@redot-src/glare 1.0.0 → 1.2.0

package/dist/glare.esm.js

@@ -1,1339 +1,1267 @@
-const d = {
-  close: '<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"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>',
-  next: '<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"><path d="m9 18 6-6-6-6"/></svg>',
-  prev: '<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"><path d="m15 18-6-6 6-6"/></svg>',
-  zoomIn: '<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"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/><path d="M11 8v6"/><path d="M8 11h6"/></svg>',
-  zoomOut: '<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"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/><path d="M8 11h6"/></svg>',
-  download: '<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"><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"/></svg>',
-  share: '<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"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg>',
-  thumbs: '<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"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18"/><path d="M9 21V9"/></svg>',
-  play: '<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"><polygon points="6 3 20 12 6 21 6 3"/></svg>',
-  pause: '<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"><rect width="4" height="16" x="6" y="4"/><rect width="4" height="16" x="14" y="4"/></svg>',
-  fullscreen: '<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"><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"/></svg>',
-  fullscreenExit: '<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"><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"/></svg>'
-}, N = {
+const it = {
   CLOSE: "Close",
   NEXT: "Next",
   PREV: "Previous",
   ERROR: "The requested content cannot be loaded.<br/>Please try again later.",
+  LOADING: "Loading",
+  LIGHTBOX: "Media lightbox",
+  GO_TO_SLIDE: "Go to slide {{index}}",
+  VIDEO_UNSUPPORTED: "Your browser does not support HTML5 video.",
   PLAY_START: "Start slideshow",
   PLAY_STOP: "Pause slideshow",
   FULL_SCREEN: "Full screen",
+  FULL_SCREEN_EXIT: "Exit full screen",
   THUMBS: "Thumbnails",
   DOWNLOAD: "Download",
   SHARE: "Share",
-  ZOOM: "Zoom"
-}, _ = {
+  MORE: "More options",
+  COPY: "Copy link",
+  ZOOM: "Zoom",
+  ZOOM_OUT: "Zoom out"
+};
+function pt(e) {
+  const t = e.lang ?? "en";
+  return { ...it, ...e.i18n?.en, ...e.i18n?.[t] };
+}
+function y(e, t) {
+  return e.replace(/\{\{(\w+)\}\}/g, (s, i) => t[i] ?? "");
+}
+function mt(e) {
+  return Object.entries(e).map(([t, s]) => `${encodeURIComponent(t)}=${encodeURIComponent(String(s))}`).join("&");
+}
+function gt(e, t) {
+  return e.replace(/\$(\d+)/g, (s, i) => t[Number(i)] ?? "");
+}
+const yt = {
   youtube: {
     matcher: /(?:youtube\.com|youtu\.be|youtube-nocookie\.com)\/(?:watch\?(?:.*&)?v=|v\/|u\/\w\/|embed\/|shorts\/)?([\w-]{11})/i,
-    type: "iframe",
-    url: (r, t) => `https://www.youtube-nocookie.com/embed/${r[1]}`,
-    thumb: (r) => `https://img.youtube.com/vi/${r[1]}/hqdefault.jpg`,
-    params: {
-      autoplay: 1,
-      rel: 0,
-      modestbranding: 1,
-      playsinline: 1
-    }
+    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",
-    url: (r) => `https://player.vimeo.com/video/${r[1]}`,
-    params: {
-      autoplay: 1,
-      title: 0,
-      byline: 0,
-      portrait: 0
-    }
+    matcher: /vimeo\.com\/(?:video\/)?(\d+)/i,
+    type: "embed",
+    url: "https://player.vimeo.com/video/$1",
+    params: { autoplay: 1, title: 0, byline: 0, portrait: 0 }
   },
   gmap: {
     matcher: /(?:maps\.)?google\.([a-z]{2,3}(?:\.[a-z]{2})?)\/(?:maps\/(?:place\/[^/]+\/)?@([^/]+)|maps\?q=([^&]+)|maps\/search\/([^/?]+))/i,
     type: "iframe",
-    url: (r) => {
-      const t = r[1];
-      if (r[2]) {
-        const s = r[2].split(","), i = s[0], n = s[1], o = s[2] ? Math.floor(parseFloat(s[2])) : 14;
-        return `https://maps.google.${t}/maps?ll=${i},${n}&z=${o}&output=embed`;
+    url: (e) => {
+      const [, t, s, i, r] = e;
+      if (s) {
+        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 e = decodeURIComponent(r[3] || r[4] || "");
-      return `https://maps.google.${t}/maps?q=${encodeURIComponent(e)}&output=embed`;
+      const o = encodeURIComponent(decodeURIComponent(i || r || ""));
+      return `https://maps.google.${t}/maps?q=${o}&output=embed`;
     }
   }
-}, T = {
+};
+function q(e, t, s) {
+  if (typeof e == "function") return e(t, s);
+  if (typeof e == "string") return gt(e, t);
+}
+function bt(e, t) {
+  for (const s of Object.values(t ?? {})) {
+    const i = e.match(s.matcher);
+    if (!i) continue;
+    let r = q(s.url, i, e) ?? e;
+    return s.params && (r += (r.includes("?") ? "&" : "?") + mt(s.params)), {
+      src: r,
+      type: s.type ?? "iframe",
+      thumb: q(s.thumb, i, e)
+    };
+  }
+  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"/>'),
+  share: f('<circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/>'),
+  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>`, vt = `
+<div class="glare-container" role="dialog" aria-modal="true" tabindex="-1">
+  <div class="glare-bg"></div>
+  <div class="glare-progress" hidden></div>
+  <div class="glare-inner">
+    <div class="glare-live glare-sr-only" aria-live="polite" aria-atomic="true"></div>
+    <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)}
+    </div>
+    <div class="glare-stage"></div>
+    <div class="glare-caption"></div>
+  </div>
+</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>`
+}, 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>
+    <button type="button" class="glare-button glare-share-close" data-glare-share-close title="{{CLOSE}}" aria-label="{{CLOSE}}">${u.close}</button>
+  </div>
+  <p><a class="glare-share-link" href="{{url_facebook}}" target="_blank" rel="noopener">Facebook</a></p>
+  <p><a class="glare-share-link" href="{{url_twitter}}" target="_blank" rel="noopener">X / Twitter</a></p>
+  <p><a class="glare-share-link" href="{{url_pinterest}}" target="_blank" rel="noopener">Pinterest</a></p>
+  <div class="glare-share-row">
+    <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>`, rt = {
+  autoStart: !1,
+  axis: "x"
+}, z = {
+  autoStart: !1,
+  speed: 3e3
+}, ot = {
+  autoStart: !1
+}, nt = {
   closeExisting: !1,
   loop: !1,
-  gutter: 50,
   keyboard: !0,
-  preventCaptionOverlap: !0,
+  protect: !1,
+  modal: !1,
+  idleTime: 3,
+  hideScrollbar: !0,
+  autoFocus: !0,
+  backFocus: !0,
+  trapFocus: !0,
+  defaultType: "image",
+  parentEl: "body",
+  baseClass: "",
+  slideClass: "",
   arrows: !0,
   infobar: !0,
-  smallBtn: "auto",
   toolbar: "auto",
+  smallBtn: "auto",
   buttons: ["zoom", "slideshow", "thumbs", "share", "download", "fullscreen", "close"],
-  idleTime: 3,
-  protect: !1,
-  modal: !1,
-  image: {
-    preload: !1
-  },
-  ajax: {
-    settings: {
-      headers: {
-        "X-Requested-With": "XMLHttpRequest"
-      }
-    }
-  },
-  iframe: {
-    preload: !0,
-    css: {},
-    attr: {
-      allowfullscreen: "true",
-      allow: "autoplay; fullscreen; picture-in-picture"
-    },
-    tpl: '<iframe class="glare-iframe" allowfullscreen allow="autoplay; fullscreen; picture-in-picture" src=""></iframe>'
-  },
-  video: {
-    tpl: '<video class="glare-video" controls playsinline controlsList="nodownload" poster="{{poster}}"><source src="{{src}}" type="{{format}}"/>Your browser does not support HTML5 video.</video>',
-    format: "",
-    autoStart: !0
-  },
-  defaultType: "image",
   animationEffect: "zoom",
   animationDuration: 366,
-  zoomOpacity: "auto",
+  zoomOpacity: !0,
   transitionEffect: "fade",
   transitionDuration: 366,
-  slideClass: "",
-  baseClass: "",
-  parentEl: "body",
-  hideScrollbar: !0,
-  autoFocus: !0,
-  backFocus: !0,
-  trapFocus: !0,
-  fullScreen: {
-    autoStart: !1
-  },
-  touch: {
-    vertical: !0,
-    momentum: !0
-  },
-  hash: !0,
-  media: _,
-  slideShow: {
-    autoStart: !1,
-    speed: 3e3
-  },
-  thumbs: {
-    autoStart: !1,
-    hideOnClose: !0,
-    parentEl: ".glare-container",
-    axis: "y"
-  },
-  share: !0,
-  wheel: "auto",
-  clickContent: function(r) {
-    return r.type === "image" ? "zoom" : !1;
-  },
+  clickContent: (e) => e.type === "image" ? "zoom" : !1,
   clickSlide: "close",
-  clickOutside: "close",
   dblclickContent: !1,
   dblclickSlide: !1,
-  dblclickOutside: !1,
+  wheel: "auto",
+  touch: { vertical: !0, momentum: !0 },
   mobile: {
-    preventCaptionOverlap: !1,
     idleTime: !1,
-    clickContent: function(r) {
-      return r.type === "image" ? "toggleControls" : !1;
-    },
-    clickSlide: function(r) {
-      return r.type === "image" ? "toggleControls" : "close";
-    },
-    dblclickContent: function(r) {
-      return r.type === "image" ? "zoom" : !1;
-    },
-    dblclickSlide: function(r) {
-      return r.type === "image" ? "zoom" : !1;
-    }
+    clickContent: (e) => e.type === "image" ? "toggleControls" : !1,
+    clickSlide: (e) => e.type === "image" ? "toggleControls" : "close",
+    dblclickContent: (e) => e.type === "image" ? "zoom" : !1,
+    dblclickSlide: (e) => e.type === "image" ? "zoom" : !1
   },
-  lang: "en",
-  i18n: {
-    en: N
+  image: { preload: !1 },
+  video: { tpl: St, format: "", autoStart: !0 },
+  iframe: {
+    preload: !0,
+    css: {},
+    attr: { allowfullscreen: "true", allow: "autoplay; fullscreen; picture-in-picture" },
+    tpl: Tt
   },
-  spinnerTpl: '<div class="glare-spinner" role="status" aria-label="Loading"></div>',
-  errorTpl: '<div class="glare-error"><p>{{ERROR}}</p></div>',
-  baseTpl: `
-    <div class="glare-container" role="dialog" aria-modal="true" tabindex="-1">
-      <div class="glare-bg"></div>
-      <div class="glare-inner">
-        <div class="glare-infobar"><span class="glare-infobar-index"></span></div>
-        <div class="glare-toolbar"></div>
-        <div class="glare-navigation">
-          <button type="button" class="glare-button glare-button--prev" data-glare-prev title="{{PREV}}" aria-label="{{PREV}}">${d.prev}</button>
-          <button type="button" class="glare-button glare-button--next" data-glare-next title="{{NEXT}}" aria-label="{{NEXT}}">${d.next}</button>
-        </div>
-        <div class="glare-stage"></div>
-        <div class="glare-caption"></div>
-      </div>
-    </div>
-  `,
-  btnTpl: {
-    download: `<a class="glare-button glare-button--download" data-glare-download download title="{{DOWNLOAD}}" aria-label="{{DOWNLOAD}}" href="javascript:;">${d.download}</a>`,
-    zoom: `<button type="button" class="glare-button glare-button--zoom" data-glare-zoom title="{{ZOOM}}" aria-label="{{ZOOM}}">${d.zoomIn}</button>`,
-    close: `<button type="button" class="glare-button glare-button--close" data-glare-close title="{{CLOSE}}" aria-label="{{CLOSE}}">${d.close}</button>`,
-    share: `<button type="button" class="glare-button glare-button--share" data-glare-share title="{{SHARE}}" aria-label="{{SHARE}}">${d.share}</button>`,
-    thumbs: `<button type="button" class="glare-button glare-button--thumbs" data-glare-thumbs title="{{THUMBS}}" aria-label="{{THUMBS}}">${d.thumbs}</button>`,
-    slideshow: `<button type="button" class="glare-button glare-button--slideshow" data-glare-slideshow title="{{PLAY_START}}" aria-label="{{PLAY_START}}">${d.play}</button>`,
-    fullscreen: `<button type="button" class="glare-button glare-button--fullscreen" data-glare-fullscreen title="{{FULL_SCREEN}}" aria-label="{{FULL_SCREEN}}">${d.fullscreen}</button>`,
-    smallBtn: `<button type="button" class="glare-button glare-close-small" data-glare-close title="{{CLOSE}}" aria-label="{{CLOSE}}">${d.close}</button>`
-  }
-};
-function D(r) {
-  return typeof r == "object" && r !== null && !Array.isArray(r);
-}
-function L(r, ...t) {
-  const e = { ...r };
-  for (const s of t)
-    if (!(!s || typeof s != "object"))
-      for (const [i, n] of Object.entries(s)) {
-        if (n === void 0) continue;
-        const o = e[i];
-        D(o) && D(n) && !Array.isArray(n) ? e[i] = L(
-          o,
-          n
-        ) : e[i] = n;
-      }
-  return e;
+  ajax: { settings: { headers: { "X-Requested-With": "XMLHttpRequest" } } },
+  media: yt,
+  hash: !0,
+  slideshow: z,
+  thumbs: rt,
+  fullscreen: ot,
+  share: !0,
+  lang: "en",
+  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 p(r, t = document) {
-  return t.querySelector(r);
+function It(e) {
+  const t = e.match(/\.(\w+)(?:\?|$)/)?.[1]?.toLowerCase();
+  return t ? `video/${t === "ogv" ? "ogg" : t}` : "video/mp4";
 }
-function S(r, t = document) {
-  return Array.from(t.querySelectorAll(r));
+function at(e, t, s) {
+  const i = typeof e == "string" ? { src: e } : { ...e };
+  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: r,
+    type: o,
+    thumb: n,
+    caption: i.caption ?? i.title ?? "",
+    isLoaded: !1,
+    hasError: !1
+  };
+}
+const m = (e, t) => e.getAttribute(t) || void 0;
+function Dt(e, t) {
+  return e.map((s, i) => {
+    const r = s.querySelector("img"), o = m(s, "data-caption") ?? m(s, "title") ?? "";
+    return at(
+      {
+        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,
+      t
+    );
+  });
 }
-function b(r, t, e) {
-  const s = document.createElement(r);
-  return t && (s.className = t), e !== void 0 && (s.innerHTML = e), s;
+function kt(e, t) {
+  return e.length && e[0] instanceof HTMLElement ? Dt(e, t) : e.map((s, i) => at(s, i, t));
 }
-function c(r, t, e, s) {
-  return r.addEventListener(t, e, s), () => r.removeEventListener(t, e, s);
+function c(e, t = document) {
+  return t.querySelector(e);
 }
-function m(r, t) {
-  for (const [e, s] of Object.entries(t))
-    s == null ? r.style.removeProperty(U(e)) : r.style[e] = String(s);
+function $(e, t = document) {
+  return Array.from(t.querySelectorAll(e));
 }
-function U(r) {
-  return r.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
+function g(e, t = "", s = "") {
+  const i = document.createElement(e);
+  return t && (i.className = t), s && (i.innerHTML = s), i;
 }
-function x(r, t, e) {
-  return Math.min(e, Math.max(t, r));
+function Rt(e) {
+  return g("div", "", e.trim()).firstElementChild;
 }
-function W() {
-  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
-    navigator.userAgent
-  ) || navigator.maxTouchPoints > 1 && window.matchMedia("(pointer: coarse)").matches;
+function O(e) {
+  return /[<&]/.test(e) ? new DOMParser().parseFromString(e, "text/html").body.textContent?.trim() ?? "" : e.trim();
 }
-function X() {
-  return window.innerWidth - document.documentElement.clientWidth;
+function _t(e, t = document) {
+  return e ? typeof e != "string" ? e : c(e, t) ?? c(e) : null;
 }
-function R(r) {
-  const t = document.documentElement;
-  if (r) {
-    const e = X();
-    t.classList.add("glare-lock"), e > 0 && (t.style.marginRight = `${e}px`);
-  } else document.querySelector(".glare-container") || (t.classList.remove("glare-lock"), t.style.marginRight = "");
+function U(e) {
+  return typeof e == "number" ? `${e}px` : e;
 }
-function $(r, t) {
-  return r.replace(/\{\{(\w+)\}\}/g, (e, s) => t[s] ?? "");
+function h(e, t, s, i) {
+  return e.addEventListener(t, s, i), () => e.removeEventListener(t, s, i);
 }
-function E(r) {
-  return r.getBoundingClientRect();
+function lt(e) {
+  requestAnimationFrame(() => requestAnimationFrame(e));
 }
-function q(r) {
-  return window.requestAnimationFrame(r);
+function Ft(e, t, s) {
+  let i = !1;
+  const r = () => {
+    i || (i = !0, clearTimeout(n), e.removeEventListener("transitionend", o), s());
+  }, o = (a) => {
+    a.target === e && r();
+  };
+  e.addEventListener("transitionend", o);
+  const n = setTimeout(r, t + 50);
 }
-function A(r) {
-  q(() => q(r));
+function Ht() {
+  return navigator.maxTouchPoints > 0 && window.matchMedia("(pointer: coarse)").matches;
 }
-function M() {
+function A() {
   return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function Y(r) {
-  return Object.entries(r).map(([t, e]) => `${encodeURIComponent(t)}=${encodeURIComponent(String(e))}`).join("&");
-}
-function j(r, t) {
-  const e = r.x - t.x, s = r.y - t.y;
-  return Math.hypot(e, s);
+function ct() {
+  const e = document;
+  return !!(e.fullscreenEnabled ?? e.webkitFullscreenEnabled);
 }
-function V(r, t) {
-  return { x: (r.x + t.x) / 2, y: (r.y + t.y) / 2 };
+const B = "glare-lock";
+function W(e) {
+  const t = document.documentElement;
+  if (e) {
+    const s = window.innerWidth - t.clientWidth;
+    t.classList.add(B), s > 0 && (t.style.marginRight = `${s}px`);
+  } else
+    t.classList.remove(B), t.style.marginRight = "";
 }
-function I(r) {
-  return "touches" in r ? Array.from(r.touches).map((t) => ({ x: t.clientX, y: t.clientY })) : [{ x: r.clientX, y: r.clientY }];
+const S = "glare-hidden";
+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 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;
 }
-class G {
-  constructor(t) {
-    this.state = {
-      isPanning: !1,
-      isSwiping: !1,
-      isZooming: !1,
-      startPoints: [],
-      lastPoints: [],
-      startDistance: 0,
-      startScale: 1,
-      startTranslate: { x: 0, y: 0 },
-      currentTranslate: { x: 0, y: 0 },
-      scale: 1,
-      startTime: 0,
-      moved: !1
-    }, this.cleanups = [], this.pointerId = null, this.instance = t;
-  }
-  attach(t) {
-    this.detach(), this.cleanups.push(
-      c(t, "pointerdown", (e) => this.onPointerDown(e), { passive: !1 }),
-      c(window, "pointermove", (e) => this.onPointerMove(e), { passive: !1 }),
-      c(window, "pointerup", (e) => this.onPointerUp(e)),
-      c(window, "pointercancel", (e) => this.onPointerUp(e)),
-      c(t, "touchstart", (e) => this.onTouchStart(e), { passive: !1 }),
-      c(t, "touchmove", (e) => this.onTouchMove(e), { passive: !1 }),
-      c(t, "touchend", (e) => this.onTouchEnd(e)),
-      c(t, "touchcancel", (e) => this.onTouchEnd(e))
-    );
-  }
-  detach() {
-    this.cleanups.forEach((t) => t()), this.cleanups = [];
-  }
-  touchEnabled() {
-    return this.instance.opts.touch !== !1;
-  }
-  onPointerDown(t) {
-    if (!this.touchEnabled() || t.pointerType === "touch" || t.button !== 0 || t.target.closest("a, button, input, textarea, select, .glare-thumbs")) return;
-    this.pointerId = t.pointerId;
-    const s = [{ x: t.clientX, y: t.clientY }];
-    this.begin(s);
-  }
-  onPointerMove(t) {
-    this.pointerId === t.pointerId && this.move([{ x: t.clientX, y: t.clientY }], t);
-  }
-  onPointerUp(t) {
-    this.pointerId === t.pointerId && (this.pointerId = null, this.end([{ x: t.clientX, y: t.clientY }]));
-  }
-  onTouchStart(t) {
-    !this.touchEnabled() || t.target.closest("a, button, input, textarea, select, .glare-thumbs") || this.begin(I(t));
-  }
-  onTouchMove(t) {
-    this.move(I(t), t);
-  }
-  onTouchEnd(t) {
-    this.end(I(t));
-  }
-  begin(t) {
-    const e = this.instance.getZoomState();
-    this.state = {
-      isPanning: !1,
-      isSwiping: !1,
-      isZooming: t.length >= 2,
-      startPoints: t,
-      lastPoints: t,
-      startDistance: t.length >= 2 ? j(t[0], t[1]) : 0,
-      startScale: e.scale,
-      startTranslate: { x: e.x, y: e.y },
-      currentTranslate: { x: e.x, y: e.y },
-      scale: e.scale,
-      startTime: performance.now(),
-      moved: !1
-    };
-  }
-  move(t, e) {
-    if (!this.state.startPoints.length) return;
-    const s = this.instance.current;
-    if (!s) return;
-    if (t.length >= 2 && this.state.startPoints.length >= 2) {
-      e.preventDefault(), this.state.isZooming = !0, this.state.moved = !0;
-      const h = j(t[0], t[1]), f = x(
-        h / (this.state.startDistance || h) * this.state.startScale,
-        1,
-        5
-      ), w = V(t[0], t[1]);
-      this.state.scale = f, this.instance.applyZoom(f, w.x, w.y, !1), this.state.lastPoints = t;
-      return;
-    }
-    if (!t.length || !this.state.startPoints.length) return;
-    const i = t[0].x - this.state.startPoints[0].x, n = t[0].y - this.state.startPoints[0].y, o = Math.abs(i), a = Math.abs(n);
-    if (!this.state.moved && o < 6 && a < 6) return;
-    this.state.moved = !0;
-    const l = this.instance.getZoomState();
-    if (l.scale > 1.01 && s.type === "image" || this.state.isPanning) {
-      e.preventDefault(), this.state.isPanning = !0;
-      const h = this.state.startTranslate.x + i, f = this.state.startTranslate.y + n;
-      this.state.currentTranslate = { x: h, y: f }, this.instance.applyZoom(l.scale, h, f, !1);
-    } else {
-      const h = this.instance.opts.touch;
-      if (!(h && typeof h == "object" ? h.vertical !== !1 : !0) && a > o) return;
-      e.preventDefault(), this.state.isSwiping = !0, this.instance.onSwipe(i, n, !1);
-    }
-    this.state.lastPoints = t;
-  }
-  end(t) {
-    if (!this.state.startPoints.length) return;
-    const e = Math.max(performance.now() - this.state.startTime, 1), s = t[0] || this.state.lastPoints[0] || this.state.startPoints[0], i = this.state.startPoints[0], n = s.x - i.x, o = s.y - i.y, a = { x: n / e, y: o / e };
-    if (this.state.isSwiping)
-      this.instance.onSwipe(n, o, !0, a);
-    else if (this.state.isPanning) {
-      const l = this.instance.opts.touch;
-      if (l && typeof l == "object" ? l.momentum !== !1 : !0) {
-        const h = this.instance.getZoomState();
-        this.instance.applyZoom(
-          h.scale,
-          this.state.currentTranslate.x + a.x * 120,
-          this.state.currentTranslate.y + a.y * 120,
-          !0
-        );
-      }
-    }
-    this.state.startPoints = [], this.state.isPanning = !1, this.state.isSwiping = !1, this.state.isZooming = !1;
-  }
-  wasMoved() {
-    return this.state.moved;
-  }
-  resetMoved() {
-    this.state.moved = !1;
+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" && !ct() || o === "more" || o === "close") continue;
+    const n = t.btnTpl[o];
+    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));
   }
 }
-class K {
-  constructor(t) {
-    this.cleanups = [], this.instance = t;
-  }
-  init() {
-    this.cleanups.push(
-      c(document, "fullscreenchange", () => this.sync()),
-      c(document, "webkitfullscreenchange", () => this.sync())
-    );
+function Nt(e, t, s) {
+  const i = g("div", `glare-slide glare-slide--${t.type}`);
+  s.slideClass && i.classList.add(s.slideClass);
+  const r = g("div", "glare-content");
+  return i.appendChild(r), e.appendChild(i), t.$slide = i, t.$content = r, i;
+}
+function Zt(e, t) {
+  t && (e.style.transition = "none"), e.offsetWidth, e.classList.add("glare-slide--current"), t && (e.offsetWidth, e.style.transition = "");
+}
+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 Ut(e, t, s) {
+  e.insertAdjacentHTML("beforeend", y(t.btnTpl.smallBtn ?? "", s));
+}
+function Bt(e, t, s) {
+  e.querySelector(":scope > .glare-spinner") || e.insertAdjacentHTML("beforeend", y(t.spinnerTpl, s));
+}
+function Wt(e) {
+  e.querySelector(":scope > .glare-spinner")?.remove();
+}
+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 ht(e, t) {
+  return typeof e.toolbar == "boolean" ? e.toolbar : t.type === "image";
+}
+function Xt(e, t) {
+  return typeof e.smallBtn == "boolean" ? e.smallBtn : !ht(e, t);
+}
+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 Gt(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 = ht(t, s);
+  if (e.classList.toggle(S, !i), !i) return;
+  const r = s.type === "image";
+  c("[data-glare-zoom]", e)?.classList.toggle(S, !r);
+}
+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 Kt(e, t, s) {
+  const i = c(".glare-infobar-index", e);
+  i && (i.textContent = `${t + 1} / ${s}`);
+}
+function Qt(e, t) {
+  e.innerHTML = t, e.classList.toggle(S, !t);
+}
+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 j(e, t) {
+  e && (e.classList.toggle("glare-is-disabled", t), e.setAttribute("aria-disabled", String(t)));
+}
+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 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 se(e, t, s, i) {
+  e.classList.toggle("glare-can-zoom-out", s), e.classList.toggle("glare-can-zoom-in", !s && i);
+  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 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 ie {
+  constructor(t, s, i) {
+    this.glare = t, this.container = s, this.offs = [
+      h(document, "fullscreenchange", () => this.sync()),
+      h(document, "webkitfullscreenchange", () => this.sync())
+    ], i.autoStart && this.request();
   }
   isFullscreen() {
     const t = document;
-    return !!(document.fullscreenElement || t.webkitFullscreenElement || t.mozFullScreenElement || t.msFullscreenElement);
+    return !!(t.fullscreenElement ?? t.webkitFullscreenElement);
   }
   request() {
-    const t = this.instance.$refs.container || document.documentElement;
-    (t.requestFullscreen || t.webkitRequestFullscreen || t.mozRequestFullScreen || t.msRequestFullscreen)?.call(t);
+    const t = this.container;
+    (t.requestFullscreen ?? t.webkitRequestFullscreen)?.call(t);
   }
   exit() {
-    const t = document, e = document.exitFullscreen || t.webkitExitFullscreen || t.mozCancelFullScreen || t.msExitFullscreen;
-    this.isFullscreen() && e?.call(document);
+    if (!this.isFullscreen()) return;
+    const t = document;
+    (t.exitFullscreen ?? t.webkitExitFullscreen)?.call(document);
   }
   toggle() {
     this.isFullscreen() ? this.exit() : this.request();
   }
+  destroy() {
+    this.exit(), this.offs.forEach((t) => t());
+  }
   sync() {
     const t = this.isFullscreen();
-    this.instance.$refs.container?.classList.toggle("glare-is-fullscreen", t);
-    const e = this.instance.$refs.container?.querySelector(
-      "[data-glare-fullscreen]"
+    this.container.classList.toggle("glare-is-fullscreen", t);
+    const s = c("[data-glare-fullscreen]", this.container);
+    if (!s) return;
+    const { dict: i } = this.glare;
+    N(
+      s,
+      t,
+      t ? i.FULL_SCREEN_EXIT : i.FULL_SCREEN,
+      t ? u.fullscreenExit : u.fullscreen
     );
-    e && (e.innerHTML = t ? d.fullscreenExit : d.fullscreen, e.classList.toggle("is-active", t));
+  }
+}
+function X(e) {
+  if (typeof e != "object" || e === null) return !1;
+  const t = Object.getPrototypeOf(e);
+  return t === Object.prototype || t === null;
+}
+function R(...e) {
+  const t = {};
+  for (const s of e)
+    if (s)
+      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 E(e, t, s) {
+  return Math.min(s, Math.max(t, e));
+}
+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 > re;
+  }
+  get state() {
+    return { scale: this.scale, x: this.x, y: this.y };
+  }
+  /** Centre of the image in viewport coordinates, ignoring the current translation. */
+  center() {
+    const t = this.target.image();
+    if (!t) return null;
+    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, 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(), 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();
+    t && (t.style.transform = "", t.style.transitionDuration = ""), this.scale = T, this.x = 0, this.y = 0, this.target.onChange(!1);
+  }
+  /** Keeps the scaled image from being dragged fully out of the stage. */
+  bounded(t, s) {
+    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 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)),
+      h(window, "pointermove", (i) => this.onMove(i), { passive: !1 }),
+      h(window, "pointerup", (i) => this.onUp(i)),
+      h(window, "pointercancel", (i) => this.onUp(i))
+    ];
   }
   destroy() {
-    this.isFullscreen() && this.exit(), this.cleanups.forEach((t) => t()), this.cleanups = [];
+    this.offs.forEach((t) => t()), this.pointers.clear();
+  }
+  /** Returns whether the last gesture moved, then clears the flag. */
+  consumeMoved() {
+    const t = this.moved;
+    return this.moved = !1, t;
+  }
+  onDown(t) {
+    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));
+  }
+  onUp(t) {
+    this.pointers.has(t.pointerId) && (this.pointers.delete(t.pointerId), this.pointers.size === 0 ? this.end(I(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 = G(t[0], t[1]), this.startMid = V(t[0], t[1]));
+  }
+  move(t) {
+    const s = [...this.pointers.values()];
+    if (!this.start.length || !s.length) return;
+    if (this.mode === "pinch" && s.length >= 2) {
+      t.preventDefault(), this.moved = !0, this.pinch(s[0], s[1]);
+      return;
+    }
+    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 + r);
+      else if (this.mode === "swipe") {
+        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, r = V(t, s), o = i.center() ?? r, n = E(
+      this.startZoom.scale * G(t, s) / (this.startDistance || 1),
+      T,
+      _
+    ), 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, r = t.y - this.start[0].y, o = { x: i / s, y: r / s };
+    if (this.mode === "swipe")
+      this.releaseStage(), this.finishSwipe(i, r, o);
+    else if (this.mode === "pan" && this.host.touch.momentum !== !1) {
+      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);
+  }
+  /** Moves the whole stage with the finger and dims the backdrop on vertical drags. */
+  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(E(1 - Math.abs(s) / 400, 0.35, 1)));
+  }
+  releaseStage() {
+    this.stage.style.transitionDuration = "", this.stage.style.transform = "";
+    const { bg: t } = this.host;
+    t && (t.style.transitionDuration = "", t.style.opacity = "");
+  }
+  /** 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) > ae || Math.abs(i.y) > le) && this.host.close();
+      return;
+    }
+    (Math.abs(t) > ce || Math.abs(i.x) > he) && (t < 0 ? this.host.next() : this.host.prev());
   }
 }
-function P() {
-  const r = window.location.hash.replace(/^#/, "");
-  if (!r) return null;
-  const t = r.match(/^(?:glare-)?(.+?)(?:-|\/)(\d+)$/);
+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 Q(r, t) {
-  return `${r}-${t + 1}`;
-}
-const F = class F {
-  constructor(t, e) {
-    this.cleanups = [], this.skipping = !1, this.instance = t, this.gallery = e || "gallery";
-  }
-  init() {
-    this.cleanups.push(
-      c(window, "hashchange", () => {
-        if (this.skipping) return;
-        const t = P();
-        if (!t || t.gallery !== this.gallery) {
-          this.instance.isActive && this.instance.close();
-          return;
-        }
-        t.index !== this.instance.currIndex && this.instance.jumpTo(t.index);
-      })
-    ), this.update();
-  }
-  update(t = this.instance.currIndex) {
-    if (!this.gallery) return;
-    const e = Q(this.gallery, t);
-    if (window.location.hash.replace(/^#/, "") === e) return;
-    this.skipping = !0;
-    const s = `${window.location.pathname}${window.location.search}#${e}`;
-    window.history.replaceState(null, "", s), queueMicrotask(() => {
-      this.skipping = !1;
-    });
+function K(e, t) {
+  return `${e}-${t + 1}`;
+}
+class pe {
+  constructor(t, s) {
+    this.glare = t, this.gallery = s, this.pushed = !1, this.off = h(window, "hashchange", () => this.onHashChange());
+    const i = K(s, t.currIndex);
+    Q() !== i && (window.history.pushState(null, "", `#${i}`), this.pushed = !0);
   }
-  clear() {
-    const t = P();
-    if (t && t.gallery === this.gallery) {
-      this.skipping = !0;
-      const e = `${window.location.pathname}${window.location.search}`;
-      window.history.replaceState(null, "", e), queueMicrotask(() => {
-        this.skipping = !1;
-      });
-    }
+  update(t = this.glare.currIndex) {
+    const s = K(this.gallery, t);
+    Q() !== s && this.replace(`#${s}`);
   }
   destroy() {
-    this.clear(), this.cleanups.forEach((t) => t()), this.cleanups = [];
+    this.off(), F()?.gallery === this.gallery && (this.pushed ? window.history.back() : this.replace(""));
   }
-};
-F.parse = P;
-let O = F;
-const H = /\.(avif|bmp|gif|jpe?g|png|svg|webp|ico)(\?.*)?$/i, Z = /\.(mp4|webm|ogg|ogv|mov|m4v)(\?.*)?$/i, J = /\.pdf(\?.*)?$/i;
-function tt(r, t) {
-  return t || (r ? r.startsWith("#") || r.startsWith(".") ? "inline" : H.test(r) ? "image" : Z.test(r) ? "video" : J.test(r) || /^https?:\/\//i.test(r) || r.startsWith("//") || r.startsWith("/") ? "iframe" : "html" : "html");
-}
-function et(r, t) {
-  if (!t) return null;
-  for (const e of Object.values(t)) {
-    const s = r.match(e.matcher);
-    if (!s) continue;
-    let i = r;
-    if (typeof e.url == "function" ? i = e.url(s, r) : typeof e.url == "string" && (i = e.url.replace(/\$(\d+)/g, (o, a) => s[Number(a)] || "")), e.params) {
-      const o = i.includes("?") ? "&" : "?";
-      i += o + Y(e.params);
-    }
-    let n;
-    return typeof e.thumb == "function" ? n = e.thumb(s, r) : typeof e.thumb == "string" && (n = e.thumb.replace(/\$(\d+)/g, (o, a) => s[Number(a)] || "")), {
-      src: i,
-      type: e.type || "iframe",
-      thumb: n
-    };
+  onHashChange() {
+    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) {
+    const { pathname: s, search: i } = window.location;
+    window.history.replaceState(null, "", `${s}${i}${t}`);
   }
-  return null;
-}
-function B(r, t, e) {
-  const s = typeof r == "string" ? { src: r } : { ...r };
-  let i = s.src || "", n = s.type, o = s.thumb;
-  s.html && !i && (n = "html", i = "");
-  const a = i ? et(i, e.media) : null;
-  a && (i = a.src || i, n = a.type || n, o = o || a.thumb), n || (s.content || s.html ? n = "html" : n = tt(i, e.defaultType)), n === "iframe" && H.test(i) && (n = "image"), n === "iframe" && Z.test(i) && (n = "video");
-  const l = {
-    ...s,
-    index: t,
-    src: i,
-    type: n,
-    thumb: o,
-    caption: s.caption ?? s.title ?? "",
-    isLoaded: !1,
-    isComplete: !1,
-    hasError: !1,
-    canZoomIn: !1,
-    canZoomOut: !1
-  };
-  return s.opts && (l.opts = L({}, e, s.opts)), l;
-}
-function st(r, t) {
-  return r.map((e, s) => {
-    const i = e.getAttribute("data-src") || e.getAttribute("data-glare-src") || e.getAttribute("href") || "", n = e.getAttribute("data-type") || e.getAttribute("data-glare-type") || void 0, o = e.getAttribute("data-caption") || e.getAttribute("data-glare-caption") || e.getAttribute("title") || "", a = e.getAttribute("data-thumb") || e.getAttribute("data-glare-thumb") || e.querySelector("img")?.getAttribute("src") || void 0, l = e.getAttribute("data-width") || void 0, u = e.getAttribute("data-height") || void 0, h = e.getAttribute("data-poster") || void 0, f = e.getAttribute("data-download-src") || e.getAttribute("data-glare-download") || void 0;
-    let w;
-    const C = e.getAttribute("data-html") || e.getAttribute("data-glare-html");
-    return C && (w = C), B(
-      {
-        src: i,
-        type: n,
-        caption: o,
-        thumb: a,
-        width: l,
-        height: u,
-        poster: h,
-        downloadSrc: f,
-        html: w,
-        alt: e.querySelector("img")?.getAttribute("alt") || o || "",
-        $trigger: e
-      },
-      s,
-      t
-    );
-  });
 }
-const it = `
-<div class="glare-share">
-  <h4 class="glare-share-title">{{SHARE}}</h4>
-  <p><a class="glare-share-link" href="{{url_facebook}}" target="_blank" rel="noopener">Facebook</a></p>
-  <p><a class="glare-share-link" href="{{url_twitter}}" target="_blank" rel="noopener">X / Twitter</a></p>
-  <p><a class="glare-share-link" href="{{url_pinterest}}" target="_blank" rel="noopener">Pinterest</a></p>
-  <p><input class="glare-share-input" type="text" value="{{url_direct}}" readonly /></p>
-</div>
-`;
-class nt {
-  constructor(t, e) {
-    this.$overlay = null, this.cleanups = [], this.instance = t, this.opts = e === !0 ? {} : e;
+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;
+  }
+  get isOpen() {
+    return this.overlay !== null;
   }
   open() {
-    const t = this.instance.current;
-    if (!t || !this.instance.$refs.container) return;
+    const { current: t, dict: s } = this.glare;
+    if (!t) return;
     this.close();
-    const e = this.resolveUrl(t), s = encodeURIComponent(e), i = encodeURIComponent(t.thumb || t.src || e), n = encodeURIComponent(t.caption || ""), o = this.instance.opts.lang || "en", a = {
-      ...this.instance.opts.i18n?.en || {},
-      ...this.instance.opts.i18n?.[o] || {},
-      url_direct: e,
-      url_facebook: `https://www.facebook.com/sharer/sharer.php?u=${s}`,
-      url_twitter: `https://twitter.com/intent/tweet?url=${s}&text=${n}`,
-      url_pinterest: `https://pinterest.com/pin/create/button/?url=${s}&media=${i}&description=${n}`
-    }, l = $(this.opts.tpl || it, a);
-    this.$overlay = b("div", "glare-share-overlay", l), this.instance.$refs.container.appendChild(this.$overlay), this.$overlay.querySelector(".glare-share-input")?.select(), this.cleanups.push(
-      c(this.$overlay, "click", (h) => {
-        h.target === this.$overlay && this.close();
-      })
-    );
+    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=${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 = 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 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() {
-    this.cleanups.forEach((t) => t()), this.cleanups = [], this.$overlay?.remove(), this.$overlay = null;
-  }
-  resolveUrl(t) {
-    return typeof this.opts.url == "function" ? this.opts.url(t) : typeof this.opts.url == "string" ? this.opts.url : t.src && /^https?:\/\//i.test(t.src) ? t.src : window.location.href;
+    if (!this.overlay) return;
+    const t = this.overlay.contains(document.activeElement);
+    if (this.off?.(), this.off = null, this.overlay.remove(), this.overlay = null, !t) return;
+    const s = c("[data-glare-share]", this.container);
+    s ? s.focus() : this.glare.focus();
   }
   destroy() {
     this.close();
   }
-}
-class rt {
-  constructor(t, e) {
-    this.timer = null, this.active = !1, this.instance = t, this.opts = e;
+  async copy(t, s) {
+    try {
+      await navigator.clipboard.writeText(t);
+    } catch {
+      s?.select(), document.execCommand("copy");
+    }
+    s?.select();
   }
-  init() {
-    this.opts.autoStart && this.start();
+  resolveUrl(t) {
+    const { url: s } = this.opts;
+    return typeof s == "function" ? s(t) : s || (/^https?:\/\//i.test(t.src) ? t.src : window.location.href);
+  }
+}
+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();
   }
   isActive() {
     return this.active;
   }
   start() {
-    this.instance.group.length < 2 || (this.active = !0, this.instance.$refs.container?.classList.add("glare-is-slideshow"), this.updateButton(), this.queue());
+    this.glare.group.length < 2 || (this.active = !0, this.container.classList.add("glare-is-slideshow"), this.syncButton(), this.schedule());
   }
   stop() {
-    this.active = !1, this.clear(), this.instance.$refs.container?.classList.remove("glare-is-slideshow"), this.updateButton();
+    this.active = !1, this.clearTimer(), this.setProgress(0, !0), this.container.classList.remove("glare-is-slideshow"), this.syncButton();
   }
   toggle() {
     this.active ? this.stop() : this.start();
   }
-  queue() {
-    this.clear(), this.active && (this.timer = setTimeout(() => {
-      this.active && (this.instance.next(), this.queue());
-    }, this.opts.speed || 3e3));
-  }
-  clear() {
-    this.timer && (clearTimeout(this.timer), this.timer = null);
-  }
-  updateButton() {
-    const t = this.instance.$refs.container?.querySelector(
-      "[data-glare-slideshow]"
-    );
-    if (!t) return;
-    const e = this.active ? this.getLabel("PLAY_STOP") : this.getLabel("PLAY_START");
-    t.setAttribute("title", e), t.setAttribute("aria-label", e), t.innerHTML = this.active ? d.pause : d.play, t.classList.toggle("is-active", this.active);
-  }
-  getLabel(t) {
-    const e = this.instance.opts.lang || "en";
-    return {
-      ...this.instance.opts.i18n?.en || {},
-      ...this.instance.opts.i18n?.[e] || {}
-    }[t] || t;
+  onIndexChange() {
+    this.active && this.schedule();
   }
   destroy() {
     this.stop();
   }
-}
-class ot {
-  constructor(t, e) {
-    this.isActive = !1, this.$container = null, this.$list = null, this.cleanups = [], this.instance = t, this.opts = e;
-  }
-  init() {
-    if (this.instance.group.length < 2) return;
-    const t = typeof this.opts.parentEl == "string" ? p(this.opts.parentEl) || this.instance.$refs.container : this.opts.parentEl || this.instance.$refs.container;
-    if (t) {
-      this.$container = b("div", `glare-thumbs glare-thumbs--${this.opts.axis || "y"}`), this.$list = b("div", "glare-thumbs-list"), this.$container.appendChild(this.$list);
-      for (const e of this.instance.group) {
-        const s = b("button", "glare-thumbs-item");
-        if (s.type = "button", s.setAttribute("aria-label", `Go to slide ${e.index + 1}`), s.dataset.index = String(e.index), e.thumb || e.type === "image" && e.src) {
-          const i = b("img");
-          i.src = e.thumb || e.src, i.alt = e.alt || e.caption || "", i.loading = "lazy", s.appendChild(i);
-        } else
-          s.textContent = String(e.index + 1);
-        this.$list.appendChild(s), this.cleanups.push(
-          c(s, "click", () => {
-            this.instance.jumpTo(e.index);
-          })
-        );
-      }
-      t.appendChild(this.$container), this.opts.autoStart && this.show(), this.focus(this.instance.currIndex);
-    }
+  get speed() {
+    return this.opts.speed ?? z.speed;
   }
-  show() {
-    this.$container && (this.isActive = !0, this.$container.classList.add("glare-thumbs--active"), this.instance.$refs.container?.classList.add("glare-show-thumbs"));
+  get atEnd() {
+    return !this.glare.opts.loop && this.glare.currIndex === this.glare.group.length - 1;
   }
-  hide() {
-    this.$container && (this.isActive = !1, this.$container.classList.remove("glare-thumbs--active"), this.instance.$refs.container?.classList.remove("glare-show-thumbs"));
+  schedule() {
+    this.clearTimer(), this.setProgress(0), A() || (this.bar?.offsetWidth, this.setProgress(1)), this.timer = setTimeout(() => this.atEnd ? this.stop() : this.glare.next(), this.speed);
   }
-  toggle() {
-    this.isActive ? this.hide() : this.show();
+  clearTimer() {
+    this.timer && clearTimeout(this.timer), this.timer = null;
   }
-  focus(t = this.instance.currIndex) {
-    if (!this.$list) return;
-    S(".glare-thumbs-item", this.$list).forEach((s) => {
-      s.classList.toggle("is-active", Number(s.dataset.index) === t);
-    }), this.$list.querySelector(".is-active")?.scrollIntoView({ block: "nearest", inline: "nearest", behavior: "smooth" });
+  setProgress(t, s = !1) {
+    this.bar && (this.bar.hidden = s, this.bar.style.transitionDuration = t ? `${this.speed}ms` : "0ms", this.bar.style.transform = `scaleX(${t})`);
   }
-  destroy() {
-    this.opts.hideOnClose !== !1 && this.hide(), this.cleanups.forEach((t) => t()), this.cleanups = [], this.$container?.remove(), this.$container = null, this.$list = null;
-  }
-}
-class at {
-  constructor(t, e) {
-    this.cleanups = [], this.locked = !1, this.instance = t, this.mode = e;
-  }
-  init(t) {
-    this.mode !== !1 && this.cleanups.push(
-      c(
-        t,
-        "wheel",
-        (e) => {
-          const s = e;
-          if (this.locked) return;
-          const i = this.instance.current;
-          i && (this.mode === "auto" && i.type !== "image" || i.type === "image" && this.instance.$refs.container?.classList.contains("glare-can-zoom-out") || (s.preventDefault(), this.locked = !0, s.deltaY > 0 ? this.instance.next() : this.instance.prev(), setTimeout(() => {
-            this.locked = !1;
-          }, 350)));
-        },
-        { passive: !1 }
-      )
+  syncButton() {
+    if (!this.button) return;
+    const { dict: t } = this.glare;
+    N(
+      this.button,
+      this.active,
+      this.active ? t.PLAY_STOP : t.PLAY_START,
+      this.active ? u.pause : u.play
     );
   }
-  destroy() {
-    this.cleanups.forEach((t) => t()), this.cleanups = [];
-  }
-}
-let lt = 0;
-const g = [];
-function ct(r) {
-  return r ? typeof r == "string" ? p(r) || document.body : r : document.body;
-}
-const v = class v {
-  constructor(t, e = {}, s = 0, i = "") {
-    this.group = [], this.current = null, this.currIndex = 0, this.prevIndex = 0, this.isActive = !1, this.isClosing = !1, this.isAnimating = !1, this.isIdle = !1, this.$refs = {
-      container: null,
-      stage: null,
-      bg: null,
-      inner: null,
-      caption: null,
-      toolbar: null,
-      infobar: null,
-      navigation: null
-    }, this.galleryName = "", this.cleanups = [], this.idleTimer = null, this.gestures = null, this.hash = null, this.wheel = null, this.share = null, this.zoom = { scale: 1, x: 0, y: 0, min: 1, max: 5 }, this.previouslyFocused = null, this.openedFrom = null, this.id = ++lt, this.galleryName = i;
-    const n = L(
-      {},
-      T,
-      e
-    );
-    W() && n.mobile ? this.opts = L(
-      {},
-      n,
-      n.mobile
-    ) : this.opts = n, t.length && t[0] instanceof HTMLElement ? this.group = st(t, this.opts) : this.group = t.map(
-      (o, a) => B(o, a, this.opts)
-    ), this.currIndex = x(s, 0, Math.max(0, this.group.length - 1));
+}
+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 = g("div", "glare-thumbs-list"), this.strip = g("div", `glare-thumbs glare-thumbs--${this.axis}`), this.strip.appendChild(this.list), this.build();
   }
-  open(t = this.currIndex) {
-    if (this.isActive) {
-      this.jumpTo(t);
-      return;
-    }
-    this.opts.closeExisting && v.close(!0), this.currIndex = x(t, 0, Math.max(0, this.group.length - 1)), this.current = this.group[this.currIndex] || null, this.openedFrom = this.current?.$trigger || null, this.previouslyFocused = document.activeElement, this.trigger("onInit"), this.build(), this.isActive = !0, g.push(this), this.opts.hideScrollbar && R(!0), this.trigger("onActivate"), this.trigger("beforeShow", this.current || void 0), A(() => {
-      this.$refs.container?.classList.add("glare-is-open", "glare-is-animated"), this.loadSlide(this.currIndex, !0), this.bindEvents(), this.initModules(), this.opts.autoFocus && this.focus(), this.resetIdle();
-    });
+  show() {
+    this.setActive(!0);
   }
-  close(t, e) {
-    if (!this.isActive || this.isClosing || this.trigger("beforeClose", this.current || void 0) === !1) return;
-    this.isClosing = !0, this.SlideShow?.stop(), this.clearIdle();
-    const s = this.$refs.container, i = e ?? (M() ? 0 : this.opts.animationDuration || 0);
-    s?.classList.add("glare-is-closing"), s?.classList.remove("glare-is-open");
-    const n = () => {
-      this.teardown();
-    };
-    if (i > 0 && s) {
-      const o = (a) => {
-        a.target === s && (s.removeEventListener("transitionend", o), n());
-      };
-      s.addEventListener("transitionend", o), setTimeout(n, i + 50);
-    } else
-      n();
+  hide() {
+    this.setActive(!1);
   }
-  next(t) {
-    this.jumpTo(this.currIndex + 1, t);
+  toggle() {
+    this.setActive(!this.isActive);
   }
-  previous(t) {
-    this.jumpTo(this.currIndex - 1, t);
+  /** Highlights the thumbnail for `index` and scrolls it into view. */
+  focus(t = this.glare.currIndex) {
+    for (const s of $(".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" });
   }
-  prev(t) {
-    this.previous(t);
+  destroy() {
+    this.offs.forEach((t) => t()), this.offs = [], this.container.classList.remove(`glare-thumbs-axis-${this.axis}`), this.strip.remove();
   }
-  jumpTo(t, e) {
-    if (!this.isActive || this.isClosing) return;
-    const s = this.group.length;
-    if (!s) return;
-    let i = t;
-    if (this.opts.loop)
-      i = (t % s + s) % s;
-    else if (i = x(t, 0, s - 1), i === this.currIndex && t !== this.currIndex) return;
-    i !== this.currIndex && (this.prevIndex = this.currIndex, this.currIndex = i, this.current = this.group[i], this.resetZoom(), this.loadSlide(i, !1, e), this.updateChrome(), this.Thumbs?.focus(i), this.hash?.update(i), this.trigger("onUpdate", this.current));
+  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);
+    s?.classList.toggle("glare-is-active", t), s?.setAttribute("aria-expanded", String(t));
   }
-  scaleToFit(t = 300) {
-    this.animateZoom(1, 0, 0, t), this.$refs.container?.classList.remove("glare-can-zoom-out"), this.$refs.container?.classList.add("glare-can-zoom-in"), this.updateZoomButton();
+  build() {
+    const { group: t, dict: s } = this.glare;
+    if (t.length < 2) return;
+    this.container.classList.add(`glare-thumbs-axis-${this.axis}`);
+    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
+        o.textContent = String(r.index + 1);
+      this.list.appendChild(o), this.offs.push(h(o, "click", () => this.glare.jumpTo(r.index)));
+    }
+    (_t(this.opts.parentEl, this.container) ?? this.container).appendChild(this.strip), this.opts.autoStart && this.show(), this.focus();
   }
-  scaleToActual(t, e, s = 300) {
-    const i = this.getImageWrap();
-    if (!i) return;
-    const n = E(i), o = t ?? n.left + n.width / 2, a = e ?? n.top + n.height / 2, l = Math.min(this.zoom.max, 2.5), u = (n.left + n.width / 2 - o) * (l - 1), h = (n.top + n.height / 2 - a) * (l - 1);
-    this.animateZoom(l, u, h, s), this.$refs.container?.classList.add("glare-can-zoom-out"), this.$refs.container?.classList.remove("glare-can-zoom-in"), this.updateZoomButton();
+}
+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 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 }
+    );
   }
-  update() {
-    this.updateChrome(), this.positionContent();
+  destroy() {
+    this.settle && clearTimeout(this.settle), this.off();
   }
-  focus() {
-    this.$refs.container?.focus({ preventScroll: !0 });
+  restartSettle() {
+    this.settle && clearTimeout(this.settle), this.settle = setTimeout(() => {
+      this.distance = 0, this.fired = !1;
+    }, ve);
   }
-  toggleControls(t) {
-    const e = this.$refs.container;
-    if (!e) return;
-    const s = t === void 0 ? !e.classList.contains("glare-is-idle") : t;
-    e.classList.toggle("glare-is-idle", s), this.isIdle = s;
-  }
-  getContentEl() {
-    return this.current?.$content || null;
-  }
-  getImageWrap() {
-    return this.current?.$slide?.querySelector(".glare-content");
-  }
-  getZoomState() {
-    return { ...this.zoom };
-  }
-  applyZoom(t, e, s, i = !1) {
-    this.animateZoom(t, e, s, i ? 250 : 0);
-    const n = t > 1.01;
-    this.$refs.container?.classList.toggle("glare-can-zoom-out", n), this.$refs.container?.classList.toggle("glare-can-zoom-in", !n), this.updateZoomButton();
-  }
-  onSwipe(t, e, s, i) {
-    const n = this.$refs.stage;
-    if (!n) return;
-    if (!s) {
-      if (m(n, {
-        transform: `translate3d(${t}px, ${e}px, 0)`,
-        transitionDuration: "0ms"
-      }), this.$refs.bg) {
-        const h = x(1 - Math.abs(e) / 400, 0.35, 1);
-        m(this.$refs.bg, { opacity: String(h) });
-      }
-      return;
-    }
-    const o = Math.abs(t), a = Math.abs(e), l = i?.x || 0, u = i?.y || 0;
-    if (m(n, { transitionDuration: "" }), this.$refs.bg && m(this.$refs.bg, { opacity: "" }), (a > 100 || Math.abs(u) > 0.5) && a > o) {
-      this.close();
-      return;
+}
+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 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 Te(e, t) {
+  const s = A() ? !1 : t.transitionEffect;
+  e.dataset.transition = s || "none";
+}
+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"
+  }), lt(() => {
+    Object.assign(i.style, { transform: "", opacity: "", transitionDuration: "" });
+  });
+}
+function ut(e) {
+  const t = R(nt, e);
+  return Ht() && t.mobile ? R(t, t.mobile) : t;
+}
+function C(e, t) {
+  return e ? e === !0 ? { ...t } : { ...t, ...e } : null;
+}
+const M = [], H = (e) => e.getAttribute("data-glare") ?? "";
+function Ce(e) {
+  return typeof e == "string" ? $(e) : e instanceof HTMLElement ? [e] : Array.from(e);
+}
+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);
+  }, o = i.map(
+    (a) => h(a, "click", (l) => {
+      l.preventDefault(), r(a);
+    })
+  ), n = {
+    elements: i,
+    destroy() {
+      o.forEach((l) => l());
+      const a = M.indexOf(n);
+      a >= 0 && M.splice(a, 1);
     }
-    (o > 80 || Math.abs(l) > 0.4) && (t < 0 ? this.next() : this.prev()), m(n, { transform: "" });
+  };
+  return M.push(n), ut(t).hash && Oe(i, r), n;
+}
+function $e() {
+  for (const e of [...M]) e.destroy();
+}
+function Oe(e, t) {
+  const s = F();
+  if (!s) return;
+  const r = e.filter((o) => H(o) === s.gallery)[s.index];
+  r && t(r);
+}
+class Ae {
+  constructor(t, s) {
+    this.seconds = t, this.onIdle = s, this.timer = null;
   }
-  /* -------------------- private -------------------- */
-  build() {
-    const t = this.dict(), e = $(this.opts.baseTpl || "", t), i = b("div", "", e).firstElementChild;
-    i.dataset.glareId = String(this.id), this.opts.baseClass && i.classList.add(this.opts.baseClass), this.opts.modal && i.classList.add("glare-is-modal"), this.$refs.container = i, this.$refs.bg = p(".glare-bg", i), this.$refs.inner = p(".glare-inner", i), this.$refs.stage = p(".glare-stage", i), this.$refs.caption = p(".glare-caption", i), this.$refs.toolbar = p(".glare-toolbar", i), this.$refs.infobar = p(".glare-infobar", i), this.$refs.navigation = p(".glare-navigation", i), this.buildToolbar(), this.updateChrome(), (!this.opts.arrows || this.group.length < 2) && this.$refs.navigation?.classList.add("glare-hidden"), (!this.opts.infobar || this.group.length < 2) && this.$refs.infobar?.classList.add("glare-hidden"), ct(this.opts.parentEl).appendChild(i);
+  reset() {
+    this.stop(), this.seconds && (this.timer = setTimeout(this.onIdle, this.seconds * 1e3));
   }
-  buildToolbar() {
-    const t = this.$refs.toolbar;
-    if (!t) return;
-    if (!(this.opts.toolbar === !0 || this.opts.toolbar === "auto")) {
-      t.classList.add("glare-hidden");
-      return;
-    }
-    const s = this.dict(), i = this.opts.buttons || [];
-    t.innerHTML = "";
-    for (const n of i) {
-      if (n === "thumbs" && this.group.length < 2 || n === "slideshow" && this.group.length < 2) continue;
-      const o = this.opts.btnTpl?.[n];
-      o && t.insertAdjacentHTML("beforeend", $(o, s));
-    }
+  stop() {
+    this.timer && clearTimeout(this.timer), this.timer = null;
   }
-  initModules() {
-    const t = this.opts.thumbs;
-    if (t) {
-      const s = t === !0 ? { ...T.thumbs } : t;
-      this.Thumbs = new ot(this, s), this.Thumbs.init();
-    }
-    const e = this.opts.slideShow;
-    if (e) {
-      const s = e === !0 ? { ...T.slideShow } : e;
-      this.SlideShow = new rt(this, s), this.SlideShow.init();
-    }
-    if (this.opts.fullScreen !== !1) {
-      this.FullScreen = new K(this), this.FullScreen.init();
-      const s = this.opts.fullScreen;
-      s && typeof s == "object" && s.autoStart && this.FullScreen.request();
-    }
-    this.opts.share && (this.share = new nt(this, this.opts.share)), this.opts.hash && this.galleryName && (this.hash = new O(this, this.galleryName), this.hash.init()), this.opts.wheel !== !1 && this.$refs.stage && (this.wheel = new at(this, this.opts.wheel || "auto"), this.wheel.init(this.$refs.stage)), this.opts.touch !== !1 && this.$refs.stage && (this.gestures = new G(this), this.gestures.attach(this.$refs.stage));
-  }
-  bindEvents() {
-    const t = this.$refs.container;
-    t && (this.cleanups.push(
-      c(t, "click", (e) => this.onClick(e)),
-      c(t, "dblclick", (e) => this.onDblClick(e)),
-      c(document, "keydown", (e) => this.onKeydown(e)),
-      c(window, "resize", () => this.positionContent()),
-      c(window, "orientationchange", () => this.positionContent()),
-      c(document, "mousemove", () => this.resetIdle()),
-      c(document, "touchstart", () => this.resetIdle(), { passive: !0 })
-    ), this.opts.trapFocus && this.cleanups.push(
-      c(t, "keydown", (e) => {
-        const s = e;
-        if (s.key !== "Tab") return;
-        const i = S('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])', t).filter((a) => !a.hasAttribute("disabled") && a.offsetParent !== null);
-        if (!i.length) return;
-        const n = i[0], o = i[i.length - 1];
-        s.shiftKey && document.activeElement === n ? (s.preventDefault(), o.focus()) : !s.shiftKey && document.activeElement === o && (s.preventDefault(), n.focus());
-      })
-    ), this.opts.protect && this.cleanups.push(
-      c(t, "contextmenu", (e) => {
-        e.preventDefault();
-      }),
-      c(t, "dragstart", (e) => {
-        e.target.tagName === "IMG" && e.preventDefault();
-      })
-    ));
-  }
-  onClick(t) {
-    if (this.gestures?.wasMoved()) {
-      this.gestures.resetMoved();
-      return;
-    }
-    const e = t.target;
-    if (e.closest("[data-glare-close]")) {
-      this.close(t);
-      return;
-    }
-    if (e.closest("[data-glare-next]")) {
-      this.next();
-      return;
-    }
-    if (e.closest("[data-glare-prev]")) {
-      this.prev();
-      return;
-    }
-    if (e.closest("[data-glare-zoom]")) {
-      this.toggleZoom(t);
-      return;
-    }
-    if (e.closest("[data-glare-slideshow]")) {
-      this.SlideShow?.toggle();
-      return;
-    }
-    if (e.closest("[data-glare-thumbs]")) {
-      this.Thumbs?.toggle();
-      return;
-    }
-    if (e.closest("[data-glare-fullscreen]")) {
-      this.FullScreen?.toggle();
-      return;
-    }
-    if (e.closest("[data-glare-share]")) {
-      this.share?.open();
-      return;
-    }
-    if (!e.closest("[data-glare-download]")) {
-      if (e.closest(".glare-content") || e.closest(".glare-space")) {
-        this.handleClickAction(this.opts.clickContent, t);
-        return;
-      }
-      if (e.closest(".glare-slide")) {
-        this.handleClickAction(this.opts.clickSlide, t);
+}
+const x = [], b = {
+  add(e) {
+    x.push(e);
+  },
+  remove(e) {
+    const t = x.indexOf(e);
+    t >= 0 && x.splice(t, 1);
+  },
+  top() {
+    return x[x.length - 1] ?? null;
+  },
+  get(e) {
+    return x.find((t) => t.id === e) ?? null;
+  },
+  all() {
+    return [...x];
+  },
+  get size() {
+    return x.length;
+  }
+}, Ie = [
+  ["[data-glare-close]", (e) => e.close()],
+  ["[data-glare-next]", (e) => e.next()],
+  ["[data-glare-prev]", (e) => e.prev()],
+  ["[data-glare-zoom]", (e) => e.toggleZoom()],
+  ["[data-glare-slideshow]", (e) => e.slideshow?.toggle()],
+  ["[data-glare-thumbs]", (e) => e.thumbs?.toggle()],
+  ["[data-glare-fullscreen]", (e) => e.fullscreen?.toggle()],
+  ["[data-glare-share]", (e) => e.share?.open()]
+], 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 r = () => {
+    i && clearTimeout(i), i = null;
+  }, o = [
+    h(t, "click", (n) => {
+      if (e.consumeGesture()) return;
+      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;
       }
-      (e.classList.contains("glare-bg") || e.classList.contains("glare-stage")) && this.handleClickAction(this.opts.clickOutside, t);
-    }
-  }
-  onDblClick(t) {
-    const e = t.target;
-    e.closest(".glare-content") || e.closest(".glare-space") ? this.handleClickAction(this.opts.dblclickContent, t) : e.closest(".glare-slide") ? this.handleClickAction(this.opts.dblclickSlide, t) : this.handleClickAction(this.opts.dblclickOutside, t);
-  }
-  handleClickAction(t, e) {
-    if (!t || !this.current) return;
-    let s = t;
-    switch (typeof t == "function" && (s = t(this.current, e)), s) {
-      case "close":
-        this.close(e);
-        break;
-      case "next":
-        this.next();
-        break;
-      case "nextOrClose":
-        this.currIndex === this.group.length - 1 && !this.opts.loop ? this.close(e) : this.next();
-        break;
-      case "toggleControls":
-        this.toggleControls();
-        break;
-      case "zoom":
-        this.toggleZoom(e);
-        break;
-    }
-  }
-  onKeydown(t) {
-    if (!this.isActive || !this.opts.keyboard || this.opts.modal || g[g.length - 1] !== this) return;
-    const e = t.target?.tagName;
-    if (!(e === "INPUT" || e === "TEXTAREA" || e === "SELECT"))
-      switch (t.key) {
-        case "Escape":
-          t.preventDefault(), this.close(t);
-          break;
-        case "ArrowRight":
-        case "ArrowDown":
-          t.preventDefault(), this.next();
-          break;
-        case "ArrowLeft":
-        case "ArrowUp":
-          t.preventDefault(), this.prev();
-          break;
-        case " ":
-        case "Spacebar":
-          t.preventDefault(), this.SlideShow?.toggle();
-          break;
-        case "f":
-        case "F":
-          this.FullScreen?.toggle();
-          break;
+      ft(t);
+      const d = Ie.find(([L]) => a.closest(L));
+      if (d) return d[1](e);
+      if (a.closest(".glare-button")) return;
+      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);
       }
-  }
-  loadSlide(t, e, s) {
-    const i = this.$refs.stage;
-    if (!i) return;
-    const n = this.group[t];
-    if (!n) return;
-    S(".glare-slide", i).forEach((a) => {
-      Number(a.dataset.index) !== t && (a.classList.add("glare-slide--out"), setTimeout(() => a.remove(), this.opts.transitionDuration || 366));
-    });
-    let o = i.querySelector(`.glare-slide[data-index="${t}"]`);
-    if (o || (o = b("div", `glare-slide${this.opts.slideClass ? ` ${this.opts.slideClass}` : ""}`), o.dataset.index = String(t), o.innerHTML = `
-        <div class="glare-space">
-          <div class="glare-content"></div>
-        </div>
-      `, i.appendChild(o)), n.$slide = o, n.$content = p(".glare-content", o), n.pos = t, o.classList.add("glare-slide--current"), o.classList.remove("glare-slide--out"), this.shouldSmallBtn(n)) {
-      const a = this.dict();
-      o.querySelector(".glare-close-small") || o.insertAdjacentHTML(
-        "beforeend",
-        $(this.opts.btnTpl?.smallBtn || "", a)
-      );
+    }),
+    h(t, "dblclick", (n) => {
+      r();
+      const a = n.target;
+      a.closest(".glare-button") || k(e, D(e, a, "dblclick"), n);
+    }),
+    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 && 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();
+    })
+  ), () => {
+    r(), o.forEach((n) => n());
+  };
+}
+function D(e, t, s) {
+  const { opts: i } = e;
+  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 dt(e, t, s) {
+  return !t || !e.current ? !1 : typeof t == "function" ? t(e.current, s) : t;
+}
+function k(e, t, s) {
+  switch (dt(e, t, s)) {
+    case "close":
+      return e.close();
+    case "next":
+      return e.next();
+    case "nextOrClose":
+      return e.currIndex === e.group.length - 1 && !e.opts.loop ? e.close() : e.next();
+    case "toggleControls":
+      return e.toggleControls();
+    case "zoom": {
+      const i = s instanceof MouseEvent ? { x: s.clientX, y: s.clientY } : void 0;
+      return e.toggleZoom(i);
     }
-    this.showSpinner(o), this.trigger("beforeLoad", n), this.resolveContent(n).then(() => {
-      !this.isActive || this.currIndex !== t || (this.hideSpinner(o), this.trigger("afterLoad", n), this.positionContent(), this.updateChrome(), this.updateDownload(n), e ? this.playOpenAnimation(n) : this.playTransition(), this.trigger("afterShow", n), this.trigger("onReveal", n));
-    }).catch(() => {
-      !this.isActive || this.currIndex !== t || (this.hideSpinner(o), this.showError(n));
-    }), this.opts.image?.preload && [t - 1, t + 1].forEach((a) => {
-      const l = this.group[a];
-      if (l?.type === "image" && l.src) {
-        const u = new Image();
-        u.src = l.src;
-      }
-    });
   }
-  shouldSmallBtn(t) {
-    return this.opts.smallBtn === !0 ? !0 : this.opts.smallBtn === !1 ? !1 : t.type !== "image";
-  }
-  async resolveContent(t) {
-    const e = t.$content;
-    if (!e) throw new Error("Missing content node");
-    switch (e.innerHTML = "", e.className = `glare-content glare-content--${t.type}`, t.type) {
-      case "image":
-        await this.loadImage(t, e);
-        break;
-      case "video":
-        this.loadVideo(t, e);
-        break;
-      case "iframe":
-        await this.loadIframe(t, e);
-        break;
-      case "inline":
-        this.loadInline(t, e);
-        break;
-      case "ajax":
-        await this.loadAjax(t, e);
-        break;
-      default:
-        this.loadHtml(t, e);
-        break;
+}
+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 (!_e.has(s.tagName) && !(t.key === " " && s.closest("button")))
+    switch (t.key) {
+      case "Escape":
+        return t.preventDefault(), e.close();
+      case "ArrowRight":
+      case "ArrowDown":
+        return t.preventDefault(), e.next();
+      case "ArrowLeft":
+      case "ArrowUp":
+        return t.preventDefault(), e.prev();
+      case " ":
+        return t.preventDefault(), e.slideshow?.toggle();
+      case "f":
+      case "F":
+        return e.fullscreen?.toggle();
     }
-    t.isLoaded = !0, t.isComplete = !0;
-  }
-  loadImage(t, e) {
-    return new Promise((s, i) => {
-      const n = b("img", "glare-image");
-      n.alt = t.alt || t.caption || "", n.decoding = "async", n.draggable = !1, this.opts.protect && (n.style.pointerEvents = "none"), n.onload = () => {
-        t.$image = n, t.contentWidth = n.naturalWidth, t.contentHeight = n.naturalHeight, t.canZoomIn = !0, e.appendChild(n), this.$refs.container?.classList.add("glare-can-zoom-in"), s();
-      }, n.onerror = () => {
-        t.hasError = !0, i(new Error("image error"));
-      }, n.src = t.src;
-    });
+}
+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 = $(Re, e).filter(
+    (o) => !o.hasAttribute("disabled") && o.offsetParent !== null && getComputedStyle(o).visibility !== "hidden"
+  );
+  if (!s.length) return;
+  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: r,
+    poster: e.poster ?? ""
+  });
+  const o = t.querySelector("video");
+  o && (e.autoStart ?? s.video.autoStart) && o.play().catch(() => {
+  });
+}, 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;
+  }
+  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);
+}, 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();
+}, Xe = (e, t) => {
+  e.content instanceof HTMLElement ? t.appendChild(e.content) : t.innerHTML = e.html ?? e.content ?? e.src;
+}, 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 Ve(e, t) {
+  for (const s of [e[t - 1], e[t + 1]])
+    s?.type === "image" && s.src && (new Image().src = s.src);
+}
+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: (o) => this.syncZoomState(o)
+    }), this.idle = new Ae(this.opts.modal ? !1 : this.opts.idleTime, () => this.toggleControls(!0));
   }
-  loadVideo(t, e) {
-    const s = t.format || this.opts.video?.format || (t.src.match(/\.(\w+)(?:\?|$)/)?.[1] ? `video/${t.src.match(/\.(\w+)(?:\?|$)/)?.[1]?.replace("ogv", "ogg")}` : "video/mp4"), i = $(this.opts.video?.tpl || "", {
-      src: t.src,
-      format: s,
-      poster: t.poster || ""
-    });
-    e.innerHTML = i;
-    const n = e.querySelector("video");
-    t.$content = e, n && (t.autoStart ?? this.opts.video?.autoStart) && n.play().catch(() => {
+  open(t = this.currIndex) {
+    if (this.isActive) return this.jumpTo(t);
+    if (!this.group.length) return;
+    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());
     });
   }
-  loadIframe(t, e) {
-    return new Promise((s) => {
-      const i = b("div", "glare-iframe-wrap");
-      i.innerHTML = this.opts.iframe?.tpl || '<iframe class="glare-iframe"></iframe>';
-      const n = i.querySelector("iframe"), o = this.opts.iframe?.attr || {};
-      for (const [a, l] of Object.entries(o)) n.setAttribute(a, l);
-      if (this.opts.iframe?.css && m(n, this.opts.iframe.css), t.width && m(i, { width: typeof t.width == "number" ? `${t.width}px` : String(t.width) }), t.height && m(i, { height: typeof t.height == "number" ? `${t.height}px` : String(t.height) }), e.appendChild(i), this.opts.iframe?.preload === !1) {
-        n.src = t.src, s();
-        return;
-      }
-      n.onload = () => s(), n.src = t.src, setTimeout(() => s(), 1200);
-    });
+  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 = A() ? 0 : this.opts.animationDuration;
+    if (i === 0) return this.teardown();
+    t.classList.remove("glare-is-open"), t.classList.add("glare-is-closing"), Ft(s ?? t, i, () => this.teardown());
   }
-  loadInline(t, e) {
-    const s = t.src ? p(t.src) : null;
-    if (!s)
-      throw t.hasError = !0, new Error("inline target missing");
-    const i = s.cloneNode(!0);
-    i.id = "", i.classList.remove("glare-hidden"), i.hidden = !1, i.style.display = "", e.appendChild(i);
-  }
-  async loadAjax(t, e) {
-    const s = this.opts.ajax?.settings || {}, i = await fetch(t.src, s);
-    if (!i.ok) throw new Error("ajax failed");
-    const n = await i.text();
-    e.innerHTML = n;
-  }
-  loadHtml(t, e) {
-    t.content instanceof HTMLElement ? e.appendChild(t.content) : e.innerHTML = t.html || t.content || t.src || "";
-  }
-  showSpinner(t) {
-    t.querySelector(".glare-spinner") || t.insertAdjacentHTML("beforeend", this.opts.spinnerTpl || "");
-  }
-  hideSpinner(t) {
-    t.querySelector(".glare-spinner")?.remove();
-  }
-  showError(t) {
-    t.hasError = !0;
-    const e = t.$content;
-    e && (e.className = "glare-content glare-content--error", e.innerHTML = $(this.opts.errorTpl || "", this.dict()));
-  }
-  playOpenAnimation(t) {
-    const e = this.$refs.container;
-    if (!e) return;
-    const s = M() ? !1 : this.opts.animationEffect;
-    if (e.dataset.animation = s ? String(s) : "none", e.style.setProperty("--glare-duration", `${this.opts.animationDuration || 0}ms`), s === "zoom" && t.$trigger && t.type === "image" && t.$image) {
-      const i = E(t.$trigger), n = E(t.$image), o = i.width / Math.max(n.width, 1), a = i.height / Math.max(n.height, 1), l = i.left + i.width / 2 - (n.left + n.width / 2), u = i.top + i.height / 2 - (n.top + n.height / 2);
-      m(t.$image, {
-        transform: `translate3d(${l}px, ${u}px, 0) scale(${Math.max(o, a)})`,
-        opacity: this.opts.zoomOpacity === !1 ? "1" : "0.2",
-        transitionDuration: "0ms"
-      }), A(() => {
-        t.$image && m(t.$image, {
-          transform: "",
-          opacity: "",
-          transitionDuration: `${this.opts.animationDuration || 366}ms`
-        });
-      });
-    }
-    A(() => e.classList.add("glare-is-ready"));
+  next() {
+    this.jumpTo(this.currIndex + 1);
   }
-  playTransition() {
-    const t = this.$refs.container;
-    if (!t) return;
-    const e = M() ? !1 : this.opts.transitionEffect;
-    t.dataset.transition = e ? String(e) : "none", t.style.setProperty(
-      "--glare-transition-duration",
-      `${this.opts.transitionDuration || 0}ms`
-    );
+  prev() {
+    this.jumpTo(this.currIndex - 1);
   }
-  positionContent() {
-    const t = this.current;
-    if (!t?.$image || !t.contentWidth || !t.contentHeight) return;
-    const e = t.$slide;
-    if (!e) return;
-    const s = p(".glare-space", e);
-    if (!s) return;
-    const i = E(s), n = Math.min(i.width / t.contentWidth, i.height / t.contentHeight, 1);
-    t.canZoomIn = n < 0.98 || t.contentWidth > i.width || t.contentHeight > i.height, this.$refs.container?.classList.toggle("glare-can-zoom-in", !!t.canZoomIn && this.zoom.scale <= 1.01);
+  jumpTo(t) {
+    if (!this.isActive || this.isClosing) return;
+    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));
   }
-  updateChrome() {
-    const t = this.current;
-    if (!t) return;
-    if (this.$refs.infobar) {
-      const i = p(".glare-infobar-index", this.$refs.infobar);
-      i && (i.textContent = `${this.currIndex + 1} / ${this.group.length}`);
-    }
-    if (this.$refs.caption) {
-      let i = t.caption || "";
-      typeof this.opts.caption == "function" ? i = this.opts.caption(this, t) : typeof this.opts.caption == "string" && (i = this.opts.caption), this.$refs.caption.innerHTML = i, this.$refs.caption.classList.toggle("glare-hidden", !i), this.$refs.container?.classList.toggle("glare-show-caption", !!i);
-    }
-    const e = this.currIndex === 0 && !this.opts.loop, s = this.currIndex === this.group.length - 1 && !this.opts.loop;
-    this.$refs.container?.querySelector("[data-glare-prev]")?.classList.toggle("glare-disabled", e), this.$refs.container?.querySelector("[data-glare-next]")?.classList.toggle("glare-disabled", s), this.$refs.container?.setAttribute("aria-label", ut(t, this.currIndex, this.group.length));
+  toggleZoom(t) {
+    this.current?.type === "image" && (this.zoom.isZoomed ? this.zoom.toFit() : this.zoom.toActual(t));
   }
-  updateDownload(t) {
-    const e = this.$refs.container?.querySelector("[data-glare-download]");
-    if (!e) return;
-    const s = t.downloadSrc || (t.type === "image" ? t.src : "");
-    s ? (e.href = s, e.classList.remove("glare-hidden")) : e.classList.add("glare-hidden");
+  update() {
+    this.syncChrome();
   }
-  toggleZoom(t) {
-    if (!(!this.current || this.current.type !== "image"))
-      if (this.zoom.scale > 1.01)
-        this.scaleToFit();
-      else {
-        const e = t ? { x: t.clientX, y: t.clientY } : void 0;
-        this.scaleToActual(e?.x, e?.y);
-      }
+  focus() {
+    this.$refs?.container.focus({ preventScroll: !0 });
   }
-  animateZoom(t, e, s, i = 0) {
-    const n = this.getImageWrap(), o = this.current?.$image;
-    !n || !o || (this.zoom.scale = x(t, this.zoom.min, this.zoom.max), this.zoom.x = e, this.zoom.y = s, m(o, {
-      transform: `translate3d(${e}px, ${s}px, 0) scale(${this.zoom.scale})`,
-      transitionDuration: `${i}ms`
+  toggleControls(t) {
+    this.$refs && (this.isIdle = t ?? !this.isIdle, this.$refs.container.classList.toggle("glare-is-idle", this.isIdle));
+  }
+  /** True once per drag gesture, so the click that follows it can be ignored. */
+  consumeGesture() {
+    return this.gestures?.consumeMoved() ?? !1;
+  }
+  async showSlide(t, s) {
+    const i = this.group[t];
+    if (!this.$refs || !i) return;
+    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 Ge(i, i.$content, this.opts, this.dict);
+    } catch (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 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 || (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 && 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 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()
+    })), r.touch && (this.gestures = new de(s, {
+      zoom: this.zoom,
+      touch: r.touch,
+      bg: i,
+      canPan: () => this.current?.type === "image",
+      close: () => this.close(),
+      next: () => this.next(),
+      prev: () => this.prev()
     }));
   }
-  resetZoom() {
-    this.zoom = { scale: 1, x: 0, y: 0, min: 1, max: 5 }, this.$refs.container?.classList.remove("glare-can-zoom-out");
-  }
-  updateZoomButton() {
-    const t = this.$refs.container?.querySelector("[data-glare-zoom]");
-    t && (t.innerHTML = this.zoom.scale > 1.01 ? d.zoomOut : d.zoomIn, t.classList.toggle("is-active", this.zoom.scale > 1.01));
-  }
-  resetIdle() {
-    this.clearIdle(), this.isIdle && this.toggleControls(!1);
-    const t = this.opts.idleTime;
-    !t || this.opts.modal || (this.idleTimer = setTimeout(() => {
-      this.toggleControls(!0);
-    }, t * 1e3));
-  }
-  clearIdle() {
-    this.idleTimer && (clearTimeout(this.idleTimer), this.idleTimer = null);
-  }
-  dict() {
-    const t = this.opts.lang || "en";
-    return {
-      ...ht,
-      ...this.opts.i18n?.en || {},
-      ...this.opts.i18n?.[t] || {}
-    };
-  }
-  trigger(t, e, ...s) {
-    const i = this.opts[t];
-    if (typeof i == "function")
-      return i(this, e, ...s);
+  onActivity() {
+    this.isIdle && this.toggleControls(!1), this.idle.reset();
   }
   teardown() {
-    this.gestures?.detach(), this.wheel?.destroy(), this.hash?.destroy(), this.share?.destroy(), this.Thumbs?.destroy(), this.SlideShow?.destroy(), this.FullScreen?.destroy(), this.cleanups.forEach((e) => e()), this.cleanups = [], this.$refs.container?.remove(), this.$refs = {
-      container: null,
-      stage: null,
-      bg: null,
-      inner: null,
-      caption: null,
-      toolbar: null,
-      infobar: null,
-      navigation: null
-    };
-    const t = g.indexOf(this);
-    t >= 0 && g.splice(t, 1), this.opts.hideScrollbar && R(!1), this.opts.backFocus && (this.openedFrom || this.previouslyFocused)?.focus?.({ preventScroll: !0 }), this.isActive = !1, this.isClosing = !1, this.trigger("afterClose", this.current || void 0), this.trigger("onDeactivate"), this.trigger("onDestroy");
+    for (const t of [
+      this.gestures,
+      this.wheel,
+      this.hash,
+      this.share,
+      this.thumbs,
+      this.slideshow,
+      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, 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);
+  }
+  emitSlide(t, s) {
+    return this.opts[t]?.(this, s);
+  }
+  clampIndex(t) {
+    return E(t, 0, Math.max(0, this.group.length - 1));
+  }
+  static open(t, s = {}, i = 0) {
+    const r = new w(t, s, i);
+    return r.open(), r;
+  }
+  static bind(t, s = {}) {
+    return Me(t, s, (i, r, o) => {
+      new w(i, s, r, o).open();
+    });
+  }
+  static close(t = !1) {
+    t ? b.all().reverse().forEach((s) => s.close()) : b.top()?.close();
   }
   static getInstance(t) {
-    return t != null ? g.find((e) => e.id === t) || null : g[g.length - 1] || null;
+    return t == null ? b.top() : b.get(t);
   }
   static getInstances() {
-    return [...g];
-  }
-  static open(t, e = {}, s = 0) {
-    const i = new v(t, e, s);
-    return i.open(s), i;
-  }
-  static close(t = !1) {
-    if (t) {
-      [...g].reverse().forEach((e) => e.close());
-      return;
-    }
-    g[g.length - 1]?.close();
+    return b.all();
   }
+  /** Closes every instance and removes all `bind()` handlers. */
   static destroy() {
-    v.close(!0), k.forEach((t) => t.destroy()), k.length = 0;
-  }
-  static bind(t, e = {}) {
-    const s = typeof t == "string" ? S(t) : t instanceof HTMLElement ? [t] : Array.from(t), i = (a) => {
-      const l = a.target;
-      if (!l) return;
-      const u = s.find((y) => y === l || y.contains(l));
-      if (!u) return;
-      a.preventDefault();
-      const h = u.getAttribute("data-glare") || u.getAttribute("data-glare") || "", f = h ? s.filter(
-        (y) => (y.getAttribute("data-glare") || y.getAttribute("data-glare") || "") === h
-      ) : [u], w = Math.max(0, f.indexOf(u));
-      new v(f, e, w, h || "gallery").open(w);
-    }, n = s.map((a) => c(a, "click", i)), o = {
-      selector: typeof t == "string" ? t : "",
-      options: e,
-      elements: s,
-      destroy: () => {
-        n.forEach((l) => l());
-        const a = k.indexOf(o);
-        a >= 0 && k.splice(a, 1);
-      }
-    };
-    return k.push(o), o;
+    w.close(!0), $e();
   }
-  static fromSelector(t, e = {}) {
-    const s = S(t);
-    if (!s.length) return null;
-    const i = new v(s, e, 0, "gallery");
-    return i.open(0), i;
+  /** Binds every `[data-glare]` element once the DOM is ready. */
+  static autoBind(t = {}) {
+    const s = () => w.bind("[data-glare]", t);
+    document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", s, { once: !0 }) : s();
   }
 };
-v.defaults = T;
-let z = v;
-const k = [], ht = {
-  CLOSE: "Close",
-  NEXT: "Next",
-  PREV: "Previous",
-  ERROR: "The requested content cannot be loaded.<br/>Please try again later.",
-  PLAY_START: "Start slideshow",
-  PLAY_STOP: "Pause slideshow",
-  FULL_SCREEN: "Full screen",
-  THUMBS: "Thumbnails",
-  DOWNLOAD: "Download",
-  SHARE: "Share",
-  ZOOM: "Zoom"
-};
-function ut(r, t, e) {
-  const s = r.caption || r.alt || "Media lightbox";
-  return e > 1 ? `${s} (${t + 1} of ${e})` : s;
-}
-function dt() {
-  if (typeof document > "u") return;
-  const r = () => {
-    S("[data-glare], [data-glare]").length && z.bind("[data-glare], [data-glare]");
-  };
-  document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", r, { once: !0 }) : r();
-}
+w.defaults = nt;
+let P = w;
+const Qe = P.autoBind;
 export {
-  z as Glare,
-  dt as autoBind,
-  z as default,
-  _ as defaultMedia,
-  T as defaults,
-  tt as detectType,
-  N as i18nEn,
-  st as itemsFromElements,
-  B as normalizeItem
+  P as Glare,
+  Qe as autoBind,
+  P as default
 };
 //# sourceMappingURL=glare.esm.js.map