@grapesjs/studio-sdk-plugins 1.0.9 → 1.0.10

package/dist/api.d.ts

@@ -1,6 +1,8 @@
-export declare function api({ path, method, headers, body }: {
+export declare function api({ path, baseApiUrl, method, headers, params, body }: {
     path: string;
+    baseApiUrl?: string;
     method: RequestInit['method'];
     headers?: RequestInit['headers'];
     body?: RequestInit['body'];
+    params?: Record<string, any>;
 }): Promise<Record<string, any>>;

package/dist/dialogComponent/index.cjs.js

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

package/dist/dialogComponent/index.es.js

@@ -1,6 +1,6 @@
-const b = "app.grapesjs.com", w = "app-stage.grapesjs.com", W = [
-  b,
-  w,
+const C = "app.grapesjs.com", O = "app-stage.grapesjs.com", L = [
+  C,
+  O,
   "localhost",
   "127.0.0.1",
   ".local-credentialless.webcontainer.io",
@@ -9,73 +9,97 @@ const b = "app.grapesjs.com", w = "app-stage.grapesjs.com", W = [
   // For stackblitz.com demos
   "-sandpack.codesandbox.io"
   // For Sandpack demos
-], S = "license:check:start", k = "license:check:end", L = () => typeof window < "u", x = ({ isDev: n, isStage: t }) => `${n ? "" : `https://${t ? w : b}`}/api`, _ = () => {
-  const n = L() && window.location.hostname;
-  return !!n && (W.includes(n) || W.some((t) => n.endsWith(t)));
-}, j = () => (L() && window.location.hostname) === b;
-var N = {};
-const D = N.NODE_ENV !== "production";
-async function $({
+], S = "license:check:start", j = "license:check:end", _ = () => typeof window < "u", N = ({ isDev: n, isStage: l }) => `${n ? "" : `https://${l ? O : C}`}/api`, $ = () => {
+  const n = _() && window.location.hostname;
+  return !!n && (L.includes(n) || L.some((l) => n.endsWith(l)));
+};
+var f = /* @__PURE__ */ ((n) => (n.free = "free", n.startup = "startup", n.business = "business", n.enterprise = "enterprise", n))(f || {});
+async function D({
   path: n,
-  method: t = "GET",
-  headers: l = {},
-  body: o
+  baseApiUrl: l,
+  method: a = "GET",
+  headers: t = {},
+  params: p,
+  body: s
 }) {
-  const s = `${x({ isDev: D, isStage: !j() })}${n}`, a = {
-    method: t,
+  const u = `${l || N({ isDev: !1, isStage: !1 })}${n}`, i = {
+    method: a,
     headers: {
       "Content-Type": "application/json",
-      ...l
+      ...t
     }
   };
-  o && (a.body = JSON.stringify(o));
-  const i = await fetch(s, a);
-  if (!i.ok)
-    throw new Error(`HTTP error! status: ${i.status}`);
-  return i.json();
+  s && (i.body = JSON.stringify(s));
+  const c = p ? new URLSearchParams(p).toString() : "", o = c ? `?${c}` : "", r = await fetch(`${u}${o}`, i);
+  if (!r.ok)
+    throw new Error(`HTTP error! status: ${r.status}`);
+  return r.json();
 }
-function X(n) {
-  const t = n;
-  return t.init = (l) => (o) => n(o, l), t;
+const P = {
+  [f.free]: 0,
+  [f.startup]: 10,
+  [f.business]: 20,
+  [f.enterprise]: 30
+};
+function A(n) {
+  const l = n;
+  return l.init = (a) => (t) => n(t, a), l;
 }
-const q = (n) => /* @__PURE__ */ X(n);
-async function A({
+const q = (n) => /* @__PURE__ */ A(n);
+async function U({
   editor: n,
-  pluginName: t,
-  licenseKey: l,
-  cleanup: o
+  plan: l,
+  pluginName: a,
+  licenseKey: t,
+  cleanup: p
 }) {
-  let g = !1;
-  const s = _();
-  n.on(S, () => {
-    g = !0;
-  }), n.on(k, ({ sdkLicense: a }) => {
-    a || o();
+  let s = "", g = !1;
+  const u = $(), i = (o) => {
+    console.warn("Cleanup plugin:", a, "Reason:", o), p();
+  }, c = (o = {}) => {
+    var e;
+    const { error: r, sdkLicense: m } = o, W = (e = o.plan) == null ? void 0 : e.category;
+    if (!(m || o.license) || r)
+      i(r || "Invalid license");
+    else if (W) {
+      const w = P[l], E = P[W];
+      w > E && i({ pluginRequiredPlan: l, licensePlan: W });
+    }
+  };
+  n.on(S, (o) => {
+    s = o == null ? void 0 : o.baseApiUrl, g = !0;
+  }), n.on(j, (o) => {
+    c(o);
   }), setTimeout(async () => {
     if (!g) {
-      if (s) return;
-      l && await I({ licenseKey: l, pluginName: t }) || o();
+      if (u) return;
+      if (t) {
+        const o = await X({ licenseKey: t, pluginName: a, baseApiUrl: s });
+        o && c(o);
+      } else
+        i("The `licenseKey` option not provided");
     }
   }, 2e3);
 }
-async function I({ licenseKey: n, pluginName: t }) {
+async function X(n) {
+  const { licenseKey: l, pluginName: a, baseApiUrl: t } = n;
   try {
-    const l = await $({
-      path: `/sdk/${n}`,
+    return (await D({
+      baseApiUrl: t,
+      path: `/sdk/${l || "na"}`,
       method: "POST",
-      body: JSON.stringify({
+      params: {
         d: window.location.hostname,
-        pn: t
-      })
-    }), { license: o } = l.result || {};
-    return !!o;
-  } catch (l) {
-    return console.error("Error during SDK license check:", l), !1;
+        pn: a
+      }
+    })).result || {};
+  } catch (p) {
+    return console.error("Error during SDK license check:", p), !1;
   }
 }
-const E = (...n) => n.map((t) => `[data-gjs-type="${t}"]`).join(","), B = "dialogComponent", U = function(n, t = {}) {
-  const { Blocks: l, Components: o } = n, { licenseKey: g } = t, s = "gjs-plg-dialog", a = "gjs-plg-dialog-overlay", i = "gjs-plg-dialog-content", h = "gjs-plg-dialog-close", u = "gjs-plg-dialog-title", y = "gjs-plg-dialog-body", m = "gjs-plg-dialog-description", f = "gjs-plg-dialog-placeholder";
-  l.add(s, {
+const T = (...n) => n.map((l) => `[data-gjs-type="${l}"]`).join(","), I = "dialogComponent", B = function(n, l = {}) {
+  const { Blocks: a, Components: t } = n, { licenseKey: p } = l, s = "gjs-plg-dialog", g = "gjs-plg-dialog-overlay", u = "gjs-plg-dialog-content", i = "gjs-plg-dialog-close", c = "gjs-plg-dialog-title", o = "gjs-plg-dialog-body", r = "gjs-plg-dialog-description", m = "gjs-plg-dialog-placeholder";
+  a.add(s, {
     label: "Dialog",
     media: `
     <svg viewBox="0 0 24 24">
@@ -85,15 +109,15 @@ const E = (...n) => n.map((t) => `[data-gjs-type="${t}"]`).join(","), B = "dialo
     category: "Extra",
     content: { type: s },
     activate: !0,
-    ...t.block
-  }), o.addType(s, {
+    ...l.block
+  }), t.addType(s, {
     model: {
       defaults: {
         tagName: "div",
         attributes: { class: s, "data-type-role": s },
-        components: [{ type: a }, { type: f }],
-        draggable: E("wrapper"),
-        droppable: E(s),
+        components: [{ type: g }, { type: m }],
+        draggable: T("wrapper"),
+        droppable: T(s),
         styles: `
           .${s} {
             position: relative;
@@ -106,9 +130,9 @@ const E = (...n) => n.map((t) => `[data-gjs-type="${t}"]`).join(","), B = "dialo
             label: "Open dialog",
             name: "onActive",
             changeProp: !0,
-            command(r) {
+            command(d) {
               var e;
-              (e = r.getSelected()) == null || e.trigger("active");
+              (e = d.getSelected()) == null || e.trigger("active");
             }
           },
           {
@@ -146,38 +170,38 @@ const E = (...n) => n.map((t) => `[data-gjs-type="${t}"]`).join(","), B = "dialo
           "openWhenLeavingWindow",
           "openWhenScrollingToLevel"
         ],
-        script: function(r) {
+        script: function(d) {
           const e = this;
-          function T(c) {
-            const p = e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]'), d = e.querySelector('[data-type-role="gjs-plg-dialog-close"]');
-            function v() {
-              p.style.display = "none";
+          function w(h) {
+            const v = e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]'), y = e.querySelector('[data-type-role="gjs-plg-dialog-close"]');
+            function b() {
+              v.style.display = "none";
             }
-            c ? (e._onCloseWhenPressingX = v, d.addEventListener("click", e._onCloseWhenPressingX)) : (d.removeEventListener("click", e._onCloseWhenPressingX), e._onCloseWhenPressingX = null);
+            h ? (e._onCloseWhenPressingX = b, y.addEventListener("click", e._onCloseWhenPressingX)) : (y.removeEventListener("click", e._onCloseWhenPressingX), e._onCloseWhenPressingX = null);
           }
-          function C(c) {
-            const p = e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
-            function d(v) {
-              v.key === "Escape" && (p.style.display = "none");
+          function E(h) {
+            const v = e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
+            function y(b) {
+              b.key === "Escape" && (v.style.display = "none");
             }
-            c ? (e._onCloseWhenPressingEsc = d, e.addEventListener("keydown", e._onCloseWhenPressingEsc)) : (e.removeEventListener("keydown", e._onCloseWhenPressingEsc), e._onCloseWhenPressingEsc = null);
+            h ? (e._onCloseWhenPressingEsc = y, e.addEventListener("keydown", e._onCloseWhenPressingEsc)) : (e.removeEventListener("keydown", e._onCloseWhenPressingEsc), e._onCloseWhenPressingEsc = null);
           }
-          function P(c) {
-            const p = e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
-            function d() {
-              p.style.display = "flex";
+          function x(h) {
+            const v = e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
+            function y() {
+              v.style.display = "flex";
             }
-            c ? (e._onOpenWhenLeavingWindow = d, document.addEventListener("mouseleave", e._onOpenWhenLeavingWindow)) : (document.removeEventListener("mouseleave", e._onOpenWhenLeavingWindow), e._onOpenWhenLeavingWindow = null);
+            h ? (e._onOpenWhenLeavingWindow = y, document.addEventListener("mouseleave", e._onOpenWhenLeavingWindow)) : (document.removeEventListener("mouseleave", e._onOpenWhenLeavingWindow), e._onOpenWhenLeavingWindow = null);
           }
-          function O(c) {
-            const p = e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
-            function d() {
-              const v = document.documentElement.scrollTop;
-              c && v >= Number(c) && (p.style.display = "flex");
+          function k(h) {
+            const v = e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
+            function y() {
+              const b = document.documentElement.scrollTop;
+              h && b >= Number(h) && (v.style.display = "flex");
             }
-            c ? (e._onOpenWhenScrollingToLevel = d, document.addEventListener("scroll", e._onOpenWhenScrollingToLevel)) : (document.removeEventListener("scroll", e._onOpenWhenScrollingToLevel), e._onOpenWhenScrollingToLevel = null);
+            h ? (e._onOpenWhenScrollingToLevel = y, document.addEventListener("scroll", e._onOpenWhenScrollingToLevel)) : (document.removeEventListener("scroll", e._onOpenWhenScrollingToLevel), e._onOpenWhenScrollingToLevel = null);
           }
-          T(r.closeWhenPressingX), C(r.closeWhenPressingEsc), P(r.openWhenLeavingWindow), O(r.openWhenScrollingToLevel);
+          w(d.closeWhenPressingX), E(d.closeWhenPressingEsc), x(d.openWhenLeavingWindow), k(d.openWhenScrollingToLevel);
         }
       },
       init() {
@@ -196,20 +220,20 @@ const E = (...n) => n.map((t) => `[data-gjs-type="${t}"]`).join(","), B = "dialo
     },
     view: {
       onActive() {
-        const r = this.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
-        r.style.display = "flex";
+        const d = this.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
+        d.style.display = "flex";
       }
     }
-  }), o.addType(a, {
+  }), t.addType(g, {
     model: {
       defaults: {
         tagName: "div",
-        attributes: { class: a, "data-type-role": a },
-        components: { type: i },
+        attributes: { class: g, "data-type-role": g },
+        components: { type: u },
         droppable: !1,
         draggable: !1,
         styles: `
-          .${a} {
+          .${g} {
             position: fixed;
             top: 0;
             left: 0;
@@ -223,16 +247,16 @@ const E = (...n) => n.map((t) => `[data-gjs-type="${t}"]`).join(","), B = "dialo
         `
       }
     }
-  }), o.addType(i, {
+  }), t.addType(u, {
     model: {
       defaults: {
         tagName: "div",
-        attributes: { class: i, "data-type-role": i },
-        components: [{ type: h }, { type: u }, { type: y }],
+        attributes: { class: u, "data-type-role": u },
+        components: [{ type: i }, { type: c }, { type: o }],
         droppable: !1,
         draggable: !1,
         styles: `
-          .${i} {
+          .${u} {
             position: relative;
             background-color: #fff;
             border-radius: 10px;
@@ -245,16 +269,16 @@ const E = (...n) => n.map((t) => `[data-gjs-type="${t}"]`).join(","), B = "dialo
         `
       }
     }
-  }), o.addType(h, {
+  }), t.addType(i, {
     model: {
       defaults: {
         tagName: "button",
-        attributes: { class: h, "data-type-role": h },
+        attributes: { class: i, "data-type-role": i },
         components: "&times;",
         droppable: !1,
         draggable: !1,
         styles: `
-          .${h} {
+          .${i} {
             position: absolute;
             top: 10px;
             right: 10px;
@@ -268,59 +292,59 @@ const E = (...n) => n.map((t) => `[data-gjs-type="${t}"]`).join(","), B = "dialo
         `
       }
     }
-  }), o.addType(u, {
+  }), t.addType(c, {
     model: {
       defaults: {
         tagName: "h2",
-        attributes: { class: u, "data-type-role": u },
+        attributes: { class: c, "data-type-role": c },
         components: "Dialog Title",
         editable: !0,
         droppable: !1,
         draggable: !1,
         styles: `
-          .${u} {
+          .${c} {
             margin: 0;
             padding: 0 40px 20px 0;
           }
         `
       }
     }
-  }), o.addType(y, {
+  }), t.addType(o, {
     model: {
       defaults: {
         tagName: "div",
-        attributes: { class: y, "data-type-role": y },
-        components: [{ type: m }],
+        attributes: { class: o, "data-type-role": o },
+        components: [{ type: r }],
         styles: `
-          .${y} {
+          .${o} {
             height: 90%;
             overflow: auto;
           }
         `
       }
     }
-  }), o.addType(m, {
+  }), t.addType(r, {
     model: {
       defaults: {
         tagName: "p",
-        attributes: { class: m, "data-type-role": m },
+        attributes: { class: r, "data-type-role": r },
         components: "This is a customizable dialog!",
         editable: !0,
         styles: `
-          .${m} {
+          .${r} {
             margin: 0;
           }
         `
       }
     }
-  }), o.addType(f, {
+  }), t.addType(m, {
     model: {
       toHTML() {
         return "";
       },
       defaults: {
         tagName: "button",
-        attributes: { class: f, "data-type-role": f },
+        attributes: { class: m, "data-type-role": m },
         components: "Dialog (click me to open)",
         droppable: !1,
         draggable: !1
@@ -335,15 +359,16 @@ const E = (...n) => n.map((t) => `[data-gjs-type="${t}"]`).join(","), B = "dialo
         });
       }
     }
-  }), A({
+  }), U({
     editor: n,
-    licenseKey: g,
-    pluginName: B,
+    licenseKey: p,
+    plan: f.free,
+    pluginName: I,
     cleanup: () => {
-      l.remove(s), o.removeType(s);
+      a.remove(s), t.removeType(s);
     }
   });
-}, H = q(U);
+}, z = q(B);
 export {
-  H as default
+  z as default
 };

package/dist/dialogComponent/index.umd.js

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