@grapesjs/studio-sdk-plugins 1.0.36 → 1.0.37

package/dist/presetPrintable/index.cjs.js

@@ -1,4 +1,4 @@
-"use strict";const C="app.grapesjs.com",z="app-stage.grapesjs.com",X="app2.grapesjs.com",Z="app-stage2.grapesjs.com",O=[C,X,z,Z,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],Q="license:check:end",ee=()=>typeof window<"u",I=(e,s={})=>{const t=se(e)?{id:e,src:e}:e;return new Promise((o,a)=>{var d,u;const{loadedScripts:r}=s,{id:c,src:i}=t,l=document.querySelector(`script[src="${i}"]`);if(l){if((d=s.onScript)==null||d.call(s,l),r&&!r.get(i)){l.addEventListener("load",()=>o(c)),l.addEventListener("error",()=>a(c));return}return o(c)}const g=window.define;window.define=void 0;const f=()=>{r==null||r.set(i,!0),window.define=g},n=document.createElement("script");n.src=i,n.onload=()=>{o(c),f()},n.onerror=()=>{a(c),f()},document.head.appendChild(n),(u=s.onScript)==null||u.call(s,n)})},te=({isDev:e,isStage:s,isPlatform:t})=>`${e?"":`https://${s?z:C}`}/${t?"platform-api":"api"}`,oe=()=>{const e=ee()&&window.location.hostname;return!!e&&(O.includes(e)||O.some(s=>e.endsWith(s)))},se=e=>typeof e=="string";async function ne({path:e,baseApiUrl:s,method:t="GET",headers:o={},params:a,body:r}){const i=`${s||te({isDev:!1,isStage:!1})}${e}`,l={method:t,headers:{"Content-Type":"application/json",...o}};r&&(l.body=JSON.stringify(r));const g=a?new URLSearchParams(a).toString():"",f=g?`?${g}`:"",n=await fetch(`${i}${f}`,l);if(!n.ok)throw new Error(`HTTP error! status: ${n.status}`);return n.json()}var k=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(k||{}),j=(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))(j||{});const F={[k.free]:0,[k.startup]:10,[k.business]:20,[k.enterprise]:30};function ae(e){const s=e;return s.init=t=>o=>e(o,t),s}const re=e=>ae(e);async function ie({editor:e,plan:s,pluginName:t,licenseKey:o,onLicenseCheckResponse:a,cleanup:r}){let c="",i;const l=n=>{console.warn("Cleanup plugin:",t,"Reason:",n),r()},g=(n={})=>{var p;const{error:d,sdkLicense:u}=n,m=(p=n.plan)==null?void 0:p.category;if(!(u||n.license)||d)l(d||"Invalid license");else if(m){const h=F[s],L=F[m];h>L&&l({pluginRequiredPlan:s,licensePlan:m})}};e.Commands.has(j.settings)&&(i=e.runCommand(j.settings),c=(i==null?void 0:i.baseUrl)||"");const f=n=>{a==null||a(n),n&&g(n)};if(!i){e.onReady(async()=>{if(!oe())if(o){const n=await le({licenseKey:o,pluginName:t,baseApiUrl:c});f(n)}else l("The `licenseKey` option not provided")});return}if(i.licensePlan||i.licenseError){const n=ce(i);f(n);return}e.on(Q,n=>f(n))}const ce=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function le(e){const{licenseKey:s,pluginName:t,baseApiUrl:o}=e;try{return(await ne({baseApiUrl:o,path:`/sdk/${s||"na"}`,method:"POST",params:{d:window.location.hostname,pn:t}})).result||{}}catch(a){return console.error("Error during SDK license check:",a),!1}}const pe=e=>s=>{var t;return((t=s.getAttribute)==null?void 0:t.call(s,V))===e},de=(...e)=>(s,t)=>e.some(o=>t.is(o)),K=(e,s,t)=>{const{doc:o=document}=t,a=t.target||o.head,r=a.querySelector(`style[${e}]`)||o.createElement("style");r.setAttribute(e,"true"),r.innerHTML=s,!a.contains(r)&&a.appendChild(r)},ge="gjs-plg-",q="data-gs-plg-",V="data-type-role";function N(e,s,t){let o,a,r,c,i;const l=s===void 0?100:s;function g(){const n=Date.now()-c;n<l&&n>=0?o=setTimeout(g,l-n):(o=null,i=e.apply(r,a),r=a=null)}const f=function(){return r=this,a=arguments,c=Date.now(),o||(o=setTimeout(g,l)),i};return f.clear=function(){o&&(clearTimeout(o),o=null)},f.flush=function(){o&&(i=e.apply(r,a),r=a=null,clearTimeout(o),o=null)},f}const A="page-break";var y=(e=>(e.A5="a5",e.A5Portrait="a5-portrait",e.A4="a4",e.A3="a3",e.B5="b5",e.B4="b4",e.letter="letter",e.legal="legal",e.ledger="ledger",e))(y||{});function _(e,s){const o={mm:3.7795275590551185,cm:37.79527559055118,in:96,pt:1.3333333333333333,pc:16};return o[s]?e*o[s]:null}const ue=(e,s)=>{const{name:t,id:o,width:a,height:r,unit:c}=e,{fixedHeight:i}=s,l=`${a}${c}`,g=`${r}${c}`;return{id:o||t.toLowerCase().replace(/\s/g,"-"),name:`${t} (${l} x ${g})`,sizeH:r,sizeW:a,sizeUnit:c,widthMedia:"",width:l,minHeight:i?"0":`${_(r,c)}px`,height:i?g:void 0}},H="page-breaks",D="gjs-page-breaks-spot",S=e=>e.type===H;function he(e){const{Devices:s}=e,{height:t,minHeight:o}=s.getSelected().attributes,r=parseFloat(`${t&&t!=="auto"?t:o}`),c=e.getWrapper(),i=c==null?void 0:c.getEl(),l=[];if(!c||!i)return l;const g=i.getBoundingClientRect().height,n=c.findType(A).map(u=>u.getEl()).filter(Boolean).map(u=>({top:u.offsetTop,height:u.offsetHeight}));let d=0;for(;d<g;){const u=n.find(m=>m.top>d&&m.top<d+r);u?(d=u.top+u.height,l.push(u.top)):(d+=r,d<g&&l.push(d))}return l}function fe(e,s){const{Canvas:t}=e,o=t.events,a=e.events;let r;const c=()=>{K(`${q}preset-printable-spots`,`.${D} {
+"use strict";const C="app.grapesjs.com",z="app-stage.grapesjs.com",X="app2.grapesjs.com",Z="app-stage2.grapesjs.com",O=[C,X,z,Z,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io",".claudemcpcontent.com",".web-sandbox.oaiusercontent.com"],Q="license:check:end",ee=()=>typeof window<"u",I=(e,n={})=>{const t=se(e)?{id:e,src:e}:e;return new Promise((o,a)=>{var d,u;const{loadedScripts:r}=n,{id:c,src:i}=t,l=document.querySelector(`script[src="${i}"]`);if(l){if((d=n.onScript)==null||d.call(n,l),r&&!r.get(i)){l.addEventListener("load",()=>o(c)),l.addEventListener("error",()=>a(c));return}return o(c)}const g=window.define;window.define=void 0;const f=()=>{r==null||r.set(i,!0),window.define=g},s=document.createElement("script");s.src=i,s.onload=()=>{o(c),f()},s.onerror=()=>{a(c),f()},document.head.appendChild(s),(u=n.onScript)==null||u.call(n,s)})},te=({isDev:e,isStage:n,isPlatform:t})=>`${e?"":`https://${n?z:C}`}/${t?"platform-api":"api"}`,oe=()=>{if(!ee())return"";const{hostname:e}=window.location;if(e)return e;try{return window.parent.location.hostname||""}catch{return""}},ne=()=>{const e=oe();return!!e&&(O.includes(e)||O.some(n=>e.endsWith(n)))},se=e=>typeof e=="string";async function ae({path:e,baseApiUrl:n,method:t="GET",headers:o={},params:a,body:r}){const i=`${n||te({isDev:!1,isStage:!1})}${e}`,l={method:t,headers:{"Content-Type":"application/json",...o}};r&&(l.body=JSON.stringify(r));const g=a?new URLSearchParams(a).toString():"",f=g?`?${g}`:"",s=await fetch(`${i}${f}`,l);if(!s.ok)throw new Error(`HTTP error! status: ${s.status}`);return s.json()}var k=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(k||{}),j=(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))(j||{});const F={[k.free]:0,[k.startup]:10,[k.business]:20,[k.enterprise]:30};function re(e){const n=e;return n.init=t=>o=>e(o,t),n}const ie=e=>re(e);async function ce({editor:e,plan:n,pluginName:t,licenseKey:o,onLicenseCheckResponse:a,cleanup:r}){let c="",i;const l=s=>{console.warn("Cleanup plugin:",t,"Reason:",s),r()},g=(s={})=>{var p;const{error:d,sdkLicense:u}=s,b=(p=s.plan)==null?void 0:p.category;if(!(u||s.license)||d)l(d||"Invalid license");else if(b){const h=F[n],L=F[b];h>L&&l({pluginRequiredPlan:n,licensePlan:b})}};e.Commands.has(j.settings)&&(i=e.runCommand(j.settings),c=(i==null?void 0:i.baseUrl)||"");const f=s=>{a==null||a(s),s&&g(s)};if(!i){e.onReady(async()=>{if(!ne())if(o){const s=await pe({licenseKey:o,pluginName:t,baseApiUrl:c});f(s)}else l("The `licenseKey` option not provided")});return}if(i.licensePlan||i.licenseError){const s=le(i);f(s);return}e.on(Q,s=>f(s))}const le=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function pe(e){const{licenseKey:n,pluginName:t,baseApiUrl:o}=e;try{return(await ae({baseApiUrl:o,path:`/sdk/${n||"na"}`,method:"POST",params:{d:window.location.hostname,pn:t}})).result||{}}catch(a){return console.error("Error during SDK license check:",a),!1}}const de=e=>n=>{var t;return((t=n.getAttribute)==null?void 0:t.call(n,V))===e},ge=(...e)=>(n,t)=>e.some(o=>t.is(o)),K=(e,n,t)=>{const{doc:o=document}=t,a=t.target||o.head,r=a.querySelector(`style[${e}]`)||o.createElement("style");r.setAttribute(e,"true"),r.innerHTML=n,!a.contains(r)&&a.appendChild(r)},ue="gjs-plg-",q="data-gs-plg-",V="data-type-role";function N(e,n,t){let o,a,r,c,i;const l=n===void 0?100:n;function g(){const s=Date.now()-c;s<l&&s>=0?o=setTimeout(g,l-s):(o=null,i=e.apply(r,a),r=a=null)}const f=function(){return r=this,a=arguments,c=Date.now(),o||(o=setTimeout(g,l)),i};return f.clear=function(){o&&(clearTimeout(o),o=null)},f.flush=function(){o&&(i=e.apply(r,a),r=a=null,clearTimeout(o),o=null)},f}const A="page-break";var y=(e=>(e.A5="a5",e.A5Portrait="a5-portrait",e.A4="a4",e.A3="a3",e.B5="b5",e.B4="b4",e.letter="letter",e.legal="legal",e.ledger="ledger",e))(y||{});function S(e,n){const o={mm:3.7795275590551185,cm:37.79527559055118,in:96,pt:1.3333333333333333,pc:16};return o[n]?e*o[n]:null}const he=(e,n)=>{const{name:t,id:o,width:a,height:r,unit:c}=e,{fixedHeight:i}=n,l=`${a}${c}`,g=`${r}${c}`;return{id:o||t.toLowerCase().replace(/\s/g,"-"),name:`${t} (${l} x ${g})`,sizeH:r,sizeW:a,sizeUnit:c,widthMedia:"",width:l,minHeight:i?"0":`${S(r,c)}px`,height:i?g:void 0}},_="page-breaks",D="gjs-page-breaks-spot",H=e=>e.type===_;function fe(e){const{Devices:n}=e,{height:t,minHeight:o}=n.getSelected().attributes,r=parseFloat(`${t&&t!=="auto"?t:o}`),c=e.getWrapper(),i=c==null?void 0:c.getEl(),l=[];if(!c||!i)return l;const g=i.getBoundingClientRect().height,s=c.findType(A).map(u=>u.getEl()).filter(Boolean).map(u=>({top:u.offsetTop,height:u.offsetHeight}));let d=0;for(;d<g;){const u=s.find(b=>b.top>d&&b.top<d+r);u?(d=u.top+u.height,l.push(u.top)):(d+=r,d<g&&l.push(d))}return l}function ve(e,n){const{Canvas:t}=e,o=t.events,a=e.events;let r;const c=()=>{K(`${q}preset-printable-spots`,`.${D} {
         position: absolute;
         left: 0;
         width: 100%;
@@ -16,7 +16,7 @@
         right: 0;
         transform: translate(100%, -50%);
       }
