file-viewer3 1.0.1

package/dist/ImageViewer-3aabb7c7.mjs

@@ -0,0 +1,1898 @@
+import { defineComponent as Ee, ref as Ve, watch as yt, nextTick as wt, onMounted as Fe, onUnmounted as Me, openBlock as ft, createElementBlock as St, renderSlot as Ye, computed as We, createBlock as Xe, unref as Tt, withCtx as qe, Fragment as He, renderList as Ue } from "vue";
+import { _ as Be } from "./index-59c602ca.mjs";
+/*!
+ * Viewer.js v1.11.3
+ * https://fengyuanchen.github.io/viewerjs
+ *
+ * Copyright 2015-present Chen Fengyuan
+ * Released under the MIT license
+ *
+ * Date: 2023-03-05T07:01:17.741Z
+ */
+function jt(e, t) {
+  var i = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var r = Object.getOwnPropertySymbols(e);
+    t && (r = r.filter(function(n) {
+      return Object.getOwnPropertyDescriptor(e, n).enumerable;
+    })), i.push.apply(i, r);
+  }
+  return i;
+}
+function Ct(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var i = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? jt(Object(i), !0).forEach(function(r) {
+      Ze(e, r, i[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(i)) : jt(Object(i)).forEach(function(r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(i, r));
+    });
+  }
+  return e;
+}
+function Ot(e) {
+  return Ot = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+    return typeof t;
+  } : function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, Ot(e);
+}
+function Ke(e, t) {
+  if (!(e instanceof t))
+    throw new TypeError("Cannot call a class as a function");
+}
+function Vt(e, t) {
+  for (var i = 0; i < t.length; i++) {
+    var r = t[i];
+    r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(e, _e(r.key), r);
+  }
+}
+function Ge(e, t, i) {
+  return t && Vt(e.prototype, t), i && Vt(e, i), Object.defineProperty(e, "prototype", {
+    writable: !1
+  }), e;
+}
+function Ze(e, t, i) {
+  return t = _e(t), t in e ? Object.defineProperty(e, t, {
+    value: i,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = i, e;
+}
+function Je(e, t) {
+  if (typeof e != "object" || e === null)
+    return e;
+  var i = e[Symbol.toPrimitive];
+  if (i !== void 0) {
+    var r = i.call(e, t || "default");
+    if (typeof r != "object")
+      return r;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(e);
+}
+function _e(e) {
+  var t = Je(e, "string");
+  return typeof t == "symbol" ? t : String(t);
+}
+var Ft = {
+  /**
+   * Enable a modal backdrop, specify `static` for a backdrop
+   * which doesn't close the modal on click.
+   * @type {boolean}
+   */
+  backdrop: !0,
+  /**
+   * Show the button on the top-right of the viewer.
+   * @type {boolean}
+   */
+  button: !0,
+  /**
+   * Show the navbar.
+   * @type {boolean | number}
+   */
+  navbar: !0,
+  /**
+   * Specify the visibility and the content of the title.
+   * @type {boolean | number | Function | Array}
+   */
+  title: !0,
+  /**
+   * Show the toolbar.
+   * @type {boolean | number | Object}
+   */
+  toolbar: !0,
+  /**
+   * Custom class name(s) to add to the viewer's root element.
+   * @type {string}
+   */
+  className: "",
+  /**
+   * Define where to put the viewer in modal mode.
+   * @type {string | Element}
+   */
+  container: "body",
+  /**
+   * Filter the images for viewing. Return true if the image is viewable.
+   * @type {Function}
+   */
+  filter: null,
+  /**
+   * Enable to request fullscreen when play.
+   * {@link https://developer.mozilla.org/en-US/docs/Web/API/FullscreenOptions}
+   * @type {boolean|FullscreenOptions}
+   */
+  fullscreen: !0,
+  /**
+   * Define the extra attributes to inherit from the original image.
+   * @type {Array}
+   */
+  inheritedAttributes: ["crossOrigin", "decoding", "isMap", "loading", "referrerPolicy", "sizes", "srcset", "useMap"],
+  /**
+   * Define the initial coverage of the viewing image.
+   * @type {number}
+   */
+  initialCoverage: 0.9,
+  /**
+   * Define the initial index of the image for viewing.
+   * @type {number}
+   */
+  initialViewIndex: 0,
+  /**
+   * Enable inline mode.
+   * @type {boolean}
+   */
+  inline: !1,
+  /**
+   * The amount of time to delay between automatically cycling an image when playing.
+   * @type {number}
+   */
+  interval: 5e3,
+  /**
+   * Enable keyboard support.
+   * @type {boolean}
+   */
+  keyboard: !0,
+  /**
+   * Focus the viewer when initialized.
+   * @type {boolean}
+   */
+  focus: !0,
+  /**
+   * Indicate if show a loading spinner when load image or not.
+   * @type {boolean}
+   */
+  loading: !0,
+  /**
+   * Indicate if enable loop viewing or not.
+   * @type {boolean}
+   */
+  loop: !0,
+  /**
+   * Min width of the viewer in inline mode.
+   * @type {number}
+   */
+  minWidth: 200,
+  /**
+   * Min height of the viewer in inline mode.
+   * @type {number}
+   */
+  minHeight: 100,
+  /**
+   * Enable to move the image.
+   * @type {boolean}
+   */
+  movable: !0,
+  /**
+   * Enable to rotate the image.
+   * @type {boolean}
+   */
+  rotatable: !0,
+  /**
+   * Enable to scale the image.
+   * @type {boolean}
+   */
+  scalable: !0,
+  /**
+   * Enable to zoom the image.
+   * @type {boolean}
+   */
+  zoomable: !0,
+  /**
+   * Enable to zoom the current image by dragging on the touch screen.
+   * @type {boolean}
+   */
+  zoomOnTouch: !0,
+  /**
+   * Enable to zoom the image by wheeling mouse.
+   * @type {boolean}
+   */
+  zoomOnWheel: !0,
+  /**
+   * Enable to slide to the next or previous image by swiping on the touch screen.
+   * @type {boolean}
+   */
+  slideOnTouch: !0,
+  /**
+   * Indicate if toggle the image size between its natural size
+   * and initial size when double click on the image or not.
+   * @type {boolean}
+   */
+  toggleOnDblclick: !0,
+  /**
+   * Show the tooltip with image ratio (percentage) when zoom in or zoom out.
+   * @type {boolean}
+   */
+  tooltip: !0,
+  /**
+   * Enable CSS3 Transition for some special elements.
+   * @type {boolean}
+   */
+  transition: !0,
+  /**
+   * Define the CSS `z-index` value of viewer in modal mode.
+   * @type {number}
+   */
+  zIndex: 2015,
+  /**
+   * Define the CSS `z-index` value of viewer in inline mode.
+   * @type {number}
+   */
+  zIndexInline: 0,
+  /**
+   * Define the ratio when zoom the image by wheeling mouse.
+   * @type {number}
+   */
+  zoomRatio: 0.1,
+  /**
+   * Define the min ratio of the image when zoom out.
+   * @type {number}
+   */
+  minZoomRatio: 0.01,
+  /**
+   * Define the max ratio of the image when zoom in.
+   * @type {number}
+   */
+  maxZoomRatio: 100,
+  /**
+   * Define where to get the original image URL for viewing.
+   * @type {string | Function}
+   */
+  url: "src",
+  /**
+   * Event shortcuts.
+   * @type {Function}
+   */
+  ready: null,
+  show: null,
+  shown: null,
+  hide: null,
+  hidden: null,
+  view: null,
+  viewed: null,
+  move: null,
+  moved: null,
+  rotate: null,
+  rotated: null,
+  scale: null,
+  scaled: null,
+  zoom: null,
+  zoomed: null,
+  play: null,
+  stop: null
+}, Qe = '<div class="viewer-container" tabindex="-1" touch-action="none"><div class="viewer-canvas"></div><div class="viewer-footer"><div class="viewer-title"></div><div class="viewer-toolbar"></div><div class="viewer-navbar"><ul class="viewer-list" role="navigation"></ul></div></div><div class="viewer-tooltip" role="alert" aria-hidden="true"></div><div class="viewer-button" data-viewer-action="mix" role="button"></div><div class="viewer-player"></div></div>', pt = typeof window < "u" && typeof window.document < "u", V = pt ? window : {}, G = pt && V.document.documentElement ? "ontouchstart" in V.document.documentElement : !1, Lt = pt ? "PointerEvent" in V : !1, v = "viewer", dt = "move", Se = "switch", it = "zoom", ot = "".concat(v, "-active"), ti = "".concat(v, "-close"), vt = "".concat(v, "-fade"), It = "".concat(v, "-fixed"), ei = "".concat(v, "-fullscreen"), Mt = "".concat(v, "-fullscreen-exit"), Y = "".concat(v, "-hide"), ii = "".concat(v, "-hide-md-down"), ri = "".concat(v, "-hide-sm-down"), ni = "".concat(v, "-hide-xs-down"), L = "".concat(v, "-in"), rt = "".concat(v, "-invisible"), Z = "".concat(v, "-loading"), ai = "".concat(v, "-move"), Yt = "".concat(v, "-open"), q = "".concat(v, "-show"), O = "".concat(v, "-transition"), J = "click", At = "dblclick", Wt = "dragstart", Xt = "focusin", qt = "keydown", $ = "load", W = "error", si = G ? "touchend touchcancel" : "mouseup", oi = G ? "touchmove" : "mousemove", li = G ? "touchstart" : "mousedown", Ht = Lt ? "pointerdown" : li, Ut = Lt ? "pointermove" : oi, Bt = Lt ? "pointerup pointercancel" : si, Kt = "resize", k = "transitionend", Gt = "wheel", Zt = "ready", Jt = "show", Qt = "shown", te = "hide", ee = "hidden", ie = "view", nt = "viewed", re = "move", ne = "moved", ae = "rotate", se = "rotated", oe = "scale", le = "scaled", ue = "zoom", he = "zoomed", ce = "play", fe = "stop", mt = "".concat(v, "Action"), $t = /\s\s*/, lt = ["zoom-in", "zoom-out", "one-to-one", "reset", "prev", "play", "next", "rotate-left", "rotate-right", "flip-horizontal", "flip-vertical"];
+function at(e) {
+  return typeof e == "string";
+}
+var ui = Number.isNaN || V.isNaN;
+function _(e) {
+  return typeof e == "number" && !ui(e);
+}
+function U(e) {
+  return typeof e > "u";
+}
+function Q(e) {
+  return Ot(e) === "object" && e !== null;
+}
+var hi = Object.prototype.hasOwnProperty;
+function B(e) {
+  if (!Q(e))
+    return !1;
+  try {
+    var t = e.constructor, i = t.prototype;
+    return t && i && hi.call(i, "isPrototypeOf");
+  } catch {
+    return !1;
+  }
+}
+function p(e) {
+  return typeof e == "function";
+}
+function y(e, t) {
+  if (e && p(t))
+    if (Array.isArray(e) || _(e.length)) {
+      var i = e.length, r;
+      for (r = 0; r < i && t.call(e, e[r], r, e) !== !1; r += 1)
+        ;
+    } else
+      Q(e) && Object.keys(e).forEach(function(n) {
+        t.call(e, e[n], n, e);
+      });
+  return e;
+}
+var C = Object.assign || function(t) {
+  for (var i = arguments.length, r = new Array(i > 1 ? i - 1 : 0), n = 1; n < i; n++)
+    r[n - 1] = arguments[n];
+  return Q(t) && r.length > 0 && r.forEach(function(a) {
+    Q(a) && Object.keys(a).forEach(function(s) {
+      t[s] = a[s];
+    });
+  }), t;
+}, ci = /^(?:width|height|left|top|marginLeft|marginTop)$/;
+function z(e, t) {
+  var i = e.style;
+  y(t, function(r, n) {
+    ci.test(n) && _(r) && (r += "px"), i[n] = r;
+  });
+}
+function fi(e) {
+  return at(e) ? e.replace(/&(?!amp;|quot;|#39;|lt;|gt;)/g, "&amp;").replace(/"/g, "&quot;").replace(/'/g, "&#39;").replace(/</g, "&lt;").replace(/>/g, "&gt;") : e;
+}
+function H(e, t) {
+  return !e || !t ? !1 : e.classList ? e.classList.contains(t) : e.className.indexOf(t) > -1;
+}
+function f(e, t) {
+  if (!(!e || !t)) {
+    if (_(e.length)) {
+      y(e, function(r) {
+        f(r, t);
+      });
+      return;
+    }
+    if (e.classList) {
+      e.classList.add(t);
+      return;
+    }
+    var i = e.className.trim();
+    i ? i.indexOf(t) < 0 && (e.className = "".concat(i, " ").concat(t)) : e.className = t;
+  }
+}
+function m(e, t) {
+  if (!(!e || !t)) {
+    if (_(e.length)) {
+      y(e, function(i) {
+        m(i, t);
+      });
+      return;
+    }
+    if (e.classList) {
+      e.classList.remove(t);
+      return;
+    }
+    e.className.indexOf(t) >= 0 && (e.className = e.className.replace(t, ""));
+  }
+}
+function st(e, t, i) {
+  if (t) {
+    if (_(e.length)) {
+      y(e, function(r) {
+        st(r, t, i);
+      });
+      return;
+    }
+    i ? f(e, t) : m(e, t);
+  }
+}
+var di = /([a-z\d])([A-Z])/g;
+function kt(e) {
+  return e.replace(di, "$1-$2").toLowerCase();
+}
+function K(e, t) {
+  return Q(e[t]) ? e[t] : e.dataset ? e.dataset[t] : e.getAttribute("data-".concat(kt(t)));
+}
+function xt(e, t, i) {
+  Q(i) ? e[t] = i : e.dataset ? e.dataset[t] = i : e.setAttribute("data-".concat(kt(t)), i);
+}
+var Oe = function() {
+  var e = !1;
+  if (pt) {
+    var t = !1, i = function() {
+    }, r = Object.defineProperty({}, "once", {
+      get: function() {
+        return e = !0, t;
+      },
+      /**
+       * This setter can fix a `TypeError` in strict mode
+       * {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Getter_only}
+       * @param {boolean} value - The value to set
+       */
+      set: function(a) {
+        t = a;
+      }
+    });
+    V.addEventListener("test", i, r), V.removeEventListener("test", i, r);
+  }
+  return e;
+}();
+function b(e, t, i) {
+  var r = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {}, n = i;
+  t.trim().split($t).forEach(function(a) {
+    if (!Oe) {
+      var s = e.listeners;
+      s && s[a] && s[a][i] && (n = s[a][i], delete s[a][i], Object.keys(s[a]).length === 0 && delete s[a], Object.keys(s).length === 0 && delete e.listeners);
+    }
+    e.removeEventListener(a, n, r);
+  });
+}
+function d(e, t, i) {
+  var r = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {}, n = i;
+  t.trim().split($t).forEach(function(a) {
+    if (r.once && !Oe) {
+      var s = e.listeners, l = s === void 0 ? {} : s;
+      n = function() {
+        delete l[a][i], e.removeEventListener(a, n, r);
+        for (var o = arguments.length, u = new Array(o), c = 0; c < o; c++)
+          u[c] = arguments[c];
+        i.apply(e, u);
+      }, l[a] || (l[a] = {}), l[a][i] && e.removeEventListener(a, l[a][i], r), l[a][i] = n, e.listeners = l;
+    }
+    e.addEventListener(a, n, r);
+  });
+}
+function A(e, t, i, r) {
+  var n;
+  return p(Event) && p(CustomEvent) ? n = new CustomEvent(t, Ct({
+    bubbles: !0,
+    cancelable: !0,
+    detail: i
+  }, r)) : (n = document.createEvent("CustomEvent"), n.initCustomEvent(t, !0, !0, i)), e.dispatchEvent(n);
+}
+function vi(e) {
+  var t = e.getBoundingClientRect();
+  return {
+    left: t.left + (window.pageXOffset - document.documentElement.clientLeft),
+    top: t.top + (window.pageYOffset - document.documentElement.clientTop)
+  };
+}
+function gt(e) {
+  var t = e.rotate, i = e.scaleX, r = e.scaleY, n = e.translateX, a = e.translateY, s = [];
+  _(n) && n !== 0 && s.push("translateX(".concat(n, "px)")), _(a) && a !== 0 && s.push("translateY(".concat(a, "px)")), _(t) && t !== 0 && s.push("rotate(".concat(t, "deg)")), _(i) && i !== 1 && s.push("scaleX(".concat(i, ")")), _(r) && r !== 1 && s.push("scaleY(".concat(r, ")"));
+  var l = s.length ? s.join(" ") : "none";
+  return {
+    WebkitTransform: l,
+    msTransform: l,
+    transform: l
+  };
+}
+function gi(e) {
+  return at(e) ? decodeURIComponent(e.replace(/^.*\//, "").replace(/[?&#].*$/, "")) : "";
+}
+var Et = V.navigator && /(Macintosh|iPhone|iPod|iPad).*AppleWebKit/i.test(V.navigator.userAgent);
+function Ie(e, t, i) {
+  var r = document.createElement("img");
+  if (e.naturalWidth && !Et)
+    return i(e.naturalWidth, e.naturalHeight), r;
+  var n = document.body || document.documentElement;
+  return r.onload = function() {
+    i(r.width, r.height), Et || n.removeChild(r);
+  }, y(t.inheritedAttributes, function(a) {
+    var s = e.getAttribute(a);
+    s !== null && r.setAttribute(a, s);
+  }), r.src = e.src, Et || (r.style.cssText = "left:0;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:0;position:absolute;top:0;z-index:-1;", n.appendChild(r)), r;
+}
+function ut(e) {
+  switch (e) {
+    case 2:
+      return ni;
+    case 3:
+      return ri;
+    case 4:
+      return ii;
+    default:
+      return "";
+  }
+}
+function mi(e) {
+  var t = Ct({}, e), i = [];
+  return y(e, function(r, n) {
+    delete t[n], y(t, function(a) {
+      var s = Math.abs(r.startX - a.startX), l = Math.abs(r.startY - a.startY), h = Math.abs(r.endX - a.endX), o = Math.abs(r.endY - a.endY), u = Math.sqrt(s * s + l * l), c = Math.sqrt(h * h + o * o), g = (c - u) / u;
+      i.push(g);
+    });
+  }), i.sort(function(r, n) {
+    return Math.abs(r) < Math.abs(n);
+  }), i[0];
+}
+function ht(e, t) {
+  var i = e.pageX, r = e.pageY, n = {
+    endX: i,
+    endY: r
+  };
+  return t ? n : Ct({
+    timeStamp: Date.now(),
+    startX: i,
+    startY: r
+  }, n);
+}
+function pi(e) {
+  var t = 0, i = 0, r = 0;
+  return y(e, function(n) {
+    var a = n.startX, s = n.startY;
+    t += a, i += s, r += 1;
+  }), t /= r, i /= r, {
+    pageX: t,
+    pageY: i
+  };
+}
+var bi = {
+  render: function() {
+    this.initContainer(), this.initViewer(), this.initList(), this.renderViewer();
+  },
+  initBody: function() {
+    var t = this.element.ownerDocument, i = t.body || t.documentElement;
+    this.body = i, this.scrollbarWidth = window.innerWidth - t.documentElement.clientWidth, this.initialBodyPaddingRight = i.style.paddingRight, this.initialBodyComputedPaddingRight = window.getComputedStyle(i).paddingRight;
+  },
+  initContainer: function() {
+    this.containerData = {
+      width: window.innerWidth,
+      height: window.innerHeight
+    };
+  },
+  initViewer: function() {
+    var t = this.options, i = this.parent, r;
+    t.inline && (r = {
+      width: Math.max(i.offsetWidth, t.minWidth),
+      height: Math.max(i.offsetHeight, t.minHeight)
+    }, this.parentData = r), (this.fulled || !r) && (r = this.containerData), this.viewerData = C({}, r);
+  },
+  renderViewer: function() {
+    this.options.inline && !this.fulled && z(this.viewer, this.viewerData);
+  },
+  initList: function() {
+    var t = this, i = this.element, r = this.options, n = this.list, a = [];
+    n.innerHTML = "", y(this.images, function(s, l) {
+      var h = s.src, o = s.alt || gi(h), u = t.getImageURL(s);
+      if (h || u) {
+        var c = document.createElement("li"), g = document.createElement("img");
+        y(r.inheritedAttributes, function(I) {
+          var S = s.getAttribute(I);
+          S !== null && g.setAttribute(I, S);
+        }), r.navbar && (g.src = h || u), g.alt = o, g.setAttribute("data-original-url", u || h), c.setAttribute("data-index", l), c.setAttribute("data-viewer-action", "view"), c.setAttribute("role", "button"), r.keyboard && c.setAttribute("tabindex", 0), c.appendChild(g), n.appendChild(c), a.push(c);
+      }
+    }), this.items = a, y(a, function(s) {
+      var l = s.firstElementChild, h, o;
+      xt(l, "filled", !0), r.loading && f(s, Z), d(l, $, h = function(c) {
+        b(l, W, o), r.loading && m(s, Z), t.loadImage(c);
+      }, {
+        once: !0
+      }), d(l, W, o = function() {
+        b(l, $, h), r.loading && m(s, Z);
+      }, {
+        once: !0
+      });
+    }), r.transition && d(i, nt, function() {
+      f(n, O);
+    }, {
+      once: !0
+    });
+  },
+  renderList: function() {
+    var t = this.index, i = this.items[t];
+    if (i) {
+      var r = i.nextElementSibling, n = parseInt(window.getComputedStyle(r || i).marginLeft, 10), a = i.offsetWidth, s = a + n;
+      z(this.list, C({
+        width: s * this.length - n
+      }, gt({
+        translateX: (this.viewerData.width - a) / 2 - s * t
+      })));
+    }
+  },
+  resetList: function() {
+    var t = this.list;
+    t.innerHTML = "", m(t, O), z(t, gt({
+      translateX: 0
+    }));
+  },
+  initImage: function(t) {
+    var i = this, r = this.options, n = this.image, a = this.viewerData, s = this.footer.offsetHeight, l = a.width, h = Math.max(a.height - s, s), o = this.imageData || {}, u;
+    this.imageInitializing = {
+      abort: function() {
+        u.onload = null;
+      }
+    }, u = Ie(n, r, function(c, g) {
+      var I = c / g, S = Math.max(0, Math.min(1, r.initialCoverage)), E = l, x = h;
+      i.imageInitializing = !1, h * I > l ? x = l / I : E = h * I, S = _(S) ? S : 0.9, E = Math.min(E * S, c), x = Math.min(x * S, g);
+      var D = (l - E) / 2, N = (h - x) / 2, T = {
+        left: D,
+        top: N,
+        x: D,
+        y: N,
+        width: E,
+        height: x,
+        oldRatio: 1,
+        ratio: E / c,
+        aspectRatio: I,
+        naturalWidth: c,
+        naturalHeight: g
+      }, R = C({}, T);
+      r.rotatable && (T.rotate = o.rotate || 0, R.rotate = 0), r.scalable && (T.scaleX = o.scaleX || 1, T.scaleY = o.scaleY || 1, R.scaleX = 1, R.scaleY = 1), i.imageData = T, i.initialImageData = R, t && t();
+    });
+  },
+  renderImage: function(t) {
+    var i = this, r = this.image, n = this.imageData;
+    if (z(r, C({
+      width: n.width,
+      height: n.height,
+      // XXX: Not to use translateX/Y to avoid image shaking when zooming
+      marginLeft: n.x,
+      marginTop: n.y
+    }, gt(n))), t)
+      if ((this.viewing || this.moving || this.rotating || this.scaling || this.zooming) && this.options.transition && H(r, O)) {
+        var a = function() {
+          i.imageRendering = !1, t();
+        };
+        this.imageRendering = {
+          abort: function() {
+            b(r, k, a);
+          }
+        }, d(r, k, a, {
+          once: !0
+        });
+      } else
+        t();
+  },
+  resetImage: function() {
+    if (this.viewing || this.viewed) {
+      var t = this.image;
+      this.viewing && this.viewing.abort(), t.parentNode.removeChild(t), this.image = null;
+    }
+  }
+}, yi = {
+  bind: function() {
+    var t = this.options, i = this.viewer, r = this.canvas, n = this.element.ownerDocument;
+    d(i, J, this.onClick = this.click.bind(this)), d(i, Wt, this.onDragStart = this.dragstart.bind(this)), d(r, Ht, this.onPointerDown = this.pointerdown.bind(this)), d(n, Ut, this.onPointerMove = this.pointermove.bind(this)), d(n, Bt, this.onPointerUp = this.pointerup.bind(this)), d(n, qt, this.onKeyDown = this.keydown.bind(this)), d(window, Kt, this.onResize = this.resize.bind(this)), t.zoomable && t.zoomOnWheel && d(i, Gt, this.onWheel = this.wheel.bind(this), {
+      passive: !1,
+      capture: !0
+    }), t.toggleOnDblclick && d(r, At, this.onDblclick = this.dblclick.bind(this));
+  },
+  unbind: function() {
+    var t = this.options, i = this.viewer, r = this.canvas, n = this.element.ownerDocument;
+    b(i, J, this.onClick), b(i, Wt, this.onDragStart), b(r, Ht, this.onPointerDown), b(n, Ut, this.onPointerMove), b(n, Bt, this.onPointerUp), b(n, qt, this.onKeyDown), b(window, Kt, this.onResize), t.zoomable && t.zoomOnWheel && b(i, Gt, this.onWheel, {
+      passive: !1,
+      capture: !0
+    }), t.toggleOnDblclick && b(r, At, this.onDblclick);
+  }
+}, wi = {
+  click: function(t) {
+    var i = this.options, r = this.imageData, n = t.target, a = K(n, mt);
+    switch (!a && n.localName === "img" && n.parentElement.localName === "li" && (n = n.parentElement, a = K(n, mt)), G && t.isTrusted && n === this.canvas && clearTimeout(this.clickCanvasTimeout), a) {
+      case "mix":
+        this.played ? this.stop() : i.inline ? this.fulled ? this.exit() : this.full() : this.hide();
+        break;
+      case "hide":
+        this.pointerMoved || this.hide();
+        break;
+      case "view":
+        this.view(K(n, "index"));
+        break;
+      case "zoom-in":
+        this.zoom(0.1, !0);
+        break;
+      case "zoom-out":
+        this.zoom(-0.1, !0);
+        break;
+      case "one-to-one":
+        this.toggle();
+        break;
+      case "reset":
+        this.reset();
+        break;
+      case "prev":
+        this.prev(i.loop);
+        break;
+      case "play":
+        this.play(i.fullscreen);
+        break;
+      case "next":
+        this.next(i.loop);
+        break;
+      case "rotate-left":
+        this.rotate(-90);
+        break;
+      case "rotate-right":
+        this.rotate(90);
+        break;
+      case "flip-horizontal":
+        this.scaleX(-r.scaleX || -1);
+        break;
+      case "flip-vertical":
+        this.scaleY(-r.scaleY || -1);
+        break;
+      default:
+        this.played && this.stop();
+    }
+  },
+  dblclick: function(t) {
+    t.preventDefault(), this.viewed && t.target === this.image && (G && t.isTrusted && clearTimeout(this.doubleClickImageTimeout), this.toggle(t.isTrusted ? t : t.detail && t.detail.originalEvent));
+  },
+  load: function() {
+    var t = this;
+    this.timeout && (clearTimeout(this.timeout), this.timeout = !1);
+    var i = this.element, r = this.options, n = this.image, a = this.index, s = this.viewerData;
+    m(n, rt), r.loading && m(this.canvas, Z), n.style.cssText = "height:0;" + "margin-left:".concat(s.width / 2, "px;") + "margin-top:".concat(s.height / 2, "px;") + "max-width:none!important;position:relative;width:0;", this.initImage(function() {
+      st(n, ai, r.movable), st(n, O, r.transition), t.renderImage(function() {
+        t.viewed = !0, t.viewing = !1, p(r.viewed) && d(i, nt, r.viewed, {
+          once: !0
+        }), A(i, nt, {
+          originalImage: t.images[a],
+          index: a,
+          image: n
+        }, {
+          cancelable: !1
+        });
+      });
+    });
+  },
+  loadImage: function(t) {
+    var i = t.target, r = i.parentNode, n = r.offsetWidth || 30, a = r.offsetHeight || 50, s = !!K(i, "filled");
+    Ie(i, this.options, function(l, h) {
+      var o = l / h, u = n, c = a;
+      a * o > n ? s ? u = a * o : c = n / o : s ? c = n / o : u = a * o, z(i, C({
+        width: u,
+        height: c
+      }, gt({
+        translateX: (n - u) / 2,
+        translateY: (a - c) / 2
+      })));
+    });
+  },
+  keydown: function(t) {
+    var i = this.options;
+    if (i.keyboard) {
+      var r = t.keyCode || t.which || t.charCode;
+      switch (r) {
+        case 13:
+          this.viewer.contains(t.target) && this.click(t);
+          break;
+      }
+      if (this.fulled)
+        switch (r) {
+          case 27:
+            this.played ? this.stop() : i.inline ? this.fulled && this.exit() : this.hide();
+            break;
+          case 32:
+            this.played && this.stop();
+            break;
+          case 37:
+            this.played && this.playing ? this.playing.prev() : this.prev(i.loop);
+            break;
+          case 38:
+            t.preventDefault(), this.zoom(i.zoomRatio, !0);
+            break;
+          case 39:
+            this.played && this.playing ? this.playing.next() : this.next(i.loop);
+            break;
+          case 40:
+            t.preventDefault(), this.zoom(-i.zoomRatio, !0);
+            break;
+          case 48:
+          case 49:
+            t.ctrlKey && (t.preventDefault(), this.toggle());
+            break;
+        }
+    }
+  },
+  dragstart: function(t) {
+    t.target.localName === "img" && t.preventDefault();
+  },
+  pointerdown: function(t) {
+    var i = this.options, r = this.pointers, n = t.buttons, a = t.button;
+    if (this.pointerMoved = !1, !(!this.viewed || this.showing || this.viewing || this.hiding || (t.type === "mousedown" || t.type === "pointerdown" && t.pointerType === "mouse") && // No primary button (Usually the left button)
+    (_(n) && n !== 1 || _(a) && a !== 0 || t.ctrlKey))) {
+      t.preventDefault(), t.changedTouches ? y(t.changedTouches, function(l) {
+        r[l.identifier] = ht(l);
+      }) : r[t.pointerId || 0] = ht(t);
+      var s = i.movable ? dt : !1;
+      i.zoomOnTouch && i.zoomable && Object.keys(r).length > 1 ? s = it : i.slideOnTouch && (t.pointerType === "touch" || t.type === "touchstart") && this.isSwitchable() && (s = Se), i.transition && (s === dt || s === it) && m(this.image, O), this.action = s;
+    }
+  },
+  pointermove: function(t) {
+    var i = this.pointers, r = this.action;
+    !this.viewed || !r || (t.preventDefault(), t.changedTouches ? y(t.changedTouches, function(n) {
+      C(i[n.identifier] || {}, ht(n, !0));
+    }) : C(i[t.pointerId || 0] || {}, ht(t, !0)), this.change(t));
+  },
+  pointerup: function(t) {
+    var i = this, r = this.options, n = this.action, a = this.pointers, s;
+    t.changedTouches ? y(t.changedTouches, function(l) {
+      s = a[l.identifier], delete a[l.identifier];
+    }) : (s = a[t.pointerId || 0], delete a[t.pointerId || 0]), n && (t.preventDefault(), r.transition && (n === dt || n === it) && f(this.image, O), this.action = !1, G && n !== it && s && Date.now() - s.timeStamp < 500 && (clearTimeout(this.clickCanvasTimeout), clearTimeout(this.doubleClickImageTimeout), r.toggleOnDblclick && this.viewed && t.target === this.image ? this.imageClicked ? (this.imageClicked = !1, this.doubleClickImageTimeout = setTimeout(function() {
+      A(i.image, At, {
+        originalEvent: t
+      });
+    }, 50)) : (this.imageClicked = !0, this.doubleClickImageTimeout = setTimeout(function() {
+      i.imageClicked = !1;
+    }, 500)) : (this.imageClicked = !1, r.backdrop && r.backdrop !== "static" && t.target === this.canvas && (this.clickCanvasTimeout = setTimeout(function() {
+      A(i.canvas, J, {
+        originalEvent: t
+      });
+    }, 50)))));
+  },
+  resize: function() {
+    var t = this;
+    if (!(!this.isShown || this.hiding) && (this.fulled && (this.close(), this.initBody(), this.open()), this.initContainer(), this.initViewer(), this.renderViewer(), this.renderList(), this.viewed && this.initImage(function() {
+      t.renderImage();
+    }), this.played)) {
+      if (this.options.fullscreen && this.fulled && !(document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement)) {
+        this.stop();
+        return;
+      }
+      y(this.player.getElementsByTagName("img"), function(i) {
+        d(i, $, t.loadImage.bind(t), {
+          once: !0
+        }), A(i, $);
+      });
+    }
+  },
+  wheel: function(t) {
+    var i = this;
+    if (this.viewed && (t.preventDefault(), !this.wheeling)) {
+      this.wheeling = !0, setTimeout(function() {
+        i.wheeling = !1;
+      }, 50);
+      var r = Number(this.options.zoomRatio) || 0.1, n = 1;
+      t.deltaY ? n = t.deltaY > 0 ? 1 : -1 : t.wheelDelta ? n = -t.wheelDelta / 120 : t.detail && (n = t.detail > 0 ? 1 : -1), this.zoom(-n * r, !0, null, t);
+    }
+  }
+}, Ti = {
+  /** Show the viewer (only available in modal mode)
+   * @param {boolean} [immediate=false] - Indicates if show the viewer immediately or not.
+   * @returns {Viewer} this
+   */
+  show: function() {
+    var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1, i = this.element, r = this.options;
+    if (r.inline || this.showing || this.isShown || this.showing)
+      return this;
+    if (!this.ready)
+      return this.build(), this.ready && this.show(t), this;
+    if (p(r.show) && d(i, Jt, r.show, {
+      once: !0
+    }), A(i, Jt) === !1 || !this.ready)
+      return this;
+    this.hiding && this.transitioning.abort(), this.showing = !0, this.open();
+    var n = this.viewer;
+    if (m(n, Y), n.setAttribute("role", "dialog"), n.setAttribute("aria-labelledby", this.title.id), n.setAttribute("aria-modal", !0), n.removeAttribute("aria-hidden"), r.transition && !t) {
+      var a = this.shown.bind(this);
+      this.transitioning = {
+        abort: function() {
+          b(n, k, a), m(n, L);
+        }
+      }, f(n, O), n.initialOffsetWidth = n.offsetWidth, d(n, k, a, {
+        once: !0
+      }), f(n, L);
+    } else
+      f(n, L), this.shown();
+    return this;
+  },
+  /**
+   * Hide the viewer (only available in modal mode)
+   * @param {boolean} [immediate=false] - Indicates if hide the viewer immediately or not.
+   * @returns {Viewer} this
+   */
+  hide: function() {
+    var t = this, i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1, r = this.element, n = this.options;
+    if (n.inline || this.hiding || !(this.isShown || this.showing))
+      return this;
+    if (p(n.hide) && d(r, te, n.hide, {
+      once: !0
+    }), A(r, te) === !1)
+      return this;
+    this.showing && this.transitioning.abort(), this.hiding = !0, this.played ? this.stop() : this.viewing && this.viewing.abort();
+    var a = this.viewer, s = this.image, l = function() {
+      m(a, L), t.hidden();
+    };
+    if (n.transition && !i) {
+      var h = function u(c) {
+        c && c.target === a && (b(a, k, u), t.hidden());
+      }, o = function() {
+        H(a, O) ? (d(a, k, h), m(a, L)) : l();
+      };
+      this.transitioning = {
+        abort: function() {
+          t.viewed && H(s, O) ? b(s, k, o) : H(a, O) && b(a, k, h);
+        }
+      }, this.viewed && H(s, O) ? (d(s, k, o, {
+        once: !0
+      }), this.zoomTo(0, !1, null, null, !0)) : o();
+    } else
+      l();
+    return this;
+  },
+  /**
+   * View one of the images with image's index
+   * @param {number} index - The index of the image to view.
+   * @returns {Viewer} this
+   */
+  view: function() {
+    var t = this, i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.options.initialViewIndex;
+    if (i = Number(i) || 0, this.hiding || this.played || i < 0 || i >= this.length || this.viewed && i === this.index)
+      return this;
+    if (!this.isShown)
+      return this.index = i, this.show();
+    this.viewing && this.viewing.abort();
+    var r = this.element, n = this.options, a = this.title, s = this.canvas, l = this.items[i], h = l.querySelector("img"), o = K(h, "originalUrl"), u = h.getAttribute("alt"), c = document.createElement("img");
+    if (y(n.inheritedAttributes, function(x) {
+      var D = h.getAttribute(x);
+      D !== null && c.setAttribute(x, D);
+    }), c.src = o, c.alt = u, p(n.view) && d(r, ie, n.view, {
+      once: !0
+    }), A(r, ie, {
+      originalImage: this.images[i],
+      index: i,
+      image: c
+    }) === !1 || !this.isShown || this.hiding || this.played)
+      return this;
+    var g = this.items[this.index];
+    g && (m(g, ot), g.removeAttribute("aria-selected")), f(l, ot), l.setAttribute("aria-selected", !0), n.focus && l.focus(), this.image = c, this.viewed = !1, this.index = i, this.imageData = {}, f(c, rt), n.loading && f(s, Z), s.innerHTML = "", s.appendChild(c), this.renderList(), a.innerHTML = "";
+    var I = function() {
+      var D = t.imageData, N = Array.isArray(n.title) ? n.title[1] : n.title;
+      a.innerHTML = fi(p(N) ? N.call(t, c, D) : "".concat(u, " (").concat(D.naturalWidth, " × ").concat(D.naturalHeight, ")"));
+    }, S, E;
+    return d(r, nt, I, {
+      once: !0
+    }), this.viewing = {
+      abort: function() {
+        b(r, nt, I), c.complete ? t.imageRendering ? t.imageRendering.abort() : t.imageInitializing && t.imageInitializing.abort() : (c.src = "", b(c, $, S), t.timeout && clearTimeout(t.timeout));
+      }
+    }, c.complete ? this.load() : (d(c, $, S = function() {
+      b(c, W, E), t.load();
+    }, {
+      once: !0
+    }), d(c, W, E = function() {
+      b(c, $, S), t.timeout && (clearTimeout(t.timeout), t.timeout = !1), m(c, rt), n.loading && m(t.canvas, Z);
+    }, {
+      once: !0
+    }), this.timeout && clearTimeout(this.timeout), this.timeout = setTimeout(function() {
+      m(c, rt), t.timeout = !1;
+    }, 1e3)), this;
+  },
+  /**
+   * View the previous image
+   * @param {boolean} [loop=false] - Indicate if view the last one
+   * when it is the first one at present.
+   * @returns {Viewer} this
+   */
+  prev: function() {
+    var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1, i = this.index - 1;
+    return i < 0 && (i = t ? this.length - 1 : 0), this.view(i), this;
+  },
+  /**
+   * View the next image
+   * @param {boolean} [loop=false] - Indicate if view the first one
+   * when it is the last one at present.
+   * @returns {Viewer} this
+   */
+  next: function() {
+    var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1, i = this.length - 1, r = this.index + 1;
+    return r > i && (r = t ? 0 : i), this.view(r), this;
+  },
+  /**
+   * Move the image with relative offsets.
+   * @param {number} x - The moving distance in the horizontal direction.
+   * @param {number} [y=x] The moving distance in the vertical direction.
+   * @returns {Viewer} this
+   */
+  move: function(t) {
+    var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : t, r = this.imageData;
+    return this.moveTo(U(t) ? t : r.x + Number(t), U(i) ? i : r.y + Number(i)), this;
+  },
+  /**
+   * Move the image to an absolute point.
+   * @param {number} x - The new position in the horizontal direction.
+   * @param {number} [y=x] - The new position in the vertical direction.
+   * @param {Event} [_originalEvent=null] - The original event if any.
+   * @returns {Viewer} this
+   */
+  moveTo: function(t) {
+    var i = this, r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : t, n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : null, a = this.element, s = this.options, l = this.imageData;
+    if (t = Number(t), r = Number(r), this.viewed && !this.played && s.movable) {
+      var h = l.x, o = l.y, u = !1;
+      if (_(t) ? u = !0 : t = h, _(r) ? u = !0 : r = o, u) {
+        if (p(s.move) && d(a, re, s.move, {
+          once: !0
+        }), A(a, re, {
+          x: t,
+          y: r,
+          oldX: h,
+          oldY: o,
+          originalEvent: n
+        }) === !1)
+          return this;
+        l.x = t, l.y = r, l.left = t, l.top = r, this.moving = !0, this.renderImage(function() {
+          i.moving = !1, p(s.moved) && d(a, ne, s.moved, {
+            once: !0
+          }), A(a, ne, {
+            x: t,
+            y: r,
+            oldX: h,
+            oldY: o,
+            originalEvent: n
+          }, {
+            cancelable: !1
+          });
+        });
+      }
+    }
+    return this;
+  },
+  /**
+   * Rotate the image with a relative degree.
+   * @param {number} degree - The rotate degree.
+   * @returns {Viewer} this
+   */
+  rotate: function(t) {
+    return this.rotateTo((this.imageData.rotate || 0) + Number(t)), this;
+  },
+  /**
+   * Rotate the image to an absolute degree.
+   * @param {number} degree - The rotate degree.
+   * @returns {Viewer} this
+   */
+  rotateTo: function(t) {
+    var i = this, r = this.element, n = this.options, a = this.imageData;
+    if (t = Number(t), _(t) && this.viewed && !this.played && n.rotatable) {
+      var s = a.rotate;
+      if (p(n.rotate) && d(r, ae, n.rotate, {
+        once: !0
+      }), A(r, ae, {
+        degree: t,
+        oldDegree: s
+      }) === !1)
+        return this;
+      a.rotate = t, this.rotating = !0, this.renderImage(function() {
+        i.rotating = !1, p(n.rotated) && d(r, se, n.rotated, {
+          once: !0
+        }), A(r, se, {
+          degree: t,
+          oldDegree: s
+        }, {
+          cancelable: !1
+        });
+      });
+    }
+    return this;
+  },
+  /**
+   * Scale the image on the x-axis.
+   * @param {number} scaleX - The scale ratio on the x-axis.
+   * @returns {Viewer} this
+   */
+  scaleX: function(t) {
+    return this.scale(t, this.imageData.scaleY), this;
+  },
+  /**
+   * Scale the image on the y-axis.
+   * @param {number} scaleY - The scale ratio on the y-axis.
+   * @returns {Viewer} this
+   */
+  scaleY: function(t) {
+    return this.scale(this.imageData.scaleX, t), this;
+  },
+  /**
+   * Scale the image.
+   * @param {number} scaleX - The scale ratio on the x-axis.
+   * @param {number} [scaleY=scaleX] - The scale ratio on the y-axis.
+   * @returns {Viewer} this
+   */
+  scale: function(t) {
+    var i = this, r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : t, n = this.element, a = this.options, s = this.imageData;
+    if (t = Number(t), r = Number(r), this.viewed && !this.played && a.scalable) {
+      var l = s.scaleX, h = s.scaleY, o = !1;
+      if (_(t) ? o = !0 : t = l, _(r) ? o = !0 : r = h, o) {
+        if (p(a.scale) && d(n, oe, a.scale, {
+          once: !0
+        }), A(n, oe, {
+          scaleX: t,
+          scaleY: r,
+          oldScaleX: l,
+          oldScaleY: h
+        }) === !1)
+          return this;
+        s.scaleX = t, s.scaleY = r, this.scaling = !0, this.renderImage(function() {
+          i.scaling = !1, p(a.scaled) && d(n, le, a.scaled, {
+            once: !0
+          }), A(n, le, {
+            scaleX: t,
+            scaleY: r,
+            oldScaleX: l,
+            oldScaleY: h
+          }, {
+            cancelable: !1
+          });
+        });
+      }
+    }
+    return this;
+  },
+  /**
+   * Zoom the image with a relative ratio.
+   * @param {number} ratio - The target ratio.
+   * @param {boolean} [showTooltip=false] - Indicates whether to show the tooltip.
+   * @param {Object} [pivot] - The pivot point coordinate for zooming.
+   * @param {Event} [_originalEvent=null] - The original event if any.
+   * @returns {Viewer} this
+   */
+  zoom: function(t) {
+    var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : null, n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : null, a = this.imageData;
+    return t = Number(t), t < 0 ? t = 1 / (1 - t) : t = 1 + t, this.zoomTo(a.width * t / a.naturalWidth, i, r, n), this;
+  },
+  /**
+   * Zoom the image to an absolute ratio.
+   * @param {number} ratio - The target ratio.
+   * @param {boolean} [showTooltip] - Indicates whether to show the tooltip.
+   * @param {Object} [pivot] - The pivot point coordinate for zooming.
+   * @param {Event} [_originalEvent=null] - The original event if any.
+   * @param {Event} [_zoomable=false] - Indicates if the current zoom is available or not.
+   * @returns {Viewer} this
+   */
+  zoomTo: function(t) {
+    var i = this, r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : null, a = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : null, s = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !1, l = this.element, h = this.options, o = this.pointers, u = this.imageData, c = u.x, g = u.y, I = u.width, S = u.height, E = u.naturalWidth, x = u.naturalHeight;
+    if (t = Math.max(0, t), _(t) && this.viewed && !this.played && (s || h.zoomable)) {
+      if (!s) {
+        var D = Math.max(0.01, h.minZoomRatio), N = Math.min(100, h.maxZoomRatio);
+        t = Math.min(Math.max(t, D), N);
+      }
+      if (a)
+        switch (a.type) {
+          case "wheel":
+            h.zoomRatio >= 0.055 && t > 0.95 && t < 1.05 && (t = 1);
+            break;
+          case "pointermove":
+          case "touchmove":
+          case "mousemove":
+            t > 0.99 && t < 1.01 && (t = 1);
+            break;
+        }
+      var T = E * t, R = x * t, F = T - I, P = R - S, M = u.ratio;
+      if (p(h.zoom) && d(l, ue, h.zoom, {
+        once: !0
+      }), A(l, ue, {
+        ratio: t,
+        oldRatio: M,
+        originalEvent: a
+      }) === !1)
+        return this;
+      if (this.zooming = !0, a) {
+        var tt = vi(this.viewer), X = o && Object.keys(o).length > 0 ? pi(o) : {
+          pageX: a.pageX,
+          pageY: a.pageY
+        };
+        u.x -= F * ((X.pageX - tt.left - c) / I), u.y -= P * ((X.pageY - tt.top - g) / S);
+      } else
+        B(n) && _(n.x) && _(n.y) ? (u.x -= F * ((n.x - c) / I), u.y -= P * ((n.y - g) / S)) : (u.x -= F / 2, u.y -= P / 2);
+      u.left = u.x, u.top = u.y, u.width = T, u.height = R, u.oldRatio = M, u.ratio = t, this.renderImage(function() {
+        i.zooming = !1, p(h.zoomed) && d(l, he, h.zoomed, {
+          once: !0
+        }), A(l, he, {
+          ratio: t,
+          oldRatio: M,
+          originalEvent: a
+        }, {
+          cancelable: !1
+        });
+      }), r && this.tooltip();
+    }
+    return this;
+  },
+  /**
+   * Play the images
+   * @param {boolean|FullscreenOptions} [fullscreen=false] - Indicate if request fullscreen or not.
+   * @returns {Viewer} this
+   */
+  play: function() {
+    var t = this, i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
+    if (!this.isShown || this.played)
+      return this;
+    var r = this.element, n = this.options;
+    if (p(n.play) && d(r, ce, n.play, {
+      once: !0
+    }), A(r, ce) === !1)
+      return this;
+    var a = this.player, s = this.loadImage.bind(this), l = [], h = 0, o = 0;
+    if (this.played = !0, this.onLoadWhenPlay = s, i && this.requestFullscreen(i), f(a, q), y(this.items, function(g, I) {
+      var S = g.querySelector("img"), E = document.createElement("img");
+      E.src = K(S, "originalUrl"), E.alt = S.getAttribute("alt"), E.referrerPolicy = S.referrerPolicy, h += 1, f(E, vt), st(E, O, n.transition), H(g, ot) && (f(E, L), o = I), l.push(E), d(E, $, s, {
+        once: !0
+      }), a.appendChild(E);
+    }), _(n.interval) && n.interval > 0) {
+      var u = function g() {
+        clearTimeout(t.playing.timeout), m(l[o], L), o -= 1, o = o >= 0 ? o : h - 1, f(l[o], L), t.playing.timeout = setTimeout(g, n.interval);
+      }, c = function g() {
+        clearTimeout(t.playing.timeout), m(l[o], L), o += 1, o = o < h ? o : 0, f(l[o], L), t.playing.timeout = setTimeout(g, n.interval);
+      };
+      h > 1 && (this.playing = {
+        prev: u,
+        next: c,
+        timeout: setTimeout(c, n.interval)
+      });
+    }
+    return this;
+  },
+  // Stop play
+  stop: function() {
+    var t = this;
+    if (!this.played)
+      return this;
+    var i = this.element, r = this.options;
+    if (p(r.stop) && d(i, fe, r.stop, {
+      once: !0
+    }), A(i, fe) === !1)
+      return this;
+    var n = this.player;
+    return clearTimeout(this.playing.timeout), this.playing = !1, this.played = !1, y(n.getElementsByTagName("img"), function(a) {
+      b(a, $, t.onLoadWhenPlay);
+    }), m(n, q), n.innerHTML = "", this.exitFullscreen(), this;
+  },
+  // Enter modal mode (only available in inline mode)
+  full: function() {
+    var t = this, i = this.options, r = this.viewer, n = this.image, a = this.list;
+    return !this.isShown || this.played || this.fulled || !i.inline ? this : (this.fulled = !0, this.open(), f(this.button, Mt), i.transition && (m(a, O), this.viewed && m(n, O)), f(r, It), r.setAttribute("role", "dialog"), r.setAttribute("aria-labelledby", this.title.id), r.setAttribute("aria-modal", !0), r.removeAttribute("style"), z(r, {
+      zIndex: i.zIndex
+    }), i.focus && this.enforceFocus(), this.initContainer(), this.viewerData = C({}, this.containerData), this.renderList(), this.viewed && this.initImage(function() {
+      t.renderImage(function() {
+        i.transition && setTimeout(function() {
+          f(n, O), f(a, O);
+        }, 0);
+      });
+    }), this);
+  },
+  // Exit modal mode (only available in inline mode)
+  exit: function() {
+    var t = this, i = this.options, r = this.viewer, n = this.image, a = this.list;
+    return !this.isShown || this.played || !this.fulled || !i.inline ? this : (this.fulled = !1, this.close(), m(this.button, Mt), i.transition && (m(a, O), this.viewed && m(n, O)), i.focus && this.clearEnforceFocus(), r.removeAttribute("role"), r.removeAttribute("aria-labelledby"), r.removeAttribute("aria-modal"), m(r, It), z(r, {
+      zIndex: i.zIndexInline
+    }), this.viewerData = C({}, this.parentData), this.renderViewer(), this.renderList(), this.viewed && this.initImage(function() {
+      t.renderImage(function() {
+        i.transition && setTimeout(function() {
+          f(n, O), f(a, O);
+        }, 0);
+      });
+    }), this);
+  },
+  // Show the current ratio of the image with percentage
+  tooltip: function() {
+    var t = this, i = this.options, r = this.tooltipBox, n = this.imageData;
+    return !this.viewed || this.played || !i.tooltip ? this : (r.textContent = "".concat(Math.round(n.ratio * 100), "%"), this.tooltipping ? clearTimeout(this.tooltipping) : i.transition ? (this.fading && A(r, k), f(r, q), f(r, vt), f(r, O), r.removeAttribute("aria-hidden"), r.initialOffsetWidth = r.offsetWidth, f(r, L)) : (f(r, q), r.removeAttribute("aria-hidden")), this.tooltipping = setTimeout(function() {
+      i.transition ? (d(r, k, function() {
+        m(r, q), m(r, vt), m(r, O), r.setAttribute("aria-hidden", !0), t.fading = !1;
+      }, {
+        once: !0
+      }), m(r, L), t.fading = !0) : (m(r, q), r.setAttribute("aria-hidden", !0)), t.tooltipping = !1;
+    }, 1e3), this);
+  },
+  /**
+   * Toggle the image size between its current size and natural size
+   * @param {Event} [_originalEvent=null] - The original event if any.
+   * @returns {Viewer} this
+   */
+  toggle: function() {
+    var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : null;
+    return this.imageData.ratio === 1 ? this.zoomTo(this.imageData.oldRatio, !0, null, t) : this.zoomTo(1, !0, null, t), this;
+  },
+  // Reset the image to its initial state
+  reset: function() {
+    return this.viewed && !this.played && (this.imageData = C({}, this.initialImageData), this.renderImage()), this;
+  },
+  // Update viewer when images changed
+  update: function() {
+    var t = this, i = this.element, r = this.options, n = this.isImg;
+    if (n && !i.parentNode)
+      return this.destroy();
+    var a = [];
+    if (y(n ? [i] : i.querySelectorAll("img"), function(o) {
+      p(r.filter) ? r.filter.call(t, o) && a.push(o) : t.getImageURL(o) && a.push(o);
+    }), !a.length)
+      return this;
+    if (this.images = a, this.length = a.length, this.ready) {
+      var s = [];
+      if (y(this.items, function(o, u) {
+        var c = o.querySelector("img"), g = a[u];
+        g && c ? (g.src !== c.src || g.alt !== c.alt) && s.push(u) : s.push(u);
+      }), z(this.list, {
+        width: "auto"
+      }), this.initList(), this.isShown)
+        if (this.length) {
+          if (this.viewed) {
+            var l = s.indexOf(this.index);
+            if (l >= 0)
+              this.viewed = !1, this.view(Math.max(Math.min(this.index - l, this.length - 1), 0));
+            else {
+              var h = this.items[this.index];
+              f(h, ot), h.setAttribute("aria-selected", !0);
+            }
+          }
+        } else
+          this.image = null, this.viewed = !1, this.index = 0, this.imageData = {}, this.canvas.innerHTML = "", this.title.innerHTML = "";
+    } else
+      this.build();
+    return this;
+  },
+  // Destroy the viewer
+  destroy: function() {
+    var t = this.element, i = this.options;
+    return t[v] ? (this.destroyed = !0, this.ready ? (this.played && this.stop(), i.inline ? (this.fulled && this.exit(), this.unbind()) : this.isShown ? (this.viewing && (this.imageRendering ? this.imageRendering.abort() : this.imageInitializing && this.imageInitializing.abort()), this.hiding && this.transitioning.abort(), this.hidden()) : this.showing && (this.transitioning.abort(), this.hidden()), this.ready = !1, this.viewer.parentNode.removeChild(this.viewer)) : i.inline && (this.delaying ? this.delaying.abort() : this.initializing && this.initializing.abort()), i.inline || b(t, J, this.onStart), t[v] = void 0, this) : this;
+  }
+}, Ei = {
+  getImageURL: function(t) {
+    var i = this.options.url;
+    return at(i) ? i = t.getAttribute(i) : p(i) ? i = i.call(this, t) : i = "", i;
+  },
+  enforceFocus: function() {
+    var t = this;
+    this.clearEnforceFocus(), d(document, Xt, this.onFocusin = function(i) {
+      var r = t.viewer, n = i.target;
+      if (!(n === document || n === r || r.contains(n))) {
+        for (; n; ) {
+          if (n.getAttribute("tabindex") !== null || n.getAttribute("aria-modal") === "true")
+            return;
+          n = n.parentElement;
+        }
+        r.focus();
+      }
+    });
+  },
+  clearEnforceFocus: function() {
+    this.onFocusin && (b(document, Xt, this.onFocusin), this.onFocusin = null);
+  },
+  open: function() {
+    var t = this.body;
+    f(t, Yt), this.scrollbarWidth > 0 && (t.style.paddingRight = "".concat(this.scrollbarWidth + (parseFloat(this.initialBodyComputedPaddingRight) || 0), "px"));
+  },
+  close: function() {
+    var t = this.body;
+    m(t, Yt), this.scrollbarWidth > 0 && (t.style.paddingRight = this.initialBodyPaddingRight);
+  },
+  shown: function() {
+    var t = this.element, i = this.options, r = this.viewer;
+    this.fulled = !0, this.isShown = !0, this.render(), this.bind(), this.showing = !1, i.focus && (r.focus(), this.enforceFocus()), p(i.shown) && d(t, Qt, i.shown, {
+      once: !0
+    }), A(t, Qt) !== !1 && this.ready && this.isShown && !this.hiding && this.view(this.index);
+  },
+  hidden: function() {
+    var t = this.element, i = this.options, r = this.viewer;
+    i.fucus && this.clearEnforceFocus(), this.fulled = !1, this.viewed = !1, this.isShown = !1, this.close(), this.unbind(), f(r, Y), r.removeAttribute("role"), r.removeAttribute("aria-labelledby"), r.removeAttribute("aria-modal"), r.setAttribute("aria-hidden", !0), this.resetList(), this.resetImage(), this.hiding = !1, this.destroyed || (p(i.hidden) && d(t, ee, i.hidden, {
+      once: !0
+    }), A(t, ee, null, {
+      cancelable: !1
+    }));
+  },
+  requestFullscreen: function(t) {
+    var i = this.element.ownerDocument;
+    if (this.fulled && !(i.fullscreenElement || i.webkitFullscreenElement || i.mozFullScreenElement || i.msFullscreenElement)) {
+      var r = i.documentElement;
+      r.requestFullscreen ? B(t) ? r.requestFullscreen(t) : r.requestFullscreen() : r.webkitRequestFullscreen ? r.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT) : r.mozRequestFullScreen ? r.mozRequestFullScreen() : r.msRequestFullscreen && r.msRequestFullscreen();
+    }
+  },
+  exitFullscreen: function() {
+    var t = this.element.ownerDocument;
+    this.fulled && (t.fullscreenElement || t.webkitFullscreenElement || t.mozFullScreenElement || t.msFullscreenElement) && (t.exitFullscreen ? t.exitFullscreen() : t.webkitExitFullscreen ? t.webkitExitFullscreen() : t.mozCancelFullScreen ? t.mozCancelFullScreen() : t.msExitFullscreen && t.msExitFullscreen());
+  },
+  change: function(t) {
+    var i = this.options, r = this.pointers, n = r[Object.keys(r)[0]];
+    if (n) {
+      var a = n.endX - n.startX, s = n.endY - n.startY;
+      switch (this.action) {
+        case dt:
+          (a !== 0 || s !== 0) && (this.pointerMoved = !0, this.move(a, s, t));
+          break;
+        case it:
+          this.zoom(mi(r), !1, null, t);
+          break;
+        case Se: {
+          this.action = "switched";
+          var l = Math.abs(a);
+          l > 1 && l > Math.abs(s) && (this.pointers = {}, a > 1 ? this.prev(i.loop) : a < -1 && this.next(i.loop));
+          break;
+        }
+      }
+      y(r, function(h) {
+        h.startX = h.endX, h.startY = h.endY;
+      });
+    }
+  },
+  isSwitchable: function() {
+    var t = this.imageData, i = this.viewerData;
+    return this.length > 1 && t.x >= 0 && t.y >= 0 && t.width <= i.width && t.height <= i.height;
+  }
+}, _i = V.Viewer, Si = function(e) {
+  return function() {
+    return e += 1, e;
+  };
+}(-1), Ae = /* @__PURE__ */ function() {
+  function e(t) {
+    var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+    if (Ke(this, e), !t || t.nodeType !== 1)
+      throw new Error("The first argument is required and must be an element.");
+    this.element = t, this.options = C({}, Ft, B(i) && i), this.action = !1, this.fading = !1, this.fulled = !1, this.hiding = !1, this.imageClicked = !1, this.imageData = {}, this.index = this.options.initialViewIndex, this.isImg = !1, this.isShown = !1, this.length = 0, this.moving = !1, this.played = !1, this.playing = !1, this.pointers = {}, this.ready = !1, this.rotating = !1, this.scaling = !1, this.showing = !1, this.timeout = !1, this.tooltipping = !1, this.viewed = !1, this.viewing = !1, this.wheeling = !1, this.zooming = !1, this.pointerMoved = !1, this.id = Si(), this.init();
+  }
+  return Ge(e, [{
+    key: "init",
+    value: function() {
+      var i = this, r = this.element, n = this.options;
+      if (!r[v]) {
+        r[v] = this, n.focus && !n.keyboard && (n.focus = !1);
+        var a = r.localName === "img", s = [];
+        if (y(a ? [r] : r.querySelectorAll("img"), function(o) {
+          p(n.filter) ? n.filter.call(i, o) && s.push(o) : i.getImageURL(o) && s.push(o);
+        }), this.isImg = a, this.length = s.length, this.images = s, this.initBody(), U(document.createElement(v).style.transition) && (n.transition = !1), n.inline) {
+          var l = 0, h = function() {
+            if (l += 1, l === i.length) {
+              var u;
+              i.initializing = !1, i.delaying = {
+                abort: function() {
+                  clearTimeout(u);
+                }
+              }, u = setTimeout(function() {
+                i.delaying = !1, i.build();
+              }, 0);
+            }
+          };
+          this.initializing = {
+            abort: function() {
+              y(s, function(u) {
+                u.complete || (b(u, $, h), b(u, W, h));
+              });
+            }
+          }, y(s, function(o) {
+            if (o.complete)
+              h();
+            else {
+              var u, c;
+              d(o, $, u = function() {
+                b(o, W, c), h();
+              }, {
+                once: !0
+              }), d(o, W, c = function() {
+                b(o, $, u), h();
+              }, {
+                once: !0
+              });
+            }
+          });
+        } else
+          d(r, J, this.onStart = function(o) {
+            var u = o.target;
+            u.localName === "img" && (!p(n.filter) || n.filter.call(i, u)) && i.view(i.images.indexOf(u));
+          });
+      }
+    }
+  }, {
+    key: "build",
+    value: function() {
+      if (!this.ready) {
+        var i = this.element, r = this.options, n = i.parentNode, a = document.createElement("div");
+        a.innerHTML = Qe;
+        var s = a.querySelector(".".concat(v, "-container")), l = s.querySelector(".".concat(v, "-title")), h = s.querySelector(".".concat(v, "-toolbar")), o = s.querySelector(".".concat(v, "-navbar")), u = s.querySelector(".".concat(v, "-button")), c = s.querySelector(".".concat(v, "-canvas"));
+        if (this.parent = n, this.viewer = s, this.title = l, this.toolbar = h, this.navbar = o, this.button = u, this.canvas = c, this.footer = s.querySelector(".".concat(v, "-footer")), this.tooltipBox = s.querySelector(".".concat(v, "-tooltip")), this.player = s.querySelector(".".concat(v, "-player")), this.list = s.querySelector(".".concat(v, "-list")), s.id = "".concat(v).concat(this.id), l.id = "".concat(v, "Title").concat(this.id), f(l, r.title ? ut(Array.isArray(r.title) ? r.title[0] : r.title) : Y), f(o, r.navbar ? ut(r.navbar) : Y), st(u, Y, !r.button), r.keyboard && u.setAttribute("tabindex", 0), r.backdrop && (f(s, "".concat(v, "-backdrop")), !r.inline && r.backdrop !== "static" && xt(c, mt, "hide")), at(r.className) && r.className && r.className.split($t).forEach(function(T) {
+          f(s, T);
+        }), r.toolbar) {
+          var g = document.createElement("ul"), I = B(r.toolbar), S = lt.slice(0, 3), E = lt.slice(7, 9), x = lt.slice(9);
+          I || f(h, ut(r.toolbar)), y(I ? r.toolbar : lt, function(T, R) {
+            var F = I && B(T), P = I ? kt(R) : T, M = F && !U(T.show) ? T.show : T;
+            if (!(!M || !r.zoomable && S.indexOf(P) !== -1 || !r.rotatable && E.indexOf(P) !== -1 || !r.scalable && x.indexOf(P) !== -1)) {
+              var tt = F && !U(T.size) ? T.size : T, X = F && !U(T.click) ? T.click : T, j = document.createElement("li");
+              r.keyboard && j.setAttribute("tabindex", 0), j.setAttribute("role", "button"), f(j, "".concat(v, "-").concat(P)), p(X) || xt(j, mt, P), _(M) && f(j, ut(M)), ["small", "large"].indexOf(tt) !== -1 ? f(j, "".concat(v, "-").concat(tt)) : P === "play" && f(j, "".concat(v, "-large")), p(X) && d(j, J, X), g.appendChild(j);
+            }
+          }), h.appendChild(g);
+        } else
+          f(h, Y);
+        if (!r.rotatable) {
+          var D = h.querySelectorAll('li[class*="rotate"]');
+          f(D, rt), y(D, function(T) {
+            h.appendChild(T);
+          });
+        }
+        if (r.inline)
+          f(u, ei), z(s, {
+            zIndex: r.zIndexInline
+          }), window.getComputedStyle(n).position === "static" && z(n, {
+            position: "relative"
+          }), n.insertBefore(s, i.nextSibling);
+        else {
+          f(u, ti), f(s, It), f(s, vt), f(s, Y), z(s, {
+            zIndex: r.zIndex
+          });
+          var N = r.container;
+          at(N) && (N = i.ownerDocument.querySelector(N)), N || (N = this.body), N.appendChild(s);
+        }
+        if (r.inline && (this.render(), this.bind(), this.isShown = !0), this.ready = !0, p(r.ready) && d(i, Zt, r.ready, {
+          once: !0
+        }), A(i, Zt) === !1) {
+          this.ready = !1;
+          return;
+        }
+        this.ready && r.inline && this.view(this.index);
+      }
+    }
+    /**
+     * Get the no conflict viewer class.
+     * @returns {Viewer} The viewer class.
+     */
+  }], [{
+    key: "noConflict",
+    value: function() {
+      return window.Viewer = _i, e;
+    }
+    /**
+     * Change the default options.
+     * @param {Object} options - The new default options.
+     */
+  }, {
+    key: "setDefaults",
+    value: function(i) {
+      C(Ft, B(i) && i);
+    }
+  }]), e;
+}();
+C(Ae.prototype, bi, yi, wi, Ti, Ei);
+/*!
+ * v-viewer v3.0.11
+ * https://github.com/mirari/v-viewer#readme
+ *
+ * Copyright 2022 mirari
+ * Released under the MIT license
+ *
+ * Date: 2022-10-25T08:49:33.301Z
+ */
+var ct = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Oi(e) {
+  return e;
+}
+var xe = Oi;
+function Ii(e, t, i) {
+  switch (i.length) {
+    case 0:
+      return e.call(t);
+    case 1:
+      return e.call(t, i[0]);
+    case 2:
+      return e.call(t, i[0], i[1]);
+    case 3:
+      return e.call(t, i[0], i[1], i[2]);
+  }
+  return e.apply(t, i);
+}
+var Ai = Ii, xi = Ai, de = Math.max;
+function Di(e, t, i) {
+  return t = de(t === void 0 ? e.length - 1 : t, 0), function() {
+    for (var r = arguments, n = -1, a = de(r.length - t, 0), s = Array(a); ++n < a; )
+      s[n] = r[t + n];
+    n = -1;
+    for (var l = Array(t + 1); ++n < t; )
+      l[n] = r[n];
+    return l[t] = i(s), xi(e, this, l);
+  };
+}
+var Ni = Di;
+function Ci(e) {
+  return function() {
+    return e;
+  };
+}
+var Li = Ci, $i = typeof ct == "object" && ct && ct.Object === Object && ct, De = $i, ki = De, zi = typeof self == "object" && self && self.Object === Object && self, Pi = ki || zi || Function("return this")(), zt = Pi, Ri = zt, ji = Ri.Symbol, Ne = ji, ve = Ne, Ce = Object.prototype, Vi = Ce.hasOwnProperty, Fi = Ce.toString, et = ve ? ve.toStringTag : void 0;
+function Mi(e) {
+  var t = Vi.call(e, et), i = e[et];
+  try {
+    e[et] = void 0;
+    var r = !0;
+  } catch {
+  }
+  var n = Fi.call(e);
+  return r && (t ? e[et] = i : delete e[et]), n;
+}
+var Yi = Mi, Wi = Object.prototype, Xi = Wi.toString;
+function qi(e) {
+  return Xi.call(e);
+}
+var Hi = qi, ge = Ne, Ui = Yi, Bi = Hi, Ki = "[object Null]", Gi = "[object Undefined]", me = ge ? ge.toStringTag : void 0;
+function Zi(e) {
+  return e == null ? e === void 0 ? Gi : Ki : me && me in Object(e) ? Ui(e) : Bi(e);
+}
+var Pt = Zi;
+function Ji(e) {
+  var t = typeof e;
+  return e != null && (t == "object" || t == "function");
+}
+var bt = Ji, Qi = Pt, tr = bt, er = "[object AsyncFunction]", ir = "[object Function]", rr = "[object GeneratorFunction]", nr = "[object Proxy]";
+function ar(e) {
+  if (!tr(e))
+    return !1;
+  var t = Qi(e);
+  return t == ir || t == rr || t == er || t == nr;
+}
+var Le = ar, sr = zt, or = sr["__core-js_shared__"], lr = or, _t = lr, pe = function() {
+  var e = /[^.]+$/.exec(_t && _t.keys && _t.keys.IE_PROTO || "");
+  return e ? "Symbol(src)_1." + e : "";
+}();
+function ur(e) {
+  return !!pe && pe in e;
+}
+var hr = ur, cr = Function.prototype, fr = cr.toString;
+function dr(e) {
+  if (e != null) {
+    try {
+      return fr.call(e);
+    } catch {
+    }
+    try {
+      return e + "";
+    } catch {
+    }
+  }
+  return "";
+}
+var vr = dr, gr = Le, mr = hr, pr = bt, br = vr, yr = /[\\^$.*+?()[\]{}|]/g, wr = /^\[object .+?Constructor\]$/, Tr = Function.prototype, Er = Object.prototype, _r = Tr.toString, Sr = Er.hasOwnProperty, Or = RegExp("^" + _r.call(Sr).replace(yr, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$");
+function Ir(e) {
+  if (!pr(e) || mr(e))
+    return !1;
+  var t = gr(e) ? Or : wr;
+  return t.test(br(e));
+}
+var Ar = Ir;
+function xr(e, t) {
+  return e == null ? void 0 : e[t];
+}
+var Dr = xr, Nr = Ar, Cr = Dr;
+function Lr(e, t) {
+  var i = Cr(e, t);
+  return Nr(i) ? i : void 0;
+}
+var $r = Lr, kr = $r, zr = function() {
+  try {
+    var e = kr(Object, "defineProperty");
+    return e({}, "", {}), e;
+  } catch {
+  }
+}(), Pr = zr, Rr = Li, be = Pr, jr = xe, Vr = be ? function(e, t) {
+  return be(e, "toString", {
+    configurable: !0,
+    enumerable: !1,
+    value: Rr(t),
+    writable: !0
+  });
+} : jr, Fr = Vr, Mr = 800, Yr = 16, Wr = Date.now;
+function Xr(e) {
+  var t = 0, i = 0;
+  return function() {
+    var r = Wr(), n = Yr - (r - i);
+    if (i = r, n > 0) {
+      if (++t >= Mr)
+        return arguments[0];
+    } else
+      t = 0;
+    return e.apply(void 0, arguments);
+  };
+}
+var qr = Xr, Hr = Fr, Ur = qr, Br = Ur(Hr), Kr = Br, Gr = xe, Zr = Ni, Jr = Kr;
+function Qr(e, t) {
+  return Jr(Zr(e, t, Gr), e + "");
+}
+var tn = Qr;
+function en(e, t) {
+  return e === t || e !== e && t !== t;
+}
+var $e = en, rn = 9007199254740991;
+function nn(e) {
+  return typeof e == "number" && e > -1 && e % 1 == 0 && e <= rn;
+}
+var ke = nn, an = Le, sn = ke;
+function on(e) {
+  return e != null && sn(e.length) && !an(e);
+}
+var ze = on, ln = 9007199254740991, un = /^(?:0|[1-9]\d*)$/;
+function hn(e, t) {
+  var i = typeof e;
+  return t = t ?? ln, !!t && (i == "number" || i != "symbol" && un.test(e)) && e > -1 && e % 1 == 0 && e < t;
+}
+var Pe = hn, cn = $e, fn = ze, dn = Pe, vn = bt;
+function gn(e, t, i) {
+  if (!vn(i))
+    return !1;
+  var r = typeof t;
+  return (r == "number" ? fn(i) && dn(t, i.length) : r == "string" && t in i) ? cn(i[t], e) : !1;
+}
+var mn = gn;
+function pn(e, t) {
+  for (var i = -1, r = Array(e); ++i < e; )
+    r[i] = t(i);
+  return r;
+}
+var bn = pn;
+function yn(e) {
+  return e != null && typeof e == "object";
+}
+var Rt = yn, wn = Pt, Tn = Rt, En = "[object Arguments]";
+function _n(e) {
+  return Tn(e) && wn(e) == En;
+}
+var Sn = _n, ye = Sn, On = Rt, Re = Object.prototype, In = Re.hasOwnProperty, An = Re.propertyIsEnumerable, xn = ye(function() {
+  return arguments;
+}()) ? ye : function(e) {
+  return On(e) && In.call(e, "callee") && !An.call(e, "callee");
+}, Dn = xn, Nn = Array.isArray, Cn = Nn, Dt = { exports: {} };
+function Ln() {
+  return !1;
+}
+var $n = Ln;
+(function(e, t) {
+  var i = zt, r = $n, n = t && !t.nodeType && t, a = n && !0 && e && !e.nodeType && e, s = a && a.exports === n, l = s ? i.Buffer : void 0, h = l ? l.isBuffer : void 0, o = h || r;
+  e.exports = o;
+})(Dt, Dt.exports);
+var kn = Pt, zn = ke, Pn = Rt, Rn = "[object Arguments]", jn = "[object Array]", Vn = "[object Boolean]", Fn = "[object Date]", Mn = "[object Error]", Yn = "[object Function]", Wn = "[object Map]", Xn = "[object Number]", qn = "[object Object]", Hn = "[object RegExp]", Un = "[object Set]", Bn = "[object String]", Kn = "[object WeakMap]", Gn = "[object ArrayBuffer]", Zn = "[object DataView]", Jn = "[object Float32Array]", Qn = "[object Float64Array]", ta = "[object Int8Array]", ea = "[object Int16Array]", ia = "[object Int32Array]", ra = "[object Uint8Array]", na = "[object Uint8ClampedArray]", aa = "[object Uint16Array]", sa = "[object Uint32Array]", w = {};
+w[Jn] = w[Qn] = w[ta] = w[ea] = w[ia] = w[ra] = w[na] = w[aa] = w[sa] = !0;
+w[Rn] = w[jn] = w[Gn] = w[Vn] = w[Zn] = w[Fn] = w[Mn] = w[Yn] = w[Wn] = w[Xn] = w[qn] = w[Hn] = w[Un] = w[Bn] = w[Kn] = !1;
+function oa(e) {
+  return Pn(e) && zn(e.length) && !!w[kn(e)];
+}
+var la = oa;
+function ua(e) {
+  return function(t) {
+    return e(t);
+  };
+}
+var ha = ua, Nt = { exports: {} };
+(function(e, t) {
+  var i = De, r = t && !t.nodeType && t, n = r && !0 && e && !e.nodeType && e, a = n && n.exports === r, s = a && i.process, l = function() {
+    try {
+      var h = n && n.require && n.require("util").types;
+      return h || s && s.binding && s.binding("util");
+    } catch {
+    }
+  }();
+  e.exports = l;
+})(Nt, Nt.exports);
+var ca = la, fa = ha, we = Nt.exports, Te = we && we.isTypedArray, da = Te ? fa(Te) : ca, va = da, ga = bn, ma = Dn, pa = Cn, ba = Dt.exports, ya = Pe, wa = va, Ta = Object.prototype, Ea = Ta.hasOwnProperty;
+function _a(e, t) {
+  var i = pa(e), r = !i && ma(e), n = !i && !r && ba(e), a = !i && !r && !n && wa(e), s = i || r || n || a, l = s ? ga(e.length, String) : [], h = l.length;
+  for (var o in e)
+    (t || Ea.call(e, o)) && !(s && (o == "length" || n && (o == "offset" || o == "parent") || a && (o == "buffer" || o == "byteLength" || o == "byteOffset") || ya(o, h))) && l.push(o);
+  return l;
+}
+var Sa = _a, Oa = Object.prototype;
+function Ia(e) {
+  var t = e && e.constructor, i = typeof t == "function" && t.prototype || Oa;
+  return e === i;
+}
+var Aa = Ia;
+function xa(e) {
+  var t = [];
+  if (e != null)
+    for (var i in Object(e))
+      t.push(i);
+  return t;
+}
+var Da = xa, Na = bt, Ca = Aa, La = Da, $a = Object.prototype, ka = $a.hasOwnProperty;
+function za(e) {
+  if (!Na(e))
+    return La(e);
+  var t = Ca(e), i = [];
+  for (var r in e)
+    r == "constructor" && (t || !ka.call(e, r)) || i.push(r);
+  return i;
+}
+var Pa = za, Ra = Sa, ja = Pa, Va = ze;
+function Fa(e) {
+  return Va(e) ? Ra(e, !0) : ja(e);
+}
+var Ma = Fa, Ya = tn, Wa = $e, Xa = mn, qa = Ma, je = Object.prototype, Ha = je.hasOwnProperty;
+Ya(function(e, t) {
+  e = Object(e);
+  var i = -1, r = t.length, n = r > 2 ? t[2] : void 0;
+  for (n && Xa(t[0], t[1], n) && (r = 1); ++i < r; )
+    for (var a = t[i], s = qa(a), l = -1, h = s.length; ++l < h; ) {
+      var o = s[l], u = e[o];
+      (u === void 0 || Wa(u, je[o]) && !Ha.call(e, o)) && (e[o] = a[o]);
+    }
+  return e;
+});
+const Ua = typeof window < "u" && window !== null;
+Ba();
+function Ba() {
+  return Ua && "IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype ? ("isIntersecting" in window.IntersectionObserverEntry.prototype || Object.defineProperty(window.IntersectionObserverEntry.prototype, "isIntersecting", {
+    get() {
+      return this.intersectionRatio > 0;
+    }
+  }), !0) : !1;
+}
+var Ka = (e, t) => {
+  const i = e.__vccOpts || e;
+  for (const [r, n] of t)
+    i[r] = n;
+  return i;
+};
+const Ga = Ee({
+  name: "Viewer",
+  props: {
+    images: {
+      type: Array,
+      default: () => []
+    },
+    rebuild: {
+      type: Boolean,
+      default: !1
+    },
+    trigger: {
+      type: Object,
+      default: null
+    },
+    options: {
+      type: Object,
+      default: () => null
+    }
+  },
+  emits: ["inited"],
+  setup(e, { emit: t }) {
+    let i;
+    const r = Ve();
+    function n() {
+      i = new Ae(r.value, e.options), t("inited", i);
+    }
+    function a() {
+      i && i.destroy();
+    }
+    function s() {
+      a(), n();
+    }
+    function l() {
+      i ? (i.update(), t("inited", i)) : n();
+    }
+    function h() {
+      e.rebuild ? s() : l();
+    }
+    const o = { deep: !0 };
+    return yt(() => e.images, () => wt(() => h()), o), yt(() => e.trigger, () => wt(() => h()), o), yt(() => e.options, () => wt(() => s()), o), Fe(() => n()), Me(() => a()), {
+      root: r,
+      createViewer: n,
+      rebuildViewer: s,
+      updateViewer: l,
+      destroyViewer: a
+    };
+  }
+}), Za = { ref: "root" };
+function Ja(e, t, i, r, n, a) {
+  return ft(), St("div", Za, [
+    Ye(e.$slots, "default", {
+      images: e.images,
+      options: e.options
+    })
+  ], 512);
+}
+var Qa = /* @__PURE__ */ Ka(Ga, [["render", Ja]]);
+const ts = ["src"], es = /* @__PURE__ */ Ee({
+  __name: "ImageViewer",
+  props: {
+    image: null
+  },
+  setup(e) {
+    const t = e, i = We(() => t.image ? [{ src: t.image, index: 0 }] : []);
+    return (r, n) => (ft(), Xe(Tt(Qa), {
+      images: Tt(i),
+      style: { height: "800px" }
+    }, {
+      default: qe(() => [
+        (ft(!0), St(He, null, Ue(Tt(i), (a) => (ft(), St("img", {
+          alt: "图片",
+          src: a.src,
+          key: a.index,
+          class: "image"
+        }, null, 8, ts))), 128))
+      ]),
+      _: 1
+    }, 8, ["images"]));
+  }
+});
+const ns = /* @__PURE__ */ Be(es, [["__scopeId", "data-v-b4c7568a"]]);
+export {
+  ns as default
+};