@pennsieve-viz/tsviewer 1.0.0

package/dist/TSViewerToolbar-BMZIlD4q.js

@@ -0,0 +1,551 @@
+import { createElementBlock as g, openBlock as r, createElementVNode as t, ref as h, computed as z, onMounted as X, resolveComponent as m, createVNode as l, createBlock as _, createCommentVNode as M, withCtx as u, resolveDynamicComponent as G, Fragment as J, renderList as K } from "vue";
+import { g as p } from "./index-Cexzl5Xu.js";
+const Q = {
+  name: "IconPreviousPage",
+  props: {
+    width: {
+      type: Number,
+      default: 12
+    },
+    height: {
+      type: Number,
+      default: 12
+    },
+    color: {
+      type: String,
+      default: "currentColor"
+    }
+  }
+}, W = ["width", "height", "fill"];
+function Y(d, n, e, i, s, c) {
+  return r(), g("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: e.width,
+    height: e.height,
+    fill: e.color,
+    viewBox: "0 0 12 12"
+  }, [...n[0] || (n[0] = [
+    t("path", { d: "M10.959,0.571 L3.756,5.52 C3.756,5.52 3.477,5.721 3.477,6.001 C3.477,6.281 3.756,6.48 3.756,6.48 L10.959,11.431 C11.531,11.811 12,11.53 12,10.805 L12,1.196 C12,0.469 11.531,0.188 10.959,0.571 Z M2,0 L1,0 C0.447,0 0,0.048 0,0.6 L0,11.4 C0,11.952 0.447,12 1,12 L2,12 C2.553,12 3,11.952 3,11.4 L3,0.6 C3,0.048 2.553,0 2,0 Z" }, null, -1)
+  ])], 8, W);
+}
+const tt = /* @__PURE__ */ p(Q, [["render", Y]]), et = {
+  name: "IconNextAnnotationLeftFacing",
+  props: {
+    width: {
+      type: Number,
+      default: 24
+    },
+    height: {
+      type: Number,
+      default: 14
+    },
+    color: {
+      type: String,
+      default: "currentColor"
+    }
+  }
+}, nt = ["width", "height", "fill"];
+function ot(d, n, e, i, s, c) {
+  return r(), g("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: e.width,
+    height: e.height,
+    fill: e.color,
+    viewBox: "0 0 24 14"
+  }, [...n[0] || (n[0] = [
+    t("defs", null, [
+      t("path", {
+        pid: "0",
+        d: "M4 5L.859 1.58a.695.695 0 0 1 0-.978.68.68 0 0 1 .969 0l3.83 3.908a.697.697 0 0 1 0 .979l-3.83 3.908a.68.68 0 0 1-.969 0 .695.695 0 0 1 0-.978L4 5z",
+        id: "svgicon-next-annotation-left-facing-a"
+      })
+    ], -1),
+    t("g", {
+      _fill: "none",
+      "fill-rule": "evenodd"
+    }, [
+      t("g", { transform: "matrix(-1 0 0 1 6 0)" }, [
+        t("mask", {
+          id: "svgicon-next-annotation-left-facing-b",
+          _fill: "#fff"
+        }, [
+          t("use", { "xlink:href": "#svgicon-next-annotation-left-facing-a" })
+        ]),
+        t("use", {
+          _fill: "#000",
+          "fill-rule": "nonzero",
+          "xlink:href": "#svgicon-next-annotation-left-facing-a"
+        }),
+        t("g", {
+          mask: "url(#svgicon-next-annotation-left-facing-b)",
+          _fill: "#000"
+        }, [
+          t("path", {
+            pid: "1",
+            d: "M-2 0H8v10H-2z"
+          })
+        ])
+      ]),
+      t("g", { _fill: "#000" }, [
+        t("path", {
+          pid: "2",
+          d: "M23.986 10.906l-5.6-2.506 2.303 5.6.63-2.611zM10 8.4h1.4v1.4H10zM12.8 8.4h1.4v1.4h-1.4zM15.6 8.4H17v1.4h-1.4zM10 5.6h1.4V7H10zM10 2.8h1.4v1.4H10zM18.4 5.6h1.4V7h-1.4zM18.4 2.8h1.4v1.4h-1.4zM10 0h1.4v1.4H10zM12.8 0h1.4v1.4h-1.4zM15.6 0H17v1.4h-1.4zM18.4 0h1.4v1.4h-1.4z"
+        })
+      ])
+    ], -1)
+  ])], 8, nt);
+}
+const lt = /* @__PURE__ */ p(et, [["render", ot]]), it = {
+  name: "IconNextAnnotationRightFacing",
+  props: {
+    width: {
+      type: Number,
+      default: 24
+    },
+    height: {
+      type: Number,
+      default: 14
+    },
+    color: {
+      type: String,
+      default: "currentColor"
+    }
+  }
+}, at = ["width", "height", "fill"];
+function rt(d, n, e, i, s, c) {
+  return r(), g("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: e.width,
+    height: e.height,
+    fill: e.color,
+    viewBox: "0 0 24 14"
+  }, [...n[0] || (n[0] = [
+    t("defs", null, [
+      t("path", {
+        pid: "0",
+        d: "M4 5L.859 1.58a.695.695 0 0 1 0-.978.68.68 0 0 1 .969 0l3.83 3.908a.697.697 0 0 1 0 .979l-3.83 3.908a.68.68 0 0 1-.969 0 .695.695 0 0 1 0-.978L4 5z",
+        id: "svgicon-next-annotation-right-facing-a"
+      })
+    ], -1),
+    t("g", {
+      _fill: "none",
+      "fill-rule": "evenodd"
+    }, [
+      t("g", { transform: "translate(18)" }, [
+        t("mask", {
+          id: "svgicon-next-annotation-right-facing-b",
+          _fill: "#fff"
+        }, [
+          t("use", { "xlink:href": "#svgicon-next-annotation-right-facing-a" })
+        ]),
+        t("use", {
+          _fill: "#000",
+          "fill-rule": "nonzero",
+          "xlink:href": "#svgicon-next-annotation-right-facing-a"
+        }),
+        t("g", {
+          mask: "url(#svgicon-next-annotation-right-facing-b)",
+          _fill: "#000"
+        }, [
+          t("path", {
+            pid: "1",
+            d: "M-2 0H8v10H-2z"
+          })
+        ])
+      ]),
+      t("g", { _fill: "#000" }, [
+        t("path", {
+          pid: "2",
+          d: "M13.986 10.906L8.386 8.4l2.303 5.6.63-2.611zM0 8.4h1.4v1.4H0zM2.8 8.4h1.4v1.4H2.8zM5.6 8.4H7v1.4H5.6zM0 5.6h1.4V7H0zM0 2.8h1.4v1.4H0zM8.4 5.6h1.4V7H8.4zM8.4 2.8h1.4v1.4H8.4zM0 0h1.4v1.4H0zM2.8 0h1.4v1.4H2.8zM5.6 0H7v1.4H5.6zM8.4 0h1.4v1.4H8.4z"
+        })
+      ])
+    ], -1)
+  ])], 8, at);
+}
+const st = /* @__PURE__ */ p(it, [["render", rt]]), ct = {
+  name: "IconNextPage",
+  props: {
+    width: {
+      type: Number,
+      default: 16
+    },
+    height: {
+      type: Number,
+      default: 16
+    },
+    color: {
+      type: String,
+      default: "currentColor"
+    }
+  }
+}, ut = ["width", "height", "fill"];
+function dt(d, n, e, i, s, c) {
+  return r(), g("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: e.width,
+    height: e.height,
+    fill: e.color,
+    viewBox: "0 0 12 12"
+  }, [...n[0] || (n[0] = [
+    t("path", { d: "M8.244,5.52 L1.041,0.571 C0.469,0.188 0,0.469 0,1.196 L0,10.805 C0,11.53 0.469,11.811 1.041,11.43 L8.244,6.479 C8.244,6.479 8.523,6.28 8.523,6.001 C8.523,5.721 8.244,5.52 8.244,5.52 Z M10,0 L11,0 C11.553,0 12,0.048 12,0.6 L12,11.4 C12,11.952 11.553,12 11,12 L10,12 C9.447,12 9,11.952 9,11.4 L9,0.6 C9,0.048 9.447,0 10,0 Z" }, null, -1)
+  ])], 8, ut);
+}
+const ht = /* @__PURE__ */ p(ct, [["render", dt]]), gt = {
+  name: "IconStopwatch",
+  props: {
+    width: {
+      type: Number,
+      default: 15
+    },
+    height: {
+      type: Number,
+      default: 16
+    },
+    color: {
+      type: String,
+      default: "currentColor"
+    }
+  }
+}, ft = ["width", "height", "fill"];
+function pt(d, n, e, i, s, c) {
+  return r(), g("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: e.width,
+    height: e.height,
+    fill: e.color,
+    viewBox: "0 0 15 16"
+  }, [...n[0] || (n[0] = [
+    t("path", { d: "M5.1008,5.396 C4.7432,5.616 6.0584,8.7896 6.3792,9.3064 C6.6592,9.7616 7.2536,9.9 7.7056,9.6216 C8.16,9.34 8.3016,8.7464 8.0216,8.2936 C7.704,7.7752 5.4576,5.1752 5.1008,5.396 Z M4.8328,1.9216 C5.5752,1.6632 6.3704,1.52 7.2,1.52 C8.0296,1.52 8.8248,1.6632 9.5672,1.9216 C9.8304,2.0128 10.1792,1.8296 10.0248,1.4328 C9.912,1.1448 9.8032,0.8632 9.7592,0.7488 C9.6544,0.4776 9.2792,0.2536 9.116,0.2168 C8.4984,0.0776 7.8584,0 7.2,0 C6.5416,0 5.9016,0.0776 5.2832,0.2168 C5.12,0.2536 4.7456,0.4776 4.6408,0.7488 C4.5968,0.8632 4.4872,1.1448 4.3752,1.4328 C4.2208,1.8296 4.5696,2.0136 4.8328,1.9216 Z M14.4784,2.5488 C14.3248,2.3648 14.1616,2.1848 13.988,2.0112 C13.8152,1.8376 13.6352,1.6752 13.452,1.5208 C13.3296,1.4176 12.9696,1.3336 12.7416,1.5616 C12.5144,1.7896 11.4232,2.8792 11.4232,2.8792 C11.7448,3.1096 12.0576,3.3632 12.3472,3.652 C12.6368,3.9408 12.8888,4.2536 13.12,4.576 C13.12,4.576 14.2104,3.4864 14.4376,3.2584 C14.6664,3.0296 14.5824,2.6704 14.4784,2.5488 Z M7.2,2.32 C3.62,2.32 0.7192,5.2208 0.7192,8.8 C0.7192,12.38 3.62,15.2808 7.2,15.2808 C10.7784,15.2808 13.68,12.38 13.68,8.8 C13.68,5.2216 10.7784,2.32 7.2,2.32 Z M7.2,13.6808 C4.5056,13.6808 2.32,11.496 2.32,8.8008 C2.32,6.1056 4.5048,3.9208 7.2,3.9208 C9.8952,3.9208 12.0808,6.1056 12.0808,8.8008 C12.0808,11.4952 9.8952,13.6808 7.2,13.6808 Z" }, null, -1)
+  ])], 8, ft);
+}
+const mt = /* @__PURE__ */ p(gt, [["render", pt]]), vt = {
+  name: "IconControllerPlay",
+  props: {
+    width: {
+      type: Number,
+      default: 10
+    },
+    height: {
+      type: Number,
+      default: 12
+    },
+    color: {
+      type: String,
+      default: "currentColor"
+    }
+  }
+}, Ct = ["width", "height", "fill"];
+function wt(d, n, e, i, s, c) {
+  return r(), g("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: e.width,
+    height: e.height,
+    fill: e.color,
+    viewBox: "0 0 20 12"
+  }, [...n[0] || (n[0] = [
+    t("path", { d: "M10,6.001 C10,6.3 9.695,6.515 9.695,6.515 L1.134,11.818 C0.51,12.227 0,11.924 0,11.149 L0,0.852 C0,0.075 0.51,-0.226 1.135,0.182 L9.696,5.487 C9.695,5.487 10,5.702 10,6.001 Z" }, null, -1)
+  ])], 8, Ct);
+}
+const _t = /* @__PURE__ */ p(vt, [["render", wt]]), xt = {
+  name: "IconControllerPause",
+  props: {
+    width: {
+      type: Number,
+      default: 10
+    },
+    height: {
+      type: Number,
+      default: 12
+    },
+    color: {
+      type: String,
+      default: "currentColor"
+    }
+  }
+}, bt = ["width", "height", "fill"];
+function yt(d, n, e, i, s, c) {
+  return r(), g("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: e.width,
+    height: e.height,
+    fill: e.color,
+    viewBox: "0 0 20 12"
+  }, [...n[0] || (n[0] = [
+    t("path", { d: "M2,0 C2.553,0 3,0.048 3,0.6 L3,11.4 C3,11.952 2.553,12 2,12 L1,12 C0.447,12 0,11.952 0,11.4 L0,0.6 C0,0.048 0.447,0 1,0 L2,0 Z M9,0 C9.553,0 10,0.048 10,0.6 L10,11.4 C10,11.952 9.553,12 9,12 L8,12 C7.447,12 7,11.952 7,11.4 L7,0.6 C7,0.048 7.447,0 8,0 L9,0 Z" }, null, -1)
+  ])], 8, bt);
+}
+const Mt = /* @__PURE__ */ p(xt, [["render", yt]]), $t = { class: "timeseries-viewer-toolbar" }, kt = { id: "left-controls" }, zt = { id: "center-controls" }, Lt = { id: "right-controls" }, Nt = {
+  __name: "TSViewerToolbar",
+  props: {
+    constants: {
+      type: Object,
+      required: !0
+    },
+    duration: {
+      type: Number,
+      required: !0
+    },
+    start: {
+      type: Number,
+      required: !0
+    }
+  },
+  emits: [
+    "pageBack",
+    "pageForward",
+    "incrementZoom",
+    "decrementZoom",
+    "updateDuration",
+    "nextAnnotation",
+    "previousAnnotation",
+    "setStart"
+  ],
+  setup(d, { emit: n }) {
+    const e = d, i = n, s = h(!0), c = h(!0), x = h(!0);
+    h(0);
+    const C = h(!1), w = h(null), b = h(null), y = h(150), L = h(1e6), N = [
+      {
+        value: 0.5,
+        label: "0.5x"
+      },
+      {
+        value: 1,
+        label: "1x"
+      },
+      {
+        value: 2,
+        label: "2x"
+      },
+      {
+        value: 5,
+        label: "5x"
+      },
+      {
+        value: 10,
+        label: "10x"
+      }
+    ], P = z(() => C.value === !0 ? Mt : _t), $ = z({
+      // getter
+      get() {
+        return e.duration / 1e6;
+      },
+      // setter
+      set(v) {
+        i("updateDuration", v);
+      }
+    }), Z = () => {
+      c.value = !c.value;
+    }, H = () => {
+      s.value = !s.value;
+    }, S = () => {
+      x.value = !x.value;
+    }, I = () => {
+      C.value === !1 ? q() : O();
+    }, V = () => {
+      i("pageBack");
+    }, A = () => {
+      i("pageForward");
+    }, B = () => {
+      i("incrementZoom");
+    }, T = () => {
+      i("decrementZoom");
+    }, F = () => {
+      i("nextAnnotation");
+    }, D = () => {
+      i("previousAnnotation");
+    }, q = () => {
+      C.value = !0;
+      const v = () => {
+        i("setStart", e.start + L.value * w.value), b.value = setTimeout(v, y.value);
+      };
+      b.value = setTimeout(v, y.value);
+    }, O = () => {
+      C.value = !1, y.value = 150, clearInterval(b.value);
+    };
+    return X(() => {
+      w.value = 1;
+    }), (v, o) => {
+      const f = m("el-tooltip"), R = m("el-input-number"), k = m("el-button"), U = m("el-button-group"), E = m("el-option"), j = m("el-select");
+      return r(), g("div", $t, [
+        t("div", kt, [
+          l(f, {
+            placement: "top-end",
+            content: "Toggle Time Zoom Controls"
+          }, {
+            default: u(() => [
+              t("button", {
+                class: "btn-icon",
+                onClick: o[0] || (o[0] = (a) => Z())
+              })
+            ]),
+            _: 1
+          }),
+          c.value ? (r(), _(R, {
+            key: 0,
+            modelValue: $.value,
+            "onUpdate:modelValue": o[1] || (o[1] = (a) => $.value = a),
+            precision: 1,
+            step: 5,
+            max: d.constants.MAXDURATION,
+            "controls-position": "right"
+          }, null, 8, ["modelValue", "max"])) : M("", !0),
+          l(f, {
+            placement: "top-end",
+            content: "Toggle Vertical Zoom Controls"
+          }, {
+            default: u(() => [
+              t("button", {
+                class: "btn-icon",
+                onClick: o[2] || (o[2] = (a) => H())
+              })
+            ]),
+            _: 1
+          }),
+          s.value ? (r(), _(U, { key: 1 }, {
+            default: u(() => [
+              l(k, {
+                icon: "el-icon-plus",
+                size: "small",
+                onClick: B
+              }),
+              l(k, {
+                icon: "el-icon-minus",
+                size: "small",
+                onClick: T
+              })
+            ]),
+            _: 1
+          })) : M("", !0)
+        ]),
+        t("div", zt, [
+          l(f, {
+            placement: "top-end",
+            content: "Page Back"
+          }, {
+            default: u(() => [
+              t("button", {
+                class: "btn-icon",
+                onClick: o[3] || (o[3] = (a) => V())
+              }, [
+                l(tt, {
+                  height: 12,
+                  width: 12
+                })
+              ])
+            ]),
+            _: 1
+          }),
+          l(f, {
+            placement: "top-end",
+            content: "Previous Annotation"
+          }, {
+            default: u(() => [
+              t("button", {
+                class: "btn-icon",
+                onClick: o[4] || (o[4] = (a) => D())
+              }, [
+                l(lt, {
+                  height: 12,
+                  width: 18
+                })
+              ])
+            ]),
+            _: 1
+          }),
+          l(f, {
+            placement: "top-end",
+            content: "Automatic Forward"
+          }, {
+            default: u(() => [
+              t("button", {
+                class: "btn-icon",
+                onClick: o[5] || (o[5] = (a) => I())
+              }, [
+                (r(), _(G(P.value), {
+                  height: 12,
+                  width: 18
+                }))
+              ])
+            ]),
+            _: 1
+          }),
+          l(f, {
+            placement: "top-end",
+            content: "Next Annotation"
+          }, {
+            default: u(() => [
+              t("button", {
+                class: "btn-icon",
+                onClick: o[6] || (o[6] = (a) => F())
+              }, [
+                l(st, {
+                  name: "next-annotation-right-facing",
+                  height: 12,
+                  width: 18
+                })
+              ])
+            ]),
+            _: 1
+          }),
+          l(f, {
+            placement: "top-end",
+            content: "Next Page"
+          }, {
+            default: u(() => [
+              t("button", {
+                class: "btn-icon",
+                onClick: o[7] || (o[7] = (a) => A())
+              }, [
+                l(ht, {
+                  name: "icon-next-page",
+                  height: 12,
+                  width: 18
+                })
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        t("div", Lt, [
+          l(f, {
+            placement: "top-end",
+            content: "Toggle Play Back Speed Controls"
+          }, {
+            default: u(() => [
+              t("button", {
+                class: "btn-icon",
+                onClick: o[8] || (o[8] = (a) => S())
+              }, [
+                l(mt, {
+                  height: 20,
+                  width: 22
+                })
+              ])
+            ]),
+            _: 1
+          }),
+          x.value ? (r(), _(j, {
+            key: 0,
+            modelValue: w.value,
+            "onUpdate:modelValue": o[9] || (o[9] = (a) => w.value = a),
+            placeholder: "Select",
+            size: "small",
+            class: "playSelect"
+          }, {
+            default: u(() => [
+              (r(), g(J, null, K(N, (a) => l(E, {
+                key: a.value,
+                label: a.label,
+                value: a.value
+              }, null, 8, ["label", "value"])), 64))
+            ]),
+            _: 1
+          }, 8, ["modelValue"])) : M("", !0)
+        ])
+      ]);
+    };
+  }
+}, Ht = /* @__PURE__ */ p(Nt, [["__scopeId", "data-v-5b412e2a"]]);
+export {
+  Ht as default
+};

package/dist/TSViewerToolbar-C6yy7GJr.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./index-CGSfhm_E.cjs"),T={name:"IconPreviousPage",props:{width:{type:Number,default:12},height:{type:Number,default:12},color:{type:String,default:"currentColor"}}},A=["width","height","fill"];function F(c,o,t,l,r,i){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:t.width,height:t.height,fill:t.color,viewBox:"0 0 12 12"},[...o[0]||(o[0]=[e.createElementVNode("path",{d:"M10.959,0.571 L3.756,5.52 C3.756,5.52 3.477,5.721 3.477,6.001 C3.477,6.281 3.756,6.48 3.756,6.48 L10.959,11.431 C11.531,11.811 12,11.53 12,10.805 L12,1.196 C12,0.469 11.531,0.188 10.959,0.571 Z M2,0 L1,0 C0.447,0 0,0.048 0,0.6 L0,11.4 C0,11.952 0.447,12 1,12 L2,12 C2.553,12 3,11.952 3,11.4 L3,0.6 C3,0.048 2.553,0 2,0 Z"},null,-1)])],8,A)}const q=s._export_sfc(T,[["render",F]]),D={name:"IconNextAnnotationLeftFacing",props:{width:{type:Number,default:24},height:{type:Number,default:14},color:{type:String,default:"currentColor"}}},O=["width","height","fill"];function R(c,o,t,l,r,i){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:t.width,height:t.height,fill:t.color,viewBox:"0 0 24 14"},[...o[0]||(o[0]=[e.createElementVNode("defs",null,[e.createElementVNode("path",{pid:"0",d:"M4 5L.859 1.58a.695.695 0 0 1 0-.978.68.68 0 0 1 .969 0l3.83 3.908a.697.697 0 0 1 0 .979l-3.83 3.908a.68.68 0 0 1-.969 0 .695.695 0 0 1 0-.978L4 5z",id:"svgicon-next-annotation-left-facing-a"})],-1),e.createElementVNode("g",{_fill:"none","fill-rule":"evenodd"},[e.createElementVNode("g",{transform:"matrix(-1 0 0 1 6 0)"},[e.createElementVNode("mask",{id:"svgicon-next-annotation-left-facing-b",_fill:"#fff"},[e.createElementVNode("use",{"xlink:href":"#svgicon-next-annotation-left-facing-a"})]),e.createElementVNode("use",{_fill:"#000","fill-rule":"nonzero","xlink:href":"#svgicon-next-annotation-left-facing-a"}),e.createElementVNode("g",{mask:"url(#svgicon-next-annotation-left-facing-b)",_fill:"#000"},[e.createElementVNode("path",{pid:"1",d:"M-2 0H8v10H-2z"})])]),e.createElementVNode("g",{_fill:"#000"},[e.createElementVNode("path",{pid:"2",d:"M23.986 10.906l-5.6-2.506 2.303 5.6.63-2.611zM10 8.4h1.4v1.4H10zM12.8 8.4h1.4v1.4h-1.4zM15.6 8.4H17v1.4h-1.4zM10 5.6h1.4V7H10zM10 2.8h1.4v1.4H10zM18.4 5.6h1.4V7h-1.4zM18.4 2.8h1.4v1.4h-1.4zM10 0h1.4v1.4H10zM12.8 0h1.4v1.4h-1.4zM15.6 0H17v1.4h-1.4zM18.4 0h1.4v1.4h-1.4z"})])],-1)])],8,O)}const U=s._export_sfc(D,[["render",R]]),j={name:"IconNextAnnotationRightFacing",props:{width:{type:Number,default:24},height:{type:Number,default:14},color:{type:String,default:"currentColor"}}},X=["width","height","fill"];function G(c,o,t,l,r,i){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:t.width,height:t.height,fill:t.color,viewBox:"0 0 24 14"},[...o[0]||(o[0]=[e.createElementVNode("defs",null,[e.createElementVNode("path",{pid:"0",d:"M4 5L.859 1.58a.695.695 0 0 1 0-.978.68.68 0 0 1 .969 0l3.83 3.908a.697.697 0 0 1 0 .979l-3.83 3.908a.68.68 0 0 1-.969 0 .695.695 0 0 1 0-.978L4 5z",id:"svgicon-next-annotation-right-facing-a"})],-1),e.createElementVNode("g",{_fill:"none","fill-rule":"evenodd"},[e.createElementVNode("g",{transform:"translate(18)"},[e.createElementVNode("mask",{id:"svgicon-next-annotation-right-facing-b",_fill:"#fff"},[e.createElementVNode("use",{"xlink:href":"#svgicon-next-annotation-right-facing-a"})]),e.createElementVNode("use",{_fill:"#000","fill-rule":"nonzero","xlink:href":"#svgicon-next-annotation-right-facing-a"}),e.createElementVNode("g",{mask:"url(#svgicon-next-annotation-right-facing-b)",_fill:"#000"},[e.createElementVNode("path",{pid:"1",d:"M-2 0H8v10H-2z"})])]),e.createElementVNode("g",{_fill:"#000"},[e.createElementVNode("path",{pid:"2",d:"M13.986 10.906L8.386 8.4l2.303 5.6.63-2.611zM0 8.4h1.4v1.4H0zM2.8 8.4h1.4v1.4H2.8zM5.6 8.4H7v1.4H5.6zM0 5.6h1.4V7H0zM0 2.8h1.4v1.4H0zM8.4 5.6h1.4V7H8.4zM8.4 2.8h1.4v1.4H8.4zM0 0h1.4v1.4H0zM2.8 0h1.4v1.4H2.8zM5.6 0H7v1.4H5.6zM8.4 0h1.4v1.4H8.4z"})])],-1)])],8,X)}const J=s._export_sfc(j,[["render",G]]),K={name:"IconNextPage",props:{width:{type:Number,default:16},height:{type:Number,default:16},color:{type:String,default:"currentColor"}}},Q=["width","height","fill"];function W(c,o,t,l,r,i){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:t.width,height:t.height,fill:t.color,viewBox:"0 0 12 12"},[...o[0]||(o[0]=[e.createElementVNode("path",{d:"M8.244,5.52 L1.041,0.571 C0.469,0.188 0,0.469 0,1.196 L0,10.805 C0,11.53 0.469,11.811 1.041,11.43 L8.244,6.479 C8.244,6.479 8.523,6.28 8.523,6.001 C8.523,5.721 8.244,5.52 8.244,5.52 Z M10,0 L11,0 C11.553,0 12,0.048 12,0.6 L12,11.4 C12,11.952 11.553,12 11,12 L10,12 C9.447,12 9,11.952 9,11.4 L9,0.6 C9,0.048 9.447,0 10,0 Z"},null,-1)])],8,Q)}const Y=s._export_sfc(K,[["render",W]]),ee={name:"IconStopwatch",props:{width:{type:Number,default:15},height:{type:Number,default:16},color:{type:String,default:"currentColor"}}},te=["width","height","fill"];function oe(c,o,t,l,r,i){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:t.width,height:t.height,fill:t.color,viewBox:"0 0 15 16"},[...o[0]||(o[0]=[e.createElementVNode("path",{d:"M5.1008,5.396 C4.7432,5.616 6.0584,8.7896 6.3792,9.3064 C6.6592,9.7616 7.2536,9.9 7.7056,9.6216 C8.16,9.34 8.3016,8.7464 8.0216,8.2936 C7.704,7.7752 5.4576,5.1752 5.1008,5.396 Z M4.8328,1.9216 C5.5752,1.6632 6.3704,1.52 7.2,1.52 C8.0296,1.52 8.8248,1.6632 9.5672,1.9216 C9.8304,2.0128 10.1792,1.8296 10.0248,1.4328 C9.912,1.1448 9.8032,0.8632 9.7592,0.7488 C9.6544,0.4776 9.2792,0.2536 9.116,0.2168 C8.4984,0.0776 7.8584,0 7.2,0 C6.5416,0 5.9016,0.0776 5.2832,0.2168 C5.12,0.2536 4.7456,0.4776 4.6408,0.7488 C4.5968,0.8632 4.4872,1.1448 4.3752,1.4328 C4.2208,1.8296 4.5696,2.0136 4.8328,1.9216 Z M14.4784,2.5488 C14.3248,2.3648 14.1616,2.1848 13.988,2.0112 C13.8152,1.8376 13.6352,1.6752 13.452,1.5208 C13.3296,1.4176 12.9696,1.3336 12.7416,1.5616 C12.5144,1.7896 11.4232,2.8792 11.4232,2.8792 C11.7448,3.1096 12.0576,3.3632 12.3472,3.652 C12.6368,3.9408 12.8888,4.2536 13.12,4.576 C13.12,4.576 14.2104,3.4864 14.4376,3.2584 C14.6664,3.0296 14.5824,2.6704 14.4784,2.5488 Z M7.2,2.32 C3.62,2.32 0.7192,5.2208 0.7192,8.8 C0.7192,12.38 3.62,15.2808 7.2,15.2808 C10.7784,15.2808 13.68,12.38 13.68,8.8 C13.68,5.2216 10.7784,2.32 7.2,2.32 Z M7.2,13.6808 C4.5056,13.6808 2.32,11.496 2.32,8.8008 C2.32,6.1056 4.5048,3.9208 7.2,3.9208 C9.8952,3.9208 12.0808,6.1056 12.0808,8.8008 C12.0808,11.4952 9.8952,13.6808 7.2,13.6808 Z"},null,-1)])],8,te)}const ne=s._export_sfc(ee,[["render",oe]]),le={name:"IconControllerPlay",props:{width:{type:Number,default:10},height:{type:Number,default:12},color:{type:String,default:"currentColor"}}},ae=["width","height","fill"];function re(c,o,t,l,r,i){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:t.width,height:t.height,fill:t.color,viewBox:"0 0 20 12"},[...o[0]||(o[0]=[e.createElementVNode("path",{d:"M10,6.001 C10,6.3 9.695,6.515 9.695,6.515 L1.134,11.818 C0.51,12.227 0,11.924 0,11.149 L0,0.852 C0,0.075 0.51,-0.226 1.135,0.182 L9.696,5.487 C9.695,5.487 10,5.702 10,6.001 Z"},null,-1)])],8,ae)}const ie=s._export_sfc(le,[["render",re]]),ce={name:"IconControllerPause",props:{width:{type:Number,default:10},height:{type:Number,default:12},color:{type:String,default:"currentColor"}}},de=["width","height","fill"];function se(c,o,t,l,r,i){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:t.width,height:t.height,fill:t.color,viewBox:"0 0 20 12"},[...o[0]||(o[0]=[e.createElementVNode("path",{d:"M2,0 C2.553,0 3,0.048 3,0.6 L3,11.4 C3,11.952 2.553,12 2,12 L1,12 C0.447,12 0,11.952 0,11.4 L0,0.6 C0,0.048 0.447,0 1,0 L2,0 Z M9,0 C9.553,0 10,0.048 10,0.6 L10,11.4 C10,11.952 9.553,12 9,12 L8,12 C7.447,12 7,11.952 7,11.4 L7,0.6 C7,0.048 7.447,0 8,0 L9,0 Z"},null,-1)])],8,de)}const ue=s._export_sfc(ce,[["render",se]]),me={class:"timeseries-viewer-toolbar"},he={id:"left-controls"},pe={id:"center-controls"},ge={id:"right-controls"},fe={__name:"TSViewerToolbar",props:{constants:{type:Object,required:!0},duration:{type:Number,required:!0},start:{type:Number,required:!0}},emits:["pageBack","pageForward","incrementZoom","decrementZoom","updateDuration","nextAnnotation","previousAnnotation","setStart"],setup(c,{emit:o}){const t=c,l=o,r=e.ref(!0),i=e.ref(!0),p=e.ref(!0);e.ref(0);const m=e.ref(!1),h=e.ref(null),g=e.ref(null),f=e.ref(150),_=e.ref(1e6),w=[{value:.5,label:"0.5x"},{value:1,label:"1x"},{value:2,label:"2x"},{value:5,label:"5x"},{value:10,label:"10x"}],N=e.computed(()=>m.value===!0?ue:ie),v=e.computed({get(){return t.duration/1e6},set(u){l("updateDuration",u)}}),x=()=>{i.value=!i.value},V=()=>{r.value=!r.value},b=()=>{p.value=!p.value},k=()=>{m.value===!1?L():P()},E=()=>{l("pageBack")},y=()=>{l("pageForward")},M=()=>{l("incrementZoom")},B=()=>{l("decrementZoom")},$=()=>{l("nextAnnotation")},z=()=>{l("previousAnnotation")},L=()=>{m.value=!0;const u=()=>{l("setStart",t.start+_.value*h.value),g.value=setTimeout(u,f.value)};g.value=setTimeout(u,f.value)},P=()=>{m.value=!1,f.value=150,clearInterval(g.value)};return e.onMounted(()=>{h.value=1}),(u,n)=>{const d=e.resolveComponent("el-tooltip"),Z=e.resolveComponent("el-input-number"),C=e.resolveComponent("el-button"),H=e.resolveComponent("el-button-group"),S=e.resolveComponent("el-option"),I=e.resolveComponent("el-select");return e.openBlock(),e.createElementBlock("div",me,[e.createElementVNode("div",he,[e.createVNode(d,{placement:"top-end",content:"Toggle Time Zoom Controls"},{default:e.withCtx(()=>[e.createElementVNode("button",{class:"btn-icon",onClick:n[0]||(n[0]=a=>x())})]),_:1}),i.value?(e.openBlock(),e.createBlock(Z,{key:0,modelValue:v.value,"onUpdate:modelValue":n[1]||(n[1]=a=>v.value=a),precision:1,step:5,max:c.constants.MAXDURATION,"controls-position":"right"},null,8,["modelValue","max"])):e.createCommentVNode("",!0),e.createVNode(d,{placement:"top-end",content:"Toggle Vertical Zoom Controls"},{default:e.withCtx(()=>[e.createElementVNode("button",{class:"btn-icon",onClick:n[2]||(n[2]=a=>V())})]),_:1}),r.value?(e.openBlock(),e.createBlock(H,{key:1},{default:e.withCtx(()=>[e.createVNode(C,{icon:"el-icon-plus",size:"small",onClick:M}),e.createVNode(C,{icon:"el-icon-minus",size:"small",onClick:B})]),_:1})):e.createCommentVNode("",!0)]),e.createElementVNode("div",pe,[e.createVNode(d,{placement:"top-end",content:"Page Back"},{default:e.withCtx(()=>[e.createElementVNode("button",{class:"btn-icon",onClick:n[3]||(n[3]=a=>E())},[e.createVNode(q,{height:12,width:12})])]),_:1}),e.createVNode(d,{placement:"top-end",content:"Previous Annotation"},{default:e.withCtx(()=>[e.createElementVNode("button",{class:"btn-icon",onClick:n[4]||(n[4]=a=>z())},[e.createVNode(U,{height:12,width:18})])]),_:1}),e.createVNode(d,{placement:"top-end",content:"Automatic Forward"},{default:e.withCtx(()=>[e.createElementVNode("button",{class:"btn-icon",onClick:n[5]||(n[5]=a=>k())},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(N.value),{height:12,width:18}))])]),_:1}),e.createVNode(d,{placement:"top-end",content:"Next Annotation"},{default:e.withCtx(()=>[e.createElementVNode("button",{class:"btn-icon",onClick:n[6]||(n[6]=a=>$())},[e.createVNode(J,{name:"next-annotation-right-facing",height:12,width:18})])]),_:1}),e.createVNode(d,{placement:"top-end",content:"Next Page"},{default:e.withCtx(()=>[e.createElementVNode("button",{class:"btn-icon",onClick:n[7]||(n[7]=a=>y())},[e.createVNode(Y,{name:"icon-next-page",height:12,width:18})])]),_:1})]),e.createElementVNode("div",ge,[e.createVNode(d,{placement:"top-end",content:"Toggle Play Back Speed Controls"},{default:e.withCtx(()=>[e.createElementVNode("button",{class:"btn-icon",onClick:n[8]||(n[8]=a=>b())},[e.createVNode(ne,{height:20,width:22})])]),_:1}),p.value?(e.openBlock(),e.createBlock(I,{key:0,modelValue:h.value,"onUpdate:modelValue":n[9]||(n[9]=a=>h.value=a),placeholder:"Select",size:"small",class:"playSelect"},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(w,a=>e.createVNode(S,{key:a.value,label:a.label,value:a.value},null,8,["label","value"])),64))]),_:1},8,["modelValue"])):e.createCommentVNode("",!0)])])}}},ve=s._export_sfc(fe,[["__scopeId","data-v-5b412e2a"]]);exports.default=ve;

package/dist/TsAnnotationDeleteDialog-Be3AJIyo.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("./index-CGSfhm_E.cjs"),g=require("./BFLibraryButton-BiLkvU6m.cjs"),d=require("./pathOr-D0158Gk1.cjs"),h={name:"BfDialogHeader",props:{title:{type:String,default:""}},methods:{onClose:function(){this.$parent.handleClose()}}},_={class:"bf-dialog-header"},C={class:"bf-dialog-header-title"};function b(t,n,s,i,a,o){return e.openBlock(),e.createElementBlock("div",_,[e.createElementVNode("span",C,e.toDisplayString(s.title),1),this.$slots.tabs?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,class:"icon-close",onClick:n[0]||(n[0]=(...r)=>o.onClose&&o.onClose(...r))})),e.renderSlot(t.$slots,"tabs",{},void 0,!0)])}const y=l._export_sfc(h,[["render",b],["__scopeId","data-v-1491a20c"]]),D={name:"DialogBody",setup(t,{slots:n}){return{hasSlot:i=>!!n[i]}},props:{fixedHeight:{type:Boolean,default:!1}},computed:{classNames:function(){const t=this.$slots.icon?"icon":"",n=this.fixedHeight?"fixed-height":"";return`dialog-body ${t} ${n}`}}},k={key:0,class:"dialog-body-icon"},v={key:1,class:"dialog-body-heading"},B={class:"dialog-body-content"};function V(t,n,s,i,a,o){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.classNames)},[i.hasSlot("icon")?(e.openBlock(),e.createElementBlock("div",k,[e.renderSlot(t.$slots,"icon",{},void 0,!0)])):e.createCommentVNode("",!0),i.hasSlot("heading")?(e.openBlock(),e.createElementBlock("div",v,[e.renderSlot(t.$slots,"heading",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",B,[e.renderSlot(t.$slots,"default",{},void 0,!0)])],2)}const w=l._export_sfc(D,[["render",V],["__scopeId","data-v-690e953f"]]),N={name:"IconWarningCircle",props:{width:{type:Number,default:16},height:{type:Number,default:16},color:{type:String,default:"currentColor"}}},S=["width","height","fill"];function $(t,n,s,i,a,o){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:s.width,height:s.height,fill:s.color,viewBox:"0 0 24 24"},[...n[0]||(n[0]=[e.createElementVNode("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),e.createElementVNode("circle",{pid:"1",cx:"12",cy:"15.5",r:"1.5"},null,-1)])],8,S)}const x=l._export_sfc(N,[["render",$]]),E={name:"TsAnnotationDeleteDialog",components:{BfDialogHeader:y,DialogBody:w,BfLibraryButton:g.default,IconWarningCircle:x},props:{visible:{type:Boolean,default:!1},deleteAnnotation:{type:Object,default:()=>({annotation:{},withDiscussions:!1})}},data:function(){return{isProcessing:!1}},computed:{annotationDescription:function(){return d.pathOr("",["annotation","label"],this.deleteAnnotation)},annotationDateTime:function(){const t=d.pathOr("",["annotation","start"],this.deleteAnnotation);return this.getUTCDateString(t)+" "+this.getUTCTimeString(t)},deleteDiscussions:function(){return l.propOr(!1,"withDiscussions",this.deleteAnnotation)},btnDeleteCopy:function(){return this.deleteDiscussions?"Yes, I'm sure":"Delete"}},methods:{removeAnnotation:function(){this.$emit("delete",this.deleteAnnotation.annotation)},close:function(){this.$emit("update:visible",!1)},onClosed:function(){this.isProcessing=!1,this.$emit("update:delete-annotation",{annotation:{},withDiscussions:!1})},getUTCDateString:function(t){return t>0?(t=new Date(t/1e3),t.toDateString()):"unknown"},getUTCTimeString:function(t){if(t>0)return t=t/1e3,t=new Date(t),("0"+t.getUTCHours()).slice(-2)+":"+("0"+t.getUTCMinutes()).slice(-2)+":"+("0"+t.getUTCSeconds()).slice(-2)}}},T={class:"dialog-simple-buttons"};function A(t,n,s,i,a,o){const r=e.resolveComponent("bf-dialog-header"),u=e.resolveComponent("icon-warning-circle"),c=e.resolveComponent("bf-library-button"),f=e.resolveComponent("dialog-body"),m=e.resolveComponent("el-dialog");return e.openBlock(),e.createBlock(m,{class:"simple",modelValue:s.visible,"onUpdate:modelValue":n[0]||(n[0]=p=>s.visible=p),"show-close":!1,onClose:o.close,onClosed:o.onClosed},{default:e.withCtx(()=>[e.createVNode(r,{slot:"title"}),e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(u,{class:"mb-16",height:32,width:32,color:"#C14D49"}),n[5]||(n[5]=e.createElementVNode("h2",null,"Delete annotation?",-1)),o.deleteDiscussions?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("p",null,e.toDisplayString(o.annotationDescription)+" - "+e.toDisplayString(o.annotationDateTime),1),n[1]||(n[1]=e.createElementVNode("hr",null,null,-1)),n[2]||(n[2]=e.createElementVNode("p",null," Deleting this annotation will also remove any associated discussions and cannot be undone. ",-1)),n[3]||(n[3]=e.createElementVNode("p",null," Are you sure you would like to remove this annotation? ",-1))],64)):e.createCommentVNode("",!0),e.createElementVNode("div",T,[e.createVNode(c,{class:"secondary",onClick:o.close},{default:e.withCtx(()=>[...n[4]||(n[4]=[e.createTextVNode(" Cancel ",-1)])]),_:1},8,["onClick"]),e.createVNode(c,{class:"red",processing:t.isProcessing,onClick:o.removeAnnotation},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.btnDeleteCopy),1)]),_:1},8,["processing","onClick"])])]),_:1})]),_:1},8,["modelValue","onClose","onClosed"])}const U=l._export_sfc(E,[["render",A],["__scopeId","data-v-3cc4b959"]]);exports.default=U;