@openc3/vue-common 6.3.0 → 6.4.0

package/dist/components.js

@@ -1,22 +1,22 @@
-import { A as Ce, O as De } from "./OutputDialog-zVPZiZay.js";
-import { A as Ve, T as Le } from "./TopBar-CnJNNJlV.js";
-import { E as Se, a as Ee, F as Ue, O as Pe, S as Oe } from "./Openc3Screen-Cud0OCFu.js";
-import { h as k, l as K } from "./WidgetComponents-C1lSLZ0I.js";
-import { D as Ke, d as We } from "./WidgetComponents-C1lSLZ0I.js";
-import { resolveComponent as o, createBlock as w, openBlock as _, withKeys as P, withCtx as n, createVNode as s, createElementVNode as m, withModifiers as A, withDirectives as O, toDisplayString as b, vShow as B, createTextVNode as v, normalizeProps as V, guardReactiveProps as L, normalizeStyle as W, createCommentVNode as I, createElementBlock as R, createSlots as z, normalizeClass as M, Fragment as F } from "vue";
-import { _ as D } from "./CustomIcon-h5X7369N.js";
-import { C as Me } from "./CriticalCmdDialog-DPIZOBeP.js";
-import { D as Ge } from "./DetailsDialog-DmEC5BTs.js";
-import { E as je, S as qe } from "./ScriptChooser-EV65rbWx.js";
-import { G as Ze, a as Ye, b as Xe } from "./Graph-Bgo0cjl3.js";
-import { UnknownToAstroStatus as S, AstroStatusColors as E } from "./icons.js";
-import { T as G } from "./timeFilters-CRYpYDdf.js";
-import { f as H } from "./format-CVeawcIv.js";
-import { getMountedApps as j } from "single-spa";
-import { S as $e } from "./SimpleTextDialog-pwN8oRy1.js";
-import { T as tt } from "./TextBoxDialog-DOJ5d2RM.js";
-import { U as lt } from "./UpgradeToEnterpriseDialog-BvfgoNB1.js";
-const _e = {
+import { A as Ie, O as xe } from "./OutputDialog-B5qHVyck.js";
+import { A as De, T as Ae } from "./TopBar-BQhv8Jcc.js";
+import { E as Re, a as Le, F as Se, O as Ee, S as Ue } from "./Openc3Screen-CtwGKfq-.js";
+import { p as k, d as O } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-CVrrWDJ_.js";
+import { D as Oe, e as Be } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-CVrrWDJ_.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-Bcq8PGag.js";
+import { D as ze } from "./DetailsDialog-C5jf8o0K.js";
+import { E as Ge, S as He } from "./ScriptChooser-qiC2xQ_W.js";
+import { G as qe, a as Je, b as Ze } from "./Graph-M382Zo8o.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-CGStqYvO.js";
+import { T as $e } from "./TextBoxDialog-C60jmnyN.js";
+import { U as tt } from "./UpgradeToEnterpriseDialog-c6twungI.js";
+const Ne = {
   data: {
     configKey: "",
     // Applications can set to avoid persisting default config
@@ -69,7 +69,7 @@ const _e = {
       delete t.config, this.$router.replace({ query: t });
     }
   }
-}, q = {
+}, H = {
   props: {
     configKey: String,
     modelValue: Boolean
@@ -145,38 +145,38 @@ const _e = {
       });
     }
   }
