tsviewer 1.0.27 → 1.0.29

package/dist/index-B7dOp-ew.mjs

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