triiiceratops 0.6.0 → 0.7.0

package/dist/triiiceratops-element-image.js

@@ -1,144 +1,144 @@
-var C0 = Object.defineProperty;
-var h0 = (t) => {
-  throw TypeError(t);
+var Ie = Object.defineProperty;
+var he = (a) => {
+  throw TypeError(a);
 };
-var I0 = (t, e, a) => e in t ? C0(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
-var X = (t, e, a) => I0(t, typeof e != "symbol" ? e + "" : e, a), M0 = (t, e, a) => e.has(t) || h0("Cannot " + a);
-var K = (t, e, a) => (M0(t, e, "read from private field"), a ? a.call(t) : e.get(t)), l0 = (t, e, a) => e.has(t) ? h0("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, a);
-import { p as a0, n as V0, o as A, q as A0, g as i, u as S, e as o, t as V, d as u, r as v, i as s, j as t0, v as w0, w as I, b as x, x as y0, y as d0, z as Z0, A as H0, f as x0, X as k0, B as Q, C as F0, D as o0, E as v0, F as g0, G as u0, H as f0, I as T0, J as L0, c as S0, a as W, h as z0, T as O0, s as P0, k as R0, l as B0, m as Y } from "./chunks/TriiiceratopsViewer-CuHkgof3.js";
-var D0 = A('<path d="M68,102.06V40a12,12,0,0,0-24,0v62.06a36,36,0,0,0,0,67.88V216a12,12,0,0,0,24,0V169.94a36,36,0,0,0,0-67.88ZM56,148a12,12,0,1,1,12-12A12,12,0,0,1,56,148ZM164,88a36.07,36.07,0,0,0-24-33.94V40a12,12,0,0,0-24,0V54.06a36,36,0,0,0,0,67.88V216a12,12,0,0,0,24,0V121.94A36.07,36.07,0,0,0,164,88Zm-36,12a12,12,0,1,1,12-12A12,12,0,0,1,128,100Zm108,68a36.07,36.07,0,0,0-24-33.94V40a12,12,0,0,0-24,0v94.06a36,36,0,0,0,0,67.88V216a12,12,0,0,0,24,0V201.94A36.07,36.07,0,0,0,236,168Zm-36,12a12,12,0,1,1,12-12A12,12,0,0,1,200,180Z"></path>'), E0 = A('<path d="M80,136a24,24,0,1,1-24-24A24,24,0,0,1,80,136Zm48-72a24,24,0,1,0,24,24A24,24,0,0,0,128,64Zm72,80a24,24,0,1,0,24,24A24,24,0,0,0,200,144Z" opacity="0.2"></path><path d="M64,105V40a8,8,0,0,0-16,0v65a32,32,0,0,0,0,62v49a8,8,0,0,0,16,0V167a32,32,0,0,0,0-62Zm-8,47a16,16,0,1,1,16-16A16,16,0,0,1,56,152Zm80-95V40a8,8,0,0,0-16,0V57a32,32,0,0,0,0,62v97a8,8,0,0,0,16,0V119a32,32,0,0,0,0-62Zm-8,47a16,16,0,1,1,16-16A16,16,0,0,1,128,104Zm104,64a32.06,32.06,0,0,0-24-31V40a8,8,0,0,0-16,0v97a32,32,0,0,0,0,62v17a8,8,0,0,0,16,0V199A32.06,32.06,0,0,0,232,168Zm-32,16a16,16,0,1,1,16-16A16,16,0,0,1,200,184Z"></path>', 1), j0 = A('<path d="M84,136a28,28,0,0,1-20,26.83V216a8,8,0,0,1-16,0V162.83a28,28,0,0,1,0-53.66V40a8,8,0,0,1,16,0v69.17A28,28,0,0,1,84,136Zm52-74.83V40a8,8,0,0,0-16,0V61.17a28,28,0,0,0,0,53.66V216a8,8,0,0,0,16,0V114.83a28,28,0,0,0,0-53.66Zm72,80V40a8,8,0,0,0-16,0V141.17a28,28,0,0,0,0,53.66V216a8,8,0,0,0,16,0V194.83a28,28,0,0,0,0-53.66Z"></path>'), U0 = A('<path d="M62,106.6V40a6,6,0,0,0-12,0v66.6a30,30,0,0,0,0,58.8V216a6,6,0,0,0,12,0V165.4a30,30,0,0,0,0-58.8ZM56,154a18,18,0,1,1,18-18A18,18,0,0,1,56,154Zm78-95.4V40a6,6,0,0,0-12,0V58.6a30,30,0,0,0,0,58.8V216a6,6,0,0,0,12,0V117.4a30,30,0,0,0,0-58.8ZM128,106a18,18,0,1,1,18-18A18,18,0,0,1,128,106Zm102,62a30.05,30.05,0,0,0-24-29.4V40a6,6,0,0,0-12,0v98.6a30,30,0,0,0,0,58.8V216a6,6,0,0,0,12,0V197.4A30.05,30.05,0,0,0,230,168Zm-30,18a18,18,0,1,1,18-18A18,18,0,0,1,200,186Z"></path>'), G0 = A('<path d="M64,105V40a8,8,0,0,0-16,0v65a32,32,0,0,0,0,62v49a8,8,0,0,0,16,0V167a32,32,0,0,0,0-62Zm-8,47a16,16,0,1,1,16-16A16,16,0,0,1,56,152Zm80-95V40a8,8,0,0,0-16,0V57a32,32,0,0,0,0,62v97a8,8,0,0,0,16,0V119a32,32,0,0,0,0-62Zm-8,47a16,16,0,1,1,16-16A16,16,0,0,1,128,104Zm104,64a32.06,32.06,0,0,0-24-31V40a8,8,0,0,0-16,0v97a32,32,0,0,0,0,62v17a8,8,0,0,0,16,0V199A32.06,32.06,0,0,0,232,168Zm-32,16a16,16,0,1,1,16-16A16,16,0,0,1,200,184Z"></path>'), J0 = A('<path d="M60,108.29V40a4,4,0,0,0-8,0v68.29a28,28,0,0,0,0,55.42V216a4,4,0,0,0,8,0V163.71a28,28,0,0,0,0-55.42ZM56,156a20,20,0,1,1,20-20A20,20,0,0,1,56,156Zm76-95.71V40a4,4,0,0,0-8,0V60.29a28,28,0,0,0,0,55.42V216a4,4,0,0,0,8,0V115.71a28,28,0,0,0,0-55.42ZM128,108a20,20,0,1,1,20-20A20,20,0,0,1,128,108Zm100,60a28,28,0,0,0-24-27.71V40a4,4,0,0,0-8,0V140.29a28,28,0,0,0,0,55.42V216a4,4,0,0,0,8,0V195.71A28,28,0,0,0,228,168Zm-28,20a20,20,0,1,1,20-20A20,20,0,0,1,200,188Z"></path>'), q0 = A('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');
-function N0(t, e) {
-  a0(e, !0);
-  const a = V0();
-  let c = w0(e, ["$$slots", "$$events", "$$legacy", "children"]), n = S(() => e.weight ?? a.weight ?? "regular"), b = S(() => e.color ?? a.color ?? "currentColor"), _ = S(() => e.size ?? a.size ?? "1em"), z = S(() => e.mirrored ?? a.mirrored ?? !1);
-  function M(r) {
-    let { weight: l, color: w, size: P, mirrored: R, ...h } = r;
-    return h;
+var Ce = (a, e, t) => e in a ? Ie(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
+var K = (a, e, t) => Ce(a, typeof e != "symbol" ? e + "" : e, t), Me = (a, e, t) => e.has(a) || he("Cannot " + t);
+var W = (a, e, t) => (Me(a, e, "read from private field"), t ? t.call(a) : e.get(a)), le = (a, e, t) => e.has(a) ? he("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(a) : e.set(a, t);
+import { p as te, v as Ve, w as Z, x as we, i as v, y as A, e as f, g as i, k as O, r as c, m as s, n as ae, z as S, b as C, A as ye, B as ue, C as Ae, D as Ze, E as Se, f as xe, X as He, F as Y, G as Te, H as oe, I as ve, J as fe, s as de, j as ge, K as ke, L as Fe, c as Le, a as X, u as Oe, h as ze, T as Ee, l as Pe, d as Re, o as Be, q as De, t as Q } from "./chunks/TriiiceratopsViewer-BLPYh18n.js";
+var je = Z('<path d="M68,102.06V40a12,12,0,0,0-24,0v62.06a36,36,0,0,0,0,67.88V216a12,12,0,0,0,24,0V169.94a36,36,0,0,0,0-67.88ZM56,148a12,12,0,1,1,12-12A12,12,0,0,1,56,148ZM164,88a36.07,36.07,0,0,0-24-33.94V40a12,12,0,0,0-24,0V54.06a36,36,0,0,0,0,67.88V216a12,12,0,0,0,24,0V121.94A36.07,36.07,0,0,0,164,88Zm-36,12a12,12,0,1,1,12-12A12,12,0,0,1,128,100Zm108,68a36.07,36.07,0,0,0-24-33.94V40a12,12,0,0,0-24,0v94.06a36,36,0,0,0,0,67.88V216a12,12,0,0,0,24,0V201.94A36.07,36.07,0,0,0,236,168Zm-36,12a12,12,0,1,1,12-12A12,12,0,0,1,200,180Z"></path>'), Je = Z('<path d="M80,136a24,24,0,1,1-24-24A24,24,0,0,1,80,136Zm48-72a24,24,0,1,0,24,24A24,24,0,0,0,128,64Zm72,80a24,24,0,1,0,24,24A24,24,0,0,0,200,144Z" opacity="0.2"></path><path d="M64,105V40a8,8,0,0,0-16,0v65a32,32,0,0,0,0,62v49a8,8,0,0,0,16,0V167a32,32,0,0,0,0-62Zm-8,47a16,16,0,1,1,16-16A16,16,0,0,1,56,152Zm80-95V40a8,8,0,0,0-16,0V57a32,32,0,0,0,0,62v97a8,8,0,0,0,16,0V119a32,32,0,0,0,0-62Zm-8,47a16,16,0,1,1,16-16A16,16,0,0,1,128,104Zm104,64a32.06,32.06,0,0,0-24-31V40a8,8,0,0,0-16,0v97a32,32,0,0,0,0,62v17a8,8,0,0,0,16,0V199A32.06,32.06,0,0,0,232,168Zm-32,16a16,16,0,1,1,16-16A16,16,0,0,1,200,184Z"></path>', 1), Ue = Z('<path d="M84,136a28,28,0,0,1-20,26.83V216a8,8,0,0,1-16,0V162.83a28,28,0,0,1,0-53.66V40a8,8,0,0,1,16,0v69.17A28,28,0,0,1,84,136Zm52-74.83V40a8,8,0,0,0-16,0V61.17a28,28,0,0,0,0,53.66V216a8,8,0,0,0,16,0V114.83a28,28,0,0,0,0-53.66Zm72,80V40a8,8,0,0,0-16,0V141.17a28,28,0,0,0,0,53.66V216a8,8,0,0,0,16,0V194.83a28,28,0,0,0,0-53.66Z"></path>'), Ne = Z('<path d="M62,106.6V40a6,6,0,0,0-12,0v66.6a30,30,0,0,0,0,58.8V216a6,6,0,0,0,12,0V165.4a30,30,0,0,0,0-58.8ZM56,154a18,18,0,1,1,18-18A18,18,0,0,1,56,154Zm78-95.4V40a6,6,0,0,0-12,0V58.6a30,30,0,0,0,0,58.8V216a6,6,0,0,0,12,0V117.4a30,30,0,0,0,0-58.8ZM128,106a18,18,0,1,1,18-18A18,18,0,0,1,128,106Zm102,62a30.05,30.05,0,0,0-24-29.4V40a6,6,0,0,0-12,0v98.6a30,30,0,0,0,0,58.8V216a6,6,0,0,0,12,0V197.4A30.05,30.05,0,0,0,230,168Zm-30,18a18,18,0,1,1,18-18A18,18,0,0,1,200,186Z"></path>'), Ge = Z('<path d="M64,105V40a8,8,0,0,0-16,0v65a32,32,0,0,0,0,62v49a8,8,0,0,0,16,0V167a32,32,0,0,0,0-62Zm-8,47a16,16,0,1,1,16-16A16,16,0,0,1,56,152Zm80-95V40a8,8,0,0,0-16,0V57a32,32,0,0,0,0,62v97a8,8,0,0,0,16,0V119a32,32,0,0,0,0-62Zm-8,47a16,16,0,1,1,16-16A16,16,0,0,1,128,104Zm104,64a32.06,32.06,0,0,0-24-31V40a8,8,0,0,0-16,0v97a32,32,0,0,0,0,62v17a8,8,0,0,0,16,0V199A32.06,32.06,0,0,0,232,168Zm-32,16a16,16,0,1,1,16-16A16,16,0,0,1,200,184Z"></path>'), qe = Z('<path d="M60,108.29V40a4,4,0,0,0-8,0v68.29a28,28,0,0,0,0,55.42V216a4,4,0,0,0,8,0V163.71a28,28,0,0,0,0-55.42ZM56,156a20,20,0,1,1,20-20A20,20,0,0,1,56,156Zm76-95.71V40a4,4,0,0,0-8,0V60.29a28,28,0,0,0,0,55.42V216a4,4,0,0,0,8,0V115.71a28,28,0,0,0,0-55.42ZM128,108a20,20,0,1,1,20-20A20,20,0,0,1,128,108Zm100,60a28,28,0,0,0-24-27.71V40a4,4,0,0,0-8,0V140.29a28,28,0,0,0,0,55.42V216a4,4,0,0,0,8,0V195.71A28,28,0,0,0,228,168Zm-28,20a20,20,0,1,1,20-20A20,20,0,0,1,200,188Z"></path>'), Ke = Z('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');
+function Xe(a, e) {
+  te(e, !0);
+  const t = Ve();
+  let d = Ae(e, ["$$slots", "$$events", "$$legacy", "children"]), o = O(() => e.weight ?? t.weight ?? "regular"), w = O(() => e.color ?? t.color ?? "currentColor"), b = O(() => e.size ?? t.size ?? "1em"), V = O(() => e.mirrored ?? t.mirrored ?? !1);
+  function y(r) {
+    let { weight: l, color: m, size: T, mirrored: n, ...g } = r;
+    return g;
   }
-  var p = q0();
-  A0(
-    p,
+  var h = Ke();
+  we(
+    h,
     (r, l) => ({
       xmlns: "http://www.w3.org/2000/svg",
       role: "img",
-      width: i(_),
-      height: i(_),
-      fill: i(b),
-      transform: i(z) ? "scale(-1, 1)" : void 0,
+      width: i(b),
+      height: i(b),
+      fill: i(w),
+      transform: i(V) ? "scale(-1, 1)" : void 0,
       viewBox: "0 0 256 256",
       ...r,
       ...l
     }),
-    [() => M(a), () => M(c)]
+    [() => y(t), () => y(d)]
   );
-  var H = o(p);
+  var H = v(h);
   {
-    var E = (r) => {
-      var l = I(), w = x(l);
-      y0(w, () => e.children), s(r, l);
+    var D = (r) => {
+      var l = S(), m = C(l);
+      ye(m, () => e.children), s(r, l);
     };
-    V(H, (r) => {
-      e.children && r(E);
+    A(H, (r) => {
+      e.children && r(D);
     });
   }
-  var L = u(H, 2);
+  var z = f(H, 2);
   {
-    var O = (r) => {
-      var l = D0();
+    var E = (r) => {
+      var l = je();
       s(r, l);
-    }, d = (r) => {
-      var l = I(), w = x(l);
+    }, P = (r) => {
+      var l = S(), m = C(l);
       {
-        var P = (h) => {
-          var k = E0();
-          d0(), s(h, k);
-        }, R = (h) => {
-          var k = I(), j = x(k);
+        var T = (g) => {
+          var k = Je();
+          ue(), s(g, k);
+        }, n = (g) => {
+          var k = S(), j = C(k);
           {
-            var U = (f) => {
-              var C = j0();
-              s(f, C);
-            }, J = (f) => {
-              var C = I(), q = x(C);
+            var J = (_) => {
+              var M = Ue();
+              s(_, M);
+            }, N = (_) => {
+              var M = S(), G = C(M);
               {
-                var G = (m) => {
-                  var F = U0();
-                  s(m, F);
-                }, N = (m) => {
-                  var F = I(), g = x(F);
+                var U = (p) => {
+                  var F = Ne();
+                  s(p, F);
+                }, q = (p) => {
+                  var F = S(), u = C(F);
                   {
-                    var T = (y) => {
-                      var B = G0();
-                      s(y, B);
-                    }, r0 = (y) => {
-                      var B = I(), s0 = x(B);
+                    var L = (x) => {
+                      var R = Ge();
+                      s(x, R);
+                    }, re = (x) => {
+                      var R = S(), se = C(R);
                       {
-                        var n0 = (Z) => {
-                          var D = J0();
-                          s(Z, D);
-                        }, i0 = (Z) => {
-                          var D = Z0();
-                          D.nodeValue = (console.error('Unsupported icon weight. Choose from "thin", "light", "regular", "bold", "fill", or "duotone".'), ""), s(Z, D);
+                        var ne = (I) => {
+                          var B = qe();
+                          s(I, B);
+                        }, ie = (I) => {
+                          var B = Ze();
+                          B.nodeValue = (console.error('Unsupported icon weight. Choose from "thin", "light", "regular", "bold", "fill", or "duotone".'), ""), s(I, B);
                         };
-                        V(
-                          s0,
-                          (Z) => {
-                            i(n) === "thin" ? Z(n0) : Z(i0, !1);
+                        A(
+                          se,
+                          (I) => {
+                            i(o) === "thin" ? I(ne) : I(ie, !1);
                           },
                           !0
                         );
                       }
-                      s(y, B);
+                      s(x, R);
                     };
-                    V(
-                      g,
-                      (y) => {
-                        i(n) === "regular" ? y(T) : y(r0, !1);
+                    A(
+                      u,
+                      (x) => {
+                        i(o) === "regular" ? x(L) : x(re, !1);
                       },
                       !0
                     );
                   }
-                  s(m, F);
+                  s(p, F);
                 };
-                V(
-                  q,
-                  (m) => {
-                    i(n) === "light" ? m(G) : m(N, !1);
+                A(
+                  G,
+                  (p) => {
+                    i(o) === "light" ? p(U) : p(q, !1);
                   },
                   !0
                 );
               }
-              s(f, C);
+              s(_, M);
             };
-            V(
+            A(
               j,
-              (f) => {
-                i(n) === "fill" ? f(U) : f(J, !1);
+              (_) => {
+                i(o) === "fill" ? _(J) : _(N, !1);
               },
               !0
             );
           }
-          s(h, k);
+          s(g, k);
         };
-        V(
-          w,
-          (h) => {
-            i(n) === "duotone" ? h(P) : h(R, !1);
+        A(
+          m,
+          (g) => {
+            i(o) === "duotone" ? g(T) : g(n, !1);
           },
           !0
         );
       }
       s(r, l);
     };
-    V(L, (r) => {
-      i(n) === "bold" ? r(O) : r(d, !1);
+    A(z, (r) => {
+      i(o) === "bold" ? r(E) : r(P, !1);
     });
   }
-  v(p), s(t, p), t0();
+  c(h), s(a, h), ae();
 }
-class X0 {
+class Qe {
   constructor() {
-    X(this, "context", null);
+    K(this, "context", null);
   }
   onRegister(e) {
     this.context = e;
@@ -160,349 +160,380 @@ class X0 {
     return ((e = this.context) == null ? void 0 : e.getOSDViewer()) ?? null;
   }
 }
-function c0(t, e) {
-  var n;
-  const a = (n = t.drawer) == null ? void 0 : n.canvas;
-  if (!a) return;
-  const c = [];
-  e.brightness !== 100 && c.push(`brightness(${e.brightness / 100})`), e.contrast !== 100 && c.push(`contrast(${e.contrast / 100})`), e.saturation !== 100 && c.push(`saturate(${e.saturation / 100})`), e.invert && c.push("invert(1)"), e.grayscale && c.push("grayscale(1)"), a.style.filter = c.length > 0 ? c.join(" ") : "none";
+function ce(a, e) {
+  var o;
+  const t = (o = a.drawer) == null ? void 0 : o.canvas;
+  if (!t) return;
+  const d = [];
+  e.brightness !== 100 && d.push(`brightness(${e.brightness / 100})`), e.contrast !== 100 && d.push(`contrast(${e.contrast / 100})`), e.saturation !== 100 && d.push(`saturate(${e.saturation / 100})`), e.invert && d.push("invert(1)"), e.grayscale && d.push("grayscale(1)"), t.style.filter = d.length > 0 ? d.join(" ") : "none";
 }
-function m0(t) {
-  var a;
-  const e = (a = t.drawer) == null ? void 0 : a.canvas;
+function me(a) {
+  var t;
+  const e = (t = a.drawer) == null ? void 0 : t.canvas;
   e && (e.style.filter = "none");
 }
-function _0(t) {
-  return t.brightness !== 100 || t.contrast !== 100 || t.saturation !== 100 || t.invert || t.grayscale;
+function _e(a) {
+  return a.brightness !== 100 || a.contrast !== 100 || a.saturation !== 100 || a.invert || a.grayscale;
 }
-const p0 = {
+const pe = {
   brightness: 100,
   contrast: 100,
   saturation: 100,
   invert: !1,
   grayscale: !1
 };
-var K0 = A('<path d="M228,128a100,100,0,0,1-98.66,100H128a99.39,99.39,0,0,1-68.62-27.29,12,12,0,0,1,16.48-17.45,76,76,0,1,0-1.57-109c-.13.13-.25.25-.39.37L54.89,92H72a12,12,0,0,1,0,24H24a12,12,0,0,1-12-12V56a12,12,0,0,1,24,0V76.72L57.48,57.06A100,100,0,0,1,228,128Z"></path>'), Q0 = A('<path d="M216,128a88,88,0,1,1-88-88A88,88,0,0,1,216,128Z" opacity="0.2"></path><path d="M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L44.59,96H72a8,8,0,0,1,0,16H24a8,8,0,0,1-8-8V56a8,8,0,0,1,16,0V85.8L60.25,60A96,96,0,0,1,224,128Z"></path>', 1), W0 = A('<path d="M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L60.63,81.29l17,17A8,8,0,0,1,72,112H24a8,8,0,0,1-8-8V56A8,8,0,0,1,29.66,50.3L49.31,70,60.25,60A96,96,0,0,1,224,128Z"></path>'), Y0 = A('<path d="M222,128a94,94,0,0,1-92.74,94H128a93.43,93.43,0,0,1-64.5-25.65,6,6,0,1,1,8.24-8.72A82,82,0,1,0,70,70l-.19.19L39.44,98H72a6,6,0,0,1,0,12H24a6,6,0,0,1-6-6V56a6,6,0,0,1,12,0V90.34L61.63,61.4A94,94,0,0,1,222,128Z"></path>'), $0 = A('<path d="M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L44.59,96H72a8,8,0,0,1,0,16H24a8,8,0,0,1-8-8V56a8,8,0,0,1,16,0V85.8L60.25,60A96,96,0,0,1,224,128Z"></path>'), ee = A('<path d="M220,128a92,92,0,0,1-90.77,92H128a91.47,91.47,0,0,1-63.13-25.1,4,4,0,1,1,5.5-5.82A84,84,0,1,0,68.6,68.57l-.13.12L34.3,100H72a4,4,0,0,1,0,8H24a4,4,0,0,1-4-4V56a4,4,0,0,1,8,0V94.89l35-32A92,92,0,0,1,220,128Z"></path>'), ae = A('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');
-function te(t, e) {
-  a0(e, !0);
-  const a = V0();
-  let c = w0(e, ["$$slots", "$$events", "$$legacy", "children"]), n = S(() => e.weight ?? a.weight ?? "regular"), b = S(() => e.color ?? a.color ?? "currentColor"), _ = S(() => e.size ?? a.size ?? "1em"), z = S(() => e.mirrored ?? a.mirrored ?? !1);
-  function M(r) {
-    let { weight: l, color: w, size: P, mirrored: R, ...h } = r;
-    return h;
+var We = Z('<path d="M228,128a100,100,0,0,1-98.66,100H128a99.39,99.39,0,0,1-68.62-27.29,12,12,0,0,1,16.48-17.45,76,76,0,1,0-1.57-109c-.13.13-.25.25-.39.37L54.89,92H72a12,12,0,0,1,0,24H24a12,12,0,0,1-12-12V56a12,12,0,0,1,24,0V76.72L57.48,57.06A100,100,0,0,1,228,128Z"></path>'), Ye = Z('<path d="M216,128a88,88,0,1,1-88-88A88,88,0,0,1,216,128Z" opacity="0.2"></path><path d="M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L44.59,96H72a8,8,0,0,1,0,16H24a8,8,0,0,1-8-8V56a8,8,0,0,1,16,0V85.8L60.25,60A96,96,0,0,1,224,128Z"></path>', 1), $e = Z('<path d="M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L60.63,81.29l17,17A8,8,0,0,1,72,112H24a8,8,0,0,1-8-8V56A8,8,0,0,1,29.66,50.3L49.31,70,60.25,60A96,96,0,0,1,224,128Z"></path>'), e0 = Z('<path d="M222,128a94,94,0,0,1-92.74,94H128a93.43,93.43,0,0,1-64.5-25.65,6,6,0,1,1,8.24-8.72A82,82,0,1,0,70,70l-.19.19L39.44,98H72a6,6,0,0,1,0,12H24a6,6,0,0,1-6-6V56a6,6,0,0,1,12,0V90.34L61.63,61.4A94,94,0,0,1,222,128Z"></path>'), t0 = Z('<path d="M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L44.59,96H72a8,8,0,0,1,0,16H24a8,8,0,0,1-8-8V56a8,8,0,0,1,16,0V85.8L60.25,60A96,96,0,0,1,224,128Z"></path>'), a0 = Z('<path d="M220,128a92,92,0,0,1-90.77,92H128a91.47,91.47,0,0,1-63.13-25.1,4,4,0,1,1,5.5-5.82A84,84,0,1,0,68.6,68.57l-.13.12L34.3,100H72a4,4,0,0,1,0,8H24a4,4,0,0,1-4-4V56a4,4,0,0,1,8,0V94.89l35-32A92,92,0,0,1,220,128Z"></path>'), r0 = Z('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');
+function s0(a, e) {
+  te(e, !0);
+  const t = Ve();
+  let d = Ae(e, ["$$slots", "$$events", "$$legacy", "children"]), o = O(() => e.weight ?? t.weight ?? "regular"), w = O(() => e.color ?? t.color ?? "currentColor"), b = O(() => e.size ?? t.size ?? "1em"), V = O(() => e.mirrored ?? t.mirrored ?? !1);
+  function y(r) {
+    let { weight: l, color: m, size: T, mirrored: n, ...g } = r;
+    return g;
   }
-  var p = ae();
-  A0(
-    p,
+  var h = r0();
+  we(
+    h,
     (r, l) => ({
       xmlns: "http://www.w3.org/2000/svg",
       role: "img",
-      width: i(_),
-      height: i(_),
-      fill: i(b),
-      transform: i(z) ? "scale(-1, 1)" : void 0,
+      width: i(b),
+      height: i(b),
+      fill: i(w),
+      transform: i(V) ? "scale(-1, 1)" : void 0,
       viewBox: "0 0 256 256",
       ...r,
       ...l
     }),
-    [() => M(a), () => M(c)]
+    [() => y(t), () => y(d)]
   );
-  var H = o(p);
+  var H = v(h);
   {
-    var E = (r) => {
-      var l = I(), w = x(l);
-      y0(w, () => e.children), s(r, l);
+    var D = (r) => {
+      var l = S(), m = C(l);
+      ye(m, () => e.children), s(r, l);
     };
-    V(H, (r) => {
-      e.children && r(E);
+    A(H, (r) => {
+      e.children && r(D);
     });
   }
-  var L = u(H, 2);
+  var z = f(H, 2);
   {
-    var O = (r) => {
-      var l = K0();
+    var E = (r) => {
+      var l = We();
       s(r, l);
-    }, d = (r) => {
-      var l = I(), w = x(l);
+    }, P = (r) => {
+      var l = S(), m = C(l);
       {
-        var P = (h) => {
-          var k = Q0();
-          d0(), s(h, k);
-        }, R = (h) => {
-          var k = I(), j = x(k);
+        var T = (g) => {
+          var k = Ye();
+          ue(), s(g, k);
+        }, n = (g) => {
+          var k = S(), j = C(k);
           {
-            var U = (f) => {
-              var C = W0();
-              s(f, C);
-            }, J = (f) => {
-              var C = I(), q = x(C);
+            var J = (_) => {
+              var M = $e();
+              s(_, M);
+            }, N = (_) => {
+              var M = S(), G = C(M);
               {
-                var G = (m) => {
-                  var F = Y0();
-                  s(m, F);
-                }, N = (m) => {
-                  var F = I(), g = x(F);
+                var U = (p) => {
+                  var F = e0();
+                  s(p, F);
+                }, q = (p) => {
+                  var F = S(), u = C(F);
                   {
-                    var T = (y) => {
-                      var B = $0();
-                      s(y, B);
-                    }, r0 = (y) => {
-                      var B = I(), s0 = x(B);
+                    var L = (x) => {
+                      var R = t0();
+                      s(x, R);
+                    }, re = (x) => {
+                      var R = S(), se = C(R);
                       {
-                        var n0 = (Z) => {
-                          var D = ee();
-                          s(Z, D);
-                        }, i0 = (Z) => {
-                          var D = Z0();
-                          D.nodeValue = (console.error('Unsupported icon weight. Choose from "thin", "light", "regular", "bold", "fill", or "duotone".'), ""), s(Z, D);
+                        var ne = (I) => {
+                          var B = a0();
+                          s(I, B);
+                        }, ie = (I) => {
+                          var B = Ze();
+                          B.nodeValue = (console.error('Unsupported icon weight. Choose from "thin", "light", "regular", "bold", "fill", or "duotone".'), ""), s(I, B);
                         };
-                        V(
-                          s0,
-                          (Z) => {
-                            i(n) === "thin" ? Z(n0) : Z(i0, !1);
+                        A(
+                          se,
+                          (I) => {
+                            i(o) === "thin" ? I(ne) : I(ie, !1);
                           },
                           !0
                         );
                       }
-                      s(y, B);
+                      s(x, R);
                     };
-                    V(
-                      g,
-                      (y) => {
-                        i(n) === "regular" ? y(T) : y(r0, !1);
+                    A(
+                      u,
+                      (x) => {
+                        i(o) === "regular" ? x(L) : x(re, !1);
                       },
                       !0
                     );
                   }
-                  s(m, F);
+                  s(p, F);
                 };
-                V(
-                  q,
-                  (m) => {
-                    i(n) === "light" ? m(G) : m(N, !1);
+                A(
+                  G,
+                  (p) => {
+                    i(o) === "light" ? p(U) : p(q, !1);
                   },
                   !0
                 );
               }
-              s(f, C);
+              s(_, M);
             };
-            V(
+            A(
               j,
-              (f) => {
-                i(n) === "fill" ? f(U) : f(J, !1);
+              (_) => {
+                i(o) === "fill" ? _(J) : _(N, !1);
               },
               !0
             );
           }
-          s(h, k);
+          s(g, k);
         };
-        V(
-          w,
-          (h) => {
-            i(n) === "duotone" ? h(P) : h(R, !1);
+        A(
+          m,
+          (g) => {
+            i(o) === "duotone" ? g(T) : g(n, !1);
           },
           !0
         );
       }
       s(r, l);
     };
-    V(L, (r) => {
-      i(n) === "bold" ? r(O) : r(d, !1);
+    A(z, (r) => {
+      i(o) === "bold" ? r(E) : r(P, !1);
     });
   }
-  v(p), s(t, p), t0();
+  c(h), s(a, h), ae();
 }
-var re = x0('<div class="w-72 h-full bg-base-200 border-l border-base-300 shadow-xl flex flex-col"><div class="flex items-center justify-between p-4 border-b border-base-300"><h2 class="text-lg font-semibold">Image Adjustments</h2> <button class="btn btn-sm btn-ghost btn-circle" aria-label="Close panel"><!></button></div> <div class="flex-1 overflow-y-auto p-4 space-y-6"><div class="form-control"><label class="label" for="brightness-slider"><span class="label-text">Brightness</span> <span class="label-text-alt"> </span></label> <input id="brightness-slider" type="range" min="0" max="200" class="range range-sm range-primary"/></div> <div class="form-control"><label class="label" for="contrast-slider"><span class="label-text">Contrast</span> <span class="label-text-alt"> </span></label> <input id="contrast-slider" type="range" min="0" max="200" class="range range-sm range-secondary"/></div> <div class="form-control"><label class="label" for="saturation-slider"><span class="label-text">Saturation</span> <span class="label-text-alt"> </span></label> <input id="saturation-slider" type="range" min="0" max="200" class="range range-sm range-accent"/></div> <div class="divider">Effects</div> <div class="form-control"><label class="label cursor-pointer"><span class="label-text">Invert Colors</span> <input type="checkbox" class="toggle toggle-primary"/></label></div> <div class="form-control"><label class="label cursor-pointer"><span class="label-text">Grayscale</span> <input type="checkbox" class="toggle toggle-secondary"/></label></div></div> <div class="p-4 border-t border-base-300"><button class="btn btn-outline btn-block"><!> Reset to Default</button></div></div>');
-function se(t, e) {
-  a0(e, !0);
-  function a(g, T) {
-    e.onFilterChange({ ...e.filters, [g]: T });
+var n0 = xe('<div class="w-72 h-full bg-base-200 border-l border-base-300 shadow-xl flex flex-col"><div class="flex items-center justify-between p-4 border-b border-base-300"><h2 class="text-lg font-semibold">Image Adjustments</h2> <button class="btn btn-sm btn-ghost btn-circle" aria-label="Close panel"><!></button></div> <div class="flex-1 overflow-y-auto p-4 space-y-6"><div class="form-control"><label class="label" for="brightness-slider"><span class="label-text">Brightness</span> <span class="label-text-alt"> </span></label> <input id="brightness-slider" type="range" min="0" max="200" class="range range-sm range-primary"/></div> <div class="form-control"><label class="label" for="contrast-slider"><span class="label-text">Contrast</span> <span class="label-text-alt"> </span></label> <input id="contrast-slider" type="range" min="0" max="200" class="range range-sm range-secondary"/></div> <div class="form-control"><label class="label" for="saturation-slider"><span class="label-text">Saturation</span> <span class="label-text-alt"> </span></label> <input id="saturation-slider" type="range" min="0" max="200" class="range range-sm range-accent"/></div> <div class="divider">Effects</div> <div class="form-control"><label class="label cursor-pointer"><span class="label-text">Invert Colors</span> <input type="checkbox" class="toggle toggle-primary"/></label></div> <div class="form-control"><label class="label cursor-pointer"><span class="label-text">Grayscale</span> <input type="checkbox" class="toggle toggle-secondary"/></label></div></div> <div class="p-4 border-t border-base-300"><button class="btn btn-outline btn-block"><!> Reset to Default</button></div></div>');
+function i0(a, e) {
+  te(e, !0);
+  function t(u, L) {
+    e.onFilterChange({ ...e.filters, [u]: L });
   }
-  var c = re(), n = o(c), b = u(o(n), 2);
-  b.__click = function(...g) {
-    var T;
-    (T = e.onClose) == null || T.apply(this, g);
+  var d = n0(), o = v(d), w = f(v(o), 2);
+  w.__click = function(...u) {
+    var L;
+    (L = e.onClose) == null || L.apply(this, u);
   };
-  var _ = o(b);
-  k0(_, { size: 20 }), v(b), v(n);
-  var z = u(n, 2), M = o(z), p = o(M), H = u(o(p), 2), E = o(H);
-  v(H), v(p);
-  var L = u(p, 2);
-  Q(L), L.__input = (g) => a("brightness", +g.currentTarget.value), v(M);
-  var O = u(M, 2), d = o(O), r = u(o(d), 2), l = o(r);
-  v(r), v(d);
-  var w = u(d, 2);
-  Q(w), w.__input = (g) => a("contrast", +g.currentTarget.value), v(O);
-  var P = u(O, 2), R = o(P), h = u(o(R), 2), k = o(h);
-  v(h), v(R);
-  var j = u(R, 2);
-  Q(j), j.__input = (g) => a("saturation", +g.currentTarget.value), v(P);
-  var U = u(P, 4), J = o(U), f = u(o(J), 2);
-  Q(f), f.__change = (g) => a("invert", g.currentTarget.checked), v(J), v(U);
-  var C = u(U, 2), q = o(C), G = u(o(q), 2);
-  Q(G), G.__change = (g) => a("grayscale", g.currentTarget.checked), v(q), v(C), v(z);
-  var N = u(z, 2), m = o(N);
-  m.__click = function(...g) {
-    var T;
-    (T = e.onReset) == null || T.apply(this, g);
+  var b = v(w);
+  He(b, { size: 20 }), c(w), c(o);
+  var V = f(o, 2), y = v(V), h = v(y), H = f(v(h), 2), D = v(H);
+  c(H), c(h);
+  var z = f(h, 2);
+  Y(z), z.__input = (u) => t("brightness", +u.currentTarget.value), c(y);
+  var E = f(y, 2), P = v(E), r = f(v(P), 2), l = v(r);
+  c(r), c(P);
+  var m = f(P, 2);
+  Y(m), m.__input = (u) => t("contrast", +u.currentTarget.value), c(E);
+  var T = f(E, 2), n = v(T), g = f(v(n), 2), k = v(g);
+  c(g), c(n);
+  var j = f(n, 2);
+  Y(j), j.__input = (u) => t("saturation", +u.currentTarget.value), c(T);
+  var J = f(T, 4), N = v(J), _ = f(v(N), 2);
+  Y(_), _.__change = (u) => t("invert", u.currentTarget.checked), c(N), c(J);
+  var M = f(J, 2), G = v(M), U = f(v(G), 2);
+  Y(U), U.__change = (u) => t("grayscale", u.currentTarget.checked), c(G), c(M), c(V);
+  var q = f(V, 2), p = v(q);
+  p.__click = function(...u) {
+    var L;
+    (L = e.onReset) == null || L.apply(this, u);
   };
-  var F = o(m);
-  te(F, { size: 20 }), d0(), v(m), v(N), v(c), F0(() => {
-    o0(E, `${e.filters.brightness ?? ""}%`), v0(L, e.filters.brightness), o0(l, `${e.filters.contrast ?? ""}%`), v0(w, e.filters.contrast), o0(k, `${e.filters.saturation ?? ""}%`), v0(j, e.filters.saturation), g0(f, e.filters.invert), g0(G, e.filters.grayscale);
-  }), s(t, c), t0();
+  var F = v(p);
+  s0(F, { size: 20 }), ue(), c(p), c(q), c(d), Te(() => {
+    oe(D, `${e.filters.brightness ?? ""}%`), ve(z, e.filters.brightness), oe(l, `${e.filters.contrast ?? ""}%`), ve(m, e.filters.contrast), oe(k, `${e.filters.saturation ?? ""}%`), ve(j, e.filters.saturation), fe(_, e.filters.invert), fe(U, e.filters.grayscale);
+  }), s(a, d), ae();
 }
-H0(["click", "input", "change"]);
-var $, e0;
-class b0 extends X0 {
+Se(["click", "input", "change"]);
+var $, ee;
+class be extends Qe {
   constructor() {
     super(...arguments);
-    X(this, "id", "image-manipulation");
-    X(this, "name", "Image Manipulation");
-    X(this, "version", "1.0.0");
-    l0(
+    K(this, "id", "image-manipulation");
+    K(this, "name", "Image Manipulation");
+    K(this, "version", "1.0.0");
+    le(
       this,
       $,
       // Reactive state using Svelte 5 runes
-      u0(!1)
+      de(!1)
     );
-    l0(this, e0, u0(T0({ ...p0 })));
-    X(this, "osd", null);
+    le(this, ee, de(ke({ ...pe })));
+    K(this, "osd", null);
   }
   get _panelOpen() {
-    return i(K(this, $));
+    return i(W(this, $));
   }
-  set _panelOpen(a) {
-    f0(K(this, $), a, !0);
+  set _panelOpen(t) {
+    ge(W(this, $), t, !0);
   }
   get _filters() {
-    return i(K(this, e0));
+    return i(W(this, ee));
   }
-  set _filters(a) {
-    f0(K(this, e0), a, !0);
+  set _filters(t) {
+    ge(W(this, ee), t, !0);
   }
-  onRegister(a) {
-    super.onRegister(a), a.registerMenuButton({
+  onRegister(t) {
+    super.onRegister(t), t.registerMenuButton({
       id: `${this.id}:toggle`,
-      icon: N0,
+      icon: Xe,
       get tooltip() {
-        return L0.image_adjustments();
+        return Fe.image_adjustments();
       },
       onClick: () => this.togglePanel(),
       isActive: () => this._panelOpen,
       activeClass: "btn-secondary",
       order: 50
-    }), a.registerPanel({
+    }), t.registerPanel({
       id: `${this.id}:panel`,
-      component: se,
+      component: i0,
       position: "left",
       isVisible: () => this._panelOpen,
       props: {
         filters: this._filters,
-        onFilterChange: (c) => this.setFilters(c),
+        onFilterChange: (d) => this.setFilters(d),
         onReset: () => this.resetFilters(),
         onClose: () => this.togglePanel()
       }
     });
   }
-  onViewerReady(a) {
-    this.osd = a, _0(this._filters) && c0(a, this._filters), this.osd.addHandler("open", () => {
-      this.osd && _0(this._filters) && c0(this.osd, this._filters);
+  onViewerReady(t) {
+    this.osd = t, _e(this._filters) && ce(t, this._filters), this.osd.addHandler("open", () => {
+      this.osd && _e(this._filters) && ce(this.osd, this._filters);
     });
   }
   onDestroy() {
-    this.osd && m0(this.osd), this.osd = null, super.onDestroy();
+    this.osd && me(this.osd), this.osd = null, super.onDestroy();
   }
   // Public API
   togglePanel() {
     this._panelOpen = !this._panelOpen;
   }
-  setFilters(a) {
-    this._filters.brightness = a.brightness, this._filters.contrast = a.contrast, this._filters.saturation = a.saturation, this._filters.invert = a.invert, this._filters.grayscale = a.grayscale, this.osd && c0(this.osd, a);
+  setFilters(t) {
+    this._filters.brightness = t.brightness, this._filters.contrast = t.contrast, this._filters.saturation = t.saturation, this._filters.invert = t.invert, this._filters.grayscale = t.grayscale, this.osd && ce(this.osd, t);
   }
   resetFilters() {
-    Object.assign(this._filters, p0), this.osd && m0(this.osd);
+    Object.assign(this._filters, pe), this.osd && me(this.osd);
   }
   getFilters() {
     return { ...this._filters };
   }
 }
-$ = new WeakMap(), e0 = new WeakMap();
-var ne = x0('<!> <div class="w-full h-full"><!></div>', 1);
-function ie(t, e) {
-  a0(e, !0);
-  let a = W(e, "manifestId", 7, ""), c = W(e, "canvasId", 7, ""), n = W(e, "plugins", 23, () => [new b0()]), b = W(e, "theme", 7, void 0), _ = W(e, "themeConfig", 7, void 0), z = S(() => {
-    if (b()) {
-      if (B0(b())) return b();
-      console.warn(`Invalid theme "${b()}". Using system preference fallback.`);
+$ = new WeakMap(), ee = new WeakMap();
+var l0 = xe('<!> <div class="w-full h-full"><!></div>', 1);
+function o0(a, e) {
+  te(e, !0);
+  let t = X(e, "manifestId", 7, ""), d = X(e, "canvasId", 7, ""), o = X(e, "plugins", 23, () => [new be()]), w = X(e, "theme", 7, void 0), b = X(e, "themeConfig", 7, void 0), V = X(e, "config", 7, void 0), y, h = de(void 0), H = !1;
+  Oe(() => {
+    i(h) && y && !H && (H = !0, i(h).setEventTarget(y));
+  });
+  let D = O(() => {
+    if (w()) {
+      if (De(w())) return w();
+      console.warn(`Invalid theme "${w()}". Using system preference fallback.`);
     }
-  }), M = S(() => {
-    if (_()) {
-      if (typeof _() == "string") {
-        const d = R0(_());
-        return d || console.warn(`Invalid theme-config JSON: "${_()}". Ignoring.`), d ?? void 0;
+  }), z = O(() => {
+    if (b()) {
+      if (typeof b() == "string") {
+        const n = Be(b());
+        return n || console.warn(`Invalid theme-config JSON: "${b()}". Ignoring.`), n ?? void 0;
       }
-      return _();
+      return b();
+    }
+  }), E = O(() => {
+    if (V()) {
+      if (typeof V() == "string")
+        try {
+          return JSON.parse(V());
+        } catch {
+          console.warn(`Invalid config JSON: "${V()}". Ignoring.`);
+          return;
+        }
+      return V();
     }
   });
-  var p = {
+  var P = {
     get manifestId() {
-      return a();
+      return t();
     },
-    set manifestId(d = "") {
-      a(d), Y();
+    set manifestId(n = "") {
+      t(n), Q();
     },
     get canvasId() {
-      return c();
+      return d();
     },
-    set canvasId(d = "") {
-      c(d), Y();
+    set canvasId(n = "") {
+      d(n), Q();
     },
     get plugins() {
-      return n();
+      return o();
     },
-    set plugins(d = [new b0()]) {
-      n(d), Y();
+    set plugins(n = [new be()]) {
+      o(n), Q();
     },
     get theme() {
-      return b();
+      return w();
     },
-    set theme(d = void 0) {
-      b(d), Y();
+    set theme(n = void 0) {
+      w(n), Q();
     },
     get themeConfig() {
-      return _();
+      return b();
+    },
+    set themeConfig(n = void 0) {
+      b(n), Q();
     },
-    set themeConfig(d = void 0) {
-      _(d), Y();
+    get config() {
+      return V();
+    },
+    set config(n = void 0) {
+      V(n), Q();
     }
-  }, H = ne(), E = x(H);
-  z0(E, () => `<style>${P0}</style>`);
-  var L = u(E, 2), O = o(L);
-  return O0(O, {
+  }, r = l0(), l = C(r);
+  ze(l, () => `<style>${Re}</style>`);
+  var m = f(l, 2), T = v(m);
+  return Ee(T, {
     get manifestId() {
-      return a();
+      return t();
     },
     get canvasId() {
-      return c();
+      return d();
     },
     get plugins() {
-      return n();
+      return o();
     },
     get theme() {
-      return i(z);
+      return i(D);
     },
     get themeConfig() {
-      return i(M);
+      return i(z);
+    },
+    get config() {
+      return i(E);
+    },
+    get viewerState() {
+      return i(h);
+    },
+    set viewerState(n) {
+      ge(h, n, !0);
     }
-  }), v(L), s(t, H), t0(p);
+  }), c(m), Pe(m, (n) => y = n, () => y), s(a, r), ae(P);
 }
-customElements.define("triiiceratops-viewer-image", S0(
-  ie,
+customElements.define("triiiceratops-viewer-image", Le(
+  o0,
   {
     manifestId: { attribute: "manifest-id", reflect: !0, type: "String" },
     canvasId: { attribute: "canvas-id", reflect: !0, type: "String" },
     theme: { attribute: "theme", reflect: !0, type: "String" },
     themeConfig: { attribute: "theme-config", type: "String" },
+    config: { attribute: "config", type: "String" },
     plugins: {}
   },
   [],