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

package/dist/rteTinyMce/index.umd.js

@@ -1,4 +1,4 @@
-(function(f,h){typeof exports=="object"&&typeof module<"u"?module.exports=h():typeof define=="function"&&define.amd?define(h):(f=typeof globalThis<"u"?globalThis:f||self,f.StudioSdkPlugins_rteTinyMce=h())})(this,function(){"use strict";var f=(t=>(t.free="free",t.startup="startup",t.business="business",t.enterprise="enterprise",t))(f||{}),h=(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))(h||{}),R=(t=>(t.dark="dark",t.light="light",t.auto="auto",t))(R||{});const P="app.grapesjs.com",_="app-stage.grapesjs.com",k=[P,"app2.grapesjs.com",_,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io",".claudemcpcontent.com",".web-sandbox.oaiusercontent.com"],M="license:check:end",G=()=>typeof window<"u",N=({isDev:t,isStage:s,isPlatform:n})=>`${t?"":`https://${s?_:P}`}/${n?"platform-api":"api"}`,B=()=>{if(!G())return"";const{hostname:t}=window.location;if(t)return t;try{return window.parent.location.hostname||""}catch{return""}},j=()=>{const t=B();return!!t&&(k.includes(t)||k.some(s=>t.endsWith(s)))};async function U({path:t,baseApiUrl:s,method:n="GET",headers:a={},params:i,body:l}){const r=`${s||N({isDev:!1,isStage:!1})}${t}`,c={method:n,headers:{"Content-Type":"application/json",...a}};l&&(c.body=JSON.stringify(l));const b=i?new URLSearchParams(i).toString():"",e=b?`?${b}`:"",o=await fetch(`${r}${e}`,c);if(!o.ok)throw new Error(`HTTP error! status: ${o.status}`);return o.json()}const D={[f.free]:0,[f.startup]:10,[f.business]:20,[f.enterprise]:30};function F(t){const s=t;return s.init=n=>a=>t(a,n),s}const W=t=>F(t);async function $({editor:t,plan:s,pluginName:n,licenseKey:a,onLicenseCheckResponse:i,cleanup:l}){let d="",r;const c=o=>{console.warn("Cleanup plugin:",n,"Reason:",o),l()},b=(o={})=>{var E;const{error:u,sdkLicense:p}=o,g=(E=o.plan)==null?void 0:E.category;if(!(p||o.license)||u)c(u||"Invalid license");else if(g){const x=D[s],I=D[g];x>I&&c({pluginRequiredPlan:s,licensePlan:g})}};t.Commands.has(h.settings)&&(r=t.runCommand(h.settings),d=(r==null?void 0:r.baseUrl)||"");const e=o=>{i==null||i(o),o&&b(o)};if(!r){t.onReady(async()=>{if(!j())if(a){const o=await q({licenseKey:a,pluginName:n,baseApiUrl:d});e(o)}else c("The `licenseKey` option not provided")});return}if(r.licensePlan||r.licenseError){const o=C(r);e(o);return}t.on(M,o=>e(o))}const C=t=>({sdkLicense:t.license,license:t.license,error:t.licenseError,plan:t.licensePlan});async function q(t){const{licenseKey:s,pluginName:n,baseApiUrl:a}=t;try{return(await U({baseApiUrl:a,path:`/sdk/${s||"na"}`,method:"POST",params:{d:window.location.hostname,pn:n}})).result||{}}catch(i){return console.error("Error during SDK license check:",i),!1}}const H=(t,s,n)=>{const{doc:a=document}=n,i=n.target||a.head,l=i.querySelector(`style[${t}]`)||a.createElement("style");l.setAttribute(t,"true"),l.innerHTML=s,!i.contains(l)&&i.appendChild(l)},K=t=>t.dispatchEvent(new CustomEvent("input"));function S(t,s){if(!s)return()=>{};const n=t.Components.events,a=e=>t.getSelectedAll().includes(e),i=e=>e.isInstanceOf("text")&&!e.isChildOf("text"),l=e=>e.isChildOf("text"),d=e=>t.getEditing()===e,r=(e,o={})=>{e.trigger("focus",o.event)},c=(e,o)=>{a(e)&&i(e)&&!d(e)&&r(e,o)},b=(e,o)=>{if(a(e)&&!i(e)&&l(e)){const u=e.parents().find(p=>p.isInstanceOf("text"));u&&(r(u,o),setTimeout(()=>t.select(u),0))}};return t.on(n.select,c),t.on(n.selectBefore,b),()=>{t.off(n.select,c),t.off(n.selectBefore,b)}}const z="rteTinyMce",V=f.startup,J=`
+(function(f,h){typeof exports=="object"&&typeof module<"u"?module.exports=h():typeof define=="function"&&define.amd?define(h):(f=typeof globalThis<"u"?globalThis:f||self,f.StudioSdkPlugins_rteTinyMce=h())})(this,function(){"use strict";var f=(t=>(t.free="free",t.startup="startup",t.business="business",t.enterprise="enterprise",t))(f||{}),h=(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.openBlocks="studio:openBlocks",t.appendComponent="studio:appendComponent",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))(h||{}),R=(t=>(t.dark="dark",t.light="light",t.auto="auto",t))(R||{});const P="app.grapesjs.com",_="app-stage.grapesjs.com",k=[P,"app2.grapesjs.com",_,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io",".claudemcpcontent.com",".web-sandbox.oaiusercontent.com"],G="license:check:end",B=()=>typeof window<"u",N=({isDev:t,isStage:s,isPlatform:n})=>`${t?"":`https://${s?_:P}`}/${n?"platform-api":"api"}`,j=()=>{if(!B())return"";const{hostname:t}=window.location;if(t)return t;try{return window.parent.location.hostname||""}catch{return""}},U=()=>{const t=j();return!!t&&(k.includes(t)||k.some(s=>t.endsWith(s)))};async function F({path:t,baseApiUrl:s,method:n="GET",headers:a={},params:r,body:l}){const i=`${s||N({isDev:!1,isStage:!1})}${t}`,c={method:n,headers:{"Content-Type":"application/json",...a}};l&&(c.body=JSON.stringify(l));const b=r?new URLSearchParams(r).toString():"",e=b?`?${b}`:"",o=await fetch(`${i}${e}`,c);if(!o.ok)throw new Error(`HTTP error! status: ${o.status}`);return o.json()}const D={[f.free]:0,[f.startup]:10,[f.business]:20,[f.enterprise]:30};function W(t,s){const n=t;return n.init=a=>{const r=l=>t(l,a);return r.__gjsPluginId=s,r},n}const $=(t,s)=>W(t,s);async function C({editor:t,plan:s,pluginName:n,licenseKey:a,onLicenseCheckResponse:r,cleanup:l}){let d="",i;const c=o=>{console.warn("Cleanup plugin:",n,"Reason:",o),l(t,n)},b=(o={})=>{var E;const{error:u,sdkLicense:p}=o,g=(E=o.plan)==null?void 0:E.category;if(!(p||o.license)||u)c(u||"Invalid license");else if(g){const x=D[s],L=D[g];x>L&&c({pluginRequiredPlan:s,licensePlan:g})}};t.Commands.has(h.settings)&&(i=t.runCommand(h.settings),d=(i==null?void 0:i.baseUrl)||"");const e=o=>{r==null||r(o),o&&b(o)};if(!i){t.onReady(async()=>{if(!U())if(a){const o=await H({licenseKey:a,pluginName:n,baseApiUrl:d});e(o)}else c("The `licenseKey` option not provided")});return}if(i.licensePlan||i.licenseError){const o=q(i);e(o);return}t.on(G,o=>e(o))}const q=t=>({sdkLicense:t.license,license:t.license,error:t.licenseError,plan:t.licensePlan});async function H(t){const{licenseKey:s,pluginName:n,baseApiUrl:a}=t;try{return(await F({baseApiUrl:a,path:`/sdk/${s||"na"}`,method:"POST",params:{d:window.location.hostname,pn:n}})).result||{}}catch(r){return console.error("Error during SDK license check:",r),!1}}const K=(t,s,n)=>{const{doc:a=document}=n,r=n.target||a.head,l=r.querySelector(`style[${t}]`)||a.createElement("style");l.setAttribute(t,"true"),l.innerHTML=s,!r.contains(l)&&r.appendChild(l)},z=t=>t.dispatchEvent(new CustomEvent("input"));function S(t,s){if(!s)return()=>{};const n=t.Components.events,a=e=>t.getSelectedAll().includes(e),r=e=>e.isInstanceOf("text")&&!e.isChildOf("text"),l=e=>e.isChildOf("text"),d=e=>t.getEditing()===e,i=(e,o={})=>{e.trigger("focus",o.event)},c=(e,o)=>{a(e)&&r(e)&&!d(e)&&i(e,o)},b=(e,o)=>{if(a(e)&&!r(e)&&l(e)){const u=e.parents().find(p=>p.isInstanceOf("text"));u&&(i(u,o),setTimeout(()=>t.select(u),0))}};return t.on(n.select,c),t.on(n.selectBefore,b),()=>{t.off(n.select,c),t.off(n.selectBefore,b)}}const A="rteTinyMce",V=f.startup,J=`
 .tox .tox-toolbar,
 .tox .tox-toolbar__overflow,
 .tox .tox-toolbar__primary,
@@ -101,4 +101,4 @@
     background-color: var(--gs-theme-cl-prm-bg1);
     border-color: var(--gs-theme-cl-prm-bg3);
     opacity: 0.75;
-}`,w=new WeakMap,X=(t,s)=>{w.set(t,s)},Y=t=>{w.delete(t)},T=t=>w.get(t),m=t=>{const s=t.target,n=s.closest(".tox"),a=s.matches(".ephox-snooker-resizer-bar");(n||a)&&t.stopPropagation()},A=t=>{t.stopPropagation(),t.preventDefault()},Q=(t,s)=>{const n=t.getDoc(),a=t.getWin();if(s!=null&&s.event){const{event:i}=s,{clientX:l,clientY:d}=i;let r;if(n.caretRangeFromPoint)r=n.caretRangeFromPoint(l,d);else if(n.caretPositionFromPoint){const c=n.caretPositionFromPoint(l,d);r=n.createRange(),r==null||r.setStart(c.offsetNode,c.offset)}if(r){const c=a.getSelection();c==null||c.removeAllRanges(),c==null||c.addRange(r),t.selection.setRng(r)}}else t.execCommand("SelectAll")},Z=t=>{var b,e;const{el:s,editor:n,componentView:a}=t,i=n.runCommand(h.getStateTheme),l=a.model,d={target:s,inline:!0,skin:(i==null?void 0:i.theme)===R.dark?"oxide-dark":"oxide",menubar:!1,image_advtab:!0,paste_data_images:!0,statusbar:!1,branding:!1,forced_root_block:"div",plugins:"advlist autolink lists link image media table",toolbar_mode:"sliding",toolbar:"bold italic underline strikethrough forecolor backcolor alignleft aligncenter alignright alignjustify link image | fontfamily fontsize bullist numlist outdent indent table"},r=((e=(b=t.pluginOpts)==null?void 0:b.loadConfig)==null?void 0:e.call(b,{config:d,editor:n,componentView:a,component:l}))||{};return{...d,...r}},O=(t,s=document)=>new Promise((n,a)=>{const i=Array.isArray(t)?[...t]:[t],{head:l}=s,d=r=>{if(r.length){const c=s.createElement("script");c.src=r.shift(),c.onload=d.bind(null,r),c.onerror=a,l.appendChild(c)}else n()};d(i)});return W(function(t,s={}){const n={cdnScript:"https://cdn.jsdelivr.net/npm/tinymce@6.8.5/tinymce.min.js",...s},{cdnScript:a}=n,i=t.Canvas.events,l=!n.skipCustomTheme,d="gs-plg-tinymce-studio-theme",r=async(e,o)=>{const u=e.ownerDocument,p=u.defaultView,g=o==null?void 0:o.view;if(!p||!g){console.warn("Missing required data",{win:p,componentView:g});return}const y=Z({el:e,editor:t,componentView:g,pluginOpts:n}),x=(await p.tinymce.init(y))[0];if(!x)return;const tt=(await window.tinymce.init({...y,target:document.createElement("div")}))[0];return x.ui.show(),u.body.addEventListener("mousedown",m),document.body.addEventListener("mousedown",m),x.on("Change",()=>K(e)),x.on("blur",()=>x.ui.show()),x.on("OpenWindow",function(){var L;const v=(L=u.querySelector(".tox-dialog"))==null?void 0:L.closest(".tox");v&&(v==null?void 0:v.ownerDocument)!==document&&(document.body.appendChild(v),x.once("CloseWindow",()=>{v&&v.ownerDocument===document&&u.body.appendChild(v)}))}),e.addEventListener("dragstart",A,{capture:!0}),t.runCommand(h.setStateContextMenu,{enabled:!1}),Q(x,o),{rteEditor:x,rteEditorShallow:tt}},c=(e,o)=>{e.ownerDocument.body.removeEventListener("mousedown",m),document.body.removeEventListener("mousedown",m),e.removeEventListener("dragstart",A,{capture:!0}),t.runCommand(h.setStateContextMenu,{enabled:!0}),o.rteEditor.destroy(),o.rteEditorShallow.destroy()};t.on(i.frameLoad,async({window:e})=>{const o=e.document;O(a,o)}),t.onReady(()=>{O(a,document),l&&H(d,J,{target:document.body})}),t.setCustomRte({parseContent:!0,async enable(e,o,u){const p=T(e);if(p)return p.rteEditor;const g=await r(e,u);return g&&X(e,g),g==null?void 0:g.rteEditor},disable(e){const o=T(e);o&&(Y(e),c(e,o))},getContent(e,o,u){var y;const p=T(e),g=p==null?void 0:p.rteEditor;return g&&!g.isDirty()?u.view.lastContent:g?(y=g.getContent)==null?void 0:y.call(g):e.innerHTML}});const b=S(t,n.enableOnClick);$({editor:t,licenseKey:n.licenseKey,plan:V,pluginName:z,cleanup:()=>{t.RichTextEditor.customRte=void 0,b()}})})});
+}`,w=new WeakMap,X=(t,s)=>{w.set(t,s)},Y=t=>{w.delete(t)},T=t=>w.get(t),m=t=>{const s=t.target,n=s.closest(".tox"),a=s.matches(".ephox-snooker-resizer-bar");(n||a)&&t.stopPropagation()},I=t=>{t.stopPropagation(),t.preventDefault()},Q=(t,s)=>{const n=t.getDoc(),a=t.getWin();if(s!=null&&s.event){const{event:r}=s,{clientX:l,clientY:d}=r;let i;if(n.caretRangeFromPoint)i=n.caretRangeFromPoint(l,d);else if(n.caretPositionFromPoint){const c=n.caretPositionFromPoint(l,d);i=n.createRange(),i==null||i.setStart(c.offsetNode,c.offset)}if(i){const c=a.getSelection();c==null||c.removeAllRanges(),c==null||c.addRange(i),t.selection.setRng(i)}}else t.execCommand("SelectAll")},Z=t=>{var b,e;const{el:s,editor:n,componentView:a}=t,r=n.runCommand(h.getStateTheme),l=a.model,d={target:s,inline:!0,skin:(r==null?void 0:r.theme)===R.dark?"oxide-dark":"oxide",menubar:!1,image_advtab:!0,paste_data_images:!0,statusbar:!1,branding:!1,forced_root_block:"div",plugins:"advlist autolink lists link image media table",toolbar_mode:"sliding",toolbar:"bold italic underline strikethrough forecolor backcolor alignleft aligncenter alignright alignjustify link image | fontfamily fontsize bullist numlist outdent indent table"},i=((e=(b=t.pluginOpts)==null?void 0:b.loadConfig)==null?void 0:e.call(b,{config:d,editor:n,componentView:a,component:l}))||{};return{...d,...i}},O=(t,s=document)=>new Promise((n,a)=>{const r=Array.isArray(t)?[...t]:[t],{head:l}=s,d=i=>{if(i.length){const c=s.createElement("script");c.src=i.shift(),c.onload=d.bind(null,i),c.onerror=a,l.appendChild(c)}else n()};d(r)});return $(function(t,s={}){const n={cdnScript:"https://cdn.jsdelivr.net/npm/tinymce@6.8.5/tinymce.min.js",...s},{cdnScript:a}=n,r=t.Canvas.events,l=!n.skipCustomTheme,d="gs-plg-tinymce-studio-theme",i=async(e,o)=>{const u=e.ownerDocument,p=u.defaultView,g=o==null?void 0:o.view;if(!p||!g){console.warn("Missing required data",{win:p,componentView:g});return}const y=Z({el:e,editor:t,componentView:g,pluginOpts:n}),x=(await p.tinymce.init(y))[0];if(!x)return;const tt=(await window.tinymce.init({...y,target:document.createElement("div")}))[0];return x.ui.show(),u.body.addEventListener("mousedown",m),document.body.addEventListener("mousedown",m),x.on("Change",()=>z(e)),x.on("blur",()=>x.ui.show()),x.on("OpenWindow",function(){var M;const v=(M=u.querySelector(".tox-dialog"))==null?void 0:M.closest(".tox");v&&(v==null?void 0:v.ownerDocument)!==document&&(document.body.appendChild(v),x.once("CloseWindow",()=>{v&&v.ownerDocument===document&&u.body.appendChild(v)}))}),e.addEventListener("dragstart",I,{capture:!0}),t.runCommand(h.setStateContextMenu,{enabled:!1}),Q(x,o),{rteEditor:x,rteEditorShallow:tt}},c=(e,o)=>{e.ownerDocument.body.removeEventListener("mousedown",m),document.body.removeEventListener("mousedown",m),e.removeEventListener("dragstart",I,{capture:!0}),t.runCommand(h.setStateContextMenu,{enabled:!0}),o.rteEditor.destroy(),o.rteEditorShallow.destroy()};t.on(r.frameLoad,async({window:e})=>{const o=e.document;O(a,o)}),t.onReady(()=>{O(a,document),l&&K(d,J,{target:document.body})}),t.setCustomRte({parseContent:!0,async enable(e,o,u){const p=T(e);if(p)return p.rteEditor;const g=await i(e,u);return g&&X(e,g),g==null?void 0:g.rteEditor},disable(e){const o=T(e);o&&(Y(e),c(e,o))},getContent(e,o,u){var y;const p=T(e),g=p==null?void 0:p.rteEditor;return g&&!g.isDirty()?u.view.lastContent:g?(y=g.getContent)==null?void 0:y.call(g):e.innerHTML}});const b=S(t,n.enableOnClick);C({editor:t,licenseKey:n.licenseKey,plan:V,pluginName:A,cleanup:()=>{t.RichTextEditor.customRte=void 0,b()}})},A)});

package/dist/shapeDividerComponent/index.cjs.js

@@ -1,4 +1,4 @@
-"use strict";const L="app.grapesjs.com",H="app-stage.grapesjs.com",E="app2.grapesjs.com",k="app-stage2.grapesjs.com",z=[L,E,H,k,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io",".claudemcpcontent.com",".web-sandbox.oaiusercontent.com"],G="license:check:end",I=()=>typeof window<"u",O=({isDev:e,isStage:a,isPlatform:i})=>`${e?"":`https://${a?H:L}`}/${i?"platform-api":"api"}`,F=()=>{if(!I())return"";const{hostname:e}=window.location;if(e)return e;try{return window.parent.location.hostname||""}catch{return""}},N=()=>{const e=F();return!!e&&(z.includes(e)||z.some(a=>e.endsWith(a)))};async function C({path:e,baseApiUrl:a,method:i="GET",headers:c={},params:n,body:r}){const o=`${a||O({isDev:!1,isStage:!1})}${e}`,t={method:i,headers:{"Content-Type":"application/json",...c}};r&&(t.body=JSON.stringify(r));const g=n?new URLSearchParams(n).toString():"",h=g?`?${g}`:"",l=await fetch(`${o}${h}`,t);if(!l.ok)throw new Error(`HTTP error! status: ${l.status}`);return l.json()}var y=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(y||{}),V=(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))(V||{});const T={[y.free]:0,[y.startup]:10,[y.business]:20,[y.enterprise]:30};function U(e){const a=e;return a.init=i=>c=>e(c,i),a}const W=e=>U(e);async function _({editor:e,plan:a,pluginName:i,licenseKey:c,onLicenseCheckResponse:n,cleanup:r}){let p="",o;const t=l=>{console.warn("Cleanup plugin:",i,"Reason:",l),r()},g=(l={})=>{var w;const{error:A,sdkLicense:b}=l,u=(w=l.plan)==null?void 0:w.category;if(!(b||l.license)||A)t(A||"Invalid license");else if(u){const R=T[a],x=T[u];R>x&&t({pluginRequiredPlan:a,licensePlan:u})}};e.Commands.has(V.settings)&&(o=e.runCommand(V.settings),p=(o==null?void 0:o.baseUrl)||"");const h=l=>{n==null||n(l),l&&g(l)};if(!o){e.onReady(async()=>{if(!N())if(c){const l=await Y({licenseKey:c,pluginName:i,baseApiUrl:p});h(l)}else t("The `licenseKey` option not provided")});return}if(o.licensePlan||o.licenseError){const l=j(o);h(l);return}e.on(G,l=>h(l))}const j=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function Y(e){const{licenseKey:a,pluginName:i,baseApiUrl:c}=e;try{return(await C({baseApiUrl:c,path:`/sdk/${a||"na"}`,method:"POST",params:{d:window.location.hostname,pn:i}})).result||{}}catch(n){return console.error("Error during SDK license check:",n),!1}}const K=(e,a)=>{var i;return!!((i=e==null?void 0:e.classList)!=null&&i.contains(a))},P=e=>a=>{var i;return((i=a.getAttribute)==null?void 0:i.call(a,$))===e},B="gjs-plg-",$="data-type-role",X="shapeDividerComponent",Z=y.startup,q=function(e,a={}){const{Components:i,Blocks:c,Selectors:n}=e,r="shape-divider",p=`${r}-cnt`,o=`${B}${r}`,t=`${B}${p}`,g=[{id:"tilt",label:"Tilt",value:`<svg preserveAspectRatio="none" viewBox="0 0 240 24">
+"use strict";const L="app.grapesjs.com",H="app-stage.grapesjs.com",E="app2.grapesjs.com",G="app-stage2.grapesjs.com",z=[L,E,H,G,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io",".claudemcpcontent.com",".web-sandbox.oaiusercontent.com"],I="license:check:end",O=()=>typeof window<"u",F=({isDev:e,isStage:s,isPlatform:l})=>`${e?"":`https://${s?H:L}`}/${l?"platform-api":"api"}`,C=()=>{if(!O())return"";const{hostname:e}=window.location;if(e)return e;try{return window.parent.location.hostname||""}catch{return""}},N=()=>{const e=C();return!!e&&(z.includes(e)||z.some(s=>e.endsWith(s)))};async function U({path:e,baseApiUrl:s,method:l="GET",headers:c={},params:o,body:r}){const n=`${s||F({isDev:!1,isStage:!1})}${e}`,t={method:l,headers:{"Content-Type":"application/json",...c}};r&&(t.body=JSON.stringify(r));const g=o?new URLSearchParams(o).toString():"",h=g?`?${g}`:"",i=await fetch(`${n}${h}`,t);if(!i.ok)throw new Error(`HTTP error! status: ${i.status}`);return i.json()}var y=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(y||{}),V=(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))(V||{});const B={[y.free]:0,[y.startup]:10,[y.business]:20,[y.enterprise]:30};function _(e,s){const l=e;return l.init=c=>{const o=r=>e(r,c);return o.__gjsPluginId=s,o},l}const W=(e,s)=>_(e,s);async function j({editor:e,plan:s,pluginName:l,licenseKey:c,onLicenseCheckResponse:o,cleanup:r}){let p="",n;const t=i=>{console.warn("Cleanup plugin:",l,"Reason:",i),r(e,l)},g=(i={})=>{var w;const{error:A,sdkLicense:b}=i,u=(w=i.plan)==null?void 0:w.category;if(!(b||i.license)||A)t(A||"Invalid license");else if(u){const R=B[s],x=B[u];R>x&&t({pluginRequiredPlan:s,licensePlan:u})}};e.Commands.has(V.settings)&&(n=e.runCommand(V.settings),p=(n==null?void 0:n.baseUrl)||"");const h=i=>{o==null||o(i),i&&g(i)};if(!n){e.onReady(async()=>{if(!N())if(c){const i=await K({licenseKey:c,pluginName:l,baseApiUrl:p});h(i)}else t("The `licenseKey` option not provided")});return}if(n.licensePlan||n.licenseError){const i=Y(n);h(i);return}e.on(I,i=>h(i))}const Y=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function K(e){const{licenseKey:s,pluginName:l,baseApiUrl:c}=e;try{return(await U({baseApiUrl:c,path:`/sdk/${s||"na"}`,method:"POST",params:{d:window.location.hostname,pn:l}})).result||{}}catch(o){return console.error("Error during SDK license check:",o),!1}}const X=(e,s)=>{var l;return!!((l=e==null?void 0:e.classList)!=null&&l.contains(s))},P=e=>s=>{var l;return((l=s.getAttribute)==null?void 0:l.call(s,$))===e},T="gjs-plg-",$="data-type-role",k="shapeDividerComponent",Z=y.startup,q=function(e,s={}){const{Components:l,Blocks:c,Selectors:o}=e,r="shape-divider",p=`${r}-cnt`,n=`${T}${r}`,t=`${T}${p}`,g=[{id:"tilt",label:"Tilt",value:`<svg preserveAspectRatio="none" viewBox="0 0 240 24">
               <path d="M240 24V0L0 24h240z"/>
           </svg>`},{id:"tilt-split",label:"Tilt split",value:`<svg preserveAspectRatio="none" viewBox="0 0 240 24">
               <path fill-opacity=".3" d="M240 24V0L0 24h240z"/>
@@ -58,9 +58,9 @@
               <path fill-opacity=".3" d="M0 0v18C21.5 7 49.6 2.2 64.8 6.4 82 11.2 75.4 25.2 91.7 23.9c14.2-1.1 25.8-12.3 40-12.3 10.4 0 7.8 6 18.8 6.9 11.5.8 21.6-5 37.2-9 19.9-5 42.1-5.3 52.3 0V0H0z"/>
           </svg>`},{id:"zigzag",label:"Zigzag",value:`<svg class="${t}-inv" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1000 38">
               <path d="M75 38l25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25V.0H0V13l25 25 25-25z"/>
-          </svg>`}],h={tl:!1,tc:!1,tr:!1,cl:!1,cr:!1,bl:!1,bc:!1,br:!1},l={...h,bc:!0},A={...h,tc:!0},b="shape",u="flip-y",M="flip-x",w="Shape Divider",R=`<svg viewBox="0 0 22 22">
+          </svg>`}],h={tl:!1,tc:!1,tr:!1,cl:!1,cr:!1,bl:!1,bc:!1,br:!1},i={...h,bc:!0},A={...h,tc:!0},b="shape",u="flip-y",M="flip-x",w="Shape Divider",R=`<svg viewBox="0 0 22 22">
         <path fill="currentColor" d="M2 2v18h18V2H2zm0-2h18a2 2 0 012 2v18a2 2 0 01-2 2H2a2 2 0 01-2-2V2C0 .9.9 0 2 0zM1 13L2 0h18l1 9-20 4z"/>
-      </svg>`,{block:x={}}=a;e.on(n.events.add,s=>{s.getFullName().startsWith(`.${o}`)&&s.set({private:!0})}),i.addType(r,{isComponent:s=>P(r)(s)||K(s,o),block:x&&{label:w,media:R,category:"Extra",select:!0,...x},model:{defaults:{droppable:!1,highlightable:!1,classes:o,attributes:{[$]:r},components:{type:p},styles:`.${o} { position: relative; }`,delegate:{select:s=>s.findFirstType(p),layer:s=>s.findFirstType(p)}}},view:{onRender(){this.el.style.height="1px"}}}),i.addType(p,{isComponent:P(p),model:{defaults:{droppable:!1,highlightable:!1,classes:t,emptyState:!0,icon:R,name:w,delegate:{remove:s=>s.parent(),move:s=>s.parent(),copy:s=>s.parent()},attributes:{[$]:p},[b]:g[0].id,resizable:l,stylable:["height","width","color"],styles:`
+      </svg>`,{block:x={}}=s;e.on(o.events.add,a=>{a.getFullName().startsWith(`.${n}`)&&a.set({private:!0})}),l.addType(r,{isComponent:a=>P(r)(a)||X(a,n),block:x&&{label:w,media:R,category:"Extra",select:!0,...x},model:{defaults:{droppable:!1,highlightable:!1,classes:n,attributes:{[$]:r},components:{type:p},styles:`.${n} { position: relative; }`,delegate:{select:a=>a.findFirstType(p),layer:a=>a.findFirstType(p)}}},view:{onRender(){this.el.style.height="1px"}}}),l.addType(p,{isComponent:P(p),model:{defaults:{droppable:!1,highlightable:!1,classes:t,emptyState:!0,icon:R,name:w,delegate:{remove:a=>a.parent(),move:a=>a.parent(),copy:a=>a.parent()},attributes:{[$]:p},[b]:g[0].id,resizable:i,stylable:["height","width","color"],styles:`
           .${t} {
               position: absolute;
               width: 100%;
@@ -94,4 +94,4 @@
           .${t}-inv > path {
               transform: scale(-1, -1) translate(-100%, -100%);
           }
-          `,traits:[{type:"select",name:b,label:"Shape",changeProp:!0,options:g.map(({id:s,label:d,value:v})=>({id:s,label:d,icon:{icon:v.replace("<svg ",'<svg style="width: 35px; height: 7px; fill: currentColor;"')}}))},{type:"checkbox",name:u,label:"Flip vertically",changeProp:!0},{type:"checkbox",name:M,label:"flip horizontally",changeProp:!0}]},init(){this.on(`change:${b}`,this.onShapeChange),this.on(`change:${M} change:${u}`,this.onFlip),this.onShapeChange()},onShapeChange(){const s=this.get(b),d=g.find(f=>f.id===s),v=(d==null?void 0:d.value)||this.getInnerHTML().trim();this.components(""),v&&this.set("content",v)},onFlip(){const s=this.get(u),d=this.get(M),v=["fl-v","fl-h","fl-v-h"].map(D=>`${t}--${D}`);let f;s&&d?f=v[2]:d?f=v[1]:s&&(f=v[0]),this.removeClass(v),f&&this.addClass(f),this.set("resizable",s?A:l)}}}),_({editor:e,licenseKey:a.licenseKey,plan:Z,pluginName:X,cleanup:()=>{i.removeType(r),c.remove(r)}})},J=W(q);module.exports=J;
+          `,traits:[{type:"select",name:b,label:"Shape",changeProp:!0,options:g.map(({id:a,label:d,value:v})=>({id:a,label:d,icon:{icon:v.replace("<svg ",'<svg style="width: 35px; height: 7px; fill: currentColor;"')}}))},{type:"checkbox",name:u,label:"Flip vertically",changeProp:!0},{type:"checkbox",name:M,label:"flip horizontally",changeProp:!0}]},init(){this.on(`change:${b}`,this.onShapeChange),this.on(`change:${M} change:${u}`,this.onFlip),this.onShapeChange()},onShapeChange(){const a=this.get(b),d=g.find(f=>f.id===a),v=(d==null?void 0:d.value)||this.getInnerHTML().trim();this.components(""),v&&this.set("content",v)},onFlip(){const a=this.get(u),d=this.get(M),v=["fl-v","fl-h","fl-v-h"].map(D=>`${t}--${D}`);let f;a&&d?f=v[2]:d?f=v[1]:a&&(f=v[0]),this.removeClass(v),f&&this.addClass(f),this.set("resizable",a?A:i)}}}),j({editor:e,licenseKey:s.licenseKey,plan:Z,pluginName:k,cleanup:()=>{l.removeType(r),c.remove(r)}})},J=W(q,k);module.exports=J;

