@scrabble-solver/scrabble-solver 2.10.8 → 2.10.10

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 (87) hide show
  1. package/.next/BUILD_ID +1 -1
  2. package/.next/build-manifest.json +15 -15
  3. package/.next/cache/.tsbuildinfo +1 -1
  4. package/.next/cache/eslint/.cache_8dgz12 +1 -1
  5. package/.next/cache/next-server.js.nft.json +1 -1
  6. package/.next/cache/webpack/client-production/0.pack +0 -0
  7. package/.next/cache/webpack/client-production/index.pack +0 -0
  8. package/.next/cache/webpack/edge-server-production/0.pack +0 -0
  9. package/.next/cache/webpack/edge-server-production/index.pack +0 -0
  10. package/.next/cache/webpack/server-production/0.pack +0 -0
  11. package/.next/cache/webpack/server-production/index.pack +0 -0
  12. package/.next/images-manifest.json +1 -1
  13. package/.next/next-server.js.nft.json +1 -1
  14. package/.next/prerender-manifest.json +1 -1
  15. package/.next/required-server-files.json +1 -1
  16. package/.next/routes-manifest.json +1 -1
  17. package/.next/server/chunks/131.js +24 -17
  18. package/.next/server/chunks/176.js +443 -288
  19. package/.next/server/chunks/50.js +712 -1025
  20. package/.next/server/chunks/664.js +27 -2414
  21. package/.next/server/chunks/859.js +29 -1
  22. package/.next/server/font-loader-manifest.js +1 -0
  23. package/.next/server/font-loader-manifest.json +6 -0
  24. package/.next/server/middleware-build-manifest.js +1 -1
  25. package/.next/server/pages/404.html +2 -2
  26. package/.next/server/pages/404.js.nft.json +1 -1
  27. package/.next/server/pages/500.html +1 -12
  28. package/.next/server/pages/_app.js +13 -133
  29. package/.next/server/pages/_app.js.nft.json +1 -1
  30. package/.next/server/pages/_document.js +1 -1
  31. package/.next/server/pages/_document.js.nft.json +1 -1
  32. package/.next/server/pages/_error.js +133 -17
  33. package/.next/server/pages/_error.js.nft.json +1 -1
  34. package/.next/server/pages/api/solve.js +5 -6
  35. package/.next/server/pages/index.html +1 -1
  36. package/.next/server/pages/index.js +34 -154
  37. package/.next/server/pages/index.js.nft.json +1 -1
  38. package/.next/server/pages/index.json +1 -1
  39. package/.next/server/pages-manifest.json +1 -1
  40. package/.next/static/chunks/main-74c4d6b2b5c362f3.js +1 -0
  41. package/.next/static/chunks/pages/{404-8cab6d62fe4ead73.js → 404-d5ff00df1c687977.js} +1 -1
  42. package/.next/static/chunks/pages/_app-3272e798504c40d8.js +28 -0
  43. package/.next/static/chunks/pages/index-5c2544930e46c5ce.js +1 -0
  44. package/.next/static/chunks/webpack-6ef43a8d4a395f49.js +1 -0
  45. package/.next/static/css/336e75db2b74b157.css +2 -0
  46. package/.next/static/css/{d1cc6b79b211b7b8.css → ec4e47a6b1866fe5.css} +1 -1
  47. package/.next/static/warzWo25tDxo_Eiv9T6f2/_buildManifest.js +1 -0
  48. package/.next/trace +55 -55
  49. package/package.json +12 -11
  50. package/src/components/Board/Board.module.scss +14 -0
  51. package/src/components/Board/Board.tsx +117 -19
  52. package/src/components/Board/BoardPure.tsx +7 -15
  53. package/src/components/Board/components/Actions/Actions.module.scss +64 -0
  54. package/src/components/Board/components/Actions/Actions.tsx +74 -0
  55. package/src/components/Board/components/Actions/index.ts +1 -0
  56. package/src/components/Board/components/Cell/Cell.module.scss +10 -121
  57. package/src/components/Board/components/Cell/Cell.tsx +0 -37
  58. package/src/components/Board/components/Cell/CellPure.tsx +5 -68
  59. package/src/components/Board/components/index.ts +1 -0
  60. package/src/components/Board/hooks/useGrid.ts +16 -16
  61. package/src/components/Modal/Modal.module.scss +3 -1
  62. package/src/components/Rack/Rack.module.scss +2 -1
  63. package/src/components/Solver/Solver.module.scss +0 -5
  64. package/src/components/Solver/Solver.tsx +1 -1
  65. package/src/components/Tile/Tile.module.scss +0 -26
  66. package/src/components/Tile/Tile.tsx +5 -3
  67. package/src/components/Tile/TilePure.tsx +16 -18
  68. package/src/hooks/useLocalStorage/useLocalStorageBoard.ts +6 -3
  69. package/src/hooks/useLocalStorage/useLocalStorageConfigId.ts +6 -3
  70. package/src/hooks/useLocalStorage/useLocalStorageLocale.ts +6 -3
  71. package/src/hooks/useLocalStorage/useLocalStorageRack.ts +6 -3
  72. package/src/modals/SettingsModal/components/ConfigSetting/ConfigSetting.module.scss +1 -1
  73. package/src/modals/SettingsModal/components/LocaleSetting/LocaleSetting.module.scss +2 -2
  74. package/src/parameters/index.ts +5 -3
  75. package/src/styles/animations.scss +10 -0
  76. package/src/styles/global.scss +2 -2
  77. package/src/styles/mixins.scss +56 -1
  78. package/src/styles/variables.scss +5 -2
  79. package/.next/server/chunks/210.js +0 -122
  80. package/.next/server/chunks/676.js +0 -32
  81. package/.next/static/Cs23uxWG6AxS72F2yrjHu/_buildManifest.js +0 -1
  82. package/.next/static/chunks/main-f11614d8aa7ee555.js +0 -1
  83. package/.next/static/chunks/pages/_app-dcbbb823dc93a031.js +0 -28
  84. package/.next/static/chunks/pages/index-df1ff01aa82d2d4d.js +0 -1
  85. package/.next/static/chunks/webpack-59c5c889f52620d6.js +0 -1
  86. package/.next/static/css/bf2e969b88c4e3dd.css +0 -2
  87. /package/.next/static/{Cs23uxWG6AxS72F2yrjHu → warzWo25tDxo_Eiv9T6f2}/_ssgManifest.js +0 -0
package/.next/server/chunks/176.js CHANGED
@@ -982,7 +982,7 @@ exports.VOWELS = ['a', 'ą', 'ä', 'e', 'ę', 'i', 'o', 'ó', 'ö', 'u', 'ü', '
982
982
 
983
983
  /***/ }),
984
984
 
