@openc3/vue-common 6.2.0 → 6.3.0

package/dist/Openc3Screen-Cud0OCFu.js

@@ -0,0 +1,1789 @@
+import { o as I, h as q, b as L, W as Y, e as H, f as j } from "./WidgetComponents-C1lSLZ0I.js";
+import { resolveComponent as d, createBlock as x, openBlock as m, withCtx as i, createVNode as s, createElementVNode as u, normalizeProps as D, guardReactiveProps as A, createTextVNode as g, toDisplayString as w, withModifiers as M, createElementBlock as V, Fragment as U, renderList as B, ref as $, computed as J, watch as W, createCommentVNode as T, withKeys as Z, withDirectives as F, vShow as O, normalizeStyle as Q } from "vue";
+import { _ as N } from "./CustomIcon-h5X7369N.js";
+import { f as ee } from "./fileIcon-DqRHb1_Z.js";
+import { A as P } from "./TopBar-CnJNNJlV.js";
+class te {
+  constructor() {
+    I.get("/openc3-api/autocomplete/data/screen").then((e) => {
+      this.autocompleteData = e.data;
+    }), this.api = new q();
+  }
+  async getCompletions(e, n, r, l, o) {
+    let f = n.getLine(r.row).slice(0, r.column).trimStart().split(/ (?![^<]*>)/), p = this.autocompleteData;
+    f.length > 1 && (p = p.find((_) => _.caption === f[0]));
+    let h = {}, c = !0;
+    if (p && p.params) {
+      p.params.length == f.length - 1 && (c = !1);
+      let _ = p.params[f.length - 2];
+      if (_["Target name"])
+        p = (await this.api.get_target_names()).reduce(
+          (k, S) => (k[S] = 1, k),
+          {}
+        );
+      else if (_["Packet name"]) {
+        let b = f[f.length - 2];
+        p = (await this.api.get_all_tlm(b)).reduce(
+          (S, E) => (S[E.packet_name] = E.description, S),
+          {}
+        );
+      } else if (_["Item name"]) {
+        let b = f[f.length - 3], k = f[f.length - 2];
+        p = (await this.api.get_tlm(b, k)).items.reduce(
+          (E, a) => (E[a.name] = a.description, E),
+          {}
+        );
+      } else
+        p = _;
+      h = Object.keys(p || {}).map((b) => {
+        let k = {
+          value: b + (c ? " " : ""),
+          // We want the autoComplete to continue right up
+          // to the last parameter
+          command: c && "startAutocomplete"
+        };
+        return typeof p[b] == "string" && (k.meta = p[b]), k;
+      });
+    } else
+      h = p;
+    o(null, h);
+  }
+}
+const ne = {
+  props: {
+    modelValue: Boolean,
+    target: {
+      type: String,
+      default: ""
+    },
+    screen: {
+      type: String,
+      default: ""
+    },
+    definition: {
+      type: String,
+      default: ""
+    },
+    keywords: {
+      type: Array,
+      default: () => []
+    },
+    errors: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      file: null,
+      docsKeyword: "",
+      contextMenu: !1,
+      menuX: 0,
+      menuY: 0
+    };
+  },
+  computed: {
+    editErrors: function() {
+      if (this.definition === "" && !this.file)
+        return ["Input can not be blank."];
+      if (this.errors.length !== 0) {
+        let t = /* @__PURE__ */ new Set(), e = [];
+        const n = this.errors.toSorted(
+          (r, l) => r.lineNumber - l.lineNumber
+        );
+        for (const r of n) {
+          let l = `At ${r.lineNumber}: (${r.line}) ${r.message}.`;
+          r.usage && (l += ` Usage: ${r.usage}`), e.push(l), t.add(r.message);
+        }
+        return e;
+      }
+      return [];
+    },
+    show: {
+      get() {
+        return this.modelValue;
+      },
+      set(t) {
+        this.$emit("update:modelValue", t);
+      }
+    }
+  },
+  mounted: function() {
+    this.editor = L.edit(this.$refs.editor), this.editor.setTheme("ace/theme/twilight");
+    const t = this.buildScreenMode();
+    this.editor.session.setMode(new t()), this.editor.session.setTabSize(2), this.editor.session.setUseWrapMode(!0), this.editor.$blockScrolling = 1 / 0, this.editor.setOption("enableBasicAutocompletion", !0), this.editor.setOption("enableLiveAutocompletion", !0), this.editor.completers = [new te()], this.editor.setHighlightActiveLine(!1), this.editor.setValue(this.definition), this.editor.clearSelection(), P.applyVimModeIfEnabled(this.editor), this.editor.focus();
+  },
+  beforeUnmount() {
+    this.editor.destroy(), this.editor.container.remove();
+  },
+  methods: {
+    toggleVimMode: function() {
+      P.toggleVimMode(this.editor);
+    },
+    showContextMenu: function(t) {
+      this.menuX = t.pageX, this.menuY = t.pageY;
+      let e = this.editor.getCursorPosition(), n = this.editor.session.getTokenAt(e.row, e.column);
+      if (n) {
+        let r = n.value.trim();
+        r.includes(" ") ? this.docsKeyword = r.split(" ")[0] : this.docsKeyword = r, this.contextMenu = !0;
+      }
+    },
+    openDocumentation() {
+      window.open(
+        `${window.location.origin}/tools/staticdocs/docs/configuration/telemetry-screens#${this.docsKeyword.toLowerCase()}`,
+        "_blank"
+      );
+    },
+    buildScreenMode() {
+      let t = L.require("ace/lib/oop"), e = L.require(
+        "ace/mode/text_highlight_rules"
+      ).TextHighlightRules, n = this.keywords.join("|"), r = function() {
+        this.$rules = {
+          start: [
+            {
+              token: "comment",
+              regex: "#.*$"
+            },
+            {
+              token: "string",
+              regex: '".*?"'
+            },
+            {
+              token: "string",
+              regex: "'.*?'"
+            },
+            {
+              token: "constant.numeric",
+              regex: "\\b\\d+(?:\\.\\d+)?\\b"
+            },
+            {
+              token: "keyword",
+              regex: new RegExp(`^\\s*(${n})\\b`)
+            }
+          ]
+        }, this.normalizeRules();
+      };
+      t.inherits(r, e);
+      let l = function() {
+        this.HighlightRules = r;
+      }, o = L.require("ace/mode/text").Mode;
+      return t.inherits(l, o), (function() {
+        this.$id = "ace/mode/openc3";
+      }).call(l.prototype), l;
+    },
+    downloadScreen: function() {
+      const t = new Blob([this.editor.getValue()], {
+        type: "text/plain"
+      }), e = document.createElement("a");
+      e.href = URL.createObjectURL(t), e.setAttribute("download", `${this.screen.toLowerCase()}.txt`), e.click();
+    },
+    loadFile: function() {
+      const t = new FileReader();
+      t.readAsText(this.file);
+      const e = this;
+      t.onload = function() {
+        e.editor.setValue(t.result), e.file = null;
+      };
+    },
+    deleteScreen: function() {
+      this.$dialog.confirm("Are you sure you want to delete this screen?!", {
+        okText: "Delete",
+        cancelText: "Cancel"
+      }).then((t) => {
+        this.$emit("delete");
+      });
+    }
+  }
+}, ie = { class: "mx-2" }, se = { class: "mx-2" }, le = ["textContent"];
+function oe(t, e, n, r, l, o) {
+  const v = d("v-icon"), y = d("v-tooltip"), f = d("v-spacer"), p = d("v-toolbar"), h = d("v-row"), c = d("v-btn"), _ = d("v-file-input"), b = d("v-list-item-title"), k = d("v-list-item"), S = d("v-divider"), E = d("v-list"), a = d("v-menu"), R = d("v-card-text"), K = d("v-card"), G = d("v-dialog");
+  return m(), x(G, {
+    persistent: "",
+    modelValue: o.show,
+    "onUpdate:modelValue": e[5] || (e[5] = (C) => o.show = C),
+    width: "75vw"
+  }, {
+    default: i(() => [
+      s(K, null, {
+        default: i(() => [
+          s(p, { height: "24" }, {
+            default: i(() => [
+              u("div", ie, [
+                s(y, { location: "top" }, {
+                  activator: i(({ props: C }) => [
+                    u("div", D(A(C)), [
+                      s(v, {
+                        "data-test": "delete-screen-icon",
+                        onClick: o.deleteScreen
+                      }, {
+                        default: i(() => e[6] || (e[6] = [
+                          g(" mdi-delete ")
+                        ])),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ], 16)
+                  ]),
+                  default: i(() => [
+                    e[7] || (e[7] = u("span", null, " Delete Screen ", -1))
+                  ]),
+                  _: 1
+                })
+              ]),
+              s(f),
+              u("span", null, " Edit Screen: " + w(n.target) + " " + w(n.screen), 1),
+              s(f),
+              u("div", se, [
+                s(y, { location: "top" }, {
+                  activator: i(({ props: C }) => [
+                    u("div", D(A(C)), [
+                      s(v, {
+                        "data-test": "download-screen-icon",
+                        onClick: o.downloadScreen
+                      }, {
+                        default: i(() => e[8] || (e[8] = [
+                          g(" mdi-download ")
+                        ])),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ], 16)
+                  ]),
+                  default: i(() => [
+                    e[9] || (e[9] = u("span", null, " Download Screen ", -1))
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            _: 1
+          }),
+          s(R, { style: { "max-height": "90vh" } }, {
+            default: i(() => [
+              s(h, { class: "mt-3" }, {
+                default: i(() => e[10] || (e[10] = [
+                  g(" Upload a screen file. ")
+                ])),
+                _: 1
+              }),
+              s(h, {
+                "no-gutters": "",
+                align: "center"
+              }, {
+                default: i(() => [
+                  s(c, {
+                    onClick: o.loadFile,
+                    disabled: !l.file,
+                    color: "primary",
+                    class: "mr-3",
+                    "data-test": "edit-screen-load"
+                  }, {
+                    default: i(() => e[11] || (e[11] = [
+                      g(" Load ")
+                    ])),
+                    _: 1
+                  }, 8, ["onClick", "disabled"]),
+                  s(_, {
+                    modelValue: l.file,
+                    "onUpdate:modelValue": e[0] || (e[0] = (C) => l.file = C),
+                    "truncate-length": "15",
+                    accept: ".txt",
+                    label: "Click to select .txt screen file."
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              s(h, { class: "mb-2" }, {
+                default: i(() => e[12] || (e[12] = [
+                  g(" Edit the screen definition. ")
+                ])),
+                _: 1
+              }),
+              s(h, { class: "mb-2" }, {
+                default: i(() => [
+                  u("pre", {
+                    ref: "editor",
+                    class: "editor",
+                    onContextmenu: e[1] || (e[1] = M((...C) => o.showContextMenu && o.showContextMenu(...C), ["prevent"]))
+                  }, null, 544),
+                  s(a, {
+                    modelValue: l.contextMenu,
+                    "onUpdate:modelValue": e[2] || (e[2] = (C) => l.contextMenu = C),
+                    target: [l.menuX, l.menuY]
+                  }, {
+                    default: i(() => [
+                      s(E, null, {
+                        default: i(() => [
+                          s(k, { link: "" }, {
+                            default: i(() => [
+                              s(b, { onClick: o.openDocumentation }, {
+                                default: i(() => [
+                                  g(w(l.docsKeyword) + " documentation ", 1)
+                                ]),
+                                _: 1
+                              }, 8, ["onClick"])
+                            ]),
+                            _: 1
+                          }),
+                          s(S),
+                          s(k, {
+                            title: "Toggle Vim mode",
+                            "prepend-icon": "extras:vim",
+                            onClick: o.toggleVimMode
+                          }, null, 8, ["onClick"])
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "target"])
+                ]),
+                _: 1
+              }),
+              s(h, { style: { "max-height": "120px", "overflow-y": "auto" } }, {
+                default: i(() => [
+                  (m(!0), V(U, null, B(o.editErrors, (C, X) => (m(), V("div", { key: X }, [
+                    u("span", {
+                      class: "text-red",
+                      textContent: w(C)
+                    }, null, 8, le)
+                  ]))), 128))
+                ]),
+                _: 1
+              }),
+              s(h, { class: "mt-5" }, {
+                default: i(() => [
+                  e[15] || (e[15] = u("span", null, "Ctrl-space brings up autocomplete. Right click keywords for documentation.", -1)),
+                  s(f),
+                  s(c, {
+                    onClick: e[3] || (e[3] = (C) => t.$emit("cancel")),
+                    class: "mx-2",
+                    variant: "outlined",
+                    "data-test": "edit-screen-cancel"
+                  }, {
+                    default: i(() => e[13] || (e[13] = [
+                      g(" Cancel ")
+                    ])),
+                    _: 1
+                  }),
+                  s(c, {
+                    onClick: e[4] || (e[4] = (C) => t.$emit("save", t.editor.getValue())),
+                    class: "mx-2",
+                    color: "primary",
+                    "data-test": "edit-screen-save"
+                  }, {
+                    default: i(() => e[14] || (e[14] = [
+                      g(" Save ")
+                    ])),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  }, 8, ["modelValue"]);
+}
+const re = /* @__PURE__ */ N(ne, [["render", oe], ["__scopeId", "data-v-40531a57"]]), ae = {
+  props: {
+    modelValue: Boolean
+  },
+  data() {
+    return {
+      alert: "",
+      alertType: "success",
+      showAlert: !1,
+      search: "",
+      key: "",
+      keyValue: "",
+      environment: [],
+      headers: [
+        {
+          text: "Key",
+          value: "key"
+        },
+        {
+          text: "Value",
+          value: "value"
+        },
+        {
+          text: "Actions",
+          value: "actions",
+          align: "end",
+          sortable: !1
+        }
+      ]
+    };
+  },
+  computed: {
+    show: {
+      get() {
+        return this.modelValue;
+      },
+      set(t) {
+        this.$emit("update:modelValue", t);
+      }
+    }
+  },
+  mounted() {
+    this.update();
+  },
+  methods: {
+    alertHandler: function(t) {
+      this.alert = t.text, this.alertType = t.type, this.showAlert = !0;
+    },
+    update: function() {
+      I.get("/openc3-api/environment").then((t) => {
+        this.environment = t.data;
+      }).catch((t) => {
+      });
+    },
+    addEnvironment: function() {
+      I.post("/openc3-api/environment", {
+        data: {
+          key: this.key.toUpperCase(),
+          value: this.keyValue
+        }
+      }).then((t) => {
+        `${t.data.name}`, this.update();
+      }).catch((t) => {
+        const e = {
+          text: `Failed to add environment variable: ${t}`,
+          type: "error"
+        };
+        this.alertHandler(e);
+      }), this.key = "", this.keyValue = "";
+    },
+    deleteEnvironment: function(t) {
+      this.$dialog.confirm(`Are you sure you want to delete: ${t.key}=${t.value}`, {
+        okText: "Delete",
+        cancelText: "Cancel"
+      }).then((e) => I.delete(`/openc3-api/environment/${t.name}`)).then((e) => {
+        const n = {
+          text: `Removed environment variable: ${t.name}`,
+          type: "success"
+        };
+        this.alertHandler(n), this.update();
+      }).catch((e) => {
+        const n = {
+          text: `Failed to delete environment: ${e}`,
+          type: "error"
+        };
+        this.alertHandler(n);
+      });
+    }
+  }
+}, de = { class: "pa-3" };
+function ue(t, e, n, r, l, o) {
+  const v = d("v-spacer"), y = d("v-toolbar"), f = d("v-text-field"), p = d("v-row"), h = d("v-icon"), c = d("v-btn"), _ = d("v-data-table"), b = d("v-col"), k = d("v-card-text"), S = d("v-card"), E = d("v-dialog");
+  return m(), x(E, {
+    modelValue: o.show,
+    "onUpdate:modelValue": e[4] || (e[4] = (a) => o.show = a),
+    width: "600"
+  }, {
+    default: i(() => [
+      s(S, null, {
+        default: i(() => [
+          u("form", {
+            onSubmit: e[3] || (e[3] = M((...a) => o.addEnvironment && o.addEnvironment(...a), ["prevent"]))
+          }, [
+            s(y, { height: "24" }, {
+              default: i(() => [
+                s(v),
+                e[5] || (e[5] = u("span", null, "Global Environment Variables", -1)),
+                s(v)
+              ]),
+              _: 1
+            }),
+            s(k, null, {
+              default: i(() => [
+                u("div", de, [
+                  s(p, {
+                    dense: "",
+                    class: "mb-2"
+                  }, {
+                    default: i(() => [
+                      s(f, {
+                        modelValue: l.search,
+                        "onUpdate:modelValue": e[0] || (e[0] = (a) => l.search = a),
+                        label: "search",
+                        type: "text",
+                        "data-test": "search",
+                        "prepend-inner-icon": "mdi-magnify",
+                        clearable: "",
+                        variant: "outlined",
+                        density: "compact",
+                        "clear-icon": "mdi-close-circle-outline",
+                        autofocus: "",
+                        "single-line": "",
+                        "hide-details": ""
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  s(_, {
+                    "item-key": "name",
+                    "hide-default-header": "",
+                    "data-test": "env-table",
+                    search: l.search,
+                    headers: l.headers,
+                    items: l.environment,
+                    "items-per-page": 5,
+                    "items-per-page-options": [5]
+                  }, {
+                    "item.actions": i(({ item: a }) => [
+                      s(c, {
+                        onClick: (R) => o.deleteEnvironment(a),
+                        icon: "",
+                        class: "mt-1",
+                        "data-test": "item-delete"
+                      }, {
+                        default: i(() => [
+                          s(h, null, {
+                            default: i(() => e[6] || (e[6] = [
+                              g("mdi-delete")
+                            ])),
+                            _: 1
+                          })
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"])
+                    ]),
+                    _: 1
+                  }, 8, ["search", "headers", "items"]),
+                  s(p, { dense: "" }, {
+                    default: i(() => [
+                      s(b, null, {
+                        default: i(() => [
+                          s(f, {
+                            modelValue: l.key,
+                            "onUpdate:modelValue": e[1] || (e[1] = (a) => l.key = a),
+                            label: "Key",
+                            "data-test": "env-key"
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      }),
+                      s(b, null, {
+                        default: i(() => [
+                          s(f, {
+                            modelValue: l.keyValue,
+                            "onUpdate:modelValue": e[2] || (e[2] = (a) => l.keyValue = a),
+                            label: "Value",
+                            "data-test": "env-value"
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }),
+                  s(p, { dense: "" }, {
+                    default: i(() => [
+                      s(c, {
+                        onClick: M(o.addEnvironment, ["prevent"]),
+                        block: "",
+                        type: "submit",
+                        color: "primary",
+                        "data-test": "add-env",
+                        disabled: !l.key || !l.keyValue
+                      }, {
+                        default: i(() => e[7] || (e[7] = [
+                          g(" Add ")
+                        ])),
+                        _: 1
+                      }, 8, ["onClick", "disabled"])
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            })
+          ], 32)
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  }, 8, ["modelValue"]);
+}
+const Ae = /* @__PURE__ */ N(ae, [["render", ue]]), ce = { class: "tree-node" }, he = { class: "content-wrapper" }, me = ["tabindex"], fe = { key: 1 }, pe = {
+  key: 2,
+  class: "children"
+}, ge = {
+  __name: "TreeNode",
+  props: {
+    node: {
+      type: Object,
+      required: !0
+    },
+    search: {
+      type: String,
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "open"
+    }
+  },
+  emits: ["nodeToggled", "request"],
+  setup(t, { emit: e }) {
+    const n = t, r = $(n.node.isOpen || !1), l = J(() => {
+      const h = (c) => {
+        var _;
+        return !n.search || c.path.toLowerCase().includes(n.search.toLowerCase()) ? !0 : !!((_ = c.children) != null && _.some(h));
+      };
+      return h(n.node);
+    });
+    W(
+      () => n.node.isOpen,
+      (h) => {
+        r.path = h;
+      }
+    ), W(
+      () => n.search,
+      (h) => {
+        h ? n.node.isOpen || y() : n.node.isOpen && y();
+      }
+    );
+    const o = e, v = (h) => {
+      h.children ? (y(), n.type === "save" && o("request", h)) : o("request", h);
+    }, y = () => {
+      n.node.children && (r.path = !r.path, n.node.isOpen = r.path, o("nodeToggled", n.node.id, r.path));
+    }, f = (h, c) => {
+      o("nodeToggled", h, c);
+    }, p = (h) => {
+      o("request", h);
+    };
+    return (h, c) => {
+      const _ = d("v-icon"), b = d("v-btn"), k = d("tree-node", !0);
+      return m(), V("div", ce, [
+        l.value ? (m(), V("div", {
+          key: 0,
+          onClick: c[2] || (c[2] = (S) => v(t.node)),
+          class: "node-content"
+        }, [
+          u("div", he, [
+            t.node.children ? (m(), x(_, {
+              key: 0,
+              class: "toggle-icon",
+              style: { "padding-right": "10px" }
+            }, {
+              default: i(() => [
+                g(w(t.node.isOpen ? "mdi-menu-down" : "mdi-menu-right"), 1)
+              ]),
+              _: 1
+            })) : T("", !0),
+            t.node.children ? (m(), x(_, {
+              key: 1,
+              size: "small",
+              style: { "padding-right": "10px" }
+            }, {
+              default: i(() => c[3] || (c[3] = [
+                g(w("mdi-folder"))
+              ])),
+              _: 1
+            })) : t.node.title.includes(".rb") ? (m(), x(_, {
+              key: 2,
+              size: "small",
+              style: { "padding-right": "10px" }
+            }, {
+              default: i(() => c[4] || (c[4] = [
+                g(w("mdi-language-ruby"))
+              ])),
+              _: 1
+            })) : t.node.title.includes(".py") ? (m(), x(_, {
+              key: 3,
+              size: "small",
+              style: { "padding-right": "10px" }
+            }, {
+              default: i(() => c[5] || (c[5] = [
+                g(w("mdi-language-python"))
+              ])),
+              _: 1
+            })) : (m(), x(_, {
+              key: 4,
+              size: "small",
+              style: { "padding-right": "10px" }
+            }, {
+              default: i(() => c[6] || (c[6] = [
+                g(w("mdi-file-document"))
+              ])),
+              _: 1
+            })),
+            u("span", {
+              class: "title",
+              tabindex: t.node.children ? -1 : 0,
+              onKeyup: c[0] || (c[0] = Z((S) => v(t.node), ["enter"]))
+            }, w(t.node.title), 41, me),
+            t.node.title === "__TEMP__" ? (m(), x(b, {
+              key: 5,
+              icon: "",
+              onClick: c[1] || (c[1] = (S) => o("delete")),
+              style: { "margin-left": "auto" }
+            }, {
+              default: i(() => [
+                s(_, null, {
+                  default: i(() => c[7] || (c[7] = [
+                    g(" mdi-delete ")
+                  ])),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })) : T("", !0)
+          ])
+        ])) : (m(), V("div", fe)),
+        t.node.children && t.node.isOpen ? (m(), V("div", pe, [
+          (m(!0), V(U, null, B(t.node.children, (S) => (m(), x(k, {
+            key: S.id,
+            node: S,
+            search: t.search,
+            type: t.type,
+            onNodeToggled: f,
+            onRequest: p
+          }, null, 8, ["node", "search", "type"]))), 128))
+        ])) : T("", !0)
+      ]);
+    };
+  }
+}, ve = /* @__PURE__ */ N(ge, [["__scopeId", "data-v-20be9af4"]]), ye = {
+  components: {
+    TreeNode: ve
+  },
+  props: {
+    type: {
+      type: String,
+      required: !0,
+      validator: function(t) {
+        return ["open", "save"].indexOf(t) !== -1;
+      }
+    },
+    apiUrl: String,
+    // Base API URL for use with scripts or cmd-tlm
+    requireTargetParentDir: Boolean,
+    // Require that the save filename be nested in a directory with the name of a target
+    inputFilename: String,
+    // passed if this is a 'save' dialog
+    modelValue: Boolean
+  },
+  data() {
+    return {
+      tree: [],
+      items: [],
+      search: null,
+      selectedFile: null,
+      disableButtons: !1,
+      targets: [],
+      targetsRetrieved: [],
+      loading: !0
+    };
+  },
+  computed: {
+    show: {
+      get() {
+        return this.modelValue;
+      },
+      set(t) {
+        this.$emit("update:modelValue", t);
+      }
+    },
+    title: function() {
+      return this.type === "open" ? "File Open" : "File Save As...";
+    },
+    submit: function() {
+      return this.type === "open" ? "OPEN" : "SAVE";
+    },
+    helpText: function() {
+      return this.type === "open" ? "Click on folders to open them and then click a file to select it before clicking Open. Use the search box to filter the results. You can also Tab to the files and Enter to select." : "Click on the folder to save into. Then complete the filename path with the desired name. Use the search box to filter the results.";
+    },
+    error: function() {
+      if (this.selectedFile === "" || this.selectedFile === null)
+        return "No file selected must select a file";
+      if (!this.selectedFile.match(this.validFilenameRegex) || this.selectedFile.match(/\.\.|\/\/|\.\/|\/\./)) {
+        let t = `${this.selectedFile} is not a valid filename. Must `;
+        return this.requireTargetParentDir && (t += "be in a target directory and "), t += `only contain alphanumeric characters (including !-_.*) and a valid extension.
+
+For example: TGT1/procedures/test.py or TGT2/lib/inst.rb`, t;
+      }
+      return this.type === "save" && this.selectedFile.match(/\*$/) ? `${this.selectedFile} is not a valid filename. Must not end in '*'.` : null;
+    },
+    validFilenameRegex: function() {
+      const t = "0-9a-zA-Z";
+      let n = `[${`${t}\\/\\!\\-\\_\\.\\*\\'\\(\\)`}]+\\.[${t}]+`;
+      return this.requireTargetParentDir && (n = `\\/?${`(${this.targets.join("|")})`}\\/${n}`), new RegExp(n);
+    }
+  },
+  created() {
+    I.get("/openc3-api/targets").then((t) => {
+      this.targets = t.data, this.targets.push("__TEMP__"), this.targets.forEach((e) => {
+        this.items.push({
+          id: e,
+          disabled: !0,
+          title: e,
+          children: [],
+          path: e
+        }), this.loadFiles(e);
+      }), this.loading = !1;
+    });
+  },
+  methods: {
+    calcIcon: function(t) {
+      return ee(t);
+    },
+    loadFiles: function(t) {
+      I.get(this.apiUrl, { params: { target: t } }).then((e) => {
+        if (e.data.length === 0) {
+          this.items = this.items.filter((r) => r.id !== t);
+          return;
+        }
+        for (let r of e.data.sort())
+          this.filepath = r, this.insertFile(this.items, 2, r);
+        this.inputFilename && (this.selectedFile = this.inputFilename);
+        const n = this.items.findIndex((r) => r.id === t);
+        n !== -1 && (this.items[n].disabled = !1);
+      }).catch((e) => {
+        this.$emit("error", `Failed to connect to OpenC3. ${e}`);
+      });
+    },
+    clear: function() {
+      this.show = !1, this.overwrite = !1, this.disableButtons = !1;
+    },
+    activeFile: function(t) {
+      t.length === 0 ? this.selectedFile = null : (this.selectedFile = this.findItem(this.items, t.id), setTimeout(() => {
+        this.$refs.submitBtn.$el.focus();
+      }, 100));
+    },
+    findItem: function(t, e) {
+      for (let n of t) {
+        if (n.id === e)
+          return n.path;
+        if (n.children) {
+          const r = this.findItem(n.children, e);
+          if (r)
+            return r;
+        }
+      }
+      return null;
+    },
+    exists: function(t, e) {
+      let n = !1;
+      for (let r of t) {
+        if (r.path === e || r.path.length > 1 && r.path[r.path.length - 1] === "*" && r.path.slice(0, r.path.length - 1) === e)
+          return !0;
+        r.children && (n = n || this.exists(r.children, e));
+      }
+      return n;
+    },
+    success: function() {
+      this.selectedFile !== null && this.error === null && (this.type === "open" ? this.openSuccess() : this.saveSuccess());
+    },
+    deleteTemp: function() {
+      this.$dialog.confirm("Are you sure you want to delete all the temporary files?", {
+        okText: "Delete",
+        cancelText: "Cancel"
+      }).then((t) => I.delete("/script-api/scripts/temp_files")).then((t) => {
+        this.$emit("clear-temp"), this.loadFiles("__TEMP__");
+      }).catch((t) => {
+        this.$notify.serious({
+          title: "Error",
+          body: `Failed to remove script temporary files due to ${t}`
+        });
+      });
+    },
+    openSuccess: function() {
+      this.disableButtons = !0, I.get(`${this.apiUrl}/${this.selectedFile}`).then((t) => {
+        const e = {
+          name: this.selectedFile,
+          contents: t.data.contents
+        };
+        t.data.suites && (e.suites = JSON.parse(t.data.suites)), t.data.error && (e.error = t.data.error), t.data.success && (e.success = t.data.success);
+        const n = t.data.locked, r = t.data.breakpoints;
+        this.$emit("file", { file: e, locked: n, breakpoints: r }), this.clear();
+      }).catch((t) => {
+        this.$emit("error", `Failed to open ${this.selectedFile}. ${t}`), this.clear();
+      });
+    },
+    saveSuccess: function() {
+      this.exists(this.items, this.selectedFile) ? this.$dialog.confirm(`Are you sure you want to overwrite: ${this.selectedFile}`, {
+        okText: "Overwrite",
+        cancelText: "Cancel"
+      }).then((e) => {
+        this.$emit("filename", this.selectedFile), this.clear();
+      }).catch((e) => {
+      }) : (this.$emit("filename", this.selectedFile), this.clear());
+    },
+    insertFile: function(t, e, n) {
+      let r = n.split("/");
+      if (r.length === 1) {
+        t.push({
+          id: this.filepath,
+          title: r[0],
+          file: "ruby",
+          path: this.filepath
+        });
+        return;
+      }
+      const l = t.findIndex((o) => o.title === r[0]);
+      l === -1 ? (t.push({
+        id: this.filepath.split("/").slice(0, e - 1).join("/"),
+        title: r[0],
+        children: [],
+        path: this.filepath.split("/").slice(0, e - 1).join("/")
+      }), this.insertFile(
+        t[t.length - 1].children,
+        // Start from the node we just added
+        e + 1,
+        r.slice(1).join("/")
+        // Strip the first part of the path
+      )) : this.insertFile(
+        t[l].children,
+        e + 1,
+        r.slice(1).join("/")
+      );
+    }
+  }
+}, _e = { class: "pa-3" }, be = { class: "overflow-y-auto tree-container" };
+function xe(t, e, n, r, l, o) {
+  const v = d("v-progress-circular"), y = d("v-overlay"), f = d("v-spacer"), p = d("v-toolbar"), h = d("v-row"), c = d("v-text-field"), _ = d("tree-node"), b = d("v-btn"), k = d("v-card-text"), S = d("v-card"), E = d("v-dialog");
+  return m(), x(E, {
+    modelValue: o.show,
+    "onUpdate:modelValue": e[4] || (e[4] = (a) => o.show = a),
+    width: "600",
+    onKeydown: e[5] || (e[5] = Z((a) => o.success(), ["enter"]))
+  }, {
+    default: i(() => [
+      s(S, null, {
+        default: i(() => [
+          s(y, { "model-value": l.loading }, {
+            default: i(() => [
+              s(v, {
+                indeterminate: "",
+                absolute: "",
+                size: "64"
+              })
+            ]),
+            _: 1
+          }, 8, ["model-value"]),
+          u("form", {
+            onSubmit: e[3] || (e[3] = M((...a) => o.success && o.success(...a), ["prevent"]))
+          }, [
+            s(p, { height: "24" }, {
+              default: i(() => [
+                s(f),
+                u("span", null, w(o.title), 1),
+                s(f)
+              ]),
+              _: 1
+            }),
+            s(k, null, {
+              default: i(() => [
+                u("div", _e, [
+                  s(h, null, {
+                    default: i(() => [
+                      g(w(o.helpText), 1)
+                    ]),
+                    _: 1
+                  }),
+                  s(h, {
+                    dense: "",
+                    class: "mt-5"
+                  }, {
+                    default: i(() => [
+                      s(c, {
+                        modelValue: l.search,
+                        "onUpdate:modelValue": e[0] || (e[0] = (a) => l.search = a),
+                        flat: "",
+                        autofocus: "",
+                        "hide-details": "",
+                        clearable: "",
+                        label: "Search",
+                        "prepend-inner-icon": "mdi-magnify",
+                        density: "compact",
+                        "data-test": "file-open-save-search"
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  u("div", be, [
+                    (m(!0), V(U, null, B(l.items, (a) => (m(), x(_, {
+                      key: `${a.id}`,
+                      node: a,
+                      search: l.search,
+                      type: n.type,
+                      onRequest: o.activeFile,
+                      onDelete: o.deleteTemp
+                    }, null, 8, ["node", "search", "type", "onRequest", "onDelete"]))), 128))
+                  ]),
+                  s(h, { class: "my-2" }, {
+                    default: i(() => [
+                      s(c, {
+                        modelValue: l.selectedFile,
+                        "onUpdate:modelValue": e[1] || (e[1] = (a) => l.selectedFile = a),
+                        "hide-details": "",
+                        label: "Filename",
+                        "data-test": "file-open-save-filename",
+                        disabled: n.type === "open"
+                      }, null, 8, ["modelValue", "disabled"])
+                    ]),
+                    _: 1
+                  }),
+                  s(h, { dense: "" }, {
+                    default: i(() => [
+                      F(u("div", {
+                        class: "my-2 text-red",
+                        style: { "white-space": "pre-line" }
+                      }, w(o.error), 513), [
+                        [O, o.error]
+                      ])
+                    ]),
+                    _: 1
+                  }),
+                  s(h, { class: "mt-2" }, {
+                    default: i(() => [
+                      s(f),
+                      s(b, {
+                        onClick: e[2] || (e[2] = (a) => o.show = !1),
+                        variant: "outlined",
+                        class: "mx-2",
+                        "data-test": "file-open-save-cancel-btn",
+                        disabled: l.disableButtons
+                      }, {
+                        default: i(() => e[6] || (e[6] = [
+                          g(" Cancel ")
+                        ])),
+                        _: 1
+                      }, 8, ["disabled"]),
+                      s(b, {
+                        onClick: M(o.success, ["prevent"]),
+                        ref: "submitBtn",
+                        type: "submit",
+                        color: "primary",
+                        class: "mx-2",
+                        "data-test": "file-open-save-submit-btn",
+                        disabled: l.disableButtons || !!o.error
+                      }, {
+                        default: i(() => [
+                          g(w(o.submit), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["onClick", "disabled"])
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            })
+          ], 32)
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  }, 8, ["modelValue"]);
+}
+const Fe = /* @__PURE__ */ N(ye, [["render", xe]]), z = 20, we = {
+  mixins: [Y],
+  components: {
+    EditScreenDialog: re
+  },
+  props: {
+    target: {
+      type: String,
+      default: ""
+    },
+    screen: {
+      type: String,
+      default: ""
+    },
+    definition: {
+      type: String,
+      default: ""
+    },
+    keywords: {
+      type: Array,
+      default: () => []
+    },
+    initialFloated: {
+      type: Boolean,
+      default: !1
+    },
+    initialTop: {
+      type: Number,
+      default: 0
+    },
+    initialLeft: {
+      type: Number,
+      default: 0
+    },
+    initialZ: {
+      type: Number,
+      default: 0
+    },
+    minZ: {
+      type: Number,
+      default: 0
+    },
+    fixFloated: {
+      type: Boolean,
+      default: !1
+    },
+    count: {
+      type: Number,
+      default: 0
+    },
+    showClose: {
+      type: Boolean,
+      default: !0
+    },
+    timeZone: {
+      type: String,
+      default: "local"
+    },
+    inline: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data() {
+    return {
+      api: null,
+      backup: "",
+      currentDefinition: this.definition,
+      editDialog: !1,
+      expand: !0,
+      configParser: null,
+      configError: !1,
+      currentLayout: null,
+      layoutStack: [],
+      namedWidgets: {},
+      dynamicWidgets: [],
+      width: null,
+      height: null,
+      staleTime: 30,
+      cacheTimeout: 0.1,
+      globalSettings: [],
+      substitute: !1,
+      original_target_name: null,
+      force_substitute: !1,
+      pollingPeriod: 1,
+      errors: [],
+      errorDialog: !1,
+      screenKey: null,
+      dragX: 0,
+      dragY: 0,
+      floated: this.initialFloated,
+      top: this.initialTop,
+      left: this.initialLeft,
+      zIndex: this.initialZ,
+      changeCounter: 0,
+      screenItems: [],
+      screenValues: {},
+      updateCounter: 0,
+      screenId: j.uniqueId("openc3-screen_")
+    };
+  },
+  watch: {
+    count: {
+      handler(t, e) {
+        this.currentDefinition = this.definition, this.rerender();
+      }
+    }
+  },
+  computed: {
+    error: function() {
+      if (this.errorDialog && this.errors.length > 0) {
+        let t = /* @__PURE__ */ new Set(), e = "";
+        for (const n of this.errors) {
+          if (t.has(n.message))
+            continue;
+          let r = `${n.time}: (${n.type}) ${n.message}
+`;
+          e += r, t.add(n.message);
+        }
+        return e;
+      }
+      return null;
+    },
+    computedStyle() {
+      var n;
+      let t = {};
+      const e = this.width || ((n = this.$refs.bar) == null ? void 0 : n.clientWidth);
+      return this.floated && (t.position = "absolute", t.top = this.top + "px", t.left = this.left + "px", t.width = e + "px"), t;
+    }
+  },
+  // Called when an error from any descendent component is captured
+  // We need this because an error can occur from any of the children
+  // in the widget stack and are typically thrown on create()
+  errorCaptured(t, e, n) {
+    return console.log({ err: t, vm: e, info: n }), this.errors.length < z && (console.log({ errors: this.errors }), t.usage ? this.errors.push({
+      type: "usage",
+      message: t.message,
+      usage: t.usage,
+      line: t.line,
+      lineNumber: t.lineNumber,
+      time: (/* @__PURE__ */ new Date()).getTime()
+    }) : this.errors.push({
+      type: "error",
+      message: t,
+      time: (/* @__PURE__ */ new Date()).getTime()
+    }), this.configError = !0), !1;
+  },
+  created() {
+    this.api = new q(), this.configParser = new H(), this.parseDefinition(), this.screenKey = Math.floor(Math.random() * 1e6);
+  },
+  mounted() {
+    this.updateRefreshInterval(), this.floated && (this.$refs.bar.onmousedown = this.dragMouseDown, this.$refs.bar.parentElement.parentElement.style = "z-index: " + this.zIndex);
+  },
+  unmounted() {
+    this.updater != null && (clearInterval(this.updater), this.updater = null);
+  },
+  methods: {
+    // These are API methods that ButtonWidget uses to open and close screens
+    open(t, e) {
+      this.$parent.showScreen(t, e);
+    },
+    close(t, e) {
+      this.$parent.closeScreenByName(t, e);
+    },
+    closeAll() {
+      this.$parent.closeAll();
+    },
+    clearErrors: function() {
+      this.errors = [], this.configError = !1;
+    },
+    updateRefreshInterval: function() {
+      let t = this.pollingPeriod * 1e3;
+      this.updater && clearInterval(this.updater), this.updater = setInterval(() => {
+        this.update();
+      }, t);
+    },
+    parseDefinition: function() {
+      if (this.clearErrors(), this.namedWidgets = {}, this.layoutStack = [], this.dynamicWidgets = [], this.layoutStack.push({
+        type: "VerticalWidget",
+        parameters: [],
+        widgets: []
+      }), this.currentLayout = this.layoutStack[this.layoutStack.length - 1], this.configParser.parse_string(
+        this.currentDefinition,
+        "",
+        !1,
+        !0,
+        (t, e, n, r) => {
+          if (t)
+            switch (t) {
+              case "SCREEN":
+                this.configParser.verify_num_parameters(
+                  3,
+                  4,
+                  `${t} <Width or AUTO> <Height or AUTO> <Polling Period>`
+                ), this.width = parseInt(e[0]), this.height = parseInt(e[1]), this.pollingPeriod = parseFloat(e[2]);
+                break;
+              case "END":
+                this.configParser.verify_num_parameters(0, 0, `${t}`), this.layoutStack.pop(), this.currentLayout = this.layoutStack[this.layoutStack.length - 1];
+                break;
+              case "STALE_TIME":
+                this.configParser.verify_num_parameters(
+                  1,
+                  1,
+                  `${t} <Time (s)>`
+                ), this.staleTime = parseInt(e[0]);
+                break;
+              case "SETTING":
+              case "SUBSETTING":
+                (this.currentLayout.widgets[this.currentLayout.widgets.length - 1] ?? this.currentLayout).settings.push(e);
+                break;
+              case "GLOBAL_SETTING":
+              case "GLOBAL_SUBSETTING":
+                this.globalSettings.push(e);
+                break;
+              default:
+                this.processWidget(t, e, n, r);
+                break;
+            }
+        }
+      ), typeof this.layoutStack[0] > "u") {
+        let t = [], e = [];
+        for (const n of this.dynamicWidgets)
+          t.push(n.name), e.push(n.lineNumber);
+        this.errors.length < z && (this.errors.push({
+          type: "usage",
+          message: `Unknown widget! Are these widgets: ${t.join(",")}?`,
+          lineNumber: e.join(","),
+          time: (/* @__PURE__ */ new Date()).getTime()
+        }), this.configError = !0), this.layoutStack[0] = {
+          type: "VerticalWidget",
+          parameters: [],
+          widgets: []
+        };
+      } else
+        this.applyGlobalSettings(this.layoutStack[0].widgets);
+    },
+    openEdit: function() {
+      this.backup = this.currentDefinition.repeat(1), this.editDialog = !0;
+    },
+    upScreen: function() {
+      this.zIndex += 1, this.$refs.bar.parentElement.parentElement.style = "z-index: " + this.zIndex, this.$emit("drag-screen", [
+        this.floated,
+        this.top,
+        this.left,
+        this.zIndex
+      ]);
+    },
+    downScreen: function() {
+      this.zIndex > this.minZ && (this.zIndex -= 1, this.$refs.bar.parentElement.parentElement.style = "z-index: " + this.zIndex, this.$emit("drag-screen", [
+        this.floated,
+        this.top,
+        this.left,
+        this.zIndex
+      ]));
+    },
+    floatScreen: function() {
+      if (this.floated)
+        this.$refs.bar.onmousedown = null, this.$refs.bar.parentElement.parentElement.style = "z-index: 0", this.floated = !1, this.$emit("unfloat-screen", [
+          this.floated,
+          this.top,
+          this.left,
+          this.zIndex
+        ]);
+      else {
+        let t = this.$refs.bar.parentElement.parentElement.parentElement.getBoundingClientRect(), e = this.$refs.bar.getBoundingClientRect();
+        this.top = e.top - t.top - 5, this.left = e.left - t.left - 5, this.$refs.bar.onmousedown = this.dragMouseDown, this.$refs.bar.parentElement.parentElement.style = "z-index: " + this.zIndex, this.floated = !0, this.$emit("float-screen", [
+          this.floated,
+          this.top,
+          this.left,
+          this.zIndex
+        ]);
+      }
+    },
+    dragMouseDown: function(t) {
+      t = t || window.event, t.preventDefault(), this.dragX = t.clientX, this.dragY = t.clientY, document.onmouseup = this.closeDragElement, document.onmousemove = this.elementDrag;
+    },
+    elementDrag: function(t) {
+      t = t || window.event, t.preventDefault();
+      let e = this.dragX - t.clientX, n = this.dragY - t.clientY;
+      this.dragX = t.clientX, this.dragY = t.clientY, this.top = this.$refs.bar.offsetTop - n, this.left = this.$refs.bar.offsetLeft - e, this.$emit("drag-screen", [
+        this.floated,
+        this.top,
+        this.left,
+        this.zIndex
+      ]);
+    },
+    closeDragElement: function() {
+      document.onmouseup = null, document.onmousemove = null;
+    },
+    rerender: function() {
+      this.parseDefinition(), this.updateRefreshInterval(), this.screenKey = Math.floor(Math.random() * 1e6), this.$nextTick(function() {
+        this.clearErrors(), this.$emit("edit-screen");
+      });
+    },
+    cancelEdit: function() {
+      this.file = null, this.editDialog = !1, this.currentDefinition = this.backup, this.rerender();
+    },
+    saveEdit: function(t) {
+      this.editDialog = !1, this.currentDefinition = t, this.rerender(), this.$nextTick(function() {
+        I.post(
+          "/openc3-api/screen/",
+          {
+            data: {
+              scope: window.openc3Scope,
+              target: this.target,
+              screen: this.screen,
+              text: this.currentDefinition
+            }
+          },
+          0
+        );
+      });
+    },
+    deleteScreen: function() {
+      this.editDialog = !1, I.delete(`/openc3-api/screen/${this.target}/${this.screen}`).then(
+        (t) => {
+          this.$emit("delete-screen");
+        }
+      );
+    },
+    minMaxTransition: function() {
+      this.expand = !this.expand, this.$emit("min-max-screen");
+    },
+    processWidget: function(t, e, n, r) {
+      let l = null;
+      t === "NAMED_WIDGET" && (this.configParser.verify_num_parameters(
+        2,
+        null,
+        `${t} <Widget Name> <Widget Type> <Widget Settings... (optional)>`
+      ), l = e[0].toUpperCase(), t = e[1].toUpperCase(), e = e.slice(2, e.length));
+      const o = t.charAt(0).toUpperCase() + t.slice(1).toLowerCase() + "Widget";
+      let v = [];
+      if (v.push(["__SCREEN_ID__", this.screenId]), l !== null && v.push(["NAMED_WIDGET", l]), t === "VERTICAL" || t === "VERTICALBOX" || t === "HORIZONTAL" || t === "HORIZONTALBOX" || t === "MATRIXBYCOLUMNS" || t === "TABBOOK" || t === "TABITEM" || t === "CANVAS" || t === "RADIOGROUP" || t === "SCROLLWINDOW") {
+        const y = {
+          type: o,
+          parameters: e,
+          settings: v,
+          screenValues: this.screenValues,
+          screenTimeZone: this.timeZone,
+          widgets: []
+        };
+        this.layoutStack.push(y), this.currentLayout.widgets.push(y), this.currentLayout = y;
+      } else if (this.$options.components[o])
+        this.currentLayout.widgets.push({
+          type: o,
+          target: this.target,
+          parameters: e,
+          settings: v,
+          screenValues: this.screenValues,
+          screenTimeZone: this.timeZone,
+          line: n,
+          lineNumber: r
+        });
+      else {
+        let y = {
+          type: "DynamicWidget",
+          target: this.target,
+          parameters: e,
+          settings: v,
+          screenValues: this.screenValues,
+          screenTimeZone: this.timeZone,
+          name: o,
+          line: n,
+          lineNumber: r
+        };
+        this.currentLayout.widgets.push(y), this.dynamicWidgets.push(y);
+      }
+    },
+    applyGlobalSettings: function(t) {
+      t.forEach((e) => {
+        this.globalSettings.forEach((n) => {
+          e.type.toLowerCase() === n[0].toLowerCase() + "widget" && e.settings.push(n.slice(1));
+        }), e.widgets && this.applyGlobalSettings(e.widgets);
+      });
+    },
+    update: function() {
+      this.screenItems.length !== 0 && this.configError === !1 && this.api.get_tlm_values(this.screenItems, this.staleTime, this.cacheTimeout).then((t) => {
+        this.clearErrors(), this.updateValues(t);
+      }).catch((t) => {
+        let e = JSON.stringify(t, null, 2);
+        e.includes("no response received") || (this.configError = !0), this.errors.find((n) => n.message === e) || this.errors.length < z && this.errors.push({
+          type: "error",
+          message: e,
+          time: (/* @__PURE__ */ new Date()).getTime()
+        });
+      });
+    },
+    updateValues: function(t) {
+      this.updateCounter += 1;
+      for (let e = 0; e < t.length; e++)
+        t[e].push(this.updateCounter), this.screenValues[this.screenItems[e]] = t[e];
+    },
+    addItem: function(t) {
+      this.screenItems.push(t), this.screenValues[t] = [null, null, 0];
+    },
+    deleteItem: function(t) {
+      let e = this.screenItems.indexOf(t);
+      this.screenItems.splice(e, 1);
+    }
+  }
+}, ke = {
+  class: "pa-1",
+  style: { position: "relative" },
+  ref: "screen"
+}, Se = {
+  key: 1,
+  class: "pa-1",
+  style: { position: "relative" }
+};
+function Ce(t, e, n, r, l, o) {
+  const v = d("v-icon"), y = d("v-tooltip"), f = d("v-spacer"), p = d("v-toolbar"), h = d("v-overlay"), c = d("vertical-widget"), _ = d("v-expand-transition"), b = d("v-card"), k = d("edit-screen-dialog"), S = d("v-textarea"), E = d("v-dialog");
+  return m(), V("div", {
+    style: Q(o.computedStyle),
+    ref: "bar"
+  }, [
+    n.inline ? T("", !0) : (m(), x(b, {
+      key: 0,
+      "min-height": l.height,
+      "min-width": l.width,
+      style: { cursor: "default" }
+    }, {
+      default: i(() => [
+        s(p, { height: "24" }, {
+          default: i(() => [
+            F(u("div", null, [
+              s(y, { location: "top" }, {
+                activator: i(({ props: a }) => [
+                  u("div", D(A(a)), [
+                    s(v, {
+                      "data-test": "error-graph-icon",
+                      onClick: e[0] || (e[0] = (R) => l.errorDialog = !0)
+                    }, {
+                      default: i(() => e[7] || (e[7] = [
+                        g(" mdi-alert ")
+                      ])),
+                      _: 1
+                    })
+                  ], 16)
+                ]),
+                default: i(() => [
+                  e[8] || (e[8] = u("span", null, " Errors ", -1))
+                ]),
+                _: 1
+              })
+            ], 512), [
+              [O, l.errors.length !== 0]
+            ]),
+            s(y, { location: "top" }, {
+              activator: i(({ props: a }) => [
+                u("div", D(A(a)), [
+                  s(v, {
+                    "data-test": "edit-screen-icon",
+                    onClick: o.openEdit
+                  }, {
+                    default: i(() => e[9] || (e[9] = [
+                      g(" mdi-pencil ")
+                    ])),
+                    _: 1
+                  }, 8, ["onClick"])
+                ], 16)
+              ]),
+              default: i(() => [
+                e[10] || (e[10] = u("span", null, " Edit Screen ", -1))
+              ]),
+              _: 1
+            }),
+            n.fixFloated ? T("", !0) : (m(), x(y, {
+              key: 0,
+              location: "top"
+            }, {
+              activator: i(({ props: a }) => [
+                u("div", D(A(a)), [
+                  s(v, {
+                    "data-test": "float-screen-icon",
+                    onClick: o.floatScreen
+                  }, {
+                    default: i(() => [
+                      g(w(l.floated ? "mdi-balloon" : "mdi-view-grid-outline"), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ], 16)
+              ]),
+              default: i(() => [
+                u("span", null, w(l.floated ? "Unfloat Screen" : "Float Screen"), 1)
+              ]),
+              _: 1
+            })),
+            l.floated ? (m(), x(y, {
+              key: 1,
+              location: "top"
+            }, {
+              activator: i(({ props: a }) => [
+                u("div", D(A(a)), [
+                  s(v, {
+                    "data-test": "up-screen-icon",
+                    onClick: o.upScreen
+                  }, {
+                    default: i(() => e[11] || (e[11] = [
+                      g(" mdi-arrow-up ")
+                    ])),
+                    _: 1
+                  }, 8, ["onClick"])
+                ], 16)
+              ]),
+              default: i(() => [
+                e[12] || (e[12] = u("span", null, " Move Screen Up ", -1))
+              ]),
+              _: 1
+            })) : T("", !0),
+            l.floated && l.zIndex > n.minZ ? (m(), x(y, {
+              key: 2,
+              location: "top"
+            }, {
+              activator: i(({ props: a }) => [
+                u("div", D(A(a)), [
+                  s(v, {
+                    "data-test": "down-screen-icon",
+                    onClick: o.downScreen
+                  }, {
+                    default: i(() => e[13] || (e[13] = [
+                      g(" mdi-arrow-down ")
+                    ])),
+                    _: 1
+                  }, 8, ["onClick"])
+                ], 16)
+              ]),
+              default: i(() => [
+                e[14] || (e[14] = u("span", null, " Move Screen Down ", -1))
+              ]),
+              _: 1
+            })) : T("", !0),
+            s(f),
+            u("span", null, w(n.target) + " " + w(n.screen), 1),
+            s(f),
+            s(y, { location: "top" }, {
+              activator: i(({ props: a }) => [
+                u("div", D(A(a)), [
+                  F(s(v, {
+                    "data-test": "minimize-screen-icon",
+                    onClick: o.minMaxTransition
+                  }, {
+                    default: i(() => e[15] || (e[15] = [
+                      g(" mdi-window-minimize ")
+                    ])),
+                    _: 1
+                  }, 8, ["onClick"]), [
+                    [O, l.expand]
+                  ]),
+                  F(s(v, {
+                    "data-test": "maximize-screen-icon",
+                    onClick: o.minMaxTransition
+                  }, {
+                    default: i(() => e[16] || (e[16] = [
+                      g(" mdi-window-maximize ")
+                    ])),
+                    _: 1
+                  }, 8, ["onClick"]), [
+                    [O, !l.expand]
+                  ])
+                ], 16)
+              ]),
+              default: i(() => [
+                F(u("span", null, " Minimize Screen ", 512), [
+                  [O, l.expand]
+                ]),
+                F(u("span", null, " Maximize Screen ", 512), [
+                  [O, !l.expand]
+                ])
+              ]),
+              _: 1
+            }),
+            n.showClose ? (m(), x(y, {
+              key: 3,
+              location: "top"
+            }, {
+              activator: i(({ props: a }) => [
+                u("div", D(A(a)), [
+                  s(v, {
+                    "data-test": "close-screen-icon",
+                    onClick: e[1] || (e[1] = (R) => t.$emit("close-screen"))
+                  }, {
+                    default: i(() => e[17] || (e[17] = [
+                      g(" mdi-close-box ")
+                    ])),
+                    _: 1
+                  })
+                ], 16)
+              ]),
+              default: i(() => [
+                e[18] || (e[18] = u("span", null, " Close Screen ", -1))
+              ]),
+              _: 1
+            })) : T("", !0)
+          ]),
+          _: 1
+        }),
+        l.editDialog ? T("", !0) : (m(), x(_, { key: 0 }, {
+          default: i(() => [
+            F(u("div", ke, [
+              s(h, {
+                style: { "pointer-events": "none" },
+                "model-value": l.errors.length !== 0,
+                opacity: "0.8",
+                absolute: "",
+                attach: ""
+              }, null, 8, ["model-value"]),
+              (m(), x(c, {
+                key: l.screenKey,
+                widgets: l.layoutStack[0].widgets,
+                "screen-values": l.screenValues,
+                "screen-time-zone": n.timeZone,
+                onAddItem: o.addItem,
+                onDeleteItem: o.deleteItem,
+                onOpen: o.open,
+                onClose: o.close,
+                onCloseAll: o.closeAll
+              }, null, 8, ["widgets", "screen-values", "screen-time-zone", "onAddItem", "onDeleteItem", "onOpen", "onClose", "onCloseAll"]))
+            ], 512), [
+              [O, l.expand]
+            ])
+          ]),
+          _: 1
+        }))
+      ]),
+      _: 1
+    }, 8, ["min-height", "min-width"])),
+    n.inline ? (m(), V("div", Se, [
+      s(h, {
+        style: { "pointer-events": "none" },
+        "model-value": l.errors.length !== 0,
+        opacity: "0.8",
+        absolute: "",
+        attach: ""
+      }, null, 8, ["model-value"]),
+      (m(), x(c, {
+        key: l.screenKey,
+        widgets: l.layoutStack[0].widgets,
+        "screen-values": l.screenValues,
+        "screen-time-zone": n.timeZone,
+        onAddItem: o.addItem,
+        onDeleteItem: o.deleteItem,
+        onOpen: o.open,
+        onClose: o.close,
+        onCloseAll: o.closeAll
+      }, null, 8, ["widgets", "screen-values", "screen-time-zone", "onAddItem", "onDeleteItem", "onOpen", "onClose", "onCloseAll"]))
+    ])) : T("", !0),
+    l.editDialog ? (m(), x(k, {
+      key: 2,
+      modelValue: l.editDialog,
+      "onUpdate:modelValue": e[2] || (e[2] = (a) => l.editDialog = a),
+      target: n.target,
+      screen: n.screen,
+      definition: l.currentDefinition,
+      keywords: n.keywords,
+      errors: l.errors,
+      onSave: e[3] || (e[3] = (a) => o.saveEdit(a)),
+      onCancel: e[4] || (e[4] = (a) => o.cancelEdit()),
+      onDelete: e[5] || (e[5] = (a) => o.deleteScreen())
+    }, null, 8, ["modelValue", "target", "screen", "definition", "keywords", "errors"])) : T("", !0),
+    s(E, {
+      modelValue: l.errorDialog,
+      "onUpdate:modelValue": e[6] || (e[6] = (a) => l.errorDialog = a),
+      width: "60vw"
+    }, {
+      default: i(() => [
+        s(p, { height: "24" }, {
+          default: i(() => [
+            s(f),
+            u("span", null, " Screen: " + w(n.target) + " " + w(n.screen) + " Errors ", 1),
+            s(f)
+          ]),
+          _: 1
+        }),
+        s(b, null, {
+          default: i(() => [
+            s(S, {
+              class: "errors",
+              readonly: "",
+              rows: "13",
+              "model-value": o.error
+            }, null, 8, ["model-value"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"])
+  ], 4);
+}
+const Oe = /* @__PURE__ */ N(we, [["render", Ce], ["__scopeId", "data-v-2bc7c71d"]]);
+export {
+  re as E,
+  Fe as F,
+  Oe as O,
+  te as S,
+  Ae as a
+};
+//# sourceMappingURL=Openc3Screen-Cud0OCFu.js.map