@openc3/vue-common 6.2.1 → 6.4.0

package/dist/EventListDialog-Bniar26O.js

@@ -0,0 +1,1509 @@
+import { l as x } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-CVrrWDJ_.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 v, 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-qiC2xQ_W.js";
+import "single-spa";
+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: r = 0,
+    months: a = 0,
+    weeks: l = 0,
+    days: d = 0,
+    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 F = {
+  props: {
+    date: {
+      type: String
+    },
+    time: {
+      type: String
+    },
+    timeZone: {
+      type: String
+    }
+  },
+  data() {
+    return {
+      startDate: "",
+      startTime: "",
+      endDate: "",
+      endTime: ""
+    };
+  },
+  methods: {
+    calcStartDateTime: function() {
+      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 = 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");
+    }
+  }
+}, X = {
+  components: {
+    EnvironmentChooser: L,
+    ScriptChooser: j
+  },
+  mixins: [F, N],
+  props: {
+    modelValue: Boolean,
+    timelines: {
+      type: Array,
+      required: !0
+    },
+    activity: {
+      type: Object,
+      default: null
+    }
+  },
+  data() {
+    return {
+      timeline: null,
+      dialogStep: 1,
+      kind: "",
+      types: ["COMMAND", "SCRIPT", "RESERVE"],
+      activityData: "",
+      activityEnvironment: [],
+      rules: {
+        required: (e) => !!e || "Required"
+      },
+      recurring: !1,
+      recurringEndDate: null,
+      recurringEndTime: null,
+      frequency: 90,
+      timeSpan: "minutes",
+      timeSpans: ["minutes", "hours", "days"]
+    };
+  },
+  computed: {
+    timeError: function() {
+      const e = /* @__PURE__ */ new Date(), t = Date.parse(`${this.startDate}T${this.startTime}`), s = Date.parse(`${this.endDate}T${this.endTime}`);
+      return t === s ? "Invalid start, end time. Activity must have different start and end times." : e > t ? "Invalid start time. Activity must be in the future." : t > s ? "Invalid start time. Activity start before end." : null;
+    },
+    typeError: function() {
+      return this.timeline ? this.kind !== "RESERVE" && !this.activityData ? "No data is selected or inputted" : null : "Activity must have a timeline selected.";
+    },
+    timelineNames: function() {
+      return this.timelines.map((e) => e.name);
+    },
+    show: {
+      get() {
+        return this.modelValue;
+      },
+      set(e) {
+        this.$emit("update:modelValue", e);
+      }
+    }
+  },
+  mounted: function() {
+    this.updateValues();
+  },
+  methods: {
+    changeKind: function(e) {
+      e !== this.kind && (this.kind = e, this.activityData = "");
+    },
+    fileHandler: function(e) {
+      this.activityData = e;
+    },
+    updateValues: function() {
+      var e;
+      if (this.dialogStep = 1, this.activity) {
+        this.timeline = this.activity.name;
+        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 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];
+    },
+    clearHandler: function() {
+      this.show = !this.show;
+    },
+    submitHandler() {
+      let e = null, t = null, s = null;
+      this.timeZone === "local" ? (e = (/* @__PURE__ */ new Date(this.startDate + " " + this.startTime)).toISOString(), t = (/* @__PURE__ */ new Date(this.endDate + " " + this.endTime)).toISOString(), this.recurring && (s = (/* @__PURE__ */ new Date(
+        this.recurringEndDate + " " + this.recurringEndTime
+      )).toISOString())) : (e = (/* @__PURE__ */ new Date(
+        this.startDate + " " + this.startTime + "Z"
+      )).toISOString(), t = (/* @__PURE__ */ new Date(this.endDate + " " + this.endTime + "Z")).toISOString(), this.recurring && (s = (/* @__PURE__ */ new Date(
+        this.recurringEndDate + " " + this.recurringEndTime + "Z"
+      )).toISOString()));
+      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 ? x.put(
+        `/openc3-api/timeline/${this.activity.name}/activity/${this.activity.start}`,
+        {
+          data: { start: e, stop: t, kind: r, data: a, recurring: l }
+        }
+      ).then((d) => {
+        const u = this.formatSeconds(
+          new Date(d.data.start * 1e3)
+        );
+        this.$notify.normal({
+          title: "Updated Activity",
+          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;
+      }) : x.post(`/openc3-api/timeline/${this.timeline}/activities`, {
+        data: { start: e, stop: t, kind: r, data: a, recurring: l }
+      }).then((d) => {
+        const u = this.formatSeconds(
+          new Date(d.data.start * 1e3)
+        );
+        this.$notify.normal({
+          title: "Created Activity",
+          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();
+    }
+  }
+}, $ = { key: 0 }, tt = { key: 1 }, et = { class: "pr-2" }, at = ["textContent"], it = { class: "pr-2" }, nt = { key: 0 }, lt = {
+  key: 1,
+  class: "ma-3"
+}, 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"), h = o("v-dialog");
+  return p(), V("div", null, [
+    i(h, {
+      modelValue: l.show,
+      "onUpdate:modelValue": t[15] || (t[15] = (c) => l.show = c),
+      persistent: "",
+      width: "600"
+    }, {
+      default: n(() => [
+        i(H, null, {
+          default: n(() => [
+            i(b, { height: "24" }, {
+              default: n(() => [
+                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
+            }),
+            i(w, {
+              modelValue: a.dialogStep,
+              "onUpdate:modelValue": t[14] || (t[14] = (c) => a.dialogStep = c),
+              editable: "",
+              items: ["Activity Times", "Activity Type"]
+            }, Z({
+              "item.1": n(() => [
+                i(T, null, {
+                  default: n(() => [
+                    v("div", et, [
+                      i(y, {
+                        modelValue: a.timeline,
+                        "onUpdate:modelValue": t[1] || (t[1] = (c) => a.timeline = c),
+                        density: "compact",
+                        "hide-details": "",
+                        variant: "outlined",
+                        items: l.timelineNames,
+                        label: "Timeline",
+                        "data-test": "activity-select-timeline",
+                        class: "pb-2"
+                      }, null, 8, ["modelValue", "items"]),
+                      i(m, { dense: "" }, {
+                        default: n(() => [
+                          i(f, {
+                            modelValue: e.startDate,
+                            "onUpdate:modelValue": t[2] || (t[2] = (c) => e.startDate = c),
+                            type: "date",
+                            label: "Start Date",
+                            class: "mx-1",
+                            rules: [a.rules.required],
+                            "data-test": "activity-start-date"
+                          }, null, 8, ["modelValue", "rules"]),
+                          i(f, {
+                            modelValue: e.startTime,
+                            "onUpdate:modelValue": t[3] || (t[3] = (c) => e.startTime = c),
+                            type: "time",
+                            step: "1",
+                            label: "Start Time",
+                            class: "mx-1",
+                            rules: [a.rules.required],
+                            "data-test": "activity-start-time"
+                          }, null, 8, ["modelValue", "rules"])
+                        ]),
+                        _: 1
+                      }),
+                      i(m, { dense: "" }, {
+                        default: n(() => [
+                          i(f, {
+                            modelValue: e.endDate,
+                            "onUpdate:modelValue": t[4] || (t[4] = (c) => e.endDate = c),
+                            type: "date",
+                            label: "End Date",
+                            class: "mx-1",
+                            rules: [a.rules.required],
+                            "data-test": "activity-end-date"
+                          }, null, 8, ["modelValue", "rules"]),
+                          i(f, {
+                            modelValue: e.endTime,
+                            "onUpdate:modelValue": t[5] || (t[5] = (c) => e.endTime = c),
+                            type: "time",
+                            step: "1",
+                            label: "End Time",
+                            class: "mx-1",
+                            rules: [a.rules.required],
+                            "data-test": "activity-end-time"
+                          }, null, 8, ["modelValue", "rules"])
+                        ]),
+                        _: 1
+                      }),
+                      i(m, { class: "pl-3" }, {
+                        default: n(() => [
+                          i(k, {
+                            modelValue: a.recurring,
+                            "onUpdate:modelValue": t[6] || (t[6] = (c) => a.recurring = c),
+                            disabled: !!s.activity,
+                            label: "Recurring",
+                            "hide-details": "",
+                            "data-test": "recurring"
+                          }, null, 8, ["modelValue", "disabled"])
+                        ]),
+                        _: 1
+                      }),
+                      a.recurring ? (p(), E(m, { key: 0 }, {
+                        default: n(() => [
+                          i(g, null, {
+                            default: n(() => t[19] || (t[19] = [
+                              v("div", { class: "repeat" }, "Repeat every", -1)
+                            ])),
+                            _: 1
+                          }),
+                          i(g, null, {
+                            default: n(() => [
+                              i(f, {
+                                modelValue: a.frequency,
+                                "onUpdate:modelValue": t[7] || (t[7] = (c) => a.frequency = c),
+                                disabled: !!s.activity,
+                                density: "compact",
+                                variant: "outlined",
+                                "single-line": "",
+                                "hide-details": "",
+                                "data-test": "recurring-frequency"
+                              }, null, 8, ["modelValue", "disabled"])
+                            ]),
+                            _: 1
+                          }),
+                          i(g, null, {
+                            default: n(() => [
+                              i(y, {
+                                modelValue: a.timeSpan,
+                                "onUpdate:modelValue": t[8] || (t[8] = (c) => a.timeSpan = c),
+                                disabled: !!s.activity,
+                                items: a.timeSpans,
+                                style: {},
+                                "hide-details": "",
+                                density: "compact",
+                                variant: "outlined",
+                                "data-test": "recurring-span"
+                              }, null, 8, ["modelValue", "disabled", "items"])
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })) : U("", !0),
+                      a.recurring ? (p(), E(m, {
+                        key: 1,
+                        style: { "padding-bottom": "10px" }
+                      }, {
+                        default: n(() => [
+                          i(g, null, {
+                            default: n(() => t[20] || (t[20] = [
+                              v("div", { class: "repeat" }, "Ending", -1)
+                            ])),
+                            _: 1
+                          }),
+                          i(g, null, {
+                            default: n(() => [
+                              i(f, {
+                                modelValue: a.recurringEndDate,
+                                "onUpdate:modelValue": t[9] || (t[9] = (c) => a.recurringEndDate = c),
+                                type: "date",
+                                label: "End Date",
+                                class: "mx-1",
+                                rules: [a.rules.required],
+                                disabled: !!s.activity,
+                                "data-test": "recurring-end-date"
+                              }, null, 8, ["modelValue", "rules", "disabled"])
+                            ]),
+                            _: 1
+                          }),
+                          i(g, null, {
+                            default: n(() => [
+                              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: [a.rules.required],
+                                disabled: !!s.activity,
+                                "data-test": "recurring-end-time"
+                              }, null, 8, ["modelValue", "rules", "disabled"])
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })) : U("", !0),
+                      i(m, null, {
+                        default: n(() => [
+                          A(v("span", {
+                            class: "ma-2 text-red",
+                            textContent: C(l.timeError)
+                          }, null, 8, at), [
+                            [q, l.timeError]
+                          ])
+                        ]),
+                        _: 1
+                      })
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              "item.2": n(() => [
+                i(T, null, {
+                  default: n(() => [
+                    v("div", it, [
+                      i(y, {
+                        modelValue: a.kind,
+                        "onUpdate:modelValue": t[11] || (t[11] = (c) => a.kind = c),
+                        density: "compact",
+                        "hide-details": "",
+                        variant: "outlined",
+                        items: a.types,
+                        label: "Activity Type",
+                        "data-test": "activity-select-type",
+                        class: "pb-2"
+                      }, null, 8, ["modelValue", "items"]),
+                      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",
+                          prefix: "cmd('",
+                          suffix: "')",
+                          hint: "Timeline runs commands with cmd_no_hazardous_check",
+                          "data-test": "activity-cmd"
+                        }, null, 8, ["modelValue"])
+                      ])) : 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"])
+                      ])) : (p(), V("div", st, t[21] || (t[21] = [
+                        v("span", { class: "ma-2" }, " No required input ", -1)
+                      ]))),
+                      A(i(m, { class: "mt-2" }, {
+                        default: n(() => [
+                          v("span", {
+                            class: "ma-2 text-red",
+                            textContent: C(l.typeError)
+                          }, null, 8, ot)
+                        ]),
+                        _: 1
+                      }, 512), [
+                        [q, l.typeError]
+                      ])
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 2
+            }, [
+              a.dialogStep === 2 ? {
+                name: "actions",
+                fn: n(() => [
+                  i(m, { class: "ma-0 px-6 pb-4" }, {
+                    default: n(() => [
+                      i(u, {
+                        variant: "text",
+                        onClick: t[0] || (t[0] = () => a.dialogStep -= 1)
+                      }, {
+                        default: n(() => t[16] || (t[16] = [
+                          D(" Previous ")
+                        ])),
+                        _: 1
+                      }),
+                      i(d),
+                      i(u, {
+                        variant: "outlined",
+                        class: "mr-4",
+                        onClick: l.clearHandler
+                      }, {
+                        default: n(() => t[17] || (t[17] = [
+                          D(" Cancel ")
+                        ])),
+                        _: 1
+                      }, 8, ["onClick"]),
+                      i(u, {
+                        type: "submit",
+                        color: "primary",
+                        disabled: !!e.error,
+                        onClick: O(l.submitHandler, ["prevent"])
+                      }, {
+                        default: n(() => t[18] || (t[18] = [
+                          D(" Ok ")
+                        ])),
+                        _: 1
+                      }, 8, ["disabled", "onClick"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["modelValue"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"])
+  ]);
+}
+const rt = /* @__PURE__ */ M(X, [["render", dt], ["__scopeId", "data-v-a2610a2a"]]), ut = {
+  components: {},
+  props: {
+    modelValue: {
+      type: String,
+      required: !0
+    }
+  },
+  computed: {
+    color: {
+      get() {
+        return this.modelValue;
+      },
+      set(e) {
+        this.$emit("update:modelValue", e);
+      }
+    },
+    swatches: function() {
+      return [
+        "#005a8f",
+        "#003784",
+        "#8F3400",
+        "#df1368",
+        "#ff5252",
+        "#df323b",
+        "#9f0010",
+        "#2d9437",
+        "#004700",
+        "#db7200",
+        "#802700",
+        "#0f2941"
+      ];
+    }
+  },
+  methods: {}
+};
+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: l.swatches,
+      modelValue: l.color,
+      "onUpdate:modelValue": t[0] || (t[0] = (m) => l.color = m)
+    }, {
+      "prepend-inner": n(() => [
+        i(d, { color: l.color }, {
+          default: n(() => t[1] || (t[1] = [
+            D(" mdi-square ")
+          ])),
+          _: 1
+        }, 8, ["color"])
+      ]),
+      item: n(({ props: m, item: y }) => [
+        i(u, z(m, {
+          value: y.raw
+        }), {
+          prepend: n(() => [
+            i(d, {
+              color: y.raw
+            }, {
+              default: n(() => t[2] || (t[2] = [
+                D(" mdi-square ")
+              ])),
+              _: 2
+            }, 1032, ["color"])
+          ]),
+          _: 2
+        }, 1040, ["value"])
+      ]),
+      _: 1
+    }, 8, ["items", "modelValue"])
+  ]);
+}
+const R = /* @__PURE__ */ M(ut, [["render", mt]]), ct = {
+  methods: {
+    deleteItem(e) {
+      let t = null, s = "";
+      switch (e.type.toLowerCase()) {
+        case "activity":
+          s = "activity", t = e.activity.start;
+          break;
+        case "metadata":
+          s = "metadata", t = e.metadata.start;
+          break;
+        case "note":
+          s = "notes", t = e.note.start;
+          break;
+      }
+      this.$dialog.confirm(
+        `Are you sure you want to remove ${e.typeStr} at ${e.startStr}`,
+        {
+          okText: "Delete",
+          cancelText: "Cancel"
+        }
+      ).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}`
+        });
+      }).catch(() => {
+      });
+    }
+  }
+}, pt = {
+  components: {},
+  props: {
+    modelValue: {
+      type: Array,
+      required: !0
+    }
+  },
+  data() {
+    return {};
+  },
+  computed: {
+    metadata: {
+      get() {
+        return this.modelValue;
+      },
+      set(e) {
+        this.$emit("update:modelValue", e);
+      }
+    }
+  },
+  methods: {
+    newMetadata: function() {
+      this.metadata.push({
+        key: "",
+        value: ""
+      });
+    },
+    rm: function(e) {
+      this.metadata.splice(e, 1);
+    }
+  }
+}, ht = {
+  scope: "col",
+  class: "text-right"
+};
+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, [
+    i(b, { dense: "" }, {
+      default: n(() => [
+        v("tbody", null, [
+          v("tr", null, [
+            t[0] || (t[0] = v("th", {
+              scope: "col",
+              class: "text-left"
+            }, "Key", -1)),
+            t[1] || (t[1] = v("th", {
+              scope: "col",
+              class: "text-left"
+            }, "Value", -1)),
+            v("th", ht, [
+              i(d, {
+                icon: "mdi-plus",
+                variant: "text",
+                "data-test": "new-metadata-icon",
+                onClick: l.newMetadata
+              }, null, 8, ["onClick"])
+            ])
+          ]),
+          (p(!0), V(P, null, B(l.metadata, (m, y) => (p(), V("tr", {
+            key: `tr-${y}`
+          }, [
+            v("td", null, [
+              i(u, {
+                modelValue: m.key,
+                "onUpdate:modelValue": (f) => m.key = f,
+                type: "text",
+                density: "compact",
+                "data-test": `key-${y}`
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-test"])
+            ]),
+            v("td", null, [
+              i(u, {
+                modelValue: m.value,
+                "onUpdate:modelValue": (f) => m.value = f,
+                type: "text",
+                density: "compact",
+                "data-test": `value-${y}`
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-test"])
+            ]),
+            v("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))
+        ])
+      ]),
+      _: 1
+    })
+  ]);
+}
+const yt = /* @__PURE__ */ M(pt, [["render", vt]]), ft = {
+  components: {
+    ColorSelectForm: R,
+    MetadataInputForm: yt
+  },
+  mixins: [F, N],
+  props: {
+    modelValue: Boolean,
+    metadata: {
+      type: Object,
+      default: null
+    }
+  },
+  data() {
+    return {
+      dialogStep: 1,
+      color: "#003784",
+      metadataVals: [],
+      rules: {
+        required: (e) => !!e || "Required"
+      }
+    };
+  },
+  computed: {
+    typeError: function() {
+      return this.color ? this.metadataVals.length < 1 ? "Please enter a value in the metadata table." : this.metadataVals.find(
+        (t) => t.key === "" || t.value === ""
+      ) ? "Missing or empty key, value in the metadata table." : null : "A color is required.";
+    },
+    show: {
+      get() {
+        return this.modelValue;
+      },
+      set(e) {
+        this.$emit("update:modelValue", e);
+      }
+    }
+  },
+  mounted: function() {
+    this.updateValues();
+  },
+  methods: {
+    updateValues: function() {
+      if (this.dialogStep = 1, this.metadata) {
+        const e = new Date(this.metadata.start * 1e3);
+        this.startDate = this.formatDate(e, this.timeZone), this.startTime = this.formatTimeHMS(e, this.timeZone), this.color = this.metadata.color, this.metadataVals = Object.keys(this.metadata.metadata).map((t) => ({ key: t, value: this.metadata.metadata[t] }));
+      } else
+        this.calcStartDateTime(), this.color = "#003784", this.metadataVals = [];
+    },
+    clearHandler: function() {
+      this.show = !this.show;
+    },
+    submitHandler() {
+      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 ? x.put(`/openc3-api/metadata/${this.metadata.start}`, {
+        data: s
+      }).then((r) => {
+        this.$notify.normal({
+          title: "Updated Metadata",
+          body: `Metadata updated: (${r.data.start})`
+        }), this.$emit("update", r.data), this.show = !this.show;
+      }) : x.post("/openc3-api/metadata", {
+        data: s
+      }).then((r) => {
+        this.$notify.normal({
+          title: "Created new Metadata",
+          body: `Metadata: (${r.data.start})`
+        }), this.$emit("update", r.data), this.show = !this.show;
+      });
+    }
+  }
+}, _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: "",
+      width: "600"
+    }, {
+      default: n(() => [
+        i(S, null, {
+          default: n(() => [
+            i(b, { height: "24" }, {
+              default: n(() => [
+                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
+            }),
+            i(T, {
+              modelValue: a.dialogStep,
+              "onUpdate:modelValue": t[5] || (t[5] = (w) => a.dialogStep = w),
+              editable: "",
+              items: ["Metadata Times", "Metadata Input"]
+            }, Z({
+              "item.1": n(() => [
+                i(k, null, {
+                  default: n(() => [
+                    v("div", Dt, [
+                      i(y, {
+                        modelValue: a.color,
+                        "onUpdate:modelValue": t[1] || (t[1] = (w) => a.color = w)
+                      }, null, 8, ["modelValue"]),
+                      i(m, { dense: "" }, {
+                        default: n(() => [
+                          i(f, {
+                            modelValue: e.startDate,
+                            "onUpdate:modelValue": t[2] || (t[2] = (w) => e.startDate = w),
+                            type: "date",
+                            label: "Start Date",
+                            class: "mx-1",
+                            rules: [a.rules.required],
+                            "data-test": "metadata-start-date"
+                          }, null, 8, ["modelValue", "rules"]),
+                          i(f, {
+                            modelValue: e.startTime,
+                            "onUpdate:modelValue": t[3] || (t[3] = (w) => e.startTime = w),
+                            type: "time",
+                            step: "1",
+                            label: "Start Time",
+                            class: "mx-1",
+                            rules: [a.rules.required],
+                            "data-test": "metadata-start-time"
+                          }, null, 8, ["modelValue", "rules"])
+                        ]),
+                        _: 1
+                      })
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              "item.2": n(() => [
+                i(k, null, {
+                  default: n(() => [
+                    v("div", wt, [
+                      v("div", gt, [
+                        i(g, {
+                          modelValue: a.metadataVals,
+                          "onUpdate:modelValue": t[4] || (t[4] = (w) => a.metadataVals = w)
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      A(i(m, null, {
+                        default: n(() => [
+                          v("span", {
+                            class: "ma-2 text-red",
+                            textContent: C(l.typeError)
+                          }, null, 8, bt)
+                        ]),
+                        _: 1
+                      }, 512), [
+                        [q, l.typeError]
+                      ])
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 2
+            }, [
+              a.dialogStep === 2 ? {
+                name: "actions",
+                fn: n(() => [
+                  i(m, { class: "ma-0 px-6 pb-4" }, {
+                    default: n(() => [
+                      i(u, {
+                        variant: "text",
+                        onClick: t[0] || (t[0] = () => a.dialogStep -= 1)
+                      }, {
+                        default: n(() => t[7] || (t[7] = [
+                          D(" Previous ")
+                        ])),
+                        _: 1
+                      }),
+                      i(d),
+                      i(u, {
+                        variant: "outlined",
+                        class: "mr-4",
+                        onClick: l.clearHandler
+                      }, {
+                        default: n(() => t[8] || (t[8] = [
+                          D(" Cancel ")
+                        ])),
+                        _: 1
+                      }, 8, ["onClick"]),
+                      i(u, {
+                        type: "submit",
+                        color: "primary",
+                        disabled: !!e.error,
+                        onClick: O(l.submitHandler, ["prevent"])
+                      }, {
+                        default: n(() => t[9] || (t[9] = [
+                          D(" Ok ")
+                        ])),
+                        _: 1
+                      }, 8, ["disabled", "onClick"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["modelValue"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"])
+  ]);
+}
+const Tt = /* @__PURE__ */ M(ft, [["render", kt], ["__scopeId", "data-v-c120467c"]]), St = {
+  components: {
+    ColorSelectForm: R
+  },
+  mixins: [F, N],
+  props: {
+    modelValue: Boolean,
+    note: {
+      type: Object
+    }
+  },
+  data() {
+    return {
+      dialogStep: 1,
+      description: "",
+      color: "#8F3400",
+      rules: {
+        required: (e) => !!e || "Required"
+      }
+    };
+  },
+  computed: {
+    timeError: function() {
+      let e, t;
+      return this.timeZone === "local" ? (e = /* @__PURE__ */ new Date(this.startDate + " " + this.startTime), t = /* @__PURE__ */ new Date(this.endDate + " " + this.endTime)) : (e = /* @__PURE__ */ new Date(this.startDate + " " + this.startTime + "Z"), t = /* @__PURE__ */ new Date(this.endDate + " " + this.endTime + "Z")), e === t ? "Invalid start, end time. Notes must have different start and end times." : e > t ? "Invalid start time. Notes start before end." : null;
+    },
+    typeError: function() {
+      return this.color ? this.description ? null : "A description is required for a valid note." : "A color is required.";
+    },
+    show: {
+      get() {
+        return this.modelValue;
+      },
+      set(e) {
+        this.$emit("update:modelValue", e);
+      }
+    }
+  },
+  mounted: function() {
+    this.updateValues();
+  },
+  methods: {
+    updateValues: function() {
+      if (this.dialogStep = 1, this.note) {
+        const e = new Date(this.note.start * 1e3);
+        this.startDate = this.formatDate(e, this.timeZone), this.startTime = this.formatTimeHMS(e, this.timeZone);
+        const t = new Date(this.note.stop * 1e3);
+        this.endDate = this.formatDate(t, this.timeZone), this.endTime = this.formatTimeHMS(t, this.timeZone), this.color = this.note.color, this.description = this.note.description;
+      } else
+        this.calcStartDateTime(), this.color = "#8F3400", this.description = "";
+    },
+    clearHandler: function() {
+      this.show = !this.show;
+    },
+    submitHandler() {
+      let e, t;
+      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, 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: (${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: (${a.data.start}) created: "${l}"`
+        }), this.$emit("update", a.data), this.show = !this.show;
+      });
+    }
+  }
+}, 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: "",
+      width: "600"
+    }, {
+      default: n(() => [
+        i(T, null, {
+          default: n(() => [
+            i(b, { height: "24" }, {
+              default: n(() => [
+                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
+            }),
+            i(g, {
+              modelValue: a.dialogStep,
+              "onUpdate:modelValue": t[7] || (t[7] = (_) => a.dialogStep = _),
+              editable: "",
+              items: ["Note Times", "Note Input"]
+            }, Z({
+              "item.1": n(() => [
+                i(f, null, {
+                  default: n(() => [
+                    v("div", Et, [
+                      i(m, { dense: "" }, {
+                        default: n(() => [
+                          i(y, {
+                            modelValue: e.startDate,
+                            "onUpdate:modelValue": t[1] || (t[1] = (_) => e.startDate = _),
+                            type: "date",
+                            label: "Start Date",
+                            class: "mx-1",
+                            rules: [a.rules.required],
+                            "data-test": "note-start-date"
+                          }, null, 8, ["modelValue", "rules"]),
+                          i(y, {
+                            modelValue: e.startTime,
+                            "onUpdate:modelValue": t[2] || (t[2] = (_) => e.startTime = _),
+                            type: "time",
+                            step: "1",
+                            label: "Start Time",
+                            class: "mx-1",
+                            rules: [a.rules.required],
+                            "data-test": "note-start-time"
+                          }, null, 8, ["modelValue", "rules"])
+                        ]),
+                        _: 1
+                      }),
+                      i(m, { dense: "" }, {
+                        default: n(() => [
+                          i(y, {
+                            modelValue: e.endDate,
+                            "onUpdate:modelValue": t[3] || (t[3] = (_) => e.endDate = _),
+                            type: "date",
+                            label: "End Date",
+                            class: "mx-1",
+                            rules: [a.rules.required],
+                            "data-test": "note-end-date"
+                          }, null, 8, ["modelValue", "rules"]),
+                          i(y, {
+                            modelValue: e.endTime,
+                            "onUpdate:modelValue": t[4] || (t[4] = (_) => e.endTime = _),
+                            type: "time",
+                            step: "1",
+                            label: "End Time",
+                            class: "mx-1",
+                            rules: [a.rules.required],
+                            "data-test": "note-end-time"
+                          }, null, 8, ["modelValue", "rules"])
+                        ]),
+                        _: 1
+                      }),
+                      i(m, null, {
+                        default: n(() => [
+                          A(v("span", {
+                            class: "ma-2 text-red",
+                            textContent: C(l.timeError)
+                          }, null, 8, Ut), [
+                            [q, l.timeError]
+                          ])
+                        ]),
+                        _: 1
+                      })
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              "item.2": n(() => [
+                i(f, null, {
+                  default: n(() => [
+                    v("div", Mt, [
+                      v("div", null, [
+                        i(k, {
+                          modelValue: a.color,
+                          "onUpdate:modelValue": t[5] || (t[5] = (_) => a.color = _)
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      v("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"])
+                      ]),
+                      A(i(m, null, {
+                        default: n(() => [
+                          v("span", {
+                            class: "ma-2 text-red",
+                            textContent: C(l.typeError)
+                          }, null, 8, At)
+                        ]),
+                        _: 1
+                      }, 512), [
+                        [q, l.typeError]
+                      ])
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 2
+            }, [
+              a.dialogStep === 2 ? {
+                name: "actions",
+                fn: n(() => [
+                  i(m, { class: "ma-0 px-6 pb-4" }, {
+                    default: n(() => [
+                      i(u, {
+                        variant: "text",
+                        onClick: t[0] || (t[0] = () => a.dialogStep -= 1)
+                      }, {
+                        default: n(() => t[9] || (t[9] = [
+                          D(" Previous ")
+                        ])),
+                        _: 1
+                      }),
+                      i(d),
+                      i(u, {
+                        variant: "outlined",
+                        class: "mr-4",
+                        onClick: l.clearHandler
+                      }, {
+                        default: n(() => t[10] || (t[10] = [
+                          D(" Cancel ")
+                        ])),
+                        _: 1
+                      }, 8, ["onClick"]),
+                      i(u, {
+                        type: "submit",
+                        color: "primary",
+                        disabled: !!e.error,
+                        onClick: O(l.submitHandler, ["prevent"])
+                      }, {
+                        default: n(() => t[11] || (t[11] = [
+                          D(" Ok ")
+                        ])),
+                        _: 1
+                      }, 8, ["disabled", "onClick"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["modelValue"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"])
+  ]);
+}
+const It = /* @__PURE__ */ M(St, [["render", qt], ["__scopeId", "data-v-829ef502"]]), Nt = {
+  components: {
+    ActivityCreateDialog: rt,
+    MetadataCreateDialog: Tt,
+    NoteCreateDialog: It
+  },
+  mixins: [N, ct],
+  props: {
+    events: {
+      type: Array,
+      required: !0
+    },
+    modelValue: {
+      type: Boolean,
+      required: !0
+    },
+    timeZone: {
+      type: String,
+      required: !0
+    },
+    types: {
+      type: Array
+    },
+    newMetadata: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data() {
+    return {
+      search: "",
+      localEvents: [...this.events],
+      eventHeaders: [
+        { title: "Start", key: "start", width: 215 },
+        { title: "Stop", key: "end", width: 215 },
+        { title: "Type", key: "type" },
+        { title: "Data", key: "data" },
+        { title: "Actions", key: "actions", sortable: !1 }
+      ],
+      editActivity: { start: /* @__PURE__ */ new Date(), end: /* @__PURE__ */ new Date() },
+      editMetadata: { start: /* @__PURE__ */ new Date(), end: /* @__PURE__ */ new Date() },
+      editNote: { start: /* @__PURE__ */ new Date(), end: /* @__PURE__ */ new Date() },
+      editIndex: 0,
+      showActivityUpdate: !1,
+      showMetadataUpdate: !1,
+      showNoteUpdate: !1,
+      showMetadataCreate: !1
+    };
+  },
+  computed: {
+    show: {
+      get() {
+        return this.modelValue;
+      },
+      set(e) {
+        this.$emit("update:modelValue", e);
+      }
+    }
+  },
+  created: function() {
+  },
+  methods: {
+    close() {
+      this.$emit("close"), this.show = !1;
+    },
+    dataFormat(e) {
+      let t = e.name;
+      switch (e.type) {
+        case "note":
+          t = e.note.description;
+          break;
+        case "metadata":
+          let s = [];
+          Object.entries(e.metadata.metadata).forEach(
+            ([r, a]) => s.push(`${r}: ${a}`)
+          ), t = s.join(", ");
+          break;
+      }
+      return t;
+    },
+    editAction(e) {
+      switch (this.editIndex = this.localEvents.findIndex((t) => t.type === e.type && t.start === e.start), e.type) {
+        case "activity":
+          this.editActivity = e.activity, this.showActivityUpdate = !0;
+          break;
+        case "metadata":
+          this.editMetadata = e.metadata, this.showMetadataUpdate = !0;
+          break;
+        case "note":
+          this.editNote = e.note, this.showNoteUpdate = !0;
+          break;
+      }
+    },
+    deleteAction(e) {
+      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`, r = e.activity.start, a = e.activity.uuid;
+          break;
+        case "metadata":
+          s = "metadata", r = e.metadata.start;
+          break;
+        case "note":
+          s = "notes", r = e.note.start;
+          break;
+      }
+      this.$dialog.confirm(
+        `Are you sure you want to remove ${e.type} at ${e.start}`,
+        {
+          okText: "Delete",
+          cancelText: "Cancel"
+        }
+      ).then((l) => {
+        this.localEvents.splice(t, 1);
+        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 ${r}`
+        });
+      }).catch((l) => {
+      });
+    },
+    updateActivity(e) {
+      this.$emit("update"), this.localEvents[this.editIndex].activity = e;
+    },
+    updateMetadata(e) {
+      this.$emit("update"), this.localEvents[this.editIndex].metadata = e;
+    },
+    updateNote(e) {
+      this.$emit("update"), this.localEvents[this.editIndex].note = e;
+    },
+    addMetadata(e) {
+      let t = {
+        name: "Metadata",
+        start: new Date(e.start * 1e3),
+        end: new Date(e.start * 1e3),
+        color: e.color,
+        type: e.type,
+        timed: !0,
+        metadata: e
+      };
+      this.localEvents.push(t);
+    }
+  }
+}, 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] = (h) => l.show = h),
+      persistent: "",
+      width: "80vw"
+    }, {
+      default: n(() => [
+        i(T, null, {
+          default: n(() => [
+            i(b, { height: "24" }, {
+              default: n(() => [
+                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
+            }),
+            i(f, null, {
+              default: n(() => [
+                i(y, { class: "pa-3" }, {
+                  default: n(() => [
+                    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] = (h) => a.search = h),
+                      label: "Search",
+                      "prepend-inner-icon": "mdi-magnify",
+                      clearable: "",
+                      variant: "outlined",
+                      density: "compact",
+                      "single-line": "",
+                      "hide-details": ""
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            i(k, {
+              headers: a.eventHeaders,
+              items: a.localEvents,
+              search: a.search
+            }, {
+              "no-data": n(() => t[7] || (t[7] = [
+                v("span", null, " No events ", -1)
+              ])),
+              "item.start": n(({ item: h }) => [
+                D(C(e.formatDateTime(h.start, s.timeZone)), 1)
+              ]),
+              "item.end": n(({ item: h }) => [
+                D(C(e.formatDateTime(h.end, s.timeZone)), 1)
+              ]),
+              "item.type": n(({ item: h }) => [
+                D(C(h.type.charAt(0).toUpperCase() + h.type.slice(1)), 1)
+              ]),
+              "item.data": n(({ item: h }) => [
+                D(C(l.dataFormat(h)), 1)
+              ]),
+              "item.actions": n(({ item: h }) => [
+                i(u, {
+                  icon: "mdi-pencil",
+                  variant: "text",
+                  size: "small",
+                  class: "mr-2",
+                  "data-test": "edit-event",
+                  "aria-label": "Edit Event",
+                  onClick: (c) => l.editAction(h)
+                }, null, 8, ["onClick"]),
+                i(u, {
+                  icon: "mdi-delete",
+                  variant: "text",
+                  size: "small",
+                  "data-test": "delete-event",
+                  "aria-label": "Delete Event",
+                  onClick: (c) => l.deleteAction(h)
+                }, null, 8, ["onClick"])
+              ]),
+              _: 1
+            }, 8, ["headers", "items", "search"]),
+            i(g, { class: "px-2" }, {
+              default: n(() => [
+                i(d),
+                i(u, {
+                  variant: "outlined",
+                  "data-test": "close-event-list",
+                  onClick: l.close
+                }, {
+                  default: n(() => t[8] || (t[8] = [
+                    D(" Close ")
+                  ])),
+                  _: 1
+                }, 8, ["onClick"]),
+                s.newMetadata ? (p(), E(u, {
+                  key: 0,
+                  variant: "flat",
+                  "data-test": "new-event",
+                  onClick: t[1] || (t[1] = (h) => a.showMetadataCreate = !0)
+                }, {
+                  default: n(() => t[9] || (t[9] = [
+                    D(" New Metadata ")
+                  ])),
+                  _: 1
+                })) : U("", !0)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"]),
+    a.showActivityUpdate ? (p(), E(_, {
+      key: 0,
+      modelValue: a.showActivityUpdate,
+      "onUpdate:modelValue": t[3] || (t[3] = (h) => a.showActivityUpdate = h),
+      activity: a.editActivity,
+      "time-zone": s.timeZone,
+      onUpdate: l.updateActivity
+    }, null, 8, ["modelValue", "activity", "time-zone", "onUpdate"])) : U("", !0),
+    a.showMetadataUpdate ? (p(), E(w, {
+      key: 1,
+      modelValue: a.showMetadataUpdate,
+      "onUpdate:modelValue": t[4] || (t[4] = (h) => a.showMetadataUpdate = h),
+      metadata: a.editMetadata,
+      "time-zone": s.timeZone,
+      onUpdate: l.updateMetadata
+    }, null, 8, ["modelValue", "metadata", "time-zone", "onUpdate"])) : U("", !0),
+    a.showNoteUpdate ? (p(), E(H, {
+      key: 2,
+      modelValue: a.showNoteUpdate,
+      "onUpdate:modelValue": t[5] || (t[5] = (h) => a.showNoteUpdate = h),
+      note: a.editNote,
+      "time-zone": s.timeZone,
+      onUpdate: l.updateNote
+    }, null, 8, ["modelValue", "note", "time-zone", "onUpdate"])) : U("", !0),
+    a.showMetadataCreate ? (p(), E(w, {
+      key: 3,
+      modelValue: a.showMetadataCreate,
+      "onUpdate:modelValue": t[6] || (t[6] = (h) => a.showMetadataCreate = h),
+      "time-zone": s.timeZone,
+      onUpdate: l.addMetadata
+    }, null, 8, ["modelValue", "time-zone", "onUpdate"])) : U("", !0)
+  ]);
+}
+const Jt = /* @__PURE__ */ M(Nt, [["render", Rt]]);
+export {
+  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-Bniar26O.js.map