build: release 1.10.1

fengyuanchen · Aug 1, 2021 · 7754091 · 7754091
1 parent fbe58e1
commit 7754091
Show file tree

Hide file tree

Showing 12 changed files with 923 additions and 650 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,6 @@
 # Changelog
 
-## next
+## 1.10.1 (Aug 1, 2021)
 
 - Check if the active item exists to avoid TypeError (#491).
 - Compute nav item gutter dynamically (#487).

diff --git a/dist/viewer.common.js b/dist/viewer.common.js
@@ -1,11 +1,11 @@
 /*!
- * Viewer.js v1.10.0
+ * Viewer.js v1.10.1
  * https://fengyuanchen.github.io/viewerjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2021-06-12T07:57:10.970Z
+ * Date: 2021-08-01T13:35:49.731Z
  */
 
 'use strict';
@@ -490,15 +490,15 @@ function forEach(data, callback) {
     if (Array.isArray(data) || isNumber(data.length)
     /* array-like */
     ) {
-        var length = data.length;
-        var i;
+      var length = data.length;
+      var i;
 
-        for (i = 0; i < length; i += 1) {
-          if (callback.call(data, data[i], i, data) === false) {
-            break;
-          }
+      for (i = 0; i < length; i += 1) {
+        if (callback.call(data, data[i], i, data) === false) {
+          break;
         }
-      } else if (isObject(data)) {
+      }
+    } else if (isObject(data)) {
       Object.keys(data).forEach(function (key) {
         callback.call(data, data[key], key, data);
       });
@@ -1148,16 +1148,18 @@ var render = {
       });
     }
   },
-  renderList: function renderList(index) {
-    var i = index || this.index;
-    var width = this.items[i].offsetWidth || 30;
-    var outerWidth = width + 1; // 1 pixel of `margin-left` width
-    // Place the active item in the center of the screen
+  renderList: function renderList() {
+    var index = this.index;
+    var item = this.items[index];
+    var next = item.nextElementSibling;
+    var gutter = parseInt(window.getComputedStyle(next || item).marginLeft, 10);
+    var offsetWidth = item.offsetWidth;
+    var outerWidth = offsetWidth + gutter; // Place the active item in the center of the screen
 
     setStyle(this.list, assign({
-      width: outerWidth * this.length
+      width: outerWidth * this.length - gutter
     }, getTransforms({
-      translateX: (this.viewerData.width - width) / 2 - outerWidth * i
+      translateX: (this.viewerData.width - offsetWidth) / 2 - outerWidth * index
     })));
   },
   resetList: function resetList() {
@@ -1457,7 +1459,7 @@ var handlers = {
       removeClass(this.canvas, CLASS_LOADING);
     }
 
-    image.style.cssText = 'height:0;' + "margin-left:".concat(viewerData.width / 2, "px;") + "margin-top:".concat(viewerData.height / 2, "px;") + 'max-width:none!important;' + 'position:absolute;' + 'width:0;';
+    image.style.cssText = 'height:0;' + "margin-left:".concat(viewerData.width / 2, "px;") + "margin-top:".concat(viewerData.height / 2, "px;") + 'max-width:none!important;' + 'position:relative;' + 'width:0;';
     this.initImage(function () {
       toggleClass(image, CLASS_MOVE, options.movable);
       toggleClass(image, CLASS_TRANSITION, options.transition);
@@ -2014,8 +2016,12 @@ var methods = {
     }
 
     var activeItem = this.items[this.index];
-    removeClass(activeItem, CLASS_ACTIVE);
-    activeItem.removeAttribute('aria-selected');
+
+    if (activeItem) {
+      removeClass(activeItem, CLASS_ACTIVE);
+      activeItem.removeAttribute('aria-selected');
+    }
+
     addClass(item, CLASS_ACTIVE);
     item.setAttribute('aria-selected', true);
 

diff --git a/dist/viewer.css b/dist/viewer.css
@@ -1,11 +1,11 @@
 /*!
- * Viewer.js v1.10.0
+ * Viewer.js v1.10.1
  * https://fengyuanchen.github.io/viewerjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2021-06-12T07:57:06.776Z
+ * Date: 2021-08-01T13:35:44.576Z
  */
 
 .viewer-zoom-in::before,

diff --git a/dist/viewer.esm.js b/dist/viewer.esm.js
@@ -1,11 +1,11 @@
 /*!
- * Viewer.js v1.10.0
+ * Viewer.js v1.10.1
  * https://fengyuanchen.github.io/viewerjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2021-06-12T07:57:10.970Z
+ * Date: 2021-08-01T13:35:49.731Z
  */
 
 function ownKeys(object, enumerableOnly) {
@@ -488,15 +488,15 @@ function forEach(data, callback) {
     if (Array.isArray(data) || isNumber(data.length)
     /* array-like */
     ) {
-        var length = data.length;
-        var i;
+      var length = data.length;
+      var i;
 
-        for (i = 0; i < length; i += 1) {
-          if (callback.call(data, data[i], i, data) === false) {
-            break;
-          }
+      for (i = 0; i < length; i += 1) {
+        if (callback.call(data, data[i], i, data) === false) {
+          break;
         }
-      } else if (isObject(data)) {
+      }
+    } else if (isObject(data)) {
       Object.keys(data).forEach(function (key) {
         callback.call(data, data[key], key, data);
       });
@@ -1146,16 +1146,18 @@ var render = {
       });
     }
   },
-  renderList: function renderList(index) {
-    var i = index || this.index;
-    var width = this.items[i].offsetWidth || 30;
-    var outerWidth = width + 1; // 1 pixel of `margin-left` width
-    // Place the active item in the center of the screen
+  renderList: function renderList() {
+    var index = this.index;
+    var item = this.items[index];
+    var next = item.nextElementSibling;
+    var gutter = parseInt(window.getComputedStyle(next || item).marginLeft, 10);
+    var offsetWidth = item.offsetWidth;
+    var outerWidth = offsetWidth + gutter; // Place the active item in the center of the screen
 
     setStyle(this.list, assign({
-      width: outerWidth * this.length
+      width: outerWidth * this.length - gutter
     }, getTransforms({
-      translateX: (this.viewerData.width - width) / 2 - outerWidth * i
+      translateX: (this.viewerData.width - offsetWidth) / 2 - outerWidth * index
     })));
   },
   resetList: function resetList() {
@@ -1455,7 +1457,7 @@ var handlers = {
       removeClass(this.canvas, CLASS_LOADING);
     }
 
-    image.style.cssText = 'height:0;' + "margin-left:".concat(viewerData.width / 2, "px;") + "margin-top:".concat(viewerData.height / 2, "px;") + 'max-width:none!important;' + 'position:absolute;' + 'width:0;';
+    image.style.cssText = 'height:0;' + "margin-left:".concat(viewerData.width / 2, "px;") + "margin-top:".concat(viewerData.height / 2, "px;") + 'max-width:none!important;' + 'position:relative;' + 'width:0;';
     this.initImage(function () {
       toggleClass(image, CLASS_MOVE, options.movable);
       toggleClass(image, CLASS_TRANSITION, options.transition);
@@ -2012,8 +2014,12 @@ var methods = {
     }
 
     var activeItem = this.items[this.index];
-    removeClass(activeItem, CLASS_ACTIVE);
-    activeItem.removeAttribute('aria-selected');
+
+    if (activeItem) {
+      removeClass(activeItem, CLASS_ACTIVE);
+      activeItem.removeAttribute('aria-selected');
+    }
+
     addClass(item, CLASS_ACTIVE);
     item.setAttribute('aria-selected', true);
 
@@ -3512,4 +3518,4 @@ var Viewer = /*#__PURE__*/function () {
 
 assign(Viewer.prototype, render, events, handlers, methods, others);
 
-export default Viewer;
+export { Viewer as default };
diff --git a/dist/viewer.js b/dist/viewer.js
@@ -1,11 +1,11 @@
 /*!
- * Viewer.js v1.10.0
+ * Viewer.js v1.10.1
  * https://fengyuanchen.github.io/viewerjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2021-06-12T07:57:10.970Z
+ * Date: 2021-08-01T13:35:49.731Z
  */
 
 (function (global, factory) {
@@ -494,15 +494,15 @@
       if (Array.isArray(data) || isNumber(data.length)
       /* array-like */
       ) {
-          var length = data.length;
-          var i;
+        var length = data.length;
+        var i;
 
-          for (i = 0; i < length; i += 1) {
-            if (callback.call(data, data[i], i, data) === false) {
-              break;
-            }
+        for (i = 0; i < length; i += 1) {
+          if (callback.call(data, data[i], i, data) === false) {
+            break;
           }
-        } else if (isObject(data)) {
+        }
+      } else if (isObject(data)) {
         Object.keys(data).forEach(function (key) {
           callback.call(data, data[key], key, data);
         });
@@ -1152,16 +1152,18 @@
         });
       }
     },
-    renderList: function renderList(index) {
-      var i = index || this.index;
-      var width = this.items[i].offsetWidth || 30;
-      var outerWidth = width + 1; // 1 pixel of `margin-left` width
-      // Place the active item in the center of the screen
+    renderList: function renderList() {
+      var index = this.index;
+      var item = this.items[index];
+      var next = item.nextElementSibling;
+      var gutter = parseInt(window.getComputedStyle(next || item).marginLeft, 10);
+      var offsetWidth = item.offsetWidth;
+      var outerWidth = offsetWidth + gutter; // Place the active item in the center of the screen
 
       setStyle(this.list, assign({
-        width: outerWidth * this.length
+        width: outerWidth * this.length - gutter
       }, getTransforms({
-        translateX: (this.viewerData.width - width) / 2 - outerWidth * i
+        translateX: (this.viewerData.width - offsetWidth) / 2 - outerWidth * index
       })));
     },
     resetList: function resetList() {
@@ -1461,7 +1463,7 @@
         removeClass(this.canvas, CLASS_LOADING);
       }
 
-      image.style.cssText = 'height:0;' + "margin-left:".concat(viewerData.width / 2, "px;") + "margin-top:".concat(viewerData.height / 2, "px;") + 'max-width:none!important;' + 'position:absolute;' + 'width:0;';
+      image.style.cssText = 'height:0;' + "margin-left:".concat(viewerData.width / 2, "px;") + "margin-top:".concat(viewerData.height / 2, "px;") + 'max-width:none!important;' + 'position:relative;' + 'width:0;';
       this.initImage(function () {
         toggleClass(image, CLASS_MOVE, options.movable);
         toggleClass(image, CLASS_TRANSITION, options.transition);
@@ -2018,8 +2020,12 @@
       }
 
       var activeItem = this.items[this.index];
-      removeClass(activeItem, CLASS_ACTIVE);
-      activeItem.removeAttribute('aria-selected');
+
+      if (activeItem) {
+        removeClass(activeItem, CLASS_ACTIVE);
+        activeItem.removeAttribute('aria-selected');
+      }
+
       addClass(item, CLASS_ACTIVE);
       item.setAttribute('aria-selected', true);
 

diff --git a/dist/viewer.min.css b/dist/viewer.min.css
diff --git a/dist/viewer.min.js b/dist/viewer.min.js
diff --git a/docs/css/viewer.css b/docs/css/viewer.css
@@ -1,11 +1,11 @@
 /*!
- * Viewer.js v1.10.0
+ * Viewer.js v1.10.1
  * https://fengyuanchen.github.io/viewerjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2021-06-12T07:57:06.776Z
+ * Date: 2021-08-01T13:35:44.576Z
  */
 
 .viewer-zoom-in::before,

diff --git a/docs/index.html b/docs/index.html
@@ -64,7 +64,7 @@
     <div class="container">
       <div class="row">
         <div class="col-md">
-          <h1>Viewer.js <small class="h6">v1.10.0</small></h1>
+          <h1>Viewer.js <small class="h6">v1.10.1</small></h1>
           <p class="lead">JavaScript image viewer.</p>
         </div>
         <div class="col-md">