@grapesjs/studio-sdk-plugins 1.0.30 → 1.0.31

package/dist/flexComponent/index.es.js

@@ -1,8 +1,8 @@
-const de = "app.grapesjs.com", ue = "app-stage.grapesjs.com", ye = "app2.grapesjs.com", be = "app-stage2.grapesjs.com", ie = [
+const pe = "app.grapesjs.com", de = "app-stage.grapesjs.com", Se = "app2.grapesjs.com", ye = "app-stage2.grapesjs.com", se = [
+  pe,
+  Se,
   de,
   ye,
-  ue,
-  be,
   "localhost",
   "127.0.0.1",
   ".local-credentialless.webcontainer.io",
@@ -11,11 +11,11 @@ const de = "app.grapesjs.com", ue = "app-stage.grapesjs.com", ye = "app2.grapesj
   // For stackblitz.com demos
   "-sandpack.codesandbox.io"
   // For Sandpack demos
-], Ce = "license:check:start", Pe = "license:check:end", ze = () => typeof window < "u", xe = ({ isDev: n, isStage: e }) => `${n ? "" : `https://${e ? ue : de}`}/api`, we = () => {
-  const n = ze() && window.location.hostname;
-  return !!n && (ie.includes(n) || ie.some((e) => n.endsWith(e)));
+], be = "license:check:start", Ce = "license:check:end", Pe = () => typeof window < "u", ze = ({ isDev: n, isStage: e }) => `${n ? "" : `https://${e ? de : pe}`}/api`, xe = () => {
+  const n = Pe() && window.location.hostname;
+  return !!n && (se.includes(n) || se.some((e) => n.endsWith(e)));
 };
