@openc3/vue-common 6.4.1 → 6.4.2

package/dist/{Openc3Screen-DFYYhHt7.js → Openc3Screen-1vPogvfj.js}

@@ -1,8 +1,8 @@
-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 { 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-xI8cv5P5.js";
+import { resolveComponent as a, createBlock as b, openBlock as h, 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-AjYGyx8W.js";
+import { A as W } from "./TopBar-C9ro4_7Q.js";
 class Q {
   constructor() {
     I.get("/openc3-api/autocomplete/data/screen").then((t) => {
@@ -10,42 +10,42 @@ class Q {
     }), this.api = new P();
   }
   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 p = n.getLine(o.row).slice(0, o.column).trimStart().split(/ (?![^<]*>)/), u = this.autocompleteData;
+    p.length > 1 && (u = u.find((g) => g.caption === p[0]));
     let d = {}, c = !0;
-    if (h && h.params) {
-      h.params.length == p.length - 1 && (c = !1);
-      let g = h.params[p.length - 2];
+    if (u && u.params) {
+      u.params.length == p.length - 1 && (c = !1);
+      let g = u.params[p.length - 2];
       if (g["Target name"])
-        h = (await this.api.get_target_names()).reduce(
+        u = (await this.api.get_target_names()).reduce(
           (S, w) => (S[w] = 1, S),
           {}
         );
       else if (g["Packet name"]) {
         let x = p[p.length - 2];
-        h = (await this.api.get_all_tlm(x)).reduce(
+        u = (await this.api.get_all_tlm(x)).reduce(
           (w, y) => (w[y.packet_name] = y.description, w),
           {}
         );
       } else if (g["Item name"]) {
         let x = p[p.length - 3], S = p[p.length - 2];
-        h = (await this.api.get_tlm(x, S)).items.reduce(
-          (y, u) => (y[u.name] = u.description, y),
+        u = (await this.api.get_tlm(x, S)).items.reduce(
+          (y, f) => (y[f.name] = f.description, y),
           {}
         );
       } else
-        h = g;
-      d = Object.keys(h || {}).map((x) => {
+        u = g;
+      d = Object.keys(u || {}).map((x) => {
         let S = {
           value: x + (c ? " " : ""),
           // We want the autoComplete to continue right up
           // to the last parameter
           command: c && "startAutocomplete"
         };
-        return typeof h[x] == "string" && (S.meta = h[x]), S;
+        return typeof u[x] == "string" && (S.meta = u[x]), S;
       });
     } else
-      d = h;
+      d = u;
     l(null, d);
   }
 }
@@ -73,6 +73,7 @@ const ee = {
       default: () => []
     }
   },
+  emits: ["cancel", "delete", "save", "update:modelValue"],
   data() {
     return {
       file: null,
@@ -196,19 +197,19 @@ const ee = {
   }
 }, te = ["textContent"];
 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, {
+  const m = a("v-btn"), v = a("v-spacer"), p = a("v-toolbar"), u = 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"), f = a("v-card"), Z = a("v-dialog");
+  return h(), b(Z, {
     modelValue: l.show,
     "onUpdate:modelValue": t[5] || (t[5] = (E) => l.show = E),
     persistent: "",
     width: "75vw"
   }, {
     default: r(() => [
-      s(u, null, {
+      s(f, null, {
         default: r(() => [
           s(p, { height: "24" }, {
             default: r(() => [
-              s(f, {
+              s(m, {
                 class: "mx-2",
                 icon: "mdi-delete",
                 variant: "text",
@@ -219,7 +220,7 @@ function ne(e, t, n, o, i, l) {
               s(v),
               _("span", null, " Edit Screen: " + k(n.target) + " " + k(n.screen), 1),
               s(v),
-              s(f, {
+              s(m, {
                 class: "mx-2",
                 icon: "mdi-download",
                 variant: "text",
@@ -232,18 +233,18 @@ function ne(e, t, n, o, i, l) {
           }),
           s(y, { style: { "max-height": "90vh" } }, {
             default: r(() => [
-              s(h, { class: "mt-3" }, {
+              s(u, { class: "mt-3" }, {
                 default: r(() => t[6] || (t[6] = [
                   C(" Upload a screen file. ")
                 ])),
                 _: 1
               }),
-              s(h, {
+              s(u, {
                 "no-gutters": "",
                 align: "center"
               }, {
                 default: r(() => [
-                  s(f, {
+                  s(m, {
                     disabled: !i.file,
                     color: "primary",
                     class: "mr-3",
@@ -265,13 +266,13 @@ function ne(e, t, n, o, i, l) {
                 ]),
                 _: 1
               }),
-              s(h, { class: "mb-2" }, {
+              s(u, { class: "mb-2" }, {
                 default: r(() => t[8] || (t[8] = [
                   C(" Edit the screen definition. ")
                 ])),
                 _: 1
               }),
-              s(h, { class: "mb-2" }, {
+              s(u, { class: "mb-2" }, {
                 default: r(() => [
                   _("pre", {
                     ref: "editor",
@@ -312,9 +313,9 @@ function ne(e, t, n, o, i, l) {
                 ]),
                 _: 1
               }),
-              s(h, { style: { "max-height": "120px", "overflow-y": "auto" } }, {
+              s(u, { style: { "max-height": "120px", "overflow-y": "auto" } }, {
                 default: r(() => [
-                  (m(!0), T(z, null, U(l.editErrors, (E, K) => (m(), T("div", { key: K }, [
+                  (h(!0), T(z, null, U(l.editErrors, (E, K) => (h(), T("div", { key: K }, [
                     _("span", {
                       class: "text-red",
                       textContent: k(E)
@@ -323,11 +324,11 @@ function ne(e, t, n, o, i, l) {
                 ]),
                 _: 1
               }),
-              s(h, { class: "mt-5" }, {
+              s(u, { class: "mt-5" }, {
                 default: r(() => [
-                  t[11] || (t[11] = _("span", null, "Ctrl-space brings up autocomplete. Right click keywords for documentation.", -1)),
+                  t[11] || (t[11] = _("span", null, " Ctrl-space brings up autocomplete. Right click keywords for documentation. ", -1)),
                   s(v),
-                  s(f, {
+                  s(m, {
                     class: "mx-2",
                     variant: "outlined",
                     "data-test": "edit-screen-cancel",
@@ -338,7 +339,7 @@ function ne(e, t, n, o, i, l) {
                     ])),
                     _: 1
                   }),
-                  s(f, {
+                  s(m, {
                     class: "mx-2",
                     color: "primary",
                     "data-test": "edit-screen-save",
@@ -362,7 +363,7 @@ function ne(e, t, n, o, i, l) {
     _: 1
   }, 8, ["modelValue"]);
 }
-const ie = /* @__PURE__ */ F(ee, [["render", ne], ["__scopeId", "data-v-0caab967"]]), se = {
+const ie = /* @__PURE__ */ F(ee, [["render", ne], ["__scopeId", "data-v-65b25a74"]]), se = {
   props: {
     modelValue: Boolean
   },
@@ -453,8 +454,8 @@ const ie = /* @__PURE__ */ F(ee, [["render", ne], ["__scopeId", "data-v-0caab967
   }
 }, le = { class: "pa-3" };
 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, {
+  const m = a("v-spacer"), v = a("v-toolbar"), p = a("v-text-field"), u = 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 h(), b(w, {
     modelValue: l.show,
     "onUpdate:modelValue": t[4] || (t[4] = (y) => l.show = y),
     width: "600"
@@ -467,16 +468,16 @@ function oe(e, t, n, o, i, l) {
           }, [
             s(v, { height: "24" }, {
               default: r(() => [
-                s(f),
+                s(m),
                 t[5] || (t[5] = _("span", null, "Global Environment Variables", -1)),
-                s(f)
+                s(m)
               ]),
               _: 1
             }),
             s(x, null, {
               default: r(() => [
                 _("div", le, [
-                  s(h, {
+                  s(u, {
                     dense: "",
                     class: "mb-2"
                   }, {
@@ -516,12 +517,12 @@ function oe(e, t, n, o, i, l) {
                         class: "mt-1",
                         "data-test": "item-delete",
                         "aria-label": "Delete Environment Variable",
-                        onClick: (u) => l.deleteEnvironment(y)
+                        onClick: (f) => l.deleteEnvironment(y)
                       }, null, 8, ["onClick"])
                     ]),
                     _: 1
                   }, 8, ["search", "headers", "items"]),
-                  s(h, { dense: "" }, {
+                  s(u, { dense: "" }, {
                     default: r(() => [
                       s(g, null, {
                         default: r(() => [
@@ -548,7 +549,7 @@ function oe(e, t, n, o, i, l) {
                     ]),
                     _: 1
                   }),
-                  s(h, { dense: "" }, {
+                  s(u, { dense: "" }, {
                     default: r(() => [
                       s(d, {
                         block: "",
@@ -617,25 +618,25 @@ const Ve = /* @__PURE__ */ F(se, [["render", oe]]), re = { class: "tree-node" },
         d ? n.node.isOpen || v() : n.node.isOpen && v();
       }
     );
-    const l = t, f = (d) => {
+    const l = t, m = (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, l("nodeToggled", n.node.id, o.value));
     }, p = (d, c) => {
       l("nodeToggled", d, c);
-    }, h = (d) => {
+    }, u = (d) => {
       l("request", d);
     };
     return (d, c) => {
       const g = a("v-icon"), x = a("v-btn"), S = a("tree-node", !0);
-      return m(), T("div", re, [
-        i.value ? (m(), T("div", {
+      return h(), T("div", re, [
+        i.value ? (h(), T("div", {
           key: 0,
           class: "node-content",
-          onClick: c[2] || (c[2] = (w) => f(e.node))
+          onClick: c[2] || (c[2] = (w) => m(e.node))
         }, [
           _("div", ae, [
-            e.node.children ? (m(), b(g, {
+            e.node.children ? (h(), b(g, {
               key: 0,
               class: "toggle-icon",
               style: { "padding-right": "10px" }
@@ -645,7 +646,7 @@ const Ve = /* @__PURE__ */ F(se, [["render", oe]]), re = { class: "tree-node" },
               ]),
               _: 1
             })) : V("", !0),
-            e.node.children ? (m(), b(g, {
+            e.node.children ? (h(), b(g, {
               key: 1,
               size: "small",
               style: { "padding-right": "10px" }
@@ -654,7 +655,7 @@ const Ve = /* @__PURE__ */ F(se, [["render", oe]]), re = { class: "tree-node" },
                 C(k("mdi-folder"))
               ])),
               _: 1
-            })) : e.node.title.includes(".rb") ? (m(), b(g, {
+            })) : e.node.title.includes(".rb") ? (h(), b(g, {
               key: 2,
               size: "small",
               style: { "padding-right": "10px" }
@@ -663,7 +664,7 @@ const Ve = /* @__PURE__ */ F(se, [["render", oe]]), re = { class: "tree-node" },
                 C(k("mdi-language-ruby"))
               ])),
               _: 1
-            })) : e.node.title.includes(".py") ? (m(), b(g, {
+            })) : e.node.title.includes(".py") ? (h(), b(g, {
               key: 3,
               size: "small",
               style: { "padding-right": "10px" }
@@ -672,7 +673,7 @@ const Ve = /* @__PURE__ */ F(se, [["render", oe]]), re = { class: "tree-node" },
                 C(k("mdi-language-python"))
               ])),
               _: 1
-            })) : (m(), b(g, {
+            })) : (h(), b(g, {
               key: 4,
               size: "small",
               style: { "padding-right": "10px" }
@@ -685,9 +686,9 @@ const Ve = /* @__PURE__ */ F(se, [["render", oe]]), re = { class: "tree-node" },
             _("span", {
               class: "title",
               tabindex: e.node.children ? -1 : 0,
-              onKeyup: c[0] || (c[0] = q((w) => f(e.node), ["enter"]))
+              onKeyup: c[0] || (c[0] = q((w) => m(e.node), ["enter"]))
             }, k(e.node.title), 41, de),
-            e.node.title === "__TEMP__" ? (m(), b(x, {
+            e.node.title === "__TEMP__" ? (h(), b(x, {
               key: 5,
               icon: "mdi-delete",
               variant: "text",
@@ -696,15 +697,15 @@ const Ve = /* @__PURE__ */ F(se, [["render", oe]]), re = { class: "tree-node" },
               onClick: c[1] || (c[1] = (w) => l("delete"))
             })) : V("", !0)
           ])
-        ])) : (m(), T("div", ce)),
-        e.node.children && e.node.isOpen ? (m(), T("div", ue, [
-          (m(!0), T(z, null, U(e.node.children, (w) => (m(), b(S, {
+        ])) : (h(), T("div", ce)),
+        e.node.children && e.node.isOpen ? (h(), T("div", ue, [
+          (h(!0), T(z, null, U(e.node.children, (w) => (h(), b(S, {
             key: w.id,
             node: w,
             search: e.search,
             type: e.type,
             onNodeToggled: p,
-            onRequest: h
+            onRequest: u
           }, null, 8, ["node", "search", "type"]))), 128))
         ])) : V("", !0)
       ]);
@@ -908,19 +909,19 @@ 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 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, {
+  const m = a("v-progress-circular"), v = a("v-overlay"), p = a("v-spacer"), u = 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 h(), b(y, {
     modelValue: l.show,
-    "onUpdate:modelValue": t[4] || (t[4] = (u) => l.show = u),
+    "onUpdate:modelValue": t[4] || (t[4] = (f) => l.show = f),
     width: "600",
-    onKeydown: t[5] || (t[5] = q((u) => l.success(), ["enter"]))
+    onKeydown: t[5] || (t[5] = q((f) => l.success(), ["enter"]))
   }, {
     default: r(() => [
       s(w, null, {
         default: r(() => [
           s(v, { "model-value": i.loading }, {
             default: r(() => [
-              s(f, {
+              s(m, {
                 indeterminate: "",
                 absolute: "",
                 size: "64"
@@ -929,9 +930,9 @@ function ve(e, t, n, o, i, l) {
             _: 1
           }, 8, ["model-value"]),
           _("form", {
-            onSubmit: t[3] || (t[3] = D((...u) => l.success && l.success(...u), ["prevent"]))
+            onSubmit: t[3] || (t[3] = D((...f) => l.success && l.success(...f), ["prevent"]))
           }, [
-            s(h, { height: "24" }, {
+            s(u, { height: "24" }, {
               default: r(() => [
                 s(p),
                 _("span", null, k(l.title), 1),
@@ -955,7 +956,7 @@ function ve(e, t, n, o, i, l) {
                     default: r(() => [
                       s(c, {
                         modelValue: i.search,
-                        "onUpdate:modelValue": t[0] || (t[0] = (u) => i.search = u),
+                        "onUpdate:modelValue": t[0] || (t[0] = (f) => i.search = f),
                         flat: "",
                         autofocus: "",
                         "hide-details": "",
@@ -969,9 +970,9 @@ function ve(e, t, n, o, i, l) {
                     _: 1
                   }),
                   _("div", ge, [
-                    (m(!0), T(z, null, U(i.items, (u) => (m(), b(g, {
-                      key: `${u.id}`,
-                      node: u,
+                    (h(!0), T(z, null, U(i.items, (f) => (h(), b(g, {
+                      key: `${f.id}`,
+                      node: f,
                       search: i.search,
                       type: n.type,
                       onRequest: l.activeFile,
@@ -982,7 +983,7 @@ function ve(e, t, n, o, i, l) {
                     default: r(() => [
                       s(c, {
                         modelValue: i.selectedFile,
-                        "onUpdate:modelValue": t[1] || (t[1] = (u) => i.selectedFile = u),
+                        "onUpdate:modelValue": t[1] || (t[1] = (f) => i.selectedFile = f),
                         "hide-details": "",
                         label: "Filename",
                         "data-test": "file-open-save-filename",
@@ -1010,7 +1011,7 @@ function ve(e, t, n, o, i, l) {
                         class: "mx-2",
                         "data-test": "file-open-save-cancel-btn",
                         disabled: i.disableButtons,
-                        onClick: t[2] || (t[2] = (u) => l.show = !1)
+                        onClick: t[2] || (t[2] = (f) => l.show = !1)
                       }, {
                         default: r(() => t[6] || (t[6] = [
                           C(" Cancel ")
@@ -1109,6 +1110,15 @@ const Te = /* @__PURE__ */ F(fe, [["render", ve]]), L = 20, ye = {
       default: !1
     }
   },
+  emits: [
+    "close-screen",
+    "delete-screen",
+    "drag-screen",
+    "edit-screen",
+    "float-screen",
+    "min-max-screen",
+    "unfloat-screen"
+  ],
   data() {
     return {
       api: null,
@@ -1223,7 +1233,7 @@ const Te = /* @__PURE__ */ F(fe, [["render", ve]]), L = 20, ye = {
       }, e);
     },
     parseDefinition: function() {
-      if (this.clearErrors(), this.namedWidgets = {}, this.layoutStack = [], this.dynamicWidgets = [], this.layoutStack.push({
+      if (this.clearErrors(), this.screenItems = [], this.namedWidgets = {}, this.layoutStack = [], this.dynamicWidgets = [], this.layoutStack.push({
         type: "VerticalWidget",
         parameters: [],
         widgets: []
@@ -1377,12 +1387,12 @@ const Te = /* @__PURE__ */ F(fe, [["render", ve]]), L = 20, ye = {
         `${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 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") {
+      let m = [];
+      if (m.push(["__SCREEN_ID__", this.screenId]), i !== null && m.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: l,
           parameters: t,
-          settings: f,
+          settings: m,
           screenValues: this.screenValues,
           screenTimeZone: this.timeZone,
           widgets: []
@@ -1393,7 +1403,7 @@ const Te = /* @__PURE__ */ F(fe, [["render", ve]]), L = 20, ye = {
           type: l,
           target: this.target,
           parameters: t,
-          settings: f,
+          settings: m,
           screenValues: this.screenValues,
           screenTimeZone: this.timeZone,
           line: n,
@@ -1404,7 +1414,7 @@ const Te = /* @__PURE__ */ F(fe, [["render", ve]]), L = 20, ye = {
           type: "DynamicWidget",
           target: this.target,
           parameters: t,
-          settings: f,
+          settings: m,
           screenValues: this.screenValues,
           screenTimeZone: this.timeZone,
           name: l,
@@ -1458,21 +1468,21 @@ const Te = /* @__PURE__ */ F(fe, [["render", ve]]), L = 20, ye = {
   style: { position: "relative" }
 };
 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", {
+  const m = a("v-btn"), v = a("v-tooltip"), p = a("v-spacer"), u = 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 h(), T("div", {
     ref: "bar",
     style: $(l.computedStyle)
   }, [
-    n.inline ? V("", !0) : (m(), b(x, {
+    n.inline ? V("", !0) : (h(), b(x, {
       key: 0,
       "min-height": i.height,
       "min-width": i.width,
       style: { cursor: "default" }
     }, {
       default: r(() => [
-        s(h, { height: "24" }, {
+        s(u, { height: "24" }, {
           default: r(() => [
-            O(s(f, {
+            O(s(m, {
               icon: "mdi-alert",
               variant: "text",
               density: "compact",
@@ -1484,7 +1494,7 @@ function xe(e, t, n, o, i, l) {
             }, null, 512), [
               [M, i.errors.length !== 0]
             ]),
-            s(f, {
+            s(m, {
               icon: "mdi-pencil",
               variant: "text",
               density: "compact",
@@ -1492,14 +1502,14 @@ function xe(e, t, n, o, i, l) {
               "aria-label": "Edit Screen",
               onClick: l.openEdit
             }, null, 8, ["onClick"]),
-            n.fixFloated ? V("", !0) : (m(), b(v, {
+            n.fixFloated ? V("", !0) : (h(), b(v, {
               key: 0,
               "open-delay": 600,
               location: "top"
             }, {
-              activator: r(({ props: u }) => [
-                _("div", N(R(u)), [
-                  s(f, {
+              activator: r(({ props: f }) => [
+                _("div", N(R(f)), [
+                  s(m, {
                     icon: i.floated ? "mdi-balloon" : "mdi-view-grid-outline",
                     variant: "text",
                     "data-test": "float-screen-icon",
@@ -1513,14 +1523,14 @@ function xe(e, t, n, o, i, l) {
               ]),
               _: 1
             })),
-            i.floated ? (m(), b(v, {
+            i.floated ? (h(), b(v, {
               key: 1,
               "open-delay": 600,
               location: "top"
             }, {
-              activator: r(({ props: u }) => [
-                _("div", N(R(u)), [
-                  s(f, {
+              activator: r(({ props: f }) => [
+                _("div", N(R(f)), [
+                  s(m, {
                     icon: "mdi-arrow-up",
                     variant: "text",
                     "data-test": "up-screen-icon",
@@ -1530,18 +1540,18 @@ function xe(e, t, n, o, i, l) {
                 ], 16)
               ]),
               default: r(() => [
-                t[8] || (t[8] = _("span", null, " Move Screen Up ", -1))
+                t[5] || (t[5] = _("span", null, " Move Screen Up ", -1))
               ]),
               _: 1
             })) : V("", !0),
-            i.floated && i.zIndex > n.minZ ? (m(), b(v, {
+            i.floated && i.zIndex > n.minZ ? (h(), b(v, {
               key: 2,
               "open-delay": 600,
               location: "top"
             }, {
-              activator: r(({ props: u }) => [
-                _("div", N(R(u)), [
-                  s(f, {
+              activator: r(({ props: f }) => [
+                _("div", N(R(f)), [
+                  s(m, {
                     icon: "mdi-arrow-down",
                     variant: "text",
                     "data-test": "down-screen-icon",
@@ -1551,14 +1561,14 @@ function xe(e, t, n, o, i, l) {
                 ], 16)
               ]),
               default: r(() => [
-                t[9] || (t[9] = _("span", null, " Move Screen Down ", -1))
+                t[6] || (t[6] = _("span", null, " Move Screen Down ", -1))
               ]),
               _: 1
             })) : V("", !0),
             s(p),
             _("span", null, k(n.target) + " " + k(n.screen), 1),
             s(p),
-            i.expand ? (m(), b(f, {
+            i.expand ? (h(), b(m, {
               key: 3,
               icon: "mdi-window-minimize",
               variant: "text",
@@ -1566,7 +1576,7 @@ function xe(e, t, n, o, i, l) {
               "data-test": "minimize-screen-icon",
               "aria-label": "Minimize Screen",
               onClick: l.minMaxTransition
-            }, null, 8, ["onClick"])) : (m(), b(f, {
+            }, null, 8, ["onClick"])) : (h(), b(m, {
               key: 4,
               icon: "mdi-window-maximize",
               variant: "text",
@@ -1574,19 +1584,19 @@ function xe(e, t, n, o, i, l) {
               "aria-label": "Maximize Screen",
               onClick: l.minMaxTransition
             }, null, 8, ["onClick"])),
-            n.showClose ? (m(), b(f, {
+            n.showClose ? (h(), b(m, {
               key: 5,
               icon: "mdi-close-box",
               variant: "text",
               density: "compact",
               "data-test": "close-screen-icon",
               "aria-label": "Close Screen",
-              onClick: t[1] || (t[1] = (u) => e.$emit("close-screen"))
+              onClick: t[1] || (t[1] = (f) => e.$emit("close-screen"))
             })) : V("", !0)
           ]),
           _: 1
         }),
-        i.editDialog ? V("", !0) : (m(), b(g, { key: 0 }, {
+        i.editDialog ? V("", !0) : (h(), b(g, { key: 0 }, {
           default: r(() => [
             O(_("div", _e, [
               s(d, {
@@ -1597,7 +1607,7 @@ function xe(e, t, n, o, i, l) {
                 attach: "",
                 "scroll-strategy": "none"
               }, null, 8, ["model-value"]),
-              (m(), b(c, {
+              (h(), b(c, {
                 key: i.screenKey,
                 widgets: i.layoutStack[0].widgets,
                 "screen-values": i.screenValues,
@@ -1617,7 +1627,7 @@ function xe(e, t, n, o, i, l) {
       ]),
       _: 1
     }, 8, ["min-height", "min-width"])),
-    n.inline ? (m(), T("div", be, [
+    n.inline ? (h(), T("div", be, [
       s(d, {
         style: { "pointer-events": "none" },
         "model-value": i.errors.length !== 0,
@@ -1626,7 +1636,7 @@ function xe(e, t, n, o, i, l) {
         attach: "",
         "scroll-strategy": "none"
       }, null, 8, ["model-value"]),
-      O(s(f, {
+      O(s(m, {
         icon: "mdi-alert",
         variant: "text",
         density: "compact",
@@ -1638,7 +1648,7 @@ function xe(e, t, n, o, i, l) {
       }, null, 512), [
         [M, i.errors.length !== 0]
       ]),
-      (m(), b(c, {
+      (h(), b(c, {
         key: i.screenKey,
         widgets: i.layoutStack[0].widgets,
         "screen-values": i.screenValues,
@@ -1650,26 +1660,26 @@ function xe(e, t, n, o, i, l) {
         onCloseAll: l.closeAll
       }, null, 8, ["widgets", "screen-values", "screen-time-zone", "onAddItem", "onDeleteItem", "onOpen", "onClose", "onCloseAll"]))
     ])) : V("", !0),
-    i.editDialog ? (m(), b(S, {
+    i.editDialog ? (h(), b(S, {
       key: 2,
       modelValue: i.editDialog,
-      "onUpdate:modelValue": t[3] || (t[3] = (u) => i.editDialog = u),
+      "onUpdate:modelValue": t[3] || (t[3] = (f) => i.editDialog = f),
       target: n.target,
       screen: n.screen,
       definition: i.currentDefinition,
       keywords: n.keywords,
       errors: i.errors,
-      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),
+      onSave: l.saveEdit,
+      onCancel: l.cancelEdit,
+      onDelete: l.deleteScreen
+    }, null, 8, ["modelValue", "target", "screen", "definition", "keywords", "errors", "onSave", "onCancel", "onDelete"])) : V("", !0),
     s(y, {
       modelValue: i.errorDialog,
-      "onUpdate:modelValue": t[7] || (t[7] = (u) => i.errorDialog = u),
+      "onUpdate:modelValue": t[4] || (t[4] = (f) => i.errorDialog = f),
       width: "60vw"
     }, {
       default: r(() => [
-        s(h, { height: "24" }, {
+        s(u, { height: "24" }, {
           default: r(() => [
             s(p),
             _("span", null, " Screen: " + k(n.target) + " " + k(n.screen) + " Errors ", 1),
@@ -1693,7 +1703,7 @@ function xe(e, t, n, o, i, l) {
     }, 8, ["modelValue"])
   ], 4);
 }
-const Ie = /* @__PURE__ */ F(ye, [["render", xe], ["__scopeId", "data-v-b9a096c9"]]);
+const Ie = /* @__PURE__ */ F(ye, [["render", xe], ["__scopeId", "data-v-889152bf"]]);
 export {
   ie as E,
   Te as F,
@@ -1701,4 +1711,4 @@ export {
   Q as S,
   Ve as a
 };
-//# sourceMappingURL=Openc3Screen-DFYYhHt7.js.map
+//# sourceMappingURL=Openc3Screen-1vPogvfj.js.map