985
- /***/ 91889:
985
+ /***/ 696:
986
986
  /***/ ((module) => {
987
987
 
988
988
  // Exports
@@ -993,19 +993,40 @@ module.exports = {
993
993
 
994
994
  /***/ }),
995
995
 
996
- /***/ 41205:
996
+ /***/ 28139:
997
997
  /***/ ((module) => {
998
998
 
999
999
  // Exports
1000
1000
  module.exports = {
1001
1001
  "board": "Board_board__eA_bB",
1002
- "row": "Board_row__mezHN"
1002
+ "row": "Board_row__mezHN",
1003
+ "actions": "Board_actions__W2CX9",
1004
+ "hide": "Board_hide__Fskbc",
1005
+ "shown": "Board_shown__T9Txa",
1006
+ "show": "Board_show__1ChIu",
1007
+ "progress": "Board_progress__3ImeV",
1008
+ "pulse": "Board_pulse__RoNSE",
1009
+ "wave": "Board_wave__NDbpN"
1003
1010
  };
1004
1011
 
1005
1012
 
1006
1013
  /***/ }),
1007
1014
 
1008
- /***/ 95770:
1015
+ /***/ 91950:
1016
+ /***/ ((module) => {
1017
+
1018
+ // Exports
1019
+ module.exports = {
1020
+ "actions": "Actions_actions__3ry_t",
1021
+ "action": "Actions_action__2tKnh",
1022
+ "toggleDirection": "Actions_toggleDirection__GWMbz",
1023
+ "right": "Actions_right___DlTx"
1024
+ };
1025
+
1026
+
1027
+ /***/ }),
1028
+
1029
+ /***/ 92512:
1009
1030
  /***/ ((module) => {
1010
1031
 
1011
1032
  // Exports
@@ -1022,20 +1043,14 @@ module.exports = {
1022
1043
  "bonusCharacterMultiplier3": "Cell_bonusCharacterMultiplier3__0qtZY",
1023
1044
  "bonusWord2": "Cell_bonusWord2__Ztd1C",
1024
1045
  "bonusWord3": "Cell_bonusWord3__eTB6G",
1025
- "candidate": "Cell_candidate__qGOhc",
1026
- "actions": "Cell_actions__YOyrG",
1027
- "action": "Cell_action___13Yo",
1028
- "toggleDirection": "Cell_toggleDirection__1WgpQ",
1029
- "iconContainer": "Cell_iconContainer__luGh5",
1030
- "flagContainer": "Cell_flagContainer__A_IDX",
1031
- "flag": "Cell_flag__hPqWD",
1032
- "star": "Cell_star__qeUuH"
1046
+ "filtered": "Cell_filtered__16gx1",
1047
+ "icon": "Cell_icon__8EWsQ"
1033
1048
  };
1034
1049
 
1035
1050
 
1036
1051
  /***/ }),
1037
1052
 
1038
- /***/ 60394:
1053
+ /***/ 48258:
1039
1054
  /***/ ((module) => {
1040
1055
 
1041
1056
  // Exports
@@ -1051,7 +1066,7 @@ module.exports = {
1051
1066
 
1052
1067
  /***/ }),
1053
1068
 
1054
- /***/ 68358:
1069
+ /***/ 94432:
1055
1070
  /***/ ((module) => {
1056
1071
 
1057
1072
  // Exports
@@ -1069,7 +1084,7 @@ module.exports = {
1069
1084
 
1070
1085
  /***/ }),
1071
1086
 
1072
- /***/ 55624:
1087
+ /***/ 1427:
1073
1088
  /***/ ((module) => {
1074
1089
 
1075
1090
  // Exports
@@ -1081,7 +1096,7 @@ module.exports = {
1081
1096
 
1082
1097
  /***/ }),
1083
1098
 
1084
- /***/ 52603:
1099
+ /***/ 70561:
1085
1100
  /***/ ((module) => {
1086
1101
 
1087
1102
  // Exports
@@ -1093,7 +1108,7 @@ module.exports = {
1093
1108
 
1094
1109
  /***/ }),
1095
1110
 
1096
- /***/ 36085:
1111
+ /***/ 19922:
1097
1112
  /***/ ((module) => {
1098
1113
 
1099
1114
  // Exports
@@ -1106,7 +1121,7 @@ module.exports = {
1106
1121
 
1107
1122
  /***/ }),
1108
1123
 
1109
- /***/ 91898:
1124
+ /***/ 54448:
1110
1125
  /***/ ((module) => {
1111
1126
 
1112
1127
  // Exports
@@ -1117,7 +1132,7 @@ module.exports = {
1117
1132
 
1118
1133
  /***/ }),
1119
1134
 
1120
- /***/ 94095:
1135
+ /***/ 13518:
1121
1136
  /***/ ((module) => {
1122
1137
 
1123
1138
  // Exports
@@ -1131,7 +1146,7 @@ module.exports = {
1131
1146
 
1132
1147
  /***/ }),
1133
1148
 
1134
- /***/ 55941:
1149
+ /***/ 95377:
1135
1150
  /***/ ((module) => {
1136
1151
 
1137
1152
  // Exports
@@ -1145,13 +1160,14 @@ module.exports = {
1145
1160
  "progress": "LogoSplashScreen_progress__m0bkB",
1146
1161
  "logoGrayscale": "LogoSplashScreen_logoGrayscale__zDa_H",
1147
1162
  "author": "LogoSplashScreen_author__jDI5k",
1163
+ "show": "LogoSplashScreen_show__N_vWU",
1148
1164
  "wave": "LogoSplashScreen_wave__Trjnf"
1149
1165
  };
1150
1166
 
1151
1167
 
1152
1168
  /***/ }),
1153
1169
 
1154
- /***/ 55242:
1170
+ /***/ 45331:
1155
1171
  /***/ ((module) => {
1156
1172
 
1157
1173
  // Exports
@@ -1170,7 +1186,7 @@ module.exports = {
1170
1186
 
1171
1187
  /***/ }),
1172
1188
 
1173
- /***/ 5406:
1189
+ /***/ 16778:
1174
1190
  /***/ ((module) => {
1175
1191
 
1176
1192
  // Exports
@@ -1182,7 +1198,7 @@ module.exports = {
1182
1198
 
1183
1199
  /***/ }),
1184
1200
 
1185
- /***/ 25223:
1201
+ /***/ 65649:
1186
1202
  /***/ ((module) => {
1187
1203
 
1188
1204
  // Exports
@@ -1197,7 +1213,7 @@ module.exports = {
1197
1213
 
1198
1214
  /***/ }),
1199
1215
 
1200
- /***/ 8557:
1216
+ /***/ 71539:
1201
1217
  /***/ ((module) => {
1202
1218
 
1203
1219
  // Exports
@@ -1211,7 +1227,7 @@ module.exports = {
1211
1227
 
1212
1228
  /***/ }),
1213
1229
 
1214
- /***/ 79798:
1230
+ /***/ 66029:
1215
1231
  /***/ ((module) => {
1216
1232
 
1217
1233
  // Exports
@@ -1220,6 +1236,7 @@ module.exports = {
1220
1236
  "tile": "PlainTiles_tile__4eIjX",
1221
1237
  "dropShadow": "PlainTiles_dropShadow__TjPAL",
1222
1238
  "hide": "PlainTiles_hide__ZXQ7t",
1239
+ "show": "PlainTiles_show__KuWdS",
1223
1240
  "progress": "PlainTiles_progress__GEq5G",
1224
1241
  "pulse": "PlainTiles_pulse__MTQRB"
1225
1242
  };
@@ -1227,7 +1244,7 @@ module.exports = {
1227
1244
 
1228
1245
  /***/ }),
1229
1246
 
1230
- /***/ 27217:
1247
+ /***/ 85040:
1231
1248
  /***/ ((module) => {
1232
1249
 
1233
1250
  // Exports
@@ -1238,7 +1255,7 @@ module.exports = {
1238
1255
 
1239
1256
  /***/ }),
1240
1257
 
1241
- /***/ 30277:
1258
+ /***/ 38135:
1242
1259
  /***/ ((module) => {
1243
1260
 
1244
1261
  // Exports
@@ -1250,7 +1267,7 @@ module.exports = {
1250
1267
 
1251
1268
  /***/ }),
1252
1269
 
1253
- /***/ 59758:
1270
+ /***/ 68589:
1254
1271
  /***/ ((module) => {
1255
1272
 
1256
1273
  // Exports
@@ -1265,7 +1282,7 @@ module.exports = {
1265
1282
 
1266
1283
  /***/ }),
1267
1284
 
1268
- /***/ 54206:
1285
+ /***/ 6834:
1269
1286
  /***/ ((module) => {
1270
1287
 
1271
1288
  // Exports
@@ -1292,7 +1309,7 @@ module.exports = {
1292
1309
 
1293
1310
  /***/ }),
1294
1311
 
1295
- /***/ 55293:
1312
+ /***/ 62440:
1296
1313
  /***/ ((module) => {
1297
1314
 
1298
1315
  // Exports
@@ -1304,7 +1321,7 @@ module.exports = {
1304
1321
 
1305
1322
  /***/ }),
1306
1323
 
1307
- /***/ 23826:
1324
+ /***/ 32262:
1308
1325
  /***/ ((module) => {
1309
1326
 
1310
1327
  // Exports
@@ -1315,7 +1332,7 @@ module.exports = {
1315
1332
 
1316
1333
  /***/ }),
1317
1334
 
1318
- /***/ 90375:
1335
+ /***/ 70591:
1319
1336
  /***/ ((module) => {
1320
1337
 
1321
1338
  // Exports
@@ -1333,7 +1350,6 @@ module.exports = {
1333
1350
  "dictionaryInput": "Solver_dictionaryInput__9BLNF",
1334
1351
  "bottomContainer": "Solver_bottomContainer__VLhkh",
1335
1352
  "bottomContent": "Solver_bottomContent__9rVjO",
1336
- "rackContainer": "Solver_rackContainer__2QSoB",
1337
1353
  "rack": "Solver_rack__9DDCR",
1338
1354
  "controls": "Solver_controls__2D9Ez",
1339
1355
  "emptyState": "Solver_emptyState__P5fkX",
@@ -1343,7 +1359,7 @@ module.exports = {
1343
1359
 
1344
1360
  /***/ }),
1345
1361
 
1346
- /***/ 74048:
1362
+ /***/ 57094:
1347
1363
  /***/ ((module) => {
1348
1364
 
1349
1365
  // Exports
@@ -1360,7 +1376,7 @@ module.exports = {
1360
1376
 
1361
1377
  /***/ }),
1362
1378
 
1363
- /***/ 99725:
1379
+ /***/ 37468:
1364
1380
  /***/ ((module) => {
1365
1381
 
1366
1382
  // Exports
@@ -1372,7 +1388,7 @@ module.exports = {
1372
1388
 
1373
1389
  /***/ }),
1374
1390
 
1375
- /***/ 50495:
1391
+ /***/ 99776:
1376
1392
  /***/ ((module) => {
1377
1393
 
1378
1394
  // Exports
@@ -1393,7 +1409,7 @@ module.exports = {
1393
1409
 
1394
1410
  /***/ }),
1395
1411
 
1396
- /***/ 61077:
1412
+ /***/ 26263:
1397
1413
  /***/ ((module) => {
1398
1414
 
1399
1415
  // Exports
@@ -1404,7 +1420,7 @@ module.exports = {
1404
1420
 
1405
1421
  /***/ }),
1406
1422
 
1407
- /***/ 3713:
1423
+ /***/ 36841:
1408
1424
  /***/ ((module) => {
1409
1425
 
1410
1426
  // Exports
@@ -1416,7 +1432,7 @@ module.exports = {
1416
1432
 
1417
1433
  /***/ }),
1418
1434
 
1419
- /***/ 48564:
1435
+ /***/ 93712:
1420
1436
  /***/ ((module) => {
1421
1437
 
1422
1438
  // Exports
@@ -1427,7 +1443,7 @@ module.exports = {
1427
1443
 
1428
1444
  /***/ }),
1429
1445
 
1430
- /***/ 68716:
1446
+ /***/ 74018:
1431
1447
  /***/ ((module) => {
1432
1448
 
1433
1449
  // Exports
@@ -1445,7 +1461,6 @@ module.exports = {
1445
1461
  "points": "Tile_points__z39vV",
1446
1462
  "disabled": "Tile_disabled__aPQkZ",
1447
1463
  "input": "Tile_input__Rol_n",
1448
- "inputContainer": "Tile_inputContainer__4t_o2",
1449
1464
  "empty": "Tile_empty__DGtO_",
1450
1465
  "raised": "Tile_raised__WKori",
1451
1466
  "alert": "Tile_alert__0o8j3"
@@ -1454,7 +1469,7 @@ module.exports = {
1454
1469
 
1455
1470
  /***/ }),
1456
1471
 
1457
- /***/ 41333:
1472
+ /***/ 19417:
1458
1473
  /***/ ((module) => {
1459
1474
 
1460
1475
  // Exports
@@ -1473,7 +1488,7 @@ module.exports = {
1473
1488
 
1474
1489
  /***/ }),
1475
1490
 
1476
- /***/ 7221:
1491
+ /***/ 98119:
1477
1492
  /***/ ((module) => {
1478
1493
 
1479
1494
  // Exports
@@ -1500,7 +1515,7 @@ var jsx_runtime_ = __webpack_require__(20997);
1500
1515
  var external_classnames_ = __webpack_require__(59003);
1501
1516
  var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
1502
1517
  // EXTERNAL MODULE: ./src/components/Badge/Badge.module.scss
1503
- var Badge_module = __webpack_require__(91889);
1518
+ var Badge_module = __webpack_require__(696);
1504
1519
  var Badge_module_default = /*#__PURE__*/__webpack_require__.n(Badge_module);
1505
1520
  ;// CONCATENATED MODULE: ./src/components/Badge/Badge.tsx
1506
1521
 
@@ -1528,32 +1543,137 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
1528
1543
  /* harmony export */ });
1529
1544
  /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
1530
1545
  /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
1531
- /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(64579);
1532
- /* harmony import */ var _BoardPure__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(14989);
1533
- /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(18481);
1534
- var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_1__, _BoardPure__WEBPACK_IMPORTED_MODULE_2__, _hooks__WEBPACK_IMPORTED_MODULE_3__]);
1535
- ([state__WEBPACK_IMPORTED_MODULE_1__, _BoardPure__WEBPACK_IMPORTED_MODULE_2__, _hooks__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
1546
+ /* harmony import */ var _floating_ui_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21964);
1547
+ /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(59003);
1548
+ /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
1549
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(16689);
1550
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
1551
+ /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6022);
1552
+ /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_4__);
1553
+ /* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(69755);
1554
+ /* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_use__WEBPACK_IMPORTED_MODULE_5__);
1555
+ /* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(74200);
1556
+ /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(64579);
1557
+ /* harmony import */ var _Board_module_scss__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(28139);
1558
+ /* harmony import */ var _Board_module_scss__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_Board_module_scss__WEBPACK_IMPORTED_MODULE_11__);
1559
+ /* harmony import */ var _BoardPure__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(14989);
1560
+ /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(11329);
1561
+ /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(18481);
1562
+ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__, state__WEBPACK_IMPORTED_MODULE_7__, _BoardPure__WEBPACK_IMPORTED_MODULE_8__, _components__WEBPACK_IMPORTED_MODULE_9__, _hooks__WEBPACK_IMPORTED_MODULE_10__]);
1563
+ ([_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__, state__WEBPACK_IMPORTED_MODULE_7__, _BoardPure__WEBPACK_IMPORTED_MODULE_8__, _components__WEBPACK_IMPORTED_MODULE_9__, _hooks__WEBPACK_IMPORTED_MODULE_10__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
1536
1564
 
1537
1565
 
1538
1566
 
1539
1567
 
1540
- const Board = ({ cellSize , className , innerRef })=>{
1541
- const rows = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_1__/* .selectRowsWithCandidate */ .ZA);
1542
- const board = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_1__/* .selectBoard */ .ZO);
1543
- const [{ direction , refs }, { onChange , onDirectionToggle , onFocus , onKeyDown , onPaste }] = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__/* .useGrid */ .N)(rows);
1544
- return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_BoardPure__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
1545
- className: className,
1546
- cellSize: cellSize,
1547
- center: board.center,
1548
- direction: direction,
1549
- innerRef: innerRef,
1550
- refs: refs,
1551
- rows: rows,
1552
- onChange: onChange,
1553
- onDirectionToggle: onDirectionToggle,
1554
- onFocus: onFocus,
1555
- onKeyDown: onKeyDown,
1556
- onPaste: onPaste
1568
+
1569
+
1570
+
1571
+
1572
+
1573
+
1574
+
1575
+
1576
+ const Board = ({ cellSize , className })=>{
1577
+ const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_4__.useDispatch)();
1578
+ const rows = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectRowsWithCandidate */ .ZA);
1579
+ const board = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectBoard */ .ZO);
1580
+ const [actionsMeasureRef, { width: actionsWidth }] = (0,react_use__WEBPACK_IMPORTED_MODULE_5__.useMeasure)();
1581
+ const [{ activeIndex , direction , inputRefs }, { onChange , onDirectionToggle , onFocus , onKeyDown , onPaste }] = (0,_hooks__WEBPACK_IMPORTED_MODULE_10__/* .useGrid */ .N)(rows);
1582
+ const inputRef = inputRefs[activeIndex.y][activeIndex.x];
1583
+ const cell = rows[activeIndex.y][activeIndex.x];
1584
+ const [showActions, setShowActions] = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(false);
1585
+ const [transition, setTransition] = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(parameters__WEBPACK_IMPORTED_MODULE_6__/* .TRANSITION */ .yz);
1586
+ const { x , y , strategy , refs } = (0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.useFloating)({
1587
+ middleware: [
1588
+ (0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.offset)({
1589
+ mainAxis: -parameters__WEBPACK_IMPORTED_MODULE_6__/* .BOARD_CELL_ACTIONS_OFFSET */ .IO,
1590
+ alignmentAxis: parameters__WEBPACK_IMPORTED_MODULE_6__/* .BOARD_CELL_ACTIONS_OFFSET */ .IO - actionsWidth
1591
+ }),
1592
+ (0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.shift)()
1593
+ ],
1594
+ placement: "top-end",
1595
+ whileElementsMounted: _floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.autoUpdate
1596
+ });
1597
+ const actionsRef = (0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.useMergeRefs)([
1598
+ actionsMeasureRef,
1599
+ refs.setFloating
1600
+ ]);
1601
+ const handleBlur = (event)=>{
1602
+ const eventComesFromActions = refs.floating.current?.contains(event.relatedTarget);
1603
+ const eventComesFromBoard = event.currentTarget.contains(event.relatedTarget);
1604
+ const isLocalEvent = eventComesFromActions || eventComesFromBoard;
1605
+ if (!isLocalEvent) {
1606
+ setShowActions(false);
1607
+ }
1608
+ };
1609
+ const handleDirectionToggle = ()=>{
1610
+ inputRef.current?.focus();
1611
+ onDirectionToggle();
1612
+ };
1613
+ const handleFocus = (newX, newY)=>{
1614
+ const isFirstFocus = !showActions;
1615
+ const originalTransition = refs.floating.current?.style.transition || "";
1616
+ const newInputRef = inputRefs[newY][newX].current;
1617
+ const newTileElement = newInputRef?.parentElement || null;
1618
+ if (isFirstFocus) {
1619
+ setTransition("none");
1620
+ }
1621
+ refs.setReference(newTileElement);
1622
+ onFocus(newX, newY);
1623
+ setShowActions(true);
1624
+ if (isFirstFocus) {
1625
+ setTimeout(()=>{
1626
+ setTransition(originalTransition);
1627
+ }, 0);
1628
+ }
1629
+ };
1630
+ const handleToggleBlank = ()=>{
1631
+ inputRef.current?.focus();
1632
+ dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .boardSlice.actions.toggleCellIsBlank */ .I8.actions.toggleCellIsBlank(cell));
1633
+ };
1634
+ const handleToggleFilterCell = ()=>{
1635
+ inputRef.current?.focus();
1636
+ dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .cellFilterSlice.actions.toggle */ .mO.actions.toggle(cell));
1637
+ };
1638
+ return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
1639
+ children: [
1640
+ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_BoardPure__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
1641
+ className: className,
1642
+ cellSize: cellSize,
1643
+ center: board.center,
1644
+ inputRefs: inputRefs,
1645
+ rows: rows,
1646
+ onBlur: handleBlur,
1647
+ onChange: onChange,
1648
+ onFocus: handleFocus,
1649
+ onKeyDown: onKeyDown,
1650
+ onPaste: onPaste
1651
+ }),
1652
+ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.FloatingPortal, {
1653
+ children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_9__/* .Actions */ .e, {
1654
+ cell: cell,
1655
+ className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Board_module_scss__WEBPACK_IMPORTED_MODULE_11___default().actions), {
1656
+ [(_Board_module_scss__WEBPACK_IMPORTED_MODULE_11___default().shown)]: showActions
1657
+ }),
1658
+ disabled: !showActions,
1659
+ direction: direction,
1660
+ ref: actionsRef,
1661
+ style: {
1662
+ position: strategy,
1663
+ top: y ?? 0,
1664
+ left: x ?? 0,
1665
+ transition,
1666
+ opacity: showActions ? 1 : 0,
1667
+ pointerEvents: showActions ? "auto" : "none",
1668
+ userSelect: showActions ? "auto" : "none",
1669
+ visibility: x === null || y === null ? "hidden" : "visible"
1670
+ },
1671
+ onDirectionToggle: handleDirectionToggle,
1672
+ onToggleBlank: handleToggleBlank,
1673
+ onToggleFilterCell: handleToggleFilterCell
1674
+ })
1675
+ })
1676
+ ]
1557
1677
  });
1558
1678
  };
1559
1679
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Board);
@@ -1577,7 +1697,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
1577
1697
  /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
1578
1698
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
1579
1699
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
1580
- /* harmony import */ var _Board_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(41205);
1700
+ /* harmony import */ var _Board_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(28139);
1581
1701
  /* harmony import */ var _Board_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_Board_module_scss__WEBPACK_IMPORTED_MODULE_4__);
1582
1702
  /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(11329);
1583
1703
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components__WEBPACK_IMPORTED_MODULE_3__]);
@@ -1587,9 +1707,9 @@ _components__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then
1587
1707
 
1588
1708
 
1589
1709
 
1590
- const BoardPure = ({ className , cellSize , center , direction , innerRef , refs , rows , onChange , onDirectionToggle , onFocus , onKeyDown , onPaste })=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
1710
+ const BoardPure = ({ className , cellSize , center , inputRefs , rows , onBlur , onChange , onFocus , onKeyDown , onPaste })=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
1591
1711
  className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Board_module_scss__WEBPACK_IMPORTED_MODULE_4___default().board), className),
1592
- ref: innerRef,
1712
+ onBlur: onBlur,
1593
1713
  onKeyDown: onKeyDown,
1594
1714
  onPaste: onPaste,
1595
1715
  children: rows.map((cells, y)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
@@ -1597,14 +1717,12 @@ const BoardPure = ({ className , cellSize , center , direction , innerRef , refs
1597
1717
  children: cells.map((cell, x)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_3__/* .Cell */ .b, {
1598
1718
  className: (_Board_module_scss__WEBPACK_IMPORTED_MODULE_4___default().cell),
1599
1719
  cell: cell,
1600
- direction: direction,
1601
- inputRef: refs[y][x],
1720
+ inputRef: inputRefs[y][x],
1602
1721
  isBottom: y === rows.length - 1,
1603
1722
  isCenter: center.x === x && center.y === y,
1604
1723
  isRight: x === cells.length - 1,
1605
1724
  size: cellSize,
1606
1725
  onChange: onChange,
1607
- onDirectionToggle: onDirectionToggle,
1608
1726
  onFocus: onFocus
1609
1727
  }, x))
1610
1728
  }, y))
@@ -1616,7 +1734,7 @@ __webpack_async_result__();
1616
1734
 
1617
1735
  /***/ }),
1618
1736
 
1619
- /***/ 58220:
1737
+ /***/ 1061:
1620
1738
  /***/ ((module, __webpack_exports__, __webpack_require__) => {
1621
1739
 
1622
1740
  "use strict";
@@ -1627,15 +1745,17 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
1627
1745
  /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
1628
1746
  /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
1629
1747
  /* harmony import */ var _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7618);
1630
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
1631
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
1632
- /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6022);
1633
- /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_3__);
1634
- /* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(95784);
1748
+ /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(59003);
1749
+ /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
1750
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(16689);
1751
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
1752
+ /* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(44607);
1635
1753
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64579);
1636
- /* harmony import */ var _CellPure__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(88141);
1637
- var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__, _CellPure__WEBPACK_IMPORTED_MODULE_6__]);
1638
- ([state__WEBPACK_IMPORTED_MODULE_5__, _CellPure__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
1754
+ /* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(96753);
1755
+ /* harmony import */ var _Actions_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(91950);
1756
+ /* harmony import */ var _Actions_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_Actions_module_scss__WEBPACK_IMPORTED_MODULE_7__);
1757
+ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__, _Button__WEBPACK_IMPORTED_MODULE_6__]);
1758
+ ([state__WEBPACK_IMPORTED_MODULE_5__, _Button__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
1639
1759
 
1640
1760
 
1641
1761
 
@@ -1643,62 +1763,122 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([stat
1643
1763
 
1644
1764
 
1645
1765
 
1646
- const Cell = ({ cell , className , direction , inputRef , isBottom , isCenter , isRight , size , onChange , onDirectionToggle , onFocus })=>{
1647
- const { tile , x , y } = cell;
1648
- const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();
1766
+
1767
+ const Actions = /*#__PURE__*/ (0,react__WEBPACK_IMPORTED_MODULE_3__.forwardRef)(({ cell , className , direction , disabled , onDirectionToggle , onToggleBlank , onToggleFilterCell , ...props }, ref)=>{
1649
1768
  const translate = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTranslate */ .qM)();
1650
- const locale = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectLocale */ .fN);
1651
- const bonus = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_5__/* .selectCellBonus */ .O0)(state, cell));
1652
- const points = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_5__/* .selectTilePoints */ .Zf)(state, cell.tile));
1653
1769
  const isFiltered = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_5__/* .selectCellIsFiltered */ .id)(state, cell));
