triiiceratops 0.8.0 → 0.8.1

package/dist/plugins/image-manipulation.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "triiiceratops",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "type": "module",
   "repository": {
     "type": "git",