@codingfactory/mediables-vue 2.3.3 → 2.3.5

package/dist/{editor-DJXRx8vN.js → editor-BgjKZltI.js}

@@ -1,6 +1,6 @@
 var me = Object.defineProperty;
 var ge = (s, e, t) => e in s ? me(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var U = (s, e, t) => ge(s, typeof e != "symbol" ? e + "" : e, t);
+var V = (s, e, t) => ge(s, typeof e != "symbol" ? e + "" : e, t);
 import * as g from "pixi-filters";
 import * as w from "pixi.js";
 import { GlProgram as be } from "pixi.js";
@@ -284,47 +284,40 @@ class xe extends B {
    * @returns {string|null} Data URL
    */
   exportImage(e = "png", t = 0.92, i = 0, r = !0) {
-    var m, b, _;
-    if (!((m = this.app) != null && m.renderer) || !this.originalTexture)
+    var y;
+    if (!((y = this.app) != null && y.renderer) || !this.originalTexture || !this.sprite)
       return null;
     const a = window.PIXI, o = Math.round(this.originalTexture.width), n = Math.round(this.originalTexture.height);
     if (o <= 0 || n <= 0)
       return null;
     let l = o, c = n;
     if (i > 0) {
-      const x = Math.max(o, n);
-      let y = i / x;
-      r && (y = Math.min(1, y)), l = Math.round(o * y), c = Math.round(n * y);
-    }
-    const d = new a.Container(), h = new a.Sprite(this.originalTexture);
-    if (h.scale.set(l / o, c / n), (_ = (b = this.sprite) == null ? void 0 : b.filters) != null && _.length) {
-      const x = this.sprite.filters.map(
-        (y) => typeof (y == null ? void 0 : y.clone) == "function" ? y.clone() : y
-      );
-      h.filters = x;
+      const _ = Math.max(o, n);
+      let v = i / _;
+      r && (v = Math.min(1, v)), l = Math.round(o * v), c = Math.round(n * v);
     }
-    d.addChild(h);
-    let p = null;
+    const d = this.sprite, h = d.x, p = d.y, m = d.scale.x, C = d.scale.y;
+    let b = null;
     try {
-      if (p = a.RenderTexture.create({ width: l, height: c }), this.app.renderer.render({ container: d, target: p }), !this.app.renderer.extract)
+      if (d.x = 0, d.y = 0, d.scale.set(l / o, c / n), b = a.RenderTexture.create({ width: l, height: c }), this.app.renderer.render({ container: this.app.stage, target: b }), !this.app.renderer.extract)
         return null;
-      const x = this.app.renderer.extract.canvas(p);
-      if (!x)
+      const _ = this.app.renderer.extract.canvas(b);
+      if (!_)
         return null;
-      let y = null;
-      if (typeof x.toDataURL == "function")
-        y = x.toDataURL(`image/${e}`, t);
-      else if (typeof x.getContext == "function") {
-        const A = document.createElement("canvas");
-        A.width = x.width, A.height = x.height;
-        const I = A.getContext("2d");
-        I && (I.drawImage(x, 0, 0), y = A.toDataURL(`image/${e}`, t));
+      let v = null;
+      if (typeof _.toDataURL == "function")
+        v = _.toDataURL(`image/${e}`, t);
+      else if (typeof _.getContext == "function") {
+        const M = document.createElement("canvas");
+        M.width = _.width, M.height = _.height;
+        const O = M.getContext("2d");
+        O && (O.drawImage(_, 0, 0), v = M.toDataURL(`image/${e}`, t));
       }
-      return y || null;
+      return v || null;
     } catch {
       return null;
     } finally {
-      p && p.destroy(!0), d.destroy({ children: !0 });
+      d.x = h, d.y = p, d.scale.set(m, C), b && b.destroy(!0);
     }
   }
   /**
@@ -575,7 +568,7 @@ class we extends B {
     return this.instances[e] || null;
   }
 }
-const R = class R extends B {
+const T = class T extends B {
   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);
   }
@@ -652,7 +645,7 @@ const R = class R 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 = R.AUTO_ZOOM_PADDING;
+    const d = T.AUTO_ZOOM_PADDING;
     let h = n;
     if (l) {
       const p = e.width / (d * r * o);
@@ -671,11 +664,11 @@ const R = class R extends B {
   _checkAutoZoom() {
     if (!this.state.get("autoZoomOnCropOverflow")) return;
     const e = Date.now();
-    if (e - this._lastAutoZoomCheck < R.AUTO_ZOOM_THROTTLE_MS) return;
+    if (e - this._lastAutoZoomCheck < T.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 = R.calcAutoZoom(
+    const a = T.calcAutoZoom(
       t,
       i.width,
       i.height,
@@ -703,8 +696,8 @@ const R = class R extends B {
     if (!l) return;
     const c = this.state.get("crop.shape");
     if (n.save(), c === "circle") {
-      const _ = l.x + l.width / 2, x = l.y + l.height / 2, y = Math.min(l.width, l.height) / 2;
-      n.beginPath(), n.arc(_, x, y, 0, Math.PI * 2), n.clip();
+      const y = l.x + l.width / 2, z = l.y + l.height / 2, _ = Math.min(l.width, l.height) / 2;
+      n.beginPath(), n.arc(y, z, _, 0, Math.PI * 2), n.clip();
     } else
       n.beginPath(), n.rect(l.x, l.y, l.width, l.height), n.clip();
     n.clearRect(l.x, l.y, l.width, l.height), n.restore(), n.strokeStyle = "#ffffff", n.lineWidth = 2, n.setLineDash([5, 5]), c === "circle" ? (n.beginPath(), n.arc(
@@ -715,22 +708,22 @@ const R = class R extends B {
       Math.PI * 2
     ), n.stroke()) : n.strokeRect(l.x, l.y, l.width, l.height), n.setLineDash([]), n.strokeStyle = "rgba(255,255,255,0.3)", n.lineWidth = 1;
     const d = l.width / 3, h = l.height / 3;
-    for (let _ = 1; _ <= 2; _++)
-      n.beginPath(), n.moveTo(l.x + d * _, l.y), n.lineTo(l.x + d * _, l.y + l.height), n.stroke(), n.beginPath(), n.moveTo(l.x, l.y + h * _), n.lineTo(l.x + l.width, l.y + h * _), n.stroke();
+    for (let y = 1; y <= 2; y++)
+      n.beginPath(), n.moveTo(l.x + d * y, l.y), n.lineTo(l.x + d * y, l.y + l.height), n.stroke(), n.beginPath(), n.moveTo(l.x, l.y + h * y), n.lineTo(l.x + l.width, l.y + h * y), n.stroke();
     const p = this.HANDLE_SIZE, m = [
       { x: l.x, y: l.y, m: "resize-nw" },
       { x: l.x + l.width, y: l.y, m: "resize-ne" },
       { x: l.x, y: l.y + l.height, m: "resize-sw" },
       { x: l.x + l.width, y: l.y + l.height, m: "resize-se" }
-    ], S = [
+    ], C = [
       { x: l.x + l.width / 2, y: l.y, m: "n" },
       { x: l.x + l.width / 2, y: l.y + l.height, m: "s" },
       { x: l.x, y: l.y + l.height / 2, m: "w" },
       { x: l.x + l.width, y: l.y + l.height / 2, m: "e" }
-    ], b = [...m, ...S];
-    for (const _ of b) {
-      const x = this._hoverMode === _.m, y = x ? p + 4 : p;
-      n.beginPath(), n.rect(_.x - y / 2, _.y - y / 2, y, y), n.fillStyle = x ? "#4da3ff" : "#ffffff", n.strokeStyle = "rgba(0,0,0,0.6)", n.lineWidth = 1, n.fill(), n.stroke();
+    ], b = [...m, ...C];
+    for (const y of b) {
+      const z = this._hoverMode === y.m, _ = z ? p + 4 : p;
+      n.beginPath(), n.rect(y.x - _ / 2, y.y - _ / 2, _, _), n.fillStyle = z ? "#4da3ff" : "#ffffff", n.strokeStyle = "rgba(0,0,0,0.6)", n.lineWidth = 1, n.fill(), n.stroke();
     }
   }
   /**
@@ -841,24 +834,24 @@ const R = class R extends B {
     const e = this.renderer.app, t = this.renderer.sprite, i = this.renderer.originalTexture, r = this.state.get("crop.rect");
     if (!r || !t || !e || !i) return null;
     const a = window.PIXI, o = this.renderer.zoom, n = i.width / t.width, l = i.height / t.height, c = (r.x - t.x) * n, d = (r.y - t.y) * l;
-    let h = Math.round(Math.max(1, r.width * n)), p = Math.round(Math.max(1, r.height * l)), m = Math.round(c), S = Math.round(d);
+    let h = Math.round(Math.max(1, r.width * n)), p = Math.round(Math.max(1, r.height * l)), m = Math.round(c), C = Math.round(d);
     if (h <= 0 || p <= 0) return null;
-    const b = new a.Container(), _ = new a.Sprite(i);
+    const b = new a.Container(), y = new a.Sprite(i);
     if (this.state.get("crop.shape") === "circle") {
-      const I = Math.round(Math.max(h, p)), pe = m + h / 2, fe = S + p / 2;
-      m = Math.round(pe - I / 2), S = Math.round(fe - I / 2), h = p = I;
-      const M = new a.Graphics();
-      typeof M.circle == "function" && typeof M.fill == "function" ? M.circle(h / 2, p / 2, h / 2).fill(16777215) : (M.beginFill(16777215, 1), M.drawCircle(h / 2, p / 2, h / 2), M.endFill()), _.mask = M, b.addChild(M);
+      const M = Math.round(Math.max(h, p)), O = m + h / 2, fe = C + p / 2;
+      m = Math.round(O - M / 2), C = Math.round(fe - M / 2), h = p = M;
+      const F = new a.Graphics();
+      typeof F.circle == "function" && typeof F.fill == "function" ? F.circle(h / 2, p / 2, h / 2).fill(16777215) : (F.beginFill(16777215, 1), F.drawCircle(h / 2, p / 2, h / 2), F.endFill()), y.mask = F, b.addChild(F);
     }
-    _.x = -m, _.y = -S, b.addChild(_);
-    const y = a.RenderTexture.create({ width: h, height: p });
+    y.x = -m, y.y = -C, b.addChild(y);
+    const _ = a.RenderTexture.create({ width: h, height: p });
     e.renderer.render({
       container: b,
-      target: y,
+      target: _,
       clear: !0
-    }), b.destroy({ children: !0 }), this.renderer.originalTexture = y, e.stage.removeChild(t), t.destroy();
-    const A = new a.Sprite(y);
-    return e.stage.addChild(A), this.renderer.sprite = A, this.renderer.fitScale = this.renderer.getFitScaleFor(y), this.renderer.setZoom(o, { keepCenter: !1 }), this.renderer.applyViewTransform(), this.renderer.render(), this.disable(), this.emit("applied", { width: h, height: p }), { texture: y, preservedZoom: o };
+    }), b.destroy({ children: !0 }), this.renderer.originalTexture = _, e.stage.removeChild(t), t.destroy();
+    const v = new a.Sprite(_);
+    return e.stage.addChild(v), this.renderer.sprite = v, this.renderer.fitScale = this.renderer.getFitScaleFor(_), this.renderer.setZoom(o, { keepCenter: !1 }), this.renderer.applyViewTransform(), this.renderer.render(), this.disable(), this.emit("applied", { width: h, height: p }), { texture: _, preservedZoom: o };
   }
   /**
    * Cancel crop
@@ -885,11 +878,11 @@ const R = class R 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.
  */
-U(R, "AUTO_ZOOM_PADDING", 1.1), /**
+V(T, "AUTO_ZOOM_PADDING", 1.1), /**
  * Minimum interval (ms) between auto-zoom adjustments during drag.
  */
-U(R, "AUTO_ZOOM_THROTTLE_MS", 100);
-let H = R;
+V(T, "AUTO_ZOOM_THROTTLE_MS", 100);
+let $ = T;
 class Se {
   /**
    * Create a new RemoveBgManager
@@ -1016,7 +1009,7 @@ function u(s, e = {}, ...t) {
     typeof r == "string" ? i.appendChild(document.createTextNode(r)) : r instanceof HTMLElement && i.appendChild(r);
   return i;
 }
-function se({ id: s, label: e, min: t = 0, max: i = 1, step: r = 0.01, value: a = 0.5, onChange: o }) {
+function ae({ id: s, label: e, min: t = 0, max: i = 1, step: r = 0.01, value: a = 0.5, onChange: o }) {
   const n = s.includes("-") ? s.split("-").slice(1).join("-") : s, l = u("div", {
     className: "slider-control slider-wrapper",
     "data-control": n,
@@ -1025,7 +1018,7 @@ function se({ id: s, label: e, min: t = 0, max: i = 1, step: r = 0.01, value: a
     "div",
     { className: "slider-header" },
     u("label", { for: s, className: "slider-label" }, e),
-    u("span", { className: "slider-value", id: `${s}-value` }, V(a))
+    u("span", { className: "slider-value", id: `${s}-value` }, j(a))
   ), d = u("input", {
     type: "range",
     id: s,
@@ -1036,19 +1029,19 @@ function se({ id: s, label: e, min: t = 0, max: i = 1, step: r = 0.01, value: a
     value: String(a),
     onInput: (h) => {
       const p = parseFloat(h.target.value), m = l.querySelector(".slider-value");
-      m && (m.textContent = V(p)), o == null || o(p);
+      m && (m.textContent = j(p)), o == null || o(p);
     }
   });
   return l.appendChild(c), l.appendChild(d), l.setValue = (h) => {
     d.value = String(h);
     const p = l.querySelector(".slider-value");
-    p && (p.textContent = V(h));
+    p && (p.textContent = j(h));
   }, l;
 }
-function V(s) {
+function j(s) {
   return Number.isInteger(s) ? String(s) : s.toFixed(2);
 }
-function ae({ id: s, label: e, checked: t = !1, onChange: i }) {
+function oe({ id: s, label: e, checked: t = !1, onChange: i }) {
   const r = u("div", { className: "toggle-control" }), a = u("label", { className: "toggle-label", for: s }, e), o = u("input", {
     type: "checkbox",
     id: s,
@@ -1065,7 +1058,7 @@ function ae({ id: s, label: e, checked: t = !1, onChange: i }) {
     o.checked = c;
   }, r;
 }
-function oe({ id: s, label: e, value: t = "#000000", onChange: i }) {
+function ne({ id: s, label: e, value: t = "#000000", onChange: i }) {
   const r = u("div", { className: "color-control" }), a = u("label", { className: "color-label", for: s }, e), o = u("input", {
     type: "color",
     id: s,
@@ -1077,7 +1070,7 @@ function oe({ id: s, label: e, value: t = "#000000", onChange: i }) {
     o.value = n;
   }, r;
 }
-function ne({ id: s, label: e, options: t = [], value: i, onChange: r }) {
+function le({ id: s, label: e, options: t = [], value: i, onChange: r }) {
   const a = u("div", { className: "select-control" }), o = u("label", { className: "select-label", for: s }, e), n = u("select", {
     id: s,
     className: "select-input",
@@ -1091,7 +1084,7 @@ function ne({ id: s, label: e, options: t = [], value: i, onChange: r }) {
     n.value = l;
   }, a;
 }
-function F({ label: s, className: e = "", onClick: t, icon: i = null, disabled: r = !1 }) {
+function A({ label: s, className: e = "", onClick: t, icon: i = null, disabled: r = !1 }) {
   const a = u("button", {
     type: "button",
     className: `btn ${e}`.trim(),
@@ -1106,7 +1099,7 @@ function F({ label: s, className: e = "", onClick: t, icon: i = null, disabled:
   }
   return s && a.appendChild(document.createTextNode(s)), a;
 }
-function C({ icon: s, title: e, className: t = "", onClick: i, disabled: r = !1, testId: a = null, ariaLabel: o = null }) {
+function x({ icon: s, title: e, className: t = "", onClick: i, disabled: r = !1, testId: a = null, ariaLabel: o = null }) {
   const n = {
     type: "button",
     className: `icon-btn ${t}`.trim(),
@@ -1121,7 +1114,7 @@ function C({ icon: s, title: e, className: t = "", onClick: i, disabled: r = !1,
   const c = l.querySelector("svg");
   return c && c.setAttribute("aria-hidden", "true"), l;
 }
-function $({ label: s, icon: e, active: t = !1, onClick: i }) {
+function W({ label: s, icon: e, active: t = !1, onClick: i }) {
   const r = u("button", {
     type: "button",
     className: `chip ${t ? "active" : ""}`.trim(),
@@ -1137,7 +1130,7 @@ function $({ label: s, icon: e, active: t = !1, onClick: i }) {
     r.classList.toggle("active", a);
   }, r;
 }
-const le = '<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>', ce = '<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>', 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="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>', ke = '<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>', 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="M432 320v112H320M80 192V80h112M320 80h112v112M192 432H80V320"/></svg>', Me = '<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>', 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="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>', Ae = '<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>', 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="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>', 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="M176 112l80-80 80 80M255.98 32l.02 448M176 400l80 80 80-80M400 176l80 80-80 80M112 176l-80 80 80 80M32 256h448"/></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="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>', he = '<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>', 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="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>', Z = '<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>', de = '<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>', 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="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>', 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="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>', W = '<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>', Xe = '<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>', Ye = '<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>', 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="M80 96h64l64 320h64l64-160h96"/></svg>', G = '<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>', 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="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>', 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="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>';
+const ce = '<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>', 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="M184 112l144 144-144 144"/></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="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>', ke = '<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>', 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="M432 320v112H320M80 192V80h112M320 80h112v112M192 432H80V320"/></svg>', Me = '<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>', 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="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>', Ae = '<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>', 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="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>', 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="M176 112l80-80 80 80M255.98 32l.02 448M176 400l80 80 80-80M400 176l80 80-80 80M112 176l-80 80 80 80M32 256h448"/></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="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>', de = '<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>', 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="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>', 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="M368 368L144 144M368 144L144 368"/></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="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>', 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="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>', 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="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>', Z = '<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>', Xe = '<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>', Ye = '<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>', 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="M80 96h64l64 320h64l64-160h96"/></svg>', K = '<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>', Q = '<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>', 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="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 Le {
   constructor(e, t) {
     this.state = e, this.editor = t, this.element = null, this._unsubscribers = [];
@@ -1148,7 +1141,7 @@ class Le {
    */
   render() {
     this.element = u("div", { className: "editor-toolbar" });
-    const e = u("div", { className: "toolbar-section toolbar-left" }), t = C({
+    const e = u("div", { className: "toolbar-section toolbar-left" }), t = x({
       icon: Ee,
       title: "Open Image",
       className: "toolbar-btn",
@@ -1157,7 +1150,7 @@ class Le {
       onClick: () => this.editor.openFilePicker()
     });
     e.appendChild(t);
-    const i = u("div", { className: "toolbar-section toolbar-center" }), r = C({
+    const i = u("div", { className: "toolbar-section toolbar-center" }), r = x({
       icon: ke,
       title: "Zoom Out",
       className: "toolbar-btn",
@@ -1174,7 +1167,7 @@ class Le {
       "aria-atomic": "true",
       role: "status"
     }, "100%");
-    const a = C({
+    const a = x({
       icon: ve,
       title: "Zoom In",
       className: "toolbar-btn",
@@ -1184,7 +1177,7 @@ class Le {
         const h = this.state.get("zoom");
         this.editor.setZoom(h + 0.25);
       }
-    }), o = C({
+    }), o = x({
       icon: Pe,
       title: "Fit to Screen",
       className: "toolbar-btn",
@@ -1194,15 +1187,15 @@ class Le {
     });
     i.appendChild(r), i.appendChild(this._zoomLabel), i.appendChild(a), i.appendChild(o);
     const n = u("div", { className: "toolbar-section toolbar-right" });
-    this._themeBtn = C({
-      icon: this.state.get("isDarkMode") ? G : K,
+    this._themeBtn = x({
+      icon: this.state.get("isDarkMode") ? K : Q,
       title: "Toggle Theme",
       className: "toolbar-btn toolbar-btn-theme",
       testId: "btn-toggle-theme",
       ariaLabel: "Toggle theme",
       onClick: () => this.editor.toggleTheme()
-    }), this._cropBtn = C({
-      icon: he,
+    }), this._cropBtn = x({
+      icon: de,
       title: "Crop",
       className: "toolbar-btn toolbar-btn-crop",
       testId: "btn-crop",
@@ -1211,22 +1204,22 @@ class Le {
         this.state.get("mode") === "crop" ? this.editor.setMode("filters") : this.editor.setMode("crop");
       }
     });
-    const l = C({
-      icon: de,
+    const l = x({
+      icon: ue,
       title: "Reset All",
       className: "toolbar-btn",
       testId: "btn-reset-all",
       ariaLabel: "Reset all changes",
       onClick: () => this.editor.resetAll()
-    }), c = C({
+    }), c = x({
       icon: Te,
       title: "Save Image",
       className: "toolbar-btn toolbar-btn-primary",
       testId: "btn-save-edit",
       ariaLabel: "Save image",
       onClick: () => this.editor.save()
-    }), d = C({
-      icon: Z,
+    }), d = x({
+      icon: G,
       title: "Close",
       className: "toolbar-btn",
       testId: "btn-cancel-edit",
@@ -1244,7 +1237,7 @@ class Le {
     });
     this._unsubscribers.push(e);
     const t = this.state.on("change:isDarkMode", ({ value: r }) => {
-      this._themeBtn.innerHTML = r ? G : K;
+      this._themeBtn.innerHTML = r ? K : Q;
     });
     this._unsubscribers.push(t);
     const i = this.state.on("change:mode", ({ value: r }) => {
@@ -1267,7 +1260,7 @@ class Le {
     this._unsubscribers.forEach((t) => t()), this._unsubscribers = [], (e = this.element) == null || e.remove(), this.element = null;
   }
 }
-const O = [
+const L = [
   { id: "adjust", name: "Adjust", icon: Me },
   // adjustment, adjustmentAdvanced, alpha
   { id: "blur", name: "Blur", icon: Fe },
@@ -1282,7 +1275,7 @@ const O = [
   // bloom, glow, godray, advancedBloom
   { id: "stylize", name: "Stylize", icon: Oe },
   // ascii, crt, crossHatch, dot, emboss
-  { id: "crop", name: "Crop", icon: he }
+  { id: "crop", name: "Crop", icon: de }
 ];
 class De {
   constructor(e, t) {
@@ -1297,21 +1290,21 @@ class De {
     this._onSelect = e, this.element = u("div", {
       className: "category-carousel-container",
       "data-testid": "category-carousel"
-    }), this._leftBtn = C({
-      icon: le,
+    }), this._leftBtn = x({
+      icon: ce,
       title: "Previous categories",
       className: "carousel-nav carousel-nav-left",
       onClick: () => this._scrollLeft()
-    }), this._carousel = u("div", { className: "category-carousel" }), O.forEach((i) => {
-      const r = $({
+    }), this._carousel = u("div", { className: "category-carousel" }), L.forEach((i) => {
+      const r = W({
         label: i.name,
         icon: i.icon,
         active: this.state.get("selectedCategory") === i.id,
         onClick: () => this._selectCategory(i.id)
       });
       r.dataset.categoryId = i.id, r.dataset.category = i.id, r.dataset.testid = `category-${i.id}`, this._chips.set(i.id, r), this._carousel.appendChild(r);
-    }), this._rightBtn = C({
-      icon: ce,
+    }), this._rightBtn = x({
+      icon: he,
       title: "Next categories",
       className: "carousel-nav carousel-nav-right",
       onClick: () => this._scrollRight()
@@ -1320,7 +1313,7 @@ class De {
       role: "tablist",
       "aria-label": "Category pages"
     });
-    const t = Math.ceil(O.length / 3);
+    const t = Math.ceil(L.length / 3);
     for (let i = 0; i < t; i++) {
       const r = u("button", {
         type: "button",
@@ -1363,7 +1356,7 @@ class De {
    * Scroll carousel right
    */
   _scrollRight() {
-    this._scrollIndex < O.length - 3 && (this._scrollIndex++, this._scrollCarousel());
+    this._scrollIndex < L.length - 3 && (this._scrollIndex++, this._scrollCarousel());
   }
   /**
    * Scroll to a specific page
@@ -1390,7 +1383,7 @@ class De {
    * Update navigation button states
    */
   _updateNavButtons() {
-    this._leftBtn && (this._leftBtn.disabled = this._scrollIndex === 0), this._rightBtn && (this._rightBtn.disabled = this._scrollIndex >= O.length - 3);
+    this._leftBtn && (this._leftBtn.disabled = this._scrollIndex === 0), this._rightBtn && (this._rightBtn.disabled = this._scrollIndex >= L.length - 3);
   }
   /**
    * Update pagination dot states
@@ -1429,13 +1422,13 @@ class Ue {
    * @returns {HTMLElement}
    */
   render({ onToggle: e, onSelect: t }) {
-    return this._onToggle = e, this._onSelect = t, this.element = u("div", { className: "filter-carousel-container" }), this._leftBtn = C({
-      icon: le,
+    return this._onToggle = e, this._onSelect = t, this.element = u("div", { className: "filter-carousel-container" }), this._leftBtn = x({
+      icon: ce,
       title: "Previous filters",
       className: "carousel-nav carousel-nav-left",
       onClick: () => this._scrollLeft()
-    }), this._carousel = u("div", { className: "filter-carousel" }), this._rightBtn = C({
-      icon: ce,
+    }), this._carousel = u("div", { className: "filter-carousel" }), this._rightBtn = x({
+      icon: he,
       title: "Next filters",
       className: "carousel-nav carousel-nav-right",
       onClick: () => this._scrollRight()
@@ -1497,7 +1490,7 @@ class Ue {
         this._handleToggle(e.id, h), h && (this.state.set("selectedFilter", e.id), (p = this._onSelect) == null || p.call(this, e.id));
       }
     });
-    return l.innerHTML = t ? W : "", r.appendChild(a), r.appendChild(n), r.appendChild(l), r._toggle = l, r._isActive = t, r;
+    return l.innerHTML = t ? Z : "", r.appendChild(a), r.appendChild(n), r.appendChild(l), r._toggle = l, r._isActive = t, r;
   }
   /**
    * Handle filter card click (select)
@@ -1523,7 +1516,7 @@ class Ue {
     const e = this.state.get("activeFilters");
     this._filterCards.forEach((t, i) => {
       const r = e.has(i);
-      t.classList.toggle("active", r), t._toggle.classList.toggle("active", r), t._toggle.innerHTML = r ? W : "", t._isActive = r;
+      t.classList.toggle("active", r), t._toggle.classList.toggle("active", r), t._toggle.innerHTML = r ? Z : "", t._isActive = r;
     });
   }
   /**
@@ -1621,7 +1614,7 @@ class Ve {
       return;
     }
     const i = u("div", { className: "adjustments-header" });
-    i.appendChild(u("span", { className: "adjustments-title" }, t.name)), i.appendChild(F({
+    i.appendChild(u("span", { className: "adjustments-title" }, t.name)), i.appendChild(A({
       label: "Reset",
       className: "btn-text",
       onClick: () => this._handleReset(e)
@@ -1644,7 +1637,7 @@ class Ve {
     const r = t.label || t.id;
     switch (this._normalizeControlType(t.type)) {
       case "slider":
-        return se({
+        return ae({
           id: `${e}-${t.id}`,
           label: r,
           min: t.min ?? 0,
@@ -1654,14 +1647,14 @@ class Ve {
           onChange: (l) => this._handleChange(e, t.id, l)
         });
       case "toggle":
-        return ae({
+        return oe({
           id: `${e}-${t.id}`,
           label: r,
           checked: !!i,
           onChange: (l) => this._handleChange(e, t.id, l)
         });
       case "color":
-        return oe({
+        return ne({
           id: `${e}-${t.id}`,
           label: r,
           value: typeof i == "string" && i.startsWith("#") ? i : t.default || "#000000",
@@ -1669,7 +1662,7 @@ class Ve {
         });
       case "select":
         const o = this._normalizeOptions(t.options);
-        return ne({
+        return le({
           id: `${e}-${t.id}`,
           label: r,
           options: o,
@@ -1678,7 +1671,7 @@ class Ve {
         });
       case "button":
         const n = u("div", { className: "button-control" });
-        return n.appendChild(F({
+        return n.appendChild(A({
           label: r,
           className: "btn-secondary",
           onClick: () => this._handleAction(e, t.action || t.id)
@@ -1792,22 +1785,22 @@ class je {
     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 = F({
+    const n = u("div", { className: "drawer-header-actions" }), l = A({
       label: "Reset",
       className: "btn-text",
       onClick: () => {
         var h;
         this._currentFilterId && ((h = this._onReset) == null || h.call(this, this._currentFilterId), this._renderControls());
       }
-    }), c = F({
+    }), c = A({
       label: "Remove",
       className: "btn-text btn-danger",
       onClick: () => {
         var h;
         this._currentFilterId && ((h = this._onRemove) == null || h.call(this, this._currentFilterId), this.close());
       }
-    }), d = C({
-      icon: Z,
+    }), d = x({
+      icon: G,
       title: "Close",
       className: "btn-icon-sm",
       ariaLabel: "Close drawer",
@@ -1881,7 +1874,7 @@ class je {
     const r = t.label || t.id;
     switch (this._normalizeControlType(t.type)) {
       case "slider":
-        return se({
+        return ae({
           id: `drawer-${e}-${t.id}`,
           label: r,
           min: t.min ?? 0,
@@ -1894,7 +1887,7 @@ class je {
           }
         });
       case "toggle":
-        return ae({
+        return oe({
           id: `drawer-${e}-${t.id}`,
           label: r,
           checked: !!i,
@@ -1904,7 +1897,7 @@ class je {
           }
         });
       case "color":
-        return oe({
+        return ne({
           id: `drawer-${e}-${t.id}`,
           label: r,
           value: typeof i == "string" && i.startsWith("#") ? i : t.default || "#000000",
@@ -1915,7 +1908,7 @@ class je {
         });
       case "select": {
         const o = this._normalizeOptions(t.options);
-        return ne({
+        return le({
           id: `drawer-${e}-${t.id}`,
           label: r,
           options: o,
@@ -1928,7 +1921,7 @@ class je {
       }
       case "button": {
         const o = u("div", { className: "button-control" });
-        return o.appendChild(F({
+        return o.appendChild(A({
           label: r,
           className: "btn-secondary",
           onClick: () => {
@@ -2077,7 +2070,7 @@ class We {
     e.appendChild(u("label", { className: "section-label" }, "Shape"));
     const t = u("div", { className: "chip-row" }), i = this.state.get("crop.shape");
     He.forEach((c) => {
-      const d = $({
+      const d = W({
         label: c.name,
         icon: c.icon,
         active: i === c.id,
@@ -2087,24 +2080,24 @@ class We {
     }), 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");
     $e.forEach((c) => {
-      const d = $({
+      const d = W({
         label: c.name,
         active: a === c.id,
         onClick: () => this._selectAspect(c.id)
       });
       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 = F({
+    const o = u("div", { className: "crop-actions" }), n = A({
       label: "Cancel",
       className: "btn-secondary crop-cancel-btn",
-      icon: Z,
+      icon: G,
       onClick: () => this.cropManager.cancel()
     });
     n.dataset.testid = "cancel-crop";
-    const l = F({
+    const l = A({
       label: "Apply Crop",
       className: "btn-primary crop-apply-btn",
-      icon: W,
+      icon: Z,
       onClick: () => this.cropManager.apply()
     });
     return l.dataset.testid = "apply-crop", o.appendChild(n), o.appendChild(l), this.element.appendChild(o), this._subscribeToState(), this.element;
@@ -2183,7 +2176,7 @@ class Ze {
     });
     const o = u("div", { className: "panel-header" });
     o.appendChild(u("h3", { className: "panel-title" }, "Active Filters"));
-    const n = F({
+    const n = A({
       label: "Clear All",
       className: "btn-text btn-danger",
       onClick: () => this._handleClearAll()
@@ -2249,12 +2242,12 @@ class Ze {
       onClick: (m) => {
         m.target.closest(".filter-item-actions") || this._handleSelect(e);
       }
-    }), o = u("div", { className: "filter-item-header" }), n = u("span", { className: "filter-item-name" }, t.name), l = u("div", { className: "filter-item-actions" }), c = C({
-      icon: de,
+    }), o = u("div", { className: "filter-item-header" }), n = u("span", { className: "filter-item-name" }, t.name), l = u("div", { className: "filter-item-actions" }), c = x({
+      icon: ue,
       title: "Reset filter",
       className: "btn-icon-sm",
       onClick: () => this._handleReset(e)
-    }), d = C({
+    }), d = x({
       icon: Ie,
       title: "Remove filter",
       className: "btn-icon-sm btn-danger",
@@ -2380,7 +2373,7 @@ const Y = {
   showCropControls: !0,
   maxExportWidth: void 0,
   maxExportHeight: void 0
-}, j = {
+}, q = {
   free: {
     ...Y
   },
@@ -2417,11 +2410,11 @@ const Y = {
 };
 function Ge(s) {
   if (!s)
-    return { ...j.free };
+    return { ...q.free };
   if (typeof s == "object" && s !== null)
     return { ...Y, ...s };
-  const e = j[s];
-  return e ? { ...e } : { ...j.free };
+  const e = q[s];
+  return e ? { ...e } : { ...q.free };
 }
 class Gt extends B {
   /**
@@ -2452,7 +2445,7 @@ class Gt extends B {
       },
       ...r,
       ...t
-    }, this._preset = i, this._state = _e(), 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 xe(), this._filterManager = new we(this._state, this._renderer), this._cropManager = new H(this._state, this._renderer), this._removeBgManager = null, ((a = this._options.backgroundRemoval) == null ? void 0 : a.enabled) !== !1 && (this._removeBgManager = new Se({
+    }, this._preset = i, this._state = _e(), 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 xe(), this._filterManager = new we(this._state, this._renderer), this._cropManager = new $(this._state, this._renderer), this._removeBgManager = null, ((a = this._options.backgroundRemoval) == null ? void 0 : a.enabled) !== !1 && (this._removeBgManager = new Se({
       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();
@@ -2808,26 +2801,26 @@ class Gt extends B {
     (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 v = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new Map();
+const S = /* @__PURE__ */ new Map(), I = /* @__PURE__ */ new Map();
 function Ke(s, e) {
   return !Array.isArray(s.mediaTargets) || s.mediaTargets.length === 0 ? !0 : s.mediaTargets.includes(e);
 }
 function f(s) {
   var e;
-  return v.has(s.id), v.set(s.id, s), T.has(s.category) || T.set(s.category, []), (e = T.get(s.category)) == null || e.push(s.id), s;
+  return S.has(s.id), S.set(s.id, s), I.has(s.category) || I.set(s.category, []), (e = I.get(s.category)) == null || e.push(s.id), s;
 }
 function Qe(s) {
-  return v.get(s);
+  return S.get(s);
 }
-function D() {
-  return Array.from(v.values());
+function U() {
+  return Array.from(S.values());
 }
 function Je() {
-  D().map((t) => t.id), Object.entries(g).filter(
+  U().map((t) => t.id), Object.entries(g).filter(
     (t) => /Filter$/.test(t[0]) && typeof t[1] == "function"
   ).forEach(([t, i]) => {
     const r = t.replace(/Filter$/, "").replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-    v.has(r) || f({
+    S.has(r) || f({
       id: r,
       name: t.replace(/Filter$/, ""),
       category: "unlisted",
@@ -2847,32 +2840,32 @@ function Je() {
   });
 }
 function et(s) {
-  return (T.get(s) || []).map((t) => v.get(t)).filter(Boolean);
+  return (I.get(s) || []).map((t) => S.get(t)).filter(Boolean);
 }
 function tt() {
-  return Array.from(T.keys());
+  return Array.from(I.keys());
 }
 function Kt(s) {
-  return v.has(s);
+  return S.has(s);
 }
 function it(s) {
-  const e = v.get(s);
+  const e = S.get(s);
   if (!e)
     return !1;
-  v.delete(s);
-  const t = T.get(e.category);
+  S.delete(s);
+  const t = I.get(e.category);
   if (t) {
     const i = t.indexOf(s);
-    i !== -1 && t.splice(i, 1), t.length === 0 && T.delete(e.category);
+    i !== -1 && t.splice(i, 1), t.length === 0 && I.delete(e.category);
   }
   return !0;
 }
 function Qt(s, e) {
-  const t = v.get(s);
+  const t = S.get(s);
   return t ? Ke(t, e) : !1;
 }
 function rt() {
-  return Array.from(v.values()).map((s) => ({
+  return Array.from(S.values()).map((s) => ({
     id: s.id,
     name: s.name,
     category: s.category,
@@ -2880,11 +2873,11 @@ function rt() {
   }));
 }
 if (typeof window < "u") {
-  window.__DEBUG_FILTERS_LIST = Array.from(v.keys()), window.getAllFilters = D, window.getFilter = Qe, window.getFiltersByCategory = et, window.getRegisteredFilters = rt;
+  window.__DEBUG_FILTERS_LIST = Array.from(S.keys()), window.getAllFilters = U, window.getFilter = Qe, window.getFiltersByCategory = et, window.getRegisteredFilters = rt;
   const s = f;
   window.registerFilter = (e) => {
     const t = s(e);
-    return window.__DEBUG_FILTERS_LIST = Array.from(v.keys()), t;
+    return window.__DEBUG_FILTERS_LIST = Array.from(S.keys()), t;
   };
 }
 typeof window < "u" && (window.initializeFilterRegistry = window.initializeFilterRegistry || function() {
@@ -2919,7 +2912,7 @@ function P(s, e) {
   }
   return e;
 }
-function Q(s) {
+function J(s) {
   return ot.has(s);
 }
 function nt(s) {
@@ -2934,7 +2927,7 @@ function nt(s) {
     alpha: P(s.alpha, k.alpha)
   };
 }
-function J(s, e) {
+function ee(s, e) {
   s.reset(), s.brightness(e.brightness, !0), s.contrast(e.contrast, !0), s.saturate(e.saturation, !0);
 }
 f({
@@ -2950,7 +2943,7 @@ f({
         const i = new st(t), r = i;
         return r._customParams = { ...e }, r.updateUIParam = function(o, n) {
           try {
-            if (!Q(o))
+            if (!J(o))
               return;
             const l = this._customParams ?? { ...k }, c = P(n, l[o]);
             l[o] = c, this._customParams = l;
@@ -2961,12 +2954,12 @@ f({
         }, i;
       } catch {
         const r = new at(), a = r;
-        return a._customParams = { ...e }, J(r, e), a.updateUIParam = function(n, l) {
+        return a._customParams = { ...e }, ee(r, e), a.updateUIParam = function(n, l) {
           try {
-            if (!Q(n))
+            if (!J(n))
               return;
             const c = this._customParams ?? { ...k }, d = P(l, c[n]);
-            c[n] = d, this._customParams = c, J(this, c);
+            c[n] = d, this._customParams = c, ee(this, c);
           } catch {
           }
         }, r;
@@ -3070,7 +3063,7 @@ f({
     }
   ]
 });
-const { ColorMatrixFilter: lt } = w, N = {
+const { ColorMatrixFilter: lt } = w, R = {
   brightness: 1,
   contrast: 1,
   saturation: 1,
@@ -3098,7 +3091,7 @@ function X(s, e) {
   }
   return e;
 }
-function ue(s, e) {
+function pe(s, e) {
   if (typeof s == "boolean")
     return s;
   if (typeof s == "string") {
@@ -3111,15 +3104,15 @@ function ue(s, e) {
 }
 function dt(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: ue(s.negative, N.negative)
+    brightness: X(s.brightness, R.brightness),
+    contrast: X(s.contrast, R.contrast),
+    saturation: X(s.saturation, R.saturation),
+    hue: X(s.hue, R.hue),
+    sepia: X(s.sepia, R.sepia),
+    negative: pe(s.negative, R.negative)
   };
 }
-function ee(s, e) {
+function te(s, e) {
   s.reset(), e.brightness !== 1 && s.brightness(e.brightness, !0), e.contrast !== 1 && s.contrast(e.contrast, !0), e.saturation !== 1 && s.saturate(e.saturation, !0), e.hue !== 0 && s.hue(e.hue, !0), e.sepia > 0 && s.sepia(!0), e.negative && s.negative(!0);
 }
 f({
@@ -3131,18 +3124,18 @@ f({
   createFilter: (s) => {
     try {
       const e = dt(s ?? {}), t = new lt(), i = t;
-      return i._customParams = { ...e }, ee(t, e), i.updateUIParam = function(a, o) {
+      return i._customParams = { ...e }, te(t, e), i.updateUIParam = function(a, o) {
         try {
           if (!ht(a))
             return;
-          const n = this._customParams ?? { ...N };
+          const n = this._customParams ?? { ...R };
           if (a === "negative")
-            n.negative = ue(o, n.negative);
+            n.negative = pe(o, n.negative);
           else {
             const l = a;
             n[l] = X(o, n[l]);
           }
-          this._customParams = n, ee(this, n);
+          this._customParams = n, te(this, n);
         } catch {
         }
       }, t;
@@ -3677,11 +3670,11 @@ f({
       const e = new pt();
       e._customParams = { ...s };
       const t = s.intensity !== void 0 ? s.intensity : 1;
-      return te(e, t), e.updateUIParam = function(i, r) {
+      return ie(e, t), e.updateUIParam = function(i, r) {
         const a = this._customParams || {};
         switch (this._customParams = a, a[i] = r, i) {
           case "intensity":
-            te(this, r);
+            ie(this, r);
             break;
           default:
             i in this && (this[i] = r);
@@ -3711,7 +3704,7 @@ f({
     }
   ]
 });
-function te(s, e) {
+function ie(s, e) {
   s.reset(), s.greyscale(e);
 }
 const { HslAdjustmentFilter: ft } = g;
@@ -4429,7 +4422,7 @@ f({
     }
   ]
 });
-const { ColorGradientFilter: ie } = g;
+const { ColorGradientFilter: re } = g;
 f({
   id: "color-gradient",
   name: "Color Gradient",
@@ -4453,7 +4446,7 @@ f({
         { offset: 0, color: 16711680, alpha: 1 },
         { offset: 1, color: 255, alpha: 1 }
       ]), e.sort((i, r) => i.offset - r.offset);
-      const t = new ie({
+      const t = new re({
         type: s.gradientType,
         // 0: linear, 1: radial, 2: conic
         stops: e,
@@ -4543,7 +4536,7 @@ f({
           case "cssGradient":
             if (r && typeof r == "string" && r.trim() !== "")
               try {
-                const h = new ie({ css: r });
+                const h = new re({ css: r });
                 this.type = h.type, this.angle = h.angle, this.stops = [...h.stops], a.colorStops = this.stops.map((p) => ({
                   offset: p.offset,
                   color: typeof p.color == "number" ? "#" + p.color.toString(16).padStart(6, "0") : p.color,
@@ -4566,9 +4559,9 @@ f({
             if (/colorStops\[\d+\]\..*/.test(i)) {
               const h = i.match(/colorStops\[(\d+)\]\.(.*)/);
               if (h) {
-                const [p, m, S] = h, b = parseInt(m), _ = [...this.stops];
-                if (b >= 0 && b < _.length)
-                  return S === "color" && typeof r == "string" ? _[b].color = parseInt(r.replace("#", "0x")) : (S === "offset" || S === "alpha") && (_[b][S] = r), this.stops = _, this.stops.sort((x, y) => x.offset - y.offset), a.colorStops = this.getColorStopsForUI(), !0;
+                const [p, m, C] = h, b = parseInt(m), y = [...this.stops];
+                if (b >= 0 && b < y.length)
+                  return C === "color" && typeof r == "string" ? y[b].color = parseInt(r.replace("#", "0x")) : (C === "offset" || C === "alpha") && (y[b][C] = r), this.stops = y, this.stops.sort((z, _) => z.offset - _.offset), a.colorStops = this.getColorStopsForUI(), !0;
               }
             } else i in this && (this[i] = r);
             break;
@@ -6235,7 +6228,7 @@ f({
     }
   ]
 });
-const Nt = w.DisplacementFilter, Rt = w.Sprite, q = w.Texture;
+const Nt = w.DisplacementFilter, Rt = w.Sprite, H = w.Texture;
 f({
   id: "displacement",
   // ID must match what the application expects
@@ -6248,7 +6241,7 @@ f({
       const e = s.mapTexture || "/assets/images/displacement_map.png";
       let t;
       try {
-        t = q.from(e), t.source.addressMode = "repeat";
+        t = H.from(e), t.source.addressMode = "repeat";
       } catch {
         const o = document.createElement("canvas");
         o.width = 256, o.height = 256;
@@ -6259,7 +6252,7 @@ f({
             for (let c = 0; c < 10; c++)
               (l + c) % 2 === 0 && n.fillRect(l * 25, c * 25, 25, 25);
         }
-        t = q.from(o);
+        t = H.from(o);
       }
       const i = new Rt(t), r = new Nt(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) {
@@ -6275,7 +6268,7 @@ f({
             try {
               const l = this._displacementSprite;
               if (l) {
-                const c = q.from(o);
+                const c = H.from(o);
                 c.source.addressMode = "repeat", l.texture = c;
               }
             } catch {
@@ -6457,7 +6450,7 @@ f({
     }
   ]
 });
-const { GlitchFilter: It } = g, z = {
+const { GlitchFilter: It } = g, N = {
   TRANSPARENT: 0,
   ORIGINAL: 1,
   LOOP: 2,
@@ -6549,7 +6542,7 @@ f({
     slices: 10,
     offset: 100,
     direction: 0,
-    fillMode: z.LOOP,
+    fillMode: N.LOOP,
     // LOOP mode looks better for the demo
     seed: 0.5,
     average: !1,
@@ -6612,13 +6605,13 @@ f({
       label: "Fill Mode",
       property: "fillMode",
       options: [
-        { value: z.TRANSPARENT, label: "Transparent" },
-        { value: z.ORIGINAL, label: "Original" },
-        { value: z.LOOP, label: "Loop" },
-        { value: z.CLAMP, label: "Clamp" },
-        { value: z.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: z.LOOP
+      default: N.LOOP
     },
     {
       id: "seed",
@@ -7009,7 +7002,7 @@ f({
     }
   ]
 });
-const Yt = g.SimpleLightmapFilter, re = w.Texture;
+const Yt = g.SimpleLightmapFilter, se = w.Texture;
 f({
   id: "lightmap",
   name: "Lightmap",
@@ -7034,7 +7027,7 @@ f({
         const c = a.createRadialGradient(128, 128, 10, 128, 128, 160);
         c.addColorStop(0, "white"), c.addColorStop(0.3, "rgba(220, 220, 220, 1)"), c.addColorStop(0.6, "rgba(150, 150, 150, 1)"), c.addColorStop(1, "black"), a.fillStyle = c, a.fillRect(0, 0, 256, 256);
       }
-      const o = re.from(r);
+      const o = se.from(r);
       let n;
       try {
         typeof t == "string" && t.startsWith("#") ? n = parseInt(t.replace("#", "0x"), 16) : n = 0;
@@ -7067,8 +7060,8 @@ f({
                   const b = m.createRadialGradient(128, 128, 10, 128, 128, 160);
                   b.addColorStop(0, "white"), b.addColorStop(0.3, "rgba(220, 220, 220, 1)"), b.addColorStop(0.6, "rgba(150, 150, 150, 1)"), b.addColorStop(1, "black"), m.fillStyle = b, m.fillRect(0, 0, 256, 256);
                 }
-                const S = re.from(p);
-                if (this.lightMap = S, this.enabled !== void 0) {
+                const C = se.from(p);
+                if (this.lightMap = C, this.enabled !== void 0) {
                   const b = this.enabled;
                   this.enabled = !1, setTimeout(() => {
                     this.enabled = b;
@@ -8262,7 +8255,7 @@ f({
   ]
 });
 const { AdjustmentFilter: Ht } = g;
-function L(s) {
+function D(s) {
   const e = typeof s == "string" ? parseInt(s.replace("#", "0x"), 16) : s;
   return [
     (e >> 16 & 255) / 255,
@@ -8277,7 +8270,7 @@ class $t extends Ht {
       contrast: 1,
       saturation: 1,
       alpha: 1
-    }), this._radius = 0.8, this._strength = 1, this._colorRgb = [0, 0, 0], this._colorValue = "#000000", this._radius = e.radius ?? 0.8, this._strength = e.strength ?? 1, e.color !== void 0 && (typeof e.color == "string" ? (this._colorValue = e.color, this._colorRgb = L(e.color)) : (this._colorValue = "#" + e.color.toString(16).padStart(6, "0"), this._colorRgb = L(e.color))), this.updateVignette();
+    }), this._radius = 0.8, this._strength = 1, this._colorRgb = [0, 0, 0], this._colorValue = "#000000", this._radius = e.radius ?? 0.8, this._strength = e.strength ?? 1, e.color !== void 0 && (typeof e.color == "string" ? (this._colorValue = e.color, this._colorRgb = D(e.color)) : (this._colorValue = "#" + e.color.toString(16).padStart(6, "0"), this._colorRgb = D(e.color))), this.updateVignette();
   }
   /**
    * Updates the filter parameters to simulate a vignette effect
@@ -8303,7 +8296,7 @@ class $t extends Ht {
     return this._colorValue;
   }
   set color(e) {
-    typeof e == "string" ? (this._colorValue = e, this._colorRgb = L(e)) : (this._colorValue = "#" + e.toString(16).padStart(6, "0"), this._colorRgb = L(e)), this.updateVignette();
+    typeof e == "string" ? (this._colorValue = e, this._colorRgb = D(e)) : (this._colorValue = "#" + e.toString(16).padStart(6, "0"), this._colorRgb = D(e)), this.updateVignette();
   }
 }
 f({
@@ -8381,7 +8374,7 @@ function Jt(s) {
   try {
     let e = [], t = [];
     try {
-      e = D(), e.length === 0 && Je();
+      e = U(), e.length === 0 && Je();
     } catch {
     }
     const i = s == null ? void 0 : s.disabled;
@@ -8392,7 +8385,7 @@ function Jt(s) {
       r > 0;
     }
     try {
-      e = D(), t = tt();
+      e = U(), t = tt();
     } catch {
       e || (e = []), t || (t = []);
     }
@@ -8409,9 +8402,9 @@ export {
   Je as d,
   Qt as e,
   rt as f,
-  D as g,
+  U as g,
   Kt as h,
   Jt as i,
   f as r
 };
-//# sourceMappingURL=editor-DJXRx8vN.js.map
+//# sourceMappingURL=editor-BgjKZltI.js.map