package/dist/shapeDividerComponent/index.es.js

@@ -1,8 +1,8 @@
-const L = "app.grapesjs.com", H = "app-stage.grapesjs.com", E = "app2.grapesjs.com", k = "app-stage2.grapesjs.com", z = [
+const L = "app.grapesjs.com", H = "app-stage.grapesjs.com", E = "app2.grapesjs.com", G = "app-stage2.grapesjs.com", z = [
   L,
   E,
   H,
-  k,
+  G,
   "localhost",
   "127.0.0.1",
   ".local-credentialless.webcontainer.io",
@@ -15,12 +15,12 @@ const L = "app.grapesjs.com", H = "app-stage.grapesjs.com", E = "app2.grapesjs.c
   // For Claude mcp app
   ".web-sandbox.oaiusercontent.com"
   // For OpenAI mcp app
-], G = "license:check:end", I = () => typeof window < "u", O = ({
+], I = "license:check:end", O = () => typeof window < "u", F = ({
   isDev: e,
-  isStage: a,
-  isPlatform: i
-}) => `${e ? "" : `https://${a ? H : L}`}/${i ? "platform-api" : "api"}`, F = () => {
-  if (!I()) return "";
+  isStage: s,
+  isPlatform: l
+}) => `${e ? "" : `https://${s ? H : L}`}/${l ? "platform-api" : "api"}`, C = () => {
+  if (!O()) return "";
   const { hostname: e } = window.location;
   if (e) return e;
   try {
@@ -29,115 +29,118 @@ const L = "app.grapesjs.com", H = "app-stage.grapesjs.com", E = "app2.grapesjs.c
     return "";
   }
 }, N = () => {
-  const e = F();
-  return !!e && (z.includes(e) || z.some((a) => e.endsWith(a)));
+  const e = C();
+  return !!e && (z.includes(e) || z.some((s) => e.endsWith(s)));
 };
