tsviewer 1.0.27 → 1.0.28

package/dist/TSViewerToolbar-CQ4uNXil.mjs

@@ -0,0 +1,555 @@
+import "./base-CIy5gWpu.mjs";
+import { E as j, a as G, b as X } from "./el-input-DNjlHApm.mjs";
+import { E as J, a as K } from "./el-button-B2d_HO4x.mjs";
+import { E as Q } from "./el-input-number-CAzspsnM.mjs";
+import { createElementBlock as g, openBlock as r, createElementVNode as t, ref as h, computed as k, onMounted as W, createVNode as l, createBlock as w, createCommentVNode as y, withCtx as u, resolveDynamicComponent as Y, Fragment as tt, renderList as et } from "vue";
+import { e as m } from "./index-BtnXpu3W.mjs";
+const nt = {
+  name: "IconPreviousPage",
+  props: {
+    width: {
+      type: Number,
+      default: 12
+    },
+    height: {
+      type: Number,
+      default: 12
+    },
+    color: {
+      type: String,
+      default: "currentColor"
+    }
+  }
+}, ot = ["width", "height", "fill"];
+function lt(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, ot);
+}
+const it = /* @__PURE__ */ m(nt, [["render", lt]]), at = {
+  name: "IconNextAnnotationLeftFacing",
+  props: {
+    width: {
+      type: Number,
+      default: 24
+    },
+    height: {
+      type: Number,
+      default: 14
+    },
+    color: {
+      type: String,
+      default: "currentColor"
+    }
+  }
+}, rt = ["width", "height", "fill"];
+function st(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, rt);
+}
+const ct = /* @__PURE__ */ m(at, [["render", st]]), ut = {
+  name: "IconNextAnnotationRightFacing",
+  props: {
+    width: {
+      type: Number,
+      default: 24
+    },
+    height: {
+      type: Number,
+      default: 14
+    },
+    color: {
+      type: String,
+      default: "currentColor"
+    }
+  }
+}, dt = ["width", "height", "fill"];
+function ht(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, dt);
+}
+const gt = /* @__PURE__ */ m(ut, [["render", ht]]), ft = {
+  name: "IconNextPage",
+  props: {
+    width: {
+      type: Number,
+      default: 16
+    },
+    height: {
+      type: Number,
+      default: 16
+    },
+    color: {
+      type: String,
+      default: "currentColor"
+    }
+  }
+}, mt = ["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 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, mt);
+}
+const vt = /* @__PURE__ */ m(ft, [["render", pt]]), Ct = {
+  name: "IconStopwatch",
+  props: {
+    width: {
+      type: Number,
+      default: 15
+    },
+    height: {
+      type: Number,
+      default: 16
+    },
+    color: {
+      type: String,
+      default: "currentColor"
+    }
+  }
+}, wt = ["width", "height", "fill"];
+function _t(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, wt);
+}
+const xt = /* @__PURE__ */ m(Ct, [["render", _t]]), bt = {
+  name: "IconControllerPlay",
+  props: {
+    width: {
+      type: Number,
+      default: 10
+    },
+    height: {
+      type: Number,
+      default: 12
+    },
+    color: {
+      type: String,
+      default: "currentColor"
+    }
+  }
+}, yt = ["width", "height", "fill"];
+function Mt(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, yt);
+}
+const $t = /* @__PURE__ */ m(bt, [["render", Mt]]), kt = {
+  name: "IconControllerPause",
+  props: {
+    width: {
+      type: Number,
+      default: 10
+    },
+    height: {
+      type: Number,
+      default: 12
+    },
+    color: {
+      type: String,
+      default: "currentColor"
+    }
+  }
+}, zt = ["width", "height", "fill"];
+function Lt(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, zt);
+}
+const Nt = /* @__PURE__ */ m(kt, [["render", Lt]]), Pt = { class: "timeseries-viewer-toolbar" }, Zt = { id: "left-controls" }, Ht = { id: "center-controls" }, St = { id: "right-controls" }, It = {
+  __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), _ = h(!0);
+    h(0);
+    const v = h(!1), C = h(null), x = h(null), b = h(150), z = h(1e6), L = [
+      {
+        value: 0.5,
+        label: "0.5x"
+      },
+      {
+        value: 1,
+        label: "1x"
+      },
+      {
+        value: 2,
+        label: "2x"
+      },
+      {
+        value: 5,
+        label: "5x"
+      },
+      {
+        value: 10,
+        label: "10x"
+      }
+    ], N = k(() => v.value === !0 ? Nt : $t), M = k({
+      // getter
+      get() {
+        return e.duration / 1e6;
+      },
+      // setter
+      set(p) {
+        i("updateDuration", p);
+      }
+    }), P = () => {
+      c.value = !c.value;
+    }, Z = () => {
+      s.value = !s.value;
+    }, H = () => {
+      _.value = !_.value;
+    }, S = () => {
+      v.value === !1 ? F() : D();
+    }, I = () => {
+      i("pageBack");
+    }, V = () => {
+      i("pageForward");
+    }, B = () => {
+      i("incrementZoom");
+    }, T = () => {
+      i("decrementZoom");
+    }, A = () => {
+      i("nextAnnotation");
+    }, E = () => {
+      i("previousAnnotation");
+    }, F = () => {
+      v.value = !0;
+      const p = () => {
+        i("setStart", e.start + z.value * C.value), x.value = setTimeout(p, b.value);
+      };
+      x.value = setTimeout(p, b.value);
+    }, D = () => {
+      v.value = !1, b.value = 150, clearInterval(x.value);
+    };
+    return W(() => {
+      C.value = 1;
+    }), (p, o) => {
+      const f = j, O = Q, $ = K, q = J, R = X, U = G;
+      return r(), g("div", Pt, [
+        t("div", Zt, [
+          l(f, {
+            placement: "top-end",
+            content: "Toggle Time Zoom Controls"
+          }, {
+            default: u(() => [
+              t("button", {
+                class: "btn-icon",
+                onClick: o[0] || (o[0] = (a) => P())
+              })
+            ]),
+            _: 1
+          }),
+          c.value ? (r(), w(O, {
+            key: 0,
+            modelValue: M.value,
+            "onUpdate:modelValue": o[1] || (o[1] = (a) => M.value = a),
+            precision: 1,
+            step: 5,
+            max: d.constants.MAXDURATION,
+            "controls-position": "right"
+          }, null, 8, ["modelValue", "max"])) : y("", !0),
+          l(f, {
+            placement: "top-end",
+            content: "Toggle Vertical Zoom Controls"
+          }, {
+            default: u(() => [
+              t("button", {
+                class: "btn-icon",
+                onClick: o[2] || (o[2] = (a) => Z())
+              })
+            ]),
+            _: 1
+          }),
+          s.value ? (r(), w(q, { key: 1 }, {
+            default: u(() => [
+              l($, {
+                icon: "el-icon-plus",
+                size: "small",
+                onClick: B
+              }),
+              l($, {
+                icon: "el-icon-minus",
+                size: "small",
+                onClick: T
+              })
+            ]),
+            _: 1
+          })) : y("", !0)
+        ]),
+        t("div", Ht, [
+          l(f, {
+            placement: "top-end",
+            content: "Page Back"
+          }, {
+            default: u(() => [
+              t("button", {
+                class: "btn-icon",
+                onClick: o[3] || (o[3] = (a) => I())
+              }, [
+                l(it, {
+                  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) => E())
+              }, [
+                l(ct, {
+                  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) => S())
+              }, [
+                (r(), w(Y(N.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) => A())
+              }, [
+                l(gt, {
+                  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) => V())
+              }, [
+                l(vt, {
+                  name: "icon-next-page",
+                  height: 12,
+                  width: 18
+                })
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        t("div", St, [
+          l(f, {
+            placement: "top-end",
+            content: "Toggle Play Back Speed Controls"
+          }, {
+            default: u(() => [
+              t("button", {
+                class: "btn-icon",
+                onClick: o[8] || (o[8] = (a) => H())
+              }, [
+                l(xt, {
+                  height: 20,
+                  width: 22
+                })
+              ])
+            ]),
+            _: 1
+          }),
+          _.value ? (r(), w(U, {
+            key: 0,
+            modelValue: C.value,
+            "onUpdate:modelValue": o[9] || (o[9] = (a) => C.value = a),
+            placeholder: "Select",
+            size: "small",
+            class: "playSelect"
+          }, {
+            default: u(() => [
+              (r(), g(tt, null, et(L, (a) => l(R, {
+                key: a.value,
+                label: a.label,
+                value: a.value
+              }, null, 8, ["label", "value"])), 64))
+            ]),
+            _: 1
+          }, 8, ["modelValue"])) : y("", !0)
+        ])
+      ]);
+    };
+  }
+}, Dt = /* @__PURE__ */ m(It, [["__scopeId", "data-v-344cff0e"]]);
+export {
+  Dt as default
+};