cm-chessboard 7.1.3 → 7.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/README.md +1 -1
  2. package/assets/extensions/markers/markers.css +5 -2
  3. package/assets/extensions/markers/markers.css.map +1 -1
  4. package/assets/extensions/markers/markers.scss +7 -2
  5. package/assets/extensions/markers/markers.svg +6 -0
  6. package/examples/destroy-many-boards.html +1 -1
  7. package/examples/different-styles.html +1 -1
  8. package/examples/enable-input.html +1 -1
  9. package/examples/extensions/accessibility-extension.html +1 -1
  10. package/examples/extensions/arrows-extension.html +1 -1
  11. package/examples/extensions/markers-extension.html +1 -1
  12. package/examples/extensions/promotion-dialog-extension.html +1 -1
  13. package/examples/extensions/render-video-extension.html +1 -1
  14. package/examples/many-boards.html +1 -1
  15. package/examples/pieces-animation.html +1 -1
  16. package/examples/responsive-board.html +1 -1
  17. package/examples/simple-boards.html +1 -1
  18. package/examples/test-getPiece.html +1 -1
  19. package/examples/validate-moves.html +17 -4
  20. package/index.html +1 -1
  21. package/package.json +1 -1
  22. package/src/cm-chessboard/Chessboard.js +1 -1
  23. package/src/cm-chessboard/extensions/markers/Markers.js +7 -3
  24. package/src/cm-chessboard/view/ChessboardView.js +2 -5
  25. package/test/index.html +1 -1
  26. /package/assets/{chessboard/_chessboard-theme.scss → _chessboard-theme.scss} +0 -0
  27. /package/assets/{chessboard/chessboard.css → chessboard.css} +0 -0
  28. /package/assets/{chessboard/chessboard.css.map → chessboard.css.map} +0 -0
  29. /package/assets/{chessboard/chessboard.scss → chessboard.scss} +0 -0
  30. /package/assets/{chessboard/pieces → pieces}/standard.svg +0 -0
  31. /package/assets/{chessboard/pieces → pieces}/staunty.svg +0 -0
package/README.md CHANGED
@@ -92,7 +92,7 @@ this.props = {
92
92
  aspectRatio: 1, // height/width of the board
93
93
  pieces: {
94
94
  type: PIECES_FILE_TYPE.svgSprite, // pieces are in a SVG sprite, no other type supported for now
95
- file: "standard.svg", // the filename of the sprite in `assets/chessboard/pieces/`
95
+ file: "standard.svg", // the filename of the sprite in `assets/pieces/`
96
96
  tileSize: 40 // the tile size in the sprite
97
97
  },
98
98
  animationDuration: 300 // pieces animation duration in milliseconds. Disable all animations with `0`.
package/assets/extensions/markers/markers.css CHANGED
@@ -15,7 +15,7 @@
15
15
  .cm-chessboard .markers .marker.marker-circle {
16
16
  stroke: #000000;
17
17
  stroke-width: 3px;
18
- opacity: 0.4; }
18
+ opacity: 0.3; }
19
19
  .cm-chessboard .markers .marker.marker-circle-primary {
20
20
  stroke: #0009bd;
21
21
  stroke-width: 3px;
@@ -29,6 +29,9 @@
29
29
  opacity: 0.11; }
30
30
  .cm-chessboard .markers .marker.marker-dot {
31
31
  fill: black;
32
- opacity: 0.3; }
32
+ opacity: 0.2; }
33
+ .cm-chessboard .markers .marker.marker-bevel {
34
+ fill: black;
35
+ opacity: 0.2; }
33
36
 
34
37
  /*# sourceMappingURL=markers.css.map */
package/assets/extensions/markers/markers.css.map CHANGED
@@ -5,5 +5,5 @@
5
5
  "markers.scss"
6
6
  ],
7
7
  "names": [],
