softbuilders-react-video-player 1.3.9 → 1.3.11

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 (39) hide show
  1. package/LICENSE +21 -21
  2. package/dist/components/CurrentTimeLabel/index.tsx +13 -13
  3. package/dist/components/Menu/index.tsx +49 -49
  4. package/dist/components/SoftBuildersVideoPlayer/index.js +1 -0
  5. package/dist/components/SoftBuildersVideoPlayer/index.js.map +1 -1
  6. package/dist/components/SoftBuildersVideoPlayer/index.tsx +1 -0
  7. package/dist/components/VideoPlayerComponent/index.js +8 -4
  8. package/dist/components/VideoPlayerComponent/index.js.map +1 -1
  9. package/dist/components/VideoPlayerComponent/index.tsx +7 -3
  10. package/dist/components/VideoPlayerComponent/provider.tsx +82 -82
  11. package/dist/components/VolumeSlider/index.js +2 -2
  12. package/dist/components/VolumeSlider/index.js.map +1 -1
  13. package/dist/components/VolumeSlider/index.tsx +3 -3
  14. package/dist/components/icons/SkillamiIcon.tsx +25 -25
  15. package/dist/components/icons/SubIcon.tsx +27 -27
  16. package/dist/components/icons/VolumeHigh.tsx +15 -15
  17. package/dist/components/icons/VolumeLow.tsx +14 -14
  18. package/dist/components/icons/VolumeMute.tsx +25 -25
  19. package/dist/components/icons/VolumeVLow.tsx +14 -14
  20. package/dist/components/icons/index.ts +20 -20
  21. package/dist/index.mjs +12 -7
  22. package/dist/styles/tailwind.css +130 -130
  23. package/package.json +1 -1
  24. package/dist/components/icons/VolumeHighIcon.d.ts +0 -3
  25. package/dist/components/icons/VolumeHighIcon.js +0 -4
  26. package/dist/components/icons/VolumeHighIcon.js.map +0 -1
  27. package/dist/components/icons/VolumeHighIcon.tsx +0 -16
  28. package/dist/components/icons/VolumeIconHigh.d.ts +0 -3
  29. package/dist/components/icons/VolumeIconHigh.js +0 -4
  30. package/dist/components/icons/VolumeIconHigh.js.map +0 -1
  31. package/dist/components/icons/VolumeIconHigh.tsx +0 -16
  32. package/dist/components/icons/VolumeIconLow copy.d.ts +0 -3
  33. package/dist/components/icons/VolumeIconLow copy.js +0 -4
  34. package/dist/components/icons/VolumeIconLow copy.js.map +0 -1
  35. package/dist/components/icons/VolumeIconLow copy.tsx +0 -17
  36. package/dist/components/icons/VolumeLowIcon.d.ts +0 -3
  37. package/dist/components/icons/VolumeLowIcon.js +0 -4
  38. package/dist/components/icons/VolumeLowIcon.js.map +0 -1
  39. package/dist/components/icons/VolumeLowIcon.tsx +0 -15
