@grapesjs/studio-sdk-plugins 1.0.31 → 1.0.32

package/dist/index.es.js

@@ -71,7 +71,7 @@ async function Dp({
     throw new Error(`HTTP error! status: ${p.status}`);
   return p.json();
 }
-var H = /* @__PURE__ */ ((n) => (n.free = "free", n.startup = "startup", n.business = "business", n.enterprise = "enterprise", n))(H || {}), Ra = /* @__PURE__ */ ((n) => (n.Info = "info", n.Error = "error", n.Success = "success", n.Warning = "warning", n))(Ra || {}), W = /* @__PURE__ */ ((n) => (n.toastAdd = "studio:toastAdd", n.toastRemove = "studio:toastRemove", n.dialogOpen = "studio:dialogOpen", n.dialogClose = "studio:dialogClose", n.sidebarLeftSet = "studio:sidebarLeft:set", n.sidebarLeftGet = "studio:sidebarLeft:get", n.sidebarLeftToggle = "studio:sidebarLeft:toggle", n.sidebarRightSet = "studio:sidebarRight:set", n.sidebarRightGet = "studio:sidebarRight:get", n.sidebarRightToggle = "studio:sidebarRight:toggle", n.sidebarTopSet = "studio:sidebarTop:set", n.sidebarTopGet = "studio:sidebarTop:get", n.sidebarTopToggle = "studio:sidebarTop:toggle", n.sidebarBottomSet = "studio:sidebarBottom:set", n.sidebarBottomGet = "studio:sidebarBottom:get", n.sidebarBottomToggle = "studio:sidebarBottom:toggle", n.symbolAdd = "studio:symbolAdd", n.symbolDetach = "studio:symbolDetach", n.symbolOverride = "studio:symbolOverride", n.symbolPropagateStyles = "studio:propagateStyles", n.getPagesConfig = "studio:getPagesConfig", n.setPagesConfig = "studio:setPagesConfig", n.getPageSettings = "studio:getPageSettings", n.setPageSettings = "studio:setPageSettings", n.clearPage = "studio:clearPage", n.projectFiles = "studio:projectFiles", n.validateCode = "studio:validateCode", n.canvasReload = "studio:canvasReload", n.getBlocksPanel = "studio:getBlocksPanel", n.setBlocksPanel = "studio:setBlocksPanel", n.getStateContextMenu = "studio:getStateContextMenu", n.setStateContextMenu = "studio:setStateContextMenu", n.contextMenuComponent = "studio:contextMenuComponent", n.layoutAdd = "studio:layoutAdd", n.layoutRemove = "studio:layoutRemove", n.layoutToggle = "studio:layoutToggle", n.layoutUpdate = "studio:layoutUpdate", n.layoutGet = "studio:layoutGet", n.layoutConfigGet = "studio:layoutConfigGet", n.layoutConfigSet = "studio:layoutConfigSet", n.getStateTheme = "studio:getStateTheme", n.setStateTheme = "studio:setStateTheme", n.assetProviderGet = "studio:assetProviderGet", n.assetProviderAdd = "studio:assetProviderAdd", n.assetProviderRemove = "studio:assetProviderRemove", n.fontGet = "studio:fontGet", n.fontAdd = "studio:fontAdd", n.fontRemove = "studio:fontRemove", n.fontManagerOpen = "studio:fontManagerOpen", n.menuFontLoad = "studio:menuFontLoad", n.toggleStateDataSource = "studio:toggleStateDataSource", n.getStateDataSource = "studio:getStateDataSource", n.dataSourceSetGlobalData = "studio:dataSourceSetGlobalData", n.dataSourceSetImporter = "studio:dataSourceSetImporter", n.dataSourceSetExporter = "studio:dataSourceSetExporter", n.setDragAbsolute = "studio:setDragAbsolute", n))(W || {}), Da = /* @__PURE__ */ ((n) => (n.layoutToggleId = "studio:layoutToggle:", n.toggleBlocksPanel = "studio:toggleBlocksPanel", n.pageSettingsUpdate = "studio:pageSettingsUpdate", n.toggleDataSourcesPreview = "studio:toggleDataSourcesPreview", n))(Da || {}), La = /* @__PURE__ */ ((n) => (n.dark = "dark", n.light = "light", n.auto = "auto", n))(La || {}), $a = /* @__PURE__ */ ((n) => (n.web = "web", n.email = "email", n.document = "document", n.react = "react", n))($a || {});
+var H = /* @__PURE__ */ ((n) => (n.free = "free", n.startup = "startup", n.business = "business", n.enterprise = "enterprise", n))(H || {}), Ra = /* @__PURE__ */ ((n) => (n.Info = "info", n.Error = "error", n.Success = "success", n.Warning = "warning", n))(Ra || {}), W = /* @__PURE__ */ ((n) => (n.toastAdd = "studio:toastAdd", n.toastRemove = "studio:toastRemove", n.dialogOpen = "studio:dialogOpen", n.dialogClose = "studio:dialogClose", n.dialogExportCode = "studio:dialogExportCode", n.sidebarLeftSet = "studio:sidebarLeft:set", n.sidebarLeftGet = "studio:sidebarLeft:get", n.sidebarLeftToggle = "studio:sidebarLeft:toggle", n.sidebarRightSet = "studio:sidebarRight:set", n.sidebarRightGet = "studio:sidebarRight:get", n.sidebarRightToggle = "studio:sidebarRight:toggle", n.sidebarTopSet = "studio:sidebarTop:set", n.sidebarTopGet = "studio:sidebarTop:get", n.sidebarTopToggle = "studio:sidebarTop:toggle", n.sidebarBottomSet = "studio:sidebarBottom:set", n.sidebarBottomGet = "studio:sidebarBottom:get", n.sidebarBottomToggle = "studio:sidebarBottom:toggle", n.symbolAdd = "studio:symbolAdd", n.symbolDetach = "studio:symbolDetach", n.symbolOverride = "studio:symbolOverride", n.symbolPropagateStyles = "studio:propagateStyles", n.getPagesConfig = "studio:getPagesConfig", n.setPagesConfig = "studio:setPagesConfig", n.getPageSettings = "studio:getPageSettings", n.setPageSettings = "studio:setPageSettings", n.clearPage = "studio:clearPage", n.projectFiles = "studio:projectFiles", n.validateCode = "studio:validateCode", n.canvasReload = "studio:canvasReload", n.getBlocksPanel = "studio:getBlocksPanel", n.setBlocksPanel = "studio:setBlocksPanel", n.getStateContextMenu = "studio:getStateContextMenu", n.setStateContextMenu = "studio:setStateContextMenu", n.contextMenuComponent = "studio:contextMenuComponent", n.layoutAdd = "studio:layoutAdd", n.layoutRemove = "studio:layoutRemove", n.layoutToggle = "studio:layoutToggle", n.layoutUpdate = "studio:layoutUpdate", n.layoutGet = "studio:layoutGet", n.layoutConfigGet = "studio:layoutConfigGet", n.layoutConfigSet = "studio:layoutConfigSet", n.getStateTheme = "studio:getStateTheme", n.setStateTheme = "studio:setStateTheme", n.assetProviderGet = "studio:assetProviderGet", n.assetProviderAdd = "studio:assetProviderAdd", n.assetProviderRemove = "studio:assetProviderRemove", n.fontGet = "studio:fontGet", n.fontAdd = "studio:fontAdd", n.fontRemove = "studio:fontRemove", n.fontManagerOpen = "studio:fontManagerOpen", n.menuFontLoad = "studio:menuFontLoad", n.toggleStateDataSource = "studio:toggleStateDataSource", n.getStateDataSource = "studio:getStateDataSource", n.dataSourceSetGlobalData = "studio:dataSourceSetGlobalData", n.dataSourceSetImporter = "studio:dataSourceSetImporter", n.dataSourceSetExporter = "studio:dataSourceSetExporter", n.setDragAbsolute = "studio:setDragAbsolute", n))(W || {}), Da = /* @__PURE__ */ ((n) => (n.layoutToggleId = "studio:layoutToggle:", n.toggleBlocksPanel = "studio:toggleBlocksPanel", n.pageSettingsUpdate = "studio:pageSettingsUpdate", n.toggleDataSourcesPreview = "studio:toggleDataSourcesPreview", n))(Da || {}), La = /* @__PURE__ */ ((n) => (n.dark = "dark", n.light = "light", n.auto = "auto", n))(La || {}), $a = /* @__PURE__ */ ((n) => (n.web = "web", n.email = "email", n.document = "document", n.react = "react", n))($a || {});
 const Cr = {
   [H.free]: 0,
   [H.startup]: 10,
@@ -82,8 +82,8 @@ function Lp(n) {
   const e = n;
   return e.init = (t) => (s) => n(s, t), e;
 }
-const F = (n) => /* @__PURE__ */ Lp(n);
-async function _({
+const _ = (n) => /* @__PURE__ */ Lp(n);
+async function G({
   editor: n,
   plan: e,
   pluginName: t,
@@ -448,7 +448,7 @@ const Ps = (n, e) => {
         });
       }
     }
-  }), _({
+  }), G({
     editor: n,
     licenseKey: o,
     plan: H.startup,
@@ -457,7 +457,7 @@ const Ps = (n, e) => {
       t.remove(i), s.removeType(i);
     }
   });
-}, Cb = F(Fp), _p = "iconifyComponent", Gp = H.startup, Wp = { ratioDefault: !0, tc: !1, cl: !1, cr: !1, bc: !1 }, wo = `<svg viewBox="0 0 24 24">
+}, Cb = _(Fp), _p = "iconifyComponent", Gp = H.startup, Wp = { ratioDefault: !0, tc: !1, cl: !1, cr: !1, bc: !1 }, wo = `<svg viewBox="0 0 24 24">
   <path d="M19 0H9C7.9 0 7 .9 7 2V18C7 19.1 7.9 20 9 20H19C20.1 20 21 19.1 21 18V2C21 .9 20.1 0 19 0M19 18H9V2H19V18M3 4V22C3 23.1 3.9 24 5 24H17V22H5V4H3M14 5L11 10L14 15L17 10L14 5Z" />
 </svg>`, za = "layout-icon-picker", jp = "icons-layout-", Va = "icons-list-layout", Ba = "gs-iconify-picker", Ki = "__iconify_collection", qp = "https://api.iconify.design", Co = /* @__PURE__ */ new Map();
 let fs;
@@ -708,7 +708,7 @@ const eu = function(n, e = {}) {
       view: u
     });
   }
-  _({
+  G({
     editor: n,
     licenseKey: r,
     plan: Gp,
@@ -717,7 +717,7 @@ const eu = function(n, e = {}) {
       s.remove(c), t.removeType(c);
     }
   });
-}, kb = F(eu);
+}, kb = _(eu);
 function jn(n, e, t) {
   let s, o, i, r, l;
   const a = e === void 0 ? 100 : e;
@@ -735,7 +735,7 @@ function jn(n, e, t) {
   }, d;
 }
 const tu = "tableComponent", nu = H.startup;
-var I = /* @__PURE__ */ ((n) => (n.table = "table", n.tableSettings = "tableSettings", n.tableDelete = "tableDelete", n.tableHead = "tableHead", n.tableFoot = "tableFoot", n.tableCellItems = "tableCellItems", n.tableCellProperties = "tableCellProperties", n.tableCellMerge = "tableCellMerge", n.tableCellSplit = "tableCellSplit", n.tableRowItems = "tableRowItems", n.tableRowInsertBefore = "tableRowInsertBefore", n.tableRowInsertAfter = "tableRowInsertAfter", n.tableRowDelete = "tableRowDelete", n.tableRowProperties = "tableRowProperties", n.tableRowCut = "tableRowCut", n.tableRowCopy = "tableRowCopy", n.tableRowPasteBefore = "tableRowPasteBefore", n.tableRowPasteAfter = "tableRowPasteAfter", n.tableColumn = "tableColumn", n.tableColumnItems = "tableColumnItems", n.tableColumnInsertBefore = "tableColumnInsertBefore", n.tableColumnInsertAfter = "tableColumnInsertAfter", n.tableColumnDelete = "tableColumnDelete", n.tableColumnCut = "tableColumnCut", n.tableColumnCopy = "tableColumnCopy", n.tableColumnPasteBefore = "tableColumnPasteBefore", n.tableColumnPasteAfter = "tableColumnPasteAfter", n))(I || {});
+var O = /* @__PURE__ */ ((n) => (n.table = "table", n.tableSettings = "tableSettings", n.tableDelete = "tableDelete", n.tableHead = "tableHead", n.tableFoot = "tableFoot", n.tableCellItems = "tableCellItems", n.tableCellProperties = "tableCellProperties", n.tableCellMerge = "tableCellMerge", n.tableCellSplit = "tableCellSplit", n.tableRowItems = "tableRowItems", n.tableRowInsertBefore = "tableRowInsertBefore", n.tableRowInsertAfter = "tableRowInsertAfter", n.tableRowDelete = "tableRowDelete", n.tableRowProperties = "tableRowProperties", n.tableRowCut = "tableRowCut", n.tableRowCopy = "tableRowCopy", n.tableRowPasteBefore = "tableRowPasteBefore", n.tableRowPasteAfter = "tableRowPasteAfter", n.tableColumn = "tableColumn", n.tableColumnItems = "tableColumnItems", n.tableColumnInsertBefore = "tableColumnInsertBefore", n.tableColumnInsertAfter = "tableColumnInsertAfter", n.tableColumnDelete = "tableColumnDelete", n.tableColumnCut = "tableColumnCut", n.tableColumnCopy = "tableColumnCopy", n.tableColumnPasteBefore = "tableColumnPasteBefore", n.tableColumnPasteAfter = "tableColumnPasteAfter", n))(O || {});
 const V = {
   table: '<svg viewBox="0 0 24 24"><path d="M5 4h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2m0 4v4h6V8H5m8 0v4h6V8h-6m-8 6v4h6v-4H5m8 0v4h6v-4h-6Z"/></svg>',
   tableSettings: '<svg viewBox="0 0 24 24"><path d="M5 4h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2m0 4v4h6V8H5m8 0v4h6V8h-6m-8 6v4h6v-4H5m8 0v4h6v-4h-6Z"/></svg>',
@@ -813,14 +813,14 @@ const V = {
     header: { label: ja }
   }));
 }, Ua = (n) => [{
-  id: I.table,
-  icon: V[I.table],
+  id: O.table,
+  icon: V[O.table],
   label: "Table",
   items: [
     {
-      id: I.tableSettings,
+      id: O.tableSettings,
       label: ja,
-      icon: V[I.tableSettings],
+      icon: V[O.tableSettings],
       onClick: ({ event: t }) => lu({
         ...n,
         // @ts-expect-error workaround for the build
@@ -828,9 +828,9 @@ const V = {
       })
     },
     {
-      id: I.tableDelete,
+      id: O.tableDelete,
       label: "Delete table",
-      icon: V[I.tableDelete],
+      icon: V[O.tableDelete],
       onClick: () => ru(n)
     }
   ]
@@ -868,51 +868,51 @@ const V = {
 }, cu = (n) => {
   const e = Ka(n);
   return [{
-    id: I.tableColumnItems,
-    icon: V[I.tableColumn],
+    id: O.tableColumnItems,
+    icon: V[O.tableColumn],
     label: "Column",
     items: [
       {
-        id: I.tableColumnInsertBefore,
+        id: O.tableColumnInsertBefore,
         label: "Insert column before",
-        icon: V[I.tableColumnInsertBefore],
+        icon: V[O.tableColumnInsertBefore],
         onClick: () => Mr(n)
       },
       {
-        id: I.tableColumnInsertAfter,
+        id: O.tableColumnInsertAfter,
         label: "Insert column after",
-        icon: V[I.tableColumnInsertAfter],
+        icon: V[O.tableColumnInsertAfter],
         onClick: () => Mr({ ...n, after: !0 })
       },
       {
-        id: I.tableColumnDelete,
+        id: O.tableColumnDelete,
         label: "Delete column",
-        icon: V[I.tableColumnDelete],
+        icon: V[O.tableColumnDelete],
         onClick: () => Ja(n)
       },
       {
-        id: I.tableColumnCut,
+        id: O.tableColumnCut,
         label: "Cut column",
-        icon: V[I.tableColumnCut],
+        icon: V[O.tableColumnCut],
         onClick: () => au(n)
       },
       {
-        id: I.tableColumnCopy,
+        id: O.tableColumnCopy,
         label: "Copy column",
-        icon: V[I.tableColumnCopy],
+        icon: V[O.tableColumnCopy],
         onClick: () => Za(n)
       },
       {
-        id: I.tableColumnPasteBefore,
+        id: O.tableColumnPasteBefore,
         label: "Paste column before",
-        icon: V[I.tableColumnPasteBefore],
+        icon: V[O.tableColumnPasteBefore],
         disabled: !e,
         onClick: () => Ar(n)
       },
       {
-        id: I.tableColumnPasteAfter,
+        id: O.tableColumnPasteAfter,
         label: "Paste column after",
-        icon: V[I.tableColumnPasteAfter],
+        icon: V[O.tableColumnPasteAfter],
         disabled: !e,
         onClick: () => Ar({ ...n, after: !0 })
       }
@@ -959,32 +959,32 @@ const V = {
 }, tc = (n) => {
   const e = ec(n);
   return [{
-    id: I.tableRowItems,
-    icon: V[I.tableRowProperties],
+    id: O.tableRowItems,
+    icon: V[O.tableRowProperties],
     label: "Row",
     items: [
       {
-        id: I.tableRowInsertBefore,
+        id: O.tableRowInsertBefore,
         label: "Insert row before",
-        icon: V[I.tableRowInsertBefore],
+        icon: V[O.tableRowInsertBefore],
         onClick: () => Pr(n)
       },
       {
-        id: I.tableRowInsertAfter,
+        id: O.tableRowInsertAfter,
         label: "Insert row after",
-        icon: V[I.tableRowInsertAfter],
+        icon: V[O.tableRowInsertAfter],
         onClick: () => Pr({ ...n, after: !0 })
       },
       {
-        id: I.tableRowDelete,
+        id: O.tableRowDelete,
         label: "Delete row",
-        icon: V[I.tableRowDelete],
+        icon: V[O.tableRowDelete],
         onClick: () => Xa(n)
       },
       {
-        id: I.tableRowProperties,
+        id: O.tableRowProperties,
         label: Ya,
-        icon: V[I.tableRowProperties],
+        icon: V[O.tableRowProperties],
         onClick: ({ event: s }) => uu({
           ...n,
           // @ts-expect-error workaround for the build
@@ -992,28 +992,28 @@ const V = {
         })
       },
       {
-        id: I.tableRowCut,
+        id: O.tableRowCut,
         label: "Cut row",
-        icon: V[I.tableRowCut],
+        icon: V[O.tableRowCut],
         onClick: () => pu(n)
       },
       {
-        id: I.tableRowCopy,
+        id: O.tableRowCopy,
         label: "Copy row",
-        icon: V[I.tableRowCopy],
+        icon: V[O.tableRowCopy],
         onClick: () => Qa(n)
       },
       {
-        id: I.tableRowPasteBefore,
+        id: O.tableRowPasteBefore,
         label: "Paste row before",
-        icon: V[I.tableRowPasteBefore],
+        icon: V[O.tableRowPasteBefore],
         disabled: !e,
         onClick: () => Nr(n)
       },
       {
-        id: I.tableRowPasteAfter,
+        id: O.tableRowPasteAfter,
         label: "Paste row after",
-        icon: V[I.tableRowPasteAfter],
+        icon: V[O.tableRowPasteAfter],
         disabled: !e,
         onClick: () => Nr({ ...n, after: !0 })
       }
@@ -1174,14 +1174,14 @@ const oc = "Cell settings", gu = "Merge cells", yu = "Split cell", bu = (n) => n
     header: { label: oc }
   });
 }, Cu = (n) => [{
-  id: I.tableCellItems,
-  icon: V[I.tableCellProperties],
+  id: O.tableCellItems,
+  icon: V[O.tableCellProperties],
   label: "Cell",
   items: [
     {
-      id: I.tableCellProperties,
+      id: O.tableCellProperties,
       label: oc,
-      icon: V[I.tableCellProperties],
+      icon: V[O.tableCellProperties],
       onClick: ({ event: t }) => wu({
         ...n,
         // @ts-expect-error workaround for the build
@@ -1189,16 +1189,16 @@ const oc = "Cell settings", gu = "Merge cells", yu = "Split cell", bu = (n) => n
       })
     },
     {
-      id: I.tableCellMerge,
+      id: O.tableCellMerge,
       label: gu,
-      icon: V[I.tableCellMerge],
+      icon: V[O.tableCellMerge],
       onClick: () => xu(n),
       disabled: !ic(n)
     },
     {
-      id: I.tableCellSplit,
+      id: O.tableCellSplit,
       label: yu,
-      icon: V[I.tableCellSplit],
+      icon: V[O.tableCellSplit],
       onClick: () => Su(n),
       disabled: !vu(n)
     }
@@ -1404,7 +1404,7 @@ const oc = "Cell settings", gu = "Merge cells", yu = "Split cell", bu = (n) => n
     const d = a.map((u) => u.is(q) ? u : u.closestType(q)).filter(Boolean);
     d.length === a.length && ku(d);
   }, 0);
-  n.on("component:select", i), _({
+  n.on("component:select", i), G({
     editor: n,
     plan: nu,
     pluginName: tu,
@@ -1413,7 +1413,7 @@ const oc = "Cell settings", gu = "Merge cells", yu = "Split cell", bu = (n) => n
       n.off("component:select", i), n.Blocks.remove(He), su.forEach((r) => s.removeType(r));
     }
   });
-}, Eb = F(Eu), Tu = "listPagesComponent", Mu = H.startup, Ir = "page://", St = "list-pages", jt = "list-pages-item", xt = "list-pages-link", Au = (n) => n.components().reduce(
+}, Eb = _(Eu), Tu = "listPagesComponent", Mu = H.startup, Ir = "page://", St = "list-pages", jt = "list-pages-item", xt = "list-pages-link", Au = (n) => n.components().reduce(
   (e, t) => {
     var r;
     const s = t.findFirstType(xt), o = (r = s == null ? void 0 : s.attributes.attributes) == null ? void 0 : r.href, i = o != null && o.startsWith(Ir) ? o.replace(Ir, "") : "";
@@ -1513,7 +1513,7 @@ const oc = "Cell settings", gu = "Merge cells", yu = "Split cell", bu = (n) => n
         `
       }
     }
