@bazza-ui/react 0.1.0-canary.15 → 0.1.0-canary.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/combobox/index.cjs +1 -1
- package/dist/combobox/index.cjs.map +1 -1
- package/dist/combobox/index.d.ts +842 -834
- package/dist/combobox/index.js +1 -1
- package/dist/combobox/index.js.map +1 -1
- package/dist/command-menu/index.cjs +1 -1
- package/dist/command-menu/index.cjs.map +1 -1
- package/dist/command-menu/index.d.ts +123 -96
- package/dist/command-menu/index.js +1 -1
- package/dist/command-menu/index.js.map +1 -1
- package/dist/context-menu/index.cjs +1 -1
- package/dist/context-menu/index.cjs.map +1 -1
- package/dist/context-menu/index.d.ts +701 -658
- package/dist/context-menu/index.js +1 -1
- package/dist/context-menu/index.js.map +1 -1
- package/dist/dropdown-menu/index.cjs +1 -1
- package/dist/dropdown-menu/index.cjs.map +1 -1
- package/dist/dropdown-menu/index.d.ts +723 -680
- package/dist/dropdown-menu/index.js +1 -1
- package/dist/dropdown-menu/index.js.map +1 -1
- package/dist/events-DDOsDu4X.d.ts +2091 -0
- package/dist/index-Cabqj7qI.d.ts +2003 -0
- package/dist/index-D8OrKThQ.d.ts +977 -0
- package/dist/internal/listbox/index.cjs +1 -2
- package/dist/internal/listbox/index.d.ts +2 -272
- package/dist/internal/listbox/index.js +1 -2
- package/dist/internal/popup-menu/index.cjs +1 -2
- package/dist/internal/popup-menu/index.d.ts +4 -238
- package/dist/internal/popup-menu/index.js +1 -2
- package/dist/items-CD2hw6-3.js +2 -0
- package/dist/items-CD2hw6-3.js.map +1 -0
- package/dist/items-DYDljwnt.cjs +2 -0
- package/dist/items-DYDljwnt.cjs.map +1 -0
- package/dist/{items-B6HeFO_8.d.cts → items-ceX--VIv.d.ts} +21 -19
- package/dist/kbd/index.cjs +1 -1
- package/dist/kbd/index.cjs.map +1 -1
- package/dist/kbd/index.d.ts +35 -35
- package/dist/kbd/index.js +1 -1
- package/dist/kbd/index.js.map +1 -1
- package/dist/listbox-CnwUlLZA.js +2 -0
- package/dist/listbox-CnwUlLZA.js.map +1 -0
- package/dist/listbox-DYvJTiF6.cjs +2 -0
- package/dist/listbox-DYvJTiF6.cjs.map +1 -0
- package/dist/loaders/index.cjs +1 -1
- package/dist/loaders/index.cjs.map +1 -1
- package/dist/loaders/index.d.ts +218 -188
- package/dist/loaders/index.js +1 -1
- package/dist/loaders/index.js.map +1 -1
- package/dist/merge-element-props-0mpNO7ZH.cjs +2 -0
- package/dist/merge-element-props-0mpNO7ZH.cjs.map +1 -0
- package/dist/merge-element-props-PxUvRHax.js +2 -0
- package/dist/merge-element-props-PxUvRHax.js.map +1 -0
- package/dist/platform-C-sxBTRa.cjs +2 -0
- package/dist/platform-C-sxBTRa.cjs.map +1 -0
- package/dist/platform-C4_cGUkS.js +2 -0
- package/dist/platform-C4_cGUkS.js.map +1 -0
- package/dist/popup-menu-BBAzAXIe.cjs +2 -0
- package/dist/popup-menu-BBAzAXIe.cjs.map +1 -0
- package/dist/popup-menu-HmBMJEZc.js +2 -0
- package/dist/popup-menu-HmBMJEZc.js.map +1 -0
- package/dist/resolve-state-props-C-zbhdXd.cjs +2 -0
- package/dist/resolve-state-props-C-zbhdXd.cjs.map +1 -0
- package/dist/resolve-state-props-D31kizRZ.js +2 -0
- package/dist/resolve-state-props-D31kizRZ.js.map +1 -0
- package/dist/rolldown-runtime-5lHFv1cW.cjs +1 -0
- package/dist/rolldown-runtime-DK3Fl9T5.js +1 -0
- package/dist/select/index.cjs +1 -1
- package/dist/select/index.cjs.map +1 -1
- package/dist/select/index.d.ts +835 -828
- package/dist/select/index.js +1 -1
- package/dist/select/index.js.map +1 -1
- package/dist/suggestion-menu/index.cjs +4 -0
- package/dist/suggestion-menu/index.cjs.map +1 -0
- package/dist/suggestion-menu/index.d.ts +359 -0
- package/dist/suggestion-menu/index.js +4 -0
- package/dist/suggestion-menu/index.js.map +1 -0
- package/dist/types-BbN28E3_.d.ts +50 -0
- package/dist/video-player/index.cjs +2 -2
- package/dist/video-player/index.cjs.map +1 -1
- package/dist/video-player/index.d.ts +964 -1000
- package/dist/video-player/index.js +2 -2
- package/dist/video-player/index.js.map +1 -1
- package/package.json +14 -5
- package/dist/ListboxStore-B8oTpM57.d.cts +0 -453
- package/dist/ListboxStore-CV5vPUUc.d.ts +0 -453
- package/dist/chunk-4C666HHU.js +0 -2
- package/dist/chunk-4C666HHU.js.map +0 -1
- package/dist/chunk-5T5B5SPR.cjs +0 -2
- package/dist/chunk-5T5B5SPR.cjs.map +0 -1
- package/dist/chunk-A4Z5BY7H.js +0 -2
- package/dist/chunk-A4Z5BY7H.js.map +0 -1
- package/dist/chunk-BEWVWSAW.cjs +0 -2
- package/dist/chunk-BEWVWSAW.cjs.map +0 -1
- package/dist/chunk-EDZTZHQ4.js +0 -2
- package/dist/chunk-EDZTZHQ4.js.map +0 -1
- package/dist/chunk-IT372NHF.js +0 -2
- package/dist/chunk-IT372NHF.js.map +0 -1
- package/dist/chunk-JFEVUUPC.cjs +0 -2
- package/dist/chunk-JFEVUUPC.cjs.map +0 -1
- package/dist/chunk-KO3DXT3Y.js +0 -2
- package/dist/chunk-KO3DXT3Y.js.map +0 -1
- package/dist/chunk-LXXK4S4Q.js +0 -2
- package/dist/chunk-LXXK4S4Q.js.map +0 -1
- package/dist/chunk-M4G6J7DP.cjs +0 -2
- package/dist/chunk-M4G6J7DP.cjs.map +0 -1
- package/dist/chunk-SCDHQZFI.cjs +0 -2
- package/dist/chunk-SCDHQZFI.cjs.map +0 -1
- package/dist/chunk-XMZZ62VJ.cjs +0 -2
- package/dist/chunk-XMZZ62VJ.cjs.map +0 -1
- package/dist/combobox/index.d.cts +0 -1066
- package/dist/command-menu/index.d.cts +0 -154
- package/dist/command-score-CTJ9NV6n.d.cts +0 -23
- package/dist/command-score-CTJ9NV6n.d.ts +0 -23
- package/dist/context-menu/index.d.cts +0 -696
- package/dist/dropdown-menu/index.d.cts +0 -723
- package/dist/events-BTHQ2OoH.d.ts +0 -1860
- package/dist/events-DVcrtGe3.d.cts +0 -1860
- package/dist/input-C95v6jB0.d.cts +0 -46
- package/dist/input-CYweYB_i.d.ts +0 -46
- package/dist/internal/listbox/index.cjs.map +0 -1
- package/dist/internal/listbox/index.d.cts +0 -272
- package/dist/internal/listbox/index.js.map +0 -1
- package/dist/internal/popup-menu/index.cjs.map +0 -1
- package/dist/internal/popup-menu/index.d.cts +0 -238
- package/dist/internal/popup-menu/index.js.map +0 -1
- package/dist/items-B6HeFO_8.d.ts +0 -37
- package/dist/kbd/index.d.cts +0 -61
- package/dist/loaders/index.d.cts +0 -363
- package/dist/loading-C6WZGUc3.d.cts +0 -29
- package/dist/loading-CC4n55sR.d.ts +0 -29
- package/dist/resolve-B-j0eW24.d.cts +0 -406
- package/dist/resolve-B1F-a3P1.d.ts +0 -406
- package/dist/scroll-arrow-BBoKckL_.d.cts +0 -544
- package/dist/scroll-arrow-fl3B5sVO.d.ts +0 -544
- package/dist/select/index.d.cts +0 -1005
- package/dist/separator-Dn15rte3.d.ts +0 -275
- package/dist/separator-NjsBVzek.d.cts +0 -275
- package/dist/surface-context-CGLDpMej.d.ts +0 -14
- package/dist/surface-context-CN4Lb_6F.d.cts +0 -14
- package/dist/type-guards-BHHzjRvZ.d.cts +0 -351
- package/dist/type-guards-C0e_GpeY.d.ts +0 -351
- package/dist/types-DT4FOOa2.d.cts +0 -51
- package/dist/types-DT4FOOa2.d.ts +0 -51
- package/dist/use-listbox-item-NzZuY34-.d.cts +0 -212
- package/dist/use-listbox-item-NzZuY34-.d.ts +0 -212
- package/dist/video-player/index.d.cts +0 -1391
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
import { Padding } from '@floating-ui/react';
|
|
7
|
-
|
|
1
|
+
import { r as WithPreventableBaseHandlers } from "../types-BbN28E3_.js";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { Slider } from "@base-ui/react/slider";
|
|
4
|
+
import { Padding } from "@floating-ui/react";
|
|
5
|
+
//#region src/video-player/types.d.ts
|
|
8
6
|
/**
|
|
9
7
|
* Mutually exclusive playback states.
|
|
10
8
|
* - 'playing': Video is actively playing
|
|
@@ -21,197 +19,197 @@ type PlaybackStatus = 'playing' | 'paused' | 'waiting' | 'ended';
|
|
|
21
19
|
*/
|
|
22
20
|
type PlaybackIntent = 'play' | 'pause';
|
|
23
21
|
interface VideoQuality {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
22
|
+
label: string;
|
|
23
|
+
width: number;
|
|
24
|
+
height: number;
|
|
25
|
+
bitrate?: number;
|
|
28
26
|
}
|
|
29
27
|
interface VideoTextTrack {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
28
|
+
kind: TextTrackKind;
|
|
29
|
+
label: string;
|
|
30
|
+
language: string;
|
|
31
|
+
src?: string;
|
|
34
32
|
}
|
|
35
33
|
/**
|
|
36
34
|
* Registered track info from VideoPlayer.Track components.
|
|
37
35
|
* Includes a reference to the native TextTrack for cue access.
|
|
38
36
|
*/
|
|
39
37
|
interface TrackInfo {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
38
|
+
/** Unique identifier for this track registration */
|
|
39
|
+
id: string;
|
|
40
|
+
/** Track kind (captions, subtitles, descriptions, chapters, metadata) */
|
|
41
|
+
kind: TextTrackKind;
|
|
42
|
+
/** Human-readable label */
|
|
43
|
+
label: string;
|
|
44
|
+
/** Language code (e.g., 'en', 'es') */
|
|
45
|
+
srcLang: string;
|
|
46
|
+
/** Source URL for the track file */
|
|
47
|
+
src: string;
|
|
48
|
+
/** Reference to the native TextTrack object (set after track loads) */
|
|
49
|
+
textTrack: TextTrack | null;
|
|
52
50
|
}
|
|
53
51
|
interface VideoPlayerState {
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
52
|
+
/** Current mutually exclusive playback state */
|
|
53
|
+
playbackStatus: PlaybackStatus;
|
|
54
|
+
/** User's intended playback state (persists through 'waiting' state) */
|
|
55
|
+
playbackIntent: PlaybackIntent;
|
|
56
|
+
/** True when playbackStatus === 'playing' */
|
|
57
|
+
playing: boolean;
|
|
58
|
+
/** True when playbackStatus === 'paused' */
|
|
59
|
+
paused: boolean;
|
|
60
|
+
/** True when playbackStatus === 'ended' */
|
|
61
|
+
ended: boolean;
|
|
62
|
+
/** True when playbackStatus === 'waiting' */
|
|
63
|
+
waiting: boolean;
|
|
64
|
+
/** True while seeking to a new position (orthogonal to playbackStatus) */
|
|
65
|
+
seeking: boolean;
|
|
66
|
+
/** True when video has enough data to begin playback */
|
|
67
|
+
canPlay: boolean;
|
|
68
|
+
currentTime: number;
|
|
69
|
+
duration: number;
|
|
70
|
+
buffered: TimeRanges | null;
|
|
71
|
+
hoverTime: number | null;
|
|
72
|
+
hoverProgress: number | null;
|
|
73
|
+
volume: number;
|
|
74
|
+
muted: boolean;
|
|
75
|
+
fullscreen: boolean;
|
|
76
|
+
pictureInPicture: boolean;
|
|
77
|
+
idle: boolean;
|
|
78
|
+
idleTimeout: number;
|
|
79
|
+
preventIdleWhenPaused: boolean;
|
|
80
|
+
/** Registered tracks from VideoPlayer.Track components */
|
|
81
|
+
registeredTracks: TrackInfo[];
|
|
82
|
+
/** Currently active text track */
|
|
83
|
+
activeTextTrack: TextTrack | null;
|
|
84
|
+
/** Currently active cues from the active text track */
|
|
85
|
+
activeCues: VTTCue[];
|
|
86
|
+
playbackRate: number;
|
|
87
|
+
qualities: VideoQuality[];
|
|
88
|
+
activeQuality: VideoQuality | null;
|
|
89
|
+
videoRef: React.RefObject<HTMLVideoElement | null>;
|
|
90
|
+
rootRef: React.RefObject<HTMLDivElement | null>;
|
|
93
91
|
}
|
|
94
92
|
interface VideoPlayerActions {
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
93
|
+
play: () => Promise<void>;
|
|
94
|
+
pause: () => void;
|
|
95
|
+
toggle: () => Promise<void>;
|
|
96
|
+
seek: (time: number) => void;
|
|
97
|
+
setVolume: (volume: number) => void;
|
|
98
|
+
toggleMute: () => void;
|
|
99
|
+
enterFullscreen: () => Promise<void>;
|
|
100
|
+
exitFullscreen: () => Promise<void>;
|
|
101
|
+
toggleFullscreen: () => Promise<void>;
|
|
102
|
+
enterPictureInPicture: () => Promise<void>;
|
|
103
|
+
exitPictureInPicture: () => Promise<void>;
|
|
104
|
+
togglePictureInPicture: () => Promise<void>;
|
|
105
|
+
setPlaybackRate: (rate: number) => void;
|
|
106
|
+
setTextTrack: (track: TextTrack | null) => void;
|
|
107
|
+
setQuality: (quality: VideoQuality) => void;
|
|
108
|
+
/** Register a track from VideoPlayer.Track component */
|
|
109
|
+
registerTrack: (track: TrackInfo) => void;
|
|
110
|
+
/** Unregister a track when VideoPlayer.Track unmounts */
|
|
111
|
+
unregisterTrack: (id: string) => void;
|
|
112
|
+
/** Update a registered track's textTrack reference */
|
|
113
|
+
updateTrackRef: (id: string, textTrack: TextTrack) => void;
|
|
114
|
+
/** Reset idle state and restart idle timeout */
|
|
115
|
+
resetIdle: () => void;
|
|
116
|
+
/** Set hover time for seek preview (null to clear) */
|
|
117
|
+
setHoverTime: (time: number | null) => void;
|
|
118
|
+
/** Temporarily pause playback during a seek interaction */
|
|
119
|
+
beginSeekInteraction: () => void;
|
|
120
|
+
/** Resume playback after a seek interaction if playback was previously intended */
|
|
121
|
+
endSeekInteraction: () => void;
|
|
124
122
|
}
|
|
125
123
|
interface VideoPlayerInternalHandlers {
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
124
|
+
onTimeUpdate: () => void;
|
|
125
|
+
onDurationChange: () => void;
|
|
126
|
+
onProgress: () => void;
|
|
127
|
+
onPlay: () => void;
|
|
128
|
+
onPause: () => void;
|
|
129
|
+
onEnded: () => void;
|
|
130
|
+
onWaiting: () => void;
|
|
131
|
+
onCanPlay: () => void;
|
|
132
|
+
onSeeking: () => void;
|
|
133
|
+
onSeeked: () => void;
|
|
134
|
+
onVolumeChange: () => void;
|
|
135
|
+
onLoadedMetadata: () => void;
|
|
136
|
+
onVideoMount: () => void;
|
|
137
|
+
onRootMouseLeave: () => void;
|
|
140
138
|
}
|
|
141
139
|
interface VideoPlayerContextValue extends VideoPlayerState, VideoPlayerActions {
|
|
142
|
-
|
|
140
|
+
_handlers: VideoPlayerInternalHandlers;
|
|
143
141
|
}
|
|
144
142
|
/**
|
|
145
143
|
* Actions exposed via actionsRef for programmatic control.
|
|
146
144
|
* Follows the Base UI actionsRef pattern.
|
|
147
145
|
*/
|
|
148
146
|
interface VideoPlayerExternalActions {
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
147
|
+
toggle: () => Promise<void>;
|
|
148
|
+
seek: (time: number) => void;
|
|
149
|
+
setVolume: (volume: number) => void;
|
|
150
|
+
toggleFullscreen: () => Promise<void>;
|
|
153
151
|
}
|
|
154
152
|
type DivPropsWithoutConflicts = Omit<WithPreventableBaseHandlers<React.ComponentPropsWithRef<'div'>>, 'onVolumeChange' | 'onEnded' | 'onWaiting' | 'onSeeking' | 'onSeeked'>;
|
|
155
153
|
interface VideoPlayerRootProps extends DivPropsWithoutConflicts {
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
154
|
+
/**
|
|
155
|
+
* Ref to expose programmatic control actions.
|
|
156
|
+
* Follows the Base UI actionsRef pattern.
|
|
157
|
+
*/
|
|
158
|
+
actionsRef?: React.RefObject<VideoPlayerExternalActions | null>;
|
|
159
|
+
/**
|
|
160
|
+
* Keyboard shortcuts scope.
|
|
161
|
+
* - 'focused': shortcuts work when player is focused (default)
|
|
162
|
+
* - 'global': shortcuts work anywhere on the page
|
|
163
|
+
* - 'none': disable keyboard shortcuts
|
|
164
|
+
* @default 'focused'
|
|
165
|
+
*/
|
|
166
|
+
keyboardShortcuts?: 'focused' | 'global' | 'none';
|
|
167
|
+
defaultPlaying?: boolean;
|
|
168
|
+
/**
|
|
169
|
+
* Attempts to start playback automatically when the video element mounts.
|
|
170
|
+
* @default false
|
|
171
|
+
*/
|
|
172
|
+
autoPlay?: boolean;
|
|
173
|
+
defaultVolume?: number;
|
|
174
|
+
defaultMuted?: boolean;
|
|
175
|
+
defaultPlaybackRate?: number;
|
|
176
|
+
playing?: boolean;
|
|
177
|
+
onPlayingChange?: (playing: boolean) => void;
|
|
178
|
+
volume?: number;
|
|
179
|
+
onVolumeChange?: (volume: number) => void;
|
|
180
|
+
muted?: boolean;
|
|
181
|
+
onMutedChange?: (muted: boolean) => void;
|
|
182
|
+
playbackRate?: number;
|
|
183
|
+
onPlaybackRateChange?: (rate: number) => void;
|
|
184
|
+
currentTime?: number;
|
|
185
|
+
onCurrentTimeChange?: (time: number) => void;
|
|
186
|
+
/**
|
|
187
|
+
* Time in milliseconds before the player is considered idle.
|
|
188
|
+
* Set to 0 to disable idle detection.
|
|
189
|
+
* @default 3000
|
|
190
|
+
*/
|
|
191
|
+
idleTimeout?: number;
|
|
192
|
+
/**
|
|
193
|
+
* When true, prevents the player from going idle while paused.
|
|
194
|
+
* @default false
|
|
195
|
+
*/
|
|
196
|
+
preventIdleWhenPaused?: boolean;
|
|
197
|
+
/**
|
|
198
|
+
* Controls cursor auto-hiding behavior when the player is idle.
|
|
199
|
+
* - 'fullscreen': hide cursor only when in fullscreen mode and idle (default)
|
|
200
|
+
* - 'always': hide cursor when idle in any mode
|
|
201
|
+
* - false: never auto-hide cursor
|
|
202
|
+
* @default 'fullscreen'
|
|
203
|
+
*/
|
|
204
|
+
hideCursorWhenIdle?: 'always' | 'fullscreen' | false;
|
|
205
|
+
idle?: boolean;
|
|
206
|
+
onIdleChange?: (idle: boolean) => void;
|
|
207
|
+
onEnded?: () => void;
|
|
208
|
+
onWaiting?: () => void;
|
|
209
|
+
onSeeking?: () => void;
|
|
210
|
+
onSeeked?: () => void;
|
|
211
|
+
onFullscreenChange?: (fullscreen: boolean) => void;
|
|
212
|
+
onPictureInPictureChange?: (pip: boolean) => void;
|
|
215
213
|
}
|
|
216
214
|
/**
|
|
217
215
|
* Render prop pattern following Base UI's approach.
|
|
@@ -219,32 +217,34 @@ interface VideoPlayerRootProps extends DivPropsWithoutConflicts {
|
|
|
219
217
|
* @param state - Component state for conditional rendering
|
|
220
218
|
*/
|
|
221
219
|
type RenderProp<Props = Record<string, unknown>, State = Record<string, unknown>> = (props: Props, state: State) => React.ReactElement;
|
|
222
|
-
|
|
220
|
+
//#endregion
|
|
221
|
+
//#region src/video-player/components/root/root.d.ts
|
|
223
222
|
interface VideoPlayerRootState {
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
223
|
+
playbackStatus: PlaybackStatus;
|
|
224
|
+
playbackIntent: PlaybackIntent;
|
|
225
|
+
playing: boolean;
|
|
226
|
+
paused: boolean;
|
|
227
|
+
ended: boolean;
|
|
228
|
+
waiting: boolean;
|
|
229
|
+
seeking: boolean;
|
|
230
|
+
canPlay: boolean;
|
|
231
|
+
fullscreen: boolean;
|
|
232
|
+
pictureInPicture: boolean;
|
|
233
|
+
muted: boolean;
|
|
234
|
+
volume: number;
|
|
235
|
+
currentTime: number;
|
|
236
|
+
duration: number;
|
|
237
|
+
playbackRate: number;
|
|
238
|
+
idle: boolean;
|
|
239
|
+
idleTimeout: number;
|
|
241
240
|
}
|
|
242
241
|
declare const VideoPlayerRoot: React.ForwardRefExoticComponent<Omit<VideoPlayerRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
243
242
|
declare namespace VideoPlayerRoot {
|
|
244
|
-
|
|
245
|
-
|
|
243
|
+
type Props = VideoPlayerRootProps;
|
|
244
|
+
type State = VideoPlayerRootState;
|
|
246
245
|
}
|
|
247
|
-
|
|
246
|
+
//#endregion
|
|
247
|
+
//#region src/video-player/hooks/use-video-player.d.ts
|
|
248
248
|
/**
|
|
249
249
|
* Hook to access the VideoPlayer context from custom components.
|
|
250
250
|
*
|
|
@@ -262,65 +262,68 @@ declare namespace VideoPlayerRoot {
|
|
|
262
262
|
* }
|
|
263
263
|
* ```
|
|
264
264
|
*/
|
|
265
|
-
declare function useVideoPlayer(): VideoPlayerContextValue;
|
|
266
|
-
|
|
265
|
+
export declare function useVideoPlayer(): VideoPlayerContextValue;
|
|
266
|
+
//#endregion
|
|
267
|
+
//#region src/video-player/components/buffered-indicator/buffered-indicator.d.ts
|
|
267
268
|
interface BufferedIndicatorProps extends React.ComponentPropsWithRef<'div'> {
|
|
268
|
-
|
|
269
|
+
render?: RenderProp<BufferedIndicatorRenderProps, BufferedIndicatorState>;
|
|
269
270
|
}
|
|
270
271
|
interface BufferedIndicatorRenderProps {
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
272
|
+
ref: React.Ref<HTMLElement>;
|
|
273
|
+
style: React.CSSProperties;
|
|
274
|
+
'aria-hidden': true;
|
|
274
275
|
}
|
|
275
276
|
interface BufferedIndicatorState {
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
277
|
+
buffered: TimeRanges | null;
|
|
278
|
+
duration: number;
|
|
279
|
+
bufferedPercentage: number;
|
|
280
|
+
bufferedEnd: number;
|
|
280
281
|
}
|
|
281
282
|
declare const BufferedIndicator: React.ForwardRefExoticComponent<Omit<BufferedIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
282
283
|
declare namespace BufferedIndicator {
|
|
283
|
-
|
|
284
|
-
|
|
284
|
+
type Props = BufferedIndicatorProps;
|
|
285
|
+
type State = BufferedIndicatorState;
|
|
285
286
|
}
|
|
286
|
-
|
|
287
|
+
//#endregion
|
|
288
|
+
//#region src/video-player/components/captions/captions.data-attributes.d.ts
|
|
287
289
|
declare enum CaptionsDataAttributes {
|
|
288
|
-
|
|
289
|
-
|
|
290
|
+
/** Applied when there are active caption cues being displayed. */
|
|
291
|
+
active = "data-active"
|
|
290
292
|
}
|
|
291
|
-
|
|
293
|
+
//#endregion
|
|
294
|
+
//#region src/video-player/components/captions/captions.d.ts
|
|
292
295
|
interface CaptionsProps extends Omit<React.ComponentPropsWithRef<'div'>, 'children'> {
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
296
|
+
/**
|
|
297
|
+
* Custom render function for full control over caption rendering.
|
|
298
|
+
* Receives renderProps (ref, aria attributes, data attributes) and state (cues, text).
|
|
299
|
+
*/
|
|
300
|
+
render?: RenderProp<CaptionsRenderProps, CaptionsState>;
|
|
301
|
+
/**
|
|
302
|
+
* Children to render instead of default cue text.
|
|
303
|
+
* Use the render prop or useVideoPlayer() hook to access cue data.
|
|
304
|
+
*/
|
|
305
|
+
children?: React.ReactNode;
|
|
303
306
|
}
|
|
304
307
|
interface CaptionsRenderProps {
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
308
|
+
ref: React.Ref<HTMLDivElement>;
|
|
309
|
+
/** Announces caption changes to screen readers */
|
|
310
|
+
'aria-live': 'polite';
|
|
311
|
+
/** Ensures the full caption is read, not just changes */
|
|
312
|
+
'aria-atomic': true;
|
|
313
|
+
/** Role for accessibility */
|
|
314
|
+
role: 'status';
|
|
315
|
+
/** Allow clicks to pass through to video */
|
|
316
|
+
style: React.CSSProperties;
|
|
317
|
+
/** Applied when there are active cues */
|
|
318
|
+
[CaptionsDataAttributes.active]?: boolean;
|
|
316
319
|
}
|
|
317
320
|
interface CaptionsState {
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
321
|
+
/** Whether there are currently active cues */
|
|
322
|
+
active: boolean;
|
|
323
|
+
/** Combined text from all active cues (joined with newlines) */
|
|
324
|
+
cueText: string;
|
|
325
|
+
/** Raw VTTCue objects for advanced use cases */
|
|
326
|
+
cues: VTTCue[];
|
|
324
327
|
}
|
|
325
328
|
/**
|
|
326
329
|
* Renders caption text with full styling control and accessibility support.
|
|
@@ -349,839 +352,874 @@ interface CaptionsState {
|
|
|
349
352
|
*/
|
|
350
353
|
declare const Captions: React.ForwardRefExoticComponent<Omit<CaptionsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
351
354
|
declare namespace Captions {
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
+
type Props = CaptionsProps;
|
|
356
|
+
type State = CaptionsState;
|
|
357
|
+
type RenderProps = CaptionsRenderProps;
|
|
355
358
|
}
|
|
356
|
-
|
|
359
|
+
//#endregion
|
|
360
|
+
//#region src/video-player/components/captions-button/captions-button.data-attributes.d.ts
|
|
357
361
|
declare enum CaptionsButtonDataAttributes {
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
+
/** Applied when captions are active. */
|
|
363
|
+
active = "data-active",
|
|
364
|
+
/** Applied when captions are available. */
|
|
365
|
+
available = "data-available"
|
|
362
366
|
}
|
|
363
|
-
|
|
367
|
+
//#endregion
|
|
368
|
+
//#region src/video-player/components/captions-button/captions-button.d.ts
|
|
364
369
|
interface CaptionsButtonProps extends WithPreventableBaseHandlers<React.ComponentPropsWithRef<'button'>> {
|
|
365
|
-
|
|
370
|
+
render?: RenderProp<CaptionsButtonRenderProps, CaptionsButtonState>;
|
|
366
371
|
}
|
|
367
372
|
interface CaptionsButtonRenderProps {
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
373
|
+
ref: React.Ref<HTMLButtonElement>;
|
|
374
|
+
type: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
|
|
375
|
+
'aria-label': string;
|
|
376
|
+
'aria-pressed': boolean;
|
|
377
|
+
disabled: boolean;
|
|
378
|
+
[CaptionsButtonDataAttributes.active]?: boolean;
|
|
379
|
+
[CaptionsButtonDataAttributes.available]?: boolean;
|
|
380
|
+
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
376
381
|
}
|
|
377
382
|
interface CaptionsButtonState {
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
383
|
+
active: boolean;
|
|
384
|
+
available: boolean;
|
|
385
|
+
trackCount: number;
|
|
381
386
|
}
|
|
382
387
|
declare const CaptionsButton: React.ForwardRefExoticComponent<Omit<CaptionsButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
383
388
|
declare namespace CaptionsButton {
|
|
384
|
-
|
|
385
|
-
|
|
389
|
+
type Props = CaptionsButtonProps;
|
|
390
|
+
type State = CaptionsButtonState;
|
|
386
391
|
}
|
|
387
|
-
|
|
392
|
+
//#endregion
|
|
393
|
+
//#region src/video-player/components/captions-menu/captions-menu.data-attributes.d.ts
|
|
388
394
|
declare enum CaptionsMenuDataAttributes {
|
|
389
|
-
|
|
390
|
-
|
|
395
|
+
/** Applied when a caption track is active. */
|
|
396
|
+
active = "data-active"
|
|
391
397
|
}
|
|
392
|
-
|
|
398
|
+
//#endregion
|
|
399
|
+
//#region src/video-player/components/captions-menu/captions-menu.d.ts
|
|
393
400
|
interface CaptionsMenuProps extends React.ComponentPropsWithRef<'div'> {
|
|
394
|
-
|
|
401
|
+
render?: RenderProp<CaptionsMenuRenderProps, CaptionsMenuState>;
|
|
395
402
|
}
|
|
396
403
|
interface CaptionsMenuRenderProps {
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
404
|
+
ref: React.Ref<HTMLDivElement>;
|
|
405
|
+
role: 'menu';
|
|
406
|
+
'aria-label': string;
|
|
407
|
+
[CaptionsMenuDataAttributes.active]?: boolean;
|
|
401
408
|
}
|
|
402
409
|
interface CaptionsMenuState {
|
|
403
|
-
|
|
404
|
-
|
|
410
|
+
registeredTracks: TrackInfo[];
|
|
411
|
+
activeTextTrack: TextTrack | null;
|
|
405
412
|
}
|
|
413
|
+
declare const CaptionsMenu: React.ForwardRefExoticComponent<Omit<CaptionsMenuProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
406
414
|
interface CaptionsMenuItemProps extends WithPreventableBaseHandlers<React.ComponentPropsWithRef<'button'>> {
|
|
407
|
-
|
|
415
|
+
track: TextTrack | null;
|
|
408
416
|
}
|
|
409
417
|
declare const CaptionsMenuItem: React.ForwardRefExoticComponent<Omit<CaptionsMenuItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
410
|
-
declare const CaptionsMenu: React.ForwardRefExoticComponent<Omit<CaptionsMenuProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
411
418
|
declare namespace CaptionsMenu {
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
419
|
+
type Props = CaptionsMenuProps;
|
|
420
|
+
type State = CaptionsMenuState;
|
|
421
|
+
type ItemProps = CaptionsMenuItemProps;
|
|
415
422
|
}
|
|
416
|
-
|
|
423
|
+
//#endregion
|
|
424
|
+
//#region src/video-player/components/controls/controls.data-attributes.d.ts
|
|
417
425
|
declare enum ControlsDataAttributes {
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
}
|
|
435
|
-
|
|
426
|
+
/** Applied when the controls are visible. */
|
|
427
|
+
open = "data-open",
|
|
428
|
+
/** Applied when the controls are hidden. */
|
|
429
|
+
closed = "data-closed",
|
|
430
|
+
/** Applied when the player is idle (no user interaction). */
|
|
431
|
+
idle = "data-idle",
|
|
432
|
+
/** Applied when the video is playing. */
|
|
433
|
+
playing = "data-playing",
|
|
434
|
+
/** Applied when the video is paused. */
|
|
435
|
+
paused = "data-paused",
|
|
436
|
+
/** Applied when the video has ended. */
|
|
437
|
+
ended = "data-ended",
|
|
438
|
+
/** Applied on the first frame when entering. Use for CSS enter animations. */
|
|
439
|
+
startingStyle = "data-starting-style",
|
|
440
|
+
/** Applied during exit animation. Use for CSS exit animations. */
|
|
441
|
+
endingStyle = "data-ending-style"
|
|
442
|
+
}
|
|
443
|
+
//#endregion
|
|
444
|
+
//#region src/video-player/components/controls/controls.d.ts
|
|
436
445
|
interface ControlsProps extends Omit<React.ComponentPropsWithRef<'div'>, 'children'> {
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
446
|
+
/**
|
|
447
|
+
* Delay before hiding after player becomes idle (ms).
|
|
448
|
+
* Defaults to Root's idleTimeout. Set to 0 to disable auto-hide.
|
|
449
|
+
*/
|
|
450
|
+
idleTimeout?: number;
|
|
451
|
+
/**
|
|
452
|
+
* Keep the element always mounted in the DOM, even when closed.
|
|
453
|
+
* Only needed for JavaScript animation libraries (e.g., Framer Motion).
|
|
454
|
+
* CSS transitions and animations work automatically without this.
|
|
455
|
+
* @default false
|
|
456
|
+
*/
|
|
457
|
+
keepMounted?: boolean;
|
|
458
|
+
render?: RenderProp<ControlsRenderProps, ControlsState>;
|
|
459
|
+
children?: React.ReactNode;
|
|
451
460
|
}
|
|
452
461
|
interface ControlsRenderProps {
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
462
|
+
ref: React.Ref<HTMLDivElement>;
|
|
463
|
+
onClick: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
464
|
+
[ControlsDataAttributes.open]?: boolean;
|
|
465
|
+
[ControlsDataAttributes.closed]?: boolean;
|
|
466
|
+
[ControlsDataAttributes.idle]?: boolean;
|
|
467
|
+
[ControlsDataAttributes.playing]?: boolean;
|
|
468
|
+
[ControlsDataAttributes.paused]?: boolean;
|
|
469
|
+
[ControlsDataAttributes.ended]?: boolean;
|
|
470
|
+
[ControlsDataAttributes.startingStyle]?: boolean;
|
|
471
|
+
[ControlsDataAttributes.endingStyle]?: boolean;
|
|
463
472
|
}
|
|
464
473
|
interface ControlsState {
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
474
|
+
/** Whether the controls are currently visible */
|
|
475
|
+
open: boolean;
|
|
476
|
+
idle: boolean;
|
|
477
|
+
playing: boolean;
|
|
478
|
+
paused: boolean;
|
|
479
|
+
ended: boolean;
|
|
471
480
|
}
|
|
472
481
|
declare const Controls: React.ForwardRefExoticComponent<Omit<ControlsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
473
482
|
declare namespace Controls {
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
483
|
+
type Props = ControlsProps;
|
|
484
|
+
type State = ControlsState;
|
|
485
|
+
type RenderProps = ControlsRenderProps;
|
|
477
486
|
}
|
|
478
|
-
|
|
487
|
+
//#endregion
|
|
488
|
+
//#region src/video-player/components/fullscreen-button/fullscreen-button.data-attributes.d.ts
|
|
479
489
|
declare enum FullscreenButtonDataAttributes {
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
490
|
+
/** Applied when in fullscreen mode. */
|
|
491
|
+
fullscreen = "data-fullscreen",
|
|
492
|
+
/** Applied when fullscreen is supported. */
|
|
493
|
+
supported = "data-supported"
|
|
484
494
|
}
|
|
485
|
-
|
|
495
|
+
//#endregion
|
|
496
|
+
//#region src/video-player/components/fullscreen-button/fullscreen-button.d.ts
|
|
486
497
|
interface FullscreenButtonProps extends Omit<WithPreventableBaseHandlers<React.ComponentPropsWithRef<'button'>>, 'children'> {
|
|
487
|
-
|
|
488
|
-
|
|
498
|
+
render?: RenderProp<FullscreenButtonRenderProps, FullscreenButtonState>;
|
|
499
|
+
children?: React.ReactNode;
|
|
489
500
|
}
|
|
490
501
|
interface FullscreenButtonRenderProps {
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
502
|
+
ref: React.Ref<HTMLButtonElement>;
|
|
503
|
+
type: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
|
|
504
|
+
'aria-label': string;
|
|
505
|
+
'aria-pressed': boolean;
|
|
506
|
+
disabled: boolean;
|
|
507
|
+
[FullscreenButtonDataAttributes.fullscreen]?: boolean;
|
|
508
|
+
[FullscreenButtonDataAttributes.supported]?: boolean;
|
|
509
|
+
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
499
510
|
}
|
|
500
511
|
interface FullscreenButtonState {
|
|
501
|
-
|
|
502
|
-
|
|
512
|
+
fullscreen: boolean;
|
|
513
|
+
supported: boolean;
|
|
503
514
|
}
|
|
504
515
|
declare const FullscreenButton: React.ForwardRefExoticComponent<Omit<FullscreenButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
505
516
|
declare namespace FullscreenButton {
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
517
|
+
type Props = FullscreenButtonProps;
|
|
518
|
+
type State = FullscreenButtonState;
|
|
519
|
+
type RenderProps = FullscreenButtonRenderProps;
|
|
509
520
|
}
|
|
510
|
-
|
|
521
|
+
//#endregion
|
|
522
|
+
//#region src/video-player/components/mute-button/mute-button.data-attributes.d.ts
|
|
511
523
|
declare enum MuteButtonDataAttributes {
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
}
|
|
523
|
-
|
|
524
|
+
/** Applied when explicitly muted via toggle. */
|
|
525
|
+
muted = "data-muted",
|
|
526
|
+
/** Applied when either muted or volume === 0. */
|
|
527
|
+
volumeOff = "data-volume-off",
|
|
528
|
+
/** Applied when volume > 0 and not muted. */
|
|
529
|
+
volumeOn = "data-volume-on",
|
|
530
|
+
/** Applied when not muted and volume < 0.5. */
|
|
531
|
+
volumeLow = "data-volume-low",
|
|
532
|
+
/** Applied when not muted and volume >= 0.5. */
|
|
533
|
+
volumeHigh = "data-volume-high"
|
|
534
|
+
}
|
|
535
|
+
//#endregion
|
|
536
|
+
//#region src/video-player/components/mute-button/mute-button.d.ts
|
|
524
537
|
interface MuteButtonProps extends WithPreventableBaseHandlers<React.ComponentPropsWithRef<'button'>> {
|
|
525
|
-
|
|
538
|
+
render?: RenderProp<MuteButtonRenderProps, MuteButtonState>;
|
|
526
539
|
}
|
|
527
540
|
interface MuteButtonRenderProps {
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
541
|
+
ref: React.Ref<HTMLButtonElement>;
|
|
542
|
+
type: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
|
|
543
|
+
'aria-label': string;
|
|
544
|
+
'aria-pressed': boolean;
|
|
545
|
+
[MuteButtonDataAttributes.muted]?: boolean;
|
|
546
|
+
[MuteButtonDataAttributes.volumeOff]?: boolean;
|
|
547
|
+
[MuteButtonDataAttributes.volumeOn]?: boolean;
|
|
548
|
+
[MuteButtonDataAttributes.volumeLow]?: boolean;
|
|
549
|
+
[MuteButtonDataAttributes.volumeHigh]?: boolean;
|
|
550
|
+
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
538
551
|
}
|
|
539
552
|
interface MuteButtonState {
|
|
540
|
-
|
|
541
|
-
|
|
553
|
+
muted: boolean;
|
|
554
|
+
volume: number;
|
|
542
555
|
}
|
|
543
556
|
declare const MuteButton: React.ForwardRefExoticComponent<Omit<MuteButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
544
557
|
declare namespace MuteButton {
|
|
545
|
-
|
|
546
|
-
|
|
558
|
+
type Props = MuteButtonProps;
|
|
559
|
+
type State = MuteButtonState;
|
|
547
560
|
}
|
|
548
|
-
|
|
561
|
+
//#endregion
|
|
562
|
+
//#region src/video-player/components/overlay/overlay.data-attributes.d.ts
|
|
549
563
|
declare enum OverlayDataAttributes {
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
}
|
|
573
|
-
|
|
564
|
+
/** Applied when the overlay is visible. */
|
|
565
|
+
open = "data-open",
|
|
566
|
+
/** Applied when the overlay is hidden. */
|
|
567
|
+
closed = "data-closed",
|
|
568
|
+
/** Applied when the video is playing. */
|
|
569
|
+
playing = "data-playing",
|
|
570
|
+
/** Applied when the video is paused. */
|
|
571
|
+
paused = "data-paused",
|
|
572
|
+
/** Applied when the video has ended. */
|
|
573
|
+
ended = "data-ended",
|
|
574
|
+
/** Applied when the video is buffering/loading. */
|
|
575
|
+
waiting = "data-waiting",
|
|
576
|
+
/** Applied when the video is seeking to a new position. */
|
|
577
|
+
seeking = "data-seeking",
|
|
578
|
+
/** Applied when the player is in fullscreen mode. */
|
|
579
|
+
fullscreen = "data-fullscreen",
|
|
580
|
+
/** Applied when the video is in picture-in-picture mode. */
|
|
581
|
+
pip = "data-pip",
|
|
582
|
+
/** Applied on the first frame when entering. Use for CSS enter animations. */
|
|
583
|
+
startingStyle = "data-starting-style",
|
|
584
|
+
/** Applied during exit animation. Use for CSS exit animations. */
|
|
585
|
+
endingStyle = "data-ending-style"
|
|
586
|
+
}
|
|
587
|
+
//#endregion
|
|
588
|
+
//#region src/video-player/components/overlay/overlay.d.ts
|
|
574
589
|
interface OverlayProps extends Omit<WithPreventableBaseHandlers<React.ComponentPropsWithRef<'div'>>, 'children'> {
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
590
|
+
/**
|
|
591
|
+
* Delay before hiding after player becomes idle (ms).
|
|
592
|
+
* Defaults to Root's idleTimeout. Set to 0 to disable auto-hide.
|
|
593
|
+
*/
|
|
594
|
+
idleTimeout?: number;
|
|
595
|
+
/**
|
|
596
|
+
* Keep the element always mounted in the DOM, even when closed.
|
|
597
|
+
* Only needed for JavaScript animation libraries (e.g., Framer Motion).
|
|
598
|
+
* CSS transitions and animations work automatically without this.
|
|
599
|
+
* @default false
|
|
600
|
+
*/
|
|
601
|
+
keepMounted?: boolean;
|
|
602
|
+
render?: RenderProp<OverlayRenderProps, OverlayState>;
|
|
603
|
+
children?: React.ReactNode;
|
|
589
604
|
}
|
|
590
605
|
interface OverlayRenderProps {
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
606
|
+
ref: React.Ref<HTMLDivElement>;
|
|
607
|
+
onClick: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
608
|
+
[OverlayDataAttributes.playing]?: boolean;
|
|
609
|
+
[OverlayDataAttributes.paused]?: boolean;
|
|
610
|
+
[OverlayDataAttributes.ended]?: boolean;
|
|
611
|
+
[OverlayDataAttributes.waiting]?: boolean;
|
|
612
|
+
[OverlayDataAttributes.seeking]?: boolean;
|
|
613
|
+
[OverlayDataAttributes.fullscreen]?: boolean;
|
|
614
|
+
[OverlayDataAttributes.pip]?: boolean;
|
|
615
|
+
[OverlayDataAttributes.open]?: boolean;
|
|
616
|
+
[OverlayDataAttributes.closed]?: boolean;
|
|
617
|
+
[OverlayDataAttributes.startingStyle]?: boolean;
|
|
618
|
+
[OverlayDataAttributes.endingStyle]?: boolean;
|
|
604
619
|
}
|
|
605
620
|
interface OverlayState {
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
621
|
+
playing: boolean;
|
|
622
|
+
paused: boolean;
|
|
623
|
+
ended: boolean;
|
|
624
|
+
waiting: boolean;
|
|
625
|
+
seeking: boolean;
|
|
626
|
+
fullscreen: boolean;
|
|
627
|
+
pictureInPicture: boolean;
|
|
628
|
+
/** Whether the overlay is currently visible (opposite of idle) */
|
|
629
|
+
open: boolean;
|
|
615
630
|
}
|
|
616
631
|
declare const Overlay: React.ForwardRefExoticComponent<Omit<OverlayProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
617
632
|
declare namespace Overlay {
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
633
|
+
type Props = OverlayProps;
|
|
634
|
+
type State = OverlayState;
|
|
635
|
+
type RenderProps = OverlayRenderProps;
|
|
621
636
|
}
|
|
622
|
-
|
|
637
|
+
//#endregion
|
|
638
|
+
//#region src/video-player/components/picture-in-picture-button/picture-in-picture-button.data-attributes.d.ts
|
|
623
639
|
declare enum PictureInPictureButtonDataAttributes {
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
640
|
+
/** Applied when in picture-in-picture mode. */
|
|
641
|
+
pip = "data-pip",
|
|
642
|
+
/** Applied when picture-in-picture is supported. */
|
|
643
|
+
supported = "data-supported"
|
|
628
644
|
}
|
|
629
|
-
|
|
645
|
+
//#endregion
|
|
646
|
+
//#region src/video-player/components/picture-in-picture-button/picture-in-picture-button.d.ts
|
|
630
647
|
interface PictureInPictureButtonProps extends WithPreventableBaseHandlers<React.ComponentPropsWithRef<'button'>> {
|
|
631
|
-
|
|
648
|
+
render?: RenderProp<PictureInPictureButtonRenderProps, PictureInPictureButtonState>;
|
|
632
649
|
}
|
|
633
650
|
interface PictureInPictureButtonRenderProps {
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
651
|
+
ref: React.Ref<HTMLButtonElement>;
|
|
652
|
+
type: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
|
|
653
|
+
'aria-label': string;
|
|
654
|
+
'aria-pressed': boolean;
|
|
655
|
+
disabled: boolean;
|
|
656
|
+
[PictureInPictureButtonDataAttributes.pip]?: boolean;
|
|
657
|
+
[PictureInPictureButtonDataAttributes.supported]?: boolean;
|
|
658
|
+
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
642
659
|
}
|
|
643
660
|
interface PictureInPictureButtonState {
|
|
644
|
-
|
|
645
|
-
|
|
661
|
+
pictureInPicture: boolean;
|
|
662
|
+
supported: boolean;
|
|
646
663
|
}
|
|
647
664
|
declare const PictureInPictureButton: React.ForwardRefExoticComponent<Omit<PictureInPictureButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
648
665
|
declare namespace PictureInPictureButton {
|
|
649
|
-
|
|
650
|
-
|
|
666
|
+
type Props = PictureInPictureButtonProps;
|
|
667
|
+
type State = PictureInPictureButtonState;
|
|
651
668
|
}
|
|
652
|
-
|
|
669
|
+
//#endregion
|
|
670
|
+
//#region src/video-player/components/play-button/play-button.data-attributes.d.ts
|
|
653
671
|
declare enum PlayButtonDataAttributes {
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
}
|
|
663
|
-
|
|
672
|
+
/** Applied when the video is playing. */
|
|
673
|
+
playing = "data-playing",
|
|
674
|
+
/** Applied when the video is paused. */
|
|
675
|
+
paused = "data-paused",
|
|
676
|
+
/** Applied when the video has ended. */
|
|
677
|
+
ended = "data-ended",
|
|
678
|
+
/** Applied when the video is buffering/waiting for data. */
|
|
679
|
+
waiting = "data-waiting"
|
|
680
|
+
}
|
|
681
|
+
//#endregion
|
|
682
|
+
//#region src/video-player/components/play-button/play-button.d.ts
|
|
664
683
|
interface PlayButtonProps extends Omit<WithPreventableBaseHandlers<React.ComponentPropsWithRef<'button'>>, 'children'> {
|
|
665
|
-
|
|
666
|
-
|
|
684
|
+
render?: RenderProp<PlayButtonRenderProps, PlayButtonState>;
|
|
685
|
+
children?: React.ReactNode;
|
|
667
686
|
}
|
|
668
687
|
interface PlayButtonRenderProps {
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
688
|
+
ref: React.Ref<HTMLButtonElement>;
|
|
689
|
+
type: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
|
|
690
|
+
'aria-label': string;
|
|
691
|
+
[PlayButtonDataAttributes.playing]?: boolean;
|
|
692
|
+
[PlayButtonDataAttributes.paused]?: boolean;
|
|
693
|
+
[PlayButtonDataAttributes.ended]?: boolean;
|
|
694
|
+
[PlayButtonDataAttributes.waiting]?: boolean;
|
|
695
|
+
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
677
696
|
}
|
|
678
697
|
interface PlayButtonState {
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
698
|
+
playing: boolean;
|
|
699
|
+
paused: boolean;
|
|
700
|
+
ended: boolean;
|
|
701
|
+
waiting: boolean;
|
|
683
702
|
}
|
|
684
703
|
declare const PlayButton: React.ForwardRefExoticComponent<Omit<PlayButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
685
704
|
declare namespace PlayButton {
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
705
|
+
type Props = PlayButtonProps;
|
|
706
|
+
type State = PlayButtonState;
|
|
707
|
+
type RenderProps = PlayButtonRenderProps;
|
|
689
708
|
}
|
|
690
|
-
|
|
709
|
+
//#endregion
|
|
710
|
+
//#region src/video-player/components/playback-rate-button/playback-rate-button.data-attributes.d.ts
|
|
691
711
|
declare enum PlaybackRateButtonDataAttributes {
|
|
692
|
-
|
|
693
|
-
|
|
712
|
+
/** The current playback rate value. */
|
|
713
|
+
rate = "data-rate"
|
|
694
714
|
}
|
|
695
|
-
|
|
715
|
+
//#endregion
|
|
716
|
+
//#region src/video-player/components/playback-rate-button/playback-rate-button.d.ts
|
|
696
717
|
interface PlaybackRateButtonProps extends WithPreventableBaseHandlers<React.ComponentPropsWithRef<'button'>> {
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
718
|
+
/**
|
|
719
|
+
* Available playback rates to cycle through.
|
|
720
|
+
* @default [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2]
|
|
721
|
+
*/
|
|
722
|
+
rates?: readonly number[];
|
|
723
|
+
render?: RenderProp<PlaybackRateButtonRenderProps, PlaybackRateButtonState>;
|
|
703
724
|
}
|
|
704
725
|
interface PlaybackRateButtonRenderProps {
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
726
|
+
ref: React.Ref<HTMLButtonElement>;
|
|
727
|
+
type: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
|
|
728
|
+
'aria-label': string;
|
|
729
|
+
[PlaybackRateButtonDataAttributes.rate]: number;
|
|
730
|
+
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
710
731
|
}
|
|
711
732
|
interface PlaybackRateButtonState {
|
|
712
|
-
|
|
713
|
-
|
|
733
|
+
playbackRate: number;
|
|
734
|
+
rates: readonly number[];
|
|
714
735
|
}
|
|
715
736
|
declare const PlaybackRateButton: React.ForwardRefExoticComponent<Omit<PlaybackRateButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
716
737
|
declare namespace PlaybackRateButton {
|
|
717
|
-
|
|
718
|
-
|
|
738
|
+
type Props = PlaybackRateButtonProps;
|
|
739
|
+
type State = PlaybackRateButtonState;
|
|
719
740
|
}
|
|
720
|
-
|
|
741
|
+
//#endregion
|
|
742
|
+
//#region src/video-player/components/playback-rate-menu/playback-rate-menu.data-attributes.d.ts
|
|
721
743
|
declare enum PlaybackRateMenuDataAttributes {
|
|
722
|
-
|
|
723
|
-
|
|
744
|
+
/** The current playback rate value. */
|
|
745
|
+
rate = "data-rate"
|
|
724
746
|
}
|
|
725
|
-
|
|
747
|
+
//#endregion
|
|
748
|
+
//#region src/video-player/components/playback-rate-menu/playback-rate-menu.d.ts
|
|
726
749
|
interface PlaybackRateMenuProps extends React.ComponentPropsWithRef<'div'> {
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
750
|
+
/**
|
|
751
|
+
* Available playback rates.
|
|
752
|
+
* @default [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2]
|
|
753
|
+
*/
|
|
754
|
+
rates?: readonly number[];
|
|
755
|
+
render?: RenderProp<PlaybackRateMenuRenderProps, PlaybackRateMenuState>;
|
|
733
756
|
}
|
|
734
757
|
interface PlaybackRateMenuRenderProps {
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
758
|
+
ref: React.Ref<HTMLDivElement>;
|
|
759
|
+
role: 'menu';
|
|
760
|
+
'aria-label': string;
|
|
761
|
+
[PlaybackRateMenuDataAttributes.rate]: number;
|
|
739
762
|
}
|
|
740
763
|
interface PlaybackRateMenuState {
|
|
741
|
-
|
|
742
|
-
|
|
764
|
+
playbackRate: number;
|
|
765
|
+
rates: readonly number[];
|
|
743
766
|
}
|
|
767
|
+
declare const PlaybackRateMenu: React.ForwardRefExoticComponent<Omit<PlaybackRateMenuProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
744
768
|
interface PlaybackRateMenuItemProps extends WithPreventableBaseHandlers<React.ComponentPropsWithRef<'button'>> {
|
|
745
|
-
|
|
769
|
+
rate: number;
|
|
746
770
|
}
|
|
747
771
|
declare const PlaybackRateMenuItem: React.ForwardRefExoticComponent<Omit<PlaybackRateMenuItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
748
|
-
declare const PlaybackRateMenu: React.ForwardRefExoticComponent<Omit<PlaybackRateMenuProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
749
772
|
declare namespace PlaybackRateMenu {
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
|
|
773
|
+
type Props = PlaybackRateMenuProps;
|
|
774
|
+
type State = PlaybackRateMenuState;
|
|
775
|
+
type ItemProps = PlaybackRateMenuItemProps;
|
|
753
776
|
}
|
|
754
|
-
|
|
777
|
+
//#endregion
|
|
778
|
+
//#region src/video-player/components/portal/portal.d.ts
|
|
755
779
|
interface PortalProps {
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
|
|
780
|
+
children: React.ReactNode;
|
|
781
|
+
/**
|
|
782
|
+
* Target container for the portal.
|
|
783
|
+
* @default document.body
|
|
784
|
+
*/
|
|
785
|
+
container?: Element | null;
|
|
762
786
|
}
|
|
763
787
|
declare function Portal(props: PortalProps): React.ReactPortal | null;
|
|
764
788
|
declare namespace Portal {
|
|
765
|
-
|
|
789
|
+
type Props = PortalProps;
|
|
766
790
|
}
|
|
767
|
-
|
|
791
|
+
//#endregion
|
|
792
|
+
//#region src/video-player/components/poster/poster.data-attributes.d.ts
|
|
768
793
|
declare enum PosterDataAttributes {
|
|
769
|
-
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
|
|
777
|
-
}
|
|
778
|
-
|
|
794
|
+
/** Applied while the poster image is loading. */
|
|
795
|
+
loading = "data-loading",
|
|
796
|
+
/** Applied when the poster image has loaded. */
|
|
797
|
+
loaded = "data-loaded",
|
|
798
|
+
/** Applied on the first frame when entering. Use for CSS enter animations. */
|
|
799
|
+
startingStyle = "data-starting-style",
|
|
800
|
+
/** Applied during exit animation. Use for CSS exit animations. */
|
|
801
|
+
endingStyle = "data-ending-style"
|
|
802
|
+
}
|
|
803
|
+
//#endregion
|
|
804
|
+
//#region src/video-player/components/poster/poster.d.ts
|
|
779
805
|
interface PosterProps extends Omit<React.ComponentPropsWithRef<'div'>, 'children'> {
|
|
780
|
-
|
|
781
|
-
|
|
782
|
-
|
|
783
|
-
|
|
784
|
-
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
|
|
806
|
+
/**
|
|
807
|
+
* Keep the element always mounted in the DOM, even when loaded.
|
|
808
|
+
* Only needed for JavaScript animation libraries (e.g., Framer Motion).
|
|
809
|
+
* CSS transitions and animations work automatically without this.
|
|
810
|
+
* @default false
|
|
811
|
+
*/
|
|
812
|
+
keepMounted?: boolean;
|
|
813
|
+
render?: RenderProp<PosterRenderProps, PosterState>;
|
|
814
|
+
children?: React.ReactNode;
|
|
789
815
|
}
|
|
790
816
|
interface PosterRenderProps {
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
817
|
+
ref: React.Ref<HTMLDivElement>;
|
|
818
|
+
'aria-hidden': true;
|
|
819
|
+
[PosterDataAttributes.loading]?: boolean;
|
|
820
|
+
[PosterDataAttributes.loaded]?: boolean;
|
|
821
|
+
[PosterDataAttributes.startingStyle]?: boolean;
|
|
822
|
+
[PosterDataAttributes.endingStyle]?: boolean;
|
|
797
823
|
}
|
|
798
824
|
interface PosterState {
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
|
|
825
|
+
loading: boolean;
|
|
826
|
+
loaded: boolean;
|
|
827
|
+
transitionStatus: 'starting' | 'ending' | undefined;
|
|
802
828
|
}
|
|
803
829
|
declare const Poster: React.ForwardRefExoticComponent<Omit<PosterProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
804
830
|
declare namespace Poster {
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
|
|
831
|
+
type Props = PosterProps;
|
|
832
|
+
type State = PosterState;
|
|
833
|
+
type RenderProps = PosterRenderProps;
|
|
808
834
|
}
|
|
809
|
-
|
|
835
|
+
//#endregion
|
|
836
|
+
//#region src/video-player/components/quality-menu/quality-menu.data-attributes.d.ts
|
|
810
837
|
declare enum QualityMenuDataAttributes {
|
|
811
|
-
|
|
812
|
-
|
|
838
|
+
/** The current quality label. */
|
|
839
|
+
quality = "data-quality"
|
|
813
840
|
}
|
|
814
|
-
|
|
841
|
+
//#endregion
|
|
842
|
+
//#region src/video-player/components/quality-menu/quality-menu.d.ts
|
|
815
843
|
interface QualityMenuProps extends React.ComponentPropsWithRef<'div'> {
|
|
816
|
-
|
|
844
|
+
render?: RenderProp<QualityMenuRenderProps, QualityMenuState>;
|
|
817
845
|
}
|
|
818
846
|
interface QualityMenuRenderProps {
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
847
|
+
ref: React.Ref<any>;
|
|
848
|
+
role: 'menu';
|
|
849
|
+
'aria-label': string;
|
|
850
|
+
[QualityMenuDataAttributes.quality]?: string;
|
|
823
851
|
}
|
|
824
852
|
interface QualityMenuState {
|
|
825
|
-
|
|
826
|
-
|
|
853
|
+
qualities: VideoQuality[];
|
|
854
|
+
activeQuality: VideoQuality | null;
|
|
827
855
|
}
|
|
856
|
+
declare const QualityMenu: React.ForwardRefExoticComponent<Omit<QualityMenuProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
828
857
|
interface QualityMenuItemProps extends WithPreventableBaseHandlers<React.ComponentPropsWithRef<'button'>> {
|
|
829
|
-
|
|
858
|
+
quality: VideoQuality;
|
|
830
859
|
}
|
|
831
860
|
declare const QualityMenuItem: React.ForwardRefExoticComponent<Omit<QualityMenuItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
832
|
-
declare const QualityMenu: React.ForwardRefExoticComponent<Omit<QualityMenuProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
833
861
|
declare namespace QualityMenu {
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
862
|
+
type Props = QualityMenuProps;
|
|
863
|
+
type State = QualityMenuState;
|
|
864
|
+
type ItemProps = QualityMenuItemProps;
|
|
837
865
|
}
|
|
838
|
-
|
|
866
|
+
//#endregion
|
|
867
|
+
//#region src/video-player/components/root/root.data-attributes.d.ts
|
|
839
868
|
declare enum RootDataAttributes {
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
|
|
858
|
-
}
|
|
859
|
-
|
|
869
|
+
/** Applied when the video is playing. */
|
|
870
|
+
playing = "data-playing",
|
|
871
|
+
/** Applied when the video is paused. */
|
|
872
|
+
paused = "data-paused",
|
|
873
|
+
/** Applied when the video has ended. */
|
|
874
|
+
ended = "data-ended",
|
|
875
|
+
/** Applied when the video is buffering/loading. */
|
|
876
|
+
waiting = "data-waiting",
|
|
877
|
+
/** Applied when the video is seeking to a new position. */
|
|
878
|
+
seeking = "data-seeking",
|
|
879
|
+
/** Applied when the player is in fullscreen mode. */
|
|
880
|
+
fullscreen = "data-fullscreen",
|
|
881
|
+
/** Applied when the video is in picture-in-picture mode. */
|
|
882
|
+
pip = "data-pip",
|
|
883
|
+
/** Applied when the audio is muted. */
|
|
884
|
+
muted = "data-muted",
|
|
885
|
+
/** Applied when the player is idle (no user interaction). */
|
|
886
|
+
idle = "data-idle"
|
|
887
|
+
}
|
|
888
|
+
//#endregion
|
|
889
|
+
//#region src/video-player/components/seek-slider/seek-slider.css-vars.d.ts
|
|
860
890
|
declare enum SeekSliderCssVars {
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
}
|
|
874
|
-
|
|
891
|
+
/** Current playback progress as a percentage (e.g., "45%"). */
|
|
892
|
+
progress = "--seek-progress",
|
|
893
|
+
/** Buffered progress as a percentage (e.g., "80%"). */
|
|
894
|
+
buffered = "--seek-buffered",
|
|
895
|
+
/** Current playback time in seconds. */
|
|
896
|
+
currentTime = "--seek-current-time",
|
|
897
|
+
/** Total video duration in seconds. */
|
|
898
|
+
duration = "--seek-duration",
|
|
899
|
+
/** Hover position as a percentage (e.g., "60%"). Only set when hovering. */
|
|
900
|
+
hoverProgress = "--seek-hover-progress",
|
|
901
|
+
/** Hover time in seconds. Only set when hovering. */
|
|
902
|
+
hoverTime = "--seek-hover-time"
|
|
903
|
+
}
|
|
904
|
+
//#endregion
|
|
905
|
+
//#region src/video-player/components/seek-slider/seek-slider.data-attributes.d.ts
|
|
875
906
|
declare enum SeekSliderDataAttributes {
|
|
876
|
-
|
|
877
|
-
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
|
|
883
|
-
|
|
884
|
-
}
|
|
885
|
-
|
|
907
|
+
/** Applied when the video is actively seeking. */
|
|
908
|
+
seeking = "data-seeking",
|
|
909
|
+
/** Applied when the pointer is hovering over the slider. */
|
|
910
|
+
hovering = "data-hovering",
|
|
911
|
+
/** Applied when the pointer is pressed down on the slider. */
|
|
912
|
+
pressing = "data-pressing",
|
|
913
|
+
/** Applied when the user is actively dragging the slider thumb. */
|
|
914
|
+
dragging = "data-dragging"
|
|
915
|
+
}
|
|
916
|
+
//#endregion
|
|
917
|
+
//#region src/video-player/components/seek-slider/seek-slider-preview-thumb.data-attributes.d.ts
|
|
886
918
|
declare enum SeekSliderPreviewThumbDataAttributes {
|
|
887
|
-
|
|
888
|
-
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
|
|
893
|
-
|
|
894
|
-
|
|
895
|
-
}
|
|
896
|
-
|
|
919
|
+
/** Applied when the preview thumb is visible (hovering over slider). */
|
|
920
|
+
open = "data-open",
|
|
921
|
+
/** Applied when the preview thumb is hidden (not hovering). */
|
|
922
|
+
closed = "data-closed",
|
|
923
|
+
/** Applied on the first frame when entering. Use for CSS enter animations. */
|
|
924
|
+
startingStyle = "data-starting-style",
|
|
925
|
+
/** Applied during exit animation. Use for CSS exit animations. */
|
|
926
|
+
endingStyle = "data-ending-style"
|
|
927
|
+
}
|
|
928
|
+
//#endregion
|
|
929
|
+
//#region src/video-player/components/seek-slider/seek-slider.d.ts
|
|
897
930
|
interface SeekSliderProps extends Omit<React.ComponentPropsWithRef<typeof Slider.Root>, 'value' | 'onValueChange' | 'min' | 'max' | 'children' | 'render'> {
|
|
898
|
-
|
|
899
|
-
|
|
931
|
+
render?: RenderProp<SeekSliderRenderProps, SeekSliderState>;
|
|
932
|
+
children?: React.ReactNode;
|
|
900
933
|
}
|
|
901
934
|
interface SeekSliderRenderProps {
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
935
|
+
[SeekSliderDataAttributes.seeking]?: boolean;
|
|
936
|
+
[SeekSliderDataAttributes.hovering]?: boolean;
|
|
937
|
+
[SeekSliderDataAttributes.pressing]?: boolean;
|
|
938
|
+
[SeekSliderDataAttributes.dragging]?: boolean;
|
|
939
|
+
style: React.CSSProperties;
|
|
907
940
|
}
|
|
908
941
|
interface SeekSliderState {
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
}
|
|
918
|
-
declare const
|
|
942
|
+
currentTime: number;
|
|
943
|
+
duration: number;
|
|
944
|
+
progress: number;
|
|
945
|
+
seeking: boolean;
|
|
946
|
+
pressing: boolean;
|
|
947
|
+
dragging: boolean;
|
|
948
|
+
hoverTime: number | null;
|
|
949
|
+
hoverProgress: number | null;
|
|
950
|
+
}
|
|
951
|
+
declare const SeekSlider: React.ForwardRefExoticComponent<Omit<SeekSliderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
952
|
+
declare const SeekSliderControl: React.ForwardRefExoticComponent<Omit<import("@base-ui/react/slider").SliderControlProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
919
953
|
interface SeekSliderTrackProps extends Omit<React.ComponentPropsWithRef<typeof Slider.Track>, 'render' | 'children'> {
|
|
920
|
-
|
|
921
|
-
|
|
954
|
+
render?: RenderProp<SeekSliderTrackRenderProps, SeekSliderTrackState>;
|
|
955
|
+
children?: React.ReactNode;
|
|
922
956
|
}
|
|
923
957
|
interface SeekSliderTrackRenderProps {
|
|
924
|
-
|
|
925
|
-
|
|
958
|
+
ref: React.Ref<any>;
|
|
959
|
+
style: React.CSSProperties;
|
|
926
960
|
}
|
|
927
961
|
type SeekSliderTrackState = Record<string, never>;
|
|
962
|
+
declare const SeekSliderTrack: React.ForwardRefExoticComponent<Omit<SeekSliderTrackProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
928
963
|
interface SeekSliderProgressProps extends Omit<React.ComponentPropsWithRef<typeof Slider.Indicator>, 'render' | 'children'> {
|
|
929
|
-
|
|
930
|
-
|
|
964
|
+
render?: RenderProp<SeekSliderProgressRenderProps, SeekSliderProgressState>;
|
|
965
|
+
children?: React.ReactNode;
|
|
931
966
|
}
|
|
932
967
|
interface SeekSliderProgressRenderProps {
|
|
933
|
-
|
|
934
|
-
|
|
968
|
+
ref: React.Ref<any>;
|
|
969
|
+
style: React.CSSProperties;
|
|
935
970
|
}
|
|
936
971
|
interface SeekSliderProgressState {
|
|
937
|
-
|
|
972
|
+
progress: number;
|
|
938
973
|
}
|
|
974
|
+
declare const SeekSliderProgress: React.ForwardRefExoticComponent<Omit<SeekSliderProgressProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
939
975
|
interface SeekSliderThumbProps extends Omit<React.ComponentPropsWithRef<typeof Slider.Thumb>, 'render' | 'children' | 'style'> {
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
|
|
976
|
+
render?: RenderProp<SeekSliderThumbRenderProps, SeekSliderThumbState>;
|
|
977
|
+
children?: React.ReactNode;
|
|
978
|
+
style?: React.CSSProperties;
|
|
943
979
|
}
|
|
944
980
|
interface SeekSliderThumbRenderProps {
|
|
945
|
-
|
|
946
|
-
|
|
981
|
+
ref: React.Ref<any>;
|
|
982
|
+
style: React.CSSProperties;
|
|
947
983
|
}
|
|
948
984
|
type SeekSliderThumbState = Record<string, never>;
|
|
985
|
+
declare const SeekSliderThumb: React.ForwardRefExoticComponent<Omit<SeekSliderThumbProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
949
986
|
interface SeekSliderBufferedProps extends Omit<React.ComponentPropsWithRef<'div'>, 'children'> {
|
|
950
|
-
|
|
951
|
-
|
|
987
|
+
render?: RenderProp<SeekSliderBufferedRenderProps, SeekSliderBufferedState>;
|
|
988
|
+
children?: React.ReactNode;
|
|
952
989
|
}
|
|
953
990
|
interface SeekSliderBufferedRenderProps {
|
|
954
|
-
|
|
955
|
-
|
|
991
|
+
ref: React.Ref<HTMLDivElement>;
|
|
992
|
+
style: React.CSSProperties;
|
|
956
993
|
}
|
|
957
994
|
interface SeekSliderBufferedState {
|
|
958
|
-
|
|
995
|
+
bufferedPercentage: number;
|
|
959
996
|
}
|
|
997
|
+
declare const SeekSliderBuffered: React.ForwardRefExoticComponent<Omit<SeekSliderBufferedProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
960
998
|
interface SeekSliderPreviewThumbProps extends Omit<React.ComponentPropsWithRef<'span'>, 'children'> {
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
999
|
+
keepMounted?: boolean;
|
|
1000
|
+
render?: RenderProp<SeekSliderPreviewThumbRenderProps, SeekSliderPreviewThumbState>;
|
|
1001
|
+
children?: React.ReactNode;
|
|
964
1002
|
}
|
|
965
1003
|
interface SeekSliderPreviewThumbRenderProps {
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
|
|
1004
|
+
ref: React.Ref<any>;
|
|
1005
|
+
style: React.CSSProperties;
|
|
1006
|
+
[SeekSliderPreviewThumbDataAttributes.open]?: boolean;
|
|
1007
|
+
[SeekSliderPreviewThumbDataAttributes.closed]?: boolean;
|
|
1008
|
+
[SeekSliderPreviewThumbDataAttributes.startingStyle]?: boolean;
|
|
1009
|
+
[SeekSliderPreviewThumbDataAttributes.endingStyle]?: boolean;
|
|
972
1010
|
}
|
|
973
1011
|
interface SeekSliderPreviewThumbState {
|
|
974
|
-
|
|
975
|
-
|
|
976
|
-
|
|
1012
|
+
open: boolean;
|
|
1013
|
+
transitionStatus: 'starting' | 'ending' | undefined;
|
|
1014
|
+
hoverProgress: number;
|
|
977
1015
|
}
|
|
1016
|
+
declare const SeekSliderPreviewThumb: React.ForwardRefExoticComponent<Omit<SeekSliderPreviewThumbProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
978
1017
|
interface SeekSliderHoverProps extends Omit<React.ComponentPropsWithRef<'div'>, 'children'> {
|
|
979
|
-
|
|
980
|
-
|
|
1018
|
+
render?: RenderProp<SeekSliderHoverRenderProps, SeekSliderHoverState>;
|
|
1019
|
+
children?: React.ReactNode;
|
|
981
1020
|
}
|
|
982
1021
|
interface SeekSliderHoverRenderProps {
|
|
983
|
-
|
|
984
|
-
|
|
985
|
-
|
|
1022
|
+
ref: React.Ref<HTMLDivElement>;
|
|
1023
|
+
style: React.CSSProperties;
|
|
1024
|
+
'data-hovering'?: boolean;
|
|
986
1025
|
}
|
|
987
1026
|
interface SeekSliderHoverState {
|
|
988
|
-
|
|
989
|
-
|
|
990
|
-
|
|
1027
|
+
hovering: boolean;
|
|
1028
|
+
hoverProgress: number | null;
|
|
1029
|
+
hoverTime: number | null;
|
|
991
1030
|
}
|
|
1031
|
+
declare const SeekSliderHover: React.ForwardRefExoticComponent<Omit<SeekSliderHoverProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
992
1032
|
interface SeekSliderPreviewTooltipPortalProps {
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
1033
|
+
children: React.ReactNode;
|
|
1034
|
+
/** Portal container. Defaults to the VideoPlayer root element. */
|
|
1035
|
+
container?: Element | null;
|
|
996
1036
|
}
|
|
997
|
-
declare function SeekSliderPreviewTooltipPortal({ children, container
|
|
1037
|
+
declare function SeekSliderPreviewTooltipPortal({ children, container }: SeekSliderPreviewTooltipPortalProps): React.ReactPortal | null;
|
|
998
1038
|
interface SeekSliderPreviewTooltipPositionerProps extends React.ComponentPropsWithRef<'div'> {
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1007
|
-
|
|
1039
|
+
/** Offset from the anchor (thumb) in pixels (default: 8) */
|
|
1040
|
+
sideOffset?: number;
|
|
1041
|
+
/** Padding from collision boundary edges (default: 0) */
|
|
1042
|
+
collisionPadding?: Padding;
|
|
1043
|
+
/** Custom collision boundary element(s) */
|
|
1044
|
+
collisionBoundary?: Element | Element[];
|
|
1045
|
+
/** Keep mounted in DOM even when closed (default: false) */
|
|
1046
|
+
keepMounted?: boolean;
|
|
1047
|
+
children?: React.ReactNode;
|
|
1008
1048
|
}
|
|
1009
1049
|
declare const SeekSliderPreviewTooltipPositioner: React.ForwardRefExoticComponent<Omit<SeekSliderPreviewTooltipPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1010
1050
|
interface SeekSliderPreviewTooltipPopupProps extends React.ComponentPropsWithRef<'div'> {
|
|
1011
|
-
|
|
1051
|
+
children?: React.ReactNode;
|
|
1012
1052
|
}
|
|
1013
1053
|
declare const SeekSliderPreviewTooltipPopup: React.ForwardRefExoticComponent<Omit<SeekSliderPreviewTooltipPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1014
1054
|
interface SeekSliderPreviewTooltipProps extends Omit<SeekSliderPreviewTooltipPopupProps, 'ref'> {
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
1019
|
-
|
|
1020
|
-
|
|
1021
|
-
|
|
1022
|
-
|
|
1023
|
-
|
|
1024
|
-
|
|
1055
|
+
/** Offset from the anchor (thumb) in pixels (default: 8) */
|
|
1056
|
+
sideOffset?: number;
|
|
1057
|
+
/** Padding from collision boundary edges (default: 0) */
|
|
1058
|
+
collisionPadding?: Padding;
|
|
1059
|
+
/** Custom collision boundary element(s) */
|
|
1060
|
+
collisionBoundary?: Element | Element[];
|
|
1061
|
+
/** Keep mounted in DOM even when closed (default: false) */
|
|
1062
|
+
keepMounted?: boolean;
|
|
1063
|
+
/** Portal container element */
|
|
1064
|
+
container?: Element | null;
|
|
1065
|
+
}
|
|
1066
|
+
declare function SeekSliderPreviewTooltip({ sideOffset, collisionPadding, collisionBoundary, keepMounted, container, children, ...popupProps }: SeekSliderPreviewTooltipProps): React.JSX.Element;
|
|
1067
|
+
declare namespace SeekSliderPreviewTooltip {
|
|
1068
|
+
export { SeekSliderPreviewTooltipPortal as Portal };
|
|
1069
|
+
export { SeekSliderPreviewTooltipPositioner as Positioner };
|
|
1070
|
+
export { SeekSliderPreviewTooltipPopup as Popup };
|
|
1025
1071
|
}
|
|
1026
|
-
declare const SeekSlider: React.ForwardRefExoticComponent<Omit<SeekSliderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1027
1072
|
declare namespace SeekSlider {
|
|
1028
|
-
|
|
1029
|
-
|
|
1030
|
-
|
|
1073
|
+
type Props = SeekSliderProps;
|
|
1074
|
+
type State = SeekSliderState;
|
|
1075
|
+
type RenderProps = SeekSliderRenderProps;
|
|
1031
1076
|
}
|
|
1032
|
-
declare const SeekSliderTrack: React.ForwardRefExoticComponent<Omit<SeekSliderTrackProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1033
1077
|
declare namespace SeekSliderTrack {
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
|
|
1078
|
+
type Props = SeekSliderTrackProps;
|
|
1079
|
+
type State = SeekSliderTrackState;
|
|
1080
|
+
type RenderProps = SeekSliderTrackRenderProps;
|
|
1037
1081
|
}
|
|
1038
|
-
declare const SeekSliderProgress: React.ForwardRefExoticComponent<Omit<SeekSliderProgressProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1039
1082
|
declare namespace SeekSliderProgress {
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1083
|
+
type Props = SeekSliderProgressProps;
|
|
1084
|
+
type State = SeekSliderProgressState;
|
|
1085
|
+
type RenderProps = SeekSliderProgressRenderProps;
|
|
1043
1086
|
}
|
|
1044
|
-
declare const SeekSliderThumb: React.ForwardRefExoticComponent<Omit<SeekSliderThumbProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1045
1087
|
declare namespace SeekSliderThumb {
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1088
|
+
type Props = SeekSliderThumbProps;
|
|
1089
|
+
type State = SeekSliderThumbState;
|
|
1090
|
+
type RenderProps = SeekSliderThumbRenderProps;
|
|
1049
1091
|
}
|
|
1050
|
-
declare const SeekSliderBuffered: React.ForwardRefExoticComponent<Omit<SeekSliderBufferedProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1051
1092
|
declare namespace SeekSliderBuffered {
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1093
|
+
type Props = SeekSliderBufferedProps;
|
|
1094
|
+
type State = SeekSliderBufferedState;
|
|
1095
|
+
type RenderProps = SeekSliderBufferedRenderProps;
|
|
1055
1096
|
}
|
|
1056
|
-
declare const SeekSliderPreviewThumb: React.ForwardRefExoticComponent<Omit<SeekSliderPreviewThumbProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
1057
1097
|
declare namespace SeekSliderPreviewThumb {
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1098
|
+
type Props = SeekSliderPreviewThumbProps;
|
|
1099
|
+
type State = SeekSliderPreviewThumbState;
|
|
1100
|
+
type RenderProps = SeekSliderPreviewThumbRenderProps;
|
|
1061
1101
|
}
|
|
1062
|
-
declare const SeekSliderHover: React.ForwardRefExoticComponent<Omit<SeekSliderHoverProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1063
1102
|
declare namespace SeekSliderHover {
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1103
|
+
type Props = SeekSliderHoverProps;
|
|
1104
|
+
type State = SeekSliderHoverState;
|
|
1105
|
+
type RenderProps = SeekSliderHoverRenderProps;
|
|
1067
1106
|
}
|
|
1068
|
-
declare function SeekSliderPreviewTooltip({ sideOffset, collisionPadding, collisionBoundary, keepMounted, container, children, ...popupProps }: SeekSliderPreviewTooltipProps): react_jsx_runtime.JSX.Element;
|
|
1069
1107
|
declare namespace SeekSliderPreviewTooltip {
|
|
1070
|
-
|
|
1071
|
-
|
|
1072
|
-
|
|
1108
|
+
type Props = SeekSliderPreviewTooltipProps;
|
|
1109
|
+
type PortalProps = SeekSliderPreviewTooltipPortalProps;
|
|
1110
|
+
type PositionerProps = SeekSliderPreviewTooltipPositionerProps;
|
|
1111
|
+
type PopupProps = SeekSliderPreviewTooltipPopupProps;
|
|
1073
1112
|
}
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
type PortalProps = SeekSliderPreviewTooltipPortalProps;
|
|
1077
|
-
type PositionerProps = SeekSliderPreviewTooltipPositionerProps;
|
|
1078
|
-
type PopupProps = SeekSliderPreviewTooltipPopupProps;
|
|
1079
|
-
}
|
|
1080
|
-
|
|
1113
|
+
//#endregion
|
|
1114
|
+
//#region src/video-player/components/thumbnail/thumbnail.data-attributes.d.ts
|
|
1081
1115
|
declare enum ThumbnailDataAttributes {
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
|
|
1116
|
+
loading = "data-loading",
|
|
1117
|
+
ready = "data-ready",
|
|
1118
|
+
error = "data-error"
|
|
1085
1119
|
}
|
|
1086
|
-
|
|
1120
|
+
//#endregion
|
|
1121
|
+
//#region src/video-player/components/thumbnail/thumbnail.d.ts
|
|
1087
1122
|
interface ThumbnailProps extends Omit<React.ComponentPropsWithRef<'canvas'>, 'children'> {
|
|
1088
|
-
|
|
1089
|
-
|
|
1090
|
-
|
|
1091
|
-
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
1096
|
-
|
|
1097
|
-
|
|
1098
|
-
|
|
1099
|
-
|
|
1100
|
-
|
|
1101
|
-
|
|
1102
|
-
|
|
1103
|
-
|
|
1123
|
+
/**
|
|
1124
|
+
* The time in seconds to capture the thumbnail from.
|
|
1125
|
+
* If not provided, uses the current hoverTime from context.
|
|
1126
|
+
*/
|
|
1127
|
+
time?: number | null;
|
|
1128
|
+
/**
|
|
1129
|
+
* Crossorigin attribute for the hidden video element.
|
|
1130
|
+
* Should match the main video's crossOrigin attribute.
|
|
1131
|
+
* @default 'anonymous'
|
|
1132
|
+
*/
|
|
1133
|
+
crossOrigin?: '' | 'anonymous' | 'use-credentials';
|
|
1134
|
+
/**
|
|
1135
|
+
* Render prop for custom rendering.
|
|
1136
|
+
*/
|
|
1137
|
+
render?: RenderProp<ThumbnailRenderProps, ThumbnailState>;
|
|
1138
|
+
children?: React.ReactNode;
|
|
1104
1139
|
}
|
|
1105
1140
|
interface ThumbnailRenderProps {
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
|
|
1110
|
-
|
|
1111
|
-
|
|
1141
|
+
ref: React.Ref<HTMLCanvasElement>;
|
|
1142
|
+
width: number;
|
|
1143
|
+
height: number;
|
|
1144
|
+
[ThumbnailDataAttributes.loading]?: boolean;
|
|
1145
|
+
[ThumbnailDataAttributes.ready]?: boolean;
|
|
1146
|
+
[ThumbnailDataAttributes.error]?: boolean;
|
|
1112
1147
|
}
|
|
1113
1148
|
interface ThumbnailState {
|
|
1114
|
-
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
|
|
1121
|
-
|
|
1149
|
+
loading: boolean;
|
|
1150
|
+
ready: boolean;
|
|
1151
|
+
error: boolean;
|
|
1152
|
+
time: number | null;
|
|
1153
|
+
/** Natural width of the video */
|
|
1154
|
+
videoWidth: number;
|
|
1155
|
+
/** Natural height of the video */
|
|
1156
|
+
videoHeight: number;
|
|
1122
1157
|
}
|
|
1123
1158
|
declare const Thumbnail: React.ForwardRefExoticComponent<Omit<ThumbnailProps, "ref"> & React.RefAttributes<HTMLCanvasElement>>;
|
|
1124
1159
|
declare namespace Thumbnail {
|
|
1125
|
-
|
|
1126
|
-
|
|
1127
|
-
|
|
1160
|
+
type Props = ThumbnailProps;
|
|
1161
|
+
type State = ThumbnailState;
|
|
1162
|
+
type RenderProps = ThumbnailRenderProps;
|
|
1128
1163
|
}
|
|
1129
|
-
|
|
1164
|
+
//#endregion
|
|
1165
|
+
//#region src/video-player/components/time-display/time-display.data-attributes.d.ts
|
|
1130
1166
|
declare enum TimeDisplayDataAttributes {
|
|
1131
|
-
|
|
1132
|
-
|
|
1167
|
+
/** Applied when the seek slider is being hovered and hover time is available. */
|
|
1168
|
+
hovering = "data-hovering"
|
|
1133
1169
|
}
|
|
1134
|
-
|
|
1170
|
+
//#endregion
|
|
1171
|
+
//#region src/video-player/components/time-display/time-display.d.ts
|
|
1135
1172
|
type TimeDisplayFormat = 'current' | 'duration' | 'remaining' | 'current / duration' | 'current / remaining' | 'hover';
|
|
1136
1173
|
interface TimeDisplayProps extends React.ComponentPropsWithRef<'span'> {
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
|
|
1145
|
-
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
|
|
1149
|
-
|
|
1174
|
+
format?: TimeDisplayFormat;
|
|
1175
|
+
/**
|
|
1176
|
+
* When true, reserves space for the maximum possible width based on
|
|
1177
|
+
* the duration format, preventing layout shift during playback/seeking.
|
|
1178
|
+
* @default true
|
|
1179
|
+
*/
|
|
1180
|
+
fixedWidth?: boolean;
|
|
1181
|
+
/**
|
|
1182
|
+
* Alignment of the text within the reserved space when fixedWidth is true.
|
|
1183
|
+
* @default 'left'
|
|
1184
|
+
*/
|
|
1185
|
+
align?: 'left' | 'center' | 'right';
|
|
1186
|
+
render?: RenderProp<TimeDisplayRenderProps, TimeDisplayState>;
|
|
1150
1187
|
}
|
|
1151
1188
|
interface TimeDisplayRenderProps {
|
|
1152
|
-
|
|
1153
|
-
|
|
1154
|
-
|
|
1189
|
+
ref: React.Ref<HTMLElement>;
|
|
1190
|
+
style: React.CSSProperties;
|
|
1191
|
+
[TimeDisplayDataAttributes.hovering]?: boolean;
|
|
1155
1192
|
}
|
|
1156
1193
|
interface TimeDisplayState {
|
|
1157
|
-
|
|
1158
|
-
|
|
1159
|
-
|
|
1160
|
-
|
|
1161
|
-
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
|
|
1165
|
-
|
|
1194
|
+
currentTime: number;
|
|
1195
|
+
duration: number;
|
|
1196
|
+
remaining: number;
|
|
1197
|
+
hoverTime: number | null;
|
|
1198
|
+
hovering: boolean;
|
|
1199
|
+
formattedCurrent: string;
|
|
1200
|
+
formattedDuration: string;
|
|
1201
|
+
formattedRemaining: string;
|
|
1202
|
+
formattedHover: string | null;
|
|
1166
1203
|
}
|
|
1167
1204
|
declare const TimeDisplay: React.ForwardRefExoticComponent<Omit<TimeDisplayProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
1168
1205
|
declare namespace TimeDisplay {
|
|
1169
|
-
|
|
1170
|
-
|
|
1171
|
-
|
|
1206
|
+
type Props = TimeDisplayProps;
|
|
1207
|
+
type State = TimeDisplayState;
|
|
1208
|
+
type Format = TimeDisplayFormat;
|
|
1172
1209
|
}
|
|
1173
|
-
|
|
1210
|
+
//#endregion
|
|
1211
|
+
//#region src/video-player/components/track/track.d.ts
|
|
1174
1212
|
interface TrackProps extends Omit<React.ComponentPropsWithRef<'track'>, 'kind'> {
|
|
1175
|
-
|
|
1176
|
-
|
|
1177
|
-
|
|
1178
|
-
|
|
1179
|
-
|
|
1180
|
-
|
|
1181
|
-
|
|
1182
|
-
|
|
1183
|
-
|
|
1184
|
-
|
|
1213
|
+
/** Track kind (defaults to 'captions') */
|
|
1214
|
+
kind?: TextTrackKind;
|
|
1215
|
+
/** Source URL for the track file (.vtt) */
|
|
1216
|
+
src: string;
|
|
1217
|
+
/** Human-readable label displayed in caption menus */
|
|
1218
|
+
label: string;
|
|
1219
|
+
/** Language code (e.g., 'en', 'es', 'fr') */
|
|
1220
|
+
srcLang: string;
|
|
1221
|
+
/** Set as the default track (auto-enabled) */
|
|
1222
|
+
default?: boolean;
|
|
1185
1223
|
}
|
|
1186
1224
|
/**
|
|
1187
1225
|
* Wraps native <track> element and registers with VideoPlayer context.
|
|
@@ -1199,193 +1237,119 @@ interface TrackProps extends Omit<React.ComponentPropsWithRef<'track'>, 'kind'>
|
|
|
1199
1237
|
*/
|
|
1200
1238
|
declare const Track: React.ForwardRefExoticComponent<Omit<TrackProps, "ref"> & React.RefAttributes<HTMLTrackElement>>;
|
|
1201
1239
|
declare namespace Track {
|
|
1202
|
-
|
|
1240
|
+
type Props = TrackProps;
|
|
1203
1241
|
}
|
|
1204
|
-
|
|
1242
|
+
//#endregion
|
|
1243
|
+
//#region src/video-player/components/video/video.d.ts
|
|
1205
1244
|
interface VideoProps extends Omit<WithPreventableBaseHandlers<React.ComponentPropsWithRef<'video'>>, 'onTimeUpdate' | 'onDurationChange' | 'onProgress' | 'onPlay' | 'onPause' | 'onEnded' | 'onWaiting' | 'onCanPlay' | 'onSeeking' | 'onSeeked' | 'onVolumeChange' | 'onLoadedMetadata'> {
|
|
1206
|
-
|
|
1207
|
-
|
|
1208
|
-
|
|
1209
|
-
|
|
1210
|
-
|
|
1245
|
+
/**
|
|
1246
|
+
* Toggle play/pause when clicking on the video.
|
|
1247
|
+
* @default true
|
|
1248
|
+
*/
|
|
1249
|
+
toggleOnClick?: boolean;
|
|
1211
1250
|
}
|
|
1212
1251
|
interface VideoState {
|
|
1213
|
-
|
|
1214
|
-
|
|
1215
|
-
|
|
1216
|
-
|
|
1217
|
-
|
|
1252
|
+
playing: boolean;
|
|
1253
|
+
paused: boolean;
|
|
1254
|
+
ended: boolean;
|
|
1255
|
+
waiting: boolean;
|
|
1256
|
+
seeking: boolean;
|
|
1218
1257
|
}
|
|
1219
1258
|
declare const Video: React.ForwardRefExoticComponent<Omit<VideoProps, "ref"> & React.RefAttributes<HTMLVideoElement>>;
|
|
1220
1259
|
declare namespace Video {
|
|
1221
|
-
|
|
1222
|
-
|
|
1260
|
+
type Props = VideoProps;
|
|
1261
|
+
type State = VideoState;
|
|
1223
1262
|
}
|
|
1224
|
-
|
|
1263
|
+
//#endregion
|
|
1264
|
+
//#region src/video-player/components/volume-slider/volume-slider.css-vars.d.ts
|
|
1225
1265
|
declare enum VolumeSliderCssVars {
|
|
1226
|
-
|
|
1227
|
-
|
|
1228
|
-
|
|
1229
|
-
|
|
1266
|
+
/** Raw volume value (0-1). */
|
|
1267
|
+
volume = "--volume",
|
|
1268
|
+
/** Volume as a percentage (e.g., "75%"). */
|
|
1269
|
+
volumePercentage = "--volume-percentage"
|
|
1230
1270
|
}
|
|
1231
|
-
|
|
1271
|
+
//#endregion
|
|
1272
|
+
//#region src/video-player/components/volume-slider/volume-slider.data-attributes.d.ts
|
|
1232
1273
|
declare enum VolumeSliderDataAttributes {
|
|
1233
|
-
|
|
1234
|
-
|
|
1235
|
-
|
|
1236
|
-
|
|
1237
|
-
|
|
1238
|
-
|
|
1239
|
-
|
|
1240
|
-
|
|
1241
|
-
}
|
|
1242
|
-
|
|
1274
|
+
/** Applied when the audio is muted. */
|
|
1275
|
+
muted = "data-muted",
|
|
1276
|
+
/** The current volume level (0-1). */
|
|
1277
|
+
volume = "data-volume",
|
|
1278
|
+
/** Applied when the slider is being pressed. */
|
|
1279
|
+
pressing = "data-pressing",
|
|
1280
|
+
/** Applied when the slider is being dragged after pressing. */
|
|
1281
|
+
dragging = "data-dragging"
|
|
1282
|
+
}
|
|
1283
|
+
//#endregion
|
|
1284
|
+
//#region src/video-player/components/volume-slider/volume-slider.d.ts
|
|
1243
1285
|
interface VolumeSliderProps extends Omit<React.ComponentPropsWithRef<typeof Slider.Root>, 'value' | 'onValueChange' | 'min' | 'max' | 'step' | 'render'> {
|
|
1244
|
-
|
|
1286
|
+
render?: RenderProp<VolumeSliderRenderProps, VolumeSliderState>;
|
|
1245
1287
|
}
|
|
1246
1288
|
interface VolumeSliderRenderProps {
|
|
1247
|
-
|
|
1248
|
-
|
|
1249
|
-
|
|
1250
|
-
|
|
1251
|
-
|
|
1289
|
+
[VolumeSliderDataAttributes.muted]?: boolean;
|
|
1290
|
+
[VolumeSliderDataAttributes.volume]: number;
|
|
1291
|
+
[VolumeSliderDataAttributes.pressing]?: boolean;
|
|
1292
|
+
[VolumeSliderDataAttributes.dragging]?: boolean;
|
|
1293
|
+
style: React.CSSProperties;
|
|
1252
1294
|
}
|
|
1253
1295
|
interface VolumeSliderState {
|
|
1254
|
-
|
|
1255
|
-
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
|
|
1259
|
-
}
|
|
1260
|
-
declare const VolumeSliderControl: React.ForwardRefExoticComponent<Omit<_base_ui_react_slider.SliderControlProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1261
|
-
interface VolumeSliderTrackProps extends React.ComponentPropsWithRef<typeof Slider.Track> {
|
|
1296
|
+
volume: number;
|
|
1297
|
+
muted: boolean;
|
|
1298
|
+
percentage: number;
|
|
1299
|
+
pressing: boolean;
|
|
1300
|
+
dragging: boolean;
|
|
1262
1301
|
}
|
|
1302
|
+
declare const VolumeSlider: React.ForwardRefExoticComponent<Omit<VolumeSliderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1303
|
+
declare const VolumeSliderControl: React.ForwardRefExoticComponent<Omit<import("@base-ui/react/slider").SliderControlProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1304
|
+
interface VolumeSliderTrackProps extends React.ComponentPropsWithRef<typeof Slider.Track> {}
|
|
1263
1305
|
declare const VolumeSliderTrack: React.ForwardRefExoticComponent<Omit<VolumeSliderTrackProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1264
|
-
interface VolumeSliderRangeProps extends React.ComponentPropsWithRef<typeof Slider.Indicator> {
|
|
1265
|
-
}
|
|
1306
|
+
interface VolumeSliderRangeProps extends React.ComponentPropsWithRef<typeof Slider.Indicator> {}
|
|
1266
1307
|
declare const VolumeSliderRange: React.ForwardRefExoticComponent<Omit<VolumeSliderRangeProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1267
|
-
interface VolumeSliderThumbProps extends React.ComponentPropsWithRef<typeof Slider.Thumb> {
|
|
1268
|
-
}
|
|
1308
|
+
interface VolumeSliderThumbProps extends React.ComponentPropsWithRef<typeof Slider.Thumb> {}
|
|
1269
1309
|
declare const VolumeSliderThumb: React.ForwardRefExoticComponent<Omit<VolumeSliderThumbProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1270
|
-
declare const VolumeSlider: React.ForwardRefExoticComponent<Omit<VolumeSliderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1271
1310
|
declare namespace VolumeSlider {
|
|
1272
|
-
|
|
1273
|
-
|
|
1311
|
+
type Props = VolumeSliderProps;
|
|
1312
|
+
type State = VolumeSliderState;
|
|
1274
1313
|
}
|
|
1275
|
-
|
|
1314
|
+
//#endregion
|
|
1315
|
+
//#region src/video-player/hooks/use-transition-status.d.ts
|
|
1276
1316
|
type TransitionStatus = 'starting' | 'ending' | undefined;
|
|
1277
1317
|
interface UseTransitionStatusOptions {
|
|
1278
|
-
|
|
1279
|
-
|
|
1280
|
-
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
|
|
1284
|
-
|
|
1285
|
-
|
|
1286
|
-
|
|
1287
|
-
|
|
1288
|
-
|
|
1318
|
+
/**
|
|
1319
|
+
* Whether the element should be visible/open.
|
|
1320
|
+
*/
|
|
1321
|
+
open: boolean;
|
|
1322
|
+
/**
|
|
1323
|
+
* Keep the element always mounted in the DOM, even when closed.
|
|
1324
|
+
* Only needed for JavaScript animation libraries (e.g., Framer Motion).
|
|
1325
|
+
* CSS transitions and animations work automatically without this.
|
|
1326
|
+
* @default false
|
|
1327
|
+
*/
|
|
1328
|
+
keepMounted?: boolean;
|
|
1289
1329
|
}
|
|
1290
1330
|
interface UseTransitionStatusReturn {
|
|
1291
|
-
|
|
1292
|
-
|
|
1293
|
-
|
|
1294
|
-
|
|
1295
|
-
|
|
1296
|
-
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
|
|
1302
|
-
|
|
1303
|
-
|
|
1304
|
-
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1331
|
+
/**
|
|
1332
|
+
* Whether the element should be rendered in the DOM.
|
|
1333
|
+
* Stays true during exit animations.
|
|
1334
|
+
*/
|
|
1335
|
+
mounted: boolean;
|
|
1336
|
+
/**
|
|
1337
|
+
* Current transition status:
|
|
1338
|
+
* - 'starting': First frame of enter animation
|
|
1339
|
+
* - 'ending': Exit animation in progress
|
|
1340
|
+
* - undefined: Idle state
|
|
1341
|
+
*/
|
|
1342
|
+
transitionStatus: TransitionStatus;
|
|
1343
|
+
/**
|
|
1344
|
+
* Ref to attach to the animated element.
|
|
1345
|
+
* Used to detect when CSS animations/transitions complete.
|
|
1346
|
+
*/
|
|
1347
|
+
elementRef: React.RefObject<HTMLElement | null>;
|
|
1308
1348
|
}
|
|
1309
1349
|
declare function useTransitionStatus(options: UseTransitionStatusOptions): UseTransitionStatusReturn;
|
|
1310
|
-
|
|
1311
|
-
|
|
1312
|
-
|
|
1313
|
-
|
|
1314
|
-
type
|
|
1315
|
-
|
|
1316
|
-
declare const index_parts_CaptionsMenu: typeof CaptionsMenu;
|
|
1317
|
-
declare const index_parts_CaptionsMenuItem: typeof CaptionsMenuItem;
|
|
1318
|
-
declare const index_parts_Controls: typeof Controls;
|
|
1319
|
-
type index_parts_ControlsDataAttributes = ControlsDataAttributes;
|
|
1320
|
-
declare const index_parts_ControlsDataAttributes: typeof ControlsDataAttributes;
|
|
1321
|
-
declare const index_parts_FullscreenButton: typeof FullscreenButton;
|
|
1322
|
-
declare const index_parts_MuteButton: typeof MuteButton;
|
|
1323
|
-
declare const index_parts_Overlay: typeof Overlay;
|
|
1324
|
-
type index_parts_OverlayDataAttributes = OverlayDataAttributes;
|
|
1325
|
-
declare const index_parts_OverlayDataAttributes: typeof OverlayDataAttributes;
|
|
1326
|
-
declare const index_parts_PictureInPictureButton: typeof PictureInPictureButton;
|
|
1327
|
-
declare const index_parts_PlayButton: typeof PlayButton;
|
|
1328
|
-
type index_parts_PlaybackIntent = PlaybackIntent;
|
|
1329
|
-
declare const index_parts_PlaybackRateButton: typeof PlaybackRateButton;
|
|
1330
|
-
declare const index_parts_PlaybackRateMenu: typeof PlaybackRateMenu;
|
|
1331
|
-
declare const index_parts_PlaybackRateMenuItem: typeof PlaybackRateMenuItem;
|
|
1332
|
-
type index_parts_PlaybackStatus = PlaybackStatus;
|
|
1333
|
-
declare const index_parts_Portal: typeof Portal;
|
|
1334
|
-
declare const index_parts_Poster: typeof Poster;
|
|
1335
|
-
declare const index_parts_QualityMenu: typeof QualityMenu;
|
|
1336
|
-
declare const index_parts_QualityMenuItem: typeof QualityMenuItem;
|
|
1337
|
-
type index_parts_RenderProp<Props = Record<string, unknown>, State = Record<string, unknown>> = RenderProp<Props, State>;
|
|
1338
|
-
type index_parts_RootDataAttributes = RootDataAttributes;
|
|
1339
|
-
declare const index_parts_RootDataAttributes: typeof RootDataAttributes;
|
|
1340
|
-
declare const index_parts_SeekSlider: typeof SeekSlider;
|
|
1341
|
-
declare const index_parts_SeekSliderBuffered: typeof SeekSliderBuffered;
|
|
1342
|
-
declare const index_parts_SeekSliderControl: typeof SeekSliderControl;
|
|
1343
|
-
type index_parts_SeekSliderCssVars = SeekSliderCssVars;
|
|
1344
|
-
declare const index_parts_SeekSliderCssVars: typeof SeekSliderCssVars;
|
|
1345
|
-
type index_parts_SeekSliderDataAttributes = SeekSliderDataAttributes;
|
|
1346
|
-
declare const index_parts_SeekSliderDataAttributes: typeof SeekSliderDataAttributes;
|
|
1347
|
-
declare const index_parts_SeekSliderHover: typeof SeekSliderHover;
|
|
1348
|
-
declare const index_parts_SeekSliderPreviewThumb: typeof SeekSliderPreviewThumb;
|
|
1349
|
-
type index_parts_SeekSliderPreviewThumbDataAttributes = SeekSliderPreviewThumbDataAttributes;
|
|
1350
|
-
declare const index_parts_SeekSliderPreviewThumbDataAttributes: typeof SeekSliderPreviewThumbDataAttributes;
|
|
1351
|
-
declare const index_parts_SeekSliderPreviewTooltip: typeof SeekSliderPreviewTooltip;
|
|
1352
|
-
declare const index_parts_SeekSliderPreviewTooltipPopup: typeof SeekSliderPreviewTooltipPopup;
|
|
1353
|
-
declare const index_parts_SeekSliderPreviewTooltipPortal: typeof SeekSliderPreviewTooltipPortal;
|
|
1354
|
-
declare const index_parts_SeekSliderPreviewTooltipPositioner: typeof SeekSliderPreviewTooltipPositioner;
|
|
1355
|
-
declare const index_parts_SeekSliderProgress: typeof SeekSliderProgress;
|
|
1356
|
-
declare const index_parts_SeekSliderThumb: typeof SeekSliderThumb;
|
|
1357
|
-
declare const index_parts_SeekSliderTrack: typeof SeekSliderTrack;
|
|
1358
|
-
declare const index_parts_Thumbnail: typeof Thumbnail;
|
|
1359
|
-
type index_parts_ThumbnailDataAttributes = ThumbnailDataAttributes;
|
|
1360
|
-
declare const index_parts_ThumbnailDataAttributes: typeof ThumbnailDataAttributes;
|
|
1361
|
-
declare const index_parts_TimeDisplay: typeof TimeDisplay;
|
|
1362
|
-
type index_parts_TimeDisplayDataAttributes = TimeDisplayDataAttributes;
|
|
1363
|
-
declare const index_parts_TimeDisplayDataAttributes: typeof TimeDisplayDataAttributes;
|
|
1364
|
-
declare const index_parts_Track: typeof Track;
|
|
1365
|
-
type index_parts_TrackInfo = TrackInfo;
|
|
1366
|
-
type index_parts_TransitionStatus = TransitionStatus;
|
|
1367
|
-
type index_parts_UseTransitionStatusOptions = UseTransitionStatusOptions;
|
|
1368
|
-
type index_parts_UseTransitionStatusReturn = UseTransitionStatusReturn;
|
|
1369
|
-
declare const index_parts_Video: typeof Video;
|
|
1370
|
-
type index_parts_VideoPlayerActions = VideoPlayerActions;
|
|
1371
|
-
type index_parts_VideoPlayerContextValue = VideoPlayerContextValue;
|
|
1372
|
-
type index_parts_VideoPlayerRootProps = VideoPlayerRootProps;
|
|
1373
|
-
type index_parts_VideoPlayerState = VideoPlayerState;
|
|
1374
|
-
type index_parts_VideoQuality = VideoQuality;
|
|
1375
|
-
type index_parts_VideoTextTrack = VideoTextTrack;
|
|
1376
|
-
declare const index_parts_VolumeSlider: typeof VolumeSlider;
|
|
1377
|
-
declare const index_parts_VolumeSliderControl: typeof VolumeSliderControl;
|
|
1378
|
-
type index_parts_VolumeSliderCssVars = VolumeSliderCssVars;
|
|
1379
|
-
declare const index_parts_VolumeSliderCssVars: typeof VolumeSliderCssVars;
|
|
1380
|
-
type index_parts_VolumeSliderDataAttributes = VolumeSliderDataAttributes;
|
|
1381
|
-
declare const index_parts_VolumeSliderDataAttributes: typeof VolumeSliderDataAttributes;
|
|
1382
|
-
declare const index_parts_VolumeSliderRange: typeof VolumeSliderRange;
|
|
1383
|
-
declare const index_parts_VolumeSliderThumb: typeof VolumeSliderThumb;
|
|
1384
|
-
declare const index_parts_VolumeSliderTrack: typeof VolumeSliderTrack;
|
|
1385
|
-
declare const index_parts_useTransitionStatus: typeof useTransitionStatus;
|
|
1386
|
-
declare const index_parts_useVideoPlayer: typeof useVideoPlayer;
|
|
1387
|
-
declare namespace index_parts {
|
|
1388
|
-
export { index_parts_BufferedIndicator as BufferedIndicator, index_parts_Captions as Captions, index_parts_CaptionsButton as CaptionsButton, index_parts_CaptionsDataAttributes as CaptionsDataAttributes, index_parts_CaptionsMenu as CaptionsMenu, index_parts_CaptionsMenuItem as CaptionsMenuItem, index_parts_Controls as Controls, index_parts_ControlsDataAttributes as ControlsDataAttributes, index_parts_FullscreenButton as FullscreenButton, index_parts_MuteButton as MuteButton, index_parts_Overlay as Overlay, index_parts_OverlayDataAttributes as OverlayDataAttributes, index_parts_PictureInPictureButton as PictureInPictureButton, index_parts_PlayButton as PlayButton, type index_parts_PlaybackIntent as PlaybackIntent, index_parts_PlaybackRateButton as PlaybackRateButton, index_parts_PlaybackRateMenu as PlaybackRateMenu, index_parts_PlaybackRateMenuItem as PlaybackRateMenuItem, type index_parts_PlaybackStatus as PlaybackStatus, index_parts_Portal as Portal, index_parts_Poster as Poster, index_parts_QualityMenu as QualityMenu, index_parts_QualityMenuItem as QualityMenuItem, type index_parts_RenderProp as RenderProp, VideoPlayerRoot as Root, index_parts_RootDataAttributes as RootDataAttributes, index_parts_SeekSlider as SeekSlider, index_parts_SeekSliderBuffered as SeekSliderBuffered, index_parts_SeekSliderControl as SeekSliderControl, index_parts_SeekSliderCssVars as SeekSliderCssVars, index_parts_SeekSliderDataAttributes as SeekSliderDataAttributes, index_parts_SeekSliderHover as SeekSliderHover, index_parts_SeekSliderPreviewThumb as SeekSliderPreviewThumb, index_parts_SeekSliderPreviewThumbDataAttributes as SeekSliderPreviewThumbDataAttributes, index_parts_SeekSliderPreviewTooltip as SeekSliderPreviewTooltip, index_parts_SeekSliderPreviewTooltipPopup as SeekSliderPreviewTooltipPopup, index_parts_SeekSliderPreviewTooltipPortal as SeekSliderPreviewTooltipPortal, index_parts_SeekSliderPreviewTooltipPositioner as SeekSliderPreviewTooltipPositioner, index_parts_SeekSliderProgress as SeekSliderProgress, index_parts_SeekSliderThumb as SeekSliderThumb, index_parts_SeekSliderTrack as SeekSliderTrack, index_parts_Thumbnail as Thumbnail, index_parts_ThumbnailDataAttributes as ThumbnailDataAttributes, index_parts_TimeDisplay as TimeDisplay, index_parts_TimeDisplayDataAttributes as TimeDisplayDataAttributes, index_parts_Track as Track, type index_parts_TrackInfo as TrackInfo, type index_parts_TransitionStatus as TransitionStatus, type index_parts_UseTransitionStatusOptions as UseTransitionStatusOptions, type index_parts_UseTransitionStatusReturn as UseTransitionStatusReturn, index_parts_Video as Video, type index_parts_VideoPlayerActions as VideoPlayerActions, type index_parts_VideoPlayerContextValue as VideoPlayerContextValue, type index_parts_VideoPlayerRootProps as VideoPlayerRootProps, type index_parts_VideoPlayerState as VideoPlayerState, type index_parts_VideoQuality as VideoQuality, type index_parts_VideoTextTrack as VideoTextTrack, index_parts_VolumeSlider as VolumeSlider, index_parts_VolumeSliderControl as VolumeSliderControl, index_parts_VolumeSliderCssVars as VolumeSliderCssVars, index_parts_VolumeSliderDataAttributes as VolumeSliderDataAttributes, index_parts_VolumeSliderRange as VolumeSliderRange, index_parts_VolumeSliderThumb as VolumeSliderThumb, index_parts_VolumeSliderTrack as VolumeSliderTrack, index_parts_useTransitionStatus as useTransitionStatus, index_parts_useVideoPlayer as useVideoPlayer };
|
|
1389
|
-
}
|
|
1390
|
-
|
|
1391
|
-
export { type PlaybackIntent, type PlaybackStatus, type RenderProp, index_parts as VideoPlayer, type VideoPlayerActions, type VideoPlayerContextValue, type VideoPlayerExternalActions, type VideoPlayerRootProps, type VideoPlayerRootState, type VideoPlayerState, type VideoQuality, type VideoTextTrack, useVideoPlayer };
|
|
1350
|
+
declare namespace index_parts_d_exports {
|
|
1351
|
+
export { BufferedIndicator, Captions, CaptionsButton, CaptionsDataAttributes, CaptionsMenu, CaptionsMenuItem, Controls, ControlsDataAttributes, FullscreenButton, MuteButton, Overlay, OverlayDataAttributes, PictureInPictureButton, PlayButton, PlaybackIntent, PlaybackRateButton, PlaybackRateMenu, PlaybackRateMenuItem, PlaybackStatus, Portal, Poster, QualityMenu, QualityMenuItem, RenderProp, VideoPlayerRoot as Root, RootDataAttributes, SeekSlider, SeekSliderBuffered, SeekSliderControl, SeekSliderCssVars, SeekSliderDataAttributes, SeekSliderHover, SeekSliderPreviewThumb, SeekSliderPreviewThumbDataAttributes, SeekSliderPreviewTooltip, SeekSliderPreviewTooltipPopup, SeekSliderPreviewTooltipPortal, SeekSliderPreviewTooltipPositioner, SeekSliderProgress, SeekSliderThumb, SeekSliderTrack, Thumbnail, ThumbnailDataAttributes, TimeDisplay, TimeDisplayDataAttributes, Track, TrackInfo, TransitionStatus, UseTransitionStatusOptions, UseTransitionStatusReturn, Video, VideoPlayerActions, VideoPlayerContextValue, VideoPlayerRootProps, VideoPlayerState, VideoQuality, VideoTextTrack, VolumeSlider, VolumeSliderControl, VolumeSliderCssVars, VolumeSliderDataAttributes, VolumeSliderRange, VolumeSliderThumb, VolumeSliderTrack, useTransitionStatus, useVideoPlayer };
|
|
1352
|
+
}
|
|
1353
|
+
//#endregion
|
|
1354
|
+
export { type PlaybackIntent, type PlaybackStatus, type RenderProp, index_parts_d_exports as VideoPlayer, type VideoPlayerActions, type VideoPlayerContextValue, type VideoPlayerExternalActions, type VideoPlayerRootProps, type VideoPlayerRootState, type VideoPlayerState, type VideoQuality, type VideoTextTrack };
|
|
1355
|
+
//# sourceMappingURL=index.d.ts.map
|