@grapesjs/studio-sdk-plugins 1.0.37 → 1.0.38-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/accordionComponent/index.cjs.js +3 -3
- package/dist/accordionComponent/index.es.js +12 -12
- package/dist/accordionComponent/index.umd.js +3 -3
- package/dist/aiChat/index.cjs.js +85 -85
- package/dist/aiChat/index.es.js +9759 -9332
- package/dist/aiChat/index.js +85 -85
- package/dist/aiChat/index.umd.js +86 -86
- package/dist/aiChat/locales/en.d.ts +11 -0
- package/dist/aiChat/server/index.cjs.js +1 -1
- package/dist/aiChat/server/index.es.js +1 -1
- package/dist/aiChat/server/index.js +1 -1
- package/dist/aiChat/server/index.umd.js +1 -1
- package/dist/aiChat/types.d.ts +1 -1
- package/dist/animationComponent/index.cjs.js +3 -3
- package/dist/animationComponent/index.es.js +10 -10
- package/dist/animationComponent/index.umd.js +3 -3
- package/dist/canvasAbsoluteMode/index.cjs.js +1 -1
- package/dist/canvasAbsoluteMode/index.es.js +10 -10
- package/dist/canvasAbsoluteMode/index.umd.js +1 -1
- package/dist/canvasEmptyState/index.cjs.js +1 -1
- package/dist/canvasEmptyState/index.es.js +1 -1
- package/dist/canvasEmptyState/index.umd.js +1 -1
- package/dist/canvasFullSize/index.cjs.js +4 -4
- package/dist/canvasFullSize/index.es.js +15 -15
- package/dist/canvasFullSize/index.umd.js +3 -3
- package/dist/canvasGridMode/index.cjs.js +2 -2
- package/dist/canvasGridMode/index.es.js +233 -228
- package/dist/canvasGridMode/index.umd.js +2 -2
- package/dist/canvasScreenshot/index.cjs.js +1 -1
- package/dist/canvasScreenshot/index.es.js +11 -11
- package/dist/canvasScreenshot/index.umd.js +1 -1
- package/dist/dataSourceEjs/index.cjs.js +2 -2
- package/dist/dataSourceEjs/index.es.js +5 -5
- package/dist/dataSourceEjs/index.umd.js +1 -1
- package/dist/dataSourceHandlebars/index.cjs.js +1 -1
- package/dist/dataSourceHandlebars/index.es.js +105 -105
- package/dist/dataSourceHandlebars/index.umd.js +5 -5
- package/dist/dialogComponent/index.cjs.js +3 -3
- package/dist/dialogComponent/index.es.js +18 -18
- package/dist/dialogComponent/index.umd.js +3 -3
- package/dist/flexComponent/index.cjs.js +1 -1
- package/dist/flexComponent/index.es.js +1 -1
- package/dist/flexComponent/index.umd.js +3 -3
- package/dist/fsLightboxComponent/index.cjs.js +1 -1
- package/dist/fsLightboxComponent/index.es.js +7 -7
- package/dist/fsLightboxComponent/index.umd.js +2 -2
- package/dist/googleFontsAssetProvider/index.cjs.js +1 -1
- package/dist/googleFontsAssetProvider/index.es.js +12 -12
- package/dist/googleFontsAssetProvider/index.umd.js +1 -1
- package/dist/iconifyComponent/index.cjs.js +2 -2
- package/dist/iconifyComponent/index.es.js +61 -61
- package/dist/iconifyComponent/index.umd.js +2 -2
- package/dist/index.cjs.js +24 -24
- package/dist/index.es.js +335 -330
- package/dist/index.umd.js +25 -25
- package/dist/layoutSidebarButtons/index.cjs.js +1 -1
- package/dist/layoutSidebarButtons/index.es.js +15 -15
- package/dist/layoutSidebarButtons/index.umd.js +1 -1
- package/dist/lightGalleryComponent/index.cjs.js +1 -1
- package/dist/lightGalleryComponent/index.es.js +20 -20
- package/dist/lightGalleryComponent/index.umd.js +1 -1
- package/dist/linkImageComponent/index.cjs.js +1 -1
- package/dist/linkImageComponent/index.es.js +1 -1
- package/dist/linkImageComponent/index.umd.js +2 -2
- package/dist/listPagesComponent/index.cjs.js +2 -2
- package/dist/listPagesComponent/index.es.js +10 -10
- package/dist/listPagesComponent/index.umd.js +2 -2
- package/dist/presetPrintable/index.cjs.js +5 -5
- package/dist/presetPrintable/index.es.js +47 -47
- package/dist/presetPrintable/index.umd.js +4 -4
- package/dist/prosemirror/index.cjs.js +1 -1
- package/dist/prosemirror/index.es.js +1 -1
- package/dist/prosemirror/index.umd.js +1 -1
- package/dist/rendererReact/index.cjs.js +1 -1
- package/dist/rendererReact/index.es.js +16 -16
- package/dist/rendererReact/index.js +1 -1
- package/dist/rendererReact/index.umd.js +1 -1
- package/dist/rteTinyMce/index.cjs.js +2 -2
- package/dist/rteTinyMce/index.es.js +27 -27
- package/dist/rteTinyMce/index.umd.js +1 -1
- package/dist/shapeDividerComponent/index.cjs.js +1 -1
- package/dist/shapeDividerComponent/index.es.js +10 -10
- package/dist/shapeDividerComponent/index.umd.js +2 -2
- package/dist/swiperComponent/index.cjs.js +1 -1
- package/dist/swiperComponent/index.es.js +1 -1
- package/dist/swiperComponent/index.umd.js +1 -1
- package/dist/tableComponent/index.cjs.js +1 -1
- package/dist/tableComponent/index.es.js +9 -9
- package/dist/tableComponent/index.umd.js +1 -1
- package/dist/youtubeAssetProvider/index.cjs.js +1 -1
- package/dist/youtubeAssetProvider/index.es.js +5 -5
- package/dist/youtubeAssetProvider/index.umd.js +1 -1
- package/package.json +1 -1
|
@@ -28,11 +28,11 @@ const A = "app.grapesjs.com", k = "app-stage.grapesjs.com", R = "app2.grapesjs.c
|
|
|
28
28
|
} catch {
|
|
29
29
|
return "";
|
|
30
30
|
}
|
|
31
|
-
},
|
|
31
|
+
}, M = () => {
|
|
32
32
|
const e = B();
|
|
33
33
|
return !!e && (x.includes(e) || x.some((s) => e.endsWith(s)));
|
|
34
34
|
};
|
|
35
|
-
async function
|
|
35
|
+
async function I({
|
|
36
36
|
path: e,
|
|
37
37
|
baseApiUrl: s,
|
|
38
38
|
method: r = "GET",
|
|
@@ -53,18 +53,18 @@ async function M({
|
|
|
53
53
|
throw new Error(`HTTP error! status: ${o.status}`);
|
|
54
54
|
return o.json();
|
|
55
55
|
}
|
|
56
|
-
var
|
|
56
|
+
var E = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(E || {}), T = /* @__PURE__ */ ((e) => (e.toastAdd = "studio:toastAdd", e.toastRemove = "studio:toastRemove", e.dialogOpen = "studio:dialogOpen", e.dialogClose = "studio:dialogClose", e.dialogExportCode = "studio:dialogExportCode", e.dialogImportCode = "studio:dialogImportCode", e.openEditCode = "studio:openEditCode", e.sidebarLeftSet = "studio:sidebarLeft:set", e.sidebarLeftGet = "studio:sidebarLeft:get", e.sidebarLeftToggle = "studio:sidebarLeft:toggle", e.sidebarRightSet = "studio:sidebarRight:set", e.sidebarRightGet = "studio:sidebarRight:get", e.sidebarRightToggle = "studio:sidebarRight:toggle", e.sidebarTopSet = "studio:sidebarTop:set", e.sidebarTopGet = "studio:sidebarTop:get", e.sidebarTopToggle = "studio:sidebarTop:toggle", e.sidebarBottomSet = "studio:sidebarBottom:set", e.sidebarBottomGet = "studio:sidebarBottom:get", e.sidebarBottomToggle = "studio:sidebarBottom:toggle", e.symbolAdd = "studio:symbolAdd", e.symbolDetach = "studio:symbolDetach", e.symbolOverride = "studio:symbolOverride", e.symbolPropagateStyles = "studio:propagateStyles", e.getPagesConfig = "studio:getPagesConfig", e.setPagesConfig = "studio:setPagesConfig", e.getPageSettings = "studio:getPageSettings", e.setPageSettings = "studio:setPageSettings", e.clearPage = "studio:clearPage", e.projectFiles = "studio:projectFiles", e.validateCode = "studio:validateCode", e.canvasReload = "studio:canvasReload", e.getBlocksPanel = "studio:getBlocksPanel", e.setBlocksPanel = "studio:setBlocksPanel", e.getStateContextMenu = "studio:getStateContextMenu", e.setStateContextMenu = "studio:setStateContextMenu", e.contextMenuComponent = "studio:contextMenuComponent", e.layoutAdd = "studio:layoutAdd", e.layoutRemove = "studio:layoutRemove", e.layoutToggle = "studio:layoutToggle", e.layoutUpdate = "studio:layoutUpdate", e.layoutGet = "studio:layoutGet", e.layoutConfigGet = "studio:layoutConfigGet", e.layoutConfigSet = "studio:layoutConfigSet", e.layoutComponentAdd = "studio:layoutComponentAdd", e.layoutComponentGet = "studio:layoutComponentGet", e.layoutComponentRemove = "studio:layoutComponentRemove", e.layoutComponentRender = "studio:layoutComponentRender", e.getStateTheme = "studio:getStateTheme", e.setStateTheme = "studio:setStateTheme", e.settings = "studio:settings", e.assetProviderGet = "studio:assetProviderGet", e.assetProviderAdd = "studio:assetProviderAdd", e.assetProviderRemove = "studio:assetProviderRemove", e.fontGet = "studio:fontGet", e.fontAdd = "studio:fontAdd", e.fontRemove = "studio:fontRemove", e.fontManagerOpen = "studio:fontManagerOpen", e.menuFontLoad = "studio:menuFontLoad", e.toggleStateDataSource = "studio:toggleStateDataSource", e.getStateDataSource = "studio:getStateDataSource", e.dataSourceSetGlobalData = "studio:dataSourceSetGlobalData", e.dataSourceSetImporter = "studio:dataSourceSetImporter", e.dataSourceSetExporter = "studio:dataSourceSetExporter", e.setDragAbsolute = "studio:setDragAbsolute", e))(T || {});
|
|
57
57
|
const O = {
|
|
58
|
-
[
|
|
59
|
-
[
|
|
60
|
-
[
|
|
61
|
-
[
|
|
58
|
+
[E.free]: 0,
|
|
59
|
+
[E.startup]: 10,
|
|
60
|
+
[E.business]: 20,
|
|
61
|
+
[E.enterprise]: 30
|
|
62
62
|
};
|
|
63
|
-
function
|
|
63
|
+
function m(e) {
|
|
64
64
|
const s = e;
|
|
65
65
|
return s.init = (r) => (n) => e(n, r), s;
|
|
66
66
|
}
|
|
67
|
-
const U = (e) => /* @__PURE__ */
|
|
67
|
+
const U = (e) => /* @__PURE__ */ m(e);
|
|
68
68
|
async function q({
|
|
69
69
|
editor: e,
|
|
70
70
|
plan: s,
|
|
@@ -92,7 +92,7 @@ async function q({
|
|
|
92
92
|
};
|
|
93
93
|
if (!a) {
|
|
94
94
|
e.onReady(async () => {
|
|
95
|
-
if (!
|
|
95
|
+
if (!M())
|
|
96
96
|
if (n) {
|
|
97
97
|
const o = await F({ licenseKey: n, pluginName: r, baseApiUrl: u });
|
|
98
98
|
d(o);
|
|
@@ -117,7 +117,7 @@ const X = (e) => ({
|
|
|
117
117
|
async function F(e) {
|
|
118
118
|
const { licenseKey: s, pluginName: r, baseApiUrl: n } = e;
|
|
119
119
|
try {
|
|
120
|
-
return (await
|
|
120
|
+
return (await I({
|
|
121
121
|
baseApiUrl: n,
|
|
122
122
|
path: `/sdk/${s || "na"}`,
|
|
123
123
|
method: "POST",
|
|
@@ -207,15 +207,15 @@ const j = (...e) => e.map((s) => `[data-gjs-type="${s}"]`).join(","), z = "dialo
|
|
|
207
207
|
const t = this;
|
|
208
208
|
function b(y) {
|
|
209
209
|
const f = t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]'), h = t.querySelector('[data-type-role="gjs-plg-dialog-close"]');
|
|
210
|
-
function
|
|
210
|
+
function W() {
|
|
211
211
|
f.style.display = "none";
|
|
212
212
|
}
|
|
213
|
-
y ? (t._onCloseWhenPressingX =
|
|
213
|
+
y ? (t._onCloseWhenPressingX = W, h.addEventListener("click", t._onCloseWhenPressingX)) : (h.removeEventListener("click", t._onCloseWhenPressingX), t._onCloseWhenPressingX = null);
|
|
214
214
|
}
|
|
215
215
|
function P(y) {
|
|
216
216
|
const f = t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
|
|
217
|
-
function h(
|
|
218
|
-
|
|
217
|
+
function h(W) {
|
|
218
|
+
W.key === "Escape" && (f.style.display = "none");
|
|
219
219
|
}
|
|
220
220
|
y ? (t._onCloseWhenPressingEsc = h, t.addEventListener("keydown", t._onCloseWhenPressingEsc)) : (t.removeEventListener("keydown", t._onCloseWhenPressingEsc), t._onCloseWhenPressingEsc = null);
|
|
221
221
|
}
|
|
@@ -229,8 +229,8 @@ const j = (...e) => e.map((s) => `[data-gjs-type="${s}"]`).join(","), z = "dialo
|
|
|
229
229
|
function D(y) {
|
|
230
230
|
const f = t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
|
|
231
231
|
function h() {
|
|
232
|
-
const
|
|
233
|
-
y &&
|
|
232
|
+
const W = document.documentElement.scrollTop;
|
|
233
|
+
y && W >= Number(y) && (f.style.display = "flex");
|
|
234
234
|
}
|
|
235
235
|
y ? (t._onOpenWhenScrollingToLevel = h, document.addEventListener("scroll", t._onOpenWhenScrollingToLevel)) : (document.removeEventListener("scroll", t._onOpenWhenScrollingToLevel), t._onOpenWhenScrollingToLevel = null);
|
|
236
236
|
}
|
|
@@ -396,7 +396,7 @@ const j = (...e) => e.map((s) => `[data-gjs-type="${s}"]`).join(","), z = "dialo
|
|
|
396
396
|
}), q({
|
|
397
397
|
editor: e,
|
|
398
398
|
licenseKey: c,
|
|
399
|
-
plan:
|
|
399
|
+
plan: E.startup,
|
|
400
400
|
pluginName: z,
|
|
401
401
|
cleanup: () => {
|
|
402
402
|
r.remove(i), n.removeType(i);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(P,
|
|
1
|
+
(function(P,E){typeof exports=="object"&&typeof module<"u"?module.exports=E():typeof define=="function"&&define.amd?define(E):(P=typeof globalThis<"u"?globalThis:P||self,P.StudioSdkPlugins_dialogComponent=E())})(this,function(){"use strict";const P="app.grapesjs.com",E="app-stage.grapesjs.com",O=[P,"app2.grapesjs.com",E,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io",".claudemcpcontent.com",".web-sandbox.oaiusercontent.com"],k="license:check:end",_=()=>typeof window<"u",R=({isDev:e,isStage:s,isPlatform:r})=>`${e?"":`https://${s?E:P}`}/${r?"platform-api":"api"}`,$=()=>{if(!_())return"";const{hostname:e}=window.location;if(e)return e;try{return window.parent.location.hostname||""}catch{return""}},G=()=>{const e=$();return!!e&&(O.includes(e)||O.some(s=>e.endsWith(s)))};async function N({path:e,baseApiUrl:s,method:r="GET",headers:n={},params:c,body:i}){const a=`${s||R({isDev:!1,isStage:!1})}${e}`,g={method:r,headers:{"Content-Type":"application/json",...n}};i&&(g.body=JSON.stringify(i));const p=c?new URLSearchParams(c).toString():"",d=p?`?${p}`:"",o=await fetch(`${a}${d}`,g);if(!o.ok)throw new Error(`HTTP error! status: ${o.status}`);return o.json()}var T=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(T||{}),L=(e=>(e.toastAdd="studio:toastAdd",e.toastRemove="studio:toastRemove",e.dialogOpen="studio:dialogOpen",e.dialogClose="studio:dialogClose",e.dialogExportCode="studio:dialogExportCode",e.dialogImportCode="studio:dialogImportCode",e.openEditCode="studio:openEditCode",e.sidebarLeftSet="studio:sidebarLeft:set",e.sidebarLeftGet="studio:sidebarLeft:get",e.sidebarLeftToggle="studio:sidebarLeft:toggle",e.sidebarRightSet="studio:sidebarRight:set",e.sidebarRightGet="studio:sidebarRight:get",e.sidebarRightToggle="studio:sidebarRight:toggle",e.sidebarTopSet="studio:sidebarTop:set",e.sidebarTopGet="studio:sidebarTop:get",e.sidebarTopToggle="studio:sidebarTop:toggle",e.sidebarBottomSet="studio:sidebarBottom:set",e.sidebarBottomGet="studio:sidebarBottom:get",e.sidebarBottomToggle="studio:sidebarBottom:toggle",e.symbolAdd="studio:symbolAdd",e.symbolDetach="studio:symbolDetach",e.symbolOverride="studio:symbolOverride",e.symbolPropagateStyles="studio:propagateStyles",e.getPagesConfig="studio:getPagesConfig",e.setPagesConfig="studio:setPagesConfig",e.getPageSettings="studio:getPageSettings",e.setPageSettings="studio:setPageSettings",e.clearPage="studio:clearPage",e.projectFiles="studio:projectFiles",e.validateCode="studio:validateCode",e.canvasReload="studio:canvasReload",e.getBlocksPanel="studio:getBlocksPanel",e.setBlocksPanel="studio:setBlocksPanel",e.getStateContextMenu="studio:getStateContextMenu",e.setStateContextMenu="studio:setStateContextMenu",e.contextMenuComponent="studio:contextMenuComponent",e.layoutAdd="studio:layoutAdd",e.layoutRemove="studio:layoutRemove",e.layoutToggle="studio:layoutToggle",e.layoutUpdate="studio:layoutUpdate",e.layoutGet="studio:layoutGet",e.layoutConfigGet="studio:layoutConfigGet",e.layoutConfigSet="studio:layoutConfigSet",e.layoutComponentAdd="studio:layoutComponentAdd",e.layoutComponentGet="studio:layoutComponentGet",e.layoutComponentRemove="studio:layoutComponentRemove",e.layoutComponentRender="studio:layoutComponentRender",e.getStateTheme="studio:getStateTheme",e.setStateTheme="studio:setStateTheme",e.settings="studio:settings",e.assetProviderGet="studio:assetProviderGet",e.assetProviderAdd="studio:assetProviderAdd",e.assetProviderRemove="studio:assetProviderRemove",e.fontGet="studio:fontGet",e.fontAdd="studio:fontAdd",e.fontRemove="studio:fontRemove",e.fontManagerOpen="studio:fontManagerOpen",e.menuFontLoad="studio:menuFontLoad",e.toggleStateDataSource="studio:toggleStateDataSource",e.getStateDataSource="studio:getStateDataSource",e.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",e.dataSourceSetImporter="studio:dataSourceSetImporter",e.dataSourceSetExporter="studio:dataSourceSetExporter",e.setDragAbsolute="studio:setDragAbsolute",e))(L||{});const A={[T.free]:0,[T.startup]:10,[T.business]:20,[T.enterprise]:30};function m(e){const s=e;return s.init=r=>n=>e(n,r),s}const M=e=>m(e);async function B({editor:e,plan:s,pluginName:r,licenseKey:n,onLicenseCheckResponse:c,cleanup:i}){let u="",a;const g=o=>{console.warn("Cleanup plugin:",r,"Reason:",o),i()},p=(o={})=>{var v;const{error:f,sdkLicense:D}=o,l=(v=o.plan)==null?void 0:v.category;if(!(D||o.license)||f)g(f||"Invalid license");else if(l){const W=A[s],x=A[l];W>x&&g({pluginRequiredPlan:s,licensePlan:l})}};e.Commands.has(L.settings)&&(a=e.runCommand(L.settings),u=(a==null?void 0:a.baseUrl)||"");const d=o=>{c==null||c(o),o&&p(o)};if(!a){e.onReady(async()=>{if(!G())if(n){const o=await U({licenseKey:n,pluginName:r,baseApiUrl:u});d(o)}else g("The `licenseKey` option not provided")});return}if(a.licensePlan||a.licenseError){const o=I(a);d(o);return}e.on(k,o=>d(o))}const I=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function U(e){const{licenseKey:s,pluginName:r,baseApiUrl:n}=e;try{return(await N({baseApiUrl:n,path:`/sdk/${s||"na"}`,method:"POST",params:{d:window.location.hostname,pn:r}})).result||{}}catch(c){return console.error("Error during SDK license check:",c),!1}}const j=(...e)=>e.map(s=>`[data-gjs-type="${s}"]`).join(","),q="dialogComponent";return M(function(e,s={}){const{Blocks:r,Components:n}=e,{licenseKey:c}=s,i="gjs-plg-dialog",u="gjs-plg-dialog-overlay",a="gjs-plg-dialog-content",g="gjs-plg-dialog-close",p="gjs-plg-dialog-title",d="gjs-plg-dialog-body",o="gjs-plg-dialog-description",f="gjs-plg-dialog-placeholder";r.add(i,{label:"Dialog",media:`
|
|
2
2
|
<svg viewBox="0 0 24 24">
|
|
3
3
|
<path d="M4 4h16v10H8l-4 4V4z"></path>
|
|
4
4
|
</svg>
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
position: relative;
|
|
8
8
|
z-index: 1;
|
|
9
9
|
}
|
|
10
|
-
`,traits:[{type:"button",label:"Open dialog",name:"onActive",changeProp:!0,command(l){var t;(t=l.getSelected())==null||t.trigger("active")}},{type:"checkbox",label:"Close when pressing X",name:"closeWhenPressingX",default:!0,changeProp:!0},{type:"checkbox",label:"Close when pressing ESC",name:"closeWhenPressingEsc",default:!0,changeProp:!0},{type:"checkbox",label:"Open when leaving the window",name:"openWhenLeavingWindow",default:!1,changeProp:!0},{type:"number",label:"Open when scrolling to level",name:"openWhenScrollingToLevel",default:0,changeProp:!0}],"script-props":["closeWhenPressingX","closeWhenPressingEsc","openWhenLeavingWindow","openWhenScrollingToLevel"],script:function(l){const t=this;function v(y){const b=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]'),h=t.querySelector('[data-type-role="gjs-plg-dialog-close"]');function w(){b.style.display="none"}y?(t._onCloseWhenPressingX=w,h.addEventListener("click",t._onCloseWhenPressingX)):(h.removeEventListener("click",t._onCloseWhenPressingX),t._onCloseWhenPressingX=null)}function
|
|
10
|
+
`,traits:[{type:"button",label:"Open dialog",name:"onActive",changeProp:!0,command(l){var t;(t=l.getSelected())==null||t.trigger("active")}},{type:"checkbox",label:"Close when pressing X",name:"closeWhenPressingX",default:!0,changeProp:!0},{type:"checkbox",label:"Close when pressing ESC",name:"closeWhenPressingEsc",default:!0,changeProp:!0},{type:"checkbox",label:"Open when leaving the window",name:"openWhenLeavingWindow",default:!1,changeProp:!0},{type:"number",label:"Open when scrolling to level",name:"openWhenScrollingToLevel",default:0,changeProp:!0}],"script-props":["closeWhenPressingX","closeWhenPressingEsc","openWhenLeavingWindow","openWhenScrollingToLevel"],script:function(l){const t=this;function v(y){const b=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]'),h=t.querySelector('[data-type-role="gjs-plg-dialog-close"]');function w(){b.style.display="none"}y?(t._onCloseWhenPressingX=w,h.addEventListener("click",t._onCloseWhenPressingX)):(h.removeEventListener("click",t._onCloseWhenPressingX),t._onCloseWhenPressingX=null)}function W(y){const b=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function h(w){w.key==="Escape"&&(b.style.display="none")}y?(t._onCloseWhenPressingEsc=h,t.addEventListener("keydown",t._onCloseWhenPressingEsc)):(t.removeEventListener("keydown",t._onCloseWhenPressingEsc),t._onCloseWhenPressingEsc=null)}function x(y){const b=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function h(){b.style.display="flex"}y?(t._onOpenWhenLeavingWindow=h,document.addEventListener("mouseleave",t._onOpenWhenLeavingWindow)):(document.removeEventListener("mouseleave",t._onOpenWhenLeavingWindow),t._onOpenWhenLeavingWindow=null)}function X(y){const b=t.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function h(){const w=document.documentElement.scrollTop;y&&w>=Number(y)&&(b.style.display="flex")}y?(t._onOpenWhenScrollingToLevel=h,document.addEventListener("scroll",t._onOpenWhenScrollingToLevel)):(document.removeEventListener("scroll",t._onOpenWhenScrollingToLevel),t._onOpenWhenScrollingToLevel=null)}v(l.closeWhenPressingX),W(l.closeWhenPressingEsc),x(l.openWhenLeavingWindow),X(l.openWhenScrollingToLevel)}},init(){this.on("active",this.handleOpenWhenClickPlaceholder)},handleOpenWhenClickPlaceholder(){this.view.el.querySelector('[data-type-role="gjs-plg-dialog-placeholder"]').addEventListener("click",()=>{const t=this.view.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');t.style.display="flex"})}},view:{onActive(){const l=this.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');l.style.display="flex"}}}),n.addType(u,{model:{defaults:{tagName:"div",attributes:{class:u,"data-type-role":u},components:{type:a},droppable:!1,draggable:!1,styles:`
|
|
11
11
|
.${u} {
|
|
12
12
|
position: fixed;
|
|
13
13
|
top: 0;
|
|
@@ -56,4 +56,4 @@
|
|
|
56
56
|
.${o} {
|
|
57
57
|
margin: 0;
|
|
58
58
|
}
|
|
59
|
-
`}}}),n.addType(f,{model:{toHTML(){return""},defaults:{tagName:"button",attributes:{class:f,"data-type-role":f},components:"Dialog (click me to open)",droppable:!1,draggable:!1}},view:{init(){const{em:l,el:t}=this,v="core:preview",
|
|
59
|
+
`}}}),n.addType(f,{model:{toHTML(){return""},defaults:{tagName:"button",attributes:{class:f,"data-type-role":f},components:"Dialog (click me to open)",droppable:!1,draggable:!1}},view:{init(){const{em:l,el:t}=this,v="core:preview",W=l.Commands.events;this.listenTo(l,`${W.runCommand}${v}`,()=>{t.style.display="none"}),this.listenTo(l,`${W.stopCommand}${v}`,()=>{t.style.display=""})}}}),B({editor:e,licenseKey:c,plan:T.startup,pluginName:q,cleanup:()=>{r.remove(i),n.removeType(i)}})})});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const ue="app.grapesjs.com",de="app-stage.grapesjs.com",Pe="app2.grapesjs.com",me="app-stage2.grapesjs.com",ae=[ue,Pe,de,me,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io",".claudemcpcontent.com",".web-sandbox.oaiusercontent.com"],ze="license:check:end",Se=()=>typeof window<"u",xe=({isDev:t,isStage:e,isPlatform:s})=>`${t?"":`https://${e?de:ue}`}/${s?"platform-api":"api"}`,ve=()=>{if(!Se())return"";const{hostname:t}=window.location;if(t)return t;try{return window.parent.location.hostname||""}catch{return""}},we=()=>{const t=ve();return!!t&&(ae.includes(t)||ae.some(e=>t.endsWith(e)))};function Re(t){return typeof t=="function"}async function Ge({path:t,baseApiUrl:e,method:s="GET",headers:n={},params:a,body:i}){const l=`${e||xe({isDev:!1,isStage:!1})}${t}`,p={method:s,headers:{"Content-Type":"application/json",...n}};i&&(p.body=JSON.stringify(i));const g=a?new URLSearchParams(a).toString():"",f=g?`?${g}`:"",r=await fetch(`${l}${f}`,p);if(!r.ok)throw new Error(`HTTP error! status: ${r.status}`);return r.json()}var L=(t=>(t.free="free",t.startup="startup",t.business="business",t.enterprise="enterprise",t))(L||{}),W=(t=>(t.toastAdd="studio:toastAdd",t.toastRemove="studio:toastRemove",t.dialogOpen="studio:dialogOpen",t.dialogClose="studio:dialogClose",t.dialogExportCode="studio:dialogExportCode",t.dialogImportCode="studio:dialogImportCode",t.sidebarLeftSet="studio:sidebarLeft:set",t.sidebarLeftGet="studio:sidebarLeft:get",t.sidebarLeftToggle="studio:sidebarLeft:toggle",t.sidebarRightSet="studio:sidebarRight:set",t.sidebarRightGet="studio:sidebarRight:get",t.sidebarRightToggle="studio:sidebarRight:toggle",t.sidebarTopSet="studio:sidebarTop:set",t.sidebarTopGet="studio:sidebarTop:get",t.sidebarTopToggle="studio:sidebarTop:toggle",t.sidebarBottomSet="studio:sidebarBottom:set",t.sidebarBottomGet="studio:sidebarBottom:get",t.sidebarBottomToggle="studio:sidebarBottom:toggle",t.symbolAdd="studio:symbolAdd",t.symbolDetach="studio:symbolDetach",t.symbolOverride="studio:symbolOverride",t.symbolPropagateStyles="studio:propagateStyles",t.getPagesConfig="studio:getPagesConfig",t.setPagesConfig="studio:setPagesConfig",t.getPageSettings="studio:getPageSettings",t.setPageSettings="studio:setPageSettings",t.clearPage="studio:clearPage",t.projectFiles="studio:projectFiles",t.validateCode="studio:validateCode",t.canvasReload="studio:canvasReload",t.getBlocksPanel="studio:getBlocksPanel",t.setBlocksPanel="studio:setBlocksPanel",t.getStateContextMenu="studio:getStateContextMenu",t.setStateContextMenu="studio:setStateContextMenu",t.contextMenuComponent="studio:contextMenuComponent",t.layoutAdd="studio:layoutAdd",t.layoutRemove="studio:layoutRemove",t.layoutToggle="studio:layoutToggle",t.layoutUpdate="studio:layoutUpdate",t.layoutGet="studio:layoutGet",t.layoutConfigGet="studio:layoutConfigGet",t.layoutConfigSet="studio:layoutConfigSet",t.layoutComponentAdd="studio:layoutComponentAdd",t.layoutComponentGet="studio:layoutComponentGet",t.layoutComponentRemove="studio:layoutComponentRemove",t.layoutComponentRender="studio:layoutComponentRender",t.getStateTheme="studio:getStateTheme",t.setStateTheme="studio:setStateTheme",t.settings="studio:settings",t.assetProviderGet="studio:assetProviderGet",t.assetProviderAdd="studio:assetProviderAdd",t.assetProviderRemove="studio:assetProviderRemove",t.fontGet="studio:fontGet",t.fontAdd="studio:fontAdd",t.fontRemove="studio:fontRemove",t.fontManagerOpen="studio:fontManagerOpen",t.menuFontLoad="studio:menuFontLoad",t.toggleStateDataSource="studio:toggleStateDataSource",t.getStateDataSource="studio:getStateDataSource",t.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",t.dataSourceSetImporter="studio:dataSourceSetImporter",t.dataSourceSetExporter="studio:dataSourceSetExporter",t.setDragAbsolute="studio:setDragAbsolute",t))(W||{}),ge=(t=>(t.web="web",t.email="email",t.document="document",t.react="react",t))(ge||{});const ie={[L.free]:0,[L.startup]:10,[L.business]:20,[L.enterprise]:30};function Ce(t){const e=t;return e.init=s=>n=>t(n,s),e}const Ie=t=>Ce(t);async function Te({editor:t,plan:e,pluginName:s,licenseKey:n,onLicenseCheckResponse:a,cleanup:i}){let o="",l;const p=r=>{console.warn("Cleanup plugin:",s,"Reason:",r),i()},g=(r={})=>{var v;const{error:h,sdkLicense:I}=r,b=(v=r.plan)==null?void 0:v.category;if(!(I||r.license)||h)p(h||"Invalid license");else if(b){const G=ie[e],m=ie[b];G>m&&p({pluginRequiredPlan:e,licensePlan:b})}};t.Commands.has(W.settings)&&(l=t.runCommand(W.settings),o=(l==null?void 0:l.baseUrl)||"");const f=r=>{a==null||a(r),r&&g(r)};if(!l){t.onReady(async()=>{if(!we())if(n){const r=await Ae({licenseKey:n,pluginName:s,baseApiUrl:o});f(r)}else p("The `licenseKey` option not provided")});return}if(l.licensePlan||l.licenseError){const r=Ee(l);f(r);return}t.on(ze,r=>f(r))}const Ee=t=>({sdkLicense:t.license,license:t.license,error:t.licenseError,plan:t.licensePlan});async function Ae(t){const{licenseKey:e,pluginName:s,baseApiUrl:n}=t;try{return(await Ge({baseApiUrl:n,path:`/sdk/${e||"na"}`,method:"POST",params:{d:window.location.hostname,pn:s}})).result||{}}catch(a){return console.error("Error during SDK license check:",a),!1}}const he=t=>e=>{var s;return((s=e.getAttribute)==null?void 0:s.call(e,se))===t},Le=(...t)=>e=>t.some(s=>e.is(s)),Me=(...t)=>(e,s)=>t.some(n=>s.is(n)),fe="gjs-plg-",se="data-type-role",D=class D{constructor(e){this.config=e}getSize(e){var s;return(s=this.config)!=null&&s.getSize?this.config.getSize(e):ne(e.componentColumn,D.CSS_FLEX_BASIS)}setSize(e){var s;if((s=this.config)!=null&&s.setSize)this.config.setSize(e);else{const{componentColumn:n,sizeValue:a,partial:i}=e;n.addStyle({[D.CSS_FLEX_BASIS]:a},{partial:i})}}};D.CSS_FLEX_BASIS="flex-basis";let K=D;const j=class j{constructor(e){this.config=e}isGapSupported(){return!0}getGap(e){var s;return(s=this.config)!=null&&s.getGap?this.config.getGap(e):ne(e.componentRow,j.CSS_GAP)}setGap(e){var s;if((s=this.config)!=null&&s.setGap)this.config.setGap(e);else{const{componentRow:n,gapValue:a,partial:i}=e;n.addStyle({[j.CSS_GAP]:a},{partial:i})}}};j.CSS_GAP="gap";let J=j;const U=class U{constructor(e){this.config=e}getParentSize(e){var i;if((i=this.config)!=null&&i.getParentSize)return this.config.getParentSize(e);const{componentRow:s,isVertical:n}=e,a=s.getEl();return a?n?a.clientHeight:a.clientWidth:0}isLayoutVertical(e){var n;if((n=this.config)!=null&&n.isParentVertical)return this.config.isParentVertical(e);const s=ne(e.componentRow,U.CSS_FLEX_DIRECTION,!0);return s==="column"||s==="column-reverse"}};U.CSS_FLEX_DIRECTION="flex-direction";let q=U;const N=class N{constructor(e){this.config=e}getSize(e){var n;if((n=this.config)!=null&&n.getSize)return this.config.getSize(e);const s=e.componentColumn;if(s.is(N.MJML_COLUMN_TYPE)){const i=s.getAttributes().width;if(i&&(i.includes("%")||!isNaN(parseFloat(i))))return parseFloat(i);const o=s.parent();return 100/(o?o.components().length:1)}return 0}setSize(e){var s;if((s=this.config)!=null&&s.setSize)this.config.setSize(e);else{const{componentColumn:n,sizeValue:a,partial:i}=e;n.is(N.MJML_COLUMN_TYPE)&&n.addAttributes({width:`${parseFloat(a)}%`},{partial:i})}}};N.MJML_COLUMN_TYPE="mj-column";let Z=N;const X=class X{constructor(e){this.config=e}isGapSupported(){return!1}getGap(e){var n;if((n=this.config)!=null&&n.getGap)return this.config.getGap(e);const{componentRow:s}=e;if(s.is(X.MJML_SECTION_TYPE)){const a=s.getAttributes();if(a&&a.padding)return parseInt(a.padding,10)||0}return 0}setGap(e){var s,n;(n=(s=this.config)==null?void 0:s.setGap)==null||n.call(s,e)}};X.MJML_SECTION_TYPE="mj-section";let Q=X;class $e{constructor(e){this.config=e}getParentSize(e){var o;if((o=this.config)!=null&&o.getParentSize)return this.config.getParentSize(e);const{componentRow:s,isVertical:n}=e,a=s.getEl();if(!a)return 0;let i=a;if(a.tagName!=="TABLE"){const l=a.querySelectorAll("table");l.length&&(i=l[0])}return n?i.clientHeight:i.clientWidth}isLayoutVertical(e){var s;return(s=this.config)!=null&&s.isParentVertical?this.config.isParentVertical(e):!1}}class M{constructor(){this.handlerCache=new Map}static getInstance(){return M.instance||(M.instance=new M),M.instance}getHandlers(e){const s=`${e.projectType}-${e.disableGapHandler?"nogap":"gap"}`;return this.handlerCache.has(s)||($(e)?this.handlerCache.set(s,{sizeHandler:new Z(e),gapHandler:new Q(e),parentSizeHandler:new $e(e)}):this.handlerCache.set(s,{sizeHandler:new K(e),gapHandler:new J(e),parentSizeHandler:new q(e)})),this.handlerCache.get(s)}}function T(t){return M.getInstance().getHandlers(t)}const oe=t=>{t.style.display="none"},re=t=>{t.style.display="block"},H=t=>+parseFloat(`${t}`).toFixed(2),$=t=>t.projectType===ge.email,He=t=>t?["top","bottom"]:["left","right"],Ve=t=>{const e=t.parent();return e?e.components().models.indexOf(t)===0:!1},De=t=>{const e=t.parent();if(!e)return!1;const s=e.components().models;return s.indexOf(t)===s.length-1},je=t=>{const e=t.parent();if(!e)return!1;const s=e.components().models;return s.length>1&&t.index()===s.length-1},Ne=(t,e,s,n)=>{const i=t+(s?e==="top"?-1:e==="bottom"?1:0:e==="left"?-1:e==="right"?1:0);return i>=0&&i<n?i:-1},O=t=>t==="top"||t==="bottom",Be=(t,e)=>!!(Ve(t)&&(e==="left"||e==="top")||De(t)&&(e==="right"||e==="bottom")),Fe=t=>{const e=t.parent();return e?e.components().models.length>1:!1},le=(t,e)=>t==="right"||t==="bottom"?e>0:e<0,ne=(t,e,s=!1)=>{const n=!s,a=t.getEl();if(!a)return n?0:"";const o=window.getComputedStyle(a)[e]||"";if(n){let l;return typeof o=="string"?(l=parseFloat(o.replace(/[^-\d.]/g,"")),isNaN(l)&&(l=0)):l=Number(o)||0,l}return o},ce=(t,e,s)=>{const n=ee({componentRow:t,isVertical:e},s),a=t.components().models;return n*(a.length-1)},B=(t,e)=>T(e).parentSizeHandler.isLayoutVertical({componentRow:t}),F=(t,e)=>T(e).sizeHandler.getSize(t),ee=(t,e)=>{if(e!=null&&e.disableGapHandler)return 0;const{gapHandler:s,parentSizeHandler:n}=T(e);if(!s.isGapSupported())return 0;const a=s.getGap(t),i=n.getParentSize(t);return a/100*i},te=(t,e)=>T(e).parentSizeHandler.getParentSize(t),V=(t,e)=>{T(e).sizeHandler.setSize(t)},ye=(t,e)=>{const s=F(t,e);V({...t,sizeValue:`${s}%`,partial:!1},e)},be=(t,e)=>{if(e!=null&&e.disableGapHandler)return;const{gapHandler:s}=T(e);s.isGapSupported()&&s.setGap(t)},_e=(t,e)=>{const s=t.getStyle().gap;if(!s)return;const n=t.components().models,a={componentRow:t,isVertical:B(t,e)};n.map(i=>ye({...a,componentColumn:i},e)),be({...a,gapValue:String(s),partial:!1},e)};function Oe(t,e){const{Blocks:s}=t,{typeColumn:n,typeRow:a,blocks:i}=e;if(i===!1||$(e))return;const o=r=>({type:a,components:r.map(h=>({type:n,style:{"flex-basis":`${h}%`}}))}),l=r=>`<div class="gs-block-item__flex-row" style="display: flex; height: 1.75rem; width: 100%; flex-wrap: nowrap; gap: 0.5rem;">
|
|
1
|
+
"use strict";const ue="app.grapesjs.com",de="app-stage.grapesjs.com",Pe="app2.grapesjs.com",me="app-stage2.grapesjs.com",ae=[ue,Pe,de,me,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io",".claudemcpcontent.com",".web-sandbox.oaiusercontent.com"],ze="license:check:end",Se=()=>typeof window<"u",xe=({isDev:t,isStage:e,isPlatform:s})=>`${t?"":`https://${e?de:ue}`}/${s?"platform-api":"api"}`,ve=()=>{if(!Se())return"";const{hostname:t}=window.location;if(t)return t;try{return window.parent.location.hostname||""}catch{return""}},we=()=>{const t=ve();return!!t&&(ae.includes(t)||ae.some(e=>t.endsWith(e)))};function Re(t){return typeof t=="function"}async function Ge({path:t,baseApiUrl:e,method:s="GET",headers:n={},params:a,body:i}){const l=`${e||xe({isDev:!1,isStage:!1})}${t}`,p={method:s,headers:{"Content-Type":"application/json",...n}};i&&(p.body=JSON.stringify(i));const g=a?new URLSearchParams(a).toString():"",f=g?`?${g}`:"",r=await fetch(`${l}${f}`,p);if(!r.ok)throw new Error(`HTTP error! status: ${r.status}`);return r.json()}var L=(t=>(t.free="free",t.startup="startup",t.business="business",t.enterprise="enterprise",t))(L||{}),W=(t=>(t.toastAdd="studio:toastAdd",t.toastRemove="studio:toastRemove",t.dialogOpen="studio:dialogOpen",t.dialogClose="studio:dialogClose",t.dialogExportCode="studio:dialogExportCode",t.dialogImportCode="studio:dialogImportCode",t.openEditCode="studio:openEditCode",t.sidebarLeftSet="studio:sidebarLeft:set",t.sidebarLeftGet="studio:sidebarLeft:get",t.sidebarLeftToggle="studio:sidebarLeft:toggle",t.sidebarRightSet="studio:sidebarRight:set",t.sidebarRightGet="studio:sidebarRight:get",t.sidebarRightToggle="studio:sidebarRight:toggle",t.sidebarTopSet="studio:sidebarTop:set",t.sidebarTopGet="studio:sidebarTop:get",t.sidebarTopToggle="studio:sidebarTop:toggle",t.sidebarBottomSet="studio:sidebarBottom:set",t.sidebarBottomGet="studio:sidebarBottom:get",t.sidebarBottomToggle="studio:sidebarBottom:toggle",t.symbolAdd="studio:symbolAdd",t.symbolDetach="studio:symbolDetach",t.symbolOverride="studio:symbolOverride",t.symbolPropagateStyles="studio:propagateStyles",t.getPagesConfig="studio:getPagesConfig",t.setPagesConfig="studio:setPagesConfig",t.getPageSettings="studio:getPageSettings",t.setPageSettings="studio:setPageSettings",t.clearPage="studio:clearPage",t.projectFiles="studio:projectFiles",t.validateCode="studio:validateCode",t.canvasReload="studio:canvasReload",t.getBlocksPanel="studio:getBlocksPanel",t.setBlocksPanel="studio:setBlocksPanel",t.getStateContextMenu="studio:getStateContextMenu",t.setStateContextMenu="studio:setStateContextMenu",t.contextMenuComponent="studio:contextMenuComponent",t.layoutAdd="studio:layoutAdd",t.layoutRemove="studio:layoutRemove",t.layoutToggle="studio:layoutToggle",t.layoutUpdate="studio:layoutUpdate",t.layoutGet="studio:layoutGet",t.layoutConfigGet="studio:layoutConfigGet",t.layoutConfigSet="studio:layoutConfigSet",t.layoutComponentAdd="studio:layoutComponentAdd",t.layoutComponentGet="studio:layoutComponentGet",t.layoutComponentRemove="studio:layoutComponentRemove",t.layoutComponentRender="studio:layoutComponentRender",t.getStateTheme="studio:getStateTheme",t.setStateTheme="studio:setStateTheme",t.settings="studio:settings",t.assetProviderGet="studio:assetProviderGet",t.assetProviderAdd="studio:assetProviderAdd",t.assetProviderRemove="studio:assetProviderRemove",t.fontGet="studio:fontGet",t.fontAdd="studio:fontAdd",t.fontRemove="studio:fontRemove",t.fontManagerOpen="studio:fontManagerOpen",t.menuFontLoad="studio:menuFontLoad",t.toggleStateDataSource="studio:toggleStateDataSource",t.getStateDataSource="studio:getStateDataSource",t.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",t.dataSourceSetImporter="studio:dataSourceSetImporter",t.dataSourceSetExporter="studio:dataSourceSetExporter",t.setDragAbsolute="studio:setDragAbsolute",t))(W||{}),ge=(t=>(t.web="web",t.email="email",t.document="document",t.react="react",t))(ge||{});const ie={[L.free]:0,[L.startup]:10,[L.business]:20,[L.enterprise]:30};function Ce(t){const e=t;return e.init=s=>n=>t(n,s),e}const Ie=t=>Ce(t);async function Te({editor:t,plan:e,pluginName:s,licenseKey:n,onLicenseCheckResponse:a,cleanup:i}){let o="",l;const p=r=>{console.warn("Cleanup plugin:",s,"Reason:",r),i()},g=(r={})=>{var v;const{error:h,sdkLicense:I}=r,b=(v=r.plan)==null?void 0:v.category;if(!(I||r.license)||h)p(h||"Invalid license");else if(b){const G=ie[e],m=ie[b];G>m&&p({pluginRequiredPlan:e,licensePlan:b})}};t.Commands.has(W.settings)&&(l=t.runCommand(W.settings),o=(l==null?void 0:l.baseUrl)||"");const f=r=>{a==null||a(r),r&&g(r)};if(!l){t.onReady(async()=>{if(!we())if(n){const r=await Ae({licenseKey:n,pluginName:s,baseApiUrl:o});f(r)}else p("The `licenseKey` option not provided")});return}if(l.licensePlan||l.licenseError){const r=Ee(l);f(r);return}t.on(ze,r=>f(r))}const Ee=t=>({sdkLicense:t.license,license:t.license,error:t.licenseError,plan:t.licensePlan});async function Ae(t){const{licenseKey:e,pluginName:s,baseApiUrl:n}=t;try{return(await Ge({baseApiUrl:n,path:`/sdk/${e||"na"}`,method:"POST",params:{d:window.location.hostname,pn:s}})).result||{}}catch(a){return console.error("Error during SDK license check:",a),!1}}const he=t=>e=>{var s;return((s=e.getAttribute)==null?void 0:s.call(e,se))===t},Le=(...t)=>e=>t.some(s=>e.is(s)),Me=(...t)=>(e,s)=>t.some(n=>s.is(n)),fe="gjs-plg-",se="data-type-role",D=class D{constructor(e){this.config=e}getSize(e){var s;return(s=this.config)!=null&&s.getSize?this.config.getSize(e):ne(e.componentColumn,D.CSS_FLEX_BASIS)}setSize(e){var s;if((s=this.config)!=null&&s.setSize)this.config.setSize(e);else{const{componentColumn:n,sizeValue:a,partial:i}=e;n.addStyle({[D.CSS_FLEX_BASIS]:a},{partial:i})}}};D.CSS_FLEX_BASIS="flex-basis";let K=D;const j=class j{constructor(e){this.config=e}isGapSupported(){return!0}getGap(e){var s;return(s=this.config)!=null&&s.getGap?this.config.getGap(e):ne(e.componentRow,j.CSS_GAP)}setGap(e){var s;if((s=this.config)!=null&&s.setGap)this.config.setGap(e);else{const{componentRow:n,gapValue:a,partial:i}=e;n.addStyle({[j.CSS_GAP]:a},{partial:i})}}};j.CSS_GAP="gap";let J=j;const U=class U{constructor(e){this.config=e}getParentSize(e){var i;if((i=this.config)!=null&&i.getParentSize)return this.config.getParentSize(e);const{componentRow:s,isVertical:n}=e,a=s.getEl();return a?n?a.clientHeight:a.clientWidth:0}isLayoutVertical(e){var n;if((n=this.config)!=null&&n.isParentVertical)return this.config.isParentVertical(e);const s=ne(e.componentRow,U.CSS_FLEX_DIRECTION,!0);return s==="column"||s==="column-reverse"}};U.CSS_FLEX_DIRECTION="flex-direction";let q=U;const N=class N{constructor(e){this.config=e}getSize(e){var n;if((n=this.config)!=null&&n.getSize)return this.config.getSize(e);const s=e.componentColumn;if(s.is(N.MJML_COLUMN_TYPE)){const i=s.getAttributes().width;if(i&&(i.includes("%")||!isNaN(parseFloat(i))))return parseFloat(i);const o=s.parent();return 100/(o?o.components().length:1)}return 0}setSize(e){var s;if((s=this.config)!=null&&s.setSize)this.config.setSize(e);else{const{componentColumn:n,sizeValue:a,partial:i}=e;n.is(N.MJML_COLUMN_TYPE)&&n.addAttributes({width:`${parseFloat(a)}%`},{partial:i})}}};N.MJML_COLUMN_TYPE="mj-column";let Z=N;const X=class X{constructor(e){this.config=e}isGapSupported(){return!1}getGap(e){var n;if((n=this.config)!=null&&n.getGap)return this.config.getGap(e);const{componentRow:s}=e;if(s.is(X.MJML_SECTION_TYPE)){const a=s.getAttributes();if(a&&a.padding)return parseInt(a.padding,10)||0}return 0}setGap(e){var s,n;(n=(s=this.config)==null?void 0:s.setGap)==null||n.call(s,e)}};X.MJML_SECTION_TYPE="mj-section";let Q=X;class $e{constructor(e){this.config=e}getParentSize(e){var o;if((o=this.config)!=null&&o.getParentSize)return this.config.getParentSize(e);const{componentRow:s,isVertical:n}=e,a=s.getEl();if(!a)return 0;let i=a;if(a.tagName!=="TABLE"){const l=a.querySelectorAll("table");l.length&&(i=l[0])}return n?i.clientHeight:i.clientWidth}isLayoutVertical(e){var s;return(s=this.config)!=null&&s.isParentVertical?this.config.isParentVertical(e):!1}}class M{constructor(){this.handlerCache=new Map}static getInstance(){return M.instance||(M.instance=new M),M.instance}getHandlers(e){const s=`${e.projectType}-${e.disableGapHandler?"nogap":"gap"}`;return this.handlerCache.has(s)||($(e)?this.handlerCache.set(s,{sizeHandler:new Z(e),gapHandler:new Q(e),parentSizeHandler:new $e(e)}):this.handlerCache.set(s,{sizeHandler:new K(e),gapHandler:new J(e),parentSizeHandler:new q(e)})),this.handlerCache.get(s)}}function T(t){return M.getInstance().getHandlers(t)}const oe=t=>{t.style.display="none"},re=t=>{t.style.display="block"},H=t=>+parseFloat(`${t}`).toFixed(2),$=t=>t.projectType===ge.email,He=t=>t?["top","bottom"]:["left","right"],Ve=t=>{const e=t.parent();return e?e.components().models.indexOf(t)===0:!1},De=t=>{const e=t.parent();if(!e)return!1;const s=e.components().models;return s.indexOf(t)===s.length-1},je=t=>{const e=t.parent();if(!e)return!1;const s=e.components().models;return s.length>1&&t.index()===s.length-1},Ne=(t,e,s,n)=>{const i=t+(s?e==="top"?-1:e==="bottom"?1:0:e==="left"?-1:e==="right"?1:0);return i>=0&&i<n?i:-1},O=t=>t==="top"||t==="bottom",Be=(t,e)=>!!(Ve(t)&&(e==="left"||e==="top")||De(t)&&(e==="right"||e==="bottom")),Fe=t=>{const e=t.parent();return e?e.components().models.length>1:!1},le=(t,e)=>t==="right"||t==="bottom"?e>0:e<0,ne=(t,e,s=!1)=>{const n=!s,a=t.getEl();if(!a)return n?0:"";const o=window.getComputedStyle(a)[e]||"";if(n){let l;return typeof o=="string"?(l=parseFloat(o.replace(/[^-\d.]/g,"")),isNaN(l)&&(l=0)):l=Number(o)||0,l}return o},ce=(t,e,s)=>{const n=ee({componentRow:t,isVertical:e},s),a=t.components().models;return n*(a.length-1)},B=(t,e)=>T(e).parentSizeHandler.isLayoutVertical({componentRow:t}),F=(t,e)=>T(e).sizeHandler.getSize(t),ee=(t,e)=>{if(e!=null&&e.disableGapHandler)return 0;const{gapHandler:s,parentSizeHandler:n}=T(e);if(!s.isGapSupported())return 0;const a=s.getGap(t),i=n.getParentSize(t);return a/100*i},te=(t,e)=>T(e).parentSizeHandler.getParentSize(t),V=(t,e)=>{T(e).sizeHandler.setSize(t)},ye=(t,e)=>{const s=F(t,e);V({...t,sizeValue:`${s}%`,partial:!1},e)},be=(t,e)=>{if(e!=null&&e.disableGapHandler)return;const{gapHandler:s}=T(e);s.isGapSupported()&&s.setGap(t)},_e=(t,e)=>{const s=t.getStyle().gap;if(!s)return;const n=t.components().models,a={componentRow:t,isVertical:B(t,e)};n.map(i=>ye({...a,componentColumn:i},e)),be({...a,gapValue:String(s),partial:!1},e)};function Oe(t,e){const{Blocks:s}=t,{typeColumn:n,typeRow:a,blocks:i}=e;if(i===!1||$(e))return;const o=r=>({type:a,components:r.map(h=>({type:n,style:{"flex-basis":`${h}%`}}))}),l=r=>`<div class="gs-block-item__flex-row" style="display: flex; height: 1.75rem; width: 100%; flex-wrap: nowrap; gap: 0.5rem;">
|
|
2
2
|
${r.map(h=>`<div style="flex-basis: ${h}%; border-color: currentColor; border-width: 2px; border-radius: 0.12rem;"></div>`).join("")}
|
|
3
3
|
</div>`,p=(r,h)=>({id:`flex-row-${h.join("-")}`,label:r,category:"Layout",select:!0,full:!0,attributes:{class:"gs-block-item__flex gs-utl-w-full"},media:l(h),content:o(h)}),g=[p("1 Column",[100]),p("2 Columns 50/50",[50,50]),p("2 Columns 25/75",[25,75]),p("2 Columns 75/25",[75,25]),p("3 Columns",[33.33,33.33,33.33]),p("3 Columns 50/25/25",[50,25,25]),p("3 Columns 25/50/25",[25,50,25]),p("3 Columns 25/25/50",[25,25,50]),p("4 Columns",[25,25,25,25]),p("5 Columns",[20,20,20,20,20])],f=Re(i)?i({blocks:g}):g;return f.forEach(r=>s.add(r.id,r)),()=>{f.forEach(r=>s.remove(r.id))}}const ke=(t,e)=>{const{Components:s}=t,{typeRow:n,typeColumn:a,extendTypeColumn:i}=e,o=`${fe}${a}`,p=!!a&&!!s.getType(a)&&!i;if(!(!a||p||$(e)))return s.addType(a,{isComponent:he(a),model:{defaults:{name:"Column",resizable:!1,emptyState:!0,classes:o,icon:'<svg viewBox="0 0 24 24"><path d="M14.5 2.3A1.8 1.8 0 0 0 12.7 4v16c0 1 .8 1.8 1.8 1.8h3a1.8 1.8 0 0 0 1.8-1.8V4a1.8 1.8 0 0 0-1.8-1.8zm-8 0A1.8 1.8 0 0 0 4.7 4v16c0 1 .8 1.8 1.8 1.8h3a1.8 1.8 0 0 0 1.8-1.8V4a1.8 1.8 0 0 0-1.8-1.8z"/></svg>',draggable:Me(n),attributes:{[se]:a},styles:`
|
|
4
4
|
.${o} {
|
|
@@ -56,7 +56,7 @@ async function Ge({
|
|
|
56
56
|
throw new Error(`HTTP error! status: ${r.status}`);
|
|
57
57
|
return r.json();
|
|
58
58
|
}
|
|
59
|
-
var L = /* @__PURE__ */ ((t) => (t.free = "free", t.startup = "startup", t.business = "business", t.enterprise = "enterprise", t))(L || {}), W = /* @__PURE__ */ ((t) => (t.toastAdd = "studio:toastAdd", t.toastRemove = "studio:toastRemove", t.dialogOpen = "studio:dialogOpen", t.dialogClose = "studio:dialogClose", t.dialogExportCode = "studio:dialogExportCode", t.dialogImportCode = "studio:dialogImportCode", t.sidebarLeftSet = "studio:sidebarLeft:set", t.sidebarLeftGet = "studio:sidebarLeft:get", t.sidebarLeftToggle = "studio:sidebarLeft:toggle", t.sidebarRightSet = "studio:sidebarRight:set", t.sidebarRightGet = "studio:sidebarRight:get", t.sidebarRightToggle = "studio:sidebarRight:toggle", t.sidebarTopSet = "studio:sidebarTop:set", t.sidebarTopGet = "studio:sidebarTop:get", t.sidebarTopToggle = "studio:sidebarTop:toggle", t.sidebarBottomSet = "studio:sidebarBottom:set", t.sidebarBottomGet = "studio:sidebarBottom:get", t.sidebarBottomToggle = "studio:sidebarBottom:toggle", t.symbolAdd = "studio:symbolAdd", t.symbolDetach = "studio:symbolDetach", t.symbolOverride = "studio:symbolOverride", t.symbolPropagateStyles = "studio:propagateStyles", t.getPagesConfig = "studio:getPagesConfig", t.setPagesConfig = "studio:setPagesConfig", t.getPageSettings = "studio:getPageSettings", t.setPageSettings = "studio:setPageSettings", t.clearPage = "studio:clearPage", t.projectFiles = "studio:projectFiles", t.validateCode = "studio:validateCode", t.canvasReload = "studio:canvasReload", t.getBlocksPanel = "studio:getBlocksPanel", t.setBlocksPanel = "studio:setBlocksPanel", t.getStateContextMenu = "studio:getStateContextMenu", t.setStateContextMenu = "studio:setStateContextMenu", t.contextMenuComponent = "studio:contextMenuComponent", t.layoutAdd = "studio:layoutAdd", t.layoutRemove = "studio:layoutRemove", t.layoutToggle = "studio:layoutToggle", t.layoutUpdate = "studio:layoutUpdate", t.layoutGet = "studio:layoutGet", t.layoutConfigGet = "studio:layoutConfigGet", t.layoutConfigSet = "studio:layoutConfigSet", t.layoutComponentAdd = "studio:layoutComponentAdd", t.layoutComponentGet = "studio:layoutComponentGet", t.layoutComponentRemove = "studio:layoutComponentRemove", t.layoutComponentRender = "studio:layoutComponentRender", t.getStateTheme = "studio:getStateTheme", t.setStateTheme = "studio:setStateTheme", t.settings = "studio:settings", t.assetProviderGet = "studio:assetProviderGet", t.assetProviderAdd = "studio:assetProviderAdd", t.assetProviderRemove = "studio:assetProviderRemove", t.fontGet = "studio:fontGet", t.fontAdd = "studio:fontAdd", t.fontRemove = "studio:fontRemove", t.fontManagerOpen = "studio:fontManagerOpen", t.menuFontLoad = "studio:menuFontLoad", t.toggleStateDataSource = "studio:toggleStateDataSource", t.getStateDataSource = "studio:getStateDataSource", t.dataSourceSetGlobalData = "studio:dataSourceSetGlobalData", t.dataSourceSetImporter = "studio:dataSourceSetImporter", t.dataSourceSetExporter = "studio:dataSourceSetExporter", t.setDragAbsolute = "studio:setDragAbsolute", t))(W || {}), ge = /* @__PURE__ */ ((t) => (t.web = "web", t.email = "email", t.document = "document", t.react = "react", t))(ge || {});
|
|
59
|
+
var L = /* @__PURE__ */ ((t) => (t.free = "free", t.startup = "startup", t.business = "business", t.enterprise = "enterprise", t))(L || {}), W = /* @__PURE__ */ ((t) => (t.toastAdd = "studio:toastAdd", t.toastRemove = "studio:toastRemove", t.dialogOpen = "studio:dialogOpen", t.dialogClose = "studio:dialogClose", t.dialogExportCode = "studio:dialogExportCode", t.dialogImportCode = "studio:dialogImportCode", t.openEditCode = "studio:openEditCode", t.sidebarLeftSet = "studio:sidebarLeft:set", t.sidebarLeftGet = "studio:sidebarLeft:get", t.sidebarLeftToggle = "studio:sidebarLeft:toggle", t.sidebarRightSet = "studio:sidebarRight:set", t.sidebarRightGet = "studio:sidebarRight:get", t.sidebarRightToggle = "studio:sidebarRight:toggle", t.sidebarTopSet = "studio:sidebarTop:set", t.sidebarTopGet = "studio:sidebarTop:get", t.sidebarTopToggle = "studio:sidebarTop:toggle", t.sidebarBottomSet = "studio:sidebarBottom:set", t.sidebarBottomGet = "studio:sidebarBottom:get", t.sidebarBottomToggle = "studio:sidebarBottom:toggle", t.symbolAdd = "studio:symbolAdd", t.symbolDetach = "studio:symbolDetach", t.symbolOverride = "studio:symbolOverride", t.symbolPropagateStyles = "studio:propagateStyles", t.getPagesConfig = "studio:getPagesConfig", t.setPagesConfig = "studio:setPagesConfig", t.getPageSettings = "studio:getPageSettings", t.setPageSettings = "studio:setPageSettings", t.clearPage = "studio:clearPage", t.projectFiles = "studio:projectFiles", t.validateCode = "studio:validateCode", t.canvasReload = "studio:canvasReload", t.getBlocksPanel = "studio:getBlocksPanel", t.setBlocksPanel = "studio:setBlocksPanel", t.getStateContextMenu = "studio:getStateContextMenu", t.setStateContextMenu = "studio:setStateContextMenu", t.contextMenuComponent = "studio:contextMenuComponent", t.layoutAdd = "studio:layoutAdd", t.layoutRemove = "studio:layoutRemove", t.layoutToggle = "studio:layoutToggle", t.layoutUpdate = "studio:layoutUpdate", t.layoutGet = "studio:layoutGet", t.layoutConfigGet = "studio:layoutConfigGet", t.layoutConfigSet = "studio:layoutConfigSet", t.layoutComponentAdd = "studio:layoutComponentAdd", t.layoutComponentGet = "studio:layoutComponentGet", t.layoutComponentRemove = "studio:layoutComponentRemove", t.layoutComponentRender = "studio:layoutComponentRender", t.getStateTheme = "studio:getStateTheme", t.setStateTheme = "studio:setStateTheme", t.settings = "studio:settings", t.assetProviderGet = "studio:assetProviderGet", t.assetProviderAdd = "studio:assetProviderAdd", t.assetProviderRemove = "studio:assetProviderRemove", t.fontGet = "studio:fontGet", t.fontAdd = "studio:fontAdd", t.fontRemove = "studio:fontRemove", t.fontManagerOpen = "studio:fontManagerOpen", t.menuFontLoad = "studio:menuFontLoad", t.toggleStateDataSource = "studio:toggleStateDataSource", t.getStateDataSource = "studio:getStateDataSource", t.dataSourceSetGlobalData = "studio:dataSourceSetGlobalData", t.dataSourceSetImporter = "studio:dataSourceSetImporter", t.dataSourceSetExporter = "studio:dataSourceSetExporter", t.setDragAbsolute = "studio:setDragAbsolute", t))(W || {}), ge = /* @__PURE__ */ ((t) => (t.web = "web", t.email = "email", t.document = "document", t.react = "react", t))(ge || {});
|
|
60
60
|
const ie = {
|
|
61
61
|
[L.free]: 0,
|
|
62
62
|
[L.startup]: 10,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(E,A){typeof exports=="object"&&typeof module<"u"?module.exports=A():typeof define=="function"&&define.amd?define(A):(E=typeof globalThis<"u"?globalThis:E||self,E.StudioSdkPlugins_flexComponent=A())})(this,function(){"use strict";const E="app.grapesjs.com",A="app-stage.grapesjs.com",oe=[E,"app2.grapesjs.com",A,"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"],Pe="license:check:end",me=()=>typeof window<"u",Se=({isDev:t,isStage:e,isPlatform:s})=>`${t?"":`https://${e?A:E}`}/${s?"platform-api":"api"}`,ze=()=>{if(!me())return"";const{hostname:t}=window.location;if(t)return t;try{return window.parent.location.hostname||""}catch{return""}},xe=()=>{const t=ze();return!!t&&(oe.includes(t)||oe.some(e=>t.endsWith(e)))};function ve(t){return typeof t=="function"}async function Re({path:t,baseApiUrl:e,method:s="GET",headers:n={},params:i,body:a}){const l=`${e||Se({isDev:!1,isStage:!1})}${t}`,p={method:s,headers:{"Content-Type":"application/json",...n}};a&&(p.body=JSON.stringify(a));const g=i?new URLSearchParams(i).toString():"",f=g?`?${g}`:"",r=await fetch(`${l}${f}`,p);if(!r.ok)throw new Error(`HTTP error! status: ${r.status}`);return r.json()}var L=(t=>(t.free="free",t.startup="startup",t.business="business",t.enterprise="enterprise",t))(L||{}),K=(t=>(t.toastAdd="studio:toastAdd",t.toastRemove="studio:toastRemove",t.dialogOpen="studio:dialogOpen",t.dialogClose="studio:dialogClose",t.dialogExportCode="studio:dialogExportCode",t.dialogImportCode="studio:dialogImportCode",t.sidebarLeftSet="studio:sidebarLeft:set",t.sidebarLeftGet="studio:sidebarLeft:get",t.sidebarLeftToggle="studio:sidebarLeft:toggle",t.sidebarRightSet="studio:sidebarRight:set",t.sidebarRightGet="studio:sidebarRight:get",t.sidebarRightToggle="studio:sidebarRight:toggle",t.sidebarTopSet="studio:sidebarTop:set",t.sidebarTopGet="studio:sidebarTop:get",t.sidebarTopToggle="studio:sidebarTop:toggle",t.sidebarBottomSet="studio:sidebarBottom:set",t.sidebarBottomGet="studio:sidebarBottom:get",t.sidebarBottomToggle="studio:sidebarBottom:toggle",t.symbolAdd="studio:symbolAdd",t.symbolDetach="studio:symbolDetach",t.symbolOverride="studio:symbolOverride",t.symbolPropagateStyles="studio:propagateStyles",t.getPagesConfig="studio:getPagesConfig",t.setPagesConfig="studio:setPagesConfig",t.getPageSettings="studio:getPageSettings",t.setPageSettings="studio:setPageSettings",t.clearPage="studio:clearPage",t.projectFiles="studio:projectFiles",t.validateCode="studio:validateCode",t.canvasReload="studio:canvasReload",t.getBlocksPanel="studio:getBlocksPanel",t.setBlocksPanel="studio:setBlocksPanel",t.getStateContextMenu="studio:getStateContextMenu",t.setStateContextMenu="studio:setStateContextMenu",t.contextMenuComponent="studio:contextMenuComponent",t.layoutAdd="studio:layoutAdd",t.layoutRemove="studio:layoutRemove",t.layoutToggle="studio:layoutToggle",t.layoutUpdate="studio:layoutUpdate",t.layoutGet="studio:layoutGet",t.layoutConfigGet="studio:layoutConfigGet",t.layoutConfigSet="studio:layoutConfigSet",t.layoutComponentAdd="studio:layoutComponentAdd",t.layoutComponentGet="studio:layoutComponentGet",t.layoutComponentRemove="studio:layoutComponentRemove",t.layoutComponentRender="studio:layoutComponentRender",t.getStateTheme="studio:getStateTheme",t.setStateTheme="studio:setStateTheme",t.settings="studio:settings",t.assetProviderGet="studio:assetProviderGet",t.assetProviderAdd="studio:assetProviderAdd",t.assetProviderRemove="studio:assetProviderRemove",t.fontGet="studio:fontGet",t.fontAdd="studio:fontAdd",t.fontRemove="studio:fontRemove",t.fontManagerOpen="studio:fontManagerOpen",t.menuFontLoad="studio:menuFontLoad",t.toggleStateDataSource="studio:toggleStateDataSource",t.getStateDataSource="studio:getStateDataSource",t.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",t.dataSourceSetImporter="studio:dataSourceSetImporter",t.dataSourceSetExporter="studio:dataSourceSetExporter",t.setDragAbsolute="studio:setDragAbsolute",t))(K||{}),re=(t=>(t.web="web",t.email="email",t.document="document",t.react="react",t))(re||{});const le={[L.free]:0,[L.startup]:10,[L.business]:20,[L.enterprise]:30};function we(t){const e=t;return e.init=s=>n=>t(n,s),e}const Ge=t=>we(t);async function Ce({editor:t,plan:e,pluginName:s,licenseKey:n,onLicenseCheckResponse:i,cleanup:a}){let o="",l;const p=r=>{console.warn("Cleanup plugin:",s,"Reason:",r),a()},g=(r={})=>{var v;const{error:h,sdkLicense:I}=r,b=(v=r.plan)==null?void 0:v.category;if(!(I||r.license)||h)p(h||"Invalid license");else if(b){const G=le[e],m=le[b];G>m&&p({pluginRequiredPlan:e,licensePlan:b})}};t.Commands.has(K.settings)&&(l=t.runCommand(K.settings),o=(l==null?void 0:l.baseUrl)||"");const f=r=>{i==null||i(r),r&&g(r)};if(!l){t.onReady(async()=>{if(!xe())if(n){const r=await Te({licenseKey:n,pluginName:s,baseApiUrl:o});f(r)}else p("The `licenseKey` option not provided")});return}if(l.licensePlan||l.licenseError){const r=Ie(l);f(r);return}t.on(Pe,r=>f(r))}const Ie=t=>({sdkLicense:t.license,license:t.license,error:t.licenseError,plan:t.licensePlan});async function Te(t){const{licenseKey:e,pluginName:s,baseApiUrl:n}=t;try{return(await Re({baseApiUrl:n,path:`/sdk/${e||"na"}`,method:"POST",params:{d:window.location.hostname,pn:s}})).result||{}}catch(i){return console.error("Error during SDK license check:",i),!1}}const ce=t=>e=>{var s;return((s=e.getAttribute)==null?void 0:s.call(e,J))===t},Ee=(...t)=>e=>t.some(s=>e.is(s)),Ae=(...t)=>(e,s)=>t.some(n=>s.is(n)),pe="gjs-plg-",J="data-type-role",_=class _{constructor(e){this.config=e}getSize(e){var s;return(s=this.config)!=null&&s.getSize?this.config.getSize(e):se(e.componentColumn,_.CSS_FLEX_BASIS)}setSize(e){var s;if((s=this.config)!=null&&s.setSize)this.config.setSize(e);else{const{componentColumn:n,sizeValue:i,partial:a}=e;n.addStyle({[_.CSS_FLEX_BASIS]:i},{partial:a})}}};_.CSS_FLEX_BASIS="flex-basis";let q=_;const F=class F{constructor(e){this.config=e}isGapSupported(){return!0}getGap(e){var s;return(s=this.config)!=null&&s.getGap?this.config.getGap(e):se(e.componentRow,F.CSS_GAP)}setGap(e){var s;if((s=this.config)!=null&&s.setGap)this.config.setGap(e);else{const{componentRow:n,gapValue:i,partial:a}=e;n.addStyle({[F.CSS_GAP]:i},{partial:a})}}};F.CSS_GAP="gap";let Z=F;const X=class X{constructor(e){this.config=e}getParentSize(e){var a;if((a=this.config)!=null&&a.getParentSize)return this.config.getParentSize(e);const{componentRow:s,isVertical:n}=e,i=s.getEl();return i?n?i.clientHeight:i.clientWidth:0}isLayoutVertical(e){var n;if((n=this.config)!=null&&n.isParentVertical)return this.config.isParentVertical(e);const s=se(e.componentRow,X.CSS_FLEX_DIRECTION,!0);return s==="column"||s==="column-reverse"}};X.CSS_FLEX_DIRECTION="flex-direction";let Q=X;const O=class O{constructor(e){this.config=e}getSize(e){var n;if((n=this.config)!=null&&n.getSize)return this.config.getSize(e);const s=e.componentColumn;if(s.is(O.MJML_COLUMN_TYPE)){const a=s.getAttributes().width;if(a&&(a.includes("%")||!isNaN(parseFloat(a))))return parseFloat(a);const o=s.parent();return 100/(o?o.components().length:1)}return 0}setSize(e){var s;if((s=this.config)!=null&&s.setSize)this.config.setSize(e);else{const{componentColumn:n,sizeValue:i,partial:a}=e;n.is(O.MJML_COLUMN_TYPE)&&n.addAttributes({width:`${parseFloat(i)}%`},{partial:a})}}};O.MJML_COLUMN_TYPE="mj-column";let ee=O;const Y=class Y{constructor(e){this.config=e}isGapSupported(){return!1}getGap(e){var n;if((n=this.config)!=null&&n.getGap)return this.config.getGap(e);const{componentRow:s}=e;if(s.is(Y.MJML_SECTION_TYPE)){const i=s.getAttributes();if(i&&i.padding)return parseInt(i.padding,10)||0}return 0}setGap(e){var s,n;(n=(s=this.config)==null?void 0:s.setGap)==null||n.call(s,e)}};Y.MJML_SECTION_TYPE="mj-section";let te=Y;class Le{constructor(e){this.config=e}getParentSize(e){var o;if((o=this.config)!=null&&o.getParentSize)return this.config.getParentSize(e);const{componentRow:s,isVertical:n}=e,i=s.getEl();if(!i)return 0;let a=i;if(i.tagName!=="TABLE"){const l=i.querySelectorAll("table");l.length&&(a=l[0])}return n?a.clientHeight:a.clientWidth}isLayoutVertical(e){var s;return(s=this.config)!=null&&s.isParentVertical?this.config.isParentVertical(e):!1}}class M{constructor(){this.handlerCache=new Map}static getInstance(){return M.instance||(M.instance=new M),M.instance}getHandlers(e){const s=`${e.projectType}-${e.disableGapHandler?"nogap":"gap"}`;return this.handlerCache.has(s)||($(e)?this.handlerCache.set(s,{sizeHandler:new ee(e),gapHandler:new te(e),parentSizeHandler:new Le(e)}):this.handlerCache.set(s,{sizeHandler:new q(e),gapHandler:new Z(e),parentSizeHandler:new Q(e)})),this.handlerCache.get(s)}}function T(t){return M.getInstance().getHandlers(t)}const ue=t=>{t.style.display="none"},de=t=>{t.style.display="block"},V=t=>+parseFloat(`${t}`).toFixed(2),$=t=>t.projectType===re.email,Me=t=>t?["top","bottom"]:["left","right"],$e=t=>{const e=t.parent();return e?e.components().models.indexOf(t)===0:!1},De=t=>{const e=t.parent();if(!e)return!1;const s=e.components().models;return s.indexOf(t)===s.length-1},He=t=>{const e=t.parent();if(!e)return!1;const s=e.components().models;return s.length>1&&t.index()===s.length-1},Ve=(t,e,s,n)=>{const a=t+(s?e==="top"?-1:e==="bottom"?1:0:e==="left"?-1:e==="right"?1:0);return a>=0&&a<n?a:-1},k=t=>t==="top"||t==="bottom",Ne=(t,e)=>!!($e(t)&&(e==="left"||e==="top")||De(t)&&(e==="right"||e==="bottom")),je=t=>{const e=t.parent();return e?e.components().models.length>1:!1},ge=(t,e)=>t==="right"||t==="bottom"?e>0:e<0,se=(t,e,s=!1)=>{const n=!s,i=t.getEl();if(!i)return n?0:"";const o=window.getComputedStyle(i)[e]||"";if(n){let l;return typeof o=="string"?(l=parseFloat(o.replace(/[^-\d.]/g,"")),isNaN(l)&&(l=0)):l=Number(o)||0,l}return o},he=(t,e,s)=>{const n=ne({componentRow:t,isVertical:e},s),i=t.components().models;return n*(i.length-1)},N=(t,e)=>T(e).parentSizeHandler.isLayoutVertical({componentRow:t}),j=(t,e)=>T(e).sizeHandler.getSize(t),ne=(t,e)=>{if(e!=null&&e.disableGapHandler)return 0;const{gapHandler:s,parentSizeHandler:n}=T(e);if(!s.isGapSupported())return 0;const i=s.getGap(t),a=n.getParentSize(t);return i/100*a},ie=(t,e)=>T(e).parentSizeHandler.getParentSize(t),B=(t,e)=>{T(e).sizeHandler.setSize(t)},fe=(t,e)=>{const s=j(t,e);B({...t,sizeValue:`${s}%`,partial:!1},e)},ye=(t,e)=>{if(e!=null&&e.disableGapHandler)return;const{gapHandler:s}=T(e);s.isGapSupported()&&s.setGap(t)},Be=(t,e)=>{const s=t.getStyle().gap;if(!s)return;const n=t.components().models,i={componentRow:t,isVertical:N(t,e)};n.map(a=>fe({...i,componentColumn:a},e)),ye({...i,gapValue:String(s),partial:!1},e)};function _e(t,e){const{Blocks:s}=t,{typeColumn:n,typeRow:i,blocks:a}=e;if(a===!1||$(e))return;const o=r=>({type:i,components:r.map(h=>({type:n,style:{"flex-basis":`${h}%`}}))}),l=r=>`<div class="gs-block-item__flex-row" style="display: flex; height: 1.75rem; width: 100%; flex-wrap: nowrap; gap: 0.5rem;">
|
|
1
|
+
(function(E,A){typeof exports=="object"&&typeof module<"u"?module.exports=A():typeof define=="function"&&define.amd?define(A):(E=typeof globalThis<"u"?globalThis:E||self,E.StudioSdkPlugins_flexComponent=A())})(this,function(){"use strict";const E="app.grapesjs.com",A="app-stage.grapesjs.com",oe=[E,"app2.grapesjs.com",A,"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"],Pe="license:check:end",me=()=>typeof window<"u",ze=({isDev:t,isStage:e,isPlatform:s})=>`${t?"":`https://${e?A:E}`}/${s?"platform-api":"api"}`,Se=()=>{if(!me())return"";const{hostname:t}=window.location;if(t)return t;try{return window.parent.location.hostname||""}catch{return""}},xe=()=>{const t=Se();return!!t&&(oe.includes(t)||oe.some(e=>t.endsWith(e)))};function ve(t){return typeof t=="function"}async function Re({path:t,baseApiUrl:e,method:s="GET",headers:n={},params:i,body:a}){const l=`${e||ze({isDev:!1,isStage:!1})}${t}`,p={method:s,headers:{"Content-Type":"application/json",...n}};a&&(p.body=JSON.stringify(a));const g=i?new URLSearchParams(i).toString():"",f=g?`?${g}`:"",r=await fetch(`${l}${f}`,p);if(!r.ok)throw new Error(`HTTP error! status: ${r.status}`);return r.json()}var L=(t=>(t.free="free",t.startup="startup",t.business="business",t.enterprise="enterprise",t))(L||{}),K=(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))(K||{}),re=(t=>(t.web="web",t.email="email",t.document="document",t.react="react",t))(re||{});const le={[L.free]:0,[L.startup]:10,[L.business]:20,[L.enterprise]:30};function we(t){const e=t;return e.init=s=>n=>t(n,s),e}const Ge=t=>we(t);async function Ce({editor:t,plan:e,pluginName:s,licenseKey:n,onLicenseCheckResponse:i,cleanup:a}){let o="",l;const p=r=>{console.warn("Cleanup plugin:",s,"Reason:",r),a()},g=(r={})=>{var v;const{error:h,sdkLicense:I}=r,b=(v=r.plan)==null?void 0:v.category;if(!(I||r.license)||h)p(h||"Invalid license");else if(b){const G=le[e],m=le[b];G>m&&p({pluginRequiredPlan:e,licensePlan:b})}};t.Commands.has(K.settings)&&(l=t.runCommand(K.settings),o=(l==null?void 0:l.baseUrl)||"");const f=r=>{i==null||i(r),r&&g(r)};if(!l){t.onReady(async()=>{if(!xe())if(n){const r=await Te({licenseKey:n,pluginName:s,baseApiUrl:o});f(r)}else p("The `licenseKey` option not provided")});return}if(l.licensePlan||l.licenseError){const r=Ie(l);f(r);return}t.on(Pe,r=>f(r))}const Ie=t=>({sdkLicense:t.license,license:t.license,error:t.licenseError,plan:t.licensePlan});async function Te(t){const{licenseKey:e,pluginName:s,baseApiUrl:n}=t;try{return(await Re({baseApiUrl:n,path:`/sdk/${e||"na"}`,method:"POST",params:{d:window.location.hostname,pn:s}})).result||{}}catch(i){return console.error("Error during SDK license check:",i),!1}}const ce=t=>e=>{var s;return((s=e.getAttribute)==null?void 0:s.call(e,J))===t},Ee=(...t)=>e=>t.some(s=>e.is(s)),Ae=(...t)=>(e,s)=>t.some(n=>s.is(n)),pe="gjs-plg-",J="data-type-role",_=class _{constructor(e){this.config=e}getSize(e){var s;return(s=this.config)!=null&&s.getSize?this.config.getSize(e):se(e.componentColumn,_.CSS_FLEX_BASIS)}setSize(e){var s;if((s=this.config)!=null&&s.setSize)this.config.setSize(e);else{const{componentColumn:n,sizeValue:i,partial:a}=e;n.addStyle({[_.CSS_FLEX_BASIS]:i},{partial:a})}}};_.CSS_FLEX_BASIS="flex-basis";let q=_;const F=class F{constructor(e){this.config=e}isGapSupported(){return!0}getGap(e){var s;return(s=this.config)!=null&&s.getGap?this.config.getGap(e):se(e.componentRow,F.CSS_GAP)}setGap(e){var s;if((s=this.config)!=null&&s.setGap)this.config.setGap(e);else{const{componentRow:n,gapValue:i,partial:a}=e;n.addStyle({[F.CSS_GAP]:i},{partial:a})}}};F.CSS_GAP="gap";let Z=F;const X=class X{constructor(e){this.config=e}getParentSize(e){var a;if((a=this.config)!=null&&a.getParentSize)return this.config.getParentSize(e);const{componentRow:s,isVertical:n}=e,i=s.getEl();return i?n?i.clientHeight:i.clientWidth:0}isLayoutVertical(e){var n;if((n=this.config)!=null&&n.isParentVertical)return this.config.isParentVertical(e);const s=se(e.componentRow,X.CSS_FLEX_DIRECTION,!0);return s==="column"||s==="column-reverse"}};X.CSS_FLEX_DIRECTION="flex-direction";let Q=X;const O=class O{constructor(e){this.config=e}getSize(e){var n;if((n=this.config)!=null&&n.getSize)return this.config.getSize(e);const s=e.componentColumn;if(s.is(O.MJML_COLUMN_TYPE)){const a=s.getAttributes().width;if(a&&(a.includes("%")||!isNaN(parseFloat(a))))return parseFloat(a);const o=s.parent();return 100/(o?o.components().length:1)}return 0}setSize(e){var s;if((s=this.config)!=null&&s.setSize)this.config.setSize(e);else{const{componentColumn:n,sizeValue:i,partial:a}=e;n.is(O.MJML_COLUMN_TYPE)&&n.addAttributes({width:`${parseFloat(i)}%`},{partial:a})}}};O.MJML_COLUMN_TYPE="mj-column";let ee=O;const Y=class Y{constructor(e){this.config=e}isGapSupported(){return!1}getGap(e){var n;if((n=this.config)!=null&&n.getGap)return this.config.getGap(e);const{componentRow:s}=e;if(s.is(Y.MJML_SECTION_TYPE)){const i=s.getAttributes();if(i&&i.padding)return parseInt(i.padding,10)||0}return 0}setGap(e){var s,n;(n=(s=this.config)==null?void 0:s.setGap)==null||n.call(s,e)}};Y.MJML_SECTION_TYPE="mj-section";let te=Y;class Le{constructor(e){this.config=e}getParentSize(e){var o;if((o=this.config)!=null&&o.getParentSize)return this.config.getParentSize(e);const{componentRow:s,isVertical:n}=e,i=s.getEl();if(!i)return 0;let a=i;if(i.tagName!=="TABLE"){const l=i.querySelectorAll("table");l.length&&(a=l[0])}return n?a.clientHeight:a.clientWidth}isLayoutVertical(e){var s;return(s=this.config)!=null&&s.isParentVertical?this.config.isParentVertical(e):!1}}class M{constructor(){this.handlerCache=new Map}static getInstance(){return M.instance||(M.instance=new M),M.instance}getHandlers(e){const s=`${e.projectType}-${e.disableGapHandler?"nogap":"gap"}`;return this.handlerCache.has(s)||($(e)?this.handlerCache.set(s,{sizeHandler:new ee(e),gapHandler:new te(e),parentSizeHandler:new Le(e)}):this.handlerCache.set(s,{sizeHandler:new q(e),gapHandler:new Z(e),parentSizeHandler:new Q(e)})),this.handlerCache.get(s)}}function T(t){return M.getInstance().getHandlers(t)}const ue=t=>{t.style.display="none"},de=t=>{t.style.display="block"},V=t=>+parseFloat(`${t}`).toFixed(2),$=t=>t.projectType===re.email,Me=t=>t?["top","bottom"]:["left","right"],$e=t=>{const e=t.parent();return e?e.components().models.indexOf(t)===0:!1},De=t=>{const e=t.parent();if(!e)return!1;const s=e.components().models;return s.indexOf(t)===s.length-1},He=t=>{const e=t.parent();if(!e)return!1;const s=e.components().models;return s.length>1&&t.index()===s.length-1},Ve=(t,e,s,n)=>{const a=t+(s?e==="top"?-1:e==="bottom"?1:0:e==="left"?-1:e==="right"?1:0);return a>=0&&a<n?a:-1},k=t=>t==="top"||t==="bottom",Ne=(t,e)=>!!($e(t)&&(e==="left"||e==="top")||De(t)&&(e==="right"||e==="bottom")),je=t=>{const e=t.parent();return e?e.components().models.length>1:!1},ge=(t,e)=>t==="right"||t==="bottom"?e>0:e<0,se=(t,e,s=!1)=>{const n=!s,i=t.getEl();if(!i)return n?0:"";const o=window.getComputedStyle(i)[e]||"";if(n){let l;return typeof o=="string"?(l=parseFloat(o.replace(/[^-\d.]/g,"")),isNaN(l)&&(l=0)):l=Number(o)||0,l}return o},he=(t,e,s)=>{const n=ne({componentRow:t,isVertical:e},s),i=t.components().models;return n*(i.length-1)},N=(t,e)=>T(e).parentSizeHandler.isLayoutVertical({componentRow:t}),j=(t,e)=>T(e).sizeHandler.getSize(t),ne=(t,e)=>{if(e!=null&&e.disableGapHandler)return 0;const{gapHandler:s,parentSizeHandler:n}=T(e);if(!s.isGapSupported())return 0;const i=s.getGap(t),a=n.getParentSize(t);return i/100*a},ie=(t,e)=>T(e).parentSizeHandler.getParentSize(t),B=(t,e)=>{T(e).sizeHandler.setSize(t)},fe=(t,e)=>{const s=j(t,e);B({...t,sizeValue:`${s}%`,partial:!1},e)},ye=(t,e)=>{if(e!=null&&e.disableGapHandler)return;const{gapHandler:s}=T(e);s.isGapSupported()&&s.setGap(t)},Be=(t,e)=>{const s=t.getStyle().gap;if(!s)return;const n=t.components().models,i={componentRow:t,isVertical:N(t,e)};n.map(a=>fe({...i,componentColumn:a},e)),ye({...i,gapValue:String(s),partial:!1},e)};function _e(t,e){const{Blocks:s}=t,{typeColumn:n,typeRow:i,blocks:a}=e;if(a===!1||$(e))return;const o=r=>({type:i,components:r.map(h=>({type:n,style:{"flex-basis":`${h}%`}}))}),l=r=>`<div class="gs-block-item__flex-row" style="display: flex; height: 1.75rem; width: 100%; flex-wrap: nowrap; gap: 0.5rem;">
|
|
2
2
|
${r.map(h=>`<div style="flex-basis: ${h}%; border-color: currentColor; border-width: 2px; border-radius: 0.12rem;"></div>`).join("")}
|
|
3
3
|
</div>`,p=(r,h)=>({id:`flex-row-${h.join("-")}`,label:r,category:"Layout",select:!0,full:!0,attributes:{class:"gs-block-item__flex gs-utl-w-full"},media:l(h),content:o(h)}),g=[p("1 Column",[100]),p("2 Columns 50/50",[50,50]),p("2 Columns 25/75",[25,75]),p("2 Columns 75/25",[75,25]),p("3 Columns",[33.33,33.33,33.33]),p("3 Columns 50/25/25",[50,25,25]),p("3 Columns 25/50/25",[25,50,25]),p("3 Columns 25/25/50",[25,25,50]),p("4 Columns",[25,25,25,25]),p("5 Columns",[20,20,20,20,20])],f=ve(a)?a({blocks:g}):g;return f.forEach(r=>s.add(r.id,r)),()=>{f.forEach(r=>s.remove(r.id))}}const Fe=(t,e)=>{const{Components:s}=t,{typeRow:n,typeColumn:i,extendTypeColumn:a}=e,o=`${pe}${i}`,p=!!i&&!!s.getType(i)&&!a;if(!(!i||p||$(e)))return s.addType(i,{isComponent:ce(i),model:{defaults:{name:"Column",resizable:!1,emptyState:!0,classes:o,icon:'<svg viewBox="0 0 24 24"><path d="M14.5 2.3A1.8 1.8 0 0 0 12.7 4v16c0 1 .8 1.8 1.8 1.8h3a1.8 1.8 0 0 0 1.8-1.8V4a1.8 1.8 0 0 0-1.8-1.8zm-8 0A1.8 1.8 0 0 0 4.7 4v16c0 1 .8 1.8 1.8 1.8h3a1.8 1.8 0 0 0 1.8-1.8V4a1.8 1.8 0 0 0-1.8-1.8z"/></svg>',draggable:Ae(n),attributes:{[J]:i},styles:`
|
|
4
4
|
.${o} {
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
align-items: stretch;
|
|
11
11
|
flex-wrap: nowrap;
|
|
12
12
|
}
|
|
13
|
-
`}}}),()=>{s.removeType(n)}},ke="flexComponent",Ue=L.startup;class Xe{constructor(){this.resizableChildTypes=new Set,this.gapAdjustableParentTypes=new Set,this.typeRelationships=new Map}registerResizableChild(e){this.resizableChildTypes.add(e)}registerGapAdjustableParent(e){this.gapAdjustableParentTypes.add(e)}registerTypeRelationship(e,s){this.typeRelationships.has(e)||this.typeRelationships.set(e,new Set),this.typeRelationships.get(e).add(s),this.registerResizableChild(s),this.registerGapAdjustableParent(e)}isResizableChild(e){return this.resizableChildTypes.has(e.get("type"))}isGapAdjustableParent(e){return this.gapAdjustableParentTypes.has(e.get("type"))}isValidRelationship(e,s){const n=e.get("type"),i=s.get("type");return this.typeRelationships.has(n)?this.typeRelationships.get(n).has(i):!1}}class Ye{constructor(e,s,n){this.editor=e,this.registry=s,this.opts=n,this.resizeState=new WeakMap}getState(e){return this.resizeState.has(e)||this.resizeState.set(e,{}),this.resizeState.get(e)}clearState(e){return this.resizeState.delete(e)}startResize(e,s,n){const{opts:i}=this,a=this.getState(e);a.direction=s,a.startX=n.clientX,a.startY=n.clientY,a.resizing=!0,a.lastSnappedPercent=void 0;const o=e.parent();if(!o||!this.registry.isValidRelationship(o,e))return;a.snapEnabled=o.get("snap")??i.snapEnabled,a.snapDivisions=o.get("snap-divisions")??i.snapDivisions??12;const l=o.components().models,p=l.findIndex(h=>h.cid===e.cid),g=N(o,i),f=Ve(p,s,g,l.length);f!==-1&&(a.adjacentIdx=f);const r={componentColumn:e,componentRow:o,isVertical:g};if(a.startPercent=j(r,i),typeof a.adjacentIdx<"u"){const h=l[a.adjacentIdx];a.neighborStartPercent=j({...r,componentColumn:h},i)}}updateResizeByDelta(e,s,n){const i=this.getState(e),a=e.parent();!i.resizing||!a||(i.snapEnabled?this.updateSnapResize(e,s,n):this.updateContinuesResize(e,s,n))}finishResize(e){const s=e.parent(),n=s==null?void 0:s.components().models,i={componentRow:s,isVertical:!!s&&N(s,this.opts)};n==null||n.forEach(a=>fe({...i,componentColumn:a},this.opts)),this.clearState(e)}updateContinuesResize(e,s,n){const i=this.getState(e),a=e.parent(),{opts:o}=this;if(!a)return;const l=o.minItemPercent??0,p=k(s),g=ie({componentRow:a,isVertical:p},o),f=he(a,p,this.opts),h=100-f/g*100,I=n/(g-f)*h,{startPercent:b=0,neighborStartPercent:x=0}=i,v={componentRow:a,isVertical:p,componentColumn:e,partial:!0},G=ge(s,n)?b+Math.abs(I):b-Math.abs(I);if(typeof i.adjacentIdx<"u"){const m=a.components().models[i.adjacentIdx],R=b+x,
|
|
13
|
+
`}}}),()=>{s.removeType(n)}},ke="flexComponent",Ue=L.startup;class Xe{constructor(){this.resizableChildTypes=new Set,this.gapAdjustableParentTypes=new Set,this.typeRelationships=new Map}registerResizableChild(e){this.resizableChildTypes.add(e)}registerGapAdjustableParent(e){this.gapAdjustableParentTypes.add(e)}registerTypeRelationship(e,s){this.typeRelationships.has(e)||this.typeRelationships.set(e,new Set),this.typeRelationships.get(e).add(s),this.registerResizableChild(s),this.registerGapAdjustableParent(e)}isResizableChild(e){return this.resizableChildTypes.has(e.get("type"))}isGapAdjustableParent(e){return this.gapAdjustableParentTypes.has(e.get("type"))}isValidRelationship(e,s){const n=e.get("type"),i=s.get("type");return this.typeRelationships.has(n)?this.typeRelationships.get(n).has(i):!1}}class Ye{constructor(e,s,n){this.editor=e,this.registry=s,this.opts=n,this.resizeState=new WeakMap}getState(e){return this.resizeState.has(e)||this.resizeState.set(e,{}),this.resizeState.get(e)}clearState(e){return this.resizeState.delete(e)}startResize(e,s,n){const{opts:i}=this,a=this.getState(e);a.direction=s,a.startX=n.clientX,a.startY=n.clientY,a.resizing=!0,a.lastSnappedPercent=void 0;const o=e.parent();if(!o||!this.registry.isValidRelationship(o,e))return;a.snapEnabled=o.get("snap")??i.snapEnabled,a.snapDivisions=o.get("snap-divisions")??i.snapDivisions??12;const l=o.components().models,p=l.findIndex(h=>h.cid===e.cid),g=N(o,i),f=Ve(p,s,g,l.length);f!==-1&&(a.adjacentIdx=f);const r={componentColumn:e,componentRow:o,isVertical:g};if(a.startPercent=j(r,i),typeof a.adjacentIdx<"u"){const h=l[a.adjacentIdx];a.neighborStartPercent=j({...r,componentColumn:h},i)}}updateResizeByDelta(e,s,n){const i=this.getState(e),a=e.parent();!i.resizing||!a||(i.snapEnabled?this.updateSnapResize(e,s,n):this.updateContinuesResize(e,s,n))}finishResize(e){const s=e.parent(),n=s==null?void 0:s.components().models,i={componentRow:s,isVertical:!!s&&N(s,this.opts)};n==null||n.forEach(a=>fe({...i,componentColumn:a},this.opts)),this.clearState(e)}updateContinuesResize(e,s,n){const i=this.getState(e),a=e.parent(),{opts:o}=this;if(!a)return;const l=o.minItemPercent??0,p=k(s),g=ie({componentRow:a,isVertical:p},o),f=he(a,p,this.opts),h=100-f/g*100,I=n/(g-f)*h,{startPercent:b=0,neighborStartPercent:x=0}=i,v={componentRow:a,isVertical:p,componentColumn:e,partial:!0},G=ge(s,n)?b+Math.abs(I):b-Math.abs(I);if(typeof i.adjacentIdx<"u"){const m=a.components().models[i.adjacentIdx],R=b+x,z=R-l,c=Math.min(z,Math.max(l,G)),u=R-c;B({...v,sizeValue:`${V(c)}%`},o),B({...v,componentColumn:m,sizeValue:`${V(u)}%`},o)}else{const m=Math.max(l,Math.min(h,G));B({...v,sizeValue:`${V(m)}%`},o)}}updateSnapResize(e,s,n){const i=this.getState(e),a=e.parent(),o=k(s),l=ie({componentRow:a,isVertical:o},this.opts),p=he(a,o,this.opts),g=l-p,f=n/g*100,r=ge(s,n),{startPercent:h=0,snapDivisions:I=12}=i,b=r?h+Math.abs(f):h-Math.abs(f),x=100/I,v=Math.floor(b/x)*x,G=Math.ceil(b/x)*x,m=Math.abs(G-b),R=Math.abs(b-v),z=x*.2,S=m<R?G:v;if(S>0&&S<100&&(m<z||R<z)&&i.lastSnappedPercent!==S){i.lastSnappedPercent=S;let y=Math.abs(S-h)/100*g;(r&&(s==="left"||s==="top")||!r&&(s==="right"||s==="bottom"))&&(y=-y),this.updateContinuesResize(e,s,y)}else m>=z&&R>=z&&(i.lastSnappedPercent=void 0)}}class We{constructor(e,s,n){this.editor=e,this.registry=s,this.opts=n}updateGapByDelta(e,s,n,i){if(!this.registry.isGapAdjustableParent(e))return;const{opts:a}=this,o=Math.max(0,n+s),l=ie({componentRow:e,isVertical:i},a),p=o/l*100,g=e.components().models,f=g.length-1,r={componentRow:e,isVertical:i},h=g.reduce((z,S)=>z+j({...r,componentColumn:S},a),0),b=100-p*f,x=a.minItemPercent||5;if(b<x*g.length)return;const G=100-f*p,m=h-G,R={componentRow:e,isVertical:i,partial:!0};g.map(z=>{const S=j({...r,componentColumn:z},a),c=S-S/h*m;B({...R,componentColumn:z,sizeValue:`${V(c)}%`},a)}),ye({...R,gapValue:`${V(p)}%`},a)}finishGapAdjust(e){Be(e,this.opts)}}class Ke{constructor(e,s,n){this.editor=e,this.registry=s,this.opts=n,this.resizeHandler=new Ye(e,s,n),this.gapHandler=new We(e,s,n)}startResize(e,s,n){this.resizeHandler.startResize(e,s,n)}updateResizeByDelta(e,s,n){this.resizeHandler.updateResizeByDelta(e,s,n)}finishResize(e){this.resizeHandler.finishResize(e)}updateGapByDelta(e,s,n,i){this.gapHandler.updateGapByDelta(e,s,n,i)}finishGapAdjust(e){this.gapHandler.finishGapAdjust(e)}canResize(e){const s=e.parent();return s?this.registry.isValidRelationship(s,e):!1}canAdjustGap(e){return this.registry.isGapAdjustableParent(e)}}const U="gs-flex-spots",be=`${U}__handle-size`,Je=`${U}__handle-gap`;function qe(t,e){const{Canvas:s}=t,n="flex-resize-spot";let i,a,o,l,p=null,g=null;const f=new Xe,r=new Ke(t,f,e),h=()=>{var c;i=document.createElement("div"),i.className=U,i.style.display="none",a=document.createElement("div"),a.className=`${U}__handles`,a.style.position="absolute",a.style.pointerEvents="none",a.style.zIndex="21",o={left:document.createElement("div"),right:document.createElement("div"),top:document.createElement("div"),bottom:document.createElement("div")},Object.entries(o).forEach(([u,y])=>{const P=u,d=k(P);y.className=`${be} ${be}-${P} gjs-resizer-h gjs-cv-unscale`,y.style.cssText=`
|
|
14
14
|
pointer-events: all;
|
|
15
15
|
position: absolute;
|
|
16
16
|
z-index: 1;
|
|
@@ -30,4 +30,4 @@
|
|
|
30
30
|
pointer-events: all;
|
|
31
31
|
max-width: 3rem;
|
|
32
32
|
max-height: 3rem;
|
|
33
|
-
`,l.addEventListener("pointerdown",b()),a.appendChild(l)),i.append(a),(c=s.getSpotsEl())==null||c.appendChild(i)},I=c=>u=>{if(!p)return;u.stopPropagation(),u.preventDefault(),r.startResize(p,c,u);const y=u.clientX,P=u.clientY;u.target.setPointerCapture(u.pointerId);const d=D=>{const C=t.Canvas.getZoomMultiplier(),H=(D.clientX-y)*C,W=(D.clientY-P)*C,ae=k(c)?W:H;r.updateResizeByDelta(p,c,ae)},w=()=>{r.finishResize(p),u.target.releasePointerCapture(u.pointerId),document.removeEventListener("pointermove",d),document.removeEventListener("pointerup",w)};document.addEventListener("pointermove",d),document.addEventListener("pointerup",w)},b=()=>c=>{if(!g)return;const u=g;c.stopPropagation(),c.preventDefault();const y=N(u,e),P=ne({componentRow:u,isVertical:y},e),d=c.clientX,w=c.clientY;c.target.setPointerCapture(c.pointerId);const D=H=>{const W=t.Canvas.getZoomMultiplier(),ae=y?(H.clientY-w)*W:(H.clientX-d)*W;r.updateGapByDelta(u,ae,P,y)},C=()=>{r.finishGapAdjust(u),c.target.releasePointerCapture(c.pointerId),document.removeEventListener("pointermove",D),document.removeEventListener("pointerup",C)};document.addEventListener("pointermove",D),document.addEventListener("pointerup",C)},x=c=>{const u=c.component;if(!u||!i||(p=u,g=u.parent(),!g))return;const y=g;de(i);const P=c.getStyle();a&&Object.assign(a.style,P);const d=N(y,e),w=Me(d);if(Object.values(o).forEach(ue),w.forEach(C=>{if(Ne(u,C))return;const H=o[C];de(H)}),T(e).gapHandler.isGapSupported()&&l&&je(u)){const C=ne({componentRow:y,isVertical:d},e);v(C,d,He(u))}},v=(c,u,y=!1)=>{const P=e.gapHandleSize,d=l.style;if(u){d.height=`${P}px`;const w=l.offsetHeight;y?(d.top=`-${(c+w)/2}px`,d.bottom=""):(d.bottom=`-${(c+w)/2}px`,d.top=""),d.width="50%",d.left="50%",d.transform="translateX(-50%)",d.cursor="row-resize"}else{d.width=`${P}px`;const w=l.offsetWidth;y?(d.left=`-${(c+w)/2}px`,d.right=""):(d.right=`-${(c+w)/2}px`,d.left=""),d.height="50%",d.top="50%",d.transform="translateY(-50%)",d.cursor="col-resize"}},G=()=>{i&&(ue(i),p=null,g=null)},m=()=>{s.removeSpots({type:n});const c=t.getSelected(),u=c==null?void 0:c.parent();c&&u&&f.isValidRelationship(u,c)?s.addSpot({type:n,component:c}):G()},R=()=>{const c=s.getSpots().filter(u=>u.type===n)[0];c&&x(c)},
|
|
33
|
+
`,l.addEventListener("pointerdown",b()),a.appendChild(l)),i.append(a),(c=s.getSpotsEl())==null||c.appendChild(i)},I=c=>u=>{if(!p)return;u.stopPropagation(),u.preventDefault(),r.startResize(p,c,u);const y=u.clientX,P=u.clientY;u.target.setPointerCapture(u.pointerId);const d=D=>{const C=t.Canvas.getZoomMultiplier(),H=(D.clientX-y)*C,W=(D.clientY-P)*C,ae=k(c)?W:H;r.updateResizeByDelta(p,c,ae)},w=()=>{r.finishResize(p),u.target.releasePointerCapture(u.pointerId),document.removeEventListener("pointermove",d),document.removeEventListener("pointerup",w)};document.addEventListener("pointermove",d),document.addEventListener("pointerup",w)},b=()=>c=>{if(!g)return;const u=g;c.stopPropagation(),c.preventDefault();const y=N(u,e),P=ne({componentRow:u,isVertical:y},e),d=c.clientX,w=c.clientY;c.target.setPointerCapture(c.pointerId);const D=H=>{const W=t.Canvas.getZoomMultiplier(),ae=y?(H.clientY-w)*W:(H.clientX-d)*W;r.updateGapByDelta(u,ae,P,y)},C=()=>{r.finishGapAdjust(u),c.target.releasePointerCapture(c.pointerId),document.removeEventListener("pointermove",D),document.removeEventListener("pointerup",C)};document.addEventListener("pointermove",D),document.addEventListener("pointerup",C)},x=c=>{const u=c.component;if(!u||!i||(p=u,g=u.parent(),!g))return;const y=g;de(i);const P=c.getStyle();a&&Object.assign(a.style,P);const d=N(y,e),w=Me(d);if(Object.values(o).forEach(ue),w.forEach(C=>{if(Ne(u,C))return;const H=o[C];de(H)}),T(e).gapHandler.isGapSupported()&&l&&je(u)){const C=ne({componentRow:y,isVertical:d},e);v(C,d,He(u))}},v=(c,u,y=!1)=>{const P=e.gapHandleSize,d=l.style;if(u){d.height=`${P}px`;const w=l.offsetHeight;y?(d.top=`-${(c+w)/2}px`,d.bottom=""):(d.bottom=`-${(c+w)/2}px`,d.top=""),d.width="50%",d.left="50%",d.transform="translateX(-50%)",d.cursor="row-resize"}else{d.width=`${P}px`;const w=l.offsetWidth;y?(d.left=`-${(c+w)/2}px`,d.right=""):(d.right=`-${(c+w)/2}px`,d.left=""),d.height="50%",d.top="50%",d.transform="translateY(-50%)",d.cursor="col-resize"}},G=()=>{i&&(ue(i),p=null,g=null)},m=()=>{s.removeSpots({type:n});const c=t.getSelected(),u=c==null?void 0:c.parent();c&&u&&f.isValidRelationship(u,c)?s.addSpot({type:n,component:c}):G()},R=()=>{const c=s.getSpots().filter(u=>u.type===n)[0];c&&x(c)},z=(c,u)=>{f.registerTypeRelationship(c,u)};t.onReady(()=>{h(),$(e)?z("mj-section","mj-column"):z(e.typeRow,e.typeColumn)});const S="component:toggled";return t.on(s.events.spot,R),t.on(S,m),()=>{t.off(s.events.spot,R),t.off(S,m)}}return Ge(function(t,e={}){const s={typeRow:"flex-row",typeColumn:"flex-column",gapHandleSize:3,snapDivisions:12,minItemPercent:5,...e},n=[Oe(t,s),Fe(t,s)],i=qe(t,s),a=_e(t,s);Ce({editor:t,licenseKey:s.licenseKey,plan:Ue,pluginName:ke,cleanup:()=>{n.forEach(o=>o==null?void 0:o()),i(),a==null||a()}})})});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const N="app.grapesjs.com",
|
|
1
|
+
"use strict";const N="app.grapesjs.com",H="app-stage.grapesjs.com",S="app2.grapesjs.com",U="app-stage2.grapesjs.com",$=[N,S,H,U,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io",".claudemcpcontent.com",".web-sandbox.oaiusercontent.com"],F="license:check:end",W=()=>typeof window<"u",K=({isDev:e,isStage:a,isPlatform:c})=>`${e?"":`https://${a?H:N}`}/${c?"platform-api":"api"}`,Z=()=>{if(!W())return"";const{hostname:e}=window.location;if(e)return e;try{return window.parent.location.hostname||""}catch{return""}},q=()=>{const e=Z();return!!e&&($.includes(e)||$.some(a=>e.endsWith(a)))};async function z({path:e,baseApiUrl:a,method:c="GET",headers:l={},params:r,body:f}){const g=`${a||K({isDev:!1,isStage:!1})}${e}`,u={method:c,headers:{"Content-Type":"application/json",...l}};f&&(u.body=JSON.stringify(f));const y=r?new URLSearchParams(r).toString():"",v=y?`?${y}`:"",s=await fetch(`${g}${v}`,u);if(!s.ok)throw new Error(`HTTP error! status: ${s.status}`);return s.json()}var w=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(w||{}),m=(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))(m||{});const V={[w.free]:0,[w.startup]:10,[w.business]:20,[w.enterprise]:30};function J(e){const a=e;return a.init=c=>l=>e(l,c),a}const X=e=>J(e);async function Y({editor:e,plan:a,pluginName:c,licenseKey:l,onLicenseCheckResponse:r,cleanup:f}){let h="",g;const u=s=>{console.warn("Cleanup plugin:",c,"Reason:",s),f()},y=(s={})=>{var E;const{error:p,sdkLicense:I}=s,T=(E=s.plan)==null?void 0:E.category;if(!(I||s.license)||p)u(p||"Invalid license");else if(T){const O=V[a],t=V[T];O>t&&u({pluginRequiredPlan:a,licensePlan:T})}};e.Commands.has(m.settings)&&(g=e.runCommand(m.settings),h=(g==null?void 0:g.baseUrl)||"");const v=s=>{r==null||r(s),s&&y(s)};if(!g){e.onReady(async()=>{if(!q())if(l){const s=await C({licenseKey:l,pluginName:c,baseApiUrl:h});v(s)}else u("The `licenseKey` option not provided")});return}if(g.licensePlan||g.licenseError){const s=Q(g);v(s);return}e.on(F,s=>v(s))}const Q=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function C(e){const{licenseKey:a,pluginName:c,baseApiUrl:l}=e;try{return(await z({baseApiUrl:l,path:`/sdk/${a||"na"}`,method:"POST",params:{d:window.location.hostname,pn:c}})).result||{}}catch(r){return console.error("Error during SDK license check:",r),!1}}const ee="gjs-plg-",te="fsLightboxComponent",oe=w.startup,D="data-fslightbox",G="data-type",se="fslightbox-open",A="fslightbox",P={image:'<svg viewBox="0 0 24 24"><path d="m8.5 13.5 2.5 3 3.5-4.5 4.5 6H5m16 1V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2Z"/></svg>',video:'<svg viewBox="0 0 24 24"><path d="M17 10.5V7a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3.5l4 4v-11l-4 4Z"/></svg>',imageLightbox:'<svg viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M19,15V7L15,11L13,9L7,15H19M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5Z" /></svg>',external:'<svg viewBox="0 0 24 24"><path d="M14 3v2h3.6l-9.8 9.8 1.4 1.4L19 6.4V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2v-7h-2v7z"/></svg>',eye:'<svg viewBox="0 0 24 24"><path d="M12 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3m0 8a5 5 0 0 1-5-5 5 5 0 0 1 5-5 5 5 0 0 1 5 5 5 5 0 0 1-5 5m0-12.5C7 4.5 2.7 7.6 1 12a11.8 11.8 0 0 0 22 0c-1.7-4.4-6-7.5-11-7.5Z"/></svg>'},ie=function(e,a={}){const{Blocks:c,Components:l}=e,r="Lightbox",f=`${ee}${A}`,h={toolbarIconOpen:P.eye,block:{},defaultSrc:"https://placehold.co/300/777/white.png?text=Image",cdnScript:"https://cdn.jsdelivr.net/npm/fslightbox@3.4.2/index.js",...a},{block:g,toolbarIconOpen:u,defaultSrc:y}=h,v=function(t){const o=this,n="data-fslightbox",i=window,b=()=>{var B;const d=i.refreshFsLightbox;d==null||d();const k=o.getAttribute(n);if((B=i.fsLightboxInstances)==null||B[k],!i._isEditor)return;Array.from(document.querySelectorAll(`[${n}]`)).forEach(L=>{const x=L.onclick;L.onclick=function(_){_.preventDefault();const j=L;!j.__skipLb&&(x==null||x(_)),j.__skipLb=!0}})};if(i.refreshFsLightbox)b();else{const d=document.createElement("script");d.src=t.cdnScript,d.onload=b,document.head.appendChild(d)}},s=t=>({id:`${A}-open-lb`,label:u,command:()=>{const o=t.getView();o==null||o.toggleLightbox()}}),p="source-type",I={type:"radio",name:p,label:"Source type",changeProp:!0,options:[{id:"image",label:"Image",icon:P.image},{id:"video",label:"Video",icon:P.video},{id:"el",label:"Custom Element",icon:P.external}],labelToTitle:!0},T={id:"href-image",name:"href",type:"file",label:"Source Image"},M={id:"href-video",name:"href",label:"Source Video",placeholder:"https://www.youtube.com/watch?v=..."},E={id:"href-el",name:"href",label:"Source Element",placeholder:"#custom-element-id"},O={image:[T],video:[M],el:[E]};l.addType(A,{block:g&&{label:r,media:P.imageLightbox,category:"Extra",select:!0,...h.block},isComponent:t=>{var o;return(o=t.hasAttribute)==null?void 0:o.call(t,D)},extendFn:["initToolbar"],model:{defaults:{tagName:"a",name:r,icon:P.imageLightbox,classes:f,draggable:(t,o)=>!o.is(A),attributes:{[D]:"lightbox",[G]:"image",href:y},components:{type:"image",src:y},script:v,cdnScript:h.cdnScript,"script-props":["attributes","cdnScript"],[p]:"image",traits:[I,{name:D,label:"Group name"},{type:"button",label:"Toggle Lightbox",command(t,o){var i;const n=(i=o.target)==null?void 0:i.getView();n==null||n.toggleLightbox()}}],styles:`
|
|
2
2
|
.${f} {
|
|
3
3
|
display: inline-block;
|
|
4
4
|
padding: 10px;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
const N = "app.grapesjs.com",
|
|
1
|
+
const N = "app.grapesjs.com", H = "app-stage.grapesjs.com", S = "app2.grapesjs.com", U = "app-stage2.grapesjs.com", $ = [
|
|
2
2
|
N,
|
|
3
|
-
H,
|
|
4
3
|
S,
|
|
4
|
+
H,
|
|
5
5
|
U,
|
|
6
6
|
"localhost",
|
|
7
7
|
"127.0.0.1",
|
|
@@ -19,7 +19,7 @@ const N = "app.grapesjs.com", S = "app-stage.grapesjs.com", H = "app2.grapesjs.c
|
|
|
19
19
|
isDev: e,
|
|
20
20
|
isStage: a,
|
|
21
21
|
isPlatform: c
|
|
22
|
-
}) => `${e ? "" : `https://${a ?
|
|
22
|
+
}) => `${e ? "" : `https://${a ? H : N}`}/${c ? "platform-api" : "api"}`, Z = () => {
|
|
23
23
|
if (!W()) return "";
|
|
24
24
|
const { hostname: e } = window.location;
|
|
25
25
|
if (e) return e;
|
|
@@ -53,7 +53,7 @@ async function z({
|
|
|
53
53
|
throw new Error(`HTTP error! status: ${s.status}`);
|
|
54
54
|
return s.json();
|
|
55
55
|
}
|
|
56
|
-
var w = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(w || {}),
|
|
56
|
+
var w = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(w || {}), m = /* @__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))(m || {});
|
|
57
57
|
const V = {
|
|
58
58
|
[w.free]: 0,
|
|
59
59
|
[w.startup]: 10,
|
|
@@ -86,7 +86,7 @@ async function Y({
|
|
|
86
86
|
O > t && u({ pluginRequiredPlan: a, licensePlan: T });
|
|
87
87
|
}
|
|
88
88
|
};
|
|
89
|
-
e.Commands.has(
|
|
89
|
+
e.Commands.has(m.settings) && (g = e.runCommand(m.settings), h = (g == null ? void 0 : g.baseUrl) || "");
|
|
90
90
|
const v = (s) => {
|
|
91
91
|
r == null || r(s), s && y(s);
|
|
92
92
|
};
|
|
@@ -145,11 +145,11 @@ const ee = "gjs-plg-", te = "fsLightboxComponent", oe = w.startup, D = "data-fsl
|
|
|
145
145
|
...a
|
|
146
146
|
}, { block: g, toolbarIconOpen: u, defaultSrc: y } = h, v = function(t) {
|
|
147
147
|
const o = this, n = "data-fslightbox", i = window, b = () => {
|
|
148
|
-
var
|
|
148
|
+
var B;
|
|
149
149
|
const d = i.refreshFsLightbox;
|
|
150
150
|
d == null || d();
|
|
151
151
|
const k = o.getAttribute(n);
|
|
152
|
-
if ((
|
|
152
|
+
if ((B = i.fsLightboxInstances) == null || B[k], !i._isEditor) return;
|
|
153
153
|
Array.from(document.querySelectorAll(`[${n}]`)).forEach((L) => {
|
|
154
154
|
const x = L.onclick;
|
|
155
155
|
L.onclick = function(_) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
(function(T,L){typeof exports=="object"&&typeof module<"u"?module.exports=L():typeof define=="function"&&define.amd?define(L):(T=typeof globalThis<"u"?globalThis:T||self,T.StudioSdkPlugins_fsLightboxComponent=L())})(this,function(){"use strict";const T="app.grapesjs.com",L="app-stage.grapesjs.com"
|
|
1
|
+
(function(T,L){typeof exports=="object"&&typeof module<"u"?module.exports=L():typeof define=="function"&&define.amd?define(L):(T=typeof globalThis<"u"?globalThis:T||self,T.StudioSdkPlugins_fsLightboxComponent=L())})(this,function(){"use strict";const T="app.grapesjs.com",L="app-stage.grapesjs.com",$=[T,"app2.grapesjs.com",L,"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"],H="license:check:end",U=()=>typeof window<"u",F=({isDev:e,isStage:a,isPlatform:c})=>`${e?"":`https://${a?L:T}`}/${c?"platform-api":"api"}`,W=()=>{if(!U())return"";const{hostname:e}=window.location;if(e)return e;try{return window.parent.location.hostname||""}catch{return""}},K=()=>{const e=W();return!!e&&($.includes(e)||$.some(a=>e.endsWith(a)))};async function Z({path:e,baseApiUrl:a,method:c="GET",headers:l={},params:r,body:f}){const g=`${a||F({isDev:!1,isStage:!1})}${e}`,u={method:c,headers:{"Content-Type":"application/json",...l}};f&&(u.body=JSON.stringify(f));const y=r?new URLSearchParams(r).toString():"",v=y?`?${y}`:"",s=await fetch(`${g}${v}`,u);if(!s.ok)throw new Error(`HTTP error! status: ${s.status}`);return s.json()}var x=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(x||{}),m=(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))(m||{});const S={[x.free]:0,[x.startup]:10,[x.business]:20,[x.enterprise]:30};function q(e){const a=e;return a.init=c=>l=>e(l,c),a}const z=e=>q(e);async function J({editor:e,plan:a,pluginName:c,licenseKey:l,onLicenseCheckResponse:r,cleanup:f}){let h="",g;const u=s=>{console.warn("Cleanup plugin:",c,"Reason:",s),f()},y=(s={})=>{var R;const{error:p,sdkLicense:M}=s,w=(R=s.plan)==null?void 0:R.category;if(!(M||s.license)||p)u(p||"Invalid license");else if(w){const B=S[a],t=S[w];B>t&&u({pluginRequiredPlan:a,licensePlan:w})}};e.Commands.has(m.settings)&&(g=e.runCommand(m.settings),h=(g==null?void 0:g.baseUrl)||"");const v=s=>{r==null||r(s),s&&y(s)};if(!g){e.onReady(async()=>{if(!K())if(l){const s=await Y({licenseKey:l,pluginName:c,baseApiUrl:h});v(s)}else u("The `licenseKey` option not provided")});return}if(g.licensePlan||g.licenseError){const s=X(g);v(s);return}e.on(H,s=>v(s))}const X=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function Y(e){const{licenseKey:a,pluginName:c,baseApiUrl:l}=e;try{return(await Z({baseApiUrl:l,path:`/sdk/${a||"na"}`,method:"POST",params:{d:window.location.hostname,pn:c}})).result||{}}catch(r){return console.error("Error during SDK license check:",r),!1}}const Q="gjs-plg-",C="fsLightboxComponent",ee=x.startup,_="data-fslightbox",D="data-type",te="fslightbox-open",A="fslightbox",P={image:'<svg viewBox="0 0 24 24"><path d="m8.5 13.5 2.5 3 3.5-4.5 4.5 6H5m16 1V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2Z"/></svg>',video:'<svg viewBox="0 0 24 24"><path d="M17 10.5V7a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3.5l4 4v-11l-4 4Z"/></svg>',imageLightbox:'<svg viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M19,15V7L15,11L13,9L7,15H19M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5Z" /></svg>',external:'<svg viewBox="0 0 24 24"><path d="M14 3v2h3.6l-9.8 9.8 1.4 1.4L19 6.4V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2v-7h-2v7z"/></svg>',eye:'<svg viewBox="0 0 24 24"><path d="M12 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3m0 8a5 5 0 0 1-5-5 5 5 0 0 1 5-5 5 5 0 0 1 5 5 5 5 0 0 1-5 5m0-12.5C7 4.5 2.7 7.6 1 12a11.8 11.8 0 0 0 22 0c-1.7-4.4-6-7.5-11-7.5Z"/></svg>'};return z(function(e,a={}){const{Blocks:c,Components:l}=e,r="Lightbox",f=`${Q}${A}`,h={toolbarIconOpen:P.eye,block:{},defaultSrc:"https://placehold.co/300/777/white.png?text=Image",cdnScript:"https://cdn.jsdelivr.net/npm/fslightbox@3.4.2/index.js",...a},{block:g,toolbarIconOpen:u,defaultSrc:y}=h,v=function(t){const o=this,n="data-fslightbox",i=window,b=()=>{var N;const d=i.refreshFsLightbox;d==null||d();const j=o.getAttribute(n);if((N=i.fsLightboxInstances)==null||N[j],!i._isEditor)return;Array.from(document.querySelectorAll(`[${n}]`)).forEach(E=>{const I=E.onclick;E.onclick=function(G){G.preventDefault();const V=E;!V.__skipLb&&(I==null||I(G)),V.__skipLb=!0}})};if(i.refreshFsLightbox)b();else{const d=document.createElement("script");d.src=t.cdnScript,d.onload=b,document.head.appendChild(d)}},s=t=>({id:`${A}-open-lb`,label:u,command:()=>{const o=t.getView();o==null||o.toggleLightbox()}}),p="source-type",M={type:"radio",name:p,label:"Source type",changeProp:!0,options:[{id:"image",label:"Image",icon:P.image},{id:"video",label:"Video",icon:P.video},{id:"el",label:"Custom Element",icon:P.external}],labelToTitle:!0},w={id:"href-image",name:"href",type:"file",label:"Source Image"},k={id:"href-video",name:"href",label:"Source Video",placeholder:"https://www.youtube.com/watch?v=..."},R={id:"href-el",name:"href",label:"Source Element",placeholder:"#custom-element-id"},B={image:[w],video:[k],el:[R]};l.addType(A,{block:g&&{label:r,media:P.imageLightbox,category:"Extra",select:!0,...h.block},isComponent:t=>{var o;return(o=t.hasAttribute)==null?void 0:o.call(t,_)},extendFn:["initToolbar"],model:{defaults:{tagName:"a",name:r,icon:P.imageLightbox,classes:f,draggable:(t,o)=>!o.is(A),attributes:{[_]:"lightbox",[D]:"image",href:y},components:{type:"image",src:y},script:v,cdnScript:h.cdnScript,"script-props":["attributes","cdnScript"],[p]:"image",traits:[M,{name:_,label:"Group name"},{type:"button",label:"Toggle Lightbox",command(t,o){var i;const n=(i=o.target)==null?void 0:i.getView();n==null||n.toggleLightbox()}}],styles:`
|
|
2
2
|
.${f} {
|
|
3
3
|
display: inline-block;
|
|
4
4
|
padding: 10px;
|
|
5
5
|
}
|
|
6
|
-
`},init(){const t=[
|
|
6
|
+
`},init(){const t=[p].map(o=>`change:${o}`).join(" ");this.on(t,this.updateTraits),this.on(`change:${p}`,this.onSourceTypeChange),this.on("change:attributes:href",this.adjustSourceType),this.updateTraits({init:!0}),this.adjustSourceType()},onSourceTypeChange(t,o,n){if(n.adjust)return;const b=this.get(p)==="video"?"video":"image";this.addAttributes({[D]:b,href:""})},adjustSourceType(){const t=this.get(p),o=this.getAttributes().href||"",n={adjust:!0};if(t==="video"){const i=o.includes("youtube.com")?"youtube":"video";this.addAttributes({[D]:i},n)}else t!=="el"&&o.startsWith("#")?this.set(p,"el",n):t==="image"&&this.addAttributes({[D]:"image"},n)},updateTraits(t={}){const{changed:o}=this,{init:n}=t;if(o[M.name]||n){this.removeTrait([w.name,k.name,R.name]);const i=this.get(p)||"image",b=this.getTraitIndex(p)+1;this.addTrait(B[i],{at:b})}},initToolbar(){if(!u)return;const{toolbar:t}=this,o=s(this);!t.find(i=>i.id===o.id)&&(t==null||t.unshift(o))}},view:{onRender(){this.el.__skipLb=!0},toggleLightbox(){var E;const{em:t,el:o,model:n}=this,{Canvas:i}=t,b=n.getAttributes()[_],{defaultView:d,documentElement:j}=o.ownerDocument,O=(E=d.fsLightboxInstances)==null?void 0:E[b];if(j.classList.contains(te))O.close();else{o.__skipLb=!1;let I;O.props.onOpen=()=>{I=i.getSpots(),setTimeout(()=>i.removeSpots())},O.props.onClose=()=>{I.forEach(G=>i.addSpot(G.attributes))},o.click()}}}}),J({editor:e,plan:ee,licenseKey:h.licenseKey,pluginName:C,cleanup:()=>{c.remove(A),l.removeType(A)}})})});
|