@grapesjs/studio-sdk-plugins 1.0.35 → 1.0.37

package/dist/swiperComponent/index.es.js

@@ -1,98 +1,124 @@
-const ee = "app.grapesjs.com", te = "app-stage.grapesjs.com", ae = "app2.grapesjs.com", le = "app-stage2.grapesjs.com", G = [
-  ee,
-  ae,
+const te = "app.grapesjs.com", ae = "app-stage.grapesjs.com", le = "app2.grapesjs.com", oe = "app-stage2.grapesjs.com", U = [
   te,
   le,
+  ae,
+  oe,
   "localhost",
   "127.0.0.1",
   ".local-credentialless.webcontainer.io",
   // For stackblitz.com demos
   ".local.webcontainer.io",
   // For stackblitz.com demos
-  "-sandpack.codesandbox.io"
+  "-sandpack.codesandbox.io",
   // For Sandpack demos
-], ie = "license:check:start", se = "license:check:end", ne = () => typeof window < "u", oe = ({
+  ".claudemcpcontent.com",
+  // For Claude mcp app
+  ".web-sandbox.oaiusercontent.com"
+  // For OpenAI mcp app
+], se = "license:check:end", ie = () => typeof window < "u", ne = ({
   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({
+}) => `${e ? "" : `https://${l ? ae : te}`}/${a ? "platform-api" : "api"}`, re = () => {
+  if (!ie()) return "";
+  const { hostname: e } = window.location;
+  if (e) return e;
+  try {
+    return window.parent.location.hostname || "";
+  } catch {
+    return "";
+  }
+}, ce = () => {
+  const e = re();
+  return !!e && (U.includes(e) || U.some((l) => e.endsWith(l)));
+}, de = (e) => e.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (l, a) => (a ? "-" : "") + l.toLowerCase()), pe = (e) => typeof e < "u";
+async function ue({
   path: e,
   baseApiUrl: l,
   method: a = "GET",
-  headers: i = {},
+  headers: o = {},
   params: s,
   body: f
 }) {
-  const u = `${l || oe({ isDev: !1, isStage: !1 })}${e}`, b = {
+  const d = `${l || ne({ isDev: !1, isStage: !1 })}${e}`, p = {
     method: a,
     headers: {
       "Content-Type": "application/json",
-      ...i
+      ...o
     }
   };
-  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();
+  f && (p.body = JSON.stringify(f));
+  const b = s ? new URLSearchParams(s).toString() : "", g = b ? `?${b}` : "", i = await fetch(`${d}${g}`, p);
+  if (!i.ok)
+    throw new Error(`HTTP error! status: ${i.status}`);
+  return i.json();
 }
-var x = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(x || {});
-const U = {
+var x = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(x || {}), q = /* @__PURE__ */ ((e) => (e.toastAdd = "studio:toastAdd", e.toastRemove = "studio:toastRemove", e.dialogOpen = "studio:dialogOpen", e.dialogClose = "studio:dialogClose", e.dialogExportCode = "studio:dialogExportCode", e.dialogImportCode = "studio:dialogImportCode", e.sidebarLeftSet = "studio:sidebarLeft:set", e.sidebarLeftGet = "studio:sidebarLeft:get", e.sidebarLeftToggle = "studio:sidebarLeft:toggle", e.sidebarRightSet = "studio:sidebarRight:set", e.sidebarRightGet = "studio:sidebarRight:get", e.sidebarRightToggle = "studio:sidebarRight:toggle", e.sidebarTopSet = "studio:sidebarTop:set", e.sidebarTopGet = "studio:sidebarTop:get", e.sidebarTopToggle = "studio:sidebarTop:toggle", e.sidebarBottomSet = "studio:sidebarBottom:set", e.sidebarBottomGet = "studio:sidebarBottom:get", e.sidebarBottomToggle = "studio:sidebarBottom:toggle", e.symbolAdd = "studio:symbolAdd", e.symbolDetach = "studio:symbolDetach", e.symbolOverride = "studio:symbolOverride", e.symbolPropagateStyles = "studio:propagateStyles", e.getPagesConfig = "studio:getPagesConfig", e.setPagesConfig = "studio:setPagesConfig", e.getPageSettings = "studio:getPageSettings", e.setPageSettings = "studio:setPageSettings", e.clearPage = "studio:clearPage", e.projectFiles = "studio:projectFiles", e.validateCode = "studio:validateCode", e.canvasReload = "studio:canvasReload", e.getBlocksPanel = "studio:getBlocksPanel", e.setBlocksPanel = "studio:setBlocksPanel", e.getStateContextMenu = "studio:getStateContextMenu", e.setStateContextMenu = "studio:setStateContextMenu", e.contextMenuComponent = "studio:contextMenuComponent", e.layoutAdd = "studio:layoutAdd", e.layoutRemove = "studio:layoutRemove", e.layoutToggle = "studio:layoutToggle", e.layoutUpdate = "studio:layoutUpdate", e.layoutGet = "studio:layoutGet", e.layoutConfigGet = "studio:layoutConfigGet", e.layoutConfigSet = "studio:layoutConfigSet", e.layoutComponentAdd = "studio:layoutComponentAdd", e.layoutComponentGet = "studio:layoutComponentGet", e.layoutComponentRemove = "studio:layoutComponentRemove", e.layoutComponentRender = "studio:layoutComponentRender", e.getStateTheme = "studio:getStateTheme", e.setStateTheme = "studio:setStateTheme", e.settings = "studio:settings", e.assetProviderGet = "studio:assetProviderGet", e.assetProviderAdd = "studio:assetProviderAdd", e.assetProviderRemove = "studio:assetProviderRemove", e.fontGet = "studio:fontGet", e.fontAdd = "studio:fontAdd", e.fontRemove = "studio:fontRemove", e.fontManagerOpen = "studio:fontManagerOpen", e.menuFontLoad = "studio:menuFontLoad", e.toggleStateDataSource = "studio:toggleStateDataSource", e.getStateDataSource = "studio:getStateDataSource", e.dataSourceSetGlobalData = "studio:dataSourceSetGlobalData", e.dataSourceSetImporter = "studio:dataSourceSetImporter", e.dataSourceSetExporter = "studio:dataSourceSetExporter", e.setDragAbsolute = "studio:setDragAbsolute", e))(q || {});
+const j = {
   [x.free]: 0,
   [x.startup]: 10,
   [x.business]: 20,
   [x.enterprise]: 30
 };
-function ue(e) {
+function be(e) {
   const l = e;
-  return l.init = (a) => (i) => e(i, a), l;
+  return l.init = (a) => (o) => e(o, a), l;
 }
-const be = (e) => /* @__PURE__ */ ue(e);
-async function fe({
+const fe = (e) => /* @__PURE__ */ be(e);
+async function ge({
   editor: e,
   plan: l,
   pluginName: a,
-  licenseKey: i,
+  licenseKey: o,
   onLicenseCheckResponse: s,
   cleanup: f
 }) {
-  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 });
+  let c = "", d;
+  const p = (i) => {
+    console.warn("Cleanup plugin:", a, "Reason:", i), f();
+  }, b = (i = {}) => {
+    var _;
+    const { error: t, sdkLicense: n } = i, w = (_ = i.plan) == null ? void 0 : _.category;
+    if (!(n || i.license) || t)
+      p(t || "Invalid license");
+    else if (w) {
+      const B = j[l], $ = j[w];
+      B > $ && p({ pluginRequiredPlan: l, licensePlan: w });
     }
   };
-  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 (!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);
+  e.Commands.has(q.settings) && (d = e.runCommand(q.settings), c = (d == null ? void 0 : d.baseUrl) || "");
+  const g = (i) => {
+    s == null || s(i), i && b(i);
+  };
+  if (!d) {
+    e.onReady(async () => {
+      if (!ce())
+        if (o) {
+          const i = await ve({ licenseKey: o, pluginName: a, baseApiUrl: c });
+          g(i);
+        } else
+          p("The `licenseKey` option not provided");
+    });
+    return;
+  }
+  if (d.licensePlan || d.licenseError) {
+    const i = he(d);
+    g(i);
+    return;
+  }
+  e.on(se, (i) => g(i));
 }
-async function he(e) {
-  const { licenseKey: l, pluginName: a, baseApiUrl: i } = e;
+const he = (e) => ({
+  sdkLicense: e.license,
+  license: e.license,
+  error: e.licenseError,
+  plan: e.licensePlan
+});
+async function ve(e) {
+  const { licenseKey: l, pluginName: a, baseApiUrl: o } = e;
   try {
-    return (await pe({
-      baseApiUrl: i,
+    return (await ue({
+      baseApiUrl: o,
       path: `/sdk/${l || "na"}`,
       method: "POST",
       params: {
@@ -107,46 +133,46 @@ async function he(e) {
 const E = (e, l) => {
   var a;
   return !!((a = e == null ? void 0 : e.classList) != null && a.contains(l));
-}, ve = (e, l = {}) => {
+}, ye = (e, l = {}) => {
   var f;
-  const a = {}, i = [], s = [];
+  const a = {}, o = [], s = [];
   for (const c in e) {
-    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;
+    const { value: d, ...p } = e[c];
+    o.push({ id: c, name: c, changeProp: !0, category: l.category, ...p }), a[c] = d, !pe(d) && s.push(c);
+    const { subTraits: b = {} } = p;
+    for (const g in p.subTraits)
+      (f = b[g]) == null || f.forEach((i) => {
+        const t = i.id || i.name;
+        a[t] = i.value;
       });
   }
   return {
     propKeys: Object.keys(a),
     propsNoValues: s,
     props: a,
-    traits: i
+    traits: o
   };
-}, me = (e, l) => {
+}, we = (e, l) => {
   l.forEach((a) => {
     if (a.subTraits) {
-      const i = `${a.id || a.name}`, s = a.changeProp ? `change:${i}` : `change:attributes:${i}`;
-      e.on(s, () => j(e, i)), j(e, i);
+      const o = `${a.id || a.name}`, s = a.changeProp ? `change:${o}` : `change:attributes:${o}`;
+      e.on(s, () => Z(e, o)), Z(e, o);
     }
   });
-}, 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);
+}, Z = (e, l) => {
+  const a = e.getTrait(l), o = a.get("category"), s = a.get("subTraits") || {}, c = (Object.values(s).flat() || []).map((b) => b.id || b.name);
   e.removeTrait(c);
-  const u = s[a.getValue()], b = e.getTraitIndex(l) + 1;
-  u && e.addTrait(
-    u.map((d) => ({ category: i, ...d })),
-    { at: b }
+  const d = s[a.getValue()], p = e.getTraitIndex(l) + 1;
+  d && e.addTrait(
+    d.map((b) => ({ category: o, ...b })),
+    { at: p }
   );
-}, ge = (e, l) => {
+}, me = (e, l) => {
   l.forEach((a) => {
-    const i = ce(a);
-    i !== a && e.has(i) && e.set({ [a]: e.get(i), [i]: void 0 });
+    const o = de(a);
+    o !== a && e.has(o) && e.set({ [a]: e.get(o), [o]: void 0 });
   });
-}, v = "swiper", O = `${v}-slide`, A = `${v}-wrapper`, L = `${v}-nav-prev`, $ = `${v}-nav-next`, k = `${v}-pagination`, M = `${v}-scrollbar`, p = {
+}, v = "swiper", O = `${v}-slide`, L = `${v}-wrapper`, A = `${v}-nav-prev`, I = `${v}-nav-next`, k = `${v}-pagination`, M = `${v}-scrollbar`, u = {
   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"/>
@@ -182,20 +208,20 @@ 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>`
-}, K = { id: "swiper-responsive", label: "Responsive", icon: p.responsive }, Z = { id: "swiper-extra", label: "Extra", icon: p.extra }, ye = {
+}, K = { id: "swiper-responsive", label: "Responsive", icon: u.responsive }, Y = { id: "swiper-extra", label: "Extra", icon: u.extra }, Se = {
   actions: {
     type: "radio",
     label: !1,
     labelToTitle: !0,
     options: [
-      { id: "r", label: "Reload slider", icon: p.reload },
-      { id: "p", label: "Previous slide", icon: p.prev },
-      { id: "n", label: "Next slide", icon: p.next },
-      { id: "a", label: "Add new slide", icon: p.add }
+      { id: "r", label: "Reload slider", icon: u.reload },
+      { id: "p", label: "Previous slide", icon: u.prev },
+      { id: "n", label: "Next slide", icon: u.next },
+      { id: "a", label: "Add new slide", icon: u.add }
     ],
     setValue: ({ component: e, value: l }) => {
-      var i;
-      const a = (i = e.getView()) == null ? void 0 : i.getSwiper();
+      var o;
+      const a = (o = e.getView()) == null ? void 0 : o.getSwiper();
       switch (l) {
         case "r":
           e.reloadSlider();
@@ -235,10 +261,10 @@ const E = (e, l) => {
   navigation: {
     type: "checkbox",
     label: "Navigation",
-    getValue: ({ component: e }) => !!e.findFirstType(L),
+    getValue: ({ component: e }) => !!e.findFirstType(A),
     setValue: ({ component: e, value: 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 });
+      var a, o;
+      l ? e.append([{ type: A }, { type: I }]) : ((a = e.findFirstType(A)) == null || a.remove(), (o = e.findFirstType(I)) == null || o.remove()), e.set({ navigation: l });
     }
   },
   initialSlide: {
@@ -256,7 +282,7 @@ const E = (e, l) => {
     value: 300
   },
   effect: {
-    category: { id: "swiper-effect", label: "Effects", icon: p.effect },
+    category: { id: "swiper-effect", label: "Effects", icon: u.effect },
     type: "select",
     label: "Effect Type",
     value: "slide",
@@ -477,7 +503,7 @@ const E = (e, l) => {
     }
   },
   autoplay: {
-    category: { id: "swiper-autoplay", label: "Autoplay", icon: p.autoplay },
+    category: { id: "swiper-autoplay", label: "Autoplay", icon: u.autoplay },
     type: "checkbox",
     label: "Enable Autoplay",
     value: !1,
@@ -537,7 +563,7 @@ const E = (e, l) => {
     }
   },
   pagination: {
-    category: { id: "swiper-pagination", label: "Pagination", icon: p.pagination },
+    category: { id: "swiper-pagination", label: "Pagination", icon: u.pagination },
     type: "select",
     label: "Pagination Type",
     options: [
@@ -580,7 +606,7 @@ const E = (e, l) => {
     }
   },
   scrollbar: {
-    category: { id: "swiper-scrollbar", label: "Scrollbar", icon: p.scrollbar },
+    category: { id: "swiper-scrollbar", label: "Scrollbar", icon: u.scrollbar },
     type: "checkbox",
     label: "Enable Scrollbar",
     getValue: ({ component: e }) => !!e.findFirstType(M),
@@ -610,7 +636,7 @@ const E = (e, l) => {
     }
   },
   parallax: {
-    category: { id: "swiper-parallax", label: "Parallax", icon: p.parallax },
+    category: { id: "swiper-parallax", label: "Parallax", icon: u.parallax },
     type: "checkbox",
     label: "Enable Parallax",
     value: !1
@@ -702,24 +728,24 @@ const E = (e, l) => {
     }
   },
   allowTouchMove: {
-    category: Z,
+    category: Y,
     type: "checkbox",
     label: "Allow touch move",
     tip: "Allow touch interactions",
     value: !0
   },
   grabCursor: {
-    category: Z,
+    category: Y,
     type: "checkbox",
     label: "Grab cursor",
     tip: 'If enabled, the user will see the "grab" cursor when hover the slider',
     value: !1
   }
-}, 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");
+}, X = "Slider", z = "swiper", R = `${z}-`, Pe = (e, l) => {
+  const { Components: a, Blocks: o, Commands: s } = e, { block: f } = l, c = ye(Se), d = "core:preview", p = s.events, b = function(t) {
+    const n = this, w = window, N = n.__onLoad, _ = n.__activeSlide, B = n.__inPreview, $ = w._isEditor && !B ? t.autoplayEditor : !0, { cdnScript: G, cdnStyle: F, slidesPerView: C } = t || {}, r = (m) => isNaN(m) ? void 0 : parseFloat(m), H = () => {
+      const m = n.parentElement;
+      m && (m.style.minWidth = "0");
       const P = {
         loop: t.loop,
         speed: t.speed,
@@ -733,7 +759,7 @@ const E = (e, l) => {
         grabCursor: t.grabCursor,
         simulateTouch: !0,
         breakpoints: {},
-        slidesPerView: isNaN(F) ? F : r(F),
+        slidesPerView: isNaN(C) ? C : r(C),
         slidesPerGroup: r(t.slidesPerGroup),
         spaceBetween: r(t.spaceBetween),
         slidesOffsetBefore: r(t.slidesOffsetBefore),
@@ -765,22 +791,22 @@ const E = (e, l) => {
           slideShadows: t.cardsEffectSlideShadows
         },
         navigation: {
-          nextEl: o.querySelector(".swiper-button-next"),
-          prevEl: o.querySelector(".swiper-button-prev")
+          nextEl: n.querySelector(".swiper-button-next"),
+          prevEl: n.querySelector(".swiper-button-prev")
         },
         pagination: {
           type: t.pagination || "bullets",
           dynamicBullets: t.dynamicBullets,
           clickable: t.clickableBullets,
           progressbarOpposite: t.progressbarOpposite,
-          el: o.querySelector(".swiper-pagination")
+          el: n.querySelector(".swiper-pagination")
         },
         scrollbar: {
-          el: o.querySelector(".swiper-scrollbar"),
+          el: n.querySelector(".swiper-scrollbar"),
           draggable: t.scrollbarDraggable,
           hide: t.scrollbarHide
         },
-        autoplay: t.autoplay && R && {
+        autoplay: t.autoplay && $ && {
           delay: t.autoplayDelay,
           disableOnInteraction: t.autoplayDisableOnInteraction,
           pauseOnMouseEnter: t.autoplayPauseOnMouseEnter,
@@ -790,51 +816,51 @@ const E = (e, l) => {
         }
       };
       if (t.tablet) {
-        const { tabletBreakpoint: T, tabletSlidesPerView: g } = t, h = r(T);
+        const { tabletBreakpoint: T, tabletSlidesPerView: y } = t, h = r(T);
         P.breakpoints[h] = {
-          slidesPerView: isNaN(g) ? g : r(g),
+          slidesPerView: isNaN(y) ? y : r(y),
           slidesPerGroup: r(t.tabletSlidesPerGroup),
           spaceBetween: r(t.tabletSpaceBetween)
         };
       }
       if (t.mobile) {
-        const { mobileBreakpoint: T, mobileSlidesPerView: g } = t, h = r(T);
+        const { mobileBreakpoint: T, mobileSlidesPerView: y } = t, h = r(T);
         P.breakpoints[h] = {
-          slidesPerView: isNaN(g) ? g : r(g),
+          slidesPerView: isNaN(y) ? y : r(y),
           slidesPerGroup: r(t.mobileSlidesPerGroup),
           spaceBetween: r(t.mobileSpaceBetween)
         };
       }
-      N && !B && (P.simulateTouch = !1), C && (P.initialSlide = C);
-      const q = new y.Swiper(o, P);
-      N == null || N(q);
+      N && !B && (P.simulateTouch = !1), _ && (P.initialSlide = _);
+      const W = new w.Swiper(n, P);
+      N == null || N(W);
     };
-    if (y.Swiper)
+    if (w.Swiper)
       H();
     else {
-      const { head: S } = document, P = Array.isArray(I) ? [...I] : [I], q = Array.isArray(W) ? [...W] : [W], T = (h) => {
+      const { head: m } = document, P = Array.isArray(G) ? [...G] : [G], W = Array.isArray(F) ? [...F] : [F], T = (h) => {
         if (h.length) {
-          const w = document.createElement("link");
-          w.href = h.shift(), w.rel = "stylesheet", S.prepend(w), T(h);
+          const S = document.createElement("link");
+          S.href = h.shift(), S.rel = "stylesheet", m.prepend(S), T(h);
         }
-      }, g = (h) => {
+      }, y = (h) => {
         if (h.length) {
-          const w = document.createElement("script");
-          w.src = h.shift(), w.onerror = w.onload = g.bind(null, h), S.appendChild(w);
+          const S = document.createElement("script");
+          S.src = h.shift(), S.onerror = S.onload = y.bind(null, h), m.appendChild(S);
         } else
           H();
       };
-      T(q), g(P);
+      T(W), y(P);
     }
-  }, m = (t = 0) => ({
+  }, g = (t = 0) => ({
     type: O,
     style: { padding: "50px" },
     components: { type: "text", components: { type: "textnode", content: `Slide ${t}` } }
-  }), n = a.getType("default").model;
+  }), i = a.getType("default").model;
   return a.addType(v, {
     block: f && {
-      label: Y,
-      media: p.slider,
+      label: X,
+      media: u.slider,
       category: "Extra",
       select: !0,
       ...l.block
@@ -842,18 +868,18 @@ const E = (e, l) => {
     isComponent: (t) => E(t, z),
     model: {
       defaults: () => ({
-        name: Y,
-        icon: p.slider,
+        name: X,
+        icon: u.slider,
         classes: z,
-        draggable: (t, o) => !o.is(v),
+        draggable: (t, n) => !n.is(v),
         components: [
           {
-            type: A,
-            components: [m(1), m(2), m(3)]
+            type: L,
+            components: [g(1), g(2), g(3)]
           },
           { type: k }
         ],
-        script: d,
+        script: b,
         cdnScript: l.cdnScript,
         cdnStyle: l.cdnStyle,
         "script-props": ["cdnScript", "cdnStyle", ...c.propKeys],
@@ -862,7 +888,7 @@ const E = (e, l) => {
       }),
       init() {
         const { em: t } = this;
-        me(this, c.traits), ge(this, c.propKeys), this.listenTo(t, `${b.runCommand}${u}`, this.onPreviewOn), this.listenTo(t, `${b.stopCommand}${u}`, this.onPreviewOff);
+        we(this, c.traits), me(this, c.propKeys), this.listenTo(t, `${p.runCommand}${d}`, this.onPreviewOn), this.listenTo(t, `${p.stopCommand}${d}`, this.onPreviewOff);
       },
       onPreviewOn() {
         this.__inPreview = !0, this.reloadSlider();
@@ -874,20 +900,20 @@ const E = (e, l) => {
         this.trigger("rerender");
       },
       addSlide() {
-        const t = this.findFirstType(A);
+        const t = this.findFirstType(L);
         t == null || t.append(this.getNewSlideComponentDef());
       },
       getNewSlideComponentDef() {
-        var o;
-        const t = ((o = this.findFirstType(A)) == null ? void 0 : o.components().length) || 0;
+        var n;
+        const t = ((n = this.findFirstType(L)) == null ? void 0 : n.components().length) || 0;
         return {
           type: O,
           components: { type: "text", components: { type: "textnode", content: `Slide ${t + 1}` } }
         };
       },
       toJSON(...t) {
-        const o = n.prototype.toJSON.apply(this, t);
-        return c.propsNoValues.forEach((y) => delete o[y]), delete o["script-props"], o;
+        const n = i.prototype.toJSON.apply(this, t);
+        return c.propsNoValues.forEach((w) => delete n[w]), delete n["script-props"], n;
       }
     },
     view: {
@@ -903,14 +929,14 @@ const E = (e, l) => {
       },
       onRender() {
         const t = this.el;
-        t.__onLoad = (o) => o.on("slideChange", () => this.__activeSlide = o.activeIndex), t.__activeSlide = this.__activeSlide, t.__inPreview = this.model.__inPreview;
+        t.__onLoad = (n) => n.on("slideChange", () => this.__activeSlide = n.activeIndex), t.__activeSlide = this.__activeSlide, t.__inPreview = this.model.__inPreview;
       }
     }
   }), () => {
-    a.removeType(v), i.remove(v);
+    a.removeType(v), o.remove(v);
   };
-}, we = "Nav Prev", Pe = "Nav Next", V = `${_}button-prev`, D = `${_}button-next`, Ee = (e) => {
-  const { Components: l } = e, a = (i) => ({
+}, Ee = "Nav Prev", Te = "Nav Next", D = `${R}button-prev`, V = `${R}button-next`, xe = (e) => {
+  const { Components: l } = e, a = (o) => ({
     type: "svg",
     selectable: !1,
     hoverable: !1,
@@ -918,15 +944,15 @@ const E = (e, l) => {
     components: {
       type: "svg-in",
       tagName: "path",
-      attributes: { d: i, fill: "currentColor" }
+      attributes: { d: o, fill: "currentColor" }
     }
   });
-  return l.addType(L, {
-    isComponent: (i) => E(i, V),
+  return l.addType(A, {
+    isComponent: (o) => E(o, D),
     model: {
       defaults: {
-        name: we,
-        classes: V,
+        name: Ee,
+        classes: D,
         copyable: !1,
         highlightable: !1,
         droppable: !1,
@@ -936,40 +962,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: `
-          .${V} {
+          .${D} {
             color: inherit;
           }
-          .${V}:after {
+          .${D}:after {
             content: none;
           }
         `
       }
     }
-  }), l.addType($, {
-    extend: L,
-    isComponent: (i) => E(i, D),
+  }), l.addType(I, {
+    extend: A,
+    isComponent: (o) => E(o, V),
     model: {
       defaults: {
-        name: Pe,
-        classes: D,
+        name: Te,
+        classes: V,
         components: a("M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z"),
         styles: `
-          .${D} {
+          .${V} {
             color: inherit;
           }
-          .${D}:after {
+          .${V}:after {
             content: none;
           }
         `
       }
     }
   }), () => {
-    l.removeType(L), l.removeType($);
+    l.removeType(A), l.removeType(I);
   };
-}, Te = (e) => {
-  const { Components: l } = e, a = `${_}pagination`;
+}, Le = (e) => {
+  const { Components: l } = e, a = `${R}pagination`;
   return l.addType(k, {
-    isComponent: (i) => E(i, a),
+    isComponent: (o) => E(o, a),
     model: {
       defaults: {
         name: "Pagination",
@@ -994,14 +1020,14 @@ const E = (e, l) => {
   }), () => {
     l.removeType(k);
   };
-}, xe = "Scrollbar", X = `${_}scrollbar`, Ae = (e) => {
+}, Ae = "Scrollbar", J = `${R}scrollbar`, ke = (e) => {
   const { Components: l } = e;
   return l.addType(M, {
-    isComponent: (a) => E(a, X),
+    isComponent: (a) => E(a, J),
     model: {
       defaults: {
-        name: xe,
-        classes: X,
+        name: Ae,
+        classes: J,
         copyable: !1,
         highlightable: !1,
         removable: !1,
@@ -1015,81 +1041,81 @@ const E = (e, l) => {
   }), () => {
     l.removeType(M);
   };
-}, Le = "Slide", J = `${_}slide`, ke = (e) => {
+}, Re = "Slide", Q = `${R}slide`, Ne = (e) => {
   const { Components: l } = e;
   return l.addType(O, {
-    isComponent: (a) => E(a, J),
+    isComponent: (a) => E(a, Q),
     model: {
       defaults: {
-        name: Le,
-        classes: J,
-        icon: p.slider,
-        draggable: (a, i) => i.is(A)
+        name: Re,
+        classes: Q,
+        icon: u.slider,
+        draggable: (a, o) => o.is(L)
       }
       // TODO VIEW slide to this slide when selected
     }
   }), () => {
     l.removeType(O);
   };
-}, _e = "Wrapper", Q = `${_}wrapper`, Ne = (e) => {
+}, _e = "Wrapper", ee = `${R}wrapper`, Me = (e) => {
   const { Components: l } = e, { events: a } = l;
-  return l.addType(A, {
-    isComponent: (i) => E(i, Q),
+  return l.addType(L, {
+    isComponent: (o) => E(o, ee),
     model: {
       defaults: {
         name: _e,
-        icon: p.slider,
-        classes: Q,
+        icon: u.slider,
+        classes: ee,
         copyable: !1,
         removable: !1,
         draggable: !1,
         highlightable: !1,
-        droppable: (i) => i.is(O)
+        droppable: (o) => o.is(O)
       },
       init() {
-        const i = this.components();
-        this.listenTo(i, "add remove", this.updateSlider);
+        const o = this.components();
+        this.listenTo(o, "add remove", this.updateSlider);
       },
-      updateSlider(i) {
+      updateSlider(o) {
         const s = this.closestType(v);
         if (s) {
           const f = s.getView();
           s.reloadSlider(), this.em.once(a.scriptMount, () => {
             setTimeout(() => {
               var c;
-              return (c = f.getSwiper()) == null ? void 0 : c.slideTo(i.index());
+              return (c = f.getSwiper()) == null ? void 0 : c.slideTo(o.index());
             }, 100);
           });
         }
       }
     }
   }), () => {
-    l.removeType(A);
+    l.removeType(L);
   };
-}, Ce = "swiperComponent", Me = x.startup, Oe = function(e, l = {}) {
+}, Oe = "swiperComponent", Be = x.startup, De = 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
-  }, i = [
-    Se(e, a),
-    Ee(e),
+  }, o = [
+    Pe(e, a),
+    xe(e),
+    Me(e),
     Ne(e),
-    ke(e),
-    Te(e),
-    Ae(e)
+    Le(e),
+    ke(e)
   ];
-  fe({
+  ge({
     editor: e,
-    plan: Me,
+    plan: Be,
     licenseKey: a.licenseKey,
-    pluginName: Ce,
+    pluginName: Oe,
     cleanup: () => {
-      i.forEach((s) => s());
+      o.forEach((s) => s());
     }
   });
-}, Be = be(Oe);
+}, Ve = fe(De);
 export {
-  Be as default
+  Ve as default
 };