1654
- const isValid = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_5__/* .selectCellIsValid */ .fZ)(state, cell));
1655
- const { tileFontSize } = (0,lib__WEBPACK_IMPORTED_MODULE_4__/* .getTileSizes */ .vc)(size);
1770
+ const isBlank = cell.tile.isBlank;
1771
+ const isEmpty = cell.tile.character === _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__.EMPTY_CELL;
1772
+ // On iOS it helps with losing focus too early which makes Actions disappear
1773
+ const handleMouseDown = (event)=>event.preventDefault();
1774
+ return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
1775
+ className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Actions_module_scss__WEBPACK_IMPORTED_MODULE_7___default().actions), className),
1776
+ ref: ref,
1777
+ ...props,
1778
+ children: [
1779
+ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
1780
+ "aria-label": translate("cell.toggle-direction"),
1781
+ className: (_Actions_module_scss__WEBPACK_IMPORTED_MODULE_7___default().action),
1782
+ Icon: icons__WEBPACK_IMPORTED_MODULE_4__/* .ArrowDown */ .K5,
1783
+ iconClassName: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Actions_module_scss__WEBPACK_IMPORTED_MODULE_7___default().toggleDirection), {
1784
+ [(_Actions_module_scss__WEBPACK_IMPORTED_MODULE_7___default().right)]: direction === "horizontal"
1785
+ }),
1786
+ tabIndex: disabled ? -1 : undefined,
1787
+ tooltip: translate("cell.toggle-direction"),
1788
+ onClick: onDirectionToggle,
1789
+ onMouseDown: handleMouseDown
1790
+ }),
1791
+ isEmpty && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
1792
+ "aria-label": translate("cell.filter-cell"),
1793
+ className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Actions_module_scss__WEBPACK_IMPORTED_MODULE_7___default().action)),
1794
+ Icon: isFiltered ? icons__WEBPACK_IMPORTED_MODULE_4__/* .Flag */ .WN : icons__WEBPACK_IMPORTED_MODULE_4__/* .FlagFill */ .aR,
1795
+ tabIndex: disabled ? -1 : undefined,
1796
+ tooltip: translate("cell.filter-cell"),
1797
+ onClick: onToggleFilterCell,
1798
+ onMouseDown: handleMouseDown
1799
+ }),
1800
+ !isEmpty && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
1801
+ "aria-label": isBlank ? translate("cell.set-not-blank") : translate("cell.set-blank"),
1802
+ className: (_Actions_module_scss__WEBPACK_IMPORTED_MODULE_7___default().action),
1803
+ Icon: isBlank ? icons__WEBPACK_IMPORTED_MODULE_4__/* .SquareFill */ .uX : icons__WEBPACK_IMPORTED_MODULE_4__/* .Square */ .bK,
1804
+ tabIndex: disabled ? -1 : undefined,
1805
+ tooltip: isBlank ? translate("cell.set-not-blank") : translate("cell.set-blank"),
1806
+ onClick: onToggleBlank,
1807
+ onMouseDown: handleMouseDown
1808
+ })
1809
+ ]
1810
+ });
1811
+ });
1812
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Actions);
1813
+
1814
+ __webpack_async_result__();
1815
+ } catch(e) { __webpack_async_result__(e); } });
1816
+
1817
+ /***/ }),
1818
+
1819
+ /***/ 33600:
1820
+ /***/ ((module, __webpack_exports__, __webpack_require__) => {
1821
+
1822
+ "use strict";
1823
+ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
1824
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
1825
+ /* harmony export */ "Z": () => (/* reexport safe */ _Actions__WEBPACK_IMPORTED_MODULE_0__.Z)
1826
+ /* harmony export */ });
1827
+ /* harmony import */ var _Actions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1061);
1828
+ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Actions__WEBPACK_IMPORTED_MODULE_0__]);
1829
+ _Actions__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
1830
+
1831
+
1832
+ __webpack_async_result__();
1833
+ } catch(e) { __webpack_async_result__(e); } });
1834
+
1835
+ /***/ }),
1836
+
1837
+ /***/ 58220:
1838
+ /***/ ((module, __webpack_exports__, __webpack_require__) => {
1839
+
1840
+ "use strict";
1841
+ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
1842
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
1843
+ /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
1844
+ /* harmony export */ });
1845
+ /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
1846
+ /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
1847
+ /* harmony import */ var _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7618);
1848
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
1849
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
1850
+ /* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(95784);
1851
+ /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(64579);
1852
+ /* harmony import */ var _CellPure__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(88141);
1853
+ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__, _CellPure__WEBPACK_IMPORTED_MODULE_5__]);
1854
+ ([state__WEBPACK_IMPORTED_MODULE_4__, _CellPure__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
1855
+
1856
+
1857
+
1858
+
1859
+
1860
+
1861
+ const Cell = ({ cell , className , inputRef , isBottom , isCenter , isRight , size , onChange , onFocus })=>{
1862
+ const { tile , x , y } = cell;
1863
+ const translate = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTranslate */ .qM)();
1864
+ const locale = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectLocale */ .fN);
1865
+ const bonus = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_4__/* .selectCellBonus */ .O0)(state, cell));
1866
+ const points = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_4__/* .selectTilePoints */ .Zf)(state, cell.tile));
1867
+ const isFiltered = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_4__/* .selectCellIsFiltered */ .id)(state, cell));
1868
+ const isValid = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_4__/* .selectCellIsValid */ .fZ)(state, cell));
1869
+ const { tileFontSize } = (0,lib__WEBPACK_IMPORTED_MODULE_3__/* .getTileSizes */ .vc)(size);
1656
1870
  const isEmpty = tile.character === _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__.EMPTY_CELL;
