@grapesjs/studio-sdk-plugins 1.0.28 → 1.0.29

package/dist/shapeDividerComponent/index.es.js

@@ -0,0 +1,427 @@
+const B = "app.grapesjs.com", H = "app-stage.grapesjs.com", L = "app2.grapesjs.com", S = "app-stage2.grapesjs.com", $ = [
+  B,
+  L,
+  H,
+  S,
+  "localhost",
+  "127.0.0.1",
+  ".local-credentialless.webcontainer.io",
+  // For stackblitz.com demos
+  ".local.webcontainer.io",
+  // 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)));
+};
+async function D({
+  path: e,
+  baseApiUrl: a,
+  method: i = "GET",
+  headers: o = {},
+  params: p,
+  body: n
+}) {
+  const d = `${a || P({ isDev: !1, isStage: !1 })}${e}`, s = {
+    method: i,
+    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 w = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(w || {});
+const z = {
+  [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 _ = (e) => /* @__PURE__ */ W(e);
+async function U({
+  editor: e,
+  plan: a,
+  pluginName: i,
+  licenseKey: o,
+  cleanup: p
+}) {
+  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 });
+    }
+  };
+  e.on(k, (l) => {
+    n = l == null ? void 0 : l.baseApiUrl, c = !0;
+  }), e.on(E, (l) => {
+    r(l);
+  }), setTimeout(async () => {
+    if (!c) {
+      if (d) return;
+      if (o) {
+        const l = await F({ licenseKey: o, pluginName: i, baseApiUrl: n });
+        l && r(l);
+      } else
+        s("The `licenseKey` option not provided");
+    }
+  }, 2e3);
+}
+async function F(e) {
+  const { licenseKey: a, pluginName: i, baseApiUrl: o } = e;
+  try {
+    return (await D({
+      baseApiUrl: o,
+      path: `/sdk/${a || "na"}`,
+      method: "POST",
+      params: {
+        d: window.location.hostname,
+        pn: i
+      }
+    })).result || {};
+  } catch (p) {
+    return console.error("Error during SDK license check:", p), !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 = [
+    {
+      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">
+              <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">
+              <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">
+              <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">
+              <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">
+              <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"/>
+          </svg>`
+    },
+    {
+      id: "low-hills",
+      label: "Low hills",
+      value: `<svg preserveAspectRatio="none" viewBox="0 0 240 24">
+              <path 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"/>
+          </svg>`
+    },
+    {
+      id: "low-hills-split",
+      label: "Low hills split",
+      value: `<svg preserveAspectRatio="none" viewBox="0 0 240 24">
+              <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">
+              <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">
+              <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"/>
+          </svg>`
+    },
+    {
+      id: "large-hill",
+      label: "One hill",
+      value: `<svg preserveAspectRatio="none" viewBox="0 0 240 24">
+              <path d="M0 13.2V24h240V13.3A541.2 541.2 0 00119.8 0C69.2 0 27.6 6.9 0 13.2z"/>
+          </svg>`
+    },
+    {
+      id: "large-hill-split",
+      label: "One hill split",
+      value: `<svg preserveAspectRatio="none" viewBox="0 0 240 24">
+              <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">
+              <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">
+              <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"/>
+          </svg>`
+    },
+    {
+      id: "waves",
+      label: "Waves",
+      value: `<svg preserveAspectRatio="none" viewBox="0 0 240 24">
+              <path 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"/>
+          </svg>`
+    },
+    {
+      id: "waves-split",
+      label: "Waves split",
+      value: `<svg preserveAspectRatio="none" viewBox="0 0 240 24">
+              <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">
+              <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">
+              <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">
+              <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 }, A = { ...l, tc: !0 }, g = "shape", y = "flip-y", b = "flip-x", m = "Shape Divider", C = `<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),
+    block: V && {
+      label: m,
+      media: C,
+      category: "Extra",
+      select: !0,
+      ...V
+    },
+    model: {
+      defaults: {
+        droppable: !1,
+        highlightable: !1,
+        classes: d,
+        attributes: { [M]: 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";
+      }
+    }
+  }), i.addType(c, {
+    isComponent: x(c),
+    model: {
+      defaults: {
+        droppable: !1,
+        highlightable: !1,
+        classes: s,
+        emptyState: !0,
+        icon: C,
+        name: m,
+        delegate: {
+          remove: (t) => t.parent(),
+          move: (t) => t.parent(),
+          copy: (t) => t.parent()
+        },
+        attributes: { [M]: c },
+        [g]: r[0].id,
+        resizable: v,
+        stylable: ["height", "width", "color"],
+        styles: `
+          .${s} {
+              position: absolute;
+              width: 100%;
+              height: 100px;
+              color: black;
+              overflow: hidden;
+          }
+          .${s} > svg {
+              height: 100%;
+              width: 100%;
+              transform: scaleY(-1);
+          }
+          .${s}--fl-v {
+              transform: translateY(-100%);
+          }
+          .${s}--fl-v-h {
+              transform: translateY(-100%);
+          }
+          .${s}--fl-v > svg {
+              transform: scaleY(1);
+          }
+          .${s}--fl-h > svg {
+              transform: scaleX(-1) scaleY(-1);
+          }
+          .${s}--fl-v-h > svg {
+              transform: scaleY(1) scaleX(-1);
+          }
+          .${s} > svg > path {
+              fill: currentColor;
+          }
+          .${s}-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: y,
+            label: "Flip vertically",
+            changeProp: !0
+          },
+          {
+            type: "checkbox",
+            name: b,
+            label: "flip horizontally",
+            changeProp: !0
+          }
+        ]
+      },
+      init() {
+        this.on(`change:${g}`, this.onShapeChange), this.on(`change:${b} change:${y}`, 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(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);
+      }
+    }
+  }), U({
+    editor: e,
+    licenseKey: a.licenseKey,
+    plan: K,
+    pluginName: Y,
+    cleanup: () => {
+      i.removeType(n), o.remove(n);
+    }
+  });
+}, G = _(j);
+export {
+  G as default
+};

