cm-chessboard 6.0.4 → 7.0.2

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 (56) hide show
  1. package/README.md +28 -28
  2. package/assets/{styles/cm-chessboard.css → chessboard/chessboard.css} +2 -30
  3. package/assets/chessboard/chessboard.css.map +10 -0
  4. package/assets/{styles/cm-chessboard.scss → chessboard/chessboard.scss} +2 -43
  5. package/assets/chessboard/pieces/standard.svg +192 -0
  6. package/assets/chessboard/pieces/staunty.svg +240 -0
  7. package/assets/extensions/arrows/arrows.svg +19 -0
  8. package/assets/extensions/markers/markers.css +26 -0
  9. package/assets/extensions/markers/markers.css.map +9 -0
  10. package/assets/extensions/markers/markers.scss +40 -0
  11. package/assets/extensions/markers/markers.svg +27 -0
  12. package/{src/cm-chessboard/extensions/promotion-dialog/assets → assets/extensions/promotion-dialog}/promotion-dialog.css +1 -1
  13. package/{src/cm-chessboard/extensions/promotion-dialog/assets → assets/extensions/promotion-dialog}/promotion-dialog.css.map +1 -1
  14. package/{src/cm-chessboard/extensions/promotion-dialog/assets → assets/extensions/promotion-dialog}/promotion-dialog.scss +1 -1
  15. package/examples/destroy-many-boards.html +5 -3
  16. package/examples/different-styles.html +34 -23
  17. package/examples/enable-input.html +14 -7
  18. package/examples/extensions/{chessboard-accessibility-extension.html → accessibility-extension.html} +6 -4
  19. package/examples/extensions/{chessboard-arrows-extension.html → arrows-extension.html} +12 -30
  20. package/examples/{input-callbacks.html → extensions/markers-extension.html} +17 -21
  21. package/examples/extensions/{chessboard-promotion-dialog-extension.html → promotion-dialog-extension.html} +8 -7
  22. package/examples/extensions/{chessboard-render-video-extension.html → render-video-extension.html} +3 -8
  23. package/examples/many-boards.html +5 -5
  24. package/examples/pieces-animation.html +3 -3
  25. package/examples/responsive-board.html +3 -5
  26. package/examples/simple-boards.html +8 -4
  27. package/examples/test-getPiece.html +3 -3
  28. package/examples/validate-moves.html +7 -7
  29. package/index.html +7 -7
  30. package/package.json +1 -1
  31. package/src/cm-chessboard/Chessboard.js +19 -25
  32. package/src/cm-chessboard/extensions/accessibility/Accessibility.js +1 -1
  33. package/src/cm-chessboard/extensions/arrows/Arrows.js +9 -18
  34. package/src/cm-chessboard/extensions/markers/Markers.js +28 -17
  35. package/src/cm-chessboard/extensions/promotion-dialog/PromotionDialog.js +4 -6
  36. package/src/cm-chessboard/extensions/render-video/RenderVideo.js +5 -2
  37. package/src/cm-chessboard/lib/I18n.js +44 -0
  38. package/src/cm-chessboard/lib/Svg.js +69 -0
  39. package/src/cm-chessboard/lib/Utils.js +41 -0
  40. package/src/cm-chessboard/model/Extension.js +2 -2
  41. package/src/cm-chessboard/view/ChessboardView.js +47 -173
  42. package/src/cm-chessboard/view/PositionAnimationsQueue.js +3 -3
  43. package/src/cm-chessboard/view/VisualMoveInput.js +13 -7
  44. package/test/TestBoard.js +2 -2
  45. package/test/TestChessboard.js +4 -4
  46. package/test/TestMarkers.js +1 -1
  47. package/test/index.html +1 -1
  48. package/assets/images/chessboard-sprite-staunty.svg +0 -145
  49. package/assets/images/chessboard-sprite.svg +0 -144
  50. package/assets/styles/cm-chessboard.css.map +0 -10
  51. package/examples/extensions/chessboard-markers-extension.html +0 -52
  52. package/src/cm-chessboard/extensions/arrows/assets/arrows.svg +0 -31
  53. /package/assets/{styles/_cm-chessboard-theme.scss → chessboard/_chessboard-theme.scss} +0 -0
  54. /package/{src/cm-chessboard/extensions/arrows/assets → assets/extensions/arrows}/arrows.css +0 -0
  55. /package/{src/cm-chessboard/extensions/arrows/assets → assets/extensions/arrows}/arrows.css.map +0 -0
  56. /package/{src/cm-chessboard/extensions/arrows/assets → assets/extensions/arrows}/arrows.scss +0 -0