8
- "mappings": "AAIA,AACE,cADY,CACZ,QAAQ,CAAC;EACP,cAAc,EAAE,IAAI,GAkDrB;EApDH,AAKM,cALQ,CACZ,QAAQ,CAGN,OAAO,AACJ,aAAa,CAAC;IACb,MAAM,EAVC,OAAO;IAWd,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,GAAG,GACb;EATP,AAWM,cAXQ,CACZ,QAAQ,CAGN,OAAO,AAOJ,qBAAqB,CAAC;IACrB,MAAM,EAfS,OAAO;IAgBtB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,GAAG,GACb;EAfP,AAiBM,cAjBQ,CACZ,QAAQ,CAGN,OAAO,AAaJ,oBAAoB,CAAC;IACpB,MAAM,EApBQ,OAAO;IAqBrB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,GAAG,GACb;EArBP,AAuBM,cAvBQ,CACZ,QAAQ,CAGN,OAAO,AAmBJ,cAAc,CAAC;IACd,MAAM,EA5BC,OAAO;IA6Bd,YAAY,EAAE,GAAG;IACjB,OAAO,EAAE,GAAG,GACb;EA3BP,AA6BM,cA7BQ,CACZ,QAAQ,CAGN,OAAO,AAyBJ,sBAAsB,CAAC;IACtB,MAAM,EAjCS,OAAO;IAkCtB,YAAY,EAAE,GAAG;IACjB,OAAO,EAAE,GAAG,GACb;EAjCP,AAmCM,cAnCQ,CACZ,QAAQ,CAGN,OAAO,AA+BJ,qBAAqB,CAAC;IACrB,MAAM,EAtCQ,OAAO;IAuCrB,YAAY,EAAE,GAAG;IACjB,OAAO,EAAE,GAAG,GACb;EAvCP,AAyCM,cAzCQ,CACZ,QAAQ,CAGN,OAAO,AAqCJ,cAAc,CAAC;IACd,IAAI,EAAE,KAAK;IACX,OAAO,EAAE,IAAI,GACd;EA5CP,AA8CM,cA9CQ,CACZ,QAAQ,CAGN,OAAO,AA0CJ,WAAW,CAAC;IACX,IAAI,EAAE,KAAK;IACX,OAAO,EAAE,GAAG,GACb"
8
+ "mappings": "AAIA,AACE,cADY,CACZ,QAAQ,CAAC;EACP,cAAc,EAAE,IAAI,GAuDrB;EAzDH,AAKM,cALQ,CACZ,QAAQ,CAGN,OAAO,AACJ,aAAa,CAAC;IACb,MAAM,EAVC,OAAO;IAWd,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,GAAG,GACb;EATP,AAWM,cAXQ,CACZ,QAAQ,CAGN,OAAO,AAOJ,qBAAqB,CAAC;IACrB,MAAM,EAfS,OAAO;IAgBtB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,GAAG,GACb;EAfP,AAiBM,cAjBQ,CACZ,QAAQ,CAGN,OAAO,AAaJ,oBAAoB,CAAC;IACpB,MAAM,EApBQ,OAAO;IAqBrB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,GAAG,GACb;EArBP,AAuBM,cAvBQ,CACZ,QAAQ,CAGN,OAAO,AAmBJ,cAAc,CAAC;IACd,MAAM,EA5BC,OAAO;IA6Bd,YAAY,EAAE,GAAG;IACjB,OAAO,EAAE,GAAG,GACb;EA3BP,AA6BM,cA7BQ,CACZ,QAAQ,CAGN,OAAO,AAyBJ,sBAAsB,CAAC;IACtB,MAAM,EAjCS,OAAO;IAkCtB,YAAY,EAAE,GAAG;IACjB,OAAO,EAAE,GAAG,GACb;EAjCP,AAmCM,cAnCQ,CACZ,QAAQ,CAGN,OAAO,AA+BJ,qBAAqB,CAAC;IACrB,MAAM,EAtCQ,OAAO;IAuCrB,YAAY,EAAE,GAAG;IACjB,OAAO,EAAE,GAAG,GACb;EAvCP,AAyCM,cAzCQ,CACZ,QAAQ,CAGN,OAAO,AAqCJ,cAAc,CAAC;IACd,IAAI,EAAE,KAAK;IACX,OAAO,EAAE,IAAI,GACd;EA5CP,AA8CM,cA9CQ,CACZ,QAAQ,CAGN,OAAO,AA0CJ,WAAW,CAAC;IACX,IAAI,EAAE,KAAK;IACX,OAAO,EAAE,GAAG,GACb;EAjDP,AAmDM,cAnDQ,CACZ,QAAQ,CAGN,OAAO,AA+CJ,aAAa,CAAC;IACb,IAAI,EAAE,KAAK;IACX,OAAO,EAAE,GAAG,GACb"
9
9
  }
package/assets/extensions/markers/markers.scss CHANGED
@@ -28,7 +28,7 @@ $marker-color-danger: #aa0000;
28
28
  &.marker-circle {
29
29
  stroke: $marker-color;
30
30
  stroke-width: 3px;
31
- opacity: 0.4;
31
+ opacity: 0.3;
32
32
  }
