viewerjs 1.11.6 → 1.11.8

package/README.md

@@ -10,7 +10,7 @@
 ## Table of contents
 
 - [Features](#features)
-- [Main](#main)
+- [Main Files](#main-files)
 - [Getting started](#getting-started)
 - [Keyboard support](#keyboard-support)
 - [Options](#options)

package/dist/viewer.common.js

@@ -1,15 +1,37 @@
 /*!
- * Viewer.js v1.11.6
+ * Viewer.js v1.11.8
  * https://fengyuanchen.github.io/viewerjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2023-09-17T03:16:38.052Z
+ * Date: 2026-07-18T13:41:00.752Z
  */
 
 'use strict';
 
+function _classCallCheck(a, n) {
+  if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
+}
+function _defineProperties(e, r) {
+  for (var t = 0; t < r.length; t++) {
+    var o = r[t];
+    o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o);
+  }
+}
+function _createClass(e, r, t) {
+  return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
+    writable: !1
+  }), e;
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
 function ownKeys(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
@@ -31,6 +53,20 @@ function _objectSpread2(e) {
   }
   return e;
 }
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
 function _typeof(o) {
   "@babel/helpers - typeof";
 
@@ -40,56 +76,6 @@ function _typeof(o) {
     return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
   }, _typeof(o);
 }
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-function _defineProperties(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
-  }
-}
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties(Constructor, staticProps);
-  Object.defineProperty(Constructor, "prototype", {
-    writable: false
-  });
-  return Constructor;
-}
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
-}
 
 var DEFAULTS = {
   /**
@@ -428,9 +414,9 @@ function isPlainObject(value) {
     return false;
   }
   try {
-    var _constructor = value.constructor;
-    var prototype = _constructor.prototype;
-    return _constructor && prototype && hasOwnProperty.call(prototype, 'isPrototypeOf');
+    var constructor = value.constructor;
+    var prototype = constructor.prototype;
+    return constructor && prototype && hasOwnProperty.call(prototype, 'isPrototypeOf');
   } catch (error) {
     return false;
   }
@@ -1088,9 +1074,11 @@ var render = {
     var list = this.list;
     list.innerHTML = '';
     removeClass(list, CLASS_TRANSITION);
-    setStyle(list, getTransforms({
+    setStyle(list, assign({
+      width: 0
+    }, getTransforms({
       translateX: 0
-    }));
+    })));
   },
   initImage: function initImage(done) {
     var _this2 = this;
@@ -1762,17 +1750,17 @@ var methods = {
       _this.hidden();
     };
     if (options.transition && !immediate) {
-      var onViewerTransitionEnd = function onViewerTransitionEnd(event) {
+      var _onViewerTransitionEnd = function onViewerTransitionEnd(event) {
         // Ignore all propagating `transitionend` events (#275).
         if (event && event.target === viewer) {
-          removeListener(viewer, EVENT_TRANSITION_END, onViewerTransitionEnd);
+          removeListener(viewer, EVENT_TRANSITION_END, _onViewerTransitionEnd);
           _this.hidden();
         }
       };
       var onImageTransitionEnd = function onImageTransitionEnd() {
         // In case of show the viewer by `viewer.show(true)` previously (#407).
         if (hasClass(viewer, CLASS_TRANSITION)) {
-          addListener(viewer, EVENT_TRANSITION_END, onViewerTransitionEnd);
+          addListener(viewer, EVENT_TRANSITION_END, _onViewerTransitionEnd);
           removeClass(viewer, CLASS_IN);
         } else {
           hideImmediately();
@@ -1783,7 +1771,7 @@ var methods = {
           if (_this.viewed && hasClass(image, CLASS_TRANSITION)) {
             removeListener(image, EVENT_TRANSITION_END, onImageTransitionEnd);
           } else if (hasClass(viewer, CLASS_TRANSITION)) {
-            removeListener(viewer, EVENT_TRANSITION_END, onViewerTransitionEnd);
+            removeListener(viewer, EVENT_TRANSITION_END, _onViewerTransitionEnd);
           }
         }
       };
@@ -2376,27 +2364,27 @@ var methods = {
       player.appendChild(image);
     });
     if (isNumber(options.interval) && options.interval > 0) {
-      var prev = function prev() {
+      var _prev = function prev() {
         clearTimeout(_this7.playing.timeout);
         removeClass(list[index], CLASS_IN);
         index -= 1;
         index = index >= 0 ? index : total - 1;
         addClass(list[index], CLASS_IN);
-        _this7.playing.timeout = setTimeout(prev, options.interval);
+        _this7.playing.timeout = setTimeout(_prev, options.interval);
       };
-      var next = function next() {
+      var _next = function next() {
         clearTimeout(_this7.playing.timeout);
         removeClass(list[index], CLASS_IN);
         index += 1;
         index = index < total ? index : 0;
         addClass(list[index], CLASS_IN);
-        _this7.playing.timeout = setTimeout(next, options.interval);
+        _this7.playing.timeout = setTimeout(_next, options.interval);
       };
       if (total > 1) {
         this.playing = {
-          prev: prev,
-          next: next,
-          timeout: setTimeout(next, options.interval)
+          prev: _prev,
+          next: _next,
+          timeout: setTimeout(_next, options.interval)
         };
       }
     }
@@ -2479,7 +2467,7 @@ var methods = {
   },
   // Exit modal mode (only available in inline mode)
   exit: function exit() {
-    var _this10 = this;
+    var _this0 = this;
     var options = this.options,
       viewer = this.viewer,
       image = this.image,
@@ -2511,7 +2499,7 @@ var methods = {
     this.renderList();
     if (this.viewed) {
       this.initImage(function () {
-        _this10.renderImage(function () {
+        _this0.renderImage(function () {
           if (options.transition) {
             setTimeout(function () {
               addClass(image, CLASS_TRANSITION);
@@ -2525,7 +2513,7 @@ var methods = {
   },
   // Show the current ratio of the image with percentage
   tooltip: function tooltip() {
-    var _this11 = this;
+    var _this1 = this;
     var options = this.options,
       tooltipBox = this.tooltipBox,
       imageData = this.imageData;
@@ -2560,17 +2548,17 @@ var methods = {
           removeClass(tooltipBox, CLASS_FADE);
           removeClass(tooltipBox, CLASS_TRANSITION);
           tooltipBox.setAttribute('aria-hidden', true);
-          _this11.fading = false;
+          _this1.fading = false;
         }, {
           once: true
         });
         removeClass(tooltipBox, CLASS_IN);
-        _this11.fading = true;
+        _this1.fading = true;
       } else {
         removeClass(tooltipBox, CLASS_SHOW);
         tooltipBox.setAttribute('aria-hidden', true);
       }
-      _this11.tooltipping = false;
+      _this1.tooltipping = false;
     }, 1000);
     return this;
   },
@@ -2598,7 +2586,7 @@ var methods = {
   },
   // Update viewer when images changed
   update: function update() {
-    var _this12 = this;
+    var _this10 = this;
     var element = this.element,
       options = this.options,
       isImg = this.isImg;
@@ -2610,10 +2598,10 @@ var methods = {
     var images = [];
     forEach(isImg ? [element] : element.querySelectorAll('img'), function (image) {
       if (isFunction(options.filter)) {
-        if (options.filter.call(_this12, image)) {
+        if (options.filter.call(_this10, image)) {
           images.push(image);
         }
-      } else if (_this12.getImageURL(image)) {
+      } else if (_this10.getImageURL(image)) {
         images.push(image);
       }
     });
@@ -2801,7 +2789,7 @@ var others = {
     var element = this.element,
       options = this.options,
       viewer = this.viewer;
-    if (options.fucus) {
+    if (options.focus) {
       this.clearEnforceFocus();
     }
     this.close();
@@ -2968,7 +2956,7 @@ var Viewer = /*#__PURE__*/function () {
     this.id = getUniqueID();
     this.init();
   }
-  _createClass(Viewer, [{
+  return _createClass(Viewer, [{
     key: "init",
     value: function init() {
       var _this = this;
@@ -3230,7 +3218,6 @@ var Viewer = /*#__PURE__*/function () {
       assign(DEFAULTS, isPlainObject(options) && options);
     }
   }]);
-  return Viewer;
 }();
 assign(Viewer.prototype, render, events, handlers, methods, others);
 

package/dist/viewer.css

@@ -1,15 +1,15 @@
 /*!
- * Viewer.js v1.11.6
+ * Viewer.js v1.11.8
  * https://fengyuanchen.github.io/viewerjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2023-09-17T03:16:35.830Z
+ * Date: 2026-07-18T13:40:58.328Z
  */
 
 .viewer-zoom-in::before, .viewer-zoom-out::before, .viewer-one-to-one::before, .viewer-reset::before, .viewer-prev::before, .viewer-play::before, .viewer-next::before, .viewer-rotate-left::before, .viewer-rotate-right::before, .viewer-flip-horizontal::before, .viewer-flip-vertical::before, .viewer-fullscreen::before, .viewer-fullscreen-exit::before, .viewer-close::before {
-    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC');
+    background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 560 40%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M49.6 17.9h20.2v3.9H49.6zm123.1 2 10.9-11 2.7 2.8-8.2 8.2 8.2 8.2-2.7 2.7-10.9-10.9zm94 0-10.8-11-2.7 2.8 8.1 8.2-8.1 8.2 2.7 2.7 10.8-10.9zM212 9.3l20.1 10.6L212 30.5V9.3zm161.5 4.6-7.2 6 7.2 5.9v-4h12.4v4l7.3-5.9-7.3-6v4h-12.4v-4zm40.2 12.3 5.9 7.2 5.9-7.2h-4V13.6h4l-5.9-7.3-5.9 7.3h4v12.6h-4zm35.9-16.5h6.3v2h-4.3V16h-2V9.7Zm14 0h6.2V16h-2v-4.3h-4.2v-2Zm6.2 14V30h-6.2v-2h4.2v-4.3h2Zm-14 6.3h-6.2v-6.3h2v4.4h4.3v2Zm-438 .1v-8.3H9.6v-3.9h8.2V9.7h3.9v8.2h8.1v3.9h-8.1v8.3h-3.9zM93.6 9.7h-5.8v3.9h2V30h3.8V9.7zm16.1 0h-5.8v3.9h1.9V30h3.9V9.7zm-11.9 4.1h3.9v3.9h-3.9zm0 8.2h3.9v3.9h-3.9zm244.6-11.7 7.2 5.9-7.2 6v-3.6c-5.4-.4-7.8.8-8.7 2.8-.8 1.7-1.8 4.9 2.8 8.2-6.3-2-7.5-6.9-6-11.3 1.6-4.4 8-5 11.9-4.9v-3.1Zm147.2 13.4h6.3V30h-2v-4.3h-4.3v-2zm14 6.3v-6.3h6.2v2h-4.3V30h-1.9zm6.2-14h-6.2V9.7h1.9V14h4.3v2zm-13.9 0h-6.3v-2h4.3V9.7h2V16zm33.3 12.5 8.6-8.6-8.6-8.7 1.9-1.9 8.6 8.7 8.6-8.7 1.9 1.9-8.6 8.7 8.6 8.6-1.9 2-8.6-8.7-8.6 8.7-1.9-2zM297 10.3l-7.1 5.9 7.2 6v-3.6c5.3-.4 7.7.8 8.7 2.8.8 1.7 1.7 4.9-2.9 8.2 6.3-2 7.5-6.9 6-11.3-1.6-4.4-7.9-5-11.8-4.9v-3.1Zm-157.3-.6c2.3 0 4.4.7 6 2l2.5-3 1.9 9.2h-9.3l2.6-3.1a6.2 6.2 0 0 0-9.9 5.1c0 3.4 2.8 6.3 6.2 6.3 2.8 0 5.1-1.9 6-4.4h4c-1 4.7-5 8.3-10 8.3a10 10 0 0 1-10-10.2 10 10 0 0 1 10-10.2Z%22%2F%3E%3C%2Fsvg%3E");
     background-repeat: no-repeat;
     background-size: 280px;
     color: transparent;

package/dist/viewer.esm.js

@@ -1,13 +1,35 @@
 /*!
- * Viewer.js v1.11.6
+ * Viewer.js v1.11.8
  * https://fengyuanchen.github.io/viewerjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2023-09-17T03:16:38.052Z
+ * Date: 2026-07-18T13:41:00.752Z
  */
 
+function _classCallCheck(a, n) {
+  if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
+}
+function _defineProperties(e, r) {
+  for (var t = 0; t < r.length; t++) {
+    var o = r[t];
+    o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o);
+  }
+}
+function _createClass(e, r, t) {
+  return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
+    writable: !1
+  }), e;
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
 function ownKeys(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
@@ -29,6 +51,20 @@ function _objectSpread2(e) {
   }
   return e;
 }
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
 function _typeof(o) {
   "@babel/helpers - typeof";
 
@@ -38,56 +74,6 @@ function _typeof(o) {
     return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
   }, _typeof(o);
 }
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-function _defineProperties(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
-  }
-}
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties(Constructor, staticProps);
-  Object.defineProperty(Constructor, "prototype", {
-    writable: false
-  });
-  return Constructor;
-}
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
-}
 
 var DEFAULTS = {
   /**
@@ -426,9 +412,9 @@ function isPlainObject(value) {
     return false;
   }
   try {
-    var _constructor = value.constructor;
-    var prototype = _constructor.prototype;
-    return _constructor && prototype && hasOwnProperty.call(prototype, 'isPrototypeOf');
+    var constructor = value.constructor;
+    var prototype = constructor.prototype;
+    return constructor && prototype && hasOwnProperty.call(prototype, 'isPrototypeOf');
   } catch (error) {
     return false;
   }
@@ -1086,9 +1072,11 @@ var render = {
     var list = this.list;
     list.innerHTML = '';
     removeClass(list, CLASS_TRANSITION);
-    setStyle(list, getTransforms({
+    setStyle(list, assign({
+      width: 0
+    }, getTransforms({
       translateX: 0
-    }));
+    })));
   },
   initImage: function initImage(done) {
     var _this2 = this;
@@ -1760,17 +1748,17 @@ var methods = {
       _this.hidden();
     };
     if (options.transition && !immediate) {
-      var onViewerTransitionEnd = function onViewerTransitionEnd(event) {
+      var _onViewerTransitionEnd = function onViewerTransitionEnd(event) {
         // Ignore all propagating `transitionend` events (#275).
         if (event && event.target === viewer) {
-          removeListener(viewer, EVENT_TRANSITION_END, onViewerTransitionEnd);
+          removeListener(viewer, EVENT_TRANSITION_END, _onViewerTransitionEnd);
           _this.hidden();
         }
       };
       var onImageTransitionEnd = function onImageTransitionEnd() {
         // In case of show the viewer by `viewer.show(true)` previously (#407).
         if (hasClass(viewer, CLASS_TRANSITION)) {
-          addListener(viewer, EVENT_TRANSITION_END, onViewerTransitionEnd);
+          addListener(viewer, EVENT_TRANSITION_END, _onViewerTransitionEnd);
           removeClass(viewer, CLASS_IN);
         } else {
           hideImmediately();
@@ -1781,7 +1769,7 @@ var methods = {
           if (_this.viewed && hasClass(image, CLASS_TRANSITION)) {
             removeListener(image, EVENT_TRANSITION_END, onImageTransitionEnd);
           } else if (hasClass(viewer, CLASS_TRANSITION)) {
-            removeListener(viewer, EVENT_TRANSITION_END, onViewerTransitionEnd);
+            removeListener(viewer, EVENT_TRANSITION_END, _onViewerTransitionEnd);
           }
         }
       };
@@ -2374,27 +2362,27 @@ var methods = {
       player.appendChild(image);
     });
     if (isNumber(options.interval) && options.interval > 0) {
-      var prev = function prev() {
+      var _prev = function prev() {
         clearTimeout(_this7.playing.timeout);
         removeClass(list[index], CLASS_IN);
         index -= 1;
         index = index >= 0 ? index : total - 1;
         addClass(list[index], CLASS_IN);
-        _this7.playing.timeout = setTimeout(prev, options.interval);
+        _this7.playing.timeout = setTimeout(_prev, options.interval);
       };
-      var next = function next() {
+      var _next = function next() {
         clearTimeout(_this7.playing.timeout);
         removeClass(list[index], CLASS_IN);
         index += 1;
         index = index < total ? index : 0;
         addClass(list[index], CLASS_IN);
-        _this7.playing.timeout = setTimeout(next, options.interval);
+        _this7.playing.timeout = setTimeout(_next, options.interval);
       };
       if (total > 1) {
         this.playing = {
-          prev: prev,
-          next: next,
-          timeout: setTimeout(next, options.interval)
+          prev: _prev,
+          next: _next,
+          timeout: setTimeout(_next, options.interval)
         };
       }
     }
@@ -2477,7 +2465,7 @@ var methods = {
   },
   // Exit modal mode (only available in inline mode)
   exit: function exit() {
-    var _this10 = this;
+    var _this0 = this;
     var options = this.options,
       viewer = this.viewer,
       image = this.image,
@@ -2509,7 +2497,7 @@ var methods = {
     this.renderList();
     if (this.viewed) {
       this.initImage(function () {
-        _this10.renderImage(function () {
+        _this0.renderImage(function () {
           if (options.transition) {
             setTimeout(function () {
               addClass(image, CLASS_TRANSITION);
@@ -2523,7 +2511,7 @@ var methods = {
   },
   // Show the current ratio of the image with percentage
   tooltip: function tooltip() {
-    var _this11 = this;
+    var _this1 = this;
     var options = this.options,
       tooltipBox = this.tooltipBox,
       imageData = this.imageData;
@@ -2558,17 +2546,17 @@ var methods = {
           removeClass(tooltipBox, CLASS_FADE);
           removeClass(tooltipBox, CLASS_TRANSITION);
           tooltipBox.setAttribute('aria-hidden', true);
-          _this11.fading = false;
+          _this1.fading = false;
         }, {
           once: true
         });
         removeClass(tooltipBox, CLASS_IN);
-        _this11.fading = true;
+        _this1.fading = true;
       } else {
         removeClass(tooltipBox, CLASS_SHOW);
         tooltipBox.setAttribute('aria-hidden', true);
       }
-      _this11.tooltipping = false;
+      _this1.tooltipping = false;
     }, 1000);
     return this;
   },
@@ -2596,7 +2584,7 @@ var methods = {
   },
   // Update viewer when images changed
   update: function update() {
-    var _this12 = this;
+    var _this10 = this;
     var element = this.element,
       options = this.options,
       isImg = this.isImg;
@@ -2608,10 +2596,10 @@ var methods = {
     var images = [];
     forEach(isImg ? [element] : element.querySelectorAll('img'), function (image) {
       if (isFunction(options.filter)) {
-        if (options.filter.call(_this12, image)) {
+        if (options.filter.call(_this10, image)) {
           images.push(image);
         }
-      } else if (_this12.getImageURL(image)) {
+      } else if (_this10.getImageURL(image)) {
         images.push(image);
       }
     });
@@ -2799,7 +2787,7 @@ var others = {
     var element = this.element,
       options = this.options,
       viewer = this.viewer;
-    if (options.fucus) {
+    if (options.focus) {
       this.clearEnforceFocus();
     }
     this.close();
@@ -2966,7 +2954,7 @@ var Viewer = /*#__PURE__*/function () {
     this.id = getUniqueID();
     this.init();
   }
-  _createClass(Viewer, [{
+  return _createClass(Viewer, [{
     key: "init",
     value: function init() {
       var _this = this;
@@ -3228,7 +3216,6 @@ var Viewer = /*#__PURE__*/function () {
       assign(DEFAULTS, isPlainObject(options) && options);
     }
   }]);
-  return Viewer;
 }();
 assign(Viewer.prototype, render, events, handlers, methods, others);