tsviewer 1.0.29 → 1.0.31

package/dist/{BFButton-DpIwbJXR.mjs → BFLibraryButton-Cogtl8Vh.mjs}

@@ -1,7 +1,7 @@
-import { createElementBlock as t, openBlock as s, normalizeClass as i, createCommentVNode as n, renderSlot as a, Fragment as f, createTextVNode as r, toDisplayString as d } from "vue";
-import { g as l } from "./index-B7dOp-ew.mjs";
+import { createElementBlock as t, openBlock as s, normalizeClass as i, createCommentVNode as n, renderSlot as a, Fragment as f, createTextVNode as u, toDisplayString as l } from "vue";
+import { g as d } from "./index-BXlfFRwy.mjs";
 const c = {
-  name: "BfButton",
+  name: "BfLibraryButton",
   props: {
     type: {
       type: String,
@@ -38,35 +38,35 @@ const c = {
 }, y = ["disabled", "autofocus", "type"], x = {
   key: 0,
   class: "prefix"
-}, h = {
+}, b = {
   key: 3,
   class: "suffix"
 };
-function m(o, g, e, p, _, u) {
+function h(o, m, e, g, p, r) {
   return s(), t("button", {
-    class: i(["bf-button", [
-      e.type ? "bf-button--" + e.type : "",
-      u.hasPrefixSlot ? "hasPrefix" : ""
+    class: i(["bf-library-button", [
+      e.type ? "bf-library-button--" + e.type : "",
+      r.hasPrefixSlot ? "hasPrefix" : ""
     ]]),
     disabled: e.disabled || e.processing,
     autofocus: e.autofocus,
     type: e.type
   }, [
-    u.hasPrefixSlot ? (s(), t("span", x, [
+    r.hasPrefixSlot ? (s(), t("span", x, [
       a(o.$slots, "prefix", {}, void 0, !0)
     ])) : n("", !0),
     e.processing ? (s(), t(f, { key: 1 }, [
       e.processingText ? (s(), t(f, { key: 0 }, [
-        r(d(e.processingText), 1)
+        u(l(e.processingText), 1)
       ], 64)) : a(o.$slots, "default", { key: 1 }, void 0, !0)
     ], 64)) : n("", !0),
     e.processing ? n("", !0) : a(o.$slots, "default", { key: 2 }, void 0, !0),
-    u.hasSuffixSlot ? (s(), t("span", h, [
+    r.hasSuffixSlot ? (s(), t("span", b, [
       a(o.$slots, "suffix", {}, void 0, !0)
     ])) : n("", !0)
   ], 10, y);
 }
-const B = /* @__PURE__ */ l(c, [["render", m], ["__scopeId", "data-v-6ad8939b"]]);
+const B = /* @__PURE__ */ d(c, [["render", h], ["__scopeId", "data-v-2e183fe2"]]);
 export {
   B as default
 };

package/dist/{IconSelection-DQZLRwZa.mjs → IconSelection-Bs00CxIF.mjs}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as h, createElementVNode as n } from "vue";
-import { g as r } from "./index-B7dOp-ew.mjs";
+import { g as r } from "./index-BXlfFRwy.mjs";
 const i = {
   name: "IconSelection",
   props: {

package/dist/{TSAnnotationCanvas-EAjgK8cT.mjs → TSAnnotationCanvas-HQV-UW-j.mjs}

@@ -1,8 +1,8 @@
 import { ref as C, computed as W, watch as ee, onMounted as te, createElementBlock as ne, openBlock as oe, normalizeStyle as ae, unref as q, nextTick as ie } from "vue";
-import { o as re, m as se, u as _, p as V, h as N, j as H, i as P, g as le } from "./index-B7dOp-ew.mjs";
+import { o as re, m as se, u as _, p as V, h as N, j as H, i as P, g as le } from "./index-BXlfFRwy.mjs";
 import { storeToRefs as x } from "pinia";
-import { f as ce, h as ue } from "./TSViewerCanvas-B-p1oLEz.mjs";
-import { p as z } from "./pathOr-S0xL-Shs.mjs";
+import { f as ce, h as ue } from "./TSViewerCanvas-7tyEpUbF.mjs";
+import { p as z } from "./pathOr-1B5szOyh.mjs";
 import { g as de } from "./_commonjsHelpers-DaMA6jEr.mjs";
 const I = (t, u) => {
   let c;

package/dist/{TSAnnotationModal-CTcapLT8.mjs → TSAnnotationModal-CboTV3Bd.mjs}

@@ -3,9 +3,9 @@ import { E as yn } from "./el-overlay-_Fd7WVZL.mjs";
 import { u as Ha, h as bn, i as gn, c as kn, j as wn, k as za, d as ja, l as Sn, e as qa, m as Dn, o as Cn, E as Mn, g as rt, n as $n, p as Pn, q as Vn, r as _n, T as Tn, C as ca, s as On, t as Yn, f as In, a as Rn, b as xn } from "./el-input-DNjlHApm.mjs";
 import { a as Zt } from "./el-button-B2d_HO4x.mjs";
 import { defineComponent as $e, ref as X, createElementBlock as Q, openBlock as I, normalizeStyle as Gt, normalizeClass as $, unref as e, renderSlot as me, createElementVNode as j, mergeProps as Jt, useAttrs as ha, inject as Re, computed as K, watch as De, nextTick as Ie, onBeforeUnmount as Za, provide as Nt, createBlock as ce, withCtx as le, withModifiers as He, createCommentVNode as se, resolveDynamicComponent as Qe, toDisplayString as fe, onMounted as Ga, Fragment as we, renderList as Pe, createTextVNode as Ge, withDirectives as Ye, createVNode as Z, Transition as An, withKeys as ze, useSlots as ya, toRef as je, vShow as Ze, getCurrentInstance as Ja, reactive as Nn, defineAsyncComponent as Fn } from "vue";
-import { g as En, u as Ln, p as Pa } from "./index-B7dOp-ew.mjs";
+import { g as En, u as Ln, p as Pa } from "./index-BXlfFRwy.mjs";
 import { storeToRefs as Bn } from "pinia";
-import { I as Un } from "./IconSelection-DQZLRwZa.mjs";
+import { I as Un } from "./IconSelection-Bs00CxIF.mjs";
 import { g as Xe } from "./_commonjsHelpers-DaMA6jEr.mjs";
 import { v as Va } from "./index-ClxLs_jS.mjs";
 var Ft = { exports: {} }, Kn = Ft.exports, _a;
@@ -4242,7 +4242,7 @@ const Tl = Wa(_l), Ol = { slot: "body" }, Yl = { class: "select-wrapper" }, Il =
   },
   emits: ["closeWindow", "createUpdateAnnotation"],
   setup(n, { emit: l }) {
-    const a = Fn(() => import("./BFButton-DpIwbJXR.mjs")), t = n, d = X(!1);
+    const a = Fn(() => import("./BFLibraryButton-Cogtl8Vh.mjs")), t = n, d = X(!1);
     De(() => t.visible, (_) => {
       if (d.value = _, !_) return;
       const M = u.value.start / 1e3, O = u.value.end / 1e3;
@@ -4423,7 +4423,7 @@ const Tl = Wa(_l), Ol = { slot: "body" }, Yl = { class: "select-wrapper" }, Il =
       }, 8, ["title", "modelValue"]);
     };
   }
-}, Jl = /* @__PURE__ */ En(Ll, [["__scopeId", "data-v-a198e09b"]]);
+}, Jl = /* @__PURE__ */ En(Ll, [["__scopeId", "data-v-af090f6f"]]);
 export {
   Jl as default
 };

package/dist/{TSFilterModal-D_p4VsMp.mjs → TSFilterModal-BiX6ocf2.mjs}

@@ -1,14 +1,14 @@
 import "./base-CIy5gWpu.mjs";
 import { E as F } from "./el-overlay-_Fd7WVZL.mjs";
-import { I as g } from "./IconSelection-DQZLRwZa.mjs";
+import { I as g } from "./IconSelection-Bs00CxIF.mjs";
 import { a as y, b as k } from "./el-input-DNjlHApm.mjs";
 import { E as S } from "./el-input-number-CAzspsnM.mjs";
 import { resolveComponent as P, createBlock as u, openBlock as o, withCtx as i, createElementVNode as s, createVNode as r, createElementBlock as a, toDisplayString as c, createTextVNode as d, createCommentVNode as p, Fragment as _, renderList as v } from "vue";
-import { g as N } from "./index-B7dOp-ew.mjs";
+import { g as N } from "./index-BXlfFRwy.mjs";
 const H = {
   name: "TimeseriesFilterModal",
   components: {
-    "bf-button": () => import("./BFButton-DpIwbJXR.mjs"),
+    "bf-library-button": () => import("./BFLibraryButton-Cogtl8Vh.mjs"),
     IconSelection: g
   },
   mixins: [],
@@ -140,7 +140,7 @@ const H = {
   class: "filter-input-wrapper"
 }, O = { slot: "footer" }, U = { class: "button-wrapper" }, q = { class: "channels-selected" }, L = { key: 0 }, T = { key: 1 }, A = { class: "buttons" };
 function D(t, l, h, M, W, n) {
-  const m = k, f = y, b = S, C = g, V = P("bf-button"), w = F;
+  const m = k, f = y, b = S, C = g, V = P("bf-library-button"), w = F;
   return o(), u(w, {
     class: "timeseries-filter-modal",
     ref: "filter-modal",
@@ -232,7 +232,7 @@ function D(t, l, h, M, W, n) {
     _: 1
   }, 8, ["modelValue", "onClose"]);
 }
-const Y = /* @__PURE__ */ N(H, [["render", D], ["__scopeId", "data-v-99d3adec"]]);
+const Y = /* @__PURE__ */ N(H, [["render", D], ["__scopeId", "data-v-718cdb9b"]]);
 export {
   Y as default
 };

package/dist/{TSScrubber-DV_zbLFM.mjs → TSScrubber-D04stxRB.mjs}

@@ -1,5 +1,5 @@
 import { ref as v, computed as N, watch as U, nextTick as E, onMounted as Ne, createElementBlock as Ie, openBlock as $e, createElementVNode as x, toDisplayString as K, normalizeStyle as Q } from "vue";
-import { _ as ve, a as Se, b as Y, c as Ue, d as ge, e as Ve, f as Oe, k as Le, g as Xe, u as je, h as de, i as fe, j as he } from "./index-B7dOp-ew.mjs";
+import { _ as ve, a as Se, b as Y, c as Ue, d as ge, e as Ve, f as Oe, k as Le, g as Xe, u as je, h as de, i as fe, j as he } from "./index-BXlfFRwy.mjs";
 function me(g, c, l) {
   return function() {
     for (var t = [], p = 0, u = g, k = 0; k < c.length || p < arguments.length; ) {
@@ -60,7 +60,7 @@ const Ge = { class: "timeseries-scrubber" }, Je = { class: "dateWrap" }, Ke = {
   },
   emits: ["setStart"],
   setup(g, { expose: c, emit: l }) {
-    const t = g, p = l, u = je(), k = v(null), W = v(null), H = v(null), T = v(null), f = v(1), Z = v(28), C = v(30), V = v(!1), I = v(""), O = v("point"), ee = v(null), D = v([]), w = v([]), y = v([]), L = v(!1), te = v(0), ne = v(0), R = v(0), X = v(0), pe = N(() => oe(t.ts_start)), be = N(() => oe(t.ts_end)), _e = N(() => {
+    const t = g, p = l, u = je(), k = v(null), W = v(null), H = v(null), w = v(null), d = v(1), Z = v(28), T = v(30), V = v(!1), I = v(""), O = v("point"), ee = v(null), D = v([]), _ = v([]), C = v([]), L = v(!1), te = v(0), ne = v(0), R = v(0), X = v(0), pe = N(() => oe(t.ts_start)), be = N(() => oe(t.ts_end)), _e = N(() => {
       if (I.value !== "")
         return I.value;
       if (t.start > 0) {
@@ -87,25 +87,25 @@ const Ge = { class: "timeseries-scrubber" }, Je = { class: "dateWrap" }, Ke = {
         B(), L.value = !1;
       }) : L.value = !1);
     }, { deep: !0 }), U(() => u.viewerChannels, (n, e) => {
-      var a, s;
-      n && n.length > 0 && !L.value && (!e || n.length !== e.length || ((a = n[0]) == null ? void 0 : a.id) !== ((s = e[0]) == null ? void 0 : s.id)) && (console.log("TSScrubber: Viewer channels changed, re-initializing segments"), z(), E(() => {
+      var a, r;
+      n && n.length > 0 && !L.value && (!e || n.length !== e.length || ((a = n[0]) == null ? void 0 : a.id) !== ((r = e[0]) == null ? void 0 : r.id)) && (console.log("TSScrubber: Viewer channels changed, re-initializing segments"), z(), E(() => {
         ie();
       }));
     }, { deep: !0 }), U(() => u.viewerAnnotations, (n, e) => {
-      var a, s;
+      var a;
       n && n !== e && !L.value ? (console.log("TSScrubber: Viewer annotations changed independently, re-fetching annotations"), E(() => {
         B();
-      })) : n && n.length > 0 && !e && ((s = (a = t.activeViewer) == null ? void 0 : a.content) != null && s.id) && (console.log("TSScrubber: Annotation layers now available, fetching annotations"), E(() => {
+      })) : n && n.length > 0 && !e && ((a = t.activeViewer) != null && a.content.id) && (console.log("TSScrubber: Annotation layers now available, fetching annotations"), E(() => {
         B();
       }));
     }, { deep: !0 });
     const se = () => {
       console.log("TSScrubber: Resetting component state"), D.value = [], z(), V.value = !1, I.value = "", O.value = "point", re();
     }, z = () => {
-      console.log("TSScrubber: Resetting segment state"), y.value = new Array(5e3), y.value = y.value.fill(0, 0, 4999), w.value = [];
+      console.log("TSScrubber: Resetting segment state"), C.value = new Array(5e3), C.value = C.value.fill(0, 0, 4999), _.value = [];
     }, re = () => {
       E(() => {
-        [W.value, H.value, T.value].forEach((e) => {
+        [W.value, H.value, w.value].forEach((e) => {
           if (e) {
             const a = e.getContext("2d");
             a && a.clearRect(0, 0, e.width, e.height);
@@ -113,31 +113,31 @@ const Ge = { class: "timeseries-scrubber" }, Je = { class: "dateWrap" }, Ke = {
         });
       });
     }, $ = (n, e, a) => e * (n + a), ye = () => {
-      const n = T.value.getContext("2d"), e = window.devicePixelRatio || 1, a = n.webkitBackingStorePixelRatio || n.mozBackingStorePixelRatio || n.msBackingStorePixelRatio || n.oBackingStorePixelRatio || n.backingStorePixelRatio || 1;
+      const n = w.value.getContext("2d"), e = window.devicePixelRatio || 1, a = n.webkitBackingStorePixelRatio || n.mozBackingStorePixelRatio || n.msBackingStorePixelRatio || n.oBackingStorePixelRatio || n.backingStorePixelRatio || 1;
       return e / a;
     }, oe = (n) => {
       if (n > 0)
         return n = n / 1e3, n = new Date(n), ("0" + n.getUTCHours()).slice(-2) + ":" + ("0" + n.getUTCMinutes()).slice(-2) + ":" + ("0" + n.getUTCSeconds()).slice(-2);
     }, xe = (n) => {
       if (V.value) {
-        const a = (n.clientX - te.value) / t.cWidth * (t.ts_end - t.ts_start), s = ne.value + a;
-        p("setStart", s);
-        const r = new Date((a + t.ts_start) / 1e3);
-        I.value = r.toUTCString();
+        const a = (n.clientX - te.value) / t.cWidth * (t.ts_end - t.ts_start), r = ne.value + a;
+        p("setStart", r);
+        const s = new Date((a + t.ts_start) / 1e3);
+        I.value = s.toUTCString();
       } else {
-        const e = T.value.getBoundingClientRect(), a = n.clientX - e.left, s = R.value + X.value, r = O.value;
-        a > R.value - 10 && a < s + 10 ? (O.value = "drag", T.value.setAttribute("dragme", !0), T.value.removeAttribute("resizeme")) : (O.value = "point", T.value.removeAttribute("dragme"), T.value.removeAttribute("resizeme"));
-        const o = a / t.cWidth * (t.ts_end - t.ts_start) + t.ts_start, S = new Date(o / 1e3).toUTCString();
-        I.value = S.substring(0, S.length - 3), r !== O.value && A();
+        const e = w.value.getBoundingClientRect(), a = n.clientX - e.left, r = R.value + X.value, s = O.value;
+        a > R.value - 10 && a < r + 10 ? (O.value = "drag", w.value.setAttribute("dragme", !0), w.value.removeAttribute("resizeme")) : (O.value = "point", w.value.removeAttribute("dragme"), w.value.removeAttribute("resizeme"));
+        const o = a / t.cWidth * (t.ts_end - t.ts_start) + t.ts_start, b = new Date(o / 1e3).toUTCString();
+        I.value = b.substring(0, b.length - 3), s !== O.value && A();
       }
     }, ke = () => {
       V.value = !1;
     }, We = (n) => {
       V.value = !0;
-      const e = T.value.getBoundingClientRect(), a = n.clientX - e.left;
+      const e = w.value.getBoundingClientRect(), a = n.clientX - e.left;
       te.value = n.clientX;
-      const s = a / Te.value * (t.ts_end - t.ts_start);
-      p("setStart", s + t.ts_start), ne.value = s + t.ts_start;
+      const r = a / Te.value * (t.ts_end - t.ts_start);
+      p("setStart", r + t.ts_start), ne.value = r + t.ts_start;
     }, Re = () => {
       V.value = !1;
     }, Ae = () => {
@@ -158,9 +158,9 @@ const Ge = { class: "timeseries-scrubber" }, Je = { class: "dateWrap" }, Ke = {
       }
       console.log(`TSScrubber: Initializing segment spans for ${u.viewerChannels.length} channels`), z();
       const n = Math.min(t.constants.SEGMENTSPAN, t.ts_end - t.ts_start), e = u.viewerChannels;
-      for (let s = 0; s < e.length; s++)
-        le(e[s].id, s, t.ts_start, t.ts_start + n, 0);
-    }, le = async (n, e, a, s, r) => {
+      for (let r = 0; r < e.length; r++)
+        le(e[r].id, r, t.ts_start, t.ts_start + n, 0);
+    }, le = async (n, e, a, r, s) => {
       var o;
       const i = t.constants.MAXRECURSION;
       if (!((o = u.config) != null && o.timeSeriesApi)) {
@@ -172,47 +172,47 @@ const Ge = { class: "timeseries-scrubber" }, Je = { class: "dateWrap" }, Ke = {
         return;
       }
       try {
-        const S = await de(), _ = `${u.config.timeSeriesApi}/ts/retrieve/segments?session=${S}&channel=${n}&start=${a}&end=${s}`;
+        const b = await de(), f = `${u.config.timeSeriesApi}/ts/retrieve/segments?session=${b}&channel=${n}&start=${a}&end=${r}`;
         console.log(`TSScrubber: Fetching segments for channel ${n} (${e})`);
-        const b = await fe(_);
+        const S = await fe(f);
         if (!u.viewerChannels[e] || u.viewerChannels[e].id !== n) {
           console.warn("TSScrubber: Channel mismatch detected, ignoring segment response (likely package switched)");
           return;
         }
-        let h = new Array(b.length * 2), d = 0;
-        for (let M = 0; M < b.length; M++) {
-          h[d] = b[M][0], h[d + 1] = b[M][1], d = d + 2;
-          const J = Math.floor((b[M][0] - t.ts_start) / (t.ts_end - t.ts_start) * 5e3), De = Math.ceil((b[M][1] - t.ts_start) / (t.ts_end - t.ts_start) * 5e3);
-          y.value.fill(1, J, De);
+        let h = new Array(S.length * 2), m = 0;
+        for (let M = 0; M < S.length; M++) {
+          h[m] = S[M][0], h[m + 1] = S[M][1], m = m + 2;
+          const J = Math.floor((S[M][0] - t.ts_start) / (t.ts_end - t.ts_start) * 5e3), De = Math.ceil((S[M][1] - t.ts_start) / (t.ts_end - t.ts_start) * 5e3);
+          C.value.fill(1, J, De);
         }
-        let m = 0, j = !1, G = 0;
-        for (w.value = []; m < y.value.length - 1; ) {
-          if (!y.value[m] && !j) {
-            m++;
+        let y = 0, j = !1, G = 0;
+        for (_.value = []; y < C.value.length - 1; ) {
+          if (!C.value[y] && !j) {
+            y++;
             continue;
-          } else y.value[m] ? j || (G = m, j = !0) : (w.value = w.value.concat([G, m]), j = !1);
-          m++;
+          } else C.value[y] ? j || (G = y, j = !0) : (_.value = _.value.concat([G, y]), j = !1);
+          y++;
         }
-        j && (w.value = w.value.concat([G, m])), w.value = w.value.concat([5e3]);
+        j && (_.value = _.value.concat([G, y])), _.value = _.value.concat([5e3]);
         let Ee = h[0], P = u.viewerChannels[e];
         if (!P || P.id !== n) {
           console.warn("TSScrubber: Channel configuration mismatch, skipping update");
           return;
         }
         Ee < P.dataSegments[P.dataSegments.length - 1] && (h.shift(), h.shift()), P.dataSegments = P.dataSegments.concat(h.sort((M, J) => M - J)), u.updateChannelProperty(P.id, "dataSegments", P.dataSegments);
-        let ue = s - a;
-        a + ue < t.ts_end && r < i ? le(n, e, s, s + ue, r + 1) : F();
-      } catch (S) {
-        console.error(`TSScrubber: Error fetching segments for channel ${n}:`, S), he(S);
+        let ue = r - a;
+        a + ue < t.ts_end && s < i ? le(n, e, r, r + ue, s + 1) : F();
+      } catch (b) {
+        console.error(`TSScrubber: Error fetching segments for channel ${n}:`, b), he(b);
       }
     }, B = async () => {
-      var e, a, s, r, i;
-      const n = (a = (e = t.activeViewer) == null ? void 0 : e.content) == null ? void 0 : a.id;
+      var e, a, r;
+      const n = (e = t.activeViewer) == null ? void 0 : e.content.id;
       if (!n) {
         console.warn("TSScrubber: Cannot get annotations - no active viewer ID"), D.value = [];
         return;
       }
-      if (!((s = u.config) != null && s.apiUrl)) {
+      if (!((a = u.config) != null && a.apiUrl)) {
         console.warn("TSScrubber: Cannot get annotations - no API URL configured"), D.value = [];
         return;
       }
@@ -221,21 +221,21 @@ const Ge = { class: "timeseries-scrubber" }, Je = { class: "dateWrap" }, Ke = {
         return;
       }
       try {
-        const o = await de(), S = Fe((m) => m.id, u.viewerAnnotations), _ = t.ts_end;
-        let h = `${u.config.apiUrl}/timeseries/${n}/annotations/window` + `?api_key=${o}&aggregation=count&start=${t.ts_start}&end=${t.ts_end}&period=${Ce.value}&mergePeriods=true`;
-        for (let m in S)
-          h = h + `&layerIds=${S[m]}`;
+        const s = await de(), i = Fe((h) => h.id, u.viewerAnnotations), o = t.ts_end;
+        let f = `${u.config.apiUrl}/timeseries/${n}/annotations/window` + `?api_key=${s}&aggregation=count&start=${t.ts_start}&end=${t.ts_end}&period=${Ce.value}&mergePeriods=true`;
+        for (let h in i)
+          f = f + `&layerIds=${i[h]}`;
         console.log(`TSScrubber: Fetching annotations for viewer ${n}`);
-        const d = await fe(h);
-        ((i = (r = t.activeViewer) == null ? void 0 : r.content) == null ? void 0 : i.id) === n ? (D.value = d, A()) : console.log("TSScrubber: Ignoring annotation response - viewer changed during fetch");
-      } catch (o) {
-        console.error("TSScrubber: Error fetching annotations:", o), D.value = [], he(o), A();
+        const S = await fe(f);
+        ((r = t.activeViewer) == null ? void 0 : r.content.id) === n ? (D.value = S, A()) : console.log("TSScrubber: Ignoring annotation response - viewer changed during fetch");
+      } catch (s) {
+        console.error("TSScrubber: Error fetching annotations:", s), D.value = [], he(s), A();
       }
     }, A = () => {
       q(), ce(), F();
     }, q = () => {
       E(() => {
-        const n = T.value;
+        const n = w.value;
         if (!n) {
           console.warn("iCanvas ref is missing, skipping render");
           return;
@@ -245,9 +245,9 @@ const Ge = { class: "timeseries-scrubber" }, Je = { class: "dateWrap" }, Ke = {
           console.warn("2D context is not available");
           return;
         }
-        e.setTransform(f.value, 0, 0, f.value, 0, 0), e.clearRect(0, 0, t.cWidth, C.value), R.value = (t.start - t.ts_start) / (t.ts_end - t.ts_start) * t.cWidth + 0.5 | 0, X.value = t.duration / (t.ts_end - t.ts_start) * t.cWidth + 0.5 | 0, e.fillStyle = "rgb(80,80,80)", e.strokeStyle = "rgb(80,80,80)", e.strokeRect(R.value + 0.5, 0.5, X.value, C.value - 1), e.fillRect(R.value - 2, C.value / 2 - 5 | 0, 2, 10), e.fillRect(R.value + X.value + 1, C.value / 2 - 5 | 0, 2, 10);
+        e.setTransform(d.value, 0, 0, d.value, 0, 0), e.clearRect(0, 0, t.cWidth, T.value), R.value = (t.start - t.ts_start) / (t.ts_end - t.ts_start) * t.cWidth + 0.5 | 0, X.value = t.duration / (t.ts_end - t.ts_start) * t.cWidth + 0.5 | 0, e.fillStyle = "rgb(80,80,80)", e.strokeStyle = "rgb(80,80,80)", e.strokeRect(R.value + 0.5, 0.5, X.value, T.value - 1), e.fillRect(R.value - 2, T.value / 2 - 5 | 0, 2, 10), e.fillRect(R.value + X.value + 1, T.value / 2 - 5 | 0, 2, 10);
         const a = R.value + t.cursorLoc * X.value;
-        a > R.value + 0.5 && (e.strokeStyle = "red", e.beginPath(), e.moveTo(a, 0), e.lineTo(a, C.value - 1), e.stroke());
+        a > R.value + 0.5 && (e.strokeStyle = "red", e.beginPath(), e.moveTo(a, 0), e.lineTo(a, T.value - 1), e.stroke());
       });
     }, F = () => {
       E(() => {
@@ -261,10 +261,10 @@ const Ge = { class: "timeseries-scrubber" }, Je = { class: "dateWrap" }, Ke = {
           console.warn("Unable to get 2D context for segmentsCanvas, skipping renderSegments");
           return;
         }
-        e.setTransform(f.value, 0, 0, f.value, 0, 0), e.fillStyle = e.createPattern(ee.value, "repeat"), e.clearRect(0, 0, t.cWidth, C.value);
-        for (let a = 1; a < w.value.length; a += 2) {
-          const s = t.cWidth * w.value[a] / 5e3, r = t.cWidth * w.value[a + 1] / 5e3;
-          e.fillRect(s, 2, r - s, C.value - 6);
+        e.setTransform(d.value, 0, 0, d.value, 0, 0), e.fillStyle = e.createPattern(ee.value, "repeat"), e.clearRect(0, 0, t.cWidth, T.value);
+        for (let a = 1; a < _.value.length; a += 2) {
+          const r = t.cWidth * _.value[a] / 5e3, s = t.cWidth * _.value[a + 1] / 5e3;
+          e.fillRect(r, 2, s - r, T.value - 6);
         }
       });
     }, ce = () => {
@@ -278,38 +278,38 @@ const Ge = { class: "timeseries-scrubber" }, Je = { class: "dateWrap" }, Ke = {
         console.warn("Unable to get 2D context for annotationCanvas, skipping renderTimelimeLine");
         return;
       }
-      e.setTransform(f.value, 0, 0, f.value, 0, 0), e.clearRect(0, 0, t.cWidth, Z.value);
-      const a = t.ts_start, s = t.ts_end, r = D.value;
+      e.setTransform(d.value, 0, 0, d.value, 0, 0), e.clearRect(0, 0, t.cWidth, Z.value);
+      const a = t.ts_start, r = t.ts_end, s = D.value;
       let i = 0;
-      const o = 0, S = Math.floor((Z.value - 2) / Object.keys(r).length - o), _ = u.viewerAnnotations;
-      let b = "rgb(0,0,0)";
-      for (const h in r)
-        if (r.hasOwnProperty(h)) {
-          for (let d = 0; d < _.length; d++)
-            if (_[d].id === parseInt(h)) {
-              i = d, b = _[d].color;
+      const o = 0, b = Math.floor((Z.value - 2) / Object.keys(s).length - o), f = u.viewerAnnotations;
+      let S = "rgb(0,0,0)";
+      for (const h in s)
+        if (s.hasOwnProperty(h)) {
+          for (let m = 0; m < f.length; m++)
+            if (f[m].id === parseInt(h)) {
+              i = m, S = f[m].color;
               break;
             }
-          Pe(e, a, s, o, S, r[h], i, b);
+          Pe(e, a, r, o, b, s[h], i, S);
         }
-    }, Pe = (n, e, a, s, r, i, o, S) => {
+    }, Pe = (n, e, a, r, s, i, o, b) => {
       E(() => {
-        n.setTransform(f.value, 0, 0, f.value, 0, 0), n.fillStyle = S;
-        for (let _ = 0; _ < i.length; _++)
-          if (i[_].value > 0) {
-            const b = (i[_].start - e) / (a - e) * t.cWidth;
-            let d = (i[_].end - e) / (a - e) * t.cWidth - b;
-            d < 1 && (d = 1);
-            const m = 1 + o * (r - 1 + s) + o;
-            n.fillRect(b, m, d, r);
+        n.setTransform(d.value, 0, 0, d.value, 0, 0), n.fillStyle = b;
+        for (let f = 0; f < i.length; f++)
+          if (i[f].value > 0) {
+            const S = (i[f].start - e) / (a - e) * t.cWidth;
+            let m = (i[f].end - e) / (a - e) * t.cWidth - S;
+            m < 1 && (m = 1);
+            const y = 1 + o * (s - 1 + r) + o;
+            n.fillRect(S, y, m, s);
           }
       });
     }, Me = () => {
-      const n = document.createElement("canvas"), e = n.getContext("2d", { antialias: !0 }), a = "rgb(220,220,220)", s = 5, r = s, i = s, o = 10;
-      return n.width = r, n.height = i, e.fillStyle = a, e.beginPath(), e.moveTo(0, i * (1 / o)), e.lineTo(r * (1 / o), 0), e.lineTo(0, 0), e.lineTo(0, i * (1 / o)), e.fill(), e.beginPath(), e.moveTo(r, i * (1 / o)), e.lineTo(r * (1 / o), i), e.lineTo(0, i), e.lineTo(0, i * ((o - 1) / o)), e.lineTo(r * ((o - 1) / o), 0), e.lineTo(r, 0), e.lineTo(r, i * (1 / o)), e.fill(), e.beginPath(), e.moveTo(r, i * ((o - 1) / o)), e.lineTo(r * ((o - 1) / o), i), e.lineTo(r, i), e.lineTo(r, i * ((o - 1) / o)), e.fill(), n;
+      const n = document.createElement("canvas"), e = n.getContext("2d", { antialias: !0 }), a = "rgb(220,220,220)", r = 5, s = r, i = r, o = 10;
+      return n.width = s, n.height = i, e.fillStyle = a, e.beginPath(), e.moveTo(0, i * (1 / o)), e.lineTo(s * (1 / o), 0), e.lineTo(0, 0), e.lineTo(0, i * (1 / o)), e.fill(), e.beginPath(), e.moveTo(s, i * (1 / o)), e.lineTo(s * (1 / o), i), e.lineTo(0, i), e.lineTo(0, i * ((o - 1) / o)), e.lineTo(s * ((o - 1) / o), 0), e.lineTo(s, 0), e.lineTo(s, i * (1 / o)), e.fill(), e.beginPath(), e.moveTo(s, i * ((o - 1) / o)), e.lineTo(s * ((o - 1) / o), i), e.lineTo(s, i), e.lineTo(s, i * ((o - 1) / o)), e.fill(), n;
     };
     return Ne(() => {
-      y.value = new Array(5e3), y.value = y.value.fill(0, 0, 4999), f.value = ye(), ee.value = Me(), q();
+      C.value = new Array(5e3), C.value = C.value.fill(0, 0, 4999), d.value = ye(), ee.value = Me(), q();
     }), c({
       getAnnotations: B,
       initSegmentSpans: ie,
@@ -338,8 +338,8 @@ const Ge = { class: "timeseries-scrubber" }, Je = { class: "dateWrap" }, Ke = {
               class: "canvas",
               ref_key: "segmentsCanvas",
               ref: W,
-              width: $(g.cWidth, f.value, 0),
-              height: $(C.value - 2, f.value, 0),
+              width: $(g.cWidth, d.value, 0),
+              height: $(T.value - 2, d.value, 0),
               style: Q(ae.value)
             }, null, 12, Ye),
             x("canvas", {
@@ -347,17 +347,17 @@ const Ge = { class: "timeseries-scrubber" }, Je = { class: "dateWrap" }, Ke = {
               class: "canvas",
               ref_key: "annotationCanvas",
               ref: H,
-              width: $(g.cWidth, f.value, 0),
-              height: $(C.value - 2, f.value, 0),
+              width: $(g.cWidth, d.value, 0),
+              height: $(T.value - 2, d.value, 0),
               style: Q(ae.value)
             }, null, 12, Ze),
             x("canvas", {
               id: "iCanvas",
               class: "canvas",
               ref_key: "iCanvas",
-              ref: T,
-              width: $(g.cWidth, f.value, 0),
-              height: $(C.value, f.value, 0),
+              ref: w,
+              width: $(g.cWidth, d.value, 0),
+              height: $(T.value, d.value, 0),
               onClick: e[0] || (e[0] = (...a) => n._onTap && n._onTap(...a)),
               onMousemove: xe,
               onMousedown: We,
@@ -371,7 +371,7 @@ const Ge = { class: "timeseries-scrubber" }, Je = { class: "dateWrap" }, Ke = {
       ])
     ]));
   }
-}, st = /* @__PURE__ */ Xe(tt, [["__scopeId", "data-v-881659ce"]]);
+}, st = /* @__PURE__ */ Xe(tt, [["__scopeId", "data-v-8618a902"]]);
 export {
   st as default
 };