@codingfactory/mediables-vue 2.19.1 → 2.19.2

package/dist/{editor-CiTXlIVO.js → editor-BQ_nY4P6.js}

@@ -1,14 +1,14 @@
 var Me = Object.defineProperty;
-var Fe = (g, e, t) => e in g ? Me(g, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : g[e] = t;
-var oe = (g, e, t) => Fe(g, typeof e != "symbol" ? e + "" : e, t);
-import { E as re, d as Se } from "./index-Dae8SHT7.js";
+var Fe = (f, e, t) => e in f ? Me(f, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : f[e] = t;
+var oe = (f, e, t) => Fe(f, typeof e != "symbol" ? e + "" : e, t);
+import { E as se, d as Se } from "./index-Dae8SHT7.js";
 const Re = Object.freeze(["normal", "multiply", "screen", "overlay"]), E = Object.freeze({
   stroke: Object.freeze({ enabled: !1, color: "#000000", width: 0 }),
   shadow: Object.freeze({ enabled: !1, color: "#000000", alpha: 0.5, blur: 0, distance: 0, angle: 45 }),
   glow: Object.freeze({ enabled: !1, color: "#ffffff", alpha: 0.5, blur: 0 }),
   backdrop: Object.freeze({ enabled: !1, color: "#000000", opacity: 0.5, padding: 0, radius: 0, blur: 0 })
 });
-class Te extends re {
+class Te extends se {
   constructor() {
     super(), this.app = null, this.sprite = null, this.originalTexture = null, this.baseTexture = null, this.fitScale = 1, this.zoom = 1, this._container = null, this._lastExportDimensions = null, this._mountPromise = null, this._mountToken = 0, this._destroyed = !1, this._layerDocument = null, this._layerDisplayObjects = /* @__PURE__ */ new Map(), this._renderableLayerIds = [], this._loadedTextureUrl = null, this._layerRenderToken = 0, this._layerFilterFactory = null;
   }
@@ -26,8 +26,8 @@ class Te extends re {
    * canvas getter which throws when renderer is undefined.
    */
   _getCssSize() {
-    var s, r, o, n, a, l;
-    const e = (r = (s = this.app) == null ? void 0 : s.renderer) == null ? void 0 : r.canvas, t = (e == null ? void 0 : e.clientWidth) ?? ((n = (o = this.app) == null ? void 0 : o.screen) == null ? void 0 : n.width) ?? 0, i = (e == null ? void 0 : e.clientHeight) ?? ((l = (a = this.app) == null ? void 0 : a.screen) == null ? void 0 : l.height) ?? 0;
+    var r, s, o, n, a, l;
+    const e = (s = (r = this.app) == null ? void 0 : r.renderer) == null ? void 0 : s.canvas, t = (e == null ? void 0 : e.clientWidth) ?? ((n = (o = this.app) == null ? void 0 : o.screen) == null ? void 0 : n.width) ?? 0, i = (e == null ? void 0 : e.clientHeight) ?? ((l = (a = this.app) == null ? void 0 : a.screen) == null ? void 0 : l.height) ?? 0;
     return { w: t, h: i };
   }
   /**
@@ -52,15 +52,15 @@ class Te extends re {
         t();
         return;
       }
-      let i = !1, s = 0;
-      const r = () => {
-        i || (i = !0, window.clearTimeout(s), t());
+      let i = !1, r = 0;
+      const s = () => {
+        i || (i = !0, window.clearTimeout(r), t());
       };
-      if (s = window.setTimeout(r, e), typeof window.requestAnimationFrame == "function") {
-        window.requestAnimationFrame(() => r());
+      if (r = window.setTimeout(s, e), typeof window.requestAnimationFrame == "function") {
+        window.requestAnimationFrame(() => s());
         return;
       }
-      r();
+      s();
     });
   }
   /**
@@ -72,16 +72,16 @@ class Te extends re {
     if (!this.app || !e) return 1;
     const { w: t, h: i } = this._getCssSize();
     if (t <= 1 || i <= 1) return 1;
-    let s = Math.min(t / e.width, i / e.height) * 0.9;
-    return (!Number.isFinite(s) || s <= 0) && (s = 1), s;
+    let r = Math.min(t / e.width, i / e.height) * 0.9;
+    return (!Number.isFinite(r) || r <= 0) && (r = 1), r;
   }
   /**
    * Apply view transform (position and scale) to sprite
    */
   applyViewTransform(e = {}) {
     if (!this.app || !this.sprite || !this.originalTexture) return;
-    const t = this.fitScale * this.zoom, { w: i, h: s } = this._getCssSize(), r = e.keepCenter ? { x: this.sprite.x + this.sprite.width / 2, y: this.sprite.y + this.sprite.height / 2 } : e.center ?? { x: i / 2, y: s / 2 };
-    this.sprite.width = this.originalTexture.width * t, this.sprite.height = this.originalTexture.height * t, this.sprite.x = r.x - this.sprite.width / 2, this.sprite.y = r.y - this.sprite.height / 2, this._syncLayerDisplayObjects(), this.render();
+    const t = this.fitScale * this.zoom, { w: i, h: r } = this._getCssSize(), s = e.keepCenter ? { x: this.sprite.x + this.sprite.width / 2, y: this.sprite.y + this.sprite.height / 2 } : e.center ?? { x: i / 2, y: r / 2 };
+    this.sprite.width = this.originalTexture.width * t, this.sprite.height = this.originalTexture.height * t, this.sprite.x = s.x - this.sprite.width / 2, this.sprite.y = s.y - this.sprite.height / 2, this._syncLayerDisplayObjects(), this.render();
   }
   /**
    * Set zoom level
@@ -108,12 +108,12 @@ class Te extends re {
   async mount(e, t = 16777215, i = {}) {
     if (!e) return;
     this._destroyed = !1, this._container = e;
-    const s = ++this._mountToken, r = async () => {
-      var p;
+    const r = ++this._mountToken, s = async () => {
+      var u;
       const o = window.PIXI;
       if (!o)
         throw new Error("PIXI.js not found. Please ensure PIXI is loaded globally.");
-      (p = o.Assets) != null && p.setPreferences && o.Assets.setPreferences({ crossOrigin: "anonymous" });
+      (u = o.Assets) != null && u.setPreferences && o.Assets.setPreferences({ crossOrigin: "anonymous" });
       const n = e.clientWidth || 600, a = e.clientHeight || 400, l = typeof i.backgroundAlpha == "number" ? i.backgroundAlpha : 1, h = new o.Application();
       if (this.app = h, await h.init({
         width: n,
@@ -123,7 +123,7 @@ class Te extends re {
         antialias: !0,
         autoDensity: !0,
         resolution: window.devicePixelRatio || 1
-      }), this._destroyed || this._mountToken !== s || this.app !== h) {
+      }), this._destroyed || this._mountToken !== r || this.app !== h) {
         try {
           h.destroy(!0, { children: !0, texture: !0 });
         } catch {
@@ -134,7 +134,7 @@ class Te extends re {
       const c = h.canvas;
       return c.classList.add("pixi-canvas"), c.style.width = "100%", c.style.height = "100%", c.style.transform = "translateZ(0)", c.style.willChange = "transform", c.setAttribute("role", "img"), c.setAttribute("aria-label", "Image editor canvas — use toolbar controls to edit the image"), this.emit("mounted", { width: n, height: a }), !0;
     };
-    return this._mountPromise = r(), await this._mountPromise;
+    return this._mountPromise = s(), await this._mountPromise;
   }
   /**
    * Load an image texture
@@ -144,15 +144,15 @@ class Te extends re {
    *   has been superseded and must not mutate the renderer.
    */
   async loadTexture(e, t = {}) {
-    var h, c, p;
+    var h, c, u;
     const i = () => typeof t.isCurrent != "function" || t.isCurrent() !== !1;
     if (this._mountPromise && await this._mountPromise, !((h = this.app) != null && h.renderer) || !i()) return !1;
-    const s = window.PIXI, r = await this._loadImageElement(e);
-    if (!r || !((c = this.app) != null && c.renderer) || !i() || (await this._waitForNextFrame(), !((p = this.app) != null && p.renderer) || !i())) return !1;
-    const o = s.Texture.from(r);
+    const r = window.PIXI, s = await this._loadImageElement(e);
+    if (!s || !((c = this.app) != null && c.renderer) || !i() || (await this._waitForNextFrame(), !((u = this.app) != null && u.renderer) || !i())) return !1;
+    const o = r.Texture.from(s);
     if (!o)
       return !1;
-    this.originalTexture = o, this.baseTexture = o, this._loadedTextureUrl = typeof e == "string" ? e : null, this.sprite && (this.app.stage.removeChild(this.sprite), this.sprite.destroy()), this.sprite = new s.Sprite(o), this.app.stage.addChild(this.sprite), this.fitScale = this.getFitScaleFor(o), this.zoom = 1;
+    this.originalTexture = o, this.baseTexture = o, this._loadedTextureUrl = typeof e == "string" ? e : null, this.sprite && (this.app.stage.removeChild(this.sprite), this.sprite.destroy()), this.sprite = new r.Sprite(o), this.app.stage.addChild(this.sprite), this.fitScale = this.getFitScaleFor(o), this.zoom = 1;
     const { w: n, h: a } = this._getCssSize();
     this.applyViewTransform({ center: { x: n / 2, y: a / 2 } });
     const l = this.getFitScaleFor(o);
@@ -171,35 +171,35 @@ class Te extends re {
       return !1;
     const t = window.PIXI;
     if (!t) return !1;
-    const i = ++this._layerRenderToken, s = () => i === this._layerRenderToken;
+    const i = ++this._layerRenderToken, r = () => i === this._layerRenderToken;
     this._destroyLayerDisplayObjects(), this._layerDocument = JSON.parse(JSON.stringify(e)), this._renderableLayerIds = [];
     try {
       this.app.stage.removeChild(this.sprite);
     } catch {
     }
-    let r = !1;
+    let s = !1;
     for (const n of this._layerDocument.layers) {
       if (!n || n.visible === !1) {
-        (n == null ? void 0 : n.role) === "subject" && (this.sprite.visible = !1, this.sprite.__layerId = n.id, r = !0);
+        (n == null ? void 0 : n.role) === "subject" && (this.sprite.visible = !1, this.sprite.__layerId = n.id, s = !0);
         continue;
       }
       if (this._isSubjectLayer(n)) {
         const l = await this._createSubjectDisplayObjectForLayer(t, n);
-        if (!s())
+        if (!r())
           return this._destroyTransientDisplayObject(l), !1;
         if (l) {
-          this.sprite.visible = !1, l.__layerId = n.id, l.visible = !0, l.alpha = this._layerOpacity(n), this._layerDisplayObjects.set(n.id, { layer: n, displayObject: l }), this._syncLayerDisplayObject(n, l), this.app.stage.addChild(l), this._renderableLayerIds.push(n.id), r = !0;
+          this.sprite.visible = !1, l.__layerId = n.id, l.visible = !0, l.alpha = this._layerOpacity(n), this._layerDisplayObjects.set(n.id, { layer: n, displayObject: l }), this._syncLayerDisplayObject(n, l), this.app.stage.addChild(l), this._renderableLayerIds.push(n.id), s = !0;
           continue;
         }
-        this.sprite.__layerId = n.id, this.sprite.visible = !0, this.sprite.alpha = this._layerOpacity(n), this._applyLayerFilterInstances(this.sprite, n), this.app.stage.addChild(this.sprite), this._renderableLayerIds.push(n.id), r = !0;
+        this.sprite.__layerId = n.id, this.sprite.visible = !0, this.sprite.alpha = this._layerOpacity(n), this._applyLayerFilterInstances(this.sprite, n), this.app.stage.addChild(this.sprite), this._renderableLayerIds.push(n.id), s = !0;
         continue;
       }
       const a = await this._createDisplayObjectForLayer(t, n);
-      if (!s())
+      if (!r())
         return this._destroyTransientDisplayObject(a), !1;
       a && (a.__layerId = n.id, a.visible = !0, a.alpha = this._layerOpacity(n), this._layerDisplayObjects.set(n.id, { layer: n, displayObject: a }), this._syncLayerDisplayObject(n, a), this.app.stage.addChild(a), this._renderableLayerIds.push(n.id));
     }
-    return r || (this.sprite.visible = !1), s() ? (this.render(), !0) : !1;
+    return s || (this.sprite.visible = !1), r() ? (this.render(), !0) : !1;
   }
   getRenderableLayerIds() {
     return [...this._renderableLayerIds];
@@ -213,10 +213,10 @@ class Te extends re {
     this._layerDocument = JSON.parse(JSON.stringify(e));
     for (const i of this._layerDocument.layers) {
       if (!i) continue;
-      const s = this._layerDisplayObjects.get(i.id) || null;
-      s && (s.layer = i);
-      let r = (s == null ? void 0 : s.displayObject) || null;
-      !r && this._isSubjectLayer(i) && ((t = this.sprite) == null ? void 0 : t.__layerId) === i.id && (r = this.sprite), r && this._applyLayerFilterInstances(r, i);
+      const r = this._layerDisplayObjects.get(i.id) || null;
+      r && (r.layer = i);
+      let s = (r == null ? void 0 : r.displayObject) || null;
+      !s && this._isSubjectLayer(i) && ((t = this.sprite) == null ? void 0 : t.__layerId) === i.id && (s = this.sprite), s && this._applyLayerFilterInstances(s, i);
     }
     return this.render(), !0;
   }
@@ -233,10 +233,10 @@ class Te extends re {
   }
   _applyLayerFilterInstances(e, t, i = {}) {
     if (!e || !this._layerSupportsImageFilters(t)) return;
-    let s = [];
+    let r = [];
     if (this._layerFilterFactory)
       try {
-        s = this._layerFilterFactory(t, {
+        r = this._layerFilterFactory(t, {
           displayObject: e,
           forExport: i.forExport === !0,
           previewToNativeScale: i.previewToNativeScale || 1,
@@ -244,10 +244,10 @@ class Te extends re {
           sourceHeight: i.sourceHeight
         }) || [];
       } catch {
-        s = [];
+        r = [];
       }
-    const r = Array.isArray(s) ? s.filter(Boolean) : [];
-    for (const a of r)
+    const s = Array.isArray(r) ? r.filter(Boolean) : [];
+    for (const a of s)
       if (!(!a || typeof a != "object" && typeof a != "function"))
         try {
           Object.defineProperty(a, "__mediablesLayerImageFilter", {
@@ -260,24 +260,24 @@ class Te extends re {
           } catch {
           }
         }
-    const n = [...Array.isArray(e.filters) ? e.filters.filter((a) => (a == null ? void 0 : a.__mediablesLayerImageFilter) !== !0) : [], ...r];
+    const n = [...Array.isArray(e.filters) ? e.filters.filter((a) => (a == null ? void 0 : a.__mediablesLayerImageFilter) !== !0) : [], ...s];
     e.filters = n.length > 0 ? n : null;
   }
   async _createDisplayObjectForLayer(e, t) {
     var o, n;
     const i = this._createTextDisplayObjectForLayer(e, t);
     if (i) return i;
-    const s = await this._createImageDisplayObjectForLayer(e, t);
-    if (s) return s;
-    const r = this._backgroundFillForLayer(t);
-    if ((r == null ? void 0 : r.kind) === "media") {
-      const a = await this._textureForLayerSource(e, r.source);
+    const r = await this._createImageDisplayObjectForLayer(e, t);
+    if (r) return r;
+    const s = this._backgroundFillForLayer(t);
+    if ((s == null ? void 0 : s.kind) === "media") {
+      const a = await this._textureForLayerSource(e, s.source);
       if (!a) return null;
-      const l = this._createBackgroundSprite(e, a, r.fit);
-      return l.__sourceWidth = Number((o = r.source) == null ? void 0 : o.originalWidth) || a.width || 1, l.__sourceHeight = Number((n = r.source) == null ? void 0 : n.originalHeight) || a.height || 1, this._applyLayerEffects(e, l, t), this._applyLayerFilterInstances(l, t), l;
+      const l = this._createBackgroundSprite(e, a, s.fit);
+      return l.__sourceWidth = Number((o = s.source) == null ? void 0 : o.originalWidth) || a.width || 1, l.__sourceHeight = Number((n = s.source) == null ? void 0 : n.originalHeight) || a.height || 1, this._applyLayerEffects(e, l, t), this._applyLayerFilterInstances(l, t), l;
     }
-    if ((r == null ? void 0 : r.kind) === "gradient") {
-      const a = this._createGradientTexture(e, r, 512, 512);
+    if ((s == null ? void 0 : s.kind) === "gradient") {
+      const a = this._createGradientTexture(e, s, 512, 512);
       if (!a || typeof e.Sprite != "function") return null;
       const l = new e.Sprite(a);
       return l.__ownsTexture = !0, l.__sourceWidth = 512, l.__sourceHeight = 512, this._applyLayerEffects(e, l, t), l;
@@ -301,9 +301,9 @@ class Te extends re {
       height: this._clampNumber(t.height, 0.05, 1, 0.18)
     };
   }
-  _clampNumber(e, t, i, s) {
-    const r = Number(e);
-    return Number.isFinite(r) ? Math.max(t, Math.min(i, r)) : s;
+  _clampNumber(e, t, i, r) {
+    const s = Number(e);
+    return Number.isFinite(s) ? Math.max(t, Math.min(i, s)) : r;
   }
   _supportedTextFontFamily(e) {
     const t = ["Inter", "Arial", "Helvetica", "Georgia", "Times New Roman", "Courier New", "Verdana"], i = typeof e == "string" ? e.trim() : "";
@@ -321,25 +321,25 @@ class Te extends re {
     const t = (i = e == null ? void 0 : e.text) == null ? void 0 : i.content;
     return t == null ? "" : String(t);
   }
-  _textStyleForLayer(e, t = 1, i = 1, s = {}) {
+  _textStyleForLayer(e, t = 1, i = 1, r = {}) {
     var m;
-    const r = (m = e == null ? void 0 : e.text) != null && m.style && typeof e.text.style == "object" ? e.text.style : {}, o = this._textEffectsForLayer(e), n = this._clampNumber(r.fontSize, 8, 400, 64), a = this._clampNumber(r.lineHeight, 0.8, 3, 1.2), l = this._clampNumber(r.letterSpacing, -100, 100, 0), h = this._normalizeTextFontWeight(r.fontWeight), c = ["normal", "italic"].includes(r.fontStyle) ? r.fontStyle : "normal", p = ["left", "center", "right"].includes(r.align) ? r.align : "center", u = s.fill || (typeof r.fill == "string" && /^#[0-9a-f]{6}$/i.test(r.fill) ? r.fill : "#ffffff"), f = {
-      fontFamily: this._supportedTextFontFamily(r.fontFamily),
+    const s = (m = e == null ? void 0 : e.text) != null && m.style && typeof e.text.style == "object" ? e.text.style : {}, o = this._textEffectsForLayer(e), n = this._clampNumber(s.fontSize, 8, 400, 64), a = this._clampNumber(s.lineHeight, 0.8, 3, 1.2), l = this._clampNumber(s.letterSpacing, -100, 100, 0), h = this._normalizeTextFontWeight(s.fontWeight), c = ["normal", "italic"].includes(s.fontStyle) ? s.fontStyle : "normal", u = ["left", "center", "right"].includes(s.align) ? s.align : "center", p = r.fill || (typeof s.fill == "string" && /^#[0-9a-f]{6}$/i.test(s.fill) ? s.fill : "#ffffff"), g = {
+      fontFamily: this._supportedTextFontFamily(s.fontFamily),
       fontSize: n * t,
       fontWeight: h,
       fontStyle: c,
-      fill: u,
-      align: p,
+      fill: p,
+      align: u,
       lineHeight: n * a * t,
       letterSpacing: l * t,
       wordWrap: !0,
       wordWrapWidth: Math.max(1, i),
       breakWords: !0
     };
-    return s.stroke !== !1 && o.stroke.enabled && o.stroke.width > 0 && (f.stroke = {
+    return r.stroke !== !1 && o.stroke.enabled && o.stroke.width > 0 && (g.stroke = {
       color: o.stroke.color,
       width: o.stroke.width * t
-    }), f;
+    }), g;
   }
   _normalizeTextFontWeight(e) {
     if (e === "normal") return 400;
@@ -349,7 +349,7 @@ class Te extends re {
   }
   _textEffectsForLayer(e) {
     var n;
-    const t = (n = e == null ? void 0 : e.text) != null && n.effects && typeof e.text.effects == "object" ? e.text.effects : {}, i = t.stroke && typeof t.stroke == "object" ? t.stroke : {}, s = t.shadow && typeof t.shadow == "object" ? t.shadow : {}, r = t.glow && typeof t.glow == "object" ? t.glow : {}, o = t.backdrop && typeof t.backdrop == "object" ? t.backdrop : {};
+    const t = (n = e == null ? void 0 : e.text) != null && n.effects && typeof e.text.effects == "object" ? e.text.effects : {}, i = t.stroke && typeof t.stroke == "object" ? t.stroke : {}, r = t.shadow && typeof t.shadow == "object" ? t.shadow : {}, s = t.glow && typeof t.glow == "object" ? t.glow : {}, o = t.backdrop && typeof t.backdrop == "object" ? t.backdrop : {};
     return {
       stroke: {
         enabled: i.enabled === !0,
@@ -357,18 +357,18 @@ class Te extends re {
         width: this._clampNumber(i.width, 0, 80, E.stroke.width)
       },
       shadow: {
-        enabled: s.enabled === !0,
-        color: this._supportedTextColor(s.color, E.shadow.color),
-        alpha: this._clampNumber(s.alpha, 0, 1, E.shadow.alpha),
-        blur: this._clampNumber(s.blur, 0, 120, E.shadow.blur),
-        distance: this._clampNumber(s.distance, 0, 200, E.shadow.distance),
-        angle: this._normalizeDegrees(s.angle ?? E.shadow.angle)
+        enabled: r.enabled === !0,
+        color: this._supportedTextColor(r.color, E.shadow.color),
+        alpha: this._clampNumber(r.alpha, 0, 1, E.shadow.alpha),
+        blur: this._clampNumber(r.blur, 0, 120, E.shadow.blur),
+        distance: this._clampNumber(r.distance, 0, 200, E.shadow.distance),
+        angle: this._normalizeDegrees(r.angle ?? E.shadow.angle)
       },
       glow: {
-        enabled: r.enabled === !0,
-        color: this._supportedTextColor(r.color, E.glow.color),
-        alpha: this._clampNumber(r.alpha, 0, 1, E.glow.alpha),
-        blur: this._clampNumber(r.blur, 0, 120, E.glow.blur)
+        enabled: s.enabled === !0,
+        color: this._supportedTextColor(s.color, E.glow.color),
+        alpha: this._clampNumber(s.alpha, 0, 1, E.glow.alpha),
+        blur: this._clampNumber(s.blur, 0, 120, E.glow.blur)
       },
       backdrop: {
         enabled: o.enabled === !0,
@@ -395,8 +395,8 @@ class Te extends re {
     }
   }
   _textEffectPadding(e, t) {
-    const i = e.stroke.enabled ? e.stroke.width * t : 0, s = e.shadow.enabled ? (e.shadow.distance + e.shadow.blur * 2) * t : 0, r = e.glow.enabled ? e.glow.blur * 2 * t : 0, o = e.backdrop.enabled ? (e.backdrop.padding + e.backdrop.blur * 2) * t : 0;
-    return Math.ceil(Math.max(i, s, r, o, 0));
+    const i = e.stroke.enabled ? e.stroke.width * t : 0, r = e.shadow.enabled ? (e.shadow.distance + e.shadow.blur * 2) * t : 0, s = e.glow.enabled ? e.glow.blur * 2 * t : 0, o = e.backdrop.enabled ? (e.backdrop.padding + e.backdrop.blur * 2) * t : 0;
+    return Math.ceil(Math.max(i, r, s, o, 0));
   }
   _createTextDisplayObjectForLayer(e, t) {
     if (!this._isTextLayer(t) || typeof (e == null ? void 0 : e.Text) != "function") return null;
@@ -404,8 +404,8 @@ class Te extends re {
     if (!i) return null;
     if (typeof e.Container != "function" || typeof e.Graphics != "function")
       return i;
-    const s = new e.Container(), r = new e.Graphics(), o = new e.Graphics(), n = new e.Graphics(), a = this._createTextPrimitive(e, t), l = this._createTextPrimitive(e, t);
-    return s.__isTextLayerContainer = !0, s.__textObject = i, s.__textMask = r, s.__textEffectMask = o, s.__textBackdrop = n, s.__textShadow = a, s.__textGlow = l, n.visible = !1, a && (a.visible = !1), l && (l.visible = !1), i.mask = r, s.addChild(n), a && s.addChild(a), l && s.addChild(l), s.addChild(i), s.addChild(o), s.addChild(r), s;
+    const r = new e.Container(), s = new e.Graphics(), o = new e.Graphics(), n = new e.Graphics(), a = this._createTextPrimitive(e, t), l = this._createTextPrimitive(e, t);
+    return r.__isTextLayerContainer = !0, r.__textObject = i, r.__textMask = s, r.__textEffectMask = o, r.__textBackdrop = n, r.__textShadow = a, r.__textGlow = l, n.visible = !1, a && (a.visible = !1), l && (l.visible = !1), i.mask = s, r.addChild(n), a && r.addChild(a), l && r.addChild(l), r.addChild(i), r.addChild(o), r.addChild(s), r;
   }
   _createTextPrimitive(e, t) {
     try {
@@ -426,12 +426,12 @@ class Te extends re {
     return !i || i === this._loadedTextureUrl ? null : this._createImageDisplayObjectForLayer(e, t);
   }
   async _createImageDisplayObjectForLayer(e, t) {
-    var r, o;
+    var s, o;
     if ((t == null ? void 0 : t.type) !== "image") return null;
     const i = await this._textureForLayerSource(e, t.source);
     if (!i || typeof e.Sprite != "function") return null;
-    const s = new e.Sprite(i);
-    return s.__sourceWidth = Number((r = t.source) == null ? void 0 : r.originalWidth) || i.width || 1, s.__sourceHeight = Number((o = t.source) == null ? void 0 : o.originalHeight) || i.height || 1, this._applyLayerEffects(e, s, t), this._applyLayerFilterInstances(s, t), s;
+    const r = new e.Sprite(i);
+    return r.__sourceWidth = Number((s = t.source) == null ? void 0 : s.originalWidth) || i.width || 1, r.__sourceHeight = Number((o = t.source) == null ? void 0 : o.originalHeight) || i.height || 1, this._applyLayerEffects(e, r, t), this._applyLayerFilterInstances(r, t), r;
   }
   _backgroundFillForLayer(e) {
     const t = e == null ? void 0 : e.fill;
@@ -458,29 +458,29 @@ class Te extends re {
   async _textureForLayerSource(e, t) {
     const i = this._sourceUrlForLayerSource(t);
     if (!i) return null;
-    const s = await this._loadImageElement(i);
-    return s ? e.Texture.from(s) : null;
+    const r = await this._loadImageElement(i);
+    return r ? e.Texture.from(r) : null;
   }
   _createBackgroundSprite(e, t, i = "cover") {
     if (i === "tile" && typeof e.TilingSprite == "function")
       try {
-        const s = new e.TilingSprite({ texture: t, width: 1, height: 1 });
-        return s.__isTilingBackground = !0, s;
+        const r = new e.TilingSprite({ texture: t, width: 1, height: 1 });
+        return r.__isTilingBackground = !0, r;
       } catch {
         try {
-          const r = new e.TilingSprite(t, 1, 1);
-          return r.__isTilingBackground = !0, r;
+          const s = new e.TilingSprite(t, 1, 1);
+          return s.__isTilingBackground = !0, s;
         } catch {
         }
       }
     return new e.Sprite(t);
   }
-  _createGradientTexture(e, t, i, s) {
+  _createGradientTexture(e, t, i, r) {
     var l;
     if (typeof document > "u" || !((l = e == null ? void 0 : e.Texture) != null && l.from)) return null;
-    const r = document.createElement("canvas");
-    r.width = Math.max(1, Math.round(i)), r.height = Math.max(1, Math.round(s));
-    const o = r.getContext("2d");
+    const s = document.createElement("canvas");
+    s.width = Math.max(1, Math.round(i)), s.height = Math.max(1, Math.round(r));
+    const o = s.getContext("2d");
     if (!o) return null;
     const n = Array.isArray(t == null ? void 0 : t.stops) && t.stops.length > 0 ? t.stops : [
       { offset: 0, color: "#111827" },
@@ -488,42 +488,42 @@ class Te extends re {
     ];
     let a;
     if ((t == null ? void 0 : t.gradientType) === "radial") {
-      const h = Math.max(r.width, r.height) / 2;
+      const h = Math.max(s.width, s.height) / 2;
       a = o.createRadialGradient(
-        r.width / 2,
-        r.height / 2,
+        s.width / 2,
+        s.height / 2,
         0,
-        r.width / 2,
-        r.height / 2,
+        s.width / 2,
+        s.height / 2,
         h
       );
     } else {
-      const h = (Number(t == null ? void 0 : t.angle) || 0) * Math.PI / 180, c = r.width / 2, p = r.height / 2, u = Math.sqrt(r.width ** 2 + r.height ** 2) / 2, f = Math.cos(h) * u, m = Math.sin(h) * u;
-      a = o.createLinearGradient(c - f, p - m, c + f, p + m);
+      const h = (Number(t == null ? void 0 : t.angle) || 0) * Math.PI / 180, c = s.width / 2, u = s.height / 2, p = Math.sqrt(s.width ** 2 + s.height ** 2) / 2, g = Math.cos(h) * p, m = Math.sin(h) * p;
+      a = o.createLinearGradient(c - g, u - m, c + g, u + m);
     }
     for (const h of n) {
       if (!h || typeof h.color != "string") continue;
       const c = Number.isFinite(Number(h.offset)) ? Math.max(0, Math.min(1, Number(h.offset))) : 0;
       a.addColorStop(c, h.color);
     }
-    return o.fillStyle = a, o.fillRect(0, 0, r.width, r.height), e.Texture.from(r);
+    return o.fillStyle = a, o.fillRect(0, 0, s.width, s.height), e.Texture.from(s);
   }
   _backgroundBlurAmount(e) {
-    var r;
-    const i = (Array.isArray(e == null ? void 0 : e.effects) ? e.effects : []).find((o) => (o == null ? void 0 : o.id) === "background-blur" || (o == null ? void 0 : o.type) === "blur"), s = Number((r = i == null ? void 0 : i.params) == null ? void 0 : r.amount);
-    return Number.isFinite(s) ? Math.max(0, s) : 0;
+    var s;
+    const i = (Array.isArray(e == null ? void 0 : e.effects) ? e.effects : []).find((o) => (o == null ? void 0 : o.id) === "background-blur" || (o == null ? void 0 : o.type) === "blur"), r = Number((s = i == null ? void 0 : i.params) == null ? void 0 : s.amount);
+    return Number.isFinite(r) ? Math.max(0, r) : 0;
   }
   _applyLayerEffects(e, t, i) {
-    const s = this._backgroundBlurAmount(i);
-    if (!(s <= 0 || typeof (e == null ? void 0 : e.BlurFilter) != "function"))
+    const r = this._backgroundBlurAmount(i);
+    if (!(r <= 0 || typeof (e == null ? void 0 : e.BlurFilter) != "function"))
       try {
-        let r;
+        let s;
         try {
-          r = new e.BlurFilter({ strength: s, quality: 4 });
+          s = new e.BlurFilter({ strength: r, quality: 4 });
         } catch {
-          r = new e.BlurFilter(s);
+          s = new e.BlurFilter(r);
         }
-        typeof r.blur == "number" && (r.blur = s), typeof r.strength == "number" && (r.strength = s), r.padding = Math.max(Number(r.padding) || 0, Math.ceil(s * 2)), t.filters = Array.isArray(t.filters) ? [...t.filters, r] : [r];
+        typeof s.blur == "number" && (s.blur = r), typeof s.strength == "number" && (s.strength = r), s.padding = Math.max(Number(s.padding) || 0, Math.ceil(r * 2)), t.filters = Array.isArray(t.filters) ? [...t.filters, s] : [s];
       } catch {
       }
   }
@@ -563,11 +563,11 @@ class Te extends re {
         e.fill(t), e.alpha = i;
       }
   }
-  _syncTextEffectPrimitive(e, t, i, s, r, o, n, a) {
+  _syncTextEffectPrimitive(e, t, i, r, s, o, n, a) {
     if (!t) return;
-    const l = s[r];
+    const l = r[s];
     if (t.visible = (l == null ? void 0 : l.enabled) === !0, t.filters = null, t.mask = t.visible ? a : null, !!t.visible) {
-      if (t.text = this._textContentForLayer(i), t.rotation = 0, r === "shadow") {
+      if (t.text = this._textContentForLayer(i), t.rotation = 0, s === "shadow") {
         const h = l.angle * Math.PI / 180;
         t.x = Math.cos(h) * l.distance * o, t.y = Math.sin(h) * l.distance * o, t.alpha = l.alpha, t.style = this._textStyleForLayer(i, o, n, {
           fill: l.color,
@@ -577,7 +577,7 @@ class Te extends re {
         t.filters = c ? [c] : null;
         return;
       }
-      if (r === "glow") {
+      if (s === "glow") {
         t.x = 0, t.y = 0, t.alpha = l.alpha, t.style = this._textStyleForLayer(i, o, n, {
           fill: l.color,
           stroke: !1
@@ -587,64 +587,64 @@ class Te extends re {
       }
     }
   }
-  _syncTextBackdrop(e, t, i, s, r, o, n) {
+  _syncTextBackdrop(e, t, i, r, s, o, n) {
     if (!t) return;
     const a = i.backdrop;
     if (t.visible = a.enabled === !0, t.filters = null, t.mask = t.visible ? n : null, t.alpha = 1, typeof t.clear == "function" && t.clear(), !t.visible) return;
-    const l = a.padding * s, h = a.radius * s, c = -l, p = -l, u = r + l * 2, f = o + l * 2;
-    h > 0 && typeof t.roundRect == "function" ? t.roundRect(c, p, u, f, h) : typeof t.rect == "function" && t.rect(c, p, u, f), this._fillTextEffectGraphics(t, a.color, a.opacity);
-    const m = this._createTextBlurFilter(e, a.blur * s);
+    const l = a.padding * r, h = a.radius * r, c = -l, u = -l, p = s + l * 2, g = o + l * 2;
+    h > 0 && typeof t.roundRect == "function" ? t.roundRect(c, u, p, g, h) : typeof t.rect == "function" && t.rect(c, u, p, g), this._fillTextEffectGraphics(t, a.color, a.opacity);
+    const m = this._createTextBlurFilter(e, a.blur * r);
     t.filters = m ? [m] : null;
   }
   _fitTextDisplayObjectToRect(e, t, i) {
     var m, b;
-    const s = this._normalizeTextBox(t), r = i.x + s.x * i.width, o = i.y + s.y * i.height, n = s.width * i.width, a = s.height * i.height, l = Number((m = this.originalTexture) == null ? void 0 : m.width) || i.width, h = l > 0 ? i.width / l : 1, c = this._textEffectsForLayer(t);
-    e.x = r, e.y = o, e.rotation = this._normalizeDegrees(Number((b = t == null ? void 0 : t.transform) == null ? void 0 : b.rotation) || 0) * Math.PI / 180, e.blendMode = this._textBlendMode(t), e.__textBox = s, e.__textLayout = { x: r, y: o, width: n, height: a, scale: h };
-    const p = e.__textObject || e, u = e.__textMask || null, f = e.__textEffectMask || null;
-    if (p.text = this._textContentForLayer(t), p.style = this._textStyleForLayer(t, h, n), p.x = 0, p.y = 0, p.rotation = 0, u && typeof u.clear == "function" && typeof u.rect == "function" && typeof u.fill == "function" && (u.clear(), u.rect(0, 0, n, a).fill(16777215), p.mask = u), f && typeof f.clear == "function" && typeof f.rect == "function" && typeof f.fill == "function") {
+    const r = this._normalizeTextBox(t), s = i.x + r.x * i.width, o = i.y + r.y * i.height, n = r.width * i.width, a = r.height * i.height, l = Number((m = this.originalTexture) == null ? void 0 : m.width) || i.width, h = l > 0 ? i.width / l : 1, c = this._textEffectsForLayer(t);
+    e.x = s, e.y = o, e.rotation = this._normalizeDegrees(Number((b = t == null ? void 0 : t.transform) == null ? void 0 : b.rotation) || 0) * Math.PI / 180, e.blendMode = this._textBlendMode(t), e.__textBox = r, e.__textLayout = { x: s, y: o, width: n, height: a, scale: h };
+    const u = e.__textObject || e, p = e.__textMask || null, g = e.__textEffectMask || null;
+    if (u.text = this._textContentForLayer(t), u.style = this._textStyleForLayer(t, h, n), u.x = 0, u.y = 0, u.rotation = 0, p && typeof p.clear == "function" && typeof p.rect == "function" && typeof p.fill == "function" && (p.clear(), p.rect(0, 0, n, a).fill(16777215), u.mask = p), g && typeof g.clear == "function" && typeof g.rect == "function" && typeof g.fill == "function") {
       const C = this._textEffectPadding(c, h);
-      f.clear(), f.rect(-C, -C, n + C * 2, a + C * 2).fill(16777215);
+      g.clear(), g.rect(-C, -C, n + C * 2, a + C * 2).fill(16777215);
     }
-    this._syncTextBackdrop(window.PIXI, e.__textBackdrop, c, h, n, a, f), this._syncTextEffectPrimitive(window.PIXI, e.__textShadow, t, c, "shadow", h, n, f), this._syncTextEffectPrimitive(window.PIXI, e.__textGlow, t, c, "glow", h, n, f);
+    this._syncTextBackdrop(window.PIXI, e.__textBackdrop, c, h, n, a, g), this._syncTextEffectPrimitive(window.PIXI, e.__textShadow, t, c, "shadow", h, n, g), this._syncTextEffectPrimitive(window.PIXI, e.__textGlow, t, c, "glow", h, n, g);
   }
   _fitDisplayObjectToRect(e, t, i) {
-    var c, p, u, f, m, b, C, x;
-    const s = this._backgroundFillForLayer(t), r = (s == null ? void 0 : s.fit) || "cover";
+    var c, u, p, g, m, b, C, x;
+    const r = this._backgroundFillForLayer(t), s = (r == null ? void 0 : r.fit) || "cover";
     if (e.__isTilingBackground) {
-      e.x = i.x, e.y = i.y, e.width = i.width, e.height = i.height, (p = (c = e.tilePosition) == null ? void 0 : c.set) == null || p.call(c, 0, 0), (f = (u = e.tileScale) == null ? void 0 : u.set) == null || f.call(u, 1, 1);
+      e.x = i.x, e.y = i.y, e.width = i.width, e.height = i.height, (u = (c = e.tilePosition) == null ? void 0 : c.set) == null || u.call(c, 0, 0), (g = (p = e.tileScale) == null ? void 0 : p.set) == null || g.call(p, 1, 1);
       return;
     }
-    if (r === "stretch" || (s == null ? void 0 : s.kind) === "gradient" || (s == null ? void 0 : s.kind) === "color") {
+    if (s === "stretch" || (r == null ? void 0 : r.kind) === "gradient" || (r == null ? void 0 : r.kind) === "color") {
       e.x = i.x, e.y = i.y, e.width = i.width, e.height = i.height;
       return;
     }
-    const o = Number(e.__sourceWidth || ((m = s == null ? void 0 : s.source) == null ? void 0 : m.originalWidth) || ((b = e.texture) == null ? void 0 : b.width) || i.width), n = Number(e.__sourceHeight || ((C = s == null ? void 0 : s.source) == null ? void 0 : C.originalHeight) || ((x = e.texture) == null ? void 0 : x.height) || i.height);
+    const o = Number(e.__sourceWidth || ((m = r == null ? void 0 : r.source) == null ? void 0 : m.originalWidth) || ((b = e.texture) == null ? void 0 : b.width) || i.width), n = Number(e.__sourceHeight || ((C = r == null ? void 0 : r.source) == null ? void 0 : C.originalHeight) || ((x = e.texture) == null ? void 0 : x.height) || i.height);
     if (!Number.isFinite(o) || !Number.isFinite(n) || o <= 0 || n <= 0) {
       e.x = i.x, e.y = i.y, e.width = i.width, e.height = i.height;
       return;
     }
-    const a = r === "contain" ? Math.min(i.width / o, i.height / n) : Math.max(i.width / o, i.height / n), l = o * a, h = n * a;
+    const a = s === "contain" ? Math.min(i.width / o, i.height / n) : Math.max(i.width / o, i.height / n), l = o * a, h = n * a;
     e.x = i.x + (i.width - l) / 2, e.y = i.y + (i.height - h) / 2, e.width = l, e.height = h;
   }
   _destroyLayerDisplayObjects() {
-    var e, t, i, s, r;
+    var e, t, i, r, s;
     if ((e = this._layerDisplayObjects) != null && e.size) {
       for (const { displayObject: o } of this._layerDisplayObjects.values()) {
         try {
-          (s = (i = (t = this.app) == null ? void 0 : t.stage) == null ? void 0 : i.removeChild) == null || s.call(i, o);
+          (r = (i = (t = this.app) == null ? void 0 : t.stage) == null ? void 0 : i.removeChild) == null || r.call(i, o);
         } catch {
         }
         const n = (o == null ? void 0 : o.__ownsTexture) === !0;
-        (r = o == null ? void 0 : o.destroy) == null || r.call(o, { children: !0, texture: n, textureSource: n });
+        (s = o == null ? void 0 : o.destroy) == null || s.call(o, { children: !0, texture: n, textureSource: n });
       }
       this._layerDisplayObjects.clear(), this._renderableLayerIds = [];
     }
   }
   _destroyTransientDisplayObject(e) {
-    var i, s, r, o;
+    var i, r, s, o;
     if (!e) return;
     try {
-      (r = (s = (i = this.app) == null ? void 0 : i.stage) == null ? void 0 : s.removeChild) == null || r.call(s, e);
+      (s = (r = (i = this.app) == null ? void 0 : i.stage) == null ? void 0 : r.removeChild) == null || s.call(r, e);
     } catch {
     }
     const t = (e == null ? void 0 : e.__ownsTexture) === !0;
@@ -668,13 +668,13 @@ class Te extends re {
    * @returns {{ width: number, height: number }}
    */
   getRotatedBounds(e, t, i) {
-    const s = this._normalizeDegrees(i);
-    if (s === 0)
+    const r = this._normalizeDegrees(i);
+    if (r === 0)
       return {
         width: Math.max(1, Math.round(e)),
         height: Math.max(1, Math.round(t))
       };
-    const r = s * Math.PI / 180, o = Math.abs(Math.cos(r)), n = Math.abs(Math.sin(r)), a = o < 1e-10 ? 0 : o, l = n < 1e-10 ? 0 : n;
+    const s = r * Math.PI / 180, o = Math.abs(Math.cos(s)), n = Math.abs(Math.sin(s)), a = o < 1e-10 ? 0 : o, l = n < 1e-10 ? 0 : n;
     return {
       width: Math.max(1, Math.ceil(e * a + t * l)),
       height: Math.max(1, Math.ceil(e * l + t * a))
@@ -694,9 +694,9 @@ class Te extends re {
     if (t === 0) return !0;
     if (!((m = this.app) != null && m.renderer) || !this.originalTexture || !this.sprite)
       return !1;
-    const i = window.PIXI, s = Math.round(this.originalTexture.width), r = Math.round(this.originalTexture.height);
-    if (s <= 0 || r <= 0) return !1;
-    const { width: o, height: n } = this.getRotatedBounds(s, r, t), a = t * Math.PI / 180, l = new i.Container(), h = new i.Sprite(this.originalTexture);
+    const i = window.PIXI, r = Math.round(this.originalTexture.width), s = Math.round(this.originalTexture.height);
+    if (r <= 0 || s <= 0) return !1;
+    const { width: o, height: n } = this.getRotatedBounds(r, s, t), a = t * Math.PI / 180, l = new i.Container(), h = new i.Sprite(this.originalTexture);
     (C = (b = h.anchor) == null ? void 0 : b.set) == null || C.call(b, 0.5), h.x = o / 2, h.y = n / 2, h.rotation = a, l.addChild(h);
     const c = i.RenderTexture.create({ width: o, height: n, resolution: 1 });
     try {
@@ -711,10 +711,10 @@ class Te extends re {
     } finally {
       l.removeChildren(), h.destroy({ children: !1, texture: !1, textureSource: !1 }), l.destroy({ children: !1 });
     }
-    const p = this.originalTexture, u = Array.isArray(this.sprite.filters) ? [...this.sprite.filters] : null;
-    p && p !== this.baseTexture && p.destroy(!0), this.originalTexture = c, this._lastExportDimensions = null, this.app.stage.removeChild(this.sprite), this.sprite.destroy({ children: !1, texture: !1, textureSource: !1 });
-    const f = new i.Sprite(c);
-    return u != null && u.length && (f.filters = u), this.app.stage.addChild(f), this.sprite = f, this.fitScale = this.getFitScaleFor(c), this.zoom = 1, this.applyViewTransform({ keepCenter: !1 }), this.render(), this.emit("textureRotated", { width: o, height: n, degrees: t }), !0;
+    const u = this.originalTexture, p = Array.isArray(this.sprite.filters) ? [...this.sprite.filters] : null;
+    u && u !== this.baseTexture && u.destroy(!0), this.originalTexture = c, this._lastExportDimensions = null, this.app.stage.removeChild(this.sprite), this.sprite.destroy({ children: !1, texture: !1, textureSource: !1 });
+    const g = new i.Sprite(c);
+    return p != null && p.length && (g.filters = p), this.app.stage.addChild(g), this.sprite = g, this.fitScale = this.getFitScaleFor(c), this.zoom = 1, this.applyViewTransform({ keepCenter: !1 }), this.render(), this.emit("textureRotated", { width: o, height: n, degrees: t }), !0;
   }
   /**
    * Export the current image with filters applied.
@@ -728,7 +728,7 @@ class Te extends re {
    *   to keep the export under that cap while preserving aspect ratio.
    * @returns {string|null} Data URL
    */
-  exportImage(e = "png", t = 0.92, i = 0, s = !0, r = 0) {
+  exportImage(e = "png", t = 0.92, i = 0, r = !0, s = 0) {
     var F;
     if (!((F = this.app) != null && F.renderer) || !this.originalTexture || !this.sprite)
       return null;
@@ -738,12 +738,12 @@ class Te extends re {
     const l = this.sprite.width, h = this.sprite.height;
     if (l <= 0 || h <= 0)
       return null;
-    const c = l / n, p = c > 0 ? 1 / c : 1, u = this._layerDocument, f = u && Array.isArray(u.layers), m = [];
-    if (!f && Array.isArray(this.sprite.filters)) {
+    const c = l / n, u = c > 0 ? 1 / c : 1, p = this._layerDocument, g = p && Array.isArray(p.layers), m = [];
+    if (!g && Array.isArray(this.sprite.filters)) {
       for (const y of this.sprite.filters)
         if (y)
           if (typeof y.createExportFilter == "function") {
-            const w = y.createExportFilter({ previewToNativeScale: p });
+            const w = y.createExportFilter({ previewToNativeScale: u });
             w && m.push(w);
           } else
             m.push(y);
@@ -759,7 +759,7 @@ class Te extends re {
         const v = new o.Sprite(this.originalTexture);
         v.x = y, v.y = y, v.scale.set(1, 1), v.alpha = _ ? this._layerOpacity(_) : 1, _ && this._applyLayerFilterInstances(v, _, {
           forExport: !0,
-          previewToNativeScale: p,
+          previewToNativeScale: u,
           sourceWidth: n,
           sourceHeight: a
         }), m.length > 0 && (v.filters = m, v.filterArea = new o.Rectangle(0, 0, n, a)), k.addChild(v), N.push(v);
@@ -768,9 +768,9 @@ class Te extends re {
         const v = (R = this._layerDisplayObjects.get(_.id)) == null ? void 0 : R.displayObject, I = (v == null ? void 0 : v.texture) || (this._isSubjectLayer(_) ? this.originalTexture : null);
         if (!I || typeof o.Sprite != "function") return !1;
         const D = new o.Sprite(I);
-        return D.__sourceWidth = Number(((K = _.source) == null ? void 0 : K.originalWidth) || (v == null ? void 0 : v.__sourceWidth) || I.width || n), D.__sourceHeight = Number(((Y = _.source) == null ? void 0 : Y.originalHeight) || (v == null ? void 0 : v.__sourceHeight) || I.height || a), this._fitDisplayObjectToRect(D, _, { x: y, y, width: n, height: a }), D.alpha = this._layerOpacity(_), !f && this._isSubjectLayer(_) && m.length > 0 && (D.filters = m, D.filterArea = new o.Rectangle(0, 0, n, a)), this._applyLayerEffects(o, D, _), this._applyLayerFilterInstances(D, _, {
+        return D.__sourceWidth = Number(((K = _.source) == null ? void 0 : K.originalWidth) || (v == null ? void 0 : v.__sourceWidth) || I.width || n), D.__sourceHeight = Number(((Y = _.source) == null ? void 0 : Y.originalHeight) || (v == null ? void 0 : v.__sourceHeight) || I.height || a), this._fitDisplayObjectToRect(D, _, { x: y, y, width: n, height: a }), D.alpha = this._layerOpacity(_), !g && this._isSubjectLayer(_) && m.length > 0 && (D.filters = m, D.filterArea = new o.Rectangle(0, 0, n, a)), this._applyLayerEffects(o, D, _), this._applyLayerFilterInstances(D, _, {
           forExport: !0,
-          previewToNativeScale: p,
+          previewToNativeScale: u,
           sourceWidth: n,
           sourceHeight: a
         }), k.addChild(D), N.push(D), !0;
@@ -791,14 +791,14 @@ class Te extends re {
         }
         return R ? (R.alpha = this._layerOpacity(_), this._applyLayerEffects(o, R, _), this._applyLayerFilterInstances(R, _, {
           forExport: !0,
-          previewToNativeScale: p,
+          previewToNativeScale: u,
           sourceWidth: n,
           sourceHeight: a
         }), k.addChild(R), N.push(R), !0) : !1;
       }, z = (_) => {
         const v = this._createTextDisplayObjectForLayer(o, _);
         return v ? (this._fitTextDisplayObjectToRect(v, _, { x: y, y, width: n, height: a }), v.alpha = this._layerOpacity(_), k.addChild(v), N.push(v), !0) : !1;
-      }, V = u, q = f;
+      }, V = p, q = g;
       if (q) {
         for (const _ of V.layers)
           if (!(!_ || _.visible === !1)) {
@@ -871,7 +871,7 @@ class Te extends re {
         return null;
       let w = B(y.canvas, y.width, y.height);
       if (!w)
-        if (f && y.childCount === 0)
+        if (g && y.childCount === 0)
           w = {
             x: y.margin,
             y: y.margin,
@@ -892,10 +892,10 @@ class Te extends re {
       if (i > 0) {
         const M = Math.max(S, k);
         let T = i / M;
-        s && (T = Math.min(1, T)), S = Math.max(1, Math.round(S * T)), k = Math.max(1, Math.round(k * T));
+        r && (T = Math.min(1, T)), S = Math.max(1, Math.round(S * T)), k = Math.max(1, Math.round(k * T));
       }
-      if (r > 0 && S * k > r) {
-        const M = Math.sqrt(r / (S * k));
+      if (s > 0 && S * k > s) {
+        const M = Math.sqrt(s / (S * k));
         S = Math.max(1, Math.floor(S * M)), k = Math.max(1, Math.floor(k * M));
       }
       const N = document.createElement("canvas");
@@ -931,17 +931,17 @@ class Te extends re {
     if (this._lastExportDimensions)
       return { ...this._lastExportDimensions };
     const e = this.originalTexture, t = Math.round((e == null ? void 0 : e.width) || 0), i = Math.round((e == null ? void 0 : e.height) || 0);
-    let s = 0;
-    const r = (o = this.sprite) == null ? void 0 : o.filters;
-    if (Array.isArray(r))
-      for (const n of r) {
+    let r = 0;
+    const s = (o = this.sprite) == null ? void 0 : o.filters;
+    if (Array.isArray(s))
+      for (const n of s) {
         if (!n) continue;
         const a = typeof n._exportPadding == "number" ? n._exportPadding : typeof n.padding == "number" ? n.padding : 0;
-        a > s && (s = a);
+        a > r && (r = a);
       }
     return {
-      width: t + 2 * s,
-      height: i + 2 * s
+      width: t + 2 * r,
+      height: i + 2 * r
     };
   }
   /**
@@ -952,15 +952,15 @@ class Te extends re {
    * @returns {Promise<{ blob: Blob, width: number, height: number } | null>}
    */
   async exportBlob(e = "png", t = 0.92, i = {}) {
-    const s = this.exportImage(
+    const r = this.exportImage(
       e,
       t,
       i.maxEdge ?? 0,
       i.dontUpscale !== !1,
       i.maxPixels ?? 0
     );
-    if (!s) return null;
-    const o = await (await fetch(s)).blob(), n = this.getExportDimensions();
+    if (!r) return null;
+    const o = await (await fetch(r)).blob(), n = this.getExportDimensions();
     return { blob: o, width: n.width, height: n.height };
   }
   /**
@@ -968,15 +968,15 @@ class Te extends re {
    * @param {HTMLElement} container
    */
   resizeTo(e) {
-    var s;
-    if (!((s = this.app) != null && s.renderer) || !e) return;
+    var r;
+    if (!((r = this.app) != null && r.renderer) || !e) return;
     const t = e.clientWidth, i = e.clientHeight;
     if (!(t === Math.round(this.app.screen.width) && i === Math.round(this.app.screen.height)) && !(t <= 0 || i <= 0) && (this.app.renderer.resize(t, i), this.originalTexture && this.sprite)) {
-      const r = {
+      const s = {
         x: this.sprite.x + this.sprite.width / 2,
         y: this.sprite.y + this.sprite.height / 2
       };
-      this.fitScale = this.getFitScaleFor(this.originalTexture), this.applyViewTransform({ center: r });
+      this.fitScale = this.getFitScaleFor(this.originalTexture), this.applyViewTransform({ center: s });
     }
   }
   /**
@@ -1080,14 +1080,14 @@ const _e = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none"
     icon: be
   }
 ], Ke = Object.fromEntries(
-  ue.filter((g) => Array.isArray(g.registryCategories) && g.registryCategories.length > 0).map((g) => [g.id, g.registryCategories])
+  ue.filter((f) => Array.isArray(f.registryCategories) && f.registryCategories.length > 0).map((f) => [f.id, f.registryCategories])
 ), Ye = Object.fromEntries(
-  ue.filter((g) => Array.isArray(g.registryCategories)).flatMap((g) => g.registryCategories.map((e) => [e, g.id]))
+  ue.filter((f) => Array.isArray(f.registryCategories)).flatMap((f) => f.registryCategories.map((e) => [e, f.id]))
 );
-function Je(g) {
-  return Ke[g] || [g];
+function Je(f) {
+  return Ke[f] || [f];
 }
-class Qe extends re {
+class Qe extends se {
   constructor(e, t) {
     super(), this.state = e, this.renderer = t, this.instances = {}, this._filterRegistry = null;
   }
@@ -1097,7 +1097,7 @@ class Qe extends re {
    */
   setRegistry(e) {
     var t, i;
-    this._filterRegistry = e, (i = (t = this.renderer) == null ? void 0 : t.setLayerFilterFactory) == null || i.call(t, (s, r) => this.createFiltersForLayer(s, r));
+    this._filterRegistry = e, (i = (t = this.renderer) == null ? void 0 : t.setLayerFilterFactory) == null || i.call(t, (r, s) => this.createFiltersForLayer(r, s));
   }
   /**
    * Get filter definition by ID
@@ -1123,11 +1123,11 @@ class Qe extends re {
    */
   getFiltersByCategory(e) {
     if (!this._filterRegistry) return [];
-    const t = Je(e), i = [], s = /* @__PURE__ */ new Set();
-    for (const r of t) {
-      const o = this._filterRegistry.getFiltersByCategory(r) || [];
+    const t = Je(e), i = [], r = /* @__PURE__ */ new Set();
+    for (const s of t) {
+      const o = this._filterRegistry.getFiltersByCategory(s) || [];
       for (const n of o)
-        s.has(n.id) || (s.add(n.id), i.push(n));
+        r.has(n.id) || (r.add(n.id), i.push(n));
     }
     return i;
   }
@@ -1151,12 +1151,12 @@ class Qe extends re {
     if (!t.includes(".") && !t.includes("["))
       return e[t];
     const i = t.replace(/\[(\d+)\]/g, ".$1").split(".").filter(Boolean);
-    let s = e;
-    for (const r of i) {
-      if (s == null) return;
-      s = s[r];
+    let r = e;
+    for (const s of i) {
+      if (r == null) return;
+      r = r[s];
     }
-    return s;
+    return r;
   }
   /**
    * Set a deep property on an object
@@ -1170,14 +1170,14 @@ class Qe extends re {
       e[t] = i;
       return;
     }
-    const s = t.replace(/\[(\d+)\]/g, ".$1").split(".").filter(Boolean);
-    let r = e;
-    for (let n = 0; n < s.length - 1; n++) {
-      const a = s[n];
-      if (!(a in r) || (r = r[a], r == null)) return;
+    const r = t.replace(/\[(\d+)\]/g, ".$1").split(".").filter(Boolean);
+    let s = e;
+    for (let n = 0; n < r.length - 1; n++) {
+      const a = r[n];
+      if (!(a in s) || (s = s[a], s == null)) return;
     }
-    const o = s[s.length - 1];
-    r[o] = i;
+    const o = r[r.length - 1];
+    s[o] = i;
   }
   /**
    * Initialize filter values from definition defaults.
@@ -1189,12 +1189,12 @@ class Qe extends re {
   initializeValues(e, t = void 0) {
     const i = this.getFilterDef(e);
     if (!i) return;
-    const s = this.state.getFilterValues(e), r = new Set((i.controls || []).map((o) => o.id));
+    const r = this.state.getFilterValues(e), s = new Set((i.controls || []).map((o) => o.id));
     if (i.defaultParams)
       for (const [o, n] of Object.entries(i.defaultParams))
-        !r.has(o) && !(o in s) && this.state.setFilterValue(e, o, n, t);
+        !s.has(o) && !(o in r) && this.state.setFilterValue(e, o, n, t);
     i.controls && i.controls.forEach((o) => {
-      o.id in s || this.state.setFilterValue(e, o.id, o.default, t);
+      o.id in r || this.state.setFilterValue(e, o.id, o.default, t);
     });
   }
   /**
@@ -1205,12 +1205,12 @@ class Qe extends re {
   resetValues(e, t = void 0) {
     const i = this.getFilterDef(e);
     if (!i) return;
-    const s = new Set((i.controls || []).map((r) => r.id));
+    const r = new Set((i.controls || []).map((s) => s.id));
     if (i.defaultParams)
-      for (const [r, o] of Object.entries(i.defaultParams))
-        s.has(r) || this.state.setFilterValue(e, r, o, t);
-    i.controls && i.controls.forEach((r) => {
-      this.state.setFilterValue(e, r.id, r.default, t);
+      for (const [s, o] of Object.entries(i.defaultParams))
+        r.has(s) || this.state.setFilterValue(e, s, o, t);
+    i.controls && i.controls.forEach((s) => {
+      this.state.setFilterValue(e, s.id, s.default, t);
     });
   }
   /**
@@ -1242,25 +1242,25 @@ class Qe extends re {
    * @param {*} value
    * @returns {boolean} True if updated in-place, false if caller must recreate
    */
-  updateValue(e, t, i, s = void 0) {
-    const r = this._normalizeValue(i);
-    if (!this._matchesExpectedFilterLayer(s)) return !1;
-    const o = this.getFilterDef(e), n = o == null ? void 0 : o.controls.find((p) => p.id === t), a = !n && (t.includes("[") || t.includes("."));
-    if (!a && this.state.setFilterValue(e, t, r, s) === !1)
+  updateValue(e, t, i, r = void 0) {
+    const s = this._normalizeValue(i);
+    if (!this._matchesExpectedFilterLayer(r)) return !1;
+    const o = this.getFilterDef(e), n = o == null ? void 0 : o.controls.find((u) => u.id === t), a = !n && (t.includes("[") || t.includes("."));
+    if (!a && this.state.setFilterValue(e, t, s, r) === !1)
       return !1;
     const l = this.instances[e];
     if (!l) return !1;
     const h = (n == null ? void 0 : n.property) || t;
     if (typeof l.updateUIParam == "function") {
-      if (l.updateUIParam(h, r), a && typeof l.getSerializableParams == "function") {
-        const p = l.getSerializableParams();
-        for (const [u, f] of Object.entries(p))
-          this.state.setFilterValue(e, u, f, s);
+      if (l.updateUIParam(h, s), a && typeof l.getSerializableParams == "function") {
+        const u = l.getSerializableParams();
+        for (const [p, g] of Object.entries(u))
+          this.state.setFilterValue(e, p, g, r);
       }
       return !0;
     }
     const c = this._getDeepProp(l, h);
-    return typeof c == "function" ? !1 : l.uniforms && h in l.uniforms ? (l.uniforms[h] = r, !0) : c !== void 0 ? (this._setDeepProp(l, h, r), !0) : !1;
+    return typeof c == "function" ? !1 : l.uniforms && h in l.uniforms ? (l.uniforms[h] = s, !0) : c !== void 0 ? (this._setDeepProp(l, h, s), !0) : !1;
   }
   /**
    * Perform a filter action (e.g. addColorStop, removeColorStop) and sync
@@ -1273,11 +1273,11 @@ class Qe extends re {
    */
   performFilterAction(e, t, i = void 0) {
     if (!this._matchesExpectedFilterLayer(i)) return !1;
-    const s = this.instances[e];
-    if (!s || typeof s.updateUIParam != "function") return !1;
-    if (s.updateUIParam(t, !0), typeof s.getSerializableParams == "function") {
-      const r = s.getSerializableParams();
-      for (const [o, n] of Object.entries(r))
+    const r = this.instances[e];
+    if (!r || typeof r.updateUIParam != "function") return !1;
+    if (r.updateUIParam(t, !0), typeof r.getSerializableParams == "function") {
+      const s = r.getSerializableParams();
+      for (const [o, n] of Object.entries(s))
         this.state.setFilterValue(e, o, n, i);
     }
     return this.applyFilters(), this.emit("filterActionPerformed", { filterId: e, action: t }), !0;
@@ -1295,27 +1295,27 @@ class Qe extends re {
     return e && e.version === 2 && Array.isArray(e.layers) ? e : null;
   }
   _sourceDimensionsForLayer(e, t = {}) {
-    var s, r, o, n, a, l, h, c, p;
-    const i = (e == null ? void 0 : e.source) || ((s = e == null ? void 0 : e.fill) == null ? void 0 : s.source) || null;
+    var r, s, o, n, a, l, h, c, u;
+    const i = (e == null ? void 0 : e.source) || ((r = e == null ? void 0 : e.fill) == null ? void 0 : r.source) || null;
     return {
-      width: Math.round(Number(t.sourceWidth || (i == null ? void 0 : i.originalWidth) || ((o = (r = this.renderer) == null ? void 0 : r.originalTexture) == null ? void 0 : o.width) || ((a = (n = this.renderer) == null ? void 0 : n.sprite) == null ? void 0 : a.width) || 0)),
-      height: Math.round(Number(t.sourceHeight || (i == null ? void 0 : i.originalHeight) || ((h = (l = this.renderer) == null ? void 0 : l.originalTexture) == null ? void 0 : h.height) || ((p = (c = this.renderer) == null ? void 0 : c.sprite) == null ? void 0 : p.height) || 0))
+      width: Math.round(Number(t.sourceWidth || (i == null ? void 0 : i.originalWidth) || ((o = (s = this.renderer) == null ? void 0 : s.originalTexture) == null ? void 0 : o.width) || ((a = (n = this.renderer) == null ? void 0 : n.sprite) == null ? void 0 : a.width) || 0)),
+      height: Math.round(Number(t.sourceHeight || (i == null ? void 0 : i.originalHeight) || ((h = (l = this.renderer) == null ? void 0 : l.originalTexture) == null ? void 0 : h.height) || ((u = (c = this.renderer) == null ? void 0 : c.sprite) == null ? void 0 : u.height) || 0))
     };
   }
   _paramsForFilterState(e, t, i) {
-    const s = t != null && t.values && typeof t.values == "object" ? t.values : {}, r = e.defaultParams ? { ...e.defaultParams } : {};
+    const r = t != null && t.values && typeof t.values == "object" ? t.values : {}, s = e.defaultParams ? { ...e.defaultParams } : {};
     e.controls && Array.isArray(e.controls) && e.controls.forEach((n) => {
       const a = n.property || n.id;
-      r[a] = s[n.id] ?? n.default;
+      s[a] = r[n.id] ?? n.default;
     });
     const o = new Set((e.controls || []).map((n) => n.id));
-    for (const [n, a] of Object.entries(s))
-      o.has(n) || (r[n] = a);
-    return r._sourceWidth = i.width, r._sourceHeight = i.height, r;
+    for (const [n, a] of Object.entries(r))
+      o.has(n) || (s[n] = a);
+    return s._sourceWidth = i.width, s._sourceHeight = i.height, s;
   }
   createFiltersForLayer(e, t = {}) {
     if (!Array.isArray(e == null ? void 0 : e.filters) || e.filters.length === 0) return [];
-    const i = [], s = this.state.get("activeLayerId"), r = e.id === s && t.forExport !== !0, o = this._sourceDimensionsForLayer(e, t);
+    const i = [], r = this.state.get("activeLayerId"), s = e.id === r && t.forExport !== !0, o = this._sourceDimensionsForLayer(e, t);
     for (const n of e.filters)
       if (!(!n || n.enabled === !1 || typeof n.id != "string"))
         try {
@@ -1326,7 +1326,7 @@ class Qe extends re {
           let h = l;
           t.forExport === !0 && typeof l.createExportFilter == "function" && (h = l.createExportFilter({
             previewToNativeScale: t.previewToNativeScale || 1
-          }) || l), i.push(h), r && (this.instances[n.id] = l);
+          }) || l), i.push(h), s && (this.instances[n.id] = l);
         } catch {
         }
     return i;
@@ -1338,56 +1338,56 @@ class Qe extends re {
    * PIXI v8's filter pipeline correctly processes changes.
    */
   applyFilters() {
-    var o, n, a, l, h, c, p;
+    var o, n, a, l, h, c, u;
     const e = this._layerDocument();
     if (e) {
-      for (const f in this.instances)
-        delete this.instances[f];
-      (n = (o = this.renderer) == null ? void 0 : o.setLayerFilterFactory) == null || n.call(o, (f, m) => this.createFiltersForLayer(f, m));
-      const u = (l = (a = this.renderer) == null ? void 0 : a.applyLayerFilters) == null ? void 0 : l.call(a, e);
+      for (const g in this.instances)
+        delete this.instances[g];
+      (n = (o = this.renderer) == null ? void 0 : o.setLayerFilterFactory) == null || n.call(o, (g, m) => this.createFiltersForLayer(g, m));
+      const p = (l = (a = this.renderer) == null ? void 0 : a.applyLayerFilters) == null ? void 0 : l.call(a, e);
       this.emit("filtersApplied", {
         count: ((h = this.state.get("activeFilters")) == null ? void 0 : h.size) ?? 0,
         failed: [],
         scopedToLayer: !0
-      }), u || (p = (c = this.renderer) == null ? void 0 : c.render) == null || p.call(c);
+      }), p || (u = (c = this.renderer) == null ? void 0 : c.render) == null || u.call(c);
       return;
     }
     const t = this.renderer.sprite;
     if (!t) return;
-    for (const u in this.instances)
-      delete this.instances[u];
-    const i = [], s = [];
-    this.state.get("activeFilters").forEach((u) => {
+    for (const p in this.instances)
+      delete this.instances[p];
+    const i = [], r = [];
+    this.state.get("activeFilters").forEach((p) => {
       try {
-        const f = this.getFilterDef(u);
-        if (!f || !f.createFilter || typeof f.createFilter != "function")
+        const g = this.getFilterDef(p);
+        if (!g || !g.createFilter || typeof g.createFilter != "function")
           return;
-        const m = this.state.getFilterValues(u), b = f.defaultParams ? { ...f.defaultParams } : {};
-        f.controls && Array.isArray(f.controls) && f.controls.forEach((F) => {
+        const m = this.state.getFilterValues(p), b = g.defaultParams ? { ...g.defaultParams } : {};
+        g.controls && Array.isArray(g.controls) && g.controls.forEach((F) => {
           const J = F.property || F.id;
           b[J] = m[F.id] ?? F.default;
         });
-        const C = new Set((f.controls || []).map((F) => F.id));
+        const C = new Set((g.controls || []).map((F) => F.id));
         for (const [F, J] of Object.entries(m))
           C.has(F) || (b[F] = J);
         const x = this.renderer.sprite, B = this.renderer.originalTexture;
         b._sourceWidth = Math.round((B == null ? void 0 : B.width) || (x == null ? void 0 : x.width) || 0), b._sourceHeight = Math.round((B == null ? void 0 : B.height) || (x == null ? void 0 : x.height) || 0);
-        const A = f.createFilter(b);
-        A && (i.push(A), this.instances[u] = A);
+        const A = g.createFilter(b);
+        A && (i.push(A), this.instances[p] = A);
       } catch {
-        s.push(u);
+        r.push(p);
       }
     });
     try {
-      t.filters = null, t.filters = i.length ? i : null, this.renderer.render(), this.emit("filtersApplied", { count: i.length, failed: s });
-    } catch (u) {
+      t.filters = null, t.filters = i.length ? i : null, this.renderer.render(), this.emit("filtersApplied", { count: i.length, failed: r });
+    } catch (p) {
       try {
         t.filters = null, this.renderer.render();
       } catch {
       }
-      this.emit("filtersError", { error: u, failedFilters: s });
+      this.emit("filtersError", { error: p, failedFilters: r });
     }
-    s.length > 0;
+    r.length > 0;
   }
   /**
    * Reset all filters.
@@ -1396,8 +1396,8 @@ class Qe extends re {
    * destroy any applied crop, which is a separate concern.
    */
   resetAll(e = void 0) {
-    for (const s in this.instances)
-      delete this.instances[s];
+    for (const r in this.instances)
+      delete this.instances[r];
     return this.state.resetFilters(e) === !1 ? !1 : this._layerDocument() ? (this.applyFilters(), this.emit("filtersReset"), !0) : (this.renderer.sprite && (this.renderer.sprite.filters = null), this.renderer.render(), this.emit("filtersReset"), !0);
   }
   /**
@@ -1409,7 +1409,7 @@ class Qe extends re {
     return this.instances[e] || null;
   }
 }
-const U = class U extends re {
+const U = class U extends se {
   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);
   }
@@ -1437,9 +1437,9 @@ const U = class U extends re {
     if (t[e] !== void 0) return t[e];
     const i = e.split(":");
     if (i.length === 2) {
-      const s = parseFloat(i[0]), r = parseFloat(i[1]);
-      if (Number.isFinite(s) && Number.isFinite(r) && r > 0)
-        return s / r;
+      const r = parseFloat(i[0]), s = parseFloat(i[1]);
+      if (Number.isFinite(r) && Number.isFinite(s) && s > 0)
+        return r / s;
     }
     return null;
   }
@@ -1475,15 +1475,10 @@ const U = class U extends re {
     if (!e) return;
     const t = this.renderer.sprite, i = this.renderer.app;
     if (!t || !i) return;
-    const s = this.state.get("crop.shape"), r = this._getEffectiveTargetAspect(), o = r !== null ? { x: t.x, y: t.y, w: t.width, h: t.height } : { x: 0, y: 0, w: i.screen.width, h: i.screen.height };
-    if (r !== null) {
-      const n = o.h * r, a = Math.min(e.width, o.w, n);
-      e.width = a, e.height = a / r;
-    } else
-      e.width = Math.min(e.width, o.w), e.height = Math.min(e.height, o.h);
-    if (e.x = Math.max(o.x, Math.min(e.x, o.x + o.w - e.width)), e.y = Math.max(o.y, Math.min(e.y, o.y + o.h - e.height)), s !== "free" || this.state.get("crop.aspect") === "1:1") {
-      const n = Math.min(e.width, e.height);
-      e.width = n, e.height = n;
+    const r = this.state.get("crop.shape"), s = { x: 0, y: 0, w: i.screen.width, h: i.screen.height };
+    if (e.x = Math.max(s.x, Math.min(e.x, s.x + s.w - e.width)), e.y = Math.max(s.y, Math.min(e.y, s.y + s.h - e.height)), e.width = Math.min(e.width, s.w), e.height = Math.min(e.height, s.h), r !== "free" || this.state.get("crop.aspect") === "1:1") {
+      const o = Math.min(e.width, e.height);
+      e.width = o, e.height = o;
     }
     this.state.set("crop.rect", e);
   }
@@ -1500,19 +1495,19 @@ const U = class U extends re {
    * @param {number} currentZoom - Current zoom level
    * @returns {number|null} Target zoom level, or null if no zoom needed
    */
-  static calcAutoZoom(e, t, i, s, r, o, n) {
-    if (!e || !s || !r || !o) return null;
+  static calcAutoZoom(e, t, i, r, s, o, n) {
+    if (!e || !r || !s || !o) return null;
     const a = e.width > t, l = e.height > i;
     if (!a && !l) return null;
     const h = U.AUTO_ZOOM_PADDING;
     let c = n;
     if (a) {
-      const p = e.width / (h * s * o);
-      c = Math.min(c, p);
+      const u = e.width / (h * r * o);
+      c = Math.min(c, u);
     }
     if (l) {
-      const p = e.height / (h * r * o);
-      c = Math.min(c, p);
+      const u = e.height / (h * s * o);
+      c = Math.min(c, u);
     }
     return c = Math.max(0.1, c), c >= n - 0.01 ? null : c;
   }
@@ -1525,18 +1520,18 @@ const U = class U extends re {
     const e = Date.now();
     if (e - this._lastAutoZoomCheck < U.AUTO_ZOOM_THROTTLE_MS) return;
     this._lastAutoZoomCheck = e;
-    const t = this.state.get("crop.rect"), i = this.renderer.sprite, s = this.renderer.originalTexture;
-    if (!t || !i || !s) return;
-    const r = U.calcAutoZoom(
+    const t = this.state.get("crop.rect"), i = this.renderer.sprite, r = this.renderer.originalTexture;
+    if (!t || !i || !r) return;
+    const s = U.calcAutoZoom(
       t,
       i.width,
       i.height,
-      s.width,
-      s.height,
+      r.width,
+      r.height,
       this.renderer.fitScale,
       this.renderer.zoom
     );
-    r !== null && this.renderer.setZoom(r, { keepCenter: !0 });
+    s !== null && this.renderer.setZoom(s, { keepCenter: !0 });
   }
   /**
    * Draw crop overlay on canvas
@@ -1546,11 +1541,11 @@ const U = class U extends re {
     if (!e) return;
     const t = this.renderer.app;
     if (!t) return;
-    const i = t.canvas, s = i.clientWidth, r = i.clientHeight, o = window.devicePixelRatio || 1;
-    (e.width !== Math.max(1, Math.floor(s * o)) || e.height !== Math.max(1, Math.floor(r * o))) && (e.width = Math.max(1, Math.floor(s * o)), e.height = Math.max(1, Math.floor(r * o)), e.style.width = s + "px", e.style.height = r + "px");
+    const i = t.canvas, r = i.clientWidth, s = i.clientHeight, o = window.devicePixelRatio || 1;
+    (e.width !== Math.max(1, Math.floor(r * o)) || e.height !== Math.max(1, Math.floor(s * o))) && (e.width = Math.max(1, Math.floor(r * o)), e.height = Math.max(1, Math.floor(s * o)), e.style.width = r + "px", e.style.height = s + "px");
     const n = e.getContext("2d");
     if (!n) return;
-    n.setTransform(o, 0, 0, o, 0, 0), n.clearRect(0, 0, s, r), n.fillStyle = "rgba(0, 0, 0, 0.5)", n.fillRect(0, 0, s, r);
+    n.setTransform(o, 0, 0, o, 0, 0), n.clearRect(0, 0, r, s), n.fillStyle = "rgba(0, 0, 0, 0.5)", n.fillRect(0, 0, r, s);
     const a = this.state.get("crop.rect");
     if (!a) return;
     const l = this.state.get("crop.shape");
@@ -1569,19 +1564,19 @@ const U = class U extends re {
     const h = a.width / 3, c = a.height / 3;
     for (let b = 1; b <= 2; b++)
       n.beginPath(), n.moveTo(a.x + h * b, a.y), n.lineTo(a.x + h * b, a.y + a.height), n.stroke(), n.beginPath(), n.moveTo(a.x, a.y + c * b), n.lineTo(a.x + a.width, a.y + c * b), n.stroke();
-    const p = this.HANDLE_SIZE, u = [
+    const u = this.HANDLE_SIZE, p = [
       { x: a.x, y: a.y, m: "resize-nw" },
       { x: a.x + a.width, y: a.y, m: "resize-ne" },
       { x: a.x, y: a.y + a.height, m: "resize-sw" },
       { x: a.x + a.width, y: a.y + a.height, m: "resize-se" }
-    ], f = [
+    ], g = [
       { x: a.x + a.width / 2, y: a.y, m: "n" },
       { x: a.x + a.width / 2, y: a.y + a.height, m: "s" },
       { x: a.x, y: a.y + a.height / 2, m: "w" },
       { x: a.x + a.width, y: a.y + a.height / 2, m: "e" }
-    ], m = [...u, ...f];
+    ], m = [...p, ...g];
     for (const b of m) {
-      const C = this._hoverMode === b.m, x = C ? p + 4 : p;
+      const C = this._hoverMode === b.m, x = C ? u + 4 : u;
       n.beginPath(), n.rect(b.x - x / 2, b.y - x / 2, x, x), n.fillStyle = C ? "#4da3ff" : "#ffffff", n.strokeStyle = "rgba(0,0,0,0.6)", n.lineWidth = 1, n.fill(), n.stroke();
     }
   }
@@ -1594,8 +1589,8 @@ const U = class U extends re {
   _hitHandle(e, t) {
     const i = this.state.get("crop.rect");
     if (!i) return null;
-    const s = (r, o, n, a, l) => Math.abs(r - n) <= l && Math.abs(o - a) <= l;
-    return s(e, t, i.x, i.y, this.HANDLE_SIZE) ? "resize-nw" : s(e, t, i.x + i.width, i.y, this.HANDLE_SIZE) ? "resize-ne" : s(e, t, i.x, i.y + i.height, this.HANDLE_SIZE) ? "resize-sw" : s(e, t, i.x + i.width, i.y + i.height, this.HANDLE_SIZE) ? "resize-se" : Math.abs(t - i.y) <= this.EDGE_HIT_PAD && e >= i.x && e <= i.x + i.width ? "n" : Math.abs(t - (i.y + i.height)) <= this.EDGE_HIT_PAD && e >= i.x && e <= i.x + i.width ? "s" : Math.abs(e - i.x) <= this.EDGE_HIT_PAD && t >= i.y && t <= i.y + i.height ? "w" : Math.abs(e - (i.x + i.width)) <= this.EDGE_HIT_PAD && t >= i.y && t <= i.y + i.height ? "e" : e >= i.x && e <= i.x + i.width && t >= i.y && t <= i.y + i.height ? "move" : null;
+    const r = (s, o, n, a, l) => Math.abs(s - n) <= l && Math.abs(o - a) <= l;
+    return r(e, t, i.x, i.y, this.HANDLE_SIZE) ? "resize-nw" : r(e, t, i.x + i.width, i.y, this.HANDLE_SIZE) ? "resize-ne" : r(e, t, i.x, i.y + i.height, this.HANDLE_SIZE) ? "resize-sw" : r(e, t, i.x + i.width, i.y + i.height, this.HANDLE_SIZE) ? "resize-se" : Math.abs(t - i.y) <= this.EDGE_HIT_PAD && e >= i.x && e <= i.x + i.width ? "n" : Math.abs(t - (i.y + i.height)) <= this.EDGE_HIT_PAD && e >= i.x && e <= i.x + i.width ? "s" : Math.abs(e - i.x) <= this.EDGE_HIT_PAD && t >= i.y && t <= i.y + i.height ? "w" : Math.abs(e - (i.x + i.width)) <= this.EDGE_HIT_PAD && t >= i.y && t <= i.y + i.height ? "e" : e >= i.x && e <= i.x + i.width && t >= i.y && t <= i.y + i.height ? "move" : null;
   }
   /**
    * Handle pointer down event
@@ -1610,67 +1605,47 @@ const U = class U extends re {
    * Handle pointer move event
    */
   _handlePointerMove(e) {
-    var l, h, c, p;
+    var a, l, h, c;
     const t = this.renderer.app;
     if (!t) return;
     const i = e.global;
     if (!this._isDragging || !this._dragStart || !this._startRect) {
-      this._hoverMode = this._hitHandle(i.x, i.y), t.stage.cursor = this._hoverMode === "move" ? "move" : this._hoverMode === "n" || this._hoverMode === "s" ? "ns-resize" : this._hoverMode === "e" || this._hoverMode === "w" ? "ew-resize" : (l = this._hoverMode) != null && l.endsWith("nw") || (h = this._hoverMode) != null && h.endsWith("se") ? "nwse-resize" : (c = this._hoverMode) != null && c.endsWith("ne") || (p = this._hoverMode) != null && p.endsWith("sw") ? "nesw-resize" : "crosshair", this.drawOverlay();
+      this._hoverMode = this._hitHandle(i.x, i.y), t.stage.cursor = this._hoverMode === "move" ? "move" : this._hoverMode === "n" || this._hoverMode === "s" ? "ns-resize" : this._hoverMode === "e" || this._hoverMode === "w" ? "ew-resize" : (a = this._hoverMode) != null && a.endsWith("nw") || (l = this._hoverMode) != null && l.endsWith("se") ? "nwse-resize" : (h = this._hoverMode) != null && h.endsWith("ne") || (c = this._hoverMode) != null && c.endsWith("sw") ? "nesw-resize" : "crosshair", this.drawOverlay();
       return;
     }
-    const s = this.state.get("crop.rect");
-    if (!s) return;
-    const r = i.x - this._dragStart.x, o = i.y - this._dragStart.y, n = this._getEffectiveTargetAspect();
+    const r = this.state.get("crop.rect");
+    if (!r) return;
+    const s = i.x - this._dragStart.x, o = i.y - this._dragStart.y;
     switch (this._dragMode) {
       case "move":
-        s.x = this._startRect.x + r, s.y = this._startRect.y + o;
+        r.x = this._startRect.x + s, r.y = this._startRect.y + o;
         break;
-      case "n": {
-        const u = this._startRect.height - o;
-        if (s.y = this._startRect.y + o, s.height = u, n) {
-          const f = u * n;
-          s.x = this._startRect.x + (this._startRect.width - f) / 2, s.width = f;
-        }
+      case "n":
+        r.y = this._startRect.y + o, r.height = this._startRect.height - o;
         break;
-      }
-      case "s": {
-        const u = this._startRect.height + o;
-        if (s.height = u, n) {
-          const f = u * n;
-          s.x = this._startRect.x + (this._startRect.width - f) / 2, s.width = f;
-        }
+      case "s":
+        r.height = this._startRect.height + o;
         break;
-      }
-      case "w": {
-        const u = this._startRect.width - r;
-        if (s.x = this._startRect.x + r, s.width = u, n) {
-          const f = u / n;
-          s.y = this._startRect.y + (this._startRect.height - f) / 2, s.height = f;
-        }
+      case "w":
+        r.x = this._startRect.x + s, r.width = this._startRect.width - s;
         break;
-      }
-      case "e": {
-        const u = this._startRect.width + r;
-        if (s.width = u, n) {
-          const f = u / n;
-          s.y = this._startRect.y + (this._startRect.height - f) / 2, s.height = f;
-        }
+      case "e":
+        r.width = this._startRect.width + s;
         break;
-      }
       case "resize-nw":
-        s.x = this._startRect.x + r, s.y = this._startRect.y + o, s.width = this._startRect.width - r, s.height = this._startRect.height - o;
+        r.x = this._startRect.x + s, r.y = this._startRect.y + o, r.width = this._startRect.width - s, r.height = this._startRect.height - o;
         break;
       case "resize-ne":
-        s.y = this._startRect.y + o, s.width = this._startRect.width + r, s.height = this._startRect.height - o;
+        r.y = this._startRect.y + o, r.width = this._startRect.width + s, r.height = this._startRect.height - o;
         break;
       case "resize-sw":
-        s.x = this._startRect.x + r, s.width = this._startRect.width - r, s.height = this._startRect.height + o;
+        r.x = this._startRect.x + s, r.width = this._startRect.width - s, r.height = this._startRect.height + o;
         break;
       case "resize-se":
-        s.width = this._startRect.width + r, s.height = this._startRect.height + o;
+        r.width = this._startRect.width + s, r.height = this._startRect.height + o;
         break;
     }
-    s.width = Math.max(50, s.width), s.height = Math.max(50, s.height), this.state.set("crop.rect", s), this.state.set("crop.dirty", !0), this.state.get("crop.shape") === "circle" && this.state.get("crop.aspect") !== "1:1" && this.state.set("crop.aspect", "1:1"), this.applyAspectRatio(), this._dragMode !== "move" && this._checkAutoZoom(), this.constrainCropRect(), this.drawOverlay();
+    r.width = Math.max(50, r.width), r.height = Math.max(50, r.height), this.state.set("crop.rect", r), this.state.set("crop.dirty", !0), this.state.get("crop.shape") === "circle" && this.state.get("crop.aspect") !== "1:1" && this.state.set("crop.aspect", "1:1"), this.applyAspectRatio(), this._dragMode !== "move" && this._checkAutoZoom(), this.constrainCropRect(), this.drawOverlay();
   }
   /**
    * Handle pointer up event
@@ -1690,18 +1665,18 @@ const U = class U extends re {
       const o = this.state.get("crop.aspect"), n = this._getAspectRatio(o);
       let a, l;
       if (n) {
-        const p = t.width * 0.9, u = t.height * 0.9;
-        p / u > n ? (l = u, a = l * n) : (a = p, l = a / n);
+        const u = t.width * 0.9, p = t.height * 0.9;
+        u / p > n ? (l = p, a = l * n) : (a = u, l = a / n);
       } else {
-        const p = Math.min(e.screen.width, e.screen.height) * 0.7;
-        a = p, l = p;
+        const u = Math.min(e.screen.width, e.screen.height) * 0.7;
+        a = u, l = u;
       }
       const h = t.x + (t.width - a) / 2, c = t.y + (t.height - l) / 2;
       i = { x: h, y: c, width: a, height: l }, this.state.set("crop.rect", i), o !== "free" && this.constrainCropRect();
     }
     this.state.set("crop.dirty", !1);
-    const s = e.stage;
-    s.eventMode = "static", s.hitArea = e.screen, s.cursor = "crosshair", s.on("pointerdown", this._onPointerDown), s.on("pointermove", this._onPointerMove), s.on("pointerup", this._onPointerUp), s.on("pointerupoutside", this._onPointerUp), this.state.set("mode", "crop"), this.drawOverlay(), this.emit("enabled");
+    const r = e.stage;
+    r.eventMode = "static", r.hitArea = e.screen, r.cursor = "crosshair", r.on("pointerdown", this._onPointerDown), r.on("pointermove", this._onPointerMove), r.on("pointerup", this._onPointerUp), r.on("pointerupoutside", this._onPointerUp), this.state.set("mode", "crop"), this.drawOverlay(), this.emit("enabled");
   }
   /**
    * Disable crop mode
@@ -1721,20 +1696,20 @@ const U = class U extends re {
    * @returns {{ texture: PIXI.Texture, preservedZoom: number }|null}
    */
   apply() {
-    const e = this.renderer.app, t = this.renderer.sprite, i = this.renderer.originalTexture, s = this.state.get("crop.rect");
-    if (!s || !t || !e || !i) return null;
-    const r = window.PIXI, o = this.renderer.zoom, n = i.width / t.width, a = i.height / t.height, l = (s.x - t.x) * n, h = (s.y - t.y) * a;
-    let c = Math.round(Math.max(1, s.width * n)), p = Math.round(Math.max(1, s.height * a)), u = Math.round(l), f = Math.round(h);
-    if (c <= 0 || p <= 0) return null;
-    const m = new r.Container(), b = new r.Sprite(i);
+    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 s = window.PIXI, o = this.renderer.zoom, n = i.width / t.width, a = i.height / t.height, l = (r.x - t.x) * n, h = (r.y - t.y) * a;
+    let c = Math.round(Math.max(1, r.width * n)), u = Math.round(Math.max(1, r.height * a)), p = Math.round(l), g = Math.round(h);
+    if (c <= 0 || u <= 0) return null;
+    const m = new s.Container(), b = new s.Sprite(i);
     if (this.state.get("crop.shape") === "circle") {
-      const k = Math.round(Math.max(c, p)), N = u + c / 2, P = f + p / 2;
-      u = Math.round(N - k / 2), f = Math.round(P - k / 2), c = p = k;
-      const M = new r.Graphics();
-      typeof M.circle == "function" && typeof M.fill == "function" ? M.circle(c / 2, p / 2, c / 2).fill(16777215) : (M.beginFill(16777215, 1), M.drawCircle(c / 2, p / 2, c / 2), M.endFill()), b.mask = M, m.addChild(M);
+      const k = Math.round(Math.max(c, u)), N = p + c / 2, P = g + u / 2;
+      p = Math.round(N - k / 2), g = Math.round(P - k / 2), c = u = k;
+      const M = new s.Graphics();
+      typeof M.circle == "function" && typeof M.fill == "function" ? M.circle(c / 2, u / 2, c / 2).fill(16777215) : (M.beginFill(16777215, 1), M.drawCircle(c / 2, u / 2, c / 2), M.endFill()), b.mask = M, m.addChild(M);
     }
-    b.x = -u, b.y = -f, m.addChild(b);
-    const x = r.RenderTexture.create({ width: c, height: p });
+    b.x = -p, b.y = -g, m.addChild(b);
+    const x = s.RenderTexture.create({ width: c, height: u });
     e.renderer.render({
       container: m,
       target: x,
@@ -1742,15 +1717,15 @@ const U = class U extends re {
     }), m.destroy({ children: !0 });
     const B = this.renderer.originalTexture;
     B && B !== this.renderer.baseTexture && B.destroy(!0), this.renderer.originalTexture = x, e.stage.removeChild(t), t.destroy();
-    const A = new r.Sprite(x);
+    const A = new s.Sprite(x);
     e.stage.addChild(A), this.renderer.sprite = A, this.renderer.fitScale = this.renderer.getFitScaleFor(x), this.renderer.setZoom(o, { keepCenter: !1 }), this.renderer.applyViewTransform(), this.renderer.render();
     const F = this.state.get("crop.appliedRect"), y = F && Number.isFinite(F.x) && Number.isFinite(F.y) && Number.isFinite(F.width) && Number.isFinite(F.height) ? {
-      x: Math.round(F.x + u),
-      y: Math.round(F.y + f),
+      x: Math.round(F.x + p),
+      y: Math.round(F.y + g),
       width: c,
-      height: p
-    } : { x: u, y: f, width: c, height: p }, w = this.state.get("crop.shape") || "free", S = this.state.get("crop.aspect") || "free";
-    return this.disable(), this.state.set("crop.appliedRect", y), this.state.set("crop.appliedShape", w), this.state.set("crop.appliedAspect", S), this.state.set("crop.dirty", !1), this.emit("applied", { width: c, height: p }), { texture: x, preservedZoom: o };
+      height: u
+    } : { x: p, y: g, width: c, height: u }, w = this.state.get("crop.shape") || "free", S = this.state.get("crop.aspect") || "free";
+    return this.disable(), this.state.set("crop.appliedRect", y), this.state.set("crop.appliedShape", w), this.state.set("crop.appliedAspect", S), this.state.set("crop.dirty", !1), this.emit("applied", { width: c, height: u }), { texture: x, preservedZoom: o };
   }
   /**
    * Apply a crop from saved texture-pixel coordinates (for state rehydration).
@@ -1760,25 +1735,25 @@ const U = class U extends re {
    * @returns {{ texture: Object, preservedZoom: number }|null}
    */
   applyFromPixelRect(e, t = "free") {
-    const i = this.renderer.app, s = this.renderer.sprite, r = this.renderer.originalTexture;
-    if (!e || !s || !i || !r) return null;
+    const i = this.renderer.app, r = this.renderer.sprite, s = this.renderer.originalTexture;
+    if (!e || !r || !i || !s) return null;
     const o = window.PIXI, n = this.renderer.zoom;
     let a = Math.round(Math.max(1, e.width)), l = Math.round(Math.max(1, e.height)), h = Math.round(e.x), c = Math.round(e.y);
     if (a <= 0 || l <= 0) return null;
-    const p = new o.Container(), u = new o.Sprite(r);
+    const u = new o.Container(), p = new o.Sprite(s);
     if (t === "circle") {
       const C = Math.round(Math.max(a, l)), x = h + a / 2, B = c + l / 2;
       h = Math.round(x - C / 2), c = Math.round(B - C / 2), a = l = C;
       const A = new o.Graphics();
-      typeof A.circle == "function" && typeof A.fill == "function" ? A.circle(a / 2, l / 2, a / 2).fill(16777215) : (A.beginFill(16777215, 1), A.drawCircle(a / 2, l / 2, a / 2), A.endFill()), u.mask = A, p.addChild(A);
+      typeof A.circle == "function" && typeof A.fill == "function" ? A.circle(a / 2, l / 2, a / 2).fill(16777215) : (A.beginFill(16777215, 1), A.drawCircle(a / 2, l / 2, a / 2), A.endFill()), p.mask = A, u.addChild(A);
     }
-    u.x = -h, u.y = -c, p.addChild(u);
-    const f = o.RenderTexture.create({ width: a, height: l });
-    i.renderer.render({ container: p, target: f, clear: !0 }), p.destroy({ children: !0 });
+    p.x = -h, p.y = -c, u.addChild(p);
+    const g = o.RenderTexture.create({ width: a, height: l });
+    i.renderer.render({ container: u, target: g, clear: !0 }), u.destroy({ children: !0 });
     const m = this.renderer.originalTexture;
-    m && m !== this.renderer.baseTexture && m.destroy(!0), this.renderer.originalTexture = f, i.stage.removeChild(s), s.destroy();
-    const b = new o.Sprite(f);
-    return i.stage.addChild(b), this.renderer.sprite = b, this.renderer.fitScale = this.renderer.getFitScaleFor(f), this.renderer.setZoom(n, { keepCenter: !1 }), this.renderer.applyViewTransform(), this.renderer.render(), { texture: f, preservedZoom: n };
+    m && m !== this.renderer.baseTexture && m.destroy(!0), this.renderer.originalTexture = g, i.stage.removeChild(r), r.destroy();
+    const b = new o.Sprite(g);
+    return i.stage.addChild(b), this.renderer.sprite = b, this.renderer.fitScale = this.renderer.getFitScaleFor(g), this.renderer.setZoom(n, { keepCenter: !1 }), this.renderer.applyViewTransform(), this.renderer.render(), { texture: g, preservedZoom: n };
   }
   /**
    * Cancel crop
@@ -1882,13 +1857,13 @@ class Xe {
    * @returns {Promise<{dataUrl: string, model: string, processMs: string}>}
    */
   async removeBackground(e, t = {}) {
-    const i = typeof Blob < "u" && t.blob instanceof Blob ? t : await this.preparePreviewRequest(e, t), s = i.blob, r = i.operationId, o = i.sessionKey, n = i.sourceHash, a = new FormData();
-    a.append("image_file", s, "image.png"), a.append("operation_id", r), a.append("session_key", o), a.append("source_hash", n), a.append("tier", i.tier || "balanced"), i.targetRef && a.append("target_ref", i.targetRef), i.model && a.append("model", i.model), i.alpha_matting && (a.append("alpha_matting", "true"), a.append("alpha_f", String(i.alpha_f ?? 10)), a.append("alpha_fr", String(i.alpha_fr ?? 15)), a.append("alpha_erode_size", String(i.alpha_erode_size ?? 10))), i.max_megapixels !== void 0 && a.append("max_megapixels", String(i.max_megapixels));
+    const i = typeof Blob < "u" && t.blob instanceof Blob ? t : await this.preparePreviewRequest(e, t), r = i.blob, s = i.operationId, o = i.sessionKey, n = i.sourceHash, a = new FormData();
+    a.append("image_file", r, "image.png"), a.append("operation_id", s), a.append("session_key", o), a.append("source_hash", n), a.append("tier", i.tier || "balanced"), i.targetRef && a.append("target_ref", i.targetRef), i.model && a.append("model", i.model), i.alpha_matting && (a.append("alpha_matting", "true"), a.append("alpha_f", String(i.alpha_f ?? 10)), a.append("alpha_fr", String(i.alpha_fr ?? 15)), a.append("alpha_erode_size", String(i.alpha_erode_size ?? 10))), i.max_megapixels !== void 0 && a.append("max_megapixels", String(i.max_megapixels));
     let l, h;
-    const c = this._createAbortController(), p = (u) => c ? { ...u, signal: c.signal } : u;
+    const c = this._createAbortController(), u = (p) => c ? { ...p, signal: c.signal } : p;
     try {
       try {
-        l = await fetch(this._endpoint, p({
+        l = await fetch(this._endpoint, u({
           method: "POST",
           body: a,
           credentials: "include"
@@ -1901,7 +1876,7 @@ class Xe {
       }
       if ((!l || !l.ok) && this._fallbackEndpoint)
         try {
-          l = await fetch(this._fallbackEndpoint, p({
+          l = await fetch(this._fallbackEndpoint, u({
             method: "POST",
             body: a
           }));
@@ -1921,12 +1896,12 @@ class Xe {
         }
         throw new Error(m);
       }
-      const u = await l.blob();
+      const p = await l.blob();
       return {
-        dataUrl: await this._blobToDataUrl(u),
+        dataUrl: await this._blobToDataUrl(p),
         model: l.headers.get("X-Model-Used") || "unknown",
         processMs: l.headers.get("X-Process-Ms") || "0",
-        operationId: l.headers.get("X-Operation-Id") || r,
+        operationId: l.headers.get("X-Operation-Id") || s,
         sessionKey: l.headers.get("X-Session-Key") || o,
         sourceHash: l.headers.get("X-Source-Hash") || n,
         targetRef: l.headers.get("X-Target-Ref") || i.targetRef || null
@@ -1957,10 +1932,10 @@ class Xe {
       tier: e.tier || "balanced"
     };
     e.model && (i.model = e.model), e.alpha_matting !== void 0 && (i.alpha_matting = !!e.alpha_matting), e.max_megapixels !== void 0 && (i.max_megapixels = Number(e.max_megapixels));
-    const s = this._createAbortController();
-    let r;
+    const r = this._createAbortController();
+    let s;
     try {
-      if (r = await fetch(t, {
+      if (s = await fetch(t, {
         method: "POST",
         body: JSON.stringify(i),
         credentials: "include",
@@ -1968,19 +1943,19 @@ class Xe {
           Accept: "application/json",
           "Content-Type": "application/json"
         },
-        ...s ? { signal: s.signal } : {}
-      }), !r.ok) {
-        let o = `Background removal failed (HTTP ${r.status})`;
+        ...r ? { signal: r.signal } : {}
+      }), !s.ok) {
+        let o = `Background removal failed (HTTP ${s.status})`;
         try {
-          const n = await r.json();
+          const n = await s.json();
           n != null && n.message && (o += `: ${n.message}`);
         } catch {
         }
         throw new Error(o);
       }
-      return await r.json();
+      return await s.json();
     } finally {
-      this._releaseAbortController(s);
+      this._releaseAbortController(r);
     }
   }
   /**
@@ -1990,7 +1965,7 @@ class Xe {
    */
   async _dataUrlToBlob(e) {
     if (e.startsWith("data:")) {
-      const [i, s] = e.split(","), r = i.match(/:(.*?);/), o = r ? r[1] : "image/png", n = atob(s), a = new Uint8Array(n.length);
+      const [i, r] = e.split(","), s = i.match(/:(.*?);/), o = s ? s[1] : "image/png", n = atob(r), a = new Uint8Array(n.length);
       for (let l = 0; l < n.length; l++)
         a[l] = n.charCodeAt(l);
       return new Blob([a], { type: o });
@@ -2004,8 +1979,8 @@ class Xe {
    */
   _blobToDataUrl(e) {
     return new Promise((t, i) => {
-      const s = new FileReader();
-      s.onload = () => t(s.result), s.onerror = () => i(new Error("Failed to read blob as data URL")), s.readAsDataURL(e);
+      const r = new FileReader();
+      r.onload = () => t(r.result), r.onerror = () => i(new Error("Failed to read blob as data URL")), r.readAsDataURL(e);
     });
   }
   /**
@@ -2054,61 +2029,61 @@ class Xe {
   }
   async _sha256Hex(e) {
     const t = await e.arrayBuffer(), i = await globalThis.crypto.subtle.digest("SHA-256", t);
-    return [...new Uint8Array(i)].map((s) => s.toString(16).padStart(2, "0")).join("");
+    return [...new Uint8Array(i)].map((r) => r.toString(16).padStart(2, "0")).join("");
   }
 }
-function d(g, e = {}, ...t) {
-  const i = document.createElement(g);
-  for (const [s, r] of Object.entries(e))
-    if (r != null)
-      if (s === "className")
-        i.className = r;
-      else if (s === "style" && typeof r == "object")
-        Object.assign(i.style, r);
-      else if (s.startsWith("on") && typeof r == "function") {
-        const o = s.slice(2).toLowerCase();
-        i.addEventListener(o, r);
-      } else s === "dataset" && typeof r == "object" ? Object.assign(i.dataset, r) : i.setAttribute(s, r);
-  for (const s of t)
-    typeof s == "string" ? i.appendChild(document.createTextNode(s)) : s instanceof HTMLElement && i.appendChild(s);
+function d(f, e = {}, ...t) {
+  const i = document.createElement(f);
+  for (const [r, s] of Object.entries(e))
+    if (s != null)
+      if (r === "className")
+        i.className = s;
+      else if (r === "style" && typeof s == "object")
+        Object.assign(i.style, s);
+      else if (r.startsWith("on") && typeof s == "function") {
+        const o = r.slice(2).toLowerCase();
+        i.addEventListener(o, s);
+      } else r === "dataset" && typeof s == "object" ? Object.assign(i.dataset, s) : i.setAttribute(r, s);
+  for (const r of t)
+    typeof r == "string" ? i.appendChild(document.createTextNode(r)) : r instanceof HTMLElement && i.appendChild(r);
   return i;
 }
-function ve({ id: g, label: e, min: t = 0, max: i = 1, step: s = 0.01, value: r = 0.5, onChange: o }) {
-  const n = g.includes("-") ? g.split("-").slice(1).join("-") : g, a = d("div", {
+function ve({ id: f, label: e, min: t = 0, max: i = 1, step: r = 0.01, value: s = 0.5, onChange: o }) {
+  const n = f.includes("-") ? f.split("-").slice(1).join("-") : f, a = d("div", {
     className: "slider-control slider-wrapper",
     "data-control": n,
     "data-testid": `slider-${n}`
   }), l = d(
     "div",
     { className: "slider-header" },
-    d("label", { for: g, className: "slider-label" }, e),
-    d("span", { className: "slider-value", id: `${g}-value` }, ae(r))
+    d("label", { for: f, className: "slider-label" }, e),
+    d("span", { className: "slider-value", id: `${f}-value` }, ae(s))
   ), h = d("input", {
     type: "range",
-    id: g,
+    id: f,
     className: "slider-input",
     min: String(t),
     max: String(i),
-    step: String(s),
-    value: String(r),
+    step: String(r),
+    value: String(s),
     onInput: (c) => {
-      const p = parseFloat(c.target.value), u = a.querySelector(".slider-value");
-      u && (u.textContent = ae(p)), o == null || o(p);
+      const u = parseFloat(c.target.value), p = a.querySelector(".slider-value");
+      p && (p.textContent = ae(u)), o == null || o(u);
     }
   });
   return a.appendChild(l), a.appendChild(h), a.setValue = (c) => {
     h.value = String(c);
-    const p = a.querySelector(".slider-value");
-    p && (p.textContent = ae(c));
+    const u = a.querySelector(".slider-value");
+    u && (u.textContent = ae(c));
   }, a;
 }
-function ae(g) {
-  return Number.isInteger(g) ? String(g) : g.toFixed(2);
+function ae(f) {
+  return Number.isInteger(f) ? String(f) : f.toFixed(2);
 }
-function we({ id: g, label: e, checked: t = !1, onChange: i }) {
-  const s = d("div", { className: "toggle-control" }), r = d("label", { className: "toggle-label", for: g }, e), o = d("input", {
+function we({ id: f, label: e, checked: t = !1, onChange: i }) {
+  const r = d("div", { className: "toggle-control" }), s = d("label", { className: "toggle-label", for: f }, e), o = d("input", {
     type: "checkbox",
-    id: g,
+    id: f,
     className: "toggle-input",
     checked: t ? "checked" : void 0,
     onChange: (l) => i == null ? void 0 : i(l.target.checked)
@@ -2118,32 +2093,32 @@ function we({ id: g, label: e, checked: t = !1, onChange: i }) {
       l.target !== o && (o.checked = !o.checked, i == null || i(o.checked));
     }
   }), a = d("span", { className: "toggle-slider" });
-  return n.appendChild(o), n.appendChild(a), s.appendChild(r), s.appendChild(n), s.setChecked = (l) => {
+  return n.appendChild(o), n.appendChild(a), r.appendChild(s), r.appendChild(n), r.setChecked = (l) => {
     o.checked = l;
-  }, s;
+  }, r;
 }
-function xe({ id: g, label: e, value: t = "#000000", onChange: i }) {
-  const s = d("div", { className: "color-control" }), r = d("label", { className: "color-label", for: g }, e), o = d("input", {
+function xe({ id: f, label: e, value: t = "#000000", onChange: i }) {
+  const r = d("div", { className: "color-control" }), s = d("label", { className: "color-label", for: f }, e), o = d("input", {
     type: "color",
-    id: g,
+    id: f,
     className: "color-input",
     value: t,
     onInput: (n) => i == null ? void 0 : i(n.target.value)
   });
-  return s.appendChild(r), s.appendChild(o), s.setValue = (n) => {
+  return r.appendChild(s), r.appendChild(o), r.setValue = (n) => {
     o.value = n;
-  }, s;
+  }, r;
 }
-function Ce({ id: g, label: e, value: t = "", placeholder: i = "", onCommit: s }) {
-  const r = d("div", {
+function Ce({ id: f, label: e, value: t = "", placeholder: i = "", onCommit: r }) {
+  const s = d("div", {
     className: "text-control",
-    "data-control": g,
-    "data-testid": `text-${g}`
-  }), o = d("label", { className: "text-label", for: g }, e);
+    "data-control": f,
+    "data-testid": `text-${f}`
+  }), o = d("label", { className: "text-label", for: f }, e);
   let n = t;
   const a = d("input", {
     type: "text",
-    id: g,
+    id: f,
     className: "text-input",
     value: t,
     placeholder: i,
@@ -2154,72 +2129,72 @@ function Ce({ id: g, label: e, value: t = "", placeholder: i = "", onCommit: s }
   });
   function l() {
     const h = a.value;
-    h !== n && (n = h, s == null || s(h));
+    h !== n && (n = h, r == null || r(h));
   }
-  return r.appendChild(o), r.appendChild(a), r.setValue = (h) => {
+  return s.appendChild(o), s.appendChild(a), s.setValue = (h) => {
     const c = h == null ? "" : String(h);
     a.value = c, n = c;
-  }, r;
+  }, s;
 }
-function ke({ id: g, label: e, options: t = [], value: i, onChange: s }) {
-  const r = d("div", { className: "select-control" }), o = d("label", { className: "select-label", for: g }, e), n = d("select", {
-    id: g,
+function ke({ id: f, label: e, options: t = [], value: i, onChange: r }) {
+  const s = d("div", { className: "select-control" }), o = d("label", { className: "select-label", for: f }, e), n = d("select", {
+    id: f,
     className: "select-input",
-    onChange: (a) => s == null ? void 0 : s(a.target.value)
+    onChange: (a) => r == null ? void 0 : r(a.target.value)
   });
   for (const a of t) {
     const l = d("option", { value: a.value }, a.label);
     a.value === i && (l.selected = !0), n.appendChild(l);
   }
-  return r.appendChild(o), r.appendChild(n), r.setValue = (a) => {
+  return s.appendChild(o), s.appendChild(n), s.setValue = (a) => {
     n.value = a;
-  }, r;
+  }, s;
 }
-function j({ label: g, className: e = "", onClick: t, icon: i = null, disabled: s = !1 }) {
-  const r = d("button", {
+function j({ label: f, className: e = "", onClick: t, icon: i = null, disabled: r = !1 }) {
+  const s = d("button", {
     type: "button",
     className: `btn ${e}`.trim(),
     onClick: t,
-    disabled: s ? "disabled" : void 0
+    disabled: r ? "disabled" : void 0
   });
   if (i) {
     const o = d("span", { className: "btn-icon" });
     o.innerHTML = i;
     const n = o.querySelector("svg");
-    n && n.setAttribute("aria-hidden", "true"), r.appendChild(o);
+    n && n.setAttribute("aria-hidden", "true"), s.appendChild(o);
   }
-  return g && r.appendChild(document.createTextNode(g)), r;
+  return f && s.appendChild(document.createTextNode(f)), s;
 }
-function O({ icon: g, title: e, className: t = "", onClick: i, disabled: s = !1, testId: r = null, ariaLabel: o = null }) {
+function O({ icon: f, title: e, className: t = "", onClick: i, disabled: r = !1, testId: s = null, ariaLabel: o = null }) {
   const n = {
     type: "button",
     className: `icon-btn ${t}`.trim(),
     title: e,
     "aria-label": o || e,
     onClick: i,
-    disabled: s ? "disabled" : void 0
+    disabled: r ? "disabled" : void 0
   };
-  r && (n.dataset = { testid: r });
+  s && (n.dataset = { testid: s });
   const a = d("button", n);
-  a.innerHTML = g;
+  a.innerHTML = f;
   const l = a.querySelector("svg");
   return l && l.setAttribute("aria-hidden", "true"), a;
 }
-function se({ label: g, icon: e, active: t = !1, onClick: i }) {
-  const s = d("button", {
+function re({ label: f, icon: e, active: t = !1, onClick: i }) {
+  const r = d("button", {
     type: "button",
     className: `chip ${t ? "active" : ""}`.trim(),
     onClick: i
   });
   if (e) {
-    const r = d("span", { className: "chip-icon" });
-    r.innerHTML = e;
-    const o = r.querySelector("svg");
-    o && o.setAttribute("aria-hidden", "true"), s.appendChild(r);
+    const s = d("span", { className: "chip-icon" });
+    s.innerHTML = e;
+    const o = s.querySelector("svg");
+    o && o.setAttribute("aria-hidden", "true"), r.appendChild(s);
   }
-  return s.appendChild(d("span", { className: "chip-label" }, g)), s.setActive = (r) => {
-    s.classList.toggle("active", r);
-  }, s;
+  return r.appendChild(d("span", { className: "chip-label" }, f)), r.setActive = (s) => {
+    r.classList.toggle("active", s);
+  }, r;
 }
 class et {
   constructor(e, t) {
@@ -2258,7 +2233,7 @@ class et {
         this.state.get("mode") === "crop" ? this.editor.setMode("filters") : this.editor.setMode("crop");
       }
     });
-    const s = d("div", { className: "remove-bg-control" });
+    const r = d("div", { className: "remove-bg-control" });
     this._removeBgTierSelect = d("select", {
       className: "remove-bg-tier-select",
       title: "Background removal quality",
@@ -2300,8 +2275,8 @@ class et {
       role: "status",
       "aria-live": "polite",
       "aria-atomic": "true"
-    }), s.appendChild(this._removeBgTierSelect), s.appendChild(this._removeBgBtn), s.appendChild(this._removeBgStatus);
-    const r = O({
+    }), r.appendChild(this._removeBgTierSelect), r.appendChild(this._removeBgBtn), r.appendChild(this._removeBgStatus);
+    const s = O({
       icon: ye,
       title: "Reset All",
       className: "toolbar-btn",
@@ -2327,7 +2302,7 @@ class et {
       ariaLabel: "Close editor",
       onClick: () => this.editor.close()
     });
-    return i.appendChild(this._themeBtn), i.appendChild(this._cropBtn), i.appendChild(s), i.appendChild(r), i.appendChild(o), i.appendChild(l), this.element.appendChild(e), this.element.appendChild(i), this._subscribeToState(), this.element;
+    return i.appendChild(this._themeBtn), i.appendChild(this._cropBtn), i.appendChild(r), i.appendChild(s), i.appendChild(o), i.appendChild(l), this.element.appendChild(e), this.element.appendChild(i), this._subscribeToState(), this.element;
   }
   /**
    * Subscribe to state changes
@@ -2343,10 +2318,10 @@ class et {
     this._unsubscribers.push(t);
     const i = this.state.on("change:hasImage", () => this._updateRemoveBgButton());
     this._unsubscribers.push(i);
-    const s = this.state.on("change:isProcessing", () => this._updateRemoveBgButton());
-    this._unsubscribers.push(s);
-    const r = this.state.on("change:backgroundRemovalAvailable", () => this._updateRemoveBgButton());
+    const r = this.state.on("change:isProcessing", () => this._updateRemoveBgButton());
     this._unsubscribers.push(r);
+    const s = this.state.on("change:backgroundRemovalAvailable", () => this._updateRemoveBgButton());
+    this._unsubscribers.push(s);
     const o = this.state.on("change:editorDocument", () => this._updateRemoveBgButton());
     this._unsubscribers.push(o);
     const n = this.state.on("change:layers", () => this._updateRemoveBgButton());
@@ -2393,13 +2368,13 @@ class tt {
       className: "carousel-nav carousel-nav-left",
       onClick: () => this._scrollLeft()
     }), this._carousel = d("div", { className: "category-carousel" }), ie.forEach((i) => {
-      const s = se({
+      const r = re({
         label: i.name,
         icon: i.icon,
         active: this.state.get("selectedCategory") === i.id,
         onClick: () => this._selectCategory(i.id)
       });
-      s.dataset.categoryId = i.id, s.dataset.category = i.id, s.dataset.testid = `category-${i.id}`, this._chips.set(i.id, s), this._carousel.appendChild(s);
+      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 = O({
       icon: me,
       title: "Next categories",
@@ -2412,7 +2387,7 @@ class tt {
     });
     const t = Math.ceil(ie.length / 3);
     for (let i = 0; i < t; i++) {
-      const s = d("button", {
+      const r = d("button", {
         type: "button",
         className: `pagination-dot ${i === 0 ? "active" : ""}`,
         role: "tab",
@@ -2420,7 +2395,7 @@ class tt {
         "aria-selected": i === 0 ? "true" : "false",
         onClick: () => this._scrollToPage(i)
       });
-      this._pagination.appendChild(s);
+      this._pagination.appendChild(r);
     }
     return this.element.appendChild(this._leftBtn), this.element.appendChild(this._carousel), this.element.appendChild(this._rightBtn), this.element.appendChild(this._pagination), this._subscribeToState(), this._updateNavButtons(), this.element;
   }
@@ -2429,8 +2404,8 @@ class tt {
    */
   _subscribeToState() {
     const e = this.state.on("change:selectedCategory", ({ value: t }) => {
-      this._chips.forEach((i, s) => {
-        i.setActive(s === t);
+      this._chips.forEach((i, r) => {
+        i.setActive(r === t);
       });
     });
     this._unsubscribers.push(e);
@@ -2440,12 +2415,12 @@ class tt {
    * @param {string} categoryId
    */
   _selectCategory(e) {
-    var s;
+    var r;
     this.state.set("selectedCategory", e);
     const t = this.state.get("mode");
     e === "crop" ? t !== "crop" && this.editor.setMode("crop") : t !== "filters" && this.editor.setMode("filters");
     const i = this._chips.get(e);
-    i && this._carousel && i.scrollIntoView({ behavior: "smooth", inline: "center", block: "nearest" }), (s = this._onSelect) == null || s.call(this, e);
+    i && this._carousel && i.scrollIntoView({ behavior: "smooth", inline: "center", block: "nearest" }), (r = this._onSelect) == null || r.call(this, e);
   }
   /**
    * Scroll carousel left
@@ -2492,9 +2467,9 @@ class tt {
   _updatePagination() {
     if (this._pagination) {
       const e = this._pagination.querySelectorAll(".pagination-dot"), t = Math.floor(this._scrollIndex / 3);
-      e.forEach((i, s) => {
-        const r = s === t;
-        i.classList.toggle("active", r), i.setAttribute("aria-selected", r ? "true" : "false");
+      e.forEach((i, r) => {
+        const s = r === t;
+        i.classList.toggle("active", s), i.setAttribute("aria-selected", s ? "true" : "false");
       });
     }
   }
@@ -2559,13 +2534,13 @@ class it {
     this._carousel.innerHTML = "", this._filterCards.clear(), this._scrollIndex = 0;
     const e = this.state.get("selectedCategory");
     if (e === "crop") return;
-    const t = this.filterManager.getFiltersByCategory(e), i = this.state.get("activeFilters"), s = this.state.get("selectedFilter");
-    t.forEach((r) => {
-      const o = this._createFilterCard(r, {
-        isActive: i.has(r.id),
-        isSelected: s === r.id
+    const t = this.filterManager.getFiltersByCategory(e), i = this.state.get("activeFilters"), r = this.state.get("selectedFilter");
+    t.forEach((s) => {
+      const o = this._createFilterCard(s, {
+        isActive: i.has(s.id),
+        isSelected: r === s.id
       });
-      this._filterCards.set(r.id, o), this._carousel.appendChild(o);
+      this._filterCards.set(s.id, o), this._carousel.appendChild(o);
     }), this._updateNavButtons();
   }
   /**
@@ -2575,23 +2550,23 @@ class it {
    * @returns {HTMLElement}
    */
   _createFilterCard(e, { isActive: t, isSelected: i }) {
-    const s = d("div", {
+    const r = d("div", {
       className: `filter-card ${t ? "active" : ""} ${i ? "selected" : ""}`,
       "data-filter": e.id,
       "data-testid": `filter-${e.id}`,
       onClick: () => this._handleCardClick(e.id)
-    }), r = d("div", { className: "filter-preview" }), o = d("span", { className: "filter-preview-text" }, e.name.charAt(0));
-    r.appendChild(o);
+    }), s = d("div", { className: "filter-preview" }), o = d("span", { className: "filter-preview-text" }, e.name.charAt(0));
+    s.appendChild(o);
     const n = d("span", { className: "filter-name", title: e.name }, e.name), a = d("button", {
       className: `filter-toggle ${t ? "active" : ""}`,
       onClick: (l) => {
-        var p;
+        var u;
         l.stopPropagation();
         const c = !this.state.get("activeFilters").has(e.id);
-        this._handleToggle(e.id, c), c && (this.state.set("selectedFilter", e.id), (p = this._onSelect) == null || p.call(this, e.id));
+        this._handleToggle(e.id, c), c && (this.state.set("selectedFilter", e.id), (u = this._onSelect) == null || u.call(this, e.id));
       }
     });
-    return a.innerHTML = t ? he : "", s.appendChild(r), s.appendChild(n), s.appendChild(a), s._toggle = a, s._isActive = t, s;
+    return a.innerHTML = t ? he : "", r.appendChild(s), r.appendChild(n), r.appendChild(a), r._toggle = a, r._isActive = t, r;
   }
   /**
    * Handle filter card click (select)
@@ -2616,8 +2591,8 @@ class it {
   _updateActiveStates() {
     const e = this.state.get("activeFilters");
     this._filterCards.forEach((t, i) => {
-      const s = e.has(i);
-      t.classList.toggle("active", s), t._toggle.classList.toggle("active", s), t._toggle.innerHTML = s ? he : "", t._isActive = s;
+      const r = e.has(i);
+      t.classList.toggle("active", r), t._toggle.classList.toggle("active", r), t._toggle.innerHTML = r ? he : "", t._isActive = r;
     });
   }
   /**
@@ -2670,7 +2645,7 @@ class it {
     this._unsubscribers.forEach((t) => t()), this._unsubscribers = [], this._filterCards.clear(), (e = this.element) == null || e.remove(), this.element = null;
   }
 }
-class st {
+class rt {
   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 = [];
   }
@@ -2724,10 +2699,10 @@ class st {
       className: "btn-text",
       onClick: () => this._handleReset(e)
     })), this.element.appendChild(i);
-    const s = d("div", { className: "adjustments-grid" }), r = this.state.getFilterValues(e);
+    const r = d("div", { className: "adjustments-grid" }), s = this.state.getFilterValues(e);
     (t.controls || []).forEach((n) => {
-      const a = r[n.id] ?? n.default, l = this._createControl(e, n, a);
-      l && (this._controls.set(n.id, l), s.appendChild(l));
+      const a = s[n.id] ?? n.default, l = this._createControl(e, n, a);
+      l && (this._controls.set(n.id, l), r.appendChild(l));
     });
     const o = this.filterManager.getInstance(e);
     if (o && typeof o.getDynamicControls == "function") {
@@ -2737,11 +2712,11 @@ class st {
       } catch {
       }
       n.forEach((a) => {
-        const l = a.property || a.id, h = r[l] ?? a.default, c = this._createControl(e, a, h);
-        c && (this._controls.set(a.id, c), s.appendChild(c));
+        const l = a.property || a.id, h = s[l] ?? a.default, c = this._createControl(e, a, h);
+        c && (this._controls.set(a.id, c), r.appendChild(c));
       });
     }
-    this.element.appendChild(s);
+    this.element.appendChild(r);
   }
   /**
    * Create a control element based on type.
@@ -2759,12 +2734,12 @@ class st {
    */
   _createControl(e, t, i) {
     if (t.hidden) return null;
-    const s = t.label || t.id, r = this._normalizeControlType(t.type), o = t.property || t.id;
-    switch (r) {
+    const r = t.label || t.id, s = this._normalizeControlType(t.type), o = t.property || t.id;
+    switch (s) {
       case "slider":
         return ve({
           id: `${e}-${t.id}`,
-          label: s,
+          label: r,
           min: t.min ?? 0,
           max: t.max ?? 1,
           step: t.step ?? 0.01,
@@ -2774,14 +2749,14 @@ class st {
       case "toggle":
         return we({
           id: `${e}-${t.id}`,
-          label: s,
+          label: r,
           checked: !!i,
           onChange: (l) => this._handleChange(e, o, l)
         });
       case "color":
         return xe({
           id: `${e}-${t.id}`,
-          label: s,
+          label: r,
           value: typeof i == "string" && i.startsWith("#") ? i : t.default || "#000000",
           onChange: (l) => this._handleChange(e, o, l)
         });
@@ -2789,7 +2764,7 @@ class st {
         const n = this._normalizeOptions(t.options);
         return ke({
           id: `${e}-${t.id}`,
-          label: s,
+          label: r,
           options: n,
           value: i ?? t.default,
           onChange: (l) => this._handleChange(e, o, l)
@@ -2797,7 +2772,7 @@ class st {
       case "text":
         return Ce({
           id: `${e}-${t.id}`,
-          label: s,
+          label: r,
           value: typeof i == "string" ? i : t.default ?? "",
           placeholder: t.placeholder || "",
           onCommit: (l) => this._handleChange(e, o, l)
@@ -2805,7 +2780,7 @@ class st {
       case "button":
         const a = d("div", { className: "button-control" });
         return a.appendChild(j({
-          label: s,
+          label: r,
           className: "btn-secondary",
           onClick: () => this._handleAction(e, t.action || t.id)
         })), a;
@@ -2846,8 +2821,8 @@ class st {
    * @param {*} value
    */
   _handleChange(e, t, i) {
-    var s;
-    (s = this._onChange) == null || s.call(this, e, t, i);
+    var r;
+    (r = this._onChange) == null || r.call(this, e, t, i);
   }
   /**
    * Handle reset button
@@ -2876,11 +2851,11 @@ class st {
     const e = this.state.get("selectedFilter");
     if (!e) return;
     const t = this.state.getFilterValues(e), i = this.filterManager.getFilterDef(e);
-    i && i.controls.forEach((s) => {
-      const r = this._controls.get(s.id);
-      if (r && typeof r.setValue == "function") {
-        const o = t[s.id] ?? s.default;
-        r.setValue(o);
+    i && i.controls.forEach((r) => {
+      const s = this._controls.get(r.id);
+      if (s && typeof s.setValue == "function") {
+        const o = t[r.id] ?? r.default;
+        s.setValue(o);
       }
     });
   }
@@ -2904,7 +2879,7 @@ class st {
     this._unsubscribers.forEach((t) => t()), this._unsubscribers = [], this._controls.clear(), (e = this.element) == null || e.remove(), this.element = null;
   }
 }
-class rt {
+class st {
   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;
   }
@@ -2913,8 +2888,8 @@ class rt {
    * @param {HTMLElement} container - Parent element (controls-section)
    * @param {Object} callbacks - { onChange, onReset, onRemove, onAction }
    */
-  build(e, { onChange: t, onReset: i, onRemove: s, onAction: r }) {
-    this._onChange = t, this._onReset = i, this._onRemove = s, this._onAction = r, this._container = e, this._drawer = d("div", { className: "mobile-filter-drawer" });
+  build(e, { onChange: t, onReset: i, onRemove: r, onAction: s }) {
+    this._onChange = t, this._onReset = i, this._onRemove = r, this._onAction = s, this._container = e, this._drawer = d("div", { className: "mobile-filter-drawer" });
     const o = d("div", { className: "drawer-header" });
     this._titleEl = d("span", { className: "drawer-title" }, "Filter");
     const n = d("div", { className: "drawer-header-actions" }), a = j({
@@ -2991,19 +2966,19 @@ class rt {
     if (!e) return;
     this._titleEl.textContent = e.name;
     const t = d("div", { className: "adjustments-grid" }), i = this.state.getFilterValues(this._currentFilterId);
-    (e.controls || []).forEach((r) => {
-      if (r.hidden) return;
-      const o = this._createControl(this._currentFilterId, r, i[r.id] ?? r.default);
-      o && (this._controls.set(r.id, o), t.appendChild(o));
+    (e.controls || []).forEach((s) => {
+      if (s.hidden) return;
+      const o = this._createControl(this._currentFilterId, s, i[s.id] ?? s.default);
+      o && (this._controls.set(s.id, o), t.appendChild(o));
     });
-    const s = this.filterManager.getInstance(this._currentFilterId);
-    if (s && typeof s.getDynamicControls == "function") {
-      let r = [];
+    const r = this.filterManager.getInstance(this._currentFilterId);
+    if (r && typeof r.getDynamicControls == "function") {
+      let s = [];
       try {
-        r = s.getDynamicControls() || [];
+        s = r.getDynamicControls() || [];
       } catch {
       }
-      r.forEach((o) => {
+      s.forEach((o) => {
         const n = o.property || o.id, a = i[n] ?? o.default, l = this._createControl(this._currentFilterId, o, a);
         l && (this._controls.set(o.id, l), t.appendChild(l));
       });
@@ -3020,12 +2995,12 @@ class rt {
    */
   _createControl(e, t, i) {
     if (t.hidden) return null;
-    const s = t.label || t.id, r = this._normalizeControlType(t.type), o = t.property || t.id;
-    switch (r) {
+    const r = t.label || t.id, s = this._normalizeControlType(t.type), o = t.property || t.id;
+    switch (s) {
       case "slider":
         return ve({
           id: `drawer-${e}-${t.id}`,
-          label: s,
+          label: r,
           min: t.min ?? 0,
           max: t.max ?? 1,
           step: t.step ?? 0.01,
@@ -3038,7 +3013,7 @@ class rt {
       case "toggle":
         return we({
           id: `drawer-${e}-${t.id}`,
-          label: s,
+          label: r,
           checked: !!i,
           onChange: (n) => {
             var a;
@@ -3048,7 +3023,7 @@ class rt {
       case "color":
         return xe({
           id: `drawer-${e}-${t.id}`,
-          label: s,
+          label: r,
           value: typeof i == "string" && i.startsWith("#") ? i : t.default || "#000000",
           onChange: (n) => {
             var a;
@@ -3059,7 +3034,7 @@ class rt {
         const n = this._normalizeOptions(t.options);
         return ke({
           id: `drawer-${e}-${t.id}`,
-          label: s,
+          label: r,
           options: n,
           value: i ?? t.default,
           onChange: (a) => {
@@ -3071,7 +3046,7 @@ class rt {
       case "text":
         return Ce({
           id: `drawer-${e}-${t.id}`,
-          label: s,
+          label: r,
           value: typeof i == "string" ? i : t.default ?? "",
           placeholder: t.placeholder || "",
           onCommit: (n) => {
@@ -3082,7 +3057,7 @@ class rt {
       case "button": {
         const n = d("div", { className: "button-control" });
         return n.appendChild(j({
-          label: s,
+          label: r,
           className: "btn-secondary",
           onClick: () => {
             var a;
@@ -3165,8 +3140,8 @@ class nt {
     e.forEach((t) => {
       const i = this.filterManager.getFilterDef(t);
       if (!i) return;
-      const s = this._createChip(t, i);
-      this._chips.set(t, s), this._scrollContainer.appendChild(s);
+      const r = this._createChip(t, i);
+      this._chips.set(t, r), this._scrollContainer.appendChild(r);
     }), this._updateSelectedState();
   }
   _createChip(e, t) {
@@ -3174,13 +3149,13 @@ class nt {
       className: "active-filter-chip",
       "data-filter-id": e,
       "data-testid": `active-chip-${e}`
-    }), s = d("span", {
+    }), r = d("span", {
       className: "active-filter-chip-label",
       onClick: (o) => {
         var n;
         o.stopPropagation(), (n = this._onSelect) == null || n.call(this, e);
       }
-    }, t.name), r = d("button", {
+    }, t.name), s = d("button", {
       className: "active-filter-chip-check",
       "aria-label": `Remove ${t.name} filter`,
       onClick: (o) => {
@@ -3188,7 +3163,7 @@ class nt {
         o.stopPropagation(), (n = this._onToggle) == null || n.call(this, e, !1);
       }
     });
-    return r.innerHTML = '<svg width="10" height="10" viewBox="0 0 12 12"><path d="M2 6l3 3 5-5" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>', i.appendChild(s), i.appendChild(r), i;
+    return s.innerHTML = '<svg width="10" height="10" viewBox="0 0 12 12"><path d="M2 6l3 3 5-5" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>', i.appendChild(r), i.appendChild(s), i;
   }
   _updateSelectedState() {
     const e = this.state.get("selectedFilter");
@@ -3218,9 +3193,9 @@ const ot = [
   { id: "180", label: "180°", angle: 180 },
   { id: "270", label: "270°", angle: 270 }
 ];
-function W(g) {
-  if (!Number.isFinite(Number(g))) return 0;
-  const e = Number(g) % 360;
+function W(f) {
+  if (!Number.isFinite(Number(f))) return 0;
+  const e = Number(f) % 360;
   return e < 0 ? e + 360 : e;
 }
 class ht {
@@ -3248,7 +3223,7 @@ class ht {
     e.appendChild(d("label", { className: "section-label" }, "Shape"));
     const t = d("div", { className: "chip-row" }), i = this.state.get("crop.shape");
     ot.forEach((l) => {
-      const h = se({
+      const h = re({
         label: l.name,
         icon: l.icon,
         active: i === l.id,
@@ -3256,15 +3231,15 @@ class ht {
       });
       h.dataset.shape = l.id, h.dataset.testid = `crop-shape-${l.id}`, this._shapeChips.set(l.id, h), t.appendChild(h);
     }), e.appendChild(t), this.element.appendChild(e), this.state.get("lockCropShape") && (e.style.display = "none"), this._shapeSection = e, this._aspectSection = d("div", { className: "crop-section" }), this._aspectSection.appendChild(d("label", { className: "section-label" }, "Aspect Ratio"));
-    const s = d("div", { className: "chip-row aspect-row" }), r = this.state.get("crop.aspect");
+    const r = d("div", { className: "chip-row aspect-row" }), s = this.state.get("crop.aspect");
     at.forEach((l) => {
-      const h = se({
+      const h = re({
         label: l.name,
-        active: r === l.id,
+        active: s === l.id,
         onClick: () => this._selectAspect(l.id)
       });
-      h.dataset.ratio = l.id, h.dataset.testid = `crop-ratio-${l.id}`, this._aspectChips.set(l.id, h), s.appendChild(h);
-    }), this._aspectSection.appendChild(s), this.element.appendChild(this._aspectSection), this._updateAspectVisibility();
+      h.dataset.ratio = l.id, h.dataset.testid = `crop-ratio-${l.id}`, this._aspectChips.set(l.id, h), r.appendChild(h);
+    }), this._aspectSection.appendChild(r), this.element.appendChild(this._aspectSection), this._updateAspectVisibility();
     const o = d("div", { className: "crop-actions" }), n = j({
       label: "Cancel",
       className: "btn-secondary crop-cancel-btn",
@@ -3290,33 +3265,33 @@ class ht {
       onClick: () => this._rotateBy(-90)
     });
     i.dataset.testid = "rotate-left-90";
-    const s = j({
+    const r = j({
       label: "Right 90°",
       className: "btn-secondary rotation-action-btn",
       icon: Pe,
       onClick: () => this._rotateBy(90)
     });
-    s.dataset.testid = "rotate-right-90";
-    const r = j({
+    r.dataset.testid = "rotate-right-90";
+    const s = j({
       label: "Rotate 180°",
       className: "btn-secondary rotation-action-btn",
       onClick: () => this._rotateBy(180)
     });
-    r.dataset.testid = "rotate-180";
+    s.dataset.testid = "rotate-180";
     const o = j({
       label: "Rotate 270°",
       className: "btn-secondary rotation-action-btn",
       onClick: () => this._rotateBy(270)
     });
-    o.dataset.testid = "rotate-270", t.appendChild(i), t.appendChild(s), t.appendChild(r), t.appendChild(o), e.appendChild(t);
+    o.dataset.testid = "rotate-270", t.appendChild(i), t.appendChild(r), t.appendChild(s), t.appendChild(o), e.appendChild(t);
     const n = d("div", { className: "chip-row rotation-preset-row" }), a = W(this.state.get("transform.rotation") ?? 0);
-    lt.forEach((u) => {
-      const f = se({
-        label: u.label,
-        active: Math.round(a) === u.angle,
-        onClick: () => this._setRotation(u.angle)
+    lt.forEach((p) => {
+      const g = re({
+        label: p.label,
+        active: Math.round(a) === p.angle,
+        onClick: () => this._setRotation(p.angle)
       });
-      f.dataset.angle = u.id, f.dataset.testid = `rotation-preset-${u.id}`, this._rotationPresetChips.set(u.id, f), n.appendChild(f);
+      g.dataset.angle = p.id, g.dataset.testid = `rotation-preset-${p.id}`, this._rotationPresetChips.set(p.id, g), n.appendChild(g);
     }), e.appendChild(n);
     const l = d("div", { className: "rotation-arbitrary" }), h = d(
       "div",
@@ -3333,8 +3308,8 @@ class ht {
       step: "1",
       value: String(Math.round(a)),
       "aria-label": "Rotation angle",
-      onInput: (u) => this._previewAngleValue(u.target.value),
-      onChange: (u) => this._setRotation(Number(u.target.value))
+      onInput: (p) => this._previewAngleValue(p.target.value),
+      onChange: (p) => this._setRotation(Number(p.target.value))
     }), this._rotationNumber = d("input", {
       type: "number",
       className: "text-input rotation-number-input",
@@ -3343,10 +3318,10 @@ class ht {
       step: "1",
       value: this._formatPlainAngle(a),
       "aria-label": "Rotation angle in degrees",
-      onKeyDown: (u) => {
-        u.key === "Enter" && (u.preventDefault(), this._setRotation(Number(u.target.value)), u.target.blur());
+      onKeyDown: (p) => {
+        p.key === "Enter" && (p.preventDefault(), this._setRotation(Number(p.target.value)), p.target.blur());
       },
-      onBlur: (u) => this._setRotation(Number(u.target.value))
+      onBlur: (p) => this._setRotation(Number(p.target.value))
     });
     const c = d(
       "div",
@@ -3355,42 +3330,42 @@ class ht {
       this._rotationNumber
     );
     l.appendChild(h), l.appendChild(c);
-    const p = j({
+    const u = j({
       label: "Reset rotation",
       className: "btn-text rotation-reset-btn",
       onClick: () => this._setRotation(0)
     });
-    return p.dataset.testid = "reset-rotation", l.appendChild(p), e.appendChild(l), e;
+    return u.dataset.testid = "reset-rotation", l.appendChild(u), e.appendChild(l), e;
   }
   /**
    * Subscribe to state changes
    */
   _subscribeToState() {
-    const e = this.state.on("change:crop.shape", ({ value: s }) => {
-      this._shapeChips.forEach((r, o) => {
-        r.setActive(o === s);
+    const e = this.state.on("change:crop.shape", ({ value: r }) => {
+      this._shapeChips.forEach((s, o) => {
+        s.setActive(o === r);
       }), this._updateAspectVisibility();
     });
     this._unsubscribers.push(e);
-    const t = this.state.on("change:crop.aspect", ({ value: s }) => {
-      this._aspectChips.forEach((r, o) => {
-        r.setActive(o === s);
+    const t = this.state.on("change:crop.aspect", ({ value: r }) => {
+      this._aspectChips.forEach((s, o) => {
+        s.setActive(o === r);
       });
     });
     this._unsubscribers.push(t);
-    const i = this.state.on("change:transform.rotation", ({ value: s }) => {
-      this._syncRotationControls(s);
+    const i = this.state.on("change:transform.rotation", ({ value: r }) => {
+      this._syncRotationControls(r);
     });
     this._unsubscribers.push(i);
   }
   _rotateBy(e) {
-    var i, s;
-    ((s = (i = this.editor) == null ? void 0 : i.rotateBy) == null ? void 0 : s.call(i, e)) !== !1 && this._syncRotationControls(this.state.get("transform.rotation") ?? 0);
+    var i, r;
+    ((r = (i = this.editor) == null ? void 0 : i.rotateBy) == null ? void 0 : r.call(i, e)) !== !1 && this._syncRotationControls(this.state.get("transform.rotation") ?? 0);
   }
   _setRotation(e) {
-    var s, r;
+    var r, s;
     const t = W(e);
-    if (((r = (s = this.editor) == null ? void 0 : s.setRotationAngle) == null ? void 0 : r.call(s, t)) === !1) {
+    if (((s = (r = this.editor) == null ? void 0 : r.setRotationAngle) == null ? void 0 : s.call(r, t)) === !1) {
       this._syncRotationControls(this.state.get("transform.rotation") ?? 0);
       return;
     }
@@ -3406,8 +3381,8 @@ class ht {
   }
   _refreshPresetChips(e) {
     const t = Math.round(W(e)) % 360;
-    this._rotationPresetChips.forEach((i, s) => {
-      i.setActive(Number(s) === t);
+    this._rotationPresetChips.forEach((i, r) => {
+      i.setActive(Number(r) === t);
     });
   }
   _formatAngle(e) {
@@ -3467,8 +3442,8 @@ class ct {
    * @param {Object} options - { onRemove, onReset, onClearAll, onUpdateValue, onSelect }
    * @returns {HTMLElement}
    */
-  render({ onRemove: e, onReset: t, onClearAll: i, onUpdateValue: s, onSelect: r }) {
-    this._onRemove = e, this._onReset = t, this._onClearAll = i, this._onUpdateValue = s, this._onSelect = r, this.element = d("div", {
+  render({ onRemove: e, onReset: t, onClearAll: i, onUpdateValue: r, onSelect: s }) {
+    this._onRemove = e, this._onReset = t, this._onClearAll = i, this._onUpdateValue = r, this._onSelect = s, this.element = d("div", {
       className: "active-filters-panel",
       "data-testid": "active-filters-panel"
     });
@@ -3522,8 +3497,8 @@ class ct {
     e.forEach((t) => {
       const i = this.filterManager.getFilterDef(t);
       if (!i) return;
-      const s = this._createFilterItem(t, i);
-      this._filterItems.set(t, s), this._listContainer.appendChild(s);
+      const r = this._createFilterItem(t, i);
+      this._filterItems.set(t, r), this._listContainer.appendChild(r);
     });
   }
   /**
@@ -3533,12 +3508,12 @@ class ct {
    * @returns {HTMLElement}
    */
   _createFilterItem(e, t) {
-    const s = this.state.get("selectedFilter") === e, r = d("div", {
-      className: `active-filter-item ${s ? "selected" : ""}`,
+    const r = this.state.get("selectedFilter") === e, s = d("div", {
+      className: `active-filter-item ${r ? "selected" : ""}`,
       "data-active-filter": e,
       "data-testid": `active-filter-${e}`,
-      onClick: (u) => {
-        u.target.closest(".filter-item-actions") || this._handleSelect(e);
+      onClick: (p) => {
+        p.target.closest(".filter-item-actions") || this._handleSelect(e);
       }
     }), o = d("div", { className: "filter-item-header" }), n = d("span", { className: "filter-item-name" }, t.name), a = d("div", { className: "filter-item-actions" }), l = O({
       icon: ye,
@@ -3551,9 +3526,9 @@ class ct {
       className: "btn-icon-sm btn-danger",
       onClick: () => this._handleRemove(e)
     });
-    a.appendChild(l), a.appendChild(h), o.appendChild(n), o.appendChild(a), r.appendChild(o);
-    const c = this.state.getFilterValues(e), p = d("div", { className: "filter-item-summary" });
-    return p.textContent = this._getValuesSummary(t, c), r.appendChild(p), r._summaryEl = p, r;
+    a.appendChild(l), a.appendChild(h), o.appendChild(n), o.appendChild(a), s.appendChild(o);
+    const c = this.state.getFilterValues(e), u = d("div", { className: "filter-item-summary" });
+    return u.textContent = this._getValuesSummary(t, c), s.appendChild(u), s._summaryEl = u, s;
   }
   /**
    * Normalize control type (handle aliases)
@@ -3582,11 +3557,11 @@ class ct {
     if (!e.controls || !Array.isArray(e.controls))
       return "Default values";
     const i = [];
-    return e.controls.forEach((s) => {
-      const r = this._normalizeControlType(s.type);
-      if (r === "button") return;
-      const o = s.label || s.id, n = t[s.id] ?? s.default;
-      n !== s.default && (r === "slider" ? i.push(`${o}: ${this._formatValue(n)}`) : r === "toggle" ? n && i.push(o) : r === "color" ? i.push(`${o}: ${n}`) : r === "select" && i.push(`${o}: ${n}`));
+    return e.controls.forEach((r) => {
+      const s = this._normalizeControlType(r.type);
+      if (s === "button") return;
+      const o = r.label || r.id, n = t[r.id] ?? r.default;
+      n !== r.default && (s === "slider" ? i.push(`${o}: ${this._formatValue(n)}`) : s === "toggle" ? n && i.push(o) : s === "color" ? i.push(`${o}: ${n}`) : s === "select" && i.push(`${o}: ${n}`));
     }), i.length > 0 ? i.join(", ") : "Default values";
   }
   /**
@@ -3604,8 +3579,8 @@ class ct {
     this._filterItems.forEach((e, t) => {
       const i = this.filterManager.getFilterDef(t);
       if (!i || !e._summaryEl) return;
-      const s = this.state.getFilterValues(t);
-      e._summaryEl.textContent = this._getValuesSummary(i, s);
+      const r = this.state.getFilterValues(t);
+      e._summaryEl.textContent = this._getValuesSummary(i, r);
     });
   }
   /**
@@ -3716,35 +3691,35 @@ const $ = {
     lockAspectRatio: !1
   }
 };
-function dt(g) {
-  if (!g)
+function dt(f) {
+  if (!f)
     return { ...le.free };
-  if (typeof g == "object" && g !== null)
-    return { ...$, ...g };
-  const e = le[g];
+  if (typeof f == "object" && f !== null)
+    return { ...$, ...f };
+  const e = le[f];
   return e ? { ...e } : { ...le.free };
 }
-function Z(g) {
-  if (!Number.isFinite(Number(g))) return 0;
-  const e = Number(g) % 360;
+function Z(f) {
+  if (!Number.isFinite(Number(f))) return 0;
+  const e = Number(f) % 360;
   return e < 0 ? e + 360 : e;
 }
-function ut(g, e) {
-  const t = Z(g);
+function ut(f, e) {
+  const t = Z(f);
   return (Z(e) - t + 540) % 360 - 180;
 }
-class kt extends re {
+class kt extends se {
   /**
    * Create a new VanillaImageEditor
    * @param {HTMLElement} container - Container element to mount the editor
    * @param {Object} options - Configuration options
    */
   constructor(e, t = {}) {
-    var r, o, n, a;
+    var s, o, n, a;
     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(), this._activeObjectUrl = null;
-    const i = t.preset ? dt(t.preset) : null, s = i ? {
+    const i = t.preset ? dt(t.preset) : null, r = i ? {
       initialMode: i.initialMode === "crop" ? "crop" : "adjust",
       cropShape: i.cropShape,
       initialAspectRatio: i.aspectRatio
@@ -3761,9 +3736,9 @@ class kt extends re {
         optionsEndpoint: "/api/v1/media/background-removal/options",
         fallbackEndpoint: null
       },
-      ...s,
+      ...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 Te(), this._filterManager = new Qe(this._state, this._renderer), this._cropManager = new ce(this._state, this._renderer), this._removeBgManager = null, this._backgroundRemovalAvailable = !1, ((r = this._options.backgroundRemoval) == null ? void 0 : r.enabled) !== !1 && (this._removeBgManager = new Xe({
+    }, 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 Te(), this._filterManager = new Qe(this._state, this._renderer), this._cropManager = new ce(this._state, this._renderer), this._removeBgManager = null, this._backgroundRemovalAvailable = !1, ((s = this._options.backgroundRemoval) == null ? void 0 : s.enabled) !== !1 && (this._removeBgManager = new Xe({
       endpoint: (o = this._options.backgroundRemoval) == null ? void 0 : o.endpoint,
       optionsEndpoint: (n = this._options.backgroundRemoval) == null ? void 0 : n.optionsEndpoint,
       fallbackEndpoint: (a = this._options.backgroundRemoval) == null ? void 0 : a.fallbackEndpoint
@@ -3795,44 +3770,44 @@ class kt extends re {
       accept: "image/*",
       className: "hidden-file-input",
       "aria-label": "Choose image file to edit",
-      onChange: (s) => this._handleFileSelect(s)
+      onChange: (r) => this._handleFileSelect(r)
     }), this._editorEl.appendChild(this._fileInput), this._container.appendChild(this._editorEl);
   }
   /**
    * Initialize UI components
    */
   _initUI() {
-    this._toolbar = new et(this._state, this), this._toolbarContainer.appendChild(this._toolbar.render()), this._filterControlsEl = d("div", { className: "filter-controls-container" }), this._categoryCarousel = new tt(this._state, this), this._filterControlsEl.appendChild(this._categoryCarousel.render((s) => {
+    this._toolbar = new et(this._state, this), this._toolbarContainer.appendChild(this._toolbar.render()), this._filterControlsEl = d("div", { className: "filter-controls-container" }), this._categoryCarousel = new tt(this._state, this), this._filterControlsEl.appendChild(this._categoryCarousel.render((r) => {
     }));
     const e = d("div", { className: "filter-layout" }), t = d("div", { className: "filter-left-column" });
     this._filterCarousel = new it(this._state, this._filterManager), t.appendChild(this._filterCarousel.render({
-      onToggle: (s, r) => this._handleFilterToggle(s, r),
-      onSelect: (s) => {
-        this._handleFilterSelect(s), this._isMobile && this._mobileFilterDrawer && this._mobileFilterDrawer.open(s);
+      onToggle: (r, s) => this._handleFilterToggle(r, s),
+      onSelect: (r) => {
+        this._handleFilterSelect(r), this._isMobile && this._mobileFilterDrawer && this._mobileFilterDrawer.open(r);
       }
-    })), this._filterAdjustments = new st(this._state, this._filterManager), t.appendChild(this._filterAdjustments.render({
-      onChange: (s, r, o) => this._handleFilterChange(s, r, o),
-      onReset: (s) => this._handleFilterReset(s),
-      onAction: (s, r) => this._handleFilterAction(s, r)
+    })), this._filterAdjustments = new rt(this._state, this._filterManager), t.appendChild(this._filterAdjustments.render({
+      onChange: (r, s, o) => this._handleFilterChange(r, s, o),
+      onReset: (r) => this._handleFilterReset(r),
+      onAction: (r, s) => this._handleFilterAction(r, s)
     })), e.appendChild(t);
     const i = d("div", { className: "filter-right-column" });
     this._activeFiltersPanel = new ct(this._state, this._filterManager), i.appendChild(this._activeFiltersPanel.render({
-      onRemove: (s) => this._handleFilterToggle(s, !1),
-      onReset: (s) => this._handleFilterReset(s),
+      onRemove: (r) => this._handleFilterToggle(r, !1),
+      onReset: (r) => this._handleFilterReset(r),
       onClearAll: () => this.resetAll(),
-      onSelect: (s) => this._handleFilterSelect(s)
+      onSelect: (r) => this._handleFilterSelect(r)
     })), e.appendChild(i), this._filterControlsEl.appendChild(e), this._mobileActiveFilters = new nt(this._state, this._filterManager), this._filterControlsEl.appendChild(this._mobileActiveFilters.render({
-      onToggle: (s, r) => this._handleFilterToggle(s, r),
-      onSelect: (s) => {
-        this._handleFilterSelect(s), this._isMobile && this._mobileFilterDrawer && this._mobileFilterDrawer.open(s);
+      onToggle: (r, s) => this._handleFilterToggle(r, s),
+      onSelect: (r) => {
+        this._handleFilterSelect(r), this._isMobile && this._mobileFilterDrawer && this._mobileFilterDrawer.open(r);
       }
-    })), this._cropControls = new ht(this._state, this._cropManager, this), this._cropControlsEl = this._cropControls.render(), this._cropControlsEl.style.display = "none", this._controlsSection.appendChild(this._filterControlsEl), this._controlsSection.appendChild(this._cropControlsEl), this._mobileFilterDrawer = new rt(this._state, this._filterManager), this._mobileFilterDrawer.build(this._controlsSection, {
-      onChange: (s, r, o) => this._handleFilterChange(s, r, o),
-      onReset: (s) => this._handleFilterReset(s),
-      onRemove: (s) => {
-        this._handleFilterToggle(s, !1), this._state.set("selectedFilter", null);
+    })), this._cropControls = new ht(this._state, this._cropManager, this), this._cropControlsEl = this._cropControls.render(), this._cropControlsEl.style.display = "none", this._controlsSection.appendChild(this._filterControlsEl), this._controlsSection.appendChild(this._cropControlsEl), this._mobileFilterDrawer = new st(this._state, this._filterManager), this._mobileFilterDrawer.build(this._controlsSection, {
+      onChange: (r, s, o) => this._handleFilterChange(r, s, o),
+      onReset: (r) => this._handleFilterReset(r),
+      onRemove: (r) => {
+        this._handleFilterToggle(r, !1), this._state.set("selectedFilter", null);
       },
-      onAction: (s, r) => this._handleFilterAction(s, r)
+      onAction: (r, s) => this._handleFilterAction(r, s)
     });
   }
   /**
@@ -3961,20 +3936,20 @@ class kt extends re {
     if (this._destroyed) return;
     (a = (n = this._removeBgManager) == null ? void 0 : n.cancelActiveRequests) == null || a.call(n, "image-load");
     const i = ++this._loadVersion;
-    let s = e, r = null;
-    this._resetEditorState(), this._state.set("hasImage", !1), this._state.set("imageUrl", null), e instanceof Blob && (s = URL.createObjectURL(e), r = s, this._objectUrls.add(s));
-    const o = await this._renderer.loadTexture(s, {
+    let r = e, s = null;
+    this._resetEditorState(), this._state.set("hasImage", !1), this._state.set("imageUrl", null), e instanceof Blob && (r = URL.createObjectURL(e), s = r, this._objectUrls.add(r));
+    const o = await this._renderer.loadTexture(r, {
       isCurrent: () => !this._destroyed && this._loadVersion === i
     });
     if (this._destroyed || this._loadVersion !== i) {
-      this._revokeObjectUrl(r);
+      this._revokeObjectUrl(s);
       return;
     }
     if (!o) {
-      this._revokeObjectUrl(r), this.emit("error", new Error("Failed to load image"));
+      this._revokeObjectUrl(s), this.emit("error", new Error("Failed to load image"));
       return;
     }
-    r ? this._replaceActiveObjectUrl(r) : this._clearActiveObjectUrl(), this._state.set("hasImage", !0), this._state.set("imageUrl", s), t.state && this._hydrateState(t.state), this._options.initialMode === "crop" && this.setMode("crop"), this.emit("imageLoaded", { url: s });
+    s ? this._replaceActiveObjectUrl(s) : this._clearActiveObjectUrl(), this._state.set("hasImage", !0), this._state.set("imageUrl", r), t.state && this._hydrateState(t.state), this._options.initialMode === "crop" && this.setMode("crop"), this.emit("imageLoaded", { url: r });
   }
   /**
    * Reset all editor state (filters + crop) to a clean baseline.
@@ -3993,20 +3968,20 @@ class kt extends re {
     if (!e || e.version !== 1) return;
     const t = Z(((i = e.transform) == null ? void 0 : i.rotation) ?? 0);
     if (t !== 0 && this._renderer.rotateBy(t) && this._state.set("transform.rotation", t), e.crop) {
-      const s = e.crop.shape || "free", r = e.crop.aspectRatio || "free";
-      e.crop.rect && (this._cropManager.applyFromPixelRect(e.crop.rect, s), this._state.set("crop.appliedRect", { ...e.crop.rect }), this._state.set("crop.appliedShape", s), this._state.set("crop.appliedAspect", r)), this._state.set("crop.shape", s), this._state.set("crop.aspect", r);
+      const r = e.crop.shape || "free", s = e.crop.aspectRatio || "free";
+      e.crop.rect && (this._cropManager.applyFromPixelRect(e.crop.rect, r), this._state.set("crop.appliedRect", { ...e.crop.rect }), this._state.set("crop.appliedShape", r), this._state.set("crop.appliedAspect", s)), this._state.set("crop.shape", r), this._state.set("crop.aspect", s);
     }
     if (Array.isArray(e.filters)) {
-      let s = null;
-      for (const r of e.filters)
-        if (r.enabled && (s === null && (s = r.id), this._state.toggleFilter(r.id, !0), this._filterManager.initializeValues(r.id), r.values))
-          for (const [o, n] of Object.entries(r.values))
-            this._state.setFilterValue(r.id, o, n);
-      if (s !== null) {
-        this._state.set("selectedFilter", s);
-        const r = this._filterManager.getFilterDef(s);
-        if (typeof (r == null ? void 0 : r.category) == "string") {
-          const o = Ye[r.category] ?? r.category;
+      let r = null;
+      for (const s of e.filters)
+        if (s.enabled && (r === null && (r = s.id), this._state.toggleFilter(s.id, !0), this._filterManager.initializeValues(s.id), s.values))
+          for (const [o, n] of Object.entries(s.values))
+            this._state.setFilterValue(s.id, o, n);
+      if (r !== null) {
+        this._state.set("selectedFilter", r);
+        const s = this._filterManager.getFilterDef(r);
+        if (typeof (s == null ? void 0 : s.category) == "string") {
+          const o = Ye[s.category] ?? s.category;
           this._state.set("selectedCategory", o);
         }
       }
@@ -4092,11 +4067,11 @@ class kt extends re {
           values: { ...n }
         });
       }
-    const i = this._state.get("crop.appliedRect"), s = this._state.get("crop.rect"), r = i || s;
+    const i = this._state.get("crop.appliedRect"), r = this._state.get("crop.rect"), s = i || r;
     return {
       version: 1,
       crop: {
-        rect: r ? { ...r } : null,
+        rect: s ? { ...s } : null,
         aspectRatio: this._state.get("crop.appliedAspect") || this._state.get("crop.aspect") || "free",
         shape: this._state.get("crop.appliedShape") || this._state.get("crop.shape") || "free"
       },
@@ -4137,11 +4112,11 @@ class kt extends re {
   }
   setRotationAngle(e) {
     if (!this._state.get("hasImage")) return !1;
-    const t = Z(this._state.get("transform.rotation") ?? 0), i = Z(e), s = ut(t, i), r = this._state.get("mode") === "crop";
-    if (Math.abs(s) > 1e-3) {
-      if (r && this._cropManager.disable(), !this._renderer.rotateBy(s))
-        return r && this._cropManager.enable(), !1;
-      this._filterManager.applyFilters(), this._state.set("crop.rect", null), this._state.set("crop.dirty", !1), r && this._cropManager.enable();
+    const t = Z(this._state.get("transform.rotation") ?? 0), i = Z(e), r = ut(t, i), s = this._state.get("mode") === "crop";
+    if (Math.abs(r) > 1e-3) {
+      if (s && this._cropManager.disable(), !this._renderer.rotateBy(r))
+        return s && this._cropManager.enable(), !1;
+      this._filterManager.applyFilters(), this._state.set("crop.rect", null), this._state.set("crop.dirty", !1), s && this._cropManager.enable();
     }
     return this._state.set("transform.rotation", i), this.emit("transformChanged", { rotation: i }), !0;
   }
@@ -4195,10 +4170,10 @@ class kt extends re {
       throw new Error("Background removal is not available for the current editor state");
     this._state.set("isProcessing", !0), this._showLoadingOverlay("Removing background...");
     try {
-      const s = this.exportImage("png");
-      if (!s)
+      const r = this.exportImage("png");
+      if (!r)
         throw new Error("Failed to export image for background removal");
-      const r = await this._removeBgManager.preparePreviewRequest(s, e), o = this._buildPreviewBackgroundRemovalContext(r), n = await this._removeBgManager.removeBackground(r.blob, r);
+      const s = await this._removeBgManager.preparePreviewRequest(r, e), o = this._buildPreviewBackgroundRemovalContext(s), n = await this._removeBgManager.removeBackground(s.blob, s);
       return await this._isCurrentPreviewBackgroundRemovalContext(o, n) ? (await this.loadImage(n.dataUrl), this.emit("background-removed", {
         model: n.model,
         processMs: n.processMs
@@ -4209,8 +4184,8 @@ class kt extends re {
         operationId: o.operationId,
         sourceHash: o.sourceHash
       }), { stale: !0 });
-    } catch (s) {
-      throw this.emit("error", { error: s, context: "background-removal" }), s;
+    } catch (r) {
+      throw this.emit("error", { error: r, context: "background-removal" }), r;
     } finally {
       (i = (t = this._state) == null ? void 0 : t.set) == null || i.call(t, "isProcessing", !1), this._hideLoadingOverlay();
     }
@@ -4260,8 +4235,8 @@ class kt extends re {
         d("div", { className: "editor-loading-text" }, e)
       ]);
     else {
-      const s = this._loadingOverlay.querySelector(".editor-loading-text");
-      s && (s.textContent = e);
+      const r = this._loadingOverlay.querySelector(".editor-loading-text");
+      r && (r.textContent = e);
     }
     const t = (i = this._canvasContainer) == null ? void 0 : i.parentElement;
     t && !this._loadingOverlay.parentElement && t.appendChild(this._loadingOverlay);
@@ -4277,14 +4252,14 @@ class kt extends re {
    * Destroy the editor and clean up
    */
   destroy() {
-    var e, t, i, s, r, o, n, a, l, h, c, p;
+    var e, t, i, r, s, o, n, a, l, h, c, u;
     this._destroyed = !0, (t = (e = this._removeBgManager) == null ? void 0 : e.cancelActiveRequests) == null || t.call(e, "editor-destroy");
-    for (const u of this._objectUrls)
+    for (const p of this._objectUrls)
       try {
-        URL.revokeObjectURL(u);
+        URL.revokeObjectURL(p);
       } catch {
       }
-    this._objectUrls.clear(), this._activeObjectUrl = null, (i = this._resizeObserver) == null || i.disconnect(), this._renderer.destroy(), this._cropManager.disable(), this._handleWindowResize && window.removeEventListener("resize", this._handleWindowResize), (s = this._toolbar) == null || s.destroy(), (r = this._categoryCarousel) == null || r.destroy(), (o = this._filterCarousel) == null || o.destroy(), (n = this._filterAdjustments) == null || n.destroy(), (a = this._mobileFilterDrawer) == null || a.destroy(), (l = this._mobileActiveFilters) == null || l.destroy(), (h = this._cropControls) == null || h.destroy(), (c = this._activeFiltersPanel) == null || c.destroy(), (p = this._editorEl) == null || p.remove(), this._container = null, this._state = null, this.emit("destroyed"), this.removeAllListeners();
+    this._objectUrls.clear(), this._activeObjectUrl = null, (i = this._resizeObserver) == null || i.disconnect(), this._renderer.destroy(), this._cropManager.disable(), this._handleWindowResize && window.removeEventListener("resize", this._handleWindowResize), (r = this._toolbar) == null || r.destroy(), (s = this._categoryCarousel) == null || s.destroy(), (o = this._filterCarousel) == null || o.destroy(), (n = this._filterAdjustments) == null || n.destroy(), (a = this._mobileFilterDrawer) == null || a.destroy(), (l = this._mobileActiveFilters) == null || l.destroy(), (h = this._cropControls) == null || h.destroy(), (c = this._activeFiltersPanel) == null || c.destroy(), (u = this._editorEl) == null || u.remove(), this._container = null, this._state = null, this.emit("destroyed"), this.removeAllListeners();
   }
 }
 export {
@@ -4324,4 +4299,4 @@ export {
   ht as y,
   _t as z
 };
-//# sourceMappingURL=editor-CiTXlIVO.js.map
+//# sourceMappingURL=editor-BQ_nY4P6.js.map