-  }), _({
+  }), G({
     editor: n,
     licenseKey: i,
     plan: Mu,
@@ -1522,7 +1522,7 @@ const oc = "Cell settings", gu = "Merge cells", yu = "Split cell", bu = (n) => n
       t.remove(St), s.removeType(St);
     }
   });
-}, Tb = F(Ou), Ru = "fsLightboxComponent", Du = H.startup, ms = "data-fslightbox", gs = "data-type", Lu = "fslightbox-open", qt = "fslightbox", Ut = {
+}, Tb = _(Ou), Ru = "fsLightboxComponent", Du = H.startup, ms = "data-fslightbox", gs = "data-type", Lu = "fslightbox-open", qt = "fslightbox", Ut = {
   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>',
@@ -1544,10 +1544,10 @@ const oc = "Cell settings", gu = "Merge cells", yu = "Split cell", bu = (n) => n
       if ((M = w.fsLightboxInstances) == null || M[k], !w._isEditor) return;
       Array.from(document.querySelectorAll(`[${v}]`)).forEach((P) => {
         const N = P.onclick;
-        P.onclick = function(O) {
-          O.preventDefault();
+        P.onclick = function(I) {
+          I.preventDefault();
           const R = P;
-          !R.__skipLb && (N == null || N(O)), R.__skipLb = !0;
+          !R.__skipLb && (N == null || N(I)), R.__skipLb = !0;
         };
       });
     };
@@ -1694,12 +1694,12 @@ const oc = "Cell settings", gu = "Merge cells", yu = "Split cell", bu = (n) => n
           E.props.onOpen = () => {
             N = w.getSpots(), setTimeout(() => w.removeSpots());
           }, E.props.onClose = () => {
-            N.forEach((O) => w.addSpot(O.attributes));
+            N.forEach((I) => w.addSpot(I.attributes));
           }, y.click();
         }
       }
     }
