cm-chessboard 3.16.5 → 3.16.8

package/examples/validate-moves.html

@@ -105,6 +105,7 @@ board.enableMoveInput(inputHandler, COLOR.white)
 
     const board = new Chessboard(document.getElementById("board"), {
         position: chess.fen(),
+        // animationDuration: 2000,
         sprite: {url: "../assets/images/chessboard-sprite-staunty.svg"},
         style: {moveFromMarker: undefined, moveToMarker: undefined}, // disable standard markers
         orientation: COLOR.white
@@ -112,4 +113,4 @@ board.enableMoveInput(inputHandler, COLOR.white)
     board.enableMoveInput(inputHandler, COLOR.white)
 </script>
 </body>
-</html>
+</html>

package/index.html

@@ -43,4 +43,4 @@
     <li><a href="test/">Run the unit tests</a></li>
 </ul>
 </body>
-</html>
+</html>

package/package.json

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

package/src/cm-chessboard/ChessboardMoveInput.js

@@ -148,6 +148,7 @@ export class ChessboardMoveInput {
                         })
                     } else {
                         this.view.drawPieces(this.chessboard.state.squares)
+                        // this.view.animationQueue = [] // todo remove all animations (See PR #59)
                         this.setMoveInputState(STATE.reset)
                     }
                 } else {

package/src/cm-chessboard/ChessboardView.js

@@ -67,7 +67,7 @@ export class ChessboardView {
     destroy() {
         this.moveInput.destroy()
         if (this.resizeObserver) {
-            this.resizeObserver.unobserve(this.chessboard.element);
+            this.resizeObserver.unobserve(this.chessboard.element)
         }
         if (this.resizeListener) {
             window.removeEventListener("resize", this.resizeListener)
@@ -336,12 +336,20 @@ export class ChessboardView {
         const nextAnimation = this.animationQueue.shift()
         if (nextAnimation !== undefined) {
             this.animationRunning = true
-            this.drawPieces(nextAnimation.fromSquares);
             this.currentAnimation = new ChessboardPiecesAnimation(this, nextAnimation.fromSquares, nextAnimation.toSquares, this.chessboard.props.animationDuration / (this.animationQueue.length + 1), () => {
-                this.animationRunning = false
-                this.nextPieceAnimationInQueue()
-                if (nextAnimation.callback) {
-                    nextAnimation.callback()
+                if (!this.moveInput.draggablePiece) {
+                    this.drawPieces(nextAnimation.toSquares)
+                    this.animationRunning = false
+                    this.nextPieceAnimationInQueue()
+                    if (nextAnimation.callback) {
+                        nextAnimation.callback()
+                    }
+                } else {
+                    this.animationRunning = false
+                    this.nextPieceAnimationInQueue()
+                    if (nextAnimation.callback) {
+                        nextAnimation.callback()
+                    }
                 }
             })
         }