1657
1871
  const style = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>({
1658
1872
  fontSize: tileFontSize
1659
1873
  }), [
1660
1874
  tileFontSize
1661
1875
  ]);
1662
- const handleDirectionToggleClick = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(()=>{
1663
- if (inputRef.current) {
1664
- inputRef.current.focus();
1665
- }
1666
- onDirectionToggle();
1667
- }, [
1668
- onDirectionToggle
1669
- ]);
1670
1876
  const handleFocus = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(()=>onFocus(x, y), [
1671
1877
  x,
1672
1878
  y,
1673
1879
  onFocus
1674
1880
  ]);
1675
- const handleToggleBlankClick = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(()=>{
1676
- if (inputRef.current) {
1677
- inputRef.current.focus();
1678
- }
1679
- dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .boardSlice.actions.toggleCellIsBlank */ .I8.actions.toggleCellIsBlank({
1680
- x,
1681
- y
1682
- }));
1683
- }, [
1684
- dispatch,
1685
- x,
1686
- y
1687
- ]);
1688
- const handleToggleFilterCellClick = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(()=>{
1689
- if (inputRef.current) {
1690
- inputRef.current.focus();
1691
- }
1692
- dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .cellFilterSlice.actions.toggle */ .mO.actions.toggle({
1693
- x,
1694
- y
1695
- }));
1696
- }, [
1697
- dispatch,
1698
- x,
1699
- y
1700
- ]);
1701
- return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_CellPure__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
1881
+ return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_CellPure__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
1702
1882
  "aria-label": translate("cell.tile.location", {
1703
1883
  x: (x + 1).toLocaleString(locale),
1704
1884
  y: (y + 1).toLocaleString(locale)
@@ -1706,7 +1886,6 @@ const Cell = ({ cell , className , direction , inputRef , isBottom , isCenter ,
1706
1886
  bonus: bonus,
1707
1887
  cell: cell,
1708
1888
  className: className,
1709
- direction: direction,
1710
1889
  inputRef: inputRef,
1711
1890
  isBottom: isBottom,
1712
1891
  isCenter: isCenter,
@@ -1718,12 +1897,8 @@ const Cell = ({ cell , className , direction , inputRef , isBottom , isCenter ,
1718
1897
  size: size,
1719
1898
  style: style,
1720
1899
  tile: tile,
1721
- translate: translate,
1722
1900
  onChange: onChange,
1723
- onDirectionToggleClick: handleDirectionToggleClick,
1724
- onFocus: handleFocus,
1725
- onToggleBlankClick: handleToggleBlankClick,
1726
- onToggleFilterCellClick: handleToggleFilterCellClick
1901
+ onFocus: handleFocus
1727
1902
  });
1728
1903
  };
1729
1904
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Cell);
@@ -1748,13 +1923,12 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
1748
1923
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
1749
1924
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
1750
1925
  /* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(44607);
1751
- /* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(96753);
1752
- /* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(57243);
1753
- /* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(95770);
1754
- /* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7__);
1755
- /* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(98094);
1756
- var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Button__WEBPACK_IMPORTED_MODULE_4__, _Tile__WEBPACK_IMPORTED_MODULE_5__]);
1757
- ([_Button__WEBPACK_IMPORTED_MODULE_4__, _Tile__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
1926
+ /* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(57243);
1927
+ /* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(92512);
1928
+ /* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6__);
1929
+ /* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(98094);
1930
+ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Tile__WEBPACK_IMPORTED_MODULE_4__]);
1931
+ _Tile__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
1758
1932
 
1759
1933
 
1760
1934
 
@@ -1762,30 +1936,23 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_But
1762
1936
 
1763
1937
 
1764
1938
 
1765
-
1766
- const CellPure = ({ "aria-label": ariaLabel , bonus , cell , className , direction , inputRef , isBottom , isCenter , isRight , isEmpty , isFiltered , isValid , points , size , style , tile , translate , onChange , onDirectionToggleClick , onFocus , onToggleBlankClick , onToggleFilterCellClick })=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
1767
- className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().cell), className, (0,_lib__WEBPACK_IMPORTED_MODULE_6__/* .getBonusClassname */ .K)(cell, bonus, isCenter), {
1768
- [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().bottom)]: isBottom,
1769
- [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().candidate)]: cell.isCandidate(),
1770
- [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().right)]: isRight
1939
+ const CellPure = ({ "aria-label": ariaLabel , bonus , cell , className , inputRef , isBottom , isCenter , isRight , isEmpty , isFiltered , isValid , points , size , style , tile , onChange , onFocus })=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
1940
+ className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().cell), className, (0,_lib__WEBPACK_IMPORTED_MODULE_5__/* .getBonusClassname */ .K)(cell, bonus, isCenter), {
1941
+ [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().bottom)]: isBottom,
1942
+ [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().filtered)]: isFiltered,
1943
+ [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().right)]: isRight
1771
1944
  }),
1772
1945
  style: style,
1773
1946
  children: [
1774
- isCenter && isEmpty && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
1775
- className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().iconContainer)),
1776
- children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_3__/* .Star */ .Ux, {
1777
- className: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().star)
1778
- })
1947
+ isCenter && isEmpty && !isFiltered && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_3__/* .Star */ .Ux, {
1948
+ className: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().icon)
1779
1949
  }),
1780
- isFiltered && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
1781
- className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().iconContainer), (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().flagContainer)),
1782
- children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_3__/* .FlagFill */ .aR, {
1783
- className: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().flag)
1784
- })
1950
+ isFiltered && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_3__/* .FlagFill */ .aR, {
1951
+ className: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().icon)
1785
1952
  }),
1786
- /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Tile__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
1953
+ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Tile__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
1787
1954
  "aria-label": ariaLabel,
1788
- className: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().tile),
1955
+ className: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().tile),
1789
1956
  character: isEmpty ? undefined : tile.character,
1790
1957
  highlighted: cell.isCandidate(),
1791
1958
  inputRef: inputRef,
