@codingfactory/mediables-vue 2.4.17 → 2.4.19

package/dist/{editor-COzKP3ld.js → editor-BfdrdqUU.js}

@@ -325,13 +325,13 @@ class Pe extends U {
       let F = i / M;
       r && (F = Math.min(1, F)), l = Math.round(o * F), c = Math.round(n * F);
     }
-    const d = this.sprite, h = d.x, p = d.y, m = d.scale.x, _ = d.scale.y, g = d.width, y = d.height;
+    const d = this.sprite, h = d.x, p = d.y, f = d.scale.x, _ = d.scale.y, g = d.width, y = d.height;
     if (g <= 0 || y <= 0)
       return null;
     const v = l / g, x = c / y;
     let P = null;
     try {
-      if (d.x = 0, d.y = 0, d.scale.x = m * v, d.scale.y = _ * x, P = a.RenderTexture.create({
+      if (d.x = 0, d.y = 0, d.scale.x = f * v, d.scale.y = _ * x, P = a.RenderTexture.create({
         width: Math.ceil(l),
         height: Math.ceil(c),
         resolution: 1
@@ -353,7 +353,7 @@ class Pe extends U {
     } catch {
       return null;
     } finally {
-      d.x = h, d.y = p, d.scale.x = m, d.scale.y = _, P && P.destroy(!0);
+      d.x = h, d.y = p, d.scale.x = f, d.scale.y = _, P && P.destroy(!0);
     }
   }
   /**
@@ -766,7 +766,7 @@ const X = class X extends U {
     const d = l.width / 3, h = l.height / 3;
     for (let y = 1; y <= 2; y++)
       n.beginPath(), n.moveTo(l.x + d * y, l.y), n.lineTo(l.x + d * y, l.y + l.height), n.stroke(), n.beginPath(), n.moveTo(l.x, l.y + h * y), n.lineTo(l.x + l.width, l.y + h * y), n.stroke();
-    const p = this.HANDLE_SIZE, m = [
+    const p = this.HANDLE_SIZE, f = [
       { x: l.x, y: l.y, m: "resize-nw" },
       { x: l.x + l.width, y: l.y, m: "resize-ne" },
       { x: l.x, y: l.y + l.height, m: "resize-sw" },
@@ -776,7 +776,7 @@ const X = class X extends U {
       { x: l.x + l.width / 2, y: l.y + l.height, m: "s" },
       { x: l.x, y: l.y + l.height / 2, m: "w" },
       { x: l.x + l.width, y: l.y + l.height / 2, m: "e" }
-    ], g = [...m, ..._];
+    ], g = [...f, ..._];
     for (const y of g) {
       const v = this._hoverMode === y.m, x = v ? p + 4 : p;
       n.beginPath(), n.rect(y.x - x / 2, y.y - x / 2, x, x), n.fillStyle = v ? "#4da3ff" : "#ffffff", n.strokeStyle = "rgba(0,0,0,0.6)", n.lineWidth = 1, n.fill(), n.stroke();
@@ -863,8 +863,18 @@ const X = class X extends U {
     if (!e || !t) return;
     let i = this.state.get("crop.rect");
     if (!i) {
-      const a = Math.min(e.screen.width, e.screen.height) * 0.7, o = t.x + (t.width - a) / 2, n = t.y + (t.height - a) / 2;
-      i = { x: o, y: n, width: a, height: a }, this.state.set("crop.rect", i), this.state.get("crop.shape") === "circle" && this.state.set("crop.aspect", "1:1"), this.state.get("crop.aspect") !== "free" && (this.applyAspectRatio(), this.constrainCropRect());
+      this.state.get("crop.shape") === "circle" && this.state.set("crop.aspect", "1:1");
+      const o = this.state.get("crop.aspect"), n = this._getAspectRatio(o);
+      let l, c;
+      if (n) {
+        const p = t.width * 0.9, f = t.height * 0.9;
+        p / f > n ? (c = f, l = c * n) : (l = p, c = l / n);
+      } else {
+        const p = Math.min(e.screen.width, e.screen.height) * 0.7;
+        l = p, c = p;
+      }
+      const d = t.x + (t.width - l) / 2, h = t.y + (t.height - c) / 2;
+      i = { x: d, y: h, width: l, height: c }, this.state.set("crop.rect", i), o !== "free" && this.constrainCropRect();
     }
     const r = e.stage;
     r.eventMode = "static", r.hitArea = e.screen, r.cursor = "crosshair", r.on("pointerdown", this._onPointerDown), r.on("pointermove", this._onPointerMove), r.on("pointerup", this._onPointerUp), r.on("pointerupoutside", this._onPointerUp), this.state.set("mode", "crop"), this.drawOverlay(), this.emit("enabled");
@@ -890,16 +900,16 @@ const X = class X extends U {
     const e = this.renderer.app, t = this.renderer.sprite, i = this.renderer.originalTexture, r = this.state.get("crop.rect");
     if (!r || !t || !e || !i) return null;
     const a = window.PIXI, o = this.renderer.zoom, n = i.width / t.width, l = i.height / t.height, c = (r.x - t.x) * n, d = (r.y - t.y) * l;
-    let h = Math.round(Math.max(1, r.width * n)), p = Math.round(Math.max(1, r.height * l)), m = Math.round(c), _ = Math.round(d);
+    let h = Math.round(Math.max(1, r.width * n)), p = Math.round(Math.max(1, r.height * l)), f = Math.round(c), _ = Math.round(d);
     if (h <= 0 || p <= 0) return null;
     const g = new a.Container(), y = new a.Sprite(i);
     if (this.state.get("crop.shape") === "circle") {
-      const $ = Math.round(Math.max(h, p)), _e = m + h / 2, xe = _ + p / 2;
-      m = Math.round(_e - $ / 2), _ = Math.round(xe - $ / 2), h = p = $;
+      const $ = Math.round(Math.max(h, p)), _e = f + h / 2, xe = _ + p / 2;
+      f = Math.round(_e - $ / 2), _ = Math.round(xe - $ / 2), h = p = $;
       const R = new a.Graphics();
       typeof R.circle == "function" && typeof R.fill == "function" ? R.circle(h / 2, p / 2, h / 2).fill(16777215) : (R.beginFill(16777215, 1), R.drawCircle(h / 2, p / 2, h / 2), R.endFill()), y.mask = R, g.addChild(R);
     }
-    y.x = -m, y.y = -_, g.addChild(y);
+    y.x = -f, y.y = -_, g.addChild(y);
     const x = a.RenderTexture.create({ width: h, height: p });
     e.renderer.render({
       container: g,
@@ -911,11 +921,11 @@ const X = class X extends U {
     const S = new a.Sprite(x);
     e.stage.addChild(S), this.renderer.sprite = S, this.renderer.fitScale = this.renderer.getFitScaleFor(x), this.renderer.setZoom(o, { keepCenter: !1 }), this.renderer.applyViewTransform(), this.renderer.render();
     const T = this.state.get("crop.appliedRect"), F = T && Number.isFinite(T.x) && Number.isFinite(T.y) && Number.isFinite(T.width) && Number.isFinite(T.height) ? {
-      x: Math.round(T.x + m),
+      x: Math.round(T.x + f),
       y: Math.round(T.y + _),
       width: h,
       height: p
-    } : { x: m, y: _, width: h, height: p }, B = this.state.get("crop.shape") || "free", V = this.state.get("crop.aspect") || "free";
+    } : { x: f, y: _, width: h, height: p }, B = this.state.get("crop.shape") || "free", V = this.state.get("crop.aspect") || "free";
     return this.disable(), this.state.set("crop.appliedRect", F), this.state.set("crop.appliedShape", B), this.state.set("crop.appliedAspect", V), this.emit("applied", { width: h, height: p }), { texture: x, preservedZoom: o };
   }
   /**
@@ -931,14 +941,14 @@ const X = class X extends U {
     const o = window.PIXI, n = this.renderer.zoom;
     let l = Math.round(Math.max(1, e.width)), c = Math.round(Math.max(1, e.height)), d = Math.round(e.x), h = Math.round(e.y);
     if (l <= 0 || c <= 0) return null;
-    const p = new o.Container(), m = new o.Sprite(a);
+    const p = new o.Container(), f = new o.Sprite(a);
     if (t === "circle") {
       const v = Math.round(Math.max(l, c)), x = d + l / 2, P = h + c / 2;
       d = Math.round(x - v / 2), h = Math.round(P - v / 2), l = c = v;
       const S = new o.Graphics();
-      typeof S.circle == "function" && typeof S.fill == "function" ? S.circle(l / 2, c / 2, l / 2).fill(16777215) : (S.beginFill(16777215, 1), S.drawCircle(l / 2, c / 2, l / 2), S.endFill()), m.mask = S, p.addChild(S);
+      typeof S.circle == "function" && typeof S.fill == "function" ? S.circle(l / 2, c / 2, l / 2).fill(16777215) : (S.beginFill(16777215, 1), S.drawCircle(l / 2, c / 2, l / 2), S.endFill()), f.mask = S, p.addChild(S);
     }
-    m.x = -d, m.y = -h, p.addChild(m);
+    f.x = -d, f.y = -h, p.addChild(f);
     const _ = o.RenderTexture.create({ width: l, height: c });
     i.renderer.render({ container: p, target: _, clear: !0 }), p.destroy({ children: !0 });
     const g = this.renderer.originalTexture;
@@ -1121,8 +1131,8 @@ function he({ id: s, label: e, min: t = 0, max: i = 1, step: r = 0.01, value: a
     step: String(r),
     value: String(a),
     onInput: (h) => {
-      const p = parseFloat(h.target.value), m = l.querySelector(".slider-value");
-      m && (m.textContent = Z(p)), o == null || o(p);
+      const p = parseFloat(h.target.value), f = l.querySelector(".slider-value");
+      f && (f.textContent = Z(p)), o == null || o(p);
     }
   });
   return l.appendChild(c), l.appendChild(d), l.setValue = (h) => {
@@ -2344,8 +2354,8 @@ class tt {
       className: `active-filter-item ${r ? "selected" : ""}`,
       "data-active-filter": e,
       "data-testid": `active-filter-${e}`,
-      onClick: (m) => {
-        m.target.closest(".filter-item-actions") || this._handleSelect(e);
+      onClick: (f) => {
+        f.target.closest(".filter-item-actions") || this._handleSelect(e);
       }
     }), o = u("div", { className: "filter-item-header" }), n = u("span", { className: "filter-item-name" }, t.name), l = u("div", { className: "filter-item-actions" }), c = C({
       icon: be,
@@ -2971,7 +2981,7 @@ const k = /* @__PURE__ */ new Map(), Y = /* @__PURE__ */ new Map();
 function rt(s, e) {
   return !Array.isArray(s.mediaTargets) || s.mediaTargets.length === 0 ? !0 : s.mediaTargets.includes(e);
 }
-function f(s) {
+function m(s) {
   var e;
   return k.has(s.id), k.set(s.id, s), Y.has(s.category) || Y.set(s.category, []), (e = Y.get(s.category)) == null || e.push(s.id), s;
 }
@@ -2986,7 +2996,7 @@ function at() {
     (t) => /Filter$/.test(t[0]) && typeof t[1] == "function"
   ).forEach(([t, i]) => {
     const r = t.replace(/Filter$/, "").replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-    k.has(r) || f({
+    k.has(r) || m({
       id: r,
       name: t.replace(/Filter$/, ""),
       category: "unlisted",
@@ -3040,7 +3050,7 @@ function ct() {
 }
 if (typeof window < "u") {
   window.__DEBUG_FILTERS_LIST = Array.from(k.keys()), window.getAllFilters = H, window.getFilter = st, window.getFiltersByCategory = ot, window.getRegisteredFilters = ct;
-  const s = f;
+  const s = m;
   window.registerFilter = (e) => {
     const t = s(e);
     return window.__DEBUG_FILTERS_LIST = Array.from(k.keys()), t;
@@ -3096,7 +3106,7 @@ function pt(s) {
 function ae(s, e) {
   s.reset(), s.brightness(e.brightness, !0), s.contrast(e.contrast, !0), s.saturate(e.saturation, !0);
 }
-f({
+m({
   id: "adjustment",
   name: "Adjustment",
   category: "adjust",
@@ -3281,7 +3291,7 @@ function bt(s) {
 function oe(s, e) {
   s.reset(), e.brightness !== 1 && s.brightness(e.brightness, !0), e.contrast !== 1 && s.contrast(e.contrast, !0), e.saturation !== 1 && s.saturate(e.saturation, !0), e.hue !== 0 && s.hue(e.hue, !0), e.sepia > 0 && s.sepia(!0), e.negative && s.negative(!0);
 }
-f({
+m({
   id: "adjustment-advanced",
   name: "Advanced Adjustment",
   category: "adjust",
@@ -3379,7 +3389,7 @@ f({
     }
   ]
 });
-f({
+m({
   id: "alpha",
   name: "Alpha",
   category: "adjust",
@@ -3423,7 +3433,7 @@ f({
     }
   ]
 });
-f({
+m({
   id: "blur",
   name: "Blur",
   category: "blur",
@@ -3486,7 +3496,7 @@ f({
     }
   ]
 });
-f({
+m({
   id: "color-matrix",
   name: "Color Matrix",
   category: "advanced",
@@ -3574,7 +3584,7 @@ f({
   ]
 });
 const { ColorOverlayFilter: yt } = b;
-f({
+m({
   id: "colorOverlay",
   name: "Color Overlay",
   category: "color",
@@ -3638,7 +3648,7 @@ f({
     }
   ]
 });
-f({
+m({
   id: "drop-shadow",
   name: "Drop Shadow",
   category: "effects",
@@ -3821,7 +3831,7 @@ f({
   ]
 });
 const { ColorMatrixFilter: _t } = w;
-f({
+m({
   id: "grayscale",
   name: "Grayscale",
   category: "color",
@@ -3874,7 +3884,7 @@ function ne(s, e) {
   s.reset(), s.greyscale(e);
 }
 const { HslAdjustmentFilter: xt } = b;
-f({
+m({
   id: "hsl-adjustment",
   name: "HSL Adjustment",
   category: "color",
@@ -3984,7 +3994,7 @@ f({
   ]
 });
 const { KawaseBlurFilter: Ct } = b;
-f({
+m({
   id: "kawase-blur",
   name: "Kawase Blur",
   category: "blur",
@@ -4102,7 +4112,7 @@ f({
   ]
 });
 const { MotionBlurFilter: wt } = b;
-f({
+m({
   id: "motion-blur",
   name: "Motion Blur",
   category: "blur",
@@ -4210,7 +4220,7 @@ f({
   ]
 });
 const { RadialBlurFilter: St } = b;
-f({
+m({
   id: "radial-blur",
   name: "Radial Blur",
   category: "blur",
@@ -4334,7 +4344,7 @@ f({
   ]
 });
 const { TiltShiftFilter: vt } = b;
-f({
+m({
   id: "tilt-shift",
   name: "Tilt Shift",
   category: "blur",
@@ -4462,7 +4472,7 @@ f({
   ]
 });
 const { ZoomBlurFilter: kt } = b;
-f({
+m({
   id: "zoom-blur",
   name: "Zoom Blur",
   category: "blur",
@@ -4589,7 +4599,7 @@ f({
   ]
 });
 const { ColorGradientFilter: le } = b;
-f({
+m({
   id: "color-gradient",
   name: "Color Gradient",
   category: "color",
@@ -4676,8 +4686,8 @@ f({
               // Will be adjusted later
               alpha: 1,
               color: (() => {
-                const h = Math.floor(Math.random() * 255), p = Math.floor(Math.random() * 255), m = Math.floor(Math.random() * 255);
-                return h << 16 | p << 8 | m;
+                const h = Math.floor(Math.random() * 255), p = Math.floor(Math.random() * 255), f = Math.floor(Math.random() * 255);
+                return h << 16 | p << 8 | f;
               })()
             };
             if (o.length > 0) {
@@ -4718,14 +4728,14 @@ f({
                 color: typeof p.color == "string" ? parseInt(p.color.replace("#", "0x")) : p.color,
                 alpha: p.alpha
               }));
-              h.sort((p, m) => p.offset - m.offset), this.stops = h;
+              h.sort((p, f) => p.offset - f.offset), this.stops = h;
             }
             break;
           default:
             if (/colorStops\[\d+\]\..*/.test(i)) {
               const h = i.match(/colorStops\[(\d+)\]\.(.*)/);
               if (h) {
-                const [p, m, _] = h, g = parseInt(m), y = [...this.stops];
+                const [p, f, _] = h, g = parseInt(f), y = [...this.stops];
                 if (g >= 0 && g < y.length)
                   return _ === "color" && typeof r == "string" ? y[g].color = parseInt(r.replace("#", "0x")) : (_ === "offset" || _ === "alpha") && (y[g][_] = r), this.stops = y, this.stops.sort((v, x) => v.offset - x.offset), a.colorStops = this.getColorStopsForUI(), !0;
               }
@@ -4832,7 +4842,7 @@ f({
     }
   ]
 });
-f({
+m({
   id: "color-map",
   name: "Color Map",
   category: "color",
@@ -4916,7 +4926,7 @@ f({
   ]
 });
 const Pt = b.ColorReplaceFilter;
-f({
+m({
   id: "color-replace",
   name: "Color Replace",
   category: "color",
@@ -4997,7 +5007,7 @@ f({
   ]
 });
 const Mt = b.MultiColorReplaceFilter;
-f({
+m({
   id: "multi-color-replace",
   name: "Multi-Color Replace",
   category: "color",
@@ -5134,7 +5144,7 @@ f({
   ]
 });
 const { RGBSplitFilter: Ft } = b;
-f({
+m({
   id: "rgb-split",
   name: "RGB Split",
   category: "color",
@@ -5268,7 +5278,7 @@ f({
   ]
 });
 const { AdvancedBloomFilter: At } = b;
-f({
+m({
   id: "advanced-bloom",
   name: "Advanced Bloom",
   category: "light",
@@ -5424,7 +5434,7 @@ f({
   ]
 });
 const zt = b.AsciiFilter;
-f({
+m({
   id: "ascii",
   name: "ASCII",
   category: "stylize",
@@ -5503,7 +5513,7 @@ f({
   ]
 });
 const Rt = b.BackdropBlurFilter;
-f({
+m({
   id: "backdrop-blur",
   name: "Backdrop Blur",
   category: "blur",
@@ -5610,7 +5620,7 @@ f({
   ]
 });
 const { BevelFilter: Nt } = b;
-f({
+m({
   id: "bevel",
   name: "Bevel",
   category: "effects",
@@ -5738,7 +5748,7 @@ f({
   ]
 });
 const { BloomFilter: Tt } = b;
-f({
+m({
   id: "bloom",
   name: "Bloom/Glow",
   category: "light",
@@ -5850,7 +5860,7 @@ f({
   ]
 });
 const { BulgePinchFilter: It } = b;
-f({
+m({
   id: "bulge-pinch",
   // ID must match what the application expects
   name: "Bulge/Pinch",
@@ -5952,7 +5962,7 @@ const { ConvolutionFilter: Et } = b, O = {
   sobelHorizontal: [1, 2, 1, 0, 0, 0, -1, -2, -1],
   sobelVertical: [1, 0, -1, 2, 0, -2, 1, 0, -1]
 };
-f({
+m({
   id: "convolution",
   name: "Convolution Matrix",
   category: "effects",
@@ -6188,7 +6198,7 @@ f({
   ]
 });
 const { CrossHatchFilter: Xt } = b;
-f({
+m({
   id: "cross-hatch",
   name: "Cross Hatch",
   category: "stylize",
@@ -6210,7 +6220,7 @@ f({
   // No UI controls since CrossHatchFilter has no parameters
   controls: []
 });
-f({
+m({
   id: "crt",
   name: "CRT Screen",
   category: "stylize",
@@ -6395,7 +6405,7 @@ f({
   ]
 });
 const Yt = w.DisplacementFilter, Bt = w.Sprite, K = w.Texture;
-f({
+m({
   id: "displacement",
   // ID must match what the application expects
   name: "Displacement Map",
@@ -6493,7 +6503,7 @@ f({
     }
   ]
 });
-f({
+m({
   id: "dot",
   name: "Dot Screen",
   category: "stylize",
@@ -6568,7 +6578,7 @@ f({
   ]
 });
 const { EmbossFilter: Ot } = b;
-f({
+m({
   id: "emboss",
   name: "Emboss",
   category: "stylize",
@@ -6623,7 +6633,7 @@ const { GlitchFilter: Lt } = b, I = {
   CLAMP: 3,
   MIRROR: 4
 };
-f({
+m({
   id: "glitch",
   name: "Glitch",
   category: "effects",
@@ -6872,7 +6882,7 @@ f({
   ]
 });
 const { GlowFilter: Dt } = b;
-f({
+m({
   id: "glow",
   name: "Glow",
   category: "light",
@@ -7007,7 +7017,7 @@ f({
   ]
 });
 const { GodrayFilter: Ut } = b;
-f({
+m({
   id: "godray",
   name: "Godray",
   category: "light",
@@ -7169,7 +7179,7 @@ f({
   ]
 });
 const Vt = b.SimpleLightmapFilter, ce = w.Texture;
-f({
+m({
   id: "lightmap",
   name: "Lightmap",
   category: "light",
@@ -7213,18 +7223,18 @@ f({
               h.textureType = d;
               const p = document.createElement("canvas");
               p.width = 256, p.height = 256;
-              const m = p.getContext("2d");
-              if (m) {
+              const f = p.getContext("2d");
+              if (f) {
                 if (d === "spotlight") {
-                  m.fillStyle = "black", m.fillRect(0, 0, 256, 256);
-                  const g = m.createRadialGradient(128, 128, 5, 128, 128, 80);
-                  g.addColorStop(0, "white"), g.addColorStop(0.5, "rgba(255, 255, 255, 0.5)"), g.addColorStop(1, "rgba(0, 0, 0, 0)"), m.fillStyle = g, m.beginPath(), m.arc(128, 128, 100, 0, Math.PI * 2), m.fill();
+                  f.fillStyle = "black", f.fillRect(0, 0, 256, 256);
+                  const g = f.createRadialGradient(128, 128, 5, 128, 128, 80);
+                  g.addColorStop(0, "white"), g.addColorStop(0.5, "rgba(255, 255, 255, 0.5)"), g.addColorStop(1, "rgba(0, 0, 0, 0)"), f.fillStyle = g, f.beginPath(), f.arc(128, 128, 100, 0, Math.PI * 2), f.fill();
                 } else if (d === "softlight") {
-                  const g = m.createLinearGradient(0, 0, 256, 256);
-                  g.addColorStop(0, "white"), g.addColorStop(0.3, "rgba(220, 220, 220, 1)"), g.addColorStop(0.7, "rgba(150, 150, 150, 1)"), g.addColorStop(1, "rgba(80, 80, 80, 1)"), m.fillStyle = g, m.fillRect(0, 0, 256, 256);
+                  const g = f.createLinearGradient(0, 0, 256, 256);
+                  g.addColorStop(0, "white"), g.addColorStop(0.3, "rgba(220, 220, 220, 1)"), g.addColorStop(0.7, "rgba(150, 150, 150, 1)"), g.addColorStop(1, "rgba(80, 80, 80, 1)"), f.fillStyle = g, f.fillRect(0, 0, 256, 256);
                 } else {
-                  const g = m.createRadialGradient(128, 128, 10, 128, 128, 160);
-                  g.addColorStop(0, "white"), g.addColorStop(0.3, "rgba(220, 220, 220, 1)"), g.addColorStop(0.6, "rgba(150, 150, 150, 1)"), g.addColorStop(1, "black"), m.fillStyle = g, m.fillRect(0, 0, 256, 256);
+                  const g = f.createRadialGradient(128, 128, 10, 128, 128, 160);
+                  g.addColorStop(0, "white"), g.addColorStop(0.3, "rgba(220, 220, 220, 1)"), g.addColorStop(0.6, "rgba(150, 150, 150, 1)"), g.addColorStop(1, "black"), f.fillStyle = g, f.fillRect(0, 0, 256, 256);
                 }
                 const _ = ce.from(p);
                 if (this.lightMap = _, this.enabled !== void 0) {
@@ -7300,7 +7310,7 @@ f({
   ]
 });
 const { NoiseFilter: jt } = w;
-f({
+m({
   id: "noise",
   name: "Noise",
   category: "effects",
@@ -7385,7 +7395,7 @@ f({
   ]
 });
 const { OldFilmFilter: qt } = b;
-f({
+m({
   id: "old-film",
   name: "Old Film",
   category: "effects",
@@ -7574,7 +7584,7 @@ f({
   ]
 });
 const { OutlineFilter: Ht } = b;
-f({
+m({
   id: "outline",
   name: "Outline",
   category: "effects",
@@ -7674,7 +7684,7 @@ f({
   ]
 });
 const { PixelateFilter: $t } = b;
-f({
+m({
   id: "pixelate",
   name: "Pixelate",
   category: "effects",
@@ -7765,7 +7775,7 @@ f({
   ]
 });
 const { ReflectionFilter: Wt } = b;
-f({
+m({
   id: "reflection",
   // ID must match what the application expects
   name: "Reflection",
@@ -7933,7 +7943,7 @@ f({
   ]
 });
 const { ShockwaveFilter: Zt } = b;
-f({
+m({
   id: "shockwave",
   // ID must match what the application expects
   name: "Shockwave",
@@ -7952,8 +7962,8 @@ f({
         time: c
       });
       return d._customParams = { ...s }, d.animating = s.animating ?? !1, d.updateUIParam = function(h, p) {
-        const m = this._customParams || {};
-        switch (this._customParams = m, m[h] = p, h) {
+        const f = this._customParams || {};
+        switch (this._customParams = f, f[h] = p, h) {
           case "centerX":
             this.center || (this.center = { x: 0.5, y: 0.5 }), this.center.x = p;
             break;
@@ -8085,7 +8095,7 @@ f({
   ]
 });
 const { SimplexNoiseFilter: Gt } = b;
-f({
+m({
   id: "simplex-noise",
   name: "Simplex Noise",
   category: "effects",
@@ -8343,7 +8353,7 @@ class Kt extends w.Filter {
     }
   }
 }
-f({
+m({
   id: "twist",
   name: "Twist",
   category: "distortion",
@@ -8465,7 +8475,7 @@ class Jt extends Qt {
     typeof e == "string" ? (this._colorValue = e, this._colorRgb = q(e)) : (this._colorValue = "#" + e.toString(16).padStart(6, "0"), this._colorRgb = q(e)), this.updateVignette();
   }
 }
-f({
+m({
   id: "vignette",
   name: "Vignette",
   category: "effects",
@@ -8571,6 +8581,6 @@ export {
   H as g,
   ri as h,
   ai as i,
-  f as r
+  m as r
 };
-//# sourceMappingURL=editor-COzKP3ld.js.map
+//# sourceMappingURL=editor-BfdrdqUU.js.map