tsviewer 1.0.27 → 1.0.28

package/dist/index-BtnXpu3W.mjs

@@ -0,0 +1,902 @@
+import { ref as p, computed as b, defineAsyncComponent as x, watch as oe, nextTick as $, onMounted as On, onBeforeUnmount as bn, createElementBlock as ve, openBlock as re, normalizeClass as fe, createVNode as G, createElementVNode as Q, createBlock as En, createCommentVNode as Ln, unref as q, Fragment as Nn, renderList as Dn, toDisplayString as Oe } from "vue";
+import { defineStore as Pn, storeToRefs as Mn } from "pinia";
+function y(n) {
+  return n != null && typeof n == "object" && n["@@functional/placeholder"] === !0;
+}
+function C(n) {
+  return function e(o) {
+    return arguments.length === 0 || y(o) ? e : n.apply(this, arguments);
+  };
+}
+function _(n) {
+  return function e(o, a) {
+    switch (arguments.length) {
+      case 0:
+        return e;
+      case 1:
+        return y(o) ? e : C(function(u) {
+          return n(o, u);
+        });
+      default:
+        return y(o) && y(a) ? e : y(o) ? C(function(u) {
+          return n(u, a);
+        }) : y(a) ? C(function(u) {
+          return n(o, u);
+        }) : n(o, a);
+    }
+  };
+}
+function Ve(n) {
+  return function e(o, a, u) {
+    switch (arguments.length) {
+      case 0:
+        return e;
+      case 1:
+        return y(o) ? e : _(function(d, h) {
+          return n(o, d, h);
+        });
+      case 2:
+        return y(o) && y(a) ? e : y(o) ? _(function(d, h) {
+          return n(d, a, h);
+        }) : y(a) ? _(function(d, h) {
+          return n(o, d, h);
+        }) : C(function(d) {
+          return n(o, a, d);
+        });
+      default:
+        return y(o) && y(a) && y(u) ? e : y(o) && y(a) ? _(function(d, h) {
+          return n(d, h, u);
+        }) : y(o) && y(u) ? _(function(d, h) {
+          return n(d, a, h);
+        }) : y(a) && y(u) ? _(function(d, h) {
+          return n(o, d, h);
+        }) : y(o) ? C(function(d) {
+          return n(d, a, u);
+        }) : y(a) ? C(function(d) {
+          return n(o, d, u);
+        }) : y(u) ? C(function(d) {
+          return n(o, a, d);
+        }) : n(o, a, u);
+    }
+  };
+}
+const je = Array.isArray || function(e) {
+  return e != null && e.length >= 0 && Object.prototype.toString.call(e) === "[object Array]";
+};
+function Rn(n) {
+  return n != null && typeof n["@@transducer/step"] == "function";
+}
+function Un(n, e, o) {
+  return function() {
+    if (arguments.length === 0)
+      return o();
+    var a = arguments[arguments.length - 1];
+    if (!je(a)) {
+      for (var u = 0; u < n.length; ) {
+        if (typeof a[n[u]] == "function")
+          return a[n[u]].apply(a, Array.prototype.slice.call(arguments, 0, -1));
+        u += 1;
+      }
+      if (Rn(a)) {
+        var d = e.apply(null, Array.prototype.slice.call(arguments, 0, -1));
+        return d(a);
+      }
+    }
+    return o.apply(this, arguments);
+  };
+}
+function Vn(n) {
+  return n && n["@@transducer/reduced"] ? n : {
+    "@@transducer/value": n,
+    "@@transducer/reduced": !0
+  };
+}
+const jn = {
+  init: function() {
+    return this.xf["@@transducer/init"]();
+  },
+  result: function(n) {
+    return this.xf["@@transducer/result"](n);
+  }
+};
+function ke(n) {
+  return Object.prototype.toString.call(n) === "[object String]";
+}
+function ae(n, e) {
+  return Object.prototype.hasOwnProperty.call(e, n);
+}
+var be = Object.prototype.toString, Fe = /* @__PURE__ */ function() {
+  return be.call(arguments) === "[object Arguments]" ? function(e) {
+    return be.call(e) === "[object Arguments]";
+  } : function(e) {
+    return ae("callee", e);
+  };
+}(), kn = !/* @__PURE__ */ {
+  toString: null
+}.propertyIsEnumerable("toString"), Ee = ["constructor", "valueOf", "isPrototypeOf", "toString", "propertyIsEnumerable", "hasOwnProperty", "toLocaleString"], Le = /* @__PURE__ */ function() {
+  return arguments.propertyIsEnumerable("length");
+}(), Fn = function(e, o) {
+  for (var a = 0; a < e.length; ) {
+    if (e[a] === o)
+      return !0;
+    a += 1;
+  }
+  return !1;
+}, Ne = /* @__PURE__ */ C(typeof Object.keys == "function" && !Le ? function(e) {
+  return Object(e) !== e ? [] : Object.keys(e);
+} : function(e) {
+  if (Object(e) !== e)
+    return [];
+  var o, a, u = [], d = Le && Fe(e);
+  for (o in e)
+    ae(o, e) && (!d || o !== "length") && (u[u.length] = o);
+  if (kn)
+    for (a = Ee.length - 1; a >= 0; )
+      o = Ee[a], ae(o, e) && !Fn(u, o) && (u[u.length] = o), a -= 1;
+  return u;
+});
+const Wn = Number.isInteger || function(e) {
+  return e << 0 === e;
+};
+var xn = /* @__PURE__ */ _(function(e, o) {
+  var a = e < 0 ? o.length + e : e;
+  return ke(o) ? o.charAt(a) : o[a];
+}), We = /* @__PURE__ */ _(function(e, o) {
+  if (o != null)
+    return Wn(e) ? xn(e, o) : o[e];
+}), De = /* @__PURE__ */ C(function(e) {
+  return e === null ? "Null" : e === void 0 ? "Undefined" : Object.prototype.toString.call(e).slice(8, -1);
+});
+function Pe(n) {
+  for (var e = [], o; !(o = n.next()).done; )
+    e.push(o.value);
+  return e;
+}
+function Me(n, e, o) {
+  for (var a = 0, u = o.length; a < u; ) {
+    if (n(e, o[a]))
+      return !0;
+    a += 1;
+  }
+  return !1;
+}
+function qn(n) {
+  var e = String(n).match(/^function (\w*)/);
+  return e == null ? "" : e[1];
+}
+function Bn(n, e) {
+  return n === e ? n !== 0 || 1 / n === 1 / e : n !== n && e !== e;
+}
+const pe = typeof Object.is == "function" ? Object.is : Bn;
+function Re(n, e, o, a) {
+  var u = Pe(n), d = Pe(e);
+  function h(c, O) {
+    return ge(c, O, o.slice(), a.slice());
+  }
+  return !Me(function(c, O) {
+    return !Me(h, O, c);
+  }, d, u);
+}
+function ge(n, e, o, a) {
+  if (pe(n, e))
+    return !0;
+  var u = De(n);
+  if (u !== De(e))
+    return !1;
+  if (typeof n["fantasy-land/equals"] == "function" || typeof e["fantasy-land/equals"] == "function")
+    return typeof n["fantasy-land/equals"] == "function" && n["fantasy-land/equals"](e) && typeof e["fantasy-land/equals"] == "function" && e["fantasy-land/equals"](n);
+  if (typeof n.equals == "function" || typeof e.equals == "function")
+    return typeof n.equals == "function" && n.equals(e) && typeof e.equals == "function" && e.equals(n);
+  switch (u) {
+    case "Arguments":
+    case "Array":
+    case "Object":
+      if (typeof n.constructor == "function" && qn(n.constructor) === "Promise")
+        return n === e;
+      break;
+    case "Boolean":
+    case "Number":
+    case "String":
+      if (!(typeof n == typeof e && pe(n.valueOf(), e.valueOf())))
+        return !1;
+      break;
+    case "Date":
+      if (!pe(n.valueOf(), e.valueOf()))
+        return !1;
+      break;
+    case "Error":
+      return n.name === e.name && n.message === e.message;
+    case "RegExp":
+      if (!(n.source === e.source && n.global === e.global && n.ignoreCase === e.ignoreCase && n.multiline === e.multiline && n.sticky === e.sticky && n.unicode === e.unicode))
+        return !1;
+      break;
+  }
+  for (var d = o.length - 1; d >= 0; ) {
+    if (o[d] === n)
+      return a[d] === e;
+    d -= 1;
+  }
+  switch (u) {
+    case "Map":
+      return n.size !== e.size ? !1 : Re(n.entries(), e.entries(), o.concat([n]), a.concat([e]));
+    case "Set":
+      return n.size !== e.size ? !1 : Re(n.values(), e.values(), o.concat([n]), a.concat([e]));
+    case "Arguments":
+    case "Array":
+    case "Object":
+    case "Boolean":
+    case "Number":
+    case "String":
+    case "Date":
+    case "Error":
+    case "RegExp":
+    case "Int8Array":
+    case "Uint8Array":
+    case "Uint8ClampedArray":
+    case "Int16Array":
+    case "Uint16Array":
+    case "Int32Array":
+    case "Uint32Array":
+    case "Float32Array":
+    case "Float64Array":
+    case "ArrayBuffer":
+      break;
+    default:
+      return !1;
+  }
+  var h = Ne(n);
+  if (h.length !== Ne(e).length)
+    return !1;
+  var c = o.concat([n]), O = a.concat([e]);
+  for (d = h.length - 1; d >= 0; ) {
+    var m = h[d];
+    if (!(ae(m, e) && ge(e[m], n[m], c, O)))
+      return !1;
+    d -= 1;
+  }
+  return !0;
+}
+var xe = /* @__PURE__ */ _(function(e, o) {
+  return ge(e, o, [], []);
+});
+function zn(n) {
+  return Object.prototype.toString.call(n) === "[object Object]";
+}
+var $n = /* @__PURE__ */ _(function(e, o) {
+  return o == null || o !== o ? e : o;
+});
+function Gn(n) {
+  var e = Object.prototype.toString.call(n);
+  return e === "[object Uint8ClampedArray]" || e === "[object Int8Array]" || e === "[object Uint8Array]" || e === "[object Int16Array]" || e === "[object Uint16Array]" || e === "[object Int32Array]" || e === "[object Uint32Array]" || e === "[object Float32Array]" || e === "[object Float64Array]" || e === "[object BigInt64Array]" || e === "[object BigUint64Array]";
+}
+var Xn = /* @__PURE__ */ C(function(e) {
+  return e != null && typeof e["fantasy-land/empty"] == "function" ? e["fantasy-land/empty"]() : e != null && e.constructor != null && typeof e.constructor["fantasy-land/empty"] == "function" ? e.constructor["fantasy-land/empty"]() : e != null && typeof e.empty == "function" ? e.empty() : e != null && e.constructor != null && typeof e.constructor.empty == "function" ? e.constructor.empty() : je(e) ? [] : ke(e) ? "" : zn(e) ? {} : Fe(e) ? /* @__PURE__ */ function() {
+    return arguments;
+  }() : Gn(e) ? e.constructor.from("") : void 0;
+}), Zn = /* @__PURE__ */ function() {
+  function n(e, o) {
+    this.xf = o, this.f = e, this.idx = -1, this.found = !1;
+  }
+  return n.prototype["@@transducer/init"] = jn.init, n.prototype["@@transducer/result"] = function(e) {
+    return this.found || (e = this.xf["@@transducer/step"](e, -1)), this.xf["@@transducer/result"](e);
+  }, n.prototype["@@transducer/step"] = function(e, o) {
+    return this.idx += 1, this.f(o) && (this.found = !0, e = Vn(this.xf["@@transducer/step"](e, this.idx))), e;
+  }, n;
+}(), Hn = /* @__PURE__ */ _(function(e, o) {
+  return new Zn(e, o);
+}), D = /* @__PURE__ */ _(
+  /* @__PURE__ */ Un([], Hn, function(e, o) {
+    for (var a = 0, u = o.length; a < u; ) {
+      if (e(o[a]))
+        return a;
+      a += 1;
+    }
+    return -1;
+  })
+), Kn = /* @__PURE__ */ C(function(e) {
+  return e != null && xe(e, Xn(e));
+}), P = /* @__PURE__ */ Ve(function(e, o, a) {
+  return xe(o, We(e, a));
+}), Ue = /* @__PURE__ */ Ve(function(e, o, a) {
+  return $n(e, We(o, a));
+});
+const qe = "https://api.pennsieve.net", Be = "https://api2.pennsieve.net", ze = "wss://api.pennsieve.net/streaming/ts/query", $e = "https://api.pennsieve.net/streaming", Yn = {
+  apiUrl: qe,
+  api2Url: Be,
+  timeSeriesUrl: ze,
+  timeSeriesApi: $e
+}, Jn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  api2Url: Be,
+  apiUrl: qe,
+  default: Yn,
+  timeSeriesApi: $e,
+  timeSeriesUrl: ze
+}, Symbol.toStringTag, { value: "Module" })), Qn = Pn("tsviewer", () => {
+  const n = Jn, e = p([]), o = p("NOT_MONTAGED"), a = p({}), u = p([]), d = p(null), h = p(null);
+  p({});
+  const c = p([]), O = p({}), m = p({}), M = p("POINTER"), E = b(() => (r) => u.value.find((i) => i.name === r)), X = b(() => e.value.filter((r) => r.selected)), ie = b(() => () => {
+    const r = c.value.find((i) => i.selected);
+    return r || (console.warn("No active layer found, available layers:", c.value), c.value.length > 0 ? c.value[0] : null);
+  }), se = () => {
+    let r = !1;
+    return c.value.forEach((i, v) => {
+      !i.id && i.id !== 0 && (console.error(`Layer at index ${v} missing ID:`, i), r = !0), i.annotations || (console.warn(`Layer at index ${v} missing annotations array:`, i), i.annotations = []);
+    }), r && console.error("Annotation layer validation failed. Layers:", c.value), !r;
+  }, le = b(() => (r) => c.value.flatMap((v) => v.annotations || []).find((v) => v.id === r)), ue = (r) => {
+    e.value = r;
+  }, he = (r) => {
+    o.value = r;
+  }, R = (r) => {
+    a.value = r;
+  }, L = (r) => {
+    u.value = r;
+  }, Z = (r) => {
+    d.value = r;
+  }, g = (r) => {
+    h.value = r;
+  }, ee = (r) => {
+    const i = r.map((v) => (!v.id && v.id !== 0 && (console.warn("Annotation layer missing ID:", v), v.id = Math.random().toString(36).substr(2, 9)), v.annotations || (v.annotations = []), v.name || (v.name = `Layer ${v.id}`), v));
+    c.value = i, console.log("Set annotations with validated structure:", i);
+  }, ce = (r) => {
+    if (!r && r !== 0) {
+      console.error("setActiveAnnotationLayer called with invalid layerId:", r);
+      return;
+    }
+    O.value = r, c.value.forEach((v) => v.selected = !1);
+    const i = D(P("id", r), c.value);
+    i >= 0 ? (c.value[i].selected = !0, console.log("Successfully set active layer:", c.value[i])) : console.error("Layer with ID not found:", r, "Available layers:", c.value);
+  }, S = (r) => {
+    if (c.value.forEach(
+      (i) => {
+        var v;
+        return (v = i.annotations) == null ? void 0 : v.forEach((T) => T.selected = !1);
+      }
+    ), r.id) {
+      const i = D(P("id", r.layer_id), c.value);
+      if (i >= 0) {
+        const v = D(P("id", r.id), c.value[i].annotations);
+        v >= 0 && (c.value[i].annotations[v].selected = !0);
+      }
+    }
+    m.value = r;
+  }, N = (r) => {
+    M.value = r;
+  }, k = (r) => {
+    if (!r.id && r.id !== 0) {
+      console.error("Cannot create layer without ID:", r);
+      return;
+    }
+    const i = {
+      id: r.id,
+      name: r.name || `Layer ${r.id}`,
+      description: r.description || "",
+      visible: r.visible !== void 0 ? r.visible : !0,
+      selected: r.selected || !1,
+      annotations: r.annotations || [],
+      color: r.color,
+      hexColor: r.hexColor,
+      bkColor: r.bkColor,
+      selColor: r.selColor,
+      userId: r.userId,
+      ...r
+      // Spread any additional properties
+    };
+    c.value.push(i), console.log("Created layer with validated structure:", i);
+  }, F = (r) => {
+    const i = D(P("id", r.id), c.value);
+    if (i >= 0) {
+      const v = Object.assign(c.value[i], r);
+      c.value[i] = v;
+    }
+  }, A = (r) => {
+    const i = D(P("id", r.id), c.value);
+    i >= 0 && c.value.splice(i, 1);
+  }, I = (r) => {
+    const i = D(P("id", r.layer_id), c.value);
+    i >= 0 && (c.value[i].annotations || (c.value[i].annotations = []), c.value[i].annotations.push(r), S(r));
+  }, W = (r) => {
+    const i = D(P("id", r.layer_id), c.value);
+    if (i >= 0) {
+      const v = c.value[i].annotations, T = D(P("id", r.id), v);
+      T >= 0 && (v[T] = r);
+    }
+  }, B = (r) => {
+    const i = D(P("id", r.layer_id), c.value);
+    if (i >= 0) {
+      const v = c.value[i].annotations, T = D(P("id", r.id), v);
+      T >= 0 && v.splice(T, 1);
+    }
+  }, U = (r, i, v) => {
+    const T = e.value.find((te) => te.id === r);
+    T && (T[i] = v);
+  };
+  return {
+    // State
+    viewerChannels: e,
+    viewerMontageScheme: o,
+    customMontageMap: a,
+    workspaceMontages: u,
+    viewerErrors: d,
+    needsRerender: h,
+    viewerAnnotations: c,
+    activeAnnotationLayer: O,
+    activeAnnotation: m,
+    viewerActiveTool: M,
+    config: n,
+    // Getters
+    getMontageMessageByName: E,
+    viewerSelectedChannels: X,
+    getViewerActiveLayer: ie,
+    getAnnotationById: le,
+    // Actions
+    setChannels: ue,
+    setViewerMontageScheme: he,
+    setCustomMontageMap: R,
+    setWorkspaceMontages: L,
+    setViewerErrors: Z,
+    setAnnotations: ee,
+    setActiveAnnotationLayer: ce,
+    setActiveAnnotation: S,
+    setActiveTool: N,
+    createLayer: k,
+    updateLayer: F,
+    deleteLayer: A,
+    createAnnotation: I,
+    updateAnnotation: W,
+    deleteAnnotation: B,
+    updateChannelProperty: U,
+    updateChannelVisibility: (r, i) => {
+      U(r, "visible", i);
+    },
+    updateChannelSelection: (r, i) => {
+      U(r, "selected", i);
+    },
+    updateChannelFilter: (r, i) => {
+      U(r, "filter", i);
+    },
+    validateAnnotationLayers: se,
+    resetViewer: () => {
+      e.value = [], o.value = "NOT_MONTAGED", a.value = {}, u.value = [], d.value = null, c.value = [], O.value = {}, m.value = {}, M.value = "POINTER";
+    },
+    triggerRerender: (r) => {
+      g({
+        timestamp: Date.now(),
+        cause: r
+      });
+    },
+    resetRerenderTrigger: () => {
+      h.value = null;
+    }
+  };
+}), et = (n, e) => {
+  const o = n.__vccOpts || n;
+  for (const [a, u] of e)
+    o[a] = u;
+  return o;
+}, nt = { id: "channelCanvas" }, tt = ["data-id"], ot = ["hidden"], rt = ["hidden"], at = {
+  __name: "TSViewer",
+  props: {
+    pkg: {
+      type: Object,
+      default: () => {
+      }
+    },
+    isPreview: {
+      type: Boolean,
+      default: !1
+    },
+    sidePanelOpen: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(n, { expose: e }) {
+    const o = x(() => import("./TSScrubber-BZo4SyGm.mjs")), a = x(() => import("./TSViewerCanvas-CeGKq-zQ.mjs").then((t) => t.T)), u = x(() => import("./TSViewerToolbar-CQ4uNXil.mjs")), d = x(() => import("./TSFilterModal-DjKgP7Y2.mjs")), h = x(() => import("./TSAnnotationModal-BKwEWORY.mjs")), c = x(() => import("./TsAnnotationDeleteDialog-CoPkyAmW.mjs")), O = x(() => import("./TSViewerLayerWindow-laXtlKCp.mjs")), m = {
+      TIMEUNIT: "microSeconds",
+      // Basis for time
+      XOFFSET: 0,
+      // X-offset of graph in canvas
+      XGRIDSPACING: 1e6,
+      // Time in microseconds between vertical lines
+      NRPXPERLABEL: 150,
+      // Number of pixels per label on x-axis
+      USEREALTIME: !0,
+      // If true than interpret timepoints as UTC microseconds.
+      DEFAULTDPI: 96,
+      // Default pixels per inch
+      ANNOTATIONLABELHEIGHT: 20,
+      // Height of annotation label
+      ROUNDDATAPIXELS: !1,
+      // If true, canvas point will be rounded to integer pixels for faster render (faster)
+      MINMAXPOLYGON: !0,
+      // If true, then polygon is rendered thru minMax values, otherwise vertical lines (faster)
+      PAGESIZEDIVIDER: 0.5,
+      // Number of pages that span the current canvas.
+      PREFETCHPAGES: 5,
+      // Number of pages to read ahead of view.
+      LIMITANNFETCH: 500,
+      // Maximum number of annotations that are fetched per request
+      USEMEDIAN: !1,
+      // Use Median instead of mean for centering channels
+      CURSOROFFSET: 5,
+      // Offset of cursor canvas
+      SEGMENTSPAN: 12096e8,
+      // One week of gap-data is returned per request.
+      MAXRECURSION: 20,
+      // Maximum recursion depth of gap-data requests (max 2 years)
+      MAXDURATION: 6e8,
+      // Maximum duration window (5min)
+      INITDURATION: 15e6
+      // Initial duration window  (15sec)
+    }, M = n, E = Qn(), { viewerChannels: X, needsRerender: ie } = Mn(E), {
+      addAnnotation: se,
+      updateAnnotation: le,
+      removeAnnotation: ue,
+      getChannelId: he
+    } = useTsAnnotation(), R = p(null), L = p(null), Z = p(null), g = p(null), ee = p(null), ce = p(null), S = p(null), N = p(null), k = p(0), F = p(0), A = p(0), I = p(0), W = p(0), B = p(0), U = p(0), V = p(1), H = p(1 / 10), j = p(!1), ne = p(!1), de = p(null), K = p(!1), r = b(() => M.pkg), i = b(() => M.sidePanelOpen), v = b(() => E.config), T = b(() => X.value.map((t) => ({
+      ...t,
+      selected: !!t.selected
+    }))), te = b(() => T.value.filter((t) => t.visible)), ye = b(() => {
+      let t = !1;
+      return B.value / me.value < 30 && (t = !0), t;
+    }), me = b(() => te.value.length), Y = async () => {
+      if (console.log("onresize..."), !R.value)
+        return;
+      const t = document.getElementById("ts_viewer");
+      if (!t)
+        return;
+      const l = window.getComputedStyle(t, null), s = parseInt(l.getPropertyValue("height")), f = M.isPreview ? 0 : 100;
+      k.value = s - f, await $(), F.value = R.value.offsetWidth;
+      const w = Z.value;
+      w && (U.value = w.clientWidth, W.value = F.value - w.clientWidth - 16, B.value = k.value - 40);
+    };
+    oe(() => r.value, async (t, l) => {
+      var s, f, w;
+      (s = L.value) != null && s.resetComponentState && L.value.resetComponentState(), t && t.channels && t.channels.length > 0 && Te(), _e(), await $(), (f = L.value) != null && f.initSegmentSpans && L.value.initSegmentSpans(), (w = L.value) != null && w.getAnnotations && L.value.getAnnotations();
+    }, { immediate: !1, deep: !0 }), oe(i, () => {
+      R.value && Y();
+    }, { immediate: !1 }), oe(me, (t, l) => {
+      l !== void 0 && t !== l && (console.log(`Number of visible channels changed from ${l} to ${t}`), setTimeout(() => {
+        var s;
+        Y(), (s = g.value) != null && s.renderAll && g.value.renderAll();
+      }, 20));
+    });
+    const Ae = (t) => {
+      store.dispatch("viewerModule/setActiveAnnotation", t).then(() => {
+        g.value.renderAnnotationCanvas(), j.value = !0;
+      });
+    };
+    oe(ie, (t) => {
+      t && (console.log(`TSViewer: Re-rendering due to: ${t.cause} (${t.timestamp})`), $(() => {
+        var l;
+        t.cause === "channel-visibility" ? setTimeout(() => {
+          var s;
+          Y(), (s = g.value) != null && s.renderAll && g.value.renderAll();
+        }, 10) : (l = g.value) != null && l.renderAll && g.value.renderAll();
+      }), E.resetRerenderTrigger(null));
+    }, { deep: !0 });
+    const Ge = (t) => {
+      Ae(t);
+    }, Xe = async (t) => {
+      if (console.log("📍 TSViewer: onCreateUpdateAnnotation received:", t), !t || Object.keys(t).length === 0) {
+        console.error("🚨 TSViewer: Received empty annotation!");
+        return;
+      }
+      if (!t.layer_id) {
+        console.error("🚨 TSViewer: annotation.layer_id is missing!", t);
+        return;
+      }
+      j.value = !1;
+      try {
+        t.id ? (console.log("📍 TSViewer: Updating annotation via composable"), await le(t), Ze()) : (console.log("📍 TSViewer: Creating annotation via composable"), await se(t), Qe()), console.log("📍 TSViewer: Annotation operation completed successfully");
+      } catch (l) {
+        console.error("📍 TSViewer: Error creating/updating annotation:", l), j.value = !0;
+      }
+    }, Ze = () => {
+      g.value.renderAnnotationCanvas();
+    }, He = (t) => {
+      de.value = t, K.value = !0;
+    }, Ke = async (t) => {
+      K.value = !1;
+      try {
+        await ue(t), Ye(), console.log("📍 TSViewer: Annotation deleted successfully");
+      } catch (l) {
+        console.error("📍 TSViewer: Error deleting annotation:", l);
+      }
+    }, Ye = () => {
+      g.value.renderAnnotationCanvas();
+    }, Je = (t, l, s, f, w, J) => {
+      if (console.log("📍 TSViewer: onAddAnnotation called with:", {
+        startTime: t,
+        duration: l,
+        allChannels: s,
+        label: f,
+        description: w,
+        layer: J
+      }), !J || !J.id) {
+        console.error("Invalid layer provided to onAddAnnotation:", J);
+        return;
+      }
+      const Tn = E.viewerSelectedChannels || [], _n = s ? [] : Tn.map((Cn) => Cn.id), Ce = {
+        id: null,
+        label: f || "Event",
+        description: w || "",
+        start: Math.floor(t),
+        end: Math.floor(t + l),
+        duration: Math.floor(l),
+        channelIds: _n,
+        allChannels: s,
+        layer_id: J.id,
+        selected: !0,
+        userId: null
+      };
+      console.log("📍 TSViewer: Created annotation object:", Ce), E.setActiveAnnotation(Ce), console.log("📍 TSViewer: Store now contains:", E.activeAnnotation), j.value = !0, console.log("📍 TSViewer: Modal opened with annotation data");
+    }, Qe = () => {
+      g.value.renderAnnotationCanvas();
+    }, en = (t) => {
+      g.value.createAnnotationLayer(t);
+    }, we = () => {
+      ne.value = !1;
+    }, nn = () => {
+      g.value.resetFocusedAnnotation(), g.value.renderAnnotationCanvas(), j.value = !1;
+    }, tn = () => {
+      filterWindowOpen.value = !1;
+    }, on = (t) => {
+      t.stopPropagation(), t.preventDefault();
+      const l = t.detail.sourceEvent.metaKey;
+      Se({ channelId: t.currentTarget.dataset.id, append: l }), g.value.renderAll();
+    }, rn = () => {
+      A.value = g.value.getNextAnnotation();
+    }, an = () => {
+      A.value = g.value.getPreviousAnnotation();
+    }, sn = (t) => {
+      Ie(t * 1e6);
+    }, ln = () => {
+      V.value = V.value * 1.25;
+    }, un = () => {
+      V.value = V.value * 0.8;
+    }, cn = () => {
+      L.value.getAnnotations();
+    }, dn = () => {
+    }, vn = () => {
+      console.log("Page forward triggered from toolbar");
+      const t = Math.max(
+        A.value - 3 / 4 * I.value,
+        S.value
+      );
+      z(t), $(() => {
+        var l;
+        (l = g.value) == null || l.renderAll();
+      });
+    }, fn = () => {
+      console.log("Page forward triggered from toolbar");
+      const t = Math.min(
+        A.value + 3 / 4 * I.value,
+        N.value - I.value
+      );
+      console.log(`Moving from ${A.value} to ${t}`), z(t), $(() => {
+        var l, s;
+        (l = g.value) != null && l.invalidate && g.value.invalidate(), (s = g.value) != null && s.renderAll && g.value.renderAll();
+      });
+    }, pn = (t) => {
+      let l = g.value.rsPeriod;
+      z(t.annotation.start - (H.value * W.value - m.CURSOROFFSET) * l), $(() => {
+        var s;
+        (s = g.value) == null || s.renderAll();
+      });
+    }, Se = (t) => {
+      const l = X.value.map((s) => {
+        const f = s.selected;
+        return t.append === !1 && (s.selected = !1), t.channelId === s.id && (s.selected = !f), s;
+      });
+      E.setChannels(l);
+    }, gn = (t, l) => {
+      const s = X.value.map((f) => (l === !1 && (f.selected = !1), f.id in t && (f.selected = !0), f));
+      E.setChannels(s);
+    }, z = (t) => {
+      A.value = t;
+    }, hn = (t) => {
+      H.value = t;
+    }, yn = (t) => {
+      V.value = t;
+    }, Ie = (t) => {
+      t > m.MAXDURATION ? I.value = m.MAXDURATION : I.value = t;
+    }, mn = (t, l, s) => (m.DEFAULTDPI * window.devicePixelRatio / (l * s) / 25.4).toFixed(1) + " " + t.unit + "/mm", Te = () => {
+      var l;
+      const t = (l = r.value) == null ? void 0 : l.channels;
+      if (console.log("🔄 initTimeRange called with channels:", (t == null ? void 0 : t.length) || 0), t && t.length > 0) {
+        S.value = t[0].content.start, N.value = t[0].content.end;
+        for (let f = 1; f < t.length; f++)
+          t[f].content.start < S.value && (S.value = t[f].content.start), t[f].content.end > N.value && (N.value = t[f].content.end);
+        const s = A.value;
+        A.value = S.value, console.log("📅 Time range initialized:", {
+          ts_start: S.value,
+          ts_end: N.value,
+          oldStart: s,
+          newStart: A.value,
+          duration: I.value,
+          startDate: new Date(S.value / 1e3).toISOString(),
+          endDate: new Date(N.value / 1e3).toISOString()
+        });
+      } else
+        console.warn("⚠️ initTimeRange: No channels found in activeViewer");
+    }, An = () => {
+      Te();
+    }, wn = (t) => {
+      ne.value = !0;
+    }, Sn = (t) => {
+      const l = Ue([], "channels", t), s = Ue("", "filter", t), f = ee.value;
+      f.onChannels = l, Kn(s) ? (f.input0 = NaN, f.input1 = NaN, f.selectedFilter = null, f.selectedNotch = null) : (f.input0 = s.input0, f.input1 = s.input1), filterWindowOpen.value = !0;
+    }, In = (t) => {
+      g.value.setFilters(t);
+    }, _e = () => {
+      var t, l;
+      (t = g.value) == null || t.initViewerCanvas(), (l = g.value) == null || l.renderAll();
+    };
+    return On(() => {
+      An();
+      const t = document.getElementById("ts_viewer");
+      if (!t) {
+        console.warn("ts_viewer element not found");
+        return;
+      }
+      var l = window.getComputedStyle(t, null);
+      const s = parseInt(l.getPropertyValue("height")), f = M.isPreview ? 0 : 100;
+      k.value = s - f, R.value && (F.value = R.value.offsetWidth), window.addEventListener("resize", Y);
+      const w = Z.value;
+      w && (U.value = w.clientWidth, W.value = F.value - w.clientWidth - 5 - 10, B.value = k.value - 88), I.value = m.INITDURATION, _e();
+    }), bn(() => {
+      window.removeEventListener("resize", Y);
+    }), e({
+      openEditAnnotationDialog: Ae,
+      confirmDeleteAnnotation: He,
+      selectAnnotation: pn,
+      selectChannel: Se,
+      selectChannels: gn,
+      openLayerWindow: wn,
+      openFilterWindow: Sn,
+      setTimeseriesFilters: In
+    }), (t, l) => (re(), ve("div", {
+      id: "ts_viewer",
+      ref_key: "ts_viewer",
+      ref: R,
+      class: fe([n.isPreview ? "timeseries-viewer preview" : "timeseries-viewer"])
+    }, [
+      G(q(o), {
+        ref_key: "scrubber",
+        ref: L,
+        ts_start: S.value,
+        ts_end: N.value,
+        "c-width": W.value,
+        "label-width": U.value,
+        "cursor-loc": H.value,
+        start: A.value,
+        duration: I.value,
+        constants: m,
+        config: v.value,
+        "active-viewer": r.value,
+        onSetStart: z
+      }, null, 8, ["ts_start", "ts_end", "c-width", "label-width", "cursor-loc", "start", "duration", "config", "active-viewer"]),
+      Q("div", nt, [
+        Q("div", {
+          id: "channelLabels",
+          ref_key: "channelLabels",
+          ref: Z
+        }, [
+          (re(!0), ve(Nn, null, Dn(te.value, (s) => (re(), ve("div", {
+            key: s.displayName,
+            class: "chLabelWrap",
+            "data-id": s.id,
+            onTap: on
+          }, [
+            Q("div", {
+              class: fe([s.selected ? "labelDiv selected" : "labelDiv"])
+            }, Oe(s.displayName), 3),
+            Q("div", {
+              class: fe(["chLabelIndWrap", [s.selected ? "selected" : ""]]),
+              hidden: ye.value
+            }, [
+              Q("div", {
+                class: "chLabelInd",
+                hidden: ye.value
+              }, Oe(mn(s, V.value, s.rowScale)), 9, rt)
+            ], 10, ot)
+          ], 40, tt))), 128))
+        ], 512),
+        G(q(a), {
+          ref_key: "viewerCanvas",
+          ref: g,
+          window_height: k.value,
+          window_width: F.value,
+          duration: I.value,
+          start: A.value,
+          "c-width": W.value,
+          "c-height": B.value,
+          constants: m,
+          "ts-start": S.value,
+          "ts-end": N.value,
+          "cursor-loc": H.value,
+          "global-zoom-mult": V.value,
+          "active-viewer": r.value,
+          config: v.value,
+          onSetStart: z,
+          onSetCursor: hn,
+          onSetGlobalZoom: yn,
+          onSetDuration: Ie,
+          onChannelsInitialized: dn,
+          onAnnLayersInitialized: cn,
+          onCloseAnnotationLayerWindow: we,
+          onAddAnnotation: Je,
+          onUpdateAnnotation: Ge
+        }, null, 8, ["window_height", "window_width", "duration", "start", "c-width", "c-height", "ts-start", "ts-end", "cursor-loc", "global-zoom-mult", "active-viewer", "config"])
+      ]),
+      n.isPreview ? Ln("", !0) : (re(), En(q(u), {
+        key: 0,
+        constants: m,
+        duration: I.value,
+        start: A.value,
+        onPageBack: vn,
+        onPageForward: fn,
+        onIncrementZoom: ln,
+        onDecrementZoom: un,
+        onUpdateDuration: sn,
+        onNextAnnotation: rn,
+        onPreviousAnnotation: an,
+        onSetStart: z
+      }, null, 8, ["duration", "start"])),
+      G(q(d), {
+        ref_key: "filterWindow",
+        ref: ee,
+        visible: t.filterWindowOpen,
+        "onUpdate:visible": l[0] || (l[0] = (s) => t.filterWindowOpen = s),
+        onCloseWindow: tn
+      }, null, 8, ["visible"]),
+      G(q(h), {
+        ref_key: "annotationModal",
+        ref: ce,
+        visible: j.value,
+        "onUpdate:visible": l[1] || (l[1] = (s) => j.value = s),
+        onCloseWindow: nn,
+        onCreateUpdateAnnotation: Xe
+      }, null, 8, ["visible"]),
+      G(q(c), {
+        visible: K.value,
+        "delete-annotation": de.value,
+        "onUpdate:visible": l[2] || (l[2] = (s) => K.value = s),
+        onDelete: Ke
+      }, null, 8, ["visible", "delete-annotation"]),
+      G(q(O), {
+        visible: ne.value,
+        onCloseWindow: we,
+        onCreateLayer: en
+      }, null, 8, ["visible"])
+    ], 2));
+  }
+}, it = /* @__PURE__ */ et(at, [["__scopeId", "data-v-75a20a2f"]]), ut = {
+  install(n) {
+    n.component("TSViewer", it);
+  }
+};
+export {
+  it as T,
+  y as _,
+  _ as a,
+  C as b,
+  jn as c,
+  Un as d,
+  et as e,
+  Vn as f,
+  P as g,
+  $n as h,
+  je as i,
+  ke as j,
+  Ne as k,
+  Ve as l,
+  We as m,
+  xn as n,
+  Wn as o,
+  Ue as p,
+  ut as q,
+  Qn as u
+};