@pennsieve-viz/tsviewer 1.1.1 → 1.1.2

package/dist/TSAnnotationCanvas-B0b_EheO.js

@@ -1,730 +0,0 @@
-import { inject as U, ref as C, computed as J, watch as ne, onMounted as oe, createElementBlock as ae, openBlock as ie, normalizeStyle as re, unref as K, nextTick as se } from "vue";
-import { o as le, m as ce, h as V, p as j, u as N, j as P, i as D, g as ue } from "./index-CgKUmS0K.js";
-import { storeToRefs as te } from "pinia";
-import { f as de, h as fe } from "./TSViewerCanvas-A6HgBZ4E.js";
-import { p as G } from "./pathOr-kR7j_Y-C.js";
-import { g as ve } from "./_commonjsHelpers-DaMA6jEr.js";
-const I = (t, o) => {
-  let c;
-  if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(t))
-    return c = t.substring(1).split(""), c.length === 3 && (c = [c[0], c[0], c[1], c[1], c[2], c[2]]), c = "0x" + c.join(""), "rgba(" + [c >> 16 & 255, c >> 8 & 255, c & 255].join(",") + "," + o + ")";
-  throw new Error("Bad Hex");
-}, he = (t) => {
-  t.sort((o, c) => o.start < c.start ? -1 : o.start > c.start ? 1 : 0);
-}, Q = (t, o) => {
-  const c = (t == null ? void 0 : t.layer_id) || 0;
-  return le({}, de(ce("id", c), o));
-}, Y = (t, o, c, a = 0, f = !1) => {
-  let u;
-  return f ? u = q(t, o, a, t.length - 1, c) : u = W(t, o, a, t.length - 1, c), u === -1 ? u = 0 : u < 0 && (u = -u - 2), u;
-}, W = (t, o, c, a, f) => {
-  if (a < c) {
-    let g = a >= 0 ? a : -a - 2;
-    if (g === -1) return g;
-    const m = t[g].start;
-    for (; g >= 0 && t[g].start === m; )
-      g--;
-    return -g - 2;
-  }
-  const u = parseInt((c + a) / 2);
-  if (t[u].start > o)
-    return W(t, o, c, u - 1, f);
-  if (t[u].start < o)
-    return W(t, o, u + 1, a, f);
-  {
-    let g = u;
-    if (f) {
-      for (; g >= 0 && t[g].start === o; )
-        g--;
-      g++;
-    } else {
-      for (; g < t.length && t[g].start === o; )
-        g++;
-      g--;
-    }
-    return g;
-  }
-}, q = (t, o, c, a, f) => {
-  if (a < c) {
-    let m = a >= 0 ? a : -a - 2;
-    if (m === -1) return m;
-    const F = t[m].start + t[m].duration;
-    for (; m >= 0 && t[m].start + t[m].duration === F; )
-      m--;
-    return -m - 2;
-  }
-  const u = parseInt((c + a) / 2), g = t[u].start + t[u].duration;
-  if (g > o)
-    return q(t, o, c, u - 1, f);
-  if (g < o)
-    return q(t, o, u + 1, a, f);
-  {
-    let m = u;
-    if (f) {
-      for (; m >= 0 && t[m].start + t[m].duration === o; )
-        m--;
-      m++;
-    } else {
-      for (; m < t.length && t[m].start + t[m].duration === o; )
-        m++;
-      m--;
-    }
-    return m;
-  }
-}, Z = (t, o, c = 0) => o * (t + c);
-function ge(t = null) {
-  const o = t || U("viewerStore", null) || V("default"), { viewerChannels: c, viewerAnnotations: a, viewerMontageScheme: f } = te(o), u = C([]), g = C([]), m = (y) => {
-    const d = f.value !== "NOT_MONTAGED";
-    let e = j("", "id", y);
-    if (d) {
-      const l = e.split("_");
-      e = l.length ? fe(l) : e;
-    }
-    return e;
-  }, F = async (y, d, e, l, v) => {
-    const r = [];
-    r.push({ start: y, end: e.tsEnd });
-    let i = 0;
-    for (let n = 0; n < u.value.length; n++) {
-      const s = u.value[n];
-      if (y >= s.start && d <= s.end)
-        return;
-      if (r[0].start > d)
-        break;
-      if (s.start <= r[0].start && s.end >= y)
-        i = n + 1, r[0].start = s.end;
-      else if (s.start > r[0].start) {
-        i = n;
-        break;
-      }
-    }
-    const h = a.value.reduce((n, s) => n + s.annotations.length, 0);
-    if (r[0].start >= r[0].end && h > 0)
-      return;
-    const w = 0;
-    for (let n = i; n < u.value.length; n++)
-      if (u.value[n].start >= r[w].start)
-        if (r[w].end = u.value[n].start, u.value[n].end < d)
-          r.push({ start: u.value[n].end, end: e.tsEnd });
-        else
-          break;
-    if (!(r[0].start >= r[0].end && h > 0) && r.length > 0) {
-      c.value.map((n) => m(n));
-      for (const n of r) {
-        for (const s of a.value) {
-          if (!s.id) {
-            console.warn("Layer ID is undefined, skipping annotation request for layer:", s);
-            continue;
-          }
-          const T = Math.floor(n.end), p = {
-            id: l.content.id,
-            start: Math.floor(n.start),
-            end: T,
-            layerId: s.id,
-            limit: e.constants.LIMITANNFETCH
-          };
-          try {
-            const O = await N(), b = `${o.config.apiUrl}/timeseries/${l.content.id}/layers/${s.id}/annotations?api_key=${O}`, L = Object.keys(p).map((H) => `&${H}=${p[H]}`).join(""), E = `${b}${L}`, A = await fetch(E, {
-              method: "GET",
-              headers: { "Content-type": "application/json" }
-            });
-            if (A.status >= 400)
-              throw new Error(A.status);
-            const $ = await A.json();
-            await M($, v);
-          } catch (O) {
-            P(O);
-          }
-        }
-        u.value.push({
-          start: Math.floor(n.start),
-          end: Math.floor(n.end)
-        });
-      }
-      u.value.sort((n, s) => n.start < s.start ? -1 : n.start > s.start ? 1 : 0);
-    }
-  }, M = async (y, d) => {
-    const e = j({}, "linkedPackages", y);
-    let l = G([], ["annotations", "results"], y);
-    if (l.length >= 500) {
-      let r = 0;
-      for (const i of l)
-        i.start > r && (r = i.start);
-      for (const i of u.value)
-        if (i.end > r && i.start < r) {
-          i.end = r;
-          break;
-        }
-    }
-    const v = f.value !== "NOT_MONTAGED";
-    if (l.length > 0) {
-      const r = l.map((i) => {
-        const h = {
-          name: "",
-          id: i.id,
-          label: i.label,
-          description: i.description,
-          start: i.start,
-          duration: i.end - i.start,
-          end: i.end,
-          cStart: null,
-          cEnd: null,
-          selected: !1,
-          channelIds: i.channelIds,
-          allChannels: !1,
-          layer_id: i.layerId,
-          userId: i.userId
-        };
-        if (i.linkedPackage) {
-          const w = i.linkedPackage;
-          h.linkedPackage = G("", ["content", "id"], e[w]), h.linkedPackageDTO = e[w];
-        }
-        return (!v && h.channelIds.length === c.value.length || v && h.channelIds.length > c.value.length) && (h.allChannels = !0), h;
-      });
-      a.value.forEach((i) => {
-        const h = i.annotations, w = r.filter((n) => i.id === n.layer_id);
-        i.annotations = h.concat(w), o.updateLayer(i);
-      });
-    }
-    d("annotationsReceived");
-  };
-  return {
-    cachedAnnRange: u,
-    annLayerInfo: g,
-    checkAnnotationRange: F,
-    findNextAnnotation: (y) => {
-      const d = o.getViewerActiveLayer(), e = Y(d.annotations, y, !1);
-      return e < d.annotations.length ? d.annotations[e].start > y ? d.annotations[e] : d.annotations[e + 1] || d.annotations[e] : d.annotations[e];
-    },
-    findPreviousAnnotation: (y) => {
-      const d = o.getViewerActiveLayer(), e = Y(d.annotations, y, !0);
-      return d.annotations[e].start < y ? d.annotations[e] : e > 0 ? d.annotations[e - 1] : d.annotations[e];
-    },
-    getChannelId: m
-  };
-}
-function ye(t = null) {
-  const o = t || U("viewerStore", null) || V("default"), { viewerAnnotations: c, viewerChannels: a } = te(o), f = C([]), u = C([]), g = C(null), m = C(["#FFFF4E"]), F = (e, l) => {
-    var h, w;
-    const r = (((h = l.constants) == null ? void 0 : h.ANNOTATIONLABELHEIGHT) || 20) / 2 | 0, i = ((w = l.constants) == null ? void 0 : w.XOFFSET) || 0;
-    for (const n of e) {
-      let s = n.start, T = n.duration;
-      n.duration < 0 && (s = n.start + n.duration, T = -n.duration);
-      const p = i + (s - l.start) / l.rsPeriod;
-      if (n.cStart = p | 0, n.duration !== 0) {
-        const O = i + (s + T - l.start) / l.rsPeriod;
-        n.cEnd = O | 0;
-      } else
-        n.cEnd = n.cStart + l.cWidth / 40 | 0;
-      if (n.allChannels)
-        n.allOffsets = [r], n.cY = r;
-      else {
-        n.allOffsets = [], n.minOffset = l.cHeight | 0, n.maxOffset = 0;
-        const O = a.value;
-        for (const S of n.channelIds) {
-          let b = null;
-          for (const L of O)
-            if (L.id === S && L.visible) {
-              b = L.rowBaseline | 0, b < n.minOffset && (n.minOffset = b), b > n.maxOffset && (n.maxOffset = b), n.allOffsets.push(b);
-              break;
-            }
-        }
-        u.value.indexOf(n.minOffset) < 0 && u.value.push(n.minOffset), n.cY = n.minOffset;
-      }
-    }
-  }, M = (e, l, v, r) => {
-    var w, n;
-    const i = ((w = v.constants) == null ? void 0 : w.ANNOTATIONLABELHEIGHT) || 20, h = i / 2 | 0;
-    e.setTransform(v.pixelRatio, 0, 0, v.pixelRatio, 0, 0), e.save(), e.lineWidth = 1, e.setLineDash([8, 5]), e.strokeStyle = "rgba(0,0,0, 0.6)", e.fillStyle = "rgba(0,0,0,0.05)";
-    for (const s of l) {
-      const T = Q(s, c.value);
-      s.selected && (e.save(), e.strokeStyle = T.selColor, e.fillStyle = T.bkColor, e.lineWidth = 1);
-      const p = Math.round(s.cStart) + 0.5, O = Math.round(s.cEnd) + 0.5;
-      s.allChannels ? s.duration === 0 ? (e.beginPath(), e.moveTo(p + 1, i), e.lineTo(p, r), e.stroke()) : (e.fillRect(p, i, O - p, r - i), e.beginPath(), e.moveTo(p, i), e.lineTo(p, r), e.moveTo(O, i), e.lineTo(O, r), e.stroke()) : ((n = s == null ? void 0 : s.channelIds) == null ? void 0 : n.length) === 1 ? s.duration === 0 && (e.beginPath(), e.moveTo(p, s.minOffset + h), e.lineTo(p, s.minOffset + h + 8), e.stroke()) : s.duration === 0 ? (e.beginPath(), e.moveTo(p, s.minOffset + h), e.lineTo(p, s.maxOffset - h), e.stroke()) : (e.fillRect(
-        p - 1,
-        s.minOffset + h,
-        O - p + 1,
-        s.maxOffset - s.minOffset - i
-      ), e.beginPath(), e.moveTo(p, s.minOffset + h), e.lineTo(p, s.maxOffset - h), e.moveTo(O, s.minOffset + h), e.lineTo(O, s.maxOffset - h), e.stroke()), s.selected && e.restore();
-    }
-    e.restore();
-  }, R = async (e, l, v, r, i, h) => {
-    var s;
-    const w = ((s = v.constants) == null ? void 0 : s.ANNOTATIONLABELHEIGHT) || 20, n = w / 2 | 0;
-    e.setTransform(v.pixelRatio, 0, 0, v.pixelRatio, 0, 0), e.save(), e.lineWidth = 2, e.font = "14px sans-serif", e.textAlign = "left";
-    for (const T of l) {
-      const p = Q(T, c.value);
-      if (T === g.value && r)
-        continue;
-      T.selected ? (e.fillStyle = p.selColor || "rgba(51,204,102, 0.8)", e.strokeStyle = "white") : (e.fillStyle = p.color || "rgba(51,204,102,0.8)", e.strokeStyle = T === g.value ? "white" : "rgba(255,255,255,0.8)");
-      const O = Math.round(T.cStart) + 1, S = Math.round(T.cEnd);
-      let b = 0;
-      for (let A = 0; A < T.allOffsets.length; A++)
-        e.fillRect(
-          O - 1,
-          T.allOffsets[A] - n,
-          S - O + 2,
-          w
-        ), T.allOffsets[A] === T.minOffset && (b = A);
-      const L = T.allOffsets[b];
-      if (["annSelect", "annResize-left", "annResize-right"].includes(i) && h === "annotate" && (e.beginPath(), T.duration !== 0 && (e.moveTo(S - 3, L - n + 3), e.lineTo(S - 3, L + n - 3)), e.moveTo(O + 3, L - n + 3), e.lineTo(O + 3, L + n - 3), e.stroke()), S - O > T.label.length * 8 + 10) {
-        e.fillStyle = m.value.indexOf(p.hexColor) >= 0 ? "black" : "white";
-        const A = T.linkedPackage ? O + 30 : O + 10, $ = T.linkedPackage ? L + n - n / 2 : L + n - 6;
-        e.fillText(T.label, A, $);
-      }
-      const E = T.linkedPackageDTO;
-      E && S - O >= 30 && await k(e, E, O, L, n, w);
-    }
-    e.restore();
-  }, k = async (e, l, v, r, i, h) => {
-    const w = G({}, ["objects", "view", 1, "content"], l), n = j("", "fileType", w), s = new Image();
-    if (n === "PNG") {
-      const { id: T, packageId: p } = w, O = o.config.apiUrl;
-      try {
-        const S = await N();
-        s.src = `${O}/packages/${p}/files/${T}/presign/?api_key=${S}`, s.complete ? e.drawImage(s, v, r - i, 27, h) : s.addEventListener("load", () => {
-          e.drawImage(s, v, r - i, 27, h);
-        }, { once: !0 });
-      } catch (S) {
-        console.error("Error loading image:", S);
-      }
-    } else
-      s.src = y(), e.drawImage(s, v + 5, r - i, 20, 20);
-  }, y = (e) => "/path/to/default/icon.png";
-  return {
-    renderAnn: f,
-    hoverOffsets: u,
-    focusedAnn: g,
-    render: (e, l, v, r) => {
-      var T, p, O, S;
-      if (!l) {
-        console.warn("TSAnnotationCanvas: annotationsCanvas prop is undefined or null");
-        return;
-      }
-      const i = l.getContext("2d"), h = v.getContext("2d");
-      i.setTransform(e.pixelRatio, 0, 0, e.pixelRatio, 0, 0), h.setTransform(e.pixelRatio, 0, 0, e.pixelRatio, 0, 0), u.value = [(((T = e.constants) == null ? void 0 : T.ANNOTATIONLABELHEIGHT) || 20) / 2], i.clearRect(0, 0, e.cWidth, e.cHeight), h.clearRect(0, 0, e.cWidth, e.cHeight), f.value = [];
-      const w = e.duration && e.duration > 0 ? e.duration : 15e6, n = e.start || 0, s = n + w;
-      console.log("🎨 Annotation render debug:", {
-        start: n,
-        duration: w,
-        end: s,
-        layerCount: ((p = c.value) == null ? void 0 : p.length) || 0,
-        totalAnnotations: ((O = c.value) == null ? void 0 : O.reduce((b, L) => {
-          var E;
-          return b + (((E = L.annotations) == null ? void 0 : E.length) || 0);
-        }, 0)) || 0
-      });
-      for (const b of c.value)
-        if (b.visible && ((S = b.annotations) == null ? void 0 : S.length) > 0) {
-          console.log(`🔍 Processing layer "${b.name}" with ${b.annotations.length} annotations`);
-          const L = b.annotations.filter((E) => {
-            const A = E.start, $ = E.end || E.start + (E.duration || 0), H = A < s && $ > n;
-            return H && console.log(`  ✅ Including annotation "${E.label}": ${A} - ${$}`), H;
-          });
-          console.log(`  📊 Found ${L.length} annotations in viewport`), L.length > 0 && (L.sort((E, A) => E.start - A.start), f.value.push(...L));
-        }
-      if (console.log(`🎯 Total annotations to render: ${f.value.length}`), f.value.length === 0) {
-        console.log("⚠️ No annotations found in viewport");
-        return;
-      }
-      he(f.value), F(f.value, e), M(i, f.value, e, r), R(h, f.value, e, !0, e.pointerMode, e.viewerActiveTool), g.value && R(h, [g.value], e, !1, e.pointerMode, e.viewerActiveTool), console.log(`✅ Rendered ${f.value.length} annotations successfully`);
-    },
-    computeRenderOptions: F,
-    renderAnnotationAreas: M,
-    renderAnnotationLabels: R
-  };
-}
-function we(t, o, c, a = null) {
-  const f = a || U("viewerStore", null) || V("default"), u = C([0, 0]), g = (e, l) => {
-    const r = ((l == null ? void 0 : l.ANNOTATIONLABELHEIGHT) || 20) / 2;
-    for (const i of c.value)
-      if (e >= i - r && e <= i + r)
-        return !0;
-    return !1;
-  }, m = (e, l, v) => {
-    var h;
-    const i = ((v == null ? void 0 : v.ANNOTATIONLABELHEIGHT) || 20) / 2;
-    for (let w = 0; w < (((h = o.value) == null ? void 0 : h.length) || 0); w++) {
-      const n = o.value[w];
-      if (n.cStart < e && n.cEnd > e) {
-        if (l > n.cY - i && l < n.cY + i)
-          return w;
-      } else if (n.cStart > e)
-        break;
-    }
-    return null;
-  }, F = (e, l, v) => {
-    if (!v) return l;
-    switch (l) {
-      case "annotate":
-        return e <= v.cStart + 10 ? "annResize-left" : e >= v.cEnd - 10 && v.duration > 0 ? "annResize-right" : "annSelect";
-      case "pointer":
-        return "annSelect";
-      default:
-        return l;
-    }
-  };
-  return {
-    mouseDownPosition: u,
-    shouldCheckAnnotationHover: g,
-    findAnnotationAtPosition: m,
-    determinePointerMode: F,
-    resetFocusedAnnotation: () => {
-      var e;
-      ((e = t.value) == null ? void 0 : e.oldStart) !== void 0 && (t.value.start = t.value.oldStart, t.value.duration = t.value.oldDuration, t.value.end = t.value.start + t.value.duration);
-    },
-    selectFocusedAnnotation: () => t.value ? (f.setActiveAnnotation(t.value), !0) : !1,
-    onMouseDown: (e, l, v) => {
-      t.value && ["annResize-left", "annResize-right"].includes(v) && (t.value.oldStart = t.value.start, t.value.oldDuration = t.value.duration, u.value = [e, l]);
-    },
-    onMouseMove: (e, l, v, r, i) => {
-      let h = v;
-      if (r && u.value) {
-        const w = (e - u.value[0]) * i.rsPeriod;
-        switch (v) {
-          case "annResize-left":
-            t.value.oldDuration > 0 ? (t.value.start = t.value.oldStart + w, t.value.duration = t.value.oldDuration - w, t.value.end = t.value.start + t.value.duration) : t.value.start = t.value.oldStart + w;
-            break;
-          case "annResize-right":
-            t.value.duration = t.value.oldDuration + w, t.value.end = t.value.start + t.value.duration;
-            break;
-        }
-      } else {
-        const w = g(l, i.constants);
-        if (h = i.viewerActiveTool, w) {
-          const n = m(e, l, i.constants);
-          if (n !== null) {
-            const s = t.value, T = o.value[n];
-            (!s || e < t.value.cStart || e > t.value.cEnd) && (t.value = T), h = F(e, i.viewerActiveTool, t.value);
-          } else
-            t.value = null;
-        } else
-          t.value = null, h = i.viewerActiveTool;
-      }
-      return h;
-    },
-    onMouseUp: (e, l) => {
-      if (t.value && ["annResize-left", "annResize-right"].includes(e)) {
-        if (t.value.duration < 0) {
-          const v = -t.value.duration, r = t.value.start - v;
-          t.value.start = r, t.value.duration = v, t.value.end = r + v;
-        }
-        f.setActiveAnnotation(t.value), l("updateAnnotation", t.value);
-      }
-    }
-  };
-}
-var B = { exports: {} }, X;
-function me() {
-  if (X) return B.exports;
-  X = 1;
-  function t() {
-  }
-  return t.prototype = {
-    on: function(o, c, a) {
-      var f = this.e || (this.e = {});
-      return (f[o] || (f[o] = [])).push({
-        fn: c,
-        ctx: a
-      }), this;
-    },
-    once: function(o, c, a) {
-      var f = this;
-      function u() {
-        f.off(o, u), c.apply(a, arguments);
-      }
-      return u._ = c, this.on(o, u, a);
-    },
-    emit: function(o) {
-      var c = [].slice.call(arguments, 1), a = ((this.e || (this.e = {}))[o] || []).slice(), f = 0, u = a.length;
-      for (f; f < u; f++)
-        a[f].fn.apply(a[f].ctx, c);
-      return this;
-    },
-    off: function(o, c) {
-      var a = this.e || (this.e = {}), f = a[o], u = [];
-      if (f && c)
-        for (var g = 0, m = f.length; g < m; g++)
-          f[g].fn !== c && f[g].fn._ !== c && u.push(f[g]);
-      return u.length ? a[o] = u : delete a[o], this;
-    }
-  }, B.exports = t, B.exports.TinyEmitter = t, B.exports;
-}
-var z, x;
-function Te() {
-  if (x) return z;
-  x = 1;
-  var t = me();
-  return z = new t(), z;
-}
-var Le = Te();
-const _ = /* @__PURE__ */ ve(Le), ee = {
-  $emit: (...t) => _.emit(...t),
-  $on: (...t) => _.on(...t),
-  $off: (...t) => _.off(...t),
-  $once: (...t) => _.once(...t)
-};
-function ke(t = null) {
-  const o = t || U("viewerStore", null) || V("default"), c = C([]), a = C([
-    "#18BA62",
-    "#FFBC27",
-    "#E94B4B",
-    "#0D4EFF",
-    "#FF4FFF",
-    "#50FFFF",
-    "#FFFF4E",
-    "#512BAF",
-    "#8A6ECF",
-    "#389BAD",
-    "#187D46",
-    "#B12800",
-    "#0C2475",
-    "#FF5321",
-    "#FF99CC",
-    "#DCC180",
-    "#FF6C21",
-    "#000000",
-    "#9B9B9B",
-    "#00FF00",
-    "#FA8072",
-    "#808000",
-    "#A0522D",
-    "#2760FF"
-  ]), f = async (k, y) => {
-    const d = [];
-    if (k.results.length === 0)
-      await u({
-        name: "Default",
-        color: "#18BA62",
-        description: "Default Annotation Layer"
-      }, null, y);
-    else {
-      for (let e = 0; e < k.results.length; e++) {
-        const l = k.results[e];
-        let v = l.color || a.value[e % a.value.length];
-        const r = {
-          id: l.id,
-          name: l.name,
-          description: l.description,
-          visible: !0,
-          selected: e === 0,
-          // First layer is selected by default
-          annotations: [],
-          color: I(v, 0.7),
-          hexColor: v,
-          bkColor: I(v, 0.15),
-          selColor: I(v, 0.9)
-        };
-        d.push(r);
-      }
-      o.setAnnotations(d), y("annLayersInitialized");
-    }
-    c.value = k.results;
-  }, u = async (k, y, d) => {
-    try {
-      const e = await N(), l = `${o.config.apiUrl}/timeseries/${y.content.id}/layers?api_key=${e}`, v = await D(l, {
-        method: "POST",
-        body: {
-          name: k.name,
-          color: k.color,
-          description: k.description || k.name
-        }
-      }), r = {
-        ...v,
-        annotations: [],
-        hexColor: v.color,
-        color: I(v.color, 0.7),
-        bkColor: I(v.color, 0.15),
-        selColor: I(v.color, 0.9),
-        visible: !0,
-        selected: !0
-      };
-      return o.createLayer(r), o.setActiveAnnotationLayer(r.id), ee.$emit("toast", {
-        detail: {
-          msg: `'${r.name}' Layer Created`
-        }
-      }), r;
-    } catch (e) {
-      throw P(e), e;
-    } finally {
-      d && d("closeAnnotationLayerWindow");
-    }
-  };
-  return {
-    annLayerInfo: c,
-    defaultColors: a,
-    initializeLayers: f,
-    createAnnotationLayer: u,
-    updateLayerVisibility: (k, y) => {
-      console.log(`[useAnnotationLayers] Updating layer ${k} visibility to:`, y);
-      const d = o.viewerAnnotations.find((e) => e.id === k);
-      if (d) {
-        console.log("[useAnnotationLayers] Found layer:", d.name, "current visible:", d.visible), d.visible = y, o.updateLayer(d), console.log("[useAnnotationLayers] Updated layer:", d.name, "new visible:", d.visible);
-        const e = o.viewerAnnotations.find((l) => l.id === k);
-        console.log("[useAnnotationLayers] Verification - layer visible is now:", e == null ? void 0 : e.visible);
-      } else
-        console.error("[useAnnotationLayers] Layer not found with ID:", k), console.log("[useAnnotationLayers] Available layers:", o.viewerAnnotations.map((e) => ({ id: e.id, name: e.name })));
-    },
-    selectLayer: (k) => {
-      o.viewerAnnotations.forEach((d) => {
-        d.selected = !1, o.updateLayer(d);
-      });
-      const y = o.viewerAnnotations.find((d) => d.id === k);
-      y && (y.selected = !0, o.updateLayer(y), o.setActiveAnnotationLayer(k));
-    },
-    deleteLayer: async (k, y) => {
-      try {
-        const d = await N(), e = `${o.config.apiUrl}/timeseries/${y.content.id}/layers/${k}?api_key=${d}`;
-        await D(e, { method: "DELETE" }), o.removeLayer(k), ee.$emit("toast", {
-          detail: {
-            msg: "Layer deleted successfully"
-          }
-        });
-      } catch (d) {
-        throw P(d), d;
-      }
-    },
-    updateLayerColor: async (k, y, d) => {
-      try {
-        const e = await N(), l = `${o.config.apiUrl}/timeseries/${d.content.id}/layers/${k}?api_key=${e}`, v = await D(l, {
-          method: "PUT",
-          body: { color: y }
-        }), r = o.viewerAnnotations.find((i) => i.id === k);
-        return r && (r.hexColor = y, r.color = I(y, 0.7), r.bkColor = I(y, 0.15), r.selColor = I(y, 0.9), o.updateLayer(r)), v;
-      } catch (e) {
-        throw P(e), e;
-      }
-    },
-    loadLayers: async (k, y) => {
-      try {
-        const d = await N(), e = `${o.config.apiUrl}/timeseries/${k.content.id}/layers?api_key=${d}`, l = await D(e);
-        return await f(l, y), l;
-      } catch (d) {
-        throw P(d), d;
-      }
-    }
-  };
-}
-const Oe = ["width", "height"], pe = {
-  __name: "TSAnnotationCanvas",
-  props: {
-    cWidth: { type: Number, default: 0 },
-    cHeight: Number,
-    start: Number,
-    duration: Number,
-    tsEnd: Number,
-    rsPeriod: Number,
-    pixelRatio: Number,
-    constants: {
-      type: Object,
-      default: () => ({
-        ANNOTATIONLABELHEIGHT: 20,
-        XOFFSET: 0,
-        LIMITANNFETCH: 500
-      })
-    },
-    pointerMode: String,
-    annotationsCanvas: [HTMLCanvasElement, Object],
-    activeViewer: { type: Object, required: !0 },
-    viewerActiveTool: String
-  },
-  emits: [
-    "annLayersInitialized",
-    "annotationsReceived",
-    "closeAnnotationLayerWindow",
-    "updateAnnotation"
-  ],
-  setup(t, { expose: o, emit: c }) {
-    const a = t, f = c, u = C(null), {
-      checkAnnotationRange: g,
-      findNextAnnotation: m,
-      findPreviousAnnotation: F
-    } = ge(), {
-      renderAnn: M,
-      hoverOffsets: R,
-      focusedAnn: k,
-      render: y
-    } = ye(), {
-      resetFocusedAnnotation: d,
-      selectFocusedAnnotation: e,
-      onMouseDown: l,
-      onMouseMove: v,
-      onMouseUp: r
-    } = we(k, M, R), {
-      createAnnotationLayer: i,
-      loadLayers: h
-    } = ke(), w = J(() => a.cHeight - 20), n = J(() => ({
-      width: a.cWidth + "px",
-      height: w.value + "px"
-    })), s = () => {
-      y(a, a.annotationsCanvas, u.value, w.value);
-    }, T = (L, E) => {
-      l(L, E, a.pointerMode);
-    }, p = (L, E, A, $) => v(L, E, A, $, a), O = () => {
-      r(a.pointerMode, f);
-    }, S = () => {
-      e() && se(() => s());
-    }, b = async (L) => {
-      try {
-        await i(L, a.activeViewer, f);
-      } catch (E) {
-        console.error("Error creating layer:", E);
-      }
-    };
-    return ne(
-      () => a.activeViewer,
-      async (L) => {
-        try {
-          await h(L, f), await g(
-            a.start,
-            a.start + a.duration,
-            a,
-            L,
-            f
-          );
-        } catch (E) {
-          console.error("Error loading annotations for new viewer:", E);
-        }
-      }
-    ), oe(async () => {
-      console.log("TSAnnotationCanvas mounted with props:", {
-        constants: a.constants,
-        annotationsCanvas: a.annotationsCanvas,
-        viewerActiveTool: a.viewerActiveTool
-      });
-      try {
-        await h(a.activeViewer, f), await g(
-          a.start,
-          a.start + a.duration,
-          a,
-          a.activeViewer,
-          f
-        );
-      } catch (L) {
-        console.error("Error initializing annotations:", L);
-      }
-    }), o({
-      render: s,
-      resetFocusedAnnotation: d,
-      findNextAnnotation: m,
-      findPreviousAnnotation: F,
-      checkAnnotationRange: (L, E) => g(L, E, a, a.activeViewer, f),
-      selectFocusedAnn: S,
-      createAnnotationLayer: b,
-      onMouseDown: T,
-      onMouseMove: p,
-      onMouseUp: O
-    }), (L, E) => (ie(), ae("canvas", {
-      id: "annLabelArea",
-      ref_key: "annLabelArea",
-      ref: u,
-      class: "timeseries-annotation-canvas",
-      width: K(Z)(t.cWidth, t.pixelRatio, 0),
-      height: K(Z)(w.value, t.pixelRatio, 0),
-      style: re(n.value)
-    }, null, 12, Oe));
-  }
-}, Ie = /* @__PURE__ */ ue(pe, [["__scopeId", "data-v-41f7f1c2"]]);
-export {
-  Ie as default
-};