@videojs/react 10.0.0-beta.4 → 10.0.0-beta.5

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 (25) hide show
  1. package/dist/default/presets/audio/skin.tailwind.js +1 -1
  2. package/dist/default/presets/video/minimal-skin.css +35 -23
  3. package/dist/default/presets/video/minimal-skin.tailwind.js +1 -1
  4. package/dist/default/presets/video/skin.css +33 -17
  5. package/dist/default/presets/video/skin.js +1 -1
  6. package/dist/default/presets/video/skin.tailwind.js +3 -3
  7. package/dist/default/skins/dist/default/default/tailwind/components/overlay.js +1 -1
  8. package/dist/default/skins/dist/default/default/tailwind/components/overlay.js.map +1 -1
  9. package/dist/default/skins/dist/default/default/tailwind/video.tailwind.js +1 -1
  10. package/dist/default/skins/dist/default/default/tailwind/video.tailwind.js.map +1 -1
  11. package/dist/default/skins/dist/default/minimal/tailwind/components/overlay.js +1 -1
  12. package/dist/default/skins/dist/default/minimal/tailwind/components/overlay.js.map +1 -1
  13. package/dist/default/skins/dist/default/minimal/tailwind/video.tailwind.js +1 -1
  14. package/dist/default/skins/dist/default/minimal/tailwind/video.tailwind.js.map +1 -1
  15. package/dist/dev/presets/video/minimal-skin.css +35 -23
  16. package/dist/dev/presets/video/skin.css +33 -17
  17. package/dist/dev/skins/dist/default/default/tailwind/components/overlay.js +1 -1
  18. package/dist/dev/skins/dist/default/default/tailwind/components/overlay.js.map +1 -1
  19. package/dist/dev/skins/dist/default/default/tailwind/video.tailwind.js +1 -1
  20. package/dist/dev/skins/dist/default/default/tailwind/video.tailwind.js.map +1 -1
  21. package/dist/dev/skins/dist/default/minimal/tailwind/components/overlay.js +1 -1
  22. package/dist/dev/skins/dist/default/minimal/tailwind/components/overlay.js.map +1 -1
  23. package/dist/dev/skins/dist/default/minimal/tailwind/video.tailwind.js +1 -1
  24. package/dist/dev/skins/dist/default/minimal/tailwind/video.tailwind.js.map +1 -1
  25. package/package.json +7 -7
package/dist/default/presets/audio/skin.tailwind.js CHANGED
@@ -25,7 +25,6 @@ import { playbackRate } from "../../skins/dist/default/default/tailwind/componen
25
25
  import { root } from "../../skins/dist/default/default/tailwind/components/root.js";
26
26
  import { seek } from "../../skins/dist/default/default/tailwind/components/seek.js";
27
27
  import { time } from "../../skins/dist/default/default/tailwind/components/time.js";
28
- import { controls, popup, slider } from "../../skins/dist/default/default/tailwind/audio.tailwind.js";
29
28
  import PauseIcon from "../../icons/dist/react/default/pause.js";
30
29
  import PlayIcon from "../../icons/dist/react/default/play.js";
31
30
  import RestartIcon from "../../icons/dist/react/default/restart.js";
@@ -33,6 +32,7 @@ import SeekIcon from "../../icons/dist/react/default/seek.js";
33
32
  import VolumeHighIcon from "../../icons/dist/react/default/volume-high.js";
34
33
  import VolumeLowIcon from "../../icons/dist/react/default/volume-low.js";
35
34
  import VolumeOffIcon from "../../icons/dist/react/default/volume-off.js";
35
+ import { controls, popup, slider } from "../../skins/dist/default/default/tailwind/audio.tailwind.js";
36
36
  import { forwardRef } from "react";
37
37
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
38
38
  import { cn } from "@videojs/utils/style";
package/dist/default/presets/video/minimal-skin.css CHANGED
@@ -184,7 +184,7 @@
184
184
 
185
185
  .media-minimal-skin:fullscreen video,
186
186
  .media-minimal-skin:fullscreen ::slotted(video),
