triiiceratops 0.9.12 → 0.9.13

package/dist/triiiceratops-bundle.js

@@ -415,7 +415,7 @@ class Bt {
         }
         const u = `${m.id || m["@id"]}?q=${encodeURIComponent(t)}`, M = await fetch(u);
         if (!M.ok) throw new Error("Search request failed");
-        const w = await M.json(), k = w.resources || [], j = [], A = (b) => {
+        const w = await M.json(), k = w.resources || [], j = [], y = (b) => {
           const n = typeof b == "string" ? b : b["@id"] || b.id;
           if (!n) return null;
           const o = n.split("#xywh=");
@@ -429,7 +429,7 @@ class Bt {
             for (const g of n) {
               const Z = k.find((H) => H["@id"] === g || H.id === g);
               if (Z && Z.on) {
-                const H = typeof Z.on == "string" ? Z.on : Z.on["@id"] || Z.on.id, s = H.split("#")[0], c = A(H), P = this.canvases.findIndex((V) => V.id === s);
+                const H = typeof Z.on == "string" ? Z.on : Z.on["@id"] || Z.on.id, s = H.split("#")[0], c = y(H), P = this.canvases.findIndex((V) => V.id === s);
                 if (P >= 0) {
                   if (!o.has(P)) {
                     const V = this.canvases[P];
@@ -463,7 +463,7 @@ class Bt {
           }
         else if (k.length > 0)
           for (const b of k) {
-            const n = typeof b.on == "string" ? b.on : b.on["@id"] || b.on.id, o = n.split("#")[0], g = A(n), Z = this.canvases.findIndex((H) => H.id === o);
+            const n = typeof b.on == "string" ? b.on : b.on["@id"] || b.on.id, o = n.split("#")[0], g = y(n), Z = this.canvases.findIndex((H) => H.id === o);
             if (Z >= 0) {
               const H = this.canvases[Z];
               let s = "Canvas " + (Z + 1);
@@ -1001,7 +1001,7 @@ function ca(r, t = /* @__PURE__ */ new Set()) {
     return la(a, l, i);
   }).filter((a) => a !== null);
 }
-var da = e.from_html("<div></div>"), fa = e.from_svg('<svg class="absolute pointer-events-auto"><title> </title><polygon stroke-width="2"></polygon></svg>'), va = e.from_html('<div class="w-full h-full relative"><div class="w-full h-full osd-background bg-base-100"></div> <!></div>');
+var da = e.from_html("<div></div>"), fa = e.from_svg('<svg class="absolute pointer-events-auto"><title> </title><polygon stroke-width="2"></polygon></svg>'), va = e.from_html('<div class="w-full h-full relative"><div></div> <!></div>');
 function ha(r, t) {
   e.push(t, !0);
   let a = e.prop(t, "viewerState", 7), l = e.state(void 0), i = e.state(void 0), m = e.state(void 0), x = e.state(0), u = e.derived(() => {
@@ -1101,9 +1101,9 @@ function ha(r, t) {
   }), e.user_effect(() => {
     !e.get(i) || !t.tileSources || e.get(i).open(t.tileSources);
   });
-  var j = va(), A = e.child(j);
-  e.bind_this(A, (b) => e.set(l, b), () => e.get(l));
-  var I = e.sibling(A, 2);
+  var j = va(), y = e.child(j);
+  e.bind_this(y, (b) => e.set(l, b), () => e.get(l));
+  var I = e.sibling(y, 2);
   e.each(I, 17, () => e.get(k), (b) => b.id, (b, n) => {
     var o = e.comment(), g = e.first_child(o);
     {
@@ -1151,7 +1151,7 @@ function ha(r, t) {
       });
     }
     e.append(b, o);
-  }), e.reset(j), e.append(r, j), e.pop();
+  }), e.reset(j), e.template_effect(() => e.set_class(y, 1, `w-full h-full osd-background ${a().config.transparentBackground ? "" : "bg-base-100"}`)), e.append(r, j), e.pop();
 }
 let rt = Symbol("phosphor-svelte");
 function oe() {
@@ -1192,7 +1192,7 @@ function ya(r, t) {
       t.children && n(j);
     });
   }
-  var A = e.sibling(k, 2);
+  var y = e.sibling(k, 2);
   {
     var I = (n) => {
       var o = ga();
@@ -1219,10 +1219,10 @@ function ya(r, t) {
                   var h = e.comment(), S = e.first_child(h);
                   {
                     var E = (f) => {
-                      var y = ma();
-                      e.append(f, y);
+                      var A = ma();
+                      e.append(f, A);
                     }, T = (f) => {
-                      var y = e.comment(), G = e.first_child(y);
+                      var A = e.comment(), G = e.first_child(A);
                       {
                         var N = (_) => {
                           var L = ba();
@@ -1239,7 +1239,7 @@ function ya(r, t) {
                           !0
                         );
                       }
-                      e.append(f, y);
+                      e.append(f, A);
                     };
                     e.if(
                       S,
@@ -1281,7 +1281,7 @@ function ya(r, t) {
       }
       e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(y, (n) => {
       e.get(i) === "bold" ? n(I) : n(b, !1);
     });
   }
@@ -1322,7 +1322,7 @@ function Ca(r, t) {
       t.children && n(j);
     });
   }
-  var A = e.sibling(k, 2);
+  var y = e.sibling(k, 2);
   {
     var I = (n) => {
       var o = Aa();
@@ -1349,10 +1349,10 @@ function Ca(r, t) {
                   var h = e.comment(), S = e.first_child(h);
                   {
                     var E = (f) => {
-                      var y = Va();
-                      e.append(f, y);
+                      var A = Va();
+                      e.append(f, A);
                     }, T = (f) => {
-                      var y = e.comment(), G = e.first_child(y);
+                      var A = e.comment(), G = e.first_child(A);
                       {
                         var N = (_) => {
                           var L = Ha();
@@ -1369,7 +1369,7 @@ function Ca(r, t) {
                           !0
                         );
                       }
-                      e.append(f, y);
+                      e.append(f, A);
                     };
                     e.if(
                       S,
@@ -1411,7 +1411,7 @@ function Ca(r, t) {
       }
       e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(y, (n) => {
       e.get(i) === "bold" ? n(I) : n(b, !1);
     });
   }
@@ -1972,7 +1972,7 @@ function Zn(r, t) {
       t.children && n(j);
     });
   }
-  var A = e.sibling(k, 2);
+  var y = e.sibling(k, 2);
   {
     var I = (n) => {
       var o = mn();
@@ -1999,10 +1999,10 @@ function Zn(r, t) {
                   var h = e.comment(), S = e.first_child(h);
                   {
                     var E = (f) => {
-                      var y = An();
-                      e.append(f, y);
+                      var A = An();
+                      e.append(f, A);
                     }, T = (f) => {
-                      var y = e.comment(), G = e.first_child(y);
+                      var A = e.comment(), G = e.first_child(A);
                       {
                         var N = (_) => {
                           var L = xn();
@@ -2019,7 +2019,7 @@ function Zn(r, t) {
                           !0
                         );
                       }
-                      e.append(f, y);
+                      e.append(f, A);
                     };
                     e.if(
                       S,
@@ -2061,7 +2061,7 @@ function Zn(r, t) {
       }
       e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(y, (n) => {
       e.get(i) === "bold" ? n(I) : n(b, !1);
     });
   }
@@ -2102,7 +2102,7 @@ function ht(r, t) {
       t.children && n(j);
     });
   }
-  var A = e.sibling(k, 2);
+  var y = e.sibling(k, 2);
   {
     var I = (n) => {
       var o = Vn();
@@ -2129,10 +2129,10 @@ function ht(r, t) {
                   var h = e.comment(), S = e.first_child(h);
                   {
                     var E = (f) => {
-                      var y = Ln();
-                      e.append(f, y);
+                      var A = Ln();
+                      e.append(f, A);
                     }, T = (f) => {
-                      var y = e.comment(), G = e.first_child(y);
+                      var A = e.comment(), G = e.first_child(A);
                       {
                         var N = (_) => {
                           var L = In();
@@ -2149,7 +2149,7 @@ function ht(r, t) {
                           !0
                         );
                       }
-                      e.append(f, y);
+                      e.append(f, A);
                     };
                     e.if(
                       S,
@@ -2191,7 +2191,7 @@ function ht(r, t) {
       }
       e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(y, (n) => {
       e.get(i) === "bold" ? n(I) : n(b, !1);
     });
   }
@@ -2232,7 +2232,7 @@ function gt(r, t) {
       t.children && n(j);
     });
   }
-  var A = e.sibling(k, 2);
+  var y = e.sibling(k, 2);
   {
     var I = (n) => {
       var o = kn();
@@ -2259,10 +2259,10 @@ function gt(r, t) {
                   var h = e.comment(), S = e.first_child(h);
                   {
                     var E = (f) => {
-                      var y = En();
-                      e.append(f, y);
+                      var A = En();
+                      e.append(f, A);
                     }, T = (f) => {
-                      var y = e.comment(), G = e.first_child(y);
+                      var A = e.comment(), G = e.first_child(A);
                       {
                         var N = (_) => {
                           var L = Rn();
@@ -2279,7 +2279,7 @@ function gt(r, t) {
                           !0
                         );
                       }
-                      e.append(f, y);
+                      e.append(f, A);
                     };
                     e.if(
                       S,
@@ -2321,7 +2321,7 @@ function gt(r, t) {
       }
       e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(y, (n) => {
       e.get(i) === "bold" ? n(I) : n(b, !1);
     });
   }
@@ -2334,16 +2334,16 @@ function Nn(r, t) {
   let l = e.derived(() => {
     if (!a.manifestId || !a.canvasId)
       return [];
-    const A = le.getAnnotations(a.manifestId, a.canvasId), I = a.currentCanvasSearchAnnotations;
-    return [...A, ...I];
+    const y = le.getAnnotations(a.manifestId, a.canvasId), I = a.currentCanvasSearchAnnotations;
+    return [...y, ...I];
   });
-  function i(A) {
-    return A.id || A["@id"] || (typeof A.getId == "function" ? A.getId() : "") || "";
+  function i(y) {
+    return y.id || y["@id"] || (typeof y.getId == "function" ? y.getId() : "") || "";
   }
   e.user_effect(() => {
-    var A;
+    var y;
     if (e.get(l).length > 0)
-      if (((A = a.config.annotations) == null ? void 0 : A.visible) ?? !0) {
+      if (((y = a.config.annotations) == null ? void 0 : y.visible) ?? !0) {
         const b = /* @__PURE__ */ new Set();
         e.get(l).forEach((n) => {
           const o = i(n);
@@ -2354,28 +2354,28 @@ function Nn(r, t) {
     else
       a.visibleAnnotationIds = /* @__PURE__ */ new Set();
   });
-  let m = e.derived(() => e.get(l).length === 0 ? !1 : e.get(l).every((A) => {
-    const I = i(A);
+  let m = e.derived(() => e.get(l).length === 0 ? !1 : e.get(l).every((y) => {
+    const I = i(y);
     return !I || a.visibleAnnotationIds.has(I);
   }));
-  function x(A) {
-    a.visibleAnnotationIds.has(A) ? a.visibleAnnotationIds.delete(A) : a.visibleAnnotationIds.add(A), a.visibleAnnotationIds = new Set(a.visibleAnnotationIds);
+  function x(y) {
+    a.visibleAnnotationIds.has(y) ? a.visibleAnnotationIds.delete(y) : a.visibleAnnotationIds.add(y), a.visibleAnnotationIds = new Set(a.visibleAnnotationIds);
   }
   function u() {
     if (e.get(m))
       a.visibleAnnotationIds = /* @__PURE__ */ new Set();
     else {
-      const A = /* @__PURE__ */ new Set();
+      const y = /* @__PURE__ */ new Set();
       e.get(l).forEach((I) => {
         const b = i(I);
-        b && A.add(b);
-      }), a.visibleAnnotationIds = A;
+        b && y.add(b);
+      }), a.visibleAnnotationIds = y;
     }
   }
-  let M = e.derived(() => e.get(l).length ? e.get(l).map((A) => {
+  let M = e.derived(() => e.get(l).length ? e.get(l).map((y) => {
     let I = "", b = !1;
-    if (typeof A.getBody == "function") {
-      const n = A.getBody();
+    if (typeof y.getBody == "function") {
+      const n = y.getBody();
       if (n && n.length) {
         const o = (g) => {
           const Z = g.getValue ? g.getValue() : null;
@@ -2386,27 +2386,27 @@ function Nn(r, t) {
           return Z === "text/html" || Z === "application/html";
         });
       }
-      if (!I && typeof A.getLabel == "function") {
-        const o = A.getLabel();
+      if (!I && typeof y.getLabel == "function") {
+        const o = y.getLabel();
         o && (I = o);
       }
     } else {
       const n = (g) => g && (g.chars || g.value || g["cnt:chars"]) || "", o = (g) => g ? g.format === "text/html" || g.type === "TextualBody" : !1;
-      if (A.resource ? Array.isArray(A.resource) ? (I = A.resource.map((g) => n(g)).join(" "), A.resource.some((g) => o(g)) && (b = !0)) : (I = n(A.resource), o(A.resource) && (b = !0)) : A.body && (Array.isArray(A.body) ? (I = A.body.map((g) => n(g)).join(" "), A.body.some((g) => o(g)) && (b = !0)) : (I = n(A.body), o(A.body) && (b = !0))), !I) {
-        const g = A.label || A.name || A.title;
+      if (y.resource ? Array.isArray(y.resource) ? (I = y.resource.map((g) => n(g)).join(" "), y.resource.some((g) => o(g)) && (b = !0)) : (I = n(y.resource), o(y.resource) && (b = !0)) : y.body && (Array.isArray(y.body) ? (I = y.body.map((g) => n(g)).join(" "), y.body.some((g) => o(g)) && (b = !0)) : (I = n(y.body), o(y.body) && (b = !0))), !I) {
+        const g = y.label || y.name || y.title;
         g && (I = Array.isArray(g) ? g.join(" ") : g);
       }
     }
     return {
-      id: i(A),
+      id: i(y),
       content: I,
       isHtml: b,
-      label: (typeof A.getLabel == "function" ? A.getLabel() : A.label) || ""
+      label: (typeof y.getLabel == "function" ? y.getLabel() : y.label) || ""
     };
   }) : []);
   var w = e.comment(), k = e.first_child(w);
   {
-    var j = (A) => {
+    var j = (y) => {
       var I = Fn(), b = e.child(I), n = e.child(b), o = e.child(n);
       o.__click = (p) => {
         p.preventDefault(), u();
@@ -2455,7 +2455,7 @@ function Nn(r, t) {
             });
           }
           e.reset(h);
-          var f = e.sibling(h, 2), y = e.child(f), G = e.child(y);
+          var f = e.sibling(h, 2), A = e.child(f), G = e.child(A);
           G.textContent = `#${R + 1}`;
           var N = e.sibling(G, 2);
           {
@@ -2467,8 +2467,8 @@ function Nn(r, t) {
               e.get(B).label && e.get(B).label !== e.get(B).content && U(O);
             });
           }
-          e.reset(y);
-          var _ = e.sibling(y, 2), L = e.child(_);
+          e.reset(A);
+          var _ = e.sibling(A, 2), L = e.child(_);
           {
             var z = (U) => {
               var Y = e.comment(), K = e.first_child(Y);
@@ -2496,10 +2496,10 @@ function Nn(r, t) {
           () => /* @__PURE__ */ Yr({ count: e.get(l).length }),
           () => /* @__PURE__ */ Wr({ count: a.visibleAnnotationIds.size })
         ]
-      ), e.append(A, I);
+      ), e.append(y, I);
     };
-    e.if(k, (A) => {
-      a.showAnnotations && A(j);
+    e.if(k, (y) => {
+      a.showAnnotations && y(j);
     });
   }
   e.append(r, w), e.pop();
@@ -2540,7 +2540,7 @@ function Ke(r, t) {
       t.children && n(j);
     });
   }
-  var A = e.sibling(k, 2);
+  var y = e.sibling(k, 2);
   {
     var I = (n) => {
       var o = qn();
@@ -2567,10 +2567,10 @@ function Ke(r, t) {
                   var h = e.comment(), S = e.first_child(h);
                   {
                     var E = (f) => {
-                      var y = Qn();
-                      e.append(f, y);
+                      var A = Qn();
+                      e.append(f, A);
                     }, T = (f) => {
-                      var y = e.comment(), G = e.first_child(y);
+                      var A = e.comment(), G = e.first_child(A);
                       {
                         var N = (_) => {
                           var L = Wn();
@@ -2587,7 +2587,7 @@ function Ke(r, t) {
                           !0
                         );
                       }
-                      e.append(f, y);
+                      e.append(f, A);
                     };
                     e.if(
                       S,
@@ -2629,7 +2629,7 @@ function Ke(r, t) {
       }
       e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(y, (n) => {
       e.get(i) === "bold" ? n(I) : n(b, !1);
     });
   }
@@ -2733,9 +2733,9 @@ function ve(r, t) {
       y: c.clientY,
       w: a.gallerySize.width,
       h: a.gallerySize.height
-    }, window.addEventListener("mousemove", A), window.addEventListener("mouseup", I);
+    }, window.addEventListener("mousemove", y), window.addEventListener("mouseup", I);
   }
-  function A(c) {
+  function y(c) {
     if (!e.get(m)) return;
     const P = c.clientX - x.x, V = c.clientY - x.y;
     a.gallerySize = {
@@ -2744,7 +2744,7 @@ function ve(r, t) {
     };
   }
   function I() {
-    e.set(m, !1), window.removeEventListener("mousemove", A), window.removeEventListener("mouseup", I);
+    e.set(m, !1), window.removeEventListener("mousemove", y), window.removeEventListener("mouseup", I);
   }
   function b(c) {
     a.setCanvas(c);
@@ -2784,8 +2784,8 @@ function ve(r, t) {
         var v = (T) => {
           var f = Kn();
           f.__click = () => a.toggleThumbnailGallery();
-          var y = e.child(f);
-          Ke(y, { size: 16, weight: "bold" }), e.reset(f), e.append(T, f);
+          var A = e.child(f);
+          Ke(A, { size: 16, weight: "bold" }), e.reset(f), e.append(T, f);
         };
         e.if(C, (T) => {
           e.get(i) && T(v);
@@ -2794,11 +2794,11 @@ function ve(r, t) {
       var p = e.sibling(C, 2);
       {
         var B = (T) => {
-          var f = $n(), y = e.child(f);
-          y.__mousedown = g;
-          var G = e.child(y);
-          e.reset(y), e.reset(f), e.template_effect(() => {
-            e.set_class(f, 1, "bg-base-100 flex shrink-0 select-none relative " + (e.get(n) === "bottom" || e.get(n) === "top" ? "flex-row h-full items-center border-r border-base-200" : "flex-col w-full border-b border-base-200")), e.set_class(y, 1, "cursor-move flex items-center justify-center hover:bg-base-200/50 active:bg-base-200 transition-colors " + (e.get(n) === "bottom" || e.get(n) === "top" ? "w-8 h-full" : "h-6 w-full")), e.set_class(G, 1, "bg-base-300 rounded-full " + (e.get(n) === "bottom" || e.get(n) === "top" ? "w-1.5 h-12" : "w-12 h-1.5"));
+          var f = $n(), A = e.child(f);
+          A.__mousedown = g;
+          var G = e.child(A);
+          e.reset(A), e.reset(f), e.template_effect(() => {
+            e.set_class(f, 1, "bg-base-100 flex shrink-0 select-none relative " + (e.get(n) === "bottom" || e.get(n) === "top" ? "flex-row h-full items-center border-r border-base-200" : "flex-col w-full border-b border-base-200")), e.set_class(A, 1, "cursor-move flex items-center justify-center hover:bg-base-200/50 active:bg-base-200 transition-colors " + (e.get(n) === "bottom" || e.get(n) === "top" ? "w-8 h-full" : "h-6 w-full")), e.set_class(G, 1, "bg-base-300 rounded-full " + (e.get(n) === "bottom" || e.get(n) === "top" ? "w-1.5 h-12" : "w-12 h-1.5"));
           }), e.append(T, f);
         };
         e.if(p, (T) => {
@@ -2807,9 +2807,9 @@ function ve(r, t) {
       }
       var R = e.sibling(p, 2), D = e.child(R);
       e.each(D, 21, () => e.get(M), e.index, (T, f) => {
-        var y = ai();
-        y.__click = () => b(e.get(f).id);
-        var G = e.child(y), N = e.child(G);
+        var A = ai();
+        A.__click = () => b(e.get(f).id);
+        var G = e.child(A), N = e.child(G);
         {
           var O = (Y) => {
             var K = ei();
@@ -2828,9 +2828,9 @@ function ve(r, t) {
         var L = e.sibling(G, 2), z = e.child(L), q = e.child(z);
         e.reset(z);
         var U = e.sibling(z);
-        e.reset(L), e.reset(y), e.template_effect(() => {
-          e.set_class(y, 1, `group flex flex-col gap-1 p-1 rounded hover:bg-base-200 transition-colors text-left relative shrink-0 ${e.get(o) ? "w-[140px]" : ""} ${a.canvasId === e.get(f).id ? "ring-2 ring-primary bg-primary/5" : ""}`), e.set_attribute(y, "aria-label", `Select canvas ${e.get(f).label ?? ""}`), e.set_text(q, `${e.get(f).index + 1}.`), e.set_text(U, ` ${e.get(f).label ?? ""}`);
-        }), e.append(T, y);
+        e.reset(L), e.reset(A), e.template_effect(() => {
+          e.set_class(A, 1, `group flex flex-col gap-1 p-1 rounded hover:bg-base-200 transition-colors text-left relative shrink-0 ${e.get(o) ? "w-[140px]" : ""} ${a.canvasId === e.get(f).id ? "ring-2 ring-primary bg-primary/5" : ""}`), e.set_attribute(A, "aria-label", `Select canvas ${e.get(f).label ?? ""}`), e.set_text(q, `${e.get(f).index + 1}.`), e.set_text(U, ` ${e.get(f).label ?? ""}`);
+        }), e.append(T, A);
       }), e.reset(D), e.reset(R);
       var d = e.sibling(R, 2);
       {
@@ -2846,9 +2846,9 @@ function ve(r, t) {
       var S = e.sibling(V, 2);
       {
         var E = (T) => {
-          var f = ni(), y = e.first_child(f), G = e.sibling(y, 2), N = e.sibling(G, 2), O = e.sibling(N, 2);
+          var f = ni(), A = e.first_child(f), G = e.sibling(A, 2), N = e.sibling(G, 2), O = e.sibling(N, 2);
           e.template_effect(() => {
-            e.set_class(y, 1, `absolute top-2 left-2 right-2 h-16 rounded-xl border-4 border-dashed border-primary/40 z-999 pointer-events-none flex items-center justify-center transition-all duration-200 ${a.dragOverSide === "top" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`), e.set_class(G, 1, `absolute bottom-2 left-2 right-2 h-16 rounded-xl border-4 border-dashed border-primary/40 z-999 pointer-events-none flex items-center justify-center transition-all duration-200 ${a.dragOverSide === "bottom" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`), e.set_class(N, 1, `absolute top-2 bottom-2 left-2 w-16 rounded-xl border-4 border-dashed border-primary/40 z-999 pointer-events-none flex items-center justify-center transition-all duration-200 ${a.dragOverSide === "left" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`), e.set_class(O, 1, `absolute top-2 bottom-2 right-2 w-16 rounded-xl border-4 border-dashed border-primary/40 z-999 pointer-events-none flex items-center justify-center transition-all duration-300 ${a.dragOverSide === "right" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`);
+            e.set_class(A, 1, `absolute top-2 left-2 right-2 h-16 rounded-xl border-4 border-dashed border-primary/40 z-999 pointer-events-none flex items-center justify-center transition-all duration-200 ${a.dragOverSide === "top" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`), e.set_class(G, 1, `absolute bottom-2 left-2 right-2 h-16 rounded-xl border-4 border-dashed border-primary/40 z-999 pointer-events-none flex items-center justify-center transition-all duration-200 ${a.dragOverSide === "bottom" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`), e.set_class(N, 1, `absolute top-2 bottom-2 left-2 w-16 rounded-xl border-4 border-dashed border-primary/40 z-999 pointer-events-none flex items-center justify-center transition-all duration-200 ${a.dragOverSide === "left" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`), e.set_class(O, 1, `absolute top-2 bottom-2 right-2 w-16 rounded-xl border-4 border-dashed border-primary/40 z-999 pointer-events-none flex items-center justify-center transition-all duration-300 ${a.dragOverSide === "right" ? "bg-primary/20 scale-105" : "bg-base-100/50"}`);
           }), e.append(T, f);
         };
         e.if(S, (T) => {
@@ -2903,7 +2903,7 @@ function hi(r, t) {
       t.children && n(j);
     });
   }
-  var A = e.sibling(k, 2);
+  var y = e.sibling(k, 2);
   {
     var I = (n) => {
       var o = oi();
@@ -2930,10 +2930,10 @@ function hi(r, t) {
                   var h = e.comment(), S = e.first_child(h);
                   {
                     var E = (f) => {
-                      var y = di();
-                      e.append(f, y);
+                      var A = di();
+                      e.append(f, A);
                     }, T = (f) => {
-                      var y = e.comment(), G = e.first_child(y);
+                      var A = e.comment(), G = e.first_child(A);
                       {
                         var N = (_) => {
                           var L = fi();
@@ -2950,7 +2950,7 @@ function hi(r, t) {
                           !0
                         );
                       }
-                      e.append(f, y);
+                      e.append(f, A);
                     };
                     e.if(
                       S,
@@ -2992,7 +2992,7 @@ function hi(r, t) {
       }
       e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(y, (n) => {
       e.get(i) === "bold" ? n(I) : n(b, !1);
     });
   }
@@ -3033,7 +3033,7 @@ function yi(r, t) {
       t.children && n(j);
     });
   }
-  var A = e.sibling(k, 2);
+  var y = e.sibling(k, 2);
   {
     var I = (n) => {
       var o = gi();
@@ -3060,10 +3060,10 @@ function yi(r, t) {
                   var h = e.comment(), S = e.first_child(h);
                   {
                     var E = (f) => {
-                      var y = mi();
-                      e.append(f, y);
+                      var A = mi();
+                      e.append(f, A);
                     }, T = (f) => {
-                      var y = e.comment(), G = e.first_child(y);
+                      var A = e.comment(), G = e.first_child(A);
                       {
                         var N = (_) => {
                           var L = bi();
@@ -3080,7 +3080,7 @@ function yi(r, t) {
                           !0
                         );
                       }
-                      e.append(f, y);
+                      e.append(f, A);
                     };
                     e.if(
                       S,
@@ -3122,7 +3122,7 @@ function yi(r, t) {
       }
       e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(y, (n) => {
       e.get(i) === "bold" ? n(I) : n(b, !1);
     });
   }
@@ -3163,7 +3163,7 @@ function Ci(r, t) {
       t.children && n(j);
     });
   }
-  var A = e.sibling(k, 2);
+  var y = e.sibling(k, 2);
   {
     var I = (n) => {
       var o = Ai();
@@ -3190,10 +3190,10 @@ function Ci(r, t) {
                   var h = e.comment(), S = e.first_child(h);
                   {
                     var E = (f) => {
-                      var y = Vi();
-                      e.append(f, y);
+                      var A = Vi();
+                      e.append(f, A);
                     }, T = (f) => {
-                      var y = e.comment(), G = e.first_child(y);
+                      var A = e.comment(), G = e.first_child(A);
                       {
                         var N = (_) => {
                           var L = Hi();
@@ -3210,7 +3210,7 @@ function Ci(r, t) {
                           !0
                         );
                       }
-                      e.append(f, y);
+                      e.append(f, A);
                     };
                     e.if(
                       S,
@@ -3252,7 +3252,7 @@ function Ci(r, t) {
       }
       e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(y, (n) => {
       e.get(i) === "bold" ? n(I) : n(b, !1);
     });
   }
@@ -3293,7 +3293,7 @@ function Ei(r, t) {
       t.children && n(j);
     });
   }
-  var A = e.sibling(k, 2);
+  var y = e.sibling(k, 2);
   {
     var I = (n) => {
       var o = Li();
@@ -3320,10 +3320,10 @@ function Ei(r, t) {
                   var h = e.comment(), S = e.first_child(h);
                   {
                     var E = (f) => {
-                      var y = Pi();
-                      e.append(f, y);
+                      var A = Pi();
+                      e.append(f, A);
                     }, T = (f) => {
-                      var y = e.comment(), G = e.first_child(y);
+                      var A = e.comment(), G = e.first_child(A);
                       {
                         var N = (_) => {
                           var L = Ti();
@@ -3340,7 +3340,7 @@ function Ei(r, t) {
                           !0
                         );
                       }
-                      e.append(f, y);
+                      e.append(f, A);
                     };
                     e.if(
                       S,
@@ -3382,7 +3382,7 @@ function Ei(r, t) {
       }
       e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(y, (n) => {
       e.get(i) === "bold" ? n(I) : n(b, !1);
     });
   }
@@ -3423,7 +3423,7 @@ function xt(r, t) {
       t.children && n(j);
     });
   }
-  var A = e.sibling(k, 2);
+  var y = e.sibling(k, 2);
   {
     var I = (n) => {
       var o = Ri();
@@ -3450,10 +3450,10 @@ function xt(r, t) {
                   var h = e.comment(), S = e.first_child(h);
                   {
                     var E = (f) => {
-                      var y = Oi();
-                      e.append(f, y);
+                      var A = Oi();
+                      e.append(f, A);
                     }, T = (f) => {
-                      var y = e.comment(), G = e.first_child(y);
+                      var A = e.comment(), G = e.first_child(A);
                       {
                         var N = (_) => {
                           var L = Fi();
@@ -3470,7 +3470,7 @@ function xt(r, t) {
                           !0
                         );
                       }
-                      e.append(f, y);
+                      e.append(f, A);
                     };
                     e.if(
                       S,
@@ -3512,7 +3512,7 @@ function xt(r, t) {
       }
       e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(y, (n) => {
       e.get(i) === "bold" ? n(I) : n(b, !1);
     });
   }
@@ -3553,7 +3553,7 @@ function Ki(r, t) {
       t.children && n(j);
     });
   }
-  var A = e.sibling(k, 2);
+  var y = e.sibling(k, 2);
   {
     var I = (n) => {
       var o = qi();
@@ -3580,10 +3580,10 @@ function Ki(r, t) {
                   var h = e.comment(), S = e.first_child(h);
                   {
                     var E = (f) => {
-                      var y = Qi();
-                      e.append(f, y);
+                      var A = Qi();
+                      e.append(f, A);
                     }, T = (f) => {
-                      var y = e.comment(), G = e.first_child(y);
+                      var A = e.comment(), G = e.first_child(A);
                       {
                         var N = (_) => {
                           var L = Wi();
@@ -3600,7 +3600,7 @@ function Ki(r, t) {
                           !0
                         );
                       }
-                      e.append(f, y);
+                      e.append(f, A);
                     };
                     e.if(
                       S,
@@ -3642,7 +3642,7 @@ function Ki(r, t) {
       }
       e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(y, (n) => {
       e.get(i) === "bold" ? n(I) : n(b, !1);
     });
   }
@@ -3683,7 +3683,7 @@ function o0(r, t) {
       t.children && n(j);
     });
   }
-  var A = e.sibling(k, 2);
+  var y = e.sibling(k, 2);
   {
     var I = (n) => {
       var o = $i();
@@ -3710,10 +3710,10 @@ function o0(r, t) {
                   var h = e.comment(), S = e.first_child(h);
                   {
                     var E = (f) => {
-                      var y = r0();
-                      e.append(f, y);
+                      var A = r0();
+                      e.append(f, A);
                     }, T = (f) => {
-                      var y = e.comment(), G = e.first_child(y);
+                      var A = e.comment(), G = e.first_child(A);
                       {
                         var N = (_) => {
                           var L = n0();
@@ -3730,7 +3730,7 @@ function o0(r, t) {
                           !0
                         );
                       }
-                      e.append(f, y);
+                      e.append(f, A);
                     };
                     e.if(
                       S,
@@ -3772,7 +3772,7 @@ function o0(r, t) {
       }
       e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(y, (n) => {
       e.get(i) === "bold" ? n(I) : n(b, !1);
     });
   }
@@ -3841,11 +3841,11 @@ function x0(r, t) {
       },
       [() => /* @__PURE__ */ Rr()]
     ), e.append(H, s);
-  }, u = ce(de), M = e.derived(() => u.config.rightMenu || {}), w = e.derived(() => e.get(M).showSearch !== !1), k = e.derived(() => e.get(M).showGallery !== !1), j = e.derived(() => e.get(M).showFullscreen !== !1), A = e.derived(() => e.get(M).showAnnotations !== !1), I = e.derived(() => e.get(M).showInfo !== !1), b = e.derived(() => [
+  }, u = ce(de), M = e.derived(() => u.config.rightMenu || {}), w = e.derived(() => e.get(M).showSearch !== !1), k = e.derived(() => e.get(M).showGallery !== !1), j = e.derived(() => e.get(M).showFullscreen !== !1), y = e.derived(() => e.get(M).showAnnotations !== !1), I = e.derived(() => e.get(M).showInfo !== !1), b = e.derived(() => [
     e.get(w) ? "search" : null,
     e.get(k) ? "gallery" : null,
     e.get(j) ? "fullscreen" : null,
-    e.get(A) ? "annotations" : null,
+    e.get(y) ? "annotations" : null,
     e.get(I) ? "info" : null
   ].filter((H) => H !== null));
   var n = e.comment(), o = e.first_child(n);
@@ -3894,7 +3894,7 @@ function x0(r, t) {
           ]), e.append(h, S);
         };
         e.if(B, (h) => {
-          e.get(A) && h(R);
+          e.get(y) && h(R);
         });
       }
       var D = e.sibling(B, 2);
@@ -3944,14 +3944,14 @@ function x0(r, t) {
           }
           var f = e.sibling(E, 2);
           {
-            var y = (O) => {
+            var A = (O) => {
               var _ = w0(), L = e.child(_);
               m(L), e.reset(_), e.template_effect((z) => e.set_attribute(_, "data-tip", z), [
                 () => u.showAnnotations ? /* @__PURE__ */ ct() : /* @__PURE__ */ dt()
               ]), e.append(O, _);
             };
             e.if(f, (O) => {
-              e.get(A) && O(y);
+              e.get(y) && O(A);
             });
           }
           var G = e.sibling(f, 2);
@@ -4023,7 +4023,7 @@ function I0(r, t) {
       t.children && n(j);
     });
   }
-  var A = e.sibling(k, 2);
+  var y = e.sibling(k, 2);
   {
     var I = (n) => {
       var o = M0();
@@ -4050,10 +4050,10 @@ function I0(r, t) {
                   var h = e.comment(), S = e.first_child(h);
                   {
                     var E = (f) => {
-                      var y = S0();
-                      e.append(f, y);
+                      var A = S0();
+                      e.append(f, A);
                     }, T = (f) => {
-                      var y = e.comment(), G = e.first_child(y);
+                      var A = e.comment(), G = e.first_child(A);
                       {
                         var N = (_) => {
                           var L = C0();
@@ -4070,7 +4070,7 @@ function I0(r, t) {
                           !0
                         );
                       }
-                      e.append(f, y);
+                      e.append(f, A);
                     };
                     e.if(
                       S,
@@ -4112,7 +4112,7 @@ function I0(r, t) {
       }
       e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(y, (n) => {
       e.get(i) === "bold" ? n(I) : n(b, !1);
     });
   }
@@ -4151,7 +4151,7 @@ function P0(r, t) {
           ]
         ), e.append(g, s);
       }), e.reset(j);
-      var A = e.sibling(j, 2), I = e.child(A);
+      var y = e.sibling(j, 2), I = e.child(y);
       I.__click = m;
       var b = e.child(I);
       {
@@ -4164,9 +4164,9 @@ function P0(r, t) {
           e.get(i) ? g(n) : g(o, !1);
         });
       }
-      e.reset(I), e.reset(A), e.reset(k), e.template_effect(
+      e.reset(I), e.reset(y), e.reset(k), e.template_effect(
         (g, Z) => {
-          e.set_class(j, 1, `flex flex-col-reverse gap-3 mb-3 transition-all duration-300 origin-bottom ${e.get(i) ? "opacity-100 translate-y-0 scale-100" : "opacity-0 translate-y-4 scale-90 pointer-events-none"}`), e.set_attribute(A, "data-tip", g), e.set_class(I, 1, `btn btn-lg btn-secondary btn-circle shadow-xl transition-transform duration-300 ${e.get(i) ? "rotate-90" : ""}`), e.set_attribute(I, "aria-label", Z);
+          e.set_class(j, 1, `flex flex-col-reverse gap-3 mb-3 transition-all duration-300 origin-bottom ${e.get(i) ? "opacity-100 translate-y-0 scale-100" : "opacity-0 translate-y-4 scale-90 pointer-events-none"}`), e.set_attribute(y, "data-tip", g), e.set_class(I, 1, `btn btn-lg btn-secondary btn-circle shadow-xl transition-transform duration-300 ${e.get(i) ? "rotate-90" : ""}`), e.set_attribute(I, "aria-label", Z);
         },
         [() => /* @__PURE__ */ vt(), () => /* @__PURE__ */ vt()]
       ), e.append(w, k);
@@ -4188,13 +4188,13 @@ function D0(r, t) {
     const h = e.get(l).getMetadata();
     return h ? h.map((S) => {
       let E = "", T = "";
-      const f = (y) => {
-        if (typeof y == "string") return y;
-        if (Array.isArray(y)) {
-          let G = y.find((N) => N.locale === d || N.language === d);
-          return G || (G = y.find((N) => N.locale === "en" || N.language === "en")), G || (G = y.find((N) => !N.locale && !N.language)), G || (G = y[0]), G ? G.value : "";
+      const f = (A) => {
+        if (typeof A == "string") return A;
+        if (Array.isArray(A)) {
+          let G = A.find((N) => N.locale === d || N.language === d);
+          return G || (G = A.find((N) => N.locale === "en" || N.language === "en")), G || (G = A.find((N) => !N.locale && !N.language)), G || (G = A[0]), G ? G.value : "";
         }
-        return String(y);
+        return String(A);
       };
       return S.getLabel ? E = f(S.getLabel()) : S.label && (E = f(S.label)), S.getValue ? T = f(S.getValue()) : S.value && (T = f(S.value)), { label: E, value: T };
     }) : [];
@@ -4204,9 +4204,9 @@ function D0(r, t) {
   }), u = e.derived(() => e.get(l) ? e.get(l).getLicense() : "");
   var M = j0(), w = e.child(M), k = e.child(w), j = e.child(k);
   j.__click = () => a.toggleMetadataDialog(), e.reset(k);
-  var A = e.sibling(k, 2), I = e.child(A, !0);
-  e.reset(A);
-  var b = e.sibling(A, 2), n = e.child(b);
+  var y = e.sibling(k, 2), I = e.child(y, !0);
+  e.reset(y);
+  var b = e.sibling(y, 2), n = e.child(b);
   {
     var o = (d) => {
       var h = T0(), S = e.child(h), E = e.child(S);
@@ -4222,7 +4222,7 @@ function D0(r, t) {
       var h = B0(), S = e.first_child(h), E = e.child(S, !0);
       e.reset(S);
       var T = e.sibling(S, 2), f = e.child(T);
-      e.html(f, () => e.get(x)), e.reset(T), e.template_effect((y) => e.set_text(E, y), [() => /* @__PURE__ */ ir()]), e.append(d, h);
+      e.html(f, () => e.get(x)), e.reset(T), e.template_effect((A) => e.set_text(E, A), [() => /* @__PURE__ */ ir()]), e.append(d, h);
     };
     e.if(Z, (d) => {
       e.get(x) && d(H);
@@ -4233,10 +4233,10 @@ function D0(r, t) {
     var c = (d) => {
       var h = E0(), S = e.first_child(h), E = e.child(S, !0);
       e.reset(S);
-      var T = e.sibling(S, 2), f = e.child(T), y = e.child(f, !0);
+      var T = e.sibling(S, 2), f = e.child(T), A = e.child(f, !0);
       e.reset(f), e.reset(T), e.template_effect(
         (G) => {
-          e.set_text(E, G), e.set_attribute(f, "href", e.get(u)), e.set_text(y, e.get(u));
+          e.set_text(E, G), e.set_attribute(f, "href", e.get(u)), e.set_text(A, e.get(u));
         },
         [() => /* @__PURE__ */ lr()]
       ), e.append(d, h);
@@ -4249,8 +4249,8 @@ function D0(r, t) {
   e.each(P, 17, () => e.get(i), e.index, (d, h) => {
     var S = R0(), E = e.first_child(S), T = e.child(E, !0);
     e.reset(E);
-    var f = e.sibling(E, 2), y = e.child(f);
-    e.html(y, () => e.get(h).value), e.reset(f), e.template_effect(() => e.set_text(T, e.get(h).label)), e.append(d, S);
+    var f = e.sibling(E, 2), A = e.child(f);
+    e.html(A, () => e.get(h).value), e.reset(f), e.template_effect(() => e.set_text(T, e.get(h).label)), e.append(d, S);
   }), e.reset(g), e.reset(b);
   var V = e.sibling(b, 2), C = e.child(V), v = e.child(C);
   v.__click = () => a.toggleMetadataDialog();
@@ -4278,13 +4278,13 @@ e.from_svg('<path d="M134,32V64a6,6,0,0,1-12,0V32a6,6,0,0,1,12,0Zm39.25,56.75A6,
 e.from_svg('<path d="M136,32V64a8,8,0,0,1-16,0V32a8,8,0,0,1,16,0Zm37.25,58.75a8,8,0,0,0,5.66-2.35l22.63-22.62a8,8,0,0,0-11.32-11.32L167.6,77.09a8,8,0,0,0,5.65,13.66ZM224,120H192a8,8,0,0,0,0,16h32a8,8,0,0,0,0-16Zm-45.09,47.6a8,8,0,0,0-11.31,11.31l22.62,22.63a8,8,0,0,0,11.32-11.32ZM128,184a8,8,0,0,0-8,8v32a8,8,0,0,0,16,0V192A8,8,0,0,0,128,184ZM77.09,167.6,54.46,190.22a8,8,0,0,0,11.32,11.32L88.4,178.91A8,8,0,0,0,77.09,167.6ZM72,128a8,8,0,0,0-8-8H32a8,8,0,0,0,0,16H64A8,8,0,0,0,72,128ZM65.78,54.46A8,8,0,0,0,54.46,65.78L77.09,88.4A8,8,0,0,0,88.4,77.09Z"></path>');
 e.from_svg('<path d="M132,32V64a4,4,0,0,1-8,0V32a4,4,0,0,1,8,0Zm41.25,54.75a4,4,0,0,0,2.83-1.18L198.71,63a4,4,0,0,0-5.66-5.66L170.43,79.92a4,4,0,0,0,2.82,6.83ZM224,124H192a4,4,0,0,0,0,8h32a4,4,0,0,0,0-8Zm-47.92,46.43a4,4,0,1,0-5.65,5.65l22.62,22.63a4,4,0,0,0,5.66-5.66ZM128,188a4,4,0,0,0-4,4v32a4,4,0,0,0,8,0V192A4,4,0,0,0,128,188ZM79.92,170.43,57.29,193.05A4,4,0,0,0,63,198.71l22.62-22.63a4,4,0,1,0-5.65-5.65ZM68,128a4,4,0,0,0-4-4H32a4,4,0,0,0,0,8H64A4,4,0,0,0,68,128ZM63,57.29A4,4,0,0,0,57.29,63L79.92,85.57a4,4,0,1,0,5.65-5.65Z"></path>');
 e.from_svg('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');
-var G0 = e.from_html('<button class="btn btn-sm btn-circle btn-ghost"><!></button>'), O0 = e.from_html('<span class="loading loading-spinner loading-xs"></span>'), F0 = e.from_html('<div class="flex justify-center p-8"><span class="loading loading-spinner loading-lg text-primary"></span></div>'), N0 = e.from_html('<div class="text-center opacity-50 p-4"> </div>'), q0 = e.from_html('<div class="text-center opacity-50 p-4 text-sm"> </div>'), U0 = e.from_html('<div class="leading-relaxed"><span><!></span> <span class="bg-yellow-200 text-yellow-900 font-bold px-0.5 rounded"><!></span> <span><!></span></div>'), Y0 = e.from_html('<div class="leading-relaxed"> </div>'), X0 = e.from_html('<button class="w-full text-left card bg-base-100 shadow hover:shadow-md transition-all p-4 text-sm group border border-transparent hover:border-primary focus:outline-none focus:ring-2 focus:ring-primary"><div class="flex justify-between items-baseline mb-1"><span class="font-bold text-xs opacity-70 bg-base-200 px-1.5 py-0.5 rounded"> </span></div> <!></button>'), Q0 = e.from_html('<div class="text-xs font-bold opacity-50 uppercase tracking-wider pb-2"> </div> <!>', 1), W0 = e.from_html('<div class="h-full bg-base-200 shadow-2xl z-100 flex flex-col border-l border-base-300 transition-[width] duration-200" role="dialog"><div class="flex items-center justify-between p-4 border-b border-base-300"><h2 class="font-bold text-lg"> </h2> <!></div> <div class="p-4 border-b border-base-300 shrink-0"><div class="relative w-full"><input type="text" class="input input-bordered w-full pr-12"/> <button class="btn btn-primary absolute right-0 top-0 h-full rounded-l-none"><!></button></div></div> <div class="flex-1 overflow-y-auto p-4 space-y-4"><!></div></div>');
+var G0 = e.from_html('<button class="btn btn-sm btn-circle btn-ghost"><!></button>'), O0 = e.from_html('<span class="loading loading-spinner loading-xs"></span>'), F0 = e.from_html('<div class="flex justify-center p-8"><span class="loading loading-spinner loading-lg text-primary"></span></div>'), N0 = e.from_html('<div class="text-center opacity-50 p-4"> </div>'), q0 = e.from_html('<div class="text-center opacity-50 p-4 text-sm"> </div>'), U0 = e.from_html('<div class="leading-relaxed"><span><!></span> <span class="bg-yellow-200 text-yellow-900 font-bold px-0.5 rounded"><!></span> <span><!></span></div>'), Y0 = e.from_html('<div class="leading-relaxed"> </div>'), X0 = e.from_html('<button class="w-full text-left card bg-base-100 shadow hover:shadow-md transition-all p-4 text-sm group border border-transparent hover:border-primary focus:outline-none focus:ring-2 focus:ring-primary"><div class="flex justify-between items-baseline mb-1"><span class="font-bold text-xs opacity-70 bg-base-200 px-1.5 py-0.5 rounded"> </span></div> <!></button>'), Q0 = e.from_html('<div class="text-xs font-bold opacity-50 uppercase tracking-wider pb-2"> </div> <!>', 1), W0 = e.from_html('<div role="dialog"><div class="flex items-center justify-between p-4 border-b border-base-300"><h2 class="font-bold text-lg"> </h2> <!></div> <div class="p-4 border-b border-base-300 shrink-0"><div class="relative w-full"><input type="text" class="input input-bordered w-full pr-12"/> <button class="btn btn-primary absolute right-0 top-0 h-full rounded-l-none"><!></button></div></div> <div class="flex-1 overflow-y-auto p-4 space-y-4"><!></div></div>');
 function J0(r, t) {
   e.push(t, !0);
   const a = ce(de);
   let l = e.state(""), i = e.derived(() => {
-    var A;
-    return ((A = a.config.search) == null ? void 0 : A.showCloseButton) ?? !0;
+    var y;
+    return ((y = a.config.search) == null ? void 0 : y.showCloseButton) ?? !0;
   });
   e.user_effect(() => {
     a.searchQuery !== It(() => e.get(l)) && e.set(l, a.searchQuery, !0);
@@ -4292,20 +4292,20 @@ function J0(r, t) {
   function m() {
     a.search(e.get(l));
   }
-  function x(A) {
-    A.key === "Enter" && m();
+  function x(y) {
+    y.key === "Enter" && m();
   }
-  function u(A) {
-    const I = a.canvases[A.canvasIndex];
+  function u(y) {
+    const I = a.canvases[y.canvasIndex];
     I && a.setCanvas(I.id);
   }
   let M = e.derived(() => {
-    var A;
-    return ((A = a.config.search) == null ? void 0 : A.width) ?? "320px";
+    var y;
+    return ((y = a.config.search) == null ? void 0 : y.width) ?? "320px";
   });
   var w = e.comment(), k = e.first_child(w);
   {
-    var j = (A) => {
+    var j = (y) => {
       var I = W0(), b = e.child(I), n = e.child(b), o = e.child(n, !0);
       e.reset(n);
       var g = e.sibling(n, 2);
@@ -4347,12 +4347,12 @@ function J0(r, t) {
           var h = e.comment(), S = e.first_child(h);
           {
             var E = (f) => {
-              var y = N0(), G = e.child(y, !0);
-              e.reset(y), e.template_effect((N) => e.set_text(G, N), [
+              var A = N0(), G = e.child(A, !0);
+              e.reset(A), e.template_effect((N) => e.set_text(G, N), [
                 () => /* @__PURE__ */ Na({ query: a.searchQuery })
-              ]), e.append(f, y);
+              ]), e.append(f, A);
             }, T = (f) => {
-              var y = e.comment(), G = e.first_child(y);
+              var A = e.comment(), G = e.first_child(A);
               {
                 var N = (_) => {
                   var L = q0(), z = e.child(L, !0);
@@ -4396,7 +4396,7 @@ function J0(r, t) {
                   !0
                 );
               }
-              e.append(f, y);
+              e.append(f, A);
             };
             e.if(
               S,
@@ -4414,7 +4414,7 @@ function J0(r, t) {
       }
       e.reset(p), e.reset(I), e.template_effect(
         (d, h, S, E) => {
-          e.set_style(I, `width: ${e.get(M) ?? ""}`), e.set_attribute(I, "aria-label", d), e.set_text(o, h), e.set_attribute(c, "placeholder", S), e.set_attribute(P, "aria-label", E);
+          e.set_class(I, 1, `h-full bg-base-200 shadow-2xl z-100 flex flex-col transition-[width] duration-200 ${a.config.transparentBackground ? "" : "border-l border-base-300"}`), e.set_style(I, `width: ${e.get(M) ?? ""}`), e.set_attribute(I, "aria-label", d), e.set_text(o, h), e.set_attribute(c, "placeholder", S), e.set_attribute(P, "aria-label", E);
         },
         [
           () => /* @__PURE__ */ it(),
@@ -4422,16 +4422,16 @@ function J0(r, t) {
           () => /* @__PURE__ */ Ga(),
           () => /* @__PURE__ */ it()
         ]
-      ), e.bind_value(c, () => e.get(l), (d) => e.set(l, d)), e.append(A, I);
+      ), e.bind_value(c, () => e.get(l), (d) => e.set(l, d)), e.append(y, I);
     };
-    e.if(k, (A) => {
-      a.showSearchPanel && A(j);
+    e.if(k, (y) => {
+      a.showSearchPanel && y(j);
     });
   }
   e.append(r, w), e.pop();
 }
 e.delegate(["click", "keydown"]);
-var K0 = e.from_html('<div class="h-full w-[200px] pointer-events-auto relative"><!></div>'), $0 = e.from_html('<div class="h-full relative pointer-events-auto"><!></div>'), eo = e.from_html('<div class="flex-none flex flex-row z-20 bg-base-200 border-r border-base-300 transition-all"><!> <!></div>'), to = e.from_html('<div class="flex-none h-[140px] w-full pointer-events-auto relative z-20"><!></div>'), ao = e.from_html('<div class="w-full h-full flex items-center justify-center"><span class="loading loading-spinner loading-lg text-primary"></span></div>'), ro = e.from_html('<div class="w-full h-full flex items-center justify-center text-error"> </div>'), no = e.from_html('<div class="w-full h-full flex items-center justify-center text-base-content/50"> </div>'), io = e.from_html('<div class="absolute inset-0 z-40 pointer-events-none"><!></div>'), oo = e.from_html('<div class="flex-none h-[140px] w-full pointer-events-auto relative z-20"><!></div>'), so = e.from_html('<div class="relative w-full z-40 pointer-events-auto"><!></div>'), lo = e.from_html('<div class="h-full relative pointer-events-auto"><!></div>'), co = e.from_html('<div class="h-full w-[200px] pointer-events-auto relative"><!></div>'), fo = e.from_html('<div class="h-full relative pointer-events-auto"><!></div>'), vo = e.from_html('<div class="flex-none flex flex-row z-20 bg-base-200 border-l border-base-300 transition-all"><!> <!> <!></div>'), ho = e.from_html('<div id="triiiceratops-viewer" class="flex w-full h-full relative bg-base-100 overflow-hidden"><!> <div id="triiiceratops-center-panel" class="flex-1 relative min-w-0 flex flex-col"><!> <div class="flex-1 relative min-h-0 w-full h-full bg-base-100"><!> <!> <!> <!> <!> <!> <!> <!></div> <!> <!></div> <!></div>');
+var K0 = e.from_html('<div class="h-full w-[200px] pointer-events-auto relative"><!></div>'), $0 = e.from_html('<div class="h-full relative pointer-events-auto"><!></div>'), eo = e.from_html("<div><!> <!></div>"), to = e.from_html('<div class="flex-none h-[140px] w-full pointer-events-auto relative z-20"><!></div>'), ao = e.from_html('<div class="w-full h-full flex items-center justify-center"><span class="loading loading-spinner loading-lg text-primary"></span></div>'), ro = e.from_html('<div class="w-full h-full flex items-center justify-center text-error"> </div>'), no = e.from_html('<div class="w-full h-full flex items-center justify-center text-base-content/50"> </div>'), io = e.from_html('<div class="absolute inset-0 z-40 pointer-events-none"><!></div>'), oo = e.from_html('<div class="flex-none h-[140px] w-full pointer-events-auto relative z-20"><!></div>'), so = e.from_html('<div class="relative w-full z-40 pointer-events-auto"><!></div>'), lo = e.from_html('<div class="h-full relative pointer-events-auto"><!></div>'), co = e.from_html('<div class="h-full w-[200px] pointer-events-auto relative"><!></div>'), fo = e.from_html('<div class="h-full relative pointer-events-auto"><!></div>'), vo = e.from_html("<div><!> <!> <!></div>"), ho = e.from_html('<div id="triiiceratops-viewer"><!> <div id="triiiceratops-center-panel" class="flex-1 relative min-w-0 flex flex-col"><!> <div><!> <!> <!> <!> <!> <!> <!> <!></div> <!> <!></div> <!></div>');
 function bo(r, t) {
   e.push(t, !0);
   const a = typeof window < "u";
@@ -4470,14 +4470,14 @@ function bo(r, t) {
       document.removeEventListener("fullscreenchange", z);
     };
   });
-  let k = e.derived(() => u.showThumbnailGallery && u.dockSide === "left" || u.pluginPanels.some((z) => z.position === "left" && z.isVisible())), j = e.derived(() => u.showSearchPanel || u.showThumbnailGallery && u.dockSide === "right" || u.pluginPanels.some((z) => z.position === "right" && z.isVisible())), A = e.derived(() => u.manifest), I = e.derived(() => u.canvases), b = e.derived(() => u.currentCanvasIndex), n = e.derived(() => {
+  let k = e.derived(() => u.showThumbnailGallery && u.dockSide === "left" || u.pluginPanels.some((z) => z.position === "left" && z.isVisible())), j = e.derived(() => u.showSearchPanel || u.showThumbnailGallery && u.dockSide === "right" || u.pluginPanels.some((z) => z.position === "right" && z.isVisible())), y = e.derived(() => u.manifest), I = e.derived(() => u.canvases), b = e.derived(() => u.currentCanvasIndex), n = e.derived(() => {
     var ae, ie;
     if (!e.get(I) || e.get(b) === -1 || !e.get(I)[e.get(b)])
-      return (ae = e.get(A)) != null && ae.isFetching || console.log("TriiiceratopsViewer: No canvas found"), null;
+      return (ae = e.get(y)) != null && ae.isFetching || console.log("TriiiceratopsViewer: No canvas found"), null;
     const z = e.get(I)[e.get(b)];
     let q = z.getImages();
     if ((!q || !q.length) && z.getContent && (q = z.getContent()), !q || !q.length)
-      return z.__jsonld && z.__jsonld.items, (ie = e.get(A)) != null && ie.isFetching || console.log("TriiiceratopsViewer: No images/content in canvas"), null;
+      return z.__jsonld && z.__jsonld.items, (ie = e.get(y)) != null && ie.isFetching || console.log("TriiiceratopsViewer: No images/content in canvas"), null;
     const U = q[0];
     let Y = U.getResource ? U.getResource() : null;
     if (!Y && U.getBody) {
@@ -4546,7 +4546,7 @@ function bo(r, t) {
           });
         }
         e.append(W, ee);
-      }), e.reset(q), e.append(z, q);
+      }), e.reset(q), e.template_effect(() => e.set_class(q, 1, `flex-none flex flex-row z-20 transition-all ${u.config.transparentBackground ? "" : "bg-base-200 border-r border-base-300"}`)), e.append(z, q);
     };
     e.if(g, (z) => {
       e.get(k) && z(Z);
@@ -4578,7 +4578,7 @@ function bo(r, t) {
           var Q = ro(), ee = e.child(Q);
           e.reset(Q), e.template_effect(
             (ae) => e.set_text(ee, `${ae ?? ""}
-                    ${e.get(A).error ?? ""}`),
+                    ${e.get(y).error ?? ""}`),
             [() => /* @__PURE__ */ fn()]
           ), e.append(W, Q);
         }, K = (W) => {
@@ -4614,7 +4614,7 @@ function bo(r, t) {
           U,
           (W) => {
             var Q;
-            (Q = e.get(A)) != null && Q.error ? W(Y) : W(K, !1);
+            (Q = e.get(y)) != null && Q.error ? W(Y) : W(K, !1);
           },
           !0
         );
@@ -4623,7 +4623,7 @@ function bo(r, t) {
     };
     e.if(V, (z) => {
       var q;
-      (q = e.get(A)) != null && q.isFetching ? z(C) : z(v, !1);
+      (q = e.get(y)) != null && q.isFetching ? z(C) : z(v, !1);
     });
   }
   var p = e.sibling(V, 2);
@@ -4679,7 +4679,7 @@ function bo(r, t) {
   }
   var f = e.sibling(E, 2);
   {
-    var y = (z) => {
+    var A = (z) => {
       ve(z, {
         get canvases() {
           return e.get(I);
@@ -4687,7 +4687,7 @@ function bo(r, t) {
       });
     };
     e.if(f, (z) => {
-      u.showThumbnailGallery && u.dockSide === "none" && z(y);
+      u.showThumbnailGallery && u.dockSide === "none" && z(A);
     });
   }
   e.reset(P);
@@ -4763,13 +4763,15 @@ function bo(r, t) {
           });
         }
         e.append(ee, ie);
-      }), e.reset(q), e.append(z, q);
+      }), e.reset(q), e.template_effect(() => e.set_class(q, 1, `flex-none flex flex-row z-20 transition-all ${u.config.transparentBackground ? "" : "bg-base-200 border-l border-base-300"}`)), e.append(z, q);
     };
     e.if(_, (z) => {
       e.get(j) && z(L);
     });
   }
-  e.reset(o), e.bind_this(o, (z) => e.set(x, z), () => e.get(x)), e.append(r, o), e.pop();
+  e.reset(o), e.bind_this(o, (z) => e.set(x, z), () => e.get(x)), e.template_effect(() => {
+    e.set_class(o, 1, `flex w-full h-full relative overflow-hidden ${u.config.transparentBackground ? "" : "bg-base-100"}`), e.set_class(P, 1, `flex-1 relative min-h-0 w-full h-full ${u.config.transparentBackground ? "" : "bg-base-100"}`);
+  }), e.append(r, o), e.pop();
 }
 class wo {
   constructor() {