@codingfactory/mediables-vue 2.19.2 → 2.19.3

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

@@ -1,14 +1,14 @@
 var Me = Object.defineProperty;
-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";
+var Fe = (g, e, t) => e in g ? Me(g, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : g[e] = t;
+var ae = (g, e, t) => Fe(g, typeof e != "symbol" ? e + "" : e, t);
+import { E as ne, 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 se {
+class Te extends ne {
   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 se {
    * canvas getter which throws when renderer is undefined.
    */
   _getCssSize() {
-    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;
+    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;
     return { w: t, h: i };
   }
   /**
@@ -52,15 +52,15 @@ class Te extends se {
         t();
         return;
       }
-      let i = !1, r = 0;
-      const s = () => {
-        i || (i = !0, window.clearTimeout(r), t());
+      let i = !1, s = 0;
+      const r = () => {
+        i || (i = !0, window.clearTimeout(s), t());
       };
-      if (r = window.setTimeout(s, e), typeof window.requestAnimationFrame == "function") {
-        window.requestAnimationFrame(() => s());
+      if (s = window.setTimeout(r, e), typeof window.requestAnimationFrame == "function") {
+        window.requestAnimationFrame(() => r());
         return;
       }
-      s();
+      r();
     });
   }
   /**
@@ -72,16 +72,16 @@ class Te extends se {
     if (!this.app || !e) return 1;
     const { w: t, h: i } = this._getCssSize();
     if (t <= 1 || i <= 1) return 1;
-    let r = Math.min(t / e.width, i / e.height) * 0.9;
-    return (!Number.isFinite(r) || r <= 0) && (r = 1), r;
+    let s = Math.min(t / e.width, i / e.height) * 0.9;
+    return (!Number.isFinite(s) || s <= 0) && (s = 1), s;
   }
   /**
    * 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: 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();
+    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();
   }
   /**
    * Set zoom level
@@ -108,12 +108,12 @@ class Te extends se {
   async mount(e, t = 16777215, i = {}) {
     if (!e) return;
     this._destroyed = !1, this._container = e;
-    const r = ++this._mountToken, s = async () => {
-      var u;
+    const s = ++this._mountToken, r = async () => {
+      var p;
       const o = window.PIXI;
       if (!o)
         throw new Error("PIXI.js not found. Please ensure PIXI is loaded globally.");
-      (u = o.Assets) != null && u.setPreferences && o.Assets.setPreferences({ crossOrigin: "anonymous" });
+      (p = o.Assets) != null && p.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 se {
         antialias: !0,
         autoDensity: !0,
         resolution: window.devicePixelRatio || 1
-      }), this._destroyed || this._mountToken !== r || this.app !== h) {
+      }), this._destroyed || this._mountToken !== s || this.app !== h) {
         try {
           h.destroy(!0, { children: !0, texture: !0 });
         } catch {
@@ -134,7 +134,7 @@ class Te extends se {
       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 = s(), await this._mountPromise;
+    return this._mountPromise = r(), await this._mountPromise;
   }
   /**
    * Load an image texture
@@ -144,15 +144,15 @@ class Te extends se {
    *   has been superseded and must not mutate the renderer.
    */
   async loadTexture(e, t = {}) {
-    var h, c, u;
+    var h, c, p;
     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 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);
+    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);
     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 r.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 s.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 se {
       return !1;
     const t = window.PIXI;
     if (!t) return !1;
-    const i = ++this._layerRenderToken, r = () => i === this._layerRenderToken;
+    const i = ++this._layerRenderToken, s = () => i === this._layerRenderToken;
     this._destroyLayerDisplayObjects(), this._layerDocument = JSON.parse(JSON.stringify(e)), this._renderableLayerIds = [];
     try {
       this.app.stage.removeChild(this.sprite);
     } catch {
     }
-    let s = !1;
+    let r = !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, s = !0);
+        (n == null ? void 0 : n.role) === "subject" && (this.sprite.visible = !1, this.sprite.__layerId = n.id, r = !0);
         continue;
       }
       if (this._isSubjectLayer(n)) {
         const l = await this._createSubjectDisplayObjectForLayer(t, n);
-        if (!r())
+        if (!s())
           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), s = !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), r = !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), s = !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), r = !0;
         continue;
       }
       const a = await this._createDisplayObjectForLayer(t, n);
-      if (!r())
+      if (!s())
         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 s || (this.sprite.visible = !1), r() ? (this.render(), !0) : !1;
+    return r || (this.sprite.visible = !1), s() ? (this.render(), !0) : !1;
   }
   getRenderableLayerIds() {
     return [...this._renderableLayerIds];
@@ -213,10 +213,10 @@ class Te extends se {
     this._layerDocument = JSON.parse(JSON.stringify(e));
     for (const i of this._layerDocument.layers) {
       if (!i) continue;
-      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);
+      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);
     }
     return this.render(), !0;
   }
@@ -233,10 +233,10 @@ class Te extends se {
   }
   _applyLayerFilterInstances(e, t, i = {}) {
     if (!e || !this._layerSupportsImageFilters(t)) return;
-    let r = [];
+    let s = [];
     if (this._layerFilterFactory)
       try {
-        r = this._layerFilterFactory(t, {
+        s = this._layerFilterFactory(t, {
           displayObject: e,
           forExport: i.forExport === !0,
           previewToNativeScale: i.previewToNativeScale || 1,
@@ -244,10 +244,10 @@ class Te extends se {
           sourceHeight: i.sourceHeight
         }) || [];
       } catch {
-        r = [];
+        s = [];
       }
-    const s = Array.isArray(r) ? r.filter(Boolean) : [];
-    for (const a of s)
+    const r = Array.isArray(s) ? s.filter(Boolean) : [];
+    for (const a of r)
       if (!(!a || typeof a != "object" && typeof a != "function"))
         try {
           Object.defineProperty(a, "__mediablesLayerImageFilter", {
@@ -260,24 +260,24 @@ class Te extends se {
           } catch {
           }
         }
-    const n = [...Array.isArray(e.filters) ? e.filters.filter((a) => (a == null ? void 0 : a.__mediablesLayerImageFilter) !== !0) : [], ...s];
+    const n = [...Array.isArray(e.filters) ? e.filters.filter((a) => (a == null ? void 0 : a.__mediablesLayerImageFilter) !== !0) : [], ...r];
     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 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);
+    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);
       if (!a) return null;
-      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;
+      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;
     }
-    if ((s == null ? void 0 : s.kind) === "gradient") {
-      const a = this._createGradientTexture(e, s, 512, 512);
+    if ((r == null ? void 0 : r.kind) === "gradient") {
+      const a = this._createGradientTexture(e, r, 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 se {
       height: this._clampNumber(t.height, 0.05, 1, 0.18)
     };
   }
-  _clampNumber(e, t, i, r) {
-    const s = Number(e);
-    return Number.isFinite(s) ? Math.max(t, Math.min(i, s)) : r;
+  _clampNumber(e, t, i, s) {
+    const r = Number(e);
+    return Number.isFinite(r) ? Math.max(t, Math.min(i, r)) : s;
   }
   _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 se {
     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, r = {}) {
+  _textStyleForLayer(e, t = 1, i = 1, s = {}) {
     var m;
-    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),
+    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),
       fontSize: n * t,
       fontWeight: h,
       fontStyle: c,
-      fill: p,
-      align: u,
+      fill: u,
+      align: p,
       lineHeight: n * a * t,
       letterSpacing: l * t,
       wordWrap: !0,
       wordWrapWidth: Math.max(1, i),
       breakWords: !0
     };
-    return r.stroke !== !1 && o.stroke.enabled && o.stroke.width > 0 && (g.stroke = {
+    return s.stroke !== !1 && o.stroke.enabled && o.stroke.width > 0 && (f.stroke = {
       color: o.stroke.color,
       width: o.stroke.width * t
-    }), g;
+    }), f;
   }
   _normalizeTextFontWeight(e) {
     if (e === "normal") return 400;
@@ -349,7 +349,7 @@ class Te extends se {
   }
   _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 : {}, 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 : {};
+    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 : {};
     return {
       stroke: {
         enabled: i.enabled === !0,
@@ -357,18 +357,18 @@ class Te extends se {
         width: this._clampNumber(i.width, 0, 80, E.stroke.width)
       },
       shadow: {
-        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)
+        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)
       },
       glow: {
-        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)
+        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)
       },
       backdrop: {
         enabled: o.enabled === !0,
@@ -395,8 +395,8 @@ class Te extends se {
     }
   }
   _textEffectPadding(e, t) {
-    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));
+    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));
   }
   _createTextDisplayObjectForLayer(e, t) {
     if (!this._isTextLayer(t) || typeof (e == null ? void 0 : e.Text) != "function") return null;
@@ -404,8 +404,8 @@ class Te extends se {
     if (!i) return null;
     if (typeof e.Container != "function" || typeof e.Graphics != "function")
       return i;
-    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;
+    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;
   }
   _createTextPrimitive(e, t) {
     try {
@@ -426,12 +426,12 @@ class Te extends se {
     return !i || i === this._loadedTextureUrl ? null : this._createImageDisplayObjectForLayer(e, t);
   }
   async _createImageDisplayObjectForLayer(e, t) {
-    var s, o;
+    var r, 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 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;
+    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;
   }
   _backgroundFillForLayer(e) {
     const t = e == null ? void 0 : e.fill;
@@ -458,29 +458,29 @@ class Te extends se {
   async _textureForLayerSource(e, t) {
     const i = this._sourceUrlForLayerSource(t);
     if (!i) return null;
-    const r = await this._loadImageElement(i);
-    return r ? e.Texture.from(r) : null;
+    const s = await this._loadImageElement(i);
+    return s ? e.Texture.from(s) : null;
   }
   _createBackgroundSprite(e, t, i = "cover") {
     if (i === "tile" && typeof e.TilingSprite == "function")
       try {
-        const r = new e.TilingSprite({ texture: t, width: 1, height: 1 });
-        return r.__isTilingBackground = !0, r;
+        const s = new e.TilingSprite({ texture: t, width: 1, height: 1 });
+        return s.__isTilingBackground = !0, s;
       } catch {
         try {
-          const s = new e.TilingSprite(t, 1, 1);
-          return s.__isTilingBackground = !0, s;
+          const r = new e.TilingSprite(t, 1, 1);
+          return r.__isTilingBackground = !0, r;
         } catch {
         }
       }
     return new e.Sprite(t);
   }
-  _createGradientTexture(e, t, i, r) {
+  _createGradientTexture(e, t, i, s) {
     var l;
     if (typeof document > "u" || !((l = e == null ? void 0 : e.Texture) != null && l.from)) return null;
-    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");
+    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");
     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 se {
     ];
     let a;
     if ((t == null ? void 0 : t.gradientType) === "radial") {
-      const h = Math.max(s.width, s.height) / 2;
+      const h = Math.max(r.width, r.height) / 2;
       a = o.createRadialGradient(
-        s.width / 2,
-        s.height / 2,
+        r.width / 2,
+        r.height / 2,
         0,
-        s.width / 2,
-        s.height / 2,
+        r.width / 2,
+        r.height / 2,
         h
       );
     } else {
-      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);
+      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);
     }
     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, s.width, s.height), e.Texture.from(s);
+    return o.fillStyle = a, o.fillRect(0, 0, r.width, r.height), e.Texture.from(r);
   }
   _backgroundBlurAmount(e) {
-    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;
+    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;
   }
   _applyLayerEffects(e, t, i) {
-    const r = this._backgroundBlurAmount(i);
-    if (!(r <= 0 || typeof (e == null ? void 0 : e.BlurFilter) != "function"))
+    const s = this._backgroundBlurAmount(i);
+    if (!(s <= 0 || typeof (e == null ? void 0 : e.BlurFilter) != "function"))
       try {
-        let s;
+        let r;
         try {
-          s = new e.BlurFilter({ strength: r, quality: 4 });
+          r = new e.BlurFilter({ strength: s, quality: 4 });
         } catch {
-          s = new e.BlurFilter(r);
+          r = new e.BlurFilter(s);
         }
-        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];
+        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];
       } catch {
       }
   }
@@ -563,11 +563,11 @@ class Te extends se {
         e.fill(t), e.alpha = i;
       }
   }
-  _syncTextEffectPrimitive(e, t, i, r, s, o, n, a) {
+  _syncTextEffectPrimitive(e, t, i, s, r, o, n, a) {
     if (!t) return;
-    const l = r[s];
+    const l = s[r];
     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, s === "shadow") {
+      if (t.text = this._textContentForLayer(i), t.rotation = 0, r === "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 se {
         t.filters = c ? [c] : null;
         return;
       }
-      if (s === "glow") {
+      if (r === "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 se {
       }
     }
   }
-  _syncTextBackdrop(e, t, i, r, s, o, n) {
+  _syncTextBackdrop(e, t, i, s, r, 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 * 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);
+    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);
     t.filters = m ? [m] : null;
   }
   _fitTextDisplayObjectToRect(e, t, i) {
     var m, b;
-    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);
-      g.clear(), g.rect(-C, -C, n + C * 2, a + C * 2).fill(16777215);
+    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 k = this._textEffectPadding(c, h);
+      f.clear(), f.rect(-k, -k, n + k * 2, a + k * 2).fill(16777215);
     }
-    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);
+    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);
   }
   _fitDisplayObjectToRect(e, t, i) {
-    var c, u, p, g, m, b, C, x;
-    const r = this._backgroundFillForLayer(t), s = (r == null ? void 0 : r.fit) || "cover";
+    var c, p, u, f, m, b, k, x;
+    const s = this._backgroundFillForLayer(t), r = (s == null ? void 0 : s.fit) || "cover";
     if (e.__isTilingBackground) {
-      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);
+      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);
       return;
     }
