@codingfactory/mediables-vue 2.4.8 → 2.4.10

package/dist/{editor-Cw08D0SQ.js → editor-B9JJoibh.js}

@@ -1,10 +1,10 @@
-var _e = Object.defineProperty;
-var xe = (s, e, t) => e in s ? _e(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var j = (s, e, t) => xe(s, typeof e != "symbol" ? e + "" : e, t);
+var xe = Object.defineProperty;
+var Ce = (s, e, t) => e in s ? xe(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var j = (s, e, t) => Ce(s, typeof e != "symbol" ? e + "" : e, t);
 import * as b from "pixi-filters";
 import * as S from "pixi.js";
-import { GlProgram as Ce } from "pixi.js";
-class B {
+import { GlProgram as we } from "pixi.js";
+class O {
   constructor() {
     this._events = /* @__PURE__ */ new Map();
   }
@@ -34,7 +34,7 @@ class B {
     e ? this._events.delete(e) : this._events.clear();
   }
 }
-class we extends B {
+class Se extends O {
   constructor() {
     super(), this._state = {
       // Image state
@@ -189,10 +189,10 @@ class we extends B {
       this.set("isDarkMode", this._state.theme === "dark");
   }
 }
-function Se() {
-  return new we();
+function ve() {
+  return new Se();
 }
-class ve extends B {
+class ke extends O {
   constructor() {
     super(), this.app = null, this.sprite = null, this.originalTexture = null, this.baseTexture = null, this.fitScale = 1, this.zoom = 1, this._container = null, this._mountPromise = null;
   }
@@ -346,8 +346,8 @@ class ve extends B {
       else if (typeof _.getContext == "function") {
         const C = document.createElement("canvas");
         C.width = _.width, C.height = _.height;
-        const O = C.getContext("2d");
-        O && (O.drawImage(_, 0, 0), v = C.toDataURL(`image/${e}`, t));
+        const M = C.getContext("2d");
+        M && (M.drawImage(_, 0, 0), v = C.toDataURL(`image/${e}`, t));
       }
       return v || null;
     } catch {
@@ -431,7 +431,7 @@ class ve extends B {
     this.sprite = null, this.originalTexture = null, this.baseTexture = null, this._container = null, this.removeAllListeners();
   }
 }
-const ke = {
+const Pe = {
   adjust: ["adjust", "advanced"],
   // adjustment, adjustmentAdvanced, alpha, colorMatrix
   blur: ["blur"],
@@ -447,7 +447,7 @@ const ke = {
   stylize: ["stylize"]
   // ascii, crt, crossHatch, dot, emboss
 };
-class Pe extends B {
+class Me extends O {
   constructor(e, t) {
     super(), this.state = e, this.renderer = t, this.instances = {}, this._filterRegistry = null;
   }
@@ -482,7 +482,7 @@ class Pe extends B {
    */
   getFiltersByCategory(e) {
     if (!this._filterRegistry) return [];
-    const t = ke[e] || [e], i = [], r = /* @__PURE__ */ new Set();
+    const t = Pe[e] || [e], i = [], r = /* @__PURE__ */ new Set();
     for (const a of t) {
       const o = this._filterRegistry.getFiltersByCategory(a) || [];
       for (const n of o)
@@ -624,7 +624,7 @@ class Pe extends B {
     return this.instances[e] || null;
   }
 }
-const T = class T extends B {
+const I = class I extends O {
   constructor(e, t) {
     super(), this.state = e, this.renderer = t, this._overlayCanvas = null, this._isDragging = !1, this._dragStart = null, this._dragMode = null, this._startRect = null, this._hoverMode = null, this._lastAutoZoomCheck = 0, this.HANDLE_SIZE = 14, this.EDGE_HIT_PAD = 10, this._onPointerDown = this._handlePointerDown.bind(this), this._onPointerMove = this._handlePointerMove.bind(this), this._onPointerUp = this._handlePointerUp.bind(this);
   }
@@ -701,7 +701,7 @@ const T = class T extends B {
     if (!e || !r || !a || !o) return null;
     const l = e.width > t, c = e.height > i;
     if (!l && !c) return null;
-    const d = T.AUTO_ZOOM_PADDING;
+    const d = I.AUTO_ZOOM_PADDING;
     let h = n;
     if (l) {
       const p = e.width / (d * r * o);
@@ -720,11 +720,11 @@ const T = class T extends B {
   _checkAutoZoom() {
     if (!this.state.get("autoZoomOnCropOverflow")) return;
     const e = Date.now();
-    if (e - this._lastAutoZoomCheck < T.AUTO_ZOOM_THROTTLE_MS) return;
+    if (e - this._lastAutoZoomCheck < I.AUTO_ZOOM_THROTTLE_MS) return;
     this._lastAutoZoomCheck = e;
     const t = this.state.get("crop.rect"), i = this.renderer.sprite, r = this.renderer.originalTexture;
     if (!t || !i || !r) return;
-    const a = T.calcAutoZoom(
+    const a = I.calcAutoZoom(
       t,
       i.width,
       i.height,
@@ -894,10 +894,10 @@ const T = class T extends B {
     if (h <= 0 || p <= 0) return null;
     const g = new a.Container(), y = new a.Sprite(i);
     if (this.state.get("crop.shape") === "circle") {
-      const V = Math.round(Math.max(h, p)), be = m + h / 2, ye = x + p / 2;
-      m = Math.round(be - V / 2), x = Math.round(ye - V / 2), h = p = V;
-      const A = new a.Graphics();
-      typeof A.circle == "function" && typeof A.fill == "function" ? A.circle(h / 2, p / 2, h / 2).fill(16777215) : (A.beginFill(16777215, 1), A.drawCircle(h / 2, p / 2, h / 2), A.endFill()), y.mask = A, g.addChild(A);
+      const V = Math.round(Math.max(h, p)), ye = m + h / 2, _e = x + p / 2;
+      m = Math.round(ye - V / 2), x = Math.round(_e - V / 2), h = p = V;
+      const z = new a.Graphics();
+      typeof z.circle == "function" && typeof z.fill == "function" ? z.circle(h / 2, p / 2, h / 2).fill(16777215) : (z.beginFill(16777215, 1), z.drawCircle(h / 2, p / 2, h / 2), z.endFill()), y.mask = z, g.addChild(z);
     }
     y.x = -m, y.y = -x, g.addChild(y);
     const _ = a.RenderTexture.create({ width: h, height: p });
@@ -910,8 +910,13 @@ const T = class T extends B {
     v && v !== this.renderer.baseTexture && v.destroy(!0), this.renderer.originalTexture = _, e.stage.removeChild(t), t.destroy();
     const C = new a.Sprite(_);
     e.stage.addChild(C), this.renderer.sprite = C, this.renderer.fitScale = this.renderer.getFitScaleFor(_), this.renderer.setZoom(o, { keepCenter: !1 }), this.renderer.applyViewTransform(), this.renderer.render();
-    const O = { x: m, y: x, width: h, height: p }, me = this.state.get("crop.shape") || "free", ge = this.state.get("crop.aspect") || "free";
-    return this.disable(), this.state.set("crop.appliedRect", O), this.state.set("crop.appliedShape", me), this.state.set("crop.appliedAspect", ge), this.emit("applied", { width: h, height: p }), { texture: _, preservedZoom: o };
+    const M = this.state.get("crop.appliedRect"), me = M && Number.isFinite(M.x) && Number.isFinite(M.y) && Number.isFinite(M.width) && Number.isFinite(M.height) ? {
+      x: Math.round(M.x + m),
+      y: Math.round(M.y + x),
+      width: h,
+      height: p
+    } : { x: m, y: x, width: h, height: p }, ge = this.state.get("crop.shape") || "free", be = this.state.get("crop.aspect") || "free";
+    return this.disable(), this.state.set("crop.appliedRect", me), this.state.set("crop.appliedShape", ge), this.state.set("crop.appliedAspect", be), this.emit("applied", { width: h, height: p }), { texture: _, preservedZoom: o };
   }
   /**
    * Apply a crop from saved texture-pixel coordinates (for state rehydration).
@@ -966,12 +971,12 @@ const T = class T extends B {
  * Padding factor for auto-zoom: image will be ~91% of crop size (1/1.1).
  * Higher values = more aggressive zoom-out, more padding around image.
  */
-j(T, "AUTO_ZOOM_PADDING", 1.1), /**
+j(I, "AUTO_ZOOM_PADDING", 1.1), /**
  * Minimum interval (ms) between auto-zoom adjustments during drag.
  */
-j(T, "AUTO_ZOOM_THROTTLE_MS", 100);
-let W = T;
-class Me {
+j(I, "AUTO_ZOOM_THROTTLE_MS", 100);
+let W = I;
+class Fe {
   /**
    * Create a new RemoveBgManager
    * @param {Object} options
@@ -1172,7 +1177,7 @@ function ce({ id: s, label: e, options: t = [], value: i, onChange: r }) {
     n.value = l;
   }, a;
 }
-function z({ label: s, className: e = "", onClick: t, icon: i = null, disabled: r = !1 }) {
+function R({ label: s, className: e = "", onClick: t, icon: i = null, disabled: r = !1 }) {
   const a = u("button", {
     type: "button",
     className: `btn ${e}`.trim(),
@@ -1218,8 +1223,8 @@ function Z({ label: s, icon: e, active: t = !1, onClick: i }) {
     r.classList.toggle("active", a);
   }, r;
 }
-const he = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M328 112L184 256l144 144"/></svg>', de = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M184 112l144 144-144 144"/></svg>', Fe = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M338.29 338.29L448 448M256 184v74m-37-37h74"/></svg>', Ae = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M338.29 338.29L448 448M184 221h74"/></svg>', ze = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M432 320v112H320M80 192V80h112M320 80h112v112M192 432H80V320"/></svg>', Re = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M262.29 192.31a64 64 0 1057.4 57.4 64.13 64.13 0 00-57.4-57.4z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416.39 256a154.34 154.34 0 01-1.53 20.79l45.21 35.46a10.81 10.81 0 012.45 13.75l-42.77 74a10.81 10.81 0 01-13.14 4.59l-44.9-18.08a16.11 16.11 0 00-15.17 1.75A164.48 164.48 0 01325 400.8a15.94 15.94 0 00-8.82 12.14l-6.73 47.89a11.08 11.08 0 01-10.68 9.17h-85.54a11.11 11.11 0 01-10.69-8.87l-6.72-47.82a16.07 16.07 0 00-9-12.22 155.3 155.3 0 01-21.46-12.57 16 16 0 00-15.11-1.71l-44.89 18.07a10.81 10.81 0 01-13.14-4.58l-42.77-74a10.8 10.8 0 012.45-13.75l38.21-30a16.05 16.05 0 006-14.08c-.36-4.17-.58-8.33-.58-12.5s.21-8.27.58-12.35a16 16 0 00-6.07-13.94l-38.19-30A10.81 10.81 0 0149.48 186l42.77-74a10.81 10.81 0 0113.14-4.59l44.9 18.08a16.11 16.11 0 0015.17-1.75A164.48 164.48 0 01187 111.2a15.94 15.94 0 008.82-12.14l6.73-47.89A11.08 11.08 0 01213.23 42h85.54a11.11 11.11 0 0110.69 8.87l6.72 47.82a16.07 16.07 0 009 12.22 155.3 155.3 0 0121.46 12.57 16 16 0 0015.11 1.71l44.89-18.07a10.81 10.81 0 0113.14 4.58l42.77 74a10.8 10.8 0 01-2.45 13.75l-38.21 30a16.05 16.05 0 00-6.05 14.08c.33 4.14.55 8.3.55 12.47z"/></svg>', Ne = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M400 320c0 88.37-55.63 144-144 144s-144-55.63-144-144c0-94.83 103.23-222.85 134.89-259.88a12 12 0 0118.23 0C296.77 97.15 400 225.17 400 320z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M344 328a72 72 0 01-72 72"/></svg>', Te = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M430.11 347.9c-6.6-6.1-16.3-7.6-24.6-9-11.5-1.9-15.9-4-22.6-10-14.3-12.7-14.3-31.1 0-43.8l30.3-26.9c46.4-41 46.4-108.2 0-149.2-34.2-30.1-80.1-45-127.8-45-55.7 0-113.9 20.3-158.8 60.1-83.5 73.8-83.5 194.7 0 268.5 41.5 36.7 97.5 55 152.9 55.4h1.7c55.4 0 110-17.9 148.8-52.4 14.4-12.7 11.99-36.6.1-47.7z"/><circle cx="144" cy="208" r="32"/><circle cx="152" cy="311" r="32"/><circle cx="224" cy="144" r="32"/><circle cx="256" cy="367" r="32"/><circle cx="328" cy="144" r="32"/></svg>', Ie = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M259.92 262.91L216.4 149.77a9 9 0 00-16.8 0l-43.52 113.14a9 9 0 01-5.17 5.17L37.77 311.6a9 9 0 000 16.8l113.14 43.52a9 9 0 015.17 5.17l43.52 113.14a9 9 0 0016.8 0l43.52-113.14a9 9 0 015.17-5.17l113.14-43.52a9 9 0 000-16.8l-113.14-43.52a9 9 0 01-5.17-5.17zM108 68L88 16 68 68 16 88l52 20 20 52 20-52 52-20-52-20zM426.67 117.33L400 48l-26.67 69.33L304 144l69.33 26.67L400 240l26.67-69.33L496 144l-69.33-26.67z"/></svg>', Ee = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M176 112l80-80 80 80M255.98 32l.02 448M176 400l80 80 80-80M400 176l80 80-80 80M112 176l-80 80 80 80M32 256h448"/></svg>', Xe = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M315.27 33L96 304h128l-31.51 173.23a2.36 2.36 0 002.33 2.77h0a2.36 2.36 0 001.89-.95L416 208H288l31.66-173.25a2.45 2.45 0 00-2.44-2.75h0a2.42 2.42 0 00-1.95 1z"/></svg>', ue = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M144 48v272a48 48 0 0048 48h272"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M368 464V192a48 48 0 00-48-48H48"/></svg>', Ye = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M380.93 57.37A32 32 0 00358.3 48H94.22A46.21 46.21 0 0048 94.22v323.56A46.21 46.21 0 0094.22 464h323.56A46.36 46.36 0 00464 417.78V153.7a32 32 0 00-9.37-22.63zM256 416a64 64 0 1164-64 63.92 63.92 0 01-64 64zm48-224H112a16 16 0 01-16-16v-64a16 16 0 0116-16h192a16 16 0 0116 16v64a16 16 0 01-16 16z"/></svg>', K = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M368 368L144 144M368 144L144 368"/></svg>', pe = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M320 146s24.36-12-64-12a160 160 0 10160 160"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M256 58l80 80-80 80"/></svg>', Be = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M112 112l20 320c.95 18.49 14.4 32 32 32h184c17.67 0 30.87-13.51 32-32l20-320"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M80 112h352"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M192 112V72h0a23.93 23.93 0 0124-24h80a23.93 23.93 0 0124 24h0v40M256 176v224M184 176l8 224M328 176l-8 224"/></svg>', Oe = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M64 192v-72a40 40 0 0140-40h75.89a40 40 0 0122.19 6.72l27.84 18.56a40 40 0 0022.19 6.72H408a40 40 0 0140 40v40"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M479.9 226.55L463.68 392a40 40 0 01-39.93 40H88.25a40 40 0 01-39.93-40L32.1 226.55A32 32 0 0164 192h384.1a32 32 0 0131.8 34.55z"/></svg>', G = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416 128L192 384l-96-96"/></svg>', Le = '<svg viewBox="0 0 512 512" width="20" height="20"><rect x="64" y="64" width="384" height="384" rx="48" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32"/></svg>', De = '<svg viewBox="0 0 512 512" width="20" height="20"><circle cx="256" cy="256" r="208" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/></svg>', Ue = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M80 96h64l64 320h64l64-160h96"/></svg>', Q = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M256 48v48M256 416v48M403.08 108.92l-33.94 33.94M142.86 369.14l-33.94 33.94M464 256h-48M96 256H48M403.08 403.08l-33.94-33.94M142.86 142.86l-33.94-33.94"/><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32"/></svg>', J = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M160 136c0-30.62 4.51-61.61 16-88C99.57 81.27 48 159.32 48 248c0 119.29 96.71 216 216 216 88.68 0 166.73-51.57 200-128-26.39 11.49-57.38 16-88 16-119.29 0-216-96.71-216-216z"/></svg>', Ve = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M436 80H76a44.05 44.05 0 00-44 44v264a44.05 44.05 0 0044 44h360a44.05 44.05 0 0044-44V124a44.05 44.05 0 00-44-44z"/><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M220 80v56M292 80v56M220 376v56M292 376v56M80 144h56M80 224h56M80 304h56M376 144h56M376 224h56M376 304h56"/></svg>';
-class je {
+const he = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M328 112L184 256l144 144"/></svg>', de = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M184 112l144 144-144 144"/></svg>', Ae = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M338.29 338.29L448 448M256 184v74m-37-37h74"/></svg>', ze = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M338.29 338.29L448 448M184 221h74"/></svg>', Re = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M432 320v112H320M80 192V80h112M320 80h112v112M192 432H80V320"/></svg>', Ne = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M262.29 192.31a64 64 0 1057.4 57.4 64.13 64.13 0 00-57.4-57.4z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416.39 256a154.34 154.34 0 01-1.53 20.79l45.21 35.46a10.81 10.81 0 012.45 13.75l-42.77 74a10.81 10.81 0 01-13.14 4.59l-44.9-18.08a16.11 16.11 0 00-15.17 1.75A164.48 164.48 0 01325 400.8a15.94 15.94 0 00-8.82 12.14l-6.73 47.89a11.08 11.08 0 01-10.68 9.17h-85.54a11.11 11.11 0 01-10.69-8.87l-6.72-47.82a16.07 16.07 0 00-9-12.22 155.3 155.3 0 01-21.46-12.57 16 16 0 00-15.11-1.71l-44.89 18.07a10.81 10.81 0 01-13.14-4.58l-42.77-74a10.8 10.8 0 012.45-13.75l38.21-30a16.05 16.05 0 006-14.08c-.36-4.17-.58-8.33-.58-12.5s.21-8.27.58-12.35a16 16 0 00-6.07-13.94l-38.19-30A10.81 10.81 0 0149.48 186l42.77-74a10.81 10.81 0 0113.14-4.59l44.9 18.08a16.11 16.11 0 0015.17-1.75A164.48 164.48 0 01187 111.2a15.94 15.94 0 008.82-12.14l6.73-47.89A11.08 11.08 0 01213.23 42h85.54a11.11 11.11 0 0110.69 8.87l6.72 47.82a16.07 16.07 0 009 12.22 155.3 155.3 0 0121.46 12.57 16 16 0 0015.11 1.71l44.89-18.07a10.81 10.81 0 0113.14 4.58l42.77 74a10.8 10.8 0 01-2.45 13.75l-38.21 30a16.05 16.05 0 00-6.05 14.08c.33 4.14.55 8.3.55 12.47z"/></svg>', Te = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M400 320c0 88.37-55.63 144-144 144s-144-55.63-144-144c0-94.83 103.23-222.85 134.89-259.88a12 12 0 0118.23 0C296.77 97.15 400 225.17 400 320z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M344 328a72 72 0 01-72 72"/></svg>', Ie = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M430.11 347.9c-6.6-6.1-16.3-7.6-24.6-9-11.5-1.9-15.9-4-22.6-10-14.3-12.7-14.3-31.1 0-43.8l30.3-26.9c46.4-41 46.4-108.2 0-149.2-34.2-30.1-80.1-45-127.8-45-55.7 0-113.9 20.3-158.8 60.1-83.5 73.8-83.5 194.7 0 268.5 41.5 36.7 97.5 55 152.9 55.4h1.7c55.4 0 110-17.9 148.8-52.4 14.4-12.7 11.99-36.6.1-47.7z"/><circle cx="144" cy="208" r="32"/><circle cx="152" cy="311" r="32"/><circle cx="224" cy="144" r="32"/><circle cx="256" cy="367" r="32"/><circle cx="328" cy="144" r="32"/></svg>', Ee = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M259.92 262.91L216.4 149.77a9 9 0 00-16.8 0l-43.52 113.14a9 9 0 01-5.17 5.17L37.77 311.6a9 9 0 000 16.8l113.14 43.52a9 9 0 015.17 5.17l43.52 113.14a9 9 0 0016.8 0l43.52-113.14a9 9 0 015.17-5.17l113.14-43.52a9 9 0 000-16.8l-113.14-43.52a9 9 0 01-5.17-5.17zM108 68L88 16 68 68 16 88l52 20 20 52 20-52 52-20-52-20zM426.67 117.33L400 48l-26.67 69.33L304 144l69.33 26.67L400 240l26.67-69.33L496 144l-69.33-26.67z"/></svg>', Xe = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M176 112l80-80 80 80M255.98 32l.02 448M176 400l80 80 80-80M400 176l80 80-80 80M112 176l-80 80 80 80M32 256h448"/></svg>', Ye = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M315.27 33L96 304h128l-31.51 173.23a2.36 2.36 0 002.33 2.77h0a2.36 2.36 0 001.89-.95L416 208H288l31.66-173.25a2.45 2.45 0 00-2.44-2.75h0a2.42 2.42 0 00-1.95 1z"/></svg>', ue = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M144 48v272a48 48 0 0048 48h272"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M368 464V192a48 48 0 00-48-48H48"/></svg>', Be = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M380.93 57.37A32 32 0 00358.3 48H94.22A46.21 46.21 0 0048 94.22v323.56A46.21 46.21 0 0094.22 464h323.56A46.36 46.36 0 00464 417.78V153.7a32 32 0 00-9.37-22.63zM256 416a64 64 0 1164-64 63.92 63.92 0 01-64 64zm48-224H112a16 16 0 01-16-16v-64a16 16 0 0116-16h192a16 16 0 0116 16v64a16 16 0 01-16 16z"/></svg>', K = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M368 368L144 144M368 144L144 368"/></svg>', pe = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M320 146s24.36-12-64-12a160 160 0 10160 160"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M256 58l80 80-80 80"/></svg>', Oe = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M112 112l20 320c.95 18.49 14.4 32 32 32h184c17.67 0 30.87-13.51 32-32l20-320"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M80 112h352"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M192 112V72h0a23.93 23.93 0 0124-24h80a23.93 23.93 0 0124 24h0v40M256 176v224M184 176l8 224M328 176l-8 224"/></svg>', Le = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M64 192v-72a40 40 0 0140-40h75.89a40 40 0 0122.19 6.72l27.84 18.56a40 40 0 0022.19 6.72H408a40 40 0 0140 40v40"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M479.9 226.55L463.68 392a40 40 0 01-39.93 40H88.25a40 40 0 01-39.93-40L32.1 226.55A32 32 0 0164 192h384.1a32 32 0 0131.8 34.55z"/></svg>', G = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416 128L192 384l-96-96"/></svg>', De = '<svg viewBox="0 0 512 512" width="20" height="20"><rect x="64" y="64" width="384" height="384" rx="48" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32"/></svg>', Ue = '<svg viewBox="0 0 512 512" width="20" height="20"><circle cx="256" cy="256" r="208" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/></svg>', Ve = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M80 96h64l64 320h64l64-160h96"/></svg>', Q = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M256 48v48M256 416v48M403.08 108.92l-33.94 33.94M142.86 369.14l-33.94 33.94M464 256h-48M96 256H48M403.08 403.08l-33.94-33.94M142.86 142.86l-33.94-33.94"/><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32"/></svg>', J = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M160 136c0-30.62 4.51-61.61 16-88C99.57 81.27 48 159.32 48 248c0 119.29 96.71 216 216 216 88.68 0 166.73-51.57 200-128-26.39 11.49-57.38 16-88 16-119.29 0-216-96.71-216-216z"/></svg>', je = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M436 80H76a44.05 44.05 0 00-44 44v264a44.05 44.05 0 0044 44h360a44.05 44.05 0 0044-44V124a44.05 44.05 0 00-44-44z"/><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M220 80v56M292 80v56M220 376v56M292 376v56M80 144h56M80 224h56M80 304h56M376 144h56M376 224h56M376 304h56"/></svg>';
+class qe {
   constructor(e, t) {
     this.state = e, this.editor = t, this.element = null, this._unsubscribers = [];
   }
@@ -1230,7 +1235,7 @@ class je {
   render() {
     this.element = u("div", { className: "editor-toolbar" });
     const e = u("div", { className: "toolbar-section toolbar-left" }), t = w({
-      icon: Oe,
+      icon: Le,
       title: "Open Image",
       className: "toolbar-btn",
       testId: "btn-open-image",
@@ -1239,7 +1244,7 @@ class je {
     });
     e.appendChild(t);
     const i = u("div", { className: "toolbar-section toolbar-center" }), r = w({
-      icon: Ae,
+      icon: ze,
       title: "Zoom Out",
       className: "toolbar-btn",
       testId: "btn-zoom-out",
@@ -1256,7 +1261,7 @@ class je {
       role: "status"
     }, "100%");
     const a = w({
-      icon: Fe,
+      icon: Ae,
       title: "Zoom In",
       className: "toolbar-btn",
       testId: "btn-zoom-in",
@@ -1266,7 +1271,7 @@ class je {
         this.editor.setZoom(h + 0.25);
       }
     }), o = w({
-      icon: ze,
+      icon: Re,
       title: "Fit to Screen",
       className: "toolbar-btn",
       testId: "btn-fit-screen",
@@ -1300,7 +1305,7 @@ class je {
       ariaLabel: "Reset all changes",
       onClick: () => this.editor.resetAll()
     }), c = w({
-      icon: Ye,
+      icon: Be,
       title: "Save Image",
       className: "toolbar-btn toolbar-btn-primary",
       testId: "btn-save-edit",
@@ -1349,23 +1354,23 @@ class je {
   }
 }
 const L = [
-  { id: "adjust", name: "Adjust", icon: Re },
+  { id: "adjust", name: "Adjust", icon: Ne },
   // adjustment, adjustmentAdvanced, alpha
-  { id: "blur", name: "Blur", icon: Ne },
+  { id: "blur", name: "Blur", icon: Te },
   // blur, kawaseBlur, motionBlur, radialBlur, etc.
-  { id: "color", name: "Color", icon: Te },
+  { id: "color", name: "Color", icon: Ie },
   // colorOverlay, grayscale, hslAdjustment, etc.
-  { id: "effects", name: "Effects", icon: Ie },
+  { id: "effects", name: "Effects", icon: Ee },
   // noise, vignette, pixelate, dropShadow, etc.
-  { id: "distortion", name: "Distortion", icon: Ee },
+  { id: "distortion", name: "Distortion", icon: Xe },
   // twist, bulgePinch, displacement, etc.
-  { id: "light", name: "Light", icon: Xe },
+  { id: "light", name: "Light", icon: Ye },
   // bloom, glow, godray, advancedBloom
-  { id: "stylize", name: "Stylize", icon: Ve },
+  { id: "stylize", name: "Stylize", icon: je },
   // ascii, crt, crossHatch, dot, emboss
   { id: "crop", name: "Crop", icon: ue }
 ];
-class qe {
+class He {
   constructor(e, t) {
     this.state = e, this.editor = t, this.element = null, this._chips = /* @__PURE__ */ new Map(), this._scrollIndex = 0, this._unsubscribers = [];
   }
@@ -1500,7 +1505,7 @@ class qe {
     this._unsubscribers.forEach((t) => t()), this._unsubscribers = [], this._chips.clear(), (e = this.element) == null || e.remove(), this.element = null;
   }
 }
-class He {
+class $e {
   constructor(e, t) {
     this.state = e, this.filterManager = t, this.element = null, this._filterCards = /* @__PURE__ */ new Map(), this._scrollIndex = 0, this._unsubscribers = [], this._onToggle = null, this._onSelect = null;
   }
@@ -1657,7 +1662,7 @@ class He {
     this._unsubscribers.forEach((t) => t()), this._unsubscribers = [], this._filterCards.clear(), (e = this.element) == null || e.remove(), this.element = null;
   }
 }
-class $e {
+class We {
   constructor(e, t) {
     this.state = e, this.filterManager = t, this.element = null, this._controls = /* @__PURE__ */ new Map(), this._onChange = null, this._onReset = null, this._onAction = null, this._unsubscribers = [];
   }
@@ -1702,7 +1707,7 @@ class $e {
       return;
     }
     const i = u("div", { className: "adjustments-header" });
-    i.appendChild(u("span", { className: "adjustments-title" }, t.name)), i.appendChild(z({
+    i.appendChild(u("span", { className: "adjustments-title" }, t.name)), i.appendChild(R({
       label: "Reset",
       className: "btn-text",
       onClick: () => this._handleReset(e)
@@ -1759,7 +1764,7 @@ class $e {
         });
       case "button":
         const n = u("div", { className: "button-control" });
-        return n.appendChild(z({
+        return n.appendChild(R({
           label: r,
           className: "btn-secondary",
           onClick: () => this._handleAction(e, t.action || t.id)
@@ -1860,7 +1865,7 @@ class $e {
     this._unsubscribers.forEach((t) => t()), this._unsubscribers = [], this._controls.clear(), (e = this.element) == null || e.remove(), this.element = null;
   }
 }
-class We {
+class Ze {
   constructor(e, t) {
     this.state = e, this.filterManager = t, this._drawer = null, this._body = null, this._titleEl = null, this._isOpen = !1, this._currentFilterId = null, this._controls = /* @__PURE__ */ new Map(), this._onChange = null, this._onReset = null, this._onRemove = null, this._onAction = null, this._container = null;
   }
@@ -1873,14 +1878,14 @@ class We {
     this._onChange = t, this._onReset = i, this._onRemove = r, this._onAction = a, this._container = e, this._drawer = u("div", { className: "mobile-filter-drawer" });
     const o = u("div", { className: "drawer-header" });
     this._titleEl = u("span", { className: "drawer-title" }, "Filter");
-    const n = u("div", { className: "drawer-header-actions" }), l = z({
+    const n = u("div", { className: "drawer-header-actions" }), l = R({
       label: "Reset",
       className: "btn-text",
       onClick: () => {
         var h;
         this._currentFilterId && ((h = this._onReset) == null || h.call(this, this._currentFilterId), this._renderControls());
       }
-    }), c = z({
+    }), c = R({
       label: "Remove",
       className: "btn-text btn-danger",
       onClick: () => {
@@ -2009,7 +2014,7 @@ class We {
       }
       case "button": {
         const o = u("div", { className: "button-control" });
-        return o.appendChild(z({
+        return o.appendChild(R({
           label: r,
           className: "btn-secondary",
           onClick: () => {
@@ -2056,7 +2061,7 @@ class We {
     this._controls.clear(), (e = this._drawer) == null || e.remove(), this._drawer = null, this._isOpen = !1, this._currentFilterId = null, this._container = null;
   }
 }
-class Ze {
+class Ge {
   constructor(e, t) {
     this.state = e, this.filterManager = t, this.element = null, this._scrollContainer = null, this._chips = /* @__PURE__ */ new Map(), this._unsubscribers = [], this._onToggle = null, this._onSelect = null;
   }
@@ -2129,11 +2134,11 @@ class Ze {
     this._unsubscribers.forEach((t) => t()), this._unsubscribers = [], this._chips.clear(), (e = this.element) == null || e.remove(), this.element = null;
   }
 }
-const Ge = [
-  { id: "free", name: "Free", icon: Ue },
-  { id: "square", name: "Square", icon: Le },
-  { id: "circle", name: "Circle", icon: De }
-], Ke = [
+const Ke = [
+  { id: "free", name: "Free", icon: Ve },
+  { id: "square", name: "Square", icon: De },
+  { id: "circle", name: "Circle", icon: Ue }
+], Qe = [
   { id: "free", name: "Free" },
   { id: "1:1", name: "1:1" },
   { id: "4:3", name: "4:3" },
@@ -2141,7 +2146,7 @@ const Ge = [
   { id: "3:2", name: "3:2" },
   { id: "2:3", name: "2:3" }
 ];
-class Qe {
+class Je {
   constructor(e, t) {
     this.state = e, this.cropManager = t, this.element = null, this._shapeChips = /* @__PURE__ */ new Map(), this._aspectChips = /* @__PURE__ */ new Map(), this._unsubscribers = [];
   }
@@ -2165,7 +2170,7 @@ class Qe {
     const e = u("div", { className: "crop-section" });
     e.appendChild(u("label", { className: "section-label" }, "Shape"));
     const t = u("div", { className: "chip-row" }), i = this.state.get("crop.shape");
-    Ge.forEach((c) => {
+    Ke.forEach((c) => {
       const d = Z({
         label: c.name,
         icon: c.icon,
@@ -2175,7 +2180,7 @@ class Qe {
       d.dataset.shape = c.id, d.dataset.testid = `crop-shape-${c.id}`, this._shapeChips.set(c.id, d), t.appendChild(d);
     }), e.appendChild(t), this.element.appendChild(e), this.state.get("lockCropShape") && (e.style.display = "none"), this._shapeSection = e, this._aspectSection = u("div", { className: "crop-section" }), this._aspectSection.appendChild(u("label", { className: "section-label" }, "Aspect Ratio"));
     const r = u("div", { className: "chip-row aspect-row" }), a = this.state.get("crop.aspect");
-    Ke.forEach((c) => {
+    Qe.forEach((c) => {
       const d = Z({
         label: c.name,
         active: a === c.id,
@@ -2183,14 +2188,14 @@ class Qe {
       });
       d.dataset.ratio = c.id, d.dataset.testid = `crop-ratio-${c.id}`, this._aspectChips.set(c.id, d), r.appendChild(d);
     }), this._aspectSection.appendChild(r), this.element.appendChild(this._aspectSection), this._updateAspectVisibility();
-    const o = u("div", { className: "crop-actions" }), n = z({
+    const o = u("div", { className: "crop-actions" }), n = R({
       label: "Cancel",
       className: "btn-secondary crop-cancel-btn",
       icon: K,
       onClick: () => this.cropManager.cancel()
     });
     n.dataset.testid = "cancel-crop";
-    const l = z({
+    const l = R({
       label: "Apply Crop",
       className: "btn-primary crop-apply-btn",
       icon: G,
@@ -2256,7 +2261,7 @@ class Qe {
     this._unsubscribers.forEach((t) => t()), this._unsubscribers = [], this._shapeChips.clear(), this._aspectChips.clear(), (e = this.element) == null || e.remove(), this.element = null;
   }
 }
-class Je {
+class et {
   constructor(e, t) {
     this.state = e, this.filterManager = t, this.element = null, this._filterItems = /* @__PURE__ */ new Map(), this._unsubscribers = [], this._onRemove = null, this._onReset = null, this._onClearAll = null, this._onUpdateValue = null, this._onSelect = null;
   }
@@ -2272,7 +2277,7 @@ class Je {
     });
     const o = u("div", { className: "panel-header" });
     o.appendChild(u("h3", { className: "panel-title" }, "Active Filters"));
-    const n = z({
+    const n = R({
       label: "Clear All",
       className: "btn-text btn-danger",
       onClick: () => this._handleClearAll()
@@ -2344,7 +2349,7 @@ class Je {
       className: "btn-icon-sm",
       onClick: () => this._handleReset(e)
     }), d = w({
-      icon: Be,
+      icon: Oe,
       title: "Remove filter",
       className: "btn-icon-sm btn-danger",
       onClick: () => this._handleRemove(e)
@@ -2457,7 +2462,7 @@ class Je {
     this._unsubscribers.forEach((t) => t()), this._unsubscribers = [], this._filterItems.clear(), (e = this.element) == null || e.remove(), this.element = null;
   }
 }
-const Y = {
+const B = {
   name: "free",
   initialMode: "filters",
   cropShape: "free",
@@ -2471,10 +2476,10 @@ const Y = {
   maxExportHeight: void 0
 }, H = {
   free: {
-    ...Y
+    ...B
   },
   avatar: {
-    ...Y,
+    ...B,
     name: "avatar",
     initialMode: "crop",
     cropShape: "circle",
@@ -2484,7 +2489,7 @@ const Y = {
     lockAspectRatio: !0
   },
   banner: {
-    ...Y,
+    ...B,
     name: "banner",
     initialMode: "crop",
     cropShape: "square",
@@ -2494,7 +2499,7 @@ const Y = {
     lockAspectRatio: !0
   },
   product: {
-    ...Y,
+    ...B,
     name: "product",
     initialMode: "filters",
     cropShape: "square",
@@ -2504,15 +2509,15 @@ const Y = {
     lockAspectRatio: !1
   }
 };
-function et(s) {
+function tt(s) {
   if (!s)
     return { ...H.free };
   if (typeof s == "object" && s !== null)
-    return { ...Y, ...s };
+    return { ...B, ...s };
   const e = H[s];
   return e ? { ...e } : { ...H.free };
 }
-class ei extends B {
+class ii extends O {
   /**
    * Create a new VanillaImageEditor
    * @param {HTMLElement} container - Container element to mount the editor
@@ -2523,7 +2528,7 @@ class ei extends B {
     if (super(), !e)
       throw new Error("VanillaImageEditor: container element is required");
     this._container = e, this._destroyed = !1, this._loadVersion = 0, this._objectUrls = /* @__PURE__ */ new Set();
-    const i = t.preset ? et(t.preset) : null, r = i ? {
+    const i = t.preset ? tt(t.preset) : null, r = i ? {
       initialMode: i.initialMode === "crop" ? "crop" : "adjust",
       cropShape: i.cropShape,
       initialAspectRatio: i.aspectRatio
@@ -2541,7 +2546,7 @@ class ei extends B {
       },
       ...r,
       ...t
-    }, this._preset = i, this._state = Se(), this._state.set("theme", this._options.theme), this._state.set("crop.shape", this._options.cropShape), this._state.set("crop.aspect", this._options.initialAspectRatio), this._preset && (this._state.set("lockCropShape", !!this._preset.lockCropShape), this._state.set("lockAspectRatio", !!this._preset.lockAspectRatio), this._state.set("showFilters", this._preset.showFilters !== !1), this._state.set("showCropControls", this._preset.showCropControls !== !1), this._state.set("autoZoomOnCropOverflow", !!this._preset.autoZoomOnCropOverflow)), this._renderer = new ve(), this._filterManager = new Pe(this._state, this._renderer), this._cropManager = new W(this._state, this._renderer), this._removeBgManager = null, ((a = this._options.backgroundRemoval) == null ? void 0 : a.enabled) !== !1 && (this._removeBgManager = new Me({
+    }, this._preset = i, this._state = ve(), this._state.set("theme", this._options.theme), this._state.set("crop.shape", this._options.cropShape), this._state.set("crop.aspect", this._options.initialAspectRatio), this._preset && (this._state.set("lockCropShape", !!this._preset.lockCropShape), this._state.set("lockAspectRatio", !!this._preset.lockAspectRatio), this._state.set("showFilters", this._preset.showFilters !== !1), this._state.set("showCropControls", this._preset.showCropControls !== !1), this._state.set("autoZoomOnCropOverflow", !!this._preset.autoZoomOnCropOverflow)), this._renderer = new ke(), this._filterManager = new Me(this._state, this._renderer), this._cropManager = new W(this._state, this._renderer), this._removeBgManager = null, ((a = this._options.backgroundRemoval) == null ? void 0 : a.enabled) !== !1 && (this._removeBgManager = new Fe({
       endpoint: (o = this._options.backgroundRemoval) == null ? void 0 : o.endpoint,
       fallbackEndpoint: (n = this._options.backgroundRemoval) == null ? void 0 : n.fallbackEndpoint
     })), this._loadingOverlay = null, this._isMobile = typeof window < "u" ? window.innerWidth <= 768 : !1, this._toolbar = null, this._categoryCarousel = null, this._filterCarousel = null, this._filterAdjustments = null, this._mobileFilterDrawer = null, this._mobileActiveFilters = null, this._cropControls = null, this._activeFiltersPanel = null, this._editorEl = null, this._canvasContainer = null, this._cropOverlay = null, this._controlsSection = null, this._filterControlsEl = null, this._fileInput = null, this._resizeObserver = null, this._init();
@@ -2577,31 +2582,31 @@ class ei extends B {
    * Initialize UI components
    */
   _initUI() {
-    this._toolbar = new je(this._state, this), this._toolbarContainer.appendChild(this._toolbar.render()), this._filterControlsEl = u("div", { className: "filter-controls-container" }), this._categoryCarousel = new qe(this._state, this), this._filterControlsEl.appendChild(this._categoryCarousel.render((r) => {
+    this._toolbar = new qe(this._state, this), this._toolbarContainer.appendChild(this._toolbar.render()), this._filterControlsEl = u("div", { className: "filter-controls-container" }), this._categoryCarousel = new He(this._state, this), this._filterControlsEl.appendChild(this._categoryCarousel.render((r) => {
     }));
     const e = u("div", { className: "filter-layout" }), t = u("div", { className: "filter-left-column" });
-    this._filterCarousel = new He(this._state, this._filterManager), t.appendChild(this._filterCarousel.render({
+    this._filterCarousel = new $e(this._state, this._filterManager), t.appendChild(this._filterCarousel.render({
       onToggle: (r, a) => this._handleFilterToggle(r, a),
       onSelect: (r) => {
         this._handleFilterSelect(r), this._isMobile && this._mobileFilterDrawer && this._mobileFilterDrawer.open(r);
       }
-    })), this._filterAdjustments = new $e(this._state, this._filterManager), t.appendChild(this._filterAdjustments.render({
+    })), this._filterAdjustments = new We(this._state, this._filterManager), t.appendChild(this._filterAdjustments.render({
       onChange: (r, a, o) => this._handleFilterChange(r, a, o),
       onReset: (r) => this._handleFilterReset(r),
       onAction: (r, a) => this._handleFilterAction(r, a)
     })), e.appendChild(t);
     const i = u("div", { className: "filter-right-column" });
-    this._activeFiltersPanel = new Je(this._state, this._filterManager), i.appendChild(this._activeFiltersPanel.render({
+    this._activeFiltersPanel = new et(this._state, this._filterManager), i.appendChild(this._activeFiltersPanel.render({
       onRemove: (r) => this._handleFilterToggle(r, !1),
       onReset: (r) => this._handleFilterReset(r),
       onClearAll: () => this.resetAll(),
       onSelect: (r) => this._handleFilterSelect(r)
-    })), e.appendChild(i), this._filterControlsEl.appendChild(e), this._mobileActiveFilters = new Ze(this._state, this._filterManager), this._filterControlsEl.appendChild(this._mobileActiveFilters.render({
+    })), e.appendChild(i), this._filterControlsEl.appendChild(e), this._mobileActiveFilters = new Ge(this._state, this._filterManager), this._filterControlsEl.appendChild(this._mobileActiveFilters.render({
       onToggle: (r, a) => this._handleFilterToggle(r, a),
       onSelect: (r) => {
         this._handleFilterSelect(r), this._isMobile && this._mobileFilterDrawer && this._mobileFilterDrawer.open(r);
       }
-    })), this._cropControls = new Qe(this._state, this._cropManager), this._cropControlsEl = this._cropControls.render(), this._cropControlsEl.style.display = "none", this._controlsSection.appendChild(this._filterControlsEl), this._controlsSection.appendChild(this._cropControlsEl), this._mobileFilterDrawer = new We(this._state, this._filterManager), this._mobileFilterDrawer.build(this._controlsSection, {
+    })), this._cropControls = new Je(this._state, this._cropManager), this._cropControlsEl = this._cropControls.render(), this._cropControlsEl.style.display = "none", this._controlsSection.appendChild(this._filterControlsEl), this._controlsSection.appendChild(this._cropControlsEl), this._mobileFilterDrawer = new Ze(this._state, this._filterManager), this._mobileFilterDrawer.build(this._controlsSection, {
       onChange: (r, a, o) => this._handleFilterChange(r, a, o),
       onReset: (r) => this._handleFilterReset(r),
       onRemove: (r) => {
@@ -2958,21 +2963,21 @@ class ei extends B {
     this._objectUrls.clear(), (e = this._resizeObserver) == null || e.disconnect(), this._renderer.destroy(), this._cropManager.disable(), this._handleWindowResize && window.removeEventListener("resize", this._handleWindowResize), (t = this._toolbar) == null || t.destroy(), (i = this._categoryCarousel) == null || i.destroy(), (r = this._filterCarousel) == null || r.destroy(), (a = this._filterAdjustments) == null || a.destroy(), (o = this._mobileFilterDrawer) == null || o.destroy(), (n = this._mobileActiveFilters) == null || n.destroy(), (l = this._cropControls) == null || l.destroy(), (c = this._activeFiltersPanel) == null || c.destroy(), (d = this._editorEl) == null || d.remove(), this._container = null, this._state = null, this.emit("destroyed"), this.removeAllListeners();
   }
 }
-const k = /* @__PURE__ */ new Map(), I = /* @__PURE__ */ new Map();
-function tt(s, e) {
+const k = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map();
+function it(s, e) {
   return !Array.isArray(s.mediaTargets) || s.mediaTargets.length === 0 ? !0 : s.mediaTargets.includes(e);
 }
 function f(s) {
   var e;
-  return k.has(s.id), k.set(s.id, s), I.has(s.category) || I.set(s.category, []), (e = I.get(s.category)) == null || e.push(s.id), s;
+  return k.has(s.id), k.set(s.id, s), E.has(s.category) || E.set(s.category, []), (e = E.get(s.category)) == null || e.push(s.id), s;
 }
-function it(s) {
+function rt(s) {
   return k.get(s);
 }
 function U() {
   return Array.from(k.values());
 }
-function rt() {
+function st() {
   U().map((t) => t.id), Object.entries(b).filter(
     (t) => /Filter$/.test(t[0]) && typeof t[1] == "function"
   ).forEach(([t, i]) => {
@@ -2996,32 +3001,32 @@ function rt() {
     });
   });
 }
-function st(s) {
-  return (I.get(s) || []).map((t) => k.get(t)).filter(Boolean);
+function at(s) {
+  return (E.get(s) || []).map((t) => k.get(t)).filter(Boolean);
 }
-function at() {
-  return Array.from(I.keys());
+function ot() {
+  return Array.from(E.keys());
 }
-function ti(s) {
+function ri(s) {
   return k.has(s);
 }
-function ot(s) {
+function nt(s) {
   const e = k.get(s);
   if (!e)
     return !1;
   k.delete(s);
-  const t = I.get(e.category);
+  const t = E.get(e.category);
   if (t) {
     const i = t.indexOf(s);
-    i !== -1 && t.splice(i, 1), t.length === 0 && I.delete(e.category);
+    i !== -1 && t.splice(i, 1), t.length === 0 && E.delete(e.category);
   }
   return !0;
 }
-function ii(s, e) {
+function si(s, e) {
   const t = k.get(s);
-  return t ? tt(t, e) : !1;
+  return t ? it(t, e) : !1;
 }
-function nt() {
+function lt() {
   return Array.from(k.values()).map((s) => ({
     id: s.id,
     name: s.name,
@@ -3030,7 +3035,7 @@ function nt() {
   }));
 }
 if (typeof window < "u") {
-  window.__DEBUG_FILTERS_LIST = Array.from(k.keys()), window.getAllFilters = U, window.getFilter = it, window.getFiltersByCategory = st, window.getRegisteredFilters = nt;
+  window.__DEBUG_FILTERS_LIST = Array.from(k.keys()), window.getAllFilters = U, window.getFilter = rt, window.getFiltersByCategory = at, window.getRegisteredFilters = lt;
   const s = f;
   window.registerFilter = (e) => {
     const t = s(e);
@@ -3040,7 +3045,7 @@ if (typeof window < "u") {
 typeof window < "u" && (window.initializeFilterRegistry = window.initializeFilterRegistry || function() {
   return [];
 });
-const { AdjustmentFilter: lt } = b, { ColorMatrixFilter: ct } = S, M = {
+const { AdjustmentFilter: ct } = b, { ColorMatrixFilter: ht } = S, F = {
   gamma: 1,
   saturation: 1,
   contrast: 1,
@@ -3049,7 +3054,7 @@ const { AdjustmentFilter: lt } = b, { ColorMatrixFilter: ct } = S, M = {
   green: 1,
   blue: 1,
   alpha: 1
-}, ht = /* @__PURE__ */ new Set([
+}, dt = /* @__PURE__ */ new Set([
   "gamma",
   "saturation",
   "contrast",
@@ -3059,7 +3064,7 @@ const { AdjustmentFilter: lt } = b, { ColorMatrixFilter: ct } = S, M = {
   "blue",
   "alpha"
 ]);
-function F(s, e) {
+function A(s, e) {
   if (typeof s == "number" && Number.isFinite(s))
     return s;
   if (typeof s == "string") {
@@ -3070,18 +3075,18 @@ function F(s, e) {
   return e;
 }
 function ee(s) {
-  return ht.has(s);
+  return dt.has(s);
 }
-function dt(s) {
+function ut(s) {
   return {
-    gamma: F(s.gamma, M.gamma),
-    saturation: F(s.saturation, M.saturation),
-    contrast: F(s.contrast, M.contrast),
-    brightness: F(s.brightness, M.brightness),
-    red: F(s.red, M.red),
-    green: F(s.green, M.green),
-    blue: F(s.blue, M.blue),
-    alpha: F(s.alpha, M.alpha)
+    gamma: A(s.gamma, F.gamma),
+    saturation: A(s.saturation, F.saturation),
+    contrast: A(s.contrast, F.contrast),
+    brightness: A(s.brightness, F.brightness),
+    red: A(s.red, F.red),
+    green: A(s.green, F.green),
+    blue: A(s.blue, F.blue),
+    alpha: A(s.alpha, F.alpha)
   };
 }
 function te(s, e) {
@@ -3095,14 +3100,14 @@ f({
   // Create an instance of the AdjustmentFilter with the provided parameters
   createFilter: (s) => {
     try {
-      const e = dt(s ?? {}), t = { ...e };
+      const e = ut(s ?? {}), t = { ...e };
       try {
-        const i = new lt(t), r = i;
+        const i = new ct(t), r = i;
         return r._customParams = { ...e }, r.updateUIParam = function(o, n) {
           try {
             if (!ee(o))
               return;
-            const l = this._customParams ?? { ...M }, c = F(n, l[o]);
+            const l = this._customParams ?? { ...F }, c = A(n, l[o]);
             l[o] = c, this._customParams = l;
             const d = this;
             o in d && (d[o] = c);
@@ -3110,12 +3115,12 @@ f({
           }
         }, i;
       } catch {
-        const r = new ct(), a = r;
+        const r = new ht(), a = r;
         return a._customParams = { ...e }, te(r, e), a.updateUIParam = function(n, l) {
           try {
             if (!ee(n))
               return;
-            const c = this._customParams ?? { ...M }, d = F(l, c[n]);
+            const c = this._customParams ?? { ...F }, d = A(l, c[n]);
             c[n] = d, this._customParams = c, te(this, c);
           } catch {
           }
@@ -3220,14 +3225,14 @@ f({
     }
   ]
 });
-const { ColorMatrixFilter: ut } = S, N = {
+const { ColorMatrixFilter: pt } = S, T = {
   brightness: 1,
   contrast: 1,
   saturation: 1,
   hue: 0,
   sepia: 0,
   negative: !1
-}, pt = /* @__PURE__ */ new Set([
+}, ft = /* @__PURE__ */ new Set([
   "brightness",
   "contrast",
   "saturation",
@@ -3235,10 +3240,10 @@ const { ColorMatrixFilter: ut } = S, N = {
   "sepia",
   "negative"
 ]);
-function ft(s) {
-  return pt.has(s);
+function mt(s) {
+  return ft.has(s);
 }
-function X(s, e) {
+function Y(s, e) {
   if (typeof s == "number" && Number.isFinite(s))
     return s;
   if (typeof s == "string") {
@@ -3259,14 +3264,14 @@ function fe(s, e) {
   }
   return e;
 }
-function mt(s) {
+function gt(s) {
   return {
-    brightness: X(s.brightness, N.brightness),
-    contrast: X(s.contrast, N.contrast),
-    saturation: X(s.saturation, N.saturation),
-    hue: X(s.hue, N.hue),
-    sepia: X(s.sepia, N.sepia),
-    negative: fe(s.negative, N.negative)
+    brightness: Y(s.brightness, T.brightness),
+    contrast: Y(s.contrast, T.contrast),
+    saturation: Y(s.saturation, T.saturation),
+    hue: Y(s.hue, T.hue),
+    sepia: Y(s.sepia, T.sepia),
+    negative: fe(s.negative, T.negative)
   };
 }
 function ie(s, e) {
@@ -3280,17 +3285,17 @@ f({
   // Create an instance of the ColorMatrixFilter with the provided parameters
   createFilter: (s) => {
     try {
-      const e = mt(s ?? {}), t = new ut(), i = t;
+      const e = gt(s ?? {}), t = new pt(), i = t;
       return i._customParams = { ...e }, ie(t, e), i.updateUIParam = function(a, o) {
         try {
-          if (!ft(a))
+          if (!mt(a))
             return;
-          const n = this._customParams ?? { ...N };
+          const n = this._customParams ?? { ...T };
           if (a === "negative")
             n.negative = fe(o, n.negative);
           else {
             const l = a;
-            n[l] = X(o, n[l]);
+            n[l] = Y(o, n[l]);
           }
           this._customParams = n, ie(this, n);
         } catch {
@@ -3564,7 +3569,7 @@ f({
     }
   ]
 });
-const { ColorOverlayFilter: gt } = b;
+const { ColorOverlayFilter: bt } = b;
 f({
   id: "colorOverlay",
   name: "Color Overlay",
@@ -3579,7 +3584,7 @@ f({
     try {
       let e = 16711680;
       s.color && (typeof s.color == "string" ? e = parseInt(s.color.replace("#", "0x"), 16) : typeof s.color == "number" && (e = s.color));
-      const t = new gt({
+      const t = new bt({
         color: e,
         alpha: s.alpha || 0.5
       });
@@ -3811,7 +3816,7 @@ f({
     }
   ]
 });
-const { ColorMatrixFilter: bt } = S;
+const { ColorMatrixFilter: yt } = S;
 f({
   id: "grayscale",
   name: "Grayscale",
@@ -3824,7 +3829,7 @@ f({
    */
   createFilter: (s) => {
     try {
-      const e = new bt();
+      const e = new yt();
       e._customParams = { ...s };
       const t = s.intensity !== void 0 ? s.intensity : 1;
       return re(e, t), e.updateUIParam = function(i, r) {
@@ -3864,7 +3869,7 @@ f({
 function re(s, e) {
   s.reset(), s.greyscale(e);
 }
-const { HslAdjustmentFilter: yt } = b;
+const { HslAdjustmentFilter: _t } = b;
 f({
   id: "hsl-adjustment",
   name: "HSL Adjustment",
@@ -3876,7 +3881,7 @@ f({
    */
   createFilter: (s) => {
     try {
-      const e = new yt({
+      const e = new _t({
         hue: s.hue !== void 0 ? s.hue : 0,
         saturation: s.saturation !== void 0 ? s.saturation : 0,
         lightness: s.lightness !== void 0 ? s.lightness : 0,
@@ -3974,7 +3979,7 @@ f({
     }
   ]
 });
-const { KawaseBlurFilter: _t } = b;
+const { KawaseBlurFilter: xt } = b;
 f({
   id: "kawase-blur",
   name: "Kawase Blur",
@@ -3987,7 +3992,7 @@ f({
    */
   createFilter: (s) => {
     try {
-      const e = new _t({
+      const e = new xt({
         strength: s.strength || 4,
         quality: s.quality || 3,
         clamp: s.clamp || !1,
@@ -4092,7 +4097,7 @@ f({
     }
   ]
 });
-const { MotionBlurFilter: xt } = b;
+const { MotionBlurFilter: Ct } = b;
 f({
   id: "motion-blur",
   name: "Motion Blur",
@@ -4105,7 +4110,7 @@ f({
    */
   createFilter: (s) => {
     try {
-      const e = new xt({
+      const e = new Ct({
         velocity: {
           x: s.velocityX !== void 0 ? s.velocityX : 0,
           y: s.velocityY !== void 0 ? s.velocityY : 0
@@ -4200,7 +4205,7 @@ f({
     }
   ]
 });
-const { RadialBlurFilter: Ct } = b;
+const { RadialBlurFilter: wt } = b;
 f({
   id: "radial-blur",
   name: "Radial Blur",
@@ -4209,7 +4214,7 @@ f({
   // Create an instance of the RadialBlurFilter with the provided parameters
   createFilter: (s) => {
     try {
-      const e = new Ct({
+      const e = new wt({
         angle: s.angle ?? 20,
         center: { x: s.centerX ?? 0, y: s.centerY ?? 0 },
         kernelSize: s.kernelSize ?? 15,
@@ -4324,7 +4329,7 @@ f({
     }
   ]
 });
-const { TiltShiftFilter: wt } = b;
+const { TiltShiftFilter: St } = b;
 f({
   id: "tilt-shift",
   name: "Tilt Shift",
@@ -4333,7 +4338,7 @@ f({
   // Create an instance of the TiltShiftFilter with the provided parameters
   createFilter: (s) => {
     try {
-      const e = typeof s.blur == "number" ? s.blur : 100, t = typeof s.gradientBlur == "number" ? s.gradientBlur : 600, i = typeof s.startX == "number" ? s.startX : 0, r = typeof s.startY == "number" ? s.startY : 0.5, a = typeof s.endX == "number" ? s.endX : 1, o = typeof s.endY == "number" ? s.endY : 0.5, n = new wt({
+      const e = typeof s.blur == "number" ? s.blur : 100, t = typeof s.gradientBlur == "number" ? s.gradientBlur : 600, i = typeof s.startX == "number" ? s.startX : 0, r = typeof s.startY == "number" ? s.startY : 0.5, a = typeof s.endX == "number" ? s.endX : 1, o = typeof s.endY == "number" ? s.endY : 0.5, n = new St({
         blur: Number(e),
         gradientBlur: Number(t),
         start: { x: Number(i), y: Number(r) },
@@ -4452,7 +4457,7 @@ f({
     }
   ]
 });
-const { ZoomBlurFilter: St } = b;
+const { ZoomBlurFilter: vt } = b;
 f({
   id: "zoom-blur",
   name: "Zoom Blur",
@@ -4465,7 +4470,7 @@ f({
    */
   createFilter: (s) => {
     try {
-      const e = new St({
+      const e = new vt({
         strength: s.strength || 0.1,
         center: {
           x: s.centerX !== void 0 ? s.centerX : 0.5,
@@ -4906,7 +4911,7 @@ f({
     }
   ]
 });
-const vt = b.ColorReplaceFilter;
+const kt = b.ColorReplaceFilter;
 f({
   id: "color-replace",
   name: "Color Replace",
@@ -4923,7 +4928,7 @@ f({
       s.originalColor && (typeof s.originalColor == "string" ? e = parseInt(s.originalColor.replace("#", "0x"), 16) : typeof s.originalColor == "number" && (e = s.originalColor));
       let t = 255;
       s.targetColor && (typeof s.targetColor == "string" ? t = parseInt(s.targetColor.replace("#", "0x"), 16) : typeof s.targetColor == "number" && (t = s.targetColor));
-      const i = new vt({
+      const i = new kt({
         originalColor: e,
         targetColor: t,
         tolerance: s.tolerance || 0.4
@@ -4987,7 +4992,7 @@ f({
     }
   ]
 });
-const kt = b.MultiColorReplaceFilter;
+const Pt = b.MultiColorReplaceFilter;
 f({
   id: "multi-color-replace",
   name: "Multi-Color Replace",
@@ -5013,7 +5018,7 @@ f({
         const i = typeof s.originalColor3 == "string" ? parseInt(s.originalColor3.replace("#", "0x"), 16) : s.originalColor3, r = typeof s.targetColor3 == "string" ? parseInt(s.targetColor3.replace("#", "0x"), 16) : s.targetColor3;
         e.push([i, r]);
       }
-      const t = new kt(
+      const t = new Pt(
         e,
         s.tolerance || 0.05,
         3
@@ -5124,7 +5129,7 @@ f({
     }
   ]
 });
-const { RGBSplitFilter: Pt } = b;
+const { RGBSplitFilter: Mt } = b;
 f({
   id: "rgb-split",
   name: "RGB Split",
@@ -5145,7 +5150,7 @@ f({
       }, i = {
         x: s.blueX !== void 0 ? s.blueX : 0,
         y: s.blueY !== void 0 ? s.blueY : 0
-      }, r = new Pt({
+      }, r = new Mt({
         red: e,
         green: t,
         blue: i
@@ -5258,7 +5263,7 @@ f({
     }
   ]
 });
-const { AdvancedBloomFilter: Mt } = b;
+const { AdvancedBloomFilter: Ft } = b;
 f({
   id: "advanced-bloom",
   name: "Advanced Bloom",
@@ -5267,7 +5272,7 @@ f({
   // Create an instance of the AdvancedBloomFilter with the provided parameters
   createFilter: (s) => {
     try {
-      const e = new Mt({
+      const e = new Ft({
         threshold: s.threshold || 0.5,
         bloomScale: s.bloomScale || 1,
         brightness: s.brightness || 1,
@@ -5414,7 +5419,7 @@ f({
     }
   ]
 });
-const Ft = b.AsciiFilter;
+const At = b.AsciiFilter;
 f({
   id: "ascii",
   name: "ASCII",
@@ -5426,7 +5431,7 @@ f({
       const e = typeof s.size == "number" ? s.size : 8;
       let t = s.color;
       typeof t == "string" && t.startsWith("#") && (t = parseInt(t.replace("#", "0x"), 16));
-      const i = s.replaceColor === !0, r = new Ft({
+      const i = s.replaceColor === !0, r = new At({
         size: e,
         color: t,
         replaceColor: i
@@ -5493,7 +5498,7 @@ f({
     }
   ]
 });
-const At = b.BackdropBlurFilter;
+const zt = b.BackdropBlurFilter;
 f({
   id: "backdrop-blur",
   name: "Backdrop Blur",
@@ -5502,7 +5507,7 @@ f({
   // Create an instance of the BackdropBlurFilter with the provided parameters
   createFilter: (s) => {
     try {
-      const e = new At({
+      const e = new zt({
         // Higher strength values (20-50) make the effect more noticeable
         strength: s.strength || 20,
         quality: s.quality || 4,
@@ -5600,7 +5605,7 @@ f({
     }
   ]
 });
-const { BevelFilter: zt } = b;
+const { BevelFilter: Rt } = b;
 f({
   id: "bevel",
   name: "Bevel",
@@ -5612,7 +5617,7 @@ f({
    */
   createFilter: (s) => {
     try {
-      const e = s.lightColor ? s.lightColor.replace("#", "0x") : "0xffffff", t = s.shadowColor ? s.shadowColor.replace("#", "0x") : "0x000000", i = new zt({
+      const e = s.lightColor ? s.lightColor.replace("#", "0x") : "0xffffff", t = s.shadowColor ? s.shadowColor.replace("#", "0x") : "0x000000", i = new Rt({
         rotation: s.rotation !== void 0 ? s.rotation : 45,
         thickness: s.thickness !== void 0 ? s.thickness : 2,
         lightColor: parseInt(e, 16),
@@ -5728,7 +5733,7 @@ f({
     }
   ]
 });
-const { BloomFilter: Rt } = b;
+const { BloomFilter: Nt } = b;
 f({
   id: "bloom",
   name: "Bloom/Glow",
@@ -5737,7 +5742,7 @@ f({
   // Create an instance of the BloomFilter with the provided parameters
   createFilter: (s) => {
     try {
-      const e = typeof s.strengthX == "number" ? s.strengthX : 2, t = typeof s.strengthY == "number" ? s.strengthY : 2, i = typeof s.quality == "number" ? s.quality : 4, r = typeof s.resolution == "number" ? s.resolution : 1, a = typeof s.kernelSize == "number" ? s.kernelSize : 5, o = new Rt({
+      const e = typeof s.strengthX == "number" ? s.strengthX : 2, t = typeof s.strengthY == "number" ? s.strengthY : 2, i = typeof s.quality == "number" ? s.quality : 4, r = typeof s.resolution == "number" ? s.resolution : 1, a = typeof s.kernelSize == "number" ? s.kernelSize : 5, o = new Nt({
         strength: {
           x: Number(e),
           y: Number(t)
@@ -5840,7 +5845,7 @@ f({
     }
   ]
 });
-const { BulgePinchFilter: Nt } = b;
+const { BulgePinchFilter: Tt } = b;
 f({
   id: "bulge-pinch",
   // ID must match what the application expects
@@ -5850,7 +5855,7 @@ f({
   // Create an instance of the BulgePinchFilter with the provided parameters
   createFilter: (s) => {
     try {
-      const e = s.centerX ?? 0.5, t = s.centerY ?? 0.5, i = s.radius ?? 100, r = s.strength ?? 1, a = new Nt({
+      const e = s.centerX ?? 0.5, t = s.centerY ?? 0.5, i = s.radius ?? 100, r = s.strength ?? 1, a = new Tt({
         center: {
           x: e,
           y: t
@@ -5932,7 +5937,7 @@ f({
     }
   ]
 });
-const { ConvolutionFilter: Tt } = b, E = {
+const { ConvolutionFilter: It } = b, X = {
   normal: [0, 0, 0, 0, 1, 0, 0, 0, 0],
   gaussianBlur: [0.045, 0.122, 0.045, 0.122, 0.332, 0.122, 0.045, 0.122, 0.045],
   boxBlur: [1 / 9, 1 / 9, 1 / 9, 1 / 9, 1 / 9, 1 / 9, 1 / 9, 1 / 9, 1 / 9],
@@ -5965,16 +5970,16 @@ f({
         ];
       else {
         const i = s.preset;
-        e = E[i] || E.normal;
+        e = X[i] || X.normal;
       }
-      const t = new Tt(e, s.width || 200, s.height || 200);
+      const t = new It(e, s.width || 200, s.height || 200);
       return t._customParams = { ...s }, t.updateUIParam = function(i, r) {
         const a = this._customParams || {};
         switch (this._customParams = a, a[i] = r, i) {
           case "preset":
             if (!a.customMatrix) {
               const o = r;
-              E[o] && (this.matrix = E[o]);
+              X[o] && (this.matrix = X[o]);
             }
             break;
           case "customMatrix":
@@ -5983,7 +5988,7 @@ f({
               a.m00 = o[0], a.m01 = o[1], a.m02 = o[2], a.m10 = o[3], a.m11 = o[4], a.m12 = o[5], a.m20 = o[6], a.m21 = o[7], a.m22 = o[8];
             } else {
               const o = a.preset;
-              this.matrix = E[o] || E.normal;
+              this.matrix = X[o] || X.normal;
             }
             break;
           case "m00":
@@ -6178,7 +6183,7 @@ f({
     }
   ]
 });
-const { CrossHatchFilter: It } = b;
+const { CrossHatchFilter: Et } = b;
 f({
   id: "cross-hatch",
   name: "Cross Hatch",
@@ -6188,7 +6193,7 @@ f({
   // Note: CrossHatchFilter has NO parameters according to PixiJS examples
   createFilter: (s) => {
     try {
-      const e = new It();
+      const e = new Et();
       return e.updateUIParam = function(t, i) {
         return !0;
       }, e;
@@ -6385,7 +6390,7 @@ f({
     }
   ]
 });
-const Et = S.DisplacementFilter, Xt = S.Sprite, $ = S.Texture;
+const Xt = S.DisplacementFilter, Yt = S.Sprite, $ = S.Texture;
 f({
   id: "displacement",
   // ID must match what the application expects
@@ -6411,7 +6416,7 @@ f({
         }
         t = $.from(o);
       }
-      const i = new Xt(t), r = new Et(i, s.scale || 50);
+      const i = new Yt(t), r = new Xt(i, s.scale || 50);
       return r.scale.x = s.scaleX || 50, r.scale.y = s.scaleY || 50, r._customParams = { ...s }, r._displacementSprite = i, r.updateUIParam = function(a, o) {
         const n = this._customParams || {};
         switch (this._customParams = n, n[a] = o, a) {
@@ -6558,7 +6563,7 @@ f({
     }
   ]
 });
-const { EmbossFilter: Yt } = b;
+const { EmbossFilter: Bt } = b;
 f({
   id: "emboss",
   name: "Emboss",
@@ -6567,7 +6572,7 @@ f({
   // Create an instance of the Emboss filter with the provided parameters
   createFilter: (s) => {
     try {
-      const e = typeof s.strength == "number" ? s.strength : 5, t = new Yt(e);
+      const e = typeof s.strength == "number" ? s.strength : 5, t = new Bt(e);
       return t._customParams = {
         strength: e
       }, t.updateUIParam = function(i, r) {
@@ -6607,7 +6612,7 @@ f({
     }
   ]
 });
-const { GlitchFilter: Bt } = b, R = {
+const { GlitchFilter: Ot } = b, N = {
   TRANSPARENT: 0,
   ORIGINAL: 1,
   LOOP: 2,
@@ -6621,7 +6626,7 @@ f({
   description: "Apply digital distortion and glitch effects",
   createFilter: (s) => {
     try {
-      const e = { x: s.redX, y: s.redY }, t = { x: s.greenX, y: s.greenY }, i = { x: s.blueX, y: s.blueY }, r = new Bt({
+      const e = { x: s.redX, y: s.redY }, t = { x: s.greenX, y: s.greenY }, i = { x: s.blueX, y: s.blueY }, r = new Ot({
         slices: s.slices,
         offset: s.offset,
         direction: s.direction,
@@ -6699,7 +6704,7 @@ f({
     slices: 10,
     offset: 100,
     direction: 0,
-    fillMode: R.LOOP,
+    fillMode: N.LOOP,
     // LOOP mode looks better for the demo
     seed: 0.5,
     average: !1,
@@ -6762,13 +6767,13 @@ f({
       label: "Fill Mode",
       property: "fillMode",
       options: [
-        { value: R.TRANSPARENT, label: "Transparent" },
-        { value: R.ORIGINAL, label: "Original" },
-        { value: R.LOOP, label: "Loop" },
-        { value: R.CLAMP, label: "Clamp" },
-        { value: R.MIRROR, label: "Mirror" }
+        { value: N.TRANSPARENT, label: "Transparent" },
+        { value: N.ORIGINAL, label: "Original" },
+        { value: N.LOOP, label: "Loop" },
+        { value: N.CLAMP, label: "Clamp" },
+        { value: N.MIRROR, label: "Mirror" }
       ],
-      default: R.LOOP
+      default: N.LOOP
     },
     {
       id: "seed",
@@ -6862,7 +6867,7 @@ f({
     }
   ]
 });
-const { GlowFilter: Ot } = b;
+const { GlowFilter: Lt } = b;
 f({
   id: "glow",
   name: "Glow",
@@ -6871,7 +6876,7 @@ f({
   // Create an instance of the GlowFilter with the provided parameters
   createFilter: (s) => {
     try {
-      const e = parseInt(s.color.replace("#", "0x"), 16), t = new Ot({
+      const e = parseInt(s.color.replace("#", "0x"), 16), t = new Lt({
         distance: s.distance || 10,
         outerStrength: s.outerStrength || 4,
         innerStrength: s.innerStrength || 0,
@@ -6997,7 +7002,7 @@ f({
     }
   ]
 });
-const { GodrayFilter: Lt } = b;
+const { GodrayFilter: Dt } = b;
 f({
   id: "godray",
   name: "Godray",
@@ -7006,7 +7011,7 @@ f({
   // Create an instance of the GodrayFilter with the provided parameters
   createFilter: (s) => {
     try {
-      const e = new Lt({
+      const e = new Dt({
         angle: s.angle || 30,
         parallel: s.parallel ?? !0,
         center: {
@@ -7159,7 +7164,7 @@ f({
     }
   ]
 });
-const Dt = b.SimpleLightmapFilter, ae = S.Texture;
+const Ut = b.SimpleLightmapFilter, ae = S.Texture;
 f({
   id: "lightmap",
   name: "Lightmap",
@@ -7191,7 +7196,7 @@ f({
       } catch {
         n = 0;
       }
-      const l = new Dt(o, n, i);
+      const l = new Ut(o, n, i);
       return l._customParams = {
         textureType: e,
         color: t,
@@ -7290,7 +7295,7 @@ f({
     }
   ]
 });
-const { NoiseFilter: Ut } = S;
+const { NoiseFilter: Vt } = S;
 f({
   id: "noise",
   name: "Noise",
@@ -7298,7 +7303,7 @@ f({
   description: "Add random noise to the image",
   createFilter: (s) => {
     try {
-      const e = new Ut({
+      const e = new Vt({
         noise: s.noise || 0.5,
         seed: s.seed || Math.random()
       });
@@ -7375,7 +7380,7 @@ f({
     }
   ]
 });
-const { OldFilmFilter: Vt } = b;
+const { OldFilmFilter: jt } = b;
 f({
   id: "old-film",
   name: "Old Film",
@@ -7383,7 +7388,7 @@ f({
   description: "Apply a vintage film effect with scratches and grain",
   createFilter: (s) => {
     try {
-      const e = new Vt({
+      const e = new jt({
         sepia: s.sepia,
         noise: s.noise,
         noiseSize: s.noiseSize,
@@ -7564,7 +7569,7 @@ f({
     }
   ]
 });
-const { OutlineFilter: jt } = b;
+const { OutlineFilter: qt } = b;
 f({
   id: "outline",
   name: "Outline",
@@ -7574,7 +7579,7 @@ f({
     try {
       let e = s.color;
       typeof e == "string" && (e = parseInt(e.replace("#", "0x"), 16));
-      const t = new jt({
+      const t = new qt({
         thickness: s.thickness || 4,
         color: e,
         alpha: s.alpha || 1,
@@ -7664,7 +7669,7 @@ f({
     }
   ]
 });
-const { PixelateFilter: qt } = b;
+const { PixelateFilter: Ht } = b;
 f({
   id: "pixelate",
   name: "Pixelate",
@@ -7672,7 +7677,7 @@ f({
   description: "Create a pixelated or mosaic effect",
   createFilter: (s) => {
     try {
-      const e = new qt(
+      const e = new Ht(
         s.useUniform ? Math.max(4, s.size || 10) : [Math.max(4, s.sizeX || 10), Math.max(4, s.sizeY || 10)]
       );
       return e._customParams = { ...s }, e.updateUIParam = function(t, i) {
@@ -7755,7 +7760,7 @@ f({
     }
   ]
 });
-const { ReflectionFilter: Ht } = b;
+const { ReflectionFilter: $t } = b;
 f({
   id: "reflection",
   // ID must match what the application expects
@@ -7772,7 +7777,7 @@ f({
         waveLength: new Float32Array([s.wavelengthStart ?? 30, s.wavelengthEnd ?? 100]),
         alpha: new Float32Array([s.alphaStart ?? 1, s.alphaEnd ?? 1]),
         time: s.time ?? 0
-      }, t = new Ht(e);
+      }, t = new $t(e);
       return t._customParams = { ...s }, t.animating = s.animating ?? !1, t.updateUIParam = function(i, r) {
         const a = this._customParams || {};
         switch (this._customParams = a, a[i] = r, i) {
@@ -7923,7 +7928,7 @@ f({
     }
   ]
 });
-const { ShockwaveFilter: $t } = b;
+const { ShockwaveFilter: Wt } = b;
 f({
   id: "shockwave",
   // ID must match what the application expects
@@ -7933,7 +7938,7 @@ f({
   // Create an instance of the ShockwaveFilter with the provided parameters
   createFilter: (s) => {
     try {
-      const e = s.centerX ?? 0.5, t = s.centerY ?? 0.5, i = { x: e, y: t }, r = s.amplitude ?? 30, a = s.wavelength ?? 160, o = s.speed ?? 500, n = s.brightness ?? 1, l = s.radius ?? -1, c = s.time ?? 0, d = new $t({
+      const e = s.centerX ?? 0.5, t = s.centerY ?? 0.5, i = { x: e, y: t }, r = s.amplitude ?? 30, a = s.wavelength ?? 160, o = s.speed ?? 500, n = s.brightness ?? 1, l = s.radius ?? -1, c = s.time ?? 0, d = new Wt({
         center: i,
         amplitude: r,
         wavelength: a,
@@ -8075,7 +8080,7 @@ f({
     }
   ]
 });
-const { SimplexNoiseFilter: Wt } = b;
+const { SimplexNoiseFilter: Zt } = b;
 f({
   id: "simplex-noise",
   name: "Simplex Noise",
@@ -8083,7 +8088,7 @@ f({
   description: "Apply procedural noise to create texture effects",
   createFilter: (s) => {
     try {
-      const e = s.animating ? 0 : s.offsetZ || 0, t = new Wt({
+      const e = s.animating ? 0 : s.offsetZ || 0, t = new Zt({
         strength: s.strength,
         noiseScale: s.noiseScale,
         offsetX: s.offsetX,
@@ -8230,9 +8235,9 @@ f({
     }
   ]
 });
-class Zt extends S.Filter {
+class Gt extends S.Filter {
   constructor(e) {
-    const t = Ce.from({
+    const t = we.from({
       vertex: `
         attribute vec2 aPosition;
         varying vec2 vTextureCoord;
@@ -8341,7 +8346,7 @@ f({
   description: "Creates a twisting distortion effect around a central point",
   createFilter: (s) => {
     try {
-      const e = new Zt({
+      const e = new Gt({
         centerX: s.centerX ?? 0.5,
         centerY: s.centerY ?? 0.5,
         radius: s.radius ?? 0.25,
@@ -8411,7 +8416,7 @@ f({
     }
   ]
 });
-const { AdjustmentFilter: Gt } = b;
+const { AdjustmentFilter: Kt } = b;
 function D(s) {
   const e = typeof s == "string" ? parseInt(s.replace("#", "0x"), 16) : s;
   return [
@@ -8420,7 +8425,7 @@ function D(s) {
     (e & 255) / 255
   ];
 }
-class Kt extends Gt {
+class Qt extends Kt {
   constructor(e = {}) {
     super({
       brightness: 1,
@@ -8463,7 +8468,7 @@ f({
   description: "Add a classic darkened border effect to the image",
   createFilter: (s) => {
     try {
-      const e = new Kt({
+      const e = new Qt({
         radius: s.radius || 0.8,
         strength: s.strength || 1,
         color: s.color || "#000000"
@@ -8527,22 +8532,22 @@ f({
     }
   ]
 });
-function ri(s) {
+function ai(s) {
   try {
     let e = [], t = [];
     try {
-      e = U(), e.length === 0 && rt();
+      e = U(), e.length === 0 && st();
     } catch {
     }
     const i = s == null ? void 0 : s.disabled;
     if (Array.isArray(i) && i.length > 0) {
       let r = 0;
       for (const a of i)
-        ot(a) && r++;
+        nt(a) && r++;
       r > 0;
     }
     try {
-      e = U(), t = at();
+      e = U(), t = ot();
     } catch {
       e || (e = []), t || (t = []);
     }
@@ -8552,16 +8557,16 @@ function ri(s) {
   }
 }
 export {
-  ei as V,
-  it as a,
-  st as b,
-  at as c,
-  rt as d,
-  ii as e,
-  nt as f,
+  ii as V,
+  rt as a,
+  at as b,
+  ot as c,
+  st as d,
+  si as e,
+  lt as f,
   U as g,
-  ti as h,
-  ri as i,
+  ri as h,
+  ai as i,
   f as r
 };
-//# sourceMappingURL=editor-Cw08D0SQ.js.map
+//# sourceMappingURL=editor-B9JJoibh.js.map