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

package/dist/flexComponent/index.cjs.js

@@ -1,16 +1,16 @@
-"use strict";const ue="app.grapesjs.com",de="app-stage.grapesjs.com",Pe="app2.grapesjs.com",me="app-stage2.grapesjs.com",ae=[ue,Pe,de,me,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],ze="license:check:end",Se=()=>typeof window<"u",xe=({isDev:t,isStage:e,isPlatform:s})=>`${t?"":`https://${e?de:ue}`}/${s?"platform-api":"api"}`,ve=()=>{const t=Se()&&window.location.hostname;return!!t&&(ae.includes(t)||ae.some(e=>t.endsWith(e)))};function Re(t){return typeof t=="function"}async function we({path:t,baseApiUrl:e,method:s="GET",headers:n={},params:a,body:i}){const l=`${e||xe({isDev:!1,isStage:!1})}${t}`,p={method:s,headers:{"Content-Type":"application/json",...n}};i&&(p.body=JSON.stringify(i));const g=a?new URLSearchParams(a).toString():"",f=g?`?${g}`:"",r=await fetch(`${l}${f}`,p);if(!r.ok)throw new Error(`HTTP error! status: ${r.status}`);return r.json()}var L=(t=>(t.free="free",t.startup="startup",t.business="business",t.enterprise="enterprise",t))(L||{}),W=(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))(W||{}),ge=(t=>(t.web="web",t.email="email",t.document="document",t.react="react",t))(ge||{});const ie={[L.free]:0,[L.startup]:10,[L.business]:20,[L.enterprise]:30};function Ge(t){const e=t;return e.init=s=>n=>t(n,s),e}const Ce=t=>Ge(t);async function Ie({editor:t,plan:e,pluginName:s,licenseKey:n,onLicenseCheckResponse:a,cleanup:i}){let o="",l;const p=r=>{console.warn("Cleanup plugin:",s,"Reason:",r),i()},g=(r={})=>{var v;const{error:h,sdkLicense:I}=r,b=(v=r.plan)==null?void 0:v.category;if(!(I||r.license)||h)p(h||"Invalid license");else if(b){const G=ie[e],m=ie[b];G>m&&p({pluginRequiredPlan:e,licensePlan:b})}};t.Commands.has(W.settings)&&(l=t.runCommand(W.settings),o=(l==null?void 0:l.baseUrl)||"");const f=r=>{a==null||a(r),r&&g(r)};if(!l){t.onReady(async()=>{if(!ve())if(n){const r=await Ee({licenseKey:n,pluginName:s,baseApiUrl:o});f(r)}else p("The `licenseKey` option not provided")});return}if(l.licensePlan||l.licenseError){const r=Te(l);f(r);return}t.on(ze,r=>f(r))}const Te=t=>({sdkLicense:t.license,license:t.license,error:t.licenseError,plan:t.licensePlan});async function Ee(t){const{licenseKey:e,pluginName:s,baseApiUrl:n}=t;try{return(await we({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 he=t=>e=>{var s;return((s=e.getAttribute)==null?void 0:s.call(e,se))===t},Ae=(...t)=>e=>t.some(s=>e.is(s)),Le=(...t)=>(e,s)=>t.some(n=>s.is(n)),fe="gjs-plg-",se="data-type-role",D=class D{constructor(e){this.config=e}getSize(e){var s;return(s=this.config)!=null&&s.getSize?this.config.getSize(e):ne(e.componentColumn,D.CSS_FLEX_BASIS)}setSize(e){var s;if((s=this.config)!=null&&s.setSize)this.config.setSize(e);else{const{componentColumn:n,sizeValue:a,partial:i}=e;n.addStyle({[D.CSS_FLEX_BASIS]:a},{partial:i})}}};D.CSS_FLEX_BASIS="flex-basis";let K=D;const j=class j{constructor(e){this.config=e}isGapSupported(){return!0}getGap(e){var s;return(s=this.config)!=null&&s.getGap?this.config.getGap(e):ne(e.componentRow,j.CSS_GAP)}setGap(e){var s;if((s=this.config)!=null&&s.setGap)this.config.setGap(e);else{const{componentRow:n,gapValue:a,partial:i}=e;n.addStyle({[j.CSS_GAP]:a},{partial:i})}}};j.CSS_GAP="gap";let J=j;const U=class U{constructor(e){this.config=e}getParentSize(e){var i;if((i=this.config)!=null&&i.getParentSize)return this.config.getParentSize(e);const{componentRow:s,isVertical:n}=e,a=s.getEl();return a?n?a.clientHeight:a.clientWidth:0}isLayoutVertical(e){var n;if((n=this.config)!=null&&n.isParentVertical)return this.config.isParentVertical(e);const s=ne(e.componentRow,U.CSS_FLEX_DIRECTION,!0);return s==="column"||s==="column-reverse"}};U.CSS_FLEX_DIRECTION="flex-direction";let q=U;const N=class N{constructor(e){this.config=e}getSize(e){var n;if((n=this.config)!=null&&n.getSize)return this.config.getSize(e);const s=e.componentColumn;if(s.is(N.MJML_COLUMN_TYPE)){const i=s.getAttributes().width;if(i&&(i.includes("%")||!isNaN(parseFloat(i))))return parseFloat(i);const o=s.parent();return 100/(o?o.components().length:1)}return 0}setSize(e){var s;if((s=this.config)!=null&&s.setSize)this.config.setSize(e);else{const{componentColumn:n,sizeValue:a,partial:i}=e;n.is(N.MJML_COLUMN_TYPE)&&n.addAttributes({width:`${parseFloat(a)}%`},{partial:i})}}};N.MJML_COLUMN_TYPE="mj-column";let Z=N;const X=class X{constructor(e){this.config=e}isGapSupported(){return!1}getGap(e){var n;if((n=this.config)!=null&&n.getGap)return this.config.getGap(e);const{componentRow:s}=e;if(s.is(X.MJML_SECTION_TYPE)){const a=s.getAttributes();if(a&&a.padding)return parseInt(a.padding,10)||0}return 0}setGap(e){var s,n;(n=(s=this.config)==null?void 0:s.setGap)==null||n.call(s,e)}};X.MJML_SECTION_TYPE="mj-section";let Q=X;class Me{constructor(e){this.config=e}getParentSize(e){var o;if((o=this.config)!=null&&o.getParentSize)return this.config.getParentSize(e);const{componentRow:s,isVertical:n}=e,a=s.getEl();if(!a)return 0;let i=a;if(a.tagName!=="TABLE"){const l=a.querySelectorAll("table");l.length&&(i=l[0])}return n?i.clientHeight:i.clientWidth}isLayoutVertical(e){var s;return(s=this.config)!=null&&s.isParentVertical?this.config.isParentVertical(e):!1}}class M{constructor(){this.handlerCache=new Map}static getInstance(){return M.instance||(M.instance=new M),M.instance}getHandlers(e){const s=`${e.projectType}-${e.disableGapHandler?"nogap":"gap"}`;return this.handlerCache.has(s)||($(e)?this.handlerCache.set(s,{sizeHandler:new Z(e),gapHandler:new Q(e),parentSizeHandler:new Me(e)}):this.handlerCache.set(s,{sizeHandler:new K(e),gapHandler:new J(e),parentSizeHandler:new q(e)})),this.handlerCache.get(s)}}function T(t){return M.getInstance().getHandlers(t)}const oe=t=>{t.style.display="none"},re=t=>{t.style.display="block"},H=t=>+parseFloat(`${t}`).toFixed(2),$=t=>t.projectType===ge.email,$e=t=>t?["top","bottom"]:["left","right"],He=t=>{const e=t.parent();return e?e.components().models.indexOf(t)===0:!1},Ve=t=>{const e=t.parent();if(!e)return!1;const s=e.components().models;return s.indexOf(t)===s.length-1},De=t=>{const e=t.parent();if(!e)return!1;const s=e.components().models;return s.length>1&&t.index()===s.length-1},je=(t,e,s,n)=>{const i=t+(s?e==="top"?-1:e==="bottom"?1:0:e==="left"?-1:e==="right"?1:0);return i>=0&&i<n?i:-1},O=t=>t==="top"||t==="bottom",Ne=(t,e)=>!!(He(t)&&(e==="left"||e==="top")||Ve(t)&&(e==="right"||e==="bottom")),Be=t=>{const e=t.parent();return e?e.components().models.length>1:!1},le=(t,e)=>t==="right"||t==="bottom"?e>0:e<0,ne=(t,e,s=!1)=>{const n=!s,a=t.getEl();if(!a)return n?0:"";const o=window.getComputedStyle(a)[e]||"";if(n){let l;return typeof o=="string"?(l=parseFloat(o.replace(/[^-\d.]/g,"")),isNaN(l)&&(l=0)):l=Number(o)||0,l}return o},ce=(t,e,s)=>{const n=ee({componentRow:t,isVertical:e},s),a=t.components().models;return n*(a.length-1)},B=(t,e)=>T(e).parentSizeHandler.isLayoutVertical({componentRow:t}),F=(t,e)=>T(e).sizeHandler.getSize(t),ee=(t,e)=>{if(e!=null&&e.disableGapHandler)return 0;const{gapHandler:s,parentSizeHandler:n}=T(e);if(!s.isGapSupported())return 0;const a=s.getGap(t),i=n.getParentSize(t);return a/100*i},te=(t,e)=>T(e).parentSizeHandler.getParentSize(t),V=(t,e)=>{T(e).sizeHandler.setSize(t)},ye=(t,e)=>{const s=F(t,e);V({...t,sizeValue:`${s}%`,partial:!1},e)},be=(t,e)=>{if(e!=null&&e.disableGapHandler)return;const{gapHandler:s}=T(e);s.isGapSupported()&&s.setGap(t)},Fe=(t,e)=>{const s=t.getStyle().gap;if(!s)return;const n=t.components().models,a={componentRow:t,isVertical:B(t,e)};n.map(i=>ye({...a,componentColumn:i},e)),be({...a,gapValue:String(s),partial:!1},e)};function _e(t,e){const{Blocks:s}=t,{typeColumn:n,typeRow:a,blocks:i}=e;if(i===!1||$(e))return;const o=r=>({type:a,components:r.map(h=>({type:n,style:{"flex-basis":`${h}%`}}))}),l=r=>`<div class="gs-block-item__flex-row" style="display: flex; height: 1.75rem; width: 100%; flex-wrap: nowrap; gap: 0.5rem;">
+"use strict";const ue="app.grapesjs.com",de="app-stage.grapesjs.com",Pe="app2.grapesjs.com",me="app-stage2.grapesjs.com",ae=[ue,Pe,de,me,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io",".claudemcpcontent.com",".web-sandbox.oaiusercontent.com"],ze="license:check:end",Se=()=>typeof window<"u",xe=({isDev:t,isStage:e,isPlatform:s})=>`${t?"":`https://${e?de:ue}`}/${s?"platform-api":"api"}`,ve=()=>{if(!Se())return"";const{hostname:t}=window.location;if(t)return t;try{return window.parent.location.hostname||""}catch{return""}},we=()=>{const t=ve();return!!t&&(ae.includes(t)||ae.some(e=>t.endsWith(e)))};function Re(t){return typeof t=="function"}async function Ge({path:t,baseApiUrl:e,method:s="GET",headers:n={},params:a,body:i}){const l=`${e||xe({isDev:!1,isStage:!1})}${t}`,p={method:s,headers:{"Content-Type":"application/json",...n}};i&&(p.body=JSON.stringify(i));const g=a?new URLSearchParams(a).toString():"",f=g?`?${g}`:"",r=await fetch(`${l}${f}`,p);if(!r.ok)throw new Error(`HTTP error! status: ${r.status}`);return r.json()}var L=(t=>(t.free="free",t.startup="startup",t.business="business",t.enterprise="enterprise",t))(L||{}),W=(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))(W||{}),ge=(t=>(t.web="web",t.email="email",t.document="document",t.react="react",t))(ge||{});const ie={[L.free]:0,[L.startup]:10,[L.business]:20,[L.enterprise]:30};function Ce(t){const e=t;return e.init=s=>n=>t(n,s),e}const Ie=t=>Ce(t);async function Te({editor:t,plan:e,pluginName:s,licenseKey:n,onLicenseCheckResponse:a,cleanup:i}){let o="",l;const p=r=>{console.warn("Cleanup plugin:",s,"Reason:",r),i()},g=(r={})=>{var v;const{error:h,sdkLicense:I}=r,b=(v=r.plan)==null?void 0:v.category;if(!(I||r.license)||h)p(h||"Invalid license");else if(b){const G=ie[e],m=ie[b];G>m&&p({pluginRequiredPlan:e,licensePlan:b})}};t.Commands.has(W.settings)&&(l=t.runCommand(W.settings),o=(l==null?void 0:l.baseUrl)||"");const f=r=>{a==null||a(r),r&&g(r)};if(!l){t.onReady(async()=>{if(!we())if(n){const r=await Ae({licenseKey:n,pluginName:s,baseApiUrl:o});f(r)}else p("The `licenseKey` option not provided")});return}if(l.licensePlan||l.licenseError){const r=Ee(l);f(r);return}t.on(ze,r=>f(r))}const Ee=t=>({sdkLicense:t.license,license:t.license,error:t.licenseError,plan:t.licensePlan});async function Ae(t){const{licenseKey:e,pluginName:s,baseApiUrl:n}=t;try{return(await Ge({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 he=t=>e=>{var s;return((s=e.getAttribute)==null?void 0:s.call(e,se))===t},Le=(...t)=>e=>t.some(s=>e.is(s)),Me=(...t)=>(e,s)=>t.some(n=>s.is(n)),fe="gjs-plg-",se="data-type-role",D=class D{constructor(e){this.config=e}getSize(e){var s;return(s=this.config)!=null&&s.getSize?this.config.getSize(e):ne(e.componentColumn,D.CSS_FLEX_BASIS)}setSize(e){var s;if((s=this.config)!=null&&s.setSize)this.config.setSize(e);else{const{componentColumn:n,sizeValue:a,partial:i}=e;n.addStyle({[D.CSS_FLEX_BASIS]:a},{partial:i})}}};D.CSS_FLEX_BASIS="flex-basis";let K=D;const j=class j{constructor(e){this.config=e}isGapSupported(){return!0}getGap(e){var s;return(s=this.config)!=null&&s.getGap?this.config.getGap(e):ne(e.componentRow,j.CSS_GAP)}setGap(e){var s;if((s=this.config)!=null&&s.setGap)this.config.setGap(e);else{const{componentRow:n,gapValue:a,partial:i}=e;n.addStyle({[j.CSS_GAP]:a},{partial:i})}}};j.CSS_GAP="gap";let J=j;const U=class U{constructor(e){this.config=e}getParentSize(e){var i;if((i=this.config)!=null&&i.getParentSize)return this.config.getParentSize(e);const{componentRow:s,isVertical:n}=e,a=s.getEl();return a?n?a.clientHeight:a.clientWidth:0}isLayoutVertical(e){var n;if((n=this.config)!=null&&n.isParentVertical)return this.config.isParentVertical(e);const s=ne(e.componentRow,U.CSS_FLEX_DIRECTION,!0);return s==="column"||s==="column-reverse"}};U.CSS_FLEX_DIRECTION="flex-direction";let q=U;const N=class N{constructor(e){this.config=e}getSize(e){var n;if((n=this.config)!=null&&n.getSize)return this.config.getSize(e);const s=e.componentColumn;if(s.is(N.MJML_COLUMN_TYPE)){const i=s.getAttributes().width;if(i&&(i.includes("%")||!isNaN(parseFloat(i))))return parseFloat(i);const o=s.parent();return 100/(o?o.components().length:1)}return 0}setSize(e){var s;if((s=this.config)!=null&&s.setSize)this.config.setSize(e);else{const{componentColumn:n,sizeValue:a,partial:i}=e;n.is(N.MJML_COLUMN_TYPE)&&n.addAttributes({width:`${parseFloat(a)}%`},{partial:i})}}};N.MJML_COLUMN_TYPE="mj-column";let Z=N;const X=class X{constructor(e){this.config=e}isGapSupported(){return!1}getGap(e){var n;if((n=this.config)!=null&&n.getGap)return this.config.getGap(e);const{componentRow:s}=e;if(s.is(X.MJML_SECTION_TYPE)){const a=s.getAttributes();if(a&&a.padding)return parseInt(a.padding,10)||0}return 0}setGap(e){var s,n;(n=(s=this.config)==null?void 0:s.setGap)==null||n.call(s,e)}};X.MJML_SECTION_TYPE="mj-section";let Q=X;class $e{constructor(e){this.config=e}getParentSize(e){var o;if((o=this.config)!=null&&o.getParentSize)return this.config.getParentSize(e);const{componentRow:s,isVertical:n}=e,a=s.getEl();if(!a)return 0;let i=a;if(a.tagName!=="TABLE"){const l=a.querySelectorAll("table");l.length&&(i=l[0])}return n?i.clientHeight:i.clientWidth}isLayoutVertical(e){var s;return(s=this.config)!=null&&s.isParentVertical?this.config.isParentVertical(e):!1}}class M{constructor(){this.handlerCache=new Map}static getInstance(){return M.instance||(M.instance=new M),M.instance}getHandlers(e){const s=`${e.projectType}-${e.disableGapHandler?"nogap":"gap"}`;return this.handlerCache.has(s)||($(e)?this.handlerCache.set(s,{sizeHandler:new Z(e),gapHandler:new Q(e),parentSizeHandler:new $e(e)}):this.handlerCache.set(s,{sizeHandler:new K(e),gapHandler:new J(e),parentSizeHandler:new q(e)})),this.handlerCache.get(s)}}function T(t){return M.getInstance().getHandlers(t)}const oe=t=>{t.style.display="none"},re=t=>{t.style.display="block"},H=t=>+parseFloat(`${t}`).toFixed(2),$=t=>t.projectType===ge.email,He=t=>t?["top","bottom"]:["left","right"],Ve=t=>{const e=t.parent();return e?e.components().models.indexOf(t)===0:!1},De=t=>{const e=t.parent();if(!e)return!1;const s=e.components().models;return s.indexOf(t)===s.length-1},je=t=>{const e=t.parent();if(!e)return!1;const s=e.components().models;return s.length>1&&t.index()===s.length-1},Ne=(t,e,s,n)=>{const i=t+(s?e==="top"?-1:e==="bottom"?1:0:e==="left"?-1:e==="right"?1:0);return i>=0&&i<n?i:-1},O=t=>t==="top"||t==="bottom",Be=(t,e)=>!!(Ve(t)&&(e==="left"||e==="top")||De(t)&&(e==="right"||e==="bottom")),Fe=t=>{const e=t.parent();return e?e.components().models.length>1:!1},le=(t,e)=>t==="right"||t==="bottom"?e>0:e<0,ne=(t,e,s=!1)=>{const n=!s,a=t.getEl();if(!a)return n?0:"";const o=window.getComputedStyle(a)[e]||"";if(n){let l;return typeof o=="string"?(l=parseFloat(o.replace(/[^-\d.]/g,"")),isNaN(l)&&(l=0)):l=Number(o)||0,l}return o},ce=(t,e,s)=>{const n=ee({componentRow:t,isVertical:e},s),a=t.components().models;return n*(a.length-1)},B=(t,e)=>T(e).parentSizeHandler.isLayoutVertical({componentRow:t}),F=(t,e)=>T(e).sizeHandler.getSize(t),ee=(t,e)=>{if(e!=null&&e.disableGapHandler)return 0;const{gapHandler:s,parentSizeHandler:n}=T(e);if(!s.isGapSupported())return 0;const a=s.getGap(t),i=n.getParentSize(t);return a/100*i},te=(t,e)=>T(e).parentSizeHandler.getParentSize(t),V=(t,e)=>{T(e).sizeHandler.setSize(t)},ye=(t,e)=>{const s=F(t,e);V({...t,sizeValue:`${s}%`,partial:!1},e)},be=(t,e)=>{if(e!=null&&e.disableGapHandler)return;const{gapHandler:s}=T(e);s.isGapSupported()&&s.setGap(t)},_e=(t,e)=>{const s=t.getStyle().gap;if(!s)return;const n=t.components().models,a={componentRow:t,isVertical:B(t,e)};n.map(i=>ye({...a,componentColumn:i},e)),be({...a,gapValue:String(s),partial:!1},e)};function Oe(t,e){const{Blocks:s}=t,{typeColumn:n,typeRow:a,blocks:i}=e;if(i===!1||$(e))return;const o=r=>({type:a,components:r.map(h=>({type:n,style:{"flex-basis":`${h}%`}}))}),l=r=>`<div class="gs-block-item__flex-row" style="display: flex; height: 1.75rem; width: 100%; flex-wrap: nowrap; gap: 0.5rem;">
       ${r.map(h=>`<div style="flex-basis: ${h}%; border-color: currentColor; border-width: 2px; border-radius: 0.12rem;"></div>`).join("")}
-    </div>`,p=(r,h)=>({id:`flex-row-${h.join("-")}`,label:r,category:"Layout",select:!0,full:!0,attributes:{class:"gs-block-item__flex gs-utl-w-full"},media:l(h),content:o(h)}),g=[p("1 Column",[100]),p("2 Columns 50/50",[50,50]),p("2 Columns 25/75",[25,75]),p("2 Columns 75/25",[75,25]),p("3 Columns",[33.33,33.33,33.33]),p("3 Columns 50/25/25",[50,25,25]),p("3 Columns 25/50/25",[25,50,25]),p("3 Columns 25/25/50",[25,25,50]),p("4 Columns",[25,25,25,25]),p("5 Columns",[20,20,20,20,20])],f=Re(i)?i({blocks:g}):g;return f.forEach(r=>s.add(r.id,r)),()=>{f.forEach(r=>s.remove(r.id))}}const Oe=(t,e)=>{const{Components:s}=t,{typeRow:n,typeColumn:a,extendTypeColumn:i}=e,o=`${fe}${a}`,p=!!a&&!!s.getType(a)&&!i;if(!(!a||p||$(e)))return s.addType(a,{isComponent:he(a),model:{defaults:{name:"Column",resizable:!1,emptyState:!0,classes:o,icon:'<svg viewBox="0 0 24 24"><path d="M14.5 2.3A1.8 1.8 0 0 0 12.7 4v16c0 1 .8 1.8 1.8 1.8h3a1.8 1.8 0 0 0 1.8-1.8V4a1.8 1.8 0 0 0-1.8-1.8zm-8 0A1.8 1.8 0 0 0 4.7 4v16c0 1 .8 1.8 1.8 1.8h3a1.8 1.8 0 0 0 1.8-1.8V4a1.8 1.8 0 0 0-1.8-1.8z"/></svg>',draggable:Le(n),attributes:{[se]:a},styles:`
+    </div>`,p=(r,h)=>({id:`flex-row-${h.join("-")}`,label:r,category:"Layout",select:!0,full:!0,attributes:{class:"gs-block-item__flex gs-utl-w-full"},media:l(h),content:o(h)}),g=[p("1 Column",[100]),p("2 Columns 50/50",[50,50]),p("2 Columns 25/75",[25,75]),p("2 Columns 75/25",[75,25]),p("3 Columns",[33.33,33.33,33.33]),p("3 Columns 50/25/25",[50,25,25]),p("3 Columns 25/50/25",[25,50,25]),p("3 Columns 25/25/50",[25,25,50]),p("4 Columns",[25,25,25,25]),p("5 Columns",[20,20,20,20,20])],f=Re(i)?i({blocks:g}):g;return f.forEach(r=>s.add(r.id,r)),()=>{f.forEach(r=>s.remove(r.id))}}const ke=(t,e)=>{const{Components:s}=t,{typeRow:n,typeColumn:a,extendTypeColumn:i}=e,o=`${fe}${a}`,p=!!a&&!!s.getType(a)&&!i;if(!(!a||p||$(e)))return s.addType(a,{isComponent:he(a),model:{defaults:{name:"Column",resizable:!1,emptyState:!0,classes:o,icon:'<svg viewBox="0 0 24 24"><path d="M14.5 2.3A1.8 1.8 0 0 0 12.7 4v16c0 1 .8 1.8 1.8 1.8h3a1.8 1.8 0 0 0 1.8-1.8V4a1.8 1.8 0 0 0-1.8-1.8zm-8 0A1.8 1.8 0 0 0 4.7 4v16c0 1 .8 1.8 1.8 1.8h3a1.8 1.8 0 0 0 1.8-1.8V4a1.8 1.8 0 0 0-1.8-1.8z"/></svg>',draggable:Me(n),attributes:{[se]:a},styles:`
           .${o} {
             flex-grow: 1;
           }
-        `}}}),()=>{s.removeType(a)}},ke=(t,e)=>{const{Components:s}=t,{typeRow:n,typeColumn:a,extendTypeRow:i}=e,o=`${fe}${n}`,p=!!n&&!!s.getType(n)&&!i;if(!(!n||p||$(e)))return s.addType(n,{isComponent:he(n),model:{defaults:{name:"Row",classes:o,icon:'<svg viewBox="0 0 24 24"><path d="M4 4.8a1.8 1.8 0 0 0-1.8 1.7v3c0 1 .8 1.8 1.8 1.8h16a1.8 1.8 0 0 0 1.8-1.8v-3A1.8 1.8 0 0 0 20 4.7zm0 8a1.8 1.8 0 0 0-1.8 1.7v3c0 1 .8 1.8 1.8 1.8h16a1.8 1.8 0 0 0 1.8-1.8v-3a1.8 1.8 0 0 0-1.8-1.8z"/></svg>',emptyState:{styleIn:"width: 100%"},attributes:{[se]:n},droppable:Ae(a),traits:[{type:"checkbox",name:"snap",label:"Enable Snap",default:e.snapEnabled,changeProp:!0},{type:"number",name:"snap-divisions",label:"Snap Divisions",min:1,max:12,step:1,default:e.snapDivisions,changeProp:!0}],resizable:{tl:0,tc:0,tr:0,cl:0,bl:0,br:0},styles:`
+        `}}}),()=>{s.removeType(a)}},Ue=(t,e)=>{const{Components:s}=t,{typeRow:n,typeColumn:a,extendTypeRow:i}=e,o=`${fe}${n}`,p=!!n&&!!s.getType(n)&&!i;if(!(!n||p||$(e)))return s.addType(n,{isComponent:he(n),model:{defaults:{name:"Row",classes:o,icon:'<svg viewBox="0 0 24 24"><path d="M4 4.8a1.8 1.8 0 0 0-1.8 1.7v3c0 1 .8 1.8 1.8 1.8h16a1.8 1.8 0 0 0 1.8-1.8v-3A1.8 1.8 0 0 0 20 4.7zm0 8a1.8 1.8 0 0 0-1.8 1.7v3c0 1 .8 1.8 1.8 1.8h16a1.8 1.8 0 0 0 1.8-1.8v-3a1.8 1.8 0 0 0-1.8-1.8z"/></svg>',emptyState:{styleIn:"width: 100%"},attributes:{[se]:n},droppable:Le(a),traits:[{type:"checkbox",name:"snap",label:"Enable Snap",default:e.snapEnabled,changeProp:!0},{type:"number",name:"snap-divisions",label:"Snap Divisions",min:1,max:12,step:1,default:e.snapDivisions,changeProp:!0}],resizable:{tl:0,tc:0,tr:0,cl:0,bl:0,br:0},styles:`
           .${o} {
             display: flex;
             align-items: stretch;
             flex-wrap: nowrap;
           }
-        `}}}),()=>{s.removeType(n)}},Ue="flexComponent",Xe=L.startup;class Ye{constructor(){this.resizableChildTypes=new Set,this.gapAdjustableParentTypes=new Set,this.typeRelationships=new Map}registerResizableChild(e){this.resizableChildTypes.add(e)}registerGapAdjustableParent(e){this.gapAdjustableParentTypes.add(e)}registerTypeRelationship(e,s){this.typeRelationships.has(e)||this.typeRelationships.set(e,new Set),this.typeRelationships.get(e).add(s),this.registerResizableChild(s),this.registerGapAdjustableParent(e)}isResizableChild(e){return this.resizableChildTypes.has(e.get("type"))}isGapAdjustableParent(e){return this.gapAdjustableParentTypes.has(e.get("type"))}isValidRelationship(e,s){const n=e.get("type"),a=s.get("type");return this.typeRelationships.has(n)?this.typeRelationships.get(n).has(a):!1}}class We{constructor(e,s,n){this.editor=e,this.registry=s,this.opts=n,this.resizeState=new WeakMap}getState(e){return this.resizeState.has(e)||this.resizeState.set(e,{}),this.resizeState.get(e)}clearState(e){return this.resizeState.delete(e)}startResize(e,s,n){const{opts:a}=this,i=this.getState(e);i.direction=s,i.startX=n.clientX,i.startY=n.clientY,i.resizing=!0,i.lastSnappedPercent=void 0;const o=e.parent();if(!o||!this.registry.isValidRelationship(o,e))return;i.snapEnabled=o.get("snap")??a.snapEnabled,i.snapDivisions=o.get("snap-divisions")??a.snapDivisions??12;const l=o.components().models,p=l.findIndex(h=>h.cid===e.cid),g=B(o,a),f=je(p,s,g,l.length);f!==-1&&(i.adjacentIdx=f);const r={componentColumn:e,componentRow:o,isVertical:g};if(i.startPercent=F(r,a),typeof i.adjacentIdx<"u"){const h=l[i.adjacentIdx];i.neighborStartPercent=F({...r,componentColumn:h},a)}}updateResizeByDelta(e,s,n){const a=this.getState(e),i=e.parent();!a.resizing||!i||(a.snapEnabled?this.updateSnapResize(e,s,n):this.updateContinuesResize(e,s,n))}finishResize(e){const s=e.parent(),n=s==null?void 0:s.components().models,a={componentRow:s,isVertical:!!s&&B(s,this.opts)};n==null||n.forEach(i=>ye({...a,componentColumn:i},this.opts)),this.clearState(e)}updateContinuesResize(e,s,n){const a=this.getState(e),i=e.parent(),{opts:o}=this;if(!i)return;const l=o.minItemPercent??0,p=O(s),g=te({componentRow:i,isVertical:p},o),f=ce(i,p,this.opts),h=100-f/g*100,I=n/(g-f)*h,{startPercent:b=0,neighborStartPercent:x=0}=a,v={componentRow:i,isVertical:p,componentColumn:e,partial:!0},G=le(s,n)?b+Math.abs(I):b-Math.abs(I);if(typeof a.adjacentIdx<"u"){const m=i.components().models[a.adjacentIdx],R=b+x,z=R-l,c=Math.min(z,Math.max(l,G)),u=R-c;V({...v,sizeValue:`${H(c)}%`},o),V({...v,componentColumn:m,sizeValue:`${H(u)}%`},o)}else{const m=Math.max(l,Math.min(h,G));V({...v,sizeValue:`${H(m)}%`},o)}}updateSnapResize(e,s,n){const a=this.getState(e),i=e.parent(),o=O(s),l=te({componentRow:i,isVertical:o},this.opts),p=ce(i,o,this.opts),g=l-p,f=n/g*100,r=le(s,n),{startPercent:h=0,snapDivisions:I=12}=a,b=r?h+Math.abs(f):h-Math.abs(f),x=100/I,v=Math.floor(b/x)*x,G=Math.ceil(b/x)*x,m=Math.abs(G-b),R=Math.abs(b-v),z=x*.2,S=m<R?G:v;if(S>0&&S<100&&(m<z||R<z)&&a.lastSnappedPercent!==S){a.lastSnappedPercent=S;let y=Math.abs(S-h)/100*g;(r&&(s==="left"||s==="top")||!r&&(s==="right"||s==="bottom"))&&(y=-y),this.updateContinuesResize(e,s,y)}else m>=z&&R>=z&&(a.lastSnappedPercent=void 0)}}class Ke{constructor(e,s,n){this.editor=e,this.registry=s,this.opts=n}updateGapByDelta(e,s,n,a){if(!this.registry.isGapAdjustableParent(e))return;const{opts:i}=this,o=Math.max(0,n+s),l=te({componentRow:e,isVertical:a},i),p=o/l*100,g=e.components().models,f=g.length-1,r={componentRow:e,isVertical:a},h=g.reduce((z,S)=>z+F({...r,componentColumn:S},i),0),b=100-p*f,x=i.minItemPercent||5;if(b<x*g.length)return;const G=100-f*p,m=h-G,R={componentRow:e,isVertical:a,partial:!0};g.map(z=>{const S=F({...r,componentColumn:z},i),c=S-S/h*m;V({...R,componentColumn:z,sizeValue:`${H(c)}%`},i)}),be({...R,gapValue:`${H(p)}%`},i)}finishGapAdjust(e){Fe(e,this.opts)}}class Je{constructor(e,s,n){this.editor=e,this.registry=s,this.opts=n,this.resizeHandler=new We(e,s,n),this.gapHandler=new Ke(e,s,n)}startResize(e,s,n){this.resizeHandler.startResize(e,s,n)}updateResizeByDelta(e,s,n){this.resizeHandler.updateResizeByDelta(e,s,n)}finishResize(e){this.resizeHandler.finishResize(e)}updateGapByDelta(e,s,n,a){this.gapHandler.updateGapByDelta(e,s,n,a)}finishGapAdjust(e){this.gapHandler.finishGapAdjust(e)}canResize(e){const s=e.parent();return s?this.registry.isValidRelationship(s,e):!1}canAdjustGap(e){return this.registry.isGapAdjustableParent(e)}}const k="gs-flex-spots",pe=`${k}__handle-size`,qe=`${k}__handle-gap`;function Ze(t,e){const{Canvas:s}=t,n="flex-resize-spot";let a,i,o,l,p=null,g=null;const f=new Ye,r=new Je(t,f,e),h=()=>{var c;a=document.createElement("div"),a.className=k,a.style.display="none",i=document.createElement("div"),i.className=`${k}__handles`,i.style.position="absolute",i.style.pointerEvents="none",i.style.zIndex="21",o={left:document.createElement("div"),right:document.createElement("div"),top:document.createElement("div"),bottom:document.createElement("div")},Object.entries(o).forEach(([u,y])=>{const P=u,d=O(P);y.className=`${pe} ${pe}-${P} gjs-resizer-h gjs-cv-unscale`,y.style.cssText=`
+        `}}}),()=>{s.removeType(n)}},Xe="flexComponent",Ye=L.startup;class We{constructor(){this.resizableChildTypes=new Set,this.gapAdjustableParentTypes=new Set,this.typeRelationships=new Map}registerResizableChild(e){this.resizableChildTypes.add(e)}registerGapAdjustableParent(e){this.gapAdjustableParentTypes.add(e)}registerTypeRelationship(e,s){this.typeRelationships.has(e)||this.typeRelationships.set(e,new Set),this.typeRelationships.get(e).add(s),this.registerResizableChild(s),this.registerGapAdjustableParent(e)}isResizableChild(e){return this.resizableChildTypes.has(e.get("type"))}isGapAdjustableParent(e){return this.gapAdjustableParentTypes.has(e.get("type"))}isValidRelationship(e,s){const n=e.get("type"),a=s.get("type");return this.typeRelationships.has(n)?this.typeRelationships.get(n).has(a):!1}}class Ke{constructor(e,s,n){this.editor=e,this.registry=s,this.opts=n,this.resizeState=new WeakMap}getState(e){return this.resizeState.has(e)||this.resizeState.set(e,{}),this.resizeState.get(e)}clearState(e){return this.resizeState.delete(e)}startResize(e,s,n){const{opts:a}=this,i=this.getState(e);i.direction=s,i.startX=n.clientX,i.startY=n.clientY,i.resizing=!0,i.lastSnappedPercent=void 0;const o=e.parent();if(!o||!this.registry.isValidRelationship(o,e))return;i.snapEnabled=o.get("snap")??a.snapEnabled,i.snapDivisions=o.get("snap-divisions")??a.snapDivisions??12;const l=o.components().models,p=l.findIndex(h=>h.cid===e.cid),g=B(o,a),f=Ne(p,s,g,l.length);f!==-1&&(i.adjacentIdx=f);const r={componentColumn:e,componentRow:o,isVertical:g};if(i.startPercent=F(r,a),typeof i.adjacentIdx<"u"){const h=l[i.adjacentIdx];i.neighborStartPercent=F({...r,componentColumn:h},a)}}updateResizeByDelta(e,s,n){const a=this.getState(e),i=e.parent();!a.resizing||!i||(a.snapEnabled?this.updateSnapResize(e,s,n):this.updateContinuesResize(e,s,n))}finishResize(e){const s=e.parent(),n=s==null?void 0:s.components().models,a={componentRow:s,isVertical:!!s&&B(s,this.opts)};n==null||n.forEach(i=>ye({...a,componentColumn:i},this.opts)),this.clearState(e)}updateContinuesResize(e,s,n){const a=this.getState(e),i=e.parent(),{opts:o}=this;if(!i)return;const l=o.minItemPercent??0,p=O(s),g=te({componentRow:i,isVertical:p},o),f=ce(i,p,this.opts),h=100-f/g*100,I=n/(g-f)*h,{startPercent:b=0,neighborStartPercent:x=0}=a,v={componentRow:i,isVertical:p,componentColumn:e,partial:!0},G=le(s,n)?b+Math.abs(I):b-Math.abs(I);if(typeof a.adjacentIdx<"u"){const m=i.components().models[a.adjacentIdx],w=b+x,z=w-l,c=Math.min(z,Math.max(l,G)),u=w-c;V({...v,sizeValue:`${H(c)}%`},o),V({...v,componentColumn:m,sizeValue:`${H(u)}%`},o)}else{const m=Math.max(l,Math.min(h,G));V({...v,sizeValue:`${H(m)}%`},o)}}updateSnapResize(e,s,n){const a=this.getState(e),i=e.parent(),o=O(s),l=te({componentRow:i,isVertical:o},this.opts),p=ce(i,o,this.opts),g=l-p,f=n/g*100,r=le(s,n),{startPercent:h=0,snapDivisions:I=12}=a,b=r?h+Math.abs(f):h-Math.abs(f),x=100/I,v=Math.floor(b/x)*x,G=Math.ceil(b/x)*x,m=Math.abs(G-b),w=Math.abs(b-v),z=x*.2,S=m<w?G:v;if(S>0&&S<100&&(m<z||w<z)&&a.lastSnappedPercent!==S){a.lastSnappedPercent=S;let y=Math.abs(S-h)/100*g;(r&&(s==="left"||s==="top")||!r&&(s==="right"||s==="bottom"))&&(y=-y),this.updateContinuesResize(e,s,y)}else m>=z&&w>=z&&(a.lastSnappedPercent=void 0)}}class Je{constructor(e,s,n){this.editor=e,this.registry=s,this.opts=n}updateGapByDelta(e,s,n,a){if(!this.registry.isGapAdjustableParent(e))return;const{opts:i}=this,o=Math.max(0,n+s),l=te({componentRow:e,isVertical:a},i),p=o/l*100,g=e.components().models,f=g.length-1,r={componentRow:e,isVertical:a},h=g.reduce((z,S)=>z+F({...r,componentColumn:S},i),0),b=100-p*f,x=i.minItemPercent||5;if(b<x*g.length)return;const G=100-f*p,m=h-G,w={componentRow:e,isVertical:a,partial:!0};g.map(z=>{const S=F({...r,componentColumn:z},i),c=S-S/h*m;V({...w,componentColumn:z,sizeValue:`${H(c)}%`},i)}),be({...w,gapValue:`${H(p)}%`},i)}finishGapAdjust(e){_e(e,this.opts)}}class qe{constructor(e,s,n){this.editor=e,this.registry=s,this.opts=n,this.resizeHandler=new Ke(e,s,n),this.gapHandler=new Je(e,s,n)}startResize(e,s,n){this.resizeHandler.startResize(e,s,n)}updateResizeByDelta(e,s,n){this.resizeHandler.updateResizeByDelta(e,s,n)}finishResize(e){this.resizeHandler.finishResize(e)}updateGapByDelta(e,s,n,a){this.gapHandler.updateGapByDelta(e,s,n,a)}finishGapAdjust(e){this.gapHandler.finishGapAdjust(e)}canResize(e){const s=e.parent();return s?this.registry.isValidRelationship(s,e):!1}canAdjustGap(e){return this.registry.isGapAdjustableParent(e)}}const k="gs-flex-spots",pe=`${k}__handle-size`,Ze=`${k}__handle-gap`;function Qe(t,e){const{Canvas:s}=t,n="flex-resize-spot";let a,i,o,l,p=null,g=null;const f=new We,r=new qe(t,f,e),h=()=>{var c;a=document.createElement("div"),a.className=k,a.style.display="none",i=document.createElement("div"),i.className=`${k}__handles`,i.style.position="absolute",i.style.pointerEvents="none",i.style.zIndex="21",o={left:document.createElement("div"),right:document.createElement("div"),top:document.createElement("div"),bottom:document.createElement("div")},Object.entries(o).forEach(([u,y])=>{const P=u,d=O(P);y.className=`${pe} ${pe}-${P} gjs-resizer-h gjs-cv-unscale`,y.style.cssText=`
         pointer-events: all;
         position: absolute;
         z-index: 1;
@@ -20,7 +20,7 @@
         ${P==="right"?"right: 0px;":""}
         ${P==="top"?"top: 0px;":""}
         ${P==="bottom"?"bottom: 0px;":""}
-      `,y.addEventListener("pointerdown",I(P)),i.appendChild(y)}),!e.disableGapHandler&&!$(e)&&(l=document.createElement("div"),l.className=qe,l.style.cssText=`
+      `,y.addEventListener("pointerdown",I(P)),i.appendChild(y)}),!e.disableGapHandler&&!$(e)&&(l=document.createElement("div"),l.className=Ze,l.style.cssText=`
         position: absolute;
         background-color: var(--gs-theme-cl-cmp-bg1, #3b97e3);
         border-width: 2px;
@@ -30,4 +30,4 @@
         pointer-events: all;
         max-width: 3rem;
         max-height: 3rem;
-      `,l.addEventListener("pointerdown",b()),i.appendChild(l)),a.append(i),(c=s.getSpotsEl())==null||c.appendChild(a)},I=c=>u=>{if(!p)return;u.stopPropagation(),u.preventDefault(),r.startResize(p,c,u);const y=u.clientX,P=u.clientY;u.target.setPointerCapture(u.pointerId);const d=E=>{const C=t.Canvas.getZoomMultiplier(),A=(E.clientX-y)*C,_=(E.clientY-P)*C,Y=O(c)?_:A;r.updateResizeByDelta(p,c,Y)},w=()=>{r.finishResize(p),u.target.releasePointerCapture(u.pointerId),document.removeEventListener("pointermove",d),document.removeEventListener("pointerup",w)};document.addEventListener("pointermove",d),document.addEventListener("pointerup",w)},b=()=>c=>{if(!g)return;const u=g;c.stopPropagation(),c.preventDefault();const y=B(u,e),P=ee({componentRow:u,isVertical:y},e),d=c.clientX,w=c.clientY;c.target.setPointerCapture(c.pointerId);const E=A=>{const _=t.Canvas.getZoomMultiplier(),Y=y?(A.clientY-w)*_:(A.clientX-d)*_;r.updateGapByDelta(u,Y,P,y)},C=()=>{r.finishGapAdjust(u),c.target.releasePointerCapture(c.pointerId),document.removeEventListener("pointermove",E),document.removeEventListener("pointerup",C)};document.addEventListener("pointermove",E),document.addEventListener("pointerup",C)},x=c=>{const u=c.component;if(!u||!a||(p=u,g=u.parent(),!g))return;const y=g;re(a);const P=c.getStyle();i&&Object.assign(i.style,P);const d=B(y,e),w=$e(d);if(Object.values(o).forEach(oe),w.forEach(C=>{if(Ne(u,C))return;const A=o[C];re(A)}),T(e).gapHandler.isGapSupported()&&l&&Be(u)){const C=ee({componentRow:y,isVertical:d},e);v(C,d,De(u))}},v=(c,u,y=!1)=>{const P=e.gapHandleSize,d=l.style;if(u){d.height=`${P}px`;const w=l.offsetHeight;y?(d.top=`-${(c+w)/2}px`,d.bottom=""):(d.bottom=`-${(c+w)/2}px`,d.top=""),d.width="50%",d.left="50%",d.transform="translateX(-50%)",d.cursor="row-resize"}else{d.width=`${P}px`;const w=l.offsetWidth;y?(d.left=`-${(c+w)/2}px`,d.right=""):(d.right=`-${(c+w)/2}px`,d.left=""),d.height="50%",d.top="50%",d.transform="translateY(-50%)",d.cursor="col-resize"}},G=()=>{a&&(oe(a),p=null,g=null)},m=()=>{s.removeSpots({type:n});const c=t.getSelected(),u=c==null?void 0:c.parent();c&&u&&f.isValidRelationship(u,c)?s.addSpot({type:n,component:c}):G()},R=()=>{const c=s.getSpots().filter(u=>u.type===n)[0];c&&x(c)},z=(c,u)=>{f.registerTypeRelationship(c,u)};t.onReady(()=>{h(),$(e)?z("mj-section","mj-column"):z(e.typeRow,e.typeColumn)});const S="component:toggled";return t.on(s.events.spot,R),t.on(S,m),()=>{t.off(s.events.spot,R),t.off(S,m)}}const Qe=function(t,e={}){const s={typeRow:"flex-row",typeColumn:"flex-column",gapHandleSize:3,snapDivisions:12,minItemPercent:5,...e},n=[ke(t,s),Oe(t,s)],a=Ze(t,s),i=_e(t,s);Ie({editor:t,licenseKey:s.licenseKey,plan:Xe,pluginName:Ue,cleanup:()=>{n.forEach(o=>o==null?void 0:o()),a(),i==null||i()}})},et=Ce(Qe);module.exports=et;
+      `,l.addEventListener("pointerdown",b()),i.appendChild(l)),a.append(i),(c=s.getSpotsEl())==null||c.appendChild(a)},I=c=>u=>{if(!p)return;u.stopPropagation(),u.preventDefault(),r.startResize(p,c,u);const y=u.clientX,P=u.clientY;u.target.setPointerCapture(u.pointerId);const d=E=>{const C=t.Canvas.getZoomMultiplier(),A=(E.clientX-y)*C,_=(E.clientY-P)*C,Y=O(c)?_:A;r.updateResizeByDelta(p,c,Y)},R=()=>{r.finishResize(p),u.target.releasePointerCapture(u.pointerId),document.removeEventListener("pointermove",d),document.removeEventListener("pointerup",R)};document.addEventListener("pointermove",d),document.addEventListener("pointerup",R)},b=()=>c=>{if(!g)return;const u=g;c.stopPropagation(),c.preventDefault();const y=B(u,e),P=ee({componentRow:u,isVertical:y},e),d=c.clientX,R=c.clientY;c.target.setPointerCapture(c.pointerId);const E=A=>{const _=t.Canvas.getZoomMultiplier(),Y=y?(A.clientY-R)*_:(A.clientX-d)*_;r.updateGapByDelta(u,Y,P,y)},C=()=>{r.finishGapAdjust(u),c.target.releasePointerCapture(c.pointerId),document.removeEventListener("pointermove",E),document.removeEventListener("pointerup",C)};document.addEventListener("pointermove",E),document.addEventListener("pointerup",C)},x=c=>{const u=c.component;if(!u||!a||(p=u,g=u.parent(),!g))return;const y=g;re(a);const P=c.getStyle();i&&Object.assign(i.style,P);const d=B(y,e),R=He(d);if(Object.values(o).forEach(oe),R.forEach(C=>{if(Be(u,C))return;const A=o[C];re(A)}),T(e).gapHandler.isGapSupported()&&l&&Fe(u)){const C=ee({componentRow:y,isVertical:d},e);v(C,d,je(u))}},v=(c,u,y=!1)=>{const P=e.gapHandleSize,d=l.style;if(u){d.height=`${P}px`;const R=l.offsetHeight;y?(d.top=`-${(c+R)/2}px`,d.bottom=""):(d.bottom=`-${(c+R)/2}px`,d.top=""),d.width="50%",d.left="50%",d.transform="translateX(-50%)",d.cursor="row-resize"}else{d.width=`${P}px`;const R=l.offsetWidth;y?(d.left=`-${(c+R)/2}px`,d.right=""):(d.right=`-${(c+R)/2}px`,d.left=""),d.height="50%",d.top="50%",d.transform="translateY(-50%)",d.cursor="col-resize"}},G=()=>{a&&(oe(a),p=null,g=null)},m=()=>{s.removeSpots({type:n});const c=t.getSelected(),u=c==null?void 0:c.parent();c&&u&&f.isValidRelationship(u,c)?s.addSpot({type:n,component:c}):G()},w=()=>{const c=s.getSpots().filter(u=>u.type===n)[0];c&&x(c)},z=(c,u)=>{f.registerTypeRelationship(c,u)};t.onReady(()=>{h(),$(e)?z("mj-section","mj-column"):z(e.typeRow,e.typeColumn)});const S="component:toggled";return t.on(s.events.spot,w),t.on(S,m),()=>{t.off(s.events.spot,w),t.off(S,m)}}const et=function(t,e={}){const s={typeRow:"flex-row",typeColumn:"flex-column",gapHandleSize:3,snapDivisions:12,minItemPercent:5,...e},n=[Ue(t,s),ke(t,s)],a=Qe(t,s),i=Oe(t,s);Te({editor:t,licenseKey:s.licenseKey,plan:Ye,pluginName:Xe,cleanup:()=>{n.forEach(o=>o==null?void 0:o()),a(),i==null||i()}})},tt=Ie(et);module.exports=tt;