-  }), _({
+  }), G({
     editor: n,
     plan: Du,
     licenseKey: r.licenseKey,
@@ -1708,7 +1708,7 @@ const oc = "Cell settings", gu = "Merge cells", yu = "Split cell", bu = (n) => n
       t.remove(qt), s.removeType(qt);
     }
   });
-}, Mb = F($u), zu = "lightGalleryComponent", Vu = H.startup;
+}, Mb = _($u), zu = "lightGalleryComponent", Vu = H.startup;
 var Yt = /* @__PURE__ */ ((n) => (n.image = "image", n.video = "video", n.external = "external", n))(Yt || {});
 const Ct = "lightGallery", Or = `${Ct}-item`, Is = "data-lightgallery", Rr = `${Is}-item`, Hs = "toggle", Tt = {
   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>',
@@ -2148,7 +2148,7 @@ const Ct = "lightGallery", Or = `${Ct}-item`, Is = "data-lightgallery", Rr = `${
     cdnStyle: `${Kt}/css/lightgallery-bundle.min.css`,
     ...e
   }, { block: l, toolbarIconOpen: a, defaultSrc: c } = r, d = function(y) {
-    const v = this, w = window, { plugins: S, cdnScript: x, cdnStyle: k, inline: E, lgLicenseKey: M, ...P } = y || {}, N = (R) => isNaN(R) ? void 0 : parseInt(R, 10), O = () => {
+    const v = this, w = window, { plugins: S, cdnScript: x, cdnStyle: k, inline: E, lgLicenseKey: M, ...P } = y || {}, N = (R) => isNaN(R) ? void 0 : parseInt(R, 10), I = () => {
       var ie;
       const R = {
         ...P,
@@ -2163,13 +2163,13 @@ const Ct = "lightGallery", Or = `${Ct}-item`, Is = "data-lightgallery", Rr = `${
         plugins: (S || []).map((re) => w[re])
       };
       E && (R.container = v, R.closable = !1);
-      const G = (ie = w.lightGallery) == null ? void 0 : ie.call(w, v, R);
-      E && G.openGallery();
+      const F = (ie = w.lightGallery) == null ? void 0 : ie.call(w, v, R);
+      E && F.openGallery();
     };
     if (w.lightGallery)
