@openc3/vue-common 6.10.1 → 6.10.3

package/dist/components.js

@@ -1,22 +1,22 @@
-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 { A as be, O as xe } from "./OutputDialog-Di-pSmJE.js";
+import { A as Ve, T as Ie } from "./TopBar-BkwvK0oj.js";
+import { E as ke, a as Ne, F as Re, O as Ee, S as Oe } from "./Openc3Screen-CDwAWaTl.js";
+import { y, g as M } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_dda5adfc_lang-D9LFRi0t.js";
+import { D as Te, d as Ue } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_dda5adfc_lang-D9LFRi0t.js";
+import { resolveComponent as s, createBlock as I, openBlock as v, withKeys as U, withCtx as l, createVNode as n, createElementVNode as u, withModifiers as V, 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-B9m73Gqm.js";
+import { C as Fe, a as Me, E as Be, S as Ke } from "./ScriptChooser-C5HHbbcP.js";
+import { C as Ge } from "./CriticalCmdDialog-trVtKZft.js";
+import { D as je } from "./DetailsDialog-p_vutijL.js";
+import { G as He, a as Je, b as We } from "./Graph-CbjlChwf.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--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";
+import { S as Ze } from "./SimpleTextDialog-CXIEKlX0.js";
+import { T as Xe } from "./TargetPacketItemChooser-D5h9Octy.js";
+import { T as et } from "./TextBoxDialog-CJHrE2Sh.js";
+import { U as nt } from "./UpgradeToEnterpriseDialog-CEUcvlkx.js";
 const pe = {
   data: {
     configKey: "",
@@ -72,10 +72,14 @@ const pe = {
   }
 }, P = {
   props: {
-    configKey: String,
+    configKey: {
+      type: String,
+      default: null
+    },
     modelValue: Boolean
     // modelValue is the default prop when using v-model
   },
+  emits: ["update:modelValue", "warning", "success"],
   data() {
     return {
       configs: [],
@@ -147,23 +151,23 @@ const pe = {
     }
   }
 }, j = { class: "mt-4 pa-3" }, q = ["textContent"];
-function H(t, e, a, c, l, o) {
+function H(t, e, a, c, i, 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, {
+  return v(), I(k, {
     modelValue: o.show,
     "onUpdate:modelValue": e[4] || (e[4] = (r) => o.show = r),
     persistent: "",
     width: "600",
     onKeydown: U(o.cancel, ["esc"])
   }, {
-    default: i(() => [
+    default: l(() => [
       n(d, null, {
-        default: i(() => [
+        default: l(() => [
           u("form", {
-            onSubmit: e[3] || (e[3] = I((...r) => o.success && o.success(...r), ["prevent"]))
+            onSubmit: e[3] || (e[3] = V((...r) => o.success && o.success(...r), ["prevent"]))
           }, [
             n(p, { height: "24" }, {
-              default: i(() => [
+              default: l(() => [
                 n(f),
                 e[5] || (e[5] = u("span", null, "Open Configuration", -1)),
                 n(f)
@@ -171,13 +175,13 @@ function H(t, e, a, c, l, o) {
               _: 1
             }),
             n(b, null, {
-              default: i(() => [
+              default: l(() => [
                 u("div", j, [
                   n(m, { dense: "" }, {
-                    default: i(() => [
+                    default: l(() => [
                       n(g, {
-                        modelValue: l.search,
-                        "onUpdate:modelValue": e[0] || (e[0] = (r) => l.search = r),
+                        modelValue: i.search,
+                        "onUpdate:modelValue": e[0] || (e[0] = (r) => i.search = r),
                         label: "Search",
                         type: "text",
                         "prepend-inner-icon": "mdi-magnify",
@@ -194,19 +198,19 @@ function H(t, e, a, c, l, o) {
                     _: 1
                   }),
                   n(C, {
-                    modelValue: l.selectedRows,
-                    "onUpdate:modelValue": e[1] || (e[1] = (r) => l.selectedRows = r),
+                    modelValue: i.selectedRows,
+                    "onUpdate:modelValue": e[1] || (e[1] = (r) => i.selectedRows = r),
                     "show-select": "",
                     "select-strategy": "single",
                     "item-value": "configId",
-                    search: l.search,
-                    headers: l.headers,
-                    items: l.configs,
+                    search: i.search,
+                    headers: i.headers,
+                    items: i.configs,
                     "items-per-page": 5,
                     "items-per-page-options": [5],
                     "onClick:row": e[2] || (e[2] = (r, S) => o.selectRow(S))
                   }, {
-                    "item.actions": i(({ item: r }) => [
+                    "item.actions": l(({ item: r }) => [
                       n(h, {
                         class: "mt-1",
                         icon: "mdi-delete",
@@ -218,7 +222,7 @@ function H(t, e, a, c, l, o) {
                     _: 1
                   }, 8, ["modelValue", "search", "headers", "items"]),
                   n(m, { dense: "" }, {
-                    default: i(() => [
+                    default: l(() => [
                       L(u("span", {
                         class: "ma-2 text-red",
                         textContent: w(o.error)
@@ -233,14 +237,14 @@ function H(t, e, a, c, l, o) {
               _: 1
             }),
             n(x, { class: "px-2" }, {
-              default: i(() => [
+              default: l(() => [
                 n(f),
                 n(h, {
                   variant: "outlined",
                   "data-test": "open-config-cancel-btn",
                   onClick: o.cancel
                 }, {
-                  default: i(() => [...e[6] || (e[6] = [
+                  default: l(() => [...e[6] || (e[6] = [
                     _(" Cancel ", -1)
                   ])]),
                   _: 1
@@ -250,9 +254,9 @@ function H(t, e, a, c, l, o) {
                   type: "submit",
                   "data-test": "open-config-submit-btn",
                   disabled: !!o.error,
-                  onClick: I(o.success, ["prevent"])
+                  onClick: V(o.success, ["prevent"])
                 }, {
-                  default: i(() => [...e[7] || (e[7] = [
+                  default: l(() => [...e[7] || (e[7] = [
                     _(" Ok ", -1)
                   ])]),
                   _: 1
@@ -270,10 +274,14 @@ function H(t, e, a, c, l, o) {
 }
 const ge = /* @__PURE__ */ D(P, [["render", H]]), J = {
   props: {
-    configKey: String,
+    configKey: {
+      type: String,
+      default: null
+    },
     modelValue: Boolean
     // modelValue is the default prop when using v-model
   },
+  emits: ["update:modelValue", "warning", "success"],
   data() {
     return {
       configName: "",
@@ -351,23 +359,23 @@ const ge = /* @__PURE__ */ D(P, [["render", H]]), J = {
     }
   }
 }, W = { class: "mt-4 pa-3" }, z = ["textContent"];
-function Z(t, e, a, c, l, o) {
+function Z(t, e, a, c, i, 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, {
+  return v(), I(k, {
     modelValue: o.show,
     "onUpdate:modelValue": e[5] || (e[5] = (r) => o.show = r),
     persistent: "",
     width: "600",
     onKeydown: U(o.cancel, ["esc"])
   }, {
-    default: i(() => [
+    default: l(() => [
       n(d, null, {
-        default: i(() => [
+        default: l(() => [
           u("form", {
-            onSubmit: e[4] || (e[4] = I((...r) => o.success && o.success(...r), ["prevent"]))
+            onSubmit: e[4] || (e[4] = V((...r) => o.success && o.success(...r), ["prevent"]))
           }, [
             n(p, { height: "24" }, {
-              default: i(() => [
+              default: l(() => [
                 n(f),
                 e[6] || (e[6] = u("span", null, "Save Configuration", -1)),
                 n(f)
@@ -375,13 +383,13 @@ function Z(t, e, a, c, l, o) {
               _: 1
             }),
             n(b, null, {
-              default: i(() => [
+              default: l(() => [
                 u("div", W, [
                   n(m, { dense: "" }, {
-                    default: i(() => [
+                    default: l(() => [
                       n(g, {
-                        modelValue: l.search,
-                        "onUpdate:modelValue": e[0] || (e[0] = (r) => l.search = r),
+                        modelValue: i.search,
+                        "onUpdate:modelValue": e[0] || (e[0] = (r) => i.search = r),
                         label: "search",
                         type: "text",
                         "prepend-inner-icon": "mdi-magnify",
@@ -397,19 +405,19 @@ function Z(t, e, a, c, l, o) {
                     _: 1
                   }),
                   n(C, {
-                    modelValue: l.selectedRows,
-                    "onUpdate:modelValue": e[1] || (e[1] = (r) => l.selectedRows = r),
+                    modelValue: i.selectedRows,
+                    "onUpdate:modelValue": e[1] || (e[1] = (r) => i.selectedRows = r),
                     "show-select": "",
                     "select-strategy": "single",
                     "item-value": "configId",
-                    search: l.search,
-                    headers: l.headers,
-                    items: l.configs,
+                    search: i.search,
+                    headers: i.headers,
+                    items: i.configs,
                     "items-per-page": 5,
                     "items-per-page-options": [5],
                     "onClick:row": e[2] || (e[2] = (r, S) => o.selectRow(S))
                   }, {
-                    "item.actions": i(({ item: r }) => [
+                    "item.actions": l(({ item: r }) => [
                       n(h, {
                         class: "mt-1",
                         icon: "mdi-delete",
@@ -421,10 +429,10 @@ function Z(t, e, a, c, l, o) {
                     _: 1
                   }, 8, ["modelValue", "search", "headers", "items"]),
                   n(m, { dense: "" }, {
-                    default: i(() => [
+                    default: l(() => [
                       n(g, {
-                        modelValue: l.configName,
-                        "onUpdate:modelValue": e[3] || (e[3] = (r) => l.configName = r),
+                        modelValue: i.configName,
+                        "onUpdate:modelValue": e[3] || (e[3] = (r) => i.configName = r),
                         "hide-details": "",
                         autofocus: "",
                         disabled: !!o.selectedItem,
@@ -435,7 +443,7 @@ function Z(t, e, a, c, l, o) {
                     _: 1
                   }),
                   n(m, { dense: "" }, {
-                    default: i(() => [
+                    default: l(() => [
                       L(u("span", {
                         class: "ma-2 text-red",
                         textContent: w(o.error)
@@ -450,13 +458,13 @@ function Z(t, e, a, c, l, o) {
               _: 1
             }),
             n(x, { class: "px-2" }, {
-              default: i(() => [
+              default: l(() => [
                 n(f),
                 n(h, {
                   variant: "outlined",
                   onClick: o.cancel
                 }, {
-                  default: i(() => [...e[7] || (e[7] = [
+                  default: l(() => [...e[7] || (e[7] = [
                     _(" Cancel ", -1)
                   ])]),
                   _: 1
@@ -466,9 +474,9 @@ function Z(t, e, a, c, l, o) {
                   type: "submit",
                   "data-test": "save-config-submit-btn",
                   disabled: !!o.error,
-                  onClick: I(o.success, ["prevent"])
+                  onClick: V(o.success, ["prevent"])
                 }, {
-                  default: i(() => [...e[8] || (e[8] = [
+                  default: l(() => [...e[8] || (e[8] = [
                     _(" Ok ", -1)
                   ])]),
                   _: 1
@@ -594,7 +602,7 @@ const _e = /* @__PURE__ */ D(J, [["render", Z]]), Q = {
       return E[t];
     },
     downloadLog() {
-      const t = this.shownData.map(
+      const t = this.shownData.sort((c, i) => c.time - i.time).map(
         (c) => (
           // Other fields are available like container_name, msg_id ... probably not useful
           `${c.timestamp} | ${c.level} | ${c.microservice_name} | ${c.message}`
@@ -619,12 +627,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, l, o) {
+function te(t, e, a, c, i, 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: i(() => [
+  return v(), I(x, null, {
+    default: l(() => [
       n(h, { class: "d-flex align-center justify-content-space-between" }, {
-        default: i(() => [
+        default: l(() => [
           u("div", X, [
             n(f, {
               icon: "mdi-download",
@@ -644,21 +652,21 @@ function te(t, e, a, c, l, o) {
           ]),
           n(p),
           n(g, {
-            modelValue: l.logLevel,
-            "onUpdate:modelValue": e[0] || (e[0] = (d) => l.logLevel = d),
+            modelValue: i.logLevel,
+            "onUpdate:modelValue": e[0] || (e[0] = (d) => i.logLevel = d),
             label: "Filter by log level",
             "hide-details": "",
             variant: "outlined",
             density: "compact",
-            items: l.logLevels,
+            items: i.logLevels,
             class: "mr-2",
             style: { "max-width": "150px" },
             "data-test": "log-messages-level"
           }, null, 8, ["modelValue", "items"]),
           n(p),
           n(m, {
-            modelValue: l.search,
-            "onUpdate:modelValue": e[1] || (e[1] = (d) => l.search = d),
+            modelValue: i.search,
+            "onUpdate:modelValue": e[1] || (e[1] = (d) => i.search = d),
             label: "Search",
             "prepend-inner-icon": "mdi-magnify",
             clearable: "",
@@ -681,24 +689,24 @@ function te(t, e, a, c, l, o) {
         _: 1
       }),
       n(b, {
-        headers: l.headers,
-        items: l.shownData,
-        search: l.search,
+        headers: i.headers,
+        items: i.shownData,
+        search: i.search,
         "items-per-page": -1,
         "hide-default-footer": "",
-        "multi-sort": "",
+        "sort-by": [{ key: "time", order: "desc" }],
         density: "compact",
-        sticky: "",
+        "fixed-header": "",
         hover: "",
         "data-test": "log-messages"
       }, {
-        "item.timestamp": i(({ item: d }) => [
+        "item.timestamp": l(({ item: d }) => [
           u("time", {
             title: d.timestamp,
             datetime: d.timestamp
           }, w(d.timestamp), 9, Y)
         ]),
-        "item.level": i(({ item: d }) => [
+        "item.level": l(({ item: d }) => [
           u("span", {
             style: B("display: inline-flex; color:" + o.getColor(d.level))
           }, [
@@ -709,7 +717,7 @@ function te(t, e, a, c, l, o) {
             _(" " + w(d.level), 1)
           ], 4)
         ]),
-        "item.message": i(({ item: d }) => [
+        "item.message": l(({ item: d }) => [
           u("div", ee, w(d.message), 1)
         ]),
         _: 1
@@ -718,7 +726,7 @@ function te(t, e, a, c, l, o) {
     _: 1
   });
 }
-const ve = /* @__PURE__ */ D(Q, [["render", te], ["__scopeId", "data-v-166a37f6"]]), ne = 50, oe = 2e3, T = "single-spa:app-change", se = {
+const ve = /* @__PURE__ */ D(Q, [["render", te], ["__scopeId", "data-v-8e8014a9"]]), ne = 50, oe = 2e3, T = "single-spa:app-change", se = {
   data() {
     return {
       appsMounted: !1,
@@ -760,19 +768,19 @@ const ve = /* @__PURE__ */ D(Q, [["render", te], ["__scopeId", "data-v-166a37f6"
   key: 1,
   class: "d-flex justify-center align-center"
 };
-function ae(t, e, a, c, l, o) {
+function ae(t, e, a, c, i, 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, [
-    l.show ? (v(), V(g, { key: 0 }, {
-      default: i(() => [
+    i.show ? (v(), I(g, { key: 0 }, {
+      default: l(() => [
         n(f, null, {
-          default: i(() => [...e[0] || (e[0] = [
+          default: l(() => [...e[0] || (e[0] = [
             _(" 404 Not Found ", -1)
           ])]),
           _: 1
         }),
         n(p, { class: "d-flex align-center mt-3" }, {
-          default: i(() => [
+          default: l(() => [
             e[1] || (e[1] = _(" The requested URL ", -1)),
             u("code", ie, w(t.$route.fullPath), 1),
             e[2] || (e[2] = _(" was not routable. ", -1)),
@@ -791,7 +799,7 @@ function ae(t, e, a, c, l, o) {
 const we = /* @__PURE__ */ D(se, [["render", ae]]);
 export {
   be as AceEditorModes,
-  Ie as AceEditorUtils,
+  Ve as AceEditorUtils,
   Fe as CommandEditor,
   Me as CommandParameterEditor,
   pe as Config,
@@ -817,7 +825,7 @@ export {
   Ze as SimpleTextDialog,
   Xe as TargetPacketItemChooser,
   et as TextBoxDialog,
-  Ve as TopBar,
+  Ie as TopBar,
   nt as UpgradeToEnterpriseDialog
 };
 //# sourceMappingURL=components.js.map