-}, J = { class: "mt-4 pa-3" }, Z = ["textContent"];
-function Y(t, e, i, c, l, a) {
-  const h = o("v-spacer"), f = o("v-toolbar"), p = o("v-text-field"), N = o("v-row"), g = o("v-btn"), T = o("v-data-table"), y = o("v-card-text"), d = o("v-card-actions"), x = o("v-card"), r = o("v-dialog");
-  return _(), w(r, {
+}, 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] = (u) => a.show = u),
-    onKeydown: P(a.cancel, ["esc"]),
-    width: "600"
+    "onUpdate:modelValue": e[4] || (e[4] = (r) => a.show = r),
+    width: "600",
+    onKeydown: E(a.cancel, ["esc"])
   }, {
     default: n(() => [
-      s(x, null, {
+      l(h, null, {
         default: n(() => [
-          m("form", {
-            onSubmit: e[3] || (e[3] = A((...u) => a.success && a.success(...u), ["prevent"]))
+          f("form", {
+            onSubmit: e[3] || (e[3] = D((...r) => a.success && a.success(...r), ["prevent"]))
           }, [
-            s(f, { height: "24" }, {
+            l(m, { height: "24" }, {
               default: n(() => [
-                s(h),
-                e[5] || (e[5] = m("span", null, "Open Configuration", -1)),
-                s(h)
+                l(u),
+                e[5] || (e[5] = f("span", null, "Open Configuration", -1)),
+                l(u)
               ]),
               _: 1
             }),
-            s(y, null, {
+            l(y, null, {
               default: n(() => [
-                m("div", J, [
-                  s(N, { dense: "" }, {
+                f("div", j, [
+                  l(v, { dense: "" }, {
                     default: n(() => [
-                      s(p, {
+                      l(N, {
+                        modelValue: s.search,
+                        "onUpdate:modelValue": e[0] || (e[0] = (r) => s.search = r),
                         label: "search",
-                        modelValue: l.search,
-                        "onUpdate:modelValue": e[0] || (e[0] = (u) => l.search = u),
                         type: "text",
                         "prepend-inner-icon": "mdi-magnify",
                         clearable: "",
@@ -191,37 +191,37 @@ function Y(t, e, i, c, l, a) {
                     ]),
                     _: 1
                   }),
-                  s(T, {
-                    modelValue: l.selectedRows,
-                    "onUpdate:modelValue": e[1] || (e[1] = (u) => l.selectedRows = u),
+                  l(T, {
+                    modelValue: s.selectedRows,
+                    "onUpdate:modelValue": e[1] || (e[1] = (r) => s.selectedRows = r),
                     "show-select": "",
                     "select-strategy": "single",
                     "item-value": "configId",
-                    search: l.search,
-                    headers: l.headers,
-                    items: l.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] = (u, C) => a.selectRow(C))
+                    "onClick:row": e[2] || (e[2] = (r, x) => a.selectRow(x))
                   }, {
-                    "item.actions": n(({ item: u }) => [
-                      s(g, {
+                    "item.actions": n(({ item: r }) => [
+                      l(p, {
                         class: "mt-1",
                         icon: "mdi-delete",
                         variant: "text",
                         "data-test": "item-delete",
-                        onClick: (C) => a.deleteConfig(u)
+                        onClick: (x) => a.deleteConfig(r)
                       }, null, 8, ["onClick"])
                     ]),
                     _: 1
                   }, 8, ["modelValue", "search", "headers", "items"]),
-                  s(N, { dense: "" }, {
+                  l(v, { dense: "" }, {
                     default: n(() => [
-                      O(m("span", {
+                      U(f("span", {
                         class: "ma-2 text-red",
-                        textContent: b(a.error)
-                      }, null, 8, Z), [
-                        [B, a.error]
+                        textContent: w(a.error)
+                      }, null, 8, q), [
+                        [P, a.error]
                       ])
                     ]),
                     _: 1
@@ -230,31 +230,31 @@ function Y(t, e, i, c, l, a) {
               ]),
               _: 1
             }),
-            s(d, { class: "px-2" }, {
+            l(d, { class: "px-2" }, {
               default: n(() => [
-                s(h),
-                s(g, {
+                l(u),
+                l(p, {
                   variant: "outlined",
-                  onClick: a.cancel,
-                  "data-test": "open-config-cancel-btn"
+                  "data-test": "open-config-cancel-btn",
+                  onClick: a.cancel
                 }, {
                   default: n(() => e[6] || (e[6] = [
-                    v(" Cancel ")
+                    g(" Cancel ")
                   ])),
                   _: 1
                 }, 8, ["onClick"]),
-                s(g, {
+                l(p, {
                   variant: "flat",
-                  onClick: A(a.success, ["prevent"]),
                   type: "submit",
                   "data-test": "open-config-submit-btn",
-                  disabled: !!a.error
+                  disabled: !!a.error,
+                  onClick: D(a.success, ["prevent"])
                 }, {
                   default: n(() => e[7] || (e[7] = [
-                    v(" Ok ")
+                    g(" Ok ")
                   ])),
                   _: 1
-                }, 8, ["onClick", "disabled"])
+                }, 8, ["disabled", "onClick"])
               ]),
               _: 1
             })
@@ -266,7 +266,7 @@ function Y(t, e, i, c, l, a) {
     _: 1
   }, 8, ["modelValue", "onKeydown"]);
 }
-const ye = /* @__PURE__ */ D(q, [["render", Y]]), X = {
+const ve = /* @__PURE__ */ C(H, [["render", J]]), Z = {
   props: {
     configKey: String,
     modelValue: Boolean
@@ -310,6 +310,11 @@ const ye = /* @__PURE__ */ D(q, [["render", Y]]), X = {
       }
     }
   },
+  watch: {
+    selectedItem: function(t) {
+      t && (this.configName = t.config);
+    }
+  },
   mounted() {
     let t = -1;
     new k().list_configs(this.configKey).then((e) => {
@@ -342,44 +347,39 @@ const ye = /* @__PURE__ */ D(q, [["render", Y]]), X = {
         );
       });
     }
-  },
-  watch: {
-    selectedItem: function(t) {
-      t && (this.configName = t.config);
-    }
   }
-}, Q = { class: "mt-4 pa-3" }, $ = ["textContent"];
-function ee(t, e, i, c, l, a) {
-  const h = o("v-spacer"), f = o("v-toolbar"), p = o("v-text-field"), N = o("v-row"), g = o("v-btn"), T = o("v-data-table"), y = o("v-card-text"), d = o("v-card-actions"), x = o("v-card"), r = o("v-dialog");
-  return _(), w(r, {
+}, 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] = (u) => a.show = u),
-    onKeydown: P(a.cancel, ["esc"]),
-    width: "600"
+    "onUpdate:modelValue": e[5] || (e[5] = (r) => a.show = r),
+    width: "600",
+    onKeydown: E(a.cancel, ["esc"])
   }, {
     default: n(() => [
-      s(x, null, {
+      l(h, null, {
         default: n(() => [
-          m("form", {
-            onSubmit: e[4] || (e[4] = A((...u) => a.success && a.success(...u), ["prevent"]))
+          f("form", {
+            onSubmit: e[4] || (e[4] = D((...r) => a.success && a.success(...r), ["prevent"]))
           }, [
-            s(f, { height: "24" }, {
+            l(m, { height: "24" }, {
               default: n(() => [
-                s(h),
-                e[6] || (e[6] = m("span", null, "Save Configuration", -1)),
-                s(h)
+                l(u),
+                e[6] || (e[6] = f("span", null, "Save Configuration", -1)),
+                l(u)
               ]),
               _: 1
             }),
-            s(y, null, {
+            l(y, null, {
               default: n(() => [
-                m("div", Q, [
-                  s(N, { dense: "" }, {
+                f("div", Y, [
+                  l(v, { dense: "" }, {
                     default: n(() => [
-                      s(p, {
+                      l(N, {
+                        modelValue: s.search,
+                        "onUpdate:modelValue": e[0] || (e[0] = (r) => s.search = r),
                         label: "search",
-                        modelValue: l.search,
-                        "onUpdate:modelValue": e[0] || (e[0] = (u) => l.search = u),
                         type: "text",
                         "prepend-inner-icon": "mdi-magnify",
                         clearable: "",
@@ -393,35 +393,35 @@ function ee(t, e, i, c, l, a) {
                     ]),
                     _: 1
                   }),
-                  s(T, {
-                    modelValue: l.selectedRows,
-                    "onUpdate:modelValue": e[1] || (e[1] = (u) => l.selectedRows = u),
+                  l(T, {
+                    modelValue: s.selectedRows,
+                    "onUpdate:modelValue": e[1] || (e[1] = (r) => s.selectedRows = r),
                     "show-select": "",
                     "select-strategy": "single",
                     "item-value": "configId",
-                    search: l.search,
-                    headers: l.headers,
-                    items: l.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] = (u, C) => a.selectRow(C))
+                    "onClick:row": e[2] || (e[2] = (r, x) => a.selectRow(x))
                   }, {
-                    "item.actions": n(({ item: u }) => [
-                      s(g, {
+                    "item.actions": n(({ item: r }) => [
+                      l(p, {
                         class: "mt-1",
                         icon: "mdi-delete",
                         variant: "text",
                         "data-test": "item-delete",
-                        onClick: (C) => a.deleteConfig(u)
+                        onClick: (x) => a.deleteConfig(r)
                       }, null, 8, ["onClick"])
                     ]),
                     _: 1
                   }, 8, ["modelValue", "search", "headers", "items"]),
-                  s(N, { dense: "" }, {
+                  l(v, { dense: "" }, {
                     default: n(() => [
-                      s(p, {
-                        modelValue: l.configName,
-                        "onUpdate:modelValue": e[3] || (e[3] = (u) => l.configName = u),
+                      l(N, {
+                        modelValue: s.configName,
+                        "onUpdate:modelValue": e[3] || (e[3] = (r) => s.configName = r),
                         "hide-details": "",
                         autofocus: "",
                         disabled: !!a.selectedItem,
@@ -431,13 +431,13 @@ function ee(t, e, i, c, l, a) {
                     ]),
                     _: 1
                   }),
-                  s(N, { dense: "" }, {
+                  l(v, { dense: "" }, {
                     default: n(() => [
-                      O(m("span", {
+                      U(f("span", {
                         class: "ma-2 text-red",
-                        textContent: b(a.error)
-                      }, null, 8, $), [
-                        [B, a.error]
+                        textContent: w(a.error)
+                      }, null, 8, X), [
+                        [P, a.error]
                       ])
                     ]),
                     _: 1
@@ -446,30 +446,30 @@ function ee(t, e, i, c, l, a) {
               ]),
               _: 1
             }),
-            s(d, { class: "px-2" }, {
+            l(d, { class: "px-2" }, {
               default: n(() => [
-                s(h),
-                s(g, {
+                l(u),
+                l(p, {
                   variant: "outlined",
                   onClick: a.cancel
                 }, {
                   default: n(() => e[7] || (e[7] = [
-                    v(" Cancel ")
+                    g(" Cancel ")
                   ])),
                   _: 1
                 }, 8, ["onClick"]),
-                s(g, {
+                l(p, {
                   variant: "flat",
-                  onClick: A(a.success, ["prevent"]),
                   type: "submit",
                   "data-test": "save-config-submit-btn",
-                  disabled: !!a.error
+                  disabled: !!a.error,
+                  onClick: D(a.success, ["prevent"])
                 }, {
                   default: n(() => e[8] || (e[8] = [
-                    v(" Ok ")
+                    g(" Ok ")
                   ])),
                   _: 1
-                }, 8, ["onClick", "disabled"])
+                }, 8, ["disabled", "onClick"])
               ]),
               _: 1
             })
@@ -481,7 +481,8 @@ function ee(t, e, i, c, l, a) {
     _: 1
   }, 8, ["modelValue", "onKeydown"]);
 }
-const be = /* @__PURE__ */ D(X, [["render", ee]]), te = {
+const _e = /* @__PURE__ */ C(Z, [["render", Q]]), $ = {
+  mixins: [z],
   props: {
     historyCount: {
       type: Number,
@@ -492,10 +493,9 @@ const be = /* @__PURE__ */ D(X, [["render", ee]]), te = {
       default: "local"
     }
   },
-  mixins: [G],
   data() {
     return {
-      AstroStatusColors: E,
+      AstroStatusColors: L,
       data: [],
       shownData: [],
       logLevels: ["DEBUG", "INFO", "WARN", "ERROR", "FATAL"],
@@ -507,15 +507,12 @@ const be = /* @__PURE__ */ D(X, [["render", ee]]), te = {
         { title: "Source", value: "microservice_name" },
         { title: "Message", value: "message" }
       ],
-      cable: new K(),
+      cable: new O(),
       subscription: null,
       paused: !1
     };
   },
   computed: {
-    buttonLabel: function() {
-      return this.paused ? "Resume" : "Pause";
-    },
     buttonIcon: function() {
       return this.paused ? "mdi-play" : "mdi-pause";
     }
@@ -570,8 +567,8 @@ const be = /* @__PURE__ */ D(X, [["render", ee]]), te = {
               ), e.message.raw && e.message.json_class === "String") {
                 let i = "0x";
                 for (let c = 0; c < e.message.raw.length; c++) {
-                  let l = e.message.raw[c].toString(16).toUpperCase();
-                  l.length < 2 && (l = "0" + l), i += l;
+                  let s = e.message.raw[c].toString(16).toUpperCase();
+                  s.length < 2 && (s = "0" + s), i += s;
                 }
                 e.message = i;
               } else
@@ -590,10 +587,10 @@ const be = /* @__PURE__ */ D(X, [["render", ee]]), te = {
       });
     },
     getColor(t) {
-      return E[S[t]];
+      return L[R[t]];
     },
     getStatus(t) {
-      return S[t];
+      return R[t];
     },
     downloadLog() {
       const t = this.shownData.map(
@@ -607,7 +604,7 @@ const be = /* @__PURE__ */ D(X, [["render", ee]]), te = {
       }), i = document.createElement("a");
       i.href = URL.createObjectURL(e), i.setAttribute(
         "download",
-        H(Date.now(), "yyyy_MM_dd_HH_mm_ss") + "_message_log.txt"
+        F(Date.now(), "yyyy_MM_dd_HH_mm_ss") + "_message_log.txt"
       ), i.click();
     },
     clearLog: function() {
@@ -620,67 +617,47 @@ const be = /* @__PURE__ */ D(X, [["render", ee]]), te = {
       });
     }
   }
-}, se = { class: "d-flex align-baseline" }, le = ["title", "datetime"], ae = { style: { "white-space": "pre-wrap" } };
-function ie(t, e, i, c, l, a) {
-  const h = o("v-btn"), f = o("v-tooltip"), p = o("v-spacer"), N = o("v-select"), g = o("v-text-field"), T = o("v-card-title"), y = o("rux-status"), d = o("v-data-table"), x = o("v-card");
-  return _(), w(x, null, {
+}, 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(() => [
-      s(T, { class: "d-flex align-center justify-content-space-between" }, {
+      l(p, { class: "d-flex align-center justify-content-space-between" }, {
         default: n(() => [
-          m("div", se, [
-            s(f, { location: "top" }, {
-              activator: n(({ props: r }) => [
-                m("div", V(L(r)), [
-                  s(h, {
-                    icon: "mdi-download",
-                    variant: "text",
-                    size: "small",
-                    class: "mr-2",
-                    "data-test": "download-log",
-                    onClick: a.downloadLog
-                  }, null, 8, ["onClick"])
-                ], 16)
-              ]),
-              default: n(() => [
-                e[2] || (e[2] = m("span", null, " Download Log ", -1))
-              ]),
-              _: 1
-            }),
-            e[3] || (e[3] = m("span", null, " Log Messages ", -1)),
-            s(f, { location: "top" }, {
-              activator: n(({ props: r }) => [
-                m("div", V(L(r)), [
-                  s(h, {
-                    icon: a.buttonIcon,
-                    variant: "text",
-                    "data-test": "pause",
-                    onClick: a.pause
-                  }, null, 8, ["icon", "onClick"])
-                ], 16)
-              ]),
-              default: n(() => [
-                m("span", null, b(a.buttonLabel), 1)
-              ]),
-              _: 1
-            })
+          f("div", ee, [
+            l(u, {
+              icon: "mdi-download",
+              variant: "text",
+              size: "small",
+              class: "mr-2",
+              "data-test": "download-log",
+              onClick: a.downloadLog
+            }, null, 8, ["onClick"]),
+            e[2] || (e[2] = f("span", null, " Log Messages ", -1)),
+            l(u, {
+              icon: a.buttonIcon,
+              variant: "text",
+              "data-test": "pause",
+              onClick: a.pause
+            }, null, 8, ["icon", "onClick"])
           ]),
-          s(p),
-          s(N, {
+          l(m),
+          l(N, {
+            modelValue: s.logLevel,
+            "onUpdate:modelValue": e[0] || (e[0] = (h) => s.logLevel = h),
             label: "Filter by log level",
             "hide-details": "",
             variant: "outlined",
             density: "compact",
-            items: l.logLevels,
-            modelValue: l.logLevel,
-            "onUpdate:modelValue": e[0] || (e[0] = (r) => l.logLevel = r),
+            items: s.logLevels,
             class: "mr-2",
             style: { "max-width": "150px" },
             "data-test": "log-messages-level"
-          }, null, 8, ["items", "modelValue"]),
-          s(p),
-          s(g, {
-            modelValue: l.search,
-            "onUpdate:modelValue": e[1] || (e[1] = (r) => l.search = r),
+          }, null, 8, ["modelValue", "items"]),
+          l(m),
+          l(v, {
+            modelValue: s.search,
+            "onUpdate:modelValue": e[1] || (e[1] = (h) => s.search = h),
             label: "Search",
             "prepend-inner-icon": "mdi-magnify",
             clearable: "",
@@ -692,30 +669,20 @@ function ie(t, e, i, c, l, a) {
             class: "search",
             "data-test": "search-log-messages"
           }, null, 8, ["modelValue"]),
-          s(f, { location: "top" }, {
-            activator: n(({ props: r }) => [
-              m("div", V(L(r)), [
-                s(h, {
-                  icon: "mdi-delete",
-                  variant: "text",
-                  class: "ml-2",
-                  "data-test": "clear-log",
-                  onClick: a.clearLog
-                }, null, 8, ["onClick"])
-              ], 16)
-            ]),
-            default: n(() => [
-              e[4] || (e[4] = m("span", null, " Clear Log ", -1))
-            ]),
-            _: 1
-          })
+          l(u, {
+            icon: "mdi-delete-sweep",
+            variant: "text",
+            class: "ml-2",
+            "data-test": "clear-log",
+            onClick: a.clearLog
+          }, null, 8, ["onClick"])
         ]),
         _: 1
       }),
-      s(d, {
-        headers: l.headers,
-        items: l.shownData,
-        search: l.search,
+      l(y, {
+        headers: s.headers,
+        items: s.shownData,
+        search: s.search,
         "items-per-page": -1,
         "hide-default-footer": "",
         "multi-sort": "",
@@ -724,25 +691,25 @@ function ie(t, e, i, c, l, a) {
         hover: "",
         "data-test": "log-messages"
       }, {
-        "item.timestamp": n(({ item: r }) => [
-          m("time", {
-            title: r.timestamp,
-            datetime: r.timestamp
-          }, b(r.timestamp), 9, le)
+        "item.timestamp": n(({ item: h }) => [
+          f("time", {
+            title: h.timestamp,
+            datetime: h.timestamp
+          }, w(h.timestamp), 9, te)
         ]),
-        "item.level": n(({ item: r }) => [
-          m("span", {
-            style: W("display: inline-flex; color:" + a.getColor(r.level))
+        "item.level": n(({ item: h }) => [
+          f("span", {
+            style: B("display: inline-flex; color:" + a.getColor(h.level))
           }, [
-            s(y, {
+            l(T, {
               class: "mr-1",
-              status: a.getStatus(r.level)
+              status: a.getStatus(h.level)
             }, null, 8, ["status"]),
-            v(" " + b(r.level), 1)
+            g(" " + w(h.level), 1)
           ], 4)
         ]),
-        "item.message": n(({ item: r }) => [
-          m("div", ae, b(r.message), 1)
+        "item.message": n(({ item: h }) => [
+          f("div", se, w(h.message), 1)
         ]),
         _: 1
       }, 8, ["headers", "items", "search"])
@@ -750,23 +717,23 @@ function ie(t, e, i, c, l, a) {
     _: 1
   });
 }
-const we = /* @__PURE__ */ D(te, [["render", ie], ["__scopeId", "data-v-d5f1f607"]]), U = "single-spa:app-change", ne = {
+const ye = /* @__PURE__ */ C($, [["render", le], ["__scopeId", "data-v-081e936f"]]), S = "single-spa:app-change", ae = {
   data() {
     return {
       show: !1
     };
   },
   created() {
-    window.addEventListener(U, this.handleAppChange);
+    window.addEventListener(S, this.handleAppChange);
   },
   mounted() {
     setTimeout(() => {
-      this.show = j().length === 0;
+      this.show = G().length === 0;
     }, 150);
   },
   unmounted() {
     window.removeEventListener(
-      U,
+      S,
       this.handleAppChange
     );
   },
@@ -775,23 +742,23 @@ const we = /* @__PURE__ */ D(te, [["render", ie], ["__scopeId", "data-v-d5f1f607
       this.show = !t.detail.appsByNewStatus.MOUNTED;
     }
   }
-}, oe = { class: "mx-1" };
-function ce(t, e, i, c, l, a) {
-  const h = o("v-card-title"), f = o("v-card-text"), p = o("v-card");
-  return l.show ? (_(), w(p, { key: 0 }, {
+}, 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(() => [
-      s(h, null, {
+      l(u, null, {
         default: n(() => e[0] || (e[0] = [
-          v(" 404 Not Found ")
+          g(" 404 Not Found ")
         ])),
         _: 1
       }),
-      s(f, { class: "d-flex align-center mt-3" }, {
+      l(m, { class: "d-flex align-center mt-3" }, {
         default: n(() => [
-          e[1] || (e[1] = v(" The requested URL ")),
-          m("code", oe, b(t.$route.fullPath), 1),
-          e[2] || (e[2] = v(" was not routable. ")),
-          e[3] || (e[3] = m("span", { class: "text-h3 mx-1" }, " 🦄 ", -1))
+          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))
         ]),
         _: 1
       })
@@ -799,7 +766,7 @@ function ce(t, e, i, c, l, a) {
     _: 1
   })) : I("", !0);
 }
-const Te = /* @__PURE__ */ D(ne, [["render", ce]]), de = {
+const be = /* @__PURE__ */ C(ae, [["render", ne]]), oe = {
   props: {
     allowAll: {
       type: Boolean,
@@ -1115,66 +1082,66 @@ const Te = /* @__PURE__ */ D(ne, [["render", ce]]), de = {
       });
     }
   }
-}, re = { class: "pt-4 pb-4" };
-function ue(t, e, i, c, l, a) {
-  const h = o("v-autocomplete"), f = o("v-col"), p = o("v-list-item"), N = o("v-divider"), g = o("v-combobox"), T = o("v-btn"), y = o("v-row");
-  return _(), R("div", re, [
-    s(y, {
+}, 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(() => [
-        s(f, {
+        l(m, {
           cols: a.colSize,
           class: "tpic-select pr-4",
           "data-test": "select-target"
         }, {
           default: n(() => [
-            s(h, {
+            l(u, {
               label: "Select Target",
               "hide-details": "",
               density: "compact",
               variant: "outlined",
               "onUpdate:modelValue": [
                 a.targetNameChanged,
-                e[0] || (e[0] = (d) => l.selectedTargetName = d)
+                e[0] || (e[0] = (d) => s.selectedTargetName = d)
               ],
-              items: l.targetNames,
+              items: s.targetNames,
               "item-title": "label",
               "item-value": "value",
-              modelValue: l.selectedTargetName
+              modelValue: s.selectedTargetName
             }, null, 8, ["onUpdate:modelValue", "items", "modelValue"])
           ]),
           _: 1
         }, 8, ["cols"]),
-        s(f, {
+        l(m, {
           cols: a.colSize,
           class: "tpic-select pr-4",
           "data-test": "select-packet"
         }, {
           default: n(() => [
-            s(h, {
+            l(u, {
               label: "Select Packet",
               "hide-details": "",
               density: "compact",
               variant: "outlined",
               "onUpdate:modelValue": [
                 a.packetNameChanged,
-                e[2] || (e[2] = (d) => l.selectedPacketName = d)
+                e[2] || (e[2] = (d) => s.selectedPacketName = d)
               ],
-              disabled: l.packetsDisabled || a.autocompleteDisabled,
-              items: l.packetNames,
+              disabled: s.packetsDisabled || a.autocompleteDisabled,
+              items: s.packetNames,
               "item-title": "label",
               "item-value": "value",
-              modelValue: l.selectedPacketName
-            }, z({ _: 2 }, [
+              modelValue: s.selectedPacketName
+            }, K({ _: 2 }, [
               a.includeLatestPacketInDropdown ? {
                 name: "prepend-item",
                 fn: n(() => [
-                  s(p, {
+                  l(N, {
                     title: "LATEST",
                     onClick: e[1] || (e[1] = (d) => a.packetNameChanged("LATEST"))
                   }),
-                  s(N)
+                  l(v)
                 ]),
                 key: "0"
               } : void 0
@@ -1182,32 +1149,32 @@ function ue(t, e, i, c, l, a) {
           ]),
           _: 1
         }, 8, ["cols"]),
-        i.chooseItem ? (_(), w(f, {
+        i.chooseItem ? (_(), b(m, {
           key: 0,
           cols: a.colSize,
           class: "tpic-select pr-4",
           "data-test": "select-item"
         }, {
           default: n(() => [
-            s(h, {
+            l(u, {
               label: "Select Item",
               "hide-details": "",
               density: "compact",
               variant: "outlined",
               "onUpdate:modelValue": [
                 e[3] || (e[3] = (d) => a.itemNameChanged(d)),
-                e[4] || (e[4] = (d) => l.selectedItemName = d)
+                e[4] || (e[4] = (d) => s.selectedItemName = d)
               ],
-              disabled: l.itemsDisabled || a.autocompleteDisabled,
-              items: l.itemNames,
+              disabled: s.itemsDisabled || a.autocompleteDisabled,
+              items: s.itemNames,
               "item-title": "label",
               "item-value": "value",
-              modelValue: l.selectedItemName
+              modelValue: s.selectedItemName
             }, null, 8, ["disabled", "items", "modelValue"])
           ]),
           _: 1
         }, 8, ["cols"])) : I("", !0),
-        i.chooseItem && a.itemIsArray() ? (_(), w(f, {
+        i.chooseItem && a.itemIsArray() ? (_(), b(m, {
           key: 1,
           cols: "1",
           class: "tpic-select pr-4",
@@ -1215,38 +1182,38 @@ function ue(t, e, i, c, l, a) {
           style: { "min-width": "105px" }
         }, {
           default: n(() => [
-            s(g, {
+            l(p, {
               label: "Index",
               "hide-details": "",
               density: "compact",
               variant: "outlined",
               "onUpdate:modelValue": [
                 e[5] || (e[5] = (d) => a.indexChanged(d)),
-                e[6] || (e[6] = (d) => l.selectedArrayIndex = d)
+                e[6] || (e[6] = (d) => s.selectedArrayIndex = d)
               ],
-              disabled: l.itemsDisabled || a.autocompleteDisabled,
+              disabled: s.itemsDisabled || a.autocompleteDisabled,
               items: a.arrayIndexes(),
               "item-title": "label",
               "item-value": "value",
-              modelValue: l.selectedArrayIndex
+              modelValue: s.selectedArrayIndex
             }, null, 8, ["disabled", "items", "modelValue"])
           ]),
           _: 1
         })) : I("", !0),
-        i.buttonText ? (_(), w(f, {
+        i.buttonText ? (_(), b(m, {
           key: 2,
           cols: a.colSize,
           style: { "max-width": "140px" }
         }, {
           default: n(() => [
-            s(T, {
+            l(T, {
               disabled: a.buttonDisabled,
               color: "primary",
               "data-test": "select-send",
               onClick: a.buttonPressed
             }, {
               default: n(() => [
-                v(b(a.actualButtonText), 1)
+                g(w(a.actualButtonText), 1)
               ]),
               _: 1
             }, 8, ["disabled", "onClick"])
@@ -1256,87 +1223,87 @@ function ue(t, e, i, c, l, a) {
       ]),
       _: 1
     }, 8, ["no-gutters"]),
-    i.selectTypes ? (_(), w(y, {
+    i.selectTypes ? (_(), b(y, {
       key: 0,
       "no-gutters": "",
       class: "pt-6"
     }, {
       default: n(() => [
-        s(f, {
+        l(m, {
           cols: a.colSize,
           class: "tpic-select pr-4",
           "data-test": "data-type"
         }, {
           default: n(() => [
-            s(h, {
+            l(u, {
               label: "Value Type",
               "hide-details": "",
               density: "compact",
               variant: "outlined",
-              items: l.valueTypes,
-              modelValue: l.selectedValueType,
-              "onUpdate:modelValue": e[7] || (e[7] = (d) => l.selectedValueType = d)
+              items: s.valueTypes,
+              modelValue: s.selectedValueType,
+              "onUpdate:modelValue": e[7] || (e[7] = (d) => s.selectedValueType = d)
             }, null, 8, ["items", "modelValue"])
           ]),
           _: 1
         }, 8, ["cols"]),
-        s(f, {
+        l(m, {
           cols: a.colSize,
           class: "tpic-select pr-4",
           "data-test": "reduced"
         }, {
           default: n(() => [
-            s(h, {
+            l(u, {
               label: "Reduced",
               "hide-details": "",
               density: "compact",
               variant: "outlined",
-              items: l.reductionModes,
-              modelValue: l.selectedReduced,
-              "onUpdate:modelValue": e[8] || (e[8] = (d) => l.selectedReduced = d)
+              items: s.reductionModes,
+              modelValue: s.selectedReduced,
+              "onUpdate:modelValue": e[8] || (e[8] = (d) => s.selectedReduced = d)
             }, null, 8, ["items", "modelValue"])
           ]),
           _: 1
         }, 8, ["cols"]),
-        s(f, {
+        l(m, {
           cols: a.colSize,
           class: "tpic-select pr-4",
           "data-test": "reduced-type"
         }, {
           default: n(() => [
-            s(h, {
+            l(u, {
               label: "Reduced Type",
               "hide-details": "",
               density: "compact",
               variant: "outlined",
-              disabled: l.selectedReduced === "DECOM",
-              items: l.reducedTypes,
-              modelValue: l.selectedReducedType,
-              "onUpdate:modelValue": e[9] || (e[9] = (d) => l.selectedReducedType = d)
+              disabled: s.selectedReduced === "DECOM",
+              items: s.reducedTypes,
+              modelValue: s.selectedReducedType,
+              "onUpdate:modelValue": e[9] || (e[9] = (d) => s.selectedReducedType = d)
             }, null, 8, ["disabled", "items", "modelValue"])
           ]),
           _: 1
         }, 8, ["cols"]),
-        s(f, {
+        l(m, {
           cols: a.colSize,
           style: { "max-width": "140px" }
         }, null, 8, ["cols"])
       ]),
       _: 1
     })) : I("", !0),
-    s(y, {
+    l(y, {
       "no-gutters": "",
       class: "pa-3"
     }, {
       default: n(() => [
-        s(f, {
+        l(m, {
           cols: a.colSize,
-          class: M({ "openc3-yellow": l.hazardous })
+          class: W({ "openc3-yellow": s.hazardous })
         }, {
           default: n(() => [
-            v(" Description: " + b(l.description) + " ", 1),
-            l.hazardous ? (_(), R(F, { key: 0 }, [
-              v(" (HAZARDOUS) ")
+            g(" Description: " + w(s.description) + " ", 1),
+            s.hazardous ? (_(), V(M, { key: 0 }, [
+              g(" (HAZARDOUS) ")
             ], 64)) : I("", !0)
           ]),
           _: 1
@@ -1346,34 +1313,34 @@ function ue(t, e, i, c, l, a) {
     })
   ]);
 }
-const ke = /* @__PURE__ */ D(de, [["render", ue], ["__scopeId", "data-v-17a5870b"]]);
+const we = /* @__PURE__ */ C(oe, [["render", de], ["__scopeId", "data-v-17a5870b"]]);
 export {
-  Ce as AceEditorModes,
-  Ve as AceEditorUtils,
-  _e as Config,
-  Me as CriticalCmdDialog,
-  Ke as DataViewerComponent,
-  We as DataViewerHistoryComponent,
-  Ge as DetailsDialog,
-  Se as EditScreenDialog,
-  je as EnvironmentChooser,
-  Ee as EnvironmentDialog,
-  Ue as FileOpenSaveDialog,
-  Ze as Graph,
-  Ye as GraphEditDialog,
-  Xe as GraphEditItemDialog,
-  we as LogMessages,
-  Te as NotFound,
-  ye as OpenConfigDialog,
-  Pe as Openc3Screen,
-  De as OutputDialog,
-  be as SaveConfigDialog,
-  Oe as ScreenCompleter,
-  qe as ScriptChooser,
-  $e as SimpleTextDialog,
-  ke as TargetPacketItemChooser,
-  tt as TextBoxDialog,
-  Le as TopBar,
-  lt as UpgradeToEnterpriseDialog
+  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
 };
 //# sourceMappingURL=components.js.map