cm-chessboard 7.9.1 → 7.10.0

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.0",
   "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
         }