-function ve(n) {
+function we(n) {
   return typeof n == "function";
 }
 async function Ie({
@@ -26,7 +26,7 @@ async function Ie({
   params: i,
   body: a
 }) {
-  const l = `${e || xe({ isDev: !1, isStage: !1 })}${n}`, c = {
+  const l = `${e || ze({ isDev: !1, isStage: !1 })}${n}`, c = {
     method: t,
     headers: {
       "Content-Type": "application/json",
@@ -39,18 +39,18 @@ async function Ie({
     throw new Error(`HTTP error! status: ${u.status}`);
   return u.json();
 }
-var $ = /* @__PURE__ */ ((n) => (n.free = "free", n.startup = "startup", n.business = "business", n.enterprise = "enterprise", n))($ || {}), he = /* @__PURE__ */ ((n) => (n.web = "web", n.email = "email", n.document = "document", n.react = "react", n))(he || {});
-const ae = {
+var $ = /* @__PURE__ */ ((n) => (n.free = "free", n.startup = "startup", n.business = "business", n.enterprise = "enterprise", n))($ || {}), ue = /* @__PURE__ */ ((n) => (n.web = "web", n.email = "email", n.document = "document", n.react = "react", n))(ue || {});
+const ie = {
   [$.free]: 0,
   [$.startup]: 10,
   [$.business]: 20,
   [$.enterprise]: 30
 };
-function Re(n) {
+function ve(n) {
   const e = n;
   return e.init = (t) => (s) => n(s, t), e;
 }
-const Ee = (n) => /* @__PURE__ */ Re(n);
+const Re = (n) => /* @__PURE__ */ ve(n);
 async function Ge({
   editor: n,
   plan: e,
@@ -59,34 +59,34 @@ async function Ge({
   cleanup: i
 }) {
   let a = "", o = !1;
-  const l = we(), c = (p) => {
+  const l = xe(), c = (p) => {
     console.warn("Cleanup plugin:", t, "Reason:", p), i();
   }, g = (p = {}) => {
     var y;
-    const { error: u, sdkLicense: f } = p, v = (y = p.plan) == null ? void 0 : y.category;
+    const { error: u, sdkLicense: f } = p, I = (y = p.plan) == null ? void 0 : y.category;
     if (!(f || p.license) || u)
       c(u || "Invalid license");
-    else if (v) {
-      const I = ae[e], R = ae[v];
-      I > R && c({ pluginRequiredPlan: e, licensePlan: v });
+    else if (I) {
+      const v = ie[e], R = ie[I];
+      v > R && c({ pluginRequiredPlan: e, licensePlan: I });
     }
   };
-  n.on(Ce, (p) => {
+  n.on(be, (p) => {
     a = p == null ? void 0 : p.baseApiUrl, o = !0;
-  }), n.on(Pe, (p) => {
+  }), n.on(Ce, (p) => {
     g(p);
   }), setTimeout(async () => {
     if (!o) {
       if (l) return;
       if (s) {
-        const p = await Te({ licenseKey: s, pluginName: t, baseApiUrl: a });
+        const p = await Ee({ licenseKey: s, pluginName: t, baseApiUrl: a });
         p && g(p);
       } else
         c("The `licenseKey` option not provided");
     }
   }, 2e3);
 }
-async function Te(n) {
+async function Ee(n) {
   const { licenseKey: e, pluginName: t, baseApiUrl: s } = n;
   try {
     return (await Ie({
@@ -102,16 +102,16 @@ async function Te(n) {
     return console.error("Error during SDK license check:", i), !1;
   }
 }
-const ge = (n) => (e) => {
+const he = (n) => (e) => {
   var t;
-  return ((t = e.getAttribute) == null ? void 0 : t.call(e, ne)) === n;
-}, Le = (...n) => (e) => n.some((t) => e.is(t)), $e = (...n) => (e, t) => n.some((s) => t.is(s)), fe = "gjs-plg-", ne = "data-type-role", N = class N {
+  return ((t = e.getAttribute) == null ? void 0 : t.call(e, te)) === n;
+}, Te = (...n) => (e) => n.some((t) => e.is(t)), Le = (...n) => (e, t) => n.some((s) => t.is(s)), ge = "gjs-plg-", te = "data-type-role", N = class N {
   constructor(e) {
     this.config = e;
   }
   getSize(e) {
     var t;
-    return (t = this.config) != null && t.getSize ? this.config.getSize(e) : se(e.componentColumn, N.CSS_FLEX_BASIS);
+    return (t = this.config) != null && t.getSize ? this.config.getSize(e) : ne(e.componentColumn, N.CSS_FLEX_BASIS);
   }
   setSize(e) {
     var t;
@@ -124,7 +124,7 @@ const ge = (n) => (e) => {
   }
 };
 N.CSS_FLEX_BASIS = "flex-basis";
-let K = N;
+let W = N;
 const j = class j {
   constructor(e) {
     this.config = e;
@@ -134,7 +134,7 @@ const j = class j {
   }
   getGap(e) {
     var t;
-    return (t = this.config) != null && t.getGap ? this.config.getGap(e) : se(e.componentRow, j.CSS_GAP);
+    return (t = this.config) != null && t.getGap ? this.config.getGap(e) : ne(e.componentRow, j.CSS_GAP);
   }
   setGap(e) {
     var t;
@@ -147,8 +147,8 @@ const j = class j {
   }
 };
 j.CSS_GAP = "gap";
-let J = j;
-const Y = class Y {
+let K = j;
+const X = class X {
   constructor(e) {
     this.config = e;
   }
@@ -161,12 +161,12 @@ const Y = class Y {
   isLayoutVertical(e) {
     var s;
     if ((s = this.config) != null && s.isParentVertical) return this.config.isParentVertical(e);
-    const t = se(e.componentRow, Y.CSS_FLEX_DIRECTION, !0);
+    const t = ne(e.componentRow, X.CSS_FLEX_DIRECTION, !0);
     return t === "column" || t === "column-reverse";
   }
 };
-Y.CSS_FLEX_DIRECTION = "flex-direction";
-let q = Y;
+X.CSS_FLEX_DIRECTION = "flex-direction";
+let J = X;
 const _ = class _ {
   constructor(e) {
     this.config = e;
@@ -195,8 +195,8 @@ const _ = class _ {
   }
 };
 _.MJML_COLUMN_TYPE = "mj-column";
-let Z = _;
-const U = class U {
+let q = _;
+const Y = class Y {
   constructor(e) {
     this.config = e;
   }
@@ -207,7 +207,7 @@ const U = class U {
     var s;
     if ((s = this.config) != null && s.getGap) return this.config.getGap(e);
     const { componentRow: t } = e;
-    if (t.is(U.MJML_SECTION_TYPE)) {
+    if (t.is(Y.MJML_SECTION_TYPE)) {
       const i = t.getAttributes();
       if (i && i.padding)
         return parseInt(i.padding, 10) || 0;
@@ -219,9 +219,9 @@ const U = class U {
     (s = (t = this.config) == null ? void 0 : t.setGap) == null || s.call(t, e);
   }
 };
-U.MJML_SECTION_TYPE = "mj-section";
-let Q = U;
-class Ae {
+Y.MJML_SECTION_TYPE = "mj-section";
+let Z = Y;
+class $e {
   constructor(e) {
     this.config = e;
   }
@@ -252,46 +252,43 @@ class A {
   getHandlers(e) {
     const t = `${e.projectType}-${e.disableGapHandler ? "nogap" : "gap"}`;
     return this.handlerCache.has(t) || (H(e) ? this.handlerCache.set(t, {
-      sizeHandler: new Z(e),
-      gapHandler: new Q(e),
-      parentSizeHandler: new Ae(e)
+      sizeHandler: new q(e),
+      gapHandler: new Z(e),
+      parentSizeHandler: new $e(e)
     }) : this.handlerCache.set(t, {
-      sizeHandler: new K(e),
-      gapHandler: new J(e),
-      parentSizeHandler: new q(e)
+      sizeHandler: new W(e),
+      gapHandler: new K(e),
+      parentSizeHandler: new J(e)
     })), this.handlerCache.get(t);
   }
 }
-function G(n) {
+function E(n) {
   return A.getInstance().getHandlers(n);
 }
-const oe = (n) => {
+const ae = (n) => {
   n.style.display = "none";
-}, re = (n) => {
+}, oe = (n) => {
   n.style.display = "block";
-}, M = (n) => +parseFloat(`${n}`).toFixed(2), H = (n) => n.projectType === he.email, k = (n, e) => {
-  const t = n.Canvas.getFramesEl();
-  t && (t.style.pointerEvents = e ? "none" : "");
-}, He = (n) => n ? ["top", "bottom"] : ["left", "right"], Me = (n) => {
+}, M = (n) => +parseFloat(`${n}`).toFixed(2), H = (n) => n.projectType === ue.email, Ae = (n) => n ? ["top", "bottom"] : ["left", "right"], He = (n) => {
   const e = n.parent();
   return e ? e.components().models.indexOf(n) === 0 : !1;
-}, Ve = (n) => {
+}, Me = (n) => {
   const e = n.parent();
   if (!e) return !1;
   const t = e.components().models;
   return t.indexOf(n) === t.length - 1;
-}, Ne = (n) => {
+}, Ve = (n) => {
   const e = n.parent();
   if (!e) return !1;
   const t = e.components().models;
   return t.length > 1 && n.index() === t.length - 1;
-}, je = (n, e, t, s) => {
+}, Ne = (n, e, t, s) => {
   const a = n + (t ? e === "top" ? -1 : e === "bottom" ? 1 : 0 : e === "left" ? -1 : e === "right" ? 1 : 0);
   return a >= 0 && a < s ? a : -1;
-}, O = (n) => n === "top" || n === "bottom", _e = (n, e) => !!(Me(n) && (e === "left" || e === "top") || Ve(n) && (e === "right" || e === "bottom")), De = (n) => {
+}, k = (n) => n === "top" || n === "bottom", je = (n, e) => !!(He(n) && (e === "left" || e === "top") || Me(n) && (e === "right" || e === "bottom")), _e = (n) => {
   const e = n.parent();
   return e ? e.components().models.length > 1 : !1;
-}, ce = (n, e) => n === "right" || n === "bottom" ? e > 0 : e < 0, se = (n, e, t = !1) => {
+}, re = (n, e) => n === "right" || n === "bottom" ? e > 0 : e < 0, ne = (n, e, t = !1) => {
   const s = !t, i = n.getEl();
   if (!i)
     return s ? 0 : "";
@@ -301,29 +298,29 @@ const oe = (n) => {
     return typeof o == "string" ? (l = parseFloat(o.replace(/[^-\d.]/g, "")), isNaN(l) && (l = 0)) : l = Number(o) || 0, l;
   }
   return o;
-}, le = (n, e, t) => {
-  const s = ee({ componentRow: n, isVertical: e }, t), i = n.components().models;
+}, ce = (n, e, t) => {
+  const s = Q({ componentRow: n, isVertical: e }, t), i = n.components().models;
   return s * (i.length - 1);
-}, D = (n, e) => G(e).parentSizeHandler.isLayoutVertical({ componentRow: n }), F = (n, e) => G(e).sizeHandler.getSize(n), ee = (n, e) => {
+}, D = (n, e) => E(e).parentSizeHandler.isLayoutVertical({ componentRow: n }), B = (n, e) => E(e).sizeHandler.getSize(n), Q = (n, e) => {
   if (e != null && e.disableGapHandler) return 0;
-  const { gapHandler: t, parentSizeHandler: s } = G(e);
+  const { gapHandler: t, parentSizeHandler: s } = E(e);
   if (!t.isGapSupported()) return 0;
   const i = t.getGap(n), a = s.getParentSize(n);
   return i / 100 * a;
-}, te = (n, e) => G(e).parentSizeHandler.getParentSize(n), V = (n, e) => {
-  G(e).sizeHandler.setSize(n);
-}, me = (n, e) => {
-  const t = F(n, e);
+}, ee = (n, e) => E(e).parentSizeHandler.getParentSize(n), V = (n, e) => {
+  E(e).sizeHandler.setSize(n);
+}, fe = (n, e) => {
+  const t = B(n, e);
   V({ ...n, sizeValue: `${t}%`, partial: !1 }, e);
-}, Se = (n, e) => {
+}, me = (n, e) => {
   if (e != null && e.disableGapHandler) return;
-  const { gapHandler: t } = G(e);
+  const { gapHandler: t } = E(e);
   t.isGapSupported() && t.setGap(n);
-}, Fe = (n, e) => {
+}, De = (n, e) => {
   const t = n.getStyle().gap;
   if (!t) return;
   const s = n.components().models, i = { componentRow: n, isVertical: D(n, e) };
-  s.map((a) => me({ ...i, componentColumn: a }, e)), Se({ ...i, gapValue: String(t), partial: !1 }, e);
+  s.map((a) => fe({ ...i, componentColumn: a }, e)), me({ ...i, gapValue: String(t), partial: !1 }, e);
 };
 function Be(n, e) {
   const { Blocks: t } = n, { typeColumn: s, typeRow: i, blocks: a } = e;
@@ -356,16 +353,16 @@ function Be(n, e) {
     c("3 Columns 25/25/50", [25, 25, 50]),
     c("4 Columns", [25, 25, 25, 25]),
     c("5 Columns", [20, 20, 20, 20, 20])
-  ], p = ve(a) ? a({ blocks: g }) : g;
+  ], p = we(a) ? a({ blocks: g }) : g;
   return p.forEach((u) => t.add(u.id, u)), () => {
     p.forEach((u) => t.remove(u.id));
   };
 }
-const ke = (n, e) => {
-  const { Components: t } = n, { typeRow: s, typeColumn: i, extendTypeColumn: a } = e, o = `${fe}${i}`, c = !!i && !!t.getType(i) && !a;
+const Fe = (n, e) => {
+  const { Components: t } = n, { typeRow: s, typeColumn: i, extendTypeColumn: a } = e, o = `${ge}${i}`, c = !!i && !!t.getType(i) && !a;
   if (!(!i || c || H(e)))
     return t.addType(i, {
-      isComponent: ge(i),
+      isComponent: he(i),
       model: {
         defaults: {
           name: "Column",
@@ -373,8 +370,8 @@ const ke = (n, e) => {
           emptyState: !0,
           classes: o,
           icon: '<svg viewBox="0 0 24 24"><path d="M14.5 2.3A1.8 1.8 0 0 0 12.7 4v16c0 1 .8 1.8 1.8 1.8h3a1.8 1.8 0 0 0 1.8-1.8V4a1.8 1.8 0 0 0-1.8-1.8zm-8 0A1.8 1.8 0 0 0 4.7 4v16c0 1 .8 1.8 1.8 1.8h3a1.8 1.8 0 0 0 1.8-1.8V4a1.8 1.8 0 0 0-1.8-1.8z"/></svg>',
-          draggable: $e(s),
-          attributes: { [ne]: i },
+          draggable: Le(s),
+          attributes: { [te]: i },
           styles: `
           .${o} {
             flex-grow: 1;
@@ -385,19 +382,19 @@ const ke = (n, e) => {
     }), () => {
       t.removeType(i);
     };
-}, Oe = (n, e) => {
-  const { Components: t } = n, { typeRow: s, typeColumn: i, extendTypeRow: a } = e, o = `${fe}${s}`, c = !!s && !!t.getType(s) && !a;
+}, ke = (n, e) => {
+  const { Components: t } = n, { typeRow: s, typeColumn: i, extendTypeRow: a } = e, o = `${ge}${s}`, c = !!s && !!t.getType(s) && !a;
   if (!(!s || c || H(e)))
     return t.addType(s, {
-      isComponent: ge(s),
+      isComponent: he(s),
       model: {
         defaults: {
           name: "Row",
           classes: o,
           icon: '<svg viewBox="0 0 24 24"><path d="M4 4.8a1.8 1.8 0 0 0-1.8 1.7v3c0 1 .8 1.8 1.8 1.8h16a1.8 1.8 0 0 0 1.8-1.8v-3A1.8 1.8 0 0 0 20 4.7zm0 8a1.8 1.8 0 0 0-1.8 1.7v3c0 1 .8 1.8 1.8 1.8h16a1.8 1.8 0 0 0 1.8-1.8v-3a1.8 1.8 0 0 0-1.8-1.8z"/></svg>',
           emptyState: { styleIn: "width: 100%" },
-          attributes: { [ne]: s },
-          droppable: Le(i),
+          attributes: { [te]: s },
+          droppable: Te(i),
           traits: [
             // {
             //   type: 'number',
@@ -455,8 +452,8 @@ const ke = (n, e) => {
     }), () => {
       t.removeType(s);
     };
-}, Xe = "flexComponent", Ye = $.startup;
-class Ue {
+}, Oe = "flexComponent", Xe = $.startup;
+class Ye {
   constructor() {
     this.resizableChildTypes = /* @__PURE__ */ new Set(), this.gapAdjustableParentTypes = /* @__PURE__ */ new Set(), this.typeRelationships = /* @__PURE__ */ new Map();
   }
@@ -480,7 +477,7 @@ class Ue {
     return this.typeRelationships.has(s) ? this.typeRelationships.get(s).has(i) : !1;
   }
 }
-class We {
+class Ue {
   constructor(e, t, s) {
     this.editor = e, this.registry = t, this.opts = s, this.resizeState = /* @__PURE__ */ new WeakMap();
   }
@@ -496,12 +493,12 @@ class We {
     const o = e.parent();
     if (!o || !this.registry.isValidRelationship(o, e)) return;
     a.snapEnabled = o.get("snap") ?? i.snapEnabled, a.snapDivisions = o.get("snap-divisions") ?? i.snapDivisions ?? 12;
-    const l = o.components().models, c = l.findIndex((f) => f.cid === e.cid), g = D(o, i), p = je(c, t, g, l.length);
+    const l = o.components().models, c = l.findIndex((f) => f.cid === e.cid), g = D(o, i), p = Ne(c, t, g, l.length);
     p !== -1 && (a.adjacentIdx = p);
     const u = { componentColumn: e, componentRow: o, isVertical: g };
-    if (a.startPercent = F(u, i), typeof a.adjacentIdx < "u") {
+    if (a.startPercent = B(u, i), typeof a.adjacentIdx < "u") {
       const f = l[a.adjacentIdx];
-      a.neighborStartPercent = F({ ...u, componentColumn: f }, i);
+      a.neighborStartPercent = B({ ...u, componentColumn: f }, i);
     }
   }
   updateResizeByDelta(e, t, s) {
@@ -510,25 +507,25 @@ class We {
   }
   finishResize(e) {
     const t = e.parent(), s = t == null ? void 0 : t.components().models, i = { componentRow: t, isVertical: !!t && D(t, this.opts) };
-    s == null || s.forEach((a) => me({ ...i, componentColumn: a }, this.opts)), this.clearState(e);
+    s == null || s.forEach((a) => fe({ ...i, componentColumn: a }, this.opts)), this.clearState(e);
   }
   updateContinuesResize(e, t, s) {
     const i = this.getState(e), a = e.parent(), { opts: o } = this;
     if (!a) return;
-    const l = o.minItemPercent ?? 0, c = O(t), g = te({ componentRow: a, isVertical: c }, o), p = le(a, c, this.opts), f = 100 - p / g * 100, v = s / (g - p) * f, { startPercent: P = 0, neighborStartPercent: y = 0 } = i, I = { componentRow: a, isVertical: c, componentColumn: e, partial: !0 }, R = ce(t, s) ? P + Math.abs(v) : P - Math.abs(v);
+    const l = o.minItemPercent ?? 0, c = k(t), g = ee({ componentRow: a, isVertical: c }, o), p = ce(a, c, this.opts), f = 100 - p / g * 100, I = s / (g - p) * f, { startPercent: P = 0, neighborStartPercent: y = 0 } = i, v = { componentRow: a, isVertical: c, componentColumn: e, partial: !0 }, R = re(t, s) ? P + Math.abs(I) : P - Math.abs(I);
     if (typeof i.adjacentIdx < "u") {
       const z = a.components().models[i.adjacentIdx], x = P + y, b = x - l, r = Math.min(b, Math.max(l, R)), d = x - r;
-      V({ ...I, sizeValue: `${M(r)}%` }, o), V(
-        { ...I, componentColumn: z, sizeValue: `${M(d)}%` },
+      V({ ...v, sizeValue: `${M(r)}%` }, o), V(
+        { ...v, componentColumn: z, sizeValue: `${M(d)}%` },
         o
       );
     } else {
       const z = Math.max(l, Math.min(f, R));
-      V({ ...I, sizeValue: `${M(z)}%` }, o);
+      V({ ...v, sizeValue: `${M(z)}%` }, o);
     }
   }
   updateSnapResize(e, t, s) {
-    const i = this.getState(e), a = e.parent(), o = O(t), l = te({ componentRow: a, isVertical: o }, this.opts), c = le(a, o, this.opts), g = l - c, p = s / g * 100, u = ce(t, s), { startPercent: f = 0, snapDivisions: v = 12 } = i, P = u ? f + Math.abs(p) : f - Math.abs(p), y = 100 / v, I = Math.floor(P / y) * y, R = Math.ceil(P / y) * y, z = Math.abs(R - P), x = Math.abs(P - I), b = y * 0.2, C = z < x ? R : I;
+    const i = this.getState(e), a = e.parent(), o = k(t), l = ee({ componentRow: a, isVertical: o }, this.opts), c = ce(a, o, this.opts), g = l - c, p = s / g * 100, u = re(t, s), { startPercent: f = 0, snapDivisions: I = 12 } = i, P = u ? f + Math.abs(p) : f - Math.abs(p), y = 100 / I, v = Math.floor(P / y) * y, R = Math.ceil(P / y) * y, z = Math.abs(R - P), x = Math.abs(P - v), b = y * 0.2, C = z < x ? R : v;
     if (C > 0 && C < 100 && (z < b || x < b) && i.lastSnappedPercent !== C) {
       i.lastSnappedPercent = C;
       let m = Math.abs(C - f) / 100 * g;
@@ -536,31 +533,31 @@ class We {
     } else z >= b && x >= b && (i.lastSnappedPercent = void 0);
   }
 }
-class Ke {
+class We {
   constructor(e, t, s) {
     this.editor = e, this.registry = t, this.opts = s;
   }
   updateGapByDelta(e, t, s, i) {
     if (!this.registry.isGapAdjustableParent(e)) return;
-    const { opts: a } = this, o = Math.max(0, s + t), l = te({ componentRow: e, isVertical: i }, a), c = o / l * 100, g = e.components().models, p = g.length - 1, u = { componentRow: e, isVertical: i }, f = g.reduce(
-      (b, C) => b + F({ ...u, componentColumn: C }, a),
+    const { opts: a } = this, o = Math.max(0, s + t), l = ee({ componentRow: e, isVertical: i }, a), c = o / l * 100, g = e.components().models, p = g.length - 1, u = { componentRow: e, isVertical: i }, f = g.reduce(
+      (b, C) => b + B({ ...u, componentColumn: C }, a),
       0
     ), P = 100 - c * p, y = a.minItemPercent || 5;
     if (P < y * g.length)
       return;
     const R = 100 - p * c, z = f - R, x = { componentRow: e, isVertical: i, partial: !0 };
     g.map((b) => {
-      const C = F({ ...u, componentColumn: b }, a), r = C - C / f * z;
+      const C = B({ ...u, componentColumn: b }, a), r = C - C / f * z;
       V({ ...x, componentColumn: b, sizeValue: `${M(r)}%` }, a);
-    }), Se({ ...x, gapValue: `${M(c)}%` }, a);
+    }), me({ ...x, gapValue: `${M(c)}%` }, a);
   }
   finishGapAdjust(e) {
-    Fe(e, this.opts);
+    De(e, this.opts);
   }
 }
-class Je {
+class Ke {
   constructor(e, t, s) {
-    this.editor = e, this.registry = t, this.opts = s, this.resizeHandler = new We(e, t, s), this.gapHandler = new Ke(e, t, s);
+    this.editor = e, this.registry = t, this.opts = s, this.resizeHandler = new Ue(e, t, s), this.gapHandler = new We(e, t, s);
   }
   startResize(e, t, s) {
     this.resizeHandler.startResize(e, t, s);
@@ -585,20 +582,20 @@ class Je {
     return this.registry.isGapAdjustableParent(e);
   }
 }
-const X = "gs-flex-spots", pe = `${X}__handle-size`, qe = `${X}__handle-gap`;
-function Ze(n, e) {
+const O = "gs-flex-spots", le = `${O}__handle-size`, Je = `${O}__handle-gap`;
+function qe(n, e) {
   const { Canvas: t } = n, s = "flex-resize-spot";
   let i, a, o, l, c = null, g = null;
-  const p = new Ue(), u = new Je(n, p, e), f = () => {
+  const p = new Ye(), u = new Ke(n, p, e), f = () => {
     var r;
-    i = document.createElement("div"), i.className = X, i.style.display = "none", a = document.createElement("div"), a.className = `${X}__handles`, a.style.position = "absolute", a.style.pointerEvents = "none", a.style.zIndex = "21", o = {
+    i = document.createElement("div"), i.className = O, i.style.display = "none", a = document.createElement("div"), a.className = `${O}__handles`, a.style.position = "absolute", a.style.pointerEvents = "none", a.style.zIndex = "21", o = {
       left: document.createElement("div"),
       right: document.createElement("div"),
       top: document.createElement("div"),
       bottom: document.createElement("div")
     }, Object.entries(o).forEach(([d, m]) => {
-      const S = d, h = O(S);
-      m.className = `${pe} ${pe}-${S} gjs-resizer-h gjs-cv-unscale`, m.style.cssText = `
+      const S = d, h = k(S);
+      m.className = `${le} ${le}-${S} gjs-resizer-h gjs-cv-unscale`, m.style.cssText = `
         pointer-events: all;
         position: absolute;
         z-index: 1;
@@ -608,8 +605,8 @@ function Ze(n, e) {
         ${S === "right" ? "right: 0px;" : ""}
         ${S === "top" ? "top: 0px;" : ""}
         ${S === "bottom" ? "bottom: 0px;" : ""}
-      `, m.addEventListener("pointerdown", v(S)), a.appendChild(m);
-    }), !e.disableGapHandler && !H(e) && (l = document.createElement("div"), l.className = qe, l.style.cssText = `
+      `, m.addEventListener("pointerdown", I(S)), a.appendChild(m);
+    }), !e.disableGapHandler && !H(e) && (l = document.createElement("div"), l.className = Je, l.style.cssText = `
         position: absolute;
         background-color: var(--gs-theme-cl-cmp-bg1, #3b97e3);
         border-width: 2px;
@@ -620,48 +617,48 @@ function Ze(n, e) {
         max-width: 3rem;
         max-height: 3rem;
       `, l.addEventListener("pointerdown", P()), a.appendChild(l)), i.append(a), (r = t.getSpotsEl()) == null || r.appendChild(i);
-  }, v = (r) => (d) => {
+  }, I = (r) => (d) => {
     if (!c) return;
-    k(n, !0), d.stopPropagation(), d.preventDefault(), u.startResize(c, r, d);
+    d.stopPropagation(), d.preventDefault(), u.startResize(c, r, d);
     const m = d.clientX, S = d.clientY;
     d.target.setPointerCapture(d.pointerId);
     const h = (T) => {
-      const E = n.Canvas.getZoomMultiplier(), L = (T.clientX - m) * E, B = (T.clientY - S) * E, W = O(r) ? B : L;
-      u.updateResizeByDelta(c, r, W);
+      const G = n.Canvas.getZoomMultiplier(), L = (T.clientX - m) * G, F = (T.clientY - S) * G, U = k(r) ? F : L;
+      u.updateResizeByDelta(c, r, U);
     }, w = () => {
-      k(n, !1), u.finishResize(c), d.target.releasePointerCapture(d.pointerId), document.removeEventListener("pointermove", h), document.removeEventListener("pointerup", w);
+      u.finishResize(c), d.target.releasePointerCapture(d.pointerId), document.removeEventListener("pointermove", h), document.removeEventListener("pointerup", w);
     };
     document.addEventListener("pointermove", h), document.addEventListener("pointerup", w);
   }, P = () => (r) => {
     if (!g) return;
     const d = g;
-    k(n, !0), r.stopPropagation(), r.preventDefault();
-    const m = D(d, e), S = ee({ componentRow: d, isVertical: m }, e), h = r.clientX, w = r.clientY;
+    r.stopPropagation(), r.preventDefault();
+    const m = D(d, e), S = Q({ componentRow: d, isVertical: m }, e), h = r.clientX, w = r.clientY;
     r.target.setPointerCapture(r.pointerId);
     const T = (L) => {
-      const B = n.Canvas.getZoomMultiplier(), W = m ? (L.clientY - w) * B : (L.clientX - h) * B;
-      u.updateGapByDelta(d, W, S, m);
-    }, E = () => {
-      k(n, !1), u.finishGapAdjust(d), r.target.releasePointerCapture(r.pointerId), document.removeEventListener("pointermove", T), document.removeEventListener("pointerup", E);
+      const F = n.Canvas.getZoomMultiplier(), U = m ? (L.clientY - w) * F : (L.clientX - h) * F;
+      u.updateGapByDelta(d, U, S, m);
+    }, G = () => {
+      u.finishGapAdjust(d), r.target.releasePointerCapture(r.pointerId), document.removeEventListener("pointermove", T), document.removeEventListener("pointerup", G);
     };
-    document.addEventListener("pointermove", T), document.addEventListener("pointerup", E);
+    document.addEventListener("pointermove", T), document.addEventListener("pointerup", G);
   }, y = (r) => {
     const d = r.component;
     if (!d || !i || (c = d, g = d.parent(), !g)) return;
     const m = g;
-    re(i);
+    oe(i);
     const S = r.getStyle();
     a && Object.assign(a.style, S);
-    const h = D(m, e), w = He(h);
-    if (Object.values(o).forEach(oe), w.forEach((E) => {
-      if (_e(d, E)) return;
-      const L = o[E];
-      re(L);
-    }), G(e).gapHandler.isGapSupported() && l && De(d)) {
-      const E = ee({ componentRow: m, isVertical: h }, e);
-      I(E, h, Ne(d));
+    const h = D(m, e), w = Ae(h);
+    if (Object.values(o).forEach(ae), w.forEach((G) => {
+      if (je(d, G)) return;
+      const L = o[G];
+      oe(L);
+    }), E(e).gapHandler.isGapSupported() && l && _e(d)) {
+      const G = Q({ componentRow: m, isVertical: h }, e);
+      v(G, h, Ve(d));
     }
-  }, I = (r, d, m = !1) => {
+  }, v = (r, d, m = !1) => {
     const S = e.gapHandleSize, h = l.style;
     if (d) {
       h.height = `${S}px`;
@@ -673,7 +670,7 @@ function Ze(n, e) {
       m ? (h.left = `-${(r + w) / 2}px`, h.right = "") : (h.right = `-${(r + w) / 2}px`, h.left = ""), h.height = "50%", h.top = "50%", h.transform = "translateY(-50%)", h.cursor = "col-resize";
     }
   }, R = () => {
-    i && (oe(i), c = null, g = null);
+    i && (ae(i), c = null, g = null);
   }, z = () => {
     t.removeSpots({ type: s });
     const r = n.getSelected(), d = r == null ? void 0 : r.parent();
@@ -692,7 +689,7 @@ function Ze(n, e) {
     n.off(t.events.spot, x), n.off(C, z);
   };
 }
-const Qe = function(n, e = {}) {
+const Ze = function(n, e = {}) {
   const t = {
     typeRow: "flex-row",
     typeColumn: "flex-column",
@@ -700,17 +697,17 @@ const Qe = function(n, e = {}) {
     snapDivisions: 12,
     minItemPercent: 5,
     ...e
-  }, s = [Oe(n, t), ke(n, t)], i = Ze(n, t), a = Be(n, t);
+  }, s = [ke(n, t), Fe(n, t)], i = qe(n, t), a = Be(n, t);
   Ge({
     editor: n,
     licenseKey: t.licenseKey,
-    plan: Ye,
-    pluginName: Xe,
+    plan: Xe,
+    pluginName: Oe,
     cleanup: () => {
       s.forEach((o) => o == null ? void 0 : o()), i(), a == null || a();
     }
   });
-}, et = Ee(Qe);
+}, Qe = Re(Ze);
 export {
-  et as default
+  Qe as default
 };