@redot-src/glare 1.1.0 → 1.2.0

package/dist/glare.esm.js

@@ -1,4 +1,4 @@
-const K = {
+const it = {
   CLOSE: "Close",
   NEXT: "Next",
   PREV: "Previous",
@@ -14,34 +14,35 @@ const K = {
   THUMBS: "Thumbnails",
   DOWNLOAD: "Download",
   SHARE: "Share",
+  MORE: "More options",
   COPY: "Copy link",
   ZOOM: "Zoom",
   ZOOM_OUT: "Zoom out"
 };
-function at(e) {
+function pt(e) {
   const t = e.lang ?? "en";
-  return { ...K, ...e.i18n?.en, ...e.i18n?.[t] };
+  return { ...it, ...e.i18n?.en, ...e.i18n?.[t] };
 }
-function x(e, t) {
+function y(e, t) {
   return e.replace(/\{\{(\w+)\}\}/g, (s, i) => t[i] ?? "");
 }
-function lt(e) {
+function mt(e) {
   return Object.entries(e).map(([t, s]) => `${encodeURIComponent(t)}=${encodeURIComponent(String(s))}`).join("&");
 }
-function ct(e, t) {
+function gt(e, t) {
   return e.replace(/\$(\d+)/g, (s, i) => t[Number(i)] ?? "");
 }
-const ht = {
+const yt = {
   youtube: {
     matcher: /(?:youtube\.com|youtu\.be|youtube-nocookie\.com)\/(?:watch\?(?:.*&)?v=|v\/|u\/\w\/|embed\/|shorts\/)?([\w-]{11})/i,
-    type: "iframe",
+    type: "embed",
     url: "https://www.youtube-nocookie.com/embed/$1",
     thumb: "https://img.youtube.com/vi/$1/hqdefault.jpg",
     params: { autoplay: 1, rel: 0, modestbranding: 1, playsinline: 1 }
   },
   vimeo: {
     matcher: /vimeo\.com\/(?:video\/)?(\d+)/i,
-    type: "iframe",
+    type: "embed",
     url: "https://player.vimeo.com/video/$1",
     params: { autoplay: 1, title: 0, byline: 0, portrait: 0 }
   },
@@ -49,29 +50,29 @@ const ht = {
     matcher: /(?:maps\.)?google\.([a-z]{2,3}(?:\.[a-z]{2})?)\/(?:maps\/(?:place\/[^/]+\/)?@([^/]+)|maps\?q=([^&]+)|maps\/search\/([^/?]+))/i,
     type: "iframe",
     url: (e) => {
-      const [, t, s, i, o] = e;
+      const [, t, s, i, r] = 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 [n, a, l] = s.split(","), d = l ? Math.floor(parseFloat(l)) : 14;
+        return `https://maps.google.${t}/maps?ll=${n},${a}&z=${d}&output=embed`;
       }
-      const n = encodeURIComponent(decodeURIComponent(i || o || ""));
-      return `https://maps.google.${t}/maps?q=${n}&output=embed`;
+      const o = encodeURIComponent(decodeURIComponent(i || r || ""));
+      return `https://maps.google.${t}/maps?q=${o}&output=embed`;
     }
   }
 };
-function N(e, t, s) {
+function q(e, t, s) {
   if (typeof e == "function") return e(t, s);
-  if (typeof e == "string") return ct(e, t);
+  if (typeof e == "string") return gt(e, t);
 }
-function ut(e, t) {
+function bt(e, t) {
   for (const s of Object.values(t ?? {})) {
     const i = e.match(s.matcher);
     if (!i) continue;
-    let o = N(s.url, i, e) ?? e;
-    return s.params && (o += (o.includes("?") ? "&" : "?") + lt(s.params)), {
-      src: o,
+    let r = q(s.url, i, e) ?? e;
+    return s.params && (r += (r.includes("?") ? "&" : "?") + mt(s.params)), {
+      src: r,
       type: s.type ?? "iframe",
-      thumb: N(s.thumb, i, e)
+      thumb: q(s.thumb, i, e)
     };
   }
   return null;
@@ -88,8 +89,9 @@ const f = (e) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fi
   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"/>')
-}, b = (e, t, s, i = "") => `<button type="button" class="glare-button glare-button--${e}" data-glare-${e} title="{{${t}}}" aria-label="{{${t}}}"${i}>${s}</button>`, dt = `
+  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>`, vt = `
 <div class="glare-container" role="dialog" aria-modal="true" tabindex="-1">
   <div class="glare-bg"></div>
   <div class="glare-progress" hidden></div>
@@ -98,22 +100,23 @@ 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">
-      ${b("prev", "PREV", u.prev)}
-      ${b("next", "NEXT", u.next)}
+      ${v("prev", "PREV", u.prev)}
+      ${v("next", "NEXT", u.next)}
     </div>
     <div class="glare-stage"></div>
     <div class="glare-caption"></div>
   </div>
-</div>`, ft = {
-  zoom: b("zoom", "ZOOM", u.zoomIn),
-  slideshow: b("slideshow", "PLAY_START", u.play),
-  thumbs: b("thumbs", "THUMBS", u.thumbs, ' aria-expanded="false"'),
-  share: b("share", "SHARE", u.share),
-  fullscreen: b("fullscreen", "FULL_SCREEN", u.fullscreen),
-  close: b("close", "CLOSE", u.close),
+</div>`, xt = {
+  zoom: v("zoom", "ZOOM", u.zoomIn),
+  slideshow: v("slideshow", "PLAY_START", u.play),
+  thumbs: v("thumbs", "THUMBS", u.thumbs, ' aria-expanded="false"'),
+  share: v("share", "SHARE", u.share),
+  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>`
-}, pt = '<div class="glare-spinner" role="status" aria-label="{{LOADING}}"></div>', mt = '<div class="glare-error"><p>{{ERROR}}</p></div>', gt = '<video class="glare-video" controls playsinline controlsList="nodownload" poster="{{poster}}"><source src="{{src}}" type="{{format}}"/>{{VIDEO_UNSUPPORTED}}</video>', yt = '<iframe class="glare-iframe"></iframe>', bt = `
+}, wt = '<div class="glare-spinner" role="status" aria-label="{{LOADING}}"></div>', Et = '<div class="glare-error"><p>{{ERROR}}</p></div>', St = '<video class="glare-video" controls playsinline controlsList="nodownload" poster="{{poster}}"><source src="{{src}}" type="{{format}}"/>{{VIDEO_UNSUPPORTED}}</video>', Tt = '<iframe class="glare-iframe"></iframe>', Lt = `
 <div class="glare-share" role="dialog" aria-label="{{SHARE}}">
   <div class="glare-share-head">
     <h4 class="glare-share-title">{{SHARE}}</h4>
@@ -126,15 +129,15 @@ const f = (e) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fi
     <input class="glare-share-input" type="text" value="{{url_direct}}" readonly />
     <button type="button" class="glare-share-copy" data-glare-share-copy>{{COPY}}</button>
   </div>
-</div>`, Q = {
+</div>`, rt = {
   autoStart: !1,
   axis: "x"
-}, P = {
+}, z = {
   autoStart: !1,
   speed: 3e3
-}, J = {
+}, ot = {
   autoStart: !1
-}, tt = {
+}, nt = {
   closeExisting: !1,
   loop: !1,
   keyboard: !0,
@@ -173,65 +176,66 @@ 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: gt, format: "", autoStart: !0 },
+  video: { tpl: St, format: "", autoStart: !0 },
   iframe: {
     preload: !0,
     css: {},
     attr: { allowfullscreen: "true", allow: "autoplay; fullscreen; picture-in-picture" },
-    tpl: yt
+    tpl: Tt
   },
   ajax: { settings: { headers: { "X-Requested-With": "XMLHttpRequest" } } },
-  media: ht,
+  media: yt,
   hash: !0,
-  slideshow: P,
-  thumbs: Q,
-  fullscreen: J,
+  slideshow: z,
+  thumbs: rt,
+  fullscreen: ot,
   share: !0,
   lang: "en",
-  i18n: { en: K },
-  baseTpl: dt,
-  btnTpl: ft,
-  spinnerTpl: pt,
-  errorTpl: mt
-}, vt = /\.(avif|bmp|gif|jpe?g|png|svg|webp|ico)(\?.*)?$/i, wt = /\.(mp4|webm|ogg|ogv|mov|m4v)(\?.*)?$/i, xt = /\.pdf(\?.*)?$/i, Et = /^(#[\w-]+|\.[\w-]+)$/;
-function St(e, t = "image") {
-  return e ? Et.test(e) ? "inline" : vt.test(e) ? "image" : wt.test(e) ? "video" : xt.test(e) ? "iframe" : t : "html";
-}
-function Tt(e) {
+  i18n: { en: it },
+  baseTpl: vt,
+  btnTpl: xt,
+  spinnerTpl: wt,
+  errorTpl: Et
+}, Ct = /\.(avif|bmp|gif|jpe?g|png|svg|webp|ico)(\?.*)?$/i, Mt = /\.(mp4|webm|ogg|ogv|mov|m4v)(\?.*)?$/i, $t = /\.pdf(\?.*)?$/i, Ot = /^(#[\w-]+|\.[\w-]+)$/;
+function At(e, t = "image") {
+  return e ? Ot.test(e) ? "inline" : Ct.test(e) ? "image" : Mt.test(e) ? "video" : $t.test(e) ? "iframe" : t : "html";
+}
+function It(e) {
   const t = e.match(/\.(\w+)(?:\?|$)/)?.[1]?.toLowerCase();
   return t ? `video/${t === "ogv" ? "ogg" : t}` : "video/mp4";
 }
-function et(e, t, s) {
+function at(e, t, s) {
   const i = typeof e == "string" ? { src: e } : { ...e };
-  let o = i.src ?? "", n = i.type, r = i.thumb;
-  const a = o ? ut(o, s.media) : null;
-  return a && (o = a.src ?? o, n ??= a.type, r ??= a.thumb), n || (n = i.html || i.content ? "html" : St(o, s.defaultType)), {
+  let r = i.src ?? "", o = i.type, n = i.thumb;
+  const a = r ? bt(r, s.media) : null;
+  return a && (r = a.src ?? r, o ??= a.type, n ??= a.thumb), o || (o = i.html || i.content ? "html" : At(r, s.defaultType)), {
     ...i,
     index: t,
-    src: o,
-    type: n,
-    thumb: r,
+    src: r,
+    type: o,
+    thumb: n,
     caption: i.caption ?? i.title ?? "",
     isLoaded: !1,
     hasError: !1
   };
 }
-const p = (e, t) => e.getAttribute(t) || void 0;
-function Lt(e, t) {
+const m = (e, t) => e.getAttribute(t) || void 0;
+function Dt(e, t) {
   return e.map((s, i) => {
-    const o = s.querySelector("img"), n = p(s, "data-caption") ?? p(s, "title") ?? "";
-    return et(
+    const r = s.querySelector("img"), o = m(s, "data-caption") ?? m(s, "title") ?? "";
+    return at(
       {
-        src: p(s, "data-src") ?? p(s, "href") ?? "",
-        type: p(s, "data-type"),
-        caption: n,
-        alt: o?.getAttribute("alt") || n,
-        thumb: p(s, "data-thumb") ?? o?.getAttribute("src") ?? void 0,
-        width: p(s, "data-width"),
-        height: p(s, "data-height"),
-        poster: p(s, "data-poster"),
-        downloadSrc: p(s, "data-download-src"),
-        html: p(s, "data-html"),
+        src: m(s, "data-src") ?? m(s, "href") ?? "",
+        type: m(s, "data-type"),
+        caption: o,
+        alt: r?.getAttribute("alt") || o,
+        thumb: m(s, "data-thumb") ?? r?.getAttribute("src") ?? void 0,
+        width: m(s, "data-width"),
+        height: m(s, "data-height"),
+        ratio: m(s, "data-ratio"),
+        poster: m(s, "data-poster"),
+        downloadSrc: m(s, "data-download-src"),
+        html: m(s, "data-html"),
         $trigger: s
       },
       i,
@@ -239,8 +243,8 @@ function Lt(e, t) {
     );
   });
 }
-function Ct(e, t) {
-  return e.length && e[0] instanceof HTMLElement ? Lt(e, t) : e.map((s, i) => et(s, i, t));
+function kt(e, t) {
+  return e.length && e[0] instanceof HTMLElement ? Dt(e, t) : e.map((s, i) => at(s, i, t));
 }
 function c(e, t = document) {
   return t.querySelector(e);
@@ -248,167 +252,179 @@ function c(e, t = document) {
 function $(e, t = document) {
   return Array.from(t.querySelectorAll(e));
 }
-function m(e, t = "", s = "") {
+function g(e, t = "", s = "") {
   const i = document.createElement(e);
   return t && (i.className = t), s && (i.innerHTML = s), i;
 }
-function $t(e) {
-  return m("div", "", e.trim()).firstElementChild;
+function Rt(e) {
+  return g("div", "", e.trim()).firstElementChild;
 }
-function M(e) {
+function O(e) {
   return /[<&]/.test(e) ? new DOMParser().parseFromString(e, "text/html").body.textContent?.trim() ?? "" : e.trim();
 }
-function Mt(e, t = document) {
+function _t(e, t = document) {
   return e ? typeof e != "string" ? e : c(e, t) ?? c(e) : null;
 }
-function Z(e) {
+function U(e) {
   return typeof e == "number" ? `${e}px` : e;
 }
 function h(e, t, s, i) {
   return e.addEventListener(t, s, i), () => e.removeEventListener(t, s, i);
 }
-function st(e) {
+function lt(e) {
   requestAnimationFrame(() => requestAnimationFrame(e));
 }
-function Ot(e, t, s) {
+function Ft(e, t, s) {
   let i = !1;
-  const o = () => {
-    i || (i = !0, clearTimeout(r), e.removeEventListener("transitionend", n), s());
-  }, n = (a) => {
-    a.target === e && o();
+  const r = () => {
+    i || (i = !0, clearTimeout(n), e.removeEventListener("transitionend", o), s());
+  }, o = (a) => {
+    a.target === e && r();
   };
-  e.addEventListener("transitionend", n);
-  const r = setTimeout(o, t + 50);
+  e.addEventListener("transitionend", o);
+  const n = setTimeout(r, t + 50);
 }
-function It() {
+function Ht() {
   return navigator.maxTouchPoints > 0 && window.matchMedia("(pointer: coarse)").matches;
 }
-function O() {
+function A() {
   return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function it() {
+function ct() {
   const e = document;
   return !!(e.fullscreenEnabled ?? e.webkitFullscreenEnabled);
 }
-const U = "glare-lock";
-function q(e) {
+const B = "glare-lock";
+function W(e) {
   const t = document.documentElement;
   if (e) {
     const s = window.innerWidth - t.clientWidth;
-    t.classList.add(U), s > 0 && (t.style.marginRight = `${s}px`);
+    t.classList.add(B), s > 0 && (t.style.marginRight = `${s}px`);
   } else
-    t.classList.remove(U), t.style.marginRight = "";
+    t.classList.remove(B), t.style.marginRight = "";
 }
 const S = "glare-hidden";
-function At(e, t, s, i) {
-  const o = $t(x(e.baseTpl, t));
-  o.dataset.glareId = String(s), e.baseClass && o.classList.add(e.baseClass), e.modal && o.classList.add("glare-is-modal");
-  const n = c(".glare-stage", o);
-  if (!n) throw new Error("baseTpl must contain a .glare-stage element");
-  const r = {
-    container: o,
-    bg: c(".glare-bg", o),
-    inner: c(".glare-inner", o),
-    stage: n,
-    caption: c(".glare-caption", o),
-    toolbar: c(".glare-toolbar", o),
-    infobar: c(".glare-infobar", o),
-    navigation: c(".glare-navigation", o)
+function Pt(e, t, s, i) {
+  const r = Rt(y(e.baseTpl, t));
+  r.dataset.glareId = String(s), e.baseClass && r.classList.add(e.baseClass), e.modal && r.classList.add("glare-is-modal");
+  const o = c(".glare-stage", r);
+  if (!o) throw new Error("baseTpl must contain a .glare-stage element");
+  const n = {
+    container: r,
+    bg: c(".glare-bg", r),
+    inner: c(".glare-inner", r),
+    stage: o,
+    caption: c(".glare-caption", r),
+    toolbar: c(".glare-toolbar", r),
+    infobar: c(".glare-infobar", r),
+    navigation: c(".glare-navigation", r)
   }, a = i < 2;
-  return r.navigation?.classList.toggle(S, !e.arrows || a), r.infobar?.classList.toggle(S, !e.infobar || a), r.toolbar && Dt(r.toolbar, e, t, a), r;
+  return n.navigation?.classList.toggle(S, !e.arrows || a), n.infobar?.classList.toggle(S, !e.infobar || a), n.toolbar && zt(n.toolbar, e, t, a), n;
 }
-function Dt(e, t, s, i) {
+function zt(e, t, s, i) {
   if (t.toolbar === !1) {
     e.classList.add(S);
     return;
   }
+  const r = g("div", "glare-toolbar-menu");
+  r.id = `glare-toolbar-menu-${e.closest(".glare-container")?.dataset.glareId ?? ""}`;
   for (const o of t.buttons) {
-    if (i && (o === "thumbs" || o === "slideshow") || o === "fullscreen" && !it()) continue;
+    if (i && (o === "thumbs" || o === "slideshow") || o === "fullscreen" && !ct() || o === "more" || o === "close") continue;
     const n = t.btnTpl[o];
-    n && e.insertAdjacentHTML("beforeend", x(n, s));
+    n && r.insertAdjacentHTML("beforeend", y(n, s));
+  }
+  if (r.childElementCount) {
+    e.appendChild(r);
+    const o = t.btnTpl.more;
+    o && (e.insertAdjacentHTML("beforeend", y(o, s)), e.querySelector("[data-glare-more]")?.setAttribute("aria-controls", r.id));
+  }
+  if (t.buttons.includes("close")) {
+    const o = t.btnTpl.close;
+    o && e.insertAdjacentHTML("beforeend", y(o, s));
   }
 }
-function kt(e, t, s) {
-  const i = m("div", `glare-slide glare-slide--${t.type}`);
+function Nt(e, t, s) {
+  const i = g("div", `glare-slide glare-slide--${t.type}`);
   s.slideClass && i.classList.add(s.slideClass);
-  const o = m("div", "glare-content");
-  return i.appendChild(o), e.appendChild(i), t.$slide = i, t.$content = o, i;
+  const r = g("div", "glare-content");
+  return i.appendChild(r), e.appendChild(i), t.$slide = i, t.$content = r, i;
 }
-function _t(e, t) {
+function Zt(e, t) {
   t && (e.style.transition = "none"), e.offsetWidth, e.classList.add("glare-slide--current"), t && (e.offsetWidth, e.style.transition = "");
 }
-function Ht(e, t, s) {
+function qt(e, t, s) {
   for (const i of $(".glare-slide", e))
     i !== t && (i.classList.remove("glare-slide--current"), i.classList.add("glare-slide--out"), setTimeout(() => i.remove(), s));
 }
-function Rt(e, t, s) {
-  e.insertAdjacentHTML("beforeend", x(t.btnTpl.smallBtn ?? "", s));
+function Ut(e, t, s) {
+  e.insertAdjacentHTML("beforeend", y(t.btnTpl.smallBtn ?? "", s));
 }
-function Ft(e, t, s) {
-  e.querySelector(":scope > .glare-spinner") || e.insertAdjacentHTML("beforeend", x(t.spinnerTpl, s));
+function Bt(e, t, s) {
+  e.querySelector(":scope > .glare-spinner") || e.insertAdjacentHTML("beforeend", y(t.spinnerTpl, s));
 }
-function Pt(e) {
+function Wt(e) {
   e.querySelector(":scope > .glare-spinner")?.remove();
 }
-function zt(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 jt(e, t, s, i) {
+  e.hasError = !0, e.error = t, e.$content && (e.$content.className = "glare-content glare-content--error", e.$content.innerHTML = y(s.errorTpl, i));
 }
-function ot(e, t) {
+function ht(e, t) {
   return typeof e.toolbar == "boolean" ? e.toolbar : t.type === "image";
 }
-function Nt(e, t) {
-  return typeof e.smallBtn == "boolean" ? e.smallBtn : !ot(e, t);
+function Xt(e, t) {
+  return typeof e.smallBtn == "boolean" ? e.smallBtn : !ht(e, t);
 }
-function Zt(e, t, s, i, o, n) {
-  const { container: r, toolbar: a, infobar: l } = e;
-  Yt(r, i.type), a && Ut(a, t, i), qt(r, i), l && Bt(l, i.index, o), e.caption && jt(e.caption, n), Wt(r, t, i.index, o), Xt(r, s, i, o);
+function Yt(e, t, s, i, r, o) {
+  const { container: n, toolbar: a, infobar: l } = e;
+  ee(n, i.type), a && Gt(a, t, i), Vt(n, i), l && Kt(l, i.index, r), e.caption && Qt(e.caption, o), Jt(n, t, i.index, r), te(n, s, i, r);
 }
-function Ut(e, t, s) {
+function Gt(e, t, s) {
   if (t.toolbar === !1) return;
-  const i = ot(t, s);
+  e.classList.remove("glare-toolbar--expanded"), e.querySelector("[data-glare-more]")?.setAttribute("aria-expanded", "false");
+  const i = ht(t, s);
   if (e.classList.toggle(S, !i), !i) return;
-  const o = s.type === "image";
-  c("[data-glare-zoom]", e)?.classList.toggle(S, !o);
+  const r = s.type === "image";
+  c("[data-glare-zoom]", e)?.classList.toggle(S, !r);
 }
-function qt(e, t) {
+function Vt(e, t) {
   const s = e.querySelector("[data-glare-download]");
   if (!s) return;
   const i = t.downloadSrc || (t.type === "image" ? t.src : "");
   s.classList.toggle(S, !i), i && (s.href = i);
 }
-function Bt(e, t, s) {
+function Kt(e, t, s) {
   const i = c(".glare-infobar-index", e);
   i && (i.textContent = `${t + 1} / ${s}`);
 }
-function jt(e, t) {
+function Qt(e, t) {
   e.innerHTML = t, e.classList.toggle(S, !t);
 }
-function Wt(e, t, s, i) {
-  const o = !t.loop && s === 0, n = !t.loop && s === i - 1;
-  B(c("[data-glare-prev]", e), o), B(c("[data-glare-next]", e), n);
+function Jt(e, t, s, i) {
+  const r = !t.loop && s === 0, o = !t.loop && s === i - 1;
+  j(c("[data-glare-prev]", e), r), j(c("[data-glare-next]", e), o);
 }
-function B(e, t) {
+function j(e, t) {
   e && (e.classList.toggle("glare-is-disabled", t), e.setAttribute("aria-disabled", String(t)));
 }
-function Xt(e, t, s, i) {
-  const o = M(s.caption) || s.alt || t.LIGHTBOX, n = i > 1 ? `${o} (${s.index + 1} of ${i})` : o;
-  e.setAttribute("aria-label", n);
-  const r = c(".glare-live", e);
-  r && (r.textContent = n);
+function te(e, t, s, i) {
+  const r = O(s.caption) || s.alt || t.LIGHTBOX, o = i > 1 ? `${r} (${s.index + 1} of ${i})` : r;
+  e.setAttribute("aria-label", o);
+  const n = c(".glare-live", e);
+  n && (n.textContent = o);
 }
-function Yt(e, t) {
+function ee(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 Gt(e, t, s, i) {
+function se(e, t, s, i) {
   e.classList.toggle("glare-can-zoom-out", s), e.classList.toggle("glare-can-zoom-in", !s && i);
-  const o = c("[data-glare-zoom]", e), n = s ? "out" : "in";
-  !o || o.dataset.state === n || (o.dataset.state = n, z(o, s, s ? t.ZOOM_OUT : t.ZOOM, s ? u.zoomOut : u.zoomIn));
+  const r = c("[data-glare-zoom]", e), o = s ? "out" : "in";
+  !r || r.dataset.state === o || (r.dataset.state = o, N(r, s, s ? t.ZOOM_OUT : t.ZOOM, s ? u.zoomOut : u.zoomIn));
 }
-function z(e, t, s, i) {
+function N(e, t, s, i) {
   e.setAttribute("title", s), e.setAttribute("aria-label", s), e.innerHTML = i, e.classList.toggle("glare-is-active", t);
 }
-class Vt {
+class ie {
   constructor(t, s, i) {
     this.glare = t, this.container = s, this.offs = [
       h(document, "fullscreenchange", () => this.sync()),
@@ -440,7 +456,7 @@ class Vt {
     const s = c("[data-glare-fullscreen]", this.container);
     if (!s) return;
     const { dict: i } = this.glare;
-    z(
+    N(
       s,
       t,
       t ? i.FULL_SCREEN_EXIT : i.FULL_SCREEN,
@@ -448,32 +464,32 @@ class Vt {
     );
   }
 }
-function j(e) {
+function X(e) {
   if (typeof e != "object" || e === null) return !1;
   const t = Object.getPrototypeOf(e);
   return t === Object.prototype || t === null;
 }
-function k(...e) {
+function R(...e) {
   const t = {};
   for (const s of e)
     if (s)
-      for (const [i, o] of Object.entries(s)) {
-        if (o === void 0) continue;
-        const n = t[i];
-        t[i] = j(o) ? k(j(n) ? n : {}, o) : o;
+      for (const [i, r] of Object.entries(s)) {
+        if (r === void 0) continue;
+        const o = t[i];
+        t[i] = X(r) ? R(X(o) ? o : {}, r) : r;
       }
   return t;
 }
-function w(e, t, s) {
+function E(e, t, s) {
   return Math.min(s, Math.max(t, e));
 }
-const T = 1, _ = 5, Kt = 1.01;
-class Qt {
+const T = 1, _ = 5, re = 1.01;
+class oe {
   constructor(t) {
     this.target = t, this.scale = T, this.x = 0, this.y = 0;
   }
   get isZoomed() {
-    return this.scale > Kt;
+    return this.scale > re;
   }
   get state() {
     return { scale: this.scale, x: this.x, y: this.y };
@@ -485,22 +501,22 @@ class Qt {
     const s = t.getBoundingClientRect();
     return { x: s.left + s.width / 2 - this.x, y: s.top + s.height / 2 - this.y };
   }
-  apply(t, s, i, o = 0) {
-    const n = this.target.image();
-    if (!n) return;
-    this.scale = w(t, T, _);
-    const r = this.isZoomed ? this.bounded(s, i) : { x: 0, y: 0 };
-    this.x = r.x, this.y = r.y, n.style.transitionDuration = `${o}ms`, n.style.transform = `translate3d(${this.x}px, ${this.y}px, 0) scale(${this.scale})`, this.target.onChange(this.isZoomed);
+  apply(t, s, i, r = 0) {
+    const o = this.target.image();
+    if (!o) return;
+    this.scale = E(t, T, _);
+    const n = this.isZoomed ? this.bounded(s, i) : { x: 0, y: 0 };
+    this.x = n.x, this.y = n.y, o.style.transitionDuration = `${r}ms`, o.style.transform = `translate3d(${this.x}px, ${this.y}px, 0) scale(${this.scale})`, this.target.onChange(this.isZoomed);
   }
   toFit(t = 300) {
     this.apply(T, 0, 0, t);
   }
   /** Zooms to the image's natural size (at least 1.5x), keeping `focus` under the pointer. */
   toActual(t, s = 300) {
-    const i = this.target.image(), o = this.center();
-    if (!i || !o) return;
-    const n = i.naturalWidth / Math.max(i.offsetWidth, 1), r = w(Math.max(n, 1.5), T, _), a = t?.x ?? o.x, l = t?.y ?? o.y;
-    this.apply(r, (o.x - a) * (r - 1), (o.y - l) * (r - 1), s);
+    const i = this.target.image(), r = this.center();
+    if (!i || !r) return;
+    const o = i.naturalWidth / Math.max(i.offsetWidth, 1), n = E(Math.max(o, 1.5), T, _), a = t?.x ?? r.x, l = t?.y ?? r.y;
+    this.apply(n, (r.x - a) * (n - 1), (r.y - l) * (n - 1), s);
   }
   reset() {
     const t = this.target.image();
@@ -508,14 +524,14 @@ class Qt {
   }
   /** Keeps the scaled image from being dragged fully out of the stage. */
   bounded(t, s) {
-    const i = this.target.image(), o = this.target.stage();
-    if (!i || !o) return { x: t, y: s };
-    const n = Math.max(0, (i.offsetWidth * this.scale - o.clientWidth) / 2), r = Math.max(0, (i.offsetHeight * this.scale - o.clientHeight) / 2);
-    return { x: w(t, -n, n), y: w(s, -r, r) };
+    const i = this.target.image(), r = this.target.stage();
+    if (!i || !r) return { x: t, y: s };
+    const o = Math.max(0, (i.offsetWidth * this.scale - r.clientWidth) / 2), n = Math.max(0, (i.offsetHeight * this.scale - r.clientHeight) / 2);
+    return { x: E(t, -o, o), y: E(s, -n, n) };
   }
 }
-const Jt = 6, W = 120, te = 100, ee = 0.5, se = 80, ie = 0.4, oe = "a, button, input, textarea, select, video, .glare-thumbs", X = (e, t) => Math.hypot(e.x - t.x, e.y - t.y), Y = (e, t) => ({ x: (e.x + t.x) / 2, y: (e.y + t.y) / 2 }), I = (e) => ({ x: e.clientX, y: e.clientY });
-class ne {
+const ne = 6, Y = 120, ae = 100, le = 0.5, ce = 80, he = 0.4, ue = "a, button, input, textarea, select, video, .glare-thumbs", G = (e, t) => Math.hypot(e.x - t.x, e.y - t.y), V = (e, t) => ({ x: (e.x + t.x) / 2, y: (e.y + t.y) / 2 }), I = (e) => ({ x: e.clientX, y: e.clientY });
+class de {
   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)),
@@ -533,7 +549,7 @@ class ne {
     return this.moved = !1, t;
   }
   onDown(t) {
-    t.pointerType === "mouse" && t.button !== 0 || t.target.closest(oe) || (this.pointers.set(t.pointerId, I(t)), this.pointers.size <= 2 && this.begin());
+    t.pointerType === "mouse" && t.button !== 0 || t.target.closest(ue) || (this.pointers.set(t.pointerId, I(t)), this.pointers.size <= 2 && this.begin());
   }
   onMove(t) {
     this.pointers.has(t.pointerId) && (this.pointers.set(t.pointerId, I(t)), this.move(t));
@@ -545,7 +561,7 @@ class ne {
   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 = X(t[0], t[1]), this.startMid = Y(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 = G(t[0], t[1]), this.startMid = V(t[0], t[1]));
   }
   move(t) {
     const s = [...this.pointers.values()];
@@ -554,34 +570,34 @@ class ne {
       t.preventDefault(), this.moved = !0, this.pinch(s[0], s[1]);
       return;
     }
-    const i = s[0].x - this.start[0].x, o = s[0].y - this.start[0].y;
-    if (!(!this.moved && Math.hypot(i, o) < Jt)) {
+    const i = s[0].x - this.start[0].x, r = s[0].y - this.start[0].y;
+    if (!(!this.moved && Math.hypot(i, r) < ne)) {
       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 + o);
+        t.preventDefault(), this.host.zoom.apply(this.startZoom.scale, this.startZoom.x + i, this.startZoom.y + r);
       else if (this.mode === "swipe") {
-        const n = this.host.touch.vertical !== !1;
-        if (!n && Math.abs(o) > Math.abs(i)) return;
-        t.preventDefault(), this.dragStage(i, n ? o : 0);
+        const o = this.host.touch.vertical !== !1;
+        if (!o && Math.abs(r) > Math.abs(i)) return;
+        t.preventDefault(), this.dragStage(i, o ? r : 0);
       }
     }
   }
   /** Scales around the pinch midpoint so the content under the fingers stays put. */
   pinch(t, s) {
-    const { zoom: i } = this.host, o = Y(t, s), n = i.center() ?? o, r = w(
-      this.startZoom.scale * X(t, s) / (this.startDistance || 1),
+    const { zoom: i } = this.host, r = V(t, s), o = i.center() ?? r, n = E(
+      this.startZoom.scale * G(t, s) / (this.startDistance || 1),
       T,
       _
-    ), a = (this.startMid.x - n.x - this.startZoom.x) / this.startZoom.scale, l = (this.startMid.y - n.y - this.startZoom.y) / this.startZoom.scale;
-    i.apply(r, o.x - n.x - r * a, o.y - n.y - r * l);
+    ), 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(n, r.x - o.x - n * a, r.y - o.y - n * l);
   }
   end(t) {
     if (!this.start.length) return;
-    const s = Math.max(performance.now() - this.startTime, 1), i = t.x - this.start[0].x, o = t.y - this.start[0].y, n = { x: i / s, y: o / s };
+    const s = Math.max(performance.now() - this.startTime, 1), i = t.x - this.start[0].x, r = t.y - this.start[0].y, o = { x: i / s, y: r / s };
     if (this.mode === "swipe")
-      this.releaseStage(), this.finishSwipe(i, o, n);
+      this.releaseStage(), this.finishSwipe(i, r, o);
     else if (this.mode === "pan" && this.host.touch.momentum !== !1) {
-      const { zoom: r } = this.host;
-      r.apply(r.scale, r.x + n.x * W, r.y + n.y * W, 250);
+      const { zoom: n } = this.host;
+      n.apply(n.scale, n.x + o.x * Y, n.y + o.y * Y, 250);
     }
     this.mode = "idle", this.start = [], this.moved && setTimeout(() => this.moved = !1, 0);
   }
@@ -589,7 +605,7 @@ class ne {
   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 = "";
@@ -599,35 +615,35 @@ class ne {
   /** 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) > te || Math.abs(i.y) > ee) && this.host.close();
+      (Math.abs(s) > ae || Math.abs(i.y) > le) && this.host.close();
       return;
     }
-    (Math.abs(t) > se || Math.abs(i.x) > ie) && (t < 0 ? this.host.next() : this.host.prev());
+    (Math.abs(t) > ce || Math.abs(i.x) > he) && (t < 0 ? this.host.next() : this.host.prev());
   }
 }
-const re = /^(.+)-(\d+)$/;
-function H(e = window.location.hash) {
-  const t = e.replace(/^#/, "").match(re);
+const fe = /^(.+)-(\d+)$/;
+function F(e = window.location.hash) {
+  const t = e.replace(/^#/, "").match(fe);
   return t ? { gallery: t[1], index: Math.max(0, parseInt(t[2], 10) - 1) } : null;
 }
-function G(e, t) {
+function K(e, t) {
   return `${e}-${t + 1}`;
 }
-class ae {
+class pe {
   constructor(t, s) {
     this.glare = t, this.gallery = s, this.pushed = !1, this.off = h(window, "hashchange", () => this.onHashChange());
-    const i = G(s, t.currIndex);
-    V() !== i && (window.history.pushState(null, "", `#${i}`), this.pushed = !0);
+    const i = K(s, t.currIndex);
+    Q() !== i && (window.history.pushState(null, "", `#${i}`), this.pushed = !0);
   }
   update(t = this.glare.currIndex) {
-    const s = G(this.gallery, t);
-    V() !== s && this.replace(`#${s}`);
+    const s = K(this.gallery, t);
+    Q() !== s && this.replace(`#${s}`);
   }
   destroy() {
-    this.off(), H()?.gallery === this.gallery && (this.pushed ? window.history.back() : this.replace(""));
+    this.off(), F()?.gallery === this.gallery && (this.pushed ? window.history.back() : this.replace(""));
   }
   onHashChange() {
-    const t = H();
+    const t = F();
     !t || t.gallery !== this.gallery ? (this.pushed = !1, this.glare.close()) : t.index !== this.glare.currIndex && this.glare.jumpTo(t.index);
   }
   replace(t) {
@@ -635,8 +651,8 @@ class ae {
     window.history.replaceState(null, "", `${s}${i}${t}`);
   }
 }
-const V = () => window.location.hash.replace(/^#/, "");
-class le {
+const Q = () => window.location.hash.replace(/^#/, "");
+class me {
   constructor(t, s, i) {
     this.glare = t, this.container = s, this.opts = i, this.overlay = null, this.off = null;
   }
@@ -647,18 +663,18 @@ class le {
     const { current: t, dict: s } = this.glare;
     if (!t) return;
     this.close();
-    const i = this.resolveUrl(t), o = encodeURIComponent(i), n = encodeURIComponent(t.thumb || t.src || i), r = encodeURIComponent(M(t.caption)), a = x(this.opts.tpl ?? bt, {
+    const i = this.resolveUrl(t), r = encodeURIComponent(i), o = encodeURIComponent(t.thumb || t.src || i), n = encodeURIComponent(O(t.caption)), a = y(this.opts.tpl ?? Lt, {
       ...s,
       url_direct: i,
-      url_facebook: `https://www.facebook.com/sharer/sharer.php?u=${o}`,
-      url_twitter: `https://twitter.com/intent/tweet?url=${o}&text=${r}`,
-      url_pinterest: `https://pinterest.com/pin/create/button/?url=${o}&media=${n}&description=${r}`
+      url_facebook: `https://www.facebook.com/sharer/sharer.php?u=${r}`,
+      url_twitter: `https://twitter.com/intent/tweet?url=${r}&text=${n}`,
+      url_pinterest: `https://pinterest.com/pin/create/button/?url=${r}&media=${o}&description=${n}`
     });
-    this.overlay = m("div", "glare-share-overlay", a), this.container.appendChild(this.overlay);
+    this.overlay = g("div", "glare-share-overlay", a), this.container.appendChild(this.overlay);
     const l = c(".glare-share-input", this.overlay);
     l?.select(), this.off = h(this.overlay, "click", (d) => {
-      const E = d.target;
-      E === this.overlay || E.closest("[data-glare-share-close]") ? this.close() : E.closest("[data-glare-share-copy]") && this.copy(i, l);
+      const p = d.target;
+      p === this.overlay || p.closest("[data-glare-share-close]") ? this.close() : p.closest("[data-glare-share-copy]") && this.copy(i, l);
     });
   }
   close() {
@@ -684,7 +700,7 @@ class le {
     return typeof s == "function" ? s(t) : s || (/^https?:\/\//i.test(t.src) ? t.src : window.location.href);
   }
 }
-class ce {
+class ge {
   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();
   }
@@ -707,13 +723,13 @@ class ce {
     this.stop();
   }
   get speed() {
-    return this.opts.speed ?? P.speed;
+    return this.opts.speed ?? z.speed;
   }
   get atEnd() {
     return !this.glare.opts.loop && this.glare.currIndex === this.glare.group.length - 1;
   }
   schedule() {
-    this.clearTimer(), this.setProgress(0), O() || (this.bar?.offsetWidth, this.setProgress(1)), this.timer = setTimeout(() => this.atEnd ? this.stop() : this.glare.next(), this.speed);
+    this.clearTimer(), this.setProgress(0), A() || (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;
@@ -724,7 +740,7 @@ class ce {
   syncButton() {
     if (!this.button) return;
     const { dict: t } = this.glare;
-    z(
+    N(
       this.button,
       this.active,
       this.active ? t.PLAY_STOP : t.PLAY_START,
@@ -732,9 +748,9 @@ class ce {
     );
   }
 }
-class he {
+class ye {
   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.appendChild(this.list), this.build();
+    this.glare = t, this.container = s, this.opts = i, this.isActive = !1, this.offs = [], this.axis = i.axis === "y" ? "y" : "x", this.list = g("div", "glare-thumbs-list"), this.strip = g("div", `glare-thumbs glare-thumbs--${this.axis}`), this.strip.appendChild(this.list), this.build();
   }
   show() {
     this.setActive(!0);
@@ -763,29 +779,29 @@ class he {
     const { group: t, dict: s } = this.glare;
     if (t.length < 2) return;
     this.container.classList.add(`glare-thumbs-axis-${this.axis}`);
-    for (const o of t) {
-      const n = m("button", "glare-thumbs-item");
-      n.type = "button", n.dataset.index = String(o.index), n.setAttribute("aria-label", x(s.GO_TO_SLIDE, { index: String(o.index + 1) }));
-      const r = o.thumb || (o.type === "image" ? o.src : "");
-      if (r) {
-        const a = m("img");
-        a.src = r, a.alt = o.alt || M(o.caption), a.loading = "lazy", n.appendChild(a);
+    for (const r of t) {
+      const o = g("button", "glare-thumbs-item");
+      o.type = "button", o.dataset.index = String(r.index), o.setAttribute("aria-label", y(s.GO_TO_SLIDE, { index: String(r.index + 1) }));
+      const n = r.thumb || (r.type === "image" ? r.src : "");
+      if (n) {
+        const a = g("img");
+        a.src = n, a.alt = r.alt || O(r.caption), a.loading = "lazy", o.appendChild(a);
       } else
-        n.textContent = String(o.index + 1);
-      this.list.appendChild(n), this.offs.push(h(n, "click", () => this.glare.jumpTo(o.index)));
+        o.textContent = String(r.index + 1);
+      this.list.appendChild(o), this.offs.push(h(o, "click", () => this.glare.jumpTo(r.index)));
     }
-    (Mt(this.opts.parentEl, this.container) ?? this.container).appendChild(this.strip), this.opts.autoStart && this.show(), this.focus();
+    (_t(this.opts.parentEl, this.container) ?? this.container).appendChild(this.strip), this.opts.autoStart && this.show(), this.focus();
   }
 }
-const ue = 40, de = 150, fe = 16;
-class pe {
+const be = 40, ve = 150, xe = 16;
+class we {
   constructor(t, s) {
     this.distance = 0, this.fired = !1, this.settle = null, this.off = h(
       t,
       "wheel",
       (i) => {
-        const o = s.current();
-        !o || i.deltaY === 0 || s.mode === "auto" && o.type !== "image" || o.type === "image" && s.isZoomed() || (i.preventDefault(), this.restartSettle(), !this.fired && (this.distance += me(i, t), !(Math.abs(this.distance) < ue) && (this.fired = !0, this.distance > 0 ? s.next() : s.prev())));
+        const r = s.current();
+        !r || i.deltaY === 0 || s.mode === "auto" && r.type !== "image" || r.type === "image" && s.isZoomed() || (i.preventDefault(), this.restartSettle(), !this.fired && (this.distance += Ee(i, t), !(Math.abs(this.distance) < be) && (this.fired = !0, this.distance > 0 ? s.next() : s.prev())));
       },
       { passive: !1 }
     );
@@ -796,71 +812,71 @@ class pe {
   restartSettle() {
     this.settle && clearTimeout(this.settle), this.settle = setTimeout(() => {
       this.distance = 0, this.fired = !1;
-    }, de);
+    }, ve);
   }
 }
-function me(e, t) {
-  return e.deltaMode === WheelEvent.DOM_DELTA_LINE ? e.deltaY * fe : e.deltaMode === WheelEvent.DOM_DELTA_PAGE ? e.deltaY * t.clientHeight : e.deltaY;
+function Ee(e, t) {
+  return e.deltaMode === WheelEvent.DOM_DELTA_LINE ? e.deltaY * xe : e.deltaMode === WheelEvent.DOM_DELTA_PAGE ? e.deltaY * t.clientHeight : e.deltaY;
 }
-function ge(e, t) {
-  const s = O(), i = s ? !1 : t.animationEffect, o = s ? !1 : t.transitionEffect;
-  e.dataset.animation = i || "none", e.style.setProperty("--glare-duration", `${i ? t.animationDuration : 0}ms`), e.style.setProperty("--glare-transition-duration", `${o ? t.transitionDuration : 0}ms`);
+function Se(e, t) {
+  const s = A(), i = s ? !1 : t.animationEffect, r = s ? !1 : t.transitionEffect;
+  e.dataset.animation = i || "none", e.style.setProperty("--glare-duration", `${i ? t.animationDuration : 0}ms`), e.style.setProperty("--glare-transition-duration", `${r ? t.transitionDuration : 0}ms`);
 }
-function ye(e, t) {
-  const s = O() ? !1 : t.transitionEffect;
+function Te(e, t) {
+  const s = A() ? !1 : t.transitionEffect;
   e.dataset.transition = s || "none";
 }
-function be(e, t, s) {
-  const i = t.$image, o = t.$trigger;
-  if (e.dataset.animation !== "zoom" || !i || !o) return;
-  const n = o.getBoundingClientRect(), r = i.getBoundingClientRect(), a = Math.max(n.width / Math.max(r.width, 1), n.height / Math.max(r.height, 1)), l = n.left + n.width / 2 - (r.left + r.width / 2), d = n.top + n.height / 2 - (r.top + r.height / 2);
+function Le(e, t, s) {
+  const i = t.$image, r = t.$trigger;
+  if (e.dataset.animation !== "zoom" || !i || !r) return;
+  const o = r.getBoundingClientRect(), n = i.getBoundingClientRect(), a = Math.max(o.width / Math.max(n.width, 1), o.height / Math.max(n.height, 1)), l = o.left + o.width / 2 - (n.left + n.width / 2), d = o.top + o.height / 2 - (n.top + n.height / 2);
   Object.assign(i.style, {
     transform: `translate3d(${l}px, ${d}px, 0) scale(${a})`,
     opacity: s.zoomOpacity ? "0.2" : "1",
     transitionDuration: "0ms"
-  }), st(() => {
+  }), lt(() => {
     Object.assign(i.style, { transform: "", opacity: "", transitionDuration: "" });
   });
 }
-function nt(e) {
-  const t = k(tt, e);
-  return It() && t.mobile ? k(t, t.mobile) : t;
+function ut(e) {
+  const t = R(nt, e);
+  return Ht() && t.mobile ? R(t, t.mobile) : t;
 }
-function L(e, t) {
+function C(e, t) {
   return e ? e === !0 ? { ...t } : { ...t, ...e } : null;
 }
-const C = [], R = (e) => e.getAttribute("data-glare") ?? "";
-function ve(e) {
+const M = [], H = (e) => e.getAttribute("data-glare") ?? "";
+function Ce(e) {
   return typeof e == "string" ? $(e) : e instanceof HTMLElement ? [e] : Array.from(e);
 }
-function we(e, t, s) {
-  const i = ve(e), o = (a) => {
-    const l = R(a), d = l ? i.filter((E) => R(E) === l) : [a];
+function Me(e, t, s) {
+  const i = Ce(e), r = (a) => {
+    const l = H(a), d = l ? i.filter((p) => H(p) === l) : [a];
     s(d, d.indexOf(a), l);
-  }, n = i.map(
+  }, o = i.map(
     (a) => h(a, "click", (l) => {
-      l.preventDefault(), o(a);
+      l.preventDefault(), r(a);
     })
-  ), r = {
+  ), n = {
     elements: i,
     destroy() {
-      n.forEach((l) => l());
-      const a = C.indexOf(r);
-      a >= 0 && C.splice(a, 1);
+      o.forEach((l) => l());
+      const a = M.indexOf(n);
+      a >= 0 && M.splice(a, 1);
     }
   };
-  return C.push(r), nt(t).hash && Ee(i, o), r;
+  return M.push(n), ut(t).hash && Oe(i, r), n;
 }
-function xe() {
-  for (const e of [...C]) e.destroy();
+function $e() {
+  for (const e of [...M]) e.destroy();
 }
-function Ee(e, t) {
-  const s = H();
+function Oe(e, t) {
+  const s = F();
   if (!s) return;
-  const o = e.filter((n) => R(n) === s.gallery)[s.index];
-  o && t(o);
+  const r = e.filter((o) => H(o) === s.gallery)[s.index];
+  r && t(r);
 }
-class Se {
+class Ae {
   constructor(t, s) {
     this.seconds = t, this.onIdle = s, this.timer = null;
   }
@@ -871,27 +887,27 @@ class Se {
     this.timer && clearTimeout(this.timer), this.timer = null;
   }
 }
-const y = [], g = {
+const x = [], b = {
   add(e) {
-    y.push(e);
+    x.push(e);
   },
   remove(e) {
-    const t = y.indexOf(e);
-    t >= 0 && y.splice(t, 1);
+    const t = x.indexOf(e);
+    t >= 0 && x.splice(t, 1);
   },
   top() {
-    return y[y.length - 1] ?? null;
+    return x[x.length - 1] ?? null;
   },
   get(e) {
-    return y.find((t) => t.id === e) ?? null;
+    return x.find((t) => t.id === e) ?? null;
   },
   all() {
-    return [...y];
+    return [...x];
   },
   get size() {
-    return y.length;
+    return x.length;
   }
-}, Te = [
+}, Ie = [
   ["[data-glare-close]", (e) => e.close()],
   ["[data-glare-next]", (e) => e.next()],
   ["[data-glare-prev]", (e) => e.prev()],
@@ -900,54 +916,61 @@ const y = [], g = {
   ["[data-glare-thumbs]", (e) => e.thumbs?.toggle()],
   ["[data-glare-fullscreen]", (e) => e.fullscreen?.toggle()],
   ["[data-glare-share]", (e) => e.share?.open()]
-], Le = ".glare-content", Ce = ".glare-slide, .glare-stage", $e = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])', Me = /* @__PURE__ */ new Set(["INPUT", "TEXTAREA", "SELECT"]), Oe = 300;
-function Ie(e, t, s) {
+], De = ".glare-content", ke = ".glare-slide, .glare-stage", Re = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])', _e = /* @__PURE__ */ new Set(["INPUT", "TEXTAREA", "SELECT"]), Fe = 300;
+function He(e, t, s) {
   let i = null;
-  const o = () => {
+  const r = () => {
     i && clearTimeout(i), i = null;
-  }, n = [
-    h(t, "click", (r) => {
+  }, o = [
+    h(t, "click", (n) => {
       if (e.consumeGesture()) return;
-      const a = r.target, l = Te.find(([E]) => a.closest(E));
-      if (l) return l[1](e);
+      const a = n.target, l = a.closest("[data-glare-more]");
+      if (l) {
+        const L = l.closest(".glare-toolbar"), Z = !L?.classList.contains("glare-toolbar--expanded");
+        L?.classList.toggle("glare-toolbar--expanded", Z), l.setAttribute("aria-expanded", String(Z));
+        return;
+      }
+      ft(t);
+      const d = Ie.find(([L]) => a.closest(L));
+      if (d) return d[1](e);
       if (a.closest(".glare-button")) return;
-      const d = A(e, a, "click");
-      if (d) {
-        if (!rt(e, A(e, a, "dblclick"), r))
-          return D(e, d, r);
-        o(), i = setTimeout(() => D(e, d, r), Oe);
+      const p = D(e, a, "click");
+      if (p) {
+        if (!dt(e, D(e, a, "dblclick"), n))
+          return k(e, p, n);
+        r(), i = setTimeout(() => k(e, p, n), Fe);
       }
     }),
-    h(t, "dblclick", (r) => {
-      o();
-      const a = r.target;
-      a.closest(".glare-button") || D(e, A(e, a, "dblclick"), r);
+    h(t, "dblclick", (n) => {
+      r();
+      const a = n.target;
+      a.closest(".glare-button") || k(e, D(e, a, "dblclick"), n);
     }),
-    h(document, "keydown", (r) => Ae(e, r)),
+    h(document, "keydown", (n) => Pe(e, n)),
     h(document, "keydown", s),
     h(document, "mousemove", s),
     h(document, "touchstart", s, { passive: !0 })
   ];
-  return e.opts.trapFocus && n.push(h(t, "keydown", (r) => De(t, r))), e.opts.protect && n.push(
-    h(t, "contextmenu", (r) => r.preventDefault()),
-    h(t, "dragstart", (r) => {
-      r.target.tagName === "IMG" && r.preventDefault();
+  return e.opts.trapFocus && o.push(h(t, "keydown", (n) => ze(t, n))), e.opts.protect && o.push(
+    h(t, "contextmenu", (n) => n.preventDefault()),
+    h(t, "dragstart", (n) => {
+      n.target.tagName === "IMG" && n.preventDefault();
     })
   ), () => {
-    o(), n.forEach((r) => r());
+    r(), o.forEach((n) => n());
   };
 }
-function A(e, t, s) {
+function D(e, t, s) {
   const { opts: i } = e;
-  if (t.closest(Le)) return s === "click" ? i.clickContent : i.dblclickContent;
-  if (!(i.modal || !t.closest(Ce)))
+  if (t.closest(De)) return s === "click" ? i.clickContent : i.dblclickContent;
+  if (!(i.modal || !t.closest(ke)))
     return s === "click" ? i.clickSlide : i.dblclickSlide;
 }
-function rt(e, t, s) {
+function dt(e, t, s) {
   return !t || !e.current ? !1 : typeof t == "function" ? t(e.current, s) : t;
 }
-function D(e, t, s) {
-  switch (rt(e, t, s)) {
+function k(e, t, s) {
+  switch (dt(e, t, s)) {
     case "close":
       return e.close();
     case "next":
@@ -962,13 +985,17 @@ function D(e, t, s) {
     }
   }
 }
-function Ae(e, t) {
-  if (g.top() !== e) return;
+function Pe(e, t) {
+  if (b.top() !== e) return;
+  if (t.key === "Escape" && ft(e.$refs?.container ?? null)) {
+    t.preventDefault();
+    return;
+  }
   if (t.key === "Escape" && e.share?.isOpen)
     return t.preventDefault(), e.share.close();
   if (!e.opts.keyboard || e.opts.modal) return;
   const s = t.target;
-  if (!Me.has(s.tagName) && !(t.key === " " && s.closest("button")))
+  if (!_e.has(s.tagName) && !(t.key === " " && s.closest("button")))
     switch (t.key) {
       case "Escape":
         return t.preventDefault(), e.close();
@@ -985,83 +1012,117 @@ function Ae(e, t) {
         return e.fullscreen?.toggle();
     }
 }
-function De(e, t) {
+function ft(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 ze(e, t) {
   if (t.key !== "Tab") return;
-  const s = $($e, e).filter(
-    (n) => !n.hasAttribute("disabled") && n.offsetParent !== null && getComputedStyle(n).visibility !== "hidden"
+  const s = $(Re, e).filter(
+    (o) => !o.hasAttribute("disabled") && o.offsetParent !== null && getComputedStyle(o).visibility !== "hidden"
   );
   if (!s.length) return;
-  const i = s[0], o = s[s.length - 1];
-  t.shiftKey && document.activeElement === i ? (t.preventDefault(), o.focus()) : !t.shiftKey && document.activeElement === o && (t.preventDefault(), i.focus());
-}
-const ke = 1200, _e = (e, t, s) => new Promise((i, o) => {
-  const n = m("img", "glare-image");
-  n.alt = e.alt || M(e.caption), n.decoding = "async", n.draggable = !1, s.protect && (n.style.pointerEvents = "none"), n.onload = () => {
-    e.$image = n, e.contentWidth = n.naturalWidth, e.contentHeight = n.naturalHeight, t.appendChild(n), i();
-  }, n.onerror = () => o(new Error(`Failed to load image: ${e.src}`)), n.src = e.src;
-}), He = (e, t, s, i) => {
-  const o = e.format || s.video.format || Tt(e.src);
-  t.innerHTML = x(s.video.tpl, {
+  const i = s[0], r = s[s.length - 1];
+  t.shiftKey && document.activeElement === i ? (t.preventDefault(), r.focus()) : !t.shiftKey && document.activeElement === r && (t.preventDefault(), i.focus());
+}
+const Ne = 1200, J = 16 / 9;
+function Ze(e, t, s) {
+  if (t && s) return t / s;
+  const i = String(e.ratio || J).replace(":", "/"), [r, o = "1"] = i.split("/").map((l) => l.trim()), n = parseFloat(r), a = parseFloat(o);
+  return n > 0 && a > 0 ? n / a : J;
+}
+function tt(e, t, s) {
+  if (!e) return 0;
+  if (typeof e == "number") return e;
+  const i = e.trim(), r = parseFloat(i);
+  return r > 0 ? i.endsWith("%") ? t * r / 100 : i.endsWith("vw") || i.endsWith("vh") ? s * r / 100 : r : 0;
+}
+function et(e, t) {
+  const s = t.parentElement;
+  if (!s) return;
+  const i = getComputedStyle(s), r = s.clientWidth - parseFloat(i.paddingLeft) - parseFloat(i.paddingRight), o = s.clientHeight - parseFloat(i.paddingTop) - parseFloat(i.paddingBottom);
+  if (!(r > 0 && o > 0)) return;
+  const n = e.width !== void 0 && e.height !== void 0;
+  let a = n ? tt(e.width, r, innerWidth) : r, l = n ? tt(e.height, o, innerHeight) : o;
+  const d = Ze(e, n ? a : void 0, n ? l : void 0), p = Math.min(1, r / a, o / l);
+  a *= p, l *= p, 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);
+}
+function qe(e, t) {
+  if (et(e, t), typeof ResizeObserver > "u" || !t.parentElement) return;
+  const s = new ResizeObserver(() => {
+    if (!t.isConnected) return s.disconnect();
+    et(e, t);
+  });
+  s.observe(t.parentElement);
+}
+const Ue = (e, t, s) => new Promise((i, r) => {
+  const o = g("img", "glare-image");
+  o.alt = e.alt || O(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 = () => r(new Error(`Failed to load image: ${e.src}`)), o.src = e.src;
+}), Be = (e, t, s, i) => {
+  const r = e.format || s.video.format || It(e.src);
+  t.innerHTML = y(s.video.tpl, {
     ...i,
     src: e.src,
-    format: o,
+    format: r,
     poster: e.poster ?? ""
   });
-  const n = t.querySelector("video");
-  n && (e.autoStart ?? s.video.autoStart) && n.play().catch(() => {
+  const o = t.querySelector("video");
+  o && (e.autoStart ?? s.video.autoStart) && o.play().catch(() => {
   });
-}, Re = (e, t, s) => new Promise((i) => {
-  const o = s.iframe, n = m("div", "glare-iframe-wrap", o.tpl), r = n.querySelector("iframe");
-  if (!r) throw new Error("Iframe template must contain an <iframe>");
-  for (const [a, l] of Object.entries(o.attr)) r.setAttribute(a, l);
-  if (Object.assign(r.style, o.css), e.width && (n.style.width = Z(e.width)), e.height && (n.style.height = Z(e.height)), t.appendChild(n), !o.preload) {
-    r.src = e.src, i();
+}, st = (e, t, s) => new Promise((i) => {
+  const r = s.iframe, o = g("div", "glare-iframe-wrap", r.tpl), n = o.querySelector("iframe");
+  if (!n) throw new Error("Iframe template must contain an <iframe>");
+  for (const [a, l] of Object.entries(r.attr)) n.setAttribute(a, l);
+  if (Object.assign(n.style, r.css), t.appendChild(o), e.type === "embed" ? qe(e, t) : (e.width && (o.style.width = U(e.width)), e.height && (o.style.height = U(e.height))), !r.preload) {
+    n.src = e.src, i();
     return;
   }
-  r.onload = () => i(), r.src = e.src, setTimeout(i, ke);
-}), Fe = (e, t) => {
+  n.onload = () => i(), n.src = e.src, setTimeout(i, Ne);
+}), We = (e, t) => {
   const s = e.src ? c(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);
-}, Pe = async (e, t, s) => {
+}, je = 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();
-}, ze = (e, t) => {
+}, Xe = (e, t) => {
   e.content instanceof HTMLElement ? t.appendChild(e.content) : t.innerHTML = e.html ?? e.content ?? e.src;
-}, Ne = { image: _e, video: He, iframe: Re, inline: Fe, ajax: Pe, html: ze };
-async function Ze(e, t, s, i) {
-  t.innerHTML = "", t.className = `glare-content glare-content--${e.type}`, await Ne[e.type](e, t, s, i), e.isLoaded = !0;
+}, Ye = { image: Ue, video: Be, embed: st, iframe: st, inline: We, ajax: je, html: Xe };
+async function Ge(e, t, s, i) {
+  t.innerHTML = "", t.className = `glare-content glare-content--${e.type}`, await Ye[e.type](e, t, s, i), e.isLoaded = !0;
 }
-function Ue(e, t) {
+function Ve(e, t) {
   for (const s of [e[t - 1], e[t + 1]])
     s?.type === "image" && s.src && (new Image().src = s.src);
 }
-let qe = 0;
-const v = class v {
-  constructor(t, s = {}, i = 0, o = "") {
-    this.id = ++qe, 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.previouslyFocused = null, this.opts = nt(s), this.dict = at(this.opts), this.group = Ct(t, this.opts), this.galleryName = o, this.currIndex = this.clampIndex(i), this.zoom = new Qt({
+let Ke = 0;
+const w = class w {
+  constructor(t, s = {}, i = 0, r = "") {
+    this.id = ++Ke, 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.previouslyFocused = null, this.opts = ut(s), this.dict = pt(this.opts), this.group = kt(t, this.opts), this.galleryName = r, this.currIndex = this.clampIndex(i), this.zoom = new oe({
       image: () => this.current?.$image ?? null,
       stage: () => this.$refs?.stage ?? null,
-      onChange: (n) => this.syncZoomState(n)
-    }), this.idle = new Se(this.opts.modal ? !1 : this.opts.idleTime, () => this.toggleControls(!0));
+      onChange: (o) => this.syncZoomState(o)
+    }), this.idle = new Ae(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 && v.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 = At(this.opts, this.dict, this.id, this.group.length), { container: i } = s;
-    this.$refs = s, ge(i, this.opts), this.syncChrome(), this.resolveParent().appendChild(i), this.isActive = !0, g.add(this), this.opts.hideScrollbar && q(!0), this.emit("onActivate"), this.emitSlide("beforeShow", this.current), st(() => {
-      this.isActive && (i.classList.add("glare-is-open"), this.showSlide(this.currIndex, !0), this.cleanups.push(Ie(this, i, () => this.onActivity())), this.startModules(s), this.opts.autoFocus && this.focus(), this.idle.reset());
+    this.opts.closeExisting && w.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 = Pt(this.opts, this.dict, this.id, this.group.length), { container: i } = s;
+    this.$refs = s, Se(i, this.opts), this.syncChrome(), this.resolveParent().appendChild(i), this.isActive = !0, b.add(this), this.opts.hideScrollbar && W(!0), this.emit("onActivate"), this.emitSlide("beforeShow", this.current), lt(() => {
+      this.isActive && (i.classList.add("glare-is-open"), this.showSlide(this.currIndex, !0), this.cleanups.push(He(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 = O() ? 0 : this.opts.animationDuration;
+    const { container: t, bg: s } = this.$refs, i = A() ? 0 : this.opts.animationDuration;
     if (i === 0) return this.teardown();
-    t.classList.remove("glare-is-open"), t.classList.add("glare-is-closing"), Ot(s ?? t, i, () => this.teardown());
+    t.classList.remove("glare-is-open"), t.classList.add("glare-is-closing"), Ft(s ?? t, i, () => this.teardown());
   }
   next() {
     this.jumpTo(this.currIndex + 1);
@@ -1071,7 +1132,7 @@ const v = class v {
   }
   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.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) {
@@ -1093,48 +1154,48 @@ const v = class v {
   async showSlide(t, s) {
     const i = this.group[t];
     if (!this.$refs || !i) return;
-    const { container: o, stage: n } = this.$refs, r = kt(n, i, this.opts);
-    Nt(this.opts, i) && Rt(r, this.opts, this.dict), Ft(n, this.opts, this.dict), this.emitSlide("beforeLoad", i), this.opts.image.preload && Ue(this.group, t);
+    const { container: r, stage: o } = this.$refs, n = Nt(o, i, this.opts);
+    Xt(this.opts, i) && Ut(n, this.opts, this.dict), Bt(o, this.opts, this.dict), this.emitSlide("beforeLoad", i), this.opts.image.preload && Ve(this.group, t);
     let a = !1;
     try {
-      await Ze(i, i.$content, this.opts, this.dict);
+      await Ge(i, i.$content, this.opts, this.dict);
     } catch (l) {
-      a = !0, zt(i, l, this.opts, this.dict), this.emitSlide("onError", i), this.opts.onError || console.warn("[glare]", l);
+      a = !0, jt(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), Pt(n), s || ye(o, this.opts), _t(r, s), Ht(n, r, this.opts.transitionDuration), this.syncZoomState(this.zoom.isZoomed), !a && (s && be(o, i, this.opts), this.emitSlide("afterShow", i));
+    if (!this.isActive || this.currIndex !== t) return n.remove();
+    a || this.emitSlide("afterLoad", i), Wt(o), s || Te(r, this.opts), Zt(n, s), qt(o, n, this.opts.transitionDuration), this.syncZoomState(this.zoom.isZoomed), !a && (s && Le(r, i, this.opts), this.emitSlide("afterShow", i));
   }
   syncChrome() {
-    !this.$refs || !this.current || (Zt(this.$refs, this.opts, this.dict, this.current, this.group.length, this.captionFor(this.current)), this.syncZoomState(this.zoom.isZoomed));
+    !this.$refs || !this.current || (Yt(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 && Gt(this.$refs.container, this.dict, t, !!this.current?.$image);
+    this.$refs && se(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 o = this.opts, n = L(o.thumbs, Q);
-    n && (this.thumbs = new he(this, t, n));
-    const r = L(o.slideshow, P);
-    r && (this.slideshow = new ce(this, t, r));
-    const a = L(o.fullscreen, J);
-    a && it() && (this.fullscreen = new Vt(this, t, a));
-    const l = L(o.share, {});
-    l && (this.share = new le(this, t, l)), o.hash && this.galleryName && (this.hash = new ae(this, this.galleryName)), o.wheel && (this.wheel = new pe(s, {
-      mode: o.wheel,
+    const r = this.opts, o = C(r.thumbs, rt);
+    o && (this.thumbs = new ye(this, t, o));
+    const n = C(r.slideshow, z);
+    n && (this.slideshow = new ge(this, t, n));
+    const a = C(r.fullscreen, ot);
+    a && ct() && (this.fullscreen = new ie(this, t, a));
+    const l = C(r.share, {});
+    l && (this.share = new me(this, t, l)), r.hash && this.galleryName && (this.hash = new pe(this, this.galleryName)), r.wheel && (this.wheel = new we(s, {
+      mode: r.wheel,
       current: () => this.current,
       isZoomed: () => this.zoom.isZoomed,
       next: () => this.next(),
       prev: () => this.prev()
-    })), o.touch && (this.gestures = new ne(s, {
+    })), r.touch && (this.gestures = new de(s, {
       zoom: this.zoom,
-      touch: o.touch,
+      touch: r.touch,
       bg: i,
       canPan: () => this.current?.type === "image",
       close: () => this.close(),
@@ -1156,7 +1217,7 @@ const v = class v {
       this.fullscreen
     ])
       t?.destroy();
-    this.gestures = this.wheel = this.hash = null, this.share = 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 && q(!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.share = 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 && W(!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);
@@ -1165,42 +1226,42 @@ const v = class v {
     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 o = new v(t, s, i);
-    return o.open(), o;
+    const r = new w(t, s, i);
+    return r.open(), r;
   }
   static bind(t, s = {}) {
-    return we(t, s, (i, o, n) => {
-      new v(i, s, o, n).open();
+    return Me(t, s, (i, r, o) => {
+      new w(i, s, r, o).open();
     });
   }
   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() {
-    v.close(!0), xe();
+    w.close(!0), $e();
   }
   /** Binds every `[data-glare]` element once the DOM is ready. */
   static autoBind(t = {}) {
-    const s = () => v.bind("[data-glare]", t);
+    const s = () => w.bind("[data-glare]", t);
     document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", s, { once: !0 }) : s();
   }
 };
-v.defaults = tt;
-let F = v;
-const Be = F.autoBind;
+w.defaults = nt;
+let P = w;
+const Qe = P.autoBind;
 export {
-  F as Glare,
-  Be as autoBind,
-  F as default
+  P as Glare,
+  Qe as autoBind,
+  P as default
 };
 //# sourceMappingURL=glare.esm.js.map