@openc3/vue-common 6.7.0 → 6.8.0

package/dist/{Openc3Screen-CkdegNDJ.js → Openc3Screen-1rQ_Dbp4.js}

@@ -1,52 +1,52 @@
-import { c as D, d as q, e as M, W as G, h as X, l as j } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-DWYRspHE.js";
-import { resolveComponent as r, createBlock as y, openBlock as m, withCtx as a, createVNode as s, createElementVNode as _, toDisplayString as k, createTextVNode as T, withModifiers as A, createElementBlock as E, Fragment as W, renderList as z, ref as Y, computed as H, watch as B, createCommentVNode as V, withKeys as Z, withDirectives as O, vShow as N, normalizeStyle as $, normalizeProps as R, guardReactiveProps as L } from "vue";
+import { c as D, d as G, e as M, W as Y, h as $, l as j } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-quWsUlLr.js";
+import { resolveComponent as r, createBlock as y, openBlock as m, withCtx as a, createVNode as l, createElementVNode as v, toDisplayString as k, createTextVNode as T, withModifiers as A, createElementBlock as E, Fragment as R, renderList as z, ref as B, computed as H, watch as P, normalizeStyle as Z, createCommentVNode as V, withKeys as K, withDirectives as O, vShow as N, normalizeProps as L, guardReactiveProps as U } from "vue";
 import { _ as F } from "./CustomIcon-h5X7369N.js";
 import { f as J } from "./fileIcon-DqRHb1_Z.js";
-import { A as P } from "./TopBar-D_2lT9RB.js";
+import { A as q } from "./TopBar-BoI8SRaF.js";
 class Q {
   constructor() {
     D.get("/openc3-api/autocomplete/data/screen").then((t) => {
       this.autocompleteData = t.data;
-    }), this.api = new q();
+    }), this.api = new G();
   }