-      O();
+      I();
     else {
-      const { head: R } = document, G = Array.isArray(x) ? [...x] : [x], ie = Array.isArray(k) ? [...k] : [k], re = (ye) => {
+      const { head: R } = document, F = Array.isArray(x) ? [...x] : [x], ie = Array.isArray(k) ? [...k] : [k], re = (ye) => {
         if (ye.length) {
           const xe = document.createElement("link");
           xe.href = ye.shift(), xe.rel = "stylesheet", R.appendChild(xe), re(ye);
@@ -2179,9 +2179,9 @@ const Ct = "lightGallery", Or = `${Ct}-item`, Is = "data-lightgallery", Rr = `${
           const xe = document.createElement("script");
           xe.src = ye.shift(), xe.onerror = xe.onload = je.bind(null, ye), R.appendChild(xe);
         } else
-          O();
+          I();
       };
-      re(ie), je(G);
+      re(ie), je(F);
     }
   }, p = (y) => {
     const v = y.getTrait(Hs);
@@ -2335,7 +2335,7 @@ const Ct = "lightGallery", Or = `${Ct}-item`, Is = "data-lightgallery", Rr = `${
         y[ys] ? this.set(nt, Yt.external) : (y[Fs.name] || y[ii.name]) && this.set(nt, Yt.video);
       }
     }
-  }), _({
+  }), G({
     editor: n,
     plan: Vu,
     licenseKey: r.licenseKey,
@@ -2344,7 +2344,7 @@ const Ct = "lightGallery", Or = `${Ct}-item`, Is = "data-lightgallery", Rr = `${
       t.remove(Ct), s.removeType(Ct);
     }
   });
-}, Ab = F(qu), Oe = "swiper", qn = `${Oe}-slide`, on = `${Oe}-wrapper`, rn = `${Oe}-nav-prev`, _s = `${Oe}-nav-next`, ln = `${Oe}-pagination`, Dn = `${Oe}-scrollbar`, le = {
+}, Ab = _(qu), Oe = "swiper", qn = `${Oe}-slide`, on = `${Oe}-wrapper`, rn = `${Oe}-nav-prev`, _s = `${Oe}-nav-next`, ln = `${Oe}-pagination`, Dn = `${Oe}-scrollbar`, le = {
   slider: `<svg viewBox="0 0 24 24">
   <path d="M22 7.6c0-1-.5-1.6-1.3-1.6H3.4C2.5 6 2 6.7 2 7.6v9.8c0 1 .5 1.6 1.3 1.6h17.4c.8 0 1.3-.6 1.3-1.6V7.6zM21 18H3V7h18v11z" fill-rule="nonzero"/>
   <path d="M4 12.5L6 14v-3zM20 12.5L18 14v-3z"/>
@@ -2988,16 +2988,16 @@ const Ct = "lightGallery", Or = `${Ct}-item`, Is = "data-lightgallery", Rr = `${
         }
       };
       if (u.tablet) {
-        const { tabletBreakpoint: P, tabletSlidesPerView: N } = u, O = S(P);
-        E.breakpoints[O] = {
+        const { tabletBreakpoint: P, tabletSlidesPerView: N } = u, I = S(P);
+        E.breakpoints[I] = {
           slidesPerView: isNaN(N) ? N : S(N),
           slidesPerGroup: S(u.tabletSlidesPerGroup),
           spaceBetween: S(u.tabletSpaceBetween)
         };
       }
       if (u.mobile) {
-        const { mobileBreakpoint: P, mobileSlidesPerView: N } = u, O = S(P);
-        E.breakpoints[O] = {
+        const { mobileBreakpoint: P, mobileSlidesPerView: N } = u, I = S(P);
+        E.breakpoints[I] = {
           slidesPerView: isNaN(N) ? N : S(N),
           slidesPerGroup: S(u.mobileSlidesPerGroup),
           spaceBetween: S(u.mobileSpaceBetween)
@@ -3010,15 +3010,15 @@ const Ct = "lightGallery", Or = `${Ct}-item`, Is = "data-lightgallery", Rr = `${
     if (f.Swiper)
       x();
     else {
-      const { head: k } = document, E = Array.isArray(y) ? [...y] : [y], M = Array.isArray(v) ? [...v] : [v], P = (O) => {
-        if (O.length) {
+      const { head: k } = document, E = Array.isArray(y) ? [...y] : [y], M = Array.isArray(v) ? [...v] : [v], P = (I) => {
+        if (I.length) {
           const R = document.createElement("link");
-          R.href = O.shift(), R.rel = "stylesheet", k.prepend(R), P(O);
+          R.href = I.shift(), R.rel = "stylesheet", k.prepend(R), P(I);
         }
-      }, N = (O) => {
-        if (O.length) {
+      }, N = (I) => {
+        if (I.length) {
           const R = document.createElement("script");
-          R.src = O.shift(), R.onerror = R.onload = N.bind(null, O), k.appendChild(R);
+          R.src = I.shift(), R.onerror = R.onload = N.bind(null, I), k.appendChild(R);
         } else
           x();
       };
@@ -3278,7 +3278,7 @@ const Ct = "lightGallery", Or = `${Ct}-item`, Is = "data-lightgallery", Rr = `${
     Xu(n),
     eh(n)
   ];
-  _({
+  G({
     editor: n,
     plan: rh,
     licenseKey: t.licenseKey,
@@ -3287,7 +3287,7 @@ const Ct = "lightGallery", Or = `${Ct}-item`, Is = "data-lightgallery", Rr = `${
       s.forEach((o) => o());
     }
   });
-}, Pb = F(lh), he = "accordion", kn = `${he}-group`, Qe = `${he}-header`, at = `${he}-content`, Mt = `${he}-marker`, Wr = `${Me}${Qe}`, li = `${Me}${Mt}`, ah = `${Me}${at}`, lc = `${li}-open`, zt = {
+}, Pb = _(lh), he = "accordion", kn = `${he}-group`, Qe = `${he}-header`, at = `${he}-content`, Mt = `${he}-marker`, Wr = `${Me}${Qe}`, li = `${Me}${Mt}`, ah = `${Me}${at}`, lc = `${li}-open`, zt = {
   accordion: '<svg viewBox="0 0 24 24"><path fill="currentColor" d="M5.616 20q-.691 0-1.153-.462T4 18.384V5.616q0-.691.463-1.153T5.616 4h12.769q.69 0 1.153.463T20 5.616v12.769q0 .69-.462 1.153T18.384 20zm0-1h12.769q.23 0 .423-.192t.192-.424V8.154H5v10.23q0 .232.192.424t.423.192"/></svg>',
   accordionGroup: '<svg viewBox="0 0 24 24"><path fill="currentColor" d="M8.116 16h10.769q.23 0 .423-.192t.192-.423V6h-12v9.385q0 .23.192.423t.423.192m0 1q-.69 0-1.153-.462T6.5 15.385V4.615q0-.69.463-1.153T8.116 3h10.769q.69 0 1.153.462t.462 1.153v10.77q0 .69-.462 1.152T18.884 17zm-3 3q-.69 0-1.153-.462T3.5 18.385V6.615h1v11.77q0 .23.192.423t.423.192h11.77v1zM7.5 4v12z"/></svg>',
   accordionHeader: '<svg viewBox="0 0 24 24"><path fill="currentColor" d="M5.616 20q-.691 0-1.153-.462T4 18.384V5.616q0-.691.463-1.153T5.616 4h12.769q.69 0 1.153.463T20 5.616v12.769q0 .69-.462 1.153T18.384 20zm0-1h12.769q.23 0 .423-.192t.192-.424V5.616q0-.231-.192-.424T18.384 5H5.616q-.231 0-.424.192T5 5.616v12.769q0 .23.192.423t.423.192M5 5v14zm2.616 4.192h6q.413 0 .706-.293q.294-.293.294-.707t-.294-.706q-.293-.294-.706-.294h-6q-.414 0-.707.294t-.293.706t.293.707t.707.293"/></svg>',
@@ -3531,7 +3531,7 @@ const Ct = "lightGallery", Or = `${Ct}-item`, Is = "data-lightgallery", Rr = `${
     hh(n),
     dh(n)
   ];
-  _({
+  G({
     editor: n,
     licenseKey: e.licenseKey,
     plan: mh,
@@ -3540,7 +3540,7 @@ const Ct = "lightGallery", Or = `${Ct}-item`, Is = "data-lightgallery", Rr = `${
       t.forEach((s) => s());
     }
   });
-}, Nb = F(gh), _n = class _n {
+}, Nb = _(gh), _n = class _n {
   constructor(e) {
     this.config = e;
   }
@@ -4058,7 +4058,7 @@ function $h(n, e) {
     const k = x.clientX, E = x.clientY;
     x.target.setPointerCapture(x.pointerId);
     const M = (N) => {
-      const O = n.Canvas.getZoomMultiplier(), R = (N.clientX - k) * O, G = (N.clientY - E) * O, ie = Gs(S) ? G : R;
+      const I = n.Canvas.getZoomMultiplier(), R = (N.clientX - k) * I, F = (N.clientY - E) * I, ie = Gs(S) ? F : R;
       p.updateResizeByDelta(a, S, ie);
     }, P = () => {
       p.finishResize(a), x.target.releasePointerCapture(x.pointerId), document.removeEventListener("pointermove", M), document.removeEventListener("pointerup", P);
@@ -4071,12 +4071,12 @@ function $h(n, e) {
     const k = Un(x, e), E = hi({ componentRow: x, isVertical: k }, e), M = S.clientX, P = S.clientY;
     S.target.setPointerCapture(S.pointerId);
     const N = (R) => {
-      const G = n.Canvas.getZoomMultiplier(), ie = k ? (R.clientY - P) * G : (R.clientX - M) * G;
+      const F = n.Canvas.getZoomMultiplier(), ie = k ? (R.clientY - P) * F : (R.clientX - M) * F;
       p.updateGapByDelta(x, ie, E, k);
-    }, O = () => {
-      p.finishGapAdjust(x), S.target.releasePointerCapture(S.pointerId), document.removeEventListener("pointermove", N), document.removeEventListener("pointerup", O);
+    }, I = () => {
+      p.finishGapAdjust(x), S.target.releasePointerCapture(S.pointerId), document.removeEventListener("pointermove", N), document.removeEventListener("pointerup", I);
     };
-    document.addEventListener("pointermove", N), document.addEventListener("pointerup", O);
+    document.addEventListener("pointermove", N), document.addEventListener("pointerup", I);
   }, m = (S) => {
     const x = S.component;
     if (!x || !o || (a = x, c = x.parent(), !c)) return;
@@ -4085,13 +4085,13 @@ function $h(n, e) {
     const E = S.getStyle();
     i && Object.assign(i.style, E);
     const M = Un(k, e), P = bh(M);
-    if (Object.values(r).forEach(jr), P.forEach((O) => {
-      if (Ch(x, O)) return;
-      const R = r[O];
+    if (Object.values(r).forEach(jr), P.forEach((I) => {
+      if (Ch(x, I)) return;
+      const R = r[I];
       qr(R);
     }), Gt(e).gapHandler.isGapSupported() && l && kh(x)) {
-      const O = hi({ componentRow: k, isVertical: M }, e);
-      g(O, M, xh(x));
+      const I = hi({ componentRow: k, isVertical: M }, e);
+      g(I, M, xh(x));
     }
   }, g = (S, x, k = !1) => {
     const E = e.gapHandleSize, M = l.style;
@@ -4133,7 +4133,7 @@ const zh = function(n, e = {}) {
     minItemPercent: 5,
     ...e
   }, s = [Ah(n, t), Mh(n, t)], o = $h(n, t), i = Th(n, t);
-  _({
+  G({
     editor: n,
     licenseKey: t.licenseKey,
     plan: Nh,
@@ -4142,7 +4142,7 @@ const zh = function(n, e = {}) {
       s.forEach((r) => r == null ? void 0 : r()), o(), i == null || i();
     }
   });
-}, Ib = F(zh);
+}, Ib = _(zh);
 var Ne = /* @__PURE__ */ ((n) => (n.name = "animation-name", n.duration = "animation-duration", n.delay = "animation-delay", n.iterationCount = "animation-iteration-count", n.timingFunction = "animation-timing-function", n.fillMode = "animation-fill-mode", n))(Ne || {}), an = /* @__PURE__ */ ((n) => (n.onScroll = "--animation-on-scroll", n.threshold = "--animation-threshold", n.repeat = "--animation-repeat", n))(an || {});
 const Ve = "animation", nn = "animation-group", Zr = "animation:update", mi = "animation-group:update", pc = {
   category: { id: "animations", label: "Animations" },
@@ -5153,7 +5153,7 @@ const Ve = "animation", nn = "animation-group", Zr = "animation:update", mi = "a
         ]
       }
     ]
-  }), _({
+  }), G({
     editor: n,
     licenseKey: e.licenseKey,
     plan: jh,
@@ -5162,7 +5162,7 @@ const Ve = "animation", nn = "animation-group", Zr = "animation:update", mi = "a
       s.forEach((i) => i());
     }
   });
-}, Ob = F(qh), Uh = "shapeDividerComponent", Kh = H.startup, Jh = function(n, e = {}) {
+}, Ob = _(qh), Uh = "shapeDividerComponent", Kh = H.startup, Jh = function(n, e = {}) {
   const { Components: t, Blocks: s, Selectors: o } = n, i = "shape-divider", r = `${i}-cnt`, l = `${Me}${i}`, a = `${Me}${r}`, c = [
     {
       id: "tilt",
@@ -5469,7 +5469,7 @@ const Ve = "animation", nn = "animation-group", Zr = "animation:update", mi = "a
         y && v ? S = w[2] : v ? S = w[1] : y && (S = w[0]), this.removeClass(w), S && this.addClass(S), this.set("resizable", y ? u : p);
       }
     }
-  }), _({
+  }), G({
     editor: n,
     licenseKey: e.licenseKey,
     plan: Kh,
@@ -5478,7 +5478,7 @@ const Ve = "animation", nn = "animation-group", Zr = "animation:update", mi = "a
       t.removeType(i), s.remove(i);
     }
   });
-}, Rb = F(Jh), Zh = (n) => n.dispatchEvent(new CustomEvent("input")), Yh = (n, e) => {
+}, Rb = _(Jh), Zh = (n) => n.dispatchEvent(new CustomEvent("input")), Yh = (n, e) => {
   if (!e) return () => {
   };
   const t = "keydown", s = (i) => {
@@ -5724,7 +5724,7 @@ const Xh = "rteTinyMce", Qh = H.startup, ef = `
     }
   });
   const c = fc(n, t.enableOnClick);
-  _({
+  G({
     editor: n,
     licenseKey: t.licenseKey,
     plan: Qh,
@@ -5733,7 +5733,7 @@ const Xh = "rteTinyMce", Qh = H.startup, ef = `
       n.RichTextEditor.customRte = void 0, c();
     }
   });
-}, Db = F(rf);
+}, Db = _(rf);
 function Y(n) {
   this.content = n;
 }
