refactor(mermaid-viewer): Use bind to pass direction to handleZoomClick

diff --git a/content/mermaid-viewer/head.html b/content/mermaid-viewer/head.html
index 26bee0bdb4945aa5e14b7bc74fc121c88c4d6da3..fe9d0cd897b682f594840b15d9dc08f765132fc0 100644 (file)
--- a/content/mermaid-viewer/head.html
+++ b/content/mermaid-viewer/head.html
@@ -79,14 +79,8 @@
             this.boundMouseUpHandler = this.handleMouseUp.bind(this);
             this.boundToggleInteraction = this.toggleInteraction.bind(this);
             this.boundCopyCode = this.copyCode.bind(this);
-            this.boundZoomIn = () => {
-                const { clientX, clientY } = this._getViewportCenterClientCoords();
-                this.zoom(1, clientX, clientY);
-            };
-            this.boundZoomOut = () => {
-                const { clientX, clientY } = this._getViewportCenterClientCoords();
-                this.zoom(-1, clientX, clientY);
-            };
+            this.boundZoomIn = this.handleZoomClick.bind(this, 1);
+            this.boundZoomOut = this.handleZoomClick.bind(this, -1);
             this.boundResetZoom = this.resetZoom.bind(this);
             this.boundHandleWheel = this.handleWheel.bind(this);
             this.boundHandleMouseDown = this.handleMouseDown.bind(this);
@@ -242,6 +236,11 @@
             this.content.style.transform = `translate(${this.translateX}px, ${this.translateY}px) scale(${this.scale})`;
         }
 
+        handleZoomClick(direction) {
+            const { clientX, clientY } = this._getViewportCenterClientCoords();
+            this.zoom(direction, clientX, clientY);
+        }
+
         handleWheel(e) {
             if (!this.interactionEnabled) return;
             // Prevent default browser scroll/zoom behavior when wheeling over the diagram