-async function C({
+async function U({
   path: e,
-  baseApiUrl: a,
-  method: i = "GET",
+  baseApiUrl: s,
+  method: l = "GET",
   headers: c = {},
-  params: n,
+  params: o,
   body: r
 }) {
-  const o = `${a || O({ isDev: !1, isStage: !1 })}${e}`, t = {
-    method: i,
+  const n = `${s || F({ isDev: !1, isStage: !1 })}${e}`, t = {
+    method: l,
     headers: {
       "Content-Type": "application/json",
       ...c
     }
   };
   r && (t.body = JSON.stringify(r));
-  const g = n ? new URLSearchParams(n).toString() : "", h = g ? `?${g}` : "", l = await fetch(`${o}${h}`, t);
-  if (!l.ok)
-    throw new Error(`HTTP error! status: ${l.status}`);
-  return l.json();
+  const g = o ? new URLSearchParams(o).toString() : "", h = g ? `?${g}` : "", i = await fetch(`${n}${h}`, t);
+  if (!i.ok)
+    throw new Error(`HTTP error! status: ${i.status}`);
+  return i.json();
 }
-var y = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(y || {}), V = /* @__PURE__ */ ((e) => (e.toastAdd = "studio:toastAdd", e.toastRemove = "studio:toastRemove", e.dialogOpen = "studio:dialogOpen", e.dialogClose = "studio:dialogClose", e.dialogExportCode = "studio:dialogExportCode", e.dialogImportCode = "studio:dialogImportCode", e.openEditCode = "studio:openEditCode", e.sidebarLeftSet = "studio:sidebarLeft:set", e.sidebarLeftGet = "studio:sidebarLeft:get", e.sidebarLeftToggle = "studio:sidebarLeft:toggle", e.sidebarRightSet = "studio:sidebarRight:set", e.sidebarRightGet = "studio:sidebarRight:get", e.sidebarRightToggle = "studio:sidebarRight:toggle", e.sidebarTopSet = "studio:sidebarTop:set", e.sidebarTopGet = "studio:sidebarTop:get", e.sidebarTopToggle = "studio:sidebarTop:toggle", e.sidebarBottomSet = "studio:sidebarBottom:set", e.sidebarBottomGet = "studio:sidebarBottom:get", e.sidebarBottomToggle = "studio:sidebarBottom:toggle", e.symbolAdd = "studio:symbolAdd", e.symbolDetach = "studio:symbolDetach", e.symbolOverride = "studio:symbolOverride", e.symbolPropagateStyles = "studio:propagateStyles", e.getPagesConfig = "studio:getPagesConfig", e.setPagesConfig = "studio:setPagesConfig", e.getPageSettings = "studio:getPageSettings", e.setPageSettings = "studio:setPageSettings", e.clearPage = "studio:clearPage", e.projectFiles = "studio:projectFiles", e.validateCode = "studio:validateCode", e.canvasReload = "studio:canvasReload", e.getBlocksPanel = "studio:getBlocksPanel", e.setBlocksPanel = "studio:setBlocksPanel", e.getStateContextMenu = "studio:getStateContextMenu", e.setStateContextMenu = "studio:setStateContextMenu", e.contextMenuComponent = "studio:contextMenuComponent", e.layoutAdd = "studio:layoutAdd", e.layoutRemove = "studio:layoutRemove", e.layoutToggle = "studio:layoutToggle", e.layoutUpdate = "studio:layoutUpdate", e.layoutGet = "studio:layoutGet", e.layoutConfigGet = "studio:layoutConfigGet", e.layoutConfigSet = "studio:layoutConfigSet", e.layoutComponentAdd = "studio:layoutComponentAdd", e.layoutComponentGet = "studio:layoutComponentGet", e.layoutComponentRemove = "studio:layoutComponentRemove", e.layoutComponentRender = "studio:layoutComponentRender", e.getStateTheme = "studio:getStateTheme", e.setStateTheme = "studio:setStateTheme", e.settings = "studio:settings", e.assetProviderGet = "studio:assetProviderGet", e.assetProviderAdd = "studio:assetProviderAdd", e.assetProviderRemove = "studio:assetProviderRemove", e.fontGet = "studio:fontGet", e.fontAdd = "studio:fontAdd", e.fontRemove = "studio:fontRemove", e.fontManagerOpen = "studio:fontManagerOpen", e.menuFontLoad = "studio:menuFontLoad", e.toggleStateDataSource = "studio:toggleStateDataSource", e.getStateDataSource = "studio:getStateDataSource", e.dataSourceSetGlobalData = "studio:dataSourceSetGlobalData", e.dataSourceSetImporter = "studio:dataSourceSetImporter", e.dataSourceSetExporter = "studio:dataSourceSetExporter", e.setDragAbsolute = "studio:setDragAbsolute", e))(V || {});
-const T = {
+var y = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(y || {}), V = /* @__PURE__ */ ((e) => (e.toastAdd = "studio:toastAdd", e.toastRemove = "studio:toastRemove", e.dialogOpen = "studio:dialogOpen", e.dialogClose = "studio:dialogClose", e.dialogExportCode = "studio:dialogExportCode", e.dialogImportCode = "studio:dialogImportCode", e.openEditCode = "studio:openEditCode", e.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))(V || {});
+const B = {
   [y.free]: 0,
   [y.startup]: 10,
   [y.business]: 20,
   [y.enterprise]: 30
 };
-function U(e) {
-  const a = e;
-  return a.init = (i) => (c) => e(c, i), a;
+function _(e, s) {
+  const l = e;
+  return l.init = (c) => {
+    const o = (r) => e(r, c);
+    return o.__gjsPluginId = s, o;
+  }, l;
 }
-const W = (e) => /* @__PURE__ */ U(e);
-async function _({
+const W = (e, s) => /* @__PURE__ */ _(e, s);
+async function j({
   editor: e,
-  plan: a,
-  pluginName: i,
+  plan: s,
+  pluginName: l,
   licenseKey: c,
-  onLicenseCheckResponse: n,
+  onLicenseCheckResponse: o,
   cleanup: r
 }) {
-  let p = "", o;
-  const t = (l) => {
-    console.warn("Cleanup plugin:", i, "Reason:", l), r();
-  }, g = (l = {}) => {
+  let p = "", n;
+  const t = (i) => {
+    console.warn("Cleanup plugin:", l, "Reason:", i), r(e, l);
+  }, g = (i = {}) => {
     var w;
-    const { error: A, sdkLicense: b } = l, u = (w = l.plan) == null ? void 0 : w.category;
-    if (!(b || l.license) || A)
+    const { error: A, sdkLicense: b } = i, u = (w = i.plan) == null ? void 0 : w.category;
+    if (!(b || i.license) || A)
       t(A || "Invalid license");
     else if (u) {
-      const R = T[a], x = T[u];
-      R > x && t({ pluginRequiredPlan: a, licensePlan: u });
+      const R = B[s], x = B[u];
+      R > x && t({ pluginRequiredPlan: s, licensePlan: u });
     }
   };
-  e.Commands.has(V.settings) && (o = e.runCommand(V.settings), p = (o == null ? void 0 : o.baseUrl) || "");
-  const h = (l) => {
-    n == null || n(l), l && g(l);
+  e.Commands.has(V.settings) && (n = e.runCommand(V.settings), p = (n == null ? void 0 : n.baseUrl) || "");
+  const h = (i) => {
+    o == null || o(i), i && g(i);
   };
-  if (!o) {
+  if (!n) {
     e.onReady(async () => {
       if (!N())
         if (c) {
-          const l = await Y({ licenseKey: c, pluginName: i, baseApiUrl: p });
-          h(l);
+          const i = await K({ licenseKey: c, pluginName: l, baseApiUrl: p });
+          h(i);
         } else
           t("The `licenseKey` option not provided");
     });
     return;
   }
-  if (o.licensePlan || o.licenseError) {
-    const l = j(o);
-    h(l);
+  if (n.licensePlan || n.licenseError) {
+    const i = Y(n);
+    h(i);
     return;
   }
-  e.on(G, (l) => h(l));
+  e.on(I, (i) => h(i));
 }
-const j = (e) => ({
+const Y = (e) => ({
   sdkLicense: e.license,
   license: e.license,
   error: e.licenseError,
   plan: e.licensePlan
 });
-async function Y(e) {
-  const { licenseKey: a, pluginName: i, baseApiUrl: c } = e;
+async function K(e) {
+  const { licenseKey: s, pluginName: l, baseApiUrl: c } = e;
   try {
-    return (await C({
+    return (await U({
       baseApiUrl: c,
-      path: `/sdk/${a || "na"}`,
+      path: `/sdk/${s || "na"}`,
       method: "POST",
       params: {
         d: window.location.hostname,
-        pn: i
+        pn: l
       }
     })).result || {};
-  } catch (n) {
-    return console.error("Error during SDK license check:", n), !1;
+  } catch (o) {
+    return console.error("Error during SDK license check:", o), !1;
   }
 }
-const K = (e, a) => {
-  var i;
-  return !!((i = e == null ? void 0 : e.classList) != null && i.contains(a));
-}, P = (e) => (a) => {
-  var i;
-  return ((i = a.getAttribute) == null ? void 0 : i.call(a, $)) === e;
-}, B = "gjs-plg-", $ = "data-type-role", X = "shapeDividerComponent", Z = y.startup, q = function(e, a = {}) {
-  const { Components: i, Blocks: c, Selectors: n } = e, r = "shape-divider", p = `${r}-cnt`, o = `${B}${r}`, t = `${B}${p}`, g = [
+const X = (e, s) => {
+  var l;
+  return !!((l = e == null ? void 0 : e.classList) != null && l.contains(s));
+}, P = (e) => (s) => {
+  var l;
+  return ((l = s.getAttribute) == null ? void 0 : l.call(s, $)) === e;
+}, T = "gjs-plg-", $ = "data-type-role", k = "shapeDividerComponent", Z = y.startup, q = function(e, s = {}) {
+  const { Components: l, Blocks: c, Selectors: o } = e, r = "shape-divider", p = `${r}-cnt`, n = `${T}${r}`, t = `${T}${p}`, g = [
     {
       id: "tilt",
       label: "Tilt",
@@ -317,13 +320,13 @@ const K = (e, a) => {
     bl: !1,
     bc: !1,
     br: !1
-  }, l = { ...h, bc: !0 }, A = { ...h, tc: !0 }, b = "shape", u = "flip-y", M = "flip-x", w = "Shape Divider", R = `<svg viewBox="0 0 22 22">
+  }, i = { ...h, bc: !0 }, A = { ...h, tc: !0 }, b = "shape", u = "flip-y", M = "flip-x", w = "Shape Divider", R = `<svg viewBox="0 0 22 22">
         <path fill="currentColor" d="M2 2v18h18V2H2zm0-2h18a2 2 0 012 2v18a2 2 0 01-2 2H2a2 2 0 01-2-2V2C0 .9.9 0 2 0zM1 13L2 0h18l1 9-20 4z"/>
-      </svg>`, { block: x = {} } = a;
-  e.on(n.events.add, (s) => {
-    s.getFullName().startsWith(`.${o}`) && s.set({ private: !0 });
-  }), i.addType(r, {
-    isComponent: (s) => P(r)(s) || K(s, o),
+      </svg>`, { block: x = {} } = s;
+  e.on(o.events.add, (a) => {
+    a.getFullName().startsWith(`.${n}`) && a.set({ private: !0 });
+  }), l.addType(r, {
+    isComponent: (a) => P(r)(a) || X(a, n),
     block: x && {
       label: w,
       media: R,
@@ -335,13 +338,13 @@ const K = (e, a) => {
       defaults: {
         droppable: !1,
         highlightable: !1,
-        classes: o,
+        classes: n,
         attributes: { [$]: r },
         components: { type: p },
-        styles: `.${o} { position: relative; }`,
+        styles: `.${n} { position: relative; }`,
         delegate: {
-          select: (s) => s.findFirstType(p),
-          layer: (s) => s.findFirstType(p)
+          select: (a) => a.findFirstType(p),
+          layer: (a) => a.findFirstType(p)
         }
       }
     },
@@ -350,7 +353,7 @@ const K = (e, a) => {
         this.el.style.height = "1px";
       }
     }
-  }), i.addType(p, {
+  }), l.addType(p, {
     isComponent: P(p),
     model: {
       defaults: {
@@ -361,13 +364,13 @@ const K = (e, a) => {
         icon: R,
         name: w,
         delegate: {
-          remove: (s) => s.parent(),
-          move: (s) => s.parent(),
-          copy: (s) => s.parent()
+          remove: (a) => a.parent(),
+          move: (a) => a.parent(),
+          copy: (a) => a.parent()
         },
         attributes: { [$]: p },
         [b]: g[0].id,
-        resizable: l,
+        resizable: i,
         stylable: ["height", "width", "color"],
         styles: `
           .${t} {
@@ -410,8 +413,8 @@ const K = (e, a) => {
             name: b,
             label: "Shape",
             changeProp: !0,
-            options: g.map(({ id: s, label: d, value: v }) => ({
-              id: s,
+            options: g.map(({ id: a, label: d, value: v }) => ({
+              id: a,
               label: d,
               icon: { icon: v.replace("<svg ", '<svg style="width: 35px; height: 7px; fill: currentColor;"') }
             }))
@@ -434,25 +437,25 @@ const K = (e, a) => {
         this.on(`change:${b}`, this.onShapeChange), this.on(`change:${M} change:${u}`, this.onFlip), this.onShapeChange();
       },
       onShapeChange() {
-        const s = this.get(b), d = g.find((f) => f.id === s), v = (d == null ? void 0 : d.value) || this.getInnerHTML().trim();
+        const a = this.get(b), d = g.find((f) => f.id === a), v = (d == null ? void 0 : d.value) || this.getInnerHTML().trim();
         this.components(""), v && this.set("content", v);
       },
       onFlip() {
-        const s = this.get(u), d = this.get(M), v = ["fl-v", "fl-h", "fl-v-h"].map((D) => `${t}--${D}`);
+        const a = this.get(u), d = this.get(M), v = ["fl-v", "fl-h", "fl-v-h"].map((D) => `${t}--${D}`);
         let f;
-        s && d ? f = v[2] : d ? f = v[1] : s && (f = v[0]), this.removeClass(v), f && this.addClass(f), this.set("resizable", s ? A : l);
+        a && d ? f = v[2] : d ? f = v[1] : a && (f = v[0]), this.removeClass(v), f && this.addClass(f), this.set("resizable", a ? A : i);
       }
     }
-  }), _({
+  }), j({
     editor: e,
-    licenseKey: a.licenseKey,
+    licenseKey: s.licenseKey,
     plan: Z,
-    pluginName: X,
+    pluginName: k,
     cleanup: () => {
-      i.removeType(r), c.remove(r);
+      l.removeType(r), c.remove(r);
     }
   });
-}, J = W(q);
+}, J = W(q, k);
 export {
   J as default
 };

package/dist/shapeDividerComponent/index.js

@@ -0,0 +1,97 @@
+"use strict";const L="app.grapesjs.com",H="app-stage.grapesjs.com",E="app2.grapesjs.com",G="app-stage2.grapesjs.com",z=[L,E,H,G,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io",".claudemcpcontent.com",".web-sandbox.oaiusercontent.com"],I="license:check:end",O=()=>typeof window<"u",F=({isDev:e,isStage:s,isPlatform:l})=>`${e?"":`https://${s?H:L}`}/${l?"platform-api":"api"}`,C=()=>{if(!O())return"";const{hostname:e}=window.location;if(e)return e;try{return window.parent.location.hostname||""}catch{return""}},N=()=>{const e=C();return!!e&&(z.includes(e)||z.some(s=>e.endsWith(s)))};async function U({path:e,baseApiUrl:s,method:l="GET",headers:c={},params:o,body:r}){const n=`${s||F({isDev:!1,isStage:!1})}${e}`,t={method:l,headers:{"Content-Type":"application/json",...c}};r&&(t.body=JSON.stringify(r));const g=o?new URLSearchParams(o).toString():"",h=g?`?${g}`:"",i=await fetch(`${n}${h}`,t);if(!i.ok)throw new Error(`HTTP error! status: ${i.status}`);return i.json()}var y=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(y||{}),V=(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))(V||{});const B={[y.free]:0,[y.startup]:10,[y.business]:20,[y.enterprise]:30};function _(e,s){const l=e;return l.init=c=>{const o=r=>e(r,c);return o.__gjsPluginId=s,o},l}const W=(e,s)=>_(e,s);async function j({editor:e,plan:s,pluginName:l,licenseKey:c,onLicenseCheckResponse:o,cleanup:r}){let p="",n;const t=i=>{console.warn("Cleanup plugin:",l,"Reason:",i),r(e,l)},g=(i={})=>{var w;const{error:A,sdkLicense:b}=i,u=(w=i.plan)==null?void 0:w.category;if(!(b||i.license)||A)t(A||"Invalid license");else if(u){const R=B[s],x=B[u];R>x&&t({pluginRequiredPlan:s,licensePlan:u})}};e.Commands.has(V.settings)&&(n=e.runCommand(V.settings),p=(n==null?void 0:n.baseUrl)||"");const h=i=>{o==null||o(i),i&&g(i)};if(!n){e.onReady(async()=>{if(!N())if(c){const i=await K({licenseKey:c,pluginName:l,baseApiUrl:p});h(i)}else t("The `licenseKey` option not provided")});return}if(n.licensePlan||n.licenseError){const i=Y(n);h(i);return}e.on(I,i=>h(i))}const Y=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function K(e){const{licenseKey:s,pluginName:l,baseApiUrl:c}=e;try{return(await U({baseApiUrl:c,path:`/sdk/${s||"na"}`,method:"POST",params:{d:window.location.hostname,pn:l}})).result||{}}catch(o){return console.error("Error during SDK license check:",o),!1}}const X=(e,s)=>{var l;return!!((l=e==null?void 0:e.classList)!=null&&l.contains(s))},P=e=>s=>{var l;return((l=s.getAttribute)==null?void 0:l.call(s,$))===e},T="gjs-plg-",$="data-type-role",k="shapeDividerComponent",Z=y.startup,q=function(e,s={}){const{Components:l,Blocks:c,Selectors:o}=e,r="shape-divider",p=`${r}-cnt`,n=`${T}${r}`,t=`${T}${p}`,g=[{id:"tilt",label:"Tilt",value:`<svg preserveAspectRatio="none" viewBox="0 0 240 24">
+              <path d="M240 24V0L0 24h240z"/>
+          </svg>`},{id:"tilt-split",label:"Tilt split",value:`<svg preserveAspectRatio="none" viewBox="0 0 240 24">
+              <path fill-opacity=".3" d="M240 24V0L0 24h240z"/>
+              <path d="M240 24V3.7L0 24h240z"/>
+              <path fill-opacity=".3" d="M240 24V2L0 24h240z"/>
+          </svg>`},{id:"triangle",label:"Trinagle",value:`<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 1200 120">
+              <path d="M1200 0L0 0 598.97 114.72 1200 0z"/>
+          </svg>`},{id:"triangle-inv",label:"Trinagle inverted",value:`<svg preserveAspectRatio="none" viewBox="0 0 1200 120">
+              <path d="M598.97 114.72L0 0 0 120 1200 120 1200 0 598.97 114.72z"></path>
+          </svg>`},{id:"triangle-asy",label:"Trinagle asymmetrical",value:`<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 1200 120">
+              <path d="M1200 0L0 0 892.25 114.72 1200 0z"></path>
+          </svg>`},{id:"book",label:"Book",value:`<svg preserveAspectRatio="none" viewBox="0 0 1200 120">
+              <path d="M602.45,3.86h0S572.9,116.24,281.94,120H923C632,116.24,602.45,3.86,602.45,3.86Z"></path>
+          </svg>`},{id:"book-inv",label:"Book inverted",value:`<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 1200 120">
+              <path d="M1200,0H0V120H281.94C572.9,116.24,602.45,3.86,602.45,3.86h0S632,116.24,923,120h277Z" ></path>
+          </svg>`},{id:"hills",label:"Hills",value:`<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
+              <path d="M0 0v14.2a49 49 0 0110.3-2.7c17.5-2.8 24.4 6 43.5 11.1 26.8 7.2 39.3-19.2 63.4-19.2 22.6 0 40.4 27 65 18.6 14.7-5 19-14 39.9-17.6 7-1.3 13-1.8 17.9-1V0"/>
+          </svg>`},{id:"hills-split",label:"Hills split",value:`<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
+              <path d="M0 0v14.2a49 49 0 0110.3-2.7c17.5-2.8 24.4 6 43.5 11.1 26.8 7.2 39.3-19.2 63.4-19.2 22.6 0 40.4 27 65 18.6 14.7-5 19-14 39.9-17.6 7-1.3 13-1.8 17.9-1V0"/>
+              <path fill-opacity=".3" d="M0 0v18.1a49 49 0 0115.9-4.9c17-2.3 23.8 5.2 42.5 9.7C84.5 29 96.6 6.3 120 6.3c22.1 0 39.5 23.3 63.6 16 14.2-4.3 18.5-12 38.8-15.2A62.3 62.3 0 01240 6V0"/>
+              <path fill-opacity=".3" d="M0 0v13.4c3.8-.8 7.6-1.4 10.3-1.8 17.3-2.8 24.4 6 47.2 11.1 32 7.2 35-18.1 60.7-18.1 24.1 0 45.2 23 67.4 14.6 13.2-5 19-13.7 39.4-17.4 5.5-1 10.4-1.5 15-1.3V0"/>
+          </svg>`},{id:"low-hills",label:"Low hills",value:`<svg preserveAspectRatio="none" viewBox="0 0 240 24">
+              <path d="M240 24V0c-51.8 0-69.9 13.2-94.7 15.6-24.7 2.4-43.9-1.2-63.8-1-19.1 0-31.2 3.6-51.3 6.5A126 126 0 010 22V24h240z"/>
+          </svg>`},{id:"low-hills-split",label:"Low hills split",value:`<svg preserveAspectRatio="none" viewBox="0 0 240 24">
+              <path fill-opacity=".3" d="M240 24V0c-51.8 0-69.9 13.2-94.7 15.6-24.7 2.4-43.9-1.2-63.8-1-19.1 0-31.2 3.6-51.3 6.5A126 126 0 010 22V24h240z"/>
+              <path fill-opacity=".3" d="M240 24V2.2c-51.8 0-69.9 12-94.7 14.2-24.7 2.1-43.9-1.1-63.8-1-19.1 0-31.2 3.3-51.3 6-14.6 1.8-25.9 1.2-30.2.8V24h240z"/>
+              <path d="M240 24V3.7c-51.8 0-69.9 11.7-94.7 14-24.7 2.4-43.9-3.2-63.8-3.1-19.1 0-31.2 3.6-51.3 6.5a128 128 0 01-30.2 1V24h240z"/>
+          </svg>`},{id:"high-hills",label:"High hills",value:`<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
+              <path d="M240 0H0v23.5c4.3.5 15.5 1.2 30.2-.9 20.1-2.8 32.1-6.2 51.3-6.3 20 0 39 3.4 63.8 1 24.8-2.2 42.9-15 94.7-15"/>
+          </svg>`},{id:"high-hills-split",label:"High hills split",value:`<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
+              <path fill-opacity=".3" d="M240 0H0v23.5c4.3.5 15.5 1.2 30.2-.9 20.1-2.8 32.1-6.2 51.3-6.3 20 0 39 3.4 63.8 1 24.8-2.2 42.9-15 94.7-15"/>
+              <path fill-opacity=".3" d="M240 0H0v23.4c4.3.4 15.5 1.2 30.2-1 20.1-3.1 32.1-6.9 51.3-7 20 0 39 6 63.8 3.4C170 16.3 188.2 4 240 4"/>
+              <path d="M0 23.3c4.3.5 15.5 1.3 30.2-1 20.1-3 32.1-6.8 51.3-7 20 0 39 3.8 63.8 1.2C170 14 188.2 0 240 0H0v23.3z"/>
+          </svg>`},{id:"large-hill",label:"One hill",value:`<svg preserveAspectRatio="none" viewBox="0 0 240 24">
+              <path d="M0 13.2V24h240V13.3A541.2 541.2 0 00119.8 0C69.2 0 27.6 6.9 0 13.2z"/>
+          </svg>`},{id:"large-hill-split",label:"One hill split",value:`<svg preserveAspectRatio="none" viewBox="0 0 240 24">
+              <path fill-opacity=".3" d="M0 13.2V24h240V13.3A541.2 541.2 0 00119.8 0C69.2 0 27.6 6.9 0 13.2z"/>
+              <path fill-opacity=".3" d="M0 18.9V24h240v-5A437.4 437.4 0 00119.8 2.7C64.4 2.7 21.6 12.6 0 19z"/>
+              <path d="M119.8 5.1C47.8 5.1 0 24 0 24h240S191.8 5.1 119.8 5.1z"/>
+          </svg>`},{id:"pit",label:"Pit",value:`<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
+              <path d="M240 24V0H0v24S47.9 5.1 119.8 5.1C191.8 5.1 240 24 240 24z"/>
+          </svg>`},{id:"pit-split",label:"Pit split",value:`<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
+              <path fill-opacity=".3" d="M240 24V0H0v24S47.9 5.1 119.8 5.1C191.8 5.1 240 24 240 24z"/>
+              <path fill-opacity=".3" d="M119.8 2.7c55.6 0 98.5 10 120.2 16.2V0H0v18.9A434.6 434.6 0 01119.8 2.7z"/>
+              <path d="M119.8.1A541 541 0 01240 13.4V0H0v13.3A538.9 538.9 0 01119.8.1z"/>
+          </svg>`},{id:"waves",label:"Waves",value:`<svg preserveAspectRatio="none" viewBox="0 0 240 24">
+              <path d="M240 0c-4.6-.2-9.6.4-15 1.4-20.4 3.7-26.3 12.3-39.4 17.3C163.3 27 144 4 119.9 4c-25.6 0-30.5 25.3-62.5 18-22.8-5.1-29.8-13.8-47-11-2.8.4-6.6 1-10.4 1.8V24h240V0z"/>
+          </svg>`},{id:"waves-split",label:"Waves split",value:`<svg preserveAspectRatio="none" viewBox="0 0 240 24">
+              <path fill-opacity=".3" d="M240 0c-4.6-.2-9.6.4-15 1.4-20.4 3.7-26.3 12.3-39.4 17.3C163.3 27 144 4 119.9 4c-25.6 0-30.5 25.3-62.5 18-22.8-5.1-29.8-13.8-47-11-2.8.4-6.6 1-10.4 1.8V24h240V0z"/>
+              <path fill-opacity=".3" d="M222 3.9c-20.8 3.7-25.1 12.6-39.8 17.6C157.6 29.9 141.5 3 118.9 3 94.7 3 80.6 29.3 53.8 22c-19-5-26-13.8-43.5-11-3.7.6-7.2 1.5-10.3 2.7V24h240V2.9c-5-.8-10.9-.3-18 1z"/>
+              <path d="M240 5.7c-4.8-.6-10.6-.2-17.5.9-20.3 3.2-24.6 10.9-38.9 15.2-24 7.3-39.7-16-61.8-16-23.5 0-37.3 22.7-63.5 16.5C39.7 18 33 10.3 16 12.7c-6.1.9-11.5 2.6-15.9 6.7V24h240V5.7z"/>
+          </svg>`},{id:"windy-waves",label:"Windy waves",value:`<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
+              <path d="M0 0v18C21.5 7 49.6 2.2 64.8 6.4 82 11.2 75.4 25.2 91.7 23.9c14.2-1.1 25.8-12.3 40-12.3 10.4 0 7.8 6 18.8 6.9 11.5.8 21.6-5 37.2-9 19.9-5 42.1-5.3 52.3 0V0H0z"/>
+          </svg>`},{id:"windy-waves-split",label:"Windy waves split",value:`<svg class="${t}-inv" preserveAspectRatio="none" viewBox="0 0 240 24">
+              <path d="M0 0v14.9C21.6 4.7 57.5 0 71 4.3c16 4.8 9.6 19.3 26 18 14.5-1 25.5-13 40.5-12.9 11 0 10.1 6.6 21.7 7.5 12.1 1 17-7 36-11.4 17.6-4.2 33.4-6.1 44.8-5V0H0z"/>
+              <path fill-opacity=".3" d="M0 16.7C19.2 5.9 55.8 1 70 5 86 10 78.4 24 94.1 22.8c14-1 27.8-12.7 42.4-12.7 10.7 0 9.1 6.5 20.5 7.4 11.9.9 16.8-6.8 34.8-11.2 19.8-4.8 36.9-5 48.1-1.7V0H0"/>
+              <path fill-opacity=".3" d="M0 0v18C21.5 7 49.6 2.2 64.8 6.4 82 11.2 75.4 25.2 91.7 23.9c14.2-1.1 25.8-12.3 40-12.3 10.4 0 7.8 6 18.8 6.9 11.5.8 21.6-5 37.2-9 19.9-5 42.1-5.3 52.3 0V0H0z"/>
+          </svg>`},{id:"zigzag",label:"Zigzag",value:`<svg class="${t}-inv" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1000 38">
+              <path d="M75 38l25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25 25 25 25-25V.0H0V13l25 25 25-25z"/>
+          </svg>`}],h={tl:!1,tc:!1,tr:!1,cl:!1,cr:!1,bl:!1,bc:!1,br:!1},i={...h,bc:!0},A={...h,tc:!0},b="shape",u="flip-y",M="flip-x",w="Shape Divider",R=`<svg viewBox="0 0 22 22">
+        <path fill="currentColor" d="M2 2v18h18V2H2zm0-2h18a2 2 0 012 2v18a2 2 0 01-2 2H2a2 2 0 01-2-2V2C0 .9.9 0 2 0zM1 13L2 0h18l1 9-20 4z"/>
+      </svg>`,{block:x={}}=s;e.on(o.events.add,a=>{a.getFullName().startsWith(`.${n}`)&&a.set({private:!0})}),l.addType(r,{isComponent:a=>P(r)(a)||X(a,n),block:x&&{label:w,media:R,category:"Extra",select:!0,...x},model:{defaults:{droppable:!1,highlightable:!1,classes:n,attributes:{[$]:r},components:{type:p},styles:`.${n} { position: relative; }`,delegate:{select:a=>a.findFirstType(p),layer:a=>a.findFirstType(p)}}},view:{onRender(){this.el.style.height="1px"}}}),l.addType(p,{isComponent:P(p),model:{defaults:{droppable:!1,highlightable:!1,classes:t,emptyState:!0,icon:R,name:w,delegate:{remove:a=>a.parent(),move:a=>a.parent(),copy:a=>a.parent()},attributes:{[$]:p},[b]:g[0].id,resizable:i,stylable:["height","width","color"],styles:`
+          .${t} {
+              position: absolute;
+              width: 100%;
+              height: 100px;
+              color: black;
+              overflow: hidden;
+          }
+          .${t} > svg {
+              height: 100%;
+              width: 100%;
+              transform: scaleY(-1);
+          }
+          .${t}--fl-v {
+              transform: translateY(-100%);
+          }
+          .${t}--fl-v-h {
+              transform: translateY(-100%);
+          }
+          .${t}--fl-v > svg {
+              transform: scaleY(1);
+          }
+          .${t}--fl-h > svg {
+              transform: scaleX(-1) scaleY(-1);
+          }
+          .${t}--fl-v-h > svg {
+              transform: scaleY(1) scaleX(-1);
+          }
+          .${t} > svg > path {
+              fill: currentColor;
+          }
+          .${t}-inv > path {
+              transform: scale(-1, -1) translate(-100%, -100%);
+          }
+          `,traits:[{type:"select",name:b,label:"Shape",changeProp:!0,options:g.map(({id:a,label:d,value:v})=>({id:a,label:d,icon:{icon:v.replace("<svg ",'<svg style="width: 35px; height: 7px; fill: currentColor;"')}}))},{type:"checkbox",name:u,label:"Flip vertically",changeProp:!0},{type:"checkbox",name:M,label:"flip horizontally",changeProp:!0}]},init(){this.on(`change:${b}`,this.onShapeChange),this.on(`change:${M} change:${u}`,this.onFlip),this.onShapeChange()},onShapeChange(){const a=this.get(b),d=g.find(f=>f.id===a),v=(d==null?void 0:d.value)||this.getInnerHTML().trim();this.components(""),v&&this.set("content",v)},onFlip(){const a=this.get(u),d=this.get(M),v=["fl-v","fl-h","fl-v-h"].map(D=>`${t}--${D}`);let f;a&&d?f=v[2]:d?f=v[1]:a&&(f=v[0]),this.removeClass(v),f&&this.addClass(f),this.set("resizable",a?A:i)}}}),j({editor:e,licenseKey:s.licenseKey,plan:Z,pluginName:k,cleanup:()=>{l.removeType(r),c.remove(r)}})},J=W(q,k);module.exports=J;