-    if (s === "stretch" || (r == null ? void 0 : r.kind) === "gradient" || (r == null ? void 0 : r.kind) === "color") {
+    if (r === "stretch" || (s == null ? void 0 : s.kind) === "gradient" || (s == null ? void 0 : s.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 = 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);
+    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 || ((k = s == null ? void 0 : s.source) == null ? void 0 : k.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 = s === "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 = r === "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, r, s;
+    var e, t, i, s, r;
     if ((e = this._layerDisplayObjects) != null && e.size) {
       for (const { displayObject: o } of this._layerDisplayObjects.values()) {
         try {
-          (r = (i = (t = this.app) == null ? void 0 : t.stage) == null ? void 0 : i.removeChild) == null || r.call(i, o);
+          (s = (i = (t = this.app) == null ? void 0 : t.stage) == null ? void 0 : i.removeChild) == null || s.call(i, o);
         } catch {
         }
         const n = (o == null ? void 0 : o.__ownsTexture) === !0;
-        (s = o == null ? void 0 : o.destroy) == null || s.call(o, { children: !0, texture: n, textureSource: n });
+        (r = o == null ? void 0 : o.destroy) == null || r.call(o, { children: !0, texture: n, textureSource: n });
       }
       this._layerDisplayObjects.clear(), this._renderableLayerIds = [];
     }
   }
   _destroyTransientDisplayObject(e) {
-    var i, r, s, o;
+    var i, s, r, o;
     if (!e) return;
     try {
-      (s = (r = (i = this.app) == null ? void 0 : i.stage) == null ? void 0 : r.removeChild) == null || s.call(r, e);
+      (r = (s = (i = this.app) == null ? void 0 : i.stage) == null ? void 0 : s.removeChild) == null || r.call(s, e);
     } catch {
     }
     const t = (e == null ? void 0 : e.__ownsTexture) === !0;
@@ -668,13 +668,13 @@ class Te extends se {
    * @returns {{ width: number, height: number }}
    */
   getRotatedBounds(e, t, i) {
-    const r = this._normalizeDegrees(i);
-    if (r === 0)
+    const s = this._normalizeDegrees(i);
+    if (s === 0)
       return {
         width: Math.max(1, Math.round(e)),
         height: Math.max(1, Math.round(t))
       };
-    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;
+    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;
     return {
       width: Math.max(1, Math.ceil(e * a + t * l)),
       height: Math.max(1, Math.ceil(e * l + t * a))
@@ -689,15 +689,15 @@ class Te extends se {
    * @returns {boolean}
    */
   rotateBy(e) {
-    var m, b, C;
+    var m, b, k;
     const t = this._normalizeDegrees(e);
     if (t === 0) return !0;
     if (!((m = this.app) != null && m.renderer) || !this.originalTexture || !this.sprite)
       return !1;
-    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 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);
+    (k = (b = h.anchor) == null ? void 0 : b.set) == null || k.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 {
       this.app.renderer.render({
@@ -711,10 +711,10 @@ class Te extends se {
     } finally {
       l.removeChildren(), h.destroy({ children: !1, texture: !1, textureSource: !1 }), l.destroy({ children: !1 });
     }
-    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;
+    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;
   }
   /**
    * Export the current image with filters applied.
@@ -728,9 +728,9 @@ class Te extends se {
    *   to keep the export under that cap while preserving aspect ratio.
    * @returns {string|null} Data URL
    */
-  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)
+  exportImage(e = "png", t = 0.92, i = 0, s = !0, r = 0) {
+    var S;
+    if (!((S = this.app) != null && S.renderer) || !this.originalTexture || !this.sprite)
       return null;
     const o = window.PIXI, n = Math.round(this.originalTexture.width), a = Math.round(this.originalTexture.height);
     if (n <= 0 || a <= 0)
@@ -738,12 +738,12 @@ class Te extends se {
     const l = this.sprite.width, h = this.sprite.height;
     if (l <= 0 || h <= 0)
       return null;
-    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)) {
+    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)) {
       for (const y of this.sprite.filters)
         if (y)
           if (typeof y.createExportFilter == "function") {
-            const w = y.createExportFilter({ previewToNativeScale: u });
+            const w = y.createExportFilter({ previewToNativeScale: p });
             w && m.push(w);
           } else
             m.push(y);
@@ -753,125 +753,125 @@ class Te extends se {
       const w = typeof y.getExportPadding == "function" ? Number(y.getExportPadding()) || 0 : typeof y._exportPadding == "number" ? y._exportPadding : typeof y.padding == "number" ? y.padding : 0;
       w > 0 && (b += w);
     }
-    const C = Math.max(Math.ceil(b), 64), x = (y) => {
+    const k = Math.max(Math.ceil(b), 64), x = (y) => {
       var Q, X, L, ee;
-      const w = Math.ceil(n + 2 * y), S = Math.ceil(a + 2 * y), k = new o.Container(), N = [], P = (_ = null) => {
+      const w = Math.ceil(n + 2 * y), R = Math.ceil(a + 2 * y), M = new o.Container(), N = [], z = (_ = null) => {
         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: u,
+          previewToNativeScale: p,
           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);
-      }, M = (_) => {
-        var R, K, Y;
-        const v = (R = this._layerDisplayObjects.get(_.id)) == null ? void 0 : R.displayObject, I = (v == null ? void 0 : v.texture) || (this._isSubjectLayer(_) ? this.originalTexture : null);
+        }), m.length > 0 && (v.filters = m, v.filterArea = new o.Rectangle(0, 0, n, a)), M.addChild(v), N.push(v);
+      }, F = (_) => {
+        var Y, P, U;
+        const v = (Y = this._layerDisplayObjects.get(_.id)) == null ? void 0 : Y.displayObject, H = this._isSubjectLayer(_), I = (v == null ? void 0 : v.texture) || (H ? 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(_), !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, _, {
+        const C = new o.Sprite(I), te = (v == null ? void 0 : v.__sourceWidth) || (H ? null : (P = _.source) == null ? void 0 : P.originalWidth) || I.width || n, ie = (v == null ? void 0 : v.__sourceHeight) || (H ? null : (U = _.source) == null ? void 0 : U.originalHeight) || I.height || a;
+        return C.__sourceWidth = Number(te), C.__sourceHeight = Number(ie), this._fitDisplayObjectToRect(C, _, { x: y, y, width: n, height: a }), C.alpha = this._layerOpacity(_), !f && H && m.length > 0 && (C.filters = m, C.filterArea = new o.Rectangle(0, 0, n, a)), this._applyLayerEffects(o, C, _), this._applyLayerFilterInstances(C, _, {
           forExport: !0,
-          previewToNativeScale: u,
+          previewToNativeScale: p,
           sourceWidth: n,
           sourceHeight: a
-        }), k.addChild(D), N.push(D), !0;
+        }), M.addChild(C), N.push(C), !0;
       }, T = (_) => {
-        var K, Y, pe;
-        const v = this._backgroundFillForLayer(_), I = this._backgroundColorForLayer(_), D = { x: y, y, width: n, height: a };
-        let R = null;
-        if (I && typeof o.Graphics == "function")
-          R = new o.Graphics(), R.rect(y, y, n, a).fill(I);
+        var te, ie, Y;
+        const v = this._backgroundFillForLayer(_), H = this._backgroundColorForLayer(_), I = { x: y, y, width: n, height: a };
+        let C = null;
+        if (H && typeof o.Graphics == "function")
+          C = new o.Graphics(), C.rect(y, y, n, a).fill(H);
         else if ((v == null ? void 0 : v.kind) === "gradient" && typeof o.Sprite == "function") {
-          const H = this._createGradientTexture(o, v, n, a);
-          if (!H) return !1;
-          R = new o.Sprite(H), R.__ownsTexture = !0, R.__sourceWidth = n, R.__sourceHeight = a, this._fitDisplayObjectToRect(R, _, D);
+          const P = this._createGradientTexture(o, v, n, a);
+          if (!P) return !1;
+          C = new o.Sprite(P), C.__ownsTexture = !0, C.__sourceWidth = n, C.__sourceHeight = a, this._fitDisplayObjectToRect(C, _, I);
         } else if ((v == null ? void 0 : v.kind) === "media") {
-          const H = (K = this._layerDisplayObjects.get(_.id)) == null ? void 0 : K.displayObject, te = H == null ? void 0 : H.texture;
-          if (!te) return !1;
-          R = this._createBackgroundSprite(o, te, v.fit), R.__sourceWidth = Number(((Y = v.source) == null ? void 0 : Y.originalWidth) || H.__sourceWidth || te.width || 1), R.__sourceHeight = Number(((pe = v.source) == null ? void 0 : pe.originalHeight) || H.__sourceHeight || te.height || 1), this._fitDisplayObjectToRect(R, _, D);
+          const P = (te = this._layerDisplayObjects.get(_.id)) == null ? void 0 : te.displayObject, U = P == null ? void 0 : P.texture;
+          if (!U) return !1;
+          C = this._createBackgroundSprite(o, U, v.fit), C.__sourceWidth = Number(((ie = v.source) == null ? void 0 : ie.originalWidth) || P.__sourceWidth || U.width || 1), C.__sourceHeight = Number(((Y = v.source) == null ? void 0 : Y.originalHeight) || P.__sourceHeight || U.height || 1), this._fitDisplayObjectToRect(C, _, I);
         }
-        return R ? (R.alpha = this._layerOpacity(_), this._applyLayerEffects(o, R, _), this._applyLayerFilterInstances(R, _, {
+        return C ? (C.alpha = this._layerOpacity(_), this._applyLayerEffects(o, C, _), this._applyLayerFilterInstances(C, _, {
           forExport: !0,
-          previewToNativeScale: u,
+          previewToNativeScale: p,
           sourceWidth: n,
           sourceHeight: a
-        }), k.addChild(R), N.push(R), !0) : !1;
-      }, z = (_) => {
+        }), M.addChild(C), N.push(C), !0) : !1;
+      }, O = (_) => {
         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 = p, q = g;
-      if (q) {
-        for (const _ of V.layers)
+        return v ? (this._fitTextDisplayObjectToRect(v, _, { x: y, y, width: n, height: a }), v.alpha = this._layerOpacity(_), M.addChild(v), N.push(v), !0) : !1;
+      }, W = u, G = f;
+      if (G) {
+        for (const _ of W.layers)
           if (!(!_ || _.visible === !1)) {
             if (this._isTextLayer(_)) {
-              z(_);
+              O(_);
               continue;
             }
             if (_.type === "image") {
-              !M(_) && this._isSubjectLayer(_) && P(_);
+              !F(_) && this._isSubjectLayer(_) && z(_);
               continue;
             }
             if (this._isSubjectLayer(_)) {
-              M(_) || P(_);
+              F(_) || z(_);
               continue;
             }
             T(_);
           }
       } else
-        P();
-      !q && ((Q = k.children) == null ? void 0 : Q.length) === 0 && P();
-      const G = o.RenderTexture.create({
+        z();
+      !G && ((Q = M.children) == null ? void 0 : Q.length) === 0 && z();
+      const K = o.RenderTexture.create({
         width: w,
-        height: S,
+        height: R,
         resolution: 1
-      }), ne = ((X = k.children) == null ? void 0 : X.length) ?? 0;
+      }), oe = ((X = M.children) == null ? void 0 : X.length) ?? 0;
       try {
         this.app.renderer.render({
-          container: k,
-          target: G,
+          container: M,
+          target: K,
           clear: !0,
           clearColor: [0, 0, 0, 0]
         });
-        const _ = (ee = (L = this.app.renderer.extract) == null ? void 0 : L.canvas) == null ? void 0 : ee.call(L, G);
-        return _ ? { canvas: _, width: w, height: S, margin: y, childCount: ne } : null;
+        const _ = (ee = (L = this.app.renderer.extract) == null ? void 0 : L.canvas) == null ? void 0 : ee.call(L, K);
+        return _ ? { canvas: _, width: w, height: R, margin: y, childCount: oe } : null;
       } finally {
         for (const _ of N)
           _.filters = null;
-        k.removeChildren();
+        M.removeChildren();
         for (const _ of N) {
           const v = (_ == null ? void 0 : _.__ownsTexture) === !0;
           _.destroy({ children: !1, texture: v, textureSource: v });
         }
-        k.destroy({ children: !1 }), G.destroy(!0);
+        M.destroy({ children: !1 }), K.destroy(!0);
       }
-    }, B = (y, w, S) => {
-      const k = typeof y.getContext == "function" ? y.getContext("2d") : null;
-      if (!k) return null;
+    }, B = (y, w, R) => {
+      const M = typeof y.getContext == "function" ? y.getContext("2d") : null;
+      if (!M) return null;
       let N;
       try {
-        N = k.getImageData(0, 0, w, S).data;
+        N = M.getImageData(0, 0, w, R).data;
       } catch {
         return null;
       }
-      const P = 1;
-      let M = w, T = S, z = -1, V = -1;
-      const q = 4, G = w * q;
-      for (let L = 0; L < S; L++) {
-        const ee = L * G;
+      const z = 1;
+      let F = w, T = R, O = -1, W = -1;
+      const G = 4, K = w * G;
+      for (let L = 0; L < R; L++) {
+        const ee = L * K;
         for (let _ = 0; _ < w; _++)
-          N[ee + _ * q + 3] >= P && (_ < M && (M = _), _ > z && (z = _), L < T && (T = L), L > V && (V = L));
+          N[ee + _ * G + 3] >= z && (_ < F && (F = _), _ > O && (O = _), L < T && (T = L), L > W && (W = L));
       }
-      if (z < 0) return null;
-      const ne = z - M + 1, Q = V - T + 1, X = M === 0 || T === 0 || z === w - 1 || V === S - 1;
-      return { x: M, y: T, width: ne, height: Q, touchesEdge: X };
+      if (O < 0) return null;
+      const oe = O - F + 1, Q = W - T + 1, X = F === 0 || T === 0 || O === w - 1 || W === R - 1;
+      return { x: F, y: T, width: oe, height: Q, touchesEdge: X };
     };
     let A = null;
     try {
-      let y = x(C);
+      let y = x(k);
       if (!y)
         return null;
       let w = B(y.canvas, y.width, y.height);
       if (!w)
-        if (g && y.childCount === 0)
+        if (f && y.childCount === 0)
           w = {
             x: y.margin,
             y: y.margin,
@@ -881,27 +881,27 @@ class Te extends se {
           };
         else
           return null;
-      if (w.touchesEdge && C < n && C < a) {
-        const M = Math.max(C * 4, 256), T = x(M);
+      if (w.touchesEdge && k < n && k < a) {
+        const F = Math.max(k * 4, 256), T = x(F);
         if (T) {
-          const z = B(T.canvas, T.width, T.height);
-          z && !z.touchesEdge ? (y = T, w = z) : (y = T, w = z ?? w);
+          const O = B(T.canvas, T.width, T.height);
+          O && !O.touchesEdge ? (y = T, w = O) : (y = T, w = O ?? w);
         }
       }
-      let S = w.width, k = w.height;
+      let R = w.width, M = w.height;
       if (i > 0) {
-        const M = Math.max(S, k);
-        let T = i / M;
-        r && (T = Math.min(1, T)), S = Math.max(1, Math.round(S * T)), k = Math.max(1, Math.round(k * T));
+        const F = Math.max(R, M);
+        let T = i / F;
+        s && (T = Math.min(1, T)), R = Math.max(1, Math.round(R * T)), M = Math.max(1, Math.round(M * T));
       }
-      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));
+      if (r > 0 && R * M > r) {
+        const F = Math.sqrt(r / (R * M));
+        R = Math.max(1, Math.floor(R * F)), M = Math.max(1, Math.floor(M * F));
       }
       const N = document.createElement("canvas");
-      N.width = S, N.height = k;
-      const P = N.getContext("2d");
-      return P ? (P.drawImage(
+      N.width = R, N.height = M;
+      const z = N.getContext("2d");
+      return z ? (z.drawImage(
         y.canvas,
         w.x,
         w.y,
@@ -909,9 +909,9 @@ class Te extends se {
         w.height,
         0,
         0,
-        S,
-        k
-      ), A = N.toDataURL(`image/${e}`, t), this._lastExportDimensions = { width: S, height: k }, A || null) : null;
+        R,
+        M
+      ), A = N.toDataURL(`image/${e}`, t), this._lastExportDimensions = { width: R, height: M }, A || null) : null;
     } catch {
       return null;
     }
@@ -931,17 +931,17 @@ class Te extends se {
     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 r = 0;
-    const s = (o = this.sprite) == null ? void 0 : o.filters;
-    if (Array.isArray(s))
-      for (const n of s) {
+    let s = 0;
+    const r = (o = this.sprite) == null ? void 0 : o.filters;
+    if (Array.isArray(r))
+      for (const n of r) {
         if (!n) continue;
         const a = typeof n._exportPadding == "number" ? n._exportPadding : typeof n.padding == "number" ? n.padding : 0;
-        a > r && (r = a);
+        a > s && (s = a);
       }
     return {
-      width: t + 2 * r,
-      height: i + 2 * r
+      width: t + 2 * s,
+      height: i + 2 * s
     };
   }
   /**
@@ -952,15 +952,15 @@ class Te extends se {
    * @returns {Promise<{ blob: Blob, width: number, height: number } | null>}
    */
   async exportBlob(e = "png", t = 0.92, i = {}) {
-    const r = this.exportImage(
+    const s = this.exportImage(
       e,
       t,
       i.maxEdge ?? 0,
       i.dontUpscale !== !1,
       i.maxPixels ?? 0
     );
-    if (!r) return null;
-    const o = await (await fetch(r)).blob(), n = this.getExportDimensions();
+    if (!s) return null;
+    const o = await (await fetch(s)).blob(), n = this.getExportDimensions();
     return { blob: o, width: n.width, height: n.height };
   }
   /**
@@ -968,15 +968,15 @@ class Te extends se {
    * @param {HTMLElement} container
    */
   resizeTo(e) {
-    var r;
-    if (!((r = this.app) != null && r.renderer) || !e) return;
+    var s;
+    if (!((s = this.app) != null && s.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 s = {
+      const r = {
         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: s });
+      this.fitScale = this.getFitScaleFor(this.originalTexture), this.applyViewTransform({ center: r });
     }
   }
   /**
@@ -1015,7 +1015,7 @@ class Te extends se {
     this.sprite = null, this.originalTexture = null, this.baseTexture = null, this._container = null, this.removeAllListeners();
   }
 }
-const _e = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M328 112L184 256l144 144"/></svg>', me = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M184 112l144 144-144 144"/></svg>', gt = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M338.29 338.29L448 448M256 184v74m-37-37h74"/></svg>', _t = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M338.29 338.29L448 448M184 221h74"/></svg>', mt = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M432 320v112H320M80 192V80h112M320 80h112v112M192 432H80V320"/></svg>', Ae = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M262.29 192.31a64 64 0 1057.4 57.4 64.13 64.13 0 00-57.4-57.4z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416.39 256a154.34 154.34 0 01-1.53 20.79l45.21 35.46a10.81 10.81 0 012.45 13.75l-42.77 74a10.81 10.81 0 01-13.14 4.59l-44.9-18.08a16.11 16.11 0 00-15.17 1.75A164.48 164.48 0 01325 400.8a15.94 15.94 0 00-8.82 12.14l-6.73 47.89a11.08 11.08 0 01-10.68 9.17h-85.54a11.11 11.11 0 01-10.69-8.87l-6.72-47.82a16.07 16.07 0 00-9-12.22 155.3 155.3 0 01-21.46-12.57 16 16 0 00-15.11-1.71l-44.89 18.07a10.81 10.81 0 01-13.14-4.58l-42.77-74a10.8 10.8 0 012.45-13.75l38.21-30a16.05 16.05 0 006-14.08c-.36-4.17-.58-8.33-.58-12.5s.21-8.27.58-12.35a16 16 0 00-6.07-13.94l-38.19-30A10.81 10.81 0 0149.48 186l42.77-74a10.81 10.81 0 0113.14-4.59l44.9 18.08a16.11 16.11 0 0015.17-1.75A164.48 164.48 0 01187 111.2a15.94 15.94 0 008.82-12.14l6.73-47.89A11.08 11.08 0 01213.23 42h85.54a11.11 11.11 0 0110.69 8.87l6.72 47.82a16.07 16.07 0 009 12.22 155.3 155.3 0 0121.46 12.57 16 16 0 0015.11 1.71l44.89-18.07a10.81 10.81 0 0113.14 4.58l42.77 74a10.8 10.8 0 01-2.45 13.75l-38.21 30a16.05 16.05 0 00-6.05 14.08c.33 4.14.55 8.3.55 12.47z"/></svg>', Ne = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M400 320c0 88.37-55.63 144-144 144s-144-55.63-144-144c0-94.83 103.23-222.85 134.89-259.88a12 12 0 0118.23 0C296.77 97.15 400 225.17 400 320z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M344 328a72 72 0 01-72 72"/></svg>', Be = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M430.11 347.9c-6.6-6.1-16.3-7.6-24.6-9-11.5-1.9-15.9-4-22.6-10-14.3-12.7-14.3-31.1 0-43.8l30.3-26.9c46.4-41 46.4-108.2 0-149.2-34.2-30.1-80.1-45-127.8-45-55.7 0-113.9 20.3-158.8 60.1-83.5 73.8-83.5 194.7 0 268.5 41.5 36.7 97.5 55 152.9 55.4h1.7c55.4 0 110-17.9 148.8-52.4 14.4-12.7 11.99-36.6.1-47.7z"/><circle cx="144" cy="208" r="32"/><circle cx="152" cy="311" r="32"/><circle cx="224" cy="144" r="32"/><circle cx="256" cy="367" r="32"/><circle cx="328" cy="144" r="32"/></svg>', Ee = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M259.92 262.91L216.4 149.77a9 9 0 00-16.8 0l-43.52 113.14a9 9 0 01-5.17 5.17L37.77 311.6a9 9 0 000 16.8l113.14 43.52a9 9 0 015.17 5.17l43.52 113.14a9 9 0 0016.8 0l43.52-113.14a9 9 0 015.17-5.17l113.14-43.52a9 9 0 000-16.8l-113.14-43.52a9 9 0 01-5.17-5.17zM108 68L88 16 68 68 16 88l52 20 20 52 20-52 52-20-52-20zM426.67 117.33L400 48l-26.67 69.33L304 144l69.33 26.67L400 240l26.67-69.33L496 144l-69.33-26.67z"/></svg>', Le = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M176 112l80-80 80 80M255.98 32l.02 448M176 400l80 80 80-80M400 176l80 80-80 80M112 176l-80 80 80 80M32 256h448"/></svg>', De = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M452.37 59.63h0a40.49 40.49 0 00-57.26 0L184 294.74c23.08 4.7 46.12 27.29 49.26 49.26l219.11-227.11a40.49 40.49 0 000-57.26z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M138 336c-29.88 0-54 24.5-54 54.86 0 23.95-20.67 36.57-34 44.78 15.08 8.08 32.23 12.36 50 12.36 48.49 0 88-38.89 88-88 0-30.36-24.12-54-50-54z"/></svg>', je = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M315.27 33L96 304h128l-31.51 173.23a2.36 2.36 0 002.33 2.77h0a2.36 2.36 0 001.89-.95L416 208H288l31.66-173.25a2.45 2.45 0 00-2.44-2.75h0a2.42 2.42 0 00-1.95 1z"/></svg>', be = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M144 48v272a48 48 0 0048 48h272"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M368 464V192a48 48 0 00-48-48H48"/></svg>', Oe = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M380.93 57.37A32 32 0 00358.3 48H94.22A46.21 46.21 0 0048 94.22v323.56A46.21 46.21 0 0094.22 464h323.56A46.36 46.36 0 00464 417.78V153.7a32 32 0 00-9.37-22.63zM256 416a64 64 0 1164-64 63.92 63.92 0 01-64 64zm48-224H112a16 16 0 01-16-16v-64a16 16 0 0116-16h192a16 16 0 0116 16v64a16 16 0 01-16 16z"/></svg>', de = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M368 368L144 144M368 144L144 368"/></svg>', ye = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M320 146s24.36-12-64-12a160 160 0 10160 160"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M256 58l80 80-80 80"/></svg>', ze = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M176 112l-64 64 64 64"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M112 176h176a112 112 0 110 224H160"/></svg>', Pe = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M336 112l64 64-64 64"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M400 176H224a112 112 0 100 224h128"/></svg>', He = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M112 112l20 320c.95 18.49 14.4 32 32 32h184c17.67 0 30.87-13.51 32-32l20-320"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M80 112h352"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M192 112V72h0a23.93 23.93 0 0124-24h80a23.93 23.93 0 0124 24h0v40M256 176v224M184 176l8 224M328 176l-8 224"/></svg>', Ie = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M64 192v-72a40 40 0 0140-40h75.89a40 40 0 0122.19 6.72l27.84 18.56a40 40 0 0022.19 6.72H408a40 40 0 0140 40v40"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M479.9 226.55L463.68 392a40 40 0 01-39.93 40H88.25a40 40 0 01-39.93-40L32.1 226.55A32 32 0 0164 192h384.1a32 32 0 0131.8 34.55z"/></svg>', he = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416 128L192 384l-96-96"/></svg>', Ue = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" d="M48 256l208 112 208-112-208-112L48 256z"/><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" d="M48 336l208 112 208-112M48 176L256 64l208 112"/></svg>', bt = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" d="M48 256s80-144 208-144 208 144 208 144-80 144-208 144S48 256 48 256z"/><circle cx="256" cy="256" r="64" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32"/></svg>', yt = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M432 448L80 64M160 160c-67.2 36.8-112 96-112 96s80 144 208 144c35.8 0 68.4-11.3 96-28.1M224.4 113.8A199.6 199.6 0 01256 112c128 0 208 144 208 144a334.2 334.2 0 01-65.1 78.6"/><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" d="M213.3 213.3A64 64 0 10298.7 298.7"/></svg>', vt = '<svg viewBox="0 0 512 512" width="20" height="20"><rect x="96" y="208" width="320" height="240" rx="32" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M160 208v-64a96 96 0 01192 0v64"/></svg>', wt = '<svg viewBox="0 0 512 512" width="20" height="20"><rect x="96" y="208" width="320" height="240" rx="32" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M160 208v-64a96 96 0 01168-63.7"/></svg>', xt = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" d="M96 352l-32 96 96-32L421.5 154.5a45.3 45.3 0 000-64h0a45.3 45.3 0 00-64 0L96 352z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M320 128l64 64"/></svg>', Ct = '<svg viewBox="0 0 512 512" width="20" height="20"><rect x="144" y="144" width="288" height="288" rx="32" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32"/><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" d="M80 368V112a32 32 0 0132-32h256"/></svg>', Ve = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M96 112V80h320v32M256 80v352M184 432h144"/></svg>', We = '<svg viewBox="0 0 512 512" width="20" height="20"><rect x="64" y="64" width="384" height="384" rx="48" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32"/></svg>', $e = '<svg viewBox="0 0 512 512" width="20" height="20"><circle cx="256" cy="256" r="208" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/></svg>', Ze = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M80 96h64l64 320h64l64-160h96"/></svg>', fe = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M256 48v48M256 416v48M403.08 108.92l-33.94 33.94M142.86 369.14l-33.94 33.94M464 256h-48M96 256H48M403.08 403.08l-33.94-33.94M142.86 142.86l-33.94-33.94"/><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32"/></svg>', ge = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M160 136c0-30.62 4.51-61.61 16-88C99.57 81.27 48 159.32 48 248c0 119.29 96.71 216 216 216 88.68 0 166.73-51.57 200-128-26.39 11.49-57.38 16-88 16-119.29 0-216-96.71-216-216z"/></svg>', qe = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M436 80H76a44.05 44.05 0 00-44 44v264a44.05 44.05 0 0044 44h360a44.05 44.05 0 0044-44V124a44.05 44.05 0 00-44-44z"/><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M220 80v56M292 80v56M220 376v56M292 376v56M80 144h56M80 224h56M80 304h56M376 144h56M376 224h56M376 304h56"/></svg>', Ge = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M344 144c-3.92 52.87-44 96-88 96s-84.15-43.12-88-96c-4-55 35-96 88-96s92 42 88 96z"/><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M256 304c-87 0-175.3 48-191.64 138.6C62.39 453.52 68.57 464 80 464h352c11.44 0 17.62-10.48 15.65-21.4C431.3 352 343 304 256 304z"/></svg>', ue = [
+const _e = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M328 112L184 256l144 144"/></svg>', me = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M184 112l144 144-144 144"/></svg>', gt = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M338.29 338.29L448 448M256 184v74m-37-37h74"/></svg>', _t = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M338.29 338.29L448 448M184 221h74"/></svg>', mt = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M432 320v112H320M80 192V80h112M320 80h112v112M192 432H80V320"/></svg>', Ae = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M262.29 192.31a64 64 0 1057.4 57.4 64.13 64.13 0 00-57.4-57.4z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416.39 256a154.34 154.34 0 01-1.53 20.79l45.21 35.46a10.81 10.81 0 012.45 13.75l-42.77 74a10.81 10.81 0 01-13.14 4.59l-44.9-18.08a16.11 16.11 0 00-15.17 1.75A164.48 164.48 0 01325 400.8a15.94 15.94 0 00-8.82 12.14l-6.73 47.89a11.08 11.08 0 01-10.68 9.17h-85.54a11.11 11.11 0 01-10.69-8.87l-6.72-47.82a16.07 16.07 0 00-9-12.22 155.3 155.3 0 01-21.46-12.57 16 16 0 00-15.11-1.71l-44.89 18.07a10.81 10.81 0 01-13.14-4.58l-42.77-74a10.8 10.8 0 012.45-13.75l38.21-30a16.05 16.05 0 006-14.08c-.36-4.17-.58-8.33-.58-12.5s.21-8.27.58-12.35a16 16 0 00-6.07-13.94l-38.19-30A10.81 10.81 0 0149.48 186l42.77-74a10.81 10.81 0 0113.14-4.59l44.9 18.08a16.11 16.11 0 0015.17-1.75A164.48 164.48 0 01187 111.2a15.94 15.94 0 008.82-12.14l6.73-47.89A11.08 11.08 0 01213.23 42h85.54a11.11 11.11 0 0110.69 8.87l6.72 47.82a16.07 16.07 0 009 12.22 155.3 155.3 0 0121.46 12.57 16 16 0 0015.11 1.71l44.89-18.07a10.81 10.81 0 0113.14 4.58l42.77 74a10.8 10.8 0 01-2.45 13.75l-38.21 30a16.05 16.05 0 00-6.05 14.08c.33 4.14.55 8.3.55 12.47z"/></svg>', Ne = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M400 320c0 88.37-55.63 144-144 144s-144-55.63-144-144c0-94.83 103.23-222.85 134.89-259.88a12 12 0 0118.23 0C296.77 97.15 400 225.17 400 320z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M344 328a72 72 0 01-72 72"/></svg>', Be = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M430.11 347.9c-6.6-6.1-16.3-7.6-24.6-9-11.5-1.9-15.9-4-22.6-10-14.3-12.7-14.3-31.1 0-43.8l30.3-26.9c46.4-41 46.4-108.2 0-149.2-34.2-30.1-80.1-45-127.8-45-55.7 0-113.9 20.3-158.8 60.1-83.5 73.8-83.5 194.7 0 268.5 41.5 36.7 97.5 55 152.9 55.4h1.7c55.4 0 110-17.9 148.8-52.4 14.4-12.7 11.99-36.6.1-47.7z"/><circle cx="144" cy="208" r="32"/><circle cx="152" cy="311" r="32"/><circle cx="224" cy="144" r="32"/><circle cx="256" cy="367" r="32"/><circle cx="328" cy="144" r="32"/></svg>', Ee = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M259.92 262.91L216.4 149.77a9 9 0 00-16.8 0l-43.52 113.14a9 9 0 01-5.17 5.17L37.77 311.6a9 9 0 000 16.8l113.14 43.52a9 9 0 015.17 5.17l43.52 113.14a9 9 0 0016.8 0l43.52-113.14a9 9 0 015.17-5.17l113.14-43.52a9 9 0 000-16.8l-113.14-43.52a9 9 0 01-5.17-5.17zM108 68L88 16 68 68 16 88l52 20 20 52 20-52 52-20-52-20zM426.67 117.33L400 48l-26.67 69.33L304 144l69.33 26.67L400 240l26.67-69.33L496 144l-69.33-26.67z"/></svg>', Le = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M176 112l80-80 80 80M255.98 32l.02 448M176 400l80 80 80-80M400 176l80 80-80 80M112 176l-80 80 80 80M32 256h448"/></svg>', De = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M452.37 59.63h0a40.49 40.49 0 00-57.26 0L184 294.74c23.08 4.7 46.12 27.29 49.26 49.26l219.11-227.11a40.49 40.49 0 000-57.26z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M138 336c-29.88 0-54 24.5-54 54.86 0 23.95-20.67 36.57-34 44.78 15.08 8.08 32.23 12.36 50 12.36 48.49 0 88-38.89 88-88 0-30.36-24.12-54-50-54z"/></svg>', je = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M315.27 33L96 304h128l-31.51 173.23a2.36 2.36 0 002.33 2.77h0a2.36 2.36 0 001.89-.95L416 208H288l31.66-173.25a2.45 2.45 0 00-2.44-2.75h0a2.42 2.42 0 00-1.95 1z"/></svg>', be = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M144 48v272a48 48 0 0048 48h272"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M368 464V192a48 48 0 00-48-48H48"/></svg>', Oe = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M380.93 57.37A32 32 0 00358.3 48H94.22A46.21 46.21 0 0048 94.22v323.56A46.21 46.21 0 0094.22 464h323.56A46.36 46.36 0 00464 417.78V153.7a32 32 0 00-9.37-22.63zM256 416a64 64 0 1164-64 63.92 63.92 0 01-64 64zm48-224H112a16 16 0 01-16-16v-64a16 16 0 0116-16h192a16 16 0 0116 16v64a16 16 0 01-16 16z"/></svg>', ue = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M368 368L144 144M368 144L144 368"/></svg>', ye = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M320 146s24.36-12-64-12a160 160 0 10160 160"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M256 58l80 80-80 80"/></svg>', ze = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M176 112l-64 64 64 64"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M112 176h176a112 112 0 110 224H160"/></svg>', Pe = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M336 112l64 64-64 64"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M400 176H224a112 112 0 100 224h128"/></svg>', He = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M112 112l20 320c.95 18.49 14.4 32 32 32h184c17.67 0 30.87-13.51 32-32l20-320"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M80 112h352"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M192 112V72h0a23.93 23.93 0 0124-24h80a23.93 23.93 0 0124 24h0v40M256 176v224M184 176l8 224M328 176l-8 224"/></svg>', Ie = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M64 192v-72a40 40 0 0140-40h75.89a40 40 0 0122.19 6.72l27.84 18.56a40 40 0 0022.19 6.72H408a40 40 0 0140 40v40"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M479.9 226.55L463.68 392a40 40 0 01-39.93 40H88.25a40 40 0 01-39.93-40L32.1 226.55A32 32 0 0164 192h384.1a32 32 0 0131.8 34.55z"/></svg>', ce = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416 128L192 384l-96-96"/></svg>', Ue = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" d="M48 256l208 112 208-112-208-112L48 256z"/><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" d="M48 336l208 112 208-112M48 176L256 64l208 112"/></svg>', bt = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" d="M48 256s80-144 208-144 208 144 208 144-80 144-208 144S48 256 48 256z"/><circle cx="256" cy="256" r="64" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32"/></svg>', yt = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M432 448L80 64M160 160c-67.2 36.8-112 96-112 96s80 144 208 144c35.8 0 68.4-11.3 96-28.1M224.4 113.8A199.6 199.6 0 01256 112c128 0 208 144 208 144a334.2 334.2 0 01-65.1 78.6"/><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" d="M213.3 213.3A64 64 0 10298.7 298.7"/></svg>', vt = '<svg viewBox="0 0 512 512" width="20" height="20"><rect x="96" y="208" width="320" height="240" rx="32" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M160 208v-64a96 96 0 01192 0v64"/></svg>', wt = '<svg viewBox="0 0 512 512" width="20" height="20"><rect x="96" y="208" width="320" height="240" rx="32" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M160 208v-64a96 96 0 01168-63.7"/></svg>', xt = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" d="M96 352l-32 96 96-32L421.5 154.5a45.3 45.3 0 000-64h0a45.3 45.3 0 00-64 0L96 352z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M320 128l64 64"/></svg>', Ct = '<svg viewBox="0 0 512 512" width="20" height="20"><rect x="144" y="144" width="288" height="288" rx="32" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32"/><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" d="M80 368V112a32 32 0 0132-32h256"/></svg>', Ve = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M96 112V80h320v32M256 80v352M184 432h144"/></svg>', We = '<svg viewBox="0 0 512 512" width="20" height="20"><rect x="64" y="64" width="384" height="384" rx="48" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32"/></svg>', $e = '<svg viewBox="0 0 512 512" width="20" height="20"><circle cx="256" cy="256" r="208" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/></svg>', Ze = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M80 96h64l64 320h64l64-160h96"/></svg>', fe = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M256 48v48M256 416v48M403.08 108.92l-33.94 33.94M142.86 369.14l-33.94 33.94M464 256h-48M96 256H48M403.08 403.08l-33.94-33.94M142.86 142.86l-33.94-33.94"/><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32"/></svg>', ge = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M160 136c0-30.62 4.51-61.61 16-88C99.57 81.27 48 159.32 48 248c0 119.29 96.71 216 216 216 88.68 0 166.73-51.57 200-128-26.39 11.49-57.38 16-88 16-119.29 0-216-96.71-216-216z"/></svg>', qe = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M436 80H76a44.05 44.05 0 00-44 44v264a44.05 44.05 0 0044 44h360a44.05 44.05 0 0044-44V124a44.05 44.05 0 00-44-44z"/><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M220 80v56M292 80v56M220 376v56M292 376v56M80 144h56M80 224h56M80 304h56M376 144h56M376 224h56M376 304h56"/></svg>', Ge = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M344 144c-3.92 52.87-44 96-88 96s-84.15-43.12-88-96c-4-55 35-96 88-96s92 42 88 96z"/><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M256 304c-87 0-175.3 48-191.64 138.6C62.39 453.52 68.57 464 80 464h352c11.44 0 17.62-10.48 15.65-21.4C431.3 352 343 304 256 304z"/></svg>', pe = [
   {
     id: "adjust",
     name: "Adjust",
@@ -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((f) => Array.isArray(f.registryCategories) && f.registryCategories.length > 0).map((f) => [f.id, f.registryCategories])
+  pe.filter((g) => Array.isArray(g.registryCategories) && g.registryCategories.length > 0).map((g) => [g.id, g.registryCategories])
 ), Ye = Object.fromEntries(
-  ue.filter((f) => Array.isArray(f.registryCategories)).flatMap((f) => f.registryCategories.map((e) => [e, f.id]))
+  pe.filter((g) => Array.isArray(g.registryCategories)).flatMap((g) => g.registryCategories.map((e) => [e, g.id]))
 );
-function Je(f) {
-  return Ke[f] || [f];
+function Je(g) {
+  return Ke[g] || [g];
 }
-class Qe extends se {
+class Qe extends ne {
   constructor(e, t) {
     super(), this.state = e, this.renderer = t, this.instances = {}, this._filterRegistry = null;
   }
@@ -1097,7 +1097,7 @@ class Qe extends se {
    */
   setRegistry(e) {
     var t, i;
-    this._filterRegistry = e, (i = (t = this.renderer) == null ? void 0 : t.setLayerFilterFactory) == null || i.call(t, (r, s) => this.createFiltersForLayer(r, s));
+    this._filterRegistry = e, (i = (t = this.renderer) == null ? void 0 : t.setLayerFilterFactory) == null || i.call(t, (s, r) => this.createFiltersForLayer(s, r));
   }
   /**
    * Get filter definition by ID
@@ -1123,11 +1123,11 @@ class Qe extends se {
    */
   getFiltersByCategory(e) {
     if (!this._filterRegistry) return [];
-    const t = Je(e), i = [], r = /* @__PURE__ */ new Set();
-    for (const s of t) {
-      const o = this._filterRegistry.getFiltersByCategory(s) || [];
+    const t = Je(e), i = [], s = /* @__PURE__ */ new Set();
+    for (const r of t) {
+      const o = this._filterRegistry.getFiltersByCategory(r) || [];
       for (const n of o)
-        r.has(n.id) || (r.add(n.id), i.push(n));
+        s.has(n.id) || (s.add(n.id), i.push(n));
     }
     return i;
   }
@@ -1151,12 +1151,12 @@ class Qe extends se {
     if (!t.includes(".") && !t.includes("["))
       return e[t];
     const i = t.replace(/\[(\d+)\]/g, ".$1").split(".").filter(Boolean);
-    let r = e;
-    for (const s of i) {
-      if (r == null) return;
-      r = r[s];
+    let s = e;
+    for (const r of i) {
+      if (s == null) return;
+      s = s[r];
     }
-    return r;
+    return s;
   }
   /**
    * Set a deep property on an object
@@ -1170,14 +1170,14 @@ class Qe extends se {
       e[t] = i;
       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 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 o = r[r.length - 1];
-    s[o] = i;
+    const o = s[s.length - 1];
+    r[o] = i;
   }
   /**
    * Initialize filter values from definition defaults.
@@ -1189,12 +1189,12 @@ class Qe extends se {
   initializeValues(e, t = void 0) {
     const i = this.getFilterDef(e);
     if (!i) return;
-    const r = this.state.getFilterValues(e), s = new Set((i.controls || []).map((o) => o.id));
+    const s = this.state.getFilterValues(e), r = new Set((i.controls || []).map((o) => o.id));
     if (i.defaultParams)
       for (const [o, n] of Object.entries(i.defaultParams))
-        !s.has(o) && !(o in r) && this.state.setFilterValue(e, o, n, t);
+        !r.has(o) && !(o in s) && this.state.setFilterValue(e, o, n, t);
     i.controls && i.controls.forEach((o) => {
-      o.id in r || this.state.setFilterValue(e, o.id, o.default, t);
+      o.id in s || this.state.setFilterValue(e, o.id, o.default, t);
     });
   }
   /**
@@ -1205,12 +1205,12 @@ class Qe extends se {
   resetValues(e, t = void 0) {
     const i = this.getFilterDef(e);
     if (!i) return;
-    const r = new Set((i.controls || []).map((s) => s.id));
+    const s = new Set((i.controls || []).map((r) => r.id));
     if (i.defaultParams)
-      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);
+      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);
     });
   }
   /**
@@ -1242,25 +1242,25 @@ class Qe extends se {
    * @param {*} value
    * @returns {boolean} True if updated in-place, false if caller must recreate
    */
-  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)
+  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)
       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, 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);
+      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);
       }
       return !0;
     }
     const c = this._getDeepProp(l, h);
-    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;
+    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;
   }
   /**
    * Perform a filter action (e.g. addColorStop, removeColorStop) and sync
@@ -1273,11 +1273,11 @@ class Qe extends se {
    */
   performFilterAction(e, t, i = void 0) {
     if (!this._matchesExpectedFilterLayer(i)) return !1;
-    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))
+    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))
         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 se {
     return e && e.version === 2 && Array.isArray(e.layers) ? e : null;
   }
   _sourceDimensionsForLayer(e, t = {}) {
-    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;
+    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;
     return {
-      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))
+      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))
     };
   }
   _paramsForFilterState(e, t, i) {
-    const r = t != null && t.values && typeof t.values == "object" ? t.values : {}, s = e.defaultParams ? { ...e.defaultParams } : {};
+    const s = t != null && t.values && typeof t.values == "object" ? t.values : {}, r = e.defaultParams ? { ...e.defaultParams } : {};
     e.controls && Array.isArray(e.controls) && e.controls.forEach((n) => {
       const a = n.property || n.id;
-      s[a] = r[n.id] ?? n.default;
+      r[a] = s[n.id] ?? n.default;
     });
     const o = new Set((e.controls || []).map((n) => n.id));
-    for (const [n, a] of Object.entries(r))
-      o.has(n) || (s[n] = a);
-    return s._sourceWidth = i.width, s._sourceHeight = i.height, s;
+    for (const [n, a] of Object.entries(s))
+      o.has(n) || (r[n] = a);
+    return r._sourceWidth = i.width, r._sourceHeight = i.height, r;
   }
   createFiltersForLayer(e, t = {}) {
     if (!Array.isArray(e == null ? void 0 : e.filters) || e.filters.length === 0) return [];
-    const i = [], r = this.state.get("activeLayerId"), s = e.id === r && t.forExport !== !0, o = this._sourceDimensionsForLayer(e, t);
+    const i = [], s = this.state.get("activeLayerId"), r = e.id === s && 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 se {
           let h = l;
           t.forExport === !0 && typeof l.createExportFilter == "function" && (h = l.createExportFilter({
             previewToNativeScale: t.previewToNativeScale || 1
-          }) || l), i.push(h), s && (this.instances[n.id] = l);
+          }) || l), i.push(h), r && (this.instances[n.id] = l);
         } catch {
         }
     return i;
