@openc3/vue-common 6.8.0 → 6.9.0

package/dist/components.js

@@ -1,24 +1,23 @@
-import { A as Ke, O as Ge } from "./OutputDialog-Ut5cXGxQ.js";
-import { A as je, T as He } from "./TopBar-BoI8SRaF.js";
-import { E as qe, a as We, F as Je, O as Ze, S as Xe } from "./Openc3Screen-1rQ_Dbp4.js";
-import { d as V, a as G } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-quWsUlLr.js";
-import { D as Qe, g as et } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-quWsUlLr.js";
-import { resolveComponent as o, createBlock as y, openBlock as v, withKeys as M, withCtx as l, createVNode as s, createElementVNode as g, withModifiers as k, withDirectives as L, toDisplayString as N, vShow as F, createTextVNode as x, createElementBlock as D, normalizeClass as $, createCommentVNode as O, renderSlot as j, Fragment as B, renderList as H, normalizeStyle as z } from "vue";
-import { _ as I } from "./CustomIcon-h5X7369N.js";
-import { T as q } from "./Graph-CWcrowaT.js";
-import { G as nt, a as st, b as at } from "./Graph-CWcrowaT.js";
-import { C as K } from "./cmdUtilities-BMsSNjt_.js";
-import { D as W } from "./DetailsDialog-CLKEfU0s.js";
-import { C as ot } from "./CriticalCmdDialog-FhXDdBn4.js";
-import { E as rt, S as ct } from "./ScriptChooser-CXjcm3bN.js";
-import { UnknownToAstroStatus as T, AstroStatusColors as U } from "./icons.js";
-import { T as J } from "./timeFilters-BKnCM4rv.js";
-import { f as Z } from "./format-CVeawcIv.js";
+import { A as ye, O as xe } from "./OutputDialog-7M4L50tA.js";
+import { A as Ie, T as Ve } from "./TopBar-B48yYbtR.js";
+import { E as ke, a as Ne, F as Re, O as Ee, S as Oe } from "./Openc3Screen-Cqm5Xtd-.js";
+import { g as b, p as M } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-JEZNdnan.js";
+import { D as Te, d as Ue } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-JEZNdnan.js";
+import { resolveComponent as i, createBlock as V, openBlock as v, withKeys as U, withCtx as l, createVNode as n, createElementVNode as u, withModifiers as I, withDirectives as L, toDisplayString as w, vShow as F, createTextVNode as _, normalizeStyle as B, createElementBlock as N, Fragment as K, createCommentVNode as R } from "vue";
+import { _ as D } from "./CustomIcon-h5X7369N.js";
+import { C as Fe, a as Me, E as Be, S as Ke } from "./ScriptChooser-ahp4Tu3O.js";
+import { C as Ge } from "./CriticalCmdDialog-CnNlsHRX.js";
+import { D as je } from "./DetailsDialog-BNCS3QAe.js";
+import { G as He, a as Je, b as We } from "./Graph-BliBYJxD.js";
+import { UnknownToAstroStatus as E, AstroStatusColors as O } from "./icons.js";
+import { T as $ } from "./timeFilters-BKnCM4rv.js";
+import { f as G } from "./format-CVeawcIv.js";
 import { getMountedApps as A } from "single-spa";
