@grapesjs/studio-sdk-plugins 1.0.38 → 1.0.39-rc.1

package/dist/dialogComponent/index.es.js

@@ -1,8 +1,8 @@
-const A = "app.grapesjs.com", k = "app-stage.grapesjs.com", R = "app2.grapesjs.com", _ = "app-stage2.grapesjs.com", x = [
-  A,
-  R,
+const k = "app.grapesjs.com", A = "app-stage.grapesjs.com", R = "app2.grapesjs.com", $ = "app-stage2.grapesjs.com", x = [
   k,
-  _,
+  R,
+  A,
+  $,
   "localhost",
   "127.0.0.1",
   ".local-credentialless.webcontainer.io",
@@ -15,12 +15,12 @@ const A = "app.grapesjs.com", k = "app-stage.grapesjs.com", R = "app2.grapesjs.c
   // For Claude mcp app
   ".web-sandbox.oaiusercontent.com"
   // For OpenAI mcp app
-], $ = "license:check:end", G = () => typeof window < "u", N = ({
+], G = "license:check:end", B = () => typeof window < "u", N = ({
   isDev: e,
-  isStage: s,
+  isStage: n,
   isPlatform: r
-}) => `${e ? "" : `https://${s ? k : A}`}/${r ? "platform-api" : "api"}`, B = () => {
-  if (!G()) return "";
+}) => `${e ? "" : `https://${n ? A : k}`}/${r ? "platform-api" : "api"}`, I = () => {
+  if (!B()) return "";
   const { hostname: e } = window.location;
   if (e) return e;
   try {
@@ -29,97 +29,100 @@ const A = "app.grapesjs.com", k = "app-stage.grapesjs.com", R = "app2.grapesjs.c
     return "";
   }
 }, M = () => {
-  const e = B();
-  return !!e && (x.includes(e) || x.some((s) => e.endsWith(s)));
+  const e = I();
+  return !!e && (x.includes(e) || x.some((n) => e.endsWith(n)));
 };