@@ -18041,7 +18041,7 @@ const W0 = function(n, e = {}) {
     }
   });
   const i = fc(n, t.enableOnClick), r = Yh(n, t.disableOnEsc);
-  _({
+  G({
     editor: n,
     licenseKey: t.licenseKey,
     plan: F0,
@@ -18050,7 +18050,7 @@ const W0 = function(n, e = {}) {
       n.RichTextEditor.customRte = void 0, i(), r();
     }
   });
-}, Lb = F(W0), j0 = "canvasEmptyState", q0 = H.startup, U0 = function(n, e = {}) {
+}, Lb = _(W0), j0 = "canvasEmptyState", q0 = H.startup, U0 = function(n, e = {}) {
   const t = /* @__PURE__ */ new WeakMap(), s = /* @__PURE__ */ new WeakMap(), o = /* @__PURE__ */ new WeakMap(), i = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new WeakMap(), l = {
     emptyStates: [],
     ...e
@@ -18100,7 +18100,7 @@ const W0 = function(n, e = {}) {
   }, h = ({ model: y }) => {
     p(y.getComponent());
   }, f = n.Components.events, m = `${f.update}:components`, g = "component:mount", b = n.Canvas.events.frameLoadBody, C = f.removed;
-  n.on(m, p), n.on(g, p), n.on(C, u), n.on(b, h), _({
+  n.on(m, p), n.on(g, p), n.on(C, u), n.on(b, h), G({
     editor: n,
     licenseKey: l.licenseKey,
     plan: q0,
@@ -18109,7 +18109,7 @@ const W0 = function(n, e = {}) {
       n.off(m, p), n.off(g, p), n.off(C, u), n.off(b, h);
     }
   });
-}, $b = F(U0), Sa = "canvasFullSize", K0 = H.startup, J0 = (n, e) => {
+}, $b = _(U0), Sa = "canvasFullSize", K0 = H.startup, J0 = (n, e) => {
   const { rule: t, ruleView: s } = e, { style: o } = t.attributes;
   if (o && o[n]) {
     const i = o[n], r = /([0-9.]+)(vh|dvh|lvh|svh)/g, l = r.test(i), a = s.frameView.model;
@@ -18170,12 +18170,12 @@ const W0 = function(n, e = {}) {
       [data-gjs-type="mj-body"] { min-height: ${m} !important; }
     `, !Le.contains(hs) && Le.appendChild(hs);
   });
-  const N = () => E.style.display = "none", O = () => E.style.display = "", R = () => {
+  const N = () => E.style.display = "none", I = () => E.style.display = "", R = () => {
     var Le;
     if (!u) return;
     const z = t.getZoomMultiplier(), ue = t.getRect().height * z - l * 2;
     (Le = o.getSelected()) == null || Le.set("height", `${Math.max(ue, p)}px`), t.fitViewport({ zoom: t.getZoom(), gap: x });
-  }, G = jn(() => {
+  }, F = jn(() => {
     t.fitViewport({
       zoom: (z) => z > 100 ? 100 : z,
       ignoreHeight: !0,
@@ -18183,7 +18183,7 @@ const W0 = function(n, e = {}) {
     }), R(), P(), setTimeout(() => {
       var pe, ue;
       const { em: z } = n;
-      z.destroyed || ((ue = (pe = n.getSelected()) == null ? void 0 : pe.getEl()) == null || ue.scrollIntoView({ block: "nearest" }), n.refresh({ tools: !0 }), O(), s.isActive(b) ? z.stopDefault() : z.runDefault());
+      z.destroyed || ((ue = (pe = n.getSelected()) == null ? void 0 : pe.getEl()) == null || ue.scrollIntoView({ block: "nearest" }), n.refresh({ tools: !0 }), I(), s.isActive(b) ? z.stopDefault() : z.runDefault());
     }, S);
   }, 100), ie = (z = {}) => {
     z.options && z.options.from !== "fitViewport" && t.fitViewport({
@@ -18192,11 +18192,11 @@ const W0 = function(n, e = {}) {
       gap: x
     });
   }, re = () => {
-    N(), G();
+    N(), F();
   }, je = () => {
     k.overflowX = "hidden", k.overflowY = "auto";
   }, ye = () => {
-    M == null || M.disconnect(), G.clear();
+    M == null || M.disconnect(), F.clear();
   }, xe = [
     [o.events.select, re],
     [g.zoom, ie],
@@ -18209,9 +18209,9 @@ const W0 = function(n, e = {}) {
   }), xe.forEach(([z, pe]) => n.on(z, pe)), n.onReady(() => {
     const z = t.getElement(), pe = t.getFramesEl(), ue = t.getCanvasView();
     E = t.getSpotsEl(), k = z.style, k.overflowX = "hidden", pe.style.transition = `transform ${c}s`, document.removeEventListener("keypress", ue.onKeyPress), P(), M = new ResizeObserver(() => {
-      N(), G();
-    }), M.observe(z.parentElement), G();
-  }), _({
+      N(), F();
+    }), M.observe(z.parentElement), F();
+  }), G({
     editor: n,
     licenseKey: r.licenseKey,
     plan: K0,
@@ -18220,7 +18220,7 @@ const W0 = function(n, e = {}) {
       n.runCommand(v);
     }
   });
-}, zb = F(Y0), Vi = "canvasGridMode", X0 = H.startup, Bi = "component-grid-mode", ns = "grid-mode", ps = "gjs-drag-grid-spot", np = `${ps}__grid-item`, sp = `${ps}__grid-target`, op = `${ps}__snapped`, Q0 = `${ps}__container`, ey = () => {
+}, zb = _(Y0), Vi = "canvasGridMode", X0 = H.startup, Bi = "component-grid-mode", ns = "grid-mode", ps = "gjs-drag-grid-spot", np = `${ps}__grid-item`, sp = `${ps}__grid-target`, op = `${ps}__snapped`, Q0 = `${ps}__container`, ey = () => {
   const n = "data-gjs-drag-grid-style", e = document, t = "var(--gs-theme-cl-cmp-bg1, var(--gjs-color-highlight))", s = "var(--gs-theme-cl-cmp-bg2, var(--gjs-color-blue))", o = e.querySelector(`style[${n}]`) || e.createElement("style");
   o.setAttribute(n, "true"), o.innerHTML = `
         .${np} {
@@ -18401,7 +18401,7 @@ function dp(n, e) {
   const r = n.parentElement, l = t.getComputedStyle(r), a = parseFloat(l.columnGap) || 0, c = parseFloat(l.rowGap) || 0, d = xa(l.gridTemplateColumns), p = xa(l.gridTemplateRows), u = parseFloat(l.paddingLeft) || 0, h = parseFloat(l.paddingTop) || 0, f = r.getBoundingClientRect(), m = n.getBoundingClientRect(), g = (w, S, x, k, E) => {
     let M = 1, P = k + E;
     for (let N = 0; N < S.length; N++) {
-      const O = S[N], R = P + O;
+      const I = S[N], R = P + I;
       if (w >= P && w < R)
         return M;
       P = R + x, M++;
@@ -18460,8 +18460,8 @@ function ly(n) {
           const { scroll: g } = cp(e), { columns: b, rows: C, gap: y, offset: v, padding: w } = p, { offset: S, margin: x } = r, k = S.top - v.top - w.top - x.top + m - d.top + g.top, E = S.left - v.left - w.left - x.left + f - d.left + g.left, M = Math.min(ut(b, 1, E, y.column, 0.5), b.length), P = Math.min(ut(C, 1, k, y.row, 0.5), C.length), N = Math.min(
             ut(b, M, S.width, y.column) + 1,
             b.length + 1
-          ), O = Math.min(ut(C, P, S.height, y.row) + 1, C.length + 1);
-          a.style.gridArea = `${P} / ${M} / ${O} / ${N}`, c.style.top = `${k + w.top}px`, c.style.left = `${E + w.left}px`;
+          ), I = Math.min(ut(C, P, S.height, y.row) + 1, C.length + 1);
+          a.style.gridArea = `${P} / ${M} / ${I} / ${N}`, c.style.top = `${k + w.top}px`, c.style.left = `${E + w.left}px`;
         }
       }).start(s.event);
     }
@@ -18775,14 +18775,14 @@ const my = function(n, e = {}) {
       n.off(y, v);
     });
   };
-  _({
+  G({
     editor: n,
     licenseKey: t.licenseKey,
     plan: X0,
     pluginName: Vi,
     cleanup: C
   });
-}, Vb = F(my), gy = "canvasScreenshot", yy = H.startup;
+}, Vb = _(my), gy = "canvasScreenshot", yy = H.startup;
 var pp = /* @__PURE__ */ ((n) => (n.screenshot = "studioPlugin:screenshot", n))(pp || {});
 const by = async (n) => await Ap([{ id: "html-to-image", src: n }]), vy = async (n, e = {}, t = {}) => {
   const { cdnScript: s } = t;
@@ -18851,15 +18851,15 @@ const by = async (n) => await Ap([{ id: "html-to-image", src: n }]), vy = async
   const a = () => {
     delete t.commands[Zo], n.off(i, l);
   };
-  _({
+  G({
     editor: n,
     licenseKey: e.licenseKey,
     plan: yy,
     pluginName: gy,
     cleanup: a
   });
-}, Bb = F(Sy);
-var ze = /* @__PURE__ */ ((n) => (n.panelBlocks = "panelBlocks", n.panelPagesLayers = "panelPagesLayers", n.panelGlobalStyles = "panelGlobalStyles", n.panelSidebarTabs = "panelSidebarTabs", n.panelAssets = "panelAssets", n.aiChatPanel = "aiChatPanel", n.dataSourceManagerPanel = "dataSourceManagerPanel", n))(ze || {});
+}, Bb = _(Sy);
+var ze = /* @__PURE__ */ ((n) => (n.panelBlocks = "panelBlocks", n.panelPagesLayers = "panelPagesLayers", n.panelGlobalStyles = "panelGlobalStyles", n.panelSidebarTabs = "panelSidebarTabs", n.panelAssets = "panelAssets", n.aiChatPanel = "aiChatPanel", n.panelDataSources = "panelDataSources", n))(ze || {});
 const up = "sidebarButtonsTarget", Ms = (n, e) => {
   const { id: t, icon: s, label: o, tooltip: i, className: r, skipSelfClose: l, removeLayouts: a, layoutComponent: c, layoutCommand: d } = n, { pluginOpts: p, breakpointProps: u } = e, h = t;
   return {
@@ -19082,7 +19082,7 @@ const up = "sidebarButtonsTarget", Ms = (n, e) => {
     c == null || c.click();
   }), n.on(`${s.runCommand}core:preview`, () => {
     fp(n);
-  }), _({
+  }), G({
     editor: n,
     licenseKey: o.licenseKey,
     plan: xy,
@@ -19091,7 +19091,7 @@ const up = "sidebarButtonsTarget", Ms = (n, e) => {
       n.runCommand(W.layoutConfigSet);
     }
   });
-}, Cy = F(wy);
+}, Cy = _(wy);
 Cy.createLayoutConfig = (n) => mp(n);
 const wt = "page-break";
 var Ae = /* @__PURE__ */ ((n) => (n.A5 = "a5", n.A5Portrait = "a5-portrait", n.A4 = "a4", n.A3 = "a3", n.B5 = "b5", n.B4 = "b4", n.letter = "letter", n.legal = "legal", n.ledger = "ledger", n))(Ae || {});
@@ -19288,23 +19288,23 @@ const Py = "presetPrintable", Ny = H.free, Iy = function(n, e = {}) {
   o.devices.reset(p);
   const u = a && o.get(a) || o.getAll().at(0);
   o.select(u), ["map", "video"].forEach((x) => i.remove(x));
-  const f = () => {
-    const x = "page-rule", { rules: k } = n.Css, { width: E, height: M, minHeight: P } = o.getSelected().attributes, N = M && M !== "auto" ? M : P;
-    (k.where({ id: x }).pop() || k.add(
+  const f = (x = {}) => {
+    const k = "page-rule", { rules: E } = n.Css, { width: M, height: P, minHeight: N } = o.getSelected().attributes, I = P && P !== "auto" ? P : N, R = E.where({ id: k }).pop(), F = R || E.add(
       {
-        id: x,
+        id: k,
         selectors: [],
         selectorsAdd: "@page"
       },
       { at: 0 }
-    )).setStyle({
-      size: `${E} ${N}`,
-      margin: "0"
+    );
+    (x.fromDeviceChange || !R) && F.addStyle({
+      size: `${M} ${I}`,
+      ...!R && { margin: "0" }
     });
-  }, m = (x) => {
-    const k = x.document, { minHeight: E } = o.getSelected().attributes, P = `
-      ${!!parseFloat(`${E}`) ? `
-        [data-gjs-type="wrapper"] { min-height: ${E}; }
+  }, m = (x, k = {}) => {
+    const E = x.document, { minHeight: M } = o.getSelected().attributes, N = `
+      ${!!parseFloat(`${M}`) ? `
+        [data-gjs-type="wrapper"] { min-height: ${M}; }
       ` : `
         body {
           overflow: hidden;
@@ -19316,7 +19316,7 @@ const Py = "presetPrintable", Ny = H.free, Iy = function(n, e = {}) {
         }
       `}
     `;
-    Ui(`${Bs}preset-printable`, P, { doc: k, target: k.head }), f();
+    Ui(`${Bs}preset-printable`, N, { doc: E, target: E.head }), f(k);
   };
   n.on(r.frameLoadBody, (x) => {
     const k = x.window;
@@ -19330,7 +19330,7 @@ const Py = "presetPrintable", Ny = H.free, Iy = function(n, e = {}) {
   }), n.on(o.events.select, () => {
     var k;
     const x = (k = s.getFrameEl().contentDocument) == null ? void 0 : k.defaultView;
-    x && m(x);
+    x && m(x, { fromDeviceChange: !0 });
   });
   const g = () => {
     const k = n.Css.getRules().filter((E) => E.selectorsToString() === "body").pop();
@@ -19350,14 +19350,14 @@ const Py = "presetPrintable", Ny = H.free, Iy = function(n, e = {}) {
   const w = () => {
     b.forEach(([x, k]) => n.off(x, k)), C(), y(), v();
   };
-  n.on(l.destroy, w), _({
+  n.on(l.destroy, w), G({
     editor: n,
     licenseKey: t.licenseKey,
     plan: Ny,
     pluginName: Py,
     cleanup: w
   });
-}, Hb = F(Iy), Oy = (n) => {
+}, Hb = _(Iy), Oy = (n) => {
   const e = n;
   return e.logicalOperator === "and" || e.logicalOperator === "or";
 }, gp = (n, e) => (n.config.optsHtml = {
@@ -19962,7 +19962,7 @@ const Vy = "dataSourceEjs", By = H.startup, Hy = function(n, e = {}) {
     contains: "<%",
     importer: new zy()
   });
-  _({
+  G({
     editor: n,
     licenseKey: e.licenseKey,
     plan: By,
@@ -19971,7 +19971,7 @@ const Vy = "dataSourceEjs", By = H.startup, Hy = function(n, e = {}) {
       t(), s();
     }
   });
-}, Fb = F(Hy), bp = {
+}, Fb = _(Hy), bp = {
   equals: "equals",
   isTruthy: "isTruthy",
   isFalsy: "isFalsy",
@@ -20282,7 +20282,7 @@ const Wi = (n) => {
     contains: "{{",
     importer: new jy()
   });
-  _({
+  G({
     editor: n,
     licenseKey: e.licenseKey,
     plan: Uy,
@@ -20291,7 +20291,7 @@ const Wi = (n) => {
       t(), s();
     }
   });
-}, _b = F(Ky), Jy = (n) => {
+}, _b = _(Ky), Jy = (n) => {
   const e = {};
   for (const t of Object.keys(n)) {
     let s = n[t];
@@ -20430,7 +20430,7 @@ const Wi = (n) => {
   }), n.I18n.addMessages({
     en: Yy,
     ...s
-  }), _({
+  }), G({
     editor: n,
     licenseKey: e.licenseKey,
     plan: Qy,
@@ -20445,7 +20445,7 @@ const Wi = (n) => {
       });
     }
   });
-}, Gb = F(eb), ss = (n) => n.replaceAll('"', "").replaceAll("'", ""), ji = (n) => n.includes(",") ? n : /\s/.test(n) ? `'${ss(n)}'` : ss(n), Ma = (n, e, t) => ({ family: n, variant: e, ...t }), vp = (n, e) => {
+}, Gb = _(eb), ss = (n) => n.replaceAll('"', "").replaceAll("'", ""), ji = (n) => n.includes(",") ? n : /\s/.test(n) ? `'${ss(n)}'` : ss(n), Ma = (n, e, t) => ({ family: n, variant: e, ...t }), vp = (n, e) => {
   n = ji(n);
   const { menuVariant: t, variants: s } = e;
   return {
@@ -20605,7 +20605,7 @@ const ob = (n) => {
   n.runCommand(W.assetProviderAdd, { provider: s }), n.I18n.addMessages({
     en: rb,
     ...t
-  }), _({
+  }), G({
     editor: n,
     licenseKey: e.licenseKey,
     plan: ab,
@@ -20614,7 +20614,7 @@ const ob = (n) => {
       n.runCommand(W.assetProviderRemove, { id: s.id });
     }
   });
-}, Wb = F(cb), db = "canvasAbsoluteMode", pb = H.startup, ub = (n, e, t) => {
+}, Wb = _(cb), db = "canvasAbsoluteMode", pb = H.startup, ub = (n, e, t) => {
   var c, d;
   const s = t.enableAbsolute ?? ((p) => p.hasAbsolute), i = (Array.isArray(e) ? e : e ? [e] : [...n.getSelectedAll()])[0], r = ((d = (c = i == null ? void 0 : i.delegate) == null ? void 0 : c.move) == null ? void 0 : d.call(c, i)) || i;
   if (!r) return;
@@ -20660,15 +20660,15 @@ function Sp({
   var P, N;
   const { command: s, guidesMatched: o } = t, i = t.component, r = i.getEl(), l = e.Canvas.getCanvasView(), { x: a, y: c } = n ?? { x: 10, y: 10 }, d = s.opts.event, p = d.clientX, u = d.clientY;
   if (!i.__lastSnappedPosition) {
-    const O = l.getElBoxRect(r), R = p - O.x, G = u - O.y;
-    i.__lastSnappedPosition = { left: O.x, top: O.y }, i.__dragOffset = { x: R, y: G };
+    const I = l.getElBoxRect(r), R = p - I.x, F = u - I.y;
+    i.__lastSnappedPosition = { left: I.x, top: I.y }, i.__dragOffset = { x: R, y: F };
   }
   const h = ((P = i.__dragOffset) == null ? void 0 : P.x) || 0, f = ((N = i.__dragOffset) == null ? void 0 : N.y) || 0, m = i.__lastSnappedPosition, g = p - m.left - h, b = u - m.top - f;
   let C = m.left, y = m.top;
   const v = o == null ? void 0 : o[0], w = (v == null ? void 0 : v.guide.type) === "l", S = (v == null ? void 0 : v.guide.type) === "x", x = (v == null ? void 0 : v.guide.type) === "r", k = (v == null ? void 0 : v.guide.type) === "t", E = (v == null ? void 0 : v.guide.type) === "b", M = (v == null ? void 0 : v.guide.type) === "y";
   if (v) {
-    const { x: O, y: R } = Vs({ guideMatched: v, canvasView: l }), G = r.offsetWidth, ie = r.offsetHeight;
-    w ? C = O : x ? C = O - G : S ? C = O - G / 2 : k ? y = R : E ? y = R - ie : M && (y = R - ie / 2), i.__lastSnappedGuideMatched = v;
+    const { x: I, y: R } = Vs({ guideMatched: v, canvasView: l }), F = r.offsetWidth, ie = r.offsetHeight;
+    w ? C = I : x ? C = I - F : S ? C = I - F / 2 : k ? y = R : E ? y = R - ie : M && (y = R - ie / 2), i.__lastSnappedGuideMatched = v;
   } else
     Math.abs(g) >= a && (C = Math.round((m.left + g) / a) * a, i.__lastSnappedGuideMatched = null), Math.abs(b) >= c && (y = Math.round((m.top + b) / c) * c, i.__lastSnappedGuideMatched = null);
   return i.addStyle({ left: `${C}px`, top: `${y}px` }, { partial: !0 }), i.__lastSnappedPosition = { left: C, top: y }, { x: C, y, guideMatched: i.__lastSnappedGuideMatched };
@@ -20694,11 +20694,11 @@ const mb = "core:component-drag", gb = "studio:setDragAbsolute", yb = "dmode:sta
   const c = !!(r != null && r.x || r != null && r.y), d = !!(l != null && l.x || l != null && l.y), { Canvas: p } = n;
   let u = null;
   const h = (x) => {
-    const { component: k, guidesMatched: E, command: M } = x, P = k.view, N = n.Canvas.getCanvasView(), O = k.getEl();
-    let R = E.map((re) => re.matched.componentEl), G = E.map((re) => Vs({ guideMatched: re, canvasView: N }));
+    const { component: k, guidesMatched: E, command: M } = x, P = k.view, N = n.Canvas.getCanvasView(), I = k.getEl();
+    let R = E.map((re) => re.matched.componentEl), F = E.map((re) => Vs({ guideMatched: re, canvasView: N }));
     if (c) {
       const { guideMatched: re } = Sp({ snapping: r, props: x, editor: n });
-      re ? (R = [re.matched.componentEl], G = [Vs({ guideMatched: re, canvasView: N })]) : (R = [], G = []);
+      re ? (R = [re.matched.componentEl], F = [Vs({ guideMatched: re, canvasView: N })]) : (R = [], F = []);
     }
     if (d)
       if (M.opts.event.shiftKey)
@@ -20706,7 +20706,7 @@ const mb = "core:component-drag", gb = "studio:setDragAbsolute", yb = "dmode:sta
           u = E[0];
         else {
           const je = u, ye = je.guide.x === void 0 ? "x" : "y";
-          (ye === "x" && (l == null ? void 0 : l.x) || ye === "y" && (l == null ? void 0 : l.y)) && (hb({ guideMatched: je, component: k, canvasView: N }), R = [je.matched.componentEl], G = [Vs({ guideMatched: je, canvasView: N })]);
+          (ye === "x" && (l == null ? void 0 : l.x) || ye === "y" && (l == null ? void 0 : l.y)) && (hb({ guideMatched: je, component: k, canvasView: N }), R = [je.matched.componentEl], F = [Vs({ guideMatched: je, canvasView: N })]);
         }
       else
         u = null;
@@ -20715,9 +20715,9 @@ const mb = "core:component-drag", gb = "studio:setDragAbsolute", yb = "dmode:sta
       type: Xo,
       component: k,
       componentView: P,
-      originComponent: O,
+      originComponent: I,
       matchedComponents: R,
-      originMatchedDistances: G
+      originMatchedDistances: F
     };
     p.addSpot(ie);
   }, f = ({ enabled: x }) => {
@@ -20746,7 +20746,7 @@ const mb = "core:component-drag", gb = "studio:setDragAbsolute", yb = "dmode:sta
       E != null && E.result && !E.dmode && (x.options.mode = "absolute");
     }]
   ];
-  S.forEach(([x, k]) => n.on(x, k)), _({
+  S.forEach(([x, k]) => n.on(x, k)), G({
     editor: n,
     licenseKey: e.licenseKey,
     plan: pb,
@@ -20755,7 +20755,7 @@ const mb = "core:component-drag", gb = "studio:setDragAbsolute", yb = "dmode:sta
       f({ enabled: !1 }), S.forEach(([x, k]) => n.off(x, k));
     }
   });
-}, jb = F(xb);
+}, jb = _(xb);
 export {
   Nb as accordionComponent,
   Ob as animationComponent,