tsviewer 1.0.28 → 1.0.29

package/dist/index-BtnXpu3W.mjs

@@ -1,902 +0,0 @@
-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
-};