softbuilders-react-video-player 1.1.8 → 1.1.10

Sign up to get free protection for your applications and to get access to all the features.
Files changed (64) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +126 -126
  3. package/dist/components/BigPlayButton/index.js +1 -1
  4. package/dist/components/BigPlayButton/index.js.map +1 -1
  5. package/dist/components/BigPlayButton/index.tsx +33 -31
  6. package/dist/components/BufferTracker/index.tsx +19 -19
  7. package/dist/components/ChapterTooltip/index.tsx +65 -65
  8. package/dist/components/ChaptersPanal/index.tsx +40 -40
  9. package/dist/components/ControlBar/index.d.ts +2 -1
  10. package/dist/components/ControlBar/index.js +21 -6
  11. package/dist/components/ControlBar/index.js.map +1 -1
  12. package/dist/components/ControlBar/index.tsx +150 -127
  13. package/dist/components/CreateNoteMenu/index.tsx +61 -61
  14. package/dist/components/CurrentTimeLabel/index.tsx +13 -13
  15. package/dist/components/CurrentTimeTracker/index.tsx +18 -18
  16. package/dist/components/Menu/index.tsx +49 -49
  17. package/dist/components/MenuButton/index.js +1 -1
  18. package/dist/components/MenuButton/index.js.map +1 -1
  19. package/dist/components/MenuButton/index.tsx +67 -67
  20. package/dist/components/NoteTooltip/index.tsx +46 -46
  21. package/dist/components/NotesPanal/index.tsx +34 -34
  22. package/dist/components/QualityMenu/index.js +2 -2
  23. package/dist/components/QualityMenu/index.js.map +1 -1
  24. package/dist/components/QualityMenu/index.tsx +122 -122
  25. package/dist/components/Slider/index.d.ts +1 -1
  26. package/dist/components/Slider/index.js +3 -3
  27. package/dist/components/Slider/index.js.map +1 -1
  28. package/dist/components/Slider/index.tsx +36 -37
  29. package/dist/components/Slider/style.css +49 -15
  30. package/dist/components/SoftBuildersVideoPlayer/index.js +1 -1
  31. package/dist/components/SoftBuildersVideoPlayer/index.js.map +1 -1
  32. package/dist/components/SoftBuildersVideoPlayer/index.tsx +110 -109
  33. package/dist/components/SubtitleMenu/index.js +2 -2
  34. package/dist/components/SubtitleMenu/index.js.map +1 -1
  35. package/dist/components/SubtitleMenu/index.tsx +107 -108
  36. package/dist/components/TimeSlider/index.js +13 -13
  37. package/dist/components/TimeSlider/index.tsx +107 -107
  38. package/dist/components/TimeSliderContainer/index.tsx +35 -35
  39. package/dist/components/Tooltip/index.tsx +16 -16
  40. package/dist/components/VideoPlayerComponent/index.d.ts +2 -1
  41. package/dist/components/VideoPlayerComponent/index.js +54 -38
  42. package/dist/components/VideoPlayerComponent/index.js.map +1 -1
  43. package/dist/components/VideoPlayerComponent/index.tsx +271 -249
  44. package/dist/components/VideoPlayerComponent/provider.tsx +82 -82
  45. package/dist/components/VideoPlayerComponent/style/style.css +36 -36
  46. package/dist/components/VolumeSlider/index.d.ts +4 -2
  47. package/dist/components/VolumeSlider/index.js +12 -2
  48. package/dist/components/VolumeSlider/index.js.map +1 -1
  49. package/dist/components/VolumeSlider/index.tsx +91 -52
  50. package/dist/components/icons/SubIcon.d.ts +3 -0
  51. package/dist/components/icons/SubIcon.js +4 -0
  52. package/dist/components/icons/SubIcon.js.map +1 -0
  53. package/dist/components/icons/SubIcon.tsx +28 -0
  54. package/dist/components/icons/index.d.ts +1 -0
  55. package/dist/components/icons/index.js +1 -0
  56. package/dist/components/icons/index.js.map +1 -1
  57. package/dist/components/icons/index.ts +15 -14
  58. package/dist/images/index.d.ts +1 -0
  59. package/dist/images/index.js +1 -0
  60. package/dist/images/index.js.map +1 -1
  61. package/dist/index.css +78 -3
  62. package/dist/index.mjs +276 -169
  63. package/dist/styles/tailwind.css +140 -87
  64. package/package.json +45 -45