@@ -1338,56 +1338,56 @@ class Qe extends se {
    * PIXI v8's filter pipeline correctly processes changes.
    */
   applyFilters() {
-    var o, n, a, l, h, c, u;
+    var o, n, a, l, h, c, p;
     const e = this._layerDocument();
     if (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);
+      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);
       this.emit("filtersApplied", {
         count: ((h = this.state.get("activeFilters")) == null ? void 0 : h.size) ?? 0,
         failed: [],
         scopedToLayer: !0
-      }), p || (u = (c = this.renderer) == null ? void 0 : c.render) == null || u.call(c);
+      }), u || (p = (c = this.renderer) == null ? void 0 : c.render) == null || p.call(c);
       return;
     }
     const t = this.renderer.sprite;
     if (!t) return;
-    for (const p in this.instances)
-      delete this.instances[p];
-    const i = [], r = [];
-    this.state.get("activeFilters").forEach((p) => {
+    for (const u in this.instances)
+      delete this.instances[u];
+    const i = [], s = [];
+    this.state.get("activeFilters").forEach((u) => {
       try {
-        const g = this.getFilterDef(p);
-        if (!g || !g.createFilter || typeof g.createFilter != "function")
+        const f = this.getFilterDef(u);
+        if (!f || !f.createFilter || typeof f.createFilter != "function")
           return;
-        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 m = this.state.getFilterValues(u), b = f.defaultParams ? { ...f.defaultParams } : {};
+        f.controls && Array.isArray(f.controls) && f.controls.forEach((S) => {
+          const J = S.property || S.id;
+          b[J] = m[S.id] ?? S.default;
         });
-        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 k = new Set((f.controls || []).map((S) => S.id));
+        for (const [S, J] of Object.entries(m))
+          k.has(S) || (b[S] = 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 = g.createFilter(b);
-        A && (i.push(A), this.instances[p] = A);
+        const A = f.createFilter(b);
+        A && (i.push(A), this.instances[u] = A);
       } catch {
-        r.push(p);
+        s.push(u);
       }
     });
     try {
-      t.filters = null, t.filters = i.length ? i : null, this.renderer.render(), this.emit("filtersApplied", { count: i.length, failed: r });
-    } catch (p) {
+      t.filters = null, t.filters = i.length ? i : null, this.renderer.render(), this.emit("filtersApplied", { count: i.length, failed: s });
+    } catch (u) {
       try {
         t.filters = null, this.renderer.render();
       } catch {
       }
-      this.emit("filtersError", { error: p, failedFilters: r });
+      this.emit("filtersError", { error: u, failedFilters: s });
     }
-    r.length > 0;
+    s.length > 0;
   }
   /**
    * Reset all filters.
@@ -1396,8 +1396,8 @@ class Qe extends se {
    * destroy any applied crop, which is a separate concern.
    */
   resetAll(e = void 0) {
-    for (const r in this.instances)
-      delete this.instances[r];
+    for (const s in this.instances)
+      delete this.instances[s];
     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 se {
     return this.instances[e] || null;
   }
 }
-const U = class U extends se {
+const V = class V extends ne {
   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 se {
     if (t[e] !== void 0) return t[e];
     const i = e.split(":");
     if (i.length === 2) {
-      const r = parseFloat(i[0]), s = parseFloat(i[1]);
-      if (Number.isFinite(r) && Number.isFinite(s) && s > 0)
-        return r / s;
+      const s = parseFloat(i[0]), r = parseFloat(i[1]);
+      if (Number.isFinite(s) && Number.isFinite(r) && r > 0)
+        return s / r;
     }
     return null;
   }
@@ -1475,8 +1475,8 @@ const U = class U extends se {
     if (!e) return;
     const t = this.renderer.sprite, i = this.renderer.app;
     if (!t || !i) return;
-    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 s = this.state.get("crop.shape"), r = { x: 0, y: 0, w: i.screen.width, h: i.screen.height };
+    if (e.x = Math.max(r.x, Math.min(e.x, r.x + r.w - e.width)), e.y = Math.max(r.y, Math.min(e.y, r.y + r.h - e.height)), e.width = Math.min(e.width, r.w), e.height = Math.min(e.height, r.h), s !== "free" || this.state.get("crop.aspect") === "1:1") {
       const o = Math.min(e.width, e.height);
       e.width = o, e.height = o;
     }
@@ -1495,19 +1495,19 @@ const U = class U extends se {
    * @param {number} currentZoom - Current zoom level
    * @returns {number|null} Target zoom level, or null if no zoom needed
    */
-  static calcAutoZoom(e, t, i, r, s, o, n) {
-    if (!e || !r || !s || !o) return null;
+  static calcAutoZoom(e, t, i, s, r, o, n) {
+    if (!e || !s || !r || !o) return null;
     const a = e.width > t, l = e.height > i;
     if (!a && !l) return null;
-    const h = U.AUTO_ZOOM_PADDING;
+    const h = V.AUTO_ZOOM_PADDING;
     let c = n;
     if (a) {
-      const u = e.width / (h * r * o);
-      c = Math.min(c, u);
+      const p = e.width / (h * s * o);
+      c = Math.min(c, p);
     }
     if (l) {
-      const u = e.height / (h * s * o);
-      c = Math.min(c, u);
+      const p = e.height / (h * r * o);
+      c = Math.min(c, p);
     }
     return c = Math.max(0.1, c), c >= n - 0.01 ? null : c;
   }
@@ -1518,20 +1518,20 @@ const U = class U extends se {
   _checkAutoZoom() {
     if (!this.state.get("autoZoomOnCropOverflow")) return;
     const e = Date.now();
-    if (e - this._lastAutoZoomCheck < U.AUTO_ZOOM_THROTTLE_MS) return;
+    if (e - this._lastAutoZoomCheck < V.AUTO_ZOOM_THROTTLE_MS) return;
     this._lastAutoZoomCheck = e;
-    const t = this.state.get("crop.rect"), i = this.renderer.sprite, r = this.renderer.originalTexture;
-    if (!t || !i || !r) return;
-    const s = U.calcAutoZoom(
+    const t = this.state.get("crop.rect"), i = this.renderer.sprite, s = this.renderer.originalTexture;
+    if (!t || !i || !s) return;
+    const r = V.calcAutoZoom(
       t,
       i.width,
       i.height,
-      r.width,
-      r.height,
+      s.width,
+      s.height,
       this.renderer.fitScale,
       this.renderer.zoom
     );
-    s !== null && this.renderer.setZoom(s, { keepCenter: !0 });
+    r !== null && this.renderer.setZoom(r, { keepCenter: !0 });
   }
   /**
    * Draw crop overlay on canvas
@@ -1541,17 +1541,17 @@ const U = class U extends se {
     if (!e) return;
     const t = this.renderer.app;
     if (!t) return;
-    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 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 n = e.getContext("2d");
     if (!n) return;
-    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);
+    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);
     const a = this.state.get("crop.rect");
     if (!a) return;
     const l = this.state.get("crop.shape");
     if (n.save(), l === "circle") {
-      const b = a.x + a.width / 2, C = a.y + a.height / 2, x = Math.min(a.width, a.height) / 2;
-      n.beginPath(), n.arc(b, C, x, 0, Math.PI * 2), n.clip();
+      const b = a.x + a.width / 2, k = a.y + a.height / 2, x = Math.min(a.width, a.height) / 2;
+      n.beginPath(), n.arc(b, k, x, 0, Math.PI * 2), n.clip();
     } else
       n.beginPath(), n.rect(a.x, a.y, a.width, a.height), n.clip();
     n.clearRect(a.x, a.y, a.width, a.height), n.restore(), n.strokeStyle = "#ffffff", n.lineWidth = 2, n.setLineDash([5, 5]), l === "circle" ? (n.beginPath(), n.arc(
@@ -1564,20 +1564,20 @@ const U = class U extends se {
     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 u = this.HANDLE_SIZE, p = [
+    const p = this.HANDLE_SIZE, u = [
       { 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" }
-    ], g = [
+    ], f = [
       { 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 = [...p, ...g];
+    ], m = [...u, ...f];
     for (const b of m) {
-      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();
+      const k = this._hoverMode === b.m, x = k ? p + 4 : p;
+      n.beginPath(), n.rect(b.x - x / 2, b.y - x / 2, x, x), n.fillStyle = k ? "#4da3ff" : "#ffffff", n.strokeStyle = "rgba(0,0,0,0.6)", n.lineWidth = 1, n.fill(), n.stroke();
     }
   }
   /**
@@ -1589,8 +1589,8 @@ const U = class U extends se {
   _hitHandle(e, t) {
     const i = this.state.get("crop.rect");
     if (!i) return 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;
+    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;
   }
   /**
    * Handle pointer down event
@@ -1605,47 +1605,67 @@ const U = class U extends se {
    * Handle pointer move event
    */
   _handlePointerMove(e) {
-    var a, l, h, c;
+    var l, h, c, p;
     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" : (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();
+      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();
       return;
     }
-    const r = this.state.get("crop.rect");
-    if (!r) return;
-    const s = i.x - this._dragStart.x, o = i.y - this._dragStart.y;
+    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();
     switch (this._dragMode) {
       case "move":
-        r.x = this._startRect.x + s, r.y = this._startRect.y + o;
+        s.x = this._startRect.x + r, s.y = this._startRect.y + o;
         break;
-      case "n":
-        r.y = this._startRect.y + o, r.height = this._startRect.height - o;
+      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;
+        }
         break;
-      case "s":
-        r.height = this._startRect.height + o;
+      }
+      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;
+        }
         break;
-      case "w":
-        r.x = this._startRect.x + s, r.width = this._startRect.width - s;
+      }
+      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;
+        }
         break;
-      case "e":
-        r.width = this._startRect.width + s;
+      }
+      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;
+        }
         break;
+      }
       case "resize-nw":
-        r.x = this._startRect.x + s, r.y = this._startRect.y + o, r.width = this._startRect.width - s, r.height = this._startRect.height - o;
+        s.x = this._startRect.x + r, s.y = this._startRect.y + o, s.width = this._startRect.width - r, s.height = this._startRect.height - o;
         break;
       case "resize-ne":
-        r.y = this._startRect.y + o, r.width = this._startRect.width + s, r.height = this._startRect.height - o;
+        s.y = this._startRect.y + o, s.width = this._startRect.width + r, s.height = this._startRect.height - o;
         break;
       case "resize-sw":
-        r.x = this._startRect.x + s, r.width = this._startRect.width - s, r.height = this._startRect.height + o;
+        s.x = this._startRect.x + r, s.width = this._startRect.width - r, s.height = this._startRect.height + o;
         break;
       case "resize-se":
-        r.width = this._startRect.width + s, r.height = this._startRect.height + o;
+        s.width = this._startRect.width + r, s.height = this._startRect.height + o;
         break;
     }
-    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();
+    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();
   }
   /**
    * Handle pointer up event
@@ -1665,18 +1685,18 @@ const U = class U extends se {
       const o = this.state.get("crop.aspect"), n = this._getAspectRatio(o);
       let a, l;
       if (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);
+        const p = t.width * 0.9, u = t.height * 0.9;
+        p / u > n ? (l = u, a = l * n) : (a = p, l = a / n);
       } else {
-        const u = Math.min(e.screen.width, e.screen.height) * 0.7;
-        a = u, l = u;
+        const p = Math.min(e.screen.width, e.screen.height) * 0.7;
+        a = p, l = p;
       }
       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 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");
+    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");
   }
   /**
    * Disable crop mode
@@ -1696,20 +1716,20 @@ const U = class U extends se {
    * @returns {{ texture: PIXI.Texture, preservedZoom: number }|null}
    */
   apply() {
-    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);
+    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);
     if (this.state.get("crop.shape") === "circle") {
-      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);
+      const M = Math.round(Math.max(c, p)), N = u + c / 2, z = f + p / 2;
+      u = Math.round(N - M / 2), f = Math.round(z - M / 2), c = p = M;
+      const F = new r.Graphics();
+      typeof F.circle == "function" && typeof F.fill == "function" ? F.circle(c / 2, p / 2, c / 2).fill(16777215) : (F.beginFill(16777215, 1), F.drawCircle(c / 2, p / 2, c / 2), F.endFill()), b.mask = F, m.addChild(F);
     }
