softbuilders-react-video-player 1.1.21 → 1.1.23
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.
- package/dist/components/ControlBar/index.js +10 -8
- package/dist/components/ControlBar/index.js.map +1 -1
- package/dist/components/ControlBar/index.tsx +20 -16
- package/dist/components/MenuButton/index.d.ts +2 -1
- package/dist/components/MenuButton/index.js +5 -2
- package/dist/components/MenuButton/index.js.map +1 -1
- package/dist/components/MenuButton/index.tsx +12 -3
- package/dist/components/QualityMenu/index.d.ts +4 -2
- package/dist/components/QualityMenu/index.js +9 -7
- package/dist/components/QualityMenu/index.js.map +1 -1
- package/dist/components/QualityMenu/index.tsx +33 -8
- package/dist/components/SoftBuildersVideoPlayer/index.d.ts +2 -1
- package/dist/components/SoftBuildersVideoPlayer/index.js +4 -1
- package/dist/components/SoftBuildersVideoPlayer/index.js.map +1 -1
- package/dist/components/SoftBuildersVideoPlayer/index.tsx +5 -1
- package/dist/components/SubtitleMenu/index.d.ts +4 -2
- package/dist/components/SubtitleMenu/index.js +8 -3
- package/dist/components/SubtitleMenu/index.js.map +1 -1
- package/dist/components/SubtitleMenu/index.tsx +19 -4
- package/dist/components/VideoPlayerComponent/index.js +70 -8
- package/dist/components/VideoPlayerComponent/index.js.map +1 -1
- package/dist/components/VideoPlayerComponent/index.tsx +80 -7
- package/dist/components/VideoPlayerComponent/style/style.css +1 -0
- package/dist/components/VolumeSlider/index.d.ts +1 -1
- package/dist/components/VolumeSlider/index.js +4 -2
- package/dist/components/VolumeSlider/index.js.map +1 -1
- package/dist/components/VolumeSlider/index.tsx +13 -7
- package/dist/index.css +35 -11
- package/dist/index.d.mts +2 -1
- package/dist/index.mjs +287 -157
- package/dist/styles/tailwind.css +34 -11
- package/package.json +1 -1
package/dist/styles/tailwind.css
CHANGED
@@ -514,6 +514,15 @@ video {
|
|
514
514
|
.sb-relative {
|
515
515
|
position: relative;
|
516
516
|
}
|
517
|
+
.\!sb-top-8 {
|
518
|
+
top: 2rem !important;
|
519
|
+
}
|
520
|
+
.-sb-left-9 {
|
521
|
+
left: -2.25rem;
|
522
|
+
}
|
523
|
+
.-sb-top-1 {
|
524
|
+
top: -0.25rem;
|
525
|
+
}
|
517
526
|
.sb-bottom-10 {
|
518
527
|
bottom: 2.5rem;
|
519
528
|
}
|
@@ -619,8 +628,8 @@ video {
|
|
619
628
|
.sb-w-5 {
|
620
629
|
width: 1.25rem;
|
621
630
|
}
|
622
|
-
.sb-w-\[
|
623
|
-
width:
|
631
|
+
.sb-w-\[100px\] {
|
632
|
+
width: 100px;
|
624
633
|
}
|
625
634
|
.sb-w-\[150px\] {
|
626
635
|
width: 150px;
|
@@ -631,6 +640,9 @@ video {
|
|
631
640
|
.sb-w-\[22px\] {
|
632
641
|
width: 22px;
|
633
642
|
}
|
643
|
+
.sb-w-\[90px\] {
|
644
|
+
width: 90px;
|
645
|
+
}
|
634
646
|
.sb-w-full {
|
635
647
|
width: 100%;
|
636
648
|
}
|
@@ -642,10 +654,6 @@ video {
|
|
642
654
|
--tw-translate-y: -0.25rem;
|
643
655
|
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));
|
644
656
|
}
|
645
|
-
.-sb-translate-y-9 {
|
646
|
-
--tw-translate-y: -2.25rem;
|
647
|
-
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));
|
648
|
-
}
|
649
657
|
.sb--translate-x-1\/2 {
|
650
658
|
--tw-translate-x: -50%;
|
651
659
|
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));
|
@@ -654,6 +662,10 @@ video {
|
|
654
662
|
--tw-translate-y: 0px;
|
655
663
|
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));
|
656
664
|
}
|
665
|
+
.sb-translate-y-1 {
|
666
|
+
--tw-translate-y: 0.25rem;
|
667
|
+
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));
|
668
|
+
}
|
657
669
|
.-sb-rotate-90 {
|
658
670
|
--tw-rotate: -90deg;
|
659
671
|
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));
|
@@ -662,6 +674,10 @@ video {
|
|
662
674
|
--tw-rotate: 0deg;
|
663
675
|
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));
|
664
676
|
}
|
677
|
+
.sb-rotate-90 {
|
678
|
+
--tw-rotate: 90deg;
|
679
|
+
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));
|
680
|
+
}
|
665
681
|
.sb-transform {
|
666
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));
|
667
683
|
}
|
@@ -688,20 +704,20 @@ video {
|
|
688
704
|
.sb-flex-col-reverse {
|
689
705
|
flex-direction: column-reverse;
|
690
706
|
}
|
707
|
+
.\!sb-items-start {
|
708
|
+
align-items: flex-start !important;
|
709
|
+
}
|
691
710
|
.sb-items-start {
|
692
711
|
align-items: flex-start;
|
693
712
|
}
|
694
|
-
.\!sb-items-end {
|
695
|
-
align-items: flex-end !important;
|
696
|
-
}
|
697
713
|
.sb-items-end {
|
698
714
|
align-items: flex-end;
|
699
715
|
}
|
700
716
|
.sb-items-center {
|
701
717
|
align-items: center;
|
702
718
|
}
|
703
|
-
|
704
|
-
justify-content: flex-start;
|
719
|
+
.\!sb-justify-start {
|
720
|
+
justify-content: flex-start !important;
|
705
721
|
}
|
706
722
|
.sb-justify-center {
|
707
723
|
justify-content: center;
|
@@ -790,6 +806,10 @@ video {
|
|
790
806
|
padding-left: 1.25rem;
|
791
807
|
padding-right: 1.25rem;
|
792
808
|
}
|
809
|
+
.sb-py-1 {
|
810
|
+
padding-top: 0.25rem;
|
811
|
+
padding-bottom: 0.25rem;
|
812
|
+
}
|
793
813
|
.sb-py-3 {
|
794
814
|
padding-top: 0.75rem;
|
795
815
|
padding-bottom: 0.75rem;
|
@@ -801,6 +821,9 @@ video {
|
|
801
821
|
.sb-pb-2 {
|
802
822
|
padding-bottom: 0.5rem;
|
803
823
|
}
|
824
|
+
.sb-pt-2 {
|
825
|
+
padding-top: 0.5rem;
|
826
|
+
}
|
804
827
|
.sb-text-left {
|
805
828
|
text-align: left;
|
806
829
|
}
|