@@ -0,0 +1,240 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <!--
3
+ The lila Staunty pieces set from
4
+ https://github.com/ornicar/lila/tree/master/public/piece/staunty
5
+ modified by shaack (https://shaack.com) for the usage in cm-chessboard.
6
+ https://github.com/shaack/cm-chessboard
7
+
8
+ License: Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)
9
+ https://creativecommons.org/licenses/by-nc-sa/4.0/
10
+
11
+ See also: https://github.com/ornicar/lila/blob/master/COPYING.md
12
+ -->
13
+ <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
14
+ <title>cm-chessboard Staunty pieces and markers sprite</title>
15
+ <g id="wk" transform="matrix(0.78030303,0,0,0.78030303,0.99250091,1.3663636)">
16
+ <path d="m 27.67,15.225 v -3.544 h 4.44 V 7.252 H 27.175 V 3.36 H 22.81 v 3.893 h -4.934 v 4.43 h 4.44 v 3.543"
17
+ fill="#f0f0f0" stroke-linecap="round" stroke-width="1.2" stroke="#1e1e1e" id="path1542"/>
18
+ <rect x="20.299" y="14.215" width="9.3979998" height="2.7869999" ry="1.3940001" fill="#f0f0f0"
19
+ stroke-linejoin="round" stroke-width="1.2" stroke="#1e1e1e" id="rect1544"/>
20
+ <path d="m 26.416,14.215 c 0.725,0 1.308,0.621 1.308,1.393 0,0.773 -0.583,1.394 -1.308,1.394 h 1.974 c 0.724,0 1.308,-0.621 1.308,-1.393 0,-0.773 -0.584,-1.394 -1.308,-1.394 z"
21
+ opacity="0.15" id="path1546"/>
22
+ <path d="m 21.631,14.842 c -0.402,0 -0.725,0.345 -0.725,0.773 0,0.427 0.323,0.772 0.725,0.772 h 0.874 c -0.402,0 -0.725,-0.345 -0.725,-0.772 0,-0.428 0.323,-0.773 0.725,-0.773 z"
23
+ fill="#ffffff" id="path1548"/>
24
+ <path d="m 33.635,36.986 c 0,0 7.776,-13.318 6.613,-15.916 -1.164,-2.596 -8.48,-4.497 -15.248,-4.497 -6.768,0 -14.084,1.9 -15.248,4.497 -1.164,2.597 6.612,15.916 6.612,15.916 z"
25
+ fill="#f0f0f0" stroke-linecap="round" stroke-width="1.2" stroke="#1e1e1e" id="path1550"/>
26
+ <path d="m 24.996,16.576 c 15.938,2.622 12.573,9.354 6.64,22.543 l 2.028,-1.729 c 0,0 7.747,-13.723 6.584,-16.32 -1.545,-2.833 -7.503,-4.159 -15.252,-4.494 z"
27
+ opacity="0.15" id="path1552"/>
28
+ <path d="m 23.765,17.295 c -3.904,-0.184 -14.621,1.801 -13.503,5.017 0.817,3.727 2.754,7.244 4.508,10.504 C 9.083,22.481 8.828,19.042 23.765,17.295 Z M 23.391,3.997 23.375,7.309 h 0.546 l 0.016,-3.312 z m -4.931,3.87 -0.008,3.208 h 0.774 l 0.007,-3.208 z m 4.413,3.213 0.025,2.486 h 0.52 L 23.393,11.08 Z"
29
+ fill="#ffffff" id="path1554"/>
30
+ <path d="m 26.189,3.358 v 3.894 h 0.987 V 3.358 Z m 4.441,3.894 v 4.945 h 1.48 V 7.252 Z m -4.44,4.429 v 2.492 h 1.48 v -2.492 z"
31
+ opacity="0.15" id="path1556"/>
32
+ <path d="m 25,36.457 c 0,0 -9.13,0.048 -11.691,1.62 -1.727,1.06 -2.135,3.65 -1.9,6.323 h 27.182 c 0.235,-2.672 -0.172,-5.264 -1.9,-6.324 -2.56,-1.57 -11.69,-1.619 -11.69,-1.619 z"
33
+ fill="#f0f0f0" stroke-linejoin="round" stroke-width="1.2" stroke="#1e1e1e" id="path1558"/>
34
+ <path d="m 25,37.147 c 0,0 -8.712,-0.137 -11.624,1.666 -0.37,0.229 -0.7,0.84 -0.954,1.39 0.261,-0.331 0.503,-0.613 0.887,-0.849 2.56,-1.571 11.691,-1.62 11.691,-1.62 0,0 9.132,0.049 11.692,1.62 0.391,0.24 0.592,0.532 0.856,0.87 0.025,-0.076 -0.409,-1.158 -1.144,-1.596 C 33.648,37.136 25,37.148 25,37.148 Z"
35
+ fill="#ffffff" id="path1560"/>
36
+ </g>
37
+ <g id="wq" transform="matrix(0.81370661,0,0,0.81370661,0.1573347,-0.13679755)">
38
+ <path d="m 24.959,5.094 a 2.958,3.316 90 0 0 -3.316,2.958 2.958,3.316 90 0 0 3.316,2.959 2.958,3.316 90 0 0 3.316,-2.959 2.958,3.316 90 0 0 -3.316,-2.958 z"
39
+ fill="#f0f0f0" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2" stroke="#1e1e1e"
40
+ id="path1856"/>
41
+ <path d="M 24.836,5.732 C 24.46,5.522 21.112,6.538 22.651,9.308 22.416,7.763 23.089,6.105 24.836,5.732 Z"
42
+ fill="#ffffff" id="path1858"/>
43
+ <path d="m 24.959,11.011 c -6.507,0 -9.595,5.884 -9.595,10.358 h 19.263 c 0,-4.474 -3.16,-10.358 -9.668,-10.358 z"
44
+ fill="#f0f0f0" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2" stroke="#1e1e1e"
45
+ id="path1860"/>
46
+ <path d="m 18.161,14.977 c 1.042,-1.478 2.92,-3.22 6.84,-3.38 -0.31,0.277 -4.788,1.138 -6.84,3.38 z"
47
+ fill="#ffffff" id="path1862"/>
48
+ <path d="m 24.836,5.007 c 0,0 0.046,0.238 0,0 2.48,1.129 2.05,3.847 0.817,5.547 7.354,3.803 2.213,8.669 2.212,8.668 h 2.701 c 1.762,1.287 7.209,-2.741 -3.835,-8.67 3.528,-3.115 0.097,-5.606 -1.895,-5.546 z"
49
+ opacity="0.15" id="path1864"/>
50
+ <path d="m 25,15.225 c -1.971,0 -2.348,2.65 -4.137,2.86 -1.82,0.213 -3.381,-2.312 -5.25,-1.737 -1.495,0.46 -0.778,2.6 -1.805,3.175 -1.402,0.785 -3.185,-1.832 -5.29,-0.298 6.838,8.829 8.085,12.377 7.983,18.819 h 16.998 c -0.103,-6.443 1.144,-9.99 7.983,-18.82 -2.106,-1.533 -3.889,1.084 -5.29,0.3 -1.027,-0.576 -0.311,-2.716 -1.806,-3.176 -1.868,-0.575 -3.429,1.95 -5.25,1.736 -1.789,-0.21 -2.166,-2.86 -4.137,-2.86 z"
51
+ fill="#f0f0f0" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2" stroke="#1e1e1e"
52
+ id="path1866"/>
53
+ <path d="m 9.895,19.34 c -0.136,-0.01 -0.331,0.056 -0.458,0.085 3.081,4.1 6.575,9.537 7.099,12.417 -1.407,-4.933 -3.267,-9.562 -6.14,-12.472 z"
54
+ fill="#ffffff" id="path1868"/>
55
+ <path d="M 39.974,18.735 C 30.489,28.738 30.05,36.72 23.033,38.045 h 10.476 c -0.103,-6.443 1.145,-9.99 7.983,-18.819 0,0 -0.688,-0.756 -1.518,-0.491 z"
56
+ opacity="0.15" id="path1870"/>
57
+ <path d="m 14.912,18.945 c 0.203,-0.088 1.184,-1.808 1.98,-1.95 -1.42,-0.346 -1.618,-0.046 -1.98,1.95 z m 7.599,-1.069 c 0.953,-0.847 1.633,-2.655 3.238,-1.845 -0.798,-0.23 -2.215,1.04 -3.238,1.845 z m 8.609,0.257 c 0.21,0.07 2.176,-1.642 2.862,-1.218 0,0 -1.43,1.12 -2.862,1.218 z"
58
+ fill="#ffffff" id="path1872"/>
59
+ <path d="m 25,36.457 c 0,0 -9.13,0.048 -11.691,1.62 -1.727,1.06 -2.135,3.65 -1.9,6.323 h 27.182 c 0.235,-2.672 -0.172,-5.264 -1.9,-6.324 -2.56,-1.571 -11.69,-1.62 -11.69,-1.62 z"
60
+ fill="#f0f0f0" stroke-linejoin="round" stroke-width="1.2" stroke="#1e1e1e" id="path1874"/>
61
+ <path d="m 25,37.147 c 0,0 -8.712,-0.137 -11.624,1.666 -0.37,0.229 -0.7,0.84 -0.954,1.39 0.261,-0.331 0.502,-0.613 0.887,-0.849 2.56,-1.571 11.691,-1.62 11.691,-1.62 0,0 9.132,0.049 11.692,1.62 0.391,0.24 0.593,0.532 0.856,0.87 0.026,-0.076 -0.409,-1.158 -1.144,-1.596 C 33.648,37.136 25,37.147 25,37.147 Z"
62
+ fill="#ffffff" id="path1876"/>
63
+ </g>
64
+ <g id="wb" transform="matrix(0.77573871,0,0,0.77573871,1.1065042,1.5417581)">
65
+ <path d="m 25,5.767 c -2.106,0 -3.812,0.879 -3.812,1.963 l 1.517,2.65 C 6.655,24.47 16.998,37.516 16.998,37.516 h 16.005 c 0,0 7.05,-8.672 0.763,-19.51 l -2.99,4.827 c -0.67,1.084 -1.962,1.49 -2.897,0.911 -0.935,-0.578 -1.147,-1.917 -0.477,-3 l 3.887,-6.277 a 35.382,35.382 0 0 0 -3.993,-4.086 l 1.517,-2.65 c 0,-1.085 -1.707,-1.964 -3.812,-1.964 z"
66
+ fill="#f0f0f0" stroke-linejoin="round" stroke-width="1.2" stroke="#1e1e1e" id="path1449"/>
67
+ <path d="m 25,5.767 c -0.816,0 -1.571,0.134 -2.191,0.358 4.338,0.848 4.976,1.12 2.56,4.351 l 3.246,3.567 c -3.657,8.24 -1.604,7.991 -1.604,7.991 0,0 0.696,-2.648 4.112,-7.768 A 35.696,35.696 0 0 0 27.296,10.38 L 28.812,7.73 C 28.812,6.646 27.106,5.767 25,5.767 Z m 8.765,12.238 -1.009,1.513 c 3.737,8.413 -4.134,17.997 -4.134,17.997 h 4.381 c 0.158,0.034 6.958,-8.844 0.762,-19.51 z"
68
+ opacity="0.15" id="path1451"/>
69
+ <path d="M 15.145,31.721 C 14.925,31.69 11.722,21.935 20.899,12.97 18.597,14.865 13.764,26.133 15.145,31.721 Z M 23.292,10.196 21.815,7.602 c 0,0 0.242,-0.722 1.78,-1.048 -1.726,1.35 -0.987,1.663 -0.303,3.642 z"
70
+ fill="#ffffff" id="path1453"/>
71
+ <path d="m 25,36.457 c 0,0 -9.13,0.048 -11.691,1.62 -1.727,1.06 -2.135,3.65 -1.9,6.323 h 27.182 c 0.235,-2.672 -0.172,-5.264 -1.9,-6.324 -2.56,-1.57 -11.69,-1.619 -11.69,-1.619 z"
72
+ fill="#f0f0f0" stroke-linejoin="round" stroke-width="1.2" stroke="#1e1e1e" id="path1455"/>
73
+ <path d="m 25,37.147 c 0,0 -8.712,-0.137 -11.624,1.666 -0.37,0.229 -0.7,0.84 -0.954,1.39 0.261,-0.331 0.502,-0.613 0.887,-0.85 C 15.869,37.784 25,37.736 25,37.736 c 0,0 9.132,0.048 11.692,1.619 0.391,0.24 0.592,0.532 0.856,0.87 0.026,-0.076 -0.409,-1.158 -1.144,-1.596 C 33.648,37.136 25,37.147 25,37.147 Z"
74
+ fill="#ffffff" id="path1457"/>
75
+ </g>
76
+ <g id="wn" transform="matrix(0.7833885,0,0,0.78330159,1.0320312,1.1996996)">
77
+ <path d="m 25.192,23.015 c -0.165,6.967 -11.758,5.219 -11.516,18.104 l 22.86,0.118 C 34.442,34.795 46.226,16.077 24.605,8.979 v 0 c 0,0 -2.438,-2.6 -5.965,-2.823 l 0.222,3.534 -4.558,4.582 c -2.63,3.145 -8.735,8.378 -7.751,9.611 3.115,5.304 6.33,4.432 6.33,4.432 4.242,-4.544 5.82,-2.09 12.31,-5.3 z"
78
+ fill="#f0f0f0" stroke="#1e1e1e" stroke-linejoin="round" stroke-width="1.2" id="path1668"/>
79
+ <path d="m 19.32,14.694 c -0.776,0.86 -0.69,1.116 -0.814,2.15 0.806,0.123 1.507,0.24 2.249,0.066 2.38,-1.262 0.075,-3.403 -1.435,-2.216 z"
80
+ opacity="0.35" id="path1670"/>
81
+ <path d="m 9.192,22.166 c -0.85,0.408 -0.999,0.96 -1.057,1.475 0.729,0.419 1.877,-0.125 2.041,-1.431 z"
82
+ opacity="0.3" id="path1672"/>
83
+ <path d="m 8.19,25.15 c 0,0 0.653,1.137 -1.101,-1.641 0.659,-1.977 8.263,-9.08 12.438,-13.534 L 19.343,6.889 c 0,0 1.069,1.69 1.248,3.468 C 16.2,14.747 8.37,21.19 7.767,23.57 c 0.023,0.674 0.24,1.028 0.423,1.58 z"
84
+ fill="#ffffff" id="path1674"/>
85
+ <path d="m 13.26,28.257 c 2.03,-3.337 8.391,-3.224 11.932,-5.242 0.323,0.102 0.13,1.37 0.24,1.23 0.847,-1.09 2.926,-3.28 0.868,-6.875 0.522,5.958 -13.718,5.591 -15.89,10.305 -0.2,0.436 2.182,0.793 2.85,0.582 z"
86
+ opacity="0.15" id="path1676"/>
87
+ <path d="M 25.8,23.781 C 24.787,29.594 16.255,29.898 14.812,36.422 17.645,30.016 25.574,30.708 25.8,23.781 Z"
88
+ fill="#ffffff" id="path1678"/>
89
+ <path d="m 18.64,6.156 c 0,0 3.051,0.738 4.904,3.982 20.5,7.154 7.642,27.937 5.789,31.073 l 7.203,0.026 C 34.55,37.994 46.084,15.64 24.606,8.98 22.83,7.91 21.837,6.37 18.64,6.155 Z"
90
+ opacity="0.15" id="path1680"/>
91
+ <path d="m 25,36.457 c 0,0 -9.13,0.048 -11.691,1.62 -1.727,1.06 -2.135,3.65 -1.9,6.323 h 27.182 c 0.235,-2.672 -0.172,-5.264 -1.9,-6.324 -2.56,-1.57 -11.69,-1.619 -11.69,-1.619 z"
92
+ fill="#f0f0f0" stroke="#1e1e1e" stroke-linejoin="round" stroke-width="1.2" id="path1682"/>
93
+ <path d="m 25,37.147 c 0,0 -8.712,-0.137 -11.624,1.666 -0.37,0.229 -0.7,0.84 -0.954,1.39 0.261,-0.331 0.503,-0.613 0.887,-0.849 C 15.87,37.783 25,37.734 25,37.734 c 0,0 9.132,0.049 11.692,1.62 0.391,0.24 0.592,0.532 0.856,0.87 0.026,-0.076 -0.409,-1.158 -1.144,-1.596 C 33.648,37.136 25,37.148 25,37.148 Z"
94
+ fill="#ffffff" id="path1684"/>
95
+ </g>
96
+ <g id="wr" transform="matrix(0.84246687,0,0,0.84246687,-1.0662673,-1.4610091)">
97
+ <path d="m 17.932,20.414 c 4.906,-0.74 9.579,-0.578 14.136,0 M 14.183,9.662 c -1.06,8.767 1.103,10.677 3.748,10.752 L 14.616,38.573 H 35.383 L 32.067,20.414 c 2.645,-0.074 4.808,-1.985 3.749,-10.752 l -3.608,-0.53 -1.073,3.644 -3.142,-0.1 -0.522,-3.754 h -4.945 l -0.52,3.754 -3.143,0.1 -1.073,-3.643 z"
98
+ fill="#f0f0f0" stroke-width="1.2" stroke="#1e1e1e" id="path1983"/>
99
+ <path d="m 17.932,20.414 c 6.828,0 13.118,0.408 14.948,16.572 l 2.319,0.386 -3.131,-16.428 C 32.036,20.636 25.98,19.121 17.932,20.414 Z"
100
+ opacity="0.15" id="path1985"/>
101
+ <path d="m 14.777,10.219 2.277,-0.286 c -1.914,0.312 -2.313,5.296 -2.313,5.296 -0.238,-0.177 -0.188,-4.903 0.036,-5.01 z M 25.276,9.55 c -1.648,0 -2.52,2.748 -2.52,2.748 l 0.338,-2.729 z m 7.395,0.266 0.934,0.118 c -0.785,0.5 -1.59,1.989 -1.59,1.989 z m -14.199,11.148 2.62,-0.293 c -2.62,0.293 -4.888,13.113 -4.888,13.113 z"
102
+ fill="#ffffff" id="path1987"/>
103
+ <path d="m 34.013,9.398 c 0.357,6.363 -1.95,10.603 -8.041,10.536 l 4.777,0.563 c 7.523,0.31 5.101,-10.806 5.068,-10.835 z"
104
+ opacity="0.15" id="path1989"/>
105
+ <path d="m 25,36.457 c 0,0 -9.13,0.048 -11.691,1.62 -1.727,1.06 -2.135,3.65 -1.9,6.323 h 27.182 c 0.235,-2.672 -0.172,-5.264 -1.9,-6.324 -2.56,-1.57 -11.69,-1.619 -11.69,-1.619 z"
106
+ fill="#f0f0f0" stroke-linejoin="round" stroke-width="1.2" stroke="#1e1e1e" id="path1991"/>
107
+ <path d="m 25,37.146 c 0,0 -8.712,-0.137 -11.624,1.666 -0.37,0.229 -0.7,0.84 -0.954,1.39 0.261,-0.331 0.503,-0.613 0.887,-0.849 C 15.87,37.782 25,37.733 25,37.733 c 0,0 9.132,0.049 11.692,1.62 0.391,0.24 0.592,0.532 0.856,0.87 0.025,-0.076 -0.409,-1.158 -1.144,-1.596 C 33.648,37.135 25,37.147 25,37.147 Z"
108
+ fill="#ffffff" id="path1993"/>
109
+ </g>
110
+ <g id="wp" transform="matrix(0.82029849,0,0,0.82029849,-0.5120331,-0.50721691)">
111
+ <path d="m 21.503,27.594 h 6.994 M 19,17.508 c 0,1.732 0.712,3.387 1.966,4.587 l -3.65,2.1 0.43,3.399 h 4.306 c -0.794,3.559 -2.755,7.33 -5.062,8.617 -2.307,1.287 -5.3,3.097 -4.843,8.189 h 25.706 c 0.457,-5.092 -2.535,-6.902 -4.842,-8.189 -2.307,-1.286 -4.268,-5.058 -5.062,-8.617 h 4.306 l 0.43,-3.4 -3.65,-2.099 a 6.352,6.352 0 0 0 1.966,-4.587 c 0,-3.367 -2.628,-5.912 -6,-5.912 -3.373,0 -6.002,2.545 -6.001,5.912 z"
112
+ fill="#f0f0f0" stroke-linejoin="round" stroke-width="1.2" stroke="#1e1e1e" id="path1775"/>
113
+ <path d="m 24.962,11.537 c 1.17,-0.459 9.527,5.906 0.647,10.773 l 4.512,2.1 -0.562,3.125 h 2.659 l 0.428,-3.399 -3.65,-2.1 c 1.253,-1.2 1.962,-2.58 1.964,-4.312 -0.468,-5.416 -5.998,-6.186 -5.998,-6.186 z m -2.949,15.998 c 4.503,7.934 9.47,9.994 13.074,9.965 L 32.972,36.153 C 30.897,34.663 28.24,31.295 27.91,27.535 Z"
114
+ opacity="0.15" id="path1777"/>
115
+ <path d="m 21.983,22.213 -1.647,2.347 -2.356,-0.014 4.013,-2.324 z m 2.324,-9.946 c -2.542,0.138 -5.73,3.173 -4.385,6.918 l 0.199,0.643 c -0.33,-3.489 2.127,-7.116 4.186,-7.561 z m -6.444,25.358 c -3.984,2.305 -5.117,6.14 -5.117,6.14 -0.01,0 -0.548,-4.175 3.956,-6.654 4.504,-2.479 4.822,-6.15 5.86,-8.893 -0.636,3.704 -0.715,7.102 -4.699,9.407 z"
116
+ fill="#ffffff" id="path1779"/>
117
+ </g>
118
+ <g id="bk" transform="matrix(0.78030303,0,0,0.78030303,0.4879357,1.3663636)">
119
+ <path d="m 27.67,15.225 v -3.544 h 4.44 V 7.252 H 27.175 V 3.36 H 22.81 v 3.893 h -4.934 v 4.43 h 4.44 v 3.543"
120
+ fill="#5f5955" stroke-linecap="round" stroke-width="1.2" stroke="#010101" id="path848"/>
121
+ <rect x="20.299" y="14.215" width="9.3979998" height="2.7869999" ry="1.3940001" fill="#5f5955"
122
+ stroke-linejoin="round" stroke-width="1.2" stroke="#010101" id="rect850"/>
123
+ <path d="m 26.416,14.215 c 0.725,0 1.308,0.621 1.308,1.393 0,0.773 -0.583,1.394 -1.308,1.394 h 1.974 c 0.724,0 1.308,-0.621 1.308,-1.393 0,-0.773 -0.584,-1.394 -1.308,-1.394 z"
124
+ opacity="0.18" id="path852"/>
125
+ <path d="m 21.631,14.842 c -0.402,0 -0.725,0.345 -0.725,0.773 0,0.427 0.323,0.772 0.725,0.772 h 0.874 c -0.402,0 -0.725,-0.345 -0.725,-0.772 0,-0.428 0.323,-0.773 0.725,-0.773 z"
126
+ fill="#ffffff" opacity="0.25" id="path854"/>
127
+ <path d="m 33.635,36.986 c 0,0 7.776,-13.318 6.613,-15.916 -1.164,-2.596 -8.48,-4.497 -15.248,-4.497 -6.768,0 -14.084,1.9 -15.248,4.497 -1.164,2.597 6.612,15.916 6.612,15.916 z"
128
+ fill="#5f5955" stroke-linecap="round" stroke-width="1.2" stroke="#010101" id="path856"/>
129
+ <path d="m 24.996,16.576 c 15.938,2.622 12.573,9.354 6.64,22.543 l 2.028,-1.729 c 0,0 7.747,-13.723 6.584,-16.32 -1.545,-2.833 -7.503,-4.159 -15.252,-4.494 z"
130
+ opacity="0.18" id="path858"/>
131
+ <path d="m 23.765,17.295 c -3.904,-0.184 -14.621,1.801 -13.503,5.017 0.817,3.727 2.754,7.244 4.508,10.504 C 9.083,22.481 8.828,19.042 23.765,17.295 Z M 23.391,3.997 23.375,7.309 h 0.546 l 0.016,-3.312 z m -4.931,3.87 -0.008,3.208 h 0.774 l 0.007,-3.208 z m 4.413,3.213 0.025,2.486 h 0.52 L 23.393,11.08 Z"
132
+ fill="#ffffff" opacity="0.25" id="path860"/>
133
+ <path d="m 26.189,3.358 v 3.894 h 0.987 V 3.358 Z m 4.441,3.894 v 4.945 h 1.48 V 7.252 Z m -4.44,4.429 v 2.492 h 1.48 v -2.492 z"
134
+ opacity="0.18" id="path862"/>
135
+ <path d="m 25,36.457 c 0,0 -9.13,0.048 -11.691,1.62 -1.727,1.06 -2.135,3.65 -1.9,6.323 h 27.182 c 0.235,-2.672 -0.172,-5.264 -1.9,-6.324 -2.56,-1.57 -11.69,-1.619 -11.69,-1.619 z"
136
+ fill="#5f5955" stroke-linejoin="round" stroke-width="1.2" stroke="#010101" id="path864"/>
137
+ <path d="m 25,37.147 c 0,0 -8.712,-0.137 -11.624,1.666 -0.37,0.229 -0.7,0.84 -0.954,1.39 0.261,-0.331 0.503,-0.613 0.887,-0.849 2.56,-1.571 11.691,-1.62 11.691,-1.62 0,0 9.132,0.049 11.692,1.62 0.391,0.24 0.592,0.532 0.856,0.87 0.025,-0.076 -0.409,-1.158 -1.144,-1.596 C 33.648,37.136 25,37.148 25,37.148 Z"
138
+ fill="#ffffff" opacity="0.25" id="path866"/>
139
+ </g>
140
+ <g id="bq" transform="matrix(0.81370661,0,0,0.81370661,-0.34679558,-0.13679747)">
141
+ <path d="m 24.959,5.094 a 2.958,3.316 90 0 0 -3.316,2.958 2.958,3.316 90 0 0 3.316,2.959 2.958,3.316 90 0 0 3.316,-2.959 2.958,3.316 90 0 0 -3.316,-2.958 z"
142
+ fill="#5f5955" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2" stroke="#010101"
143
+ id="path1232"/>
144
+ <path d="M 24.836,5.732 C 24.46,5.522 21.112,6.538 22.651,9.308 22.416,7.763 23.089,6.105 24.836,5.732 Z"
145
+ fill="#ffffff" opacity="0.25" id="path1234"/>
146
+ <path d="m 24.959,11.011 c -6.507,0 -9.595,5.884 -9.595,10.358 h 19.263 c 0,-4.474 -3.16,-10.358 -9.668,-10.358 z"
147
+ fill="#5f5955" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2" stroke="#010101"
148
+ id="path1236"/>
149
+ <path d="m 18.161,14.977 c 1.042,-1.478 2.92,-3.22 6.84,-3.38 -0.31,0.277 -4.788,1.138 -6.84,3.38 z"
150
+ fill="#ffffff" opacity="0.25" id="path1238"/>
151
+ <path d="m 24.836,5.007 c 0,0 0.046,0.238 0,0 2.48,1.129 2.05,3.847 0.817,5.547 7.354,3.803 2.213,8.669 2.212,8.668 h 2.701 c 1.762,1.287 7.209,-2.741 -3.835,-8.67 3.528,-3.115 0.097,-5.606 -1.895,-5.546 z"
152
+ opacity="0.18" id="path1240"/>
153
+ <path d="m 25,15.225 c -1.971,0 -2.348,2.65 -4.137,2.86 -1.82,0.213 -3.381,-2.312 -5.25,-1.737 -1.495,0.46 -0.778,2.6 -1.805,3.175 -1.402,0.785 -3.185,-1.832 -5.29,-0.298 6.838,8.829 8.085,12.377 7.983,18.819 h 16.998 c -0.103,-6.443 1.144,-9.99 7.983,-18.82 -2.106,-1.533 -3.889,1.084 -5.29,0.3 -1.027,-0.576 -0.311,-2.716 -1.806,-3.176 -1.868,-0.575 -3.429,1.95 -5.25,1.736 -1.789,-0.21 -2.166,-2.86 -4.137,-2.86 z"
154
+ fill="#5f5955" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2" stroke="#010101"
155
+ id="path1242"/>
156
+ <path d="m 9.895,19.34 c -0.136,-0.01 -0.331,0.056 -0.458,0.085 3.081,4.1 6.575,9.537 7.099,12.417 -1.407,-4.933 -3.267,-9.562 -6.14,-12.472 z"
157
+ fill="#ffffff" opacity="0.25" id="path1244"/>
158
+ <path d="M 39.974,18.735 C 30.489,28.738 30.05,36.72 23.033,38.045 h 10.476 c -0.103,-6.443 1.145,-9.99 7.983,-18.819 0,0 -0.688,-0.756 -1.518,-0.491 z"
159
+ opacity="0.18" id="path1246"/>
160
+ <path d="m 14.912,18.945 c 0.203,-0.088 1.184,-1.808 1.98,-1.95 -1.42,-0.346 -1.618,-0.046 -1.98,1.95 z m 7.599,-1.069 c 0.953,-0.847 1.633,-2.655 3.238,-1.845 -0.798,-0.23 -2.215,1.04 -3.238,1.845 z m 8.609,0.257 c 0.21,0.07 2.176,-1.642 2.862,-1.218 0,0 -1.43,1.12 -2.862,1.218 z"
161
+ fill="#ffffff" opacity="0.25" id="path1248"/>
162
+ <path d="m 25,36.457 c 0,0 -9.13,0.048 -11.691,1.62 -1.727,1.06 -2.135,3.65 -1.9,6.323 h 27.182 c 0.235,-2.672 -0.172,-5.264 -1.9,-6.324 -2.56,-1.571 -11.69,-1.62 -11.69,-1.62 z"
163
+ fill="#5f5955" stroke-linejoin="round" stroke-width="1.2" stroke="#010101" id="path1250"/>
164
+ <path d="m 25,37.147 c 0,0 -8.712,-0.137 -11.624,1.666 -0.37,0.229 -0.7,0.84 -0.954,1.39 0.261,-0.331 0.502,-0.613 0.887,-0.849 2.56,-1.571 11.691,-1.62 11.691,-1.62 0,0 9.132,0.049 11.692,1.62 0.391,0.24 0.593,0.532 0.856,0.87 0.026,-0.076 -0.409,-1.158 -1.144,-1.596 C 33.648,37.136 25,37.147 25,37.147 Z"
165
+ fill="#ffffff" opacity="0.25" id="path1252"/>
166
+ </g>
167
+ <g id="bb" transform="matrix(0.20524753,0,0,0.20524753,-31.754618,-4.5982875)">
168
+ <path d="m 252.1347,51.711857 c -7.95969,0 -14.40756,3.322204 -14.40756,7.419212 l 5.73354,10.015748 C 182.79927,122.40036 221.89092,171.70808 221.89092,171.70808 h 60.49134 c 0,0 26.64567,-32.77606 2.88378,-73.738585 l -11.30079,18.243775 c -2.53228,4.09701 -7.41543,5.6315 -10.94929,3.44315 -3.53386,-2.18456 -4.33512,-7.24535 -1.80283,-11.33858 L 275.90415,84.593747 A 133.72725,133.72725 0 0 0 260.8125,69.150597 l 5.73354,-10.015748 c 0,-4.100788 -6.45165,-7.422992 -14.40756,-7.422992 z"
169
+ fill="#5f5955" stroke-linejoin="round" stroke-width="4.53543" stroke="#010101" id="path666"/>
170
+ <path d="m 252.1347,51.711857 c -3.08409,0 -5.93764,0.506456 -8.28094,1.353071 16.39559,3.205039 18.80692,4.23307 9.67559,16.444724 l 12.26834,13.481575 c -13.82173,31.143303 -6.06236,30.202203 -6.06236,30.202203 0,0 2.63055,-10.00819 15.54142,-29.359368 A 134.91402,134.91402 0 0 0 260.8125,69.146817 l 5.72976,-10.015748 c 0,-4.097008 -6.44787,-7.419212 -14.40756,-7.419212 z m 33.12756,46.253858 -3.81354,5.718425 c 14.12409,31.79717 -15.62457,68.02016 -15.62457,68.02016 h 16.55811 c 0.59716,0.1285 26.29795,-33.42614 2.88,-73.738585 z"
171
+ opacity="0.18" id="path668" style="stroke-width:3.77953"/>
172
+ <path d="m 214.88746,149.80572 c -0.8315,-0.11717 -12.93733,-36.98646 21.7474,-70.869926 -8.70048,7.162205 -26.96693,49.749926 -21.7474,70.869926 z M 245.67927,68.451384 240.0969,58.64729 c 0,0 0.91465,-2.728819 6.72756,-3.960945 -6.52346,5.102362 -3.73039,6.285354 -1.14519,13.765039 z"
173
+ fill="#ffffff" opacity="0.25" id="path670" style="stroke-width:3.77953"/>
174
+ <path d="m 252.1347,167.70556 c 0,0 -34.50709,0.18142 -44.18646,6.12283 -6.52724,4.0063 -8.06929,13.79528 -7.1811,23.89796 h 102.73512 c 0.88819,-10.0989 -0.65008,-19.89544 -7.1811,-23.90174 -9.67559,-5.93385 -44.18268,-6.11905 -44.18268,-6.11905 z"
175
+ fill="#5f5955" stroke-linejoin="round" stroke-width="4.53543" stroke="#010101" id="path672"/>
176
+ <path d="m 252.1347,170.31343 c 0,0 -32.92724,-0.51779 -43.93323,6.2967 -1.39842,0.86551 -2.64567,3.1748 -3.60567,5.25354 0.98646,-1.25102 1.89732,-2.31685 3.35244,-3.2126 9.67559,-5.93008 44.18646,-6.1115 44.18646,-6.1115 0,0 34.51465,0.18142 44.19024,6.11906 1.47779,0.90709 2.23748,2.01071 3.23527,3.28819 0.0983,-0.28725 -1.54582,-4.37669 -4.32378,-6.03213 -10.41638,-5.64283 -43.10173,-5.60126 -43.10173,-5.60126 z"
177
+ fill="#ffffff" opacity="0.25" id="path674" style="stroke-width:3.77953"/>
178
+ </g>
179
+ <g id="bn" transform="matrix(0.78338919,0,0,0.78338919,0.92902684,1.1976777)">
180
+ <path d="m 25.192,23.015 c -0.165,6.967 -11.758,5.219 -11.516,18.104 l 22.86,0.118 C 34.442,34.795 46.226,16.077 24.605,8.979 v 0 c 0,0 -2.438,-2.6 -5.965,-2.823 l 0.222,3.534 -4.558,4.582 c -2.63,3.145 -8.735,8.378 -7.751,9.611 3.115,5.304 6.33,4.432 6.33,4.432 4.242,-4.544 5.82,-2.09 12.31,-5.3 z"
181
+ fill="#5f5955" stroke="#010101" stroke-linejoin="round" stroke-width="1.2" id="path974"/>
182
+ <path d="m 19.32,14.694 c -0.776,0.86 -0.69,1.116 -0.814,2.15 0.806,0.123 1.507,0.24 2.249,0.066 2.38,-1.262 0.075,-3.403 -1.435,-2.216 z"
183
+ opacity="0.4" id="path976"/>
184
+ <path d="m 9.192,22.166 c -0.85,0.408 -0.999,0.96 -1.057,1.475 0.729,0.419 1.877,-0.125 2.041,-1.431 z"
185
+ opacity="0.35" id="path978"/>
186
+ <path d="m 8.19,25.15 c 0,0 0.653,1.137 -1.101,-1.641 0.659,-1.977 8.263,-9.08 12.438,-13.534 L 19.343,6.889 c 0,0 1.069,1.69 1.248,3.468 C 16.2,14.747 8.37,21.19 7.767,23.57 c 0.023,0.674 0.24,1.028 0.423,1.58 z"
187
+ fill="#ffffff" opacity="0.25" id="path980"/>
188
+ <path d="m 13.26,28.257 c 2.03,-3.337 8.391,-3.224 11.932,-5.242 0.323,0.102 0.13,1.37 0.24,1.23 0.847,-1.09 2.926,-3.28 0.868,-6.875 0.522,5.958 -13.718,5.591 -15.89,10.305 -0.2,0.436 2.182,0.793 2.85,0.582 z"
189
+ opacity="0.18" id="path982"/>
190
+ <path d="M 25.8,23.781 C 24.787,29.594 16.255,29.898 14.812,36.422 17.645,30.016 25.574,30.708 25.8,23.781 Z"
191
+ fill="#ffffff" opacity="0.25" id="path984"/>
192
+ <path d="m 18.64,6.156 c 0,0 3.051,0.738 4.904,3.982 20.5,7.154 7.642,27.937 5.789,31.073 l 7.203,0.026 C 34.55,37.994 46.084,15.64 24.606,8.98 22.83,7.91 21.837,6.37 18.64,6.155 Z"
193
+ opacity="0.18" id="path986"/>
194
+ <path d="m 25,36.457 c 0,0 -9.13,0.048 -11.691,1.62 -1.727,1.06 -2.135,3.65 -1.9,6.323 h 27.182 c 0.235,-2.672 -0.172,-5.264 -1.9,-6.324 -2.56,-1.57 -11.69,-1.619 -11.69,-1.619 z"
195
+ fill="#5f5955" stroke="#010101" stroke-linejoin="round" stroke-width="1.2" id="path988"/>
196
+ <path d="m 25,37.147 c 0,0 -8.712,-0.137 -11.624,1.666 -0.37,0.229 -0.7,0.84 -0.954,1.39 0.261,-0.331 0.503,-0.613 0.887,-0.849 C 15.87,37.783 25,37.734 25,37.734 c 0,0 9.132,0.049 11.692,1.62 0.391,0.24 0.592,0.532 0.856,0.87 0.026,-0.076 -0.409,-1.158 -1.144,-1.596 C 33.648,37.136 25,37.148 25,37.148 Z"
197
+ fill="#ffffff" opacity="0.25" id="path990"/>
198
+ </g>
199
+ <g id="br" transform="matrix(0.84246687,0,0,0.84246687,-1.1177673,-1.4608179)">
200
+ <path d="m 17.932,20.414 c 4.906,-0.74 9.579,-0.578 14.136,0 M 14.183,9.662 c -1.06,8.767 1.103,10.677 3.748,10.752 L 14.616,38.573 H 35.383 L 32.067,20.414 c 2.645,-0.074 4.808,-1.985 3.749,-10.752 l -3.608,-0.53 -1.073,3.644 -3.142,-0.1 -0.522,-3.754 h -4.945 l -0.52,3.754 -3.143,0.1 -1.073,-3.643 z"
201
+ fill="#5f5955" stroke-width="1.2" stroke="#010101" id="path1359"/>
202
+ <path d="m 17.932,20.414 c 6.828,0 13.118,0.408 14.948,16.572 l 2.319,0.386 -3.131,-16.428 C 32.036,20.636 25.98,19.121 17.932,20.414 Z"
203
+ opacity="0.18" id="path1361"/>
204
+ <path d="m 14.777,10.219 2.277,-0.286 c -1.914,0.312 -2.313,5.296 -2.313,5.296 -0.238,-0.177 -0.188,-4.903 0.036,-5.01 z M 25.276,9.55 c -1.648,0 -2.52,2.748 -2.52,2.748 l 0.338,-2.729 z m 7.395,0.266 0.934,0.118 c -0.785,0.5 -1.59,1.989 -1.59,1.989 z m -14.199,11.148 2.62,-0.293 c -2.62,0.293 -4.895,13.053 -4.906,13.113 z"
205
+ fill="#ffffff" opacity="0.25" id="path1363"/>
206
+ <path d="m 34.013,9.398 c 0.357,6.363 -1.95,10.603 -8.041,10.536 l 4.777,0.563 c 7.523,0.31 5.101,-10.806 5.068,-10.835 z"
207
+ opacity="0.18" id="path1365"/>
208
+ <path d="m 25,36.457 c 0,0 -9.13,0.048 -11.691,1.62 -1.727,1.06 -2.135,3.65 -1.9,6.323 h 27.182 c 0.235,-2.672 -0.172,-5.264 -1.9,-6.324 -2.56,-1.57 -11.69,-1.619 -11.69,-1.619 z"
209
+ fill="#5f5955" stroke-linejoin="round" stroke-width="1.2" stroke="#010101" id="path1367"/>
210
+ <path d="m 25,37.146 c 0,0 -8.712,-0.137 -11.624,1.666 -0.37,0.229 -0.7,0.84 -0.954,1.39 0.261,-0.331 0.503,-0.613 0.887,-0.849 C 15.87,37.782 25,37.733 25,37.733 c 0,0 9.132,0.049 11.692,1.62 0.391,0.24 0.592,0.532 0.856,0.87 0.025,-0.076 -0.409,-1.158 -1.144,-1.596 C 33.648,37.135 25,37.147 25,37.147 Z"
211
+ fill="#ffffff" opacity="0.25" id="path1369"/>
212
+ </g>
213
+ <g id="bp" transform="matrix(0.82029849,0,0,0.82029849,-0.5635331,-0.50702576)">
214
+ <path d="m 21.503,27.594 h 6.994 M 19,17.508 c 0,1.732 0.712,3.387 1.966,4.587 l -3.65,2.1 0.43,3.399 h 4.306 c -0.794,3.559 -2.755,7.33 -5.062,8.617 -2.307,1.287 -5.3,3.097 -4.843,8.189 h 25.706 c 0.457,-5.092 -2.535,-6.902 -4.842,-8.189 -2.307,-1.286 -4.268,-5.058 -5.062,-8.617 h 4.306 l 0.43,-3.4 -3.65,-2.099 a 6.352,6.352 0 0 0 1.966,-4.587 c 0,-3.367 -2.628,-5.912 -6,-5.912 -3.373,0 -6.002,2.545 -6.001,5.912 z"
215
+ fill="#5f5955" stroke-linejoin="round" stroke-width="1.2" stroke="#010101" id="path1131"/>
216
+ <path d="m 24.962,11.537 c 1.17,-0.459 9.527,5.906 0.647,10.773 l 4.512,2.1 -0.562,3.125 h 2.659 l 0.428,-3.399 -3.65,-2.1 c 1.253,-1.2 1.962,-2.58 1.964,-4.312 -0.468,-5.416 -5.998,-6.186 -5.998,-6.186 z m -2.949,15.998 c 4.503,7.934 9.47,9.994 13.074,9.965 L 32.972,36.153 C 30.897,34.663 28.24,31.295 27.91,27.535 Z"
217
+ opacity="0.18" id="path1133"/>
218
+ <path d="m 21.983,22.213 -1.647,2.347 -2.356,-0.014 4.013,-2.324 z m 2.324,-9.946 c -2.542,0.138 -5.73,3.173 -4.385,6.918 l 0.199,0.643 c -0.33,-3.489 2.127,-7.116 4.186,-7.561 z m -6.444,25.358 c -3.984,2.305 -5.117,6.14 -5.117,6.14 -0.01,0 -0.548,-4.175 3.956,-6.654 4.504,-2.479 4.822,-6.15 5.86,-8.893 -0.636,3.704 -0.715,7.102 -4.699,9.407 z"
219
+ fill="#ffffff" opacity="0.25" id="path1135"/>
220
+ </g>
221
+ <g id="markerFrame" transform="matrix(1.03,0,0,1.03,1.46,1.46)" fill="#000000" fill-opacity="0">
222
+ <path d="M 0,10.588235 V 2.1176471 C 0,1.4117647 0.17647059,0.88235294 0.52941176,0.52941176 0.88235294,0.17647059 1.4117647,0 2.1176471,0 h 8.4705879"
223
+ id="Path"/>
224
+ <path d="m 25.411765,36 v -8.470588 c 0,-0.705883 0.17647,-1.235294 0.529411,-1.588236 0.352942,-0.352941 0.882353,-0.529411 1.588236,-0.529411 H 36"
225
+ id="path1923" transform="rotate(180,30.705882,30.705882)"/>
226
+ <path d="M 0,36 V 27.529412 C 0,26.823529 0.17647059,26.294118 0.52941176,25.941176 0.88235294,25.588235 1.4117647,25.411765 2.1176471,25.411765 h 8.4705879"
227
+ id="path1925" transform="rotate(-90,5.294118,30.705882)"/>
228
+ <path d="M 25.411765,10.588235 V 2.1176471 c 0,-0.7058824 0.17647,-1.23529416 0.529411,-1.58823534 C 26.294118,0.17647059 26.823529,0 27.529412,0 H 36"
229
+ id="path1927" transform="rotate(90,30.705882,5.294118)"/>
230
+ </g>
231
+ <g id="markerCircle" fill="#000000" fill-opacity="0">
232
+ <circle cx="20" cy="20" r="18"/>
233
+ </g>
234
+ <g id="markerDot">
235
+ <circle cx="20" cy="20" r="8"/>
236
+ </g>
237
+ <g id="markerSquare">
238
+ <rect x="0" y="0" width="40" height="40"/>
239
+ </g>
240
+ </svg>
@@ -0,0 +1,19 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <!--
3
+ License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
4
+ https://creativecommons.org/licenses/by-sa/3.0/
5
+
6
+ Author: Barak Michener
7
+ -->
8
+
9
+ <svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg">
10
+ <title>cm-chessboard arrowheads</title>
11
+ <desc>Arrowheads for cm-chessboard (https://shaack.com/projekte/cm-chessboard/)</desc>
12
+ <g id="arrowDefault" transform="matrix(5.1931792,0,0,5.1931792,3.5980168,-0.83225447)">
13
+ <path d="M 0.535156,0.398438 C 0.398438,0.507812 0.316406,0.671875 0.3125,0.847656 0.316406,1.02344 0.398438,1.1875 0.535156,1.29688 L 3.01172,3.35938 3.72266,4.01563 3.01172,4.64453 0.535156,6.67969 C 0.394531,6.79297 0.3125,6.96094 0.3125,7.13672 c 0,0.17578 0.082031,0.34375 0.222656,0.45703 0.328125,0.25781 0.792974,0.25781 1.117184,0 L 5.45703,4.46094 C 5.59766,4.34766 5.68359,4.17969 5.69141,4 5.69141,3.82031 5.60547,3.65234 5.45703,3.54297 L 1.64453,0.394531 C 1.31641,0.148438 0.859375,0.148438 0.535156,0.398438 Z m 0,0"
14
+ class="head-fill"/>
15
+ </g>
16
+ <g id="arrowPointy">
17
+ <path d="M 20,20 5,5 35,20 5,35 Z" class="head-fill"/>
18
+ </g>
19
+ </svg>
@@ -0,0 +1,26 @@
1
+ .cm-chessboard .markers {
2
+ pointer-events: none; }
3
+ .cm-chessboard .markers .marker.marker-frame {
4
+ stroke: black;
5
+ stroke-width: 1.8px;
6
+ opacity: 0.5; }
7
+ .cm-chessboard .markers .marker.marker-frame-red {
8
+ stroke: #aa0000;
9
+ stroke-width: 1.8px;
10
+ opacity: 0.4; }
11
+ .cm-chessboard .markers .marker.marker-square {
12
+ fill: black;
13
+ opacity: 0.11; }
14
+ .cm-chessboard .markers .marker.marker-dot {
15
+ fill: black;
16
+ opacity: 0.3; }
17
+ .cm-chessboard .markers .marker.marker-circle {
18
+ stroke: #000055;
19
+ stroke-width: 3px;
20
+ opacity: 0.4; }
21
+ .cm-chessboard .markers .marker.marker-circle-red {
22
+ stroke: #aa0000;
23
+ stroke-width: 3px;
24
+ opacity: 0.4; }
25
+
26
+ /*# sourceMappingURL=markers.css.map */
@@ -0,0 +1,9 @@
1
+ {
2
+ "version": 3,
3
+ "file": "markers.css",
4
+ "sources": [
5
+ "markers.scss"
6
+ ],
7
+ "names": [],
8
+ "mappings": "AAAA,AACE,cADY,CACZ,QAAQ,CAAC;EACP,cAAc,EAAE,IAAI,GAoCrB;EAtCH,AAIM,cAJQ,CACZ,QAAQ,CAEN,OAAO,AACJ,aAAa,CAAC;IACb,MAAM,EAAE,KAAK;IACb,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,GAAG,GACb;EARP,AAUM,cAVQ,CACZ,QAAQ,CAEN,OAAO,AAOJ,iBAAiB,CAAC;IACjB,MAAM,EAAE,OAAO;IACf,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,GAAG,GACb;EAdP,AAgBM,cAhBQ,CACZ,QAAQ,CAEN,OAAO,AAaJ,cAAc,CAAC;IACd,IAAI,EAAE,KAAK;IACX,OAAO,EAAE,IAAI,GACd;EAnBP,AAqBM,cArBQ,CACZ,QAAQ,CAEN,OAAO,AAkBJ,WAAW,CAAC;IACX,IAAI,EAAE,KAAK;IACX,OAAO,EAAE,GAAG,GACb;EAxBP,AA0BM,cA1BQ,CACZ,QAAQ,CAEN,OAAO,AAuBJ,cAAc,CAAC;IACd,MAAM,EAAE,OAAO;IACf,YAAY,EAAE,GAAG;IACjB,OAAO,EAAE,GAAG,GACb;EA9BP,AAgCM,cAhCQ,CACZ,QAAQ,CAEN,OAAO,AA6BJ,kBAAkB,CAAC;IAClB,MAAM,EAAE,OAAO;IACf,YAAY,EAAE,GAAG;IACjB,OAAO,EAAE,GAAG,GACb"
9
+ }
@@ -0,0 +1,40 @@
1
+ .cm-chessboard {
2
+ .markers {
3
+ pointer-events: none;
4
+ .marker {
5
+ &.marker-frame {
6
+ stroke: black;
7
+ stroke-width: 1.8px;
8
+ opacity: 0.5;
9
+ }
10
+
11
+ &.marker-frame-red {
12
+ stroke: #aa0000;
13
+ stroke-width: 1.8px;
14
+ opacity: 0.4;
15
+ }
16
+
17
+ &.marker-square {
18
+ fill: black;
19
+ opacity: 0.11;
20
+ }
21
+
22
+ &.marker-dot {
23
+ fill: black;
24
+ opacity: 0.3;
25
+ }
26
+
27
+ &.marker-circle {
28
+ stroke: #000055;
29
+ stroke-width: 3px;
30
+ opacity: 0.4;
31
+ }
32
+
33
+ &.marker-circle-red {
34
+ stroke: #aa0000;
35
+ stroke-width: 3px;
36
+ opacity: 0.4;
37
+ }
38
+ }
39
+ }
40
+ }
@@ -0,0 +1,27 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <!--
3
+ License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
4
+ https://creativecommons.org/licenses/by-sa/3.0/
5
+
6
+ Author: shaack (https://shaack.com)
7
+ -->
8
+
9
+ <svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg">
10
+ <title>cm-chessboard markers</title>
11
+ <desc>Markers for cm-chessboard (https://shaack.com/projekte/cm-chessboard/)</desc>
12
+ <g id="markerFrame" transform="translate(2.000000, 2.000000)" fill="#000000" fill-opacity="0">
13
+ <path d="M2.66453526e-15,10.5882353 L2.66453526e-15,2.11764706 C2.66453526e-15,1.41176471 0.176470588,0.882352941 0.529411765,0.529411765 C0.882352941,0.176470588 1.41176471,-2.84217094e-14 2.11764706,-2.84217094e-14 L10.5882353,-2.84217094e-14" id="Path"/>
14
+ <path d="M25.4117647,36 L25.4117647,27.5294118 C25.4117647,26.8235294 25.5882353,26.2941176 25.9411765,25.9411765 C26.2941176,25.5882353 26.8235294,25.4117647 27.5294118,25.4117647 L36,25.4117647" id="Path" transform="translate(30.705882, 30.705882) rotate(-180.000000) translate(-30.705882, -30.705882) "/>
15
+ <path d="M0,36 L0,27.5294118 C0,26.8235294 0.176470588,26.2941176 0.529411765,25.9411765 C0.882352941,25.5882353 1.41176471,25.4117647 2.11764706,25.4117647 L10.5882353,25.4117647" id="Path" transform="translate(5.294118, 30.705882) rotate(-90.000000) translate(-5.294118, -30.705882) "/>
16
+ <path d="M25.4117647,10.5882353 L25.4117647,2.11764706 C25.4117647,1.41176471 25.5882353,0.882352941 25.9411765,0.529411765 C26.2941176,0.176470588 26.8235294,0 27.5294118,0 L36,0" id="Path" transform="translate(30.705882, 5.294118) rotate(-270.000000) translate(-30.705882, -5.294118) "/>
17
+ </g>
18
+ <g id="markerCircle" fill="#000000" fill-opacity="0">
19
+ <circle cx="20" cy="20" r="18"/>
20
+ </g>
21
+ <g id="markerDot">
22
+ <circle cx="20" cy="20" r="8"/>
23
+ </g>
24
+ <g id="markerSquare">
25
+ <rect x="0" y="0" width="40" height="40"/>
26
+ </g>
27
+ </svg>
@@ -12,7 +12,7 @@ svg.cm-chessboard .promotion-dialog-group .promotion-dialog-button {
12
12
  svg.cm-chessboard .promotion-dialog-group .promotion-dialog-button:hover {
13
13
  fill: rgba(0, 0, 0, 0.2); }
14
14
 
15
- svg.cm-chessboard .promotion-dialog-group .piece-group {
15
+ svg.cm-chessboard .promotion-dialog-group .piece {
16
16
  pointer-events: none; }
17
17
 
18
18
  @keyframes fade-in {
@@ -5,5 +5,5 @@
5
5
  "promotion-dialog.scss"
6
6
  ],
7
7
  "names": [],
8
- "mappings": "AAAA,AAGI,GAHD,AAAA,cAAc,CACf,uBAAuB,CAErB,IAAI,EAHR,GAAG,AAAA,cAAc,CACf,uBAAuB,CAEf,CAAC,CAAA,AAAA,UAAC,AAAA,EAAY;EAClB,SAAS,EAAE,qBAAqB,GACjC;;AALL,AAOI,GAPD,AAAA,cAAc,CACf,uBAAuB,CAMrB,iBAAiB,CAAC;EAChB,IAAI,EAAE,KAAK;EACX,YAAY,EAAE,GAAG;EACjB,MAAM,EAAE,kBAAkB,GAC3B;;AAXL,AAaI,GAbD,AAAA,cAAc,CACf,uBAAuB,CAYrB,wBAAwB,CAAC;EACvB,IAAI,EAAE,WAAW;EACjB,MAAM,EAAE,OAAO,GAKhB;EApBL,AAiBM,GAjBH,AAAA,cAAc,CACf,uBAAuB,CAYrB,wBAAwB,CAIpB,KAAK,CAAC;IACN,IAAI,EAAE,kBAAkB,GACzB;;AAnBP,AAsBI,GAtBD,AAAA,cAAc,CACf,uBAAuB,CAqBrB,YAAY,CAAC;EACX,cAAc,EAAE,IAAI,GACrB;;AAIL,UAAU,CAAV,OAAU;EACR,EAAE;IACA,OAAO,EAAE,CAAC;EAEZ,IAAI;IACF,OAAO,EAAE,CAAC"
8
+ "mappings": "AAAA,AAGI,GAHD,AAAA,cAAc,CACf,uBAAuB,CAErB,IAAI,EAHR,GAAG,AAAA,cAAc,CACf,uBAAuB,CAEf,CAAC,CAAA,AAAA,UAAC,AAAA,EAAY;EAClB,SAAS,EAAE,qBAAqB,GACjC;;AALL,AAOI,GAPD,AAAA,cAAc,CACf,uBAAuB,CAMrB,iBAAiB,CAAC;EAChB,IAAI,EAAE,KAAK;EACX,YAAY,EAAE,GAAG;EACjB,MAAM,EAAE,kBAAkB,GAC3B;;AAXL,AAaI,GAbD,AAAA,cAAc,CACf,uBAAuB,CAYrB,wBAAwB,CAAC;EACvB,IAAI,EAAE,WAAW;EACjB,MAAM,EAAE,OAAO,GAKhB;EApBL,AAiBM,GAjBH,AAAA,cAAc,CACf,uBAAuB,CAYrB,wBAAwB,CAIpB,KAAK,CAAC;IACN,IAAI,EAAE,kBAAkB,GACzB;;AAnBP,AAsBI,GAtBD,AAAA,cAAc,CACf,uBAAuB,CAqBrB,MAAM,CAAC;EACL,cAAc,EAAE,IAAI,GACrB;;AAIL,UAAU,CAAV,OAAU;EACR,EAAE;IACA,OAAO,EAAE,CAAC;EAEZ,IAAI;IACF,OAAO,EAAE,CAAC"
9
9
  }
@@ -20,7 +20,7 @@ svg.cm-chessboard {
20
20
  }
21
21
  }
22
22
 
23
- .piece-group {
23
+ .piece {
24
24
  pointer-events: none;
25
25
  }
26
26
  }
@@ -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/styles/cm-chessboard.css"/>
9
+ <link rel="stylesheet" href="../assets/chessboard/chessboard.css"/>
10
10
  <!--suppress CssUnusedSymbol -->
11
11
  <style>
12
12
  div.board {
@@ -38,7 +38,8 @@
38
38
  boardsDiv.appendChild(boardDiv)
39
39
  const largeBoard = new Chessboard(boardDiv, {
40
40
  position: FEN.start,
41
- sprite: {url: "../assets/images/chessboard-sprite-staunty.svg"},
41
+ assetsUrl: "../assets/",
42
+ style: {pieces: {file: "staunty.svg"}}
42
43
  })
43
44
  const chess = new Chess()
44
45
  for (let i = 0; i < 5000; i++) {
@@ -48,7 +49,8 @@
48
49
  boardsDiv.appendChild(boardDiv)
49
50
  const board = new Chessboard(boardDiv, {
50
51
  position: chess.fen(),
51
- sprite: {url: "../assets/images/chessboard-sprite-staunty.svg"}
52
+ assetsUrl: "../assets/",
53
+ style: {pieces: {file: "staunty.svg"}}
52
54
  })
53
55
  makeRandomMove()
54
56
  largeBoard.setPosition(chess.fen(), true)
@@ -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/styles/cm-chessboard.css"/>
8
+ <link rel="stylesheet" href="../assets/chessboard/chessboard.css"/>
9
9
  </head>
10
10
  <body>
11
11
  <h1><a href="../">cm-chessboard</a></h1>
@@ -25,73 +25,84 @@
25
25
 
26
26
  new Chessboard(document.getElementById("board1"), {
27
27
  position: FEN.start,
28
+ assetsUrl: "../assets/",
29
+ assetsCache: false,
28
30
  style: {
29
31
  cssClass: "green",
30
- borderType: BORDER_TYPE.frame
31
- },
32
- sprite: {url: "../assets/images/chessboard-sprite-staunty.svg"},
32
+ borderType: BORDER_TYPE.frame,
33
+ pieces: {
34
+ file: "staunty.svg"
35
+ }
36
+ }
33
37
  })
34
38
  new Chessboard(document.getElementById("board2"), {
35
39
  position: FEN.start,
40
+ assetsUrl: "../assets/",
41
+ assetsCache: false,
36
42
  style: {
37
43
  cssClass: "chessboard-js",
38
44
  borderType: BORDER_TYPE.thin
39
- },
40
- sprite: {url: "../assets/images/chessboard-sprite.svg", cache: false}
45
+ }
41
46
  })
42
47
  new Chessboard(document.getElementById("board3"), {
43
48
  position: FEN.start,
49
+ assetsUrl: "../assets/",
50
+ assetsCache: false,
44
51
  style: {
45
52
  cssClass: "chess-club",
46
- borderType: BORDER_TYPE.frame
47
- },
48
- sprite: {url: "../assets/images/chessboard-sprite-staunty.svg"}
53
+ borderType: BORDER_TYPE.frame,
54
+ pieces: {file: "staunty.svg"}
55
+ }
49
56
  })
50
57
  new Chessboard(document.getElementById("board4"), {
51
58
  position: FEN.start,
59
+ assetsUrl: "../assets/",
60
+ assetsCache: false,
52
61
  style: {
53
62
  cssClass: "blue",
54
63
  borderType: BORDER_TYPE.thin,
55
64
  showCoordinates: false,
56
- },
57
- sprite: {url: "../assets/images/chessboard-sprite.svg", cache: false}
65
+ }
58
66
  })
59
67
  new Chessboard(document.getElementById("board5"), {
60
68
  position: FEN.start,
61
- style: {
62
- borderType: BORDER_TYPE.none
63
- },
64
- sprite: {url: "../assets/images/chessboard-sprite-staunty.svg"},
69
+ assetsUrl: "../assets/",
70
+ assetsCache: false,
71
+ style: {borderType: BORDER_TYPE.none, pieces: {file: "staunty.svg"}},
65
72
  })
66
73
  new Chessboard(document.getElementById("board6"), {
67
74
  position: FEN.start,
75
+ assetsUrl: "../assets/",
76
+ assetsCache: false,
68
77
  style: {
69
- cssClass: "blue",
78
+ pieces: {file: "staunty.svg"}, cssClass: "blue",
70
79
  borderType: BORDER_TYPE.frame
71
80
  },
72
- sprite: {url: "../assets/images/chessboard-sprite-staunty.svg"},
73
81
  })
74
82
  new Chessboard(document.getElementById("board7"), {
75
83
  position: FEN.start,
84
+ assetsUrl: "../assets/",
85
+ assetsCache: false,
76
86
  style: {
77
87
  cssClass: "green"
78
- },
79
- sprite: {url: "../assets/images/chessboard-sprite.svg", cache: false},
88
+ }
80
89
  })
