@internetarchive/bookreader 5.0.0-116 → 5.0.0-117

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 (36) hide show
  1. package/BookReader/BookReader.css +44 -18
  2. package/BookReader/BookReader.js +1 -1
  3. package/BookReader/BookReader.js.map +1 -1
  4. package/BookReader/ia-bookreader-bundle.js +74 -74
  5. package/BookReader/ia-bookreader-bundle.js.map +1 -1
  6. package/BookReader/plugins/plugin.archive_analytics.js +1 -1
  7. package/BookReader/plugins/plugin.autoplay.js +1 -1
  8. package/BookReader/plugins/plugin.autoplay.js.map +1 -1
  9. package/BookReader/plugins/plugin.chapters.js +2 -2
  10. package/BookReader/plugins/plugin.chapters.js.map +1 -1
  11. package/BookReader/plugins/plugin.experiments.js +1 -1
  12. package/BookReader/plugins/plugin.experiments.js.map +1 -1
  13. package/BookReader/plugins/plugin.iframe.js +1 -1
  14. package/BookReader/plugins/plugin.iframe.js.map +1 -1
  15. package/BookReader/plugins/plugin.iiif.js +1 -1
  16. package/BookReader/plugins/plugin.resume.js +1 -1
  17. package/BookReader/plugins/plugin.search.js +1 -1
  18. package/BookReader/plugins/plugin.search.js.map +1 -1
  19. package/BookReader/plugins/plugin.text_selection.js +22 -2
  20. package/BookReader/plugins/plugin.text_selection.js.map +1 -1
  21. package/BookReader/plugins/plugin.translate.js +23 -3
  22. package/BookReader/plugins/plugin.translate.js.map +1 -1
  23. package/BookReader/plugins/plugin.tts.js +1 -1
  24. package/BookReader/plugins/plugin.tts.js.map +1 -1
  25. package/BookReader/plugins/plugin.url.js +1 -1
  26. package/README.md +3 -1
  27. package/package.json +33 -29
  28. package/src/BookReader.js +16 -0
  29. package/src/css/_TextSelection.scss +51 -18
  30. package/src/plugins/plugin.chapters.js +8 -4
  31. package/src/plugins/plugin.iframe.js +36 -37
  32. package/src/plugins/plugin.text_selection.js +36 -11
  33. package/src/plugins/search/plugin.search.js +2 -8
  34. package/src/plugins/tts/plugin.tts.js +3 -8
  35. package/src/util/TextSelectionManager.js +53 -8
  36. package/src/util/dom.js +88 -0
package/BookReader/BookReader.css CHANGED
@@ -2284,14 +2284,22 @@ ia-bookreader .BRtoolbar {
2284
2284
 
2285
2285
  .br-select-menu__root {
2286
2286
  display: none;
2287
- border-radius: 20px;
2288
- background-color: #333;
2289
2287
  color: white;
2290
2288
  color-scheme: dark;
2291
2289
  padding: 2px;
2292
2290
  overflow: hidden;
2293
2291
  opacity: 1;
2294
- transition: border-radius 0.2s, opacity 0.2s;
2292
+ transition: opacity 0.2s;
2293
+ gap: 5px;
2294
+ }
2295
+ .br-select-menu__root[open] {
2296
+ display: flex;
2297
+ }
2298
+ .br-select-menu__root[showextended] {
2299
+ display: block;
2300
+ gap: 0px;
2301
+ background-color: #333;
2302
+ border-radius: 10px;
2295
2303
  }
2296
2304
  @starting-style {
2297
2305
  .br-select-menu__root {
@@ -2304,14 +2312,6 @@ ia-bookreader .BRtoolbar {
2304
2312
  pointer-events: none;
2305
2313
  }
2306
2314
 
2307
- .br-select-menu__root:hover {
2308
- border-radius: 8px;
2309
- }
2310
-
2311
- .br-select-menu__root:hover .br-select-menu__option {
2312
- border-radius: 6px;
2313
- }
2314
-
2315
2315
  .br-select-menu__option {
2316
2316
  --iconWidth: 15px;
2317
2317
  --iconHeight: 15px;
@@ -2319,18 +2319,39 @@ ia-bookreader .BRtoolbar {
2319
2319
  background: transparent;
2320
2320
  display: flex;
2321
2321
  align-items: center;
2322
- border-radius: 20px;
2322
+ border-radius: 25px;
2323
2323
  font-family: inherit;
2324
2324
  color: inherit;
2325
2325
  border: 0;
2326
- transition: background-color 0.2s, border-radius 0.2s;
2327
2326
  cursor: pointer;
2328
2327
  text-wrap: nowrap;
2329
- padding: 4px;
2328
+ background-color: #333;
2329
+ position: relative;
2330
2330
  }
2331
-
2332
- .br-select-menu__option:hover {
2331
+ @media (pointer: coarse) and (hover: none) {
2332
+ .br-select-menu__option {
2333
+ padding: 4px 8px;
2334
+ }
2335
+ #br-select-more .br-select-menu__option {
2336
+ padding: 4px;
2337
+ }
2338
+ }
2339
+ .br-select-menu__option:hover:after {
2340
+ position: absolute;
2341
+ left: 2px;
2342
+ right: 2px;
2343
+ top: 2px;
2344
+ bottom: 2px;
2345
+ content: "";
2346
+ pointer-events: none;
2333
2347
  background-color: rgba(255, 255, 255, 0.1);
2348
+ border-radius: 23px;
2349
+ }
2350
+ .br-select-menu__root[showextended] .br-select-menu__option {
2351
+ width: 100%;
2352
+ }
2353
+ .br-select-menu__root[showextended] .br-select-menu__option:hover:after {
2354
+ border-radius: 8px;
2334
2355
  }
2335
2356
 
2336
2357
  .br-select-menu__icon {
@@ -2338,24 +2359,29 @@ ia-bookreader .BRtoolbar {
2338
2359
  flex-shrink: 0;
2339
2360
  width: 17px;
2340
2361
  height: 17px;
2362
+ padding: 2px;
2341
2363
  }
2342
2364
 
2343
2365
  .br-select-menu__label {
2344
2366
  margin-left: 4px;
2345
2367
  font-size: 12px;
2368
+ margin-right: 4px;
2346
2369
  }
2347
2370
 
2348
2371
  @media (hover: hover) {
2372
+ .br-select-menu__option {
2373
+ padding: 4px;
2374
+ }
2349
2375
  .br-select-menu__label {
2350
2376
  width: 0px;
2351
- margin-left: 0;
2377
+ margin: 0;
2352
2378
  opacity: 0;
2353
2379
  interpolate-size: allow-keywords;
2354
2380
  transition: width 0.2s;
2355
2381
  }
2356
2382
  .br-select-menu__root:hover .br-select-menu__label {
2357
2383
  width: auto;
2358
- margin-left: 4px;
2384
+ margin: 0 4px;
2359
2385
  opacity: 1;
2360
2386
  }
2361
2387
  }