triiiceratops 0.9.6 → 0.9.8

package/dist/triiiceratops-element-image.js

@@ -5,17 +5,30 @@ var he = (a) => {
 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-BGtsfUPF.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) {
+import { v as Se, p as te, w as Ve, x as Z, y as we, i as v, z as y, e as f, g as i, k as O, r as c, m as s, n as ae, A as S, b as C, B as Ae, C as ue, D as ye, E as Ze, F as He, f as xe, X as Te, G as Y, H as Le, I as oe, J as ve, K as fe, s as de, j as ge, L as ke, c as Fe, a as X, u as Oe, h as ze, T as je, l as Ee, d as Be, o as Pe, q as Re, t as Q } from "./chunks/TriiiceratopsViewer-C5AKP6W4.js";
+const De = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Image Adjustments"
+  )
+), Je = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Bildanpassungen"
+  )
+), Ue = /* @__NO_SIDE_EFFECTS__ */ (a = {}, e = {}) => (e.locale ?? Se()) === "en" ? De() : Je();
+var Ne = 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>'), Ge = 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), qe = 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>'), Ke = 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>'), Xe = 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>'), We = Z('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');
+function Ye(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 d = ye(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 A(r) {
     let { weight: l, color: m, size: T, mirrored: n, ...g } = r;
     return g;
   }
-  var h = Ke();
+  var h = We();
   we(
     h,
     (r, l) => ({
@@ -29,58 +42,58 @@ function Xe(a, e) {
       ...r,
       ...l
     }),
-    [() => y(t), () => y(d)]
+    [() => A(t), () => A(d)]
   );
   var H = v(h);
   {
-    var D = (r) => {
+    var R = (r) => {
       var l = S(), m = C(l);
-      ye(m, () => e.children), s(r, l);
+      Ae(m, () => e.children), s(r, l);
     };
-    A(H, (r) => {
-      e.children && r(D);
+    y(H, (r) => {
+      e.children && r(R);
     });
   }
   var z = f(H, 2);
   {
-    var E = (r) => {
-      var l = je();
+    var j = (r) => {
+      var l = Ne();
       s(r, l);
-    }, P = (r) => {
+    }, E = (r) => {
       var l = S(), m = C(l);
       {
         var T = (g) => {
-          var k = Je();
-          ue(), s(g, k);
+          var L = Ge();
+          ue(), s(g, L);
         }, n = (g) => {
-          var k = S(), j = C(k);
+          var L = S(), D = C(L);
           {
             var J = (_) => {
-              var M = Ue();
+              var M = qe();
               s(_, M);
             }, N = (_) => {
               var M = S(), G = C(M);
               {
                 var U = (p) => {
-                  var F = Ne();
-                  s(p, F);
+                  var k = Ke();
+                  s(p, k);
                 }, q = (p) => {
-                  var F = S(), u = C(F);
+                  var k = S(), u = C(k);
                   {
-                    var L = (x) => {
-                      var R = Ge();
-                      s(x, R);
+                    var F = (x) => {
+                      var B = Xe();
+                      s(x, B);
                     }, re = (x) => {
-                      var R = S(), se = C(R);
+                      var B = S(), se = C(B);
                       {
                         var ne = (I) => {
-                          var B = qe();
-                          s(I, B);
+                          var P = Qe();
+                          s(I, P);
                         }, ie = (I) => {
-                          var B = Ze();
-                          B.nodeValue = (console.error('Unsupported icon weight. Choose from "thin", "light", "regular", "bold", "fill", or "duotone".'), ""), s(I, B);
+                          var P = Ze();
+                          P.nodeValue = (console.error('Unsupported icon weight. Choose from "thin", "light", "regular", "bold", "fill", or "duotone".'), ""), s(I, P);
                         };
-                        A(
+                        y(
                           se,
                           (I) => {
                             i(o) === "thin" ? I(ne) : I(ie, !1);
@@ -88,19 +101,19 @@ function Xe(a, e) {
                           !0
                         );
                       }
-                      s(x, R);
+                      s(x, B);
                     };
-                    A(
+                    y(
                       u,
                       (x) => {
-                        i(o) === "regular" ? x(L) : x(re, !1);
+                        i(o) === "regular" ? x(F) : x(re, !1);
                       },
                       !0
                     );
                   }
-                  s(p, F);
+                  s(p, k);
                 };
-                A(
+                y(
                   G,
                   (p) => {
                     i(o) === "light" ? p(U) : p(q, !1);
@@ -110,17 +123,17 @@ function Xe(a, e) {
               }
               s(_, M);
             };
-            A(
-              j,
+            y(
+              D,
               (_) => {
                 i(o) === "fill" ? _(J) : _(N, !1);
               },
               !0
             );
           }
-          s(g, k);
+          s(g, L);
         };
-        A(
+        y(
           m,
           (g) => {
             i(o) === "duotone" ? g(T) : g(n, !1);
@@ -130,13 +143,13 @@ function Xe(a, e) {
       }
       s(r, l);
     };
-    A(z, (r) => {
-      i(o) === "bold" ? r(E) : r(P, !1);
+    y(z, (r) => {
+      i(o) === "bold" ? r(j) : r(E, !1);
     });
   }
   c(h), s(a, h), ae();
 }
-class Qe {
+class $e {
   constructor() {
     K(this, "context", null);
   }
@@ -182,16 +195,16 @@ const pe = {
   invert: !1,
   grayscale: !1
 };
-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) {
+var et = 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>'), tt = 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), at = 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>'), rt = 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>'), st = 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>'), nt = 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>'), it = Z('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');
+function lt(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 d = ye(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 A(r) {
     let { weight: l, color: m, size: T, mirrored: n, ...g } = r;
     return g;
   }
-  var h = r0();
+  var h = it();
   we(
     h,
     (r, l) => ({
@@ -205,58 +218,58 @@ function s0(a, e) {
       ...r,
       ...l
     }),
-    [() => y(t), () => y(d)]
+    [() => A(t), () => A(d)]
   );
   var H = v(h);
   {
-    var D = (r) => {
+    var R = (r) => {
       var l = S(), m = C(l);
-      ye(m, () => e.children), s(r, l);
+      Ae(m, () => e.children), s(r, l);
     };
-    A(H, (r) => {
-      e.children && r(D);
+    y(H, (r) => {
+      e.children && r(R);
     });
   }
   var z = f(H, 2);
   {
-    var E = (r) => {
-      var l = We();
+    var j = (r) => {
+      var l = et();
       s(r, l);
-    }, P = (r) => {
+    }, E = (r) => {
       var l = S(), m = C(l);
       {
         var T = (g) => {
-          var k = Ye();
-          ue(), s(g, k);
+          var L = tt();
+          ue(), s(g, L);
         }, n = (g) => {
-          var k = S(), j = C(k);
+          var L = S(), D = C(L);
           {
             var J = (_) => {
-              var M = $e();
+              var M = at();
               s(_, M);
             }, N = (_) => {
               var M = S(), G = C(M);
               {
                 var U = (p) => {
-                  var F = e0();
-                  s(p, F);
+                  var k = rt();
+                  s(p, k);
                 }, q = (p) => {
-                  var F = S(), u = C(F);
+                  var k = S(), u = C(k);
                   {
-                    var L = (x) => {
-                      var R = t0();
-                      s(x, R);
+                    var F = (x) => {
+                      var B = st();
+                      s(x, B);
                     }, re = (x) => {
-                      var R = S(), se = C(R);
+                      var B = S(), se = C(B);
                       {
                         var ne = (I) => {
-                          var B = a0();
-                          s(I, B);
+                          var P = nt();
+                          s(I, P);
                         }, ie = (I) => {
-                          var B = Ze();
-                          B.nodeValue = (console.error('Unsupported icon weight. Choose from "thin", "light", "regular", "bold", "fill", or "duotone".'), ""), s(I, B);
+                          var P = Ze();
+                          P.nodeValue = (console.error('Unsupported icon weight. Choose from "thin", "light", "regular", "bold", "fill", or "duotone".'), ""), s(I, P);
                         };
-                        A(
+                        y(
                           se,
                           (I) => {
                             i(o) === "thin" ? I(ne) : I(ie, !1);
@@ -264,19 +277,19 @@ function s0(a, e) {
                           !0
                         );
                       }
-                      s(x, R);
+                      s(x, B);
                     };
-                    A(
+                    y(
                       u,
                       (x) => {
-                        i(o) === "regular" ? x(L) : x(re, !1);
+                        i(o) === "regular" ? x(F) : x(re, !1);
                       },
                       !0
                     );
                   }
-                  s(p, F);
+                  s(p, k);
                 };
-                A(
+                y(
                   G,
                   (p) => {
                     i(o) === "light" ? p(U) : p(q, !1);
@@ -286,17 +299,17 @@ function s0(a, e) {
               }
               s(_, M);
             };
-            A(
-              j,
+            y(
+              D,
               (_) => {
                 i(o) === "fill" ? _(J) : _(N, !1);
               },
               !0
             );
           }
-          s(g, k);
+          s(g, L);
         };
-        A(
+        y(
           m,
           (g) => {
             i(o) === "duotone" ? g(T) : g(n, !1);
@@ -306,54 +319,54 @@ function s0(a, e) {
       }
       s(r, l);
     };
-    A(z, (r) => {
-      i(o) === "bold" ? r(E) : r(P, !1);
+    y(z, (r) => {
+      i(o) === "bold" ? r(j) : r(E, !1);
     });
   }
   c(h), s(a, h), ae();
 }
-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) {
+var ot = 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 vt(a, e) {
   te(e, !0);
-  function t(u, L) {
-    e.onFilterChange({ ...e.filters, [u]: L });
+  function t(u, F) {
+    e.onFilterChange({ ...e.filters, [u]: F });
   }
-  var d = n0(), o = v(d), w = f(v(o), 2);
+  var d = ot(), o = v(d), w = f(v(o), 2);
   w.__click = function(...u) {
-    var L;
-    (L = e.onClose) == null || L.apply(this, u);
+    var F;
+    (F = e.onClose) == null || F.apply(this, u);
   };
   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);
+  Te(b, { size: 20 }), c(w), c(o);
+  var V = f(o, 2), A = v(V), h = v(A), H = f(v(h), 2), R = 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);
+  Y(z), z.__input = (u) => t("brightness", +u.currentTarget.value), c(A);
+  var j = f(A, 2), E = v(j), r = f(v(E), 2), l = v(r);
+  c(r), c(E);
+  var m = f(E, 2);
+  Y(m), m.__input = (u) => t("contrast", +u.currentTarget.value), c(j);
+  var T = f(j, 2), n = v(T), g = f(v(n), 2), L = v(g);
   c(g), c(n);
-  var j = f(n, 2);
-  Y(j), j.__input = (u) => t("saturation", +u.currentTarget.value), c(T);
+  var D = f(n, 2);
+  Y(D), D.__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;
+    (F = e.onReset) == null || F.apply(this, u);
   };
-  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);
+  var k = v(p);
+  lt(k, { size: 20 }), ue(), c(p), c(q), c(d), Le(() => {
+    oe(R, `${e.filters.brightness ?? ""}%`), ve(z, e.filters.brightness), oe(l, `${e.filters.contrast ?? ""}%`), ve(m, e.filters.contrast), oe(L, `${e.filters.saturation ?? ""}%`), ve(D, e.filters.saturation), fe(_, e.filters.invert), fe(U, e.filters.grayscale);
   }), s(a, d), ae();
 }
-Se(["click", "input", "change"]);
+He(["click", "input", "change"]);
 var $, ee;
-class be extends Qe {
+class be extends $e {
   constructor() {
     super(...arguments);
     K(this, "id", "image-manipulation");
@@ -383,9 +396,9 @@ class be extends Qe {
   onRegister(t) {
     super.onRegister(t), t.registerMenuButton({
       id: `${this.id}:toggle`,
-      icon: Xe,
+      icon: Ye,
       get tooltip() {
-        return Fe.image_adjustments();
+        return /* @__PURE__ */ Ue();
       },
       onClick: () => this.togglePanel(),
       isActive: () => this._panelOpen,
@@ -393,7 +406,7 @@ class be extends Qe {
       order: 50
     }), t.registerPanel({
       id: `${this.id}:panel`,
-      component: i0,
+      component: vt,
       position: "left",
       isVisible: () => this._panelOpen,
       props: {
@@ -427,27 +440,27 @@ class be extends Qe {
   }
 }
 $ = new WeakMap(), ee = new WeakMap();
-var l0 = xe('<!> <div class="w-full h-full"><!></div>', 1);
-function o0(a, e) {
+var ct = xe('<!> <div class="w-full h-full"><!></div>', 1);
+function dt(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;
+  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), A, h = de(void 0), H = !1;
   Oe(() => {
-    i(h) && y && !H && (H = !0, i(h).setEventTarget(y));
+    i(h) && A && !H && (H = !0, i(h).setEventTarget(A));
   });
-  let D = O(() => {
+  let R = O(() => {
     if (w()) {
-      if (De(w())) return w();
+      if (Re(w())) return w();
       console.warn(`Invalid theme "${w()}". Using system preference fallback.`);
     }
   }), z = O(() => {
     if (b()) {
       if (typeof b() == "string") {
-        const n = Be(b());
+        const n = Pe(b());
         return n || console.warn(`Invalid theme-config JSON: "${b()}". Ignoring.`), n ?? void 0;
       }
       return b();
     }
-  }), E = O(() => {
+  }), j = O(() => {
     if (V()) {
       if (typeof V() == "string")
         try {
@@ -459,7 +472,7 @@ function o0(a, e) {
       return V();
     }
   });
-  var P = {
+  var E = {
     get manifestId() {
       return t();
     },
@@ -496,10 +509,10 @@ function o0(a, e) {
     set config(n = void 0) {
       V(n), Q();
     }
-  }, r = l0(), l = C(r);
-  ze(l, () => `<style>${Re}</style>`);
+  }, r = ct(), l = C(r);
+  ze(l, () => `<style>${Be}</style>`);
   var m = f(l, 2), T = v(m);
-  return Ee(T, {
+  return je(T, {
     get manifestId() {
       return t();
     },
@@ -510,13 +523,13 @@ function o0(a, e) {
       return o();
     },
     get theme() {
-      return i(D);
+      return i(R);
     },
     get themeConfig() {
       return i(z);
     },
     get config() {
-      return i(E);
+      return i(j);
     },
     get viewerState() {
       return i(h);
@@ -524,10 +537,10 @@ function o0(a, e) {
     set viewerState(n) {
       ge(h, n, !0);
     }
-  }), c(m), Pe(m, (n) => y = n, () => y), s(a, r), ae(P);
+  }), c(m), Ee(m, (n) => A = n, () => A), s(a, r), ae(E);
 }
-customElements.define("triiiceratops-viewer-image", Le(
-  o0,
+customElements.define("triiiceratops-viewer-image", Fe(
+  dt,
   {
     manifestId: { attribute: "manifest-id", reflect: !0, type: "String" },
     canvasId: { attribute: "canvas-id", reflect: !0, type: "String" },

package/dist/triiiceratops-element.js

@@ -1,4 +1,4 @@
-import { c as b, p as _, a, u as E, g as s, s as J, f as N, b as O, h as V, d as j, e as k, i as q, T as x, j as B, k as c, r as U, l as z, m as A, n as D, o as F, q as G, t as u } from "./chunks/TriiiceratopsViewer-BGtsfUPF.js";
+import { c as b, p as _, a, u as E, g as s, s as J, f as N, b as O, h as V, d as j, e as k, i as q, T as x, j as B, k as c, r as U, l as z, m as A, n as D, o as F, q as G, t as u } from "./chunks/TriiiceratopsViewer-C5AKP6W4.js";
 var H = N('<!> <div class="w-full h-full"><!></div>', 1);
 function K(I, t) {
   _(t, !0);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "triiiceratops",
-  "version": "0.9.6",
+  "version": "0.9.8",
   "type": "module",
   "repository": {
     "type": "git",
@@ -49,8 +49,7 @@
   },
   "devDependencies": {
     "@changesets/cli": "^2.29.8",
-    "@inlang/paraglide-js": "^2.5.0",
-    "@inlang/paraglide-vite": "^1.4.0",
+    "@inlang/paraglide-js": "^2.7.0",
     "@playwright/test": "^1.57.0",
     "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "^6.2.1",
@@ -79,7 +78,7 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "build:lib": "paraglide-js compile --project ./project.inlang --outdir ./src/lib/paraglide && svelte-package --tsconfig ./tsconfig.app.json && cp -r src/lib/paraglide dist/ && rm -f dist/paraglide/.gitignore dist/paraglide/.prettierignore && vite build --config vite.config.lib.ts",
+    "build:lib": "paraglide-js compile --project ./project.inlang --outdir ./src/lib/paraglide && svelte-package --tsconfig ./tsconfig.app.json && rm -f dist/paraglide/.gitignore dist/paraglide/.prettierignore && vite build --config vite.config.lib.ts",
     "build:element": "vite build --config vite.config.element.ts",
     "build:demo": "vite build --config vite.config.demo.ts",
     "build:consumer": "vite build --config vite.config.demo-consumer.ts",