@grapesjs/studio-sdk-plugins 1.0.35 → 1.0.37

package/dist/lightGalleryComponent/index.es.js

@@ -1,7 +1,7 @@
-const se = "app.grapesjs.com", re = "app-stage.grapesjs.com", ue = "app2.grapesjs.com", he = "app-stage2.grapesjs.com", Y = [
-  se,
-  ue,
+const re = "app.grapesjs.com", ce = "app-stage.grapesjs.com", ge = "app2.grapesjs.com", he = "app-stage2.grapesjs.com", ee = [
   re,
+  ge,
+  ce,
   he,
   "localhost",
   "127.0.0.1",
@@ -9,153 +9,179 @@ const se = "app.grapesjs.com", re = "app-stage.grapesjs.com", ue = "app2.grapesj
   // For stackblitz.com demos
   ".local.webcontainer.io",
   // For stackblitz.com demos
-  "-sandpack.codesandbox.io"
+  "-sandpack.codesandbox.io",
   // For Sandpack demos
-], ge = "license:check:start", be = "license:check:end", me = () => typeof window < "u", de = ({
+  ".claudemcpcontent.com",
+  // For Claude mcp app
+  ".web-sandbox.oaiusercontent.com"
+  // For OpenAI mcp app
+], be = "license:check:end", de = () => typeof window < "u", ye = ({
   isDev: e,
-  isStage: n,
+  isStage: l,
   isPlatform: t
-}) => `${e ? "" : `https://${n ? re : se}`}/${t ? "platform-api" : "api"}`, ye = () => {
-  const e = me() && window.location.hostname;
-  return !!e && (Y.includes(e) || Y.some((n) => e.endsWith(n)));
+}) => `${e ? "" : `https://${l ? ce : re}`}/${t ? "platform-api" : "api"}`, me = () => {
+  if (!de()) return "";
+  const { hostname: e } = window.location;
+  if (e) return e;
+  try {
+    return window.parent.location.hostname || "";
+  } catch {
+    return "";
+  }
+}, ve = () => {
+  const e = me();
+  return !!e && (ee.includes(e) || ee.some((l) => e.endsWith(l)));
 };