-    b.x = -p, b.y = -g, m.addChild(b);
-    const x = s.RenderTexture.create({ width: c, height: u });
+    b.x = -u, b.y = -f, m.addChild(b);
+    const x = r.RenderTexture.create({ width: c, height: p });
     e.renderer.render({
       container: m,
       target: x,
@@ -1717,15 +1737,15 @@ const U = class U extends se {
     }), 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 s.Sprite(x);
+    const A = new r.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 + p),
-      y: Math.round(F.y + g),
+    const S = this.state.get("crop.appliedRect"), y = S && Number.isFinite(S.x) && Number.isFinite(S.y) && Number.isFinite(S.width) && Number.isFinite(S.height) ? {
+      x: Math.round(S.x + u),
+      y: Math.round(S.y + f),
       width: c,
-      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 };
+      height: p
+    } : { x: u, y: f, width: c, height: p }, w = this.state.get("crop.shape") || "free", R = 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", R), this.state.set("crop.dirty", !1), this.emit("applied", { width: c, height: p }), { texture: x, preservedZoom: o };
   }
   /**
    * Apply a crop from saved texture-pixel coordinates (for state rehydration).
@@ -1735,25 +1755,25 @@ const U = class U extends se {
    * @returns {{ texture: Object, preservedZoom: number }|null}
    */
   applyFromPixelRect(e, t = "free") {
-    const i = this.renderer.app, r = this.renderer.sprite, s = this.renderer.originalTexture;
-    if (!e || !r || !i || !s) return null;
+    const i = this.renderer.app, s = this.renderer.sprite, r = this.renderer.originalTexture;
+    if (!e || !s || !i || !r) 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 u = new o.Container(), p = new o.Sprite(s);
+    const p = new o.Container(), u = new o.Sprite(r);
     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 k = Math.round(Math.max(a, l)), x = h + a / 2, B = c + l / 2;
+      h = Math.round(x - k / 2), c = Math.round(B - k / 2), a = l = k;
       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()), p.mask = A, u.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()), u.mask = A, p.addChild(A);
     }
