@grapesjs/studio-sdk-plugins 1.0.33-rc.1 → 1.0.33

package/dist/lightGalleryComponent/index.es.js

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