-  async getCompletions(t, n, o, i, l) {
-    let f = n.getLine(o.row).slice(0, o.column).trimStart().split(/ (?![^<]*>)/), h = this.autocompleteData;
-    f.length > 1 && (h = h.find((p) => p.caption === f[0]));
-    let d = {}, c = !0;
+  async getCompletions(t, n, o, i, s) {
+    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 b = {}, C = !0;
     if (h && h.params) {
-      h.params.length == f.length - 1 && (c = !1);
-      let p = h.params[f.length - 2];
-      if (p["Target name"])
+      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(
-          (S, w) => (S[w] = 1, S),
+          (d, x) => (d[x] = 1, d),
           {}
         );
-      else if (p["Packet name"]) {
-        let b = f[f.length - 2];
-        h = (await this.api.get_all_tlm(b)).reduce(
-          (w, v) => (w[v.packet_name] = v.description, w),
+      else if (S["Packet name"]) {
+        let u = p[p.length - 2];
+        h = (await this.api.get_all_tlm(u)).reduce(
+          (x, f) => (x[f.packet_name] = f.description, x),
           {}
         );
-      } else if (p["Item name"]) {
-        let b = f[f.length - 3], S = f[f.length - 2];
-        h = (await this.api.get_tlm(b, S)).items.reduce(
-          (v, x) => (v[x.name] = x.description, v),
+      } 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),
           {}
         );
       } else
-        h = p;
-      d = Object.keys(h || {}).map((b) => {
-        let S = {
-          value: b + (c ? " " : ""),
+        h = S;
+      b = Object.keys(h || {}).map((u) => {
+        let d = {
+          value: u + (C ? " " : ""),
           // We want the autoComplete to continue right up
           // to the last parameter
-          command: c && "startAutocomplete"
+          command: C && "startAutocomplete"
         };
-        return typeof h[b] == "string" && (S.meta = h[b]), S;
+        return typeof h[u] == "string" && (d.meta = h[u]), d;
       });
     } else
-      d = h;
-    l(null, d);
+      b = h;
+    s(null, b);
   }
 }
 const ee = {
@@ -112,14 +112,14 @@ const ee = {
   mounted: function() {
     this.editor = M.edit(this.$refs.editor), this.editor.setTheme("ace/theme/twilight");
     const e = this.buildScreenMode();
-    this.editor.session.setMode(new e()), this.editor.session.setTabSize(2), this.editor.session.setUseWrapMode(!0), this.editor.$blockScrolling = 1 / 0, this.editor.setOption("enableBasicAutocompletion", !0), this.editor.setOption("enableLiveAutocompletion", !0), this.editor.completers = [new Q()], this.editor.setHighlightActiveLine(!1), this.editor.setValue(this.definition), this.editor.clearSelection(), P.applyVimModeIfEnabled(this.editor), this.editor.focus();
+    this.editor.session.setMode(new e()), this.editor.session.setTabSize(2), this.editor.session.setUseWrapMode(!0), this.editor.$blockScrolling = 1 / 0, this.editor.setOption("enableBasicAutocompletion", !0), this.editor.setOption("enableLiveAutocompletion", !0), this.editor.completers = [new Q()], this.editor.setHighlightActiveLine(!1), this.editor.setValue(this.definition), this.editor.clearSelection(), q.applyVimModeIfEnabled(this.editor), this.editor.focus();
   },
   beforeUnmount() {
     this.editor.destroy(), this.editor.container.remove();
   },
   methods: {
     toggleVimMode: function() {
-      P.toggleVimMode(this.editor);
+      q.toggleVimMode(this.editor);
     },
     showContextMenu: function(e) {
       this.menuX = e.pageX, this.menuY = e.pageY;
@@ -167,8 +167,8 @@ const ee = {
       e.inherits(o, t);
       let i = function() {
         this.HighlightRules = o;
-      }, l = M.require("ace/mode/text").Mode;
-      return e.inherits(i, l), (function() {
+      }, s = M.require("ace/mode/text").Mode;
+      return e.inherits(i, s), (function() {
         this.$id = "ace/mode/openc3";
       }).call(i.prototype), i;
     },
@@ -196,71 +196,69 @@ const ee = {
     }
   }
 }, te = ["textContent"];
-function ne(e, t, n, o, i, l) {
-  const u = r("v-btn"), g = r("v-spacer"), f = r("v-toolbar"), h = r("v-row"), d = r("v-file-input"), c = r("v-list-item-title"), p = r("v-list-item"), b = r("v-divider"), S = r("v-list"), w = r("v-menu"), v = r("v-card-text"), x = r("v-card"), C = r("v-dialog");
-  return m(), y(C, {
-    modelValue: l.show,
-    "onUpdate:modelValue": t[5] || (t[5] = (I) => l.show = I),
+function ne(e, t, n, o, i, s) {
+  const c = r("v-btn"), _ = r("v-spacer"), p = r("v-toolbar"), h = r("v-row"), b = r("v-file-input"), C = r("v-list-item-title"), S = r("v-list-item"), u = r("v-divider"), d = r("v-list"), x = r("v-menu"), f = r("v-card-text"), g = r("v-card"), I = r("v-dialog");
+  return m(), y(I, {
+    modelValue: s.show,
+    "onUpdate:modelValue": t[5] || (t[5] = (w) => s.show = w),
     persistent: "",
     width: "75vw"
   }, {
     default: a(() => [
-      s(x, null, {
+      l(g, null, {
         default: a(() => [
-          s(f, { height: "24" }, {
+          l(p, { height: "24" }, {
             default: a(() => [
-              s(u, {
+              l(c, {
                 class: "mx-2",
                 icon: "mdi-delete",
                 variant: "text",
                 density: "compact",
                 "data-test": "delete-screen-icon",
-                onClick: l.deleteScreen
+                onClick: s.deleteScreen
               }, null, 8, ["onClick"]),
-              s(g),
-              _("span", null, " Edit Screen: " + k(n.target) + " " + k(n.screen), 1),
-              s(g),
-              s(u, {
+              l(_),
+              v("span", null, " Edit Screen: " + k(n.target) + " " + k(n.screen), 1),
+              l(_),
+              l(c, {
                 class: "mx-2",
                 icon: "mdi-download",
                 variant: "text",
                 density: "compact",
                 "data-test": "download-screen-icon",
-                onClick: l.downloadScreen
+                onClick: s.downloadScreen
               }, null, 8, ["onClick"])
             ]),
             _: 1
           }),
-          s(v, { style: { "max-height": "90vh" } }, {
+          l(f, { style: { "max-height": "90vh" } }, {
             default: a(() => [
-              s(h, { class: "mt-3" }, {
-                default: a(() => t[6] || (t[6] = [
+              l(h, { class: "mt-3" }, {
+                default: a(() => [...t[6] || (t[6] = [
                   T(" Upload a screen file. ", -1)
-                ])),
-                _: 1,
-                __: [6]
+                ])]),
+                _: 1
               }),
-              s(h, {
+              l(h, {
                 "no-gutters": "",
                 align: "center"
               }, {
                 default: a(() => [
-                  s(u, {
+                  l(c, {
                     disabled: !i.file,
                     color: "primary",
                     class: "mr-3",
                     "data-test": "edit-screen-load",
-                    onClick: l.loadFile
+                    onClick: s.loadFile
                   }, {
-                    default: a(() => t[7] || (t[7] = [
+                    default: a(() => [...t[7] || (t[7] = [
                       T(" Load ", -1)
-                    ])),
-                    _: 1,
-                    __: [7]
+                    ])]),
+                    _: 1
                   }, 8, ["disabled", "onClick"]),
-                  s(d, {
+                  l(b, {
                     modelValue: i.file,
-                    "onUpdate:modelValue": t[0] || (t[0] = (I) => i.file = I),
+                    "onUpdate:modelValue": t[0] || (t[0] = (w) => i.file = w),
                     "truncate-length": "15",
                     accept: ".txt",
                     label: "Click to select .txt screen file."
@@ -268,31 +266,30 @@ function ne(e, t, n, o, i, l) {
                 ]),
                 _: 1
               }),
-              s(h, { class: "mb-2" }, {
-                default: a(() => t[8] || (t[8] = [
+              l(h, { class: "mb-2" }, {
+                default: a(() => [...t[8] || (t[8] = [
                   T(" Edit the screen definition. ", -1)
-                ])),
-                _: 1,
-                __: [8]
+                ])]),
+                _: 1
               }),
-              s(h, { class: "mb-2" }, {
+              l(h, { class: "mb-2" }, {
                 default: a(() => [
-                  _("pre", {
+                  v("pre", {
                     ref: "editor",
                     class: "editor",
-                    onContextmenu: t[1] || (t[1] = A((...I) => l.showContextMenu && l.showContextMenu(...I), ["prevent"]))
+                    onContextmenu: t[1] || (t[1] = A((...w) => s.showContextMenu && s.showContextMenu(...w), ["prevent"]))
                   }, null, 544),
-                  s(w, {
+                  l(x, {
                     modelValue: i.contextMenu,
-                    "onUpdate:modelValue": t[2] || (t[2] = (I) => i.contextMenu = I),
+                    "onUpdate:modelValue": t[2] || (t[2] = (w) => i.contextMenu = w),
                     target: [i.menuX, i.menuY]
                   }, {
                     default: a(() => [
-                      s(S, null, {
+                      l(d, null, {
                         default: a(() => [
-                          s(p, { link: "" }, {
+                          l(S, { link: "" }, {
                             default: a(() => [
-                              s(c, { onClick: l.openDocumentation }, {
+                              l(C, { onClick: s.openDocumentation }, {
                                 default: a(() => [
                                   T(k(i.docsKeyword) + " documentation ", 1)
                                 ]),
@@ -301,11 +298,11 @@ function ne(e, t, n, o, i, l) {
                             ]),
                             _: 1
                           }),
-                          s(b),
-                          s(p, {
+                          l(u),
+                          l(S, {
                             title: "Toggle Vim mode",
                             "prepend-icon": "extras:vim",
-                            onClick: l.toggleVimMode
+                            onClick: s.toggleVimMode
                           }, null, 8, ["onClick"])
                         ]),
                         _: 1
@@ -316,48 +313,45 @@ function ne(e, t, n, o, i, l) {
                 ]),
                 _: 1
               }),
-              s(h, { style: { "max-height": "120px", "overflow-y": "auto" } }, {
+              l(h, { style: { "max-height": "120px", "overflow-y": "auto" } }, {
                 default: a(() => [
-                  (m(!0), E(W, null, z(l.editErrors, (I, K) => (m(), E("div", { key: K }, [
-                    _("span", {
+                  (m(!0), E(R, null, z(s.editErrors, (w, X) => (m(), E("div", { key: X }, [
+                    v("span", {
                       class: "text-red",
-                      textContent: k(I)
+                      textContent: k(w)
                     }, null, 8, te)
                   ]))), 128))
                 ]),
                 _: 1
               }),
-              s(h, { class: "mt-5" }, {
+              l(h, { class: "mt-5" }, {
                 default: a(() => [
-                  t[11] || (t[11] = _("span", null, " Ctrl-space brings up autocomplete. Right click keywords for documentation. ", -1)),
-                  s(g),
-                  s(u, {
+                  t[11] || (t[11] = v("span", null, " Ctrl-space brings up autocomplete. Right click keywords for documentation. ", -1)),
+                  l(_),
+                  l(c, {
                     class: "mx-2",
                     variant: "outlined",
                     "data-test": "edit-screen-cancel",
-                    onClick: t[3] || (t[3] = (I) => e.$emit("cancel"))
+                    onClick: t[3] || (t[3] = (w) => e.$emit("cancel"))
                   }, {
-                    default: a(() => t[9] || (t[9] = [
+                    default: a(() => [...t[9] || (t[9] = [
                       T(" Cancel ", -1)
-                    ])),
-                    _: 1,
-                    __: [9]
+                    ])]),
+                    _: 1
                   }),
-                  s(u, {
+                  l(c, {
                     class: "mx-2",
                     color: "primary",
                     "data-test": "edit-screen-save",
-                    onClick: t[4] || (t[4] = (I) => e.$emit("save", e.editor.getValue()))
+                    onClick: t[4] || (t[4] = (w) => e.$emit("save", e.editor.getValue()))
                   }, {
-                    default: a(() => t[10] || (t[10] = [
+                    default: a(() => [...t[10] || (t[10] = [
                       T(" Save ", -1)
-                    ])),
-                    _: 1,
-                    __: [10]
+                    ])]),
+                    _: 1
                   })
                 ]),
-                _: 1,
-                __: [11]
+                _: 1
               })
             ]),
             _: 1
@@ -459,39 +453,38 @@ const ie = /* @__PURE__ */ F(ee, [["render", ne], ["__scopeId", "data-v-65b25a74
     }
   }
 }, se = { class: "pa-3" };
-function oe(e, t, n, o, i, l) {
-  const u = r("v-spacer"), g = r("v-toolbar"), f = r("v-text-field"), h = r("v-row"), d = r("v-btn"), c = r("v-data-table"), p = r("v-col"), b = r("v-card-text"), S = r("v-card"), w = r("v-dialog");
-  return m(), y(w, {
-    modelValue: l.show,
-    "onUpdate:modelValue": t[4] || (t[4] = (v) => l.show = v),
+function oe(e, t, n, o, i, s) {
+  const c = r("v-spacer"), _ = r("v-toolbar"), p = r("v-text-field"), h = r("v-row"), b = r("v-btn"), C = r("v-data-table"), S = r("v-col"), u = r("v-card-text"), d = r("v-card"), x = r("v-dialog");
+  return m(), y(x, {
+    modelValue: s.show,
+    "onUpdate:modelValue": t[4] || (t[4] = (f) => s.show = f),
     width: "600"
   }, {
     default: a(() => [
-      s(S, null, {
+      l(d, null, {
         default: a(() => [
-          _("form", {
-            onSubmit: t[3] || (t[3] = A((...v) => l.addEnvironment && l.addEnvironment(...v), ["prevent"]))
+          v("form", {
+            onSubmit: t[3] || (t[3] = A((...f) => s.addEnvironment && s.addEnvironment(...f), ["prevent"]))
           }, [
-            s(g, { height: "24" }, {
+            l(_, { height: "24" }, {
               default: a(() => [
-                s(u),
-                t[5] || (t[5] = _("span", null, "Global Environment Variables", -1)),
-                s(u)
+                l(c),
+                t[5] || (t[5] = v("span", null, "Global Environment Variables", -1)),
+                l(c)
               ]),
-              _: 1,
-              __: [5]
+              _: 1
             }),
-            s(b, null, {
+            l(u, null, {
               default: a(() => [
-                _("div", se, [
-                  s(h, {
+                v("div", se, [
+                  l(h, {
                     dense: "",
                     class: "mb-2"
                   }, {
                     default: a(() => [
-                      s(f, {
+                      l(p, {
                         modelValue: i.search,
-                        "onUpdate:modelValue": t[0] || (t[0] = (v) => i.search = v),
+                        "onUpdate:modelValue": t[0] || (t[0] = (f) => i.search = f),
                         label: "search",
                         type: "text",
                         "data-test": "search",
@@ -507,7 +500,7 @@ function oe(e, t, n, o, i, l) {
                     ]),
                     _: 1
                   }),
-                  s(c, {
+                  l(C, {
                     "item-key": "name",
                     "hide-default-header": "",
                     "data-test": "env-table",
@@ -517,36 +510,36 @@ function oe(e, t, n, o, i, l) {
                     "items-per-page": 5,
                     "items-per-page-options": [5]
                   }, {
-                    "item.actions": a(({ item: v }) => [
-                      s(d, {
+                    "item.actions": a(({ item: f }) => [
+                      l(b, {
                         icon: "mdi-delete",
                         variant: "text",
                         class: "mt-1",
                         "data-test": "item-delete",
                         "aria-label": "Delete Environment Variable",
-                        onClick: (x) => l.deleteEnvironment(v)
+                        onClick: (g) => s.deleteEnvironment(f)
                       }, null, 8, ["onClick"])
                     ]),
                     _: 1
                   }, 8, ["search", "headers", "items"]),
-                  s(h, { dense: "" }, {
+                  l(h, { dense: "" }, {
                     default: a(() => [
-                      s(p, null, {
+                      l(S, null, {
                         default: a(() => [
-                          s(f, {
+                          l(p, {
                             modelValue: i.key,
-                            "onUpdate:modelValue": t[1] || (t[1] = (v) => i.key = v),
+                            "onUpdate:modelValue": t[1] || (t[1] = (f) => i.key = f),
                             label: "Key",
                             "data-test": "env-key"
                           }, null, 8, ["modelValue"])
                         ]),
                         _: 1
                       }),
-                      s(p, null, {
+                      l(S, null, {
                         default: a(() => [
-                          s(f, {
+                          l(p, {
                             modelValue: i.keyValue,
-                            "onUpdate:modelValue": t[2] || (t[2] = (v) => i.keyValue = v),
+                            "onUpdate:modelValue": t[2] || (t[2] = (f) => i.keyValue = f),
                             label: "Value",
                             "data-test": "env-value"
                           }, null, 8, ["modelValue"])
@@ -556,21 +549,20 @@ function oe(e, t, n, o, i, l) {
                     ]),
                     _: 1
                   }),
-                  s(h, { dense: "" }, {
+                  l(h, { dense: "" }, {
                     default: a(() => [
-                      s(d, {
+                      l(b, {
                         block: "",
                         type: "submit",
                         color: "primary",
                         "data-test": "add-env",
                         disabled: !i.key || !i.keyValue,
-                        onClick: A(l.addEnvironment, ["prevent"])
+                        onClick: A(s.addEnvironment, ["prevent"])
                       }, {
-                        default: a(() => t[6] || (t[6] = [
+                        default: a(() => [...t[6] || (t[6] = [
                           T(" Add ", -1)
-                        ])),
-                        _: 1,
-                        __: [6]
+                        ])]),
+                        _: 1
                       }, 8, ["disabled", "onClick"])
                     ]),
                     _: 1
@@ -608,122 +600,140 @@ const Ie = /* @__PURE__ */ F(le, [["render", oe]]), ae = { class: "tree-node" },
   },
   emits: ["nodeToggled", "request"],
   setup(e, { emit: t }) {
-    const n = e, o = Y(n.node.isOpen || !1), i = H(() => {
-      const d = (c) => {
-        var p;
-        return !n.search || c.path.toLowerCase().includes(n.search.toLowerCase()) ? !0 : !!((p = c.children) != null && p.some(d));
+    const n = e, o = B(n.node.isOpen || !1), i = H(() => {
+      const u = (d) => {
+        var x;
+        return !n.search || d.path.toLowerCase().includes(n.search.toLowerCase()) ? !0 : !!((x = d.children) != null && x.some(u));
       };
-      return d(n.node);
+      return u(n.node);
     });
-    B(
+    P(
       () => n.node.isOpen,
-      (d) => {
-        o.value = d;
+      (u) => {
+        o.value = u;
       }
-    ), B(
+    ), P(
       () => n.search,
-      (d) => {
-        d ? n.node.isOpen || g() : n.node.isOpen && g();
+      (u) => {
+        u ? n.node.isOpen || b() : n.node.isOpen && b();
       }
     );
-    const l = t, u = (d) => {
-      d.children ? (g(), n.type === "save" && l("request", d)) : l("request", d);
-    }, g = () => {
-      n.node.children && (o.value = !o.value, n.node.isOpen = o.value, l("nodeToggled", n.node.id, o.value));
-    }, f = (d, c) => {
-      l("nodeToggled", d, c);
-    }, h = (d) => {
-      l("request", d);
+    const s = t, c = B({
+      show: !1,
+      text: "",
+      x: 0,
+      y: 0
+    }), _ = (u, d) => {
+      if (!d || d.length <= 50) return;
+      const x = u.target.getBoundingClientRect(), f = x.left, g = x.top;
+      c.value.text = d, c.value.x = f, c.value.y = g - 40, c.value.show = !0;
+    }, p = () => {
+      c.value.show = !1;
+    }, h = (u) => {
+      u.children ? (b(), n.type === "save" && s("request", u)) : s("request", u);
+    }, b = () => {
+      n.node.children && (o.value = !o.value, n.node.isOpen = o.value, s("nodeToggled", n.node.id, o.value));
+    }, C = (u, d) => {
+      s("nodeToggled", u, d);
+    }, S = (u) => {
+      s("request", u);
     };
-    return (d, c) => {
-      const p = r("v-icon"), b = r("v-btn"), S = r("tree-node", !0);
-      return m(), E("div", ae, [
-        i.value ? (m(), E("div", {
-          key: 0,
-          class: "node-content",
-          onClick: c[2] || (c[2] = (w) => u(e.node))
-        }, [
-          _("div", re, [
-            e.node.children ? (m(), y(p, {
-              key: 0,
-              class: "toggle-icon",
-              style: { "padding-right": "10px" }
-            }, {
-              default: a(() => [
-                T(k(e.node.isOpen ? "mdi-menu-down" : "mdi-menu-right"), 1)
-              ]),
-              _: 1
-            })) : V("", !0),
-            e.node.children ? (m(), y(p, {
-              key: 1,
-              size: "small",
-              style: { "padding-right": "10px" }
-            }, {
-              default: a(() => c[3] || (c[3] = [
-                T(k("mdi-folder"), -1)
-              ])),
-              _: 1,
-              __: [3]
-            })) : e.node.title.includes(".rb") ? (m(), y(p, {
-              key: 2,
-              size: "small",
-              style: { "padding-right": "10px" }
-            }, {
-              default: a(() => c[4] || (c[4] = [
-                T(k("mdi-language-ruby"), -1)
-              ])),
-              _: 1,
-              __: [4]
-            })) : e.node.title.includes(".py") ? (m(), y(p, {
-              key: 3,
-              size: "small",
-              style: { "padding-right": "10px" }
-            }, {
-              default: a(() => c[5] || (c[5] = [
-                T(k("mdi-language-python"), -1)
-              ])),
-              _: 1,
-              __: [5]
-            })) : (m(), y(p, {
-              key: 4,
-              size: "small",
-              style: { "padding-right": "10px" }
-            }, {
-              default: a(() => c[6] || (c[6] = [
-                T(k("mdi-file-document"), -1)
-              ])),
-              _: 1,
-              __: [6]
-            })),
-            _("span", {
-              class: "title",
-              tabindex: e.node.children ? -1 : 0,
-              onKeyup: c[0] || (c[0] = Z((w) => u(e.node), ["enter"]))
-            }, k(e.node.title), 41, de),
-            e.node.title === "__TEMP__" ? (m(), y(b, {
-              key: 5,
-              icon: "mdi-delete",
-              variant: "text",
-              style: { "margin-left": "auto" },
-              "aria-label": "Delete",
-              onClick: c[1] || (c[1] = (w) => l("delete"))
-            })) : V("", !0)
-          ])
-        ])) : (m(), E("div", ce)),
-        e.node.children && e.node.isOpen ? (m(), E("div", ue, [
-          (m(!0), E(W, null, z(e.node.children, (w) => (m(), y(S, {
-            key: w.id,
-            node: w,
-            search: e.search,
-            type: e.type,
-            onNodeToggled: f,
-            onRequest: h
-          }, null, 8, ["node", "search", "type"]))), 128))
-        ])) : V("", !0)
-      ]);
+    return (u, d) => {
+      const x = r("v-tooltip"), f = r("v-icon"), g = r("v-btn"), I = r("tree-node", !0);
+      return m(), E(R, null, [
+        l(x, {
+          modelValue: c.value.show,
+          "onUpdate:modelValue": d[0] || (d[0] = (w) => c.value.show = w),
+          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", {
+            key: 0,
+            class: "node-content",
+            onClick: d[4] || (d[4] = (w) => h(e.node))
+          }, [
+            v("div", re, [
+              e.node.children ? (m(), y(f, {
+                key: 0,
+                class: "toggle-icon",
+                style: { "padding-right": "10px" }
+              }, {
+                default: a(() => [
+                  T(k(e.node.isOpen ? "mdi-menu-down" : "mdi-menu-right"), 1)
+                ]),
+                _: 1
+              })) : V("", !0),
+              e.node.children ? (m(), y(f, {
+                key: 1,
+                size: "small",
+                style: { "padding-right": "10px" }
+              }, {
+                default: a(() => [...d[5] || (d[5] = [
+                  T(k("mdi-folder"), -1)
+                ])]),
+                _: 1
+              })) : e.node.title.includes(".rb") ? (m(), y(f, {
+                key: 2,
+                size: "small",
+                style: { "padding-right": "10px" }
+              }, {
+                default: a(() => [...d[6] || (d[6] = [
+                  T(k("mdi-language-ruby"), -1)
+                ])]),
+                _: 1
+              })) : e.node.title.includes(".py") ? (m(), y(f, {
+                key: 3,
+                size: "small",
+                style: { "padding-right": "10px" }
+              }, {
+                default: a(() => [...d[7] || (d[7] = [
+                  T(k("mdi-language-python"), -1)
+                ])]),
+                _: 1
+              })) : (m(), y(f, {
+                key: 4,
+                size: "small",
+                style: { "padding-right": "10px" }
+              }, {
+                default: a(() => [...d[8] || (d[8] = [
+                  T(k("mdi-file-document"), -1)
+                ])]),
+                _: 1
+              })),
+              v("span", {
+                class: "title",
+                tabindex: e.node.children ? -1 : 0,
+                onKeyup: d[1] || (d[1] = K((w) => h(e.node), ["enter"])),
+                onMouseenter: d[2] || (d[2] = (w) => _(w, e.node.title)),
+                onMouseleave: p
+              }, k(e.node.title), 41, de),
+              e.node.title === "__TEMP__" ? (m(), y(g, {
+                key: 5,
+                icon: "mdi-delete",
+                variant: "text",
+                style: { "margin-left": "auto" },
+                "aria-label": "Delete",
+                onClick: d[3] || (d[3] = (w) => s("delete"))
+              })) : V("", !0)
+            ])
+          ])) : (m(), E("div", ce)),
+          e.node.children && e.node.isOpen ? (m(), E("div", ue, [
+            (m(!0), E(R, null, z(e.node.children, (w) => (m(), y(I, {
+              key: w.id,
+              node: w,
+              search: e.search,
+              type: e.type,
+              onNodeToggled: C,
+              onRequest: S
+            }, null, 8, ["node", "search", "type"]))), 128))
+          ])) : V("", !0)
+        ])
+      ], 64);
     };
   }
-}, me = /* @__PURE__ */ F(he, [["__scopeId", "data-v-74233c4c"]]), fe = {
+}, me = /* @__PURE__ */ F(he, [["__scopeId", "data-v-9d98e565"]]), fe = {
   components: {
     TreeNode: me
   },
@@ -900,7 +910,7 @@ For example: TGT1/procedures/test.py or TGT2/lib/inst.rb`, e;
         });
         return;
       }
-      const i = e.findIndex((l) => l.title === o[0]);
+      const i = e.findIndex((s) => s.title === o[0]);
       i === -1 ? (e.push({
         id: this.filepath.split("/").slice(0, t - 1).join("/"),
         title: o[0],
@@ -920,20 +930,20 @@ 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 u = r("v-progress-circular"), g = r("v-overlay"), f = r("v-spacer"), h = r("v-toolbar"), d = r("v-row"), c = r("v-text-field"), p = r("tree-node"), b = r("v-btn"), S = r("v-card-text"), w = r("v-card"), v = r("v-dialog");
-  return m(), y(v, {
-    modelValue: l.show,
-    "onUpdate:modelValue": t[4] || (t[4] = (x) => l.show = x),
-    width: "600",
-    onKeydown: t[5] || (t[5] = Z((x) => l.success(), ["enter"]))
+function ve(e, t, n, o, i, s) {
+  const c = r("v-progress-circular"), _ = r("v-overlay"), p = r("v-spacer"), h = r("v-toolbar"), b = r("v-row"), C = r("v-text-field"), S = r("tree-node"), u = r("v-btn"), d = r("v-card-text"), x = r("v-card"), f = r("v-dialog");
+  return m(), y(f, {
+    modelValue: s.show,
+    "onUpdate:modelValue": t[4] || (t[4] = (g) => s.show = g),
+    width: "800",
+    onKeydown: t[5] || (t[5] = K((g) => s.success(), ["enter"]))
   }, {
     default: a(() => [
-      s(w, null, {
+      l(x, null, {
         default: a(() => [
-          s(g, { "model-value": i.loading }, {
+          l(_, { "model-value": i.loading }, {
             default: a(() => [
-              s(u, {
+              l(c, {
                 indeterminate: "",
                 absolute: "",
                 size: "64"
@@ -941,34 +951,34 @@ function ve(e, t, n, o, i, l) {
             ]),
             _: 1
           }, 8, ["model-value"]),
-          _("form", {
-            onSubmit: t[3] || (t[3] = A((...x) => l.success && l.success(...x), ["prevent"]))
+          v("form", {
+            onSubmit: t[3] || (t[3] = A((...g) => s.success && s.success(...g), ["prevent"]))
           }, [
-            s(h, { height: "24" }, {
+            l(h, { height: "24" }, {
               default: a(() => [
-                s(f),
-                _("span", null, k(l.title), 1),
-                s(f)
+                l(p),
+                v("span", null, k(s.title), 1),
+                l(p)
               ]),
               _: 1
             }),
-            s(S, null, {
+            l(d, null, {
               default: a(() => [
-                _("div", pe, [
-                  s(d, null, {
+                v("div", pe, [
+                  l(b, null, {
                     default: a(() => [
-                      T(k(l.helpText), 1)
+                      T(k(s.helpText), 1)
                     ]),
                     _: 1
                   }),
-                  s(d, {
+                  l(b, {
                     dense: "",
                     class: "mt-5"
                   }, {
                     default: a(() => [
-                      s(c, {
+                      l(C, {
                         modelValue: i.search,
-                        "onUpdate:modelValue": t[0] || (t[0] = (x) => i.search = x),
+                        "onUpdate:modelValue": t[0] || (t[0] = (g) => i.search = g),
                         flat: "",
                         autofocus: "",
                         "hide-details": "",
@@ -981,21 +991,21 @@ function ve(e, t, n, o, i, l) {
                     ]),
                     _: 1
                   }),
-                  _("div", ge, [
-                    (m(!0), E(W, null, z(i.items, (x) => (m(), y(p, {
-                      key: `${x.id}`,
-                      node: x,
+                  v("div", ge, [
+                    (m(!0), E(R, null, z(i.items, (g) => (m(), y(S, {
+                      key: `${g.id}`,
+                      node: g,
                       search: i.search,
                       type: n.type,
-                      onRequest: l.activeFile,
-                      onDelete: l.deleteTemp
+                      onRequest: s.activeFile,
+                      onDelete: s.deleteTemp
                     }, null, 8, ["node", "search", "type", "onRequest", "onDelete"]))), 128))
                   ]),
-                  s(d, { class: "my-2" }, {
+                  l(b, { class: "my-2" }, {
                     default: a(() => [
-                      s(c, {
+                      l(C, {
                         modelValue: i.selectedFile,
-                        "onUpdate:modelValue": t[1] || (t[1] = (x) => i.selectedFile = x),
+                        "onUpdate:modelValue": t[1] || (t[1] = (g) => i.selectedFile = g),
                         "hide-details": "",
                         label: "Filename",
                         "data-test": "file-open-save-filename",
@@ -1004,44 +1014,43 @@ function ve(e, t, n, o, i, l) {
                     ]),
                     _: 1
                   }),
-                  s(d, { dense: "" }, {
+                  l(b, { dense: "" }, {
                     default: a(() => [
-                      O(_("div", {
+                      O(v("div", {
                         class: "my-2 text-red",
                         style: { "white-space": "pre-line" }
-                      }, k(l.error), 513), [
-                        [N, l.error]
+                      }, k(s.error), 513), [
+                        [N, s.error]
                       ])
                     ]),
                     _: 1
                   }),
-                  s(d, { class: "mt-2" }, {
+                  l(b, { class: "mt-2" }, {
                     default: a(() => [
-                      s(f),
-                      s(b, {
+                      l(p),
+                      l(u, {
                         variant: "outlined",
                         class: "mx-2",
                         "data-test": "file-open-save-cancel-btn",
                         disabled: i.disableButtons,
-                        onClick: t[2] || (t[2] = (x) => l.show = !1)
+                        onClick: t[2] || (t[2] = (g) => s.show = !1)
                       }, {
-                        default: a(() => t[6] || (t[6] = [
+                        default: a(() => [...t[6] || (t[6] = [
                           T(" Cancel ", -1)
-                        ])),
-                        _: 1,
-                        __: [6]
+                        ])]),
+                        _: 1
                       }, 8, ["disabled"]),
-                      s(b, {
+                      l(u, {
                         ref: "submitBtn",
                         type: "submit",
                         color: "primary",
                         class: "mx-2",
                         "data-test": "file-open-save-submit-btn",
-                        disabled: i.disableButtons || !!l.error,
-                        onClick: A(l.success, ["prevent"])
+                        disabled: i.disableButtons || !!s.error,
+                        onClick: A(s.success, ["prevent"])
                       }, {
                         default: a(() => [
-                          T(k(l.submit), 1)
+                          T(k(s.submit), 1)
                         ]),
                         _: 1
                       }, 8, ["disabled", "onClick"])
@@ -1060,11 +1069,11 @@ function ve(e, t, n, o, i, l) {
     _: 1
   }, 8, ["modelValue"]);
 }
-const Ve = /* @__PURE__ */ F(fe, [["render", ve]]), U = 20, _e = {
+const Ve = /* @__PURE__ */ F(fe, [["render", ve]]), W = 20, ye = {
   components: {
     EditScreenDialog: ie
   },
-  mixins: [G],
+  mixins: [Y],
   props: {
     target: {
       type: String,
@@ -1223,7 +1232,7 @@ const Ve = /* @__PURE__ */ F(fe, [["render", ve]]), U = 20, _e = {
   // We need this because an error can occur from any of the children
   // in the widget stack and are typically thrown on create()
   errorCaptured(e, t, n) {
-    return this.errors.length < U && (e.usage ? this.errors.push({
+    return this.errors.length < W && (e.usage ? this.errors.push({
       type: "usage",
       message: e.message,
       usage: e.usage,
@@ -1237,7 +1246,7 @@ const Ve = /* @__PURE__ */ F(fe, [["render", ve]]), U = 20, _e = {
     })), !1;
   },
   created() {
-    this.api = new q(), this.configParser = new X(), this.parseDefinition(), this.screenKey = Math.floor(Math.random() * 1e6);
+    this.api = new G(), this.configParser = new $(), 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);
@@ -1330,7 +1339,7 @@ const Ve = /* @__PURE__ */ F(fe, [["render", ve]]), U = 20, _e = {
         let e = [], t = [];
         for (const n of this.dynamicWidgets)
           e.push(n.name), t.push(n.lineNumber);
-        this.errors.length < U && this.errors.push({
+        this.errors.length < W && this.errors.push({
           type: "usage",
           message: `Unknown widget! Are these widgets: ${e.join(",")}?`,
           lineNumber: t.join(","),
@@ -1437,42 +1446,42 @@ const Ve = /* @__PURE__ */ F(fe, [["render", ve]]), U = 20, _e = {
         null,
         `${e} <Widget Name> <Widget Type> <Widget Settings... (optional)>`
       ), i = t[0].toUpperCase(), e = t[1].toUpperCase(), t = t.slice(2, t.length));
-      const l = e.charAt(0).toUpperCase() + e.slice(1).toLowerCase() + "Widget";
-      let u = [];
-      if (u.push(["__SCREEN_ID__", this.screenId]), i !== null && u.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 g = {
-          type: l,
+      const s = 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 _ = {
+          type: s,
           parameters: t,
-          settings: u,
+          settings: c,
           screenValues: this.screenValues,
           screenTimeZone: this.timeZone,
           widgets: []
         };
-        this.layoutStack.push(g), this.currentLayout.widgets.push(g), this.currentLayout = g;
-      } else if (this.$options.components[l])
+        this.layoutStack.push(_), this.currentLayout.widgets.push(_), this.currentLayout = _;
+      } else if (this.$options.components[s])
         this.currentLayout.widgets.push({
-          type: l,
+          type: s,
           target: this.target,
           parameters: t,
-          settings: u,
+          settings: c,
           screenValues: this.screenValues,
           screenTimeZone: this.timeZone,
           line: n,
           lineNumber: o
         });
       else {
-        let g = {
+        let _ = {
           type: "DynamicWidget",
           target: this.target,
           parameters: t,
-          settings: u,
+          settings: c,
           screenValues: this.screenValues,
           screenTimeZone: this.timeZone,
-          name: l,
+          name: s,
           line: n,
           lineNumber: o
         };
-        this.currentLayout.widgets.push(g), this.dynamicWidgets.push(g);
+        this.currentLayout.widgets.push(_), this.dynamicWidgets.push(_);
       }
     },
     applyGlobalSettings: function(e) {
@@ -1495,7 +1504,7 @@ const Ve = /* @__PURE__ */ F(fe, [["render", ve]]), U = 20, _e = {
         t && t.length > 0 && this.updateValues(t);
       }).catch((t) => {
         let n = JSON.stringify(t, null, 2);
-        this.errors.find((o) => o.message === n) || this.errors.length < U && this.errors.push({
+        this.errors.find((o) => o.message === n) || this.errors.length < W && this.errors.push({
           type: "error",
           message: n,
           time: (/* @__PURE__ */ new Date()).getTime()
@@ -1528,7 +1537,7 @@ const Ve = /* @__PURE__ */ F(fe, [["render", ve]]), U = 20, _e = {
               if (this.actualScreenItems[t] === null) {
                 const n = this.screenItems[t].split("__"), o = this.currentDefinition.split(`
 `), i = o.findIndex(
-                  (l) => l.includes(n[0]) && l.includes(n[1]) && l.includes(n[2])
+                  (s) => s.includes(n[0]) && s.includes(n[1]) && s.includes(n[2])
                 ) + 1;
                 i > 0 ? this.errors.push({
                   type: "usage",
@@ -1556,7 +1565,7 @@ const Ve = /* @__PURE__ */ F(fe, [["render", ve]]), U = 20, _e = {
       this.screenItems.splice(t, 1), this.debouncedUpdateTlmAvailable();
     }
   }
-}, ye = {
+}, _e = {
   ref: "screen",
   class: "pa-1",
   style: { position: "relative" }
@@ -1565,22 +1574,22 @@ const Ve = /* @__PURE__ */ F(fe, [["render", ve]]), U = 20, _e = {
   class: "pa-1",
   style: { position: "relative" }
 };
-function xe(e, t, n, o, i, l) {
-  const u = r("v-btn"), g = r("v-tooltip"), f = r("v-spacer"), h = r("v-toolbar"), d = r("v-overlay"), c = r("vertical-widget"), p = r("v-expand-transition"), b = r("v-card"), S = r("edit-screen-dialog"), w = r("v-textarea"), v = r("v-card-actions"), x = r("v-dialog");
+function xe(e, t, n, o, i, s) {
+  const c = r("v-btn"), _ = r("v-tooltip"), p = r("v-spacer"), h = r("v-toolbar"), b = r("v-overlay"), C = r("vertical-widget"), S = r("v-expand-transition"), u = r("v-card"), d = r("edit-screen-dialog"), x = r("v-textarea"), f = r("v-card-actions"), g = r("v-dialog");
   return m(), E("div", {
     ref: "bar",
-    style: $(l.computedStyle)
+    style: Z(s.computedStyle)
   }, [
-    n.inline ? V("", !0) : (m(), y(b, {
+    n.inline ? V("", !0) : (m(), y(u, {
       key: 0,
       "min-height": i.height,
       "min-width": i.width,
       style: { cursor: "default" }
     }, {
       default: a(() => [
-        s(h, { height: "24" }, {
+        l(h, { height: "24" }, {
           default: a(() => [
-            O(s(u, {
+            O(l(c, {
               icon: "mdi-alert",
               variant: "text",
               density: "compact",
@@ -1592,118 +1601,116 @@ function xe(e, t, n, o, i, l) {
             }, null, 512), [
               [N, i.errors.length !== 0]
             ]),
-            s(u, {
+            l(c, {
               icon: "mdi-pencil",
               variant: "text",
               density: "compact",
               "data-test": "edit-screen-icon",
               "aria-label": "Edit Screen",
-              onClick: l.openEdit
+              onClick: s.openEdit
             }, null, 8, ["onClick"]),
-            n.fixFloated ? V("", !0) : (m(), y(g, {
+            n.fixFloated ? V("", !0) : (m(), y(_, {
               key: 0,
               "open-delay": 600,
               location: "top"
             }, {
-              activator: a(({ props: C }) => [
-                _("div", R(L(C)), [
-                  s(u, {
+              activator: a(({ props: I }) => [
+                v("div", L(U(I)), [
+                  l(c, {
                     icon: i.floated ? "mdi-balloon" : "mdi-view-grid-outline",
                     variant: "text",
                     density: "compact",
                     "data-test": "float-screen-icon",
                     "aria-label": i.floated ? "Unfloat Screen" : "Float Screen",
-                    onClick: l.floatScreen
+                    onClick: s.floatScreen
                   }, null, 8, ["icon", "aria-label", "onClick"])
                 ], 16)
               ]),
               default: a(() => [
-                _("span", null, k(i.floated ? "Unfloat Screen" : "Float Screen"), 1)
+                v("span", null, k(i.floated ? "Unfloat Screen" : "Float Screen"), 1)
               ]),
               _: 1
             })),
-            i.floated ? (m(), y(g, {
+            i.floated ? (m(), y(_, {
               key: 1,
               "open-delay": 600,
               location: "top"
             }, {
-              activator: a(({ props: C }) => [
-                _("div", R(L(C)), [
-                  s(u, {
+              activator: a(({ props: I }) => [
+                v("div", L(U(I)), [
+                  l(c, {
                     icon: "mdi-arrow-up",
                     variant: "text",
                     density: "compact",
                     "data-test": "up-screen-icon",
                     "aria-label": "Move Screen Up",
-                    onClick: l.upScreen
+                    onClick: s.upScreen
                   }, null, 8, ["onClick"])
                 ], 16)
               ]),
               default: a(() => [
-                t[6] || (t[6] = _("span", null, " Move Screen Up ", -1))
+                t[6] || (t[6] = v("span", null, " Move Screen Up ", -1))
               ]),
-              _: 1,
-              __: [6]
+              _: 1
             })) : V("", !0),
-            i.floated && i.zIndex > n.minZ ? (m(), y(g, {
+            i.floated && i.zIndex > n.minZ ? (m(), y(_, {
               key: 2,
               "open-delay": 600,
               location: "top"
             }, {
-              activator: a(({ props: C }) => [
-                _("div", R(L(C)), [
-                  s(u, {
+              activator: a(({ props: I }) => [
+                v("div", L(U(I)), [
+                  l(c, {
                     icon: "mdi-arrow-down",
                     variant: "text",
                     density: "compact",
                     "data-test": "down-screen-icon",
                     "aria-label": "Move Screen Down",
-                    onClick: l.downScreen
+                    onClick: s.downScreen
                   }, null, 8, ["onClick"])
                 ], 16)
               ]),
               default: a(() => [
-                t[7] || (t[7] = _("span", null, " Move Screen Down ", -1))
+                t[7] || (t[7] = v("span", null, " Move Screen Down ", -1))
               ]),
-              _: 1,
-              __: [7]
+              _: 1
             })) : V("", !0),
-            s(f),
-            _("span", null, k(n.target) + " " + k(n.screen), 1),
-            s(f),
-            i.expand ? (m(), y(u, {
+            l(p),
+            v("span", null, k(n.target) + " " + k(n.screen), 1),
+            l(p),
+            i.expand ? (m(), y(c, {
               key: 3,
               icon: "mdi-window-minimize",
               variant: "text",
               density: "compact",
               "data-test": "minimize-screen-icon",
               "aria-label": "Minimize Screen",
-              onClick: l.minMaxTransition
-            }, null, 8, ["onClick"])) : (m(), y(u, {
+              onClick: s.minMaxTransition
+            }, null, 8, ["onClick"])) : (m(), y(c, {
               key: 4,
               icon: "mdi-window-maximize",
               variant: "text",
               density: "compact",
               "data-test": "maximize-screen-icon",
               "aria-label": "Maximize Screen",
-              onClick: l.minMaxTransition
+              onClick: s.minMaxTransition
             }, null, 8, ["onClick"])),
-            n.showClose ? (m(), y(u, {
+            n.showClose ? (m(), y(c, {
               key: 5,
               icon: "mdi-close-box",
               variant: "text",
               density: "compact",
               "data-test": "close-screen-icon",
               "aria-label": "Close Screen",
-              onClick: t[1] || (t[1] = (C) => e.$emit("close-screen"))
+              onClick: t[1] || (t[1] = (I) => e.$emit("close-screen"))
             })) : V("", !0)
           ]),
           _: 1
         }),
-        i.editDialog ? V("", !0) : (m(), y(p, { key: 0 }, {
+        i.editDialog ? V("", !0) : (m(), y(S, { key: 0 }, {
           default: a(() => [
-            O(_("div", ye, [
-              s(d, {
+            O(v("div", _e, [
+              l(b, {
                 style: { "pointer-events": "none" },
                 "model-value": i.errors.length !== 0,
                 opacity: "0.8",
@@ -1711,16 +1718,16 @@ function xe(e, t, n, o, i, l) {
                 attach: "",
                 "scroll-strategy": "none"
               }, null, 8, ["model-value"]),
-              (m(), y(c, {
+              (m(), y(C, {
                 key: i.screenKey,
                 widgets: i.layoutStack[0].widgets,
                 "screen-values": i.screenValues,
                 "screen-time-zone": n.timeZone,
-                onAddItem: l.addItem,
-                onDeleteItem: l.deleteItem,
-                onOpen: l.open,
-                onClose: l.close,
-                onCloseAll: l.closeAll
+                onAddItem: s.addItem,
+                onDeleteItem: s.deleteItem,
+                onOpen: s.open,
+                onClose: s.close,
+                onCloseAll: s.closeAll
               }, null, 8, ["widgets", "screen-values", "screen-time-zone", "onAddItem", "onDeleteItem", "onOpen", "onClose", "onCloseAll"]))
             ], 512), [
               [N, i.expand]
@@ -1732,7 +1739,7 @@ function xe(e, t, n, o, i, l) {
       _: 1
     }, 8, ["min-height", "min-width"])),
     n.inline ? (m(), E("div", be, [
-      s(d, {
+      l(b, {
         style: { "pointer-events": "none" },
         "model-value": i.errors.length !== 0,
         opacity: "0.8",
@@ -1740,7 +1747,7 @@ function xe(e, t, n, o, i, l) {
         attach: "",
         "scroll-strategy": "none"
       }, null, 8, ["model-value"]),
-      O(s(u, {
+      O(l(c, {
         icon: "mdi-alert",
         variant: "text",
         density: "compact",
@@ -1752,77 +1759,75 @@ function xe(e, t, n, o, i, l) {
       }, null, 512), [
         [N, i.errors.length !== 0]
       ]),
-      (m(), y(c, {
+      (m(), y(C, {
         key: i.screenKey,
         widgets: i.layoutStack[0].widgets,
         "screen-values": i.screenValues,
         "screen-time-zone": n.timeZone,
-        onAddItem: l.addItem,
-        onDeleteItem: l.deleteItem,
-        onOpen: l.open,
-        onClose: l.close,
-        onCloseAll: l.closeAll
+        onAddItem: s.addItem,
+        onDeleteItem: s.deleteItem,
+        onOpen: s.open,
+        onClose: s.close,
+        onCloseAll: s.closeAll
       }, null, 8, ["widgets", "screen-values", "screen-time-zone", "onAddItem", "onDeleteItem", "onOpen", "onClose", "onCloseAll"]))
     ])) : V("", !0),
-    i.editDialog ? (m(), y(S, {
+    i.editDialog ? (m(), y(d, {
       key: 2,
       modelValue: i.editDialog,
-      "onUpdate:modelValue": t[3] || (t[3] = (C) => i.editDialog = C),
+      "onUpdate:modelValue": t[3] || (t[3] = (I) => i.editDialog = I),
       target: n.target,
       screen: n.screen,
       definition: i.currentDefinition,
       keywords: n.keywords,
       errors: i.errors,
-      onSave: l.saveEdit,
-      onCancel: l.cancelEdit,
-      onDelete: l.deleteScreen
+      onSave: s.saveEdit,
+      onCancel: s.cancelEdit,
+      onDelete: s.deleteScreen
     }, null, 8, ["modelValue", "target", "screen", "definition", "keywords", "errors", "onSave", "onCancel", "onDelete"])) : V("", !0),
-    s(x, {
+    l(g, {
       modelValue: i.errorDialog,
-      "onUpdate:modelValue": t[5] || (t[5] = (C) => i.errorDialog = C),
+      "onUpdate:modelValue": t[5] || (t[5] = (I) => i.errorDialog = I),
       width: "60vw"
     }, {
       default: a(() => [
-        s(h, { height: "24" }, {
+        l(h, { height: "24" }, {
           default: a(() => [
-            s(f),
-            _("span", null, " Screen: " + k(n.target) + " " + k(n.screen) + " Errors ", 1),
-            s(f)
+            l(p),
+            v("span", null, " Screen: " + k(n.target) + " " + k(n.screen) + " Errors ", 1),
+            l(p)
           ]),
           _: 1
         }),
-        s(b, null, {
+        l(u, null, {
           default: a(() => [
-            s(w, {
+            l(x, {
               class: "errors",
               readonly: "",
               rows: "13",
-              "model-value": l.error
+              "model-value": s.error
             }, null, 8, ["model-value"]),
-            s(v, { class: "pb-5" }, {
+            l(f, { class: "pb-5" }, {
               default: a(() => [
-                s(f),
-                s(u, {
+                l(p),
+                l(c, {
                   variant: "outlined",
                   class: "mr-2",
-                  onClick: l.clearErrors
+                  onClick: s.clearErrors
                 }, {
-                  default: a(() => t[8] || (t[8] = [
+                  default: a(() => [...t[8] || (t[8] = [
                     T(" Clear Errors ", -1)
-                  ])),
-                  _: 1,
-                  __: [8]
+                  ])]),
+                  _: 1
                 }, 8, ["onClick"]),
-                s(u, {
+                l(c, {
                   variant: "flat",
                   class: "mr-2",
-                  onClick: t[4] || (t[4] = (C) => i.errorDialog = !1)
+                  onClick: t[4] || (t[4] = (I) => i.errorDialog = !1)
                 }, {
-                  default: a(() => t[9] || (t[9] = [
+                  default: a(() => [...t[9] || (t[9] = [
                     T(" Close ", -1)
-                  ])),
-                  _: 1,
-                  __: [9]
+                  ])]),
+                  _: 1
                 })
               ]),
               _: 1
@@ -1835,7 +1840,7 @@ function xe(e, t, n, o, i, l) {
     }, 8, ["modelValue"])
   ], 4);
 }
-const Ee = /* @__PURE__ */ F(_e, [["render", xe], ["__scopeId", "data-v-95e4a143"]]);
+const Ee = /* @__PURE__ */ F(ye, [["render", xe], ["__scopeId", "data-v-95e4a143"]]);
 export {
   ie as E,
   Ve as F,
@@ -1843,4 +1848,4 @@ export {
   Q as S,
   Ie as a
 };
-//# sourceMappingURL=Openc3Screen-CkdegNDJ.js.map
+//# sourceMappingURL=Openc3Screen-1rQ_Dbp4.js.map