-import { S as mt } from "./SimpleTextDialog-ChV5vRcV.js";
-import { T as ft } from "./TextBoxDialog-CdFHdj5W.js";
-import { U as pt } from "./UpgradeToEnterpriseDialog-BYz9YoyY.js";
-const Te = {
+import { S as Ze } from "./SimpleTextDialog-D2mEDvGY.js";
+import { T as Xe } from "./TargetPacketItemChooser-CXpSx-eA.js";
+import { T as et } from "./TextBoxDialog-CdFHdj5W.js";
+import { U as nt } from "./UpgradeToEnterpriseDialog-C2Ggr_Xd.js";
+const pe = {
   data: {
     configKey: "",
     // Applications can set to avoid persisting default config
@@ -33,11 +32,11 @@ const Te = {
       this.dontSaveDefaultConfig !== !0 && (localStorage[`${this.configKey}__default`] = JSON.stringify(t));
     },
     openConfigBase: function(t, e = !1, a = null) {
-      new V().load_config(this.configKey, t).then((r) => {
-        r ? (this.$notify.normal({
+      new b().load_config(this.configKey, t).then((c) => {
+        c ? (this.$notify.normal({
           title: "Loading configuration",
           body: t
-        }), a && a(JSON.parse(r)), e || this.$route.fullPath.includes(t) || this.$router.push({
+        }), a && a(JSON.parse(c)), e || this.$route.fullPath.includes(t) || this.$router.push({
           query: {
             config: t
           }
@@ -45,15 +44,15 @@ const Te = {
           title: "Unknown configuration",
           body: t
         });
-      }).catch((r) => {
-        r && this.$notify.serious({
+      }).catch((c) => {
+        c && this.$notify.serious({
           title: `Error opening configuration: ${t}`,
-          body: r
+          body: c
         });
       });
     },
     saveConfigBase: function(t, e) {
-      new V().save_config(this.configKey, t, JSON.stringify(e)).then(() => {
+      new b().save_config(this.configKey, t, JSON.stringify(e)).then(() => {
         this.$notify.normal({
           title: "Saved configuration",
           body: t
@@ -71,7 +70,7 @@ const Te = {
       delete t.config, this.$router.replace({ query: t });
     }
   }
-}, X = {
+}, P = {
   props: {
     configKey: String,
     modelValue: Boolean
@@ -116,7 +115,7 @@ const Te = {
   },
   mounted() {
     let t = -1;
-    new V().list_configs(this.configKey).then((e) => {
+    new b().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}`);
@@ -138,7 +137,7 @@ const Te = {
         cancelText: "Cancel"
       }).then((e) => {
         var a;
-        ((a = this.selectedItem) == null ? void 0 : a.config) === t.config && (this.selectedRows = []), this.configs.splice(this.configs.indexOf(t), 1), new V().delete_config(this.configKey, t.config);
+        ((a = this.selectedItem) == null ? void 0 : a.config) === t.config && (this.selectedRows = []), this.configs.splice(this.configs.indexOf(t), 1), new b().delete_config(this.configKey, t.config);
       }).catch((e) => {
         e !== !0 && this.$emit(
           "warning",
@@ -147,37 +146,37 @@ const Te = {
       });
     }
   }
-}, Y = { class: "mt-4 pa-3" }, Q = ["textContent"];
-function ee(t, e, a, r, n, i) {
-  const m = o("v-spacer"), p = o("v-toolbar"), f = o("v-text-field"), d = o("v-row"), _ = o("v-btn"), C = o("v-data-table"), w = o("v-card-text"), b = o("v-card-actions"), u = o("v-card"), E = o("v-dialog");
-  return v(), y(E, {
-    modelValue: i.show,
-    "onUpdate:modelValue": e[4] || (e[4] = (c) => i.show = c),
+}, j = { class: "mt-4 pa-3" }, q = ["textContent"];
+function H(t, e, a, c, s, o) {
+  const f = i("v-spacer"), p = i("v-toolbar"), g = i("v-text-field"), m = i("v-row"), h = i("v-btn"), C = i("v-data-table"), y = i("v-card-text"), x = i("v-card-actions"), d = i("v-card"), k = i("v-dialog");
+  return v(), V(k, {
+    modelValue: o.show,
+    "onUpdate:modelValue": e[4] || (e[4] = (r) => o.show = r),
     width: "600",
-    onKeydown: M(i.cancel, ["esc"])
+    onKeydown: U(o.cancel, ["esc"])
   }, {
     default: l(() => [
-      s(u, null, {
+      n(d, null, {
         default: l(() => [
-          g("form", {
-            onSubmit: e[3] || (e[3] = k((...c) => i.success && i.success(...c), ["prevent"]))
+          u("form", {
+            onSubmit: e[3] || (e[3] = I((...r) => o.success && o.success(...r), ["prevent"]))
           }, [
-            s(p, { height: "24" }, {
+            n(p, { height: "24" }, {
               default: l(() => [
-                s(m),
-                e[5] || (e[5] = g("span", null, "Open Configuration", -1)),
-                s(m)
+                n(f),
+                e[5] || (e[5] = u("span", null, "Open Configuration", -1)),
+                n(f)
               ]),
               _: 1
             }),
-            s(w, null, {
+            n(y, null, {
               default: l(() => [
-                g("div", Y, [
-                  s(d, { dense: "" }, {
+                u("div", j, [
+                  n(m, { dense: "" }, {
                     default: l(() => [
-                      s(f, {
-                        modelValue: n.search,
-                        "onUpdate:modelValue": e[0] || (e[0] = (c) => n.search = c),
+                      n(g, {
+                        modelValue: s.search,
+                        "onUpdate:modelValue": e[0] || (e[0] = (r) => s.search = r),
                         label: "search",
                         type: "text",
                         "prepend-inner-icon": "mdi-magnify",
@@ -193,37 +192,37 @@ function ee(t, e, a, r, n, i) {
                     ]),
                     _: 1
                   }),
-                  s(C, {
-                    modelValue: n.selectedRows,
-                    "onUpdate:modelValue": e[1] || (e[1] = (c) => n.selectedRows = c),
+                  n(C, {
+                    modelValue: s.selectedRows,
+                    "onUpdate:modelValue": e[1] || (e[1] = (r) => s.selectedRows = r),
                     "show-select": "",
                     "select-strategy": "single",
                     "item-value": "configId",
-                    search: n.search,
-                    headers: n.headers,
-                    items: n.configs,
+                    search: s.search,
+                    headers: s.headers,
+                    items: s.configs,
                     "items-per-page": 5,
                     "items-per-page-options": [5],
-                    "onClick:row": e[2] || (e[2] = (c, S) => i.selectRow(S))
+                    "onClick:row": e[2] || (e[2] = (r, S) => o.selectRow(S))
                   }, {
-                    "item.actions": l(({ item: c }) => [
-                      s(_, {
+                    "item.actions": l(({ item: r }) => [
+                      n(h, {
                         class: "mt-1",
                         icon: "mdi-delete",
                         variant: "text",
                         "data-test": "item-delete",
-                        onClick: (S) => i.deleteConfig(c)
+                        onClick: (S) => o.deleteConfig(r)
                       }, null, 8, ["onClick"])
                     ]),
                     _: 1
                   }, 8, ["modelValue", "search", "headers", "items"]),
-                  s(d, { dense: "" }, {
+                  n(m, { dense: "" }, {
                     default: l(() => [
-                      L(g("span", {
+                      L(u("span", {
                         class: "ma-2 text-red",
-                        textContent: N(i.error)
-                      }, null, 8, Q), [
-                        [F, i.error]
+                        textContent: w(o.error)
+                      }, null, 8, q), [
+                        [F, o.error]
                       ])
                     ]),
                     _: 1
@@ -232,28 +231,28 @@ function ee(t, e, a, r, n, i) {
               ]),
               _: 1
             }),
-            s(b, { class: "px-2" }, {
+            n(x, { class: "px-2" }, {
               default: l(() => [
-                s(m),
-                s(_, {
+                n(f),
+                n(h, {
                   variant: "outlined",
                   "data-test": "open-config-cancel-btn",
-                  onClick: i.cancel
+                  onClick: o.cancel
                 }, {
                   default: l(() => [...e[6] || (e[6] = [
-                    x(" Cancel ", -1)
+                    _(" Cancel ", -1)
                   ])]),
                   _: 1
                 }, 8, ["onClick"]),
-                s(_, {
+                n(h, {
                   variant: "flat",
                   type: "submit",
                   "data-test": "open-config-submit-btn",
-                  disabled: !!i.error,
-                  onClick: k(i.success, ["prevent"])
+                  disabled: !!o.error,
+                  onClick: I(o.success, ["prevent"])
                 }, {
                   default: l(() => [...e[7] || (e[7] = [
-                    x(" Ok ", -1)
+                    _(" Ok ", -1)
                   ])]),
                   _: 1
                 }, 8, ["disabled", "onClick"])
@@ -268,7 +267,7 @@ function ee(t, e, a, r, n, i) {
     _: 1
   }, 8, ["modelValue", "onKeydown"]);
 }
-const Ue = /* @__PURE__ */ I(X, [["render", ee]]), te = {
+const ge = /* @__PURE__ */ D(P, [["render", H]]), J = {
   props: {
     configKey: String,
     modelValue: Boolean
@@ -319,7 +318,7 @@ const Ue = /* @__PURE__ */ I(X, [["render", ee]]), te = {
   },
   mounted() {
     let t = -1;
-    new V().list_configs(this.configKey).then((e) => {
+    new b().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}`);
@@ -341,7 +340,7 @@ const Ue = /* @__PURE__ */ I(X, [["render", ee]]), te = {
         cancelText: "Cancel"
       }).then((e) => {
         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 V().delete_config(this.configKey, t.config);
+        ((a = this.selectedItem) == null ? void 0 : a.config) === t.config && (this.selectedRows = [], this.configName = ""), this.configs.splice(this.configs.indexOf(t), 1), new b().delete_config(this.configKey, t.config);
       }).catch((e) => {
         e !== !0 && this.$emit(
           "warning",
@@ -350,37 +349,37 @@ const Ue = /* @__PURE__ */ I(X, [["render", ee]]), te = {
       });
     }
   }
-}, ne = { class: "mt-4 pa-3" }, se = ["textContent"];
-function ae(t, e, a, r, n, i) {
-  const m = o("v-spacer"), p = o("v-toolbar"), f = o("v-text-field"), d = o("v-row"), _ = o("v-btn"), C = o("v-data-table"), w = o("v-card-text"), b = o("v-card-actions"), u = o("v-card"), E = o("v-dialog");
-  return v(), y(E, {
-    modelValue: i.show,
-    "onUpdate:modelValue": e[5] || (e[5] = (c) => i.show = c),
+}, W = { class: "mt-4 pa-3" }, z = ["textContent"];
+function Z(t, e, a, c, s, o) {
+  const f = i("v-spacer"), p = i("v-toolbar"), g = i("v-text-field"), m = i("v-row"), h = i("v-btn"), C = i("v-data-table"), y = i("v-card-text"), x = i("v-card-actions"), d = i("v-card"), k = i("v-dialog");
+  return v(), V(k, {
+    modelValue: o.show,
+    "onUpdate:modelValue": e[5] || (e[5] = (r) => o.show = r),
     width: "600",
-    onKeydown: M(i.cancel, ["esc"])
+    onKeydown: U(o.cancel, ["esc"])
   }, {
     default: l(() => [
-      s(u, null, {
+      n(d, null, {
         default: l(() => [
-          g("form", {
-            onSubmit: e[4] || (e[4] = k((...c) => i.success && i.success(...c), ["prevent"]))
+          u("form", {
+            onSubmit: e[4] || (e[4] = I((...r) => o.success && o.success(...r), ["prevent"]))
           }, [
-            s(p, { height: "24" }, {
+            n(p, { height: "24" }, {
               default: l(() => [
-                s(m),
-                e[6] || (e[6] = g("span", null, "Save Configuration", -1)),
-                s(m)
+                n(f),
+                e[6] || (e[6] = u("span", null, "Save Configuration", -1)),
+                n(f)
               ]),
               _: 1
             }),
-            s(w, null, {
+            n(y, null, {
               default: l(() => [
-                g("div", ne, [
-                  s(d, { dense: "" }, {
+                u("div", W, [
+                  n(m, { dense: "" }, {
                     default: l(() => [
-                      s(f, {
-                        modelValue: n.search,
-                        "onUpdate:modelValue": e[0] || (e[0] = (c) => n.search = c),
+                      n(g, {
+                        modelValue: s.search,
+                        "onUpdate:modelValue": e[0] || (e[0] = (r) => s.search = r),
                         label: "search",
                         type: "text",
                         "prepend-inner-icon": "mdi-magnify",
@@ -395,51 +394,51 @@ function ae(t, e, a, r, n, i) {
                     ]),
                     _: 1
                   }),
-                  s(C, {
-                    modelValue: n.selectedRows,
-                    "onUpdate:modelValue": e[1] || (e[1] = (c) => n.selectedRows = c),
+                  n(C, {
+                    modelValue: s.selectedRows,
+                    "onUpdate:modelValue": e[1] || (e[1] = (r) => s.selectedRows = r),
                     "show-select": "",
                     "select-strategy": "single",
                     "item-value": "configId",
-                    search: n.search,
-                    headers: n.headers,
-                    items: n.configs,
+                    search: s.search,
+                    headers: s.headers,
+                    items: s.configs,
                     "items-per-page": 5,
                     "items-per-page-options": [5],
-                    "onClick:row": e[2] || (e[2] = (c, S) => i.selectRow(S))
+                    "onClick:row": e[2] || (e[2] = (r, S) => o.selectRow(S))
                   }, {
-                    "item.actions": l(({ item: c }) => [
-                      s(_, {
+                    "item.actions": l(({ item: r }) => [
+                      n(h, {
                         class: "mt-1",
                         icon: "mdi-delete",
                         variant: "text",
                         "data-test": "item-delete",
-                        onClick: (S) => i.deleteConfig(c)
+                        onClick: (S) => o.deleteConfig(r)
                       }, null, 8, ["onClick"])
                     ]),
                     _: 1
                   }, 8, ["modelValue", "search", "headers", "items"]),
-                  s(d, { dense: "" }, {
+                  n(m, { dense: "" }, {
                     default: l(() => [
-                      s(f, {
-                        modelValue: n.configName,
-                        "onUpdate:modelValue": e[3] || (e[3] = (c) => n.configName = c),
+                      n(g, {
+                        modelValue: s.configName,
+                        "onUpdate:modelValue": e[3] || (e[3] = (r) => s.configName = r),
                         "hide-details": "",
                         autofocus: "",
-                        disabled: !!i.selectedItem,
+                        disabled: !!o.selectedItem,
                         label: "Configuration Name",
                         "data-test": "name-input-save-config-dialog"
                       }, null, 8, ["modelValue", "disabled"])
                     ]),
                     _: 1
                   }),
-                  s(d, { dense: "" }, {
+                  n(m, { dense: "" }, {
                     default: l(() => [
-                      L(g("span", {
+                      L(u("span", {
                         class: "ma-2 text-red",
-                        textContent: N(i.error)
-                      }, null, 8, se), [
-                        [F, i.error]
+                        textContent: w(o.error)
+                      }, null, 8, z), [
+                        [F, o.error]
                       ])
                     ]),
                     _: 1
@@ -448,27 +447,27 @@ function ae(t, e, a, r, n, i) {
               ]),
               _: 1
             }),
-            s(b, { class: "px-2" }, {
+            n(x, { class: "px-2" }, {
               default: l(() => [
-                s(m),
-                s(_, {
+                n(f),
+                n(h, {
                   variant: "outlined",
-                  onClick: i.cancel
+                  onClick: o.cancel
                 }, {
                   default: l(() => [...e[7] || (e[7] = [
-                    x(" Cancel ", -1)
+                    _(" Cancel ", -1)
                   ])]),
                   _: 1
                 }, 8, ["onClick"]),
-                s(_, {
+                n(h, {
                   variant: "flat",
                   type: "submit",
                   "data-test": "save-config-submit-btn",
-                  disabled: !!i.error,
-                  onClick: k(i.success, ["prevent"])
+                  disabled: !!o.error,
+                  onClick: I(o.success, ["prevent"])
                 }, {
                   default: l(() => [...e[8] || (e[8] = [
-                    x(" Ok ", -1)
+                    _(" Ok ", -1)
                   ])]),
                   _: 1
                 }, 8, ["disabled", "onClick"])
@@ -483,400 +482,8 @@ function ae(t, e, a, r, n, i) {
     _: 1
   }, 8, ["modelValue", "onKeydown"]);
 }
-const Ae = /* @__PURE__ */ I(te, [["render", ae]]), ie = {
-  name: "CommandParameterEditor",
-  mixins: [K],
-  props: {
-    modelValue: {
-      type: [String, Number],
-      default: void 0
-    },
-    states: {
-      type: Object,
-      default: () => null
-    },
-    statesInHex: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["update:modelValue"],
-  computed: {
-    textFieldValue() {
-      return this.convertToString(this.modelValue);
-    },
-    stateValue() {
-      return this.statesInHex ? "0x" + this.modelValue.toString(16) : this.modelValue;
-    },
-    selectValue() {
-      return this.modelValue === "" ? null : this.modelValue;
-    },
-    stateOptions() {
-      return this.states ? Object.keys(this.states).map((t) => ({
-        label: t,
-        ...this.states[t]
-      })) : null;
-    },
-    hazardous() {
-      var t, e;
-      return ((e = (t = Object.entries(this.states).find(([a, r]) => r.value === this.modelValue)) == null ? void 0 : t.at(1)) == null ? void 0 : e.hazardous) !== void 0;
-    },
-    stateClass() {
-      return this.hazardous ? "hazardous mr-4" : "mr-4";
-    }
-  },
-  methods: {
-    handleChange(t) {
-      this.$emit("update:modelValue", t);
-    }
-  }
-}, oe = {
-  key: 1,
-  class: "d-flex align-center"
-};
-function le(t, e, a, r, n, i) {
-  const m = o("v-text-field"), p = o("v-select");
-  return v(), D("div", null, [
-    a.states ? (v(), D("div", oe, [
-      s(p, {
-        items: i.stateOptions,
-        "model-value": i.selectValue,
-        "item-title": "label",
-        class: $(i.stateClass),
-        "hide-details": "",
-        density: "compact",
-        variant: "outlined",
-        placeholder: "Select...",
-        "min-width": "120px",
-        "data-test": "cmd-param-select",
-        "onUpdate:modelValue": i.handleChange
-      }, null, 8, ["items", "model-value", "class", "onUpdate:modelValue"]),
-      s(m, {
-        "model-value": i.stateValue,
-        disabled: "",
-        "hide-details": "",
-        density: "compact",
-        variant: "outlined",
-        "min-width": "60px",
-        "data-test": "cmd-param-value"
-      }, null, 8, ["model-value"])
-    ])) : (v(), y(m, {
-      key: 0,
-      "model-value": i.textFieldValue,
-      "hide-details": "",
-      density: "compact",
-      variant: "filled",
-      "data-test": "cmd-param-value",
-      "onUpdate:modelValue": i.handleChange
-    }, null, 8, ["model-value", "onUpdate:modelValue"]))
-  ]);
-}
-const re = /* @__PURE__ */ I(ie, [["render", le], ["__scopeId", "data-v-b38d5e7f"]]), ce = {
-  name: "CommandEditor",
-  components: {
-    TargetPacketItemChooser: q,
-    CommandParameterEditor: re,
-    DetailsDialog: W
-  },
-  mixins: [K],
-  props: {
-    initialTargetName: {
-      type: String,
-      default: null
-    },
-    initialPacketName: {
-      type: String,
-      default: null
-    },
-    cmdString: {
-      type: String,
-      default: null
-    },
-    sendDisabled: {
-      type: Boolean,
-      default: !1
-    },
-    statesInHex: {
-      type: Boolean,
-      default: !1
-    },
-    showIgnoredParams: {
-      type: Boolean,
-      default: !1
-    },
-    cmdRaw: {
-      type: Boolean,
-      default: !1
-    },
-    showCommandButton: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  emits: ["command-changed", "build-cmd"],
-  data() {
-    return {
-      search: "",
-      headers: [
-        { title: "Name", value: "parameter_name" },
-        { title: "Value or State", value: "val" },
-        { title: "Units", value: "units" },
-        { title: "Range", value: "range" },
-        { title: "Description", value: "description" }
-      ],
-      api: null,
-      targetName: "",
-      commandName: "",
-      commandDescription: "",
-      ignoredParams: [],
-      computedRows: [],
-      reservedItemNames: [
-        "PACKET_TIMESECONDS",
-        "PACKET_TIMEFORMATTED",
-        "RECEIVED_TIMESECONDS",
-        "RECEIVED_TIMEFORMATTED",
-        "RECEIVED_COUNT"
-      ],
-      contextMenuShown: !1,
-      viewDetails: !1,
-      parameterName: "",
-      x: 0,
-      y: 0,
-      contextMenuOptions: [
-        {
-          title: "Details",
-          action: () => {
-            this.contextMenuShown = !1, this.viewDetails = !0;
-          }
-        }
-      ]
-    };
-  },
-  created() {
-    this.api = new V(), this.cmdString ? this.processCmdString() : (this.targetName = this.initialTargetName, this.commandName = this.initialPacketName, this.updateCmdParams());
-  },
-  methods: {
-    commandChanged(t) {
-      (this.targetName !== t.targetName || this.commandName !== t.packetName) && (this.targetName = t.targetName, this.commandName = t.packetName, this.updateCmdParams()), this.$emit("command-changed", t);
-    },
-    buildCmd(t) {
-      this.$emit("build-cmd", t);
-    },
-    showContextMenu(t, e) {
-      t.preventDefault(), this.parameterName = e.item.parameter_name, this.contextMenuShown = !1, this.x = t.clientX, this.y = t.clientY, this.$nextTick(() => {
-        this.contextMenuShown = !0;
-      });
-    },
-    updateCmdParams() {
-      this.ignoredParams = [], this.computedRows = [], this.targetName && this.commandName && this.api.get_target(this.targetName).then(
-        (t) => (this.ignoredParams = t.ignored_parameters, this.api.get_cmd(this.targetName, this.commandName)),
-        (t) => {
-          console.error("Error getting ignored parameters:", t);
-        }
-      ).then(
-        (t) => {
-          t && (t.items.forEach((e) => {
-            if (!this.reservedItemNames.includes(e.name) && (!this.ignoredParams.includes(e.name) || this.showIgnoredParams)) {
-              let a = e.default;
-              !e.states && e.data_type === "STRING" && typeof e.default == "string" && (a = `'${a}'`), e.required && (a = null), e.format_string && e.default && (a = sprintf(e.format_string, e.default));
-              let r = "N/A";
-              e.minimum != null && e.maximum != null && (e.data_type === "FLOAT" && (e.minimum < -1e6 && Number.isSafeInteger(e.minimum) && (e.minimum = e.minimum.toExponential(3)), e.maximum > 1e6 && Number.isSafeInteger(e.maximum) && (e.maximum = e.maximum.toExponential(3))), r = `${e.minimum}..${e.maximum}`), this.computedRows.push({
-                parameter_name: e.name,
-                val: a,
-                states: e.states,
-                description: e.description,
-                range: r,
-                units: e.units,
-                type: e.data_type
-              });
-            }
-          }), this.commandDescription = t.description, this.populateParametersFromParsed());
-        },
-        (t) => {
-          console.error("Error getting command parameters:", t);
-        }
-      );
-    },
-    triggerUpdateCmdParams() {
-      this.updateCmdParams();
-    },
-    getRows() {
-      return this.computedRows;
-    },
-    getCmdString() {
-      let t = `${this.targetName} ${this.commandName}`;
-      if (this.computedRows.length === 0) return t;
-      t += " with ";
-      for (const e of this.computedRows) {
-        if (e.val === null)
-          throw new Error(`Required parameter ${e.parameter_name} not set`);
-        if (e.val !== null && e.val !== void 0 && e.val !== "") {
-          if (e.states) {
-            const r = Object.entries(e.states).find(
-              ([, n]) => n.value === e.val
-            );
-            if (r) {
-              t += ` ${e.parameter_name} '${r[0]}',`;
-              continue;
-            }
-          }
-          let a = this.convertToString(e.val);
-          a.includes(" ") && !this.isArray(a) ? t += ` ${e.parameter_name} '${a}',` : t += ` ${e.parameter_name} ${a},`;
-        }
-      }
-      return t.slice(0, -1);
-    },
-    parseCmdString(t) {
-      const e = t.split(" ");
-      if (e.length < 2) return { target: "", command: "", params: {} };
-      if (e.length === 2)
-        return { target: e[0], command: e[1], params: {} };
-      if (e[2] !== "with") return { target: "", command: "", params: {} };
-      const a = e[0], r = e[1];
-      let n = {};
-      const i = t.split(" with ")[1];
-      let m = [], p = 0, f = "";
-      for (let d of i)
-        d === "[" ? (p++, f += d) : d === "]" ? (p--, f += d) : d === "," && p === 0 ? (m.push(f.trim()), f = "") : f += d;
-      f.trim() !== "" && m.push(f.trim());
-      for (let d of m) {
-        let _ = d.indexOf(" ");
-        if (_ > 0) {
-          let C = d.substring(0, _).trim(), w = d.substring(_ + 1).trim();
-          n[C] = w;
-        }
-      }
-      return { target: a, command: r, params: n };
-    },
-    processCmdString() {
-      const t = this.parseCmdString(this.cmdString);
-      t.target && t.command && (this.targetName = t.target, this.commandName = t.command, this.parsedParameters = t.params, this.updateCmdParams());
-    },
-    populateParametersFromParsed() {
-      !this.parsedParameters || Object.keys(this.parsedParameters).length === 0 || this.$nextTick(() => {
-        setTimeout(() => {
-          this.computedRows.forEach((t) => {
-            if (this.parsedParameters.hasOwnProperty(t.parameter_name)) {
-              const e = this.parsedParameters[t.parameter_name];
-              if (t.states && typeof e == "string") {
-                const a = Object.keys(t.states).find(
-                  (r) => r === e || r.toLowerCase() === e.toLowerCase()
-                );
-                a ? t.val = t.states[a].value : t.val = e;
-              } else t.type === "STRING" && typeof e == "string" ? t.val = e.startsWith("'") || e.startsWith('"') ? e : `'${e}'` : t.val = e;
-            }
-          });
-        }, 100);
-      });
-    }
-  }
-}, de = { style: { padding: "10px" } };
-function me(t, e, a, r, n, i) {
-  const m = o("target-packet-item-chooser"), p = o("v-spacer"), f = o("v-text-field"), d = o("v-card-title"), _ = o("command-parameter-editor"), C = o("v-data-table"), w = o("v-card"), b = o("v-list-item-title"), u = o("v-list-item"), E = o("v-list"), c = o("v-menu"), S = o("details-dialog");
-  return v(), y(w, null, {
-    default: l(() => [
-      g("div", de, [
-        s(m, {
-          "initial-target-name": n.targetName,
-          "initial-packet-name": n.commandName,
-          disabled: a.sendDisabled,
-          "button-text": a.showCommandButton ? "Send" : null,
-          mode: "cmd",
-          onOnSet: e[0] || (e[0] = (h) => i.commandChanged(h)),
-          onAddItem: e[1] || (e[1] = (h) => i.buildCmd(h))
-        }, null, 8, ["initial-target-name", "initial-packet-name", "disabled", "button-text"])
-      ]),
-      n.computedRows.length !== 0 ? (v(), y(w, { key: 0 }, {
-        default: l(() => [
-          s(d, { class: "d-flex align-center justify-content-space-between" }, {
-            default: l(() => [
-              e[5] || (e[5] = x(" Parameters ", -1)),
-              s(p),
-              s(f, {
-                modelValue: n.search,
-                "onUpdate:modelValue": e[2] || (e[2] = (h) => n.search = h),
-                label: "Search",
-                "prepend-inner-icon": "mdi-magnify",
-                clearable: "",
-                variant: "outlined",
-                density: "compact",
-                "single-line": "",
-                "hide-details": "",
-                class: "search"
-              }, null, 8, ["modelValue"])
-            ]),
-            _: 1
-          }),
-          s(C, {
-            headers: n.headers,
-            items: n.computedRows,
-            search: n.search,
-            "items-per-page": -1,
-            "hide-default-footer": "",
-            "multi-sort": "",
-            density: "compact",
-            "onContextmenu:row": i.showContextMenu
-          }, {
-            "item.val": l(({ item: h }) => [
-              j(t.$slots, "parameter-editor", {
-                item: h,
-                statesInHex: a.statesInHex
-              }, () => [
-                s(_, {
-                  modelValue: h.val,
-                  "onUpdate:modelValue": (R) => h.val = R,
-                  states: h.states,
-                  "states-in-hex": a.statesInHex
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "states", "states-in-hex"])
-              ])
-            ]),
-            _: 3
-          }, 8, ["headers", "items", "search", "onContextmenu:row"])
-        ]),
-        _: 3
-      })) : O("", !0),
-      s(c, {
-        modelValue: n.contextMenuShown,
-        "onUpdate:modelValue": e[3] || (e[3] = (h) => n.contextMenuShown = h),
-        target: [n.x, n.y]
-      }, {
-        default: l(() => [
-          s(E, null, {
-            default: l(() => [
-              (v(!0), D(B, null, H(n.contextMenuOptions, (h, R) => (v(), y(u, {
-                key: R,
-                onClick: k(h.action, ["stop"])
-              }, {
-                default: l(() => [
-                  s(b, null, {
-                    default: l(() => [
-                      x(N(h.title), 1)
-                    ]),
-                    _: 2
-                  }, 1024)
-                ]),
-                _: 2
-              }, 1032, ["onClick"]))), 128))
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["modelValue", "target"]),
-      s(S, {
-        modelValue: n.viewDetails,
-        "onUpdate:modelValue": e[4] || (e[4] = (h) => n.viewDetails = h),
-        "target-name": n.targetName,
-        "packet-name": n.commandName,
-        "item-name": n.parameterName,
-        type: "cmd"
-      }, null, 8, ["modelValue", "target-name", "packet-name", "item-name"])
-    ]),
-    _: 3
-  });
-}
-const Pe = /* @__PURE__ */ I(ce, [["render", me]]), ue = {
-  mixins: [J],
+const _e = /* @__PURE__ */ D(J, [["render", Z]]), Q = {
+  mixins: [$],
   props: {
     historyCount: {
       type: Number,
@@ -889,7 +496,7 @@ const Pe = /* @__PURE__ */ I(ce, [["render", me]]), ue = {
   },
   data() {
     return {
-      AstroStatusColors: U,
+      AstroStatusColors: O,
       data: [],
       shownData: [],
       logLevels: ["DEBUG", "INFO", "WARN", "ERROR", "FATAL"],
@@ -901,7 +508,7 @@ const Pe = /* @__PURE__ */ I(ce, [["render", me]]), ue = {
         { title: "Source", value: "microservice_name" },
         { title: "Message", value: "message" }
       ],
-      cable: new G(),
+      cable: new M(),
       subscription: null,
       paused: !1
     };
@@ -960,9 +567,9 @@ const Pe = /* @__PURE__ */ I(ce, [["render", me]]), ue = {
                 this.timeZone
               ), e.message.raw && e.message.json_class === "String") {
                 let a = "0x";
-                for (let r = 0; r < e.message.raw.length; r++) {
-                  let n = e.message.raw[r].toString(16).toUpperCase();
-                  n.length < 2 && (n = "0" + n), a += n;
+                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), a += s;
                 }
                 e.message = a;
               } else
@@ -981,16 +588,16 @@ const Pe = /* @__PURE__ */ I(ce, [["render", me]]), ue = {
       });
     },
     getColor(t) {
-      return U[T[t]];
+      return O[E[t]];
     },
     getStatus(t) {
-      return T[t];
+      return E[t];
     },
     downloadLog() {
       const t = this.shownData.map(
-        (r) => (
+        (c) => (
           // Other fields are available like container_name, msg_id ... probably not useful
-          `${r.timestamp} | ${r.level} | ${r.microservice_name} | ${r.message}`
+          `${c.timestamp} | ${c.level} | ${c.microservice_name} | ${c.message}`
         )
       ).join(`
 `), e = new Blob([t], {
@@ -998,7 +605,7 @@ const Pe = /* @__PURE__ */ I(ce, [["render", me]]), ue = {
       }), a = document.createElement("a");
       a.href = URL.createObjectURL(e), a.setAttribute(
         "download",
-        Z(Date.now(), "yyyy_MM_dd_HH_mm_ss") + "_message_log.txt"
+        G(Date.now(), "yyyy_MM_dd_HH_mm_ss") + "_message_log.txt"
       ), a.click();
     },
     clearLog: function() {
@@ -1011,47 +618,47 @@ const Pe = /* @__PURE__ */ I(ce, [["render", me]]), ue = {
       });
     }
   }
-}, fe = { class: "d-flex align-baseline" }, he = ["title", "datetime"], pe = { style: { "white-space": "pre-wrap" } };
-function ge(t, e, a, r, n, i) {
-  const m = o("v-btn"), p = o("v-spacer"), f = o("v-select"), d = o("v-text-field"), _ = o("v-card-title"), C = o("rux-status"), w = o("v-data-table"), b = o("v-card");
-  return v(), y(b, null, {
+}, X = { class: "d-flex align-baseline" }, Y = ["title", "datetime"], ee = { style: { "white-space": "pre-wrap" } };
+function te(t, e, a, c, s, o) {
+  const f = i("v-btn"), p = i("v-spacer"), g = i("v-select"), m = i("v-text-field"), h = i("v-card-title"), C = i("rux-status"), y = i("v-data-table"), x = i("v-card");
+  return v(), V(x, null, {
     default: l(() => [
-      s(_, { class: "d-flex align-center justify-content-space-between" }, {
+      n(h, { class: "d-flex align-center justify-content-space-between" }, {
         default: l(() => [
-          g("div", fe, [
-            s(m, {
+          u("div", X, [
+            n(f, {
               icon: "mdi-download",
               variant: "text",
               size: "small",
               class: "mr-2",
               "data-test": "download-log",
-              onClick: i.downloadLog
+              onClick: o.downloadLog
             }, null, 8, ["onClick"]),
-            e[2] || (e[2] = g("span", null, " Log Messages ", -1)),
-            s(m, {
-              icon: i.buttonIcon,
+            e[2] || (e[2] = u("span", null, " Log Messages ", -1)),
+            n(f, {
+              icon: o.buttonIcon,
               variant: "text",
               "data-test": "pause",
-              onClick: i.pause
+              onClick: o.pause
             }, null, 8, ["icon", "onClick"])
           ]),
-          s(p),
-          s(f, {
-            modelValue: n.logLevel,
-            "onUpdate:modelValue": e[0] || (e[0] = (u) => n.logLevel = u),
+          n(p),
+          n(g, {
+            modelValue: s.logLevel,
+            "onUpdate:modelValue": e[0] || (e[0] = (d) => s.logLevel = d),
             label: "Filter by log level",
             "hide-details": "",
             variant: "outlined",
             density: "compact",
-            items: n.logLevels,
+            items: s.logLevels,
             class: "mr-2",
             style: { "max-width": "150px" },
             "data-test": "log-messages-level"
           }, null, 8, ["modelValue", "items"]),
-          s(p),
-          s(d, {
-            modelValue: n.search,
-            "onUpdate:modelValue": e[1] || (e[1] = (u) => n.search = u),
+          n(p),
+          n(m, {
+            modelValue: s.search,
+            "onUpdate:modelValue": e[1] || (e[1] = (d) => s.search = d),
             label: "Search",
             "prepend-inner-icon": "mdi-magnify",
             clearable: "",
@@ -1063,20 +670,20 @@ function ge(t, e, a, r, n, i) {
             class: "search",
             "data-test": "search-log-messages"
           }, null, 8, ["modelValue"]),
-          s(m, {
+          n(f, {
             icon: "mdi-delete-sweep",
             variant: "text",
             class: "ml-2",
             "data-test": "clear-log",
-            onClick: i.clearLog
+            onClick: o.clearLog
           }, null, 8, ["onClick"])
         ]),
         _: 1
       }),
-      s(w, {
-        headers: n.headers,
-        items: n.shownData,
-        search: n.search,
+      n(y, {
+        headers: s.headers,
+        items: s.shownData,
+        search: s.search,
         "items-per-page": -1,
         "hide-default-footer": "",
         "multi-sort": "",
@@ -1085,25 +692,25 @@ function ge(t, e, a, r, n, i) {
         hover: "",
         "data-test": "log-messages"
       }, {
-        "item.timestamp": l(({ item: u }) => [
-          g("time", {
-            title: u.timestamp,
-            datetime: u.timestamp
-          }, N(u.timestamp), 9, he)
+        "item.timestamp": l(({ item: d }) => [
+          u("time", {
+            title: d.timestamp,
+            datetime: d.timestamp
+          }, w(d.timestamp), 9, Y)
         ]),
-        "item.level": l(({ item: u }) => [
-          g("span", {
-            style: z("display: inline-flex; color:" + i.getColor(u.level))
+        "item.level": l(({ item: d }) => [
+          u("span", {
+            style: B("display: inline-flex; color:" + o.getColor(d.level))
           }, [
-            s(C, {
+            n(C, {
               class: "mr-1",
-              status: i.getStatus(u.level)
+              status: o.getStatus(d.level)
             }, null, 8, ["status"]),
-            x(" " + N(u.level), 1)
+            _(" " + w(d.level), 1)
           ], 4)
         ]),
-        "item.message": l(({ item: u }) => [
-          g("div", pe, N(u.message), 1)
+        "item.message": l(({ item: d }) => [
+          u("div", ee, w(d.message), 1)
         ]),
         _: 1
       }, 8, ["headers", "items", "search"])
@@ -1111,7 +718,7 @@ function ge(t, e, a, r, n, i) {
     _: 1
   });
 }
-const Me = /* @__PURE__ */ I(ue, [["render", ge], ["__scopeId", "data-v-081e936f"]]), _e = 50, ve = 2e3, P = "single-spa:app-change", we = {
+const ve = /* @__PURE__ */ D(Q, [["render", te], ["__scopeId", "data-v-081e936f"]]), ne = 50, oe = 2e3, T = "single-spa:app-change", se = {
   data() {
     return {
       appsMounted: !1,
@@ -1126,91 +733,91 @@ const Me = /* @__PURE__ */ I(ue, [["render", ge], ["__scopeId", "data-v-081e936f
     }
   },
   created() {
-    window.addEventListener(P, this.handleAppChange);
+    window.addEventListener(T, this.handleAppChange);
   },
   mounted() {
     this.pollForMountedApps(), setTimeout(() => {
       this.appsMounted || (this.show = !0, this.pollInterval && clearInterval(this.pollInterval));
-    }, ve);
+    }, oe);
   },
   unmounted() {
     window.removeEventListener(
-      P,
+      T,
       this.handleAppChange
     ), this.pollInterval && clearInterval(this.pollInterval);
   },
   methods: {
     handleAppChange: function(t) {
-      this.show = !t.detail.appsByNewStatus.MOUNTED;
+      this.show = !t.detail.appsByNewStatus.MOUNTED, this.hideSpinner = !0;
     },
     pollForMountedApps: function() {
       this.pollInterval = setInterval(() => {
         this.appsMounted = A().length > 0, A().length > 0 && (this.hideSpinner = !0, clearInterval(this.pollInterval));
-      }, _e);
+      }, ne);
     }
   }
-}, xe = { class: "mx-1" }, Ce = {
+}, ie = { class: "mx-1" }, le = {
   key: 1,
   class: "d-flex justify-center align-center"
 };
-function ye(t, e, a, r, n, i) {
-  const m = o("v-card-title"), p = o("v-card-text"), f = o("v-card"), d = o("v-progress-circular");
-  return v(), D(B, null, [
-    n.show ? (v(), y(f, { key: 0 }, {
+function ae(t, e, a, c, s, o) {
+  const f = i("v-card-title"), p = i("v-card-text"), g = i("v-card"), m = i("v-progress-circular");
+  return v(), N(K, null, [
+    s.show ? (v(), V(g, { key: 0 }, {
       default: l(() => [
-        s(m, null, {
+        n(f, null, {
           default: l(() => [...e[0] || (e[0] = [
-            x(" 404 Not Found ", -1)
+            _(" 404 Not Found ", -1)
           ])]),
           _: 1
         }),
-        s(p, { class: "d-flex align-center mt-3" }, {
+        n(p, { class: "d-flex align-center mt-3" }, {
           default: l(() => [
-            e[1] || (e[1] = x(" The requested URL ", -1)),
-            g("code", xe, N(t.$route.fullPath), 1),
-            e[2] || (e[2] = x(" was not routable. ", -1)),
-            e[3] || (e[3] = g("span", { class: "text-h3 mx-1" }, " 🦄 ", -1))
+            e[1] || (e[1] = _(" The requested URL ", -1)),
+            u("code", ie, w(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
-    })) : O("", !0),
-    i.showSpinner ? (v(), D("div", Ce, [
-      s(d, { indeterminate: "" })
-    ])) : O("", !0)
+    })) : R("", !0),
+    o.showSpinner ? (v(), N("div", le, [
+      n(m, { indeterminate: "" })
+    ])) : R("", !0)
   ], 64);
 }
-const Le = /* @__PURE__ */ I(we, [["render", ye]]);
+const we = /* @__PURE__ */ D(se, [["render", ae]]);
 export {
-  Ke as AceEditorModes,
-  je as AceEditorUtils,
-  Pe as CommandEditor,
-  re as CommandParameterEditor,
-  Te as Config,
-  ot as CriticalCmdDialog,
-  Qe as DataViewerComponent,
-  et as DataViewerHistoryComponent,
-  W as DetailsDialog,
-  qe as EditScreenDialog,
-  rt as EnvironmentChooser,
-  We as EnvironmentDialog,
-  Je as FileOpenSaveDialog,
-  nt as Graph,
-  st as GraphEditDialog,
-  at as GraphEditItemDialog,
-  Me as LogMessages,
-  Le as NotFound,
-  Ue as OpenConfigDialog,
-  Ze as Openc3Screen,
-  Ge as OutputDialog,
-  Ae as SaveConfigDialog,
-  Xe as ScreenCompleter,
-  ct as ScriptChooser,
-  mt as SimpleTextDialog,
-  q as TargetPacketItemChooser,
-  ft as TextBoxDialog,
-  He as TopBar,
-  pt as UpgradeToEnterpriseDialog
+  ye as AceEditorModes,
+  Ie as AceEditorUtils,
+  Fe as CommandEditor,
+  Me as CommandParameterEditor,
+  pe as Config,
+  Ge as CriticalCmdDialog,
+  Te as DataViewerComponent,
+  Ue as DataViewerHistoryComponent,
+  je as DetailsDialog,
+  ke as EditScreenDialog,
+  Be as EnvironmentChooser,
+  Ne as EnvironmentDialog,
+  Re as FileOpenSaveDialog,
+  He as Graph,
+  Je as GraphEditDialog,
+  We as GraphEditItemDialog,
+  ve as LogMessages,
+  we as NotFound,
+  ge as OpenConfigDialog,
+  Ee as Openc3Screen,
+  xe as OutputDialog,
+  _e as SaveConfigDialog,
+  Oe as ScreenCompleter,
+  Ke as ScriptChooser,
+  Ze as SimpleTextDialog,
+  Xe as TargetPacketItemChooser,
+  et as TextBoxDialog,
+  Ve as TopBar,
+  nt as UpgradeToEnterpriseDialog
 };
 //# sourceMappingURL=components.js.map