viewerjs 1.11.7 → 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,11 +1,11 @@
 /*!
- * Viewer.js v1.11.7
+ * Viewer.js v1.11.8
  * https://fengyuanchen.github.io/viewerjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2024-11-24T04:32:19.116Z
+ * Date: 2026-07-18T13:41:00.752Z
  */
 
 'use strict';
@@ -414,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;
   }
@@ -1074,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;
@@ -2465,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,
@@ -2497,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);
@@ -2511,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;
@@ -2546,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;
   },
@@ -2584,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;
@@ -2596,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);
       }
     });
@@ -2787,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();

package/dist/viewer.css

@@ -1,11 +1,11 @@
 /*!
- * Viewer.js v1.11.7
+ * Viewer.js v1.11.8
  * https://fengyuanchen.github.io/viewerjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2024-11-24T04:32:14.526Z
+ * 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 {

package/dist/viewer.esm.js

@@ -1,11 +1,11 @@
 /*!
- * Viewer.js v1.11.7
+ * Viewer.js v1.11.8
  * https://fengyuanchen.github.io/viewerjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2024-11-24T04:32:19.116Z
+ * Date: 2026-07-18T13:41:00.752Z
  */
 
 function _classCallCheck(a, n) {
@@ -412,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;
   }
@@ -1072,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;
@@ -2463,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,
@@ -2495,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);
@@ -2509,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;
@@ -2544,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;
   },
@@ -2582,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;
@@ -2594,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);
       }
     });
@@ -2785,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();

package/dist/viewer.js

@@ -1,11 +1,11 @@
 /*!
- * Viewer.js v1.11.7
+ * Viewer.js v1.11.8
  * https://fengyuanchen.github.io/viewerjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2024-11-24T04:32:19.116Z
+ * Date: 2026-07-18T13:41:00.752Z
  */
 
 (function (global, factory) {
@@ -418,9 +418,9 @@
       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;
     }
@@ -1078,9 +1078,11 @@
       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;
@@ -2469,7 +2471,7 @@
     },
     // 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,
@@ -2501,7 +2503,7 @@
       this.renderList();
       if (this.viewed) {
         this.initImage(function () {
-          _this10.renderImage(function () {
+          _this0.renderImage(function () {
             if (options.transition) {
               setTimeout(function () {
                 addClass(image, CLASS_TRANSITION);
@@ -2515,7 +2517,7 @@
     },
     // 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;
@@ -2550,17 +2552,17 @@
             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;
     },
@@ -2588,7 +2590,7 @@
     },
     // Update viewer when images changed
     update: function update() {
-      var _this12 = this;
+      var _this10 = this;
       var element = this.element,
         options = this.options,
         isImg = this.isImg;
@@ -2600,10 +2602,10 @@
       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);
         }
       });
@@ -2791,7 +2793,7 @@
       var element = this.element,
         options = this.options,
         viewer = this.viewer;
-      if (options.fucus) {
+      if (options.focus) {
         this.clearEnforceFocus();
       }
       this.close();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "viewerjs",
   "description": "JavaScript image viewer.",
-  "version": "1.11.7",
+  "version": "1.11.8",
   "main": "dist/viewer.common.js",
   "module": "dist/viewer.esm.js",
   "browser": "dist/viewer.js",
@@ -56,8 +56,8 @@
   },
   "homepage": "https://fengyuanchen.github.io/viewerjs",
   "devDependencies": {
-    "@babel/core": "^7.26.0",
-    "@babel/preset-env": "^7.26.0",
+    "@babel/core": "^7.29.7",
+    "@babel/preset-env": "^7.29.7",
     "@commitlint/cli": "^17.8.1",
     "@commitlint/config-conventional": "^17.8.1",
     "@rollup/plugin-babel": "^5.3.1",
@@ -71,7 +71,7 @@
     "del-cli": "^5.1.0",
     "eslint": "^8.49.0",
     "eslint-config-airbnb-base": "^15.0.0",
-    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-import": "^2.32.0",
     "husky": "^8.0.3",
     "karma": "^6.4.4",
     "karma-chai": "^0.1.0",
@@ -83,14 +83,14 @@
     "lint-staged": "^13.3.0",
     "mocha": "^9.2.2",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.49",
+    "postcss": "^8.5.19",
     "postcss-cli": "^10.1.0",
     "postcss-header": "^3.0.3",
     "postcss-import": "^15.1.0",
     "postcss-preset-env": "^7.8.3",
-    "postcss-url": "^10.1.3",
+    "postcss-url": "^10.1.4",
     "puppeteer": "^19.11.1",
-    "rollup": "^2.79.2",
+    "rollup": "^2.80.0",
     "stylelint": "^13.13.1",
     "stylelint-config-standard": "^22.0.0",
     "stylelint-order": "^4.1.0",

package/src/js/others.js

@@ -118,7 +118,7 @@ export default {
   hidden() {
     const { element, options, viewer } = this;
 
-    if (options.fucus) {
+    if (options.focus) {
       this.clearEnforceFocus();
     }
 

package/src/js/render.js

@@ -187,9 +187,11 @@ export default {
 
     list.innerHTML = '';
     removeClass(list, CLASS_TRANSITION);
-    setStyle(list, getTransforms({
+    setStyle(list, assign({
+      width: 0,
+    }, getTransforms({
       translateX: 0,
-    }));
+    })));
   },
 
   initImage(done) {