33
33
 
34
34
  &.marker-circle-primary {
@@ -50,7 +50,12 @@ $marker-color-danger: #aa0000;
50
50
 
51
51
  &.marker-dot {
52
52
  fill: black;
53
- opacity: 0.3;
53
+ opacity: 0.2;
54
+ }
55
+
56
+ &.marker-bevel {
57
+ fill: black;
58
+ opacity: 0.2;
54
59
  }
55
60
 
56
61
  }
package/assets/extensions/markers/markers.svg CHANGED
@@ -21,6 +21,12 @@ Author: shaack (https://shaack.com)
21
21
  <g id="markerDot">
22
22
  <circle cx="20" cy="20" r="7"/>
23
23
  </g>
24
+ <g id="markerBevel">
25
+ <path d="M-1.77635684e-15,8.8817842e-16 L9,8.8817842e-16 C7.43502116,0.842866191 5.49543951,2.27321471 3.86541703,3.91660579 C2.21006344,5.58553575 0.86967521,7.47275765 -1.77635684e-15,9 L-1.77635684e-15,8.8817842e-16 Z"/>
26
+ <path d="M30.9995741,0.000425886354 L40.0194705,0.000425886354 C38.4510319,0.843292078 36.5071624,2.2736406 34.8735365,3.91703168 C33.2145234,5.58596164 31.8711719,7.47318354 30.9995741,9.00042589 L30.9995741,0.000425886354 Z" transform="translate(35.509522, 4.500426) rotate(-270.000000) translate(-35.509522, -4.500426) "/>
27
+ <path d="M30.9995741,31.0004259 L40.0194705,31.0004259 C38.4510319,31.8432921 36.5071624,33.2736406 34.8735365,34.9170317 C33.2145234,36.5859616 31.8711719,38.4731835 30.9995741,40.0004259 L30.9995741,31.0004259 Z" transform="translate(35.509522, 35.500426) rotate(-180.000000) translate(-35.509522, -35.500426) "/>
28
+ <path d="M-0.000425886354,31.0004259 L9.01947047,31.0004259 C7.45103192,31.8432921 5.50716243,33.2736406 3.87353645,34.9170317 C2.21452335,36.5859616 0.87117192,38.4731835 -0.000425886354,40.0004259 L-0.000425886354,31.0004259 Z" transform="translate(4.509522, 35.500426) rotate(-90.000000) translate(-4.509522, -35.500426) "/>
29
+ </g>
24
30
  <g id="markerSquare">
25
31
  <rect x="0" y="0" width="40" height="40"/>
26
32
  </g>
package/examples/destroy-many-boards.html CHANGED
@@ -6,7 +6,7 @@
6
6
  <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0"/>
7
7
  <script src="https://cdnjs.cloudflare.com/ajax/libs/chess.js/0.10.2/chess.js"></script>
8
8
  <link rel="stylesheet" href="styles/examples.css"/>
9
- <link rel="stylesheet" href="../assets/chessboard/chessboard.css"/>
9
+ <link rel="stylesheet" href="../assets/chessboard.css"/>
10
10
  <!--suppress CssUnusedSymbol -->
11
11
  <style>
12
12
  div.board {
package/examples/different-styles.html CHANGED
@@ -5,7 +5,7 @@
5
5
  <title>cm-chessboard</title>
6
6
  <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0"/>
7
7
  <link rel="stylesheet" href="styles/examples.css"/>
8
- <link rel="stylesheet" href="../assets/chessboard/chessboard.css"/>
8
+ <link rel="stylesheet" href="../assets/chessboard.css"/>
9
9
  </head>
10
10
  <body>
11
11
  <h1><a href="../">cm-chessboard</a></h1>
package/examples/enable-input.html CHANGED
@@ -5,7 +5,7 @@
5
5
  <title>cm-chessboard</title>
6
6
  <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0"/>
7
7
  <link rel="stylesheet" href="styles/examples.css"/>
8
- <link rel="stylesheet" href="../assets/chessboard/chessboard.css"/>
8
+ <link rel="stylesheet" href="../assets/chessboard.css"/>
9
9
  <link rel="stylesheet" href="../assets/extensions/markers/markers.css"/>
10
10
  </head>
11
11
  <body>
package/examples/extensions/accessibility-extension.html CHANGED
@@ -5,7 +5,7 @@
5
5
  <title>cm-chessboard</title>
6
6
  <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0"/>
7
7
  <link rel="stylesheet" href="../styles/examples.css"/>
8
- <link rel="stylesheet" href="../../assets/chessboard/chessboard.css"/>
8
+ <link rel="stylesheet" href="../../assets/chessboard.css"/>
9
9
  <link rel="stylesheet" href="../../assets/extensions/markers/markers.css"/>
10
10
  </head>
11
11
  <body>
package/examples/extensions/arrows-extension.html CHANGED
@@ -5,7 +5,7 @@
5
5
  <title>cm-chessboard</title>
6
6
  <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0"/>
7
7
  <link rel="stylesheet" href="../styles/examples.css"/>
8
- <link rel="stylesheet" href="../../assets/chessboard/chessboard.css"/>
8
+ <link rel="stylesheet" href="../../assets/chessboard.css"/>
9
9
  <link rel="stylesheet" href="../../assets/extensions/arrows/arrows.css"/>
10
10
  </head>
11
11
  <body>
package/examples/extensions/markers-extension.html CHANGED
@@ -5,7 +5,7 @@
5
5
  <title>cm-chessboard</title>
6
6
  <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0"/>
7
7
  <link rel="stylesheet" href="../styles/examples.css"/>
8
- <link rel="stylesheet" href="../../assets/chessboard/chessboard.css"/>
8
+ <link rel="stylesheet" href="../../assets/chessboard.css"/>
9
9
  <link rel="stylesheet" href="../../assets/extensions/markers/markers.css"/>
10
10
  </head>
11
11
  <body>
package/examples/extensions/promotion-dialog-extension.html CHANGED
@@ -6,7 +6,7 @@
6
6
  content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
7
7
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
8
8
  <link rel="stylesheet" href="../styles/examples.css"/>
9
- <link rel="stylesheet" href="../../assets/chessboard/chessboard.css">
9
+ <link rel="stylesheet" href="../../assets/chessboard.css">
10
10
  <link rel="stylesheet" href="../../assets/extensions/promotion-dialog/promotion-dialog.css"/>
11
11
  <link rel="stylesheet" href="../../assets/extensions/markers/markers.css"/>
12
12
  <title>cm-chessboard promotion extension</title>
package/examples/extensions/render-video-extension.html CHANGED
@@ -5,7 +5,7 @@
5
5
  <title>cm-chessboard</title>
6
6
  <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0"/>
7
7
  <link rel="stylesheet" href="../styles/examples.css"/>
8
- <link rel="stylesheet" href="../../assets/chessboard/chessboard.css"/>
8
+ <link rel="stylesheet" href="../../assets/chessboard.css"/>
9
9
  </head>
10
10
  <body>
11
11
  <h1><a href="../..">cm-chessboard</a></h1>
package/examples/many-boards.html CHANGED
@@ -5,7 +5,7 @@
5
5
  <title>cm-chessboard</title>
6
6
  <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0"/>
7
7
  <link rel="stylesheet" href="styles/examples.css"/>
8
- <link rel="stylesheet" href="../assets/chessboard/chessboard.css"/>
8
+ <link rel="stylesheet" href="../assets/chessboard.css"/>
9
9
  <script src="https://cdnjs.cloudflare.com/ajax/libs/chess.js/0.10.2/chess.js"></script>
10
10
  <!--suppress CssUnusedSymbol -->
11
11
  <style>
package/examples/pieces-animation.html CHANGED
@@ -5,7 +5,7 @@
5
5
  <title>cm-chessboard</title>
6
6
  <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0"/>
7
7
  <link rel="stylesheet" href="styles/examples.css"/>
8
- <link rel="stylesheet" href="../assets/chessboard/chessboard.css"/>
8
+ <link rel="stylesheet" href="../assets/chessboard.css"/>
9
9
  </head>
10
10
  <body>
11
11
  <h1><a href="../">cm-chessboard</a></h1>
package/examples/responsive-board.html CHANGED
@@ -5,7 +5,7 @@
5
5
  <title>cm-chessboard</title>
6
6
  <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0"/>
7
7
  <link rel="stylesheet" href="styles/examples.css"/>
8
- <link rel="stylesheet" href="../assets/chessboard/chessboard.css"/>
8
+ <link rel="stylesheet" href="../assets/chessboard.css"/>
9
9
  </head>
10
10
  <body>
11
11
  <h1><a href="../">cm-chessboard</a></h1>
package/examples/simple-boards.html CHANGED
@@ -5,7 +5,7 @@
5
5
  <title>cm-chessboard</title>
6
6
  <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0"/>
7
7
  <link rel="stylesheet" href="./styles/examples.css"/>
8
- <link rel="stylesheet" href="../assets/chessboard/chessboard.css"/>
8
+ <link rel="stylesheet" href="../assets/chessboard.css"/>
9
9
  </head>
10
10
  <body>
11
11
  <h1><a href="../">cm-chessboard</a></h1>
package/examples/test-getPiece.html CHANGED
@@ -1,7 +1,7 @@
1
1
  <!doctype html>
2
2
  <html lang="en">
3
3
  <head>
4
- <link rel="stylesheet" href="../assets/chessboard/chessboard.css">
4
+ <link rel="stylesheet" href="../assets/chessboard.css">
5
5
  <title>frame test</title>
6
6
  </head>
7
7
  <body>
package/examples/validate-moves.html CHANGED
@@ -5,7 +5,7 @@
5
5
  <title>cm-chessboard</title>
6
6
  <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0"/>
7
7
  <link rel="stylesheet" href="styles/examples.css"/>
8
- <link rel="stylesheet" href="../assets/chessboard/chessboard.css"/>
8
+ <link rel="stylesheet" href="../assets/chessboard.css"/>
9
9
  <link rel="stylesheet" href="../assets/extensions/markers/markers.css"/>
10
10
  <script src="https://cdnjs.cloudflare.com/ajax/libs/chess.js/0.10.2/chess.js"></script>
11
11
  </head>
@@ -69,16 +69,24 @@ board.enableMoveInput(inputHandler, COLOR.white)
69
69
  <script type="module">
70
70
  import {INPUT_EVENT_TYPE, COLOR, Chessboard} from "../src/cm-chessboard/Chessboard.js"
71
71
  import {MARKER_TYPE, Markers} from "../src/cm-chessboard/extensions/markers/Markers.js"
72
+ import {PromotionDialog} from "../src/cm-chessboard/extensions/promotion-dialog/PromotionDialog.js"
72
73
 
73
74
  const chess = new Chess()
74
75
 
75
76
  function inputHandler(event) {
76
- console.log("event", event)
77
77
  event.chessboard.removeMarkers(MARKER_TYPE.dot)
78
+ event.chessboard.removeMarkers(MARKER_TYPE.bevel)
78
79
  if (event.type === INPUT_EVENT_TYPE.moveInputStarted) {
79
80
  const moves = chess.moves({square: event.square, verbose: true})
80
81
  for (const move of moves) { // draw dots on possible squares
81
- event.chessboard.addMarker(MARKER_TYPE.dot, move.to)
82
+ if (move.promotion && move.promotion !== "q") {
83
+ continue
84
+ }
85
+ if (event.chessboard.getPiece(move.to)) {
86
+ event.chessboard.addMarker(MARKER_TYPE.bevel, move.to)
87
+ } else {
88
+ event.chessboard.addMarker(MARKER_TYPE.dot, move.to)
89
+ }
82
90
  }
83
91
  return moves.length > 0
84
92
  } else if (event.type === INPUT_EVENT_TYPE.validateMoveInput) {
@@ -104,6 +112,8 @@ board.enableMoveInput(inputHandler, COLOR.white)
104
112
  console.warn("invalid move", move)
105
113
  }
106
114
  return result
115
+ } else if (event.type === INPUT_EVENT_TYPE.validateMoveInput) {
116
+
107
117
  }
108
118
  }
109
119
 
@@ -112,7 +122,10 @@ board.enableMoveInput(inputHandler, COLOR.white)
112
122
  assetsUrl: "../assets/",
113
123
  style: {pieces: {file: "staunty.svg"}},
114
124
  orientation: COLOR.white,
115
- extensions: [{class: Markers, props: {autoMarkers: MARKER_TYPE.square}}]
125
+ extensions: [
126
+ {class: Markers, props: {autoMarkers: MARKER_TYPE.square}},
127
+ {class: PromotionDialog}
128
+ ]
116
129
  })