@@ -1797,35 +1964,6 @@ const CellPure = ({ "aria-label": ariaLabel , bonus , cell , className , directi
1797
1964
  tabIndex: cell.x === 0 && cell.y === 0 ? undefined : -1,
1798
1965
  onChange: onChange,
1799
1966
  onFocus: onFocus
1800
- }),
1801
- !cell.isCandidate() && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
1802
- className: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().actions),
1803
- children: [
1804
- /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
1805
- "aria-label": translate("cell.toggle-direction"),
1806
- className: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().action),
1807
- Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .ArrowDown */ .K5,
1808
- iconClassName: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().toggleDirection), {
1809
- [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().right)]: direction === "horizontal"
1810
- }),
1811
- tooltip: translate("cell.toggle-direction"),
1812
- onClick: onDirectionToggleClick
1813
- }),
1814
- isEmpty && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
1815
- "aria-label": translate("cell.filter-cell"),
1816
- className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().action)),
1817
- Icon: isFiltered ? icons__WEBPACK_IMPORTED_MODULE_3__/* .Flag */ .WN : icons__WEBPACK_IMPORTED_MODULE_3__/* .FlagFill */ .aR,
1818
- tooltip: translate("cell.filter-cell"),
1819
- onClick: onToggleFilterCellClick
1820
- }),
1821
- !isEmpty && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
1822
- "aria-label": tile.isBlank ? translate("cell.set-not-blank") : translate("cell.set-blank"),
1823
- className: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().action),
1824
- Icon: tile.isBlank ? icons__WEBPACK_IMPORTED_MODULE_3__/* .SquareFill */ .uX : icons__WEBPACK_IMPORTED_MODULE_3__/* .Square */ .bK,
1825
- tooltip: tile.isBlank ? translate("cell.set-not-blank") : translate("cell.set-blank"),
1826
- onClick: onToggleBlankClick
1827
- })
1828
- ]
1829
1967
  })
1830
1968
  ]
1831
1969
  });
@@ -1862,7 +2000,7 @@ __webpack_async_result__();
1862
2000
  /* harmony export */ "K": () => (/* binding */ getBonusClassname)
1863
2001
  /* harmony export */ });
1864
2002
  /* harmony import */ var _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7618);
1865
- /* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(95770);
2003
+ /* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(92512);
1866
2004
  /* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_1__);
1867
2005
 
1868
2006
 
@@ -1918,11 +2056,14 @@ const getCharacterBonusClassname = (bonus)=>{
1918
2056
  "use strict";
1919
2057
  __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
1920
2058
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
1921
- /* harmony export */ "b": () => (/* reexport safe */ _Cell__WEBPACK_IMPORTED_MODULE_0__.Z)
2059
+ /* harmony export */ "b": () => (/* reexport safe */ _Cell__WEBPACK_IMPORTED_MODULE_1__.Z),
2060
+ /* harmony export */ "e": () => (/* reexport safe */ _Actions__WEBPACK_IMPORTED_MODULE_0__.Z)
1922
2061
  /* harmony export */ });
1923
- /* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(79821);
1924
- var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Cell__WEBPACK_IMPORTED_MODULE_0__]);
1925
- _Cell__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
2062
+ /* harmony import */ var _Actions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(33600);
2063
+ /* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(79821);
2064
+ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Actions__WEBPACK_IMPORTED_MODULE_0__, _Cell__WEBPACK_IMPORTED_MODULE_1__]);
2065
+ ([_Actions__WEBPACK_IMPORTED_MODULE_0__, _Cell__WEBPACK_IMPORTED_MODULE_1__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
2066
+
1926
2067
 
1927
2068
 
1928
2069
  __webpack_async_result__();
@@ -1987,32 +2128,32 @@ const useGrid = (rows)=>{
1987
2128
  const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();
1988
2129
  const config = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectConfig */ .$o);
1989
2130
  const locale = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectLocale */ .fN);
1990
- const refs = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>(0,lib__WEBPACK_IMPORTED_MODULE_6__/* .createGridOf */ .DI)(width, height, ()=>(0,react__WEBPACK_IMPORTED_MODULE_2__.createRef)()), [
2131
+ const inputRefs = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>(0,lib__WEBPACK_IMPORTED_MODULE_6__/* .createGridOf */ .DI)(width, height, ()=>(0,react__WEBPACK_IMPORTED_MODULE_2__.createRef)()), [
1991
2132
  width,
1992
2133
  height
1993
2134
  ]);
1994
- const activeIndexRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)({
2135
+ const [activeIndex, setActiveIndex] = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)({
1995
2136
  x: 0,
1996
2137
  y: 0
1997
2138
  });
1998
2139
  const [direction, setLastDirection] = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)("horizontal");
1999
2140
  const directionRef = (0,react_use__WEBPACK_IMPORTED_MODULE_4__.useLatest)(direction);
2000
2141
  const changeActiveIndex = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((offsetX, offsetY)=>{
2001
- const x = Math.min(Math.max(activeIndexRef.current.x + offsetX, 0), width - 1);
2002
- const y = Math.min(Math.max(activeIndexRef.current.y + offsetY, 0), height - 1);
2003
- activeIndexRef.current = {
2142
+ const x = Math.min(Math.max(activeIndex.x + offsetX, 0), width - 1);
2143
+ const y = Math.min(Math.max(activeIndex.y + offsetY, 0), height - 1);
2144
+ setActiveIndex({
2004
2145
  x,
2005
2146
  y
2006
- };
2007
- refs[y][x].current?.focus();
2147
+ });
2148
+ inputRefs[y][x].current?.focus();
2008
2149
  }, [
2009
- activeIndexRef,
2010
- refs
2150
+ activeIndex,
2151
+ inputRefs
2011
2152
  ]);
2012
2153
  const getInputRefPosition = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((inputRef)=>{
2013
- return (0,_lib__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)(refs, (ref)=>ref.current === inputRef);
2154
+ return (0,_lib__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)(inputRefs, (ref)=>ref.current === inputRef);
2014
2155
  }, [
2015
- refs
2156
+ inputRefs
2016
2157
  ]);
2017
2158
  const moveFocus = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((offset)=>{
2018
2159
  if (directionRef.current === "horizontal") {
@@ -2179,10 +2320,10 @@ const useGrid = (rows)=>{
2179
2320
  ]);
2180
2321
  const onDirectionToggle = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(()=>setLastDirection(toggleDirection), []);
2181
2322
  const onFocus = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((x, y)=>{
2182
- activeIndexRef.current = {
2323
+ setActiveIndex({
2183
2324
  x,
2184
2325
  y
2185
- };
2326
+ });
2186
2327
  }, []);
2187
2328
  const onKeyDown = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>{
2188
2329
  return (0,lib__WEBPACK_IMPORTED_MODULE_6__/* .createKeyboardNavigation */ .np)({
@@ -2317,8 +2458,9 @@ const useGrid = (rows)=>{
2317
2458
  ]);
2318
2459
  return [
2319
2460
  {
2461
+ activeIndex,
2320
2462
  direction,
2321
- refs
2463
+ inputRefs
2322
2464
  },
2323
2465
  {
2324
2466
  onChange,
@@ -2392,7 +2534,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
2392
2534
  /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
2393
2535
  /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
2394
2536
  /* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7646);
2395
- /* harmony import */ var _Button_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(60394);
2537
+ /* harmony import */ var _Button_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(48258);
2396
2538
  /* harmony import */ var _Button_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_Button_module_scss__WEBPACK_IMPORTED_MODULE_4__);
2397
2539
  /* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(16863);
2398
2540
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Tooltip__WEBPACK_IMPORTED_MODULE_2__, _Link__WEBPACK_IMPORTED_MODULE_3__]);
@@ -2448,7 +2590,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
2448
2590
  /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
2449
2591
  /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
2450
2592
  /* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7646);
2451
- /* harmony import */ var _Button_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(60394);
2593
+ /* harmony import */ var _Button_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(48258);
2452
2594
  /* harmony import */ var _Button_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_Button_module_scss__WEBPACK_IMPORTED_MODULE_3__);
2453
2595
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Tooltip__WEBPACK_IMPORTED_MODULE_2__]);
2454
2596
  _Tooltip__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
@@ -2569,7 +2711,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
2569
2711
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(64579);
2570
2712
  /* harmony import */ var _EmptyState__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(18681);
2571
2713
  /* harmony import */ var _Loading__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(84198);
2572
- /* harmony import */ var _Dictionary_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(68358);
2714
+ /* harmony import */ var _Dictionary_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(94432);
2573
2715
  /* harmony import */ var _Dictionary_module_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_Dictionary_module_scss__WEBPACK_IMPORTED_MODULE_5__);
2574
2716
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_2__, _EmptyState__WEBPACK_IMPORTED_MODULE_3__, _Loading__WEBPACK_IMPORTED_MODULE_4__]);
2575
2717
  ([state__WEBPACK_IMPORTED_MODULE_2__, _EmptyState__WEBPACK_IMPORTED_MODULE_3__, _Loading__WEBPACK_IMPORTED_MODULE_4__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -2685,7 +2827,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
2685
2827
  /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6022);
2686
2828
  /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_3__);
2687
2829
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(64579);
2688
- /* harmony import */ var _DictionaryInput_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(55624);
2830
+ /* harmony import */ var _DictionaryInput_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1427);
2689
2831
  /* harmony import */ var _DictionaryInput_module_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_DictionaryInput_module_scss__WEBPACK_IMPORTED_MODULE_5__);
2690
2832
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__]);
2691
2833
  state__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
@@ -2764,7 +2906,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
2764
2906
  /* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(74200);
2765
2907
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64579);
2766
2908
  /* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(31773);
2767
- /* harmony import */ var _EmptyState_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(52603);
2909
+ /* harmony import */ var _EmptyState_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(70561);
2768
2910
  /* harmony import */ var _EmptyState_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_EmptyState_module_scss__WEBPACK_IMPORTED_MODULE_7__);
2769
2911
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__, _PlainTiles__WEBPACK_IMPORTED_MODULE_6__]);
2770
2912
  ([state__WEBPACK_IMPORTED_MODULE_5__, _PlainTiles__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -2856,7 +2998,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
2856
2998
  /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
2857
2999
  /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
2858
3000
  /* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7646);
2859
- /* harmony import */ var _IconButton_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(36085);
3001
+ /* harmony import */ var _IconButton_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(19922);
2860
3002
  /* harmony import */ var _IconButton_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_IconButton_module_scss__WEBPACK_IMPORTED_MODULE_4__);
2861
3003
  /* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(17062);
2862
3004
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Tooltip__WEBPACK_IMPORTED_MODULE_2__, _Link__WEBPACK_IMPORTED_MODULE_3__]);
@@ -2903,7 +3045,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
2903
3045
  /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
2904
3046
  /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
2905
3047
  /* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7646);
2906
- /* harmony import */ var _IconButton_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(36085);
3048
+ /* harmony import */ var _IconButton_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(19922);
2907
3049
  /* harmony import */ var _IconButton_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_IconButton_module_scss__WEBPACK_IMPORTED_MODULE_3__);
2908
3050
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Tooltip__WEBPACK_IMPORTED_MODULE_2__]);
2909
3051
  _Tooltip__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
@@ -2966,7 +3108,7 @@ var jsx_runtime_ = __webpack_require__(20997);
2966
3108
  var external_classnames_ = __webpack_require__(59003);
2967
3109
  var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
2968
3110
  // EXTERNAL MODULE: ./src/components/Key/Key.module.scss
2969
- var Key_module = __webpack_require__(91898);
3111
+ var Key_module = __webpack_require__(54448);
2970
3112
  var Key_module_default = /*#__PURE__*/__webpack_require__.n(Key_module);
2971
3113
  ;// CONCATENATED MODULE: ./src/components/Key/Key.tsx
