@redot-src/glare 1.3.0 → 1.4.0

package/dist/glare.esm.js

@@ -1,4 +1,4 @@
-const ot = {
+const at = {
   CLOSE: "Close",
   NEXT: "Next",
   PREV: "Previous",
@@ -17,20 +17,20 @@ const ot = {
   ZOOM: "Zoom",
   ZOOM_OUT: "Zoom out"
 };
-function yt(e) {
+function xt(e) {
   const t = e.lang ?? "en";
-  return { ...ot, ...e.i18n?.en, ...e.i18n?.[t] };
+  return { ...at, ...e.i18n?.en, ...e.i18n?.[t] };
 }
-function b(e, t) {
+function x(e, t) {
   return e.replace(/\{\{(\w+)\}\}/g, (s, i) => t[i] ?? "");
 }
 function vt(e) {
   return Object.entries(e).map(([t, s]) => `${encodeURIComponent(t)}=${encodeURIComponent(String(s))}`).join("&");
 }
-function xt(e, t) {
+function wt(e, t) {
   return e.replace(/\$(\d+)/g, (s, i) => t[Number(i)] ?? "");
 }
-const wt = {
+const Et = {
   youtube: {
     matcher: /(?:youtube\.com|youtu\.be|youtube-nocookie\.com)\/(?:watch\?(?:.*&)?v=|v\/|u\/\w\/|embed\/|shorts\/)?([\w-]{11})/i,
     type: "embed",
@@ -50,8 +50,8 @@ const wt = {
     url: (e) => {
       const [, t, s, i, n] = e;
       if (s) {
-        const [r, a, l] = s.split(","), d = l ? Math.floor(parseFloat(l)) : 14;
-        return `https://maps.google.${t}/maps?ll=${r},${a}&z=${d}&output=embed`;
+        const [r, a, l] = s.split(","), u = l ? Math.floor(parseFloat(l)) : 14;
+        return `https://maps.google.${t}/maps?ll=${r},${a}&z=${u}&output=embed`;
       }
       const o = encodeURIComponent(decodeURIComponent(i || n || ""));
       return `https://maps.google.${t}/maps?q=${o}&output=embed`;
@@ -60,9 +60,9 @@ const wt = {
 };
 function q(e, t, s) {
   if (typeof e == "function") return e(t, s);
-  if (typeof e == "string") return xt(e, t);
+  if (typeof e == "string") return wt(e, t);
 }
-function Et(e, t) {
+function Tt(e, t) {
   for (const s of Object.values(t ?? {})) {
     const i = e.match(s.matcher);
     if (!i) continue;
@@ -75,20 +75,28 @@ function Et(e, t) {
   }
   return null;
 }
-const f = (e) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${e}</svg>`, u = {
-  close: f('<path d="M18 6 6 18"/><path d="m6 6 12 12"/>'),
-  next: f('<path d="m9 18 6-6-6-6"/>'),
-  prev: f('<path d="m15 18-6-6 6-6"/>'),
-  zoomIn: f('<circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/><path d="M11 8v6"/><path d="M8 11h6"/>'),
-  zoomOut: f('<circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/><path d="M8 11h6"/>'),
-  download: f('<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/>'),
-  thumbs: f('<rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18"/><path d="M9 21V9"/>'),
-  play: f('<polygon points="6 3 20 12 6 21 6 3"/>'),
-  pause: f('<rect width="4" height="16" x="6" y="4"/><rect width="4" height="16" x="14" y="4"/>'),
-  fullscreen: f('<path d="M8 3H5a2 2 0 0 0-2 2v3"/><path d="M21 8V5a2 2 0 0 0-2-2h-3"/><path d="M3 16v3a2 2 0 0 0 2 2h3"/><path d="M16 21h3a2 2 0 0 0 2-2v-3"/>'),
-  fullscreenExit: f('<path d="M8 3v3a2 2 0 0 1-2 2H3"/><path d="M21 8h-3a2 2 0 0 1-2-2V3"/><path d="M3 16h3a2 2 0 0 1 2 2v3"/><path d="M16 21v-3a2 2 0 0 1 2-2h3"/>'),
-  more: f('<circle cx="5" cy="12" r="1" fill="currentColor" stroke="none"/><circle cx="12" cy="12" r="1" fill="currentColor" stroke="none"/><circle cx="19" cy="12" r="1" fill="currentColor" stroke="none"/>')
-}, v = (e, t, s, i = "") => `<button type="button" class="glare-button glare-button--${e}" data-glare-${e} title="{{${t}}}" aria-label="{{${t}}}"${i}>${s}</button>`, Tt = `
+const d = (e) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${e}</svg>`, c = {
+  close: d('<path d="M18 6 6 18"/><path d="m6 6 12 12"/>'),
+  next: d('<path d="m9 18 6-6-6-6"/>'),
+  prev: d('<path d="m15 18-6-6 6-6"/>'),
+  zoomIn: d('<circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/><path d="M11 8v6"/><path d="M8 11h6"/>'),
+  zoomOut: d('<circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/><path d="M8 11h6"/>'),
+  download: d('<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/>'),
+  thumbs: d('<rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18"/><path d="M9 21V9"/>'),
+  play: d('<polygon points="6 3 20 12 6 21 6 3"/>'),
+  pause: d('<rect width="4" height="16" x="6" y="4"/><rect width="4" height="16" x="14" y="4"/>'),
+  fullscreen: d('<path d="M8 3H5a2 2 0 0 0-2 2v3"/><path d="M21 8V5a2 2 0 0 0-2-2h-3"/><path d="M3 16v3a2 2 0 0 0 2 2h3"/><path d="M16 21h3a2 2 0 0 0 2-2v-3"/>'),
+  fullscreenExit: d('<path d="M8 3v3a2 2 0 0 1-2 2H3"/><path d="M21 8h-3a2 2 0 0 1-2-2V3"/><path d="M3 16h3a2 2 0 0 1 2 2v3"/><path d="M16 21v-3a2 2 0 0 1 2-2h3"/>'),
+  more: d('<circle cx="5" cy="12" r="1" fill="currentColor" stroke="none"/><circle cx="12" cy="12" r="1" fill="currentColor" stroke="none"/><circle cx="19" cy="12" r="1" fill="currentColor" stroke="none"/>'),
+  thumbImage: d('<rect x="3" y="4" width="18" height="16" rx="2"/><circle cx="8.5" cy="9" r="1.5"/><path d="m4 17 5-5 4 4 2-2 5 5"/>'),
+  thumbVideo: d('<rect x="3" y="5" width="18" height="14" rx="2"/><path d="m10 9 5 3-5 3Z"/>'),
+  thumbEmbed: d('<circle cx="12" cy="12" r="9"/><path d="m10 8 6 4-6 4Z"/>'),
+  thumbIframe: d('<rect x="3" y="4" width="18" height="16" rx="2"/><path d="M3 8h18"/><circle cx="6" cy="6" r=".5" fill="currentColor" stroke="none"/><circle cx="9" cy="6" r=".5" fill="currentColor" stroke="none"/>'),
+  thumbInline: d('<rect x="4" y="4" width="16" height="16" rx="2"/><path d="M8 8h8M8 12h8M8 16h5"/>'),
+  thumbAjax: d('<path d="M20 15a4 4 0 0 0-3-3.87A6 6 0 1 0 6 14"/><path d="m9 16 3 3 3-3M12 12v7"/>'),
+  thumbHtml: d('<path d="m8 9-3 3 3 3M16 9l3 3-3 3M14 5l-4 14"/>'),
+  thumbSlide: d('<path d="M6 3h9l4 4v14H6Z"/><path d="M14 3v5h5M9 13h7M9 17h5"/>')
+}, w = (e, t, s, i = "") => `<button type="button" class="glare-button glare-button--${e}" data-glare-${e} title="{{${t}}}" aria-label="{{${t}}}"${i}>${s}</button>`, St = `
 <div class="glare-container" role="dialog" aria-modal="true" tabindex="-1">
   <div class="glare-bg"></div>
   <div class="glare-progress" hidden></div>
@@ -97,31 +105,31 @@ const f = (e) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fi
     <div class="glare-infobar"><span class="glare-infobar-index"></span></div>
     <div class="glare-toolbar"></div>
     <div class="glare-navigation">
-      ${v("prev", "PREV", u.prev)}
-      ${v("next", "NEXT", u.next)}
+      ${w("prev", "PREV", c.prev)}
+      ${w("next", "NEXT", c.next)}
     </div>
     <div class="glare-stage"></div>
     <div class="glare-caption"></div>
   </div>
-</div>`, St = {
-  zoom: v("zoom", "ZOOM", u.zoomIn),
-  slideshow: v("slideshow", "PLAY_START", u.play),
-  thumbs: v("thumbs", "THUMBS", u.thumbs, ' aria-expanded="false"'),
-  fullscreen: v("fullscreen", "FULL_SCREEN", u.fullscreen),
-  more: v("more", "MORE", u.more, ' aria-expanded="false" aria-haspopup="true"'),
-  close: v("close", "CLOSE", u.close),
-  download: `<a class="glare-button glare-button--download" data-glare-download download target="_blank" rel="noopener" title="{{DOWNLOAD}}" aria-label="{{DOWNLOAD}}">${u.download}</a>`,
-  smallBtn: `<button type="button" class="glare-button glare-close-small" data-glare-close title="{{CLOSE}}" aria-label="{{CLOSE}}">${u.close}</button>`
-}, Lt = '<div class="glare-spinner" role="status" aria-label="{{LOADING}}"></div>', Mt = '<div class="glare-error"><p>{{ERROR}}</p></div>', Ct = '<video class="glare-video" controls playsinline controlsList="nodownload" poster="{{poster}}"><source src="{{src}}" type="{{format}}"/>{{VIDEO_UNSUPPORTED}}</video>', $t = '<iframe class="glare-iframe"></iframe>', rt = {
+</div>`, Mt = {
+  zoom: w("zoom", "ZOOM", c.zoomIn),
+  slideshow: w("slideshow", "PLAY_START", c.play),
+  thumbs: w("thumbs", "THUMBS", c.thumbs, ' aria-expanded="false"'),
+  fullscreen: w("fullscreen", "FULL_SCREEN", c.fullscreen),
+  more: w("more", "MORE", c.more, ' aria-expanded="false" aria-haspopup="true"'),
+  close: w("close", "CLOSE", c.close),
+  download: `<a class="glare-button glare-button--download" data-glare-download download target="_blank" rel="noopener" title="{{DOWNLOAD}}" aria-label="{{DOWNLOAD}}">${c.download}</a>`,
+  smallBtn: `<button type="button" class="glare-button glare-close-small" data-glare-close title="{{CLOSE}}" aria-label="{{CLOSE}}">${c.close}</button>`
+}, Lt = '<div class="glare-spinner" role="status" aria-label="{{LOADING}}"></div>', Ct = '<div class="glare-error"><p>{{ERROR}}</p></div>', $t = '<video class="glare-video" controls playsinline controlsList="nodownload" poster="{{poster}}"><source src="{{src}}" type="{{format}}"/>{{VIDEO_UNSUPPORTED}}</video>', It = '<iframe class="glare-iframe"></iframe>', lt = {
   autoStart: !1,
   axis: "x",
   fit: "cover"
-}, _ = {
+}, N = {
   autoStart: !1,
   speed: 3e3
-}, at = {
+}, ct = {
   autoStart: !1
-}, lt = {
+}, R = {
   closeExisting: !1,
   loop: !1,
   keyboard: !0,
@@ -161,38 +169,38 @@ const f = (e) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fi
     dblclickSlide: (e) => e.type === "image" ? "zoom" : !1
   },
   image: { preload: !1 },
-  video: { tpl: Ct, format: "", autoStart: !0 },
+  video: { tpl: $t, format: "", autoStart: !0 },
   iframe: {
     preload: !0,
     css: {},
     attr: { allowfullscreen: "true", allow: "autoplay; fullscreen; picture-in-picture" },
-    tpl: $t
+    tpl: It
   },
   ajax: { settings: { headers: { "X-Requested-With": "XMLHttpRequest" } } },
-  media: wt,
+  media: Et,
   hash: !0,
-  slideshow: _,
-  thumbs: rt,
-  fullscreen: at,
+  slideshow: N,
+  thumbs: lt,
+  fullscreen: ct,
   lang: "en",
-  i18n: { en: ot },
-  baseTpl: Tt,
-  btnTpl: St,
+  i18n: { en: at },
+  baseTpl: St,
+  btnTpl: Mt,
   spinnerTpl: Lt,
-  errorTpl: Mt
-}, Ot = /\.(avif|bmp|gif|jpe?g|png|svg|webp|ico)(\?.*)?$/i, It = /\.(mp4|webm|ogg|ogv|mov|m4v)(\?.*)?$/i, At = /\.pdf(\?.*)?$/i, Dt = /^(#[\w-]+|\.[\w-]+)$/;
-function kt(e, t = "image") {
-  return e ? Dt.test(e) ? "inline" : Ot.test(e) ? "image" : It.test(e) ? "video" : At.test(e) ? "iframe" : t : "html";
+  errorTpl: Ct
+}, Ot = /\.(avif|bmp|gif|jpe?g|png|svg|webp|ico)(\?.*)?$/i, At = /\.(mp4|webm|ogg|ogv|mov|m4v)(\?.*)?$/i, Dt = /\.pdf(\?.*)?$/i, kt = /^(#[\w-]+|\.[\w-]+)$/;
+function Rt(e, t = "image") {
+  return e ? kt.test(e) ? "inline" : Ot.test(e) ? "image" : At.test(e) ? "video" : Dt.test(e) ? "iframe" : t : "html";
 }
-function Rt(e) {
+function Ft(e) {
   const t = e.match(/\.(\w+)(?:\?|$)/)?.[1]?.toLowerCase();
   return t ? `video/${t === "ogv" ? "ogg" : t}` : "video/mp4";
 }
-function ct(e, t, s) {
+function ht(e, t, s) {
   const i = typeof e == "string" ? { src: e } : { ...e };
   let n = i.src ?? "", o = i.type, r = i.thumb;
-  const a = n ? Et(n, s.media) : null;
-  return a && (n = a.src ?? n, o ??= a.type, r ??= a.thumb), o || (o = i.html || i.content ? "html" : kt(n, s.defaultType)), {
+  const a = n ? Tt(n, s.media) : null;
+  return a && (n = a.src ?? n, o ??= a.type, r ??= a.thumb), o || (o = i.html || i.content ? "html" : Rt(n, s.defaultType)), {
     ...i,
     index: t,
     src: n,
@@ -204,10 +212,10 @@ function ct(e, t, s) {
   };
 }
 const p = (e, t) => e.getAttribute(t) || void 0;
-function Ft(e, t) {
+function Ht(e, t) {
   return e.map((s, i) => {
     const n = s.querySelector("img"), o = p(s, "data-caption") ?? p(s, "title") ?? "";
-    return ct(
+    return ht(
       {
         src: p(s, "data-src") ?? p(s, "href") ?? "",
         type: p(s, "data-type"),
@@ -227,38 +235,38 @@ function Ft(e, t) {
     );
   });
 }
-function Ht(e, t) {
-  return e.length && e[0] instanceof HTMLElement ? Ft(e, t) : e.map((s, i) => ct(s, i, t));
+function Pt(e, t) {
+  return e.length && e[0].nodeType === 1 ? Ht(e, t) : e.map((s, i) => ht(s, i, t));
 }
-function c(e, t = document) {
+function h(e, t = document) {
   return t.querySelector(e);
 }
-function $(e, t = document) {
+function I(e, t = document) {
   return Array.from(t.querySelectorAll(e));
 }
 function m(e, t = "", s = "") {
   const i = document.createElement(e);
   return t && (i.className = t), s && (i.innerHTML = s), i;
 }
-function Pt(e) {
+function zt(e) {
   return m("div", "", e.trim()).firstElementChild;
 }
-function N(e) {
+function Z(e) {
   return /[<&]/.test(e) ? new DOMParser().parseFromString(e, "text/html").body.textContent?.trim() ?? "" : e.trim();
 }
-function ht(e, t = document) {
-  return e ? typeof e != "string" ? e : c(e, t) ?? c(e) : null;
+function ut(e, t = document) {
+  return e ? typeof e != "string" ? e : h(e, t) ?? h(e) : null;
 }
-function j(e) {
+function W(e) {
   return typeof e == "number" ? `${e}px` : e;
 }
-function h(e, t, s, i) {
+function f(e, t, s, i) {
   return e.addEventListener(t, s, i), () => e.removeEventListener(t, s, i);
 }
-function ut(e) {
+function dt(e) {
   requestAnimationFrame(() => requestAnimationFrame(e));
 }
-function zt(e, t, s) {
+function _t(e, t, s) {
   let i = !1;
   const n = () => {
     i || (i = !0, clearTimeout(r), e.removeEventListener("transitionend", o), s());
@@ -268,44 +276,44 @@ function zt(e, t, s) {
   e.addEventListener("transitionend", o);
   const r = setTimeout(n, t + 50);
 }
-function _t() {
+function Nt() {
   return navigator.maxTouchPoints > 0 && window.matchMedia("(pointer: coarse)").matches;
 }
-function dt() {
+function ft() {
   return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function ft() {
+function pt() {
   const e = document;
   return !!(e.fullscreenEnabled ?? e.webkitFullscreenEnabled);
 }
-const W = "glare-lock";
-function U(e) {
+const U = "glare-lock";
+function V(e) {
   const t = document.documentElement;
   if (e) {
     const s = window.innerWidth - t.clientWidth;
-    t.classList.add(W), s > 0 && (t.style.marginRight = `${s}px`);
+    t.classList.add(U), s > 0 && (t.style.marginRight = `${s}px`);
   } else
-    t.classList.remove(W), t.style.marginRight = "";
+    t.classList.remove(U), t.style.marginRight = "";
 }
 const T = "glare-hidden";
-function Nt(e, t, s, i) {
-  const n = Pt(b(e.baseTpl, t));
+function Zt(e, t, s, i) {
+  const n = zt(x(e.baseTpl, t));
   n.dataset.glareId = String(s), e.baseClass && n.classList.add(e.baseClass), e.modal && n.classList.add("glare-is-modal");
-  const o = c(".glare-stage", n);
+  const o = h(".glare-stage", n);
   if (!o) throw new Error("baseTpl must contain a .glare-stage element");
   const r = {
     container: n,
-    bg: c(".glare-bg", n),
-    inner: c(".glare-inner", n),
+    bg: h(".glare-bg", n),
+    inner: h(".glare-inner", n),
     stage: o,
-    caption: c(".glare-caption", n),
-    toolbar: c(".glare-toolbar", n),
-    infobar: c(".glare-infobar", n),
-    navigation: c(".glare-navigation", n)
+    caption: h(".glare-caption", n),
+    toolbar: h(".glare-toolbar", n),
+    infobar: h(".glare-infobar", n),
+    navigation: h(".glare-navigation", n)
   }, a = i < 2;
-  return r.navigation?.classList.toggle(T, !e.arrows || a), r.infobar?.classList.toggle(T, !e.infobar || a), r.toolbar && Zt(r.toolbar, e, t, a), r;
+  return r.navigation?.classList.toggle(T, !e.arrows || a), r.infobar?.classList.toggle(T, !e.infobar || a), r.toolbar && jt(r.toolbar, e, t, a), r;
 }
-function Zt(e, t, s, i) {
+function jt(e, t, s, i) {
   if (t.toolbar === !1) {
     e.classList.add(T);
     return;
@@ -317,18 +325,18 @@ function Zt(e, t, s, i) {
       n.appendChild(Bt(o));
       continue;
     }
-    if (i && (o === "thumbs" || o === "slideshow") || o === "fullscreen" && !ft() || o === "more" || o === "close") continue;
+    if (i && (o === "thumbs" || o === "slideshow") || o === "fullscreen" && !pt() || o === "more" || o === "close") continue;
     const r = t.btnTpl[o];
-    r && n.insertAdjacentHTML("beforeend", b(r, s));
+    r && n.insertAdjacentHTML("beforeend", x(r, s));
   }
   if (n.childElementCount) {
     e.appendChild(n);
     const o = t.btnTpl.more;
-    o && (e.insertAdjacentHTML("beforeend", b(o, s)), e.querySelector("[data-glare-more]")?.setAttribute("aria-controls", n.id));
+    o && (e.insertAdjacentHTML("beforeend", x(o, s)), e.querySelector("[data-glare-more]")?.setAttribute("aria-controls", n.id));
   }
   if (t.buttons.includes("close")) {
     const o = t.btnTpl.close;
-    o && e.insertAdjacentHTML("beforeend", b(o, s));
+    o && e.insertAdjacentHTML("beforeend", x(o, s));
   }
 }
 function Bt({ name: e, label: t, icon: s }) {
@@ -341,111 +349,111 @@ function qt(e, t) {
     s += i.offsetTop;
   return s;
 }
-function jt({ container: e, caption: t }) {
+function Wt({ container: e, caption: t }) {
   let s = null;
   const i = () => {
     if (!t) return;
     e.style.setProperty("--glare-caption-inset", `${t.offsetHeight}px`);
-    const o = s && c(".glare-content", s);
+    const o = s && h(".glare-content", s);
     o && Object.assign(t.style, { top: `${qt(o, t.offsetParent) + o.offsetHeight}px`, bottom: "auto" });
   }, n = new ResizeObserver(i);
   return t && n.observe(t), i(), {
     follow(o) {
       if (s)
-        for (const r of [s, c(".glare-content", s)]) r && n.unobserve(r);
+        for (const r of [s, h(".glare-content", s)]) r && n.unobserve(r);
       s = o;
-      for (const r of [o, c(".glare-content", o)]) r && n.observe(r);
+      for (const r of [o, h(".glare-content", o)]) r && n.observe(r);
       i();
     },
     destroy: () => n.disconnect()
   };
 }
-function Wt(e, t, s) {
+function Ut(e, t, s) {
   const i = m("div", `glare-slide glare-slide--${t.type}`);
   s.slideClass && i.classList.add(s.slideClass);
   const n = m("div", "glare-content");
   return i.appendChild(n), e.appendChild(i), t.$slide = i, t.$content = n, i;
 }
-function Ut(e, t, s) {
+function Vt(e, t, s) {
   e.style.setProperty("--glare-direction", String(s)), e.classList.add(t ? "glare-slide--opening" : "glare-slide--in"), t && (e.style.transition = "none"), e.offsetWidth, e.classList.add("glare-slide--current"), t && (e.offsetWidth, e.style.transition = "");
 }
 function Xt(e, t, s, i) {
-  for (const n of $(".glare-slide", e))
+  for (const n of I(".glare-slide", e))
     n !== t && (n.classList.contains("glare-slide--out") || n.style.setProperty("--glare-direction", String(i)), n.classList.remove("glare-slide--current", "glare-slide--in", "glare-slide--opening"), n.classList.add("glare-slide--out"), setTimeout(() => n.remove(), s));
 }
 function Gt(e, t, s) {
-  e.insertAdjacentHTML("beforeend", b(t.btnTpl.smallBtn ?? "", s));
+  e.insertAdjacentHTML("beforeend", x(t.btnTpl.smallBtn ?? "", s));
 }
-function Vt(e, t, s) {
-  e.querySelector(":scope > .glare-spinner") || e.insertAdjacentHTML("beforeend", b(t.spinnerTpl, s));
+function Yt(e, t, s) {
+  e.querySelector(":scope > .glare-spinner") || e.insertAdjacentHTML("beforeend", x(t.spinnerTpl, s));
 }
-function Yt(e) {
+function Kt(e) {
   e.querySelector(":scope > .glare-spinner")?.remove();
 }
-function Kt(e, t, s, i) {
-  e.hasError = !0, e.error = t, e.$content && (e.$content.className = "glare-content glare-content--error", e.$content.innerHTML = b(s.errorTpl, i));
+function Qt(e, t, s, i) {
+  e.hasError = !0, e.error = t, e.$content && (e.$content.className = "glare-content glare-content--error", e.$content.innerHTML = x(s.errorTpl, i));
 }
-function pt(e, t) {
+function mt(e, t) {
   return typeof e.toolbar == "boolean" ? e.toolbar : t.type === "image";
 }
-function Qt(e, t) {
-  return typeof e.smallBtn == "boolean" ? e.smallBtn : !pt(e, t);
+function Jt(e, t) {
+  return typeof e.smallBtn == "boolean" ? e.smallBtn : !mt(e, t);
 }
-function Jt(e, t, s, i, n, o) {
+function te(e, t, s, i, n, o) {
   const { container: r, toolbar: a, infobar: l } = e;
-  re(r, i.type), a && te(a, t, i), ee(r, i), l && se(l, i.index, n), e.caption && ie(e.caption, o), ne(r, t, i.index, n), oe(r, s, i, n);
+  ae(r, i.type), a && ee(a, t, i), se(r, i), l && ie(l, i.index, n), e.caption && ne(e.caption, o), oe(r, t, i.index, n), re(r, s, i, n);
 }
-function te(e, t, s) {
+function ee(e, t, s) {
   if (t.toolbar === !1) return;
   e.classList.remove("glare-toolbar--expanded"), e.querySelector("[data-glare-more]")?.setAttribute("aria-expanded", "false");
-  const i = pt(t, s);
+  const i = mt(t, s);
   if (e.classList.toggle(T, !i), !i) return;
   const n = s.type === "image";
-  c("[data-glare-zoom]", e)?.classList.toggle(T, !n);
+  h("[data-glare-zoom]", e)?.classList.toggle(T, !n);
 }
-function ee(e, t) {
+function se(e, t) {
   const s = e.querySelector("[data-glare-download]");
   if (!s) return;
   const i = t.downloadSrc || (t.type === "image" ? t.src : "");
   s.classList.toggle(T, !i), i && (s.href = i);
 }
-function se(e, t, s) {
-  const i = c(".glare-infobar-index", e);
+function ie(e, t, s) {
+  const i = h(".glare-infobar-index", e);
   i && (i.textContent = `${t + 1} / ${s}`);
 }
-function ie(e, t) {
+function ne(e, t) {
   e.innerHTML = t, e.classList.toggle(T, !t);
 }
-function ne(e, t, s, i) {
+function oe(e, t, s, i) {
   const n = !t.loop && s === 0, o = !t.loop && s === i - 1;
-  X(c("[data-glare-prev]", e), n), X(c("[data-glare-next]", e), o);
+  X(h("[data-glare-prev]", e), n), X(h("[data-glare-next]", e), o);
 }
 function X(e, t) {
   e && (e.classList.toggle("glare-is-disabled", t), e.setAttribute("aria-disabled", String(t)));
 }
-function oe(e, t, s, i) {
-  const n = N(s.caption) || s.alt || t.LIGHTBOX, o = i > 1 ? `${n} (${s.index + 1} of ${i})` : n;
+function re(e, t, s, i) {
+  const n = Z(s.caption) || s.alt || t.LIGHTBOX, o = i > 1 ? `${n} (${s.index + 1} of ${i})` : n;
   e.setAttribute("aria-label", o);
-  const r = c(".glare-live", e);
+  const r = h(".glare-live", e);
   r && (r.textContent = o);
 }
-function re(e, t) {
+function ae(e, t) {
   const s = e.dataset.type;
   s && e.classList.remove(`glare-type-${s}`), e.dataset.type = t, e.classList.add(`glare-type-${t}`);
 }
-function ae(e, t, s, i) {
+function le(e, t, s, i) {
   e.classList.toggle("glare-can-zoom-out", s), e.classList.toggle("glare-can-zoom-in", !s && i);
-  const n = c("[data-glare-zoom]", e), o = s ? "out" : "in";
-  !n || n.dataset.state === o || (n.dataset.state = o, Z(n, s, s ? t.ZOOM_OUT : t.ZOOM, s ? u.zoomOut : u.zoomIn));
+  const n = h("[data-glare-zoom]", e), o = s ? "out" : "in";
+  !n || n.dataset.state === o || (n.dataset.state = o, j(n, s, s ? t.ZOOM_OUT : t.ZOOM, s ? c.zoomOut : c.zoomIn));
 }
-function Z(e, t, s, i) {
+function j(e, t, s, i) {
   e.setAttribute("title", s), e.setAttribute("aria-label", s), e.innerHTML = i, e.classList.toggle("glare-is-active", t);
 }
-class le {
+class ce {
   constructor(t, s, i) {
     this.glare = t, this.container = s, this.offs = [
-      h(document, "fullscreenchange", () => this.sync()),
-      h(document, "webkitfullscreenchange", () => this.sync())
+      f(document, "fullscreenchange", () => this.sync()),
+      f(document, "webkitfullscreenchange", () => this.sync())
     ], i.autoStart && this.request();
   }
   isFullscreen() {
@@ -470,43 +478,43 @@ class le {
   sync() {
     const t = this.isFullscreen();
     this.container.classList.toggle("glare-is-fullscreen", t);
-    const s = c("[data-glare-fullscreen]", this.container);
+    const s = h("[data-glare-fullscreen]", this.container);
     if (!s) return;
     const { dict: i } = this.glare;
-    Z(
+    j(
       s,
       t,
       t ? i.FULL_SCREEN_EXIT : i.FULL_SCREEN,
-      t ? u.fullscreenExit : u.fullscreen
+      t ? c.fullscreenExit : c.fullscreen
     );
   }
 }
 function G(e) {
   if (typeof e != "object" || e === null) return !1;
   const t = Object.getPrototypeOf(e);
-  return t === Object.prototype || t === null;
+  return t === null || Object.getPrototypeOf(t) === null;
 }
-function R(...e) {
+function F(...e) {
   const t = {};
   for (const s of e)
     if (s)
       for (const [i, n] of Object.entries(s)) {
         if (n === void 0) continue;
         const o = t[i];
-        t[i] = G(n) ? R(G(o) ? o : {}, n) : n;
+        t[i] = G(n) ? F(G(o) ? o : {}, n) : n;
       }
   return t;
 }
-function w(e, t, s) {
+function E(e, t, s) {
   return Math.min(s, Math.max(t, e));
 }
-const S = 1, F = 5, ce = 1.01;
-class he {
+const S = 1, H = 5, he = 1.01;
+class ue {
   constructor(t) {
     this.target = t, this.scale = S, this.x = 0, this.y = 0;
   }
   get isZoomed() {
-    return this.scale > ce;
+    return this.scale > he;
   }
   get state() {
     return { scale: this.scale, x: this.x, y: this.y };
@@ -521,7 +529,7 @@ class he {
   apply(t, s, i, n = 0) {
     const o = this.target.image();
     if (!o) return;
-    this.scale = w(t, S, F);
+    this.scale = E(t, S, H);
     const r = this.isZoomed ? this.bounded(s, i) : { x: 0, y: 0 };
     this.x = r.x, this.y = r.y, o.style.transitionDuration = `${n}ms`, o.style.transform = `translate3d(${this.x}px, ${this.y}px, 0) scale(${this.scale})`, this.target.onChange(this.isZoomed);
   }
@@ -532,7 +540,7 @@ class he {
   toActual(t, s = 300) {
     const i = this.target.image(), n = this.center();
     if (!i || !n) return;
-    const o = i.naturalWidth / Math.max(i.offsetWidth, 1), r = w(Math.max(o, 1.5), S, F), a = t?.x ?? n.x, l = t?.y ?? n.y;
+    const o = i.naturalWidth / Math.max(i.offsetWidth, 1), r = E(Math.max(o, 1.5), S, H), a = t?.x ?? n.x, l = t?.y ?? n.y;
     this.apply(r, (n.x - a) * (r - 1), (n.y - l) * (r - 1), s);
   }
   reset() {
@@ -544,17 +552,17 @@ class he {
     const i = this.target.image(), n = this.target.stage();
     if (!i || !n) return { x: t, y: s };
     const o = Math.max(0, (i.offsetWidth * this.scale - n.clientWidth) / 2), r = Math.max(0, (i.offsetHeight * this.scale - n.clientHeight) / 2);
-    return { x: w(t, -o, o), y: w(s, -r, r) };
+    return { x: E(t, -o, o), y: E(s, -r, r) };
   }
 }
-const ue = 6, V = 120, de = 100, fe = 0.5, pe = 80, me = 0.4, ge = "a, button, input, textarea, select, video, .glare-thumbs", Y = (e, t) => Math.hypot(e.x - t.x, e.y - t.y), K = (e, t) => ({ x: (e.x + t.x) / 2, y: (e.y + t.y) / 2 }), I = (e) => ({ x: e.clientX, y: e.clientY });
-class be {
+const de = 6, Y = 120, fe = 100, pe = 0.5, me = 80, ge = 0.4, be = "a, button, input, textarea, select, video, .glare-thumbs", K = (e, t) => Math.hypot(e.x - t.x, e.y - t.y), Q = (e, t) => ({ x: (e.x + t.x) / 2, y: (e.y + t.y) / 2 }), O = (e) => ({ x: e.clientX, y: e.clientY });
+class ye {
   constructor(t, s) {
     this.stage = t, this.host = s, this.pointers = /* @__PURE__ */ new Map(), this.mode = "idle", this.moved = !1, this.start = [], this.startTime = 0, this.startZoom = { scale: 1, x: 0, y: 0 }, this.startMid = { x: 0, y: 0 }, this.startDistance = 0, this.offs = [
-      h(t, "pointerdown", (i) => this.onDown(i)),
-      h(window, "pointermove", (i) => this.onMove(i), { passive: !1 }),
-      h(window, "pointerup", (i) => this.onUp(i)),
-      h(window, "pointercancel", (i) => this.onUp(i))
+      f(t, "pointerdown", (i) => this.onDown(i)),
+      f(window, "pointermove", (i) => this.onMove(i), { passive: !1 }),
+      f(window, "pointerup", (i) => this.onUp(i)),
+      f(window, "pointercancel", (i) => this.onUp(i))
     ];
   }
   destroy() {
@@ -566,19 +574,19 @@ class be {
     return this.moved = !1, t;
   }
   onDown(t) {
-    t.pointerType === "mouse" && t.button !== 0 || t.target.closest(ge) || (this.pointers.set(t.pointerId, I(t)), this.pointers.size <= 2 && this.begin());
+    t.pointerType === "mouse" && t.button !== 0 || t.target.closest(be) || (this.pointers.set(t.pointerId, O(t)), this.pointers.size <= 2 && this.begin());
   }
   onMove(t) {
-    this.pointers.has(t.pointerId) && (this.pointers.set(t.pointerId, I(t)), this.move(t));
+    this.pointers.has(t.pointerId) && (this.pointers.set(t.pointerId, O(t)), this.move(t));
   }
   onUp(t) {
-    this.pointers.has(t.pointerId) && (this.pointers.delete(t.pointerId), this.pointers.size === 0 ? this.end(I(t)) : this.begin());
+    this.pointers.has(t.pointerId) && (this.pointers.delete(t.pointerId), this.pointers.size === 0 ? this.end(O(t)) : this.begin());
   }
   /** Anchors a new gesture on the currently pressed pointers. */
   begin() {
     this.mode === "swipe" && this.releaseStage();
     const t = [...this.pointers.values()];
-    this.start = t, this.startTime = performance.now(), this.startZoom = this.host.zoom.state, this.mode = t.length >= 2 ? "pinch" : "idle", t.length >= 2 && (this.startDistance = Y(t[0], t[1]), this.startMid = K(t[0], t[1]));
+    this.start = t, this.startTime = performance.now(), this.startZoom = this.host.zoom.state, this.mode = t.length >= 2 ? "pinch" : "idle", t.length >= 2 && (this.startDistance = K(t[0], t[1]), this.startMid = Q(t[0], t[1]));
   }
   move(t) {
     const s = [...this.pointers.values()];
@@ -588,7 +596,7 @@ class be {
       return;
     }
     const i = s[0].x - this.start[0].x, n = s[0].y - this.start[0].y;
-    if (!(!this.moved && Math.hypot(i, n) < ue)) {
+    if (!(!this.moved && Math.hypot(i, n) < de)) {
       if (this.moved = !0, this.mode === "idle" && (this.mode = this.host.zoom.isZoomed && this.host.canPan() ? "pan" : "swipe"), this.mode === "pan")
         t.preventDefault(), this.host.zoom.apply(this.startZoom.scale, this.startZoom.x + i, this.startZoom.y + n);
       else if (this.mode === "swipe") {
@@ -600,10 +608,10 @@ class be {
   }
   /** Scales around the pinch midpoint so the content under the fingers stays put. */
   pinch(t, s) {
-    const { zoom: i } = this.host, n = K(t, s), o = i.center() ?? n, r = w(
-      this.startZoom.scale * Y(t, s) / (this.startDistance || 1),
+    const { zoom: i } = this.host, n = Q(t, s), o = i.center() ?? n, r = E(
+      this.startZoom.scale * K(t, s) / (this.startDistance || 1),
       S,
-      F
+      H
     ), a = (this.startMid.x - o.x - this.startZoom.x) / this.startZoom.scale, l = (this.startMid.y - o.y - this.startZoom.y) / this.startZoom.scale;
     i.apply(r, n.x - o.x - r * a, n.y - o.y - r * l);
   }
@@ -614,7 +622,7 @@ class be {
       this.releaseStage(), this.finishSwipe(i, n, o);
     else if (this.mode === "pan" && this.host.touch.momentum !== !1) {
       const { zoom: r } = this.host;
-      r.apply(r.scale, r.x + o.x * V, r.y + o.y * V, 250);
+      r.apply(r.scale, r.x + o.x * Y, r.y + o.y * Y, 250);
     }
     this.mode = "idle", this.start = [], this.moved && setTimeout(() => this.moved = !1, 0);
   }
@@ -622,7 +630,7 @@ class be {
   dragStage(t, s) {
     this.stage.style.transitionDuration = "0ms", this.stage.style.transform = `translate3d(${t}px, ${s}px, 0)`;
     const { bg: i } = this.host;
-    i && (i.style.transitionDuration = "0ms", i.style.opacity = String(w(1 - Math.abs(s) / 400, 0.35, 1)));
+    i && (i.style.transitionDuration = "0ms", i.style.opacity = String(E(1 - Math.abs(s) / 400, 0.35, 1)));
   }
   releaseStage() {
     this.stage.style.transitionDuration = "", this.stage.style.transform = "";
@@ -632,35 +640,35 @@ class be {
   /** A long or fast vertical swipe closes; a horizontal one navigates. */
   finishSwipe(t, s, i) {
     if (Math.abs(s) > Math.abs(t)) {
-      (Math.abs(s) > de || Math.abs(i.y) > fe) && this.host.close();
+      (Math.abs(s) > fe || Math.abs(i.y) > pe) && this.host.close();
       return;
     }
-    (Math.abs(t) > pe || Math.abs(i.x) > me) && (t < 0 ? this.host.next() : this.host.prev());
+    (Math.abs(t) > me || Math.abs(i.x) > ge) && (t < 0 ? this.host.next() : this.host.prev());
   }
 }
-const ye = /^(.+)-(\d+)$/;
-function H(e = window.location.hash) {
-  const t = e.replace(/^#/, "").match(ye);
+const xe = /^(.+)-(\d+)$/;
+function P(e = window.location.hash) {
+  const t = e.replace(/^#/, "").match(xe);
   return t ? { gallery: t[1], index: Math.max(0, parseInt(t[2], 10) - 1) } : null;
 }
-function Q(e, t) {
+function J(e, t) {
   return `${e}-${t + 1}`;
 }
 class ve {
   constructor(t, s) {
-    this.glare = t, this.gallery = s, this.pushed = !1, this.off = h(window, "hashchange", () => this.onHashChange());
-    const i = Q(s, t.currIndex);
-    J() !== i && (window.history.pushState(null, "", `#${i}`), this.pushed = !0);
+    this.glare = t, this.gallery = s, this.pushed = !1, this.off = f(window, "hashchange", () => this.onHashChange());
+    const i = J(s, t.currIndex);
+    tt() !== i && (window.history.pushState(null, "", `#${i}`), this.pushed = !0);
   }
   update(t = this.glare.currIndex) {
-    const s = Q(this.gallery, t);
-    J() !== s && this.replace(`#${s}`);
+    const s = J(this.gallery, t);
+    tt() !== s && this.replace(`#${s}`);
   }
   destroy() {
-    this.off(), H()?.gallery === this.gallery && (this.pushed ? window.history.back() : this.replace(""));
+    this.off(), P()?.gallery === this.gallery && (this.pushed ? window.history.back() : this.replace(""));
   }
   onHashChange() {
-    const t = H();
+    const t = P();
     !t || t.gallery !== this.gallery ? (this.pushed = !1, this.glare.close()) : t.index !== this.glare.currIndex && this.glare.jumpTo(t.index);
   }
   replace(t) {
@@ -668,10 +676,10 @@ class ve {
     window.history.replaceState(null, "", `${s}${i}${t}`);
   }
 }
-const J = () => window.location.hash.replace(/^#/, "");
-class xe {
+const tt = () => window.location.hash.replace(/^#/, "");
+class we {
   constructor(t, s, i) {
-    this.glare = t, this.container = s, this.opts = i, this.timer = null, this.active = !1, this.bar = c(".glare-progress", s), this.button = c("[data-glare-slideshow]", s), i.autoStart && this.start();
+    this.glare = t, this.container = s, this.opts = i, this.timer = null, this.active = !1, this.bar = h(".glare-progress", s), this.button = h("[data-glare-slideshow]", s), i.autoStart && this.start();
   }
   isActive() {
     return this.active;
@@ -692,13 +700,13 @@ class xe {
     this.stop();
   }
   get speed() {
-    return this.opts.speed ?? _.speed;
+    return this.opts.speed ?? N.speed;
   }
   get atEnd() {
     return !this.glare.opts.loop && this.glare.currIndex === this.glare.group.length - 1;
   }
   schedule() {
-    this.clearTimer(), this.setProgress(0), dt() || (this.bar?.offsetWidth, this.setProgress(1)), this.timer = setTimeout(() => this.atEnd ? this.stop() : this.glare.next(), this.speed);
+    this.clearTimer(), this.setProgress(0), ft() || (this.bar?.offsetWidth, this.setProgress(1)), this.timer = setTimeout(() => this.atEnd ? this.stop() : this.glare.next(), this.speed);
   }
   clearTimer() {
     this.timer && clearTimeout(this.timer), this.timer = null;
@@ -709,15 +717,30 @@ class xe {
   syncButton() {
     if (!this.button) return;
     const { dict: t } = this.glare;
-    Z(
+    j(
       this.button,
       this.active,
       this.active ? t.PLAY_STOP : t.PLAY_START,
-      this.active ? u.pause : u.play
+      this.active ? c.pause : c.play
     );
   }
 }
-class we {
+const Ee = {
+  image: c.thumbImage,
+  video: c.thumbVideo,
+  embed: c.thumbEmbed,
+  iframe: c.thumbIframe,
+  inline: c.thumbInline,
+  ajax: c.thumbAjax,
+  html: c.thumbHtml
+};
+function Te(e) {
+  return e.thumb || (e.type === "video" ? e.poster : "") || (e.type === "image" ? e.src : "");
+}
+function et(e, t) {
+  e.classList.add("glare-thumbs-item--placeholder"), e.innerHTML = Ee[t] ?? c.thumbSlide;
+}
+class Se {
   constructor(t, s, i) {
     this.glare = t, this.container = s, this.opts = i, this.isActive = !1, this.offs = [], this.axis = i.axis === "y" ? "y" : "x", this.list = m("div", "glare-thumbs-list"), this.strip = m("div", `glare-thumbs glare-thumbs--${this.axis}`), this.strip.style.setProperty("--glare-thumbs-fit", i.fit ?? "cover"), this.strip.appendChild(this.list), this.build();
   }
@@ -732,7 +755,7 @@ class we {
   }
   /** Highlights the thumbnail for `index` and scrolls it into view. */
   focus(t = this.glare.currIndex) {
-    for (const s of $(".glare-thumbs-item", this.list))
+    for (const s of I(".glare-thumbs-item", this.list))
       s.classList.toggle("glare-is-active", Number(s.dataset.index) === t);
     this.list.querySelector(".glare-is-active")?.scrollIntoView({ block: "nearest", inline: "nearest", behavior: "smooth" });
   }
@@ -741,7 +764,7 @@ class we {
   }
   setActive(t) {
     this.isActive = t, this.strip.classList.toggle("glare-thumbs--active", t), this.container.classList.toggle("glare-show-thumbs", t);
-    const s = c("[data-glare-thumbs]", this.container);
+    const s = h("[data-glare-thumbs]", this.container);
     s?.classList.toggle("glare-is-active", t), s?.setAttribute("aria-expanded", String(t));
   }
   build() {
@@ -750,27 +773,27 @@ class we {
     this.container.classList.add(`glare-thumbs-axis-${this.axis}`);
     for (const n of t) {
       const o = m("button", "glare-thumbs-item");
-      o.type = "button", o.dataset.index = String(n.index), o.setAttribute("aria-label", b(s.GO_TO_SLIDE, { index: String(n.index + 1) }));
-      const r = n.thumb || (n.type === "image" ? n.src : "");
+      o.type = "button", o.dataset.index = String(n.index), o.setAttribute("aria-label", x(s.GO_TO_SLIDE, { index: String(n.index + 1) }));
+      const r = Te(n);
       if (r) {
         const a = m("img");
-        a.src = r, a.alt = n.alt || N(n.caption), a.loading = "lazy", o.appendChild(a);
+        a.src = r, a.alt = n.alt || Z(n.caption), a.loading = "lazy", a.onerror = () => et(o, n.type), o.appendChild(a);
       } else
-        o.textContent = String(n.index + 1);
-      this.list.appendChild(o), this.offs.push(h(o, "click", () => this.glare.jumpTo(n.index)));
+        et(o, n.type);
+      this.list.appendChild(o), this.offs.push(f(o, "click", () => this.glare.jumpTo(n.index)));
     }
-    (ht(this.opts.parentEl, this.container) ?? this.container).appendChild(this.strip), this.opts.autoStart && this.show(), this.focus();
+    (ut(this.opts.parentEl, this.container) ?? this.container).appendChild(this.strip), this.opts.autoStart && this.show(), this.focus();
   }
 }
-const Ee = 40, Te = 150, Se = 16;
-class Le {
+const Me = 40, Le = 150, Ce = 16;
+class $e {
   constructor(t, s) {
-    this.distance = 0, this.fired = !1, this.settle = null, this.off = h(
+    this.distance = 0, this.fired = !1, this.settle = null, this.off = f(
       t,
       "wheel",
       (i) => {
         const n = s.current();
-        !n || i.deltaY === 0 || s.mode === "auto" && n.type !== "image" || n.type === "image" && s.isZoomed() || (i.preventDefault(), this.restartSettle(), !this.fired && (this.distance += Me(i, t), !(Math.abs(this.distance) < Ee) && (this.fired = !0, this.distance > 0 ? s.next() : s.prev())));
+        !n || i.deltaY === 0 || s.mode === "auto" && n.type !== "image" || n.type === "image" && s.isZoomed() || (i.preventDefault(), this.restartSettle(), !this.fired && (this.distance += Ie(i, t), !(Math.abs(this.distance) < Me) && (this.fired = !0, this.distance > 0 ? s.next() : s.prev())));
       },
       { passive: !1 }
     );
@@ -781,14 +804,14 @@ class Le {
   restartSettle() {
     this.settle && clearTimeout(this.settle), this.settle = setTimeout(() => {
       this.distance = 0, this.fired = !1;
-    }, Te);
+    }, Le);
   }
 }
-function Me(e, t) {
-  return e.deltaMode === WheelEvent.DOM_DELTA_LINE ? e.deltaY * Se : e.deltaMode === WheelEvent.DOM_DELTA_PAGE ? e.deltaY * t.clientHeight : e.deltaY;
+function Ie(e, t) {
+  return e.deltaMode === WheelEvent.DOM_DELTA_LINE ? e.deltaY * Ce : e.deltaMode === WheelEvent.DOM_DELTA_PAGE ? e.deltaY * t.clientHeight : e.deltaY;
 }
-function C(e) {
-  const t = dt(), s = t || !e.animationEffect ? 0 : Math.max(0, e.animationDuration), i = t || !e.transitionEffect ? 0 : Math.max(0, e.transitionDuration);
+function $(e) {
+  const t = ft(), s = t || !e.animationEffect ? 0 : Math.max(0, e.animationDuration), i = t || !e.transitionEffect ? 0 : Math.max(0, e.transitionDuration);
   return {
     animationEffect: s ? e.animationEffect : !1,
     animationDuration: s,
@@ -796,76 +819,78 @@ function C(e) {
     transitionDuration: i
   };
 }
-function Ce(e, t) {
-  const s = C(t);
+function Oe(e, t) {
+  const s = $(t);
   e.dataset.animation = s.animationEffect || "none", e.style.setProperty("--glare-duration", `${s.animationDuration}ms`), e.style.setProperty("--glare-transition-duration", `${s.transitionDuration}ms`);
 }
-function $e(e, t) {
-  e.dataset.transition = C(t).transitionEffect || "none";
+function Ae(e, t) {
+  e.dataset.transition = $(t).transitionEffect || "none";
 }
-const Oe = /^(top|center|bottom)-(left|center|right)$/, tt = { top: 0, left: 0, center: 0.5, bottom: 1, right: 1 };
-function Ie(e, t, s) {
-  const i = typeof s == "string" ? Oe.exec(s) : null;
+const De = /^(top|center|bottom)-(left|center|right)$/, st = { top: 0, left: 0, center: 0.5, bottom: 1, right: 1 };
+function ke(e, t, s) {
+  const i = typeof s == "string" ? De.exec(s) : null;
   if (i) {
-    const r = e.getBoundingClientRect(), a = r.left + r.width * tt[i[2]], l = r.top + r.height * tt[i[1]];
-    return new DOMRect(a, l, 0, 0);
+    const u = e.getBoundingClientRect(), g = u.left + u.width * st[i[2]], M = u.top + u.height * st[i[1]];
+    return new DOMRect(g, M, 0, 0);
   }
-  const n = (r) => r?.getClientRects().length ? r : null, o = s !== "trigger" && n(ht(s)) || n(t.$trigger);
-  return o ? o.getBoundingClientRect() : null;
+  const n = (u) => u?.getClientRects().length ? u : null, o = s !== "trigger" && n(ut(s)) || n(t.$trigger);
+  if (!o) return null;
+  const r = o.getBoundingClientRect(), l = (o.ownerDocument === e.ownerDocument ? null : o.ownerDocument.defaultView?.frameElement)?.getBoundingClientRect();
+  return l ? new DOMRect(r.x + l.x, r.y + l.y, r.width, r.height) : r;
 }
-function Ae(e, t, s) {
+function Re(e, t, s) {
   const i = t.$image;
   if (e.dataset.animation !== "zoom" || !i) return;
-  const n = Ie(e, t, s.anchor);
+  const n = ke(e, t, s.anchor);
   if (!n) return;
   const o = i.getBoundingClientRect(), r = Math.max(n.width / Math.max(o.width, 1), n.height / Math.max(o.height, 1)), a = n.left + n.width / 2 - (o.left + o.width / 2), l = n.top + n.height / 2 - (o.top + o.height / 2);
   Object.assign(i.style, {
     transform: `translate3d(${a}px, ${l}px, 0) scale(${r})`,
     opacity: s.zoomOpacity ? "0.2" : "1",
     transitionDuration: "0ms"
-  }), ut(() => {
+  }), dt(() => {
     Object.assign(i.style, { transform: "", opacity: "", transitionDuration: "" });
   });
 }
-function mt(e) {
-  const t = R(lt, e);
-  return _t() && t.mobile ? R(t, t.mobile) : t;
+function gt(e) {
+  const t = F(R, e);
+  return Nt() && t.mobile ? F(t, t.mobile) : t;
 }
 function A(e, t) {
   return e ? e === !0 ? { ...t } : { ...t, ...e } : null;
 }
-const M = [], P = (e) => e.getAttribute("data-glare") ?? "";
-function De(e) {
-  return typeof e == "string" ? $(e) : e instanceof HTMLElement ? [e] : Array.from(e);
+const C = [], z = (e) => e.getAttribute("data-glare") ?? "";
+function Fe(e) {
+  return typeof e == "string" ? I(e) : e instanceof HTMLElement ? [e] : Array.from(e);
 }
-function ke(e, t, s) {
-  const i = De(e), n = (a) => {
-    const l = P(a), d = l ? i.filter((E) => P(E) === l) : [a];
-    s(d, d.indexOf(a), l);
+function He(e, t, s) {
+  const i = Fe(e), n = (a) => {
+    const l = z(a), u = l ? i.filter((g) => z(g) === l) : [a];
+    s(u, u.indexOf(a), l);
   }, o = i.map(
-    (a) => h(a, "click", (l) => {
+    (a) => f(a, "click", (l) => {
       l.preventDefault(), n(a);
     })
   ), r = {
     elements: i,
     destroy() {
       o.forEach((l) => l());
-      const a = M.indexOf(r);
-      a >= 0 && M.splice(a, 1);
+      const a = C.indexOf(r);
+      a >= 0 && C.splice(a, 1);
     }
   };
-  return M.push(r), mt(t).hash && Fe(i, n), r;
+  return C.push(r), gt(t).hash && ze(i, n), r;
 }
-function Re() {
-  for (const e of [...M]) e.destroy();
+function Pe() {
+  for (const e of [...C]) e.destroy();
 }
-function Fe(e, t) {
-  const s = H();
+function ze(e, t) {
+  const s = P();
   if (!s) return;
-  const n = e.filter((o) => P(o) === s.gallery)[s.index];
+  const n = e.filter((o) => z(o) === s.gallery)[s.index];
   n && t(n);
 }
-class He {
+class _e {
   constructor(t, s) {
     this.seconds = t, this.onIdle = s, this.timer = null;
   }
@@ -876,27 +901,27 @@ class He {
     this.timer && clearTimeout(this.timer), this.timer = null;
   }
 }
-const y = [], g = {
+const v = [], b = {
   add(e) {
-    y.push(e);
+    v.push(e);
   },
   remove(e) {
-    const t = y.indexOf(e);
-    t >= 0 && y.splice(t, 1);
+    const t = v.indexOf(e);
+    t >= 0 && v.splice(t, 1);
   },
   top() {
-    return y[y.length - 1] ?? null;
+    return v[v.length - 1] ?? null;
   },
   get(e) {
-    return y.find((t) => t.id === e) ?? null;
+    return v.find((t) => t.id === e) ?? null;
   },
   all() {
-    return [...y];
+    return [...v];
   },
   get size() {
-    return y.length;
+    return v.length;
   }
-}, Pe = [
+}, Ne = [
   ["[data-glare-close]", (e) => e.close()],
   ["[data-glare-next]", (e) => e.next()],
   ["[data-glare-prev]", (e) => e.prev()],
@@ -904,13 +929,13 @@ const y = [], g = {
   ["[data-glare-slideshow]", (e) => e.slideshow?.toggle()],
   ["[data-glare-thumbs]", (e) => e.thumbs?.toggle()],
   ["[data-glare-fullscreen]", (e) => e.fullscreen?.toggle()]
-], ze = ".glare-content", _e = ".glare-slide, .glare-stage", Ne = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])', Ze = /* @__PURE__ */ new Set(["INPUT", "TEXTAREA", "SELECT"]), Be = 300;
-function qe(e, t, s) {
+], Ze = ".glare-content", je = ".glare-slide, .glare-stage", Be = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])', qe = /* @__PURE__ */ new Set(["INPUT", "TEXTAREA", "SELECT"]), We = 300;
+function Ue(e, t, s) {
   let i = null;
   const n = () => {
     i && clearTimeout(i), i = null;
   }, o = [
-    h(t, "click", (r) => {
+    f(t, "click", (r) => {
       if (e.consumeGesture()) return;
       const a = r.target, l = a.closest("[data-glare-more]");
       if (l) {
@@ -918,54 +943,54 @@ function qe(e, t, s) {
         L?.classList.toggle("glare-toolbar--expanded", B), l.setAttribute("aria-expanded", String(B));
         return;
       }
-      bt(t);
-      const d = a.closest("[data-glare-custom]");
-      if (d) return je(e, d.dataset.glareCustom, r);
-      const E = Pe.find(([L]) => a.closest(L));
-      if (E) return E[1](e);
+      yt(t);
+      const u = a.closest("[data-glare-custom]");
+      if (u) return Ve(e, u.dataset.glareCustom, r);
+      const g = Ne.find(([L]) => a.closest(L));
+      if (g) return g[1](e);
       if (a.closest(".glare-button")) return;
-      const O = D(e, a, "click");
-      if (O) {
-        if (!gt(e, D(e, a, "dblclick"), r))
-          return k(e, O, r);
-        n(), i = setTimeout(() => k(e, O, r), Be);
+      const M = D(e, a, "click");
+      if (M) {
+        if (!bt(e, D(e, a, "dblclick"), r))
+          return k(e, M, r);
+        n(), i = setTimeout(() => k(e, M, r), We);
       }
     }),
-    h(t, "dblclick", (r) => {
+    f(t, "dblclick", (r) => {
       n();
       const a = r.target;
       a.closest(".glare-button") || k(e, D(e, a, "dblclick"), r);
     }),
-    h(document, "keydown", (r) => We(e, r)),
-    h(document, "keydown", s),
-    h(document, "click", s, { capture: !0 }),
-    h(document, "mousemove", s),
-    h(document, "touchstart", s, { passive: !0 })
+    f(document, "keydown", (r) => Xe(e, r)),
+    f(document, "keydown", s),
+    f(document, "click", s, { capture: !0 }),
+    f(document, "mousemove", s),
+    f(document, "touchstart", s, { passive: !0 })
   ];
-  return e.opts.trapFocus && o.push(h(t, "keydown", (r) => Ue(t, r))), e.opts.protect && o.push(
-    h(t, "contextmenu", (r) => r.preventDefault()),
-    h(t, "dragstart", (r) => {
+  return e.opts.trapFocus && o.push(f(t, "keydown", (r) => Ge(t, r))), e.opts.protect && o.push(
+    f(t, "contextmenu", (r) => r.preventDefault()),
+    f(t, "dragstart", (r) => {
       r.target.tagName === "IMG" && r.preventDefault();
     })
   ), () => {
     n(), o.forEach((r) => r());
   };
 }
-function je(e, t, s) {
+function Ve(e, t, s) {
   const i = e.opts.buttons.find((n) => typeof n != "string" && n.name === t);
   i && e.current && i.click(e, e.current, s);
 }
 function D(e, t, s) {
   const { opts: i } = e;
-  if (t.closest(ze)) return s === "click" ? i.clickContent : i.dblclickContent;
-  if (!(i.modal || !t.closest(_e)))
+  if (t.closest(Ze)) return s === "click" ? i.clickContent : i.dblclickContent;
+  if (!(i.modal || !t.closest(je)))
     return s === "click" ? i.clickSlide : i.dblclickSlide;
 }
-function gt(e, t, s) {
+function bt(e, t, s) {
   return !t || !e.current ? !1 : typeof t == "function" ? t(e.current, s) : t;
 }
 function k(e, t, s) {
-  switch (gt(e, t, s)) {
+  switch (bt(e, t, s)) {
     case "close":
       return e.close();
     case "next":
@@ -980,15 +1005,15 @@ function k(e, t, s) {
     }
   }
 }
-function We(e, t) {
-  if (g.top() !== e) return;
-  if (t.key === "Escape" && bt(e.$refs?.container ?? null)) {
+function Xe(e, t) {
+  if (b.top() !== e) return;
+  if (t.key === "Escape" && yt(e.$refs?.container ?? null)) {
     t.preventDefault();
     return;
   }
   if (!e.opts.keyboard || e.opts.modal) return;
   const s = t.target;
-  if (!Ze.has(s.tagName) && !(t.key === " " && s.closest("button")))
+  if (!qe.has(s.tagName) && !(t.key === " " && s.closest("button")))
     switch (t.key) {
       case "Escape":
         return t.preventDefault(), e.close();
@@ -1005,57 +1030,57 @@ function We(e, t) {
         return e.fullscreen?.toggle();
     }
 }
-function bt(e) {
+function yt(e) {
   const t = e?.querySelector(".glare-toolbar--expanded");
   return t ? (t.classList.remove("glare-toolbar--expanded"), t.querySelector("[data-glare-more]")?.setAttribute("aria-expanded", "false"), !0) : !1;
 }
-function Ue(e, t) {
+function Ge(e, t) {
   if (t.key !== "Tab") return;
-  const s = $(Ne, e).filter(
+  const s = I(Be, e).filter(
     (o) => !o.hasAttribute("disabled") && o.offsetParent !== null && getComputedStyle(o).visibility !== "hidden"
   );
   if (!s.length) return;
   const i = s[0], n = s[s.length - 1];
   t.shiftKey && document.activeElement === i ? (t.preventDefault(), n.focus()) : !t.shiftKey && document.activeElement === n && (t.preventDefault(), i.focus());
 }
-const Xe = 1200, et = 16 / 9;
-function Ge(e, t, s) {
+const Ye = 1200, it = 16 / 9;
+function Ke(e, t, s) {
   if (t && s) return t / s;
-  const i = String(e.ratio || et).replace(":", "/"), [n, o = "1"] = i.split("/").map((l) => l.trim()), r = parseFloat(n), a = parseFloat(o);
-  return r > 0 && a > 0 ? r / a : et;
+  const i = String(e.ratio || it).replace(":", "/"), [n, o = "1"] = i.split("/").map((l) => l.trim()), r = parseFloat(n), a = parseFloat(o);
+  return r > 0 && a > 0 ? r / a : it;
 }
-function st(e, t, s) {
+function nt(e, t, s) {
   if (!e) return 0;
   if (typeof e == "number") return e;
   const i = e.trim(), n = parseFloat(i);
   return n > 0 ? i.endsWith("%") ? t * n / 100 : i.endsWith("vw") || i.endsWith("vh") ? s * n / 100 : n : 0;
 }
-function it(e, t) {
+function ot(e, t) {
   const s = t.parentElement;
   if (!s) return;
   const i = getComputedStyle(s), n = s.clientWidth - parseFloat(i.paddingLeft) - parseFloat(i.paddingRight), o = s.clientHeight - parseFloat(i.paddingTop) - parseFloat(i.paddingBottom);
   if (!(n > 0 && o > 0)) return;
   const r = e.width !== void 0 && e.height !== void 0;
-  let a = r ? st(e.width, n, innerWidth) : n, l = r ? st(e.height, o, innerHeight) : o;
-  const d = Ge(e, r ? a : void 0, r ? l : void 0), E = Math.min(1, n / a, o / l);
-  a *= E, l *= E, l > a / d ? l = a / d : a > l * d && (a = l * d), t.style.width = `${a}px`, t.style.height = `${l}px`, t.style.aspectRatio = String(d);
+  let a = r ? nt(e.width, n, innerWidth) : n, l = r ? nt(e.height, o, innerHeight) : o;
+  const u = Ke(e, r ? a : void 0, r ? l : void 0), g = Math.min(1, n / a, o / l);
+  a *= g, l *= g, l > a / u ? l = a / u : a > l * u && (a = l * u), t.style.width = `${a}px`, t.style.height = `${l}px`, t.style.aspectRatio = String(u);
 }
-function Ve(e, t) {
-  if (it(e, t), typeof ResizeObserver > "u" || !t.parentElement) return;
+function Qe(e, t) {
+  if (ot(e, t), typeof ResizeObserver > "u" || !t.parentElement) return;
   const s = new ResizeObserver(() => {
     if (!t.isConnected) return s.disconnect();
-    it(e, t);
+    ot(e, t);
   });
   s.observe(t.parentElement);
 }
-const Ye = (e, t, s) => new Promise((i, n) => {
+const Je = (e, t, s) => new Promise((i, n) => {
   const o = m("img", "glare-image");
-  o.alt = e.alt || N(e.caption), o.decoding = "async", o.draggable = !1, s.protect && (o.style.pointerEvents = "none"), o.onload = () => {
+  o.alt = e.alt || Z(e.caption), o.decoding = "async", o.draggable = !1, s.protect && (o.style.pointerEvents = "none"), o.onload = () => {
     e.$image = o, e.contentWidth = o.naturalWidth, e.contentHeight = o.naturalHeight, t.appendChild(o), i();
   }, o.onerror = () => n(new Error(`Failed to load image: ${e.src}`)), o.src = e.src;
-}), Ke = (e, t, s, i) => {
-  const n = e.format || s.video.format || Rt(e.src);
-  t.innerHTML = b(s.video.tpl, {
+}), ts = (e, t, s, i) => {
+  const n = e.format || s.video.format || Ft(e.src);
+  t.innerHTML = x(s.video.tpl, {
     ...i,
     src: e.src,
     format: n,
@@ -1064,58 +1089,65 @@ const Ye = (e, t, s) => new Promise((i, n) => {
   const o = t.querySelector("video");
   o && (e.autoStart ?? s.video.autoStart) && o.play().catch(() => {
   });
-}, nt = (e, t, s) => new Promise((i) => {
+}, rt = (e, t, s) => new Promise((i) => {
   const n = s.iframe, o = m("div", "glare-iframe-wrap", n.tpl), r = o.querySelector("iframe");
   if (!r) throw new Error("Iframe template must contain an <iframe>");
   for (const [a, l] of Object.entries(n.attr)) r.setAttribute(a, l);
-  if (Object.assign(r.style, n.css), t.appendChild(o), e.type === "embed" ? Ve(e, t) : (e.width && (o.style.width = j(e.width)), e.height && (o.style.height = j(e.height))), !n.preload) {
+  if (Object.assign(r.style, n.css), t.appendChild(o), e.type === "embed" ? Qe(e, t) : (e.width && (o.style.width = W(e.width)), e.height && (o.style.height = W(e.height))), !n.preload) {
     r.src = e.src, i();
     return;
   }
-  r.onload = () => i(), r.src = e.src, setTimeout(i, Xe);
-}), Qe = (e, t) => {
-  const s = e.src ? c(e.src) : null;
+  r.onload = () => i(), r.src = e.src, setTimeout(i, Ye);
+}), es = (e, t) => {
+  const s = e.src ? h(e.src) : null;
   if (!s) throw new Error(`Inline target not found: ${e.src}`);
   const i = s.cloneNode(!0);
   i.removeAttribute("id"), i.hidden = !1, i.style.display = "", t.appendChild(i);
-}, Je = async (e, t, s) => {
+}, ss = async (e, t, s) => {
   const i = await fetch(e.src, s.ajax.settings);
   if (!i.ok) throw new Error(`Request failed: ${i.status} ${e.src}`);
   t.innerHTML = await i.text();
-}, ts = (e, t) => {
-  e.content instanceof HTMLElement ? t.appendChild(e.content) : t.innerHTML = e.html ?? e.content ?? e.src;
-}, es = { image: Ye, video: Ke, embed: nt, iframe: nt, inline: Qe, ajax: Je, html: ts };
-async function ss(e, t, s, i) {
-  t.innerHTML = "", t.className = `glare-content glare-content--${e.type}`, await es[e.type](e, t, s, i), e.isLoaded = !0;
+}, is = (e, t) => {
+  e.content && typeof e.content == "object" ? t.appendChild(e.content) : t.innerHTML = e.html ?? e.content ?? e.src;
+}, ns = { image: Je, video: ts, embed: rt, iframe: rt, inline: es, ajax: ss, html: is };
+async function os(e, t, s, i) {
+  t.innerHTML = "", t.className = `glare-content glare-content--${e.type}`, await ns[e.type](e, t, s, i), e.isLoaded = !0;
 }
-function is(e, t) {
+function rs(e, t) {
   for (const s of [e[t - 1], e[t + 1]])
     s?.type === "image" && s.src && (new Image().src = s.src);
 }
-let ns = 0;
-const x = class x {
+let as = 0;
+function ls(e) {
+  try {
+    return e?.Glare;
+  } catch {
+    return;
+  }
+}
+const y = class y {
   constructor(t, s = {}, i = 0, n = "") {
-    this.id = ++ns, this.current = null, this.currIndex = 0, this.prevIndex = 0, this.isActive = !1, this.isClosing = !1, this.isIdle = !1, this.$refs = null, this.hash = null, this.gestures = null, this.wheel = null, this.cleanups = [], this.captionTracker = null, this.previouslyFocused = null, this.direction = 1, this.opts = mt(s), this.dict = yt(this.opts), this.group = Ht(t, this.opts), this.galleryName = n, this.currIndex = this.clampIndex(i), this.zoom = new he({
+    this.id = ++as, this.current = null, this.currIndex = 0, this.prevIndex = 0, this.isActive = !1, this.isClosing = !1, this.isIdle = !1, this.$refs = null, this.hash = null, this.gestures = null, this.wheel = null, this.cleanups = [], this.captionTracker = null, this.previouslyFocused = null, this.direction = 1, this.opts = gt(s), this.dict = xt(this.opts), this.group = Pt(t, this.opts), this.galleryName = n, this.currIndex = this.clampIndex(i), this.zoom = new ue({
       image: () => this.current?.$image ?? null,
       stage: () => this.$refs?.stage ?? null,
       onChange: (o) => this.syncZoomState(o)
-    }), this.idle = new He(this.opts.modal ? !1 : this.opts.idleTime, () => this.toggleControls(!0));
+    }), this.idle = new _e(this.opts.modal ? !1 : this.opts.idleTime, () => this.toggleControls(!0));
   }
   open(t = this.currIndex) {
     if (this.isActive) return this.jumpTo(t);
     if (!this.group.length) return;
-    this.opts.closeExisting && x.close(!0), this.currIndex = this.clampIndex(t), this.current = this.group[this.currIndex], this.previouslyFocused = document.activeElement instanceof HTMLElement ? document.activeElement : null, this.emit("onInit");
-    const s = Nt(this.opts, this.dict, this.id, this.group.length), { container: i } = s;
-    this.$refs = s, Ce(i, this.opts), this.syncChrome(), this.resolveParent().appendChild(i), this.captionTracker = jt(s), this.cleanups.push(() => this.captionTracker?.destroy()), this.isActive = !0, g.add(this), this.opts.hideScrollbar && U(!0), this.emit("onActivate"), this.emitSlide("beforeShow", this.current), ut(() => {
-      this.isActive && (i.classList.add("glare-is-open"), this.showSlide(this.currIndex, !0), this.cleanups.push(qe(this, i, () => this.onActivity())), this.startModules(s), this.opts.autoFocus && this.focus(), this.idle.reset());
+    this.opts.closeExisting && y.close(!0), this.currIndex = this.clampIndex(t), this.current = this.group[this.currIndex], this.previouslyFocused = document.activeElement instanceof HTMLElement ? document.activeElement : null, this.emit("onInit");
+    const s = Zt(this.opts, this.dict, this.id, this.group.length), { container: i } = s;
+    this.$refs = s, Oe(i, this.opts), this.syncChrome(), this.resolveParent().appendChild(i), this.captionTracker = Wt(s), this.cleanups.push(() => this.captionTracker?.destroy()), this.isActive = !0, b.add(this), this.opts.hideScrollbar && V(!0), this.emit("onActivate"), this.emitSlide("beforeShow", this.current), dt(() => {
+      this.isActive && (i.classList.add("glare-is-open"), this.showSlide(this.currIndex, !0), this.cleanups.push(Ue(this, i, () => this.onActivity())), this.startModules(s), this.opts.autoFocus && this.focus(), this.idle.reset());
     });
   }
   close() {
     if (!this.isActive || this.isClosing || !this.current || !this.$refs || this.emitSlide("beforeClose", this.current) === !1) return;
     this.isClosing = !0, this.slideshow?.stop(), this.idle.stop();
-    const { container: t, bg: s } = this.$refs, i = C(this.opts).animationDuration;
+    const { container: t, bg: s } = this.$refs, i = $(this.opts).animationDuration;
     if (i === 0) return this.teardown();
-    t.classList.remove("glare-is-open"), t.classList.add("glare-is-closing"), zt(s ?? t, i, () => this.teardown());
+    t.classList.remove("glare-is-open"), t.classList.add("glare-is-closing"), _t(s ?? t, i, () => this.teardown());
   }
   next() {
     this.jumpTo(this.currIndex + 1);
@@ -1125,7 +1157,7 @@ const x = class x {
   }
   jumpTo(t) {
     if (!this.isActive || this.isClosing) return;
-    const s = this.group.length, i = this.opts.loop ? (t % s + s) % s : w(t, 0, s - 1);
+    const s = this.group.length, i = this.opts.loop ? (t % s + s) % s : E(t, 0, s - 1);
     i !== this.currIndex && (this.direction = t > this.currIndex ? 1 : -1, this.prevIndex = this.currIndex, this.currIndex = i, this.zoom.reset(), this.current = this.group[i], this.syncChrome(), this.showSlide(i, !1), this.thumbs?.focus(i), this.hash?.update(i), this.slideshow?.onIndexChange(), this.emitSlide("onUpdate", this.current));
   }
   toggleZoom(t) {
@@ -1147,44 +1179,44 @@ const x = class x {
   async showSlide(t, s) {
     const i = this.group[t];
     if (!this.$refs || !i) return;
-    const { container: n, stage: o } = this.$refs, r = Wt(o, i, this.opts);
-    Qt(this.opts, i) && Gt(r, this.opts, this.dict), Vt(o, this.opts, this.dict), this.emitSlide("beforeLoad", i), this.opts.image.preload && is(this.group, t);
+    const { container: n, stage: o } = this.$refs, r = Ut(o, i, this.opts);
+    Jt(this.opts, i) && Gt(r, this.opts, this.dict), Yt(o, this.opts, this.dict), this.emitSlide("beforeLoad", i), this.opts.image.preload && rs(this.group, t);
     let a = !1;
     try {
-      await ss(i, i.$content, this.opts, this.dict);
+      await os(i, i.$content, this.opts, this.dict);
     } catch (l) {
-      a = !0, Kt(i, l, this.opts, this.dict), this.emitSlide("onError", i), this.opts.onError || console.warn("[glare]", l);
+      a = !0, Qt(i, l, this.opts, this.dict), this.emitSlide("onError", i), this.opts.onError || console.warn("[glare]", l);
     }
     if (!this.isActive || this.currIndex !== t) return r.remove();
-    a || this.emitSlide("afterLoad", i), Yt(o), s || $e(n, this.opts), Ut(r, s, this.direction), this.captionTracker?.follow(r), Xt(o, r, C(this.opts).transitionDuration, this.direction), this.syncZoomState(this.zoom.isZoomed), !a && (s && Ae(n, i, this.opts), this.emitSlide("afterShow", i));
+    a || this.emitSlide("afterLoad", i), Kt(o), s || Ae(n, this.opts), Vt(r, s, this.direction), this.captionTracker?.follow(r), Xt(o, r, $(this.opts).transitionDuration, this.direction), this.syncZoomState(this.zoom.isZoomed), !a && (s && Re(n, i, this.opts), this.emitSlide("afterShow", i));
   }
   syncChrome() {
-    !this.$refs || !this.current || (Jt(this.$refs, this.opts, this.dict, this.current, this.group.length, this.captionFor(this.current)), this.syncZoomState(this.zoom.isZoomed));
+    !this.$refs || !this.current || (te(this.$refs, this.opts, this.dict, this.current, this.group.length, this.captionFor(this.current)), this.syncZoomState(this.zoom.isZoomed));
   }
   captionFor(t) {
     const { caption: s } = this.opts;
     return typeof s == "function" ? s(this, t) : s ?? t.caption;
   }
   syncZoomState(t) {
-    this.$refs && ae(this.$refs.container, this.dict, t, !!this.current?.$image);
+    this.$refs && le(this.$refs.container, this.dict, t, !!this.current?.$image);
   }
   resolveParent() {
     const { parentEl: t } = this.opts;
     return (typeof t == "string" ? document.querySelector(t) : t) ?? document.body;
   }
   startModules({ container: t, stage: s, bg: i }) {
-    const n = this.opts, o = A(n.thumbs, rt);
-    o && (this.thumbs = new we(this, t, o));
-    const r = A(n.slideshow, _);
-    r && (this.slideshow = new xe(this, t, r));
-    const a = A(n.fullscreen, at);
-    a && ft() && (this.fullscreen = new le(this, t, a)), n.hash && this.galleryName && (this.hash = new ve(this, this.galleryName)), n.wheel && (this.wheel = new Le(s, {
+    const n = this.opts, o = A(n.thumbs, lt);
+    o && (this.thumbs = new Se(this, t, o));
+    const r = A(n.slideshow, N);
+    r && (this.slideshow = new we(this, t, r));
+    const a = A(n.fullscreen, ct);
+    a && pt() && (this.fullscreen = new ce(this, t, a)), n.hash && this.galleryName && (this.hash = new ve(this, this.galleryName)), n.wheel && (this.wheel = new $e(s, {
       mode: n.wheel,
       current: () => this.current,
       isZoomed: () => this.zoom.isZoomed,
       next: () => this.next(),
       prev: () => this.prev()
-    })), n.touch && (this.gestures = new be(s, {
+    })), n.touch && (this.gestures = new ye(s, {
       zoom: this.zoom,
       touch: n.touch,
       bg: i,
@@ -1207,7 +1239,7 @@ const x = class x {
       this.fullscreen
     ])
       t?.destroy();
-    this.gestures = this.wheel = this.hash = null, this.thumbs = this.slideshow = this.fullscreen = void 0, this.cleanups.forEach((t) => t()), this.cleanups = [], this.$refs?.container.remove(), this.$refs = null, g.remove(this), this.opts.hideScrollbar && g.size === 0 && U(!1), this.opts.backFocus && (this.current?.$trigger ?? this.previouslyFocused)?.focus({ preventScroll: !0 }), this.isActive = !1, this.isClosing = !1, this.current && this.emitSlide("afterClose", this.current);
+    this.gestures = this.wheel = this.hash = null, this.thumbs = this.slideshow = this.fullscreen = void 0, this.cleanups.forEach((t) => t()), this.cleanups = [], this.$refs?.container.remove(), this.$refs = null, b.remove(this), this.opts.hideScrollbar && b.size === 0 && V(!1), this.opts.backFocus && (this.current?.$trigger ?? this.previouslyFocused)?.focus({ preventScroll: !0 }), this.isActive = !1, this.isClosing = !1, this.current && this.emitSlide("afterClose", this.current);
   }
   emit(t) {
     return this.opts[t]?.(this);
@@ -1216,42 +1248,46 @@ const x = class x {
     return this.opts[t]?.(this, s);
   }
   clampIndex(t) {
-    return w(t, 0, Math.max(0, this.group.length - 1));
+    return E(t, 0, Math.max(0, this.group.length - 1));
   }
   static open(t, s = {}, i = 0) {
-    const n = new x(t, s, i);
+    const n = y.create(t, s, i);
     return n.open(), n;
   }
   static bind(t, s = {}) {
-    return ke(t, s, (i, n, o) => {
-      new x(i, s, n, o).open();
+    return He(t, s, (i, n, o) => {
+      y.create(i, s, n, o).open();
     });
   }
+  /** Builds the instance here, or in the `delegate` window when that window has Glare loaded. */
+  static create(t, { delegate: s = R.delegate, ...i }, n, o = "") {
+    return new (ls(s) ?? y)(t, i, n, o);
+  }
   static close(t = !1) {
-    t ? g.all().reverse().forEach((s) => s.close()) : g.top()?.close();
+    t ? b.all().reverse().forEach((s) => s.close()) : b.top()?.close();
   }
   static getInstance(t) {
-    return t == null ? g.top() : g.get(t);
+    return t == null ? b.top() : b.get(t);
   }
   static getInstances() {
-    return g.all();
+    return b.all();
   }
   /** Closes every instance and removes all `bind()` handlers. */
   static destroy() {
-    x.close(!0), Re();
+    y.close(!0), Pe();
   }
   /** Binds every `[data-glare]` element once the DOM is ready. */
   static autoBind(t = {}) {
-    const s = () => x.bind("[data-glare]", t);
+    const s = () => y.bind("[data-glare]", t);
     document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", s, { once: !0 }) : s();
   }
 };
-x.defaults = lt;
-let z = x;
-const os = z.autoBind;
+y.defaults = R;
+let _ = y;
+const cs = _.autoBind;
 export {
-  z as Glare,
-  os as autoBind,
-  z as default
+  _ as Glare,
+  cs as autoBind,
+  _ as default
 };
 //# sourceMappingURL=glare.esm.js.map