-      `,{target:window.document.head})},i=()=>{if(s.enablePageBreaksSpot===!1)return;const p={id:H,type:H,component:e.getWrapper()};return t.getSpots(p).pop()||t.addSpot(p)},l=({spot:p})=>{const{spotEl:h}=p.attributes;!S(p)||!h||!r||r.removeChild(h)},g=({spot:p})=>{if(!S(p)||!r)return;let{spotEl:h}=p.attributes;h||(h=document.createElement("div"),h.className=`${D}__items`,p.set({spotEl:h})),r.appendChild(h)},f=({spot:p})=>{const{spotEl:h,pageBreaks:L=[]}=p.attributes;!S(p)||!h||!r||(Object.entries(p.getStyle()).forEach(([$,x])=>h.style.setProperty($,x)),h.innerHTML="",L.forEach(($,x)=>{const E=document.createElement("div");E.setAttribute("data-page-number",`${x+2}`),E.className=D,E.style.top=`${$}px`,h.appendChild(E)}))},n=N(()=>{if(e.em.destroyed)return;const p=i();p&&p.set({pageBreaks:he(e),up:(p.attributes.up||0)+1})},150),d=N(n,200),u=()=>{r=t.getSpotsEl(),i()},m=()=>{const p=i();p&&p.set({up:(p.attributes.up||0)+1})},w=[["component:input",n],["frame:scroll",m],[a.update,n],[o.spotAdd,g],[o.spotUpdate,f],[o.spotRemove,l],[o.frameLoadBody,u]];return w.forEach(([p,h])=>e.on(p,h)),e.onReady(()=>{c(),new ResizeObserver(m).observe(t.getElement().parentElement)}),()=>{w.forEach(([p,h])=>e.off(p,h)),n.clear(),d.clear()}}var M=(e=>(e.print="presetPrintable:print",e))(M||{});const W=e=>new Promise(s=>{const t=document.createElement("iframe");t.style.cssText="position: absolute; width: 0; height: 0; border: 0; opacity: 0; pointer-events: none;",t.srcdoc=e.content,t.onload=()=>s(t),document.body.appendChild(t)});function ve(e,s){const{Commands:t,Pages:o}=e;return t.add(M.print,async(a,r,c={})=>{const i={page:c.allPages?void 0:o.getSelected(),styles:"inline",optionsHtml:{exporter:null}},g=(await t.run(j.projectFiles,i)).filter(d=>d.filename.endsWith(".html")),f=g.map(d=>d.content).join('<div style="break-before: page;"></div>'),n=[];if(c.separatePrints)for(const d of g)n.push(await W(d));else n.push(await W({content:f,filename:"",mimeType:""}));for(const d of n){const u=d.contentWindow;u.focus(),u.print()}setTimeout(()=>n.forEach(d=>d.remove()),1e3)}),t.add("presetPrintable:exp",async a=>{await I("https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"),await I("https://cdn.jsdelivr.net/npm/jspdf@3.0.0/dist/jspdf.umd.min.js");const{Devices:r,Canvas:c}=a,{sizeW:i,sizeH:l,sizeUnit:g}=r.getSelected().attributes,f=c.getFrameEl().contentDocument,n="px",d=[_(i,g),_(l,g)],u=new window.jspdf.jsPDF({unit:n,format:d}),m=f.body;u.html(m,{callback:w=>w.save()})}),()=>{delete e.Commands.commands[M.print]}}function be(e,s){const{blockPageBreak:t={}}=s,{Components:o,Blocks:a}=e,r="Page Break",c=`${ge}${A}`;return o.addType(A,{block:t&&{label:r,media:'<svg viewBox="0 0 24 24"><path d="M18 20H6v-2H4v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2h-2v2M14 2H6a2 2 0 0 0-2 2v8h2V4h8v4h4v4h2V8l-6-6m-3 14H8v-2h3v2m5 0h-3v-2h3v2M3 14h3v2H3v-2m18 2h-3v-2h3v2Z"/></svg>',category:"Extra",select:!0,...t},isComponent:pe(A),model:{defaults:{name:r,classes:c,attributes:{[V]:A},emptyState:!0,stylable:!1,droppable:!1,draggable:de("wrapper"),styles:`.${c} { break-before: page; }`,traits:[]}}}),()=>{o.removeType(A),a.remove(A)}}const me="presetPrintable",ye=k.free,we=function(e,s={}){var U;const t={selectedDevice:y.A4,...s},{Canvas:o,Devices:a,Blocks:r}=e,c=o.events,i=e.events,l=t.selectedDevice||a.getConfig().default,g=[{id:y.A5,name:"A5",width:148,height:210,unit:"mm"},{id:y.A5Portrait,name:"A5 Portrait",width:210,height:148,unit:"mm"},{id:y.A4,name:"A4",width:210,height:297,unit:"mm"},{id:y.A3,name:"A3",width:297,height:420,unit:"mm"},{id:y.B5,name:"B5",width:176,height:250,unit:"mm"},{id:y.B4,name:"B4",width:250,height:353,unit:"mm"},{id:y.letter,name:"Letter",width:8.5,height:11,unit:"in"},{id:y.legal,name:"Legal",width:8.5,height:14,unit:"in"},{id:y.ledger,name:"Ledger",width:11,height:17,unit:"in"}],n=(((U=t.devices)==null?void 0:U.call(t,{items:g}))||g).map(v=>ue(v,t));a.devices.reset(n);const d=l&&a.get(l)||a.getAll().at(0);a.select(d),["map","video"].forEach(v=>r.remove(v));const m=(v={})=>{const b="page-rule",{rules:P}=e.Css,{width:T,height:B,minHeight:R}=a.getSelected().attributes,Y=B&&B!=="auto"?B:R,G=P.where({id:b}).pop(),J=G||P.add({id:b,selectors:[],selectorsAdd:"@page"},{at:0});(v.fromDeviceChange||!G)&&J.addStyle({size:`${T} ${Y}`,...!G&&{margin:"0"}})},w=(v,b={})=>{const P=v.document,{minHeight:T}=a.getSelected().attributes,R=`
+      `,{target:window.document.head})},i=()=>{if(n.enablePageBreaksSpot===!1)return;const p={id:_,type:_,component:e.getWrapper()};return t.getSpots(p).pop()||t.addSpot(p)},l=({spot:p})=>{const{spotEl:h}=p.attributes;!H(p)||!h||!r||r.removeChild(h)},g=({spot:p})=>{if(!H(p)||!r)return;let{spotEl:h}=p.attributes;h||(h=document.createElement("div"),h.className=`${D}__items`,p.set({spotEl:h})),r.appendChild(h)},f=({spot:p})=>{const{spotEl:h,pageBreaks:L=[]}=p.attributes;!H(p)||!h||!r||(Object.entries(p.getStyle()).forEach(([$,x])=>h.style.setProperty($,x)),h.innerHTML="",L.forEach(($,x)=>{const E=document.createElement("div");E.setAttribute("data-page-number",`${x+2}`),E.className=D,E.style.top=`${$}px`,h.appendChild(E)}))},s=N(()=>{if(e.em.destroyed)return;const p=i();p&&p.set({pageBreaks:fe(e),up:(p.attributes.up||0)+1})},150),d=N(s,200),u=()=>{r=t.getSpotsEl(),i()},b=()=>{const p=i();p&&p.set({up:(p.attributes.up||0)+1})},w=[["component:input",s],["frame:scroll",b],[a.update,s],[o.spotAdd,g],[o.spotUpdate,f],[o.spotRemove,l],[o.frameLoadBody,u]];return w.forEach(([p,h])=>e.on(p,h)),e.onReady(()=>{c(),new ResizeObserver(b).observe(t.getElement().parentElement)}),()=>{w.forEach(([p,h])=>e.off(p,h)),s.clear(),d.clear()}}var M=(e=>(e.print="presetPrintable:print",e))(M||{});const W=e=>new Promise(n=>{const t=document.createElement("iframe");t.style.cssText="position: absolute; width: 0; height: 0; border: 0; opacity: 0; pointer-events: none;",t.srcdoc=e.content,t.onload=()=>n(t),document.body.appendChild(t)});function me(e,n){const{Commands:t,Pages:o}=e;return t.add(M.print,async(a,r,c={})=>{const i={page:c.allPages?void 0:o.getSelected(),styles:"inline",optionsHtml:{exporter:null}},g=(await t.run(j.projectFiles,i)).filter(d=>d.filename.endsWith(".html")),f=g.map(d=>d.content).join('<div style="break-before: page;"></div>'),s=[];if(c.separatePrints)for(const d of g)s.push(await W(d));else s.push(await W({content:f,filename:"",mimeType:""}));for(const d of s){const u=d.contentWindow;u.focus(),u.print()}setTimeout(()=>s.forEach(d=>d.remove()),1e3)}),t.add("presetPrintable:exp",async a=>{await I("https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"),await I("https://cdn.jsdelivr.net/npm/jspdf@3.0.0/dist/jspdf.umd.min.js");const{Devices:r,Canvas:c}=a,{sizeW:i,sizeH:l,sizeUnit:g}=r.getSelected().attributes,f=c.getFrameEl().contentDocument,s="px",d=[S(i,g),S(l,g)],u=new window.jspdf.jsPDF({unit:s,format:d}),b=f.body;u.html(b,{callback:w=>w.save()})}),()=>{delete e.Commands.commands[M.print]}}function be(e,n){const{blockPageBreak:t={}}=n,{Components:o,Blocks:a}=e,r="Page Break",c=`${ue}${A}`;return o.addType(A,{block:t&&{label:r,media:'<svg viewBox="0 0 24 24"><path d="M18 20H6v-2H4v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2h-2v2M14 2H6a2 2 0 0 0-2 2v8h2V4h8v4h4v4h2V8l-6-6m-3 14H8v-2h3v2m5 0h-3v-2h3v2M3 14h3v2H3v-2m18 2h-3v-2h3v2Z"/></svg>',category:"Extra",select:!0,...t},isComponent:de(A),model:{defaults:{name:r,classes:c,attributes:{[V]:A},emptyState:!0,stylable:!1,droppable:!1,draggable:ge("wrapper"),styles:`.${c} { break-before: page; }`,traits:[]}}}),()=>{o.removeType(A),a.remove(A)}}const ye="presetPrintable",we=k.free,Pe=function(e,n={}){var U;const t={selectedDevice:y.A4,...n},{Canvas:o,Devices:a,Blocks:r}=e,c=o.events,i=e.events,l=t.selectedDevice||a.getConfig().default,g=[{id:y.A5,name:"A5",width:148,height:210,unit:"mm"},{id:y.A5Portrait,name:"A5 Portrait",width:210,height:148,unit:"mm"},{id:y.A4,name:"A4",width:210,height:297,unit:"mm"},{id:y.A3,name:"A3",width:297,height:420,unit:"mm"},{id:y.B5,name:"B5",width:176,height:250,unit:"mm"},{id:y.B4,name:"B4",width:250,height:353,unit:"mm"},{id:y.letter,name:"Letter",width:8.5,height:11,unit:"in"},{id:y.legal,name:"Legal",width:8.5,height:14,unit:"in"},{id:y.ledger,name:"Ledger",width:11,height:17,unit:"in"}],s=(((U=t.devices)==null?void 0:U.call(t,{items:g}))||g).map(v=>he(v,t));a.devices.reset(s);const d=l&&a.get(l)||a.getAll().at(0);a.select(d),["map","video"].forEach(v=>r.remove(v));const b=(v={})=>{const m="page-rule",{rules:P}=e.Css,{width:T,height:B,minHeight:R}=a.getSelected().attributes,Y=B&&B!=="auto"?B:R,G=P.where({id:m}).pop(),J=G||P.add({id:m,selectors:[],selectorsAdd:"@page"},{at:0});(v.fromDeviceChange||!G)&&J.addStyle({size:`${T} ${Y}`,...!G&&{margin:"0"}})},w=(v,m={})=>{const P=v.document,{minHeight:T}=a.getSelected().attributes,R=`
       ${!!parseFloat(`${T}`)?`
         [data-gjs-type="wrapper"] { min-height: ${T}; }
       `:`
@@ -29,4 +29,4 @@
             height: 100dvh;
         }
       `}