2972
3114
 
@@ -3001,7 +3143,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
3001
3143
  /* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(77586);
3002
3144
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(64579);
3003
3145
  /* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(31773);
3004
- /* harmony import */ var _Loading_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(94095);
3146
+ /* harmony import */ var _Loading_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(13518);
3005
3147
  /* harmony import */ var _Loading_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_Loading_module_scss__WEBPACK_IMPORTED_MODULE_6__);
3006
3148
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__, _PlainTiles__WEBPACK_IMPORTED_MODULE_5__]);
3007
3149
  ([state__WEBPACK_IMPORTED_MODULE_4__, _PlainTiles__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -3195,7 +3337,7 @@ var Logo = __webpack_require__(2622);
3195
3337
  // EXTERNAL MODULE: ./src/components/SplashScreen/index.ts + 1 modules
3196
3338
  var SplashScreen = __webpack_require__(14676);
3197
3339
  // EXTERNAL MODULE: ./src/components/LogoSplashScreen/LogoSplashScreen.module.scss
3198
- var LogoSplashScreen_module = __webpack_require__(55941);
3340
+ var LogoSplashScreen_module = __webpack_require__(95377);
3199
3341
  var LogoSplashScreen_module_default = /*#__PURE__*/__webpack_require__.n(LogoSplashScreen_module);
3200
3342
  ;// CONCATENATED MODULE: ./src/components/LogoSplashScreen/LogoSplashScreen.tsx
3201
3343
 
@@ -3257,7 +3399,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
3257
3399
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(64579);
3258
3400
  /* harmony import */ var _IconButton__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(6193);
3259
3401
  /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(40265);
3260
- /* harmony import */ var _Modal_module_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(55242);
3402
+ /* harmony import */ var _Modal_module_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(45331);
3261
3403
  /* harmony import */ var _Modal_module_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_Modal_module_scss__WEBPACK_IMPORTED_MODULE_10__);
3262
3404
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_7__, _IconButton__WEBPACK_IMPORTED_MODULE_8__]);
3263
3405
  ([state__WEBPACK_IMPORTED_MODULE_7__, _IconButton__WEBPACK_IMPORTED_MODULE_8__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -3352,7 +3494,7 @@ var jsx_runtime_ = __webpack_require__(20997);
3352
3494
  var external_classnames_ = __webpack_require__(59003);
3353
3495
  var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
3354
3496
  // EXTERNAL MODULE: ./src/components/Modal/components/Section/Section.module.scss
3355
- var Section_module = __webpack_require__(5406);
3497
+ var Section_module = __webpack_require__(16778);
3356
3498
  var Section_module_default = /*#__PURE__*/__webpack_require__.n(Section_module);
3357
3499
  ;// CONCATENATED MODULE: ./src/components/Modal/components/Section/Section.tsx
3358
3500
 
@@ -3416,7 +3558,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
3416
3558
  /* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(74200);
3417
3559
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64579);
3418
3560
  /* harmony import */ var _IconButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(6193);
3419
- /* harmony import */ var _NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(25223);
3561
+ /* harmony import */ var _NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(65649);
3420
3562
  /* harmony import */ var _NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7__);
3421
3563
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_2__, state__WEBPACK_IMPORTED_MODULE_5__, _IconButton__WEBPACK_IMPORTED_MODULE_6__]);
3422
3564
  ([hooks__WEBPACK_IMPORTED_MODULE_2__, state__WEBPACK_IMPORTED_MODULE_5__, _IconButton__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -3582,7 +3724,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
3582
3724
  /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(next_link__WEBPACK_IMPORTED_MODULE_1__);
3583
3725
  /* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(44607);
3584
3726
  /* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(31773);
3585
- /* harmony import */ var _NotFound_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(8557);
3727
+ /* harmony import */ var _NotFound_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(71539);
3586
3728
  /* harmony import */ var _NotFound_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_NotFound_module_scss__WEBPACK_IMPORTED_MODULE_4__);
3587
3729
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_PlainTiles__WEBPACK_IMPORTED_MODULE_3__]);
3588
3730
  _PlainTiles__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
@@ -3658,7 +3800,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
3658
3800
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(64579);
3659
3801
  /* harmony import */ var _SvgFontCss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(28887);
3660
3802
  /* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(32546);
3661
- /* harmony import */ var _PlainTiles_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(79798);
3803
+ /* harmony import */ var _PlainTiles_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(66029);
3662
3804
  /* harmony import */ var _PlainTiles_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_PlainTiles_module_scss__WEBPACK_IMPORTED_MODULE_8__);
3663
3805
  /* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(81718);
3664
3806
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__]);
@@ -3907,7 +4049,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
3907
4049
  /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
3908
4050
  /* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(74200);
3909
4051
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(64579);
3910
- /* harmony import */ var _Progress_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(27217);
4052
+ /* harmony import */ var _Progress_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(85040);
3911
4053
  /* harmony import */ var _Progress_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_Progress_module_scss__WEBPACK_IMPORTED_MODULE_4__);
3912
4054
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_3__]);
3913
4055
  state__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
@@ -3978,7 +4120,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
3978
4120
  /* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(77586);
3979
4121
  /* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(95784);
3980
4122
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(64579);
3981
- /* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(30277);
4123
+ /* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(38135);
3982
4124
  /* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_Rack_module_scss__WEBPACK_IMPORTED_MODULE_8__);
3983
4125
  /* harmony import */ var _RackTile__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(84840);
3984
4126
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_6__, _RackTile__WEBPACK_IMPORTED_MODULE_7__]);
@@ -4131,7 +4273,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
4131
4273
  /* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(95784);
4132
4274
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64579);
4133
4275
  /* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(57243);
4134
- /* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(30277);
4276
+ /* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(38135);
4135
4277
  /* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_Rack_module_scss__WEBPACK_IMPORTED_MODULE_7__);
4136
4278
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__, _Tile__WEBPACK_IMPORTED_MODULE_6__]);
4137
4279
  ([state__WEBPACK_IMPORTED_MODULE_5__, _Tile__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -4261,7 +4403,7 @@ var jsx_runtime_ = __webpack_require__(20997);
4261
4403
  var external_classnames_ = __webpack_require__(59003);
4262
4404
  var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
4263
4405
  // EXTERNAL MODULE: ./src/components/Radio/Radio.module.scss
4264
- var Radio_module = __webpack_require__(59758);
4406
+ var Radio_module = __webpack_require__(68589);
4265
4407
  var Radio_module_default = /*#__PURE__*/__webpack_require__.n(Radio_module);
4266
4408
  ;// CONCATENATED MODULE: ./src/components/Radio/Radio.tsx
4267
4409
 
@@ -4312,7 +4454,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
4312
4454
  /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
4313
4455
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(64579);
4314
4456
  /* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7646);
4315
- /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(54206);
4457
+ /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6834);
4316
4458
  /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_Results_module_scss__WEBPACK_IMPORTED_MODULE_4__);
4317
4459
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_2__, _Tooltip__WEBPACK_IMPORTED_MODULE_3__]);
4318
4460
  ([state__WEBPACK_IMPORTED_MODULE_2__, _Tooltip__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -4357,7 +4499,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
4357
4499
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(64579);
4358
4500
  /* harmony import */ var types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(9033);
4359
4501
  /* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(7646);
4360
- /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(54206);
4502
+ /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(6834);
4361
4503
  /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_Results_module_scss__WEBPACK_IMPORTED_MODULE_7__);
4362
4504
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__, _Tooltip__WEBPACK_IMPORTED_MODULE_6__]);
4363
4505
  ([state__WEBPACK_IMPORTED_MODULE_4__, _Tooltip__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -4431,7 +4573,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
4431
4573
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64579);
4432
4574
  /* harmony import */ var types__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(9033);
4433
4575
  /* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(27085);
4434
- /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(54206);
4576
+ /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(6834);
4435
4577
  /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_Results_module_scss__WEBPACK_IMPORTED_MODULE_9__);
4436
4578
  /* harmony import */ var _useColumns__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(19970);
4437
4579
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__, _Cell__WEBPACK_IMPORTED_MODULE_7__, _useColumns__WEBPACK_IMPORTED_MODULE_8__]);
@@ -4550,7 +4692,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
4550
4692
  /* harmony import */ var _ResultsInput__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(92833);
4551
4693
  /* harmony import */ var _HeaderButton__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(58748);
4552
4694
  /* harmony import */ var _Result__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(73975);
4553
- /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(54206);
4695
+ /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(6834);
4554
4696
  /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_Results_module_scss__WEBPACK_IMPORTED_MODULE_14__);
4555
4697
  /* harmony import */ var _SolveButton__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(21834);
4556
4698
  /* harmony import */ var _useColumns__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(19970);
@@ -4745,7 +4887,7 @@ __webpack_async_result__();
4745
4887
  /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
4746
4888
  /* harmony export */ });
4747
4889
  /* harmony import */ var types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9033);
4748
- /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(54206);
4890
+ /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6834);
4749
4891
  /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_Results_module_scss__WEBPACK_IMPORTED_MODULE_1__);
4750
4892
 
4751
4893
 
@@ -4896,7 +5038,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
4896
5038
  /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_3__);
4897
5039
  /* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(95784);
4898
5040
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64579);
4899
- /* harmony import */ var _ResultsInput_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(55293);
5041
+ /* harmony import */ var _ResultsInput_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(62440);
4900
5042
  /* harmony import */ var _ResultsInput_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_ResultsInput_module_scss__WEBPACK_IMPORTED_MODULE_6__);
4901
5043
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__]);
4902
5044
  state__WEBPACK_IMPORTED_MODULE_5__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
@@ -5006,7 +5148,7 @@ var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_cl
5006
5148
  // EXTERNAL MODULE: external "react"
5007
5149
  var external_react_ = __webpack_require__(16689);
5008
5150
  // EXTERNAL MODULE: ./src/components/Sizer/Sizer.module.scss
5009
- var Sizer_module = __webpack_require__(23826);
5151
+ var Sizer_module = __webpack_require__(32262);
5010
5152
  var Sizer_module_default = /*#__PURE__*/__webpack_require__.n(Sizer_module);
5011
5153
  ;// CONCATENATED MODULE: ./src/components/Sizer/Sizer.tsx
5012
5154
 
@@ -5054,7 +5196,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
5054
5196
  /* harmony import */ var _Results__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(21678);
5055
5197
  /* harmony import */ var _Well__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(34473);
5056
5198
  /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(51639);
5057
- /* harmony import */ var _Solver_module_scss__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(90375);
5199
+ /* harmony import */ var _Solver_module_scss__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(70591);
5058
5200
  /* harmony import */ var _Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15__);
