@openc3/vue-common 6.5.1 → 6.7.0

package/dist/components.js

@@ -1,22 +1,22 @@
-import { A as Ie, O as xe } from "./OutputDialog-CcSp-Uqo.js";
-import { A as De, T as Ae } from "./TopBar-BrCfgCxc.js";
-import { E as Re, a as Le, F as Se, O as Ee, S as Ue } from "./Openc3Screen-BZN0Wtrm.js";
-import { p as k, d as O } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-NIAkCgU6.js";
-import { D as Oe, e as Be } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-NIAkCgU6.js";
-import { resolveComponent as o, createBlock as b, openBlock as _, withKeys as E, withCtx as n, createVNode as l, createElementVNode as f, withModifiers as D, withDirectives as U, toDisplayString as w, vShow as P, createTextVNode as g, normalizeStyle as B, createCommentVNode as I, createElementBlock as V, createSlots as K, normalizeClass as W, Fragment as M } from "vue";
-import { _ as C } from "./CustomIcon-h5X7369N.js";
-import { C as We } from "./CriticalCmdDialog-Dylpoz_4.js";
-import { D as ze } from "./DetailsDialog-BQE0TraI.js";
-import { E as Ge, S as He } from "./ScriptChooser-Cua8ObYv.js";
-import { G as qe, a as Je, b as Ze } from "./Graph-DCihpnT0.js";
-import { UnknownToAstroStatus as R, AstroStatusColors as L } from "./icons.js";
-import { T as z } from "./timeFilters-BKnCM4rv.js";
-import { f as F } from "./format-CVeawcIv.js";
-import { getMountedApps as G } from "single-spa";
-import { S as Xe } from "./SimpleTextDialog-BulqUrdH.js";
-import { T as $e } from "./TextBoxDialog-C60jmnyN.js";
-import { U as tt } from "./UpgradeToEnterpriseDialog-CGyR2v7U.js";
-const Ne = {
+import { A as _e, O as ve } from "./OutputDialog-M5Xc_DqH.js";
+import { A as be, T as ye } from "./TopBar-D_2lT9RB.js";
+import { E as xe, a as Se, F as Ve, O as De, S as Re } from "./Openc3Screen-CkdegNDJ.js";
+import { d as w, a as U } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-DWYRspHE.js";
+import { D as Ne, g as Ee } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-DWYRspHE.js";
+import { resolveComponent as i, createBlock as V, openBlock as D, withKeys as A, withCtx as l, createVNode as o, createElementVNode as u, withModifiers as S, withDirectives as O, toDisplayString as v, vShow as T, createTextVNode as _, normalizeStyle as L, createCommentVNode as F } from "vue";
+import { _ as R } from "./CustomIcon-h5X7369N.js";
+import { C as Ae } from "./CriticalCmdDialog-CF7Sqjdm.js";
+import { D as Te } from "./DetailsDialog-DRVahE5z.js";
+import { E as Le, S as Fe } from "./ScriptChooser-B5TkGuZ4.js";
+import { G as Be, a as $e, b as Ge, T as Me } from "./Graph-BiU56Qj2.js";
+import { UnknownToAstroStatus as N, AstroStatusColors as E } from "./icons.js";
+import { T as K } from "./timeFilters-BKnCM4rv.js";
+import { f as B } from "./format-CVeawcIv.js";
+import { getMountedApps as $ } from "single-spa";
+import { S as je } from "./SimpleTextDialog-Cmtrmt79.js";
+import { T as He } from "./TextBoxDialog-BlZ6MBoW.js";
+import { U as We } from "./UpgradeToEnterpriseDialog-Cvt5MMTj.js";
+const de = {
   data: {
     configKey: "",
     // Applications can set to avoid persisting default config
@@ -30,12 +30,12 @@ const Ne = {
     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({
+    openConfigBase: function(t, e = !1, a = null) {
+      new w().load_config(this.configKey, t).then((r) => {
+        r ? (this.$notify.normal({
           title: "Loading configuration",
           body: t
-        }), i && i(JSON.parse(c)), e || this.$route.fullPath.includes(t) || this.$router.push({
+        }), a && a(JSON.parse(r)), e || this.$route.fullPath.includes(t) || this.$router.push({
           query: {
             config: t
           }
@@ -43,23 +43,23 @@ const Ne = {
           title: "Unknown configuration",
           body: t
         });
-      }).catch((c) => {
-        c && this.$notify.serious({
+      }).catch((r) => {
+        r && this.$notify.serious({
           title: `Error opening configuration: ${t}`,
-          body: c
+          body: r
         });
       });
     },
     saveConfigBase: function(t, e) {
-      new k().save_config(this.configKey, t, JSON.stringify(e)).then(() => {
+      new w().save_config(this.configKey, t, JSON.stringify(e)).then(() => {
         this.$notify.normal({
           title: "Saved configuration",
           body: t
         });
-      }).catch((i) => {
-        i && this.$notify.serious({
+      }).catch((a) => {
+        a && this.$notify.serious({
           title: `Error saving configuration: ${t}`,
-          body: i
+          body: a
         });
       });
     },
@@ -69,7 +69,7 @@ const Ne = {
       delete t.config, this.$router.replace({ query: t });
     }
   }
-}, H = {
+}, G = {
   props: {
     configKey: String,
     modelValue: Boolean
@@ -114,8 +114,8 @@ const Ne = {
   },
   mounted() {
     let t = -1;
-    new k().list_configs(this.configKey).then((e) => {
-      this.configs = e.map((i) => (t += 1, { configId: t, config: i }));
+    new w().list_configs(this.configKey).then((e) => {
+      this.configs = e.map((a) => (t += 1, { configId: t, config: a }));
     }).catch((e) => {
       this.$emit("warning", `Failed to connect to OpenC3. ${e}`);
     });
@@ -135,8 +135,8 @@ const Ne = {
         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);
+        var a;
+        ((a = this.selectedItem) == null ? void 0 : a.config) === t.config && (this.selectedRows = []), this.configs.splice(this.configs.indexOf(t), 1), new w().delete_config(this.configKey, t.config);
       }).catch((e) => {
         e !== !0 && this.$emit(
           "warning",
@@ -145,37 +145,38 @@ const Ne = {
       });
     }
   }
-}, j = { class: "mt-4 pa-3" }, q = ["textContent"];
-function J(t, e, i, c, s, a) {
-  const u = o("v-spacer"), m = o("v-toolbar"), N = o("v-text-field"), v = o("v-row"), p = o("v-btn"), T = o("v-data-table"), y = o("v-card-text"), d = o("v-card-actions"), h = o("v-card"), A = o("v-dialog");
-  return _(), b(A, {
-    modelValue: a.show,
-    "onUpdate:modelValue": e[4] || (e[4] = (r) => a.show = r),
+}, M = { class: "mt-4 pa-3" }, P = ["textContent"];
+function j(t, e, a, r, s, n) {
+  const f = i("v-spacer"), h = i("v-toolbar"), g = i("v-text-field"), p = i("v-row"), m = i("v-btn"), b = i("v-data-table"), y = i("v-card-text"), C = i("v-card-actions"), d = i("v-card"), k = i("v-dialog");
+  return D(), V(k, {
+    modelValue: n.show,
+    "onUpdate:modelValue": e[4] || (e[4] = (c) => n.show = c),
     width: "600",
-    onKeydown: E(a.cancel, ["esc"])
+    onKeydown: A(n.cancel, ["esc"])
   }, {
-    default: n(() => [
-      l(h, null, {
-        default: n(() => [
-          f("form", {
-            onSubmit: e[3] || (e[3] = D((...r) => a.success && a.success(...r), ["prevent"]))
+    default: l(() => [
+      o(d, null, {
+        default: l(() => [
+          u("form", {
+            onSubmit: e[3] || (e[3] = S((...c) => n.success && n.success(...c), ["prevent"]))
           }, [
-            l(m, { height: "24" }, {
-              default: n(() => [
-                l(u),
-                e[5] || (e[5] = f("span", null, "Open Configuration", -1)),
-                l(u)
+            o(h, { height: "24" }, {
+              default: l(() => [
+                o(f),
+                e[5] || (e[5] = u("span", null, "Open Configuration", -1)),
+                o(f)
               ]),
-              _: 1
+              _: 1,
+              __: [5]
             }),
-            l(y, null, {
-              default: n(() => [
-                f("div", j, [
-                  l(v, { dense: "" }, {
-                    default: n(() => [
-                      l(N, {
+            o(y, null, {
+              default: l(() => [
+                u("div", M, [
+                  o(p, { dense: "" }, {
+                    default: l(() => [
+                      o(g, {
                         modelValue: s.search,
-                        "onUpdate:modelValue": e[0] || (e[0] = (r) => s.search = r),
+                        "onUpdate:modelValue": e[0] || (e[0] = (c) => s.search = c),
                         label: "search",
                         type: "text",
                         "prepend-inner-icon": "mdi-magnify",
@@ -191,9 +192,9 @@ function J(t, e, i, c, s, a) {
                     ]),
                     _: 1
                   }),
-                  l(T, {
+                  o(b, {
                     modelValue: s.selectedRows,
-                    "onUpdate:modelValue": e[1] || (e[1] = (r) => s.selectedRows = r),
+                    "onUpdate:modelValue": e[1] || (e[1] = (c) => s.selectedRows = c),
                     "show-select": "",
                     "select-strategy": "single",
                     "item-value": "configId",
@@ -202,26 +203,26 @@ function J(t, e, i, c, s, a) {
                     items: s.configs,
                     "items-per-page": 5,
                     "items-per-page-options": [5],
-                    "onClick:row": e[2] || (e[2] = (r, x) => a.selectRow(x))
+                    "onClick:row": e[2] || (e[2] = (c, x) => n.selectRow(x))
                   }, {
-                    "item.actions": n(({ item: r }) => [
-                      l(p, {
+                    "item.actions": l(({ item: c }) => [
+                      o(m, {
                         class: "mt-1",
                         icon: "mdi-delete",
                         variant: "text",
                         "data-test": "item-delete",
-                        onClick: (x) => a.deleteConfig(r)
+                        onClick: (x) => n.deleteConfig(c)
                       }, null, 8, ["onClick"])
                     ]),
                     _: 1
                   }, 8, ["modelValue", "search", "headers", "items"]),
-                  l(v, { dense: "" }, {
-                    default: n(() => [
-                      U(f("span", {
+                  o(p, { dense: "" }, {
+                    default: l(() => [
+                      O(u("span", {
                         class: "ma-2 text-red",
-                        textContent: w(a.error)
-                      }, null, 8, q), [
-                        [P, a.error]
+                        textContent: v(n.error)
+                      }, null, 8, P), [
+                        [T, n.error]
                       ])
                     ]),
                     _: 1
@@ -230,30 +231,32 @@ function J(t, e, i, c, s, a) {
               ]),
               _: 1
             }),
-            l(d, { class: "px-2" }, {
-              default: n(() => [
-                l(u),
-                l(p, {
+            o(C, { class: "px-2" }, {
+              default: l(() => [
+                o(f),
+                o(m, {
                   variant: "outlined",
                   "data-test": "open-config-cancel-btn",
-                  onClick: a.cancel
+                  onClick: n.cancel
                 }, {
-                  default: n(() => e[6] || (e[6] = [
-                    g(" Cancel ")
+                  default: l(() => e[6] || (e[6] = [
+                    _(" Cancel ", -1)
                   ])),
-                  _: 1
+                  _: 1,
+                  __: [6]
                 }, 8, ["onClick"]),
-                l(p, {
+                o(m, {
                   variant: "flat",
                   type: "submit",
                   "data-test": "open-config-submit-btn",
-                  disabled: !!a.error,
-                  onClick: D(a.success, ["prevent"])
+                  disabled: !!n.error,
+                  onClick: S(n.success, ["prevent"])
                 }, {
-                  default: n(() => e[7] || (e[7] = [
-                    g(" Ok ")
+                  default: l(() => e[7] || (e[7] = [
+                    _(" Ok ", -1)
                   ])),
-                  _: 1
+                  _: 1,
+                  __: [7]
                 }, 8, ["disabled", "onClick"])
               ]),
               _: 1
@@ -266,7 +269,7 @@ function J(t, e, i, c, s, a) {
     _: 1
   }, 8, ["modelValue", "onKeydown"]);
 }
-const ve = /* @__PURE__ */ C(H, [["render", J]]), Z = {
+const ue = /* @__PURE__ */ R(G, [["render", j]]), q = {
   props: {
     configKey: String,
     modelValue: Boolean
@@ -317,8 +320,8 @@ const ve = /* @__PURE__ */ C(H, [["render", J]]), Z = {
   },
   mounted() {
     let t = -1;
-    new k().list_configs(this.configKey).then((e) => {
-      this.configs = e.map((i) => (t += 1, { configId: t, config: i }));
+    new w().list_configs(this.configKey).then((e) => {
+      this.configs = e.map((a) => (t += 1, { configId: t, config: a }));
     }).catch((e) => {
       this.$emit("warning", `Failed to connect to OpenC3. ${e}`);
     });
@@ -338,8 +341,8 @@ const ve = /* @__PURE__ */ C(H, [["render", J]]), Z = {
         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);
+        var a;
+        ((a = this.selectedItem) == null ? void 0 : a.config) === t.config && (this.selectedRows = [], this.configName = ""), this.configs.splice(this.configs.indexOf(t), 1), new w().delete_config(this.configKey, t.config);
       }).catch((e) => {
         e !== !0 && this.$emit(
           "warning",
@@ -348,37 +351,38 @@ const ve = /* @__PURE__ */ C(H, [["render", J]]), Z = {
       });
     }
   }
-}, Y = { class: "mt-4 pa-3" }, X = ["textContent"];
-function Q(t, e, i, c, s, a) {
-  const u = o("v-spacer"), m = o("v-toolbar"), N = o("v-text-field"), v = o("v-row"), p = o("v-btn"), T = o("v-data-table"), y = o("v-card-text"), d = o("v-card-actions"), h = o("v-card"), A = o("v-dialog");
-  return _(), b(A, {
-    modelValue: a.show,
-    "onUpdate:modelValue": e[5] || (e[5] = (r) => a.show = r),
+}, H = { class: "mt-4 pa-3" }, J = ["textContent"];
+function W(t, e, a, r, s, n) {
+  const f = i("v-spacer"), h = i("v-toolbar"), g = i("v-text-field"), p = i("v-row"), m = i("v-btn"), b = i("v-data-table"), y = i("v-card-text"), C = i("v-card-actions"), d = i("v-card"), k = i("v-dialog");
+  return D(), V(k, {
+    modelValue: n.show,
+    "onUpdate:modelValue": e[5] || (e[5] = (c) => n.show = c),
     width: "600",
-    onKeydown: E(a.cancel, ["esc"])
+    onKeydown: A(n.cancel, ["esc"])
   }, {
-    default: n(() => [
-      l(h, null, {
-        default: n(() => [
-          f("form", {
-            onSubmit: e[4] || (e[4] = D((...r) => a.success && a.success(...r), ["prevent"]))
+    default: l(() => [
+      o(d, null, {
+        default: l(() => [
+          u("form", {
+            onSubmit: e[4] || (e[4] = S((...c) => n.success && n.success(...c), ["prevent"]))
           }, [
-            l(m, { height: "24" }, {
-              default: n(() => [
-                l(u),
-                e[6] || (e[6] = f("span", null, "Save Configuration", -1)),
-                l(u)
+            o(h, { height: "24" }, {
+              default: l(() => [
+                o(f),
+                e[6] || (e[6] = u("span", null, "Save Configuration", -1)),
+                o(f)
               ]),
-              _: 1
+              _: 1,
+              __: [6]
             }),
-            l(y, null, {
-              default: n(() => [
-                f("div", Y, [
-                  l(v, { dense: "" }, {
-                    default: n(() => [
-                      l(N, {
+            o(y, null, {
+              default: l(() => [
+                u("div", H, [
+                  o(p, { dense: "" }, {
+                    default: l(() => [
+                      o(g, {
                         modelValue: s.search,
-                        "onUpdate:modelValue": e[0] || (e[0] = (r) => s.search = r),
+                        "onUpdate:modelValue": e[0] || (e[0] = (c) => s.search = c),
                         label: "search",
                         type: "text",
                         "prepend-inner-icon": "mdi-magnify",
@@ -393,9 +397,9 @@ function Q(t, e, i, c, s, a) {
                     ]),
                     _: 1
                   }),
-                  l(T, {
+                  o(b, {
                     modelValue: s.selectedRows,
-                    "onUpdate:modelValue": e[1] || (e[1] = (r) => s.selectedRows = r),
+                    "onUpdate:modelValue": e[1] || (e[1] = (c) => s.selectedRows = c),
                     "show-select": "",
                     "select-strategy": "single",
                     "item-value": "configId",
@@ -404,40 +408,40 @@ function Q(t, e, i, c, s, a) {
                     items: s.configs,
                     "items-per-page": 5,
                     "items-per-page-options": [5],
-                    "onClick:row": e[2] || (e[2] = (r, x) => a.selectRow(x))
+                    "onClick:row": e[2] || (e[2] = (c, x) => n.selectRow(x))
                   }, {
-                    "item.actions": n(({ item: r }) => [
-                      l(p, {
+                    "item.actions": l(({ item: c }) => [
+                      o(m, {
                         class: "mt-1",
                         icon: "mdi-delete",
                         variant: "text",
                         "data-test": "item-delete",
-                        onClick: (x) => a.deleteConfig(r)
+                        onClick: (x) => n.deleteConfig(c)
                       }, null, 8, ["onClick"])
                     ]),
                     _: 1
                   }, 8, ["modelValue", "search", "headers", "items"]),
-                  l(v, { dense: "" }, {
-                    default: n(() => [
-                      l(N, {
+                  o(p, { dense: "" }, {
+                    default: l(() => [
+                      o(g, {
                         modelValue: s.configName,
-                        "onUpdate:modelValue": e[3] || (e[3] = (r) => s.configName = r),
+                        "onUpdate:modelValue": e[3] || (e[3] = (c) => s.configName = c),
                         "hide-details": "",
                         autofocus: "",
-                        disabled: !!a.selectedItem,
+                        disabled: !!n.selectedItem,
                         label: "Configuration Name",
                         "data-test": "name-input-save-config-dialog"
                       }, null, 8, ["modelValue", "disabled"])
                     ]),
                     _: 1
                   }),
-                  l(v, { dense: "" }, {
-                    default: n(() => [
-                      U(f("span", {
+                  o(p, { dense: "" }, {
+                    default: l(() => [
+                      O(u("span", {
                         class: "ma-2 text-red",
-                        textContent: w(a.error)
-                      }, null, 8, X), [
-                        [P, a.error]
+                        textContent: v(n.error)
+                      }, null, 8, J), [
+                        [T, n.error]
                       ])
                     ]),
                     _: 1
@@ -446,29 +450,31 @@ function Q(t, e, i, c, s, a) {
               ]),
               _: 1
             }),
-            l(d, { class: "px-2" }, {
-              default: n(() => [
-                l(u),
-                l(p, {
+            o(C, { class: "px-2" }, {
+              default: l(() => [
+                o(f),
+                o(m, {
                   variant: "outlined",
-                  onClick: a.cancel
+                  onClick: n.cancel
                 }, {
-                  default: n(() => e[7] || (e[7] = [
-                    g(" Cancel ")
+                  default: l(() => e[7] || (e[7] = [
+                    _(" Cancel ", -1)
                   ])),
-                  _: 1
+                  _: 1,
+                  __: [7]
                 }, 8, ["onClick"]),
-                l(p, {
+                o(m, {
                   variant: "flat",
                   type: "submit",
                   "data-test": "save-config-submit-btn",
-                  disabled: !!a.error,
-                  onClick: D(a.success, ["prevent"])
+                  disabled: !!n.error,
+                  onClick: S(n.success, ["prevent"])
                 }, {
-                  default: n(() => e[8] || (e[8] = [
-                    g(" Ok ")
+                  default: l(() => e[8] || (e[8] = [
+                    _(" Ok ", -1)
                   ])),
-                  _: 1
+                  _: 1,
+                  __: [8]
                 }, 8, ["disabled", "onClick"])
               ]),
               _: 1
@@ -481,8 +487,8 @@ function Q(t, e, i, c, s, a) {
     _: 1
   }, 8, ["modelValue", "onKeydown"]);
 }
-const _e = /* @__PURE__ */ C(Z, [["render", Q]]), $ = {
-  mixins: [z],
+const fe = /* @__PURE__ */ R(q, [["render", W]]), z = {
+  mixins: [K],
   props: {
     historyCount: {
       type: Number,
@@ -495,7 +501,7 @@ const _e = /* @__PURE__ */ C(Z, [["render", Q]]), $ = {
   },
   data() {
     return {
-      AstroStatusColors: L,
+      AstroStatusColors: E,
       data: [],
       shownData: [],
       logLevels: ["DEBUG", "INFO", "WARN", "ERROR", "FATAL"],
@@ -507,7 +513,7 @@ const _e = /* @__PURE__ */ C(Z, [["render", Q]]), $ = {
         { title: "Source", value: "microservice_name" },
         { title: "Message", value: "message" }
       ],
-      cable: new O(),
+      cable: new U(),
       subscription: null,
       paused: !1
     };
@@ -565,12 +571,12 @@ const _e = /* @__PURE__ */ C(Z, [["render", Q]]), $ = {
                 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 s = e.message.raw[c].toString(16).toUpperCase();
-                  s.length < 2 && (s = "0" + s), i += s;
+                let a = "0x";
+                for (let r = 0; r < e.message.raw.length; r++) {
+                  let s = e.message.raw[r].toString(16).toUpperCase();
+                  s.length < 2 && (s = "0" + s), a += s;
                 }
-                e.message = i;
+                e.message = a;
               } else
                 e.message = e.message.replaceAll("\\n", `
 `);
@@ -587,25 +593,25 @@ const _e = /* @__PURE__ */ C(Z, [["render", Q]]), $ = {
       });
     },
     getColor(t) {
-      return L[R[t]];
+      return E[N[t]];
     },
     getStatus(t) {
-      return R[t];
+      return N[t];
     },
     downloadLog() {
       const t = this.shownData.map(
-        (c) => (
+        (r) => (
           // Other fields are available like container_name, msg_id ... probably not useful
-          `${c.timestamp} | ${c.level} | ${c.microservice_name} | ${c.message}`
+          `${r.timestamp} | ${r.level} | ${r.microservice_name} | ${r.message}`
         )
       ).join(`
 `), e = new Blob([t], {
         type: "text/plain"
-      }), i = document.createElement("a");
-      i.href = URL.createObjectURL(e), i.setAttribute(
+      }), a = document.createElement("a");
+      a.href = URL.createObjectURL(e), a.setAttribute(
         "download",
-        F(Date.now(), "yyyy_MM_dd_HH_mm_ss") + "_message_log.txt"
-      ), i.click();
+        B(Date.now(), "yyyy_MM_dd_HH_mm_ss") + "_message_log.txt"
+      ), a.click();
     },
     clearLog: function() {
       this.$dialog.confirm("Are you sure you want to clear the log?", {
@@ -617,34 +623,34 @@ const _e = /* @__PURE__ */ C(Z, [["render", Q]]), $ = {
       });
     }
   }
-}, ee = { class: "d-flex align-baseline" }, te = ["title", "datetime"], se = { style: { "white-space": "pre-wrap" } };
-function le(t, e, i, c, s, a) {
-  const u = o("v-btn"), m = o("v-spacer"), N = o("v-select"), v = o("v-text-field"), p = o("v-card-title"), T = o("rux-status"), y = o("v-data-table"), d = o("v-card");
-  return _(), b(d, null, {
-    default: n(() => [
-      l(p, { class: "d-flex align-center justify-content-space-between" }, {
-        default: n(() => [
-          f("div", ee, [
-            l(u, {
+}, Z = { class: "d-flex align-baseline" }, Q = ["title", "datetime"], X = { style: { "white-space": "pre-wrap" } };
+function Y(t, e, a, r, s, n) {
+  const f = i("v-btn"), h = i("v-spacer"), g = i("v-select"), p = i("v-text-field"), m = i("v-card-title"), b = i("rux-status"), y = i("v-data-table"), C = i("v-card");
+  return D(), V(C, null, {
+    default: l(() => [
+      o(m, { class: "d-flex align-center justify-content-space-between" }, {
+        default: l(() => [
+          u("div", Z, [
+            o(f, {
               icon: "mdi-download",
               variant: "text",
               size: "small",
               class: "mr-2",
               "data-test": "download-log",
-              onClick: a.downloadLog
+              onClick: n.downloadLog
             }, null, 8, ["onClick"]),
-            e[2] || (e[2] = f("span", null, " Log Messages ", -1)),
-            l(u, {
-              icon: a.buttonIcon,
+            e[2] || (e[2] = u("span", null, " Log Messages ", -1)),
+            o(f, {
+              icon: n.buttonIcon,
               variant: "text",
               "data-test": "pause",
-              onClick: a.pause
+              onClick: n.pause
             }, null, 8, ["icon", "onClick"])
           ]),
-          l(m),
-          l(N, {
+          o(h),
+          o(g, {
             modelValue: s.logLevel,
-            "onUpdate:modelValue": e[0] || (e[0] = (h) => s.logLevel = h),
+            "onUpdate:modelValue": e[0] || (e[0] = (d) => s.logLevel = d),
             label: "Filter by log level",
             "hide-details": "",
             variant: "outlined",
@@ -654,10 +660,10 @@ function le(t, e, i, c, s, a) {
             style: { "max-width": "150px" },
             "data-test": "log-messages-level"
           }, null, 8, ["modelValue", "items"]),
-          l(m),
-          l(v, {
+          o(h),
+          o(p, {
             modelValue: s.search,
-            "onUpdate:modelValue": e[1] || (e[1] = (h) => s.search = h),
+            "onUpdate:modelValue": e[1] || (e[1] = (d) => s.search = d),
             label: "Search",
             "prepend-inner-icon": "mdi-magnify",
             clearable: "",
@@ -669,17 +675,17 @@ function le(t, e, i, c, s, a) {
             class: "search",
             "data-test": "search-log-messages"
           }, null, 8, ["modelValue"]),
-          l(u, {
+          o(f, {
             icon: "mdi-delete-sweep",
             variant: "text",
             class: "ml-2",
             "data-test": "clear-log",
-            onClick: a.clearLog
+            onClick: n.clearLog
           }, null, 8, ["onClick"])
         ]),
         _: 1
       }),
-      l(y, {
+      o(y, {
         headers: s.headers,
         items: s.shownData,
         search: s.search,
@@ -691,25 +697,25 @@ function le(t, e, i, c, s, a) {
         hover: "",
         "data-test": "log-messages"
       }, {
-        "item.timestamp": n(({ item: h }) => [
-          f("time", {
-            title: h.timestamp,
-            datetime: h.timestamp
-          }, w(h.timestamp), 9, te)
+        "item.timestamp": l(({ item: d }) => [
+          u("time", {
+            title: d.timestamp,
+            datetime: d.timestamp
+          }, v(d.timestamp), 9, Q)
         ]),
-        "item.level": n(({ item: h }) => [
-          f("span", {
-            style: B("display: inline-flex; color:" + a.getColor(h.level))
+        "item.level": l(({ item: d }) => [
+          u("span", {
+            style: L("display: inline-flex; color:" + n.getColor(d.level))
           }, [
-            l(T, {
+            o(b, {
               class: "mr-1",
-              status: a.getStatus(h.level)
+              status: n.getStatus(d.level)
             }, null, 8, ["status"]),
-            g(" " + w(h.level), 1)
+            _(" " + v(d.level), 1)
           ], 4)
         ]),
-        "item.message": n(({ item: h }) => [
-          f("div", se, w(h.message), 1)
+        "item.message": l(({ item: d }) => [
+          u("div", X, v(d.message), 1)
         ]),
         _: 1
       }, 8, ["headers", "items", "search"])
@@ -717,23 +723,23 @@ function le(t, e, i, c, s, a) {
     _: 1
   });
 }
-const ye = /* @__PURE__ */ C($, [["render", le], ["__scopeId", "data-v-081e936f"]]), S = "single-spa:app-change", ae = {
+const me = /* @__PURE__ */ R(z, [["render", Y], ["__scopeId", "data-v-081e936f"]]), I = "single-spa:app-change", ee = {
   data() {
     return {
       show: !1
     };
   },
   created() {
-    window.addEventListener(S, this.handleAppChange);
+    window.addEventListener(I, this.handleAppChange);
   },
   mounted() {
     setTimeout(() => {
-      this.show = G().length === 0;
+      this.show = $().length === 0;
     }, 150);
   },
   unmounted() {
     window.removeEventListener(
-      S,
+      I,
       this.handleAppChange
     );
   },
@@ -742,613 +748,60 @@ const ye = /* @__PURE__ */ C($, [["render", le], ["__scopeId", "data-v-081e936f"
       this.show = !t.detail.appsByNewStatus.MOUNTED;
     }
   }
-}, ie = { class: "mx-1" };
-function ne(t, e, i, c, s, a) {
-  const u = o("v-card-title"), m = o("v-card-text"), N = o("v-card");
-  return s.show ? (_(), b(N, { key: 0 }, {
-    default: n(() => [
-      l(u, null, {
-        default: n(() => e[0] || (e[0] = [
-          g(" 404 Not Found ")
+}, te = { class: "mx-1" };
+function oe(t, e, a, r, s, n) {
+  const f = i("v-card-title"), h = i("v-card-text"), g = i("v-card");
+  return s.show ? (D(), V(g, { key: 0 }, {
+    default: l(() => [
+      o(f, null, {
+        default: l(() => e[0] || (e[0] = [
+          _(" 404 Not Found ", -1)
         ])),
-        _: 1
+        _: 1,
+        __: [0]
       }),
-      l(m, { class: "d-flex align-center mt-3" }, {
-        default: n(() => [
-          e[1] || (e[1] = g(" The requested URL ")),
-          f("code", ie, w(t.$route.fullPath), 1),
-          e[2] || (e[2] = g(" was not routable. ")),
-          e[3] || (e[3] = f("span", { class: "text-h3 mx-1" }, " 🦄 ", -1))
+      o(h, { class: "d-flex align-center mt-3" }, {
+        default: l(() => [
+          e[1] || (e[1] = _(" The requested URL ", -1)),
+          u("code", te, v(t.$route.fullPath), 1),
+          e[2] || (e[2] = _(" was not routable. ", -1)),
+          e[3] || (e[3] = u("span", { class: "text-h3 mx-1" }, " 🦄 ", -1))
         ]),
-        _: 1
+        _: 1,
+        __: [1, 2, 3]
       })
     ]),
     _: 1
-  })) : I("", !0);
-}
-const be = /* @__PURE__ */ C(ae, [["render", ne]]), oe = {
-  props: {
-    allowAll: {
-      type: Boolean,
-      default: !1
-    },
-    allowAllTargets: {
-      type: Boolean,
-      default: !1
-    },
-    allowAllArrayIndex: {
-      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
-    }
-  },
-  emits: ["on-set", "addItem"],
-  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"
-      }
-    };
-  },
-  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";
-    },
-    arrayIndexes: function() {
-      let t = this.itemNames.findIndex(
-        (i) => i.value === this.selectedItemName
-      ), e = [...Array(this.itemNames[t].array).keys()];
-      return (this.allowAll || this.allowAllArrayIndex) && e.unshift(this.ALL.label), e;
-    },
-    itemIsArray: function() {
-      let t = this.itemNames.findIndex(
-        (e) => e.value === this.selectedItemName
-      );
-      return !(t === -1 || isNaN(this.itemNames[t].array));
-    }
-  },
-  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 = [];
-    },
-    itemIsArray: function(t) {
-      t ? this.selectedArrayIndex || (this.selectedArrayIndex = 0) : this.selectedArrayIndex = null;
-    }
-  },
-  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);
-    });
-  },
-  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.packetNames.length === 0 ? this.selectedPacketName = null : 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.$emit("on-set", {
-        targetName: this.selectedTargetName,
-        packetName: this.selectedPacketName,
-        itemName: this.selectedItemNameWIndex,
-        valueType: this.selectedValueType,
-        reduced: this.selectedReduced,
-        reducedType: this.selectedReducedType
-      }), this.internalDisabled = !1;
-    },
-    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.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
-        });
-      });
-    }
-  }
-}, ce = { class: "pt-4 pb-4" };
-function de(t, e, i, c, s, a) {
-  const u = o("v-autocomplete"), m = o("v-col"), N = o("v-list-item"), v = o("v-divider"), p = o("v-combobox"), T = o("v-btn"), y = o("v-row");
-  return _(), V("div", ce, [
-    l(y, {
-      "no-gutters": !i.vertical
-    }, {
-      default: n(() => [
-        l(m, {
-          cols: a.colSize,
-          class: "tpic-select pr-4",
-          "data-test": "select-target"
-        }, {
-          default: n(() => [
-            l(u, {
-              modelValue: s.selectedTargetName,
-              "onUpdate:modelValue": [
-                e[0] || (e[0] = (d) => s.selectedTargetName = d),
-                a.targetNameChanged
-              ],
-              label: "Select Target",
-              "hide-details": "",
-              density: "compact",
-              variant: "outlined",
-              items: s.targetNames,
-              "item-title": "label",
-              "item-value": "value"
-            }, null, 8, ["modelValue", "items", "onUpdate:modelValue"])
-          ]),
-          _: 1
-        }, 8, ["cols"]),
-        l(m, {
-          cols: a.colSize,
-          class: "tpic-select pr-4",
-          "data-test": "select-packet"
-        }, {
-          default: n(() => [
-            l(u, {
-              modelValue: s.selectedPacketName,
-              "onUpdate:modelValue": [
-                e[2] || (e[2] = (d) => s.selectedPacketName = d),
-                a.packetNameChanged
-              ],
-              label: "Select Packet",
-              "hide-details": "",
-              density: "compact",
-              variant: "outlined",
-              disabled: s.packetsDisabled || a.autocompleteDisabled,
-              items: s.packetNames,
-              "item-title": "label",
-              "item-value": "value"
-            }, K({ _: 2 }, [
-              a.includeLatestPacketInDropdown ? {
-                name: "prepend-item",
-                fn: n(() => [
-                  l(N, {
-                    title: "LATEST",
-                    onClick: e[1] || (e[1] = (d) => a.packetNameChanged("LATEST"))
-                  }),
-                  l(v)
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["modelValue", "disabled", "items", "onUpdate:modelValue"])
-          ]),
-          _: 1
-        }, 8, ["cols"]),
-        i.chooseItem ? (_(), b(m, {
-          key: 0,
-          cols: a.colSize,
-          class: "tpic-select pr-4",
-          "data-test": "select-item"
-        }, {
-          default: n(() => [
-            l(u, {
-              modelValue: s.selectedItemName,
-              "onUpdate:modelValue": [
-                e[3] || (e[3] = (d) => s.selectedItemName = d),
-                e[4] || (e[4] = (d) => a.itemNameChanged(d))
-              ],
-              label: "Select Item",
-              "hide-details": "",
-              density: "compact",
-              variant: "outlined",
-              disabled: s.itemsDisabled || a.autocompleteDisabled,
-              items: s.itemNames,
-              "item-title": "label",
-              "item-value": "value"
-            }, null, 8, ["modelValue", "disabled", "items"])
-          ]),
-          _: 1
-        }, 8, ["cols"])) : I("", !0),
-        i.chooseItem && a.itemIsArray ? (_(), b(m, {
-          key: 1,
-          cols: "1",
-          class: "tpic-select pr-4",
-          "data-test": "array-index",
-          style: { "min-width": "105px" }
-        }, {
-          default: n(() => [
-            l(p, {
-              modelValue: s.selectedArrayIndex,
-              "onUpdate:modelValue": [
-                e[5] || (e[5] = (d) => s.selectedArrayIndex = d),
-                e[6] || (e[6] = (d) => a.indexChanged(d))
-              ],
-              label: "Index",
-              "hide-details": "",
-              density: "compact",
-              variant: "outlined",
-              disabled: s.itemsDisabled || a.autocompleteDisabled,
-              items: a.arrayIndexes,
-              "item-title": "label",
-              "item-value": "value"
-            }, null, 8, ["modelValue", "disabled", "items"])
-          ]),
-          _: 1
-        })) : I("", !0),
-        i.buttonText ? (_(), b(m, {
-          key: 2,
-          cols: a.colSize,
-          style: { "max-width": "140px" }
-        }, {
-          default: n(() => [
-            l(T, {
-              disabled: a.buttonDisabled,
-              color: "primary",
-              "data-test": "select-send",
-              onClick: a.buttonPressed
-            }, {
-              default: n(() => [
-                g(w(a.actualButtonText), 1)
-              ]),
-              _: 1
-            }, 8, ["disabled", "onClick"])
-          ]),
-          _: 1
-        }, 8, ["cols"])) : I("", !0)
-      ]),
-      _: 1
-    }, 8, ["no-gutters"]),
-    i.selectTypes ? (_(), b(y, {
-      key: 0,
-      class: "pt-6",
-      "no-gutters": ""
-    }, {
-      default: n(() => [
-        l(m, {
-          cols: a.colSize,
-          class: "tpic-select pr-4",
-          "data-test": "data-type"
-        }, {
-          default: n(() => [
-            l(u, {
-              modelValue: s.selectedValueType,
-              "onUpdate:modelValue": e[7] || (e[7] = (d) => s.selectedValueType = d),
-              label: "Value Type",
-              "hide-details": "",
-              density: "compact",
-              variant: "outlined",
-              items: s.valueTypes
-            }, null, 8, ["modelValue", "items"])
-          ]),
-          _: 1
-        }, 8, ["cols"]),
-        l(m, {
-          cols: a.colSize,
-          class: "tpic-select pr-4",
-          "data-test": "reduced"
-        }, {
-          default: n(() => [
-            l(u, {
-              modelValue: s.selectedReduced,
-              "onUpdate:modelValue": e[8] || (e[8] = (d) => s.selectedReduced = d),
-              label: "Reduced",
-              "hide-details": "",
-              density: "compact",
-              variant: "outlined",
-              items: s.reductionModes
-            }, null, 8, ["modelValue", "items"])
-          ]),
-          _: 1
-        }, 8, ["cols"]),
-        l(m, {
-          cols: a.colSize,
-          class: "tpic-select pr-4",
-          "data-test": "reduced-type"
-        }, {
-          default: n(() => [
-            l(u, {
-              modelValue: s.selectedReducedType,
-              "onUpdate:modelValue": e[9] || (e[9] = (d) => s.selectedReducedType = d),
-              label: "Reduced Type",
-              "hide-details": "",
-              density: "compact",
-              variant: "outlined",
-              disabled: s.selectedReduced === "DECOM",
-              items: s.reducedTypes
-            }, null, 8, ["modelValue", "disabled", "items"])
-          ]),
-          _: 1
-        }, 8, ["cols"]),
-        l(m, {
-          cols: a.colSize,
-          style: { "max-width": "140px" }
-        }, null, 8, ["cols"])
-      ]),
-      _: 1
-    })) : I("", !0),
-    l(y, {
-      "no-gutters": "",
-      class: "pa-3"
-    }, {
-      default: n(() => [
-        l(m, {
-          cols: a.colSize,
-          class: W({ "openc3-yellow": s.hazardous })
-        }, {
-          default: n(() => [
-            g(" Description: " + w(s.description) + " ", 1),
-            s.hazardous ? (_(), V(M, { key: 0 }, [
-              g(" (HAZARDOUS) ")
-            ], 64)) : I("", !0)
-          ]),
-          _: 1
-        }, 8, ["cols", "class"])
-      ]),
-      _: 1
-    })
-  ]);
+  })) : F("", !0);
 }
-const we = /* @__PURE__ */ C(oe, [["render", de], ["__scopeId", "data-v-4e03f389"]]);
+const he = /* @__PURE__ */ R(ee, [["render", oe]]);
 export {
-  Ie as AceEditorModes,
-  De as AceEditorUtils,
-  Ne as Config,
-  We as CriticalCmdDialog,
-  Oe as DataViewerComponent,
-  Be as DataViewerHistoryComponent,
-  ze as DetailsDialog,
-  Re as EditScreenDialog,
-  Ge as EnvironmentChooser,
-  Le as EnvironmentDialog,
-  Se as FileOpenSaveDialog,
-  qe as Graph,
-  Je as GraphEditDialog,
-  Ze as GraphEditItemDialog,
-  ye as LogMessages,
-  be as NotFound,
-  ve as OpenConfigDialog,
-  Ee as Openc3Screen,
-  xe as OutputDialog,
-  _e as SaveConfigDialog,
-  Ue as ScreenCompleter,
-  He as ScriptChooser,
-  Xe as SimpleTextDialog,
-  we as TargetPacketItemChooser,
-  $e as TextBoxDialog,
-  Ae as TopBar,
-  tt as UpgradeToEnterpriseDialog
+  _e as AceEditorModes,
+  be as AceEditorUtils,
+  de as Config,
+  Ae as CriticalCmdDialog,
+  Ne as DataViewerComponent,
+  Ee as DataViewerHistoryComponent,
+  Te as DetailsDialog,
+  xe as EditScreenDialog,
+  Le as EnvironmentChooser,
+  Se as EnvironmentDialog,
+  Ve as FileOpenSaveDialog,
+  Be as Graph,
+  $e as GraphEditDialog,
+  Ge as GraphEditItemDialog,
+  me as LogMessages,
+  he as NotFound,
+  ue as OpenConfigDialog,
+  De as Openc3Screen,
+  ve as OutputDialog,
+  fe as SaveConfigDialog,
+  Re as ScreenCompleter,
+  Fe as ScriptChooser,
+  je as SimpleTextDialog,
+  Me as TargetPacketItemChooser,
+  He as TextBoxDialog,
+  ye as TopBar,
+  We as UpgradeToEnterpriseDialog
 };
 //# sourceMappingURL=components.js.map