-    `;K(`${q}preset-printable`,R,{doc:P,target:P.head}),m(b)};e.on(c.frameLoadBody,v=>{const b=v.window;if(w(b),t.fixedHeight){const T=v.model.getComponent().getEl();T==null||T.addEventListener("scroll",B=>{const R=B.target;R.scrollTop>0&&R.scrollTo(0,0)})}}),e.on(a.events.select,()=>{var b;const v=(b=o.getFrameEl().contentDocument)==null?void 0:b.defaultView;v&&w(v,{fromDeviceChange:!0})});const p=()=>{const b=e.Css.getRules().filter(P=>P.selectorsToString()==="body").pop();b==null||b.addStyle({"margin-top":"","margin-right":"","margin-bottom":"","margin-left":"",margin:"0"})},h=[[i.projectLoad,p]];h.forEach(([v,b])=>e.on(v,b));const L=fe(e,t),$=ve(e),x=be(e,t);e.onReady(()=>{e.UndoManager.clear()});const E=()=>{h.forEach(([v,b])=>e.off(v,b)),L(),$(),x()};e.on(i.destroy,E),ie({editor:e,licenseKey:t.licenseKey,plan:ye,pluginName:me,cleanup:E})},Pe=re(we);module.exports=Pe;
+    `;K(`${q}preset-printable`,R,{doc:P,target:P.head}),b(m)};e.on(c.frameLoadBody,v=>{const m=v.window;if(w(m),t.fixedHeight){const T=v.model.getComponent().getEl();T==null||T.addEventListener("scroll",B=>{const R=B.target;R.scrollTop>0&&R.scrollTo(0,0)})}}),e.on(a.events.select,()=>{var m;const v=(m=o.getFrameEl().contentDocument)==null?void 0:m.defaultView;v&&w(v,{fromDeviceChange:!0})});const p=()=>{const m=e.Css.getRules().filter(P=>P.selectorsToString()==="body").pop();m==null||m.addStyle({"margin-top":"","margin-right":"","margin-bottom":"","margin-left":"",margin:"0"})},h=[[i.projectLoad,p]];h.forEach(([v,m])=>e.on(v,m));const L=ve(e,t),$=me(e),x=be(e,t);e.onReady(()=>{e.UndoManager.clear()});const E=()=>{h.forEach(([v,m])=>e.off(v,m)),L(),$(),x()};e.on(i.destroy,E),ce({editor:e,licenseKey:t.licenseKey,plan:we,pluginName:ye,cleanup:E})},Te=ie(Pe);module.exports=Te;

