@openc3/vue-common 6.10.2 → 6.10.4

package/dist/{EventListDialog-jdNF3szO.js → EventListDialog-Id3rEQKY.js}

@@ -1,23 +1,24 @@
-import { f as x } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-B8ikVCn7.js";
-import { T as Z } from "./timeFilters-BKnCM4rv.js";
-import { resolveComponent as o, createElementBlock as _, openBlock as p, createVNode as a, withKeys as A, withCtx as n, createSlots as K, createElementVNode as h, withDirectives as I, toDisplayString as T, vShow as q, createBlock as U, createCommentVNode as E, createTextVNode as g, withModifiers as F, mergeProps as W, Fragment as G, renderList as J } from "vue";
-import { _ as M } from "./CustomIcon-DTfsnDJn.js";
-import { C as Q, S as X, E as Y } from "./ScriptChooser-DMPY3m8a.js";
+import { f as U } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_dda5adfc_lang-NXWdTcR2.js";
+import { T as O } from "./timeFilters-BKnCM4rv.js";
+import { resolveComponent as o, createElementBlock as _, openBlock as p, createVNode as a, withKeys as I, withCtx as n, createSlots as P, createElementVNode as h, withDirectives as q, toDisplayString as T, vShow as N, createBlock as M, createCommentVNode as E, createTextVNode as V, withModifiers as K, mergeProps as J, Fragment as Q, renderList as X } from "vue";
+import { _ as A } from "./CustomIcon-B9m73Gqm.js";
+import { C as Y, S as $, E as tt } from "./ScriptChooser-DCjI5aeZ.js";
+import { O as F } from "./OpenC3TimePicker-D-_qqySI.js";
 import "single-spa";