5059
5201
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_5__, state__WEBPACK_IMPORTED_MODULE_7__, _Board__WEBPACK_IMPORTED_MODULE_8__, _Dictionary__WEBPACK_IMPORTED_MODULE_9__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_10__, _Rack__WEBPACK_IMPORTED_MODULE_11__, _Results__WEBPACK_IMPORTED_MODULE_12__, _components__WEBPACK_IMPORTED_MODULE_14__]);
5060
5202
  ([hooks__WEBPACK_IMPORTED_MODULE_5__, state__WEBPACK_IMPORTED_MODULE_7__, _Board__WEBPACK_IMPORTED_MODULE_8__, _Dictionary__WEBPACK_IMPORTED_MODULE_9__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_10__, _Rack__WEBPACK_IMPORTED_MODULE_11__, _Results__WEBPACK_IMPORTED_MODULE_12__, _components__WEBPACK_IMPORTED_MODULE_14__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -5215,7 +5357,6 @@ const Solver = ({ className , height , width , onShowResults })=>{
5215
5357
  className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().bottomContent),
5216
5358
  children: [
5217
5359
  /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("form", {
5218
- className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().rackContainer),
5219
5360
  onSubmit: handleSubmit,
5220
5361
  children: [
5221
5362
  /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Rack__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {
@@ -5285,7 +5426,7 @@ var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_cl
5285
5426
  // EXTERNAL MODULE: ./src/icons/index.ts + 40 modules
5286
5427
  var icons = __webpack_require__(44607);
5287
5428
  // EXTERNAL MODULE: ./src/components/Solver/components/EmptyState/EmptyState.module.scss
5288
- var EmptyState_module = __webpack_require__(74048);
5429
+ var EmptyState_module = __webpack_require__(57094);
5289
5430
  var EmptyState_module_default = /*#__PURE__*/__webpack_require__.n(EmptyState_module);
5290
5431
  ;// CONCATENATED MODULE: ./src/components/Solver/components/EmptyState/EmptyState.tsx
5291
5432
 
@@ -5345,7 +5486,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
5345
5486
  /* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(44607);
5346
5487
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(64579);
5347
5488
  /* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(96753);
5348
- /* harmony import */ var _InsertButton_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(99725);
5489
+ /* harmony import */ var _InsertButton_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(37468);
5349
5490
  /* harmony import */ var _InsertButton_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_InsertButton_module_scss__WEBPACK_IMPORTED_MODULE_6__);
5350
5491
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__, _Button__WEBPACK_IMPORTED_MODULE_5__]);
5351
5492
  ([state__WEBPACK_IMPORTED_MODULE_4__, _Button__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -5420,7 +5561,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
5420
5561
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(64579);
5421
5562
  /* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(96753);
5422
5563
  /* harmony import */ var _InsertButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(12343);
5423
- /* harmony import */ var _ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(50495);
5564
+ /* harmony import */ var _ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(99776);
5424
5565
  /* harmony import */ var _ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7__);
5425
5566
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__, _Button__WEBPACK_IMPORTED_MODULE_5__, _InsertButton__WEBPACK_IMPORTED_MODULE_6__]);
5426
5567
  ([state__WEBPACK_IMPORTED_MODULE_4__, _Button__WEBPACK_IMPORTED_MODULE_5__, _InsertButton__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -5562,7 +5703,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
5562
5703
  /* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(95784);
5563
5704
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64579);
5564
5705
  /* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(96753);
5565
- /* harmony import */ var _SolveButton_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(61077);
5706
+ /* harmony import */ var _SolveButton_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(26263);
5566
5707
  /* harmony import */ var _SolveButton_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_SolveButton_module_scss__WEBPACK_IMPORTED_MODULE_7__);
5567
5708
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__, _Button__WEBPACK_IMPORTED_MODULE_6__]);
5568
5709
  ([state__WEBPACK_IMPORTED_MODULE_5__, _Button__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -5682,7 +5823,7 @@ var jsx_runtime_ = __webpack_require__(20997);
5682
5823
  var external_classnames_ = __webpack_require__(59003);
5683
5824
  var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
5684
5825
  // EXTERNAL MODULE: ./src/components/SplashScreen/SplashScreen.module.scss
5685
- var SplashScreen_module = __webpack_require__(3713);
5826
+ var SplashScreen_module = __webpack_require__(36841);
5686
5827
  var SplashScreen_module_default = /*#__PURE__*/__webpack_require__.n(SplashScreen_module);
5687
5828
  ;// CONCATENATED MODULE: ./src/components/SplashScreen/SplashScreen.tsx
5688
5829
 
@@ -5763,7 +5904,7 @@ var i18n = __webpack_require__(77586);
5763
5904
  // EXTERNAL MODULE: ./src/components/SvgFontCss/index.ts + 2 modules
5764
5905
  var SvgFontCss = __webpack_require__(28887);
5765
5906
  // EXTERNAL MODULE: ./src/components/SvgFontFix/SvgFontFix.module.scss
5766
- var SvgFontFix_module = __webpack_require__(48564);
5907
+ var SvgFontFix_module = __webpack_require__(93712);
5767
5908
  var SvgFontFix_module_default = /*#__PURE__*/__webpack_require__.n(SvgFontFix_module);
5768
5909
  ;// CONCATENATED MODULE: ./src/components/SvgFontFix/SvgFontFix.tsx
5769
5910
 
@@ -5803,12 +5944,13 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
5803
5944
  /* harmony import */ var merge_refs__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(merge_refs__WEBPACK_IMPORTED_MODULE_2__);
5804
5945
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(16689);
5805
5946
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
5806
- /* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(95784);
5807
- /* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(74200);
5808
- /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(64579);
5809
- /* harmony import */ var _TilePure__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(26098);
5810
- var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_6__]);
5811
- state__WEBPACK_IMPORTED_MODULE_6__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
5947
+ /* harmony import */ var hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(46230);
5948
+ /* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(95784);
5949
+ /* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(74200);
5950
+ /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(64579);
5951
+ /* harmony import */ var _TilePure__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(26098);
5952
+ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_4__, state__WEBPACK_IMPORTED_MODULE_7__]);
5953
+ ([hooks__WEBPACK_IMPORTED_MODULE_4__, state__WEBPACK_IMPORTED_MODULE_7__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
5812
5954
 
5813
5955
 
5814
5956
 
@@ -5817,9 +5959,10 @@ state__WEBPACK_IMPORTED_MODULE_6__ = (__webpack_async_dependencies__.then ? (awa
5817
5959
 
5818
5960
 
5819
5961
 
5820
- const Tile = ({ "aria-label": ariaLabel , autoFocus , className , character ="" , disabled , highlighted , inputRef , isBlank , isValid , placeholder , points , raised , size , tabIndex , onChange , onFocus =lib__WEBPACK_IMPORTED_MODULE_4__/* .noop */ .ZT , onKeyDown =lib__WEBPACK_IMPORTED_MODULE_4__/* .noop */ .ZT })=>{
5821
- const locale = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectLocale */ .fN);
5822
- const { pointsFontSize , tileFontSize , tileSize } = (0,lib__WEBPACK_IMPORTED_MODULE_4__/* .getTileSizes */ .vc)(size);
5962
+
5963
+ const Tile = ({ "aria-label": ariaLabel , autoFocus , className , character ="" , disabled , highlighted , inputRef , isBlank , isValid , placeholder , points , raised , size , tabIndex , onChange , onFocus =lib__WEBPACK_IMPORTED_MODULE_5__/* .noop */ .ZT , onKeyDown =lib__WEBPACK_IMPORTED_MODULE_5__/* .noop */ .ZT })=>{
5964
+ const locale = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectLocale */ .fN);
5965
+ const { pointsFontSize , tileFontSize , tileSize } = (0,lib__WEBPACK_IMPORTED_MODULE_5__/* .getTileSizes */ .vc)(size);
5823
5966
  const style = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(()=>({
5824
5967
  height: tileSize,
5825
5968
  width: tileSize
@@ -5839,7 +5982,8 @@ const Tile = ({ "aria-label": ariaLabel , autoFocus , className , character =""
5839
5982
  const ref = (0,react__WEBPACK_IMPORTED_MODULE_3__.useRef)(null);
5840
5983
  const mergedRef = inputRef ? merge_refs__WEBPACK_IMPORTED_MODULE_2___default()(ref, inputRef) : ref;
5841
5984
  const isEmpty = !character || character === _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__.EMPTY_CELL;
5842
- const canShowPoints = (isBlank || !isEmpty) && typeof points !== "undefined";
5985
+ const isLessThanXs = (0,hooks__WEBPACK_IMPORTED_MODULE_4__/* .useMediaQuery */ .ac)("<xs");
5986
+ const canShowPoints = (isBlank || !isEmpty) && typeof points !== "undefined" && !isLessThanXs;
5843
5987
  const pointsFormatted = typeof points === "number" ? points.toLocaleString(locale) : "";
5844
5988
  const handleKeyDown = (event)=>{
5845
5989
  ref.current?.select();
@@ -5854,18 +5998,19 @@ const Tile = ({ "aria-label": ariaLabel , autoFocus , className , character =""
5854
5998
  ref
5855
5999
  ]);
5856
6000
  (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(()=>{
5857
- if (!ref.current?.parentElement || !character) {
6001
+ if (!ref.current?.parentElement || !character || isLessThanXs) {
5858
6002
  return;
5859
6003
  }
5860
- ref.current.parentElement.animate(parameters__WEBPACK_IMPORTED_MODULE_5__/* .TILE_APPEAR_KEYFRAMES */ .e2, {
5861
- duration: parameters__WEBPACK_IMPORTED_MODULE_5__/* .TILE_APPEAR_DURATION */ .PF,
5862
- easing: parameters__WEBPACK_IMPORTED_MODULE_5__/* .EASE_OUT_CUBIC */ .Kc,
6004
+ ref.current.parentElement.animate(parameters__WEBPACK_IMPORTED_MODULE_6__/* .TILE_APPEAR_KEYFRAMES */ .e2, {
6005
+ duration: parameters__WEBPACK_IMPORTED_MODULE_6__/* .TILE_APPEAR_DURATION */ .PF,
6006
+ easing: parameters__WEBPACK_IMPORTED_MODULE_6__/* .EASE_OUT_CUBIC */ .Kc,
5863
6007
  fill: "forwards"
5864
6008
  });
5865
6009
  }, [
5866
- character
6010
+ character,
6011
+ isLessThanXs
5867
6012
  ]);
5868
- return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_TilePure__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
6013
+ return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_TilePure__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
5869
6014
  "aria-label": ariaLabel,
5870
6015
  autoFocus: autoFocus,
5871
6016
  canShowPoints: canShowPoints,
@@ -5910,7 +6055,7 @@ __webpack_async_result__();
5910
6055
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
5911
6056
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
5912
6057
  /* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(44607);
5913
- /* harmony import */ var _Tile_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(68716);
6058
+ /* harmony import */ var _Tile_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(74018);
5914
6059
  /* harmony import */ var _Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4__);
5915
6060
 
5916
6061
 
@@ -5932,24 +6077,21 @@ const TilePure = ({ "aria-label": ariaLabel , autoFocus , canShowPoints , charac
5932
6077
  }),
5933
6078
  style: style,
5934
6079
  children: [
5935
- /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
5936
- className: (_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().inputContainer),
5937
- children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
5938
- "aria-label": ariaLabel,
5939
- autoCapitalize: "none",
5940
- autoComplete: "off",
5941
- autoCorrect: "off",
5942
- autoFocus: autoFocus,
5943
- className: (_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().input),
5944
- disabled: disabled,
5945
- ref: inputRef,
5946
- spellCheck: false,
5947
- tabIndex: tabIndex,
5948
- value: character || "",
5949
- onChange: onChange,
5950
- onFocus: onFocus,
5951
- onKeyDown: onKeyDown
5952
- })
6080
+ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
6081
+ "aria-label": ariaLabel,
6082
+ autoCapitalize: "none",
6083
+ autoComplete: "off",
6084
+ autoCorrect: "off",
6085
+ autoFocus: autoFocus,
6086
+ className: (_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().input),
6087
+ disabled: disabled,
6088
+ ref: inputRef,
6089
+ spellCheck: false,
6090
+ tabIndex: tabIndex,
6091
+ value: character || "",
6092
+ onChange: onChange,
6093
+ onFocus: onFocus,
6094
+ onKeyDown: onKeyDown
5953
6095
  }),
5954
6096
  placeholder && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
5955
6097
  className: (_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().placeholder),
@@ -6003,7 +6145,7 @@ __webpack_async_result__();
6003
6145
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
6004
6146
  /* harmony export */ "v": () => (/* binding */ MODIFIERS)
6005
6147
  /* harmony export */ });
6006
- /* harmony import */ var _Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(41333);
6148
+ /* harmony import */ var _Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(19417);
6007
6149
  /* harmony import */ var _Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_0__);
6008
6150
 
6009
6151
  const ARROW_SIZE = parseInt((_Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_0___default().ARROW_SIZE), 10);
@@ -6077,7 +6219,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
6077
6219
  /* harmony import */ var hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(46230);
6078
6220
  /* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(95784);
6079
6221
  /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(56667);
6080
- /* harmony import */ var _Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(41333);
6222
+ /* harmony import */ var _Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(19417);
6081
6223
  /* harmony import */ var _Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_8__);
6082
6224
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_5__]);
6083
6225
  hooks__WEBPACK_IMPORTED_MODULE_5__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
@@ -6219,7 +6361,7 @@ var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_cl
6219
6361
  // EXTERNAL MODULE: external "react"
6220
6362
  var external_react_ = __webpack_require__(16689);
6221
6363
  // EXTERNAL MODULE: ./src/components/Well/Well.module.scss
6222
- var Well_module = __webpack_require__(7221);
6364
+ var Well_module = __webpack_require__(98119);
6223
6365
  var Well_module_default = /*#__PURE__*/__webpack_require__.n(Well_module);
6224
6366
  ;// CONCATENATED MODULE: ./src/components/Well/Well.tsx
6225
6367
 
@@ -6523,18 +6665,21 @@ state__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (awa
6523
6665
  const useLocalStorageBoard = ()=>{
6524
6666
  const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();
6525
6667
  const board = (0,state__WEBPACK_IMPORTED_MODULE_3__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_3__/* .selectBoard */ .ZO);
6668
+ const [isLoaded, setIsLoaded] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
6526
6669
  (0,react_use__WEBPACK_IMPORTED_MODULE_2__.useEffectOnce)(()=>{
6527
6670
  const persistedBoard = state__WEBPACK_IMPORTED_MODULE_3__/* .localStorage.getBoard */ .Xb.getBoard();
6528
6671
  if (persistedBoard) {
6529
6672
  dispatch(state__WEBPACK_IMPORTED_MODULE_3__/* .boardSlice.actions.init */ .I8.actions.init(persistedBoard));
6530
6673
  }
6674
+ setIsLoaded(true);
6531
6675
  });
6532
6676
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
6533
- if (board) {
6677
+ if (board && isLoaded) {
6534
6678
  state__WEBPACK_IMPORTED_MODULE_3__/* .localStorage.setBoard */ .Xb.setBoard(board);
6535
6679
  }
6536
6680
  }, [
6537
- board
6681
+ board,
6682
+ isLoaded
6538
6683
  ]);
6539
6684
  };
6540
6685
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useLocalStorageBoard);
@@ -6568,6 +6713,7 @@ state__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (awa
6568
6713
  const useLocalStorageConfigId = ()=>{
6569
6714
  const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();
6570
6715
  const configId = (0,state__WEBPACK_IMPORTED_MODULE_3__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_3__/* .selectConfigId */ .md);
6716
+ const [isLoaded, setIsLoaded] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
6571
6717
  (0,react_use__WEBPACK_IMPORTED_MODULE_2__.useEffectOnce)(()=>{
6572
6718
  const persistedConfigId = state__WEBPACK_IMPORTED_MODULE_3__/* .localStorage.getConfigId */ .Xb.getConfigId();
6573
6719
  if (persistedConfigId) {
@@ -6575,13 +6721,15 @@ const useLocalStorageConfigId = ()=>{
6575
6721
  configId: persistedConfigId
6576
6722
  }));
6577
6723
  }
6724
+ setIsLoaded(true);
6578
6725
  });
6579
6726
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
6580
- if (configId) {
6727
+ if (configId && isLoaded) {
6581
6728
  state__WEBPACK_IMPORTED_MODULE_3__/* .localStorage.setConfigId */ .Xb.setConfigId(configId);
6582
6729
  }
6583
6730
  }, [
6584
- configId
6731
+ configId,
6732
+ isLoaded
6585
6733
  ]);
6586
6734
  };
6587
6735
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useLocalStorageConfigId);
@@ -6617,6 +6765,7 @@ state__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? (awa
6617
6765
  const useLocalStorageLocale = ()=>{
6618
6766
  const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();
6619
6767
  const locale = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectLocale */ .fN);
6768
+ const [isLoaded, setIsLoaded] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
6620
6769
  (0,react_use__WEBPACK_IMPORTED_MODULE_2__.useEffectOnce)(()=>{
6621
6770
  const persistedLocale = state__WEBPACK_IMPORTED_MODULE_4__/* .localStorage.getLocale */ .Xb.getLocale();
6622
6771
  if (persistedLocale) {
@@ -6628,13 +6777,15 @@ const useLocalStorageLocale = ()=>{
6628
6777
  locale: (0,lib__WEBPACK_IMPORTED_MODULE_3__/* .detectLocale */ .Nj)()
6629
6778
  }));
6630
6779
  }
6780
+ setIsLoaded(true);
6631
6781
  });
