@pennsieve-viz/tsviewer 1.1.1 → 1.1.2

package/dist/index-BU6e_1Ww.js

@@ -0,0 +1,1414 @@
+import { reactive as Rt, ref as w, computed as H, inject as jt, defineAsyncComponent as re, provide as $e, watch as Oe, nextTick as de, onMounted as Mt, onBeforeUnmount as Ut, createElementBlock as Ve, openBlock as ge, normalizeClass as Le, createVNode as fe, createElementVNode as he, createBlock as Wt, createCommentVNode as xt, unref as ae, Fragment as Ft, renderList as $t, toDisplayString as qe, readonly as oe } from "vue";
+import { defineStore as qt, storeToRefs as Pe } from "pinia";
+import { fetchAuthSession as Bt } from "aws-amplify/auth";
+function b(t) {
+  return t != null && typeof t == "object" && t["@@functional/placeholder"] === !0;
+}
+function P(t) {
+  return function e(n) {
+    return arguments.length === 0 || b(n) ? e : t.apply(this, arguments);
+  };
+}
+function j(t) {
+  return function e(n, r) {
+    switch (arguments.length) {
+      case 0:
+        return e;
+      case 1:
+        return b(n) ? e : P(function(s) {
+          return t(n, s);
+        });
+      default:
+        return b(n) && b(r) ? e : b(n) ? P(function(s) {
+          return t(s, r);
+        }) : b(r) ? P(function(s) {
+          return t(n, s);
+        }) : t(n, r);
+    }
+  };
+}
+function Xt(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 Ne(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, h) {
+        return e.apply(this, arguments);
+      };
+    case 6:
+      return function(n, r, s, l, h, m) {
+        return e.apply(this, arguments);
+      };
+    case 7:
+      return function(n, r, s, l, h, m, I) {
+        return e.apply(this, arguments);
+      };
+    case 8:
+      return function(n, r, s, l, h, m, I, v) {
+        return e.apply(this, arguments);
+      };
+    case 9:
+      return function(n, r, s, l, h, m, I, v, i) {
+        return e.apply(this, arguments);
+      };
+    case 10:
+      return function(n, r, s, l, h, m, I, v, i, y) {
+        return e.apply(this, arguments);
+      };
+    default:
+      throw new Error("First argument to _arity must be a non-negative integer no greater than ten");
+  }
+}
+function Se(t) {
+  return function e(n, r, s) {
+    switch (arguments.length) {
+      case 0:
+        return e;
+      case 1:
+        return b(n) ? e : j(function(l, h) {
+          return t(n, l, h);
+        });
+      case 2:
+        return b(n) && b(r) ? e : b(n) ? j(function(l, h) {
+          return t(l, r, h);
+        }) : b(r) ? j(function(l, h) {
+          return t(n, l, h);
+        }) : P(function(l) {
+          return t(n, r, l);
+        });
+      default:
+        return b(n) && b(r) && b(s) ? e : b(n) && b(r) ? j(function(l, h) {
+          return t(l, h, s);
+        }) : b(n) && b(s) ? j(function(l, h) {
+          return t(l, r, h);
+        }) : b(r) && b(s) ? j(function(l, h) {
+          return t(n, l, h);
+        }) : b(n) ? P(function(l) {
+          return t(l, r, s);
+        }) : b(r) ? P(function(l) {
+          return t(n, l, s);
+        }) : b(s) ? P(function(l) {
+          return t(n, r, l);
+        }) : t(n, r, s);
+    }
+  };
+}
+const be = Array.isArray || function(e) {
+  return e != null && e.length >= 0 && Object.prototype.toString.call(e) === "[object Array]";
+};
+function zt(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 (!be(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 (zt(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__ */ P(function(e) {
+  return be(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__ */ j(function(e, n) {
+  return Ne(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 Be(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 ze = 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[ze] != null)
+    return Be(t, e, n[ze]());
+  if (typeof n.next == "function")
+    return Be(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 me(t, e) {
+  return Object.prototype.hasOwnProperty.call(e, t);
+}
+var Ge = Object.prototype.toString, at = /* @__PURE__ */ (function() {
+  return Ge.call(arguments) === "[object Arguments]" ? function(e) {
+    return Ge.call(e) === "[object Arguments]";
+  } : function(e) {
+    return me("callee", e);
+  };
+})(), nn = !/* @__PURE__ */ {
+  toString: null
+}.propertyIsEnumerable("toString"), He = ["constructor", "valueOf", "isPrototypeOf", "toString", "propertyIsEnumerable", "hasOwnProperty", "toLocaleString"], Ze = /* @__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;
+}, Je = /* @__PURE__ */ P(typeof Object.keys == "function" && !Ze ? function(e) {
+  return Object(e) !== e ? [] : Object.keys(e);
+} : function(e) {
+  if (Object(e) !== e)
+    return [];
+  var n, r, s = [], l = Ze && at(e);
+  for (n in e)
+    me(n, e) && (!l || n !== "length") && (s[s.length] = n);
+  if (nn)
+    for (r = He.length - 1; r >= 0; )
+      n = He[r], me(n, e) && !rn(s, n) && (s[s.length] = n), r -= 1;
+  return s;
+});
+const an = Number.isInteger || function(e) {
+  return e << 0 === e;
+};
+var on = /* @__PURE__ */ j(function(e, n) {
+  var r = e < 0 ? n.length + e : e;
+  return Ie(n) ? n.charAt(r) : n[r];
+}), ie = /* @__PURE__ */ j(function(e, n) {
+  if (n != null)
+    return an(e) ? on(e, n) : n[e];
+}), sn = /* @__PURE__ */ Se(tn), Ye = /* @__PURE__ */ P(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 ot(t, e) {
+  return function() {
+    var n = arguments.length;
+    if (n === 0)
+      return e();
+    var r = arguments[n - 1];
+    return be(r) || typeof r[t] != "function" ? e.apply(this, arguments) : r[t].apply(r, Array.prototype.slice.call(arguments, 0, n - 1));
+  };
+}
+var un = /* @__PURE__ */ Se(
+  /* @__PURE__ */ ot("slice", function(e, n, r) {
+    return Array.prototype.slice.call(r, e, n);
+  })
+), cn = /* @__PURE__ */ P(
+  /* @__PURE__ */ ot(
+    "tail",
+    /* @__PURE__ */ un(1, 1 / 0)
+  )
+);
+function dn() {
+  if (arguments.length === 0)
+    throw new Error("pipe requires at least one argument");
+  return Ne(arguments[0].length, sn(ln, arguments[0], cn(arguments)));
+}
+var fn = /* @__PURE__ */ P(function(e) {
+  return Ie(e) ? e.split("").reverse().join("") : Array.prototype.slice.call(e, 0).reverse();
+});
+function Ke() {
+  if (arguments.length === 0)
+    throw new Error("compose requires at least one argument");
+  return dn.apply(this, fn(arguments));
+}
+function Qe(t) {
+  for (var e = [], n; !(n = t.next()).done; )
+    e.push(n.value);
+  return e;
+}
+function et(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 pn(t, e) {
+  return t === e ? t !== 0 || 1 / t === 1 / e : t !== t && e !== e;
+}
+const ke = typeof Object.is == "function" ? Object.is : pn;
+function tt(t, e, n, r) {
+  var s = Qe(t), l = Qe(e);
+  function h(m, I) {
+    return Re(m, I, n.slice(), r.slice());
+  }
+  return !et(function(m, I) {
+    return !et(h, I, m);
+  }, l, s);
+}
+function Re(t, e, n, r) {
+  if (ke(t, e))
+    return !0;
+  var s = Ye(t);
+  if (s !== Ye(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 && ke(t.valueOf(), e.valueOf())))
+        return !1;
+      break;
+    case "Date":
+      if (!ke(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 : tt(t.entries(), e.entries(), n.concat([t]), r.concat([e]));
+    case "Set":
+      return t.size !== e.size ? !1 : tt(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 h = Je(t);
+  if (h.length !== Je(e).length)
+    return !1;
+  var m = n.concat([t]), I = r.concat([e]);
+  for (l = h.length - 1; l >= 0; ) {
+    var v = h[l];
+    if (!(me(v, e) && Re(e[v], t[v], m, I)))
+      return !1;
+    l -= 1;
+  }
+  return !0;
+}
+var it = /* @__PURE__ */ j(function(e, n) {
+  return Re(e, n, [], []);
+});
+function hn(t) {
+  return Object.prototype.toString.call(t) === "[object Object]";
+}
+var Ae = /* @__PURE__ */ j(function(e, n) {
+  return n == null || n !== n ? e : n;
+});
+function yn(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 gn = /* @__PURE__ */ P(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() : be(e) ? [] : Ie(e) ? "" : hn(e) ? {} : at(e) ? /* @__PURE__ */ (function() {
+    return arguments;
+  })() : yn(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;
+})(), mn = /* @__PURE__ */ j(function(e, n) {
+  return new wn(e, n);
+}), z = /* @__PURE__ */ j(
+  /* @__PURE__ */ Gt([], mn, function(e, n) {
+    for (var r = 0, s = n.length; r < s; ) {
+      if (e(n[r]))
+        return r;
+      r += 1;
+    }
+    return -1;
+  })
+), An = /* @__PURE__ */ P(function(e) {
+  return e != null && it(e, gn(e));
+}), G = /* @__PURE__ */ Se(function(e, n, r) {
+  return it(n, ie(e, r));
+}), Ce = /* @__PURE__ */ Se(function(e, n, r) {
+  return Ae(e, ie(n, r));
+}), Cn = /* @__PURE__ */ j(function(e, n) {
+  return Ne(e.length, function() {
+    try {
+      return e.apply(this, arguments);
+    } catch (r) {
+      return n.apply(this, Xt([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 Sn = () => ({
+  openConnection: async (e, n, r) => await new Promise((h, m) => {
+    const I = e + "?session=" + r + "&package=" + n;
+    let v = null;
+    const i = new WebSocket(I);
+    i.onopen = () => {
+      const y = { montage: "NOT_MONTAGED", packageId: n };
+      i.send(JSON.stringify(y));
+    }, i.onclose = () => {
+      v && v.channelDetails ? h({ res: v.channelDetails, status: "websocket closed" }) : h({ res: null, status: "websocket closed without data" });
+    }, i.onmessage = (y) => {
+      v = JSON.parse(y.data), i.close();
+    }, i.onerror = (y) => {
+      console.error("WebSocket error:", y), m(y);
+    };
+  })
+}), K = /* @__PURE__ */ new Map();
+let nt = !1, rt = !1;
+function Te(t = "default") {
+  if (t === "default" && !nt && (nt = !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 = Rt({}), r = w([]), s = w("NOT_MONTAGED"), l = w({}), h = w([]), m = w(null), I = w(null), v = w({}), i = w([]), y = w({}), A = w({}), T = w("POINTER"), { openConnection: M } = Sn(), U = H(() => (a) => h.value.find((u) => u.name === a)), _ = H(() => r.value.filter((a) => a.selected)), L = H(() => () => {
+      const a = i.value.find((u) => u.selected);
+      return a || (console.warn("No active layer found, available layers:", i.value), i.value.length > 0 ? i.value[0] : null);
+    }), E = () => {
+      let a = !1;
+      return i.value.forEach((u, p) => {
+        !u.id && u.id !== 0 && (console.error(`Layer at index ${p} missing ID:`, u), a = !0), u.annotations || (console.warn(`Layer at index ${p} missing annotations array:`, u), u.annotations = []);
+      }), a && console.error("Annotation layer validation failed. Layers:", i.value), !a;
+    }, $ = H(() => (a) => i.value.flatMap((p) => p.annotations || []).find((p) => p.id === a)), f = (a) => {
+      v.value = a;
+    }, V = (a) => {
+      r.value = a;
+    }, O = (a) => {
+      s.value = a;
+    }, k = (a) => {
+      l.value = a;
+    }, N = (a) => {
+      h.value = a;
+    }, D = (a) => {
+      m.value = a;
+    }, J = (a) => {
+      I.value = a;
+    }, W = (a) => {
+      Object.assign(n, a);
+    }, x = async (a) => {
+      const u = a.packageId, p = await we();
+      let R = n.timeseriesDiscoverApi, ue = null;
+      ue = await M(R, u, p), f({ channels: ue.res, content: { id: u } });
+    }, Y = () => (a) => {
+      var p;
+      return ((p = a == null ? void 0 : a.content) == null ? void 0 : p.state) === "READY";
+    }, Q = (a) => {
+      const u = 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 = u;
+    }, se = (a) => {
+      if (!a && a !== 0) {
+        console.error("setActiveAnnotationLayer called with invalid layerId:", a);
+        return;
+      }
+      y.value = a, i.value.forEach((p) => p.selected = !1);
+      const u = z(G("id", a), i.value);
+      u >= 0 ? i.value[u].selected = !0 : console.error("Layer with ID not found:", a, "Available layers:", i.value);
+    }, q = (a) => {
+      if (i.value.forEach(
+        (u) => {
+          var p;
+          return (p = u.annotations) == null ? void 0 : p.forEach((R) => R.selected = !1);
+        }
+      ), a.id) {
+        const u = z(G("id", a.layer_id), i.value);
+        if (u >= 0) {
+          const p = z(G("id", a.id), i.value[u].annotations);
+          p >= 0 && (i.value[u].annotations[p].selected = !0);
+        }
+      }
+      A.value = a;
+    }, ee = (a) => {
+      T.value = a;
+    }, B = (a) => {
+      if (!a.id && a.id !== 0) {
+        console.error("Cannot create layer without ID:", a);
+        return;
+      }
+      const u = {
+        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(u);
+    }, le = (a) => {
+      const u = z(G("id", a.id), i.value);
+      if (u >= 0) {
+        const p = Object.assign(i.value[u], a);
+        i.value[u] = p;
+      }
+    }, ve = (a) => {
+      const u = z(G("id", a.id), i.value);
+      u >= 0 && i.value.splice(u, 1);
+    }, te = (a) => {
+      const u = z(G("id", a.layer_id), i.value);
+      u >= 0 && (i.value[u].annotations || (i.value[u].annotations = []), i.value[u].annotations.push(a), q(a));
+    }, ne = (a) => {
+      const u = z(G("id", a.layer_id), i.value);
+      if (u >= 0) {
+        const p = i.value[u].annotations, R = z(G("id", a.id), p);
+        R >= 0 && (p[R] = a);
+      }
+    }, g = (a) => {
+      const u = z(G("id", a.layer_id), i.value);
+      if (u >= 0) {
+        const p = i.value[u].annotations, R = z(G("id", a.id), p);
+        R >= 0 && p.splice(R, 1);
+      }
+    }, C = (a, u, p) => {
+      const R = r.value.find((ue) => ue.id === a);
+      R && (R[u] = p);
+    };
+    return {
+      // State
+      viewerChannels: r,
+      viewerMontageScheme: s,
+      customMontageMap: l,
+      workspaceMontages: h,
+      viewerErrors: m,
+      needsRerender: I,
+      viewerAnnotations: i,
+      activeAnnotationLayer: y,
+      activeAnnotation: A,
+      activeViewer: v,
+      viewerActiveTool: T,
+      config: n,
+      // Getters
+      getMontageMessageByName: U,
+      viewerSelectedChannels: _,
+      getViewerActiveLayer: L,
+      getAnnotationById: $,
+      // Actions
+      setChannels: V,
+      setViewerMontageScheme: O,
+      setCustomMontageMap: k,
+      setWorkspaceMontages: N,
+      setViewerErrors: D,
+      setAnnotations: Q,
+      setActiveAnnotationLayer: se,
+      setActiveAnnotation: q,
+      setActiveTool: ee,
+      createLayer: B,
+      updateLayer: le,
+      deleteLayer: ve,
+      createAnnotation: te,
+      updateAnnotation: ne,
+      deleteAnnotation: g,
+      updateChannelProperty: C,
+      updateChannelVisibility: (a, u) => {
+        C(a, "visible", u);
+      },
+      updateChannelSelection: (a, u) => {
+        C(a, "selected", u);
+      },
+      updateChannelFilter: (a, u) => {
+        C(a, "filter", u);
+      },
+      validateAnnotationLayers: E,
+      resetViewer: () => {
+        r.value = [], s.value = "NOT_MONTAGED", l.value = {}, h.value = [], m.value = null, i.value = [], y.value = {}, A.value = {}, T.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: x,
+      setActiveViewer: f,
+      setViewerConfig: W
+    };
+  });
+  return K.set(t, e), e();
+}
+function bn(t) {
+  K.has(t) && (K.get(t)().resetViewer(), K.delete(t));
+}
+function Un() {
+  K.forEach((t, e) => {
+    t().resetViewer();
+  }), K.clear();
+}
+function Wn() {
+  return rt || (rt = !0, console.warn(
+    "[TSViewer] useViewerStore() is deprecated. Use createViewerStore(instanceId) for multi-instance support."
+  )), Te("default");
+}
+function In(t) {
+  if (useRoute().name === "docs-login")
+    return;
+  Ae(!1, ie("shouldShowToast", t));
+  const n = Ae(!1, ie("shouldRedirect", t));
+  this.clearState(), n && this.$route.fullPath;
+}
+const Tn = (t) => Object.prototype.toString.call(t) === "[object String]", _n = (t) => {
+  Object.keys(t).forEach((e) => {
+    Tn(t[e]) && (t[e] = t[e].trim());
+  });
+};
+function xn(t, e) {
+  if (!t)
+    return Promise.reject({ status: 400, message: "Url is missing!" });
+  const n = Ce("GET", "method", e), r = Ce({}, "header", e), s = Object.assign({}, { "Content-type": "application/json" }, r), l = ie("body", e);
+  let h = { headers: s, method: n };
+  if (l) {
+    typeof l == "object" && _n(l);
+    const m = JSON.stringify(l);
+    h = Object.assign({}, h, { body: m });
+  }
+  return fetch(t, h).then((m) => m.status >= 400 ? Promise.reject(m) : m.json().catch(() => m));
+}
+function De(t) {
+  const e = ie("status", t);
+  let n;
+  if (e !== void 0) {
+    if (n = t.status, n === 400 && t.body)
+      t.body.getReader().read().then(({ done: r, value: s }) => {
+        const l = s instanceof Uint8Array ? String.fromCharCode.apply(null, s) : s;
+        Ke(Ae(l), Cn(Ke(ie("message"), JSON.parse), (h, m) => m))(l);
+      });
+    else if (n === 401)
+      return In();
+  }
+}
+function En(t = null) {
+  const e = t || jt("viewerStore", null) || Te("default"), { viewerChannels: n, viewerAnnotations: r } = Pe(e), s = (v) => v.id || "", l = (v) => {
+    v.sort(function(y, A) {
+      return y.start < A.start ? -1 : y.start > A.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 (!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 y = i.start, A = i.duration || i.end - i.start;
+      const T = i.label, M = i.description, U = i.layer_id;
+      if (!T)
+        throw new Error("Annotation label is required");
+      if (y == null)
+        throw new Error("Annotation start time is required");
+      A < 0 && (A = -A, y = y - A);
+      let _ = [];
+      if (i.allChannels) {
+        const f = e.activeViewer.value.channels;
+        for (let V = 0; V < f.length; V++) {
+          const k = f[V].content.id;
+          _.push(k);
+        }
+      } else if (i.channelIds && Array.isArray(i.channelIds) && i.channelIds.length > 0)
+        _ = i.channelIds;
+      else
+        for (let f = 0; f < n.value.length; f++) {
+          const V = n.value[f];
+          if (V.selected && V.visible) {
+            const O = s(V);
+            _.push(O);
+          }
+        }
+      const L = {
+        label: T,
+        name: T,
+        description: M || "",
+        start: Math.floor(y),
+        end: Math.floor(y + A),
+        channelIds: _
+      }, E = e.activeViewer.value.content.id, $ = `${e.config.apiUrl}/timeseries/${E}/layers/${U}/annotations`;
+      try {
+        const f = await we(), V = await fetch(`${$}?api_key=${f}`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            Accept: "application/json"
+          },
+          body: JSON.stringify(L)
+        });
+        if (!V.ok) {
+          const D = await V.text();
+          throw new Error(`HTTP ${V.status}: ${D}`);
+        }
+        const O = await V.json(), k = {
+          name: "",
+          id: O.id,
+          label: O.label,
+          description: O.description,
+          start: O.start,
+          duration: O.end - O.start,
+          end: O.end,
+          cStart: null,
+          cEnd: null,
+          selected: !0,
+          channelIds: O.channelIds || _,
+          allChannels: _.length === 0 || _.length >= n.value.length,
+          // Use Pinia
+          layer_id: U,
+          userId: O.userId
+        };
+        O.linkedPackage && (k.linkedPackage = O.linkedPackage);
+        let N = 0;
+        for (let D = 0; D < r.value.length; D++)
+          if (r.value[D].id === U) {
+            N = D;
+            break;
+          }
+        return e.createAnnotation(k), r.value[N] && r.value[N].annotations && l(r.value[N].annotations), k;
+      } catch (f) {
+        throw console.error("🔧 useTsAnnotation: Error creating annotation:", f), De(f), f;
+      }
+    },
+    updateAnnotation: async (v = null) => {
+      const i = v || activeAnnotation.value;
+      if (!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 y = i.start, A = i.duration || i.end - i.start;
+      A < 0 && (A = -A, y = y - A);
+      const T = {
+        label: i.label,
+        description: i.description || "",
+        start: Math.floor(y),
+        end: Math.floor(y + A),
+        channelIds: i.channelIds || []
+      }, M = e.activeViewer.value.content.id, U = `${e.config.apiUrl}/timeseries/${M}/layers/${i.layer_id}/annotations/${i.id}`;
+      try {
+        const _ = await we(), L = await fetch(`${U}?api_key=${_}`, {
+          method: "PUT",
+          headers: {
+            "Content-Type": "application/json",
+            Accept: "application/json"
+          },
+          body: JSON.stringify(T)
+        });
+        if (!L.ok) {
+          const f = await L.text();
+          throw new Error(`HTTP ${L.status}: ${f}`);
+        }
+        const E = await L.json(), $ = {
+          ...i,
+          ...E,
+          duration: E.end - E.start
+        };
+        return e.updateAnnotation($), E;
+      } catch (_) {
+        throw console.error("🔧 useTsAnnotation: Error updating annotation:", _), De(_), _;
+      }
+    },
+    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 y = e.activeViewer.value.content.id, A = `${e.config.apiUrl}/timeseries/${y}/layers/${i}/annotations/${v.id}`;
+      try {
+        const T = await we(), M = await fetch(`${A}?api_key=${T}`, {
+          method: "DELETE",
+          headers: {
+            Accept: "application/json"
+          }
+        });
+        if (!M.ok) {
+          const U = await M.text();
+          throw new Error(`HTTP ${M.status}: ${U}`);
+        }
+        return e.deleteAnnotation(v), !0;
+      } catch (T) {
+        throw console.error("🔧 useTsAnnotation: Error deleting annotation:", T), De(T), T;
+      }
+    },
+    sortAnns: l,
+    getChannelId: s
+  };
+}
+const On = (t, e) => {
+  const n = t.__vccOpts || t;
+  for (const [r, s] of e)
+    n[r] = s;
+  return n;
+}, Vn = { id: "channelCanvas" }, Ln = ["data-id"], kn = ["hidden"], Dn = ["hidden"], Pn = {
+  __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-CBKcwuMb.js")), r = re(() => import("./TSViewerCanvas-D_RaJ4Mj.js").then((o) => o.T)), s = re(() => import("./TSViewerToolbar-Cb2W7W6J.js")), l = re(() => import("./TSFilterModal-1E2UWL8T.js")), h = re(() => import("./TSAnnotationModal-7GxnJomu.js")), m = re(() => import("./TsAnnotationDeleteDialog-B9pQMYZo.js")), I = re(() => import("./TSViewerLayerWindow-COWXfHNB.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, y = Te(i.instanceId), { viewerChannels: A, needsRerender: T } = Pe(y);
+    $e("viewerStore", y), $e("viewerInstanceId", i.instanceId);
+    const {
+      addAnnotation: M,
+      updateAnnotation: U,
+      removeAnnotation: _
+    } = En(y), L = w(null), E = w(null), $ = w(null), f = w(null), V = w(null), O = w(null), k = w(null), N = w(null), D = w(0), J = w(0), W = w(0), x = 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), g = H(() => y.activeViewer), C = H(() => A.value.map((o) => ({
+      ...o,
+      selected: !!o.selected
+    }))), X = H(() => C.value.filter((o) => o.visible)), Z = H(() => {
+      let o = !1;
+      return Q.value / _e.value < 30 && (o = !0), o;
+    }), _e = H(() => X.value.length), pe = async () => {
+      if (!L.value)
+        return;
+      const o = document.getElementById("ts_viewer");
+      if (!o)
+        return;
+      const d = window.getComputedStyle(o, null), c = parseInt(d.getPropertyValue("height")), S = i.isPreview ? 0 : 100;
+      D.value = c - S, await de(), J.value = L.value.offsetWidth;
+      const F = $.value;
+      F && (se.value = F.clientWidth, Y.value = J.value - F.clientWidth - 16, Q.value = D.value - 40);
+    };
+    Oe(() => g.value, async (o, d) => {
+      var c, S, F;
+      (c = E.value) != null && c.resetComponentState && E.value.resetComponentState(), o && o.channels && o.channels.length > 0 && xe(), Fe(), await de(), (S = E.value) != null && S.initSegmentSpans && E.value.initSegmentSpans(), (F = E.value) != null && F.getAnnotations && E.value.getAnnotations();
+    }, { immediate: !1, deep: !0 }), Oe(_e, (o, d) => {
+      d !== void 0 && o !== d && setTimeout(() => {
+        var c;
+        pe(), (c = f.value) != null && c.renderAll && f.value.renderAll();
+      }, 20);
+    });
+    const Ee = (o) => {
+      store.dispatch("viewerModule/setActiveAnnotation", o).then(() => {
+        f.value.renderAnnotationCanvas(), B.value = !0;
+      });
+    };
+    Oe(T, (o) => {
+      o && (de(() => {
+        var d;
+        o.cause === "channel-visibility" ? setTimeout(() => {
+          var c;
+          pe(), (c = f.value) != null && c.renderAll && f.value.renderAll();
+        }, 10) : (d = f.value) != null && d.renderAll && f.value.renderAll();
+      }), y.resetRerenderTrigger(null));
+    }, { deep: !0 });
+    const je = (o) => {
+      Ee(o);
+    }, a = async (o) => {
+      if (!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 ? (await U(o), u()) : (await M(o), lt());
+      } catch (d) {
+        console.error("TSViewer: Error creating/updating annotation:", d), B.value = !0;
+      }
+    }, u = () => {
+      f.value.renderAnnotationCanvas();
+    }, p = (o) => {
+      ve.value = o, te.value = !0;
+    }, R = async (o) => {
+      te.value = !1;
+      try {
+        await _(o), ue();
+      } catch (d) {
+        console.error("TSViewer: Error deleting annotation:", d);
+      }
+    }, ue = () => {
+      f.value.renderAnnotationCanvas();
+    }, st = (o, d, c, S, F, ye) => {
+      if (!ye || !ye.id) {
+        console.error("Invalid layer provided to onAddAnnotation:", ye);
+        return;
+      }
+      const kt = y.viewerSelectedChannels || [], Dt = c ? [] : kt.map((Nt) => Nt.id), Pt = {
+        id: null,
+        label: S || "Event",
+        description: F || "",
+        start: Math.floor(o),
+        end: Math.floor(o + d),
+        duration: Math.floor(d),
+        channelIds: Dt,
+        allChannels: c,
+        layer_id: ye.id,
+        selected: !0,
+        userId: null
+      };
+      y.setActiveAnnotation(Pt), B.value = !0;
+    }, lt = () => {
+      f.value.renderAnnotationCanvas();
+    }, ut = (o) => {
+      f.value.createAnnotationLayer(o);
+    }, Me = () => {
+      le.value = !1;
+    }, ct = () => {
+      f.value.resetFocusedAnnotation(), f.value.renderAnnotationCanvas(), B.value = !1;
+    }, dt = () => {
+      ne.value = !1;
+    }, ft = (o) => {
+      o.stopPropagation(), o.preventDefault();
+      const d = o.detail.sourceEvent.metaKey;
+      Ue({ channelId: o.currentTarget.dataset.id, append: d }), f.value.renderAll();
+    }, vt = () => {
+      W.value = f.value.getNextAnnotation();
+    }, pt = () => {
+      W.value = f.value.getPreviousAnnotation();
+    }, ht = (o) => {
+      We(o * 1e6);
+    }, yt = () => {
+      q.value = q.value * 1.25;
+    }, gt = () => {
+      q.value = q.value * 0.8;
+    }, wt = () => {
+      E.value.getAnnotations();
+    }, mt = () => {
+    }, At = () => {
+      const o = Math.max(
+        W.value - 0.75 * x.value,
+        k.value
+      );
+      ce(o), de(() => {
+        var d;
+        (d = f.value) == null || d.renderAll();
+      });
+    }, Ct = () => {
+      const o = Math.min(
+        W.value + 0.75 * x.value,
+        N.value - x.value
+      );
+      ce(o), de(() => {
+        var d, c;
+        (d = f.value) != null && d.invalidate && f.value.invalidate(), (c = f.value) != null && c.renderAll && f.value.renderAll();
+      });
+    }, St = (o) => {
+      let d = f.value.rsPeriod;
+      ce(o.annotation.start - (ee.value * Y.value - v.CURSOROFFSET) * d), de(() => {
+        var c;
+        (c = f.value) == null || c.renderAll();
+      });
+    }, Ue = (o) => {
+      const d = A.value.map((c) => {
+        const S = c.selected;
+        return o.append === !1 && (c.selected = !1), o.channelId === c.id && (c.selected = !S), c;
+      });
+      y.setChannels(d);
+    }, bt = (o, d) => {
+      const c = A.value.map((S) => (d === !1 && (S.selected = !1), S.id in o && (S.selected = !0), S));
+      y.setChannels(c);
+    }, ce = (o) => {
+      W.value = o;
+    }, It = (o) => {
+      ee.value = o;
+    }, Tt = (o) => {
+      q.value = o;
+    }, We = (o) => {
+      o > v.MAXDURATION ? x.value = v.MAXDURATION : x.value = o;
+    }, _t = (o, d, c) => (v.DEFAULTDPI * window.devicePixelRatio / (d * c) / 25.4).toFixed(1) + " " + o.unit + "/mm", xe = () => {
+      var d;
+      const o = (d = g.value) == null ? void 0 : d.channels;
+      if (o && o.length > 0) {
+        k.value = o[0].start, N.value = o[0].end;
+        for (let c = 1; c < o.length; c++)
+          o[c].start < k.value && (k.value = o[c].start), o[c].end > N.value && (N.value = o[c].end);
+        W.value = k.value;
+      }
+    }, Et = () => {
+      xe();
+    }, Ot = (o) => {
+      le.value = !0;
+    }, Vt = (o) => {
+      const d = Ce([], "channels", o), c = Ce("", "filter", o), S = V.value;
+      S.onChannels = d, An(c) ? (S.input0 = NaN, S.input1 = NaN, S.selectedFilter = null, S.selectedNotch = null) : (S.input0 = c.input0, S.input1 = c.input1), ne.value = !0;
+    }, Lt = (o) => {
+      f.value.setFilters(o);
+    }, Fe = () => {
+      var o, d;
+      (o = f.value) == null || o.initViewerCanvas(), (d = f.value) == null || d.renderAll();
+    };
+    return Mt(() => {
+      Et();
+      const o = document.getElementById("ts_viewer");
+      if (!o) {
+        console.warn("ts_viewer element not found");
+        return;
+      }
+      var d = window.getComputedStyle(o, null);
+      const c = parseInt(d.getPropertyValue("height")), S = i.isPreview ? 0 : 100;
+      D.value = c - S, L.value && (J.value = L.value.offsetWidth), window.addEventListener("resize", pe);
+      const F = $.value;
+      F && (se.value = F.clientWidth, Y.value = J.value - F.clientWidth - 5 - 10, Q.value = D.value - 88), x.value = v.INITDURATION, Fe();
+    }), Ut(() => {
+      window.removeEventListener("resize", pe), bn(i.instanceId);
+    }), e({
+      openEditAnnotationDialog: Ee,
+      confirmDeleteAnnotation: p,
+      selectAnnotation: St,
+      selectChannel: Ue,
+      selectChannels: bt,
+      openLayerWindow: Ot,
+      openFilterWindow: Vt,
+      setTimeseriesFilters: Lt
+    }), (o, d) => (ge(), Ve("div", {
+      id: "ts_viewer",
+      ref_key: "ts_viewer",
+      ref: L,
+      class: Le([t.isPreview ? "timeseries-viewer preview" : "timeseries-viewer"])
+    }, [
+      fe(ae(n), {
+        ref_key: "scrubber",
+        ref: E,
+        ts_start: k.value,
+        ts_end: N.value,
+        "c-width": Y.value,
+        "label-width": se.value,
+        "cursor-loc": ee.value,
+        start: W.value,
+        duration: x.value,
+        constants: v,
+        "active-viewer": g.value,
+        onSetStart: ce
+      }, null, 8, ["ts_start", "ts_end", "c-width", "label-width", "cursor-loc", "start", "duration", "active-viewer"]),
+      he("div", Vn, [
+        he("div", {
+          id: "channelLabels",
+          ref_key: "channelLabels",
+          ref: $
+        }, [
+          (ge(!0), Ve(Ft, null, $t(X.value, (c) => (ge(), Ve("div", {
+            key: c.displayName,
+            class: "chLabelWrap",
+            "data-id": c.id,
+            onTap: ft
+          }, [
+            he("div", {
+              class: Le([c.selected ? "labelDiv selected" : "labelDiv"])
+            }, qe(c.displayName), 3),
+            he("div", {
+              class: Le(["chLabelIndWrap", [c.selected ? "selected" : ""]]),
+              hidden: Z.value
+            }, [
+              he("div", {
+                class: "chLabelInd",
+                hidden: Z.value
+              }, qe(_t(c, q.value, c.rowScale)), 9, Dn)
+            ], 10, kn)
+          ], 40, Ln))), 128))
+        ], 512),
+        fe(ae(r), {
+          ref_key: "viewerCanvas",
+          ref: f,
+          window_height: D.value,
+          window_width: J.value,
+          duration: x.value,
+          start: W.value,
+          "c-width": Y.value,
+          "c-height": Q.value,
+          constants: v,
+          "ts-start": k.value,
+          "ts-end": N.value,
+          "cursor-loc": ee.value,
+          "global-zoom-mult": q.value,
+          "active-viewer": g.value,
+          onSetStart: ce,
+          onSetCursor: It,
+          onSetGlobalZoom: Tt,
+          onSetDuration: We,
+          onChannelsInitialized: mt,
+          onAnnLayersInitialized: wt,
+          onCloseAnnotationLayerWindow: Me,
+          onAddAnnotation: st,
+          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 ? xt("", !0) : (ge(), Wt(ae(s), {
+        key: 0,
+        constants: v,
+        duration: x.value,
+        start: W.value,
+        onPageBack: At,
+        onPageForward: Ct,
+        onIncrementZoom: yt,
+        onDecrementZoom: gt,
+        onUpdateDuration: ht,
+        onNextAnnotation: vt,
+        onPreviousAnnotation: pt,
+        onSetStart: ce
+      }, null, 8, ["duration", "start"])),
+      fe(ae(l), {
+        ref_key: "filterWindow",
+        ref: V,
+        visible: ne.value,
+        "onUpdate:visible": d[0] || (d[0] = (c) => ne.value = c),
+        onCloseWindow: dt
+      }, null, 8, ["visible"]),
+      fe(ae(h), {
+        ref_key: "annotationModal",
+        ref: O,
+        visible: B.value,
+        "onUpdate:visible": d[1] || (d[1] = (c) => B.value = c),
+        onCloseWindow: ct,
+        onCreateUpdateAnnotation: a
+      }, null, 8, ["visible"]),
+      fe(ae(m), {
+        visible: te.value,
+        "delete-annotation": ve.value,
+        "onUpdate:visible": d[2] || (d[2] = (c) => te.value = c),
+        onDelete: R
+      }, null, 8, ["visible", "delete-annotation"]),
+      fe(ae(I), {
+        visible: le.value,
+        onCloseWindow: Me,
+        onCreateLayer: ut
+      }, null, 8, ["visible"])
+    ], 2));
+  }
+}, Nn = /* @__PURE__ */ On(Pn, [["__scopeId", "data-v-b1697a76"]]);
+function Fn(t = "default") {
+  const e = Te(t), {
+    viewerChannels: n,
+    viewerAnnotations: r,
+    viewerActiveTool: s,
+    viewerSelectedChannels: l,
+    activeAnnotation: h,
+    activeAnnotationLayer: m,
+    viewerMontageScheme: I,
+    viewerErrors: v,
+    config: i,
+    activeViewer: y
+  } = Pe(e), A = oe(n), T = H(() => l.value), M = oe(r), U = oe(s), _ = oe(I), L = oe(v), E = oe(i), $ = oe(y);
+  return {
+    // Readonly state
+    channels: A,
+    selectedChannels: T,
+    annotations: M,
+    activeTool: U,
+    montageScheme: _,
+    errors: L,
+    viewerConfig: E,
+    viewer: $,
+    // State queries
+    getChannel: (g) => n.value.find((C) => C.id === g),
+    getAnnotation: (g) => e.getAnnotationById(g),
+    getActiveLayer: () => e.getViewerActiveLayer(),
+    getVisibleChannels: () => n.value.filter((g) => g.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: (g, C = !1) => {
+      const X = n.value.map((Z) => ({
+        ...Z,
+        selected: C ? Z.selected : !1
+      }));
+      X.forEach((Z) => {
+        g.includes(Z.id) && (Z.selected = !0);
+      }), e.setChannels(X);
+    },
+    clearChannelSelection: () => {
+      const g = n.value.map((C) => ({
+        ...C,
+        selected: !1
+      }));
+      e.setChannels(g);
+    },
+    toggleChannelVisibility: (g) => {
+      const C = n.value.find((X) => X.id === g);
+      C && (e.updateChannelVisibility(g, !C.visible), e.triggerRerender("channel-visibility"));
+    },
+    setChannelVisibility: (g, C) => {
+      e.updateChannelVisibility(g, C), e.triggerRerender("channel-visibility");
+    },
+    showAllChannels: () => {
+      n.value.forEach((g) => {
+        e.updateChannelVisibility(g.id, !0);
+      }), e.triggerRerender("channel-visibility");
+    },
+    hideAllChannels: () => {
+      n.value.forEach((g) => {
+        e.updateChannelVisibility(g.id, !1);
+      }), e.triggerRerender("channel-visibility");
+    },
+    // Annotation controls
+    selectAnnotation: (g) => {
+      const C = e.getAnnotationById(g);
+      C && e.setActiveAnnotation(C);
+    },
+    setActiveLayer: (g) => {
+      e.setActiveAnnotationLayer(g);
+    },
+    toggleLayerVisibility: (g) => {
+      const C = r.value.find((X) => X.id === g);
+      C && (C.visible = !C.visible, e.updateLayer(C), e.triggerRerender("layer-visibility"));
+    },
+    // Tool controls
+    setActiveTool: (g) => {
+      e.setActiveTool(g);
+    },
+    // Viewer controls
+    setConfig: (g) => {
+      e.setViewerConfig(g);
+    },
+    setActiveViewer: (g) => {
+      e.setActiveViewer(g);
+    },
+    triggerRerender: (g = "external") => {
+      e.triggerRerender(g);
+    },
+    reset: () => {
+      e.resetViewer();
+    },
+    // Direct store access (for advanced use cases)
+    store: e
+  };
+}
+const $n = {
+  install(t) {
+    t.component("TSViewer", Nn);
+  }
+};
+export {
+  Nn as T,
+  b as _,
+  Ne as a,
+  j as b,
+  P as c,
+  Zt as d,
+  Gt as e,
+  tn as f,
+  On as g,
+  Te as h,
+  xn as i,
+  De as j,
+  Je as k,
+  Ht as l,
+  G as m,
+  on as n,
+  Ae as o,
+  Ce as p,
+  an as q,
+  Se as r,
+  bn as s,
+  Un as t,
+  we as u,
+  Fn as v,
+  Wn as w,
+  $n as x
+};