@openc3/vue-common 6.3.0 → 6.4.1

package/dist/{EventListDialog-CSMSmCIT.js → EventListDialog-ankpCg-n.js}

@@ -1,25 +1,25 @@
-import { o as U } from "./WidgetComponents-C1lSLZ0I.js";
-import { T as R } from "./timeFilters-CRYpYDdf.js";
-import { resolveComponent as l, createElementBlock as V, openBlock as v, createVNode as a, withCtx as n, createElementVNode as r, normalizeProps as H, guardReactiveProps as Z, createTextVNode as y, createSlots as F, withDirectives as q, toDisplayString as C, vShow as I, createBlock as M, createCommentVNode as A, withModifiers as P, mergeProps as j, Fragment as K, renderList as W } from "vue";
-import { _ as N } from "./CustomIcon-h5X7369N.js";
-import { S as Y, E as G } from "./ScriptChooser-EV65rbWx.js";
+import { l as x } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-BOiUmW4q.js";
+import { T as N } from "./timeFilters-BKnCM4rv.js";
+import { resolveComponent as o, createElementBlock as V, openBlock as p, createVNode as i, withCtx as n, createSlots as Z, createElementVNode as h, withDirectives as A, toDisplayString as C, vShow as q, createBlock as E, createCommentVNode as U, createTextVNode as D, withModifiers as O, mergeProps as z, Fragment as P, renderList as B } from "vue";
+import { _ as M } from "./CustomIcon-h5X7369N.js";
+import { S as j, E as L } from "./ScriptChooser-DBkFAc6E.js";
 import "single-spa";
-import { a as J, p as Q } from "./parse-DnkEsW-3.js";
-import { a as X } from "./addMonths-BtG7uZLJ.js";
-import { t as $, c as tt, f as O } from "./format-CVeawcIv.js";
-function et(e, t, s) {
+import { a as K, p as W } from "./parse-DnkEsW-3.js";
+import { a as Y } from "./addMonths-BtG7uZLJ.js";
+import { t as G, c as J, f as I } from "./format-CVeawcIv.js";
+function Q(e, t, s) {
   const {
-    years: u = 0,
-    months: i = 0,
-    weeks: o = 0,
+    years: r = 0,
+    months: a = 0,
+    weeks: l = 0,
     days: d = 0,
-    hours: D = 0,
-    minutes: k = 0,
-    seconds: b = 0
-  } = t, h = $(e, s == null ? void 0 : s.in), c = i || u ? X(h, i + u * 12) : h, _ = d || o ? J(c, d + o * 7) : c, w = k + D * 60, T = (b + w * 60) * 1e3;
-  return tt(e, +_ + T);
+    hours: u = 0,
+    minutes: b = 0,
+    seconds: m = 0
+  } = t, y = G(e, s == null ? void 0 : s.in), f = a || r ? Y(y, a + r * 12) : y, k = d || l ? K(f, d + l * 7) : f, g = b + u * 60, S = (m + g * 60) * 1e3;
+  return J(e, +k + S);
 }