package/dist/flexComponent/index.es.js

@@ -9,20 +9,33 @@ const ue = "app.grapesjs.com", de = "app-stage.grapesjs.com", Pe = "app2.grapesj
   // 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
 ], ze = "license:check:end", Se = () => typeof window < "u", xe = ({
   isDev: t,
   isStage: e,
   isPlatform: s
 }) => `${t ? "" : `https://${e ? de : ue}`}/${s ? "platform-api" : "api"}`, ve = () => {
-  const t = Se() && window.location.hostname;
+  if (!Se()) return "";
+  const { hostname: t } = window.location;
+  if (t) return t;
+  try {
+    return window.parent.location.hostname || "";
+  } catch {
+    return "";
+  }
+}, we = () => {
+  const t = ve();
   return !!t && (ae.includes(t) || ae.some((e) => t.endsWith(e)));
 };
 function Re(t) {
   return typeof t == "function";
 }
-async function we({
+async function Ge({
   path: t,
   baseApiUrl: e,
   method: s = "GET",
@@ -43,19 +56,19 @@ async function we({
     throw new Error(`HTTP error! status: ${r.status}`);
   return r.json();
 }
-var L = /* @__PURE__ */ ((t) => (t.free = "free", t.startup = "startup", t.business = "business", t.enterprise = "enterprise", t))(L || {}), W = /* @__PURE__ */ ((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))(W || {}), ge = /* @__PURE__ */ ((t) => (t.web = "web", t.email = "email", t.document = "document", t.react = "react", t))(ge || {});
+var L = /* @__PURE__ */ ((t) => (t.free = "free", t.startup = "startup", t.business = "business", t.enterprise = "enterprise", t))(L || {}), W = /* @__PURE__ */ ((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))(W || {}), ge = /* @__PURE__ */ ((t) => (t.web = "web", t.email = "email", t.document = "document", t.react = "react", t))(ge || {});
 const ie = {
   [L.free]: 0,
   [L.startup]: 10,
   [L.business]: 20,
   [L.enterprise]: 30
 };
-function Ge(t) {
+function Ce(t) {
   const e = t;
   return e.init = (s) => (n) => t(n, s), e;
 }
-const Ce = (t) => /* @__PURE__ */ Ge(t);
-async function Ie({
+const Ie = (t) => /* @__PURE__ */ Ce(t);
+async function Te({
   editor: t,
   plan: e,
   pluginName: s,
@@ -82,9 +95,9 @@ async function Ie({
   };
   if (!l) {
     t.onReady(async () => {
-      if (!ve())
+      if (!we())
         if (n) {
-          const r = await Ee({ licenseKey: n, pluginName: s, baseApiUrl: o });
+          const r = await Ae({ licenseKey: n, pluginName: s, baseApiUrl: o });
           f(r);
         } else
           p("The `licenseKey` option not provided");
@@ -92,22 +105,22 @@ async function Ie({
     return;
   }
   if (l.licensePlan || l.licenseError) {
-    const r = Te(l);
+    const r = Ee(l);
     f(r);
     return;
   }
   t.on(ze, (r) => f(r));
 }
-const Te = (t) => ({
+const Ee = (t) => ({
   sdkLicense: t.license,
   license: t.license,
   error: t.licenseError,
   plan: t.licensePlan
 });
-async function Ee(t) {
+async function Ae(t) {
   const { licenseKey: e, pluginName: s, baseApiUrl: n } = t;
   try {
-    return (await we({
+    return (await Ge({
       baseApiUrl: n,
       path: `/sdk/${e || "na"}`,
       method: "POST",
@@ -123,7 +136,7 @@ async function Ee(t) {
 const he = (t) => (e) => {
   var s;
   return ((s = e.getAttribute) == null ? void 0 : s.call(e, se)) === t;
-}, Ae = (...t) => (e) => t.some((s) => e.is(s)), Le = (...t) => (e, s) => t.some((n) => s.is(n)), fe = "gjs-plg-", se = "data-type-role", D = class D {
+}, Le = (...t) => (e) => t.some((s) => e.is(s)), Me = (...t) => (e, s) => t.some((n) => s.is(n)), fe = "gjs-plg-", se = "data-type-role", D = class D {
   constructor(e) {
     this.config = e;
   }
@@ -239,7 +252,7 @@ const X = class X {
 };
 X.MJML_SECTION_TYPE = "mj-section";
 let Q = X;
-class Me {
+class $e {
   constructor(e) {
     this.config = e;
   }
@@ -272,7 +285,7 @@ class M {
     return this.handlerCache.has(s) || ($(e) ? this.handlerCache.set(s, {
       sizeHandler: new Z(e),
       gapHandler: new Q(e),
-      parentSizeHandler: new Me(e)
+      parentSizeHandler: new $e(e)
     }) : this.handlerCache.set(s, {
       sizeHandler: new K(e),
       gapHandler: new J(e),
@@ -287,23 +300,23 @@ const oe = (t) => {
   t.style.display = "none";
 }, re = (t) => {
   t.style.display = "block";
-}, H = (t) => +parseFloat(`${t}`).toFixed(2), $ = (t) => t.projectType === ge.email, $e = (t) => t ? ["top", "bottom"] : ["left", "right"], He = (t) => {
+}, H = (t) => +parseFloat(`${t}`).toFixed(2), $ = (t) => t.projectType === ge.email, He = (t) => t ? ["top", "bottom"] : ["left", "right"], Ve = (t) => {
   const e = t.parent();
   return e ? e.components().models.indexOf(t) === 0 : !1;
-}, Ve = (t) => {
+}, De = (t) => {
   const e = t.parent();
   if (!e) return !1;
   const s = e.components().models;
   return s.indexOf(t) === s.length - 1;
-}, De = (t) => {
+}, je = (t) => {
   const e = t.parent();
   if (!e) return !1;
   const s = e.components().models;
   return s.length > 1 && t.index() === s.length - 1;
-}, je = (t, e, s, n) => {
+}, Ne = (t, e, s, n) => {
   const i = t + (s ? e === "top" ? -1 : e === "bottom" ? 1 : 0 : e === "left" ? -1 : e === "right" ? 1 : 0);
   return i >= 0 && i < n ? i : -1;
-}, O = (t) => t === "top" || t === "bottom", Ne = (t, e) => !!(He(t) && (e === "left" || e === "top") || Ve(t) && (e === "right" || e === "bottom")), Be = (t) => {
+}, O = (t) => t === "top" || t === "bottom", Be = (t, e) => !!(Ve(t) && (e === "left" || e === "top") || De(t) && (e === "right" || e === "bottom")), Fe = (t) => {
   const e = t.parent();
   return e ? e.components().models.length > 1 : !1;
 }, le = (t, e) => t === "right" || t === "bottom" ? e > 0 : e < 0, ne = (t, e, s = !1) => {
@@ -334,13 +347,13 @@ const oe = (t) => {
   if (e != null && e.disableGapHandler) return;
   const { gapHandler: s } = T(e);
   s.isGapSupported() && s.setGap(t);
-}, Fe = (t, e) => {
+}, _e = (t, e) => {
   const s = t.getStyle().gap;
   if (!s) return;
   const n = t.components().models, a = { componentRow: t, isVertical: B(t, e) };
   n.map((i) => ye({ ...a, componentColumn: i }, e)), be({ ...a, gapValue: String(s), partial: !1 }, e);
 };
-function _e(t, e) {
+function Oe(t, e) {
   const { Blocks: s } = t, { typeColumn: n, typeRow: a, blocks: i } = e;
   if (i === !1 || $(e)) return;
   const o = (r) => ({
@@ -376,7 +389,7 @@ function _e(t, e) {
     f.forEach((r) => s.remove(r.id));
   };
 }
-const Oe = (t, e) => {
+const ke = (t, e) => {
   const { Components: s } = t, { typeRow: n, typeColumn: a, extendTypeColumn: i } = e, o = `${fe}${a}`, p = !!a && !!s.getType(a) && !i;
   if (!(!a || p || $(e)))
     return s.addType(a, {
@@ -388,7 +401,7 @@ const Oe = (t, e) => {
           emptyState: !0,
           classes: o,
           icon: '<svg viewBox="0 0 24 24"><path d="M14.5 2.3A1.8 1.8 0 0 0 12.7 4v16c0 1 .8 1.8 1.8 1.8h3a1.8 1.8 0 0 0 1.8-1.8V4a1.8 1.8 0 0 0-1.8-1.8zm-8 0A1.8 1.8 0 0 0 4.7 4v16c0 1 .8 1.8 1.8 1.8h3a1.8 1.8 0 0 0 1.8-1.8V4a1.8 1.8 0 0 0-1.8-1.8z"/></svg>',
-          draggable: Le(n),
+          draggable: Me(n),
           attributes: { [se]: a },
           styles: `
           .${o} {
@@ -400,7 +413,7 @@ const Oe = (t, e) => {
     }), () => {
       s.removeType(a);
     };
-}, ke = (t, e) => {
+}, Ue = (t, e) => {
   const { Components: s } = t, { typeRow: n, typeColumn: a, extendTypeRow: i } = e, o = `${fe}${n}`, p = !!n && !!s.getType(n) && !i;
   if (!(!n || p || $(e)))
     return s.addType(n, {
@@ -412,7 +425,7 @@ const Oe = (t, e) => {
           icon: '<svg viewBox="0 0 24 24"><path d="M4 4.8a1.8 1.8 0 0 0-1.8 1.7v3c0 1 .8 1.8 1.8 1.8h16a1.8 1.8 0 0 0 1.8-1.8v-3A1.8 1.8 0 0 0 20 4.7zm0 8a1.8 1.8 0 0 0-1.8 1.7v3c0 1 .8 1.8 1.8 1.8h16a1.8 1.8 0 0 0 1.8-1.8v-3a1.8 1.8 0 0 0-1.8-1.8z"/></svg>',
           emptyState: { styleIn: "width: 100%" },
           attributes: { [se]: n },
-          droppable: Ae(a),
+          droppable: Le(a),
           traits: [
             // {
             //   type: 'number',
@@ -470,8 +483,8 @@ const Oe = (t, e) => {
     }), () => {
       s.removeType(n);
     };
-}, Ue = "flexComponent", Xe = L.startup;
-class Ye {
+}, Xe = "flexComponent", Ye = L.startup;
+class We {
   constructor() {
     this.resizableChildTypes = /* @__PURE__ */ new Set(), this.gapAdjustableParentTypes = /* @__PURE__ */ new Set(), this.typeRelationships = /* @__PURE__ */ new Map();
   }
@@ -495,7 +508,7 @@ class Ye {
     return this.typeRelationships.has(n) ? this.typeRelationships.get(n).has(a) : !1;
   }
 }
-class We {
+class Ke {
   constructor(e, s, n) {
     this.editor = e, this.registry = s, this.opts = n, this.resizeState = /* @__PURE__ */ new WeakMap();
   }
@@ -511,7 +524,7 @@ class We {
     const o = e.parent();
     if (!o || !this.registry.isValidRelationship(o, e)) return;
     i.snapEnabled = o.get("snap") ?? a.snapEnabled, i.snapDivisions = o.get("snap-divisions") ?? a.snapDivisions ?? 12;
-    const l = o.components().models, p = l.findIndex((h) => h.cid === e.cid), g = B(o, a), f = je(p, s, g, l.length);
+    const l = o.components().models, p = l.findIndex((h) => h.cid === e.cid), g = B(o, a), f = Ne(p, s, g, l.length);
     f !== -1 && (i.adjacentIdx = f);
     const r = { componentColumn: e, componentRow: o, isVertical: g };
     if (i.startPercent = F(r, a), typeof i.adjacentIdx < "u") {
@@ -532,7 +545,7 @@ class We {
     if (!i) return;
     const l = o.minItemPercent ?? 0, p = O(s), g = te({ componentRow: i, isVertical: p }, o), f = ce(i, p, this.opts), h = 100 - f / g * 100, I = n / (g - f) * h, { startPercent: b = 0, neighborStartPercent: x = 0 } = a, v = { componentRow: i, isVertical: p, componentColumn: e, partial: !0 }, G = le(s, n) ? b + Math.abs(I) : b - Math.abs(I);
     if (typeof a.adjacentIdx < "u") {
-      const m = i.components().models[a.adjacentIdx], R = b + x, z = R - l, c = Math.min(z, Math.max(l, G)), u = R - c;
+      const m = i.components().models[a.adjacentIdx], w = b + x, z = w - l, c = Math.min(z, Math.max(l, G)), u = w - c;
       V({ ...v, sizeValue: `${H(c)}%` }, o), V(
         { ...v, componentColumn: m, sizeValue: `${H(u)}%` },
         o
@@ -543,15 +556,15 @@ class We {
     }
   }
   updateSnapResize(e, s, n) {
-    const a = this.getState(e), i = e.parent(), o = O(s), l = te({ componentRow: i, isVertical: o }, this.opts), p = ce(i, o, this.opts), g = l - p, f = n / g * 100, r = le(s, n), { startPercent: h = 0, snapDivisions: I = 12 } = a, b = r ? h + Math.abs(f) : h - Math.abs(f), x = 100 / I, v = Math.floor(b / x) * x, G = Math.ceil(b / x) * x, m = Math.abs(G - b), R = Math.abs(b - v), z = x * 0.2, S = m < R ? G : v;
-    if (S > 0 && S < 100 && (m < z || R < z) && a.lastSnappedPercent !== S) {
+    const a = this.getState(e), i = e.parent(), o = O(s), l = te({ componentRow: i, isVertical: o }, this.opts), p = ce(i, o, this.opts), g = l - p, f = n / g * 100, r = le(s, n), { startPercent: h = 0, snapDivisions: I = 12 } = a, b = r ? h + Math.abs(f) : h - Math.abs(f), x = 100 / I, v = Math.floor(b / x) * x, G = Math.ceil(b / x) * x, m = Math.abs(G - b), w = Math.abs(b - v), z = x * 0.2, S = m < w ? G : v;
+    if (S > 0 && S < 100 && (m < z || w < z) && a.lastSnappedPercent !== S) {
       a.lastSnappedPercent = S;
       let y = Math.abs(S - h) / 100 * g;
       (r && (s === "left" || s === "top") || !r && (s === "right" || s === "bottom")) && (y = -y), this.updateContinuesResize(e, s, y);
-    } else m >= z && R >= z && (a.lastSnappedPercent = void 0);
+    } else m >= z && w >= z && (a.lastSnappedPercent = void 0);
   }
 }
-class Ke {
+class Je {
   constructor(e, s, n) {
     this.editor = e, this.registry = s, this.opts = n;
   }
@@ -563,19 +576,19 @@ class Ke {
     ), b = 100 - p * f, x = i.minItemPercent || 5;
     if (b < x * g.length)
       return;
-    const G = 100 - f * p, m = h - G, R = { componentRow: e, isVertical: a, partial: !0 };
+    const G = 100 - f * p, m = h - G, w = { componentRow: e, isVertical: a, partial: !0 };
     g.map((z) => {
       const S = F({ ...r, componentColumn: z }, i), c = S - S / h * m;
-      V({ ...R, componentColumn: z, sizeValue: `${H(c)}%` }, i);
-    }), be({ ...R, gapValue: `${H(p)}%` }, i);
+      V({ ...w, componentColumn: z, sizeValue: `${H(c)}%` }, i);
+    }), be({ ...w, gapValue: `${H(p)}%` }, i);
   }
   finishGapAdjust(e) {
-    Fe(e, this.opts);
+    _e(e, this.opts);
   }
 }
-class Je {
+class qe {
   constructor(e, s, n) {
-    this.editor = e, this.registry = s, this.opts = n, this.resizeHandler = new We(e, s, n), this.gapHandler = new Ke(e, s, n);
+    this.editor = e, this.registry = s, this.opts = n, this.resizeHandler = new Ke(e, s, n), this.gapHandler = new Je(e, s, n);
   }
   startResize(e, s, n) {
     this.resizeHandler.startResize(e, s, n);
@@ -600,11 +613,11 @@ class Je {
     return this.registry.isGapAdjustableParent(e);
   }
 }
-const k = "gs-flex-spots", pe = `${k}__handle-size`, qe = `${k}__handle-gap`;
-function Ze(t, e) {
+const k = "gs-flex-spots", pe = `${k}__handle-size`, Ze = `${k}__handle-gap`;
+function Qe(t, e) {
   const { Canvas: s } = t, n = "flex-resize-spot";
   let a, i, o, l, p = null, g = null;
-  const f = new Ye(), r = new Je(t, f, e), h = () => {
+  const f = new We(), r = new qe(t, f, e), h = () => {
     var c;
     a = document.createElement("div"), a.className = k, a.style.display = "none", i = document.createElement("div"), i.className = `${k}__handles`, i.style.position = "absolute", i.style.pointerEvents = "none", i.style.zIndex = "21", o = {
       left: document.createElement("div"),
@@ -624,7 +637,7 @@ function Ze(t, e) {
         ${P === "top" ? "top: 0px;" : ""}
         ${P === "bottom" ? "bottom: 0px;" : ""}
       `, y.addEventListener("pointerdown", I(P)), i.appendChild(y);
-    }), !e.disableGapHandler && !$(e) && (l = document.createElement("div"), l.className = qe, l.style.cssText = `
+    }), !e.disableGapHandler && !$(e) && (l = document.createElement("div"), l.className = Ze, l.style.cssText = `
         position: absolute;
         background-color: var(--gs-theme-cl-cmp-bg1, #3b97e3);
         border-width: 2px;
@@ -643,18 +656,18 @@ function Ze(t, e) {
     const d = (E) => {
       const C = t.Canvas.getZoomMultiplier(), A = (E.clientX - y) * C, _ = (E.clientY - P) * C, Y = O(c) ? _ : A;
       r.updateResizeByDelta(p, c, Y);
-    }, w = () => {
-      r.finishResize(p), u.target.releasePointerCapture(u.pointerId), document.removeEventListener("pointermove", d), document.removeEventListener("pointerup", w);
+    }, R = () => {
+      r.finishResize(p), u.target.releasePointerCapture(u.pointerId), document.removeEventListener("pointermove", d), document.removeEventListener("pointerup", R);
     };
-    document.addEventListener("pointermove", d), document.addEventListener("pointerup", w);
+    document.addEventListener("pointermove", d), document.addEventListener("pointerup", R);
   }, b = () => (c) => {
     if (!g) return;
     const u = g;
     c.stopPropagation(), c.preventDefault();
-    const y = B(u, e), P = ee({ componentRow: u, isVertical: y }, e), d = c.clientX, w = c.clientY;
+    const y = B(u, e), P = ee({ componentRow: u, isVertical: y }, e), d = c.clientX, R = c.clientY;
     c.target.setPointerCapture(c.pointerId);
     const E = (A) => {
-      const _ = t.Canvas.getZoomMultiplier(), Y = y ? (A.clientY - w) * _ : (A.clientX - d) * _;
+      const _ = t.Canvas.getZoomMultiplier(), Y = y ? (A.clientY - R) * _ : (A.clientX - d) * _;
       r.updateGapByDelta(u, Y, P, y);
     }, C = () => {
       r.finishGapAdjust(u), c.target.releasePointerCapture(c.pointerId), document.removeEventListener("pointermove", E), document.removeEventListener("pointerup", C);
@@ -667,25 +680,25 @@ function Ze(t, e) {
     re(a);
     const P = c.getStyle();
     i && Object.assign(i.style, P);
-    const d = B(y, e), w = $e(d);
-    if (Object.values(o).forEach(oe), w.forEach((C) => {
-      if (Ne(u, C)) return;
+    const d = B(y, e), R = He(d);
+    if (Object.values(o).forEach(oe), R.forEach((C) => {
+      if (Be(u, C)) return;
       const A = o[C];
       re(A);
-    }), T(e).gapHandler.isGapSupported() && l && Be(u)) {
+    }), T(e).gapHandler.isGapSupported() && l && Fe(u)) {
       const C = ee({ componentRow: y, isVertical: d }, e);
-      v(C, d, De(u));
+      v(C, d, je(u));
     }
   }, v = (c, u, y = !1) => {
     const P = e.gapHandleSize, d = l.style;
     if (u) {
       d.height = `${P}px`;
-      const w = l.offsetHeight;
-      y ? (d.top = `-${(c + w) / 2}px`, d.bottom = "") : (d.bottom = `-${(c + w) / 2}px`, d.top = ""), d.width = "50%", d.left = "50%", d.transform = "translateX(-50%)", d.cursor = "row-resize";
+      const R = l.offsetHeight;
+      y ? (d.top = `-${(c + R) / 2}px`, d.bottom = "") : (d.bottom = `-${(c + R) / 2}px`, d.top = ""), d.width = "50%", d.left = "50%", d.transform = "translateX(-50%)", d.cursor = "row-resize";
     } else {
       d.width = `${P}px`;
-      const w = l.offsetWidth;
-      y ? (d.left = `-${(c + w) / 2}px`, d.right = "") : (d.right = `-${(c + w) / 2}px`, d.left = ""), d.height = "50%", d.top = "50%", d.transform = "translateY(-50%)", d.cursor = "col-resize";
+      const R = l.offsetWidth;
+      y ? (d.left = `-${(c + R) / 2}px`, d.right = "") : (d.right = `-${(c + R) / 2}px`, d.left = ""), d.height = "50%", d.top = "50%", d.transform = "translateY(-50%)", d.cursor = "col-resize";
     }
   }, G = () => {
     a && (oe(a), p = null, g = null);
@@ -693,7 +706,7 @@ function Ze(t, e) {
     s.removeSpots({ type: n });
     const c = t.getSelected(), u = c == null ? void 0 : c.parent();
     c && u && f.isValidRelationship(u, c) ? s.addSpot({ type: n, component: c }) : G();
-  }, R = () => {
+  }, w = () => {
     const c = s.getSpots().filter((u) => u.type === n)[0];
     c && x(c);
   }, z = (c, u) => {
@@ -703,11 +716,11 @@ function Ze(t, e) {
     h(), $(e) ? z("mj-section", "mj-column") : z(e.typeRow, e.typeColumn);
   });
   const S = "component:toggled";
-  return t.on(s.events.spot, R), t.on(S, m), () => {
-    t.off(s.events.spot, R), t.off(S, m);
+  return t.on(s.events.spot, w), t.on(S, m), () => {
+    t.off(s.events.spot, w), t.off(S, m);
   };
 }
-const Qe = function(t, e = {}) {
+const et = function(t, e = {}) {
   const s = {
     typeRow: "flex-row",
     typeColumn: "flex-column",
@@ -715,17 +728,17 @@ const Qe = function(t, e = {}) {
     snapDivisions: 12,
     minItemPercent: 5,
     ...e
-  }, n = [ke(t, s), Oe(t, s)], a = Ze(t, s), i = _e(t, s);
-  Ie({
+  }, n = [Ue(t, s), ke(t, s)], a = Qe(t, s), i = Oe(t, s);
+  Te({
     editor: t,
     licenseKey: s.licenseKey,
-    plan: Xe,
-    pluginName: Ue,
+    plan: Ye,
+    pluginName: Xe,
     cleanup: () => {
       n.forEach((o) => o == null ? void 0 : o()), a(), i == null || i();
     }
   });
-}, et = Ce(Qe);
+}, tt = Ie(et);
 export {
-  et as default
+  tt as default
 };