-async function ve({
+async function fe({
   path: e,
-  baseApiUrl: n,
+  baseApiUrl: l,
   method: t = "GET",
-  headers: l = {},
-  params: o,
-  body: u
+  headers: o = {},
+  params: n,
+  body: g
 }) {
-  const p = `${n || de({ isDev: !1, isStage: !1 })}${e}`, h = {
+  const i = `${l || ye({ isDev: !1, isStage: !1 })}${e}`, u = {
     method: t,
     headers: {
       "Content-Type": "application/json",
-      ...l
+      ...o
     }
   };
-  u && (h.body = JSON.stringify(u));
-  const c = o ? new URLSearchParams(o).toString() : "", b = c ? `?${c}` : "", s = await fetch(`${p}${b}`, h);
-  if (!s.ok)
-    throw new Error(`HTTP error! status: ${s.status}`);
-  return s.json();
+  g && (u.body = JSON.stringify(g));
+  const p = n ? new URLSearchParams(n).toString() : "", b = p ? `?${p}` : "", r = await fetch(`${i}${b}`, u);
+  if (!r.ok)
+    throw new Error(`HTTP error! status: ${r.status}`);
+  return r.json();
 }
-var G = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(G || {});
-const ee = {
-  [G.free]: 0,
-  [G.startup]: 10,
-  [G.business]: 20,
-  [G.enterprise]: 30
+var E = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(E || {}), 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.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 = {
+  [E.free]: 0,
+  [E.startup]: 10,
+  [E.business]: 20,
+  [E.enterprise]: 30
 };
-function fe(e) {
-  const n = e;
-  return n.init = (t) => (l) => e(l, t), n;
+function Te(e) {
+  const l = e;
+  return l.init = (t) => (o) => e(o, t), l;
 }
-const Te = (e) => /* @__PURE__ */ fe(e);
-async function we({
+const we = (e) => /* @__PURE__ */ Te(e);
+async function xe({
   editor: e,
-  plan: n,
+  plan: l,
   pluginName: t,
-  licenseKey: l,
-  onLicenseCheckResponse: o,
-  cleanup: u
+  licenseKey: o,
+  onLicenseCheckResponse: n,
+  cleanup: g
 }) {
-  let r = "", p = !1;
-  const h = ye(), c = (s) => {
-    console.warn("Cleanup plugin:", t, "Reason:", s), u();
-  }, b = (s = {}) => {
-    var k;
-    const { error: P, sdkLicense: V } = s, T = (k = s.plan) == null ? void 0 : k.category;
-    if (!(V || s.license) || P)
-      c(P || "Invalid license");
+  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");
     else if (T) {
-      const O = ee[n], $ = ee[T];
-      O > $ && c({ pluginRequiredPlan: n, licensePlan: T });
+      const M = te[l], _ = te[T];
+      M > _ && u({ pluginRequiredPlan: l, licensePlan: T });
     }
   };
-  e.on(ge, (s) => {
-    r = s == null ? void 0 : s.baseApiUrl, p = !0;
-  }), e.on(be, (s) => {
-    o == null || o(s), b(s);
-  }), setTimeout(async () => {
-    if (!p) {
-      if (h) return;
-      if (l) {
-        const s = await Se({ licenseKey: l, pluginName: t, baseApiUrl: r });
-        o == null || o(s), s && b(s);
-      } else
-        c("The `licenseKey` option not provided");
-    }
-  }, 2e3);
+  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);
+  };
+  if (!i) {
+    e.onReady(async () => {
+      if (!ve())
+        if (o) {
+          const r = await Ae({ licenseKey: o, pluginName: t, baseApiUrl: c });
+          b(r);
+        } else
+          u("The `licenseKey` option not provided");
+    });
+    return;
+  }
+  if (i.licensePlan || i.licenseError) {
+    const r = Pe(i);
+    b(r);
+    return;
+  }
+  e.on(be, (r) => b(r));
 }
-async function Se(e) {
-  const { licenseKey: n, pluginName: t, baseApiUrl: l } = e;
+const Pe = (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;
   try {
-    return (await ve({
-      baseApiUrl: l,
-      path: `/sdk/${n || "na"}`,
+    return (await fe({
+      baseApiUrl: o,
+      path: `/sdk/${l || "na"}`,
       method: "POST",
       params: {
         d: window.location.hostname,
         pn: t
       }
     })).result || {};
-  } catch (o) {
-    return console.error("Error during SDK license check:", o), !1;
+  } catch (n) {
+    return console.error("Error during SDK license check:", n), !1;
   }
 }
-const B = (e, n) => {
+const z = (e, l) => {
   var t;
-  return !!((t = e == null ? void 0 : e.hasAttribute) != null && t.call(e, n));
-}, xe = "lightGalleryComponent", Ie = G.startup;
-var E = /* @__PURE__ */ ((e) => (e.image = "image", e.video = "video", e.external = "external", e))(E || {});
-const I = "lightGallery", te = `${I}-item`, U = "data-lightgallery", ae = `${U}-item`, j = "toggle", A = {
+  return !!((t = e == null ? void 0 : e.hasAttribute) != null && t.call(e, l));
+}, Le = "lightGalleryComponent", Ie = E.startup;
+var S = /* @__PURE__ */ ((e) => (e.image = "image", e.video = "video", e.external = "external", e))(S || {});
+const A = "lightGallery", ae = `${A}-item`, j = "data-lightgallery", oe = `${j}-item`, N = "toggle", L = {
   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>'
-}, W = { propKeys: [], props: {}, traits: [] }, _ = (e, n = {}) => {
-  var o;
-  const t = {}, l = [];
-  for (const u in e) {
-    const { value: r, ...p } = e[u];
-    l.push({ id: u, name: u, changeProp: !0, category: n.category, ...p }), t[u] = r;
-    const { subTraits: h = {} } = p;
-    for (const c in p.subTraits)
-      (o = h[c]) == null || o.forEach((b) => {
-        const s = b.id || b.name;
-        t[s] = b.value;
+}, 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) => {
+        const r = b.id || b.name;
+        t[r] = b.value;
       });
   }
   return {
     propKeys: Object.keys(t),
     props: t,
-    traits: l
+    traits: o
   };
-}, F = (e, n) => {
-  const t = e.getTrait(n), l = t.get("category"), o = t.get("subTraits") || {}, r = (Object.values(o).flat() || []).map((c) => c.id || c.name);
-  e.removeTrait(r);
-  const p = o[t.getValue()], h = e.getTraitIndex(n) + 1;
-  p && e.addTrait(
-    p.map((c) => ({ category: l, ...c })),
-    { at: h }
+}, 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);
+  e.removeTrait(c);
+  const i = n[t.getValue()], u = e.getTraitIndex(l) + 1;
+  i && e.addTrait(
+    i.map((p) => ({ category: o, ...p })),
+    { at: u }
   );
-}, Z = (e, n) => {
-  n.forEach((t) => {
-    const l = e.getTrait(t);
-    if (!l || !l.get("subTraits")) return;
-    const o = l.changeProp ? `change:${t}` : `change:attributes:${t}`;
-    e.on(o, () => F(e, t)), F(e, t);
+}, 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);
   });
-}, Ae = (e, n, t) => {
-  const o = e.getTrait(n).get("subTraits") || {}, r = (Object.values(o).flat() || []).map((h) => {
-    const c = h.name || h.id;
-    return h.changeProp ? `change:${c}` : `change:attributes:${c}`;
-  }), p = Array.from(new Set(r));
-  p.length && e.on(p.join(" "), t);
-}, Pe = {
+}, 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}`;
+  }), i = Array.from(new Set(c));
+  i.length && e.on(i.join(" "), t);
+}, ke = {
   //   startAnimationDuration: {
   //     type: 'number',
   //     label: 'Start duration',
@@ -164,12 +190,12 @@ const I = "lightGallery", te = `${I}-item`, U = "data-lightgallery", ae = `${U}-
   //     step: 50,
   //     min: 0
   //   },
-  [j]: {
+  [N]: {
     type: "button",
     label: "Toggle Gallery",
-    command: (e, n) => {
-      var t, l;
-      return (l = (t = n.target) == null ? void 0 : t.getView()) == null ? void 0 : l.toggleGallery();
+    command: (e, l) => {
+      var t, o;
+      return (o = (t = l.target) == null ? void 0 : t.getView()) == null ? void 0 : o.toggleGallery();
     }
   },
   speed: {
@@ -269,7 +295,7 @@ const I = "lightGallery", te = `${I}-item`, U = "data-lightgallery", ae = `${U}-
     visible: ({ component: e }) => !!e.getTrait("closable").getValue(),
     value: !0
   }
-}, ke = {
+}, Se = {
   thumbnail: {
     category: { id: "thumbnail-options", label: "Thumbnail Options" },
     type: "checkbox",
@@ -371,7 +397,7 @@ const I = "lightGallery", te = `${I}-item`, U = "data-lightgallery", ae = `${U}-
       ]
     }
   }
-}, Le = {
+}, Ee = {
   autoplay: {
     category: { id: "autoplay-options", label: "Autoplay options" },
     type: "checkbox",
@@ -425,7 +451,7 @@ const I = "lightGallery", te = `${I}-item`, U = "data-lightgallery", ae = `${U}-
       ]
     }
   }
-}, Ee = {
+}, Oe = {
   zoom: {
     category: { id: "zoom-options", label: "Zoom options" },
     type: "checkbox",
@@ -477,7 +503,7 @@ const I = "lightGallery", te = `${I}-item`, U = "data-lightgallery", ae = `${U}-
       ]
     }
   }
-}, f = "sourceType", K = "data-iframe", q = {
+}, f = "sourceType", U = "data-iframe", J = {
   name: "href",
   type: "file",
   label: "Image Source"
@@ -485,7 +511,7 @@ const I = "lightGallery", te = `${I}-item`, U = "data-lightgallery", ae = `${U}-
   name: "data-src",
   label: "Video Source",
   placeholder: "https://www.youtube.com/watch?v=..."
-}, J = {
+}, C = {
   name: "data-poster",
   label: "Video Poster",
   type: "file"
@@ -493,21 +519,21 @@ const I = "lightGallery", te = `${I}-item`, U = "data-lightgallery", ae = `${U}-
   name: "data-src",
   label: "External Source",
   placeholder: "https://some-external-source.com/...."
-}, ce = {
+}, pe = {
   label: "Caption",
   name: "data-sub-html",
   placeholder: "My caption",
   changeProp: !1
-}, Ge = {
-  [j]: {
+}, Me = {
+  [N]: {
     type: "button",
     label: "Toggle Gallery",
-    command: (e, n) => {
-      var o, u;
-      const t = n.target, l = (o = t == null ? void 0 : t.closestType(I)) == null ? void 0 : o.getView();
-      if (l && t) {
-        const r = ((u = l.getLightGallery()) == null ? void 0 : u.items) || [], p = Array.from(r).indexOf(t.getEl());
-        p >= 0 && l.toggleGallery(p);
+    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);
       }
     }
   },
@@ -517,107 +543,107 @@ const I = "lightGallery", te = `${I}-item`, U = "data-lightgallery", ae = `${U}-
     labelToTitle: !0,
     value: "image",
     subTraits: {
-      image: [q],
-      video: [H, J],
+      image: [J],
+      video: [H, C],
       external: [le]
     },
     options: [
-      { id: "image", label: q.label || "", icon: A.image },
-      { id: "video", label: H.label || "", icon: A.video },
-      { id: "external", label: le.label || "", icon: A.external }
+      { id: "image", label: J.label || "", icon: L.image },
+      { id: "video", label: H.label || "", icon: L.video },
+      { id: "external", label: le.label || "", icon: L.external }
     ]
   },
-  subHtml: ce
+  subHtml: pe
   // This unfortuntaly breaks other thumbnails
   // customThumb: traitCustomThumb
-}, ne = "lgThumbnail", Ve = "lgVideo", oe = "lgAutoplay", ie = "lgZoom", L = "https://cdn.jsdelivr.net/npm/lightgallery@2.8.2", Oe = function(e, n = {}) {
-  const { Blocks: t, Components: l } = e, o = "LightGallery", u = "LightGallery Item", r = {
-    toolbarIconOpen: A.eye,
+}, 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,
     block: {},
     lgLicenseKey: "92DE1DB8-7986-4F02-B908-514F97678D28",
     defaultSrc: "https://placehold.co/200/777/white.png?text=Image",
-    plugins: [ne, Ve, oe, ie],
+    plugins: [se, De, ne, ie],
     cdnScript: [
-      `${L}/lightgallery.min.js`,
-      `${L}/plugins/thumbnail/lg-thumbnail.min.js`,
-      `${L}/plugins/video/lg-video.min.js`,
-      `${L}/plugins/autoplay/lg-autoplay.min.js`,
-      `${L}/plugins/zoom/lg-zoom.min.js`
+      `${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`
     ],
-    cdnStyle: `${L}/css/lightgallery-bundle.min.css`,
-    ...n
-  }, { block: p, toolbarIconOpen: h, defaultSrc: c } = r, b = function(a) {
-    const i = this, g = window, { plugins: d, cdnScript: w, cdnStyle: C, inline: R, lgLicenseKey: pe, ...y } = a || {}, S = (m) => isNaN(m) ? void 0 : parseInt(m, 10), Q = () => {
-      var D;
-      const m = {
-        ...y,
-        licenseKey: pe,
-        speed: S(y.speed),
-        startAnimationDuration: S(y.startAnimationDuration),
-        thumbMargin: S(y.thumbMargin),
-        thumbWidth: S(y.thumbWidth),
-        slideShowInterval: S(y.slideShowInterval),
-        scale: S(y.scale),
-        enableZoomAfter: S(y.enableZoomAfter),
-        plugins: (d || []).map((N) => g[N])
+    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 = () => {
+      var B;
+      const d = {
+        ...m,
+        licenseKey: ue,
+        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[$])
       };
-      R && (m.container = i, m.closable = !1);
-      const z = (D = g.lightGallery) == null ? void 0 : D.call(g, i, m);
-      R && z.openGallery();
+      Q && (d.container = s, d.closable = !1);
+      const K = (B = h.lightGallery) == null ? void 0 : B.call(h, s, d);
+      Q && K.openGallery();
     };
-    if (g.lightGallery)
-      Q();
+    if (h.lightGallery)
+      X();
     else {
-      const { head: m } = document, z = Array.isArray(w) ? [...w] : [w], D = Array.isArray(C) ? [...C] : [C], N = (x) => {
-        if (x.length) {
+      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 = x.shift(), v.rel = "stylesheet", m.appendChild(v), N(x);
+          v.href = P.shift(), v.rel = "stylesheet", d.appendChild(v), $(P);
         }
-      }, X = (x) => {
-        if (x.length) {
+      }, Y = (P) => {
+        if (P.length) {
           const v = document.createElement("script");
-          v.src = x.shift(), v.onerror = v.onload = X.bind(null, x), m.appendChild(v);
+          v.src = P.shift(), v.onerror = v.onload = Y.bind(null, P), d.appendChild(v);
         } else
-          Q();
+          X();
       };
-      N(D), X(z);
+      $(B), Y(K);
     }
-  }, s = (a) => {
-    const i = a.getTrait(j);
-    if (!h || !i) return;
-    const { toolbar: g } = a, d = {
-      id: j,
-      label: h,
-      command: () => setTimeout(() => i.runCommand(), 100)
+  }, r = (a) => {
+    const s = a.getTrait(N);
+    if (!u || !s) return;
+    const { toolbar: h } = a, y = {
+      id: N,
+      label: u,
+      command: () => setTimeout(() => s.runCommand(), 100)
     };
-    !g.find((C) => C.id === d.id) && (g == null || g.unshift(d));
+    !h.find((D) => D.id === y.id) && (h == null || h.unshift(y));
   };
-  let P = [];
-  const V = r.plugins || [], T = _(Pe), M = V.includes(ne) ? _(ke) : W, k = V.includes(oe) ? _(Le) : W, O = V.includes(ie) ? _(Ee) : W;
-  l.addType(I, {
-    block: p && {
-      label: o,
-      media: A.gallery,
+  let I = [];
+  const O = c.plugins || [], T = V(ke), R = O.includes(se) ? V(Se) : F, G = O.includes(ne) ? V(Ee) : F, M = O.includes(ie) ? V(Oe) : F;
+  o.addType(A, {
+    block: i && {
+      label: n,
+      media: L.gallery,
       category: "Extra",
       select: !0,
-      ...r.block
+      ...c.block
     },
-    isComponent: (a) => B(a, U),
+    isComponent: (a) => z(a, j),
     extendFn: ["init", "initToolbar"],
     model: {
       defaults: {
-        name: o,
-        icon: A.gallery,
-        draggable: (a, i) => !i.is(I),
-        attributes: { [U]: !0 },
-        components: { type: te },
+        name: n,
+        icon: L.gallery,
+        draggable: (a, s) => !s.is(A),
+        attributes: { [j]: !0 },
+        components: { type: ae },
         script: b,
         selector: "",
         exThumbImage: "",
-        cdnScript: r.cdnScript,
-        cdnStyle: r.cdnStyle,
-        plugins: r.plugins,
-        lgLicenseKey: r.lgLicenseKey,
+        cdnScript: c.cdnScript,
+        cdnStyle: c.cdnStyle,
+        plugins: c.plugins,
+        lgLicenseKey: c.lgLicenseKey,
         "script-props": [
           "lgLicenseKey",
           "cdnScript",
@@ -626,21 +652,21 @@ const I = "lightGallery", te = `${I}-item`, U = "data-lightgallery", ae = `${U}-
           "selector",
           "exThumbImage",
           ...T.propKeys,
-          ...M.propKeys,
-          ...k.propKeys,
-          ...O.propKeys
+          ...R.propKeys,
+          ...G.propKeys,
+          ...M.propKeys
         ],
         ...T.props,
+        ...R.props,
+        ...G.props,
         ...M.props,
-        ...k.props,
-        ...O.props,
-        traits: [...T.traits, ...M.traits, ...k.traits, ...O.traits]
+        traits: [...T.traits, ...R.traits, ...G.traits, ...M.traits]
       },
       init() {
-        Z(this, ["thumbnail"]), Z(this, ["autoplay"]), Z(this, ["zoom"]);
+        W(this, ["thumbnail"]), W(this, ["autoplay"]), W(this, ["zoom"]);
       },
       initToolbar() {
-        s(this);
+        r(this);
       }
     },
     extendFnView: ["init"],
@@ -652,7 +678,7 @@ const I = "lightGallery", te = `${I}-item`, U = "data-lightgallery", ae = `${U}-
         lgAfterClose: "onLgClose"
       }),
       init() {
-        this.listenTo(this.model, l.events.scriptUnmount, this.destroyLightGallery);
+        this.listenTo(this.model, o.events.scriptUnmount, this.destroyLightGallery);
       },
       getLightGallery() {
         return this.el.__lg;
@@ -666,84 +692,84 @@ const I = "lightGallery", te = `${I}-item`, U = "data-lightgallery", ae = `${U}-
         a.lgOpened = !0;
       },
       isInlineGallery() {
-        var i;
+        var s;
         const a = this.getLightGallery();
-        return ((i = a == null ? void 0 : a.settings) == null ? void 0 : i.container) === this.el;
+        return ((s = a == null ? void 0 : a.settings) == null ? void 0 : s.container) === this.el;
       },
       onLgInit(a) {
         this.el.__lg = a.detail.instance, !this.isInlineGallery() && this.disableLgInCanvas();
       },
       onLgOpen() {
-        const { em: a } = this, { Canvas: i } = a, g = this.getLightGallery();
-        P = i.getSpots(), setTimeout(() => i.removeSpots()), g.__lgOpened = !0;
+        const { em: a } = this, { Canvas: s } = a, h = this.getLightGallery();
+        I = s.getSpots(), setTimeout(() => s.removeSpots()), h.__lgOpened = !0;
       },
       onLgClose() {
         const a = this.getLightGallery();
-        P.forEach((i) => this.em.Canvas.addSpot(i.attributes)), P = [], a.__lgOpened = !1, setTimeout(() => this.disableLgInCanvas());
+        I.forEach((s) => this.em.Canvas.addSpot(s.attributes)), I = [], a.__lgOpened = !1, setTimeout(() => this.disableLgInCanvas());
       },
       toggleGallery(a) {
-        const i = this.getLightGallery();
-        if (i.__lgOpened) return i.closeGallery(!0);
-        i.lgOpened = !1, i.openGallery(a);
+        const s = this.getLightGallery();
+        if (s.__lgOpened) return s.closeGallery(!0);
+        s.lgOpened = !1, s.openGallery(a);
       }
     }
   });