package/dist/index.css CHANGED
@@ -11,6 +11,28 @@ input[type=range]::-webkit-slider-thumb {
11
11
  input[type=range]:focus {
12
12
  outline: none;
13
13
  }
14
+ input[type=range]::-webkit-slider-thumb {
15
+ width: 0.95rem;
16
+ height: 0.95rem;
17
+ border-radius: 50%;
18
+ cursor: pointer;
19
+ }
20
+ input[type=range]::-moz-range-thumb {
21
+ width: 0.95rem;
22
+ height: 0.95rem;
23
+ border-radius: 50%;
24
+ cursor: pointer;
25
+ }
26
+ @media (max-width: 768px) {
27
+ input[type=range]::-webkit-slider-thumb {
28
+ width: 0.7rem;
29
+ height: 0.7rem;
30
+ }
31
+ input[type=range]::-moz-range-thumb {
32
+ width: 0.7rem;
33
+ height: 0.7rem;
34
+ }
35
+ }
14
36
 
15
37
  /* src/components/VideoPlayerComponent/style/style.css */
16
38
  .video-js .vjs-control-bar {
@@ -381,6 +403,9 @@ video {
381
403
  [hidden] {
382
404
  display: none;
383
405
  }
406
+ .sb-static {
407
+ position: static;
408
+ }
384
409
  .sb-absolute {
385
410
  position: absolute;
386
411
  }
@@ -405,6 +430,12 @@ video {
405
430
  .sb-top-0 {
406
431
  top: 0px;
407
432
  }
433
+ .sb-top-1 {
434
+ top: 0.25rem;
435
+ }
436
+ .sb-top-2 {
437
+ top: 0.5rem;
438
+ }
408
439
  .sb-top-\[27\%\] {
409
440
  top: 27%;
410
441
  }
@@ -432,6 +463,9 @@ video {
432
463
  .sb-grid {
433
464
  display: grid;
434
465
  }
466
+ .sb-hidden {
467
+ display: none;
468
+ }
435
469
  .sb-h-1 {
436
470
  height: 0.25rem;
437
471
  }
@@ -456,6 +490,9 @@ video {
456
490
  .sb-h-full {
457
491
  height: 100%;
458
492
  }
493
+ .\!sb-w-16 {
494
+ width: 4rem !important;
495
+ }
459
496
  .sb-w-1 {
460
497
  width: 0.25rem;
461
498
  }
@@ -471,25 +508,41 @@ video {
471
508
  .sb-w-5 {
472
509
  width: 1.25rem;
473
510
  }
474
- .sb-w-\[10\%\] {
475
- width: 10%;
476
- }
477
511
  .sb-w-\[150px\] {
478
512
  width: 150px;
479
513
  }
480
514
  .sb-w-\[220px\] {
481
515
  width: 220px;
482
516
  }
517
+ .sb-w-\[22px\] {
518
+ width: 22px;
519
+ }
483
520
  .sb-w-\[30\%\] {
484
521
  width: 30%;
485
522
  }
486
523
  .sb-w-full {
487
524
  width: 100%;
488
525
  }
526
+ .-sb-translate-y-2 {
527
+ --tw-translate-y: -0.5rem;
528
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
529
+ }
489
530
  .sb--translate-x-1\/2 {
490
531
  --tw-translate-x: -50%;
491
532
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
492
533
  }
534
+ .sb-translate-y-0 {
535
+ --tw-translate-y: 0px;
536
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
537
+ }
538
+ .-sb-rotate-90 {
539
+ --tw-rotate: -90deg;
540
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
541
+ }
542
+ .sb-rotate-0 {
543
+ --tw-rotate: 0deg;
544
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
545
+ }
493
546
  .sb-transform {
494
547
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
495
548
  }
@@ -504,18 +557,33 @@ video {
504
557
  .sb-grid-cols-12 {
505
558
  grid-template-columns: repeat(12, minmax(0, 1fr));
506
559
  }
560
+ .\!sb-flex-row {
561
+ flex-direction: row !important;
562
+ }
507
563
  .sb-flex-row {
508
564
  flex-direction: row;
509
565
  }
510
566
  .sb-flex-col {
511
567
  flex-direction: column;
512
568
  }
569
+ .sb-flex-col-reverse {
570
+ flex-direction: column-reverse;
571
+ }
513
572
  .sb-items-start {
514
573
  align-items: flex-start;
515
574
  }
575
+ .\!sb-items-end {
576
+ align-items: flex-end !important;
577
+ }
578
+ .sb-items-end {
579
+ align-items: flex-end;
580
+ }
516
581
  .sb-items-center {
517
582
  align-items: center;
518
583
  }
584
+ .sb-justify-start {
585
+ justify-content: flex-start;
586
+ }
519
587
  .sb-justify-center {
520
588
  justify-content: center;
521
589
  }
@@ -588,6 +656,10 @@ video {
588
656
  .sb-p-2 {
589
657
  padding: 0.5rem;
590
658
  }
659
+ .sb-px-2 {
660
+ padding-left: 0.5rem;
661
+ padding-right: 0.5rem;
662
+ }
591
663
  .sb-px-4 {
592
664
  padding-left: 1rem;
593
665
  padding-right: 1rem;
@@ -657,6 +729,9 @@ video {
657
729
  --tw-scale-y: 1.5;
658
730
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
659
731
  }
732
+ .hover\:sb-cursor-pointer:hover {
733
+ cursor: pointer;
734
+ }
660
735
  .hover\:sb-text-orange-500:hover {
661
736
  --tw-text-opacity: 1;
662
737
  color: rgb(249 115 22 / var(--tw-text-opacity));