easy-email-pro-kit 1.34.0 → 1.34.2

package/lib/index.es.js

@@ -9,7 +9,7 @@ var Wt = (e, n, d) => n in e ? yn(e, n, { enumerable: !0, configurable: !0, writ
     for (var d of it(n))
       Yt.call(n, d) && Wt(e, d, n[d]);
   return e;
-}, He = (e, n) => fn(e, wn(n));
+}, Ue = (e, n) => fn(e, wn(n));
 var ft = (e, n) => {
   var d = {};
   for (var p in e)
@@ -20,25 +20,25 @@ var ft = (e, n) => {
   return d;
 };
 var Se = (e, n, d) => new Promise((p, f) => {
-  var M = (u) => {
+  var w = (u) => {
     try {
       a(d.next(u));
-    } catch (w) {
-      f(w);
+    } catch (M) {
+      f(M);
     }
   }, m = (u) => {
     try {
       a(d.throw(u));
-    } catch (w) {
-      f(w);
+    } catch (M) {
+      f(M);
     }
-  }, a = (u) => u.done ? p(u.value) : Promise.resolve(u.value).then(M, m);
+  }, a = (u) => u.done ? p(u.value) : Promise.resolve(u.value).then(w, m);
   a((d = d.apply(e, n)).next());
 });
 import { createCustomBlock as qe, t as X, mergeBlock as $e, ElementCategory as et, NodeUtils as Mn, components as qt, ElementPlugin as tt, BlockManager as nt } from "easy-email-pro-core";
-import { AttributesPanelWrapper as rt, ResponsiveTabs as Lt, useEditorContext as Je, CollapseWrapper as Re, AttributeField as R, ResponsiveField as B, previewLoadImage as $t, useElementInteract as xn, ConfigPanelsMap as ot } from "easy-email-pro-theme";
+import { AttributesPanelWrapper as rt, ResponsiveTabs as Lt, useEditorContext as He, CollapseWrapper as Re, AttributeField as R, ResponsiveField as B, previewLoadImage as $t, useElementInteract as xn, ConfigPanelsMap as ot } from "easy-email-pro-theme";
 import { cloneDeep as De, flatMap as Tn, get as en, isEqual as _e, set as Ge, merge as vn } from "lodash";
-import h, { useState as Fe, useEffect as Ue, useRef as zt, useMemo as Sn, useCallback as Ct } from "react";
+import h, { useState as Fe, useEffect as Je, useRef as zt, useMemo as Sn, useCallback as Ct } from "react";
 import { Collapse as ue, Button as ct, Message as dt, Grid as je, Divider as wt, Radio as Mt, Form as Zn, Space as Nn, InputNumber as Kt } from "@arco-design/web-react";
 import { ActiveTabKeys as de, useEditorProps as ut, useSelectedNode as ke, useEditorState as mt } from "easy-email-pro-editor";
 import { useSlate as Et, ReactEditor as tn } from "slate-react";
@@ -74,14 +74,14 @@ function Ln(e) {
     case "day":
       p = 60 * 60 * 24 * p;
   }
-  const { day: f, hour: M, minute: m, second: a } = nn(p), u = [
+  const { day: f, hour: w, minute: m, second: a } = nn(p), u = [
     {
       unit: "days",
       value: f
     },
     {
       unit: "hrs",
-      value: M
+      value: w
     },
     {
       unit: "mins",
@@ -109,10 +109,10 @@ function Ln(e) {
           paddingBottom: 15
         }
       },
-      u.map((w, x) => /* @__PURE__ */ h.createElement(
+      u.map((M, x) => /* @__PURE__ */ h.createElement(
         "div",
         {
-          key: w.unit,
+          key: M.unit,
           style: {
             display: "flex",
             alignItems: "center",
@@ -135,12 +135,12 @@ function Ln(e) {
               fontSize: 24
             }
           },
-          /* @__PURE__ */ h.createElement("div", { style: { height: "100%", overflow: "hidden" } }, /* @__PURE__ */ h.createElement("div", { className: w.unit }, w.value))
+          /* @__PURE__ */ h.createElement("div", { style: { height: "100%", overflow: "hidden" } }, /* @__PURE__ */ h.createElement("div", { className: M.unit }, M.value))
         ),
         x !== u.length - 1 && /* @__PURE__ */ h.createElement(
           "div",
           {
-            key: w.unit,
+            key: M.unit,
             style: { margin: "0px 10px", fontWeight: "bold" }
           },
           ":"
@@ -156,10 +156,10 @@ function Ln(e) {
           paddingBottom: 10
         }
       },
-      u.map((w, x) => /* @__PURE__ */ h.createElement(
+      u.map((M, x) => /* @__PURE__ */ h.createElement(
         "div",
         {
-          key: w.unit,
+          key: M.unit,
           style: {
             display: "flex",
             alignItems: "center",
@@ -169,7 +169,7 @@ function Ln(e) {
         /* @__PURE__ */ h.createElement(
           "div",
           {
-            key: w.unit,
+            key: M.unit,
             style: {
               width: 50,
               display: "flex",
@@ -180,7 +180,7 @@ function Ln(e) {
               textAlign: "center"
             }
           },
-          w.unit
+          M.unit
         ),
         x !== u.length - 1 && /* @__PURE__ */ h.createElement(
           "div",
@@ -267,18 +267,18 @@ const { SlateNodePlaceholder: En } = qt, xt = {
       mode: d,
       context: { content: p },
       displayMode: f
-    } = e, { attributes: M, children: m } = n;
+    } = e, { attributes: w, children: m } = n;
     if (d === "testing") {
       const a = parseInt(p.attributes.width || "600"), u = f === "only-mobile" ? 375 / a : 1;
       return /* @__PURE__ */ h.createElement("mj-section", { padding: "0px" }, /* @__PURE__ */ h.createElement("mj-column", { padding: "0px" }, /* @__PURE__ */ h.createElement("div", null, /* @__PURE__ */ h.createElement(
         "div",
         {
           style: {
-            backgroundColor: M["background-color"],
-            paddingBottom: M["padding-bottom"],
-            paddingTop: M["padding-top"],
-            paddingLeft: M["padding-left"],
-            paddingRight: M["padding-right"],
+            backgroundColor: w["background-color"],
+            paddingBottom: w["padding-bottom"],
+            paddingTop: w["padding-top"],
+            paddingLeft: w["padding-left"],
+            paddingRight: w["padding-right"],
             fontSize: "0px",
             lineHeight: 1,
             zoom: u
@@ -293,7 +293,7 @@ const { SlateNodePlaceholder: En } = qt, xt = {
               display: "table"
             }
           },
-          m.map((w, x) => Mn.isElement(w) ? /* @__PURE__ */ h.createElement(En, { key: x, node: w }) : null),
+          m.map((M, x) => Mn.isElement(M) ? /* @__PURE__ */ h.createElement(En, { key: x, node: M }) : null),
           /* @__PURE__ */ h.createElement("mj-spacer", { height: "20px" }),
           /* @__PURE__ */ h.createElement(Ln, { attributes: n.attributes, data: n.data })
         )
@@ -301,7 +301,7 @@ const { SlateNodePlaceholder: En } = qt, xt = {
     }
     return /* @__PURE__ */ h.createElement(
       "mj-image",
-      He(fe({}, e.node.attributes), {
+      Ue(fe({}, e.node.attributes), {
         "padding-bottom": "0px",
         "padding-top": "0px",
         "padding-left": "0px",
@@ -361,14 +361,14 @@ const { SlateNodePlaceholder: En } = qt, xt = {
       "border-enabled": d,
       "border-width": p,
       "border-style": f,
-      "border-color": M
+      "border-color": w
     } = u, m = ft(u, [
       "border-enabled",
       "border-width",
       "border-style",
       "border-color"
-    ]), a = d ? `${p || "1px"} ${f || "solid"} ${M || "#AAAAAA"}` : "";
-    return /* @__PURE__ */ h.createElement("mj-image", He(fe({}, m), { border: a }));
+    ]), a = d ? `${p || "1px"} ${f || "solid"} ${w || "#AAAAAA"}` : "";
+    return /* @__PURE__ */ h.createElement("mj-image", Ue(fe({}, m), { border: a }));
   }
 }), Tt = {
   attributes: {
@@ -505,7 +505,7 @@ const { SlateNodePlaceholder: En } = qt, xt = {
       mode: d,
       context: { content: p },
       displayMode: f
-    } = e, { data: M, attributes: m } = n;
+    } = e, { data: w, attributes: m } = n;
     if (d === "testing") {
       const a = parseInt(
         m.width || p.attributes.width || "600"
@@ -517,10 +517,10 @@ const { SlateNodePlaceholder: En } = qt, xt = {
             width: "100%"
           }
         },
-        /* @__PURE__ */ h.createElement(Wn, { attributes: m, data: M, scale: u })
+        /* @__PURE__ */ h.createElement(Wn, { attributes: m, data: w, scale: u })
       )))));
     }
-    return /* @__PURE__ */ h.createElement("mj-image", fe({}, m));
+    return /* @__PURE__ */ h.createElement("mj-image", Ue(fe({}, m), { href: w["video-link"] }));
   }
 }), { SlateNodePlaceholder: st } = qt, St = {
   attributes: {
@@ -582,11 +582,11 @@ const { SlateNodePlaceholder: En } = qt, xt = {
     const { node: n } = e, z = De(n.attributes), {
       "border-enabled": p,
       "border-width": f,
-      "border-style": M,
+      "border-style": w,
       "border-color": m,
       "vertical-align": a = "top",
       "first-column-width": u = 50
-    } = z, w = ft(z, [
+    } = z, M = ft(z, [
       "border-enabled",
       "border-width",
       "border-style",
@@ -594,9 +594,9 @@ const { SlateNodePlaceholder: En } = qt, xt = {
       "vertical-align",
       "first-column-width"
     ]);
-    w["background-image-enabled"] || (delete w["background-image-enabled"], w["background-url"] = "");
-    const x = p ? `${f || "1px"} ${M || "solid"} ${m || "#AAAAAA"}` : "", Y = n.children[0], G = n.children[1];
-    return n.data.stackOnMobile ? /* @__PURE__ */ h.createElement("mj-section", He(fe({}, w), { border: x }), /* @__PURE__ */ h.createElement(
+    M["background-image-enabled"] || (delete M["background-image-enabled"], M["background-url"] = "");
+    const x = p ? `${f || "1px"} ${w || "solid"} ${m || "#AAAAAA"}` : "", Y = n.children[0], G = n.children[1];
+    return n.data.stackOnMobile ? /* @__PURE__ */ h.createElement("mj-section", Ue(fe({}, M), { border: x }), /* @__PURE__ */ h.createElement(
       "mj-column",
       {
         width: u + "%",
@@ -610,7 +610,7 @@ const { SlateNodePlaceholder: En } = qt, xt = {
         "vertical-align": a
       },
       /* @__PURE__ */ h.createElement(st, { node: G })
-    )) : /* @__PURE__ */ h.createElement("mj-section", He(fe({}, w), { border: x }), /* @__PURE__ */ h.createElement("mj-group", null, /* @__PURE__ */ h.createElement(
+    )) : /* @__PURE__ */ h.createElement("mj-section", Ue(fe({}, M), { border: x }), /* @__PURE__ */ h.createElement("mj-group", null, /* @__PURE__ */ h.createElement(
       "mj-column",
       {
         width: u + "%",
@@ -635,8 +635,8 @@ const { SlateNodePlaceholder: En } = qt, xt = {
   const n = new Image();
   return n.crossOrigin = "anonymous", new Promise((d, p) => {
     n.onload = () => {
-      const f = n.width, M = n.height;
-      Ae.width = f, Ae.height = M, Be.clearRect(0, 0, f, M), Be.drawImage(n, 0, 0), d(Ae.toDataURL());
+      const f = n.width, w = n.height;
+      Ae.width = f, Ae.height = w, Be.clearRect(0, 0, f, w), Be.drawImage(n, 0, 0), d(Ae.toDataURL());
     }, n.onerror = p, n.src = e.src;
   });
 }), Yn = (e) => new Promise((n) => {
@@ -686,12 +686,12 @@ function on(e) {
 }
 const an = function(d) {
   return Se(this, arguments, function* (e, n = {}) {
-    const p = n.width || e.offsetWidth, f = n.height || e.offsetHeight, { overwrite: M = [], wrapper: m = (x) => x } = n, a = on(e);
+    const p = n.width || e.offsetWidth, f = n.height || e.offsetHeight, { overwrite: w = [], wrapper: m = (x) => x } = n, a = on(e);
     if (a.setAttribute("xmlns", "http://www.w3.org/1999/xhtml"), a.classList.remove("outline"), n.styleText) {
       const x = document.createElement("style");
       x.innerHTML = n.styleText, a.appendChild(x);
     }
-    M.forEach((x) => {
+    w.forEach((x) => {
       if (x.selector === "" && x instanceof HTMLElement) {
         const Y = x.style;
         Object.keys(x.style).forEach((G) => {
@@ -716,8 +716,8 @@ const an = function(d) {
       }))
     );
     const u = new XMLSerializer().serializeToString(m(a));
-    let w = 'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="' + p + '" height="' + f + '"><foreignObject x="0" y="0" width="100%" height="100%">' + u + "</foreignObject></svg>";
-    return w = w.replace(/\n/g, "").replace(/\t/g, "").replace(/#/g, "%23"), w;
+    let M = 'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="' + p + '" height="' + f + '"><foreignObject x="0" y="0" width="100%" height="100%">' + u + "</foreignObject></svg>";
+    return M = M.replace(/\n/g, "").replace(/\t/g, "").replace(/#/g, "%23"), M;
   });
 };
 var Xn = Object.defineProperty, On = Object.defineProperties, Vn = Object.getOwnPropertyDescriptors, Ft = Object.getOwnPropertySymbols, jn = Object.prototype.hasOwnProperty, Pn = Object.prototype.propertyIsEnumerable, Ze = Math.pow, Rt = (e, n, d) => n in e ? Xn(e, n, { enumerable: !0, configurable: !0, writable: !0, value: d }) : e[n] = d, We = (e, n) => {
@@ -728,19 +728,19 @@ var Xn = Object.defineProperty, On = Object.defineProperties, Vn = Object.getOwn
       Pn.call(n, d) && Rt(e, d, n[d]);
   return e;
 }, Qe = (e, n) => On(e, Vn(n)), Ee = (e, n, d) => new Promise((p, f) => {
-  var M = (u) => {
+  var w = (u) => {
     try {
       a(d.next(u));
-    } catch (w) {
-      f(w);
+    } catch (M) {
+      f(M);
     }
   }, m = (u) => {
     try {
       a(d.throw(u));
-    } catch (w) {
-      f(w);
+    } catch (M) {
+      f(M);
     }
-  }, a = (u) => u.done ? p(u.value) : Promise.resolve(u.value).then(M, m);
+  }, a = (u) => u.done ? p(u.value) : Promise.resolve(u.value).then(w, m);
   a((d = d.apply(e, n)).next());
 });
 const An = typeof window < "u", ae = 65536 - 1, Pe = ae * ae, Fn = 512 - 1, Zt = [
@@ -1531,11 +1531,11 @@ function Ce(e, n) {
   return (e ^ n) < 0 ? (e - n / 2) / n : (e + n / 2) / n;
 }
 function sn(e) {
-  const n = Zt[e >> 16 & 255], d = Zt[e >> 8 & 255], p = Zt[e & 255], f = (27015 * n + 35149 * d + 3372 * p + ae / 2) / ae, M = (13887 * n + 44610 * d + 7038 * p + ae / 2) / ae, m = (5787 * n + 18462 * d + 41286 * p + ae / 2) / ae, a = Nt(f), u = Nt(M), w = Nt(m);
+  const n = Zt[e >> 16 & 255], d = Zt[e >> 8 & 255], p = Zt[e & 255], f = (27015 * n + 35149 * d + 3372 * p + ae / 2) / ae, w = (13887 * n + 44610 * d + 7038 * p + ae / 2) / ae, m = (5787 * n + 18462 * d + 41286 * p + ae / 2) / ae, a = Nt(f), u = Nt(w), M = Nt(m);
   return [
-    Ce(13792 * a + 52010 * u - 267 * w, ae),
-    Ce(129628 * a - 159158 * u + 29530 * w, ae),
-    Ce(1698 * a + 51299 * u - 52997 * w, ae)
+    Ce(13792 * a + 52010 * u - 267 * M, ae),
+    Ce(129628 * a - 159158 * u + 29530 * M, ae),
+    Ce(1698 * a + 51299 * u - 52997 * M, ae)
   ];
 }
 function It(e) {
@@ -1544,17 +1544,17 @@ function It(e) {
   if (e >= ae)
     return 255;
   {
-    const n = e * Fn, d = ~~(n / ae), p = n % ae, f = Ut[d], M = Ut[d + 1];
-    return (p * (M - f) + ae / 2) / ae + f;
+    const n = e * Fn, d = ~~(n / ae), p = n % ae, f = Ut[d], w = Ut[d + 1];
+    return (p * (w - f) + ae / 2) / ae + f;
   }
 }
 function Rn(e) {
-  const n = e[0] + Ce(25974 * e[1], ae) + Ce(14143 * e[2], ae), d = e[0] + Ce(-6918 * e[1], ae) + Ce(-4185 * e[2], ae), p = e[0] + Ce(-5864 * e[1], ae) + Ce(-84638 * e[2], ae), f = Ze(n, 2) * n / Pe, M = Ze(d, 2) * d / Pe, m = Ze(p, 2) * p / Pe, a = It((267169 * f + -216771 * M + 15137 * m + ae / 2) / ae), u = It((-83127 * f + 171030 * M + -22368 * m + ae / 2) / ae), w = It((-275 * f + -46099 * M + 111909 * m + ae / 2) / ae);
-  return a << 16 | u << 8 | w;
+  const n = e[0] + Ce(25974 * e[1], ae) + Ce(14143 * e[2], ae), d = e[0] + Ce(-6918 * e[1], ae) + Ce(-4185 * e[2], ae), p = e[0] + Ce(-5864 * e[1], ae) + Ce(-84638 * e[2], ae), f = Ze(n, 2) * n / Pe, w = Ze(d, 2) * d / Pe, m = Ze(p, 2) * p / Pe, a = It((267169 * f + -216771 * w + 15137 * m + ae / 2) / ae), u = It((-83127 * f + 171030 * w + -22368 * m + ae / 2) / ae), M = It((-275 * f + -46099 * w + 111909 * m + ae / 2) / ae);
+  return a << 16 | u << 8 | M;
 }
 function Un(e) {
-  const n = { l: 0, a: 1, b: 2 }, d = e[0], p = e[1], f = e[2], M = n[d], m = n[p], a = n[f];
-  return (u, w) => u.oklab[M] - w.oklab[M] || u.oklab[m] - w.oklab[m] || u.oklab[a] - w.oklab[a];
+  const n = { l: 0, a: 1, b: 2 }, d = e[0], p = e[1], f = e[2], w = n[d], m = n[p], a = n[f];
+  return (u, M) => u.oklab[w] - M.oklab[w] || u.oklab[m] - M.oklab[m] || u.oklab[a] - M.oklab[a];
 }
 function Jn(e, n, d) {
   return e >= n ? n >= d ? "lab" : e >= d ? "lba" : "bla" : e >= d ? "alb" : n >= d ? "abl" : "bal";
@@ -1597,18 +1597,18 @@ function cn(e) {
     finderCache: p
   } = n;
   function f(m, a, u) {
-    const { left: w, right: x, longest: Y, oklab: G, colorBoxIndex: z } = d[m], W = Math.min(
+    const { left: M, right: x, longest: Y, oklab: G, colorBoxIndex: z } = d[m], W = Math.min(
       Ze(a[0] - G[0], 2) + Ze(a[1] - G[1], 2) + Ze(a[2] - G[2], 2),
       4294967295 - 1
     );
     W < u.dist && (u.colorBoxIndex = z, u.dist = W);
     let T, O;
-    if (w !== -1 || x !== -1) {
+    if (M !== -1 || x !== -1) {
       const _ = a[Y] - G[Y];
-      _ <= 0 ? (T = w, O = x) : (T = x, O = w), T !== -1 && f(T, a, u), O !== -1 && Ze(_, 2) < u.dist && f(O, a, u);
+      _ <= 0 ? (T = M, O = x) : (T = x, O = M), T !== -1 && f(T, a, u), O !== -1 && Ze(_, 2) < u.dist && f(O, a, u);
     }
   }
-  function M(m) {
+  function w(m) {
     const a = {
       dist: Number.MAX_SAFE_INTEGER,
       colorBoxIndex: -1
@@ -1619,8 +1619,8 @@ function cn(e) {
     const a = m % 32768;
     let u = p.get(a);
     u || (u = /* @__PURE__ */ new Map(), p.set(a, u));
-    let w = u.get(m);
-    return w !== void 0 || (w = M(sn(m)), u.set(m, w)), w;
+    let M = u.get(m);
+    return M !== void 0 || (M = w(sn(m)), u.set(m, M)), M;
   };
 }
 function _n(e, n) {
@@ -1635,42 +1635,42 @@ function _n(e, n) {
     });
   const f = [];
   for (let m = d.length, a = 0; a < m; a++) {
-    const { srgb: u, weight: w } = d[a];
+    const { srgb: u, weight: M } = d[a];
     f.push({
       value: [
         u >> 16 & 255,
         u >> 8 & 255,
         u & 255
       ],
-      percentage: w / p
+      percentage: M / p
     });
   }
-  let M;
+  let w;
   if (n === "buffer") {
-    M = new Uint8ClampedArray(f.length * 4);
+    w = new Uint8ClampedArray(f.length * 4);
     for (let m = f.length, a = 0; a < m; a++) {
-      const u = a * 4, w = f[a].value;
-      M[u] = w[0], M[u + 1] = w[1], M[u + 2] = w[2], M[u + 3] = 255;
+      const u = a * 4, M = f[a].value;
+      w[u] = M[0], w[u + 1] = M[1], w[u + 2] = M[2], w[u + 3] = 255;
     }
   } else if (n === "hex") {
-    M = [];
+    w = [];
     for (let m = f.length, a = 0; a < m; a++) {
-      const { value: u, percentage: w } = f[a], x = u[0].toString(16).padStart(2, "0"), Y = u[1].toString(16).padStart(2, "0"), G = u[2].toString(16).padStart(2, "0");
-      M.push({
+      const { value: u, percentage: M } = f[a], x = u[0].toString(16).padStart(2, "0"), Y = u[1].toString(16).padStart(2, "0"), G = u[2].toString(16).padStart(2, "0");
+      w.push({
         value: `#${x}${Y}${G}`,
-        percentage: w
+        percentage: M
       });
     }
   } else
-    M = f;
-  return M;
+    w = f;
+  return w;
 }
 function Gt(e, n, d) {
-  var p, f, M, m;
+  var p, f, w, m;
   const {
     getContext2d: a,
     previousSample: u,
-    skipTransparent: w
+    skipTransparent: M
   } = d, {
     statsMode: x,
     colorSamples: Y,
@@ -1688,7 +1688,7 @@ function Gt(e, n, d) {
         W.push(
           (p = n[O][0]) != null ? p : 0,
           (f = n[O][1]) != null ? f : 0,
-          (M = n[O][2]) != null ? M : 0,
+          (w = n[O][2]) != null ? w : 0,
           (m = n[O][3]) != null ? m : 255
         );
       z = new Uint8ClampedArray(W);
@@ -1717,7 +1717,7 @@ function Gt(e, n, d) {
   }
   for (let W = z.length, T = 0; T < W; T += 4) {
     const O = z[T], _ = z[T + 1], ie = z[T + 2], te = z[T + 3];
-    if (w && te === 0 || x === "diff" && u && O === u[T] && _ === u[T + 1] && ie === u[T + 2] && te === u[T + 3])
+    if (M && te === 0 || x === "diff" && u && O === u[T] && _ === u[T + 1] && ie === u[T + 2] && te === u[T + 3])
       continue;
     const $ = O << 16 | _ << 8 | ie, P = te * 1e8 + $, L = P % 32768;
     let se = G.get(L);
@@ -1739,15 +1739,15 @@ function Gt(e, n, d) {
 function dn(e, n) {
   const { colorSamples: d } = n, { start: p, end: f } = e;
   e.length = f - p, e.weight = 0;
-  const M = [0, 0, 0];
+  const w = [0, 0, 0];
   for (let a = p; a < f; a++) {
     const u = d[a];
-    M[0] += u.oklab[0] * u.count, M[1] += u.oklab[1] * u.count, M[2] += u.oklab[2] * u.count, e.weight += u.count;
+    w[0] += u.oklab[0] * u.count, w[1] += u.oklab[1] * u.count, w[2] += u.oklab[2] * u.count, e.weight += u.count;
   }
   e.oklab = [
-    M[0] / e.weight,
-    M[1] / e.weight,
-    M[2] / e.weight
+    w[0] / e.weight,
+    w[1] / e.weight,
+    w[2] / e.weight
   ];
   const m = [0, 0, 0];
   for (let a = p; a < f; a++) {
@@ -1773,14 +1773,14 @@ function Jt(e, n) {
 function qn(e) {
   const { colorBoxes: n } = e, d = [], p = /* @__PURE__ */ new Map();
   for (let m = -1, a = n.length, u = 0; u < a; u++) {
-    const { srgb: w } = n[u];
-    if (w === m) {
+    const { srgb: M } = n[u];
+    if (M === m) {
       p.set(u, !0);
       continue;
     }
-    m = w;
+    m = M;
   }
-  M({
+  w({
     min: [-65535, -65535, -65535],
     max: [65535, 65535, 65535]
   });
@@ -1790,10 +1790,10 @@ function qn(e) {
       max: [-65535, -65535, -65535]
     };
     let u = 0;
-    const w = [];
+    const M = [];
     for (let W = n.length, T = 0; T < W; T++) {
       const { oklab: O } = n[T];
-      p.has(T) || O[0] < m.min[0] || O[1] < m.min[1] || O[2] < m.min[2] || O[0] > m.max[0] || O[1] > m.max[1] || O[2] > m.max[2] || (O[0] < a.min[0] && (a.min[0] = O[0]), O[1] < a.min[1] && (a.min[1] = O[1]), O[2] < a.min[2] && (a.min[2] = O[2]), O[0] > a.max[0] && (a.max[0] = O[0]), O[1] > a.max[1] && (a.max[1] = O[1]), O[2] > a.max[2] && (a.max[2] = O[2]), w[u++] = {
+      p.has(T) || O[0] < m.min[0] || O[1] < m.min[1] || O[2] < m.min[2] || O[0] > m.max[0] || O[1] > m.max[1] || O[2] > m.max[2] || (O[0] < a.min[0] && (a.min[0] = O[0]), O[1] < a.min[1] && (a.min[1] = O[1]), O[2] < a.min[2] && (a.min[2] = O[2]), O[0] > a.max[0] && (a.max[0] = O[0]), O[1] > a.max[1] && (a.max[1] = O[1]), O[2] > a.max[2] && (a.max[2] = O[2]), M[u++] = {
         oklab: O,
         colorBoxIndex: T
       });
@@ -1803,25 +1803,25 @@ function qn(e) {
       return { colorBoxIndex: -1, longest: x };
     const Y = a.max[0] - a.min[0], G = a.max[1] - a.min[1], z = a.max[2] - a.min[2];
     return Y >= G && Y >= z ? x = 0 : z >= Y && z >= G ? x = 2 : G >= Y && G >= z && (x = 1), {
-      colorBoxIndex: w.sort((W, T) => W.oklab[x] - T.oklab[x])[u >> 1].colorBoxIndex,
+      colorBoxIndex: M.sort((W, T) => W.oklab[x] - T.oklab[x])[u >> 1].colorBoxIndex,
       longest: x
     };
   }
-  function M(m) {
+  function w(m) {
     const { colorBoxIndex: a, longest: u } = f(m);
     if (a < 0)
       return -1;
-    const { oklab: w } = n[a], x = {
+    const { oklab: M } = n[a], x = {
       longest: u,
-      oklab: w,
+      oklab: M,
       colorBoxIndex: a
     }, Y = d.push(x) - 1;
     p.set(a, !0);
     const G = { max: [...m.max], min: [...m.min] }, z = { max: [...m.max], min: [...m.min] };
-    G.max[u] = w[u], z.min[u] = Math.min(w[u] + 1, 65535);
-    const W = M(G);
+    G.max[u] = M[u], z.min[u] = Math.min(M[u] + 1, 65535);
+    const W = w(G);
     let T = -1;
-    return z.min[u] <= z.max[u] && (T = M(z)), x.left = W, x.right = T, Y;
+    return z.min[u] <= z.max[u] && (T = w(z)), x.left = W, x.right = T, Y;
   }
   return d;
 }
@@ -1834,11 +1834,11 @@ function $n(e, n = {}) {
     return;
   const {
     maxColors: f = d,
-    clearSamples: M = !0
+    clearSamples: w = !0
   } = n;
   let m = Jt({ end: p.length }, e), a = 1;
   const u = [m];
-  function w() {
+  function M() {
     let Y = -1, G = -1;
     if (a === f)
       return -1;
@@ -1869,12 +1869,12 @@ function $n(e, n = {}) {
     for (let te = G - 2; O < te && (_ += p[O].count, !(_ > T)); O++)
       ;
     x(m, O);
-    const ie = w();
+    const ie = M();
     m = ie >= 0 ? u[ie] : null;
   }
   for (let Y = u.length, G = 0; G < Y; G++)
     u[G].srgb = Rn(u[G].oklab);
-  e.colorBoxes = u.sort((Y, G) => Y.srgb - G.srgb), e.colorBoxesIndexTree = qn(e), M && (e.colorSamples = [], e.colorSamplesCache.clear()), e.finderCache.clear();
+  e.colorBoxes = u.sort((Y, G) => Y.srgb - G.srgb), e.colorBoxesIndexTree = qn(e), w && (e.colorSamples = [], e.colorSamplesCache.clear()), e.finderCache.clear();
 }
 function er(e, n, d) {
   const { colorBoxes: p } = e;
@@ -1884,28 +1884,28 @@ function er(e, n, d) {
   if (typeof d == "number")
     f = d;
   else if (typeof d == "string") {
-    const u = d.replace(/^#/, ""), w = [
+    const u = d.replace(/^#/, ""), M = [
       `${u[0]}${u[1]}`,
       `${u[2]}${u[3]}`,
       `${u[4]}${u[5]}`
     ].map((x) => parseInt(x, 16));
-    f = w[0] << 16 | w[1] << 8 | w[2];
+    f = M[0] << 16 | M[1] << 8 | M[2];
   } else if (Array.isArray(d))
     f = d[0] << 16 | d[1] << 8 | d[2];
   else
     throw new TypeError("Unsupported color format");
-  const M = n(f);
-  if (M === void 0)
+  const w = n(f);
+  if (w === void 0)
     return;
-  const m = p[M];
+  const m = p[w];
   if (!m)
     return;
   const { srgb: a } = m;
   if (typeof d == "string") {
-    const u = (a >> 16 & 255).toString(16).padStart(2, "0"), w = (a >> 8 & 255).toString(16).padStart(2, "0"), x = (a & 255).toString(16).padStart(2, "0");
+    const u = (a >> 16 & 255).toString(16).padStart(2, "0"), M = (a >> 8 & 255).toString(16).padStart(2, "0"), x = (a & 255).toString(16).padStart(2, "0");
     return {
-      value: `#${u}${w}${x}`,
-      index: M
+      value: `#${u}${M}${x}`,
+      index: w
     };
   } else if (typeof d == "object" && Array.isArray(d))
     return {
@@ -1914,11 +1914,11 @@ function er(e, n, d) {
         a >> 8 & 255,
         a & 255
       ],
-      index: M
+      index: w
     };
   return {
     value: a,
-    index: M
+    index: w
   };
 }
 function tr(e) {
@@ -1929,19 +1929,19 @@ function Ht(e) {
     statsMode: d,
     samples: p,
     skipTransparent: f
-  } = n, M = function() {
-    let w;
-    return () => (!w && An && (w = document.createElement("canvas").getContext("2d", {
+  } = n, w = function() {
+    let M;
+    return () => (!M && An && (M = document.createElement("canvas").getContext("2d", {
       willReadFrequently: !0
-    })), w);
+    })), M);
   }();
   let m = null, a = null;
   const u = {
     context: n,
-    addSample: (w) => {
+    addSample: (M) => {
       n.colorSamples.length === 0 && (m = null);
-      const x = Gt(n, w, {
-        getContext2d: M,
+      const x = Gt(n, M, {
+        getContext2d: w,
         previousSample: m,
         skipTransparent: f
       });
@@ -1949,15 +1949,15 @@ function Ht(e) {
         Y && d === "diff" && (m = Y);
       }), x;
     },
-    generate(w = {}) {
-      const { clearSamples: x = !0 } = w;
-      return x && (m = null), $n(n, w), this;
+    generate(M = {}) {
+      const { clearSamples: x = !0 } = M;
+      return x && (m = null), $n(n, M), this;
     },
-    getColors: (w) => _n(n, w),
-    findNearestColor: (w) => (a || (a = cn(n)), er(n, a, w)),
+    getColors: (M) => _n(n, M),
+    findNearestColor: (M) => (a || (a = cn(n)), er(n, a, M)),
     reset: () => tr(n)
   };
-  return p.length && (p.forEach((w) => u.addSample(w)), n.samples = []), u;
+  return p.length && (p.forEach((M) => u.addSample(M)), n.samples = []), u;
 }
 const ht = "[modern-gif]", nr = "GIF", rr = 44, un = 33, or = 255, ir = 11, ar = 249, sr = 4, lr = 59, cr = (...e) => console.warn(ht, ...e), dr = (...e) => console.debug(ht, ...e), ur = (e) => console.time(`${ht} ${e}`), mr = (e) => console.timeEnd(`${ht} ${e}`);
 function hr(e) {
@@ -1973,10 +1973,10 @@ function pr(e, n, d) {
   else if (e instanceof ArrayBuffer)
     p = e;
   else {
-    const f = document.createElement("canvas"), { width: M, height: m } = d || {}, a = f.getContext("2d");
+    const f = document.createElement("canvas"), { width: w, height: m } = d || {}, a = f.getContext("2d");
     if (!a)
       throw new Error("Failed to create canvas context2d");
-    f.width = M != null ? M : typeof e.width == "number" ? e.width : e.width.baseVal.value, f.height = m != null ? m : typeof e.height == "number" ? e.height : e.height.baseVal.value, a.drawImage(e, 0, 0, f.width, f.height), p = a.getImageData(0, 0, f.width, f.height).data.buffer;
+    f.width = w != null ? w : typeof e.width == "number" ? e.width : e.width.baseVal.value, f.height = m != null ? m : typeof e.height == "number" ? e.height : e.height.baseVal.value, a.drawImage(e, 0, 0, f.width, f.height), p = a.getImageData(0, 0, f.width, f.height).data.buffer;
   }
   switch (n) {
     case "uint8Array":
@@ -2001,11 +2001,11 @@ function gr(e) {
 }
 function yr(e, n) {
   var d;
-  const { top: p = 0, left: f = 0, width: M, height: m, rawWidth: a, rate: u = 4, callback: w } = n, x = new Uint8ClampedArray(M * m * u), Y = f * u, G = p * u, z = M * u, W = a * u;
+  const { top: p = 0, left: f = 0, width: w, height: m, rawWidth: a, rate: u = 4, callback: M } = n, x = new Uint8ClampedArray(w * m * u), Y = f * u, G = p * u, z = w * u, W = a * u;
   for (let T = 0; T < m; T++)
     for (let O = 0; O < z; O++) {
       const _ = (G + T) * W + (Y + O);
-      x[T * z + O] = (d = w == null ? void 0 : w(_)) != null ? d : e[_];
+      x[T * z + O] = (d = M == null ? void 0 : M(_)) != null ? d : e[_];
     }
   return x;
 }
@@ -2014,25 +2014,25 @@ function mn(e = {}) {
     chunkSize: n = 4096
   } = e;
   let d = [new Uint8Array(n)], p = 0, f = 0;
-  const M = (a, u) => {
+  const w = (a, u) => {
     u ? d[u[0]][u[1]] = a : (f >= n && (d[++p] = new Uint8Array(n), f = 0), d[p][f++] = a);
-  }, m = (a) => a.forEach((u) => M(u));
+  }, m = (a) => a.forEach((u) => w(u));
   return {
     getCursor: () => [p, f],
     setCursor: (a) => {
       p = a[0], f = a[1];
     },
     calculateDistance: (a) => p * n + f - (a[0] * n + a[1]),
-    writeByte: M,
+    writeByte: w,
     writeBytes: m,
-    writeString: (a) => a.split("").forEach((u, w) => M(a.charCodeAt(w))),
+    writeString: (a) => a.split("").forEach((u, M) => w(a.charCodeAt(M))),
     writeUnsigned: (a) => m([a & 255, a >> 8 & 255]),
     flush: () => {
       d[p] = d[p].slice(0, f);
-      const a = new Uint8Array(d.reduce((w, x) => w + x.byteLength, 0));
+      const a = new Uint8Array(d.reduce((M, x) => M + x.byteLength, 0));
       let u = 0;
-      return d.forEach((w) => {
-        a.set(w, u), u += w.byteLength;
+      return d.forEach((M) => {
+        a.set(M, u), u += M.byteLength;
       }), d = [new Uint8Array(n)], p = 0, f = 0, a;
     }
   };
@@ -2053,14 +2053,14 @@ function fr(e) {
     throw new Error("Width invalid.");
   if (f.height <= 0 || f.height > 65535)
     throw new Error("Height invalid.");
-  let M = 0;
+  let w = 0;
   if ((n = f.colorTable) != null && n.length) {
     let G = f.colorTable.length;
     if (G < 2 || G > 256 || G & G - 1)
       throw new Error("Invalid color table length, must be power of 2 and 2 .. 256.");
     for (; G >>= 1; )
-      ++M;
-    if (G = 1 << M, f.colorTableSize = --M, f.backgroundColorIndex >= G)
+      ++w;
+    if (G = 1 << w, f.colorTableSize = --w, f.backgroundColorIndex >= G)
       throw new Error("Background index out of range.");
     if (f.backgroundColorIndex === 0)
       throw new Error("Background index explicitly passed as 0.");
@@ -2068,22 +2068,22 @@ function fr(e) {
   const m = mn(), {
     writeByte: a,
     writeBytes: u,
-    writeUnsigned: w,
+    writeUnsigned: M,
     writeString: x,
     flush: Y
   } = m;
-  return x(nr), x(f.version), w(f.width), w(f.height), a(parseInt(`${f.colorTableSize ? 1 : 0}1110${f.colorTableSize.toString(2).padStart(3, "0")}`, 2)), a(f.backgroundColorIndex), a(f.pixelAspectRatio), u((p = (d = f.colorTable) == null ? void 0 : d.flat()) != null ? p : []), f.looped && (a(un), a(or), a(ir), x("NETSCAPE2.0"), a(3), a(1), w(f.loopCount), a(0)), Y();
+  return x(nr), x(f.version), M(f.width), M(f.height), a(parseInt(`${f.colorTableSize ? 1 : 0}1110${f.colorTableSize.toString(2).padStart(3, "0")}`, 2)), a(f.backgroundColorIndex), a(f.pixelAspectRatio), u((p = (d = f.colorTable) == null ? void 0 : d.flat()) != null ? p : []), f.looped && (a(un), a(or), a(ir), x("NETSCAPE2.0"), a(3), a(1), M(f.loopCount), a(0)), Y();
 }
 function wr(e, n, d) {
-  const { writeByte: p, getCursor: f, calculateDistance: M } = d;
+  const { writeByte: p, getCursor: f, calculateDistance: w } = d;
   p(e);
   let m = f();
   p(0);
-  const a = 1 << e, u = a - 1, w = a + 1;
-  let x = w + 1, Y = e + 1, G = 0, z = 0;
+  const a = 1 << e, u = a - 1, M = a + 1;
+  let x = M + 1, Y = e + 1, G = 0, z = 0;
   function W(P) {
     for (; G >= P; )
-      p(z & 255), z >>= 8, G -= 8, M(m) === 256 && (p(255, m), m = f(), p(0));
+      p(z & 255), z >>= 8, G -= 8, w(m) === 256 && (p(255, m), m = f(), p(0));
   }
   function T(P) {
     z |= P << G, G += Y, W(8);
@@ -2093,21 +2093,21 @@ function wr(e, n, d) {
   for (let P = n.length, L = 1; L < P; ++L)
     if ($ = n[L] & u, ie = O << 8 | $, te = _[ie], te === void 0) {
       for (z |= O << G, G += Y; G >= 8; )
-        p(z & 255), z >>= 8, G -= 8, M(m) === 256 && (p(255, m), m = f(), p(0));
-      x === 4096 ? (T(a), x = w + 1, Y = e + 1, _ = {}) : (x >= 1 << Y && ++Y, _[ie] = x++), O = $;
+        p(z & 255), z >>= 8, G -= 8, w(m) === 256 && (p(255, m), m = f(), p(0));
+      x === 4096 ? (T(a), x = M + 1, Y = e + 1, _ = {}) : (x >= 1 << Y && ++Y, _[ie] = x++), O = $;
     } else
       O = te;
-  T(O), T(w), W(1), M(m) === 1 ? p(0, m) : (p(M(m) - 1, m), p(0));
+  T(O), T(M), W(1), w(m) === 1 ? p(0, m) : (p(w(m) - 1, m), p(0));
 }
 function Mr(e) {
   var n, d, p;
   const f = mn(), {
-    writeByte: M,
+    writeByte: w,
     writeBytes: m,
     writeUnsigned: a,
     flush: u
   } = f, {
-    left: w = 0,
+    left: M = 0,
     top: x = 0,
     width: Y = 0,
     height: G = 0,
@@ -2119,7 +2119,7 @@ function Mr(e) {
   } = e;
   const O = (n = e.graphicControl) == null ? void 0 : n.transparent;
   let _ = (p = (d = e.graphicControl) == null ? void 0 : d.transparentIndex) != null ? p : 255;
-  if (w < 0 || w > 65535)
+  if (M < 0 || M > 65535)
     throw new Error("Left invalid.");
   if (x < 0 || x > 65535)
     throw new Error("Top invalid.");
@@ -2134,7 +2134,7 @@ function Mr(e) {
     for (; te >>= 1; )
       ++ie;
   }
-  return M(un), M(ar), M(sr), O ? T || (T = 2) : _ = 0, M(parseInt(`000${Number(T & 7).toString(2).padStart(3, "0")}0${O ? 1 : 0}`, 2)), a(z / 10), M(_), M(0), M(rr), a(w), a(x), a(Y), a(G), W != null && W.length ? (M(parseInt(`10000${(ie - 1).toString(2).padStart(3, "0")}`, 2)), m(W.flat())) : M(0), wr(ie, e.imageData, f), u();
+  return w(un), w(ar), w(sr), O ? T || (T = 2) : _ = 0, w(parseInt(`000${Number(T & 7).toString(2).padStart(3, "0")}0${O ? 1 : 0}`, 2)), a(z / 10), w(_), w(0), w(rr), a(M), a(x), a(Y), a(G), W != null && W.length ? (w(parseInt(`10000${(ie - 1).toString(2).padStart(3, "0")}`, 2)), m(W.flat())) : w(0), wr(ie, e.imageData, f), u();
 }
 function xr(e) {
   const {
@@ -2142,12 +2142,12 @@ function xr(e) {
     palette: d,
     transparentIndex: p
   } = e, f = cn(d);
-  return n.map(({ imageData: M }) => {
+  return n.map(({ imageData: w }) => {
     let m = !1;
-    const a = new Uint8ClampedArray(M.length / 4);
-    for (let u = M.length, w = 0; w < u; w += 4)
-      M[w + 3] === 0 ? (a[w / 4] = p, m = !0) : a[w / 4] = f(
-        M[w] << 16 | M[w + 1] << 8 | M[w + 2]
+    const a = new Uint8ClampedArray(w.length / 4);
+    for (let u = w.length, M = 0; M < u; M += 4)
+      w[M + 3] === 0 ? (a[M / 4] = p, m = !0) : a[M / 4] = f(
+        w[M] << 16 | w[M + 1] << 8 | w[M + 2]
       );
     return {
       imageData: a,
@@ -2158,14 +2158,14 @@ function xr(e) {
 function Tr(e) {
   const { frames: n, transparentIndex: d } = e;
   let p;
-  return n.map((f, M) => {
+  return n.map((f, w) => {
     var m, a;
     const {
       width: u,
-      height: w,
+      height: M,
       imageData: x
-    } = f, Y = f.transparent || ((a = (m = n[M + 1]) == null ? void 0 : m.transparent) != null ? a : !0);
-    let G = 0, z = 0, W = u - 1, T = w - 1, O;
+    } = f, Y = f.transparent || ((a = (m = n[w + 1]) == null ? void 0 : m.transparent) != null ? a : !0);
+    let G = 0, z = 0, W = u - 1, T = M - 1, O;
     if (Y) {
       for (; z < T; ) {
         let $ = !0;
@@ -2311,16 +2311,16 @@ function Sr(e) {
   const f = [...new Array(d ? p : 0)].map(() => {
     try {
       const a = new Worker(d);
-      return a.onmessage = M, a;
+      return a.onmessage = w, a;
     } catch (a) {
       return null;
     }
   }).filter(Boolean);
   p = f.length;
-  function M(a) {
+  function w(a) {
     var u;
-    const { id: w, data: x } = a.data;
-    (u = n.get(w)) == null || u(x), n.delete(w);
+    const { id: M, data: x } = a.data;
+    (u = n.get(M)) == null || u(x), n.delete(M);
   }
   const m = function() {
     let a = 0;
@@ -2329,11 +2329,11 @@ function Sr(e) {
   return {
     call: function() {
       let a = 0;
-      return (u, w, x, Y) => new Promise((G) => {
+      return (u, M, x, Y) => new Promise((G) => {
         const z = m(Y);
         if (!z)
           return G(void 0);
-        n.set(a, G), z.postMessage({ id: a++, type: u, data: w }, { transfer: x });
+        n.set(a, G), z.postMessage({ id: a++, type: u, data: M }, { transfer: x });
       });
     }()
   };
@@ -2344,11 +2344,11 @@ function Zr(e) {
     height: d,
     workerUrl: p,
     workerNumber: f = 1,
-    colorTableSize: M = 256,
-    backgroundColorIndex: m = M - 1,
-    maxColors: a = M - 1,
+    colorTableSize: w = 256,
+    backgroundColorIndex: m = w - 1,
+    maxColors: a = w - 1,
     debug: u = !1
-  } = e, w = {
+  } = e, M = {
     width: n,
     height: d,
     maxColors: a,
@@ -2361,8 +2361,8 @@ function Zr(e) {
     encodeId: 0,
     encode(T) {
       return Ee(this, null, function* () {
-        const { log: O, frames: _, encodeId: ie, width: te, height: $ } = w;
-        w.encodeId++;
+        const { log: O, frames: _, encodeId: ie, width: te, height: $ } = M;
+        M.encodeId++;
         const { width: P = te, height: L = $ } = T;
         let { imageData: se } = T;
         O.time(`palette:sample-${ie}`);
@@ -2385,7 +2385,7 @@ function Zr(e) {
     },
     flush() {
       return Ee(this, null, function* () {
-        const { log: T, frames: O, width: _, height: ie, maxColors: te, palette: $ } = w;
+        const { log: T, frames: O, width: _, height: ie, maxColors: te, palette: $ } = M;
         T.time("palette:generate");
         const P = yield Y(te), L = Ht(P).getColors("rgb").map((C) => C.value);
         T.debug("palette:maxColors", te);
@@ -2396,7 +2396,7 @@ function Zr(e) {
         for (u && console.debug(
           se.map(() => "%c ").join(""),
           ...se.map((C) => `margin: 1px; background: ${C}`)
-        ); L.length < M; )
+        ); L.length < w; )
           L.push([0, 0, 0]);
         T.timeEnd("palette:generate"), T.time("frames:index");
         const be = yield G({
@@ -2431,33 +2431,33 @@ function Zr(e) {
           width: _,
           height: ie
         })), Ye = hr(Le), k = new Uint8Array(we.length + Ye.byteLength + 1);
-        return k.set(we), k.set(Ye, we.byteLength), k[k.length - 1] = lr, T.timeEnd("output"), $.reset(), w.frames = [], w.encodeId = 0, k;
+        return k.set(we), k.set(Ye, we.byteLength), k[k.length - 1] = lr, T.timeEnd("output"), $.reset(), M.frames = [], M.encodeId = 0, k;
       });
     }
   };
   function x(T) {
     return Ee(this, null, function* () {
-      (yield w.worker.call(
+      (yield M.worker.call(
         "palette:addSample",
         T,
         void 0,
         0
-      )) || w.palette.addSample(T);
+      )) || M.palette.addSample(T);
     });
   }
   function Y(T) {
     return Ee(this, null, function* () {
-      return (yield w.worker.call(
+      return (yield M.worker.call(
         "palette:generate",
         { maxColors: T },
         void 0,
         0
-      )) || (w.palette.generate({ maxColors: T }), w.palette.context);
+      )) || (M.palette.generate({ maxColors: T }), M.palette.context);
     });
   }
   function G(T) {
     return Ee(this, null, function* () {
-      return (yield w.worker.call(
+      return (yield M.worker.call(
         "frames:index",
         T
       )) || xr(T);
@@ -2465,7 +2465,7 @@ function Zr(e) {
   }
   function z(T) {
     return Ee(this, null, function* () {
-      return (yield w.worker.call(
+      return (yield M.worker.call(
         "frames:crop",
         T,
         T.frames.map((_) => _.imageData.buffer)
@@ -2474,14 +2474,14 @@ function Zr(e) {
   }
   function W(T) {
     return Ee(this, null, function* () {
-      return (yield w.worker.call(
+      return (yield M.worker.call(
         "frame:encode",
         T,
         [T.imageData.buffer]
       )) || Mr(T);
     });
   }
-  return w;
+  return M;
 }
 function Nr(e) {
   return Ee(this, null, function* () {
@@ -2497,21 +2497,21 @@ const Ir = "data:application/javascript;base64,dmFyIFFlPU9iamVjdC5kZWZpbmVQcm9wZ
     gif: d,
     images: p,
     autoSize: f = !0
-  } = e, M = fe({}, d), m = [];
+  } = e, w = fe({}, d), m = [];
   if (f) {
-    const w = (d == null ? void 0 : d.width) || Math.min(...p.map((Y) => Y.width)), x = (d == null ? void 0 : d.height) || Math.min(...p.map((Y) => Y.height));
-    M.width = w, M.height = x;
+    const M = (d == null ? void 0 : d.width) || Math.min(...p.map((Y) => Y.width)), x = (d == null ? void 0 : d.height) || Math.min(...p.map((Y) => Y.height));
+    w.width = M, w.height = x;
   }
-  p.forEach((w) => {
+  p.forEach((M) => {
     m.push({
-      imageData: w,
+      imageData: M,
       delay: n
     });
   });
   const a = yield Nr({
     workerUrl: Ir,
-    width: M.width || 200,
-    height: M.height || 200,
+    width: w.width || 200,
+    height: w.height || 200,
     maxColors: 255,
     frames: m
   });
@@ -2546,12 +2546,12 @@ function Qt({
   nodePath: e,
   mode: n
 }) {
-  const { onUpload: d } = ut(), { setFieldValue: p } = Je(), { selectedNode: f } = ke(), { setLock: M } = mt(), [m, a] = Fe(!1), u = h.useRef();
-  u.current || (u.current = De(f)), Ue(() => {
+  const { onUpload: d } = ut(), { setFieldValue: p } = He(), { selectedNode: f } = ke(), { setLock: w } = mt(), [m, a] = Fe(!1), u = h.useRef();
+  u.current || (u.current = De(f)), Je(() => {
     var x;
-    _e((x = u.current) == null ? void 0 : x.data.list, f == null ? void 0 : f.data.list) ? M(!1) : M(!0);
-  }, [f, M]);
-  const w = () => Se(this, null, function* () {
+    _e((x = u.current) == null ? void 0 : x.data.list, f == null ? void 0 : f.data.list) ? w(!1) : w(!0);
+  }, [f, w]);
+  const M = () => Se(this, null, function* () {
     if (f)
       try {
         a(!0);
@@ -2585,7 +2585,7 @@ function Qt({
     {
       name: "3",
       header: X("Image"),
-      extra: /* @__PURE__ */ h.createElement(ct, { loading: m, type: "primary", onClick: w }, X("Save as gif"))
+      extra: /* @__PURE__ */ h.createElement(ct, { loading: m, type: "primary", onClick: M }, X("Save as gif"))
     },
     /* @__PURE__ */ h.createElement(
       R.EditPanelTabsField,
@@ -2676,15 +2676,15 @@ function Er({
   nodePath: e,
   mode: n
 }) {
-  const d = Et(), { onUpload: p } = ut(), { setFieldValue: f } = Je(), { selectedNode: M } = ke(), { setLock: m } = mt(), [a, u] = Fe(!1), w = h.useRef();
-  w.current || (w.current = De(M)), Ue(() => {
-    _e(w.current, M) ? m(!1) : m(!0);
-  }, [M, m]);
+  const d = Et(), { onUpload: p } = ut(), { setFieldValue: f } = He(), { selectedNode: w } = ke(), { setLock: m } = mt(), [a, u] = Fe(!1), M = h.useRef();
+  M.current || (M.current = De(w)), Je(() => {
+    _e(M.current, w) ? m(!1) : m(!0);
+  }, [w, m]);
   const x = () => Se(this, null, function* () {
-    if (M)
+    if (w)
       try {
         u(!0);
-        const Y = tn.toDOMNode(d, M), G = [], z = M.data;
+        const Y = tn.toDOMNode(d, w), G = [], z = w.data;
         let W = z.remainingTime;
         switch (z.unit) {
           case "minute":
@@ -2738,19 +2738,19 @@ function Er({
           n === de.DESKTOP ? "attributes.src" : "mobileAttributes.src",
           _
         );
-        const ie = De(M);
+        const ie = De(w);
         Ge(
           ie,
           n === de.DESKTOP ? "attributes.src" : "mobileAttributes.src",
           _
-        ), w.current = ie;
+        ), M.current = ie;
       } catch (Y) {
         console.error(Y), dt.error(String(Y));
       } finally {
         u(!1);
       }
   });
-  return M ? /* @__PURE__ */ h.createElement(Re, { defaultActiveKey: ["0", "1", "2", "3"] }, /* @__PURE__ */ h.createElement(
+  return w ? /* @__PURE__ */ h.createElement(Re, { defaultActiveKey: ["0", "1", "2", "3"] }, /* @__PURE__ */ h.createElement(
     ue.Item,
     {
       name: "0",
@@ -2868,8 +2868,8 @@ var pn = { exports: {} };
     e.exports = p();
   })(self, function() {
     return (() => {
-      var d = { 192: (M, m) => {
-        var a, u, w = function() {
+      var d = { 192: (w, m) => {
+        var a, u, M = function() {
           var x = function(k, C) {
             var D = k, I = O[C], v = null, K = 0, F = null, j = [], U = {}, ge = function(s, c) {
               v = function(i) {
@@ -3583,7 +3583,7 @@ var pn = { exports: {} };
           };
           return x;
         }();
-        w.stringToBytesFuncs["UTF-8"] = function(x) {
+        M.stringToBytesFuncs["UTF-8"] = function(x) {
           return function(Y) {
             for (var G = [], z = 0; z < Y.length; z++) {
               var W = Y.charCodeAt(z);
@@ -3592,9 +3592,9 @@ var pn = { exports: {} };
             return G;
           }(x);
         }, (u = typeof (a = function() {
-          return w;
-        }) == "function" ? a.apply(m, []) : a) === void 0 || (M.exports = u);
-      }, 676: (M, m, a) => {
+          return M;
+        }) == "function" ? a.apply(m, []) : a) === void 0 || (w.exports = u);
+      }, 676: (w, m, a) => {
         a.d(m, { default: () => ge });
         var u = function() {
           return (u = Object.assign || function(Z) {
@@ -3603,7 +3603,7 @@ var pn = { exports: {} };
                 Object.prototype.hasOwnProperty.call(t, l) && (Z[l] = t[l]);
             return Z;
           }).apply(this, arguments);
-        }, w = function() {
+        }, M = function() {
           for (var Z = 0, t = 0, o = arguments.length; t < o; t++)
             Z += arguments[t].length;
           var r = Array(Z), l = 0;
@@ -3623,7 +3623,7 @@ var pn = { exports: {} };
           return r !== void 0 && x(Z) && x(r) ? (Z = u({}, Z), Object.keys(r).forEach(function(l) {
             var g = Z[l], b = r[l];
             Array.isArray(g) && Array.isArray(b) ? Z[l] = b : x(g) && x(b) ? Z[l] = Y(Object.assign({}, g), b) : Z[l] = b;
-          }), Y.apply(void 0, w([Z], t))) : Z;
+          }), Y.apply(void 0, M([Z], t))) : Z;
         }
         function G(Z, t) {
           var o = document.createElement("a");
@@ -4422,19 +4422,19 @@ var pn = { exports: {} };
           }, Z;
         }();
       } }, p = {};
-      function f(M) {
-        if (p[M])
-          return p[M].exports;
-        var m = p[M] = { exports: {} };
-        return d[M](m, m.exports, f), m.exports;
+      function f(w) {
+        if (p[w])
+          return p[w].exports;
+        var m = p[w] = { exports: {} };
+        return d[w](m, m.exports, f), m.exports;
       }
-      return f.n = (M) => {
-        var m = M && M.__esModule ? () => M.default : () => M;
+      return f.n = (w) => {
+        var m = w && w.__esModule ? () => w.default : () => w;
         return f.d(m, { a: m }), m;
-      }, f.d = (M, m) => {
+      }, f.d = (w, m) => {
         for (var a in m)
-          f.o(m, a) && !f.o(M, a) && Object.defineProperty(M, a, { enumerable: !0, get: m[a] });
-      }, f.o = (M, m) => Object.prototype.hasOwnProperty.call(M, m), f(676);
+          f.o(m, a) && !f.o(w, a) && Object.defineProperty(w, a, { enumerable: !0, get: m[a] });
+      }, f.o = (w, m) => Object.prototype.hasOwnProperty.call(w, m), f(676);
     })().default;
   });
 })(pn);
@@ -4462,13 +4462,13 @@ function Bt({
   nodePath: e,
   mode: n
 }) {
-  const d = Et(), { onUpload: p } = ut(), { setFieldValue: f, getFieldValue: M } = Je(), { selectedNode: m, selectedNodePath: a } = ke(), { setLock: u } = mt(), { isChanged: w } = xn(), [x, Y] = Fe(!1), G = zt(null), z = 600, W = zt(new Yr()), T = a && M(
+  const d = Et(), { onUpload: p } = ut(), { setFieldValue: f, getFieldValue: w } = He(), { selectedNode: m, selectedNodePath: a } = ke(), { setLock: u } = mt(), { isChanged: M } = xn(), [x, Y] = Fe(!1), G = zt(null), z = 600, W = zt(new Yr()), T = a && w(
     a,
     n === de.DESKTOP ? "attributes.dot-color-type" : "mobileAttributes.dot-color-type"
-  ) !== "single", O = a && M(
+  ) !== "single", O = a && w(
     a,
     n === de.DESKTOP ? "attributes.corner-dot-color-type" : "mobileAttributes.corner-dot-color-type"
-  ) !== "single", _ = a && M(
+  ) !== "single", _ = a && w(
     a,
     n === de.DESKTOP ? "attributes.corner-square-color-type" : "mobileAttributes.corner-square-color-type"
   ) !== "single", ie = Sn(() => {
@@ -4554,8 +4554,8 @@ function Bt({
     m == null ? void 0 : m.data.text,
     m == null ? void 0 : m.mobileAttributes
   ]);
-  Ue(() => {
-    if (!w)
+  Je(() => {
+    if (!M)
       return;
     W.current.update(ie);
     const P = document.createElement("div");
@@ -4573,9 +4573,9 @@ function Bt({
     })).finally(() => {
       P.remove();
     });
-  }, [d, w, n, e, ie, f]);
+  }, [d, M, n, e, ie, f]);
   const te = h.useRef();
-  te.current || (te.current = De(m)), Ue(() => {
+  te.current || (te.current = De(m)), Je(() => {
     _e(te.current, m) ? u(!1) : u(!0);
   }, [m, u]);
   const $ = () => Se(this, null, function* () {
@@ -4892,16 +4892,16 @@ function Xr({
   nodePath: e,
   mode: n = de.DESKTOP
 }) {
-  const d = Et(), { onUpload: p } = ut(), { setFieldValue: f } = Je(), { selectedNode: M } = ke(), { setLock: m } = mt(), [a, u] = Fe(!1), w = h.useRef();
-  w.current || (w.current = De(M)), Ue(() => {
+  const d = Et(), { onUpload: p } = ut(), { setFieldValue: f } = He(), { selectedNode: w } = ke(), { setLock: m } = mt(), [a, u] = Fe(!1), M = h.useRef();
+  M.current || (M.current = De(w)), Je(() => {
     var Y;
-    _e((Y = w.current) == null ? void 0 : Y.data, M == null ? void 0 : M.data) ? m(!1) : m(!0);
-  }, [M, m]);
+    _e((Y = M.current) == null ? void 0 : Y.data, w == null ? void 0 : w.data) ? m(!1) : m(!0);
+  }, [w, m]);
   const x = () => Se(this, null, function* () {
-    if (M)
+    if (w)
       try {
         u(!0);
-        const Y = tn.toDOMNode(d, M), G = yield an(Y, {
+        const Y = tn.toDOMNode(d, w), G = yield an(Y, {
           styleText: '[data-slate-type="common-video"] { width: 600px }'
         }), z = yield Yn(yield rn(G)), W = yield p == null ? void 0 : p(
           new File([z], "video.png", { type: z.type })
@@ -4911,19 +4911,19 @@ function Xr({
           n === de.DESKTOP ? "attributes.src" : "mobileAttributes.src",
           W
         );
-        const T = De(M);
+        const T = De(w);
         Ge(
           T,
           n === de.DESKTOP ? "attributes.src" : "mobileAttributes.src",
           W
-        ), w.current = T;
+        ), M.current = T;
       } catch (Y) {
         console.error(Y), dt.error(String(Y));
       } finally {
         u(!1);
       }
   });
-  return M ? /* @__PURE__ */ h.createElement(Re, { defaultActiveKey: ["0", "1", "2", "3"] }, /* @__PURE__ */ h.createElement(
+  return w ? /* @__PURE__ */ h.createElement(Re, { defaultActiveKey: ["0", "1", "2", "3"] }, /* @__PURE__ */ h.createElement(
     ue.Item,
     {
       name: "2",
@@ -5085,7 +5085,7 @@ function _t({
   )) : null;
 }
 const jr = ({ nodePath: e }) => {
-  const { selectedNode: n } = ke(), { setFieldValue: d, values: p } = Je(), f = parseInt(p.content.attributes.width || "600") || 600, M = Ct(
+  const { selectedNode: n } = ke(), { setFieldValue: d, values: p } = He(), f = parseInt(p.content.attributes.width || "600") || 600, w = Ct(
     (m) => {
       m.width < f && d(e, "attributes.width", m.width + "px");
     },
@@ -5097,7 +5097,7 @@ const jr = ({ nodePath: e }) => {
       component: R.ImageUrl,
       path: e,
       name: "src",
-      onCallbackImageDetail: M,
+      onCallbackImageDetail: w,
       formItem: { layout: "vertical" }
     }
   )), /* @__PURE__ */ h.createElement(ue.Item, { name: "1", header: X("Image settings") }, /* @__PURE__ */ h.createElement(
@@ -5211,21 +5211,21 @@ const jr = ({ nodePath: e }) => {
   nodePath: e,
   mode: n
 }) => {
-  const { selectedNode: d } = ke(), { setFieldValue: p } = Je(), f = en(
+  const { selectedNode: d } = ke(), { setFieldValue: p } = He(), f = en(
     d,
     n === de.DESKTOP ? "attributes.first-column-width" : "mobileAttributes.first-column-width",
     50
-  ), [M, m] = Fe(f), [a, u] = Fe(100 - f);
-  Ue(() => {
+  ), [w, m] = Fe(f), [a, u] = Fe(100 - f);
+  Je(() => {
     m(f), u(100 - f);
   }, [f]);
-  const w = Ct(() => {
+  const M = Ct(() => {
     p(
       e,
       n === de.DESKTOP ? "attributes.first-column-width" : "mobileAttributes.first-column-width",
-      M
+      w
     );
-  }, [n, e, p, M]), x = Ct(() => {
+  }, [n, e, p, w]), x = Ct(() => {
     p(
       e,
       n === de.DESKTOP ? "attributes.first-column-width" : "mobileAttributes.first-column-width",
@@ -5244,10 +5244,10 @@ const jr = ({ nodePath: e }) => {
       {
         min: 1,
         max: 99,
-        value: M,
+        value: w,
         suffix: "%",
         onChange: m,
-        onBlur: w
+        onBlur: M
       }
     ), /* @__PURE__ */ h.createElement(Cn, null), /* @__PURE__ */ h.createElement(
       Kt,