@grapesjs/studio-sdk-plugins 1.0.36 → 1.0.37

package/dist/canvasGridMode/index.es.js

@@ -1,7 +1,7 @@
-const Y = "app.grapesjs.com", H = "app-stage.grapesjs.com", rt = "app2.grapesjs.com", st = "app-stage2.grapesjs.com", j = [
-  Y,
-  rt,
+const H = "app.grapesjs.com", Y = "app-stage.grapesjs.com", rt = "app2.grapesjs.com", st = "app-stage2.grapesjs.com", j = [
   H,
+  rt,
+  Y,
   st,
   "localhost",
   "127.0.0.1",
@@ -9,20 +9,33 @@ const Y = "app.grapesjs.com", H = "app-stage.grapesjs.com", rt = "app2.grapesjs.
   // For stackblitz.com demos
   ".local.webcontainer.io",
   // For stackblitz.com demos
-  "-sandpack.codesandbox.io"
+  "-sandpack.codesandbox.io",
   // For Sandpack demos
+  ".claudemcpcontent.com",
+  // For Claude mcp app
+  ".web-sandbox.oaiusercontent.com"
+  // For OpenAI mcp app
 ], at = "license:check:end", it = () => typeof window < "u", lt = ({
   isDev: t,
   isStage: e,
   isPlatform: r
-}) => `${t ? "" : `https://${e ? H : Y}`}/${r ? "platform-api" : "api"}`, ct = () => {
-  const t = it() && window.location.hostname;
+}) => `${t ? "" : `https://${e ? Y : H}`}/${r ? "platform-api" : "api"}`, ct = () => {
+  if (!it()) return "";
+  const { hostname: t } = window.location;
+  if (t) return t;
+  try {
+    return window.parent.location.hostname || "";
+  } catch {
+    return "";
+  }
+}, pt = () => {
+  const t = ct();
   return !!t && (j.includes(t) || j.some((e) => t.endsWith(e)));
 };
 function X(t) {
   return typeof t == "function";
 }
