@openc3/vue-common 6.3.0 → 6.4.1

package/dist/Openc3Screen-Cud0OCFu.js

@@ -1,1789 +0,0 @@
-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