@grapesjs/studio-sdk-plugins 1.0.36 → 1.0.38-rc.0

package/dist/dataSourceHandlebars/index.umd.js

@@ -1,10 +1,10 @@
-(function(p,g){typeof exports=="object"&&typeof module<"u"?module.exports=g(require("handlebars/dist/cjs/handlebars")):typeof define=="function"&&define.amd?define(["handlebars/dist/cjs/handlebars"],g):(p=typeof globalThis<"u"?globalThis:p||self,p.StudioSdkPlugins_dataSourceHandlebars=g(p.Handlebars))})(this,function(p){"use strict";const g="app.grapesjs.com",y="app-stage.grapesjs.com",m=[g,"app2.grapesjs.com",y,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],I="license:check:end",S=()=>typeof window<"u",T=({isDev:t,isStage:e,isPlatform:s})=>`${t?"":`https://${e?y:g}`}/${s?"platform-api":"api"}`,k=()=>{const t=S()&&window.location.hostname;return!!t&&(m.includes(t)||m.some(e=>t.endsWith(e)))};async function A({path:t,baseApiUrl:e,method:s="GET",headers:n={},params:a,body:i}){const r=`${e||T({isDev:!1,isStage:!1})}${t}`,c={method:s,headers:{"Content-Type":"application/json",...n}};i&&(c.body=JSON.stringify(i));const u=a?new URLSearchParams(a).toString():"",h=u?`?${u}`:"",l=await fetch(`${r}${h}`,c);if(!l.ok)throw new Error(`HTTP error! status: ${l.status}`);return l.json()}var d=(t=>(t.free="free",t.startup="startup",t.business="business",t.enterprise="enterprise",t))(d||{}),f=(t=>(t.toastAdd="studio:toastAdd",t.toastRemove="studio:toastRemove",t.dialogOpen="studio:dialogOpen",t.dialogClose="studio:dialogClose",t.dialogExportCode="studio:dialogExportCode",t.dialogImportCode="studio:dialogImportCode",t.sidebarLeftSet="studio:sidebarLeft:set",t.sidebarLeftGet="studio:sidebarLeft:get",t.sidebarLeftToggle="studio:sidebarLeft:toggle",t.sidebarRightSet="studio:sidebarRight:set",t.sidebarRightGet="studio:sidebarRight:get",t.sidebarRightToggle="studio:sidebarRight:toggle",t.sidebarTopSet="studio:sidebarTop:set",t.sidebarTopGet="studio:sidebarTop:get",t.sidebarTopToggle="studio:sidebarTop:toggle",t.sidebarBottomSet="studio:sidebarBottom:set",t.sidebarBottomGet="studio:sidebarBottom:get",t.sidebarBottomToggle="studio:sidebarBottom:toggle",t.symbolAdd="studio:symbolAdd",t.symbolDetach="studio:symbolDetach",t.symbolOverride="studio:symbolOverride",t.symbolPropagateStyles="studio:propagateStyles",t.getPagesConfig="studio:getPagesConfig",t.setPagesConfig="studio:setPagesConfig",t.getPageSettings="studio:getPageSettings",t.setPageSettings="studio:setPageSettings",t.clearPage="studio:clearPage",t.projectFiles="studio:projectFiles",t.validateCode="studio:validateCode",t.canvasReload="studio:canvasReload",t.getBlocksPanel="studio:getBlocksPanel",t.setBlocksPanel="studio:setBlocksPanel",t.getStateContextMenu="studio:getStateContextMenu",t.setStateContextMenu="studio:setStateContextMenu",t.contextMenuComponent="studio:contextMenuComponent",t.layoutAdd="studio:layoutAdd",t.layoutRemove="studio:layoutRemove",t.layoutToggle="studio:layoutToggle",t.layoutUpdate="studio:layoutUpdate",t.layoutGet="studio:layoutGet",t.layoutConfigGet="studio:layoutConfigGet",t.layoutConfigSet="studio:layoutConfigSet",t.layoutComponentAdd="studio:layoutComponentAdd",t.layoutComponentGet="studio:layoutComponentGet",t.layoutComponentRemove="studio:layoutComponentRemove",t.layoutComponentRender="studio:layoutComponentRender",t.getStateTheme="studio:getStateTheme",t.setStateTheme="studio:setStateTheme",t.settings="studio:settings",t.assetProviderGet="studio:assetProviderGet",t.assetProviderAdd="studio:assetProviderAdd",t.assetProviderRemove="studio:assetProviderRemove",t.fontGet="studio:fontGet",t.fontAdd="studio:fontAdd",t.fontRemove="studio:fontRemove",t.fontManagerOpen="studio:fontManagerOpen",t.menuFontLoad="studio:menuFontLoad",t.toggleStateDataSource="studio:toggleStateDataSource",t.getStateDataSource="studio:getStateDataSource",t.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",t.dataSourceSetImporter="studio:dataSourceSetImporter",t.dataSourceSetExporter="studio:dataSourceSetExporter",t.setDragAbsolute="studio:setDragAbsolute",t))(f||{});const x={[d.free]:0,[d.startup]:10,[d.business]:20,[d.enterprise]:30};function N(t){const e=t;return e.init=s=>n=>t(n,s),e}const O=t=>N(t);async function R({editor:t,plan:e,pluginName:s,licenseKey:n,onLicenseCheckResponse:a,cleanup:i}){let o="",r;const c=l=>{console.warn("Cleanup plugin:",s,"Reason:",l),i()},u=(l={})=>{var E;const{error:v,sdkLicense:H}=l,b=(E=l.plan)==null?void 0:E.category;if(!(H||l.license)||v)c(v||"Invalid license");else if(b){const W=x[e],V=x[b];W>V&&c({pluginRequiredPlan:e,licensePlan:b})}};t.Commands.has(f.settings)&&(r=t.runCommand(f.settings),o=(r==null?void 0:r.baseUrl)||"");const h=l=>{a==null||a(l),l&&u(l)};if(!r){t.onReady(async()=>{if(!k())if(n){const l=await L({licenseKey:n,pluginName:s,baseApiUrl:o});h(l)}else c("The `licenseKey` option not provided")});return}if(r.licensePlan||r.licenseError){const l=_(r);h(l);return}t.on(I,l=>h(l))}const _=t=>({sdkLicense:t.license,license:t.license,error:t.licenseError,plan:t.licensePlan});async function L(t){const{licenseKey:e,pluginName:s,baseApiUrl:n}=t;try{return(await A({baseApiUrl:n,path:`/sdk/${e||"na"}`,method:"POST",params:{d:window.location.hostname,pn:s}})).result||{}}catch(a){return console.error("Error during SDK license check:",a),!1}}const D=(t,e)=>(t.config.optsHtml={...t.config.optsHtml,exporter:e},()=>{t.config.optsHtml.exporter=void 0}),G=(t,e)=>{const s=a=>{const{input:i}=a,{contains:o}=e;(!o||i.includes(o))&&(a.input=e.importer.import(i))},n=t.Parser.events.htmlBefore;return t.on(n,s),()=>{t.off(n,s)}},$={equals:"equals",isTruthy:"isTruthy",isFalsy:"isFalsy",isDefined:"isDefined",isNull:"isNull",isUndefined:"isUndefined",isArray:"isArray",isObject:"isObject",isString:"isString",isNumber:"isNumber",isBoolean:"isBoolean",isDefaultValue:"isDefaultValue"},M={...$,...{">":"numGt","<":"numLt",">=":"numGte","<=":"numLte","=":"numEq","!=":"numNeq"},...{contains:"strContains",startsWith:"strStartsWith",endsWith:"strEndsWith",equalsIgnoreCase:"strEqualsIgnoreCase",trimEquals:"strTrimEquals"}};class w{getHelperId(e){return M[e]||e}getFullPath({collectionId:e,path:s}){let n=s;return e&&(n=[this._sanitizeVariableName(e),s].filter(Boolean).join(".")),n||""}getVariableSyntax({dataResolver:e}){const{defaultValue:s}=e,n=this.getFullPath(e);return s?`{{#if ${n}}}{{{${n}}}}{{else}}${s}{{/if}}`:`{{{${n}}}}`}getCollectionStartSyntax({dataResolver:e}){const{collectionId:s,dataSource:n}=e,a=n==null?void 0:n.path;let i="";if(e.startIndex!==void 0||e.endIndex!==void 0){const u=e.startIndex??0,h=e.endIndex!==void 0?e.endIndex:"";h!==""?i=` (slice ${a} ${u} ${h})`:i=` (slice ${a} ${u})`}const r=` as |${this._sanitizeVariableName(s)}|`;return`{{#each ${i||a}${r}}}`}getCollectionEndSyntax(){return"{{/each}}"}getConditionalStartSyntax({dataResolver:e}){const s=e.condition;if(!s)return"";const n=s,a=s;if(a.statements&&a.logicalOperator==="and"||a.logicalOperator==="or"){const{statements:i}=a,o=a.logicalOperator,r=i.map(u=>this._parseCondition(u)).join(" ");return`{{#if ${i.length>1?`(${o} ${r})`:r}}}`}else return`{{#if ${this._parseCondition(n)}}}`}_parseCondition(e){if(!e)return"";const s=e,n=e;if(n.statements&&n.logicalOperator==="and"||n.logicalOperator==="or"){const{statements:a}=n,i=n.logicalOperator,o=n.statements.map(r=>this._parseCondition(r)).join(" ");return a.length>1?`(${i} ${o})`:o}else{const a=s.operator,i=this.getHelperId(a),o=this._parseValue(s.left),r=this._parseValue(s.right);return this.getExpressionStr(i,o,r)}}getExpressionStr(e,s,n){return $[e]?e==="isTruthy"?s:e==="isFalsy"?`!${s}`:`${e} ${s}`:`(${e} ${s} ${n})`}_parseValue(e){return typeof e=="object"?this.getFullPath(e):typeof e=="string"?`'${e.replace(/'/g,"\\'")}'`:String(e)}_sanitizeVariableName(e){return e.replace(/[^a-zA-Z0-9_$]/g,"_")}getConditionElseSyntax(){return"{{else}}"}getConditionalEndSyntax(){return"{{/if}}"}}class B{constructor(){this.messages=[],this.collectionStack=[]}import(e){this.messages=[],this.collectionStack=[];const s=this.parse(e);return this.astToGrapesJS(s)}parse(e){try{return p.parse(e)}catch(s){if(s instanceof Error&&s.message.includes("Parse error")){const n=s.message.match(/line (\d+)/),a=n?parseInt(n[1]):0,i=s.message.match(/column (\d+)/),o=i?parseInt(i[1]):0;throw new Error(`Handlebars syntax error at line ${a}, column ${o}: ${s.message}`)}throw s}}astToGrapesJS(e){switch(e.type){case"Program":return this.handleProgram(e);case"ContentStatement":return this.handleContentStatement(e);case"MustacheStatement":return this.handleMustacheStatement(e);case"BlockStatement":return this.handleBlockStatement(e);case"PartialStatement":return this.handlePartialStatement(e);case"CommentStatement":return this.handleCommentStatement(e);case"ElementNode":return this.handleElementNode(e);case"TextNode":return this.handleTextNode(e);default:return this.addMessage("warning",`Unsupported node type: ${e.type}`,e.loc),""}}handleProgram(e){let s="";if(e.body)for(const n of e.body)s+=this.astToGrapesJS(n);return s}handleContentStatement(e){return e.value||""}handleMustacheStatement(e,s={}){const n=this.getExpressionString(e.path),a={...s};return this.collectionStack.length>0?this.processPathWithCollectionContext(n,a):a.path=n,`<data-variable data-gjs-data-resolver='${JSON.stringify(a)}'></data-variable>`}processPathWithCollectionContext(e,s){e.startsWith("@")?this.handleDirectCollectionReference(e,s):this.handleRelativePathReference(e,s)}handleDirectCollectionReference(e,s){if(this.isSpecialIterationVariable(e)){this.setSpecialVariableResolver(this.collectionStack[this.collectionStack.length-1],e,s);return}const[n,...a]=e.substring(1).split("/"),i=a.join(".");this.collectionStack.includes(n)?this.setCurrentItemResolver(n,i,s):this.handleParentReferenceFallback(e,s)}isSpecialIterationVariable(e){return["index","@index","key","@key"].includes(e)}setSpecialVariableResolver(e,s,n){n.collectionId=e;const a={index:"currentIndex","@index":"currentIndex",key:"currentKey","@key":"currentKey"};n.variableType=a[s]}setCurrentItemResolver(e,s,n){n.collectionId=e,n.variableType="currentItem",s&&(n.path=s)}handleRelativePathReference(e,s){const n=P(e),{parentLevel:a,remainingPathParts:i}=this.calculateParentLevel(n),o=i.join("."),r=this.collectionStack.length-1-a;r>=0&&r<this.collectionStack.length?this.resolveRelativePath(o,r,s):s.path=i.join(".")}calculateParentLevel(e){const s=this.collectionStack.findLastIndex(i=>i===e[0]);if(s!==-1)return{parentLevel:this.collectionStack.length-1-s,remainingPathParts:e.slice(1)};let n=0;const a=[...e];for(;a[0]==="..";)n++,a.shift();return{parentLevel:n,remainingPathParts:a}}resolveRelativePath(e,s,n){const a=this.collectionStack[s];n.collectionId=a,n.variableType="currentItem",e!=="this"&&(n.path=e.startsWith("this.")?e.split(".").slice(1).join("."):e)}handleParentReferenceFallback(e,s){const n=P(e),{parentLevel:a,remainingPathParts:i}=this.calculateParentLevel(n),o=i.join("."),r=this.collectionStack.length-1-a;r>=0&&r<this.collectionStack.length?this.resolveRelativePath(o,r,s):s.path=i.join(".")}handleBlockStatement(e){const s=e.path.original;switch(s){case"if":case"unless":return this.handleConditionalBlock(e,s);case"each":return this.handleEachBlock(e);default:return this.addMessage("warning",`Unsupported block helper: ${s}`,e.loc),this.handleGenericBlock(e)}}handleConditionalBlock(e,s){const i={logicalOperator:"and",statements:[{left:{type:"data-variable",path:this.getExpressionString(e.params[0])},operator:s==="unless"?"isFalsy":"isTruthy"}]},o=this.handleProgram(e.program),r=e.inverse?this.handleProgram(e.inverse):"";return`
+(function(p,g){typeof exports=="object"&&typeof module<"u"?module.exports=g(require("handlebars/dist/cjs/handlebars")):typeof define=="function"&&define.amd?define(["handlebars/dist/cjs/handlebars"],g):(p=typeof globalThis<"u"?globalThis:p||self,p.StudioSdkPlugins_dataSourceHandlebars=g(p.Handlebars))})(this,function(p){"use strict";const g="app.grapesjs.com",P="app-stage.grapesjs.com",m=[g,"app2.grapesjs.com",P,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io",".claudemcpcontent.com",".web-sandbox.oaiusercontent.com"],I="license:check:end",T=()=>typeof window<"u",S=({isDev:t,isStage:e,isPlatform:n})=>`${t?"":`https://${e?P:g}`}/${n?"platform-api":"api"}`,k=()=>{if(!T())return"";const{hostname:t}=window.location;if(t)return t;try{return window.parent.location.hostname||""}catch{return""}},A=()=>{const t=k();return!!t&&(m.includes(t)||m.some(e=>t.endsWith(e)))};async function N({path:t,baseApiUrl:e,method:n="GET",headers:s={},params:a,body:i}){const r=`${e||S({isDev:!1,isStage:!1})}${t}`,c={method:n,headers:{"Content-Type":"application/json",...s}};i&&(c.body=JSON.stringify(i));const u=a?new URLSearchParams(a).toString():"",h=u?`?${u}`:"",l=await fetch(`${r}${h}`,c);if(!l.ok)throw new Error(`HTTP error! status: ${l.status}`);return l.json()}var d=(t=>(t.free="free",t.startup="startup",t.business="business",t.enterprise="enterprise",t))(d||{}),f=(t=>(t.toastAdd="studio:toastAdd",t.toastRemove="studio:toastRemove",t.dialogOpen="studio:dialogOpen",t.dialogClose="studio:dialogClose",t.dialogExportCode="studio:dialogExportCode",t.dialogImportCode="studio:dialogImportCode",t.openEditCode="studio:openEditCode",t.sidebarLeftSet="studio:sidebarLeft:set",t.sidebarLeftGet="studio:sidebarLeft:get",t.sidebarLeftToggle="studio:sidebarLeft:toggle",t.sidebarRightSet="studio:sidebarRight:set",t.sidebarRightGet="studio:sidebarRight:get",t.sidebarRightToggle="studio:sidebarRight:toggle",t.sidebarTopSet="studio:sidebarTop:set",t.sidebarTopGet="studio:sidebarTop:get",t.sidebarTopToggle="studio:sidebarTop:toggle",t.sidebarBottomSet="studio:sidebarBottom:set",t.sidebarBottomGet="studio:sidebarBottom:get",t.sidebarBottomToggle="studio:sidebarBottom:toggle",t.symbolAdd="studio:symbolAdd",t.symbolDetach="studio:symbolDetach",t.symbolOverride="studio:symbolOverride",t.symbolPropagateStyles="studio:propagateStyles",t.getPagesConfig="studio:getPagesConfig",t.setPagesConfig="studio:setPagesConfig",t.getPageSettings="studio:getPageSettings",t.setPageSettings="studio:setPageSettings",t.clearPage="studio:clearPage",t.projectFiles="studio:projectFiles",t.validateCode="studio:validateCode",t.canvasReload="studio:canvasReload",t.getBlocksPanel="studio:getBlocksPanel",t.setBlocksPanel="studio:setBlocksPanel",t.getStateContextMenu="studio:getStateContextMenu",t.setStateContextMenu="studio:setStateContextMenu",t.contextMenuComponent="studio:contextMenuComponent",t.layoutAdd="studio:layoutAdd",t.layoutRemove="studio:layoutRemove",t.layoutToggle="studio:layoutToggle",t.layoutUpdate="studio:layoutUpdate",t.layoutGet="studio:layoutGet",t.layoutConfigGet="studio:layoutConfigGet",t.layoutConfigSet="studio:layoutConfigSet",t.layoutComponentAdd="studio:layoutComponentAdd",t.layoutComponentGet="studio:layoutComponentGet",t.layoutComponentRemove="studio:layoutComponentRemove",t.layoutComponentRender="studio:layoutComponentRender",t.getStateTheme="studio:getStateTheme",t.setStateTheme="studio:setStateTheme",t.settings="studio:settings",t.assetProviderGet="studio:assetProviderGet",t.assetProviderAdd="studio:assetProviderAdd",t.assetProviderRemove="studio:assetProviderRemove",t.fontGet="studio:fontGet",t.fontAdd="studio:fontAdd",t.fontRemove="studio:fontRemove",t.fontManagerOpen="studio:fontManagerOpen",t.menuFontLoad="studio:menuFontLoad",t.toggleStateDataSource="studio:toggleStateDataSource",t.getStateDataSource="studio:getStateDataSource",t.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",t.dataSourceSetImporter="studio:dataSourceSetImporter",t.dataSourceSetExporter="studio:dataSourceSetExporter",t.setDragAbsolute="studio:setDragAbsolute",t))(f||{});const x={[d.free]:0,[d.startup]:10,[d.business]:20,[d.enterprise]:30};function O(t){const e=t;return e.init=n=>s=>t(s,n),e}const R=t=>O(t);async function _({editor:t,plan:e,pluginName:n,licenseKey:s,onLicenseCheckResponse:a,cleanup:i}){let o="",r;const c=l=>{console.warn("Cleanup plugin:",n,"Reason:",l),i()},u=(l={})=>{var v;const{error:E,sdkLicense:W}=l,y=(v=l.plan)==null?void 0:v.category;if(!(W||l.license)||E)c(E||"Invalid license");else if(y){const V=x[e],F=x[y];V>F&&c({pluginRequiredPlan:e,licensePlan:y})}};t.Commands.has(f.settings)&&(r=t.runCommand(f.settings),o=(r==null?void 0:r.baseUrl)||"");const h=l=>{a==null||a(l),l&&u(l)};if(!r){t.onReady(async()=>{if(!A())if(s){const l=await w({licenseKey:s,pluginName:n,baseApiUrl:o});h(l)}else c("The `licenseKey` option not provided")});return}if(r.licensePlan||r.licenseError){const l=L(r);h(l);return}t.on(I,l=>h(l))}const L=t=>({sdkLicense:t.license,license:t.license,error:t.licenseError,plan:t.licensePlan});async function w(t){const{licenseKey:e,pluginName:n,baseApiUrl:s}=t;try{return(await N({baseApiUrl:s,path:`/sdk/${e||"na"}`,method:"POST",params:{d:window.location.hostname,pn:n}})).result||{}}catch(a){return console.error("Error during SDK license check:",a),!1}}const D=(t,e)=>(t.config.optsHtml={...t.config.optsHtml,exporter:e},()=>{t.config.optsHtml.exporter=void 0}),G=(t,e)=>{const n=a=>{const{input:i}=a,{contains:o}=e;(!o||i.includes(o))&&(a.input=e.importer.import(i))},s=t.Parser.events.htmlBefore;return t.on(s,n),()=>{t.off(s,n)}},$={equals:"equals",isTruthy:"isTruthy",isFalsy:"isFalsy",isDefined:"isDefined",isNull:"isNull",isUndefined:"isUndefined",isArray:"isArray",isObject:"isObject",isString:"isString",isNumber:"isNumber",isBoolean:"isBoolean",isDefaultValue:"isDefaultValue"},M={...$,...{">":"numGt","<":"numLt",">=":"numGte","<=":"numLte","=":"numEq","!=":"numNeq"},...{contains:"strContains",startsWith:"strStartsWith",endsWith:"strEndsWith",equalsIgnoreCase:"strEqualsIgnoreCase",trimEquals:"strTrimEquals"}};class B{getHelperId(e){return M[e]||e}getFullPath({collectionId:e,path:n}){let s=n;return e&&(s=[this._sanitizeVariableName(e),n].filter(Boolean).join(".")),s||""}getVariableSyntax({dataResolver:e}){const{defaultValue:n}=e,s=this.getFullPath(e);return n?`{{#if ${s}}}{{{${s}}}}{{else}}${n}{{/if}}`:`{{{${s}}}}`}getCollectionStartSyntax({dataResolver:e}){const{collectionId:n,dataSource:s}=e,a=s==null?void 0:s.path;let i="";if(e.startIndex!==void 0||e.endIndex!==void 0){const u=e.startIndex??0,h=e.endIndex!==void 0?e.endIndex:"";h!==""?i=` (slice ${a} ${u} ${h})`:i=` (slice ${a} ${u})`}const r=` as |${this._sanitizeVariableName(n)}|`;return`{{#each ${i||a}${r}}}`}getCollectionEndSyntax(){return"{{/each}}"}getConditionalStartSyntax({dataResolver:e}){const n=e.condition;if(!n)return"";const s=n,a=n;if(a.statements&&a.logicalOperator==="and"||a.logicalOperator==="or"){const{statements:i}=a,o=a.logicalOperator,r=i.map(u=>this._parseCondition(u)).join(" ");return`{{#if ${i.length>1?`(${o} ${r})`:r}}}`}else return`{{#if ${this._parseCondition(s)}}}`}_parseCondition(e){if(!e)return"";const n=e,s=e;if(s.statements&&s.logicalOperator==="and"||s.logicalOperator==="or"){const{statements:a}=s,i=s.logicalOperator,o=s.statements.map(r=>this._parseCondition(r)).join(" ");return a.length>1?`(${i} ${o})`:o}else{const a=n.operator,i=this.getHelperId(a),o=this._parseValue(n.left),r=this._parseValue(n.right);return this.getExpressionStr(i,o,r)}}getExpressionStr(e,n,s){return $[e]?e==="isTruthy"?n:e==="isFalsy"?`!${n}`:`${e} ${n}`:`(${e} ${n} ${s})`}_parseValue(e){return typeof e=="object"?this.getFullPath(e):typeof e=="string"?`'${e.replace(/'/g,"\\'")}'`:String(e)}_sanitizeVariableName(e){return e.replace(/[^a-zA-Z0-9_$]/g,"_")}getConditionElseSyntax(){return"{{else}}"}getConditionalEndSyntax(){return"{{/if}}"}}class j{constructor(){this.messages=[],this.collectionStack=[]}import(e){this.messages=[],this.collectionStack=[];const n=this.parse(e);return this.astToGrapesJS(n)}parse(e){try{return p.parse(e)}catch(n){if(n instanceof Error&&n.message.includes("Parse error")){const s=n.message.match(/line (\d+)/),a=s?parseInt(s[1]):0,i=n.message.match(/column (\d+)/),o=i?parseInt(i[1]):0;throw new Error(`Handlebars syntax error at line ${a}, column ${o}: ${n.message}`)}throw n}}astToGrapesJS(e){switch(e.type){case"Program":return this.handleProgram(e);case"ContentStatement":return this.handleContentStatement(e);case"MustacheStatement":return this.handleMustacheStatement(e);case"BlockStatement":return this.handleBlockStatement(e);case"PartialStatement":return this.handlePartialStatement(e);case"CommentStatement":return this.handleCommentStatement(e);case"ElementNode":return this.handleElementNode(e);case"TextNode":return this.handleTextNode(e);default:return this.addMessage("warning",`Unsupported node type: ${e.type}`,e.loc),""}}handleProgram(e){let n="";if(e.body)for(const s of e.body)n+=this.astToGrapesJS(s);return n}handleContentStatement(e){return e.value||""}handleMustacheStatement(e,n={}){const s=this.getExpressionString(e.path),a={...n};return this.collectionStack.length>0?this.processPathWithCollectionContext(s,a):a.path=s,`<data-variable data-gjs-data-resolver='${JSON.stringify(a)}'></data-variable>`}processPathWithCollectionContext(e,n){e.startsWith("@")?this.handleDirectCollectionReference(e,n):this.handleRelativePathReference(e,n)}handleDirectCollectionReference(e,n){if(this.isSpecialIterationVariable(e)){this.setSpecialVariableResolver(this.collectionStack[this.collectionStack.length-1],e,n);return}const[s,...a]=e.substring(1).split("/"),i=a.join(".");this.collectionStack.includes(s)?this.setCurrentItemResolver(s,i,n):this.handleParentReferenceFallback(e,n)}isSpecialIterationVariable(e){return["index","@index","key","@key"].includes(e)}setSpecialVariableResolver(e,n,s){s.collectionId=e;const a={index:"currentIndex","@index":"currentIndex",key:"currentKey","@key":"currentKey"};s.variableType=a[n]}setCurrentItemResolver(e,n,s){s.collectionId=e,s.variableType="currentItem",n&&(s.path=n)}handleRelativePathReference(e,n){const s=b(e),{parentLevel:a,remainingPathParts:i}=this.calculateParentLevel(s),o=i.join("."),r=this.collectionStack.length-1-a;r>=0&&r<this.collectionStack.length?this.resolveRelativePath(o,r,n):n.path=i.join(".")}calculateParentLevel(e){const n=this.collectionStack.findLastIndex(i=>i===e[0]);if(n!==-1)return{parentLevel:this.collectionStack.length-1-n,remainingPathParts:e.slice(1)};let s=0;const a=[...e];for(;a[0]==="..";)s++,a.shift();return{parentLevel:s,remainingPathParts:a}}resolveRelativePath(e,n,s){const a=this.collectionStack[n];s.collectionId=a,s.variableType="currentItem",e!=="this"&&(s.path=e.startsWith("this.")?e.split(".").slice(1).join("."):e)}handleParentReferenceFallback(e,n){const s=b(e),{parentLevel:a,remainingPathParts:i}=this.calculateParentLevel(s),o=i.join("."),r=this.collectionStack.length-1-a;r>=0&&r<this.collectionStack.length?this.resolveRelativePath(o,r,n):n.path=i.join(".")}handleBlockStatement(e){const n=e.path.original;switch(n){case"if":case"unless":return this.handleConditionalBlock(e,n);case"each":return this.handleEachBlock(e);default:return this.addMessage("warning",`Unsupported block helper: ${n}`,e.loc),this.handleGenericBlock(e)}}handleConditionalBlock(e,n){const i={logicalOperator:"and",statements:[{left:{type:"data-variable",path:this.getExpressionString(e.params[0])},operator:n==="unless"?"isFalsy":"isTruthy"}]},o=this.handleProgram(e.program),r=e.inverse?this.handleProgram(e.inverse):"";return`
       <data-condition data-gjs-data-resolver='${JSON.stringify({condition:i})}'>
         <data-condition-true-content>${o}</data-condition-true-content>
         <data-condition-false-content>${r}</data-condition-false-content>
       </data-condition>
-    `}handleEachBlock(e){var i,o,r;const s=this.getExpressionString(e.params[0]);let n;e.params.length>=3&&e.params[1]==="as"&&((i=e.params[2])==null?void 0:i.type)==="PathExpression"?n=e.params[2].original:(r=(o=e.program)==null?void 0:o.blockParams)!=null&&r.length?n=e.program.blockParams[0]:n=`collection-${Math.random().toString(36).substring(2,10)}`,this.collectionStack.push(n);const a=this.handleProgram(e.program);return this.collectionStack.pop(),`
-      <data-collection data-gjs-data-resolver='${JSON.stringify({dataSource:{type:"data-variable",path:s},collectionId:n})}'>
+    `}handleEachBlock(e){var i,o,r;const n=this.getExpressionString(e.params[0]);let s;e.params.length>=3&&e.params[1]==="as"&&((i=e.params[2])==null?void 0:i.type)==="PathExpression"?s=e.params[2].original:(r=(o=e.program)==null?void 0:o.blockParams)!=null&&r.length?s=e.program.blockParams[0]:s=`collection-${Math.random().toString(36).substring(2,10)}`,this.collectionStack.push(s);const a=this.handleProgram(e.program);return this.collectionStack.pop(),`
+      <data-collection data-gjs-data-resolver='${JSON.stringify({dataSource:{type:"data-variable",path:n},collectionId:s})}'>
         <data-collection-item>${a}</data-collection-item>
       </data-collection>
-    `}handleCommentStatement(e){return`<!--${e.value}-->`}handleElementNode(e){let s="";if(e.attributes)for(const a of e.attributes)a.value.type==="TextNode"?s+=` ${a.name}="${a.value.chars}"`:(this.addMessage("warning",`Complex attribute values not fully supported: ${a.name}`,e.loc),s+=` ${a.name}="${this.getExpressionString(a.value)}"`);let n="";if(e.children)for(const a of e.children)n+=this.astToGrapesJS(a);return`<${e.tag}${s}>${n}</${e.tag}>`}handleTextNode(e){return e.chars||""}handlePartialStatement(e){return this.addMessage("warning",`Partials are not fully supported: ${e.name.original}`,e.loc),`{{> ${e.name.original}}}`}handleGenericBlock(e){const s=this.handleProgram(e.program);return`<!-- Unsupported block: ${e.path.original} -->${s}`}getExpressionString(e){return e.type==="PathExpression"?e.original:e.type==="StringLiteral"?e.value:e.type==="NumberLiteral"?e.value.toString():e.type==="BooleanLiteral"?e.value?"true":"false":e.type==="SubExpression"?this.getExpressionString(e.params[0]):e.type==="Hash"?`{${e.pairs.map(n=>`${n.key}=${this.getExpressionString(n.value)}`).join(", ")}}`:(this.addMessage("warning",`Complex expression type not fully supported: ${e.type}`,e.loc),"")}addMessage(e,s,n){this.messages.push({type:e,message:s,location:n?{line:n.start.line,column:n.start.column}:void 0})}}const P=t=>{if(t==null||t==="")return[];if(t===".")return["this"];if(t===".."||t==="../")return[".."];if(t.startsWith("../")){const o=t.substring(3);return["..",...P(o)]}const e=[];let s=0,n=t.replace(/\[(?:(['"])(.*?)\1|([^\]]*))\]/g,(o,r,c,u)=>{const h=c!==void 0?c:u||"";return e[s]=h,`__HANDLEBARS_PLACEHOLDER_${s++}__`});n=n.replace(/\//g,".");const a=n.split("."),i=[];for(const o of a){const r=/^__HANDLEBARS_PLACEHOLDER_(\d+)__$/.exec(o);if(r){const c=parseInt(r[1],10);i.push(e[c])}else o!==""&&i.push(o)}return i},j="dataSourceHandlebars",U=d.startup;return O(function(t,e={}){const s=D(t,new w),n=G(t,{contains:"{{",importer:new B});R({editor:t,licenseKey:e.licenseKey,plan:U,pluginName:j,cleanup:()=>{s(),n()}})})});
+    `}handleCommentStatement(e){return`<!--${e.value}-->`}handleElementNode(e){let n="";if(e.attributes)for(const a of e.attributes)a.value.type==="TextNode"?n+=` ${a.name}="${a.value.chars}"`:(this.addMessage("warning",`Complex attribute values not fully supported: ${a.name}`,e.loc),n+=` ${a.name}="${this.getExpressionString(a.value)}"`);let s="";if(e.children)for(const a of e.children)s+=this.astToGrapesJS(a);return`<${e.tag}${n}>${s}</${e.tag}>`}handleTextNode(e){return e.chars||""}handlePartialStatement(e){return this.addMessage("warning",`Partials are not fully supported: ${e.name.original}`,e.loc),`{{> ${e.name.original}}}`}handleGenericBlock(e){const n=this.handleProgram(e.program);return`<!-- Unsupported block: ${e.path.original} -->${n}`}getExpressionString(e){return e.type==="PathExpression"?e.original:e.type==="StringLiteral"?e.value:e.type==="NumberLiteral"?e.value.toString():e.type==="BooleanLiteral"?e.value?"true":"false":e.type==="SubExpression"?this.getExpressionString(e.params[0]):e.type==="Hash"?`{${e.pairs.map(s=>`${s.key}=${this.getExpressionString(s.value)}`).join(", ")}}`:(this.addMessage("warning",`Complex expression type not fully supported: ${e.type}`,e.loc),"")}addMessage(e,n,s){this.messages.push({type:e,message:n,location:s?{line:s.start.line,column:s.start.column}:void 0})}}const b=t=>{if(t==null||t==="")return[];if(t===".")return["this"];if(t===".."||t==="../")return[".."];if(t.startsWith("../")){const o=t.substring(3);return["..",...b(o)]}const e=[];let n=0,s=t.replace(/\[(?:(['"])(.*?)\1|([^\]]*))\]/g,(o,r,c,u)=>{const h=c!==void 0?c:u||"";return e[n]=h,`__HANDLEBARS_PLACEHOLDER_${n++}__`});s=s.replace(/\//g,".");const a=s.split("."),i=[];for(const o of a){const r=/^__HANDLEBARS_PLACEHOLDER_(\d+)__$/.exec(o);if(r){const c=parseInt(r[1],10);i.push(e[c])}else o!==""&&i.push(o)}return i},U="dataSourceHandlebars",H=d.startup;return R(function(t,e={}){const n=D(t,new B),s=G(t,{contains:"{{",importer:new j});_({editor:t,licenseKey:e.licenseKey,plan:H,pluginName:U,cleanup:()=>{n(),s()}})})});

package/dist/dialogComponent/index.cjs.js

@@ -1,13 +1,13 @@
-"use strict";const A="app.grapesjs.com",k="app-stage.grapesjs.com",R="app2.grapesjs.com",_="app-stage2.grapesjs.com",x=[A,R,k,_,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],$="license:check:end",G=()=>typeof window<"u",N=({isDev:e,isStage:n,isPlatform:r})=>`${e?"":`https://${n?k:A}`}/${r?"platform-api":"api"}`,B=()=>{const e=G()&&window.location.hostname;return!!e&&(x.includes(e)||x.some(n=>e.endsWith(n)))};async function M({path:e,baseApiUrl:n,method:r="GET",headers:s={},params:c,body:i}){const a=`${n||N({isDev:!1,isStage:!1})}${e}`,g={method:r,headers:{"Content-Type":"application/json",...s}};i&&(g.body=JSON.stringify(i));const p=c?new URLSearchParams(c).toString():"",d=p?`?${p}`:"",o=await fetch(`${a}${d}`,g);if(!o.ok)throw new Error(`HTTP error! status: ${o.status}`);return o.json()}var W=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(W||{}),w=(e=>(e.toastAdd="studio:toastAdd",e.toastRemove="studio:toastRemove",e.dialogOpen="studio:dialogOpen",e.dialogClose="studio:dialogClose",e.dialogExportCode="studio:dialogExportCode",e.dialogImportCode="studio:dialogImportCode",e.sidebarLeftSet="studio:sidebarLeft:set",e.sidebarLeftGet="studio:sidebarLeft:get",e.sidebarLeftToggle="studio:sidebarLeft:toggle",e.sidebarRightSet="studio:sidebarRight:set",e.sidebarRightGet="studio:sidebarRight:get",e.sidebarRightToggle="studio:sidebarRight:toggle",e.sidebarTopSet="studio:sidebarTop:set",e.sidebarTopGet="studio:sidebarTop:get",e.sidebarTopToggle="studio:sidebarTop:toggle",e.sidebarBottomSet="studio:sidebarBottom:set",e.sidebarBottomGet="studio:sidebarBottom:get",e.sidebarBottomToggle="studio:sidebarBottom:toggle",e.symbolAdd="studio:symbolAdd",e.symbolDetach="studio:symbolDetach",e.symbolOverride="studio:symbolOverride",e.symbolPropagateStyles="studio:propagateStyles",e.getPagesConfig="studio:getPagesConfig",e.setPagesConfig="studio:setPagesConfig",e.getPageSettings="studio:getPageSettings",e.setPageSettings="studio:setPageSettings",e.clearPage="studio:clearPage",e.projectFiles="studio:projectFiles",e.validateCode="studio:validateCode",e.canvasReload="studio:canvasReload",e.getBlocksPanel="studio:getBlocksPanel",e.setBlocksPanel="studio:setBlocksPanel",e.getStateContextMenu="studio:getStateContextMenu",e.setStateContextMenu="studio:setStateContextMenu",e.contextMenuComponent="studio:contextMenuComponent",e.layoutAdd="studio:layoutAdd",e.layoutRemove="studio:layoutRemove",e.layoutToggle="studio:layoutToggle",e.layoutUpdate="studio:layoutUpdate",e.layoutGet="studio:layoutGet",e.layoutConfigGet="studio:layoutConfigGet",e.layoutConfigSet="studio:layoutConfigSet",e.layoutComponentAdd="studio:layoutComponentAdd",e.layoutComponentGet="studio:layoutComponentGet",e.layoutComponentRemove="studio:layoutComponentRemove",e.layoutComponentRender="studio:layoutComponentRender",e.getStateTheme="studio:getStateTheme",e.setStateTheme="studio:setStateTheme",e.settings="studio:settings",e.assetProviderGet="studio:assetProviderGet",e.assetProviderAdd="studio:assetProviderAdd",e.assetProviderRemove="studio:assetProviderRemove",e.fontGet="studio:fontGet",e.fontAdd="studio:fontAdd",e.fontRemove="studio:fontRemove",e.fontManagerOpen="studio:fontManagerOpen",e.menuFontLoad="studio:menuFontLoad",e.toggleStateDataSource="studio:toggleStateDataSource",e.getStateDataSource="studio:getStateDataSource",e.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",e.dataSourceSetImporter="studio:dataSourceSetImporter",e.dataSourceSetExporter="studio:dataSourceSetExporter",e.setDragAbsolute="studio:setDragAbsolute",e))(w||{});const O={[W.free]:0,[W.startup]:10,[W.business]:20,[W.enterprise]:30};function I(e){const n=e;return n.init=r=>s=>e(s,r),n}const U=e=>I(e);async function m({editor:e,plan:n,pluginName:r,licenseKey:s,onLicenseCheckResponse:c,cleanup:i}){let u="",a;const g=o=>{console.warn("Cleanup plugin:",r,"Reason:",o),i()},p=(o={})=>{var b;const{error:v,sdkLicense:L}=o,l=(b=o.plan)==null?void 0:b.category;if(!(L||o.license)||v)g(v||"Invalid license");else if(l){const P=O[n],T=O[l];P>T&&g({pluginRequiredPlan:n,licensePlan:l})}};e.Commands.has(w.settings)&&(a=e.runCommand(w.settings),u=(a==null?void 0:a.baseUrl)||"");const d=o=>{c==null||c(o),o&&p(o)};if(!a){e.onReady(async()=>{if(!B())if(s){const o=await X({licenseKey:s,pluginName:r,baseApiUrl:u});d(o)}else g("The `licenseKey` option not provided")});return}if(a.licensePlan||a.licenseError){const o=q(a);d(o);return}e.on($,o=>d(o))}const q=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function X(e){const{licenseKey:n,pluginName:r,baseApiUrl:s}=e;try{return(await M({baseApiUrl:s,path:`/sdk/${n||"na"}`,method:"POST",params:{d:window.location.hostname,pn:r}})).result||{}}catch(c){return console.error("Error during SDK license check:",c),!1}}const j=(...e)=>e.map(n=>`[data-gjs-type="${n}"]`).join(","),F="dialogComponent",z=function(e,n={}){const{Blocks:r,Components:s}=e,{licenseKey:c}=n,i="gjs-plg-dialog",u="gjs-plg-dialog-overlay",a="gjs-plg-dialog-content",g="gjs-plg-dialog-close",p="gjs-plg-dialog-title",d="gjs-plg-dialog-body",o="gjs-plg-dialog-description",v="gjs-plg-dialog-placeholder";r.add(i,{label:"Dialog",media:`
+"use strict";const A="app.grapesjs.com",k="app-stage.grapesjs.com",R="app2.grapesjs.com",_="app-stage2.grapesjs.com",x=[A,R,k,_,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io",".claudemcpcontent.com",".web-sandbox.oaiusercontent.com"],$="license:check:end",G=()=>typeof window<"u",N=({isDev:e,isStage:s,isPlatform:r})=>`${e?"":`https://${s?k:A}`}/${r?"platform-api":"api"}`,B=()=>{if(!G())return"";const{hostname:e}=window.location;if(e)return e;try{return window.parent.location.hostname||""}catch{return""}},M=()=>{const e=B();return!!e&&(x.includes(e)||x.some(s=>e.endsWith(s)))};async function I({path:e,baseApiUrl:s,method:r="GET",headers:n={},params:c,body:i}){const a=`${s||N({isDev:!1,isStage:!1})}${e}`,g={method:r,headers:{"Content-Type":"application/json",...n}};i&&(g.body=JSON.stringify(i));const p=c?new URLSearchParams(c).toString():"",d=p?`?${p}`:"",o=await fetch(`${a}${d}`,g);if(!o.ok)throw new Error(`HTTP error! status: ${o.status}`);return o.json()}var E=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(E||{}),T=(e=>(e.toastAdd="studio:toastAdd",e.toastRemove="studio:toastRemove",e.dialogOpen="studio:dialogOpen",e.dialogClose="studio:dialogClose",e.dialogExportCode="studio:dialogExportCode",e.dialogImportCode="studio:dialogImportCode",e.openEditCode="studio:openEditCode",e.sidebarLeftSet="studio:sidebarLeft:set",e.sidebarLeftGet="studio:sidebarLeft:get",e.sidebarLeftToggle="studio:sidebarLeft:toggle",e.sidebarRightSet="studio:sidebarRight:set",e.sidebarRightGet="studio:sidebarRight:get",e.sidebarRightToggle="studio:sidebarRight:toggle",e.sidebarTopSet="studio:sidebarTop:set",e.sidebarTopGet="studio:sidebarTop:get",e.sidebarTopToggle="studio:sidebarTop:toggle",e.sidebarBottomSet="studio:sidebarBottom:set",e.sidebarBottomGet="studio:sidebarBottom:get",e.sidebarBottomToggle="studio:sidebarBottom:toggle",e.symbolAdd="studio:symbolAdd",e.symbolDetach="studio:symbolDetach",e.symbolOverride="studio:symbolOverride",e.symbolPropagateStyles="studio:propagateStyles",e.getPagesConfig="studio:getPagesConfig",e.setPagesConfig="studio:setPagesConfig",e.getPageSettings="studio:getPageSettings",e.setPageSettings="studio:setPageSettings",e.clearPage="studio:clearPage",e.projectFiles="studio:projectFiles",e.validateCode="studio:validateCode",e.canvasReload="studio:canvasReload",e.getBlocksPanel="studio:getBlocksPanel",e.setBlocksPanel="studio:setBlocksPanel",e.getStateContextMenu="studio:getStateContextMenu",e.setStateContextMenu="studio:setStateContextMenu",e.contextMenuComponent="studio:contextMenuComponent",e.layoutAdd="studio:layoutAdd",e.layoutRemove="studio:layoutRemove",e.layoutToggle="studio:layoutToggle",e.layoutUpdate="studio:layoutUpdate",e.layoutGet="studio:layoutGet",e.layoutConfigGet="studio:layoutConfigGet",e.layoutConfigSet="studio:layoutConfigSet",e.layoutComponentAdd="studio:layoutComponentAdd",e.layoutComponentGet="studio:layoutComponentGet",e.layoutComponentRemove="studio:layoutComponentRemove",e.layoutComponentRender="studio:layoutComponentRender",e.getStateTheme="studio:getStateTheme",e.setStateTheme="studio:setStateTheme",e.settings="studio:settings",e.assetProviderGet="studio:assetProviderGet",e.assetProviderAdd="studio:assetProviderAdd",e.assetProviderRemove="studio:assetProviderRemove",e.fontGet="studio:fontGet",e.fontAdd="studio:fontAdd",e.fontRemove="studio:fontRemove",e.fontManagerOpen="studio:fontManagerOpen",e.menuFontLoad="studio:menuFontLoad",e.toggleStateDataSource="studio:toggleStateDataSource",e.getStateDataSource="studio:getStateDataSource",e.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",e.dataSourceSetImporter="studio:dataSourceSetImporter",e.dataSourceSetExporter="studio:dataSourceSetExporter",e.setDragAbsolute="studio:setDragAbsolute",e))(T||{});const O={[E.free]:0,[E.startup]:10,[E.business]:20,[E.enterprise]:30};function m(e){const s=e;return s.init=r=>n=>e(n,r),s}const U=e=>m(e);async function q({editor:e,plan:s,pluginName:r,licenseKey:n,onLicenseCheckResponse:c,cleanup:i}){let u="",a;const g=o=>{console.warn("Cleanup plugin:",r,"Reason:",o),i()},p=(o={})=>{var b;const{error:v,sdkLicense:L}=o,l=(b=o.plan)==null?void 0:b.category;if(!(L||o.license)||v)g(v||"Invalid license");else if(l){const P=O[s],w=O[l];P>w&&g({pluginRequiredPlan:s,licensePlan:l})}};e.Commands.has(T.settings)&&(a=e.runCommand(T.settings),u=(a==null?void 0:a.baseUrl)||"");const d=o=>{c==null||c(o),o&&p(o)};if(!a){e.onReady(async()=>{if(!M())if(n){const o=await F({licenseKey:n,pluginName:r,baseApiUrl:u});d(o)}else g("The `licenseKey` option not provided")});return}if(a.licensePlan||a.licenseError){const o=X(a);d(o);return}e.on($,o=>d(o))}const X=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function F(e){const{licenseKey:s,pluginName:r,baseApiUrl:n}=e;try{return(await I({baseApiUrl:n,path:`/sdk/${s||"na"}`,method:"POST",params:{d:window.location.hostname,pn:r}})).result||{}}catch(c){return console.error("Error during SDK license check:",c),!1}}const j=(...e)=>e.map(s=>`[data-gjs-type="${s}"]`).join(","),z="dialogComponent",H=function(e,s={}){const{Blocks:r,Components:n}=e,{licenseKey:c}=s,i="gjs-plg-dialog",u="gjs-plg-dialog-overlay",a="gjs-plg-dialog-content",g="gjs-plg-dialog-close",p="gjs-plg-dialog-title",d="gjs-plg-dialog-body",o="gjs-plg-dialog-description",v="gjs-plg-dialog-placeholder";r.add(i,{label:"Dialog",media:`
     <svg viewBox="0 0 24 24">
       <path d="M4 4h16v10H8l-4 4V4z"></path>
     </svg>
-  `,category:"Extra",content:{type:i},activate:!0,...n.block}),s.addType(i,{model:{defaults:{tagName:"div",attributes:{class:i,"data-type-role":i},components:[{type:u},{type:v}],draggable:j("wrapper"),droppable:j(i),styles:`
+  `,category:"Extra",content:{type:i},activate:!0,...s.block}),n.addType(i,{model:{defaults:{tagName:"div",attributes:{class:i,"data-type-role":i},components:[{type:u},{type:v}],draggable:j("wrapper"),droppable:j(i),styles:`
           .${i} {
             position: relative;
             z-index: 1;
           }
-        `,traits:[{type:"button",label:"Open dialog",name:"onActive",changeProp:!0,command(l){var t;(t=l.getSelected())==null||t.trigger("active")}},{type:"checkbox",label:"Close when pressing X",name:"closeWhenPressingX",default:!0,changeProp:!0},{type:"checkbox",label:"Close when pressing ESC",name:"closeWhenPressingEsc",default:!0,changeProp:!0},{type:"checkbox",label:"Open when leaving the window",name:"openWhenLeavingWindow",default:!1,changeProp:!0},{type:"number",label:"Open when scrolling to level",name:"openWhenScrollingToLevel",default:0,changeProp:!0}],"script-props":["closeWhenPressingX","closeWhenPressingEsc","openWhenLeavingWindow","openWhenScrollingToLevel"],script:function(l){const t=this;function b(y){const f=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]'),h=t.querySelector('[data-type-role="gjs-plg-dialog-close"]');function E(){f.style.display="none"}y?(t._onCloseWhenPressingX=E,h.addEventListener("click",t._onCloseWhenPressingX)):(h.removeEventListener("click",t._onCloseWhenPressingX),t._onCloseWhenPressingX=null)}function P(y){const f=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function h(E){E.key==="Escape"&&(f.style.display="none")}y?(t._onCloseWhenPressingEsc=h,t.addEventListener("keydown",t._onCloseWhenPressingEsc)):(t.removeEventListener("keydown",t._onCloseWhenPressingEsc),t._onCloseWhenPressingEsc=null)}function T(y){const f=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function h(){f.style.display="flex"}y?(t._onOpenWhenLeavingWindow=h,document.addEventListener("mouseleave",t._onOpenWhenLeavingWindow)):(document.removeEventListener("mouseleave",t._onOpenWhenLeavingWindow),t._onOpenWhenLeavingWindow=null)}function D(y){const f=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function h(){const E=document.documentElement.scrollTop;y&&E>=Number(y)&&(f.style.display="flex")}y?(t._onOpenWhenScrollingToLevel=h,document.addEventListener("scroll",t._onOpenWhenScrollingToLevel)):(document.removeEventListener("scroll",t._onOpenWhenScrollingToLevel),t._onOpenWhenScrollingToLevel=null)}b(l.closeWhenPressingX),P(l.closeWhenPressingEsc),T(l.openWhenLeavingWindow),D(l.openWhenScrollingToLevel)}},init(){this.on("active",this.handleOpenWhenClickPlaceholder)},handleOpenWhenClickPlaceholder(){this.view.el.querySelector('[data-type-role="gjs-plg-dialog-placeholder"]').addEventListener("click",()=>{const t=this.view.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');t.style.display="flex"})}},view:{onActive(){const l=this.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');l.style.display="flex"}}}),s.addType(u,{model:{defaults:{tagName:"div",attributes:{class:u,"data-type-role":u},components:{type:a},droppable:!1,draggable:!1,styles:`
+        `,traits:[{type:"button",label:"Open dialog",name:"onActive",changeProp:!0,command(l){var t;(t=l.getSelected())==null||t.trigger("active")}},{type:"checkbox",label:"Close when pressing X",name:"closeWhenPressingX",default:!0,changeProp:!0},{type:"checkbox",label:"Close when pressing ESC",name:"closeWhenPressingEsc",default:!0,changeProp:!0},{type:"checkbox",label:"Open when leaving the window",name:"openWhenLeavingWindow",default:!1,changeProp:!0},{type:"number",label:"Open when scrolling to level",name:"openWhenScrollingToLevel",default:0,changeProp:!0}],"script-props":["closeWhenPressingX","closeWhenPressingEsc","openWhenLeavingWindow","openWhenScrollingToLevel"],script:function(l){const t=this;function b(y){const f=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]'),h=t.querySelector('[data-type-role="gjs-plg-dialog-close"]');function W(){f.style.display="none"}y?(t._onCloseWhenPressingX=W,h.addEventListener("click",t._onCloseWhenPressingX)):(h.removeEventListener("click",t._onCloseWhenPressingX),t._onCloseWhenPressingX=null)}function P(y){const f=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function h(W){W.key==="Escape"&&(f.style.display="none")}y?(t._onCloseWhenPressingEsc=h,t.addEventListener("keydown",t._onCloseWhenPressingEsc)):(t.removeEventListener("keydown",t._onCloseWhenPressingEsc),t._onCloseWhenPressingEsc=null)}function w(y){const f=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function h(){f.style.display="flex"}y?(t._onOpenWhenLeavingWindow=h,document.addEventListener("mouseleave",t._onOpenWhenLeavingWindow)):(document.removeEventListener("mouseleave",t._onOpenWhenLeavingWindow),t._onOpenWhenLeavingWindow=null)}function D(y){const f=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function h(){const W=document.documentElement.scrollTop;y&&W>=Number(y)&&(f.style.display="flex")}y?(t._onOpenWhenScrollingToLevel=h,document.addEventListener("scroll",t._onOpenWhenScrollingToLevel)):(document.removeEventListener("scroll",t._onOpenWhenScrollingToLevel),t._onOpenWhenScrollingToLevel=null)}b(l.closeWhenPressingX),P(l.closeWhenPressingEsc),w(l.openWhenLeavingWindow),D(l.openWhenScrollingToLevel)}},init(){this.on("active",this.handleOpenWhenClickPlaceholder)},handleOpenWhenClickPlaceholder(){this.view.el.querySelector('[data-type-role="gjs-plg-dialog-placeholder"]').addEventListener("click",()=>{const t=this.view.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');t.style.display="flex"})}},view:{onActive(){const l=this.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');l.style.display="flex"}}}),n.addType(u,{model:{defaults:{tagName:"div",attributes:{class:u,"data-type-role":u},components:{type:a},droppable:!1,draggable:!1,styles:`
           .${u} {
             position: fixed;
             top: 0;
@@ -19,7 +19,7 @@
             justify-content: center;
             background-color: rgba(0, 0, 0, 0.5);
           }
-        `}}}),s.addType(a,{model:{defaults:{tagName:"div",attributes:{class:a,"data-type-role":a},components:[{type:g},{type:p},{type:d}],droppable:!1,draggable:!1,styles:`
+        `}}}),n.addType(a,{model:{defaults:{tagName:"div",attributes:{class:a,"data-type-role":a},components:[{type:g},{type:p},{type:d}],droppable:!1,draggable:!1,styles:`
           .${a} {
             position: relative;
             background-color: #fff;
@@ -30,7 +30,7 @@
             height: 600px;
             box-sizing: border-box;
           }
-        `}}}),s.addType(g,{model:{defaults:{tagName:"button",attributes:{class:g,"data-type-role":g},components:"&times;",droppable:!1,draggable:!1,styles:`
+        `}}}),n.addType(g,{model:{defaults:{tagName:"button",attributes:{class:g,"data-type-role":g},components:"&times;",droppable:!1,draggable:!1,styles:`
           .${g} {
             position: absolute;
             top: 10px;
@@ -42,18 +42,18 @@
             font-size: 20px;
             cursor: pointer;
           }
-        `}}}),s.addType(p,{model:{defaults:{tagName:"h2",attributes:{class:p,"data-type-role":p},components:"Dialog Title",editable:!0,droppable:!1,draggable:!1,styles:`
+        `}}}),n.addType(p,{model:{defaults:{tagName:"h2",attributes:{class:p,"data-type-role":p},components:"Dialog Title",editable:!0,droppable:!1,draggable:!1,styles:`
           .${p} {
             margin: 0;
             padding: 0 40px 20px 0;
           }
-        `}}}),s.addType(d,{model:{defaults:{tagName:"div",attributes:{class:d,"data-type-role":d},components:[{type:o}],styles:`
+        `}}}),n.addType(d,{model:{defaults:{tagName:"div",attributes:{class:d,"data-type-role":d},components:[{type:o}],styles:`
           .${d} {
             height: 90%;
             overflow: auto;
           }
-        `}}}),s.addType(o,{model:{defaults:{tagName:"p",attributes:{class:o,"data-type-role":o},components:"This is a customizable dialog!",editable:!0,styles:`
+        `}}}),n.addType(o,{model:{defaults:{tagName:"p",attributes:{class:o,"data-type-role":o},components:"This is a customizable dialog!",editable:!0,styles:`
           .${o} {
             margin: 0;
           }
-        `}}}),s.addType(v,{model:{toHTML(){return""},defaults:{tagName:"button",attributes:{class:v,"data-type-role":v},components:"Dialog (click me to open)",droppable:!1,draggable:!1}},view:{init(){const{em:l,el:t}=this,b="core:preview",P=l.Commands.events;this.listenTo(l,`${P.runCommand}${b}`,()=>{t.style.display="none"}),this.listenTo(l,`${P.stopCommand}${b}`,()=>{t.style.display=""})}}}),m({editor:e,licenseKey:c,plan:W.startup,pluginName:F,cleanup:()=>{r.remove(i),s.removeType(i)}})},H=U(z);module.exports=H;
+        `}}}),n.addType(v,{model:{toHTML(){return""},defaults:{tagName:"button",attributes:{class:v,"data-type-role":v},components:"Dialog (click me to open)",droppable:!1,draggable:!1}},view:{init(){const{em:l,el:t}=this,b="core:preview",P=l.Commands.events;this.listenTo(l,`${P.runCommand}${b}`,()=>{t.style.display="none"}),this.listenTo(l,`${P.stopCommand}${b}`,()=>{t.style.display=""})}}}),q({editor:e,licenseKey:c,plan:E.startup,pluginName:z,cleanup:()=>{r.remove(i),n.removeType(i)}})},K=U(H);module.exports=K;

package/dist/dialogComponent/index.es.js

@@ -9,29 +9,42 @@ const A = "app.grapesjs.com", k = "app-stage.grapesjs.com", R = "app2.grapesjs.c
   // For stackblitz.com demos
   ".local.webcontainer.io",
   // For stackblitz.com demos
-  "-sandpack.codesandbox.io"
+  "-sandpack.codesandbox.io",
   // For Sandpack demos
+  ".claudemcpcontent.com",
+  // For Claude mcp app
+  ".web-sandbox.oaiusercontent.com"
+  // For OpenAI mcp app
 ], $ = "license:check:end", G = () => typeof window < "u", N = ({
   isDev: e,
-  isStage: n,
+  isStage: s,
   isPlatform: r
-}) => `${e ? "" : `https://${n ? k : A}`}/${r ? "platform-api" : "api"}`, B = () => {
-  const e = G() && window.location.hostname;
-  return !!e && (x.includes(e) || x.some((n) => e.endsWith(n)));
+}) => `${e ? "" : `https://${s ? k : A}`}/${r ? "platform-api" : "api"}`, B = () => {
+  if (!G()) return "";
+  const { hostname: e } = window.location;
+  if (e) return e;
+  try {
+    return window.parent.location.hostname || "";
+  } catch {
+    return "";
+  }
+}, M = () => {
+  const e = B();
+  return !!e && (x.includes(e) || x.some((s) => e.endsWith(s)));
 };
-async function M({
+async function I({
   path: e,
-  baseApiUrl: n,
+  baseApiUrl: s,
   method: r = "GET",
-  headers: s = {},
+  headers: n = {},
   params: c,
   body: i
 }) {
-  const a = `${n || N({ isDev: !1, isStage: !1 })}${e}`, g = {
+  const a = `${s || N({ isDev: !1, isStage: !1 })}${e}`, g = {
     method: r,
     headers: {
       "Content-Type": "application/json",
-      ...s
+      ...n
     }
   };
   i && (g.body = JSON.stringify(i));
@@ -40,23 +53,23 @@ async function M({
     throw new Error(`HTTP error! status: ${o.status}`);
   return o.json();
 }
-var W = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(W || {}), w = /* @__PURE__ */ ((e) => (e.toastAdd = "studio:toastAdd", e.toastRemove = "studio:toastRemove", e.dialogOpen = "studio:dialogOpen", e.dialogClose = "studio:dialogClose", e.dialogExportCode = "studio:dialogExportCode", e.dialogImportCode = "studio:dialogImportCode", e.sidebarLeftSet = "studio:sidebarLeft:set", e.sidebarLeftGet = "studio:sidebarLeft:get", e.sidebarLeftToggle = "studio:sidebarLeft:toggle", e.sidebarRightSet = "studio:sidebarRight:set", e.sidebarRightGet = "studio:sidebarRight:get", e.sidebarRightToggle = "studio:sidebarRight:toggle", e.sidebarTopSet = "studio:sidebarTop:set", e.sidebarTopGet = "studio:sidebarTop:get", e.sidebarTopToggle = "studio:sidebarTop:toggle", e.sidebarBottomSet = "studio:sidebarBottom:set", e.sidebarBottomGet = "studio:sidebarBottom:get", e.sidebarBottomToggle = "studio:sidebarBottom:toggle", e.symbolAdd = "studio:symbolAdd", e.symbolDetach = "studio:symbolDetach", e.symbolOverride = "studio:symbolOverride", e.symbolPropagateStyles = "studio:propagateStyles", e.getPagesConfig = "studio:getPagesConfig", e.setPagesConfig = "studio:setPagesConfig", e.getPageSettings = "studio:getPageSettings", e.setPageSettings = "studio:setPageSettings", e.clearPage = "studio:clearPage", e.projectFiles = "studio:projectFiles", e.validateCode = "studio:validateCode", e.canvasReload = "studio:canvasReload", e.getBlocksPanel = "studio:getBlocksPanel", e.setBlocksPanel = "studio:setBlocksPanel", e.getStateContextMenu = "studio:getStateContextMenu", e.setStateContextMenu = "studio:setStateContextMenu", e.contextMenuComponent = "studio:contextMenuComponent", e.layoutAdd = "studio:layoutAdd", e.layoutRemove = "studio:layoutRemove", e.layoutToggle = "studio:layoutToggle", e.layoutUpdate = "studio:layoutUpdate", e.layoutGet = "studio:layoutGet", e.layoutConfigGet = "studio:layoutConfigGet", e.layoutConfigSet = "studio:layoutConfigSet", e.layoutComponentAdd = "studio:layoutComponentAdd", e.layoutComponentGet = "studio:layoutComponentGet", e.layoutComponentRemove = "studio:layoutComponentRemove", e.layoutComponentRender = "studio:layoutComponentRender", e.getStateTheme = "studio:getStateTheme", e.setStateTheme = "studio:setStateTheme", e.settings = "studio:settings", e.assetProviderGet = "studio:assetProviderGet", e.assetProviderAdd = "studio:assetProviderAdd", e.assetProviderRemove = "studio:assetProviderRemove", e.fontGet = "studio:fontGet", e.fontAdd = "studio:fontAdd", e.fontRemove = "studio:fontRemove", e.fontManagerOpen = "studio:fontManagerOpen", e.menuFontLoad = "studio:menuFontLoad", e.toggleStateDataSource = "studio:toggleStateDataSource", e.getStateDataSource = "studio:getStateDataSource", e.dataSourceSetGlobalData = "studio:dataSourceSetGlobalData", e.dataSourceSetImporter = "studio:dataSourceSetImporter", e.dataSourceSetExporter = "studio:dataSourceSetExporter", e.setDragAbsolute = "studio:setDragAbsolute", e))(w || {});
+var E = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(E || {}), T = /* @__PURE__ */ ((e) => (e.toastAdd = "studio:toastAdd", e.toastRemove = "studio:toastRemove", e.dialogOpen = "studio:dialogOpen", e.dialogClose = "studio:dialogClose", e.dialogExportCode = "studio:dialogExportCode", e.dialogImportCode = "studio:dialogImportCode", e.openEditCode = "studio:openEditCode", e.sidebarLeftSet = "studio:sidebarLeft:set", e.sidebarLeftGet = "studio:sidebarLeft:get", e.sidebarLeftToggle = "studio:sidebarLeft:toggle", e.sidebarRightSet = "studio:sidebarRight:set", e.sidebarRightGet = "studio:sidebarRight:get", e.sidebarRightToggle = "studio:sidebarRight:toggle", e.sidebarTopSet = "studio:sidebarTop:set", e.sidebarTopGet = "studio:sidebarTop:get", e.sidebarTopToggle = "studio:sidebarTop:toggle", e.sidebarBottomSet = "studio:sidebarBottom:set", e.sidebarBottomGet = "studio:sidebarBottom:get", e.sidebarBottomToggle = "studio:sidebarBottom:toggle", e.symbolAdd = "studio:symbolAdd", e.symbolDetach = "studio:symbolDetach", e.symbolOverride = "studio:symbolOverride", e.symbolPropagateStyles = "studio:propagateStyles", e.getPagesConfig = "studio:getPagesConfig", e.setPagesConfig = "studio:setPagesConfig", e.getPageSettings = "studio:getPageSettings", e.setPageSettings = "studio:setPageSettings", e.clearPage = "studio:clearPage", e.projectFiles = "studio:projectFiles", e.validateCode = "studio:validateCode", e.canvasReload = "studio:canvasReload", e.getBlocksPanel = "studio:getBlocksPanel", e.setBlocksPanel = "studio:setBlocksPanel", e.getStateContextMenu = "studio:getStateContextMenu", e.setStateContextMenu = "studio:setStateContextMenu", e.contextMenuComponent = "studio:contextMenuComponent", e.layoutAdd = "studio:layoutAdd", e.layoutRemove = "studio:layoutRemove", e.layoutToggle = "studio:layoutToggle", e.layoutUpdate = "studio:layoutUpdate", e.layoutGet = "studio:layoutGet", e.layoutConfigGet = "studio:layoutConfigGet", e.layoutConfigSet = "studio:layoutConfigSet", e.layoutComponentAdd = "studio:layoutComponentAdd", e.layoutComponentGet = "studio:layoutComponentGet", e.layoutComponentRemove = "studio:layoutComponentRemove", e.layoutComponentRender = "studio:layoutComponentRender", e.getStateTheme = "studio:getStateTheme", e.setStateTheme = "studio:setStateTheme", e.settings = "studio:settings", e.assetProviderGet = "studio:assetProviderGet", e.assetProviderAdd = "studio:assetProviderAdd", e.assetProviderRemove = "studio:assetProviderRemove", e.fontGet = "studio:fontGet", e.fontAdd = "studio:fontAdd", e.fontRemove = "studio:fontRemove", e.fontManagerOpen = "studio:fontManagerOpen", e.menuFontLoad = "studio:menuFontLoad", e.toggleStateDataSource = "studio:toggleStateDataSource", e.getStateDataSource = "studio:getStateDataSource", e.dataSourceSetGlobalData = "studio:dataSourceSetGlobalData", e.dataSourceSetImporter = "studio:dataSourceSetImporter", e.dataSourceSetExporter = "studio:dataSourceSetExporter", e.setDragAbsolute = "studio:setDragAbsolute", e))(T || {});
 const O = {
-  [W.free]: 0,
-  [W.startup]: 10,
-  [W.business]: 20,
-  [W.enterprise]: 30
+  [E.free]: 0,
+  [E.startup]: 10,
+  [E.business]: 20,
+  [E.enterprise]: 30
 };
-function I(e) {
-  const n = e;
-  return n.init = (r) => (s) => e(s, r), n;
+function m(e) {
+  const s = e;
+  return s.init = (r) => (n) => e(n, r), s;
 }
-const U = (e) => /* @__PURE__ */ I(e);
-async function m({
+const U = (e) => /* @__PURE__ */ m(e);
+async function q({
   editor: e,
-  plan: n,
+  plan: s,
   pluginName: r,
-  licenseKey: s,
+  licenseKey: n,
   onLicenseCheckResponse: c,
   cleanup: i
 }) {
@@ -69,19 +82,19 @@ async function m({
     if (!(L || o.license) || v)
       g(v || "Invalid license");
     else if (l) {
-      const P = O[n], T = O[l];
-      P > T && g({ pluginRequiredPlan: n, licensePlan: l });
+      const P = O[s], w = O[l];
+      P > w && g({ pluginRequiredPlan: s, licensePlan: l });
     }
   };
-  e.Commands.has(w.settings) && (a = e.runCommand(w.settings), u = (a == null ? void 0 : a.baseUrl) || "");
+  e.Commands.has(T.settings) && (a = e.runCommand(T.settings), u = (a == null ? void 0 : a.baseUrl) || "");
   const d = (o) => {
     c == null || c(o), o && p(o);
   };
   if (!a) {
     e.onReady(async () => {
-      if (!B())
-        if (s) {
-          const o = await X({ licenseKey: s, pluginName: r, baseApiUrl: u });
+      if (!M())
+        if (n) {
+          const o = await F({ licenseKey: n, pluginName: r, baseApiUrl: u });
           d(o);
         } else
           g("The `licenseKey` option not provided");
@@ -89,24 +102,24 @@ async function m({
     return;
   }
   if (a.licensePlan || a.licenseError) {
-    const o = q(a);
+    const o = X(a);
     d(o);
     return;
   }
   e.on($, (o) => d(o));
 }
-const q = (e) => ({
+const X = (e) => ({
   sdkLicense: e.license,
   license: e.license,
   error: e.licenseError,
   plan: e.licensePlan
 });
-async function X(e) {
-  const { licenseKey: n, pluginName: r, baseApiUrl: s } = e;
+async function F(e) {
+  const { licenseKey: s, pluginName: r, baseApiUrl: n } = e;
   try {
-    return (await M({
-      baseApiUrl: s,
-      path: `/sdk/${n || "na"}`,
+    return (await I({
+      baseApiUrl: n,
+      path: `/sdk/${s || "na"}`,
       method: "POST",
       params: {
         d: window.location.hostname,
@@ -117,8 +130,8 @@ async function X(e) {
     return console.error("Error during SDK license check:", c), !1;
   }
 }
-const j = (...e) => e.map((n) => `[data-gjs-type="${n}"]`).join(","), F = "dialogComponent", z = function(e, n = {}) {
-  const { Blocks: r, Components: s } = e, { licenseKey: c } = n, i = "gjs-plg-dialog", u = "gjs-plg-dialog-overlay", a = "gjs-plg-dialog-content", g = "gjs-plg-dialog-close", p = "gjs-plg-dialog-title", d = "gjs-plg-dialog-body", o = "gjs-plg-dialog-description", v = "gjs-plg-dialog-placeholder";
+const j = (...e) => e.map((s) => `[data-gjs-type="${s}"]`).join(","), z = "dialogComponent", H = function(e, s = {}) {
+  const { Blocks: r, Components: n } = e, { licenseKey: c } = s, i = "gjs-plg-dialog", u = "gjs-plg-dialog-overlay", a = "gjs-plg-dialog-content", g = "gjs-plg-dialog-close", p = "gjs-plg-dialog-title", d = "gjs-plg-dialog-body", o = "gjs-plg-dialog-description", v = "gjs-plg-dialog-placeholder";
   r.add(i, {
     label: "Dialog",
     media: `
@@ -129,8 +142,8 @@ const j = (...e) => e.map((n) => `[data-gjs-type="${n}"]`).join(","), F = "dialo
     category: "Extra",
     content: { type: i },
     activate: !0,
-    ...n.block
-  }), s.addType(i, {
+    ...s.block
+  }), n.addType(i, {
     model: {
       defaults: {
         tagName: "div",
@@ -194,19 +207,19 @@ const j = (...e) => e.map((n) => `[data-gjs-type="${n}"]`).join(","), F = "dialo
           const t = this;
           function b(y) {
             const f = t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]'), h = t.querySelector('[data-type-role="gjs-plg-dialog-close"]');
-            function E() {
+            function W() {
               f.style.display = "none";
             }
-            y ? (t._onCloseWhenPressingX = E, h.addEventListener("click", t._onCloseWhenPressingX)) : (h.removeEventListener("click", t._onCloseWhenPressingX), t._onCloseWhenPressingX = null);
+            y ? (t._onCloseWhenPressingX = W, h.addEventListener("click", t._onCloseWhenPressingX)) : (h.removeEventListener("click", t._onCloseWhenPressingX), t._onCloseWhenPressingX = null);
           }
           function P(y) {
             const f = t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
-            function h(E) {
-              E.key === "Escape" && (f.style.display = "none");
+            function h(W) {
+              W.key === "Escape" && (f.style.display = "none");
             }
             y ? (t._onCloseWhenPressingEsc = h, t.addEventListener("keydown", t._onCloseWhenPressingEsc)) : (t.removeEventListener("keydown", t._onCloseWhenPressingEsc), t._onCloseWhenPressingEsc = null);
           }
-          function T(y) {
+          function w(y) {
             const f = t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
             function h() {
               f.style.display = "flex";
@@ -216,12 +229,12 @@ const j = (...e) => e.map((n) => `[data-gjs-type="${n}"]`).join(","), F = "dialo
           function D(y) {
             const f = t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
             function h() {
-              const E = document.documentElement.scrollTop;
-              y && E >= Number(y) && (f.style.display = "flex");
+              const W = document.documentElement.scrollTop;
+              y && W >= Number(y) && (f.style.display = "flex");
             }
             y ? (t._onOpenWhenScrollingToLevel = h, document.addEventListener("scroll", t._onOpenWhenScrollingToLevel)) : (document.removeEventListener("scroll", t._onOpenWhenScrollingToLevel), t._onOpenWhenScrollingToLevel = null);
           }
-          b(l.closeWhenPressingX), P(l.closeWhenPressingEsc), T(l.openWhenLeavingWindow), D(l.openWhenScrollingToLevel);
+          b(l.closeWhenPressingX), P(l.closeWhenPressingEsc), w(l.openWhenLeavingWindow), D(l.openWhenScrollingToLevel);
         }
       },
       init() {
@@ -244,7 +257,7 @@ const j = (...e) => e.map((n) => `[data-gjs-type="${n}"]`).join(","), F = "dialo
         l.style.display = "flex";
       }
     }
-  }), s.addType(u, {
+  }), n.addType(u, {
     model: {
       defaults: {
         tagName: "div",
@@ -267,7 +280,7 @@ const j = (...e) => e.map((n) => `[data-gjs-type="${n}"]`).join(","), F = "dialo
         `
       }
     }
-  }), s.addType(a, {
+  }), n.addType(a, {
     model: {
       defaults: {
         tagName: "div",
@@ -289,7 +302,7 @@ const j = (...e) => e.map((n) => `[data-gjs-type="${n}"]`).join(","), F = "dialo
         `
       }
     }
-  }), s.addType(g, {
+  }), n.addType(g, {
     model: {
       defaults: {
         tagName: "button",
@@ -312,7 +325,7 @@ const j = (...e) => e.map((n) => `[data-gjs-type="${n}"]`).join(","), F = "dialo
         `
       }
     }
-  }), s.addType(p, {
+  }), n.addType(p, {
     model: {
       defaults: {
         tagName: "h2",
@@ -329,7 +342,7 @@ const j = (...e) => e.map((n) => `[data-gjs-type="${n}"]`).join(","), F = "dialo
         `
       }
     }
-  }), s.addType(d, {
+  }), n.addType(d, {
     model: {
       defaults: {
         tagName: "div",
@@ -343,7 +356,7 @@ const j = (...e) => e.map((n) => `[data-gjs-type="${n}"]`).join(","), F = "dialo
         `
       }
     }
-  }), s.addType(o, {
+  }), n.addType(o, {
     model: {
       defaults: {
         tagName: "p",
@@ -357,7 +370,7 @@ const j = (...e) => e.map((n) => `[data-gjs-type="${n}"]`).join(","), F = "dialo
         `
       }
     }
-  }), s.addType(v, {
+  }), n.addType(v, {
     model: {
       toHTML() {
         return "";
@@ -380,16 +393,16 @@ const j = (...e) => e.map((n) => `[data-gjs-type="${n}"]`).join(","), F = "dialo
         });
       }
     }
-  }), m({
+  }), q({
     editor: e,
     licenseKey: c,
-    plan: W.startup,
-    pluginName: F,
+    plan: E.startup,
+    pluginName: z,
     cleanup: () => {
-      r.remove(i), s.removeType(i);
+      r.remove(i), n.removeType(i);
     }
   });
-}, H = U(z);
+}, K = U(H);
 export {
-  H as default
+  K as default
 };

package/dist/dialogComponent/index.umd.js

@@ -1,4 +1,4 @@
-(function(P,T){typeof exports=="object"&&typeof module<"u"?module.exports=T():typeof define=="function"&&define.amd?define(T):(P=typeof globalThis<"u"?globalThis:P||self,P.StudioSdkPlugins_dialogComponent=T())})(this,function(){"use strict";const P="app.grapesjs.com",T="app-stage.grapesjs.com",x=[P,"app2.grapesjs.com",T,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],k="license:check:end",_=()=>typeof window<"u",R=({isDev:e,isStage:s,isPlatform:r})=>`${e?"":`https://${s?T:P}`}/${r?"platform-api":"api"}`,$=()=>{const e=_()&&window.location.hostname;return!!e&&(x.includes(e)||x.some(s=>e.endsWith(s)))};async function G({path:e,baseApiUrl:s,method:r="GET",headers:n={},params:c,body:i}){const a=`${s||R({isDev:!1,isStage:!1})}${e}`,g={method:r,headers:{"Content-Type":"application/json",...n}};i&&(g.body=JSON.stringify(i));const p=c?new URLSearchParams(c).toString():"",d=p?`?${p}`:"",o=await fetch(`${a}${d}`,g);if(!o.ok)throw new Error(`HTTP error! status: ${o.status}`);return o.json()}var W=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(W||{}),L=(e=>(e.toastAdd="studio:toastAdd",e.toastRemove="studio:toastRemove",e.dialogOpen="studio:dialogOpen",e.dialogClose="studio:dialogClose",e.dialogExportCode="studio:dialogExportCode",e.dialogImportCode="studio:dialogImportCode",e.sidebarLeftSet="studio:sidebarLeft:set",e.sidebarLeftGet="studio:sidebarLeft:get",e.sidebarLeftToggle="studio:sidebarLeft:toggle",e.sidebarRightSet="studio:sidebarRight:set",e.sidebarRightGet="studio:sidebarRight:get",e.sidebarRightToggle="studio:sidebarRight:toggle",e.sidebarTopSet="studio:sidebarTop:set",e.sidebarTopGet="studio:sidebarTop:get",e.sidebarTopToggle="studio:sidebarTop:toggle",e.sidebarBottomSet="studio:sidebarBottom:set",e.sidebarBottomGet="studio:sidebarBottom:get",e.sidebarBottomToggle="studio:sidebarBottom:toggle",e.symbolAdd="studio:symbolAdd",e.symbolDetach="studio:symbolDetach",e.symbolOverride="studio:symbolOverride",e.symbolPropagateStyles="studio:propagateStyles",e.getPagesConfig="studio:getPagesConfig",e.setPagesConfig="studio:setPagesConfig",e.getPageSettings="studio:getPageSettings",e.setPageSettings="studio:setPageSettings",e.clearPage="studio:clearPage",e.projectFiles="studio:projectFiles",e.validateCode="studio:validateCode",e.canvasReload="studio:canvasReload",e.getBlocksPanel="studio:getBlocksPanel",e.setBlocksPanel="studio:setBlocksPanel",e.getStateContextMenu="studio:getStateContextMenu",e.setStateContextMenu="studio:setStateContextMenu",e.contextMenuComponent="studio:contextMenuComponent",e.layoutAdd="studio:layoutAdd",e.layoutRemove="studio:layoutRemove",e.layoutToggle="studio:layoutToggle",e.layoutUpdate="studio:layoutUpdate",e.layoutGet="studio:layoutGet",e.layoutConfigGet="studio:layoutConfigGet",e.layoutConfigSet="studio:layoutConfigSet",e.layoutComponentAdd="studio:layoutComponentAdd",e.layoutComponentGet="studio:layoutComponentGet",e.layoutComponentRemove="studio:layoutComponentRemove",e.layoutComponentRender="studio:layoutComponentRender",e.getStateTheme="studio:getStateTheme",e.setStateTheme="studio:setStateTheme",e.settings="studio:settings",e.assetProviderGet="studio:assetProviderGet",e.assetProviderAdd="studio:assetProviderAdd",e.assetProviderRemove="studio:assetProviderRemove",e.fontGet="studio:fontGet",e.fontAdd="studio:fontAdd",e.fontRemove="studio:fontRemove",e.fontManagerOpen="studio:fontManagerOpen",e.menuFontLoad="studio:menuFontLoad",e.toggleStateDataSource="studio:toggleStateDataSource",e.getStateDataSource="studio:getStateDataSource",e.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",e.dataSourceSetImporter="studio:dataSourceSetImporter",e.dataSourceSetExporter="studio:dataSourceSetExporter",e.setDragAbsolute="studio:setDragAbsolute",e))(L||{});const A={[W.free]:0,[W.startup]:10,[W.business]:20,[W.enterprise]:30};function N(e){const s=e;return s.init=r=>n=>e(n,r),s}const M=e=>N(e);async function B({editor:e,plan:s,pluginName:r,licenseKey:n,onLicenseCheckResponse:c,cleanup:i}){let u="",a;const g=o=>{console.warn("Cleanup plugin:",r,"Reason:",o),i()},p=(o={})=>{var v;const{error:f,sdkLicense:D}=o,l=(v=o.plan)==null?void 0:v.category;if(!(D||o.license)||f)g(f||"Invalid license");else if(l){const E=A[s],O=A[l];E>O&&g({pluginRequiredPlan:s,licensePlan:l})}};e.Commands.has(L.settings)&&(a=e.runCommand(L.settings),u=(a==null?void 0:a.baseUrl)||"");const d=o=>{c==null||c(o),o&&p(o)};if(!a){e.onReady(async()=>{if(!$())if(n){const o=await m({licenseKey:n,pluginName:r,baseApiUrl:u});d(o)}else g("The `licenseKey` option not provided")});return}if(a.licensePlan||a.licenseError){const o=I(a);d(o);return}e.on(k,o=>d(o))}const I=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function m(e){const{licenseKey:s,pluginName:r,baseApiUrl:n}=e;try{return(await G({baseApiUrl:n,path:`/sdk/${s||"na"}`,method:"POST",params:{d:window.location.hostname,pn:r}})).result||{}}catch(c){return console.error("Error during SDK license check:",c),!1}}const j=(...e)=>e.map(s=>`[data-gjs-type="${s}"]`).join(","),U="dialogComponent";return M(function(e,s={}){const{Blocks:r,Components:n}=e,{licenseKey:c}=s,i="gjs-plg-dialog",u="gjs-plg-dialog-overlay",a="gjs-plg-dialog-content",g="gjs-plg-dialog-close",p="gjs-plg-dialog-title",d="gjs-plg-dialog-body",o="gjs-plg-dialog-description",f="gjs-plg-dialog-placeholder";r.add(i,{label:"Dialog",media:`
+(function(P,E){typeof exports=="object"&&typeof module<"u"?module.exports=E():typeof define=="function"&&define.amd?define(E):(P=typeof globalThis<"u"?globalThis:P||self,P.StudioSdkPlugins_dialogComponent=E())})(this,function(){"use strict";const P="app.grapesjs.com",E="app-stage.grapesjs.com",O=[P,"app2.grapesjs.com",E,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io",".claudemcpcontent.com",".web-sandbox.oaiusercontent.com"],k="license:check:end",_=()=>typeof window<"u",R=({isDev:e,isStage:s,isPlatform:r})=>`${e?"":`https://${s?E:P}`}/${r?"platform-api":"api"}`,$=()=>{if(!_())return"";const{hostname:e}=window.location;if(e)return e;try{return window.parent.location.hostname||""}catch{return""}},G=()=>{const e=$();return!!e&&(O.includes(e)||O.some(s=>e.endsWith(s)))};async function N({path:e,baseApiUrl:s,method:r="GET",headers:n={},params:c,body:i}){const a=`${s||R({isDev:!1,isStage:!1})}${e}`,g={method:r,headers:{"Content-Type":"application/json",...n}};i&&(g.body=JSON.stringify(i));const p=c?new URLSearchParams(c).toString():"",d=p?`?${p}`:"",o=await fetch(`${a}${d}`,g);if(!o.ok)throw new Error(`HTTP error! status: ${o.status}`);return o.json()}var T=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(T||{}),L=(e=>(e.toastAdd="studio:toastAdd",e.toastRemove="studio:toastRemove",e.dialogOpen="studio:dialogOpen",e.dialogClose="studio:dialogClose",e.dialogExportCode="studio:dialogExportCode",e.dialogImportCode="studio:dialogImportCode",e.openEditCode="studio:openEditCode",e.sidebarLeftSet="studio:sidebarLeft:set",e.sidebarLeftGet="studio:sidebarLeft:get",e.sidebarLeftToggle="studio:sidebarLeft:toggle",e.sidebarRightSet="studio:sidebarRight:set",e.sidebarRightGet="studio:sidebarRight:get",e.sidebarRightToggle="studio:sidebarRight:toggle",e.sidebarTopSet="studio:sidebarTop:set",e.sidebarTopGet="studio:sidebarTop:get",e.sidebarTopToggle="studio:sidebarTop:toggle",e.sidebarBottomSet="studio:sidebarBottom:set",e.sidebarBottomGet="studio:sidebarBottom:get",e.sidebarBottomToggle="studio:sidebarBottom:toggle",e.symbolAdd="studio:symbolAdd",e.symbolDetach="studio:symbolDetach",e.symbolOverride="studio:symbolOverride",e.symbolPropagateStyles="studio:propagateStyles",e.getPagesConfig="studio:getPagesConfig",e.setPagesConfig="studio:setPagesConfig",e.getPageSettings="studio:getPageSettings",e.setPageSettings="studio:setPageSettings",e.clearPage="studio:clearPage",e.projectFiles="studio:projectFiles",e.validateCode="studio:validateCode",e.canvasReload="studio:canvasReload",e.getBlocksPanel="studio:getBlocksPanel",e.setBlocksPanel="studio:setBlocksPanel",e.getStateContextMenu="studio:getStateContextMenu",e.setStateContextMenu="studio:setStateContextMenu",e.contextMenuComponent="studio:contextMenuComponent",e.layoutAdd="studio:layoutAdd",e.layoutRemove="studio:layoutRemove",e.layoutToggle="studio:layoutToggle",e.layoutUpdate="studio:layoutUpdate",e.layoutGet="studio:layoutGet",e.layoutConfigGet="studio:layoutConfigGet",e.layoutConfigSet="studio:layoutConfigSet",e.layoutComponentAdd="studio:layoutComponentAdd",e.layoutComponentGet="studio:layoutComponentGet",e.layoutComponentRemove="studio:layoutComponentRemove",e.layoutComponentRender="studio:layoutComponentRender",e.getStateTheme="studio:getStateTheme",e.setStateTheme="studio:setStateTheme",e.settings="studio:settings",e.assetProviderGet="studio:assetProviderGet",e.assetProviderAdd="studio:assetProviderAdd",e.assetProviderRemove="studio:assetProviderRemove",e.fontGet="studio:fontGet",e.fontAdd="studio:fontAdd",e.fontRemove="studio:fontRemove",e.fontManagerOpen="studio:fontManagerOpen",e.menuFontLoad="studio:menuFontLoad",e.toggleStateDataSource="studio:toggleStateDataSource",e.getStateDataSource="studio:getStateDataSource",e.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",e.dataSourceSetImporter="studio:dataSourceSetImporter",e.dataSourceSetExporter="studio:dataSourceSetExporter",e.setDragAbsolute="studio:setDragAbsolute",e))(L||{});const A={[T.free]:0,[T.startup]:10,[T.business]:20,[T.enterprise]:30};function m(e){const s=e;return s.init=r=>n=>e(n,r),s}const M=e=>m(e);async function B({editor:e,plan:s,pluginName:r,licenseKey:n,onLicenseCheckResponse:c,cleanup:i}){let u="",a;const g=o=>{console.warn("Cleanup plugin:",r,"Reason:",o),i()},p=(o={})=>{var v;const{error:f,sdkLicense:D}=o,l=(v=o.plan)==null?void 0:v.category;if(!(D||o.license)||f)g(f||"Invalid license");else if(l){const W=A[s],x=A[l];W>x&&g({pluginRequiredPlan:s,licensePlan:l})}};e.Commands.has(L.settings)&&(a=e.runCommand(L.settings),u=(a==null?void 0:a.baseUrl)||"");const d=o=>{c==null||c(o),o&&p(o)};if(!a){e.onReady(async()=>{if(!G())if(n){const o=await U({licenseKey:n,pluginName:r,baseApiUrl:u});d(o)}else g("The `licenseKey` option not provided")});return}if(a.licensePlan||a.licenseError){const o=I(a);d(o);return}e.on(k,o=>d(o))}const I=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function U(e){const{licenseKey:s,pluginName:r,baseApiUrl:n}=e;try{return(await N({baseApiUrl:n,path:`/sdk/${s||"na"}`,method:"POST",params:{d:window.location.hostname,pn:r}})).result||{}}catch(c){return console.error("Error during SDK license check:",c),!1}}const j=(...e)=>e.map(s=>`[data-gjs-type="${s}"]`).join(","),q="dialogComponent";return M(function(e,s={}){const{Blocks:r,Components:n}=e,{licenseKey:c}=s,i="gjs-plg-dialog",u="gjs-plg-dialog-overlay",a="gjs-plg-dialog-content",g="gjs-plg-dialog-close",p="gjs-plg-dialog-title",d="gjs-plg-dialog-body",o="gjs-plg-dialog-description",f="gjs-plg-dialog-placeholder";r.add(i,{label:"Dialog",media:`
     <svg viewBox="0 0 24 24">
       <path d="M4 4h16v10H8l-4 4V4z"></path>
     </svg>
@@ -7,7 +7,7 @@
             position: relative;
             z-index: 1;
           }
-        `,traits:[{type:"button",label:"Open dialog",name:"onActive",changeProp:!0,command(l){var t;(t=l.getSelected())==null||t.trigger("active")}},{type:"checkbox",label:"Close when pressing X",name:"closeWhenPressingX",default:!0,changeProp:!0},{type:"checkbox",label:"Close when pressing ESC",name:"closeWhenPressingEsc",default:!0,changeProp:!0},{type:"checkbox",label:"Open when leaving the window",name:"openWhenLeavingWindow",default:!1,changeProp:!0},{type:"number",label:"Open when scrolling to level",name:"openWhenScrollingToLevel",default:0,changeProp:!0}],"script-props":["closeWhenPressingX","closeWhenPressingEsc","openWhenLeavingWindow","openWhenScrollingToLevel"],script:function(l){const t=this;function v(y){const b=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]'),h=t.querySelector('[data-type-role="gjs-plg-dialog-close"]');function w(){b.style.display="none"}y?(t._onCloseWhenPressingX=w,h.addEventListener("click",t._onCloseWhenPressingX)):(h.removeEventListener("click",t._onCloseWhenPressingX),t._onCloseWhenPressingX=null)}function E(y){const b=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function h(w){w.key==="Escape"&&(b.style.display="none")}y?(t._onCloseWhenPressingEsc=h,t.addEventListener("keydown",t._onCloseWhenPressingEsc)):(t.removeEventListener("keydown",t._onCloseWhenPressingEsc),t._onCloseWhenPressingEsc=null)}function O(y){const b=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function h(){b.style.display="flex"}y?(t._onOpenWhenLeavingWindow=h,document.addEventListener("mouseleave",t._onOpenWhenLeavingWindow)):(document.removeEventListener("mouseleave",t._onOpenWhenLeavingWindow),t._onOpenWhenLeavingWindow=null)}function q(y){const b=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function h(){const w=document.documentElement.scrollTop;y&&w>=Number(y)&&(b.style.display="flex")}y?(t._onOpenWhenScrollingToLevel=h,document.addEventListener("scroll",t._onOpenWhenScrollingToLevel)):(document.removeEventListener("scroll",t._onOpenWhenScrollingToLevel),t._onOpenWhenScrollingToLevel=null)}v(l.closeWhenPressingX),E(l.closeWhenPressingEsc),O(l.openWhenLeavingWindow),q(l.openWhenScrollingToLevel)}},init(){this.on("active",this.handleOpenWhenClickPlaceholder)},handleOpenWhenClickPlaceholder(){this.view.el.querySelector('[data-type-role="gjs-plg-dialog-placeholder"]').addEventListener("click",()=>{const t=this.view.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');t.style.display="flex"})}},view:{onActive(){const l=this.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');l.style.display="flex"}}}),n.addType(u,{model:{defaults:{tagName:"div",attributes:{class:u,"data-type-role":u},components:{type:a},droppable:!1,draggable:!1,styles:`
+        `,traits:[{type:"button",label:"Open dialog",name:"onActive",changeProp:!0,command(l){var t;(t=l.getSelected())==null||t.trigger("active")}},{type:"checkbox",label:"Close when pressing X",name:"closeWhenPressingX",default:!0,changeProp:!0},{type:"checkbox",label:"Close when pressing ESC",name:"closeWhenPressingEsc",default:!0,changeProp:!0},{type:"checkbox",label:"Open when leaving the window",name:"openWhenLeavingWindow",default:!1,changeProp:!0},{type:"number",label:"Open when scrolling to level",name:"openWhenScrollingToLevel",default:0,changeProp:!0}],"script-props":["closeWhenPressingX","closeWhenPressingEsc","openWhenLeavingWindow","openWhenScrollingToLevel"],script:function(l){const t=this;function v(y){const b=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]'),h=t.querySelector('[data-type-role="gjs-plg-dialog-close"]');function w(){b.style.display="none"}y?(t._onCloseWhenPressingX=w,h.addEventListener("click",t._onCloseWhenPressingX)):(h.removeEventListener("click",t._onCloseWhenPressingX),t._onCloseWhenPressingX=null)}function W(y){const b=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function h(w){w.key==="Escape"&&(b.style.display="none")}y?(t._onCloseWhenPressingEsc=h,t.addEventListener("keydown",t._onCloseWhenPressingEsc)):(t.removeEventListener("keydown",t._onCloseWhenPressingEsc),t._onCloseWhenPressingEsc=null)}function x(y){const b=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function h(){b.style.display="flex"}y?(t._onOpenWhenLeavingWindow=h,document.addEventListener("mouseleave",t._onOpenWhenLeavingWindow)):(document.removeEventListener("mouseleave",t._onOpenWhenLeavingWindow),t._onOpenWhenLeavingWindow=null)}function X(y){const b=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function h(){const w=document.documentElement.scrollTop;y&&w>=Number(y)&&(b.style.display="flex")}y?(t._onOpenWhenScrollingToLevel=h,document.addEventListener("scroll",t._onOpenWhenScrollingToLevel)):(document.removeEventListener("scroll",t._onOpenWhenScrollingToLevel),t._onOpenWhenScrollingToLevel=null)}v(l.closeWhenPressingX),W(l.closeWhenPressingEsc),x(l.openWhenLeavingWindow),X(l.openWhenScrollingToLevel)}},init(){this.on("active",this.handleOpenWhenClickPlaceholder)},handleOpenWhenClickPlaceholder(){this.view.el.querySelector('[data-type-role="gjs-plg-dialog-placeholder"]').addEventListener("click",()=>{const t=this.view.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');t.style.display="flex"})}},view:{onActive(){const l=this.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');l.style.display="flex"}}}),n.addType(u,{model:{defaults:{tagName:"div",attributes:{class:u,"data-type-role":u},components:{type:a},droppable:!1,draggable:!1,styles:`
           .${u} {
             position: fixed;
             top: 0;
@@ -56,4 +56,4 @@
           .${o} {
             margin: 0;
           }
-        `}}}),n.addType(f,{model:{toHTML(){return""},defaults:{tagName:"button",attributes:{class:f,"data-type-role":f},components:"Dialog (click me to open)",droppable:!1,draggable:!1}},view:{init(){const{em:l,el:t}=this,v="core:preview",E=l.Commands.events;this.listenTo(l,`${E.runCommand}${v}`,()=>{t.style.display="none"}),this.listenTo(l,`${E.stopCommand}${v}`,()=>{t.style.display=""})}}}),B({editor:e,licenseKey:c,plan:W.startup,pluginName:U,cleanup:()=>{r.remove(i),n.removeType(i)}})})});
+        `}}}),n.addType(f,{model:{toHTML(){return""},defaults:{tagName:"button",attributes:{class:f,"data-type-role":f},components:"Dialog (click me to open)",droppable:!1,draggable:!1}},view:{init(){const{em:l,el:t}=this,v="core:preview",W=l.Commands.events;this.listenTo(l,`${W.runCommand}${v}`,()=>{t.style.display="none"}),this.listenTo(l,`${W.stopCommand}${v}`,()=>{t.style.display=""})}}}),B({editor:e,licenseKey:c,plan:T.startup,pluginName:q,cleanup:()=>{r.remove(i),n.removeType(i)}})})});