@openc3/vue-common 6.10.2 → 6.10.4

package/dist/components.js

@@ -1,23 +1,27 @@
-import { A as be, O as xe } from "./OutputDialog-CNH74LpJ.js";
-import { A as Ie, T as Ve } from "./TopBar-D4C9DJcu.js";
-import { E as ke, a as Ne, F as Re, O as Ee, S as Oe } from "./Openc3Screen-DcIIUO63.js";
-import { y, g as M } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-B8ikVCn7.js";
-import { D as Te, d as Ue } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-B8ikVCn7.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-DMPY3m8a.js";
-import { C as Ge } from "./CriticalCmdDialog-BtzhxuZi.js";
-import { D as je } from "./DetailsDialog-Bq7SS7bc.js";
-import { G as He, a as Je, b as We } from "./Graph-B7KPo9Ul.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-8vDPDt6X.js";
-import { T as Xe } from "./TargetPacketItemChooser-DGcXvdTX.js";
-import { T as et } from "./TextBoxDialog-Xs-gitZd.js";
-import { U as nt } from "./UpgradeToEnterpriseDialog-D0AGxldj.js";
-const pe = {
+import { A as K } from "./OutputDialog-x4QZFAWe.js";
+import { O as Te } from "./OutputDialog-x4QZFAWe.js";
+import { A as E } from "./TopBar-DzxJ69Tt.js";
+import { T as Ue } from "./TopBar-DzxJ69Tt.js";
+import { C as $, T as P } from "./Openc3Screen-DYJHNotN.js";
+import { E as Fe, b as Be, F as Ke, O as $e, S as Pe, a as Ge } from "./Openc3Screen-DYJHNotN.js";
+import { y as x, a as G, g as j } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_dda5adfc_lang-NXWdTcR2.js";
+import { D as ze, d as He } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_dda5adfc_lang-NXWdTcR2.js";
+import { resolveComponent as i, createBlock as I, openBlock as b, withKeys as U, withCtx as l, createVNode as o, createElementVNode as m, withModifiers as S, withDirectives as L, toDisplayString as C, vShow as F, createTextVNode as v, createElementBlock as R, normalizeStyle as B, Fragment as z, createCommentVNode as D } from "vue";
+import { _ as k } from "./CustomIcon-B9m73Gqm.js";
+import { C as qe, a as Je, E as Xe, S as Ye } from "./ScriptChooser-DCjI5aeZ.js";
+import { C as Qe } from "./CriticalCmdDialog-BYHZbX2w.js";
+import { D as tt } from "./DetailsDialog-D-rjL4oc.js";
+import { G as nt, a as it, b as st } from "./Graph-C-7C2Jq5.js";
+import { UnknownToAstroStatus as N, AstroStatusColors as O } from "./icons.js";
+import { T as H } from "./timeFilters-BKnCM4rv.js";
+import { f as W } from "./format-CVeawcIv.js";
+import { getMountedApps as T } from "single-spa";
+import { O as at } from "./OpenC3TimePicker-D-_qqySI.js";
+import { S as ct } from "./SimpleTextDialog-DDIm5Znf.js";
+import { T as ut } from "./TargetPacketItemChooser-DDqBQTWC.js";
+import { T as ft } from "./TextBoxDialog-CJHrE2Sh.js";
+import { U as pt } from "./UpgradeToEnterpriseDialog-Bf6rEOgp.js";
+const ke = {
   data: {
     configKey: "",
     // Applications can set to avoid persisting default config
@@ -32,7 +36,7 @@ const pe = {
       this.dontSaveDefaultConfig !== !0 && (localStorage[`${this.configKey}__default`] = JSON.stringify(t));
     },
     openConfigBase: function(t, e = !1, a = null) {
-      new y().load_config(this.configKey, t).then((c) => {
+      new x().load_config(this.configKey, t).then((c) => {
         c ? (this.$notify.normal({
           title: "Loading configuration",
           body: t
@@ -52,7 +56,7 @@ const pe = {
       });
     },
     saveConfigBase: function(t, e) {
-      new y().save_config(this.configKey, t, JSON.stringify(e)).then(() => {
+      new x().save_config(this.configKey, t, JSON.stringify(e)).then(() => {
         this.$notify.normal({
           title: "Saved configuration",
           body: t
@@ -70,12 +74,16 @@ const pe = {
       delete t.config, this.$router.replace({ query: t });
     }
   }
-}, P = {
+}, q = {
   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: [],
@@ -115,7 +123,7 @@ const pe = {
   },
   mounted() {
     let t = -1;
-    new y().list_configs(this.configKey).then((e) => {
+    new x().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 +145,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 y().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 x().delete_config(this.configKey, t.config);
       }).catch((e) => {
         e !== !0 && this.$emit(
           "warning",
@@ -146,38 +154,38 @@ const pe = {
       });
     }
   }
-}, j = { class: "mt-4 pa-3" }, q = ["textContent"];
-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),
+}, J = { class: "mt-4 pa-3" }, X = ["textContent"];
+function Y(t, e, a, c, s, n) {
+  const d = i("v-spacer"), g = i("v-toolbar"), _ = i("v-text-field"), f = i("v-row"), h = i("v-btn"), w = i("v-data-table"), y = i("v-card-text"), p = i("v-card-actions"), u = i("v-card"), M = i("v-dialog");
+  return b(), I(M, {
+    modelValue: n.show,
+    "onUpdate:modelValue": e[4] || (e[4] = (r) => n.show = r),
     persistent: "",
     width: "600",
-    onKeydown: U(o.cancel, ["esc"])
+    onKeydown: U(n.cancel, ["esc"])
   }, {
-    default: i(() => [
-      n(d, null, {
-        default: i(() => [
-          u("form", {
-            onSubmit: e[3] || (e[3] = I((...r) => o.success && o.success(...r), ["prevent"]))
+    default: l(() => [
+      o(u, null, {
+        default: l(() => [
+          m("form", {
+            onSubmit: e[3] || (e[3] = S((...r) => n.success && n.success(...r), ["prevent"]))
           }, [
-            n(p, { height: "24" }, {
-              default: i(() => [
-                n(f),
-                e[5] || (e[5] = u("span", null, "Open Configuration", -1)),
-                n(f)
+            o(g, { height: "24" }, {
+              default: l(() => [
+                o(d),
+                e[5] || (e[5] = m("span", null, "Open Configuration", -1)),
+                o(d)
               ]),
               _: 1
             }),
-            n(b, null, {
-              default: i(() => [
-                u("div", j, [
-                  n(m, { dense: "" }, {
-                    default: i(() => [
-                      n(g, {
-                        modelValue: l.search,
-                        "onUpdate:modelValue": e[0] || (e[0] = (r) => l.search = r),
+            o(y, null, {
+              default: l(() => [
+                m("div", J, [
+                  o(f, { dense: "" }, {
+                    default: l(() => [
+                      o(_, {
+                        modelValue: s.search,
+                        "onUpdate:modelValue": e[0] || (e[0] = (r) => s.search = r),
                         label: "Search",
                         type: "text",
                         "prepend-inner-icon": "mdi-magnify",
@@ -193,37 +201,37 @@ function H(t, e, a, c, l, o) {
                     ]),
                     _: 1
                   }),
-                  n(C, {
-                    modelValue: l.selectedRows,
-                    "onUpdate:modelValue": e[1] || (e[1] = (r) => l.selectedRows = r),
+                  o(w, {
+                    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] = (r, S) => o.selectRow(S))
+                    "onClick:row": e[2] || (e[2] = (r, V) => n.selectRow(V))
                   }, {
-                    "item.actions": i(({ item: r }) => [
-                      n(h, {
+                    "item.actions": l(({ item: r }) => [
+                      o(h, {
                         class: "mt-1",
                         icon: "mdi-delete",
                         variant: "text",
                         "data-test": "item-delete",
-                        onClick: (S) => o.deleteConfig(r)
+                        onClick: (V) => n.deleteConfig(r)
                       }, null, 8, ["onClick"])
                     ]),
                     _: 1
                   }, 8, ["modelValue", "search", "headers", "items"]),
-                  n(m, { dense: "" }, {
-                    default: i(() => [
-                      L(u("span", {
+                  o(f, { dense: "" }, {
+                    default: l(() => [
+                      L(m("span", {
                         class: "ma-2 text-red",
-                        textContent: w(o.error)
-                      }, null, 8, q), [
-                        [F, o.error]
+                        textContent: C(n.error)
+                      }, null, 8, X), [
+                        [F, n.error]
                       ])
                     ]),
                     _: 1
@@ -232,28 +240,28 @@ function H(t, e, a, c, l, o) {
               ]),
               _: 1
             }),
-            n(x, { class: "px-2" }, {
-              default: i(() => [
-                n(f),
-                n(h, {
+            o(p, { class: "px-2" }, {
+              default: l(() => [
+                o(d),
+                o(h, {
                   variant: "outlined",
                   "data-test": "open-config-cancel-btn",
-                  onClick: o.cancel
+                  onClick: n.cancel
                 }, {
-                  default: i(() => [...e[6] || (e[6] = [
-                    _(" Cancel ", -1)
+                  default: l(() => [...e[6] || (e[6] = [
+                    v(" Cancel ", -1)
                   ])]),
                   _: 1
                 }, 8, ["onClick"]),
-                n(h, {
+                o(h, {
                   variant: "flat",
                   type: "submit",
                   "data-test": "open-config-submit-btn",
-                  disabled: !!o.error,
-                  onClick: I(o.success, ["prevent"])
+                  disabled: !!n.error,
+                  onClick: S(n.success, ["prevent"])
                 }, {
-                  default: i(() => [...e[7] || (e[7] = [
-                    _(" Ok ", -1)
+                  default: l(() => [...e[7] || (e[7] = [
+                    v(" Ok ", -1)
                   ])]),
                   _: 1
                 }, 8, ["disabled", "onClick"])
@@ -268,12 +276,16 @@ function H(t, e, a, c, l, o) {
     _: 1
   }, 8, ["modelValue", "onKeydown"]);
 }
-const ge = /* @__PURE__ */ D(P, [["render", H]]), J = {
+const Ie = /* @__PURE__ */ k(q, [["render", Y]]), Z = {
   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: "",
@@ -319,7 +331,7 @@ const ge = /* @__PURE__ */ D(P, [["render", H]]), J = {
   },
   mounted() {
     let t = -1;
-    new y().list_configs(this.configKey).then((e) => {
+    new x().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 +353,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 y().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 x().delete_config(this.configKey, t.config);
       }).catch((e) => {
         e !== !0 && this.$emit(
           "warning",
@@ -350,38 +362,38 @@ const ge = /* @__PURE__ */ D(P, [["render", H]]), J = {
       });
     }
   }
-}, W = { class: "mt-4 pa-3" }, z = ["textContent"];
-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),
+}, Q = { class: "mt-4 pa-3" }, ee = ["textContent"];
+function te(t, e, a, c, s, n) {
+  const d = i("v-spacer"), g = i("v-toolbar"), _ = i("v-text-field"), f = i("v-row"), h = i("v-btn"), w = i("v-data-table"), y = i("v-card-text"), p = i("v-card-actions"), u = i("v-card"), M = i("v-dialog");
+  return b(), I(M, {
+    modelValue: n.show,
+    "onUpdate:modelValue": e[5] || (e[5] = (r) => n.show = r),
     persistent: "",
     width: "600",
-    onKeydown: U(o.cancel, ["esc"])
+    onKeydown: U(n.cancel, ["esc"])
   }, {
-    default: i(() => [
-      n(d, null, {
-        default: i(() => [
-          u("form", {
-            onSubmit: e[4] || (e[4] = I((...r) => o.success && o.success(...r), ["prevent"]))
+    default: l(() => [
+      o(u, null, {
+        default: l(() => [
+          m("form", {
+            onSubmit: e[4] || (e[4] = S((...r) => n.success && n.success(...r), ["prevent"]))
           }, [
-            n(p, { height: "24" }, {
-              default: i(() => [
-                n(f),
-                e[6] || (e[6] = u("span", null, "Save Configuration", -1)),
-                n(f)
+            o(g, { height: "24" }, {
+              default: l(() => [
+                o(d),
+                e[6] || (e[6] = m("span", null, "Save Configuration", -1)),
+                o(d)
               ]),
               _: 1
             }),
-            n(b, null, {
-              default: i(() => [
-                u("div", W, [
-                  n(m, { dense: "" }, {
-                    default: i(() => [
-                      n(g, {
-                        modelValue: l.search,
-                        "onUpdate:modelValue": e[0] || (e[0] = (r) => l.search = r),
+            o(y, null, {
+              default: l(() => [
+                m("div", Q, [
+                  o(f, { dense: "" }, {
+                    default: l(() => [
+                      o(_, {
+                        modelValue: s.search,
+                        "onUpdate:modelValue": e[0] || (e[0] = (r) => s.search = r),
                         label: "search",
                         type: "text",
                         "prepend-inner-icon": "mdi-magnify",
@@ -396,51 +408,51 @@ function Z(t, e, a, c, l, o) {
                     ]),
                     _: 1
                   }),
-                  n(C, {
-                    modelValue: l.selectedRows,
-                    "onUpdate:modelValue": e[1] || (e[1] = (r) => l.selectedRows = r),
+                  o(w, {
+                    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] = (r, S) => o.selectRow(S))
+                    "onClick:row": e[2] || (e[2] = (r, V) => n.selectRow(V))
                   }, {
-                    "item.actions": i(({ item: r }) => [
-                      n(h, {
+                    "item.actions": l(({ item: r }) => [
+                      o(h, {
                         class: "mt-1",
                         icon: "mdi-delete",
                         variant: "text",
                         "data-test": "item-delete",
-                        onClick: (S) => o.deleteConfig(r)
+                        onClick: (V) => n.deleteConfig(r)
                       }, null, 8, ["onClick"])
                     ]),
                     _: 1
                   }, 8, ["modelValue", "search", "headers", "items"]),
-                  n(m, { dense: "" }, {
-                    default: i(() => [
-                      n(g, {
-                        modelValue: l.configName,
-                        "onUpdate:modelValue": e[3] || (e[3] = (r) => l.configName = r),
+                  o(f, { dense: "" }, {
+                    default: l(() => [
+                      o(_, {
+                        modelValue: s.configName,
+                        "onUpdate:modelValue": e[3] || (e[3] = (r) => s.configName = r),
                         "hide-details": "",
                         autofocus: "",
-                        disabled: !!o.selectedItem,
+                        disabled: !!n.selectedItem,
                         label: "Configuration Name",
                         "data-test": "name-input-save-config-dialog"
                       }, null, 8, ["modelValue", "disabled"])
                     ]),
                     _: 1
                   }),
-                  n(m, { dense: "" }, {
-                    default: i(() => [
-                      L(u("span", {
+                  o(f, { dense: "" }, {
+                    default: l(() => [
+                      L(m("span", {
                         class: "ma-2 text-red",
-                        textContent: w(o.error)
-                      }, null, 8, z), [
-                        [F, o.error]
+                        textContent: C(n.error)
+                      }, null, 8, ee), [
+                        [F, n.error]
                       ])
                     ]),
                     _: 1
@@ -449,27 +461,27 @@ function Z(t, e, a, c, l, o) {
               ]),
               _: 1
             }),
-            n(x, { class: "px-2" }, {
-              default: i(() => [
-                n(f),
-                n(h, {
+            o(p, { class: "px-2" }, {
+              default: l(() => [
+                o(d),
+                o(h, {
                   variant: "outlined",
-                  onClick: o.cancel
+                  onClick: n.cancel
                 }, {
-                  default: i(() => [...e[7] || (e[7] = [
-                    _(" Cancel ", -1)
+                  default: l(() => [...e[7] || (e[7] = [
+                    v(" Cancel ", -1)
                   ])]),
                   _: 1
                 }, 8, ["onClick"]),
-                n(h, {
+                o(h, {
                   variant: "flat",
                   type: "submit",
                   "data-test": "save-config-submit-btn",
-                  disabled: !!o.error,
-                  onClick: I(o.success, ["prevent"])
+                  disabled: !!n.error,
+                  onClick: S(n.success, ["prevent"])
                 }, {
-                  default: i(() => [...e[8] || (e[8] = [
-                    _(" Ok ", -1)
+                  default: l(() => [...e[8] || (e[8] = [
+                    v(" Ok ", -1)
                   ])]),
                   _: 1
                 }, 8, ["disabled", "onClick"])
@@ -484,8 +496,166 @@ function Z(t, e, a, c, l, o) {
     _: 1
   }, 8, ["modelValue", "onKeydown"]);
 }
-const _e = /* @__PURE__ */ D(J, [["render", Z]]), Q = {
-  mixins: [$],
+const Me = /* @__PURE__ */ k(Z, [["render", te]]), oe = {
+  mixins: [K],
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    height: {
+      type: String,
+      default: "300px"
+    },
+    filename: {
+      type: String,
+      default: "script"
+    }
+  },
+  emits: ["update:modelValue"],
+  data() {
+    return {
+      editor: null,
+      language: E.getDefaultScriptingLanguage() || "ruby",
+      rubyMode: null,
+      pythonMode: null,
+      contextMenu: !1,
+      menuX: 0,
+      menuY: 0
+    };
+  },
+  watch: {
+    modelValue(t) {
+      this.editor && this.editor.getValue() !== t && (this.editor.setValue(t), this.editor.clearSelection());
+    },
+    language(t) {
+      this.editor && (t === "python" ? this.editor.session.setMode(this.pythonMode) : this.editor.session.setMode(this.rubyMode));
+    }
+  },
+  mounted() {
+    this.initEditor();
+  },
+  beforeUnmount() {
+    this.editor && (this.editor.destroy(), this.editor.container.remove());
+  },
+  methods: {
+    initEditor() {
+      this.editor = G.edit(this.$refs.editor), this.editor.setTheme("ace/theme/twilight");
+      const t = this.buildRubyMode(), e = this.buildPythonMode();
+      this.rubyMode = new t(), this.pythonMode = new e(), this.language === "python" ? this.editor.session.setMode(this.pythonMode) : this.editor.session.setMode(this.rubyMode), this.editor.session.setTabSize(2), this.editor.session.setUseWrapMode(!0), this.editor.$blockScrolling = 1 / 0, this.editor.setOption("enableBasicAutocompletion", !0), this.editor.setOption("enableLiveAutocompletion", !0), this.editor.completers = [new $(), new P()], this.editor.setHighlightActiveLine(!1), this.editor.setValue(this.modelValue), this.editor.clearSelection(), E.applyVimModeIfEnabled(this.editor), this.editor.focus(), this.editor.session.on("change", () => {
+        this.$emit("update:modelValue", this.editor.getValue());
+      });
+    },
+    getValue() {
+      return this.editor ? this.editor.getValue() : this.modelValue;
+    },
+    toggleVimMode() {
+      E.toggleVimMode(this.editor);
+    },
+    showContextMenu(t) {
+      this.menuX = t.pageX, this.menuY = t.pageY, this.contextMenu = !0;
+    },
+    downloadContent() {
+      const t = this.language === "python" ? ".py" : ".rb", e = new Blob([this.editor.getValue()], {
+        type: "text/plain"
+      }), a = document.createElement("a");
+      a.href = URL.createObjectURL(e), a.setAttribute("download", `${this.filename}${t}`), a.click();
+    }
+  }
+}, ne = { class: "script-editor-container" };
+function ie(t, e, a, c, s, n) {
+  const d = i("v-btn"), g = i("v-btn-toggle"), _ = i("v-spacer"), f = i("v-row"), h = i("v-list-item"), w = i("v-list"), y = i("v-menu");
+  return b(), R("div", ne, [
+    o(f, {
+      "no-gutters": "",
+      align: "center",
+      class: "mb-2"
+    }, {
+      default: l(() => [
+        o(g, {
+          modelValue: s.language,
+          "onUpdate:modelValue": e[0] || (e[0] = (p) => s.language = p),
+          mandatory: "",
+          density: "compact",
+          class: "mr-3"
+        }, {
+          default: l(() => [
+            o(d, {
+              value: "ruby",
+              size: "small"
+            }, {
+              default: l(() => [...e[3] || (e[3] = [
+                v("Ruby", -1)
+              ])]),
+              _: 1
+            }),
+            o(d, {
+              value: "python",
+              size: "small"
+            }, {
+              default: l(() => [...e[4] || (e[4] = [
+                v("Python", -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        o(_),
+        o(d, {
+          icon: "mdi-download",
+          variant: "text",
+          density: "compact",
+          title: "Download",
+          "data-test": "script-editor-download",
+          onClick: n.downloadContent
+        }, null, 8, ["onClick"])
+      ]),
+      _: 1
+    }),
+    o(f, {
+      "no-gutters": "",
+      class: "mb-2"
+    }, {
+      default: l(() => [
+        m("pre", {
+          ref: "editor",
+          class: "script-editor",
+          style: B({ height: a.height, width: "100%" }),
+          onContextmenu: e[1] || (e[1] = S((...p) => n.showContextMenu && n.showContextMenu(...p), ["prevent"]))
+        }, null, 36),
+        o(y, {
+          modelValue: s.contextMenu,
+          "onUpdate:modelValue": e[2] || (e[2] = (p) => s.contextMenu = p),
+          target: [s.menuX, s.menuY]
+        }, {
+          default: l(() => [
+            o(w, null, {
+              default: l(() => [
+                o(h, {
+                  title: "Toggle Vim mode",
+                  "prepend-icon": "extras:vim",
+                  onClick: n.toggleVimMode
+                }, null, 8, ["onClick"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue", "target"])
+      ]),
+      _: 1
+    }),
+    o(f, { "no-gutters": "" }, {
+      default: l(() => [...e[5] || (e[5] = [
+        m("span", { class: "text-caption text-grey" }, " Ctrl-space brings up autocomplete. ", -1)
+      ])]),
+      _: 1
+    })
+  ]);
+}
+const Ee = /* @__PURE__ */ k(oe, [["render", ie], ["__scopeId", "data-v-7d8ce4d2"]]), se = {
+  mixins: [H],
   props: {
     historyCount: {
       type: Number,
@@ -510,7 +680,7 @@ const _e = /* @__PURE__ */ D(J, [["render", Z]]), Q = {
         { title: "Source", value: "microservice_name" },
         { title: "Message", value: "message" }
       ],
-      cable: new M(),
+      cable: new j(),
       subscription: null,
       paused: !1
     };
@@ -588,13 +758,13 @@ const _e = /* @__PURE__ */ D(J, [["render", Z]]), Q = {
       });
     },
     getColor(t) {
-      return O[E[t]];
+      return O[N[t]];
     },
     getStatus(t) {
-      return E[t];
+      return N[t];
     },
     downloadLog() {
-      const t = this.shownData.map(
+      const t = this.shownData.sort((c, s) => c.time - s.time).map(
         (c) => (
           // Other fields are available like container_name, msg_id ... probably not useful
           `${c.timestamp} | ${c.level} | ${c.microservice_name} | ${c.message}`
@@ -605,7 +775,7 @@ const _e = /* @__PURE__ */ D(J, [["render", Z]]), Q = {
       }), a = document.createElement("a");
       a.href = URL.createObjectURL(e), a.setAttribute(
         "download",
-        G(Date.now(), "yyyy_MM_dd_HH_mm_ss") + "_message_log.txt"
+        W(Date.now(), "yyyy_MM_dd_HH_mm_ss") + "_message_log.txt"
       ), a.click();
     },
     clearLog: function() {
@@ -618,47 +788,47 @@ 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) {
-  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(() => [
-      n(h, { class: "d-flex align-center justify-content-space-between" }, {
-        default: i(() => [
-          u("div", X, [
-            n(f, {
+}, le = { class: "d-flex align-baseline" }, ae = ["title", "datetime"], re = { style: { "white-space": "pre-wrap" } };
+function ce(t, e, a, c, s, n) {
+  const d = i("v-btn"), g = i("v-spacer"), _ = i("v-select"), f = i("v-text-field"), h = i("v-card-title"), w = i("rux-status"), y = i("v-data-table"), p = i("v-card");
+  return b(), I(p, null, {
+    default: l(() => [
+      o(h, { class: "d-flex align-center justify-content-space-between" }, {
+        default: l(() => [
+          m("div", le, [
+            o(d, {
               icon: "mdi-download",
               variant: "text",
               size: "small",
               class: "mr-2",
               "data-test": "download-log",
-              onClick: o.downloadLog
+              onClick: n.downloadLog
             }, null, 8, ["onClick"]),
-            e[2] || (e[2] = u("span", null, " Log Messages ", -1)),
-            n(f, {
-              icon: o.buttonIcon,
+            e[2] || (e[2] = m("span", null, " Log Messages ", -1)),
+            o(d, {
+              icon: n.buttonIcon,
               variant: "text",
               "data-test": "pause",
-              onClick: o.pause
+              onClick: n.pause
             }, null, 8, ["icon", "onClick"])
           ]),
-          n(p),
-          n(g, {
-            modelValue: l.logLevel,
-            "onUpdate:modelValue": e[0] || (e[0] = (d) => l.logLevel = d),
+          o(g),
+          o(_, {
+            modelValue: s.logLevel,
+            "onUpdate:modelValue": e[0] || (e[0] = (u) => s.logLevel = u),
             label: "Filter by log level",
             "hide-details": "",
             variant: "outlined",
             density: "compact",
-            items: l.logLevels,
+            items: s.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),
+          o(g),
+          o(f, {
+            modelValue: s.search,
+            "onUpdate:modelValue": e[1] || (e[1] = (u) => s.search = u),
             label: "Search",
             "prepend-inner-icon": "mdi-magnify",
             clearable: "",
@@ -670,47 +840,47 @@ function te(t, e, a, c, l, o) {
             class: "search",
             "data-test": "search-log-messages"
           }, null, 8, ["modelValue"]),
-          n(f, {
+          o(d, {
             icon: "mdi-delete-sweep",
             variant: "text",
             class: "ml-2",
             "data-test": "clear-log",
-            onClick: o.clearLog
+            onClick: n.clearLog
           }, null, 8, ["onClick"])
         ]),
         _: 1
       }),
-      n(b, {
-        headers: l.headers,
-        items: l.shownData,
-        search: l.search,
+      o(y, {
+        headers: s.headers,
+        items: s.shownData,
+        search: s.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 }) => [
-          u("time", {
-            title: d.timestamp,
-            datetime: d.timestamp
-          }, w(d.timestamp), 9, Y)
+        "item.timestamp": l(({ item: u }) => [
+          m("time", {
+            title: u.timestamp,
+            datetime: u.timestamp
+          }, C(u.timestamp), 9, ae)
         ]),
-        "item.level": i(({ item: d }) => [
-          u("span", {
-            style: B("display: inline-flex; color:" + o.getColor(d.level))
+        "item.level": l(({ item: u }) => [
+          m("span", {
+            style: B("display: inline-flex; color:" + n.getColor(u.level))
           }, [
-            n(C, {
+            o(w, {
               class: "mr-1",
-              status: o.getStatus(d.level)
+              status: n.getStatus(u.level)
             }, null, 8, ["status"]),
-            _(" " + w(d.level), 1)
+            v(" " + C(u.level), 1)
           ], 4)
         ]),
-        "item.message": i(({ item: d }) => [
-          u("div", ee, w(d.message), 1)
+        "item.message": l(({ item: u }) => [
+          m("div", re, C(u.message), 1)
         ]),
         _: 1
       }, 8, ["headers", "items", "search"])
@@ -718,7 +888,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 Re = /* @__PURE__ */ k(se, [["render", ce], ["__scopeId", "data-v-8e8014a9"]]), de = 50, ue = 2e3, A = "single-spa:app-change", me = {
   data() {
     return {
       appsMounted: !1,
@@ -733,16 +903,16 @@ const ve = /* @__PURE__ */ D(Q, [["render", te], ["__scopeId", "data-v-166a37f6"
     }
   },
   created() {
-    window.addEventListener(T, this.handleAppChange);
+    window.addEventListener(A, this.handleAppChange);
   },
   mounted() {
     this.pollForMountedApps(), setTimeout(() => {
       this.appsMounted || (this.show = !0, this.pollInterval && clearInterval(this.pollInterval));
-    }, oe);
+    }, ue);
   },
   unmounted() {
     window.removeEventListener(
-      T,
+      A,
       this.handleAppChange
     ), this.pollInterval && clearInterval(this.pollInterval);
   },
@@ -752,72 +922,75 @@ const ve = /* @__PURE__ */ D(Q, [["render", te], ["__scopeId", "data-v-166a37f6"
     },
     pollForMountedApps: function() {
       this.pollInterval = setInterval(() => {
-        this.appsMounted = A().length > 0, A().length > 0 && (this.hideSpinner = !0, clearInterval(this.pollInterval));
-      }, ne);
+        this.appsMounted = T().length > 0, T().length > 0 && (this.hideSpinner = !0, clearInterval(this.pollInterval));
+      }, de);
     }
   }
-}, ie = { class: "mx-1" }, le = {
+}, fe = { class: "mx-1" }, he = {
   key: 1,
   class: "d-flex justify-center align-center"
 };
-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, [
-    l.show ? (v(), V(g, { key: 0 }, {
-      default: i(() => [
-        n(f, null, {
-          default: i(() => [...e[0] || (e[0] = [
-            _(" 404 Not Found ", -1)
+function pe(t, e, a, c, s, n) {
+  const d = i("v-card-title"), g = i("v-card-text"), _ = i("v-card"), f = i("v-progress-circular");
+  return b(), R(z, null, [
+    s.show ? (b(), I(_, { key: 0 }, {
+      default: l(() => [
+        o(d, null, {
+          default: l(() => [...e[0] || (e[0] = [
+            v(" 404 Not Found ", -1)
           ])]),
           _: 1
         }),
-        n(p, { class: "d-flex align-center mt-3" }, {
-          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)),
-            e[3] || (e[3] = u("span", { class: "text-h3 mx-1" }, " 🦄 ", -1))
+        o(g, { class: "d-flex align-center mt-3" }, {
+          default: l(() => [
+            e[1] || (e[1] = v(" The requested URL ", -1)),
+            m("code", fe, C(t.$route.fullPath), 1),
+            e[2] || (e[2] = v(" was not routable. ", -1)),
+            e[3] || (e[3] = m("span", { class: "text-h3 mx-1" }, " 🦄 ", -1))
           ]),
           _: 1
         })
       ]),
       _: 1
-    })) : R("", !0),
-    o.showSpinner ? (v(), N("div", le, [
-      n(m, { indeterminate: "" })
-    ])) : R("", !0)
+    })) : D("", !0),
+    n.showSpinner ? (b(), R("div", he, [
+      o(f, { indeterminate: "" })
+    ])) : D("", !0)
   ], 64);
 }
-const we = /* @__PURE__ */ D(se, [["render", ae]]);
+const De = /* @__PURE__ */ k(me, [["render", pe]]);
 export {
-  be 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
+  K as AceEditorModes,
+  E as AceEditorUtils,
+  qe as CommandEditor,
+  Je as CommandParameterEditor,
+  ke as Config,
+  Qe as CriticalCmdDialog,
+  ze as DataViewerComponent,
+  He as DataViewerHistoryComponent,
+  tt as DetailsDialog,
+  Fe as EditScreenDialog,
+  Xe as EnvironmentChooser,
+  Be as EnvironmentDialog,
+  Ke as FileOpenSaveDialog,
+  nt as Graph,
+  it as GraphEditDialog,
+  st as GraphEditItemDialog,
+  Re as LogMessages,
+  De as NotFound,
+  at as OpenC3TimePicker,
+  Ie as OpenConfigDialog,
+  $e as Openc3Screen,
+  Te as OutputDialog,
+  Me as SaveConfigDialog,
+  Pe as ScreenCompleter,
+  Ge as ScreenEditor,
+  Ye as ScriptChooser,
+  Ee as ScriptEditor,
+  ct as SimpleTextDialog,
+  ut as TargetPacketItemChooser,
+  ft as TextBoxDialog,
+  Ue as TopBar,
+  pt as UpgradeToEnterpriseDialog
 };
 //# sourceMappingURL=components.js.map