easy-email-pro-kit 0.11.0 → 0.12.0

package/lib/index.es.js

@@ -12,37 +12,37 @@ var De = (e, n, u) => n in e ? an(e, n, { enumerable: !0, configurable: !0, writ
 }, At = (e, n) => sn(e, ln(n));
 var Le = (e, n) => {
   var u = {};
-  for (var b in e)
-    We.call(e, b) && n.indexOf(b) < 0 && (u[b] = e[b]);
+  for (var g in e)
+    We.call(e, g) && n.indexOf(g) < 0 && (u[g] = e[g]);
   if (e != null && Pt)
-    for (var b of Pt(e))
-      n.indexOf(b) < 0 && Ce.call(e, b) && (u[b] = e[b]);
+    for (var g of Pt(e))
+      n.indexOf(g) < 0 && Ce.call(e, g) && (u[g] = e[g]);
   return u;
 };
-var Zt = (e, n, u) => new Promise((b, f) => {
-  var w = (m) => {
+var Zt = (e, n, u) => new Promise((g, f) => {
+  var w = (p) => {
     try {
-      s(u.next(m));
+      s(u.next(p));
     } catch (y) {
       f(y);
     }
-  }, p = (m) => {
+  }, m = (p) => {
     try {
-      s(u.throw(m));
+      s(u.throw(p));
     } catch (y) {
       f(y);
     }
-  }, s = (m) => m.done ? b(m.value) : Promise.resolve(m.value).then(w, p);
+  }, s = (p) => p.done ? g(p.value) : Promise.resolve(p.value).then(w, m);
   s((u = u.apply(e, n)).next());
 });
-import { createCustomBlock as de, t as A, mergeBlock as ue, ElementCategory as he, NodeUtils as cn, components as pe, ElementPlugin as me, BlockManager as ge } from "easy-email-pro-core";
-import { AttributesPanelWrapper as be, ResponsiveTabs as ye, useEditorContext as fe, CollapseWrapper as we, AttributeField as nt, ResponsiveField as it, previewLoadImage as Fe, useElementInteract as dn, ConfigPanelsMap as Me } from "easy-email-pro-theme";
-import { flatMap as un, get as hn, cloneDeep as Xt, isEqual as Jt, set as jt, merge as pn } from "lodash";
-import G, { useState as xe, useEffect as Rt, useRef as Ie, useMemo as mn } from "react";
-import gn from "react-dom/server";
+import { createCustomBlock as de, t as A, mergeBlock as ue, ElementCategory as he, NodeUtils as cn, components as me, ElementPlugin as pe, BlockManager as be } from "easy-email-pro-core";
+import { AttributesPanelWrapper as ge, ResponsiveTabs as ye, useEditorContext as fe, CollapseWrapper as we, AttributeField as nt, ResponsiveField as it, previewLoadImage as Fe, useElementInteract as dn, ConfigPanelsMap as Me } from "easy-email-pro-theme";
+import { flatMap as un, get as hn, cloneDeep as Xt, isEqual as Jt, set as jt, merge as mn } from "lodash";
+import G, { useState as xe, useEffect as Rt, useRef as Ie, useMemo as pn } from "react";
+import bn from "react-dom/server";
 import { Collapse as vt, Button as ve, Message as Te, Grid as te, Divider as ee } from "@arco-design/web-react";
 import { ActiveTabKeys as ft, useEditorProps as Ze, useSelectedNode as Se, useEditorState as Ne } from "easy-email-pro-editor";
-import { useSlate as Je, ReactEditor as bn } from "slate-react";
+import { useSlate as Je, ReactEditor as gn } from "slate-react";
 import { HistoryEditor as yn } from "slate-history";
 const Ot = {
   MARKETING_SHOPWINDOW: "marketing-shopwindow",
@@ -50,28 +50,28 @@ const Ot = {
   MARKETING_QR_CODE: "marketing-qr-code"
 }, se = 60, Ut = 60 * se, Qt = 24 * Ut;
 function Re(e) {
-  const n = Math.floor(e / Qt), u = Math.floor((e - n * Qt) / Ut), b = Math.floor((e - n * Qt - u * Ut) / se), f = Math.floor(e - n * Qt - u * Ut - b * se);
+  const n = Math.floor(e / Qt), u = Math.floor((e - n * Qt) / Ut), g = Math.floor((e - n * Qt - u * Ut) / se), f = Math.floor(e - n * Qt - u * Ut - g * se);
   return {
     day: n < 10 ? "0" + n : n.toString(),
     hour: u < 10 ? "0" + u : u.toString(),
-    minute: b < 10 ? "0" + b : b.toString(),
+    minute: g < 10 ? "0" + g : g.toString(),
     second: f < 10 ? "0" + f : f.toString()
   };
 }
 function fn(e) {
   const { attributes: n, data: u } = e;
-  let b = u.remainingTime;
+  let g = u.remainingTime;
   switch (u.unit) {
     case "minute":
-      b = 60 * b;
+      g = 60 * g;
       break;
     case "hour":
-      b = 60 * 60 * b;
+      g = 60 * 60 * g;
       break;
     case "day":
-      b = 60 * 60 * 24 * b;
+      g = 60 * 60 * 24 * g;
   }
-  const { day: f, hour: w, minute: p, second: s } = Re(b), m = [
+  const { day: f, hour: w, minute: m, second: s } = Re(g), p = [
     {
       unit: "days",
       value: f
@@ -82,7 +82,7 @@ function fn(e) {
     },
     {
       unit: "mins",
-      value: p
+      value: m
     },
     {
       unit: "secs",
@@ -106,7 +106,7 @@ function fn(e) {
           paddingBottom: 15
         }
       },
-      m.map((y, v) => /* @__PURE__ */ G.createElement(
+      p.map((y, v) => /* @__PURE__ */ G.createElement(
         "div",
         {
           key: y.unit,
@@ -134,7 +134,7 @@ function fn(e) {
           },
           /* @__PURE__ */ G.createElement("div", { style: { height: "100%", overflow: "hidden" } }, /* @__PURE__ */ G.createElement("div", { className: y.unit }, y.value))
         ),
-        v !== m.length - 1 && /* @__PURE__ */ G.createElement(
+        v !== p.length - 1 && /* @__PURE__ */ G.createElement(
           "div",
           {
             key: y.unit,
@@ -153,7 +153,7 @@ function fn(e) {
           paddingBottom: 10
         }
       },
-      m.map((y, v) => /* @__PURE__ */ G.createElement(
+      p.map((y, v) => /* @__PURE__ */ G.createElement(
         "div",
         {
           key: y.unit,
@@ -179,7 +179,7 @@ function fn(e) {
           },
           y.unit
         ),
-        v !== m.length - 1 && /* @__PURE__ */ G.createElement(
+        v !== p.length - 1 && /* @__PURE__ */ G.createElement(
           "div",
           {
             style: {
@@ -194,7 +194,7 @@ function fn(e) {
     ))
   );
 }
-const { Image: wn, Raw: Mn, Spacer: xn, ContentEditableBlock: vn, HtmlDomNode: Ye } = pe, ne = {
+const { Image: wn, Raw: Mn, Spacer: xn, ContentEditableBlock: vn, HtmlDomNode: Ye } = me, ne = {
   attributes: {
     color: "#ffffff",
     "padding-top": "20px",
@@ -258,9 +258,9 @@ const { Image: wn, Raw: Mn, Spacer: xn, ContentEditableBlock: vn, HtmlDomNode: Y
   },
   category: he.UNKNOWN_CONTENT,
   render(e) {
-    const { node: n, mode: u } = e, { attributes: b, children: f } = n;
+    const { node: n, mode: u } = e, { attributes: g, children: f } = n;
     if (u === "testing") {
-      const w = gn.renderToString(
+      const w = bn.renderToString(
         /* @__PURE__ */ G.createElement(fn, { attributes: n.attributes, data: n.data })
       );
       return /* @__PURE__ */ G.createElement(
@@ -268,11 +268,11 @@ const { Image: wn, Raw: Mn, Spacer: xn, ContentEditableBlock: vn, HtmlDomNode: Y
         {
           tagName: "div",
           style: {
-            backgroundColor: b["background-color"],
-            paddingBottom: b["padding-bottom"],
-            paddingTop: b["padding-top"],
-            paddingLeft: b["padding-left"],
-            paddingRight: b["padding-right"],
+            backgroundColor: g["background-color"],
+            paddingBottom: g["padding-bottom"],
+            paddingTop: g["padding-top"],
+            paddingLeft: g["padding-left"],
+            paddingRight: g["padding-right"],
             fontSize: "0px",
             lineHeight: 1
           }
@@ -287,7 +287,7 @@ const { Image: wn, Raw: Mn, Spacer: xn, ContentEditableBlock: vn, HtmlDomNode: Y
               display: "table"
             }
           },
-          f.map((p, s) => cn.isTextElement(p) ? /* @__PURE__ */ G.createElement(vn, { key: s, node: p }) : null),
+          f.map((m, s) => cn.isTextElement(m) ? /* @__PURE__ */ G.createElement(vn, { key: s, node: m }) : null),
           /* @__PURE__ */ G.createElement(xn, { height: "20px" }),
           /* @__PURE__ */ G.createElement(Mn, null, w)
         )
@@ -302,7 +302,7 @@ const { Image: wn, Raw: Mn, Spacer: xn, ContentEditableBlock: vn, HtmlDomNode: Y
       })
     );
   }
-}), { Image: Tn } = pe, ke = {
+}), { Image: Tn } = me, ke = {
   attributes: {
     align: "center",
     border: "0",
@@ -350,29 +350,29 @@ const { Image: wn, Raw: Mn, Spacer: xn, ContentEditableBlock: vn, HtmlDomNode: Y
   },
   category: he.IMAGE,
   render(e) {
-    const { node: n } = e, m = n.attributes, {
+    const { node: n } = e, p = n.attributes, {
       "border-enabled": u,
-      "border-width": b,
+      "border-width": g,
       "border-style": f,
       "border-color": w
-    } = m, p = Le(m, [
+    } = p, m = Le(p, [
       "border-enabled",
       "border-width",
       "border-style",
       "border-color"
-    ]), s = u ? `${b || "1px"} ${f || "solid"} ${w || "#AAAAAA"}` : "";
+    ]), s = u ? `${g || "1px"} ${f || "solid"} ${w || "#AAAAAA"}` : "";
     return /* @__PURE__ */ G.createElement(
       Tn,
       At(Tt({
         idx: e.idx
-      }, p), {
+      }, m), {
         data: n.data,
         border: s,
         children: n.children
       })
     );
   }
-}), { Image: Zn } = pe, re = {
+}), { Image: Zn } = me, re = {
   attributes: {
     "dot-color": "#4267b2",
     "dot-color-rotation": 0,
@@ -436,16 +436,16 @@ const { Image: wn, Raw: Mn, Spacer: xn, ContentEditableBlock: vn, HtmlDomNode: Y
   }
 }), Ft = document.createElement("canvas"), Ke = Ft.getContext("2d"), Sn = (e) => Zt(void 0, null, function* () {
   const n = new Image();
-  return n.src = e, yield new Promise((u, b) => {
-    n.onload = u, n.onerror = b;
+  return n.src = e, yield new Promise((u, g) => {
+    n.onload = u, n.onerror = g;
   }), n;
 }), Nn = (e) => Zt(void 0, null, function* () {
   const n = new Image();
-  return n.crossOrigin = "anonymous", new Promise((u, b) => {
+  return n.crossOrigin = "anonymous", new Promise((u, g) => {
     n.onload = () => {
       const f = n.width, w = n.height;
       Ft.width = f, Ft.height = w, Ke.clearRect(0, 0, f, w), Ke.drawImage(n, 0, 0), u(Ft.toDataURL());
-    }, n.onerror = b, n.src = e.src;
+    }, n.onerror = g, n.src = e.src;
   });
 }), Dn = un(
   ["padding", "margin", "border"].map((e) => [
@@ -483,15 +483,15 @@ function He(e) {
   if (!(n instanceof HTMLElement && e instanceof HTMLElement))
     return n;
   const u = window.getComputedStyle(e);
-  return Wn.forEach((b) => {
-    n.style.setProperty(b, u.getPropertyValue(b));
-  }), n.childNodes.forEach((b, f) => {
-    n.replaceChild(He(e.childNodes[f]), b);
+  return Wn.forEach((g) => {
+    n.style.setProperty(g, u.getPropertyValue(g));
+  }), n.childNodes.forEach((g, f) => {
+    n.replaceChild(He(e.childNodes[f]), g);
   }), n;
 }
 const Cn = function(u) {
   return Zt(this, arguments, function* (e, n = {}) {
-    const b = n.width || e.offsetWidth, f = n.height || e.offsetHeight, { overwrite: w = [], wrapper: p = (v) => v } = n, s = He(e);
+    const g = n.width || e.offsetWidth, f = n.height || e.offsetHeight, { overwrite: w = [], wrapper: m = (v) => v } = n, s = He(e);
     if (s.setAttribute("xmlns", "http://www.w3.org/1999/xhtml"), s.classList.remove("outline"), n.styleText) {
       const v = document.createElement("style");
       v.innerHTML = n.styleText, s.appendChild(v);
@@ -520,8 +520,8 @@ const Cn = function(u) {
         v.src = yield Nn(v);
       }))
     );
-    const m = new XMLSerializer().serializeToString(p(s));
-    let y = 'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="' + b + '" height="' + f + '"><foreignObject x="0" y="0" width="100%" height="100%">' + m + "</foreignObject></svg>";
+    const p = new XMLSerializer().serializeToString(m(s));
+    let y = 'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="' + g + '" height="' + f + '"><foreignObject x="0" y="0" width="100%" height="100%">' + p + "</foreignObject></svg>";
     return y = y.replace(/\n/g, "").replace(/\t/g, "").replace(/#/g, "%23"), y;
   });
 };
@@ -532,20 +532,20 @@ var Ln = Object.defineProperty, In = Object.defineProperties, Yn = Object.getOwn
     for (var u of Xe(n))
       kn.call(n, u) && Oe(e, u, n[u]);
   return e;
-}, Vt = (e, n) => In(e, Yn(n)), Ct = (e, n, u) => new Promise((b, f) => {
-  var w = (m) => {
+}, Vt = (e, n) => In(e, Yn(n)), Ct = (e, n, u) => new Promise((g, f) => {
+  var w = (p) => {
     try {
-      s(u.next(m));
+      s(u.next(p));
     } catch (y) {
       f(y);
     }
-  }, p = (m) => {
+  }, m = (p) => {
     try {
-      s(u.throw(m));
+      s(u.throw(p));
     } catch (y) {
       f(y);
     }
-  }, s = (m) => m.done ? b(m.value) : Promise.resolve(m.value).then(w, p);
+  }, s = (p) => p.done ? g(p.value) : Promise.resolve(p.value).then(w, m);
   s((u = u.apply(e, n)).next());
 });
 const En = typeof window < "u", at = 65536 - 1, Kt = at * at, zn = 512 - 1, oe = [
@@ -1327,8 +1327,8 @@ function ie(e) {
     return at;
   n = e * (e * (e + -144107) / at + 132114) / at + 14379;
   for (let u = 0; u < 2; u++) {
-    const b = n * n * n, f = e + (2 * b + Kt / 2) / Kt;
-    n = (n * (2 * e + (b + Kt / 2) / Kt) + f / 2) / f;
+    const g = n * n * n, f = e + (2 * g + Kt / 2) / Kt;
+    n = (n * (2 * e + (g + Kt / 2) / Kt) + f / 2) / f;
   }
   return n;
 }
@@ -1336,11 +1336,11 @@ function Dt(e, n) {
   return (e ^ n) < 0 ? (e - n / 2) / n : (e + n / 2) / n;
 }
 function Be(e) {
-  const n = oe[e >> 16 & 255], u = oe[e >> 8 & 255], b = oe[e & 255], f = (27015 * n + 35149 * u + 3372 * b + at / 2) / at, w = (13887 * n + 44610 * u + 7038 * b + at / 2) / at, p = (5787 * n + 18462 * u + 41286 * b + at / 2) / at, s = ie(f), m = ie(w), y = ie(p);
+  const n = oe[e >> 16 & 255], u = oe[e >> 8 & 255], g = oe[e & 255], f = (27015 * n + 35149 * u + 3372 * g + at / 2) / at, w = (13887 * n + 44610 * u + 7038 * g + at / 2) / at, m = (5787 * n + 18462 * u + 41286 * g + at / 2) / at, s = ie(f), p = ie(w), y = ie(m);
   return [
-    Dt(13792 * s + 52010 * m - 267 * y, at),
-    Dt(129628 * s - 159158 * m + 29530 * y, at),
-    Dt(1698 * s + 51299 * m - 52997 * y, at)
+    Dt(13792 * s + 52010 * p - 267 * y, at),
+    Dt(129628 * s - 159158 * p + 29530 * y, at),
+    Dt(1698 * s + 51299 * p - 52997 * y, at)
   ];
 }
 function ae(e) {
@@ -1349,17 +1349,17 @@ function ae(e) {
   if (e >= at)
     return 255;
   {
-    const n = e * zn, u = ~~(n / at), b = n % at, f = je[u], w = je[u + 1];
-    return (b * (w - f) + at / 2) / at + f;
+    const n = e * zn, u = ~~(n / at), g = n % at, f = je[u], w = je[u + 1];
+    return (g * (w - f) + at / 2) / at + f;
   }
 }
 function Kn(e) {
-  const n = e[0] + Dt(25974 * e[1], at) + Dt(14143 * e[2], at), u = e[0] + Dt(-6918 * e[1], at) + Dt(-4185 * e[2], at), b = e[0] + Dt(-5864 * e[1], at) + Dt(-84638 * e[2], at), f = St(n, 2) * n / Kt, w = St(u, 2) * u / Kt, p = St(b, 2) * b / Kt, s = ae((267169 * f + -216771 * w + 15137 * p + at / 2) / at), m = ae((-83127 * f + 171030 * w + -22368 * p + at / 2) / at), y = ae((-275 * f + -46099 * w + 111909 * p + at / 2) / at);
-  return s << 16 | m << 8 | y;
+  const n = e[0] + Dt(25974 * e[1], at) + Dt(14143 * e[2], at), u = e[0] + Dt(-6918 * e[1], at) + Dt(-4185 * e[2], at), g = e[0] + Dt(-5864 * e[1], at) + Dt(-84638 * e[2], at), f = St(n, 2) * n / Kt, w = St(u, 2) * u / Kt, m = St(g, 2) * g / Kt, s = ae((267169 * f + -216771 * w + 15137 * m + at / 2) / at), p = ae((-83127 * f + 171030 * w + -22368 * m + at / 2) / at), y = ae((-275 * f + -46099 * w + 111909 * m + at / 2) / at);
+  return s << 16 | p << 8 | y;
 }
 function Xn(e) {
-  const n = { l: 0, a: 1, b: 2 }, u = e[0], b = e[1], f = e[2], w = n[u], p = n[b], s = n[f];
-  return (m, y) => m.oklab[w] - y.oklab[w] || m.oklab[p] - y.oklab[p] || m.oklab[s] - y.oklab[s];
+  const n = { l: 0, a: 1, b: 2 }, u = e[0], g = e[1], f = e[2], w = n[u], m = n[g], s = n[f];
+  return (p, y) => p.oklab[w] - y.oklab[w] || p.oklab[m] - y.oklab[m] || p.oklab[s] - y.oklab[s];
 }
 function On(e, n, u) {
   return e >= n ? n >= u ? "lab" : e >= u ? "lba" : "bla" : e >= u ? "alb" : n >= u ? "abl" : "bal";
@@ -1380,12 +1380,12 @@ function Pn(e = {}) {
   const {
     maxColors: n = 256,
     statsMode: u = "full",
-    samples: b = [],
+    samples: g = [],
     skipTransparent: f = !0
   } = e;
   return {
     __CONTEXT__: !0,
-    samples: b,
+    samples: g,
     maxColors: n,
     statsMode: u,
     skipTransparent: f,
@@ -1399,68 +1399,68 @@ function Pn(e = {}) {
 function qe(e) {
   const n = _e(e) ? e : e.context, {
     colorBoxesIndexTree: u,
-    finderCache: b
+    finderCache: g
   } = n;
-  function f(p, s, m) {
-    const { left: y, right: v, longest: E, oklab: C, colorBoxIndex: K } = u[p], I = Math.min(
+  function f(m, s, p) {
+    const { left: y, right: v, longest: E, oklab: C, colorBoxIndex: K } = u[m], I = Math.min(
       St(s[0] - C[0], 2) + St(s[1] - C[1], 2) + St(s[2] - C[2], 2),
       4294967295 - 1
     );
-    I < m.dist && (m.colorBoxIndex = K, m.dist = I);
+    I < p.dist && (p.colorBoxIndex = K, p.dist = I);
     let T, X;
     if (y !== -1 || v !== -1) {
       const _ = s[E] - C[E];
-      _ <= 0 ? (T = y, X = v) : (T = v, X = y), T !== -1 && f(T, s, m), X !== -1 && St(_, 2) < m.dist && f(X, s, m);
+      _ <= 0 ? (T = y, X = v) : (T = v, X = y), T !== -1 && f(T, s, p), X !== -1 && St(_, 2) < p.dist && f(X, s, p);
     }
   }
-  function w(p) {
+  function w(m) {
     const s = {
       dist: Number.MAX_SAFE_INTEGER,
       colorBoxIndex: -1
     };
-    return f(0, p, s), s.colorBoxIndex;
+    return f(0, m, s), s.colorBoxIndex;
   }
-  return (p) => {
-    const s = p % 32768;
-    let m = b.get(s);
-    m || (m = /* @__PURE__ */ new Map(), b.set(s, m));
-    let y = m.get(p);
-    return y !== void 0 || (y = w(Be(p)), m.set(p, y)), y;
+  return (m) => {
+    const s = m % 32768;
+    let p = g.get(s);
+    p || (p = /* @__PURE__ */ new Map(), g.set(s, p));
+    let y = p.get(m);
+    return y !== void 0 || (y = w(Be(m)), p.set(m, y)), y;
   };
 }
 function An(e, n) {
-  const { colorBoxes: u } = e, b = u.reduce((p, s) => p + s.weight, 0);
+  const { colorBoxes: u } = e, g = u.reduce((m, s) => m + s.weight, 0);
   if (!n)
-    return e.colorBoxes.map((p) => {
-      const { srgb: s, weight: m } = p;
+    return e.colorBoxes.map((m) => {
+      const { srgb: s, weight: p } = m;
       return {
         value: s,
-        percentage: m / b
+        percentage: p / g
       };
     });
   const f = [];
-  for (let p = u.length, s = 0; s < p; s++) {
-    const { srgb: m, weight: y } = u[s];
+  for (let m = u.length, s = 0; s < m; s++) {
+    const { srgb: p, weight: y } = u[s];
     f.push({
       value: [
-        m >> 16 & 255,
-        m >> 8 & 255,
-        m & 255
+        p >> 16 & 255,
+        p >> 8 & 255,
+        p & 255
       ],
-      percentage: y / b
+      percentage: y / g
     });
   }
   let w;
   if (n === "buffer") {
     w = new Uint8ClampedArray(f.length * 4);
-    for (let p = f.length, s = 0; s < p; s++) {
-      const m = s * 4, y = f[s].value;
-      w[m] = y[0], w[m + 1] = y[1], w[m + 2] = y[2], w[m + 3] = 255;
+    for (let m = f.length, s = 0; s < m; s++) {
+      const p = s * 4, y = f[s].value;
+      w[p] = y[0], w[p + 1] = y[1], w[p + 2] = y[2], w[p + 3] = 255;
     }
   } else if (n === "hex") {
     w = [];
-    for (let p = f.length, s = 0; s < p; s++) {
-      const { value: m, percentage: y } = f[s], v = m[0].toString(16).padStart(2, "0"), E = m[1].toString(16).padStart(2, "0"), C = m[2].toString(16).padStart(2, "0");
+    for (let m = f.length, s = 0; s < m; s++) {
+      const { value: p, percentage: y } = f[s], v = p[0].toString(16).padStart(2, "0"), E = p[1].toString(16).padStart(2, "0"), C = p[2].toString(16).padStart(2, "0");
       w.push({
         value: `#${v}${E}${C}`,
         percentage: y
@@ -1471,10 +1471,10 @@ function An(e, n) {
   return w;
 }
 function le(e, n, u) {
-  var b, f, w, p;
+  var g, f, w, m;
   const {
     getContext2d: s,
-    previousSample: m,
+    previousSample: p,
     skipTransparent: y
   } = u, {
     statsMode: v,
@@ -1491,10 +1491,10 @@ function le(e, n, u) {
       const I = [];
       for (let T = n.length, X = 0; X < T; X++)
         I.push(
-          (b = n[X][0]) != null ? b : 0,
+          (g = n[X][0]) != null ? g : 0,
           (f = n[X][1]) != null ? f : 0,
           (w = n[X][2]) != null ? w : 0,
-          (p = n[X][3]) != null ? p : 255
+          (m = n[X][3]) != null ? m : 255
         );
       K = new Uint8ClampedArray(I);
     } else
@@ -1522,44 +1522,44 @@ function le(e, n, u) {
   }
   for (let I = K.length, T = 0; T < I; T += 4) {
     const X = K[T], _ = K[T + 1], ot = K[T + 2], P = K[T + 3];
-    if (y && P === 0 || v === "diff" && m && X === m[T] && _ === m[T + 1] && ot === m[T + 2] && P === m[T + 3])
+    if (y && P === 0 || v === "diff" && p && X === p[T] && _ === p[T + 1] && ot === p[T + 2] && P === p[T + 3])
       continue;
     const R = X << 16 | _ << 8 | ot, J = P * 1e8 + R, k = J % 32768;
     let st = C.get(k);
     st || (st = /* @__PURE__ */ new Map(), C.set(k, st));
-    let pt = st.get(J);
-    if (pt !== void 0) {
-      E[pt].count++;
+    let mt = st.get(J);
+    if (mt !== void 0) {
+      E[mt].count++;
       continue;
     }
-    pt = E.push({
+    mt = E.push({
       alpha: P,
       srgb: R,
       oklab: Be(R),
       count: 1
-    }) - 1, st.set(J, pt);
+    }) - 1, st.set(J, mt);
   }
   return K;
 }
 function $e(e, n) {
-  const { colorSamples: u } = n, { start: b, end: f } = e;
-  e.length = f - b, e.weight = 0;
+  const { colorSamples: u } = n, { start: g, end: f } = e;
+  e.length = f - g, e.weight = 0;
   const w = [0, 0, 0];
-  for (let s = b; s < f; s++) {
-    const m = u[s];
-    w[0] += m.oklab[0] * m.count, w[1] += m.oklab[1] * m.count, w[2] += m.oklab[2] * m.count, e.weight += m.count;
+  for (let s = g; s < f; s++) {
+    const p = u[s];
+    w[0] += p.oklab[0] * p.count, w[1] += p.oklab[1] * p.count, w[2] += p.oklab[2] * p.count, e.weight += p.count;
   }
   e.oklab = [
     w[0] / e.weight,
     w[1] / e.weight,
     w[2] / e.weight
   ];
-  const p = [0, 0, 0];
-  for (let s = b; s < f; s++) {
-    const m = u[s];
-    p[0] += St(m.oklab[0] - e.oklab[0], 2) * m.count, p[1] += St(m.oklab[1] - e.oklab[1], 2) * m.count, p[2] += St(m.oklab[2] - e.oklab[2], 2) * m.count;
+  const m = [0, 0, 0];
+  for (let s = g; s < f; s++) {
+    const p = u[s];
+    m[0] += St(p.oklab[0] - e.oklab[0], 2) * p.count, m[1] += St(p.oklab[1] - e.oklab[1], 2) * p.count, m[2] += St(p.oklab[2] - e.oklab[2], 2) * p.count;
   }
-  e.sort = On(p[0], p[1], p[2]), e.score = Math.max(p[0], p[1], p[2]);
+  e.sort = On(m[0], m[1], m[2]), e.score = Math.max(m[0], m[1], m[2]);
 }
 function Ve(e, n) {
   const u = Lt({
@@ -1576,79 +1576,79 @@ function Ve(e, n) {
   return $e(u, n), u;
 }
 function Qn(e) {
-  const { colorBoxes: n } = e, u = [], b = /* @__PURE__ */ new Map();
-  for (let p = -1, s = n.length, m = 0; m < s; m++) {
-    const { srgb: y } = n[m];
-    if (y === p) {
-      b.set(m, !0);
+  const { colorBoxes: n } = e, u = [], g = /* @__PURE__ */ new Map();
+  for (let m = -1, s = n.length, p = 0; p < s; p++) {
+    const { srgb: y } = n[p];
+    if (y === m) {
+      g.set(p, !0);
       continue;
     }
-    p = y;
+    m = y;
   }
   w({
     min: [-65535, -65535, -65535],
     max: [65535, 65535, 65535]
   });
-  function f(p) {
+  function f(m) {
     const s = {
       min: [65535, 65535, 65535],
       max: [-65535, -65535, -65535]
     };
-    let m = 0;
+    let p = 0;
     const y = [];
     for (let I = n.length, T = 0; T < I; T++) {
       const { oklab: X } = n[T];
-      b.has(T) || X[0] < p.min[0] || X[1] < p.min[1] || X[2] < p.min[2] || X[0] > p.max[0] || X[1] > p.max[1] || X[2] > p.max[2] || (X[0] < s.min[0] && (s.min[0] = X[0]), X[1] < s.min[1] && (s.min[1] = X[1]), X[2] < s.min[2] && (s.min[2] = X[2]), X[0] > s.max[0] && (s.max[0] = X[0]), X[1] > s.max[1] && (s.max[1] = X[1]), X[2] > s.max[2] && (s.max[2] = X[2]), y[m++] = {
+      g.has(T) || X[0] < m.min[0] || X[1] < m.min[1] || X[2] < m.min[2] || X[0] > m.max[0] || X[1] > m.max[1] || X[2] > m.max[2] || (X[0] < s.min[0] && (s.min[0] = X[0]), X[1] < s.min[1] && (s.min[1] = X[1]), X[2] < s.min[2] && (s.min[2] = X[2]), X[0] > s.max[0] && (s.max[0] = X[0]), X[1] > s.max[1] && (s.max[1] = X[1]), X[2] > s.max[2] && (s.max[2] = X[2]), y[p++] = {
         oklab: X,
         colorBoxIndex: T
       });
     }
     let v = 0;
-    if (!m)
+    if (!p)
       return { colorBoxIndex: -1, longest: v };
     const E = s.max[0] - s.min[0], C = s.max[1] - s.min[1], K = s.max[2] - s.min[2];
     return E >= C && E >= K ? v = 0 : K >= E && K >= C ? v = 2 : C >= E && C >= K && (v = 1), {
-      colorBoxIndex: y.sort((I, T) => I.oklab[v] - T.oklab[v])[m >> 1].colorBoxIndex,
+      colorBoxIndex: y.sort((I, T) => I.oklab[v] - T.oklab[v])[p >> 1].colorBoxIndex,
       longest: v
     };
   }
-  function w(p) {
-    const { colorBoxIndex: s, longest: m } = f(p);
+  function w(m) {
+    const { colorBoxIndex: s, longest: p } = f(m);
     if (s < 0)
       return -1;
     const { oklab: y } = n[s], v = {
-      longest: m,
+      longest: p,
       oklab: y,
       colorBoxIndex: s
     }, E = u.push(v) - 1;
-    b.set(s, !0);
-    const C = { max: [...p.max], min: [...p.min] }, K = { max: [...p.max], min: [...p.min] };
-    C.max[m] = y[m], K.min[m] = Math.min(y[m] + 1, 65535);
+    g.set(s, !0);
+    const C = { max: [...m.max], min: [...m.min] }, K = { max: [...m.max], min: [...m.min] };
+    C.max[p] = y[p], K.min[p] = Math.min(y[p] + 1, 65535);
     const I = w(C);
     let T = -1;
-    return K.min[m] <= K.max[m] && (T = w(K)), v.left = I, v.right = T, E;
+    return K.min[p] <= K.max[p] && (T = w(K)), v.left = I, v.right = T, E;
   }
   return u;
 }
 function Un(e, n = {}) {
   const {
     maxColors: u,
-    colorSamples: b
+    colorSamples: g
   } = e;
-  if (!b.length)
+  if (!g.length)
     return;
   const {
     maxColors: f = u,
     clearSamples: w = !0
   } = n;
-  let p = Ve({ end: b.length }, e), s = 1;
-  const m = [p];
+  let m = Ve({ end: g.length }, e), s = 1;
+  const p = [m];
   function y() {
     let E = -1, C = -1;
     if (s === f)
       return -1;
     for (let K = 0; K < s; K++) {
-      const I = m[K];
+      const I = p[K];
       I.length >= 2 && I.score > C && (E = K, C = I.score);
     }
     return E;
@@ -1659,40 +1659,40 @@ function Un(e, n = {}) {
       end: E.end,
       sorted: E.sorted
     }, e);
-    E.end -= K.length, $e(E, e), m.push(K), s++;
+    E.end -= K.length, $e(E, e), p.push(K), s++;
   }
-  for (; p && p.length > 1; ) {
-    const { start: E, end: C, sort: K, sorted: I } = p;
+  for (; m && m.length > 1; ) {
+    const { start: E, end: C, sort: K, sorted: I } = m;
     if (K !== I) {
-      const P = b.slice(E, C).sort(Xn(K));
+      const P = g.slice(E, C).sort(Xn(K));
       for (let R = P.length, J = 0; J < R; J++)
-        b[E + J] = P[J];
-      p.sorted = K;
+        g[E + J] = P[J];
+      m.sorted = K;
     }
-    const T = p.weight + 1 >> 1;
+    const T = m.weight + 1 >> 1;
     let X = E, _ = 0;
-    for (let P = C - 2; X < P && (_ += b[X].count, !(_ > T)); X++)
+    for (let P = C - 2; X < P && (_ += g[X].count, !(_ > T)); X++)
       ;
-    v(p, X);
+    v(m, X);
     const ot = y();
-    p = ot >= 0 ? m[ot] : null;
+    m = ot >= 0 ? p[ot] : null;
   }
-  for (let E = m.length, C = 0; C < E; C++)
-    m[C].srgb = Kn(m[C].oklab);
-  e.colorBoxes = m.sort((E, C) => E.srgb - C.srgb), e.colorBoxesIndexTree = Qn(e), w && (e.colorSamples = [], e.colorSamplesCache.clear()), e.finderCache.clear();
+  for (let E = p.length, C = 0; C < E; C++)
+    p[C].srgb = Kn(p[C].oklab);
+  e.colorBoxes = p.sort((E, C) => E.srgb - C.srgb), e.colorBoxesIndexTree = Qn(e), w && (e.colorSamples = [], e.colorSamplesCache.clear()), e.finderCache.clear();
 }
 function Fn(e, n, u) {
-  const { colorBoxes: b } = e;
+  const { colorBoxes: g } = e;
   if (!n)
     return;
   let f;
   if (typeof u == "number")
     f = u;
   else if (typeof u == "string") {
-    const m = u.replace(/^#/, ""), y = [
-      `${m[0]}${m[1]}`,
-      `${m[2]}${m[3]}`,
-      `${m[4]}${m[5]}`
+    const p = u.replace(/^#/, ""), y = [
+      `${p[0]}${p[1]}`,
+      `${p[2]}${p[3]}`,
+      `${p[4]}${p[5]}`
     ].map((v) => parseInt(v, 16));
     f = y[0] << 16 | y[1] << 8 | y[2];
   } else if (Array.isArray(u))
@@ -1702,14 +1702,14 @@ function Fn(e, n, u) {
   const w = n(f);
   if (w === void 0)
     return;
-  const p = b[w];
-  if (!p)
+  const m = g[w];
+  if (!m)
     return;
-  const { srgb: s } = p;
+  const { srgb: s } = m;
   if (typeof u == "string") {
-    const m = (s >> 16 & 255).toString(16).padStart(2, "0"), y = (s >> 8 & 255).toString(16).padStart(2, "0"), v = (s & 255).toString(16).padStart(2, "0");
+    const p = (s >> 16 & 255).toString(16).padStart(2, "0"), y = (s >> 8 & 255).toString(16).padStart(2, "0"), v = (s & 255).toString(16).padStart(2, "0");
     return {
-      value: `#${m}${y}${v}`,
+      value: `#${p}${y}${v}`,
       index: w
     };
   } else if (typeof u == "object" && Array.isArray(u))
@@ -1732,7 +1732,7 @@ function Jn(e) {
 function Pe(e) {
   const n = Vn(e), {
     statsMode: u,
-    samples: b,
+    samples: g,
     skipTransparent: f
   } = n, w = function() {
     let y;
@@ -1740,56 +1740,56 @@ function Pe(e) {
       willReadFrequently: !0
     })), y);
   }();
-  let p = null, s = null;
-  const m = {
+  let m = null, s = null;
+  const p = {
     context: n,
     addSample: (y) => {
-      n.colorSamples.length === 0 && (p = null);
+      n.colorSamples.length === 0 && (m = null);
       const v = le(n, y, {
         getContext2d: w,
-        previousSample: p,
+        previousSample: m,
         skipTransparent: f
       });
       return (v instanceof Promise ? v : Promise.resolve().then(() => v)).then((E) => {
-        E && u === "diff" && (p = E);
+        E && u === "diff" && (m = E);
       }), v;
     },
     generate(y = {}) {
       const { clearSamples: v = !0 } = y;
-      return v && (p = null), Un(n, y), this;
+      return v && (m = null), Un(n, y), this;
     },
     getColors: (y) => An(n, y),
     findNearestColor: (y) => (s || (s = qe(n)), Fn(n, s, y)),
     reset: () => Jn(n)
   };
-  return b.length && (b.forEach((y) => m.addSample(y)), n.samples = []), m;
+  return g.length && (g.forEach((y) => p.addSample(y)), n.samples = []), p;
 }
 const Ht = "[modern-gif]", Rn = "GIF", Hn = 44, tn = 33, Bn = 255, _n = 11, qn = 249, $n = 4, tr = 59, er = (...e) => console.warn(Ht, ...e), nr = (...e) => console.debug(Ht, ...e), rr = (e) => console.time(`${Ht} ${e}`), or = (e) => console.timeEnd(`${Ht} ${e}`);
 function ir(e) {
   const n = new Uint8Array(
-    e.reduce((u, b) => u + b.byteLength, 0)
+    e.reduce((u, g) => u + g.byteLength, 0)
   );
-  return e.reduce((u, b) => (n.set(b, u), u + b.byteLength), 0), n;
+  return e.reduce((u, g) => (n.set(g, u), u + g.byteLength), 0), n;
 }
 function ar(e, n, u) {
-  let b;
+  let g;
   if (ArrayBuffer.isView(e))
-    b = e.buffer;
+    g = e.buffer;
   else if (e instanceof ArrayBuffer)
-    b = e;
+    g = e;
   else {
-    const f = document.createElement("canvas"), { width: w, height: p } = u || {}, s = f.getContext("2d");
+    const f = document.createElement("canvas"), { width: w, height: m } = u || {}, s = f.getContext("2d");
     if (!s)
       throw new Error("Failed to create canvas context2d");
-    f.width = w != null ? w : typeof e.width == "number" ? e.width : e.width.baseVal.value, f.height = p != null ? p : typeof e.height == "number" ? e.height : e.height.baseVal.value, s.drawImage(e, 0, 0, f.width, f.height), b = s.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, s.drawImage(e, 0, 0, f.width, f.height), g = s.getImageData(0, 0, f.width, f.height).data.buffer;
   }
   switch (n) {
     case "uint8Array":
-      return new Uint8Array(b);
+      return new Uint8Array(g);
     case "uint8ClampedArray":
-      return new Uint8ClampedArray(b);
+      return new Uint8ClampedArray(g);
     case "dataView":
-      return new DataView(b);
+      return new DataView(g);
     default:
       throw new Error("Unsupported output format");
   }
@@ -1800,14 +1800,14 @@ function sr(e) {
 }
 function lr(e) {
   return new Promise((n, u) => {
-    const b = sr(e);
-    b.onload = () => n(b), b.onerror = u;
+    const g = sr(e);
+    g.onload = () => n(g), g.onerror = u;
   });
 }
 function cr(e, n) {
   var u;
-  const { top: b = 0, left: f = 0, width: w, height: p, rawWidth: s, rate: m = 4, callback: y } = n, v = new Uint8ClampedArray(w * p * m), E = f * m, C = b * m, K = w * m, I = s * m;
-  for (let T = 0; T < p; T++)
+  const { top: g = 0, left: f = 0, width: w, height: m, rawWidth: s, rate: p = 4, callback: y } = n, v = new Uint8ClampedArray(w * m * p), E = f * p, C = g * p, K = w * p, I = s * p;
+  for (let T = 0; T < m; T++)
     for (let X = 0; X < K; X++) {
       const _ = (C + T) * I + (E + X);
       v[T * K + X] = (u = y == null ? void 0 : y(_)) != null ? u : e[_];
@@ -1818,32 +1818,32 @@ function en(e = {}) {
   const {
     chunkSize: n = 4096
   } = e;
-  let u = [new Uint8Array(n)], b = 0, f = 0;
-  const w = (s, m) => {
-    m ? u[m[0]][m[1]] = s : (f >= n && (u[++b] = new Uint8Array(n), f = 0), u[b][f++] = s);
-  }, p = (s) => s.forEach((m) => w(m));
+  let u = [new Uint8Array(n)], g = 0, f = 0;
+  const w = (s, p) => {
+    p ? u[p[0]][p[1]] = s : (f >= n && (u[++g] = new Uint8Array(n), f = 0), u[g][f++] = s);
+  }, m = (s) => s.forEach((p) => w(p));
   return {
-    getCursor: () => [b, f],
+    getCursor: () => [g, f],
     setCursor: (s) => {
-      b = s[0], f = s[1];
+      g = s[0], f = s[1];
     },
-    calculateDistance: (s) => b * n + f - (s[0] * n + s[1]),
+    calculateDistance: (s) => g * n + f - (s[0] * n + s[1]),
     writeByte: w,
-    writeBytes: p,
-    writeString: (s) => s.split("").forEach((m, y) => w(s.charCodeAt(y))),
-    writeUnsigned: (s) => p([s & 255, s >> 8 & 255]),
+    writeBytes: m,
+    writeString: (s) => s.split("").forEach((p, y) => w(s.charCodeAt(y))),
+    writeUnsigned: (s) => m([s & 255, s >> 8 & 255]),
     flush: () => {
-      u[b] = u[b].slice(0, f);
+      u[g] = u[g].slice(0, f);
       const s = new Uint8Array(u.reduce((y, v) => y + v.byteLength, 0));
-      let m = 0;
+      let p = 0;
       return u.forEach((y) => {
-        s.set(y, m), m += y.byteLength;
-      }), u = [new Uint8Array(n)], b = 0, f = 0, s;
+        s.set(y, p), p += y.byteLength;
+      }), u = [new Uint8Array(n)], g = 0, f = 0, s;
     }
   };
 }
 function dr(e) {
-  var n, u, b;
+  var n, u, g;
   const f = Lt({
     version: "89a",
     looped: !0,
@@ -1870,47 +1870,47 @@ function dr(e) {
     if (f.backgroundColorIndex === 0)
       throw new Error("Background index explicitly passed as 0.");
   }
-  const p = en(), {
+  const m = en(), {
     writeByte: s,
-    writeBytes: m,
+    writeBytes: p,
     writeUnsigned: y,
     writeString: v,
     flush: E
-  } = p;
-  return v(Rn), v(f.version), y(f.width), y(f.height), s(parseInt(`${f.colorTableSize ? 1 : 0}1110${f.colorTableSize.toString(2).padStart(3, "0")}`, 2)), s(f.backgroundColorIndex), s(f.pixelAspectRatio), m((b = (u = f.colorTable) == null ? void 0 : u.flat()) != null ? b : []), f.looped && (s(tn), s(Bn), s(_n), v("NETSCAPE2.0"), s(3), s(1), y(f.loopCount), s(0)), E();
+  } = m;
+  return v(Rn), v(f.version), y(f.width), y(f.height), s(parseInt(`${f.colorTableSize ? 1 : 0}1110${f.colorTableSize.toString(2).padStart(3, "0")}`, 2)), s(f.backgroundColorIndex), s(f.pixelAspectRatio), p((g = (u = f.colorTable) == null ? void 0 : u.flat()) != null ? g : []), f.looped && (s(tn), s(Bn), s(_n), v("NETSCAPE2.0"), s(3), s(1), y(f.loopCount), s(0)), E();
 }
 function ur(e, n, u) {
-  const { writeByte: b, getCursor: f, calculateDistance: w } = u;
-  b(e);
-  let p = f();
-  b(0);
-  const s = 1 << e, m = s - 1, y = s + 1;
+  const { writeByte: g, getCursor: f, calculateDistance: w } = u;
+  g(e);
+  let m = f();
+  g(0);
+  const s = 1 << e, p = s - 1, y = s + 1;
   let v = y + 1, E = e + 1, C = 0, K = 0;
   function I(J) {
     for (; C >= J; )
-      b(K & 255), K >>= 8, C -= 8, w(p) === 256 && (b(255, p), p = f(), b(0));
+      g(K & 255), K >>= 8, C -= 8, w(m) === 256 && (g(255, m), m = f(), g(0));
   }
   function T(J) {
     K |= J << C, C += E, I(8);
   }
-  let X = n[0] & m, _ = {}, ot, P, R;
+  let X = n[0] & p, _ = {}, ot, P, R;
   T(s);
   for (let J = n.length, k = 1; k < J; ++k)
-    if (R = n[k] & m, ot = X << 8 | R, P = _[ot], P === void 0) {
+    if (R = n[k] & p, ot = X << 8 | R, P = _[ot], P === void 0) {
       for (K |= X << C, C += E; C >= 8; )
-        b(K & 255), K >>= 8, C -= 8, w(p) === 256 && (b(255, p), p = f(), b(0));
+        g(K & 255), K >>= 8, C -= 8, w(m) === 256 && (g(255, m), m = f(), g(0));
       v === 4096 ? (T(s), v = y + 1, E = e + 1, _ = {}) : (v >= 1 << E && ++E, _[ot] = v++), X = R;
     } else
       X = P;
-  T(X), T(y), I(1), w(p) === 1 ? b(0, p) : (b(w(p) - 1, p), b(0));
+  T(X), T(y), I(1), w(m) === 1 ? g(0, m) : (g(w(m) - 1, m), g(0));
 }
 function hr(e) {
-  var n, u, b;
+  var n, u, g;
   const f = en(), {
     writeByte: w,
-    writeBytes: p,
+    writeBytes: m,
     writeUnsigned: s,
-    flush: m
+    flush: p
   } = f, {
     left: y = 0,
     top: v = 0,
@@ -1923,7 +1923,7 @@ function hr(e) {
     disposal: T = 0
   } = e;
   const X = (n = e.graphicControl) == null ? void 0 : n.transparent;
-  let _ = (b = (u = e.graphicControl) == null ? void 0 : u.transparentIndex) != null ? b : 255;
+  let _ = (g = (u = e.graphicControl) == null ? void 0 : u.transparentIndex) != null ? g : 255;
   if (y < 0 || y > 65535)
     throw new Error("Left invalid.");
   if (v < 0 || v > 65535)
@@ -1939,39 +1939,39 @@ function hr(e) {
     for (; P >>= 1; )
       ++ot;
   }
-  return w(tn), w(qn), w($n), X ? T || (T = 2) : _ = 0, w(parseInt(`000${Number(T & 7).toString(2).padStart(3, "0")}0${X ? 1 : 0}`, 2)), s(K / 10), w(_), w(0), w(Hn), s(y), s(v), s(E), s(C), I != null && I.length ? (w(parseInt(`10000${(ot - 1).toString(2).padStart(3, "0")}`, 2)), p(I.flat())) : w(0), ur(ot, e.imageData, f), m();
+  return w(tn), w(qn), w($n), X ? T || (T = 2) : _ = 0, w(parseInt(`000${Number(T & 7).toString(2).padStart(3, "0")}0${X ? 1 : 0}`, 2)), s(K / 10), w(_), w(0), w(Hn), s(y), s(v), s(E), s(C), I != null && I.length ? (w(parseInt(`10000${(ot - 1).toString(2).padStart(3, "0")}`, 2)), m(I.flat())) : w(0), ur(ot, e.imageData, f), p();
 }
-function pr(e) {
+function mr(e) {
   const {
     frames: n,
     palette: u,
-    transparentIndex: b
+    transparentIndex: g
   } = e, f = qe(u);
   return n.map(({ imageData: w }) => {
-    let p = !1;
+    let m = !1;
     const s = new Uint8ClampedArray(w.length / 4);
-    for (let m = w.length, y = 0; y < m; y += 4)
-      w[y + 3] === 0 ? (s[y / 4] = b, p = !0) : s[y / 4] = f(
+    for (let p = w.length, y = 0; y < p; y += 4)
+      w[y + 3] === 0 ? (s[y / 4] = g, m = !0) : s[y / 4] = f(
         w[y] << 16 | w[y + 1] << 8 | w[y + 2]
       );
     return {
       imageData: s,
-      transparent: p
+      transparent: m
     };
   });
 }
-function mr(e) {
+function pr(e) {
   const { frames: n, transparentIndex: u } = e;
-  let b;
+  let g;
   const f = n.length;
-  return n.map((w, p) => {
+  return n.map((w, m) => {
     const {
       width: s,
-      height: m,
+      height: p,
       transparent: y,
       imageData: v
     } = w;
-    let E = 0, C = 0, K = s - 1, I = m - 1, T;
+    let E = 0, C = 0, K = s - 1, I = p - 1, T;
     if (y) {
       for (; C < I; ) {
         let P = !0;
@@ -2018,12 +2018,12 @@ function mr(e) {
         K--;
       }
     } else {
-      if (b) {
+      if (g) {
         for (; C < I; ) {
           let P = !0;
           for (let R = 0; R < s; R++) {
             const J = s * C + R;
-            if (v[J] !== b[J]) {
+            if (v[J] !== g[J]) {
               P = !1;
               break;
             }
@@ -2036,7 +2036,7 @@ function mr(e) {
           let P = !0;
           for (let R = 0; R < s; R++) {
             const J = s * I + R;
-            if (v[J] !== b[J]) {
+            if (v[J] !== g[J]) {
               P = !1;
               break;
             }
@@ -2052,7 +2052,7 @@ function mr(e) {
             let P = !0;
             for (let R = C; R <= I; R++) {
               const J = R * s + E;
-              if (v[J] !== b[J]) {
+              if (v[J] !== g[J]) {
                 P = !1;
                 break;
               }
@@ -2065,7 +2065,7 @@ function mr(e) {
             let P = !0;
             for (let R = C; R <= I; R++) {
               const J = R * s + K;
-              if (v[J] !== b[J]) {
+              if (v[J] !== g[J]) {
                 P = !1;
                 break;
               }
@@ -2076,7 +2076,7 @@ function mr(e) {
           }
         }
       }
-      T = b, b = v;
+      T = g, g = v;
     }
     const X = K + 1 - E, _ = I + 1 - C, ot = cr(
       v,
@@ -2098,12 +2098,12 @@ function mr(e) {
       top: C,
       width: X,
       height: _,
-      disposal: y && p !== f - 1 ? 2 : 1,
+      disposal: y && m !== f - 1 ? 2 : 1,
       imageData: ot
     };
   });
 }
-function gr(e) {
+function br(e) {
   return {
     time: (n) => e && rr(n),
     timeEnd: (n) => e && or(n),
@@ -2111,10 +2111,10 @@ function gr(e) {
     warn: (...n) => e && er(...n)
   };
 }
-function br(e) {
+function gr(e) {
   const n = /* @__PURE__ */ new Map(), { workerUrl: u } = e;
-  let { workerNumber: b = 1 } = e;
-  const f = [...new Array(u ? b : 0)].map(() => {
+  let { workerNumber: g = 1 } = e;
+  const f = [...new Array(u ? g : 0)].map(() => {
     try {
       const s = new Worker(u);
       return s.onmessage = w, s;
@@ -2122,24 +2122,24 @@ function br(e) {
       return null;
     }
   }).filter(Boolean);
-  b = f.length;
+  g = f.length;
   function w(s) {
-    var m;
+    var p;
     const { id: y, data: v } = s.data;
-    (m = n.get(y)) == null || m(v), n.delete(y);
+    (p = n.get(y)) == null || p(v), n.delete(y);
   }
-  const p = function() {
+  const m = function() {
     let s = 0;
-    return (m) => f[(m != null ? m : s++) % b];
+    return (p) => f[(p != null ? p : s++) % g];
   }();
   return {
     call: function() {
       let s = 0;
-      return (m, y, v, E) => new Promise((C) => {
-        const K = p(E);
+      return (p, y, v, E) => new Promise((C) => {
+        const K = m(E);
         if (!K)
           return C(void 0);
-        n.set(s, C), K.postMessage({ id: s++, type: m, data: y }, { transfer: v });
+        n.set(s, C), K.postMessage({ id: s++, type: p, data: y }, { transfer: v });
       });
     }()
   };
@@ -2148,22 +2148,22 @@ function yr(e) {
   const {
     width: n,
     height: u,
-    workerUrl: b,
+    workerUrl: g,
     workerNumber: f = 1,
     colorTableSize: w = 256,
-    backgroundColorIndex: p = w - 1,
+    backgroundColorIndex: m = w - 1,
     maxColors: s = w - 1,
-    debug: m = !1
+    debug: p = !1
   } = e, y = {
     width: n,
     height: u,
     maxColors: s,
     frames: [],
-    log: gr(m),
+    log: br(p),
     palette: Pe({
       skipTransparent: !1
     }),
-    worker: br({ workerUrl: b, workerNumber: f }),
+    worker: gr({ workerUrl: g, workerNumber: f }),
     encodeId: 0,
     encode(T) {
       return Ct(this, null, function* () {
@@ -2174,7 +2174,7 @@ function yr(e) {
         X.time(`palette:sample-${ot}`);
         try {
           st = typeof st == "string" ? yield lr(st) : st;
-          const pt = ar(st, "uint8ClampedArray", {
+          const mt = ar(st, "uint8ClampedArray", {
             width: J,
             height: k
           });
@@ -2182,8 +2182,8 @@ function yr(e) {
             width: J,
             height: k
           }, T), {
-            imageData: pt
-          })), yield v(pt);
+            imageData: mt
+          })), yield v(mt);
         } finally {
           X.timeEnd(`palette:sample-${ot}`);
         }
@@ -2199,45 +2199,45 @@ function yr(e) {
           const W = D[0].toString(16).padStart(2, "0"), N = D[1].toString(16).padStart(2, "0"), M = D[2].toString(16).padStart(2, "0");
           return `#${W}${N}${M}`;
         });
-        for (m && console.debug(
+        for (p && console.debug(
           st.map(() => "%c ").join(""),
           ...st.map((D) => `margin: 1px; background: ${D}`)
         ); k.length < w; )
           k.push([0, 0, 0]);
         T.timeEnd("palette:generate"), T.time("frames:index");
-        const pt = yield C({
+        const mt = yield C({
           frames: X,
           palette: J,
-          transparentIndex: p
+          transparentIndex: m
         });
         T.timeEnd("frames:index"), T.time("frames:crop");
         const xt = yield K({
-          frames: pt.map((D, W) => {
+          frames: mt.map((D, W) => {
             const { width: N = 1, height: M = 1 } = X[W];
             return Vt(Lt({}, D), {
               width: N,
               height: M
             });
           }),
-          transparentIndex: p
+          transparentIndex: m
         });
         T.timeEnd("frames:crop"), T.time("frames:encode");
         const Wt = yield Promise.all(X.map((D, W) => I(
           Vt(Lt(Lt({}, D), xt[W]), {
             graphicControl: Vt(Lt({}, D.graphicControl), {
               transparent: !0,
-              transparentIndex: p
+              transparentIndex: m
             })
           })
         )));
         T.timeEnd("frames:encode"), T.time("output");
-        const bt = dr(Vt(Lt({}, e), {
+        const gt = dr(Vt(Lt({}, e), {
           colorTable: k,
-          backgroundColorIndex: p,
+          backgroundColorIndex: m,
           width: _,
           height: ot
-        })), It = ir(Wt), Y = new Uint8Array(bt.length + It.byteLength + 1);
-        return Y.set(bt), Y.set(It, bt.byteLength), Y[Y.length - 1] = tr, T.timeEnd("output"), R.reset(), y.frames = [], y.encodeId = 0, Y;
+        })), It = ir(Wt), Y = new Uint8Array(gt.length + It.byteLength + 1);
+        return Y.set(gt), Y.set(It, gt.byteLength), Y[Y.length - 1] = tr, T.timeEnd("output"), R.reset(), y.frames = [], y.encodeId = 0, Y;
       });
     }
   };
@@ -2266,7 +2266,7 @@ function yr(e) {
       return (yield y.worker.call(
         "frames:index",
         T
-      )) || pr(T);
+      )) || mr(T);
     });
   }
   function K(T) {
@@ -2275,7 +2275,7 @@ function yr(e) {
         "frames:crop",
         T,
         T.frames.map((_) => _.imageData.buffer)
-      )) || mr(T);
+      )) || pr(T);
     });
   }
   function I(T) {
@@ -2292,7 +2292,7 @@ function yr(e) {
 function fr(e) {
   return Ct(this, null, function* () {
     const { frames: n } = e, u = yr(e);
-    for (let b = n.length, f = 0; f < b; f++)
+    for (let g = n.length, f = 0; f < g; f++)
       yield u.encode(n[f]);
     return yield u.flush();
   });
@@ -2301,15 +2301,15 @@ const wr = "data:application/javascript;base64,dmFyIEdlPU9iamVjdC5kZWZpbmVQcm9wZ
   const {
     perFrameTime: n = 1e3 / 24,
     gif: u,
-    images: b,
+    images: g,
     autoSize: f = !0
-  } = e, w = Tt({}, u), p = [];
+  } = e, w = Tt({}, u), m = [];
   if (f) {
-    const y = (u == null ? void 0 : u.width) || Math.min(...b.map((E) => E.width)), v = (u == null ? void 0 : u.height) || Math.min(...b.map((E) => E.height));
+    const y = (u == null ? void 0 : u.width) || Math.min(...g.map((E) => E.width)), v = (u == null ? void 0 : u.height) || Math.min(...g.map((E) => E.height));
     w.width = y, w.height = v;
   }
-  b.forEach((y) => {
-    p.push({
+  g.forEach((y) => {
+    m.push({
       imageData: y,
       delay: n
     });
@@ -2319,7 +2319,7 @@ const wr = "data:application/javascript;base64,dmFyIEdlPU9iamVjdC5kZWZpbmVQcm9wZ
     width: w.width || 200,
     height: w.height || 200,
     maxColors: 255,
-    frames: p
+    frames: m
   });
   return new Blob([s], { type: "image/gif" });
 }), Mr = {
@@ -2329,7 +2329,7 @@ const wr = "data:application/javascript;base64,dmFyIEdlPU9iamVjdC5kZWZpbmVQcm9wZ
   normalize(e) {
     return e ? "true" : void 0;
   }
-}, xr = ({ nodePath: e }) => /* @__PURE__ */ G.createElement(be, null, /* @__PURE__ */ G.createElement(
+}, xr = ({ nodePath: e }) => /* @__PURE__ */ G.createElement(ge, null, /* @__PURE__ */ G.createElement(
   ye,
   {
     desktop: /* @__PURE__ */ G.createElement(
@@ -2352,10 +2352,10 @@ function Ae({
   nodePath: e,
   mode: n
 }) {
-  const { onUpload: u } = Ze(), { setFieldValue: b } = fe(), { selectedNode: f } = Se(), { setLock: w } = Ne(), [p, s] = xe(!1), m = G.useRef();
-  m.current || (m.current = Xt(f)), Rt(() => {
+  const { onUpload: u } = Ze(), { setFieldValue: g } = fe(), { selectedNode: f } = Se(), { setLock: w } = Ne(), [m, s] = xe(!1), p = G.useRef();
+  p.current || (p.current = Xt(f)), Rt(() => {
     var v;
-    Jt((v = m.current) == null ? void 0 : v.data.list, f == null ? void 0 : f.data.list) ? w(!1) : w(!0);
+    Jt((v = p.current) == null ? void 0 : v.data.list, f == null ? void 0 : f.data.list) ? w(!1) : w(!0);
   }, [f, w]);
   const y = () => Zt(this, null, function* () {
     if (f)
@@ -2367,7 +2367,7 @@ function Ae({
           images: v,
           perFrameTime: 1e3
         }), C = yield u == null ? void 0 : u(new File([E], "shopwindow.gif"));
-        b(
+        g(
           e,
           n === ft.DESKTOP ? "attributes.src" : "mobileAttributes.src",
           C
@@ -2377,7 +2377,7 @@ function Ae({
           K,
           n === ft.DESKTOP ? "attributes.src" : "mobileAttributes.src",
           C
-        ), m.current = K;
+        ), p.current = K;
       } catch (v) {
         console.error(v), Te.error(String(v));
       } finally {
@@ -2389,7 +2389,7 @@ function Ae({
     {
       name: "3",
       header: A("Image"),
-      extra: /* @__PURE__ */ G.createElement(ve, { loading: p, type: "primary", onClick: y }, A("Save as gif"))
+      extra: /* @__PURE__ */ G.createElement(ve, { loading: m, type: "primary", onClick: y }, A("Save as gif"))
     },
     /* @__PURE__ */ G.createElement(
       nt.EditPanelTabsField,
@@ -2476,7 +2476,7 @@ function Ae({
 function vr({ index: e, path: n }) {
   return /* @__PURE__ */ G.createElement("div", { style: { paddingTop: 20 } }, /* @__PURE__ */ G.createElement(nt.ImageUrl, { path: n, name: `data.list.[${e}].src` }));
 }
-const Tr = ({ nodePath: e }) => /* @__PURE__ */ G.createElement(be, null, /* @__PURE__ */ G.createElement(
+const Tr = ({ nodePath: e }) => /* @__PURE__ */ G.createElement(ge, null, /* @__PURE__ */ G.createElement(
   ye,
   {
     desktop: /* @__PURE__ */ G.createElement(
@@ -2499,15 +2499,15 @@ function Qe({
   nodePath: e,
   mode: n
 }) {
-  const u = Je(), { onUpload: b } = Ze(), { setFieldValue: f } = fe(), { selectedNode: w } = Se(), { setLock: p } = Ne(), [s, m] = xe(!1), y = G.useRef();
+  const u = Je(), { onUpload: g } = Ze(), { setFieldValue: f } = fe(), { selectedNode: w } = Se(), { setLock: m } = Ne(), [s, p] = xe(!1), y = G.useRef();
   y.current || (y.current = Xt(w)), Rt(() => {
-    Jt(y.current, w) ? p(!1) : p(!0);
-  }, [w, p]);
+    Jt(y.current, w) ? m(!1) : m(!0);
+  }, [w, m]);
   const v = () => Zt(this, null, function* () {
     if (w)
       try {
-        m(!0);
-        const E = bn.toDOMNode(u, w), C = [], K = w.data;
+        p(!0);
+        const E = gn.toDOMNode(u, w), C = [], K = w.data;
         let I = K.remainingTime;
         switch (K.unit) {
           case "minute":
@@ -2523,10 +2523,10 @@ function Qe({
         for (let P = 0; P < T; P++) {
           const { day: R, hour: J, minute: k, second: st } = Re(
             I -= 1
-          ), pt = yield Cn(E, {
+          ), mt = yield Cn(E, {
             wrapper(Wt) {
-              const bt = document.createElement("table");
-              return bt.style.width = "100%", bt.border = "0", bt.cellPadding = "0", bt.cellSpacing = "0", bt.role = "presentation", bt.style.verticalAlign = "top", bt.appendChild(Wt), bt;
+              const gt = document.createElement("table");
+              return gt.style.width = "100%", gt.border = "0", gt.cellPadding = "0", gt.cellSpacing = "0", gt.role = "presentation", gt.style.verticalAlign = "top", gt.appendChild(Wt), gt;
             },
             styleText: "td {padding: 0px};",
             overwrite: [
@@ -2547,13 +2547,13 @@ function Qe({
                 innerText: st
               }
             ]
-          }), xt = yield Sn(pt);
+          }), xt = yield Sn(mt);
           C.push(xt);
         }
         const X = yield nn({
           images: C,
           perFrameTime: 1e3
-        }), _ = yield b == null ? void 0 : b(new File([X], "countdown.gif"));
+        }), _ = yield g == null ? void 0 : g(new File([X], "countdown.gif"));
         f(
           e,
           n === ft.DESKTOP ? "attributes.src" : "mobileAttributes.src",
@@ -2568,7 +2568,7 @@ function Qe({
       } catch (E) {
         console.error(E), Te.error(String(E));
       } finally {
-        m(!1);
+        p(!1);
       }
   });
   return w ? /* @__PURE__ */ G.createElement(we, { defaultActiveKey: ["0", "1", "2", "3"] }, /* @__PURE__ */ G.createElement(
@@ -2669,22 +2669,14 @@ function Qe({
       name: "background-color",
       label: A("Background color")
     }
-  )), /* @__PURE__ */ G.createElement(
-    vt.Item,
+  )), /* @__PURE__ */ G.createElement(vt.Item, { name: "2", header: A("Dimension") }, /* @__PURE__ */ G.createElement(
+    it,
     {
-      contentStyle: { padding: "28px 13px 8px 13px" },
-      name: "2",
-      header: A("Dimension")
-    },
-    /* @__PURE__ */ G.createElement(
-      it,
-      {
-        component: nt.Padding,
-        path: e,
-        name: ""
-      }
-    )
-  )) : null;
+      component: nt.Padding,
+      path: e,
+      name: ""
+    }
+  ))) : null;
 }
 function Zr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -2698,27 +2690,27 @@ var ce = {}, Sr = {
   }
 };
 (function(e, n) {
-  (function(u, b) {
-    e.exports = b();
+  (function(u, g) {
+    e.exports = g();
   })(self, function() {
     return (() => {
-      var u = { 192: (w, p) => {
-        var s, m, y = function() {
+      var u = { 192: (w, m) => {
+        var s, p, y = function() {
           var v = function(Y, D) {
-            var W = Y, N = X[D], M = null, z = 0, Q = null, j = [], U = {}, mt = function(a, c) {
+            var W = Y, N = X[D], M = null, z = 0, Q = null, j = [], U = {}, pt = function(a, c) {
               M = function(i) {
-                for (var g = new Array(i), x = 0; x < i; x += 1) {
-                  g[x] = new Array(i);
+                for (var b = new Array(i), x = 0; x < i; x += 1) {
+                  b[x] = new Array(i);
                   for (var O = 0; O < i; O += 1)
-                    g[x][O] = null;
+                    b[x][O] = null;
                 }
-                return g;
+                return b;
               }(z = 4 * W + 17), Z(0, 0), Z(z - 7, 0), Z(0, z - 7), o(), t(), l(a, c), W >= 7 && r(a), Q == null && (Q = d(W, N, j)), h(Q, c);
             }, Z = function(a, c) {
               for (var i = -1; i <= 7; i += 1)
                 if (!(a + i <= -1 || z <= a + i))
-                  for (var g = -1; g <= 7; g += 1)
-                    c + g <= -1 || z <= c + g || (M[a + i][c + g] = 0 <= i && i <= 6 && (g == 0 || g == 6) || 0 <= g && g <= 6 && (i == 0 || i == 6) || 2 <= i && i <= 4 && 2 <= g && g <= 4);
+                  for (var b = -1; b <= 7; b += 1)
+                    c + b <= -1 || z <= c + b || (M[a + i][c + b] = 0 <= i && i <= 6 && (b == 0 || b == 6) || 0 <= b && b <= 6 && (i == 0 || i == 6) || 2 <= i && i <= 4 && 2 <= b && b <= 4);
             }, t = function() {
               for (var a = 8; a < z - 8; a += 1)
                 M[a][6] == null && (M[a][6] = a % 2 == 0);
@@ -2727,48 +2719,48 @@ var ce = {}, Sr = {
             }, o = function() {
               for (var a = _.getPatternPosition(W), c = 0; c < a.length; c += 1)
                 for (var i = 0; i < a.length; i += 1) {
-                  var g = a[c], x = a[i];
-                  if (M[g][x] == null)
+                  var b = a[c], x = a[i];
+                  if (M[b][x] == null)
                     for (var O = -2; O <= 2; O += 1)
                       for (var V = -2; V <= 2; V += 1)
-                        M[g + O][x + V] = O == -2 || O == 2 || V == -2 || V == 2 || O == 0 && V == 0;
+                        M[b + O][x + V] = O == -2 || O == 2 || V == -2 || V == 2 || O == 0 && V == 0;
                 }
             }, r = function(a) {
               for (var c = _.getBCHTypeNumber(W), i = 0; i < 18; i += 1) {
-                var g = !a && (c >> i & 1) == 1;
-                M[Math.floor(i / 3)][i % 3 + z - 8 - 3] = g;
+                var b = !a && (c >> i & 1) == 1;
+                M[Math.floor(i / 3)][i % 3 + z - 8 - 3] = b;
               }
               for (i = 0; i < 18; i += 1)
-                g = !a && (c >> i & 1) == 1, M[i % 3 + z - 8 - 3][Math.floor(i / 3)] = g;
+                b = !a && (c >> i & 1) == 1, M[i % 3 + z - 8 - 3][Math.floor(i / 3)] = b;
             }, l = function(a, c) {
-              for (var i = N << 3 | c, g = _.getBCHTypeInfo(i), x = 0; x < 15; x += 1) {
-                var O = !a && (g >> x & 1) == 1;
+              for (var i = N << 3 | c, b = _.getBCHTypeInfo(i), x = 0; x < 15; x += 1) {
+                var O = !a && (b >> x & 1) == 1;
                 x < 6 ? M[x][8] = O : x < 8 ? M[x + 1][8] = O : M[z - 15 + x][8] = O;
               }
               for (x = 0; x < 15; x += 1)
-                O = !a && (g >> x & 1) == 1, x < 8 ? M[8][z - x - 1] = O : x < 9 ? M[8][15 - x - 1 + 1] = O : M[8][15 - x - 1] = O;
+                O = !a && (b >> x & 1) == 1, x < 8 ? M[8][z - x - 1] = O : x < 9 ? M[8][15 - x - 1 + 1] = O : M[8][15 - x - 1] = O;
               M[z - 8][8] = !a;
             }, h = function(a, c) {
-              for (var i = -1, g = z - 1, x = 7, O = 0, V = _.getMaskFunction(c), L = z - 1; L > 0; L -= 2)
+              for (var i = -1, b = z - 1, x = 7, O = 0, V = _.getMaskFunction(c), L = z - 1; L > 0; L -= 2)
                 for (L == 6 && (L -= 1); ; ) {
                   for (var F = 0; F < 2; F += 1)
-                    if (M[g][L - F] == null) {
+                    if (M[b][L - F] == null) {
                       var B = !1;
-                      O < a.length && (B = (a[O] >>> x & 1) == 1), V(g, L - F) && (B = !B), M[g][L - F] = B, (x -= 1) == -1 && (O += 1, x = 7);
+                      O < a.length && (B = (a[O] >>> x & 1) == 1), V(b, L - F) && (B = !B), M[b][L - F] = B, (x -= 1) == -1 && (O += 1, x = 7);
                     }
-                  if ((g += i) < 0 || z <= g) {
-                    g -= i, i = -i;
+                  if ((b += i) < 0 || z <= b) {
+                    b -= i, i = -i;
                     break;
                   }
                 }
             }, d = function(a, c, i) {
-              for (var g = R.getRSBlocks(a, c), x = J(), O = 0; O < i.length; O += 1) {
+              for (var b = R.getRSBlocks(a, c), x = J(), O = 0; O < i.length; O += 1) {
                 var V = i[O];
                 x.put(V.getMode(), 4), x.put(V.getLength(), _.getLengthInBits(V.getMode(), a)), V.write(x);
               }
               var L = 0;
-              for (O = 0; O < g.length; O += 1)
-                L += g[O].dataCount;
+              for (O = 0; O < b.length; O += 1)
+                L += b[O].dataCount;
               if (x.getLengthInBits() > 8 * L)
                 throw "code length overflow. (" + x.getLengthInBits() + ">" + 8 * L + ")";
               for (x.getLengthInBits() + 4 <= 8 * L && x.put(0, 4); x.getLengthInBits() % 8 != 0; )
@@ -2788,10 +2780,10 @@ var ce = {}, Sr = {
                     q[et][rt] = ht >= 0 ? ct.getAt(ht) : 0;
                   }
                 }
-                var gt = 0;
+                var bt = 0;
                 for (rt = 0; rt < B.length; rt += 1)
-                  gt += B[rt].totalCount;
-                var yt = new Array(gt), wt = 0;
+                  bt += B[rt].totalCount;
+                var yt = new Array(bt), wt = 0;
                 for (rt = 0; rt < lt; rt += 1)
                   for (et = 0; et < B.length; et += 1)
                     rt < tt[et].length && (yt[wt] = tt[et][rt], wt += 1);
@@ -2799,7 +2791,7 @@ var ce = {}, Sr = {
                   for (et = 0; et < B.length; et += 1)
                     rt < q[et].length && (yt[wt] = q[et][rt], wt += 1);
                 return yt;
-              }(x, g);
+              }(x, b);
             };
             U.addData = function(a, c) {
               var i = null;
@@ -2811,7 +2803,7 @@ var ce = {}, Sr = {
                   i = st(a);
                   break;
                 case "Byte":
-                  i = pt(a);
+                  i = mt(a);
                   break;
                 case "Kanji":
                   i = xt(a);
@@ -2829,21 +2821,21 @@ var ce = {}, Sr = {
             }, U.make = function() {
               if (W < 1) {
                 for (var a = 1; a < 40; a++) {
-                  for (var c = R.getRSBlocks(a, N), i = J(), g = 0; g < j.length; g++) {
-                    var x = j[g];
+                  for (var c = R.getRSBlocks(a, N), i = J(), b = 0; b < j.length; b++) {
+                    var x = j[b];
                     i.put(x.getMode(), 4), i.put(x.getLength(), _.getLengthInBits(x.getMode(), a)), x.write(i);
                   }
                   var O = 0;
-                  for (g = 0; g < c.length; g++)
-                    O += c[g].dataCount;
+                  for (b = 0; b < c.length; b++)
+                    O += c[b].dataCount;
                   if (i.getLengthInBits() <= 8 * O)
                     break;
                 }
                 W = a;
               }
-              mt(!1, function() {
+              pt(!1, function() {
                 for (var V = 0, L = 0, F = 0; F < 8; F += 1) {
-                  mt(!0, F);
+                  pt(!0, F);
                   var B = _.getLostPoint(U);
                   (F == 0 || V > B) && (V = B, L = F);
                 }
@@ -2853,40 +2845,40 @@ var ce = {}, Sr = {
               a = a || 2;
               var i = "";
               i += '<table style="', i += " border-width: 0px; border-style: none;", i += " border-collapse: collapse;", i += " padding: 0px; margin: " + (c = c === void 0 ? 4 * a : c) + "px;", i += '">', i += "<tbody>";
-              for (var g = 0; g < U.getModuleCount(); g += 1) {
+              for (var b = 0; b < U.getModuleCount(); b += 1) {
                 i += "<tr>";
                 for (var x = 0; x < U.getModuleCount(); x += 1)
-                  i += '<td style="', i += " border-width: 0px; border-style: none;", i += " border-collapse: collapse;", i += " padding: 0px; margin: 0px;", i += " width: " + a + "px;", i += " height: " + a + "px;", i += " background-color: ", i += U.isDark(g, x) ? "#000000" : "#ffffff", i += ";", i += '"/>';
+                  i += '<td style="', i += " border-width: 0px; border-style: none;", i += " border-collapse: collapse;", i += " padding: 0px; margin: 0px;", i += " width: " + a + "px;", i += " height: " + a + "px;", i += " background-color: ", i += U.isDark(b, x) ? "#000000" : "#ffffff", i += ";", i += '"/>';
                 i += "</tr>";
               }
               return (i += "</tbody>") + "</table>";
-            }, U.createSvgTag = function(a, c, i, g) {
+            }, U.createSvgTag = function(a, c, i, b) {
               var x = {};
-              typeof arguments[0] == "object" && (a = (x = arguments[0]).cellSize, c = x.margin, i = x.alt, g = x.title), a = a || 2, c = c === void 0 ? 4 * a : c, (i = typeof i == "string" ? { text: i } : i || {}).text = i.text || null, i.id = i.text ? i.id || "qrcode-description" : null, (g = typeof g == "string" ? { text: g } : g || {}).text = g.text || null, g.id = g.text ? g.id || "qrcode-title" : null;
+              typeof arguments[0] == "object" && (a = (x = arguments[0]).cellSize, c = x.margin, i = x.alt, b = x.title), a = a || 2, c = c === void 0 ? 4 * a : c, (i = typeof i == "string" ? { text: i } : i || {}).text = i.text || null, i.id = i.text ? i.id || "qrcode-description" : null, (b = typeof b == "string" ? { text: b } : b || {}).text = b.text || null, b.id = b.text ? b.id || "qrcode-title" : null;
               var O, V, L, F, B = U.getModuleCount() * a + 2 * c, $ = "";
-              for (F = "l" + a + ",0 0," + a + " -" + a + ",0 0,-" + a + "z ", $ += '<svg version="1.1" xmlns="http://www.w3.org/2000/svg"', $ += x.scalable ? "" : ' width="' + B + 'px" height="' + B + 'px"', $ += ' viewBox="0 0 ' + B + " " + B + '" ', $ += ' preserveAspectRatio="xMinYMin meet"', $ += g.text || i.text ? ' role="img" aria-labelledby="' + S([g.id, i.id].join(" ").trim()) + '"' : "", $ += ">", $ += g.text ? '<title id="' + S(g.id) + '">' + S(g.text) + "</title>" : "", $ += i.text ? '<description id="' + S(i.id) + '">' + S(i.text) + "</description>" : "", $ += '<rect width="100%" height="100%" fill="white" cx="0" cy="0"/>', $ += '<path d="', V = 0; V < U.getModuleCount(); V += 1)
+              for (F = "l" + a + ",0 0," + a + " -" + a + ",0 0,-" + a + "z ", $ += '<svg version="1.1" xmlns="http://www.w3.org/2000/svg"', $ += x.scalable ? "" : ' width="' + B + 'px" height="' + B + 'px"', $ += ' viewBox="0 0 ' + B + " " + B + '" ', $ += ' preserveAspectRatio="xMinYMin meet"', $ += b.text || i.text ? ' role="img" aria-labelledby="' + S([b.id, i.id].join(" ").trim()) + '"' : "", $ += ">", $ += b.text ? '<title id="' + S(b.id) + '">' + S(b.text) + "</title>" : "", $ += i.text ? '<description id="' + S(i.id) + '">' + S(i.text) + "</description>" : "", $ += '<rect width="100%" height="100%" fill="white" cx="0" cy="0"/>', $ += '<path d="', V = 0; V < U.getModuleCount(); V += 1)
                 for (L = V * a + c, O = 0; O < U.getModuleCount(); O += 1)
                   U.isDark(V, O) && ($ += "M" + (O * a + c) + "," + L + F);
               return ($ += '" stroke="transparent" fill="black"/>') + "</svg>";
             }, U.createDataURL = function(a, c) {
               a = a || 2, c = c === void 0 ? 4 * a : c;
-              var i = U.getModuleCount() * a + 2 * c, g = c, x = i - c;
+              var i = U.getModuleCount() * a + 2 * c, b = c, x = i - c;
               return It(i, i, function(O, V) {
-                if (g <= O && O < x && g <= V && V < x) {
-                  var L = Math.floor((O - g) / a), F = Math.floor((V - g) / a);
+                if (b <= O && O < x && b <= V && V < x) {
+                  var L = Math.floor((O - b) / a), F = Math.floor((V - b) / a);
                   return U.isDark(F, L) ? 0 : 1;
                 }
                 return 1;
               });
             }, U.createImgTag = function(a, c, i) {
               a = a || 2, c = c === void 0 ? 4 * a : c;
-              var g = U.getModuleCount() * a + 2 * c, x = "";
-              return x += "<img", x += ' src="', x += U.createDataURL(a, c), x += '"', x += ' width="', x += g, x += '"', x += ' height="', x += g, x += '"', i && (x += ' alt="', x += S(i), x += '"'), x + "/>";
+              var b = U.getModuleCount() * a + 2 * c, x = "";
+              return x += "<img", x += ' src="', x += U.createDataURL(a, c), x += '"', x += ' width="', x += b, x += '"', x += ' height="', x += b, x += '"', i && (x += ' alt="', x += S(i), x += '"'), x + "/>";
             };
             var S = function(a) {
               for (var c = "", i = 0; i < a.length; i += 1) {
-                var g = a.charAt(i);
-                switch (g) {
+                var b = a.charAt(i);
+                switch (b) {
                   case "<":
                     c += "&lt;";
                     break;
@@ -2900,7 +2892,7 @@ var ce = {}, Sr = {
                     c += "&quot;";
                     break;
                   default:
-                    c += g;
+                    c += b;
                 }
               }
               return c;
@@ -2909,20 +2901,20 @@ var ce = {}, Sr = {
               if ((a = a || 1) < 2)
                 return function(tt) {
                   tt = tt === void 0 ? 2 : tt;
-                  var q, et, Mt, dt, rt, ut = 1 * U.getModuleCount() + 2 * tt, ct = tt, ht = ut - tt, gt = { "██": "█", "█ ": "▀", " █": "▄", "  ": " " }, yt = { "██": "▀", "█ ": "▀", " █": " ", "  ": " " }, wt = "";
+                  var q, et, Mt, dt, rt, ut = 1 * U.getModuleCount() + 2 * tt, ct = tt, ht = ut - tt, bt = { "██": "█", "█ ": "▀", " █": "▄", "  ": " " }, yt = { "██": "▀", "█ ": "▀", " █": " ", "  ": " " }, wt = "";
                   for (q = 0; q < ut; q += 2) {
                     for (Mt = Math.floor((q - ct) / 1), dt = Math.floor((q + 1 - ct) / 1), et = 0; et < ut; et += 1)
-                      rt = "█", ct <= et && et < ht && ct <= q && q < ht && U.isDark(Mt, Math.floor((et - ct) / 1)) && (rt = " "), ct <= et && et < ht && ct <= q + 1 && q + 1 < ht && U.isDark(dt, Math.floor((et - ct) / 1)) ? rt += " " : rt += "█", wt += tt < 1 && q + 1 >= ht ? yt[rt] : gt[rt];
+                      rt = "█", ct <= et && et < ht && ct <= q && q < ht && U.isDark(Mt, Math.floor((et - ct) / 1)) && (rt = " "), ct <= et && et < ht && ct <= q + 1 && q + 1 < ht && U.isDark(dt, Math.floor((et - ct) / 1)) ? rt += " " : rt += "█", wt += tt < 1 && q + 1 >= ht ? yt[rt] : bt[rt];
                     wt += `
 `;
                   }
                   return ut % 2 && tt > 0 ? wt.substring(0, wt.length - ut - 1) + Array(ut + 1).join("▀") : wt.substring(0, wt.length - 1);
                 }(c);
               a -= 1, c = c === void 0 ? 2 * a : c;
-              var i, g, x, O, V = U.getModuleCount() * a + 2 * c, L = c, F = V - c, B = Array(a + 1).join("██"), $ = Array(a + 1).join("  "), lt = "", H = "";
+              var i, b, x, O, V = U.getModuleCount() * a + 2 * c, L = c, F = V - c, B = Array(a + 1).join("██"), $ = Array(a + 1).join("  "), lt = "", H = "";
               for (i = 0; i < V; i += 1) {
-                for (x = Math.floor((i - L) / a), H = "", g = 0; g < V; g += 1)
-                  O = 1, L <= g && g < F && L <= i && i < F && U.isDark(x, Math.floor((g - L) / a)) && (O = 0), H += O ? B : $;
+                for (x = Math.floor((i - L) / a), H = "", b = 0; b < V; b += 1)
+                  O = 1, L <= b && b < F && L <= i && i < F && U.isDark(x, Math.floor((b - L) / a)) && (O = 0), H += O ? B : $;
                 for (x = 0; x < a; x += 1)
                   lt += H + `
 `;
@@ -2930,9 +2922,9 @@ var ce = {}, Sr = {
               return lt.substring(0, lt.length - 1);
             }, U.renderTo2dContext = function(a, c) {
               c = c || 2;
-              for (var i = U.getModuleCount(), g = 0; g < i; g++)
+              for (var i = U.getModuleCount(), b = 0; b < i; b++)
                 for (var x = 0; x < i; x++)
-                  a.fillStyle = U.isDark(g, x) ? "black" : "white", a.fillRect(g * c, x * c, c, c);
+                  a.fillStyle = U.isDark(b, x) ? "black" : "white", a.fillRect(b * c, x * c, c, c);
             }, U;
           };
           v.stringToBytes = (v.stringToBytesFuncs = { default: function(Y) {
@@ -2943,7 +2935,7 @@ var ce = {}, Sr = {
             return D;
           } }).default, v.createStringToBytes = function(Y, D) {
             var W = function() {
-              for (var M = bt(Y), z = function() {
+              for (var M = gt(Y), z = function() {
                 var t = M.read();
                 if (t == -1)
                   throw "eof";
@@ -2952,8 +2944,8 @@ var ce = {}, Sr = {
                 var U = M.read();
                 if (U == -1)
                   break;
-                var mt = z(), Z = z() << 8 | z();
-                j[String.fromCharCode(U << 8 | mt)] = Z, Q += 1;
+                var pt = z(), Z = z() << 8 | z();
+                j[String.fromCharCode(U << 8 | pt)] = Z, Q += 1;
               }
               if (Q != D)
                 throw Q + " != " + D;
@@ -3080,8 +3072,8 @@ var ce = {}, Sr = {
               }
             for (N = 0; N < D - 1; N += 1)
               for (M = 0; M < D - 1; M += 1) {
-                var mt = 0;
-                Y.isDark(N, M) && (mt += 1), Y.isDark(N + 1, M) && (mt += 1), Y.isDark(N, M + 1) && (mt += 1), Y.isDark(N + 1, M + 1) && (mt += 1), mt != 0 && mt != 4 || (W += 3);
+                var pt = 0;
+                Y.isDark(N, M) && (pt += 1), Y.isDark(N + 1, M) && (pt += 1), Y.isDark(N, M + 1) && (pt += 1), Y.isDark(N + 1, M + 1) && (pt += 1), pt != 0 && pt != 4 || (W += 3);
               }
             for (N = 0; N < D; N += 1)
               for (M = 0; M < D - 6; M += 1)
@@ -3164,7 +3156,7 @@ var ce = {}, Sr = {
               if (z === void 0)
                 throw "bad rs block @ typeNumber:" + N + "/errorCorrectionLevel:" + M;
               for (var Q = z.length / 3, j = [], U = 0; U < Q; U += 1)
-                for (var mt = z[3 * U + 0], Z = z[3 * U + 1], t = z[3 * U + 2], o = 0; o < mt; o += 1)
+                for (var pt = z[3 * U + 0], Z = z[3 * U + 1], t = z[3 * U + 2], o = 0; o < pt; o += 1)
                   j.push(D(Z, t));
               return j;
             } };
@@ -3242,7 +3234,7 @@ var ce = {}, Sr = {
               }
             };
             return W;
-          }, pt = function(Y) {
+          }, mt = function(Y) {
             var D = v.stringToBytes(Y);
             return { getMode: function() {
               return 4;
@@ -3303,7 +3295,7 @@ var ce = {}, Sr = {
               return W + "]";
             } };
             return D;
-          }, bt = function(Y) {
+          }, gt = function(Y) {
             var D = Y, W = 0, N = 0, M = 0, z = { read: function() {
               for (; M < 8; ) {
                 if (W >= D.length) {
@@ -3344,7 +3336,7 @@ var ce = {}, Sr = {
                   a.writeByte(255), a.writeBytes(c, i, 255), i += 255;
                 a.writeByte(c.length - i), a.writeBytes(c, i, c.length - i), a.writeByte(0), a.writeString(";");
               } }, d = function(a) {
-                for (var c = 1 << a, i = 1 + (1 << a), g = a + 1, x = S(), O = 0; O < c; O += 1)
+                for (var c = 1 << a, i = 1 + (1 << a), b = a + 1, x = S(), O = 0; O < c; O += 1)
                   x.add(String.fromCharCode(O));
                 x.add(String.fromCharCode(c)), x.add(String.fromCharCode(i));
                 var V, L, F, B = Wt(), $ = (V = B, L = 0, F = 0, { write: function(q, et) {
@@ -3356,24 +3348,24 @@ var ce = {}, Sr = {
                 }, flush: function() {
                   L > 0 && V.writeByte(F);
                 } });
-                $.write(c, g);
+                $.write(c, b);
                 var lt = 0, H = String.fromCharCode(l[lt]);
                 for (lt += 1; lt < l.length; ) {
                   var tt = String.fromCharCode(l[lt]);
-                  lt += 1, x.contains(H + tt) ? H += tt : ($.write(x.indexOf(H), g), x.size() < 4095 && (x.size() == 1 << g && (g += 1), x.add(H + tt)), H = tt);
+                  lt += 1, x.contains(H + tt) ? H += tt : ($.write(x.indexOf(H), b), x.size() < 4095 && (x.size() == 1 << b && (b += 1), x.add(H + tt)), H = tt);
                 }
-                return $.write(x.indexOf(H), g), $.write(i, g), $.flush(), B.toByteArray();
+                return $.write(x.indexOf(H), b), $.write(i, b), $.flush(), B.toByteArray();
               }, S = function() {
-                var a = {}, c = 0, i = { add: function(g) {
-                  if (i.contains(g))
-                    throw "dup key:" + g;
-                  a[g] = c, c += 1;
+                var a = {}, c = 0, i = { add: function(b) {
+                  if (i.contains(b))
+                    throw "dup key:" + b;
+                  a[b] = c, c += 1;
                 }, size: function() {
                   return c;
-                }, indexOf: function(g) {
-                  return a[g];
-                }, contains: function(g) {
-                  return a[g] !== void 0;
+                }, indexOf: function(b) {
+                  return a[b];
+                }, contains: function(b) {
+                  return a[b] !== void 0;
                 } };
                 return i;
               };
@@ -3411,8 +3403,8 @@ var ce = {}, Sr = {
               }, l.toString = function() {
                 return r;
               }, l;
-            }(), U = Q.toByteArray(), mt = 0; mt < U.length; mt += 1)
-              j.writeByte(U[mt]);
+            }(), U = Q.toByteArray(), pt = 0; pt < U.length; pt += 1)
+              j.writeByte(U[pt]);
             return j.flush(), "data:image/gif;base64," + j;
           };
           return v;
@@ -3425,13 +3417,13 @@ var ce = {}, Sr = {
             }
             return C;
           }(v);
-        }, (m = typeof (s = function() {
+        }, (p = typeof (s = function() {
           return y;
-        }) == "function" ? s.apply(p, []) : s) === void 0 || (w.exports = m);
-      }, 676: (w, p, s) => {
-        s.d(p, { default: () => mt });
-        var m = function() {
-          return (m = Object.assign || function(Z) {
+        }) == "function" ? s.apply(m, []) : s) === void 0 || (w.exports = p);
+      }, 676: (w, m, s) => {
+        s.d(m, { default: () => pt });
+        var p = function() {
+          return (p = Object.assign || function(Z) {
             for (var t, o = 1, r = arguments.length; o < r; o++)
               for (var l in t = arguments[o])
                 Object.prototype.hasOwnProperty.call(t, l) && (Z[l] = t[l]);
@@ -3454,7 +3446,7 @@ var ce = {}, Sr = {
           if (!t.length)
             return Z;
           var r = t.shift();
-          return r !== void 0 && v(Z) && v(r) ? (Z = m({}, Z), Object.keys(r).forEach(function(l) {
+          return r !== void 0 && v(Z) && v(r) ? (Z = p({}, Z), Object.keys(r).forEach(function(l) {
             var h = Z[l], d = r[l];
             Array.isArray(h) && Array.isArray(d) ? Z[l] = d : v(h) && v(d) ? Z[l] = E(Object.assign({}, h), d) : Z[l] = d;
           }), E.apply(void 0, y([Z], t))) : Z;
@@ -3466,7 +3458,7 @@ var ce = {}, Sr = {
         function K(Z) {
           return t = this, o = void 0, l = function() {
             return function(h, d) {
-              var S, a, c, i, g = { label: 0, sent: function() {
+              var S, a, c, i, b = { label: 0, sent: function() {
                 if (1 & c[0])
                   throw c[1];
                 return c[1];
@@ -3479,7 +3471,7 @@ var ce = {}, Sr = {
                   return function(L) {
                     if (S)
                       throw new TypeError("Generator is already executing.");
-                    for (; g; )
+                    for (; b; )
                       try {
                         if (S = 1, a && (c = 2 & L[0] ? a.return : L[0] ? a.throw || ((c = a.return) && c.call(a), 0) : a.next) && !(c = c.call(a, L[1])).done)
                           return c;
@@ -3489,34 +3481,34 @@ var ce = {}, Sr = {
                             c = L;
                             break;
                           case 4:
-                            return g.label++, { value: L[1], done: !1 };
+                            return b.label++, { value: L[1], done: !1 };
                           case 5:
-                            g.label++, a = L[1], L = [0];
+                            b.label++, a = L[1], L = [0];
                             continue;
                           case 7:
-                            L = g.ops.pop(), g.trys.pop();
+                            L = b.ops.pop(), b.trys.pop();
                             continue;
                           default:
-                            if (!((c = (c = g.trys).length > 0 && c[c.length - 1]) || L[0] !== 6 && L[0] !== 2)) {
-                              g = 0;
+                            if (!((c = (c = b.trys).length > 0 && c[c.length - 1]) || L[0] !== 6 && L[0] !== 2)) {
+                              b = 0;
                               continue;
                             }
                             if (L[0] === 3 && (!c || L[1] > c[0] && L[1] < c[3])) {
-                              g.label = L[1];
+                              b.label = L[1];
                               break;
                             }
-                            if (L[0] === 6 && g.label < c[1]) {
-                              g.label = c[1], c = L;
+                            if (L[0] === 6 && b.label < c[1]) {
+                              b.label = c[1], c = L;
                               break;
                             }
-                            if (c && g.label < c[2]) {
-                              g.label = c[2], g.ops.push(L);
+                            if (c && b.label < c[2]) {
+                              b.label = c[2], b.ops.push(L);
                               break;
                             }
-                            c[2] && g.ops.pop(), g.trys.pop();
+                            c[2] && b.ops.pop(), b.trys.pop();
                             continue;
                         }
-                        L = d.call(h, g);
+                        L = d.call(h, b);
                       } catch (F) {
                         L = [6, F], a = 0;
                       } finally {
@@ -3543,21 +3535,21 @@ var ce = {}, Sr = {
             function S(i) {
               try {
                 c(l.next(i));
-              } catch (g) {
-                d(g);
+              } catch (b) {
+                d(b);
               }
             }
             function a(i) {
               try {
                 c(l.throw(i));
-              } catch (g) {
-                d(g);
+              } catch (b) {
+                d(b);
               }
             }
             function c(i) {
-              var g;
-              i.done ? h(i.value) : (g = i.value, g instanceof r ? g : new r(function(x) {
-                x(g);
+              var b;
+              i.done ? h(i.value) : (b = i.value, b instanceof r ? b : new r(function(x) {
+                x(b);
               })).then(S, a);
             }
             c((l = l.apply(t, o || [])).next());
@@ -3647,11 +3639,11 @@ var ce = {}, Sr = {
                 this._basicSquare({ x: o, y: r, size: l, rotation: 0 });
               else {
                 if (i === 2) {
-                  var g = 0;
-                  return d && a ? g = Math.PI / 2 : a && S ? g = Math.PI : S && c && (g = -Math.PI / 2), void this._basicCornerRounded({ x: o, y: r, size: l, rotation: g });
+                  var b = 0;
+                  return d && a ? b = Math.PI / 2 : a && S ? b = Math.PI : S && c && (b = -Math.PI / 2), void this._basicCornerRounded({ x: o, y: r, size: l, rotation: b });
                 }
                 if (i === 1)
-                  return g = 0, a ? g = Math.PI / 2 : S ? g = Math.PI : c && (g = -Math.PI / 2), void this._basicSideRounded({ x: o, y: r, size: l, rotation: g });
+                  return b = 0, a ? b = Math.PI / 2 : S ? b = Math.PI : c && (b = -Math.PI / 2), void this._basicSideRounded({ x: o, y: r, size: l, rotation: b });
               }
             else
               this._basicDot({ x: o, y: r, size: l, rotation: 0 });
@@ -3662,11 +3654,11 @@ var ce = {}, Sr = {
                 this._basicSquare({ x: o, y: r, size: l, rotation: 0 });
               else {
                 if (i === 2) {
-                  var g = 0;
-                  return d && a ? g = Math.PI / 2 : a && S ? g = Math.PI : S && c && (g = -Math.PI / 2), void this._basicCornerExtraRounded({ x: o, y: r, size: l, rotation: g });
+                  var b = 0;
+                  return d && a ? b = Math.PI / 2 : a && S ? b = Math.PI : S && c && (b = -Math.PI / 2), void this._basicCornerExtraRounded({ x: o, y: r, size: l, rotation: b });
                 }
                 if (i === 1)
-                  return g = 0, a ? g = Math.PI / 2 : S ? g = Math.PI : c && (g = -Math.PI / 2), void this._basicSideRounded({ x: o, y: r, size: l, rotation: g });
+                  return b = 0, a ? b = Math.PI / 2 : S ? b = Math.PI : c && (b = -Math.PI / 2), void this._basicSideRounded({ x: o, y: r, size: l, rotation: b });
               }
             else
               this._basicDot({ x: o, y: r, size: l, rotation: 0 });
@@ -3797,8 +3789,8 @@ var ce = {}, Sr = {
             }
             function a(c) {
               var i;
-              c.done ? l(c.value) : (i = c.value, i instanceof o ? i : new o(function(g) {
-                g(i);
+              c.done ? l(c.value) : (i = c.value, i instanceof o ? i : new o(function(b) {
+                b(i);
               })).then(d, S);
             }
             a((r = r.apply(Z, t || [])).next());
@@ -3855,8 +3847,8 @@ var ce = {}, Sr = {
                         continue;
                     }
                     i = t.call(Z, d);
-                  } catch (g) {
-                    i = [6, g], r = 0;
+                  } catch (b) {
+                    i = [6, b], r = 0;
                   } finally {
                     o = l = 0;
                   }
@@ -3866,7 +3858,7 @@ var ce = {}, Sr = {
               }([a, c]);
             };
           }
-        }, pt = [[1, 1, 1, 1, 1, 1, 1], [1, 0, 0, 0, 0, 0, 1], [1, 0, 0, 0, 0, 0, 1], [1, 0, 0, 0, 0, 0, 1], [1, 0, 0, 0, 0, 0, 1], [1, 0, 0, 0, 0, 0, 1], [1, 1, 1, 1, 1, 1, 1]], xt = [[0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 1, 1, 1, 0, 0], [0, 0, 1, 1, 1, 0, 0], [0, 0, 1, 1, 1, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0]];
+        }, mt = [[1, 1, 1, 1, 1, 1, 1], [1, 0, 0, 0, 0, 0, 1], [1, 0, 0, 0, 0, 0, 1], [1, 0, 0, 0, 0, 0, 1], [1, 0, 0, 0, 0, 0, 1], [1, 0, 0, 0, 0, 0, 1], [1, 1, 1, 1, 1, 1, 1]], xt = [[0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 1, 1, 1, 0, 0], [0, 0, 1, 1, 1, 0, 0], [0, 0, 1, 1, 1, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0]];
         const Wt = function() {
           function Z(t) {
             this._element = document.createElementNS("http://www.w3.org/2000/svg", "svg"), this._element.setAttribute("width", String(t.width)), this._element.setAttribute("height", String(t.height)), this._defs = document.createElementNS("http://www.w3.org/2000/svg", "defs"), this._element.appendChild(this._defs), this._options = t;
@@ -3879,7 +3871,7 @@ var ce = {}, Sr = {
             return this._element;
           }, Z.prototype.drawQR = function(t) {
             return k(this, void 0, void 0, function() {
-              var o, r, l, h, d, S, a, c, i, g, x = this;
+              var o, r, l, h, d, S, a, c, i, b, x = this;
               return st(this, function(O) {
                 switch (O.label) {
                   case 0:
@@ -3887,17 +3879,17 @@ var ce = {}, Sr = {
                   case 1:
                     if (O.sent(), !this._image)
                       return [2];
-                    S = this._options, a = S.imageOptions, c = S.qrOptions, i = a.imageSize * I[c.errorCorrectionLevel], g = Math.floor(i * o * o), d = function(V) {
+                    S = this._options, a = S.imageOptions, c = S.qrOptions, i = a.imageSize * I[c.errorCorrectionLevel], b = Math.floor(i * o * o), d = function(V) {
                       var L = V.originalHeight, F = V.originalWidth, B = V.maxHiddenDots, $ = V.maxHiddenAxisDots, lt = V.dotSize, H = { x: 0, y: 0 }, tt = { x: 0, y: 0 };
                       if (L <= 0 || F <= 0 || B <= 0 || lt <= 0)
                         return { height: 0, width: 0, hideYDots: 0, hideXDots: 0 };
                       var q = L / F;
                       return H.x = Math.floor(Math.sqrt(B / q)), H.x <= 0 && (H.x = 1), $ && $ < H.x && (H.x = $), H.x % 2 == 0 && H.x--, tt.x = H.x * lt, H.y = 1 + 2 * Math.ceil((H.x * q - 1) / 2), tt.y = Math.round(tt.x * q), (H.y * H.x > B || $ && $ < H.y) && ($ && $ < H.y ? (H.y = $, H.y % 2 == 0 && H.x--) : H.y -= 2, tt.y = H.y * lt, H.x = 1 + 2 * Math.ceil((H.y / q - 1) / 2), tt.x = Math.round(tt.y / q)), { height: tt.y, width: tt.x, hideYDots: H.y, hideXDots: H.x };
-                    }({ originalWidth: this._image.width, originalHeight: this._image.height, maxHiddenDots: g, maxHiddenAxisDots: o - 14, dotSize: h }), O.label = 2;
+                    }({ originalWidth: this._image.width, originalHeight: this._image.height, maxHiddenDots: b, maxHiddenAxisDots: o - 14, dotSize: h }), O.label = 2;
                   case 2:
                     return this.drawBackground(), this.drawDots(function(V, L) {
                       var F, B, $, lt, H, tt;
-                      return !(x._options.imageOptions.hideBackgroundDots && V >= (o - d.hideXDots) / 2 && V < (o + d.hideXDots) / 2 && L >= (o - d.hideYDots) / 2 && L < (o + d.hideYDots) / 2 || !((F = pt[V]) === null || F === void 0) && F[L] || !((B = pt[V - o + 7]) === null || B === void 0) && B[L] || !(($ = pt[V]) === null || $ === void 0) && $[L - o + 7] || !((lt = xt[V]) === null || lt === void 0) && lt[L] || !((H = xt[V - o + 7]) === null || H === void 0) && H[L] || !((tt = xt[V]) === null || tt === void 0) && tt[L - o + 7]);
+                      return !(x._options.imageOptions.hideBackgroundDots && V >= (o - d.hideXDots) / 2 && V < (o + d.hideXDots) / 2 && L >= (o - d.hideYDots) / 2 && L < (o + d.hideYDots) / 2 || !((F = mt[V]) === null || F === void 0) && F[L] || !((B = mt[V - o + 7]) === null || B === void 0) && B[L] || !(($ = mt[V]) === null || $ === void 0) && $[L - o + 7] || !((lt = xt[V]) === null || lt === void 0) && lt[L] || !((H = xt[V - o + 7]) === null || H === void 0) && H[L] || !((tt = xt[V]) === null || tt === void 0) && tt[L - o + 7]);
                     }), this.drawCorners(), this._options.image ? [4, this.drawImage({ width: d.width, height: d.height, count: o, dotSize: h })] : [3, 4];
                   case 3:
                     O.sent(), O.label = 4;
@@ -3922,19 +3914,19 @@ var ce = {}, Sr = {
             var h = this._options, d = this._qr.getModuleCount();
             if (d > h.width || d > h.height)
               throw "The canvas is too small.";
-            var S = Math.min(h.width, h.height) - 2 * h.margin, a = h.shape === J ? S / Math.sqrt(2) : S, c = Math.floor(a / d), i = Math.floor((h.width - d * c) / 2), g = Math.floor((h.height - d * c) / 2), x = new X({ svg: this._element, type: h.dotsOptions.type });
+            var S = Math.min(h.width, h.height) - 2 * h.margin, a = h.shape === J ? S / Math.sqrt(2) : S, c = Math.floor(a / d), i = Math.floor((h.width - d * c) / 2), b = Math.floor((h.height - d * c) / 2), x = new X({ svg: this._element, type: h.dotsOptions.type });
             this._dotsClipPath = document.createElementNS("http://www.w3.org/2000/svg", "clipPath"), this._dotsClipPath.setAttribute("id", "clip-path-dot-color"), this._defs.appendChild(this._dotsClipPath), this._createColor({ options: (o = h.dotsOptions) === null || o === void 0 ? void 0 : o.gradient, color: h.dotsOptions.color, additionalRotation: 0, x: 0, y: 0, height: h.height, width: h.width, name: "dot-color" });
             for (var O = function(dt) {
               for (var rt = function(ct) {
-                return t && !t(dt, ct) ? "continue" : !((r = V._qr) === null || r === void 0) && r.isDark(dt, ct) ? (x.draw(i + dt * c, g + ct * c, c, function(ht, gt) {
-                  return !(dt + ht < 0 || ct + gt < 0 || dt + ht >= d || ct + gt >= d) && !(t && !t(dt + ht, ct + gt)) && !!l._qr && l._qr.isDark(dt + ht, ct + gt);
+                return t && !t(dt, ct) ? "continue" : !((r = V._qr) === null || r === void 0) && r.isDark(dt, ct) ? (x.draw(i + dt * c, b + ct * c, c, function(ht, bt) {
+                  return !(dt + ht < 0 || ct + bt < 0 || dt + ht >= d || ct + bt >= d) && !(t && !t(dt + ht, ct + bt)) && !!l._qr && l._qr.isDark(dt + ht, ct + bt);
                 }), void (x._element && V._dotsClipPath && V._dotsClipPath.appendChild(x._element))) : "continue";
               }, ut = 0; ut < d; ut++)
                 rt(ut);
             }, V = this, L = 0; L < d; L++)
               O(L);
             if (h.shape === J) {
-              var F = Math.floor((S / c - d) / 2), B = d + 2 * F, $ = i - F * c, lt = g - F * c, H = [], tt = Math.floor(B / 2);
+              var F = Math.floor((S / c - d) / 2), B = d + 2 * F, $ = i - F * c, lt = b - F * c, H = [], tt = Math.floor(B / 2);
               for (L = 0; L < B; L++) {
                 H[L] = [];
                 for (var q = 0; q < B; q++)
@@ -3944,9 +3936,9 @@ var ce = {}, Sr = {
                 for (var rt = function(ct) {
                   if (!H[dt][ct])
                     return "continue";
-                  x.draw($ + dt * c, lt + ct * c, c, function(ht, gt) {
+                  x.draw($ + dt * c, lt + ct * c, c, function(ht, bt) {
                     var yt;
-                    return !!(!((yt = H[dt + ht]) === null || yt === void 0) && yt[ct + gt]);
+                    return !!(!((yt = H[dt + ht]) === null || yt === void 0) && yt[ct + bt]);
                   }), x._element && Mt._dotsClipPath && Mt._dotsClipPath.appendChild(x._element);
                 }, ut = 0; ut < B; ut++)
                   rt(ut);
@@ -3961,24 +3953,24 @@ var ce = {}, Sr = {
             var o = this._element, r = this._options;
             if (!o)
               throw "Element code is not defined";
-            var l = this._qr.getModuleCount(), h = Math.min(r.width, r.height) - 2 * r.margin, d = r.shape === J ? h / Math.sqrt(2) : h, S = Math.floor(d / l), a = 7 * S, c = 3 * S, i = Math.floor((r.width - l * S) / 2), g = Math.floor((r.height - l * S) / 2);
+            var l = this._qr.getModuleCount(), h = Math.min(r.width, r.height) - 2 * r.margin, d = r.shape === J ? h / Math.sqrt(2) : h, S = Math.floor(d / l), a = 7 * S, c = 3 * S, i = Math.floor((r.width - l * S) / 2), b = Math.floor((r.height - l * S) / 2);
             [[0, 0, 0], [1, 0, Math.PI / 2], [0, 1, -Math.PI / 2]].forEach(function(x) {
-              var O, V, L, F, B, $, lt, H, tt, q, et, Mt, dt = x[0], rt = x[1], ut = x[2], ct = i + dt * S * (l - 7), ht = g + rt * S * (l - 7), gt = t._dotsClipPath, yt = t._dotsClipPath;
-              if ((!((O = r.cornersSquareOptions) === null || O === void 0) && O.gradient || !((V = r.cornersSquareOptions) === null || V === void 0) && V.color) && ((gt = document.createElementNS("http://www.w3.org/2000/svg", "clipPath")).setAttribute("id", "clip-path-corners-square-color-" + dt + "-" + rt), t._defs.appendChild(gt), t._cornersSquareClipPath = t._cornersDotClipPath = yt = gt, t._createColor({ options: (L = r.cornersSquareOptions) === null || L === void 0 ? void 0 : L.gradient, color: (F = r.cornersSquareOptions) === null || F === void 0 ? void 0 : F.color, additionalRotation: ut, x: ct, y: ht, height: a, width: a, name: "corners-square-color-" + dt + "-" + rt })), (B = r.cornersSquareOptions) === null || B === void 0 ? void 0 : B.type) {
+              var O, V, L, F, B, $, lt, H, tt, q, et, Mt, dt = x[0], rt = x[1], ut = x[2], ct = i + dt * S * (l - 7), ht = b + rt * S * (l - 7), bt = t._dotsClipPath, yt = t._dotsClipPath;
+              if ((!((O = r.cornersSquareOptions) === null || O === void 0) && O.gradient || !((V = r.cornersSquareOptions) === null || V === void 0) && V.color) && ((bt = document.createElementNS("http://www.w3.org/2000/svg", "clipPath")).setAttribute("id", "clip-path-corners-square-color-" + dt + "-" + rt), t._defs.appendChild(bt), t._cornersSquareClipPath = t._cornersDotClipPath = yt = bt, t._createColor({ options: (L = r.cornersSquareOptions) === null || L === void 0 ? void 0 : L.gradient, color: (F = r.cornersSquareOptions) === null || F === void 0 ? void 0 : F.color, additionalRotation: ut, x: ct, y: ht, height: a, width: a, name: "corners-square-color-" + dt + "-" + rt })), (B = r.cornersSquareOptions) === null || B === void 0 ? void 0 : B.type) {
                 var wt = new ot({ svg: t._element, type: r.cornersSquareOptions.type });
-                wt.draw(ct, ht, a, ut), wt._element && gt && gt.appendChild(wt._element);
+                wt.draw(ct, ht, a, ut), wt._element && bt && bt.appendChild(wt._element);
               } else
                 for (var Yt = new X({ svg: t._element, type: r.dotsOptions.type }), rn = function(Nt) {
                   for (var _t = function(Et) {
-                    if (!(!(($ = pt[Nt]) === null || $ === void 0) && $[Et]))
+                    if (!(!(($ = mt[Nt]) === null || $ === void 0) && $[Et]))
                       return "continue";
                     Yt.draw(ct + Nt * S, ht + Et * S, S, function(qt, $t) {
                       var zt;
-                      return !!(!((zt = pt[Nt + qt]) === null || zt === void 0) && zt[Et + $t]);
-                    }), Yt._element && gt && gt.appendChild(Yt._element);
-                  }, kt = 0; kt < pt[Nt].length; kt++)
+                      return !!(!((zt = mt[Nt + qt]) === null || zt === void 0) && zt[Et + $t]);
+                    }), Yt._element && bt && bt.appendChild(Yt._element);
+                  }, kt = 0; kt < mt[Nt].length; kt++)
                     _t(kt);
-                }, Gt = 0; Gt < pt.length; Gt++)
+                }, Gt = 0; Gt < mt.length; Gt++)
                   rn(Gt);
               if ((!((lt = r.cornersDotOptions) === null || lt === void 0) && lt.gradient || !((H = r.cornersDotOptions) === null || H === void 0) && H.color) && ((yt = document.createElementNS("http://www.w3.org/2000/svg", "clipPath")).setAttribute("id", "clip-path-corners-dot-color-" + dt + "-" + rt), t._defs.appendChild(yt), t._cornersDotClipPath = yt, t._createColor({ options: (tt = r.cornersDotOptions) === null || tt === void 0 ? void 0 : tt.gradient, color: (q = r.cornersDotOptions) === null || q === void 0 ? void 0 : q.color, additionalRotation: ut, x: ct + 2 * S, y: ht + 2 * S, height: c, width: c, name: "corners-dot-color-" + dt + "-" + rt })), (et = r.cornersDotOptions) === null || et === void 0 ? void 0 : et.type) {
                 var Bt = new R({ svg: t._element, type: r.cornersDotOptions.type });
@@ -4013,19 +4005,19 @@ var ce = {}, Sr = {
           }, Z.prototype.drawImage = function(t) {
             var o = t.width, r = t.height, l = t.count, h = t.dotSize;
             return k(this, void 0, void 0, function() {
-              var d, S, a, c, i, g, x, O, V;
+              var d, S, a, c, i, b, x, O, V;
               return st(this, function(L) {
                 switch (L.label) {
                   case 0:
-                    return d = this._options, S = Math.floor((d.width - l * h) / 2), a = Math.floor((d.height - l * h) / 2), c = S + d.imageOptions.margin + (l * h - o) / 2, i = a + d.imageOptions.margin + (l * h - r) / 2, g = o - 2 * d.imageOptions.margin, x = r - 2 * d.imageOptions.margin, (O = document.createElementNS("http://www.w3.org/2000/svg", "image")).setAttribute("x", String(c)), O.setAttribute("y", String(i)), O.setAttribute("width", g + "px"), O.setAttribute("height", x + "px"), [4, K(d.image || "")];
+                    return d = this._options, S = Math.floor((d.width - l * h) / 2), a = Math.floor((d.height - l * h) / 2), c = S + d.imageOptions.margin + (l * h - o) / 2, i = a + d.imageOptions.margin + (l * h - r) / 2, b = o - 2 * d.imageOptions.margin, x = r - 2 * d.imageOptions.margin, (O = document.createElementNS("http://www.w3.org/2000/svg", "image")).setAttribute("x", String(c)), O.setAttribute("y", String(i)), O.setAttribute("width", b + "px"), O.setAttribute("height", x + "px"), [4, K(d.image || "")];
                   case 1:
                     return V = L.sent(), O.setAttribute("href", V || ""), this._element.appendChild(O), [2];
                 }
               });
             });
           }, Z.prototype._createColor = function(t) {
-            var o = t.options, r = t.color, l = t.additionalRotation, h = t.x, d = t.y, S = t.height, a = t.width, c = t.name, i = a > S ? a : S, g = document.createElementNS("http://www.w3.org/2000/svg", "rect");
-            if (g.setAttribute("x", String(h)), g.setAttribute("y", String(d)), g.setAttribute("height", String(S)), g.setAttribute("width", String(a)), g.setAttribute("clip-path", "url('#clip-path-" + c + "')"), o) {
+            var o = t.options, r = t.color, l = t.additionalRotation, h = t.x, d = t.y, S = t.height, a = t.width, c = t.name, i = a > S ? a : S, b = document.createElementNS("http://www.w3.org/2000/svg", "rect");
+            if (b.setAttribute("x", String(h)), b.setAttribute("y", String(d)), b.setAttribute("height", String(S)), b.setAttribute("width", String(a)), b.setAttribute("clip-path", "url('#clip-path-" + c + "')"), o) {
               var x;
               if (o.type === "radial")
                 (x = document.createElementNS("http://www.w3.org/2000/svg", "radialGradient")).setAttribute("id", c), x.setAttribute("gradientUnits", "userSpaceOnUse"), x.setAttribute("fx", String(h + a / 2)), x.setAttribute("fy", String(d + S / 2)), x.setAttribute("cx", String(h + a / 2)), x.setAttribute("cy", String(d + S / 2)), x.setAttribute("r", String(i / 2));
@@ -4036,15 +4028,15 @@ var ce = {}, Sr = {
               o.colorStops.forEach(function(lt) {
                 var H = lt.offset, tt = lt.color, q = document.createElementNS("http://www.w3.org/2000/svg", "stop");
                 q.setAttribute("offset", 100 * H + "%"), q.setAttribute("stop-color", tt), x.appendChild(q);
-              }), g.setAttribute("fill", "url('#" + c + "')"), this._defs.appendChild(x);
+              }), b.setAttribute("fill", "url('#" + c + "')"), this._defs.appendChild(x);
             } else
-              r && g.setAttribute("fill", r);
-            this._element.appendChild(g);
+              r && b.setAttribute("fill", r);
+            this._element.appendChild(b);
           }, Z;
-        }(), bt = "canvas";
+        }(), gt = "canvas";
         for (var It = {}, Y = 0; Y <= 40; Y++)
           It[Y] = Y;
-        const D = { type: bt, shape: "square", width: 300, height: 300, data: "", margin: 0, qrOptions: { typeNumber: It[0], mode: void 0, errorCorrectionLevel: "Q" }, imageOptions: { hideBackgroundDots: !0, imageSize: 0.4, crossOrigin: void 0, margin: 0 }, dotsOptions: { type: "square", color: "#000" }, backgroundOptions: { round: 0, color: "#fff" } };
+        const D = { type: gt, shape: "square", width: 300, height: 300, data: "", margin: 0, qrOptions: { typeNumber: It[0], mode: void 0, errorCorrectionLevel: "Q" }, imageOptions: { hideBackgroundDots: !0, imageSize: 0.4, crossOrigin: void 0, margin: 0 }, dotsOptions: { type: "square", color: "#000" }, backgroundOptions: { round: 0, color: "#fff" } };
         var W = function() {
           return (W = Object.assign || function(Z) {
             for (var t, o = 1, r = arguments.length; o < r; o++)
@@ -4083,8 +4075,8 @@ var ce = {}, Sr = {
             }
             function a(c) {
               var i;
-              c.done ? l(c.value) : (i = c.value, i instanceof o ? i : new o(function(g) {
-                g(i);
+              c.done ? l(c.value) : (i = c.value, i instanceof o ? i : new o(function(b) {
+                b(i);
               })).then(d, S);
             }
             a((r = r.apply(Z, t || [])).next());
@@ -4141,8 +4133,8 @@ var ce = {}, Sr = {
                         continue;
                     }
                     i = t.call(Z, d);
-                  } catch (g) {
-                    i = [6, g], r = 0;
+                  } catch (b) {
+                    i = [6, b], r = 0;
                   } finally {
                     o = l = 0;
                   }
@@ -4153,7 +4145,7 @@ var ce = {}, Sr = {
             };
           }
         };
-        const mt = function() {
+        const pt = function() {
           function Z(t) {
             this._options = t ? M(E(D, t)) : D, this.update();
           }
@@ -4208,12 +4200,12 @@ var ce = {}, Sr = {
                 default:
                   return "Byte";
               }
-            }(this._options.data)), this._qr.make(), this._options.type === bt ? this._setupCanvas() : this._setupSvg(), this.append(this._container));
+            }(this._options.data)), this._qr.make(), this._options.type === gt ? this._setupCanvas() : this._setupSvg(), this.append(this._container));
           }, Z.prototype.append = function(t) {
             if (t) {
               if (typeof t.appendChild != "function")
                 throw "Container should be a single DOM node";
-              this._options.type === bt ? this._canvas && t.appendChild(this._canvas) : this._svg && t.appendChild(this._svg), this._container = t;
+              this._options.type === gt ? this._canvas && t.appendChild(this._canvas) : this._svg && t.appendChild(this._svg), this._container = t;
             }
           }, Z.prototype.applyExtension = function(t) {
             if (!t)
@@ -4255,24 +4247,24 @@ var ce = {}, Sr = {
             });
           }, Z;
         }();
-      } }, b = {};
+      } }, g = {};
       function f(w) {
-        if (b[w])
-          return b[w].exports;
-        var p = b[w] = { exports: {} };
-        return u[w](p, p.exports, f), p.exports;
+        if (g[w])
+          return g[w].exports;
+        var m = g[w] = { exports: {} };
+        return u[w](m, m.exports, f), m.exports;
       }
       return f.n = (w) => {
-        var p = w && w.__esModule ? () => w.default : () => w;
-        return f.d(p, { a: p }), p;
-      }, f.d = (w, p) => {
-        for (var s in p)
-          f.o(p, s) && !f.o(w, s) && Object.defineProperty(w, s, { enumerable: !0, get: p[s] });
-      }, f.o = (w, p) => Object.prototype.hasOwnProperty.call(w, p), f(676);
+        var m = w && w.__esModule ? () => w.default : () => w;
+        return f.d(m, { a: m }), m;
+      }, f.d = (w, m) => {
+        for (var s in m)
+          f.o(m, s) && !f.o(w, s) && Object.defineProperty(w, s, { enumerable: !0, get: m[s] });
+      }, f.o = (w, m) => Object.prototype.hasOwnProperty.call(w, m), f(676);
     })().default;
   });
 })(Sr);
-const Nr = /* @__PURE__ */ Zr(ce), Dr = ({ nodePath: e }) => /* @__PURE__ */ G.createElement(be, null, /* @__PURE__ */ G.createElement(
+const Nr = /* @__PURE__ */ Zr(ce), Dr = ({ nodePath: e }) => /* @__PURE__ */ G.createElement(ge, null, /* @__PURE__ */ G.createElement(
   ye,
   {
     desktop: /* @__PURE__ */ G.createElement(
@@ -4295,7 +4287,7 @@ function Ue({
   nodePath: e,
   mode: n
 }) {
-  const u = Je(), { onUpload: b } = Ze(), { setFieldValue: f, getFieldValue: w } = fe(), { selectedNode: p, selectedNodePath: s } = Se(), { setLock: m } = Ne(), { isChanged: y } = dn(), [v, E] = xe(!1), C = Ie(null), K = 600, I = Ie(new Nr()), T = s && w(
+  const u = Je(), { onUpload: g } = Ze(), { setFieldValue: f, getFieldValue: w } = fe(), { selectedNode: m, selectedNodePath: s } = Se(), { setLock: p } = Ne(), { isChanged: y } = dn(), [v, E] = xe(!1), C = Ie(null), K = 600, I = Ie(new Nr()), T = s && w(
     s,
     n === ft.DESKTOP ? "attributes.dot-color-type" : "mobileAttributes.dot-color-type"
   ) !== "single", X = s && w(
@@ -4304,18 +4296,18 @@ function Ue({
   ) !== "single", _ = s && w(
     s,
     n === ft.DESKTOP ? "attributes.corner-square-color-type" : "mobileAttributes.corner-square-color-type"
-  ) !== "single", ot = mn(() => {
-    const k = n === ft.DESKTOP ? p == null ? void 0 : p.attributes : pn({}, p == null ? void 0 : p.attributes, p == null ? void 0 : p.mobileAttributes);
+  ) !== "single", ot = pn(() => {
+    const k = n === ft.DESKTOP ? m == null ? void 0 : m.attributes : mn({}, m == null ? void 0 : m.attributes, m == null ? void 0 : m.mobileAttributes);
     if (!k)
       return {};
     const st = {
       width: K,
       height: K,
-      data: (p == null ? void 0 : p.data.text) || "",
+      data: (m == null ? void 0 : m.data.text) || "",
       margin: parseInt(
         ((k == null ? void 0 : k.margin) / 100 * K).toString()
       ),
-      image: p == null ? void 0 : p.data.logo,
+      image: m == null ? void 0 : m.data.logo,
       cornersDotOptions: {
         color: k == null ? void 0 : k["corner-dot-color"],
         type: k == null ? void 0 : k["corner-dot-type"],
@@ -4382,10 +4374,10 @@ function Ue({
     return Jt(C.current, st) ? C.current : (C.current = st, st);
   }, [
     n,
-    p == null ? void 0 : p.attributes,
-    p == null ? void 0 : p.data.logo,
-    p == null ? void 0 : p.data.text,
-    p == null ? void 0 : p.mobileAttributes
+    m == null ? void 0 : m.attributes,
+    m == null ? void 0 : m.data.logo,
+    m == null ? void 0 : m.data.text,
+    m == null ? void 0 : m.mobileAttributes
   ]);
   Rt(() => {
     if (!y)
@@ -4408,23 +4400,23 @@ function Ue({
     });
   }, [u, y, n, e, ot, f]);
   const P = G.useRef();
-  P.current || (P.current = Xt(p)), Rt(() => {
-    Jt(P.current, p) ? m(!1) : m(!0);
-  }, [p, m]);
+  P.current || (P.current = Xt(m)), Rt(() => {
+    Jt(P.current, m) ? p(!1) : p(!0);
+  }, [m, p]);
   const R = () => Zt(this, null, function* () {
-    if (p)
+    if (m)
       try {
         E(!0);
         const J = yield I.current.getRawData("png");
         if (!J)
           return;
-        const k = yield b == null ? void 0 : b(J);
+        const k = yield g == null ? void 0 : g(J);
         f(
           e,
           n === ft.DESKTOP ? "attributes.src" : "mobileAttributes.src",
           k
         );
-        const st = Xt(p);
+        const st = Xt(m);
         jt(
           st,
           n === ft.DESKTOP ? "attributes.src" : "mobileAttributes.src",
@@ -4436,7 +4428,7 @@ function Ue({
         E(!1);
       }
   });
-  return p ? /* @__PURE__ */ G.createElement(we, { defaultActiveKey: ["0", "1", "2", "3"] }, /* @__PURE__ */ G.createElement(
+  return m ? /* @__PURE__ */ G.createElement(we, { defaultActiveKey: ["0", "1", "2", "3"] }, /* @__PURE__ */ G.createElement(
     vt.Item,
     {
       name: "0",
@@ -4467,7 +4459,7 @@ function Ue({
       name: "data.logo",
       label: A("Logo"),
       hideInput: !0,
-      uploadHandler: b
+      uploadHandler: g
     }
   ), /* @__PURE__ */ G.createElement(
     it,
@@ -4709,36 +4701,28 @@ function Ue({
       name: "background-color",
       label: A("Background color")
     }
-  )), /* @__PURE__ */ G.createElement(
-    vt.Item,
+  )), /* @__PURE__ */ G.createElement(vt.Item, { name: "2", header: A("Dimension") }, /* @__PURE__ */ G.createElement(
+    it,
     {
-      contentStyle: { padding: "28px 13px 8px 13px" },
-      name: "2",
-      header: A("Dimension")
-    },
-    /* @__PURE__ */ G.createElement(
-      it,
-      {
-        component: nt.Padding,
-        path: e,
-        name: ""
-      }
-    )
-  )) : null;
+      component: nt.Padding,
+      path: e,
+      name: ""
+    }
+  ))) : null;
 }
-class Xr extends me {
+class Xr extends pe {
   generateElement() {
-    ge.registerBlocks([Ee]), jt(Me, Ee.type, xr);
+    be.registerBlocks([Ee]), jt(Me, Ee.type, xr);
   }
 }
-class Or extends me {
+class Or extends pe {
   generateElement() {
-    ge.registerBlocks([Ge]), jt(Me, Ge.type, Tr);
+    be.registerBlocks([Ge]), jt(Me, Ge.type, Tr);
   }
 }
-class jr extends me {
+class jr extends pe {
   generateElement() {
-    ge.registerBlocks([ze]), jt(Me, ze.type, Dr);
+    be.registerBlocks([ze]), jt(Me, ze.type, Dr);
   }
 }
 export {