-async function I({
+async function U({
   path: e,
-  baseApiUrl: s,
+  baseApiUrl: n,
   method: r = "GET",
-  headers: n = {},
+  headers: s = {},
   params: c,
-  body: i
+  body: a
 }) {
-  const a = `${s || N({ isDev: !1, isStage: !1 })}${e}`, g = {
+  const i = `${n || N({ isDev: !1, isStage: !1 })}${e}`, g = {
     method: r,
     headers: {
       "Content-Type": "application/json",
-      ...n
+      ...s
     }
   };
-  i && (g.body = JSON.stringify(i));
-  const p = c ? new URLSearchParams(c).toString() : "", d = p ? `?${p}` : "", o = await fetch(`${a}${d}`, g);
+  a && (g.body = JSON.stringify(a));
+  const p = c ? new URLSearchParams(c).toString() : "", d = p ? `?${p}` : "", o = await fetch(`${i}${d}`, g);
   if (!o.ok)
     throw new Error(`HTTP error! status: ${o.status}`);
   return o.json();
 }
-var E = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(E || {}), T = /* @__PURE__ */ ((e) => (e.toastAdd = "studio:toastAdd", e.toastRemove = "studio:toastRemove", e.dialogOpen = "studio:dialogOpen", e.dialogClose = "studio:dialogClose", e.dialogExportCode = "studio:dialogExportCode", e.dialogImportCode = "studio:dialogImportCode", e.openEditCode = "studio:openEditCode", 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))(T || {});
+var E = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(E || {}), T = /* @__PURE__ */ ((e) => (e.toastAdd = "studio:toastAdd", e.toastRemove = "studio:toastRemove", e.dialogOpen = "studio:dialogOpen", e.dialogClose = "studio:dialogClose", e.dialogExportCode = "studio:dialogExportCode", e.dialogImportCode = "studio:dialogImportCode", e.openEditCode = "studio:openEditCode", e.openBlocks = "studio:openBlocks", e.appendComponent = "studio:appendComponent", 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))(T || {});
 const O = {
   [E.free]: 0,
   [E.startup]: 10,
   [E.business]: 20,
   [E.enterprise]: 30
 };
-function m(e) {
-  const s = e;
-  return s.init = (r) => (n) => e(n, r), s;
+function m(e, n) {
+  const r = e;
+  return r.init = (s) => {
+    const c = (a) => e(a, s);
+    return c.__gjsPluginId = n, c;
+  }, r;
 }
-const U = (e) => /* @__PURE__ */ m(e);
-async function q({
+const q = (e, n) => /* @__PURE__ */ m(e, n);
+async function X({
   editor: e,
-  plan: s,
+  plan: n,
   pluginName: r,
-  licenseKey: n,
+  licenseKey: s,
   onLicenseCheckResponse: c,
-  cleanup: i
+  cleanup: a
 }) {
-  let u = "", a;
+  let u = "", i;
   const g = (o) => {
-    console.warn("Cleanup plugin:", r, "Reason:", o), i();
+    console.warn("Cleanup plugin:", r, "Reason:", o), a(e, r);
   }, p = (o = {}) => {
     var b;
     const { error: v, sdkLicense: L } = o, l = (b = o.plan) == null ? void 0 : b.category;
     if (!(L || o.license) || v)
       g(v || "Invalid license");
     else if (l) {
-      const P = O[s], w = O[l];
-      P > w && g({ pluginRequiredPlan: s, licensePlan: l });
+      const P = O[n], w = O[l];
+      P > w && g({ pluginRequiredPlan: n, licensePlan: l });
     }
   };
-  e.Commands.has(T.settings) && (a = e.runCommand(T.settings), u = (a == null ? void 0 : a.baseUrl) || "");
+  e.Commands.has(T.settings) && (i = e.runCommand(T.settings), u = (i == null ? void 0 : i.baseUrl) || "");
   const d = (o) => {
     c == null || c(o), o && p(o);
   };
-  if (!a) {
+  if (!i) {
     e.onReady(async () => {
       if (!M())
-        if (n) {
-          const o = await F({ licenseKey: n, pluginName: r, baseApiUrl: u });
+        if (s) {
+          const o = await z({ licenseKey: s, pluginName: r, baseApiUrl: u });
           d(o);
         } else
           g("The `licenseKey` option not provided");
     });
     return;
   }
-  if (a.licensePlan || a.licenseError) {
-    const o = X(a);
+  if (i.licensePlan || i.licenseError) {
+    const o = F(i);
     d(o);
     return;
   }
-  e.on($, (o) => d(o));
+  e.on(G, (o) => d(o));
 }
-const X = (e) => ({
+const F = (e) => ({
   sdkLicense: e.license,
   license: e.license,
   error: e.licenseError,
   plan: e.licensePlan
 });
-async function F(e) {
-  const { licenseKey: s, pluginName: r, baseApiUrl: n } = e;
+async function z(e) {
+  const { licenseKey: n, pluginName: r, baseApiUrl: s } = e;
   try {
-    return (await I({
-      baseApiUrl: n,
-      path: `/sdk/${s || "na"}`,
+    return (await U({
+      baseApiUrl: s,
+      path: `/sdk/${n || "na"}`,
       method: "POST",
       params: {
         d: window.location.hostname,
@@ -130,9 +133,9 @@ async function F(e) {
     return console.error("Error during SDK license check:", c), !1;
   }
 }
-const j = (...e) => e.map((s) => `[data-gjs-type="${s}"]`).join(","), z = "dialogComponent", H = function(e, s = {}) {
-  const { Blocks: r, Components: n } = e, { licenseKey: c } = s, i = "gjs-plg-dialog", u = "gjs-plg-dialog-overlay", a = "gjs-plg-dialog-content", g = "gjs-plg-dialog-close", p = "gjs-plg-dialog-title", d = "gjs-plg-dialog-body", o = "gjs-plg-dialog-description", v = "gjs-plg-dialog-placeholder";
-  r.add(i, {
+const j = (...e) => e.map((n) => `[data-gjs-type="${n}"]`).join(","), D = "dialogComponent", H = function(e, n = {}) {
+  const { Blocks: r, Components: s } = e, { licenseKey: c } = n, a = "gjs-plg-dialog", u = "gjs-plg-dialog-overlay", i = "gjs-plg-dialog-content", g = "gjs-plg-dialog-close", p = "gjs-plg-dialog-title", d = "gjs-plg-dialog-body", o = "gjs-plg-dialog-description", v = "gjs-plg-dialog-placeholder";
+  r.add(a, {
     label: "Dialog",
     media: `
     <svg viewBox="0 0 24 24">
@@ -140,19 +143,19 @@ const j = (...e) => e.map((s) => `[data-gjs-type="${s}"]`).join(","), z = "dialo
     </svg>
   `,
     category: "Extra",
-    content: { type: i },
+    content: { type: a },
     activate: !0,
-    ...s.block
-  }), n.addType(i, {
+    ...n.block
+  }), s.addType(a, {
     model: {
       defaults: {
         tagName: "div",
-        attributes: { class: i, "data-type-role": i },
+        attributes: { class: a, "data-type-role": a },
         components: [{ type: u }, { type: v }],
         draggable: j("wrapper"),
-        droppable: j(i),
+        droppable: j(a),
         styles: `
-          .${i} {
+          .${a} {
             position: relative;
             z-index: 1;
           }
@@ -226,7 +229,7 @@ const j = (...e) => e.map((s) => `[data-gjs-type="${s}"]`).join(","), z = "dialo
             }
             y ? (t._onOpenWhenLeavingWindow = h, document.addEventListener("mouseleave", t._onOpenWhenLeavingWindow)) : (document.removeEventListener("mouseleave", t._onOpenWhenLeavingWindow), t._onOpenWhenLeavingWindow = null);
           }
-          function D(y) {
+          function _(y) {
             const f = t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
             function h() {
               const W = document.documentElement.scrollTop;
@@ -234,7 +237,7 @@ const j = (...e) => e.map((s) => `[data-gjs-type="${s}"]`).join(","), z = "dialo
             }
             y ? (t._onOpenWhenScrollingToLevel = h, document.addEventListener("scroll", t._onOpenWhenScrollingToLevel)) : (document.removeEventListener("scroll", t._onOpenWhenScrollingToLevel), t._onOpenWhenScrollingToLevel = null);
           }
-          b(l.closeWhenPressingX), P(l.closeWhenPressingEsc), w(l.openWhenLeavingWindow), D(l.openWhenScrollingToLevel);
+          b(l.closeWhenPressingX), P(l.closeWhenPressingEsc), w(l.openWhenLeavingWindow), _(l.openWhenScrollingToLevel);
         }
       },
       init() {
@@ -257,12 +260,12 @@ const j = (...e) => e.map((s) => `[data-gjs-type="${s}"]`).join(","), z = "dialo
         l.style.display = "flex";
       }
     }
-  }), n.addType(u, {
+  }), s.addType(u, {
     model: {
       defaults: {
         tagName: "div",
         attributes: { class: u, "data-type-role": u },
-        components: { type: a },
+        components: { type: i },
         droppable: !1,
         draggable: !1,
         styles: `
@@ -280,16 +283,16 @@ const j = (...e) => e.map((s) => `[data-gjs-type="${s}"]`).join(","), z = "dialo
         `
       }
     }
-  }), n.addType(a, {
+  }), s.addType(i, {
     model: {
       defaults: {
         tagName: "div",
-        attributes: { class: a, "data-type-role": a },
+        attributes: { class: i, "data-type-role": i },
         components: [{ type: g }, { type: p }, { type: d }],
         droppable: !1,
         draggable: !1,
         styles: `
-          .${a} {
+          .${i} {
             position: relative;
             background-color: #fff;
             border-radius: 10px;
@@ -302,7 +305,7 @@ const j = (...e) => e.map((s) => `[data-gjs-type="${s}"]`).join(","), z = "dialo
         `
       }
     }
-  }), n.addType(g, {
+  }), s.addType(g, {
     model: {
       defaults: {
         tagName: "button",
@@ -325,7 +328,7 @@ const j = (...e) => e.map((s) => `[data-gjs-type="${s}"]`).join(","), z = "dialo
         `
       }
     }
-  }), n.addType(p, {
+  }), s.addType(p, {
     model: {
       defaults: {
         tagName: "h2",
@@ -342,7 +345,7 @@ const j = (...e) => e.map((s) => `[data-gjs-type="${s}"]`).join(","), z = "dialo
         `
       }
     }
-  }), n.addType(d, {
+  }), s.addType(d, {
     model: {
       defaults: {
         tagName: "div",
@@ -356,7 +359,7 @@ const j = (...e) => e.map((s) => `[data-gjs-type="${s}"]`).join(","), z = "dialo
         `
       }
     }
-  }), n.addType(o, {
+  }), s.addType(o, {
     model: {
       defaults: {
         tagName: "p",
@@ -370,7 +373,7 @@ const j = (...e) => e.map((s) => `[data-gjs-type="${s}"]`).join(","), z = "dialo
         `
       }
     }
-  }), n.addType(v, {
+  }), s.addType(v, {
     model: {
       toHTML() {
         return "";
@@ -393,16 +396,16 @@ const j = (...e) => e.map((s) => `[data-gjs-type="${s}"]`).join(","), z = "dialo
         });
       }
     }
-  }), q({
+  }), X({
     editor: e,
     licenseKey: c,
     plan: E.startup,
-    pluginName: z,
+    pluginName: D,
     cleanup: () => {
-      r.remove(i), n.removeType(i);
+      r.remove(a), s.removeType(a);
     }
   });
-}, K = U(H);
+}, K = q(H, D);
 export {
   K as default
 };

package/dist/dialogComponent/index.js

@@ -0,0 +1,59 @@
+"use strict";const k="app.grapesjs.com",A="app-stage.grapesjs.com",R="app2.grapesjs.com",$="app-stage2.grapesjs.com",x=[k,R,A,$,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io",".claudemcpcontent.com",".web-sandbox.oaiusercontent.com"],G="license:check:end",B=()=>typeof window<"u",N=({isDev:e,isStage:n,isPlatform:r})=>`${e?"":`https://${n?A:k}`}/${r?"platform-api":"api"}`,I=()=>{if(!B())return"";const{hostname:e}=window.location;if(e)return e;try{return window.parent.location.hostname||""}catch{return""}},M=()=>{const e=I();return!!e&&(x.includes(e)||x.some(n=>e.endsWith(n)))};async function U({path:e,baseApiUrl:n,method:r="GET",headers:s={},params:c,body:a}){const i=`${n||N({isDev:!1,isStage:!1})}${e}`,g={method:r,headers:{"Content-Type":"application/json",...s}};a&&(g.body=JSON.stringify(a));const p=c?new URLSearchParams(c).toString():"",d=p?`?${p}`:"",o=await fetch(`${i}${d}`,g);if(!o.ok)throw new Error(`HTTP error! status: ${o.status}`);return o.json()}var E=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(E||{}),T=(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.openEditCode="studio:openEditCode",e.openBlocks="studio:openBlocks",e.appendComponent="studio:appendComponent",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))(T||{});const O={[E.free]:0,[E.startup]:10,[E.business]:20,[E.enterprise]:30};function m(e,n){const r=e;return r.init=s=>{const c=a=>e(a,s);return c.__gjsPluginId=n,c},r}const q=(e,n)=>m(e,n);async function X({editor:e,plan:n,pluginName:r,licenseKey:s,onLicenseCheckResponse:c,cleanup:a}){let u="",i;const g=o=>{console.warn("Cleanup plugin:",r,"Reason:",o),a(e,r)},p=(o={})=>{var b;const{error:v,sdkLicense:L}=o,l=(b=o.plan)==null?void 0:b.category;if(!(L||o.license)||v)g(v||"Invalid license");else if(l){const P=O[n],w=O[l];P>w&&g({pluginRequiredPlan:n,licensePlan:l})}};e.Commands.has(T.settings)&&(i=e.runCommand(T.settings),u=(i==null?void 0:i.baseUrl)||"");const d=o=>{c==null||c(o),o&&p(o)};if(!i){e.onReady(async()=>{if(!M())if(s){const o=await z({licenseKey:s,pluginName:r,baseApiUrl:u});d(o)}else g("The `licenseKey` option not provided")});return}if(i.licensePlan||i.licenseError){const o=F(i);d(o);return}e.on(G,o=>d(o))}const F=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function z(e){const{licenseKey:n,pluginName:r,baseApiUrl:s}=e;try{return(await U({baseApiUrl:s,path:`/sdk/${n||"na"}`,method:"POST",params:{d:window.location.hostname,pn:r}})).result||{}}catch(c){return console.error("Error during SDK license check:",c),!1}}const j=(...e)=>e.map(n=>`[data-gjs-type="${n}"]`).join(","),D="dialogComponent",H=function(e,n={}){const{Blocks:r,Components:s}=e,{licenseKey:c}=n,a="gjs-plg-dialog",u="gjs-plg-dialog-overlay",i="gjs-plg-dialog-content",g="gjs-plg-dialog-close",p="gjs-plg-dialog-title",d="gjs-plg-dialog-body",o="gjs-plg-dialog-description",v="gjs-plg-dialog-placeholder";r.add(a,{label:"Dialog",media:`
+    <svg viewBox="0 0 24 24">
+      <path d="M4 4h16v10H8l-4 4V4z"></path>
+    </svg>
+  `,category:"Extra",content:{type:a},activate:!0,...n.block}),s.addType(a,{model:{defaults:{tagName:"div",attributes:{class:a,"data-type-role":a},components:[{type:u},{type:v}],draggable:j("wrapper"),droppable:j(a),styles:`
+          .${a} {
+            position: relative;
+            z-index: 1;
+          }
+        `,traits:[{type:"button",label:"Open dialog",name:"onActive",changeProp:!0,command(l){var t;(t=l.getSelected())==null||t.trigger("active")}},{type:"checkbox",label:"Close when pressing X",name:"closeWhenPressingX",default:!0,changeProp:!0},{type:"checkbox",label:"Close when pressing ESC",name:"closeWhenPressingEsc",default:!0,changeProp:!0},{type:"checkbox",label:"Open when leaving the window",name:"openWhenLeavingWindow",default:!1,changeProp:!0},{type:"number",label:"Open when scrolling to level",name:"openWhenScrollingToLevel",default:0,changeProp:!0}],"script-props":["closeWhenPressingX","closeWhenPressingEsc","openWhenLeavingWindow","openWhenScrollingToLevel"],script:function(l){const t=this;function b(y){const f=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]'),h=t.querySelector('[data-type-role="gjs-plg-dialog-close"]');function W(){f.style.display="none"}y?(t._onCloseWhenPressingX=W,h.addEventListener("click",t._onCloseWhenPressingX)):(h.removeEventListener("click",t._onCloseWhenPressingX),t._onCloseWhenPressingX=null)}function P(y){const f=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function h(W){W.key==="Escape"&&(f.style.display="none")}y?(t._onCloseWhenPressingEsc=h,t.addEventListener("keydown",t._onCloseWhenPressingEsc)):(t.removeEventListener("keydown",t._onCloseWhenPressingEsc),t._onCloseWhenPressingEsc=null)}function w(y){const f=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function h(){f.style.display="flex"}y?(t._onOpenWhenLeavingWindow=h,document.addEventListener("mouseleave",t._onOpenWhenLeavingWindow)):(document.removeEventListener("mouseleave",t._onOpenWhenLeavingWindow),t._onOpenWhenLeavingWindow=null)}function _(y){const f=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function h(){const W=document.documentElement.scrollTop;y&&W>=Number(y)&&(f.style.display="flex")}y?(t._onOpenWhenScrollingToLevel=h,document.addEventListener("scroll",t._onOpenWhenScrollingToLevel)):(document.removeEventListener("scroll",t._onOpenWhenScrollingToLevel),t._onOpenWhenScrollingToLevel=null)}b(l.closeWhenPressingX),P(l.closeWhenPressingEsc),w(l.openWhenLeavingWindow),_(l.openWhenScrollingToLevel)}},init(){this.on("active",this.handleOpenWhenClickPlaceholder)},handleOpenWhenClickPlaceholder(){this.view.el.querySelector('[data-type-role="gjs-plg-dialog-placeholder"]').addEventListener("click",()=>{const t=this.view.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');t.style.display="flex"})}},view:{onActive(){const l=this.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');l.style.display="flex"}}}),s.addType(u,{model:{defaults:{tagName:"div",attributes:{class:u,"data-type-role":u},components:{type:i},droppable:!1,draggable:!1,styles:`
+          .${u} {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            display: none;
+            align-items: center;
+            justify-content: center;
+            background-color: rgba(0, 0, 0, 0.5);
+          }
+        `}}}),s.addType(i,{model:{defaults:{tagName:"div",attributes:{class:i,"data-type-role":i},components:[{type:g},{type:p},{type:d}],droppable:!1,draggable:!1,styles:`
+          .${i} {
+            position: relative;
+            background-color: #fff;
+            border-radius: 10px;
+            border: 1px solid #eee;
+            padding: 20px;
+            width: 800px;
+            height: 600px;
+            box-sizing: border-box;
+          }
+        `}}}),s.addType(g,{model:{defaults:{tagName:"button",attributes:{class:g,"data-type-role":g},components:"&times;",droppable:!1,draggable:!1,styles:`
+          .${g} {
+            position: absolute;
+            top: 10px;
+            right: 10px;
+            width: 30px;
+            height: 30px;
+            background: none;
+            border: none;
+            font-size: 20px;
+            cursor: pointer;
+          }
+        `}}}),s.addType(p,{model:{defaults:{tagName:"h2",attributes:{class:p,"data-type-role":p},components:"Dialog Title",editable:!0,droppable:!1,draggable:!1,styles:`
+          .${p} {
+            margin: 0;
+            padding: 0 40px 20px 0;
+          }
+        `}}}),s.addType(d,{model:{defaults:{tagName:"div",attributes:{class:d,"data-type-role":d},components:[{type:o}],styles:`
+          .${d} {
+            height: 90%;
+            overflow: auto;
+          }
+        `}}}),s.addType(o,{model:{defaults:{tagName:"p",attributes:{class:o,"data-type-role":o},components:"This is a customizable dialog!",editable:!0,styles:`
+          .${o} {
+            margin: 0;
+          }
+        `}}}),s.addType(v,{model:{toHTML(){return""},defaults:{tagName:"button",attributes:{class:v,"data-type-role":v},components:"Dialog (click me to open)",droppable:!1,draggable:!1}},view:{init(){const{em:l,el:t}=this,b="core:preview",P=l.Commands.events;this.listenTo(l,`${P.runCommand}${b}`,()=>{t.style.display="none"}),this.listenTo(l,`${P.stopCommand}${b}`,()=>{t.style.display=""})}}}),X({editor:e,licenseKey:c,plan:E.startup,pluginName:D,cleanup:()=>{r.remove(a),s.removeType(a)}})},K=q(H,D);module.exports=K;

package/dist/dialogComponent/index.umd.js

@@ -1,13 +1,13 @@
-(function(P,E){typeof exports=="object"&&typeof module<"u"?module.exports=E():typeof define=="function"&&define.amd?define(E):(P=typeof globalThis<"u"?globalThis:P||self,P.StudioSdkPlugins_dialogComponent=E())})(this,function(){"use strict";const P="app.grapesjs.com",E="app-stage.grapesjs.com",O=[P,"app2.grapesjs.com",E,"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"],k="license:check:end",_=()=>typeof window<"u",R=({isDev:e,isStage:s,isPlatform:r})=>`${e?"":`https://${s?E:P}`}/${r?"platform-api":"api"}`,$=()=>{if(!_())return"";const{hostname:e}=window.location;if(e)return e;try{return window.parent.location.hostname||""}catch{return""}},G=()=>{const e=$();return!!e&&(O.includes(e)||O.some(s=>e.endsWith(s)))};async function N({path:e,baseApiUrl:s,method:r="GET",headers:n={},params:c,body:i}){const a=`${s||R({isDev:!1,isStage:!1})}${e}`,g={method:r,headers:{"Content-Type":"application/json",...n}};i&&(g.body=JSON.stringify(i));const p=c?new URLSearchParams(c).toString():"",d=p?`?${p}`:"",o=await fetch(`${a}${d}`,g);if(!o.ok)throw new Error(`HTTP error! status: ${o.status}`);return o.json()}var T=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(T||{}),L=(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.openEditCode="studio:openEditCode",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))(L||{});const A={[T.free]:0,[T.startup]:10,[T.business]:20,[T.enterprise]:30};function m(e){const s=e;return s.init=r=>n=>e(n,r),s}const M=e=>m(e);async function B({editor:e,plan:s,pluginName:r,licenseKey:n,onLicenseCheckResponse:c,cleanup:i}){let u="",a;const g=o=>{console.warn("Cleanup plugin:",r,"Reason:",o),i()},p=(o={})=>{var v;const{error:f,sdkLicense:D}=o,l=(v=o.plan)==null?void 0:v.category;if(!(D||o.license)||f)g(f||"Invalid license");else if(l){const W=A[s],x=A[l];W>x&&g({pluginRequiredPlan:s,licensePlan:l})}};e.Commands.has(L.settings)&&(a=e.runCommand(L.settings),u=(a==null?void 0:a.baseUrl)||"");const d=o=>{c==null||c(o),o&&p(o)};if(!a){e.onReady(async()=>{if(!G())if(n){const o=await U({licenseKey:n,pluginName:r,baseApiUrl:u});d(o)}else g("The `licenseKey` option not provided")});return}if(a.licensePlan||a.licenseError){const o=I(a);d(o);return}e.on(k,o=>d(o))}const I=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function U(e){const{licenseKey:s,pluginName:r,baseApiUrl:n}=e;try{return(await N({baseApiUrl:n,path:`/sdk/${s||"na"}`,method:"POST",params:{d:window.location.hostname,pn:r}})).result||{}}catch(c){return console.error("Error during SDK license check:",c),!1}}const j=(...e)=>e.map(s=>`[data-gjs-type="${s}"]`).join(","),q="dialogComponent";return M(function(e,s={}){const{Blocks:r,Components:n}=e,{licenseKey:c}=s,i="gjs-plg-dialog",u="gjs-plg-dialog-overlay",a="gjs-plg-dialog-content",g="gjs-plg-dialog-close",p="gjs-plg-dialog-title",d="gjs-plg-dialog-body",o="gjs-plg-dialog-description",f="gjs-plg-dialog-placeholder";r.add(i,{label:"Dialog",media:`
+(function(P,E){typeof exports=="object"&&typeof module<"u"?module.exports=E():typeof define=="function"&&define.amd?define(E):(P=typeof globalThis<"u"?globalThis:P||self,P.StudioSdkPlugins_dialogComponent=E())})(this,function(){"use strict";const P="app.grapesjs.com",E="app-stage.grapesjs.com",O=[P,"app2.grapesjs.com",E,"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"],_="license:check:end",R=()=>typeof window<"u",$=({isDev:e,isStage:n,isPlatform:r})=>`${e?"":`https://${n?E:P}`}/${r?"platform-api":"api"}`,G=()=>{if(!R())return"";const{hostname:e}=window.location;if(e)return e;try{return window.parent.location.hostname||""}catch{return""}},N=()=>{const e=G();return!!e&&(O.includes(e)||O.some(n=>e.endsWith(n)))};async function B({path:e,baseApiUrl:n,method:r="GET",headers:s={},params:c,body:a}){const i=`${n||$({isDev:!1,isStage:!1})}${e}`,g={method:r,headers:{"Content-Type":"application/json",...s}};a&&(g.body=JSON.stringify(a));const p=c?new URLSearchParams(c).toString():"",d=p?`?${p}`:"",o=await fetch(`${i}${d}`,g);if(!o.ok)throw new Error(`HTTP error! status: ${o.status}`);return o.json()}var T=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(T||{}),L=(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.openEditCode="studio:openEditCode",e.openBlocks="studio:openBlocks",e.appendComponent="studio:appendComponent",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))(L||{});const j={[T.free]:0,[T.startup]:10,[T.business]:20,[T.enterprise]:30};function I(e,n){const r=e;return r.init=s=>{const c=a=>e(a,s);return c.__gjsPluginId=n,c},r}const M=(e,n)=>I(e,n);async function m({editor:e,plan:n,pluginName:r,licenseKey:s,onLicenseCheckResponse:c,cleanup:a}){let u="",i;const g=o=>{console.warn("Cleanup plugin:",r,"Reason:",o),a(e,r)},p=(o={})=>{var v;const{error:f,sdkLicense:D}=o,l=(v=o.plan)==null?void 0:v.category;if(!(D||o.license)||f)g(f||"Invalid license");else if(l){const W=j[n],x=j[l];W>x&&g({pluginRequiredPlan:n,licensePlan:l})}};e.Commands.has(L.settings)&&(i=e.runCommand(L.settings),u=(i==null?void 0:i.baseUrl)||"");const d=o=>{c==null||c(o),o&&p(o)};if(!i){e.onReady(async()=>{if(!N())if(s){const o=await q({licenseKey:s,pluginName:r,baseApiUrl:u});d(o)}else g("The `licenseKey` option not provided")});return}if(i.licensePlan||i.licenseError){const o=U(i);d(o);return}e.on(_,o=>d(o))}const U=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function q(e){const{licenseKey:n,pluginName:r,baseApiUrl:s}=e;try{return(await B({baseApiUrl:s,path:`/sdk/${n||"na"}`,method:"POST",params:{d:window.location.hostname,pn:r}})).result||{}}catch(c){return console.error("Error during SDK license check:",c),!1}}const A=(...e)=>e.map(n=>`[data-gjs-type="${n}"]`).join(","),k="dialogComponent";return M(function(e,n={}){const{Blocks:r,Components:s}=e,{licenseKey:c}=n,a="gjs-plg-dialog",u="gjs-plg-dialog-overlay",i="gjs-plg-dialog-content",g="gjs-plg-dialog-close",p="gjs-plg-dialog-title",d="gjs-plg-dialog-body",o="gjs-plg-dialog-description",f="gjs-plg-dialog-placeholder";r.add(a,{label:"Dialog",media:`
     <svg viewBox="0 0 24 24">
       <path d="M4 4h16v10H8l-4 4V4z"></path>
     </svg>
-  `,category:"Extra",content:{type:i},activate:!0,...s.block}),n.addType(i,{model:{defaults:{tagName:"div",attributes:{class:i,"data-type-role":i},components:[{type:u},{type:f}],draggable:j("wrapper"),droppable:j(i),styles:`
-          .${i} {
+  `,category:"Extra",content:{type:a},activate:!0,...n.block}),s.addType(a,{model:{defaults:{tagName:"div",attributes:{class:a,"data-type-role":a},components:[{type:u},{type:f}],draggable:A("wrapper"),droppable:A(a),styles:`
+          .${a} {
             position: relative;
             z-index: 1;
           }
-        `,traits:[{type:"button",label:"Open dialog",name:"onActive",changeProp:!0,command(l){var t;(t=l.getSelected())==null||t.trigger("active")}},{type:"checkbox",label:"Close when pressing X",name:"closeWhenPressingX",default:!0,changeProp:!0},{type:"checkbox",label:"Close when pressing ESC",name:"closeWhenPressingEsc",default:!0,changeProp:!0},{type:"checkbox",label:"Open when leaving the window",name:"openWhenLeavingWindow",default:!1,changeProp:!0},{type:"number",label:"Open when scrolling to level",name:"openWhenScrollingToLevel",default:0,changeProp:!0}],"script-props":["closeWhenPressingX","closeWhenPressingEsc","openWhenLeavingWindow","openWhenScrollingToLevel"],script:function(l){const t=this;function v(y){const b=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]'),h=t.querySelector('[data-type-role="gjs-plg-dialog-close"]');function w(){b.style.display="none"}y?(t._onCloseWhenPressingX=w,h.addEventListener("click",t._onCloseWhenPressingX)):(h.removeEventListener("click",t._onCloseWhenPressingX),t._onCloseWhenPressingX=null)}function W(y){const b=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function h(w){w.key==="Escape"&&(b.style.display="none")}y?(t._onCloseWhenPressingEsc=h,t.addEventListener("keydown",t._onCloseWhenPressingEsc)):(t.removeEventListener("keydown",t._onCloseWhenPressingEsc),t._onCloseWhenPressingEsc=null)}function x(y){const b=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function h(){b.style.display="flex"}y?(t._onOpenWhenLeavingWindow=h,document.addEventListener("mouseleave",t._onOpenWhenLeavingWindow)):(document.removeEventListener("mouseleave",t._onOpenWhenLeavingWindow),t._onOpenWhenLeavingWindow=null)}function X(y){const b=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function h(){const w=document.documentElement.scrollTop;y&&w>=Number(y)&&(b.style.display="flex")}y?(t._onOpenWhenScrollingToLevel=h,document.addEventListener("scroll",t._onOpenWhenScrollingToLevel)):(document.removeEventListener("scroll",t._onOpenWhenScrollingToLevel),t._onOpenWhenScrollingToLevel=null)}v(l.closeWhenPressingX),W(l.closeWhenPressingEsc),x(l.openWhenLeavingWindow),X(l.openWhenScrollingToLevel)}},init(){this.on("active",this.handleOpenWhenClickPlaceholder)},handleOpenWhenClickPlaceholder(){this.view.el.querySelector('[data-type-role="gjs-plg-dialog-placeholder"]').addEventListener("click",()=>{const t=this.view.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');t.style.display="flex"})}},view:{onActive(){const l=this.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');l.style.display="flex"}}}),n.addType(u,{model:{defaults:{tagName:"div",attributes:{class:u,"data-type-role":u},components:{type:a},droppable:!1,draggable:!1,styles:`
+        `,traits:[{type:"button",label:"Open dialog",name:"onActive",changeProp:!0,command(l){var t;(t=l.getSelected())==null||t.trigger("active")}},{type:"checkbox",label:"Close when pressing X",name:"closeWhenPressingX",default:!0,changeProp:!0},{type:"checkbox",label:"Close when pressing ESC",name:"closeWhenPressingEsc",default:!0,changeProp:!0},{type:"checkbox",label:"Open when leaving the window",name:"openWhenLeavingWindow",default:!1,changeProp:!0},{type:"number",label:"Open when scrolling to level",name:"openWhenScrollingToLevel",default:0,changeProp:!0}],"script-props":["closeWhenPressingX","closeWhenPressingEsc","openWhenLeavingWindow","openWhenScrollingToLevel"],script:function(l){const t=this;function v(y){const b=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]'),h=t.querySelector('[data-type-role="gjs-plg-dialog-close"]');function w(){b.style.display="none"}y?(t._onCloseWhenPressingX=w,h.addEventListener("click",t._onCloseWhenPressingX)):(h.removeEventListener("click",t._onCloseWhenPressingX),t._onCloseWhenPressingX=null)}function W(y){const b=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function h(w){w.key==="Escape"&&(b.style.display="none")}y?(t._onCloseWhenPressingEsc=h,t.addEventListener("keydown",t._onCloseWhenPressingEsc)):(t.removeEventListener("keydown",t._onCloseWhenPressingEsc),t._onCloseWhenPressingEsc=null)}function x(y){const b=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function h(){b.style.display="flex"}y?(t._onOpenWhenLeavingWindow=h,document.addEventListener("mouseleave",t._onOpenWhenLeavingWindow)):(document.removeEventListener("mouseleave",t._onOpenWhenLeavingWindow),t._onOpenWhenLeavingWindow=null)}function X(y){const b=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function h(){const w=document.documentElement.scrollTop;y&&w>=Number(y)&&(b.style.display="flex")}y?(t._onOpenWhenScrollingToLevel=h,document.addEventListener("scroll",t._onOpenWhenScrollingToLevel)):(document.removeEventListener("scroll",t._onOpenWhenScrollingToLevel),t._onOpenWhenScrollingToLevel=null)}v(l.closeWhenPressingX),W(l.closeWhenPressingEsc),x(l.openWhenLeavingWindow),X(l.openWhenScrollingToLevel)}},init(){this.on("active",this.handleOpenWhenClickPlaceholder)},handleOpenWhenClickPlaceholder(){this.view.el.querySelector('[data-type-role="gjs-plg-dialog-placeholder"]').addEventListener("click",()=>{const t=this.view.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');t.style.display="flex"})}},view:{onActive(){const l=this.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');l.style.display="flex"}}}),s.addType(u,{model:{defaults:{tagName:"div",attributes:{class:u,"data-type-role":u},components:{type:i},droppable:!1,draggable:!1,styles:`
           .${u} {
             position: fixed;
             top: 0;
@@ -19,8 +19,8 @@
             justify-content: center;
             background-color: rgba(0, 0, 0, 0.5);
           }
-        `}}}),n.addType(a,{model:{defaults:{tagName:"div",attributes:{class:a,"data-type-role":a},components:[{type:g},{type:p},{type:d}],droppable:!1,draggable:!1,styles:`
-          .${a} {
+        `}}}),s.addType(i,{model:{defaults:{tagName:"div",attributes:{class:i,"data-type-role":i},components:[{type:g},{type:p},{type:d}],droppable:!1,draggable:!1,styles:`
+          .${i} {
             position: relative;
             background-color: #fff;
             border-radius: 10px;
@@ -30,7 +30,7 @@
             height: 600px;
             box-sizing: border-box;
           }
-        `}}}),n.addType(g,{model:{defaults:{tagName:"button",attributes:{class:g,"data-type-role":g},components:"&times;",droppable:!1,draggable:!1,styles:`
+        `}}}),s.addType(g,{model:{defaults:{tagName:"button",attributes:{class:g,"data-type-role":g},components:"&times;",droppable:!1,draggable:!1,styles:`
           .${g} {
             position: absolute;
             top: 10px;
@@ -42,18 +42,18 @@
             font-size: 20px;
             cursor: pointer;
           }
-        `}}}),n.addType(p,{model:{defaults:{tagName:"h2",attributes:{class:p,"data-type-role":p},components:"Dialog Title",editable:!0,droppable:!1,draggable:!1,styles:`
+        `}}}),s.addType(p,{model:{defaults:{tagName:"h2",attributes:{class:p,"data-type-role":p},components:"Dialog Title",editable:!0,droppable:!1,draggable:!1,styles:`
           .${p} {
             margin: 0;
             padding: 0 40px 20px 0;
           }
-        `}}}),n.addType(d,{model:{defaults:{tagName:"div",attributes:{class:d,"data-type-role":d},components:[{type:o}],styles:`
+        `}}}),s.addType(d,{model:{defaults:{tagName:"div",attributes:{class:d,"data-type-role":d},components:[{type:o}],styles:`
           .${d} {
             height: 90%;
             overflow: auto;
           }
-        `}}}),n.addType(o,{model:{defaults:{tagName:"p",attributes:{class:o,"data-type-role":o},components:"This is a customizable dialog!",editable:!0,styles:`
+        `}}}),s.addType(o,{model:{defaults:{tagName:"p",attributes:{class:o,"data-type-role":o},components:"This is a customizable dialog!",editable:!0,styles:`
           .${o} {
             margin: 0;
           }
-        `}}}),n.addType(f,{model:{toHTML(){return""},defaults:{tagName:"button",attributes:{class:f,"data-type-role":f},components:"Dialog (click me to open)",droppable:!1,draggable:!1}},view:{init(){const{em:l,el:t}=this,v="core:preview",W=l.Commands.events;this.listenTo(l,`${W.runCommand}${v}`,()=>{t.style.display="none"}),this.listenTo(l,`${W.stopCommand}${v}`,()=>{t.style.display=""})}}}),B({editor:e,licenseKey:c,plan:T.startup,pluginName:q,cleanup:()=>{r.remove(i),n.removeType(i)}})})});
+        `}}}),s.addType(f,{model:{toHTML(){return""},defaults:{tagName:"button",attributes:{class:f,"data-type-role":f},components:"Dialog (click me to open)",droppable:!1,draggable:!1}},view:{init(){const{em:l,el:t}=this,v="core:preview",W=l.Commands.events;this.listenTo(l,`${W.runCommand}${v}`,()=>{t.style.display="none"}),this.listenTo(l,`${W.stopCommand}${v}`,()=>{t.style.display=""})}}}),m({editor:e,licenseKey:c,plan:T.startup,pluginName:k,cleanup:()=>{r.remove(a),s.removeType(a)}})},k)});