@grapesjs/studio-sdk-plugins 1.0.33-rc.1 → 1.0.33

package/dist/swiperComponent/index.es.js

@@ -1,7 +1,7 @@
-const Q = "app.grapesjs.com", ee = "app-stage.grapesjs.com", ae = "app2.grapesjs.com", le = "app-stage2.grapesjs.com", H = [
-  Q,
-  ae,
+const ee = "app.grapesjs.com", te = "app-stage.grapesjs.com", ae = "app2.grapesjs.com", le = "app-stage2.grapesjs.com", G = [
   ee,
+  ae,
+  te,
   le,
   "localhost",
   "127.0.0.1",
@@ -11,83 +11,88 @@ const Q = "app.grapesjs.com", ee = "app-stage.grapesjs.com", ae = "app2.grapesjs
   // For stackblitz.com demos
   "-sandpack.codesandbox.io"
   // For Sandpack demos
-], se = "license:check:start", ne = "license:check:end", ie = () => typeof window < "u", oe = ({ isDev: e, isStage: l }) => `${e ? "" : `https://${l ? ee : Q}`}/api`, re = () => {
-  const e = ie() && window.location.hostname;
-  return !!e && (H.includes(e) || H.some((l) => e.endsWith(l)));
+], ie = "license:check:start", se = "license:check:end", ne = () => typeof window < "u", oe = ({
+  isDev: e,
+  isStage: l,
+  isPlatform: a
+}) => `${e ? "" : `https://${l ? te : ee}`}/${a ? "platform-api" : "api"}`, re = () => {
+  const e = ne() && window.location.hostname;
+  return !!e && (G.includes(e) || G.some((l) => e.endsWith(l)));
 }, ce = (e) => e.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (l, a) => (a ? "-" : "") + l.toLowerCase()), de = (e) => typeof e < "u";
 async function pe({
   path: e,
   baseApiUrl: l,
   method: a = "GET",
-  headers: s = {},
-  params: i,
-  body: b
+  headers: i = {},
+  params: s,
+  body: f
 }) {
-  const f = `${l || oe({ isDev: !1, isStage: !1 })}${e}`, d = {
+  const u = `${l || oe({ isDev: !1, isStage: !1 })}${e}`, b = {
     method: a,
     headers: {
       "Content-Type": "application/json",
-      ...s
+      ...i
     }
   };
-  b && (d.body = JSON.stringify(b));
-  const u = i ? new URLSearchParams(i).toString() : "", o = u ? `?${u}` : "", h = await fetch(`${f}${o}`, d);
-  if (!h.ok)
-    throw new Error(`HTTP error! status: ${h.status}`);
-  return h.json();
+  f && (b.body = JSON.stringify(f));
+  const d = s ? new URLSearchParams(s).toString() : "", m = d ? `?${d}` : "", n = await fetch(`${u}${m}`, b);
+  if (!n.ok)
+    throw new Error(`HTTP error! status: ${n.status}`);
+  return n.json();
 }
-var L = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(L || {});
-const G = {
-  [L.free]: 0,
-  [L.startup]: 10,
-  [L.business]: 20,
-  [L.enterprise]: 30
+var x = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(x || {});
+const U = {
+  [x.free]: 0,
+  [x.startup]: 10,
+  [x.business]: 20,
+  [x.enterprise]: 30
 };
 function ue(e) {
   const l = e;
-  return l.init = (a) => (s) => e(s, a), l;
+  return l.init = (a) => (i) => e(i, a), l;
 }
 const be = (e) => /* @__PURE__ */ ue(e);
 async function fe({
   editor: e,
   plan: l,
   pluginName: a,
-  licenseKey: s,
-  cleanup: i
+  licenseKey: i,
+  onLicenseCheckResponse: s,
+  cleanup: f
 }) {
-  let b = "", c = !1;
-  const f = re(), d = (o) => {
-    console.warn("Cleanup plugin:", a, "Reason:", o), i();
-  }, u = (o = {}) => {
-    var w;
-    const { error: h, sdkLicense: t } = o, n = (w = o.plan) == null ? void 0 : w.category;
-    if (!(t || o.license) || h)
-      d(h || "Invalid license");
-    else if (n) {
-      const O = G[l], R = G[n];
-      O > R && d({ pluginRequiredPlan: l, licensePlan: n });
+  let c = "", u = !1;
+  const b = re(), d = (n) => {
+    console.warn("Cleanup plugin:", a, "Reason:", n), f();
+  }, m = (n = {}) => {
+    var C;
+    const { error: t, sdkLicense: o } = n, y = (C = n.plan) == null ? void 0 : C.category;
+    if (!(o || n.license) || t)
+      d(t || "Invalid license");
+    else if (y) {
+      const B = U[l], R = U[y];
+      B > R && d({ pluginRequiredPlan: l, licensePlan: y });
     }
   };
-  e.on(se, (o) => {
-    b = o == null ? void 0 : o.baseApiUrl, c = !0;
-  }), e.on(ne, (o) => {
-    u(o);
+  e.on(ie, (n) => {
+    c = n == null ? void 0 : n.baseApiUrl, u = !0;
+  }), e.on(se, (n) => {
+    s == null || s(n), m(n);
   }), setTimeout(async () => {
-    if (!c) {
-      if (f) return;
-      if (s) {
-        const o = await he({ licenseKey: s, pluginName: a, baseApiUrl: b });
-        o && u(o);
+    if (!u) {
+      if (b) return;
+      if (i) {
+        const n = await he({ licenseKey: i, pluginName: a, baseApiUrl: c });
+        s == null || s(n), n && m(n);
       } else
         d("The `licenseKey` option not provided");
     }
   }, 2e3);
 }
 async function he(e) {
-  const { licenseKey: l, pluginName: a, baseApiUrl: s } = e;
+  const { licenseKey: l, pluginName: a, baseApiUrl: i } = e;
   try {
     return (await pe({
-      baseApiUrl: s,
+      baseApiUrl: i,
       path: `/sdk/${l || "na"}`,
       method: "POST",
       params: {
@@ -95,53 +100,53 @@ async function he(e) {
         pn: a
       }
     })).result || {};
-  } catch (i) {
-    return console.error("Error during SDK license check:", i), !1;
+  } catch (s) {
+    return console.error("Error during SDK license check:", s), !1;
   }
 }
 const E = (e, l) => {
   var a;
   return !!((a = e == null ? void 0 : e.classList) != null && a.contains(l));
 }, ve = (e, l = {}) => {
-  var b;
-  const a = {}, s = [], i = [];
+  var f;
+  const a = {}, i = [], s = [];
   for (const c in e) {
-    const { value: f, ...d } = e[c];
-    s.push({ id: c, name: c, changeProp: !0, category: l.category, ...d }), a[c] = f, !de(f) && i.push(c);
-    const { subTraits: u = {} } = d;
-    for (const o in d.subTraits)
-      (b = u[o]) == null || b.forEach((h) => {
-        const t = h.id || h.name;
-        a[t] = h.value;
+    const { value: u, ...b } = e[c];
+    i.push({ id: c, name: c, changeProp: !0, category: l.category, ...b }), a[c] = u, !de(u) && s.push(c);
+    const { subTraits: d = {} } = b;
+    for (const m in b.subTraits)
+      (f = d[m]) == null || f.forEach((n) => {
+        const t = n.id || n.name;
+        a[t] = n.value;
       });
   }
   return {
     propKeys: Object.keys(a),
-    propsNoValues: i,
+    propsNoValues: s,
     props: a,
-    traits: s
+    traits: i
   };
 }, me = (e, l) => {
   l.forEach((a) => {
     if (a.subTraits) {
-      const s = `${a.id || a.name}`, i = a.changeProp ? `change:${s}` : `change:attributes:${s}`;
-      e.on(i, () => U(e, s)), U(e, s);
+      const i = `${a.id || a.name}`, s = a.changeProp ? `change:${i}` : `change:attributes:${i}`;
+      e.on(s, () => j(e, i)), j(e, i);
     }
   });
-}, U = (e, l) => {
-  const a = e.getTrait(l), s = a.get("category"), i = a.get("subTraits") || {}, c = (Object.values(i).flat() || []).map((u) => u.id || u.name);
+}, j = (e, l) => {
+  const a = e.getTrait(l), i = a.get("category"), s = a.get("subTraits") || {}, c = (Object.values(s).flat() || []).map((d) => d.id || d.name);
   e.removeTrait(c);
-  const f = i[a.getValue()], d = e.getTraitIndex(l) + 1;
-  f && e.addTrait(
-    f.map((u) => ({ category: s, ...u })),
-    { at: d }
+  const u = s[a.getValue()], b = e.getTraitIndex(l) + 1;
+  u && e.addTrait(
+    u.map((d) => ({ category: i, ...d })),
+    { at: b }
   );
 }, ge = (e, l) => {
   l.forEach((a) => {
-    const s = ce(a);
-    s !== a && e.has(s) && e.set({ [a]: e.get(s), [s]: void 0 });
+    const i = ce(a);
+    i !== a && e.has(i) && e.set({ [a]: e.get(i), [i]: void 0 });
   });
-}, m = "swiper", M = `${m}-slide`, k = `${m}-wrapper`, A = `${m}-nav-prev`, D = `${m}-nav-next`, _ = `${m}-pagination`, C = `${m}-scrollbar`, p = {
+}, v = "swiper", O = `${v}-slide`, A = `${v}-wrapper`, L = `${v}-nav-prev`, $ = `${v}-nav-next`, k = `${v}-pagination`, M = `${v}-scrollbar`, p = {
   slider: `<svg viewBox="0 0 24 24">
   <path d="M22 7.6c0-1-.5-1.6-1.3-1.6H3.4C2.5 6 2 6.7 2 7.6v9.8c0 1 .5 1.6 1.3 1.6h17.4c.8 0 1.3-.6 1.3-1.6V7.6zM21 18H3V7h18v11z" fill-rule="nonzero"/>
   <path d="M4 12.5L6 14v-3zM20 12.5L18 14v-3z"/>
@@ -177,7 +182,7 @@ const E = (e, l) => {
   add: `<svg viewBox="0 0 24 24">
   <path d="M12 20a8 8 0 1 1 0-16 8 8 0 0 1 0 16m0-18A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2m1 5h-2v4H7v2h4v4h2v-4h4v-2h-4V7Z"/>
 </svg>`
-}, j = { id: "swiper-responsive", label: "Responsive", icon: p.responsive }, K = { id: "swiper-extra", label: "Extra", icon: p.extra }, ye = {
+}, K = { id: "swiper-responsive", label: "Responsive", icon: p.responsive }, Z = { id: "swiper-extra", label: "Extra", icon: p.extra }, ye = {
   actions: {
     type: "radio",
     label: !1,
@@ -189,8 +194,8 @@ const E = (e, l) => {
       { id: "a", label: "Add new slide", icon: p.add }
     ],
     setValue: ({ component: e, value: l }) => {
-      var s;
-      const a = (s = e.getView()) == null ? void 0 : s.getSwiper();
+      var i;
+      const a = (i = e.getView()) == null ? void 0 : i.getSwiper();
       switch (l) {
         case "r":
           e.reloadSlider();
@@ -230,10 +235,10 @@ const E = (e, l) => {
   navigation: {
     type: "checkbox",
     label: "Navigation",
-    getValue: ({ component: e }) => !!e.findFirstType(A),
+    getValue: ({ component: e }) => !!e.findFirstType(L),
     setValue: ({ component: e, value: l }) => {
-      var a, s;
-      l ? e.append([{ type: A }, { type: D }]) : ((a = e.findFirstType(A)) == null || a.remove(), (s = e.findFirstType(D)) == null || s.remove()), e.set({ navigation: l });
+      var a, i;
+      l ? e.append([{ type: L }, { type: $ }]) : ((a = e.findFirstType(L)) == null || a.remove(), (i = e.findFirstType($)) == null || i.remove()), e.set({ navigation: l });
     }
   },
   initialSlide: {
@@ -541,10 +546,10 @@ const E = (e, l) => {
       { id: "progressbar", label: "Progressbar" },
       { id: "fraction", label: "Fraction" }
     ],
-    getValue: ({ component: e }) => e.findFirstType(_) ? e.get("pagination") || "bullets" : "none",
+    getValue: ({ component: e }) => e.findFirstType(k) ? e.get("pagination") || "bullets" : "none",
     setValue: ({ component: e, value: l }) => {
-      const a = e.findFirstType(_);
-      a == null || a.remove(), l !== "none" && e.append({ type: _ }), e.set({ pagination: l });
+      const a = e.findFirstType(k);
+      a == null || a.remove(), l !== "none" && e.append({ type: k }), e.set({ pagination: l });
     },
     subTraits: {
       bullets: [
@@ -578,10 +583,10 @@ const E = (e, l) => {
     category: { id: "swiper-scrollbar", label: "Scrollbar", icon: p.scrollbar },
     type: "checkbox",
     label: "Enable Scrollbar",
-    getValue: ({ component: e }) => !!e.findFirstType(C),
+    getValue: ({ component: e }) => !!e.findFirstType(M),
     setValue: ({ component: e, value: l }) => {
-      const a = e.findFirstType(C);
-      a == null || a.remove(), l && e.append({ type: C }), e.set({ scrollbar: l });
+      const a = e.findFirstType(M);
+      a == null || a.remove(), l && e.append({ type: M }), e.set({ scrollbar: l });
     },
     subTraits: {
       false: [],
@@ -611,7 +616,7 @@ const E = (e, l) => {
     value: !1
   },
   mobile: {
-    category: j,
+    category: K,
     type: "checkbox",
     label: "Enable mobile breakpoint",
     value: !1,
@@ -654,7 +659,7 @@ const E = (e, l) => {
     }
   },
   tablet: {
-    category: j,
+    category: K,
     type: "checkbox",
     label: "Enable tablet breakpoint",
     value: !1,
@@ -697,24 +702,24 @@ const E = (e, l) => {
     }
   },
   allowTouchMove: {
-    category: K,
+    category: Z,
     type: "checkbox",
     label: "Allow touch move",
     tip: "Allow touch interactions",
     value: !0
   },
   grabCursor: {
-    category: K,
+    category: Z,
     type: "checkbox",
     label: "Grab cursor",
     tip: 'If enabled, the user will see the "grab" cursor when hover the slider',
     value: !1
   }
-}, Z = "Slider", q = "swiper", N = `${q}-`, Se = (e, l) => {
-  const { Components: a, Blocks: s, Commands: i } = e, { block: b } = l, c = ve(ye), f = "core:preview", d = i.events, u = function(t) {
-    const n = this, T = window, w = n.__onLoad, O = n.__activeSlide, R = n.__inPreview, te = T._isEditor && !R ? t.autoplayEditor : !0, { cdnScript: $, cdnStyle: I, slidesPerView: W } = t || {}, r = (y) => isNaN(y) ? void 0 : parseFloat(y), z = () => {
-      const y = n.parentElement;
-      y && (y.style.minWidth = "0");
+}, Y = "Slider", z = "swiper", _ = `${z}-`, Se = (e, l) => {
+  const { Components: a, Blocks: i, Commands: s } = e, { block: f } = l, c = ve(ye), u = "core:preview", b = s.events, d = function(t) {
+    const o = this, y = window, N = o.__onLoad, C = o.__activeSlide, B = o.__inPreview, R = y._isEditor && !B ? t.autoplayEditor : !0, { cdnScript: I, cdnStyle: W, slidesPerView: F } = t || {}, r = (S) => isNaN(S) ? void 0 : parseFloat(S), H = () => {
+      const S = o.parentElement;
+      S && (S.style.minWidth = "0");
       const P = {
         loop: t.loop,
         speed: t.speed,
@@ -728,7 +733,7 @@ const E = (e, l) => {
         grabCursor: t.grabCursor,
         simulateTouch: !0,
         breakpoints: {},
-        slidesPerView: isNaN(W) ? W : r(W),
+        slidesPerView: isNaN(F) ? F : r(F),
         slidesPerGroup: r(t.slidesPerGroup),
         spaceBetween: r(t.spaceBetween),
         slidesOffsetBefore: r(t.slidesOffsetBefore),
@@ -760,22 +765,22 @@ const E = (e, l) => {
           slideShadows: t.cardsEffectSlideShadows
         },
         navigation: {
-          nextEl: n.querySelector(".swiper-button-next"),
-          prevEl: n.querySelector(".swiper-button-prev")
+          nextEl: o.querySelector(".swiper-button-next"),
+          prevEl: o.querySelector(".swiper-button-prev")
         },
         pagination: {
           type: t.pagination || "bullets",
           dynamicBullets: t.dynamicBullets,
           clickable: t.clickableBullets,
           progressbarOpposite: t.progressbarOpposite,
-          el: n.querySelector(".swiper-pagination")
+          el: o.querySelector(".swiper-pagination")
         },
         scrollbar: {
-          el: n.querySelector(".swiper-scrollbar"),
+          el: o.querySelector(".swiper-scrollbar"),
           draggable: t.scrollbarDraggable,
           hide: t.scrollbarHide
         },
-        autoplay: t.autoplay && te && {
+        autoplay: t.autoplay && R && {
           delay: t.autoplayDelay,
           disableOnInteraction: t.autoplayDisableOnInteraction,
           pauseOnMouseEnter: t.autoplayPauseOnMouseEnter,
@@ -785,70 +790,70 @@ const E = (e, l) => {
         }
       };
       if (t.tablet) {
-        const { tabletBreakpoint: x, tabletSlidesPerView: g } = t, v = r(x);
-        P.breakpoints[v] = {
+        const { tabletBreakpoint: T, tabletSlidesPerView: g } = t, h = r(T);
+        P.breakpoints[h] = {
           slidesPerView: isNaN(g) ? g : r(g),
           slidesPerGroup: r(t.tabletSlidesPerGroup),
           spaceBetween: r(t.tabletSpaceBetween)
         };
       }
       if (t.mobile) {
-        const { mobileBreakpoint: x, mobileSlidesPerView: g } = t, v = r(x);
-        P.breakpoints[v] = {
+        const { mobileBreakpoint: T, mobileSlidesPerView: g } = t, h = r(T);
+        P.breakpoints[h] = {
           slidesPerView: isNaN(g) ? g : r(g),
           slidesPerGroup: r(t.mobileSlidesPerGroup),
           spaceBetween: r(t.mobileSpaceBetween)
         };
       }
-      w && !R && (P.simulateTouch = !1), O && (P.initialSlide = O);
-      const F = new T.Swiper(n, P);
-      w == null || w(F);
+      N && !B && (P.simulateTouch = !1), C && (P.initialSlide = C);
+      const q = new y.Swiper(o, P);
+      N == null || N(q);
     };
-    if (T.Swiper)
-      z();
+    if (y.Swiper)
+      H();
     else {
-      const { head: y } = document, P = Array.isArray($) ? [...$] : [$], F = Array.isArray(I) ? [...I] : [I], x = (v) => {
-        if (v.length) {
-          const S = document.createElement("link");
-          S.href = v.shift(), S.rel = "stylesheet", y.prepend(S), x(v);
+      const { head: S } = document, P = Array.isArray(I) ? [...I] : [I], q = Array.isArray(W) ? [...W] : [W], T = (h) => {
+        if (h.length) {
+          const w = document.createElement("link");
+          w.href = h.shift(), w.rel = "stylesheet", S.prepend(w), T(h);
         }
-      }, g = (v) => {
-        if (v.length) {
-          const S = document.createElement("script");
-          S.src = v.shift(), S.onerror = S.onload = g.bind(null, v), y.appendChild(S);
+      }, g = (h) => {
+        if (h.length) {
+          const w = document.createElement("script");
+          w.src = h.shift(), w.onerror = w.onload = g.bind(null, h), S.appendChild(w);
         } else
-          z();
+          H();
       };
-      x(F), g(P);
+      T(q), g(P);
     }
-  }, o = (t = 0) => ({
-    type: M,
+  }, m = (t = 0) => ({
+    type: O,
     style: { padding: "50px" },
     components: { type: "text", components: { type: "textnode", content: `Slide ${t}` } }
-  }), h = a.getType("default").model;
-  return a.addType(m, {
-    block: b && {
-      label: Z,
+  }), n = a.getType("default").model;
+  return a.addType(v, {
+    block: f && {
+      label: Y,
       media: p.slider,
       category: "Extra",
       select: !0,
       ...l.block
     },
-    isComponent: (t) => E(t, q),
+    isComponent: (t) => E(t, z),
     model: {
       defaults: () => ({
-        name: Z,
+        name: Y,
         icon: p.slider,
-        classes: q,
-        draggable: (t, n) => !n.is(m),
+        classes: z,
+        draggable: (t, o) => !o.is(v),
         components: [
           {
-            type: k,
-            components: [o(1), o(2), o(3)]
+            type: A,
+            components: [m(1), m(2), m(3)]
           },
-          { type: _ }
+          { type: k }
         ],
-        script: u,
+        script: d,
         cdnScript: l.cdnScript,
         cdnStyle: l.cdnStyle,
         "script-props": ["cdnScript", "cdnStyle", ...c.propKeys],
@@ -857,7 +862,7 @@ const E = (e, l) => {
       }),
       init() {
         const { em: t } = this;
-        me(this, c.traits), ge(this, c.propKeys), this.listenTo(t, `${d.runCommand}${f}`, this.onPreviewOn), this.listenTo(t, `${d.stopCommand}${f}`, this.onPreviewOff);
+        me(this, c.traits), ge(this, c.propKeys), this.listenTo(t, `${b.runCommand}${u}`, this.onPreviewOn), this.listenTo(t, `${b.stopCommand}${u}`, this.onPreviewOff);
       },
       onPreviewOn() {
         this.__inPreview = !0, this.reloadSlider();
@@ -869,20 +874,20 @@ const E = (e, l) => {
         this.trigger("rerender");
       },
       addSlide() {
-        const t = this.findFirstType(k);
+        const t = this.findFirstType(A);
         t == null || t.append(this.getNewSlideComponentDef());
       },
       getNewSlideComponentDef() {
-        var n;
-        const t = ((n = this.findFirstType(k)) == null ? void 0 : n.components().length) || 0;
+        var o;
+        const t = ((o = this.findFirstType(A)) == null ? void 0 : o.components().length) || 0;
         return {
-          type: M,
+          type: O,
           components: { type: "text", components: { type: "textnode", content: `Slide ${t + 1}` } }
         };
       },
       toJSON(...t) {
-        const n = h.prototype.toJSON.apply(this, t);
-        return c.propsNoValues.forEach((T) => delete n[T]), delete n["script-props"], n;
+        const o = n.prototype.toJSON.apply(this, t);
+        return c.propsNoValues.forEach((y) => delete o[y]), delete o["script-props"], o;
       }
     },
     view: {
@@ -898,14 +903,14 @@ const E = (e, l) => {
       },
       onRender() {
         const t = this.el;
-        t.__onLoad = (n) => n.on("slideChange", () => this.__activeSlide = n.activeIndex), t.__activeSlide = this.__activeSlide, t.__inPreview = this.model.__inPreview;
+        t.__onLoad = (o) => o.on("slideChange", () => this.__activeSlide = o.activeIndex), t.__activeSlide = this.__activeSlide, t.__inPreview = this.model.__inPreview;
       }
     }
   }), () => {
-    a.removeType(m), s.remove(m);
+    a.removeType(v), i.remove(v);
   };
-}, we = "Nav Prev", Pe = "Nav Next", B = `${N}button-prev`, V = `${N}button-next`, Ee = (e) => {
-  const { Components: l } = e, a = (s) => ({
+}, we = "Nav Prev", Pe = "Nav Next", V = `${_}button-prev`, D = `${_}button-next`, Ee = (e) => {
+  const { Components: l } = e, a = (i) => ({
     type: "svg",
     selectable: !1,
     hoverable: !1,
@@ -913,15 +918,15 @@ const E = (e, l) => {
     components: {
       type: "svg-in",
       tagName: "path",
-      attributes: { d: s, fill: "currentColor" }
+      attributes: { d: i, fill: "currentColor" }
     }
   });
-  return l.addType(A, {
-    isComponent: (s) => E(s, B),
+  return l.addType(L, {
+    isComponent: (i) => E(i, V),
     model: {
       defaults: {
         name: we,
-        classes: B,
+        classes: V,
         copyable: !1,
         highlightable: !1,
         droppable: !1,
@@ -931,40 +936,40 @@ const E = (e, l) => {
         layerable: !1,
         components: a("M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z"),
         styles: `
-          .${B} {
+          .${V} {
             color: inherit;
           }
-          .${B}:after {
+          .${V}:after {
             content: none;
           }
         `
       }
     }
-  }), l.addType(D, {
-    extend: A,
-    isComponent: (s) => E(s, V),
+  }), l.addType($, {
+    extend: L,
+    isComponent: (i) => E(i, D),
     model: {
       defaults: {
         name: Pe,
-        classes: V,
+        classes: D,
         components: a("M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z"),
         styles: `
-          .${V} {
+          .${D} {
             color: inherit;
           }
-          .${V}:after {
+          .${D}:after {
             content: none;
           }
         `
       }
     }
   }), () => {
-    l.removeType(A), l.removeType(D);
+    l.removeType(L), l.removeType($);
   };
 }, Te = (e) => {
-  const { Components: l } = e, a = `${N}pagination`;
-  return l.addType(_, {
-    isComponent: (s) => E(s, a),
+  const { Components: l } = e, a = `${_}pagination`;
+  return l.addType(k, {
+    isComponent: (i) => E(i, a),
     model: {
       defaults: {
         name: "Pagination",
@@ -987,16 +992,16 @@ const E = (e, l) => {
       }
     }
   }), () => {
-    l.removeType(_);
+    l.removeType(k);
   };
-}, xe = "Scrollbar", Y = `${N}scrollbar`, Le = (e) => {
+}, xe = "Scrollbar", X = `${_}scrollbar`, Ae = (e) => {
   const { Components: l } = e;
-  return l.addType(C, {
-    isComponent: (a) => E(a, Y),
+  return l.addType(M, {
+    isComponent: (a) => E(a, X),
     model: {
       defaults: {
         name: xe,
-        classes: Y,
+        classes: X,
         copyable: !1,
         highlightable: !1,
         removable: !1,
@@ -1008,72 +1013,72 @@ const E = (e, l) => {
       }
     }
   }), () => {
-    l.removeType(C);
+    l.removeType(M);
   };
-}, ke = "Slide", X = `${N}slide`, Ae = (e) => {
+}, Le = "Slide", J = `${_}slide`, ke = (e) => {
   const { Components: l } = e;
-  return l.addType(M, {
-    isComponent: (a) => E(a, X),
+  return l.addType(O, {
+    isComponent: (a) => E(a, J),
     model: {
       defaults: {
-        name: ke,
-        classes: X,
+        name: Le,
+        classes: J,
         icon: p.slider,
-        draggable: (a, s) => s.is(k)
+        draggable: (a, i) => i.is(A)
       }
       // TODO VIEW slide to this slide when selected
     }
   }), () => {
-    l.removeType(M);
+    l.removeType(O);
   };
-}, _e = "Wrapper", J = `${N}wrapper`, Ne = (e) => {
+}, _e = "Wrapper", Q = `${_}wrapper`, Ne = (e) => {
   const { Components: l } = e, { events: a } = l;
-  return l.addType(k, {
-    isComponent: (s) => E(s, J),
+  return l.addType(A, {
+    isComponent: (i) => E(i, Q),
     model: {
       defaults: {
         name: _e,
         icon: p.slider,
-        classes: J,
+        classes: Q,
         copyable: !1,
         removable: !1,
         draggable: !1,
         highlightable: !1,
-        droppable: (s) => s.is(M)
+        droppable: (i) => i.is(O)
       },
       init() {
-        const s = this.components();
-        this.listenTo(s, "add remove", this.updateSlider);
+        const i = this.components();
+        this.listenTo(i, "add remove", this.updateSlider);
       },
-      updateSlider(s) {
-        const i = this.closestType(m);
-        if (i) {
-          const b = i.getView();
-          i.reloadSlider(), this.em.once(a.scriptMount, () => {
+      updateSlider(i) {
+        const s = this.closestType(v);
+        if (s) {
+          const f = s.getView();
+          s.reloadSlider(), this.em.once(a.scriptMount, () => {
             setTimeout(() => {
               var c;
-              return (c = b.getSwiper()) == null ? void 0 : c.slideTo(s.index());
+              return (c = f.getSwiper()) == null ? void 0 : c.slideTo(i.index());
             }, 100);
           });
         }
       }
     }
   }), () => {
-    l.removeType(k);
+    l.removeType(A);
   };
-}, Ce = "swiperComponent", Me = L.startup, Oe = function(e, l = {}) {
+}, Ce = "swiperComponent", Me = x.startup, Oe = function(e, l = {}) {
   const a = {
     block: {},
     cdnScript: "https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js",
     cdnStyle: "https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css",
     ...l
-  }, s = [
+  }, i = [
     Se(e, a),
     Ee(e),
     Ne(e),
-    Ae(e),
+    ke(e),
     Te(e),
-    Le(e)
+    Ae(e)
   ];
   fe({
     editor: e,
@@ -1081,10 +1086,10 @@ const E = (e, l) => {
     licenseKey: a.licenseKey,
     pluginName: Ce,
     cleanup: () => {
-      s.forEach((i) => i());
+      i.forEach((s) => s());
     }
   });
-}, Re = be(Oe);
+}, Be = be(Oe);
 export {
-  Re as default
+  Be as default
 };