-import { a as $, p as tt } from "./parse-DnkEsW-3.js";
-import { a as et } from "./addMonths-BtG7uZLJ.js";
-import { t as at, c as it, f as H } from "./format-CVeawcIv.js";
-function nt(e, t, s) {
+import { a as et, p as at } from "./parse-DnkEsW-3.js";
+import { a as it } from "./addMonths-BtG7uZLJ.js";
+import { t as nt, c as lt, f as Z } from "./format-CVeawcIv.js";
+function ot(e, t, s) {
   const {
     years: u = 0,
     months: i = 0,
     weeks: l = 0,
     days: d = 0,
     hours: m = 0,
-    minutes: D = 0,
+    minutes: b = 0,
     seconds: c = 0
-  } = t, y = at(e, s == null ? void 0 : s.in), f = i || u ? et(y, i + u * 12) : y, k = d || l ? $(f, d + l * 7) : f, S = D + m * 60, C = (c + S * 60) * 1e3;
-  return it(e, +k + C);
+  } = t, y = nt(e, s == null ? void 0 : s.in), w = i || u ? it(y, i + u * 12) : y, C = d || l ? et(w, d + l * 7) : w, k = b + m * 60, D = (c + k * 60) * 1e3;
+  return lt(e, +C + D);
 }
 const R = {
   props: {
@@ -41,18 +42,19 @@ const R = {
   },
   methods: {
     calcStartDateTime: function() {
-      this.date ? (this.startDate = this.date, this.endDate = this.date) : (this.startDate = H(/* @__PURE__ */ new Date(), "yyyy-MM-dd"), this.endDate = H(/* @__PURE__ */ new Date(), "yyyy-MM-dd"));
+      this.date ? (this.startDate = this.date, this.endDate = this.date) : (this.startDate = Z(/* @__PURE__ */ new Date(), "yyyy-MM-dd"), this.endDate = Z(/* @__PURE__ */ new Date(), "yyyy-MM-dd"));
       let e = 1e3 * 60 * 30, t = null;
-      this.time ? (t = tt(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 = H(t, "HH:mm:ss"), this.endTime = H(nt(t, { minutes: 30 }), "HH:mm:ss");
+      this.time ? (t = at(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 = Z(t, "HH:mm:ss"), this.endTime = Z(ot(t, { minutes: 30 }), "HH:mm:ss");
     }
   }
-}, lt = {
+}, st = {
   components: {
-    EnvironmentChooser: Y,
-    ScriptChooser: X,
-    CommandEditor: Q
+    EnvironmentChooser: tt,
+    ScriptChooser: $,
+    CommandEditor: Y,
+    OpenC3TimePicker: F
   },
-  mixins: [R, Z],
+  mixins: [R, O],
   props: {
     modelValue: Boolean,
     timelines: {
@@ -64,6 +66,7 @@ const R = {
       default: null
     }
   },
+  emits: ["update:modelValue", "update"],
   data() {
     return {
       timeline: null,
@@ -159,7 +162,7 @@ const R = {
         frequency: this.frequency,
         span: this.timeSpan,
         end: s
-      }), this.activity ? x.put(
+      }), this.activity ? U.put(
         `/openc3-api/timeline/${this.activity.name}/activity/${this.activity.start}`,
         {
           data: { start: e, stop: t, kind: u, data: i, recurring: l }
@@ -174,7 +177,7 @@ const R = {
         }), this.$emit("update", d.data), this.show = !this.show;
       }).catch((d) => {
         this.show = !this.show;
-      }) : x.post(`/openc3-api/timeline/${this.timeline}/activities`, {
+      }) : U.post(`/openc3-api/timeline/${this.timeline}/activities`, {
         data: { start: e, stop: t, kind: u, data: i, recurring: l }
       }).then((d) => {
         const m = this.formatSeconds(
@@ -208,30 +211,30 @@ const R = {
       this.activityData = e, this.showCommandDialog = !1;
     }
   }
-}, ot = { key: 0 }, st = { key: 1 }, dt = { class: "pr-2" }, rt = ["textContent"], mt = { class: "pr-2" }, ut = { key: 0 }, ct = {
+}, dt = { key: 0 }, rt = { key: 1 }, mt = { class: "pr-2" }, ut = ["textContent"], ct = { class: "pr-2" }, pt = { key: 0 }, ht = {
   key: 1,
   class: "ma-3"
-}, pt = { key: 2 }, ht = ["textContent"], vt = {
+}, vt = { key: 2 }, yt = ["textContent"], ft = {
   key: 0,
   class: "error-message"
-}, yt = { class: "flex-grow-1" };
-function ft(e, t, s, u, i, l) {
-  const d = o("v-spacer"), m = o("v-btn"), D = o("v-toolbar"), c = o("v-row"), y = o("v-select"), f = o("v-text-field"), k = o("v-textarea"), S = o("v-checkbox"), b = o("v-col"), C = o("v-card-text"), w = o("script-chooser"), V = o("environment-chooser"), O = o("v-stepper"), v = o("v-card"), N = o("v-dialog"), B = o("v-card-title"), P = o("v-icon"), j = o("command-editor"), L = o("v-card-actions");
+}, _t = { class: "flex-grow-1" };
+function Vt(e, t, s, u, i, l) {
+  const d = o("v-spacer"), m = o("v-btn"), b = o("v-toolbar"), c = o("v-row"), y = o("v-select"), w = o("v-text-field"), C = o("v-textarea"), k = o("OpenC3TimePicker"), x = o("v-checkbox"), D = o("v-col"), S = o("v-card-text"), f = o("script-chooser"), g = o("environment-chooser"), v = o("v-stepper"), H = o("v-card"), z = o("v-dialog"), j = o("v-card-title"), L = o("v-icon"), W = o("command-editor"), G = o("v-card-actions");
   return p(), _("div", null, [
-    a(N, {
+    a(z, {
       modelValue: l.show,
       "onUpdate:modelValue": t[19] || (t[19] = (r) => l.show = r),
       persistent: "",
       width: "600",
-      onKeydown: A(l.clearHandler, ["esc"])
+      onKeydown: I(l.clearHandler, ["esc"])
     }, {
       default: n(() => [
-        a(v, null, {
+        a(H, null, {
           default: n(() => [
-            a(D, { height: "24" }, {
+            a(b, { height: "24" }, {
               default: n(() => [
                 a(d),
-                s.activity ? (p(), _("span", ot, "Edit Activity")) : (p(), _("span", st, "Create Activity")),
+                s.activity ? (p(), _("span", dt, "Edit Activity")) : (p(), _("span", rt, "Create Activity")),
                 a(d),
                 a(m, {
                   icon: "mdi-close-box",
@@ -243,15 +246,15 @@ function ft(e, t, s, u, i, l) {
               ]),
               _: 1
             }),
-            a(O, {
+            a(v, {
               modelValue: i.dialogStep,
               "onUpdate:modelValue": t[18] || (t[18] = (r) => i.dialogStep = r),
               items: ["Activity Times", "Activity Type"]
-            }, K({
+            }, P({
               "item.1": n(() => [
-                a(C, null, {
+                a(S, null, {
                   default: n(() => [
-                    h("div", dt, [
+                    h("div", mt, [
                       a(y, {
                         modelValue: i.timeline,
                         "onUpdate:modelValue": t[2] || (t[2] = (r) => i.timeline = r),
@@ -263,7 +266,7 @@ function ft(e, t, s, u, i, l) {
                         "data-test": "activity-select-timeline",
                         class: "pb-2"
                       }, null, 8, ["modelValue", "items"]),
-                      a(f, {
+                      a(w, {
                         modelValue: i.customTitle,
                         "onUpdate:modelValue": t[3] || (t[3] = (r) => i.customTitle = r),
                         type: "text",
@@ -274,7 +277,7 @@ function ft(e, t, s, u, i, l) {
                         variant: "outlined",
                         density: "compact"
                       }, null, 8, ["modelValue"]),
-                      a(k, {
+                      a(C, {
                         modelValue: i.notes,
                         "onUpdate:modelValue": t[4] || (t[4] = (r) => i.notes = r),
                         label: "Notes",
@@ -287,7 +290,7 @@ function ft(e, t, s, u, i, l) {
                       }, null, 8, ["modelValue"]),
                       a(c, { dense: "" }, {
                         default: n(() => [
-                          a(f, {
+                          a(w, {
                             modelValue: e.startDate,
                             "onUpdate:modelValue": t[5] || (t[5] = (r) => e.startDate = r),
                             type: "date",
@@ -296,13 +299,11 @@ function ft(e, t, s, u, i, l) {
                             rules: [i.rules.required],
                             "data-test": "activity-start-date"
                           }, null, 8, ["modelValue", "rules"]),
-                          a(f, {
+                          a(k, {
                             modelValue: e.startTime,
                             "onUpdate:modelValue": t[6] || (t[6] = (r) => e.startTime = r),
-                            type: "time",
-                            step: "1",
                             label: "Start Time",
-                            class: "mx-1",
+                            "text-field-class": "mx-1",
                             rules: [i.rules.required],
                             "data-test": "activity-start-time"
                           }, null, 8, ["modelValue", "rules"])
@@ -311,7 +312,7 @@ function ft(e, t, s, u, i, l) {
                       }),
                       a(c, { dense: "" }, {
                         default: n(() => [
-                          a(f, {
+                          a(w, {
                             modelValue: e.endDate,
                             "onUpdate:modelValue": t[7] || (t[7] = (r) => e.endDate = r),
                             type: "date",
@@ -320,13 +321,11 @@ function ft(e, t, s, u, i, l) {
                             rules: [i.rules.required],
                             "data-test": "activity-end-date"
                           }, null, 8, ["modelValue", "rules"]),
-                          a(f, {
+                          a(k, {
                             modelValue: e.endTime,
                             "onUpdate:modelValue": t[8] || (t[8] = (r) => e.endTime = r),
-                            type: "time",
-                            step: "1",
                             label: "End Time",
-                            class: "mx-1",
+                            "text-field-class": "mx-1",
                             rules: [i.rules.required],
                             "data-test": "activity-end-time"
                           }, null, 8, ["modelValue", "rules"])
@@ -335,7 +334,7 @@ function ft(e, t, s, u, i, l) {
                       }),
                       a(c, { class: "pl-3" }, {
                         default: n(() => [
-                          a(S, {
+                          a(x, {
                             modelValue: i.recurring,
                             "onUpdate:modelValue": t[9] || (t[9] = (r) => i.recurring = r),
                             disabled: !!s.activity,
@@ -346,17 +345,17 @@ function ft(e, t, s, u, i, l) {
                         ]),
                         _: 1
                       }),
-                      i.recurring ? (p(), U(c, { key: 0 }, {
+                      i.recurring ? (p(), M(c, { key: 0 }, {
                         default: n(() => [
-                          a(b, null, {
+                          a(D, null, {
                             default: n(() => [...t[27] || (t[27] = [
                               h("div", { class: "repeat" }, "Repeat every", -1)
                             ])]),
                             _: 1
                           }),
-                          a(b, null, {
+                          a(D, null, {
                             default: n(() => [
-                              a(f, {
+                              a(w, {
                                 modelValue: i.frequency,
                                 "onUpdate:modelValue": t[10] || (t[10] = (r) => i.frequency = r),
                                 disabled: !!s.activity,
@@ -369,7 +368,7 @@ function ft(e, t, s, u, i, l) {
                             ]),
                             _: 1
                           }),
-                          a(b, null, {
+                          a(D, null, {
                             default: n(() => [
                               a(y, {
                                 modelValue: i.timeSpan,
@@ -388,20 +387,20 @@ function ft(e, t, s, u, i, l) {
                         ]),
                         _: 1
                       })) : E("", !0),
-                      i.recurring ? (p(), U(c, {
+                      i.recurring ? (p(), M(c, {
                         key: 1,
                         style: { "padding-bottom": "10px" }
                       }, {
                         default: n(() => [
-                          a(b, null, {
+                          a(D, null, {
                             default: n(() => [...t[28] || (t[28] = [
                               h("div", { class: "repeat" }, "Ending", -1)
                             ])]),
                             _: 1
                           }),
-                          a(b, null, {
+                          a(D, null, {
                             default: n(() => [
-                              a(f, {
+                              a(w, {
                                 modelValue: i.recurringEndDate,
                                 "onUpdate:modelValue": t[12] || (t[12] = (r) => i.recurringEndDate = r),
                                 type: "date",
@@ -414,15 +413,13 @@ function ft(e, t, s, u, i, l) {
                             ]),
                             _: 1
                           }),
-                          a(b, null, {
+                          a(D, null, {
                             default: n(() => [
-                              a(f, {
+                              a(k, {
                                 modelValue: i.recurringEndTime,
                                 "onUpdate:modelValue": t[13] || (t[13] = (r) => i.recurringEndTime = r),
-                                type: "time",
-                                step: "1",
                                 label: "End Time",
-                                class: "mx-1",
+                                "text-field-class": "mx-1",
                                 rules: [i.rules.required],
                                 disabled: !!s.activity,
                                 "data-test": "recurring-end-time"
@@ -435,11 +432,11 @@ function ft(e, t, s, u, i, l) {
                       })) : E("", !0),
                       a(c, null, {
                         default: n(() => [
-                          I(h("span", {
+                          q(h("span", {
                             class: "ma-2 text-red",
                             textContent: T(l.timeError)
-                          }, null, 8, rt), [
-                            [q, l.timeError]
+                          }, null, 8, ut), [
+                            [N, l.timeError]
                           ])
                         ]),
                         _: 1
@@ -450,9 +447,9 @@ function ft(e, t, s, u, i, l) {
                 })
               ]),
               "item.2": n(() => [
-                a(C, null, {
+                a(S, null, {
                   default: n(() => [
-                    h("div", mt, [
+                    h("div", ct, [
                       a(y, {
                         modelValue: i.kind,
                         "onUpdate:modelValue": t[14] || (t[14] = (r) => i.kind = r),
@@ -464,8 +461,8 @@ function ft(e, t, s, u, i, l) {
                         "data-test": "activity-select-type",
                         class: "pb-2"
                       }, null, 8, ["modelValue", "items"]),
-                      i.kind === "COMMAND" ? (p(), _("div", ut, [
-                        a(k, {
+                      i.kind === "COMMAND" ? (p(), _("div", pt, [
+                        a(C, {
                           modelValue: i.activityData,
                           "onUpdate:modelValue": t[15] || (t[15] = (r) => i.activityData = r),
                           label: "Command Input",
@@ -475,25 +472,25 @@ function ft(e, t, s, u, i, l) {
                           "data-test": "activity-cmd",
                           "onClick:control": t[16] || (t[16] = (r) => l.editItem())
                         }, null, 8, ["modelValue"])
-                      ])) : i.kind === "SCRIPT" ? (p(), _("div", ct, [
-                        a(w, { onFile: l.fileHandler }, null, 8, ["onFile"]),
-                        a(V, {
+                      ])) : i.kind === "SCRIPT" ? (p(), _("div", ht, [
+                        a(f, { onFile: l.fileHandler }, null, 8, ["onFile"]),
+                        a(g, {
                           modelValue: i.activityEnvironment,
                           "onUpdate:modelValue": t[17] || (t[17] = (r) => i.activityEnvironment = r)
                         }, null, 8, ["modelValue"])
-                      ])) : (p(), _("div", pt, [...t[29] || (t[29] = [
+                      ])) : (p(), _("div", vt, [...t[29] || (t[29] = [
                         h("span", { class: "ma-2" }, " No required input ", -1)
                       ])])),
-                      I(a(c, { class: "mt-2" }, {
+                      q(a(c, { class: "mt-2" }, {
                         default: n(() => [
                           h("span", {
                             class: "ma-2 text-red",
                             textContent: T(l.typeError)
-                          }, null, 8, ht)
+                          }, null, 8, yt)
                         ]),
                         _: 1
                       }, 512), [
-                        [q, l.typeError]
+                        [N, l.typeError]
                       ])
                     ])
                   ]),
@@ -514,7 +511,7 @@ function ft(e, t, s, u, i, l) {
                         onClick: t[0] || (t[0] = (r) => i.dialogStep = 2)
                       }, {
                         default: n(() => [...t[23] || (t[23] = [
-                          g(" Next ", -1)
+                          V(" Next ", -1)
                         ])]),
                         _: 1
                       }, 8, ["disabled"])
@@ -534,7 +531,7 @@ function ft(e, t, s, u, i, l) {
                         onClick: t[1] || (t[1] = () => i.dialogStep -= 1)
                       }, {
                         default: n(() => [...t[24] || (t[24] = [
-                          g(" Previous ", -1)
+                          V(" Previous ", -1)
                         ])]),
                         _: 1
                       }),
@@ -545,7 +542,7 @@ function ft(e, t, s, u, i, l) {
                         onClick: l.clearHandler
                       }, {
                         default: n(() => [...t[25] || (t[25] = [
-                          g(" Cancel ", -1)
+                          V(" Cancel ", -1)
                         ])]),
                         _: 1
                       }, 8, ["onClick"]),
@@ -553,10 +550,10 @@ function ft(e, t, s, u, i, l) {
                         type: "submit",
                         color: "primary",
                         disabled: !!e.error,
-                        onClick: F(l.submitHandler, ["prevent"])
+                        onClick: K(l.submitHandler, ["prevent"])
                       }, {
                         default: n(() => [...t[26] || (t[26] = [
-                          g(" Ok ", -1)
+                          V(" Ok ", -1)
                         ])]),
                         _: 1
                       }, 8, ["disabled", "onClick"])
@@ -573,18 +570,18 @@ function ft(e, t, s, u, i, l) {
       ]),
       _: 1
     }, 8, ["modelValue", "onKeydown"]),
-    a(N, {
+    a(z, {
       modelValue: i.showCommandDialog,
       "onUpdate:modelValue": t[22] || (t[22] = (r) => i.showCommandDialog = r),
       "max-width": "1200",
       persistent: "",
       scrollable: "",
-      onKeydown: A(l.closeCommandDialog, ["esc"])
+      onKeydown: I(l.closeCommandDialog, ["esc"])
     }, {
       default: n(() => [
-        a(v, null, {
+        a(H, null, {
           default: n(() => [
-            a(B, { class: "d-flex align-center" }, {
+            a(j, { class: "d-flex align-center" }, {
               default: n(() => [
                 h("span", null, T(i.dialogTitle), 1),
                 a(d),
@@ -596,19 +593,19 @@ function ft(e, t, s, u, i, l) {
               ]),
               _: 1
             }),
-            a(C, { class: "pa-0" }, {
+            a(S, { class: "pa-0" }, {
               default: n(() => [
-                i.dialogError ? (p(), _("div", vt, [
-                  a(P, {
+                i.dialogError ? (p(), _("div", ft, [
+                  a(L, {
                     class: "mr-2",
                     color: "error"
                   }, {
                     default: n(() => [...t[30] || (t[30] = [
-                      g("mdi-alert-circle", -1)
+                      V("mdi-alert-circle", -1)
                     ])]),
                     _: 1
                   }),
-                  h("span", yt, T(i.dialogError), 1),
+                  h("span", _t, T(i.dialogError), 1),
                   a(m, {
                     icon: "mdi-close",
                     size: "small",
@@ -618,7 +615,7 @@ function ft(e, t, s, u, i, l) {
                     onClick: l.clearDialogError
                   }, null, 8, ["onClick"])
                 ])) : E("", !0),
-                a(j, {
+                a(W, {
                   ref: "commandEditor",
                   "send-disabled": !1,
                   "states-in-hex": e.statesInHex,
@@ -631,7 +628,7 @@ function ft(e, t, s, u, i, l) {
               ]),
               _: 1
             }),
-            a(L, null, {
+            a(G, null, {
               default: n(() => [
                 a(d),
                 a(m, {
@@ -639,7 +636,7 @@ function ft(e, t, s, u, i, l) {
                   onClick: l.closeCommandDialog
                 }, {
                   default: n(() => [...t[31] || (t[31] = [
-                    g(" Cancel ", -1)
+                    V(" Cancel ", -1)
                   ])]),
                   _: 1
                 }, 8, ["onClick"]),
@@ -649,7 +646,7 @@ function ft(e, t, s, u, i, l) {
                   onClick: t[21] || (t[21] = (r) => l.updateCommand())
                 }, {
                   default: n(() => [...t[32] || (t[32] = [
-                    g(" Update Command ", -1)
+                    V(" Update Command ", -1)
                   ])]),
                   _: 1
                 })
@@ -664,7 +661,7 @@ function ft(e, t, s, u, i, l) {
     }, 8, ["modelValue", "onKeydown"])
   ]);
 }
-const _t = /* @__PURE__ */ M(lt, [["render", ft], ["__scopeId", "data-v-3f3dc578"]]), wt = {
+const wt = /* @__PURE__ */ A(st, [["render", Vt], ["__scopeId", "data-v-f1a2b9c4"]]), gt = {
   components: {},
   props: {
     modelValue: {
@@ -672,6 +669,7 @@ const _t = /* @__PURE__ */ M(lt, [["render", ft], ["__scopeId", "data-v-3f3dc578
       required: !0
     }
   },
+  emits: ["update:modelValue"],
   computed: {
     color: {
       get() {
@@ -700,25 +698,25 @@ const _t = /* @__PURE__ */ M(lt, [["render", ft], ["__scopeId", "data-v-3f3dc578
   },
   methods: {}
 };
-function gt(e, t, s, u, i, l) {
-  const d = o("v-icon"), m = o("v-list-item"), D = o("v-select");
+function Dt(e, t, s, u, i, l) {
+  const d = o("v-icon"), m = o("v-list-item"), b = o("v-select");
   return p(), _("div", null, [
-    a(D, {
-      label: "Color",
-      items: l.swatches,
+    a(b, {
       modelValue: l.color,
-      "onUpdate:modelValue": t[0] || (t[0] = (c) => l.color = c)
+      "onUpdate:modelValue": t[0] || (t[0] = (c) => l.color = c),
+      label: "Color",
+      items: l.swatches
     }, {
       "prepend-inner": n(() => [
         a(d, { color: l.color }, {
           default: n(() => [...t[1] || (t[1] = [
-            g(" mdi-square ", -1)
+            V(" mdi-square ", -1)
           ])]),
           _: 1
         }, 8, ["color"])
       ]),
       item: n(({ props: c, item: y }) => [
-        a(m, W(c, {
+        a(m, J(c, {
           value: y.raw
         }), {
           prepend: n(() => [
@@ -726,7 +724,7 @@ function gt(e, t, s, u, i, l) {
               color: y.raw
             }, {
               default: n(() => [...t[2] || (t[2] = [
-                g(" mdi-square ", -1)
+                V(" mdi-square ", -1)
               ])]),
               _: 1
             }, 8, ["color"])
@@ -735,10 +733,10 @@ function gt(e, t, s, u, i, l) {
         }, 1040, ["value"])
       ]),
       _: 1
-    }, 8, ["items", "modelValue"])
+    }, 8, ["modelValue", "items"])
   ]);
 }
-const z = /* @__PURE__ */ M(wt, [["render", gt]]), Vt = {
+const B = /* @__PURE__ */ A(gt, [["render", Dt]]), bt = {
   methods: {
     deleteItem(e) {
       let t = null, s = "";
@@ -759,7 +757,7 @@ const z = /* @__PURE__ */ M(wt, [["render", gt]]), Vt = {
           okText: "Delete",
           cancelText: "Cancel"
         }
-      ).then(() => x.delete(`/openc3-api/${s}/${t}`)).then(() => {
+      ).then(() => U.delete(`/openc3-api/${s}/${t}`)).then(() => {
         this.$emit("delete", e), this.$notify.normal({
           title: `Deleted ${e.typeStr}`,
           body: `Deleted ${e.typeStr} at ${e.startStr}`
@@ -768,7 +766,7 @@ const z = /* @__PURE__ */ M(wt, [["render", gt]]), Vt = {
       });
     }
   }
-}, Dt = {
+}, kt = {
   components: {},
   props: {
     modelValue: {
@@ -776,6 +774,7 @@ const z = /* @__PURE__ */ M(wt, [["render", gt]]), Vt = {
       required: !0
     }
   },
+  emits: ["update:modelValue"],
   data() {
     return {};
   },
@@ -800,16 +799,16 @@ const z = /* @__PURE__ */ M(wt, [["render", gt]]), Vt = {
       this.metadata.splice(e, 1);
     }
   }
-}, bt = {
+}, Ct = {
   scope: "col",
   class: "text-right",
   width: "52px"
 };
-function kt(e, t, s, u, i, l) {
-  const d = o("v-btn"), m = o("v-text-field"), D = o("v-table");
+function Tt(e, t, s, u, i, l) {
+  const d = o("v-btn"), m = o("v-text-field"), b = o("v-table");
   return p(), _("div", null, [
     t[2] || (t[2] = h("span", null, " Add metadata key value(s)", -1)),
-    a(D, { density: "compact" }, {
+    a(b, { density: "compact" }, {
       default: n(() => [
         h("tbody", null, [
           h("tr", null, [
@@ -821,7 +820,7 @@ function kt(e, t, s, u, i, l) {
               scope: "col",
               class: "text-left"
             }, "Value", -1)),
-            h("th", bt, [
+            h("th", Ct, [
               a(d, {
                 icon: "mdi-plus",
                 variant: "text",
@@ -830,13 +829,13 @@ function kt(e, t, s, u, i, l) {
               }, null, 8, ["onClick"])
             ])
           ]),
-          (p(!0), _(G, null, J(l.metadata, (c, y) => (p(), _("tr", {
+          (p(!0), _(Q, null, X(l.metadata, (c, y) => (p(), _("tr", {
             key: `tr-${y}`
           }, [
             h("td", null, [
               a(m, {
                 modelValue: c.key,
-                "onUpdate:modelValue": (f) => c.key = f,
+                "onUpdate:modelValue": (w) => c.key = w,
                 density: "compact",
                 type: "text",
                 "hide-details": "",
@@ -846,7 +845,7 @@ function kt(e, t, s, u, i, l) {
             h("td", null, [
               a(m, {
                 modelValue: c.value,
-                "onUpdate:modelValue": (f) => c.value = f,
+                "onUpdate:modelValue": (w) => c.value = w,
                 density: "compact",
                 type: "text",
                 "hide-details": "",
@@ -858,7 +857,7 @@ function kt(e, t, s, u, i, l) {
                 icon: "mdi-delete",
                 variant: "text",
                 "data-test": `delete-metadata-icon-${y}`,
-                onClick: (f) => l.rm(y)
+                onClick: (w) => l.rm(y)
               }, null, 8, ["data-test", "onClick"])
             ])
           ]))), 128))
@@ -868,12 +867,13 @@ function kt(e, t, s, u, i, l) {
     })
   ]);
 }
-const Ct = /* @__PURE__ */ M(Dt, [["render", kt]]), Tt = {
+const St = /* @__PURE__ */ A(kt, [["render", Tt]]), xt = {
   components: {
-    ColorSelectForm: z,
-    MetadataInputForm: Ct
+    ColorSelectForm: B,
+    MetadataInputForm: St,
+    OpenC3TimePicker: F
   },
-  mixins: [R, Z],
+  mixins: [R, O],
   props: {
     modelValue: Boolean,
     metadata: {
@@ -881,6 +881,7 @@ const Ct = /* @__PURE__ */ M(Dt, [["render", kt]]), Tt = {
       default: null
     }
   },
+  emits: ["update:modelValue", "update"],
   data() {
     return {
       dialogStep: 1,
@@ -926,14 +927,14 @@ const Ct = /* @__PURE__ */ M(Dt, [["render", kt]]), Tt = {
         this.startDate + " " + this.startTime
       )).toISOString() : s.start = (/* @__PURE__ */ new Date(
         this.startDate + " " + this.startTime + "Z"
-      )).toISOString(), this.metadata ? x.put(`/openc3-api/metadata/${this.metadata.start}`, {
+      )).toISOString(), this.metadata ? U.put(`/openc3-api/metadata/${this.metadata.start}`, {
         data: s
       }).then((u) => {
         this.$notify.normal({
           title: "Updated Metadata",
           body: `Metadata updated: (${u.data.start})`
         }), this.$emit("update", u.data), this.show = !this.show;
-      }) : x.post("/openc3-api/metadata", {
+      }) : U.post("/openc3-api/metadata", {
         data: s
       }).then((u) => {
         this.$notify.normal({
@@ -943,24 +944,24 @@ const Ct = /* @__PURE__ */ M(Dt, [["render", kt]]), Tt = {
       });
     }
   }
-}, St = { key: 0 }, Et = { key: 1 }, xt = { class: "pa-2" }, Ut = { class: "pa-2" }, Mt = { style: { "min-height": "200px" } }, At = ["textContent"];
-function It(e, t, s, u, i, l) {
-  const d = o("v-spacer"), m = o("v-btn"), D = o("v-toolbar"), c = o("v-row"), y = o("color-select-form"), f = o("v-text-field"), k = o("v-card-text"), S = o("metadata-input-form"), b = o("v-stepper"), C = o("v-card"), w = o("v-dialog");
+}, Et = { key: 0 }, Ut = { key: 1 }, Mt = { class: "pa-2" }, At = { class: "pa-2" }, It = { style: { "min-height": "200px" } }, qt = ["textContent"];
+function Nt(e, t, s, u, i, l) {
+  const d = o("v-spacer"), m = o("v-btn"), b = o("v-toolbar"), c = o("v-row"), y = o("color-select-form"), w = o("v-text-field"), C = o("OpenC3TimePicker"), k = o("v-card-text"), x = o("metadata-input-form"), D = o("v-stepper"), S = o("v-card"), f = o("v-dialog");
   return p(), _("div", null, [
-    a(w, {
+    a(f, {
       modelValue: l.show,
-      "onUpdate:modelValue": t[6] || (t[6] = (V) => l.show = V),
+      "onUpdate:modelValue": t[6] || (t[6] = (g) => l.show = g),
       persistent: "",
       width: "600",
-      onKeydown: A(l.clearHandler, ["esc"])
+      onKeydown: I(l.clearHandler, ["esc"])
     }, {
       default: n(() => [
-        a(C, null, {
+        a(S, null, {
           default: n(() => [
-            a(D, { height: "24" }, {
+            a(b, { height: "24" }, {
               default: n(() => [
                 a(d),
-                s.metadata ? (p(), _("span", St, "Update Metadata")) : (p(), _("span", Et, "Create Metadata")),
+                s.metadata ? (p(), _("span", Et, "Update Metadata")) : (p(), _("span", Ut, "Create Metadata")),
                 a(d),
                 a(m, {
                   icon: "mdi-close-box",
@@ -972,38 +973,36 @@ function It(e, t, s, u, i, l) {
               ]),
               _: 1
             }),
-            a(b, {
+            a(D, {
               modelValue: i.dialogStep,
-              "onUpdate:modelValue": t[5] || (t[5] = (V) => i.dialogStep = V),
+              "onUpdate:modelValue": t[5] || (t[5] = (g) => i.dialogStep = g),
               editable: "",
               items: ["Metadata Times", "Metadata Input"]
-            }, K({
+            }, P({
               "item.1": n(() => [
                 a(k, null, {
                   default: n(() => [
-                    h("div", xt, [
+                    h("div", Mt, [
                       a(y, {
                         modelValue: i.color,
-                        "onUpdate:modelValue": t[1] || (t[1] = (V) => i.color = V)
+                        "onUpdate:modelValue": t[1] || (t[1] = (g) => i.color = g)
                       }, null, 8, ["modelValue"]),
                       a(c, { dense: "" }, {
                         default: n(() => [
-                          a(f, {
+                          a(w, {
                             modelValue: e.startDate,
-                            "onUpdate:modelValue": t[2] || (t[2] = (V) => e.startDate = V),
+                            "onUpdate:modelValue": t[2] || (t[2] = (g) => e.startDate = g),
                             type: "date",
                             label: "Start Date",
                             class: "mx-1",
                             rules: [i.rules.required],
                             "data-test": "metadata-start-date"
                           }, null, 8, ["modelValue", "rules"]),
-                          a(f, {
+                          a(C, {
                             modelValue: e.startTime,
-                            "onUpdate:modelValue": t[3] || (t[3] = (V) => e.startTime = V),
-                            type: "time",
-                            step: "1",
+                            "onUpdate:modelValue": t[3] || (t[3] = (g) => e.startTime = g),
                             label: "Start Time",
-                            class: "mx-1",
+                            "text-field-class": "mx-1",
                             rules: [i.rules.required],
                             "data-test": "metadata-start-time"
                           }, null, 8, ["modelValue", "rules"])
@@ -1018,23 +1017,23 @@ function It(e, t, s, u, i, l) {
               "item.2": n(() => [
                 a(k, null, {
                   default: n(() => [
-                    h("div", Ut, [
-                      h("div", Mt, [
-                        a(S, {
+                    h("div", At, [
+                      h("div", It, [
+                        a(x, {
                           modelValue: i.metadataVals,
-                          "onUpdate:modelValue": t[4] || (t[4] = (V) => i.metadataVals = V)
+                          "onUpdate:modelValue": t[4] || (t[4] = (g) => i.metadataVals = g)
                         }, null, 8, ["modelValue"])
                       ]),
-                      I(a(c, null, {
+                      q(a(c, null, {
                         default: n(() => [
                           h("span", {
                             class: "ma-2 text-red",
                             textContent: T(l.typeError)
-                          }, null, 8, At)
+                          }, null, 8, qt)
                         ]),
                         _: 1
                       }, 512), [
-                        [q, l.typeError]
+                        [N, l.typeError]
                       ])
                     ])
                   ]),
@@ -1053,7 +1052,7 @@ function It(e, t, s, u, i, l) {
                         onClick: t[0] || (t[0] = () => i.dialogStep -= 1)
                       }, {
                         default: n(() => [...t[7] || (t[7] = [
-                          g(" Previous ", -1)
+                          V(" Previous ", -1)
                         ])]),
                         _: 1
                       }),
@@ -1064,7 +1063,7 @@ function It(e, t, s, u, i, l) {
                         onClick: l.clearHandler
                       }, {
                         default: n(() => [...t[8] || (t[8] = [
-                          g(" Cancel ", -1)
+                          V(" Cancel ", -1)
                         ])]),
                         _: 1
                       }, 8, ["onClick"]),
@@ -1072,10 +1071,10 @@ function It(e, t, s, u, i, l) {
                         type: "submit",
                         color: "primary",
                         disabled: !!e.error,
-                        onClick: F(l.submitHandler, ["prevent"])
+                        onClick: K(l.submitHandler, ["prevent"])
                       }, {
                         default: n(() => [...t[9] || (t[9] = [
-                          g(" Ok ", -1)
+                          V(" Ok ", -1)
                         ])]),
                         _: 1
                       }, 8, ["disabled", "onClick"])
@@ -1094,17 +1093,20 @@ function It(e, t, s, u, i, l) {
     }, 8, ["modelValue", "onKeydown"])
   ]);
 }
-const qt = /* @__PURE__ */ M(Tt, [["render", It], ["__scopeId", "data-v-ec865663"]]), Nt = {
+const Ht = /* @__PURE__ */ A(xt, [["render", Nt], ["__scopeId", "data-v-afc15666"]]), Zt = {
   components: {
-    ColorSelectForm: z
+    ColorSelectForm: B,
+    OpenC3TimePicker: F
   },
-  mixins: [R, Z],
+  mixins: [R, O],
   props: {
     modelValue: Boolean,
     note: {
-      type: Object
+      type: Object,
+      default: null
     }
   },
+  emits: ["update:modelValue", "update"],
   data() {
     return {
       dialogStep: 1,
@@ -1154,7 +1156,7 @@ const qt = /* @__PURE__ */ M(Tt, [["render", It], ["__scopeId", "data-v-ec865663
         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 ? x.put(`/openc3-api/notes/${this.note.start}`, {
+      this.note ? U.put(`/openc3-api/notes/${this.note.start}`, {
         data: { start: e, stop: t, color: s, description: u }
       }).then((i) => {
         const l = i.data.description.length > 16 ? `${i.data.description.substring(0, 16)}...` : i.data.description;
@@ -1162,7 +1164,7 @@ const qt = /* @__PURE__ */ M(Tt, [["render", It], ["__scopeId", "data-v-ec865663
           title: "Updated Note",
           body: `Note updated: (${i.data.start}): "${l}"`
         }), this.$emit("update", i.data), this.show = !this.show;
-      }) : x.post("/openc3-api/notes", {
+      }) : U.post("/openc3-api/notes", {
         data: { start: e, stop: t, color: s, description: u }
       }).then((i) => {
         const l = i.data.description.length > 16 ? `${i.data.description.substring(0, 16)}...` : i.data.description;
@@ -1173,24 +1175,24 @@ const qt = /* @__PURE__ */ M(Tt, [["render", It], ["__scopeId", "data-v-ec865663
       });
     }
   }
-}, Ht = { key: 0 }, Zt = { key: 1 }, Ot = { class: "pa-2" }, Kt = ["textContent"], Ft = { class: "pa-2" }, Rt = ["textContent"];
-function zt(e, t, s, u, i, l) {
-  const d = o("v-spacer"), m = o("v-btn"), D = o("v-toolbar"), c = o("v-row"), y = o("v-text-field"), f = o("v-card-text"), k = o("color-select-form"), S = o("v-stepper"), b = o("v-card"), C = o("v-dialog");
+}, Ot = { key: 0 }, Pt = { key: 1 }, Kt = { class: "pa-2" }, Ft = ["textContent"], Rt = { class: "pa-2" }, zt = ["textContent"];
+function Bt(e, t, s, u, i, l) {
+  const d = o("v-spacer"), m = o("v-btn"), b = o("v-toolbar"), c = o("v-row"), y = o("v-text-field"), w = o("OpenC3TimePicker"), C = o("v-card-text"), k = o("color-select-form"), x = o("v-stepper"), D = o("v-card"), S = o("v-dialog");
   return p(), _("div", null, [
-    a(C, {
+    a(S, {
       modelValue: l.show,
-      "onUpdate:modelValue": t[8] || (t[8] = (w) => l.show = w),
+      "onUpdate:modelValue": t[8] || (t[8] = (f) => l.show = f),
       persistent: "",
       width: "600",
-      onKeydown: A(l.clearHandler, ["esc"])
+      onKeydown: I(l.clearHandler, ["esc"])
     }, {
       default: n(() => [
-        a(b, null, {
+        a(D, null, {
           default: n(() => [
-            a(D, { height: "24" }, {
+            a(b, { height: "24" }, {
               default: n(() => [
                 a(d),
-                s.note ? (p(), _("span", Ht, "Update Note")) : (p(), _("span", Zt, "Create Note")),
+                s.note ? (p(), _("span", Ot, "Update Note")) : (p(), _("span", Pt, "Create Note")),
                 a(d),
                 a(m, {
                   icon: "mdi-close-box",
@@ -1202,34 +1204,32 @@ function zt(e, t, s, u, i, l) {
               ]),
               _: 1
             }),
-            a(S, {
+            a(x, {
               modelValue: i.dialogStep,
-              "onUpdate:modelValue": t[7] || (t[7] = (w) => i.dialogStep = w),
+              "onUpdate:modelValue": t[7] || (t[7] = (f) => i.dialogStep = f),
               editable: "",
               items: ["Note Times", "Note Input"]
-            }, K({
+            }, P({
               "item.1": n(() => [
-                a(f, null, {
+                a(C, null, {
                   default: n(() => [
-                    h("div", Ot, [
+                    h("div", Kt, [
                       a(c, { dense: "" }, {
                         default: n(() => [
                           a(y, {
                             modelValue: e.startDate,
-                            "onUpdate:modelValue": t[1] || (t[1] = (w) => e.startDate = w),
+                            "onUpdate:modelValue": t[1] || (t[1] = (f) => e.startDate = f),
                             type: "date",
                             label: "Start Date",
                             class: "mx-1",
                             rules: [i.rules.required],
                             "data-test": "note-start-date"
                           }, null, 8, ["modelValue", "rules"]),
-                          a(y, {
+                          a(w, {
                             modelValue: e.startTime,
-                            "onUpdate:modelValue": t[2] || (t[2] = (w) => e.startTime = w),
-                            type: "time",
-                            step: "1",
+                            "onUpdate:modelValue": t[2] || (t[2] = (f) => e.startTime = f),
                             label: "Start Time",
-                            class: "mx-1",
+                            "text-field-class": "mx-1",
                             rules: [i.rules.required],
                             "data-test": "note-start-time"
                           }, null, 8, ["modelValue", "rules"])
@@ -1240,20 +1240,18 @@ function zt(e, t, s, u, i, l) {
                         default: n(() => [
                           a(y, {
                             modelValue: e.endDate,
-                            "onUpdate:modelValue": t[3] || (t[3] = (w) => e.endDate = w),
+                            "onUpdate:modelValue": t[3] || (t[3] = (f) => e.endDate = f),
                             type: "date",
                             label: "End Date",
                             class: "mx-1",
                             rules: [i.rules.required],
                             "data-test": "note-end-date"
                           }, null, 8, ["modelValue", "rules"]),
-                          a(y, {
+                          a(w, {
                             modelValue: e.endTime,
-                            "onUpdate:modelValue": t[4] || (t[4] = (w) => e.endTime = w),
-                            type: "time",
-                            step: "1",
+                            "onUpdate:modelValue": t[4] || (t[4] = (f) => e.endTime = f),
                             label: "End Time",
-                            class: "mx-1",
+                            "text-field-class": "mx-1",
                             rules: [i.rules.required],
                             "data-test": "note-end-time"
                           }, null, 8, ["modelValue", "rules"])
@@ -1262,11 +1260,11 @@ function zt(e, t, s, u, i, l) {
                       }),
                       a(c, null, {
                         default: n(() => [
-                          I(h("span", {
+                          q(h("span", {
                             class: "ma-2 text-red",
                             textContent: T(l.timeError)
-                          }, null, 8, Kt), [
-                            [q, l.timeError]
+                          }, null, 8, Ft), [
+                            [N, l.timeError]
                           ])
                         ]),
                         _: 1
@@ -1277,34 +1275,34 @@ function zt(e, t, s, u, i, l) {
                 })
               ]),
               "item.2": n(() => [
-                a(f, null, {
+                a(C, null, {
                   default: n(() => [
-                    h("div", Ft, [
+                    h("div", Rt, [
                       h("div", null, [
                         a(k, {
                           modelValue: i.color,
-                          "onUpdate:modelValue": t[5] || (t[5] = (w) => i.color = w)
+                          "onUpdate:modelValue": t[5] || (t[5] = (f) => i.color = f)
                         }, null, 8, ["modelValue"])
                       ]),
                       h("div", null, [
                         a(y, {
                           modelValue: i.description,
-                          "onUpdate:modelValue": t[6] || (t[6] = (w) => i.description = w),
+                          "onUpdate:modelValue": t[6] || (t[6] = (f) => i.description = f),
                           type: "text",
                           label: "Note Description",
                           "data-test": "note-description"
                         }, null, 8, ["modelValue"])
                       ]),
-                      I(a(c, null, {
+                      q(a(c, null, {
                         default: n(() => [
                           h("span", {
                             class: "ma-2 text-red",
                             textContent: T(l.typeError)
-                          }, null, 8, Rt)
+                          }, null, 8, zt)
                         ]),
                         _: 1
                       }, 512), [
-                        [q, l.typeError]
+                        [N, l.typeError]
                       ])
                     ])
                   ]),
@@ -1323,7 +1321,7 @@ function zt(e, t, s, u, i, l) {
                         onClick: t[0] || (t[0] = () => i.dialogStep -= 1)
                       }, {
                         default: n(() => [...t[9] || (t[9] = [
-                          g(" Previous ", -1)
+                          V(" Previous ", -1)
                         ])]),
                         _: 1
                       }),
@@ -1334,7 +1332,7 @@ function zt(e, t, s, u, i, l) {
                         onClick: l.clearHandler
                       }, {
                         default: n(() => [...t[10] || (t[10] = [
-                          g(" Cancel ", -1)
+                          V(" Cancel ", -1)
                         ])]),
                         _: 1
                       }, 8, ["onClick"]),
@@ -1342,10 +1340,10 @@ function zt(e, t, s, u, i, l) {
                         type: "submit",
                         color: "primary",
                         disabled: !!e.error,
-                        onClick: F(l.submitHandler, ["prevent"])
+                        onClick: K(l.submitHandler, ["prevent"])
                       }, {
                         default: n(() => [...t[11] || (t[11] = [
-                          g(" Ok ", -1)
+                          V(" Ok ", -1)
                         ])]),
                         _: 1
                       }, 8, ["disabled", "onClick"])
@@ -1364,13 +1362,13 @@ function zt(e, t, s, u, i, l) {
     }, 8, ["modelValue", "onKeydown"])
   ]);
 }
-const Bt = /* @__PURE__ */ M(Nt, [["render", zt], ["__scopeId", "data-v-996761dc"]]), Pt = {
+const jt = /* @__PURE__ */ A(Zt, [["render", Bt], ["__scopeId", "data-v-d99d2b42"]]), Lt = {
   components: {
-    ActivityCreateDialog: _t,
-    MetadataCreateDialog: qt,
-    NoteCreateDialog: Bt
+    ActivityCreateDialog: wt,
+    MetadataCreateDialog: Ht,
+    NoteCreateDialog: jt
   },
-  mixins: [Z, Vt],
+  mixins: [O, bt],
   props: {
     events: {
       type: Array,
@@ -1385,13 +1383,15 @@ const Bt = /* @__PURE__ */ M(Nt, [["render", zt], ["__scopeId", "data-v-996761dc
       required: !0
     },
     types: {
-      type: Array
+      type: Array,
+      default: null
     },
     newMetadata: {
       type: Boolean,
       default: !1
     }
   },
+  emits: ["update:modelValue", "close", "update"],
   data() {
     return {
       search: "",
@@ -1479,7 +1479,7 @@ const Bt = /* @__PURE__ */ M(Nt, [["render", zt], ["__scopeId", "data-v-996761dc
       ).then((l) => {
         this.localEvents.splice(t, 1);
         let d = `/openc3-api/${s}/${u}`;
-        return i && (d += `/${i}`), x.delete(d);
+        return i && (d += `/${i}`), U.delete(d);
       }).then((l) => {
         this.$emit("update"), this.$notify.normal({
           title: `Deleted ${e.type}`,
@@ -1510,24 +1510,24 @@ const Bt = /* @__PURE__ */ M(Nt, [["render", zt], ["__scopeId", "data-v-996761dc
       this.localEvents.push(t);
     }
   }
-}, jt = { key: 0 }, Lt = { key: 1 }, Wt = { key: 0 }, Gt = { key: 1 };
-function Jt(e, t, s, u, i, l) {
-  const d = o("v-spacer"), m = o("v-btn"), D = o("v-toolbar"), c = o("v-text-field"), y = o("v-row"), f = o("v-card-title"), k = o("v-data-table"), S = o("v-card-actions"), b = o("v-card"), C = o("v-dialog"), w = o("activity-create-dialog"), V = o("metadata-create-dialog"), O = o("note-create-dialog");
+}, Wt = { key: 0 }, Gt = { key: 1 }, Jt = { key: 0 }, Qt = { key: 1 };
+function Xt(e, t, s, u, i, l) {
+  const d = o("v-spacer"), m = o("v-btn"), b = o("v-toolbar"), c = o("v-text-field"), y = o("v-row"), w = o("v-card-title"), C = o("v-data-table"), k = o("v-card-actions"), x = o("v-card"), D = o("v-dialog"), S = o("activity-create-dialog"), f = o("metadata-create-dialog"), g = o("note-create-dialog");
   return p(), _("div", null, [
-    a(C, {
+    a(D, {
       modelValue: l.show,
       "onUpdate:modelValue": t[2] || (t[2] = (v) => l.show = v),
       persistent: "",
       width: "80vw",
-      onKeydown: A(l.close, ["esc"])
+      onKeydown: I(l.close, ["esc"])
     }, {
       default: n(() => [
-        a(b, null, {
+        a(x, null, {
           default: n(() => [
-            a(D, { height: "24" }, {
+            a(b, { height: "24" }, {
               default: n(() => [
                 a(d),
-                s.newMetadata ? (p(), _("span", jt, "Metadata")) : (p(), _("span", Lt, "Events")),
+                s.newMetadata ? (p(), _("span", Wt, "Metadata")) : (p(), _("span", Gt, "Events")),
                 a(d),
                 a(m, {
                   icon: "mdi-close-box",
@@ -1540,11 +1540,11 @@ function Jt(e, t, s, u, i, l) {
               ]),
               _: 1
             }),
-            a(f, null, {
+            a(w, null, {
               default: n(() => [
                 a(y, { class: "pa-3" }, {
                   default: n(() => [
-                    s.newMetadata ? (p(), _("span", Wt, "Metadata")) : (p(), _("span", Gt, "Events")),
+                    s.newMetadata ? (p(), _("span", Jt, "Metadata")) : (p(), _("span", Qt, "Events")),
                     a(d),
                     a(c, {
                       modelValue: i.search,
@@ -1563,7 +1563,7 @@ function Jt(e, t, s, u, i, l) {
               ]),
               _: 1
             }),
-            a(k, {
+            a(C, {
               headers: i.eventHeaders,
               items: i.localEvents,
               search: i.search
@@ -1572,16 +1572,16 @@ function Jt(e, t, s, u, i, l) {
                 h("span", null, " No events ", -1)
               ])]),
               "item.start": n(({ item: v }) => [
-                g(T(e.formatDateTime(v.start, s.timeZone)), 1)
+                V(T(e.formatDateTime(v.start, s.timeZone)), 1)
               ]),
               "item.end": n(({ item: v }) => [
-                g(T(e.formatDateTime(v.end, s.timeZone)), 1)
+                V(T(e.formatDateTime(v.end, s.timeZone)), 1)
               ]),
               "item.type": n(({ item: v }) => [
-                g(T(v.type.charAt(0).toUpperCase() + v.type.slice(1)), 1)
+                V(T(v.type.charAt(0).toUpperCase() + v.type.slice(1)), 1)
               ]),
               "item.data": n(({ item: v }) => [
-                g(T(l.dataFormat(v)), 1)
+                V(T(l.dataFormat(v)), 1)
               ]),
               "item.actions": n(({ item: v }) => [
                 a(m, {
@@ -1591,7 +1591,7 @@ function Jt(e, t, s, u, i, l) {
                   class: "mr-2",
                   "data-test": "edit-event",
                   "aria-label": "Edit Event",
-                  onClick: (N) => l.editAction(v)
+                  onClick: (H) => l.editAction(v)
                 }, null, 8, ["onClick"]),
                 a(m, {
                   icon: "mdi-delete",
@@ -1599,12 +1599,12 @@ function Jt(e, t, s, u, i, l) {
                   size: "small",
                   "data-test": "delete-event",
                   "aria-label": "Delete Event",
-                  onClick: (N) => l.deleteAction(v)
+                  onClick: (H) => l.deleteAction(v)
                 }, null, 8, ["onClick"])
               ]),
               _: 1
             }, 8, ["headers", "items", "search"]),
-            a(S, { class: "px-2" }, {
+            a(k, { class: "px-2" }, {
               default: n(() => [
                 a(d),
                 a(m, {
@@ -1613,18 +1613,18 @@ function Jt(e, t, s, u, i, l) {
                   onClick: l.close
                 }, {
                   default: n(() => [...t[8] || (t[8] = [
-                    g(" Close ", -1)
+                    V(" Close ", -1)
                   ])]),
                   _: 1
                 }, 8, ["onClick"]),
-                s.newMetadata ? (p(), U(m, {
+                s.newMetadata ? (p(), M(m, {
                   key: 0,
                   variant: "flat",
                   "data-test": "new-event",
                   onClick: t[1] || (t[1] = (v) => i.showMetadataCreate = !0)
                 }, {
                   default: n(() => [...t[9] || (t[9] = [
-                    g(" New Metadata ", -1)
+                    V(" New Metadata ", -1)
                   ])]),
                   _: 1
                 })) : E("", !0)
@@ -1637,7 +1637,7 @@ function Jt(e, t, s, u, i, l) {
       ]),
       _: 1
     }, 8, ["modelValue", "onKeydown"]),
-    i.showActivityUpdate ? (p(), U(w, {
+    i.showActivityUpdate ? (p(), M(S, {
       key: 0,
       modelValue: i.showActivityUpdate,
       "onUpdate:modelValue": t[3] || (t[3] = (v) => i.showActivityUpdate = v),
@@ -1645,7 +1645,7 @@ function Jt(e, t, s, u, i, l) {
       "time-zone": s.timeZone,
       onUpdate: l.updateActivity
     }, null, 8, ["modelValue", "activity", "time-zone", "onUpdate"])) : E("", !0),
-    i.showMetadataUpdate ? (p(), U(V, {
+    i.showMetadataUpdate ? (p(), M(f, {
       key: 1,
       modelValue: i.showMetadataUpdate,
       "onUpdate:modelValue": t[4] || (t[4] = (v) => i.showMetadataUpdate = v),
@@ -1653,7 +1653,7 @@ function Jt(e, t, s, u, i, l) {
       "time-zone": s.timeZone,
       onUpdate: l.updateMetadata
     }, null, 8, ["modelValue", "metadata", "time-zone", "onUpdate"])) : E("", !0),
-    i.showNoteUpdate ? (p(), U(O, {
+    i.showNoteUpdate ? (p(), M(g, {
       key: 2,
       modelValue: i.showNoteUpdate,
       "onUpdate:modelValue": t[5] || (t[5] = (v) => i.showNoteUpdate = v),
@@ -1661,7 +1661,7 @@ function Jt(e, t, s, u, i, l) {
       "time-zone": s.timeZone,
       onUpdate: l.updateNote
     }, null, 8, ["modelValue", "note", "time-zone", "onUpdate"])) : E("", !0),
-    i.showMetadataCreate ? (p(), U(V, {
+    i.showMetadataCreate ? (p(), M(f, {
       key: 3,
       modelValue: i.showMetadataCreate,
       "onUpdate:modelValue": t[6] || (t[6] = (v) => i.showMetadataCreate = v),
@@ -1670,15 +1670,15 @@ function Jt(e, t, s, u, i, l) {
     }, null, 8, ["modelValue", "time-zone", "onUpdate"])) : E("", !0)
   ]);
 }
-const le = /* @__PURE__ */ M(Pt, [["render", Jt]]);
+const de = /* @__PURE__ */ A(Lt, [["render", Xt]]);
 export {
-  _t as A,
-  z as C,
-  Vt as D,
-  le as E,
-  qt as M,
-  Bt as N,
+  wt as A,
+  B as C,
+  bt as D,
+  de as E,
+  Ht as M,
+  jt as N,
   R as a,
-  Ct as b
+  St as b
 };
-//# sourceMappingURL=EventListDialog-jdNF3szO.js.map
+//# sourceMappingURL=EventListDialog-Id3rEQKY.js.map