@codingfactory/mediables-vue 2.19.1 → 2.19.3

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

@@ -1,14 +1,14 @@
 var Me = Object.defineProperty;
 var Fe = (g, e, t) => e in g ? Me(g, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : g[e] = t;
-var oe = (g, e, t) => Fe(g, typeof e != "symbol" ? e + "" : e, t);
-import { E as re, d as Se } from "./index-Dae8SHT7.js";
+var 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 re {
+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;
   }
@@ -602,13 +602,13 @@ class Te extends re {
     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 C = this._textEffectPadding(c, h);
-      f.clear(), f.rect(-C, -C, n + C * 2, a + C * 2).fill(16777215);
+      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, 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, p, u, f, m, b, C, x;
+    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, (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);
@@ -618,7 +618,7 @@ class Te extends re {
       e.x = i.x, e.y = i.y, e.width = i.width, e.height = i.height;
       return;
     }
-    const o = Number(e.__sourceWidth || ((m = s == null ? void 0 : s.source) == null ? void 0 : m.originalWidth) || ((b = e.texture) == null ? void 0 : b.width) || i.width), n = Number(e.__sourceHeight || ((C = s == null ? void 0 : s.source) == null ? void 0 : C.originalHeight) || ((x = e.texture) == null ? void 0 : x.height) || i.height);
+    const o = Number(e.__sourceWidth || ((m = 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;
@@ -689,7 +689,7 @@ class Te extends re {
    * @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)
@@ -697,7 +697,7 @@ class Te extends re {
     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);
-    (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);
+    (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({
@@ -729,8 +729,8 @@ class Te extends re {
    * @returns {string|null} Data URL
    */
   exportImage(e = "png", t = 0.92, i = 0, s = !0, r = 0) {
-    var F;
-    if (!((F = this.app) != null && F.renderer) || !this.originalTexture || !this.sprite)
+    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)
@@ -753,120 +753,120 @@ class Te extends re {
       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: 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(_), !f && this._isSubjectLayer(_) && m.length > 0 && (D.filters = m, D.filterArea = new o.Rectangle(0, 0, n, a)), this._applyLayerEffects(o, D, _), this._applyLayerFilterInstances(D, _, {
+        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: 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: 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 = u, q = f;
-      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);
@@ -881,27 +881,27 @@ class Te extends re {
           };
         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;
-        s && (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 (r > 0 && S * k > r) {
-        const M = Math.sqrt(r / (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 re {
         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;
     }
@@ -1015,7 +1015,7 @@ class Te extends re {
     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((g) => Array.isArray(g.registryCategories) && g.registryCategories.length > 0).map((g) => [g.id, g.registryCategories])
+  pe.filter((g) => Array.isArray(g.registryCategories) && g.registryCategories.length > 0).map((g) => [g.id, g.registryCategories])
 ), Ye = Object.fromEntries(
-  ue.filter((g) => Array.isArray(g.registryCategories)).flatMap((g) => g.registryCategories.map((e) => [e, g.id]))
+  pe.filter((g) => Array.isArray(g.registryCategories)).flatMap((g) => g.registryCategories.map((e) => [e, g.id]))
 );
 function Je(g) {
   return Ke[g] || [g];
 }
-class Qe extends re {
+class Qe extends ne {
   constructor(e, t) {
     super(), this.state = e, this.renderer = t, this.instances = {}, this._filterRegistry = null;
   }
@@ -1363,13 +1363,13 @@ class Qe extends re {
         if (!f || !f.createFilter || typeof f.createFilter != "function")
           return;
         const m = this.state.getFilterValues(u), b = f.defaultParams ? { ...f.defaultParams } : {};
-        f.controls && Array.isArray(f.controls) && f.controls.forEach((F) => {
-          const J = F.property || F.id;
-          b[J] = m[F.id] ?? F.default;
+        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((f.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 = f.createFilter(b);
@@ -1409,7 +1409,7 @@ class Qe extends re {
     return this.instances[e] || null;
   }
 }
-const U = class U extends re {
+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);
   }
@@ -1475,15 +1475,10 @@ const U = class U extends re {
     if (!e) return;
     const t = this.renderer.sprite, i = this.renderer.app;
     if (!t || !i) return;
-    const s = this.state.get("crop.shape"), r = this._getEffectiveTargetAspect(), o = r !== null ? { x: t.x, y: t.y, w: t.width, h: t.height } : { x: 0, y: 0, w: i.screen.width, h: i.screen.height };
-    if (r !== null) {
-      const n = o.h * r, a = Math.min(e.width, o.w, n);
-      e.width = a, e.height = a / r;
-    } else
-      e.width = Math.min(e.width, o.w), e.height = Math.min(e.height, o.h);
-    if (e.x = Math.max(o.x, Math.min(e.x, o.x + o.w - e.width)), e.y = Math.max(o.y, Math.min(e.y, o.y + o.h - e.height)), s !== "free" || this.state.get("crop.aspect") === "1:1") {
-      const n = Math.min(e.width, e.height);
-      e.width = n, e.height = n;
+    const 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;
     }
     this.state.set("crop.rect", e);
   }
@@ -1504,7 +1499,7 @@ const U = class U extends re {
     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 p = e.width / (h * s * o);
@@ -1523,11 +1518,11 @@ const U = class U extends re {
   _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, s = this.renderer.originalTexture;
     if (!t || !i || !s) return;
-    const r = U.calcAutoZoom(
+    const r = V.calcAutoZoom(
       t,
       i.width,
       i.height,
@@ -1555,8 +1550,8 @@ const U = class U extends re {
     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(
@@ -1581,8 +1576,8 @@ const U = class U extends re {
       { x: a.x + a.width, y: a.y + a.height / 2, m: "e" }
     ], m = [...u, ...f];
     for (const b of m) {
-      const C = this._hoverMode === b.m, x = C ? p + 4 : p;
-      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();
     }
   }
   /**
@@ -1728,10 +1723,10 @@ const U = class U extends re {
     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, p)), N = u + c / 2, P = f + p / 2;
-      u = Math.round(N - k / 2), f = Math.round(P - k / 2), c = p = k;
-      const M = new r.Graphics();
-      typeof M.circle == "function" && typeof M.fill == "function" ? M.circle(c / 2, p / 2, c / 2).fill(16777215) : (M.beginFill(16777215, 1), M.drawCircle(c / 2, p / 2, c / 2), M.endFill()), b.mask = M, m.addChild(M);
+      const 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 = -u, b.y = -f, m.addChild(b);
     const x = r.RenderTexture.create({ width: c, height: p });
@@ -1744,13 +1739,13 @@ const U = class U extends re {
     B && B !== this.renderer.baseTexture && B.destroy(!0), this.renderer.originalTexture = x, e.stage.removeChild(t), t.destroy();
     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 + u),
-      y: Math.round(F.y + f),
+    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: p
-    } : { x: u, y: f, width: c, height: p }, w = this.state.get("crop.shape") || "free", S = this.state.get("crop.aspect") || "free";
-    return this.disable(), this.state.set("crop.appliedRect", y), this.state.set("crop.appliedShape", w), this.state.set("crop.appliedAspect", S), this.state.set("crop.dirty", !1), this.emit("applied", { width: c, height: p }), { texture: x, preservedZoom: o };
+    } : { 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).
@@ -1767,8 +1762,8 @@ const U = class U extends re {
     if (a <= 0 || l <= 0) return null;
     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()), u.mask = A, p.addChild(A);
     }
@@ -1810,11 +1805,11 @@ const U = class U extends re {
  * 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
@@ -2082,7 +2077,7 @@ function ve({ id: g, label: e, min: t = 0, max: i = 1, step: s = 0.01, value: r
     "div",
     { className: "slider-header" },
     d("label", { for: g, className: "slider-label" }, e),
-    d("span", { className: "slider-value", id: `${g}-value` }, ae(r))
+    d("span", { className: "slider-value", id: `${g}-value` }, le(r))
   ), h = d("input", {
     type: "range",
     id: g,
@@ -2093,16 +2088,16 @@ function ve({ id: g, label: e, min: t = 0, max: i = 1, step: s = 0.01, value: r
     value: String(r),
     onInput: (c) => {
       const p = parseFloat(c.target.value), u = a.querySelector(".slider-value");
-      u && (u.textContent = ae(p)), o == null || o(p);
+      u && (u.textContent = le(p)), o == null || o(p);
     }
   });
   return a.appendChild(l), a.appendChild(h), a.setValue = (c) => {
     h.value = String(c);
     const p = a.querySelector(".slider-value");
-    p && (p.textContent = ae(c));
+    p && (p.textContent = le(c));
   }, a;
 }
-function ae(g) {
+function le(g) {
   return Number.isInteger(g) ? String(g) : g.toFixed(2);
 }
 function we({ id: g, label: e, checked: t = !1, onChange: i }) {
@@ -2175,7 +2170,7 @@ function ke({ id: g, label: e, options: t = [], value: i, onChange: s }) {
     n.value = a;
   }, r;
 }
-function j({ label: g, className: e = "", onClick: t, icon: i = null, disabled: s = !1 }) {
+function D({ label: g, className: e = "", onClick: t, icon: i = null, disabled: s = !1 }) {
   const r = d("button", {
     type: "button",
     className: `btn ${e}`.trim(),
@@ -2190,7 +2185,7 @@ function j({ label: g, className: e = "", onClick: t, icon: i = null, disabled:
   }
   return g && r.appendChild(document.createTextNode(g)), r;
 }
-function O({ icon: g, title: e, className: t = "", onClick: i, disabled: s = !1, testId: r = 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(),
@@ -2205,7 +2200,7 @@ function O({ icon: g, title: e, className: t = "", onClick: i, disabled: s = !1,
   const l = a.querySelector("svg");
   return l && l.setAttribute("aria-hidden", "true"), a;
 }
-function se({ label: g, icon: e, active: t = !1, onClick: i }) {
+function re({ label: g, icon: e, active: t = !1, onClick: i }) {
   const s = d("button", {
     type: "button",
     className: `chip ${t ? "active" : ""}`.trim(),
@@ -2231,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",
@@ -2241,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",
@@ -2276,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",
@@ -2301,7 +2296,7 @@ class et {
       "aria-live": "polite",
       "aria-atomic": "true"
     }), s.appendChild(this._removeBgTierSelect), s.appendChild(this._removeBgBtn), s.appendChild(this._removeBgStatus);
-    const r = O({
+    const r = j({
       icon: ye,
       title: "Reset All",
       className: "toolbar-btn",
@@ -2319,8 +2314,8 @@ 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",
@@ -2373,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 = [];
@@ -2387,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 s = se({
+    }), 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)
       });
       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 = O({
+    }), this._rightBtn = j({
       icon: me,
       title: "Next categories",
       className: "carousel-nav carousel-nav-right",
@@ -2410,7 +2405,7 @@ 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 s = d("button", {
         type: "button",
@@ -2457,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
@@ -2484,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
@@ -2523,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",
@@ -2591,7 +2586,7 @@ class it {
         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 : "", s.appendChild(r), s.appendChild(n), s.appendChild(a), s._toggle = a, s._isActive = t, s;
+    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)
@@ -2617,7 +2612,7 @@ class it {
     const e = this.state.get("activeFilters");
     this._filterCards.forEach((t, i) => {
       const s = e.has(i);
-      t.classList.toggle("active", s), t._toggle.classList.toggle("active", s), t._toggle.innerHTML = s ? he : "", t._isActive = s;
+      t.classList.toggle("active", s), t._toggle.classList.toggle("active", s), t._toggle.innerHTML = s ? ce : "", t._isActive = s;
     });
   }
   /**
@@ -2719,7 +2714,7 @@ class st {
       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)
@@ -2804,7 +2799,7 @@ class st {
         });
       case "button":
         const a = d("div", { className: "button-control" });
-        return a.appendChild(j({
+        return a.appendChild(D({
           label: s,
           className: "btn-secondary",
           onClick: () => this._handleAction(e, t.action || t.id)
@@ -2917,22 +2912,22 @@ class rt {
     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",
@@ -3081,7 +3076,7 @@ class rt {
         });
       case "button": {
         const n = d("div", { className: "button-control" });
-        return n.appendChild(j({
+        return n.appendChild(D({
           label: s,
           className: "btn-secondary",
           onClick: () => {
@@ -3218,7 +3213,7 @@ const ot = [
   { id: "180", label: "180°", angle: 180 },
   { id: "270", label: "270°", angle: 270 }
 ];
-function W(g) {
+function $(g) {
   if (!Number.isFinite(Number(g))) return 0;
   const e = Number(g) % 360;
   return e < 0 ? e + 360 : e;
@@ -3248,7 +3243,7 @@ class ht {
     e.appendChild(d("label", { className: "section-label" }, "Shape"));
     const t = d("div", { className: "chip-row" }), i = this.state.get("crop.shape");
     ot.forEach((l) => {
-      const h = se({
+      const h = re({
         label: l.name,
         icon: l.icon,
         active: i === l.id,
@@ -3258,24 +3253,24 @@ class ht {
     }), e.appendChild(t), this.element.appendChild(e), this.state.get("lockCropShape") && (e.style.display = "none"), this._shapeSection = e, this._aspectSection = d("div", { className: "crop-section" }), this._aspectSection.appendChild(d("label", { className: "section-label" }, "Aspect Ratio"));
     const s = d("div", { className: "chip-row aspect-row" }), r = this.state.get("crop.aspect");
     at.forEach((l) => {
-      const h = se({
+      const h = re({
         label: l.name,
         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), s.appendChild(h);
     }), this._aspectSection.appendChild(s), this.element.appendChild(this._aspectSection), this._updateAspectVisibility();
-    const o = d("div", { className: "crop-actions" }), n = j({
+    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;
@@ -3283,35 +3278,35 @@ 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 s = j({
+    const s = D({
       label: "Right 90°",
       className: "btn-secondary rotation-action-btn",
       icon: Pe,
       onClick: () => this._rotateBy(90)
     });
     s.dataset.testid = "rotate-right-90";
-    const r = j({
+    const r = D({
       label: "Rotate 180°",
       className: "btn-secondary rotation-action-btn",
       onClick: () => this._rotateBy(180)
     });
     r.dataset.testid = "rotate-180";
-    const o = j({
+    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(s), t.appendChild(r), t.appendChild(o), e.appendChild(t);
-    const n = d("div", { className: "chip-row rotation-preset-row" }), a = W(this.state.get("transform.rotation") ?? 0);
+    const n = d("div", { className: "chip-row rotation-preset-row" }), a = $(this.state.get("transform.rotation") ?? 0);
     lt.forEach((u) => {
-      const f = se({
+      const f = re({
         label: u.label,
         active: Math.round(a) === u.angle,
         onClick: () => this._setRotation(u.angle)
@@ -3355,7 +3350,7 @@ class ht {
       this._rotationNumber
     );
     l.appendChild(h), l.appendChild(c);
-    const p = j({
+    const p = D({
       label: "Reset rotation",
       className: "btn-text rotation-reset-btn",
       onClick: () => this._setRotation(0)
@@ -3389,7 +3384,7 @@ class ht {
   }
   _setRotation(e) {
     var s, r;
-    const t = W(e);
+    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;
@@ -3397,15 +3392,15 @@ class ht {
     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;
+    const t = Math.round($(e)) % 360;
     this._rotationPresetChips.forEach((i, s) => {
       i.setActive(Number(s) === t);
     });
@@ -3414,7 +3409,7 @@ class ht {
     return `${this._formatPlainAngle(e)}°`;
   }
   _formatPlainAngle(e) {
-    const t = W(e);
+    const t = $(e);
     return Number.isInteger(t) ? String(t) : t.toFixed(1);
   }
   /**
@@ -3474,7 +3469,7 @@ class ct {
     });
     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()
@@ -3540,12 +3535,12 @@ class ct {
       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",
@@ -3659,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",
@@ -3671,12 +3666,12 @@ const $ = {
   showCropControls: !0,
   maxExportWidth: void 0,
   maxExportHeight: void 0
-}, le = {
+}, he = {
   free: {
-    ...$
+    ...Z
   },
   avatar: {
-    ...$,
+    ...Z,
     name: "avatar",
     initialMode: "crop",
     cropShape: "circle",
@@ -3686,7 +3681,7 @@ const $ = {
     lockAspectRatio: !0
   },
   banner: {
-    ...$,
+    ...Z,
     name: "banner",
     initialMode: "crop",
     cropShape: "square",
@@ -3696,7 +3691,7 @@ const $ = {
     lockAspectRatio: !0
   },
   cover: {
-    ...$,
+    ...Z,
     name: "cover",
     initialMode: "crop",
     cropShape: "free",
@@ -3706,7 +3701,7 @@ const $ = {
     lockAspectRatio: !0
   },
   product: {
-    ...$,
+    ...Z,
     name: "product",
     initialMode: "filters",
     cropShape: "square",
@@ -3718,22 +3713,22 @@ const $ = {
 };
 function dt(g) {
   if (!g)
-    return { ...le.free };
+    return { ...he.free };
   if (typeof g == "object" && g !== null)
-    return { ...$, ...g };
-  const e = le[g];
-  return e ? { ...e } : { ...le.free };
+    return { ...Z, ...g };
+  const e = he[g];
+  return e ? { ...e } : { ...he.free };
 }
-function Z(g) {
+function q(g) {
   if (!Number.isFinite(Number(g))) return 0;
   const e = Number(g) % 360;
   return e < 0 ? e + 360 : e;
 }
 function ut(g, e) {
-  const t = Z(g);
-  return (Z(e) - t + 540) % 360 - 180;
+  const t = q(g);
+  return (q(e) - t + 540) % 360 - 180;
 }
-class kt extends re {
+class kt extends ne {
   /**
    * Create a new VanillaImageEditor
    * @param {HTMLElement} container - Container element to mount the editor
@@ -3763,7 +3758,7 @@ class kt extends re {
       },
       ...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, ((r = this._options.backgroundRemoval) == null ? void 0 : r.enabled) !== !1 && (this._removeBgManager = new Xe({
+    }, this._preset = i, this._state = Se(), this._state.set("theme", this._options.theme), this._state.set("crop.shape", this._options.cropShape), this._state.set("crop.aspect", this._options.initialAspectRatio), this._preset && (this._state.set("lockCropShape", !!this._preset.lockCropShape), this._state.set("lockAspectRatio", !!this._preset.lockAspectRatio), this._state.set("showFilters", this._preset.showFilters !== !1), this._state.set("showCropControls", this._preset.showCropControls !== !1), this._state.set("autoZoomOnCropOverflow", !!this._preset.autoZoomOnCropOverflow)), this._renderer = new Te(), this._filterManager = new Qe(this._state, this._renderer), this._cropManager = new 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
@@ -3991,7 +3986,7 @@ class kt extends re {
   _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 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);
@@ -4101,7 +4096,7 @@ class kt extends re {
         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
     };
@@ -4137,7 +4132,7 @@ class kt extends re {
   }
   setRotationAngle(e) {
     if (!this._state.get("hasImage")) return !1;
-    const t = Z(this._state.get("transform.rotation") ?? 0), i = Z(e), s = ut(t, i), r = this._state.get("mode") === "crop";
+    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;
@@ -4290,23 +4285,23 @@ class kt extends re {
 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,
@@ -4317,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-CiTXlIVO.js.map
+//# sourceMappingURL=editor-CcfSL2dI.js.map