81
90
  new Chessboard(document.getElementById("board8"), {
82
91
  position: FEN.start,
92
+ assetsUrl: "../assets/",
93
+ assetsCache: false,
83
94
  style: {
84
95
  cssClass: "black-and-white"
85
- },
86
- sprite: {url: "../assets/images/chessboard-sprite.svg", cache: false},
96
+ }
87
97
  })
88
98
  new Chessboard(document.getElementById("board9"), {
89
99
  position: FEN.start,
100
+ assetsUrl: "../assets/",
101
+ assetsCache: false,
90
102
  style: {
91
103
  cssClass: "chessboard-js",
92
104
  borderType: BORDER_TYPE.frame
93
- },
94
- sprite: {url: "../assets/images/chessboard-sprite.svg", cache: false},
105
+ }
95
106
  })
96
107
  </script>
97
108
  </body>
@@ -5,21 +5,29 @@
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/styles/cm-chessboard.css"/>
8
+ <link rel="stylesheet" href="../assets/chessboard/chessboard.css"/>
9
+ <link rel="stylesheet" href="../assets/extensions/markers/markers.css"/>
9
10
  </head>
10
11
  <body>
11
12
  <h1><a href="../">cm-chessboard</a></h1>
12
13
  <h2>Example: Input enabled without validation</h2>
