@openc3/vue-common 6.4.0 → 6.4.1

package/dist/{Openc3Screen-CtwGKfq-.js → Openc3Screen-DFYYhHt7.js}

@@ -1,15 +1,15 @@
-import { l as I, p as P, b as A, W as G, f as X, g as Y } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-CVrrWDJ_.js";
-import { resolveComponent as a, createBlock as b, openBlock as m, withCtx as r, createVNode as l, createElementVNode as _, toDisplayString as k, createTextVNode as C, withModifiers as D, createElementBlock as T, Fragment as z, renderList as U, ref as H, computed as j, watch as B, createCommentVNode as V, withKeys as q, withDirectives as R, vShow as L, normalizeStyle as $, normalizeProps as O, guardReactiveProps as M } from "vue";
+import { l as I, p as P, b as A, W as G, f as X, g as Y } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-BOiUmW4q.js";
+import { resolveComponent as a, createBlock as b, openBlock as m, withCtx as r, createVNode as s, createElementVNode as _, toDisplayString as k, createTextVNode as C, withModifiers as D, createElementBlock as T, Fragment as z, renderList as U, ref as H, computed as j, watch as B, createCommentVNode as V, withKeys as q, withDirectives as O, vShow as M, normalizeStyle as $, normalizeProps as N, guardReactiveProps as R } from "vue";
 import { _ as F } from "./CustomIcon-h5X7369N.js";
 import { f as J } from "./fileIcon-DqRHb1_Z.js";
-import { A as W } from "./TopBar-BQhv8Jcc.js";
+import { A as W } from "./TopBar-AjYGyx8W.js";
 class Q {
   constructor() {
     I.get("/openc3-api/autocomplete/data/screen").then((t) => {
       this.autocompleteData = t.data;
     }), this.api = new P();
   }
-  async getCompletions(t, n, o, i, s) {
+  async getCompletions(t, n, o, i, l) {
     let p = n.getLine(o.row).slice(0, o.column).trimStart().split(/ (?![^<]*>)/), h = this.autocompleteData;
     p.length > 1 && (h = h.find((g) => g.caption === p[0]));
     let d = {}, c = !0;
@@ -46,7 +46,7 @@ class Q {
       });
     } else
       d = h;
-    s(null, d);
+    l(null, d);
   }
 }
 const ee = {
@@ -166,8 +166,8 @@ const ee = {
       e.inherits(o, t);
       let i = function() {
         this.HighlightRules = o;
-      }, s = A.require("ace/mode/text").Mode;
-      return e.inherits(i, s), (function() {
+      }, l = A.require("ace/mode/text").Mode;
+      return e.inherits(i, l), (function() {
         this.$id = "ace/mode/openc3";
       }).call(i.prototype), i;
     },
@@ -195,67 +195,67 @@ const ee = {
     }
   }
 }, te = ["textContent"];
