@codingfactory/mediables-vue 2.18.2 → 2.19.0

package/dist/{editor-4KRKCBKe.js → editor-DAJxTvzM.js}

@@ -1593,9 +1593,9 @@ class ut extends de {
     t.filters = g ? [g] : null;
   }
   _fitTextDisplayObjectToRect(e, t, r) {
-    var g, y;
+    var g, _;
     const i = this._normalizeTextBox(t), s = r.x + i.x * r.width, n = r.y + i.y * r.height, o = i.width * r.width, l = i.height * r.height, c = Number((g = this.originalTexture) == null ? void 0 : g.width) || r.width, d = c > 0 ? r.width / c : 1, h = this._textEffectsForLayer(t);
-    e.x = s, e.y = n, e.rotation = this._normalizeDegrees(Number((y = t == null ? void 0 : t.transform) == null ? void 0 : y.rotation) || 0) * Math.PI / 180, e.blendMode = this._textBlendMode(t), e.__textBox = i, e.__textLayout = { x: s, y: n, width: o, height: l, scale: d };
+    e.x = s, e.y = n, e.rotation = this._normalizeDegrees(Number((_ = t == null ? void 0 : t.transform) == null ? void 0 : _.rotation) || 0) * Math.PI / 180, e.blendMode = this._textBlendMode(t), e.__textBox = i, e.__textLayout = { x: s, y: n, width: o, height: l, scale: d };
     const u = e.__textObject || e, p = e.__textMask || null, m = e.__textEffectMask || null;
     if (u.text = this._textContentForLayer(t), u.style = this._textStyleForLayer(t, d, o), 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, o, l).fill(16777215), u.mask = p), m && typeof m.clear == "function" && typeof m.rect == "function" && typeof m.fill == "function") {
       const C = this._textEffectPadding(h, d);
@@ -1604,7 +1604,7 @@ class ut extends de {
     this._syncTextBackdrop(window.PIXI, e.__textBackdrop, h, d, o, l, m), this._syncTextEffectPrimitive(window.PIXI, e.__textShadow, t, h, "shadow", d, o, m), this._syncTextEffectPrimitive(window.PIXI, e.__textGlow, t, h, "glow", d, o, m);
   }
   _fitDisplayObjectToRect(e, t, r) {
-    var h, u, p, m, g, y, C, k;
+    var h, u, p, m, g, _, C, k;
     const i = this._backgroundFillForLayer(t), s = (i == null ? void 0 : i.fit) || "cover";
     if (e.__isTilingBackground) {
       e.x = r.x, e.y = r.y, e.width = r.width, e.height = r.height, (u = (h = e.tilePosition) == null ? void 0 : h.set) == null || u.call(h, 0, 0), (m = (p = e.tileScale) == null ? void 0 : p.set) == null || m.call(p, 1, 1);
@@ -1614,7 +1614,7 @@ class ut extends de {
       e.x = r.x, e.y = r.y, e.width = r.width, e.height = r.height;
       return;
     }
-    const n = Number(e.__sourceWidth || ((g = i == null ? void 0 : i.source) == null ? void 0 : g.originalWidth) || ((y = e.texture) == null ? void 0 : y.width) || r.width), o = Number(e.__sourceHeight || ((C = i == null ? void 0 : i.source) == null ? void 0 : C.originalHeight) || ((k = e.texture) == null ? void 0 : k.height) || r.height);
+    const n = Number(e.__sourceWidth || ((g = i == null ? void 0 : i.source) == null ? void 0 : g.originalWidth) || ((_ = e.texture) == null ? void 0 : _.width) || r.width), o = Number(e.__sourceHeight || ((C = i == null ? void 0 : i.source) == null ? void 0 : C.originalHeight) || ((k = e.texture) == null ? void 0 : k.height) || r.height);
     if (!Number.isFinite(n) || !Number.isFinite(o) || n <= 0 || o <= 0) {
       e.x = r.x, e.y = r.y, e.width = r.width, e.height = r.height;
       return;
@@ -1685,7 +1685,7 @@ class ut extends de {
    * @returns {boolean}
    */
   rotateBy(e) {
-    var g, y, C;
+    var g, _, C;
     const t = this._normalizeDegrees(e);
     if (t === 0) return !0;
     if (!((g = this.app) != null && g.renderer) || !this.originalTexture || !this.sprite)
@@ -1693,7 +1693,7 @@ class ut extends de {
     const r = window.PIXI, i = Math.round(this.originalTexture.width), s = Math.round(this.originalTexture.height);
     if (i <= 0 || s <= 0) return !1;
     const { width: n, height: o } = this.getRotatedBounds(i, s, t), l = t * Math.PI / 180, c = new r.Container(), d = new r.Sprite(this.originalTexture);
-    (C = (y = d.anchor) == null ? void 0 : y.set) == null || C.call(y, 0.5), d.x = n / 2, d.y = o / 2, d.rotation = l, c.addChild(d);
+    (C = (_ = d.anchor) == null ? void 0 : _.set) == null || C.call(_, 0.5), d.x = n / 2, d.y = o / 2, d.rotation = l, c.addChild(d);
     const h = r.RenderTexture.create({ width: n, height: o, resolution: 1 });
     try {
       this.app.renderer.render({
@@ -1744,21 +1744,21 @@ class ut extends de {
           } else
             g.push(x);
     }
-    let y = 0;
+    let _ = 0;
     for (const x of g) {
       const S = typeof x.getExportPadding == "function" ? Number(x.getExportPadding()) || 0 : typeof x._exportPadding == "number" ? x._exportPadding : typeof x.padding == "number" ? x.padding : 0;
-      S > 0 && (y += S);
+      S > 0 && (_ += S);
     }
-    const C = Math.max(Math.ceil(y), 64), k = (x) => {
+    const C = Math.max(Math.ceil(_), 64), k = (x) => {
       var pe, fe, D, me;
-      const S = Math.ceil(o + 2 * x), T = Math.ceil(l + 2 * x), F = new n.Container(), R = [], V = (b = null) => {
+      const S = Math.ceil(o + 2 * x), T = Math.ceil(l + 2 * x), F = new n.Container(), L = [], V = (b = null) => {
         const w = new n.Sprite(this.originalTexture);
         w.x = x, w.y = x, w.scale.set(1, 1), w.alpha = b ? this._layerOpacity(b) : 1, b && this._applyLayerFilterInstances(w, b, {
           forExport: !0,
           previewToNativeScale: u,
           sourceWidth: o,
           sourceHeight: l
-        }), g.length > 0 && (w.filters = g, w.filterArea = new n.Rectangle(0, 0, o, l)), F.addChild(w), R.push(w);
+        }), g.length > 0 && (w.filters = g, w.filterArea = new n.Rectangle(0, 0, o, l)), F.addChild(w), L.push(w);
       }, M = (b) => {
         var z, le, ce;
         const w = (z = this._layerDisplayObjects.get(b.id)) == null ? void 0 : z.displayObject, G = (w == null ? void 0 : w.texture) || (this._isSubjectLayer(b) ? this.originalTexture : null);
@@ -1769,8 +1769,8 @@ class ut extends de {
           previewToNativeScale: u,
           sourceWidth: o,
           sourceHeight: l
-        }), F.addChild(O), R.push(O), !0;
-      }, L = (b) => {
+        }), F.addChild(O), L.push(O), !0;
+      }, R = (b) => {
         var le, ce, Te;
         const w = this._backgroundFillForLayer(b), G = this._backgroundColorForLayer(b), O = { x, y: x, width: o, height: l };
         let z = null;
@@ -1790,10 +1790,10 @@ class ut extends de {
           previewToNativeScale: u,
           sourceWidth: o,
           sourceHeight: l
-        }), F.addChild(z), R.push(z), !0) : !1;
+        }), F.addChild(z), L.push(z), !0) : !1;
       }, X = (b) => {
         const w = this._createTextDisplayObjectForLayer(n, b);
-        return w ? (this._fitTextDisplayObjectToRect(w, b, { x, y: x, width: o, height: l }), w.alpha = this._layerOpacity(b), F.addChild(w), R.push(w), !0) : !1;
+        return w ? (this._fitTextDisplayObjectToRect(w, b, { x, y: x, width: o, height: l }), w.alpha = this._layerOpacity(b), F.addChild(w), L.push(w), !0) : !1;
       }, ee = p, ne = m;
       if (ne) {
         for (const b of ee.layers)
@@ -1810,7 +1810,7 @@ class ut extends de {
               M(b) || V(b);
               continue;
             }
-            L(b);
+            R(b);
           }
       } else
         V();
@@ -1830,42 +1830,42 @@ class ut extends de {
         const b = (me = (D = this.app.renderer.extract) == null ? void 0 : D.canvas) == null ? void 0 : me.call(D, oe);
         return b ? { canvas: b, width: S, height: T, margin: x, childCount: we } : null;
       } finally {
-        for (const b of R)
+        for (const b of L)
           b.filters = null;
         F.removeChildren();
-        for (const b of R) {
+        for (const b of L) {
           const w = (b == null ? void 0 : b.__ownsTexture) === !0;
           b.destroy({ children: !1, texture: w, textureSource: w });
         }
         F.destroy({ children: !1 }), oe.destroy(!0);
       }
-    }, A = (x, S, T) => {
+    }, P = (x, S, T) => {
       const F = typeof x.getContext == "function" ? x.getContext("2d") : null;
       if (!F) return null;
-      let R;
+      let L;
       try {
-        R = F.getImageData(0, 0, S, T).data;
+        L = F.getImageData(0, 0, S, T).data;
       } catch {
         return null;
       }
       const V = 1;
-      let M = S, L = T, X = -1, ee = -1;
+      let M = S, R = T, X = -1, ee = -1;
       const ne = 4, oe = S * ne;
       for (let D = 0; D < T; D++) {
         const me = D * oe;
         for (let b = 0; b < S; b++)
-          R[me + b * ne + 3] >= V && (b < M && (M = b), b > X && (X = b), D < L && (L = D), D > ee && (ee = D));
+          L[me + b * ne + 3] >= V && (b < M && (M = b), b > X && (X = b), D < R && (R = D), D > ee && (ee = D));
       }
       if (X < 0) return null;
-      const we = X - M + 1, pe = ee - L + 1, fe = M === 0 || L === 0 || X === S - 1 || ee === T - 1;
-      return { x: M, y: L, width: we, height: pe, touchesEdge: fe };
+      const we = X - M + 1, pe = ee - R + 1, fe = M === 0 || R === 0 || X === S - 1 || ee === T - 1;
+      return { x: M, y: R, width: we, height: pe, touchesEdge: fe };
     };
-    let P = null;
+    let A = null;
     try {
       let x = k(C);
       if (!x)
         return null;
-      let S = A(x.canvas, x.width, x.height);
+      let S = P(x.canvas, x.width, x.height);
       if (!S)
         if (m && x.childCount === 0)
           S = {
@@ -1878,25 +1878,25 @@ class ut extends de {
         else
           return null;
       if (S.touchesEdge && C < o && C < l) {
-        const M = Math.max(C * 4, 256), L = k(M);
-        if (L) {
-          const X = A(L.canvas, L.width, L.height);
-          X && !X.touchesEdge ? (x = L, S = X) : (x = L, S = X ?? S);
+        const M = Math.max(C * 4, 256), R = k(M);
+        if (R) {
+          const X = P(R.canvas, R.width, R.height);
+          X && !X.touchesEdge ? (x = R, S = X) : (x = R, S = X ?? S);
         }
       }
       let T = S.width, F = S.height;
       if (r > 0) {
         const M = Math.max(T, F);
-        let L = r / M;
-        i && (L = Math.min(1, L)), T = Math.max(1, Math.round(T * L)), F = Math.max(1, Math.round(F * L));
+        let R = r / M;
+        i && (R = Math.min(1, R)), T = Math.max(1, Math.round(T * R)), F = Math.max(1, Math.round(F * R));
       }
       if (s > 0 && T * F > s) {
         const M = Math.sqrt(s / (T * F));
         T = Math.max(1, Math.floor(T * M)), F = Math.max(1, Math.floor(F * M));
       }
-      const R = document.createElement("canvas");
-      R.width = T, R.height = F;
-      const V = R.getContext("2d");
+      const L = document.createElement("canvas");
+      L.width = T, L.height = F;
+      const V = L.getContext("2d");
       return V ? (V.drawImage(
         x.canvas,
         S.x,
@@ -1907,7 +1907,7 @@ class ut extends de {
         0,
         T,
         F
-      ), P = R.toDataURL(`image/${e}`, t), this._lastExportDimensions = { width: T, height: F }, P || null) : null;
+      ), A = L.toDataURL(`image/${e}`, t), this._lastExportDimensions = { width: T, height: F }, A || null) : null;
     } catch {
       return null;
     }
@@ -2011,7 +2011,7 @@ class ut extends de {
     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>', Ge = '<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>', $r = '<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>', Gr = '<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>', Zr = '<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>', pt = '<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>', ft = '<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>', mt = '<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>', 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="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>', bt = '<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>', 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="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>', _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="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>', 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="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>', xt = '<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>', 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="M368 368L144 144M368 144L144 368"/></svg>', Ke = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="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>', wt = '<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>', vt = '<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>', Ct = '<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>', kt = '<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>', Me = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416 128L192 384l-96-96"/></svg>', St = '<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>', Kr = '<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>', Jr = '<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>', Qr = '<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>', ei = '<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>', ti = '<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>', ri = '<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>', Ft = '<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>', Mt = '<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>', Pt = '<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>', At = '<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>', Le = '<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>', Re = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="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>', Nt = '<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>', Tt = '<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>', Ne = [
+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>', Ge = '<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>', $r = '<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>', Gr = '<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>', Zr = '<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>', pt = '<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>', ft = '<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>', mt = '<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>', 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="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>', bt = '<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>', _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="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>', 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="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>', 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="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>', xt = '<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>', 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="M368 368L144 144M368 144L144 368"/></svg>', Ke = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="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>', wt = '<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>', vt = '<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>', Ct = '<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>', kt = '<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>', Me = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416 128L192 384l-96-96"/></svg>', St = '<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>', Kr = '<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>', Jr = '<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>', Qr = '<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>', ei = '<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>', ti = '<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>', ri = '<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>', Ft = '<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>', Mt = '<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>', At = '<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>', Pt = '<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>', Re = '<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>', 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="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>', Nt = '<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>', Tt = '<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>', Ne = [
   {
     id: "adjust",
     name: "Adjust",
@@ -2046,7 +2046,7 @@ const $e = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none"
   {
     id: "light",
     name: "Light",
-    icon: _t,
+    icon: yt,
     registryCategories: ["light"]
   },
   {
@@ -2063,7 +2063,7 @@ const $e = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none"
   {
     id: "background",
     name: "Background",
-    icon: yt
+    icon: _t
   },
   {
     id: "layers",
@@ -2077,10 +2077,10 @@ const $e = '<svg viewBox="0 0 512 512" width="20" height="20"><path fill="none"
   }
 ], zt = Object.fromEntries(
   Ne.filter((a) => Array.isArray(a.registryCategories) && a.registryCategories.length > 0).map((a) => [a.id, a.registryCategories])
-), Lt = Object.fromEntries(
+), Rt = Object.fromEntries(
   Ne.filter((a) => Array.isArray(a.registryCategories)).flatMap((a) => a.registryCategories.map((e) => [e, a.id]))
 );
-function Rt(a) {
+function Lt(a) {
   return zt[a] || [a];
 }
 class Bt extends de {
@@ -2119,7 +2119,7 @@ class Bt extends de {
    */
   getFiltersByCategory(e) {
     if (!this._filterRegistry) return [];
-    const t = Rt(e), r = [], i = /* @__PURE__ */ new Set();
+    const t = Lt(e), r = [], i = /* @__PURE__ */ new Set();
     for (const s of t) {
       const n = this._filterRegistry.getFiltersByCategory(s) || [];
       for (const o of n)
@@ -2358,18 +2358,18 @@ class Bt extends de {
         const m = this.getFilterDef(p);
         if (!m || !m.createFilter || typeof m.createFilter != "function")
           return;
-        const g = this.state.getFilterValues(p), y = m.defaultParams ? { ...m.defaultParams } : {};
+        const g = this.state.getFilterValues(p), _ = m.defaultParams ? { ...m.defaultParams } : {};
         m.controls && Array.isArray(m.controls) && m.controls.forEach((N) => {
           const ue = N.property || N.id;
-          y[ue] = g[N.id] ?? N.default;
+          _[ue] = g[N.id] ?? N.default;
         });
         const C = new Set((m.controls || []).map((N) => N.id));
         for (const [N, ue] of Object.entries(g))
-          C.has(N) || (y[N] = ue);
-        const k = this.renderer.sprite, A = this.renderer.originalTexture;
-        y._sourceWidth = Math.round((A == null ? void 0 : A.width) || (k == null ? void 0 : k.width) || 0), y._sourceHeight = Math.round((A == null ? void 0 : A.height) || (k == null ? void 0 : k.height) || 0);
-        const P = m.createFilter(y);
-        P && (r.push(P), this.instances[p] = P);
+          C.has(N) || (_[N] = ue);
+        const k = this.renderer.sprite, P = this.renderer.originalTexture;
+        _._sourceWidth = Math.round((P == null ? void 0 : P.width) || (k == null ? void 0 : k.width) || 0), _._sourceHeight = Math.round((P == null ? void 0 : P.height) || (k == null ? void 0 : k.height) || 0);
+        const A = m.createFilter(_);
+        A && (r.push(A), this.instances[p] = A);
       } catch {
         i.push(p);
       }
@@ -2440,15 +2440,28 @@ const J = class J extends de {
     return null;
   }
   /**
-   * Apply aspect ratio constraint to crop rect
+   * Return the numeric aspect ratio that the crop rect must obey, accounting
+   * for both the shape (circle/square force 1:1) and the explicit aspect
+   * setting. Returns null when the crop is free-form.
+   */
+  _getEffectiveTargetAspect() {
+    const e = this.state.get("crop.shape");
+    if (e === "circle" || e === "square") return 1;
+    const t = this.state.get("crop.aspect");
+    return !t || t === "free" ? null : this._getAspectRatio(t);
+  }
+  /**
+   * Apply aspect ratio constraint to crop rect. Honours shape (circle/square
+   * force 1:1) so the post-drag correction agrees with the effective ratio
+   * the edge-handle drag code targets.
    */
   applyAspectRatio() {
-    const e = this.state.get("crop.rect"), t = this.state.get("crop.aspect");
-    if (!e || t === "free") return;
-    const r = this._getAspectRatio(t);
-    if (!r) return;
-    const i = e.width / e.height;
-    Math.abs(i - r) < 0.01 || (i > r ? e.width = e.height * r : e.height = e.width / r, this.state.set("crop.rect", e));
+    const e = this.state.get("crop.rect");
+    if (!e) return;
+    const t = this._getEffectiveTargetAspect();
+    if (!t) return;
+    const r = e.width / e.height;
+    Math.abs(r - t) < 0.01 || (r > t ? e.width = e.height * t : e.height = e.width / t, this.state.set("crop.rect", e));
   }
   /**
    * Constrain crop rect to bounds
@@ -2533,8 +2546,8 @@ const J = class J extends de {
     if (!l) return;
     const c = this.state.get("crop.shape");
     if (o.save(), c === "circle") {
-      const y = l.x + l.width / 2, C = l.y + l.height / 2, k = Math.min(l.width, l.height) / 2;
-      o.beginPath(), o.arc(y, C, k, 0, Math.PI * 2), o.clip();
+      const _ = l.x + l.width / 2, C = l.y + l.height / 2, k = Math.min(l.width, l.height) / 2;
+      o.beginPath(), o.arc(_, C, k, 0, Math.PI * 2), o.clip();
     } else
       o.beginPath(), o.rect(l.x, l.y, l.width, l.height), o.clip();
     o.clearRect(l.x, l.y, l.width, l.height), o.restore(), o.strokeStyle = "#ffffff", o.lineWidth = 2, o.setLineDash([5, 5]), c === "circle" ? (o.beginPath(), o.arc(
@@ -2545,8 +2558,8 @@ const J = class J extends de {
       Math.PI * 2
     ), o.stroke()) : o.strokeRect(l.x, l.y, l.width, l.height), o.setLineDash([]), o.strokeStyle = "rgba(255,255,255,0.3)", o.lineWidth = 1;
     const d = l.width / 3, h = l.height / 3;
-    for (let y = 1; y <= 2; y++)
-      o.beginPath(), o.moveTo(l.x + d * y, l.y), o.lineTo(l.x + d * y, l.y + l.height), o.stroke(), o.beginPath(), o.moveTo(l.x, l.y + h * y), o.lineTo(l.x + l.width, l.y + h * y), o.stroke();
+    for (let _ = 1; _ <= 2; _++)
+      o.beginPath(), o.moveTo(l.x + d * _, l.y), o.lineTo(l.x + d * _, l.y + l.height), o.stroke(), o.beginPath(), o.moveTo(l.x, l.y + h * _), o.lineTo(l.x + l.width, l.y + h * _), o.stroke();
     const u = this.HANDLE_SIZE, p = [
       { x: l.x, y: l.y, m: "resize-nw" },
       { x: l.x + l.width, y: l.y, m: "resize-ne" },
@@ -2558,9 +2571,9 @@ const J = class J extends de {
       { x: l.x, y: l.y + l.height / 2, m: "w" },
       { x: l.x + l.width, y: l.y + l.height / 2, m: "e" }
     ], g = [...p, ...m];
-    for (const y of g) {
-      const C = this._hoverMode === y.m, k = C ? u + 4 : u;
-      o.beginPath(), o.rect(y.x - k / 2, y.y - k / 2, k, k), o.fillStyle = C ? "#4da3ff" : "#ffffff", o.strokeStyle = "rgba(0,0,0,0.6)", o.lineWidth = 1, o.fill(), o.stroke();
+    for (const _ of g) {
+      const C = this._hoverMode === _.m, k = C ? u + 4 : u;
+      o.beginPath(), o.rect(_.x - k / 2, _.y - k / 2, k, k), o.fillStyle = C ? "#4da3ff" : "#ffffff", o.strokeStyle = "rgba(0,0,0,0.6)", o.lineWidth = 1, o.fill(), o.stroke();
     }
   }
   /**
@@ -2588,33 +2601,53 @@ const J = class J extends de {
    * Handle pointer move event
    */
   _handlePointerMove(e) {
-    var l, c, d, h;
+    var c, d, h, u;
     const t = this.renderer.app;
     if (!t) return;
     const r = e.global;
     if (!this._isDragging || !this._dragStart || !this._startRect) {
-      this._hoverMode = this._hitHandle(r.x, r.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") || (c = this._hoverMode) != null && c.endsWith("se") ? "nwse-resize" : (d = this._hoverMode) != null && d.endsWith("ne") || (h = this._hoverMode) != null && h.endsWith("sw") ? "nesw-resize" : "crosshair", this.drawOverlay();
+      this._hoverMode = this._hitHandle(r.x, r.y), t.stage.cursor = this._hoverMode === "move" ? "move" : this._hoverMode === "n" || this._hoverMode === "s" ? "ns-resize" : this._hoverMode === "e" || this._hoverMode === "w" ? "ew-resize" : (c = this._hoverMode) != null && c.endsWith("nw") || (d = this._hoverMode) != null && d.endsWith("se") ? "nwse-resize" : (h = this._hoverMode) != null && h.endsWith("ne") || (u = this._hoverMode) != null && u.endsWith("sw") ? "nesw-resize" : "crosshair", this.drawOverlay();
       return;
     }
     const i = this.state.get("crop.rect");
     if (!i) return;
-    const s = r.x - this._dragStart.x, n = r.y - this._dragStart.y;
+    const s = r.x - this._dragStart.x, n = r.y - this._dragStart.y, o = this._getEffectiveTargetAspect();
     switch (this._dragMode) {
       case "move":
         i.x = this._startRect.x + s, i.y = this._startRect.y + n;
         break;
-      case "n":
-        i.y = this._startRect.y + n, i.height = this._startRect.height - n;
+      case "n": {
+        const p = this._startRect.height - n;
+        if (i.y = this._startRect.y + n, i.height = p, o) {
+          const m = p * o;
+          i.x = this._startRect.x + (this._startRect.width - m) / 2, i.width = m;
+        }
         break;
-      case "s":
-        i.height = this._startRect.height + n;
+      }
+      case "s": {
+        const p = this._startRect.height + n;
+        if (i.height = p, o) {
+          const m = p * o;
+          i.x = this._startRect.x + (this._startRect.width - m) / 2, i.width = m;
+        }
         break;
-      case "w":
-        i.x = this._startRect.x + s, i.width = this._startRect.width - s;
+      }
+      case "w": {
+        const p = this._startRect.width - s;
+        if (i.x = this._startRect.x + s, i.width = p, o) {
+          const m = p / o;
+          i.y = this._startRect.y + (this._startRect.height - m) / 2, i.height = m;
+        }
         break;
-      case "e":
-        i.width = this._startRect.width + s;
+      }
+      case "e": {
+        const p = this._startRect.width + s;
+        if (i.width = p, o) {
+          const m = p / o;
+          i.y = this._startRect.y + (this._startRect.height - m) / 2, i.height = m;
+        }
         break;
+      }
       case "resize-nw":
         i.x = this._startRect.x + s, i.y = this._startRect.y + n, i.width = this._startRect.width - s, i.height = this._startRect.height - n;
         break;
@@ -2684,24 +2717,24 @@ const J = class J extends de {
     const s = window.PIXI, n = this.renderer.zoom, o = r.width / t.width, l = r.height / t.height, c = (i.x - t.x) * o, d = (i.y - t.y) * l;
     let h = Math.round(Math.max(1, i.width * o)), u = Math.round(Math.max(1, i.height * l)), p = Math.round(c), m = Math.round(d);
     if (h <= 0 || u <= 0) return null;
-    const g = new s.Container(), y = new s.Sprite(r);
+    const g = new s.Container(), _ = new s.Sprite(r);
     if (this.state.get("crop.shape") === "circle") {
-      const F = Math.round(Math.max(h, u)), R = p + h / 2, V = m + u / 2;
-      p = Math.round(R - F / 2), m = Math.round(V - F / 2), h = u = F;
+      const F = Math.round(Math.max(h, u)), L = p + h / 2, V = m + u / 2;
+      p = Math.round(L - F / 2), m = Math.round(V - F / 2), h = u = F;
       const M = new s.Graphics();
-      typeof M.circle == "function" && typeof M.fill == "function" ? M.circle(h / 2, u / 2, h / 2).fill(16777215) : (M.beginFill(16777215, 1), M.drawCircle(h / 2, u / 2, h / 2), M.endFill()), y.mask = M, g.addChild(M);
+      typeof M.circle == "function" && typeof M.fill == "function" ? M.circle(h / 2, u / 2, h / 2).fill(16777215) : (M.beginFill(16777215, 1), M.drawCircle(h / 2, u / 2, h / 2), M.endFill()), _.mask = M, g.addChild(M);
     }
-    y.x = -p, y.y = -m, g.addChild(y);
+    _.x = -p, _.y = -m, g.addChild(_);
     const k = s.RenderTexture.create({ width: h, height: u });
     e.renderer.render({
       container: g,
       target: k,
       clear: !0
     }), g.destroy({ children: !0 });
-    const A = this.renderer.originalTexture;
-    A && A !== this.renderer.baseTexture && A.destroy(!0), this.renderer.originalTexture = k, e.stage.removeChild(t), t.destroy();
-    const P = new s.Sprite(k);
-    e.stage.addChild(P), this.renderer.sprite = P, this.renderer.fitScale = this.renderer.getFitScaleFor(k), this.renderer.setZoom(n, { keepCenter: !1 }), this.renderer.applyViewTransform(), this.renderer.render();
+    const P = this.renderer.originalTexture;
+    P && P !== this.renderer.baseTexture && P.destroy(!0), this.renderer.originalTexture = k, e.stage.removeChild(t), t.destroy();
+    const A = new s.Sprite(k);
+    e.stage.addChild(A), this.renderer.sprite = A, this.renderer.fitScale = this.renderer.getFitScaleFor(k), this.renderer.setZoom(n, { keepCenter: !1 }), this.renderer.applyViewTransform(), this.renderer.render();
     const N = this.state.get("crop.appliedRect"), x = N && Number.isFinite(N.x) && Number.isFinite(N.y) && Number.isFinite(N.width) && Number.isFinite(N.height) ? {
       x: Math.round(N.x + p),
       y: Math.round(N.y + m),
@@ -2725,18 +2758,18 @@ const J = class J extends de {
     if (l <= 0 || c <= 0) return null;
     const u = new n.Container(), p = new n.Sprite(s);
     if (t === "circle") {
-      const C = Math.round(Math.max(l, c)), k = d + l / 2, A = h + c / 2;
-      d = Math.round(k - C / 2), h = Math.round(A - C / 2), l = c = C;
-      const P = new n.Graphics();
-      typeof P.circle == "function" && typeof P.fill == "function" ? P.circle(l / 2, c / 2, l / 2).fill(16777215) : (P.beginFill(16777215, 1), P.drawCircle(l / 2, c / 2, l / 2), P.endFill()), p.mask = P, u.addChild(P);
+      const C = Math.round(Math.max(l, c)), k = d + l / 2, P = h + c / 2;
+      d = Math.round(k - C / 2), h = Math.round(P - C / 2), l = c = C;
+      const A = new n.Graphics();
+      typeof A.circle == "function" && typeof A.fill == "function" ? A.circle(l / 2, c / 2, l / 2).fill(16777215) : (A.beginFill(16777215, 1), A.drawCircle(l / 2, c / 2, l / 2), A.endFill()), p.mask = A, u.addChild(A);
     }
     p.x = -d, p.y = -h, u.addChild(p);
     const m = n.RenderTexture.create({ width: l, height: c });
     r.renderer.render({ container: u, target: m, clear: !0 }), u.destroy({ children: !0 });
     const g = this.renderer.originalTexture;
     g && g !== this.renderer.baseTexture && g.destroy(!0), this.renderer.originalTexture = m, r.stage.removeChild(i), i.destroy();
-    const y = new n.Sprite(m);
-    return r.stage.addChild(y), this.renderer.sprite = y, this.renderer.fitScale = this.renderer.getFitScaleFor(m), this.renderer.setZoom(o, { keepCenter: !1 }), this.renderer.applyViewTransform(), this.renderer.render(), { texture: m, preservedZoom: o };
+    const _ = new n.Sprite(m);
+    return r.stage.addChild(_), this.renderer.sprite = _, this.renderer.fitScale = this.renderer.getFitScaleFor(m), this.renderer.setZoom(o, { keepCenter: !1 }), this.renderer.applyViewTransform(), this.renderer.render(), { texture: m, preservedZoom: o };
   }
   /**
    * Cancel crop
@@ -2772,7 +2805,7 @@ ve(J, "AUTO_ZOOM_PADDING", 1.1), /**
  * Minimum interval (ms) between auto-zoom adjustments during drag.
  */
 ve(J, "AUTO_ZOOM_THROTTLE_MS", 100);
-let Pe = J;
+let Ae = J;
 class Et {
   /**
    * Create a new RemoveBgManager
@@ -2873,8 +2906,8 @@ class Et {
       if (!c.ok) {
         let g = `Background removal failed (HTTP ${c.status})`;
         try {
-          const y = await c.text();
-          y && (g += `: ${y}`);
+          const _ = await c.text();
+          _ && (g += `: ${_}`);
         } catch {
         }
         throw new Error(g);
@@ -3163,7 +3196,7 @@ function Y({ icon: a, title: e, className: t = "", onClick: r, disabled: i = !1,
   const c = l.querySelector("svg");
   return c && c.setAttribute("aria-hidden", "true"), l;
 }
-function _e({ label: a, icon: e, active: t = !1, onClick: r }) {
+function ye({ label: a, icon: e, active: t = !1, onClick: r }) {
   const i = f("button", {
     type: "button",
     className: `chip ${t ? "active" : ""}`.trim(),
@@ -3200,7 +3233,7 @@ class It {
     e.appendChild(t);
     const r = f("div", { className: "toolbar-section toolbar-right" });
     this._themeBtn = Y({
-      icon: this.state.get("isDarkMode") ? Le : Re,
+      icon: this.state.get("isDarkMode") ? Re : Le,
       title: "Toggle Theme",
       className: "toolbar-btn toolbar-btn-theme",
       testId: "btn-toggle-theme",
@@ -3278,7 +3311,7 @@ class It {
     const l = o.querySelector("svg");
     l && l.setAttribute("aria-hidden", "true"), n.appendChild(o), n.appendChild(f("span", { className: "toolbar-save-label" }, "Save"));
     const c = Y({
-      icon: Ae,
+      icon: Pe,
       title: "Close",
       className: "toolbar-btn",
       testId: "btn-cancel-edit",
@@ -3292,7 +3325,7 @@ class It {
    */
   _subscribeToState() {
     const e = this.state.on("change:isDarkMode", ({ value: c }) => {
-      this._themeBtn.innerHTML = c ? Le : Re;
+      this._themeBtn.innerHTML = c ? Re : Le;
     });
     this._unsubscribers.push(e);
     const t = this.state.on("change:mode", ({ value: c }) => {
@@ -3351,7 +3384,7 @@ class Dt {
       className: "carousel-nav carousel-nav-left",
       onClick: () => this._scrollLeft()
     }), this._carousel = f("div", { className: "category-carousel" }), be.forEach((r) => {
-      const i = _e({
+      const i = ye({
         label: r.name,
         icon: r.icon,
         active: this.state.get("selectedCategory") === r.id,
@@ -3890,7 +3923,7 @@ class Yt {
         this._currentFilterId && ((h = this._onRemove) == null || h.call(this, this._currentFilterId), this.close());
       }
     }), d = Y({
-      icon: Ae,
+      icon: Pe,
       title: "Close",
       className: "btn-icon-sm",
       ariaLabel: "Close drawer",
@@ -4160,9 +4193,9 @@ class Ut {
   }
 }
 const Xt = [
-  { id: "free", name: "Free", icon: At },
+  { id: "free", name: "Free", icon: Pt },
   { id: "square", name: "Square", icon: Mt },
-  { id: "circle", name: "Circle", icon: Pt }
+  { id: "circle", name: "Circle", icon: At }
 ], Vt = [
   { id: "free", name: "Free" },
   { id: "1:1", name: "1:1" },
@@ -4206,7 +4239,7 @@ class Wt {
     e.appendChild(f("label", { className: "section-label" }, "Shape"));
     const t = f("div", { className: "chip-row" }), r = this.state.get("crop.shape");
     Xt.forEach((c) => {
-      const d = _e({
+      const d = ye({
         label: c.name,
         icon: c.icon,
         active: r === c.id,
@@ -4216,7 +4249,7 @@ class Wt {
     }), e.appendChild(t), this.element.appendChild(e), this.state.get("lockCropShape") && (e.style.display = "none"), this._shapeSection = e, this._aspectSection = f("div", { className: "crop-section" }), this._aspectSection.appendChild(f("label", { className: "section-label" }, "Aspect Ratio"));
     const i = f("div", { className: "chip-row aspect-row" }), s = this.state.get("crop.aspect");
     Vt.forEach((c) => {
-      const d = _e({
+      const d = ye({
         label: c.name,
         active: s === c.id,
         onClick: () => this._selectAspect(c.id)
@@ -4226,7 +4259,7 @@ class Wt {
     const n = f("div", { className: "crop-actions" }), o = j({
       label: "Cancel",
       className: "btn-secondary crop-cancel-btn",
-      icon: Ae,
+      icon: Pe,
       onClick: () => this.cropManager.cancel()
     });
     o.dataset.testid = "cancel-crop";
@@ -4269,7 +4302,7 @@ class Wt {
     n.dataset.testid = "rotate-270", t.appendChild(r), t.appendChild(i), t.appendChild(s), t.appendChild(n), e.appendChild(t);
     const o = f("div", { className: "chip-row rotation-preset-row" }), l = te(this.state.get("transform.rotation") ?? 0);
     Ht.forEach((p) => {
-      const m = _e({
+      const m = ye({
         label: p.label,
         active: Math.round(l) === p.angle,
         onClick: () => this._setRotation(p.angle)
@@ -4721,7 +4754,7 @@ class ii extends de {
       },
       ...i,
       ...t
-    }, this._preset = r, this._state = ht(), 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 ut(), this._filterManager = new Bt(this._state, this._renderer), this._cropManager = new Pe(this._state, this._renderer), this._removeBgManager = null, this._backgroundRemovalAvailable = !1, ((s = this._options.backgroundRemoval) == null ? void 0 : s.enabled) !== !1 && (this._removeBgManager = new Et({
+    }, this._preset = r, this._state = ht(), 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 ut(), this._filterManager = new Bt(this._state, this._renderer), this._cropManager = new Ae(this._state, this._renderer), this._removeBgManager = null, this._backgroundRemovalAvailable = !1, ((s = this._options.backgroundRemoval) == null ? void 0 : s.enabled) !== !1 && (this._removeBgManager = new Et({
       endpoint: (n = this._options.backgroundRemoval) == null ? void 0 : n.endpoint,
       optionsEndpoint: (o = this._options.backgroundRemoval) == null ? void 0 : o.optionsEndpoint,
       fallbackEndpoint: (l = this._options.backgroundRemoval) == null ? void 0 : l.fallbackEndpoint
@@ -4964,7 +4997,7 @@ class ii extends de {
         this._state.set("selectedFilter", i);
         const s = this._filterManager.getFilterDef(i);
         if (typeof (s == null ? void 0 : s.category) == "string") {
-          const n = Lt[s.category] ?? s.category;
+          const n = Rt[s.category] ?? s.category;
           this._state.set("selectedCategory", n);
         }
       }
@@ -5249,7 +5282,7 @@ const U = /* @__PURE__ */ new Map(), Q = /* @__PURE__ */ new Map();
 function Zt(a, e) {
   return !Array.isArray(a.mediaTargets) || a.mediaTargets.length === 0 ? !0 : a.mediaTargets.includes(e);
 }
-function _(a) {
+function y(a) {
   var e;
   return U.has(a.id), U.set(a.id, a), Q.has(a.category) || Q.set(a.category, []), (e = Q.get(a.category)) == null || e.push(a.id), a;
 }
@@ -5264,7 +5297,7 @@ function Jt() {
     (t) => /Filter$/.test(t[0]) && typeof t[1] == "function"
   ).forEach(([t, r]) => {
     const i = t.replace(/Filter$/, "").replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-    U.has(i) || _({
+    U.has(i) || y({
       id: i,
       name: t.replace(/Filter$/, ""),
       category: "unlisted",
@@ -5318,7 +5351,7 @@ function rr() {
 }
 if (typeof window < "u") {
   window.__DEBUG_FILTERS_LIST = Array.from(U.keys()), window.getAllFilters = xe, window.getFilter = Kt, window.getFiltersByCategory = Qt, window.getRegisteredFilters = rr;
-  const a = _;
+  const a = y;
   window.registerFilter = (e) => {
     const t = a(e);
     return window.__DEBUG_FILTERS_LIST = Array.from(U.keys()), t;
@@ -5374,7 +5407,7 @@ function nr(a) {
 function Ee(a, e) {
   a.reset(), a.brightness(e.brightness, !0), a.contrast(e.contrast, !0), a.saturate(e.saturation, !0);
 }
-_({
+y({
   id: "adjustment",
   name: "Adjustment",
   category: "adjust",
@@ -5559,7 +5592,7 @@ function hr(a) {
 function Ie(a, e) {
   a.reset(), e.brightness !== 1 && a.brightness(e.brightness, !0), e.contrast !== 1 && a.contrast(e.contrast, !0), e.saturation !== 1 && a.saturate(e.saturation, !0), e.hue !== 0 && a.hue(e.hue, !0), e.sepia > 0 && a.sepia(!0), e.negative && a.negative(!0);
 }
-_({
+y({
   id: "adjustment-advanced",
   name: "Advanced Adjustment",
   category: "adjust",
@@ -5658,7 +5691,7 @@ _({
   ]
 });
 const De = (a) => Math.max(0, Math.min(1, a));
-_({
+y({
   id: "alpha",
   name: "Alpha",
   category: "adjust",
@@ -5685,7 +5718,7 @@ _({
     }
   ]
 });
-_({
+y({
   id: "blur",
   name: "Blur",
   category: "blur",
@@ -5761,7 +5794,7 @@ function je(a) {
     negative: !!a.negative
   };
 }
-_({
+y({
   id: "color-matrix",
   name: "Color Matrix",
   category: "advanced",
@@ -5857,7 +5890,7 @@ _({
   ]
 });
 const { ColorOverlayFilter: dr } = v;
-_({
+y({
   id: "colorOverlay",
   name: "Color Overlay",
   category: "color",
@@ -5921,7 +5954,7 @@ _({
     }
   ]
 });
-_({
+y({
   id: "drop-shadow",
   name: "Drop Shadow",
   category: "effects",
@@ -5947,8 +5980,8 @@ _({
           y: a.pixelSizeY !== void 0 ? a.pixelSizeY : 1
         }
       }), l = (h, u, p, m) => {
-        const g = h * u * 2, y = Math.sqrt(p * p + m * m);
-        return Math.ceil(g + y + 2);
+        const g = h * u * 2, _ = Math.sqrt(p * p + m * m);
+        return Math.ceil(g + _ + 2);
       };
       o._exportPadding = l(i, s, n.x, n.y), o.padding = Math.max(o.padding ?? 0, o._exportPadding), o._customParams = {
         ...a,
@@ -5958,22 +5991,22 @@ _({
         _angle: r
       };
       const c = (h, u) => {
-        const p = Number(h._distance ?? h.distance ?? 5) * u, m = Number(h._angle ?? h.angle ?? 90), g = Number(h.blur ?? 2) * u, y = Number(h.quality ?? 3), C = {
+        const p = Number(h._distance ?? h.distance ?? 5) * u, m = Number(h._angle ?? h.angle ?? 90), g = Number(h.blur ?? 2) * u, _ = Number(h.quality ?? 3), C = {
           x: p * Math.cos(m * Math.PI / 180),
           y: p * Math.sin(m * Math.PI / 180)
-        }, k = h.color ? String(h.color).replace("#", "0x") : "0x000000", A = new v.DropShadowFilter({
+        }, k = h.color ? String(h.color).replace("#", "0x") : "0x000000", P = new v.DropShadowFilter({
           offset: C,
           color: parseInt(k, 16),
           alpha: h.alpha !== void 0 ? Number(h.alpha) : 0.5,
           blur: g,
-          quality: y,
+          quality: _,
           shadowOnly: h.shadowOnly !== void 0 ? !!h.shadowOnly : !1,
           pixelSize: {
             x: h.pixelSizeX !== void 0 ? Number(h.pixelSizeX) : 1,
             y: h.pixelSizeY !== void 0 ? Number(h.pixelSizeY) : 1
           }
-        }), P = l(g, y, C.x, C.y);
-        return A._exportPadding = P, A.padding = Math.max(A.padding ?? 0, P), A;
+        }), A = l(g, _, C.x, C.y);
+        return P._exportPadding = A, P.padding = Math.max(P.padding ?? 0, A), P;
       };
       o.createExportFilter = function(h = {}) {
         const u = Number.isFinite(h.previewToNativeScale) ? Math.max(1, Number(h.previewToNativeScale)) : 1, p = this._customParams || a;
@@ -5982,8 +6015,8 @@ _({
         return Number(this._exportPadding || this.padding || 0);
       };
       const d = (h) => {
-        var y;
-        const u = ((y = h._customParams) == null ? void 0 : y._offset) ?? { x: 0, y: 0 }, p = Number(h.blur ?? 0), m = Number(h.quality ?? 1), g = l(p, m, u.x, u.y);
+        var _;
+        const u = ((_ = h._customParams) == null ? void 0 : _._offset) ?? { x: 0, y: 0 }, p = Number(h.blur ?? 0), m = Number(h.quality ?? 1), g = l(p, m, u.x, u.y);
         h._exportPadding = g, h.padding = Math.max(h.padding ?? 0, g);
       };
       return o.updateUIParam = function(h, u) {
@@ -6135,7 +6168,7 @@ _({
   ]
 });
 const { ColorMatrixFilter: ur } = I;
-_({
+y({
   id: "grayscale",
   name: "Grayscale",
   category: "color",
@@ -6188,7 +6221,7 @@ function Ye(a, e) {
   a.reset(), a.greyscale(e);
 }
 const { HslAdjustmentFilter: pr } = v;
-_({
+y({
   id: "hsl-adjustment",
   name: "HSL Adjustment",
   category: "color",
@@ -6298,7 +6331,7 @@ _({
   ]
 });
 const { KawaseBlurFilter: fr } = v;
-_({
+y({
   id: "kawase-blur",
   name: "Kawase Blur",
   category: "blur",
@@ -6416,7 +6449,7 @@ _({
   ]
 });
 const { MotionBlurFilter: mr } = v;
-_({
+y({
   id: "motion-blur",
   name: "Motion Blur",
   category: "blur",
@@ -6524,7 +6557,7 @@ _({
   ]
 });
 const { RadialBlurFilter: gr } = v;
-_({
+y({
   id: "radial-blur",
   name: "Radial Blur",
   category: "blur",
@@ -6648,7 +6681,7 @@ _({
   ]
 });
 const { TiltShiftFilter: br } = v;
-_({
+y({
   id: "tilt-shift",
   name: "Tilt Shift",
   category: "blur",
@@ -6775,8 +6808,8 @@ _({
     }
   ]
 });
-const { ZoomBlurFilter: yr } = v;
-_({
+const { ZoomBlurFilter: _r } = v;
+y({
   id: "zoom-blur",
   name: "Zoom Blur",
   category: "blur",
@@ -6788,7 +6821,7 @@ _({
    */
   createFilter: (a) => {
     try {
-      const e = new yr({
+      const e = new _r({
         strength: a.strength || 0.1,
         center: {
           x: a.centerX !== void 0 ? a.centerX : 0.5,
@@ -6906,7 +6939,7 @@ const { ColorGradientFilter: Ue } = v;
 function st(a) {
   return parseInt(a.replace("#", "0x"), 16);
 }
-function _r(a) {
+function yr(a) {
   return "#" + a.toString(16).padStart(6, "0");
 }
 function Xe(a) {
@@ -6919,11 +6952,11 @@ function Xe(a) {
 function Ve(a) {
   return {
     offset: a.offset,
-    color: typeof a.color == "number" ? _r(a.color) : a.color,
+    color: typeof a.color == "number" ? yr(a.color) : a.color,
     alpha: a.alpha
   };
 }
-_({
+y({
   id: "color-gradient",
   name: "Color Gradient",
   category: "color",
@@ -7130,7 +7163,7 @@ _({
     }
   ]
 });
-_({
+y({
   id: "color-map",
   name: "Color Map",
   category: "color",
@@ -7214,7 +7247,7 @@ _({
   ]
 });
 const xr = v.ColorReplaceFilter;
-_({
+y({
   id: "color-replace",
   name: "Color Replace",
   category: "color",
@@ -7295,7 +7328,7 @@ _({
   ]
 });
 const wr = v.MultiColorReplaceFilter;
-_({
+y({
   id: "multi-color-replace",
   name: "Multi-Color Replace",
   category: "color",
@@ -7432,7 +7465,7 @@ _({
   ]
 });
 const { RGBSplitFilter: vr } = v;
-_({
+y({
   id: "rgb-split",
   name: "RGB Split",
   category: "color",
@@ -7566,7 +7599,7 @@ _({
   ]
 });
 const { AdvancedBloomFilter: Cr } = v;
-_({
+y({
   id: "advanced-bloom",
   name: "Advanced Bloom",
   category: "light",
@@ -7722,7 +7755,7 @@ _({
   ]
 });
 const kr = v.AsciiFilter;
-_({
+y({
   id: "ascii",
   name: "ASCII",
   category: "stylize",
@@ -7801,7 +7834,7 @@ _({
   ]
 });
 const Sr = v.BackdropBlurFilter;
-_({
+y({
   id: "backdrop-blur",
   name: "Backdrop Blur",
   category: "blur",
@@ -7908,7 +7941,7 @@ _({
   ]
 });
 const { BevelFilter: Fr } = v;
-_({
+y({
   id: "bevel",
   name: "Bevel",
   category: "effects",
@@ -8036,7 +8069,7 @@ _({
   ]
 });
 const { BloomFilter: Mr } = v;
-_({
+y({
   id: "bloom",
   name: "Bloom/Glow",
   category: "light",
@@ -8151,7 +8184,7 @@ const { BulgePinchFilter: He } = v, Se = (a) => {
   const e = Math.max(0, Number(a) || 0);
   return Math.ceil(e + 2);
 };
-_({
+y({
   id: "bulge-pinch",
   name: "Bulge/Pinch",
   category: "distortion",
@@ -8255,7 +8288,7 @@ _({
     }
   ]
 });
-const { ConvolutionFilter: Pr } = v, re = {
+const { ConvolutionFilter: Ar } = v, re = {
   normal: [0, 0, 0, 0, 1, 0, 0, 0, 0],
   gaussianBlur: [0.045, 0.122, 0.045, 0.122, 0.332, 0.122, 0.045, 0.122, 0.045],
   boxBlur: [1 / 9, 1 / 9, 1 / 9, 1 / 9, 1 / 9, 1 / 9, 1 / 9, 1 / 9, 1 / 9],
@@ -8266,7 +8299,7 @@ const { ConvolutionFilter: Pr } = v, re = {
   sobelHorizontal: [1, 2, 1, 0, 0, 0, -1, -2, -1],
   sobelVertical: [1, 0, -1, 2, 0, -2, 1, 0, -1]
 };
-_({
+y({
   id: "convolution",
   name: "Convolution Matrix",
   category: "effects",
@@ -8290,7 +8323,7 @@ _({
         const r = a.preset;
         e = re[r] || re.normal;
       }
-      const t = new Pr(e, a.width || 200, a.height || 200);
+      const t = new Ar(e, a.width || 200, a.height || 200);
       return t._customParams = { ...a }, t.updateUIParam = function(r, i) {
         const s = this._customParams || {};
         switch (this._customParams = s, s[r] = i, r) {
@@ -8501,8 +8534,8 @@ _({
     }
   ]
 });
-const { CrossHatchFilter: Ar } = v;
-_({
+const { CrossHatchFilter: Pr } = v;
+y({
   id: "cross-hatch",
   name: "Cross Hatch",
   category: "stylize",
@@ -8511,7 +8544,7 @@ _({
   // Note: CrossHatchFilter has NO parameters according to PixiJS examples
   createFilter: (a) => {
     try {
-      const e = new Ar();
+      const e = new Pr();
       return e.updateUIParam = function(t, r) {
         return !0;
       }, e;
@@ -8524,7 +8557,7 @@ _({
   // No UI controls since CrossHatchFilter has no parameters
   controls: []
 });
-_({
+y({
   id: "crt",
   name: "CRT Screen",
   category: "stylize",
@@ -8709,7 +8742,7 @@ _({
   ]
 });
 const Nr = I.DisplacementFilter, Tr = I.Sprite, Fe = I.Texture;
-_({
+y({
   id: "displacement",
   // ID must match what the application expects
   name: "Displacement Map",
@@ -8807,7 +8840,7 @@ _({
     }
   ]
 });
-_({
+y({
   id: "dot",
   name: "Dot Screen",
   category: "stylize",
@@ -8882,7 +8915,7 @@ _({
   ]
 });
 const { EmbossFilter: zr } = v;
-_({
+y({
   id: "emboss",
   name: "Emboss",
   category: "stylize",
@@ -8930,21 +8963,21 @@ _({
     }
   ]
 });
-const { GlitchFilter: Lr } = v, Z = {
+const { GlitchFilter: Rr } = v, Z = {
   TRANSPARENT: 0,
   ORIGINAL: 1,
   LOOP: 2,
   CLAMP: 3,
   MIRROR: 4
 };
-_({
+y({
   id: "glitch",
   name: "Glitch",
   category: "effects",
   description: "Apply digital distortion and glitch effects",
   createFilter: (a) => {
     try {
-      const e = { x: a.redX, y: a.redY }, t = { x: a.greenX, y: a.greenY }, r = { x: a.blueX, y: a.blueY }, i = new Lr({
+      const e = { x: a.redX, y: a.redY }, t = { x: a.greenX, y: a.greenY }, r = { x: a.blueX, y: a.blueY }, i = new Rr({
         slices: a.slices,
         offset: a.offset,
         direction: a.direction,
@@ -9185,8 +9218,8 @@ _({
     }
   ]
 });
-const { GlowFilter: Rr } = v;
-_({
+const { GlowFilter: Lr } = v;
+y({
   id: "glow",
   name: "Glow",
   category: "light",
@@ -9194,7 +9227,7 @@ _({
   // Create an instance of the GlowFilter with the provided parameters
   createFilter: (a) => {
     try {
-      const e = parseInt(a.color.replace("#", "0x"), 16), t = new Rr({
+      const e = parseInt(a.color.replace("#", "0x"), 16), t = new Lr({
         distance: a.distance || 10,
         outerStrength: a.outerStrength || 4,
         innerStrength: a.innerStrength || 0,
@@ -9321,7 +9354,7 @@ _({
   ]
 });
 const { GodrayFilter: Br } = v;
-_({
+y({
   id: "godray",
   name: "Godray",
   category: "light",
@@ -9483,7 +9516,7 @@ _({
   ]
 });
 const Er = v.SimpleLightmapFilter, We = I.Texture;
-_({
+y({
   id: "lightmap",
   name: "Lightmap",
   category: "light",
@@ -9614,7 +9647,7 @@ _({
   ]
 });
 const { NoiseFilter: Ir } = I;
-_({
+y({
   id: "noise",
   name: "Noise",
   category: "effects",
@@ -9699,7 +9732,7 @@ _({
   ]
 });
 const { OldFilmFilter: Dr } = v;
-_({
+y({
   id: "old-film",
   name: "Old Film",
   category: "effects",
@@ -9888,7 +9921,7 @@ _({
   ]
 });
 const { OutlineFilter: Or } = v;
-_({
+y({
   id: "outline",
   name: "Outline",
   category: "effects",
@@ -9988,7 +10021,7 @@ _({
   ]
 });
 const { PixelateFilter: jr } = v;
-_({
+y({
   id: "pixelate",
   name: "Pixelate",
   category: "effects",
@@ -10079,7 +10112,7 @@ _({
   ]
 });
 const { ReflectionFilter: Yr } = v;
-_({
+y({
   id: "reflection",
   // ID must match what the application expects
   name: "Reflection",
@@ -10247,7 +10280,7 @@ _({
   ]
 });
 const { ShockwaveFilter: Ur } = v;
-_({
+y({
   id: "shockwave",
   // ID must match what the application expects
   name: "Shockwave",
@@ -10399,7 +10432,7 @@ _({
   ]
 });
 const { SimplexNoiseFilter: Xr } = v;
-_({
+y({
   id: "simplex-noise",
   name: "Simplex Noise",
   category: "effects",
@@ -10561,7 +10594,7 @@ const { TwistFilter: Vr } = v, at = (a) => Math.ceil(Math.max(0, Number(a) || 0)
   }), p = at(h);
   return u.padding = Math.max(u.padding ?? 0, p), u._exportPadding = p, u;
 };
-_({
+y({
   id: "twist",
   name: "Twist",
   category: "distortion",
@@ -10648,7 +10681,7 @@ _({
   ]
 });
 const { AdjustmentFilter: Hr } = v;
-function ye(a) {
+function _e(a) {
   const e = typeof a == "string" ? parseInt(a.replace("#", "0x"), 16) : a;
   return [
     (e >> 16 & 255) / 255,
@@ -10663,7 +10696,7 @@ class Wr extends Hr {
       contrast: 1,
       saturation: 1,
       alpha: 1
-    }), this._radius = 0.8, this._strength = 1, this._colorRgb = [0, 0, 0], this._colorValue = "#000000", this._radius = e.radius ?? 0.8, this._strength = e.strength ?? 1, e.color !== void 0 && (typeof e.color == "string" ? (this._colorValue = e.color, this._colorRgb = ye(e.color)) : (this._colorValue = "#" + e.color.toString(16).padStart(6, "0"), this._colorRgb = ye(e.color))), this.updateVignette();
+    }), this._radius = 0.8, this._strength = 1, this._colorRgb = [0, 0, 0], this._colorValue = "#000000", this._radius = e.radius ?? 0.8, this._strength = e.strength ?? 1, e.color !== void 0 && (typeof e.color == "string" ? (this._colorValue = e.color, this._colorRgb = _e(e.color)) : (this._colorValue = "#" + e.color.toString(16).padStart(6, "0"), this._colorRgb = _e(e.color))), this.updateVignette();
   }
   /**
    * Updates the filter parameters to simulate a vignette effect
@@ -10689,10 +10722,10 @@ class Wr extends Hr {
     return this._colorValue;
   }
   set color(e) {
-    typeof e == "string" ? (this._colorValue = e, this._colorRgb = ye(e)) : (this._colorValue = "#" + e.toString(16).padStart(6, "0"), this._colorRgb = ye(e)), this.updateVignette();
+    typeof e == "string" ? (this._colorValue = e, this._colorRgb = _e(e)) : (this._colorValue = "#" + e.toString(16).padStart(6, "0"), this._colorRgb = _e(e)), this.updateVignette();
   }
 }
-_({
+y({
   id: "vignette",
   name: "Vignette",
   category: "effects",
@@ -10798,10 +10831,10 @@ export {
   $t as H,
   ht as I,
   Bt as J,
-  Pe as K,
+  Ae as K,
   It as L,
   Wt as M,
-  Lt as N,
+  Rt as N,
   xt as O,
   ut as P,
   Jt as Q,
@@ -10825,9 +10858,9 @@ export {
   et as m,
   Qe as n,
   Je as o,
-  Ae as p,
+  Pe as p,
   Kr as q,
-  _ as r,
+  y as r,
   Jr as s,
   Qr as t,
   ei as u,
@@ -10837,4 +10870,4 @@ export {
   Ct as y,
   St as z
 };
-//# sourceMappingURL=editor-4KRKCBKe.js.map
+//# sourceMappingURL=editor-DAJxTvzM.js.map