@pennsieve-viz/tsviewer 1.0.0

package/dist/index-Cexzl5Xu.js

@@ -0,0 +1,1317 @@
+import { reactive as kt, ref as y, computed as z, defineAsyncComponent as J, watch as Ie, nextTick as re, onMounted as Dt, onBeforeUnmount as Lt, createElementBlock as Ce, openBlock as fe, normalizeClass as _e, createVNode as oe, createElementVNode as ce, createBlock as Nt, createCommentVNode as Rt, unref as Y, Fragment as jt, renderList as Ut, toDisplayString as Ve } from "vue";
+import { defineStore as Vt, storeToRefs as Je } from "pinia";
+import { fetchAuthSession as Mt } from "aws-amplify/auth";
+function T(t) {
+  return t != null && typeof t == "object" && t["@@functional/placeholder"] === !0;
+}
+function k(t) {
+  return function e(n) {
+    return arguments.length === 0 || T(n) ? e : t.apply(this, arguments);
+  };
+}
+function N(t) {
+  return function e(n, o) {
+    switch (arguments.length) {
+      case 0:
+        return e;
+      case 1:
+        return T(n) ? e : k(function(i) {
+          return t(n, i);
+        });
+      default:
+        return T(n) && T(o) ? e : T(n) ? k(function(i) {
+          return t(i, o);
+        }) : T(o) ? k(function(i) {
+          return t(n, i);
+        }) : t(n, o);
+    }
+  };
+}
+function Wt(t, e) {
+  t = t || [], e = e || [];
+  var n, o = t.length, i = e.length, u = [];
+  for (n = 0; n < o; )
+    u[u.length] = t[n], n += 1;
+  for (n = 0; n < i; )
+    u[u.length] = e[n], n += 1;
+  return u;
+}
+function Oe(t, e) {
+  switch (t) {
+    case 0:
+      return function() {
+        return e.apply(this, arguments);
+      };
+    case 1:
+      return function(n) {
+        return e.apply(this, arguments);
+      };
+    case 2:
+      return function(n, o) {
+        return e.apply(this, arguments);
+      };
+    case 3:
+      return function(n, o, i) {
+        return e.apply(this, arguments);
+      };
+    case 4:
+      return function(n, o, i, u) {
+        return e.apply(this, arguments);
+      };
+    case 5:
+      return function(n, o, i, u, g) {
+        return e.apply(this, arguments);
+      };
+    case 6:
+      return function(n, o, i, u, g, A) {
+        return e.apply(this, arguments);
+      };
+    case 7:
+      return function(n, o, i, u, g, A, l) {
+        return e.apply(this, arguments);
+      };
+    case 8:
+      return function(n, o, i, u, g, A, l, s) {
+        return e.apply(this, arguments);
+      };
+    case 9:
+      return function(n, o, i, u, g, A, l, s, m) {
+        return e.apply(this, arguments);
+      };
+    case 10:
+      return function(n, o, i, u, g, A, l, s, m, h) {
+        return e.apply(this, arguments);
+      };
+    default:
+      throw new Error("First argument to _arity must be a non-negative integer no greater than ten");
+  }
+}
+function ye(t) {
+  return function e(n, o, i) {
+    switch (arguments.length) {
+      case 0:
+        return e;
+      case 1:
+        return T(n) ? e : N(function(u, g) {
+          return t(n, u, g);
+        });
+      case 2:
+        return T(n) && T(o) ? e : T(n) ? N(function(u, g) {
+          return t(u, o, g);
+        }) : T(o) ? N(function(u, g) {
+          return t(n, u, g);
+        }) : k(function(u) {
+          return t(n, o, u);
+        });
+      default:
+        return T(n) && T(o) && T(i) ? e : T(n) && T(o) ? N(function(u, g) {
+          return t(u, g, i);
+        }) : T(n) && T(i) ? N(function(u, g) {
+          return t(u, o, g);
+        }) : T(o) && T(i) ? N(function(u, g) {
+          return t(n, u, g);
+        }) : T(n) ? k(function(u) {
+          return t(u, o, i);
+        }) : T(o) ? k(function(u) {
+          return t(n, u, i);
+        }) : T(i) ? k(function(u) {
+          return t(n, o, u);
+        }) : t(n, o, i);
+    }
+  };
+}
+const me = Array.isArray || function(e) {
+  return e != null && e.length >= 0 && Object.prototype.toString.call(e) === "[object Array]";
+};
+function $t(t) {
+  return t != null && typeof t["@@transducer/step"] == "function";
+}
+function Ft(t, e, n) {
+  return function() {
+    if (arguments.length === 0)
+      return n();
+    var o = arguments[arguments.length - 1];
+    if (!me(o)) {
+      for (var i = 0; i < t.length; ) {
+        if (typeof o[t[i]] == "function")
+          return o[t[i]].apply(o, Array.prototype.slice.call(arguments, 0, -1));
+        i += 1;
+      }
+      if ($t(o)) {
+        var u = e.apply(null, Array.prototype.slice.call(arguments, 0, -1));
+        return u(o);
+      }
+    }
+    return n.apply(this, arguments);
+  };
+}
+function xt(t) {
+  return t && t["@@transducer/reduced"] ? t : {
+    "@@transducer/value": t,
+    "@@transducer/reduced": !0
+  };
+}
+const qt = {
+  init: function() {
+    return this.xf["@@transducer/init"]();
+  },
+  result: function(t) {
+    return this.xf["@@transducer/result"](t);
+  }
+};
+function we(t) {
+  return Object.prototype.toString.call(t) === "[object String]";
+}
+var Bt = /* @__PURE__ */ k(function(e) {
+  return me(e) ? !0 : !e || typeof e != "object" || we(e) ? !1 : e.length === 0 ? !0 : e.length > 0 ? e.hasOwnProperty(0) && e.hasOwnProperty(e.length - 1) : !1;
+}), zt = /* @__PURE__ */ (function() {
+  function t(e) {
+    this.f = e;
+  }
+  return t.prototype["@@transducer/init"] = function() {
+    throw new Error("init not implemented on XWrap");
+  }, t.prototype["@@transducer/result"] = function(e) {
+    return e;
+  }, t.prototype["@@transducer/step"] = function(e, n) {
+    return this.f(e, n);
+  }, t;
+})();
+function Xt(t) {
+  return new zt(t);
+}
+var Gt = /* @__PURE__ */ N(function(e, n) {
+  return Oe(e.length, function() {
+    return e.apply(n, arguments);
+  });
+});
+function Ht(t, e, n) {
+  for (var o = 0, i = n.length; o < i; ) {
+    if (e = t["@@transducer/step"](e, n[o]), e && e["@@transducer/reduced"]) {
+      e = e["@@transducer/value"];
+      break;
+    }
+    o += 1;
+  }
+  return t["@@transducer/result"](e);
+}
+function Me(t, e, n) {
+  for (var o = n.next(); !o.done; ) {
+    if (e = t["@@transducer/step"](e, o.value), e && e["@@transducer/reduced"]) {
+      e = e["@@transducer/value"];
+      break;
+    }
+    o = n.next();
+  }
+  return t["@@transducer/result"](e);
+}
+function We(t, e, n, o) {
+  return t["@@transducer/result"](n[o](Gt(t["@@transducer/step"], t), e));
+}
+var $e = typeof Symbol < "u" ? Symbol.iterator : "@@iterator";
+function Zt(t, e, n) {
+  if (typeof t == "function" && (t = Xt(t)), Bt(n))
+    return Ht(t, e, n);
+  if (typeof n["fantasy-land/reduce"] == "function")
+    return We(t, e, n, "fantasy-land/reduce");
+  if (n[$e] != null)
+    return Me(t, e, n[$e]());
+  if (typeof n.next == "function")
+    return Me(t, e, n);
+  if (typeof n.reduce == "function")
+    return We(t, e, n, "reduce");
+  throw new TypeError("reduce: list must be array or iterable");
+}
+function pe(t, e) {
+  return Object.prototype.hasOwnProperty.call(e, t);
+}
+var Fe = Object.prototype.toString, Ye = /* @__PURE__ */ (function() {
+  return Fe.call(arguments) === "[object Arguments]" ? function(e) {
+    return Fe.call(e) === "[object Arguments]";
+  } : function(e) {
+    return pe("callee", e);
+  };
+})(), Jt = !/* @__PURE__ */ {
+  toString: null
+}.propertyIsEnumerable("toString"), xe = ["constructor", "valueOf", "isPrototypeOf", "toString", "propertyIsEnumerable", "hasOwnProperty", "toLocaleString"], qe = /* @__PURE__ */ (function() {
+  return arguments.propertyIsEnumerable("length");
+})(), Yt = function(e, n) {
+  for (var o = 0; o < e.length; ) {
+    if (e[o] === n)
+      return !0;
+    o += 1;
+  }
+  return !1;
+}, Be = /* @__PURE__ */ k(typeof Object.keys == "function" && !qe ? function(e) {
+  return Object(e) !== e ? [] : Object.keys(e);
+} : function(e) {
+  if (Object(e) !== e)
+    return [];
+  var n, o, i = [], u = qe && Ye(e);
+  for (n in e)
+    pe(n, e) && (!u || n !== "length") && (i[i.length] = n);
+  if (Jt)
+    for (o = xe.length - 1; o >= 0; )
+      n = xe[o], pe(n, e) && !Yt(i, n) && (i[i.length] = n), o -= 1;
+  return i;
+});
+const Kt = Number.isInteger || function(e) {
+  return e << 0 === e;
+};
+var Qt = /* @__PURE__ */ N(function(e, n) {
+  var o = e < 0 ? n.length + e : e;
+  return we(n) ? n.charAt(o) : n[o];
+}), K = /* @__PURE__ */ N(function(e, n) {
+  if (n != null)
+    return Kt(e) ? Qt(e, n) : n[e];
+}), en = /* @__PURE__ */ ye(Zt), ze = /* @__PURE__ */ k(function(e) {
+  return e === null ? "Null" : e === void 0 ? "Undefined" : Object.prototype.toString.call(e).slice(8, -1);
+});
+function tn(t, e) {
+  return function() {
+    return e.call(this, t.apply(this, arguments));
+  };
+}
+function Ke(t, e) {
+  return function() {
+    var n = arguments.length;
+    if (n === 0)
+      return e();
+    var o = arguments[n - 1];
+    return me(o) || typeof o[t] != "function" ? e.apply(this, arguments) : o[t].apply(o, Array.prototype.slice.call(arguments, 0, n - 1));
+  };
+}
+var nn = /* @__PURE__ */ ye(
+  /* @__PURE__ */ Ke("slice", function(e, n, o) {
+    return Array.prototype.slice.call(o, e, n);
+  })
+), rn = /* @__PURE__ */ k(
+  /* @__PURE__ */ Ke(
+    "tail",
+    /* @__PURE__ */ nn(1, 1 / 0)
+  )
+);
+function on() {
+  if (arguments.length === 0)
+    throw new Error("pipe requires at least one argument");
+  return Oe(arguments[0].length, en(tn, arguments[0], rn(arguments)));
+}
+var an = /* @__PURE__ */ k(function(e) {
+  return we(e) ? e.split("").reverse().join("") : Array.prototype.slice.call(e, 0).reverse();
+});
+function Xe() {
+  if (arguments.length === 0)
+    throw new Error("compose requires at least one argument");
+  return on.apply(this, an(arguments));
+}
+function Ge(t) {
+  for (var e = [], n; !(n = t.next()).done; )
+    e.push(n.value);
+  return e;
+}
+function He(t, e, n) {
+  for (var o = 0, i = n.length; o < i; ) {
+    if (t(e, n[o]))
+      return !0;
+    o += 1;
+  }
+  return !1;
+}
+function sn(t) {
+  var e = String(t).match(/^function (\w*)/);
+  return e == null ? "" : e[1];
+}
+function ln(t, e) {
+  return t === e ? t !== 0 || 1 / t === 1 / e : t !== t && e !== e;
+}
+const be = typeof Object.is == "function" ? Object.is : ln;
+function Ze(t, e, n, o) {
+  var i = Ge(t), u = Ge(e);
+  function g(A, l) {
+    return Pe(A, l, n.slice(), o.slice());
+  }
+  return !He(function(A, l) {
+    return !He(g, l, A);
+  }, u, i);
+}
+function Pe(t, e, n, o) {
+  if (be(t, e))
+    return !0;
+  var i = ze(t);
+  if (i !== ze(e))
+    return !1;
+  if (typeof t["fantasy-land/equals"] == "function" || typeof e["fantasy-land/equals"] == "function")
+    return typeof t["fantasy-land/equals"] == "function" && t["fantasy-land/equals"](e) && typeof e["fantasy-land/equals"] == "function" && e["fantasy-land/equals"](t);
+  if (typeof t.equals == "function" || typeof e.equals == "function")
+    return typeof t.equals == "function" && t.equals(e) && typeof e.equals == "function" && e.equals(t);
+  switch (i) {
+    case "Arguments":
+    case "Array":
+    case "Object":
+      if (typeof t.constructor == "function" && sn(t.constructor) === "Promise")
+        return t === e;
+      break;
+    case "Boolean":
+    case "Number":
+    case "String":
+      if (!(typeof t == typeof e && be(t.valueOf(), e.valueOf())))
+        return !1;
+      break;
+    case "Date":
+      if (!be(t.valueOf(), e.valueOf()))
+        return !1;
+      break;
+    case "Error":
+      return t.name === e.name && t.message === e.message;
+    case "RegExp":
+      if (!(t.source === e.source && t.global === e.global && t.ignoreCase === e.ignoreCase && t.multiline === e.multiline && t.sticky === e.sticky && t.unicode === e.unicode))
+        return !1;
+      break;
+  }
+  for (var u = n.length - 1; u >= 0; ) {
+    if (n[u] === t)
+      return o[u] === e;
+    u -= 1;
+  }
+  switch (i) {
+    case "Map":
+      return t.size !== e.size ? !1 : Ze(t.entries(), e.entries(), n.concat([t]), o.concat([e]));
+    case "Set":
+      return t.size !== e.size ? !1 : Ze(t.values(), e.values(), n.concat([t]), o.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 g = Be(t);
+  if (g.length !== Be(e).length)
+    return !1;
+  var A = n.concat([t]), l = o.concat([e]);
+  for (u = g.length - 1; u >= 0; ) {
+    var s = g[u];
+    if (!(pe(s, e) && Pe(e[s], t[s], A, l)))
+      return !1;
+    u -= 1;
+  }
+  return !0;
+}
+var Qe = /* @__PURE__ */ N(function(e, n) {
+  return Pe(e, n, [], []);
+});
+function un(t) {
+  return Object.prototype.toString.call(t) === "[object Object]";
+}
+var he = /* @__PURE__ */ N(function(e, n) {
+  return n == null || n !== n ? e : n;
+});
+function cn(t) {
+  var e = Object.prototype.toString.call(t);
+  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 dn = /* @__PURE__ */ k(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() : me(e) ? [] : we(e) ? "" : un(e) ? {} : Ye(e) ? /* @__PURE__ */ (function() {
+    return arguments;
+  })() : cn(e) ? e.constructor.from("") : void 0;
+}), fn = /* @__PURE__ */ (function() {
+  function t(e, n) {
+    this.xf = n, this.f = e, this.idx = -1, this.found = !1;
+  }
+  return t.prototype["@@transducer/init"] = qt.init, t.prototype["@@transducer/result"] = function(e) {
+    return this.found || (e = this.xf["@@transducer/step"](e, -1)), this.xf["@@transducer/result"](e);
+  }, t.prototype["@@transducer/step"] = function(e, n) {
+    return this.idx += 1, this.f(n) && (this.found = !0, e = xt(this.xf["@@transducer/step"](e, this.idx))), e;
+  }, t;
+})(), vn = /* @__PURE__ */ N(function(e, n) {
+  return new fn(e, n);
+}), $ = /* @__PURE__ */ N(
+  /* @__PURE__ */ Ft([], vn, function(e, n) {
+    for (var o = 0, i = n.length; o < i; ) {
+      if (e(n[o]))
+        return o;
+      o += 1;
+    }
+    return -1;
+  })
+), pn = /* @__PURE__ */ k(function(e) {
+  return e != null && Qe(e, dn(e));
+}), F = /* @__PURE__ */ ye(function(e, n, o) {
+  return Qe(n, K(e, o));
+}), ge = /* @__PURE__ */ ye(function(e, n, o) {
+  return he(e, K(n, o));
+}), hn = /* @__PURE__ */ N(function(e, n) {
+  return Oe(e.length, function() {
+    try {
+      return e.apply(this, arguments);
+    } catch (o) {
+      return n.apply(this, Wt([o], arguments));
+    }
+  });
+});
+async function ve() {
+  try {
+    return Mt().then(
+      (t) => {
+        var e;
+        return (e = t == null ? void 0 : t.tokens) == null ? void 0 : e.accessToken.toString();
+      }
+    );
+  } catch (t) {
+    console.error(t);
+  }
+}
+const gn = () => ({
+  openConnection: async (e, n, o) => await new Promise((g, A) => {
+    const l = e + "?session=" + o + "&package=" + n;
+    console.log("Opening WebSocket connection to:", l);
+    let s = null;
+    const m = new WebSocket(l);
+    m.onopen = () => {
+      console.log("🔗 WebSocket opened for package:", n);
+      const h = { montage: "NOT_MONTAGED", packageId: n };
+      console.log("🎛️ Sending message payload"), m.send(JSON.stringify(h));
+    }, m.onclose = () => {
+      console.log("🔌 WebSocket closed for package:", n), s && s.channelDetails ? g({ res: s.channelDetails, status: "websocket closed" }) : (console.warn("No channel details received"), g({ res: null, status: "websocket closed without data" }));
+    }, m.onmessage = (h) => {
+      console.log("WebSocket message received:", h.data), s = JSON.parse(h.data), m.close();
+    }, m.onerror = (h) => {
+      console.error("WebSocket error:", h), A(h);
+    };
+  })
+}), et = Vt("tsviewer", () => {
+  const t = kt({}), e = y([]), n = y("NOT_MONTAGED"), o = y({}), i = y([]), u = y(null), g = y(null), A = y({}), l = y([]), s = y({}), m = y({}), h = y("POINTER"), { openConnection: _ } = gn(), V = z(() => (a) => i.value.find((c) => c.name === a)), j = z(() => e.value.filter((a) => a.selected)), C = z(() => () => {
+    const a = l.value.find((c) => c.selected);
+    return a || (console.warn("No active layer found, available layers:", l.value), l.value.length > 0 ? l.value[0] : null);
+  }), M = () => {
+    let a = !1;
+    return l.value.forEach((c, p) => {
+      !c.id && c.id !== 0 && (console.error(`Layer at index ${p} missing ID:`, c), a = !0), c.annotations || (console.warn(`Layer at index ${p} missing annotations array:`, c), c.annotations = []);
+    }), a && console.error("Annotation layer validation failed. Layers:", l.value), !a;
+  }, P = z(() => (a) => l.value.flatMap((p) => p.annotations || []).find((p) => p.id === a)), E = (a) => {
+    A.value = a;
+  }, I = (a) => {
+    e.value = a;
+  }, v = (a) => {
+    n.value = a;
+  }, S = (a) => {
+    o.value = a;
+  }, W = (a) => {
+    i.value = a;
+  }, O = (a) => {
+    u.value = a;
+  }, b = (a) => {
+    g.value = a;
+  }, X = (a) => {
+    Object.assign(t, a);
+  }, G = async (a) => {
+    const c = a.packageId, p = await ve();
+    let L = t.timeseriesDiscoverApi, te = null;
+    te = await _(L, c, p), E({ channels: te.res, content: { id: c } });
+  }, D = () => (a) => {
+    var p;
+    return ((p = a == null ? void 0 : a.content) == null ? void 0 : p.state) === "READY";
+  }, U = (a) => {
+    const c = a.map((p) => (!p.id && p.id !== 0 && (console.warn("Annotation layer missing ID:", p), p.id = Math.random().toString(36).substr(2, 9)), p.annotations || (p.annotations = []), p.name || (p.name = `Layer ${p.id}`), p));
+    l.value = c, console.log("Set annotations with validated structure:", c);
+  }, H = (a) => {
+    if (!a && a !== 0) {
+      console.error("setActiveAnnotationLayer called with invalid layerId:", a);
+      return;
+    }
+    s.value = a, l.value.forEach((p) => p.selected = !1);
+    const c = $(F("id", a), l.value);
+    c >= 0 ? (l.value[c].selected = !0, console.log("Successfully set active layer:", l.value[c])) : console.error("Layer with ID not found:", a, "Available layers:", l.value);
+  }, Z = (a) => {
+    if (l.value.forEach(
+      (c) => {
+        var p;
+        return (p = c.annotations) == null ? void 0 : p.forEach((L) => L.selected = !1);
+      }
+    ), a.id) {
+      const c = $(F("id", a.layer_id), l.value);
+      if (c >= 0) {
+        const p = $(F("id", a.id), l.value[c].annotations);
+        p >= 0 && (l.value[c].annotations[p].selected = !0);
+      }
+    }
+    m.value = a;
+  }, ae = (a) => {
+    h.value = a;
+  }, x = (a) => {
+    if (!a.id && a.id !== 0) {
+      console.error("Cannot create layer without ID:", a);
+      return;
+    }
+    const c = {
+      id: a.id,
+      name: a.name || `Layer ${a.id}`,
+      description: a.description || "",
+      visible: a.visible !== void 0 ? a.visible : !0,
+      selected: a.selected || !1,
+      annotations: a.annotations || [],
+      color: a.color,
+      hexColor: a.hexColor,
+      bkColor: a.bkColor,
+      selColor: a.selColor,
+      userId: a.userId,
+      ...a
+      // Spread any additional properties
+    };
+    l.value.push(c), console.log("Created layer with validated structure:", c);
+  }, Q = (a) => {
+    const c = $(F("id", a.id), l.value);
+    if (c >= 0) {
+      const p = Object.assign(l.value[c], a);
+      l.value[c] = p;
+    }
+  }, q = (a) => {
+    const c = $(F("id", a.id), l.value);
+    c >= 0 && l.value.splice(c, 1);
+  }, se = (a) => {
+    const c = $(F("id", a.layer_id), l.value);
+    c >= 0 && (l.value[c].annotations || (l.value[c].annotations = []), l.value[c].annotations.push(a), Z(a));
+  }, de = (a) => {
+    const c = $(F("id", a.layer_id), l.value);
+    if (c >= 0) {
+      const p = l.value[c].annotations, L = $(F("id", a.id), p);
+      L >= 0 && (p[L] = a);
+    }
+  }, ee = (a) => {
+    const c = $(F("id", a.layer_id), l.value);
+    if (c >= 0) {
+      const p = l.value[c].annotations, L = $(F("id", a.id), p);
+      L >= 0 && p.splice(L, 1);
+    }
+  }, B = (a, c, p) => {
+    const L = e.value.find((te) => te.id === a);
+    L && (L[c] = p);
+  };
+  return {
+    // State
+    viewerChannels: e,
+    viewerMontageScheme: n,
+    customMontageMap: o,
+    workspaceMontages: i,
+    viewerErrors: u,
+    needsRerender: g,
+    viewerAnnotations: l,
+    activeAnnotationLayer: s,
+    activeAnnotation: m,
+    activeViewer: A,
+    viewerActiveTool: h,
+    config: t,
+    // Getters
+    getMontageMessageByName: V,
+    viewerSelectedChannels: j,
+    getViewerActiveLayer: C,
+    getAnnotationById: P,
+    // Actions
+    setChannels: I,
+    setViewerMontageScheme: v,
+    setCustomMontageMap: S,
+    setWorkspaceMontages: W,
+    setViewerErrors: O,
+    setAnnotations: U,
+    setActiveAnnotationLayer: H,
+    setActiveAnnotation: Z,
+    setActiveTool: ae,
+    createLayer: x,
+    updateLayer: Q,
+    deleteLayer: q,
+    createAnnotation: se,
+    updateAnnotation: de,
+    deleteAnnotation: ee,
+    updateChannelProperty: B,
+    updateChannelVisibility: (a, c) => {
+      B(a, "visible", c);
+    },
+    updateChannelSelection: (a, c) => {
+      B(a, "selected", c);
+    },
+    updateChannelFilter: (a, c) => {
+      B(a, "filter", c);
+    },
+    validateAnnotationLayers: M,
+    resetViewer: () => {
+      e.value = [], n.value = "NOT_MONTAGED", o.value = {}, i.value = [], u.value = null, l.value = [], s.value = {}, m.value = {}, h.value = "POINTER", A.value = {}, Object.keys(t).forEach((a) => {
+        delete t[a];
+      });
+    },
+    triggerRerender: (a) => {
+      b({
+        timestamp: Date.now(),
+        cause: a
+      });
+    },
+    resetRerenderTrigger: () => {
+      g.value = null;
+    },
+    isTSFileProcessed: D,
+    fetchAndSetActiveViewer: G,
+    setActiveViewer: E,
+    setViewerConfig: X
+  };
+});
+function yn(t) {
+  if (useRoute().name === "docs-login")
+    return;
+  he(!1, K("shouldShowToast", t));
+  const n = he(!1, K("shouldRedirect", t));
+  this.clearState(), n && this.$route.fullPath;
+}
+const mn = (t) => Object.prototype.toString.call(t) === "[object String]", wn = (t) => {
+  Object.keys(t).forEach((e) => {
+    mn(t[e]) && (t[e] = t[e].trim());
+  });
+};
+function Dn(t, e) {
+  if (!t)
+    return Promise.reject({ status: 400, message: "Url is missing!" });
+  const n = ge("GET", "method", e), o = ge({}, "header", e), i = Object.assign({}, { "Content-type": "application/json" }, o), u = K("body", e);
+  let g = { headers: i, method: n };
+  if (u) {
+    typeof u == "object" && wn(u);
+    const A = JSON.stringify(u);
+    g = Object.assign({}, g, { body: A });
+  }
+  return fetch(t, g).then((A) => A.status >= 400 ? Promise.reject(A) : A.json().catch(() => A));
+}
+function Ee(t) {
+  const e = K("status", t);
+  let n;
+  if (e === void 0) {
+    console.log(t);
+    return;
+  } else
+    n = t.status;
+  if (n === 400 && t.body)
+    t.body.getReader().read().then(({ done: o, value: i }) => {
+      const u = i instanceof Uint8Array ? String.fromCharCode.apply(null, i) : i;
+      Xe(he(u), hn(Xe(K("message"), JSON.parse), (g, A) => A))(u);
+    });
+  else if (n === 401)
+    return yn();
+}
+function An() {
+  const t = et(), { viewerChannels: e, viewerAnnotations: n } = Je(t), o = (l) => l.id || "", i = (l) => {
+    l.sort(function(m, h) {
+      return m.start < h.start ? -1 : m.start > h.start ? 1 : 0;
+    });
+  };
+  return {
+    // Computed properties
+    viewerChannels: e,
+    // Now from Pinia
+    viewerAnnotations: n,
+    // Now from Pinia
+    // Methods
+    addAnnotation: async (l = null) => {
+      const s = l || activeAnnotation.value;
+      if (console.log("🔧 useTsAnnotation: addAnnotation called with:", s), !s || !s.layer_id)
+        throw new TypeError("Missing annotation data or layer_id", s);
+      if (s.id)
+        throw new TypeError("Trying to create an annotation that already exists", s.id);
+      let m = s.start, h = s.duration || s.end - s.start;
+      const _ = s.label, V = s.description, j = s.layer_id;
+      if (!_)
+        throw new Error("Annotation label is required");
+      if (m == null)
+        throw new Error("Annotation start time is required");
+      h < 0 && (h = -h, m = m - h);
+      let C = [];
+      if (console.log("🔧 useTsAnnotation: Processing channelIds...", {
+        hasChannelIds: s.channelIds && Array.isArray(s.channelIds),
+        allChannels: s.allChannels,
+        providedChannelIds: s.channelIds,
+        availableChannels: e.value.length
+        // Now from Pinia
+      }), s.allChannels) {
+        console.log("🔧 useTsAnnotation: allChannels=true, adding all visible channels");
+        const I = t.activeViewer.value.channels;
+        for (let v = 0; v < I.length; v++) {
+          const W = I[v].content.id;
+          C.push(W), console.log("🔧 useTsAnnotation: Added channel ID:", W);
+        }
+      } else if (s.channelIds && Array.isArray(s.channelIds) && s.channelIds.length > 0)
+        C = s.channelIds, console.log("🔧 useTsAnnotation: Using provided channelIds:", C);
+      else {
+        console.log("🔧 useTsAnnotation: Computing from selected channels");
+        for (let I = 0; I < e.value.length; I++) {
+          const v = e.value[I];
+          if (v.selected && v.visible) {
+            const S = o(v);
+            C.push(S), console.log("🔧 useTsAnnotation: Added selected channel ID:", S);
+          }
+        }
+      }
+      console.log("🔧 useTsAnnotation: Final channelIds:", C);
+      const M = {
+        label: _,
+        name: _,
+        description: V || "",
+        start: Math.floor(m),
+        end: Math.floor(m + h),
+        channelIds: C
+      };
+      console.log("🔧 useTsAnnotation: API payload:", M);
+      const P = t.activeViewer.value.content.id, E = `${t.config.apiUrl}/timeseries/${P}/layers/${j}/annotations`;
+      console.log("🔧 useTsAnnotation: API URL:", E);
+      try {
+        const I = await ve(), v = await fetch(`${E}?api_key=${I}`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            Accept: "application/json"
+          },
+          body: JSON.stringify(M)
+        });
+        if (!v.ok) {
+          const b = await v.text();
+          throw new Error(`HTTP ${v.status}: ${b}`);
+        }
+        const S = await v.json();
+        console.log("🔧 useTsAnnotation: API success:", S);
+        const W = {
+          name: "",
+          id: S.id,
+          label: S.label,
+          description: S.description,
+          start: S.start,
+          duration: S.end - S.start,
+          end: S.end,
+          cStart: null,
+          cEnd: null,
+          selected: !0,
+          channelIds: S.channelIds || C,
+          allChannels: C.length === 0 || C.length >= e.value.length,
+          // Use Pinia
+          layer_id: j,
+          userId: S.userId
+        };
+        S.linkedPackage && (W.linkedPackage = S.linkedPackage);
+        let O = 0;
+        for (let b = 0; b < n.value.length; b++)
+          if (n.value[b].id === j) {
+            O = b;
+            break;
+          }
+        return t.createAnnotation(W), n.value[O] && n.value[O].annotations && i(n.value[O].annotations), W;
+      } catch (I) {
+        throw console.error("🔧 useTsAnnotation: Error creating annotation:", I), Ee(I), I;
+      }
+    },
+    updateAnnotation: async (l = null) => {
+      const s = l || activeAnnotation.value;
+      if (console.log("🔧 useTsAnnotation: updateAnnotation called with:", s), !s.id)
+        throw new TypeError("Trying to update an annotation that doesn't exist on server", s.id);
+      if (!s.layer_id)
+        throw new TypeError("Missing layer_id for annotation update", s);
+      let m = s.start, h = s.duration || s.end - s.start;
+      h < 0 && (h = -h, m = m - h);
+      const _ = {
+        label: s.label,
+        description: s.description || "",
+        start: Math.floor(m),
+        end: Math.floor(m + h),
+        channelIds: s.channelIds || []
+      };
+      console.log("🔧 useTsAnnotation: Update API payload:", _);
+      const V = t.activeViewer.value.content.id, j = `${t.config.apiUrl}/timeseries/${V}/layers/${s.layer_id}/annotations/${s.id}`;
+      console.log("🔧 useTsAnnotation: Update API URL:", j);
+      try {
+        const C = await ve(), M = await fetch(`${j}?api_key=${C}`, {
+          method: "PUT",
+          headers: {
+            "Content-Type": "application/json",
+            Accept: "application/json"
+          },
+          body: JSON.stringify(_)
+        });
+        if (!M.ok) {
+          const I = await M.text();
+          throw new Error(`HTTP ${M.status}: ${I}`);
+        }
+        const P = await M.json();
+        console.log("🔧 useTsAnnotation: Update API success:", P);
+        const E = {
+          ...s,
+          ...P,
+          duration: P.end - P.start
+        };
+        return t.updateAnnotation(E), P;
+      } catch (C) {
+        throw console.error("🔧 useTsAnnotation: Error updating annotation:", C), Ee(C), C;
+      }
+    },
+    removeAnnotation: async (l) => {
+      if (!l || !l.id)
+        throw new TypeError("Invalid annotation for deletion", l);
+      let s = "";
+      if (l.layer ? s = l.layer.id : s = l.layer_id, !s)
+        throw new TypeError("Missing layer_id for annotation deletion", l);
+      const m = t.activeViewer.value.content.id, h = `${t.config.apiUrl}/timeseries/${m}/layers/${s}/annotations/${l.id}`;
+      console.log("🔧 useTsAnnotation: Delete API URL:", h);
+      try {
+        const _ = await ve(), V = await fetch(`${h}?api_key=${_}`, {
+          method: "DELETE",
+          headers: {
+            Accept: "application/json"
+          }
+        });
+        if (!V.ok) {
+          const j = await V.text();
+          throw new Error(`HTTP ${V.status}: ${j}`);
+        }
+        return console.log("🔧 useTsAnnotation: Delete API success"), t.deleteAnnotation(l), !0;
+      } catch (_) {
+        throw console.error("🔧 useTsAnnotation: Error deleting annotation:", _), Ee(_), _;
+      }
+    },
+    sortAnns: i,
+    getChannelId: o
+  };
+}
+const Tn = (t, e) => {
+  const n = t.__vccOpts || t;
+  for (const [o, i] of e)
+    n[o] = i;
+  return n;
+}, Sn = { id: "channelCanvas" }, In = ["data-id"], Cn = ["hidden"], _n = ["hidden"], bn = {
+  __name: "TSViewer",
+  props: {
+    pkg: {
+      type: Object,
+      default: () => {
+      }
+    },
+    isPreview: {
+      type: Boolean,
+      default: !1
+    },
+    sidePanelOpen: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(t, { expose: e }) {
+    const n = J(() => import("./TSScrubber-CTjzX-Xq.js")), o = J(() => import("./TSViewerCanvas-DkKV70m8.js").then((r) => r.T)), i = J(() => import("./TSViewerToolbar-BMZIlD4q.js")), u = J(() => import("./TSFilterModal-BtLOK_nq.js")), g = J(() => import("./TSAnnotationModal-BcqWVXP_.js")), A = J(() => import("./TsAnnotationDeleteDialog-Iwpo79Pe.js")), l = J(() => import("./TSViewerLayerWindow-zI_48DIx.js")), s = {
+      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 = t, h = et(), { viewerChannels: _, needsRerender: V } = Je(h), {
+      addAnnotation: j,
+      updateAnnotation: C,
+      removeAnnotation: M
+    } = An(), P = y(null), E = y(null), I = y(null), v = y(null), S = y(null), W = y(null), O = y(null), b = y(null), X = y(0), G = y(0), D = y(0), U = y(0), H = y(0), Z = y(0), ae = y(0), x = y(1), Q = y(1 / 10), q = y(!1), se = y(!1), de = y(null), ee = y(!1), B = y(!1), ie = z(() => h.activeViewer), ke = z(() => _.value.map((r) => ({
+      ...r,
+      selected: !!r.selected
+    }))), Ae = z(() => ke.value.filter((r) => r.visible)), Te = z(() => {
+      let r = !1;
+      return Z.value / Se.value < 30 && (r = !0), r;
+    }), Se = z(() => Ae.value.length), le = async () => {
+      if (console.log("onresize..."), !P.value)
+        return;
+      const r = document.getElementById("ts_viewer");
+      if (!r)
+        return;
+      const f = window.getComputedStyle(r, null), d = parseInt(f.getPropertyValue("height")), w = m.isPreview ? 0 : 100;
+      X.value = d - w, await re(), G.value = P.value.offsetWidth;
+      const R = I.value;
+      R && (ae.value = R.clientWidth, H.value = G.value - R.clientWidth - 16, Z.value = X.value - 40);
+    };
+    Ie(() => ie.value, async (r, f) => {
+      var d, w, R;
+      (d = E.value) != null && d.resetComponentState && E.value.resetComponentState(), r && r.channels && r.channels.length > 0 && Re(), je(), await re(), (w = E.value) != null && w.initSegmentSpans && E.value.initSegmentSpans(), (R = E.value) != null && R.getAnnotations && E.value.getAnnotations();
+    }, { immediate: !1, deep: !0 }), Ie(Se, (r, f) => {
+      f !== void 0 && r !== f && (console.log(`Number of visible channels changed from ${f} to ${r}`), setTimeout(() => {
+        var d;
+        le(), (d = v.value) != null && d.renderAll && v.value.renderAll();
+      }, 20));
+    });
+    const a = (r) => {
+      store.dispatch("viewerModule/setActiveAnnotation", r).then(() => {
+        v.value.renderAnnotationCanvas(), q.value = !0;
+      });
+    };
+    Ie(V, (r) => {
+      r && (console.log(`TSViewer: Re-rendering due to: ${r.cause} (${r.timestamp})`), re(() => {
+        var f;
+        r.cause === "channel-visibility" ? setTimeout(() => {
+          var d;
+          le(), (d = v.value) != null && d.renderAll && v.value.renderAll();
+        }, 10) : (f = v.value) != null && f.renderAll && v.value.renderAll();
+      }), h.resetRerenderTrigger(null));
+    }, { deep: !0 });
+    const c = (r) => {
+      a(r);
+    }, p = async (r) => {
+      if (console.log("📍 TSViewer: onCreateUpdateAnnotation received:", r), !r || Object.keys(r).length === 0) {
+        console.error("🚨 TSViewer: Received empty annotation!");
+        return;
+      }
+      if (!r.layer_id) {
+        console.error("🚨 TSViewer: annotation.layer_id is missing!", r);
+        return;
+      }
+      q.value = !1;
+      try {
+        r.id ? (console.log("📍 TSViewer: Updating annotation via composable"), await C(r), L()) : (console.log("📍 TSViewer: Creating annotation via composable"), await j(r), ot()), console.log("📍 TSViewer: Annotation operation completed successfully");
+      } catch (f) {
+        console.error("📍 TSViewer: Error creating/updating annotation:", f), q.value = !0;
+      }
+    }, L = () => {
+      v.value.renderAnnotationCanvas();
+    }, te = (r) => {
+      de.value = r, ee.value = !0;
+    }, tt = async (r) => {
+      ee.value = !1;
+      try {
+        await M(r), nt(), console.log("📍 TSViewer: Annotation deleted successfully");
+      } catch (f) {
+        console.error("📍 TSViewer: Error deleting annotation:", f);
+      }
+    }, nt = () => {
+      v.value.renderAnnotationCanvas();
+    }, rt = (r, f, d, w, R, ue) => {
+      if (console.log("📍 TSViewer: onAddAnnotation called with:", {
+        startTime: r,
+        duration: f,
+        allChannels: d,
+        label: w,
+        description: R,
+        layer: ue
+      }), !ue || !ue.id) {
+        console.error("Invalid layer provided to onAddAnnotation:", ue);
+        return;
+      }
+      const Et = h.viewerSelectedChannels || [], Ot = d ? [] : Et.map((Pt) => Pt.id), Ue = {
+        id: null,
+        label: w || "Event",
+        description: R || "",
+        start: Math.floor(r),
+        end: Math.floor(r + f),
+        duration: Math.floor(f),
+        channelIds: Ot,
+        allChannels: d,
+        layer_id: ue.id,
+        selected: !0,
+        userId: null
+      };
+      console.log("📍 TSViewer: Created annotation object:", Ue), h.setActiveAnnotation(Ue), console.log("📍 TSViewer: Store now contains:", h.activeAnnotation), q.value = !0, console.log("📍 TSViewer: Modal opened with annotation data");
+    }, ot = () => {
+      v.value.renderAnnotationCanvas();
+    }, at = (r) => {
+      v.value.createAnnotationLayer(r);
+    }, De = () => {
+      se.value = !1;
+    }, st = () => {
+      v.value.resetFocusedAnnotation(), v.value.renderAnnotationCanvas(), q.value = !1;
+    }, it = () => {
+      B.value = !1;
+    }, lt = (r) => {
+      r.stopPropagation(), r.preventDefault();
+      const f = r.detail.sourceEvent.metaKey;
+      Le({ channelId: r.currentTarget.dataset.id, append: f }), v.value.renderAll();
+    }, ut = () => {
+      D.value = v.value.getNextAnnotation();
+    }, ct = () => {
+      D.value = v.value.getPreviousAnnotation();
+    }, dt = (r) => {
+      Ne(r * 1e6);
+    }, ft = () => {
+      x.value = x.value * 1.25;
+    }, vt = () => {
+      x.value = x.value * 0.8;
+    }, pt = () => {
+      E.value.getAnnotations();
+    }, ht = () => {
+    }, gt = () => {
+      console.log("Page forward triggered from toolbar");
+      const r = Math.max(
+        D.value - 3 / 4 * U.value,
+        O.value
+      );
+      ne(r), re(() => {
+        var f;
+        (f = v.value) == null || f.renderAll();
+      });
+    }, yt = () => {
+      console.log("Page forward triggered from toolbar");
+      const r = Math.min(
+        D.value + 3 / 4 * U.value,
+        b.value - U.value
+      );
+      console.log(`Moving from ${D.value} to ${r}`), ne(r), re(() => {
+        var f, d;
+        (f = v.value) != null && f.invalidate && v.value.invalidate(), (d = v.value) != null && d.renderAll && v.value.renderAll();
+      });
+    }, mt = (r) => {
+      let f = v.value.rsPeriod;
+      ne(r.annotation.start - (Q.value * H.value - s.CURSOROFFSET) * f), re(() => {
+        var d;
+        (d = v.value) == null || d.renderAll();
+      });
+    }, Le = (r) => {
+      const f = _.value.map((d) => {
+        const w = d.selected;
+        return r.append === !1 && (d.selected = !1), r.channelId === d.id && (d.selected = !w), d;
+      });
+      h.setChannels(f);
+    }, wt = (r, f) => {
+      const d = _.value.map((w) => (f === !1 && (w.selected = !1), w.id in r && (w.selected = !0), w));
+      h.setChannels(d);
+    }, ne = (r) => {
+      D.value = r;
+    }, At = (r) => {
+      Q.value = r;
+    }, Tt = (r) => {
+      x.value = r;
+    }, Ne = (r) => {
+      r > s.MAXDURATION ? U.value = s.MAXDURATION : U.value = r;
+    }, St = (r, f, d) => (s.DEFAULTDPI * window.devicePixelRatio / (f * d) / 25.4).toFixed(1) + " " + r.unit + "/mm", Re = () => {
+      var f;
+      const r = (f = ie.value) == null ? void 0 : f.channels;
+      if (console.log("🔄 initTimeRange called with channels:", (r == null ? void 0 : r.length) || 0), r && r.length > 0) {
+        O.value = r[0].start, b.value = r[0].end;
+        for (let w = 1; w < r.length; w++)
+          r[w].start < O.value && (O.value = r[w].start), r[w].end > b.value && (b.value = r[w].end);
+        const d = D.value;
+        D.value = O.value, console.log("📅 Time range initialized:", {
+          ts_start: O.value,
+          ts_end: b.value,
+          oldStart: d,
+          newStart: D.value,
+          duration: U.value,
+          startDate: new Date(O.value / 1e3).toISOString(),
+          endDate: new Date(b.value / 1e3).toISOString()
+        });
+      } else
+        console.warn("⚠️ initTimeRange: No channels found in activeViewer");
+    }, It = () => {
+      Re();
+    }, Ct = (r) => {
+      se.value = !0;
+    }, _t = (r) => {
+      const f = ge([], "channels", r), d = ge("", "filter", r), w = S.value;
+      w.onChannels = f, pn(d) ? (w.input0 = NaN, w.input1 = NaN, w.selectedFilter = null, w.selectedNotch = null) : (w.input0 = d.input0, w.input1 = d.input1), B.value = !0;
+    }, bt = (r) => {
+      v.value.setFilters(r);
+    }, je = () => {
+      var r, f;
+      (r = v.value) == null || r.initViewerCanvas(), (f = v.value) == null || f.renderAll();
+    };
+    return Dt(() => {
+      It();
+      const r = document.getElementById("ts_viewer");
+      if (!r) {
+        console.warn("ts_viewer element not found");
+        return;
+      }
+      var f = window.getComputedStyle(r, null);
+      const d = parseInt(f.getPropertyValue("height")), w = m.isPreview ? 0 : 100;
+      X.value = d - w, P.value && (G.value = P.value.offsetWidth), window.addEventListener("resize", le);
+      const R = I.value;
+      R && (ae.value = R.clientWidth, H.value = G.value - R.clientWidth - 5 - 10, Z.value = X.value - 88), U.value = s.INITDURATION, je();
+    }), Lt(() => {
+      window.removeEventListener("resize", le);
+    }), e({
+      openEditAnnotationDialog: a,
+      confirmDeleteAnnotation: te,
+      selectAnnotation: mt,
+      selectChannel: Le,
+      selectChannels: wt,
+      openLayerWindow: Ct,
+      openFilterWindow: _t,
+      setTimeseriesFilters: bt
+    }), (r, f) => (fe(), Ce("div", {
+      id: "ts_viewer",
+      ref_key: "ts_viewer",
+      ref: P,
+      class: _e([t.isPreview ? "timeseries-viewer preview" : "timeseries-viewer"])
+    }, [
+      oe(Y(n), {
+        ref_key: "scrubber",
+        ref: E,
+        ts_start: O.value,
+        ts_end: b.value,
+        "c-width": H.value,
+        "label-width": ae.value,
+        "cursor-loc": Q.value,
+        start: D.value,
+        duration: U.value,
+        constants: s,
+        "active-viewer": ie.value,
+        onSetStart: ne
+      }, null, 8, ["ts_start", "ts_end", "c-width", "label-width", "cursor-loc", "start", "duration", "active-viewer"]),
+      ce("div", Sn, [
+        ce("div", {
+          id: "channelLabels",
+          ref_key: "channelLabels",
+          ref: I
+        }, [
+          (fe(!0), Ce(jt, null, Ut(Ae.value, (d) => (fe(), Ce("div", {
+            key: d.displayName,
+            class: "chLabelWrap",
+            "data-id": d.id,
+            onTap: lt
+          }, [
+            ce("div", {
+              class: _e([d.selected ? "labelDiv selected" : "labelDiv"])
+            }, Ve(d.displayName), 3),
+            ce("div", {
+              class: _e(["chLabelIndWrap", [d.selected ? "selected" : ""]]),
+              hidden: Te.value
+            }, [
+              ce("div", {
+                class: "chLabelInd",
+                hidden: Te.value
+              }, Ve(St(d, x.value, d.rowScale)), 9, _n)
+            ], 10, Cn)
+          ], 40, In))), 128))
+        ], 512),
+        oe(Y(o), {
+          ref_key: "viewerCanvas",
+          ref: v,
+          window_height: X.value,
+          window_width: G.value,
+          duration: U.value,
+          start: D.value,
+          "c-width": H.value,
+          "c-height": Z.value,
+          constants: s,
+          "ts-start": O.value,
+          "ts-end": b.value,
+          "cursor-loc": Q.value,
+          "global-zoom-mult": x.value,
+          "active-viewer": ie.value,
+          onSetStart: ne,
+          onSetCursor: At,
+          onSetGlobalZoom: Tt,
+          onSetDuration: Ne,
+          onChannelsInitialized: ht,
+          onAnnLayersInitialized: pt,
+          onCloseAnnotationLayerWindow: De,
+          onAddAnnotation: rt,
+          onUpdateAnnotation: c
+        }, null, 8, ["window_height", "window_width", "duration", "start", "c-width", "c-height", "ts-start", "ts-end", "cursor-loc", "global-zoom-mult", "active-viewer"])
+      ]),
+      t.isPreview ? Rt("", !0) : (fe(), Nt(Y(i), {
+        key: 0,
+        constants: s,
+        duration: U.value,
+        start: D.value,
+        onPageBack: gt,
+        onPageForward: yt,
+        onIncrementZoom: ft,
+        onDecrementZoom: vt,
+        onUpdateDuration: dt,
+        onNextAnnotation: ut,
+        onPreviousAnnotation: ct,
+        onSetStart: ne
+      }, null, 8, ["duration", "start"])),
+      oe(Y(u), {
+        ref_key: "filterWindow",
+        ref: S,
+        visible: B.value,
+        "onUpdate:visible": f[0] || (f[0] = (d) => B.value = d),
+        onCloseWindow: it
+      }, null, 8, ["visible"]),
+      oe(Y(g), {
+        ref_key: "annotationModal",
+        ref: W,
+        visible: q.value,
+        "onUpdate:visible": f[1] || (f[1] = (d) => q.value = d),
+        onCloseWindow: st,
+        onCreateUpdateAnnotation: p
+      }, null, 8, ["visible"]),
+      oe(Y(A), {
+        visible: ee.value,
+        "delete-annotation": de.value,
+        "onUpdate:visible": f[2] || (f[2] = (d) => ee.value = d),
+        onDelete: tt
+      }, null, 8, ["visible", "delete-annotation"]),
+      oe(Y(l), {
+        visible: se.value,
+        onCloseWindow: De,
+        onCreateLayer: at
+      }, null, 8, ["visible"])
+    ], 2));
+  }
+}, En = /* @__PURE__ */ Tn(bn, [["__scopeId", "data-v-d5eda6cd"]]), Ln = {
+  install(t) {
+    t.component("TSViewer", En);
+  }
+};
+export {
+  En as T,
+  T as _,
+  Oe as a,
+  N as b,
+  k as c,
+  qt as d,
+  Ft as e,
+  Zt as f,
+  Tn as g,
+  ve as h,
+  Dn as i,
+  Ee as j,
+  Be as k,
+  xt as l,
+  F as m,
+  Qt as n,
+  he as o,
+  ge as p,
+  Kt as q,
+  ye as r,
+  Ln as s,
+  et as u
+};