@redot-src/glare 1.0.0

package/dist/glare.esm.js

@@ -0,0 +1,1339 @@
+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 = {
+  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"
+}, _ = {
+  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
+    }
+  },
+  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
+    }
+  },
+  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`;
+      }
+      const e = decodeURIComponent(r[3] || r[4] || "");
+      return `https://maps.google.${t}/maps?q=${encodeURIComponent(e)}&output=embed`;
+    }
+  }
+}, T = {
+  closeExisting: !1,
+  loop: !1,
+  gutter: 50,
+  keyboard: !0,
+  preventCaptionOverlap: !0,
+  arrows: !0,
+  infobar: !0,
+  smallBtn: "auto",
+  toolbar: "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",
+  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;
+  },
+  clickSlide: "close",
+  clickOutside: "close",
+  dblclickContent: !1,
+  dblclickSlide: !1,
+  dblclickOutside: !1,
+  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;
+    }
+  },
+  lang: "en",
+  i18n: {
+    en: N
+  },
+  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;
+}
+function p(r, t = document) {
+  return t.querySelector(r);
+}
+function S(r, t = document) {
+  return Array.from(t.querySelectorAll(r));
+}
+function b(r, t, e) {
+  const s = document.createElement(r);
+  return t && (s.className = t), e !== void 0 && (s.innerHTML = e), s;
+}
+function c(r, t, e, s) {
+  return r.addEventListener(t, e, s), () => r.removeEventListener(t, e, s);
+}
+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 U(r) {
+  return r.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
+}
+function x(r, t, e) {
+  return Math.min(e, Math.max(t, r));
+}
+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 X() {
+  return window.innerWidth - document.documentElement.clientWidth;
+}
+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 $(r, t) {
+  return r.replace(/\{\{(\w+)\}\}/g, (e, s) => t[s] ?? "");
+}
+function E(r) {
+  return r.getBoundingClientRect();
+}
+function q(r) {
+  return window.requestAnimationFrame(r);
+}
+function A(r) {
+  q(() => q(r));
+}
+function M() {
+  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 V(r, t) {
+  return { x: (r.x + t.x) / 2, y: (r.y + t.y) / 2 };
+}
+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 }];
+}
+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;
+  }
+}
+class K {
+  constructor(t) {
+    this.cleanups = [], this.instance = t;
+  }
+  init() {
+    this.cleanups.push(
+      c(document, "fullscreenchange", () => this.sync()),
+      c(document, "webkitfullscreenchange", () => this.sync())
+    );
+  }
+  isFullscreen() {
+    const t = document;
+    return !!(document.fullscreenElement || t.webkitFullscreenElement || t.mozFullScreenElement || t.msFullscreenElement);
+  }
+  request() {
+    const t = this.instance.$refs.container || document.documentElement;
+    (t.requestFullscreen || t.webkitRequestFullscreen || t.mozRequestFullScreen || t.msRequestFullscreen)?.call(t);
+  }
+  exit() {
+    const t = document, e = document.exitFullscreen || t.webkitExitFullscreen || t.mozCancelFullScreen || t.msExitFullscreen;
+    this.isFullscreen() && e?.call(document);
+  }
+  toggle() {
+    this.isFullscreen() ? this.exit() : this.request();
+  }
+  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]"
+    );
+    e && (e.innerHTML = t ? d.fullscreenExit : d.fullscreen, e.classList.toggle("is-active", t));
+  }
+  destroy() {
+    this.isFullscreen() && this.exit(), this.cleanups.forEach((t) => t()), this.cleanups = [];
+  }
+}
+function P() {
+  const r = window.location.hash.replace(/^#/, "");
+  if (!r) return null;
+  const t = r.match(/^(?:glare-)?(.+?)(?:-|\/)(\d+)$/);
+  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;
+    });
+  }
+  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;
+      });
+    }
+  }
+  destroy() {
+    this.clear(), this.cleanups.forEach((t) => t()), this.cleanups = [];
+  }
+};
+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
+    };
+  }
+  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;
+  }
+  open() {
+    const t = this.instance.current;
+    if (!t || !this.instance.$refs.container) 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();
+      })
+    );
+  }
+  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;
+  }
+  destroy() {
+    this.close();
+  }
+}
+class rt {
+  constructor(t, e) {
+    this.timer = null, this.active = !1, this.instance = t, this.opts = e;
+  }
+  init() {
+    this.opts.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());
+  }
+  stop() {
+    this.active = !1, this.clear(), this.instance.$refs.container?.classList.remove("glare-is-slideshow"), this.updateButton();
+  }
+  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;
+  }
+  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);
+    }
+  }
+  show() {
+    this.$container && (this.isActive = !0, this.$container.classList.add("glare-thumbs--active"), this.instance.$refs.container?.classList.add("glare-show-thumbs"));
+  }
+  hide() {
+    this.$container && (this.isActive = !1, this.$container.classList.remove("glare-thumbs--active"), this.instance.$refs.container?.classList.remove("glare-show-thumbs"));
+  }
+  toggle() {
+    this.isActive ? this.hide() : this.show();
+  }
+  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" });
+  }
+  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 }
+      )
+    );
+  }
+  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));
+  }
+  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();
+    });
+  }
+  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();
+  }
+  next(t) {
+    this.jumpTo(this.currIndex + 1, t);
+  }
+  previous(t) {
+    this.jumpTo(this.currIndex - 1, t);
+  }
+  prev(t) {
+    this.previous(t);
+  }
+  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));
+  }
+  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();
+  }
+  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();
+  }
+  update() {
+    this.updateChrome(), this.positionContent();
+  }
+  focus() {
+    this.$refs.container?.focus({ preventScroll: !0 });
+  }
+  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;
+    }
+    (o > 80 || Math.abs(l) > 0.4) && (t < 0 ? this.next() : this.prev()), m(n, { transform: "" });
+  }
+  /* -------------------- 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);
+  }
+  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));
+    }
+  }
+  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);
+        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;
+      }
+  }
+  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)
+      );
+    }
+    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;
+    }
+    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;
+    });
+  }
+  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(() => {
+    });
+  }
+  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);
+    });
+  }
+  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"));
+  }
+  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`
+    );
+  }
+  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);
+  }
+  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));
+  }
+  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");
+  }
+  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);
+      }
+  }
+  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`
+    }));
+  }
+  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);
+  }
+  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");
+  }
+  static getInstance(t) {
+    return t != null ? g.find((e) => e.id === t) || null : g[g.length - 1] || null;
+  }
+  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();
+  }
+  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;
+  }
+  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;
+  }
+};
+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();
+}
+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
+};
+//# sourceMappingURL=glare.esm.js.map