cm-chessboard 7.9.1 → 7.10.1

package/README.md

@@ -88,25 +88,26 @@ Below is the default configuration
 
 ```javascript
 this.props = {
-    position: FEN.empty, // set position as fen, use FEN.start or FEN.empty as shortcuts
-    orientation: COLOR.white, // white on bottom
-    responsive: true, // resize the board automatically to the size of the context element
-    language: navigator.language.substring(0, 2).toLowerCase(), // supports "de" and "en" for now, used for pieces naming
-    assetsUrl: "./assets/", // put all css and sprites in this folder, will be ignored for absolute urls of assets files
-    assetsCache: true, // cache sprites
-    style: {
-        cssClass: "default", // set the css theme of the board, try "green", "blue" or "chess-club"
-        showCoordinates: true, // show ranks and files
-        borderType: BORDER_TYPE.none, // "thin" thin border, "frame" wide border with coordinates in it, "none" no border
-        aspectRatio: 1, // height/width of the board
-        pieces: {
-            type: PIECES_FILE_TYPE.svgSprite, // pieces are in an SVG sprite, no other type supported for now
-            file: "pieces/standard.svg", // the filename of the sprite in `assetsUrl` or an absolute url like `https://…` or `/…`
-            tileSize: 40 // the tile size in the sprite
-        },
-        animationDuration: 300 // pieces animation duration in milliseconds. Disable all animations with `0`.
+  position: FEN.empty, // set position as fen, use FEN.start or FEN.empty as shortcuts
+  orientation: COLOR.white, // white on bottom
+  responsive: true, // resize the board automatically to the size of the context element
+  language: navigator.language.substring(0, 2).toLowerCase(), // supports "de" and "en" for now, used for pieces naming
+  assetsUrl: "./assets/", // put all css and sprites in this folder, will be ignored for absolute urls of assets files
+  assetsCache: true, // cache sprites
+  style: {
+    cssClass: "default", // set the css theme of the board, try "green", "blue" or "chess-club"
+    showCoordinates: true, // show ranks and files
+    borderType: BORDER_TYPE.none, // "thin" thin border, "frame" wide border with coordinates in it, "none" no border
+    aspectRatio: 1, // height/width of the board
+    pieces: {
+      type: PIECES_FILE_TYPE.svgSprite, // pieces are in an SVG sprite, no other type supported for now
+      file: "pieces/standard.svg", // the filename of the sprite in `assets/pieces/` or an absolute url like `https://…` or `/…`
+      tileSize: 40 // the tile size in the sprite
     },
-    extensions: [ /* {class: ExtensionClass, props: { ... }} */] // add extensions here
+    // pieces animation duration in milliseconds. Disable all animations with `0`. Respects the operating system settings for reduced motion.
+    animationDuration: window.matchMedia("(prefers-reduced-motion: reduce)").matches ? 0 : 300
+  },
+  extensions: [ /* {class: ExtensionClass, props: { ... }} */] // add extensions here
 }
 ```
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cm-chessboard",
-  "version": "7.9.1",
+  "version": "7.10.1",
   "description": "A JavaScript chessboard which is lightweight, ES6 module based, responsive, SVG rendered and without dependencies.",
   "keywords": [
     "chess",

package/src/Chessboard.js

@@ -70,7 +70,8 @@ export class Chessboard {
                     file: "pieces/standard.svg", // the filename of the sprite in `assets/pieces/` or an absolute url like `https://…` or `/…`
                     tileSize: 40 // the tile size in the sprite
                 },
-                animationDuration: 300 // pieces animation duration in milliseconds. Disable all animations with `0`.
+                // pieces animation duration in milliseconds. Disable all animations with `0`. Respects the operating system settings for reduced motion.
+                animationDuration: window.matchMedia("(prefers-reduced-motion: reduce)").matches ? 0 : 300
             },
             extensions: [ /* {class: ExtensionClass, props: { ... }} */] // add extensions here
         }

package/src/view/VisualMoveInput.js

@@ -65,8 +65,8 @@ export class VisualMoveInput {
     }
 
     moveInputCanceledCallback(fromSquare, toSquare, reason) {
-            this.view.moveInputCanceledCallback(fromSquare, toSquare, reason)
-            this.chessboard.state.moveInputProcess.resolve()
+        this.view.moveInputCanceledCallback(fromSquare, toSquare, reason)
+        this.chessboard.state.moveInputProcess.resolve()
     }
 
     setMoveInputState(newState, params = undefined) {
@@ -240,14 +240,15 @@ export class VisualMoveInput {
 
     onPointerDown(e) {
         if (!(e.type === "mousedown" && e.button === 0 || e.type === "touchstart")) {
-            return;
+            return
+        }
+        if(e.type === "mousedown") { // another try to prevent strange safari desktop select all bug
+            e.preventDefault()
         }
-
         const square = e.target.getAttribute("data-square")
         if (!square) { // pointer on square
-            return;
+            return
         }
-
         const pieceName = this.chessboard.getPiece(square)
         let color
         if (pieceName) {