@pennsieve-viz/tsviewer 1.0.0 → 1.0.1

package/dist/{TSViewerLayerWindow-zI_48DIx.js → TSViewerLayerWindow-BuXB_NVG.js}

@@ -1,7 +1,10 @@
-import { createElementBlock as C, openBlock as d, renderSlot as _, resolveComponent as t, createBlock as F, withCtx as a, createElementVNode as l, createVNode as i, createTextVNode as s, Fragment as y, renderList as h, normalizeStyle as A, toDisplayString as S } from "vue";
-import { g as B } from "./index-Cexzl5Xu.js";
-import k from "./BFLibraryButton-C6aAhW1T.js";
-const D = {
+import "./base-Dd-o8fN6.js";
+import { E as f } from "./el-overlay-DfCO_8B5.js";
+import { g as _, a as y, b as h } from "./el-input-BxM2cCbI.js";
+import { createElementBlock as F, openBlock as s, renderSlot as S, resolveComponent as A, createBlock as u, withCtx as a, createElementVNode as l, createVNode as r, createTextVNode as i, Fragment as E, renderList as k, normalizeStyle as D, toDisplayString as L } from "vue";
+import { g as C } from "./index-D41jNOo7.js";
+import V from "./BFLibraryButton-BP-P5nDS.js";
+const w = {
   name: "CircleIcon",
   props: {
     icon: {
@@ -20,17 +23,17 @@ const D = {
       default: "#71747C"
     }
   }
-}, L = { class: "circle-icon" };
-function V(n, e, c, v, m, r) {
-  return d(), C("div", L, [
-    _(n.$slots, "icon", {}, void 0, !0)
+}, $ = { class: "circle-icon" };
+function O(n, e, c, B, m, t) {
+  return s(), F("div", $, [
+    S(n.$slots, "icon", {}, void 0, !0)
   ]);
 }
-const w = /* @__PURE__ */ B(D, [["render", V], ["__scopeId", "data-v-46dcef49"]]), E = {
+const I = /* @__PURE__ */ C(w, [["render", O], ["__scopeId", "data-v-46dcef49"]]), N = {
   name: "AnnotationLayerWindow",
   components: {
-    CircleIcon: w,
-    BfLibraryButton: k
+    CircleIcon: I,
+    BfLibraryButton: V
   },
   props: {
     visible: {
@@ -177,47 +180,47 @@ const w = /* @__PURE__ */ B(D, [["render", V], ["__scopeId", "data-v-46dcef49"]]
       this.close();
     }
   }
-}, $ = { slot: "body" }, N = { class: "input-section" }, O = { class: "input-section" }, G = { class: "color-option" }, I = { style: { float: "right", color: "#8492a6", "font-size": "13px" } }, T = { slot: "footer" }, x = { class: "button-wrapper" }, R = { class: "buttons" };
-function U(n, e, c, v, m, r) {
-  const p = t("el-input"), b = t("el-option"), g = t("el-select"), u = t("bf-library-button"), f = t("el-dialog");
-  return d(), F(f, {
+}, G = { slot: "body" }, T = { class: "input-section" }, x = { class: "input-section" }, R = { class: "color-option" }, U = { style: { float: "right", color: "#8492a6", "font-size": "13px" } }, z = { slot: "footer" }, M = { class: "button-wrapper" }, P = { class: "buttons" };
+function W(n, e, c, B, m, t) {
+  const p = _, v = h, b = y, d = A("bf-library-button"), g = f;
+  return s(), u(g, {
     "onUpdate:modelValue": e[2] || (e[2] = (o) => c.visible = o),
     "model-value": c.visible,
-    onClose: r.close,
+    onClose: t.close,
     class: "timeseries-annotation-layer-modal",
     ref: "timeseries-filter-modal",
     title: "Annotation Layers"
   }, {
     default: a(() => [
-      l("div", $, [
-        l("div", N, [
-          e[3] || (e[3] = s(" Layer Name: ", -1)),
-          i(p, {
+      l("div", G, [
+        l("div", T, [
+          e[3] || (e[3] = i(" Layer Name: ", -1)),
+          r(p, {
             placeholder: "Add a Layer Name",
             modelValue: n.name,
             "onUpdate:modelValue": e[0] || (e[0] = (o) => n.name = o),
             ref: "input"
           }, null, 8, ["modelValue"])
         ]),
-        l("div", O, [
-          e[4] || (e[4] = s(" Select Color: ", -1)),
-          i(g, {
+        l("div", x, [
+          e[4] || (e[4] = i(" Select Color: ", -1)),
+          r(b, {
             modelValue: n.selectedColor,
             "onUpdate:modelValue": e[1] || (e[1] = (o) => n.selectedColor = o),
             placeholder: "Select"
           }, {
             default: a(() => [
-              (d(!0), C(y, null, h(n.colorOptions, (o) => (d(), F(b, {
+              (s(!0), F(E, null, k(n.colorOptions, (o) => (s(), u(v, {
                 key: o.value,
                 label: o.label,
                 value: o.value
               }, {
                 default: a(() => [
-                  l("div", G, [
+                  l("div", R, [
                     l("div", {
-                      style: A({ backgroundColor: o.value, height: "30px", width: "30px", borderRadius: "50%" })
+                      style: D({ backgroundColor: o.value, height: "30px", width: "30px", borderRadius: "50%" })
                     }, null, 4),
-                    l("div", I, S(o.label), 1)
+                    l("div", U, L(o.label), 1)
                   ])
                 ]),
                 _: 2
@@ -229,18 +232,18 @@ function U(n, e, c, v, m, r) {
       ])
     ]),
     footer: a(() => [
-      l("div", T, [
-        l("div", x, [
-          l("div", R, [
-            i(u, { onClick: r.handleFormCancel }, {
+      l("div", z, [
+        l("div", M, [
+          l("div", P, [
+            r(d, { onClick: t.handleFormCancel }, {
               default: a(() => [...e[5] || (e[5] = [
-                s("Cancel ", -1)
+                i("Cancel ", -1)
               ])]),
               _: 1
             }, 8, ["onClick"]),
-            i(u, { onClick: r.handleFormSubmit }, {
+            r(d, { onClick: t.handleFormSubmit }, {
               default: a(() => [...e[6] || (e[6] = [
-                s("Save ", -1)
+                i("Save ", -1)
               ])]),
               _: 1
             }, 8, ["onClick"])
@@ -251,7 +254,7 @@ function U(n, e, c, v, m, r) {
     _: 1
   }, 8, ["model-value", "onClose"]);
 }
-const W = /* @__PURE__ */ B(E, [["render", U], ["__scopeId", "data-v-117509d0"]]);
+const Q = /* @__PURE__ */ C(N, [["render", W], ["__scopeId", "data-v-117509d0"]]);
 export {
-  W as default
+  Q as default
 };

package/dist/TSViewerLayerWindow-C40On1cL.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./base-C3K_VdPK.cjs");const m=require("./el-overlay-BJQNirx2.cjs"),r=require("./el-input-BQKTli-S.cjs"),e=require("vue"),c=require("./index-CW1sKrzq.cjs"),v=require("./BFLibraryButton-BI_luZjc.cjs"),p={name:"CircleIcon",props:{icon:{type:String},height:{type:String,default:"16"},width:{type:String,default:"16"},currentColor:{type:String,default:"#71747C"}}},b={class:"circle-icon"};function g(t,o,a,d,s,n){return e.openBlock(),e.createElementBlock("div",b,[e.renderSlot(t.$slots,"icon",{},void 0,!0)])}const _=c._export_sfc(p,[["render",g],["__scopeId","data-v-46dcef49"]]),f={name:"AnnotationLayerWindow",components:{CircleIcon:_,BfLibraryButton:v.default},props:{visible:{type:Boolean,default:!1}},data:function(){return{name:"",selectedColor:"",colorOptions:[{label:"Green",value:"#18BA62",iconBgColor:"#18BA62"},{label:"Gold",value:"#FFBC27",iconBgColor:"#FFBC27"},{label:"Red",value:"#E94B4B",iconBgColor:"#E94B4B"},{label:"Light Blue",value:"#2760FF",iconBgColor:"#2760FF"},{label:"Magenta",value:"#FF4FFF",iconBgColor:"#FF4FFF"},{label:"Cyan",value:"#50FFFF",iconBgColor:"#50FFFF"},{label:"Yellow",value:"#FFFF4E",iconBgColor:"#FFFF4E"},{label:"Purple",value:"#512BAF",iconBgColor:"#512BAF"},{label:"Lavendar",value:"#8A6ECF",iconBgColor:"#8A6ECF"},{label:"Teal",value:"#389BAD",iconBgColor:"#389BAD"},{label:"Dark Green",value:"#187D46",iconBgColor:"#187D46"},{label:"Brick Red",value:"#B12800",iconBgColor:"#B12800"},{label:"Dark Blue",value:"#0C2475",iconBgColor:"#0C2475"},{label:"Bright Orange",value:"#FF5321",iconBgColor:"#FF5321"},{label:"Pink",value:"#FF99CC",iconBgColor:"#FF99CC"},{label:"Tan",value:"#DCC180",iconBgColor:"#DCC180"},{label:"Medium Blue",value:"#0D4EFF",iconBgColor:"#0D4EFF"},{label:"Orange",value:"#FF6C21",iconBgColor:"#FF6C21"},{label:"Black",value:"#000000",iconBgColor:"#000000"},{label:"Gray",value:"#9B9B9B",iconBgColor:"#9B9B9B"},{label:"Lime",value:"#00FF00",iconBgColor:"#00FF00"},{label:"Salmon",value:"#FA8072",iconBgColor:"#FA8072"},{label:"Olive",value:"#808000",iconBgColor:"#808000"},{label:"Sienna",value:"#A0522D",iconBgColor:"#A0522D"}]}},methods:{close:function(){this.$emit("close-window")},handleFormSubmit:function(){this.$emit("createLayer",{name:this.name,color:this.selectedColor})},handleFormCancel:function(){this.close()}}},y={slot:"body"},V={class:"input-section"},h={class:"input-section"},E={class:"color-option"},k={style:{float:"right",color:"#8492a6","font-size":"13px"}},N={slot:"footer"},S={class:"button-wrapper"},w={class:"buttons"};function A(t,o,a,d,s,n){const u=r.ElInput,C=r.ElOption,F=r.ElSelect,i=e.resolveComponent("bf-library-button"),B=m.ElDialog;return e.openBlock(),e.createBlock(B,{"onUpdate:modelValue":o[2]||(o[2]=l=>a.visible=l),"model-value":a.visible,onClose:n.close,class:"timeseries-annotation-layer-modal",ref:"timeseries-filter-modal",title:"Annotation Layers"},{default:e.withCtx(()=>[e.createElementVNode("div",y,[e.createElementVNode("div",V,[o[3]||(o[3]=e.createTextVNode(" Layer Name: ",-1)),e.createVNode(u,{placeholder:"Add a Layer Name",modelValue:t.name,"onUpdate:modelValue":o[0]||(o[0]=l=>t.name=l),ref:"input"},null,8,["modelValue"])]),e.createElementVNode("div",h,[o[4]||(o[4]=e.createTextVNode(" Select Color: ",-1)),e.createVNode(F,{modelValue:t.selectedColor,"onUpdate:modelValue":o[1]||(o[1]=l=>t.selectedColor=l),placeholder:"Select"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.colorOptions,l=>(e.openBlock(),e.createBlock(C,{key:l.value,label:l.label,value:l.value},{default:e.withCtx(()=>[e.createElementVNode("div",E,[e.createElementVNode("div",{style:e.normalizeStyle({backgroundColor:l.value,height:"30px",width:"30px",borderRadius:"50%"})},null,4),e.createElementVNode("div",k,e.toDisplayString(l.label),1)])]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue"])])])]),footer:e.withCtx(()=>[e.createElementVNode("div",N,[e.createElementVNode("div",S,[e.createElementVNode("div",w,[e.createVNode(i,{onClick:n.handleFormCancel},{default:e.withCtx(()=>[...o[5]||(o[5]=[e.createTextVNode("Cancel ",-1)])]),_:1},8,["onClick"]),e.createVNode(i,{onClick:n.handleFormSubmit},{default:e.withCtx(()=>[...o[6]||(o[6]=[e.createTextVNode("Save ",-1)])]),_:1},8,["onClick"])])])])]),_:1},8,["model-value","onClose"])}const D=c._export_sfc(f,[["render",A],["__scopeId","data-v-117509d0"]]);exports.default=D;

package/dist/TSViewerToolbar-CGLoEe3Z.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./base-C3K_VdPK.cjs");const v=require("./el-input-BQKTli-S.cjs"),w=require("./el-button-B3mito7d.cjs"),F=require("./el-input-number-8Z4UFuyU.cjs"),e=require("vue"),s=require("./index-CW1sKrzq.cjs"),q={name:"IconPreviousPage",props:{width:{type:Number,default:12},height:{type:Number,default:12},color:{type:String,default:"currentColor"}}},O=["width","height","fill"];function D(c,n,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"},[...n[0]||(n[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,O)}const R=s._export_sfc(q,[["render",D]]),U={name:"IconNextAnnotationLeftFacing",props:{width:{type:Number,default:24},height:{type:Number,default:14},color:{type:String,default:"currentColor"}}},j=["width","height","fill"];function G(c,n,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"},[...n[0]||(n[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,j)}const X=s._export_sfc(U,[["render",G]]),J={name:"IconNextAnnotationRightFacing",props:{width:{type:Number,default:24},height:{type:Number,default:14},color:{type:String,default:"currentColor"}}},K=["width","height","fill"];function Q(c,n,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"},[...n[0]||(n[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,K)}const W=s._export_sfc(J,[["render",Q]]),Y={name:"IconNextPage",props:{width:{type:Number,default:16},height:{type:Number,default:16},color:{type:String,default:"currentColor"}}},ee=["width","height","fill"];function te(c,n,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"},[...n[0]||(n[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,ee)}const ne=s._export_sfc(Y,[["render",te]]),oe={name:"IconStopwatch",props:{width:{type:Number,default:15},height:{type:Number,default:16},color:{type:String,default:"currentColor"}}},le=["width","height","fill"];function ae(c,n,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"},[...n[0]||(n[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,le)}const re=s._export_sfc(oe,[["render",ae]]),ie={name:"IconControllerPlay",props:{width:{type:Number,default:10},height:{type:Number,default:12},color:{type:String,default:"currentColor"}}},ce=["width","height","fill"];function de(c,n,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"},[...n[0]||(n[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,ce)}const se=s._export_sfc(ie,[["render",de]]),ue={name:"IconControllerPause",props:{width:{type:Number,default:10},height:{type:Number,default:12},color:{type:String,default:"currentColor"}}},me=["width","height","fill"];function he(c,n,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"},[...n[0]||(n[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,me)}const ge=s._export_sfc(ue,[["render",he]]),pe={class:"timeseries-viewer-toolbar"},fe={id:"left-controls"},ve={id:"center-controls"},Ce={id:"right-controls"},_e={__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:n}){const t=c,l=n,r=e.ref(!0),i=e.ref(!0),g=e.ref(!0);e.ref(0);const m=e.ref(!1),h=e.ref(null),p=e.ref(null),f=e.ref(150),N=e.ref(1e6),x=[{value:.5,label:"0.5x"},{value:1,label:"1x"},{value:2,label:"2x"},{value:5,label:"5x"},{value:10,label:"10x"}],V=e.computed(()=>m.value===!0?ge:se),C=e.computed({get(){return t.duration/1e6},set(u){l("updateDuration",u)}}),b=()=>{i.value=!i.value},k=()=>{r.value=!r.value},E=()=>{g.value=!g.value},y=()=>{m.value===!1?S():Z()},M=()=>{l("pageBack")},B=()=>{l("pageForward")},$=()=>{l("incrementZoom")},z=()=>{l("decrementZoom")},L=()=>{l("nextAnnotation")},P=()=>{l("previousAnnotation")},S=()=>{m.value=!0;const u=()=>{l("setStart",t.start+N.value*h.value),p.value=setTimeout(u,f.value)};p.value=setTimeout(u,f.value)},Z=()=>{m.value=!1,f.value=150,clearInterval(p.value)};return e.onMounted(()=>{h.value=1}),(u,o)=>{const d=v.ElTooltip,H=F.ElInputNumber,_=w.ElButton,I=w.ElButtonGroup,T=v.ElOption,A=v.ElSelect;return e.openBlock(),e.createElementBlock("div",pe,[e.createElementVNode("div",fe,[e.createVNode(d,{placement:"top-end",content:"Toggle Time Zoom Controls"},{default:e.withCtx(()=>[e.createElementVNode("button",{class:"btn-icon",onClick:o[0]||(o[0]=a=>b())})]),_:1}),i.value?(e.openBlock(),e.createBlock(H,{key:0,modelValue:C.value,"onUpdate:modelValue":o[1]||(o[1]=a=>C.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:o[2]||(o[2]=a=>k())})]),_:1}),r.value?(e.openBlock(),e.createBlock(I,{key:1},{default:e.withCtx(()=>[e.createVNode(_,{icon:"el-icon-plus",size:"small",onClick:$}),e.createVNode(_,{icon:"el-icon-minus",size:"small",onClick:z})]),_:1})):e.createCommentVNode("",!0)]),e.createElementVNode("div",ve,[e.createVNode(d,{placement:"top-end",content:"Page Back"},{default:e.withCtx(()=>[e.createElementVNode("button",{class:"btn-icon",onClick:o[3]||(o[3]=a=>M())},[e.createVNode(R,{height:12,width:12})])]),_:1}),e.createVNode(d,{placement:"top-end",content:"Previous Annotation"},{default:e.withCtx(()=>[e.createElementVNode("button",{class:"btn-icon",onClick:o[4]||(o[4]=a=>P())},[e.createVNode(X,{height:12,width:18})])]),_:1}),e.createVNode(d,{placement:"top-end",content:"Automatic Forward"},{default:e.withCtx(()=>[e.createElementVNode("button",{class:"btn-icon",onClick:o[5]||(o[5]=a=>y())},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(V.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:o[6]||(o[6]=a=>L())},[e.createVNode(W,{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:o[7]||(o[7]=a=>B())},[e.createVNode(ne,{name:"icon-next-page",height:12,width:18})])]),_:1})]),e.createElementVNode("div",Ce,[e.createVNode(d,{placement:"top-end",content:"Toggle Play Back Speed Controls"},{default:e.withCtx(()=>[e.createElementVNode("button",{class:"btn-icon",onClick:o[8]||(o[8]=a=>E())},[e.createVNode(re,{height:20,width:22})])]),_:1}),g.value?(e.openBlock(),e.createBlock(A,{key:0,modelValue:h.value,"onUpdate:modelValue":o[9]||(o[9]=a=>h.value=a),placeholder:"Select",size:"small",class:"playSelect"},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(x,a=>e.createVNode(T,{key:a.value,label:a.label,value:a.value},null,8,["label","value"])),64))]),_:1},8,["modelValue"])):e.createCommentVNode("",!0)])])}}},we=s._export_sfc(_e,[["__scopeId","data-v-5b412e2a"]]);exports.default=we;

package/dist/{TSViewerToolbar-BMZIlD4q.js → TSViewerToolbar-gOCiS_4U.js}

@@ -1,6 +1,10 @@
-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 = {
+import "./base-Dd-o8fN6.js";
+import { E as j, a as G, b as X } from "./el-input-BxM2cCbI.js";
+import { E as J, a as K } from "./el-button-DVykS1Of.js";
+import { E as Q } from "./el-input-number-DtWxZ2F-.js";
+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 { g as m } from "./index-D41jNOo7.js";
+const nt = {
   name: "IconPreviousPage",
   props: {
     width: {
@@ -16,8 +20,8 @@ const Q = {
       default: "currentColor"
     }
   }
-}, W = ["width", "height", "fill"];
-function Y(d, n, e, i, s, c) {
+}, 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,
@@ -26,9 +30,9 @@ function Y(d, n, e, i, s, c) {
     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);
+  ])], 8, ot);
 }
-const tt = /* @__PURE__ */ p(Q, [["render", Y]]), et = {
+const it = /* @__PURE__ */ m(nt, [["render", lt]]), at = {
   name: "IconNextAnnotationLeftFacing",
   props: {
     width: {
@@ -44,8 +48,8 @@ const tt = /* @__PURE__ */ p(Q, [["render", Y]]), et = {
       default: "currentColor"
     }
   }
-}, nt = ["width", "height", "fill"];
-function ot(d, n, e, i, s, c) {
+}, 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,
@@ -93,9 +97,9 @@ function ot(d, n, e, i, s, c) {
         })
       ])
     ], -1)
-  ])], 8, nt);
+  ])], 8, rt);
 }
-const lt = /* @__PURE__ */ p(et, [["render", ot]]), it = {
+const ct = /* @__PURE__ */ m(at, [["render", st]]), ut = {
   name: "IconNextAnnotationRightFacing",
   props: {
     width: {
@@ -111,8 +115,8 @@ const lt = /* @__PURE__ */ p(et, [["render", ot]]), it = {
       default: "currentColor"
     }
   }
-}, at = ["width", "height", "fill"];
-function rt(d, n, e, i, s, c) {
+}, 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,
@@ -160,9 +164,9 @@ function rt(d, n, e, i, s, c) {
         })
       ])
     ], -1)
-  ])], 8, at);
+  ])], 8, dt);
 }
-const st = /* @__PURE__ */ p(it, [["render", rt]]), ct = {
+const gt = /* @__PURE__ */ m(ut, [["render", ht]]), ft = {
   name: "IconNextPage",
   props: {
     width: {
@@ -178,8 +182,8 @@ const st = /* @__PURE__ */ p(it, [["render", rt]]), ct = {
       default: "currentColor"
     }
   }
-}, ut = ["width", "height", "fill"];
-function dt(d, n, e, i, s, c) {
+}, 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,
@@ -188,9 +192,9 @@ function dt(d, n, e, i, s, c) {
     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);
+  ])], 8, mt);
 }
-const ht = /* @__PURE__ */ p(ct, [["render", dt]]), gt = {
+const vt = /* @__PURE__ */ m(ft, [["render", pt]]), Ct = {
   name: "IconStopwatch",
   props: {
     width: {
@@ -206,8 +210,8 @@ const ht = /* @__PURE__ */ p(ct, [["render", dt]]), gt = {
       default: "currentColor"
     }
   }
-}, ft = ["width", "height", "fill"];
-function pt(d, n, e, i, s, c) {
+}, 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,
@@ -216,9 +220,9 @@ function pt(d, n, e, i, s, c) {
     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);
+  ])], 8, wt);
 }
-const mt = /* @__PURE__ */ p(gt, [["render", pt]]), vt = {
+const xt = /* @__PURE__ */ m(Ct, [["render", _t]]), bt = {
   name: "IconControllerPlay",
   props: {
     width: {
@@ -234,8 +238,8 @@ const mt = /* @__PURE__ */ p(gt, [["render", pt]]), vt = {
       default: "currentColor"
     }
   }
-}, Ct = ["width", "height", "fill"];
-function wt(d, n, e, i, s, c) {
+}, 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,
@@ -244,9 +248,9 @@ function wt(d, n, e, i, s, c) {
     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);
+  ])], 8, yt);
 }
-const _t = /* @__PURE__ */ p(vt, [["render", wt]]), xt = {
+const $t = /* @__PURE__ */ m(bt, [["render", Mt]]), kt = {
   name: "IconControllerPause",
   props: {
     width: {
@@ -262,8 +266,8 @@ const _t = /* @__PURE__ */ p(vt, [["render", wt]]), xt = {
       default: "currentColor"
     }
   }
-}, bt = ["width", "height", "fill"];
-function yt(d, n, e, i, s, c) {
+}, 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,
@@ -272,9 +276,9 @@ function yt(d, n, e, i, s, c) {
     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);
+  ])], 8, zt);
 }
-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 = {
+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: {
@@ -301,9 +305,9 @@ const Mt = /* @__PURE__ */ p(xt, [["render", yt]]), $t = { class: "timeseries-vi
     "setStart"
   ],
   setup(d, { emit: n }) {
-    const e = d, i = n, s = h(!0), c = h(!0), x = h(!0);
+    const e = d, i = n, s = h(!0), c = h(!0), _ = h(!0);
     h(0);
-    const C = h(!1), w = h(null), b = h(null), y = h(150), L = h(1e6), N = [
+    const v = h(!1), C = h(null), x = h(null), b = h(150), z = h(1e6), L = [
       {
         value: 0.5,
         label: "0.5x"
@@ -324,50 +328,50 @@ const Mt = /* @__PURE__ */ p(xt, [["render", yt]]), $t = { class: "timeseries-vi
         value: 10,
         label: "10x"
       }
-    ], P = z(() => C.value === !0 ? Mt : _t), $ = z({
+    ], N = k(() => v.value === !0 ? Nt : $t), M = k({
       // getter
       get() {
         return e.duration / 1e6;
       },
       // setter
-      set(v) {
-        i("updateDuration", v);
+      set(p) {
+        i("updateDuration", p);
       }
-    }), Z = () => {
+    }), P = () => {
       c.value = !c.value;
-    }, H = () => {
+    }, Z = () => {
       s.value = !s.value;
+    }, H = () => {
+      _.value = !_.value;
     }, S = () => {
-      x.value = !x.value;
+      v.value === !1 ? F() : D();
     }, I = () => {
-      C.value === !1 ? q() : O();
-    }, V = () => {
       i("pageBack");
-    }, A = () => {
+    }, V = () => {
       i("pageForward");
     }, B = () => {
       i("incrementZoom");
     }, T = () => {
       i("decrementZoom");
-    }, F = () => {
+    }, A = () => {
       i("nextAnnotation");
-    }, D = () => {
+    }, E = () => {
       i("previousAnnotation");
-    }, q = () => {
-      C.value = !0;
-      const v = () => {
-        i("setStart", e.start + L.value * w.value), b.value = setTimeout(v, y.value);
+    }, F = () => {
+      v.value = !0;
+      const p = () => {
+        i("setStart", e.start + z.value * C.value), x.value = setTimeout(p, b.value);
       };
-      b.value = setTimeout(v, y.value);
-    }, O = () => {
-      C.value = !1, y.value = 150, clearInterval(b.value);
+      x.value = setTimeout(p, b.value);
+    }, D = () => {
+      v.value = !1, b.value = 150, clearInterval(x.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, [
+    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"
@@ -375,20 +379,20 @@ const Mt = /* @__PURE__ */ p(xt, [["render", yt]]), $t = { class: "timeseries-vi
             default: u(() => [
               t("button", {
                 class: "btn-icon",
-                onClick: o[0] || (o[0] = (a) => Z())
+                onClick: o[0] || (o[0] = (a) => P())
               })
             ]),
             _: 1
           }),
-          c.value ? (r(), _(R, {
+          c.value ? (r(), w(O, {
             key: 0,
-            modelValue: $.value,
-            "onUpdate:modelValue": o[1] || (o[1] = (a) => $.value = a),
+            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"])) : M("", !0),
+          }, null, 8, ["modelValue", "max"])) : y("", !0),
           l(f, {
             placement: "top-end",
             content: "Toggle Vertical Zoom Controls"
@@ -396,28 +400,28 @@ const Mt = /* @__PURE__ */ p(xt, [["render", yt]]), $t = { class: "timeseries-vi
             default: u(() => [
               t("button", {
                 class: "btn-icon",
-                onClick: o[2] || (o[2] = (a) => H())
+                onClick: o[2] || (o[2] = (a) => Z())
               })
             ]),
             _: 1
           }),
-          s.value ? (r(), _(U, { key: 1 }, {
+          s.value ? (r(), w(q, { key: 1 }, {
             default: u(() => [
-              l(k, {
+              l($, {
                 icon: "el-icon-plus",
                 size: "small",
                 onClick: B
               }),
-              l(k, {
+              l($, {
                 icon: "el-icon-minus",
                 size: "small",
                 onClick: T
               })
             ]),
             _: 1
-          })) : M("", !0)
+          })) : y("", !0)
         ]),
-        t("div", zt, [
+        t("div", Ht, [
           l(f, {
             placement: "top-end",
             content: "Page Back"
@@ -425,9 +429,9 @@ const Mt = /* @__PURE__ */ p(xt, [["render", yt]]), $t = { class: "timeseries-vi
             default: u(() => [
               t("button", {
                 class: "btn-icon",
-                onClick: o[3] || (o[3] = (a) => V())
+                onClick: o[3] || (o[3] = (a) => I())
               }, [
-                l(tt, {
+                l(it, {
                   height: 12,
                   width: 12
                 })
@@ -442,9 +446,9 @@ const Mt = /* @__PURE__ */ p(xt, [["render", yt]]), $t = { class: "timeseries-vi
             default: u(() => [
               t("button", {
                 class: "btn-icon",
-                onClick: o[4] || (o[4] = (a) => D())
+                onClick: o[4] || (o[4] = (a) => E())
               }, [
-                l(lt, {
+                l(ct, {
                   height: 12,
                   width: 18
                 })
@@ -459,9 +463,9 @@ const Mt = /* @__PURE__ */ p(xt, [["render", yt]]), $t = { class: "timeseries-vi
             default: u(() => [
               t("button", {
                 class: "btn-icon",
-                onClick: o[5] || (o[5] = (a) => I())
+                onClick: o[5] || (o[5] = (a) => S())
               }, [
-                (r(), _(G(P.value), {
+                (r(), w(Y(N.value), {
                   height: 12,
                   width: 18
                 }))
@@ -476,9 +480,9 @@ const Mt = /* @__PURE__ */ p(xt, [["render", yt]]), $t = { class: "timeseries-vi
             default: u(() => [
               t("button", {
                 class: "btn-icon",
-                onClick: o[6] || (o[6] = (a) => F())
+                onClick: o[6] || (o[6] = (a) => A())
               }, [
-                l(st, {
+                l(gt, {
                   name: "next-annotation-right-facing",
                   height: 12,
                   width: 18
@@ -494,9 +498,9 @@ const Mt = /* @__PURE__ */ p(xt, [["render", yt]]), $t = { class: "timeseries-vi
             default: u(() => [
               t("button", {
                 class: "btn-icon",
-                onClick: o[7] || (o[7] = (a) => A())
+                onClick: o[7] || (o[7] = (a) => V())
               }, [
-                l(ht, {
+                l(vt, {
                   name: "icon-next-page",
                   height: 12,
                   width: 18
@@ -506,7 +510,7 @@ const Mt = /* @__PURE__ */ p(xt, [["render", yt]]), $t = { class: "timeseries-vi
             _: 1
           })
         ]),
-        t("div", Lt, [
+        t("div", St, [
           l(f, {
             placement: "top-end",
             content: "Toggle Play Back Speed Controls"
@@ -514,9 +518,9 @@ const Mt = /* @__PURE__ */ p(xt, [["render", yt]]), $t = { class: "timeseries-vi
             default: u(() => [
               t("button", {
                 class: "btn-icon",
-                onClick: o[8] || (o[8] = (a) => S())
+                onClick: o[8] || (o[8] = (a) => H())
               }, [
-                l(mt, {
+                l(xt, {
                   height: 20,
                   width: 22
                 })
@@ -524,28 +528,28 @@ const Mt = /* @__PURE__ */ p(xt, [["render", yt]]), $t = { class: "timeseries-vi
             ]),
             _: 1
           }),
-          x.value ? (r(), _(j, {
+          _.value ? (r(), w(U, {
             key: 0,
-            modelValue: w.value,
-            "onUpdate:modelValue": o[9] || (o[9] = (a) => w.value = a),
+            modelValue: C.value,
+            "onUpdate:modelValue": o[9] || (o[9] = (a) => C.value = a),
             placeholder: "Select",
             size: "small",
             class: "playSelect"
           }, {
             default: u(() => [
-              (r(), g(J, null, K(N, (a) => l(E, {
+              (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"])) : M("", !0)
+          }, 8, ["modelValue"])) : y("", !0)
         ])
       ]);
     };
   }
-}, Ht = /* @__PURE__ */ p(Nt, [["__scopeId", "data-v-5b412e2a"]]);
+}, Dt = /* @__PURE__ */ m(It, [["__scopeId", "data-v-5b412e2a"]]);
 export {
-  Ht as default
+  Dt as default
 };