@openc3/vue-common 6.2.0 → 6.3.0

package/dist/EventListDialog-CSMSmCIT.js

@@ -0,0 +1,1586 @@
+import { o as U } from "./WidgetComponents-C1lSLZ0I.js";
+import { T as R } from "./timeFilters-CRYpYDdf.js";
+import { resolveComponent as l, createElementBlock as V, openBlock as v, createVNode as a, withCtx as n, createElementVNode as r, normalizeProps as H, guardReactiveProps as Z, createTextVNode as y, createSlots as F, withDirectives as q, toDisplayString as C, vShow as I, createBlock as M, createCommentVNode as A, withModifiers as P, mergeProps as j, Fragment as K, renderList as W } from "vue";
+import { _ as N } from "./CustomIcon-h5X7369N.js";
+import { S as Y, E as G } from "./ScriptChooser-EV65rbWx.js";
+import "single-spa";
+import { a as J, p as Q } from "./parse-DnkEsW-3.js";
+import { a as X } from "./addMonths-BtG7uZLJ.js";
+import { t as $, c as tt, f as O } from "./format-CVeawcIv.js";
+function et(e, t, s) {
+  const {
+    years: u = 0,
+    months: i = 0,
+    weeks: o = 0,
+    days: d = 0,
+    hours: D = 0,
+    minutes: k = 0,
+    seconds: b = 0
+  } = t, h = $(e, s == null ? void 0 : s.in), c = i || u ? X(h, i + u * 12) : h, _ = d || o ? J(c, d + o * 7) : c, w = k + D * 60, T = (b + w * 60) * 1e3;
+  return tt(e, +_ + T);
+}
+const B = {
+  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 = O(/* @__PURE__ */ new Date(), "yyyy-MM-dd"), this.endDate = O(/* @__PURE__ */ new Date(), "yyyy-MM-dd"));
+      let e = 1e3 * 60 * 30, t = null;
+      this.time ? (t = Q(this.time, "HH:mm:ss", /* @__PURE__ */ new Date()), t = new Date(Math.floor(t.getTime() / e) * e)) : t = new Date(Math.ceil((/* @__PURE__ */ new Date()).getTime() / e) * e), this.startTime = O(t, "HH:mm:ss"), this.endTime = O(et(t, { minutes: 30 }), "HH:mm:ss");
+    }
+  }
+}, at = {
+  components: {
+    EnvironmentChooser: G,
+    ScriptChooser: Y
+  },
+  props: {
+    modelValue: Boolean,
+    timelines: {
+      type: Array,
+      required: !0
+    },
+    activity: {
+      type: Object,
+      default: null
+    }
+  },
+  mixins: [B, R],
+  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"]
+    };
+  },
+  mounted: function() {
+    this.updateValues();
+  },
+  computed: {
+    timeError: function() {
+      const e = /* @__PURE__ */ new Date(), t = Date.parse(`${this.startDate}T${this.startTime}`), s = Date.parse(`${this.endDate}T${this.endTime}`);
+      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);
+      }
+    }
+  },
+  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 u = new Date(this.activity.recurring.end * 1e3);
+          this.recurringEndDate = this.formatDate(u, this.timeZone), this.recurringEndTime = this.formatTimeHMS(u, this.timeZone), this.frequency = this.activity.recurring.frequency, this.timeSpan = this.activity.recurring.span;
+        }
+      } 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 u = this.kind.toLowerCase();
+      let i = { environment: this.activityEnvironment };
+      i[u] = this.activityData;
+      let o = {};
+      this.recurring && (o = {
+        frequency: this.frequency,
+        span: this.timeSpan,
+        end: s
+      }), this.activity ? U.put(
+        `/openc3-api/timeline/${this.activity.name}/activity/${this.activity.start}`,
+        {
+          data: { start: e, stop: t, kind: u, data: i, recurring: o }
+        }
+      ).then((d) => {
+        const D = this.formatSeconds(
+          new Date(d.data.start * 1e3)
+        );
+        this.$notify.normal({
+          title: "Updated Activity",
+          body: `${D} (${d.data.start}) on timeline: ${d.data.name}`
+        }), this.$emit("update", d.data), this.show = !this.show;
+      }).catch((d) => {
+        this.show = !this.show;
+      }) : U.post(`/openc3-api/timeline/${this.timeline}/activities`, {
+        data: { start: e, stop: t, kind: u, data: i, recurring: o }
+      }).then((d) => {
+        const D = this.formatSeconds(
+          new Date(d.data.start * 1e3)
+        );
+        this.$notify.normal({
+          title: "Created Activity",
+          body: `${D} (${d.data.start}) on timeline: ${d.data.name}`
+        }), this.$emit("update", d.data), this.show = !this.show;
+      }).catch((d) => {
+        this.show = !this.show;
+      }), this.clearHandler();
+    }
+  }
+}, it = { key: 0 }, nt = { key: 1 }, ot = { class: "pr-2" }, lt = ["textContent"], st = { class: "pr-2" }, dt = { key: 0 }, rt = {
+  key: 1,
+  class: "ma-3"
+}, ut = { key: 2 }, mt = ["textContent"];
+function ct(e, t, s, u, i, o) {
+  const d = l("v-spacer"), D = l("v-icon"), k = l("v-tooltip"), b = l("v-toolbar"), h = l("v-btn"), c = l("v-row"), _ = l("v-select"), w = l("v-text-field"), S = l("v-checkbox"), T = l("v-col"), E = l("v-card-text"), x = l("script-chooser"), f = l("environment-chooser"), g = l("v-stepper"), z = l("v-card"), p = l("v-dialog");
+  return v(), V("div", null, [
+    a(p, {
+      persistent: "",
+      modelValue: o.show,
+      "onUpdate:modelValue": t[15] || (t[15] = (m) => o.show = m),
+      width: "600"
+    }, {
+      default: n(() => [
+        a(z, null, {
+          default: n(() => [
+            a(b, { height: "24" }, {
+              default: n(() => [
+                a(d),
+                s.activity ? (v(), V("span", it, "Edit Activity")) : (v(), V("span", nt, "Create Activity")),
+                a(d),
+                a(k, { location: "top" }, {
+                  activator: n(({ props: m }) => [
+                    r("div", H(Z(m)), [
+                      a(D, {
+                        "data-test": "close-note-icon",
+                        onClick: o.clearHandler
+                      }, {
+                        default: n(() => t[16] || (t[16] = [
+                          y(" mdi-close-box ")
+                        ])),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ], 16)
+                  ]),
+                  default: n(() => [
+                    t[17] || (t[17] = r("span", null, " Close ", -1))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            a(g, {
+              modelValue: i.dialogStep,
+              "onUpdate:modelValue": t[14] || (t[14] = (m) => i.dialogStep = m),
+              editable: "",
+              items: ["Activity Times", "Activity Type"]
+            }, F({
+              "item.1": n(() => [
+                a(E, null, {
+                  default: n(() => [
+                    r("div", ot, [
+                      a(_, {
+                        density: "compact",
+                        "hide-details": "",
+                        variant: "outlined",
+                        modelValue: i.timeline,
+                        "onUpdate:modelValue": t[1] || (t[1] = (m) => i.timeline = m),
+                        items: o.timelineNames,
+                        label: "Timeline",
+                        "data-test": "activity-select-timeline",
+                        class: "pb-2"
+                      }, null, 8, ["modelValue", "items"]),
+                      a(c, { dense: "" }, {
+                        default: n(() => [
+                          a(w, {
+                            modelValue: e.startDate,
+                            "onUpdate:modelValue": t[2] || (t[2] = (m) => e.startDate = m),
+                            type: "date",
+                            label: "Start Date",
+                            class: "mx-1",
+                            rules: [i.rules.required],
+                            "data-test": "activity-start-date"
+                          }, null, 8, ["modelValue", "rules"]),
+                          a(w, {
+                            modelValue: e.startTime,
+                            "onUpdate:modelValue": t[3] || (t[3] = (m) => e.startTime = m),
+                            type: "time",
+                            step: "1",
+                            label: "Start Time",
+                            class: "mx-1",
+                            rules: [i.rules.required],
+                            "data-test": "activity-start-time"
+                          }, null, 8, ["modelValue", "rules"])
+                        ]),
+                        _: 1
+                      }),
+                      a(c, { dense: "" }, {
+                        default: n(() => [
+                          a(w, {
+                            modelValue: e.endDate,
+                            "onUpdate:modelValue": t[4] || (t[4] = (m) => e.endDate = m),
+                            type: "date",
+                            label: "End Date",
+                            class: "mx-1",
+                            rules: [i.rules.required],
+                            "data-test": "activity-end-date"
+                          }, null, 8, ["modelValue", "rules"]),
+                          a(w, {
+                            modelValue: e.endTime,
+                            "onUpdate:modelValue": t[5] || (t[5] = (m) => e.endTime = m),
+                            type: "time",
+                            step: "1",
+                            label: "End Time",
+                            class: "mx-1",
+                            rules: [i.rules.required],
+                            "data-test": "activity-end-time"
+                          }, null, 8, ["modelValue", "rules"])
+                        ]),
+                        _: 1
+                      }),
+                      a(c, { class: "pl-3" }, {
+                        default: n(() => [
+                          a(S, {
+                            modelValue: i.recurring,
+                            "onUpdate:modelValue": t[6] || (t[6] = (m) => i.recurring = m),
+                            disabled: !!s.activity,
+                            label: "Recurring",
+                            "hide-details": "",
+                            "data-test": "recurring"
+                          }, null, 8, ["modelValue", "disabled"])
+                        ]),
+                        _: 1
+                      }),
+                      i.recurring ? (v(), M(c, { key: 0 }, {
+                        default: n(() => [
+                          a(T, null, {
+                            default: n(() => t[21] || (t[21] = [
+                              r("div", { class: "repeat" }, "Repeat every", -1)
+                            ])),
+                            _: 1
+                          }),
+                          a(T, null, {
+                            default: n(() => [
+                              a(w, {
+                                modelValue: i.frequency,
+                                "onUpdate:modelValue": t[7] || (t[7] = (m) => i.frequency = m),
+                                disabled: !!s.activity,
+                                density: "compact",
+                                variant: "outlined",
+                                "single-line": "",
+                                "hide-details": "",
+                                "data-test": "recurring-frequency"
+                              }, null, 8, ["modelValue", "disabled"])
+                            ]),
+                            _: 1
+                          }),
+                          a(T, null, {
+                            default: n(() => [
+                              a(_, {
+                                modelValue: i.timeSpan,
+                                "onUpdate:modelValue": t[8] || (t[8] = (m) => i.timeSpan = m),
+                                disabled: !!s.activity,
+                                items: i.timeSpans,
+                                style: {},
+                                "hide-details": "",
+                                density: "compact",
+                                variant: "outlined",
+                                "data-test": "recurring-span"
+                              }, null, 8, ["modelValue", "disabled", "items"])
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })) : A("", !0),
+                      i.recurring ? (v(), M(c, {
+                        key: 1,
+                        style: { "padding-bottom": "10px" }
+                      }, {
+                        default: n(() => [
+                          a(T, null, {
+                            default: n(() => t[22] || (t[22] = [
+                              r("div", { class: "repeat" }, "Ending", -1)
+                            ])),
+                            _: 1
+                          }),
+                          a(T, null, {
+                            default: n(() => [
+                              a(w, {
+                                modelValue: i.recurringEndDate,
+                                "onUpdate:modelValue": t[9] || (t[9] = (m) => i.recurringEndDate = m),
+                                type: "date",
+                                label: "End Date",
+                                class: "mx-1",
+                                rules: [i.rules.required],
+                                disabled: !!s.activity,
+                                "data-test": "recurring-end-date"
+                              }, null, 8, ["modelValue", "rules", "disabled"])
+                            ]),
+                            _: 1
+                          }),
+                          a(T, null, {
+                            default: n(() => [
+                              a(w, {
+                                modelValue: i.recurringEndTime,
+                                "onUpdate:modelValue": t[10] || (t[10] = (m) => i.recurringEndTime = m),
+                                type: "time",
+                                step: "1",
+                                label: "End Time",
+                                class: "mx-1",
+                                rules: [i.rules.required],
+                                disabled: !!s.activity,
+                                "data-test": "recurring-end-time"
+                              }, null, 8, ["modelValue", "rules", "disabled"])
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })) : A("", !0),
+                      a(c, null, {
+                        default: n(() => [
+                          q(r("span", {
+                            class: "ma-2 text-red",
+                            textContent: C(o.timeError)
+                          }, null, 8, lt), [
+                            [I, o.timeError]
+                          ])
+                        ]),
+                        _: 1
+                      })
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              "item.2": n(() => [
+                a(E, null, {
+                  default: n(() => [
+                    r("div", st, [
+                      a(_, {
+                        density: "compact",
+                        "hide-details": "",
+                        variant: "outlined",
+                        modelValue: i.kind,
+                        "onUpdate:modelValue": t[11] || (t[11] = (m) => i.kind = m),
+                        items: i.types,
+                        label: "Activity Type",
+                        "data-test": "activity-select-type",
+                        class: "pb-2"
+                      }, null, 8, ["modelValue", "items"]),
+                      i.kind === "COMMAND" ? (v(), V("div", dt, [
+                        a(w, {
+                          modelValue: i.activityData,
+                          "onUpdate:modelValue": t[12] || (t[12] = (m) => i.activityData = m),
+                          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"])
+                      ])) : i.kind === "SCRIPT" ? (v(), V("div", rt, [
+                        a(x, { onFile: o.fileHandler }, null, 8, ["onFile"]),
+                        a(f, {
+                          modelValue: i.activityEnvironment,
+                          "onUpdate:modelValue": t[13] || (t[13] = (m) => i.activityEnvironment = m)
+                        }, null, 8, ["modelValue"])
+                      ])) : (v(), V("div", ut, t[23] || (t[23] = [
+                        r("span", { class: "ma-2" }, " No required input ", -1)
+                      ]))),
+                      q(a(c, { class: "mt-2" }, {
+                        default: n(() => [
+                          r("span", {
+                            class: "ma-2 text-red",
+                            textContent: C(o.typeError)
+                          }, null, 8, mt)
+                        ]),
+                        _: 1
+                      }, 512), [
+                        [I, o.typeError]
+                      ])
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 2
+            }, [
+              i.dialogStep === 2 ? {
+                name: "actions",
+                fn: n(() => [
+                  a(c, { class: "ma-0 px-6 pb-4" }, {
+                    default: n(() => [
+                      a(h, {
+                        onClick: t[0] || (t[0] = () => i.dialogStep -= 1),
+                        variant: "text"
+                      }, {
+                        default: n(() => t[18] || (t[18] = [
+                          y(" Previous ")
+                        ])),
+                        _: 1
+                      }),
+                      a(d),
+                      a(h, {
+                        onClick: o.clearHandler,
+                        variant: "outlined",
+                        class: "mr-4"
+                      }, {
+                        default: n(() => t[19] || (t[19] = [
+                          y(" Cancel ")
+                        ])),
+                        _: 1
+                      }, 8, ["onClick"]),
+                      a(h, {
+                        onClick: P(o.submitHandler, ["prevent"]),
+                        type: "submit",
+                        color: "primary",
+                        disabled: !!e.error
+                      }, {
+                        default: n(() => t[20] || (t[20] = [
+                          y(" Ok ")
+                        ])),
+                        _: 1
+                      }, 8, ["onClick", "disabled"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["modelValue"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"])
+  ]);
+}
+const pt = /* @__PURE__ */ N(at, [["render", ct], ["__scopeId", "data-v-9ad41f9b"]]), vt = {
+  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 ht(e, t, s, u, i, o) {
+  const d = l("v-icon"), D = l("v-list-item"), k = l("v-select");
+  return v(), V("div", null, [
+    a(k, {
+      label: "Color",
+      items: o.swatches,
+      modelValue: o.color,
+      "onUpdate:modelValue": t[0] || (t[0] = (b) => o.color = b)
+    }, {
+      "prepend-inner": n(() => [
+        a(d, { color: o.color }, {
+          default: n(() => t[1] || (t[1] = [
+            y(" mdi-square ")
+          ])),
+          _: 1
+        }, 8, ["color"])
+      ]),
+      item: n(({ props: b, item: h }) => [
+        a(D, j(b, {
+          value: h.raw
+        }), {
+          prepend: n(() => [
+            a(d, {
+              color: h.raw
+            }, {
+              default: n(() => t[2] || (t[2] = [
+                y(" mdi-square ")
+              ])),
+              _: 2
+            }, 1032, ["color"])
+          ]),
+          _: 2
+        }, 1040, ["value"])
+      ]),
+      _: 1
+    }, 8, ["items", "modelValue"])
+  ]);
+}
+const L = /* @__PURE__ */ N(vt, [["render", ht]]), yt = {
+  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(() => 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}`
+        });
+      }).catch(() => {
+      });
+    }
+  }
+}, ft = {
+  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);
+    }
+  }
+}, _t = {
+  scope: "col",
+  class: "text-right"
+};
+function Vt(e, t, s, u, i, o) {
+  const d = l("v-icon"), D = l("v-tooltip"), k = l("v-text-field"), b = l("v-table");
+  return v(), V("div", null, [
+    a(b, { dense: "" }, {
+      default: n(() => [
+        r("tbody", null, [
+          r("tr", null, [
+            t[2] || (t[2] = r("th", {
+              scope: "col",
+              class: "text-left"
+            }, "Key", -1)),
+            t[3] || (t[3] = r("th", {
+              scope: "col",
+              class: "text-left"
+            }, "Value", -1)),
+            r("th", _t, [
+              a(D, { location: "top" }, {
+                activator: n(({ props: h }) => [
+                  r("div", H(Z(h)), [
+                    a(d, {
+                      "data-test": "new-metadata-icon",
+                      onClick: o.newMetadata
+                    }, {
+                      default: n(() => t[0] || (t[0] = [
+                        y(" mdi-plus ")
+                      ])),
+                      _: 1
+                    }, 8, ["onClick"])
+                  ], 16)
+                ]),
+                default: n(() => [
+                  t[1] || (t[1] = r("span", null, " New Metadata ", -1))
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          (v(!0), V(K, null, W(o.metadata, (h, c) => (v(), V("tr", {
+            key: `tr-${c}`
+          }, [
+            r("td", null, [
+              a(k, {
+                modelValue: h.key,
+                "onUpdate:modelValue": (_) => h.key = _,
+                type: "text",
+                density: "compact",
+                "data-test": `key-${c}`
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-test"])
+            ]),
+            r("td", null, [
+              a(k, {
+                modelValue: h.value,
+                "onUpdate:modelValue": (_) => h.value = _,
+                type: "text",
+                density: "compact",
+                "data-test": `value-${c}`
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-test"])
+            ]),
+            r("td", null, [
+              a(D, { location: "top" }, {
+                activator: n(({ props: _ }) => [
+                  r("div", j({ ref_for: !0 }, _), [
+                    a(d, {
+                      "data-test": `delete-metadata-icon-${c}`,
+                      onClick: (w) => o.rm(c)
+                    }, {
+                      default: n(() => t[4] || (t[4] = [
+                        y(" mdi-delete ")
+                      ])),
+                      _: 2
+                    }, 1032, ["data-test", "onClick"])
+                  ], 16)
+                ]),
+                default: n(() => [
+                  t[5] || (t[5] = r("span", null, " Delete Metadata ", -1))
+                ]),
+                _: 2
+              }, 1024)
+            ])
+          ]))), 128))
+        ])
+      ]),
+      _: 1
+    })
+  ]);
+}
+const Dt = /* @__PURE__ */ N(ft, [["render", Vt]]), wt = {
+  components: {
+    ColorSelectForm: L,
+    MetadataInputForm: Dt
+  },
+  props: {
+    modelValue: Boolean,
+    metadata: {
+      type: Object,
+      default: null
+    }
+  },
+  mixins: [B, R],
+  data() {
+    return {
+      dialogStep: 1,
+      color: "#003784",
+      metadataVals: [],
+      rules: {
+        required: (e) => !!e || "Required"
+      }
+    };
+  },
+  mounted: function() {
+    this.updateValues();
+  },
+  computed: {
+    typeError: function() {
+      return this.color ? this.metadataVals.length < 1 ? "Please enter a value in the metadata table." : this.metadataVals.find(
+        (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);
+      }
+    }
+  },
+  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((u, i) => (u[i.key] = i.value, u), {}), s = { color: e, metadata: t };
+      this.timeZone === "local" ? s.start = (/* @__PURE__ */ new Date(
+        this.startDate + " " + this.startTime
+      )).toISOString() : s.start = (/* @__PURE__ */ new Date(
+        this.startDate + " " + this.startTime + "Z"
+      )).toISOString(), this.metadata ? U.put(`/openc3-api/metadata/${this.metadata.start}`, {
+        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;
+      }) : U.post("/openc3-api/metadata", {
+        data: s
+      }).then((u) => {
+        this.$notify.normal({
+          title: "Created new Metadata",
+          body: `Metadata: (${u.data.start})`
+        }), this.$emit("update", u.data), this.show = !this.show;
+      });
+    }
+  }
+}, gt = { key: 0 }, bt = { key: 1 }, kt = { class: "pa-2" }, Tt = { class: "pa-2" }, St = { style: { "min-height": "200px" } }, Ct = ["textContent"];
+function Et(e, t, s, u, i, o) {
+  const d = l("v-spacer"), D = l("v-icon"), k = l("v-tooltip"), b = l("v-toolbar"), h = l("v-btn"), c = l("v-row"), _ = l("color-select-form"), w = l("v-text-field"), S = l("v-card-text"), T = l("metadata-input-form"), E = l("v-stepper"), x = l("v-card"), f = l("v-dialog");
+  return v(), V("div", null, [
+    a(f, {
+      persistent: "",
+      modelValue: o.show,
+      "onUpdate:modelValue": t[6] || (t[6] = (g) => o.show = g),
+      width: "600"
+    }, {
+      default: n(() => [
+        a(x, null, {
+          default: n(() => [
+            a(b, { height: "24" }, {
+              default: n(() => [
+                a(d),
+                s.metadata ? (v(), V("span", gt, "Update Metadata")) : (v(), V("span", bt, "Create Metadata")),
+                a(d),
+                a(k, { location: "top" }, {
+                  activator: n(({ props: g }) => [
+                    r("div", H(Z(g)), [
+                      a(D, {
+                        "data-test": "close-metadata-icon",
+                        onClick: o.clearHandler
+                      }, {
+                        default: n(() => t[7] || (t[7] = [
+                          y(" mdi-close-box ")
+                        ])),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ], 16)
+                  ]),
+                  default: n(() => [
+                    t[8] || (t[8] = r("span", null, "Close", -1))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            a(E, {
+              modelValue: i.dialogStep,
+              "onUpdate:modelValue": t[5] || (t[5] = (g) => i.dialogStep = g),
+              editable: "",
+              items: ["Metadata Times", "Metadata Input"]
+            }, F({
+              "item.1": n(() => [
+                a(S, null, {
+                  default: n(() => [
+                    r("div", kt, [
+                      a(_, {
+                        modelValue: i.color,
+                        "onUpdate:modelValue": t[1] || (t[1] = (g) => i.color = g)
+                      }, null, 8, ["modelValue"]),
+                      a(c, { dense: "" }, {
+                        default: n(() => [
+                          a(w, {
+                            modelValue: e.startDate,
+                            "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(w, {
+                            modelValue: e.startTime,
+                            "onUpdate:modelValue": t[3] || (t[3] = (g) => e.startTime = g),
+                            type: "time",
+                            step: "1",
+                            label: "Start Time",
+                            class: "mx-1",
+                            rules: [i.rules.required],
+                            "data-test": "metadata-start-time"
+                          }, null, 8, ["modelValue", "rules"])
+                        ]),
+                        _: 1
+                      })
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              "item.2": n(() => [
+                a(S, null, {
+                  default: n(() => [
+                    r("div", Tt, [
+                      r("div", St, [
+                        a(T, {
+                          modelValue: i.metadataVals,
+                          "onUpdate:modelValue": t[4] || (t[4] = (g) => i.metadataVals = g)
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      q(a(c, null, {
+                        default: n(() => [
+                          r("span", {
+                            class: "ma-2 text-red",
+                            textContent: C(o.typeError)
+                          }, null, 8, Ct)
+                        ]),
+                        _: 1
+                      }, 512), [
+                        [I, o.typeError]
+                      ])
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 2
+            }, [
+              i.dialogStep === 2 ? {
+                name: "actions",
+                fn: n(() => [
+                  a(c, { class: "ma-0 px-6 pb-4" }, {
+                    default: n(() => [
+                      a(h, {
+                        onClick: t[0] || (t[0] = () => i.dialogStep -= 1),
+                        variant: "text"
+                      }, {
+                        default: n(() => t[9] || (t[9] = [
+                          y(" Previous ")
+                        ])),
+                        _: 1
+                      }),
+                      a(d),
+                      a(h, {
+                        onClick: o.clearHandler,
+                        variant: "outlined",
+                        class: "mr-4"
+                      }, {
+                        default: n(() => t[10] || (t[10] = [
+                          y(" Cancel ")
+                        ])),
+                        _: 1
+                      }, 8, ["onClick"]),
+                      a(h, {
+                        onClick: P(o.submitHandler, ["prevent"]),
+                        type: "submit",
+                        color: "primary",
+                        disabled: !!e.error
+                      }, {
+                        default: n(() => t[11] || (t[11] = [
+                          y(" Ok ")
+                        ])),
+                        _: 1
+                      }, 8, ["onClick", "disabled"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["modelValue"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"])
+  ]);
+}
+const Ut = /* @__PURE__ */ N(wt, [["render", Et], ["__scopeId", "data-v-364c2ff6"]]), xt = {
+  components: {
+    ColorSelectForm: L
+  },
+  props: {
+    modelValue: Boolean,
+    note: {
+      type: Object
+    }
+  },
+  mixins: [B, R],
+  data() {
+    return {
+      dialogStep: 1,
+      description: "",
+      color: "#8F3400",
+      rules: {
+        required: (e) => !!e || "Required"
+      }
+    };
+  },
+  mounted: function() {
+    this.updateValues();
+  },
+  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);
+      }
+    }
+  },
+  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, u = this.description;
+      this.note ? U.put(`/openc3-api/notes/${this.note.start}`, {
+        data: { start: e, stop: t, color: s, description: u }
+      }).then((i) => {
+        const o = i.data.description.length > 16 ? `${i.data.description.substring(0, 16)}...` : i.data.description;
+        this.$notify.normal({
+          title: "Updated Note",
+          body: `Note updated: (${i.data.start}): "${o}"`
+        }), this.$emit("update", i.data), this.show = !this.show;
+      }) : U.post("/openc3-api/notes", {
+        data: { start: e, stop: t, color: s, description: u }
+      }).then((i) => {
+        const o = i.data.description.length > 16 ? `${i.data.description.substring(0, 16)}...` : i.data.description;
+        this.$notify.normal({
+          title: "Created new Note",
+          body: `Note: (${i.data.start}) created: "${o}"`
+        }), this.$emit("update", i.data), this.show = !this.show;
+      });
+    }
+  }
+}, Mt = { key: 0 }, At = { key: 1 }, Nt = { class: "pa-2" }, qt = ["textContent"], It = { class: "pa-2" }, Ht = ["textContent"];
+function Zt(e, t, s, u, i, o) {
+  const d = l("v-spacer"), D = l("v-icon"), k = l("v-tooltip"), b = l("v-toolbar"), h = l("v-btn"), c = l("v-row"), _ = l("v-text-field"), w = l("v-card-text"), S = l("color-select-form"), T = l("v-stepper"), E = l("v-card"), x = l("v-dialog");
+  return v(), V("div", null, [
+    a(x, {
+      persistent: "",
+      modelValue: o.show,
+      "onUpdate:modelValue": t[8] || (t[8] = (f) => o.show = f),
+      width: "600"
+    }, {
+      default: n(() => [
+        a(E, null, {
+          default: n(() => [
+            a(b, { height: "24" }, {
+              default: n(() => [
+                a(d),
+                s.note ? (v(), V("span", Mt, "Update Note")) : (v(), V("span", At, "Create Note")),
+                a(d),
+                a(k, { location: "top" }, {
+                  activator: n(({ props: f }) => [
+                    r("div", H(Z(f)), [
+                      a(D, {
+                        "data-test": "close-note-icon",
+                        onClick: o.clearHandler
+                      }, {
+                        default: n(() => t[9] || (t[9] = [
+                          y(" mdi-close-box ")
+                        ])),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ], 16)
+                  ]),
+                  default: n(() => [
+                    t[10] || (t[10] = r("span", null, " Close ", -1))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            a(T, {
+              modelValue: i.dialogStep,
+              "onUpdate:modelValue": t[7] || (t[7] = (f) => i.dialogStep = f),
+              editable: "",
+              items: ["Note Times", "Note Input"]
+            }, F({
+              "item.1": n(() => [
+                a(w, null, {
+                  default: n(() => [
+                    r("div", Nt, [
+                      a(c, { dense: "" }, {
+                        default: n(() => [
+                          a(_, {
+                            modelValue: e.startDate,
+                            "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(_, {
+                            modelValue: e.startTime,
+                            "onUpdate:modelValue": t[2] || (t[2] = (f) => e.startTime = f),
+                            type: "time",
+                            step: "1",
+                            label: "Start Time",
+                            class: "mx-1",
+                            rules: [i.rules.required],
+                            "data-test": "note-start-time"
+                          }, null, 8, ["modelValue", "rules"])
+                        ]),
+                        _: 1
+                      }),
+                      a(c, { dense: "" }, {
+                        default: n(() => [
+                          a(_, {
+                            modelValue: e.endDate,
+                            "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(_, {
+                            modelValue: e.endTime,
+                            "onUpdate:modelValue": t[4] || (t[4] = (f) => e.endTime = f),
+                            type: "time",
+                            step: "1",
+                            label: "End Time",
+                            class: "mx-1",
+                            rules: [i.rules.required],
+                            "data-test": "note-end-time"
+                          }, null, 8, ["modelValue", "rules"])
+                        ]),
+                        _: 1
+                      }),
+                      a(c, null, {
+                        default: n(() => [
+                          q(r("span", {
+                            class: "ma-2 text-red",
+                            textContent: C(o.timeError)
+                          }, null, 8, qt), [
+                            [I, o.timeError]
+                          ])
+                        ]),
+                        _: 1
+                      })
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              "item.2": n(() => [
+                a(w, null, {
+                  default: n(() => [
+                    r("div", It, [
+                      r("div", null, [
+                        a(S, {
+                          modelValue: i.color,
+                          "onUpdate:modelValue": t[5] || (t[5] = (f) => i.color = f)
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      r("div", null, [
+                        a(_, {
+                          modelValue: i.description,
+                          "onUpdate:modelValue": t[6] || (t[6] = (f) => i.description = f),
+                          type: "text",
+                          label: "Note Description",
+                          "data-test": "note-description"
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      q(a(c, null, {
+                        default: n(() => [
+                          r("span", {
+                            class: "ma-2 text-red",
+                            textContent: C(o.typeError)
+                          }, null, 8, Ht)
+                        ]),
+                        _: 1
+                      }, 512), [
+                        [I, o.typeError]
+                      ])
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 2
+            }, [
+              i.dialogStep === 2 ? {
+                name: "actions",
+                fn: n(() => [
+                  a(c, { class: "ma-0 px-6 pb-4" }, {
+                    default: n(() => [
+                      a(h, {
+                        onClick: t[0] || (t[0] = () => i.dialogStep -= 1),
+                        variant: "text"
+                      }, {
+                        default: n(() => t[11] || (t[11] = [
+                          y(" Previous ")
+                        ])),
+                        _: 1
+                      }),
+                      a(d),
+                      a(h, {
+                        onClick: o.clearHandler,
+                        variant: "outlined",
+                        class: "mr-4"
+                      }, {
+                        default: n(() => t[12] || (t[12] = [
+                          y(" Cancel ")
+                        ])),
+                        _: 1
+                      }, 8, ["onClick"]),
+                      a(h, {
+                        onClick: P(o.submitHandler, ["prevent"]),
+                        type: "submit",
+                        color: "primary",
+                        disabled: !!e.error
+                      }, {
+                        default: n(() => t[13] || (t[13] = [
+                          y(" Ok ")
+                        ])),
+                        _: 1
+                      }, 8, ["onClick", "disabled"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["modelValue"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"])
+  ]);
+}
+const Ot = /* @__PURE__ */ N(xt, [["render", Zt], ["__scopeId", "data-v-87960c87"]]), Rt = {
+  components: {
+    ActivityCreateDialog: pt,
+    MetadataCreateDialog: Ut,
+    NoteCreateDialog: Ot
+  },
+  mixins: [R, yt],
+  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(
+            ([u, i]) => s.push(`${u}: ${i}`)
+          ), 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((o) => o.type === e.type && o.start === e.start), s = null, u = null, i = null;
+      switch (e.type) {
+        case "activity":
+          s = `timeline/${e.activity.name}/activity`, u = e.activity.start, i = e.activity.uuid;
+          break;
+        case "metadata":
+          s = "metadata", u = e.metadata.start;
+          break;
+        case "note":
+          s = "notes", u = e.note.start;
+          break;
+      }
+      this.$dialog.confirm(
+        `Are you sure you want to remove ${e.type} at ${e.start}`,
+        {
+          okText: "Delete",
+          cancelText: "Cancel"
+        }
+      ).then((o) => {
+        this.localEvents.splice(t, 1);
+        let d = `/openc3-api/${s}/${u}`;
+        return i && (d += `/${i}`), U.delete(d);
+      }).then((o) => {
+        this.$emit("update"), this.$notify.normal({
+          title: `Deleted ${e.type}`,
+          body: `Deleted ${e.type} at ${u}`
+        });
+      }).catch((o) => {
+      });
+    },
+    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);
+    }
+  }
+}, zt = { key: 0 }, Ft = { key: 1 }, Pt = { key: 0 }, Bt = { key: 1 };
+function jt(e, t, s, u, i, o) {
+  const d = l("v-spacer"), D = l("v-icon"), k = l("v-tooltip"), b = l("v-toolbar"), h = l("v-text-field"), c = l("v-row"), _ = l("v-card-title"), w = l("v-data-table"), S = l("v-btn"), T = l("v-card-actions"), E = l("v-card"), x = l("v-dialog"), f = l("activity-create-dialog"), g = l("metadata-create-dialog"), z = l("note-create-dialog");
+  return v(), V("div", null, [
+    a(x, {
+      persistent: "",
+      modelValue: o.show,
+      "onUpdate:modelValue": t[2] || (t[2] = (p) => o.show = p),
+      width: "80vw"
+    }, {
+      default: n(() => [
+        a(E, null, {
+          default: n(() => [
+            a(b, { height: "24" }, {
+              default: n(() => [
+                a(d),
+                s.newMetadata ? (v(), V("span", zt, "Metadata")) : (v(), V("span", Ft, "Events")),
+                a(d),
+                a(k, { location: "top" }, {
+                  activator: n(({ props: p }) => [
+                    r("div", H(Z(p)), [
+                      a(D, {
+                        "data-test": "close-metadata-icon",
+                        onClick: o.close
+                      }, {
+                        default: n(() => t[7] || (t[7] = [
+                          y(" mdi-close-box ")
+                        ])),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ], 16)
+                  ]),
+                  default: n(() => [
+                    t[8] || (t[8] = r("span", null, "Close", -1))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            a(_, null, {
+              default: n(() => [
+                a(c, { class: "pa-3" }, {
+                  default: n(() => [
+                    s.newMetadata ? (v(), V("span", Pt, "Metadata")) : (v(), V("span", Bt, "Events")),
+                    a(d),
+                    a(h, {
+                      modelValue: i.search,
+                      "onUpdate:modelValue": t[0] || (t[0] = (p) => i.search = p),
+                      label: "Search",
+                      "prepend-inner-icon": "mdi-magnify",
+                      clearable: "",
+                      variant: "outlined",
+                      density: "compact",
+                      "single-line": "",
+                      "hide-details": ""
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            a(w, {
+              headers: i.eventHeaders,
+              items: i.localEvents,
+              search: i.search
+            }, {
+              "no-data": n(() => t[9] || (t[9] = [
+                r("span", null, " No events ", -1)
+              ])),
+              "item.start": n(({ item: p }) => [
+                y(C(e.formatDateTime(p.start, s.timeZone)), 1)
+              ]),
+              "item.end": n(({ item: p }) => [
+                y(C(e.formatDateTime(p.end, s.timeZone)), 1)
+              ]),
+              "item.type": n(({ item: p }) => [
+                y(C(p.type.charAt(0).toUpperCase() + p.type.slice(1)), 1)
+              ]),
+              "item.data": n(({ item: p }) => [
+                y(C(o.dataFormat(p)), 1)
+              ]),
+              "item.actions": n(({ item: p }) => [
+                a(D, {
+                  size: "small",
+                  class: "mr-2",
+                  onClick: (m) => o.editAction(p),
+                  "data-test": "edit-event"
+                }, {
+                  default: n(() => t[10] || (t[10] = [
+                    y(" mdi-pencil ")
+                  ])),
+                  _: 2
+                }, 1032, ["onClick"]),
+                a(D, {
+                  size: "small",
+                  onClick: (m) => o.deleteAction(p),
+                  "data-test": "delete-event"
+                }, {
+                  default: n(() => t[11] || (t[11] = [
+                    y(" mdi-delete ")
+                  ])),
+                  _: 2
+                }, 1032, ["onClick"])
+              ]),
+              _: 1
+            }, 8, ["headers", "items", "search"]),
+            a(T, { class: "px-2" }, {
+              default: n(() => [
+                a(d),
+                a(S, {
+                  variant: "outlined",
+                  "data-test": "close-event-list",
+                  onClick: o.close
+                }, {
+                  default: n(() => t[12] || (t[12] = [
+                    y(" Close ")
+                  ])),
+                  _: 1
+                }, 8, ["onClick"]),
+                s.newMetadata ? (v(), M(S, {
+                  key: 0,
+                  variant: "flat",
+                  "data-test": "new-event",
+                  onClick: t[1] || (t[1] = (p) => i.showMetadataCreate = !0)
+                }, {
+                  default: n(() => t[13] || (t[13] = [
+                    y(" New Metadata ")
+                  ])),
+                  _: 1
+                })) : A("", !0)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"]),
+    i.showActivityUpdate ? (v(), M(f, {
+      key: 0,
+      modelValue: i.showActivityUpdate,
+      "onUpdate:modelValue": t[3] || (t[3] = (p) => i.showActivityUpdate = p),
+      activity: i.editActivity,
+      "time-zone": s.timeZone,
+      onUpdate: o.updateActivity
+    }, null, 8, ["modelValue", "activity", "time-zone", "onUpdate"])) : A("", !0),
+    i.showMetadataUpdate ? (v(), M(g, {
+      key: 1,
+      modelValue: i.showMetadataUpdate,
+      "onUpdate:modelValue": t[4] || (t[4] = (p) => i.showMetadataUpdate = p),
+      metadata: i.editMetadata,
+      "time-zone": s.timeZone,
+      onUpdate: o.updateMetadata
+    }, null, 8, ["modelValue", "metadata", "time-zone", "onUpdate"])) : A("", !0),
+    i.showNoteUpdate ? (v(), M(z, {
+      key: 2,
+      modelValue: i.showNoteUpdate,
+      "onUpdate:modelValue": t[5] || (t[5] = (p) => i.showNoteUpdate = p),
+      note: i.editNote,
+      "time-zone": s.timeZone,
+      onUpdate: o.updateNote
+    }, null, 8, ["modelValue", "note", "time-zone", "onUpdate"])) : A("", !0),
+    i.showMetadataCreate ? (v(), M(g, {
+      key: 3,
+      modelValue: i.showMetadataCreate,
+      "onUpdate:modelValue": t[6] || (t[6] = (p) => i.showMetadataCreate = p),
+      "time-zone": s.timeZone,
+      onUpdate: o.addMetadata
+    }, null, 8, ["modelValue", "time-zone", "onUpdate"])) : A("", !0)
+  ]);
+}
+const te = /* @__PURE__ */ N(Rt, [["render", jt]]);
+export {
+  pt as A,
+  L as C,
+  yt as D,
+  te as E,
+  Ut as M,
+  Ot as N,
+  B as a,
+  Dt as b
+};
+//# sourceMappingURL=EventListDialog-CSMSmCIT.js.map