-  const $ = _(Ge);
-  l.addType(te, {
-    isComponent: (a) => B(a, ae) || a.tagName === "A" && B(a.parentElement, U),
+  const _ = V(Me);
+  o.addType(ae, {
+    isComponent: (a) => z(a, oe) || a.tagName === "A" && z(a.parentElement, j),
     extendFn: ["init", "initToolbar"],
     model: {
       defaults: {
         tagName: "a",
-        name: u,
-        icon: A.galleryItem,
-        attributes: { [ae]: !0, href: c },
-        components: { type: "image", attributes: { alt: "Image", src: c } },
-        ...$.props,
-        traits: [...$.traits]
+        name: g,
+        icon: L.galleryItem,
+        attributes: { [oe]: !0, href: p },
+        components: { type: "image", attributes: { alt: "Image", src: p } },
+        ..._.props,
+        traits: [..._.traits]
       },
       init() {
-        const a = [f].map((i) => `change:${i}`).join(" ");
-        this.initSourceType(), this.on(a, this.updateTraits), this.updateTraits({ init: !0 }), this.initScriptUpdate(), Ae(this, f, this.triggerGalleryUpdate);
+        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);
       },
       initToolbar() {
-        s(this);
+        r(this);
       },
       initScriptUpdate() {
-        const a = [ce.name].map((i) => `change:attributes:${i}`).join(" ");
+        const a = [pe.name].map((s) => `change:attributes:${s}`).join(" ");
         this.on(a, this.triggerGalleryUpdate);
       },
       triggerGalleryUpdate(...a) {
-        var i;
-        (i = this.closestType(I)) == null || i.__scriptPropsChange(...a);
+        var s;
+        (s = this.closestType(A)) == null || s.__scriptPropsChange(...a);
       },
       updateTraits(a = {}) {
-        const { changed: i } = this, { init: g } = a;
-        if (i[f] || g) {
-          F(this, f);
-          const d = this.getTrait(f).getValue();
-          if (d === E.image) {
-            this.removeAttributes([H.name, J.name, K]);
-            const w = this.getTrait(q.name);
-            w.setValue(w.getValue() || c);
-          } else d === E.video ? this.removeAttributes([K]) : d === E.external && this.addAttributes({ [K]: !0 });
+        const { changed: s } = this, { init: h } = a;
+        if (s[f] || h) {
+          q(this, f);
+          const y = this.getTrait(f).getValue();
+          if (y === S.image) {
+            this.removeAttributes([H.name, C.name, U]);
+            const w = this.getTrait(J.name);
+            w.setValue(w.getValue() || p);
+          } else y === S.video ? this.removeAttributes([U]) : y === S.external && this.addAttributes({ [U]: !0 });
         }
       },
       initSourceType() {
         const a = this.getAttributes({ noClass: !0, noStyle: !0 });
-        a[K] ? this.set(f, E.external) : (a[H.name] || a[J.name]) && this.set(f, E.video);
+        a[U] ? this.set(f, S.external) : (a[H.name] || a[C.name]) && this.set(f, S.video);
       }
     }
-  }), we({
+  }), xe({
     editor: e,
     plan: Ie,
-    licenseKey: r.licenseKey,
-    pluginName: xe,
+    licenseKey: c.licenseKey,
+    pluginName: Le,
     cleanup: () => {
-      t.remove(I), l.removeType(I);
+      t.remove(A), o.removeType(A);
     }
   });
-}, Ce = Te(Oe);
+}, Re = we(Ve);
 export {
-  Ce as default
+  Re as default
 };