@grapesjs/studio-sdk-plugins 1.0.11 → 1.0.12

package/dist/dialogComponent/index.cjs.js

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

package/dist/dialogComponent/index.es.js

@@ -10,97 +10,97 @@ const C = "app.grapesjs.com", O = "app-stage.grapesjs.com", L = [
   // For stackblitz.com demos
   "-sandpack.codesandbox.io"
   // For Sandpack demos
-], S = "license:check:start", j = "license:check:end", _ = () => typeof window < "u", N = ({ isDev: n, isStage: l }) => `${n ? "" : `https://${l ? O : C}`}/api`, $ = () => {
+], S = "license:check:start", j = "license:check:end", _ = () => typeof window < "u", $ = ({ isDev: n, isStage: s }) => `${n ? "" : `https://${s ? O : C}`}/api`, N = () => {
   const n = _() && window.location.hostname;
-  return !!n && (L.includes(n) || L.some((l) => n.endsWith(l)));
+  return !!n && (L.includes(n) || L.some((s) => n.endsWith(s)));
 };
-var f = /* @__PURE__ */ ((n) => (n.free = "free", n.startup = "startup", n.business = "business", n.enterprise = "enterprise", n))(f || {});
+var W = /* @__PURE__ */ ((n) => (n.free = "free", n.startup = "startup", n.business = "business", n.enterprise = "enterprise", n))(W || {});
 async function D({
   path: n,
-  baseApiUrl: l,
-  method: a = "GET",
+  baseApiUrl: s,
+  method: i = "GET",
   headers: t = {},
   params: p,
-  body: s
+  body: l
 }) {
-  const u = `${l || N({ isDev: !1, isStage: !1 })}${n}`, i = {
-    method: a,
+  const u = `${s || $({ isDev: !1, isStage: !1 })}${n}`, r = {
+    method: i,
     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();
+  l && (r.body = JSON.stringify(l));
+  const d = p ? new URLSearchParams(p).toString() : "", o = d ? `?${d}` : "", c = await fetch(`${u}${o}`, r);
+  if (!c.ok)
+    throw new Error(`HTTP error! status: ${c.status}`);
+  return c.json();
 }
 const P = {
-  [f.free]: 0,
-  [f.startup]: 10,
-  [f.business]: 20,
-  [f.enterprise]: 30
+  [W.free]: 0,
+  [W.startup]: 10,
+  [W.business]: 20,
+  [W.enterprise]: 30
 };
 function A(n) {
-  const l = n;
-  return l.init = (a) => (t) => n(t, a), l;
+  const s = n;
+  return s.init = (i) => (t) => n(t, i), s;
 }
 const q = (n) => /* @__PURE__ */ A(n);
 async function U({
   editor: n,
-  plan: l,
-  pluginName: a,
+  plan: s,
+  pluginName: i,
   licenseKey: t,
   cleanup: p
 }) {
-  let s = "", g = !1;
-  const u = $(), i = (o) => {
-    console.warn("Cleanup plugin:", a, "Reason:", o), p();
-  }, c = (o = {}) => {
+  let l = "", g = !1;
+  const u = N(), r = (o) => {
+    console.warn("Cleanup plugin:", i, "Reason:", o), p();
+  }, d = (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 });
+    const { error: c, sdkLicense: v } = o, E = (e = o.plan) == null ? void 0 : e.category;
+    if (!(v || o.license) || c)
+      r(c || "Invalid license");
+    else if (E) {
+      const f = P[s], b = P[E];
+      f > b && r({ pluginRequiredPlan: s, licensePlan: E });
     }
   };
   n.on(S, (o) => {
-    s = o == null ? void 0 : o.baseApiUrl, g = !0;
+    l = o == null ? void 0 : o.baseApiUrl, g = !0;
   }), n.on(j, (o) => {
-    c(o);
+    d(o);
   }), setTimeout(async () => {
     if (!g) {
       if (u) return;
       if (t) {
-        const o = await X({ licenseKey: t, pluginName: a, baseApiUrl: s });
-        o && c(o);
+        const o = await X({ licenseKey: t, pluginName: i, baseApiUrl: l });
+        o && d(o);
       } else
-        i("The `licenseKey` option not provided");
+        r("The `licenseKey` option not provided");
     }
   }, 2e3);
 }
 async function X(n) {
-  const { licenseKey: l, pluginName: a, baseApiUrl: t } = n;
+  const { licenseKey: s, pluginName: i, baseApiUrl: t } = n;
   try {
     return (await D({
       baseApiUrl: t,
-      path: `/sdk/${l || "na"}`,
+      path: `/sdk/${s || "na"}`,
       method: "POST",
       params: {
         d: window.location.hostname,
-        pn: a
+        pn: i
       }
     })).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, {
+const T = (...n) => n.map((s) => `[data-gjs-type="${s}"]`).join(","), I = "dialogComponent", B = function(n, s = {}) {
+  const { Blocks: i, Components: t } = n, { licenseKey: p } = s, l = "gjs-plg-dialog", g = "gjs-plg-dialog-overlay", u = "gjs-plg-dialog-content", r = "gjs-plg-dialog-close", d = "gjs-plg-dialog-title", o = "gjs-plg-dialog-body", c = "gjs-plg-dialog-description", v = "gjs-plg-dialog-placeholder";
+  i.add(l, {
     label: "Dialog",
     media: `
     <svg viewBox="0 0 24 24">
@@ -108,19 +108,19 @@ const T = (...n) => n.map((l) => `[data-gjs-type="${l}"]`).join(","), I = "dialo
     </svg>
   `,
     category: "Extra",
-    content: { type: s },
+    content: { type: l },
     activate: !0,
-    ...l.block
-  }), t.addType(s, {
+    ...s.block
+  }), t.addType(l, {
     model: {
       defaults: {
         tagName: "div",
-        attributes: { class: s, "data-type-role": s },
-        components: [{ type: g }, { type: m }],
+        attributes: { class: l, "data-type-role": l },
+        components: [{ type: g }, { type: v }],
         draggable: T("wrapper"),
-        droppable: T(s),
+        droppable: T(l),
         styles: `
-          .${s} {
+          .${l} {
             position: relative;
             z-index: 1;
           }
@@ -131,9 +131,9 @@ const T = (...n) => n.map((l) => `[data-gjs-type="${l}"]`).join(","), I = "dialo
             label: "Open dialog",
             name: "onActive",
             changeProp: !0,
-            command(d) {
+            command(a) {
               var e;
-              (e = d.getSelected()) == null || e.trigger("active");
+              (e = a.getSelected()) == null || e.trigger("active");
             }
           },
           {
@@ -171,38 +171,38 @@ const T = (...n) => n.map((l) => `[data-gjs-type="${l}"]`).join(","), I = "dialo
           "openWhenLeavingWindow",
           "openWhenScrollingToLevel"
         ],
-        script: function(d) {
+        script: function(a) {
           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";
+          function f(h) {
+            const m = e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]'), y = e.querySelector('[data-type-role="gjs-plg-dialog-close"]');
+            function w() {
+              m.style.display = "none";
             }
-            h ? (e._onCloseWhenPressingX = b, y.addEventListener("click", e._onCloseWhenPressingX)) : (y.removeEventListener("click", e._onCloseWhenPressingX), e._onCloseWhenPressingX = null);
+            h ? (e._onCloseWhenPressingX = w, 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");
+          function b(h) {
+            const m = e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
+            function y(w) {
+              w.key === "Escape" && (m.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"]');
+            const m = e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
             function y() {
-              v.style.display = "flex";
+              m.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"]');
+            const m = e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
             function y() {
-              const b = document.documentElement.scrollTop;
-              h && b >= Number(h) && (v.style.display = "flex");
+              const w = document.documentElement.scrollTop;
+              h && w >= Number(h) && (m.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);
+          f(a.closeWhenPressingX), b(a.closeWhenPressingEsc), x(a.openWhenLeavingWindow), k(a.openWhenScrollingToLevel);
         }
       },
       init() {
@@ -221,8 +221,8 @@ const T = (...n) => n.map((l) => `[data-gjs-type="${l}"]`).join(","), I = "dialo
     },
     view: {
       onActive() {
-        const d = this.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
-        d.style.display = "flex";
+        const a = this.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
+        a.style.display = "flex";
       }
     }
   }), t.addType(g, {
@@ -253,7 +253,7 @@ const T = (...n) => n.map((l) => `[data-gjs-type="${l}"]`).join(","), I = "dialo
       defaults: {
         tagName: "div",
         attributes: { class: u, "data-type-role": u },
-        components: [{ type: i }, { type: c }, { type: o }],
+        components: [{ type: r }, { type: d }, { type: o }],
         droppable: !1,
         draggable: !1,
         styles: `
@@ -270,16 +270,16 @@ const T = (...n) => n.map((l) => `[data-gjs-type="${l}"]`).join(","), I = "dialo
         `
       }
     }
-  }), t.addType(i, {
+  }), t.addType(r, {
     model: {
       defaults: {
         tagName: "button",
-        attributes: { class: i, "data-type-role": i },
+        attributes: { class: r, "data-type-role": r },
         components: "&times;",
         droppable: !1,
         draggable: !1,
         styles: `
-          .${i} {
+          .${r} {
             position: absolute;
             top: 10px;
             right: 10px;
@@ -293,17 +293,17 @@ const T = (...n) => n.map((l) => `[data-gjs-type="${l}"]`).join(","), I = "dialo
         `
       }
     }
-  }), t.addType(c, {
+  }), t.addType(d, {
     model: {
       defaults: {
         tagName: "h2",
-        attributes: { class: c, "data-type-role": c },
+        attributes: { class: d, "data-type-role": d },
         components: "Dialog Title",
         editable: !0,
         droppable: !1,
         draggable: !1,
         styles: `
-          .${c} {
+          .${d} {
             margin: 0;
             padding: 0 40px 20px 0;
           }
@@ -315,7 +315,7 @@ const T = (...n) => n.map((l) => `[data-gjs-type="${l}"]`).join(","), I = "dialo
       defaults: {
         tagName: "div",
         attributes: { class: o, "data-type-role": o },
-        components: [{ type: r }],
+        components: [{ type: c }],
         styles: `
           .${o} {
             height: 90%;
@@ -324,28 +324,28 @@ const T = (...n) => n.map((l) => `[data-gjs-type="${l}"]`).join(","), I = "dialo
         `
       }
     }
-  }), t.addType(r, {
+  }), t.addType(c, {
     model: {
       defaults: {
         tagName: "p",
-        attributes: { class: r, "data-type-role": r },
+        attributes: { class: c, "data-type-role": c },
         components: "This is a customizable dialog!",
         editable: !0,
         styles: `
-          .${r} {
+          .${c} {
             margin: 0;
           }
         `
       }
     }
-  }), t.addType(m, {
+  }), t.addType(v, {
     model: {
       toHTML() {
         return "";
       },
       defaults: {
         tagName: "button",
-        attributes: { class: m, "data-type-role": m },
+        attributes: { class: v, "data-type-role": v },
         components: "Dialog (click me to open)",
         droppable: !1,
         draggable: !1
@@ -353,20 +353,21 @@ const T = (...n) => n.map((l) => `[data-gjs-type="${l}"]`).join(","), I = "dialo
     },
     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 = "";
+        const { em: a, el: e } = this, f = "core:preview", b = a.Commands.events;
+        this.listenTo(a, `${b.runCommand}${f}`, () => {
+          e.style.display = "none";
+        }), this.listenTo(a, `${b.stopCommand}${f}`, () => {
+          e.style.display = "";
         });
       }
     }
   }), U({
     editor: n,
     licenseKey: p,
-    plan: f.startup,
+    plan: W.startup,
     pluginName: I,
     cleanup: () => {
-      a.remove(s), t.removeType(s);
+      i.remove(l), t.removeType(l);
     }
   });
 }, H = q(B);

package/dist/dialogComponent/index.umd.js

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

package/dist/index.cjs.d.ts

@@ -4,4 +4,5 @@ export { default as listPagesComponent } from './listPagesComponent';
 export { default as fsLightboxComponent } from './fsLightboxComponent';
 export { default as lightGalleryComponent } from './lightGalleryComponent';
 export { default as swiperComponent } from './swiperComponent';
+export { default as rteTinyMce } from './rteTinyMce';
 export { default as rteProseMirror } from './prosemirror';