package/dist/shapeDividerComponent/index.umd.js

@@ -0,0 +1,97 @@
+(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">
+              <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">
+              <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">
+              <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">
+              <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">
+              <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">
+              <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"/>
+          </svg>`},{id:"low-hills",label:"Low hills",value:`<svg preserveAspectRatio="none" viewBox="0 0 240 24">
+              <path 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"/>
+          </svg>`},{id:"low-hills-split",label:"Low hills split",value:`<svg preserveAspectRatio="none" viewBox="0 0 240 24">
+              <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">
+              <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">
+              <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"/>
+          </svg>`},{id:"large-hill",label:"One hill",value:`<svg preserveAspectRatio="none" viewBox="0 0 240 24">
+              <path d="M0 13.2V24h240V13.3A541.2 541.2 0 00119.8 0C69.2 0 27.6 6.9 0 13.2z"/>
+          </svg>`},{id:"large-hill-split",label:"One hill split",value:`<svg preserveAspectRatio="none" viewBox="0 0 240 24">
+              <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">
+              <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">
+              <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"/>
+          </svg>`},{id:"waves",label:"Waves",value:`<svg preserveAspectRatio="none" viewBox="0 0 240 24">
+              <path 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"/>
+          </svg>`},{id:"waves-split",label:"Waves split",value:`<svg preserveAspectRatio="none" viewBox="0 0 240 24">
+              <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">
+              <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">
+              <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">
+              <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">
+        <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} {
+              position: absolute;
+              width: 100%;
+              height: 100px;
+              color: black;
+              overflow: hidden;
+          }
+          .${s} > svg {
+              height: 100%;
+              width: 100%;
+              transform: scaleY(-1);
+          }
+          .${s}--fl-v {
+              transform: translateY(-100%);
+          }
+          .${s}--fl-v-h {
+              transform: translateY(-100%);
+          }
+          .${s}--fl-v > svg {
+              transform: scaleY(1);
+          }
+          .${s}--fl-h > svg {
+              transform: scaleX(-1) scaleY(-1);
+          }
+          .${s}--fl-v-h > svg {
+              transform: scaleY(1) scaleX(-1);
+          }
+          .${s} > svg > path {
+              fill: currentColor;
+          }
+          .${s}-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)}})})});

package/dist/shapeDividerComponent/shared.d.ts

@@ -0,0 +1,3 @@
+import { SdkPlanCategories } from '../utils';
+export declare const PLUGIN_NAME = "shapeDividerComponent";
+export declare const PLUGIN_PLAN = SdkPlanCategories.startup;

package/dist/shapeDividerComponent/types.d.ts

@@ -0,0 +1,10 @@
+import { BlockProperties } from '../types';
+import { ShapeDividerComponentOptions as ShapeDividerComponentOptionsSchema } from './typesSchema';
+export interface ShapeDividerComponentOptions extends Omit<ShapeDividerComponentOptionsSchema, 'block'> {
+    block?: Partial<BlockProperties> | false;
+}
+export interface ShapeDivider {
+    id: string;
+    label: string;
+    value: string;
+}

package/dist/shapeDividerComponent/typesSchema.d.ts

@@ -0,0 +1,9 @@
+import { SDKPluginOptions } from '../utils';
+export interface ShapeDividerComponentOptions extends SDKPluginOptions {
+    /**
+     * Additional Block properties of the shape divider component. Pass `false` to avoid adding the block.
+     * @example
+     * { category: 'Extra', label: 'My label' }
+     */
+    block?: 'Block';
+}