@grapesjs/studio-sdk-plugins 1.0.29 → 1.0.30

package/dist/layoutSidebarButtons/index.cjs.js

@@ -1 +1 @@
-"use strict";var L=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(L||{}),P=(e=>(e.toastAdd="studio:toastAdd",e.toastRemove="studio:toastRemove",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.clearPage="studio:clearPage",e.projectFiles="studio:projectFiles",e.validateCode="studio:validateCode",e.canvasReload="studio:canvasReload",e.getBlocksPanel="studio:getBlocksPanel",e.setBlocksPanel="studio:setBlocksPanel",e.getStateContextMenu="studio:getStateContextMenu",e.setStateContextMenu="studio:setStateContextMenu",e.contextMenuComponent="studio:contextMenuComponent",e.layoutAdd="studio:layoutAdd",e.layoutRemove="studio:layoutRemove",e.layoutToggle="studio:layoutToggle",e.layoutUpdate="studio:layoutUpdate",e.layoutGet="studio:layoutGet",e.layoutConfigGet="studio:layoutConfigGet",e.layoutConfigSet="studio:layoutConfigSet",e.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.fontManagerOpen="studio:fontManagerOpen",e.menuFontLoad="studio:menuFontLoad",e.toggleStateDataSource="studio:toggleStateDataSource",e.getStateDataSource="studio:getStateDataSource",e.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",e.dataSourceSetImporter="studio:dataSourceSetImporter",e.dataSourceSetExporter="studio:dataSourceSetExporter",e.setDragAbsolute="studio:setDragAbsolute",e))(P||{}),D=(e=>(e.layoutToggleId="studio:layoutToggle:",e.toggleBlocksPanel="studio:toggleBlocksPanel",e.pageSettingsUpdate="studio:pageSettingsUpdate",e.toggleDataSourcesPreview="studio:toggleDataSourcesPreview",e))(D||{});const M="app.grapesjs.com",G="app-stage.grapesjs.com",N="app2.grapesjs.com",_="app-stage2.grapesjs.com",k=[M,N,G,_,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],$="license:check:start",H="license:check:end",j=()=>typeof window<"u",W=({isDev:e,isStage:t})=>`${e?"":`https://${t?G:M}`}/api`,K=()=>{const e=j()&&window.location.hostname;return!!e&&(k.includes(e)||k.some(t=>e.endsWith(t)))};async function V({path:e,baseApiUrl:t,method:l="GET",headers:i={},params:c,body:p}){const b=`${t||W({isDev:!1,isStage:!1})}${e}`,r={method:l,headers:{"Content-Type":"application/json",...i}};p&&(r.body=JSON.stringify(p));const o=c?new URLSearchParams(c).toString():"",a=o?`?${o}`:"",u=await fetch(`${b}${a}`,r);if(!u.ok)throw new Error(`HTTP error! status: ${u.status}`);return u.json()}const w={[L.free]:0,[L.startup]:10,[L.business]:20,[L.enterprise]:30};function F(e){const t=e;return t.init=l=>i=>e(i,l),t}const q=e=>F(e);async function C({editor:e,plan:t,pluginName:l,licenseKey:i,cleanup:c}){let p="",f=!1;const b=K(),r=a=>{console.warn("Cleanup plugin:",l,"Reason:",a),c()},o=(a={})=>{var n;const{error:u,sdkLicense:T}=a,s=(n=a.plan)==null?void 0:n.category;if(!(T||a.license)||u)r(u||"Invalid license");else if(s){const d=w[t],v=w[s];d>v&&r({pluginRequiredPlan:t,licensePlan:s})}};e.on($,a=>{p=a==null?void 0:a.baseApiUrl,f=!0}),e.on(H,a=>{o(a)}),setTimeout(async()=>{if(!f){if(b)return;if(i){const a=await Z({licenseKey:i,pluginName:l,baseApiUrl:p});a&&o(a)}else r("The `licenseKey` option not provided")}},2e3)}async function Z(e){const{licenseKey:t,pluginName:l,baseApiUrl:i}=e;try{return(await V({baseApiUrl:i,path:`/sdk/${t||"na"}`,method:"POST",params:{d:window.location.hostname,pn:l}})).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.aiChatPanel="aiChatPanel",e))(h||{});const I="sidebarButtonsTarget",A=e=>{const{id:t,icon:l,label:i,tooltip:c,className:p,skipSelfClose:f,removeLayouts:b,layoutComponent:r,layoutCommand:o}=e,a=t;return{id:x(t),type:"button",icon:l,tooltip:i||c,className:p,editorEvents:{[`${D.layoutToggleId}${a}`]:({fromEvent:u,setState:T,editor:s})=>{T({active:u.isOpen}),setTimeout(()=>s.refresh({tools:!0}),20)}},onClick:({editor:u,state:T})=>{if(T.active&&f)return;const s=(o==null?void 0:o.placer)||{type:"static",layoutId:I},g={...s,skipCleanup:s.type==="static"},n=b||Object.keys(h).filter(v=>v!==a);O(u,{removeLayouts:n,layout:{placer:g}});const d={id:a,placer:s,header:(o==null?void 0:o.header)??{label:i,close:!f},layout:r,style:{width:280,height:"100%",borderRightWidth:1,...o==null?void 0:o.style}};u.runCommand(P.layoutToggle,d)}}},x=e=>`button__${e}`,O=(e,t={})=>{(t.removeLayouts||Object.keys(h)).forEach(i=>e.runCommand(P.layoutRemove,{id:i,layout:t.layout}))},E=e=>{const t=(e==null?void 0:e.breakpointTablet)??1024,l=(e==null?void 0:e.breakpointMobile)??768,i={breakpointTablet:t,breakpointMobile:l},c={},p=[{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:s,editor:g})=>{var v;const n=g.getSelected(),d={type:"image",src:s.src};if(n!=null&&n.is("image"))return n.set("src",s.src);if(n&&g.Components.canMove(n,d)){const y=n.append(d)[0];y&&g.select(y)}else if(!n){const y=(v=g.getWrapper())==null?void 0:v.append(d)[0];y&&g.select(y)}}}}],f=[...p,{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"}}],b={id:I,type:"column",className:"gs-cmp-layout-sidebar-target",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:[]}}},a=(s,g,n)=>{const d=s.map(y=>{const B=A(y);return e!=null&&e.sidebarButton?e.sidebarButton({id:y.id,buttonIds:h,breakpoint:g,buttonProps:B,sidebarButtonProps:y,...i,createSidebarButton:U=>A({...y,...U})}):B}).filter(Boolean);return(e!=null&&e.sidebarButtons?e==null?void 0:e.sidebarButtons({buttonIds:h,breakpoint:g,sidebarButtons:d,...i,createSidebarButton:y=>A({...y,layoutCommand:{...n==null?void 0:n.layoutCommand,...y.layoutCommand}})}):d).filter(Boolean)},u=(s,g,n)=>{var d;return((d=e==null?void 0:e.rootLayout)==null?void 0:d.call(e,{breakpoint:n,sidebarButtons:g,rootLayout:s,layoutSidebarLeft:r,layoutSidebarTarget:b,...i,createSidebarButton:v=>A({...v})}))??s};if(t){const s=a(f,t);c[t]=u({type:"row",style:{height:"100%"},children:[{...r,children:s},b,o]},s,t)}if(l){const s={placer:{type:"absolute",position:"left"},style:{height:"calc(100% - 40px)"}},g=f.map(d=>({...d,layoutCommand:s})),n=a(g,l,{layoutCommand:s});c[l]=u({type:"column",style:{height:"100%"},children:[{type:"sidebarTop",leftContainer:{buttons:[]}},{type:"canvas",grow:!0},{type:"sidebarBottom",style:{padding:"0 5px",alignItems:"center",gap:10,minHeight:39},children:n}]},n,l)}const T=a(p,0);return{default:u({type:"row",style:{height:"100%"},children:[{...r,children:T},b,o,{type:"sidebarRight"}]},T,0),responsive:c}},R="layoutSidebarButtons",z=L.free,J=function(e,t={}){const{Commands:l}=e,i=l.events,c={...t};(()=>{if(e.runCommand(P.layoutConfigGet)||c.skipLayoutConfig===!0)return;const b=E(c);e.runCommand(P.layoutConfigSet,{...b})})(),l.add(`${R}:toggleButton`,(f,b,r)=>{const o=document.getElementById(x(r==null?void 0:r.id));o==null||o.click()}),e.on(`${i.runCommand}core:preview`,()=>{O(e)}),C({editor:e,licenseKey:c.licenseKey,plan:z,pluginName:R,cleanup:()=>{e.runCommand(P.layoutConfigSet)}})},S=q(J);S.createLayoutConfig=e=>E(e);module.exports=S;
+"use strict";var P=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(P||{}),B=(e=>(e.toastAdd="studio:toastAdd",e.toastRemove="studio:toastRemove",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.clearPage="studio:clearPage",e.projectFiles="studio:projectFiles",e.validateCode="studio:validateCode",e.canvasReload="studio:canvasReload",e.getBlocksPanel="studio:getBlocksPanel",e.setBlocksPanel="studio:setBlocksPanel",e.getStateContextMenu="studio:getStateContextMenu",e.setStateContextMenu="studio:setStateContextMenu",e.contextMenuComponent="studio:contextMenuComponent",e.layoutAdd="studio:layoutAdd",e.layoutRemove="studio:layoutRemove",e.layoutToggle="studio:layoutToggle",e.layoutUpdate="studio:layoutUpdate",e.layoutGet="studio:layoutGet",e.layoutConfigGet="studio:layoutConfigGet",e.layoutConfigSet="studio:layoutConfigSet",e.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.fontManagerOpen="studio:fontManagerOpen",e.menuFontLoad="studio:menuFontLoad",e.toggleStateDataSource="studio:toggleStateDataSource",e.getStateDataSource="studio:getStateDataSource",e.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",e.dataSourceSetImporter="studio:dataSourceSetImporter",e.dataSourceSetExporter="studio:dataSourceSetExporter",e.setDragAbsolute="studio:setDragAbsolute",e))(B||{}),I=(e=>(e.layoutToggleId="studio:layoutToggle:",e.toggleBlocksPanel="studio:toggleBlocksPanel",e.pageSettingsUpdate="studio:pageSettingsUpdate",e.toggleDataSourcesPreview="studio:toggleDataSourcesPreview",e))(I||{});const x="app.grapesjs.com",O="app-stage.grapesjs.com",$="app2.grapesjs.com",H="app-stage2.grapesjs.com",M=[x,$,O,H,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],j="license:check:start",W="license:check:end",K=()=>typeof window<"u",V=({isDev:e,isStage:a})=>`${e?"":`https://${a?O:x}`}/api`,C=()=>{const e=K()&&window.location.hostname;return!!e&&(M.includes(e)||M.some(a=>e.endsWith(a)))};async function F({path:e,baseApiUrl:a,method:n="GET",headers:i={},params:c,body:p}){const b=`${a||V({isDev:!1,isStage:!1})}${e}`,g={method:n,headers:{"Content-Type":"application/json",...i}};p&&(g.body=JSON.stringify(p));const d=c?new URLSearchParams(c).toString():"",t=d?`?${d}`:"",r=await fetch(`${b}${t}`,g);if(!r.ok)throw new Error(`HTTP error! status: ${r.status}`);return r.json()}const D={[P.free]:0,[P.startup]:10,[P.business]:20,[P.enterprise]:30};function m(e){const a=e;return a.init=n=>i=>e(i,n),a}const q=e=>m(e);async function Z({editor:e,plan:a,pluginName:n,licenseKey:i,cleanup:c}){let p="",f=!1;const b=C(),g=t=>{console.warn("Cleanup plugin:",n,"Reason:",t),c()},d=(t={})=>{var o;const{error:r,sdkLicense:L}=t,s=(o=t.plan)==null?void 0:o.category;if(!(L||t.license)||r)g(r||"Invalid license");else if(s){const l=D[a],y=D[s];l>y&&g({pluginRequiredPlan:a,licensePlan:s})}};e.on(j,t=>{p=t==null?void 0:t.baseApiUrl,f=!0}),e.on(W,t=>{d(t)}),setTimeout(async()=>{if(!f){if(b)return;if(i){const t=await z({licenseKey:i,pluginName:n,baseApiUrl:p});t&&d(t)}else g("The `licenseKey` option not provided")}},2e3)}async function z(e){const{licenseKey:a,pluginName:n,baseApiUrl:i}=e;try{return(await F({baseApiUrl:i,path:`/sdk/${a||"na"}`,method:"POST",params:{d:window.location.hostname,pn:n}})).result||{}}catch(c){return console.error("Error during SDK license check:",c),!1}}var v=(e=>(e.panelBlocks="panelBlocks",e.panelPagesLayers="panelPagesLayers",e.panelGlobalStyles="panelGlobalStyles",e.panelSidebarTabs="panelSidebarTabs",e.panelAssets="panelAssets",e.aiChatPanel="aiChatPanel",e.dataSourceManagerPanel="dataSourceManagerPanel",e))(v||{});const S="sidebarButtonsTarget",w=(e,a)=>{const{id:n,icon:i,label:c,tooltip:p,className:f,skipSelfClose:b,removeLayouts:g,layoutComponent:d,layoutCommand:t}=e,{pluginOpts:r,breakpointProps:L}=a,s=n;return{id:E(n),type:"button",icon:i,tooltip:c||p,className:f,editorEvents:{[`${I.layoutToggleId}${s}`]:({fromEvent:u,setState:o,editor:l})=>{o({active:u.isOpen}),setTimeout(()=>l.refresh({tools:!0}),20)}},onClick:({editor:u,state:o})=>{var k;if(o.active&&b)return;const l=(t==null?void 0:t.placer)||{type:"static",layoutId:S},y={...l,skipCleanup:l.type==="static"},h=g||Object.keys(v).filter(R=>R!==s);U(u,{removeLayouts:h,layout:{placer:y}});const A={id:s,placer:l,header:(t==null?void 0:t.header)??{label:c,close:!b},layout:d,style:{width:280,height:"100%",borderRightWidth:1,...t==null?void 0:t.style}},T=((k=r==null?void 0:r.sidebarLayoutCommand)==null?void 0:k.call(r,{...L,layoutCommand:A,sidebarButtonProps:e}))||A;u.runCommand(B.layoutToggle,{...T})}}},E=e=>`button__${e}`,U=(e,a={})=>{(a.removeLayouts||Object.keys(v)).forEach(i=>e.runCommand(B.layoutRemove,{id:i,layout:a.layout}))},N=e=>{const a=(e==null?void 0:e.breakpointTablet)??1024,n=(e==null?void 0:e.breakpointMobile)??768,i={},c=[{id:v.panelBlocks,icon:"plusBox",label:"Blocks",layoutComponent:{type:"panelBlocks"}},{id:v.panelPagesLayers,icon:"layers",label:"Pages & Layers",layoutComponent:{type:"panelPagesLayers"}},{id:v.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:v.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:s,editor:u})=>{var h;const o=u.getSelected(),l={type:"image",src:s.src};let y;if(o!=null&&o.is("image"))return o.set("src",s.src);o&&u.Components.canMove(o,l)?y=o.append(l)[0]:o||(y=(h=u.getWrapper())==null?void 0:h.append(l)[0]),y&&u.select(y,{scroll:!0})}}}],p=[...c,{id:v.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"}}],f={id:S,type:"column",className:"gs-cmp-layout-sidebar-target",style:{overflow:"hidden"}},b={type:"sidebarLeft",resizable:!1,style:{padding:"10px 5px",alignItems:"center",width:45,gap:10},children:[]},g={type:"canvasSidebarTop",sidebarTop:{leftContainer:{buttons:[]}}},d=s=>({breakpoint:s,breakpointTablet:a,breakpointMobile:n}),t=(s,u,o)=>{const l=d(u),y={pluginOpts:e,breakpointProps:l},h=s.map(T=>{const k=w(T,y);return e!=null&&e.sidebarButton?e.sidebarButton({id:T.id,buttonIds:v,buttonProps:k,sidebarButtonProps:T,...l,createSidebarButton:R=>w({...T,...R},y)}):k}).filter(Boolean);return(e!=null&&e.sidebarButtons?e==null?void 0:e.sidebarButtons({buttonIds:v,sidebarButtons:h,...l,createSidebarButton:T=>w({...T,layoutCommand:{...o==null?void 0:o.layoutCommand,...T.layoutCommand}},y)}):h).filter(Boolean)},r=(s,u,o)=>{var h;const l=d(o),y={pluginOpts:e,breakpointProps:l};return((h=e==null?void 0:e.rootLayout)==null?void 0:h.call(e,{sidebarButtons:u,rootLayout:s,layoutSidebarLeft:b,layoutSidebarTarget:f,...l,createSidebarButton:A=>w({...A},y)}))??s};if(a){const s=t(p,a);i[a]=r({type:"row",style:{height:"100%"},children:[{...b,children:s},f,g]},s,a)}if(n){const s={placer:{type:"absolute",position:"left"},style:{height:"calc(100% - 40px)"}},u=p.map(l=>({...l,layoutCommand:s})),o=t(u,n,{layoutCommand:s});i[n]=r({type:"column",style:{height:"100%"},children:[{type:"sidebarTop",leftContainer:{buttons:[]}},{type:"canvas",grow:!0},{type:"sidebarBottom",style:{padding:"0 5px",alignItems:"center",gap:10,minHeight:39},children:o}]},o,n)}const L=t(c,0);return{default:r({type:"row",style:{height:"100%"},children:[{...b,children:L},f,g,{type:"sidebarRight"}]},L,0),responsive:i}},G="layoutSidebarButtons",J=P.free,Q=function(e,a={}){const{Commands:n}=e,i=n.events,c={...a};(()=>{if(e.runCommand(B.layoutConfigGet)||c.skipLayoutConfig===!0)return;const b=N(c);e.runCommand(B.layoutConfigSet,{...b})})(),n.add(`${G}:toggleButton`,(f,b,g)=>{const d=document.getElementById(E(g==null?void 0:g.id));d==null||d.click()}),e.on(`${i.runCommand}core:preview`,()=>{U(e)}),Z({editor:e,licenseKey:c.licenseKey,plan:J,pluginName:G,cleanup:()=>{e.runCommand(B.layoutConfigSet)}})},_=q(Q);_.createLayoutConfig=e=>N(e);module.exports=_;

