triiiceratops 0.4.0 → 0.5.0

package/dist/chunks/{TriiiceratopsViewer-BFoyVNzC.js → TriiiceratopsViewer-BardJ3c3.js}

@@ -25,7 +25,7 @@ function ks() {
   });
   return { promise: e, resolve: a, reject: i };
 }
-const ot = 2, Pa = 4, En = 8, Us = 1 << 24, li = 16, ui = 32, wi = 64, xn = 128, jt = 512, ut = 1024, Et = 2048, hi = 4096, Dt = 8192, oi = 16384, bn = 32768, _i = 65536, Za = 1 << 17, Gs = 1 << 18, zi = 1 << 19, js = 1 << 20, ai = 1 << 25, Fi = 32768, sa = 1 << 21, Ca = 1 << 22, vi = 1 << 23, $t = Symbol("$state"), Ra = Symbol("legacy props"), wl = Symbol(""), Xi = new class extends Error {
+const ot = 2, Pa = 4, En = 8, Us = 1 << 24, li = 16, ui = 32, wi = 64, xn = 128, Zt = 512, ut = 1024, Et = 2048, hi = 4096, Dt = 8192, oi = 16384, bn = 32768, _i = 65536, Za = 1 << 17, Gs = 1 << 18, zi = 1 << 19, js = 1 << 20, ai = 1 << 25, Fi = 32768, sa = 1 << 21, Ca = 1 << 22, vi = 1 << 23, ei = Symbol("$state"), Ra = Symbol("legacy props"), wl = Symbol(""), Xi = new class extends Error {
   constructor() {
     super(...arguments);
     Qe(this, "name", "StaleReactionError");
@@ -88,11 +88,11 @@ function ht(a) {
   return Pe = a;
 }
 function yi() {
-  return ht(/* @__PURE__ */ Zt(Pe));
+  return ht(/* @__PURE__ */ Wt(Pe));
 }
 function Z(a) {
   if (Se) {
-    if (/* @__PURE__ */ Zt(Pe) !== null)
+    if (/* @__PURE__ */ Wt(Pe) !== null)
       throw Yr(), Hi;
     Pe = a;
   }
@@ -101,7 +101,7 @@ function gt(a = 1) {
   if (Se) {
     for (var i = a, e = Pe; i--; )
       e = /** @type {TemplateNode} */
-      /* @__PURE__ */ Zt(e);
+      /* @__PURE__ */ Wt(e);
     Pe = e;
   }
 }
@@ -119,7 +119,7 @@ function cn(a = !0) {
     }
     var r = (
       /** @type {TemplateNode} */
-      /* @__PURE__ */ Zt(e)
+      /* @__PURE__ */ Wt(e)
     );
     a && e.remove(), e = r;
   }
@@ -500,7 +500,7 @@ ua = function(i) {
   }
   this.committed = !0, Jr.delete(this);
 };
-let Kt = mn;
+let Qt = mn;
 function Js(a) {
   var i = dr;
   dr = !0;
@@ -522,7 +522,7 @@ function $s() {
   try {
     var e = 0;
     for (dn(!0); Bt.length > 0; ) {
-      var t = Kt.ensure();
+      var t = Qt.ensure();
       if (e++ > 1e3) {
         var r, n;
         kl();
@@ -629,7 +629,7 @@ var Gl = _i | zi | xn;
 function jl(a, i, e) {
   new Zl(a, i, e);
 }
-var Ht, At, Tr, Wt, Ci, qt, Ft, _t, Xt, ri, di, Ri, pi, Ai, gi, _n, $e, io, ro, ha, an, sn, ca;
+var Ht, At, Tr, qt, Ci, Xt, Ft, _t, Yt, ri, di, Ri, pi, Ai, gi, _n, $e, io, ro, ha, an, sn, ca;
 class Zl {
   /**
    * @param {TemplateNode} node
@@ -646,17 +646,17 @@ class Zl {
     /** @type {TemplateNode | null} */
     fe(this, Tr, Se ? Pe : null);
     /** @type {BoundaryProps} */
-    fe(this, Wt);
+    fe(this, qt);
     /** @type {((anchor: Node) => void)} */
     fe(this, Ci);
     /** @type {Effect} */
-    fe(this, qt);
+    fe(this, Xt);
     /** @type {Effect | null} */
     fe(this, Ft, null);
     /** @type {Effect | null} */
     fe(this, _t, null);
     /** @type {Effect | null} */
-    fe(this, Xt, null);
+    fe(this, Yt, null);
     /** @type {DocumentFragment | null} */
     fe(this, ri, null);
     /** @type {TemplateNode | null} */
@@ -675,8 +675,8 @@ class Zl {
     fe(this, _n, Ul(() => (ye(this, gi, Bi(D(this, Ri))), () => {
       ye(this, gi, null);
     })));
-    ye(this, At, i), ye(this, Wt, e), ye(this, Ci, t), this.parent = /** @type {Effect} */
-    Le.b, ye(this, Ht, !!D(this, Wt).pending), ye(this, qt, ar(() => {
+    ye(this, At, i), ye(this, qt, e), ye(this, Ci, t), this.parent = /** @type {Effect} */
+    Le.b, ye(this, Ht, !!D(this, qt).pending), ye(this, Xt, ar(() => {
       if (Le.b = this, Se) {
         const n = D(this, Tr);
         yi(), /** @type {Comment} */
@@ -705,7 +705,7 @@ class Zl {
     return D(this, Ht) || !!this.parent && this.parent.is_pending();
   }
   has_pending_snippet() {
-    return !!D(this, Wt).pending;
+    return !!D(this, qt).pending;
   }
   /**
    * Update the source that powers `$effect.pending()` inside this boundary,
@@ -724,11 +724,11 @@ class Zl {
   }
   /** @param {unknown} error */
   error(i) {
-    var e = D(this, Wt).onerror;
-    let t = D(this, Wt).failed;
+    var e = D(this, qt).onerror;
+    let t = D(this, qt).failed;
     if (D(this, Ai) || !e && !t)
       throw i;
-    D(this, Ft) && (at(D(this, Ft)), ye(this, Ft, null)), D(this, _t) && (at(D(this, _t)), ye(this, _t, null)), D(this, Xt) && (at(D(this, Xt)), ye(this, Xt, null)), Se && (ht(
+    D(this, Ft) && (at(D(this, Ft)), ye(this, Ft, null)), D(this, _t) && (at(D(this, _t)), ye(this, _t, null)), D(this, Yt) && (at(D(this, Yt)), ye(this, Yt, null)), Se && (ht(
       /** @type {TemplateNode} */
       D(this, Tr)
     ), gt(), ht(cn()));
@@ -738,21 +738,21 @@ class Zl {
         Ml();
         return;
       }
-      r = !0, n && Dl(), Kt.ensure(), ye(this, Ri, 0), D(this, Xt) !== null && Di(D(this, Xt), () => {
-        ye(this, Xt, null);
+      r = !0, n && Dl(), Qt.ensure(), ye(this, Ri, 0), D(this, Yt) !== null && Di(D(this, Yt), () => {
+        ye(this, Yt, null);
       }), ye(this, Ht, this.has_pending_snippet()), ye(this, Ft, Ge(this, $e, an).call(this, () => (ye(this, Ai, !1), yt(() => D(this, Ci).call(this, D(this, At)))))), D(this, pi) > 0 ? Ge(this, $e, sn).call(this) : ye(this, Ht, !1);
     };
     var h = Me;
     try {
       wt(null), n = !0, e == null || e(i, s), n = !1;
     } catch (u) {
-      tr(u, D(this, qt) && D(this, qt).parent);
+      tr(u, D(this, Xt) && D(this, Xt).parent);
     } finally {
       wt(h);
     }
     t && Ti(() => {
-      ye(this, Xt, Ge(this, $e, an).call(this, () => {
-        Kt.ensure(), ye(this, Ai, !0);
+      ye(this, Yt, Ge(this, $e, an).call(this, () => {
+        Qt.ensure(), ye(this, Ai, !0);
         try {
           return yt(() => {
             t(
@@ -765,7 +765,7 @@ class Zl {
           return tr(
             u,
             /** @type {Effect} */
-            D(this, qt).parent
+            D(this, Xt).parent
           ), null;
         } finally {
           ye(this, Ai, !1);
@@ -774,7 +774,7 @@ class Zl {
     });
   }
 }
-Ht = new WeakMap(), At = new WeakMap(), Tr = new WeakMap(), Wt = new WeakMap(), Ci = new WeakMap(), qt = new WeakMap(), Ft = new WeakMap(), _t = new WeakMap(), Xt = new WeakMap(), ri = new WeakMap(), di = new WeakMap(), Ri = new WeakMap(), pi = new WeakMap(), Ai = new WeakMap(), gi = new WeakMap(), _n = new WeakMap(), $e = new WeakSet(), io = function() {
+Ht = new WeakMap(), At = new WeakMap(), Tr = new WeakMap(), qt = new WeakMap(), Ci = new WeakMap(), Xt = new WeakMap(), Ft = new WeakMap(), _t = new WeakMap(), Yt = new WeakMap(), ri = new WeakMap(), di = new WeakMap(), Ri = new WeakMap(), pi = new WeakMap(), Ai = new WeakMap(), gi = new WeakMap(), _n = new WeakMap(), $e = new WeakSet(), io = function() {
   try {
     ye(this, Ft, yt(() => D(this, Ci).call(this, D(this, At))));
   } catch (i) {
@@ -782,10 +782,10 @@ Ht = new WeakMap(), At = new WeakMap(), Tr = new WeakMap(), Wt = new WeakMap(),
   }
   ye(this, Ht, !1);
 }, ro = function() {
-  const i = D(this, Wt).pending;
-  i && (ye(this, _t, yt(() => i(D(this, At)))), Kt.enqueue(() => {
+  const i = D(this, qt).pending;
+  i && (ye(this, _t, yt(() => i(D(this, At)))), Qt.enqueue(() => {
     var e = Ge(this, $e, ha).call(this);
-    ye(this, Ft, Ge(this, $e, an).call(this, () => (Kt.ensure(), yt(() => D(this, Ci).call(this, e))))), D(this, pi) > 0 ? Ge(this, $e, sn).call(this) : (Di(
+    ye(this, Ft, Ge(this, $e, an).call(this, () => (Qt.ensure(), yt(() => D(this, Ci).call(this, e))))), D(this, pi) > 0 ? Ge(this, $e, sn).call(this) : (Di(
       /** @type {Effect} */
       D(this, _t),
       () => {
@@ -801,7 +801,7 @@ Ht = new WeakMap(), At = new WeakMap(), Tr = new WeakMap(), Wt = new WeakMap(),
  */
 an = function(i) {
   var e = Le, t = Me, r = ze;
-  ii(D(this, qt)), wt(D(this, qt)), er(D(this, qt).ctx);
+  ii(D(this, Xt)), wt(D(this, Xt)), er(D(this, Xt).ctx);
   try {
     return i();
   } catch (n) {
@@ -812,7 +812,7 @@ an = function(i) {
 }, sn = function() {
   const i = (
     /** @type {(anchor: Node) => void} */
-    D(this, Wt).pending
+    D(this, qt).pending
   );
   D(this, Ft) !== null && (ye(this, ri, document.createDocumentFragment()), D(this, ri).append(
     /** @type {TemplateNode} */
@@ -1009,7 +1009,7 @@ function so(a) {
     if (Je !== null)
       (vr() || Ie != null && Ie.is_fork) && Je.set(a, i);
     else {
-      var e = (a.f & jt) === 0 ? hi : ut;
+      var e = (a.f & Zt) === 0 ? hi : ut;
       ct(a, e);
     }
 }
@@ -1042,7 +1042,7 @@ function lo(a, i = !1, e = !0) {
 function we(a, i, e = !1) {
   Me !== null && // since we are untracking the function inside `$inspect.with` we need to add this check
   // to ensure we error if state is set inside an inspect effect
-  (!Qt || (Me.f & Za) !== 0) && nr() && (Me.f & (ot | li | Ca | Za)) !== 0 && !(pt != null && pt.includes(a)) && Il();
+  (!Jt || (Me.f & Za) !== 0) && nr() && (Me.f & (ot | li | Ca | Za)) !== 0 && !(pt != null && pt.includes(a)) && Il();
   let t = e ? it(i) : i;
   return ir(a, t);
 }
@@ -1050,11 +1050,11 @@ function ir(a, i) {
   if (!a.equals(i)) {
     var e = a.v;
     Ui ? mi.set(a, i) : mi.set(a, e), a.v = i;
-    var t = Kt.ensure();
+    var t = Qt.ensure();
     t.capture(a, e), (a.f & ot) !== 0 && ((a.f & Et) !== 0 && Oa(
       /** @type {Derived} */
       a
-    ), ct(a, (a.f & jt) !== 0 ? ut : hi)), a.wv = Io(), uo(a, Et), nr() && Le !== null && (Le.f & ut) !== 0 && (Le.f & (ui | wi)) === 0 && (Lt === null ? su([a]) : Lt.push(a)), !t.is_fork && fa.size > 0 && !oo && Yl();
+    ), ct(a, (a.f & Zt) !== 0 ? ut : hi)), a.wv = Io(), uo(a, Et), nr() && Le !== null && (Le.f & ut) !== 0 && (Le.f & (ui | wi)) === 0 && (Lt === null ? su([a]) : Lt.push(a)), !t.is_fork && fa.size > 0 && !oo && Yl();
   }
   return i;
 }
@@ -1090,7 +1090,7 @@ function uo(a, i) {
             /** @type {Derived} */
             s
           );
-          Je == null || Je.delete(l), (h & Fi) === 0 && (h & jt && (s.f |= Fi), uo(l, hi));
+          Je == null || Je.delete(l), (h & Fi) === 0 && (h & Zt && (s.f |= Fi), uo(l, hi));
         } else u && ((h & li) !== 0 && kt !== null && kt.add(
           /** @type {Effect} */
           s
@@ -1102,7 +1102,7 @@ function uo(a, i) {
     }
 }
 function it(a) {
-  if (typeof a != "object" || a === null || $t in a)
+  if (typeof a != "object" || a === null || ei in a)
     return a;
   const i = Sa(a);
   if (i !== ml && i !== _l)
@@ -1143,7 +1143,7 @@ function it(a) {
       },
       get(h, u, l) {
         var p;
-        if (u === $t)
+        if (u === ei)
           return a;
         var o = e.get(u), c = u in h;
         if (o === void 0 && (!c || (p = si(h, u)) != null && p.writable) && (o = s(() => {
@@ -1174,7 +1174,7 @@ function it(a) {
       },
       has(h, u) {
         var f;
-        if (u === $t)
+        if (u === ei)
           return !0;
         var l = e.get(u), o = l !== void 0 && l.v !== st || Reflect.has(h, u);
         if (l !== void 0 || Le !== null && (!o || (f = si(h, u)) != null && f.writable)) {
@@ -1235,8 +1235,8 @@ function it(a) {
 }
 function qa(a) {
   try {
-    if (a !== null && typeof a == "object" && $t in a)
-      return a[$t];
+    if (a !== null && typeof a == "object" && ei in a)
+      return a[ei];
   } catch {
   }
   return a;
@@ -1263,7 +1263,7 @@ function lt(a) {
   );
 }
 // @__NO_SIDE_EFFECTS__
-function Zt(a) {
+function Wt(a) {
   return (
     /** @type {TemplateNode | null} */
     fo.call(a)
@@ -1284,7 +1284,7 @@ function q(a, i) {
 function Q(a, i = !1) {
   if (!Se) {
     var e = /* @__PURE__ */ lt(a);
-    return e instanceof Comment && e.data === "" ? /* @__PURE__ */ Zt(e) : e;
+    return e instanceof Comment && e.data === "" ? /* @__PURE__ */ Wt(e) : e;
   }
   if (i && (Pe == null ? void 0 : Pe.nodeType) !== Sn) {
     var t = Tt();
@@ -1296,7 +1296,7 @@ function he(a, i = 1, e = !1) {
   let t = Se ? Pe : a;
   for (var r; i--; )
     r = t, t = /** @type {TemplateNode} */
-    /* @__PURE__ */ Zt(t);
+    /* @__PURE__ */ Wt(t);
   if (!Se)
     return t;
   if (e && (t == null ? void 0 : t.nodeType) !== Sn) {
@@ -1369,7 +1369,7 @@ function Vt(a, i, e) {
     ctx: ze,
     deps: null,
     nodes: null,
-    f: a | Et | jt,
+    f: a | Et | Zt,
     first: null,
     fn: i,
     last: null,
@@ -1400,13 +1400,13 @@ function Vt(a, i, e) {
   return r;
 }
 function vr() {
-  return Me !== null && !Qt;
+  return Me !== null && !Jt;
 }
 function _o(a) {
   const i = Vt(En, null, !1);
   return ct(i, ut), i.teardown = a, i;
 }
-function ti(a) {
+function jt(a) {
   mo();
   var i = (
     /** @type {Effect} */
@@ -1428,14 +1428,14 @@ function tu(a) {
   return mo(), Vt(En | js, a, !0);
 }
 function iu(a) {
-  Kt.ensure();
+  Qt.ensure();
   const i = Vt(wi | zi, a, !0);
   return () => {
     at(i);
   };
 }
 function ru(a) {
-  Kt.ensure();
+  Qt.ensure();
   const i = Vt(wi | zi, a, !0);
   return (e = {}) => new Promise((t) => {
     e.outro ? Di(i, () => {
@@ -1514,7 +1514,7 @@ function at(a, i = !0) {
 }
 function xo(a, i) {
   for (; a !== null; ) {
-    var e = a === i ? null : /* @__PURE__ */ Zt(a);
+    var e = a === i ? null : /* @__PURE__ */ Wt(a);
     a.remove(), a = e;
   }
 }
@@ -1570,7 +1570,7 @@ function Po(a, i) {
 function Co(a, i) {
   if (a.nodes)
     for (var e = a.nodes.start, t = a.nodes.end; e !== null; ) {
-      var r = e === t ? null : /* @__PURE__ */ Zt(e);
+      var r = e === t ? null : /* @__PURE__ */ Wt(e);
       i.append(e), e = r;
     }
 }
@@ -1582,7 +1582,7 @@ let Ui = !1;
 function Ka(a) {
   Ui = a;
 }
-let Me = null, Qt = !1;
+let Me = null, Jt = !1;
 function wt(a) {
   Me = a;
 }
@@ -1623,7 +1623,7 @@ function Qr(a) {
         ), n.wv > a.wv)
           return !0;
       }
-    (i & jt) !== 0 && // During time traveling we don't want to reset the status so that
+    (i & Zt) !== 0 && // During time traveling we don't want to reset the status so that
     // traversal of the graph in the other batches still happens
     Je === null && ct(a, ut);
   }
@@ -1647,9 +1647,9 @@ function Do(a, i, e = !0) {
 }
 function Oo(a) {
   var m;
-  var i = dt, e = Rt, t = Lt, r = Me, n = pt, s = ze, h = Qt, u = Mi, l = a.f;
+  var i = dt, e = Rt, t = Lt, r = Me, n = pt, s = ze, h = Jt, u = Mi, l = a.f;
   dt = /** @type {null | Value[]} */
-  null, Rt = 0, Lt = null, Me = (l & (ui | wi)) === 0 ? a : null, pt = null, er(a.ctx), Qt = !1, Mi = ++mr, a.ac !== null && (Cn(() => {
+  null, Rt = 0, Lt = null, Me = (l & (ui | wi)) === 0 ? a : null, pt = null, er(a.ctx), Jt = !1, Mi = ++mr, a.ac !== null && (Cn(() => {
     a.ac.abort(Xi);
   }), a.ac = null);
   try {
@@ -1665,11 +1665,11 @@ function Oo(a) {
           f[Rt + p] = dt[p];
       else
         a.deps = f = dt;
-      if (vr() && (a.f & jt) !== 0)
+      if (vr() && (a.f & Zt) !== 0)
         for (p = Rt; p < f.length; p++)
           ((m = f[p]).reactions ?? (m.reactions = [])).push(a);
     } else f !== null && Rt < f.length && (pn(a, Rt), f.length = Rt);
-    if (nr() && Lt !== null && !Qt && f !== null && (a.f & (ot | hi | Et)) === 0)
+    if (nr() && Lt !== null && !Jt && f !== null && (a.f & (ot | hi | Et)) === 0)
       for (p = 0; p < /** @type {Source[]} */
       Lt.length; p++)
         Do(
@@ -1682,7 +1682,7 @@ function Oo(a) {
   } catch (d) {
     return Ys(d);
   } finally {
-    a.f ^= sa, dt = i, Rt = e, Lt = t, Me = r, pt = n, er(s), Qt = h, Mi = u;
+    a.f ^= sa, dt = i, Rt = e, Lt = t, Me = r, pt = n, er(s), Jt = h, Mi = u;
   }
 }
 function ou(a, i) {
@@ -1697,7 +1697,7 @@ function ou(a, i) {
   e === null && (i.f & ot) !== 0 && // Destroying a child effect while updating a parent effect can cause a dependency to appear
   // to be unused, when in fact it is used by the currently-updating parent. Checking `new_deps`
   // allows us to skip the expensive work of disconnecting and immediately reconnecting it
-  (dt === null || !dt.includes(i)) && (ct(i, hi), (i.f & jt) !== 0 && (i.f ^= jt, i.f &= ~Fi), ao(
+  (dt === null || !dt.includes(i)) && (ct(i, hi), (i.f & Zt) !== 0 && (i.f ^= Zt, i.f &= ~Fi), ao(
     /** @type {Derived} **/
     i
   ), pn(
@@ -1734,7 +1734,7 @@ async function lu() {
 }
 function T(a) {
   var i = a.f, e = (i & ot) !== 0;
-  if (Me !== null && !Qt) {
+  if (Me !== null && !Jt) {
     var t = Le !== null && (Le.f & oi) !== 0;
     if (!t && !(pt != null && pt.includes(a))) {
       var r = Me.deps;
@@ -1758,7 +1758,7 @@ function T(a) {
       return ((s.f & ut) === 0 && s.reactions !== null || Lo(s)) && (h = Oa(s)), mi.set(s, h), h;
     }
   } else e && (!(Je != null && Je.has(a)) || Ie != null && Ie.is_fork && !vr()) && (s = /** @type {Derived} */
-  a, Qr(s) && so(s), Oi && vr() && (s.f & jt) === 0 && Mo(s));
+  a, Qr(s) && so(s), Oi && vr() && (s.f & Zt) === 0 && Mo(s));
   if (Je != null && Je.has(a))
     return Je.get(a);
   if ((a.f & vi) !== 0)
@@ -1767,9 +1767,9 @@ function T(a) {
 }
 function Mo(a) {
   if (a.deps !== null) {
-    a.f ^= jt;
+    a.f ^= Zt;
     for (const i of a.deps)
-      (i.reactions ?? (i.reactions = [])).push(a), (i.f & ot) !== 0 && (i.f & jt) === 0 && Mo(
+      (i.reactions ?? (i.reactions = [])).push(a), (i.f & ot) !== 0 && (i.f & Zt) === 0 && Mo(
         /** @type {Derived} */
         i
       );
@@ -1787,11 +1787,11 @@ function Lo(a) {
   return !1;
 }
 function Gi(a) {
-  var i = Qt;
+  var i = Jt;
   try {
-    return Qt = !0, a();
+    return Jt = !0, a();
   } finally {
-    Qt = i;
+    Jt = i;
   }
 }
 const uu = -7169;
@@ -1800,12 +1800,12 @@ function ct(a, i) {
 }
 function hu(a) {
   if (!(typeof a != "object" || !a || a instanceof EventTarget)) {
-    if ($t in a)
+    if (ei in a)
       pa(a);
     else if (!Array.isArray(a))
       for (let i in a) {
         const e = a[i];
-        typeof e == "object" && e && $t in e && pa(e);
+        typeof e == "object" && e && ei in e && pa(e);
       }
   }
 }
@@ -2088,7 +2088,7 @@ function wu(a, i) {
   try {
     for (var n = /* @__PURE__ */ lt(e); n && (n.nodeType !== Vi || /** @type {Comment} */
     n.data !== zs); )
-      n = /* @__PURE__ */ Zt(n);
+      n = /* @__PURE__ */ Wt(n);
     if (!n)
       throw Hi;
     Gt(!0), ht(
@@ -2170,7 +2170,7 @@ function Tu(a, i) {
   const e = va.get(a);
   return e ? (va.delete(a), e(i)) : Promise.resolve();
 }
-var Ut, Yt, It, Ii, Er, xr, yn;
+var Ut, Kt, It, Ii, Er, xr, yn;
 class An {
   /**
    * @param {TemplateNode} anchor
@@ -2195,7 +2195,7 @@ class An {
      * Can result in the entries `true->Effect` and `false->Effect`
      * @type {Map<Key, Effect>}
      */
-    fe(this, Yt, /* @__PURE__ */ new Map());
+    fe(this, Kt, /* @__PURE__ */ new Map());
     /**
      * Similar to #onscreen with respect to the keys, but contains branches that are not yet
      * in the DOM, because their insertion is deferred.
@@ -2221,12 +2221,12 @@ class An {
         var e = (
           /** @type {Key} */
           D(this, Ut).get(i)
-        ), t = D(this, Yt).get(e);
+        ), t = D(this, Kt).get(e);
         if (t)
           La(t), D(this, Ii).delete(e);
         else {
           var r = D(this, It).get(e);
-          r && (D(this, Yt).set(e, r.effect), D(this, It).delete(e), r.fragment.lastChild.remove(), this.anchor.before(r.fragment), t = r.effect);
+          r && (D(this, Kt).set(e, r.effect), D(this, It).delete(e), r.fragment.lastChild.remove(), this.anchor.before(r.fragment), t = r.effect);
         }
         for (const [n, s] of D(this, Ut)) {
           if (D(this, Ut).delete(n), n === i)
@@ -2234,7 +2234,7 @@ class An {
           const h = D(this, It).get(s);
           h && (at(h.effect), D(this, It).delete(s));
         }
-        for (const [n, s] of D(this, Yt)) {
+        for (const [n, s] of D(this, Kt)) {
           if (n === e || D(this, Ii).has(n)) continue;
           const h = () => {
             if (Array.from(D(this, Ut).values()).includes(n)) {
@@ -2242,7 +2242,7 @@ class An {
               Co(s, l), l.append(Tt()), D(this, It).set(n, { effect: s, fragment: l });
             } else
               at(s);
-            D(this, Ii).delete(n), D(this, Yt).delete(n);
+            D(this, Ii).delete(n), D(this, Kt).delete(n);
           };
           D(this, Er) || !t ? (D(this, Ii).add(n), Di(s, h, !1)) : h();
         }
@@ -2269,7 +2269,7 @@ class An {
       /** @type {Batch} */
       Ie
     ), r = go();
-    if (e && !D(this, Yt).has(i) && !D(this, It).has(i))
+    if (e && !D(this, Kt).has(i) && !D(this, It).has(i))
       if (r) {
         var n = document.createDocumentFragment(), s = Tt();
         n.append(s), D(this, It).set(i, {
@@ -2277,12 +2277,12 @@ class An {
           fragment: n
         });
       } else
-        D(this, Yt).set(
+        D(this, Kt).set(
           i,
           yt(() => e(this.anchor))
         );
     if (D(this, Ut).set(t, i), r) {
-      for (const [h, u] of D(this, Yt))
+      for (const [h, u] of D(this, Kt))
         h === i ? t.skipped_effects.delete(u) : t.skipped_effects.add(u);
       for (const [h, u] of D(this, It))
         h === i ? t.skipped_effects.delete(u.effect) : t.skipped_effects.add(u.effect);
@@ -2291,7 +2291,7 @@ class An {
       Se && (this.anchor = Pe), D(this, xr).call(this);
   }
 }
-Ut = new WeakMap(), Yt = new WeakMap(), It = new WeakMap(), Ii = new WeakMap(), Er = new WeakMap(), xr = new WeakMap(), yn = new WeakMap();
+Ut = new WeakMap(), Kt = new WeakMap(), It = new WeakMap(), Ii = new WeakMap(), Er = new WeakMap(), xr = new WeakMap(), yn = new WeakMap();
 function xt(a, i, ...e) {
   var t = new An(a);
   ar(() => {
@@ -2300,7 +2300,7 @@ function xt(a, i, ...e) {
   }, _i);
 }
 function Bo(a) {
-  ze === null && Aa(), rr && ze.l !== null ? xu(ze).m.push(a) : ti(() => {
+  ze === null && Aa(), rr && ze.l !== null ? xu(ze).m.push(a) : jt(() => {
     const i = Gi(a);
     if (typeof i == "function") return (
       /** @type {() => void} */
@@ -2395,7 +2395,7 @@ function ma(a, i = !0) {
     at(a[e], i);
 }
 var $a;
-function Jt(a, i, e, t, r, n = null) {
+function $t(a, i, e, t, r, n = null) {
   var s = a, h = /* @__PURE__ */ new Map(), u = (i & Ns) !== 0;
   if (u) {
     var l = (
@@ -2545,7 +2545,7 @@ function cr(a, i, e) {
     ) : e; t !== null; ) {
       var s = (
         /** @type {TemplateNode} */
-        /* @__PURE__ */ Zt(t)
+        /* @__PURE__ */ Wt(t)
       );
       if (n.before(t), t === r)
         return;
@@ -2575,7 +2575,7 @@ function Li(a, i, e = !1, t = !1, r = !1) {
         Pe.data;
         for (var u = yi(), l = u; u !== null && (u.nodeType !== Vi || /** @type {Comment} */
         u.data !== ""); )
-          l = u, u = /* @__PURE__ */ Zt(u);
+          l = u, u = /* @__PURE__ */ Wt(u);
         if (u === null)
           throw Yr(), Hi;
         Ot(Pe, l), n = ht(u);
@@ -2994,7 +2994,7 @@ function Nn(a) {
   return a === "" ? null : +a;
 }
 function ns(a, i) {
-  return a === i || (a == null ? void 0 : a[$t]) === i;
+  return a === i || (a == null ? void 0 : a[ei]) === i;
 }
 function jo(a = {}, i, e, t) {
   return Ma(() => {
@@ -3033,13 +3033,13 @@ function Fu(a = !1) {
   }
   e.b.length && tu(() => {
     as(i, t), aa(e.b);
-  }), ti(() => {
+  }), jt(() => {
     const r = Gi(() => e.m.map(yl));
     return () => {
       for (const n of r)
         typeof n == "function" && n();
     };
-  }), e.a.length && ti(() => {
+  }), e.a.length && jt(() => {
     as(i, t), aa(e.a);
   });
 }
@@ -3117,7 +3117,7 @@ const zu = {
     }
   },
   has(a, i) {
-    if (i === $t || i === Ra) return !1;
+    if (i === ei || i === Ra) return !1;
     for (let e of a.props)
       if (sr(e) && (e = e()), e != null && i in e) return !0;
     return !1;
@@ -3150,7 +3150,7 @@ function Zo(a, i, e, t) {
     t
   )), h), o;
   if (n) {
-    var c = $t in a || Ra in a;
+    var c = ei in a || Ra in a;
     o = ((C = si(a, i)) == null ? void 0 : C.set) ?? (c && i in a ? (b) => a[i] = b : void 0);
   }
   var f, p = !1;
@@ -4418,18 +4418,18 @@ var dh = /* @__PURE__ */ (function() {
       var e = this.getProperty("viewingHint");
       return Array.isArray(e) && (e = e[0]), e || null;
     }, i.prototype.getDefaultTree = function() {
-      return a.prototype.getDefaultTree.call(this), this.defaultTree.data.type = Ce.normaliseType(ei.COLLECTION), this._parseManifests(this), this._parseCollections(this), Ce.generateTreeNodeIds(this.defaultTree), this.defaultTree;
+      return a.prototype.getDefaultTree.call(this), this.defaultTree.data.type = Ce.normaliseType(ti.COLLECTION), this._parseManifests(this), this._parseCollections(this), Ce.generateTreeNodeIds(this.defaultTree), this.defaultTree;
     }, i.prototype._parseManifests = function(e) {
       if (e.getManifests() && e.getManifests().length)
         for (var t = 0; t < e.getManifests().length; t++) {
           var r = e.getManifests()[t], n = r.getDefaultTree();
-          n.label = r.parentLabel || r.getLabel().getValue(this.options.locale) || "manifest " + (t + 1), n.navDate = r.getNavDate(), n.data.id = r.id, n.data.type = Ce.normaliseType(ei.MANIFEST), e.defaultTree.addNode(n);
+          n.label = r.parentLabel || r.getLabel().getValue(this.options.locale) || "manifest " + (t + 1), n.navDate = r.getNavDate(), n.data.id = r.id, n.data.type = Ce.normaliseType(ti.MANIFEST), e.defaultTree.addNode(n);
         }
     }, i.prototype._parseCollections = function(e) {
       if (e.getCollections() && e.getCollections().length)
         for (var t = 0; t < e.getCollections().length; t++) {
           var r = e.getCollections()[t], n = r.getDefaultTree();
-          n.label = r.parentLabel || r.getLabel().getValue(this.options.locale) || "collection " + (t + 1), n.navDate = r.getNavDate(), n.data.id = r.id, n.data.type = Ce.normaliseType(ei.COLLECTION), e.defaultTree.addNode(n);
+          n.label = r.parentLabel || r.getLabel().getValue(this.options.locale) || "collection " + (t + 1), n.navDate = r.getNavDate(), n.data.id = r.id, n.data.type = Ce.normaliseType(ti.COLLECTION), e.defaultTree.addNode(n);
         }
     }, i;
   })(Xo)
@@ -5134,7 +5134,7 @@ var ia = function(a, i, e, t) {
       var e = this.getProperty("behavior");
       return Array.isArray(e) && (e = e[0]), e || null;
     }, i.prototype.getDefaultTree = function() {
-      if (a.prototype.getDefaultTree.call(this), this.defaultTree.data.type = Ce.normaliseType(ei.MANIFEST), !this.isLoaded)
+      if (a.prototype.getDefaultTree.call(this), this.defaultTree.data.type = Ce.normaliseType(ti.MANIFEST), !this.isLoaded)
         return this.defaultTree;
       var e = this.getTopRanges();
       return e.length && e[0].getTree(this.defaultTree), Ce.generateTreeNodeIds(this.defaultTree), this.defaultTree;
@@ -5338,7 +5338,7 @@ var bh = /* @__PURE__ */ (function() {
       var t = this.getDuration();
       return !!(t && e >= t.start && e <= t.end);
     }, i.prototype._parseTreeNode = function(e, t) {
-      e.label = t.getLabel().getValue(this.options.locale), e.data = t, e.data.type = Ce.normaliseType(ei.RANGE), t.treeNode = e;
+      e.label = t.getLabel().getValue(this.options.locale), e.data = t, e.data.type = Ce.normaliseType(ti.RANGE), t.treeNode = e;
       var r = t.getRanges();
       if (r && r.length)
         for (var n = 0; n < r.length; n++) {
@@ -5722,17 +5722,17 @@ var Dh = (
     return a.prototype.addNode = function(i) {
       this.nodes.push(i), i.parentNode = this;
     }, a.prototype.isCollection = function() {
-      return this.data.type === Ce.normaliseType(ei.COLLECTION);
+      return this.data.type === Ce.normaliseType(ti.COLLECTION);
     }, a.prototype.isManifest = function() {
-      return this.data.type === Ce.normaliseType(ei.MANIFEST);
+      return this.data.type === Ce.normaliseType(ti.MANIFEST);
     }, a.prototype.isRange = function() {
-      return this.data.type === Ce.normaliseType(ei.RANGE);
+      return this.data.type === Ce.normaliseType(ti.RANGE);
     }, a;
   })()
-), ei;
+), ti;
 (function(a) {
   a.COLLECTION = "collection", a.MANIFEST = "manifest", a.RANGE = "range";
-})(ei || (ei = {}));
+})(ti || (ti = {}));
 var Lh = function(a, i) {
   return Ce.parseManifest(a, i);
 }, br;
@@ -5828,7 +5828,7 @@ br = new WeakMap();
 const Yi = new Hh();
 var Sr, Pr, Cr, Rr, Ar, Ir, Dr, Or, Mr, Lr, Hr, Fr, Nr, Br, zr, Vr, kr, Ur, Gr, jr, Zr, Wr, qr, Xr;
 class Fh {
-  constructor(i = null, e = []) {
+  constructor(i = null, e = null, t = []) {
     fe(this, Sr, /* @__PURE__ */ be(null));
     fe(this, Pr, /* @__PURE__ */ be(null));
     fe(this, Cr, /* @__PURE__ */ be(!1));
@@ -5860,9 +5860,9 @@ class Fh {
     fe(this, qr, /* @__PURE__ */ be(it([])));
     fe(this, Xr, /* @__PURE__ */ be(null));
     Qe(this, "pluginEventHandlers", /* @__PURE__ */ new Map());
-    this.manifestId = i || null, this.manifestId && Yi.fetchManifest(this.manifestId);
-    for (const t of e)
-      this.registerPlugin(t);
+    this.manifestId = i || null, this.canvasId = e || null, this.manifestId && Yi.fetchManifest(this.manifestId);
+    for (const r of t)
+      this.registerPlugin(r);
   }
   get manifestId() {
     return T(D(this, Sr));
@@ -18915,7 +18915,7 @@ function $h(a, i) {
         var p;
         (p = T(r)) == null || p.destroy(), e().osdViewer = null;
       };
-  }), ti(() => {
+  }), jt(() => {
     if (!T(r)) return;
     const p = () => {
       Kl(n);
@@ -18923,13 +18923,13 @@ function $h(a, i) {
     return T(r).addHandler("open", p), T(r).addHandler("animation", p), T(r).addHandler("resize", p), T(r).addHandler("rotate", p), T(r).world.addHandler("add-item", p), T(r).world.addHandler("remove-item", p), () => {
       T(r).removeHandler("open", p), T(r).removeHandler("animation", p), T(r).removeHandler("resize", p), T(r).removeHandler("rotate", p), T(r).world.removeHandler("add-item", p), T(r).world.removeHandler("remove-item", p);
     };
-  }), ti(() => {
+  }), jt(() => {
     !T(r) || !i.tileSources || T(r).open(i.tileSources);
   });
   var o = Jh(), c = q(o);
   jo(c, (p) => we(t, p), () => T(t));
   var f = he(c, 2);
-  Jt(f, 17, () => T(l), (p) => p.id, (p, m) => {
+  $t(f, 17, () => T(l), (p) => p.id, (p, m) => {
     var d = ee(), g = Q(d);
     {
       var w = (C) => {
@@ -19828,7 +19828,7 @@ function Qd(a, i) {
   function r(f) {
     return f.id || f["@id"] || (typeof f.getId == "function" ? f.getId() : "") || "";
   }
-  ti(() => {
+  jt(() => {
     if (T(t).length > 0) {
       const f = /* @__PURE__ */ new Set();
       T(t).forEach((p) => {
@@ -19916,7 +19916,7 @@ function Qd(a, i) {
         class: "group-open:rotate-180 transition-transform opacity-80"
       }), Z(d);
       var I = he(d, 2);
-      Jt(
+      $t(
         I,
         21,
         () => T(u),
@@ -20226,10 +20226,10 @@ function ur(a, i) {
     e.canvasId = C;
   }
   let p = /* @__PURE__ */ be(it(e.dockSide));
-  ti(() => {
+  jt(() => {
     const C = e.dockSide;
     we(p, C === "none" || C === "top" || C === "bottom" || C === "left" || C === "right" ? C : "none", !0);
-  }), ti(() => {
+  }), jt(() => {
     e.dockSide !== T(p) && (e.dockSide = T(p), e.isGalleryDockedBottom = T(p) === "bottom", e.isGalleryDockedRight = T(p) === "right");
   });
   let m = /* @__PURE__ */ ue(() => T(p) === "top" || T(p) === "bottom" || T(p) === "none" && e.gallerySize.height < 320);
@@ -20259,7 +20259,7 @@ function ur(a, i) {
       var O = q(I);
       Z(I), Z(z);
       var W = he(z, 2), U = q(W);
-      Jt(U, 21, () => T(s), In, (ae, se) => {
+      $t(U, 21, () => T(s), In, (ae, se) => {
         var N = op();
         N.__click = () => f(T(se).id);
         var X = q(N), de = q(X);
@@ -21436,7 +21436,7 @@ function bg(a, i) {
   {
     var u = (l) => {
       var o = xg(), c = q(o);
-      Jt(c, 21, () => T(t), (w) => w.id, (w, R) => {
+      $t(c, 21, () => T(t), (w) => w.id, (w, R) => {
         const C = /* @__PURE__ */ ue(() => T(R).icon);
         var b = Eg(), A = q(b);
         A.__click = () => {
@@ -21549,7 +21549,7 @@ function Ig(a, i) {
     });
   }
   var M = he(b, 2);
-  Jt(M, 17, () => T(r), In, (F, j) => {
+  $t(M, 17, () => T(r), In, (F, j) => {
     var ie = Rg(), ae = Q(ie), se = q(ae, !0);
     Z(ae);
     var N = he(ae, 2), X = q(N);
@@ -21636,7 +21636,7 @@ function Vg(a, i) {
                   var Y = Bg(), k = Q(Y), B = q(k, !0);
                   Z(k);
                   var K = he(k, 2);
-                  Jt(K, 17, () => e.searchResults, In, (ke, _e) => {
+                  $t(K, 17, () => e.searchResults, In, (ke, _e) => {
                     var ce = Ng();
                     ce.__click = () => s(T(_e));
                     var De = q(ce), je = q(De), et = q(je, !0);
@@ -21711,12 +21711,14 @@ var kg = /* @__PURE__ */ xe('<div class="h-full w-[200px] pointer-events-auto re
 function ov(a, i) {
   Ze(i, !0);
   let e = Zo(i, "plugins", 19, () => []);
-  const t = new Fh(null, e());
+  const t = new Fh(null, i.canvasId, e());
   Nl(ji, t), Eu(() => {
     t.destroyAllPlugins();
-  }), ti(() => {
+  }), jt(() => {
     i.manifestId && t.setManifest(i.manifestId);
-  }), ti(() => {
+  }), jt(() => {
+    i.canvasId && t.setCanvas(i.canvasId);
+  }), jt(() => {
     const Y = () => {
       t.isFullScreen = !!document.fullscreenElement;
     };
@@ -21783,7 +21785,7 @@ function ov(a, i) {
     });
   }
   var f = he(o, 2);
-  Jt(f, 17, () => t.pluginPanels, (Y) => Y.id, (Y, k) => {
+  $t(f, 17, () => t.pluginPanels, (Y) => Y.id, (Y, k) => {
     var B = ee(), K = Q(B);
     {
       var ke = (_e) => {
@@ -21877,7 +21879,7 @@ function ov(a, i) {
   var H = he(M, 2);
   bg(H, {});
   var z = he(H, 2);
-  Jt(z, 17, () => t.pluginPanels, (Y) => Y.id, (Y, k) => {
+  $t(z, 17, () => t.pluginPanels, (Y) => Y.id, (Y, k) => {
     var B = ee(), K = Q(B);
     {
       var ke = (_e) => {
@@ -21934,7 +21936,7 @@ function ov(a, i) {
     });
   }
   var j = he(ne, 2);
-  Jt(j, 17, () => t.pluginPanels, (Y) => Y.id, (Y, k) => {
+  $t(j, 17, () => t.pluginPanels, (Y) => Y.id, (Y, k) => {
     var B = ee(), K = Q(B);
     {
       var ke = (_e) => {
@@ -21974,7 +21976,7 @@ function ov(a, i) {
     });
   }
   var de = he(N, 2);
-  Jt(de, 17, () => t.pluginPanels, (Y) => Y.id, (Y, k) => {
+  $t(de, 17, () => t.pluginPanels, (Y) => Y.id, (Y, k) => {
     var B = ee(), K = Q(B);
     {
       var ke = (_e) => {