@openc3/vue-common 5.21.0-beta0 → 6.0.0

package/dist/components.js

@@ -1,2936 +0,0 @@
-import { A as it, O as st } from "./OutputDialog-CjFsDUYh.js";
-import { n as E, i as U, a as F, r as H, W as X, l as Y, s as j } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_6fa47877_lang-BrapmXxi.js";
-import { D as nt, b as at } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_6fa47877_lang-BrapmXxi.js";
-import { resolveComponent as o, openBlock as w, createBlock as x, withKeys as z, withCtx as n, createVNode as i, createElementVNode as d, withModifiers as O, withDirectives as R, toDisplayString as N, vShow as L, createTextVNode as _, normalizeProps as V, guardReactiveProps as D, createElementBlock as M, Fragment as q, renderList as J, createCommentVNode as S, normalizeStyle as G } from "vue";
-import { _ as A } from "./CosmosRuxIcon.vue_vue_type_style_index_0_scoped_9af48e85_lang-CHgC5LLL.js";
-import { C as rt } from "./CriticalCmdDialog-ChYR9_7n.js";
-import { D as ct } from "./DetailsDialog-ScKx0N2e.js";
-import { E as mt, S as ht } from "./ScriptChooser-Cx985GFr.js";
-import { f as Q } from "./fileIcon-DqRHb1_Z.js";
-import { G as pt, a as gt, b as vt } from "./Graph-D2frd7mZ.js";
-import { AstroStatusColors as W, UnknownToAstroStatus as K } from "./icons.js";
-import { T as $ } from "./timeFilters-CN3Tdo2Z.js";
-import { f as ee } from "./format-Da42caYw.js";
-import { S as yt } from "./SimpleTextDialog-BLlux8b4.js";
-import { T as wt } from "./TextBoxDialog-CZ3h4LP-.js";
-import { T as xt } from "./TopBar-B1dOQ1W9.js";
-import { U as Ct } from "./UpgradeToEnterpriseDialog-CY9g4hzD.js";
-class te {
-  constructor() {
-    E.get("/openc3-api/autocomplete/data/screen").then((e) => {
-      this.autocompleteData = e.data;
-    }), this.api = new U();
-  }
-  async getCompletions(e, s, r, l, a) {
-    var u = s.getLine(r.row), m = u.slice(0, r.column), f = m.trimStart().split(/ (?![^<]*>)/), p = this.autocompleteData;
-    f.length > 1 && (p = p.find((c) => c.caption === f[0]));
-    var g = {}, h = !0;
-    if (p && p.params) {
-      p.params.length == f.length - 1 && (h = !1);
-      var k = p.params[f.length - 2];
-      if (k["Target name"]) {
-        var C = await this.api.get_target_names();
-        p = C.reduce((c, b) => (c[b] = 1, c), {});
-      } else if (k["Packet name"]) {
-        var T = f[f.length - 2], y = await this.api.get_all_tlm(T);
-        p = y.reduce(
-          (c, b) => (c[b.packet_name] = b.description, c),
-          {}
-        );
-      } else if (k["Item name"]) {
-        var T = f[f.length - 3], v = f[f.length - 2], v = await this.api.get_tlm(T, v);
-        p = v.items.reduce(
-          (b, P) => (b[P.name] = P.description, b),
-          {}
-        );
-      } else
-        p = k;
-      g = Object.keys(p || {}).map((c) => {
-        var b = {
-          value: c + (h ? " " : ""),
-          // We want the autoComplete to continue right up
-          // to the last parameter
-          command: h && "startAutocomplete"
-        };
-        return typeof p[c] == "string" && (b.meta = p[c]), b;
-      });
-    } else
-      g = p;
-    a(null, g);
-  }
-}
-const Ge = {
-  data: {
-    configKey: "",
-    // Applications can set to avoid persisting default config
-    // Useful when loading and setting existing config
-    dontSaveDefaultConfig: !1
-  },
-  methods: {
-    loadDefaultConfig: function() {
-      return localStorage[`${this.configKey}__default`] ? JSON.parse(localStorage[`${this.configKey}__default`]) : {};
-    },
-    saveDefaultConfig: function(t) {
-      this.dontSaveDefaultConfig !== !0 && (localStorage[`${this.configKey}__default`] = JSON.stringify(t));
-    },
-    openConfigBase: function(t, e = !1, s = null) {
-      new U().load_config(this.configKey, t).then((r) => {
-        r ? (this.$notify.normal({
-          title: "Loading configuration",
-          body: t
-        }), s && s(JSON.parse(r)), e || this.$route.fullPath.includes(t) || this.$router.push({
-          query: {
-            config: t
-          }
-        })) : this.$notify.caution({
-          title: "Unknown configuration",
-          body: t
-        });
-      }).catch((r) => {
-        r && this.$notify.serious({
-          title: `Error opening configuration: ${t}`,
-          body: r
-        });
-      });
-    },
-    saveConfigBase: function(t, e) {
-      new U().save_config(this.configKey, t, JSON.stringify(e)).then(() => {
-        this.$notify.normal({
-          title: "Saved configuration",
-          body: t
-        });
-      }).catch((s) => {
-        s && this.$notify.serious({
-          title: `Error saving configuration: ${t}`,
-          body: s
-        });
-      });
-    },
-    resetConfigBase: function() {
-      localStorage.removeItem(`${this.configKey}__default`);
-      const t = { ...this.$route.query };
-      delete t.config, this.$router.replace({ query: t });
-    }
-  }
-}, ie = {
-  props: {
-    configKey: String,
-    modelValue: Boolean
-    // modelValue is the default prop when using v-model
-  },
-  data() {
-    return {
-      configs: [],
-      headers: [
-        {
-          title: "Configuration",
-          value: "config"
-        },
-        {
-          title: "Actions",
-          value: "actions",
-          align: "end",
-          sortable: !1
-        }
-      ],
-      search: null,
-      selectedRows: []
-    };
-  },
-  computed: {
-    selectedItem: function() {
-      return this.selectedRows.length ? this.configs.find(
-        (t) => t.configId === this.selectedRows[0]
-      ) : null;
-    },
-    error: function() {
-      return this.selectedItem === "" || this.selectedItem === null ? "Must select a config" : null;
-    },
-    show: {
-      get() {
-        return this.modelValue;
-      },
-      set(t) {
-        this.$emit("update:modelValue", t);
-      }
-    }
-  },
-  mounted() {
-    let t = -1;
-    new U().list_configs(this.configKey).then((e) => {
-      this.configs = e.map((s) => (t += 1, { configId: t, config: s }));
-    }).catch((e) => {
-      this.$emit("warning", `Failed to connect to OpenC3. ${e}`);
-    });
-  },
-  methods: {
-    selectRow: function(t) {
-      this.selectedRows = [t.item.configId];
-    },
-    success: function() {
-      this.selectedItem && (this.$emit("success", this.selectedItem.config), this.show = !1, this.search = null, this.selectedRows = []);
-    },
-    cancel: function() {
-      this.show = !1, this.search = null, this.selectedRows = [];
-    },
-    deleteConfig: function(t) {
-      this.$dialog.confirm(`Are you sure you want to delete: ${t.config}`, {
-        okText: "Delete",
-        cancelText: "Cancel"
-      }).then((e) => {
-        var s;
-        ((s = this.selectedItem) == null ? void 0 : s.config) === t.config && (this.selectedRows = []), this.configs.splice(this.configs.indexOf(t), 1), new U().delete_config(this.configKey, t.config);
-      }).catch((e) => {
-        e !== !0 && this.$emit(
-          "warning",
-          `Failed to delete config ${t.config} Error: ${e}`
-        );
-      });
-    }
-  }
-}, se = { class: "mt-4 pa-3" }, le = ["textContent"];
-function ne(t, e, s, r, l, a) {
-  const u = o("v-spacer"), m = o("v-toolbar"), f = o("v-text-field"), p = o("v-row"), g = o("v-btn"), h = o("v-data-table"), k = o("v-card-text"), C = o("v-card-actions"), T = o("v-card"), y = o("v-dialog");
-  return w(), x(y, {
-    modelValue: a.show,
-    "onUpdate:modelValue": e[4] || (e[4] = (v) => a.show = v),
-    onKeydown: z(a.cancel, ["esc"]),
-    width: "600"
-  }, {
-    default: n(() => [
-      i(T, null, {
-        default: n(() => [
-          d("form", {
-            onSubmit: e[3] || (e[3] = O((...v) => a.success && a.success(...v), ["prevent"]))
-          }, [
-            i(m, { height: "24" }, {
-              default: n(() => [
-                i(u),
-                e[5] || (e[5] = d("span", null, "Open Configuration", -1)),
-                i(u)
-              ]),
-              _: 1
-            }),
-            i(k, null, {
-              default: n(() => [
-                d("div", se, [
-                  i(p, { dense: "" }, {
-                    default: n(() => [
-                      i(f, {
-                        label: "search",
-                        modelValue: l.search,
-                        "onUpdate:modelValue": e[0] || (e[0] = (v) => l.search = v),
-                        type: "text",
-                        "prepend-inner-icon": "mdi-magnify",
-                        clearable: "",
-                        variant: "outlined",
-                        density: "compact",
-                        "clear-icon": "mdi-close-circle-outline",
-                        autofocus: "",
-                        "single-line": "",
-                        "hide-details": "",
-                        "data-test": "search"
-                      }, null, 8, ["modelValue"])
-                    ]),
-                    _: 1
-                  }),
-                  i(h, {
-                    modelValue: l.selectedRows,
-                    "onUpdate:modelValue": e[1] || (e[1] = (v) => l.selectedRows = v),
-                    "show-select": "",
-                    "select-strategy": "single",
-                    "item-value": "configId",
-                    search: l.search,
-                    headers: l.headers,
-                    items: l.configs,
-                    "items-per-page": 5,
-                    "items-per-page-options": [5],
-                    "onClick:row": e[2] || (e[2] = (v, c) => a.selectRow(c))
-                  }, {
-                    "item.actions": n(({ item: v }) => [
-                      i(g, {
-                        class: "mt-1",
-                        icon: "mdi-delete",
-                        variant: "text",
-                        "data-test": "item-delete",
-                        onClick: (c) => a.deleteConfig(v)
-                      }, null, 8, ["onClick"])
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue", "search", "headers", "items"]),
-                  i(p, { dense: "" }, {
-                    default: n(() => [
-                      R(d("span", {
-                        class: "ma-2 text-red",
-                        textContent: N(a.error)
-                      }, null, 8, le), [
-                        [L, a.error]
-                      ])
-                    ]),
-                    _: 1
-                  })
-                ])
-              ]),
-              _: 1
-            }),
-            i(C, { class: "px-2" }, {
-              default: n(() => [
-                i(u),
-                i(g, {
-                  variant: "outlined",
-                  onClick: a.cancel,
-                  "data-test": "open-config-cancel-btn"
-                }, {
-                  default: n(() => e[6] || (e[6] = [
-                    _(" Cancel ")
-                  ])),
-                  _: 1
-                }, 8, ["onClick"]),
-                i(g, {
-                  variant: "flat",
-                  onClick: O(a.success, ["prevent"]),
-                  type: "submit",
-                  "data-test": "open-config-submit-btn",
-                  disabled: !!a.error
-                }, {
-                  default: n(() => e[7] || (e[7] = [
-                    _(" Ok ")
-                  ])),
-                  _: 1
-                }, 8, ["onClick", "disabled"])
-              ]),
-              _: 1
-            })
-          ], 32)
-        ]),
-        _: 1
-      })
-    ]),
-    _: 1
-  }, 8, ["modelValue", "onKeydown"]);
-}
-const Ze = /* @__PURE__ */ A(ie, [["render", ne]]), ae = {
-  props: {
-    configKey: String,
-    modelValue: Boolean
-    // modelValue is the default prop when using v-model
-  },
-  data() {
-    return {
-      configName: "",
-      configs: [],
-      headers: [
-        {
-          title: "Configuration",
-          value: "config"
-        },
-        {
-          title: "Actions",
-          value: "actions",
-          align: "end",
-          sortable: !1
-        }
-      ],
-      search: null,
-      selectedRows: []
-    };
-  },
-  computed: {
-    selectedItem: function() {
-      return this.selectedRows.length ? this.configs.find(
-        (t) => t.configId === this.selectedRows[0]
-      ) : null;
-    },
-    error: function() {
-      return this.configName ? null : "Config must have a name";
-    },
-    show: {
-      get() {
-        return this.modelValue;
-      },
-      set(t) {
-        this.$emit("update:modelValue", t);
-      }
-    }
-  },
-  mounted() {
-    let t = -1;
-    new U().list_configs(this.configKey).then((e) => {
-      this.configs = e.map((s) => (t += 1, { configId: t, config: s }));
-    }).catch((e) => {
-      this.$emit("warning", `Failed to connect to OpenC3. ${e}`);
-    });
-  },
-  methods: {
-    selectRow: function(t) {
-      this.selectedRows = [t.item.configId];
-    },
-    success: function() {
-      this.$emit("success", this.configName), this.show = !1, this.search = null, this.selectedRows = [], this.configName = "";
-    },
-    cancel: function() {
-      this.show = !1, this.search = null, this.selectedRows = [], this.configName = "";
-    },
-    deleteConfig: function(t) {
-      this.$dialog.confirm(`Are you sure you want to delete: ${t.config}`, {
-        okText: "Delete",
-        cancelText: "Cancel"
-      }).then((e) => {
-        var s;
-        ((s = this.selectedItem) == null ? void 0 : s.config) === t.config && (this.selectedRows = [], this.configName = ""), this.configs.splice(this.configs.indexOf(t), 1), new U().delete_config(this.configKey, t.config);
-      }).catch((e) => {
-        e !== !0 && this.$emit(
-          "warning",
-          `Failed to delete config ${t.config} Error: ${e}`
-        );
-      });
-    }
-  },
-  watch: {
-    selectedItem: function(t) {
-      t && (this.configName = t.config);
-    }
-  }
-}, oe = { class: "mt-4 pa-3" }, re = ["textContent"];
-function de(t, e, s, r, l, a) {
-  const u = o("v-spacer"), m = o("v-toolbar"), f = o("v-text-field"), p = o("v-row"), g = o("v-btn"), h = o("v-data-table"), k = o("v-card-text"), C = o("v-card-actions"), T = o("v-card"), y = o("v-dialog");
-  return w(), x(y, {
-    modelValue: a.show,
-    "onUpdate:modelValue": e[5] || (e[5] = (v) => a.show = v),
-    onKeydown: z(a.cancel, ["esc"]),
-    width: "600"
-  }, {
-    default: n(() => [
-      i(T, null, {
-        default: n(() => [
-          d("form", {
-            onSubmit: e[4] || (e[4] = O((...v) => a.success && a.success(...v), ["prevent"]))
-          }, [
-            i(m, { height: "24" }, {
-              default: n(() => [
-                i(u),
-                e[6] || (e[6] = d("span", null, "Save Configuration", -1)),
-                i(u)
-              ]),
-              _: 1
-            }),
-            i(k, null, {
-              default: n(() => [
-                d("div", oe, [
-                  i(p, { dense: "" }, {
-                    default: n(() => [
-                      i(f, {
-                        label: "search",
-                        modelValue: l.search,
-                        "onUpdate:modelValue": e[0] || (e[0] = (v) => l.search = v),
-                        type: "text",
-                        "prepend-inner-icon": "mdi-magnify",
-                        clearable: "",
-                        variant: "outlined",
-                        density: "compact",
-                        "clear-icon": "mdi-close-circle-outline",
-                        "single-line": "",
-                        "hide-details": "",
-                        "data-test": "search"
-                      }, null, 8, ["modelValue"])
-                    ]),
-                    _: 1
-                  }),
-                  i(h, {
-                    modelValue: l.selectedRows,
-                    "onUpdate:modelValue": e[1] || (e[1] = (v) => l.selectedRows = v),
-                    "show-select": "",
-                    "select-strategy": "single",
-                    "item-value": "configId",
-                    search: l.search,
-                    headers: l.headers,
-                    items: l.configs,
-                    "items-per-page": 5,
-                    "items-per-page-options": [5],
-                    "onClick:row": e[2] || (e[2] = (v, c) => a.selectRow(c))
-                  }, {
-                    "item.actions": n(({ item: v }) => [
-                      i(g, {
-                        class: "mt-1",
-                        icon: "mdi-delete",
-                        variant: "text",
-                        "data-test": "item-delete",
-                        onClick: (c) => a.deleteConfig(v)
-                      }, null, 8, ["onClick"])
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue", "search", "headers", "items"]),
-                  i(p, { dense: "" }, {
-                    default: n(() => [
-                      i(f, {
-                        modelValue: l.configName,
-                        "onUpdate:modelValue": e[3] || (e[3] = (v) => l.configName = v),
-                        "hide-details": "",
-                        autofocus: "",
-                        disabled: !!a.selectedItem,
-                        label: "Configuration Name",
-                        "data-test": "name-input-save-config-dialog"
-                      }, null, 8, ["modelValue", "disabled"])
-                    ]),
-                    _: 1
-                  }),
-                  i(p, { dense: "" }, {
-                    default: n(() => [
-                      R(d("span", {
-                        class: "ma-2 text-red",
-                        textContent: N(a.error)
-                      }, null, 8, re), [
-                        [L, a.error]
-                      ])
-                    ]),
-                    _: 1
-                  })
-                ])
-              ]),
-              _: 1
-            }),
-            i(C, { class: "px-2" }, {
-              default: n(() => [
-                i(u),
-                i(g, {
-                  variant: "outlined",
-                  onClick: a.cancel
-                }, {
-                  default: n(() => e[7] || (e[7] = [
-                    _(" Cancel ")
-                  ])),
-                  _: 1
-                }, 8, ["onClick"]),
-                i(g, {
-                  variant: "flat",
-                  onClick: O(a.success, ["prevent"]),
-                  type: "submit",
-                  "data-test": "save-config-submit-btn",
-                  disabled: !!a.error
-                }, {
-                  default: n(() => e[8] || (e[8] = [
-                    _(" Ok ")
-                  ])),
-                  _: 1
-                }, 8, ["onClick", "disabled"])
-              ]),
-              _: 1
-            })
-          ], 32)
-        ]),
-        _: 1
-      })
-    ]),
-    _: 1
-  }, 8, ["modelValue", "onKeydown"]);
-}
-const He = /* @__PURE__ */ A(ae, [["render", de]]), ce = {
-  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 = [];
-        for (const s of this.errors) {
-          if (t.has(s.message))
-            continue;
-          let r = `At ${s.lineNumber}: (${s.line}) ${s.message}.`;
-          s.usage && (r += ` Usage: ${s.usage}`), e.push(r), t.add(s.message);
-        }
-        return e;
-      }
-      return [];
-    },
-    show: {
-      get() {
-        return this.modelValue;
-      },
-      set(t) {
-        this.$emit("update:modelValue", t);
-      }
-    }
-  },
-  mounted: function() {
-    this.editor = F.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(), this.editor.focus();
-  },
-  beforeUnmount() {
-    this.editor.destroy(), this.editor.container.remove();
-  },
-  methods: {
-    showContextMenu: function(t) {
-      this.menuX = t.pageX, this.menuY = t.pageY;
-      let e = this.editor.getCursorPosition(), s = this.editor.session.getTokenAt(e.row, e.column);
-      if (s) {
-        let r = s.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 = F.require("ace/lib/oop"), e = F.require(
-        "ace/mode/text_highlight_rules"
-      ).TextHighlightRules, s = 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*(${s})\\b`)
-            }
-          ]
-        }, this.normalizeRules();
-      };
-      t.inherits(r, e);
-      let l = function() {
-        this.HighlightRules = r;
-      }, a = F.require("ace/mode/text").Mode;
-      return t.inherits(l, a), (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");
-      });
-    }
-  }
-}, ue = { class: "mx-2" }, me = { class: "mx-2" }, he = ["textContent"];
-function fe(t, e, s, r, l, a) {
-  const u = o("v-icon"), m = o("v-tooltip"), f = o("v-spacer"), p = o("v-toolbar"), g = o("v-row"), h = o("v-btn"), k = o("v-file-input"), C = o("v-list-item-title"), T = o("v-list-item"), y = o("v-list"), v = o("v-menu"), c = o("v-card-text"), b = o("v-card"), P = o("v-dialog");
-  return w(), x(P, {
-    persistent: "",
-    modelValue: a.show,
-    "onUpdate:modelValue": e[5] || (e[5] = (I) => a.show = I),
-    width: "75vw"
-  }, {
-    default: n(() => [
-      i(b, null, {
-        default: n(() => [
-          i(p, { height: "24" }, {
-            default: n(() => [
-              d("div", ue, [
-                i(m, { location: "top" }, {
-                  activator: n(({ props: I }) => [
-                    d("div", V(D(I)), [
-                      i(u, {
-                        "data-test": "delete-screen-icon",
-                        onClick: a.deleteScreen
-                      }, {
-                        default: n(() => e[6] || (e[6] = [
-                          _(" mdi-delete ")
-                        ])),
-                        _: 1
-                      }, 8, ["onClick"])
-                    ], 16)
-                  ]),
-                  default: n(() => [
-                    e[7] || (e[7] = d("span", null, " Delete Screen ", -1))
-                  ]),
-                  _: 1
-                })
-              ]),
-              i(f),
-              d("span", null, " Edit Screen: " + N(s.target) + " " + N(s.screen), 1),
-              i(f),
-              d("div", me, [
-                i(m, { location: "top" }, {
-                  activator: n(({ props: I }) => [
-                    d("div", V(D(I)), [
-                      i(u, {
-                        "data-test": "download-screen-icon",
-                        onClick: a.downloadScreen
-                      }, {
-                        default: n(() => e[8] || (e[8] = [
-                          _(" mdi-download ")
-                        ])),
-                        _: 1
-                      }, 8, ["onClick"])
-                    ], 16)
-                  ]),
-                  default: n(() => [
-                    e[9] || (e[9] = d("span", null, " Download Screen ", -1))
-                  ]),
-                  _: 1
-                })
-              ])
-            ]),
-            _: 1
-          }),
-          i(c, null, {
-            default: n(() => [
-              i(g, { class: "mt-3" }, {
-                default: n(() => e[10] || (e[10] = [
-                  _(" Upload a screen file. ")
-                ])),
-                _: 1
-              }),
-              i(g, {
-                "no-gutters": "",
-                align: "center"
-              }, {
-                default: n(() => [
-                  i(h, {
-                    onClick: a.loadFile,
-                    disabled: !l.file,
-                    color: "primary",
-                    class: "mr-3",
-                    "data-test": "edit-screen-load"
-                  }, {
-                    default: n(() => e[11] || (e[11] = [
-                      _(" Load ")
-                    ])),
-                    _: 1
-                  }, 8, ["onClick", "disabled"]),
-                  i(k, {
-                    modelValue: l.file,
-                    "onUpdate:modelValue": e[0] || (e[0] = (I) => l.file = I),
-                    "truncate-length": "15",
-                    accept: ".txt",
-                    label: "Click to select .txt screen file."
-                  }, null, 8, ["modelValue"])
-                ]),
-                _: 1
-              }),
-              i(g, { class: "mb-2" }, {
-                default: n(() => e[12] || (e[12] = [
-                  _(" Edit the screen definition. ")
-                ])),
-                _: 1
-              }),
-              i(g, { class: "mb-2" }, {
-                default: n(() => [
-                  d("pre", {
-                    ref: "editor",
-                    class: "editor",
-                    onContextmenu: e[1] || (e[1] = O((...I) => a.showContextMenu && a.showContextMenu(...I), ["prevent"]))
-                  }, null, 544),
-                  i(v, {
-                    modelValue: l.contextMenu,
-                    "onUpdate:modelValue": e[2] || (e[2] = (I) => l.contextMenu = I),
-                    target: [l.menuX, l.menuY]
-                  }, {
-                    default: n(() => [
-                      i(y, null, {
-                        default: n(() => [
-                          i(T, { link: "" }, {
-                            default: n(() => [
-                              i(C, { onClick: a.openDocumentation }, {
-                                default: n(() => [
-                                  _(N(l.docsKeyword) + " documentation ", 1)
-                                ]),
-                                _: 1
-                              }, 8, ["onClick"])
-                            ]),
-                            _: 1
-                          })
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue", "target"])
-                ]),
-                _: 1
-              }),
-              (w(!0), M(q, null, J(a.editErrors, (I, Z) => (w(), x(g, {
-                key: Z,
-                class: "my-3"
-              }, {
-                default: n(() => [
-                  d("span", {
-                    class: "text-red",
-                    textContent: N(I)
-                  }, null, 8, he)
-                ]),
-                _: 2
-              }, 1024))), 128)),
-              i(g, null, {
-                default: n(() => [
-                  e[15] || (e[15] = d("span", null, "Ctrl-space brings up autocomplete. Right click keywords for documentation.", -1)),
-                  i(f),
-                  i(h, {
-                    onClick: e[3] || (e[3] = (I) => t.$emit("cancel")),
-                    class: "mx-2",
-                    variant: "outlined",
-                    "data-test": "edit-screen-cancel"
-                  }, {
-                    default: n(() => e[13] || (e[13] = [
-                      _(" Cancel ")
-                    ])),
-                    _: 1
-                  }),
-                  i(h, {
-                    onClick: e[4] || (e[4] = (I) => t.$emit("save", t.editor.getValue())),
-                    class: "mx-2",
-                    color: "primary",
-                    "data-test": "edit-screen-save"
-                  }, {
-                    default: n(() => e[14] || (e[14] = [
-                      _(" Save ")
-                    ])),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      })
-    ]),
-    _: 1
-  }, 8, ["modelValue"]);
-}
-const pe = /* @__PURE__ */ A(ce, [["render", fe], ["__scopeId", "data-v-9e086b45"]]), ge = {};
-function ve(t, e) {
-  return w(), M("div");
-}
-const Xe = /* @__PURE__ */ A(ge, [["render", ve]]), _e = {
-  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() {
-      E.get("/openc3-api/environment").then((t) => {
-        this.environment = t.data;
-      }).catch((t) => {
-      });
-    },
-    addEnvironment: function() {
-      E.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) => E.delete(`/openc3-api/environment/${t.name}`)).then((e) => {
-        const s = {
-          text: `Removed environment variable: ${t.name}`,
-          type: "success"
-        };
-        this.alertHandler(s), this.update();
-      }).catch((e) => {
-        const s = {
-          text: `Failed to delete environment: ${e}`,
-          type: "error"
-        };
-        this.alertHandler(s);
-      });
-    }
-  }
-}, ye = { class: "pa-3" };
-function be(t, e, s, r, l, a) {
-  const u = o("v-spacer"), m = o("v-toolbar"), f = o("v-text-field"), p = o("v-row"), g = o("v-icon"), h = o("v-btn"), k = o("v-data-table"), C = o("v-col"), T = o("v-card-text"), y = o("v-card"), v = o("v-dialog");
-  return w(), x(v, {
-    modelValue: a.show,
-    "onUpdate:modelValue": e[4] || (e[4] = (c) => a.show = c),
-    width: "600"
-  }, {
-    default: n(() => [
-      i(y, null, {
-        default: n(() => [
-          d("form", {
-            onSubmit: e[3] || (e[3] = O((...c) => a.addEnvironment && a.addEnvironment(...c), ["prevent"]))
-          }, [
-            i(m, { height: "24" }, {
-              default: n(() => [
-                i(u),
-                e[5] || (e[5] = d("span", null, "Global Environment Variables", -1)),
-                i(u)
-              ]),
-              _: 1
-            }),
-            i(T, null, {
-              default: n(() => [
-                d("div", ye, [
-                  i(p, {
-                    dense: "",
-                    class: "mb-2"
-                  }, {
-                    default: n(() => [
-                      i(f, {
-                        modelValue: l.search,
-                        "onUpdate:modelValue": e[0] || (e[0] = (c) => l.search = c),
-                        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
-                  }),
-                  i(k, {
-                    "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": n(({ item: c }) => [
-                      i(h, {
-                        onClick: (b) => a.deleteEnvironment(c),
-                        icon: "",
-                        class: "mt-1",
-                        "data-test": "item-delete"
-                      }, {
-                        default: n(() => [
-                          i(g, null, {
-                            default: n(() => e[6] || (e[6] = [
-                              _("mdi-delete")
-                            ])),
-                            _: 1
-                          })
-                        ]),
-                        _: 2
-                      }, 1032, ["onClick"])
-                    ]),
-                    _: 1
-                  }, 8, ["search", "headers", "items"]),
-                  i(p, { dense: "" }, {
-                    default: n(() => [
-                      i(C, null, {
-                        default: n(() => [
-                          i(f, {
-                            modelValue: l.key,
-                            "onUpdate:modelValue": e[1] || (e[1] = (c) => l.key = c),
-                            label: "Key",
-                            "data-test": "env-key"
-                          }, null, 8, ["modelValue"])
-                        ]),
-                        _: 1
-                      }),
-                      i(C, null, {
-                        default: n(() => [
-                          i(f, {
-                            modelValue: l.keyValue,
-                            "onUpdate:modelValue": e[2] || (e[2] = (c) => l.keyValue = c),
-                            label: "Value",
-                            "data-test": "env-value"
-                          }, null, 8, ["modelValue"])
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }),
-                  i(p, { dense: "" }, {
-                    default: n(() => [
-                      i(h, {
-                        onClick: O(a.addEnvironment, ["prevent"]),
-                        block: "",
-                        type: "submit",
-                        color: "primary",
-                        "data-test": "add-env",
-                        disabled: !l.key || !l.keyValue
-                      }, {
-                        default: n(() => e[7] || (e[7] = [
-                          _(" Add ")
-                        ])),
-                        _: 1
-                      }, 8, ["onClick", "disabled"])
-                    ]),
-                    _: 1
-                  })
-                ])
-              ]),
-              _: 1
-            })
-          ], 32)
-        ]),
-        _: 1
-      })
-    ]),
-    _: 1
-  }, 8, ["modelValue"]);
-}
-const Ye = /* @__PURE__ */ A(_e, [["render", be]]), we = {
-  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: [],
-      id: 1,
-      search: null,
-      selectedFile: null,
-      disableButtons: !1,
-      targets: [],
-      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." : "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 s = `[${`${t}\\/\\!\\-\\_\\.\\*\\'\\(\\)`}]+\\.[${t}]+`;
-      return this.requireTargetParentDir && (s = `\\/?${`(${this.targets.join("|")})`}\\/${s}`), new RegExp(s);
-    }
-  },
-  created() {
-    this.loadFiles(), this.requireTargetParentDir && E.get("/openc3-api/targets").then((t) => {
-      this.targets = t.data, this.targets.push("__TEMP__");
-    });
-  },
-  methods: {
-    calcIcon: function(t) {
-      return Q(t);
-    },
-    loadFiles: function() {
-      E.get(this.apiUrl).then((t) => {
-        this.items = [], this.id = 1;
-        for (let e of t.data)
-          this.filepath = e, this.insertFile(this.items, 1, e), this.id++;
-        this.inputFilename && (this.selectedFile = this.inputFilename), this.loading = !1;
-      }).catch((t) => {
-        this.$emit("error", `Failed to connect to OpenC3. ${t}`);
-      });
-    },
-    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[0]), setTimeout(() => {
-        this.$refs.submitBtn.$el.focus();
-      }, 100));
-    },
-    findItem: function(t, e) {
-      for (let s of t) {
-        if (s.id === e)
-          return s.path;
-        if (s.children) {
-          const r = this.findItem(s.children, e);
-          if (r)
-            return r;
-        }
-      }
-      return null;
-    },
-    exists: function(t, e) {
-      let s = !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 && (s = s || this.exists(r.children, e));
-      }
-      return s;
-    },
-    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) => E.delete("/script-api/scripts/temp_files")).then((t) => {
-        this.$emit("clear-temp"), this.loadFiles();
-      }).catch((t) => {
-        this.$notify.serious({
-          title: "Error",
-          body: `Failed to remove script temporary files due to ${t}`
-        });
-      });
-    },
-    openSuccess: function() {
-      this.disableButtons = !0, E.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 s = t.data.locked, r = t.data.breakpoints;
-        this.$emit("file", { file: e, locked: s, 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, s) {
-      let r = s.split("/");
-      if (r.length === 1) {
-        t.push({
-          id: this.id,
-          title: r[0],
-          file: "ruby",
-          path: this.filepath
-        }), this.id++;
-        return;
-      }
-      const l = t.findIndex((a) => a.title === r[0]);
-      l === -1 ? (t.push({
-        id: this.id,
-        title: r[0],
-        children: [],
-        path: this.filepath.split("/").slice(0, e).join("/")
-      }), this.id++, 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("/")
-      );
-    }
-  }
-}, Ne = { class: "pa-3" };
-function xe(t, e, s, r, l, a) {
-  const u = o("v-progress-circular"), m = o("v-overlay"), f = o("v-spacer"), p = o("v-toolbar"), g = o("v-row"), h = o("v-text-field"), k = o("v-icon"), C = o("v-btn"), T = o("v-treeview"), y = o("v-card-text"), v = o("v-card"), c = o("v-dialog");
-  return w(), x(c, {
-    modelValue: a.show,
-    "onUpdate:modelValue": e[5] || (e[5] = (b) => a.show = b),
-    width: "600",
-    scrollable: "",
-    onKeydown: e[6] || (e[6] = z((b) => a.success(), ["enter"]))
-  }, {
-    default: n(() => [
-      i(v, null, {
-        default: n(() => [
-          i(m, { "model-value": l.loading }, {
-            default: n(() => [
-              i(u, {
-                indeterminate: "",
-                absolute: "",
-                size: "64"
-              })
-            ]),
-            _: 1
-          }, 8, ["model-value"]),
-          d("form", {
-            onSubmit: e[4] || (e[4] = O((...b) => a.success && a.success(...b), ["prevent"]))
-          }, [
-            i(p, { height: "24" }, {
-              default: n(() => [
-                i(f),
-                d("span", null, N(a.title), 1),
-                i(f)
-              ]),
-              _: 1
-            }),
-            i(y, null, {
-              default: n(() => [
-                d("div", Ne, [
-                  i(g, null, {
-                    default: n(() => [
-                      _(N(a.helpText), 1)
-                    ]),
-                    _: 1
-                  }),
-                  i(g, {
-                    dense: "",
-                    class: "mt-5"
-                  }, {
-                    default: n(() => [
-                      i(h, {
-                        modelValue: l.search,
-                        "onUpdate:modelValue": e[0] || (e[0] = (b) => l.search = b),
-                        flat: "",
-                        autofocus: "",
-                        "hide-details": "",
-                        clearable: "",
-                        label: "Search",
-                        "prepend-inner-icon": "mdi-magnify",
-                        density: "compact",
-                        "data-test": "file-open-save-search"
-                      }, null, 8, ["modelValue"])
-                    ]),
-                    _: 1
-                  }),
-                  i(g, {
-                    dense: "",
-                    class: "mt-2"
-                  }, {
-                    default: n(() => [
-                      i(T, {
-                        modelValue: l.tree,
-                        "onUpdate:modelValue": e[1] || (e[1] = (b) => l.tree = b),
-                        "onUpdate:activated": a.activeFile,
-                        density: "compact",
-                        activatable: "",
-                        ref: "tree",
-                        style: { width: "100%", "max-height": "60vh", overflow: "auto" },
-                        "item-value": "id",
-                        items: l.items,
-                        search: l.search,
-                        "open-on-click": s.type === "open",
-                        "open-all": !!l.search
-                      }, {
-                        prepend: n(({ item: b, open: P }) => [
-                          b.file ? (w(), x(k, { key: 1 }, {
-                            default: n(() => [
-                              _(N(a.calcIcon(b.title)), 1)
-                            ]),
-                            _: 2
-                          }, 1024)) : (w(), x(k, { key: 0 }, {
-                            default: n(() => [
-                              _(N(P ? "mdi-folder-open" : "mdi-folder"), 1)
-                            ]),
-                            _: 2
-                          }, 1024))
-                        ]),
-                        append: n(({ item: b }) => [
-                          b.title === "__TEMP__" ? (w(), x(C, {
-                            key: 0,
-                            icon: "",
-                            onClick: a.deleteTemp
-                          }, {
-                            default: n(() => [
-                              i(k, null, {
-                                default: n(() => e[7] || (e[7] = [
-                                  _(" mdi-delete ")
-                                ])),
-                                _: 1
-                              })
-                            ]),
-                            _: 1
-                          }, 8, ["onClick"])) : S("", !0)
-                        ]),
-                        _: 1
-                      }, 8, ["modelValue", "onUpdate:activated", "items", "search", "open-on-click", "open-all"])
-                    ]),
-                    _: 1
-                  }),
-                  i(g, { class: "my-2" }, {
-                    default: n(() => [
-                      i(h, {
-                        modelValue: l.selectedFile,
-                        "onUpdate:modelValue": e[2] || (e[2] = (b) => l.selectedFile = b),
-                        "hide-details": "",
-                        label: "Filename",
-                        "data-test": "file-open-save-filename",
-                        disabled: s.type === "open"
-                      }, null, 8, ["modelValue", "disabled"])
-                    ]),
-                    _: 1
-                  }),
-                  i(g, { dense: "" }, {
-                    default: n(() => [
-                      R(d("div", {
-                        class: "my-2 text-red",
-                        style: { "white-space": "pre-line" }
-                      }, N(a.error), 513), [
-                        [L, a.error]
-                      ])
-                    ]),
-                    _: 1
-                  }),
-                  i(g, { class: "mt-2" }, {
-                    default: n(() => [
-                      i(f),
-                      i(C, {
-                        onClick: e[3] || (e[3] = (b) => a.show = !1),
-                        variant: "outlined",
-                        class: "mx-2",
-                        "data-test": "file-open-save-cancel-btn",
-                        disabled: l.disableButtons
-                      }, {
-                        default: n(() => e[8] || (e[8] = [
-                          _(" Cancel ")
-                        ])),
-                        _: 1
-                      }, 8, ["disabled"]),
-                      i(C, {
-                        onClick: O(a.success, ["prevent"]),
-                        ref: "submitBtn",
-                        type: "submit",
-                        color: "primary",
-                        class: "mx-2",
-                        "data-test": "file-open-save-submit-btn",
-                        disabled: l.disableButtons || !!a.error
-                      }, {
-                        default: n(() => [
-                          _(N(a.submit), 1)
-                        ]),
-                        _: 1
-                      }, 8, ["onClick", "disabled"])
-                    ]),
-                    _: 1
-                  })
-                ])
-              ]),
-              _: 1
-            })
-          ], 32)
-        ]),
-        _: 1
-      })
-    ]),
-    _: 1
-  }, 8, ["modelValue"]);
-}
-const je = /* @__PURE__ */ A(we, [["render", xe]]), ke = {
-  props: {
-    historyCount: {
-      type: Number,
-      default: 200
-    },
-    timeZone: {
-      type: String,
-      default: "local"
-    }
-  },
-  mixins: [$],
-  data() {
-    return {
-      AstroStatusColors: W,
-      data: [],
-      shownData: [],
-      logLevels: ["DEBUG", "INFO", "WARN", "ERROR", "FATAL"],
-      logLevel: "INFO",
-      search: "",
-      headers: [
-        { title: "Time", value: "timestamp", nowrap: !0 },
-        { title: "Level", value: "level" },
-        { title: "Source", value: "microservice_name" },
-        { title: "Message", value: "message" }
-      ],
-      cable: new H(),
-      subscription: null,
-      paused: !1
-    };
-  },
-  computed: {
-    buttonLabel: function() {
-      return this.paused ? "Resume" : "Pause";
-    },
-    buttonIcon: function() {
-      return this.paused ? "mdi-play" : "mdi-pause";
-    }
-  },
-  watch: {
-    logLevel: function(t, e) {
-      this.createSubscription();
-    }
-  },
-  created() {
-    this.createSubscription();
-  },
-  unmounted() {
-    this.subscription && this.subscription.unsubscribe(), this.cable.disconnect();
-  },
-  methods: {
-    pause: function() {
-      this.paused = !this.paused;
-    },
-    createSubscription() {
-      this.subscription && (this.subscription.unsubscribe(), this.data = [], this.shownData = this.data), this.cable.createSubscription(
-        "MessagesChannel",
-        window.openc3Scope,
-        {
-          received: (t) => {
-            this.cable.recordPing(), t.length > this.historyCount && t.splice(0, t.length - this.historyCount), t = t.filter((e) => {
-              switch (this.logLevel) {
-                case "DEBUG":
-                  return !0;
-                case "INFO":
-                  if (e.level !== "DEBUG")
-                    return !0;
-                  break;
-                case "WARN":
-                  if (e.level !== "DEBUG" && e.level !== "INFO")
-                    return !0;
-                  break;
-                case "ERROR":
-                  if (e.level !== "DEBUG" && e.level !== "INFO" && e.level !== "WARN")
-                    return !0;
-                  break;
-                case "FATAL":
-                  if (e.level !== "DEBUG" && e.level !== "INFO" && e.level !== "WARN" && e.level !== "ERROR")
-                    return !0;
-                  break;
-              }
-              return !1;
-            }), t.map((e) => {
-              if (e.timestamp = this.formatTimestamp(
-                e["@timestamp"],
-                this.timeZone
-              ), e.message.raw && e.message.json_class === "String") {
-                let s = "0x";
-                for (let r = 0; r < e.message.raw.length; r++) {
-                  let l = e.message.raw[r].toString(16).toUpperCase();
-                  l.length < 2 && (l = "0" + l), s += l;
-                }
-                e.message = s;
-              } else
-                e.message = e.message.replaceAll("\\n", `
-`);
-            }), this.data = t.reverse().concat(this.data), this.data.length > this.historyCount && (this.data.length = this.historyCount), this.paused || (this.shownData = this.data);
-          }
-        },
-        {
-          // Channel parameter is history_count with underscore
-          history_count: this.historyCount,
-          types: ["log", "notification", "alert"]
-        }
-      ).then((t) => {
-        this.subscription = t;
-      });
-    },
-    getColor(t) {
-      return W[K[t]];
-    },
-    getStatus(t) {
-      return K[t];
-    },
-    downloadLog() {
-      const t = this.shownData.map(
-        (r) => (
-          // Other fields are available like container_name, msg_id ... probably not useful
-          `${r.timestamp} | ${r.level} | ${r.microservice_name} | ${r.message}`
-        )
-      ).join(`
-`), e = new Blob([t], {
-        type: "text/plain"
-      }), s = document.createElement("a");
-      s.href = URL.createObjectURL(e), s.setAttribute(
-        "download",
-        ee(Date.now(), "yyyy_MM_dd_HH_mm_ss") + "_message_log.txt"
-      ), s.click();
-    },
-    clearLog: function() {
-      this.$dialog.confirm("Are you sure you want to clear the log?", {
-        okText: "Clear",
-        cancelText: "Cancel"
-      }).then((t) => {
-        this.data = [], this.shownData = [];
-      }).catch(function(t) {
-      });
-    }
-  }
-}, Ce = { class: "d-flex align-baseline" }, Te = ["title", "datetime"], Ie = { style: { "white-space": "pre-wrap" } };
-function Ve(t, e, s, r, l, a) {
-  const u = o("v-btn"), m = o("v-tooltip"), f = o("v-spacer"), p = o("v-select"), g = o("v-text-field"), h = o("v-card-title"), k = o("rux-status"), C = o("v-data-table"), T = o("v-card");
-  return w(), x(T, null, {
-    default: n(() => [
-      i(h, { class: "d-flex align-center justify-content-space-between" }, {
-        default: n(() => [
-          d("div", Ce, [
-            i(m, { location: "top" }, {
-              activator: n(({ props: y }) => [
-                d("div", V(D(y)), [
-                  i(u, {
-                    icon: "mdi-download",
-                    variant: "text",
-                    size: "small",
-                    class: "mr-2",
-                    "data-test": "download-log",
-                    onClick: a.downloadLog
-                  }, null, 8, ["onClick"])
-                ], 16)
-              ]),
-              default: n(() => [
-                e[2] || (e[2] = d("span", null, " Download Log ", -1))
-              ]),
-              _: 1
-            }),
-            e[3] || (e[3] = d("span", null, " Log Messages ", -1)),
-            i(m, { location: "top" }, {
-              activator: n(({ props: y }) => [
-                d("div", V(D(y)), [
-                  i(u, {
-                    icon: a.buttonIcon,
-                    variant: "text",
-                    "data-test": "pause",
-                    onClick: a.pause
-                  }, null, 8, ["icon", "onClick"])
-                ], 16)
-              ]),
-              default: n(() => [
-                d("span", null, N(a.buttonLabel), 1)
-              ]),
-              _: 1
-            })
-          ]),
-          i(f),
-          i(p, {
-            label: "Filter by log level",
-            "hide-details": "",
-            variant: "outlined",
-            density: "compact",
-            items: l.logLevels,
-            modelValue: l.logLevel,
-            "onUpdate:modelValue": e[0] || (e[0] = (y) => l.logLevel = y),
-            class: "mr-2",
-            style: { "max-width": "150px" },
-            "data-test": "log-messages-level"
-          }, null, 8, ["items", "modelValue"]),
-          i(f),
-          i(g, {
-            modelValue: l.search,
-            "onUpdate:modelValue": e[1] || (e[1] = (y) => l.search = y),
-            label: "Search",
-            "prepend-inner-icon": "mdi-magnify",
-            clearable: "",
-            variant: "outlined",
-            density: "compact",
-            "single-line": "",
-            "hide-details": "",
-            style: { "max-width": "300px" },
-            class: "search",
-            "data-test": "search-log-messages"
-          }, null, 8, ["modelValue"]),
-          i(m, { location: "top" }, {
-            activator: n(({ props: y }) => [
-              d("div", V(D(y)), [
-                i(u, {
-                  icon: "mdi-delete",
-                  variant: "text",
-                  class: "ml-2",
-                  "data-test": "clear-log",
-                  onClick: a.clearLog
-                }, null, 8, ["onClick"])
-              ], 16)
-            ]),
-            default: n(() => [
-              e[4] || (e[4] = d("span", null, " Clear Log ", -1))
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }),
-      i(C, {
-        headers: l.headers,
-        items: l.shownData,
-        search: l.search,
-        "items-per-page": -1,
-        "hide-default-footer": "",
-        "multi-sort": "",
-        density: "compact",
-        sticky: "",
-        hover: "",
-        "data-test": "log-messages"
-      }, {
-        "item.timestamp": n(({ item: y }) => [
-          d("time", {
-            title: y.timestamp,
-            datetime: y.timestamp
-          }, N(y.timestamp), 9, Te)
-        ]),
-        "item.level": n(({ item: y }) => [
-          d("span", {
-            style: G("display: inline-flex; color:" + a.getColor(y.level))
-          }, [
-            i(k, {
-              class: "mr-1",
-              status: a.getStatus(y.level)
-            }, null, 8, ["status"]),
-            _(" " + N(y.level), 1)
-          ], 4)
-        ]),
-        "item.message": n(({ item: y }) => [
-          d("div", Ie, N(y.message), 1)
-        ]),
-        _: 1
-      }, 8, ["headers", "items", "search"])
-    ]),
-    _: 1
-  });
-}
-const qe = /* @__PURE__ */ A(ke, [["render", Ve], ["__scopeId", "data-v-d5f1f607"]]), De = {};
-function Se(t, e) {
-  const s = o("v-card-title"), r = o("v-card-text"), l = o("v-card");
-  return w(), x(l, null, {
-    default: n(() => [
-      i(s, null, {
-        default: n(() => e[0] || (e[0] = [
-          _("404 Not Found Error")
-        ])),
-        _: 1
-      }),
-      i(r, null, {
-        default: n(() => [
-          e[1] || (e[1] = _("The requested URL ")),
-          d("code", null, N(t.$route.fullPath), 1),
-          e[2] || (e[2] = _(" was not routable."))
-        ]),
-        _: 1
-      })
-    ]),
-    _: 1
-  });
-}
-const Je = /* @__PURE__ */ A(De, [["render", Se]]), B = 20, Ee = {
-  mixins: [X],
-  components: {
-    EditScreenDialog: pe
-  },
-  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"
-    }
-  },
-  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: Y.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 s of this.errors) {
-          if (t.has(s.message))
-            continue;
-          let r = `${s.time}: (${s.type}) ${s.message}
-`;
-          e += r, t.add(s.message);
-        }
-        return e;
-      }
-      return null;
-    },
-    computedStyle() {
-      let t = {};
-      return this.floated && (t.position = "absolute", t.top = this.top + "px", t.left = this.left + "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, s) {
-    return console.log({ err: t, vm: e, info: s }), this.errors.length < B && (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 U(), this.configParser = new j(), 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, s, 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, s, r);
-                break;
-            }
-        }
-      ), typeof this.layoutStack[0] > "u") {
-        let t = [], e = [];
-        for (const s of this.dynamicWidgets)
-          t.push(s.name), e.push(s.lineNumber);
-        this.errors.length < B && (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, s = this.dragY - t.clientY;
-      this.dragX = t.clientX, this.dragY = t.clientY, this.top = this.$refs.bar.offsetTop - s, 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() {
-        E.post(
-          "/openc3-api/screen/",
-          {
-            data: {
-              scope: window.openc3Scope,
-              target: this.target,
-              screen: this.screen,
-              text: this.currentDefinition
-            }
-          },
-          0
-        );
-      });
-    },
-    deleteScreen: function() {
-      this.editDialog = !1, E.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, s, 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 a = t.charAt(0).toUpperCase() + t.slice(1).toLowerCase() + "Widget";
-      let u = [];
-      if (u.push(["__SCREEN_ID__", this.screenId]), l !== null && u.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 m = {
-          type: a,
-          parameters: e,
-          settings: u,
-          screenValues: this.screenValues,
-          screenTimeZone: this.timeZone,
-          widgets: []
-        };
-        this.layoutStack.push(m), this.currentLayout.widgets.push(m), this.currentLayout = m;
-      } else if (this.$options.components[a])
-        this.currentLayout.widgets.push({
-          type: a,
-          target: this.target,
-          parameters: e,
-          settings: u,
-          screenValues: this.screenValues,
-          screenTimeZone: this.timeZone,
-          line: s,
-          lineNumber: r
-        });
-      else {
-        let m = {
-          type: "DynamicWidget",
-          target: this.target,
-          parameters: e,
-          settings: u,
-          screenValues: this.screenValues,
-          screenTimeZone: this.timeZone,
-          name: a,
-          line: s,
-          lineNumber: r
-        };
-        this.currentLayout.widgets.push(m), this.dynamicWidgets.push(m);
-      }
-    },
-    applyGlobalSettings: function(t) {
-      t.forEach((e) => {
-        this.globalSettings.forEach((s) => {
-          e.type.toLowerCase() === s[0].toLowerCase() + "widget" && e.settings.push(s.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((s) => s.message === e) || this.errors.length < B && 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);
-    }
-  }
-}, Ae = {
-  class: "pa-1",
-  style: { position: "relative" },
-  ref: "screen"
-};
-function Re(t, e, s, r, l, a) {
-  const u = o("v-icon"), m = o("v-tooltip"), f = o("v-spacer"), p = o("v-toolbar"), g = o("v-overlay"), h = o("vertical-widget"), k = o("v-expand-transition"), C = o("v-card"), T = o("edit-screen-dialog"), y = o("v-textarea"), v = o("v-dialog");
-  return w(), M("div", {
-    style: G(a.computedStyle),
-    ref: "bar"
-  }, [
-    i(C, {
-      "min-height": l.height,
-      "min-width": l.width,
-      style: { cursor: "default" }
-    }, {
-      default: n(() => [
-        i(p, { height: "24" }, {
-          default: n(() => [
-            R(d("div", null, [
-              i(m, { location: "top" }, {
-                activator: n(({ props: c }) => [
-                  d("div", V(D(c)), [
-                    i(u, {
-                      "data-test": "error-graph-icon",
-                      onClick: e[0] || (e[0] = (b) => l.errorDialog = !0)
-                    }, {
-                      default: n(() => e[7] || (e[7] = [
-                        _(" mdi-alert ")
-                      ])),
-                      _: 1
-                    })
-                  ], 16)
-                ]),
-                default: n(() => [
-                  e[8] || (e[8] = d("span", null, " Errors ", -1))
-                ]),
-                _: 1
-              })
-            ], 512), [
-              [L, l.errors.length !== 0]
-            ]),
-            i(m, { location: "top" }, {
-              activator: n(({ props: c }) => [
-                d("div", V(D(c)), [
-                  i(u, {
-                    "data-test": "edit-screen-icon",
-                    onClick: a.openEdit
-                  }, {
-                    default: n(() => e[9] || (e[9] = [
-                      _(" mdi-pencil ")
-                    ])),
-                    _: 1
-                  }, 8, ["onClick"])
-                ], 16)
-              ]),
-              default: n(() => [
-                e[10] || (e[10] = d("span", null, " Edit Screen ", -1))
-              ]),
-              _: 1
-            }),
-            s.fixFloated ? S("", !0) : (w(), x(m, {
-              key: 0,
-              location: "top"
-            }, {
-              activator: n(({ props: c }) => [
-                d("div", V(D(c)), [
-                  i(u, {
-                    "data-test": "float-screen-icon",
-                    onClick: a.floatScreen
-                  }, {
-                    default: n(() => [
-                      _(N(l.floated ? "mdi-balloon" : "mdi-view-grid-outline"), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["onClick"])
-                ], 16)
-              ]),
-              default: n(() => [
-                d("span", null, N(l.floated ? "Unfloat Screen" : "Float Screen"), 1)
-              ]),
-              _: 1
-            })),
-            l.floated ? (w(), x(m, {
-              key: 1,
-              location: "top"
-            }, {
-              activator: n(({ props: c }) => [
-                d("div", V(D(c)), [
-                  i(u, {
-                    "data-test": "up-screen-icon",
-                    onClick: a.upScreen
-                  }, {
-                    default: n(() => e[11] || (e[11] = [
-                      _(" mdi-arrow-up ")
-                    ])),
-                    _: 1
-                  }, 8, ["onClick"])
-                ], 16)
-              ]),
-              default: n(() => [
-                e[12] || (e[12] = d("span", null, " Move Screen Up ", -1))
-              ]),
-              _: 1
-            })) : S("", !0),
-            l.floated && l.zIndex > s.minZ ? (w(), x(m, {
-              key: 2,
-              location: "top"
-            }, {
-              activator: n(({ props: c }) => [
-                d("div", V(D(c)), [
-                  i(u, {
-                    "data-test": "down-screen-icon",
-                    onClick: a.downScreen
-                  }, {
-                    default: n(() => e[13] || (e[13] = [
-                      _(" mdi-arrow-down ")
-                    ])),
-                    _: 1
-                  }, 8, ["onClick"])
-                ], 16)
-              ]),
-              default: n(() => [
-                e[14] || (e[14] = d("span", null, " Move Screen Down ", -1))
-              ]),
-              _: 1
-            })) : S("", !0),
-            i(f),
-            d("span", null, N(s.target) + " " + N(s.screen), 1),
-            i(f),
-            i(m, { location: "top" }, {
-              activator: n(({ props: c }) => [
-                d("div", V(D(c)), [
-                  R(i(u, {
-                    "data-test": "minimize-screen-icon",
-                    onClick: a.minMaxTransition
-                  }, {
-                    default: n(() => e[15] || (e[15] = [
-                      _(" mdi-window-minimize ")
-                    ])),
-                    _: 1
-                  }, 8, ["onClick"]), [
-                    [L, l.expand]
-                  ]),
-                  R(i(u, {
-                    "data-test": "maximize-screen-icon",
-                    onClick: a.minMaxTransition
-                  }, {
-                    default: n(() => e[16] || (e[16] = [
-                      _(" mdi-window-maximize ")
-                    ])),
-                    _: 1
-                  }, 8, ["onClick"]), [
-                    [L, !l.expand]
-                  ])
-                ], 16)
-              ]),
-              default: n(() => [
-                R(d("span", null, " Minimize Screen ", 512), [
-                  [L, l.expand]
-                ]),
-                R(d("span", null, " Maximize Screen ", 512), [
-                  [L, !l.expand]
-                ])
-              ]),
-              _: 1
-            }),
-            s.showClose ? (w(), x(m, {
-              key: 3,
-              location: "top"
-            }, {
-              activator: n(({ props: c }) => [
-                d("div", V(D(c)), [
-                  i(u, {
-                    "data-test": "close-screen-icon",
-                    onClick: e[1] || (e[1] = (b) => t.$emit("close-screen"))
-                  }, {
-                    default: n(() => e[17] || (e[17] = [
-                      _(" mdi-close-box ")
-                    ])),
-                    _: 1
-                  })
-                ], 16)
-              ]),
-              default: n(() => [
-                e[18] || (e[18] = d("span", null, " Close Screen ", -1))
-              ]),
-              _: 1
-            })) : S("", !0)
-          ]),
-          _: 1
-        }),
-        l.editDialog ? S("", !0) : (w(), x(k, { key: 0 }, {
-          default: n(() => [
-            R(d("div", Ae, [
-              i(g, {
-                style: { "pointer-events": "none" },
-                "model-value": l.errors.length !== 0,
-                opacity: "0.8",
-                absolute: ""
-              }, null, 8, ["model-value"]),
-              (w(), x(h, {
-                key: l.screenKey,
-                widgets: l.layoutStack[0].widgets,
-                "screen-values": l.screenValues,
-                "screen-time-zone": s.timeZone,
-                onAddItem: a.addItem,
-                onDeleteItem: a.deleteItem,
-                onOpen: a.open,
-                onClose: a.close,
-                onCloseAll: a.closeAll
-              }, null, 8, ["widgets", "screen-values", "screen-time-zone", "onAddItem", "onDeleteItem", "onOpen", "onClose", "onCloseAll"]))
-            ], 512), [
-              [L, l.expand]
-            ])
-          ]),
-          _: 1
-        }))
-      ]),
-      _: 1
-    }, 8, ["min-height", "min-width"]),
-    l.editDialog ? (w(), x(T, {
-      key: 0,
-      modelValue: l.editDialog,
-      "onUpdate:modelValue": e[2] || (e[2] = (c) => l.editDialog = c),
-      target: s.target,
-      screen: s.screen,
-      definition: l.currentDefinition,
-      keywords: s.keywords,
-      errors: l.errors,
-      onSave: e[3] || (e[3] = (c) => a.saveEdit(c)),
-      onCancel: e[4] || (e[4] = (c) => a.cancelEdit()),
-      onDelete: e[5] || (e[5] = (c) => a.deleteScreen())
-    }, null, 8, ["modelValue", "target", "screen", "definition", "keywords", "errors"])) : S("", !0),
-    i(v, {
-      modelValue: l.errorDialog,
-      "onUpdate:modelValue": e[6] || (e[6] = (c) => l.errorDialog = c),
-      "max-width": "600"
-    }, {
-      default: n(() => [
-        i(p, { height: "24" }, {
-          default: n(() => [
-            i(f),
-            d("span", null, " Screen: " + N(s.target) + " " + N(s.screen) + " Errors ", 1),
-            i(f)
-          ]),
-          _: 1
-        }),
-        i(C, null, {
-          default: n(() => [
-            i(y, {
-              class: "errors",
-              readonly: "",
-              rows: "13",
-              "model-value": a.error
-            }, null, 8, ["model-value"])
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 8, ["modelValue"])
-  ], 4);
-}
-const Qe = /* @__PURE__ */ A(Ee, [["render", Re], ["__scopeId", "data-v-97014e16"]]), Le = {
-  props: {
-    allowAll: {
-      type: Boolean,
-      default: !1
-    },
-    allowAllTargets: {
-      type: Boolean,
-      default: !1
-    },
-    buttonText: {
-      type: String,
-      default: null
-    },
-    chooseItem: {
-      type: Boolean,
-      default: !1
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    initialTargetName: {
-      type: String,
-      default: ""
-    },
-    initialPacketName: {
-      type: String,
-      default: ""
-    },
-    initialItemName: {
-      type: String,
-      default: ""
-    },
-    selectTypes: {
-      type: Boolean,
-      default: !1
-    },
-    mode: {
-      type: String,
-      default: "tlm",
-      // TODO: add validators throughout
-      validator: (t) => ["cmd", "tlm"].includes(t)
-    },
-    unknown: {
-      type: Boolean,
-      default: !1
-    },
-    vertical: {
-      type: Boolean,
-      default: !1
-    },
-    hidden: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  data() {
-    var t, e, s;
-    return {
-      targetNames: [],
-      selectedTargetName: (t = this.initialTargetName) == null ? void 0 : t.toUpperCase(),
-      packetNames: [],
-      selectedPacketName: (e = this.initialPacketName) == null ? void 0 : e.toUpperCase(),
-      itemNames: [],
-      selectedItemName: (s = this.initialItemName) == null ? void 0 : s.toUpperCase(),
-      valueTypes: ["CONVERTED", "RAW"],
-      selectedValueType: "CONVERTED",
-      reductionModes: [
-        // Map NONE to DECOM for clarity
-        { title: "NONE", value: "DECOM" },
-        { title: "REDUCED_MINUTE", value: "REDUCED_MINUTE" },
-        { title: "REDUCED_HOUR", value: "REDUCED_HOUR" },
-        { title: "REDUCED_DAY", value: "REDUCED_DAY" }
-      ],
-      selectedArrayIndex: null,
-      selectedReduced: "DECOM",
-      reducedTypes: ["MIN", "MAX", "AVG", "STDDEV"],
-      selectedReducedType: "AVG",
-      description: "",
-      hazardous: !1,
-      internalDisabled: !1,
-      packetsDisabled: !1,
-      itemsDisabled: !1,
-      api: null,
-      ALL: {
-        label: "[ ALL ]",
-        value: "ALL",
-        description: "ALL"
-      },
-      // Constant to indicate all packets or items
-      UNKNOWN: {
-        label: "[ UNKNOWN ]",
-        value: "UNKNOWN",
-        description: "UNKNOWN"
-      }
-    };
-  },
-  created() {
-    this.internalDisabled = !0, this.api = new U(), this.api.get_target_names().then((t) => {
-      this.targetNames = t.flatMap((e) => e == "UNKNOWN" ? [] : { label: e, value: e }), this.allowAllTargets && this.targetNames.unshift(this.ALL), this.selectedTargetName ? this.updatePackets() : (this.selectedTargetName = this.targetNames[0].value, this.targetNameChanged(this.selectedTargetName)), this.unknown && this.targetNames.push(this.UNKNOWN);
-    });
-  },
-  computed: {
-    actualButtonText: function() {
-      return this.selectedPacketName === "ALL" ? "Add Target" : this.selectedItemName === "ALL" ? "Add Packet" : this.buttonText;
-    },
-    autocompleteDisabled: function() {
-      return this.disabled || this.internalDisabled;
-    },
-    buttonDisabled: function() {
-      return this.disabled || this.internalDisabled || this.selectedTargetName === null || this.selectedPacketName === null || this.selectedItemNameWIndex === null;
-    },
-    colSize: function() {
-      return this.vertical ? 12 : !1;
-    },
-    selectedItemNameWIndex: function() {
-      return this.itemIsArray() && this.selectedArrayIndex !== null && this.selectedArrayIndex !== this.ALL.label ? `${this.selectedItemName}[${this.selectedArrayIndex}]` : this.selectedItemName;
-    }
-  },
-  watch: {
-    mode: function(t, e) {
-      this.selectedPacketName = null, this.selectedItemName = null, this.targetNameChanged(this.selectedTargetName);
-    },
-    chooseItem: function(t, e) {
-      t ? this.updateItems() : this.itemNames = [];
-    }
-  },
-  methods: {
-    updatePackets: function() {
-      if (this.selectedTargetName === "UNKNOWN") {
-        this.packetNames = [this.UNKNOWN], this.selectedPacketName = this.packetNames[0].value, this.updatePacketDetails(this.UNKNOWN.value), this.description = "UNKNOWN";
-        return;
-      }
-      if (this.selectedTargetName === "ALL") {
-        this.packetNames = [this.ALL], this.selectedPacketName = this.packetNames[0].value, this.updatePacketDetails(this.ALL.value), this.description = "ALL";
-        return;
-      }
-      this.internalDisabled = !0;
-      const t = this.mode === "tlm" ? "get_all_tlm_names" : "get_all_cmd_names";
-      this.api[t](this.selectedTargetName, this.hidden).then((e) => {
-        this.packetNames = e.map((r) => ({
-          label: r,
-          value: r
-        })), this.allowAll && this.packetNames.unshift(this.ALL), this.selectedPacketName || (this.selectedPacketName = this.packetNames[0].value), this.updatePacketDetails(this.selectedPacketName), this.packetNames.find((r) => r.value === this.selectedPacketName) && this.chooseItem && this.updateItems(), this.internalDisabled = !1;
-      });
-    },
-    updateItems: function() {
-      if (this.selectedPacketName === "ALL")
-        return;
-      this.internalDisabled = !0;
-      const t = this.mode === "tlm" ? "get_tlm" : "get_cmd";
-      this.api[t](this.selectedTargetName, this.selectedPacketName).then(
-        (e) => {
-          this.itemNames = e.items.map((s) => {
-            let r = s.name;
-            return s.data_type == "DERIVED" && (r += " *"), [
-              {
-                label: r,
-                value: s.name,
-                description: s.description,
-                array: s.array_size / s.bit_size
-              }
-            ];
-          }).reduce((s, r) => s.concat(r), []), this.itemNames.sort((s, r) => s.label > r.label ? 1 : -1), this.allowAll && this.itemNames.unshift(this.ALL), this.selectedItemName || (this.selectedItemName = this.itemNames[0].value), this.description = this.itemNames[0].description, this.itemIsArray(), this.$emit("on-set", {
-            targetName: this.selectedTargetName,
-            packetName: this.selectedPacketName,
-            itemName: this.selectedItemNameWIndex,
-            valueType: this.selectedValueType,
-            reduced: this.selectedReduced,
-            reducedType: this.selectedReducedType
-          }), this.internalDisabled = !1;
-        }
-      );
-    },
-    itemIsArray: function() {
-      let t = this.itemNames.findIndex(
-        (e) => e.value === this.selectedItemName
-      );
-      return t === -1 ? (this.selectedArrayIndex = null, !1) : isNaN(this.itemNames[t].array) ? (this.selectedArrayIndex = null, !1) : (this.selectedArrayIndex === null && (this.selectedArrayIndex = 0), !0);
-    },
-    arrayIndexes: function() {
-      let t = this.itemNames.findIndex(
-        (s) => s.value === this.selectedItemName
-      ), e = [...Array(this.itemNames[t].array).keys()];
-      return this.allowAll && e.unshift(this.ALL.label), e;
-    },
-    targetNameChanged: function(t) {
-      this.selectedTargetName = t, this.selectedPacketName = "", this.selectedItemName = "", t !== null && this.updatePackets();
-    },
-    packetNameChanged: function(t) {
-      this.selectedItemName = "", t !== null && this.updatePacketDetails(t);
-    },
-    updatePacketDetails: function(t) {
-      if (t === "ALL")
-        this.itemsDisabled = !0, this.internalDisabled = !1;
-      else {
-        this.itemsDisabled = !1;
-        const e = this.packetNames.find((s) => t === s.value);
-        if (e) {
-          this.selectedPacketName = e.value;
-          const s = this.mode === "tlm" ? "get_tlm" : "get_cmd";
-          this.api[s](this.selectedTargetName, this.selectedPacketName).then(
-            (r) => {
-              this.description = r.description, this.hazardous = r.hazardous;
-            }
-          );
-        }
-      }
-      this.chooseItem ? this.updateItems() : this.$emit("on-set", {
-        targetName: this.selectedTargetName,
-        packetName: this.selectedPacketName,
-        itemName: this.selectedItemNameWIndex,
-        valueType: this.selectedValueType,
-        reduced: this.selectedReduced,
-        reducedType: this.selectedReducedType
-      });
-    },
-    itemNameChanged: function(t) {
-      const e = this.itemNames.find((s) => t === s.value);
-      e && (this.itemIsArray(), this.selectedItemName = e.value, this.description = e.description, this.$emit("on-set", {
-        targetName: this.selectedTargetName,
-        packetName: this.selectedPacketName,
-        itemName: this.selectedItemNameWIndex,
-        valueType: this.selectedValueType,
-        reduced: this.selectedReduced,
-        reducedType: this.selectedReducedType
-      }));
-    },
-    indexChanged: function(t) {
-      this.$emit("on-set", {
-        targetName: this.selectedTargetName,
-        packetName: this.selectedPacketName,
-        itemName: this.selectedItemNameWIndex,
-        valueType: this.selectedValueType,
-        reduced: this.selectedReduced,
-        reducedType: this.selectedReducedType
-      });
-    },
-    buttonPressed: function() {
-      this.selectedPacketName === "ALL" ? this.allTargetPacketItems() : this.selectedItemName === "ALL" ? this.allPacketItems() : this.chooseItem ? this.$emit("addItem", {
-        targetName: this.selectedTargetName,
-        packetName: this.selectedPacketName,
-        itemName: this.selectedItemNameWIndex,
-        valueType: this.selectedValueType,
-        reduced: this.selectedReduced,
-        reducedType: this.selectedReducedType
-      }) : this.$emit("addItem", {
-        targetName: this.selectedTargetName,
-        packetName: this.selectedPacketName,
-        valueType: this.selectedValueType,
-        reduced: this.selectedReduced,
-        reducedType: this.selectedReducedType
-      });
-    },
-    allTargetPacketItems: function() {
-      this.packetNames.forEach((t) => {
-        if (t === this.ALL) return;
-        const e = this.mode === "tlm" ? "get_tlm" : "get_cmd";
-        this.api[e](this.selectedTargetName, t.value).then(
-          (s) => {
-            s.items.forEach((r) => {
-              this.$emit("addItem", {
-                targetName: this.selectedTargetName,
-                packetName: t.value,
-                itemName: r.name,
-                valueType: this.selectedValueType,
-                reduced: this.selectedReduced,
-                reducedType: this.selectedReducedType
-              });
-            });
-          }
-        );
-      });
-    },
-    allPacketItems: function() {
-      this.itemNames.forEach((t) => {
-        t !== this.ALL && this.$emit("addItem", {
-          targetName: this.selectedTargetName,
-          packetName: this.selectedPacketName,
-          itemName: t.value,
-          valueType: this.selectedValueType,
-          reduced: this.selectedReduced,
-          reducedType: this.selectedReducedType
-        });
-      });
-    }
-  }
-}, Ue = { class: "pt-4 pb-4" };
-function Oe(t, e, s, r, l, a) {
-  const u = o("v-autocomplete"), m = o("v-col"), f = o("v-combobox"), p = o("v-btn"), g = o("v-row");
-  return w(), M("div", Ue, [
-    i(g, null, {
-      default: n(() => [
-        i(m, {
-          cols: a.colSize,
-          class: "select",
-          "data-test": "select-target"
-        }, {
-          default: n(() => [
-            i(u, {
-              label: "Select Target",
-              "hide-details": "",
-              density: "compact",
-              variant: "outlined",
-              "onUpdate:modelValue": [
-                a.targetNameChanged,
-                e[0] || (e[0] = (h) => l.selectedTargetName = h)
-              ],
-              items: l.targetNames,
-              "item-title": "label",
-              "item-value": "value",
-              modelValue: l.selectedTargetName
-            }, null, 8, ["onUpdate:modelValue", "items", "modelValue"])
-          ]),
-          _: 1
-        }, 8, ["cols"]),
-        i(m, {
-          cols: a.colSize,
-          class: "select",
-          "data-test": "select-packet"
-        }, {
-          default: n(() => [
-            i(u, {
-              label: "Select Packet",
-              "hide-details": "",
-              density: "compact",
-              variant: "outlined",
-              "onUpdate:modelValue": [
-                a.packetNameChanged,
-                e[1] || (e[1] = (h) => l.selectedPacketName = h)
-              ],
-              disabled: l.packetsDisabled || a.autocompleteDisabled,
-              items: l.packetNames,
-              "item-title": "label",
-              "item-value": "value",
-              modelValue: l.selectedPacketName
-            }, null, 8, ["onUpdate:modelValue", "disabled", "items", "modelValue"])
-          ]),
-          _: 1
-        }, 8, ["cols"]),
-        s.chooseItem ? (w(), x(m, {
-          key: 0,
-          cols: a.colSize,
-          class: "select",
-          "data-test": "select-item"
-        }, {
-          default: n(() => [
-            i(u, {
-              label: "Select Item",
-              "hide-details": "",
-              density: "compact",
-              variant: "outlined",
-              "onUpdate:modelValue": [
-                e[2] || (e[2] = (h) => a.itemNameChanged(h)),
-                e[3] || (e[3] = (h) => l.selectedItemName = h)
-              ],
-              disabled: l.itemsDisabled || a.autocompleteDisabled,
-              items: l.itemNames,
-              "item-title": "label",
-              "item-value": "value",
-              modelValue: l.selectedItemName
-            }, null, 8, ["disabled", "items", "modelValue"])
-          ]),
-          _: 1
-        }, 8, ["cols"])) : S("", !0),
-        s.chooseItem && a.itemIsArray() ? (w(), x(m, {
-          key: 1,
-          cols: "1",
-          class: "select",
-          "data-test": "array-index"
-        }, {
-          default: n(() => [
-            i(f, {
-              label: "Index",
-              "hide-details": "",
-              density: "compact",
-              variant: "outlined",
-              "onUpdate:modelValue": [
-                e[4] || (e[4] = (h) => a.indexChanged(h)),
-                e[5] || (e[5] = (h) => l.selectedArrayIndex = h)
-              ],
-              disabled: l.itemsDisabled || a.autocompleteDisabled,
-              items: a.arrayIndexes(),
-              "item-title": "label",
-              "item-value": "value",
-              modelValue: l.selectedArrayIndex
-            }, null, 8, ["disabled", "items", "modelValue"])
-          ]),
-          _: 1
-        })) : S("", !0),
-        s.buttonText ? (w(), x(m, {
-          key: 2,
-          cols: a.colSize,
-          style: { "max-width": "140px" }
-        }, {
-          default: n(() => [
-            i(p, {
-              disabled: a.buttonDisabled,
-              color: "primary",
-              "data-test": "select-send",
-              onClick: a.buttonPressed
-            }, {
-              default: n(() => [
-                _(N(a.actualButtonText), 1)
-              ]),
-              _: 1
-            }, 8, ["disabled", "onClick"])
-          ]),
-          _: 1
-        }, 8, ["cols"])) : S("", !0)
-      ]),
-      _: 1
-    }),
-    s.selectTypes ? (w(), x(g, { key: 0 }, {
-      default: n(() => [
-        i(m, {
-          cols: a.colSize,
-          class: "select",
-          "data-test": "data-type"
-        }, {
-          default: n(() => [
-            i(u, {
-              label: "Value Type",
-              "hide-details": "",
-              density: "compact",
-              variant: "outlined",
-              items: l.valueTypes,
-              modelValue: l.selectedValueType,
-              "onUpdate:modelValue": e[6] || (e[6] = (h) => l.selectedValueType = h)
-            }, null, 8, ["items", "modelValue"])
-          ]),
-          _: 1
-        }, 8, ["cols"]),
-        i(m, {
-          cols: a.colSize,
-          class: "select",
-          "data-test": "reduced"
-        }, {
-          default: n(() => [
-            i(u, {
-              label: "Reduced",
-              "hide-details": "",
-              density: "compact",
-              variant: "outlined",
-              items: l.reductionModes,
-              modelValue: l.selectedReduced,
-              "onUpdate:modelValue": e[7] || (e[7] = (h) => l.selectedReduced = h)
-            }, null, 8, ["items", "modelValue"])
-          ]),
-          _: 1
-        }, 8, ["cols"]),
-        i(m, {
-          cols: a.colSize,
-          class: "select",
-          "data-test": "reduced-type"
-        }, {
-          default: n(() => [
-            i(u, {
-              label: "Reduced Type",
-              "hide-details": "",
-              density: "compact",
-              variant: "outlined",
-              disabled: l.selectedReduced === "DECOM",
-              items: l.reducedTypes,
-              modelValue: l.selectedReducedType,
-              "onUpdate:modelValue": e[8] || (e[8] = (h) => l.selectedReducedType = h)
-            }, null, 8, ["disabled", "items", "modelValue"])
-          ]),
-          _: 1
-        }, 8, ["cols"]),
-        i(m, {
-          cols: a.colSize,
-          style: { "max-width": "140px" }
-        }, null, 8, ["cols"])
-      ]),
-      _: 1
-    })) : S("", !0),
-    i(g, {
-      "no-gutters": "",
-      class: "pt-3 pb-3"
-    }, {
-      default: n(() => [
-        l.hazardous ? (w(), x(m, {
-          key: 0,
-          cols: a.colSize,
-          class: "openc3-yellow"
-        }, {
-          default: n(() => [
-            _("Description: " + N(l.description) + " (HAZARDOUS)", 1)
-          ]),
-          _: 1
-        }, 8, ["cols"])) : (w(), x(m, {
-          key: 1,
-          cols: a.colSize
-        }, {
-          default: n(() => [
-            _("Description: " + N(l.description), 1)
-          ]),
-          _: 1
-        }, 8, ["cols"]))
-      ]),
-      _: 1
-    })
-  ]);
-}
-const $e = /* @__PURE__ */ A(Le, [["render", Oe], ["__scopeId", "data-v-c1c7e787"]]);
-export {
-  it as AceEditorModes,
-  Ge as Config,
-  rt as CriticalCmdDialog,
-  nt as DataViewerComponent,
-  at as DataViewerHistoryComponent,
-  ct as DetailsDialog,
-  pe as EditScreenDialog,
-  Xe as Empty,
-  mt as EnvironmentChooser,
-  Ye as EnvironmentDialog,
-  je as FileOpenSaveDialog,
-  pt as Graph,
-  gt as GraphEditDialog,
-  vt as GraphEditItemDialog,
-  qe as LogMessages,
-  Je as NotFound,
-  Ze as OpenConfigDialog,
-  Qe as Openc3Screen,
-  st as OutputDialog,
-  He as SaveConfigDialog,
-  te as ScreenCompleter,
-  ht as ScriptChooser,
-  yt as SimpleTextDialog,
-  $e as TargetPacketItemChooser,
-  wt as TextBoxDialog,
-  xt as TopBar,
-  Ct as UpgradeToEnterpriseDialog
-};
-//# sourceMappingURL=components.js.map