@openc3/vue-common 6.9.0 → 6.9.2

package/dist/{EventListDialog-C2pwmD0d.js → EventListDialog-BLLIQyah.js}

@@ -1,13 +1,13 @@
-import { h as x } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-JEZNdnan.js";
-import { T as H } from "./timeFilters-BKnCM4rv.js";
-import { resolveComponent as o, createElementBlock as _, openBlock as p, createVNode as a, withCtx as n, createSlots as O, createElementVNode as h, withDirectives as A, toDisplayString as T, vShow as I, createBlock as U, createCommentVNode as E, createTextVNode as g, withModifiers as F, mergeProps as K, Fragment as W, renderList as G } from "vue";
-import { _ as M } from "./CustomIcon-h5X7369N.js";
-import { C as J, S as Q, E as X } from "./ScriptChooser-ahp4Tu3O.js";
+import { d as x } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-ByJi6BSv.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-DL8ct71n.js";
 import "single-spa";
-import { a as Y, p as $ } from "./parse-DnkEsW-3.js";
-import { a as tt } from "./addMonths-BtG7uZLJ.js";
-import { t as et, c as at, f as N } from "./format-CVeawcIv.js";
-function it(e, t, s) {
+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) {
   const {
     years: u = 0,
     months: i = 0,
@@ -16,8 +16,8 @@ function it(e, t, s) {
     hours: m = 0,
     minutes: D = 0,
     seconds: c = 0
-  } = t, y = et(e, s == null ? void 0 : s.in), f = i || u ? tt(y, i + u * 12) : y, k = d || l ? Y(f, d + l * 7) : f, S = D + m * 60, C = (c + S * 60) * 1e3;
-  return at(e, +k + C);
+  } = 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);
 }
 const R = {
   props: {
@@ -41,18 +41,18 @@ const R = {
   },
   methods: {
     calcStartDateTime: function() {
-      this.date ? (this.startDate = this.date, this.endDate = this.date) : (this.startDate = N(/* @__PURE__ */ new Date(), "yyyy-MM-dd"), this.endDate = N(/* @__PURE__ */ new Date(), "yyyy-MM-dd"));
+      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"));
       let e = 1e3 * 60 * 30, t = null;
-      this.time ? (t = $(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 = N(t, "HH:mm:ss"), this.endTime = N(it(t, { minutes: 30 }), "HH:mm:ss");
+      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");
     }
   }
-}, nt = {
+}, lt = {
   components: {
-    EnvironmentChooser: X,
-    ScriptChooser: Q,
-    CommandEditor: J
+    EnvironmentChooser: Y,
+    ScriptChooser: X,
+    CommandEditor: Q
   },
-  mixins: [R, H],
+  mixins: [R, Z],
   props: {
     modelValue: Boolean,
     timelines: {
@@ -208,20 +208,22 @@ const R = {
       this.activityData = e, this.showCommandDialog = !1;
     }
   }
-}, lt = { key: 0 }, ot = { key: 1 }, st = { class: "pr-2" }, dt = ["textContent"], rt = { class: "pr-2" }, mt = { key: 0 }, ut = {
+}, ot = { key: 0 }, st = { key: 1 }, dt = { class: "pr-2" }, rt = ["textContent"], mt = { class: "pr-2" }, ut = { key: 0 }, ct = {
   key: 1,
   class: "ma-3"
-}, ct = { key: 2 }, pt = ["textContent"], ht = {
+}, pt = { key: 2 }, ht = ["textContent"], vt = {
   key: 0,
   class: "error-message"
-}, vt = { class: "flex-grow-1" };
-function yt(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"), V = o("script-chooser"), w = o("environment-chooser"), Z = o("v-stepper"), v = o("v-card"), q = o("v-dialog"), B = o("v-card-title"), P = o("v-icon"), j = o("command-editor"), L = o("v-card-actions");
+}, 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");
   return p(), _("div", null, [
-    a(q, {
+    a(N, {
       modelValue: l.show,
       "onUpdate:modelValue": t[19] || (t[19] = (r) => l.show = r),
-      width: "600"
+      persistent: "",
+      width: "600",
+      onKeydown: A(l.clearHandler, ["esc"])
     }, {
       default: n(() => [
         a(v, null, {
@@ -229,7 +231,7 @@ function yt(e, t, s, u, i, l) {
             a(D, { height: "24" }, {
               default: n(() => [
                 a(d),
-                s.activity ? (p(), _("span", lt, "Edit Activity")) : (p(), _("span", ot, "Create Activity")),
+                s.activity ? (p(), _("span", ot, "Edit Activity")) : (p(), _("span", st, "Create Activity")),
                 a(d),
                 a(m, {
                   icon: "mdi-close-box",
@@ -241,15 +243,15 @@ function yt(e, t, s, u, i, l) {
               ]),
               _: 1
             }),
-            a(Z, {
+            a(O, {
               modelValue: i.dialogStep,
               "onUpdate:modelValue": t[18] || (t[18] = (r) => i.dialogStep = r),
               items: ["Activity Times", "Activity Type"]
-            }, O({
+            }, K({
               "item.1": n(() => [
                 a(C, null, {
                   default: n(() => [
-                    h("div", st, [
+                    h("div", dt, [
                       a(y, {
                         modelValue: i.timeline,
                         "onUpdate:modelValue": t[2] || (t[2] = (r) => i.timeline = r),
@@ -433,11 +435,11 @@ function yt(e, t, s, u, i, l) {
                       })) : E("", !0),
                       a(c, null, {
                         default: n(() => [
-                          A(h("span", {
+                          I(h("span", {
                             class: "ma-2 text-red",
                             textContent: T(l.timeError)
-                          }, null, 8, dt), [
-                            [I, l.timeError]
+                          }, null, 8, rt), [
+                            [q, l.timeError]
                           ])
                         ]),
                         _: 1
@@ -450,7 +452,7 @@ function yt(e, t, s, u, i, l) {
               "item.2": n(() => [
                 a(C, null, {
                   default: n(() => [
-                    h("div", rt, [
+                    h("div", mt, [
                       a(y, {
                         modelValue: i.kind,
                         "onUpdate:modelValue": t[14] || (t[14] = (r) => i.kind = r),
@@ -462,7 +464,7 @@ function yt(e, t, s, u, i, l) {
                         "data-test": "activity-select-type",
                         class: "pb-2"
                       }, null, 8, ["modelValue", "items"]),
-                      i.kind === "COMMAND" ? (p(), _("div", mt, [
+                      i.kind === "COMMAND" ? (p(), _("div", ut, [
                         a(k, {
                           modelValue: i.activityData,
                           "onUpdate:modelValue": t[15] || (t[15] = (r) => i.activityData = r),
@@ -473,25 +475,25 @@ function yt(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", ut, [
-                        a(V, { onFile: l.fileHandler }, null, 8, ["onFile"]),
-                        a(w, {
+                      ])) : i.kind === "SCRIPT" ? (p(), _("div", ct, [
+                        a(w, { onFile: l.fileHandler }, null, 8, ["onFile"]),
+                        a(V, {
                           modelValue: i.activityEnvironment,
                           "onUpdate:modelValue": t[17] || (t[17] = (r) => i.activityEnvironment = r)
                         }, null, 8, ["modelValue"])
-                      ])) : (p(), _("div", ct, [...t[29] || (t[29] = [
+                      ])) : (p(), _("div", pt, [...t[29] || (t[29] = [
                         h("span", { class: "ma-2" }, " No required input ", -1)
                       ])])),
-                      A(a(c, { class: "mt-2" }, {
+                      I(a(c, { class: "mt-2" }, {
                         default: n(() => [
                           h("span", {
                             class: "ma-2 text-red",
                             textContent: T(l.typeError)
-                          }, null, 8, pt)
+                          }, null, 8, ht)
                         ]),
                         _: 1
                       }, 512), [
-                        [I, l.typeError]
+                        [q, l.typeError]
                       ])
                     ])
                   ]),
@@ -570,13 +572,14 @@ function yt(e, t, s, u, i, l) {
         })
       ]),
       _: 1
-    }, 8, ["modelValue"]),
-    a(q, {
+    }, 8, ["modelValue", "onKeydown"]),
+    a(N, {
       modelValue: i.showCommandDialog,
       "onUpdate:modelValue": t[22] || (t[22] = (r) => i.showCommandDialog = r),
       "max-width": "1200",
       persistent: "",
-      scrollable: ""
+      scrollable: "",
+      onKeydown: A(l.closeCommandDialog, ["esc"])
     }, {
       default: n(() => [
         a(v, null, {
@@ -595,7 +598,7 @@ function yt(e, t, s, u, i, l) {
             }),
             a(C, { class: "pa-0" }, {
               default: n(() => [
-                i.dialogError ? (p(), _("div", ht, [
+                i.dialogError ? (p(), _("div", vt, [
                   a(P, {
                     class: "mr-2",
                     color: "error"
@@ -605,7 +608,7 @@ function yt(e, t, s, u, i, l) {
                     ])]),
                     _: 1
                   }),
-                  h("span", vt, T(i.dialogError), 1),
+                  h("span", yt, T(i.dialogError), 1),
                   a(m, {
                     icon: "mdi-close",
                     size: "small",
@@ -658,10 +661,10 @@ function yt(e, t, s, u, i, l) {
         })
       ]),
       _: 1
-    }, 8, ["modelValue"])
+    }, 8, ["modelValue", "onKeydown"])
   ]);
 }
-const ft = /* @__PURE__ */ M(nt, [["render", yt], ["__scopeId", "data-v-63de4865"]]), _t = {
+const _t = /* @__PURE__ */ M(lt, [["render", ft], ["__scopeId", "data-v-3f3dc578"]]), wt = {
   components: {},
   props: {
     modelValue: {
@@ -697,7 +700,7 @@ const ft = /* @__PURE__ */ M(nt, [["render", yt], ["__scopeId", "data-v-63de4865
   },
   methods: {}
 };
-function Vt(e, t, s, u, i, l) {
+function gt(e, t, s, u, i, l) {
   const d = o("v-icon"), m = o("v-list-item"), D = o("v-select");
   return p(), _("div", null, [
     a(D, {
@@ -715,7 +718,7 @@ function Vt(e, t, s, u, i, l) {
         }, 8, ["color"])
       ]),
       item: n(({ props: c, item: y }) => [
-        a(m, K(c, {
+        a(m, W(c, {
           value: y.raw
         }), {
           prepend: n(() => [
@@ -735,7 +738,7 @@ function Vt(e, t, s, u, i, l) {
     }, 8, ["items", "modelValue"])
   ]);
 }
-const z = /* @__PURE__ */ M(_t, [["render", Vt]]), gt = {
+const z = /* @__PURE__ */ M(wt, [["render", gt]]), Vt = {
   methods: {
     deleteItem(e) {
       let t = null, s = "";
@@ -765,7 +768,7 @@ const z = /* @__PURE__ */ M(_t, [["render", Vt]]), gt = {
       });
     }
   }
-}, wt = {
+}, Dt = {
   components: {},
   props: {
     modelValue: {
@@ -797,12 +800,12 @@ const z = /* @__PURE__ */ M(_t, [["render", Vt]]), gt = {
       this.metadata.splice(e, 1);
     }
   }
-}, Dt = {
+}, bt = {
   scope: "col",
   class: "text-right",
   width: "52px"
 };
-function bt(e, t, s, u, i, l) {
+function kt(e, t, s, u, i, l) {
   const d = o("v-btn"), m = o("v-text-field"), D = o("v-table");
   return p(), _("div", null, [
     t[2] || (t[2] = h("span", null, " Add metadata key value(s)", -1)),
@@ -818,7 +821,7 @@ function bt(e, t, s, u, i, l) {
               scope: "col",
               class: "text-left"
             }, "Value", -1)),
-            h("th", Dt, [
+            h("th", bt, [
               a(d, {
                 icon: "mdi-plus",
                 variant: "text",
@@ -827,7 +830,7 @@ function bt(e, t, s, u, i, l) {
               }, null, 8, ["onClick"])
             ])
           ]),
-          (p(!0), _(W, null, G(l.metadata, (c, y) => (p(), _("tr", {
+          (p(!0), _(G, null, J(l.metadata, (c, y) => (p(), _("tr", {
             key: `tr-${y}`
           }, [
             h("td", null, [
@@ -865,12 +868,12 @@ function bt(e, t, s, u, i, l) {
     })
   ]);
 }
-const kt = /* @__PURE__ */ M(wt, [["render", bt]]), Ct = {
+const Ct = /* @__PURE__ */ M(Dt, [["render", kt]]), Tt = {
   components: {
     ColorSelectForm: z,
-    MetadataInputForm: kt
+    MetadataInputForm: Ct
   },
-  mixins: [R, H],
+  mixins: [R, Z],
   props: {
     modelValue: Boolean,
     metadata: {
@@ -940,15 +943,16 @@ const kt = /* @__PURE__ */ M(wt, [["render", bt]]), Ct = {
       });
     }
   }
-}, Tt = { key: 0 }, St = { key: 1 }, Et = { class: "pa-2" }, xt = { class: "pa-2" }, Ut = { style: { "min-height": "200px" } }, Mt = ["textContent"];
-function At(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"), V = o("v-dialog");
+}, 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");
   return p(), _("div", null, [
-    a(V, {
+    a(w, {
       modelValue: l.show,
-      "onUpdate:modelValue": t[6] || (t[6] = (w) => l.show = w),
+      "onUpdate:modelValue": t[6] || (t[6] = (V) => l.show = V),
       persistent: "",
-      width: "600"
+      width: "600",
+      onKeydown: A(l.clearHandler, ["esc"])
     }, {
       default: n(() => [
         a(C, null, {
@@ -956,7 +960,7 @@ function At(e, t, s, u, i, l) {
             a(D, { height: "24" }, {
               default: n(() => [
                 a(d),
-                s.metadata ? (p(), _("span", Tt, "Update Metadata")) : (p(), _("span", St, "Create Metadata")),
+                s.metadata ? (p(), _("span", St, "Update Metadata")) : (p(), _("span", Et, "Create Metadata")),
                 a(d),
                 a(m, {
                   icon: "mdi-close-box",
@@ -970,23 +974,23 @@ function At(e, t, s, u, i, l) {
             }),
             a(b, {
               modelValue: i.dialogStep,
-              "onUpdate:modelValue": t[5] || (t[5] = (w) => i.dialogStep = w),
+              "onUpdate:modelValue": t[5] || (t[5] = (V) => i.dialogStep = V),
               editable: "",
               items: ["Metadata Times", "Metadata Input"]
-            }, O({
+            }, K({
               "item.1": n(() => [
                 a(k, null, {
                   default: n(() => [
-                    h("div", Et, [
+                    h("div", xt, [
                       a(y, {
                         modelValue: i.color,
-                        "onUpdate:modelValue": t[1] || (t[1] = (w) => i.color = w)
+                        "onUpdate:modelValue": t[1] || (t[1] = (V) => i.color = V)
                       }, null, 8, ["modelValue"]),
                       a(c, { dense: "" }, {
                         default: n(() => [
                           a(f, {
                             modelValue: e.startDate,
-                            "onUpdate:modelValue": t[2] || (t[2] = (w) => e.startDate = w),
+                            "onUpdate:modelValue": t[2] || (t[2] = (V) => e.startDate = V),
                             type: "date",
                             label: "Start Date",
                             class: "mx-1",
@@ -995,7 +999,7 @@ function At(e, t, s, u, i, l) {
                           }, null, 8, ["modelValue", "rules"]),
                           a(f, {
                             modelValue: e.startTime,
-                            "onUpdate:modelValue": t[3] || (t[3] = (w) => e.startTime = w),
+                            "onUpdate:modelValue": t[3] || (t[3] = (V) => e.startTime = V),
                             type: "time",
                             step: "1",
                             label: "Start Time",
@@ -1014,23 +1018,23 @@ function At(e, t, s, u, i, l) {
               "item.2": n(() => [
                 a(k, null, {
                   default: n(() => [
-                    h("div", xt, [
-                      h("div", Ut, [
+                    h("div", Ut, [
+                      h("div", Mt, [
                         a(S, {
                           modelValue: i.metadataVals,
-                          "onUpdate:modelValue": t[4] || (t[4] = (w) => i.metadataVals = w)
+                          "onUpdate:modelValue": t[4] || (t[4] = (V) => i.metadataVals = V)
                         }, null, 8, ["modelValue"])
                       ]),
-                      A(a(c, null, {
+                      I(a(c, null, {
                         default: n(() => [
                           h("span", {
                             class: "ma-2 text-red",
                             textContent: T(l.typeError)
-                          }, null, 8, Mt)
+                          }, null, 8, At)
                         ]),
                         _: 1
                       }, 512), [
-                        [I, l.typeError]
+                        [q, l.typeError]
                       ])
                     ])
                   ]),
@@ -1087,14 +1091,14 @@ function At(e, t, s, u, i, l) {
         })
       ]),
       _: 1
-    }, 8, ["modelValue"])
+    }, 8, ["modelValue", "onKeydown"])
   ]);
 }
-const It = /* @__PURE__ */ M(Ct, [["render", At], ["__scopeId", "data-v-c120467c"]]), qt = {
+const qt = /* @__PURE__ */ M(Tt, [["render", It], ["__scopeId", "data-v-ec865663"]]), Nt = {
   components: {
     ColorSelectForm: z
   },
-  mixins: [R, H],
+  mixins: [R, Z],
   props: {
     modelValue: Boolean,
     note: {
@@ -1169,15 +1173,16 @@ const It = /* @__PURE__ */ M(Ct, [["render", At], ["__scopeId", "data-v-c120467c
       });
     }
   }
-}, Nt = { key: 0 }, Ht = { key: 1 }, Zt = { class: "pa-2" }, Ot = ["textContent"], Ft = { class: "pa-2" }, Rt = ["textContent"];
+}, 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");
   return p(), _("div", null, [
     a(C, {
       modelValue: l.show,
-      "onUpdate:modelValue": t[8] || (t[8] = (V) => l.show = V),
+      "onUpdate:modelValue": t[8] || (t[8] = (w) => l.show = w),
       persistent: "",
-      width: "600"
+      width: "600",
+      onKeydown: A(l.clearHandler, ["esc"])
     }, {
       default: n(() => [
         a(b, null, {
@@ -1185,7 +1190,7 @@ function zt(e, t, s, u, i, l) {
             a(D, { height: "24" }, {
               default: n(() => [
                 a(d),
-                s.note ? (p(), _("span", Nt, "Update Note")) : (p(), _("span", Ht, "Create Note")),
+                s.note ? (p(), _("span", Ht, "Update Note")) : (p(), _("span", Zt, "Create Note")),
                 a(d),
                 a(m, {
                   icon: "mdi-close-box",
@@ -1199,19 +1204,19 @@ function zt(e, t, s, u, i, l) {
             }),
             a(S, {
               modelValue: i.dialogStep,
-              "onUpdate:modelValue": t[7] || (t[7] = (V) => i.dialogStep = V),
+              "onUpdate:modelValue": t[7] || (t[7] = (w) => i.dialogStep = w),
               editable: "",
               items: ["Note Times", "Note Input"]
-            }, O({
+            }, K({
               "item.1": n(() => [
                 a(f, null, {
                   default: n(() => [
-                    h("div", Zt, [
+                    h("div", Ot, [
                       a(c, { dense: "" }, {
                         default: n(() => [
                           a(y, {
                             modelValue: e.startDate,
-                            "onUpdate:modelValue": t[1] || (t[1] = (V) => e.startDate = V),
+                            "onUpdate:modelValue": t[1] || (t[1] = (w) => e.startDate = w),
                             type: "date",
                             label: "Start Date",
                             class: "mx-1",
@@ -1220,7 +1225,7 @@ function zt(e, t, s, u, i, l) {
                           }, null, 8, ["modelValue", "rules"]),
                           a(y, {
                             modelValue: e.startTime,
-                            "onUpdate:modelValue": t[2] || (t[2] = (V) => e.startTime = V),
+                            "onUpdate:modelValue": t[2] || (t[2] = (w) => e.startTime = w),
                             type: "time",
                             step: "1",
                             label: "Start Time",
@@ -1235,7 +1240,7 @@ function zt(e, t, s, u, i, l) {
                         default: n(() => [
                           a(y, {
                             modelValue: e.endDate,
-                            "onUpdate:modelValue": t[3] || (t[3] = (V) => e.endDate = V),
+                            "onUpdate:modelValue": t[3] || (t[3] = (w) => e.endDate = w),
                             type: "date",
                             label: "End Date",
                             class: "mx-1",
@@ -1244,7 +1249,7 @@ function zt(e, t, s, u, i, l) {
                           }, null, 8, ["modelValue", "rules"]),
                           a(y, {
                             modelValue: e.endTime,
-                            "onUpdate:modelValue": t[4] || (t[4] = (V) => e.endTime = V),
+                            "onUpdate:modelValue": t[4] || (t[4] = (w) => e.endTime = w),
                             type: "time",
                             step: "1",
                             label: "End Time",
@@ -1257,11 +1262,11 @@ function zt(e, t, s, u, i, l) {
                       }),
                       a(c, null, {
                         default: n(() => [
-                          A(h("span", {
+                          I(h("span", {
                             class: "ma-2 text-red",
                             textContent: T(l.timeError)
-                          }, null, 8, Ot), [
-                            [I, l.timeError]
+                          }, null, 8, Kt), [
+                            [q, l.timeError]
                           ])
                         ]),
                         _: 1
@@ -1278,19 +1283,19 @@ function zt(e, t, s, u, i, l) {
                       h("div", null, [
                         a(k, {
                           modelValue: i.color,
-                          "onUpdate:modelValue": t[5] || (t[5] = (V) => i.color = V)
+                          "onUpdate:modelValue": t[5] || (t[5] = (w) => i.color = w)
                         }, null, 8, ["modelValue"])
                       ]),
                       h("div", null, [
                         a(y, {
                           modelValue: i.description,
-                          "onUpdate:modelValue": t[6] || (t[6] = (V) => i.description = V),
+                          "onUpdate:modelValue": t[6] || (t[6] = (w) => i.description = w),
                           type: "text",
                           label: "Note Description",
                           "data-test": "note-description"
                         }, null, 8, ["modelValue"])
                       ]),
-                      A(a(c, null, {
+                      I(a(c, null, {
                         default: n(() => [
                           h("span", {
                             class: "ma-2 text-red",
@@ -1299,7 +1304,7 @@ function zt(e, t, s, u, i, l) {
                         ]),
                         _: 1
                       }, 512), [
-                        [I, l.typeError]
+                        [q, l.typeError]
                       ])
                     ])
                   ]),
@@ -1356,16 +1361,16 @@ function zt(e, t, s, u, i, l) {
         })
       ]),
       _: 1
-    }, 8, ["modelValue"])
+    }, 8, ["modelValue", "onKeydown"])
   ]);
 }
-const Bt = /* @__PURE__ */ M(qt, [["render", zt], ["__scopeId", "data-v-829ef502"]]), Pt = {
+const Bt = /* @__PURE__ */ M(Nt, [["render", zt], ["__scopeId", "data-v-996761dc"]]), Pt = {
   components: {
-    ActivityCreateDialog: ft,
-    MetadataCreateDialog: It,
+    ActivityCreateDialog: _t,
+    MetadataCreateDialog: qt,
     NoteCreateDialog: Bt
   },
-  mixins: [H, gt],
+  mixins: [Z, Vt],
   props: {
     events: {
       type: Array,
@@ -1505,15 +1510,16 @@ const Bt = /* @__PURE__ */ M(qt, [["render", zt], ["__scopeId", "data-v-829ef502
       this.localEvents.push(t);
     }
   }
-}, jt = { key: 0 }, Lt = { key: 1 }, Kt = { key: 0 }, Wt = { key: 1 };
-function Gt(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"), V = o("activity-create-dialog"), w = o("metadata-create-dialog"), Z = o("note-create-dialog");
+}, 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");
   return p(), _("div", null, [
     a(C, {
       modelValue: l.show,
       "onUpdate:modelValue": t[2] || (t[2] = (v) => l.show = v),
       persistent: "",
-      width: "80vw"
+      width: "80vw",
+      onKeydown: A(l.close, ["esc"])
     }, {
       default: n(() => [
         a(b, null, {
@@ -1538,7 +1544,7 @@ function Gt(e, t, s, u, i, l) {
               default: n(() => [
                 a(y, { class: "pa-3" }, {
                   default: n(() => [
-                    s.newMetadata ? (p(), _("span", Kt, "Metadata")) : (p(), _("span", Wt, "Events")),
+                    s.newMetadata ? (p(), _("span", Wt, "Metadata")) : (p(), _("span", Gt, "Events")),
                     a(d),
                     a(c, {
                       modelValue: i.search,
@@ -1585,7 +1591,7 @@ function Gt(e, t, s, u, i, l) {
                   class: "mr-2",
                   "data-test": "edit-event",
                   "aria-label": "Edit Event",
-                  onClick: (q) => l.editAction(v)
+                  onClick: (N) => l.editAction(v)
                 }, null, 8, ["onClick"]),
                 a(m, {
                   icon: "mdi-delete",
@@ -1593,7 +1599,7 @@ function Gt(e, t, s, u, i, l) {
                   size: "small",
                   "data-test": "delete-event",
                   "aria-label": "Delete Event",
-                  onClick: (q) => l.deleteAction(v)
+                  onClick: (N) => l.deleteAction(v)
                 }, null, 8, ["onClick"])
               ]),
               _: 1
@@ -1630,8 +1636,8 @@ function Gt(e, t, s, u, i, l) {
         })
       ]),
       _: 1
-    }, 8, ["modelValue"]),
-    i.showActivityUpdate ? (p(), U(V, {
+    }, 8, ["modelValue", "onKeydown"]),
+    i.showActivityUpdate ? (p(), U(w, {
       key: 0,
       modelValue: i.showActivityUpdate,
       "onUpdate:modelValue": t[3] || (t[3] = (v) => i.showActivityUpdate = v),
@@ -1639,7 +1645,7 @@ function Gt(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(w, {
+    i.showMetadataUpdate ? (p(), U(V, {
       key: 1,
       modelValue: i.showMetadataUpdate,
       "onUpdate:modelValue": t[4] || (t[4] = (v) => i.showMetadataUpdate = v),
@@ -1647,7 +1653,7 @@ function Gt(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(Z, {
+    i.showNoteUpdate ? (p(), U(O, {
       key: 2,
       modelValue: i.showNoteUpdate,
       "onUpdate:modelValue": t[5] || (t[5] = (v) => i.showNoteUpdate = v),
@@ -1655,7 +1661,7 @@ function Gt(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(w, {
+    i.showMetadataCreate ? (p(), U(V, {
       key: 3,
       modelValue: i.showMetadataCreate,
       "onUpdate:modelValue": t[6] || (t[6] = (v) => i.showMetadataCreate = v),
@@ -1664,15 +1670,15 @@ function Gt(e, t, s, u, i, l) {
     }, null, 8, ["modelValue", "time-zone", "onUpdate"])) : E("", !0)
   ]);
 }
-const ne = /* @__PURE__ */ M(Pt, [["render", Gt]]);
+const le = /* @__PURE__ */ M(Pt, [["render", Jt]]);
 export {
-  ft as A,
+  _t as A,
   z as C,
-  gt as D,
-  ne as E,
-  It as M,
+  Vt as D,
+  le as E,
+  qt as M,
   Bt as N,
   R as a,
-  kt as b
+  Ct as b
 };
-//# sourceMappingURL=EventListDialog-C2pwmD0d.js.map
+//# sourceMappingURL=EventListDialog-BLLIQyah.js.map