@internetarchive/bookreader 5.0.0-40-a1 → 5.0.0-40

Sign up to get free protection for your applications and to get access to all the features.
Files changed (27) hide show
  1. package/BookReader/BookReader.css +39 -6
  2. package/BookReader/BookReader.js +1 -1
  3. package/BookReader/BookReader.js.map +1 -1
  4. package/BookReader/ia-bookreader-bundle.js +55 -185
  5. package/BookReader/ia-bookreader-bundle.js.LICENSE.txt +0 -25
  6. package/BookReader/ia-bookreader-bundle.js.map +1 -1
  7. package/BookReader/plugins/plugin.search.js +1 -1
  8. package/BookReader/plugins/plugin.search.js.map +1 -1
  9. package/BookReader/plugins/plugin.tts.js +1 -1
  10. package/BookReader/plugins/plugin.tts.js.map +1 -1
  11. package/CHANGELOG.md +5 -0
  12. package/package.json +2 -2
  13. package/src/BookNavigator/search/search-provider.js +6 -8
  14. package/src/BookReader/PageContainer.js +14 -2
  15. package/src/BookReader/utils.js +24 -0
  16. package/src/BookReader.js +2 -4
  17. package/src/css/_BRsearch.scss +18 -5
  18. package/src/plugins/search/plugin.search.js +60 -14
  19. package/src/plugins/search/view.js +1 -7
  20. package/src/plugins/tts/FestivalTTSEngine.js +1 -1
  21. package/src/plugins/tts/WebTTSEngine.js +2 -1
  22. package/src/plugins/tts/utils.js +0 -9
  23. package/tests/jest/BookReader/BookReaderPublicFunctions.test.js +1 -1
  24. package/tests/jest/BookReader/PageContainer.test.js +9 -0
  25. package/tests/jest/BookReader/utils.test.js +50 -0
  26. package/tests/jest/plugins/tts/utils.test.js +0 -25
  27. package/tests/karma/BookNavigator/search/search-provider.test.js +0 -17
package/BookReader/BookReader.css CHANGED
@@ -1494,9 +1494,42 @@ i.BRicon {
1494
1494
  pointer-events: none;
1495
1495
  }
1496
1496
  .BookReader .searchHiliteLayer rect, .BookReader .ttsHiliteLayer rect, .BRmobileMenu .searchHiliteLayer rect, .BRmobileMenu .ttsHiliteLayer rect, .BRfloat .searchHiliteLayer rect, .BRfloat .ttsHiliteLayer rect {
1497
- fill: #0000ff;
1498
- fill-opacity: 0.2;
1499
- animation: hiliteFadeIn 0.2s;
1497
+ fill: rgba(0, 0, 255, 0.2);
1498
+ }
1499
+ .BookReader .searchHiliteLayer rect, .BRmobileMenu .searchHiliteLayer rect, .BRfloat .searchHiliteLayer rect {
1500
+ animation: highlightFocus 600ms 1 reverse;
1501
+ stroke: blue;
1502
+ stroke-width: 4px;
1503
+ }
1504
+ .BookReader .searchHiliteLayer rect:nth-child(1), .BRmobileMenu .searchHiliteLayer rect:nth-child(1), .BRfloat .searchHiliteLayer rect:nth-child(1) {
1505
+ animation-delay: 0ms;
1506
+ }
1507
+ .BookReader .searchHiliteLayer rect:nth-child(2), .BRmobileMenu .searchHiliteLayer rect:nth-child(2), .BRfloat .searchHiliteLayer rect:nth-child(2) {
1508
+ animation-delay: 50ms;
1509
+ }
1510
+ .BookReader .searchHiliteLayer rect:nth-child(3), .BRmobileMenu .searchHiliteLayer rect:nth-child(3), .BRfloat .searchHiliteLayer rect:nth-child(3) {
1511
+ animation-delay: 100ms;
1512
+ }
1513
+ .BookReader .searchHiliteLayer rect:nth-child(4), .BRmobileMenu .searchHiliteLayer rect:nth-child(4), .BRfloat .searchHiliteLayer rect:nth-child(4) {
1514
+ animation-delay: 150ms;
1515
+ }
1516
+ .BookReader .searchHiliteLayer rect:nth-child(5), .BRmobileMenu .searchHiliteLayer rect:nth-child(5), .BRfloat .searchHiliteLayer rect:nth-child(5) {
1517
+ animation-delay: 200ms;
1518
+ }
1519
+ .BookReader .searchHiliteLayer rect:nth-child(6), .BRmobileMenu .searchHiliteLayer rect:nth-child(6), .BRfloat .searchHiliteLayer rect:nth-child(6) {
1520
+ animation-delay: 250ms;
1521
+ }
1522
+ .BookReader .searchHiliteLayer rect:nth-child(7), .BRmobileMenu .searchHiliteLayer rect:nth-child(7), .BRfloat .searchHiliteLayer rect:nth-child(7) {
1523
+ animation-delay: 300ms;
1524
+ }
1525
+ .BookReader .searchHiliteLayer rect:nth-child(8), .BRmobileMenu .searchHiliteLayer rect:nth-child(8), .BRfloat .searchHiliteLayer rect:nth-child(8) {
1526
+ animation-delay: 350ms;
1527
+ }
1528
+ .BookReader .searchHiliteLayer rect:nth-child(9), .BRmobileMenu .searchHiliteLayer rect:nth-child(9), .BRfloat .searchHiliteLayer rect:nth-child(9) {
1529
+ animation-delay: 400ms;
1530
+ }
1531
+ .BookReader .searchHiliteLayer rect:nth-child(10), .BRmobileMenu .searchHiliteLayer rect:nth-child(10), .BRfloat .searchHiliteLayer rect:nth-child(10) {
1532
+ animation-delay: 450ms;
1500
1533
  }
1501
1534
  .BookReader .BRchapter, .BookReader .BRsearch, .BRmobileMenu .BRchapter, .BRmobileMenu .BRsearch, .BRfloat .BRchapter, .BRfloat .BRsearch {
1502
1535
  position: absolute;
@@ -1648,9 +1681,9 @@ i.BRicon {
1648
1681
  display: none;
1649
1682
  }
1650
1683
 
1651
- @keyframes hiliteFadeIn {
1652
- from {
1653
- fill-opacity: 0;
1684
+ @keyframes highlightFocus {
1685
+ to {
1686
+ stroke-width: 20px;
1654
1687
  }
1655
1688
  }
1656
1689
  /* Mid size breakpoint */