@grapesjs/studio-sdk-plugins 1.0.16 → 1.0.17

package/dist/layoutSidebarButtons/index.cjs.js

@@ -1 +1 @@
-"use strict";var h=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(h||{}),p=(e=>(e.toastAdd="studio:toastAdd",e.dialogOpen="studio:dialogOpen",e.dialogClose="studio:dialogClose",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.projectFiles="studio:projectFiles",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.getStateTheme="studio:getStateTheme",e.setStateTheme="studio:setStateTheme",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))(p||{}),M=(e=>(e.layoutToggleId="studio:layoutToggle:",e.toggleBlocksPanel="studio:toggleBlocksPanel",e.pageSettingsUpdate="studio:pageSettingsUpdate",e))(M||{});const G="app.grapesjs.com",x="app-stage.grapesjs.com",k=[G,x,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],H="license:check:start",O="license:check:end",_=()=>typeof window<"u",N=({isDev:e,isStage:s})=>`${e?"":`https://${s?x:G}`}/api`,W=()=>{const e=_()&&window.location.hostname;return!!e&&(k.includes(e)||k.some(s=>e.endsWith(s)))};async function j({path:e,baseApiUrl:s,method:t="GET",headers:a={},params:n,body:c}){const y=`${s||N({isDev:!1,isStage:!1})}${e}`,g={method:t,headers:{"Content-Type":"application/json",...a}};c&&(g.body=JSON.stringify(c));const l=n?new URLSearchParams(n).toString():"",o=l?`?${l}`:"",i=await fetch(`${y}${o}`,g);if(!i.ok)throw new Error(`HTTP error! status: ${i.status}`);return i.json()}const w={[h.free]:0,[h.startup]:10,[h.business]:20,[h.enterprise]:30};function C(e){const s=e;return s.init=t=>a=>e(a,t),s}const K=e=>C(e);async function S({editor:e,plan:s,pluginName:t,licenseKey:a,cleanup:n}){let c="",u=!1;const y=W(),g=o=>{console.warn("Cleanup plugin:",t,"Reason:",o),n()},l=(o={})=>{var b;const{error:i,sdkLicense:r}=o,d=(b=o.plan)==null?void 0:b.category;if(!(r||o.license)||i)g(i||"Invalid license");else if(d){const L=w[s],B=w[d];L>B&&g({pluginRequiredPlan:s,licensePlan:d})}};e.on(H,o=>{c=o==null?void 0:o.baseApiUrl,u=!0}),e.on(O,o=>{l(o)}),setTimeout(async()=>{if(!u){if(y)return;if(a){const o=await V({licenseKey:a,pluginName:t,baseApiUrl:c});o&&l(o)}else g("The `licenseKey` option not provided")}},2e3)}async function V(e){const{licenseKey:s,pluginName:t,baseApiUrl:a}=e;try{return(await j({baseApiUrl:a,path:`/sdk/${s||"na"}`,method:"POST",params:{d:window.location.hostname,pn:t}})).result||{}}catch(n){return console.error("Error during SDK license check:",n),!1}}var f=(e=>(e.panelBlocks="panelBlocks",e.panelPagesLayers="panelPagesLayers",e.panelGlobalStyles="panelGlobalStyles",e.panelSidebarTabs="panelSidebarTabs",e.panelAssets="panelAssets",e))(f||{});const I="sidebarButtonsTarget",T=e=>{const{id:s,icon:t,label:a,tooltip:n,className:c,skipSelfClose:u,removeLayouts:y,layoutComponent:g,layoutCommand:l}=e,o=s;return{id:U(s),type:"button",icon:t,tooltip:a||n,className:c,editorEvents:{[`${M.layoutToggleId}${o}`]:({fromEvent:i,setState:r,editor:d})=>{r({active:i.isOpen}),setTimeout(()=>d.refresh({tools:!0}),20)}},onClick:({editor:i,state:r})=>{if(r.active&&u)return;const d=(l==null?void 0:l.placer)||{type:"static",layoutId:I},v={...d,skipCleanup:d.type==="static"},b=y||Object.keys(f).filter(B=>B!==o);E(i,{removeLayouts:b,layout:{placer:v}});const L={id:o,placer:d,header:(l==null?void 0:l.header)??{label:a,close:!u},layout:g,style:{width:250,height:"100%",borderRightWidth:1,...l==null?void 0:l.style}};i.runCommand(p.layoutToggle,L)}}},U=e=>`button__${e}`,E=(e,s={})=>{(s.removeLayouts||Object.keys(f)).forEach(a=>e.runCommand(p.layoutRemove,{id:a,layout:s.layout}))},A=(e,s,t)=>{const a=e.map(n=>{const c=T(n);return t!=null&&t.sidebarButton?t.sidebarButton({id:n.id,breakpoint:s,buttonProps:c,sidebarButtonProps:n,createSidebarButton:u=>T({...n,...u})}):c}).filter(Boolean);return t!=null&&t.sidebarButtons?t==null?void 0:t.sidebarButtons({breakpoint:s,sidebarButtons:a,createSidebarButton:n=>T({...n})}):a},P=(e,s,t,a)=>{var n;return((n=a==null?void 0:a.rootLayout)==null?void 0:n.call(a,{breakpoint:t,sidebarButtons:s,rootLayout:e,createSidebarButton:c=>T({...c})}))??e},$=e=>{const s=(e==null?void 0:e.breakpointTablet)??1024,t=(e==null?void 0:e.breakpointMobile)??768,a={},n=[{id:f.panelBlocks,icon:"plusBox",label:"Blocks",layoutComponent:{type:"panelBlocks"}},{id:f.panelPagesLayers,icon:"layers",label:"Pages & Layers",layoutComponent:{type:"panelPagesLayers"}},{id:f.panelGlobalStyles,icon:'<svg viewBox="0 0 24 24"> <path d="M20 14H6c-2.2 0-4 1.8-4 4s1.8 4 4 4h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2M6 20c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2m.3-8L13 5.3a2 2 0 0 1 2.8 0l2.8 2.8c.8.8.8 2 0 2.8l-.9 1.1H6.3M2 13.5V4c0-1.1.9-2 2-2h4a2 2 0 0 1 2 2v1.5l-8 8Z"/></svg>',label:"Global Styles",layoutComponent:{type:"panelGlobalStyles"}},{id:f.panelAssets,icon:'<svg viewBox="0 0 24 24"><path d="M22,16V4A2,2 0 0,0 20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16M11,12L13.03,14.71L16,11L20,16H8M2,6V20A2,2 0 0,0 4,22H18V20H4V6" /></svg>',label:"Assets",layoutComponent:{type:"panelAssets",content:{itemsPerRow:2,header:{addUrl:!1}},style:{padding:7},onSelect:({assetProps:o,editor:i})=>{var v;const r=i.getSelected(),d={type:"image",src:o.src};if(r!=null&&r.is("image"))return r.set("src",o.src);if(r&&i.Components.canMove(r,d)){const b=r.append(d)[0];b&&i.select(b)}else if(!r){const b=(v=i.getWrapper())==null?void 0:v.append(d)[0];b&&i.select(b)}}}}],c=[...n,{id:f.panelSidebarTabs,layoutCommand:{header:!1},icon:'<svg viewBox="0 0 24 24"><path d="M17.5 12a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 17.5 9a1.5 1.5 0 0 1 1.5 1.5 1.5 1.5 0 0 1-1.5 1.5m-3-4A1.5 1.5 0 0 1 13 6.5 1.5 1.5 0 0 1 14.5 5 1.5 1.5 0 0 1 16 6.5 1.5 1.5 0 0 1 14.5 8m-5 0A1.5 1.5 0 0 1 8 6.5 1.5 1.5 0 0 1 9.5 5 1.5 1.5 0 0 1 11 6.5 1.5 1.5 0 0 1 9.5 8m-3 4A1.5 1.5 0 0 1 5 10.5 1.5 1.5 0 0 1 6.5 9 1.5 1.5 0 0 1 8 10.5 1.5 1.5 0 0 1 6.5 12M12 3a9 9 0 0 0-9 9 9 9 0 0 0 9 9 1.5 1.5 0 0 0 1.5-1.5c0-.4-.2-.7-.4-1-.2-.3-.4-.6-.4-1a1.5 1.5 0 0 1 1.5-1.5H16a5 5 0 0 0 5-5c0-4.4-4-8-9-8Z"/></svg>',label:"Styles & Props",layoutComponent:{type:"panelSidebarTabs"}}],u={id:I,type:"column",style:{overflow:"hidden"}},y={type:"sidebarLeft",resizable:!1,style:{padding:"10px 5px",alignItems:"center",width:45,gap:10},children:[]},g={type:"canvasSidebarTop",sidebarTop:{leftContainer:{buttons:[]}}};if(s){const o=A(c,s,e);a[s]=P({type:"row",style:{height:"100%"},children:[{...y,children:o},u,g]},o,s,e)}if(t){const o=c.map(r=>({...r,layoutCommand:{placer:{type:"absolute",position:"left"},style:{height:"calc(100% - 40px)"}}})),i=A(o,t,e);a[t]=P({type:"column",style:{height:"100%"},children:[{type:"sidebarTop",leftContainer:{buttons:[]}},{type:"canvas"},{type:"sidebarBottom",style:{padding:"0 5px",alignItems:"center",gap:10,minHeight:39},children:i}]},i,t,e)}const l=A(n,0,e);return{default:P({type:"row",style:{height:"100%"},children:[{...y,children:l},u,g,{type:"sidebarRight"}]},l,0,e),responsive:a}},R="layoutSidebarButtons",m=function(e,s={}){const{Commands:t}=e,a=t.events,n={...s};(()=>{if(e.runCommand(p.layoutConfigGet)||n.skipLayoutConfig===!0)return;const y=$(n);e.runCommand(p.layoutConfigSet,{...y})})(),t.add(`${R}:toggleButton`,(u,y,g={})=>{const l=document.getElementById(U(g.id));l==null||l.click()}),e.on(`${a.runCommand}core:preview`,()=>{E(e)}),S({editor:e,licenseKey:n.licenseKey,plan:h.startup,pluginName:R,cleanup:()=>{e.runCommand(p.layoutConfigSet)}})},D=K(m);D.createLayoutConfig=e=>$(e);module.exports=D;
+"use strict";var L=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(L||{}),B=(e=>(e.toastAdd="studio:toastAdd",e.dialogOpen="studio:dialogOpen",e.dialogClose="studio:dialogClose",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.projectFiles="studio:projectFiles",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.getStateTheme="studio:getStateTheme",e.setStateTheme="studio:setStateTheme",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))(B||{}),R=(e=>(e.layoutToggleId="studio:layoutToggle:",e.toggleBlocksPanel="studio:toggleBlocksPanel",e.pageSettingsUpdate="studio:pageSettingsUpdate",e))(R||{});const M="app.grapesjs.com",G="app-stage.grapesjs.com",P=[M,G,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],H="license:check:start",O="license:check:end",_=()=>typeof window<"u",N=({isDev:e,isStage:t})=>`${e?"":`https://${t?G:M}`}/api`,W=()=>{const e=_()&&window.location.hostname;return!!e&&(P.includes(e)||P.some(t=>e.endsWith(t)))};async function j({path:e,baseApiUrl:t,method:a="GET",headers:l={},params:c,body:b}){const y=`${t||N({isDev:!1,isStage:!1})}${e}`,r={method:a,headers:{"Content-Type":"application/json",...l}};b&&(r.body=JSON.stringify(b));const o=c?new URLSearchParams(c).toString():"",s=o?`?${o}`:"",g=await fetch(`${y}${s}`,r);if(!g.ok)throw new Error(`HTTP error! status: ${g.status}`);return g.json()}const k={[L.free]:0,[L.startup]:10,[L.business]:20,[L.enterprise]:30};function C(e){const t=e;return t.init=a=>l=>e(l,a),t}const K=e=>C(e);async function S({editor:e,plan:t,pluginName:a,licenseKey:l,cleanup:c}){let b="",f=!1;const y=W(),r=s=>{console.warn("Cleanup plugin:",a,"Reason:",s),c()},o=(s={})=>{var i;const{error:g,sdkLicense:v}=s,n=(i=s.plan)==null?void 0:i.category;if(!(v||s.license)||g)r(g||"Invalid license");else if(n){const p=k[t],d=k[n];p>d&&r({pluginRequiredPlan:t,licensePlan:n})}};e.on(H,s=>{b=s==null?void 0:s.baseApiUrl,f=!0}),e.on(O,s=>{o(s)}),setTimeout(async()=>{if(!f){if(y)return;if(l){const s=await V({licenseKey:l,pluginName:a,baseApiUrl:b});s&&o(s)}else r("The `licenseKey` option not provided")}},2e3)}async function V(e){const{licenseKey:t,pluginName:a,baseApiUrl:l}=e;try{return(await j({baseApiUrl:l,path:`/sdk/${t||"na"}`,method:"POST",params:{d:window.location.hostname,pn:a}})).result||{}}catch(c){return console.error("Error during SDK license check:",c),!1}}var h=(e=>(e.panelBlocks="panelBlocks",e.panelPagesLayers="panelPagesLayers",e.panelGlobalStyles="panelGlobalStyles",e.panelSidebarTabs="panelSidebarTabs",e.panelAssets="panelAssets",e))(h||{});const I="sidebarButtonsTarget",A=e=>{const{id:t,icon:a,label:l,tooltip:c,className:b,skipSelfClose:f,removeLayouts:y,layoutComponent:r,layoutCommand:o}=e,s=t;return{id:x(t),type:"button",icon:a,tooltip:l||c,className:b,editorEvents:{[`${R.layoutToggleId}${s}`]:({fromEvent:g,setState:v,editor:n})=>{v({active:g.isOpen}),setTimeout(()=>n.refresh({tools:!0}),20)}},onClick:({editor:g,state:v})=>{if(v.active&&f)return;const n=(o==null?void 0:o.placer)||{type:"static",layoutId:I},u={...n,skipCleanup:n.type==="static"},i=y||Object.keys(h).filter(d=>d!==s);U(g,{removeLayouts:i,layout:{placer:u}});const p={id:s,placer:n,header:(o==null?void 0:o.header)??{label:l,close:!f},layout:r,style:{width:280,height:"100%",borderRightWidth:1,...o==null?void 0:o.style}};g.runCommand(B.layoutToggle,p)}}},x=e=>`button__${e}`,U=(e,t={})=>{(t.removeLayouts||Object.keys(h)).forEach(l=>e.runCommand(B.layoutRemove,{id:l,layout:t.layout}))},E=e=>{const t=(e==null?void 0:e.breakpointTablet)??1024,a=(e==null?void 0:e.breakpointMobile)??768,l={breakpointTablet:t,breakpointMobile:a},c={},b=[{id:h.panelBlocks,icon:"plusBox",label:"Blocks",layoutComponent:{type:"panelBlocks"}},{id:h.panelPagesLayers,icon:"layers",label:"Pages & Layers",layoutComponent:{type:"panelPagesLayers"}},{id:h.panelGlobalStyles,icon:'<svg viewBox="0 0 24 24"> <path d="M20 14H6c-2.2 0-4 1.8-4 4s1.8 4 4 4h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2M6 20c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2m.3-8L13 5.3a2 2 0 0 1 2.8 0l2.8 2.8c.8.8.8 2 0 2.8l-.9 1.1H6.3M2 13.5V4c0-1.1.9-2 2-2h4a2 2 0 0 1 2 2v1.5l-8 8Z"/></svg>',label:"Global Styles",layoutComponent:{type:"panelGlobalStyles"}},{id:h.panelAssets,icon:'<svg viewBox="0 0 24 24"><path d="M22,16V4A2,2 0 0,0 20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16M11,12L13.03,14.71L16,11L20,16H8M2,6V20A2,2 0 0,0 4,22H18V20H4V6" /></svg>',label:"Assets",layoutComponent:{type:"panelAssets",content:{itemsPerRow:2,header:{addUrl:!1}},style:{padding:7},onSelect:({assetProps:n,editor:u})=>{var d;const i=u.getSelected(),p={type:"image",src:n.src};if(i!=null&&i.is("image"))return i.set("src",n.src);if(i&&u.Components.canMove(i,p)){const T=i.append(p)[0];T&&u.select(T)}else if(!i){const T=(d=u.getWrapper())==null?void 0:d.append(p)[0];T&&u.select(T)}}}}],f=[...b,{id:h.panelSidebarTabs,layoutCommand:{header:!1},icon:'<svg viewBox="0 0 24 24"><path d="M17.5 12a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 17.5 9a1.5 1.5 0 0 1 1.5 1.5 1.5 1.5 0 0 1-1.5 1.5m-3-4A1.5 1.5 0 0 1 13 6.5 1.5 1.5 0 0 1 14.5 5 1.5 1.5 0 0 1 16 6.5 1.5 1.5 0 0 1 14.5 8m-5 0A1.5 1.5 0 0 1 8 6.5 1.5 1.5 0 0 1 9.5 5 1.5 1.5 0 0 1 11 6.5 1.5 1.5 0 0 1 9.5 8m-3 4A1.5 1.5 0 0 1 5 10.5 1.5 1.5 0 0 1 6.5 9 1.5 1.5 0 0 1 8 10.5 1.5 1.5 0 0 1 6.5 12M12 3a9 9 0 0 0-9 9 9 9 0 0 0 9 9 1.5 1.5 0 0 0 1.5-1.5c0-.4-.2-.7-.4-1-.2-.3-.4-.6-.4-1a1.5 1.5 0 0 1 1.5-1.5H16a5 5 0 0 0 5-5c0-4.4-4-8-9-8Z"/></svg>',label:"Styles & Props",layoutComponent:{type:"panelSidebarTabs"}}],y={id:I,type:"column",style:{overflow:"hidden"}},r={type:"sidebarLeft",resizable:!1,style:{padding:"10px 5px",alignItems:"center",width:45,gap:10},children:[]},o={type:"canvasSidebarTop",sidebarTop:{leftContainer:{buttons:[]}}},s=(n,u)=>{const i=n.map(d=>{const T=A(d);return e!=null&&e.sidebarButton?e.sidebarButton({id:d.id,buttonIds:h,breakpoint:u,buttonProps:T,sidebarButtonProps:d,...l,createSidebarButton:D=>A({...d,...D})}):T}).filter(Boolean);return(e!=null&&e.sidebarButtons?e==null?void 0:e.sidebarButtons({buttonIds:h,breakpoint:u,sidebarButtons:i,...l,createSidebarButton:d=>A({...d})}):i).filter(Boolean)},g=(n,u,i)=>{var p;return((p=e==null?void 0:e.rootLayout)==null?void 0:p.call(e,{breakpoint:i,sidebarButtons:u,rootLayout:n,layoutSidebarLeft:r,layoutSidebarTarget:y,...l,createSidebarButton:d=>A({...d})}))??n};if(t){const n=s(f,t);c[t]=g({type:"row",style:{height:"100%"},children:[{...r,children:n},y,o]},n,t)}if(a){const n=f.map(i=>({...i,layoutCommand:{placer:{type:"absolute",position:"left"},style:{height:"calc(100% - 40px)"}}})),u=s(n,a);c[a]=g({type:"column",style:{height:"100%"},children:[{type:"sidebarTop",leftContainer:{buttons:[]}},{type:"canvas"},{type:"sidebarBottom",style:{padding:"0 5px",alignItems:"center",gap:10,minHeight:39},children:u}]},u,a)}const v=s(b,0);return{default:g({type:"row",style:{height:"100%"},children:[{...r,children:v},y,o,{type:"sidebarRight"}]},v,0),responsive:c}},w="layoutSidebarButtons",m=function(e,t={}){const{Commands:a}=e,l=a.events,c={...t};(()=>{if(e.runCommand(B.layoutConfigGet)||c.skipLayoutConfig===!0)return;const y=E(c);e.runCommand(B.layoutConfigSet,{...y})})(),a.add(`${w}:toggleButton`,(f,y,r)=>{const o=document.getElementById(x(r==null?void 0:r.id));o==null||o.click()}),e.on(`${l.runCommand}core:preview`,()=>{U(e)}),S({editor:e,licenseKey:c.licenseKey,plan:L.free,pluginName:w,cleanup:()=>{e.runCommand(B.layoutConfigSet)}})},$=K(m);$.createLayoutConfig=e=>E(e);module.exports=$;

