js-draw 1.7.0 → 1.7.1

package/dist/cjs/tools/SelectionTool/TransformMode.d.ts

@@ -31,6 +31,7 @@ export declare class RotateTransformer {
     private targetRotation;
     private maximumDistFromStart;
     private startPoint;
+    private startTime;
     constructor(editor: Editor, selection: Selection);
     private getAngle;
     private roundAngle;

package/dist/cjs/tools/SelectionTool/TransformMode.js

@@ -115,8 +115,10 @@ class RotateTransformer {
         this.startPoint = startPoint;
         this.selection.setTransform(math_1.Mat33.identity);
         this.startAngle = this.getAngle(startPoint);
-        this.maximumDistFromStart = 0;
         this.targetRotation = 0;
+        // Used to determine whether the user clicked or not.
+        this.maximumDistFromStart = 0;
+        this.startTime = performance.now();
     }
     setRotationTo(angle) {
         // Transform in canvas space
@@ -138,9 +140,13 @@ class RotateTransformer {
         }
     }
     onDragEnd() {
-        // Anything less than this is considered a click
-        const clickThreshold = 15;
-        if (this.maximumDistFromStart < clickThreshold && this.targetRotation === 0) {
+        // Anything with motion less than this is considered a click
+        const clickThresholdDist = 10;
+        const clickThresholdTime = 0.4; // s
+        const dragTimeSeconds = (performance.now() - this.startTime) / 1000;
+        if (dragTimeSeconds < clickThresholdTime
+            && this.maximumDistFromStart < clickThresholdDist
+            && this.targetRotation === 0) {
             this.setRotationTo(-Math.PI / 2);
         }
         return this.selection.finalizeTransform();

package/dist/cjs/version.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
-    number: '1.7.0',
+    number: '1.7.1',
 };

package/dist/mjs/tools/SelectionTool/TransformMode.d.ts

@@ -31,6 +31,7 @@ export declare class RotateTransformer {
     private targetRotation;
     private maximumDistFromStart;
     private startPoint;
+    private startTime;
     constructor(editor: Editor, selection: Selection);
     private getAngle;
     private roundAngle;

package/dist/mjs/tools/SelectionTool/TransformMode.mjs

@@ -107,8 +107,10 @@ export class RotateTransformer {
         this.startPoint = startPoint;
         this.selection.setTransform(Mat33.identity);
         this.startAngle = this.getAngle(startPoint);
-        this.maximumDistFromStart = 0;
         this.targetRotation = 0;
+        // Used to determine whether the user clicked or not.
+        this.maximumDistFromStart = 0;
+        this.startTime = performance.now();
     }
     setRotationTo(angle) {
         // Transform in canvas space
@@ -130,9 +132,13 @@ export class RotateTransformer {
         }
     }
     onDragEnd() {
-        // Anything less than this is considered a click
-        const clickThreshold = 15;
-        if (this.maximumDistFromStart < clickThreshold && this.targetRotation === 0) {
+        // Anything with motion less than this is considered a click
+        const clickThresholdDist = 10;
+        const clickThresholdTime = 0.4; // s
+        const dragTimeSeconds = (performance.now() - this.startTime) / 1000;
+        if (dragTimeSeconds < clickThresholdTime
+            && this.maximumDistFromStart < clickThresholdDist
+            && this.targetRotation === 0) {
             this.setRotationTo(-Math.PI / 2);
         }
         return this.selection.finalizeTransform();

package/dist/mjs/version.mjs

@@ -1,3 +1,3 @@
 export default {
-    number: '1.7.0',
+    number: '1.7.1',
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "js-draw",
-  "version": "1.7.0",
+  "version": "1.7.1",
   "description": "Draw pictures using a pen, touchscreen, or mouse! JS-draw is a drawing library for JavaScript and TypeScript. ",
   "types": "./dist/mjs/lib.d.ts",
   "main": "./dist/cjs/lib.js",
@@ -86,5 +86,5 @@
     "freehand",
     "svg"
   ],
-  "gitHead": "e7d8a68e6a5ae3063de9c1f033ed8f08c567b393"
+  "gitHead": "2b3787fac2ddb580948f049eb43186e19a65c882"
 }