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

package/dist/lightGalleryComponent/index.es.js

@@ -1,8 +1,8 @@
-const re = "app.grapesjs.com", ce = "app-stage.grapesjs.com", ge = "app2.grapesjs.com", he = "app-stage2.grapesjs.com", ee = [
+const re = "app.grapesjs.com", ce = "app-stage.grapesjs.com", he = "app2.grapesjs.com", be = "app-stage2.grapesjs.com", ee = [
   re,
-  ge,
-  ce,
   he,
+  ce,
+  be,
   "localhost",
   "127.0.0.1",
   ".local-credentialless.webcontainer.io",
@@ -15,12 +15,12 @@ const re = "app.grapesjs.com", ce = "app-stage.grapesjs.com", ge = "app2.grapesj
   // For Claude mcp app
   ".web-sandbox.oaiusercontent.com"
   // For OpenAI mcp app
-], be = "license:check:end", de = () => typeof window < "u", ye = ({
+], de = "license:check:end", ye = () => typeof window < "u", me = ({
   isDev: e,
-  isStage: l,
+  isStage: o,
   isPlatform: t
-}) => `${e ? "" : `https://${l ? ce : re}`}/${t ? "platform-api" : "api"}`, me = () => {
-  if (!de()) return "";
+}) => `${e ? "" : `https://${o ? ce : re}`}/${t ? "platform-api" : "api"}`, ve = () => {
+  if (!ye()) return "";
   const { hostname: e } = window.location;
   if (e) return e;
   try {
@@ -28,129 +28,132 @@ const re = "app.grapesjs.com", ce = "app-stage.grapesjs.com", ge = "app2.grapesj
   } catch {
     return "";
   }
-}, ve = () => {
-  const e = me();
-  return !!e && (ee.includes(e) || ee.some((l) => e.endsWith(l)));
+}, fe = () => {
+  const e = ve();
+  return !!e && (ee.includes(e) || ee.some((o) => e.endsWith(o)));
 };
