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

package/dist/shapeDividerComponent/index.es.js

@@ -1,8 +1,8 @@
-const B = "app.grapesjs.com", H = "app-stage.grapesjs.com", L = "app2.grapesjs.com", S = "app-stage2.grapesjs.com", $ = [
-  B,
-  L,
+const H = "app.grapesjs.com", T = "app-stage.grapesjs.com", R = "app2.grapesjs.com", L = "app-stage2.grapesjs.com", z = [
   H,
-  S,
+  R,
+  T,
+  L,
   "localhost",
   "127.0.0.1",
   ".local-credentialless.webcontainer.io",
@@ -11,102 +11,107 @@ const B = "app.grapesjs.com", H = "app-stage.grapesjs.com", L = "app2.grapesjs.c
   // For stackblitz.com demos
   "-sandpack.codesandbox.io"
   // For Sandpack demos
-], k = "license:check:start", E = "license:check:end", I = () => typeof window < "u", P = ({ isDev: e, isStage: a }) => `${e ? "" : `https://${a ? H : B}`}/api`, N = () => {
-  const e = I() && window.location.hostname;
-  return !!e && ($.includes(e) || $.some((a) => e.endsWith(a)));
+], E = "license:check:start", I = "license:check:end", P = () => typeof window < "u", N = ({
+  isDev: e,
+  isStage: i,
+  isPlatform: l
+}) => `${e ? "" : `https://${i ? T : H}`}/${l ? "platform-api" : "api"}`, k = () => {
+  const e = P() && window.location.hostname;
+  return !!e && (z.includes(e) || z.some((i) => e.endsWith(i)));
 };
 async function D({
   path: e,
-  baseApiUrl: a,
-  method: i = "GET",
-  headers: o = {},
-  params: p,
-  body: n
+  baseApiUrl: i,
+  method: l = "GET",
+  headers: c = {},
+  params: n,
+  body: o
 }) {
-  const d = `${a || P({ isDev: !1, isStage: !1 })}${e}`, s = {
-    method: i,
+  const v = `${i || N({ isDev: !1, isStage: !1 })}${e}`, t = {
+    method: l,
     headers: {
       "Content-Type": "application/json",
-      ...o
+      ...c
     }
   };
-  n && (s.body = JSON.stringify(n));
-  const r = p ? new URLSearchParams(p).toString() : "", l = r ? `?${r}` : "", v = await fetch(`${d}${l}`, s);
-  if (!v.ok)
-    throw new Error(`HTTP error! status: ${v.status}`);
-  return v.json();
+  o && (t.body = JSON.stringify(o));
+  const r = n ? new URLSearchParams(n).toString() : "", g = r ? `?${r}` : "", s = await fetch(`${v}${g}`, t);
+  if (!s.ok)
+    throw new Error(`HTTP error! status: ${s.status}`);
+  return s.json();
 }
 var w = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(w || {});
-const z = {
+const C = {
   [w.free]: 0,
   [w.startup]: 10,
   [w.business]: 20,
   [w.enterprise]: 30
 };
 function W(e) {
-  const a = e;
-  return a.init = (i) => (o) => e(o, i), a;
+  const i = e;
+  return i.init = (l) => (c) => e(c, l), i;
 }
 const _ = (e) => /* @__PURE__ */ W(e);
 async function U({
   editor: e,
-  plan: a,
-  pluginName: i,
-  licenseKey: o,
-  cleanup: p
+  plan: i,
+  pluginName: l,
+  licenseKey: c,
+  onLicenseCheckResponse: n,
+  cleanup: o
 }) {
-  let n = "", c = !1;
-  const d = N(), s = (l) => {
-    console.warn("Cleanup plugin:", i, "Reason:", l), p();
-  }, r = (l = {}) => {
-    var b;
-    const { error: v, sdkLicense: A } = l, g = (b = l.plan) == null ? void 0 : b.category;
-    if (!(A || l.license) || v)
-      s(v || "Invalid license");
-    else if (g) {
-      const m = z[a], C = z[g];
-      m > C && s({ pluginRequiredPlan: a, licensePlan: g });
+  let p = "", v = !1;
+  const t = k(), r = (s) => {
+    console.warn("Cleanup plugin:", l, "Reason:", s), o();
+  }, g = (s = {}) => {
+    var y;
+    const { error: m, sdkLicense: b } = s, f = (y = s.plan) == null ? void 0 : y.category;
+    if (!(b || s.license) || m)
+      r(m || "Invalid license");
+    else if (f) {
+      const M = C[i], V = C[f];
+      M > V && r({ pluginRequiredPlan: i, licensePlan: f });
     }
   };
-  e.on(k, (l) => {
-    n = l == null ? void 0 : l.baseApiUrl, c = !0;
-  }), e.on(E, (l) => {
-    r(l);
+  e.on(E, (s) => {
+    p = s == null ? void 0 : s.baseApiUrl, v = !0;
+  }), e.on(I, (s) => {
+    n == null || n(s), g(s);
   }), setTimeout(async () => {
-    if (!c) {
-      if (d) return;
-      if (o) {
-        const l = await F({ licenseKey: o, pluginName: i, baseApiUrl: n });
-        l && r(l);
+    if (!v) {
+      if (t) return;
+      if (c) {
+        const s = await F({ licenseKey: c, pluginName: l, baseApiUrl: p });
+        n == null || n(s), s && g(s);
       } else
-        s("The `licenseKey` option not provided");
+        r("The `licenseKey` option not provided");
     }
   }, 2e3);
 }
 async function F(e) {
-  const { licenseKey: a, pluginName: i, baseApiUrl: o } = e;
+  const { licenseKey: i, pluginName: l, baseApiUrl: c } = e;
   try {
     return (await D({
-      baseApiUrl: o,
-      path: `/sdk/${a || "na"}`,
+      baseApiUrl: c,
+      path: `/sdk/${i || "na"}`,
       method: "POST",
       params: {
         d: window.location.hostname,
-        pn: i
+        pn: l
       }
     })).result || {};
-  } catch (p) {
-    return console.error("Error during SDK license check:", p), !1;
+  } catch (n) {
+    return console.error("Error during SDK license check:", n), !1;
   }
 }
-const O = (e, a) => {
-  var i;
-  return !!((i = e == null ? void 0 : e.classList) != null && i.contains(a));
-}, x = (e) => (a) => {
-  var i;
-  return ((i = a.getAttribute) == null ? void 0 : i.call(a, M)) === e;
-}, R = "gjs-plg-", M = "data-type-role", Y = "shapeDividerComponent", K = w.startup, j = function(e, a = {}) {
-  const { Components: i, Blocks: o, Selectors: p } = e, n = "shape-divider", c = `${n}-cnt`, d = `${R}${n}`, s = `${R}${c}`, r = [
+const O = (e, i) => {
+  var l;
+  return !!((l = e == null ? void 0 : e.classList) != null && l.contains(i));
+}, x = (e) => (i) => {
+  var l;
+  return ((l = i.getAttribute) == null ? void 0 : l.call(i, $)) === e;
+}, B = "gjs-plg-", $ = "data-type-role", Y = "shapeDividerComponent", K = w.startup, j = function(e, i = {}) {
+  const { Components: l, Blocks: c, Selectors: n } = e, o = "shape-divider", p = `${o}-cnt`, v = `${B}${o}`, t = `${B}${p}`, r = [
     {
       id: "tilt",
       label: "Tilt",
@@ -126,7 +131,7 @@ const O = (e, a) => {
     {
       id: "triangle",
       label: "Trinagle",
-      value: `<svg class="${s}-inv" preserveAspectRatio="none" viewBox="0 0 1200 120">
+      value: `<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 1200 120">
               <path d="M1200 0L0 0 598.97 114.72 1200 0z"/>
           </svg>`
     },
@@ -140,7 +145,7 @@ const O = (e, a) => {
     {
       id: "triangle-asy",
       label: "Trinagle asymmetrical",
-      value: `<svg class="${s}-inv" preserveAspectRatio="none" viewBox="0 0 1200 120">
+      value: `<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 1200 120">
               <path d="M1200 0L0 0 892.25 114.72 1200 0z"></path>
           </svg>`
     },
@@ -154,21 +159,21 @@ const O = (e, a) => {
     {
       id: "book-inv",
       label: "Book inverted",
-      value: `<svg class="${s}-inv" preserveAspectRatio="none" viewBox="0 0 1200 120">
+      value: `<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 1200 120">
               <path d="M1200,0H0V120H281.94C572.9,116.24,602.45,3.86,602.45,3.86h0S632,116.24,923,120h277Z" ></path>
           </svg>`
     },
     {
       id: "hills",
       label: "Hills",
-      value: `<svg class="${s}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
+      value: `<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
               <path d="M0 0v14.2a49 49 0 0110.3-2.7c17.5-2.8 24.4 6 43.5 11.1 26.8 7.2 39.3-19.2 63.4-19.2 22.6 0 40.4 27 65 18.6 14.7-5 19-14 39.9-17.6 7-1.3 13-1.8 17.9-1V0"/>
           </svg>`
     },
     {
       id: "hills-split",
       label: "Hills split",
-      value: `<svg class="${s}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
+      value: `<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
               <path d="M0 0v14.2a49 49 0 0110.3-2.7c17.5-2.8 24.4 6 43.5 11.1 26.8 7.2 39.3-19.2 63.4-19.2 22.6 0 40.4 27 65 18.6 14.7-5 19-14 39.9-17.6 7-1.3 13-1.8 17.9-1V0"/>
               <path fill-opacity=".3" d="M0 0v18.1a49 49 0 0115.9-4.9c17-2.3 23.8 5.2 42.5 9.7C84.5 29 96.6 6.3 120 6.3c22.1 0 39.5 23.3 63.6 16 14.2-4.3 18.5-12 38.8-15.2A62.3 62.3 0 01240 6V0"/>
               <path fill-opacity=".3" d="M0 0v13.4c3.8-.8 7.6-1.4 10.3-1.8 17.3-2.8 24.4 6 47.2 11.1 32 7.2 35-18.1 60.7-18.1 24.1 0 45.2 23 67.4 14.6 13.2-5 19-13.7 39.4-17.4 5.5-1 10.4-1.5 15-1.3V0"/>
@@ -193,14 +198,14 @@ const O = (e, a) => {
     {
       id: "high-hills",
       label: "High hills",
-      value: `<svg class="${s}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
+      value: `<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
               <path d="M240 0H0v23.5c4.3.5 15.5 1.2 30.2-.9 20.1-2.8 32.1-6.2 51.3-6.3 20 0 39 3.4 63.8 1 24.8-2.2 42.9-15 94.7-15"/>
           </svg>`
     },
     {
       id: "high-hills-split",
       label: "High hills split",
-      value: `<svg class="${s}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
+      value: `<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
               <path fill-opacity=".3" d="M240 0H0v23.5c4.3.5 15.5 1.2 30.2-.9 20.1-2.8 32.1-6.2 51.3-6.3 20 0 39 3.4 63.8 1 24.8-2.2 42.9-15 94.7-15"/>
               <path fill-opacity=".3" d="M240 0H0v23.4c4.3.4 15.5 1.2 30.2-1 20.1-3.1 32.1-6.9 51.3-7 20 0 39 6 63.8 3.4C170 16.3 188.2 4 240 4"/>
               <path d="M0 23.3c4.3.5 15.5 1.3 30.2-1 20.1-3 32.1-6.8 51.3-7 20 0 39 3.8 63.8 1.2C170 14 188.2 0 240 0H0v23.3z"/>
@@ -225,14 +230,14 @@ const O = (e, a) => {
     {
       id: "pit",
       label: "Pit",
-      value: `<svg class="${s}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
+      value: `<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
               <path d="M240 24V0H0v24S47.9 5.1 119.8 5.1C191.8 5.1 240 24 240 24z"/>
           </svg>`
     },
     {
       id: "pit-split",
       label: "Pit split",
-      value: `<svg class="${s}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
+      value: `<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
               <path fill-opacity=".3" d="M240 24V0H0v24S47.9 5.1 119.8 5.1C191.8 5.1 240 24 240 24z"/>
               <path fill-opacity=".3" d="M119.8 2.7c55.6 0 98.5 10 120.2 16.2V0H0v18.9A434.6 434.6 0 01119.8 2.7z"/>
               <path d="M119.8.1A541 541 0 01240 13.4V0H0v13.3A538.9 538.9 0 01119.8.1z"/>
@@ -257,14 +262,14 @@ const O = (e, a) => {
     {
       id: "windy-waves",
       label: "Windy waves",
-      value: `<svg class="${s}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
+      value: `<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
               <path d="M0 0v18C21.5 7 49.6 2.2 64.8 6.4 82 11.2 75.4 25.2 91.7 23.9c14.2-1.1 25.8-12.3 40-12.3 10.4 0 7.8 6 18.8 6.9 11.5.8 21.6-5 37.2-9 19.9-5 42.1-5.3 52.3 0V0H0z"/>
           </svg>`
     },
     {
       id: "windy-waves-split",
       label: "Windy waves split",
-      value: `<svg class="${s}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
+      value: `<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
               <path d="M0 0v14.9C21.6 4.7 57.5 0 71 4.3c16 4.8 9.6 19.3 26 18 14.5-1 25.5-13 40.5-12.9 11 0 10.1 6.6 21.7 7.5 12.1 1 17-7 36-11.4 17.6-4.2 33.4-6.1 44.8-5V0H0z"/>
               <path fill-opacity=".3" d="M0 16.7C19.2 5.9 55.8 1 70 5 86 10 78.4 24 94.1 22.8c14-1 27.8-12.7 42.4-12.7 10.7 0 9.1 6.5 20.5 7.4 11.9.9 16.8-6.8 34.8-11.2 19.8-4.8 36.9-5 48.1-1.7V0H0"/>
               <path fill-opacity=".3" d="M0 0v18C21.5 7 49.6 2.2 64.8 6.4 82 11.2 75.4 25.2 91.7 23.9c14.2-1.1 25.8-12.3 40-12.3 10.4 0 7.8 6 18.8 6.9 11.5.8 21.6-5 37.2-9 19.9-5 42.1-5.3 52.3 0V0H0z"/>
@@ -273,11 +278,11 @@ const O = (e, a) => {
     {
       id: "zigzag",
       label: "Zigzag",
-      value: `<svg class="${s}-inv" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1000 38">
+      value: `<svg class="${t}-inv" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1000 38">
               <path d="M75 38l25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25V.0H0V13l25 25 25-25z"/>
           </svg>`
     }
-  ], l = {
+  ], g = {
     tl: !1,
     tc: !1,
     tr: !1,
@@ -286,16 +291,16 @@ const O = (e, a) => {
     bl: !1,
     bc: !1,
     br: !1
-  }, v = { ...l, bc: !0 }, A = { ...l, tc: !0 }, g = "shape", y = "flip-y", b = "flip-x", m = "Shape Divider", C = `<svg viewBox="0 0 22 22">
+  }, s = { ...g, bc: !0 }, m = { ...g, tc: !0 }, b = "shape", f = "flip-y", A = "flip-x", y = "Shape Divider", M = `<svg viewBox="0 0 22 22">
         <path fill="currentColor" d="M2 2v18h18V2H2zm0-2h18a2 2 0 012 2v18a2 2 0 01-2 2H2a2 2 0 01-2-2V2C0 .9.9 0 2 0zM1 13L2 0h18l1 9-20 4z"/>
-      </svg>`, { block: V = {} } = a;
-  e.on(p.events.add, (t) => {
-    t.getFullName().startsWith(`.${d}`) && t.set({ private: !0 });
-  }), i.addType(n, {
-    isComponent: (t) => x(n)(t) || O(t, d),
+      </svg>`, { block: V = {} } = i;
+  e.on(n.events.add, (a) => {
+    a.getFullName().startsWith(`.${v}`) && a.set({ private: !0 });
+  }), l.addType(o, {
+    isComponent: (a) => x(o)(a) || O(a, v),
     block: V && {
-      label: m,
-      media: C,
+      label: y,
+      media: M,
       category: "Extra",
       select: !0,
       ...V
@@ -304,13 +309,13 @@ const O = (e, a) => {
       defaults: {
         droppable: !1,
         highlightable: !1,
-        classes: d,
-        attributes: { [M]: n },
-        components: { type: c },
-        styles: `.${d} { position: relative; }`,
+        classes: v,
+        attributes: { [$]: o },
+        components: { type: p },
+        styles: `.${v} { position: relative; }`,
         delegate: {
-          select: (t) => t.findFirstType(c),
-          layer: (t) => t.findFirstType(c)
+          select: (a) => a.findFirstType(p),
+          layer: (a) => a.findFirstType(p)
         }
       }
     },
@@ -319,106 +324,106 @@ const O = (e, a) => {
         this.el.style.height = "1px";
       }
     }
-  }), i.addType(c, {
-    isComponent: x(c),
+  }), l.addType(p, {
+    isComponent: x(p),
     model: {
       defaults: {
         droppable: !1,
         highlightable: !1,
-        classes: s,
+        classes: t,
         emptyState: !0,
-        icon: C,
-        name: m,
+        icon: M,
+        name: y,
         delegate: {
-          remove: (t) => t.parent(),
-          move: (t) => t.parent(),
-          copy: (t) => t.parent()
+          remove: (a) => a.parent(),
+          move: (a) => a.parent(),
+          copy: (a) => a.parent()
         },
-        attributes: { [M]: c },
-        [g]: r[0].id,
-        resizable: v,
+        attributes: { [$]: p },
+        [b]: r[0].id,
+        resizable: s,
         stylable: ["height", "width", "color"],
         styles: `
-          .${s} {
+          .${t} {
               position: absolute;
               width: 100%;
               height: 100px;
               color: black;
               overflow: hidden;
           }
-          .${s} > svg {
+          .${t} > svg {
               height: 100%;
               width: 100%;
               transform: scaleY(-1);
           }
-          .${s}--fl-v {
+          .${t}--fl-v {
               transform: translateY(-100%);
           }
-          .${s}--fl-v-h {
+          .${t}--fl-v-h {
               transform: translateY(-100%);
           }
-          .${s}--fl-v > svg {
+          .${t}--fl-v > svg {
               transform: scaleY(1);
           }
-          .${s}--fl-h > svg {
+          .${t}--fl-h > svg {
               transform: scaleX(-1) scaleY(-1);
           }
-          .${s}--fl-v-h > svg {
+          .${t}--fl-v-h > svg {
               transform: scaleY(1) scaleX(-1);
           }
-          .${s} > svg > path {
+          .${t} > svg > path {
               fill: currentColor;
           }
-          .${s}-inv > path {
+          .${t}-inv > path {
               transform: scale(-1, -1) translate(-100%, -100%);
           }
           `,
         traits: [
           {
             type: "select",
-            name: g,
+            name: b,
             label: "Shape",
             changeProp: !0,
-            options: r.map(({ id: t, label: u, value: h }) => ({
-              id: t,
-              label: u,
+            options: r.map(({ id: a, label: d, value: h }) => ({
+              id: a,
+              label: d,
               icon: { icon: h.replace("<svg ", '<svg style="width: 35px; height: 7px; fill: currentColor;"') }
             }))
           },
           {
             type: "checkbox",
-            name: y,
+            name: f,
             label: "Flip vertically",
             changeProp: !0
           },
           {
             type: "checkbox",
-            name: b,
+            name: A,
             label: "flip horizontally",
             changeProp: !0
           }
         ]
       },
       init() {
-        this.on(`change:${g}`, this.onShapeChange), this.on(`change:${b} change:${y}`, this.onFlip), this.onShapeChange();
+        this.on(`change:${b}`, this.onShapeChange), this.on(`change:${A} change:${f}`, this.onFlip), this.onShapeChange();
       },
       onShapeChange() {
-        const t = this.get(g), u = r.find((f) => f.id === t), h = (u == null ? void 0 : u.value) || this.getInnerHTML().trim();
+        const a = this.get(b), d = r.find((u) => u.id === a), h = (d == null ? void 0 : d.value) || this.getInnerHTML().trim();
         this.components(""), h && this.set("content", h);
       },
       onFlip() {
-        const t = this.get(y), u = this.get(b), h = ["fl-v", "fl-h", "fl-v-h"].map((T) => `${s}--${T}`);
-        let f;
-        t && u ? f = h[2] : u ? f = h[1] : t && (f = h[0]), this.removeClass(h), f && this.addClass(f), this.set("resizable", t ? A : v);
+        const a = this.get(f), d = this.get(A), h = ["fl-v", "fl-h", "fl-v-h"].map((S) => `${t}--${S}`);
+        let u;
+        a && d ? u = h[2] : d ? u = h[1] : a && (u = h[0]), this.removeClass(h), u && this.addClass(u), this.set("resizable", a ? m : s);
       }
     }
   }), U({
     editor: e,
-    licenseKey: a.licenseKey,
+    licenseKey: i.licenseKey,
     plan: K,
     pluginName: Y,
     cleanup: () => {
-      i.removeType(n), o.remove(n);
+      l.removeType(o), c.remove(o);
     }
   });
 }, G = _(j);

package/dist/shapeDividerComponent/index.umd.js

@@ -1,22 +1,22 @@
-(function(b,m){typeof exports=="object"&&typeof module<"u"?module.exports=m():typeof define=="function"&&define.amd?define(m):(b=typeof globalThis<"u"?globalThis:b||self,b.StudioSdkPlugins_shapeDividerComponent=m())})(this,function(){"use strict";const b="app.grapesjs.com",m="app-stage.grapesjs.com",z=[b,"app2.grapesjs.com",m,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],H="license:check:start",L="license:check:end",S=()=>typeof window<"u",k=({isDev:e,isStage:i})=>`${e?"":`https://${i?m:b}`}/api`,I=()=>{const e=S()&&window.location.hostname;return!!e&&(z.includes(e)||z.some(i=>e.endsWith(i)))};async function P({path:e,baseApiUrl:i,method:a="GET",headers:o={},params:p,body:n}){const d=`${i||k({isDev:!1,isStage:!1})}${e}`,s={method:a,headers:{"Content-Type":"application/json",...o}};n&&(s.body=JSON.stringify(n));const r=p?new URLSearchParams(p).toString():"",l=r?`?${r}`:"",v=await fetch(`${d}${l}`,s);if(!v.ok)throw new Error(`HTTP error! status: ${v.status}`);return v.json()}var y=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(y||{});const x={[y.free]:0,[y.startup]:10,[y.business]:20,[y.enterprise]:30};function E(e){const i=e;return i.init=a=>o=>e(o,a),i}const D=e=>E(e);async function N({editor:e,plan:i,pluginName:a,licenseKey:o,cleanup:p}){let n="",c=!1;const d=I(),s=l=>{console.warn("Cleanup plugin:",a,"Reason:",l),p()},r=(l={})=>{var w;const{error:v,sdkLicense:$}=l,g=(w=l.plan)==null?void 0:w.category;if(!($||l.license)||v)s(v||"Invalid license");else if(g){const A=x[i],M=x[g];A>M&&s({pluginRequiredPlan:i,licensePlan:g})}};e.on(H,l=>{n=l==null?void 0:l.baseApiUrl,c=!0}),e.on(L,l=>{r(l)}),setTimeout(async()=>{if(!c){if(d)return;if(o){const l=await _({licenseKey:o,pluginName:a,baseApiUrl:n});l&&r(l)}else s("The `licenseKey` option not provided")}},2e3)}async function _(e){const{licenseKey:i,pluginName:a,baseApiUrl:o}=e;try{return(await P({baseApiUrl:o,path:`/sdk/${i||"na"}`,method:"POST",params:{d:window.location.hostname,pn:a}})).result||{}}catch(p){return console.error("Error during SDK license check:",p),!1}}const O=(e,i)=>{var a;return!!((a=e==null?void 0:e.classList)!=null&&a.contains(i))},R=e=>i=>{var a;return((a=i.getAttribute)==null?void 0:a.call(i,V))===e},T="gjs-plg-",V="data-type-role",W="shapeDividerComponent",U=y.startup;return D(function(e,i={}){const{Components:a,Blocks:o,Selectors:p}=e,n="shape-divider",c=`${n}-cnt`,d=`${T}${n}`,s=`${T}${c}`,r=[{id:"tilt",label:"Tilt",value:`<svg preserveAspectRatio="none" viewBox="0 0 240 24">
+(function(b,m){typeof exports=="object"&&typeof module<"u"?module.exports=m():typeof define=="function"&&define.amd?define(m):(b=typeof globalThis<"u"?globalThis:b||self,b.StudioSdkPlugins_shapeDividerComponent=m())})(this,function(){"use strict";const b="app.grapesjs.com",m="app-stage.grapesjs.com",x=[b,"app2.grapesjs.com",m,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],S="license:check:start",R="license:check:end",I=()=>typeof window<"u",P=({isDev:e,isStage:a,isPlatform:l})=>`${e?"":`https://${a?m:b}`}/${l?"platform-api":"api"}`,E=()=>{const e=I()&&window.location.hostname;return!!e&&(x.includes(e)||x.some(a=>e.endsWith(a)))};async function L({path:e,baseApiUrl:a,method:l="GET",headers:c={},params:n,body:o}){const v=`${a||P({isDev:!1,isStage:!1})}${e}`,t={method:l,headers:{"Content-Type":"application/json",...c}};o&&(t.body=JSON.stringify(o));const r=n?new URLSearchParams(n).toString():"",g=r?`?${r}`:"",s=await fetch(`${v}${g}`,t);if(!s.ok)throw new Error(`HTTP error! status: ${s.status}`);return s.json()}var y=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(y||{});const T={[y.free]:0,[y.startup]:10,[y.business]:20,[y.enterprise]:30};function D(e){const a=e;return a.init=l=>c=>e(c,l),a}const N=e=>D(e);async function _({editor:e,plan:a,pluginName:l,licenseKey:c,onLicenseCheckResponse:n,cleanup:o}){let p="",v=!1;const t=E(),r=s=>{console.warn("Cleanup plugin:",l,"Reason:",s),o()},g=(s={})=>{var A;const{error:M,sdkLicense:w}=s,u=(A=s.plan)==null?void 0:A.category;if(!(w||s.license)||M)r(M||"Invalid license");else if(u){const $=T[a],z=T[u];$>z&&r({pluginRequiredPlan:a,licensePlan:u})}};e.on(S,s=>{p=s==null?void 0:s.baseApiUrl,v=!0}),e.on(R,s=>{n==null||n(s),g(s)}),setTimeout(async()=>{if(!v){if(t)return;if(c){const s=await k({licenseKey:c,pluginName:l,baseApiUrl:p});n==null||n(s),s&&g(s)}else r("The `licenseKey` option not provided")}},2e3)}async function k(e){const{licenseKey:a,pluginName:l,baseApiUrl:c}=e;try{return(await L({baseApiUrl:c,path:`/sdk/${a||"na"}`,method:"POST",params:{d:window.location.hostname,pn:l}})).result||{}}catch(n){return console.error("Error during SDK license check:",n),!1}}const O=(e,a)=>{var l;return!!((l=e==null?void 0:e.classList)!=null&&l.contains(a))},B=e=>a=>{var l;return((l=a.getAttribute)==null?void 0:l.call(a,C))===e},H="gjs-plg-",C="data-type-role",W="shapeDividerComponent",U=y.startup;return N(function(e,a={}){const{Components:l,Blocks:c,Selectors:n}=e,o="shape-divider",p=`${o}-cnt`,v=`${H}${o}`,t=`${H}${p}`,r=[{id:"tilt",label:"Tilt",value:`<svg preserveAspectRatio="none" viewBox="0 0 240 24">
               <path d="M240 24V0L0 24h240z"/>
           </svg>`},{id:"tilt-split",label:"Tilt split",value:`<svg preserveAspectRatio="none" viewBox="0 0 240 24">
               <path fill-opacity=".3" d="M240 24V0L0 24h240z"/>
               <path d="M240 24V3.7L0 24h240z"/>
               <path fill-opacity=".3" d="M240 24V2L0 24h240z"/>
-          </svg>`},{id:"triangle",label:"Trinagle",value:`<svg class="${s}-inv" preserveAspectRatio="none" viewBox="0 0 1200 120">
+          </svg>`},{id:"triangle",label:"Trinagle",value:`<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 1200 120">
               <path d="M1200 0L0 0 598.97 114.72 1200 0z"/>
           </svg>`},{id:"triangle-inv",label:"Trinagle inverted",value:`<svg preserveAspectRatio="none" viewBox="0 0 1200 120">
               <path d="M598.97 114.72L0 0 0 120 1200 120 1200 0 598.97 114.72z"></path>
-          </svg>`},{id:"triangle-asy",label:"Trinagle asymmetrical",value:`<svg class="${s}-inv" preserveAspectRatio="none" viewBox="0 0 1200 120">
+          </svg>`},{id:"triangle-asy",label:"Trinagle asymmetrical",value:`<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 1200 120">
               <path d="M1200 0L0 0 892.25 114.72 1200 0z"></path>
           </svg>`},{id:"book",label:"Book",value:`<svg preserveAspectRatio="none" viewBox="0 0 1200 120">
               <path d="M602.45,3.86h0S572.9,116.24,281.94,120H923C632,116.24,602.45,3.86,602.45,3.86Z"></path>
-          </svg>`},{id:"book-inv",label:"Book inverted",value:`<svg class="${s}-inv" preserveAspectRatio="none" viewBox="0 0 1200 120">
+          </svg>`},{id:"book-inv",label:"Book inverted",value:`<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 1200 120">
               <path d="M1200,0H0V120H281.94C572.9,116.24,602.45,3.86,602.45,3.86h0S632,116.24,923,120h277Z" ></path>
-          </svg>`},{id:"hills",label:"Hills",value:`<svg class="${s}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
+          </svg>`},{id:"hills",label:"Hills",value:`<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
               <path d="M0 0v14.2a49 49 0 0110.3-2.7c17.5-2.8 24.4 6 43.5 11.1 26.8 7.2 39.3-19.2 63.4-19.2 22.6 0 40.4 27 65 18.6 14.7-5 19-14 39.9-17.6 7-1.3 13-1.8 17.9-1V0"/>
-          </svg>`},{id:"hills-split",label:"Hills split",value:`<svg class="${s}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
+          </svg>`},{id:"hills-split",label:"Hills split",value:`<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
               <path d="M0 0v14.2a49 49 0 0110.3-2.7c17.5-2.8 24.4 6 43.5 11.1 26.8 7.2 39.3-19.2 63.4-19.2 22.6 0 40.4 27 65 18.6 14.7-5 19-14 39.9-17.6 7-1.3 13-1.8 17.9-1V0"/>
               <path fill-opacity=".3" d="M0 0v18.1a49 49 0 0115.9-4.9c17-2.3 23.8 5.2 42.5 9.7C84.5 29 96.6 6.3 120 6.3c22.1 0 39.5 23.3 63.6 16 14.2-4.3 18.5-12 38.8-15.2A62.3 62.3 0 01240 6V0"/>
               <path fill-opacity=".3" d="M0 0v13.4c3.8-.8 7.6-1.4 10.3-1.8 17.3-2.8 24.4 6 47.2 11.1 32 7.2 35-18.1 60.7-18.1 24.1 0 45.2 23 67.4 14.6 13.2-5 19-13.7 39.4-17.4 5.5-1 10.4-1.5 15-1.3V0"/>
@@ -26,9 +26,9 @@
               <path fill-opacity=".3" d="M240 24V0c-51.8 0-69.9 13.2-94.7 15.6-24.7 2.4-43.9-1.2-63.8-1-19.1 0-31.2 3.6-51.3 6.5A126 126 0 010 22V24h240z"/>
               <path fill-opacity=".3" d="M240 24V2.2c-51.8 0-69.9 12-94.7 14.2-24.7 2.1-43.9-1.1-63.8-1-19.1 0-31.2 3.3-51.3 6-14.6 1.8-25.9 1.2-30.2.8V24h240z"/>
               <path d="M240 24V3.7c-51.8 0-69.9 11.7-94.7 14-24.7 2.4-43.9-3.2-63.8-3.1-19.1 0-31.2 3.6-51.3 6.5a128 128 0 01-30.2 1V24h240z"/>
-          </svg>`},{id:"high-hills",label:"High hills",value:`<svg class="${s}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
+          </svg>`},{id:"high-hills",label:"High hills",value:`<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
               <path d="M240 0H0v23.5c4.3.5 15.5 1.2 30.2-.9 20.1-2.8 32.1-6.2 51.3-6.3 20 0 39 3.4 63.8 1 24.8-2.2 42.9-15 94.7-15"/>
-          </svg>`},{id:"high-hills-split",label:"High hills split",value:`<svg class="${s}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
+          </svg>`},{id:"high-hills-split",label:"High hills split",value:`<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
               <path fill-opacity=".3" d="M240 0H0v23.5c4.3.5 15.5 1.2 30.2-.9 20.1-2.8 32.1-6.2 51.3-6.3 20 0 39 3.4 63.8 1 24.8-2.2 42.9-15 94.7-15"/>
               <path fill-opacity=".3" d="M240 0H0v23.4c4.3.4 15.5 1.2 30.2-1 20.1-3.1 32.1-6.9 51.3-7 20 0 39 6 63.8 3.4C170 16.3 188.2 4 240 4"/>
               <path d="M0 23.3c4.3.5 15.5 1.3 30.2-1 20.1-3 32.1-6.8 51.3-7 20 0 39 3.8 63.8 1.2C170 14 188.2 0 240 0H0v23.3z"/>
@@ -38,9 +38,9 @@
               <path fill-opacity=".3" d="M0 13.2V24h240V13.3A541.2 541.2 0 00119.8 0C69.2 0 27.6 6.9 0 13.2z"/>
               <path fill-opacity=".3" d="M0 18.9V24h240v-5A437.4 437.4 0 00119.8 2.7C64.4 2.7 21.6 12.6 0 19z"/>
               <path d="M119.8 5.1C47.8 5.1 0 24 0 24h240S191.8 5.1 119.8 5.1z"/>
-          </svg>`},{id:"pit",label:"Pit",value:`<svg class="${s}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
+          </svg>`},{id:"pit",label:"Pit",value:`<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
               <path d="M240 24V0H0v24S47.9 5.1 119.8 5.1C191.8 5.1 240 24 240 24z"/>
-          </svg>`},{id:"pit-split",label:"Pit split",value:`<svg class="${s}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
+          </svg>`},{id:"pit-split",label:"Pit split",value:`<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
               <path fill-opacity=".3" d="M240 24V0H0v24S47.9 5.1 119.8 5.1C191.8 5.1 240 24 240 24z"/>
               <path fill-opacity=".3" d="M119.8 2.7c55.6 0 98.5 10 120.2 16.2V0H0v18.9A434.6 434.6 0 01119.8 2.7z"/>
               <path d="M119.8.1A541 541 0 01240 13.4V0H0v13.3A538.9 538.9 0 01119.8.1z"/>
@@ -50,48 +50,48 @@
               <path fill-opacity=".3" d="M240 0c-4.6-.2-9.6.4-15 1.4-20.4 3.7-26.3 12.3-39.4 17.3C163.3 27 144 4 119.9 4c-25.6 0-30.5 25.3-62.5 18-22.8-5.1-29.8-13.8-47-11-2.8.4-6.6 1-10.4 1.8V24h240V0z"/>
               <path fill-opacity=".3" d="M222 3.9c-20.8 3.7-25.1 12.6-39.8 17.6C157.6 29.9 141.5 3 118.9 3 94.7 3 80.6 29.3 53.8 22c-19-5-26-13.8-43.5-11-3.7.6-7.2 1.5-10.3 2.7V24h240V2.9c-5-.8-10.9-.3-18 1z"/>
               <path d="M240 5.7c-4.8-.6-10.6-.2-17.5.9-20.3 3.2-24.6 10.9-38.9 15.2-24 7.3-39.7-16-61.8-16-23.5 0-37.3 22.7-63.5 16.5C39.7 18 33 10.3 16 12.7c-6.1.9-11.5 2.6-15.9 6.7V24h240V5.7z"/>
-          </svg>`},{id:"windy-waves",label:"Windy waves",value:`<svg class="${s}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
+          </svg>`},{id:"windy-waves",label:"Windy waves",value:`<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
               <path d="M0 0v18C21.5 7 49.6 2.2 64.8 6.4 82 11.2 75.4 25.2 91.7 23.9c14.2-1.1 25.8-12.3 40-12.3 10.4 0 7.8 6 18.8 6.9 11.5.8 21.6-5 37.2-9 19.9-5 42.1-5.3 52.3 0V0H0z"/>
-          </svg>`},{id:"windy-waves-split",label:"Windy waves split",value:`<svg class="${s}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
+          </svg>`},{id:"windy-waves-split",label:"Windy waves split",value:`<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
               <path d="M0 0v14.9C21.6 4.7 57.5 0 71 4.3c16 4.8 9.6 19.3 26 18 14.5-1 25.5-13 40.5-12.9 11 0 10.1 6.6 21.7 7.5 12.1 1 17-7 36-11.4 17.6-4.2 33.4-6.1 44.8-5V0H0z"/>
               <path fill-opacity=".3" d="M0 16.7C19.2 5.9 55.8 1 70 5 86 10 78.4 24 94.1 22.8c14-1 27.8-12.7 42.4-12.7 10.7 0 9.1 6.5 20.5 7.4 11.9.9 16.8-6.8 34.8-11.2 19.8-4.8 36.9-5 48.1-1.7V0H0"/>
               <path fill-opacity=".3" d="M0 0v18C21.5 7 49.6 2.2 64.8 6.4 82 11.2 75.4 25.2 91.7 23.9c14.2-1.1 25.8-12.3 40-12.3 10.4 0 7.8 6 18.8 6.9 11.5.8 21.6-5 37.2-9 19.9-5 42.1-5.3 52.3 0V0H0z"/>
-          </svg>`},{id:"zigzag",label:"Zigzag",value:`<svg class="${s}-inv" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1000 38">
+          </svg>`},{id:"zigzag",label:"Zigzag",value:`<svg class="${t}-inv" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1000 38">
               <path d="M75 38l25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25V.0H0V13l25 25 25-25z"/>
-          </svg>`}],l={tl:!1,tc:!1,tr:!1,cl:!1,cr:!1,bl:!1,bc:!1,br:!1},v={...l,bc:!0},$={...l,tc:!0},g="shape",C="flip-y",w="flip-x",A="Shape Divider",M=`<svg viewBox="0 0 22 22">
+          </svg>`}],g={tl:!1,tc:!1,tr:!1,cl:!1,cr:!1,bl:!1,bc:!1,br:!1},s={...g,bc:!0},M={...g,tc:!0},w="shape",u="flip-y",V="flip-x",A="Shape Divider",$=`<svg viewBox="0 0 22 22">
         <path fill="currentColor" d="M2 2v18h18V2H2zm0-2h18a2 2 0 012 2v18a2 2 0 01-2 2H2a2 2 0 01-2-2V2C0 .9.9 0 2 0zM1 13L2 0h18l1 9-20 4z"/>
-      </svg>`,{block:B={}}=i;e.on(p.events.add,t=>{t.getFullName().startsWith(`.${d}`)&&t.set({private:!0})}),a.addType(n,{isComponent:t=>R(n)(t)||O(t,d),block:B&&{label:A,media:M,category:"Extra",select:!0,...B},model:{defaults:{droppable:!1,highlightable:!1,classes:d,attributes:{[V]:n},components:{type:c},styles:`.${d} { position: relative; }`,delegate:{select:t=>t.findFirstType(c),layer:t=>t.findFirstType(c)}}},view:{onRender(){this.el.style.height="1px"}}}),a.addType(c,{isComponent:R(c),model:{defaults:{droppable:!1,highlightable:!1,classes:s,emptyState:!0,icon:M,name:A,delegate:{remove:t=>t.parent(),move:t=>t.parent(),copy:t=>t.parent()},attributes:{[V]:c},[g]:r[0].id,resizable:v,stylable:["height","width","color"],styles:`
-          .${s} {
+      </svg>`,{block:z={}}=a;e.on(n.events.add,i=>{i.getFullName().startsWith(`.${v}`)&&i.set({private:!0})}),l.addType(o,{isComponent:i=>B(o)(i)||O(i,v),block:z&&{label:A,media:$,category:"Extra",select:!0,...z},model:{defaults:{droppable:!1,highlightable:!1,classes:v,attributes:{[C]:o},components:{type:p},styles:`.${v} { position: relative; }`,delegate:{select:i=>i.findFirstType(p),layer:i=>i.findFirstType(p)}}},view:{onRender(){this.el.style.height="1px"}}}),l.addType(p,{isComponent:B(p),model:{defaults:{droppable:!1,highlightable:!1,classes:t,emptyState:!0,icon:$,name:A,delegate:{remove:i=>i.parent(),move:i=>i.parent(),copy:i=>i.parent()},attributes:{[C]:p},[w]:r[0].id,resizable:s,stylable:["height","width","color"],styles:`
+          .${t} {
               position: absolute;
               width: 100%;
               height: 100px;
               color: black;
               overflow: hidden;
           }
-          .${s} > svg {
+          .${t} > svg {
               height: 100%;
               width: 100%;
               transform: scaleY(-1);
           }
-          .${s}--fl-v {
+          .${t}--fl-v {
               transform: translateY(-100%);
           }
-          .${s}--fl-v-h {
+          .${t}--fl-v-h {
               transform: translateY(-100%);
           }
-          .${s}--fl-v > svg {
+          .${t}--fl-v > svg {
               transform: scaleY(1);
           }
-          .${s}--fl-h > svg {
+          .${t}--fl-h > svg {
               transform: scaleX(-1) scaleY(-1);
           }
-          .${s}--fl-v-h > svg {
+          .${t}--fl-v-h > svg {
               transform: scaleY(1) scaleX(-1);
           }
-          .${s} > svg > path {
+          .${t} > svg > path {
               fill: currentColor;
           }
-          .${s}-inv > path {
+          .${t}-inv > path {
               transform: scale(-1, -1) translate(-100%, -100%);
           }
-          `,traits:[{type:"select",name:g,label:"Shape",changeProp:!0,options:r.map(({id:t,label:u,value:h})=>({id:t,label:u,icon:{icon:h.replace("<svg ",'<svg style="width: 35px; height: 7px; fill: currentColor;"')}}))},{type:"checkbox",name:C,label:"Flip vertically",changeProp:!0},{type:"checkbox",name:w,label:"flip horizontally",changeProp:!0}]},init(){this.on(`change:${g}`,this.onShapeChange),this.on(`change:${w} change:${C}`,this.onFlip),this.onShapeChange()},onShapeChange(){const t=this.get(g),u=r.find(f=>f.id===t),h=(u==null?void 0:u.value)||this.getInnerHTML().trim();this.components(""),h&&this.set("content",h)},onFlip(){const t=this.get(C),u=this.get(w),h=["fl-v","fl-h","fl-v-h"].map(F=>`${s}--${F}`);let f;t&&u?f=h[2]:u?f=h[1]:t&&(f=h[0]),this.removeClass(h),f&&this.addClass(f),this.set("resizable",t?$:v)}}}),N({editor:e,licenseKey:i.licenseKey,plan:U,pluginName:W,cleanup:()=>{a.removeType(n),o.remove(n)}})})});
+          `,traits:[{type:"select",name:w,label:"Shape",changeProp:!0,options:r.map(({id:i,label:d,value:h})=>({id:i,label:d,icon:{icon:h.replace("<svg ",'<svg style="width: 35px; height: 7px; fill: currentColor;"')}}))},{type:"checkbox",name:u,label:"Flip vertically",changeProp:!0},{type:"checkbox",name:V,label:"flip horizontally",changeProp:!0}]},init(){this.on(`change:${w}`,this.onShapeChange),this.on(`change:${V} change:${u}`,this.onFlip),this.onShapeChange()},onShapeChange(){const i=this.get(w),d=r.find(f=>f.id===i),h=(d==null?void 0:d.value)||this.getInnerHTML().trim();this.components(""),h&&this.set("content",h)},onFlip(){const i=this.get(u),d=this.get(V),h=["fl-v","fl-h","fl-v-h"].map(F=>`${t}--${F}`);let f;i&&d?f=h[2]:d?f=h[1]:i&&(f=h[0]),this.removeClass(h),f&&this.addClass(f),this.set("resizable",i?M:s)}}}),_({editor:e,licenseKey:a.licenseKey,plan:U,pluginName:W,cleanup:()=>{l.removeType(o),c.remove(o)}})})});