187
- .media-minimal-skin > img {
187
+ .media-minimal-skin:fullscreen > img {
188
188
  object-fit: contain;
189
189
  }
190
190
  .media-minimal-skin:fullscreen ::slotted(video) {
@@ -202,22 +202,28 @@
202
202
  background-image: linear-gradient(to top, oklch(0 0 0 / 0.7), oklch(0 0 0 / 0.5) 7.5rem, oklch(0 0 0 / 0));
203
203
  backdrop-filter: blur(0) saturate(1.5);
204
204
  opacity: 0;
205
- transition-property: opacity, backdrop-filter;
206
- transition-duration: 500ms;
207
- transition-delay: 500ms;
208
- transition-timing-function: ease-out;
209
205
  pointer-events: none;
210
206
 
211
- @media (prefers-reduced-motion: reduce) {
212
- transition-duration: 100ms;
207
+ @media (pointer: fine) {
208
+ transition-property: opacity, backdrop-filter;
209
+ transition-duration: 500ms;
210
+ transition-delay: 500ms;
211
+ transition-timing-function: ease-out;
212
+
213
+ @media (prefers-reduced-motion: reduce) {
214
+ transition-duration: 100ms;
215
+ }
213
216
  }
214
217
  }
215
218
 
216
219
  .media-minimal-skin .media-controls[data-visible] ~ .media-overlay,
217
220
  .media-minimal-skin .media-error[data-open] ~ .media-overlay {
218
221
  opacity: 1;
219
- transition-duration: 150ms;
220
- transition-delay: 0ms;
222
+
223
+ @media (pointer: fine) {
224
+ transition-duration: 150ms;
225
+ transition-delay: 0ms;
226
+ }
221
227
  }
222
228
 
223
229
  .media-minimal-skin .media-error[data-open] ~ .media-overlay {
@@ -782,13 +788,16 @@
782
788
  z-index: 10;
783
789
  gap: 0.5rem;
784
790
  padding: 2rem 0.375rem 0.375rem 0.375rem;
785
- will-change: transform, filter, opacity;
786
- transition-property: transform, filter, opacity;
787
- transition-duration: 75ms;
788
- transition-delay: 0ms;
789
- transition-timing-function: ease-out;
790
791
  color: oklch(1 0 0);
791
792
 
793
+ @media (pointer: fine) {
794
+ will-change: transform, filter, opacity;
795
+ transition-property: transform, filter, opacity;
796
+ transition-duration: 75ms;
797
+ transition-delay: 0ms;
798
+ transition-timing-function: ease-out;
799
+ }
800
+
792
801
  @container media-root (width > 40rem) {
793
802
  gap: 0.875rem;
794
803
  padding: 2.5rem 0.75rem 0.75rem 0.75rem;
@@ -796,17 +805,20 @@
796
805
 
797
806
  &:not([data-visible]) {
798
807
  opacity: 0;
799
- transform: translateY(100%);
800
- filter: blur(8px);
801
- transition-duration: 500ms;
802
- transition-delay: 500ms;
803
808
  pointer-events: none;
804
809
 
805
- @media (prefers-reduced-motion: reduce) {
806
- scale: 1;
807
- transform: translateY(0);
808
- filter: blur(0);
809
- transition-duration: 100ms;
810
+ @media (pointer: fine) {
811
+ transform: translateY(100%);
812
+ filter: blur(8px);
813
+ transition-duration: 500ms;
814
+ transition-delay: 500ms;
815
+
816
+ @media (prefers-reduced-motion: reduce) {
817
+ scale: 1;
818
+ transform: translateY(0);
819
+ filter: blur(0);
820
+ transition-duration: 100ms;
821
+ }
810
822
  }
811
823
  }
812
824
  }
package/dist/default/presets/video/minimal-skin.tailwind.js CHANGED
@@ -37,6 +37,7 @@ import SpinnerIcon from "../../icons/dist/react/minimal/spinner.js";
37
37
  import VolumeHighIcon from "../../icons/dist/react/minimal/volume-high.js";
38
38
  import VolumeLowIcon from "../../icons/dist/react/minimal/volume-low.js";
39
39
  import VolumeOffIcon from "../../icons/dist/react/minimal/volume-off.js";
40
+ import { ErrorDialog } from "./error-dialog.js";
40
41
  import { iconState } from "../../skins/dist/default/shared/tailwind/icon-state.js";
41
42
  import { playbackRate } from "../../skins/dist/default/default/tailwind/components/playback-rate.js";
42
43
  import { bufferingIndicator } from "../../skins/dist/default/minimal/tailwind/components/buffering.js";
@@ -46,7 +47,6 @@ import { error } from "../../skins/dist/default/minimal/tailwind/components/erro
46
47
  import { icon, iconContainer, iconFlipped } from "../../skins/dist/default/minimal/tailwind/components/icon.js";
47
48
  import { seek } from "../../skins/dist/default/minimal/tailwind/components/seek.js";
48
49
  import { time } from "../../skins/dist/default/minimal/tailwind/components/time.js";
49
- import { ErrorDialog } from "./error-dialog.js";
50
50
  import { overlay } from "../../skins/dist/default/minimal/tailwind/components/overlay.js";
51
51
  import { controls, popup, root, slider } from "../../skins/dist/default/minimal/tailwind/video.tailwind.js";
52
52
  import { forwardRef } from "react";
package/dist/default/presets/video/skin.css CHANGED
@@ -216,7 +216,7 @@
216
216
 
217
217
  .media-default-skin:fullscreen video,
218
218
  .media-default-skin:fullscreen ::slotted(video),
219
- .media-default-skin > img {
219
+ .media-default-skin:fullscreen > img {
220
220
  object-fit: contain;
221
221
  }
222
222
  .media-default-skin:fullscreen ::slotted(video) {
@@ -234,22 +234,28 @@
234
234
  background-image: linear-gradient(to top, oklch(0 0 0 / 0.5), oklch(0 0 0 / 0.3), oklch(0 0 0 / 0));
235
235
  backdrop-filter: blur(0) saturate(1.5);
236
236
  opacity: 0;
237
- transition-property: opacity, backdrop-filter;
238
- transition-duration: 300ms;
239
- transition-delay: 500ms;
240
- transition-timing-function: ease-out;
241
237
  pointer-events: none;
242
238
 
243
- @media (prefers-reduced-motion: reduce) {
244
- transition-duration: 100ms;
239
+ @media (pointer: fine) {
240
+ transition-property: opacity, backdrop-filter;
241
+ transition-duration: 300ms;
242
+ transition-delay: 500ms;
243
+ transition-timing-function: ease-out;
244
+
245
+ @media (prefers-reduced-motion: reduce) {
246
+ transition-duration: 100ms;
247
+ }
245
248
  }
246
249
  }
247
250
 
248
251
  .media-default-skin .media-controls[data-visible] ~ .media-overlay,
249
252
  .media-default-skin .media-error[data-open] ~ .media-overlay {
250
253
  opacity: 1;
251
- transition-duration: 150ms;
252
- transition-delay: 0ms;
254
+
255
+ @media (pointer: fine) {
256
+ transition-duration: 150ms;
257
+ transition-delay: 0ms;
258
+ }
253
259
  }
254
260
 
255
261
  .media-default-skin .media-error[data-open] ~ .media-overlay {
@@ -800,26 +806,36 @@
800
806
  bottom: 0.75rem;
801
807
  inset-inline: 0.75rem;
802
808
  z-index: 10;
809
+ color: oklch(1 0 0);
810
+
803
811
  will-change: scale, transform, filter, opacity;
804
- transition-property: scale, transform, filter, opacity;
805
- transition-duration: 100ms;
806
- transition-delay: 0ms;
807
812
  transition-timing-function: ease-out;
808
813
  transform-origin: bottom;
809
- color: oklch(1 0 0);
814
+
815
+ @media (pointer: fine) {
816
+ transition-property: scale, transform, filter, opacity;
817
+ transition-duration: 100ms;
818
+ transition-delay: 0ms;
819
+ }
810
820
 
811
821
  &:not([data-visible]) {
812
822
  opacity: 0;
823
+ pointer-events: none;
813
824
  scale: 0.9;
814
825
  filter: blur(8px);
815
- transition-duration: 300ms;
816
- transition-delay: 500ms;
817
- pointer-events: none;
826
+
827
+ @media (pointer: fine) {
828
+ transition-duration: 300ms;
829
+ transition-delay: 500ms;
830
+
831
+ @media (prefers-reduced-motion: reduce) {
832
+ transition-duration: 100ms;
833
+ }
834
+ }
818
835
 
819
836
  @media (prefers-reduced-motion: reduce) {
820
837
  scale: 1;
821
838
  filter: blur(0);
822
- transition-duration: 100ms;
823
839
  }
824
840
  }
825
841
  }
package/dist/default/presets/video/skin.js CHANGED
@@ -23,6 +23,7 @@ import { TooltipProvider } from "../../ui/tooltip/tooltip-provider.js";
23
23
  import { TooltipRoot } from "../../ui/tooltip/tooltip-root.js";
24
24
  import { TooltipTrigger } from "../../ui/tooltip/tooltip-trigger.js";
25
25
  import { VolumeSliderRoot } from "../../ui/volume-slider/volume-slider-root.js";
26
+ import { ErrorDialog } from "./error-dialog.js";
26
27
  import CaptionsOffIcon from "../../icons/dist/react/default/captions-off.js";
27
28
  import CaptionsOnIcon from "../../icons/dist/react/default/captions-on.js";
28
29
  import FullscreenEnterIcon from "../../icons/dist/react/default/fullscreen-enter.js";
@@ -36,7 +37,6 @@ import SpinnerIcon from "../../icons/dist/react/default/spinner.js";
36
37
  import VolumeHighIcon from "../../icons/dist/react/default/volume-high.js";
37
38
  import VolumeLowIcon from "../../icons/dist/react/default/volume-low.js";
38
39
  import VolumeOffIcon from "../../icons/dist/react/default/volume-off.js";
39
- import { ErrorDialog } from "./error-dialog.js";
40
40
  import { forwardRef } from "react";
41
41
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
42
42
  import { cn } from "@videojs/utils/style";
package/dist/default/presets/video/skin.tailwind.js CHANGED
@@ -23,12 +23,15 @@ import { TooltipProvider } from "../../ui/tooltip/tooltip-provider.js";
23
23
  import { TooltipRoot } from "../../ui/tooltip/tooltip-root.js";
24
24
  import { TooltipTrigger } from "../../ui/tooltip/tooltip-trigger.js";
25
25
  import { VolumeSliderRoot } from "../../ui/volume-slider/volume-slider-root.js";
26
+ import { ErrorDialog } from "./error-dialog.js";
26
27
  import { iconState } from "../../skins/dist/default/shared/tailwind/icon-state.js";
27
28
  import { button } from "../../skins/dist/default/default/tailwind/components/button.js";
28
29
  import { icon, iconContainer, iconFlipped } from "../../skins/dist/default/default/tailwind/components/icon.js";
29
30
  import { playbackRate } from "../../skins/dist/default/default/tailwind/components/playback-rate.js";
30
31
  import { seek } from "../../skins/dist/default/default/tailwind/components/seek.js";
31
32
  import { time } from "../../skins/dist/default/default/tailwind/components/time.js";
33
+ import { overlay } from "../../skins/dist/default/default/tailwind/components/overlay.js";
34
+ import { bufferingIndicator, controls, error, popup, root, slider } from "../../skins/dist/default/default/tailwind/video.tailwind.js";
32
35
  import CaptionsOffIcon from "../../icons/dist/react/default/captions-off.js";
33
36
  import CaptionsOnIcon from "../../icons/dist/react/default/captions-on.js";
34
37
  import FullscreenEnterIcon from "../../icons/dist/react/default/fullscreen-enter.js";
@@ -42,9 +45,6 @@ import SpinnerIcon from "../../icons/dist/react/default/spinner.js";
42
45
  import VolumeHighIcon from "../../icons/dist/react/default/volume-high.js";
43
46
  import VolumeLowIcon from "../../icons/dist/react/default/volume-low.js";
44
47
  import VolumeOffIcon from "../../icons/dist/react/default/volume-off.js";
45
- import { ErrorDialog } from "./error-dialog.js";
46
- import { overlay } from "../../skins/dist/default/default/tailwind/components/overlay.js";
47
- import { bufferingIndicator, controls, error, popup, root, slider } from "../../skins/dist/default/default/tailwind/video.tailwind.js";
48
48
  import { forwardRef } from "react";
49
49
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
50
50
  import { cn } from "@videojs/utils/style";
package/dist/default/skins/dist/default/default/tailwind/components/overlay.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { cn } from "@videojs/utils/style";
2
2
 
3
3
  //#region ../skins/dist/default/default/tailwind/components/overlay.js
4
- const overlay = cn("absolute inset-0 flex flex-col items-start", "pointer-events-none rounded-[inherit]", "opacity-0", "bg-linear-to-t from-black/50 via-black/30 to-transparent", "backdrop-blur-none backdrop-saturate-150", "transition-[opacity,backdrop-filter] ease-out", "duration-300 delay-500", "peer-data-visible/controls:opacity-100", "peer-data-visible/controls:duration-150", "peer-data-visible/controls:delay-0", "peer-data-open/error:opacity-100", "peer-data-open/error:duration-150", "peer-data-open/error:delay-0", "peer-data-open/error:backdrop-blur-lg", "motion-reduce:duration-100");
4
+ const overlay = cn("absolute inset-0 flex flex-col items-start", "pointer-events-none rounded-[inherit]", "opacity-0", "bg-linear-to-t from-black/50 via-black/30 to-transparent", "backdrop-blur-none backdrop-saturate-150", "[@media(pointer:fine)]:transition-[opacity,backdrop-filter]", "[@media(pointer:fine)]:ease-out", "[@media(pointer:fine)]:duration-300 [@media(pointer:fine)]:delay-500", "peer-data-visible/controls:opacity-100", "[@media(pointer:fine)]:peer-data-visible/controls:duration-150", "[@media(pointer:fine)]:peer-data-visible/controls:delay-0", "peer-data-open/error:opacity-100", "[@media(pointer:fine)]:peer-data-open/error:duration-150", "[@media(pointer:fine)]:peer-data-open/error:delay-0", "peer-data-open/error:backdrop-blur-lg", "[@media(pointer:fine)]:motion-reduce:duration-100");
5
5
 
6
6
  //#endregion
7
7
  export { overlay };
package/dist/default/skins/dist/default/default/tailwind/components/overlay.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"overlay.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/overlay.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n\n//#region src/default/tailwind/components/overlay.ts\nconst overlay = cn(\"absolute inset-0 flex flex-col items-start\", \"pointer-events-none rounded-[inherit]\", \"opacity-0\", \"bg-linear-to-t from-black/50 via-black/30 to-transparent\", \"backdrop-blur-none backdrop-saturate-150\", \"transition-[opacity,backdrop-filter] ease-out\", \"duration-300 delay-500\", \"peer-data-visible/controls:opacity-100\", \"peer-data-visible/controls:duration-150\", \"peer-data-visible/controls:delay-0\", \"peer-data-open/error:opacity-100\", \"peer-data-open/error:duration-150\", \"peer-data-open/error:delay-0\", \"peer-data-open/error:backdrop-blur-lg\", \"motion-reduce:duration-100\");\n\n//#endregion\nexport { overlay };\n//# sourceMappingURL=overlay.js.map"],"mappings":";;;AAGA,MAAM,UAAU,GAAG,8CAA8C,yCAAyC,aAAa,4DAA4D,4CAA4C,iDAAiD,0BAA0B,0CAA0C,2CAA2C,sCAAsC,oCAAoC,qCAAqC,gCAAgC,yCAAyC,6BAA6B"}
1
+ {"version":3,"file":"overlay.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/overlay.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n\n//#region src/default/tailwind/components/overlay.ts\nconst overlay = cn(\"absolute inset-0 flex flex-col items-start\", \"pointer-events-none rounded-[inherit]\", \"opacity-0\", \"bg-linear-to-t from-black/50 via-black/30 to-transparent\", \"backdrop-blur-none backdrop-saturate-150\", \"[@media(pointer:fine)]:transition-[opacity,backdrop-filter]\", \"[@media(pointer:fine)]:ease-out\", \"[@media(pointer:fine)]:duration-300 [@media(pointer:fine)]:delay-500\", \"peer-data-visible/controls:opacity-100\", \"[@media(pointer:fine)]:peer-data-visible/controls:duration-150\", \"[@media(pointer:fine)]:peer-data-visible/controls:delay-0\", \"peer-data-open/error:opacity-100\", \"[@media(pointer:fine)]:peer-data-open/error:duration-150\", \"[@media(pointer:fine)]:peer-data-open/error:delay-0\", \"peer-data-open/error:backdrop-blur-lg\", \"[@media(pointer:fine)]:motion-reduce:duration-100\");\n\n//#endregion\nexport { overlay };\n//# sourceMappingURL=overlay.js.map"],"mappings":";;;AAGA,MAAM,UAAU,GAAG,8CAA8C,yCAAyC,aAAa,4DAA4D,4CAA4C,+DAA+D,mCAAmC,wEAAwE,0CAA0C,kEAAkE,6DAA6D,oCAAoC,4DAA4D,uDAAuD,yCAAyC,oDAAoD"}
package/dist/default/skins/dist/default/default/tailwind/video.tailwind.js CHANGED
@@ -33,7 +33,7 @@ const root = (isShadowDOM) => cn(root$1, "bg-black", "after:absolute after:point
33
33
  "[&:fullscreen_::slotted(video)]:object-contain [&:fullscreen_::slotted(video)]:rounded-none": isShadowDOM
34
34
  }, "[&:fullscreen>img]:object-contain");
35
35
  const surface = cn(surface$1, "bg-white/10", "backdrop-saturate-150 backdrop-blur-lg", "ring-white/5 shadow-black/10", "after:ring-black/15", "[@media(prefers-reduced-transparency:reduce)]:bg-black/70", "contrast-more:bg-black/90");
36
- const controls = cn(controls$1, surface, "absolute bottom-3 inset-x-3", "text-white z-10", "will-change-[scale,transform,filter,opacity]", "transition-[scale,transform,filter,opacity] ease-out", "delay-0 duration-100 origin-bottom", "not-data-visible:pointer-events-none not-data-visible:blur-sm", "not-data-visible:scale-90 not-data-visible:opacity-0", "not-data-visible:delay-500 not-data-visible:duration-300", "motion-reduce:not-data-visible:duration-100", "motion-reduce:not-data-visible:blur-none", "motion-reduce:not-data-visible:scale-100");
36
+ const controls = cn(controls$1, surface, "absolute bottom-3 inset-x-3", "text-white z-10", "will-change-[scale,transform,filter,opacity]", "[@media(pointer:fine)]:transition-[scale,transform,filter,opacity]", "ease-out origin-bottom", "[@media(pointer:fine)]:delay-0 [@media(pointer:fine)]:duration-100", "not-data-visible:pointer-events-none not-data-visible:opacity-0", "not-data-visible:blur-sm not-data-visible:scale-90", "[@media(pointer:fine)]:not-data-visible:delay-500", "[@media(pointer:fine)]:not-data-visible:duration-300", "[@media(pointer:fine)]:motion-reduce:not-data-visible:duration-100", "motion-reduce:not-data-visible:blur-none", "motion-reduce:not-data-visible:scale-100");
37
37
  const slider = {
38
38
  ...slider$1,
39
39
  track: cn(slider$1.track, "bg-white/20 shadow-[0_0_0_1px_oklch(0_0_0/0.05)]")
package/dist/default/skins/dist/default/default/tailwind/video.tailwind.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"video.tailwind.js","names":[],"sources":["../../../../../../../../skins/dist/default/default/tailwind/video.tailwind.js"],"sourcesContent":["import { iconState } from \"../../shared/tailwind/icon-state.js\";\nimport { tooltipState } from \"../../shared/tailwind/tooltip-state.js\";\nimport { bufferingIndicator as bufferingIndicator$1 } from \"./components/buffering.js\";\nimport { controls as controls$1 } from \"./components/controls.js\";\nimport { error as error$1 } from \"./components/error.js\";\nimport { popup as popup$1 } from \"./components/popup.js\";\nimport { slider as slider$1 } from \"./components/slider.js\";\nimport { surface as surface$1 } from \"./components/surface.js\";\nimport { button } from \"./components/button.js\";\nimport { icon, iconContainer, iconFlipped, iconHidden } from \"./components/icon.js\";\nimport { playbackRate } from \"./components/playback-rate.js\";\nimport { root as root$1 } from \"./components/root.js\";\nimport { seek } from \"./components/seek.js\";\nimport { time } from \"./components/time.js\";\nimport { overlay } from \"./components/overlay.js\";\nimport { cn } from \"@videojs/utils/style\";\n\n//#region src/default/tailwind/video.tailwind.ts\nconst root = (isShadowDOM) => cn(root$1, \"bg-black\", \"after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10\", \"after:inset-0 after:ring-1 after:ring-inset after:ring-black/10 dark:after:ring-white/10\", {\n\t\"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--media-border-radius,2rem)\": isShadowDOM,\n\t\"[&_video]:block [&_video]:w-full [&_video]:h-full [&_video]:rounded-[inherit]\": !isShadowDOM\n}, \"[&>img]:absolute [&>img]:inset-0 [&>img]:w-full [&>img]:h-full [&>img]:rounded-[inherit]\", \"[&>img]:object-cover [&>img]:pointer-events-none\", \"[&>img]:transition-opacity [&>img]:duration-250\", \"[&>img:not([data-visible])]:opacity-0\", \"[--media-caption-track-delay:600ms]\", \"[--media-caption-track-y:-0.5rem]\", \"has-[[data-controls][data-visible]]:[--media-caption-track-delay:25ms]\", \"has-[[data-controls][data-visible]]:[--media-caption-track-y:-3.5rem]\", !isShadowDOM ? [\n\t\"[&_video::-webkit-media-text-track-container]:transition-transform\",\n\t\"[&_video::-webkit-media-text-track-container]:duration-150\",\n\t\"[&_video::-webkit-media-text-track-container]:ease-out\",\n\t\"[&_video::-webkit-media-text-track-container]:delay-(--media-caption-track-delay)\",\n\t\"[&_video::-webkit-media-text-track-container]:translate-y-(--media-caption-track-y)\",\n\t\"[&_video::-webkit-media-text-track-container]:scale-98\",\n\t\"[&_video::-webkit-media-text-track-container]:z-1\",\n\t\"[&_video::-webkit-media-text-track-container]:font-[inherit]\",\n\t\"motion-reduce:[&_video::-webkit-media-text-track-container]:duration-50\"\n] : [], \"[&:fullscreen]:rounded-none\", {\n\t\"[&:fullscreen_video]:object-contain\": !isShadowDOM,\n\t\"[&:fullscreen_::slotted(video)]:object-contain [&:fullscreen_::slotted(video)]:rounded-none\": isShadowDOM\n}, \"[&:fullscreen>img]:object-contain\");\nconst surface = cn(surface$1, \"bg-white/10\", \"backdrop-saturate-150 backdrop-blur-lg\", \"ring-white/5 shadow-black/10\", \"after:ring-black/15\", \"[@media(prefers-reduced-transparency:reduce)]:bg-black/70\", \"contrast-more:bg-black/90\");\nconst controls = cn(controls$1, surface, \"absolute bottom-3 inset-x-3\", \"text-white z-10\", \"will-change-[scale,transform,filter,opacity]\", \"transition-[scale,transform,filter,opacity] ease-out\", \"delay-0 duration-100 origin-bottom\", \"not-data-visible:pointer-events-none not-data-visible:blur-sm\", \"not-data-visible:scale-90 not-data-visible:opacity-0\", \"not-data-visible:delay-500 not-data-visible:duration-300\", \"motion-reduce:not-data-visible:duration-100\", \"motion-reduce:not-data-visible:blur-none\", \"motion-reduce:not-data-visible:scale-100\");\nconst slider = {\n\t...slider$1,\n\ttrack: cn(slider$1.track, \"bg-white/20 shadow-[0_0_0_1px_oklch(0_0_0/0.05)]\")\n};\nconst popup = {\n\t...popup$1,\n\tpopover: cn(surface, popup$1.popover),\n\ttooltip: cn(surface, popup$1.tooltip)\n};\nconst bufferingIndicator = {\n\t...bufferingIndicator$1,\n\tcontainer: cn(bufferingIndicator$1.container, surface)\n};\nconst error = {\n\t...error$1,\n\tdialog: cn(error$1.dialog, surface)\n};\n\n//#endregion\nexport { bufferingIndicator, button, controls, error, icon, iconContainer, iconFlipped, iconHidden, iconState, overlay, playbackRate, popup, root, seek, slider, surface, time, tooltipState };\n//# sourceMappingURL=video.tailwind.js.map"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,MAAM,QAAQ,gBAAgB,GAAG,QAAQ,YAAY,+EAA+E,4FAA4F;CAC/N,gJAAgJ;CAChJ,iFAAiF,CAAC;CAClF,EAAE,4FAA4F,oDAAoD,mDAAmD,yCAAyC,uCAAuC,qCAAqC,0EAA0E,yEAAyE,CAAC,cAAc;CAC5d;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAG,EAAE,EAAE,+BAA+B;CACtC,uCAAuC,CAAC;CACxC,+FAA+F;CAC/F,EAAE,oCAAoC;AACvC,MAAM,UAAU,GAAG,WAAW,eAAe,0CAA0C,gCAAgC,uBAAuB,6DAA6D,4BAA4B;AACvO,MAAM,WAAW,GAAG,YAAY,SAAS,+BAA+B,mBAAmB,gDAAgD,wDAAwD,sCAAsC,iEAAiE,wDAAwD,4DAA4D,+CAA+C,4CAA4C,2CAA2C;AACpiB,MAAM,SAAS;CACd,GAAG;CACH,OAAO,GAAG,SAAS,OAAO,mDAAmD;CAC7E;AACD,MAAM,QAAQ;CACb,GAAG;CACH,SAAS,GAAG,SAAS,QAAQ,QAAQ;CACrC,SAAS,GAAG,SAAS,QAAQ,QAAQ;CACrC;AACD,MAAM,qBAAqB;CAC1B,GAAG;CACH,WAAW,GAAG,qBAAqB,WAAW,QAAQ;CACtD;AACD,MAAM,QAAQ;CACb,GAAG;CACH,QAAQ,GAAG,QAAQ,QAAQ,QAAQ;CACnC"}
1
+ {"version":3,"file":"video.tailwind.js","names":[],"sources":["../../../../../../../../skins/dist/default/default/tailwind/video.tailwind.js"],"sourcesContent":["import { iconState } from \"../../shared/tailwind/icon-state.js\";\nimport { tooltipState } from \"../../shared/tailwind/tooltip-state.js\";\nimport { bufferingIndicator as bufferingIndicator$1 } from \"./components/buffering.js\";\nimport { controls as controls$1 } from \"./components/controls.js\";\nimport { error as error$1 } from \"./components/error.js\";\nimport { popup as popup$1 } from \"./components/popup.js\";\nimport { slider as slider$1 } from \"./components/slider.js\";\nimport { surface as surface$1 } from \"./components/surface.js\";\nimport { button } from \"./components/button.js\";\nimport { icon, iconContainer, iconFlipped, iconHidden } from \"./components/icon.js\";\nimport { playbackRate } from \"./components/playback-rate.js\";\nimport { root as root$1 } from \"./components/root.js\";\nimport { seek } from \"./components/seek.js\";\nimport { time } from \"./components/time.js\";\nimport { overlay } from \"./components/overlay.js\";\nimport { cn } from \"@videojs/utils/style\";\n\n//#region src/default/tailwind/video.tailwind.ts\nconst root = (isShadowDOM) => cn(root$1, \"bg-black\", \"after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10\", \"after:inset-0 after:ring-1 after:ring-inset after:ring-black/10 dark:after:ring-white/10\", {\n\t\"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--media-border-radius,2rem)\": isShadowDOM,\n\t\"[&_video]:block [&_video]:w-full [&_video]:h-full [&_video]:rounded-[inherit]\": !isShadowDOM\n}, \"[&>img]:absolute [&>img]:inset-0 [&>img]:w-full [&>img]:h-full [&>img]:rounded-[inherit]\", \"[&>img]:object-cover [&>img]:pointer-events-none\", \"[&>img]:transition-opacity [&>img]:duration-250\", \"[&>img:not([data-visible])]:opacity-0\", \"[--media-caption-track-delay:600ms]\", \"[--media-caption-track-y:-0.5rem]\", \"has-[[data-controls][data-visible]]:[--media-caption-track-delay:25ms]\", \"has-[[data-controls][data-visible]]:[--media-caption-track-y:-3.5rem]\", !isShadowDOM ? [\n\t\"[&_video::-webkit-media-text-track-container]:transition-transform\",\n\t\"[&_video::-webkit-media-text-track-container]:duration-150\",\n\t\"[&_video::-webkit-media-text-track-container]:ease-out\",\n\t\"[&_video::-webkit-media-text-track-container]:delay-(--media-caption-track-delay)\",\n\t\"[&_video::-webkit-media-text-track-container]:translate-y-(--media-caption-track-y)\",\n\t\"[&_video::-webkit-media-text-track-container]:scale-98\",\n\t\"[&_video::-webkit-media-text-track-container]:z-1\",\n\t\"[&_video::-webkit-media-text-track-container]:font-[inherit]\",\n\t\"motion-reduce:[&_video::-webkit-media-text-track-container]:duration-50\"\n] : [], \"[&:fullscreen]:rounded-none\", {\n\t\"[&:fullscreen_video]:object-contain\": !isShadowDOM,\n\t\"[&:fullscreen_::slotted(video)]:object-contain [&:fullscreen_::slotted(video)]:rounded-none\": isShadowDOM\n}, \"[&:fullscreen>img]:object-contain\");\nconst surface = cn(surface$1, \"bg-white/10\", \"backdrop-saturate-150 backdrop-blur-lg\", \"ring-white/5 shadow-black/10\", \"after:ring-black/15\", \"[@media(prefers-reduced-transparency:reduce)]:bg-black/70\", \"contrast-more:bg-black/90\");\nconst controls = cn(controls$1, surface, \"absolute bottom-3 inset-x-3\", \"text-white z-10\", \"will-change-[scale,transform,filter,opacity]\", \"[@media(pointer:fine)]:transition-[scale,transform,filter,opacity]\", \"ease-out origin-bottom\", \"[@media(pointer:fine)]:delay-0 [@media(pointer:fine)]:duration-100\", \"not-data-visible:pointer-events-none not-data-visible:opacity-0\", \"not-data-visible:blur-sm not-data-visible:scale-90\", \"[@media(pointer:fine)]:not-data-visible:delay-500\", \"[@media(pointer:fine)]:not-data-visible:duration-300\", \"[@media(pointer:fine)]:motion-reduce:not-data-visible:duration-100\", \"motion-reduce:not-data-visible:blur-none\", \"motion-reduce:not-data-visible:scale-100\");\nconst slider = {\n\t...slider$1,\n\ttrack: cn(slider$1.track, \"bg-white/20 shadow-[0_0_0_1px_oklch(0_0_0/0.05)]\")\n};\nconst popup = {\n\t...popup$1,\n\tpopover: cn(surface, popup$1.popover),\n\ttooltip: cn(surface, popup$1.tooltip)\n};\nconst bufferingIndicator = {\n\t...bufferingIndicator$1,\n\tcontainer: cn(bufferingIndicator$1.container, surface)\n};\nconst error = {\n\t...error$1,\n\tdialog: cn(error$1.dialog, surface)\n};\n\n//#endregion\nexport { bufferingIndicator, button, controls, error, icon, iconContainer, iconFlipped, iconHidden, iconState, overlay, playbackRate, popup, root, seek, slider, surface, time, tooltipState };\n//# sourceMappingURL=video.tailwind.js.map"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,MAAM,QAAQ,gBAAgB,GAAG,QAAQ,YAAY,+EAA+E,4FAA4F;CAC/N,gJAAgJ;CAChJ,iFAAiF,CAAC;CAClF,EAAE,4FAA4F,oDAAoD,mDAAmD,yCAAyC,uCAAuC,qCAAqC,0EAA0E,yEAAyE,CAAC,cAAc;CAC5d;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAG,EAAE,EAAE,+BAA+B;CACtC,uCAAuC,CAAC;CACxC,+FAA+F;CAC/F,EAAE,oCAAoC;AACvC,MAAM,UAAU,GAAG,WAAW,eAAe,0CAA0C,gCAAgC,uBAAuB,6DAA6D,4BAA4B;AACvO,MAAM,WAAW,GAAG,YAAY,SAAS,+BAA+B,mBAAmB,gDAAgD,sEAAsE,0BAA0B,sEAAsE,mEAAmE,sDAAsD,qDAAqD,wDAAwD,sEAAsE,4CAA4C,2CAA2C;AACprB,MAAM,SAAS;CACd,GAAG;CACH,OAAO,GAAG,SAAS,OAAO,mDAAmD;CAC7E;AACD,MAAM,QAAQ;CACb,GAAG;CACH,SAAS,GAAG,SAAS,QAAQ,QAAQ;CACrC,SAAS,GAAG,SAAS,QAAQ,QAAQ;CACrC;AACD,MAAM,qBAAqB;CAC1B,GAAG;CACH,WAAW,GAAG,qBAAqB,WAAW,QAAQ;CACtD;AACD,MAAM,QAAQ;CACb,GAAG;CACH,QAAQ,GAAG,QAAQ,QAAQ,QAAQ;CACnC"}
package/dist/default/skins/dist/default/minimal/tailwind/components/overlay.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { cn } from "@videojs/utils/style";
2
2
 
3
3
  //#region ../skins/dist/default/minimal/tailwind/components/overlay.js
4
- const overlay = cn("absolute inset-0 flex flex-col items-start", "pointer-events-none rounded-[inherit]", "opacity-0", "bg-linear-to-t from-black/70 via-black/50 via-[7.5rem] to-transparent", "backdrop-blur-none backdrop-saturate-150", "transition-[opacity,backdrop-filter] ease-out", "duration-500 delay-500", "peer-data-visible/controls:opacity-100", "peer-data-visible/controls:duration-150", "peer-data-visible/controls:delay-0", "peer-data-open/error:opacity-100", "peer-data-open/error:duration-150", "peer-data-open/error:delay-0", "peer-data-open/error:backdrop-blur-lg", "motion-reduce:duration-100");
4
+ const overlay = cn("absolute inset-0 flex flex-col items-start", "pointer-events-none rounded-[inherit]", "opacity-0", "bg-linear-to-t from-black/70 via-black/50 via-[7.5rem] to-transparent", "backdrop-blur-none backdrop-saturate-150", "[@media(pointer:fine)]:transition-[opacity,backdrop-filter]", "[@media(pointer:fine)]:ease-out", "[@media(pointer:fine)]:duration-500 [@media(pointer:fine)]:delay-500", "peer-data-visible/controls:opacity-100", "[@media(pointer:fine)]:peer-data-visible/controls:duration-150", "[@media(pointer:fine)]:peer-data-visible/controls:delay-0", "peer-data-open/error:opacity-100", "[@media(pointer:fine)]:peer-data-open/error:duration-150", "[@media(pointer:fine)]:peer-data-open/error:delay-0", "peer-data-open/error:backdrop-blur-lg", "[@media(pointer:fine)]:motion-reduce:duration-100");
5
5
 
6
6
  //#endregion
7
7
  export { overlay };
package/dist/default/skins/dist/default/minimal/tailwind/components/overlay.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"overlay.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/overlay.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n\n//#region src/minimal/tailwind/components/overlay.ts\nconst overlay = cn(\"absolute inset-0 flex flex-col items-start\", \"pointer-events-none rounded-[inherit]\", \"opacity-0\", \"bg-linear-to-t from-black/70 via-black/50 via-[7.5rem] to-transparent\", \"backdrop-blur-none backdrop-saturate-150\", \"transition-[opacity,backdrop-filter] ease-out\", \"duration-500 delay-500\", \"peer-data-visible/controls:opacity-100\", \"peer-data-visible/controls:duration-150\", \"peer-data-visible/controls:delay-0\", \"peer-data-open/error:opacity-100\", \"peer-data-open/error:duration-150\", \"peer-data-open/error:delay-0\", \"peer-data-open/error:backdrop-blur-lg\", \"motion-reduce:duration-100\");\n\n//#endregion\nexport { overlay };\n//# sourceMappingURL=overlay.js.map"],"mappings":";;;AAGA,MAAM,UAAU,GAAG,8CAA8C,yCAAyC,aAAa,yEAAyE,4CAA4C,iDAAiD,0BAA0B,0CAA0C,2CAA2C,sCAAsC,oCAAoC,qCAAqC,gCAAgC,yCAAyC,6BAA6B"}
1
+ {"version":3,"file":"overlay.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/overlay.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n\n//#region src/minimal/tailwind/components/overlay.ts\nconst overlay = cn(\"absolute inset-0 flex flex-col items-start\", \"pointer-events-none rounded-[inherit]\", \"opacity-0\", \"bg-linear-to-t from-black/70 via-black/50 via-[7.5rem] to-transparent\", \"backdrop-blur-none backdrop-saturate-150\", \"[@media(pointer:fine)]:transition-[opacity,backdrop-filter]\", \"[@media(pointer:fine)]:ease-out\", \"[@media(pointer:fine)]:duration-500 [@media(pointer:fine)]:delay-500\", \"peer-data-visible/controls:opacity-100\", \"[@media(pointer:fine)]:peer-data-visible/controls:duration-150\", \"[@media(pointer:fine)]:peer-data-visible/controls:delay-0\", \"peer-data-open/error:opacity-100\", \"[@media(pointer:fine)]:peer-data-open/error:duration-150\", \"[@media(pointer:fine)]:peer-data-open/error:delay-0\", \"peer-data-open/error:backdrop-blur-lg\", \"[@media(pointer:fine)]:motion-reduce:duration-100\");\n\n//#endregion\nexport { overlay };\n//# sourceMappingURL=overlay.js.map"],"mappings":";;;AAGA,MAAM,UAAU,GAAG,8CAA8C,yCAAyC,aAAa,yEAAyE,4CAA4C,+DAA+D,mCAAmC,wEAAwE,0CAA0C,kEAAkE,6DAA6D,oCAAoC,4DAA4D,uDAAuD,yCAAyC,oDAAoD"}
package/dist/default/skins/dist/default/minimal/tailwind/video.tailwind.js CHANGED
@@ -31,7 +31,7 @@ const root = (isShadowDOM) => cn(root$1, "bg-black", "after:absolute after:point
31
31
  "[&:fullscreen_video]:object-contain": !isShadowDOM,
32
32
  "[&:fullscreen_::slotted(video)]:object-contain [&:fullscreen_::slotted(video)]:rounded-none": isShadowDOM
33
33
  }, "[&:fullscreen>img]:object-contain");
34
- const controls = cn(controls$1, "absolute bottom-0 inset-x-0", "pt-8 px-1.5 pb-1.5 gap-2", "text-white z-10", "will-change-[translate,filter,opacity]", "transition-[translate,filter,opacity] ease-out", "delay-0 duration-75", "not-data-visible:opacity-0 not-data-visible:translate-y-full", "not-data-visible:blur-sm not-data-visible:pointer-events-none", "not-data-visible:delay-500 not-data-visible:duration-500", "motion-reduce:not-data-visible:duration-100", "motion-reduce:not-data-visible:translate-y-0", "motion-reduce:not-data-visible:blur-none motion-reduce:not-data-visible:scale-100", "@sm/media-root:pt-10 @sm/media-root:px-3 @sm/media-root:pb-3", "@sm/media-root:gap-3.5");
34
+ const controls = cn(controls$1, "absolute bottom-0 inset-x-0", "pt-8 px-1.5 pb-1.5 gap-2", "text-white z-10", "will-change-[translate,filter,opacity]", "[@media(pointer:fine)]:transition-[translate,filter,opacity]", "ease-out", "[@media(pointer:fine)]:delay-0 [@media(pointer:fine)]:duration-75", "not-data-visible:opacity-0 not-data-visible:pointer-events-none", "not-data-visible:translate-y-full not-data-visible:blur-sm", "[@media(pointer:fine)]:not-data-visible:delay-500", "[@media(pointer:fine)]:not-data-visible:duration-500", "[@media(pointer:fine)]:motion-reduce:not-data-visible:duration-100", "motion-reduce:not-data-visible:translate-y-0", "motion-reduce:not-data-visible:blur-none", "motion-reduce:not-data-visible:scale-100", "@sm/media-root:pt-10 @sm/media-root:px-3 @sm/media-root:pb-3", "@sm/media-root:gap-3.5");
35
35
  const slider = {
36
36
  ...slider$1,
37
37
  track: cn(slider$1.track, "shadow-[0_0_0_1px_oklch(0_0_0/0.05)]")
package/dist/default/skins/dist/default/minimal/tailwind/video.tailwind.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"video.tailwind.js","names":[],"sources":["../../../../../../../../skins/dist/default/minimal/tailwind/video.tailwind.js"],"sourcesContent":["import { controls as controls$1 } from \"./components/controls.js\";\nimport { popup as popup$1 } from \"./components/popup.js\";\nimport { root as root$1 } from \"./components/root.js\";\nimport { iconState } from \"../../shared/tailwind/icon-state.js\";\nimport { tooltipState } from \"../../shared/tailwind/tooltip-state.js\";\nimport { bufferingIndicator } from \"./components/buffering.js\";\nimport { button } from \"./components/button.js\";\nimport { buttonGroup } from \"./components/button-group.js\";\nimport { error } from \"./components/error.js\";\nimport { icon, iconContainer, iconFlipped, iconHidden } from \"./components/icon.js\";\nimport { seek } from \"./components/seek.js\";\nimport { slider as slider$1 } from \"./components/slider.js\";\nimport { time } from \"./components/time.js\";\nimport { overlay } from \"./components/overlay.js\";\nimport { cn } from \"@videojs/utils/style\";\n\n//#region src/minimal/tailwind/video.tailwind.ts\nconst root = (isShadowDOM) => cn(root$1, \"bg-black\", \"after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10\", \"after:inset-0 after:ring-1 after:ring-inset after:ring-black/15\", \"dark:after:ring-white/15\", {\n\t\"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--media-border-radius,0.75rem)\": isShadowDOM,\n\t\"[&_video]:block [&_video]:w-full [&_video]:h-full [&_video]:rounded-[inherit]\": !isShadowDOM\n}, \"[&>img]:absolute [&>img]:inset-0 [&>img]:w-full [&>img]:h-full [&>img]:rounded-[inherit]\", \"[&>img]:object-cover [&>img]:pointer-events-none\", \"[&>img]:transition-opacity [&>img]:duration-250\", \"[&>img:not([data-visible])]:opacity-0\", \"[--media-caption-track-delay:600ms]\", \"[--media-caption-track-y:-0.5rem]\", \"has-[[data-controls][data-visible]]:[--media-caption-track-delay:25ms]\", \"has-[[data-controls][data-visible]]:[--media-caption-track-y:-3.5rem]\", !isShadowDOM ? [\n\t\"[&_video::-webkit-media-text-track-container]:transition-transform\",\n\t\"[&_video::-webkit-media-text-track-container]:duration-150\",\n\t\"[&_video::-webkit-media-text-track-container]:ease-out\",\n\t\"[&_video::-webkit-media-text-track-container]:delay-(--media-caption-track-delay)\",\n\t\"[&_video::-webkit-media-text-track-container]:translate-y-(--media-caption-track-y)\",\n\t\"[&_video::-webkit-media-text-track-container]:scale-98\",\n\t\"[&_video::-webkit-media-text-track-container]:z-1\",\n\t\"[&_video::-webkit-media-text-track-container]:font-[inherit]\",\n\t\"motion-reduce:[&_video::-webkit-media-text-track-container]:duration-50\"\n] : [], \"[&:fullscreen]:rounded-none\", {\n\t\"[&:fullscreen_video]:object-contain\": !isShadowDOM,\n\t\"[&:fullscreen_::slotted(video)]:object-contain [&:fullscreen_::slotted(video)]:rounded-none\": isShadowDOM\n}, \"[&:fullscreen>img]:object-contain\");\nconst controls = cn(controls$1, \"absolute bottom-0 inset-x-0\", \"pt-8 px-1.5 pb-1.5 gap-2\", \"text-white z-10\", \"will-change-[translate,filter,opacity]\", \"transition-[translate,filter,opacity] ease-out\", \"delay-0 duration-75\", \"not-data-visible:opacity-0 not-data-visible:translate-y-full\", \"not-data-visible:blur-sm not-data-visible:pointer-events-none\", \"not-data-visible:delay-500 not-data-visible:duration-500\", \"motion-reduce:not-data-visible:duration-100\", \"motion-reduce:not-data-visible:translate-y-0\", \"motion-reduce:not-data-visible:blur-none motion-reduce:not-data-visible:scale-100\", \"@sm/media-root:pt-10 @sm/media-root:px-3 @sm/media-root:pb-3\", \"@sm/media-root:gap-3.5\");\nconst slider = {\n\t...slider$1,\n\ttrack: cn(slider$1.track, \"shadow-[0_0_0_1px_oklch(0_0_0/0.05)]\")\n};\nconst popup = {\n\t...popup$1,\n\tvolume: cn(\"[--media-popover-side-offset:0.5rem] p-1 bg-transparent\")\n};\n\n//#endregion\nexport { bufferingIndicator, button, buttonGroup, controls, error, icon, iconContainer, iconFlipped, iconHidden, iconState, overlay, popup, root, seek, slider, time, tooltipState };\n//# sourceMappingURL=video.tailwind.js.map"],"mappings":";;;;;;;;;;;;;;;;AAiBA,MAAM,QAAQ,gBAAgB,GAAG,QAAQ,YAAY,+EAA+E,mEAAmE,4BAA4B;CAClO,mJAAmJ;CACnJ,iFAAiF,CAAC;CAClF,EAAE,4FAA4F,oDAAoD,mDAAmD,yCAAyC,uCAAuC,qCAAqC,0EAA0E,yEAAyE,CAAC,cAAc;CAC5d;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAG,EAAE,EAAE,+BAA+B;CACtC,uCAAuC,CAAC;CACxC,+FAA+F;CAC/F,EAAE,oCAAoC;AACvC,MAAM,WAAW,GAAG,YAAY,+BAA+B,4BAA4B,mBAAmB,0CAA0C,kDAAkD,uBAAuB,gEAAgE,iEAAiE,4DAA4D,+CAA+C,gDAAgD,qFAAqF,gEAAgE,yBAAyB;AAC3qB,MAAM,SAAS;CACd,GAAG;CACH,OAAO,GAAG,SAAS,OAAO,uCAAuC;CACjE;AACD,MAAM,QAAQ;CACb,GAAG;CACH,QAAQ,GAAG,0DAA0D;CACrE"}
1
+ {"version":3,"file":"video.tailwind.js","names":[],"sources":["../../../../../../../../skins/dist/default/minimal/tailwind/video.tailwind.js"],"sourcesContent":["import { controls as controls$1 } from \"./components/controls.js\";\nimport { popup as popup$1 } from \"./components/popup.js\";\nimport { root as root$1 } from \"./components/root.js\";\nimport { iconState } from \"../../shared/tailwind/icon-state.js\";\nimport { tooltipState } from \"../../shared/tailwind/tooltip-state.js\";\nimport { bufferingIndicator } from \"./components/buffering.js\";\nimport { button } from \"./components/button.js\";\nimport { buttonGroup } from \"./components/button-group.js\";\nimport { error } from \"./components/error.js\";\nimport { icon, iconContainer, iconFlipped, iconHidden } from \"./components/icon.js\";\nimport { seek } from \"./components/seek.js\";\nimport { slider as slider$1 } from \"./components/slider.js\";\nimport { time } from \"./components/time.js\";\nimport { overlay } from \"./components/overlay.js\";\nimport { cn } from \"@videojs/utils/style\";\n\n//#region src/minimal/tailwind/video.tailwind.ts\nconst root = (isShadowDOM) => cn(root$1, \"bg-black\", \"after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10\", \"after:inset-0 after:ring-1 after:ring-inset after:ring-black/15\", \"dark:after:ring-white/15\", {\n\t\"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--media-border-radius,0.75rem)\": isShadowDOM,\n\t\"[&_video]:block [&_video]:w-full [&_video]:h-full [&_video]:rounded-[inherit]\": !isShadowDOM\n}, \"[&>img]:absolute [&>img]:inset-0 [&>img]:w-full [&>img]:h-full [&>img]:rounded-[inherit]\", \"[&>img]:object-cover [&>img]:pointer-events-none\", \"[&>img]:transition-opacity [&>img]:duration-250\", \"[&>img:not([data-visible])]:opacity-0\", \"[--media-caption-track-delay:600ms]\", \"[--media-caption-track-y:-0.5rem]\", \"has-[[data-controls][data-visible]]:[--media-caption-track-delay:25ms]\", \"has-[[data-controls][data-visible]]:[--media-caption-track-y:-3.5rem]\", !isShadowDOM ? [\n\t\"[&_video::-webkit-media-text-track-container]:transition-transform\",\n\t\"[&_video::-webkit-media-text-track-container]:duration-150\",\n\t\"[&_video::-webkit-media-text-track-container]:ease-out\",\n\t\"[&_video::-webkit-media-text-track-container]:delay-(--media-caption-track-delay)\",\n\t\"[&_video::-webkit-media-text-track-container]:translate-y-(--media-caption-track-y)\",\n\t\"[&_video::-webkit-media-text-track-container]:scale-98\",\n\t\"[&_video::-webkit-media-text-track-container]:z-1\",\n\t\"[&_video::-webkit-media-text-track-container]:font-[inherit]\",\n\t\"motion-reduce:[&_video::-webkit-media-text-track-container]:duration-50\"\n] : [], \"[&:fullscreen]:rounded-none\", {\n\t\"[&:fullscreen_video]:object-contain\": !isShadowDOM,\n\t\"[&:fullscreen_::slotted(video)]:object-contain [&:fullscreen_::slotted(video)]:rounded-none\": isShadowDOM\n}, \"[&:fullscreen>img]:object-contain\");\nconst controls = cn(controls$1, \"absolute bottom-0 inset-x-0\", \"pt-8 px-1.5 pb-1.5 gap-2\", \"text-white z-10\", \"will-change-[translate,filter,opacity]\", \"[@media(pointer:fine)]:transition-[translate,filter,opacity]\", \"ease-out\", \"[@media(pointer:fine)]:delay-0 [@media(pointer:fine)]:duration-75\", \"not-data-visible:opacity-0 not-data-visible:pointer-events-none\", \"not-data-visible:translate-y-full not-data-visible:blur-sm\", \"[@media(pointer:fine)]:not-data-visible:delay-500\", \"[@media(pointer:fine)]:not-data-visible:duration-500\", \"[@media(pointer:fine)]:motion-reduce:not-data-visible:duration-100\", \"motion-reduce:not-data-visible:translate-y-0\", \"motion-reduce:not-data-visible:blur-none\", \"motion-reduce:not-data-visible:scale-100\", \"@sm/media-root:pt-10 @sm/media-root:px-3 @sm/media-root:pb-3\", \"@sm/media-root:gap-3.5\");\nconst slider = {\n\t...slider$1,\n\ttrack: cn(slider$1.track, \"shadow-[0_0_0_1px_oklch(0_0_0/0.05)]\")\n};\nconst popup = {\n\t...popup$1,\n\tvolume: cn(\"[--media-popover-side-offset:0.5rem] p-1 bg-transparent\")\n};\n\n//#endregion\nexport { bufferingIndicator, button, buttonGroup, controls, error, icon, iconContainer, iconFlipped, iconHidden, iconState, overlay, popup, root, seek, slider, time, tooltipState };\n//# sourceMappingURL=video.tailwind.js.map"],"mappings":";;;;;;;;;;;;;;;;AAiBA,MAAM,QAAQ,gBAAgB,GAAG,QAAQ,YAAY,+EAA+E,mEAAmE,4BAA4B;CAClO,mJAAmJ;CACnJ,iFAAiF,CAAC;CAClF,EAAE,4FAA4F,oDAAoD,mDAAmD,yCAAyC,uCAAuC,qCAAqC,0EAA0E,yEAAyE,CAAC,cAAc;CAC5d;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAG,EAAE,EAAE,+BAA+B;CACtC,uCAAuC,CAAC;CACxC,+FAA+F;CAC/F,EAAE,oCAAoC;AACvC,MAAM,WAAW,GAAG,YAAY,+BAA+B,4BAA4B,mBAAmB,0CAA0C,gEAAgE,YAAY,qEAAqE,mEAAmE,8DAA8D,qDAAqD,wDAAwD,sEAAsE,gDAAgD,4CAA4C,4CAA4C,gEAAgE,yBAAyB;AAC9zB,MAAM,SAAS;CACd,GAAG;CACH,OAAO,GAAG,SAAS,OAAO,uCAAuC;CACjE;AACD,MAAM,QAAQ;CACb,GAAG;CACH,QAAQ,GAAG,0DAA0D;CACrE"}
package/dist/dev/presets/video/minimal-skin.css CHANGED
@@ -184,7 +184,7 @@
184
184
 
185
185
  .media-minimal-skin:fullscreen video,
186
186
  .media-minimal-skin:fullscreen ::slotted(video),
187
- .media-minimal-skin > img {
187
+ .media-minimal-skin:fullscreen > img {
188
188
  object-fit: contain;
189
189
  }
190
190
  .media-minimal-skin:fullscreen ::slotted(video) {
@@ -202,22 +202,28 @@
202
202
  background-image: linear-gradient(to top, oklch(0 0 0 / 0.7), oklch(0 0 0 / 0.5) 7.5rem, oklch(0 0 0 / 0));
203
203
  backdrop-filter: blur(0) saturate(1.5);
204
204
  opacity: 0;
205
- transition-property: opacity, backdrop-filter;
206
- transition-duration: 500ms;
207
- transition-delay: 500ms;
208
- transition-timing-function: ease-out;
209
205
  pointer-events: none;
210
206
 
211
- @media (prefers-reduced-motion: reduce) {
212
- transition-duration: 100ms;
207
+ @media (pointer: fine) {
208
+ transition-property: opacity, backdrop-filter;
209
+ transition-duration: 500ms;
210
+ transition-delay: 500ms;
211
+ transition-timing-function: ease-out;
212
+
213
+ @media (prefers-reduced-motion: reduce) {
214
+ transition-duration: 100ms;
215
+ }
213
216
  }
214
217
  }
215
218
 
216
219
  .media-minimal-skin .media-controls[data-visible] ~ .media-overlay,
217
220
  .media-minimal-skin .media-error[data-open] ~ .media-overlay {
218
221
  opacity: 1;
219
- transition-duration: 150ms;
220
- transition-delay: 0ms;
222
+
223
+ @media (pointer: fine) {
224
+ transition-duration: 150ms;
225
+ transition-delay: 0ms;
226
+ }
221
227
  }
222
228
 
223
229
  .media-minimal-skin .media-error[data-open] ~ .media-overlay {
@@ -782,13 +788,16 @@
782
788
  z-index: 10;
783
789
  gap: 0.5rem;
784
790
  padding: 2rem 0.375rem 0.375rem 0.375rem;
785
- will-change: transform, filter, opacity;
786
- transition-property: transform, filter, opacity;
787
- transition-duration: 75ms;
788
- transition-delay: 0ms;
789
- transition-timing-function: ease-out;
790
791
  color: oklch(1 0 0);
791
792
 
793
+ @media (pointer: fine) {
794
+ will-change: transform, filter, opacity;
795
+ transition-property: transform, filter, opacity;
796
+ transition-duration: 75ms;
797
+ transition-delay: 0ms;
798
+ transition-timing-function: ease-out;
799
+ }
800
+
792
801
  @container media-root (width > 40rem) {
793
802
  gap: 0.875rem;
794
803
  padding: 2.5rem 0.75rem 0.75rem 0.75rem;
@@ -796,17 +805,20 @@
796
805
 
797
806
  &:not([data-visible]) {
798
807
  opacity: 0;
799
- transform: translateY(100%);
800
- filter: blur(8px);
801
- transition-duration: 500ms;
802
- transition-delay: 500ms;
803
808
  pointer-events: none;
804
809
 
805
- @media (prefers-reduced-motion: reduce) {
806
- scale: 1;
807
- transform: translateY(0);
808
- filter: blur(0);
809
- transition-duration: 100ms;
810
+ @media (pointer: fine) {
811
+ transform: translateY(100%);
812
+ filter: blur(8px);
813
+ transition-duration: 500ms;
814
+ transition-delay: 500ms;
815
+
816
+ @media (prefers-reduced-motion: reduce) {
817
+ scale: 1;
818
+ transform: translateY(0);
819
+ filter: blur(0);
820
+ transition-duration: 100ms;
821
+ }
810
822
  }
811
823
  }
812
824
  }
package/dist/dev/presets/video/skin.css CHANGED
@@ -216,7 +216,7 @@
216
216
 
217
217
  .media-default-skin:fullscreen video,
218
218
  .media-default-skin:fullscreen ::slotted(video),
219
- .media-default-skin > img {
219
+ .media-default-skin:fullscreen > img {
220
220
  object-fit: contain;
221
221
  }
222
222
  .media-default-skin:fullscreen ::slotted(video) {
@@ -234,22 +234,28 @@
234
234
  background-image: linear-gradient(to top, oklch(0 0 0 / 0.5), oklch(0 0 0 / 0.3), oklch(0 0 0 / 0));
235
235
  backdrop-filter: blur(0) saturate(1.5);
236
236
  opacity: 0;
237
- transition-property: opacity, backdrop-filter;
238
- transition-duration: 300ms;
239
- transition-delay: 500ms;
240
- transition-timing-function: ease-out;
241
237
  pointer-events: none;
242
238
 
243
- @media (prefers-reduced-motion: reduce) {
244
- transition-duration: 100ms;
239
+ @media (pointer: fine) {
240
+ transition-property: opacity, backdrop-filter;
241
+ transition-duration: 300ms;
242
+ transition-delay: 500ms;
243
+ transition-timing-function: ease-out;
244
+
245
+ @media (prefers-reduced-motion: reduce) {
246
+ transition-duration: 100ms;
247
+ }
245
248
  }
246
249
  }
247
250
 
248
251
  .media-default-skin .media-controls[data-visible] ~ .media-overlay,
249
252
  .media-default-skin .media-error[data-open] ~ .media-overlay {
250
253
  opacity: 1;
251
- transition-duration: 150ms;
252
- transition-delay: 0ms;
254
+
255
+ @media (pointer: fine) {
256
+ transition-duration: 150ms;
257
+ transition-delay: 0ms;
258
+ }
253
259
  }
254
260
 
255
261
  .media-default-skin .media-error[data-open] ~ .media-overlay {
@@ -800,26 +806,36 @@
800
806
  bottom: 0.75rem;
801
807
  inset-inline: 0.75rem;
802
808
  z-index: 10;
809
+ color: oklch(1 0 0);
810
+
803
811
  will-change: scale, transform, filter, opacity;
804
- transition-property: scale, transform, filter, opacity;
805
- transition-duration: 100ms;
806
- transition-delay: 0ms;
807
812
  transition-timing-function: ease-out;
808
813
  transform-origin: bottom;
809
- color: oklch(1 0 0);
814
+
815
+ @media (pointer: fine) {
816
+ transition-property: scale, transform, filter, opacity;
817
+ transition-duration: 100ms;
818
+ transition-delay: 0ms;
819
+ }
810
820
 
811
821
  &:not([data-visible]) {
812
822
  opacity: 0;
823
+ pointer-events: none;
813
824
  scale: 0.9;
814
825
  filter: blur(8px);
815
- transition-duration: 300ms;
816
- transition-delay: 500ms;
817
- pointer-events: none;
826
+
827
+ @media (pointer: fine) {
828
+ transition-duration: 300ms;
829
+ transition-delay: 500ms;
830
+
831
+ @media (prefers-reduced-motion: reduce) {
832
+ transition-duration: 100ms;
833
+ }
834
+ }
818
835
 
819
836
  @media (prefers-reduced-motion: reduce) {
820
837
  scale: 1;
821
838
  filter: blur(0);
822
- transition-duration: 100ms;
823
839
  }
824
840
  }
825
841
  }
package/dist/dev/skins/dist/default/default/tailwind/components/overlay.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { cn } from "@videojs/utils/style";
2
2
 
3
3
  //#region ../skins/dist/default/default/tailwind/components/overlay.js
4
- const overlay = cn("absolute inset-0 flex flex-col items-start", "pointer-events-none rounded-[inherit]", "opacity-0", "bg-linear-to-t from-black/50 via-black/30 to-transparent", "backdrop-blur-none backdrop-saturate-150", "transition-[opacity,backdrop-filter] ease-out", "duration-300 delay-500", "peer-data-visible/controls:opacity-100", "peer-data-visible/controls:duration-150", "peer-data-visible/controls:delay-0", "peer-data-open/error:opacity-100", "peer-data-open/error:duration-150", "peer-data-open/error:delay-0", "peer-data-open/error:backdrop-blur-lg", "motion-reduce:duration-100");
4
+ const overlay = cn("absolute inset-0 flex flex-col items-start", "pointer-events-none rounded-[inherit]", "opacity-0", "bg-linear-to-t from-black/50 via-black/30 to-transparent", "backdrop-blur-none backdrop-saturate-150", "[@media(pointer:fine)]:transition-[opacity,backdrop-filter]", "[@media(pointer:fine)]:ease-out", "[@media(pointer:fine)]:duration-300 [@media(pointer:fine)]:delay-500", "peer-data-visible/controls:opacity-100", "[@media(pointer:fine)]:peer-data-visible/controls:duration-150", "[@media(pointer:fine)]:peer-data-visible/controls:delay-0", "peer-data-open/error:opacity-100", "[@media(pointer:fine)]:peer-data-open/error:duration-150", "[@media(pointer:fine)]:peer-data-open/error:delay-0", "peer-data-open/error:backdrop-blur-lg", "[@media(pointer:fine)]:motion-reduce:duration-100");
5
5
 
6
6
  //#endregion
7
7
  export { overlay };
package/dist/dev/skins/dist/default/default/tailwind/components/overlay.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"overlay.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/overlay.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n\n//#region src/default/tailwind/components/overlay.ts\nconst overlay = cn(\"absolute inset-0 flex flex-col items-start\", \"pointer-events-none rounded-[inherit]\", \"opacity-0\", \"bg-linear-to-t from-black/50 via-black/30 to-transparent\", \"backdrop-blur-none backdrop-saturate-150\", \"transition-[opacity,backdrop-filter] ease-out\", \"duration-300 delay-500\", \"peer-data-visible/controls:opacity-100\", \"peer-data-visible/controls:duration-150\", \"peer-data-visible/controls:delay-0\", \"peer-data-open/error:opacity-100\", \"peer-data-open/error:duration-150\", \"peer-data-open/error:delay-0\", \"peer-data-open/error:backdrop-blur-lg\", \"motion-reduce:duration-100\");\n\n//#endregion\nexport { overlay };\n//# sourceMappingURL=overlay.js.map"],"mappings":";;;AAGA,MAAM,UAAU,GAAG,8CAA8C,yCAAyC,aAAa,4DAA4D,4CAA4C,iDAAiD,0BAA0B,0CAA0C,2CAA2C,sCAAsC,oCAAoC,qCAAqC,gCAAgC,yCAAyC,6BAA6B"}
1
+ {"version":3,"file":"overlay.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/overlay.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n\n//#region src/default/tailwind/components/overlay.ts\nconst overlay = cn(\"absolute inset-0 flex flex-col items-start\", \"pointer-events-none rounded-[inherit]\", \"opacity-0\", \"bg-linear-to-t from-black/50 via-black/30 to-transparent\", \"backdrop-blur-none backdrop-saturate-150\", \"[@media(pointer:fine)]:transition-[opacity,backdrop-filter]\", \"[@media(pointer:fine)]:ease-out\", \"[@media(pointer:fine)]:duration-300 [@media(pointer:fine)]:delay-500\", \"peer-data-visible/controls:opacity-100\", \"[@media(pointer:fine)]:peer-data-visible/controls:duration-150\", \"[@media(pointer:fine)]:peer-data-visible/controls:delay-0\", \"peer-data-open/error:opacity-100\", \"[@media(pointer:fine)]:peer-data-open/error:duration-150\", \"[@media(pointer:fine)]:peer-data-open/error:delay-0\", \"peer-data-open/error:backdrop-blur-lg\", \"[@media(pointer:fine)]:motion-reduce:duration-100\");\n\n//#endregion\nexport { overlay };\n//# sourceMappingURL=overlay.js.map"],"mappings":";;;AAGA,MAAM,UAAU,GAAG,8CAA8C,yCAAyC,aAAa,4DAA4D,4CAA4C,+DAA+D,mCAAmC,wEAAwE,0CAA0C,kEAAkE,6DAA6D,oCAAoC,4DAA4D,uDAAuD,yCAAyC,oDAAoD"}
package/dist/dev/skins/dist/default/default/tailwind/video.tailwind.js CHANGED
@@ -33,7 +33,7 @@ const root = (isShadowDOM) => cn(root$1, "bg-black", "after:absolute after:point
33
33
  "[&:fullscreen_::slotted(video)]:object-contain [&:fullscreen_::slotted(video)]:rounded-none": isShadowDOM
34
34
  }, "[&:fullscreen>img]:object-contain");
35
35
  const surface = cn(surface$1, "bg-white/10", "backdrop-saturate-150 backdrop-blur-lg", "ring-white/5 shadow-black/10", "after:ring-black/15", "[@media(prefers-reduced-transparency:reduce)]:bg-black/70", "contrast-more:bg-black/90");
36
- const controls = cn(controls$1, surface, "absolute bottom-3 inset-x-3", "text-white z-10", "will-change-[scale,transform,filter,opacity]", "transition-[scale,transform,filter,opacity] ease-out", "delay-0 duration-100 origin-bottom", "not-data-visible:pointer-events-none not-data-visible:blur-sm", "not-data-visible:scale-90 not-data-visible:opacity-0", "not-data-visible:delay-500 not-data-visible:duration-300", "motion-reduce:not-data-visible:duration-100", "motion-reduce:not-data-visible:blur-none", "motion-reduce:not-data-visible:scale-100");
36
+ const controls = cn(controls$1, surface, "absolute bottom-3 inset-x-3", "text-white z-10", "will-change-[scale,transform,filter,opacity]", "[@media(pointer:fine)]:transition-[scale,transform,filter,opacity]", "ease-out origin-bottom", "[@media(pointer:fine)]:delay-0 [@media(pointer:fine)]:duration-100", "not-data-visible:pointer-events-none not-data-visible:opacity-0", "not-data-visible:blur-sm not-data-visible:scale-90", "[@media(pointer:fine)]:not-data-visible:delay-500", "[@media(pointer:fine)]:not-data-visible:duration-300", "[@media(pointer:fine)]:motion-reduce:not-data-visible:duration-100", "motion-reduce:not-data-visible:blur-none", "motion-reduce:not-data-visible:scale-100");
37
37
  const slider = {
38
38
  ...slider$1,
39
39
  track: cn(slider$1.track, "bg-white/20 shadow-[0_0_0_1px_oklch(0_0_0/0.05)]")
package/dist/dev/skins/dist/default/default/tailwind/video.tailwind.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"video.tailwind.js","names":[],"sources":["../../../../../../../../skins/dist/default/default/tailwind/video.tailwind.js"],"sourcesContent":["import { iconState } from \"../../shared/tailwind/icon-state.js\";\nimport { tooltipState } from \"../../shared/tailwind/tooltip-state.js\";\nimport { bufferingIndicator as bufferingIndicator$1 } from \"./components/buffering.js\";\nimport { controls as controls$1 } from \"./components/controls.js\";\nimport { error as error$1 } from \"./components/error.js\";\nimport { popup as popup$1 } from \"./components/popup.js\";\nimport { slider as slider$1 } from \"./components/slider.js\";\nimport { surface as surface$1 } from \"./components/surface.js\";\nimport { button } from \"./components/button.js\";\nimport { icon, iconContainer, iconFlipped, iconHidden } from \"./components/icon.js\";\nimport { playbackRate } from \"./components/playback-rate.js\";\nimport { root as root$1 } from \"./components/root.js\";\nimport { seek } from \"./components/seek.js\";\nimport { time } from \"./components/time.js\";\nimport { overlay } from \"./components/overlay.js\";\nimport { cn } from \"@videojs/utils/style\";\n\n//#region src/default/tailwind/video.tailwind.ts\nconst root = (isShadowDOM) => cn(root$1, \"bg-black\", \"after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10\", \"after:inset-0 after:ring-1 after:ring-inset after:ring-black/10 dark:after:ring-white/10\", {\n\t\"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--media-border-radius,2rem)\": isShadowDOM,\n\t\"[&_video]:block [&_video]:w-full [&_video]:h-full [&_video]:rounded-[inherit]\": !isShadowDOM\n}, \"[&>img]:absolute [&>img]:inset-0 [&>img]:w-full [&>img]:h-full [&>img]:rounded-[inherit]\", \"[&>img]:object-cover [&>img]:pointer-events-none\", \"[&>img]:transition-opacity [&>img]:duration-250\", \"[&>img:not([data-visible])]:opacity-0\", \"[--media-caption-track-delay:600ms]\", \"[--media-caption-track-y:-0.5rem]\", \"has-[[data-controls][data-visible]]:[--media-caption-track-delay:25ms]\", \"has-[[data-controls][data-visible]]:[--media-caption-track-y:-3.5rem]\", !isShadowDOM ? [\n\t\"[&_video::-webkit-media-text-track-container]:transition-transform\",\n\t\"[&_video::-webkit-media-text-track-container]:duration-150\",\n\t\"[&_video::-webkit-media-text-track-container]:ease-out\",\n\t\"[&_video::-webkit-media-text-track-container]:delay-(--media-caption-track-delay)\",\n\t\"[&_video::-webkit-media-text-track-container]:translate-y-(--media-caption-track-y)\",\n\t\"[&_video::-webkit-media-text-track-container]:scale-98\",\n\t\"[&_video::-webkit-media-text-track-container]:z-1\",\n\t\"[&_video::-webkit-media-text-track-container]:font-[inherit]\",\n\t\"motion-reduce:[&_video::-webkit-media-text-track-container]:duration-50\"\n] : [], \"[&:fullscreen]:rounded-none\", {\n\t\"[&:fullscreen_video]:object-contain\": !isShadowDOM,\n\t\"[&:fullscreen_::slotted(video)]:object-contain [&:fullscreen_::slotted(video)]:rounded-none\": isShadowDOM\n}, \"[&:fullscreen>img]:object-contain\");\nconst surface = cn(surface$1, \"bg-white/10\", \"backdrop-saturate-150 backdrop-blur-lg\", \"ring-white/5 shadow-black/10\", \"after:ring-black/15\", \"[@media(prefers-reduced-transparency:reduce)]:bg-black/70\", \"contrast-more:bg-black/90\");\nconst controls = cn(controls$1, surface, \"absolute bottom-3 inset-x-3\", \"text-white z-10\", \"will-change-[scale,transform,filter,opacity]\", \"transition-[scale,transform,filter,opacity] ease-out\", \"delay-0 duration-100 origin-bottom\", \"not-data-visible:pointer-events-none not-data-visible:blur-sm\", \"not-data-visible:scale-90 not-data-visible:opacity-0\", \"not-data-visible:delay-500 not-data-visible:duration-300\", \"motion-reduce:not-data-visible:duration-100\", \"motion-reduce:not-data-visible:blur-none\", \"motion-reduce:not-data-visible:scale-100\");\nconst slider = {\n\t...slider$1,\n\ttrack: cn(slider$1.track, \"bg-white/20 shadow-[0_0_0_1px_oklch(0_0_0/0.05)]\")\n};\nconst popup = {\n\t...popup$1,\n\tpopover: cn(surface, popup$1.popover),\n\ttooltip: cn(surface, popup$1.tooltip)\n};\nconst bufferingIndicator = {\n\t...bufferingIndicator$1,\n\tcontainer: cn(bufferingIndicator$1.container, surface)\n};\nconst error = {\n\t...error$1,\n\tdialog: cn(error$1.dialog, surface)\n};\n\n//#endregion\nexport { bufferingIndicator, button, controls, error, icon, iconContainer, iconFlipped, iconHidden, iconState, overlay, playbackRate, popup, root, seek, slider, surface, time, tooltipState };\n//# sourceMappingURL=video.tailwind.js.map"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,MAAM,QAAQ,gBAAgB,GAAG,QAAQ,YAAY,+EAA+E,4FAA4F;CAC/N,gJAAgJ;CAChJ,iFAAiF,CAAC;CAClF,EAAE,4FAA4F,oDAAoD,mDAAmD,yCAAyC,uCAAuC,qCAAqC,0EAA0E,yEAAyE,CAAC,cAAc;CAC5d;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAG,EAAE,EAAE,+BAA+B;CACtC,uCAAuC,CAAC;CACxC,+FAA+F;CAC/F,EAAE,oCAAoC;AACvC,MAAM,UAAU,GAAG,WAAW,eAAe,0CAA0C,gCAAgC,uBAAuB,6DAA6D,4BAA4B;AACvO,MAAM,WAAW,GAAG,YAAY,SAAS,+BAA+B,mBAAmB,gDAAgD,wDAAwD,sCAAsC,iEAAiE,wDAAwD,4DAA4D,+CAA+C,4CAA4C,2CAA2C;AACpiB,MAAM,SAAS;CACd,GAAG;CACH,OAAO,GAAG,SAAS,OAAO,mDAAmD;CAC7E;AACD,MAAM,QAAQ;CACb,GAAG;CACH,SAAS,GAAG,SAAS,QAAQ,QAAQ;CACrC,SAAS,GAAG,SAAS,QAAQ,QAAQ;CACrC;AACD,MAAM,qBAAqB;CAC1B,GAAG;CACH,WAAW,GAAG,qBAAqB,WAAW,QAAQ;CACtD;AACD,MAAM,QAAQ;CACb,GAAG;CACH,QAAQ,GAAG,QAAQ,QAAQ,QAAQ;CACnC"}
1
+ {"version":3,"file":"video.tailwind.js","names":[],"sources":["../../../../../../../../skins/dist/default/default/tailwind/video.tailwind.js"],"sourcesContent":["import { iconState } from \"../../shared/tailwind/icon-state.js\";\nimport { tooltipState } from \"../../shared/tailwind/tooltip-state.js\";\nimport { bufferingIndicator as bufferingIndicator$1 } from \"./components/buffering.js\";\nimport { controls as controls$1 } from \"./components/controls.js\";\nimport { error as error$1 } from \"./components/error.js\";\nimport { popup as popup$1 } from \"./components/popup.js\";\nimport { slider as slider$1 } from \"./components/slider.js\";\nimport { surface as surface$1 } from \"./components/surface.js\";\nimport { button } from \"./components/button.js\";\nimport { icon, iconContainer, iconFlipped, iconHidden } from \"./components/icon.js\";\nimport { playbackRate } from \"./components/playback-rate.js\";\nimport { root as root$1 } from \"./components/root.js\";\nimport { seek } from \"./components/seek.js\";\nimport { time } from \"./components/time.js\";\nimport { overlay } from \"./components/overlay.js\";\nimport { cn } from \"@videojs/utils/style\";\n\n//#region src/default/tailwind/video.tailwind.ts\nconst root = (isShadowDOM) => cn(root$1, \"bg-black\", \"after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10\", \"after:inset-0 after:ring-1 after:ring-inset after:ring-black/10 dark:after:ring-white/10\", {\n\t\"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--media-border-radius,2rem)\": isShadowDOM,\n\t\"[&_video]:block [&_video]:w-full [&_video]:h-full [&_video]:rounded-[inherit]\": !isShadowDOM\n}, \"[&>img]:absolute [&>img]:inset-0 [&>img]:w-full [&>img]:h-full [&>img]:rounded-[inherit]\", \"[&>img]:object-cover [&>img]:pointer-events-none\", \"[&>img]:transition-opacity [&>img]:duration-250\", \"[&>img:not([data-visible])]:opacity-0\", \"[--media-caption-track-delay:600ms]\", \"[--media-caption-track-y:-0.5rem]\", \"has-[[data-controls][data-visible]]:[--media-caption-track-delay:25ms]\", \"has-[[data-controls][data-visible]]:[--media-caption-track-y:-3.5rem]\", !isShadowDOM ? [\n\t\"[&_video::-webkit-media-text-track-container]:transition-transform\",\n\t\"[&_video::-webkit-media-text-track-container]:duration-150\",\n\t\"[&_video::-webkit-media-text-track-container]:ease-out\",\n\t\"[&_video::-webkit-media-text-track-container]:delay-(--media-caption-track-delay)\",\n\t\"[&_video::-webkit-media-text-track-container]:translate-y-(--media-caption-track-y)\",\n\t\"[&_video::-webkit-media-text-track-container]:scale-98\",\n\t\"[&_video::-webkit-media-text-track-container]:z-1\",\n\t\"[&_video::-webkit-media-text-track-container]:font-[inherit]\",\n\t\"motion-reduce:[&_video::-webkit-media-text-track-container]:duration-50\"\n] : [], \"[&:fullscreen]:rounded-none\", {\n\t\"[&:fullscreen_video]:object-contain\": !isShadowDOM,\n\t\"[&:fullscreen_::slotted(video)]:object-contain [&:fullscreen_::slotted(video)]:rounded-none\": isShadowDOM\n}, \"[&:fullscreen>img]:object-contain\");\nconst surface = cn(surface$1, \"bg-white/10\", \"backdrop-saturate-150 backdrop-blur-lg\", \"ring-white/5 shadow-black/10\", \"after:ring-black/15\", \"[@media(prefers-reduced-transparency:reduce)]:bg-black/70\", \"contrast-more:bg-black/90\");\nconst controls = cn(controls$1, surface, \"absolute bottom-3 inset-x-3\", \"text-white z-10\", \"will-change-[scale,transform,filter,opacity]\", \"[@media(pointer:fine)]:transition-[scale,transform,filter,opacity]\", \"ease-out origin-bottom\", \"[@media(pointer:fine)]:delay-0 [@media(pointer:fine)]:duration-100\", \"not-data-visible:pointer-events-none not-data-visible:opacity-0\", \"not-data-visible:blur-sm not-data-visible:scale-90\", \"[@media(pointer:fine)]:not-data-visible:delay-500\", \"[@media(pointer:fine)]:not-data-visible:duration-300\", \"[@media(pointer:fine)]:motion-reduce:not-data-visible:duration-100\", \"motion-reduce:not-data-visible:blur-none\", \"motion-reduce:not-data-visible:scale-100\");\nconst slider = {\n\t...slider$1,\n\ttrack: cn(slider$1.track, \"bg-white/20 shadow-[0_0_0_1px_oklch(0_0_0/0.05)]\")\n};\nconst popup = {\n\t...popup$1,\n\tpopover: cn(surface, popup$1.popover),\n\ttooltip: cn(surface, popup$1.tooltip)\n};\nconst bufferingIndicator = {\n\t...bufferingIndicator$1,\n\tcontainer: cn(bufferingIndicator$1.container, surface)\n};\nconst error = {\n\t...error$1,\n\tdialog: cn(error$1.dialog, surface)\n};\n\n//#endregion\nexport { bufferingIndicator, button, controls, error, icon, iconContainer, iconFlipped, iconHidden, iconState, overlay, playbackRate, popup, root, seek, slider, surface, time, tooltipState };\n//# sourceMappingURL=video.tailwind.js.map"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,MAAM,QAAQ,gBAAgB,GAAG,QAAQ,YAAY,+EAA+E,4FAA4F;CAC/N,gJAAgJ;CAChJ,iFAAiF,CAAC;CAClF,EAAE,4FAA4F,oDAAoD,mDAAmD,yCAAyC,uCAAuC,qCAAqC,0EAA0E,yEAAyE,CAAC,cAAc;CAC5d;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAG,EAAE,EAAE,+BAA+B;CACtC,uCAAuC,CAAC;CACxC,+FAA+F;CAC/F,EAAE,oCAAoC;AACvC,MAAM,UAAU,GAAG,WAAW,eAAe,0CAA0C,gCAAgC,uBAAuB,6DAA6D,4BAA4B;AACvO,MAAM,WAAW,GAAG,YAAY,SAAS,+BAA+B,mBAAmB,gDAAgD,sEAAsE,0BAA0B,sEAAsE,mEAAmE,sDAAsD,qDAAqD,wDAAwD,sEAAsE,4CAA4C,2CAA2C;AACprB,MAAM,SAAS;CACd,GAAG;CACH,OAAO,GAAG,SAAS,OAAO,mDAAmD;CAC7E;AACD,MAAM,QAAQ;CACb,GAAG;CACH,SAAS,GAAG,SAAS,QAAQ,QAAQ;CACrC,SAAS,GAAG,SAAS,QAAQ,QAAQ;CACrC;AACD,MAAM,qBAAqB;CAC1B,GAAG;CACH,WAAW,GAAG,qBAAqB,WAAW,QAAQ;CACtD;AACD,MAAM,QAAQ;CACb,GAAG;CACH,QAAQ,GAAG,QAAQ,QAAQ,QAAQ;CACnC"}
package/dist/dev/skins/dist/default/minimal/tailwind/components/overlay.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { cn } from "@videojs/utils/style";
2
2
 
3
3
  //#region ../skins/dist/default/minimal/tailwind/components/overlay.js
4
- const overlay = cn("absolute inset-0 flex flex-col items-start", "pointer-events-none rounded-[inherit]", "opacity-0", "bg-linear-to-t from-black/70 via-black/50 via-[7.5rem] to-transparent", "backdrop-blur-none backdrop-saturate-150", "transition-[opacity,backdrop-filter] ease-out", "duration-500 delay-500", "peer-data-visible/controls:opacity-100", "peer-data-visible/controls:duration-150", "peer-data-visible/controls:delay-0", "peer-data-open/error:opacity-100", "peer-data-open/error:duration-150", "peer-data-open/error:delay-0", "peer-data-open/error:backdrop-blur-lg", "motion-reduce:duration-100");
4
+ const overlay = cn("absolute inset-0 flex flex-col items-start", "pointer-events-none rounded-[inherit]", "opacity-0", "bg-linear-to-t from-black/70 via-black/50 via-[7.5rem] to-transparent", "backdrop-blur-none backdrop-saturate-150", "[@media(pointer:fine)]:transition-[opacity,backdrop-filter]", "[@media(pointer:fine)]:ease-out", "[@media(pointer:fine)]:duration-500 [@media(pointer:fine)]:delay-500", "peer-data-visible/controls:opacity-100", "[@media(pointer:fine)]:peer-data-visible/controls:duration-150", "[@media(pointer:fine)]:peer-data-visible/controls:delay-0", "peer-data-open/error:opacity-100", "[@media(pointer:fine)]:peer-data-open/error:duration-150", "[@media(pointer:fine)]:peer-data-open/error:delay-0", "peer-data-open/error:backdrop-blur-lg", "[@media(pointer:fine)]:motion-reduce:duration-100");
5
5
 
6
6
  //#endregion
7
7
  export { overlay };
package/dist/dev/skins/dist/default/minimal/tailwind/components/overlay.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"overlay.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/overlay.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n\n//#region src/minimal/tailwind/components/overlay.ts\nconst overlay = cn(\"absolute inset-0 flex flex-col items-start\", \"pointer-events-none rounded-[inherit]\", \"opacity-0\", \"bg-linear-to-t from-black/70 via-black/50 via-[7.5rem] to-transparent\", \"backdrop-blur-none backdrop-saturate-150\", \"transition-[opacity,backdrop-filter] ease-out\", \"duration-500 delay-500\", \"peer-data-visible/controls:opacity-100\", \"peer-data-visible/controls:duration-150\", \"peer-data-visible/controls:delay-0\", \"peer-data-open/error:opacity-100\", \"peer-data-open/error:duration-150\", \"peer-data-open/error:delay-0\", \"peer-data-open/error:backdrop-blur-lg\", \"motion-reduce:duration-100\");\n\n//#endregion\nexport { overlay };\n//# sourceMappingURL=overlay.js.map"],"mappings":";;;AAGA,MAAM,UAAU,GAAG,8CAA8C,yCAAyC,aAAa,yEAAyE,4CAA4C,iDAAiD,0BAA0B,0CAA0C,2CAA2C,sCAAsC,oCAAoC,qCAAqC,gCAAgC,yCAAyC,6BAA6B"}
1
+ {"version":3,"file":"overlay.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/overlay.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n\n//#region src/minimal/tailwind/components/overlay.ts\nconst overlay = cn(\"absolute inset-0 flex flex-col items-start\", \"pointer-events-none rounded-[inherit]\", \"opacity-0\", \"bg-linear-to-t from-black/70 via-black/50 via-[7.5rem] to-transparent\", \"backdrop-blur-none backdrop-saturate-150\", \"[@media(pointer:fine)]:transition-[opacity,backdrop-filter]\", \"[@media(pointer:fine)]:ease-out\", \"[@media(pointer:fine)]:duration-500 [@media(pointer:fine)]:delay-500\", \"peer-data-visible/controls:opacity-100\", \"[@media(pointer:fine)]:peer-data-visible/controls:duration-150\", \"[@media(pointer:fine)]:peer-data-visible/controls:delay-0\", \"peer-data-open/error:opacity-100\", \"[@media(pointer:fine)]:peer-data-open/error:duration-150\", \"[@media(pointer:fine)]:peer-data-open/error:delay-0\", \"peer-data-open/error:backdrop-blur-lg\", \"[@media(pointer:fine)]:motion-reduce:duration-100\");\n\n//#endregion\nexport { overlay };\n//# sourceMappingURL=overlay.js.map"],"mappings":";;;AAGA,MAAM,UAAU,GAAG,8CAA8C,yCAAyC,aAAa,yEAAyE,4CAA4C,+DAA+D,mCAAmC,wEAAwE,0CAA0C,kEAAkE,6DAA6D,oCAAoC,4DAA4D,uDAAuD,yCAAyC,oDAAoD"}
package/dist/dev/skins/dist/default/minimal/tailwind/video.tailwind.js CHANGED
@@ -31,7 +31,7 @@ const root = (isShadowDOM) => cn(root$1, "bg-black", "after:absolute after:point
31
31
  "[&:fullscreen_video]:object-contain": !isShadowDOM,
32
32
  "[&:fullscreen_::slotted(video)]:object-contain [&:fullscreen_::slotted(video)]:rounded-none": isShadowDOM
33
33
  }, "[&:fullscreen>img]:object-contain");
34
- const controls = cn(controls$1, "absolute bottom-0 inset-x-0", "pt-8 px-1.5 pb-1.5 gap-2", "text-white z-10", "will-change-[translate,filter,opacity]", "transition-[translate,filter,opacity] ease-out", "delay-0 duration-75", "not-data-visible:opacity-0 not-data-visible:translate-y-full", "not-data-visible:blur-sm not-data-visible:pointer-events-none", "not-data-visible:delay-500 not-data-visible:duration-500", "motion-reduce:not-data-visible:duration-100", "motion-reduce:not-data-visible:translate-y-0", "motion-reduce:not-data-visible:blur-none motion-reduce:not-data-visible:scale-100", "@sm/media-root:pt-10 @sm/media-root:px-3 @sm/media-root:pb-3", "@sm/media-root:gap-3.5");
34
+ const controls = cn(controls$1, "absolute bottom-0 inset-x-0", "pt-8 px-1.5 pb-1.5 gap-2", "text-white z-10", "will-change-[translate,filter,opacity]", "[@media(pointer:fine)]:transition-[translate,filter,opacity]", "ease-out", "[@media(pointer:fine)]:delay-0 [@media(pointer:fine)]:duration-75", "not-data-visible:opacity-0 not-data-visible:pointer-events-none", "not-data-visible:translate-y-full not-data-visible:blur-sm", "[@media(pointer:fine)]:not-data-visible:delay-500", "[@media(pointer:fine)]:not-data-visible:duration-500", "[@media(pointer:fine)]:motion-reduce:not-data-visible:duration-100", "motion-reduce:not-data-visible:translate-y-0", "motion-reduce:not-data-visible:blur-none", "motion-reduce:not-data-visible:scale-100", "@sm/media-root:pt-10 @sm/media-root:px-3 @sm/media-root:pb-3", "@sm/media-root:gap-3.5");
35
35
  const slider = {
36
36
  ...slider$1,
37
37
  track: cn(slider$1.track, "shadow-[0_0_0_1px_oklch(0_0_0/0.05)]")
package/dist/dev/skins/dist/default/minimal/tailwind/video.tailwind.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"video.tailwind.js","names":[],"sources":["../../../../../../../../skins/dist/default/minimal/tailwind/video.tailwind.js"],"sourcesContent":["import { controls as controls$1 } from \"./components/controls.js\";\nimport { popup as popup$1 } from \"./components/popup.js\";\nimport { root as root$1 } from \"./components/root.js\";\nimport { iconState } from \"../../shared/tailwind/icon-state.js\";\nimport { tooltipState } from \"../../shared/tailwind/tooltip-state.js\";\nimport { bufferingIndicator } from \"./components/buffering.js\";\nimport { button } from \"./components/button.js\";\nimport { buttonGroup } from \"./components/button-group.js\";\nimport { error } from \"./components/error.js\";\nimport { icon, iconContainer, iconFlipped, iconHidden } from \"./components/icon.js\";\nimport { seek } from \"./components/seek.js\";\nimport { slider as slider$1 } from \"./components/slider.js\";\nimport { time } from \"./components/time.js\";\nimport { overlay } from \"./components/overlay.js\";\nimport { cn } from \"@videojs/utils/style\";\n\n//#region src/minimal/tailwind/video.tailwind.ts\nconst root = (isShadowDOM) => cn(root$1, \"bg-black\", \"after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10\", \"after:inset-0 after:ring-1 after:ring-inset after:ring-black/15\", \"dark:after:ring-white/15\", {\n\t\"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--media-border-radius,0.75rem)\": isShadowDOM,\n\t\"[&_video]:block [&_video]:w-full [&_video]:h-full [&_video]:rounded-[inherit]\": !isShadowDOM\n}, \"[&>img]:absolute [&>img]:inset-0 [&>img]:w-full [&>img]:h-full [&>img]:rounded-[inherit]\", \"[&>img]:object-cover [&>img]:pointer-events-none\", \"[&>img]:transition-opacity [&>img]:duration-250\", \"[&>img:not([data-visible])]:opacity-0\", \"[--media-caption-track-delay:600ms]\", \"[--media-caption-track-y:-0.5rem]\", \"has-[[data-controls][data-visible]]:[--media-caption-track-delay:25ms]\", \"has-[[data-controls][data-visible]]:[--media-caption-track-y:-3.5rem]\", !isShadowDOM ? [\n\t\"[&_video::-webkit-media-text-track-container]:transition-transform\",\n\t\"[&_video::-webkit-media-text-track-container]:duration-150\",\n\t\"[&_video::-webkit-media-text-track-container]:ease-out\",\n\t\"[&_video::-webkit-media-text-track-container]:delay-(--media-caption-track-delay)\",\n\t\"[&_video::-webkit-media-text-track-container]:translate-y-(--media-caption-track-y)\",\n\t\"[&_video::-webkit-media-text-track-container]:scale-98\",\n\t\"[&_video::-webkit-media-text-track-container]:z-1\",\n\t\"[&_video::-webkit-media-text-track-container]:font-[inherit]\",\n\t\"motion-reduce:[&_video::-webkit-media-text-track-container]:duration-50\"\n] : [], \"[&:fullscreen]:rounded-none\", {\n\t\"[&:fullscreen_video]:object-contain\": !isShadowDOM,\n\t\"[&:fullscreen_::slotted(video)]:object-contain [&:fullscreen_::slotted(video)]:rounded-none\": isShadowDOM\n}, \"[&:fullscreen>img]:object-contain\");\nconst controls = cn(controls$1, \"absolute bottom-0 inset-x-0\", \"pt-8 px-1.5 pb-1.5 gap-2\", \"text-white z-10\", \"will-change-[translate,filter,opacity]\", \"transition-[translate,filter,opacity] ease-out\", \"delay-0 duration-75\", \"not-data-visible:opacity-0 not-data-visible:translate-y-full\", \"not-data-visible:blur-sm not-data-visible:pointer-events-none\", \"not-data-visible:delay-500 not-data-visible:duration-500\", \"motion-reduce:not-data-visible:duration-100\", \"motion-reduce:not-data-visible:translate-y-0\", \"motion-reduce:not-data-visible:blur-none motion-reduce:not-data-visible:scale-100\", \"@sm/media-root:pt-10 @sm/media-root:px-3 @sm/media-root:pb-3\", \"@sm/media-root:gap-3.5\");\nconst slider = {\n\t...slider$1,\n\ttrack: cn(slider$1.track, \"shadow-[0_0_0_1px_oklch(0_0_0/0.05)]\")\n};\nconst popup = {\n\t...popup$1,\n\tvolume: cn(\"[--media-popover-side-offset:0.5rem] p-1 bg-transparent\")\n};\n\n//#endregion\nexport { bufferingIndicator, button, buttonGroup, controls, error, icon, iconContainer, iconFlipped, iconHidden, iconState, overlay, popup, root, seek, slider, time, tooltipState };\n//# sourceMappingURL=video.tailwind.js.map"],"mappings":";;;;;;;;;;;;;;;;AAiBA,MAAM,QAAQ,gBAAgB,GAAG,QAAQ,YAAY,+EAA+E,mEAAmE,4BAA4B;CAClO,mJAAmJ;CACnJ,iFAAiF,CAAC;CAClF,EAAE,4FAA4F,oDAAoD,mDAAmD,yCAAyC,uCAAuC,qCAAqC,0EAA0E,yEAAyE,CAAC,cAAc;CAC5d;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAG,EAAE,EAAE,+BAA+B;CACtC,uCAAuC,CAAC;CACxC,+FAA+F;CAC/F,EAAE,oCAAoC;AACvC,MAAM,WAAW,GAAG,YAAY,+BAA+B,4BAA4B,mBAAmB,0CAA0C,kDAAkD,uBAAuB,gEAAgE,iEAAiE,4DAA4D,+CAA+C,gDAAgD,qFAAqF,gEAAgE,yBAAyB;AAC3qB,MAAM,SAAS;CACd,GAAG;CACH,OAAO,GAAG,SAAS,OAAO,uCAAuC;CACjE;AACD,MAAM,QAAQ;CACb,GAAG;CACH,QAAQ,GAAG,0DAA0D;CACrE"}
1
+ {"version":3,"file":"video.tailwind.js","names":[],"sources":["../../../../../../../../skins/dist/default/minimal/tailwind/video.tailwind.js"],"sourcesContent":["import { controls as controls$1 } from \"./components/controls.js\";\nimport { popup as popup$1 } from \"./components/popup.js\";\nimport { root as root$1 } from \"./components/root.js\";\nimport { iconState } from \"../../shared/tailwind/icon-state.js\";\nimport { tooltipState } from \"../../shared/tailwind/tooltip-state.js\";\nimport { bufferingIndicator } from \"./components/buffering.js\";\nimport { button } from \"./components/button.js\";\nimport { buttonGroup } from \"./components/button-group.js\";\nimport { error } from \"./components/error.js\";\nimport { icon, iconContainer, iconFlipped, iconHidden } from \"./components/icon.js\";\nimport { seek } from \"./components/seek.js\";\nimport { slider as slider$1 } from \"./components/slider.js\";\nimport { time } from \"./components/time.js\";\nimport { overlay } from \"./components/overlay.js\";\nimport { cn } from \"@videojs/utils/style\";\n\n//#region src/minimal/tailwind/video.tailwind.ts\nconst root = (isShadowDOM) => cn(root$1, \"bg-black\", \"after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10\", \"after:inset-0 after:ring-1 after:ring-inset after:ring-black/15\", \"dark:after:ring-white/15\", {\n\t\"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--media-border-radius,0.75rem)\": isShadowDOM,\n\t\"[&_video]:block [&_video]:w-full [&_video]:h-full [&_video]:rounded-[inherit]\": !isShadowDOM\n}, \"[&>img]:absolute [&>img]:inset-0 [&>img]:w-full [&>img]:h-full [&>img]:rounded-[inherit]\", \"[&>img]:object-cover [&>img]:pointer-events-none\", \"[&>img]:transition-opacity [&>img]:duration-250\", \"[&>img:not([data-visible])]:opacity-0\", \"[--media-caption-track-delay:600ms]\", \"[--media-caption-track-y:-0.5rem]\", \"has-[[data-controls][data-visible]]:[--media-caption-track-delay:25ms]\", \"has-[[data-controls][data-visible]]:[--media-caption-track-y:-3.5rem]\", !isShadowDOM ? [\n\t\"[&_video::-webkit-media-text-track-container]:transition-transform\",\n\t\"[&_video::-webkit-media-text-track-container]:duration-150\",\n\t\"[&_video::-webkit-media-text-track-container]:ease-out\",\n\t\"[&_video::-webkit-media-text-track-container]:delay-(--media-caption-track-delay)\",\n\t\"[&_video::-webkit-media-text-track-container]:translate-y-(--media-caption-track-y)\",\n\t\"[&_video::-webkit-media-text-track-container]:scale-98\",\n\t\"[&_video::-webkit-media-text-track-container]:z-1\",\n\t\"[&_video::-webkit-media-text-track-container]:font-[inherit]\",\n\t\"motion-reduce:[&_video::-webkit-media-text-track-container]:duration-50\"\n] : [], \"[&:fullscreen]:rounded-none\", {\n\t\"[&:fullscreen_video]:object-contain\": !isShadowDOM,\n\t\"[&:fullscreen_::slotted(video)]:object-contain [&:fullscreen_::slotted(video)]:rounded-none\": isShadowDOM\n}, \"[&:fullscreen>img]:object-contain\");\nconst controls = cn(controls$1, \"absolute bottom-0 inset-x-0\", \"pt-8 px-1.5 pb-1.5 gap-2\", \"text-white z-10\", \"will-change-[translate,filter,opacity]\", \"[@media(pointer:fine)]:transition-[translate,filter,opacity]\", \"ease-out\", \"[@media(pointer:fine)]:delay-0 [@media(pointer:fine)]:duration-75\", \"not-data-visible:opacity-0 not-data-visible:pointer-events-none\", \"not-data-visible:translate-y-full not-data-visible:blur-sm\", \"[@media(pointer:fine)]:not-data-visible:delay-500\", \"[@media(pointer:fine)]:not-data-visible:duration-500\", \"[@media(pointer:fine)]:motion-reduce:not-data-visible:duration-100\", \"motion-reduce:not-data-visible:translate-y-0\", \"motion-reduce:not-data-visible:blur-none\", \"motion-reduce:not-data-visible:scale-100\", \"@sm/media-root:pt-10 @sm/media-root:px-3 @sm/media-root:pb-3\", \"@sm/media-root:gap-3.5\");\nconst slider = {\n\t...slider$1,\n\ttrack: cn(slider$1.track, \"shadow-[0_0_0_1px_oklch(0_0_0/0.05)]\")\n};\nconst popup = {\n\t...popup$1,\n\tvolume: cn(\"[--media-popover-side-offset:0.5rem] p-1 bg-transparent\")\n};\n\n//#endregion\nexport { bufferingIndicator, button, buttonGroup, controls, error, icon, iconContainer, iconFlipped, iconHidden, iconState, overlay, popup, root, seek, slider, time, tooltipState };\n//# sourceMappingURL=video.tailwind.js.map"],"mappings":";;;;;;;;;;;;;;;;AAiBA,MAAM,QAAQ,gBAAgB,GAAG,QAAQ,YAAY,+EAA+E,mEAAmE,4BAA4B;CAClO,mJAAmJ;CACnJ,iFAAiF,CAAC;CAClF,EAAE,4FAA4F,oDAAoD,mDAAmD,yCAAyC,uCAAuC,qCAAqC,0EAA0E,yEAAyE,CAAC,cAAc;CAC5d;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAG,EAAE,EAAE,+BAA+B;CACtC,uCAAuC,CAAC;CACxC,+FAA+F;CAC/F,EAAE,oCAAoC;AACvC,MAAM,WAAW,GAAG,YAAY,+BAA+B,4BAA4B,mBAAmB,0CAA0C,gEAAgE,YAAY,qEAAqE,mEAAmE,8DAA8D,qDAAqD,wDAAwD,sEAAsE,gDAAgD,4CAA4C,4CAA4C,gEAAgE,yBAAyB;AAC9zB,MAAM,SAAS;CACd,GAAG;CACH,OAAO,GAAG,SAAS,OAAO,uCAAuC;CACjE;AACD,MAAM,QAAQ;CACb,GAAG;CACH,QAAQ,GAAG,0DAA0D;CACrE"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@videojs/react",
3
3
  "type": "module",
4
- "version": "10.0.0-beta.4",
4
+ "version": "10.0.0-beta.5",
5
5
  "description": "React library for building media players",
6
6
  "license": "Apache-2.0",
7
7
  "repository": {
@@ -65,10 +65,10 @@
65
65
  "react": ">=16.8.0"
66
66
  },
67
67
  "dependencies": {
68
- "@videojs/spf": "10.0.0-beta.4",
69
- "@videojs/store": "10.0.0-beta.4",
70
- "@videojs/utils": "10.0.0-beta.4",
71
- "@videojs/core": "10.0.0-beta.4"
68
+ "@videojs/core": "10.0.0-beta.5",
69
+ "@videojs/store": "10.0.0-beta.5",
70
+ "@videojs/spf": "10.0.0-beta.5",
71
+ "@videojs/utils": "10.0.0-beta.5"
72
72
  },
73
73
  "devDependencies": {
74
74
  "@testing-library/react": "^16.3.0",
@@ -79,8 +79,8 @@
79
79
  "tsdown": "^0.20.3",
80
80
  "typescript": "^5.9.3",
81
81
  "vitest": "^3.2.4",
82
- "@videojs/icons": "10.0.0-beta.4",
83
- "@videojs/skins": "10.0.0-alpha.4"
82
+ "@videojs/icons": "10.0.0-beta.5",
83
+ "@videojs/skins": "10.0.0-beta.5"
84
84
  },
85
85
  "publishConfig": {
86
86
  "access": "public"