-    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 });
+    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 });
     const m = this.renderer.originalTexture;
-    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 };
+    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 };
   }
   /**
    * Cancel crop
@@ -1785,11 +1805,11 @@ const U = class U extends se {
  * Padding factor for auto-zoom: image will be ~91% of crop size (1/1.1).
  * Higher values = more aggressive zoom-out, more padding around image.
  */
-oe(U, "AUTO_ZOOM_PADDING", 1.1), /**
+ae(V, "AUTO_ZOOM_PADDING", 1.1), /**
  * Minimum interval (ms) between auto-zoom adjustments during drag.
  */
-oe(U, "AUTO_ZOOM_THROTTLE_MS", 100);
-let ce = U;
+ae(V, "AUTO_ZOOM_THROTTLE_MS", 100);
+let de = V;
 class Xe {
   /**
    * Create a new RemoveBgManager
@@ -1857,13 +1877,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), 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));
+    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));
     let l, h;
-    const c = this._createAbortController(), u = (p) => c ? { ...p, signal: c.signal } : p;
+    const c = this._createAbortController(), p = (u) => c ? { ...u, signal: c.signal } : u;
     try {
       try {
-        l = await fetch(this._endpoint, u({
+        l = await fetch(this._endpoint, p({
           method: "POST",
           body: a,
           credentials: "include"
@@ -1876,7 +1896,7 @@ class Xe {
       }
       if ((!l || !l.ok) && this._fallbackEndpoint)
         try {
-          l = await fetch(this._fallbackEndpoint, u({
+          l = await fetch(this._fallbackEndpoint, p({
             method: "POST",
             body: a
           }));
@@ -1896,12 +1916,12 @@ class Xe {
         }
         throw new Error(m);
       }
-      const p = await l.blob();
+      const u = await l.blob();
       return {
-        dataUrl: await this._blobToDataUrl(p),
+        dataUrl: await this._blobToDataUrl(u),
         model: l.headers.get("X-Model-Used") || "unknown",
         processMs: l.headers.get("X-Process-Ms") || "0",
-        operationId: l.headers.get("X-Operation-Id") || s,
+        operationId: l.headers.get("X-Operation-Id") || r,
         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
@@ -1932,10 +1952,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 r = this._createAbortController();
-    let s;
+    const s = this._createAbortController();
+    let r;
     try {
-      if (s = await fetch(t, {
+      if (r = await fetch(t, {
         method: "POST",
         body: JSON.stringify(i),
         credentials: "include",
@@ -1943,19 +1963,19 @@ class Xe {
           Accept: "application/json",
           "Content-Type": "application/json"
         },
-        ...r ? { signal: r.signal } : {}
-      }), !s.ok) {
-        let o = `Background removal failed (HTTP ${s.status})`;
+        ...s ? { signal: s.signal } : {}
+      }), !r.ok) {
+        let o = `Background removal failed (HTTP ${r.status})`;
         try {
-          const n = await s.json();
+          const n = await r.json();
           n != null && n.message && (o += `: ${n.message}`);
         } catch {
         }
         throw new Error(o);
       }
-      return await s.json();
+      return await r.json();
     } finally {
-      this._releaseAbortController(r);
+      this._releaseAbortController(s);
     }
   }
   /**
@@ -1965,7 +1985,7 @@ class Xe {
    */
   async _dataUrlToBlob(e) {
     if (e.startsWith("data:")) {
-      const [i, r] = e.split(","), s = i.match(/:(.*?);/), o = s ? s[1] : "image/png", n = atob(r), a = new Uint8Array(n.length);
+      const [i, s] = e.split(","), r = i.match(/:(.*?);/), o = r ? r[1] : "image/png", n = atob(s), a = new Uint8Array(n.length);
       for (let l = 0; l < n.length; l++)
         a[l] = n.charCodeAt(l);
       return new Blob([a], { type: o });
@@ -1979,8 +1999,8 @@ class Xe {
    */
   _blobToDataUrl(e) {
     return new Promise((t, i) => {
-      const r = new FileReader();
-      r.onload = () => t(r.result), r.onerror = () => i(new Error("Failed to read blob as data URL")), r.readAsDataURL(e);
+      const s = new FileReader();
+      s.onload = () => t(s.result), s.onerror = () => i(new Error("Failed to read blob as data URL")), s.readAsDataURL(e);
     });
   }
   /**
@@ -2029,61 +2049,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((r) => r.toString(16).padStart(2, "0")).join("");
+    return [...new Uint8Array(i)].map((s) => s.toString(16).padStart(2, "0")).join("");
   }
 }
-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);
+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);
   return i;
 }
-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", {
+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", {
     className: "slider-control slider-wrapper",
     "data-control": n,
     "data-testid": `slider-${n}`
   }), l = d(
     "div",
     { className: "slider-header" },
-    d("label", { for: f, className: "slider-label" }, e),
-    d("span", { className: "slider-value", id: `${f}-value` }, ae(s))
+    d("label", { for: g, className: "slider-label" }, e),
+    d("span", { className: "slider-value", id: `${g}-value` }, le(r))
   ), h = d("input", {
     type: "range",
-    id: f,
+    id: g,
     className: "slider-input",
     min: String(t),
     max: String(i),
-    step: String(r),
-    value: String(s),
+    step: String(s),
+    value: String(r),
     onInput: (c) => {
-      const u = parseFloat(c.target.value), p = a.querySelector(".slider-value");
-      p && (p.textContent = ae(u)), o == null || o(u);
+      const p = parseFloat(c.target.value), u = a.querySelector(".slider-value");
+      u && (u.textContent = le(p)), o == null || o(p);
     }
   });
   return a.appendChild(l), a.appendChild(h), a.setValue = (c) => {
     h.value = String(c);
-    const u = a.querySelector(".slider-value");
-    u && (u.textContent = ae(c));
+    const p = a.querySelector(".slider-value");
+    p && (p.textContent = le(c));
   }, a;
 }
-function ae(f) {
-  return Number.isInteger(f) ? String(f) : f.toFixed(2);
+function le(g) {
+  return Number.isInteger(g) ? String(g) : g.toFixed(2);
 }
-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", {
+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", {
     type: "checkbox",
-    id: f,
+    id: g,
     className: "toggle-input",
     checked: t ? "checked" : void 0,
     onChange: (l) => i == null ? void 0 : i(l.target.checked)
@@ -2093,32 +2113,32 @@ function we({ id: f, 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), r.appendChild(s), r.appendChild(n), r.setChecked = (l) => {
+  return n.appendChild(o), n.appendChild(a), s.appendChild(r), s.appendChild(n), s.setChecked = (l) => {
     o.checked = l;
-  }, r;
+  }, s;
 }
-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", {
+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", {
     type: "color",
-    id: f,
+    id: g,
     className: "color-input",
     value: t,
     onInput: (n) => i == null ? void 0 : i(n.target.value)
   });
-  return r.appendChild(s), r.appendChild(o), r.setValue = (n) => {
+  return s.appendChild(r), s.appendChild(o), s.setValue = (n) => {
     o.value = n;
-  }, r;
+  }, s;
 }
-function Ce({ id: f, label: e, value: t = "", placeholder: i = "", onCommit: r }) {
-  const s = d("div", {
+function Ce({ id: g, label: e, value: t = "", placeholder: i = "", onCommit: s }) {
+  const r = d("div", {
     className: "text-control",
-    "data-control": f,
-    "data-testid": `text-${f}`
-  }), o = d("label", { className: "text-label", for: f }, e);
+    "data-control": g,
+    "data-testid": `text-${g}`
+  }), o = d("label", { className: "text-label", for: g }, e);
   let n = t;
   const a = d("input", {
     type: "text",
-    id: f,
+    id: g,
     className: "text-input",
     value: t,
     placeholder: i,
@@ -2129,72 +2149,72 @@ function Ce({ id: f, label: e, value: t = "", placeholder: i = "", onCommit: r }
   });
   function l() {
     const h = a.value;
-    h !== n && (n = h, r == null || r(h));
+    h !== n && (n = h, s == null || s(h));
   }
-  return s.appendChild(o), s.appendChild(a), s.setValue = (h) => {
+  return r.appendChild(o), r.appendChild(a), r.setValue = (h) => {
     const c = h == null ? "" : String(h);
     a.value = c, n = c;
-  }, s;
+  }, r;
 }
-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,
+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,
     className: "select-input",
-    onChange: (a) => r == null ? void 0 : r(a.target.value)
+    onChange: (a) => s == null ? void 0 : s(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 s.appendChild(o), s.appendChild(n), s.setValue = (a) => {
+  return r.appendChild(o), r.appendChild(n), r.setValue = (a) => {
     n.value = a;
-  }, s;
+  }, r;
 }
-function j({ label: f, className: e = "", onClick: t, icon: i = null, disabled: r = !1 }) {
-  const s = d("button", {
+function D({ label: g, className: e = "", onClick: t, icon: i = null, disabled: s = !1 }) {
+  const r = d("button", {
     type: "button",
     className: `btn ${e}`.trim(),
     onClick: t,
-    disabled: r ? "disabled" : void 0
+    disabled: s ? "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"), s.appendChild(o);
+    n && n.setAttribute("aria-hidden", "true"), r.appendChild(o);
   }
-  return f && s.appendChild(document.createTextNode(f)), s;
+  return g && r.appendChild(document.createTextNode(g)), r;
 }
-function O({ icon: f, title: e, className: t = "", onClick: i, disabled: r = !1, testId: s = null, ariaLabel: o = null }) {
+function j({ icon: g, title: e, className: t = "", onClick: i, disabled: s = !1, testId: r = null, ariaLabel: o = null }) {
   const n = {
     type: "button",
     className: `icon-btn ${t}`.trim(),
     title: e,
     "aria-label": o || e,
     onClick: i,
-    disabled: r ? "disabled" : void 0
+    disabled: s ? "disabled" : void 0
   };
-  s && (n.dataset = { testid: s });
+  r && (n.dataset = { testid: r });
   const a = d("button", n);
-  a.innerHTML = f;
+  a.innerHTML = g;
   const l = a.querySelector("svg");
   return l && l.setAttribute("aria-hidden", "true"), a;
 }
-function re({ label: f, icon: e, active: t = !1, onClick: i }) {
-  const r = d("button", {
+function re({ label: g, icon: e, active: t = !1, onClick: i }) {
+  const s = d("button", {
     type: "button",
     className: `chip ${t ? "active" : ""}`.trim(),
     onClick: i
   });
   if (e) {
-    const s = d("span", { className: "chip-icon" });
-    s.innerHTML = e;
-    const o = s.querySelector("svg");
-    o && o.setAttribute("aria-hidden", "true"), r.appendChild(s);
+    const r = d("span", { className: "chip-icon" });
+    r.innerHTML = e;
+    const o = r.querySelector("svg");
+    o && o.setAttribute("aria-hidden", "true"), s.appendChild(r);
   }
-  return r.appendChild(d("span", { className: "chip-label" }, f)), r.setActive = (s) => {
-    r.classList.toggle("active", s);
-  }, r;
+  return s.appendChild(d("span", { className: "chip-label" }, g)), s.setActive = (r) => {
+    s.classList.toggle("active", r);
+  }, s;
 }
 class et {
   constructor(e, t) {
@@ -2206,7 +2226,7 @@ class et {
    */
   render() {
     this.element = d("div", { className: "editor-toolbar" });
-    const e = d("div", { className: "toolbar-section toolbar-left" }), t = O({
+    const e = d("div", { className: "toolbar-section toolbar-left" }), t = j({
       icon: Ie,
       title: "Open Image",
       className: "toolbar-btn",
@@ -2216,14 +2236,14 @@ class et {
     });
     e.appendChild(t);
     const i = d("div", { className: "toolbar-section toolbar-right" });
-    this._themeBtn = O({
+    this._themeBtn = j({
       icon: this.state.get("isDarkMode") ? fe : ge,
       title: "Toggle Theme",
       className: "toolbar-btn toolbar-btn-theme",
       testId: "btn-toggle-theme",
       ariaLabel: "Toggle theme",
       onClick: () => this.editor.toggleTheme()
-    }), this._cropBtn = O({
+    }), this._cropBtn = j({
       icon: be,
       title: "Crop",
       className: "toolbar-btn toolbar-btn-crop",
@@ -2233,7 +2253,7 @@ class et {
         this.state.get("mode") === "crop" ? this.editor.setMode("filters") : this.editor.setMode("crop");
       }
     });
-    const r = d("div", { className: "remove-bg-control" });
+    const s = d("div", { className: "remove-bg-control" });
     this._removeBgTierSelect = d("select", {
       className: "remove-bg-tier-select",
       title: "Background removal quality",
@@ -2251,7 +2271,7 @@ class et {
       const c = d("option", { value: h[0] }, h[1]);
       h[0] === this._removeBgTier && (c.selected = !0), this._removeBgTierSelect.appendChild(c);
     }
-    this._removeBgBtn = O({
+    this._removeBgBtn = j({
       icon: Ge,
       title: "Remove Background",
       className: "toolbar-btn toolbar-btn-remove-bg",
@@ -2275,8 +2295,8 @@ class et {
       role: "status",
       "aria-live": "polite",
       "aria-atomic": "true"
-    }), r.appendChild(this._removeBgTierSelect), r.appendChild(this._removeBgBtn), r.appendChild(this._removeBgStatus);
-    const s = O({
+    }), s.appendChild(this._removeBgTierSelect), s.appendChild(this._removeBgBtn), s.appendChild(this._removeBgStatus);
+    const r = j({
       icon: ye,
       title: "Reset All",
       className: "toolbar-btn",
@@ -2294,15 +2314,15 @@ class et {
     n.innerHTML = Oe;
     const a = n.querySelector("svg");
     a && a.setAttribute("aria-hidden", "true"), o.appendChild(n), o.appendChild(d("span", { className: "toolbar-save-label" }, "Save"));
-    const l = O({
-      icon: de,
+    const l = j({
+      icon: ue,
       title: "Close",
       className: "toolbar-btn",
       testId: "btn-cancel-edit",
       ariaLabel: "Close editor",
       onClick: () => this.editor.close()
     });
-    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;
+    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;
   }
   /**
    * Subscribe to state changes
@@ -2318,10 +2338,10 @@ class et {
     this._unsubscribers.push(t);
     const i = this.state.on("change:hasImage", () => this._updateRemoveBgButton());
     this._unsubscribers.push(i);
-    const r = this.state.on("change:isProcessing", () => this._updateRemoveBgButton());
-    this._unsubscribers.push(r);
-    const s = this.state.on("change:backgroundRemovalAvailable", () => this._updateRemoveBgButton());
+    const s = this.state.on("change:isProcessing", () => this._updateRemoveBgButton());
     this._unsubscribers.push(s);
+    const r = this.state.on("change:backgroundRemovalAvailable", () => this._updateRemoveBgButton());
+    this._unsubscribers.push(r);
     const o = this.state.on("change:editorDocument", () => this._updateRemoveBgButton());
     this._unsubscribers.push(o);
     const n = this.state.on("change:layers", () => this._updateRemoveBgButton());
@@ -2348,7 +2368,7 @@ class et {
     this._unsubscribers.forEach((t) => t()), this._unsubscribers = [], (e = this.element) == null || e.remove(), this.element = null;
   }
 }
-const ie = ue;
+const se = pe;
 class tt {
   constructor(e, t) {
     this.state = e, this.editor = t, this.element = null, this._chips = /* @__PURE__ */ new Map(), this._scrollIndex = 0, this._unsubscribers = [];
@@ -2362,20 +2382,20 @@ class tt {
     this._onSelect = e, this.element = d("div", {
       className: "category-carousel-container",
       "data-testid": "category-carousel"
-    }), this._leftBtn = O({
+    }), this._leftBtn = j({
       icon: _e,
       title: "Previous categories",
       className: "carousel-nav carousel-nav-left",
       onClick: () => this._scrollLeft()
-    }), this._carousel = d("div", { className: "category-carousel" }), ie.forEach((i) => {
-      const r = re({
+    }), this._carousel = d("div", { className: "category-carousel" }), se.forEach((i) => {
+      const s = re({
         label: i.name,
         icon: i.icon,
         active: this.state.get("selectedCategory") === i.id,
         onClick: () => this._selectCategory(i.id)
       });
-      r.dataset.categoryId = i.id, r.dataset.category = i.id, r.dataset.testid = `category-${i.id}`, this._chips.set(i.id, r), this._carousel.appendChild(r);
-    }), this._rightBtn = O({
+      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);
+    }), this._rightBtn = j({
       icon: me,
       title: "Next categories",
       className: "carousel-nav carousel-nav-right",
@@ -2385,9 +2405,9 @@ class tt {
       role: "tablist",
       "aria-label": "Category pages"
     });
-    const t = Math.ceil(ie.length / 3);
+    const t = Math.ceil(se.length / 3);
     for (let i = 0; i < t; i++) {
-      const r = d("button", {
+      const s = d("button", {
         type: "button",
         className: `pagination-dot ${i === 0 ? "active" : ""}`,
         role: "tab",
@@ -2395,7 +2415,7 @@ class tt {
         "aria-selected": i === 0 ? "true" : "false",
         onClick: () => this._scrollToPage(i)
       });
-      this._pagination.appendChild(r);
+      this._pagination.appendChild(s);
     }
     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;
   }
@@ -2404,8 +2424,8 @@ class tt {
    */
   _subscribeToState() {
     const e = this.state.on("change:selectedCategory", ({ value: t }) => {
-      this._chips.forEach((i, r) => {
-        i.setActive(r === t);
+      this._chips.forEach((i, s) => {
+        i.setActive(s === t);
       });
     });
     this._unsubscribers.push(e);
@@ -2415,12 +2435,12 @@ class tt {
    * @param {string} categoryId
    */
   _selectCategory(e) {
-    var r;
+    var s;
     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" }), (r = this._onSelect) == null || r.call(this, e);
+    i && this._carousel && i.scrollIntoView({ behavior: "smooth", inline: "center", block: "nearest" }), (s = this._onSelect) == null || s.call(this, e);
   }
   /**
    * Scroll carousel left
@@ -2432,7 +2452,7 @@ class tt {
    * Scroll carousel right
    */
   _scrollRight() {
-    this._scrollIndex < ie.length - 3 && (this._scrollIndex++, this._scrollCarousel());
+    this._scrollIndex < se.length - 3 && (this._scrollIndex++, this._scrollCarousel());
   }
   /**
    * Scroll to a specific page
@@ -2459,7 +2479,7 @@ class tt {
    * Update navigation button states
    */
   _updateNavButtons() {
-    this._leftBtn && (this._leftBtn.disabled = this._scrollIndex === 0), this._rightBtn && (this._rightBtn.disabled = this._scrollIndex >= ie.length - 3);
+    this._leftBtn && (this._leftBtn.disabled = this._scrollIndex === 0), this._rightBtn && (this._rightBtn.disabled = this._scrollIndex >= se.length - 3);
   }
   /**
    * Update pagination dot states
@@ -2467,9 +2487,9 @@ class tt {
   _updatePagination() {
     if (this._pagination) {
       const e = this._pagination.querySelectorAll(".pagination-dot"), t = Math.floor(this._scrollIndex / 3);
-      e.forEach((i, r) => {
-        const s = r === t;
-        i.classList.toggle("active", s), i.setAttribute("aria-selected", s ? "true" : "false");
+      e.forEach((i, s) => {
+        const r = s === t;
+        i.classList.toggle("active", r), i.setAttribute("aria-selected", r ? "true" : "false");
       });
     }
   }
@@ -2498,12 +2518,12 @@ class it {
    * @returns {HTMLElement}
    */
   render({ onToggle: e, onSelect: t }) {
-    return this._onToggle = e, this._onSelect = t, this.element = d("div", { className: "filter-carousel-container" }), this._leftBtn = O({
+    return this._onToggle = e, this._onSelect = t, this.element = d("div", { className: "filter-carousel-container" }), this._leftBtn = j({
       icon: _e,
       title: "Previous filters",
       className: "carousel-nav carousel-nav-left",
       onClick: () => this._scrollLeft()
-    }), this._carousel = d("div", { className: "filter-carousel" }), this._rightBtn = O({
+    }), this._carousel = d("div", { className: "filter-carousel" }), this._rightBtn = j({
       icon: me,
       title: "Next filters",
       className: "carousel-nav carousel-nav-right",
@@ -2534,13 +2554,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"), r = this.state.get("selectedFilter");
-    t.forEach((s) => {
-      const o = this._createFilterCard(s, {
-        isActive: i.has(s.id),
-        isSelected: r === s.id
+    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
       });
-      this._filterCards.set(s.id, o), this._carousel.appendChild(o);
+      this._filterCards.set(r.id, o), this._carousel.appendChild(o);
     }), this._updateNavButtons();
   }
   /**
@@ -2550,23 +2570,23 @@ class it {
    * @returns {HTMLElement}
    */
   _createFilterCard(e, { isActive: t, isSelected: i }) {
-    const r = d("div", {
+    const s = d("div", {
       className: `filter-card ${t ? "active" : ""} ${i ? "selected" : ""}`,
       "data-filter": e.id,
       "data-testid": `filter-${e.id}`,
       onClick: () => this._handleCardClick(e.id)
-    }), s = d("div", { className: "filter-preview" }), o = d("span", { className: "filter-preview-text" }, e.name.charAt(0));
-    s.appendChild(o);
+    }), r = d("div", { className: "filter-preview" }), o = d("span", { className: "filter-preview-text" }, e.name.charAt(0));
+    r.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 u;
+        var p;
         l.stopPropagation();
         const c = !this.state.get("activeFilters").has(e.id);
-        this._handleToggle(e.id, c), c && (this.state.set("selectedFilter", e.id), (u = this._onSelect) == null || u.call(this, e.id));
+        this._handleToggle(e.id, c), c && (this.state.set("selectedFilter", e.id), (p = this._onSelect) == null || p.call(this, e.id));
       }
     });
-    return a.innerHTML = t ? he : "", r.appendChild(s), r.appendChild(n), r.appendChild(a), r._toggle = a, r._isActive = t, r;
+    return a.innerHTML = t ? ce : "", s.appendChild(r), s.appendChild(n), s.appendChild(a), s._toggle = a, s._isActive = t, s;
   }
   /**
    * Handle filter card click (select)
@@ -2591,8 +2611,8 @@ class it {
   _updateActiveStates() {
     const e = this.state.get("activeFilters");
     this._filterCards.forEach((t, i) => {
-      const r = e.has(i);
-      t.classList.toggle("active", r), t._toggle.classList.toggle("active", r), t._toggle.innerHTML = r ? he : "", t._isActive = r;
+      const s = e.has(i);
+      t.classList.toggle("active", s), t._toggle.classList.toggle("active", s), t._toggle.innerHTML = s ? ce : "", t._isActive = s;
     });
   }
   /**
@@ -2645,7 +2665,7 @@ class it {
     this._unsubscribers.forEach((t) => t()), this._unsubscribers = [], this._filterCards.clear(), (e = this.element) == null || e.remove(), this.element = null;
   }
 }
-class rt {
+class st {
   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 = [];
   }
@@ -2694,15 +2714,15 @@ class rt {
       return;
     }
     const i = d("div", { className: "adjustments-header" });
-    i.appendChild(d("span", { className: "adjustments-title" }, t.name)), i.appendChild(j({
+    i.appendChild(d("span", { className: "adjustments-title" }, t.name)), i.appendChild(D({
       label: "Reset",
       className: "btn-text",
       onClick: () => this._handleReset(e)
     })), this.element.appendChild(i);
-    const r = d("div", { className: "adjustments-grid" }), s = this.state.getFilterValues(e);
+    const s = d("div", { className: "adjustments-grid" }), r = this.state.getFilterValues(e);
     (t.controls || []).forEach((n) => {
-      const a = s[n.id] ?? n.default, l = this._createControl(e, n, a);
-      l && (this._controls.set(n.id, l), r.appendChild(l));
+      const a = r[n.id] ?? n.default, l = this._createControl(e, n, a);
+      l && (this._controls.set(n.id, l), s.appendChild(l));
     });
     const o = this.filterManager.getInstance(e);
     if (o && typeof o.getDynamicControls == "function") {
@@ -2712,11 +2732,11 @@ class rt {
       } catch {
       }
       n.forEach((a) => {
-        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));
+        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));
       });
     }
-    this.element.appendChild(r);
+    this.element.appendChild(s);
   }
   /**
    * Create a control element based on type.
@@ -2734,12 +2754,12 @@ class rt {
    */
   _createControl(e, t, i) {
     if (t.hidden) return null;
-    const r = t.label || t.id, s = this._normalizeControlType(t.type), o = t.property || t.id;
-    switch (s) {
+    const s = t.label || t.id, r = this._normalizeControlType(t.type), o = t.property || t.id;
+    switch (r) {
       case "slider":
         return ve({
           id: `${e}-${t.id}`,
-          label: r,
+          label: s,
           min: t.min ?? 0,
           max: t.max ?? 1,
           step: t.step ?? 0.01,
@@ -2749,14 +2769,14 @@ class rt {
       case "toggle":
         return we({
           id: `${e}-${t.id}`,
-          label: r,
+          label: s,
           checked: !!i,
           onChange: (l) => this._handleChange(e, o, l)
         });
       case "color":
         return xe({
           id: `${e}-${t.id}`,
-          label: r,
+          label: s,
           value: typeof i == "string" && i.startsWith("#") ? i : t.default || "#000000",
           onChange: (l) => this._handleChange(e, o, l)
         });
@@ -2764,7 +2784,7 @@ class rt {
         const n = this._normalizeOptions(t.options);
         return ke({
           id: `${e}-${t.id}`,
-          label: r,
+          label: s,
           options: n,
           value: i ?? t.default,
           onChange: (l) => this._handleChange(e, o, l)
@@ -2772,15 +2792,15 @@ class rt {
       case "text":
         return Ce({
           id: `${e}-${t.id}`,
-          label: r,
+          label: s,
           value: typeof i == "string" ? i : t.default ?? "",
           placeholder: t.placeholder || "",
           onCommit: (l) => this._handleChange(e, o, l)
         });
       case "button":
         const a = d("div", { className: "button-control" });
-        return a.appendChild(j({
-          label: r,
+        return a.appendChild(D({
+          label: s,
           className: "btn-secondary",
           onClick: () => this._handleAction(e, t.action || t.id)
         })), a;
@@ -2821,8 +2841,8 @@ class rt {
    * @param {*} value
    */
   _handleChange(e, t, i) {
-    var r;
-    (r = this._onChange) == null || r.call(this, e, t, i);
+    var s;
+    (s = this._onChange) == null || s.call(this, e, t, i);
   }
   /**
    * Handle reset button
@@ -2851,11 +2871,11 @@ class rt {
     const e = this.state.get("selectedFilter");
     if (!e) return;
     const t = this.state.getFilterValues(e), i = this.filterManager.getFilterDef(e);
-    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);
+    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);
       }
     });
   }
@@ -2879,7 +2899,7 @@ class rt {
     this._unsubscribers.forEach((t) => t()), this._unsubscribers = [], this._controls.clear(), (e = this.element) == null || e.remove(), this.element = null;
   }
 }
-class st {
+class rt {
   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;
   }
@@ -2888,26 +2908,26 @@ class st {
    * @param {HTMLElement} container - Parent element (controls-section)
    * @param {Object} callbacks - { onChange, onReset, onRemove, onAction }
    */
-  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" });
+  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" });
     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({
+    const n = d("div", { className: "drawer-header-actions" }), a = D({
       label: "Reset",
       className: "btn-text",
       onClick: () => {
         var c;
         this._currentFilterId && ((c = this._onReset) == null || c.call(this, this._currentFilterId), this._renderControls());
       }
-    }), l = j({
+    }), l = D({
       label: "Remove",
       className: "btn-text btn-danger",
       onClick: () => {
         var c;
         this._currentFilterId && ((c = this._onRemove) == null || c.call(this, this._currentFilterId), this.close());
       }
-    }), h = O({
-      icon: de,
+    }), h = j({
+      icon: ue,
       title: "Close",
       className: "btn-icon-sm",
       ariaLabel: "Close drawer",
@@ -2966,19 +2986,19 @@ class st {
     if (!e) return;
     this._titleEl.textContent = e.name;
     const t = d("div", { className: "adjustments-grid" }), i = this.state.getFilterValues(this._currentFilterId);
-    (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));
+    (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));
     });
-    const r = this.filterManager.getInstance(this._currentFilterId);
-    if (r && typeof r.getDynamicControls == "function") {
-      let s = [];
+    const s = this.filterManager.getInstance(this._currentFilterId);
+    if (s && typeof s.getDynamicControls == "function") {
+      let r = [];
       try {
-        s = r.getDynamicControls() || [];
+        r = s.getDynamicControls() || [];
       } catch {
       }
-      s.forEach((o) => {
+      r.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));
       });
@@ -2995,12 +3015,12 @@ class st {
    */
   _createControl(e, t, i) {
     if (t.hidden) return null;
-    const r = t.label || t.id, s = this._normalizeControlType(t.type), o = t.property || t.id;
-    switch (s) {
+    const s = t.label || t.id, r = this._normalizeControlType(t.type), o = t.property || t.id;
+    switch (r) {
       case "slider":
         return ve({
           id: `drawer-${e}-${t.id}`,
-          label: r,
+          label: s,
           min: t.min ?? 0,
           max: t.max ?? 1,
           step: t.step ?? 0.01,
@@ -3013,7 +3033,7 @@ class st {
       case "toggle":
         return we({
           id: `drawer-${e}-${t.id}`,
-          label: r,
+          label: s,
           checked: !!i,
           onChange: (n) => {
             var a;
@@ -3023,7 +3043,7 @@ class st {
       case "color":
         return xe({
           id: `drawer-${e}-${t.id}`,
-          label: r,
+          label: s,
           value: typeof i == "string" && i.startsWith("#") ? i : t.default || "#000000",
           onChange: (n) => {
             var a;
@@ -3034,7 +3054,7 @@ class st {
         const n = this._normalizeOptions(t.options);
         return ke({
           id: `drawer-${e}-${t.id}`,
-          label: r,
+          label: s,
           options: n,
           value: i ?? t.default,
           onChange: (a) => {
@@ -3046,7 +3066,7 @@ class st {
       case "text":
         return Ce({
           id: `drawer-${e}-${t.id}`,
-          label: r,
+          label: s,
           value: typeof i == "string" ? i : t.default ?? "",
           placeholder: t.placeholder || "",
           onCommit: (n) => {
@@ -3056,8 +3076,8 @@ class st {
         });
       case "button": {
         const n = d("div", { className: "button-control" });
-        return n.appendChild(j({
-          label: r,
+        return n.appendChild(D({
+          label: s,
           className: "btn-secondary",
           onClick: () => {
             var a;
@@ -3140,8 +3160,8 @@ class nt {
     e.forEach((t) => {
       const i = this.filterManager.getFilterDef(t);
       if (!i) return;
-      const r = this._createChip(t, i);
-      this._chips.set(t, r), this._scrollContainer.appendChild(r);
+      const s = this._createChip(t, i);
+      this._chips.set(t, s), this._scrollContainer.appendChild(s);
     }), this._updateSelectedState();
   }
   _createChip(e, t) {
@@ -3149,13 +3169,13 @@ class nt {
       className: "active-filter-chip",
       "data-filter-id": e,
       "data-testid": `active-chip-${e}`
-    }), r = d("span", {
+    }), s = d("span", {
       className: "active-filter-chip-label",
       onClick: (o) => {
         var n;
         o.stopPropagation(), (n = this._onSelect) == null || n.call(this, e);
       }
-    }, t.name), s = d("button", {
+    }, t.name), r = d("button", {
       className: "active-filter-chip-check",
       "aria-label": `Remove ${t.name} filter`,
       onClick: (o) => {
@@ -3163,7 +3183,7 @@ class nt {
         o.stopPropagation(), (n = this._onToggle) == null || n.call(this, e, !1);
       }
     });
-    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;
+    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;
   }
   _updateSelectedState() {
     const e = this.state.get("selectedFilter");
@@ -3193,9 +3213,9 @@ const ot = [
   { id: "180", label: "180°", angle: 180 },
   { id: "270", label: "270°", angle: 270 }
 ];
-function W(f) {
-  if (!Number.isFinite(Number(f))) return 0;
-  const e = Number(f) % 360;
+function $(g) {
+  if (!Number.isFinite(Number(g))) return 0;
+  const e = Number(g) % 360;
   return e < 0 ? e + 360 : e;
 }
 class ht {
@@ -3231,26 +3251,26 @@ 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 r = d("div", { className: "chip-row aspect-row" }), s = this.state.get("crop.aspect");
+    const s = d("div", { className: "chip-row aspect-row" }), r = this.state.get("crop.aspect");
     at.forEach((l) => {
       const h = re({
         label: l.name,
-        active: s === l.id,
+        active: r === 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), r.appendChild(h);
-    }), this._aspectSection.appendChild(r), this.element.appendChild(this._aspectSection), this._updateAspectVisibility();
-    const o = d("div", { className: "crop-actions" }), n = j({
+      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();
+    const o = d("div", { className: "crop-actions" }), n = D({
       label: "Cancel",
       className: "btn-secondary crop-cancel-btn",
-      icon: de,
+      icon: ue,
       onClick: () => this.cropManager.cancel()
     });
     n.dataset.testid = "cancel-crop";
-    const a = j({
+    const a = D({
       label: "Apply Crop",
       className: "btn-primary crop-apply-btn",
-      icon: he,
+      icon: ce,
       onClick: () => this._applyCropAndReturnToFilters()
     });
     return a.dataset.testid = "apply-crop", o.appendChild(n), o.appendChild(a), this.element.appendChild(o), this._subscribeToState(), this.element;
@@ -3258,40 +3278,40 @@ class ht {
   _renderRotationSection() {
     const e = d("div", { className: "crop-section rotation-section" });
     e.appendChild(d("label", { className: "section-label" }, "Rotate"));
-    const t = d("div", { className: "rotation-action-row" }), i = j({
+    const t = d("div", { className: "rotation-action-row" }), i = D({
       label: "Left 90°",
       className: "btn-secondary rotation-action-btn",
       icon: ze,
       onClick: () => this._rotateBy(-90)
     });
     i.dataset.testid = "rotate-left-90";
-    const r = j({
+    const s = D({
       label: "Right 90°",
       className: "btn-secondary rotation-action-btn",
       icon: Pe,
       onClick: () => this._rotateBy(90)
     });
-    r.dataset.testid = "rotate-right-90";
-    const s = j({
+    s.dataset.testid = "rotate-right-90";
+    const r = D({
       label: "Rotate 180°",
       className: "btn-secondary rotation-action-btn",
       onClick: () => this._rotateBy(180)
     });
-    s.dataset.testid = "rotate-180";
-    const o = j({
+    r.dataset.testid = "rotate-180";
+    const o = D({
       label: "Rotate 270°",
       className: "btn-secondary rotation-action-btn",
       onClick: () => this._rotateBy(270)
     });
-    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((p) => {
-      const g = re({
-        label: p.label,
-        active: Math.round(a) === p.angle,
-        onClick: () => this._setRotation(p.angle)
+    o.dataset.testid = "rotate-270", t.appendChild(i), t.appendChild(s), t.appendChild(r), t.appendChild(o), e.appendChild(t);
+    const n = d("div", { className: "chip-row rotation-preset-row" }), a = $(this.state.get("transform.rotation") ?? 0);
+    lt.forEach((u) => {
+      const f = re({
+        label: u.label,
+        active: Math.round(a) === u.angle,
+        onClick: () => this._setRotation(u.angle)
       });
-      g.dataset.angle = p.id, g.dataset.testid = `rotation-preset-${p.id}`, this._rotationPresetChips.set(p.id, g), n.appendChild(g);
+      f.dataset.angle = u.id, f.dataset.testid = `rotation-preset-${u.id}`, this._rotationPresetChips.set(u.id, f), n.appendChild(f);
     }), e.appendChild(n);
     const l = d("div", { className: "rotation-arbitrary" }), h = d(
       "div",
@@ -3308,8 +3328,8 @@ class ht {
       step: "1",
       value: String(Math.round(a)),
       "aria-label": "Rotation angle",
-      onInput: (p) => this._previewAngleValue(p.target.value),
-      onChange: (p) => this._setRotation(Number(p.target.value))
+      onInput: (u) => this._previewAngleValue(u.target.value),
+      onChange: (u) => this._setRotation(Number(u.target.value))
     }), this._rotationNumber = d("input", {
       type: "number",
       className: "text-input rotation-number-input",
@@ -3318,10 +3338,10 @@ class ht {
       step: "1",
       value: this._formatPlainAngle(a),
       "aria-label": "Rotation angle in degrees",
-      onKeyDown: (p) => {
-        p.key === "Enter" && (p.preventDefault(), this._setRotation(Number(p.target.value)), p.target.blur());
+      onKeyDown: (u) => {
+        u.key === "Enter" && (u.preventDefault(), this._setRotation(Number(u.target.value)), u.target.blur());
       },
-      onBlur: (p) => this._setRotation(Number(p.target.value))
+      onBlur: (u) => this._setRotation(Number(u.target.value))
     });
     const c = d(
       "div",
@@ -3330,66 +3350,66 @@ class ht {
       this._rotationNumber
     );
     l.appendChild(h), l.appendChild(c);
-    const u = j({
+    const p = D({
       label: "Reset rotation",
       className: "btn-text rotation-reset-btn",
       onClick: () => this._setRotation(0)
     });
-    return u.dataset.testid = "reset-rotation", l.appendChild(u), e.appendChild(l), e;
+    return p.dataset.testid = "reset-rotation", l.appendChild(p), e.appendChild(l), e;
   }
   /**
    * Subscribe to state changes
    */
   _subscribeToState() {
-    const e = this.state.on("change:crop.shape", ({ value: r }) => {
-      this._shapeChips.forEach((s, o) => {
-        s.setActive(o === r);
+    const e = this.state.on("change:crop.shape", ({ value: s }) => {
+      this._shapeChips.forEach((r, o) => {
+        r.setActive(o === s);
       }), this._updateAspectVisibility();
     });
     this._unsubscribers.push(e);
-    const t = this.state.on("change:crop.aspect", ({ value: r }) => {
-      this._aspectChips.forEach((s, o) => {
-        s.setActive(o === r);
+    const t = this.state.on("change:crop.aspect", ({ value: s }) => {
+      this._aspectChips.forEach((r, o) => {
+        r.setActive(o === s);
       });
     });
     this._unsubscribers.push(t);
-    const i = this.state.on("change:transform.rotation", ({ value: r }) => {
-      this._syncRotationControls(r);
+    const i = this.state.on("change:transform.rotation", ({ value: s }) => {
+      this._syncRotationControls(s);
     });
     this._unsubscribers.push(i);
   }
   _rotateBy(e) {
-    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);
+    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);
   }
   _setRotation(e) {
-    var r, s;
-    const t = W(e);
-    if (((s = (r = this.editor) == null ? void 0 : r.setRotationAngle) == null ? void 0 : s.call(r, t)) === !1) {
+    var s, r;
+    const t = $(e);
+    if (((r = (s = this.editor) == null ? void 0 : s.setRotationAngle) == null ? void 0 : r.call(s, t)) === !1) {
       this._syncRotationControls(this.state.get("transform.rotation") ?? 0);
       return;
     }
     this._syncRotationControls(t);
   }
   _previewAngleValue(e) {
-    const t = W(Number(e));
+    const t = $(Number(e));
     this._rotationValue && (this._rotationValue.textContent = this._formatAngle(t)), this._rotationNumber && (this._rotationNumber.value = this._formatPlainAngle(t)), this._refreshPresetChips(t);
   }
   _syncRotationControls(e) {
-    const t = W(e);
+    const t = $(e);
     this._rotationValue && (this._rotationValue.textContent = this._formatAngle(t)), this._rotationRange && (this._rotationRange.value = String(Math.round(t))), this._rotationNumber && (this._rotationNumber.value = this._formatPlainAngle(t)), this._refreshPresetChips(t);
   }
   _refreshPresetChips(e) {
-    const t = Math.round(W(e)) % 360;
-    this._rotationPresetChips.forEach((i, r) => {
-      i.setActive(Number(r) === t);
+    const t = Math.round($(e)) % 360;
+    this._rotationPresetChips.forEach((i, s) => {
+      i.setActive(Number(s) === t);
     });
   }
   _formatAngle(e) {
     return `${this._formatPlainAngle(e)}°`;
   }
   _formatPlainAngle(e) {
-    const t = W(e);
+    const t = $(e);
     return Number.isInteger(t) ? String(t) : t.toFixed(1);
   }
   /**
@@ -3442,14 +3462,14 @@ class ct {
    * @param {Object} options - { onRemove, onReset, onClearAll, onUpdateValue, onSelect }
    * @returns {HTMLElement}
    */
-  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", {
+  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", {
       className: "active-filters-panel",
       "data-testid": "active-filters-panel"
     });
     const o = d("div", { className: "panel-header" });
     o.appendChild(d("h3", { className: "panel-title" }, "Active Filters"));
-    const n = j({
+    const n = D({
       label: "Clear All",
       className: "btn-text btn-danger",
       onClick: () => this._handleClearAll()
@@ -3497,8 +3517,8 @@ class ct {
     e.forEach((t) => {
       const i = this.filterManager.getFilterDef(t);
       if (!i) return;
-      const r = this._createFilterItem(t, i);
-      this._filterItems.set(t, r), this._listContainer.appendChild(r);
+      const s = this._createFilterItem(t, i);
+      this._filterItems.set(t, s), this._listContainer.appendChild(s);
     });
   }
   /**
@@ -3508,27 +3528,27 @@ class ct {
    * @returns {HTMLElement}
    */
   _createFilterItem(e, t) {
-    const r = this.state.get("selectedFilter") === e, s = d("div", {
-      className: `active-filter-item ${r ? "selected" : ""}`,
+    const s = this.state.get("selectedFilter") === e, r = d("div", {
+      className: `active-filter-item ${s ? "selected" : ""}`,
       "data-active-filter": e,
       "data-testid": `active-filter-${e}`,
-      onClick: (p) => {
-        p.target.closest(".filter-item-actions") || this._handleSelect(e);
+      onClick: (u) => {
+        u.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({
+    }), o = d("div", { className: "filter-item-header" }), n = d("span", { className: "filter-item-name" }, t.name), a = d("div", { className: "filter-item-actions" }), l = j({
       icon: ye,
       title: "Reset filter",
       className: "btn-icon-sm",
       onClick: () => this._handleReset(e)
-    }), h = O({
+    }), h = j({
       icon: He,
       title: "Remove filter",
       className: "btn-icon-sm btn-danger",
       onClick: () => this._handleRemove(e)
     });
-    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;
+    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;
   }
   /**
    * Normalize control type (handle aliases)
@@ -3557,11 +3577,11 @@ class ct {
     if (!e.controls || !Array.isArray(e.controls))
       return "Default values";
     const i = [];
-    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}`));
+    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}`));
     }), i.length > 0 ? i.join(", ") : "Default values";
   }
   /**
@@ -3579,8 +3599,8 @@ class ct {
     this._filterItems.forEach((e, t) => {
       const i = this.filterManager.getFilterDef(t);
       if (!i || !e._summaryEl) return;
-      const r = this.state.getFilterValues(t);
-      e._summaryEl.textContent = this._getValuesSummary(i, r);
+      const s = this.state.getFilterValues(t);
+      e._summaryEl.textContent = this._getValuesSummary(i, s);
     });
   }
   /**
@@ -3634,7 +3654,7 @@ class ct {
     this._unsubscribers.forEach((t) => t()), this._unsubscribers = [], this._filterItems.clear(), (e = this.element) == null || e.remove(), this.element = null;
   }
 }
-const $ = {
+const Z = {
   name: "free",
   initialMode: "filters",
   cropShape: "free",
@@ -3646,12 +3666,12 @@ const $ = {
   showCropControls: !0,
   maxExportWidth: void 0,
   maxExportHeight: void 0
-}, le = {
+}, he = {
   free: {
-    ...$
+    ...Z
   },
   avatar: {
-    ...$,
+    ...Z,
     name: "avatar",
     initialMode: "crop",
     cropShape: "circle",
@@ -3661,7 +3681,7 @@ const $ = {
     lockAspectRatio: !0
   },
   banner: {
-    ...$,
+    ...Z,
     name: "banner",
     initialMode: "crop",
     cropShape: "square",
@@ -3671,7 +3691,7 @@ const $ = {
     lockAspectRatio: !0
   },
   cover: {
-    ...$,
+    ...Z,
     name: "cover",
     initialMode: "crop",
     cropShape: "free",
@@ -3681,7 +3701,7 @@ const $ = {
     lockAspectRatio: !0
   },
   product: {
-    ...$,
+    ...Z,
     name: "product",
     initialMode: "filters",
     cropShape: "square",
@@ -3691,35 +3711,35 @@ const $ = {
     lockAspectRatio: !1
   }
 };
-function dt(f) {
-  if (!f)
-    return { ...le.free };
-  if (typeof f == "object" && f !== null)
-    return { ...$, ...f };
-  const e = le[f];
-  return e ? { ...e } : { ...le.free };
+function dt(g) {
+  if (!g)
+    return { ...he.free };
+  if (typeof g == "object" && g !== null)
+    return { ...Z, ...g };
+  const e = he[g];
+  return e ? { ...e } : { ...he.free };
 }
-function Z(f) {
-  if (!Number.isFinite(Number(f))) return 0;
-  const e = Number(f) % 360;
+function q(g) {
+  if (!Number.isFinite(Number(g))) return 0;
+  const e = Number(g) % 360;
   return e < 0 ? e + 360 : e;
 }
-function ut(f, e) {
-  const t = Z(f);
-  return (Z(e) - t + 540) % 360 - 180;
+function ut(g, e) {
+  const t = q(g);
+  return (q(e) - t + 540) % 360 - 180;
 }
-class kt extends se {
+class kt extends ne {
   /**
    * Create a new VanillaImageEditor
    * @param {HTMLElement} container - Container element to mount the editor
    * @param {Object} options - Configuration options
    */
   constructor(e, t = {}) {
-    var s, o, n, a;
+    var r, 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, r = i ? {
+    const i = t.preset ? dt(t.preset) : null, s = i ? {
       initialMode: i.initialMode === "crop" ? "crop" : "adjust",
       cropShape: i.cropShape,
       initialAspectRatio: i.aspectRatio
@@ -3736,9 +3756,9 @@ class kt extends se {
         optionsEndpoint: "/api/v1/media/background-removal/options",
         fallbackEndpoint: null
       },
-      ...r,
+      ...s,
       ...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, ((s = this._options.backgroundRemoval) == null ? void 0 : s.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 de(this._state, this._renderer), this._removeBgManager = null, this._backgroundRemovalAvailable = !1, ((r = this._options.backgroundRemoval) == null ? void 0 : r.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
@@ -3770,44 +3790,44 @@ class kt extends se {
       accept: "image/*",
       className: "hidden-file-input",
       "aria-label": "Choose image file to edit",
-      onChange: (r) => this._handleFileSelect(r)
+      onChange: (s) => this._handleFileSelect(s)
     }), 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((r) => {
+    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) => {
     }));
     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: (r, s) => this._handleFilterToggle(r, s),
-      onSelect: (r) => {
-        this._handleFilterSelect(r), this._isMobile && this._mobileFilterDrawer && this._mobileFilterDrawer.open(r);
+      onToggle: (s, r) => this._handleFilterToggle(s, r),
+      onSelect: (s) => {
+        this._handleFilterSelect(s), this._isMobile && this._mobileFilterDrawer && this._mobileFilterDrawer.open(s);
       }
-    })), 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)
+    })), 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)
     })), 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: (r) => this._handleFilterToggle(r, !1),
-      onReset: (r) => this._handleFilterReset(r),
+      onRemove: (s) => this._handleFilterToggle(s, !1),
+      onReset: (s) => this._handleFilterReset(s),
       onClearAll: () => this.resetAll(),
-      onSelect: (r) => this._handleFilterSelect(r)
+      onSelect: (s) => this._handleFilterSelect(s)
     })), e.appendChild(i), this._filterControlsEl.appendChild(e), this._mobileActiveFilters = new nt(this._state, this._filterManager), this._filterControlsEl.appendChild(this._mobileActiveFilters.render({
-      onToggle: (r, s) => this._handleFilterToggle(r, s),
-      onSelect: (r) => {
-        this._handleFilterSelect(r), this._isMobile && this._mobileFilterDrawer && this._mobileFilterDrawer.open(r);
+      onToggle: (s, r) => this._handleFilterToggle(s, r),
+      onSelect: (s) => {
+        this._handleFilterSelect(s), this._isMobile && this._mobileFilterDrawer && this._mobileFilterDrawer.open(s);
       }
-    })), 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);
+    })), 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);
       },
-      onAction: (r, s) => this._handleFilterAction(r, s)
+      onAction: (s, r) => this._handleFilterAction(s, r)
     });
   }
   /**
@@ -3936,20 +3956,20 @@ class kt extends se {
     if (this._destroyed) return;
     (a = (n = this._removeBgManager) == null ? void 0 : n.cancelActiveRequests) == null || a.call(n, "image-load");
     const i = ++this._loadVersion;
-    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, {
+    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, {
       isCurrent: () => !this._destroyed && this._loadVersion === i
     });
     if (this._destroyed || this._loadVersion !== i) {
-      this._revokeObjectUrl(s);
+      this._revokeObjectUrl(r);
       return;
     }
     if (!o) {
-      this._revokeObjectUrl(s), this.emit("error", new Error("Failed to load image"));
+      this._revokeObjectUrl(r), this.emit("error", new Error("Failed to load image"));
       return;
     }
-    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 });
+    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 });
   }
   /**
    * Reset all editor state (filters + crop) to a clean baseline.
@@ -3966,22 +3986,22 @@ class kt extends se {
   _hydrateState(e) {
     var i;
     if (!e || e.version !== 1) return;
-    const t = Z(((i = e.transform) == null ? void 0 : i.rotation) ?? 0);
+    const t = q(((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 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);
+      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);
     }
     if (Array.isArray(e.filters)) {
-      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;
+      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;
           this._state.set("selectedCategory", o);
         }
       }
@@ -4067,16 +4087,16 @@ class kt extends se {
           values: { ...n }
         });
       }
-    const i = this._state.get("crop.appliedRect"), r = this._state.get("crop.rect"), s = i || r;
+    const i = this._state.get("crop.appliedRect"), s = this._state.get("crop.rect"), r = i || s;
     return {
       version: 1,
       crop: {
-        rect: s ? { ...s } : null,
+        rect: r ? { ...r } : 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"
       },
       transform: {
-        rotation: Z(this._state.get("transform.rotation") ?? 0)
+        rotation: q(this._state.get("transform.rotation") ?? 0)
       },
       filters: t
     };
@@ -4112,11 +4132,11 @@ class kt extends se {
   }
   setRotationAngle(e) {
     if (!this._state.get("hasImage")) return !1;
-    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();
+    const t = q(this._state.get("transform.rotation") ?? 0), i = q(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();
     }
     return this._state.set("transform.rotation", i), this.emit("transformChanged", { rotation: i }), !0;
   }
@@ -4170,10 +4190,10 @@ class kt extends se {
       throw new Error("Background removal is not available for the current editor state");
     this._state.set("isProcessing", !0), this._showLoadingOverlay("Removing background...");
     try {
-      const r = this.exportImage("png");
-      if (!r)
+      const s = this.exportImage("png");
+      if (!s)
         throw new Error("Failed to export image for background removal");
-      const s = await this._removeBgManager.preparePreviewRequest(r, e), o = this._buildPreviewBackgroundRemovalContext(s), n = await this._removeBgManager.removeBackground(s.blob, s);
+      const r = await this._removeBgManager.preparePreviewRequest(s, e), o = this._buildPreviewBackgroundRemovalContext(r), n = await this._removeBgManager.removeBackground(r.blob, r);
       return await this._isCurrentPreviewBackgroundRemovalContext(o, n) ? (await this.loadImage(n.dataUrl), this.emit("background-removed", {
         model: n.model,
         processMs: n.processMs
@@ -4184,8 +4204,8 @@ class kt extends se {
         operationId: o.operationId,
         sourceHash: o.sourceHash
       }), { stale: !0 });
-    } catch (r) {
-      throw this.emit("error", { error: r, context: "background-removal" }), r;
+    } catch (s) {
+      throw this.emit("error", { error: s, context: "background-removal" }), s;
     } finally {
       (i = (t = this._state) == null ? void 0 : t.set) == null || i.call(t, "isProcessing", !1), this._hideLoadingOverlay();
     }
@@ -4235,8 +4255,8 @@ class kt extends se {
         d("div", { className: "editor-loading-text" }, e)
       ]);
     else {
-      const r = this._loadingOverlay.querySelector(".editor-loading-text");
-      r && (r.textContent = e);
+      const s = this._loadingOverlay.querySelector(".editor-loading-text");
+      s && (s.textContent = e);
     }
     const t = (i = this._canvasContainer) == null ? void 0 : i.parentElement;
     t && !this._loadingOverlay.parentElement && t.appendChild(this._loadingOverlay);
@@ -4252,36 +4272,36 @@ class kt extends se {
    * Destroy the editor and clean up
    */
   destroy() {
-    var e, t, i, r, s, o, n, a, l, h, c, u;
+    var e, t, i, s, r, o, n, a, l, h, c, p;
     this._destroyed = !0, (t = (e = this._removeBgManager) == null ? void 0 : e.cancelActiveRequests) == null || t.call(e, "editor-destroy");
-    for (const p of this._objectUrls)
+    for (const u of this._objectUrls)
       try {
-        URL.revokeObjectURL(p);
+        URL.revokeObjectURL(u);
       } 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), (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();
+    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();
   }
 }
 export {
   Ye as A,
   Oe as B,
-  ce as C,
-  ue as E,
+  de as C,
+  pe as E,
   Qe as F,
   Te as P,
   Xe as R,
   et as T,
   kt as V,
   me as a,
-  j as b,
-  he as c,
+  D as b,
+  ce as c,
   Ce as d,
   d as e,
   ke as f,
   xe as g,
   we as h,
   ve as i,
-  de as j,
+  ue as j,
   bt as k,
   yt as l,
   vt as m,
@@ -4292,11 +4312,11 @@ export {
   Ue as r,
   Le as s,
   He as t,
-  O as u,
+  j as u,
   gt as v,
   mt as w,
   dt as x,
   ht as y,
   _t as z
 };
-//# sourceMappingURL=editor-BQ_nY4P6.js.map
+//# sourceMappingURL=editor-CcfSL2dI.js.map