cm-chessboard 3.16.5 → 3.16.6

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.6",
   "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.shift()
                         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)
@@ -335,8 +335,8 @@ export class ChessboardView {
     nextPieceAnimationInQueue() {
         const nextAnimation = this.animationQueue.shift()
         if (nextAnimation !== undefined) {
+            this.drawPieces(nextAnimation.fromSquares)
             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()