-function ne(e, t, n, o, i, s) {
+function ne(e, t, n, o, i, l) {
   const f = a("v-btn"), v = a("v-spacer"), p = a("v-toolbar"), h = a("v-row"), d = a("v-file-input"), c = a("v-list-item-title"), g = a("v-list-item"), x = a("v-divider"), S = a("v-list"), w = a("v-menu"), y = a("v-card-text"), u = a("v-card"), Z = a("v-dialog");
   return m(), b(Z, {
-    modelValue: s.show,
-    "onUpdate:modelValue": t[5] || (t[5] = (E) => s.show = E),
+    modelValue: l.show,
+    "onUpdate:modelValue": t[5] || (t[5] = (E) => l.show = E),
     persistent: "",
     width: "75vw"
   }, {
     default: r(() => [
-      l(u, null, {
+      s(u, null, {
         default: r(() => [
-          l(p, { height: "24" }, {
+          s(p, { height: "24" }, {
             default: r(() => [
-              l(f, {
+              s(f, {
                 class: "mx-2",
                 icon: "mdi-delete",
                 variant: "text",
                 density: "compact",
                 "data-test": "delete-screen-icon",
-                onClick: s.deleteScreen
+                onClick: l.deleteScreen
               }, null, 8, ["onClick"]),
-              l(v),
+              s(v),
               _("span", null, " Edit Screen: " + k(n.target) + " " + k(n.screen), 1),
-              l(v),
-              l(f, {
+              s(v),
+              s(f, {
                 class: "mx-2",
                 icon: "mdi-download",
                 variant: "text",
                 density: "compact",
                 "data-test": "download-screen-icon",
-                onClick: s.downloadScreen
+                onClick: l.downloadScreen
               }, null, 8, ["onClick"])
             ]),
             _: 1
           }),
-          l(y, { style: { "max-height": "90vh" } }, {
+          s(y, { style: { "max-height": "90vh" } }, {
             default: r(() => [
-              l(h, { class: "mt-3" }, {
+              s(h, { class: "mt-3" }, {
                 default: r(() => t[6] || (t[6] = [
                   C(" Upload a screen file. ")
                 ])),
                 _: 1
               }),
-              l(h, {
+              s(h, {
                 "no-gutters": "",
                 align: "center"
               }, {
                 default: r(() => [
-                  l(f, {
+                  s(f, {
                     disabled: !i.file,
                     color: "primary",
                     class: "mr-3",
                     "data-test": "edit-screen-load",
-                    onClick: s.loadFile
+                    onClick: l.loadFile
                   }, {
                     default: r(() => t[7] || (t[7] = [
                       C(" Load ")
                     ])),
                     _: 1
                   }, 8, ["disabled", "onClick"]),
-                  l(d, {
+                  s(d, {
                     modelValue: i.file,
                     "onUpdate:modelValue": t[0] || (t[0] = (E) => i.file = E),
                     "truncate-length": "15",
@@ -265,30 +265,30 @@ function ne(e, t, n, o, i, s) {
                 ]),
                 _: 1
               }),
-              l(h, { class: "mb-2" }, {
+              s(h, { class: "mb-2" }, {
                 default: r(() => t[8] || (t[8] = [
                   C(" Edit the screen definition. ")
                 ])),
                 _: 1
               }),
-              l(h, { class: "mb-2" }, {
+              s(h, { class: "mb-2" }, {
                 default: r(() => [
                   _("pre", {
                     ref: "editor",
                     class: "editor",
-                    onContextmenu: t[1] || (t[1] = D((...E) => s.showContextMenu && s.showContextMenu(...E), ["prevent"]))
+                    onContextmenu: t[1] || (t[1] = D((...E) => l.showContextMenu && l.showContextMenu(...E), ["prevent"]))
                   }, null, 544),
-                  l(w, {
+                  s(w, {
                     modelValue: i.contextMenu,
                     "onUpdate:modelValue": t[2] || (t[2] = (E) => i.contextMenu = E),
                     target: [i.menuX, i.menuY]
                   }, {
                     default: r(() => [
-                      l(S, null, {
+                      s(S, null, {
                         default: r(() => [
-                          l(g, { link: "" }, {
+                          s(g, { link: "" }, {
                             default: r(() => [
-                              l(c, { onClick: s.openDocumentation }, {
+                              s(c, { onClick: l.openDocumentation }, {
                                 default: r(() => [
                                   C(k(i.docsKeyword) + " documentation ", 1)
                                 ]),
@@ -297,11 +297,11 @@ function ne(e, t, n, o, i, s) {
                             ]),
                             _: 1
                           }),
-                          l(x),
-                          l(g, {
+                          s(x),
+                          s(g, {
                             title: "Toggle Vim mode",
                             "prepend-icon": "extras:vim",
-                            onClick: s.toggleVimMode
+                            onClick: l.toggleVimMode
                           }, null, 8, ["onClick"])
                         ]),
                         _: 1
@@ -312,9 +312,9 @@ function ne(e, t, n, o, i, s) {
                 ]),
                 _: 1
               }),
-              l(h, { style: { "max-height": "120px", "overflow-y": "auto" } }, {
+              s(h, { style: { "max-height": "120px", "overflow-y": "auto" } }, {
                 default: r(() => [
-                  (m(!0), T(z, null, U(s.editErrors, (E, K) => (m(), T("div", { key: K }, [
+                  (m(!0), T(z, null, U(l.editErrors, (E, K) => (m(), T("div", { key: K }, [
                     _("span", {
                       class: "text-red",
                       textContent: k(E)
@@ -323,11 +323,11 @@ function ne(e, t, n, o, i, s) {
                 ]),
                 _: 1
               }),
-              l(h, { class: "mt-5" }, {
+              s(h, { class: "mt-5" }, {
                 default: r(() => [
                   t[11] || (t[11] = _("span", null, "Ctrl-space brings up autocomplete. Right click keywords for documentation.", -1)),
-                  l(v),
-                  l(f, {
+                  s(v),
+                  s(f, {
                     class: "mx-2",
                     variant: "outlined",
                     "data-test": "edit-screen-cancel",
@@ -338,7 +338,7 @@ function ne(e, t, n, o, i, s) {
                     ])),
                     _: 1
                   }),
-                  l(f, {
+                  s(f, {
                     class: "mx-2",
                     color: "primary",
                     "data-test": "edit-screen-save",
@@ -452,36 +452,36 @@ const ie = /* @__PURE__ */ F(ee, [["render", ne], ["__scopeId", "data-v-0caab967
     }
   }
 }, le = { class: "pa-3" };
-function oe(e, t, n, o, i, s) {
+function oe(e, t, n, o, i, l) {
   const f = a("v-spacer"), v = a("v-toolbar"), p = a("v-text-field"), h = a("v-row"), d = a("v-btn"), c = a("v-data-table"), g = a("v-col"), x = a("v-card-text"), S = a("v-card"), w = a("v-dialog");
   return m(), b(w, {
-    modelValue: s.show,
-    "onUpdate:modelValue": t[4] || (t[4] = (y) => s.show = y),
+    modelValue: l.show,
+    "onUpdate:modelValue": t[4] || (t[4] = (y) => l.show = y),
     width: "600"
   }, {
     default: r(() => [
-      l(S, null, {
+      s(S, null, {
         default: r(() => [
           _("form", {
-            onSubmit: t[3] || (t[3] = D((...y) => s.addEnvironment && s.addEnvironment(...y), ["prevent"]))
+            onSubmit: t[3] || (t[3] = D((...y) => l.addEnvironment && l.addEnvironment(...y), ["prevent"]))
           }, [
-            l(v, { height: "24" }, {
+            s(v, { height: "24" }, {
               default: r(() => [
-                l(f),
+                s(f),
                 t[5] || (t[5] = _("span", null, "Global Environment Variables", -1)),
-                l(f)
+                s(f)
               ]),
               _: 1
             }),
-            l(x, null, {
+            s(x, null, {
               default: r(() => [
                 _("div", le, [
-                  l(h, {
+                  s(h, {
                     dense: "",
                     class: "mb-2"
                   }, {
                     default: r(() => [
-                      l(p, {
+                      s(p, {
                         modelValue: i.search,
                         "onUpdate:modelValue": t[0] || (t[0] = (y) => i.search = y),
                         label: "search",
@@ -499,7 +499,7 @@ function oe(e, t, n, o, i, s) {
                     ]),
                     _: 1
                   }),
-                  l(c, {
+                  s(c, {
                     "item-key": "name",
                     "hide-default-header": "",
                     "data-test": "env-table",
@@ -510,22 +510,22 @@ function oe(e, t, n, o, i, s) {
                     "items-per-page-options": [5]
                   }, {
                     "item.actions": r(({ item: y }) => [
-                      l(d, {
+                      s(d, {
                         icon: "mdi-delete",
                         variant: "text",
                         class: "mt-1",
                         "data-test": "item-delete",
                         "aria-label": "Delete Environment Variable",
-                        onClick: (u) => s.deleteEnvironment(y)
+                        onClick: (u) => l.deleteEnvironment(y)
                       }, null, 8, ["onClick"])
                     ]),
                     _: 1
                   }, 8, ["search", "headers", "items"]),
-                  l(h, { dense: "" }, {
+                  s(h, { dense: "" }, {
                     default: r(() => [
-                      l(g, null, {
+                      s(g, null, {
                         default: r(() => [
-                          l(p, {
+                          s(p, {
                             modelValue: i.key,
                             "onUpdate:modelValue": t[1] || (t[1] = (y) => i.key = y),
                             label: "Key",
@@ -534,9 +534,9 @@ function oe(e, t, n, o, i, s) {
                         ]),
                         _: 1
                       }),
-                      l(g, null, {
+                      s(g, null, {
                         default: r(() => [
-                          l(p, {
+                          s(p, {
                             modelValue: i.keyValue,
                             "onUpdate:modelValue": t[2] || (t[2] = (y) => i.keyValue = y),
                             label: "Value",
@@ -548,15 +548,15 @@ function oe(e, t, n, o, i, s) {
                     ]),
                     _: 1
                   }),
-                  l(h, { dense: "" }, {
+                  s(h, { dense: "" }, {
                     default: r(() => [
-                      l(d, {
+                      s(d, {
                         block: "",
                         type: "submit",
                         color: "primary",
                         "data-test": "add-env",
                         disabled: !i.key || !i.keyValue,
-                        onClick: D(s.addEnvironment, ["prevent"])
+                        onClick: D(l.addEnvironment, ["prevent"])
                       }, {
                         default: r(() => t[6] || (t[6] = [
                           C(" Add ")
@@ -617,14 +617,14 @@ const Ve = /* @__PURE__ */ F(se, [["render", oe]]), re = { class: "tree-node" },
         d ? n.node.isOpen || v() : n.node.isOpen && v();
       }
     );
-    const s = t, f = (d) => {
-      d.children ? (v(), n.type === "save" && s("request", d)) : s("request", d);
+    const l = t, f = (d) => {
+      d.children ? (v(), n.type === "save" && l("request", d)) : l("request", d);
     }, v = () => {
-      n.node.children && (o.value = !o.value, n.node.isOpen = o.value, s("nodeToggled", n.node.id, o.value));
+      n.node.children && (o.value = !o.value, n.node.isOpen = o.value, l("nodeToggled", n.node.id, o.value));
     }, p = (d, c) => {
-      s("nodeToggled", d, c);
+      l("nodeToggled", d, c);
     }, h = (d) => {
-      s("request", d);
+      l("request", d);
     };
     return (d, c) => {
       const g = a("v-icon"), x = a("v-btn"), S = a("tree-node", !0);
@@ -693,7 +693,7 @@ const Ve = /* @__PURE__ */ F(se, [["render", oe]]), re = { class: "tree-node" },
               variant: "text",
               style: { "margin-left": "auto" },
               "aria-label": "Delete",
-              onClick: c[1] || (c[1] = (w) => s("delete"))
+              onClick: c[1] || (c[1] = (w) => l("delete"))
             })) : V("", !0)
           ])
         ])) : (m(), T("div", ce)),
@@ -887,7 +887,7 @@ For example: TGT1/procedures/test.py or TGT2/lib/inst.rb`, e;
         });
         return;
       }
-      const i = e.findIndex((s) => s.title === o[0]);
+      const i = e.findIndex((l) => l.title === o[0]);
       i === -1 ? (e.push({
         id: this.filepath.split("/").slice(0, t - 1).join("/"),
         title: o[0],
@@ -907,20 +907,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, s) {
+function ve(e, t, n, o, i, l) {
   const f = a("v-progress-circular"), v = a("v-overlay"), p = a("v-spacer"), h = a("v-toolbar"), d = a("v-row"), c = a("v-text-field"), g = a("tree-node"), x = a("v-btn"), S = a("v-card-text"), w = a("v-card"), y = a("v-dialog");
   return m(), b(y, {
-    modelValue: s.show,
-    "onUpdate:modelValue": t[4] || (t[4] = (u) => s.show = u),
+    modelValue: l.show,
+    "onUpdate:modelValue": t[4] || (t[4] = (u) => l.show = u),
     width: "600",
-    onKeydown: t[5] || (t[5] = q((u) => s.success(), ["enter"]))
+    onKeydown: t[5] || (t[5] = q((u) => l.success(), ["enter"]))
   }, {
     default: r(() => [
-      l(w, null, {
+      s(w, null, {
         default: r(() => [
-          l(v, { "model-value": i.loading }, {
+          s(v, { "model-value": i.loading }, {
             default: r(() => [
-              l(f, {
+              s(f, {
                 indeterminate: "",
                 absolute: "",
                 size: "64"
@@ -929,31 +929,31 @@ function ve(e, t, n, o, i, s) {
             _: 1
           }, 8, ["model-value"]),
           _("form", {
-            onSubmit: t[3] || (t[3] = D((...u) => s.success && s.success(...u), ["prevent"]))
+            onSubmit: t[3] || (t[3] = D((...u) => l.success && l.success(...u), ["prevent"]))
           }, [
-            l(h, { height: "24" }, {
+            s(h, { height: "24" }, {
               default: r(() => [
-                l(p),
-                _("span", null, k(s.title), 1),
-                l(p)
+                s(p),
+                _("span", null, k(l.title), 1),
+                s(p)
               ]),
               _: 1
             }),
-            l(S, null, {
+            s(S, null, {
               default: r(() => [
                 _("div", pe, [
-                  l(d, null, {
+                  s(d, null, {
                     default: r(() => [
-                      C(k(s.helpText), 1)
+                      C(k(l.helpText), 1)
                     ]),
                     _: 1
                   }),
-                  l(d, {
+                  s(d, {
                     dense: "",
                     class: "mt-5"
                   }, {
                     default: r(() => [
-                      l(c, {
+                      s(c, {
                         modelValue: i.search,
                         "onUpdate:modelValue": t[0] || (t[0] = (u) => i.search = u),
                         flat: "",
@@ -974,13 +974,13 @@ function ve(e, t, n, o, i, s) {
                       node: u,
                       search: i.search,
                       type: n.type,
-                      onRequest: s.activeFile,
-                      onDelete: s.deleteTemp
+                      onRequest: l.activeFile,
+                      onDelete: l.deleteTemp
                     }, null, 8, ["node", "search", "type", "onRequest", "onDelete"]))), 128))
                   ]),
-                  l(d, { class: "my-2" }, {
+                  s(d, { class: "my-2" }, {
                     default: r(() => [
-                      l(c, {
+                      s(c, {
                         modelValue: i.selectedFile,
                         "onUpdate:modelValue": t[1] || (t[1] = (u) => i.selectedFile = u),
                         "hide-details": "",
@@ -991,43 +991,43 @@ function ve(e, t, n, o, i, s) {
                     ]),
                     _: 1
                   }),
-                  l(d, { dense: "" }, {
+                  s(d, { dense: "" }, {
                     default: r(() => [
-                      R(_("div", {
+                      O(_("div", {
                         class: "my-2 text-red",
                         style: { "white-space": "pre-line" }
-                      }, k(s.error), 513), [
-                        [L, s.error]
+                      }, k(l.error), 513), [
+                        [M, l.error]
                       ])
                     ]),
                     _: 1
                   }),
-                  l(d, { class: "mt-2" }, {
+                  s(d, { class: "mt-2" }, {
                     default: r(() => [
-                      l(p),
-                      l(x, {
+                      s(p),
+                      s(x, {
                         variant: "outlined",
                         class: "mx-2",
                         "data-test": "file-open-save-cancel-btn",
                         disabled: i.disableButtons,
-                        onClick: t[2] || (t[2] = (u) => s.show = !1)
+                        onClick: t[2] || (t[2] = (u) => l.show = !1)
                       }, {
                         default: r(() => t[6] || (t[6] = [
                           C(" Cancel ")
                         ])),
                         _: 1
                       }, 8, ["disabled"]),
-                      l(x, {
+                      s(x, {
                         ref: "submitBtn",
                         type: "submit",
                         color: "primary",
                         class: "mx-2",
                         "data-test": "file-open-save-submit-btn",
-                        disabled: i.disableButtons || !!s.error,
-                        onClick: D(s.success, ["prevent"])
+                        disabled: i.disableButtons || !!l.error,
+                        onClick: D(l.success, ["prevent"])
                       }, {
                         default: r(() => [
-                          C(k(s.submit), 1)
+                          C(k(l.submit), 1)
                         ]),
                         _: 1
                       }, 8, ["disabled", "onClick"])
@@ -1046,7 +1046,7 @@ function ve(e, t, n, o, i, s) {
     _: 1
   }, 8, ["modelValue"]);
 }
-const Te = /* @__PURE__ */ F(fe, [["render", ve]]), N = 20, ye = {
+const Te = /* @__PURE__ */ F(fe, [["render", ve]]), L = 20, ye = {
   components: {
     EditScreenDialog: ie
   },
@@ -1180,7 +1180,7 @@ const Te = /* @__PURE__ */ F(fe, [["render", ve]]), N = 20, ye = {
   // 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 console.log({ err: e, vm: t, info: n }), this.errors.length < N && (console.log({ errors: this.errors }), e.usage ? this.errors.push({
+    return this.errors.length < L && (e.usage ? this.errors.push({
       type: "usage",
       message: e.message,
       usage: e.usage,
@@ -1191,7 +1191,7 @@ const Te = /* @__PURE__ */ F(fe, [["render", ve]]), N = 20, ye = {
       type: "error",
       message: e,
       time: (/* @__PURE__ */ new Date()).getTime()
-    }), this.configError = !0), !1;
+    }), console.log(this.errors), this.configError = !0), !1;
   },
   created() {
     this.api = new P(), this.configParser = new X(), this.parseDefinition(), this.screenKey = Math.floor(Math.random() * 1e6);
@@ -1269,7 +1269,7 @@ const Te = /* @__PURE__ */ F(fe, [["render", ve]]), N = 20, ye = {
         let e = [], t = [];
         for (const n of this.dynamicWidgets)
           e.push(n.name), t.push(n.lineNumber);
-        this.errors.length < N && (this.errors.push({
+        this.errors.length < L && (this.errors.push({
           type: "usage",
           message: `Unknown widget! Are these widgets: ${e.join(",")}?`,
           lineNumber: t.join(","),
@@ -1376,11 +1376,11 @@ const Te = /* @__PURE__ */ F(fe, [["render", ve]]), N = 20, ye = {
         null,
         `${e} <Widget Name> <Widget Type> <Widget Settings... (optional)>`
       ), i = t[0].toUpperCase(), e = t[1].toUpperCase(), t = t.slice(2, t.length));
-      const s = e.charAt(0).toUpperCase() + e.slice(1).toLowerCase() + "Widget";
+      const l = e.charAt(0).toUpperCase() + e.slice(1).toLowerCase() + "Widget";
       let f = [];
       if (f.push(["__SCREEN_ID__", this.screenId]), i !== null && f.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 v = {
-          type: s,
+          type: l,
           parameters: t,
           settings: f,
           screenValues: this.screenValues,
@@ -1388,9 +1388,9 @@ const Te = /* @__PURE__ */ F(fe, [["render", ve]]), N = 20, ye = {
           widgets: []
         };
         this.layoutStack.push(v), this.currentLayout.widgets.push(v), this.currentLayout = v;
-      } else if (this.$options.components[s])
+      } else if (this.$options.components[l])
         this.currentLayout.widgets.push({
-          type: s,
+          type: l,
           target: this.target,
           parameters: t,
           settings: f,
@@ -1407,7 +1407,7 @@ const Te = /* @__PURE__ */ F(fe, [["render", ve]]), N = 20, ye = {
           settings: f,
           screenValues: this.screenValues,
           screenTimeZone: this.timeZone,
-          name: s,
+          name: l,
           line: n,
           lineNumber: o
         };
@@ -1428,7 +1428,7 @@ const Te = /* @__PURE__ */ F(fe, [["render", ve]]), N = 20, ye = {
         this.clearErrors(), this.updateValues(e);
       }).catch((e) => {
         let t = JSON.stringify(e, null, 2);
-        t.includes("no response received") || (this.configError = !0), this.errors.find((n) => n.message === t) || this.errors.length < N && this.errors.push({
+        t.includes("no response received") || (this.configError = !0), this.errors.find((n) => n.message === t) || this.errors.length < L && this.errors.push({
           type: "error",
           message: t,
           time: (/* @__PURE__ */ new Date()).getTime()
@@ -1457,11 +1457,11 @@ const Te = /* @__PURE__ */ F(fe, [["render", ve]]), N = 20, ye = {
   class: "pa-1",
   style: { position: "relative" }
 };
-function xe(e, t, n, o, i, s) {
+function xe(e, t, n, o, i, l) {
   const f = a("v-btn"), v = a("v-tooltip"), p = a("v-spacer"), h = a("v-toolbar"), d = a("v-overlay"), c = a("vertical-widget"), g = a("v-expand-transition"), x = a("v-card"), S = a("edit-screen-dialog"), w = a("v-textarea"), y = a("v-dialog");
   return m(), T("div", {
     ref: "bar",
-    style: $(s.computedStyle)
+    style: $(l.computedStyle)
   }, [
     n.inline ? V("", !0) : (m(), b(x, {
       key: 0,
@@ -1470,9 +1470,9 @@ function xe(e, t, n, o, i, s) {
       style: { cursor: "default" }
     }, {
       default: r(() => [
-        l(h, { height: "24" }, {
+        s(h, { height: "24" }, {
           default: r(() => [
-            R(l(f, {
+            O(s(f, {
               icon: "mdi-alert",
               variant: "text",
               density: "compact",
@@ -1482,15 +1482,15 @@ function xe(e, t, n, o, i, s) {
                 i.errorDialog = !0;
               })
             }, null, 512), [
-              [L, i.errors.length !== 0]
+              [M, i.errors.length !== 0]
             ]),
-            l(f, {
+            s(f, {
               icon: "mdi-pencil",
               variant: "text",
               density: "compact",
               "data-test": "edit-screen-icon",
               "aria-label": "Edit Screen",
-              onClick: s.openEdit
+              onClick: l.openEdit
             }, null, 8, ["onClick"]),
             n.fixFloated ? V("", !0) : (m(), b(v, {
               key: 0,
@@ -1498,13 +1498,13 @@ function xe(e, t, n, o, i, s) {
               location: "top"
             }, {
               activator: r(({ props: u }) => [
-                _("div", O(M(u)), [
-                  l(f, {
+                _("div", N(R(u)), [
+                  s(f, {
                     icon: i.floated ? "mdi-balloon" : "mdi-view-grid-outline",
                     variant: "text",
                     "data-test": "float-screen-icon",
                     "aria-label": i.floated ? "Unfloat Screen" : "Float Screen",
-                    onClick: s.floatScreen
+                    onClick: l.floatScreen
                   }, null, 8, ["icon", "aria-label", "onClick"])
                 ], 16)
               ]),
@@ -1519,18 +1519,18 @@ function xe(e, t, n, o, i, s) {
               location: "top"
             }, {
               activator: r(({ props: u }) => [
-                _("div", O(M(u)), [
-                  l(f, {
+                _("div", N(R(u)), [
+                  s(f, {
                     icon: "mdi-arrow-up",
                     variant: "text",
                     "data-test": "up-screen-icon",
                     "aria-label": "Move Screen Up",
-                    onClick: s.upScreen
+                    onClick: l.upScreen
                   }, null, 8, ["onClick"])
                 ], 16)
               ]),
               default: r(() => [
-                t[7] || (t[7] = _("span", null, " Move Screen Up ", -1))
+                t[8] || (t[8] = _("span", null, " Move Screen Up ", -1))
               ]),
               _: 1
             })) : V("", !0),
@@ -1540,24 +1540,24 @@ function xe(e, t, n, o, i, s) {
               location: "top"
             }, {
               activator: r(({ props: u }) => [
-                _("div", O(M(u)), [
-                  l(f, {
+                _("div", N(R(u)), [
+                  s(f, {
                     icon: "mdi-arrow-down",
                     variant: "text",
                     "data-test": "down-screen-icon",
                     "aria-label": "Move Screen Down",
-                    onClick: s.downScreen
+                    onClick: l.downScreen
                   }, null, 8, ["onClick"])
                 ], 16)
               ]),
               default: r(() => [
-                t[8] || (t[8] = _("span", null, " Move Screen Down ", -1))
+                t[9] || (t[9] = _("span", null, " Move Screen Down ", -1))
               ]),
               _: 1
             })) : V("", !0),
-            l(p),
+            s(p),
             _("span", null, k(n.target) + " " + k(n.screen), 1),
-            l(p),
+            s(p),
             i.expand ? (m(), b(f, {
               key: 3,
               icon: "mdi-window-minimize",
@@ -1565,14 +1565,14 @@ function xe(e, t, n, o, i, s) {
               density: "compact",
               "data-test": "minimize-screen-icon",
               "aria-label": "Minimize Screen",
-              onClick: s.minMaxTransition
+              onClick: l.minMaxTransition
             }, null, 8, ["onClick"])) : (m(), b(f, {
               key: 4,
               icon: "mdi-window-maximize",
               variant: "text",
               "data-test": "maximize-screen-icon",
               "aria-label": "Maximize Screen",
-              onClick: s.minMaxTransition
+              onClick: l.minMaxTransition
             }, null, 8, ["onClick"])),
             n.showClose ? (m(), b(f, {
               key: 5,
@@ -1588,27 +1588,28 @@ function xe(e, t, n, o, i, s) {
         }),
         i.editDialog ? V("", !0) : (m(), b(g, { key: 0 }, {
           default: r(() => [
-            R(_("div", _e, [
-              l(d, {
+            O(_("div", _e, [
+              s(d, {
                 style: { "pointer-events": "none" },
                 "model-value": i.errors.length !== 0,
                 opacity: "0.8",
                 absolute: "",
-                attach: ""
+                attach: "",
+                "scroll-strategy": "none"
               }, null, 8, ["model-value"]),
               (m(), b(c, {
                 key: i.screenKey,
                 widgets: i.layoutStack[0].widgets,
                 "screen-values": i.screenValues,
                 "screen-time-zone": n.timeZone,
-                onAddItem: s.addItem,
-                onDeleteItem: s.deleteItem,
-                onOpen: s.open,
-                onClose: s.close,
-                onCloseAll: s.closeAll
+                onAddItem: l.addItem,
+                onDeleteItem: l.deleteItem,
+                onOpen: l.open,
+                onClose: l.close,
+                onCloseAll: l.closeAll
               }, null, 8, ["widgets", "screen-values", "screen-time-zone", "onAddItem", "onDeleteItem", "onOpen", "onClose", "onCloseAll"]))
             ], 512), [
-              [L, i.expand]
+              [M, i.expand]
             ])
           ]),
           _: 1
@@ -1617,59 +1618,72 @@ function xe(e, t, n, o, i, s) {
       _: 1
     }, 8, ["min-height", "min-width"])),
     n.inline ? (m(), T("div", be, [
-      l(d, {
+      s(d, {
         style: { "pointer-events": "none" },
         "model-value": i.errors.length !== 0,
         opacity: "0.8",
         absolute: "",
-        attach: ""
+        attach: "",
+        "scroll-strategy": "none"
       }, null, 8, ["model-value"]),
+      O(s(f, {
+        icon: "mdi-alert",
+        variant: "text",
+        density: "compact",
+        "data-test": "error-graph-icon",
+        "aria-label": "Show Errors",
+        onClick: t[2] || (t[2] = () => {
+          i.errorDialog = !0;
+        })
+      }, null, 512), [
+        [M, i.errors.length !== 0]
+      ]),
       (m(), b(c, {
         key: i.screenKey,
         widgets: i.layoutStack[0].widgets,
         "screen-values": i.screenValues,
         "screen-time-zone": n.timeZone,
-        onAddItem: s.addItem,
-        onDeleteItem: s.deleteItem,
-        onOpen: s.open,
-        onClose: s.close,
-        onCloseAll: s.closeAll
+        onAddItem: l.addItem,
+        onDeleteItem: l.deleteItem,
+        onOpen: l.open,
+        onClose: l.close,
+        onCloseAll: l.closeAll
       }, null, 8, ["widgets", "screen-values", "screen-time-zone", "onAddItem", "onDeleteItem", "onOpen", "onClose", "onCloseAll"]))
     ])) : V("", !0),
     i.editDialog ? (m(), b(S, {
       key: 2,
       modelValue: i.editDialog,
-      "onUpdate:modelValue": t[2] || (t[2] = (u) => i.editDialog = u),
+      "onUpdate:modelValue": t[3] || (t[3] = (u) => i.editDialog = u),
       target: n.target,
       screen: n.screen,
       definition: i.currentDefinition,
       keywords: n.keywords,
       errors: i.errors,
-      onSave: t[3] || (t[3] = (u) => s.saveEdit(u)),
-      onCancel: t[4] || (t[4] = (u) => s.cancelEdit()),
-      onDelete: t[5] || (t[5] = (u) => s.deleteScreen())
+      onSave: t[4] || (t[4] = (u) => l.saveEdit(u)),
+      onCancel: t[5] || (t[5] = (u) => l.cancelEdit()),
+      onDelete: t[6] || (t[6] = (u) => l.deleteScreen())
     }, null, 8, ["modelValue", "target", "screen", "definition", "keywords", "errors"])) : V("", !0),
-    l(y, {
+    s(y, {
       modelValue: i.errorDialog,
-      "onUpdate:modelValue": t[6] || (t[6] = (u) => i.errorDialog = u),
+      "onUpdate:modelValue": t[7] || (t[7] = (u) => i.errorDialog = u),
       width: "60vw"
     }, {
       default: r(() => [
-        l(h, { height: "24" }, {
+        s(h, { height: "24" }, {
           default: r(() => [
-            l(p),
+            s(p),
             _("span", null, " Screen: " + k(n.target) + " " + k(n.screen) + " Errors ", 1),
-            l(p)
+            s(p)
           ]),
           _: 1
         }),
-        l(x, null, {
+        s(x, null, {
           default: r(() => [
-            l(w, {
+            s(w, {
               class: "errors",
               readonly: "",
               rows: "13",
-              "model-value": s.error
+              "model-value": l.error
             }, null, 8, ["model-value"])
           ]),
           _: 1
@@ -1679,7 +1693,7 @@ function xe(e, t, n, o, i, s) {
     }, 8, ["modelValue"])
   ], 4);
 }
-const Ie = /* @__PURE__ */ F(ye, [["render", xe], ["__scopeId", "data-v-38e2d544"]]);
+const Ie = /* @__PURE__ */ F(ye, [["render", xe], ["__scopeId", "data-v-b9a096c9"]]);
 export {
   ie as E,
   Te as F,
@@ -1687,4 +1701,4 @@ export {
   Q as S,
   Ve as a
 };
-//# sourceMappingURL=Openc3Screen-CtwGKfq-.js.map
+//# sourceMappingURL=Openc3Screen-DFYYhHt7.js.map