-async function pt({
+async function dt({
   path: t,
   baseApiUrl: e,
   method: r = "GET",
@@ -50,12 +63,12 @@ const W = {
   [G.business]: 20,
   [G.enterprise]: 30
 };
-function dt(t) {
+function gt(t) {
   const e = t;
   return e.init = (r) => (n) => t(n, r), e;
 }
-const gt = (t) => /* @__PURE__ */ dt(t);
-async function ut({
+const ut = (t) => /* @__PURE__ */ gt(t);
+async function ft({
   editor: t,
   plan: e,
   pluginName: r,
@@ -82,9 +95,9 @@ async function ut({
   };
   if (!a) {
     t.onReady(async () => {
-      if (!ct())
+      if (!pt())
         if (n) {
-          const l = await mt({ licenseKey: n, pluginName: r, baseApiUrl: s });
+          const l = await yt({ licenseKey: n, pluginName: r, baseApiUrl: s });
           c(l);
         } else
           p("The `licenseKey` option not provided");
@@ -92,22 +105,22 @@ async function ut({
     return;
   }
   if (a.licensePlan || a.licenseError) {
-    const l = ft(a);
+    const l = mt(a);
     c(l);
     return;
   }
   t.on(at, (l) => c(l));
 }
-const ft = (t) => ({
+const mt = (t) => ({
   sdkLicense: t.license,
   license: t.license,
   error: t.licenseError,
   plan: t.licensePlan
 });
-async function mt(t) {
+async function yt(t) {
   const { licenseKey: e, pluginName: r, baseApiUrl: n } = t;
   try {
-    return (await pt({
+    return (await dt({
       baseApiUrl: n,
       path: `/sdk/${e || "na"}`,
       method: "POST",
@@ -120,7 +133,7 @@ async function mt(t) {
     return console.error("Error during SDK license check:", o), !1;
   }
 }
-const N = "canvasGridMode", yt = G.startup, F = "component-grid-mode", D = "grid-mode", M = "gjs-drag-grid-spot", K = `${M}__grid-item`, J = `${M}__grid-target`, Q = `${M}__snapped`, ht = `${M}__container`, wt = () => {
+const N = "canvasGridMode", ht = G.startup, F = "component-grid-mode", D = "grid-mode", M = "gjs-drag-grid-spot", K = `${M}__grid-item`, J = `${M}__grid-target`, Q = `${M}__snapped`, wt = `${M}__container`, bt = () => {
   const t = "data-gjs-drag-grid-style", e = document, r = "var(--gs-theme-cl-cmp-bg1, var(--gjs-color-highlight))", n = "var(--gs-theme-cl-cmp-bg2, var(--gjs-color-blue))", o = e.querySelector(`style[${t}]`) || e.createElement("style");
   o.setAttribute(t, "true"), o.innerHTML = `
         .${K} {
@@ -150,7 +163,7 @@ const N = "canvasGridMode", yt = G.startup, F = "component-grid-mode", D = "grid
     `, e.head.appendChild(o);
 };
 function Z(t) {
-  const { editor: e, type: r } = t, n = Rt(e, t.component), o = O(e, n.component);
+  const { editor: e, type: r } = t, n = xt(e, t.component), o = O(e, n.component);
   if (!Tt(e, n, o, r))
     return {
       target: n,
@@ -167,7 +180,7 @@ function Z(t) {
 }
 function V(t) {
   const { editor: e, shadowTargetEl: r, shadowSnappedEl: n, shadowContainerEl: o, spotEl: i, target: s, container: a } = t, { Canvas: p } = e, d = e.config.stylePrefix;
-  i == null || i.appendChild(o), o == null || o.appendChild(r), o == null || o.appendChild(n), bt(o, a), vt(r, s, a), $t(n, s), St(o, a.el), s.el.style.opacity = "0";
+  i == null || i.appendChild(o), o == null || o.appendChild(r), o == null || o.appendChild(n), vt(o, a), $t(r, s, a), St(n, s), Rt(o, a.el), s.el.style.opacity = "0";
   const c = p.getSpots().filter((l) => l.type !== D);
   e.em.stopDefault({ preserveSelected: !0 }), p.removeSpots(c), p.startAutoscroll(), p.getBody().classList.add(`${d}is__grabbing`);
 }
@@ -183,7 +196,7 @@ function tt(t) {
   }
   o.el.style.opacity = "", n.contains(r) && (n == null || n.removeChild(r)), e.getModel().runDefault({ preserveSelected: 1 }), s.stopAutoscroll(), s.getBody().classList.remove(`${a}is__grabbing`), s.removeSpots({ type: D }), e.select(p);
 }
-function bt(t, {
+function vt(t, {
   rows: e,
   columns: r
 }) {
@@ -197,16 +210,16 @@ function bt(t, {
   }
   return n;
 }
-function vt(t, e, r) {
+function $t(t, e, r) {
   return t.className = J, t.style.top = `${e.offset.top - r.offset.top}px`, t.style.left = `${e.offset.left - r.offset.left}px`, t.style.width = `${e.offset.width + e.margin.left + e.margin.right}px`, t.style.height = `${e.offset.height + e.margin.top + e.margin.bottom}px`, t;
 }
-function $t(t, e) {
+function St(t, e) {
   const r = nt(e.el, e.computedStyles);
   return t.className = Q, t.style.gridArea = `${r.row.start} / ${r.column.start} / ${r.row.end} / ${r.column.end}`, t;
 }
-function St(t, e) {
+function Rt(t, e) {
   const r = window.getComputedStyle(e);
-  t.className = ht, t.style.position = "relative", t.style.display = r.display, t.style.gap = r.gap, t.style.padding = r.padding, t.style.border = r.border, t.style.gridTemplateColumns = r.gridTemplateColumns, t.style.gridTemplateRows = r.gridTemplateRows;
+  t.className = wt, t.style.position = "relative", t.style.display = r.display, t.style.gap = r.gap, t.style.padding = r.padding, t.style.border = r.border, t.style.gridTemplateColumns = r.gridTemplateColumns, t.style.gridTemplateRows = r.gridTemplateRows;
 }
 function et(t, e) {
   if (e) {
@@ -215,7 +228,7 @@ function et(t, e) {
   } else return [...t.getSelectedAll()].pop();
   return e;
 }
-function Rt(t, e) {
+function xt(t, e) {
   const r = et(t, e), n = r.getEl(), o = window.getComputedStyle(n);
   return {
     component: r,
@@ -251,7 +264,7 @@ function O(t, e) {
     }
   };
 }
-function T(t, e, r, n, o = 1) {
+function x(t, e, r, n, o = 1) {
   let i = 0;
   for (let s = e; s <= t.length; s++) {
     if (i + (t[s - 1] + n) * o > r)
@@ -298,13 +311,13 @@ function nt(t, e) {
         end: parseInt(n.gridColumnEnd)
       }
     };
-  const s = t.parentElement, a = r.getComputedStyle(s), p = parseFloat(a.columnGap) || 0, d = parseFloat(a.rowGap) || 0, c = U(a.gridTemplateColumns), l = U(a.gridTemplateRows), g = parseFloat(a.paddingLeft) || 0, u = parseFloat(a.paddingTop) || 0, h = s.getBoundingClientRect(), m = t.getBoundingClientRect(), w = (b, $, x, S, C) => {
+  const s = t.parentElement, a = r.getComputedStyle(s), p = parseFloat(a.columnGap) || 0, d = parseFloat(a.rowGap) || 0, c = U(a.gridTemplateColumns), l = U(a.gridTemplateRows), g = parseFloat(a.paddingLeft) || 0, u = parseFloat(a.paddingTop) || 0, h = s.getBoundingClientRect(), m = t.getBoundingClientRect(), w = (b, $, T, S, C) => {
     let E = 1, P = S + C;
     for (let A = 0; A < $.length; A++) {
       const I = $[A], z = P + I;
       if (b >= P && b < z)
         return E;
-      P = z + x, E++;
+      P = z + T, E++;
     }
     return -1;
   }, v = w(m.left, c, p, h.left, g), R = w(m.right - 1, c, p, h.left, g) + 1, y = w(m.top, l, d, h.top, u), f = w(m.bottom - 1, l, d, h.top, u) + 1;
@@ -320,7 +333,7 @@ function nt(t, e) {
     }
   };
 }
-function xt(t) {
+function Pt(t) {
   t.Commands.add(F, {
     stop() {
     },
@@ -357,17 +370,17 @@ function xt(t) {
           }), this.stopCommand(), e.em.set("_cmpDrag", 1);
         },
         setPosition: ({ x: h, y: m }) => {
-          const { scroll: w } = ot(e), { columns: v, rows: R, gap: y, offset: f, padding: b } = l, { offset: $, margin: x } = s, S = $.top - f.top - b.top - x.top + m - c.top + w.top, C = $.left - f.left - b.left - x.left + h - c.left + w.left, E = Math.min(T(v, 1, C, y.column, 0.5), v.length), P = Math.min(T(R, 1, S, y.row, 0.5), R.length), A = Math.min(
-            T(v, E, $.width, y.column) + 1,
+          const { scroll: w } = ot(e), { columns: v, rows: R, gap: y, offset: f, padding: b } = l, { offset: $, margin: T } = s, S = $.top - f.top - b.top - T.top + m - c.top + w.top, C = $.left - f.left - b.left - T.left + h - c.left + w.left, E = Math.min(x(v, 1, C, y.column, 0.5), v.length), P = Math.min(x(R, 1, S, y.row, 0.5), R.length), A = Math.min(
+            x(v, E, $.width, y.column) + 1,
             v.length + 1
-          ), I = Math.min(T(R, P, $.height, y.row) + 1, R.length + 1);
+          ), I = Math.min(x(R, P, $.height, y.row) + 1, R.length + 1);
           p.style.gridArea = `${P} / ${E} / ${I} / ${A}`, d.style.top = `${S + b.top}px`, d.style.left = `${C + b.left}px`;
         }
       }).start(n.event);
     }
   });
 }
-function Pt(t, e) {
+function Gt(t, e) {
   const r = Z({ editor: t, component: e.component, type: "resizable" });
   if (!r)
     return;
@@ -385,48 +398,48 @@ function Pt(t, e) {
           target: s,
           container: c
         }), c = O(t, s.component);
-      }, 10), t.trigger("component:resize", { ...s, type: "start" });
+      }, 10), t.trigger("component:resize", { ...s || {}, type: "start" });
     },
     onEnd: (u, h) => {
       const { startDim: m, rectDim: w } = h.resizer, v = JSON.stringify(m) === JSON.stringify(w);
       clearTimeout(g), tt({ editor: t, shadowSnappedEl: p, shadowContainerEl: a, target: s, cancelled: v }), o == null || o(u, h);
     },
     onMove: (u, h) => {
-      const m = nt(p), w = s.margin.left, v = s.margin.top, R = s.margin.bottom, y = s.margin.right, { w: f, t: b, l: $, h: x } = h.resizer.rectDim, S = {
+      const m = nt(p), w = s.margin.left, v = s.margin.top, R = s.margin.bottom, y = s.margin.right, { w: f, t: b, l: $, h: T } = h.resizer.rectDim, S = {
         t: b - v,
         l: $ - w,
-        h: x + v + R,
+        h: T + v + R,
         w: f + w + y
       };
-      l.endsWith("l") && (m.column.start = T(
+      l.endsWith("l") && (m.column.start = x(
         c.columns,
         1,
         S.l - c.offset.left - c.padding.left,
         c.gap.column,
         0.5
-      )), l.startsWith("t") && (m.row.start = T(
+      )), l.startsWith("t") && (m.row.start = x(
         c.rows,
         1,
         S.t - c.offset.top - c.padding.top,
         c.gap.row,
         0.5
       )), l.endsWith("r") && (m.column.end = Math.max(
-        T(c.columns, m.column.start, S.w, c.gap.column, 0.5),
+        x(c.columns, m.column.start, S.w, c.gap.column, 0.5),
         m.column.start + 1
       )), l.startsWith("b") && (m.row.end = Math.max(
-        T(c.rows, m.row.start, S.h, c.gap.row, 0.5),
+        x(c.rows, m.row.start, S.h, c.gap.row, 0.5),
         m.row.start + 1
       )), p.style.gridArea = `${m.row.start} / ${m.column.start} / ${m.row.end} / ${m.column.end}`, d.style.width = `${S.w}px`, d.style.height = `${S.h}px`, d.style.left = `${S.l - c.offset.left}px`, d.style.top = `${S.t - c.offset.top}px`, n == null || n(u, h);
     }
   };
 }
-const k = ["px", "%", "em", "rem", "vw", "vh"], Gt = (t, e) => {
+const k = ["px", "%", "em", "rem", "vw", "vh"], Et = (t, e) => {
   const r = t.Styles.getSectors().find((n) => !!n.getProperty(e));
   return {
     sector: r,
     property: r ? r.getProperty(e) : void 0
   };
-}, Et = (t, e) => Gt(t, e), At = (t, { x: e, y: r, mergable: n } = {}) => {
+}, At = (t, e) => Et(t, e), Dt = (t, { x: e, y: r, mergable: n } = {}) => {
   const o = {
     property: `${t}-x`,
     type: "integer",
@@ -459,7 +472,7 @@ const k = ["px", "%", "em", "rem", "vw", "vh"], Gt = (t, e) => {
     }
   };
 }, B = { display: ["grid"] };
-function Dt(t = "") {
+function Mt(t = "") {
   const e = /^repeat\(\s*(\d+)\s*,\s*(.+)\s*\)$/i, r = /^minmax\(\s*(.+?)\s*,\s*(.+?)\s*\)$/i, n = t.match(e);
   if (!n)
     return null;
@@ -472,7 +485,7 @@ function Dt(t = "") {
     max: a
   };
 }
-function Mt(t = {}) {
+function Ct(t = {}) {
   let e = "", r = "", n = "", o = "";
   const i = (m) => m.split("/").map((w) => w.trim()).filter(Boolean), s = t["grid-area"] || "", a = t["grid-column"] || "", p = t["grid-row"] || "", d = i(s), c = i(a), l = i(p), g = d.length, u = c.length, h = l.length;
   return g === 4 ? (n = d[0], e = d[1], o = d[2], r = d[3]) : g === 3 ? (n = d[0], e = d[1], o = d[2]) : g === 2 ? (n = d[0], e = d[1]) : g === 1 && (n = d[0]), u === 2 ? (e = c[0], r = c[1]) : u === 1 && (e = c[0]), h === 2 ? (n = l[0], o = l[1]) : h === 1 && (n = l[0]), {
@@ -517,7 +530,7 @@ function q(t) {
       }
     ],
     fromStyle(i, s) {
-      const { name: a, property: p } = s, [d, c, l] = p.getProperties(), g = i[a], u = Dt(g), h = (u == null ? void 0 : u.max) ?? o;
+      const { name: a, property: p } = s, [d, c, l] = p.getProperties(), g = i[a], u = Mt(g), h = (u == null ? void 0 : u.max) ?? o;
       return {
         [d.id]: (u == null ? void 0 : u.total) ?? n,
         [c.id]: (u == null ? void 0 : u.min) ?? "",
@@ -532,9 +545,9 @@ function q(t) {
     }
   };
 }
-function Ct(t, e) {
+function It(t, e) {
   if (!e.styleableGrid) return;
-  const { property: r, ...n } = Et(t, "display");
+  const { property: r, ...n } = At(t, "display");
   if (!r) return;
   const o = r.getOption("grid"), i = n.sector;
   o || r.addOption({ id: "grid", label: "Grid" }), i.addProperty(
@@ -553,7 +566,7 @@ function Ct(t, e) {
     {
       id: "grid-gap",
       requires: B,
-      ...At("gap", {
+      ...Dt("gap", {
         x: { id: "grid-row-gap", label: "Row", property: "row-gap", min: 0, default: "0" },
         y: { id: "grid-column-gap", label: "Column", property: "column-gap", min: 0, default: "0" },
         mergable: !0
@@ -595,7 +608,7 @@ function Ct(t, e) {
         }
       ],
       fromStyle(s) {
-        const a = Mt(s);
+        const a = Ct(s);
         return {
           "grid-column-start": s["grid-column-start"] || a.columnStart,
           "grid-column-end": s["grid-column-end"] || a.columnEnd,
@@ -613,18 +626,18 @@ function Ct(t, e) {
     {}
   );
 }
-const It = function(t, e = {}) {
+const Lt = function(t, e = {}) {
   const r = {
     itemResizable: !0,
     ...e
   }, { Canvas: n, Commands: o, Components: i } = t, { itemResizable: s } = r, a = n.events, p = o.events, d = i.events, c = `${p.runBeforeCommand}tlb-move`, l = `${p.runBeforeCommand}resize`;
   let g;
-  xt(t);
+  Pt(t);
   const u = ({ options: y }) => {
     L(t, y.target, r) && (t.runCommand(F, { ...y }), y.abort = !0);
   }, h = (y) => {
     const { options: f } = y;
-    L(t, f.component, r) && (f.options = Object.assign(f.options || {}, Pt(t, f)));
+    L(t, f.component, r) && (f.options = Object.assign(f.options || {}, Gt(t, f)));
   }, m = () => {
     const y = n.getSpots({
       type: D
@@ -668,21 +681,21 @@ const It = function(t, e = {}) {
   v.forEach(([y, f]) => {
     t.on(y, f);
   }), t.onReady(() => {
-    g = n.getSpotsEl(), wt(), Ct(t, r);
+    g = n.getSpotsEl(), bt(), It(t, r);
   });
   const R = () => {
     delete t.Commands.commands[F], v.forEach(([y, f]) => {
       t.off(y, f);
     });
   };
-  ut({
+  ft({
     editor: t,
     licenseKey: r.licenseKey,
-    plan: yt,
+    plan: ht,
     pluginName: N,
     cleanup: R
   });
-}, Lt = gt(It);
+}, _t = ut(Lt);
 export {
-  Lt as default
+  _t as default
 };

package/dist/canvasGridMode/index.umd.js

@@ -1,4 +1,4 @@
-(function(x,P){typeof exports=="object"&&typeof module<"u"?module.exports=P():typeof define=="function"&&define.amd?define(P):(x=typeof globalThis<"u"?globalThis:x||self,x.StudioSdkPlugins_canvasGridMode=P())})(this,function(){"use strict";const x="app.grapesjs.com",P="app-stage.grapesjs.com",W=[x,"app2.grapesjs.com",P,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],rt="license:check:end",st=()=>typeof window<"u",at=({isDev:t,isStage:e,isPlatform:r})=>`${t?"":`https://${e?P:x}`}/${r?"platform-api":"api"}`,it=()=>{const t=st()&&window.location.hostname;return!!t&&(W.includes(t)||W.some(e=>t.endsWith(e)))};function U(t){return typeof t=="function"}async function lt({path:t,baseApiUrl:e,method:r="GET",headers:n={},params:o,body:i}){const a=`${e||at({isDev:!1,isStage:!1})}${t}`,p={method:r,headers:{"Content-Type":"application/json",...n}};i&&(p.body=JSON.stringify(i));const d=o?new URLSearchParams(o).toString():"",c=d?`?${d}`:"",l=await fetch(`${a}${c}`,p);if(!l.ok)throw new Error(`HTTP error! status: ${l.status}`);return l.json()}var G=(t=>(t.free="free",t.startup="startup",t.business="business",t.enterprise="enterprise",t))(G||{}),L=(t=>(t.toastAdd="studio:toastAdd",t.toastRemove="studio:toastRemove",t.dialogOpen="studio:dialogOpen",t.dialogClose="studio:dialogClose",t.dialogExportCode="studio:dialogExportCode",t.dialogImportCode="studio:dialogImportCode",t.sidebarLeftSet="studio:sidebarLeft:set",t.sidebarLeftGet="studio:sidebarLeft:get",t.sidebarLeftToggle="studio:sidebarLeft:toggle",t.sidebarRightSet="studio:sidebarRight:set",t.sidebarRightGet="studio:sidebarRight:get",t.sidebarRightToggle="studio:sidebarRight:toggle",t.sidebarTopSet="studio:sidebarTop:set",t.sidebarTopGet="studio:sidebarTop:get",t.sidebarTopToggle="studio:sidebarTop:toggle",t.sidebarBottomSet="studio:sidebarBottom:set",t.sidebarBottomGet="studio:sidebarBottom:get",t.sidebarBottomToggle="studio:sidebarBottom:toggle",t.symbolAdd="studio:symbolAdd",t.symbolDetach="studio:symbolDetach",t.symbolOverride="studio:symbolOverride",t.symbolPropagateStyles="studio:propagateStyles",t.getPagesConfig="studio:getPagesConfig",t.setPagesConfig="studio:setPagesConfig",t.getPageSettings="studio:getPageSettings",t.setPageSettings="studio:setPageSettings",t.clearPage="studio:clearPage",t.projectFiles="studio:projectFiles",t.validateCode="studio:validateCode",t.canvasReload="studio:canvasReload",t.getBlocksPanel="studio:getBlocksPanel",t.setBlocksPanel="studio:setBlocksPanel",t.getStateContextMenu="studio:getStateContextMenu",t.setStateContextMenu="studio:setStateContextMenu",t.contextMenuComponent="studio:contextMenuComponent",t.layoutAdd="studio:layoutAdd",t.layoutRemove="studio:layoutRemove",t.layoutToggle="studio:layoutToggle",t.layoutUpdate="studio:layoutUpdate",t.layoutGet="studio:layoutGet",t.layoutConfigGet="studio:layoutConfigGet",t.layoutConfigSet="studio:layoutConfigSet",t.layoutComponentAdd="studio:layoutComponentAdd",t.layoutComponentGet="studio:layoutComponentGet",t.layoutComponentRemove="studio:layoutComponentRemove",t.layoutComponentRender="studio:layoutComponentRender",t.getStateTheme="studio:getStateTheme",t.setStateTheme="studio:setStateTheme",t.settings="studio:settings",t.assetProviderGet="studio:assetProviderGet",t.assetProviderAdd="studio:assetProviderAdd",t.assetProviderRemove="studio:assetProviderRemove",t.fontGet="studio:fontGet",t.fontAdd="studio:fontAdd",t.fontRemove="studio:fontRemove",t.fontManagerOpen="studio:fontManagerOpen",t.menuFontLoad="studio:menuFontLoad",t.toggleStateDataSource="studio:toggleStateDataSource",t.getStateDataSource="studio:getStateDataSource",t.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",t.dataSourceSetImporter="studio:dataSourceSetImporter",t.dataSourceSetExporter="studio:dataSourceSetExporter",t.setDragAbsolute="studio:setDragAbsolute",t))(L||{});const k={[G.free]:0,[G.startup]:10,[G.business]:20,[G.enterprise]:30};function ct(t){const e=t;return e.init=r=>n=>t(n,r),e}const pt=t=>ct(t);async function dt({editor:t,plan:e,pluginName:r,licenseKey:n,onLicenseCheckResponse:o,cleanup:i}){let s="",a;const p=l=>{console.warn("Cleanup plugin:",r,"Reason:",l),i()},d=(l={})=>{var w;const{error:g,sdkLicense:u}=l,h=(w=l.plan)==null?void 0:w.category;if(!(u||l.license)||g)p(g||"Invalid license");else if(h){const v=k[e],R=k[h];v>R&&p({pluginRequiredPlan:e,licensePlan:h})}};t.Commands.has(L.settings)&&(a=t.runCommand(L.settings),s=(a==null?void 0:a.baseUrl)||"");const c=l=>{o==null||o(l),l&&d(l)};if(!a){t.onReady(async()=>{if(!it())if(n){const l=await ut({licenseKey:n,pluginName:r,baseApiUrl:s});c(l)}else p("The `licenseKey` option not provided")});return}if(a.licensePlan||a.licenseError){const l=gt(a);c(l);return}t.on(rt,l=>c(l))}const gt=t=>({sdkLicense:t.license,license:t.license,error:t.licenseError,plan:t.licensePlan});async function ut(t){const{licenseKey:e,pluginName:r,baseApiUrl:n}=t;try{return(await lt({baseApiUrl:n,path:`/sdk/${e||"na"}`,method:"POST",params:{d:window.location.hostname,pn:r}})).result||{}}catch(o){return console.error("Error during SDK license check:",o),!1}}const N="canvasGridMode",ft=G.startup,O="component-grid-mode",D="grid-mode",M="gjs-drag-grid-spot",q=`${M}__grid-item`,Y=`${M}__grid-target`,H=`${M}__snapped`,mt=`${M}__container`,yt=()=>{const t="data-gjs-drag-grid-style",e=document,r="var(--gs-theme-cl-cmp-bg1, var(--gjs-color-highlight))",n="var(--gs-theme-cl-cmp-bg2, var(--gjs-color-blue))",o=e.querySelector(`style[${t}]`)||e.createElement("style");o.setAttribute(t,"true"),o.innerHTML=`
+(function(x,P){typeof exports=="object"&&typeof module<"u"?module.exports=P():typeof define=="function"&&define.amd?define(P):(x=typeof globalThis<"u"?globalThis:x||self,x.StudioSdkPlugins_canvasGridMode=P())})(this,function(){"use strict";const x="app.grapesjs.com",P="app-stage.grapesjs.com",W=[x,"app2.grapesjs.com",P,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io",".claudemcpcontent.com",".web-sandbox.oaiusercontent.com"],rt="license:check:end",st=()=>typeof window<"u",at=({isDev:t,isStage:e,isPlatform:r})=>`${t?"":`https://${e?P:x}`}/${r?"platform-api":"api"}`,it=()=>{if(!st())return"";const{hostname:t}=window.location;if(t)return t;try{return window.parent.location.hostname||""}catch{return""}},lt=()=>{const t=it();return!!t&&(W.includes(t)||W.some(e=>t.endsWith(e)))};function U(t){return typeof t=="function"}async function ct({path:t,baseApiUrl:e,method:r="GET",headers:n={},params:o,body:i}){const a=`${e||at({isDev:!1,isStage:!1})}${t}`,p={method:r,headers:{"Content-Type":"application/json",...n}};i&&(p.body=JSON.stringify(i));const d=o?new URLSearchParams(o).toString():"",c=d?`?${d}`:"",l=await fetch(`${a}${c}`,p);if(!l.ok)throw new Error(`HTTP error! status: ${l.status}`);return l.json()}var G=(t=>(t.free="free",t.startup="startup",t.business="business",t.enterprise="enterprise",t))(G||{}),L=(t=>(t.toastAdd="studio:toastAdd",t.toastRemove="studio:toastRemove",t.dialogOpen="studio:dialogOpen",t.dialogClose="studio:dialogClose",t.dialogExportCode="studio:dialogExportCode",t.dialogImportCode="studio:dialogImportCode",t.sidebarLeftSet="studio:sidebarLeft:set",t.sidebarLeftGet="studio:sidebarLeft:get",t.sidebarLeftToggle="studio:sidebarLeft:toggle",t.sidebarRightSet="studio:sidebarRight:set",t.sidebarRightGet="studio:sidebarRight:get",t.sidebarRightToggle="studio:sidebarRight:toggle",t.sidebarTopSet="studio:sidebarTop:set",t.sidebarTopGet="studio:sidebarTop:get",t.sidebarTopToggle="studio:sidebarTop:toggle",t.sidebarBottomSet="studio:sidebarBottom:set",t.sidebarBottomGet="studio:sidebarBottom:get",t.sidebarBottomToggle="studio:sidebarBottom:toggle",t.symbolAdd="studio:symbolAdd",t.symbolDetach="studio:symbolDetach",t.symbolOverride="studio:symbolOverride",t.symbolPropagateStyles="studio:propagateStyles",t.getPagesConfig="studio:getPagesConfig",t.setPagesConfig="studio:setPagesConfig",t.getPageSettings="studio:getPageSettings",t.setPageSettings="studio:setPageSettings",t.clearPage="studio:clearPage",t.projectFiles="studio:projectFiles",t.validateCode="studio:validateCode",t.canvasReload="studio:canvasReload",t.getBlocksPanel="studio:getBlocksPanel",t.setBlocksPanel="studio:setBlocksPanel",t.getStateContextMenu="studio:getStateContextMenu",t.setStateContextMenu="studio:setStateContextMenu",t.contextMenuComponent="studio:contextMenuComponent",t.layoutAdd="studio:layoutAdd",t.layoutRemove="studio:layoutRemove",t.layoutToggle="studio:layoutToggle",t.layoutUpdate="studio:layoutUpdate",t.layoutGet="studio:layoutGet",t.layoutConfigGet="studio:layoutConfigGet",t.layoutConfigSet="studio:layoutConfigSet",t.layoutComponentAdd="studio:layoutComponentAdd",t.layoutComponentGet="studio:layoutComponentGet",t.layoutComponentRemove="studio:layoutComponentRemove",t.layoutComponentRender="studio:layoutComponentRender",t.getStateTheme="studio:getStateTheme",t.setStateTheme="studio:setStateTheme",t.settings="studio:settings",t.assetProviderGet="studio:assetProviderGet",t.assetProviderAdd="studio:assetProviderAdd",t.assetProviderRemove="studio:assetProviderRemove",t.fontGet="studio:fontGet",t.fontAdd="studio:fontAdd",t.fontRemove="studio:fontRemove",t.fontManagerOpen="studio:fontManagerOpen",t.menuFontLoad="studio:menuFontLoad",t.toggleStateDataSource="studio:toggleStateDataSource",t.getStateDataSource="studio:getStateDataSource",t.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",t.dataSourceSetImporter="studio:dataSourceSetImporter",t.dataSourceSetExporter="studio:dataSourceSetExporter",t.setDragAbsolute="studio:setDragAbsolute",t))(L||{});const k={[G.free]:0,[G.startup]:10,[G.business]:20,[G.enterprise]:30};function pt(t){const e=t;return e.init=r=>n=>t(n,r),e}const dt=t=>pt(t);async function gt({editor:t,plan:e,pluginName:r,licenseKey:n,onLicenseCheckResponse:o,cleanup:i}){let s="",a;const p=l=>{console.warn("Cleanup plugin:",r,"Reason:",l),i()},d=(l={})=>{var w;const{error:g,sdkLicense:u}=l,h=(w=l.plan)==null?void 0:w.category;if(!(u||l.license)||g)p(g||"Invalid license");else if(h){const v=k[e],R=k[h];v>R&&p({pluginRequiredPlan:e,licensePlan:h})}};t.Commands.has(L.settings)&&(a=t.runCommand(L.settings),s=(a==null?void 0:a.baseUrl)||"");const c=l=>{o==null||o(l),l&&d(l)};if(!a){t.onReady(async()=>{if(!lt())if(n){const l=await ft({licenseKey:n,pluginName:r,baseApiUrl:s});c(l)}else p("The `licenseKey` option not provided")});return}if(a.licensePlan||a.licenseError){const l=ut(a);c(l);return}t.on(rt,l=>c(l))}const ut=t=>({sdkLicense:t.license,license:t.license,error:t.licenseError,plan:t.licensePlan});async function ft(t){const{licenseKey:e,pluginName:r,baseApiUrl:n}=t;try{return(await ct({baseApiUrl:n,path:`/sdk/${e||"na"}`,method:"POST",params:{d:window.location.hostname,pn:r}})).result||{}}catch(o){return console.error("Error during SDK license check:",o),!1}}const N="canvasGridMode",mt=G.startup,O="component-grid-mode",D="grid-mode",M="gjs-drag-grid-spot",q=`${M}__grid-item`,H=`${M}__grid-target`,Y=`${M}__snapped`,yt=`${M}__container`,ht=()=>{const t="data-gjs-drag-grid-style",e=document,r="var(--gs-theme-cl-cmp-bg1, var(--gjs-color-highlight))",n="var(--gs-theme-cl-cmp-bg2, var(--gjs-color-blue))",o=e.querySelector(`style[${t}]`)||e.createElement("style");o.setAttribute(t,"true"),o.innerHTML=`
         .${q} {
             outline: 2px solid ${n};
             background: ${r};
@@ -8,14 +8,14 @@
             height: 100%;
             opacity: 0.1;
         }
-        .${H} {
+        .${Y} {
             width: 100%;
             height: 100%;
             outline: 2px solid ${n};
             outline-offset: -2px;
             position: absolute;
         }
-        .${Y} {
+        .${H} {
             position: absolute;
             z-index: -1;
             background: ${r};
@@ -23,4 +23,4 @@
             outline-offset: -1px;
             opacity: 0.35;
         }
-    `,e.head.appendChild(o)};function X(t){const{editor:e,type:r}=t,n=St(e,t.component),o=F(e,n.component);if(!$t(e,n,o,r))return{target:n,container:o,startScroll:Z(e).scroll,shadowContainerEl:document.createElement("div"),shadowSnappedEl:document.createElement("div"),shadowTargetEl:document.createElement("div"),spot:e.Canvas.addSpot({type:D,component:o.component})}}function K(t){const{editor:e,shadowTargetEl:r,shadowSnappedEl:n,shadowContainerEl:o,spotEl:i,target:s,container:a}=t,{Canvas:p}=e,d=e.config.stylePrefix;i==null||i.appendChild(o),o==null||o.appendChild(r),o==null||o.appendChild(n),ht(o,a),wt(r,s,a),bt(n,s),vt(o,a.el),s.el.style.opacity="0";const c=p.getSpots().filter(l=>l.type!==D);e.em.stopDefault({preserveSelected:!0}),p.removeSpots(c),p.startAutoscroll(),p.getBody().classList.add(`${d}is__grabbing`)}function J(t){const{editor:e,shadowSnappedEl:r,shadowContainerEl:n,target:o,cancelled:i}=t,{Canvas:s}=e,a=e.config.stylePrefix,{component:p}=o;if(!i){const d=window.getComputedStyle(r);p.addStyle({"grid-area":d.gridArea,width:"",height:""})}o.el.style.opacity="",n.contains(r)&&(n==null||n.removeChild(r)),e.getModel().runDefault({preserveSelected:1}),s.stopAutoscroll(),s.getBody().classList.remove(`${a}is__grabbing`),s.removeSpots({type:D}),e.select(p)}function ht(t,{rows:e,columns:r}){const n=[];for(let o=0;o<r.length;o++){n[o]=[];for(let i=0;i<e.length;i++){const s=document.createElement("div");s.className=q,s.style.gridArea=`${i+1} / ${o+1}`,n[o][i]=s,t.appendChild(s)}}return n}function wt(t,e,r){return t.className=Y,t.style.top=`${e.offset.top-r.offset.top}px`,t.style.left=`${e.offset.left-r.offset.left}px`,t.style.width=`${e.offset.width+e.margin.left+e.margin.right}px`,t.style.height=`${e.offset.height+e.margin.top+e.margin.bottom}px`,t}function bt(t,e){const r=tt(e.el,e.computedStyles);return t.className=H,t.style.gridArea=`${r.row.start} / ${r.column.start} / ${r.row.end} / ${r.column.end}`,t}function vt(t,e){const r=window.getComputedStyle(e);t.className=mt,t.style.position="relative",t.style.display=r.display,t.style.gap=r.gap,t.style.padding=r.padding,t.style.border=r.border,t.style.gridTemplateColumns=r.gridTemplateColumns,t.style.gridTemplateRows=r.gridTemplateRows}function Q(t,e){if(e){if(Array.isArray(e))return[...e].pop()}else return[...t.getSelectedAll()].pop();return e}function St(t,e){const r=Q(t,e),n=r.getEl(),o=window.getComputedStyle(n);return{component:r,el:n,offset:t.Canvas.offset(n),margin:{top:parseFloat(o.marginTop),right:parseFloat(o.marginRight),bottom:parseFloat(o.marginBottom),left:parseFloat(o.marginLeft)},computedStyles:o}}function F(t,e){const r=e.parent(),n=r.getEl(),o=window.getComputedStyle(n);return{component:r,el:n,offset:t.Canvas.offset(n),computedStyles:o,padding:{top:parseFloat(o.paddingTop),right:parseFloat(o.paddingRight),bottom:parseFloat(o.paddingBottom),left:parseFloat(o.paddingLeft)},columns:o.gridTemplateColumns.split(" ").map(s=>parseFloat(s)),rows:o.gridTemplateRows.split(" ").map(s=>parseFloat(s)),gap:{column:parseInt(o.columnGap),row:parseInt(o.rowGap)}}}function T(t,e,r,n,o=1){let i=0;for(let s=e;s<=t.length;s++){if(i+(t[s-1]+n)*o>r)return s;i+=n+t[s-1]}return t.length+1}function Z(t){const{scrollY:e,scrollX:r}=t.Canvas.getWindow();return{scroll:{top:e,left:r}}}function $t(t,e,r,n){const o=i=>t.em.logWarning(i);return n==="draggable"&&e.component.get(n)===!1?(o(`[${N}] The element is not ${n}`),!0):r.computedStyles.display!=="grid"?(o(`[${N}] The container does not have style display:grid`),!0):!1}function B(t,e,r={}){const n=Q(t,e),o=n==null?void 0:n.parent(),i=o==null?void 0:o.getEl();if(!o||!i)return!1;const{enableGrid:s}=r,a=window.getComputedStyle(i).display==="grid";return U(s)?s({component:n,parent:o,isParentGrid:a}):a}const V=t=>t.split(" ").map(e=>parseFloat(e));function tt(t,e){const r=t.ownerDocument.defaultView,n=e||r.getComputedStyle(t),o=n.gridArea.split("/").some(b=>isNaN(parseInt(b.trim()))),i={isComputed:o,raw:n.gridArea};if(!o)return{...i,row:{start:parseInt(n.gridRowStart),end:parseInt(n.gridRowEnd)},column:{start:parseInt(n.gridColumnStart),end:parseInt(n.gridColumnEnd)}};const s=t.parentElement,a=r.getComputedStyle(s),p=parseFloat(a.columnGap)||0,d=parseFloat(a.rowGap)||0,c=V(a.gridTemplateColumns),l=V(a.gridTemplateRows),g=parseFloat(a.paddingLeft)||0,u=parseFloat(a.paddingTop)||0,h=s.getBoundingClientRect(),m=t.getBoundingClientRect(),w=(b,S,E,$,_)=>{let I=1,A=$+_;for(let C=0;C<S.length;C++){const j=S[C],nt=A+j;if(b>=A&&b<nt)return I;A=nt+E,I++}return-1},v=w(m.left,c,p,h.left,g),R=w(m.right-1,c,p,h.left,g)+1,y=w(m.top,l,d,h.top,u),f=w(m.bottom-1,l,d,h.top,u)+1;return{...i,row:{start:y,end:f},column:{start:v,end:R}}}function Rt(t){t.Commands.add(O,{stop(){},run(e,r,n={}){const o=X({editor:e,component:n.target,type:"draggable"});if(!o){this.stopCommand();return}const{spot:i,target:s,shadowContainerEl:a,shadowSnappedEl:p,shadowTargetEl:d,startScroll:c}=o;let{container:l}=o,g;new e.Utils.Dragger({doc:s.el.ownerDocument,onStart:()=>{g=setTimeout(()=>{K({editor:e,shadowTargetEl:d,shadowSnappedEl:p,shadowContainerEl:a,spotEl:i.attributes.spotEl,target:s,container:l}),l=F(e,s.component)},10)},onEnd:(h,m,{cancelled:w})=>{clearTimeout(g),J({editor:e,shadowSnappedEl:p,shadowContainerEl:a,target:s,cancelled:w}),this.stopCommand(),e.em.set("_cmpDrag",1)},setPosition:({x:h,y:m})=>{const{scroll:w}=Z(e),{columns:v,rows:R,gap:y,offset:f,padding:b}=l,{offset:S,margin:E}=s,$=S.top-f.top-b.top-E.top+m-c.top+w.top,_=S.left-f.left-b.left-E.left+h-c.left+w.left,I=Math.min(T(v,1,_,y.column,.5),v.length),A=Math.min(T(R,1,$,y.row,.5),R.length),C=Math.min(T(v,I,S.width,y.column)+1,v.length+1),j=Math.min(T(R,A,S.height,y.row)+1,R.length+1);p.style.gridArea=`${A} / ${I} / ${j} / ${C}`,d.style.top=`${$+b.top}px`,d.style.left=`${_+b.left}px`}}).start(n.event)}})}function Tt(t,e){const r=X({editor:t,component:e.component,type:"resizable"});if(!r)return;const{onMove:n,onEnd:o}=e.options||{},{spot:i,target:s,shadowContainerEl:a,shadowSnappedEl:p,shadowTargetEl:d}=r;let{container:c}=r,l="",g;return{onStart:u=>{l=u.target.dataset.gjsHandler||"",g=setTimeout(()=>{K({editor:t,shadowTargetEl:d,shadowSnappedEl:p,shadowContainerEl:a,spotEl:i.attributes.spotEl,target:s,container:c}),c=F(t,s.component)},10),t.trigger("component:resize",{...s,type:"start"})},onEnd:(u,h)=>{const{startDim:m,rectDim:w}=h.resizer,v=JSON.stringify(m)===JSON.stringify(w);clearTimeout(g),J({editor:t,shadowSnappedEl:p,shadowContainerEl:a,target:s,cancelled:v}),o==null||o(u,h)},onMove:(u,h)=>{const m=tt(p),w=s.margin.left,v=s.margin.top,R=s.margin.bottom,y=s.margin.right,{w:f,t:b,l:S,h:E}=h.resizer.rectDim,$={t:b-v,l:S-w,h:E+v+R,w:f+w+y};l.endsWith("l")&&(m.column.start=T(c.columns,1,$.l-c.offset.left-c.padding.left,c.gap.column,.5)),l.startsWith("t")&&(m.row.start=T(c.rows,1,$.t-c.offset.top-c.padding.top,c.gap.row,.5)),l.endsWith("r")&&(m.column.end=Math.max(T(c.columns,m.column.start,$.w,c.gap.column,.5),m.column.start+1)),l.startsWith("b")&&(m.row.end=Math.max(T(c.rows,m.row.start,$.h,c.gap.row,.5),m.row.start+1)),p.style.gridArea=`${m.row.start} / ${m.column.start} / ${m.row.end} / ${m.column.end}`,d.style.width=`${$.w}px`,d.style.height=`${$.h}px`,d.style.left=`${$.l-c.offset.left}px`,d.style.top=`${$.t-c.offset.top}px`,n==null||n(u,h)}}}const et=["px","%","em","rem","vw","vh"],xt=(t,e)=>{const r=t.Styles.getSectors().find(n=>!!n.getProperty(e));return{sector:r,property:r?r.getProperty(e):void 0}},Pt=(t,e)=>xt(t,e),Gt=(t,{x:e,y:r,mergable:n}={})=>{const o={property:`${t}-x`,type:"integer",units:et,...e},i={property:`${t}-y`,type:"integer",units:et,...r};return{property:t,type:"composite",properties:[o,i],...n&&{fromStyle(s,{name:a,separator:p,property:d}){const[c,l]=d.getProperties(),[g,u]=(s[a]||"").split(p);return{[c.getId()]:s[c.getName()]||g||"",[l.getId()]:s[l.getName()]||u||g||""}},toStyle(s,{name:a,property:p}){const[d,c]=p.getProperties(),l=s[d.getId()],g=s[c.getId()];return{[a]:l===g?l:`${l} ${g}`}}}}},z={display:["grid"]};function Et(t=""){const e=/^repeat\(\s*(\d+)\s*,\s*(.+)\s*\)$/i,r=/^minmax\(\s*(.+?)\s*,\s*(.+?)\s*\)$/i,n=t.match(e);if(!n)return null;const o=parseInt(n[1],10),i=n[2];let s=i,a=i;const p=i.match(r);return p&&(s=p[1],a=p[2]),{total:o,min:s===a?"":s,max:a}}function At(t={}){let e="",r="",n="",o="";const i=m=>m.split("/").map(w=>w.trim()).filter(Boolean),s=t["grid-area"]||"",a=t["grid-column"]||"",p=t["grid-row"]||"",d=i(s),c=i(a),l=i(p),g=d.length,u=c.length,h=l.length;return g===4?(n=d[0],e=d[1],o=d[2],r=d[3]):g===3?(n=d[0],e=d[1],o=d[2]):g===2?(n=d[0],e=d[1]):g===1&&(n=d[0]),u===2?(e=c[0],r=c[1]):u===1&&(e=c[0]),h===2?(n=l[0],o=l[1]):h===1&&(n=l[0]),{columnStart:e,columnEnd:r,rowStart:n,rowEnd:o}}function ot(t){const{property:e,label:r}=t,n="1",o="1fr";return{property:e,label:r,type:"composite",requires:z,generic:!0,properties:[{name:" ",property:`${e}-repeat`,type:"number",full:!0,min:1,default:"1"},{label:"Min size",property:`${e}-min`,type:"number",min:0,units:["px","%"],default:"0"},{label:"Max size",property:`${e}-max`,type:"number",min:1,units:["fr","px","%"],default:"1"}],fromStyle(i,s){const{name:a,property:p}=s,[d,c,l]=p.getProperties(),g=i[a],u=Et(g),h=(u==null?void 0:u.max)??o;return{[d.id]:(u==null?void 0:u.total)??n,[c.id]:(u==null?void 0:u.min)??"",[l.id]:h===o?"":h}},toStyle(i,{name:s,property:a}){const[p,d,c]=a.getProperties(),l=i[p.id],g=i[d.id],u=i[c.id]||o,h=g&&u?`minmax(${g}, ${u})`:u;return{[s]:`repeat(${l||n}, ${h})`}}}}function Dt(t,e){if(!e.styleableGrid)return;const{property:r,...n}=Pt(t,"display");if(!r)return;const o=r.getOption("grid"),i=n.sector;o||r.addOption({id:"grid",label:"Grid"}),i.addProperty(ot({label:"Columns",property:"grid-template-columns"}),{}),i.addProperty(ot({label:"Rows",property:"grid-template-rows"}),{}),i.addProperty({id:"grid-gap",requires:z,...Gt("gap",{x:{id:"grid-row-gap",label:"Row",property:"row-gap",min:0,default:"0"},y:{id:"grid-column-gap",label:"Column",property:"column-gap",min:0,default:"0"},mergable:!0})},{}),i.addProperty({type:"composite",property:"grid-area",label:"Grid area",requiresParent:z,generic:!0,properties:[{label:"Row start",property:"grid-row-start",type:"integer",default:"auto"},{label:"Row end",property:"grid-row-end",type:"integer",default:"auto"},{label:"Column start",property:"grid-column-start",type:"integer",default:"auto"},{label:"Column end",property:"grid-column-end",type:"integer",default:"auto"}],fromStyle(s){const a=At(s);return{"grid-column-start":s["grid-column-start"]||a.columnStart,"grid-column-end":s["grid-column-end"]||a.columnEnd,"grid-row-start":s["grid-row-start"]||a.rowStart,"grid-row-end":s["grid-row-end"]||a.rowEnd}},toStyle(s,{name:a}){const p=s["grid-row-start"]||"auto",d=s["grid-row-end"]||"auto",c=s["grid-column-start"]||"auto",l=s["grid-column-end"]||"auto";return{[a]:`${p} / ${c} / ${d} / ${l}`}}},{})}return pt(function(t,e={}){const r={itemResizable:!0,...e},{Canvas:n,Commands:o,Components:i}=t,{itemResizable:s}=r,a=n.events,p=o.events,d=i.events,c=`${p.runBeforeCommand}tlb-move`,l=`${p.runBeforeCommand}resize`;let g;Rt(t);const u=({options:y})=>{B(t,y.target,r)&&(t.runCommand(O,{...y}),y.abort=!0)},h=y=>{const{options:f}=y;B(t,f.component,r)&&(f.options=Object.assign(f.options||{},Tt(t,f)))},m=()=>{const y=n.getSpots({type:D}).pop();if(!y)return;let f=y.attributes.spotEl;f||(f=document.createElement("div"),f.className=M,y.set({spotEl:f})),Object.entries(y.getStyle()).forEach(([b,S])=>f.style.setProperty(b,S)),g==null||g.appendChild(f)},w=({spot:y})=>{const f=y.attributes.spotEl;y.type!==D||!f||g==null||g.removeChild(f)};if(s){const y=f=>{const b=U(s)?s({component:f}):s;return typeof b=="boolean"?b:{tl:!1,tc:!1,tr:!1,cl:!1,cr:!1,bl:!1,bc:!1,br:!1,...b}};t.on(d.resizeInit,f=>{const{component:b}=f;if(B(t,b,r)){const S=y(b);f.resizable=S}})}const v=[[c,u],[l,h],[a.spot,m],[a.spotRemove,w]];v.forEach(([y,f])=>{t.on(y,f)}),t.onReady(()=>{g=n.getSpotsEl(),yt(),Dt(t,r)});const R=()=>{delete t.Commands.commands[O],v.forEach(([y,f])=>{t.off(y,f)})};dt({editor:t,licenseKey:r.licenseKey,plan:ft,pluginName:N,cleanup:R})})});
+    `,e.head.appendChild(o)};function X(t){const{editor:e,type:r}=t,n=$t(e,t.component),o=F(e,n.component);if(!Rt(e,n,o,r))return{target:n,container:o,startScroll:Z(e).scroll,shadowContainerEl:document.createElement("div"),shadowSnappedEl:document.createElement("div"),shadowTargetEl:document.createElement("div"),spot:e.Canvas.addSpot({type:D,component:o.component})}}function K(t){const{editor:e,shadowTargetEl:r,shadowSnappedEl:n,shadowContainerEl:o,spotEl:i,target:s,container:a}=t,{Canvas:p}=e,d=e.config.stylePrefix;i==null||i.appendChild(o),o==null||o.appendChild(r),o==null||o.appendChild(n),wt(o,a),bt(r,s,a),vt(n,s),St(o,a.el),s.el.style.opacity="0";const c=p.getSpots().filter(l=>l.type!==D);e.em.stopDefault({preserveSelected:!0}),p.removeSpots(c),p.startAutoscroll(),p.getBody().classList.add(`${d}is__grabbing`)}function J(t){const{editor:e,shadowSnappedEl:r,shadowContainerEl:n,target:o,cancelled:i}=t,{Canvas:s}=e,a=e.config.stylePrefix,{component:p}=o;if(!i){const d=window.getComputedStyle(r);p.addStyle({"grid-area":d.gridArea,width:"",height:""})}o.el.style.opacity="",n.contains(r)&&(n==null||n.removeChild(r)),e.getModel().runDefault({preserveSelected:1}),s.stopAutoscroll(),s.getBody().classList.remove(`${a}is__grabbing`),s.removeSpots({type:D}),e.select(p)}function wt(t,{rows:e,columns:r}){const n=[];for(let o=0;o<r.length;o++){n[o]=[];for(let i=0;i<e.length;i++){const s=document.createElement("div");s.className=q,s.style.gridArea=`${i+1} / ${o+1}`,n[o][i]=s,t.appendChild(s)}}return n}function bt(t,e,r){return t.className=H,t.style.top=`${e.offset.top-r.offset.top}px`,t.style.left=`${e.offset.left-r.offset.left}px`,t.style.width=`${e.offset.width+e.margin.left+e.margin.right}px`,t.style.height=`${e.offset.height+e.margin.top+e.margin.bottom}px`,t}function vt(t,e){const r=tt(e.el,e.computedStyles);return t.className=Y,t.style.gridArea=`${r.row.start} / ${r.column.start} / ${r.row.end} / ${r.column.end}`,t}function St(t,e){const r=window.getComputedStyle(e);t.className=yt,t.style.position="relative",t.style.display=r.display,t.style.gap=r.gap,t.style.padding=r.padding,t.style.border=r.border,t.style.gridTemplateColumns=r.gridTemplateColumns,t.style.gridTemplateRows=r.gridTemplateRows}function Q(t,e){if(e){if(Array.isArray(e))return[...e].pop()}else return[...t.getSelectedAll()].pop();return e}function $t(t,e){const r=Q(t,e),n=r.getEl(),o=window.getComputedStyle(n);return{component:r,el:n,offset:t.Canvas.offset(n),margin:{top:parseFloat(o.marginTop),right:parseFloat(o.marginRight),bottom:parseFloat(o.marginBottom),left:parseFloat(o.marginLeft)},computedStyles:o}}function F(t,e){const r=e.parent(),n=r.getEl(),o=window.getComputedStyle(n);return{component:r,el:n,offset:t.Canvas.offset(n),computedStyles:o,padding:{top:parseFloat(o.paddingTop),right:parseFloat(o.paddingRight),bottom:parseFloat(o.paddingBottom),left:parseFloat(o.paddingLeft)},columns:o.gridTemplateColumns.split(" ").map(s=>parseFloat(s)),rows:o.gridTemplateRows.split(" ").map(s=>parseFloat(s)),gap:{column:parseInt(o.columnGap),row:parseInt(o.rowGap)}}}function T(t,e,r,n,o=1){let i=0;for(let s=e;s<=t.length;s++){if(i+(t[s-1]+n)*o>r)return s;i+=n+t[s-1]}return t.length+1}function Z(t){const{scrollY:e,scrollX:r}=t.Canvas.getWindow();return{scroll:{top:e,left:r}}}function Rt(t,e,r,n){const o=i=>t.em.logWarning(i);return n==="draggable"&&e.component.get(n)===!1?(o(`[${N}] The element is not ${n}`),!0):r.computedStyles.display!=="grid"?(o(`[${N}] The container does not have style display:grid`),!0):!1}function B(t,e,r={}){const n=Q(t,e),o=n==null?void 0:n.parent(),i=o==null?void 0:o.getEl();if(!o||!i)return!1;const{enableGrid:s}=r,a=window.getComputedStyle(i).display==="grid";return U(s)?s({component:n,parent:o,isParentGrid:a}):a}const V=t=>t.split(" ").map(e=>parseFloat(e));function tt(t,e){const r=t.ownerDocument.defaultView,n=e||r.getComputedStyle(t),o=n.gridArea.split("/").some(b=>isNaN(parseInt(b.trim()))),i={isComputed:o,raw:n.gridArea};if(!o)return{...i,row:{start:parseInt(n.gridRowStart),end:parseInt(n.gridRowEnd)},column:{start:parseInt(n.gridColumnStart),end:parseInt(n.gridColumnEnd)}};const s=t.parentElement,a=r.getComputedStyle(s),p=parseFloat(a.columnGap)||0,d=parseFloat(a.rowGap)||0,c=V(a.gridTemplateColumns),l=V(a.gridTemplateRows),g=parseFloat(a.paddingLeft)||0,u=parseFloat(a.paddingTop)||0,h=s.getBoundingClientRect(),m=t.getBoundingClientRect(),w=(b,S,E,$,_)=>{let I=1,A=$+_;for(let C=0;C<S.length;C++){const j=S[C],nt=A+j;if(b>=A&&b<nt)return I;A=nt+E,I++}return-1},v=w(m.left,c,p,h.left,g),R=w(m.right-1,c,p,h.left,g)+1,y=w(m.top,l,d,h.top,u),f=w(m.bottom-1,l,d,h.top,u)+1;return{...i,row:{start:y,end:f},column:{start:v,end:R}}}function Tt(t){t.Commands.add(O,{stop(){},run(e,r,n={}){const o=X({editor:e,component:n.target,type:"draggable"});if(!o){this.stopCommand();return}const{spot:i,target:s,shadowContainerEl:a,shadowSnappedEl:p,shadowTargetEl:d,startScroll:c}=o;let{container:l}=o,g;new e.Utils.Dragger({doc:s.el.ownerDocument,onStart:()=>{g=setTimeout(()=>{K({editor:e,shadowTargetEl:d,shadowSnappedEl:p,shadowContainerEl:a,spotEl:i.attributes.spotEl,target:s,container:l}),l=F(e,s.component)},10)},onEnd:(h,m,{cancelled:w})=>{clearTimeout(g),J({editor:e,shadowSnappedEl:p,shadowContainerEl:a,target:s,cancelled:w}),this.stopCommand(),e.em.set("_cmpDrag",1)},setPosition:({x:h,y:m})=>{const{scroll:w}=Z(e),{columns:v,rows:R,gap:y,offset:f,padding:b}=l,{offset:S,margin:E}=s,$=S.top-f.top-b.top-E.top+m-c.top+w.top,_=S.left-f.left-b.left-E.left+h-c.left+w.left,I=Math.min(T(v,1,_,y.column,.5),v.length),A=Math.min(T(R,1,$,y.row,.5),R.length),C=Math.min(T(v,I,S.width,y.column)+1,v.length+1),j=Math.min(T(R,A,S.height,y.row)+1,R.length+1);p.style.gridArea=`${A} / ${I} / ${j} / ${C}`,d.style.top=`${$+b.top}px`,d.style.left=`${_+b.left}px`}}).start(n.event)}})}function xt(t,e){const r=X({editor:t,component:e.component,type:"resizable"});if(!r)return;const{onMove:n,onEnd:o}=e.options||{},{spot:i,target:s,shadowContainerEl:a,shadowSnappedEl:p,shadowTargetEl:d}=r;let{container:c}=r,l="",g;return{onStart:u=>{l=u.target.dataset.gjsHandler||"",g=setTimeout(()=>{K({editor:t,shadowTargetEl:d,shadowSnappedEl:p,shadowContainerEl:a,spotEl:i.attributes.spotEl,target:s,container:c}),c=F(t,s.component)},10),t.trigger("component:resize",{...s||{},type:"start"})},onEnd:(u,h)=>{const{startDim:m,rectDim:w}=h.resizer,v=JSON.stringify(m)===JSON.stringify(w);clearTimeout(g),J({editor:t,shadowSnappedEl:p,shadowContainerEl:a,target:s,cancelled:v}),o==null||o(u,h)},onMove:(u,h)=>{const m=tt(p),w=s.margin.left,v=s.margin.top,R=s.margin.bottom,y=s.margin.right,{w:f,t:b,l:S,h:E}=h.resizer.rectDim,$={t:b-v,l:S-w,h:E+v+R,w:f+w+y};l.endsWith("l")&&(m.column.start=T(c.columns,1,$.l-c.offset.left-c.padding.left,c.gap.column,.5)),l.startsWith("t")&&(m.row.start=T(c.rows,1,$.t-c.offset.top-c.padding.top,c.gap.row,.5)),l.endsWith("r")&&(m.column.end=Math.max(T(c.columns,m.column.start,$.w,c.gap.column,.5),m.column.start+1)),l.startsWith("b")&&(m.row.end=Math.max(T(c.rows,m.row.start,$.h,c.gap.row,.5),m.row.start+1)),p.style.gridArea=`${m.row.start} / ${m.column.start} / ${m.row.end} / ${m.column.end}`,d.style.width=`${$.w}px`,d.style.height=`${$.h}px`,d.style.left=`${$.l-c.offset.left}px`,d.style.top=`${$.t-c.offset.top}px`,n==null||n(u,h)}}}const et=["px","%","em","rem","vw","vh"],Pt=(t,e)=>{const r=t.Styles.getSectors().find(n=>!!n.getProperty(e));return{sector:r,property:r?r.getProperty(e):void 0}},Gt=(t,e)=>Pt(t,e),Et=(t,{x:e,y:r,mergable:n}={})=>{const o={property:`${t}-x`,type:"integer",units:et,...e},i={property:`${t}-y`,type:"integer",units:et,...r};return{property:t,type:"composite",properties:[o,i],...n&&{fromStyle(s,{name:a,separator:p,property:d}){const[c,l]=d.getProperties(),[g,u]=(s[a]||"").split(p);return{[c.getId()]:s[c.getName()]||g||"",[l.getId()]:s[l.getName()]||u||g||""}},toStyle(s,{name:a,property:p}){const[d,c]=p.getProperties(),l=s[d.getId()],g=s[c.getId()];return{[a]:l===g?l:`${l} ${g}`}}}}},z={display:["grid"]};function At(t=""){const e=/^repeat\(\s*(\d+)\s*,\s*(.+)\s*\)$/i,r=/^minmax\(\s*(.+?)\s*,\s*(.+?)\s*\)$/i,n=t.match(e);if(!n)return null;const o=parseInt(n[1],10),i=n[2];let s=i,a=i;const p=i.match(r);return p&&(s=p[1],a=p[2]),{total:o,min:s===a?"":s,max:a}}function Dt(t={}){let e="",r="",n="",o="";const i=m=>m.split("/").map(w=>w.trim()).filter(Boolean),s=t["grid-area"]||"",a=t["grid-column"]||"",p=t["grid-row"]||"",d=i(s),c=i(a),l=i(p),g=d.length,u=c.length,h=l.length;return g===4?(n=d[0],e=d[1],o=d[2],r=d[3]):g===3?(n=d[0],e=d[1],o=d[2]):g===2?(n=d[0],e=d[1]):g===1&&(n=d[0]),u===2?(e=c[0],r=c[1]):u===1&&(e=c[0]),h===2?(n=l[0],o=l[1]):h===1&&(n=l[0]),{columnStart:e,columnEnd:r,rowStart:n,rowEnd:o}}function ot(t){const{property:e,label:r}=t,n="1",o="1fr";return{property:e,label:r,type:"composite",requires:z,generic:!0,properties:[{name:" ",property:`${e}-repeat`,type:"number",full:!0,min:1,default:"1"},{label:"Min size",property:`${e}-min`,type:"number",min:0,units:["px","%"],default:"0"},{label:"Max size",property:`${e}-max`,type:"number",min:1,units:["fr","px","%"],default:"1"}],fromStyle(i,s){const{name:a,property:p}=s,[d,c,l]=p.getProperties(),g=i[a],u=At(g),h=(u==null?void 0:u.max)??o;return{[d.id]:(u==null?void 0:u.total)??n,[c.id]:(u==null?void 0:u.min)??"",[l.id]:h===o?"":h}},toStyle(i,{name:s,property:a}){const[p,d,c]=a.getProperties(),l=i[p.id],g=i[d.id],u=i[c.id]||o,h=g&&u?`minmax(${g}, ${u})`:u;return{[s]:`repeat(${l||n}, ${h})`}}}}function Mt(t,e){if(!e.styleableGrid)return;const{property:r,...n}=Gt(t,"display");if(!r)return;const o=r.getOption("grid"),i=n.sector;o||r.addOption({id:"grid",label:"Grid"}),i.addProperty(ot({label:"Columns",property:"grid-template-columns"}),{}),i.addProperty(ot({label:"Rows",property:"grid-template-rows"}),{}),i.addProperty({id:"grid-gap",requires:z,...Et("gap",{x:{id:"grid-row-gap",label:"Row",property:"row-gap",min:0,default:"0"},y:{id:"grid-column-gap",label:"Column",property:"column-gap",min:0,default:"0"},mergable:!0})},{}),i.addProperty({type:"composite",property:"grid-area",label:"Grid area",requiresParent:z,generic:!0,properties:[{label:"Row start",property:"grid-row-start",type:"integer",default:"auto"},{label:"Row end",property:"grid-row-end",type:"integer",default:"auto"},{label:"Column start",property:"grid-column-start",type:"integer",default:"auto"},{label:"Column end",property:"grid-column-end",type:"integer",default:"auto"}],fromStyle(s){const a=Dt(s);return{"grid-column-start":s["grid-column-start"]||a.columnStart,"grid-column-end":s["grid-column-end"]||a.columnEnd,"grid-row-start":s["grid-row-start"]||a.rowStart,"grid-row-end":s["grid-row-end"]||a.rowEnd}},toStyle(s,{name:a}){const p=s["grid-row-start"]||"auto",d=s["grid-row-end"]||"auto",c=s["grid-column-start"]||"auto",l=s["grid-column-end"]||"auto";return{[a]:`${p} / ${c} / ${d} / ${l}`}}},{})}return dt(function(t,e={}){const r={itemResizable:!0,...e},{Canvas:n,Commands:o,Components:i}=t,{itemResizable:s}=r,a=n.events,p=o.events,d=i.events,c=`${p.runBeforeCommand}tlb-move`,l=`${p.runBeforeCommand}resize`;let g;Tt(t);const u=({options:y})=>{B(t,y.target,r)&&(t.runCommand(O,{...y}),y.abort=!0)},h=y=>{const{options:f}=y;B(t,f.component,r)&&(f.options=Object.assign(f.options||{},xt(t,f)))},m=()=>{const y=n.getSpots({type:D}).pop();if(!y)return;let f=y.attributes.spotEl;f||(f=document.createElement("div"),f.className=M,y.set({spotEl:f})),Object.entries(y.getStyle()).forEach(([b,S])=>f.style.setProperty(b,S)),g==null||g.appendChild(f)},w=({spot:y})=>{const f=y.attributes.spotEl;y.type!==D||!f||g==null||g.removeChild(f)};if(s){const y=f=>{const b=U(s)?s({component:f}):s;return typeof b=="boolean"?b:{tl:!1,tc:!1,tr:!1,cl:!1,cr:!1,bl:!1,bc:!1,br:!1,...b}};t.on(d.resizeInit,f=>{const{component:b}=f;if(B(t,b,r)){const S=y(b);f.resizable=S}})}const v=[[c,u],[l,h],[a.spot,m],[a.spotRemove,w]];v.forEach(([y,f])=>{t.on(y,f)}),t.onReady(()=>{g=n.getSpotsEl(),ht(),Mt(t,r)});const R=()=>{delete t.Commands.commands[O],v.forEach(([y,f])=>{t.off(y,f)})};gt({editor:t,licenseKey:r.licenseKey,plan:mt,pluginName:N,cleanup:R})})});

package/dist/canvasScreenshot/index.cjs.js

@@ -1 +1 @@
-"use strict";const D="app.grapesjs.com",L="app-stage.grapesjs.com",G="app2.grapesjs.com",I="app-stage2.grapesjs.com",A=[D,G,L,I,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],x="license:check:end",O=()=>typeof window<"u",B=(e,o={})=>{const n=j(e)?{id:e,src:e}:e;return new Promise((r,a)=>{var p,d;const{loadedScripts:i}=o,{id:c,src:s}=n,l=document.querySelector(`script[src="${s}"]`);if(l){if((p=o.onScript)==null||p.call(o,l),i&&!i.get(s)){l.addEventListener("load",()=>r(c)),l.addEventListener("error",()=>a(c));return}return r(c)}const u=window.define;window.define=void 0;const g=()=>{i==null||i.set(s,!0),window.define=u},t=document.createElement("script");t.src=s,t.onload=()=>{r(c),g()},t.onerror=()=>{a(c),g()},document.head.appendChild(t),(d=o.onScript)==null||d.call(o,t)})},M=e=>{const o=e.map(n=>B(n));return Promise.allSettled(o)},N=async e=>{const o=window.define;window.define=void 0;const n=await M(e);return window.define=o,n},U=({isDev:e,isStage:o,isPlatform:n})=>`${e?"":`https://${o?L:D}`}/${n?"platform-api":"api"}`,$=()=>{const e=O()&&window.location.hostname;return!!e&&(A.includes(e)||A.some(o=>e.endsWith(o)))},j=e=>typeof e=="string";async function _({path:e,baseApiUrl:o,method:n="GET",headers:r={},params:a,body:i}){const s=`${o||U({isDev:!1,isStage:!1})}${e}`,l={method:n,headers:{"Content-Type":"application/json",...r}};i&&(l.body=JSON.stringify(i));const u=a?new URLSearchParams(a).toString():"",g=u?`?${u}`:"",t=await fetch(`${s}${g}`,l);if(!t.ok)throw new Error(`HTTP error! status: ${t.status}`);return t.json()}var h=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(h||{}),P=(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))(P||{});const R={[h.free]:0,[h.startup]:10,[h.business]:20,[h.enterprise]:30};function W(e){const o=e;return o.init=n=>r=>e(r,n),o}const k=e=>W(e);async function F({editor:e,plan:o,pluginName:n,licenseKey:r,onLicenseCheckResponse:a,cleanup:i}){let c="",s;const l=t=>{console.warn("Cleanup plugin:",n,"Reason:",t),i()},u=(t={})=>{var v;const{error:p,sdkLicense:d}=t,f=(v=t.plan)==null?void 0:v.category;if(!(d||t.license)||p)l(p||"Invalid license");else if(f){const y=R[o],b=R[f];y>b&&l({pluginRequiredPlan:o,licensePlan:f})}};e.Commands.has(P.settings)&&(s=e.runCommand(P.settings),c=(s==null?void 0:s.baseUrl)||"");const g=t=>{a==null||a(t),t&&u(t)};if(!s){e.onReady(async()=>{if(!$())if(r){const t=await K({licenseKey:r,pluginName:n,baseApiUrl:c});g(t)}else l("The `licenseKey` option not provided")});return}if(s.licensePlan||s.licenseError){const t=H(s);g(t);return}e.on(x,t=>g(t))}const H=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function K(e){const{licenseKey:o,pluginName:n,baseApiUrl:r}=e;try{return(await _({baseApiUrl:r,path:`/sdk/${o||"na"}`,method:"POST",params:{d:window.location.hostname,pn:n}})).result||{}}catch(a){return console.error("Error during SDK license check:",a),!1}}const S="canvasScreenshot",q=h.startup;var E=(e=>(e.screenshot="studioPlugin:screenshot",e))(E||{});const J=async e=>await N([{id:"html-to-image",src:e}]),z=async(e,o={},n={})=>{const{cdnScript:r}=n;if(!window.htmlToImage){if(!r)return;await J(r)}return new Promise((a,i)=>{(async()=>{try{const{canvasWidth:s,canvasHeight:l,width:u,height:g,type:t,quality:p,addOptions:d}=o,f={pixelRatio:1,width:u,height:g,canvasWidth:s,canvasHeight:l},T=(d==null?void 0:d(f))||f,y=await window.htmlToImage.toCanvas(e,T);y.toBlob(b=>{b?a({file:b,canvas:y}):i(new Error("Failed to create file from canvas"))},t,p)}catch(s){i(s)}})()})},w=E.screenshot,Q=function(e,o={}){const{Commands:n,Canvas:r,Storage:a}=e,i=a.events.afterStore,c={cdnScript:"https://cdnjs.cloudflare.com/ajax/libs/html-to-image/1.11.13/html-to-image.min.js",...o};n.add(w,async(u,g,t)=>{const{el:p,...d}=t;return await z(p,d,c)});const s=async()=>{var g;const u=r.getBody();if(!u)return e.log("Canvas element not found");try{const t=await e.runCommand(w,{el:u,canvasWidth:400,canvasHeight:225,width:1200,height:675,type:"image/jpeg"});(g=c.screenshotOnSave)==null||g.call(c,{...t,editor:e})}catch(t){console.error("Screenshot error",t)}};c.screenshotOnSave&&e.on(i,s);const l=()=>{delete n.commands[w],e.off(i,s)};F({editor:e,licenseKey:o.licenseKey,plan:q,pluginName:S,cleanup:l})},V=k(Q);module.exports=V;
+"use strict";const D="app.grapesjs.com",L="app-stage.grapesjs.com",G="app2.grapesjs.com",I="app-stage2.grapesjs.com",A=[D,G,L,I,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io",".claudemcpcontent.com",".web-sandbox.oaiusercontent.com"],x="license:check:end",O=()=>typeof window<"u",B=(e,o={})=>{const n=_(e)?{id:e,src:e}:e;return new Promise((r,a)=>{var p,d;const{loadedScripts:i}=o,{id:c,src:s}=n,l=document.querySelector(`script[src="${s}"]`);if(l){if((p=o.onScript)==null||p.call(o,l),i&&!i.get(s)){l.addEventListener("load",()=>r(c)),l.addEventListener("error",()=>a(c));return}return r(c)}const u=window.define;window.define=void 0;const g=()=>{i==null||i.set(s,!0),window.define=u},t=document.createElement("script");t.src=s,t.onload=()=>{r(c),g()},t.onerror=()=>{a(c),g()},document.head.appendChild(t),(d=o.onScript)==null||d.call(o,t)})},M=e=>{const o=e.map(n=>B(n));return Promise.allSettled(o)},N=async e=>{const o=window.define;window.define=void 0;const n=await M(e);return window.define=o,n},U=({isDev:e,isStage:o,isPlatform:n})=>`${e?"":`https://${o?L:D}`}/${n?"platform-api":"api"}`,$=()=>{if(!O())return"";const{hostname:e}=window.location;if(e)return e;try{return window.parent.location.hostname||""}catch{return""}},j=()=>{const e=$();return!!e&&(A.includes(e)||A.some(o=>e.endsWith(o)))},_=e=>typeof e=="string";async function W({path:e,baseApiUrl:o,method:n="GET",headers:r={},params:a,body:i}){const s=`${o||U({isDev:!1,isStage:!1})}${e}`,l={method:n,headers:{"Content-Type":"application/json",...r}};i&&(l.body=JSON.stringify(i));const u=a?new URLSearchParams(a).toString():"",g=u?`?${u}`:"",t=await fetch(`${s}${g}`,l);if(!t.ok)throw new Error(`HTTP error! status: ${t.status}`);return t.json()}var h=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(h||{}),P=(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))(P||{});const R={[h.free]:0,[h.startup]:10,[h.business]:20,[h.enterprise]:30};function k(e){const o=e;return o.init=n=>r=>e(r,n),o}const F=e=>k(e);async function H({editor:e,plan:o,pluginName:n,licenseKey:r,onLicenseCheckResponse:a,cleanup:i}){let c="",s;const l=t=>{console.warn("Cleanup plugin:",n,"Reason:",t),i()},u=(t={})=>{var v;const{error:p,sdkLicense:d}=t,f=(v=t.plan)==null?void 0:v.category;if(!(d||t.license)||p)l(p||"Invalid license");else if(f){const y=R[o],b=R[f];y>b&&l({pluginRequiredPlan:o,licensePlan:f})}};e.Commands.has(P.settings)&&(s=e.runCommand(P.settings),c=(s==null?void 0:s.baseUrl)||"");const g=t=>{a==null||a(t),t&&u(t)};if(!s){e.onReady(async()=>{if(!j())if(r){const t=await S({licenseKey:r,pluginName:n,baseApiUrl:c});g(t)}else l("The `licenseKey` option not provided")});return}if(s.licensePlan||s.licenseError){const t=K(s);g(t);return}e.on(x,t=>g(t))}const K=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function S(e){const{licenseKey:o,pluginName:n,baseApiUrl:r}=e;try{return(await W({baseApiUrl:r,path:`/sdk/${o||"na"}`,method:"POST",params:{d:window.location.hostname,pn:n}})).result||{}}catch(a){return console.error("Error during SDK license check:",a),!1}}const q="canvasScreenshot",J=h.startup;var E=(e=>(e.screenshot="studioPlugin:screenshot",e))(E||{});const z=async e=>await N([{id:"html-to-image",src:e}]),Q=async(e,o={},n={})=>{const{cdnScript:r}=n;if(!window.htmlToImage){if(!r)return;await z(r)}return new Promise((a,i)=>{(async()=>{try{const{canvasWidth:s,canvasHeight:l,width:u,height:g,type:t,quality:p,addOptions:d}=o,f={pixelRatio:1,width:u,height:g,canvasWidth:s,canvasHeight:l},T=(d==null?void 0:d(f))||f,y=await window.htmlToImage.toCanvas(e,T);y.toBlob(b=>{b?a({file:b,canvas:y}):i(new Error("Failed to create file from canvas"))},t,p)}catch(s){i(s)}})()})},w=E.screenshot,V=function(e,o={}){const{Commands:n,Canvas:r,Storage:a}=e,i=a.events.afterStore,c={cdnScript:"https://cdnjs.cloudflare.com/ajax/libs/html-to-image/1.11.13/html-to-image.min.js",...o};n.add(w,async(u,g,t)=>{const{el:p,...d}=t;return await Q(p,d,c)});const s=async()=>{var g;const u=r.getBody();if(!u)return e.log("Canvas element not found");try{const t=await e.runCommand(w,{el:u,canvasWidth:400,canvasHeight:225,width:1200,height:675,type:"image/jpeg"});(g=c.screenshotOnSave)==null||g.call(c,{...t,editor:e})}catch(t){console.error("Screenshot error",t)}};c.screenshotOnSave&&e.on(i,s);const l=()=>{delete n.commands[w],e.off(i,s)};H({editor:e,licenseKey:o.licenseKey,plan:J,pluginName:q,cleanup:l})},X=F(V);module.exports=X;