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

package/dist/presetBlockLibrary/shared.d.ts

@@ -0,0 +1,3 @@
+import { SdkPlanCategories } from '../utils';
+export declare const PLUGIN_NAME = "presetBlockLibrary";
+export declare const PLUGIN_PLAN = SdkPlanCategories.startup;

package/dist/presetBlockLibrary/types.d.ts

@@ -0,0 +1,24 @@
+import { BlockCategoryProperties, LibraryProperties } from 'grapesjs';
+import { BlockProperties } from '../types';
+import { PresetBlockLibraryOptions as PresetBlockLibraryOptionsSchema } from './typesSchema';
+export type BlockWithoutContent = Omit<BlockProperties, 'content'>;
+export interface PresetBlockDefinition {
+    label: string;
+    category: BlockCategoryProperties;
+    getContent: (props: {
+        getImageUrl: (fallbackUrl: string) => string;
+    }) => string;
+}
+export interface PresetBlockLibraryOptions extends Omit<PresetBlockLibraryOptionsSchema, 'category' | 'block' | 'defaultLibrary' | 'getImageUrl'> {
+    category?: (props: BlockCategoryProperties) => BlockCategoryProperties | false | void;
+    block?: (props: BlockProperties) => BlockProperties | false | void;
+    defaultLibrary?: (props: LibraryProperties) => LibraryProperties | false | void;
+    getImageUrl?: (props: {
+        block: BlockWithoutContent;
+    }) => string | void;
+    /**
+     * WIP: Avoid applying custom visual styles and rely on styles defined in the project.
+     * @default false
+     */
+    withGlobalStyles?: boolean;
+}

package/dist/presetBlockLibrary/typesSchema.d.ts

