@pennsieve-viz/tsviewer 1.1.1 → 1.1.2

package/dist/index-CgKUmS0K.js

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