cm-chessboard 3.16.6 → 3.16.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cm-chessboard",
-  "version": "3.16.6",
+  "version": "3.16.9",
   "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,7 +148,7 @@ export class ChessboardMoveInput {
                         })
                     } else {
                         this.view.drawPieces(this.chessboard.state.squares)
-                        this.view.animationQueue.shift()
+                        // this.view.animationQueue = [] // todo remove all animations (See PR #59)
                         this.setMoveInputState(STATE.reset)
                     }
                 } else {

package/src/cm-chessboard/ChessboardView.js

@@ -104,8 +104,14 @@ export class ChessboardView {
             Svg.removeElement(this.svg)
         }
         this.svg = Svg.createSvg(this.chessboard.element)
+        let description = document.createElement("description")
+        description.innerText = "Chessboard"
+        description.id = "svg-description"
+        this.svg.appendChild(description)
         let cssClass = this.chessboard.props.style.cssClass ? this.chessboard.props.style.cssClass : "default"
         this.svg.setAttribute("class", "cm-chessboard border-type-" + this.chessboard.props.style.borderType + " " + cssClass)
+        this.svg.setAttribute("aria-describedby", "svg-description")
+        this.svg.setAttribute("role", "img")
         this.updateMetrics()
         this.boardGroup = Svg.addElement(this.svg, "g", {class: "board"})
         this.coordinatesGroup = Svg.addElement(this.svg, "g", {class: "coordinates"})
@@ -335,13 +341,21 @@ export class ChessboardView {
     nextPieceAnimationInQueue() {
         const nextAnimation = this.animationQueue.shift()
         if (nextAnimation !== undefined) {
-            this.drawPieces(nextAnimation.fromSquares)
             this.animationRunning = true
             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()
+                    }
                 }
             })
         }