@openc3/vue-common 6.2.0 → 6.3.0

package/dist/components.js

@@ -0,0 +1,1379 @@
+import { A as Ce, O as De } from "./OutputDialog-zVPZiZay.js";
+import { A as Ve, T as Le } from "./TopBar-CnJNNJlV.js";
+import { E as Se, a as Ee, F as Ue, O as Pe, S as Oe } from "./Openc3Screen-Cud0OCFu.js";
+import { h as k, l as K } from "./WidgetComponents-C1lSLZ0I.js";
+import { D as Ke, d as We } from "./WidgetComponents-C1lSLZ0I.js";
+import { resolveComponent as o, createBlock as w, openBlock as _, withKeys as P, withCtx as n, createVNode as s, createElementVNode as m, withModifiers as A, withDirectives as O, toDisplayString as b, vShow as B, createTextVNode as v, normalizeProps as V, guardReactiveProps as L, normalizeStyle as W, createCommentVNode as I, createElementBlock as R, createSlots as z, normalizeClass as M, Fragment as F } from "vue";
+import { _ as D } from "./CustomIcon-h5X7369N.js";
+import { C as Me } from "./CriticalCmdDialog-DPIZOBeP.js";
+import { D as Ge } from "./DetailsDialog-DmEC5BTs.js";
+import { E as je, S as qe } from "./ScriptChooser-EV65rbWx.js";
+import { G as Ze, a as Ye, b as Xe } from "./Graph-Bgo0cjl3.js";
+import { UnknownToAstroStatus as S, AstroStatusColors as E } from "./icons.js";
+import { T as G } from "./timeFilters-CRYpYDdf.js";
+import { f as H } from "./format-CVeawcIv.js";
+import { getMountedApps as j } from "single-spa";
+import { S as $e } from "./SimpleTextDialog-pwN8oRy1.js";
+import { T as tt } from "./TextBoxDialog-DOJ5d2RM.js";
+import { U as lt } from "./UpgradeToEnterpriseDialog-BvfgoNB1.js";
+const _e = {
+  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, i = null) {
+      new k().load_config(this.configKey, t).then((c) => {
+        c ? (this.$notify.normal({
+          title: "Loading configuration",
+          body: t
+        }), i && i(JSON.parse(c)), e || this.$route.fullPath.includes(t) || this.$router.push({
+          query: {
+            config: t
+          }
+        })) : this.$notify.caution({
+          title: "Unknown configuration",
+          body: t
+        });
+      }).catch((c) => {
+        c && this.$notify.serious({
+          title: `Error opening configuration: ${t}`,
+          body: c
+        });
+      });
+    },
+    saveConfigBase: function(t, e) {
+      new k().save_config(this.configKey, t, JSON.stringify(e)).then(() => {
+        this.$notify.normal({
+          title: "Saved configuration",
+          body: t
+        });
+      }).catch((i) => {
+        i && this.$notify.serious({
+          title: `Error saving configuration: ${t}`,
+          body: i
+        });
+      });
+    },
+    resetConfigBase: function() {
+      localStorage.removeItem(`${this.configKey}__default`);
+      const t = { ...this.$route.query };
+      delete t.config, this.$router.replace({ query: t });
+    }
+  }
+}, q = {
+  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 k().list_configs(this.configKey).then((e) => {
+      this.configs = e.map((i) => (t += 1, { configId: t, config: i }));
+    }).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 i;
+        ((i = this.selectedItem) == null ? void 0 : i.config) === t.config && (this.selectedRows = []), this.configs.splice(this.configs.indexOf(t), 1), new k().delete_config(this.configKey, t.config);
+      }).catch((e) => {
+        e !== !0 && this.$emit(
+          "warning",
+          `Failed to delete config ${t.config} Error: ${e}`
+        );
+      });
+    }
+  }
+}, J = { class: "mt-4 pa-3" }, Z = ["textContent"];
+function Y(t, e, i, c, l, a) {
+  const h = o("v-spacer"), f = o("v-toolbar"), p = o("v-text-field"), N = o("v-row"), g = o("v-btn"), T = o("v-data-table"), y = o("v-card-text"), d = o("v-card-actions"), x = o("v-card"), r = o("v-dialog");
+  return _(), w(r, {
+    modelValue: a.show,
+    "onUpdate:modelValue": e[4] || (e[4] = (u) => a.show = u),
+    onKeydown: P(a.cancel, ["esc"]),
+    width: "600"
+  }, {
+    default: n(() => [
+      s(x, null, {
+        default: n(() => [
+          m("form", {
+            onSubmit: e[3] || (e[3] = A((...u) => a.success && a.success(...u), ["prevent"]))
+          }, [
+            s(f, { height: "24" }, {
+              default: n(() => [
+                s(h),
+                e[5] || (e[5] = m("span", null, "Open Configuration", -1)),
+                s(h)
+              ]),
+              _: 1
+            }),
+            s(y, null, {
+              default: n(() => [
+                m("div", J, [
+                  s(N, { dense: "" }, {
+                    default: n(() => [
+                      s(p, {
+                        label: "search",
+                        modelValue: l.search,
+                        "onUpdate:modelValue": e[0] || (e[0] = (u) => l.search = u),
+                        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
+                  }),
+                  s(T, {
+                    modelValue: l.selectedRows,
+                    "onUpdate:modelValue": e[1] || (e[1] = (u) => l.selectedRows = u),
+                    "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] = (u, C) => a.selectRow(C))
+                  }, {
+                    "item.actions": n(({ item: u }) => [
+                      s(g, {
+                        class: "mt-1",
+                        icon: "mdi-delete",
+                        variant: "text",
+                        "data-test": "item-delete",
+                        onClick: (C) => a.deleteConfig(u)
+                      }, null, 8, ["onClick"])
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "search", "headers", "items"]),
+                  s(N, { dense: "" }, {
+                    default: n(() => [
+                      O(m("span", {
+                        class: "ma-2 text-red",
+                        textContent: b(a.error)
+                      }, null, 8, Z), [
+                        [B, a.error]
+                      ])
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            }),
+            s(d, { class: "px-2" }, {
+              default: n(() => [
+                s(h),
+                s(g, {
+                  variant: "outlined",
+                  onClick: a.cancel,
+                  "data-test": "open-config-cancel-btn"
+                }, {
+                  default: n(() => e[6] || (e[6] = [
+                    v(" Cancel ")
+                  ])),
+                  _: 1
+                }, 8, ["onClick"]),
+                s(g, {
+                  variant: "flat",
+                  onClick: A(a.success, ["prevent"]),
+                  type: "submit",
+                  "data-test": "open-config-submit-btn",
+                  disabled: !!a.error
+                }, {
+                  default: n(() => e[7] || (e[7] = [
+                    v(" Ok ")
+                  ])),
+                  _: 1
+                }, 8, ["onClick", "disabled"])
+              ]),
+              _: 1
+            })
+          ], 32)
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  }, 8, ["modelValue", "onKeydown"]);
+}
+const ye = /* @__PURE__ */ D(q, [["render", Y]]), X = {
+  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 k().list_configs(this.configKey).then((e) => {
+      this.configs = e.map((i) => (t += 1, { configId: t, config: i }));
+    }).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 i;
+        ((i = this.selectedItem) == null ? void 0 : i.config) === t.config && (this.selectedRows = [], this.configName = ""), this.configs.splice(this.configs.indexOf(t), 1), new k().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);
+    }
+  }
+}, Q = { class: "mt-4 pa-3" }, $ = ["textContent"];
+function ee(t, e, i, c, l, a) {
+  const h = o("v-spacer"), f = o("v-toolbar"), p = o("v-text-field"), N = o("v-row"), g = o("v-btn"), T = o("v-data-table"), y = o("v-card-text"), d = o("v-card-actions"), x = o("v-card"), r = o("v-dialog");
+  return _(), w(r, {
+    modelValue: a.show,
+    "onUpdate:modelValue": e[5] || (e[5] = (u) => a.show = u),
+    onKeydown: P(a.cancel, ["esc"]),
+    width: "600"
+  }, {
+    default: n(() => [
+      s(x, null, {
+        default: n(() => [
+          m("form", {
+            onSubmit: e[4] || (e[4] = A((...u) => a.success && a.success(...u), ["prevent"]))
+          }, [
+            s(f, { height: "24" }, {
+              default: n(() => [
+                s(h),
+                e[6] || (e[6] = m("span", null, "Save Configuration", -1)),
+                s(h)
+              ]),
+              _: 1
+            }),
+            s(y, null, {
+              default: n(() => [
+                m("div", Q, [
+                  s(N, { dense: "" }, {
+                    default: n(() => [
+                      s(p, {
+                        label: "search",
+                        modelValue: l.search,
+                        "onUpdate:modelValue": e[0] || (e[0] = (u) => l.search = u),
+                        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
+                  }),
+                  s(T, {
+                    modelValue: l.selectedRows,
+                    "onUpdate:modelValue": e[1] || (e[1] = (u) => l.selectedRows = u),
+                    "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] = (u, C) => a.selectRow(C))
+                  }, {
+                    "item.actions": n(({ item: u }) => [
+                      s(g, {
+                        class: "mt-1",
+                        icon: "mdi-delete",
+                        variant: "text",
+                        "data-test": "item-delete",
+                        onClick: (C) => a.deleteConfig(u)
+                      }, null, 8, ["onClick"])
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "search", "headers", "items"]),
+                  s(N, { dense: "" }, {
+                    default: n(() => [
+                      s(p, {
+                        modelValue: l.configName,
+                        "onUpdate:modelValue": e[3] || (e[3] = (u) => l.configName = u),
+                        "hide-details": "",
+                        autofocus: "",
+                        disabled: !!a.selectedItem,
+                        label: "Configuration Name",
+                        "data-test": "name-input-save-config-dialog"
+                      }, null, 8, ["modelValue", "disabled"])
+                    ]),
+                    _: 1
+                  }),
+                  s(N, { dense: "" }, {
+                    default: n(() => [
+                      O(m("span", {
+                        class: "ma-2 text-red",
+                        textContent: b(a.error)
+                      }, null, 8, $), [
+                        [B, a.error]
+                      ])
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            }),
+            s(d, { class: "px-2" }, {
+              default: n(() => [
+                s(h),
+                s(g, {
+                  variant: "outlined",
+                  onClick: a.cancel
+                }, {
+                  default: n(() => e[7] || (e[7] = [
+                    v(" Cancel ")
+                  ])),
+                  _: 1
+                }, 8, ["onClick"]),
+                s(g, {
+                  variant: "flat",
+                  onClick: A(a.success, ["prevent"]),
+                  type: "submit",
+                  "data-test": "save-config-submit-btn",
+                  disabled: !!a.error
+                }, {
+                  default: n(() => e[8] || (e[8] = [
+                    v(" Ok ")
+                  ])),
+                  _: 1
+                }, 8, ["onClick", "disabled"])
+              ]),
+              _: 1
+            })
+          ], 32)
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  }, 8, ["modelValue", "onKeydown"]);
+}
+const be = /* @__PURE__ */ D(X, [["render", ee]]), te = {
+  props: {
+    historyCount: {
+      type: Number,
+      default: 200
+    },
+    timeZone: {
+      type: String,
+      default: "local"
+    }
+  },
+  mixins: [G],
+  data() {
+    return {
+      AstroStatusColors: E,
+      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 K(),
+      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 i = "0x";
+                for (let c = 0; c < e.message.raw.length; c++) {
+                  let l = e.message.raw[c].toString(16).toUpperCase();
+                  l.length < 2 && (l = "0" + l), i += l;
+                }
+                e.message = i;
+              } 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 E[S[t]];
+    },
+    getStatus(t) {
+      return S[t];
+    },
+    downloadLog() {
+      const t = this.shownData.map(
+        (c) => (
+          // Other fields are available like container_name, msg_id ... probably not useful
+          `${c.timestamp} | ${c.level} | ${c.microservice_name} | ${c.message}`
+        )
+      ).join(`
+`), e = new Blob([t], {
+        type: "text/plain"
+      }), i = document.createElement("a");
+      i.href = URL.createObjectURL(e), i.setAttribute(
+        "download",
+        H(Date.now(), "yyyy_MM_dd_HH_mm_ss") + "_message_log.txt"
+      ), i.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) {
+      });
+    }
+  }
+}, se = { class: "d-flex align-baseline" }, le = ["title", "datetime"], ae = { style: { "white-space": "pre-wrap" } };
+function ie(t, e, i, c, l, a) {
+  const h = o("v-btn"), f = o("v-tooltip"), p = o("v-spacer"), N = o("v-select"), g = o("v-text-field"), T = o("v-card-title"), y = o("rux-status"), d = o("v-data-table"), x = o("v-card");
+  return _(), w(x, null, {
+    default: n(() => [
+      s(T, { class: "d-flex align-center justify-content-space-between" }, {
+        default: n(() => [
+          m("div", se, [
+            s(f, { location: "top" }, {
+              activator: n(({ props: r }) => [
+                m("div", V(L(r)), [
+                  s(h, {
+                    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] = m("span", null, " Download Log ", -1))
+              ]),
+              _: 1
+            }),
+            e[3] || (e[3] = m("span", null, " Log Messages ", -1)),
+            s(f, { location: "top" }, {
+              activator: n(({ props: r }) => [
+                m("div", V(L(r)), [
+                  s(h, {
+                    icon: a.buttonIcon,
+                    variant: "text",
+                    "data-test": "pause",
+                    onClick: a.pause
+                  }, null, 8, ["icon", "onClick"])
+                ], 16)
+              ]),
+              default: n(() => [
+                m("span", null, b(a.buttonLabel), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          s(p),
+          s(N, {
+            label: "Filter by log level",
+            "hide-details": "",
+            variant: "outlined",
+            density: "compact",
+            items: l.logLevels,
+            modelValue: l.logLevel,
+            "onUpdate:modelValue": e[0] || (e[0] = (r) => l.logLevel = r),
+            class: "mr-2",
+            style: { "max-width": "150px" },
+            "data-test": "log-messages-level"
+          }, null, 8, ["items", "modelValue"]),
+          s(p),
+          s(g, {
+            modelValue: l.search,
+            "onUpdate:modelValue": e[1] || (e[1] = (r) => l.search = r),
+            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"]),
+          s(f, { location: "top" }, {
+            activator: n(({ props: r }) => [
+              m("div", V(L(r)), [
+                s(h, {
+                  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] = m("span", null, " Clear Log ", -1))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }),
+      s(d, {
+        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: r }) => [
+          m("time", {
+            title: r.timestamp,
+            datetime: r.timestamp
+          }, b(r.timestamp), 9, le)
+        ]),
+        "item.level": n(({ item: r }) => [
+          m("span", {
+            style: W("display: inline-flex; color:" + a.getColor(r.level))
+          }, [
+            s(y, {
+              class: "mr-1",
+              status: a.getStatus(r.level)
+            }, null, 8, ["status"]),
+            v(" " + b(r.level), 1)
+          ], 4)
+        ]),
+        "item.message": n(({ item: r }) => [
+          m("div", ae, b(r.message), 1)
+        ]),
+        _: 1
+      }, 8, ["headers", "items", "search"])
+    ]),
+    _: 1
+  });
+}
+const we = /* @__PURE__ */ D(te, [["render", ie], ["__scopeId", "data-v-d5f1f607"]]), U = "single-spa:app-change", ne = {
+  data() {
+    return {
+      show: !1
+    };
+  },
+  created() {
+    window.addEventListener(U, this.handleAppChange);
+  },
+  mounted() {
+    setTimeout(() => {
+      this.show = j().length === 0;
+    }, 150);
+  },
+  unmounted() {
+    window.removeEventListener(
+      U,
+      this.handleAppChange
+    );
+  },
+  methods: {
+    handleAppChange: function(t) {
+      this.show = !t.detail.appsByNewStatus.MOUNTED;
+    }
+  }
+}, oe = { class: "mx-1" };
+function ce(t, e, i, c, l, a) {
+  const h = o("v-card-title"), f = o("v-card-text"), p = o("v-card");
+  return l.show ? (_(), w(p, { key: 0 }, {
+    default: n(() => [
+      s(h, null, {
+        default: n(() => e[0] || (e[0] = [
+          v(" 404 Not Found ")
+        ])),
+        _: 1
+      }),
+      s(f, { class: "d-flex align-center mt-3" }, {
+        default: n(() => [
+          e[1] || (e[1] = v(" The requested URL ")),
+          m("code", oe, b(t.$route.fullPath), 1),
+          e[2] || (e[2] = v(" was not routable. ")),
+          e[3] || (e[3] = m("span", { class: "text-h3 mx-1" }, " 🦄 ", -1))
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  })) : I("", !0);
+}
+const Te = /* @__PURE__ */ D(ne, [["render", ce]]), de = {
+  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
+    },
+    showLatest: {
+      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, i;
+    return {
+      targetNames: [],
+      selectedTargetName: (t = this.initialTargetName) == null ? void 0 : t.toUpperCase(),
+      packetNames: [],
+      selectedPacketName: (e = this.initialPacketName) == null ? void 0 : e.toUpperCase(),
+      itemNames: [],
+      selectedItemName: (i = this.initialItemName) == null ? void 0 : i.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 k(), 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;
+    },
+    includeLatestPacketInDropdown: function() {
+      return this.showLatest && this.mode === "tlm";
+    }
+  },
+  watch: {
+    initialTargetName: function(t) {
+      t && (this.selectedTargetName = t.toUpperCase());
+    },
+    initialPacketName: function(t) {
+      t && (this.selectedPacketName = t.toUpperCase());
+    },
+    initialItemName: function(t) {
+      t && (this.selectedItemName = t.toUpperCase());
+    },
+    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((c) => ({
+          label: c,
+          value: c
+        })), this.allowAll && this.packetNames.unshift(this.ALL), this.selectedPacketName || (this.selectedPacketName = this.packetNames[0].value), this.updatePacketDetails(this.selectedPacketName), this.packetNames.find((c) => c.value === this.selectedPacketName) && this.chooseItem && this.updateItems(), this.internalDisabled = !1;
+      });
+    },
+    updateItems: function() {
+      if (this.selectedPacketName !== "ALL")
+        if (this.internalDisabled = !0, this.selectedPacketName === "LATEST")
+          this.api.get_all_tlm_item_names(this.selectedTargetName).then((t) => {
+            this.itemNames = t.map((e) => ({
+              label: e,
+              value: e,
+              description: `LATEST ${e}`
+              // Don't handle array for LATEST
+            })), this.finishUpdateItems();
+          });
+        else {
+          const t = this.mode === "tlm" ? "get_tlm" : "get_cmd";
+          this.api[t](this.selectedTargetName, this.selectedPacketName).then(
+            (e) => {
+              this.itemNames = e.items.map((i) => {
+                let c = i.name;
+                return i.data_type == "DERIVED" && (c += " *"), {
+                  label: c,
+                  value: i.name,
+                  description: i.description,
+                  array: i.array_size / i.bit_size
+                };
+              }), this.itemNames.sort((i, c) => i.label > c.label ? 1 : -1), this.finishUpdateItems();
+            }
+          );
+        }
+    },
+    finishUpdateItems: function() {
+      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(
+        (i) => i.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 if (t === "LATEST")
+        this.itemsDisabled = !1, this.selectedPacketName = "LATEST";
+      else {
+        this.itemsDisabled = !1;
+        const e = this.packetNames.find((i) => t === i.value);
+        if (e) {
+          this.selectedPacketName = e.value;
+          const i = this.mode === "tlm" ? "get_tlm" : "get_cmd";
+          this.api[i](this.selectedTargetName, this.selectedPacketName).then(
+            (c) => {
+              this.description = c.description, this.hazardous = c.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((i) => t === i.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(
+          (i) => {
+            i.items.forEach((c) => {
+              this.$emit("addItem", {
+                targetName: this.selectedTargetName,
+                packetName: t.value,
+                itemName: c.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
+        });
+      });
+    }
+  }
+}, re = { class: "pt-4 pb-4" };
+function ue(t, e, i, c, l, a) {
+  const h = o("v-autocomplete"), f = o("v-col"), p = o("v-list-item"), N = o("v-divider"), g = o("v-combobox"), T = o("v-btn"), y = o("v-row");
+  return _(), R("div", re, [
+    s(y, {
+      "no-gutters": !i.vertical
+    }, {
+      default: n(() => [
+        s(f, {
+          cols: a.colSize,
+          class: "tpic-select pr-4",
+          "data-test": "select-target"
+        }, {
+          default: n(() => [
+            s(h, {
+              label: "Select Target",
+              "hide-details": "",
+              density: "compact",
+              variant: "outlined",
+              "onUpdate:modelValue": [
+                a.targetNameChanged,
+                e[0] || (e[0] = (d) => l.selectedTargetName = d)
+              ],
+              items: l.targetNames,
+              "item-title": "label",
+              "item-value": "value",
+              modelValue: l.selectedTargetName
+            }, null, 8, ["onUpdate:modelValue", "items", "modelValue"])
+          ]),
+          _: 1
+        }, 8, ["cols"]),
+        s(f, {
+          cols: a.colSize,
+          class: "tpic-select pr-4",
+          "data-test": "select-packet"
+        }, {
+          default: n(() => [
+            s(h, {
+              label: "Select Packet",
+              "hide-details": "",
+              density: "compact",
+              variant: "outlined",
+              "onUpdate:modelValue": [
+                a.packetNameChanged,
+                e[2] || (e[2] = (d) => l.selectedPacketName = d)
+              ],
+              disabled: l.packetsDisabled || a.autocompleteDisabled,
+              items: l.packetNames,
+              "item-title": "label",
+              "item-value": "value",
+              modelValue: l.selectedPacketName
+            }, z({ _: 2 }, [
+              a.includeLatestPacketInDropdown ? {
+                name: "prepend-item",
+                fn: n(() => [
+                  s(p, {
+                    title: "LATEST",
+                    onClick: e[1] || (e[1] = (d) => a.packetNameChanged("LATEST"))
+                  }),
+                  s(N)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["onUpdate:modelValue", "disabled", "items", "modelValue"])
+          ]),
+          _: 1
+        }, 8, ["cols"]),
+        i.chooseItem ? (_(), w(f, {
+          key: 0,
+          cols: a.colSize,
+          class: "tpic-select pr-4",
+          "data-test": "select-item"
+        }, {
+          default: n(() => [
+            s(h, {
+              label: "Select Item",
+              "hide-details": "",
+              density: "compact",
+              variant: "outlined",
+              "onUpdate:modelValue": [
+                e[3] || (e[3] = (d) => a.itemNameChanged(d)),
+                e[4] || (e[4] = (d) => l.selectedItemName = d)
+              ],
+              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"])) : I("", !0),
+        i.chooseItem && a.itemIsArray() ? (_(), w(f, {
+          key: 1,
+          cols: "1",
+          class: "tpic-select pr-4",
+          "data-test": "array-index",
+          style: { "min-width": "105px" }
+        }, {
+          default: n(() => [
+            s(g, {
+              label: "Index",
+              "hide-details": "",
+              density: "compact",
+              variant: "outlined",
+              "onUpdate:modelValue": [
+                e[5] || (e[5] = (d) => a.indexChanged(d)),
+                e[6] || (e[6] = (d) => l.selectedArrayIndex = d)
+              ],
+              disabled: l.itemsDisabled || a.autocompleteDisabled,
+              items: a.arrayIndexes(),
+              "item-title": "label",
+              "item-value": "value",
+              modelValue: l.selectedArrayIndex
+            }, null, 8, ["disabled", "items", "modelValue"])
+          ]),
+          _: 1
+        })) : I("", !0),
+        i.buttonText ? (_(), w(f, {
+          key: 2,
+          cols: a.colSize,
+          style: { "max-width": "140px" }
+        }, {
+          default: n(() => [
+            s(T, {
+              disabled: a.buttonDisabled,
+              color: "primary",
+              "data-test": "select-send",
+              onClick: a.buttonPressed
+            }, {
+              default: n(() => [
+                v(b(a.actualButtonText), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled", "onClick"])
+          ]),
+          _: 1
+        }, 8, ["cols"])) : I("", !0)
+      ]),
+      _: 1
+    }, 8, ["no-gutters"]),
+    i.selectTypes ? (_(), w(y, {
+      key: 0,
+      "no-gutters": "",
+      class: "pt-6"
+    }, {
+      default: n(() => [
+        s(f, {
+          cols: a.colSize,
+          class: "tpic-select pr-4",
+          "data-test": "data-type"
+        }, {
+          default: n(() => [
+            s(h, {
+              label: "Value Type",
+              "hide-details": "",
+              density: "compact",
+              variant: "outlined",
+              items: l.valueTypes,
+              modelValue: l.selectedValueType,
+              "onUpdate:modelValue": e[7] || (e[7] = (d) => l.selectedValueType = d)
+            }, null, 8, ["items", "modelValue"])
+          ]),
+          _: 1
+        }, 8, ["cols"]),
+        s(f, {
+          cols: a.colSize,
+          class: "tpic-select pr-4",
+          "data-test": "reduced"
+        }, {
+          default: n(() => [
+            s(h, {
+              label: "Reduced",
+              "hide-details": "",
+              density: "compact",
+              variant: "outlined",
+              items: l.reductionModes,
+              modelValue: l.selectedReduced,
+              "onUpdate:modelValue": e[8] || (e[8] = (d) => l.selectedReduced = d)
+            }, null, 8, ["items", "modelValue"])
+          ]),
+          _: 1
+        }, 8, ["cols"]),
+        s(f, {
+          cols: a.colSize,
+          class: "tpic-select pr-4",
+          "data-test": "reduced-type"
+        }, {
+          default: n(() => [
+            s(h, {
+              label: "Reduced Type",
+              "hide-details": "",
+              density: "compact",
+              variant: "outlined",
+              disabled: l.selectedReduced === "DECOM",
+              items: l.reducedTypes,
+              modelValue: l.selectedReducedType,
+              "onUpdate:modelValue": e[9] || (e[9] = (d) => l.selectedReducedType = d)
+            }, null, 8, ["disabled", "items", "modelValue"])
+          ]),
+          _: 1
+        }, 8, ["cols"]),
+        s(f, {
+          cols: a.colSize,
+          style: { "max-width": "140px" }
+        }, null, 8, ["cols"])
+      ]),
+      _: 1
+    })) : I("", !0),
+    s(y, {
+      "no-gutters": "",
+      class: "pa-3"
+    }, {
+      default: n(() => [
+        s(f, {
+          cols: a.colSize,
+          class: M({ "openc3-yellow": l.hazardous })
+        }, {
+          default: n(() => [
+            v(" Description: " + b(l.description) + " ", 1),
+            l.hazardous ? (_(), R(F, { key: 0 }, [
+              v(" (HAZARDOUS) ")
+            ], 64)) : I("", !0)
+          ]),
+          _: 1
+        }, 8, ["cols", "class"])
+      ]),
+      _: 1
+    })
+  ]);
+}
+const ke = /* @__PURE__ */ D(de, [["render", ue], ["__scopeId", "data-v-17a5870b"]]);
+export {
+  Ce as AceEditorModes,
+  Ve as AceEditorUtils,
+  _e as Config,
+  Me as CriticalCmdDialog,
+  Ke as DataViewerComponent,
+  We as DataViewerHistoryComponent,
+  Ge as DetailsDialog,
+  Se as EditScreenDialog,
+  je as EnvironmentChooser,
+  Ee as EnvironmentDialog,
+  Ue as FileOpenSaveDialog,
+  Ze as Graph,
+  Ye as GraphEditDialog,
+  Xe as GraphEditItemDialog,
+  we as LogMessages,
+  Te as NotFound,
+  ye as OpenConfigDialog,
+  Pe as Openc3Screen,
+  De as OutputDialog,
+  be as SaveConfigDialog,
+  Oe as ScreenCompleter,
+  qe as ScriptChooser,
+  $e as SimpleTextDialog,
+  ke as TargetPacketItemChooser,
+  tt as TextBoxDialog,
+  Le as TopBar,
+  lt as UpgradeToEnterpriseDialog
+};
+//# sourceMappingURL=components.js.map