package/dist/layoutSidebarButtons/index.es.js

@@ -1,9 +1,9 @@
-var L = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(L || {}), P = /* @__PURE__ */ ((e) => (e.toastAdd = "studio:toastAdd", e.toastRemove = "studio:toastRemove", 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.clearPage = "studio:clearPage", e.projectFiles = "studio:projectFiles", e.validateCode = "studio:validateCode", e.canvasReload = "studio:canvasReload", e.getBlocksPanel = "studio:getBlocksPanel", e.setBlocksPanel = "studio:setBlocksPanel", e.getStateContextMenu = "studio:getStateContextMenu", e.setStateContextMenu = "studio:setStateContextMenu", e.contextMenuComponent = "studio:contextMenuComponent", e.layoutAdd = "studio:layoutAdd", e.layoutRemove = "studio:layoutRemove", e.layoutToggle = "studio:layoutToggle", e.layoutUpdate = "studio:layoutUpdate", e.layoutGet = "studio:layoutGet", e.layoutConfigGet = "studio:layoutConfigGet", e.layoutConfigSet = "studio:layoutConfigSet", e.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.fontManagerOpen = "studio:fontManagerOpen", e.menuFontLoad = "studio:menuFontLoad", e.toggleStateDataSource = "studio:toggleStateDataSource", e.getStateDataSource = "studio:getStateDataSource", e.dataSourceSetGlobalData = "studio:dataSourceSetGlobalData", e.dataSourceSetImporter = "studio:dataSourceSetImporter", e.dataSourceSetExporter = "studio:dataSourceSetExporter", e.setDragAbsolute = "studio:setDragAbsolute", e))(P || {}), D = /* @__PURE__ */ ((e) => (e.layoutToggleId = "studio:layoutToggle:", e.toggleBlocksPanel = "studio:toggleBlocksPanel", e.pageSettingsUpdate = "studio:pageSettingsUpdate", e.toggleDataSourcesPreview = "studio:toggleDataSourcesPreview", e))(D || {});
-const M = "app.grapesjs.com", G = "app-stage.grapesjs.com", U = "app2.grapesjs.com", N = "app-stage2.grapesjs.com", k = [
-  M,
-  U,
-  G,
-  N,
+var P = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(P || {}), B = /* @__PURE__ */ ((e) => (e.toastAdd = "studio:toastAdd", e.toastRemove = "studio:toastRemove", 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.clearPage = "studio:clearPage", e.projectFiles = "studio:projectFiles", e.validateCode = "studio:validateCode", e.canvasReload = "studio:canvasReload", e.getBlocksPanel = "studio:getBlocksPanel", e.setBlocksPanel = "studio:setBlocksPanel", e.getStateContextMenu = "studio:getStateContextMenu", e.setStateContextMenu = "studio:setStateContextMenu", e.contextMenuComponent = "studio:contextMenuComponent", e.layoutAdd = "studio:layoutAdd", e.layoutRemove = "studio:layoutRemove", e.layoutToggle = "studio:layoutToggle", e.layoutUpdate = "studio:layoutUpdate", e.layoutGet = "studio:layoutGet", e.layoutConfigGet = "studio:layoutConfigGet", e.layoutConfigSet = "studio:layoutConfigSet", e.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.fontManagerOpen = "studio:fontManagerOpen", e.menuFontLoad = "studio:menuFontLoad", e.toggleStateDataSource = "studio:toggleStateDataSource", e.getStateDataSource = "studio:getStateDataSource", e.dataSourceSetGlobalData = "studio:dataSourceSetGlobalData", e.dataSourceSetImporter = "studio:dataSourceSetImporter", e.dataSourceSetExporter = "studio:dataSourceSetExporter", e.setDragAbsolute = "studio:setDragAbsolute", e))(B || {}), I = /* @__PURE__ */ ((e) => (e.layoutToggleId = "studio:layoutToggle:", e.toggleBlocksPanel = "studio:toggleBlocksPanel", e.pageSettingsUpdate = "studio:pageSettingsUpdate", e.toggleDataSourcesPreview = "studio:toggleDataSourcesPreview", e))(I || {});
+const x = "app.grapesjs.com", O = "app-stage.grapesjs.com", _ = "app2.grapesjs.com", $ = "app-stage2.grapesjs.com", M = [
+  x,
+  _,
+  O,
+  $,
   "localhost",
   "127.0.0.1",
   ".local-credentialless.webcontainer.io",
@@ -12,263 +12,265 @@ const M = "app.grapesjs.com", G = "app-stage.grapesjs.com", U = "app2.grapesjs.c
   // For stackblitz.com demos
   "-sandpack.codesandbox.io"
   // For Sandpack demos
-], _ = "license:check:start", $ = "license:check:end", H = () => typeof window < "u", j = ({ isDev: e, isStage: t }) => `${e ? "" : `https://${t ? G : M}`}/api`, W = () => {
-  const e = H() && window.location.hostname;
-  return !!e && (k.includes(e) || k.some((t) => e.endsWith(t)));
+], H = "license:check:start", j = "license:check:end", W = () => typeof window < "u", K = ({ isDev: e, isStage: a }) => `${e ? "" : `https://${a ? O : x}`}/api`, V = () => {
+  const e = W() && window.location.hostname;
+  return !!e && (M.includes(e) || M.some((a) => e.endsWith(a)));
 };
