@openc3/vue-common 7.0.0 → 7.0.1

package/dist/{Openc3Screen-BnM1bNOB.js → Openc3Screen-DbUvz-3B.js}

@@ -1,59 +1,59 @@
-import { F as C, y as q, a as F, W as X, c as N, f as Z, l as Y } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_c790a82f_lang-CDTSzdb-.js";
-import { resolveComponent as d, createElementBlock as E, openBlock as p, createVNode as o, withCtx as r, createTextVNode as T, createElementVNode as y, withModifiers as O, normalizeStyle as W, toDisplayString as w, createBlock as _, withKeys as U, Fragment as z, renderList as $, ref as K, computed as J, watch as j, createCommentVNode as V, withDirectives as M, vShow as R, normalizeClass as Q, normalizeProps as L, guardReactiveProps as P } from "vue";
-import { _ as A } from "./CustomIcon-Cg3jCA_l.js";
+import { F as V, y as q, a as F, W as X, c as N, f as Z, l as Y } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_c790a82f_lang-BJxLUZhh.js";
+import { resolveComponent as d, openBlock as f, createElementBlock as I, createVNode as o, withCtx as r, createTextVNode as S, createElementVNode as y, withModifiers as O, normalizeStyle as W, toDisplayString as k, createBlock as b, withKeys as U, Fragment as z, renderList as $, ref as K, computed as J, watch as j, createCommentVNode as E, withDirectives as M, vShow as R, normalizeClass as Q, normalizeProps as L, guardReactiveProps as P } from "vue";
+import { _ as A } from "./CustomIcon-DTR361si.js";
 import { f as ee } from "./fileIcon-DqRHb1_Z.js";
