softbuilders-react-video-player 1.1.70 → 1.1.72
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/components/ControlBar/index.js +25 -37
- package/dist/components/ControlBar/index.js.map +1 -1
- package/dist/components/ControlBar/index.tsx +75 -78
- package/dist/components/QualityMenu/index.js +12 -12
- package/dist/components/QualityMenu/index.js.map +1 -1
- package/dist/components/QualityMenu/index.tsx +19 -21
- package/dist/components/SoftBuildersVideoPlayer/index.js +1 -1
- package/dist/components/SoftBuildersVideoPlayer/index.js.map +1 -1
- package/dist/components/SoftBuildersVideoPlayer/index.tsx +17 -14
- package/dist/components/Tooltip/GlobalTooltip.d.ts +2 -0
- package/dist/components/Tooltip/GlobalTooltip.js +20 -0
- package/dist/components/Tooltip/GlobalTooltip.js.map +1 -0
- package/dist/components/Tooltip/GlobalTooltip.tsx +53 -0
- package/dist/components/Tooltip/index.d.ts +4 -3
- package/dist/components/Tooltip/index.js +5 -10
- package/dist/components/Tooltip/index.js.map +1 -1
- package/dist/components/Tooltip/index.tsx +7 -19
- package/dist/components/VideoPlayerComponent/index.js +1 -1
- package/dist/components/VideoPlayerComponent/index.js.map +1 -1
- package/dist/components/VideoPlayerComponent/index.tsx +18 -15
- package/dist/components/VolumeSlider/index.js +25 -6
- package/dist/components/VolumeSlider/index.js.map +1 -1
- package/dist/components/VolumeSlider/index.tsx +45 -17
- package/dist/index.css +18 -69
- package/dist/index.mjs +163 -103
- package/dist/styles/tailwind.css +18 -66
- package/package.json +1 -1
package/dist/styles/tailwind.css
CHANGED
@@ -505,18 +505,21 @@ video {
|
|
505
505
|
.sb-invisible {
|
506
506
|
visibility: hidden;
|
507
507
|
}
|
508
|
-
.sb-static {
|
509
|
-
position: static;
|
510
|
-
}
|
511
508
|
.sb-absolute {
|
512
509
|
position: absolute;
|
513
510
|
}
|
514
511
|
.sb-relative {
|
515
512
|
position: relative;
|
516
513
|
}
|
514
|
+
.\!sb-bottom-\[105\%\] {
|
515
|
+
bottom: 105% !important;
|
516
|
+
}
|
517
517
|
.\!sb-top-8 {
|
518
518
|
top: 2rem !important;
|
519
519
|
}
|
520
|
+
.\!sb-top-\[105\%\] {
|
521
|
+
top: 105% !important;
|
522
|
+
}
|
520
523
|
.-sb-left-9 {
|
521
524
|
left: -2.25rem;
|
522
525
|
}
|
@@ -547,33 +550,21 @@ video {
|
|
547
550
|
.sb-left-1\/2 {
|
548
551
|
left: 50%;
|
549
552
|
}
|
550
|
-
.sb-left-full {
|
551
|
-
left: 100%;
|
552
|
-
}
|
553
553
|
.sb-right-0 {
|
554
554
|
right: 0px;
|
555
555
|
}
|
556
|
-
.sb-right-full {
|
557
|
-
right: 100%;
|
558
|
-
}
|
559
556
|
.sb-top-0 {
|
560
557
|
top: 0px;
|
561
558
|
}
|
562
559
|
.sb-top-1 {
|
563
560
|
top: 0.25rem;
|
564
561
|
}
|
565
|
-
.sb-top-1\/2 {
|
566
|
-
top: 50%;
|
567
|
-
}
|
568
562
|
.sb-top-2 {
|
569
563
|
top: 0.5rem;
|
570
564
|
}
|
571
565
|
.sb-top-\[27\%\] {
|
572
566
|
top: 27%;
|
573
567
|
}
|
574
|
-
.sb-top-full {
|
575
|
-
top: 100%;
|
576
|
-
}
|
577
568
|
.sb-z-10 {
|
578
569
|
z-index: 10;
|
579
570
|
}
|
@@ -583,15 +574,16 @@ video {
|
|
583
574
|
.sb-z-30 {
|
584
575
|
z-index: 30;
|
585
576
|
}
|
586
|
-
.sb-z-50 {
|
587
|
-
z-index: 50;
|
588
|
-
}
|
589
577
|
.sb-col-span-3 {
|
590
578
|
grid-column: span 3 / span 3;
|
591
579
|
}
|
592
580
|
.sb-col-span-9 {
|
593
581
|
grid-column: span 9 / span 9;
|
594
582
|
}
|
583
|
+
.sb-my-2 {
|
584
|
+
margin-top: 0.5rem;
|
585
|
+
margin-bottom: 0.5rem;
|
586
|
+
}
|
595
587
|
.sb-mb-1 {
|
596
588
|
margin-bottom: 0.25rem;
|
597
589
|
}
|
@@ -601,18 +593,9 @@ video {
|
|
601
593
|
.sb-ml-0 {
|
602
594
|
margin-left: 0px;
|
603
595
|
}
|
604
|
-
.sb-ml-2 {
|
605
|
-
margin-left: 0.5rem;
|
606
|
-
}
|
607
596
|
.sb-mr-0 {
|
608
597
|
margin-right: 0px;
|
609
598
|
}
|
610
|
-
.sb-mr-2 {
|
611
|
-
margin-right: 0.5rem;
|
612
|
-
}
|
613
|
-
.sb-mt-2 {
|
614
|
-
margin-top: 0.5rem;
|
615
|
-
}
|
616
599
|
.sb-flex {
|
617
600
|
display: flex;
|
618
601
|
}
|
@@ -686,10 +669,6 @@ video {
|
|
686
669
|
--tw-border-spacing-x: 0.5rem;
|
687
670
|
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
|
688
671
|
}
|
689
|
-
.-sb-translate-x-1\/2 {
|
690
|
-
--tw-translate-x: -50%;
|
691
|
-
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));
|
692
|
-
}
|
693
672
|
.-sb-translate-y-0 {
|
694
673
|
--tw-translate-y: -0px;
|
695
674
|
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));
|
@@ -698,12 +677,8 @@ video {
|
|
698
677
|
--tw-translate-y: -0.25rem;
|
699
678
|
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));
|
700
679
|
}
|
701
|
-
|
702
|
-
--tw-translate-
|
703
|
-
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));
|
704
|
-
}
|
705
|
-
.sb-translate-y-0 {
|
706
|
-
--tw-translate-y: 0px;
|
680
|
+
.sb--translate-x-1\/2 {
|
681
|
+
--tw-translate-x: -50%;
|
707
682
|
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));
|
708
683
|
}
|
709
684
|
.sb-translate-y-1 {
|
@@ -714,10 +689,6 @@ video {
|
|
714
689
|
--tw-rotate: -90deg;
|
715
690
|
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));
|
716
691
|
}
|
717
|
-
.sb-rotate-0 {
|
718
|
-
--tw-rotate: 0deg;
|
719
|
-
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));
|
720
|
-
}
|
721
692
|
.sb-rotate-90 {
|
722
693
|
--tw-rotate: 90deg;
|
723
694
|
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));
|
@@ -736,9 +707,6 @@ video {
|
|
736
707
|
.sb-grid-cols-12 {
|
737
708
|
grid-template-columns: repeat(12, minmax(0, 1fr));
|
738
709
|
}
|
739
|
-
.\!sb-flex-row {
|
740
|
-
flex-direction: row !important;
|
741
|
-
}
|
742
710
|
.sb-flex-row {
|
743
711
|
flex-direction: row;
|
744
712
|
}
|
@@ -748,9 +716,6 @@ video {
|
|
748
716
|
.sb-flex-col-reverse {
|
749
717
|
flex-direction: column-reverse;
|
750
718
|
}
|
751
|
-
.\!sb-items-start {
|
752
|
-
align-items: flex-start !important;
|
753
|
-
}
|
754
719
|
.sb-items-start {
|
755
720
|
align-items: flex-start;
|
756
721
|
}
|
@@ -784,8 +749,8 @@ video {
|
|
784
749
|
.sb-overflow-hidden {
|
785
750
|
overflow: hidden;
|
786
751
|
}
|
787
|
-
.sb-
|
788
|
-
|
752
|
+
.sb-whitespace-nowrap {
|
753
|
+
white-space: nowrap;
|
789
754
|
}
|
790
755
|
.sb-rounded-full {
|
791
756
|
border-radius: 9999px;
|
@@ -815,10 +780,6 @@ video {
|
|
815
780
|
--tw-bg-opacity: 1;
|
816
781
|
background-color: rgb(255 0 0 / var(--tw-bg-opacity));
|
817
782
|
}
|
818
|
-
.sb-bg-black {
|
819
|
-
--tw-bg-opacity: 1;
|
820
|
-
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
|
821
|
-
}
|
822
783
|
.sb-bg-orange-500 {
|
823
784
|
--tw-bg-opacity: 1;
|
824
785
|
background-color: rgb(249 115 22 / var(--tw-bg-opacity));
|
@@ -850,10 +811,6 @@ video {
|
|
850
811
|
padding-left: 1rem !important;
|
851
812
|
padding-right: 1rem !important;
|
852
813
|
}
|
853
|
-
.sb-px-2 {
|
854
|
-
padding-left: 0.5rem;
|
855
|
-
padding-right: 0.5rem;
|
856
|
-
}
|
857
814
|
.sb-px-4 {
|
858
815
|
padding-left: 1rem;
|
859
816
|
padding-right: 1rem;
|
@@ -886,13 +843,13 @@ video {
|
|
886
843
|
.sb-text-center {
|
887
844
|
text-align: center;
|
888
845
|
}
|
889
|
-
.sb-text-sm {
|
890
|
-
font-size: 0.875rem;
|
891
|
-
line-height: 1.25rem;
|
892
|
-
}
|
893
846
|
.sb-font-bold {
|
894
847
|
font-weight: 700;
|
895
848
|
}
|
849
|
+
.sb-text-orange-900 {
|
850
|
+
--tw-text-opacity: 1;
|
851
|
+
color: rgb(124 45 18 / var(--tw-text-opacity));
|
852
|
+
}
|
896
853
|
.sb-text-white {
|
897
854
|
--tw-text-opacity: 1;
|
898
855
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
@@ -908,11 +865,6 @@ video {
|
|
908
865
|
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
909
866
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
910
867
|
}
|
911
|
-
.sb-shadow-md {
|
912
|
-
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
913
|
-
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
914
|
-
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
915
|
-
}
|
916
868
|
.sb-backdrop-blur-lg {
|
917
869
|
--tw-backdrop-blur: blur(16px);
|
918
870
|
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|