-const B = {
+const F = {
   props: {
     date: {
       type: String
@@ -41,16 +41,17 @@ const B = {
   },
   methods: {
     calcStartDateTime: function() {
-      this.date ? (this.startDate = this.date, this.endDate = this.date) : (this.startDate = O(/* @__PURE__ */ new Date(), "yyyy-MM-dd"), this.endDate = O(/* @__PURE__ */ new Date(), "yyyy-MM-dd"));
+      this.date ? (this.startDate = this.date, this.endDate = this.date) : (this.startDate = I(/* @__PURE__ */ new Date(), "yyyy-MM-dd"), this.endDate = I(/* @__PURE__ */ new Date(), "yyyy-MM-dd"));
       let e = 1e3 * 60 * 30, t = null;
-      this.time ? (t = Q(this.time, "HH:mm:ss", /* @__PURE__ */ new Date()), t = new Date(Math.floor(t.getTime() / e) * e)) : t = new Date(Math.ceil((/* @__PURE__ */ new Date()).getTime() / e) * e), this.startTime = O(t, "HH:mm:ss"), this.endTime = O(et(t, { minutes: 30 }), "HH:mm:ss");
+      this.time ? (t = W(this.time, "HH:mm:ss", /* @__PURE__ */ new Date()), t = new Date(Math.floor(t.getTime() / e) * e)) : t = new Date(Math.ceil((/* @__PURE__ */ new Date()).getTime() / e) * e), this.startTime = I(t, "HH:mm:ss"), this.endTime = I(Q(t, { minutes: 30 }), "HH:mm:ss");
     }
   }
-}, at = {
+}, X = {
   components: {
-    EnvironmentChooser: G,
-    ScriptChooser: Y
+    EnvironmentChooser: L,
+    ScriptChooser: j
   },
+  mixins: [F, N],
   props: {
     modelValue: Boolean,
     timelines: {
@@ -62,7 +63,6 @@ const B = {
       default: null
     }
   },
-  mixins: [B, R],
   data() {
     return {
       timeline: null,
@@ -82,9 +82,6 @@ const B = {
       timeSpans: ["minutes", "hours", "days"]
     };
   },
-  mounted: function() {
-    this.updateValues();
-  },
   computed: {
     timeError: function() {
       const e = /* @__PURE__ */ new Date(), t = Date.parse(`${this.startDate}T${this.startTime}`), s = Date.parse(`${this.endDate}T${this.endTime}`);
@@ -105,6 +102,9 @@ const B = {
       }
     }
   },
+  mounted: function() {
+    this.updateValues();
+  },
   methods: {
     changeKind: function(e) {
       e !== this.kind && (this.kind = e, this.activityData = "");
@@ -119,8 +119,8 @@ const B = {
         const t = new Date(this.activity.start * 1e3), s = new Date(this.activity.stop * 1e3);
         if (this.startDate = this.formatDate(t, this.timeZone), this.startTime = this.formatTimeHMS(t, this.timeZone), this.endDate = this.formatDate(s, this.timeZone), this.endTime = this.formatTimeHMS(s, this.timeZone), this.kind = this.activity.kind.toUpperCase(), this.activityData = this.activity.data[this.activity.kind], this.activityEnvironment = this.activity.data.environment, (e = this.activity.recurring) != null && e.uuid) {
           this.recurring = !0;
-          const u = new Date(this.activity.recurring.end * 1e3);
-          this.recurringEndDate = this.formatDate(u, this.timeZone), this.recurringEndTime = this.formatTimeHMS(u, this.timeZone), this.frequency = this.activity.recurring.frequency, this.timeSpan = this.activity.recurring.span;
+          const r = new Date(this.activity.recurring.end * 1e3);
+          this.recurringEndDate = this.formatDate(r, this.timeZone), this.recurringEndTime = this.formatTimeHMS(r, this.timeZone), this.frequency = this.activity.recurring.frequency, this.timeSpan = this.activity.recurring.span;
         }
       } else
         this.calcStartDateTime(), this.recurringEndDate = this.startDate, this.recurringEndTime = this.startTime, this.kind = "", this.activityData = "", this.activityEnvironment = [], this.timeline = this.timelineNames[0];
@@ -137,161 +137,149 @@ const B = {
       )).toISOString(), t = (/* @__PURE__ */ new Date(this.endDate + " " + this.endTime + "Z")).toISOString(), this.recurring && (s = (/* @__PURE__ */ new Date(
         this.recurringEndDate + " " + this.recurringEndTime + "Z"
       )).toISOString()));
-      const u = this.kind.toLowerCase();
-      let i = { environment: this.activityEnvironment };
-      i[u] = this.activityData;
-      let o = {};
-      this.recurring && (o = {
+      const r = this.kind.toLowerCase();
+      let a = { environment: this.activityEnvironment };
+      a[r] = this.activityData;
+      let l = {};
+      this.recurring && (l = {
         frequency: this.frequency,
         span: this.timeSpan,
         end: s
-      }), this.activity ? U.put(
+      }), this.activity ? x.put(
         `/openc3-api/timeline/${this.activity.name}/activity/${this.activity.start}`,
         {
-          data: { start: e, stop: t, kind: u, data: i, recurring: o }
+          data: { start: e, stop: t, kind: r, data: a, recurring: l }
         }
       ).then((d) => {
-        const D = this.formatSeconds(
+        const u = this.formatSeconds(
           new Date(d.data.start * 1e3)
         );
         this.$notify.normal({
           title: "Updated Activity",
-          body: `${D} (${d.data.start}) on timeline: ${d.data.name}`
+          body: `${u} (${d.data.start}) on timeline: ${d.data.name}`
         }), this.$emit("update", d.data), this.show = !this.show;
       }).catch((d) => {
         this.show = !this.show;
-      }) : U.post(`/openc3-api/timeline/${this.timeline}/activities`, {
-        data: { start: e, stop: t, kind: u, data: i, recurring: o }
+      }) : x.post(`/openc3-api/timeline/${this.timeline}/activities`, {
+        data: { start: e, stop: t, kind: r, data: a, recurring: l }
       }).then((d) => {
-        const D = this.formatSeconds(
+        const u = this.formatSeconds(
           new Date(d.data.start * 1e3)
         );
         this.$notify.normal({
           title: "Created Activity",
-          body: `${D} (${d.data.start}) on timeline: ${d.data.name}`
+          body: `${u} (${d.data.start}) on timeline: ${d.data.name}`
         }), this.$emit("update", d.data), this.show = !this.show;
       }).catch((d) => {
         this.show = !this.show;
       }), this.clearHandler();
     }
   }
-}, it = { key: 0 }, nt = { key: 1 }, ot = { class: "pr-2" }, lt = ["textContent"], st = { class: "pr-2" }, dt = { key: 0 }, rt = {
+}, $ = { key: 0 }, tt = { key: 1 }, et = { class: "pr-2" }, at = ["textContent"], it = { class: "pr-2" }, nt = { key: 0 }, lt = {
   key: 1,
   class: "ma-3"
-}, ut = { key: 2 }, mt = ["textContent"];
-function ct(e, t, s, u, i, o) {
-  const d = l("v-spacer"), D = l("v-icon"), k = l("v-tooltip"), b = l("v-toolbar"), h = l("v-btn"), c = l("v-row"), _ = l("v-select"), w = l("v-text-field"), S = l("v-checkbox"), T = l("v-col"), E = l("v-card-text"), x = l("script-chooser"), f = l("environment-chooser"), g = l("v-stepper"), z = l("v-card"), p = l("v-dialog");
-  return v(), V("div", null, [
-    a(p, {
+}, st = { key: 2 }, ot = ["textContent"];
+function dt(e, t, s, r, a, l) {
+  const d = o("v-spacer"), u = o("v-btn"), b = o("v-toolbar"), m = o("v-row"), y = o("v-select"), f = o("v-text-field"), k = o("v-checkbox"), g = o("v-col"), T = o("v-card-text"), S = o("script-chooser"), _ = o("environment-chooser"), w = o("v-stepper"), H = o("v-card"), v = o("v-dialog");
+  return p(), V("div", null, [
+    i(v, {
+      modelValue: l.show,
+      "onUpdate:modelValue": t[15] || (t[15] = (c) => l.show = c),
       persistent: "",
-      modelValue: o.show,
-      "onUpdate:modelValue": t[15] || (t[15] = (m) => o.show = m),
       width: "600"
     }, {
       default: n(() => [
-        a(z, null, {
+        i(H, null, {
           default: n(() => [
-            a(b, { height: "24" }, {
+            i(b, { height: "24" }, {
               default: n(() => [
-                a(d),
-                s.activity ? (v(), V("span", it, "Edit Activity")) : (v(), V("span", nt, "Create Activity")),
-                a(d),
-                a(k, { location: "top" }, {
-                  activator: n(({ props: m }) => [
-                    r("div", H(Z(m)), [
-                      a(D, {
-                        "data-test": "close-note-icon",
-                        onClick: o.clearHandler
-                      }, {
-                        default: n(() => t[16] || (t[16] = [
-                          y(" mdi-close-box ")
-                        ])),
-                        _: 1
-                      }, 8, ["onClick"])
-                    ], 16)
-                  ]),
-                  default: n(() => [
-                    t[17] || (t[17] = r("span", null, " Close ", -1))
-                  ]),
-                  _: 1
-                })
+                i(d),
+                s.activity ? (p(), V("span", $, "Edit Activity")) : (p(), V("span", tt, "Create Activity")),
+                i(d),
+                i(u, {
+                  icon: "mdi-close-box",
+                  variant: "text",
+                  density: "compact",
+                  "data-test": "close-note-icon",
+                  onClick: l.clearHandler
+                }, null, 8, ["onClick"])
               ]),
               _: 1
             }),
-            a(g, {
-              modelValue: i.dialogStep,
-              "onUpdate:modelValue": t[14] || (t[14] = (m) => i.dialogStep = m),
+            i(w, {
+              modelValue: a.dialogStep,
+              "onUpdate:modelValue": t[14] || (t[14] = (c) => a.dialogStep = c),
               editable: "",
               items: ["Activity Times", "Activity Type"]
-            }, F({
+            }, Z({
               "item.1": n(() => [
-                a(E, null, {
+                i(T, null, {
                   default: n(() => [
-                    r("div", ot, [
-                      a(_, {
+                    h("div", et, [
+                      i(y, {
+                        modelValue: a.timeline,
+                        "onUpdate:modelValue": t[1] || (t[1] = (c) => a.timeline = c),
                         density: "compact",
                         "hide-details": "",
                         variant: "outlined",
-                        modelValue: i.timeline,
-                        "onUpdate:modelValue": t[1] || (t[1] = (m) => i.timeline = m),
-                        items: o.timelineNames,
+                        items: l.timelineNames,
                         label: "Timeline",
                         "data-test": "activity-select-timeline",
                         class: "pb-2"
                       }, null, 8, ["modelValue", "items"]),
-                      a(c, { dense: "" }, {
+                      i(m, { dense: "" }, {
                         default: n(() => [
-                          a(w, {
+                          i(f, {
                             modelValue: e.startDate,
-                            "onUpdate:modelValue": t[2] || (t[2] = (m) => e.startDate = m),
+                            "onUpdate:modelValue": t[2] || (t[2] = (c) => e.startDate = c),
                             type: "date",
                             label: "Start Date",
                             class: "mx-1",
-                            rules: [i.rules.required],
+                            rules: [a.rules.required],
                             "data-test": "activity-start-date"
                           }, null, 8, ["modelValue", "rules"]),
-                          a(w, {
+                          i(f, {
                             modelValue: e.startTime,
-                            "onUpdate:modelValue": t[3] || (t[3] = (m) => e.startTime = m),
+                            "onUpdate:modelValue": t[3] || (t[3] = (c) => e.startTime = c),
                             type: "time",
                             step: "1",
                             label: "Start Time",
                             class: "mx-1",
-                            rules: [i.rules.required],
+                            rules: [a.rules.required],
                             "data-test": "activity-start-time"
                           }, null, 8, ["modelValue", "rules"])
                         ]),
                         _: 1
                       }),
-                      a(c, { dense: "" }, {
+                      i(m, { dense: "" }, {
                         default: n(() => [
-                          a(w, {
+                          i(f, {
                             modelValue: e.endDate,
-                            "onUpdate:modelValue": t[4] || (t[4] = (m) => e.endDate = m),
+                            "onUpdate:modelValue": t[4] || (t[4] = (c) => e.endDate = c),
                             type: "date",
                             label: "End Date",
                             class: "mx-1",
-                            rules: [i.rules.required],
+                            rules: [a.rules.required],
                             "data-test": "activity-end-date"
                           }, null, 8, ["modelValue", "rules"]),
-                          a(w, {
+                          i(f, {
                             modelValue: e.endTime,
-                            "onUpdate:modelValue": t[5] || (t[5] = (m) => e.endTime = m),
+                            "onUpdate:modelValue": t[5] || (t[5] = (c) => e.endTime = c),
                             type: "time",
                             step: "1",
                             label: "End Time",
                             class: "mx-1",
-                            rules: [i.rules.required],
+                            rules: [a.rules.required],
                             "data-test": "activity-end-time"
                           }, null, 8, ["modelValue", "rules"])
                         ]),
                         _: 1
                       }),
-                      a(c, { class: "pl-3" }, {
+                      i(m, { class: "pl-3" }, {
                         default: n(() => [
-                          a(S, {
-                            modelValue: i.recurring,
-                            "onUpdate:modelValue": t[6] || (t[6] = (m) => i.recurring = m),
+                          i(k, {
+                            modelValue: a.recurring,
+                            "onUpdate:modelValue": t[6] || (t[6] = (c) => a.recurring = c),
                             disabled: !!s.activity,
                             label: "Recurring",
                             "hide-details": "",
@@ -300,19 +288,19 @@ function ct(e, t, s, u, i, o) {
                         ]),
                         _: 1
                       }),
-                      i.recurring ? (v(), M(c, { key: 0 }, {
+                      a.recurring ? (p(), E(m, { key: 0 }, {
                         default: n(() => [
-                          a(T, null, {
-                            default: n(() => t[21] || (t[21] = [
-                              r("div", { class: "repeat" }, "Repeat every", -1)
+                          i(g, null, {
+                            default: n(() => t[19] || (t[19] = [
+                              h("div", { class: "repeat" }, "Repeat every", -1)
                             ])),
                             _: 1
                           }),
-                          a(T, null, {
+                          i(g, null, {
                             default: n(() => [
-                              a(w, {
-                                modelValue: i.frequency,
-                                "onUpdate:modelValue": t[7] || (t[7] = (m) => i.frequency = m),
+                              i(f, {
+                                modelValue: a.frequency,
+                                "onUpdate:modelValue": t[7] || (t[7] = (c) => a.frequency = c),
                                 disabled: !!s.activity,
                                 density: "compact",
                                 variant: "outlined",
@@ -323,13 +311,13 @@ function ct(e, t, s, u, i, o) {
                             ]),
                             _: 1
                           }),
-                          a(T, null, {
+                          i(g, null, {
                             default: n(() => [
-                              a(_, {
-                                modelValue: i.timeSpan,
-                                "onUpdate:modelValue": t[8] || (t[8] = (m) => i.timeSpan = m),
+                              i(y, {
+                                modelValue: a.timeSpan,
+                                "onUpdate:modelValue": t[8] || (t[8] = (c) => a.timeSpan = c),
                                 disabled: !!s.activity,
-                                items: i.timeSpans,
+                                items: a.timeSpans,
                                 style: {},
                                 "hide-details": "",
                                 density: "compact",
@@ -341,43 +329,43 @@ function ct(e, t, s, u, i, o) {
                           })
                         ]),
                         _: 1
-                      })) : A("", !0),
-                      i.recurring ? (v(), M(c, {
+                      })) : U("", !0),
+                      a.recurring ? (p(), E(m, {
                         key: 1,
                         style: { "padding-bottom": "10px" }
                       }, {
                         default: n(() => [
-                          a(T, null, {
-                            default: n(() => t[22] || (t[22] = [
-                              r("div", { class: "repeat" }, "Ending", -1)
+                          i(g, null, {
+                            default: n(() => t[20] || (t[20] = [
+                              h("div", { class: "repeat" }, "Ending", -1)
                             ])),
                             _: 1
                           }),
-                          a(T, null, {
+                          i(g, null, {
                             default: n(() => [
-                              a(w, {
-                                modelValue: i.recurringEndDate,
-                                "onUpdate:modelValue": t[9] || (t[9] = (m) => i.recurringEndDate = m),
+                              i(f, {
+                                modelValue: a.recurringEndDate,
+                                "onUpdate:modelValue": t[9] || (t[9] = (c) => a.recurringEndDate = c),
                                 type: "date",
                                 label: "End Date",
                                 class: "mx-1",
-                                rules: [i.rules.required],
+                                rules: [a.rules.required],
                                 disabled: !!s.activity,
                                 "data-test": "recurring-end-date"
                               }, null, 8, ["modelValue", "rules", "disabled"])
                             ]),
                             _: 1
                           }),
-                          a(T, null, {
+                          i(g, null, {
                             default: n(() => [
-                              a(w, {
-                                modelValue: i.recurringEndTime,
-                                "onUpdate:modelValue": t[10] || (t[10] = (m) => i.recurringEndTime = m),
+                              i(f, {
+                                modelValue: a.recurringEndTime,
+                                "onUpdate:modelValue": t[10] || (t[10] = (c) => a.recurringEndTime = c),
                                 type: "time",
                                 step: "1",
                                 label: "End Time",
                                 class: "mx-1",
-                                rules: [i.rules.required],
+                                rules: [a.rules.required],
                                 disabled: !!s.activity,
                                 "data-test": "recurring-end-time"
                               }, null, 8, ["modelValue", "rules", "disabled"])
@@ -386,14 +374,14 @@ function ct(e, t, s, u, i, o) {
                           })
                         ]),
                         _: 1
-                      })) : A("", !0),
-                      a(c, null, {
+                      })) : U("", !0),
+                      i(m, null, {
                         default: n(() => [
-                          q(r("span", {
+                          A(h("span", {
                             class: "ma-2 text-red",
-                            textContent: C(o.timeError)
-                          }, null, 8, lt), [
-                            [I, o.timeError]
+                            textContent: C(l.timeError)
+                          }, null, 8, at), [
+                            [q, l.timeError]
                           ])
                         ]),
                         _: 1
@@ -404,24 +392,24 @@ function ct(e, t, s, u, i, o) {
                 })
               ]),
               "item.2": n(() => [
-                a(E, null, {
+                i(T, null, {
                   default: n(() => [
-                    r("div", st, [
-                      a(_, {
+                    h("div", it, [
+                      i(y, {
+                        modelValue: a.kind,
+                        "onUpdate:modelValue": t[11] || (t[11] = (c) => a.kind = c),
                         density: "compact",
                         "hide-details": "",
                         variant: "outlined",
-                        modelValue: i.kind,
-                        "onUpdate:modelValue": t[11] || (t[11] = (m) => i.kind = m),
-                        items: i.types,
+                        items: a.types,
                         label: "Activity Type",
                         "data-test": "activity-select-type",
                         class: "pb-2"
                       }, null, 8, ["modelValue", "items"]),
-                      i.kind === "COMMAND" ? (v(), V("div", dt, [
-                        a(w, {
-                          modelValue: i.activityData,
-                          "onUpdate:modelValue": t[12] || (t[12] = (m) => i.activityData = m),
+                      a.kind === "COMMAND" ? (p(), V("div", nt, [
+                        i(f, {
+                          modelValue: a.activityData,
+                          "onUpdate:modelValue": t[12] || (t[12] = (c) => a.activityData = c),
                           type: "text",
                           label: "Command Input",
                           placeholder: "INST COLLECT with TYPE 0, DURATION 1, OPCODE 171, TEMP 0",
@@ -430,25 +418,25 @@ function ct(e, t, s, u, i, o) {
                           hint: "Timeline runs commands with cmd_no_hazardous_check",
                           "data-test": "activity-cmd"
                         }, null, 8, ["modelValue"])
-                      ])) : i.kind === "SCRIPT" ? (v(), V("div", rt, [
-                        a(x, { onFile: o.fileHandler }, null, 8, ["onFile"]),
-                        a(f, {
-                          modelValue: i.activityEnvironment,
-                          "onUpdate:modelValue": t[13] || (t[13] = (m) => i.activityEnvironment = m)
+                      ])) : a.kind === "SCRIPT" ? (p(), V("div", lt, [
+                        i(S, { onFile: l.fileHandler }, null, 8, ["onFile"]),
+                        i(_, {
+                          modelValue: a.activityEnvironment,
+                          "onUpdate:modelValue": t[13] || (t[13] = (c) => a.activityEnvironment = c)
                         }, null, 8, ["modelValue"])
-                      ])) : (v(), V("div", ut, t[23] || (t[23] = [
-                        r("span", { class: "ma-2" }, " No required input ", -1)
+                      ])) : (p(), V("div", st, t[21] || (t[21] = [
+                        h("span", { class: "ma-2" }, " No required input ", -1)
                       ]))),
-                      q(a(c, { class: "mt-2" }, {
+                      A(i(m, { class: "mt-2" }, {
                         default: n(() => [
-                          r("span", {
+                          h("span", {
                             class: "ma-2 text-red",
-                            textContent: C(o.typeError)
-                          }, null, 8, mt)
+                            textContent: C(l.typeError)
+                          }, null, 8, ot)
                         ]),
                         _: 1
                       }, 512), [
-                        [I, o.typeError]
+                        [q, l.typeError]
                       ])
                     ])
                   ]),
@@ -457,42 +445,42 @@ function ct(e, t, s, u, i, o) {
               ]),
               _: 2
             }, [
-              i.dialogStep === 2 ? {
+              a.dialogStep === 2 ? {
                 name: "actions",
                 fn: n(() => [
-                  a(c, { class: "ma-0 px-6 pb-4" }, {
+                  i(m, { class: "ma-0 px-6 pb-4" }, {
                     default: n(() => [
-                      a(h, {
-                        onClick: t[0] || (t[0] = () => i.dialogStep -= 1),
-                        variant: "text"
+                      i(u, {
+                        variant: "text",
+                        onClick: t[0] || (t[0] = () => a.dialogStep -= 1)
                       }, {
-                        default: n(() => t[18] || (t[18] = [
-                          y(" Previous ")
+                        default: n(() => t[16] || (t[16] = [
+                          D(" Previous ")
                         ])),
                         _: 1
                       }),
-                      a(d),
-                      a(h, {
-                        onClick: o.clearHandler,
+                      i(d),
+                      i(u, {
                         variant: "outlined",
-                        class: "mr-4"
+                        class: "mr-4",
+                        onClick: l.clearHandler
                       }, {
-                        default: n(() => t[19] || (t[19] = [
-                          y(" Cancel ")
+                        default: n(() => t[17] || (t[17] = [
+                          D(" Cancel ")
                         ])),
                         _: 1
                       }, 8, ["onClick"]),
-                      a(h, {
-                        onClick: P(o.submitHandler, ["prevent"]),
+                      i(u, {
                         type: "submit",
                         color: "primary",
-                        disabled: !!e.error
+                        disabled: !!e.error,
+                        onClick: O(l.submitHandler, ["prevent"])
                       }, {
-                        default: n(() => t[20] || (t[20] = [
-                          y(" Ok ")
+                        default: n(() => t[18] || (t[18] = [
+                          D(" Ok ")
                         ])),
                         _: 1
-                      }, 8, ["onClick", "disabled"])
+                      }, 8, ["disabled", "onClick"])
                     ]),
                     _: 1
                   })
@@ -508,7 +496,7 @@ function ct(e, t, s, u, i, o) {
     }, 8, ["modelValue"])
   ]);
 }
-const pt = /* @__PURE__ */ N(at, [["render", ct], ["__scopeId", "data-v-9ad41f9b"]]), vt = {
+const rt = /* @__PURE__ */ M(X, [["render", dt], ["__scopeId", "data-v-a2610a2a"]]), ut = {
   components: {},
   props: {
     modelValue: {
@@ -544,33 +532,33 @@ const pt = /* @__PURE__ */ N(at, [["render", ct], ["__scopeId", "data-v-9ad41f9b
   },
   methods: {}
 };
-function ht(e, t, s, u, i, o) {
-  const d = l("v-icon"), D = l("v-list-item"), k = l("v-select");
-  return v(), V("div", null, [
-    a(k, {
+function mt(e, t, s, r, a, l) {
+  const d = o("v-icon"), u = o("v-list-item"), b = o("v-select");
+  return p(), V("div", null, [
+    i(b, {
       label: "Color",
-      items: o.swatches,
-      modelValue: o.color,
-      "onUpdate:modelValue": t[0] || (t[0] = (b) => o.color = b)
+      items: l.swatches,
+      modelValue: l.color,
+      "onUpdate:modelValue": t[0] || (t[0] = (m) => l.color = m)
     }, {
       "prepend-inner": n(() => [
-        a(d, { color: o.color }, {
+        i(d, { color: l.color }, {
           default: n(() => t[1] || (t[1] = [
-            y(" mdi-square ")
+            D(" mdi-square ")
           ])),
           _: 1
         }, 8, ["color"])
       ]),
-      item: n(({ props: b, item: h }) => [
-        a(D, j(b, {
-          value: h.raw
+      item: n(({ props: m, item: y }) => [
+        i(u, z(m, {
+          value: y.raw
         }), {
           prepend: n(() => [
-            a(d, {
-              color: h.raw
+            i(d, {
+              color: y.raw
             }, {
               default: n(() => t[2] || (t[2] = [
-                y(" mdi-square ")
+                D(" mdi-square ")
               ])),
               _: 2
             }, 1032, ["color"])
@@ -582,7 +570,7 @@ function ht(e, t, s, u, i, o) {
     }, 8, ["items", "modelValue"])
   ]);
 }
-const L = /* @__PURE__ */ N(vt, [["render", ht]]), yt = {
+const R = /* @__PURE__ */ M(ut, [["render", mt]]), ct = {
   methods: {
     deleteItem(e) {
       let t = null, s = "";
@@ -603,7 +591,7 @@ const L = /* @__PURE__ */ N(vt, [["render", ht]]), yt = {
           okText: "Delete",
           cancelText: "Cancel"
         }
-      ).then(() => U.delete(`/openc3-api/${s}/${t}`)).then(() => {
+      ).then(() => x.delete(`/openc3-api/${s}/${t}`)).then(() => {
         this.$emit("delete", e), this.$notify.normal({
           title: `Deleted ${e.typeStr}`,
           body: `Deleted ${e.typeStr} at ${e.startStr}`
@@ -612,7 +600,7 @@ const L = /* @__PURE__ */ N(vt, [["render", ht]]), yt = {
       });
     }
   }
-}, ft = {
+}, pt = {
   components: {},
   props: {
     modelValue: {
@@ -644,88 +632,66 @@ const L = /* @__PURE__ */ N(vt, [["render", ht]]), yt = {
       this.metadata.splice(e, 1);
     }
   }
-}, _t = {
+}, ht = {
   scope: "col",
-  class: "text-right"
+  class: "text-right",
+  width: "52px"
 };
-function Vt(e, t, s, u, i, o) {
-  const d = l("v-icon"), D = l("v-tooltip"), k = l("v-text-field"), b = l("v-table");
-  return v(), V("div", null, [
-    a(b, { dense: "" }, {
+function vt(e, t, s, r, a, l) {
+  const d = o("v-btn"), u = o("v-text-field"), b = o("v-table");
+  return p(), V("div", null, [
+    t[2] || (t[2] = h("span", null, " Add metadata key value(s)", -1)),
+    i(b, { density: "compact" }, {
       default: n(() => [
-        r("tbody", null, [
-          r("tr", null, [
-            t[2] || (t[2] = r("th", {
+        h("tbody", null, [
+          h("tr", null, [
+            t[0] || (t[0] = h("th", {
               scope: "col",
               class: "text-left"
             }, "Key", -1)),
-            t[3] || (t[3] = r("th", {
+            t[1] || (t[1] = h("th", {
               scope: "col",
               class: "text-left"
             }, "Value", -1)),
-            r("th", _t, [
-              a(D, { location: "top" }, {
-                activator: n(({ props: h }) => [
-                  r("div", H(Z(h)), [
-                    a(d, {
-                      "data-test": "new-metadata-icon",
-                      onClick: o.newMetadata
-                    }, {
-                      default: n(() => t[0] || (t[0] = [
-                        y(" mdi-plus ")
-                      ])),
-                      _: 1
-                    }, 8, ["onClick"])
-                  ], 16)
-                ]),
-                default: n(() => [
-                  t[1] || (t[1] = r("span", null, " New Metadata ", -1))
-                ]),
-                _: 1
-              })
+            h("th", ht, [
+              i(d, {
+                icon: "mdi-plus",
+                variant: "text",
+                "data-test": "new-metadata-icon",
+                onClick: l.newMetadata
+              }, null, 8, ["onClick"])
             ])
           ]),
-          (v(!0), V(K, null, W(o.metadata, (h, c) => (v(), V("tr", {
-            key: `tr-${c}`
+          (p(!0), V(P, null, B(l.metadata, (m, y) => (p(), V("tr", {
+            key: `tr-${y}`
           }, [
-            r("td", null, [
-              a(k, {
-                modelValue: h.key,
-                "onUpdate:modelValue": (_) => h.key = _,
-                type: "text",
+            h("td", null, [
+              i(u, {
+                modelValue: m.key,
+                "onUpdate:modelValue": (f) => m.key = f,
                 density: "compact",
-                "data-test": `key-${c}`
+                type: "text",
+                "hide-details": "",
+                "data-test": `key-${y}`
               }, null, 8, ["modelValue", "onUpdate:modelValue", "data-test"])
             ]),
-            r("td", null, [
-              a(k, {
-                modelValue: h.value,
-                "onUpdate:modelValue": (_) => h.value = _,
-                type: "text",
+            h("td", null, [
+              i(u, {
+                modelValue: m.value,
+                "onUpdate:modelValue": (f) => m.value = f,
                 density: "compact",
-                "data-test": `value-${c}`
+                type: "text",
+                "hide-details": "",
+                "data-test": `value-${y}`
               }, null, 8, ["modelValue", "onUpdate:modelValue", "data-test"])
             ]),
-            r("td", null, [
-              a(D, { location: "top" }, {
-                activator: n(({ props: _ }) => [
-                  r("div", j({ ref_for: !0 }, _), [
-                    a(d, {
-                      "data-test": `delete-metadata-icon-${c}`,
-                      onClick: (w) => o.rm(c)
-                    }, {
-                      default: n(() => t[4] || (t[4] = [
-                        y(" mdi-delete ")
-                      ])),
-                      _: 2
-                    }, 1032, ["data-test", "onClick"])
-                  ], 16)
-                ]),
-                default: n(() => [
-                  t[5] || (t[5] = r("span", null, " Delete Metadata ", -1))
-                ]),
-                _: 2
-              }, 1024)
+            h("td", null, [
+              i(d, {
+                icon: "mdi-delete",
+                variant: "text",
+                "data-test": `delete-metadata-icon-${y}`,
+                onClick: (f) => l.rm(y)
+              }, null, 8, ["data-test", "onClick"])
             ])
           ]))), 128))
         ])
@@ -734,11 +700,12 @@ function Vt(e, t, s, u, i, o) {
     })
   ]);
 }
-const Dt = /* @__PURE__ */ N(ft, [["render", Vt]]), wt = {
+const yt = /* @__PURE__ */ M(pt, [["render", vt]]), ft = {
   components: {
-    ColorSelectForm: L,
-    MetadataInputForm: Dt
+    ColorSelectForm: R,
+    MetadataInputForm: yt
   },
+  mixins: [F, N],
   props: {
     modelValue: Boolean,
     metadata: {
@@ -746,7 +713,6 @@ const Dt = /* @__PURE__ */ N(ft, [["render", Vt]]), wt = {
       default: null
     }
   },
-  mixins: [B, R],
   data() {
     return {
       dialogStep: 1,
@@ -757,9 +723,6 @@ const Dt = /* @__PURE__ */ N(ft, [["render", Vt]]), wt = {
       }
     };
   },
-  mounted: function() {
-    this.updateValues();
-  },
   computed: {
     typeError: function() {
       return this.color ? this.metadataVals.length < 1 ? "Please enter a value in the metadata table." : this.metadataVals.find(
@@ -775,6 +738,9 @@ const Dt = /* @__PURE__ */ N(ft, [["render", Vt]]), wt = {
       }
     }
   },
+  mounted: function() {
+    this.updateValues();
+  },
   methods: {
     updateValues: function() {
       if (this.dialogStep = 1, this.metadata) {
@@ -787,101 +753,89 @@ const Dt = /* @__PURE__ */ N(ft, [["render", Vt]]), wt = {
       this.show = !this.show;
     },
     submitHandler() {
-      const e = this.color, t = this.metadataVals.reduce((u, i) => (u[i.key] = i.value, u), {}), s = { color: e, metadata: t };
+      const e = this.color, t = this.metadataVals.reduce((r, a) => (r[a.key] = a.value, r), {}), s = { color: e, metadata: t };
       this.timeZone === "local" ? s.start = (/* @__PURE__ */ new Date(
         this.startDate + " " + this.startTime
       )).toISOString() : s.start = (/* @__PURE__ */ new Date(
         this.startDate + " " + this.startTime + "Z"
-      )).toISOString(), this.metadata ? U.put(`/openc3-api/metadata/${this.metadata.start}`, {
+      )).toISOString(), this.metadata ? x.put(`/openc3-api/metadata/${this.metadata.start}`, {
         data: s
-      }).then((u) => {
+      }).then((r) => {
         this.$notify.normal({
           title: "Updated Metadata",
-          body: `Metadata updated: (${u.data.start})`
-        }), this.$emit("update", u.data), this.show = !this.show;
-      }) : U.post("/openc3-api/metadata", {
+          body: `Metadata updated: (${r.data.start})`
+        }), this.$emit("update", r.data), this.show = !this.show;
+      }) : x.post("/openc3-api/metadata", {
         data: s
-      }).then((u) => {
+      }).then((r) => {
         this.$notify.normal({
           title: "Created new Metadata",
-          body: `Metadata: (${u.data.start})`
-        }), this.$emit("update", u.data), this.show = !this.show;
+          body: `Metadata: (${r.data.start})`
+        }), this.$emit("update", r.data), this.show = !this.show;
       });
     }
   }
-}, gt = { key: 0 }, bt = { key: 1 }, kt = { class: "pa-2" }, Tt = { class: "pa-2" }, St = { style: { "min-height": "200px" } }, Ct = ["textContent"];
-function Et(e, t, s, u, i, o) {
-  const d = l("v-spacer"), D = l("v-icon"), k = l("v-tooltip"), b = l("v-toolbar"), h = l("v-btn"), c = l("v-row"), _ = l("color-select-form"), w = l("v-text-field"), S = l("v-card-text"), T = l("metadata-input-form"), E = l("v-stepper"), x = l("v-card"), f = l("v-dialog");
-  return v(), V("div", null, [
-    a(f, {
+}, _t = { key: 0 }, Vt = { key: 1 }, Dt = { class: "pa-2" }, wt = { class: "pa-2" }, gt = { style: { "min-height": "200px" } }, bt = ["textContent"];
+function kt(e, t, s, r, a, l) {
+  const d = o("v-spacer"), u = o("v-btn"), b = o("v-toolbar"), m = o("v-row"), y = o("color-select-form"), f = o("v-text-field"), k = o("v-card-text"), g = o("metadata-input-form"), T = o("v-stepper"), S = o("v-card"), _ = o("v-dialog");
+  return p(), V("div", null, [
+    i(_, {
+      modelValue: l.show,
+      "onUpdate:modelValue": t[6] || (t[6] = (w) => l.show = w),
       persistent: "",
-      modelValue: o.show,
-      "onUpdate:modelValue": t[6] || (t[6] = (g) => o.show = g),
       width: "600"
     }, {
       default: n(() => [
-        a(x, null, {
+        i(S, null, {
           default: n(() => [
-            a(b, { height: "24" }, {
+            i(b, { height: "24" }, {
               default: n(() => [
-                a(d),
-                s.metadata ? (v(), V("span", gt, "Update Metadata")) : (v(), V("span", bt, "Create Metadata")),
-                a(d),
-                a(k, { location: "top" }, {
-                  activator: n(({ props: g }) => [
-                    r("div", H(Z(g)), [
-                      a(D, {
-                        "data-test": "close-metadata-icon",
-                        onClick: o.clearHandler
-                      }, {
-                        default: n(() => t[7] || (t[7] = [
-                          y(" mdi-close-box ")
-                        ])),
-                        _: 1
-                      }, 8, ["onClick"])
-                    ], 16)
-                  ]),
-                  default: n(() => [
-                    t[8] || (t[8] = r("span", null, "Close", -1))
-                  ]),
-                  _: 1
-                })
+                i(d),
+                s.metadata ? (p(), V("span", _t, "Update Metadata")) : (p(), V("span", Vt, "Create Metadata")),
+                i(d),
+                i(u, {
+                  icon: "mdi-close-box",
+                  variant: "text",
+                  density: "compact",
+                  "data-test": "close-metadata-icon",
+                  onClick: l.clearHandler
+                }, null, 8, ["onClick"])
               ]),
               _: 1
             }),
-            a(E, {
-              modelValue: i.dialogStep,
-              "onUpdate:modelValue": t[5] || (t[5] = (g) => i.dialogStep = g),
+            i(T, {
+              modelValue: a.dialogStep,
+              "onUpdate:modelValue": t[5] || (t[5] = (w) => a.dialogStep = w),
               editable: "",
               items: ["Metadata Times", "Metadata Input"]
-            }, F({
+            }, Z({
               "item.1": n(() => [
-                a(S, null, {
+                i(k, null, {
                   default: n(() => [
-                    r("div", kt, [
-                      a(_, {
-                        modelValue: i.color,
-                        "onUpdate:modelValue": t[1] || (t[1] = (g) => i.color = g)
+                    h("div", Dt, [
+                      i(y, {
+                        modelValue: a.color,
+                        "onUpdate:modelValue": t[1] || (t[1] = (w) => a.color = w)
                       }, null, 8, ["modelValue"]),
-                      a(c, { dense: "" }, {
+                      i(m, { dense: "" }, {
                         default: n(() => [
-                          a(w, {
+                          i(f, {
                             modelValue: e.startDate,
-                            "onUpdate:modelValue": t[2] || (t[2] = (g) => e.startDate = g),
+                            "onUpdate:modelValue": t[2] || (t[2] = (w) => e.startDate = w),
                             type: "date",
                             label: "Start Date",
                             class: "mx-1",
-                            rules: [i.rules.required],
+                            rules: [a.rules.required],
                             "data-test": "metadata-start-date"
                           }, null, 8, ["modelValue", "rules"]),
-                          a(w, {
+                          i(f, {
                             modelValue: e.startTime,
-                            "onUpdate:modelValue": t[3] || (t[3] = (g) => e.startTime = g),
+                            "onUpdate:modelValue": t[3] || (t[3] = (w) => e.startTime = w),
                             type: "time",
                             step: "1",
                             label: "Start Time",
                             class: "mx-1",
-                            rules: [i.rules.required],
+                            rules: [a.rules.required],
                             "data-test": "metadata-start-time"
                           }, null, 8, ["modelValue", "rules"])
                         ]),
@@ -893,25 +847,25 @@ function Et(e, t, s, u, i, o) {
                 })
               ]),
               "item.2": n(() => [
-                a(S, null, {
+                i(k, null, {
                   default: n(() => [
-                    r("div", Tt, [
-                      r("div", St, [
-                        a(T, {
-                          modelValue: i.metadataVals,
-                          "onUpdate:modelValue": t[4] || (t[4] = (g) => i.metadataVals = g)
+                    h("div", wt, [
+                      h("div", gt, [
+                        i(g, {
+                          modelValue: a.metadataVals,
+                          "onUpdate:modelValue": t[4] || (t[4] = (w) => a.metadataVals = w)
                         }, null, 8, ["modelValue"])
                       ]),
-                      q(a(c, null, {
+                      A(i(m, null, {
                         default: n(() => [
-                          r("span", {
+                          h("span", {
                             class: "ma-2 text-red",
-                            textContent: C(o.typeError)
-                          }, null, 8, Ct)
+                            textContent: C(l.typeError)
+                          }, null, 8, bt)
                         ]),
                         _: 1
                       }, 512), [
-                        [I, o.typeError]
+                        [q, l.typeError]
                       ])
                     ])
                   ]),
@@ -920,42 +874,42 @@ function Et(e, t, s, u, i, o) {
               ]),
               _: 2
             }, [
-              i.dialogStep === 2 ? {
+              a.dialogStep === 2 ? {
                 name: "actions",
                 fn: n(() => [
-                  a(c, { class: "ma-0 px-6 pb-4" }, {
+                  i(m, { class: "ma-0 px-6 pb-4" }, {
                     default: n(() => [
-                      a(h, {
-                        onClick: t[0] || (t[0] = () => i.dialogStep -= 1),
-                        variant: "text"
+                      i(u, {
+                        variant: "text",
+                        onClick: t[0] || (t[0] = () => a.dialogStep -= 1)
                       }, {
-                        default: n(() => t[9] || (t[9] = [
-                          y(" Previous ")
+                        default: n(() => t[7] || (t[7] = [
+                          D(" Previous ")
                         ])),
                         _: 1
                       }),
-                      a(d),
-                      a(h, {
-                        onClick: o.clearHandler,
+                      i(d),
+                      i(u, {
                         variant: "outlined",
-                        class: "mr-4"
+                        class: "mr-4",
+                        onClick: l.clearHandler
                       }, {
-                        default: n(() => t[10] || (t[10] = [
-                          y(" Cancel ")
+                        default: n(() => t[8] || (t[8] = [
+                          D(" Cancel ")
                         ])),
                         _: 1
                       }, 8, ["onClick"]),
-                      a(h, {
-                        onClick: P(o.submitHandler, ["prevent"]),
+                      i(u, {
                         type: "submit",
                         color: "primary",
-                        disabled: !!e.error
+                        disabled: !!e.error,
+                        onClick: O(l.submitHandler, ["prevent"])
                       }, {
-                        default: n(() => t[11] || (t[11] = [
-                          y(" Ok ")
+                        default: n(() => t[9] || (t[9] = [
+                          D(" Ok ")
                         ])),
                         _: 1
-                      }, 8, ["onClick", "disabled"])
+                      }, 8, ["disabled", "onClick"])
                     ]),
                     _: 1
                   })
@@ -971,17 +925,17 @@ function Et(e, t, s, u, i, o) {
     }, 8, ["modelValue"])
   ]);
 }
-const Ut = /* @__PURE__ */ N(wt, [["render", Et], ["__scopeId", "data-v-364c2ff6"]]), xt = {
+const Tt = /* @__PURE__ */ M(ft, [["render", kt], ["__scopeId", "data-v-c120467c"]]), St = {
   components: {
-    ColorSelectForm: L
+    ColorSelectForm: R
   },
+  mixins: [F, N],
   props: {
     modelValue: Boolean,
     note: {
       type: Object
     }
   },
-  mixins: [B, R],
   data() {
     return {
       dialogStep: 1,
@@ -992,9 +946,6 @@ const Ut = /* @__PURE__ */ N(wt, [["render", Et], ["__scopeId", "data-v-364c2ff6
       }
     };
   },
-  mounted: function() {
-    this.updateValues();
-  },
   computed: {
     timeError: function() {
       let e, t;
@@ -1012,6 +963,9 @@ const Ut = /* @__PURE__ */ N(wt, [["render", Et], ["__scopeId", "data-v-364c2ff6
       }
     }
   },
+  mounted: function() {
+    this.updateValues();
+  },
   methods: {
     updateValues: function() {
       if (this.dialogStep = 1, this.note) {
@@ -1030,131 +984,119 @@ const Ut = /* @__PURE__ */ N(wt, [["render", Et], ["__scopeId", "data-v-364c2ff6
       this.timeZone === "local" ? (e = (/* @__PURE__ */ new Date(this.startDate + " " + this.startTime)).toISOString(), t = (/* @__PURE__ */ new Date(this.endDate + " " + this.endTime)).toISOString()) : (e = (/* @__PURE__ */ new Date(
         this.startDate + " " + this.startTime + "Z"
       )).toISOString(), t = (/* @__PURE__ */ new Date(this.endDate + " " + this.endTime + "Z")).toISOString());
-      const s = this.color, u = this.description;
-      this.note ? U.put(`/openc3-api/notes/${this.note.start}`, {
-        data: { start: e, stop: t, color: s, description: u }
-      }).then((i) => {
-        const o = i.data.description.length > 16 ? `${i.data.description.substring(0, 16)}...` : i.data.description;
+      const s = this.color, r = this.description;
+      this.note ? x.put(`/openc3-api/notes/${this.note.start}`, {
+        data: { start: e, stop: t, color: s, description: r }
+      }).then((a) => {
+        const l = a.data.description.length > 16 ? `${a.data.description.substring(0, 16)}...` : a.data.description;
         this.$notify.normal({
           title: "Updated Note",
-          body: `Note updated: (${i.data.start}): "${o}"`
-        }), this.$emit("update", i.data), this.show = !this.show;
-      }) : U.post("/openc3-api/notes", {
-        data: { start: e, stop: t, color: s, description: u }
-      }).then((i) => {
-        const o = i.data.description.length > 16 ? `${i.data.description.substring(0, 16)}...` : i.data.description;
+          body: `Note updated: (${a.data.start}): "${l}"`
+        }), this.$emit("update", a.data), this.show = !this.show;
+      }) : x.post("/openc3-api/notes", {
+        data: { start: e, stop: t, color: s, description: r }
+      }).then((a) => {
+        const l = a.data.description.length > 16 ? `${a.data.description.substring(0, 16)}...` : a.data.description;
         this.$notify.normal({
           title: "Created new Note",
-          body: `Note: (${i.data.start}) created: "${o}"`
-        }), this.$emit("update", i.data), this.show = !this.show;
+          body: `Note: (${a.data.start}) created: "${l}"`
+        }), this.$emit("update", a.data), this.show = !this.show;
       });
     }
   }
-}, Mt = { key: 0 }, At = { key: 1 }, Nt = { class: "pa-2" }, qt = ["textContent"], It = { class: "pa-2" }, Ht = ["textContent"];
-function Zt(e, t, s, u, i, o) {
-  const d = l("v-spacer"), D = l("v-icon"), k = l("v-tooltip"), b = l("v-toolbar"), h = l("v-btn"), c = l("v-row"), _ = l("v-text-field"), w = l("v-card-text"), S = l("color-select-form"), T = l("v-stepper"), E = l("v-card"), x = l("v-dialog");
-  return v(), V("div", null, [
-    a(x, {
+}, Ct = { key: 0 }, xt = { key: 1 }, Et = { class: "pa-2" }, Ut = ["textContent"], Mt = { class: "pa-2" }, At = ["textContent"];
+function qt(e, t, s, r, a, l) {
+  const d = o("v-spacer"), u = o("v-btn"), b = o("v-toolbar"), m = o("v-row"), y = o("v-text-field"), f = o("v-card-text"), k = o("color-select-form"), g = o("v-stepper"), T = o("v-card"), S = o("v-dialog");
+  return p(), V("div", null, [
+    i(S, {
+      modelValue: l.show,
+      "onUpdate:modelValue": t[8] || (t[8] = (_) => l.show = _),
       persistent: "",
-      modelValue: o.show,
-      "onUpdate:modelValue": t[8] || (t[8] = (f) => o.show = f),
       width: "600"
     }, {
       default: n(() => [
-        a(E, null, {
+        i(T, null, {
           default: n(() => [
-            a(b, { height: "24" }, {
+            i(b, { height: "24" }, {
               default: n(() => [
-                a(d),
-                s.note ? (v(), V("span", Mt, "Update Note")) : (v(), V("span", At, "Create Note")),
-                a(d),
-                a(k, { location: "top" }, {
-                  activator: n(({ props: f }) => [
-                    r("div", H(Z(f)), [
-                      a(D, {
-                        "data-test": "close-note-icon",
-                        onClick: o.clearHandler
-                      }, {
-                        default: n(() => t[9] || (t[9] = [
-                          y(" mdi-close-box ")
-                        ])),
-                        _: 1
-                      }, 8, ["onClick"])
-                    ], 16)
-                  ]),
-                  default: n(() => [
-                    t[10] || (t[10] = r("span", null, " Close ", -1))
-                  ]),
-                  _: 1
-                })
+                i(d),
+                s.note ? (p(), V("span", Ct, "Update Note")) : (p(), V("span", xt, "Create Note")),
+                i(d),
+                i(u, {
+                  icon: "mdi-close-box",
+                  variant: "text",
+                  density: "compact",
+                  "data-test": "close-note-icon",
+                  onClick: l.clearHandler
+                }, null, 8, ["onClick"])
               ]),
               _: 1
             }),
-            a(T, {
-              modelValue: i.dialogStep,
-              "onUpdate:modelValue": t[7] || (t[7] = (f) => i.dialogStep = f),
+            i(g, {
+              modelValue: a.dialogStep,
+              "onUpdate:modelValue": t[7] || (t[7] = (_) => a.dialogStep = _),
               editable: "",
               items: ["Note Times", "Note Input"]
-            }, F({
+            }, Z({
               "item.1": n(() => [
-                a(w, null, {
+                i(f, null, {
                   default: n(() => [
-                    r("div", Nt, [
-                      a(c, { dense: "" }, {
+                    h("div", Et, [
+                      i(m, { dense: "" }, {
                         default: n(() => [
-                          a(_, {
+                          i(y, {
                             modelValue: e.startDate,
-                            "onUpdate:modelValue": t[1] || (t[1] = (f) => e.startDate = f),
+                            "onUpdate:modelValue": t[1] || (t[1] = (_) => e.startDate = _),
                             type: "date",
                             label: "Start Date",
                             class: "mx-1",
-                            rules: [i.rules.required],
+                            rules: [a.rules.required],
                             "data-test": "note-start-date"
                           }, null, 8, ["modelValue", "rules"]),
-                          a(_, {
+                          i(y, {
                             modelValue: e.startTime,
-                            "onUpdate:modelValue": t[2] || (t[2] = (f) => e.startTime = f),
+                            "onUpdate:modelValue": t[2] || (t[2] = (_) => e.startTime = _),
                             type: "time",
                             step: "1",
                             label: "Start Time",
                             class: "mx-1",
-                            rules: [i.rules.required],
+                            rules: [a.rules.required],
                             "data-test": "note-start-time"
                           }, null, 8, ["modelValue", "rules"])
                         ]),
                         _: 1
                       }),
-                      a(c, { dense: "" }, {
+                      i(m, { dense: "" }, {
                         default: n(() => [
-                          a(_, {
+                          i(y, {
                             modelValue: e.endDate,
-                            "onUpdate:modelValue": t[3] || (t[3] = (f) => e.endDate = f),
+                            "onUpdate:modelValue": t[3] || (t[3] = (_) => e.endDate = _),
                             type: "date",
                             label: "End Date",
                             class: "mx-1",
-                            rules: [i.rules.required],
+                            rules: [a.rules.required],
                             "data-test": "note-end-date"
                           }, null, 8, ["modelValue", "rules"]),
-                          a(_, {
+                          i(y, {
                             modelValue: e.endTime,
-                            "onUpdate:modelValue": t[4] || (t[4] = (f) => e.endTime = f),
+                            "onUpdate:modelValue": t[4] || (t[4] = (_) => e.endTime = _),
                             type: "time",
                             step: "1",
                             label: "End Time",
                             class: "mx-1",
-                            rules: [i.rules.required],
+                            rules: [a.rules.required],
                             "data-test": "note-end-time"
                           }, null, 8, ["modelValue", "rules"])
                         ]),
                         _: 1
                       }),
-                      a(c, null, {
+                      i(m, null, {
                         default: n(() => [
-                          q(r("span", {
+                          A(h("span", {
                             class: "ma-2 text-red",
-                            textContent: C(o.timeError)
-                          }, null, 8, qt), [
-                            [I, o.timeError]
+                            textContent: C(l.timeError)
+                          }, null, 8, Ut), [
+                            [q, l.timeError]
                           ])
                         ]),
                         _: 1
@@ -1165,34 +1107,34 @@ function Zt(e, t, s, u, i, o) {
                 })
               ]),
               "item.2": n(() => [
-                a(w, null, {
+                i(f, null, {
                   default: n(() => [
-                    r("div", It, [
-                      r("div", null, [
-                        a(S, {
-                          modelValue: i.color,
-                          "onUpdate:modelValue": t[5] || (t[5] = (f) => i.color = f)
+                    h("div", Mt, [
+                      h("div", null, [
+                        i(k, {
+                          modelValue: a.color,
+                          "onUpdate:modelValue": t[5] || (t[5] = (_) => a.color = _)
                         }, null, 8, ["modelValue"])
                       ]),
-                      r("div", null, [
-                        a(_, {
-                          modelValue: i.description,
-                          "onUpdate:modelValue": t[6] || (t[6] = (f) => i.description = f),
+                      h("div", null, [
+                        i(y, {
+                          modelValue: a.description,
+                          "onUpdate:modelValue": t[6] || (t[6] = (_) => a.description = _),
                           type: "text",
                           label: "Note Description",
                           "data-test": "note-description"
                         }, null, 8, ["modelValue"])
                       ]),
-                      q(a(c, null, {
+                      A(i(m, null, {
                         default: n(() => [
-                          r("span", {
+                          h("span", {
                             class: "ma-2 text-red",
-                            textContent: C(o.typeError)
-                          }, null, 8, Ht)
+                            textContent: C(l.typeError)
+                          }, null, 8, At)
                         ]),
                         _: 1
                       }, 512), [
-                        [I, o.typeError]
+                        [q, l.typeError]
                       ])
                     ])
                   ]),
@@ -1201,42 +1143,42 @@ function Zt(e, t, s, u, i, o) {
               ]),
               _: 2
             }, [
-              i.dialogStep === 2 ? {
+              a.dialogStep === 2 ? {
                 name: "actions",
                 fn: n(() => [
-                  a(c, { class: "ma-0 px-6 pb-4" }, {
+                  i(m, { class: "ma-0 px-6 pb-4" }, {
                     default: n(() => [
-                      a(h, {
-                        onClick: t[0] || (t[0] = () => i.dialogStep -= 1),
-                        variant: "text"
+                      i(u, {
+                        variant: "text",
+                        onClick: t[0] || (t[0] = () => a.dialogStep -= 1)
                       }, {
-                        default: n(() => t[11] || (t[11] = [
-                          y(" Previous ")
+                        default: n(() => t[9] || (t[9] = [
+                          D(" Previous ")
                         ])),
                         _: 1
                       }),
-                      a(d),
-                      a(h, {
-                        onClick: o.clearHandler,
+                      i(d),
+                      i(u, {
                         variant: "outlined",
-                        class: "mr-4"
+                        class: "mr-4",
+                        onClick: l.clearHandler
                       }, {
-                        default: n(() => t[12] || (t[12] = [
-                          y(" Cancel ")
+                        default: n(() => t[10] || (t[10] = [
+                          D(" Cancel ")
                         ])),
                         _: 1
                       }, 8, ["onClick"]),
-                      a(h, {
-                        onClick: P(o.submitHandler, ["prevent"]),
+                      i(u, {
                         type: "submit",
                         color: "primary",
-                        disabled: !!e.error
+                        disabled: !!e.error,
+                        onClick: O(l.submitHandler, ["prevent"])
                       }, {
-                        default: n(() => t[13] || (t[13] = [
-                          y(" Ok ")
+                        default: n(() => t[11] || (t[11] = [
+                          D(" Ok ")
                         ])),
                         _: 1
-                      }, 8, ["onClick", "disabled"])
+                      }, 8, ["disabled", "onClick"])
                     ]),
                     _: 1
                   })
@@ -1252,13 +1194,13 @@ function Zt(e, t, s, u, i, o) {
     }, 8, ["modelValue"])
   ]);
 }
-const Ot = /* @__PURE__ */ N(xt, [["render", Zt], ["__scopeId", "data-v-87960c87"]]), Rt = {
+const It = /* @__PURE__ */ M(St, [["render", qt], ["__scopeId", "data-v-829ef502"]]), Nt = {
   components: {
-    ActivityCreateDialog: pt,
-    MetadataCreateDialog: Ut,
-    NoteCreateDialog: Ot
+    ActivityCreateDialog: rt,
+    MetadataCreateDialog: Tt,
+    NoteCreateDialog: It
   },
-  mixins: [R, yt],
+  mixins: [N, ct],
   props: {
     events: {
       type: Array,
@@ -1326,7 +1268,7 @@ const Ot = /* @__PURE__ */ N(xt, [["render", Zt], ["__scopeId", "data-v-87960c87
         case "metadata":
           let s = [];
           Object.entries(e.metadata.metadata).forEach(
-            ([u, i]) => s.push(`${u}: ${i}`)
+            ([r, a]) => s.push(`${r}: ${a}`)
           ), t = s.join(", ");
           break;
       }
@@ -1346,16 +1288,16 @@ const Ot = /* @__PURE__ */ N(xt, [["render", Zt], ["__scopeId", "data-v-87960c87
       }
     },
     deleteAction(e) {
-      let t = this.localEvents.findIndex((o) => o.type === e.type && o.start === e.start), s = null, u = null, i = null;
+      let t = this.localEvents.findIndex((l) => l.type === e.type && l.start === e.start), s = null, r = null, a = null;
       switch (e.type) {
         case "activity":
-          s = `timeline/${e.activity.name}/activity`, u = e.activity.start, i = e.activity.uuid;
+          s = `timeline/${e.activity.name}/activity`, r = e.activity.start, a = e.activity.uuid;
           break;
         case "metadata":
-          s = "metadata", u = e.metadata.start;
+          s = "metadata", r = e.metadata.start;
           break;
         case "note":
-          s = "notes", u = e.note.start;
+          s = "notes", r = e.note.start;
           break;
       }
       this.$dialog.confirm(
@@ -1364,16 +1306,16 @@ const Ot = /* @__PURE__ */ N(xt, [["render", Zt], ["__scopeId", "data-v-87960c87
           okText: "Delete",
           cancelText: "Cancel"
         }
-      ).then((o) => {
+      ).then((l) => {
         this.localEvents.splice(t, 1);
-        let d = `/openc3-api/${s}/${u}`;
-        return i && (d += `/${i}`), U.delete(d);
-      }).then((o) => {
+        let d = `/openc3-api/${s}/${r}`;
+        return a && (d += `/${a}`), x.delete(d);
+      }).then((l) => {
         this.$emit("update"), this.$notify.normal({
           title: `Deleted ${e.type}`,
-          body: `Deleted ${e.type} at ${u}`
+          body: `Deleted ${e.type} at ${r}`
         });
-      }).catch((o) => {
+      }).catch((l) => {
       });
     },
     updateActivity(e) {
@@ -1398,55 +1340,44 @@ const Ot = /* @__PURE__ */ N(xt, [["render", Zt], ["__scopeId", "data-v-87960c87
       this.localEvents.push(t);
     }
   }
-}, zt = { key: 0 }, Ft = { key: 1 }, Pt = { key: 0 }, Bt = { key: 1 };
-function jt(e, t, s, u, i, o) {
-  const d = l("v-spacer"), D = l("v-icon"), k = l("v-tooltip"), b = l("v-toolbar"), h = l("v-text-field"), c = l("v-row"), _ = l("v-card-title"), w = l("v-data-table"), S = l("v-btn"), T = l("v-card-actions"), E = l("v-card"), x = l("v-dialog"), f = l("activity-create-dialog"), g = l("metadata-create-dialog"), z = l("note-create-dialog");
-  return v(), V("div", null, [
-    a(x, {
+}, Ht = { key: 0 }, Zt = { key: 1 }, Ot = { key: 0 }, Ft = { key: 1 };
+function Rt(e, t, s, r, a, l) {
+  const d = o("v-spacer"), u = o("v-btn"), b = o("v-toolbar"), m = o("v-text-field"), y = o("v-row"), f = o("v-card-title"), k = o("v-data-table"), g = o("v-card-actions"), T = o("v-card"), S = o("v-dialog"), _ = o("activity-create-dialog"), w = o("metadata-create-dialog"), H = o("note-create-dialog");
+  return p(), V("div", null, [
+    i(S, {
+      modelValue: l.show,
+      "onUpdate:modelValue": t[2] || (t[2] = (v) => l.show = v),
       persistent: "",
-      modelValue: o.show,
-      "onUpdate:modelValue": t[2] || (t[2] = (p) => o.show = p),
       width: "80vw"
     }, {
       default: n(() => [
-        a(E, null, {
+        i(T, null, {
           default: n(() => [
-            a(b, { height: "24" }, {
+            i(b, { height: "24" }, {
               default: n(() => [
-                a(d),
-                s.newMetadata ? (v(), V("span", zt, "Metadata")) : (v(), V("span", Ft, "Events")),
-                a(d),
-                a(k, { location: "top" }, {
-                  activator: n(({ props: p }) => [
-                    r("div", H(Z(p)), [
-                      a(D, {
-                        "data-test": "close-metadata-icon",
-                        onClick: o.close
-                      }, {
-                        default: n(() => t[7] || (t[7] = [
-                          y(" mdi-close-box ")
-                        ])),
-                        _: 1
-                      }, 8, ["onClick"])
-                    ], 16)
-                  ]),
-                  default: n(() => [
-                    t[8] || (t[8] = r("span", null, "Close", -1))
-                  ]),
-                  _: 1
-                })
+                i(d),
+                s.newMetadata ? (p(), V("span", Ht, "Metadata")) : (p(), V("span", Zt, "Events")),
+                i(d),
+                i(u, {
+                  icon: "mdi-close-box",
+                  variant: "text",
+                  density: "compact",
+                  "data-test": "close-metadata-icon",
+                  "aria-label": "Close Dialog",
+                  onClick: l.close
+                }, null, 8, ["onClick"])
               ]),
               _: 1
             }),
-            a(_, null, {
+            i(f, null, {
               default: n(() => [
-                a(c, { class: "pa-3" }, {
+                i(y, { class: "pa-3" }, {
                   default: n(() => [
-                    s.newMetadata ? (v(), V("span", Pt, "Metadata")) : (v(), V("span", Bt, "Events")),
-                    a(d),
-                    a(h, {
-                      modelValue: i.search,
-                      "onUpdate:modelValue": t[0] || (t[0] = (p) => i.search = p),
+                    s.newMetadata ? (p(), V("span", Ot, "Metadata")) : (p(), V("span", Ft, "Events")),
+                    i(d),
+                    i(m, {
+                      modelValue: a.search,
+                      "onUpdate:modelValue": t[0] || (t[0] = (v) => a.search = v),
                       label: "Search",
                       "prepend-inner-icon": "mdi-magnify",
                       clearable: "",
@@ -1461,75 +1392,71 @@ function jt(e, t, s, u, i, o) {
               ]),
               _: 1
             }),
-            a(w, {
-              headers: i.eventHeaders,
-              items: i.localEvents,
-              search: i.search
+            i(k, {
+              headers: a.eventHeaders,
+              items: a.localEvents,
+              search: a.search
             }, {
-              "no-data": n(() => t[9] || (t[9] = [
-                r("span", null, " No events ", -1)
+              "no-data": n(() => t[7] || (t[7] = [
+                h("span", null, " No events ", -1)
               ])),
-              "item.start": n(({ item: p }) => [
-                y(C(e.formatDateTime(p.start, s.timeZone)), 1)
+              "item.start": n(({ item: v }) => [
+                D(C(e.formatDateTime(v.start, s.timeZone)), 1)
               ]),
-              "item.end": n(({ item: p }) => [
-                y(C(e.formatDateTime(p.end, s.timeZone)), 1)
+              "item.end": n(({ item: v }) => [
+                D(C(e.formatDateTime(v.end, s.timeZone)), 1)
               ]),
-              "item.type": n(({ item: p }) => [
-                y(C(p.type.charAt(0).toUpperCase() + p.type.slice(1)), 1)
+              "item.type": n(({ item: v }) => [
+                D(C(v.type.charAt(0).toUpperCase() + v.type.slice(1)), 1)
               ]),
-              "item.data": n(({ item: p }) => [
-                y(C(o.dataFormat(p)), 1)
+              "item.data": n(({ item: v }) => [
+                D(C(l.dataFormat(v)), 1)
               ]),
-              "item.actions": n(({ item: p }) => [
-                a(D, {
+              "item.actions": n(({ item: v }) => [
+                i(u, {
+                  icon: "mdi-pencil",
+                  variant: "text",
                   size: "small",
                   class: "mr-2",
-                  onClick: (m) => o.editAction(p),
-                  "data-test": "edit-event"
-                }, {
-                  default: n(() => t[10] || (t[10] = [
-                    y(" mdi-pencil ")
-                  ])),
-                  _: 2
-                }, 1032, ["onClick"]),
-                a(D, {
+                  "data-test": "edit-event",
+                  "aria-label": "Edit Event",
+                  onClick: (c) => l.editAction(v)
+                }, null, 8, ["onClick"]),
+                i(u, {
+                  icon: "mdi-delete",
+                  variant: "text",
                   size: "small",
-                  onClick: (m) => o.deleteAction(p),
-                  "data-test": "delete-event"
-                }, {
-                  default: n(() => t[11] || (t[11] = [
-                    y(" mdi-delete ")
-                  ])),
-                  _: 2
-                }, 1032, ["onClick"])
+                  "data-test": "delete-event",
+                  "aria-label": "Delete Event",
+                  onClick: (c) => l.deleteAction(v)
+                }, null, 8, ["onClick"])
               ]),
               _: 1
             }, 8, ["headers", "items", "search"]),
-            a(T, { class: "px-2" }, {
+            i(g, { class: "px-2" }, {
               default: n(() => [
-                a(d),
-                a(S, {
+                i(d),
+                i(u, {
                   variant: "outlined",
                   "data-test": "close-event-list",
-                  onClick: o.close
+                  onClick: l.close
                 }, {
-                  default: n(() => t[12] || (t[12] = [
-                    y(" Close ")
+                  default: n(() => t[8] || (t[8] = [
+                    D(" Close ")
                   ])),
                   _: 1
                 }, 8, ["onClick"]),
-                s.newMetadata ? (v(), M(S, {
+                s.newMetadata ? (p(), E(u, {
                   key: 0,
                   variant: "flat",
                   "data-test": "new-event",
-                  onClick: t[1] || (t[1] = (p) => i.showMetadataCreate = !0)
+                  onClick: t[1] || (t[1] = (v) => a.showMetadataCreate = !0)
                 }, {
-                  default: n(() => t[13] || (t[13] = [
-                    y(" New Metadata ")
+                  default: n(() => t[9] || (t[9] = [
+                    D(" New Metadata ")
                   ])),
                   _: 1
-                })) : A("", !0)
+                })) : U("", !0)
               ]),
               _: 1
             })
@@ -1539,48 +1466,48 @@ function jt(e, t, s, u, i, o) {
       ]),
       _: 1
     }, 8, ["modelValue"]),
-    i.showActivityUpdate ? (v(), M(f, {
+    a.showActivityUpdate ? (p(), E(_, {
       key: 0,
-      modelValue: i.showActivityUpdate,
-      "onUpdate:modelValue": t[3] || (t[3] = (p) => i.showActivityUpdate = p),
-      activity: i.editActivity,
+      modelValue: a.showActivityUpdate,
+      "onUpdate:modelValue": t[3] || (t[3] = (v) => a.showActivityUpdate = v),
+      activity: a.editActivity,
       "time-zone": s.timeZone,
-      onUpdate: o.updateActivity
-    }, null, 8, ["modelValue", "activity", "time-zone", "onUpdate"])) : A("", !0),
-    i.showMetadataUpdate ? (v(), M(g, {
+      onUpdate: l.updateActivity
+    }, null, 8, ["modelValue", "activity", "time-zone", "onUpdate"])) : U("", !0),
+    a.showMetadataUpdate ? (p(), E(w, {
       key: 1,
-      modelValue: i.showMetadataUpdate,
-      "onUpdate:modelValue": t[4] || (t[4] = (p) => i.showMetadataUpdate = p),
-      metadata: i.editMetadata,
+      modelValue: a.showMetadataUpdate,
+      "onUpdate:modelValue": t[4] || (t[4] = (v) => a.showMetadataUpdate = v),
+      metadata: a.editMetadata,
       "time-zone": s.timeZone,
-      onUpdate: o.updateMetadata
-    }, null, 8, ["modelValue", "metadata", "time-zone", "onUpdate"])) : A("", !0),
-    i.showNoteUpdate ? (v(), M(z, {
+      onUpdate: l.updateMetadata
+    }, null, 8, ["modelValue", "metadata", "time-zone", "onUpdate"])) : U("", !0),
+    a.showNoteUpdate ? (p(), E(H, {
       key: 2,
-      modelValue: i.showNoteUpdate,
-      "onUpdate:modelValue": t[5] || (t[5] = (p) => i.showNoteUpdate = p),
-      note: i.editNote,
+      modelValue: a.showNoteUpdate,
+      "onUpdate:modelValue": t[5] || (t[5] = (v) => a.showNoteUpdate = v),
+      note: a.editNote,
       "time-zone": s.timeZone,
-      onUpdate: o.updateNote
-    }, null, 8, ["modelValue", "note", "time-zone", "onUpdate"])) : A("", !0),
-    i.showMetadataCreate ? (v(), M(g, {
+      onUpdate: l.updateNote
+    }, null, 8, ["modelValue", "note", "time-zone", "onUpdate"])) : U("", !0),
+    a.showMetadataCreate ? (p(), E(w, {
       key: 3,
-      modelValue: i.showMetadataCreate,
-      "onUpdate:modelValue": t[6] || (t[6] = (p) => i.showMetadataCreate = p),
+      modelValue: a.showMetadataCreate,
+      "onUpdate:modelValue": t[6] || (t[6] = (v) => a.showMetadataCreate = v),
       "time-zone": s.timeZone,
-      onUpdate: o.addMetadata
-    }, null, 8, ["modelValue", "time-zone", "onUpdate"])) : A("", !0)
+      onUpdate: l.addMetadata
+    }, null, 8, ["modelValue", "time-zone", "onUpdate"])) : U("", !0)
   ]);
 }
-const te = /* @__PURE__ */ N(Rt, [["render", jt]]);
+const Jt = /* @__PURE__ */ M(Nt, [["render", Rt]]);
 export {
-  pt as A,
-  L as C,
-  yt as D,
-  te as E,
-  Ut as M,
-  Ot as N,
-  B as a,
-  Dt as b
+  rt as A,
+  R as C,
+  ct as D,
+  Jt as E,
+  Tt as M,
+  It as N,
+  F as a,
+  yt as b
 };
-//# sourceMappingURL=EventListDialog-CSMSmCIT.js.map
+//# sourceMappingURL=EventListDialog-ankpCg-n.js.map