tsviewer 1.0.26 → 1.0.28

package/dist/TsAnnotationDeleteDialog-CoPkyAmW.mjs

@@ -0,0 +1,249 @@
+import "./base-CIy5gWpu.mjs";
+import { E as k } from "./el-overlay-_Fd7WVZL.mjs";
+import { createElementBlock as a, openBlock as i, normalizeClass as T, createCommentVNode as f, createElementVNode as s, renderSlot as d, toDisplayString as u, resolveComponent as B, createBlock as A, withCtx as c, createVNode as r, Fragment as x, createTextVNode as h } from "vue";
+import { e as m, p as V } from "./index-BtnXpu3W.mjs";
+import N from "./BFButton-V2zgKAQA.mjs";
+import { p as C } from "./pathOr-DE7WGRqe.mjs";
+const U = {
+  name: "DialogBody",
+  setup(e, { slots: t }) {
+    return { hasSlot: (l) => !!t[l] };
+  },
+  props: {
+    fixedHeight: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  computed: {
+    classNames: function() {
+      const e = this.$slots.icon ? "icon" : "", t = this.fixedHeight ? "fixed-height" : "";
+      return `dialog-body ${e} ${t}`;
+    }
+  }
+}, I = {
+  key: 0,
+  class: "dialog-body-icon"
+}, H = {
+  key: 1,
+  class: "dialog-body-heading"
+}, E = { class: "dialog-body-content" };
+function O(e, t, o, l, p, n) {
+  return i(), a("div", {
+    class: T(n.classNames)
+  }, [
+    l.hasSlot("icon") ? (i(), a("div", I, [
+      d(e.$slots, "icon", {}, void 0, !0)
+    ])) : f("", !0),
+    l.hasSlot("heading") ? (i(), a("div", H, [
+      d(e.$slots, "heading", {}, void 0, !0)
+    ])) : f("", !0),
+    s("div", E, [
+      d(e.$slots, "default", {}, void 0, !0)
+    ])
+  ], 2);
+}
+const D = /* @__PURE__ */ m(U, [["render", O], ["__scopeId", "data-v-df814a5c"]]), P = {
+  name: "IconWarningCircle",
+  props: {
+    width: {
+      type: Number,
+      default: 16
+    },
+    height: {
+      type: Number,
+      default: 16
+    },
+    color: {
+      type: String,
+      default: "currentColor"
+    }
+  }
+}, z = ["width", "height", "fill"];
+function M(e, t, o, l, p, n) {
+  return i(), a("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: o.width,
+    height: o.height,
+    fill: o.color,
+    viewBox: "0 0 24 24"
+  }, t[0] || (t[0] = [
+    s("path", {
+      pid: "0",
+      d: "M22 11.4c-.1-2.7-1.3-5.1-3.3-6.9-.4-.4-1-.3-1.4.1-.4.4-.3 1 .1 1.4 1.6 1.4 2.5 3.4 2.7 5.5.1 2.1-.6 4.2-2 5.8s-3.4 2.5-5.5 2.7c-2.1.1-4.2-.6-5.8-2-1.6-1.4-2.5-3.4-2.7-5.5-.1-2.1.6-4.2 2-5.8 1.3-1.4 3.1-2.4 5-2.6V11c0 .6.4 1 1 1s1-.4 1-1V2h-1C9.2 2 6.4 3.2 4.5 5.3c-1.8 2-2.7 4.6-2.5 7.2.1 2.7 1.3 5.1 3.3 6.9C7.2 21.2 9.6 22 12 22c2.7 0 5.5-1.1 7.5-3.3 1.7-2 2.6-4.6 2.5-7.3z"
+    }, null, -1),
+    s("circle", {
+      pid: "1",
+      cx: "12",
+      cy: "15.5",
+      r: "1.5"
+    }, null, -1)
+  ]), 8, z);
+}
+const b = /* @__PURE__ */ m(P, [["render", M]]), W = {
+  name: "BfDialogHeader",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    }
+  },
+  methods: {
+    /**
+     * Trigger el-dialog close event
+     */
+    onClose: function() {
+      this.$parent.handleClose();
+    }
+  }
+}, j = { class: "bf-dialog-header" }, F = { class: "bf-dialog-header-title" };
+function Y(e, t, o, l, p, n) {
+  return i(), a("div", j, [
+    s("span", F, u(o.title), 1),
+    this.$slots.tabs ? f("", !0) : (i(), a("button", {
+      key: 0,
+      class: "icon-close",
+      onClick: t[0] || (t[0] = (..._) => n.onClose && n.onClose(..._))
+    })),
+    d(e.$slots, "tabs", {}, void 0, !0)
+  ]);
+}
+const y = /* @__PURE__ */ m(W, [["render", Y], ["__scopeId", "data-v-8fb1f048"]]), q = {
+  name: "TsAnnotationDeleteDialog",
+  components: {
+    BfDialogHeader: y,
+    DialogBody: D,
+    BfButton: N,
+    IconWarningCircle: b
+  },
+  props: {
+    visible: {
+      type: Boolean,
+      default: !1
+    },
+    deleteAnnotation: {
+      type: Object,
+      default: () => ({
+        annotation: {},
+        withDiscussions: !1
+      })
+    }
+  },
+  data: function() {
+    return {
+      isProcessing: !1
+    };
+  },
+  computed: {
+    /**
+     * Compute the annotation's name
+     * @returns {String}
+     */
+    annotationDescription: function() {
+      return C("", ["annotation", "label"], this.deleteAnnotation);
+    },
+    annotationDateTime: function() {
+      const e = C("", ["annotation", "start"], this.deleteAnnotation);
+      return this.getUTCDateString(e) + " " + this.getUTCTimeString(e);
+    },
+    deleteDiscussions: function() {
+      return V(!1, "withDiscussions", this.deleteAnnotation);
+    },
+    /**
+     * Compute copy for the delete button
+     * @returns {String}
+     */
+    btnDeleteCopy: function() {
+      return this.deleteDiscussions ? "Yes, I'm sure" : "Delete";
+    }
+  },
+  methods: {
+    removeAnnotation: function() {
+      this.$emit("delete", this.deleteAnnotation.annotation);
+    },
+    /**
+     * Emit event to update the synced property
+     */
+    close: function() {
+      this.$emit("update:visible", !1);
+    },
+    /**
+     * Callback after the dialog has closed
+     * Reset dialog
+     */
+    onClosed: function() {
+      this.isProcessing = !1, this.$emit("update:delete-annotation", {
+        annotation: {},
+        withDiscussions: !1
+      });
+    },
+    getUTCDateString: function(e) {
+      return e > 0 ? (e = new Date(e / 1e3), e.toDateString()) : "unknown";
+    },
+    getUTCTimeString: function(e) {
+      if (e > 0)
+        return e = e / 1e3, e = new Date(e), ("0" + e.getUTCHours()).slice(-2) + ":" + ("0" + e.getUTCMinutes()).slice(-2) + ":" + ("0" + e.getUTCSeconds()).slice(-2);
+    }
+  }
+}, G = { class: "dialog-simple-buttons" };
+function J(e, t, o, l, p, n) {
+  const _ = y, v = b, g = B("bf-button"), w = D, $ = k;
+  return i(), A($, {
+    class: "simple",
+    modelValue: o.visible,
+    "onUpdate:modelValue": t[0] || (t[0] = (S) => o.visible = S),
+    "show-close": !1,
+    onClose: n.close,
+    onClosed: n.onClosed
+  }, {
+    default: c(() => [
+      r(_, { slot: "title" }),
+      r(w, null, {
+        default: c(() => [
+          r(v, {
+            class: "mb-16",
+            height: 32,
+            width: 32,
+            color: "#C14D49"
+          }),
+          t[5] || (t[5] = s("h2", null, "Delete annotation?", -1)),
+          n.deleteDiscussions ? (i(), a(x, { key: 0 }, [
+            s("p", null, u(n.annotationDescription) + " - " + u(n.annotationDateTime), 1),
+            t[1] || (t[1] = s("hr", null, null, -1)),
+            t[2] || (t[2] = s("p", null, " Deleting this annotation will also remove any associated discussions and cannot be undone. ", -1)),
+            t[3] || (t[3] = s("p", null, " Are you sure you would like to remove this annotation? ", -1))
+          ], 64)) : f("", !0),
+          s("div", G, [
+            r(g, {
+              class: "secondary",
+              onClick: n.close
+            }, {
+              default: c(() => t[4] || (t[4] = [
+                h(" Cancel ")
+              ])),
+              _: 1,
+              __: [4]
+            }, 8, ["onClick"]),
+            r(g, {
+              class: "red",
+              processing: e.isProcessing,
+              onClick: n.removeAnnotation
+            }, {
+              default: c(() => [
+                h(u(n.btnDeleteCopy), 1)
+              ]),
+              _: 1
+            }, 8, ["processing", "onClick"])
+          ])
+        ]),
+        _: 1,
+        __: [5]
+      })
+    ]),
+    _: 1
+  }, 8, ["modelValue", "onClose", "onClosed"]);
+}
+const ee = /* @__PURE__ */ m(q, [["render", J], ["__scopeId", "data-v-d8d7db08"]]);
+export {
+  ee as default
+};

package/dist/_commonjsHelpers-DaMA6jEr.mjs

@@ -0,0 +1,8 @@
+var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function l(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+export {
+  o as c,
+  l as g
+};