-async function K({
+async function C({
   path: e,
-  baseApiUrl: t,
-  method: l = "GET",
+  baseApiUrl: a,
+  method: n = "GET",
   headers: i = {},
   params: c,
   body: p
 }) {
-  const b = `${t || j({ isDev: !1, isStage: !1 })}${e}`, r = {
-    method: l,
+  const b = `${a || K({ isDev: !1, isStage: !1 })}${e}`, g = {
+    method: n,
     headers: {
       "Content-Type": "application/json",
       ...i
     }
   };
-  p && (r.body = JSON.stringify(p));
-  const o = c ? new URLSearchParams(c).toString() : "", a = o ? `?${o}` : "", u = await fetch(`${b}${a}`, r);
-  if (!u.ok)
-    throw new Error(`HTTP error! status: ${u.status}`);
-  return u.json();
+  p && (g.body = JSON.stringify(p));
+  const d = c ? new URLSearchParams(c).toString() : "", t = d ? `?${d}` : "", r = await fetch(`${b}${t}`, g);
+  if (!r.ok)
+    throw new Error(`HTTP error! status: ${r.status}`);
+  return r.json();
 }
-const w = {
-  [L.free]: 0,
-  [L.startup]: 10,
-  [L.business]: 20,
-  [L.enterprise]: 30
+const D = {
+  [P.free]: 0,
+  [P.startup]: 10,
+  [P.business]: 20,
+  [P.enterprise]: 30
 };
-function V(e) {
-  const t = e;
-  return t.init = (l) => (i) => e(i, l), t;
+function F(e) {
+  const a = e;
+  return a.init = (n) => (i) => e(i, n), a;
 }
-const F = (e) => /* @__PURE__ */ V(e);
+const m = (e) => /* @__PURE__ */ F(e);
 async function q({
   editor: e,
-  plan: t,
-  pluginName: l,
+  plan: a,
+  pluginName: n,
   licenseKey: i,
   cleanup: c
 }) {
   let p = "", f = !1;
-  const b = W(), r = (a) => {
-    console.warn("Cleanup plugin:", l, "Reason:", a), c();
-  }, o = (a = {}) => {
-    var n;
-    const { error: u, sdkLicense: T } = a, s = (n = a.plan) == null ? void 0 : n.category;
-    if (!(T || a.license) || u)
-      r(u || "Invalid license");
+  const b = V(), g = (t) => {
+    console.warn("Cleanup plugin:", n, "Reason:", t), c();
+  }, d = (t = {}) => {
+    var o;
+    const { error: r, sdkLicense: L } = t, s = (o = t.plan) == null ? void 0 : o.category;
+    if (!(L || t.license) || r)
+      g(r || "Invalid license");
     else if (s) {
-      const d = w[t], v = w[s];
-      d > v && r({ pluginRequiredPlan: t, licensePlan: s });
+      const l = D[a], y = D[s];
+      l > y && g({ pluginRequiredPlan: a, licensePlan: s });
     }
   };
-  e.on(_, (a) => {
-    p = a == null ? void 0 : a.baseApiUrl, f = !0;
-  }), e.on($, (a) => {
-    o(a);
+  e.on(H, (t) => {
+    p = t == null ? void 0 : t.baseApiUrl, f = !0;
+  }), e.on(j, (t) => {
+    d(t);
   }), setTimeout(async () => {
     if (!f) {
       if (b) return;
       if (i) {
-        const a = await C({ licenseKey: i, pluginName: l, baseApiUrl: p });
-        a && o(a);
+        const t = await Z({ licenseKey: i, pluginName: n, baseApiUrl: p });
+        t && d(t);
       } else
-        r("The `licenseKey` option not provided");
+        g("The `licenseKey` option not provided");
     }
   }, 2e3);
 }
-async function C(e) {
-  const { licenseKey: t, pluginName: l, baseApiUrl: i } = e;
+async function Z(e) {
+  const { licenseKey: a, pluginName: n, baseApiUrl: i } = e;
   try {
-    return (await K({
+    return (await C({
       baseApiUrl: i,
-      path: `/sdk/${t || "na"}`,
+      path: `/sdk/${a || "na"}`,
       method: "POST",
       params: {
         d: window.location.hostname,
-        pn: l
+        pn: n
       }
     })).result || {};
   } catch (c) {
     return console.error("Error during SDK license check:", c), !1;
   }
 }
-var h = /* @__PURE__ */ ((e) => (e.panelBlocks = "panelBlocks", e.panelPagesLayers = "panelPagesLayers", e.panelGlobalStyles = "panelGlobalStyles", e.panelSidebarTabs = "panelSidebarTabs", e.panelAssets = "panelAssets", e.aiChatPanel = "aiChatPanel", e))(h || {});
-const I = "sidebarButtonsTarget", A = (e) => {
-  const { id: t, icon: l, label: i, tooltip: c, className: p, skipSelfClose: f, removeLayouts: b, layoutComponent: r, layoutCommand: o } = e, a = t;
+var v = /* @__PURE__ */ ((e) => (e.panelBlocks = "panelBlocks", e.panelPagesLayers = "panelPagesLayers", e.panelGlobalStyles = "panelGlobalStyles", e.panelSidebarTabs = "panelSidebarTabs", e.panelAssets = "panelAssets", e.aiChatPanel = "aiChatPanel", e.dataSourceManagerPanel = "dataSourceManagerPanel", e))(v || {});
+const S = "sidebarButtonsTarget", w = (e, a) => {
+  const { id: n, icon: i, label: c, tooltip: p, className: f, skipSelfClose: b, removeLayouts: g, layoutComponent: d, layoutCommand: t } = e, { pluginOpts: r, breakpointProps: L } = a, s = n;
   return {
-    id: x(t),
+    id: E(n),
     type: "button",
-    icon: l,
-    tooltip: i || c,
-    className: p,
+    icon: i,
+    tooltip: c || p,
+    className: f,
     editorEvents: {
-      [`${D.layoutToggleId}${a}`]: ({ fromEvent: u, setState: T, editor: s }) => {
-        T({ active: u.isOpen }), setTimeout(() => s.refresh({ tools: !0 }), 20);
+      [`${I.layoutToggleId}${s}`]: ({ fromEvent: u, setState: o, editor: l }) => {
+        o({ active: u.isOpen }), setTimeout(() => l.refresh({ tools: !0 }), 20);
       }
     },
-    onClick: ({ editor: u, state: T }) => {
-      if (T.active && f) return;
-      const s = (o == null ? void 0 : o.placer) || {
-        type: "static",
-        layoutId: I
-      }, g = { ...s, skipCleanup: s.type === "static" }, n = b || Object.keys(h).filter((v) => v !== a);
-      O(u, { removeLayouts: n, layout: { placer: g } });
-      const d = {
-        id: a,
-        placer: s,
-        header: (o == null ? void 0 : o.header) ?? { label: i, close: !f },
-        layout: r,
+    onClick: ({ editor: u, state: o }) => {
+      var k;
+      if (o.active && b) return;
+      const l = (t == null ? void 0 : t.placer) || { type: "static", layoutId: S }, y = { ...l, skipCleanup: l.type === "static" }, h = g || Object.keys(v).filter((R) => R !== s);
+      U(u, { removeLayouts: h, layout: { placer: y } });
+      const A = {
+        id: s,
+        placer: l,
+        header: (t == null ? void 0 : t.header) ?? { label: c, close: !b },
+        layout: d,
         style: {
           width: 280,
           height: "100%",
           borderRightWidth: 1,
-          ...o == null ? void 0 : o.style
+          ...t == null ? void 0 : t.style
         }
-      };
-      u.runCommand(P.layoutToggle, d);
+      }, T = ((k = r == null ? void 0 : r.sidebarLayoutCommand) == null ? void 0 : k.call(r, {
+        ...L,
+        layoutCommand: A,
+        sidebarButtonProps: e
+      })) || A;
+      u.runCommand(B.layoutToggle, { ...T });
     }
   };
-}, x = (e) => `button__${e}`, O = (e, t = {}) => {
-  (t.removeLayouts || Object.keys(h)).forEach((i) => e.runCommand(P.layoutRemove, { id: i, layout: t.layout }));
-}, E = (e) => {
-  const t = (e == null ? void 0 : e.breakpointTablet) ?? 1024, l = (e == null ? void 0 : e.breakpointMobile) ?? 768, i = { breakpointTablet: t, breakpointMobile: l }, c = {}, p = [
+}, E = (e) => `button__${e}`, U = (e, a = {}) => {
+  (a.removeLayouts || Object.keys(v)).forEach((i) => e.runCommand(B.layoutRemove, { id: i, layout: a.layout }));
+}, N = (e) => {
+  const a = (e == null ? void 0 : e.breakpointTablet) ?? 1024, n = (e == null ? void 0 : e.breakpointMobile) ?? 768, i = {}, c = [
     {
-      id: h.panelBlocks,
+      id: v.panelBlocks,
       icon: "plusBox",
       label: "Blocks",
       layoutComponent: { type: "panelBlocks" }
     },
     {
-      id: h.panelPagesLayers,
+      id: v.panelPagesLayers,
       icon: "layers",
       label: "Pages & Layers",
       layoutComponent: { type: "panelPagesLayers" }
     },
     {
-      id: h.panelGlobalStyles,
+      id: v.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,
+      id: v.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: s, editor: g }) => {
-          var v;
-          const n = g.getSelected(), d = { type: "image", src: s.src };
-          if (n != null && n.is("image"))
-            return n.set("src", s.src);
-          if (n && g.Components.canMove(n, d)) {
-            const y = n.append(d)[0];
-            y && g.select(y);
-          } else if (!n) {
-            const y = (v = g.getWrapper()) == null ? void 0 : v.append(d)[0];
-            y && g.select(y);
-          }
+        onSelect: ({ assetProps: s, editor: u }) => {
+          var h;
+          const o = u.getSelected(), l = { type: "image", src: s.src };
+          let y;
+          if (o != null && o.is("image"))
+            return o.set("src", s.src);
+          o && u.Components.canMove(o, l) ? y = o.append(l)[0] : o || (y = (h = u.getWrapper()) == null ? void 0 : h.append(l)[0]), y && u.select(y, { scroll: !0 });
         }
       }
     }
-  ], f = [
-    ...p,
+  ], p = [
+    ...c,
     {
-      id: h.panelSidebarTabs,
+      id: v.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" }
     }
-  ], b = {
-    id: I,
+  ], f = {
+    id: S,
     type: "column",
     className: "gs-cmp-layout-sidebar-target",
     style: { overflow: "hidden" }
-  }, r = {
+  }, b = {
     type: "sidebarLeft",
     resizable: !1,
     style: { padding: "10px 5px", alignItems: "center", width: 45, gap: 10 },
     children: []
-  }, o = {
+  }, g = {
     type: "canvasSidebarTop",
     sidebarTop: {
       leftContainer: {
         buttons: []
       }
     }
-  }, a = (s, g, n) => {
-    const d = s.map((y) => {
-      const B = A(y);
+  }, d = (s) => ({
+    breakpoint: s,
+    breakpointTablet: a,
+    breakpointMobile: n
+  }), t = (s, u, o) => {
+    const l = d(u), y = { pluginOpts: e, breakpointProps: l }, h = s.map((T) => {
+      const k = w(T, y);
       return e != null && e.sidebarButton ? e.sidebarButton({
-        id: y.id,
-        buttonIds: h,
-        breakpoint: g,
-        buttonProps: B,
-        sidebarButtonProps: y,
-        ...i,
-        createSidebarButton: (S) => A({ ...y, ...S })
-      }) : B;
+        id: T.id,
+        buttonIds: v,
+        buttonProps: k,
+        sidebarButtonProps: T,
+        ...l,
+        createSidebarButton: (R) => w({ ...T, ...R }, y)
+      }) : k;
     }).filter(Boolean);
     return (e != null && e.sidebarButtons ? e == null ? void 0 : e.sidebarButtons({
-      buttonIds: h,
-      breakpoint: g,
-      sidebarButtons: d,
-      ...i,
-      createSidebarButton: (y) => A({
-        ...y,
-        layoutCommand: {
-          ...n == null ? void 0 : n.layoutCommand,
-          ...y.layoutCommand
-        }
-      })
-    }) : d).filter(Boolean);
-  }, u = (s, g, n) => {
-    var d;
-    return ((d = e == null ? void 0 : e.rootLayout) == null ? void 0 : d.call(e, {
-      breakpoint: n,
-      sidebarButtons: g,
+      buttonIds: v,
+      sidebarButtons: h,
+      ...l,
+      createSidebarButton: (T) => w(
+        {
+          ...T,
+          layoutCommand: {
+            ...o == null ? void 0 : o.layoutCommand,
+            ...T.layoutCommand
+          }
+        },
+        y
+      )
+    }) : h).filter(Boolean);
+  }, r = (s, u, o) => {
+    var h;
+    const l = d(o), y = { pluginOpts: e, breakpointProps: l };
+    return ((h = e == null ? void 0 : e.rootLayout) == null ? void 0 : h.call(e, {
+      sidebarButtons: u,
       rootLayout: s,
-      layoutSidebarLeft: r,
-      layoutSidebarTarget: b,
-      ...i,
-      createSidebarButton: (v) => A({ ...v })
+      layoutSidebarLeft: b,
+      layoutSidebarTarget: f,
+      ...l,
+      createSidebarButton: (A) => w({ ...A }, y)
     })) ?? s;
   };
-  if (t) {
-    const s = a(f, t);
-    c[t] = u(
+  if (a) {
+    const s = t(p, a);
+    i[a] = r(
       {
         type: "row",
         style: { height: "100%" },
         children: [
           {
-            ...r,
+            ...b,
             children: s
           },
-          b,
-          o
+          f,
+          g
         ]
       },
       s,
-      t
+      a
     );
   }
-  if (l) {
+  if (n) {
     const s = {
       placer: { type: "absolute", position: "left" },
       style: { height: "calc(100% - 40px)" }
-    }, g = f.map((d) => ({ ...d, layoutCommand: s })), n = a(g, l, { layoutCommand: s });
-    c[l] = u(
+    }, u = p.map((l) => ({ ...l, layoutCommand: s })), o = t(u, n, { layoutCommand: s });
+    i[n] = r(
       {
         type: "column",
         style: { height: "100%" },
@@ -278,59 +280,59 @@ const I = "sidebarButtonsTarget", A = (e) => {
           {
             type: "sidebarBottom",
             style: { padding: "0 5px", alignItems: "center", gap: 10, minHeight: 39 },
-            children: n
+            children: o
           }
         ]
       },
-      n,
-      l
+      o,
+      n
     );
   }
-  const T = a(p, 0);
+  const L = t(c, 0);
   return {
-    default: u(
+    default: r(
       {
         type: "row",
         style: { height: "100%" },
         children: [
           {
-            ...r,
-            children: T
+            ...b,
+            children: L
           },
-          b,
-          o,
+          f,
+          g,
           { type: "sidebarRight" }
         ]
       },
-      T,
+      L,
       0
     ),
-    responsive: c
+    responsive: i
   };
-}, R = "layoutSidebarButtons", Z = L.free, z = function(e, t = {}) {
-  const { Commands: l } = e, i = l.events, c = {
-    ...t
+}, G = "layoutSidebarButtons", z = P.free, J = function(e, a = {}) {
+  const { Commands: n } = e, i = n.events, c = {
+    ...a
   };
   (() => {
-    if (e.runCommand(P.layoutConfigGet) || c.skipLayoutConfig === !0) return;
-    const b = E(c);
-    e.runCommand(P.layoutConfigSet, { ...b });
-  })(), l.add(`${R}:toggleButton`, (f, b, r) => {
-    const o = document.getElementById(x(r == null ? void 0 : r.id));
-    o == null || o.click();
+    if (e.runCommand(B.layoutConfigGet) || c.skipLayoutConfig === !0) return;
+    const b = N(c);
+    e.runCommand(B.layoutConfigSet, { ...b });
+  })(), n.add(`${G}:toggleButton`, (f, b, g) => {
+    const d = document.getElementById(E(g == null ? void 0 : g.id));
+    d == null || d.click();
   }), e.on(`${i.runCommand}core:preview`, () => {
-    O(e);
+    U(e);
   }), q({
     editor: e,
     licenseKey: c.licenseKey,
-    plan: Z,
-    pluginName: R,
+    plan: z,
+    pluginName: G,
     cleanup: () => {
-      e.runCommand(P.layoutConfigSet);
+      e.runCommand(B.layoutConfigSet);
     }
   });
-}, J = F(z);
-J.createLayoutConfig = (e) => E(e);
+}, Q = m(J);
+Q.createLayoutConfig = (e) => N(e);
 export {
-  J as default
+  Q as default
 };

package/dist/layoutSidebarButtons/index.umd.js

@@ -1 +1 @@
-(function(h,v){typeof exports=="object"&&typeof module<"u"?module.exports=v():typeof define=="function"&&define.amd?define(v):(h=typeof globalThis<"u"?globalThis:h||self,h.StudioSdkPlugins_layoutSidebarButtons=v())})(this,function(){"use strict";var h=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(h||{}),v=(e=>(e.toastAdd="studio:toastAdd",e.toastRemove="studio:toastRemove",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.clearPage="studio:clearPage",e.projectFiles="studio:projectFiles",e.validateCode="studio:validateCode",e.canvasReload="studio:canvasReload",e.getBlocksPanel="studio:getBlocksPanel",e.setBlocksPanel="studio:setBlocksPanel",e.getStateContextMenu="studio:getStateContextMenu",e.setStateContextMenu="studio:setStateContextMenu",e.contextMenuComponent="studio:contextMenuComponent",e.layoutAdd="studio:layoutAdd",e.layoutRemove="studio:layoutRemove",e.layoutToggle="studio:layoutToggle",e.layoutUpdate="studio:layoutUpdate",e.layoutGet="studio:layoutGet",e.layoutConfigGet="studio:layoutConfigGet",e.layoutConfigSet="studio:layoutConfigSet",e.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.fontManagerOpen="studio:fontManagerOpen",e.menuFontLoad="studio:menuFontLoad",e.toggleStateDataSource="studio:toggleStateDataSource",e.getStateDataSource="studio:getStateDataSource",e.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",e.dataSourceSetImporter="studio:dataSourceSetImporter",e.dataSourceSetExporter="studio:dataSourceSetExporter",e.setDragAbsolute="studio:setDragAbsolute",e))(v||{}),B=(e=>(e.layoutToggleId="studio:layoutToggle:",e.toggleBlocksPanel="studio:toggleBlocksPanel",e.pageSettingsUpdate="studio:pageSettingsUpdate",e.toggleDataSourcesPreview="studio:toggleDataSourcesPreview",e))(B||{});const k="app.grapesjs.com",R="app-stage.grapesjs.com",w=[k,"app2.grapesjs.com",R,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],N="license:check:start",_="license:check:end",U=()=>typeof window<"u",$=({isDev:e,isStage:t})=>`${e?"":`https://${t?R:k}`}/api`,H=()=>{const e=U()&&window.location.hostname;return!!e&&(w.includes(e)||w.some(t=>e.endsWith(t)))};async function j({path:e,baseApiUrl:t,method:l="GET",headers:i={},params:c,body:f}){const b=`${t||$({isDev:!1,isStage:!1})}${e}`,r={method:l,headers:{"Content-Type":"application/json",...i}};f&&(r.body=JSON.stringify(f));const o=c?new URLSearchParams(c).toString():"",a=o?`?${o}`:"",u=await fetch(`${b}${a}`,r);if(!u.ok)throw new Error(`HTTP error! status: ${u.status}`);return u.json()}const D={[h.free]:0,[h.startup]:10,[h.business]:20,[h.enterprise]:30};function W(e){const t=e;return t.init=l=>i=>e(i,l),t}const K=e=>W(e);async function V({editor:e,plan:t,pluginName:l,licenseKey:i,cleanup:c}){let f="",p=!1;const b=H(),r=a=>{console.warn("Cleanup plugin:",l,"Reason:",a),c()},o=(a={})=>{var n;const{error:u,sdkLicense:P}=a,s=(n=a.plan)==null?void 0:n.category;if(!(P||a.license)||u)r(u||"Invalid license");else if(s){const d=D[t],L=D[s];d>L&&r({pluginRequiredPlan:t,licensePlan:s})}};e.on(N,a=>{f=a==null?void 0:a.baseApiUrl,p=!0}),e.on(_,a=>{o(a)}),setTimeout(async()=>{if(!p){if(b)return;if(i){const a=await F({licenseKey:i,pluginName:l,baseApiUrl:f});a&&o(a)}else r("The `licenseKey` option not provided")}},2e3)}async function F(e){const{licenseKey:t,pluginName:l,baseApiUrl:i}=e;try{return(await j({baseApiUrl:i,path:`/sdk/${t||"na"}`,method:"POST",params:{d:window.location.hostname,pn:l}})).result||{}}catch(c){return console.error("Error during SDK license check:",c),!1}}var T=(e=>(e.panelBlocks="panelBlocks",e.panelPagesLayers="panelPagesLayers",e.panelGlobalStyles="panelGlobalStyles",e.panelSidebarTabs="panelSidebarTabs",e.panelAssets="panelAssets",e.aiChatPanel="aiChatPanel",e))(T||{});const M="sidebarButtonsTarget",A=e=>{const{id:t,icon:l,label:i,tooltip:c,className:f,skipSelfClose:p,removeLayouts:b,layoutComponent:r,layoutCommand:o}=e,a=t;return{id:G(t),type:"button",icon:l,tooltip:i||c,className:f,editorEvents:{[`${B.layoutToggleId}${a}`]:({fromEvent:u,setState:P,editor:s})=>{P({active:u.isOpen}),setTimeout(()=>s.refresh({tools:!0}),20)}},onClick:({editor:u,state:P})=>{if(P.active&&p)return;const s=(o==null?void 0:o.placer)||{type:"static",layoutId:M},g={...s,skipCleanup:s.type==="static"},n=b||Object.keys(T).filter(L=>L!==a);I(u,{removeLayouts:n,layout:{placer:g}});const d={id:a,placer:s,header:(o==null?void 0:o.header)??{label:i,close:!p},layout:r,style:{width:280,height:"100%",borderRightWidth:1,...o==null?void 0:o.style}};u.runCommand(v.layoutToggle,d)}}},G=e=>`button__${e}`,I=(e,t={})=>{(t.removeLayouts||Object.keys(T)).forEach(i=>e.runCommand(v.layoutRemove,{id:i,layout:t.layout}))},O=e=>{const t=(e==null?void 0:e.breakpointTablet)??1024,l=(e==null?void 0:e.breakpointMobile)??768,i={breakpointTablet:t,breakpointMobile:l},c={},f=[{id:T.panelBlocks,icon:"plusBox",label:"Blocks",layoutComponent:{type:"panelBlocks"}},{id:T.panelPagesLayers,icon:"layers",label:"Pages & Layers",layoutComponent:{type:"panelPagesLayers"}},{id:T.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:T.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:s,editor:g})=>{var L;const n=g.getSelected(),d={type:"image",src:s.src};if(n!=null&&n.is("image"))return n.set("src",s.src);if(n&&g.Components.canMove(n,d)){const y=n.append(d)[0];y&&g.select(y)}else if(!n){const y=(L=g.getWrapper())==null?void 0:L.append(d)[0];y&&g.select(y)}}}}],p=[...f,{id:T.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"}}],b={id:M,type:"column",className:"gs-cmp-layout-sidebar-target",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:[]}}},a=(s,g,n)=>{const d=s.map(y=>{const E=A(y);return e!=null&&e.sidebarButton?e.sidebarButton({id:y.id,buttonIds:T,breakpoint:g,buttonProps:E,sidebarButtonProps:y,...i,createSidebarButton:C=>A({...y,...C})}):E}).filter(Boolean);return(e!=null&&e.sidebarButtons?e==null?void 0:e.sidebarButtons({buttonIds:T,breakpoint:g,sidebarButtons:d,...i,createSidebarButton:y=>A({...y,layoutCommand:{...n==null?void 0:n.layoutCommand,...y.layoutCommand}})}):d).filter(Boolean)},u=(s,g,n)=>{var d;return((d=e==null?void 0:e.rootLayout)==null?void 0:d.call(e,{breakpoint:n,sidebarButtons:g,rootLayout:s,layoutSidebarLeft:r,layoutSidebarTarget:b,...i,createSidebarButton:L=>A({...L})}))??s};if(t){const s=a(p,t);c[t]=u({type:"row",style:{height:"100%"},children:[{...r,children:s},b,o]},s,t)}if(l){const s={placer:{type:"absolute",position:"left"},style:{height:"calc(100% - 40px)"}},g=p.map(d=>({...d,layoutCommand:s})),n=a(g,l,{layoutCommand:s});c[l]=u({type:"column",style:{height:"100%"},children:[{type:"sidebarTop",leftContainer:{buttons:[]}},{type:"canvas",grow:!0},{type:"sidebarBottom",style:{padding:"0 5px",alignItems:"center",gap:10,minHeight:39},children:n}]},n,l)}const P=a(f,0);return{default:u({type:"row",style:{height:"100%"},children:[{...r,children:P},b,o,{type:"sidebarRight"}]},P,0),responsive:c}},S="layoutSidebarButtons",q=h.free,x=K(function(e,t={}){const{Commands:l}=e,i=l.events,c={...t};(()=>{if(e.runCommand(v.layoutConfigGet)||c.skipLayoutConfig===!0)return;const b=O(c);e.runCommand(v.layoutConfigSet,{...b})})(),l.add(`${S}:toggleButton`,(p,b,r)=>{const o=document.getElementById(G(r==null?void 0:r.id));o==null||o.click()}),e.on(`${i.runCommand}core:preview`,()=>{I(e)}),V({editor:e,licenseKey:c.licenseKey,plan:q,pluginName:S,cleanup:()=>{e.runCommand(v.layoutConfigSet)}})});return x.createLayoutConfig=e=>O(e),x});
+(function(h,v){typeof exports=="object"&&typeof module<"u"?module.exports=v():typeof define=="function"&&define.amd?define(v):(h=typeof globalThis<"u"?globalThis:h||self,h.StudioSdkPlugins_layoutSidebarButtons=v())})(this,function(){"use strict";var h=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(h||{}),v=(e=>(e.toastAdd="studio:toastAdd",e.toastRemove="studio:toastRemove",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.clearPage="studio:clearPage",e.projectFiles="studio:projectFiles",e.validateCode="studio:validateCode",e.canvasReload="studio:canvasReload",e.getBlocksPanel="studio:getBlocksPanel",e.setBlocksPanel="studio:setBlocksPanel",e.getStateContextMenu="studio:getStateContextMenu",e.setStateContextMenu="studio:setStateContextMenu",e.contextMenuComponent="studio:contextMenuComponent",e.layoutAdd="studio:layoutAdd",e.layoutRemove="studio:layoutRemove",e.layoutToggle="studio:layoutToggle",e.layoutUpdate="studio:layoutUpdate",e.layoutGet="studio:layoutGet",e.layoutConfigGet="studio:layoutConfigGet",e.layoutConfigSet="studio:layoutConfigSet",e.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.fontManagerOpen="studio:fontManagerOpen",e.menuFontLoad="studio:menuFontLoad",e.toggleStateDataSource="studio:toggleStateDataSource",e.getStateDataSource="studio:getStateDataSource",e.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",e.dataSourceSetImporter="studio:dataSourceSetImporter",e.dataSourceSetExporter="studio:dataSourceSetExporter",e.setDragAbsolute="studio:setDragAbsolute",e))(v||{}),M=(e=>(e.layoutToggleId="studio:layoutToggle:",e.toggleBlocksPanel="studio:toggleBlocksPanel",e.pageSettingsUpdate="studio:pageSettingsUpdate",e.toggleDataSourcesPreview="studio:toggleDataSourcesPreview",e))(M||{});const D="app.grapesjs.com",G="app-stage.grapesjs.com",I=[D,"app2.grapesjs.com",G,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],$="license:check:start",H="license:check:end",j=()=>typeof window<"u",W=({isDev:e,isStage:a})=>`${e?"":`https://${a?G:D}`}/api`,m=()=>{const e=j()&&window.location.hostname;return!!e&&(I.includes(e)||I.some(a=>e.endsWith(a)))};async function K({path:e,baseApiUrl:a,method:n="GET",headers:i={},params:c,body:p}){const b=`${a||W({isDev:!1,isStage:!1})}${e}`,g={method:n,headers:{"Content-Type":"application/json",...i}};p&&(g.body=JSON.stringify(p));const d=c?new URLSearchParams(c).toString():"",t=d?`?${d}`:"",r=await fetch(`${b}${t}`,g);if(!r.ok)throw new Error(`HTTP error! status: ${r.status}`);return r.json()}const O={[h.free]:0,[h.startup]:10,[h.business]:20,[h.enterprise]:30};function V(e){const a=e;return a.init=n=>i=>e(i,n),a}const C=e=>V(e);async function F({editor:e,plan:a,pluginName:n,licenseKey:i,cleanup:c}){let p="",f=!1;const b=m(),g=t=>{console.warn("Cleanup plugin:",n,"Reason:",t),c()},d=(t={})=>{var o;const{error:r,sdkLicense:A}=t,s=(o=t.plan)==null?void 0:o.category;if(!(A||t.license)||r)g(r||"Invalid license");else if(s){const l=O[a],y=O[s];l>y&&g({pluginRequiredPlan:a,licensePlan:s})}};e.on($,t=>{p=t==null?void 0:t.baseApiUrl,f=!0}),e.on(H,t=>{d(t)}),setTimeout(async()=>{if(!f){if(b)return;if(i){const t=await q({licenseKey:i,pluginName:n,baseApiUrl:p});t&&d(t)}else g("The `licenseKey` option not provided")}},2e3)}async function q(e){const{licenseKey:a,pluginName:n,baseApiUrl:i}=e;try{return(await K({baseApiUrl:i,path:`/sdk/${a||"na"}`,method:"POST",params:{d:window.location.hostname,pn:n}})).result||{}}catch(c){return console.error("Error during SDK license check:",c),!1}}var T=(e=>(e.panelBlocks="panelBlocks",e.panelPagesLayers="panelPagesLayers",e.panelGlobalStyles="panelGlobalStyles",e.panelSidebarTabs="panelSidebarTabs",e.panelAssets="panelAssets",e.aiChatPanel="aiChatPanel",e.dataSourceManagerPanel="dataSourceManagerPanel",e))(T||{});const S="sidebarButtonsTarget",R=(e,a)=>{const{id:n,icon:i,label:c,tooltip:p,className:f,skipSelfClose:b,removeLayouts:g,layoutComponent:d,layoutCommand:t}=e,{pluginOpts:r,breakpointProps:A}=a,s=n;return{id:x(n),type:"button",icon:i,tooltip:c||p,className:f,editorEvents:{[`${M.layoutToggleId}${s}`]:({fromEvent:u,setState:o,editor:l})=>{o({active:u.isOpen}),setTimeout(()=>l.refresh({tools:!0}),20)}},onClick:({editor:u,state:o})=>{var k;if(o.active&&b)return;const l=(t==null?void 0:t.placer)||{type:"static",layoutId:S},y={...l,skipCleanup:l.type==="static"},P=g||Object.keys(T).filter(w=>w!==s);E(u,{removeLayouts:P,layout:{placer:y}});const B={id:s,placer:l,header:(t==null?void 0:t.header)??{label:c,close:!b},layout:d,style:{width:280,height:"100%",borderRightWidth:1,...t==null?void 0:t.style}},L=((k=r==null?void 0:r.sidebarLayoutCommand)==null?void 0:k.call(r,{...A,layoutCommand:B,sidebarButtonProps:e}))||B;u.runCommand(v.layoutToggle,{...L})}}},x=e=>`button__${e}`,E=(e,a={})=>{(a.removeLayouts||Object.keys(T)).forEach(i=>e.runCommand(v.layoutRemove,{id:i,layout:a.layout}))},N=e=>{const a=(e==null?void 0:e.breakpointTablet)??1024,n=(e==null?void 0:e.breakpointMobile)??768,i={},c=[{id:T.panelBlocks,icon:"plusBox",label:"Blocks",layoutComponent:{type:"panelBlocks"}},{id:T.panelPagesLayers,icon:"layers",label:"Pages & Layers",layoutComponent:{type:"panelPagesLayers"}},{id:T.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:T.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:s,editor:u})=>{var P;const o=u.getSelected(),l={type:"image",src:s.src};let y;if(o!=null&&o.is("image"))return o.set("src",s.src);o&&u.Components.canMove(o,l)?y=o.append(l)[0]:o||(y=(P=u.getWrapper())==null?void 0:P.append(l)[0]),y&&u.select(y,{scroll:!0})}}}],p=[...c,{id:T.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"}}],f={id:S,type:"column",className:"gs-cmp-layout-sidebar-target",style:{overflow:"hidden"}},b={type:"sidebarLeft",resizable:!1,style:{padding:"10px 5px",alignItems:"center",width:45,gap:10},children:[]},g={type:"canvasSidebarTop",sidebarTop:{leftContainer:{buttons:[]}}},d=s=>({breakpoint:s,breakpointTablet:a,breakpointMobile:n}),t=(s,u,o)=>{const l=d(u),y={pluginOpts:e,breakpointProps:l},P=s.map(L=>{const k=R(L,y);return e!=null&&e.sidebarButton?e.sidebarButton({id:L.id,buttonIds:T,buttonProps:k,sidebarButtonProps:L,...l,createSidebarButton:w=>R({...L,...w},y)}):k}).filter(Boolean);return(e!=null&&e.sidebarButtons?e==null?void 0:e.sidebarButtons({buttonIds:T,sidebarButtons:P,...l,createSidebarButton:L=>R({...L,layoutCommand:{...o==null?void 0:o.layoutCommand,...L.layoutCommand}},y)}):P).filter(Boolean)},r=(s,u,o)=>{var P;const l=d(o),y={pluginOpts:e,breakpointProps:l};return((P=e==null?void 0:e.rootLayout)==null?void 0:P.call(e,{sidebarButtons:u,rootLayout:s,layoutSidebarLeft:b,layoutSidebarTarget:f,...l,createSidebarButton:B=>R({...B},y)}))??s};if(a){const s=t(p,a);i[a]=r({type:"row",style:{height:"100%"},children:[{...b,children:s},f,g]},s,a)}if(n){const s={placer:{type:"absolute",position:"left"},style:{height:"calc(100% - 40px)"}},u=p.map(l=>({...l,layoutCommand:s})),o=t(u,n,{layoutCommand:s});i[n]=r({type:"column",style:{height:"100%"},children:[{type:"sidebarTop",leftContainer:{buttons:[]}},{type:"canvas",grow:!0},{type:"sidebarBottom",style:{padding:"0 5px",alignItems:"center",gap:10,minHeight:39},children:o}]},o,n)}const A=t(c,0);return{default:r({type:"row",style:{height:"100%"},children:[{...b,children:A},f,g,{type:"sidebarRight"}]},A,0),responsive:i}},_="layoutSidebarButtons",Z=h.free,U=C(function(e,a={}){const{Commands:n}=e,i=n.events,c={...a};(()=>{if(e.runCommand(v.layoutConfigGet)||c.skipLayoutConfig===!0)return;const b=N(c);e.runCommand(v.layoutConfigSet,{...b})})(),n.add(`${_}:toggleButton`,(f,b,g)=>{const d=document.getElementById(x(g==null?void 0:g.id));d==null||d.click()}),e.on(`${i.runCommand}core:preview`,()=>{E(e)}),F({editor:e,licenseKey:c.licenseKey,plan:Z,pluginName:_,cleanup:()=>{e.runCommand(v.layoutConfigSet)}})});return U.createLayoutConfig=e=>N(e),U});