@@ -0,0 +1,47 @@
+import { SDKPluginOptions } from '../utils';
+export interface PresetBlockLibraryOptions extends SDKPluginOptions {
+    /**
+     * Include only specific built-in category ids.
+     * @examples
+     * ['preset-block-library-header', 'preset-block-library-footer']
+     */
+    categories?: string[];
+    /**
+     * Filter or customize built-in categories.
+     * @examples
+     * props => {
+     *   if (props.id === 'preset-block-library-footer') return false;
+     *   return { ...props, icon: '<svg viewBox="0 0 24 24"></svg>' };
+     * }
+     */
+    category?: '__fn__';
+    /**
+     * Filter or customize built-in blocks.
+     * @examples
+     * props => {
+     *   if (props.id === 'preset-email-footer-simple') return false;
+     *   return { ...props, label: 'Simple Footer Block' };
+     * }
+     */
+    block?: '__fn__';
+    /**
+     * Customize default placeholder image URLs used by built-in blocks.
+     * @examples
+     * ({ block }) => `https://placehold.co/100x100/0f172a/f8fafc.png?text=${block.label}`
+     */
+    getImageUrl?: '__fn__';
+    /**
+     * Customize the default library properties
+     * @examples
+     * // customize library properties
+     * props => ({ ...props, icon: '<svg viewBox="0 0 24 24"></svg>', label: 'Custom Library' })
+     * // or disable the default library
+     * () => false,
+     */
+    defaultLibrary?: '__fn__';
+    /**
+     * Preselect the built-in library in the blocks panel when available.
+     * @default false
+     */
+    selectLibrary?: boolean;
+}

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",".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.openEditCode="studio:openEditCode",e.sidebarLeftSet="studio:sidebarLeft:set",e.sidebarLeftGet="studio:sidebarLeft:get",e.sidebarLeftToggle="studio:sidebarLeft:toggle",e.sidebarRightSet="studio:sidebarRight:set",e.sidebarRightGet="studio:sidebarRight:get",e.sidebarRightToggle="studio:sidebarRight:toggle",e.sidebarTopSet="studio:sidebarTop:set",e.sidebarTopGet="studio:sidebarTop:get",e.sidebarTopToggle="studio:sidebarTop:toggle",e.sidebarBottomSet="studio:sidebarBottom:set",e.sidebarBottomGet="studio:sidebarBottom:get",e.sidebarBottomToggle="studio:sidebarBottom:toggle",e.symbolAdd="studio:symbolAdd",e.symbolDetach="studio:symbolDetach",e.symbolOverride="studio:symbolOverride",e.symbolPropagateStyles="studio:propagateStyles",e.getPagesConfig="studio:getPagesConfig",e.setPagesConfig="studio:setPagesConfig",e.getPageSettings="studio:getPageSettings",e.setPageSettings="studio:setPageSettings",e.clearPage="studio:clearPage",e.projectFiles="studio:projectFiles",e.validateCode="studio:validateCode",e.canvasReload="studio:canvasReload",e.getBlocksPanel="studio:getBlocksPanel",e.setBlocksPanel="studio:setBlocksPanel",e.getStateContextMenu="studio:getStateContextMenu",e.setStateContextMenu="studio:setStateContextMenu",e.contextMenuComponent="studio:contextMenuComponent",e.layoutAdd="studio:layoutAdd",e.layoutRemove="studio:layoutRemove",e.layoutToggle="studio:layoutToggle",e.layoutUpdate="studio:layoutUpdate",e.layoutGet="studio:layoutGet",e.layoutConfigGet="studio:layoutConfigGet",e.layoutConfigSet="studio:layoutConfigSet",e.layoutComponentAdd="studio:layoutComponentAdd",e.layoutComponentGet="studio:layoutComponentGet",e.layoutComponentRemove="studio:layoutComponentRemove",e.layoutComponentRender="studio:layoutComponentRender",e.getStateTheme="studio:getStateTheme",e.setStateTheme="studio:setStateTheme",e.settings="studio:settings",e.assetProviderGet="studio:assetProviderGet",e.assetProviderAdd="studio:assetProviderAdd",e.assetProviderRemove="studio:assetProviderRemove",e.fontGet="studio:fontGet",e.fontAdd="studio:fontAdd",e.fontRemove="studio:fontRemove",e.fontManagerOpen="studio:fontManagerOpen",e.menuFontLoad="studio:menuFontLoad",e.toggleStateDataSource="studio:toggleStateDataSource",e.getStateDataSource="studio:getStateDataSource",e.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",e.dataSourceSetImporter="studio:dataSourceSetImporter",e.dataSourceSetExporter="studio:dataSourceSetExporter",e.setDragAbsolute="studio:setDragAbsolute",e))(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,m=(p=s.plan)==null?void 0:p.category;if(!(u||s.license)||d)l(d||"Invalid license");else if(m){const h=F[n],L=F[m];h>L&&l({pluginRequiredPlan:n,licensePlan:m})}};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 _(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":`${_(r,c)}px`,height:i?g:void 0}},M="page-breaks",D="gjs-page-breaks-spot",H=e=>e.type===M;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(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 ve(e,n){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",Z="app2.grapesjs.com",Q="app-stage2.grapesjs.com",I=[C,Z,z,Q,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io",".claudemcpcontent.com",".web-sandbox.oaiusercontent.com"],ee="license:check:end",te=()=>typeof window<"u",O=(e,n={})=>{const t=ae(e)?{id:e,src:e}:e;return new Promise((o,s)=>{var d,u;const{loadedScripts:a}=n,{id:c,src:i}=t,l=document.querySelector(`script[src="${i}"]`);if(l){if((d=n.onScript)==null||d.call(n,l),a&&!a.get(i)){l.addEventListener("load",()=>o(c)),l.addEventListener("error",()=>s(c));return}return o(c)}const g=window.define;window.define=void 0;const f=()=>{a==null||a.set(i,!0),window.define=g},r=document.createElement("script");r.src=i,r.onload=()=>{o(c),f()},r.onerror=()=>{s(c),f()},document.head.appendChild(r),(u=n.onScript)==null||u.call(n,r)})},oe=({isDev:e,isStage:n,isPlatform:t})=>`${e?"":`https://${n?z:C}`}/${t?"platform-api":"api"}`,ne=()=>{if(!te())return"";const{hostname:e}=window.location;if(e)return e;try{return window.parent.location.hostname||""}catch{return""}},se=()=>{const e=ne();return!!e&&(I.includes(e)||I.some(n=>e.endsWith(n)))},ae=e=>typeof e=="string";async function re({path:e,baseApiUrl:n,method:t="GET",headers:o={},params:s,body:a}){const i=`${n||oe({isDev:!1,isStage:!1})}${e}`,l={method:t,headers:{"Content-Type":"application/json",...o}};a&&(l.body=JSON.stringify(a));const g=s?new URLSearchParams(s).toString():"",f=g?`?${g}`:"",r=await fetch(`${i}${f}`,l);if(!r.ok)throw new Error(`HTTP error! status: ${r.status}`);return r.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.openEditCode="studio:openEditCode",e.openBlocks="studio:openBlocks",e.appendComponent="studio:appendComponent",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 ie(e,n){const t=e;return t.init=o=>{const s=a=>e(a,o);return s.__gjsPluginId=n,s},t}const ce=(e,n)=>ie(e,n);async function le({editor:e,plan:n,pluginName:t,licenseKey:o,onLicenseCheckResponse:s,cleanup:a}){let c="",i;const l=r=>{console.warn("Cleanup plugin:",t,"Reason:",r),a(e,t)},g=(r={})=>{var p;const{error:d,sdkLicense:u}=r,m=(p=r.plan)==null?void 0:p.category;if(!(u||r.license)||d)l(d||"Invalid license");else if(m){const h=F[n],L=F[m];h>L&&l({pluginRequiredPlan:n,licensePlan:m})}};e.Commands.has(j.settings)&&(i=e.runCommand(j.settings),c=(i==null?void 0:i.baseUrl)||"");const f=r=>{s==null||s(r),r&&g(r)};if(!i){e.onReady(async()=>{if(!se())if(o){const r=await de({licenseKey:o,pluginName:t,baseApiUrl:c});f(r)}else l("The `licenseKey` option not provided")});return}if(i.licensePlan||i.licenseError){const r=pe(i);f(r);return}e.on(ee,r=>f(r))}const pe=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function de(e){const{licenseKey:n,pluginName:t,baseApiUrl:o}=e;try{return(await re({baseApiUrl:o,path:`/sdk/${n||"na"}`,method:"POST",params:{d:window.location.hostname,pn:t}})).result||{}}catch(s){return console.error("Error during SDK license check:",s),!1}}const ge=e=>n=>{var t;return((t=n.getAttribute)==null?void 0:t.call(n,V))===e},ue=(...e)=>(n,t)=>e.some(o=>t.is(o)),K=(e,n,t)=>{const{doc:o=document}=t,s=t.target||o.head,a=s.querySelector(`style[${e}]`)||o.createElement("style");a.setAttribute(e,"true"),a.innerHTML=n,!s.contains(a)&&s.appendChild(a)},he="gjs-plg-",q="data-gs-plg-",V="data-type-role";function N(e,n,t){let o,s,a,c,i;const l=n===void 0?100:n;function g(){const r=Date.now()-c;r<l&&r>=0?o=setTimeout(g,l-r):(o=null,i=e.apply(a,s),a=s=null)}const f=function(){return a=this,s=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(a,s),a=s=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 H(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 fe=(e,n)=>{const{name:t,id:o,width:s,height:a,unit:c}=e,{fixedHeight:i}=n,l=`${s}${c}`,g=`${a}${c}`;return{id:o||t.toLowerCase().replace(/\s/g,"-"),name:`${t} (${l} x ${g})`,sizeH:a,sizeW:s,sizeUnit:c,widthMedia:"",width:l,minHeight:i?"0":`${H(a,c)}px`,height:i?g:void 0}},M="page-breaks",D="gjs-page-breaks-spot",G=e=>e.type===M;function ve(e){const{Devices:n}=e,{height:t,minHeight:o}=n.getSelected().attributes,a=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,r=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=r.find(m=>m.top>d&&m.top<d+a);u?(d=u.top+u.height,l.push(u.top)):(d+=a,d<g&&l.push(d))}return l}function be(e,n){const{Canvas:t}=e,o=t.events,s=e.events;let a;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(n.enablePageBreaksSpot===!1)return;const p={id:M,type:M,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 T=document.createElement("div");T.setAttribute("data-page-number",`${x+2}`),T.className=D,T.style.top=`${$}px`,h.appendChild(T)}))},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()},m=()=>{const p=i();p&&p.set({up:(p.attributes.up||0)+1})},w=[["component:input",s],["frame:scroll",m],[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)}),()=>{w.forEach(([p,h])=>e.off(p,h)),s.clear(),d.clear()}}var S=(e=>(e.print="presetPrintable:print",e))(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=()=>n(t),document.body.appendChild(t)});function be(e,n){const{Commands:t,Pages:o}=e;return t.add(S.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=[_(i,g),_(l,g)],u=new window.jspdf.jsPDF({unit:s,format:d}),m=f.body;u.html(m,{callback:w=>w.save()})}),()=>{delete e.Commands.commands[S.print]}}function me(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 m=(v={})=>{const b="page-rule",{rules:P}=e.Css,{width:E,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:`${E} ${Y}`,...!G&&{margin:"0"}})},w=(v,b={})=>{const P=v.document,{minHeight:E}=a.getSelected().attributes,R=`
+      `,{target:window.document.head})},i=()=>{if(n.enablePageBreaksSpot===!1)return;const p={id:M,type:M,component:e.getWrapper()};return t.getSpots(p).pop()||t.addSpot(p)},l=({spot:p})=>{const{spotEl:h}=p.attributes;!G(p)||!h||!a||a.removeChild(h)},g=({spot:p})=>{if(!G(p)||!a)return;let{spotEl:h}=p.attributes;h||(h=document.createElement("div"),h.className=`${D}__items`,p.set({spotEl:h})),a.appendChild(h)},f=({spot:p})=>{const{spotEl:h,pageBreaks:L=[]}=p.attributes;!G(p)||!h||!a||(Object.entries(p.getStyle()).forEach(([$,x])=>h.style.setProperty($,x)),h.innerHTML="",L.forEach(($,x)=>{const T=document.createElement("div");T.setAttribute("data-page-number",`${x+2}`),T.className=D,T.style.top=`${$}px`,h.appendChild(T)}))},r=N(()=>{if(e.em.destroyed)return;const p=i();p&&p.set({pageBreaks:ve(e),up:(p.attributes.up||0)+1})},150),d=N(r,200),u=()=>{a=t.getSpotsEl(),i()},m=()=>{const p=i();p&&p.set({up:(p.attributes.up||0)+1})},w=[["component:input",r],["frame:scroll",m],[s.update,r],[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)),r.clear(),d.clear()}}var U=(e=>(e.print="presetPrintable:print",e))(U||{});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(U.print,async(s,a,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>'),r=[];if(c.separatePrints)for(const d of g)r.push(await W(d));else r.push(await W({content:f,filename:"",mimeType:""}));for(const d of r){const u=d.contentWindow;u.focus(),u.print()}setTimeout(()=>r.forEach(d=>d.remove()),1e3)}),t.add("presetPrintable:exp",async s=>{await O("https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"),await O("https://cdn.jsdelivr.net/npm/jspdf@3.0.0/dist/jspdf.umd.min.js");const{Devices:a,Canvas:c}=s,{sizeW:i,sizeH:l,sizeUnit:g}=a.getSelected().attributes,f=c.getFrameEl().contentDocument,r="px",d=[H(i,g),H(l,g)],u=new window.jspdf.jsPDF({unit:r,format:d}),m=f.body;u.html(m,{callback:w=>w.save()})}),()=>{delete e.Commands.commands[U.print]}}function ye(e,n){const{blockPageBreak:t={}}=n,{Components:o,Blocks:s}=e,a="Page Break",c=`${he}${A}`;return o.addType(A,{block:t&&{label:a,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:ge(A),model:{defaults:{name:a,classes:c,attributes:{[V]:A},emptyState:!0,stylable:!1,droppable:!1,draggable:ue("wrapper"),styles:`.${c} { break-before: page; }`,traits:[]}}}),()=>{o.removeType(A),s.remove(A)}}const Y="presetPrintable",we=k.free,Pe=function(e,n={}){var S;const t={selectedDevice:y.A4,...n},{Canvas:o,Devices:s,Blocks:a}=e,c=o.events,i=e.events,l=t.selectedDevice||s.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"}],r=(((S=t.devices)==null?void 0:S.call(t,{items:g}))||g).map(v=>fe(v,t));s.devices.reset(r);const d=l&&s.get(l)||s.getAll().at(0);s.select(d),["map","video"].forEach(v=>a.remove(v));const m=(v={})=>{const b="page-rule",{rules:P}=e.Css,{width:E,height:B,minHeight:R}=s.getSelected().attributes,J=B&&B!=="auto"?B:R,_=P.where({id:b}).pop(),X=_||P.add({id:b,selectors:[],selectorsAdd:"@page"},{at:0});(v.fromDeviceChange||!_)&&X.addStyle({size:`${E} ${J}`,...!_&&{margin:"0"}})},w=(v,b={})=>{const P=v.document,{minHeight:E}=s.getSelected().attributes,R=`
       ${!!parseFloat(`${E}`)?`
         [data-gjs-type="wrapper"] { min-height: ${E}; }
       `:`
@@ -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 E=v.model.getComponent().getEl();E==null||E.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=ve(e,t),$=be(e),x=me(e,t);e.onReady(()=>{e.UndoManager.clear()});const T=()=>{h.forEach(([v,b])=>e.off(v,b)),L(),$(),x()};e.on(i.destroy,T),ce({editor:e,licenseKey:t.licenseKey,plan:we,pluginName:ye,cleanup:T})},Ee=ie(Pe);module.exports=Ee;
+    `;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 E=v.model.getComponent().getEl();E==null||E.addEventListener("scroll",B=>{const R=B.target;R.scrollTop>0&&R.scrollTo(0,0)})}}),e.on(s.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=be(e,t),$=me(e),x=ye(e,t);e.onReady(()=>{e.UndoManager.clear()});const T=()=>{h.forEach(([v,b])=>e.off(v,b)),L(),$(),x()};e.on(i.destroy,T),le({editor:e,licenseKey:t.licenseKey,plan:we,pluginName:Y,cleanup:T})},Ee=ce(Pe,Y);module.exports=Ee;