triiiceratops 0.8.0 → 0.8.2

package/dist/plugins/image-manipulation.js

@@ -1,139 +1,369 @@
-var W = Object.defineProperty;
-var L = (a) => {
-  throw TypeError(a);
+var e0 = Object.defineProperty;
+var N = (r) => {
+  throw TypeError(r);
 };
-var Y = (a, s, t) => s in a ? W(a, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[s] = t;
-var c = (a, s, t) => Y(a, typeof s != "symbol" ? s + "" : s, t), Z = (a, s, t) => s.has(a) || L("Cannot " + t);
-var d = (a, s, t) => (Z(a, s, "read from private field"), t ? t.call(a) : s.get(a)), j = (a, s, t) => s.has(a) ? L("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, t);
+var a0 = (r, a, t) => a in r ? e0(r, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[a] = t;
+var j = (r, a, t) => a0(r, typeof a != "symbol" ? a + "" : a, t), t0 = (r, a, t) => a.has(r) || N("Cannot " + t);
+var D = (r, a, t) => (t0(r, a, "read from private field"), t ? t.call(r) : a.get(r)), J = (r, a, t) => a.has(r) ? N("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(r) : a.set(r, t);
 import * as e from "svelte/internal/client";
-import ee from "phosphor-svelte/lib/Sliders";
-import { B as te, m as se } from "../plugin-DMqSBxJD.js";
 import "svelte/internal/disclose-version";
-import ae from "phosphor-svelte/lib/X";
-import ie from "phosphor-svelte/lib/ArrowCounterClockwise";
-function A(a, s) {
+import { g as $, X as r0, B as s0, m as i0 } from "../plugin-CHYleMsW.js";
+var l0 = e.from_svg('<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>'), n0 = e.from_svg('<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), o0 = e.from_svg('<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>'), v0 = e.from_svg('<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>'), d0 = e.from_svg('<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>'), c0 = e.from_svg('<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>'), g0 = e.from_svg('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');
+function h0(r, a) {
+  e.push(a, !0);
+  const t = $();
+  let v = e.rest_props(a, ["$$slots", "$$events", "$$legacy", "children"]), l = e.derived(() => a.weight ?? t.weight ?? "regular"), M = e.derived(() => a.color ?? t.color ?? "currentColor"), H = e.derived(() => a.size ?? t.size ?? "1em"), C = e.derived(() => a.mirrored ?? t.mirrored ?? !1);
+  function V(s) {
+    let { weight: i, color: h, size: A, mirrored: Z, ...n } = s;
+    return n;
+  }
+  var g = g0();
+  e.attribute_effect(
+    g,
+    (s, i) => ({
+      xmlns: "http://www.w3.org/2000/svg",
+      role: "img",
+      width: e.get(H),
+      height: e.get(H),
+      fill: e.get(M),
+      transform: e.get(C) ? "scale(-1, 1)" : void 0,
+      viewBox: "0 0 256 256",
+      ...s,
+      ...i
+    }),
+    [() => V(t), () => V(v)]
+  );
+  var w = e.child(g);
+  {
+    var B = (s) => {
+      var i = e.comment(), h = e.first_child(i);
+      e.snippet(h, () => a.children), e.append(s, i);
+    };
+    e.if(w, (s) => {
+      a.children && s(B);
+    });
+  }
+  var F = e.sibling(w, 2);
+  {
+    var L = (s) => {
+      var i = l0();
+      e.append(s, i);
+    }, k = (s) => {
+      var i = e.comment(), h = e.first_child(i);
+      {
+        var A = (n) => {
+          var u = n0();
+          e.next(), e.append(n, u);
+        }, Z = (n) => {
+          var u = e.comment(), z = e.first_child(u);
+          {
+            var O = (d) => {
+              var _ = o0();
+              e.append(d, _);
+            }, P = (d) => {
+              var _ = e.comment(), R = e.first_child(_);
+              {
+                var I = (c) => {
+                  var m = v0();
+                  e.append(c, m);
+                }, T = (c) => {
+                  var m = e.comment(), o = e.first_child(m);
+                  {
+                    var b = (p) => {
+                      var x = d0();
+                      e.append(p, x);
+                    }, U = (p) => {
+                      var x = e.comment(), G = e.first_child(x);
+                      {
+                        var X = (f) => {
+                          var y = c0();
+                          e.append(f, y);
+                        }, q = (f) => {
+                          var y = e.text();
+                          y.nodeValue = (console.error('Unsupported icon weight. Choose from "thin", "light", "regular", "bold", "fill", or "duotone".'), ""), e.append(f, y);
+                        };
+                        e.if(
+                          G,
+                          (f) => {
+                            e.get(l) === "thin" ? f(X) : f(q, !1);
+                          },
+                          !0
+                        );
+                      }
+                      e.append(p, x);
+                    };
+                    e.if(
+                      o,
+                      (p) => {
+                        e.get(l) === "regular" ? p(b) : p(U, !1);
+                      },
+                      !0
+                    );
+                  }
+                  e.append(c, m);
+                };
+                e.if(
+                  R,
+                  (c) => {
+                    e.get(l) === "light" ? c(I) : c(T, !1);
+                  },
+                  !0
+                );
+              }
+              e.append(d, _);
+            };
+            e.if(
+              z,
+              (d) => {
+                e.get(l) === "fill" ? d(O) : d(P, !1);
+              },
+              !0
+            );
+          }
+          e.append(n, u);
+        };
+        e.if(
+          h,
+          (n) => {
+            e.get(l) === "duotone" ? n(A) : n(Z, !1);
+          },
+          !0
+        );
+      }
+      e.append(s, i);
+    };
+    e.if(F, (s) => {
+      e.get(l) === "bold" ? s(L) : s(k, !1);
+    });
+  }
+  e.reset(g), e.append(r, g), e.pop();
+}
+function K(r, a) {
   var l;
-  const t = (l = a.drawer) == null ? void 0 : l.canvas;
+  const t = (l = r.drawer) == null ? void 0 : l.canvas;
   if (!t) return;
-  const r = [];
-  s.brightness !== 100 && r.push(`brightness(${s.brightness / 100})`), s.contrast !== 100 && r.push(`contrast(${s.contrast / 100})`), s.saturation !== 100 && r.push(`saturate(${s.saturation / 100})`), s.invert && r.push("invert(1)"), s.grayscale && r.push("grayscale(1)"), t.style.filter = r.length > 0 ? r.join(" ") : "none";
+  const v = [];
+  a.brightness !== 100 && v.push(`brightness(${a.brightness / 100})`), a.contrast !== 100 && v.push(`contrast(${a.contrast / 100})`), a.saturation !== 100 && v.push(`saturate(${a.saturation / 100})`), a.invert && v.push("invert(1)"), a.grayscale && v.push("grayscale(1)"), t.style.filter = v.length > 0 ? v.join(" ") : "none";
 }
-function V(a) {
+function Q(r) {
   var t;
-  const s = (t = a.drawer) == null ? void 0 : t.canvas;
-  s && (s.style.filter = "none");
+  const a = (t = r.drawer) == null ? void 0 : t.canvas;
+  a && (a.style.filter = "none");
 }
-function G(a) {
-  return a.brightness !== 100 || a.contrast !== 100 || a.saturation !== 100 || a.invert || a.grayscale;
+function W(r) {
+  return r.brightness !== 100 || r.contrast !== 100 || r.saturation !== 100 || r.invert || r.grayscale;
 }
-const H = {
+const Y = {
   brightness: 100,
   contrast: 100,
   saturation: 100,
   invert: !1,
   grayscale: !1
 };
-var re = e.from_html('<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 U(a, s) {
-  e.push(s, !0);
-  let t = e.prop(s, "filters", 7), r = e.prop(s, "onFilterChange", 7), l = e.prop(s, "onReset", 7), g = e.prop(s, "onClose", 7);
-  function o(i, n) {
-    r()({ ...t(), [i]: n });
-  }
-  var X = {
-    get filters() {
-      return t();
-    },
-    set filters(i) {
-      t(i), e.flush();
-    },
-    get onFilterChange() {
-      return r();
-    },
-    set onFilterChange(i) {
-      r(i), e.flush();
-    },
-    get onReset() {
-      return l();
-    },
-    set onReset(i) {
-      l(i), e.flush();
-    },
-    get onClose() {
-      return g();
-    },
-    set onClose(i) {
-      g(i), e.flush();
-    }
-  }, h = re(), b = e.child(h), v = e.sibling(e.child(b), 2);
-  v.__click = function(...i) {
-    var n;
-    (n = g()) == null || n.apply(this, i);
+var p0 = e.from_svg('<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>'), f0 = e.from_svg('<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), _0 = e.from_svg('<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>'), u0 = e.from_svg('<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>'), m0 = e.from_svg('<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>'), b0 = e.from_svg('<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>'), V0 = e.from_svg('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');
+function A0(r, a) {
+  e.push(a, !0);
+  const t = $();
+  let v = e.rest_props(a, ["$$slots", "$$events", "$$legacy", "children"]), l = e.derived(() => a.weight ?? t.weight ?? "regular"), M = e.derived(() => a.color ?? t.color ?? "currentColor"), H = e.derived(() => a.size ?? t.size ?? "1em"), C = e.derived(() => a.mirrored ?? t.mirrored ?? !1);
+  function V(s) {
+    let { weight: i, color: h, size: A, mirrored: Z, ...n } = s;
+    return n;
+  }
+  var g = V0();
+  e.attribute_effect(
+    g,
+    (s, i) => ({
+      xmlns: "http://www.w3.org/2000/svg",
+      role: "img",
+      width: e.get(H),
+      height: e.get(H),
+      fill: e.get(M),
+      transform: e.get(C) ? "scale(-1, 1)" : void 0,
+      viewBox: "0 0 256 256",
+      ...s,
+      ...i
+    }),
+    [() => V(t), () => V(v)]
+  );
+  var w = e.child(g);
+  {
+    var B = (s) => {
+      var i = e.comment(), h = e.first_child(i);
+      e.snippet(h, () => a.children), e.append(s, i);
+    };
+    e.if(w, (s) => {
+      a.children && s(B);
+    });
+  }
+  var F = e.sibling(w, 2);
+  {
+    var L = (s) => {
+      var i = p0();
+      e.append(s, i);
+    }, k = (s) => {
+      var i = e.comment(), h = e.first_child(i);
+      {
+        var A = (n) => {
+          var u = f0();
+          e.next(), e.append(n, u);
+        }, Z = (n) => {
+          var u = e.comment(), z = e.first_child(u);
+          {
+            var O = (d) => {
+              var _ = _0();
+              e.append(d, _);
+            }, P = (d) => {
+              var _ = e.comment(), R = e.first_child(_);
+              {
+                var I = (c) => {
+                  var m = u0();
+                  e.append(c, m);
+                }, T = (c) => {
+                  var m = e.comment(), o = e.first_child(m);
+                  {
+                    var b = (p) => {
+                      var x = m0();
+                      e.append(p, x);
+                    }, U = (p) => {
+                      var x = e.comment(), G = e.first_child(x);
+                      {
+                        var X = (f) => {
+                          var y = b0();
+                          e.append(f, y);
+                        }, q = (f) => {
+                          var y = e.text();
+                          y.nodeValue = (console.error('Unsupported icon weight. Choose from "thin", "light", "regular", "bold", "fill", or "duotone".'), ""), e.append(f, y);
+                        };
+                        e.if(
+                          G,
+                          (f) => {
+                            e.get(l) === "thin" ? f(X) : f(q, !1);
+                          },
+                          !0
+                        );
+                      }
+                      e.append(p, x);
+                    };
+                    e.if(
+                      o,
+                      (p) => {
+                        e.get(l) === "regular" ? p(b) : p(U, !1);
+                      },
+                      !0
+                    );
+                  }
+                  e.append(c, m);
+                };
+                e.if(
+                  R,
+                  (c) => {
+                    e.get(l) === "light" ? c(I) : c(T, !1);
+                  },
+                  !0
+                );
+              }
+              e.append(d, _);
+            };
+            e.if(
+              z,
+              (d) => {
+                e.get(l) === "fill" ? d(O) : d(P, !1);
+              },
+              !0
+            );
+          }
+          e.append(n, u);
+        };
+        e.if(
+          h,
+          (n) => {
+            e.get(l) === "duotone" ? n(A) : n(Z, !1);
+          },
+          !0
+        );
+      }
+      e.append(s, i);
+    };
+    e.if(F, (s) => {
+      e.get(l) === "bold" ? s(L) : s(k, !1);
+    });
+  }
+  e.reset(g), e.append(r, g), e.pop();
+}
+var Z0 = e.from_html('<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 x0(r, a) {
+  e.push(a, !0);
+  function t(o, b) {
+    a.onFilterChange({ ...a.filters, [o]: b });
+  }
+  var v = Z0(), l = e.child(v), M = e.sibling(e.child(l), 2);
+  M.__click = function(...o) {
+    var b;
+    (b = a.onClose) == null || b.apply(this, o);
   };
-  var q = e.child(v);
-  ae(q, { size: 20 }), e.reset(v), e.reset(b);
-  var _ = e.sibling(b, 2), f = e.child(_), m = e.child(f), B = e.sibling(e.child(m), 2), J = e.child(B);
-  e.reset(B), e.reset(m);
-  var y = e.sibling(m, 2);
-  e.remove_input_defaults(y), y.__input = (i) => o("brightness", +i.currentTarget.value), e.reset(f);
-  var x = e.sibling(f, 2), C = e.child(x), D = e.sibling(e.child(C), 2), K = e.child(D);
-  e.reset(D), e.reset(C);
-  var F = e.sibling(C, 2);
-  e.remove_input_defaults(F), F.__input = (i) => o("contrast", +i.currentTarget.value), e.reset(x);
-  var k = e.sibling(x, 2), R = e.child(k), M = e.sibling(e.child(R), 2), N = e.child(M);
-  e.reset(M), e.reset(R);
-  var w = e.sibling(R, 2);
-  e.remove_input_defaults(w), w.__input = (i) => o("saturation", +i.currentTarget.value), e.reset(k);
-  var O = e.sibling(k, 4), E = e.child(O), P = e.sibling(e.child(E), 2);
-  e.remove_input_defaults(P), P.__change = (i) => o("invert", i.currentTarget.checked), e.reset(E), e.reset(O);
-  var S = e.sibling(O, 2), $ = e.child(S), T = e.sibling(e.child($), 2);
-  e.remove_input_defaults(T), T.__change = (i) => o("grayscale", i.currentTarget.checked), e.reset($), e.reset(S), e.reset(_);
-  var z = e.sibling(_, 2), I = e.child(z);
-  I.__click = function(...i) {
-    var n;
-    (n = l()) == null || n.apply(this, i);
+  var H = e.child(M);
+  r0(H, { size: 20 }), e.reset(M), e.reset(l);
+  var C = e.sibling(l, 2), V = e.child(C), g = e.child(V), w = e.sibling(e.child(g), 2), B = e.child(w);
+  e.reset(w), e.reset(g);
+  var F = e.sibling(g, 2);
+  e.remove_input_defaults(F), F.__input = (o) => t("brightness", +o.currentTarget.value), e.reset(V);
+  var L = e.sibling(V, 2), k = e.child(L), s = e.sibling(e.child(k), 2), i = e.child(s);
+  e.reset(s), e.reset(k);
+  var h = e.sibling(k, 2);
+  e.remove_input_defaults(h), h.__input = (o) => t("contrast", +o.currentTarget.value), e.reset(L);
+  var A = e.sibling(L, 2), Z = e.child(A), n = e.sibling(e.child(Z), 2), u = e.child(n);
+  e.reset(n), e.reset(Z);
+  var z = e.sibling(Z, 2);
+  e.remove_input_defaults(z), z.__input = (o) => t("saturation", +o.currentTarget.value), e.reset(A);
+  var O = e.sibling(A, 4), P = e.child(O), d = e.sibling(e.child(P), 2);
+  e.remove_input_defaults(d), d.__change = (o) => t("invert", o.currentTarget.checked), e.reset(P), e.reset(O);
+  var _ = e.sibling(O, 2), R = e.child(_), I = e.sibling(e.child(R), 2);
+  e.remove_input_defaults(I), I.__change = (o) => t("grayscale", o.currentTarget.checked), e.reset(R), e.reset(_), e.reset(C);
+  var T = e.sibling(C, 2), c = e.child(T);
+  c.__click = function(...o) {
+    var b;
+    (b = a.onReset) == null || b.apply(this, o);
   };
-  var Q = e.child(I);
-  return ie(Q, { size: 20 }), e.next(), e.reset(I), e.reset(z), e.reset(h), e.template_effect(() => {
-    e.set_text(J, `${t().brightness ?? ""}%`), e.set_value(y, t().brightness), e.set_text(K, `${t().contrast ?? ""}%`), e.set_value(F, t().contrast), e.set_text(N, `${t().saturation ?? ""}%`), e.set_value(w, t().saturation), e.set_checked(P, t().invert), e.set_checked(T, t().grayscale);
-  }), e.append(a, h), e.pop(X);
+  var m = e.child(c);
+  A0(m, { size: 20 }), e.next(), e.reset(c), e.reset(T), e.reset(v), e.template_effect(() => {
+    e.set_text(B, `${a.filters.brightness ?? ""}%`), e.set_value(F, a.filters.brightness), e.set_text(i, `${a.filters.contrast ?? ""}%`), e.set_value(h, a.filters.contrast), e.set_text(u, `${a.filters.saturation ?? ""}%`), e.set_value(z, a.filters.saturation), e.set_checked(d, a.filters.invert), e.set_checked(I, a.filters.grayscale);
+  }), e.append(r, v), e.pop();
 }
 e.delegate(["click", "input", "change"]);
-e.create_custom_element(U, { filters: {}, onFilterChange: {}, onReset: {}, onClose: {} }, [], [], !0);
-var u, p;
-class pe extends te {
+var E, S;
+class H0 extends s0 {
   constructor() {
     super(...arguments);
-    c(this, "id", "image-manipulation");
-    c(this, "name", "Image Manipulation");
-    c(this, "version", "1.0.0");
-    j(
+    j(this, "id", "image-manipulation");
+    j(this, "name", "Image Manipulation");
+    j(this, "version", "1.0.0");
+    J(
       this,
-      u,
+      E,
       // Reactive state using Svelte 5 runes
       e.state(!1)
     );
-    j(this, p, e.state(e.proxy({ ...H })));
-    c(this, "osd", null);
+    J(this, S, e.state(e.proxy({ ...Y })));
+    j(this, "osd", null);
   }
   get _panelOpen() {
-    return e.get(d(this, u));
+    return e.get(D(this, E));
   }
   set _panelOpen(t) {
-    e.set(d(this, u), t, !0);
+    e.set(D(this, E), t, !0);
   }
   get _filters() {
-    return e.get(d(this, p));
+    return e.get(D(this, S));
   }
   set _filters(t) {
-    e.set(d(this, p), t, !0);
+    e.set(D(this, S), t, !0);
   }
   onRegister(t) {
     super.onRegister(t), t.registerMenuButton({
       id: `${this.id}:toggle`,
-      icon: ee,
+      icon: h0,
       get tooltip() {
-        return se.image_adjustments();
+        return i0.image_adjustments();
       },
       onClick: () => this.togglePanel(),
       isActive: () => this._panelOpen,
@@ -141,41 +371,41 @@ class pe extends te {
       order: 50
     }), t.registerPanel({
       id: `${this.id}:panel`,
-      component: U,
+      component: x0,
       position: "left",
       isVisible: () => this._panelOpen,
       props: {
         filters: this._filters,
-        onFilterChange: (r) => this.setFilters(r),
+        onFilterChange: (v) => this.setFilters(v),
         onReset: () => this.resetFilters(),
         onClose: () => this.togglePanel()
       }
     });
   }
   onViewerReady(t) {
-    this.osd = t, G(this._filters) && A(t, this._filters), this.osd.addHandler("open", () => {
-      this.osd && G(this._filters) && A(this.osd, this._filters);
+    this.osd = t, W(this._filters) && K(t, this._filters), this.osd.addHandler("open", () => {
+      this.osd && W(this._filters) && K(this.osd, this._filters);
     });
   }
   onDestroy() {
-    this.osd && V(this.osd), this.osd = null, super.onDestroy();
+    this.osd && Q(this.osd), this.osd = null, super.onDestroy();
   }
   // Public API
   togglePanel() {
     this._panelOpen = !this._panelOpen;
   }
   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 && A(this.osd, 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 && K(this.osd, t);
   }
   resetFilters() {
-    Object.assign(this._filters, H), this.osd && V(this.osd);
+    Object.assign(this._filters, Y), this.osd && Q(this.osd);
   }
   getFilters() {
     return { ...this._filters };
   }
 }
-u = new WeakMap(), p = new WeakMap();
+E = new WeakMap(), S = new WeakMap();
 export {
-  H as DEFAULT_FILTERS,
-  pe as ImageManipulationPlugin
+  Y as DEFAULT_FILTERS,
+  H0 as ImageManipulationPlugin
 };

package/dist/triiiceratops-element-image.js

@@ -5,7 +5,7 @@ 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-CyamQrMe.js";
+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) {
   te(e, !0);

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-CyamQrMe.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-BGtsfUPF.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.8.0",
+  "version": "0.8.2",
   "type": "module",
   "repository": {
     "type": "git",