[TASK] Separate the reset of the image zoom into its own function

Author: deoostfrees

dist/js/parvus.esm.js

@@ -539,6 +539,11 @@ function Parvus(userOptions) {
     }
     lightbox.classList.add('parvus--is-closing');
     const transitionendHandler = () => {
+      // Reset the image zoom (if ESC was pressed or went back in the browser history)
+      // after the ViewTransition (otherwise it looks bad)
+      if (isPinching) {
+        resetZoom(IMAGE);
+      }
       leaveSlide(currentIndex);
       lightbox.close();
       lightbox.classList.remove('parvus--is-closing');
@@ -1036,6 +1041,25 @@ function Parvus(userOptions) {
     contentEl.style.height = USE_ORIGINAL_SIZE ? '' : `${NEW_HEIGHT}px`;
   };
 
+  /**
+   * Reset image zoom
+   *
+   * @param {HTMLImageElement} currentImg - The image
+   */
+  const resetZoom = currentImg => {
+    currentImg.style.transition = 'transform 0.3s ease';
+    currentImg.style.transform = '';
+    setTimeout(() => {
+      currentImg.style.transition = '';
+      currentImg.style.transformOrigin = '';
+    }, 300);
+    isPinching = false;
+    currentScale = 1;
+    pinchStartDistance = 0;
+    lastPointersId = '';
+    lightbox.classList.remove('parvus--is-zooming');
+  };
+
   /**
    * Pinch zoom gesture
    *
@@ -1258,17 +1282,7 @@ function Parvus(userOptions) {
       }
     } else {
       if (isPinching) {
-        CURRENT_IMAGE.style.transition = 'transform 0.3s ease';
-        CURRENT_IMAGE.style.transform = '';
-        setTimeout(() => {
-          CURRENT_IMAGE.style.transition = '';
-          CURRENT_IMAGE.style.transformOrigin = '';
-        }, 300);
-        isPinching = false;
-        currentScale = 1;
-        pinchStartDistance = 0;
-        lastPointersId = '';
-        lightbox.classList.remove('parvus--is-zooming');
+        resetZoom(CURRENT_IMAGE);
       }
       if (drag.endX || drag.endY) {
         updateAfterDrag();