-import { A as H } from "./TopBar-B4RDkLs-.js";
+import { A as H } from "./TopBar-C810rP_B.js";
 class te {
   constructor() {
-    C.get("/openc3-api/autocomplete/data/screen").then((t) => {
+    V.get("/openc3-api/autocomplete/data/screen").then((t) => {
       this.autocompleteData = t.data;
     }), this.api = new q();
   }
   async getCompletions(t, i, s, n, l) {
     if (!this.autocompleteData) return l(null, []);
-    let f = i.getLine(s.row).slice(0, s.column).trimStart().split(/ (?![^<]*>)/), h = this.autocompleteData;
-    f.length > 1 && (h = h.find((x) => x.caption === f[0]));
-    let b = {}, k = !0;
-    if (h && h.params) {
-      h.params.length == f.length - 1 && (k = !1);
-      let x = h.params[f.length - 2];
-      if (x["Target name"])
-        h = (await this.api.get_target_names()).reduce(
+    let m = i.getLine(s.row).slice(0, s.column).trimStart().split(/ (?![^<]*>)/), u = this.autocompleteData;
+    m.length > 1 && (u = u.find((w) => w.caption === m[0]));
+    let x = {}, T = !0;
+    if (u && u.params) {
+      u.params.length == m.length - 1 && (T = !1);
+      let w = u.params[m.length - 2];
+      if (w["Target name"])
+        u = (await this.api.get_target_names()).reduce(
           (a, v) => (a[v] = 1, a),
           {}
         );
-      else if (x["Packet name"]) {
-        let m = f[f.length - 2];
-        h = (await this.api.get_all_tlm(m)).reduce(
-          (v, u) => (v[u.packet_name] = u.description, v),
+      else if (w["Packet name"]) {
+        let h = m[m.length - 2];
+        u = (await this.api.get_all_tlm(h)).reduce(
+          (v, p) => (v[p.packet_name] = p.description, v),
           {}
-        ), h.LATEST = "LATEST values from all packets";
-      } else if (x["Item name"]) {
-        let m = f[f.length - 3], a = f[f.length - 2];
+        ), u.LATEST = "LATEST values from all packets";
+      } else if (w["Item name"]) {
+        let h = m[m.length - 3], a = m[m.length - 2];
         if (a === "LATEST") {
-          let v = await this.api.get_all_tlm_item_names(m);
-          h = {}, v.forEach((u) => {
-            h[u] = `LATEST ${u}`;
+          let v = await this.api.get_all_tlm_item_names(h);
+          u = {}, v.forEach((p) => {
+            u[p] = `LATEST ${p}`;
           });
         } else
-          h = (await this.api.get_tlm(m, a)).items.reduce(
-            (u, I) => (u[I.name] = I.description, u),
+          u = (await this.api.get_tlm(h, a)).items.reduce(
+            (p, _) => (p[_.name] = _.description, p),
             {}
           );
       } else
-        h = x;
-      b = Object.keys(h || {}).map((m) => {
+        u = w;
+      x = Object.keys(u || {}).map((h) => {
         let a = {
-          value: m + (k ? " " : ""),
+          value: h + (T ? " " : ""),
           // We want the autoComplete to continue right up
           // to the last parameter
-          command: k && "startAutocomplete"
+          command: T && "startAutocomplete"
         };
-        return typeof h[m] == "string" && (a.meta = h[m]), a;
+        return typeof u[h] == "string" && (a.meta = u[h]), a;
       });
     } else
-      b = h;
-    l(null, b);
+      x = u;
+    l(null, x);
   }
 }
 const ie = {
@@ -115,7 +115,7 @@ const ie = {
   methods: {
     async loadKeywords() {
       try {
-        const e = await C.get(
+        const e = await V.get(
           "/openc3-api/autocomplete/keywords/screen"
         );
         this.loadedKeywords = e.data;
@@ -204,9 +204,9 @@ const ie = {
   }
 }, ne = { class: "screen-editor-container" };
 function se(e, t, i, s, n, l) {
-  const c = d("v-btn"), g = d("v-file-input"), f = d("v-spacer"), h = d("v-row"), b = d("v-list-item-title"), k = d("v-list-item"), x = d("v-divider"), m = d("v-list"), a = d("v-menu");
-  return p(), E("div", ne, [
-    o(h, {
+  const c = d("v-btn"), g = d("v-file-input"), m = d("v-spacer"), u = d("v-row"), x = d("v-list-item-title"), T = d("v-list-item"), w = d("v-divider"), h = d("v-list"), a = d("v-menu");
+  return f(), I("div", ne, [
+    o(u, {
       "no-gutters": "",
       align: "center",
       class: "mb-2"
@@ -221,7 +221,7 @@ function se(e, t, i, s, n, l) {
           onClick: l.loadFile
         }, {
           default: r(() => [...t[3] || (t[3] = [
-            T(" Load ", -1)
+            S(" Load ", -1)
           ])]),
           _: 1
         }, 8, ["disabled", "onClick"]),
@@ -235,7 +235,7 @@ function se(e, t, i, s, n, l) {
           "hide-details": "",
           style: { "max-width": "300px" }
         }, null, 8, ["modelValue"]),
-        o(f),
+        o(m),
         o(c, {
           icon: "mdi-download",
           variant: "text",
@@ -247,7 +247,7 @@ function se(e, t, i, s, n, l) {
       ]),
       _: 1
     }),
-    o(h, {
+    o(u, {
       "no-gutters": "",
       class: "mb-2"
     }, {
@@ -264,24 +264,24 @@ function se(e, t, i, s, n, l) {
           target: [n.menuX, n.menuY]
         }, {
           default: r(() => [
-            o(m, null, {
+            o(h, null, {
               default: r(() => [
-                o(k, {
+                o(T, {
                   link: "",
                   onClick: l.openDocumentation
                 }, {
                   default: r(() => [
-                    o(b, null, {
+                    o(x, null, {
                       default: r(() => [
-                        T(w(n.docsKeyword) + " documentation ", 1)
+                        S(k(n.docsKeyword) + " documentation ", 1)
                       ]),
                       _: 1
                     })
                   ]),
                   _: 1
                 }, 8, ["onClick"]),
-                o(x),
-                o(k, {
+                o(w),
+                o(T, {
                   title: "Toggle Vim mode",
                   "prepend-icon": "extras:vim",
                   onClick: l.toggleVimMode
@@ -295,7 +295,7 @@ function se(e, t, i, s, n, l) {
       ]),
       _: 1
     }),
-    o(h, { "no-gutters": "" }, {
+    o(u, { "no-gutters": "" }, {
       default: r(() => [...t[4] || (t[4] = [
         y("span", { class: "text-caption text-grey" }, " Ctrl-space brings up autocomplete. Right click keywords for documentation. ", -1)
       ])]),
@@ -379,8 +379,8 @@ const le = /* @__PURE__ */ A(ie, [["render", se], ["__scopeId", "data-v-f2442c42
   }
 }, re = ["textContent"];
 function ae(e, t, i, s, n, l) {
-  const c = d("v-btn"), g = d("v-spacer"), f = d("v-toolbar"), h = d("screen-editor"), b = d("v-row"), k = d("v-card-text"), x = d("v-card"), m = d("v-dialog");
-  return p(), _(m, {
+  const c = d("v-btn"), g = d("v-spacer"), m = d("v-toolbar"), u = d("screen-editor"), x = d("v-row"), T = d("v-card-text"), w = d("v-card"), h = d("v-dialog");
+  return f(), b(h, {
     modelValue: l.show,
     "onUpdate:modelValue": t[3] || (t[3] = (a) => l.show = a),
     persistent: "",
@@ -388,9 +388,9 @@ function ae(e, t, i, s, n, l) {
     onKeydown: t[4] || (t[4] = U((a) => e.$emit("cancel"), ["esc"]))
   }, {
     default: r(() => [
-      o(x, null, {
+      o(w, null, {
         default: r(() => [
-          o(f, { height: "24" }, {
+          o(m, { height: "24" }, {
             default: r(() => [
               o(c, {
                 class: "mx-2",
@@ -401,14 +401,14 @@ function ae(e, t, i, s, n, l) {
                 onClick: l.deleteScreen
               }, null, 8, ["onClick"]),
               o(g),
-              y("span", null, " Edit Screen: " + w(i.target) + " " + w(i.screen), 1),
+              y("span", null, " Edit Screen: " + k(i.target) + " " + k(i.screen), 1),
               o(g)
             ]),
             _: 1
           }),
-          o(k, { style: { "max-height": "90vh" } }, {
+          o(T, { style: { "max-height": "90vh" } }, {
             default: r(() => [
-              o(h, {
+              o(u, {
                 ref: "screenEditor",
                 modelValue: n.editorContent,
                 "onUpdate:modelValue": t[0] || (t[0] = (a) => n.editorContent = a),
@@ -416,21 +416,21 @@ function ae(e, t, i, s, n, l) {
                 filename: `${i.screen.toLowerCase()}.txt`,
                 height: "45vh"
               }, null, 8, ["modelValue", "keywords", "filename"]),
-              o(b, {
+              o(x, {
                 class: "ma-3",
                 style: { "max-height": "120px", "overflow-y": "auto" }
               }, {
                 default: r(() => [
-                  (p(!0), E(z, null, $(l.editErrors, (a, v) => (p(), E("div", { key: v }, [
+                  (f(!0), I(z, null, $(l.editErrors, (a, v) => (f(), I("div", { key: v }, [
                     y("span", {
                       class: "text-red",
-                      textContent: w(a)
+                      textContent: k(a)
                     }, null, 8, re)
                   ]))), 128))
                 ]),
                 _: 1
               }),
-              o(b, { class: "mt-3" }, {
+              o(x, { class: "mt-3" }, {
                 default: r(() => [
                   o(g),
                   o(c, {
@@ -440,7 +440,7 @@ function ae(e, t, i, s, n, l) {
                     onClick: t[1] || (t[1] = (a) => e.$emit("cancel"))
                   }, {
                     default: r(() => [...t[5] || (t[5] = [
-                      T(" Cancel ", -1)
+                      S(" Cancel ", -1)
                     ])]),
                     _: 1
                   }),
@@ -451,7 +451,7 @@ function ae(e, t, i, s, n, l) {
                     onClick: t[2] || (t[2] = (a) => e.$emit("save", n.editorContent))
                   }, {
                     default: r(() => [...t[6] || (t[6] = [
-                      T(" Save ", -1)
+                      S(" Save ", -1)
                     ])]),
                     _: 1
                   })
@@ -468,7 +468,7 @@ function ae(e, t, i, s, n, l) {
     _: 1
   }, 8, ["modelValue"]);
 }
-const de = /* @__PURE__ */ A(oe, [["render", ae]]), ce = (e) => C.get(`/openc3-api/autocomplete/keywords/${e}`), ue = (e) => C.get(`/openc3-api/autocomplete/data/${e}`), Re = (e, t) => e.reduce((i, s) => {
+const de = /* @__PURE__ */ A(oe, [["render", ae]]), ce = (e) => V.get(`/openc3-api/autocomplete/keywords/${e}`), ue = (e) => V.get(`/openc3-api/autocomplete/data/${e}`), Re = (e, t) => e.reduce((i, s) => {
   const n = t(s);
   return i[n] ? i[n].push(s) : i[n] = [s], i;
 }, {}), he = (e) => {
@@ -491,7 +491,7 @@ class G {
       0,
       s.column
     );
-    this.keywordExpressions.some((f) => g.match(f)) && (c = this.autocompleteData), l(null, [
+    this.keywordExpressions.some((m) => g.match(m)) && (c = this.autocompleteData), l(null, [
       ...c
       // Uncomment to also return the built-in autocomplete words (but I found they're not very good and just get in the way when using live autocomplete)
       // ...session.$mode.$highlightRules.$keywordList.map((word) => ({
@@ -531,11 +531,11 @@ class ze extends G {
       0,
       s.column
     );
-    if (this.keywordExpressions.some((f) => g.match(f))) {
-      const f = Object.keys(this.groupedPacketData).find(
-        (h) => g.includes(h)
+    if (this.keywordExpressions.some((m) => g.match(m))) {
+      const m = Object.keys(this.groupedPacketData).find(
+        (u) => g.includes(u)
       );
-      f ? c = this.groupedPacketData[f] : c = this.packets;
+      m ? c = this.groupedPacketData[m] : c = this.packets;
     }
     l(null, c);
   }
@@ -590,13 +590,13 @@ const me = {
       this.alert = e.text, this.alertType = e.type, this.showAlert = !0;
     },
     update: function() {
-      C.get("/openc3-api/environment").then((e) => {
+      V.get("/openc3-api/environment").then((e) => {
         this.environment = e.data;
       }).catch((e) => {
       });
     },
     addEnvironment: function() {
-      C.post("/openc3-api/environment", {
+      V.post("/openc3-api/environment", {
         data: {
           key: this.key.toUpperCase(),
           value: this.keyValue
@@ -615,7 +615,7 @@ const me = {
       this.$dialog.confirm(`Are you sure you want to delete: ${e.key}=${e.value}`, {
         okText: "Delete",
         cancelText: "Cancel"
-      }).then((t) => C.delete(`/openc3-api/environment/${e.name}`)).then((t) => {
+      }).then((t) => V.delete(`/openc3-api/environment/${e.name}`)).then((t) => {
         const i = {
           text: `Removed environment variable: ${e.name}`,
           type: "success"
@@ -632,17 +632,17 @@ const me = {
   }
 }, fe = { class: "pa-3" };
 function pe(e, t, i, s, n, l) {
-  const c = d("v-spacer"), g = d("v-toolbar"), f = d("v-text-field"), h = d("v-row"), b = d("v-btn"), k = d("v-data-table"), x = d("v-col"), m = d("v-card-text"), a = d("v-card"), v = d("v-dialog");
-  return p(), _(v, {
+  const c = d("v-spacer"), g = d("v-toolbar"), m = d("v-text-field"), u = d("v-row"), x = d("v-btn"), T = d("v-data-table"), w = d("v-col"), h = d("v-card-text"), a = d("v-card"), v = d("v-dialog");
+  return f(), b(v, {
     modelValue: l.show,
-    "onUpdate:modelValue": t[4] || (t[4] = (u) => l.show = u),
+    "onUpdate:modelValue": t[4] || (t[4] = (p) => l.show = p),
     width: "600"
   }, {
     default: r(() => [
       o(a, null, {
         default: r(() => [
           y("form", {
-            onSubmit: t[3] || (t[3] = O((...u) => l.addEnvironment && l.addEnvironment(...u), ["prevent"]))
+            onSubmit: t[3] || (t[3] = O((...p) => l.addEnvironment && l.addEnvironment(...p), ["prevent"]))
           }, [
             o(g, { height: "24" }, {
               default: r(() => [
@@ -652,17 +652,17 @@ function pe(e, t, i, s, n, l) {
               ]),
               _: 1
             }),
-            o(m, null, {
+            o(h, null, {
               default: r(() => [
                 y("div", fe, [
-                  o(h, {
+                  o(u, {
                     dense: "",
                     class: "mb-2"
                   }, {
                     default: r(() => [
-                      o(f, {
+                      o(m, {
                         modelValue: n.search,
-                        "onUpdate:modelValue": t[0] || (t[0] = (u) => n.search = u),
+                        "onUpdate:modelValue": t[0] || (t[0] = (p) => n.search = p),
                         label: "search",
                         type: "text",
                         "data-test": "search",
@@ -678,7 +678,7 @@ function pe(e, t, i, s, n, l) {
                     ]),
                     _: 1
                   }),
-                  o(k, {
+                  o(T, {
                     "item-key": "name",
                     "hide-default-header": "",
                     "data-test": "env-table",
@@ -688,36 +688,36 @@ function pe(e, t, i, s, n, l) {
                     "items-per-page": 5,
                     "items-per-page-options": [5]
                   }, {
-                    "item.actions": r(({ item: u }) => [
-                      o(b, {
+                    "item.actions": r(({ item: p }) => [
+                      o(x, {
                         icon: "mdi-delete",
                         variant: "text",
                         class: "mt-1",
                         "data-test": "item-delete",
                         "aria-label": "Delete Environment Variable",
-                        onClick: (I) => l.deleteEnvironment(u)
+                        onClick: (_) => l.deleteEnvironment(p)
                       }, null, 8, ["onClick"])
                     ]),
                     _: 1
                   }, 8, ["search", "headers", "items"]),
-                  o(h, { dense: "" }, {
+                  o(u, { dense: "" }, {
                     default: r(() => [
-                      o(x, null, {
+                      o(w, null, {
                         default: r(() => [
-                          o(f, {
+                          o(m, {
                             modelValue: n.key,
-                            "onUpdate:modelValue": t[1] || (t[1] = (u) => n.key = u),
+                            "onUpdate:modelValue": t[1] || (t[1] = (p) => n.key = p),
                             label: "Key",
                             "data-test": "env-key"
                           }, null, 8, ["modelValue"])
                         ]),
                         _: 1
                       }),
-                      o(x, null, {
+                      o(w, null, {
                         default: r(() => [
-                          o(f, {
+                          o(m, {
                             modelValue: n.keyValue,
-                            "onUpdate:modelValue": t[2] || (t[2] = (u) => n.keyValue = u),
+                            "onUpdate:modelValue": t[2] || (t[2] = (p) => n.keyValue = p),
                             label: "Value",
                             "data-test": "env-value"
                           }, null, 8, ["modelValue"])
@@ -727,9 +727,9 @@ function pe(e, t, i, s, n, l) {
                     ]),
                     _: 1
                   }),
-                  o(h, { dense: "" }, {
+                  o(u, { dense: "" }, {
                     default: r(() => [
-                      o(b, {
+                      o(x, {
                         block: "",
                         type: "submit",
                         color: "primary",
@@ -738,7 +738,7 @@ function pe(e, t, i, s, n, l) {
                         onClick: O(l.addEnvironment, ["prevent"])
                       }, {
                         default: r(() => [...t[6] || (t[6] = [
-                          T(" Add ", -1)
+                          S(" Add ", -1)
                         ])]),
                         _: 1
                       }, 8, ["disabled", "onClick"])
@@ -779,18 +779,18 @@ const Le = /* @__PURE__ */ A(me, [["render", pe]]), ge = { class: "tree-node" },
   emits: ["nodeToggled", "request", "delete"],
   setup(e, { emit: t }) {
     const i = e, s = K(i.node.isOpen || !1), n = J(() => {
-      const m = (a) => !i.search || a.path.toLowerCase().includes(i.search.toLowerCase()) ? !0 : !!a.children?.some(m);
-      return m(i.node);
+      const h = (a) => !i.search || a.path.toLowerCase().includes(i.search.toLowerCase()) ? !0 : !!a.children?.some(h);
+      return h(i.node);
     });
     j(
       () => i.node.isOpen,
-      (m) => {
-        s.value = m;
+      (h) => {
+        s.value = h;
       }
     ), j(
       () => i.search,
-      (m) => {
-        m ? i.node.isOpen || b() : i.node.isOpen && b();
+      (h) => {
+        h ? i.node.isOpen || x() : i.node.isOpen && x();
       }
     );
     const l = t, c = K({
@@ -798,24 +798,24 @@ const Le = /* @__PURE__ */ A(me, [["render", pe]]), ge = { class: "tree-node" },
       text: "",
       x: 0,
       y: 0
-    }), g = (m, a) => {
+    }), g = (h, a) => {
       if (!a || a.length <= 50) return;
-      const v = m.target.getBoundingClientRect(), u = v.left, I = v.top;
-      c.value.text = a, c.value.x = u, c.value.y = I - 40, c.value.show = !0;
-    }, f = () => {
+      const v = h.target.getBoundingClientRect(), p = v.left, _ = v.top;
+      c.value.text = a, c.value.x = p, c.value.y = _ - 40, c.value.show = !0;
+    }, m = () => {
       c.value.show = !1;
-    }, h = (m) => {
-      m.children ? (b(), i.type === "save" && l("request", m)) : l("request", m);
-    }, b = () => {
+    }, u = (h) => {
+      h.children ? (x(), i.type === "save" && l("request", h)) : l("request", h);
+    }, x = () => {
       i.node.children && (s.value = !s.value, i.node.isOpen = s.value, l("nodeToggled", i.node.id, s.value));
-    }, k = (m, a) => {
-      l("nodeToggled", m, a);
-    }, x = (m) => {
-      l("request", m);
+    }, T = (h, a) => {
+      l("nodeToggled", h, a);
+    }, w = (h) => {
+      l("request", h);
     };
-    return (m, a) => {
-      const v = d("v-tooltip"), u = d("v-icon"), I = d("v-btn"), S = d("tree-node", !0);
-      return p(), E(z, null, [
+    return (h, a) => {
+      const v = d("v-tooltip"), p = d("v-icon"), _ = d("v-btn"), C = d("tree-node", !0);
+      return f(), I(z, null, [
         o(v, {
           modelValue: c.value.show,
           "onUpdate:modelValue": a[0] || (a[0] = (D) => c.value.show = D),
@@ -824,86 +824,86 @@ const Le = /* @__PURE__ */ A(me, [["render", pe]]), ge = { class: "tree-node" },
           style: W(`position: fixed; left: ${c.value.x}px; top: ${c.value.y}px; pointer-events: none;`)
         }, null, 8, ["modelValue", "text", "style"]),
         y("div", ge, [
-          n.value ? (p(), E("div", {
+          n.value ? (f(), I("div", {
             key: 0,
             class: "node-content",
-            onClick: a[4] || (a[4] = (D) => h(e.node))
+            onClick: a[4] || (a[4] = (D) => u(e.node))
           }, [
             y("div", ve, [
-              e.node.children ? (p(), _(u, {
+              e.node.children ? (f(), b(p, {
                 key: 0,
                 class: "toggle-icon",
                 style: { "padding-right": "10px" }
               }, {
                 default: r(() => [
-                  T(w(e.node.isOpen || e.search ? "mdi-menu-down" : "mdi-menu-right"), 1)
+                  S(k(e.node.isOpen || e.search ? "mdi-menu-down" : "mdi-menu-right"), 1)
                 ]),
                 _: 1
-              })) : V("", !0),
-              e.node.children ? (p(), _(u, {
+              })) : E("", !0),
+              e.node.children ? (f(), b(p, {
                 key: 1,
                 size: "small",
                 style: { "padding-right": "10px" }
               }, {
                 default: r(() => [...a[5] || (a[5] = [
-                  T(w("mdi-folder"), -1)
+                  S(k("mdi-folder"), -1)
                 ])]),
                 _: 1
-              })) : e.node.title.includes(".rb") ? (p(), _(u, {
+              })) : e.node.title.includes(".rb") ? (f(), b(p, {
                 key: 2,
                 size: "small",
                 style: { "padding-right": "10px" }
               }, {
                 default: r(() => [...a[6] || (a[6] = [
-                  T(w("mdi-language-ruby"), -1)
+                  S(k("mdi-language-ruby"), -1)
                 ])]),
                 _: 1
-              })) : e.node.title.includes(".py") ? (p(), _(u, {
+              })) : e.node.title.includes(".py") ? (f(), b(p, {
                 key: 3,
                 size: "small",
                 style: { "padding-right": "10px" }
               }, {
                 default: r(() => [...a[7] || (a[7] = [
-                  T(w("mdi-language-python"), -1)
+                  S(k("mdi-language-python"), -1)
                 ])]),
                 _: 1
-              })) : (p(), _(u, {
+              })) : (f(), b(p, {
                 key: 4,
                 size: "small",
                 style: { "padding-right": "10px" }
               }, {
                 default: r(() => [...a[8] || (a[8] = [
-                  T(w("mdi-file-document"), -1)
+                  S(k("mdi-file-document"), -1)
                 ])]),
                 _: 1
               })),
               y("span", {
                 class: "text-h6",
                 tabindex: e.node.children ? -1 : 0,
-                onKeyup: a[1] || (a[1] = U((D) => h(e.node), ["enter"])),
+                onKeyup: a[1] || (a[1] = U((D) => u(e.node), ["enter"])),
                 onMouseenter: a[2] || (a[2] = (D) => g(D, e.node.title)),
-                onMouseleave: f
-              }, w(e.node.title), 41, ye),
-              e.node.title === "__TEMP__" ? (p(), _(I, {
+                onMouseleave: m
+              }, k(e.node.title), 41, ye),
+              e.node.title === "__TEMP__" ? (f(), b(_, {
                 key: 5,
                 icon: "mdi-delete",
                 variant: "text",
                 style: { "margin-left": "auto" },
                 "aria-label": "Delete",
                 onClick: a[3] || (a[3] = (D) => l("delete"))
-              })) : V("", !0)
+              })) : E("", !0)
             ])
-          ])) : (p(), E("div", _e)),
-          e.node.children && (e.node.isOpen || e.search) ? (p(), E("div", be, [
-            (p(!0), E(z, null, $(e.node.children, (D) => (p(), _(S, {
+          ])) : (f(), I("div", _e)),
+          e.node.children && (e.node.isOpen || e.search) ? (f(), I("div", be, [
+            (f(!0), I(z, null, $(e.node.children, (D) => (f(), b(C, {
               key: D.id,
               node: D,
               search: e.search,
               type: e.type,
-              onNodeToggled: k,
-              onRequest: x
+              onNodeToggled: T,
+              onRequest: w
             }, null, 8, ["node", "search", "type"]))), 128))
-          ])) : V("", !0)
+          ])) : E("", !0)
         ])
       ], 64);
     };
@@ -987,7 +987,7 @@ For example: TGT1/procedures/test.py or TGT2/lib/inst.rb`, e;
     }
   },
   created() {
-    C.get("/openc3-api/targets").then((e) => {
+    V.get("/openc3-api/targets").then((e) => {
       this.targets = e.data, this.targets.push("__TEMP__");
       const t = this.targets.map((i) => (this.items.push({
         id: i,
@@ -1006,7 +1006,7 @@ For example: TGT1/procedures/test.py or TGT2/lib/inst.rb`, e;
       return ee(e);
     },
     loadFiles: function(e) {
-      return C.get(this.apiUrl, { params: { target: e } }).then((t) => {
+      return V.get(this.apiUrl, { params: { target: e } }).then((t) => {
         if (t.data.length === 0) {
           this.items = this.items.filter((s) => s.id !== e);
           return;
@@ -1056,7 +1056,7 @@ For example: TGT1/procedures/test.py or TGT2/lib/inst.rb`, e;
       this.$dialog.confirm("Are you sure you want to delete all the temporary files?", {
         okText: "Delete",
         cancelText: "Cancel"
-      }).then((e) => C.delete("/script-api/scripts/temp_files")).then((e) => {
+      }).then((e) => V.delete("/script-api/scripts/temp_files")).then((e) => {
         this.$emit("clear-temp"), this.loadFiles("__TEMP__");
       }).catch((e) => {
         this.$notify.serious({
@@ -1066,7 +1066,7 @@ For example: TGT1/procedures/test.py or TGT2/lib/inst.rb`, e;
       });
     },
     openSuccess: function() {
-      this.disableButtons = !0, C.get(`${this.apiUrl}/${this.selectedFile}`).then((e) => {
+      this.disableButtons = !0, V.get(`${this.apiUrl}/${this.selectedFile}`).then((e) => {
         const t = {
           name: this.selectedFile,
           contents: e.data.contents
@@ -1119,27 +1119,28 @@ For example: TGT1/procedures/test.py or TGT2/lib/inst.rb`, e;
   }
 }, Te = { class: "pa-3" }, Se = { class: "overflow-y-auto tree-container" };
 function Ce(e, t, i, s, n, l) {
-  const c = d("v-spacer"), g = d("v-progress-linear"), f = d("v-toolbar"), h = d("v-row"), b = d("v-text-field"), k = d("tree-node"), x = d("v-btn"), m = d("v-card-text"), a = d("v-card"), v = d("v-dialog");
-  return p(), _(v, {
+  const c = d("v-spacer"), g = d("v-progress-linear"), m = d("v-toolbar"), u = d("v-row"), x = d("v-text-field"), T = d("tree-node"), w = d("v-card-text"), h = d("v-btn"), a = d("v-card-actions"), v = d("v-card"), p = d("v-dialog");
+  return f(), b(p, {
     modelValue: l.show,
-    "onUpdate:modelValue": t[4] || (t[4] = (u) => l.show = u),
+    "onUpdate:modelValue": t[4] || (t[4] = (_) => l.show = _),
     persistent: "",
     width: "800",
     onKeydown: [
-      t[5] || (t[5] = U((u) => n.disableButtons ? null : l.success(), ["enter"])),
-      t[6] || (t[6] = U((u) => n.disableButtons ? null : l.show = !1, ["esc"]))
+      t[5] || (t[5] = U((_) => n.disableButtons ? null : l.success(), ["enter"])),
+      t[6] || (t[6] = U((_) => n.disableButtons ? null : l.show = !1, ["esc"]))
     ]
   }, {
     default: r(() => [
-      o(a, null, {
+      o(v, { class: "file-open-save-card d-flex flex-column" }, {
         default: r(() => [
           y("form", {
-            onSubmit: t[3] || (t[3] = O((...u) => l.success && l.success(...u), ["prevent"]))
+            class: "d-flex flex-column",
+            onSubmit: t[3] || (t[3] = O((..._) => l.success && l.success(..._), ["prevent"]))
           }, [
-            o(f, { height: "24" }, {
+            o(m, { height: "24" }, {
               default: r(() => [
                 o(c),
-                y("span", null, w(l.title), 1),
+                y("span", null, k(l.title), 1),
                 o(c),
                 o(g, {
                   active: n.disableButtons,
@@ -1150,23 +1151,23 @@ function Ce(e, t, i, s, n, l) {
               ]),
               _: 1
             }),
-            o(m, null, {
+            o(w, { class: "overflow-y-auto" }, {
               default: r(() => [
                 y("div", Te, [
-                  o(h, null, {
+                  o(u, null, {
                     default: r(() => [
-                      T(w(l.helpText), 1)
+                      S(k(l.helpText), 1)
                     ]),
                     _: 1
                   }),
-                  o(h, {
+                  o(u, {
                     dense: "",
                     class: "mt-5"
                   }, {
                     default: r(() => [
-                      o(b, {
+                      o(x, {
                         modelValue: n.search,
-                        "onUpdate:modelValue": t[0] || (t[0] = (u) => n.search = u),
+                        "onUpdate:modelValue": t[0] || (t[0] = (_) => n.search = _),
                         flat: "",
                         autofocus: "",
                         "hide-details": "",
@@ -1180,20 +1181,20 @@ function Ce(e, t, i, s, n, l) {
                     _: 1
                   }),
                   y("div", Se, [
-                    (p(!0), E(z, null, $(n.items, (u) => (p(), _(k, {
-                      key: `${u.id}`,
-                      node: u,
+                    (f(!0), I(z, null, $(n.items, (_) => (f(), b(T, {
+                      key: `${_.id}`,
+                      node: _,
                       search: n.search,
                       type: i.type,
                       onRequest: l.activeFile,
                       onDelete: l.deleteTemp
                     }, null, 8, ["node", "search", "type", "onRequest", "onDelete"]))), 128))
                   ]),
-                  o(h, { class: "my-2" }, {
+                  o(u, { class: "my-2" }, {
                     default: r(() => [
-                      o(b, {
+                      o(x, {
                         modelValue: n.selectedFile,
-                        "onUpdate:modelValue": t[1] || (t[1] = (u) => n.selectedFile = u),
+                        "onUpdate:modelValue": t[1] || (t[1] = (_) => n.selectedFile = _),
                         "hide-details": "",
                         label: "Filename",
                         "data-test": "file-open-save-filename",
@@ -1202,52 +1203,52 @@ function Ce(e, t, i, s, n, l) {
                     ]),
                     _: 1
                   }),
-                  o(h, { dense: "" }, {
+                  o(u, { dense: "" }, {
                     default: r(() => [
                       M(y("div", {
-                        class: "my-2 text-red",
+                        class: "my-2 text-red overflow-y-auto error-container",
                         style: { "white-space": "pre-line" }
-                      }, w(l.error), 513), [
+                      }, k(l.error), 513), [
                         [R, l.error]
                       ])
                     ]),
                     _: 1
-                  }),
-                  o(h, { class: "mt-2" }, {
-                    default: r(() => [
-                      o(c),
-                      o(x, {
-                        variant: "outlined",
-                        class: "mx-2",
-                        "data-test": "file-open-save-cancel-btn",
-                        disabled: n.disableButtons,
-                        onClick: t[2] || (t[2] = (u) => l.show = !1)
-                      }, {
-                        default: r(() => [...t[7] || (t[7] = [
-                          T(" Cancel ", -1)
-                        ])]),
-                        _: 1
-                      }, 8, ["disabled"]),
-                      o(x, {
-                        ref: "submitBtn",
-                        type: "submit",
-                        color: "primary",
-                        class: "mx-2",
-                        "data-test": "file-open-save-submit-btn",
-                        disabled: n.disableButtons || !!l.error,
-                        onClick: O(l.success, ["prevent"])
-                      }, {
-                        default: r(() => [
-                          T(w(l.submit), 1)
-                        ]),
-                        _: 1
-                      }, 8, ["disabled", "onClick"])
-                    ]),
-                    _: 1
                   })
                 ])
               ]),
               _: 1
+            }),
+            o(a, null, {
+              default: r(() => [
+                o(c),
+                o(h, {
+                  variant: "outlined",
+                  class: "mx-2",
+                  "data-test": "file-open-save-cancel-btn",
+                  disabled: n.disableButtons,
+                  onClick: t[2] || (t[2] = (_) => l.show = !1)
+                }, {
+                  default: r(() => [...t[7] || (t[7] = [
+                    S(" Cancel ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["disabled"]),
+                o(h, {
+                  ref: "submitBtn",
+                  type: "submit",
+                  color: "primary",
+                  class: "mx-2",
+                  "data-test": "file-open-save-submit-btn",
+                  disabled: n.disableButtons || !!l.error,
+                  onClick: O(l.success, ["prevent"])
+                }, {
+                  default: r(() => [
+                    S(k(l.submit), 1)
+                  ]),
+                  _: 1
+                }, 8, ["disabled", "onClick"])
+              ]),
+              _: 1
             })
           ], 32)
         ]),
@@ -1691,7 +1692,7 @@ const Pe = /* @__PURE__ */ A(ke, [["render", Ce]]), B = 20, Ve = {
     },
     saveEdit: function(e) {
       this.editDialog = !1, this.currentDefinition = e, this.rerender(), this.$nextTick(function() {
-        C.post(
+        V.post(
           "/openc3-api/screen/",
           {
             data: {
@@ -1706,7 +1707,7 @@ const Pe = /* @__PURE__ */ A(ke, [["render", Ce]]), B = 20, Ve = {
       });
     },
     deleteScreen: function() {
-      this.editDialog = !1, C.delete(`/openc3-api/screen/${this.target}/${this.screen}`).then(
+      this.editDialog = !1, V.delete(`/openc3-api/screen/${this.target}/${this.screen}`).then(
         (e) => {
           this.$emit("delete-screen");
         }
@@ -1858,19 +1859,19 @@ const Pe = /* @__PURE__ */ A(ke, [["render", Ce]]), B = 20, Ve = {
   style: { position: "relative" }
 };
 function De(e, t, i, s, n, l) {
-  const c = d("v-btn"), g = d("v-tooltip"), f = d("v-spacer"), h = d("v-toolbar"), b = d("v-overlay"), k = d("vertical-widget"), x = d("v-expand-transition"), m = d("v-card"), a = d("edit-screen-dialog"), v = d("v-textarea"), u = d("v-card-actions"), I = d("v-dialog");
-  return p(), E("div", {
+  const c = d("v-btn"), g = d("v-tooltip"), m = d("v-spacer"), u = d("v-toolbar"), x = d("v-overlay"), T = d("vertical-widget"), w = d("v-expand-transition"), h = d("v-card"), a = d("edit-screen-dialog"), v = d("v-textarea"), p = d("v-card-actions"), _ = d("v-dialog");
+  return f(), I("div", {
     ref: "bar",
     style: W(l.computedStyle)
   }, [
-    i.inline ? V("", !0) : (p(), _(m, {
+    i.inline ? E("", !0) : (f(), b(h, {
       key: 0,
       "min-height": n.height,
       "min-width": n.width,
       style: { cursor: "default" }
     }, {
       default: r(() => [
-        o(h, {
+        o(u, {
           height: "24",
           class: Q({ "floated-toolbar": n.floated })
         }, {
@@ -1895,13 +1896,13 @@ function De(e, t, i, s, n, l) {
               "aria-label": "Edit Screen",
               onClick: l.openEdit
             }, null, 8, ["onClick"]),
-            i.fixFloated ? V("", !0) : (p(), _(g, {
+            i.fixFloated ? E("", !0) : (f(), b(g, {
               key: 0,
               "open-delay": 600,
               location: "top"
             }, {
-              activator: r(({ props: S }) => [
-                y("div", L(P(S)), [
+              activator: r(({ props: C }) => [
+                y("div", L(P(C)), [
                   o(c, {
                     icon: n.floated ? "mdi-balloon" : "mdi-view-grid-outline",
                     variant: "text",
@@ -1913,17 +1914,17 @@ function De(e, t, i, s, n, l) {
                 ], 16)
               ]),
               default: r(() => [
-                y("span", null, w(n.floated ? "Unfloat Screen" : "Float Screen"), 1)
+                y("span", null, k(n.floated ? "Unfloat Screen" : "Float Screen"), 1)
               ]),
               _: 1
             })),
-            n.floated ? (p(), _(g, {
+            n.floated ? (f(), b(g, {
               key: 1,
               "open-delay": 600,
               location: "top"
             }, {
-              activator: r(({ props: S }) => [
-                y("div", L(P(S)), [
+              activator: r(({ props: C }) => [
+                y("div", L(P(C)), [
                   o(c, {
                     icon: "mdi-arrow-up",
                     variant: "text",
@@ -1938,14 +1939,14 @@ function De(e, t, i, s, n, l) {
                 t[6] || (t[6] = y("span", null, " Move Screen Up ", -1))
               ]),
               _: 1
-            })) : V("", !0),
-            n.floated && n.zIndex > i.minZ ? (p(), _(g, {
+            })) : E("", !0),
+            n.floated && n.zIndex > i.minZ ? (f(), b(g, {
               key: 2,
               "open-delay": 600,
               location: "top"
             }, {
-              activator: r(({ props: S }) => [
-                y("div", L(P(S)), [
+              activator: r(({ props: C }) => [
+                y("div", L(P(C)), [
                   o(c, {
                     icon: "mdi-arrow-down",
                     variant: "text",
@@ -1960,11 +1961,11 @@ function De(e, t, i, s, n, l) {
                 t[7] || (t[7] = y("span", null, " Move Screen Down ", -1))
               ]),
               _: 1
-            })) : V("", !0),
-            o(f),
-            y("span", null, w(i.target) + " " + w(i.screen), 1),
-            o(f),
-            n.expand ? (p(), _(c, {
+            })) : E("", !0),
+            o(m),
+            y("span", null, k(i.target) + " " + k(i.screen), 1),
+            o(m),
+            n.expand ? (f(), b(c, {
               key: 3,
               icon: "mdi-window-minimize",
               variant: "text",
@@ -1972,7 +1973,7 @@ function De(e, t, i, s, n, l) {
               "data-test": "minimize-screen-icon",
               "aria-label": "Minimize Screen",
               onClick: l.minMaxTransition
-            }, null, 8, ["onClick"])) : (p(), _(c, {
+            }, null, 8, ["onClick"])) : (f(), b(c, {
               key: 4,
               icon: "mdi-window-maximize",
               variant: "text",
@@ -1981,29 +1982,29 @@ function De(e, t, i, s, n, l) {
               "aria-label": "Maximize Screen",
               onClick: l.minMaxTransition
             }, null, 8, ["onClick"])),
-            i.showClose ? (p(), _(c, {
+            i.showClose ? (f(), b(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] = (S) => e.$emit("close-screen"))
-            })) : V("", !0)
+              onClick: t[1] || (t[1] = (C) => e.$emit("close-screen"))
+            })) : E("", !0)
           ]),
           _: 1
         }, 8, ["class"]),
-        n.editDialog ? V("", !0) : (p(), _(x, { key: 0 }, {
+        n.editDialog ? E("", !0) : (f(), b(w, { key: 0 }, {
           default: r(() => [
             M(y("div", Ee, [
-              o(b, {
+              o(x, {
                 style: { "pointer-events": "none" },
                 "model-value": n.errors.length !== 0,
                 opacity: "0.8",
                 contained: "",
                 "scroll-strategy": "none"
               }, null, 8, ["model-value"]),
-              (p(), _(k, {
+              (f(), b(T, {
                 key: n.screenKey,
                 widgets: n.layoutStack[0].widgets,
                 "screen-values": n.screenValues,
@@ -2023,8 +2024,8 @@ function De(e, t, i, s, n, l) {
       ]),
       _: 1
     }, 8, ["min-height", "min-width"])),
-    i.inline ? (p(), E("div", Ie, [
-      o(b, {
+    i.inline ? (f(), I("div", Ie, [
+      o(x, {
         style: { "pointer-events": "none" },
         "model-value": n.errors.length !== 0,
         opacity: "0.8",
@@ -2043,7 +2044,7 @@ function De(e, t, i, s, n, l) {
       }, null, 512), [
         [R, n.errors.length !== 0]
       ]),
-      (p(), _(k, {
+      (f(), b(T, {
         key: n.screenKey,
         widgets: n.layoutStack[0].widgets,
         "screen-values": n.screenValues,
@@ -2054,11 +2055,11 @@ function De(e, t, i, s, n, l) {
         onClose: l.close,
         onCloseAll: l.closeAll
       }, null, 8, ["widgets", "screen-values", "screen-time-zone", "onAddItem", "onDeleteItem", "onOpen", "onClose", "onCloseAll"]))
-    ])) : V("", !0),
-    n.editDialog ? (p(), _(a, {
+    ])) : E("", !0),
+    n.editDialog ? (f(), b(a, {
       key: 2,
       modelValue: n.editDialog,
-      "onUpdate:modelValue": t[3] || (t[3] = (S) => n.editDialog = S),
+      "onUpdate:modelValue": t[3] || (t[3] = (C) => n.editDialog = C),
       target: i.target,
       screen: i.screen,
       definition: n.currentDefinition,
@@ -2067,22 +2068,22 @@ function De(e, t, i, s, n, l) {
       onSave: l.saveEdit,
       onCancel: l.cancelEdit,
       onDelete: l.deleteScreen
-    }, null, 8, ["modelValue", "target", "screen", "definition", "keywords", "errors", "onSave", "onCancel", "onDelete"])) : V("", !0),
-    o(I, {
+    }, null, 8, ["modelValue", "target", "screen", "definition", "keywords", "errors", "onSave", "onCancel", "onDelete"])) : E("", !0),
+    o(_, {
       modelValue: n.errorDialog,
-      "onUpdate:modelValue": t[5] || (t[5] = (S) => n.errorDialog = S),
+      "onUpdate:modelValue": t[5] || (t[5] = (C) => n.errorDialog = C),
       width: "60vw"
     }, {
       default: r(() => [
-        o(h, { height: "24" }, {
+        o(u, { height: "24" }, {
           default: r(() => [
-            o(f),
-            y("span", null, " Screen: " + w(i.target) + " " + w(i.screen) + " Errors ", 1),
-            o(f)
+            o(m),
+            y("span", null, " Screen: " + k(i.target) + " " + k(i.screen) + " Errors ", 1),
+            o(m)
           ]),
           _: 1
         }),
-        o(m, null, {
+        o(h, null, {
           default: r(() => [
             o(v, {
               class: "errors",
@@ -2090,26 +2091,26 @@ function De(e, t, i, s, n, l) {
               rows: "13",
               "model-value": l.error
             }, null, 8, ["model-value"]),
-            o(u, { class: "pb-5" }, {
+            o(p, { class: "pb-5" }, {
               default: r(() => [
-                o(f),
+                o(m),
                 o(c, {
                   variant: "outlined",
                   class: "mr-2",
                   onClick: l.clearErrors
                 }, {
                   default: r(() => [...t[8] || (t[8] = [
-                    T(" Clear Errors ", -1)
+                    S(" Clear Errors ", -1)
                   ])]),
                   _: 1
                 }, 8, ["onClick"]),
                 o(c, {
                   variant: "flat",
                   class: "mr-2",
-                  onClick: t[4] || (t[4] = (S) => n.errorDialog = !1)
+                  onClick: t[4] || (t[4] = (C) => n.errorDialog = !1)
                 }, {
                   default: r(() => [...t[9] || (t[9] = [
-                    T(" Close ", -1)
+                    S(" Close ", -1)
                   ])]),
                   _: 1
                 })
@@ -2132,9 +2133,9 @@ export {
   Be as O,
   te as S,
   ze as T,
-  le as a,
-  Le as b,
+  Le as a,
+  le as b,
   Re as c,
   ce as g
 };
-//# sourceMappingURL=Openc3Screen-BnM1bNOB.js.map
+//# sourceMappingURL=Openc3Screen-DbUvz-3B.js.map