package/dist/presetPrintable/index.es.js

@@ -9,15 +9,19 @@ const C = "app.grapesjs.com", z = "app-stage.grapesjs.com", X = "app2.grapesjs.c
   // For stackblitz.com demos
   ".local.webcontainer.io",
   // For stackblitz.com demos
-  "-sandpack.codesandbox.io"
+  "-sandpack.codesandbox.io",
   // For Sandpack demos
-], Q = "license:check:end", ee = () => typeof window < "u", I = (e, s = {}) => {
+  ".claudemcpcontent.com",
+  // For Claude mcp app
+  ".web-sandbox.oaiusercontent.com"
+  // For OpenAI mcp app
+], Q = "license:check:end", ee = () => typeof window < "u", I = (e, n = {}) => {
   const t = se(e) ? { id: e, src: e } : e;
   return new Promise((o, a) => {
     var d, u;
-    const { loadedScripts: r } = s, { id: c, src: i } = t, l = document.querySelector(`script[src="${i}"]`);
+    const { loadedScripts: r } = n, { id: c, src: i } = t, l = document.querySelector(`script[src="${i}"]`);
     if (l) {
-      if ((d = s.onScript) == null || d.call(s, l), r && !r.get(i)) {
+      if ((d = n.onScript) == null || d.call(n, l), r && !r.get(i)) {
         l.addEventListener("load", () => o(c)), l.addEventListener("error", () => a(c));
         return;
       }
@@ -27,30 +31,39 @@ const C = "app.grapesjs.com", z = "app-stage.grapesjs.com", X = "app2.grapesjs.c
     window.define = void 0;
     const f = () => {
       r == null || r.set(i, !0), window.define = g;
-    }, n = document.createElement("script");
-    n.src = i, n.onload = () => {
+    }, s = document.createElement("script");
+    s.src = i, s.onload = () => {
       o(c), f();
-    }, n.onerror = () => {
+    }, s.onerror = () => {
       a(c), f();
-    }, document.head.appendChild(n), (u = s.onScript) == null || u.call(s, n);
+    }, document.head.appendChild(s), (u = n.onScript) == null || u.call(n, s);
   });
 }, te = ({
   isDev: e,
-  isStage: s,
+  isStage: n,
   isPlatform: t
-}) => `${e ? "" : `https://${s ? z : C}`}/${t ? "platform-api" : "api"}`, oe = () => {
-  const e = ee() && window.location.hostname;
-  return !!e && (O.includes(e) || O.some((s) => e.endsWith(s)));
+}) => `${e ? "" : `https://${n ? z : C}`}/${t ? "platform-api" : "api"}`, oe = () => {
+  if (!ee()) return "";
+  const { hostname: e } = window.location;
+  if (e) return e;
+  try {
+    return window.parent.location.hostname || "";
+  } catch {
+    return "";
+  }
+}, ne = () => {
+  const e = oe();
+  return !!e && (O.includes(e) || O.some((n) => e.endsWith(n)));
 }, se = (e) => typeof e == "string";