117
130
  board.enableMoveInput(inputHandler, COLOR.white)
118
131
  </script>
package/index.html CHANGED
@@ -3,7 +3,7 @@
3
3
  <head>
4
4
  <meta charset="UTF-8">
5
5
  <title>cm-chessboard</title>
6
- <link rel="stylesheet" href="assets/chessboard/chessboard.css"/>
6
+ <link rel="stylesheet" href="assets/chessboard.css"/>
7
7
  <link rel="stylesheet" href="examples/styles/examples.css"/>
8
8
  <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0"/>
9
9
  <script src="https://cdnjs.cloudflare.com/ajax/libs/chess.js/0.10.2/chess.js"></script>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cm-chessboard",
3
- "version": "7.1.3",
3
+ "version": "7.2.1",
4
4
  "description": "A JavaScript chessboard which is lightweight, ES6 module based, responsive, SVG rendered and without dependencies.",
5
5
  "keywords": [
6
6
  "chess",
package/src/cm-chessboard/Chessboard.js CHANGED
@@ -62,7 +62,7 @@ export class Chessboard {
62
62
  aspectRatio: 1, // height/width of the board
63
63
  pieces: {
64
64
  type: PIECES_FILE_TYPE.svgSprite, // pieces are in a SVG sprite, no other type supported for now
65
- file: "standard.svg", // the filename of the sprite in `assets/chessboard/pieces/`
65
+ file: "standard.svg", // the filename of the sprite in `assets/pieces/`
66
66
  tileSize: 40 // the tile size in the sprite
67
67
  },
68
68
  animationDuration: 300 // pieces animation duration in milliseconds. Disable all animations with `0`.
package/src/cm-chessboard/extensions/markers/Markers.js CHANGED
@@ -16,7 +16,8 @@ export const MARKER_TYPE = {
16
16
  circlePrimary: {class: "marker-circle-primary", slice: "markerCircle"},
17
17
  circleDanger: {class: "marker-circle-danger", slice: "markerCircle"},
18
18
  square: {class: "marker-square", slice: "markerSquare"},
19
- dot: {class: "marker-dot", slice: "markerDot", position: 'above'}
19
+ dot: {class: "marker-dot", slice: "markerDot", position: 'above'},
20
+ bevel: {class: "marker-bevel", slice: "markerBevel"}
20
21
  }
21
22
 
22
23
  export class Markers extends Extension {
@@ -51,9 +52,12 @@ export class Markers extends Extension {
51
52
 
52
53
  drawAutoMarkers(event) {
53
54
  this.removeMarkers(this.autoMarker)
55
+ if (event.type === INPUT_EVENT_TYPE.moveInputStarted &&
56
+ !event.moveInputCallbackResult) {
57
+ return
58
+ }
54
59
  if (event.type === INPUT_EVENT_TYPE.moveInputStarted ||
55
- event.type === INPUT_EVENT_TYPE.movingOverSquare ||
56
- event.type === INPUT_EVENT_TYPE.validateMoveInput) {
60
+ event.type === INPUT_EVENT_TYPE.movingOverSquare) {
57
61
  if (event.squareFrom) {
58
62
  this.addMarker(this.autoMarker, event.squareFrom)
59
63
  }
package/src/cm-chessboard/view/ChessboardView.js CHANGED
@@ -337,7 +337,7 @@ export class ChessboardView {
337
337
  piece: this.chessboard.getPiece(square)
338
338
  }
339
339
  if (this.moveInputCallback) {
340
- // the "oldschool" move input validator
340
+ // the old move input validator
341
341
  data.moveInputCallbackResult = this.moveInputCallback(data)
342
342
  }
343
343
  // the new extension points
@@ -354,9 +354,6 @@ export class ChessboardView {
354
354
  squareTo: squareTo,
355
355
  piece: this.chessboard.getPiece(squareFrom)
356
356
  }
357
- if (this.moveInputCallback) {
358
- data.moveInputCallbackResult = this.moveInputCallback(data)
359
- }
360
357
  this.chessboard.state.invokeExtensionPoints(EXTENSION_POINT.moveInput, data)
361
358
  }
362
359
 
@@ -421,6 +418,6 @@ export class ChessboardView {
421
418
  }
422
419
 
423
420
  getSpriteUrl() {
424
- return this.chessboard.props.assetsUrl + "chessboard/pieces/" + this.chessboard.props.style.pieces.file
421
+ return this.chessboard.props.assetsUrl + "pieces/" + this.chessboard.props.style.pieces.file
425
422
  }
426
423
  }
package/test/index.html CHANGED
@@ -4,7 +4,7 @@
4
4
  <meta charset="UTF-8">
5
5
  <title>Test cm-chessboard</title>
6
6
  <link rel="stylesheet" href="../examples/styles/examples.css"/>
7
- <link rel="stylesheet" href="../assets/chessboard/chessboard.css"/>
7
+ <link rel="stylesheet" href="../assets/chessboard.css"/>
8
8
  <style>
9
9
  .board {
10
10
  position: absolute;