@@ -1,25 +1,25 @@
1
- import type { SVGProps } from "react";
2
- const SvgSkillamiIcon = (props: SVGProps<SVGSVGElement>) => (
3
- <svg
4
- xmlns="http://www.w3.org/2000/svg"
5
- fill="none"
6
- viewBox="0 0 45 46"
7
- width="1em"
8
- height="1em"
9
- {...props}
10
- >
11
- <path
12
- fill="#fff"
13
- d="m22.736 37.857-11.924-3.255-3.194-12.153a.99.99 0 0 0-1.213-.714c-.53.145-.843.7-.7 1.236l3.343 12.715a.991.991 0 0 0 .7.714l12.476 3.406a.985.985 0 0 0 1.213-.713 1.01 1.01 0 0 0-.7-1.236M44.733 25.943 39.51 6.074a1 1 0 0 0-.7-.714L19.308.033a.98.98 0 0 0-.957.26L9.389 9.428a1.02 1.02 0 0 0 0 1.428.976.976 0 0 0 1.402 0l8.56-8.717 18.39 5.024 4.93 18.741-8.56 8.724a1.02 1.02 0 0 0 0 1.428.977.977 0 0 0 1.4 0l8.963-9.133c.249-.254.348-.627.256-.975z"
14
- />
15
- <path
16
- fill="#fff"
17
- d="m24.323 30.829-7.735-2.113-2.074-7.883a.99.99 0 0 0-1.213-.714c-.53.145-.842.7-.7 1.236l2.223 8.445a.991.991 0 0 0 .7.714l8.287 2.265a.985.985 0 0 0 1.212-.714 1.01 1.01 0 0 0-.7-1.236M15.887 15.86l5.573-5.68 4.278 1.168a.985.985 0 0 0 1.213-.714 1.01 1.01 0 0 0-.7-1.236l-4.83-1.32a.98.98 0 0 0-.957.262l-5.979 6.092a1.02 1.02 0 0 0 0 1.428.977.977 0 0 0 1.402 0M29.206 30.858a.976.976 0 0 0 1.4 0l5.98-6.093c.248-.253.348-.627.255-.975l-1.294-4.921a.99.99 0 0 0-1.213-.715c-.53.145-.843.7-.7 1.236l1.145 4.36-5.574 5.68a1.02 1.02 0 0 0 0 1.428"
18
- />
19
- <path
20
- fill="#F26C21"
21
- d="m29.383 36.008-2.99-11 2.745-2.798-1.007-3.83 2.45-2.498 3.76 1.026 3.56-3.628L36.6 8.322l-4.865-1.327-3.56 3.628 1.007 3.831-2.45 2.497-3.76-1.026-2.745 2.799-10.794-3.049-1.007-3.834-4.865-1.327L0 14.142l1.302 4.959 4.865 1.326 2.745-2.798 10.794 3.048 1.007 3.835 3.762 1.025 2.991 11-2.745 2.798 1.302 4.959 4.865 1.326 3.56-3.628-1.302-4.958-3.763-1.03zM32.328 9.25l2.653.725.712 2.704-1.942 1.979-2.653-.725-.712-2.704zM5.573 18.173l-2.653-.725-.711-2.704 1.941-1.979 2.653.725.712 2.704zm16.761 4.686-.71-2.704 1.941-1.979 2.653.725.711 2.704-1.941 1.979zm7.963 20.507-2.653-.725-.711-2.704 1.942-1.979 2.653.725.711 2.704z"
22
- />
23
- </svg>
24
- );
25
- export default SvgSkillamiIcon;
1
+ import type { SVGProps } from "react";
2
+ const SvgSkillamiIcon = (props: SVGProps<SVGSVGElement>) => (
3
+ <svg
4
+ xmlns="http://www.w3.org/2000/svg"
5
+ fill="none"
6
+ viewBox="0 0 45 46"
7
+ width="1em"
8
+ height="1em"
9
+ {...props}
10
+ >
11
+ <path
12
+ fill="#fff"
13
+ d="m22.736 37.857-11.924-3.255-3.194-12.153a.99.99 0 0 0-1.213-.714c-.53.145-.843.7-.7 1.236l3.343 12.715a.991.991 0 0 0 .7.714l12.476 3.406a.985.985 0 0 0 1.213-.713 1.01 1.01 0 0 0-.7-1.236M44.733 25.943 39.51 6.074a1 1 0 0 0-.7-.714L19.308.033a.98.98 0 0 0-.957.26L9.389 9.428a1.02 1.02 0 0 0 0 1.428.976.976 0 0 0 1.402 0l8.56-8.717 18.39 5.024 4.93 18.741-8.56 8.724a1.02 1.02 0 0 0 0 1.428.977.977 0 0 0 1.4 0l8.963-9.133c.249-.254.348-.627.256-.975z"
14
+ />
15
+ <path
16
+ fill="#fff"
17
+ d="m24.323 30.829-7.735-2.113-2.074-7.883a.99.99 0 0 0-1.213-.714c-.53.145-.842.7-.7 1.236l2.223 8.445a.991.991 0 0 0 .7.714l8.287 2.265a.985.985 0 0 0 1.212-.714 1.01 1.01 0 0 0-.7-1.236M15.887 15.86l5.573-5.68 4.278 1.168a.985.985 0 0 0 1.213-.714 1.01 1.01 0 0 0-.7-1.236l-4.83-1.32a.98.98 0 0 0-.957.262l-5.979 6.092a1.02 1.02 0 0 0 0 1.428.977.977 0 0 0 1.402 0M29.206 30.858a.976.976 0 0 0 1.4 0l5.98-6.093c.248-.253.348-.627.255-.975l-1.294-4.921a.99.99 0 0 0-1.213-.715c-.53.145-.843.7-.7 1.236l1.145 4.36-5.574 5.68a1.02 1.02 0 0 0 0 1.428"
18
+ />
19
+ <path
20
+ fill="#F26C21"
21
+ d="m29.383 36.008-2.99-11 2.745-2.798-1.007-3.83 2.45-2.498 3.76 1.026 3.56-3.628L36.6 8.322l-4.865-1.327-3.56 3.628 1.007 3.831-2.45 2.497-3.76-1.026-2.745 2.799-10.794-3.049-1.007-3.834-4.865-1.327L0 14.142l1.302 4.959 4.865 1.326 2.745-2.798 10.794 3.048 1.007 3.835 3.762 1.025 2.991 11-2.745 2.798 1.302 4.959 4.865 1.326 3.56-3.628-1.302-4.958-3.763-1.03zM32.328 9.25l2.653.725.712 2.704-1.942 1.979-2.653-.725-.712-2.704zM5.573 18.173l-2.653-.725-.711-2.704 1.941-1.979 2.653.725.712 2.704zm16.761 4.686-.71-2.704 1.941-1.979 2.653.725.711 2.704-1.941 1.979zm7.963 20.507-2.653-.725-.711-2.704 1.942-1.979 2.653.725.711 2.704z"
22
+ />
23
+ </svg>
24
+ );
25
+ export default SvgSkillamiIcon;
@@ -1,27 +1,27 @@
1
- import type { SVGProps } from "react";
2
- const SvgSubIcon = (props: SVGProps<SVGSVGElement>) => (
3
- <svg
4
- xmlns="http://www.w3.org/2000/svg"
5
- width="1em"
6
- height="1em"
7
- fill="none"
8
- viewBox="0 0 15 15"
9
- {...props}
10
- >
11
- <path
12
- stroke="#D1D5DB"
13
- strokeLinecap="round"
14
- strokeLinejoin="round"
15
- strokeWidth={1.5}
16
- d="M1.25 7.5c0-2.487 0-3.731.658-4.561q.159-.2.346-.367c.785-.697 1.96-.697 4.309-.697h1.875c2.349 0 3.523 0 4.307.697q.19.168.347.367c.658.83.658 2.074.658 4.561s0 3.731-.658 4.561q-.157.2-.347.367c-.784.697-1.957.697-4.307.697H6.562c-2.349 0-3.523 0-4.308-.697a3 3 0 0 1-.346-.367c-.658-.83-.658-2.073-.658-4.561"
17
- />
18
- <path
19
- stroke="#D1D5DB"
20
- strokeLinecap="round"
21
- strokeLinejoin="round"
22
- strokeWidth={1.5}
23
- d="M6.563 5.625H6.25c-.582 0-.874 0-1.103.095a1.25 1.25 0 0 0-.677.677c-.095.23-.095.52-.095 1.103 0 .582 0 .874.095 1.103a1.25 1.25 0 0 0 .677.677c.23.095.52.095 1.103.095h.313m4.062-3.75h-.312c-.583 0-.874 0-1.104.095a1.25 1.25 0 0 0-.676.677c-.095.23-.095.52-.095 1.103 0 .582 0 .874.095 1.103a1.25 1.25 0 0 0 .676.677c.23.095.521.095 1.104.095h.312"
24
- />
25
- </svg>
26
- );
27
- export default SvgSubIcon;
1
+ import type { SVGProps } from "react";
2
+ const SvgSubIcon = (props: SVGProps<SVGSVGElement>) => (
3
+ <svg
4
+ xmlns="http://www.w3.org/2000/svg"
5
+ width="1em"
6
+ height="1em"
7
+ fill="none"
8
+ viewBox="0 0 15 15"
9
+ {...props}
10
+ >
11
+ <path
12
+ stroke="#D1D5DB"
13
+ strokeLinecap="round"
14
+ strokeLinejoin="round"
15
+ strokeWidth={1.5}
16
+ d="M1.25 7.5c0-2.487 0-3.731.658-4.561q.159-.2.346-.367c.785-.697 1.96-.697 4.309-.697h1.875c2.349 0 3.523 0 4.307.697q.19.168.347.367c.658.83.658 2.074.658 4.561s0 3.731-.658 4.561q-.157.2-.347.367c-.784.697-1.957.697-4.307.697H6.562c-2.349 0-3.523 0-4.308-.697a3 3 0 0 1-.346-.367c-.658-.83-.658-2.073-.658-4.561"
17
+ />
18
+ <path
19
+ stroke="#D1D5DB"
20
+ strokeLinecap="round"
21
+ strokeLinejoin="round"
22
+ strokeWidth={1.5}
23
+ d="M6.563 5.625H6.25c-.582 0-.874 0-1.103.095a1.25 1.25 0 0 0-.677.677c-.095.23-.095.52-.095 1.103 0 .582 0 .874.095 1.103a1.25 1.25 0 0 0 .677.677c.23.095.52.095 1.103.095h.313m4.062-3.75h-.312c-.583 0-.874 0-1.104.095a1.25 1.25 0 0 0-.676.677c-.095.23-.095.52-.095 1.103 0 .582 0 .874.095 1.103a1.25 1.25 0 0 0 .676.677c.23.095.521.095 1.104.095h.312"
24
+ />
25
+ </svg>
26
+ );
27
+ export default SvgSubIcon;
@@ -1,15 +1,15 @@
1
- import type { SVGProps } from "react";
2
- const SvgVolumeHigh = (props: SVGProps<SVGSVGElement>) => (
3
- <svg
4
- xmlns="http://www.w3.org/2000/svg"
5
- width="1em"
6
- height="1em"
7
- fill="#fff"
8
- viewBox="0 0 512 512"
9
- {...props}
10
- >
11
- <path d="M264 416.19a23.92 23.92 0 0 1-14.21-4.69l-.66-.51-91.46-75H88a24 24 0 0 1-24-24V200a24 24 0 0 1 24-24h69.65l91.46-75 .66-.51A24 24 0 0 1 288 119.83v272.34a24 24 0 0 1-24 24ZM352 336a16 16 0 0 1-14.29-23.18c9.49-18.9 14.3-38 14.3-56.82 0-19.36-4.66-37.92-14.25-56.73a16 16 0 0 1 28.5-14.54C378.2 208.16 384 231.47 384 256c0 23.83-6 47.78-17.7 71.18A16 16 0 0 1 352 336" />
12
- <path d="M400 384a16 16 0 0 1-13.87-24C405 327.05 416 299.45 416 256c0-44.12-10.94-71.52-29.83-103.95A16 16 0 0 1 413.83 136C434.92 172.16 448 204.88 448 256c0 50.36-13.06 83.24-34.12 120a16 16 0 0 1-13.88 8" />
13
- </svg>
14
- );
15
- export default SvgVolumeHigh;
1
+ import type { SVGProps } from "react";
2
+ const SvgVolumeHigh = (props: SVGProps<SVGSVGElement>) => (
3
+ <svg
4
+ xmlns="http://www.w3.org/2000/svg"
5
+ width="1em"
6
+ height="1em"
7
+ fill="#fff"
8
+ viewBox="0 0 512 512"
9
+ {...props}
10
+ >
11
+ <path d="M264 416.19a23.92 23.92 0 0 1-14.21-4.69l-.66-.51-91.46-75H88a24 24 0 0 1-24-24V200a24 24 0 0 1 24-24h69.65l91.46-75 .66-.51A24 24 0 0 1 288 119.83v272.34a24 24 0 0 1-24 24ZM352 336a16 16 0 0 1-14.29-23.18c9.49-18.9 14.3-38 14.3-56.82 0-19.36-4.66-37.92-14.25-56.73a16 16 0 0 1 28.5-14.54C378.2 208.16 384 231.47 384 256c0 23.83-6 47.78-17.7 71.18A16 16 0 0 1 352 336" />
12
+ <path d="M400 384a16 16 0 0 1-13.87-24C405 327.05 416 299.45 416 256c0-44.12-10.94-71.52-29.83-103.95A16 16 0 0 1 413.83 136C434.92 172.16 448 204.88 448 256c0 50.36-13.06 83.24-34.12 120a16 16 0 0 1-13.88 8" />
13
+ </svg>
14
+ );
15
+ export default SvgVolumeHigh;
@@ -1,14 +1,14 @@
1
- import type { SVGProps } from "react";
2
- const SvgVolumeLow = (props: SVGProps<SVGSVGElement>) => (
3
- <svg
4
- xmlns="http://www.w3.org/2000/svg"
5
- width="1em"
6
- height="1em"
7
- fill="#fff"
8
- viewBox="0 0 512 512"
9
- {...props}
10
- >
11
- <path d="M296 416.19a23.92 23.92 0 0 1-14.21-4.69l-.66-.51-91.46-75H120a24 24 0 0 1-24-24V200a24 24 0 0 1 24-24h69.65l91.46-75 .66-.51A24 24 0 0 1 320 119.83v272.34a24 24 0 0 1-24 24ZM384 336a16 16 0 0 1-14.29-23.18c9.49-18.9 14.3-38 14.3-56.82 0-19.36-4.66-37.92-14.25-56.73a16 16 0 0 1 28.5-14.54C410.2 208.16 416 231.47 416 256c0 23.83-6 47.78-17.7 71.18A16 16 0 0 1 384 336" />
12
- </svg>
13
- );
14
- export default SvgVolumeLow;
1
+ import type { SVGProps } from "react";
2
+ const SvgVolumeLow = (props: SVGProps<SVGSVGElement>) => (
3
+ <svg
4
+ xmlns="http://www.w3.org/2000/svg"
5
+ width="1em"
6
+ height="1em"
7
+ fill="#fff"
8
+ viewBox="0 0 512 512"
9
+ {...props}
10
+ >
11
+ <path d="M296 416.19a23.92 23.92 0 0 1-14.21-4.69l-.66-.51-91.46-75H120a24 24 0 0 1-24-24V200a24 24 0 0 1 24-24h69.65l91.46-75 .66-.51A24 24 0 0 1 320 119.83v272.34a24 24 0 0 1-24 24ZM384 336a16 16 0 0 1-14.29-23.18c9.49-18.9 14.3-38 14.3-56.82 0-19.36-4.66-37.92-14.25-56.73a16 16 0 0 1 28.5-14.54C410.2 208.16 416 231.47 416 256c0 23.83-6 47.78-17.7 71.18A16 16 0 0 1 384 336" />
12
+ </svg>
13
+ );
14
+ export default SvgVolumeLow;
@@ -1,25 +1,25 @@
1
- import type { SVGProps } from "react";
2
- const SvgVolumeMute = (props: SVGProps<SVGSVGElement>) => (
3
- <svg
4
- xmlns="http://www.w3.org/2000/svg"
5
- width="1em"
6
- height="1em"
7
- fill="#fff"
8
- viewBox="0 0 512 512"
9
- {...props}
10
- >
11
- <path
12
- d="M416 432 64 80"
13
- style={{
14
- fill: "none",
15
- stroke: "#fff",
16
- strokeLinecap: "round",
17
- strokeMiterlimit: 10,
18
- strokeWidth: 32,
19
- }}
20
- />
21
- <path d="M243.33 98.86a23.89 23.89 0 0 0-25.55 1.82l-.66.51-28.52 23.35a8 8 0 0 0-.59 11.85l54.33 54.33a8 8 0 0 0 13.66-5.66v-64.49a24.51 24.51 0 0 0-12.67-21.71M251.33 335.29 96.69 180.69A16 16 0 0 0 85.38 176H56a24 24 0 0 0-24 24v112a24 24 0 0 0 24 24h69.76l92 75.31a23.9 23.9 0 0 0 25.87 1.69A24.51 24.51 0 0 0 256 391.45v-44.86a16 16 0 0 0-4.67-11.3M352 256c0-24.56-5.81-47.87-17.75-71.27a16 16 0 1 0-28.5 14.55C315.34 218.06 320 236.62 320 256q0 4-.31 8.13a8 8 0 0 0 2.32 6.25l14.36 14.36a8 8 0 0 0 13.55-4.31A146 146 0 0 0 352 256M416 256c0-51.18-13.08-83.89-34.18-120.06a16 16 0 0 0-27.64 16.12C373.07 184.44 384 211.83 384 256c0 23.83-3.29 42.88-9.37 60.65a8 8 0 0 0 1.9 8.26L389 337.4a8 8 0 0 0 13.13-2.79C411 311.76 416 287.26 416 256" />
22
- <path d="M480 256c0-74.25-20.19-121.11-50.51-168.61a16 16 0 1 0-27 17.22C429.82 147.38 448 189.5 448 256c0 46.19-8.43 80.27-22.43 110.53a8 8 0 0 0 1.59 9l11.92 11.92a8 8 0 0 0 12.92-2.16C471.6 344.9 480 305 480 256" />
23
- </svg>
24
- );
25
- export default SvgVolumeMute;
1
+ import type { SVGProps } from "react";
2
+ const SvgVolumeMute = (props: SVGProps<SVGSVGElement>) => (
3
+ <svg
4
+ xmlns="http://www.w3.org/2000/svg"
5
+ width="1em"
6
+ height="1em"
7
+ fill="#fff"
8
+ viewBox="0 0 512 512"
9
+ {...props}
10
+ >
11
+ <path
12
+ d="M416 432 64 80"
13
+ style={{
14
+ fill: "none",
15
+ stroke: "#fff",
16
+ strokeLinecap: "round",
17
+ strokeMiterlimit: 10,
18
+ strokeWidth: 32,
19
+ }}
20
+ />
21
+ <path d="M243.33 98.86a23.89 23.89 0 0 0-25.55 1.82l-.66.51-28.52 23.35a8 8 0 0 0-.59 11.85l54.33 54.33a8 8 0 0 0 13.66-5.66v-64.49a24.51 24.51 0 0 0-12.67-21.71M251.33 335.29 96.69 180.69A16 16 0 0 0 85.38 176H56a24 24 0 0 0-24 24v112a24 24 0 0 0 24 24h69.76l92 75.31a23.9 23.9 0 0 0 25.87 1.69A24.51 24.51 0 0 0 256 391.45v-44.86a16 16 0 0 0-4.67-11.3M352 256c0-24.56-5.81-47.87-17.75-71.27a16 16 0 1 0-28.5 14.55C315.34 218.06 320 236.62 320 256q0 4-.31 8.13a8 8 0 0 0 2.32 6.25l14.36 14.36a8 8 0 0 0 13.55-4.31A146 146 0 0 0 352 256M416 256c0-51.18-13.08-83.89-34.18-120.06a16 16 0 0 0-27.64 16.12C373.07 184.44 384 211.83 384 256c0 23.83-3.29 42.88-9.37 60.65a8 8 0 0 0 1.9 8.26L389 337.4a8 8 0 0 0 13.13-2.79C411 311.76 416 287.26 416 256" />
22
+ <path d="M480 256c0-74.25-20.19-121.11-50.51-168.61a16 16 0 1 0-27 17.22C429.82 147.38 448 189.5 448 256c0 46.19-8.43 80.27-22.43 110.53a8 8 0 0 0 1.59 9l11.92 11.92a8 8 0 0 0 12.92-2.16C471.6 344.9 480 305 480 256" />
23
+ </svg>
24
+ );
25
+ export default SvgVolumeMute;
@@ -1,14 +1,14 @@
1
- import type { SVGProps } from "react";
2
- const SvgVolumeVLow = (props: SVGProps<SVGSVGElement>) => (
3
- <svg
4
- xmlns="http://www.w3.org/2000/svg"
5
- width="1em"
6
- height="1em"
7
- fill="#fff"
8
- viewBox="0 0 512 512"
9
- {...props}
10
- >
11
- <path d="M344 416a23.92 23.92 0 0 1-14.21-4.69c-.23-.16-.44-.33-.66-.51l-91.46-74.9H168a24 24 0 0 1-24-24V200.07a24 24 0 0 1 24-24h69.65l91.46-74.9c.22-.18.43-.35.66-.51A24 24 0 0 1 368 120v272a24 24 0 0 1-24 24" />
12
- </svg>
13
- );
14
- export default SvgVolumeVLow;
1
+ import type { SVGProps } from "react";
2
+ const SvgVolumeVLow = (props: SVGProps<SVGSVGElement>) => (
3
+ <svg
4
+ xmlns="http://www.w3.org/2000/svg"
5
+ width="1em"
6
+ height="1em"
7
+ fill="#fff"
8
+ viewBox="0 0 512 512"
9
+ {...props}
10
+ >
11
+ <path d="M344 416a23.92 23.92 0 0 1-14.21-4.69c-.23-.16-.44-.33-.66-.51l-91.46-74.9H168a24 24 0 0 1-24-24V200.07a24 24 0 0 1 24-24h69.65l91.46-74.9c.22-.18.43-.35.66-.51A24 24 0 0 1 368 120v272a24 24 0 0 1-24 24" />
12
+ </svg>
13
+ );
14
+ export default SvgVolumeVLow;
@@ -1,20 +1,20 @@
1
- export { default as BackwardIcon } from "./BackwardIcon";
2
- export { default as CheckedIcon } from "./CheckedIcon";
3
- export { default as ClosedNoteIcon } from "./ClosedNoteIcon";
4
- export { default as ForwardIcon } from "./ForwardIcon";
5
- export { default as FullScreenIcon } from "./FullScreenIcon";
6
- export { default as LeftArrowIcon } from "./LeftArrowIcon";
7
- export { default as MuteIcon } from "./MuteIcon";
8
- export { default as NoteIcon } from "./NoteIcon";
9
- export { default as OpenNoteIcon } from "./OpenNoteIcon";
10
- export { default as PauseIcon } from "./PauseIcon";
11
- export { default as PlayIcon } from "./PlayIcon";
12
- export { default as SettingsIcon } from "./SettingsIcon";
13
- export { default as SkillamiIcon } from "./SkillamiIcon";
14
- export { default as SubIcon } from "./SubIcon";
15
- export { default as SubtitlesIcon } from "./SubtitlesIcon";
16
- export { default as UnmuteIcon } from "./UnmuteIcon";
17
- export { default as VolumeHigh } from "./VolumeHigh";
18
- export { default as VolumeLow } from "./VolumeLow";
19
- export { default as VolumeMute } from "./VolumeMute";
20
- export { default as VolumeVLow } from "./VolumeVLow";
1
+ export { default as BackwardIcon } from "./BackwardIcon";
2
+ export { default as CheckedIcon } from "./CheckedIcon";
3
+ export { default as ClosedNoteIcon } from "./ClosedNoteIcon";
4
+ export { default as ForwardIcon } from "./ForwardIcon";
5
+ export { default as FullScreenIcon } from "./FullScreenIcon";
6
+ export { default as LeftArrowIcon } from "./LeftArrowIcon";
7
+ export { default as MuteIcon } from "./MuteIcon";
8
+ export { default as NoteIcon } from "./NoteIcon";
9
+ export { default as OpenNoteIcon } from "./OpenNoteIcon";
10
+ export { default as PauseIcon } from "./PauseIcon";
11
+ export { default as PlayIcon } from "./PlayIcon";
12
+ export { default as SettingsIcon } from "./SettingsIcon";
13
+ export { default as SkillamiIcon } from "./SkillamiIcon";
14
+ export { default as SubIcon } from "./SubIcon";
15
+ export { default as SubtitlesIcon } from "./SubtitlesIcon";
16
+ export { default as UnmuteIcon } from "./UnmuteIcon";
17
+ export { default as VolumeHigh } from "./VolumeHigh";
18
+ export { default as VolumeLow } from "./VolumeLow";
19
+ export { default as VolumeMute } from "./VolumeMute";
20
+ export { default as VolumeVLow } from "./VolumeVLow";
package/dist/index.mjs CHANGED
@@ -740,7 +740,7 @@ var VolumeSlider = ({
740
740
  className: `sb-flex sb-relative ${width < 400 && (player == null ? void 0 : player.isFullscreen_) === false || isTrailer ? "-sb-top-1" : "sb-top-1"}`,
741
741
  onClick: toggleVisibility,
742
742
  onDoubleClick: handleDoubleClick,
743
- children: player && (volume == 0 || (player == null ? void 0 : player.muted()) ? /* @__PURE__ */ jsx24(
743
+ children: player && (volume == 0 ? /* @__PURE__ */ jsx24(
744
744
  VolumeMute_default,
745
745
  {
746
746
  className: `sb-w-3 sb-h-3 ${width < 400 && (player == null ? void 0 : player.isFullscreen_) === false || isTrailer ? "" : ""} sb-h-5 sb-w-5`
@@ -770,7 +770,7 @@ var VolumeSlider = ({
770
770
  children: /* @__PURE__ */ jsx24(
771
771
  Slider_default,
772
772
  {
773
- onMouseMove: (e) => onMouseMove(e),
773
+ onMouseMove,
774
774
  setNoteOpen,
775
775
  value: volume,
776
776
  handleValueChange,
@@ -1925,7 +1925,7 @@ var VideoPlayerComponent = ({
1925
1925
  isTrailer,
1926
1926
  height
1927
1927
  }) => {
1928
- var _a, _b;
1928
+ var _a, _b, _c;
1929
1929
  const videoRef = useRef2(void 0);
1930
1930
  const playerRef = useRef2(void 0);
1931
1931
  const idRef = useRef2(void 0);
@@ -2090,7 +2090,8 @@ var VideoPlayerComponent = ({
2090
2090
  isReady,
2091
2091
  id,
2092
2092
  (_b = playerRef == null ? void 0 : playerRef.current) == null ? void 0 : _b.isFullscreen_,
2093
- isFullscreen
2093
+ isFullscreen,
2094
+ (_c = options == null ? void 0 : options.sources[0]) == null ? void 0 : _c.type
2094
2095
  ]);
2095
2096
  useEffect15(() => {
2096
2097
  if (isReady) {
@@ -2216,8 +2217,9 @@ var VideoPlayerComponent = ({
2216
2217
  const [timeSeeker, setTimeSeeker] = useState14("0");
2217
2218
  useEffect15(() => {
2218
2219
  const updateTimeSeeker = () => {
2219
- if (playerRef.current && isReady) {
2220
- const currentTime = playerRef.current.currentTime();
2220
+ var _a2;
2221
+ if ((playerRef == null ? void 0 : playerRef.current) && isReady) {
2222
+ const currentTime = (_a2 = playerRef.current) == null ? void 0 : _a2.currentTime();
2221
2223
  const duration2 = playerRef.current.duration();
2222
2224
  if (duration2 && currentTime !== void 0) {
2223
2225
  setTimeSeeker(`${currentTime / duration2 * 100}%`);
@@ -2300,7 +2302,9 @@ var VideoPlayerComponent = ({
2300
2302
  children: /* @__PURE__ */ jsx41(
2301
2303
  "div",
2302
2304
  {
2303
- onDoubleClick: () => {
2305
+ onDoubleClick: (e) => {
2306
+ e.preventDefault();
2307
+ e.stopPropagation();
2304
2308
  if (playerRef.current) {
2305
2309
  setFullScreen(true);
2306
2310
  setTimeout(() => {
@@ -2394,6 +2398,7 @@ var Component = ({
2394
2398
  useEffect16(() => {
2395
2399
  setUuid(uuidv4());
2396
2400
  }, []);
2401
+ console.log(options, "options");
2397
2402
  return /* @__PURE__ */ jsx42(
2398
2403
  VideoPlayerComponent_default,
2399
2404
  {