13
- <p>Input enabled on both sides, without move validation.</p>
14
+ <p>Input enabled on both sides, without move validation.
15
+ </p>
16
+ <p>Additionally, the <b>Markers</b> extension is used with its
17
+ autoMarkers ability.</p>
14
18
  <div class="board" id="board"></div>
15
19
  <pre>
16
20
  const board = new Chessboard(document.getElementById("board"), {
17
21
  position: FEN.start,
18
- sprite: {url: "../assets/images/chessboard-sprite-staunty.svg"}
22
+ assetsUrl: "../assets/",
23
+ style: {pieces: {file: "staunty.svg"}},
24
+ extensions: [{class: Markers}]
19
25
  })
20
26
 
21
27
  board.enableMoveInput(inputHandler)
22
28
  function inputHandler(event) {
29
+ console.log(event)
30
+ window.board.removeMarkers(MARKER_TYPE.frame)
23
31
  switch (event.type) {
24
32
  case INPUT_EVENT_TYPE.moveInputStarted:
25
33
  log(`moveInputStarted: ${event.square}`)
@@ -43,23 +51,22 @@ function inputHandler(event) {
43
51
 
44
52
  window.board = new Chessboard(document.getElementById("board"), {
45
53
  position: FEN.start,
46
- sprite: {url: "../assets/images/chessboard-sprite-staunty.svg"},
54
+ assetsUrl: "../assets/",
55
+ style: {pieces: {file: "staunty.svg"}},
47
56
  extensions: [{class: Markers}]
48
57
  })
49
58
 
50
59
  window.board.enableMoveInput(inputHandler)
60
+
51
61
  function inputHandler(event) {
52
62
  console.log(event)
53
63
  window.board.removeMarkers(MARKER_TYPE.frame)
54
64
  switch (event.type) {
55
65
  case INPUT_EVENT_TYPE.moveInputStarted:
56
66
  log(`moveInputStarted: ${event.square}`)
57
- window.board.addMarker(MARKER_TYPE.frame, event.square)
58
67
  return true
59
68
  case INPUT_EVENT_TYPE.validateMoveInput:
60
69
  log(`validateMoveInput: ${event.squareFrom}-${event.squareTo}`)
61
- window.board.addMarker(MARKER_TYPE.frame, event.squareFrom)
62
- window.board.addMarker(MARKER_TYPE.frame, event.squareTo)
63
70
  return true
64
71
  case INPUT_EVENT_TYPE.moveInputCanceled:
65
72
  log(`moveInputCanceled`)