@openc3/vue-common 6.9.1 → 6.10.1

package/dist/components.js

@@ -1,22 +1,22 @@
-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 { A as be, O as xe } from "./OutputDialog-BMzp6wy3.js";
+import { A as Ie, T as Ve } from "./TopBar-B8LJESUg.js";
+import { E as ke, a as Ne, F as Re, O as Ee, S as Oe } from "./Openc3Screen-iW_gaikc.js";
+import { y, g as M } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-C3WTK6F-.js";
+import { D as Te, d as Ue } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-C3WTK6F-.js";
+import { resolveComponent as s, createBlock as V, openBlock as v, withKeys as U, withCtx as i, 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-DTfsnDJn.js";
+import { C as Fe, a as Me, E as Be, S as Ke } from "./ScriptChooser-CbVbI0x-.js";
+import { C as Ge } from "./CriticalCmdDialog-CVLyYtng.js";
+import { D as je } from "./DetailsDialog-q9piPmHq.js";
+import { G as He, a as Je, b as We } from "./Graph-BEodMaxQ.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 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";
+import { S as Ze } from "./SimpleTextDialog--iSWgPgq.js";
+import { T as Xe } from "./TargetPacketItemChooser-oSQHf8Ht.js";
+import { T as et } from "./TextBoxDialog-Xs-gitZd.js";
+import { U as nt } from "./UpgradeToEnterpriseDialog-CqnhQ8So.js";
 const pe = {
   data: {
     configKey: "",
@@ -32,7 +32,7 @@ const pe = {
       this.dontSaveDefaultConfig !== !0 && (localStorage[`${this.configKey}__default`] = JSON.stringify(t));
     },
     openConfigBase: function(t, e = !1, a = null) {
-      new b().load_config(this.configKey, t).then((c) => {
+      new y().load_config(this.configKey, t).then((c) => {
         c ? (this.$notify.normal({
           title: "Loading configuration",
           body: t
@@ -52,7 +52,7 @@ const pe = {
       });
     },
     saveConfigBase: function(t, e) {
-      new b().save_config(this.configKey, t, JSON.stringify(e)).then(() => {
+      new y().save_config(this.configKey, t, JSON.stringify(e)).then(() => {
         this.$notify.normal({
           title: "Saved configuration",
           body: t
@@ -115,7 +115,7 @@ const pe = {
   },
   mounted() {
     let t = -1;
-    new b().list_configs(this.configKey).then((e) => {
+    new y().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}`);
@@ -137,7 +137,7 @@ const pe = {
         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 b().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 y().delete_config(this.configKey, t.config);
       }).catch((e) => {
         e !== !0 && this.$emit(
           "warning",
@@ -147,37 +147,38 @@ const pe = {
     }
   }
 }, 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");
+function H(t, e, a, c, l, o) {
+  const f = s("v-spacer"), p = s("v-toolbar"), g = s("v-text-field"), m = s("v-row"), h = s("v-btn"), C = s("v-data-table"), b = s("v-card-text"), x = s("v-card-actions"), d = s("v-card"), k = s("v-dialog");
   return v(), V(k, {
     modelValue: o.show,
     "onUpdate:modelValue": e[4] || (e[4] = (r) => o.show = r),
+    persistent: "",
     width: "600",
     onKeydown: U(o.cancel, ["esc"])
   }, {
-    default: l(() => [
+    default: i(() => [
       n(d, null, {
-        default: l(() => [
+        default: i(() => [
           u("form", {
             onSubmit: e[3] || (e[3] = I((...r) => o.success && o.success(...r), ["prevent"]))
           }, [
             n(p, { height: "24" }, {
-              default: l(() => [
+              default: i(() => [
                 n(f),
                 e[5] || (e[5] = u("span", null, "Open Configuration", -1)),
                 n(f)
               ]),
               _: 1
             }),
-            n(y, null, {
-              default: l(() => [
+            n(b, null, {
+              default: i(() => [
                 u("div", j, [
                   n(m, { dense: "" }, {
-                    default: l(() => [
+                    default: i(() => [
                       n(g, {
-                        modelValue: s.search,
-                        "onUpdate:modelValue": e[0] || (e[0] = (r) => s.search = r),
-                        label: "search",
+                        modelValue: l.search,
+                        "onUpdate:modelValue": e[0] || (e[0] = (r) => l.search = r),
+                        label: "Search",
                         type: "text",
                         "prepend-inner-icon": "mdi-magnify",
                         clearable: "",
@@ -193,19 +194,19 @@ function H(t, e, a, c, s, o) {
                     _: 1
                   }),
                   n(C, {
-                    modelValue: s.selectedRows,
-                    "onUpdate:modelValue": e[1] || (e[1] = (r) => s.selectedRows = r),
+                    modelValue: l.selectedRows,
+                    "onUpdate:modelValue": e[1] || (e[1] = (r) => l.selectedRows = r),
                     "show-select": "",
                     "select-strategy": "single",
                     "item-value": "configId",
-                    search: s.search,
-                    headers: s.headers,
-                    items: s.configs,
+                    search: l.search,
+                    headers: l.headers,
+                    items: l.configs,
                     "items-per-page": 5,
                     "items-per-page-options": [5],
                     "onClick:row": e[2] || (e[2] = (r, S) => o.selectRow(S))
                   }, {
-                    "item.actions": l(({ item: r }) => [
+                    "item.actions": i(({ item: r }) => [
                       n(h, {
                         class: "mt-1",
                         icon: "mdi-delete",
@@ -217,7 +218,7 @@ function H(t, e, a, c, s, o) {
                     _: 1
                   }, 8, ["modelValue", "search", "headers", "items"]),
                   n(m, { dense: "" }, {
-                    default: l(() => [
+                    default: i(() => [
                       L(u("span", {
                         class: "ma-2 text-red",
                         textContent: w(o.error)
@@ -232,14 +233,14 @@ function H(t, e, a, c, s, o) {
               _: 1
             }),
             n(x, { class: "px-2" }, {
-              default: l(() => [
+              default: i(() => [
                 n(f),
                 n(h, {
                   variant: "outlined",
                   "data-test": "open-config-cancel-btn",
                   onClick: o.cancel
                 }, {
-                  default: l(() => [...e[6] || (e[6] = [
+                  default: i(() => [...e[6] || (e[6] = [
                     _(" Cancel ", -1)
                   ])]),
                   _: 1
@@ -251,7 +252,7 @@ function H(t, e, a, c, s, o) {
                   disabled: !!o.error,
                   onClick: I(o.success, ["prevent"])
                 }, {
-                  default: l(() => [...e[7] || (e[7] = [
+                  default: i(() => [...e[7] || (e[7] = [
                     _(" Ok ", -1)
                   ])]),
                   _: 1
@@ -318,7 +319,7 @@ const ge = /* @__PURE__ */ D(P, [["render", H]]), J = {
   },
   mounted() {
     let t = -1;
-    new b().list_configs(this.configKey).then((e) => {
+    new y().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}`);
@@ -340,7 +341,7 @@ const ge = /* @__PURE__ */ D(P, [["render", H]]), J = {
         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 b().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 y().delete_config(this.configKey, t.config);
       }).catch((e) => {
         e !== !0 && this.$emit(
           "warning",
@@ -350,36 +351,37 @@ const ge = /* @__PURE__ */ D(P, [["render", H]]), J = {
     }
   }
 }, 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");
+function Z(t, e, a, c, l, o) {
+  const f = s("v-spacer"), p = s("v-toolbar"), g = s("v-text-field"), m = s("v-row"), h = s("v-btn"), C = s("v-data-table"), b = s("v-card-text"), x = s("v-card-actions"), d = s("v-card"), k = s("v-dialog");
   return v(), V(k, {
     modelValue: o.show,
     "onUpdate:modelValue": e[5] || (e[5] = (r) => o.show = r),
+    persistent: "",
     width: "600",
     onKeydown: U(o.cancel, ["esc"])
   }, {
-    default: l(() => [
+    default: i(() => [
       n(d, null, {
-        default: l(() => [
+        default: i(() => [
           u("form", {
             onSubmit: e[4] || (e[4] = I((...r) => o.success && o.success(...r), ["prevent"]))
           }, [
             n(p, { height: "24" }, {
-              default: l(() => [
+              default: i(() => [
                 n(f),
                 e[6] || (e[6] = u("span", null, "Save Configuration", -1)),
                 n(f)
               ]),
               _: 1
             }),
-            n(y, null, {
-              default: l(() => [
+            n(b, null, {
+              default: i(() => [
                 u("div", W, [
                   n(m, { dense: "" }, {
-                    default: l(() => [
+                    default: i(() => [
                       n(g, {
-                        modelValue: s.search,
-                        "onUpdate:modelValue": e[0] || (e[0] = (r) => s.search = r),
+                        modelValue: l.search,
+                        "onUpdate:modelValue": e[0] || (e[0] = (r) => l.search = r),
                         label: "search",
                         type: "text",
                         "prepend-inner-icon": "mdi-magnify",
@@ -395,19 +397,19 @@ function Z(t, e, a, c, s, o) {
                     _: 1
                   }),
                   n(C, {
-                    modelValue: s.selectedRows,
-                    "onUpdate:modelValue": e[1] || (e[1] = (r) => s.selectedRows = r),
+                    modelValue: l.selectedRows,
+                    "onUpdate:modelValue": e[1] || (e[1] = (r) => l.selectedRows = r),
                     "show-select": "",
                     "select-strategy": "single",
                     "item-value": "configId",
-                    search: s.search,
-                    headers: s.headers,
-                    items: s.configs,
+                    search: l.search,
+                    headers: l.headers,
+                    items: l.configs,
                     "items-per-page": 5,
                     "items-per-page-options": [5],
                     "onClick:row": e[2] || (e[2] = (r, S) => o.selectRow(S))
                   }, {
-                    "item.actions": l(({ item: r }) => [
+                    "item.actions": i(({ item: r }) => [
                       n(h, {
                         class: "mt-1",
                         icon: "mdi-delete",
@@ -419,10 +421,10 @@ function Z(t, e, a, c, s, o) {
                     _: 1
                   }, 8, ["modelValue", "search", "headers", "items"]),
                   n(m, { dense: "" }, {
-                    default: l(() => [
+                    default: i(() => [
                       n(g, {
-                        modelValue: s.configName,
-                        "onUpdate:modelValue": e[3] || (e[3] = (r) => s.configName = r),
+                        modelValue: l.configName,
+                        "onUpdate:modelValue": e[3] || (e[3] = (r) => l.configName = r),
                         "hide-details": "",
                         autofocus: "",
                         disabled: !!o.selectedItem,
@@ -433,7 +435,7 @@ function Z(t, e, a, c, s, o) {
                     _: 1
                   }),
                   n(m, { dense: "" }, {
-                    default: l(() => [
+                    default: i(() => [
                       L(u("span", {
                         class: "ma-2 text-red",
                         textContent: w(o.error)
@@ -448,13 +450,13 @@ function Z(t, e, a, c, s, o) {
               _: 1
             }),
             n(x, { class: "px-2" }, {
-              default: l(() => [
+              default: i(() => [
                 n(f),
                 n(h, {
                   variant: "outlined",
                   onClick: o.cancel
                 }, {
-                  default: l(() => [...e[7] || (e[7] = [
+                  default: i(() => [...e[7] || (e[7] = [
                     _(" Cancel ", -1)
                   ])]),
                   _: 1
@@ -466,7 +468,7 @@ function Z(t, e, a, c, s, o) {
                   disabled: !!o.error,
                   onClick: I(o.success, ["prevent"])
                 }, {
-                  default: l(() => [...e[8] || (e[8] = [
+                  default: i(() => [...e[8] || (e[8] = [
                     _(" Ok ", -1)
                   ])]),
                   _: 1
@@ -567,10 +569,8 @@ const _e = /* @__PURE__ */ D(J, [["render", Z]]), Q = {
                 this.timeZone
               ), e.message.raw && e.message.json_class === "String") {
                 let a = "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), a += s;
-                }
+                for (let c = 0; c < e.message.raw.length; c++)
+                  a += e.message.raw[c].toString(16).padStart(2, "0").toUpperCase();
                 e.message = a;
               } else
                 e.message = e.message.replaceAll("\\n", `
@@ -619,12 +619,12 @@ const _e = /* @__PURE__ */ D(J, [["render", Z]]), Q = {
     }
   }
 }, 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");
+function te(t, e, a, c, l, o) {
+  const f = s("v-btn"), p = s("v-spacer"), g = s("v-select"), m = s("v-text-field"), h = s("v-card-title"), C = s("rux-status"), b = s("v-data-table"), x = s("v-card");
   return v(), V(x, null, {
-    default: l(() => [
+    default: i(() => [
       n(h, { class: "d-flex align-center justify-content-space-between" }, {
-        default: l(() => [
+        default: i(() => [
           u("div", X, [
             n(f, {
               icon: "mdi-download",
@@ -644,21 +644,21 @@ function te(t, e, a, c, s, o) {
           ]),
           n(p),
           n(g, {
-            modelValue: s.logLevel,
-            "onUpdate:modelValue": e[0] || (e[0] = (d) => s.logLevel = d),
+            modelValue: l.logLevel,
+            "onUpdate:modelValue": e[0] || (e[0] = (d) => l.logLevel = d),
             label: "Filter by log level",
             "hide-details": "",
             variant: "outlined",
             density: "compact",
-            items: s.logLevels,
+            items: l.logLevels,
             class: "mr-2",
             style: { "max-width": "150px" },
             "data-test": "log-messages-level"
           }, null, 8, ["modelValue", "items"]),
           n(p),
           n(m, {
-            modelValue: s.search,
-            "onUpdate:modelValue": e[1] || (e[1] = (d) => s.search = d),
+            modelValue: l.search,
+            "onUpdate:modelValue": e[1] || (e[1] = (d) => l.search = d),
             label: "Search",
             "prepend-inner-icon": "mdi-magnify",
             clearable: "",
@@ -680,10 +680,10 @@ function te(t, e, a, c, s, o) {
         ]),
         _: 1
       }),
-      n(y, {
-        headers: s.headers,
-        items: s.shownData,
-        search: s.search,
+      n(b, {
+        headers: l.headers,
+        items: l.shownData,
+        search: l.search,
         "items-per-page": -1,
         "hide-default-footer": "",
         "multi-sort": "",
@@ -692,13 +692,13 @@ function te(t, e, a, c, s, o) {
         hover: "",
         "data-test": "log-messages"
       }, {
-        "item.timestamp": l(({ item: d }) => [
+        "item.timestamp": i(({ item: d }) => [
           u("time", {
             title: d.timestamp,
             datetime: d.timestamp
           }, w(d.timestamp), 9, Y)
         ]),
-        "item.level": l(({ item: d }) => [
+        "item.level": i(({ item: d }) => [
           u("span", {
             style: B("display: inline-flex; color:" + o.getColor(d.level))
           }, [
@@ -709,7 +709,7 @@ function te(t, e, a, c, s, o) {
             _(" " + w(d.level), 1)
           ], 4)
         ]),
-        "item.message": l(({ item: d }) => [
+        "item.message": i(({ item: d }) => [
           u("div", ee, w(d.message), 1)
         ]),
         _: 1
@@ -718,7 +718,7 @@ function te(t, e, a, c, s, o) {
     _: 1
   });
 }
-const ve = /* @__PURE__ */ D(Q, [["render", te], ["__scopeId", "data-v-081e936f"]]), ne = 50, oe = 2e3, T = "single-spa:app-change", se = {
+const ve = /* @__PURE__ */ D(Q, [["render", te], ["__scopeId", "data-v-166a37f6"]]), ne = 50, oe = 2e3, T = "single-spa:app-change", se = {
   data() {
     return {
       appsMounted: !1,
@@ -760,19 +760,19 @@ const ve = /* @__PURE__ */ D(Q, [["render", te], ["__scopeId", "data-v-081e936f"
   key: 1,
   class: "d-flex justify-center align-center"
 };
-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");
+function ae(t, e, a, c, l, o) {
+  const f = s("v-card-title"), p = s("v-card-text"), g = s("v-card"), m = s("v-progress-circular");
   return v(), N(K, null, [
-    s.show ? (v(), V(g, { key: 0 }, {
-      default: l(() => [
+    l.show ? (v(), V(g, { key: 0 }, {
+      default: i(() => [
         n(f, null, {
-          default: l(() => [...e[0] || (e[0] = [
+          default: i(() => [...e[0] || (e[0] = [
             _(" 404 Not Found ", -1)
           ])]),
           _: 1
         }),
         n(p, { class: "d-flex align-center mt-3" }, {
-          default: l(() => [
+          default: i(() => [
             e[1] || (e[1] = _(" The requested URL ", -1)),
             u("code", ie, w(t.$route.fullPath), 1),
             e[2] || (e[2] = _(" was not routable. ", -1)),
@@ -790,7 +790,7 @@ function ae(t, e, a, c, s, o) {
 }
 const we = /* @__PURE__ */ D(se, [["render", ae]]);
 export {
-  ye as AceEditorModes,
+  be as AceEditorModes,
   Ie as AceEditorUtils,
   Fe as CommandEditor,
   Me as CommandParameterEditor,