fix: make makeScale a free function

lib/minimap-element.js

@@ -841,14 +841,16 @@ class MinimapElement {
       } else {
         let canvasTransform = makeTranslate(0, canvasTop, this.useHardwareAcceleration)
         if (devicePixelRatio !== 1) {
-          canvasTransform += ' ' + this.makeScale(1 / devicePixelRatio)
+          const scale = 1 / devicePixelRatio
+          canvasTransform += ' ' + makeScale(scale, scale, this.useHardwareAcceleration)
         }
         applyStyles(this.backLayer.canvas, { transform: canvasTransform })
         applyStyles(this.tokensLayer.canvas, { transform: canvasTransform })
         applyStyles(this.frontLayer.canvas, { transform: canvasTransform })
       }
     } else {
-      const canvasTransform = this.makeScale(1 / devicePixelRatio)
+      const scale = 1 / devicePixelRatio
+      const canvasTransform = makeScale(scale, scale, this.useHardwareAcceleration)
       applyStyles(this.backLayer.canvas, { transform: canvasTransform })
       applyStyles(this.tokensLayer.canvas, { transform: canvasTransform })
       applyStyles(this.frontLayer.canvas, { transform: canvasTransform })
@@ -1276,22 +1278,6 @@ class MinimapElement {
   //    ##    ## ##    ## ##    ##
   //     ######   ######   ######
 
-  /**
-   * Returns a string with a CSS scaling tranform value.
-   *
-   * @param  {number} [x = 0] the x scaling factor
-   * @param  {number} [y = 0] the y scaling factor
-   * @return {string} the CSS scaling string
-   * @access private
-   */
-  makeScale (x = 0, y = x) {
-    if (this.useHardwareAcceleration) {
-      return `scale3d(${x}, ${y}, 1)`
-    } else {
-      return `scale(${x}, ${y})`
-    }
-  }
-
   /**
    * A method that mimic the jQuery `animate` method and used to animate the
    * scroll when clicking on the MinimapElement canvas.
@@ -1378,6 +1364,23 @@ function makeTranslate (x = 0, y = 0, useHardwareAcceleration = false) {
   }
 }
 
+/**
+ * Returns a string with a CSS scaling tranform value.
+ *
+ * @param  {number} [x = 0] the x scaling factor
+ * @param  {number} [y = 0] the y scaling factor
+ * @param  {boolean} [useHardwareAcceleration = false] use hardware acceleration
+ * @return {string} the CSS scaling string
+ * @access private
+ */
+function makeScale (x = 0, y = x, useHardwareAcceleration = false) {
+  if (useHardwareAcceleration) {
+    return `scale3d(${x}, ${y}, 1)`
+  } else {
+    return `scale(${x}, ${y})`
+  }
+}
+
 /**
  * A method that return the current time as a Date.
  *