-async function ne({
+async function ae({
   path: e,
-  baseApiUrl: s,
+  baseApiUrl: n,
   method: t = "GET",
   headers: o = {},
   params: a,
   body: r
 }) {
-  const i = `${s || te({ isDev: !1, isStage: !1 })}${e}`, l = {
+  const i = `${n || te({ isDev: !1, isStage: !1 })}${e}`, l = {
     method: t,
     headers: {
       "Content-Type": "application/json",
@@ -58,10 +71,10 @@ async function ne({
     }
   };
   r && (l.body = JSON.stringify(r));
-  const g = a ? new URLSearchParams(a).toString() : "", f = g ? `?${g}` : "", n = await fetch(`${i}${f}`, l);
-  if (!n.ok)
-    throw new Error(`HTTP error! status: ${n.status}`);
-  return n.json();
+  const g = a ? new URLSearchParams(a).toString() : "", f = g ? `?${g}` : "", s = await fetch(`${i}${f}`, l);
+  if (!s.ok)
+    throw new Error(`HTTP error! status: ${s.status}`);
+  return s.json();
 }
 var k = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(k || {}), j = /* @__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))(j || {});
 const F = {
@@ -70,66 +83,66 @@ const F = {
   [k.business]: 20,
   [k.enterprise]: 30
 };
-function ae(e) {
-  const s = e;
-  return s.init = (t) => (o) => e(o, t), s;
+function re(e) {
+  const n = e;
+  return n.init = (t) => (o) => e(o, t), n;
 }
-const re = (e) => /* @__PURE__ */ ae(e);
-async function ie({
+const ie = (e) => /* @__PURE__ */ re(e);
+async function ce({
   editor: e,
-  plan: s,
+  plan: n,
   pluginName: t,
   licenseKey: o,
   onLicenseCheckResponse: a,
   cleanup: r
 }) {
   let c = "", i;
-  const l = (n) => {
-    console.warn("Cleanup plugin:", t, "Reason:", n), r();
-  }, g = (n = {}) => {
+  const l = (s) => {
+    console.warn("Cleanup plugin:", t, "Reason:", s), r();
+  }, g = (s = {}) => {
     var p;
-    const { error: d, sdkLicense: u } = n, m = (p = n.plan) == null ? void 0 : p.category;
-    if (!(u || n.license) || d)
+    const { error: d, sdkLicense: u } = s, b = (p = s.plan) == null ? void 0 : p.category;
+    if (!(u || s.license) || d)
       l(d || "Invalid license");
-    else if (m) {
-      const h = F[s], L = F[m];
-      h > L && l({ pluginRequiredPlan: s, licensePlan: m });
+    else if (b) {
+      const h = F[n], L = F[b];
+      h > L && l({ pluginRequiredPlan: n, licensePlan: b });
     }
   };
   e.Commands.has(j.settings) && (i = e.runCommand(j.settings), c = (i == null ? void 0 : i.baseUrl) || "");
-  const f = (n) => {
-    a == null || a(n), n && g(n);
+  const f = (s) => {
+    a == null || a(s), s && g(s);
   };
   if (!i) {
     e.onReady(async () => {
-      if (!oe())
+      if (!ne())
         if (o) {
-          const n = await le({ licenseKey: o, pluginName: t, baseApiUrl: c });
-          f(n);
+          const s = await pe({ licenseKey: o, pluginName: t, baseApiUrl: c });
+          f(s);
         } else
           l("The `licenseKey` option not provided");
     });
     return;
   }
   if (i.licensePlan || i.licenseError) {
-    const n = ce(i);
-    f(n);
+    const s = le(i);
+    f(s);
     return;
   }
-  e.on(Q, (n) => f(n));
+  e.on(Q, (s) => f(s));
 }
-const ce = (e) => ({
+const le = (e) => ({
   sdkLicense: e.license,
   license: e.license,
   error: e.licenseError,
   plan: e.licensePlan
 });
-async function le(e) {
-  const { licenseKey: s, pluginName: t, baseApiUrl: o } = e;
+async function pe(e) {
+  const { licenseKey: n, pluginName: t, baseApiUrl: o } = e;
   try {
-    return (await ne({
+    return (await ae({
       baseApiUrl: o,
-      path: `/sdk/${s || "na"}`,
+      path: `/sdk/${n || "na"}`,
       method: "POST",
       params: {
         d: window.location.hostname,
@@ -140,19 +153,19 @@ async function le(e) {
     return console.error("Error during SDK license check:", a), !1;
   }
 }
-const pe = (e) => (s) => {
+const de = (e) => (n) => {
   var t;
-  return ((t = s.getAttribute) == null ? void 0 : t.call(s, V)) === e;
-}, de = (...e) => (s, t) => e.some((o) => t.is(o)), K = (e, s, t) => {
+  return ((t = n.getAttribute) == null ? void 0 : t.call(n, V)) === e;
+}, ge = (...e) => (n, t) => e.some((o) => t.is(o)), K = (e, n, t) => {
   const { doc: o = document } = t, a = t.target || o.head, r = a.querySelector(`style[${e}]`) || o.createElement("style");
-  r.setAttribute(e, "true"), r.innerHTML = s, !a.contains(r) && a.appendChild(r);
-}, ge = "gjs-plg-", q = "data-gs-plg-", V = "data-type-role";
-function N(e, s, t) {
+  r.setAttribute(e, "true"), r.innerHTML = n, !a.contains(r) && a.appendChild(r);
+}, ue = "gjs-plg-", q = "data-gs-plg-", V = "data-type-role";
+function N(e, n, t) {
   let o, a, r, c, i;
-  const l = s === void 0 ? 100 : s;
+  const l = n === void 0 ? 100 : n;
   function g() {
-    const n = Date.now() - c;
-    n < l && n >= 0 ? o = setTimeout(g, l - n) : (o = null, i = e.apply(r, a), r = a = null);
+    const s = Date.now() - c;
+    s < l && s >= 0 ? o = setTimeout(g, l - s) : (o = null, i = e.apply(r, a), r = a = null);
   }
   const f = function() {
     return r = this, a = arguments, c = Date.now(), o || (o = setTimeout(g, l)), i;
@@ -165,7 +178,7 @@ function N(e, s, t) {
 }
 const A = "page-break";
 var y = /* @__PURE__ */ ((e) => (e.A5 = "a5", e.A5Portrait = "a5-portrait", e.A4 = "a4", e.A3 = "a3", e.B5 = "b5", e.B4 = "b4", e.letter = "letter", e.legal = "legal", e.ledger = "ledger", e))(y || {});
-function _(e, s) {
+function S(e, n) {
   const o = {
     mm: 3.7795275590551185,
     // 1mm ≈ 3.78px
@@ -178,10 +191,10 @@ function _(e, s) {
     pc: 16
     // 1pc ≈ 16px
   };
-  return o[s] ? e * o[s] : null;
+  return o[n] ? e * o[n] : null;
 }
-const ue = (e, s) => {
-  const { name: t, id: o, width: a, height: r, unit: c } = e, { fixedHeight: i } = s, l = `${a}${c}`, g = `${r}${c}`;
+const he = (e, n) => {
+  const { name: t, id: o, width: a, height: r, unit: c } = e, { fixedHeight: i } = n, l = `${a}${c}`, g = `${r}${c}`;
   return {
     id: o || t.toLowerCase().replace(/\s/g, "-"),
     name: `${t} (${l} x ${g})`,
@@ -190,23 +203,23 @@ const ue = (e, s) => {
     sizeUnit: c,
     widthMedia: "",
     width: l,
-    minHeight: i ? "0" : `${_(r, c)}px`,
+    minHeight: i ? "0" : `${S(r, c)}px`,
     height: i ? g : void 0
   };
-}, H = "page-breaks", D = "gjs-page-breaks-spot", S = (e) => e.type === H;
-function he(e) {
-  const { Devices: s } = e, { height: t, minHeight: o } = s.getSelected().attributes, r = parseFloat(`${t && t !== "auto" ? t : o}`), c = e.getWrapper(), i = c == null ? void 0 : c.getEl(), l = [];
+}, _ = "page-breaks", D = "gjs-page-breaks-spot", H = (e) => e.type === _;
+function fe(e) {
+  const { Devices: n } = e, { height: t, minHeight: o } = n.getSelected().attributes, r = parseFloat(`${t && t !== "auto" ? t : o}`), c = e.getWrapper(), i = c == null ? void 0 : c.getEl(), l = [];
   if (!c || !i)
     return l;
-  const g = i.getBoundingClientRect().height, n = c.findType(A).map((u) => u.getEl()).filter(Boolean).map((u) => ({ top: u.offsetTop, height: u.offsetHeight }));
+  const g = i.getBoundingClientRect().height, s = c.findType(A).map((u) => u.getEl()).filter(Boolean).map((u) => ({ top: u.offsetTop, height: u.offsetHeight }));
   let d = 0;
   for (; d < g; ) {
-    const u = n.find((m) => m.top > d && m.top < d + r);
+    const u = s.find((b) => b.top > d && b.top < d + r);
     u ? (d = u.top + u.height, l.push(u.top)) : (d += r, d < g && l.push(d));
   }
   return l;
 }
-function fe(e, s) {
+function ve(e, n) {
   const { Canvas: t } = e, o = t.events, a = e.events;
   let r;
   const c = () => {
@@ -234,52 +247,52 @@ function fe(e, s) {
       { target: window.document.head }
     );
   }, i = () => {
-    if (s.enablePageBreaksSpot === !1) return;
-    const p = { id: H, type: H, component: e.getWrapper() };
+    if (n.enablePageBreaksSpot === !1) return;
+    const p = { id: _, type: _, component: e.getWrapper() };
     return t.getSpots(p).pop() || t.addSpot(p);
   }, l = ({ spot: p }) => {
     const { spotEl: h } = p.attributes;
-    !S(p) || !h || !r || r.removeChild(h);
+    !H(p) || !h || !r || r.removeChild(h);
   }, g = ({ spot: p }) => {
-    if (!S(p) || !r) return;
+    if (!H(p) || !r) return;
     let { spotEl: h } = p.attributes;
     h || (h = document.createElement("div"), h.className = `${D}__items`, p.set({ spotEl: h })), r.appendChild(h);
   }, f = ({ spot: p }) => {
     const { spotEl: h, pageBreaks: L = [] } = p.attributes;
-    !S(p) || !h || !r || (Object.entries(p.getStyle()).forEach(([$, x]) => h.style.setProperty($, x)), h.innerHTML = "", L.forEach(($, x) => {
+    !H(p) || !h || !r || (Object.entries(p.getStyle()).forEach(([$, x]) => h.style.setProperty($, x)), h.innerHTML = "", L.forEach(($, x) => {
       const E = document.createElement("div");
       E.setAttribute("data-page-number", `${x + 2}`), E.className = D, E.style.top = `${$}px`, h.appendChild(E);
     }));
-  }, n = N(() => {
+  }, s = N(() => {
     if (e.em.destroyed) return;
     const p = i();
-    p && p.set({ pageBreaks: he(e), up: (p.attributes.up || 0) + 1 });
-  }, 150), d = N(n, 200), u = () => {
+    p && p.set({ pageBreaks: fe(e), up: (p.attributes.up || 0) + 1 });
+  }, 150), d = N(s, 200), u = () => {
     r = t.getSpotsEl(), i();
-  }, m = () => {
+  }, b = () => {
     const p = i();
     p && p.set({ up: (p.attributes.up || 0) + 1 });
   }, w = [
-    ["component:input", n],
-    ["frame:scroll", m],
-    [a.update, n],
+    ["component:input", s],
+    ["frame:scroll", b],
+    [a.update, s],
     [o.spotAdd, g],
     [o.spotUpdate, f],
     [o.spotRemove, l],
     [o.frameLoadBody, u]
   ];
   return w.forEach(([p, h]) => e.on(p, h)), e.onReady(() => {
-    c(), new ResizeObserver(m).observe(t.getElement().parentElement);
+    c(), new ResizeObserver(b).observe(t.getElement().parentElement);
   }), () => {
-    w.forEach(([p, h]) => e.off(p, h)), n.clear(), d.clear();
+    w.forEach(([p, h]) => e.off(p, h)), s.clear(), d.clear();
   };
 }
 var M = /* @__PURE__ */ ((e) => (e.print = "presetPrintable:print", e))(M || {});
-const W = (e) => new Promise((s) => {
+const W = (e) => new Promise((n) => {
   const t = document.createElement("iframe");
-  t.style.cssText = "position: absolute; width: 0; height: 0; border: 0; opacity: 0; pointer-events: none;", t.srcdoc = e.content, t.onload = () => s(t), document.body.appendChild(t);
+  t.style.cssText = "position: absolute; width: 0; height: 0; border: 0; opacity: 0; pointer-events: none;", t.srcdoc = e.content, t.onload = () => n(t), document.body.appendChild(t);
 });
-function ve(e, s) {
+function me(e, n) {
   const { Commands: t, Pages: o } = e;
   return t.add(
     M.print,
@@ -291,28 +304,28 @@ function ve(e, s) {
           // Avoid DataSource exporter
           exporter: null
         }
-      }, g = (await t.run(j.projectFiles, i)).filter((d) => d.filename.endsWith(".html")), f = g.map((d) => d.content).join('<div style="break-before: page;"></div>'), n = [];
+      }, g = (await t.run(j.projectFiles, i)).filter((d) => d.filename.endsWith(".html")), f = g.map((d) => d.content).join('<div style="break-before: page;"></div>'), s = [];
       if (c.separatePrints)
         for (const d of g)
-          n.push(await W(d));
+          s.push(await W(d));
       else
-        n.push(await W({ content: f, filename: "", mimeType: "" }));
-      for (const d of n) {
+        s.push(await W({ content: f, filename: "", mimeType: "" }));
+      for (const d of s) {
         const u = d.contentWindow;
         u.focus(), u.print();
       }
-      setTimeout(() => n.forEach((d) => d.remove()), 1e3);
+      setTimeout(() => s.forEach((d) => d.remove()), 1e3);
     }
   ), t.add("presetPrintable:exp", async (a) => {
     await I("https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"), await I("https://cdn.jsdelivr.net/npm/jspdf@3.0.0/dist/jspdf.umd.min.js");
-    const { Devices: r, Canvas: c } = a, { sizeW: i, sizeH: l, sizeUnit: g } = r.getSelected().attributes, f = c.getFrameEl().contentDocument, n = "px", d = [_(i, g), _(l, g)], u = new window.jspdf.jsPDF({ unit: n, format: d }), m = f.body;
-    u.html(m, { callback: (w) => w.save() });
+    const { Devices: r, Canvas: c } = a, { sizeW: i, sizeH: l, sizeUnit: g } = r.getSelected().attributes, f = c.getFrameEl().contentDocument, s = "px", d = [S(i, g), S(l, g)], u = new window.jspdf.jsPDF({ unit: s, format: d }), b = f.body;
+    u.html(b, { callback: (w) => w.save() });
   }), () => {
     delete e.Commands.commands[M.print];
   };
 }
-function be(e, s) {
-  const { blockPageBreak: t = {} } = s, { Components: o, Blocks: a } = e, r = "Page Break", c = `${ge}${A}`;
+function be(e, n) {
+  const { blockPageBreak: t = {} } = n, { Components: o, Blocks: a } = e, r = "Page Break", c = `${ue}${A}`;
   return o.addType(A, {
     block: t && {
       label: r,
@@ -321,7 +334,7 @@ function be(e, s) {
       select: !0,
       ...t
     },
-    isComponent: pe(A),
+    isComponent: de(A),
     model: {
       defaults: {
         name: r,
@@ -330,7 +343,7 @@ function be(e, s) {
         emptyState: !0,
         stylable: !1,
         droppable: !1,
-        draggable: de("wrapper"),
+        draggable: ge("wrapper"),
         styles: `.${c} { break-before: page; }`,
         traits: []
       }
@@ -339,11 +352,11 @@ function be(e, s) {
     o.removeType(A), a.remove(A);
   };
 }
-const me = "presetPrintable", ye = k.free, we = function(e, s = {}) {
+const ye = "presetPrintable", we = k.free, Pe = function(e, n = {}) {
   var U;
   const t = {
     selectedDevice: y.A4,
-    ...s
+    ...n
   }, { Canvas: o, Devices: a, Blocks: r } = e, c = o.events, i = e.events, l = t.selectedDevice || a.getConfig().default, g = [
     { id: y.A5, name: "A5", width: 148, height: 210, unit: "mm" },
     { id: y.A5Portrait, name: "A5 Portrait", width: 210, height: 148, unit: "mm" },
@@ -354,14 +367,14 @@ const me = "presetPrintable", ye = k.free, we = function(e, s = {}) {
     { id: y.letter, name: "Letter", width: 8.5, height: 11, unit: "in" },
     { id: y.legal, name: "Legal", width: 8.5, height: 14, unit: "in" },
     { id: y.ledger, name: "Ledger", width: 11, height: 17, unit: "in" }
-  ], n = (((U = t.devices) == null ? void 0 : U.call(t, { items: g })) || g).map((v) => ue(v, t));
-  a.devices.reset(n);
+  ], s = (((U = t.devices) == null ? void 0 : U.call(t, { items: g })) || g).map((v) => he(v, t));
+  a.devices.reset(s);
   const d = l && a.get(l) || a.getAll().at(0);
   a.select(d), ["map", "video"].forEach((v) => r.remove(v));
-  const m = (v = {}) => {
-    const b = "page-rule", { rules: P } = e.Css, { width: T, height: B, minHeight: R } = a.getSelected().attributes, Y = B && B !== "auto" ? B : R, G = P.where({ id: b }).pop(), J = G || P.add(
+  const b = (v = {}) => {
+    const m = "page-rule", { rules: P } = e.Css, { width: T, height: B, minHeight: R } = a.getSelected().attributes, Y = B && B !== "auto" ? B : R, G = P.where({ id: m }).pop(), J = G || P.add(
       {
-        id: b,
+        id: m,
         selectors: [],
         selectorsAdd: "@page"
       },
@@ -371,7 +384,7 @@ const me = "presetPrintable", ye = k.free, we = function(e, s = {}) {
       size: `${T} ${Y}`,
       ...!G && { margin: "0" }
     });
-  }, w = (v, b = {}) => {
+  }, w = (v, m = {}) => {
     const P = v.document, { minHeight: T } = a.getSelected().attributes, R = `
       ${!!parseFloat(`${T}`) ? `
         [data-gjs-type="wrapper"] { min-height: ${T}; }
@@ -386,11 +399,11 @@ const me = "presetPrintable", ye = k.free, we = function(e, s = {}) {
         }
       `}
     `;
-    K(`${q}preset-printable`, R, { doc: P, target: P.head }), m(b);
+    K(`${q}preset-printable`, R, { doc: P, target: P.head }), b(m);
   };
   e.on(c.frameLoadBody, (v) => {
-    const b = v.window;
-    if (w(b), t.fixedHeight) {
+    const m = v.window;
+    if (w(m), t.fixedHeight) {
       const T = v.model.getComponent().getEl();
       T == null || T.addEventListener("scroll", (B) => {
         const R = B.target;
@@ -398,13 +411,13 @@ const me = "presetPrintable", ye = k.free, we = function(e, s = {}) {
       });
     }
   }), e.on(a.events.select, () => {
-    var b;
-    const v = (b = o.getFrameEl().contentDocument) == null ? void 0 : b.defaultView;
+    var m;
+    const v = (m = o.getFrameEl().contentDocument) == null ? void 0 : m.defaultView;
     v && w(v, { fromDeviceChange: !0 });
   });
   const p = () => {
-    const b = e.Css.getRules().filter((P) => P.selectorsToString() === "body").pop();
-    b == null || b.addStyle({
+    const m = e.Css.getRules().filter((P) => P.selectorsToString() === "body").pop();
+    m == null || m.addStyle({
       "margin-top": "",
       "margin-right": "",
       "margin-bottom": "",
@@ -412,22 +425,22 @@ const me = "presetPrintable", ye = k.free, we = function(e, s = {}) {
       margin: "0"
     });
   }, h = [[i.projectLoad, p]];
-  h.forEach(([v, b]) => e.on(v, b));
-  const L = fe(e, t), $ = ve(e), x = be(e, t);
+  h.forEach(([v, m]) => e.on(v, m));
+  const L = ve(e, t), $ = me(e), x = be(e, t);
   e.onReady(() => {
     e.UndoManager.clear();
   });
   const E = () => {
-    h.forEach(([v, b]) => e.off(v, b)), L(), $(), x();
+    h.forEach(([v, m]) => e.off(v, m)), L(), $(), x();
   };
-  e.on(i.destroy, E), ie({
+  e.on(i.destroy, E), ce({
     editor: e,
     licenseKey: t.licenseKey,
-    plan: ye,
-    pluginName: me,
+    plan: we,
+    pluginName: ye,
     cleanup: E
   });
-}, Pe = re(we);
+}, Te = ie(Pe);
 export {
-  Pe as default
+  Te as default
 };