tsviewer 1.0.27 → 1.0.28

package/dist/TSAnnotationCanvas-DS-_o3gh.mjs

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