-async function fe({
+async function Te({
   path: e,
-  baseApiUrl: l,
+  baseApiUrl: o,
   method: t = "GET",
-  headers: o = {},
-  params: n,
-  body: g
+  headers: l = {},
+  params: s,
+  body: p
 }) {
-  const i = `${l || ye({ isDev: !1, isStage: !1 })}${e}`, u = {
+  const i = `${o || me({ isDev: !1, isStage: !1 })}${e}`, g = {
     method: t,
     headers: {
       "Content-Type": "application/json",
-      ...o
+      ...l
     }
   };
-  g && (u.body = JSON.stringify(g));
-  const p = n ? new URLSearchParams(n).toString() : "", b = p ? `?${p}` : "", r = await fetch(`${i}${b}`, u);
+  p && (g.body = JSON.stringify(p));
+  const u = s ? new URLSearchParams(s).toString() : "", b = u ? `?${u}` : "", r = await fetch(`${i}${b}`, g);
   if (!r.ok)
     throw new Error(`HTTP error! status: ${r.status}`);
   return r.json();
 }
-var S = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(S || {}), Z = /* @__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))(Z || {});
+var S = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(S || {}), Z = /* @__PURE__ */ ((e) => (e.toastAdd = "studio:toastAdd", e.toastRemove = "studio:toastRemove", e.dialogOpen = "studio:dialogOpen", e.dialogClose = "studio:dialogClose", e.dialogExportCode = "studio:dialogExportCode", e.dialogImportCode = "studio:dialogImportCode", e.openEditCode = "studio:openEditCode", e.openBlocks = "studio:openBlocks", e.appendComponent = "studio:appendComponent", e.sidebarLeftSet = "studio:sidebarLeft:set", e.sidebarLeftGet = "studio:sidebarLeft:get", e.sidebarLeftToggle = "studio:sidebarLeft:toggle", e.sidebarRightSet = "studio:sidebarRight:set", e.sidebarRightGet = "studio:sidebarRight:get", e.sidebarRightToggle = "studio:sidebarRight:toggle", e.sidebarTopSet = "studio:sidebarTop:set", e.sidebarTopGet = "studio:sidebarTop:get", e.sidebarTopToggle = "studio:sidebarTop:toggle", e.sidebarBottomSet = "studio:sidebarBottom:set", e.sidebarBottomGet = "studio:sidebarBottom:get", e.sidebarBottomToggle = "studio:sidebarBottom:toggle", e.symbolAdd = "studio:symbolAdd", e.symbolDetach = "studio:symbolDetach", e.symbolOverride = "studio:symbolOverride", e.symbolPropagateStyles = "studio:propagateStyles", e.getPagesConfig = "studio:getPagesConfig", e.setPagesConfig = "studio:setPagesConfig", e.getPageSettings = "studio:getPageSettings", e.setPageSettings = "studio:setPageSettings", e.clearPage = "studio:clearPage", e.projectFiles = "studio:projectFiles", e.validateCode = "studio:validateCode", e.canvasReload = "studio:canvasReload", e.getBlocksPanel = "studio:getBlocksPanel", e.setBlocksPanel = "studio:setBlocksPanel", e.getStateContextMenu = "studio:getStateContextMenu", e.setStateContextMenu = "studio:setStateContextMenu", e.contextMenuComponent = "studio:contextMenuComponent", e.layoutAdd = "studio:layoutAdd", e.layoutRemove = "studio:layoutRemove", e.layoutToggle = "studio:layoutToggle", e.layoutUpdate = "studio:layoutUpdate", e.layoutGet = "studio:layoutGet", e.layoutConfigGet = "studio:layoutConfigGet", e.layoutConfigSet = "studio:layoutConfigSet", e.layoutComponentAdd = "studio:layoutComponentAdd", e.layoutComponentGet = "studio:layoutComponentGet", e.layoutComponentRemove = "studio:layoutComponentRemove", e.layoutComponentRender = "studio:layoutComponentRender", e.getStateTheme = "studio:getStateTheme", e.setStateTheme = "studio:setStateTheme", e.settings = "studio:settings", e.assetProviderGet = "studio:assetProviderGet", e.assetProviderAdd = "studio:assetProviderAdd", e.assetProviderRemove = "studio:assetProviderRemove", e.fontGet = "studio:fontGet", e.fontAdd = "studio:fontAdd", e.fontRemove = "studio:fontRemove", e.fontManagerOpen = "studio:fontManagerOpen", e.menuFontLoad = "studio:menuFontLoad", e.toggleStateDataSource = "studio:toggleStateDataSource", e.getStateDataSource = "studio:getStateDataSource", e.dataSourceSetGlobalData = "studio:dataSourceSetGlobalData", e.dataSourceSetImporter = "studio:dataSourceSetImporter", e.dataSourceSetExporter = "studio:dataSourceSetExporter", e.setDragAbsolute = "studio:setDragAbsolute", e))(Z || {});
 const te = {
   [S.free]: 0,
   [S.startup]: 10,
   [S.business]: 20,
   [S.enterprise]: 30
 };
-function Te(e) {
-  const l = e;
-  return l.init = (t) => (o) => e(o, t), l;
+function we(e, o) {
+  const t = e;
+  return t.init = (l) => {
+    const s = (p) => e(p, l);
+    return s.__gjsPluginId = o, s;
+  }, t;
 }
-const we = (e) => /* @__PURE__ */ Te(e);
-async function xe({
+const xe = (e, o) => /* @__PURE__ */ we(e, o);
+async function Pe({
   editor: e,
-  plan: l,
+  plan: o,
   pluginName: t,
-  licenseKey: o,
-  onLicenseCheckResponse: n,
-  cleanup: g
+  licenseKey: l,
+  onLicenseCheckResponse: s,
+  cleanup: p
 }) {
   let c = "", i;
-  const u = (r) => {
-    console.warn("Cleanup plugin:", t, "Reason:", r), g();
-  }, p = (r = {}) => {
-    var G;
-    const { error: I, sdkLicense: O } = r, T = (G = r.plan) == null ? void 0 : G.category;
-    if (!(O || r.license) || I)
-      u(I || "Invalid license");
+  const g = (r) => {
+    console.warn("Cleanup plugin:", t, "Reason:", r), p(e, t);
+  }, u = (r = {}) => {
+    var k;
+    const { error: L, sdkLicense: O } = r, T = (k = r.plan) == null ? void 0 : k.category;
+    if (!(O || r.license) || L)
+      g(L || "Invalid license");
     else if (T) {
-      const M = te[l], _ = te[T];
-      M > _ && u({ pluginRequiredPlan: l, licensePlan: T });
+      const M = te[o], _ = te[T];
+      M > _ && g({ pluginRequiredPlan: o, licensePlan: T });
     }
   };
   e.Commands.has(Z.settings) && (i = e.runCommand(Z.settings), c = (i == null ? void 0 : i.baseUrl) || "");
   const b = (r) => {
-    n == null || n(r), r && p(r);
+    s == null || s(r), r && u(r);
   };
   if (!i) {
     e.onReady(async () => {
-      if (!ve())
-        if (o) {
-          const r = await Ae({ licenseKey: o, pluginName: t, baseApiUrl: c });
+      if (!fe())
+        if (l) {
+          const r = await Ie({ licenseKey: l, pluginName: t, baseApiUrl: c });
           b(r);
         } else
-          u("The `licenseKey` option not provided");
+          g("The `licenseKey` option not provided");
     });
     return;
   }
   if (i.licensePlan || i.licenseError) {
-    const r = Pe(i);
+    const r = Ae(i);
     b(r);
     return;
   }
-  e.on(be, (r) => b(r));
+  e.on(de, (r) => b(r));
 }
-const Pe = (e) => ({
+const Ae = (e) => ({
   sdkLicense: e.license,
   license: e.license,
   error: e.licenseError,
   plan: e.licensePlan
 });
-async function Ae(e) {
-  const { licenseKey: l, pluginName: t, baseApiUrl: o } = e;
+async function Ie(e) {
+  const { licenseKey: o, pluginName: t, baseApiUrl: l } = e;
   try {
-    return (await fe({
-      baseApiUrl: o,
-      path: `/sdk/${l || "na"}`,
+    return (await Te({
+      baseApiUrl: l,
+      path: `/sdk/${o || "na"}`,
       method: "POST",
       params: {
         d: window.location.hostname,
         pn: t
       }
     })).result || {};
-  } catch (n) {
-    return console.error("Error during SDK license check:", n), !1;
+  } catch (s) {
+    return console.error("Error during SDK license check:", s), !1;
   }
 }
-const z = (e, l) => {
+const z = (e, o) => {
   var t;
-  return !!((t = e == null ? void 0 : e.hasAttribute) != null && t.call(e, l));
-}, Le = "lightGalleryComponent", Ie = S.startup;
+  return !!((t = e == null ? void 0 : e.hasAttribute) != null && t.call(e, o));
+}, pe = "lightGalleryComponent", Le = S.startup;
 var E = /* @__PURE__ */ ((e) => (e.image = "image", e.video = "video", e.external = "external", e))(E || {});
-const A = "lightGallery", ae = `${A}-item`, j = "data-lightgallery", oe = `${j}-item`, N = "toggle", L = {
+const A = "lightGallery", ae = `${A}-item`, U = "data-lightgallery", oe = `${U}-item`, N = "toggle", I = {
   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>',
   gallery: '<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>',
   galleryItem: '<svg viewBox="0 0 24 24"><path d="M20 2H4a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2M8 14H6v-2h2v2m0-3H6V9h2v2m0-3H6V6h2v2m7 6h-5v-2h5v2m3-3h-8V9h8v2m0-3h-8V6h8v2Z"/></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>'
-}, F = { propKeys: [], props: {}, traits: [] }, V = (e, l = {}) => {
-  var n;
-  const t = {}, o = [];
-  for (const g in e) {
-    const { value: c, ...i } = e[g];
-    o.push({ id: g, name: g, changeProp: !0, category: l.category, ...i }), t[g] = c;
-    const { subTraits: u = {} } = i;
-    for (const p in i.subTraits)
-      (n = u[p]) == null || n.forEach((b) => {
+}, F = { propKeys: [], props: {}, traits: [] }, V = (e, o = {}) => {
+  var s;
+  const t = {}, l = [];
+  for (const p in e) {
+    const { value: c, ...i } = e[p];
+    l.push({ id: p, name: p, changeProp: !0, category: o.category, ...i }), t[p] = c;
+    const { subTraits: g = {} } = i;
+    for (const u in i.subTraits)
+      (s = g[u]) == null || s.forEach((b) => {
         const r = b.id || b.name;
         t[r] = b.value;
       });
@@ -158,30 +161,30 @@ const A = "lightGallery", ae = `${A}-item`, j = "data-lightgallery", oe = `${j}-
   return {
     propKeys: Object.keys(t),
     props: t,
-    traits: o
+    traits: l
   };
-}, q = (e, l) => {
-  const t = e.getTrait(l), o = t.get("category"), n = t.get("subTraits") || {}, c = (Object.values(n).flat() || []).map((p) => p.id || p.name);
+}, q = (e, o) => {
+  const t = e.getTrait(o), l = t.get("category"), s = t.get("subTraits") || {}, c = (Object.values(s).flat() || []).map((u) => u.id || u.name);
   e.removeTrait(c);
-  const i = n[t.getValue()], u = e.getTraitIndex(l) + 1;
+  const i = s[t.getValue()], g = e.getTraitIndex(o) + 1;
   i && e.addTrait(
-    i.map((p) => ({ category: o, ...p })),
-    { at: u }
+    i.map((u) => ({ category: l, ...u })),
+    { at: g }
   );
-}, W = (e, l) => {
-  l.forEach((t) => {
-    const o = e.getTrait(t);
-    if (!o || !o.get("subTraits")) return;
-    const n = o.changeProp ? `change:${t}` : `change:attributes:${t}`;
-    e.on(n, () => q(e, t)), q(e, t);
+}, W = (e, o) => {
+  o.forEach((t) => {
+    const l = e.getTrait(t);
+    if (!l || !l.get("subTraits")) return;
+    const s = l.changeProp ? `change:${t}` : `change:attributes:${t}`;
+    e.on(s, () => q(e, t)), q(e, t);
   });
-}, Ge = (e, l, t) => {
-  const n = e.getTrait(l).get("subTraits") || {}, c = (Object.values(n).flat() || []).map((u) => {
-    const p = u.name || u.id;
-    return u.changeProp ? `change:${p}` : `change:attributes:${p}`;
+}, ke = (e, o, t) => {
+  const s = e.getTrait(o).get("subTraits") || {}, c = (Object.values(s).flat() || []).map((g) => {
+    const u = g.name || g.id;
+    return g.changeProp ? `change:${u}` : `change:attributes:${u}`;
   }), i = Array.from(new Set(c));
   i.length && e.on(i.join(" "), t);
-}, ke = {
+}, Ge = {
   //   startAnimationDuration: {
   //     type: 'number',
   //     label: 'Start duration',
@@ -193,9 +196,9 @@ const A = "lightGallery", ae = `${A}-item`, j = "data-lightgallery", oe = `${j}-
   [N]: {
     type: "button",
     label: "Toggle Gallery",
-    command: (e, l) => {
-      var t, o;
-      return (o = (t = l.target) == null ? void 0 : t.getView()) == null ? void 0 : o.toggleGallery();
+    command: (e, o) => {
+      var t, l;
+      return (l = (t = o.target) == null ? void 0 : t.getView()) == null ? void 0 : l.toggleGallery();
     }
   },
   speed: {
@@ -503,7 +506,7 @@ const A = "lightGallery", ae = `${A}-item`, j = "data-lightgallery", oe = `${j}-
       ]
     }
   }
-}, f = "sourceType", U = "data-iframe", C = {
+}, f = "sourceType", j = "data-iframe", C = {
   name: "href",
   type: "file",
   label: "Image Source"
@@ -519,7 +522,7 @@ const A = "lightGallery", ae = `${A}-item`, j = "data-lightgallery", oe = `${j}-
   name: "data-src",
   label: "External Source",
   placeholder: "https://some-external-source.com/...."
-}, pe = {
+}, ue = {
   label: "Caption",
   name: "data-sub-html",
   placeholder: "My caption",
@@ -528,12 +531,12 @@ const A = "lightGallery", ae = `${A}-item`, j = "data-lightgallery", oe = `${j}-
   [N]: {
     type: "button",
     label: "Toggle Gallery",
-    command: (e, l) => {
-      var n, g;
-      const t = l.target, o = (n = t == null ? void 0 : t.closestType(A)) == null ? void 0 : n.getView();
-      if (o && t) {
-        const c = ((g = o.getLightGallery()) == null ? void 0 : g.items) || [], i = Array.from(c).indexOf(t.getEl());
-        i >= 0 && o.toggleGallery(i);
+    command: (e, o) => {
+      var s, p;
+      const t = o.target, l = (s = t == null ? void 0 : t.closestType(A)) == null ? void 0 : s.getView();
+      if (l && t) {
+        const c = ((p = l.getLightGallery()) == null ? void 0 : p.items) || [], i = Array.from(c).indexOf(t.getEl());
+        i >= 0 && l.toggleGallery(i);
       }
     }
   },
@@ -548,36 +551,36 @@ const A = "lightGallery", ae = `${A}-item`, j = "data-lightgallery", oe = `${j}-
       external: [le]
     },
     options: [
-      { id: "image", label: C.label || "", icon: L.image },
-      { id: "video", label: H.label || "", icon: L.video },
-      { id: "external", label: le.label || "", icon: L.external }
+      { id: "image", label: C.label || "", icon: I.image },
+      { id: "video", label: H.label || "", icon: I.video },
+      { id: "external", label: le.label || "", icon: I.external }
     ]
   },
-  subHtml: pe
+  subHtml: ue
   // This unfortuntaly breaks other thumbnails
   // customThumb: traitCustomThumb
-}, se = "lgThumbnail", De = "lgVideo", ne = "lgAutoplay", ie = "lgZoom", k = "https://cdn.jsdelivr.net/npm/lightgallery@2.8.2", Ve = function(e, l = {}) {
-  const { Blocks: t, Components: o } = e, n = "LightGallery", g = "LightGallery Item", c = {
-    toolbarIconOpen: L.eye,
+}, se = "lgThumbnail", De = "lgVideo", ne = "lgAutoplay", ie = "lgZoom", G = "https://cdn.jsdelivr.net/npm/lightgallery@2.8.2", Ve = function(e, o = {}) {
+  const { Blocks: t, Components: l } = e, s = "LightGallery", p = "LightGallery Item", c = {
+    toolbarIconOpen: I.eye,
     block: {},
     lgLicenseKey: "92DE1DB8-7986-4F02-B908-514F97678D28",
     defaultSrc: "https://placehold.co/200/777/white.png?text=Image",
     plugins: [se, De, ne, ie],
     cdnScript: [
-      `${k}/lightgallery.min.js`,
-      `${k}/plugins/thumbnail/lg-thumbnail.min.js`,
-      `${k}/plugins/video/lg-video.min.js`,
-      `${k}/plugins/autoplay/lg-autoplay.min.js`,
-      `${k}/plugins/zoom/lg-zoom.min.js`
+      `${G}/lightgallery.min.js`,
+      `${G}/plugins/thumbnail/lg-thumbnail.min.js`,
+      `${G}/plugins/video/lg-video.min.js`,
+      `${G}/plugins/autoplay/lg-autoplay.min.js`,
+      `${G}/plugins/zoom/lg-zoom.min.js`
     ],
-    cdnStyle: `${k}/css/lightgallery-bundle.min.css`,
-    ...l
-  }, { block: i, toolbarIconOpen: u, defaultSrc: p } = c, b = function(a) {
-    const s = this, h = window, { plugins: y, cdnScript: w, cdnStyle: D, inline: Q, lgLicenseKey: ue, ...m } = a || {}, x = (d) => isNaN(d) ? void 0 : parseInt(d, 10), X = () => {
+    cdnStyle: `${G}/css/lightgallery-bundle.min.css`,
+    ...o
+  }, { block: i, toolbarIconOpen: g, defaultSrc: u } = c, b = function(a) {
+    const n = this, h = window, { plugins: y, cdnScript: w, cdnStyle: D, inline: Q, lgLicenseKey: ge, ...m } = a || {}, x = (d) => isNaN(d) ? void 0 : parseInt(d, 10), X = () => {
       var B;
       const d = {
         ...m,
-        licenseKey: ue,
+        licenseKey: ge,
         speed: x(m.speed),
         startAnimationDuration: x(m.startAnimationDuration),
         thumbMargin: x(m.thumbMargin),
@@ -587,8 +590,8 @@ const A = "lightGallery", ae = `${A}-item`, j = "data-lightgallery", oe = `${j}-
         enableZoomAfter: x(m.enableZoomAfter),
         plugins: (y || []).map(($) => h[$])
       };
-      Q && (d.container = s, d.closable = !1);
-      const K = (B = h.lightGallery) == null ? void 0 : B.call(h, s, d);
+      Q && (d.container = n, d.closable = !1);
+      const K = (B = h.lightGallery) == null ? void 0 : B.call(h, n, d);
       Q && K.openGallery();
     };
     if (h.lightGallery)
@@ -609,33 +612,33 @@ const A = "lightGallery", ae = `${A}-item`, j = "data-lightgallery", oe = `${j}-
       $(B), Y(K);
     }
   }, r = (a) => {
-    const s = a.getTrait(N);
-    if (!u || !s) return;
+    const n = a.getTrait(N);
+    if (!g || !n) return;
     const { toolbar: h } = a, y = {
       id: N,
-      label: u,
-      command: () => setTimeout(() => s.runCommand(), 100)
+      label: g,
+      command: () => setTimeout(() => n.runCommand(), 100)
     };
     !h.find((D) => D.id === y.id) && (h == null || h.unshift(y));
   };
-  let I = [];
-  const O = c.plugins || [], T = V(ke), R = O.includes(se) ? V(Ee) : F, G = O.includes(ne) ? V(Se) : F, M = O.includes(ie) ? V(Oe) : F;
-  o.addType(A, {
+  let L = [];
+  const O = c.plugins || [], T = V(Ge), R = O.includes(se) ? V(Ee) : F, k = O.includes(ne) ? V(Se) : F, M = O.includes(ie) ? V(Oe) : F;
+  l.addType(A, {
     block: i && {
-      label: n,
-      media: L.gallery,
+      label: s,
+      media: I.gallery,
       category: "Extra",
       select: !0,
       ...c.block
     },
-    isComponent: (a) => z(a, j),
+    isComponent: (a) => z(a, U),
     extendFn: ["init", "initToolbar"],
     model: {
       defaults: {
-        name: n,
-        icon: L.gallery,
-        draggable: (a, s) => !s.is(A),
-        attributes: { [j]: !0 },
+        name: s,
+        icon: I.gallery,
+        draggable: (a, n) => !n.is(A),
+        attributes: { [U]: !0 },
         components: { type: ae },
         script: b,
         selector: "",
@@ -653,14 +656,14 @@ const A = "lightGallery", ae = `${A}-item`, j = "data-lightgallery", oe = `${j}-
           "exThumbImage",
           ...T.propKeys,
           ...R.propKeys,
-          ...G.propKeys,
+          ...k.propKeys,
           ...M.propKeys
         ],
         ...T.props,
         ...R.props,
-        ...G.props,
+        ...k.props,
         ...M.props,
-        traits: [...T.traits, ...R.traits, ...G.traits, ...M.traits]
+        traits: [...T.traits, ...R.traits, ...k.traits, ...M.traits]
       },
       init() {
         W(this, ["thumbnail"]), W(this, ["autoplay"]), W(this, ["zoom"]);
@@ -678,7 +681,7 @@ const A = "lightGallery", ae = `${A}-item`, j = "data-lightgallery", oe = `${j}-
         lgAfterClose: "onLgClose"
       }),
       init() {
-        this.listenTo(this.model, o.events.scriptUnmount, this.destroyLightGallery);
+        this.listenTo(this.model, l.events.scriptUnmount, this.destroyLightGallery);
       },
       getLightGallery() {
         return this.el.__lg;
@@ -692,84 +695,84 @@ const A = "lightGallery", ae = `${A}-item`, j = "data-lightgallery", oe = `${j}-
         a.lgOpened = !0;
       },
       isInlineGallery() {
-        var s;
+        var n;
         const a = this.getLightGallery();
-        return ((s = a == null ? void 0 : a.settings) == null ? void 0 : s.container) === this.el;
+        return ((n = a == null ? void 0 : a.settings) == null ? void 0 : n.container) === this.el;
       },
       onLgInit(a) {
         this.el.__lg = a.detail.instance, !this.isInlineGallery() && this.disableLgInCanvas();
       },
       onLgOpen() {
-        const { em: a } = this, { Canvas: s } = a, h = this.getLightGallery();
-        I = s.getSpots(), setTimeout(() => s.removeSpots()), h.__lgOpened = !0;
+        const { em: a } = this, { Canvas: n } = a, h = this.getLightGallery();
+        L = n.getSpots(), setTimeout(() => n.removeSpots()), h.__lgOpened = !0;
       },
       onLgClose() {
         const a = this.getLightGallery();
-        I.forEach((s) => this.em.Canvas.addSpot(s.attributes)), I = [], a.__lgOpened = !1, setTimeout(() => this.disableLgInCanvas());
+        L.forEach((n) => this.em.Canvas.addSpot(n.attributes)), L = [], a.__lgOpened = !1, setTimeout(() => this.disableLgInCanvas());
       },
       toggleGallery(a) {
-        const s = this.getLightGallery();
-        if (s.__lgOpened) return s.closeGallery(!0);
-        s.lgOpened = !1, s.openGallery(a);
+        const n = this.getLightGallery();
+        if (n.__lgOpened) return n.closeGallery(!0);
+        n.lgOpened = !1, n.openGallery(a);
       }
     }
   });
   const _ = V(Me);
-  o.addType(ae, {
-    isComponent: (a) => z(a, oe) || a.tagName === "A" && z(a.parentElement, j),
+  l.addType(ae, {
+    isComponent: (a) => z(a, oe) || a.tagName === "A" && z(a.parentElement, U),
     extendFn: ["init", "initToolbar"],
     model: {
       defaults: {
         tagName: "a",
-        name: g,
-        icon: L.galleryItem,
-        attributes: { [oe]: !0, href: p },
-        components: { type: "image", attributes: { alt: "Image", src: p } },
+        name: p,
+        icon: I.galleryItem,
+        attributes: { [oe]: !0, href: u },
+        components: { type: "image", attributes: { alt: "Image", src: u } },
         ..._.props,
         traits: [..._.traits]
       },
       init() {
-        const a = [f].map((s) => `change:${s}`).join(" ");
-        this.initSourceType(), this.on(a, this.updateTraits), this.updateTraits({ init: !0 }), this.initScriptUpdate(), Ge(this, f, this.triggerGalleryUpdate);
+        const a = [f].map((n) => `change:${n}`).join(" ");
+        this.initSourceType(), this.on(a, this.updateTraits), this.updateTraits({ init: !0 }), this.initScriptUpdate(), ke(this, f, this.triggerGalleryUpdate);
       },
       initToolbar() {
         r(this);
       },
       initScriptUpdate() {
-        const a = [pe.name].map((s) => `change:attributes:${s}`).join(" ");
+        const a = [ue.name].map((n) => `change:attributes:${n}`).join(" ");
         this.on(a, this.triggerGalleryUpdate);
       },
       triggerGalleryUpdate(...a) {
-        var s;
-        (s = this.closestType(A)) == null || s.__scriptPropsChange(...a);
+        var n;
+        (n = this.closestType(A)) == null || n.__scriptPropsChange(...a);
       },
       updateTraits(a = {}) {
-        const { changed: s } = this, { init: h } = a;
-        if (s[f] || h) {
+        const { changed: n } = this, { init: h } = a;
+        if (n[f] || h) {
           q(this, f);
           const y = this.getTrait(f).getValue();
           if (y === E.image) {
-            this.removeAttributes([H.name, J.name, U]);
+            this.removeAttributes([H.name, J.name, j]);
             const w = this.getTrait(C.name);
-            w.setValue(w.getValue() || p);
-          } else y === E.video ? this.removeAttributes([U]) : y === E.external && this.addAttributes({ [U]: !0 });
+            w.setValue(w.getValue() || u);
+          } else y === E.video ? this.removeAttributes([j]) : y === E.external && this.addAttributes({ [j]: !0 });
         }
       },
       initSourceType() {
         const a = this.getAttributes({ noClass: !0, noStyle: !0 });
-        a[U] ? this.set(f, E.external) : (a[H.name] || a[J.name]) && this.set(f, E.video);
+        a[j] ? this.set(f, E.external) : (a[H.name] || a[J.name]) && this.set(f, E.video);
       }
     }
-  }), xe({
+  }), Pe({
     editor: e,
-    plan: Ie,
+    plan: Le,
     licenseKey: c.licenseKey,
-    pluginName: Le,
+    pluginName: pe,
     cleanup: () => {
-      t.remove(A), o.removeType(A);
+      t.remove(A), l.removeType(A);
     }
   });
-}, Re = we(Ve);
+}, Re = xe(Ve, pe);
 export {
   Re as default
 };

package/dist/lightGalleryComponent/index.js

@@ -0,0 +1 @@
+"use strict";const re="app.grapesjs.com",ce="app-stage.grapesjs.com",he="app2.grapesjs.com",be="app-stage2.grapesjs.com",ee=[re,he,ce,be,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io",".claudemcpcontent.com",".web-sandbox.oaiusercontent.com"],de="license:check:end",ye=()=>typeof window<"u",me=({isDev:e,isStage:o,isPlatform:t})=>`${e?"":`https://${o?ce:re}`}/${t?"platform-api":"api"}`,ve=()=>{if(!ye())return"";const{hostname:e}=window.location;if(e)return e;try{return window.parent.location.hostname||""}catch{return""}},fe=()=>{const e=ve();return!!e&&(ee.includes(e)||ee.some(o=>e.endsWith(o)))};async function Te({path:e,baseApiUrl:o,method:t="GET",headers:l={},params:s,body:p}){const i=`${o||me({isDev:!1,isStage:!1})}${e}`,g={method:t,headers:{"Content-Type":"application/json",...l}};p&&(g.body=JSON.stringify(p));const u=s?new URLSearchParams(s).toString():"",b=u?`?${u}`:"",r=await fetch(`${i}${b}`,g);if(!r.ok)throw new Error(`HTTP error! status: ${r.status}`);return r.json()}var S=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(S||{}),Z=(e=>(e.toastAdd="studio:toastAdd",e.toastRemove="studio:toastRemove",e.dialogOpen="studio:dialogOpen",e.dialogClose="studio:dialogClose",e.dialogExportCode="studio:dialogExportCode",e.dialogImportCode="studio:dialogImportCode",e.openEditCode="studio:openEditCode",e.openBlocks="studio:openBlocks",e.appendComponent="studio:appendComponent",e.sidebarLeftSet="studio:sidebarLeft:set",e.sidebarLeftGet="studio:sidebarLeft:get",e.sidebarLeftToggle="studio:sidebarLeft:toggle",e.sidebarRightSet="studio:sidebarRight:set",e.sidebarRightGet="studio:sidebarRight:get",e.sidebarRightToggle="studio:sidebarRight:toggle",e.sidebarTopSet="studio:sidebarTop:set",e.sidebarTopGet="studio:sidebarTop:get",e.sidebarTopToggle="studio:sidebarTop:toggle",e.sidebarBottomSet="studio:sidebarBottom:set",e.sidebarBottomGet="studio:sidebarBottom:get",e.sidebarBottomToggle="studio:sidebarBottom:toggle",e.symbolAdd="studio:symbolAdd",e.symbolDetach="studio:symbolDetach",e.symbolOverride="studio:symbolOverride",e.symbolPropagateStyles="studio:propagateStyles",e.getPagesConfig="studio:getPagesConfig",e.setPagesConfig="studio:setPagesConfig",e.getPageSettings="studio:getPageSettings",e.setPageSettings="studio:setPageSettings",e.clearPage="studio:clearPage",e.projectFiles="studio:projectFiles",e.validateCode="studio:validateCode",e.canvasReload="studio:canvasReload",e.getBlocksPanel="studio:getBlocksPanel",e.setBlocksPanel="studio:setBlocksPanel",e.getStateContextMenu="studio:getStateContextMenu",e.setStateContextMenu="studio:setStateContextMenu",e.contextMenuComponent="studio:contextMenuComponent",e.layoutAdd="studio:layoutAdd",e.layoutRemove="studio:layoutRemove",e.layoutToggle="studio:layoutToggle",e.layoutUpdate="studio:layoutUpdate",e.layoutGet="studio:layoutGet",e.layoutConfigGet="studio:layoutConfigGet",e.layoutConfigSet="studio:layoutConfigSet",e.layoutComponentAdd="studio:layoutComponentAdd",e.layoutComponentGet="studio:layoutComponentGet",e.layoutComponentRemove="studio:layoutComponentRemove",e.layoutComponentRender="studio:layoutComponentRender",e.getStateTheme="studio:getStateTheme",e.setStateTheme="studio:setStateTheme",e.settings="studio:settings",e.assetProviderGet="studio:assetProviderGet",e.assetProviderAdd="studio:assetProviderAdd",e.assetProviderRemove="studio:assetProviderRemove",e.fontGet="studio:fontGet",e.fontAdd="studio:fontAdd",e.fontRemove="studio:fontRemove",e.fontManagerOpen="studio:fontManagerOpen",e.menuFontLoad="studio:menuFontLoad",e.toggleStateDataSource="studio:toggleStateDataSource",e.getStateDataSource="studio:getStateDataSource",e.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",e.dataSourceSetImporter="studio:dataSourceSetImporter",e.dataSourceSetExporter="studio:dataSourceSetExporter",e.setDragAbsolute="studio:setDragAbsolute",e))(Z||{});const te={[S.free]:0,[S.startup]:10,[S.business]:20,[S.enterprise]:30};function we(e,o){const t=e;return t.init=l=>{const s=p=>e(p,l);return s.__gjsPluginId=o,s},t}const xe=(e,o)=>we(e,o);async function Pe({editor:e,plan:o,pluginName:t,licenseKey:l,onLicenseCheckResponse:s,cleanup:p}){let c="",i;const g=r=>{console.warn("Cleanup plugin:",t,"Reason:",r),p(e,t)},u=(r={})=>{var k;const{error:L,sdkLicense:O}=r,T=(k=r.plan)==null?void 0:k.category;if(!(O||r.license)||L)g(L||"Invalid license");else if(T){const M=te[o],_=te[T];M>_&&g({pluginRequiredPlan:o,licensePlan:T})}};e.Commands.has(Z.settings)&&(i=e.runCommand(Z.settings),c=(i==null?void 0:i.baseUrl)||"");const b=r=>{s==null||s(r),r&&u(r)};if(!i){e.onReady(async()=>{if(!fe())if(l){const r=await Ie({licenseKey:l,pluginName:t,baseApiUrl:c});b(r)}else g("The `licenseKey` option not provided")});return}if(i.licensePlan||i.licenseError){const r=Ae(i);b(r);return}e.on(de,r=>b(r))}const Ae=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function Ie(e){const{licenseKey:o,pluginName:t,baseApiUrl:l}=e;try{return(await Te({baseApiUrl:l,path:`/sdk/${o||"na"}`,method:"POST",params:{d:window.location.hostname,pn:t}})).result||{}}catch(s){return console.error("Error during SDK license check:",s),!1}}const z=(e,o)=>{var t;return!!((t=e==null?void 0:e.hasAttribute)!=null&&t.call(e,o))},pe="lightGalleryComponent",Le=S.startup;var E=(e=>(e.image="image",e.video="video",e.external="external",e))(E||{});const A="lightGallery",ae=`${A}-item`,U="data-lightgallery",oe=`${U}-item`,N="toggle",I={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>',gallery:'<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>',galleryItem:'<svg viewBox="0 0 24 24"><path d="M20 2H4a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2M8 14H6v-2h2v2m0-3H6V9h2v2m0-3H6V6h2v2m7 6h-5v-2h5v2m3-3h-8V9h8v2m0-3h-8V6h8v2Z"/></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>'},F={propKeys:[],props:{},traits:[]},V=(e,o={})=>{var s;const t={},l=[];for(const p in e){const{value:c,...i}=e[p];l.push({id:p,name:p,changeProp:!0,category:o.category,...i}),t[p]=c;const{subTraits:g={}}=i;for(const u in i.subTraits)(s=g[u])==null||s.forEach(b=>{const r=b.id||b.name;t[r]=b.value})}return{propKeys:Object.keys(t),props:t,traits:l}},q=(e,o)=>{const t=e.getTrait(o),l=t.get("category"),s=t.get("subTraits")||{},c=(Object.values(s).flat()||[]).map(u=>u.id||u.name);e.removeTrait(c);const i=s[t.getValue()],g=e.getTraitIndex(o)+1;i&&e.addTrait(i.map(u=>({category:l,...u})),{at:g})},W=(e,o)=>{o.forEach(t=>{const l=e.getTrait(t);if(!l||!l.get("subTraits"))return;const s=l.changeProp?`change:${t}`:`change:attributes:${t}`;e.on(s,()=>q(e,t)),q(e,t)})},ke=(e,o,t)=>{const s=e.getTrait(o).get("subTraits")||{},c=(Object.values(s).flat()||[]).map(g=>{const u=g.name||g.id;return g.changeProp?`change:${u}`:`change:attributes:${u}`}),i=Array.from(new Set(c));i.length&&e.on(i.join(" "),t)},Ge={[N]:{type:"button",label:"Toggle Gallery",command:(e,o)=>{var t,l;return(l=(t=o.target)==null?void 0:t.getView())==null?void 0:l.toggleGallery()}},speed:{type:"number",label:"Speed",tip:"Transition duration between slides (in ms)",value:400,step:50,min:0},inline:{type:"checkbox",label:"Inline Gallery",value:!1},allowMediaOverlap:{type:"checkbox",label:"Allow media overlap",tip:"If enabled, toolbar, captions and thumbnails will overlap with the media element",value:!1},controls:{type:"checkbox",label:"Show controls",tip:"If disabled, prev/next buttons will not be displayed",value:!0},counter:{type:"checkbox",label:"Show counter",tip:"Display the total number of images and index number of the currently displayed slide",value:!0},download:{type:"checkbox",label:"Download icon",tip:"Enable download button",value:!0},enableDrag:{type:"checkbox",label:"Enable drag",tip:"Enables desktop mouse drag support",value:!0},enableSwipe:{type:"checkbox",label:"Enable swipe",tip:"Enables swipe support for mobile devices",value:!0},escKey:{type:"checkbox",label:"Enable Esc key",tip:'Whether the gallery could be closed by pressing the "Esc" key',value:!0},keyPress:{type:"checkbox",label:"Enable keyboard navigation",value:!1},loop:{type:"checkbox",label:"Loop",tip:"If false, will disable the ability to loop back to the beginning of the gallery from the last slide",value:!0},getCaptionFromTitleOrAlt:{type:"checkbox",label:"Caption from title or alt",tip:"Get captions from alt or title tags",value:!0},showMaximizeIcon:{type:"checkbox",label:"Show maximize icon",value:!1},closable:{type:"checkbox",label:"Closable",tip:"If false, it won't be possible to close the gallery",value:!0},showCloseIcon:{type:"checkbox",label:"Show close icon",tip:"If false, close button won't be displayed.",visible:({component:e})=>!!e.getTrait("closable").getValue(),value:!0},closeOnTap:{type:"checkbox",label:"Close on tap",tip:"Allows clicks on black area to close gallery",visible:({component:e})=>!!e.getTrait("closable").getValue(),value:!0}},Ee={thumbnail:{category:{id:"thumbnail-options",label:"Thumbnail Options"},type:"checkbox",label:"Thumbnails",value:!0,subTraits:{false:[],true:[{type:"checkbox",name:"enableThumbDrag",label:"Thumbnail drag",tip:"Enable thumbnail drag on desktop",changeProp:!0,value:!0},{type:"checkbox",name:"enableThumbSwipe",label:"Thumbnail swipe",tip:"Enable thumbnail swipe on mobile devices",changeProp:!0,value:!0},{type:"select",name:"alignThumbnails",tip:"Position of thumbnails when the width of all thumbnails combined is less than the gallery's width",label:"Align Thumbnails",value:"middle",changeProp:!0,options:[{id:"left",label:"Left"},{id:"middle",label:"Middle"},{id:"right",label:"Right"}]},{type:"select",name:"currentPagerPosition",label:"Select thumbnail position",value:"middle",changeProp:!0,options:[{id:"left",label:"Left"},{id:"middle",label:"Middle"},{id:"right",label:"Right"}]},{type:"number",name:"thumbMargin",label:"Thumb margin",tip:"Spacing between each thumbnails",changeProp:!0,min:0,value:"5"},{type:"number",name:"thumbWidth",label:"Thumb width",tip:"Width of each thumbnails",changeProp:!0,min:0,value:"100"}]}}},Se={autoplay:{category:{id:"autoplay-options",label:"Autoplay options"},type:"checkbox",label:"Autoplay",value:!0,subTraits:{false:[],true:[{type:"checkbox",name:"autoplayControls",label:"Autoplay controls",tip:"Show/hide autoplay controls",changeProp:!0,value:!0},{type:"checkbox",name:"progressBar",label:"Progress bar",tip:"Show autoplay progress bar",changeProp:!0,value:!0},{type:"checkbox",name:"forceSlideShowAutoplay",label:"Force autoplay",tip:"If false, autoplay will be stopped after first user action",changeProp:!0,value:!1},{type:"checkbox",name:"slideShowAutoplay",label:"Start autoplay",tip:"Enable autoplay on start",changeProp:!0,value:!1},{type:"number",name:"slideShowInterval",label:"Interval",tip:"The time (in ms) between each auto transition",changeProp:!0,min:0,step:50,value:5e3}]}}},Oe={zoom:{category:{id:"zoom-options",label:"Zoom options"},type:"checkbox",label:"Zoom",value:!0,subTraits:{false:[],true:[{type:"checkbox",name:"actualSize",label:"Show actual size icon",changeProp:!0,value:!0},{type:"checkbox",name:"infiniteZoom",label:"Infinte zoom",changeProp:!0,value:!0},{type:"checkbox",name:"showZoomInOutIcons",label:"Show zoom in/out icons",changeProp:!0,value:!1},{type:"number",name:"scale",label:"Scale",tip:"Value of zoom should be incremented/decremented",changeProp:!0,min:0,value:1}]}}},f="sourceType",j="data-iframe",C={name:"href",type:"file",label:"Image Source"},H={name:"data-src",label:"Video Source",placeholder:"https://www.youtube.com/watch?v=..."},J={name:"data-poster",label:"Video Poster",type:"file"},le={name:"data-src",label:"External Source",placeholder:"https://some-external-source.com/...."},ue={label:"Caption",name:"data-sub-html",placeholder:"My caption",changeProp:!1},Me={[N]:{type:"button",label:"Toggle Gallery",command:(e,o)=>{var s,p;const t=o.target,l=(s=t==null?void 0:t.closestType(A))==null?void 0:s.getView();if(l&&t){const c=((p=l.getLightGallery())==null?void 0:p.items)||[],i=Array.from(c).indexOf(t.getEl());i>=0&&l.toggleGallery(i)}}},[f]:{type:"radio",label:"Source type",labelToTitle:!0,value:"image",subTraits:{image:[C],video:[H,J],external:[le]},options:[{id:"image",label:C.label||"",icon:I.image},{id:"video",label:H.label||"",icon:I.video},{id:"external",label:le.label||"",icon:I.external}]},subHtml:ue},se="lgThumbnail",De="lgVideo",ne="lgAutoplay",ie="lgZoom",G="https://cdn.jsdelivr.net/npm/lightgallery@2.8.2",Ve=function(e,o={}){const{Blocks:t,Components:l}=e,s="LightGallery",p="LightGallery Item",c={toolbarIconOpen:I.eye,block:{},lgLicenseKey:"92DE1DB8-7986-4F02-B908-514F97678D28",defaultSrc:"https://placehold.co/200/777/white.png?text=Image",plugins:[se,De,ne,ie],cdnScript:[`${G}/lightgallery.min.js`,`${G}/plugins/thumbnail/lg-thumbnail.min.js`,`${G}/plugins/video/lg-video.min.js`,`${G}/plugins/autoplay/lg-autoplay.min.js`,`${G}/plugins/zoom/lg-zoom.min.js`],cdnStyle:`${G}/css/lightgallery-bundle.min.css`,...o},{block:i,toolbarIconOpen:g,defaultSrc:u}=c,b=function(a){const n=this,h=window,{plugins:y,cdnScript:w,cdnStyle:D,inline:Q,lgLicenseKey:ge,...m}=a||{},x=d=>isNaN(d)?void 0:parseInt(d,10),X=()=>{var B;const d={...m,licenseKey:ge,speed:x(m.speed),startAnimationDuration:x(m.startAnimationDuration),thumbMargin:x(m.thumbMargin),thumbWidth:x(m.thumbWidth),slideShowInterval:x(m.slideShowInterval),scale:x(m.scale),enableZoomAfter:x(m.enableZoomAfter),plugins:(y||[]).map($=>h[$])};Q&&(d.container=n,d.closable=!1);const K=(B=h.lightGallery)==null?void 0:B.call(h,n,d);Q&&K.openGallery()};if(h.lightGallery)X();else{const{head:d}=document,K=Array.isArray(w)?[...w]:[w],B=Array.isArray(D)?[...D]:[D],$=P=>{if(P.length){const v=document.createElement("link");v.href=P.shift(),v.rel="stylesheet",d.appendChild(v),$(P)}},Y=P=>{if(P.length){const v=document.createElement("script");v.src=P.shift(),v.onerror=v.onload=Y.bind(null,P),d.appendChild(v)}else X()};$(B),Y(K)}},r=a=>{const n=a.getTrait(N);if(!g||!n)return;const{toolbar:h}=a,y={id:N,label:g,command:()=>setTimeout(()=>n.runCommand(),100)};!h.find(D=>D.id===y.id)&&(h==null||h.unshift(y))};let L=[];const O=c.plugins||[],T=V(Ge),R=O.includes(se)?V(Ee):F,k=O.includes(ne)?V(Se):F,M=O.includes(ie)?V(Oe):F;l.addType(A,{block:i&&{label:s,media:I.gallery,category:"Extra",select:!0,...c.block},isComponent:a=>z(a,U),extendFn:["init","initToolbar"],model:{defaults:{name:s,icon:I.gallery,draggable:(a,n)=>!n.is(A),attributes:{[U]:!0},components:{type:ae},script:b,selector:"",exThumbImage:"",cdnScript:c.cdnScript,cdnStyle:c.cdnStyle,plugins:c.plugins,lgLicenseKey:c.lgLicenseKey,"script-props":["lgLicenseKey","cdnScript","cdnStyle","plugins","selector","exThumbImage",...T.propKeys,...R.propKeys,...k.propKeys,...M.propKeys],...T.props,...R.props,...k.props,...M.props,traits:[...T.traits,...R.traits,...k.traits,...M.traits]},init(){W(this,["thumbnail"]),W(this,["autoplay"]),W(this,["zoom"])},initToolbar(){r(this)}},extendFnView:["init"],view:{events:()=>({lgInit:"onLgInit",lgBeforeOpen:"onLgOpen",lgAfterClose:"onLgClose"}),init(){this.listenTo(this.model,l.events.scriptUnmount,this.destroyLightGallery)},getLightGallery(){return this.el.__lg},destroyLightGallery(){const a=this.getLightGallery();a==null||a.destroy()},disableLgInCanvas(){const a=this.getLightGallery();a.lgOpened=!0},isInlineGallery(){var n;const a=this.getLightGallery();return((n=a==null?void 0:a.settings)==null?void 0:n.container)===this.el},onLgInit(a){this.el.__lg=a.detail.instance,!this.isInlineGallery()&&this.disableLgInCanvas()},onLgOpen(){const{em:a}=this,{Canvas:n}=a,h=this.getLightGallery();L=n.getSpots(),setTimeout(()=>n.removeSpots()),h.__lgOpened=!0},onLgClose(){const a=this.getLightGallery();L.forEach(n=>this.em.Canvas.addSpot(n.attributes)),L=[],a.__lgOpened=!1,setTimeout(()=>this.disableLgInCanvas())},toggleGallery(a){const n=this.getLightGallery();if(n.__lgOpened)return n.closeGallery(!0);n.lgOpened=!1,n.openGallery(a)}}});const _=V(Me);l.addType(ae,{isComponent:a=>z(a,oe)||a.tagName==="A"&&z(a.parentElement,U),extendFn:["init","initToolbar"],model:{defaults:{tagName:"a",name:p,icon:I.galleryItem,attributes:{[oe]:!0,href:u},components:{type:"image",attributes:{alt:"Image",src:u}},..._.props,traits:[..._.traits]},init(){const a=[f].map(n=>`change:${n}`).join(" ");this.initSourceType(),this.on(a,this.updateTraits),this.updateTraits({init:!0}),this.initScriptUpdate(),ke(this,f,this.triggerGalleryUpdate)},initToolbar(){r(this)},initScriptUpdate(){const a=[ue.name].map(n=>`change:attributes:${n}`).join(" ");this.on(a,this.triggerGalleryUpdate)},triggerGalleryUpdate(...a){var n;(n=this.closestType(A))==null||n.__scriptPropsChange(...a)},updateTraits(a={}){const{changed:n}=this,{init:h}=a;if(n[f]||h){q(this,f);const y=this.getTrait(f).getValue();if(y===E.image){this.removeAttributes([H.name,J.name,j]);const w=this.getTrait(C.name);w.setValue(w.getValue()||u)}else y===E.video?this.removeAttributes([j]):y===E.external&&this.addAttributes({[j]:!0})}},initSourceType(){const a=this.getAttributes({noClass:!0,noStyle:!0});a[j]?this.set(f,E.external):(a[H.name]||a[J.name])&&this.set(f,E.video)}}}),Pe({editor:e,plan:Le,licenseKey:c.licenseKey,pluginName:pe,cleanup:()=>{t.remove(A),l.removeType(A)}})},Re=xe(Ve,pe);module.exports=Re;