6632
6782
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
6633
- if (locale) {
6783
+ if (locale && isLoaded) {
6634
6784
  state__WEBPACK_IMPORTED_MODULE_4__/* .localStorage.setLocale */ .Xb.setLocale(locale);
6635
6785
  }
6636
6786
  }, [
6637
- locale
6787
+ locale,
6788
+ isLoaded
6638
6789
  ]);
6639
6790
  };
6640
6791
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useLocalStorageLocale);
@@ -6668,17 +6819,20 @@ state__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (awa
6668
6819
  const useLocalStorageRack = ()=>{
6669
6820
  const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();
6670
6821
  const rack = (0,state__WEBPACK_IMPORTED_MODULE_3__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_3__/* .selectRack */ .QB);
6822
+ const [isLoaded, setIsLoaded] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
6671
6823
  (0,react_use__WEBPACK_IMPORTED_MODULE_2__.useEffectOnce)(()=>{
6672
6824
  const persistedRack = state__WEBPACK_IMPORTED_MODULE_3__/* .localStorage.getRack */ .Xb.getRack();
6673
6825
  if (persistedRack) {
6674
6826
  dispatch(state__WEBPACK_IMPORTED_MODULE_3__/* .rackSlice.actions.init */ .O_.actions.init(persistedRack));
6675
6827
  }
6828
+ setIsLoaded(true);
6676
6829
  });
6677
6830
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
6678
- if (rack) {
6831
+ if (rack && isLoaded) {
6679
6832
  state__WEBPACK_IMPORTED_MODULE_3__/* .localStorage.setRack */ .Xb.setRack(rack);
6680
6833
  }
6681
6834
  }, [
6835
+ isLoaded,
6682
6836
  rack
6683
6837
  ]);
6684
6838
  };
@@ -8414,6 +8568,7 @@ const zipCharactersAndTiles = (characters, tiles)=>{
8414
8568
  /* harmony export */ "BF": () => (/* binding */ PLAIN_TILES_COLOR_DEFAULT),
8415
8569
  /* harmony export */ "D": () => (/* binding */ PLAIN_TILES_TILE_MAX_SCATTER),
8416
8570
  /* harmony export */ "F1": () => (/* binding */ COLOR_GREEN),
8571
+ /* harmony export */ "IO": () => (/* binding */ BOARD_CELL_ACTIONS_OFFSET),
8417
8572
  /* harmony export */ "Kc": () => (/* binding */ EASE_OUT_CUBIC),
8418
8573
  /* harmony export */ "Kw": () => (/* binding */ BOARD_TILE_SIZE_MAX),
8419
8574
  /* harmony export */ "MA": () => (/* binding */ TRANSITION_DURATION_LONG),
@@ -8442,6 +8597,7 @@ const zipCharactersAndTiles = (characters, tiles)=>{
8442
8597
  /* harmony export */ "xZ": () => (/* binding */ PROGRESS_COLOR_VALUE),
8443
8598
  /* harmony export */ "yg": () => (/* binding */ COLOR_RED),
8444
8599
  /* harmony export */ "yr": () => (/* binding */ COLOR_YELLOW),
8600
+ /* harmony export */ "yz": () => (/* binding */ TRANSITION),
8445
8601
  /* harmony export */ "z": () => (/* binding */ COLUMN_MIN_HEIGHT)
8446
8602
  /* harmony export */ });
8447
8603
  /* unused harmony exports TRANSITION_DURATION, BOARD_CELL_BORDER_WIDTH, TILE_SIZE, PLAIN_TILES_VERSION_TILE_COLOR, PLAIN_TILES_VERSION_TILE_SIZE */
@@ -8453,6 +8609,7 @@ const BREAKPOINTS = {
8453
8609
  xl: 1400
8454
8610
  };
8455
8611
  const EASE_OUT_CUBIC = "cubic-bezier(0.33, 1, 0.68, 1)"; // https://easings.net/#easeOutCubic
8612
+ const TRANSITION = "var(--transition)";
8456
8613
  const GITHUB_PROJECT_URL = "https://github.com/kamilmielnik/scrabble-solver";
8457
8614
  const INITIALIZATION_DURATION = 100;
8458
8615
  const TRANSITION_DURATION = 100;
@@ -8463,6 +8620,7 @@ const COLOR_RED = "#f7c2aa";
8463
8620
  const COLOR_YELLOW = "#efe3ae";
8464
8621
  const COMPONENTS_SPACING = 40;
8465
8622
  const COMPONENTS_SPACING_SMALL = 20;
8623
+ const BOARD_CELL_ACTIONS_OFFSET = 3;
8466
8624
  const BOARD_CELL_BORDER_WIDTH = 1;
8467
8625
  const BOARD_TILE_FONT_SIZE_MIN = 14;
8468
8626
  const BOARD_TILE_FONT_SIZE_POINTS_MIN = 10;
@@ -8507,17 +8665,14 @@ const RESULTS_INPUT_HEIGHT = 40;
8507
8665
  const TILE_APPEAR_DURATION = 200;
8508
8666
  const TILE_APPEAR_KEYFRAMES = [
8509
8667
  {
8510
- transform: "translateY(0)",
8511
- zIndex: 2
8668
+ transform: "translateY(0)"
8512
8669
  },
8513
8670
  {
8514
8671
  transform: "translateY(10%)",
8515
- offset: 0.5,
8516
- zIndex: 2
8672
+ offset: 0.5
8517
8673
  },
8518
8674
  {
8519
- transform: "translateY(0)",
8520
- zIndex: 1
8675
+ transform: "translateY(0)"
8521
8676
  }
8522
8677
  ];
8523
8678