cm-chessboard 3.17.4 → 3.17.6

package/package.json

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

package/src/cm-chessboard/ChessboardView.js

@@ -39,6 +39,14 @@ export const piecesTranslations = {
     }
 }
 
+export function renderPieceTitle(lang, name, color = undefined) {
+    let title = piecesTranslations[lang].pieces_long[name]
+    if(color) {
+        title += " " + piecesTranslations[lang].colors_long[color]
+    }
+    return title
+}
+
 export const SQUARE_COORDINATES = [
     "a1", "b1", "c1", "d1", "e1", "f1", "g1", "h1",
     "a2", "b2", "c2", "d2", "e2", "f2", "g2", "h2",

package/src/cm-chessboard/ChessboardViewAccessible.js

@@ -3,7 +3,7 @@
  * Repository: https://github.com/shaack/cm-chessboard
  * License: MIT, see file 'LICENSE'
  */
-import {ChessboardView} from "./ChessboardView.js"
+import {ChessboardView, renderPieceTitle} from "./ChessboardView.js"
 import {COLOR} from "./Chessboard.js"
 import {piecesTranslations} from "./ChessboardView.js"
 
@@ -54,9 +54,9 @@ export class ChessboardViewAccessible extends ChessboardView {
         let listB = ""
         for (const piece of pieces) {
             if (piece.color === "w") {
-                listW += `<li class="list-inline-item">${this.t.pieces_long[piece.name]} ${piece.position}</li>`
+                listW += `<li class="list-inline-item">${renderPieceTitle(this.lang, piece.name)} ${piece.position}</li>`
             } else {
-                listB += `<li class="list-inline-item">${this.t.pieces_long[piece.name]} ${piece.position}</li>`
+                listB += `<li class="list-inline-item">${renderPieceTitle(this.lang, piece.name)} ${piece.position}</li>`
             }
         }
         count++
@@ -89,7 +89,7 @@ export class ChessboardViewAccessible extends ChessboardView {
                 if(pieceCode) {
                     color = pieceCode.charAt(0)
                     name = pieceCode.charAt(1)
-                    html += `<td>${this.t.pieces_long[name]} ${this.t.colors_long[color]}</td>`
+                    html += `<td>${renderPieceTitle(this.lang, name, color)}</td>`
                 } else {
                     html += `<td></td>`
                 }