package/dist/layoutSidebarButtons/index.es.js

@@ -1,7 +1,7 @@
-var h = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(h || {}), p = /* @__PURE__ */ ((e) => (e.toastAdd = "studio:toastAdd", e.dialogOpen = "studio:dialogOpen", e.dialogClose = "studio:dialogClose", 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.projectFiles = "studio:projectFiles", 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.getStateTheme = "studio:getStateTheme", e.setStateTheme = "studio:setStateTheme", 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))(p || {}), M = /* @__PURE__ */ ((e) => (e.layoutToggleId = "studio:layoutToggle:", e.toggleBlocksPanel = "studio:toggleBlocksPanel", e.pageSettingsUpdate = "studio:pageSettingsUpdate", e))(M || {});
-const G = "app.grapesjs.com", x = "app-stage.grapesjs.com", k = [
+var L = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(L || {}), B = /* @__PURE__ */ ((e) => (e.toastAdd = "studio:toastAdd", e.dialogOpen = "studio:dialogOpen", e.dialogClose = "studio:dialogClose", 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.projectFiles = "studio:projectFiles", 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.getStateTheme = "studio:getStateTheme", e.setStateTheme = "studio:setStateTheme", 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))(B || {}), R = /* @__PURE__ */ ((e) => (e.layoutToggleId = "studio:layoutToggle:", e.toggleBlocksPanel = "studio:toggleBlocksPanel", e.pageSettingsUpdate = "studio:pageSettingsUpdate", e))(R || {});
+const M = "app.grapesjs.com", G = "app-stage.grapesjs.com", P = [
+  M,
   G,
-  x,
   "localhost",
   "127.0.0.1",
   ".local-credentialless.webcontainer.io",
@@ -10,255 +10,261 @@ const G = "app.grapesjs.com", x = "app-stage.grapesjs.com", k = [
   // For stackblitz.com demos
   "-sandpack.codesandbox.io"
   // For Sandpack demos
-], D = "license:check:start", H = "license:check:end", O = () => typeof window < "u", _ = ({ isDev: e, isStage: s }) => `${e ? "" : `https://${s ? x : G}`}/api`, N = () => {
+], D = "license:check:start", H = "license:check:end", O = () => typeof window < "u", _ = ({ isDev: e, isStage: t }) => `${e ? "" : `https://${t ? G : M}`}/api`, N = () => {
   const e = O() && window.location.hostname;
-  return !!e && (k.includes(e) || k.some((s) => e.endsWith(s)));
+  return !!e && (P.includes(e) || P.some((t) => e.endsWith(t)));
 };
 async function W({
   path: e,
-  baseApiUrl: s,
-  method: t = "GET",
-  headers: a = {},
-  params: n,
-  body: c
+  baseApiUrl: t,
+  method: a = "GET",
+  headers: l = {},
+  params: c,
+  body: b
 }) {
-  const y = `${s || _({ isDev: !1, isStage: !1 })}${e}`, g = {
-    method: t,
+  const y = `${t || _({ isDev: !1, isStage: !1 })}${e}`, r = {
+    method: a,
     headers: {
       "Content-Type": "application/json",
-      ...a
+      ...l
     }
   };
-  c && (g.body = JSON.stringify(c));
-  const l = n ? new URLSearchParams(n).toString() : "", o = l ? `?${l}` : "", i = await fetch(`${y}${o}`, g);
-  if (!i.ok)
-    throw new Error(`HTTP error! status: ${i.status}`);
-  return i.json();
+  b && (r.body = JSON.stringify(b));
+  const o = c ? new URLSearchParams(c).toString() : "", s = o ? `?${o}` : "", g = await fetch(`${y}${s}`, r);
+  if (!g.ok)
+    throw new Error(`HTTP error! status: ${g.status}`);
+  return g.json();
 }
-const w = {
-  [h.free]: 0,
-  [h.startup]: 10,
-  [h.business]: 20,
-  [h.enterprise]: 30
+const k = {
+  [L.free]: 0,
+  [L.startup]: 10,
+  [L.business]: 20,
+  [L.enterprise]: 30
 };
 function j(e) {
-  const s = e;
-  return s.init = (t) => (a) => e(a, t), s;
+  const t = e;
+  return t.init = (a) => (l) => e(l, a), t;
 }
 const C = (e) => /* @__PURE__ */ j(e);
 async function K({
   editor: e,
-  plan: s,
-  pluginName: t,
-  licenseKey: a,
-  cleanup: n
+  plan: t,
+  pluginName: a,
+  licenseKey: l,
+  cleanup: c
 }) {
-  let c = "", u = !1;
-  const y = N(), g = (o) => {
-    console.warn("Cleanup plugin:", t, "Reason:", o), n();
-  }, l = (o = {}) => {
-    var b;
-    const { error: i, sdkLicense: r } = o, d = (b = o.plan) == null ? void 0 : b.category;
-    if (!(r || o.license) || i)
-      g(i || "Invalid license");
-    else if (d) {
-      const L = w[s], B = w[d];
-      L > B && g({ pluginRequiredPlan: s, licensePlan: d });
+  let b = "", f = !1;
+  const y = N(), r = (s) => {
+    console.warn("Cleanup plugin:", a, "Reason:", s), c();
+  }, o = (s = {}) => {
+    var i;
+    const { error: g, sdkLicense: v } = s, n = (i = s.plan) == null ? void 0 : i.category;
+    if (!(v || s.license) || g)
+      r(g || "Invalid license");
+    else if (n) {
+      const p = k[t], d = k[n];
+      p > d && r({ pluginRequiredPlan: t, licensePlan: n });
     }
   };
-  e.on(D, (o) => {
-    c = o == null ? void 0 : o.baseApiUrl, u = !0;
-  }), e.on(H, (o) => {
-    l(o);
+  e.on(D, (s) => {
+    b = s == null ? void 0 : s.baseApiUrl, f = !0;
+  }), e.on(H, (s) => {
+    o(s);
   }), setTimeout(async () => {
-    if (!u) {
+    if (!f) {
       if (y) return;
-      if (a) {
-        const o = await S({ licenseKey: a, pluginName: t, baseApiUrl: c });
-        o && l(o);
+      if (l) {
+        const s = await S({ licenseKey: l, pluginName: a, baseApiUrl: b });
+        s && o(s);
       } else
-        g("The `licenseKey` option not provided");
+        r("The `licenseKey` option not provided");
     }
   }, 2e3);
 }
 async function S(e) {
-  const { licenseKey: s, pluginName: t, baseApiUrl: a } = e;
+  const { licenseKey: t, pluginName: a, baseApiUrl: l } = e;
   try {
     return (await W({
-      baseApiUrl: a,
-      path: `/sdk/${s || "na"}`,
+      baseApiUrl: l,
+      path: `/sdk/${t || "na"}`,
       method: "POST",
       params: {
         d: window.location.hostname,
-        pn: t
+        pn: a
       }
     })).result || {};
-  } catch (n) {
-    return console.error("Error during SDK license check:", n), !1;
+  } catch (c) {
+    return console.error("Error during SDK license check:", c), !1;
   }
 }
-var f = /* @__PURE__ */ ((e) => (e.panelBlocks = "panelBlocks", e.panelPagesLayers = "panelPagesLayers", e.panelGlobalStyles = "panelGlobalStyles", e.panelSidebarTabs = "panelSidebarTabs", e.panelAssets = "panelAssets", e))(f || {});
-const I = "sidebarButtonsTarget", T = (e) => {
-  const { id: s, icon: t, label: a, tooltip: n, className: c, skipSelfClose: u, removeLayouts: y, layoutComponent: g, layoutCommand: l } = e, o = s;
+var h = /* @__PURE__ */ ((e) => (e.panelBlocks = "panelBlocks", e.panelPagesLayers = "panelPagesLayers", e.panelGlobalStyles = "panelGlobalStyles", e.panelSidebarTabs = "panelSidebarTabs", e.panelAssets = "panelAssets", e))(h || {});
+const I = "sidebarButtonsTarget", A = (e) => {
+  const { id: t, icon: a, label: l, tooltip: c, className: b, skipSelfClose: f, removeLayouts: y, layoutComponent: r, layoutCommand: o } = e, s = t;
   return {
-    id: U(s),
+    id: x(t),
     type: "button",
-    icon: t,
-    tooltip: a || n,
-    className: c,
+    icon: a,
+    tooltip: l || c,
+    className: b,
     editorEvents: {
-      [`${M.layoutToggleId}${o}`]: ({ fromEvent: i, setState: r, editor: d }) => {
-        r({ active: i.isOpen }), setTimeout(() => d.refresh({ tools: !0 }), 20);
+      [`${R.layoutToggleId}${s}`]: ({ fromEvent: g, setState: v, editor: n }) => {
+        v({ active: g.isOpen }), setTimeout(() => n.refresh({ tools: !0 }), 20);
       }
     },
-    onClick: ({ editor: i, state: r }) => {
-      if (r.active && u) return;
-      const d = (l == null ? void 0 : l.placer) || {
+    onClick: ({ editor: g, state: v }) => {
+      if (v.active && f) return;
+      const n = (o == null ? void 0 : o.placer) || {
         type: "static",
         layoutId: I
-      }, v = { ...d, skipCleanup: d.type === "static" }, b = y || Object.keys(f).filter((B) => B !== o);
-      E(i, { removeLayouts: b, layout: { placer: v } });
-      const L = {
-        id: o,
-        placer: d,
-        header: (l == null ? void 0 : l.header) ?? { label: a, close: !u },
-        layout: g,
+      }, u = { ...n, skipCleanup: n.type === "static" }, i = y || Object.keys(h).filter((d) => d !== s);
+      U(g, { removeLayouts: i, layout: { placer: u } });
+      const p = {
+        id: s,
+        placer: n,
+        header: (o == null ? void 0 : o.header) ?? { label: l, close: !f },
+        layout: r,
         style: {
-          width: 250,
+          width: 280,
           height: "100%",
           borderRightWidth: 1,
-          ...l == null ? void 0 : l.style
+          ...o == null ? void 0 : o.style
         }
       };
-      i.runCommand(p.layoutToggle, L);
+      g.runCommand(B.layoutToggle, p);
     }
   };
-}, U = (e) => `button__${e}`, E = (e, s = {}) => {
-  (s.removeLayouts || Object.keys(f)).forEach((a) => e.runCommand(p.layoutRemove, { id: a, layout: s.layout }));
-}, A = (e, s, t) => {
-  const a = e.map((n) => {
-    const c = T(n);
-    return t != null && t.sidebarButton ? t.sidebarButton({
-      id: n.id,
-      breakpoint: s,
-      buttonProps: c,
-      sidebarButtonProps: n,
-      createSidebarButton: (u) => T({ ...n, ...u })
-    }) : c;
-  }).filter(Boolean);
-  return t != null && t.sidebarButtons ? t == null ? void 0 : t.sidebarButtons({
-    breakpoint: s,
-    sidebarButtons: a,
-    createSidebarButton: (n) => T({ ...n })
-  }) : a;
-}, P = (e, s, t, a) => {
-  var n;
-  return ((n = a == null ? void 0 : a.rootLayout) == null ? void 0 : n.call(a, {
-    breakpoint: t,
-    sidebarButtons: s,
-    rootLayout: e,
-    createSidebarButton: (c) => T({ ...c })
-  })) ?? e;
-}, $ = (e) => {
-  const s = (e == null ? void 0 : e.breakpointTablet) ?? 1024, t = (e == null ? void 0 : e.breakpointMobile) ?? 768, a = {}, n = [
+}, x = (e) => `button__${e}`, U = (e, t = {}) => {
+  (t.removeLayouts || Object.keys(h)).forEach((l) => e.runCommand(B.layoutRemove, { id: l, layout: t.layout }));
+}, E = (e) => {
+  const t = (e == null ? void 0 : e.breakpointTablet) ?? 1024, a = (e == null ? void 0 : e.breakpointMobile) ?? 768, l = { breakpointTablet: t, breakpointMobile: a }, c = {}, b = [
     {
-      id: f.panelBlocks,
+      id: h.panelBlocks,
       icon: "plusBox",
       label: "Blocks",
       layoutComponent: { type: "panelBlocks" }
     },
     {
-      id: f.panelPagesLayers,
+      id: h.panelPagesLayers,
       icon: "layers",
       label: "Pages & Layers",
       layoutComponent: { type: "panelPagesLayers" }
     },
     {
-      id: f.panelGlobalStyles,
+      id: h.panelGlobalStyles,
       icon: '<svg viewBox="0 0 24 24"> <path d="M20 14H6c-2.2 0-4 1.8-4 4s1.8 4 4 4h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2M6 20c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2m.3-8L13 5.3a2 2 0 0 1 2.8 0l2.8 2.8c.8.8.8 2 0 2.8l-.9 1.1H6.3M2 13.5V4c0-1.1.9-2 2-2h4a2 2 0 0 1 2 2v1.5l-8 8Z"/></svg>',
       label: "Global Styles",
       layoutComponent: { type: "panelGlobalStyles" }
     },
     {
-      id: f.panelAssets,
+      id: h.panelAssets,
       icon: '<svg viewBox="0 0 24 24"><path d="M22,16V4A2,2 0 0,0 20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16M11,12L13.03,14.71L16,11L20,16H8M2,6V20A2,2 0 0,0 4,22H18V20H4V6" /></svg>',
       label: "Assets",
       layoutComponent: {
         type: "panelAssets",
         content: { itemsPerRow: 2, header: { addUrl: !1 } },
         style: { padding: 7 },
-        onSelect: ({ assetProps: o, editor: i }) => {
-          var v;
-          const r = i.getSelected(), d = { type: "image", src: o.src };
-          if (r != null && r.is("image"))
-            return r.set("src", o.src);
-          if (r && i.Components.canMove(r, d)) {
-            const b = r.append(d)[0];
-            b && i.select(b);
-          } else if (!r) {
-            const b = (v = i.getWrapper()) == null ? void 0 : v.append(d)[0];
-            b && i.select(b);
+        onSelect: ({ assetProps: n, editor: u }) => {
+          var d;
+          const i = u.getSelected(), p = { type: "image", src: n.src };
+          if (i != null && i.is("image"))
+            return i.set("src", n.src);
+          if (i && u.Components.canMove(i, p)) {
+            const T = i.append(p)[0];
+            T && u.select(T);
+          } else if (!i) {
+            const T = (d = u.getWrapper()) == null ? void 0 : d.append(p)[0];
+            T && u.select(T);
           }
         }
       }
     }
-  ], c = [
-    ...n,
+  ], f = [
+    ...b,
     {
-      id: f.panelSidebarTabs,
+      id: h.panelSidebarTabs,
       layoutCommand: { header: !1 },
       icon: '<svg viewBox="0 0 24 24"><path d="M17.5 12a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 17.5 9a1.5 1.5 0 0 1 1.5 1.5 1.5 1.5 0 0 1-1.5 1.5m-3-4A1.5 1.5 0 0 1 13 6.5 1.5 1.5 0 0 1 14.5 5 1.5 1.5 0 0 1 16 6.5 1.5 1.5 0 0 1 14.5 8m-5 0A1.5 1.5 0 0 1 8 6.5 1.5 1.5 0 0 1 9.5 5 1.5 1.5 0 0 1 11 6.5 1.5 1.5 0 0 1 9.5 8m-3 4A1.5 1.5 0 0 1 5 10.5 1.5 1.5 0 0 1 6.5 9 1.5 1.5 0 0 1 8 10.5 1.5 1.5 0 0 1 6.5 12M12 3a9 9 0 0 0-9 9 9 9 0 0 0 9 9 1.5 1.5 0 0 0 1.5-1.5c0-.4-.2-.7-.4-1-.2-.3-.4-.6-.4-1a1.5 1.5 0 0 1 1.5-1.5H16a5 5 0 0 0 5-5c0-4.4-4-8-9-8Z"/></svg>',
       label: "Styles & Props",
       layoutComponent: { type: "panelSidebarTabs" }
     }
-  ], u = {
+  ], y = {
     id: I,
     type: "column",
     style: { overflow: "hidden" }
-  }, y = {
+  }, r = {
     type: "sidebarLeft",
     resizable: !1,
     style: { padding: "10px 5px", alignItems: "center", width: 45, gap: 10 },
     children: []
-  }, g = {
+  }, o = {
     type: "canvasSidebarTop",
     sidebarTop: {
       leftContainer: {
         buttons: []
       }
     }
+  }, s = (n, u) => {
+    const i = n.map((d) => {
+      const T = A(d);
+      return e != null && e.sidebarButton ? e.sidebarButton({
+        id: d.id,
+        buttonIds: h,
+        breakpoint: u,
+        buttonProps: T,
+        sidebarButtonProps: d,
+        ...l,
+        createSidebarButton: ($) => A({ ...d, ...$ })
+      }) : T;
+    }).filter(Boolean);
+    return (e != null && e.sidebarButtons ? e == null ? void 0 : e.sidebarButtons({
+      buttonIds: h,
+      breakpoint: u,
+      sidebarButtons: i,
+      ...l,
+      createSidebarButton: (d) => A({ ...d })
+    }) : i).filter(Boolean);
+  }, g = (n, u, i) => {
+    var p;
+    return ((p = e == null ? void 0 : e.rootLayout) == null ? void 0 : p.call(e, {
+      breakpoint: i,
+      sidebarButtons: u,
+      rootLayout: n,
+      layoutSidebarLeft: r,
+      layoutSidebarTarget: y,
+      ...l,
+      createSidebarButton: (d) => A({ ...d })
+    })) ?? n;
   };
-  if (s) {
-    const o = A(c, s, e);
-    a[s] = P(
+  if (t) {
+    const n = s(f, t);
+    c[t] = g(
       {
         type: "row",
         style: { height: "100%" },
         children: [
           {
-            ...y,
-            children: o
+            ...r,
+            children: n
           },
-          u,
-          g
+          y,
+          o
         ]
       },
-      o,
-      s,
-      e
+      n,
+      t
     );
   }
-  if (t) {
-    const o = c.map(
-      (r) => ({
-        ...r,
+  if (a) {
+    const n = f.map(
+      (i) => ({
+        ...i,
         layoutCommand: {
           placer: { type: "absolute", position: "left" },
           style: { height: "calc(100% - 40px)" }
         }
       })
-    ), i = A(o, t, e);
-    a[t] = P(
+    ), u = s(n, a);
+    c[a] = g(
       {
         type: "column",
         style: { height: "100%" },
@@ -268,61 +274,59 @@ const I = "sidebarButtonsTarget", T = (e) => {
           {
             type: "sidebarBottom",
             style: { padding: "0 5px", alignItems: "center", gap: 10, minHeight: 39 },
-            children: i
+            children: u
           }
         ]
       },
-      i,
-      t,
-      e
+      u,
+      a
     );
   }
-  const l = A(n, 0, e);
+  const v = s(b, 0);
   return {
-    default: P(
+    default: g(
       {
         type: "row",
         style: { height: "100%" },
         children: [
           {
-            ...y,
-            children: l
+            ...r,
+            children: v
           },
-          u,
-          g,
+          y,
+          o,
           { type: "sidebarRight" }
         ]
       },
-      l,
-      0,
-      e
+      v,
+      0
     ),
-    responsive: a
+    responsive: c
   };
-}, R = "layoutSidebarButtons", V = function(e, s = {}) {
-  const { Commands: t } = e, a = t.events, n = {
-    ...s
+}, w = "layoutSidebarButtons", V = function(e, t = {}) {
+  const { Commands: a } = e, l = a.events, c = {
+    ...t
   };
   (() => {
-    if (e.runCommand(p.layoutConfigGet) || n.skipLayoutConfig === !0) return;
-    const y = $(n);
-    e.runCommand(p.layoutConfigSet, { ...y });
-  })(), t.add(`${R}:toggleButton`, (u, y, g = {}) => {
-    const l = document.getElementById(U(g.id));
-    l == null || l.click();
-  }), e.on(`${a.runCommand}core:preview`, () => {
-    E(e);
+    if (e.runCommand(B.layoutConfigGet) || c.skipLayoutConfig === !0) return;
+    const y = E(c);
+    e.runCommand(B.layoutConfigSet, { ...y });
+  })(), a.add(`${w}:toggleButton`, (f, y, r) => {
+    const o = document.getElementById(x(r == null ? void 0 : r.id));
+    o == null || o.click();
+  }), e.on(`${l.runCommand}core:preview`, () => {
+    U(e);
   }), K({
     editor: e,
-    licenseKey: n.licenseKey,
-    plan: h.startup,
-    pluginName: R,
+    licenseKey: c.licenseKey,
+    plan: L.free,
+    pluginName: w,
     cleanup: () => {
-      e.runCommand(p.layoutConfigSet);
+      e.runCommand(B.layoutConfigSet);
     }
   });
 }, m = C(V);
-m.createLayoutConfig = (e) => $(e);
+m.createLayoutConfig = (e) => E(e);
 export {
   m as default
 };