npm - @videojs/react - Versions diffs - 10.0.0-beta.25 → 10.0.0-beta.26 - Mend

@videojs/react 10.0.0-beta.25 → 10.0.0-beta.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1594) hide show

package/dist/default/presets/video/minimal-skin.js CHANGED Viewed

@@ -1,16 +1,19 @@
-import { Container, usePlayer } from "../../player/context.js";
+import { useTranslator } from "../../i18n/context.js";
+import { usePlayer } from "../../player/context.js";
+import { Container } from "../../player/container.js";
 import { isRenderProp } from "../../utils/use-render.js";
 import { AirPlayButton } from "../../ui/airplay-button/airplay-button.js";
-import { AlertDialogClose } from "../../ui/alert-dialog/alert-dialog-close.js";
 import { AlertDialogPopup } from "../../ui/alert-dialog/alert-dialog-popup.js";
-import { AlertDialogTitle } from "../../ui/alert-dialog/alert-dialog-title.js";
 import { useAudioTrackOptions } from "../../ui/audio-track/use-audio-track-options.js";
 import { BufferingIndicator } from "../../ui/buffering-indicator/buffering-indicator.js";
+import { CaptionsButton } from "../../ui/captions-button/captions-button.js";
 import { useCaptionsOptions } from "../../ui/captions-radio-group/use-captions-options.js";
 import { CastButton } from "../../ui/cast-button/cast-button.js";
 import { ControlsRoot } from "../../ui/controls/controls-root.js";
+import { ErrorDialogClose } from "../../ui/error-dialog/error-dialog-close.js";
 import { ErrorDialogDescription } from "../../ui/error-dialog/error-dialog-description.js";
 import { ErrorDialogRoot } from "../../ui/error-dialog/error-dialog-root.js";
+import { ErrorDialogTitle } from "../../ui/error-dialog/error-dialog-title.js";
 import { FullscreenButton } from "../../ui/fullscreen-button/fullscreen-button.js";
 import { Gesture } from "../../ui/gesture/gesture.js";
 import { Hotkey } from "../../ui/hotkey/hotkey.js";
@@ -33,7 +36,6 @@ import { PopoverPopup } from "../../ui/popover/popover-popup.js";
 import { PopoverRoot } from "../../ui/popover/popover-root.js";
 import { PopoverTrigger } from "../../ui/popover/popover-trigger.js";
 import { Poster } from "../../ui/poster/poster.js";
-import { SeekButton } from "../../ui/seek-button/seek-button.js";
 import { SeekIndicatorRoot } from "../../ui/seek-indicator/seek-indicator-root.js";
 import { SeekIndicatorValue } from "../../ui/seek-indicator/seek-indicator-value.js";
 import { SliderBuffer } from "../../ui/slider/slider-buffer.js";
@@ -77,7 +79,6 @@ import PipExitIcon from "../../icons/dist/react/minimal/pip-exit.js";
 import PlayIcon from "../../icons/dist/react/minimal/play.js";
 import QualityIcon from "../../icons/dist/react/minimal/quality.js";
 import RestartIcon from "../../icons/dist/react/minimal/restart.js";
-import SeekIcon from "../../icons/dist/react/minimal/seek.js";
 import SpeechIcon from "../../icons/dist/react/minimal/speech.js";
 import SpeedIcon from "../../icons/dist/react/minimal/speed.js";
 import SpinnerIcon from "../../icons/dist/react/minimal/spinner.js";
@@ -85,8 +86,9 @@ import VolumeHighIcon from "../../icons/dist/react/minimal/volume-high.js";
 import VolumeLowIcon from "../../icons/dist/react/minimal/volume-low.js";
 import VolumeOffIcon from "../../icons/dist/react/minimal/volume-off.js";
 import { forwardRef } from "react";
-import { isString } from "@videojs/utils/predicate";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { isString } from "@videojs/utils/predicate";
+import { audioText, captionsText, playbackRateText, qualityText, settingsText, speedText } from "@videojs/core/i18n/text/menu";
 import { cn } from "@videojs/utils/style";
 //#region src/presets/video/minimal-skin.tsx
 const SEEK_TIME = 10;
@@ -120,12 +122,12 @@ function VolumePopover() {
 		openOnHover: true,
 		delay: 200,
 		closeDelay: 100,
-		side: "top",
+		side: "right",
 		children: [/* @__PURE__ */ jsx(PopoverTrigger, { render: muteButton }), /* @__PURE__ */ jsx(PopoverPopup, {
 			className: "media-popover media-popover--volume",
 			children: /* @__PURE__ */ jsxs(VolumeSliderRoot, {
 				className: "media-slider",
-				orientation: "vertical",
+				orientation: "horizontal",
 				thumbAlignment: "edge",
 				children: [/* @__PURE__ */ jsx(SliderTrack, {
 					className: "media-slider__track",
@@ -139,6 +141,7 @@ function MenuChevron({ flipped = false }) {
 	return /* @__PURE__ */ jsx(ChevronIcon, { className: cn("media-icon media-menu__chevron", flipped ? "media-icon--flipped" : void 0) });
 }
 function SettingsMenu() {
+	const t = useTranslator();
 	const playbackRate = usePlaybackRateOptions();
 	const quality = useQualityOptions();
 	const audioTrack = useAudioTrackOptions();
@@ -152,7 +155,7 @@ function SettingsMenu() {
 		side: "top",
 		align: "center",
 		children: [/* @__PURE__ */ jsx(MenuTrigger, {
-			"aria-label": "Settings",
+			"aria-label": t(settingsText),
 			className: "media-button--settings",
 			render: /* @__PURE__ */ jsx(Button, {}),
 			children: /* @__PURE__ */ jsx(GearIcon, { className: "media-icon media-icon--settings" })
@@ -170,7 +173,7 @@ function SettingsMenu() {
 								...props,
 								children: [
 									/* @__PURE__ */ jsx(QualityIcon, { className: "media-icon" }),
-									/* @__PURE__ */ jsx("span", { children: "Quality" }),
+									/* @__PURE__ */ jsx("span", { children: t(qualityText) }),
 									/* @__PURE__ */ jsxs("span", {
 										className: "media-menu__hint",
 										children: [/* @__PURE__ */ jsx(MenuItemValue, { className: "media-menu__hint-label" }), /* @__PURE__ */ jsx(MenuChevron, {})]
@@ -182,14 +185,14 @@ function SettingsMenu() {
 							children: [
 								/* @__PURE__ */ jsxs(MenuBack, {
 									className: "media-menu__back",
-									children: [/* @__PURE__ */ jsx(MenuChevron, { flipped: true }), "Quality"]
+									children: [/* @__PURE__ */ jsx(MenuChevron, { flipped: true }), t(qualityText)]
 								}),
 								/* @__PURE__ */ jsx(MenuSeparator, { className: "media-menu__separator" }),
 								/* @__PURE__ */ jsx(MenuRadioGroup, {
 									className: "media-menu__group",
 									value: quality.value,
 									onValueChange: quality.setValue,
-									"aria-label": "Quality",
+									"aria-label": t(qualityText),
 									children: quality.options.map((option) => /* @__PURE__ */ jsxs(MenuRadioItem, {
 										className: "media-menu__item",
 										value: option.value,
@@ -221,7 +224,7 @@ function SettingsMenu() {
 								...props,
 								children: [
 									/* @__PURE__ */ jsx(SpeechIcon, { className: "media-icon" }),
-									/* @__PURE__ */ jsx("span", { children: "Audio" }),
+									/* @__PURE__ */ jsx("span", { children: t(audioText) }),
 									/* @__PURE__ */ jsxs("span", {
 										className: "media-menu__hint",
 										children: [/* @__PURE__ */ jsx(MenuItemValue, { className: "media-menu__hint-label" }), /* @__PURE__ */ jsx(MenuChevron, {})]
@@ -233,14 +236,14 @@ function SettingsMenu() {
 							children: [
 								/* @__PURE__ */ jsxs(MenuBack, {
 									className: "media-menu__back",
-									children: [/* @__PURE__ */ jsx(MenuChevron, { flipped: true }), "Audio"]
+									children: [/* @__PURE__ */ jsx(MenuChevron, { flipped: true }), t(audioText)]
 								}),
 								/* @__PURE__ */ jsx(MenuSeparator, { className: "media-menu__separator" }),
 								/* @__PURE__ */ jsx(MenuRadioGroup, {
 									className: "media-menu__group",
 									value: audioTrack.value,
 									onValueChange: audioTrack.setValue,
-									"aria-label": "Audio tracks",
+									"aria-label": t(audioText),
 									children: audioTrack.options.map((option) => /* @__PURE__ */ jsxs(MenuRadioItem, {
 										className: "media-menu__item",
 										value: option.value,
@@ -262,7 +265,7 @@ function SettingsMenu() {
 								...props,
 								children: [
 									/* @__PURE__ */ jsx(SpeedIcon, { className: "media-icon" }),
-									/* @__PURE__ */ jsx("span", { children: "Speed" }),
+									/* @__PURE__ */ jsx("span", { children: t(speedText) }),
 									/* @__PURE__ */ jsxs("span", {
 										className: "media-menu__hint",
 										children: [/* @__PURE__ */ jsx(MenuItemValue, { className: "media-menu__hint-label" }), /* @__PURE__ */ jsx(MenuChevron, {})]
@@ -274,14 +277,14 @@ function SettingsMenu() {
 							children: [
 								/* @__PURE__ */ jsxs(MenuBack, {
 									className: "media-menu__back",
-									children: [/* @__PURE__ */ jsx(MenuChevron, { flipped: true }), "Speed"]
+									children: [/* @__PURE__ */ jsx(MenuChevron, { flipped: true }), t(speedText)]
 								}),
 								/* @__PURE__ */ jsx(MenuSeparator, { className: "media-menu__separator" }),
 								/* @__PURE__ */ jsx(MenuRadioGroup, {
 									className: "media-menu__group",
 									value: playbackRate.value,
 									onValueChange: playbackRate.setValue,
-									"aria-label": "Playback rate",
+									"aria-label": t(playbackRateText),
 									children: playbackRate.options.map((option) => /* @__PURE__ */ jsxs(MenuRadioItem, {
 										className: "media-menu__item",
 										value: option.value,
@@ -303,7 +306,7 @@ function SettingsMenu() {
 								...props,
 								children: [
 									/* @__PURE__ */ jsx(CaptionsOffIcon, { className: "media-icon" }),
-									/* @__PURE__ */ jsx("span", { children: "Captions" }),
+									/* @__PURE__ */ jsx("span", { children: t(captionsText) }),
 									/* @__PURE__ */ jsxs("span", {
 										className: "media-menu__hint",
 										children: [/* @__PURE__ */ jsx(MenuItemValue, { className: "media-menu__hint-label" }), /* @__PURE__ */ jsx(MenuChevron, {})]
@@ -315,14 +318,14 @@ function SettingsMenu() {
 							children: [
 								/* @__PURE__ */ jsxs(MenuBack, {
 									className: "media-menu__back",
-									children: [/* @__PURE__ */ jsx(MenuChevron, { flipped: true }), "Captions"]
+									children: [/* @__PURE__ */ jsx(MenuChevron, { flipped: true }), t(captionsText)]
 								}),
 								/* @__PURE__ */ jsx(MenuSeparator, { className: "media-menu__separator" }),
 								/* @__PURE__ */ jsx(MenuRadioGroup, {
 									className: "media-menu__group",
 									value: captions.value,
 									onValueChange: captions.setValue,
-									"aria-label": "Captions",
+									"aria-label": t(captionsText),
 									children: captions.options.map((option) => /* @__PURE__ */ jsxs(MenuRadioItem, {
 										className: "media-menu__item",
 										value: option.value,
@@ -370,16 +373,10 @@ function MinimalVideoSkin(props) {
 					className: "media-error__dialog",
 					children: [/* @__PURE__ */ jsxs("div", {
 						className: "media-error__content",
-						children: [/* @__PURE__ */ jsx(AlertDialogTitle, {
-							className: "media-error__title",
-							children: "Something went wrong."
-						}), /* @__PURE__ */ jsx(ErrorDialogDescription, { className: "media-error__description" })]
+						children: [/* @__PURE__ */ jsx(ErrorDialogTitle, { className: "media-error__title" }), /* @__PURE__ */ jsx(ErrorDialogDescription, { className: "media-error__description" })]
 					}), /* @__PURE__ */ jsx("div", {
 						className: "media-error__actions",
-						children: /* @__PURE__ */ jsx(AlertDialogClose, {
-							className: "media-button media-button--primary",
-							children: "OK"
-						})
+						children: /* @__PURE__ */ jsx(ErrorDialogClose, { className: "media-button media-button--primary" })
 					})]
 				})
 			}) }),
@@ -388,59 +385,21 @@ function MinimalVideoSkin(props) {
 				children: /* @__PURE__ */ jsxs(TooltipProvider, { children: [
 					/* @__PURE__ */ jsxs("div", {
 						className: "media-button-group",
-						children: [
-							/* @__PURE__ */ jsxs(TooltipRoot, {
-								side: "top",
-								children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsxs(PlayButton, {
-									className: "media-button--play",
-									render: /* @__PURE__ */ jsx(Button, {}),
-									children: [
-										/* @__PURE__ */ jsx(RestartIcon, { className: "media-icon media-icon--restart" }),
-										/* @__PURE__ */ jsx(PlayIcon, { className: "media-icon media-icon--play" }),
-										/* @__PURE__ */ jsx(PauseIcon, { className: "media-icon media-icon--pause" })
-									]
-								}) }), /* @__PURE__ */ jsxs(TooltipPopup, {
-									className: "media-tooltip",
-									children: [/* @__PURE__ */ jsx(TooltipLabel, {}), /* @__PURE__ */ jsx(TooltipShortcut, { className: "media-tooltip__kbd" })]
-								})]
-							}),
-							/* @__PURE__ */ jsxs(TooltipRoot, {
-								side: "top",
-								children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx(SeekButton, {
-									seconds: -SEEK_TIME,
-									className: "media-button--seek",
-									render: /* @__PURE__ */ jsx(Button, {}),
-									children: /* @__PURE__ */ jsxs("span", {
-										className: "media-icon__container",
-										children: [/* @__PURE__ */ jsx(SeekIcon, { className: "media-icon media-icon--seek media-icon--flipped" }), /* @__PURE__ */ jsx("span", {
-											className: "media-icon__label",
-											children: SEEK_TIME
-										})]
-									})
-								}) }), /* @__PURE__ */ jsxs(TooltipPopup, {
-									className: "media-tooltip",
-									children: [/* @__PURE__ */ jsx(TooltipLabel, {}), /* @__PURE__ */ jsx(TooltipShortcut, { className: "media-tooltip__kbd" })]
-								})]
-							}),
-							/* @__PURE__ */ jsxs(TooltipRoot, {
-								side: "top",
-								children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx(SeekButton, {
-									seconds: SEEK_TIME,
-									className: "media-button--seek",
-									render: /* @__PURE__ */ jsx(Button, {}),
-									children: /* @__PURE__ */ jsxs("span", {
-										className: "media-icon__container",
-										children: [/* @__PURE__ */ jsx(SeekIcon, { className: "media-icon media-icon--seek" }), /* @__PURE__ */ jsx("span", {
-											className: "media-icon__label",
-											children: SEEK_TIME
-										})]
-									})
-								}) }), /* @__PURE__ */ jsxs(TooltipPopup, {
-									className: "media-tooltip",
-									children: [/* @__PURE__ */ jsx(TooltipLabel, {}), /* @__PURE__ */ jsx(TooltipShortcut, { className: "media-tooltip__kbd" })]
-								})]
-							})
-						]
+						children: [/* @__PURE__ */ jsxs(TooltipRoot, {
+							side: "top",
+							children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsxs(PlayButton, {
+								className: "media-button--play",
+								render: /* @__PURE__ */ jsx(Button, {}),
+								children: [
+									/* @__PURE__ */ jsx(RestartIcon, { className: "media-icon media-icon--restart" }),
+									/* @__PURE__ */ jsx(PlayIcon, { className: "media-icon media-icon--play" }),
+									/* @__PURE__ */ jsx(PauseIcon, { className: "media-icon media-icon--pause" })
+								]
+							}) }), /* @__PURE__ */ jsxs(TooltipPopup, {
+								className: "media-tooltip",
+								children: [/* @__PURE__ */ jsx(TooltipLabel, {}), /* @__PURE__ */ jsx(TooltipShortcut, { className: "media-tooltip__kbd" })]
+							})]
+						}), /* @__PURE__ */ jsx(VolumePopover, {})]
 					}),
 					/* @__PURE__ */ jsxs("div", {
 						className: "media-time-controls",
@@ -493,7 +452,17 @@ function MinimalVideoSkin(props) {
 					/* @__PURE__ */ jsxs("div", {
 						className: "media-button-group",
 						children: [
-							/* @__PURE__ */ jsx(VolumePopover, {}),
+							/* @__PURE__ */ jsxs(TooltipRoot, {
+								side: "top",
+								children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsxs(CaptionsButton, {
+									className: "media-button--captions",
+									render: /* @__PURE__ */ jsx(Button, {}),
+									children: [/* @__PURE__ */ jsx(CaptionsOffIcon, { className: "media-icon media-icon--captions-off" }), /* @__PURE__ */ jsx(CaptionsOnIcon, { className: "media-icon media-icon--captions-on" })]
+								}) }), /* @__PURE__ */ jsxs(TooltipPopup, {
+									className: "media-tooltip",
+									children: [/* @__PURE__ */ jsx(TooltipLabel, {}), /* @__PURE__ */ jsx(TooltipShortcut, { className: "media-tooltip__kbd" })]
+								})]
+							}),
 							/* @__PURE__ */ jsx(SettingsMenu, {}),
 							/* @__PURE__ */ jsxs(TooltipRoot, {
 								side: "top",
@@ -576,7 +545,7 @@ function MinimalVideoSkin(props) {
 			/* @__PURE__ */ jsx(Hotkey, {
 				keys: "ArrowLeft",
 				action: "seekStep",
-				value: -(SEEK_TIME / 2)
+				value: -5
 			}),
 			/* @__PURE__ */ jsx(Hotkey, {
 				keys: "l",
@@ -586,7 +555,7 @@ function MinimalVideoSkin(props) {
 			/* @__PURE__ */ jsx(Hotkey, {
 				keys: "j",
 				action: "seekStep",
-				value: -SEEK_TIME
+				value: -10
 			}),
 			/* @__PURE__ */ jsx(Hotkey, {
 				keys: "ArrowUp",
@@ -634,7 +603,7 @@ function MinimalVideoSkin(props) {
 			/* @__PURE__ */ jsx(Gesture, {
 				type: "doubletap",
 				action: "seekStep",
-				value: -SEEK_TIME,
+				value: -10,
 				region: "left"
 			}),
 			/* @__PURE__ */ jsx(Gesture, {
@@ -648,7 +617,7 @@ function MinimalVideoSkin(props) {
 				value: SEEK_TIME,
 				region: "right"
 			}),
-			/* @__PURE__ */ jsx(StatusAnnouncer, {}),
+			/* @__PURE__ */ jsx(StatusAnnouncer, { className: "media-sr-only" }),
 			/* @__PURE__ */ jsxs("div", {
 				className: "media-input-feedback",
 				children: [

package/dist/default/presets/video/minimal-skin.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"minimal-skin.js","names":["Popover.Root","Popover.Trigger","Popover.Popup","VolumeSlider.Root","VolumeSlider.Track","VolumeSlider.Fill","VolumeSlider.Thumb","Menu.Root","Menu.Trigger","Menu.Content","Menu.View","Menu.ItemValue","Menu.Back","Menu.Separator","Menu.RadioGroup","Menu.RadioItem","Menu.ItemIndicator","ErrorDialog.Root","ErrorDialog.Popup","ErrorDialog.Title","ErrorDialog.Description","ErrorDialog.Close","Controls.Root","Tooltip.Provider","Tooltip.Root","Tooltip.Trigger","Tooltip.Popup","Tooltip.Label","Tooltip.Shortcut","Time.Group","Time.Value","Time.Separator","TimeSlider.Root","TimeSlider.Track","TimeSlider.Fill","TimeSlider.Buffer","TimeSlider.Thumb","Slider.Thumbnail","TimeSlider.Value","TimeSlider.Preview","VolumeIndicator.Root","VolumeIndicator.Fill","VolumeIndicator.Value","StatusIndicator.Root","StatusIndicator.Value","SeekIndicator.Root","SeekIndicator.Value"],"sources":["../../../../src/presets/video/minimal-skin.tsx"],"sourcesContent":["import { isString } from '@videojs/utils/predicate';\nimport { cn } from '@videojs/utils/style';\nimport { type ComponentProps, type CSSProperties, forwardRef, type ReactNode } from 'react';\nimport {\n AirPlayEnterIcon,\n AirPlayExitIcon,\n CaptionsOffIcon,\n CaptionsOnIcon,\n CastEnterIcon,\n CastExitIcon,\n CheckIcon,\n ChevronIcon,\n FullscreenEnterIcon,\n FullscreenExitIcon,\n GearIcon,\n PauseIcon,\n PipEnterIcon,\n PipExitIcon,\n PlayIcon,\n QualityIcon,\n RestartIcon,\n SeekIcon,\n SpeechIcon,\n SpeedIcon,\n SpinnerIcon,\n VolumeHighIcon,\n VolumeLowIcon,\n VolumeOffIcon,\n} from '@/icons/minimal';\nimport { Container, usePlayer } from '@/player/context';\nimport { AirPlayButton } from '@/ui/airplay-button';\nimport { useAudioTrackOptions } from '@/ui/audio-track';\nimport { BufferingIndicator } from '@/ui/buffering-indicator';\nimport { useCaptionsOptions } from '@/ui/captions-radio-group';\nimport { CastButton } from '@/ui/cast-button';\nimport { Controls } from '@/ui/controls';\nimport { ErrorDialog } from '@/ui/error-dialog';\nimport { FullscreenButton } from '@/ui/fullscreen-button';\nimport { Gesture } from '@/ui/gesture';\nimport { Hotkey } from '@/ui/hotkey';\nimport { Menu } from '@/ui/menu';\nimport { MuteButton } from '@/ui/mute-button';\nimport { PiPButton } from '@/ui/pip-button';\nimport { PlayButton } from '@/ui/play-button';\nimport { usePlaybackRateOptions } from '@/ui/playback-rate';\nimport { Popover } from '@/ui/popover';\nimport { Poster } from '@/ui/poster';\nimport { useQualityOptions } from '@/ui/quality';\nimport { SeekButton } from '@/ui/seek-button';\nimport { SeekIndicator } from '@/ui/seek-indicator';\nimport { Slider } from '@/ui/slider';\nimport { StatusAnnouncer } from '@/ui/status-announcer';\nimport { StatusIndicator } from '@/ui/status-indicator';\nimport { Time } from '@/ui/time';\nimport { TimeSlider } from '@/ui/time-slider';\nimport { Tooltip } from '@/ui/tooltip';\nimport { VolumeIndicator } from '@/ui/volume-indicator';\nimport { VolumeSlider } from '@/ui/volume-slider';\nimport { isRenderProp } from '@/utils/use-render';\nimport type { BaseVideoSkinProps } from '../types';\n\nconst SEEK_TIME = 10;\nconst TOP_STATUS_ACTIONS = ['toggleSubtitles', 'toggleFullscreen', 'togglePictureInPicture'] as const;\nconst CENTER_STATUS_ACTIONS = ['togglePaused'] as const;\n\nexport type MinimalVideoSkinProps = BaseVideoSkinProps;\n\nconst Button = forwardRef<HTMLButtonElement, ComponentProps<'button'>>(function Button({ className, ...props }, ref) {\n return (\n <button\n ref={ref}\n type=\"button\"\n className={cn('media-button media-button--subtle media-button--icon', className)}\n {...props}\n />\n );\n});\n\nfunction VolumePopover(): ReactNode {\n const volumeUnsupported = usePlayer((s) => s.volumeAvailability === 'unsupported');\n\n const muteButton = (\n <MuteButton className=\"media-button--mute\" render={<Button />}>\n <VolumeOffIcon className=\"media-icon media-icon--volume-off\" />\n <VolumeLowIcon className=\"media-icon media-icon--volume-low\" />\n <VolumeHighIcon className=\"media-icon media-icon--volume-high\" />\n </MuteButton>\n );\n\n if (volumeUnsupported) return muteButton;\n\n return (\n <Popover.Root openOnHover delay={200} closeDelay={100} side=\"top\">\n <Popover.Trigger render={muteButton} />\n <Popover.Popup className=\"media-popover media-popover--volume\">\n <VolumeSlider.Root className=\"media-slider\" orientation=\"vertical\" thumbAlignment=\"edge\">\n <VolumeSlider.Track className=\"media-slider__track\">\n <VolumeSlider.Fill className=\"media-slider__fill\" />\n </VolumeSlider.Track>\n <VolumeSlider.Thumb className=\"media-slider__thumb media-slider__thumb--persistent\" />\n </VolumeSlider.Root>\n </Popover.Popup>\n </Popover.Root>\n );\n}\n\nfunction MenuChevron({ flipped = false }: { flipped?: boolean }): ReactNode {\n return <ChevronIcon className={cn('media-icon media-menu__chevron', flipped ? 'media-icon--flipped' : undefined)} />;\n}\n\nfunction SettingsMenu(): ReactNode {\n const playbackRate = usePlaybackRateOptions();\n const quality = useQualityOptions();\n const audioTrack = useAudioTrackOptions();\n const captions = useCaptionsOptions();\n const hasPlaybackRate = playbackRate?.state.availability === 'available';\n const hasQuality = quality?.state.availability === 'available';\n const hasAudioTrack = audioTrack?.state.availability === 'available';\n const hasCaptions = captions?.state.availability === 'available';\n\n if (!hasPlaybackRate && !hasQuality && !hasAudioTrack && !hasCaptions) return null;\n\n return (\n <Menu.Root side=\"top\" align=\"center\">\n <Menu.Trigger aria-label=\"Settings\" className=\"media-button--settings\" render={<Button />}>\n <GearIcon className=\"media-icon media-icon--settings\" />\n </Menu.Trigger>\n <Menu.Content className=\"media-popover media-menu media-menu--settings\">\n <Menu.View className=\"media-menu__panel\">\n <div className=\"media-menu__group\">\n {hasQuality ? (\n <Menu.Root>\n <Menu.Trigger\n type=\"quality\"\n className=\"media-menu__item media-menu__item--submenu\"\n render={(props) => (\n <div {...props}>\n <QualityIcon className=\"media-icon\" />\n <span>Quality</span>\n <span className=\"media-menu__hint\">\n <Menu.ItemValue className=\"media-menu__hint-label\" />\n <MenuChevron />\n </span>\n </div>\n )}\n />\n <Menu.Content className=\"media-menu__panel\">\n <Menu.Back className=\"media-menu__back\">\n <MenuChevron flipped />\n Quality\n </Menu.Back>\n <Menu.Separator className=\"media-menu__separator\" />\n <Menu.RadioGroup\n className=\"media-menu__group\"\n value={quality.value}\n onValueChange={quality.setValue}\n aria-label=\"Quality\"\n >\n {quality.options.map((option) => (\n <Menu.RadioItem\n key={option.value}\n className=\"media-menu__item\"\n value={option.value}\n disabled={option.disabled}\n >\n <span>\n {option.label}\n {option.tier ? <sup className=\"media-menu__tier\">{option.tier}</sup> : null}\n </span>\n {option.badge ? <span className=\"media-badge\">{option.badge}</span> : null}\n <Menu.ItemIndicator\n checked={option.value === quality.value}\n forceMount\n className=\"media-menu__indicator\"\n >\n <CheckIcon className=\"media-icon\" />\n </Menu.ItemIndicator>\n </Menu.RadioItem>\n ))}\n </Menu.RadioGroup>\n </Menu.Content>\n </Menu.Root>\n ) : null}\n\n {hasAudioTrack ? (\n <Menu.Root>\n <Menu.Trigger\n type=\"audio-track\"\n className=\"media-menu__item media-menu__item--submenu\"\n render={(props) => (\n <div {...props}>\n <SpeechIcon className=\"media-icon\" />\n <span>Audio</span>\n <span className=\"media-menu__hint\">\n <Menu.ItemValue className=\"media-menu__hint-label\" />\n <MenuChevron />\n </span>\n </div>\n )}\n />\n <Menu.Content className=\"media-menu__panel\">\n <Menu.Back className=\"media-menu__back\">\n <MenuChevron flipped />\n Audio\n </Menu.Back>\n <Menu.Separator className=\"media-menu__separator\" />\n <Menu.RadioGroup\n className=\"media-menu__group\"\n value={audioTrack.value}\n onValueChange={audioTrack.setValue}\n aria-label=\"Audio tracks\"\n >\n {audioTrack.options.map((option) => (\n <Menu.RadioItem\n key={option.value}\n className=\"media-menu__item\"\n value={option.value}\n disabled={option.disabled}\n >\n <span>{option.label}</span>\n <Menu.ItemIndicator\n checked={option.value === audioTrack.value}\n forceMount\n className=\"media-menu__indicator\"\n >\n <CheckIcon className=\"media-icon\" />\n </Menu.ItemIndicator>\n </Menu.RadioItem>\n ))}\n </Menu.RadioGroup>\n </Menu.Content>\n </Menu.Root>\n ) : null}\n\n {hasPlaybackRate ? (\n <Menu.Root>\n <Menu.Trigger\n type=\"playback-rate\"\n className=\"media-menu__item media-menu__item--submenu\"\n render={(props) => (\n <div {...props}>\n <SpeedIcon className=\"media-icon\" />\n <span>Speed</span>\n <span className=\"media-menu__hint\">\n <Menu.ItemValue className=\"media-menu__hint-label\" />\n <MenuChevron />\n </span>\n </div>\n )}\n />\n <Menu.Content className=\"media-menu__panel\">\n <Menu.Back className=\"media-menu__back\">\n <MenuChevron flipped />\n Speed\n </Menu.Back>\n <Menu.Separator className=\"media-menu__separator\" />\n <Menu.RadioGroup\n className=\"media-menu__group\"\n value={playbackRate.value}\n onValueChange={playbackRate.setValue}\n aria-label=\"Playback rate\"\n >\n {playbackRate.options.map((option) => (\n <Menu.RadioItem\n key={option.value}\n className=\"media-menu__item\"\n value={option.value}\n disabled={option.disabled}\n >\n <span>{option.label}</span>\n <Menu.ItemIndicator\n checked={option.value === playbackRate.value}\n forceMount\n className=\"media-menu__indicator\"\n >\n <CheckIcon className=\"media-icon\" />\n </Menu.ItemIndicator>\n </Menu.RadioItem>\n ))}\n </Menu.RadioGroup>\n </Menu.Content>\n </Menu.Root>\n ) : null}\n\n {hasCaptions ? (\n <Menu.Root>\n <Menu.Trigger\n type=\"captions\"\n className=\"media-menu__item media-menu__item--submenu\"\n render={(props) => (\n <div {...props}>\n <CaptionsOffIcon className=\"media-icon\" />\n <span>Captions</span>\n <span className=\"media-menu__hint\">\n <Menu.ItemValue className=\"media-menu__hint-label\" />\n <MenuChevron />\n </span>\n </div>\n )}\n />\n <Menu.Content className=\"media-menu__panel\">\n <Menu.Back className=\"media-menu__back\">\n <MenuChevron flipped />\n Captions\n </Menu.Back>\n <Menu.Separator className=\"media-menu__separator\" />\n <Menu.RadioGroup\n className=\"media-menu__group\"\n value={captions.value}\n onValueChange={captions.setValue}\n aria-label=\"Captions\"\n >\n {captions.options.map((option) => (\n <Menu.RadioItem\n key={option.value}\n className=\"media-menu__item\"\n value={option.value}\n disabled={option.disabled}\n >\n <span>{option.label}</span>\n <Menu.ItemIndicator\n checked={option.value === captions.value}\n forceMount\n className=\"media-menu__indicator\"\n >\n <CheckIcon className=\"media-icon\" />\n </Menu.ItemIndicator>\n </Menu.RadioItem>\n ))}\n </Menu.RadioGroup>\n </Menu.Content>\n </Menu.Root>\n ) : null}\n </div>\n </Menu.View>\n </Menu.Content>\n </Menu.Root>\n );\n}\n\nexport function MinimalVideoSkin(props: MinimalVideoSkinProps): ReactNode {\n const { children, className, poster, placeholder, style, ...rest } = props;\n\n const containerStyle = placeholder\n ? ({ '--media-poster-placeholder': `url(${placeholder})`, ...style } as CSSProperties)\n : style;\n\n return (\n <Container\n className={cn('media-minimal-skin media-minimal-skin--video', className)}\n style={containerStyle}\n {...rest}\n >\n {children}\n\n {poster && (\n <Poster src={isString(poster) ? poster : undefined} render={isRenderProp(poster) ? poster : undefined} />\n )}\n\n <BufferingIndicator\n render={(props) => (\n <div {...props} className=\"media-buffering-indicator\">\n <SpinnerIcon className=\"media-icon\" />\n </div>\n )}\n />\n\n <ErrorDialog.Root>\n <ErrorDialog.Popup className=\"media-error\">\n <div className=\"media-error__dialog\">\n <div className=\"media-error__content\">\n <ErrorDialog.Title className=\"media-error__title\">Something went wrong.</ErrorDialog.Title>\n <ErrorDialog.Description className=\"media-error__description\" />\n </div>\n <div className=\"media-error__actions\">\n <ErrorDialog.Close className=\"media-button media-button--primary\">OK</ErrorDialog.Close>\n </div>\n </div>\n </ErrorDialog.Popup>\n </ErrorDialog.Root>\n\n <Controls.Root className=\"media-controls\">\n <Tooltip.Provider>\n <div className=\"media-button-group\">\n <Tooltip.Root side=\"top\">\n <Tooltip.Trigger\n render={\n <PlayButton className=\"media-button--play\" render={<Button />}>\n <RestartIcon className=\"media-icon media-icon--restart\" />\n <PlayIcon className=\"media-icon media-icon--play\" />\n <PauseIcon className=\"media-icon media-icon--pause\" />\n </PlayButton>\n }\n />\n <Tooltip.Popup className=\"media-tooltip\">\n <Tooltip.Label />\n <Tooltip.Shortcut className=\"media-tooltip__kbd\" />\n </Tooltip.Popup>\n </Tooltip.Root>\n\n <Tooltip.Root side=\"top\">\n <Tooltip.Trigger\n render={\n <SeekButton seconds={-SEEK_TIME} className=\"media-button--seek\" render={<Button />}>\n <span className=\"media-icon__container\">\n <SeekIcon className=\"media-icon media-icon--seek media-icon--flipped\" />\n <span className=\"media-icon__label\">{SEEK_TIME}</span>\n </span>\n </SeekButton>\n }\n />\n <Tooltip.Popup className=\"media-tooltip\">\n <Tooltip.Label />\n <Tooltip.Shortcut className=\"media-tooltip__kbd\" />\n </Tooltip.Popup>\n </Tooltip.Root>\n\n <Tooltip.Root side=\"top\">\n <Tooltip.Trigger\n render={\n <SeekButton seconds={SEEK_TIME} className=\"media-button--seek\" render={<Button />}>\n <span className=\"media-icon__container\">\n <SeekIcon className=\"media-icon media-icon--seek\" />\n <span className=\"media-icon__label\">{SEEK_TIME}</span>\n </span>\n </SeekButton>\n }\n />\n <Tooltip.Popup className=\"media-tooltip\">\n <Tooltip.Label />\n <Tooltip.Shortcut className=\"media-tooltip__kbd\" />\n </Tooltip.Popup>\n </Tooltip.Root>\n </div>\n\n <div className=\"media-time-controls\">\n <Time.Group className=\"media-time-group\">\n <Time.Value toggle type=\"current\" className=\"media-time media-time--current\" />\n <Time.Separator className=\"media-time-separator\" />\n <Time.Value type=\"duration\" className=\"media-time media-time--duration\" />\n </Time.Group>\n\n <TimeSlider.Root className=\"media-slider\">\n <TimeSlider.Track className=\"media-slider__track\">\n <TimeSlider.Fill className=\"media-slider__fill\" />\n <TimeSlider.Buffer className=\"media-slider__buffer\" />\n </TimeSlider.Track>\n <TimeSlider.Thumb className=\"media-slider__thumb\" />\n\n <div className=\"media-thumbnail media-slider__thumbnail\">\n <div className=\"media-thumbnail__image-wrapper\">\n <Slider.Thumbnail className=\"media-thumbnail__image\" />\n </div>\n <TimeSlider.Value type=\"pointer\" className=\"media-time media-thumbnail__time\" />\n <SpinnerIcon className=\"media-thumbnail__spinner media-icon\" />\n </div>\n <TimeSlider.Preview className=\"media-slider__preview\">\n <TimeSlider.Value type=\"pointer\" className=\"media-time media-slider__value\" />\n </TimeSlider.Preview>\n </TimeSlider.Root>\n </div>\n\n <div className=\"media-button-group\">\n <VolumePopover />\n\n <SettingsMenu />\n\n <Tooltip.Root side=\"top\">\n <Tooltip.Trigger\n render={\n <CastButton className=\"media-button--cast\" render={<Button />}>\n <CastEnterIcon className=\"media-icon media-icon--cast-enter\" />\n <CastExitIcon className=\"media-icon media-icon--cast-exit\" />\n </CastButton>\n }\n />\n <Tooltip.Popup className=\"media-tooltip\">\n <Tooltip.Label />\n <Tooltip.Shortcut className=\"media-tooltip__kbd\" />\n </Tooltip.Popup>\n </Tooltip.Root>\n\n <Tooltip.Root side=\"top\">\n <Tooltip.Trigger\n render={\n <AirPlayButton className=\"media-button--airplay\" render={<Button />}>\n <AirPlayEnterIcon className=\"media-icon media-icon--airplay-enter\" />\n <AirPlayExitIcon className=\"media-icon media-icon--airplay-exit\" />\n </AirPlayButton>\n }\n />\n <Tooltip.Popup className=\"media-tooltip\">\n <Tooltip.Label />\n <Tooltip.Shortcut className=\"media-tooltip__kbd\" />\n </Tooltip.Popup>\n </Tooltip.Root>\n\n <Tooltip.Root side=\"top\">\n <Tooltip.Trigger\n render={\n <PiPButton className=\"media-button--pip\" render={<Button />}>\n <PipEnterIcon className=\"media-icon media-icon--pip-enter\" />\n <PipExitIcon className=\"media-icon media-icon--pip-exit\" />\n </PiPButton>\n }\n />\n <Tooltip.Popup className=\"media-tooltip\">\n <Tooltip.Label />\n <Tooltip.Shortcut className=\"media-tooltip__kbd\" />\n </Tooltip.Popup>\n </Tooltip.Root>\n\n <Tooltip.Root side=\"top\">\n <Tooltip.Trigger\n render={\n <FullscreenButton className=\"media-button--fullscreen\" render={<Button />}>\n <FullscreenEnterIcon className=\"media-icon media-icon--fullscreen-enter\" />\n <FullscreenExitIcon className=\"media-icon media-icon--fullscreen-exit\" />\n </FullscreenButton>\n }\n />\n <Tooltip.Popup className=\"media-tooltip\">\n <Tooltip.Label />\n <Tooltip.Shortcut className=\"media-tooltip__kbd\" />\n </Tooltip.Popup>\n </Tooltip.Root>\n </div>\n </Tooltip.Provider>\n </Controls.Root>\n\n <div className=\"media-overlay\" />\n\n {/* Hotkeys /}\n <Hotkey keys=\"Space\" action=\"togglePaused\" />\n <Hotkey keys=\"k\" action=\"togglePaused\" />\n <Hotkey keys=\"m\" action=\"toggleMuted\" />\n <Hotkey keys=\"f\" action=\"toggleFullscreen\" />\n <Hotkey keys=\"c\" action=\"toggleSubtitles\" />\n <Hotkey keys=\"i\" action=\"togglePictureInPicture\" />\n <Hotkey keys=\"ArrowRight\" action=\"seekStep\" value={SEEK_TIME / 2} />\n <Hotkey keys=\"ArrowLeft\" action=\"seekStep\" value={-(SEEK_TIME / 2)} />\n <Hotkey keys=\"l\" action=\"seekStep\" value={SEEK_TIME} />\n <Hotkey keys=\"j\" action=\"seekStep\" value={-SEEK_TIME} />\n <Hotkey keys=\"ArrowUp\" action=\"volumeStep\" value={0.05} />\n <Hotkey keys=\"ArrowDown\" action=\"volumeStep\" value={-0.05} />\n <Hotkey keys=\"0-9\" action=\"seekToPercent\" />\n <Hotkey keys=\"Home\" action=\"seekToPercent\" value={0} />\n <Hotkey keys=\"End\" action=\"seekToPercent\" value={100} />\n <Hotkey keys=\">\" action=\"speedUp\" />\n <Hotkey keys=\"<\" action=\"speedDown\" />\n\n {/ Gestures /}\n <Gesture type=\"tap\" action=\"togglePaused\" pointer=\"mouse\" region=\"center\" />\n <Gesture type=\"tap\" action=\"toggleControls\" pointer=\"touch\" />\n <Gesture type=\"doubletap\" action=\"seekStep\" value={-SEEK_TIME} region=\"left\" />\n <Gesture type=\"doubletap\" action=\"toggleFullscreen\" region=\"center\" />\n <Gesture type=\"doubletap\" action=\"seekStep\" value={SEEK_TIME} region=\"right\" />\n\n {/ Input Feedback */}\n <StatusAnnouncer />\n <div className=\"media-input-feedback\">\n <VolumeIndicator.Root className=\"media-input-feedback-island media-input-feedback-island--volume\">\n <VolumeIndicator.Fill className=\"media-input-feedback-island__content\">\n <VolumeHighIcon className=\"media-icon media-icon--volume-high\" />\n <VolumeLowIcon className=\"media-icon media-icon--volume-low\" />\n <VolumeOffIcon className=\"media-icon media-icon--volume-off\" />\n <div className=\"media-input-feedback-island__progress\" aria-hidden=\"true\" />\n <VolumeIndicator.Value className=\"media-input-feedback-island__value\" />\n </VolumeIndicator.Fill>\n </VolumeIndicator.Root>\n\n <StatusIndicator.Root\n actions={TOP_STATUS_ACTIONS}\n className=\"media-input-feedback-island media-input-feedback-island--status\"\n >\n <div className=\"media-input-feedback-island__content\">\n <CaptionsOnIcon className=\"media-icon media-icon--captions-on\" />\n <CaptionsOffIcon className=\"media-icon media-icon--captions-off\" />\n <FullscreenEnterIcon className=\"media-icon media-icon--fullscreen-enter\" />\n <FullscreenExitIcon className=\"media-icon media-icon--fullscreen-exit\" />\n <PipEnterIcon className=\"media-icon media-icon--pip-enter\" />\n <PipExitIcon className=\"media-icon media-icon--pip-exit\" />\n <StatusIndicator.Value className=\"media-input-feedback-island__value\" />\n </div>\n </StatusIndicator.Root>\n\n <SeekIndicator.Root className=\"media-input-feedback-bubble\">\n <ChevronIcon className=\"media-icon media-icon--seek\" />\n <SeekIndicator.Value className=\"media-time\" />\n </SeekIndicator.Root>\n\n <StatusIndicator.Root actions={CENTER_STATUS_ACTIONS} className=\"media-input-feedback-bubble\">\n <PlayIcon className=\"media-icon media-icon--play\" />\n <PauseIcon className=\"media-icon media-icon--pause\" />\n </StatusIndicator.Root>\n </div>\n </Container>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"minimal-skin.js","names":["Popover.Root","Popover.Trigger","Popover.Popup","VolumeSlider.Root","VolumeSlider.Track","VolumeSlider.Fill","VolumeSlider.Thumb","Menu.Root","Menu.Trigger","Menu.Content","Menu.View","Menu.ItemValue","Menu.Back","Menu.Separator","Menu.RadioGroup","Menu.RadioItem","Menu.ItemIndicator","ErrorDialog.Root","ErrorDialog.Popup","ErrorDialog.Title","ErrorDialog.Description","ErrorDialog.Close","Controls.Root","Tooltip.Provider","Tooltip.Root","Tooltip.Trigger","Tooltip.Popup","Tooltip.Label","Tooltip.Shortcut","Time.Group","Time.Value","Time.Separator","TimeSlider.Root","TimeSlider.Track","TimeSlider.Fill","TimeSlider.Buffer","TimeSlider.Thumb","Slider.Thumbnail","TimeSlider.Value","TimeSlider.Preview","VolumeIndicator.Root","VolumeIndicator.Fill","VolumeIndicator.Value","StatusIndicator.Root","StatusIndicator.Value","SeekIndicator.Root","SeekIndicator.Value"],"sources":["../../../../src/presets/video/minimal-skin.tsx"],"sourcesContent":["import {\n audioText,\n captionsText,\n playbackRateText,\n qualityText,\n settingsText,\n speedText,\n} from '@videojs/core/i18n/text/menu';\nimport { isString } from '@videojs/utils/predicate';\nimport { cn } from '@videojs/utils/style';\nimport { type ComponentProps, type CSSProperties, forwardRef, type ReactNode } from 'react';\nimport { useTranslator } from '@/i18n/context';\nimport {\n AirPlayEnterIcon,\n AirPlayExitIcon,\n CaptionsOffIcon,\n CaptionsOnIcon,\n CastEnterIcon,\n CastExitIcon,\n CheckIcon,\n ChevronIcon,\n FullscreenEnterIcon,\n FullscreenExitIcon,\n GearIcon,\n PauseIcon,\n PipEnterIcon,\n PipExitIcon,\n PlayIcon,\n QualityIcon,\n RestartIcon,\n SpeechIcon,\n SpeedIcon,\n SpinnerIcon,\n VolumeHighIcon,\n VolumeLowIcon,\n VolumeOffIcon,\n} from '@/icons/minimal';\nimport { Container } from '@/player/container';\nimport { usePlayer } from '@/player/context';\nimport { AirPlayButton } from '@/ui/airplay-button';\nimport { useAudioTrackOptions } from '@/ui/audio-track';\nimport { BufferingIndicator } from '@/ui/buffering-indicator';\nimport { CaptionsButton } from '@/ui/captions-button';\nimport { useCaptionsOptions } from '@/ui/captions-radio-group';\nimport { CastButton } from '@/ui/cast-button';\nimport { Controls } from '@/ui/controls';\nimport { ErrorDialog } from '@/ui/error-dialog';\nimport { FullscreenButton } from '@/ui/fullscreen-button';\nimport { Gesture } from '@/ui/gesture';\nimport { Hotkey } from '@/ui/hotkey';\nimport { Menu } from '@/ui/menu';\nimport { MuteButton } from '@/ui/mute-button';\nimport { PiPButton } from '@/ui/pip-button';\nimport { PlayButton } from '@/ui/play-button';\nimport { usePlaybackRateOptions } from '@/ui/playback-rate';\nimport { Popover } from '@/ui/popover';\nimport { Poster } from '@/ui/poster';\nimport { useQualityOptions } from '@/ui/quality';\nimport { SeekIndicator } from '@/ui/seek-indicator';\nimport { Slider } from '@/ui/slider';\nimport { StatusAnnouncer } from '@/ui/status-announcer';\nimport { StatusIndicator } from '@/ui/status-indicator';\nimport { Time } from '@/ui/time';\nimport { TimeSlider } from '@/ui/time-slider';\nimport { Tooltip } from '@/ui/tooltip';\nimport { VolumeIndicator } from '@/ui/volume-indicator';\nimport { VolumeSlider } from '@/ui/volume-slider';\nimport { isRenderProp } from '@/utils/use-render';\nimport type { BaseVideoSkinProps } from '../types';\n\nconst SEEK_TIME = 10;\nconst TOP_STATUS_ACTIONS = ['toggleSubtitles', 'toggleFullscreen', 'togglePictureInPicture'] as const;\nconst CENTER_STATUS_ACTIONS = ['togglePaused'] as const;\n\nexport type MinimalVideoSkinProps = BaseVideoSkinProps;\n\nconst Button = forwardRef<HTMLButtonElement, ComponentProps<'button'>>(function Button({ className, ...props }, ref) {\n return (\n <button\n ref={ref}\n type=\"button\"\n className={cn('media-button media-button--subtle media-button--icon', className)}\n {...props}\n />\n );\n});\n\nfunction VolumePopover(): ReactNode {\n const volumeUnsupported = usePlayer((s) => s.volumeAvailability === 'unsupported');\n\n const muteButton = (\n <MuteButton className=\"media-button--mute\" render={<Button />}>\n <VolumeOffIcon className=\"media-icon media-icon--volume-off\" />\n <VolumeLowIcon className=\"media-icon media-icon--volume-low\" />\n <VolumeHighIcon className=\"media-icon media-icon--volume-high\" />\n </MuteButton>\n );\n\n if (volumeUnsupported) return muteButton;\n\n return (\n <Popover.Root openOnHover delay={200} closeDelay={100} side=\"right\">\n <Popover.Trigger render={muteButton} />\n <Popover.Popup className=\"media-popover media-popover--volume\">\n <VolumeSlider.Root className=\"media-slider\" orientation=\"horizontal\" thumbAlignment=\"edge\">\n <VolumeSlider.Track className=\"media-slider__track\">\n <VolumeSlider.Fill className=\"media-slider__fill\" />\n </VolumeSlider.Track>\n <VolumeSlider.Thumb className=\"media-slider__thumb media-slider__thumb--persistent\" />\n </VolumeSlider.Root>\n </Popover.Popup>\n </Popover.Root>\n );\n}\n\nfunction MenuChevron({ flipped = false }: { flipped?: boolean }): ReactNode {\n return <ChevronIcon className={cn('media-icon media-menu__chevron', flipped ? 'media-icon--flipped' : undefined)} />;\n}\n\nfunction SettingsMenu(): ReactNode {\n const t = useTranslator();\n const playbackRate = usePlaybackRateOptions();\n const quality = useQualityOptions();\n const audioTrack = useAudioTrackOptions();\n const captions = useCaptionsOptions();\n const hasPlaybackRate = playbackRate?.state.availability === 'available';\n const hasQuality = quality?.state.availability === 'available';\n const hasAudioTrack = audioTrack?.state.availability === 'available';\n const hasCaptions = captions?.state.availability === 'available';\n\n if (!hasPlaybackRate && !hasQuality && !hasAudioTrack && !hasCaptions) return null;\n\n return (\n <Menu.Root side=\"top\" align=\"center\">\n <Menu.Trigger aria-label={t(settingsText)} className=\"media-button--settings\" render={<Button />}>\n <GearIcon className=\"media-icon media-icon--settings\" />\n </Menu.Trigger>\n <Menu.Content className=\"media-popover media-menu media-menu--settings\">\n <Menu.View className=\"media-menu__panel\">\n <div className=\"media-menu__group\">\n {hasQuality ? (\n <Menu.Root>\n <Menu.Trigger\n type=\"quality\"\n className=\"media-menu__item media-menu__item--submenu\"\n render={(props) => (\n <div {...props}>\n <QualityIcon className=\"media-icon\" />\n <span>{t(qualityText)}</span>\n <span className=\"media-menu__hint\">\n <Menu.ItemValue className=\"media-menu__hint-label\" />\n <MenuChevron />\n </span>\n </div>\n )}\n />\n <Menu.Content className=\"media-menu__panel\">\n <Menu.Back className=\"media-menu__back\">\n <MenuChevron flipped />\n {t(qualityText)}\n </Menu.Back>\n <Menu.Separator className=\"media-menu__separator\" />\n <Menu.RadioGroup\n className=\"media-menu__group\"\n value={quality.value}\n onValueChange={quality.setValue}\n aria-label={t(qualityText)}\n >\n {quality.options.map((option) => (\n <Menu.RadioItem\n key={option.value}\n className=\"media-menu__item\"\n value={option.value}\n disabled={option.disabled}\n >\n <span>\n {option.label}\n {option.tier ? <sup className=\"media-menu__tier\">{option.tier}</sup> : null}\n </span>\n {option.badge ? <span className=\"media-badge\">{option.badge}</span> : null}\n <Menu.ItemIndicator\n checked={option.value === quality.value}\n forceMount\n className=\"media-menu__indicator\"\n >\n <CheckIcon className=\"media-icon\" />\n </Menu.ItemIndicator>\n </Menu.RadioItem>\n ))}\n </Menu.RadioGroup>\n </Menu.Content>\n </Menu.Root>\n ) : null}\n\n {hasAudioTrack ? (\n <Menu.Root>\n <Menu.Trigger\n type=\"audio-track\"\n className=\"media-menu__item media-menu__item--submenu\"\n render={(props) => (\n <div {...props}>\n <SpeechIcon className=\"media-icon\" />\n <span>{t(audioText)}</span>\n <span className=\"media-menu__hint\">\n <Menu.ItemValue className=\"media-menu__hint-label\" />\n <MenuChevron />\n </span>\n </div>\n )}\n />\n <Menu.Content className=\"media-menu__panel\">\n <Menu.Back className=\"media-menu__back\">\n <MenuChevron flipped />\n {t(audioText)}\n </Menu.Back>\n <Menu.Separator className=\"media-menu__separator\" />\n <Menu.RadioGroup\n className=\"media-menu__group\"\n value={audioTrack.value}\n onValueChange={audioTrack.setValue}\n aria-label={t(audioText)}\n >\n {audioTrack.options.map((option) => (\n <Menu.RadioItem\n key={option.value}\n className=\"media-menu__item\"\n value={option.value}\n disabled={option.disabled}\n >\n <span>{option.label}</span>\n <Menu.ItemIndicator\n checked={option.value === audioTrack.value}\n forceMount\n className=\"media-menu__indicator\"\n >\n <CheckIcon className=\"media-icon\" />\n </Menu.ItemIndicator>\n </Menu.RadioItem>\n ))}\n </Menu.RadioGroup>\n </Menu.Content>\n </Menu.Root>\n ) : null}\n\n {hasPlaybackRate ? (\n <Menu.Root>\n <Menu.Trigger\n type=\"playback-rate\"\n className=\"media-menu__item media-menu__item--submenu\"\n render={(props) => (\n <div {...props}>\n <SpeedIcon className=\"media-icon\" />\n <span>{t(speedText)}</span>\n <span className=\"media-menu__hint\">\n <Menu.ItemValue className=\"media-menu__hint-label\" />\n <MenuChevron />\n </span>\n </div>\n )}\n />\n <Menu.Content className=\"media-menu__panel\">\n <Menu.Back className=\"media-menu__back\">\n <MenuChevron flipped />\n {t(speedText)}\n </Menu.Back>\n <Menu.Separator className=\"media-menu__separator\" />\n <Menu.RadioGroup\n className=\"media-menu__group\"\n value={playbackRate.value}\n onValueChange={playbackRate.setValue}\n aria-label={t(playbackRateText)}\n >\n {playbackRate.options.map((option) => (\n <Menu.RadioItem\n key={option.value}\n className=\"media-menu__item\"\n value={option.value}\n disabled={option.disabled}\n >\n <span>{option.label}</span>\n <Menu.ItemIndicator\n checked={option.value === playbackRate.value}\n forceMount\n className=\"media-menu__indicator\"\n >\n <CheckIcon className=\"media-icon\" />\n </Menu.ItemIndicator>\n </Menu.RadioItem>\n ))}\n </Menu.RadioGroup>\n </Menu.Content>\n </Menu.Root>\n ) : null}\n\n {hasCaptions ? (\n <Menu.Root>\n <Menu.Trigger\n type=\"captions\"\n className=\"media-menu__item media-menu__item--submenu\"\n render={(props) => (\n <div {...props}>\n <CaptionsOffIcon className=\"media-icon\" />\n <span>{t(captionsText)}</span>\n <span className=\"media-menu__hint\">\n <Menu.ItemValue className=\"media-menu__hint-label\" />\n <MenuChevron />\n </span>\n </div>\n )}\n />\n <Menu.Content className=\"media-menu__panel\">\n <Menu.Back className=\"media-menu__back\">\n <MenuChevron flipped />\n {t(captionsText)}\n </Menu.Back>\n <Menu.Separator className=\"media-menu__separator\" />\n <Menu.RadioGroup\n className=\"media-menu__group\"\n value={captions.value}\n onValueChange={captions.setValue}\n aria-label={t(captionsText)}\n >\n {captions.options.map((option) => (\n <Menu.RadioItem\n key={option.value}\n className=\"media-menu__item\"\n value={option.value}\n disabled={option.disabled}\n >\n <span>{option.label}</span>\n <Menu.ItemIndicator\n checked={option.value === captions.value}\n forceMount\n className=\"media-menu__indicator\"\n >\n <CheckIcon className=\"media-icon\" />\n </Menu.ItemIndicator>\n </Menu.RadioItem>\n ))}\n </Menu.RadioGroup>\n </Menu.Content>\n </Menu.Root>\n ) : null}\n </div>\n </Menu.View>\n </Menu.Content>\n </Menu.Root>\n );\n}\n\nexport function MinimalVideoSkin(props: MinimalVideoSkinProps): ReactNode {\n const { children, className, poster, placeholder, style, ...rest } = props;\n\n const containerStyle = placeholder\n ? ({ '--media-poster-placeholder': `url(${placeholder})`, ...style } as CSSProperties)\n : style;\n\n return (\n <Container\n className={cn('media-minimal-skin media-minimal-skin--video', className)}\n style={containerStyle}\n {...rest}\n >\n {children}\n\n {poster && (\n <Poster src={isString(poster) ? poster : undefined} render={isRenderProp(poster) ? poster : undefined} />\n )}\n\n <BufferingIndicator\n render={(props) => (\n <div {...props} className=\"media-buffering-indicator\">\n <SpinnerIcon className=\"media-icon\" />\n </div>\n )}\n />\n\n <ErrorDialog.Root>\n <ErrorDialog.Popup className=\"media-error\">\n <div className=\"media-error__dialog\">\n <div className=\"media-error__content\">\n <ErrorDialog.Title className=\"media-error__title\"></ErrorDialog.Title>\n <ErrorDialog.Description className=\"media-error__description\" />\n </div>\n <div className=\"media-error__actions\">\n <ErrorDialog.Close className=\"media-button media-button--primary\"></ErrorDialog.Close>\n </div>\n </div>\n </ErrorDialog.Popup>\n </ErrorDialog.Root>\n\n <Controls.Root className=\"media-controls\">\n <Tooltip.Provider>\n <div className=\"media-button-group\">\n <Tooltip.Root side=\"top\">\n <Tooltip.Trigger\n render={\n <PlayButton className=\"media-button--play\" render={<Button />}>\n <RestartIcon className=\"media-icon media-icon--restart\" />\n <PlayIcon className=\"media-icon media-icon--play\" />\n <PauseIcon className=\"media-icon media-icon--pause\" />\n </PlayButton>\n }\n />\n <Tooltip.Popup className=\"media-tooltip\">\n <Tooltip.Label />\n <Tooltip.Shortcut className=\"media-tooltip__kbd\" />\n </Tooltip.Popup>\n </Tooltip.Root>\n\n <VolumePopover />\n </div>\n\n <div className=\"media-time-controls\">\n <Time.Group className=\"media-time-group\">\n <Time.Value toggle type=\"current\" className=\"media-time media-time--current\" />\n <Time.Separator className=\"media-time-separator\" />\n <Time.Value type=\"duration\" className=\"media-time media-time--duration\" />\n </Time.Group>\n\n <TimeSlider.Root className=\"media-slider\">\n <TimeSlider.Track className=\"media-slider__track\">\n <TimeSlider.Fill className=\"media-slider__fill\" />\n <TimeSlider.Buffer className=\"media-slider__buffer\" />\n </TimeSlider.Track>\n <TimeSlider.Thumb className=\"media-slider__thumb\" />\n\n <div className=\"media-thumbnail media-slider__thumbnail\">\n <div className=\"media-thumbnail__image-wrapper\">\n <Slider.Thumbnail className=\"media-thumbnail__image\" />\n </div>\n <TimeSlider.Value type=\"pointer\" className=\"media-time media-thumbnail__time\" />\n <SpinnerIcon className=\"media-thumbnail__spinner media-icon\" />\n </div>\n\n <TimeSlider.Preview className=\"media-slider__preview\">\n <TimeSlider.Value type=\"pointer\" className=\"media-time media-slider__value\" />\n </TimeSlider.Preview>\n </TimeSlider.Root>\n </div>\n\n <div className=\"media-button-group\">\n <Tooltip.Root side=\"top\">\n <Tooltip.Trigger\n render={\n <CaptionsButton className=\"media-button--captions\" render={<Button />}>\n <CaptionsOffIcon className=\"media-icon media-icon--captions-off\" />\n <CaptionsOnIcon className=\"media-icon media-icon--captions-on\" />\n </CaptionsButton>\n }\n />\n <Tooltip.Popup className=\"media-tooltip\">\n <Tooltip.Label />\n <Tooltip.Shortcut className=\"media-tooltip__kbd\" />\n </Tooltip.Popup>\n </Tooltip.Root>\n\n <SettingsMenu />\n\n <Tooltip.Root side=\"top\">\n <Tooltip.Trigger\n render={\n <CastButton className=\"media-button--cast\" render={<Button />}>\n <CastEnterIcon className=\"media-icon media-icon--cast-enter\" />\n <CastExitIcon className=\"media-icon media-icon--cast-exit\" />\n </CastButton>\n }\n />\n <Tooltip.Popup className=\"media-tooltip\">\n <Tooltip.Label />\n <Tooltip.Shortcut className=\"media-tooltip__kbd\" />\n </Tooltip.Popup>\n </Tooltip.Root>\n\n <Tooltip.Root side=\"top\">\n <Tooltip.Trigger\n render={\n <AirPlayButton className=\"media-button--airplay\" render={<Button />}>\n <AirPlayEnterIcon className=\"media-icon media-icon--airplay-enter\" />\n <AirPlayExitIcon className=\"media-icon media-icon--airplay-exit\" />\n </AirPlayButton>\n }\n />\n <Tooltip.Popup className=\"media-tooltip\">\n <Tooltip.Label />\n <Tooltip.Shortcut className=\"media-tooltip__kbd\" />\n </Tooltip.Popup>\n </Tooltip.Root>\n\n <Tooltip.Root side=\"top\">\n <Tooltip.Trigger\n render={\n <PiPButton className=\"media-button--pip\" render={<Button />}>\n <PipEnterIcon className=\"media-icon media-icon--pip-enter\" />\n <PipExitIcon className=\"media-icon media-icon--pip-exit\" />\n </PiPButton>\n }\n />\n <Tooltip.Popup className=\"media-tooltip\">\n <Tooltip.Label />\n <Tooltip.Shortcut className=\"media-tooltip__kbd\" />\n </Tooltip.Popup>\n </Tooltip.Root>\n\n <Tooltip.Root side=\"top\">\n <Tooltip.Trigger\n render={\n <FullscreenButton className=\"media-button--fullscreen\" render={<Button />}>\n <FullscreenEnterIcon className=\"media-icon media-icon--fullscreen-enter\" />\n <FullscreenExitIcon className=\"media-icon media-icon--fullscreen-exit\" />\n </FullscreenButton>\n }\n />\n <Tooltip.Popup className=\"media-tooltip\">\n <Tooltip.Label />\n <Tooltip.Shortcut className=\"media-tooltip__kbd\" />\n </Tooltip.Popup>\n </Tooltip.Root>\n </div>\n </Tooltip.Provider>\n </Controls.Root>\n\n <div className=\"media-overlay\" />\n\n {/* Hotkeys /}\n <Hotkey keys=\"Space\" action=\"togglePaused\" />\n <Hotkey keys=\"k\" action=\"togglePaused\" />\n <Hotkey keys=\"m\" action=\"toggleMuted\" />\n <Hotkey keys=\"f\" action=\"toggleFullscreen\" />\n <Hotkey keys=\"c\" action=\"toggleSubtitles\" />\n <Hotkey keys=\"i\" action=\"togglePictureInPicture\" />\n <Hotkey keys=\"ArrowRight\" action=\"seekStep\" value={SEEK_TIME / 2} />\n <Hotkey keys=\"ArrowLeft\" action=\"seekStep\" value={-(SEEK_TIME / 2)} />\n <Hotkey keys=\"l\" action=\"seekStep\" value={SEEK_TIME} />\n <Hotkey keys=\"j\" action=\"seekStep\" value={-SEEK_TIME} />\n <Hotkey keys=\"ArrowUp\" action=\"volumeStep\" value={0.05} />\n <Hotkey keys=\"ArrowDown\" action=\"volumeStep\" value={-0.05} />\n <Hotkey keys=\"0-9\" action=\"seekToPercent\" />\n <Hotkey keys=\"Home\" action=\"seekToPercent\" value={0} />\n <Hotkey keys=\"End\" action=\"seekToPercent\" value={100} />\n <Hotkey keys=\">\" action=\"speedUp\" />\n <Hotkey keys=\"<\" action=\"speedDown\" />\n\n {/ Gestures /}\n <Gesture type=\"tap\" action=\"togglePaused\" pointer=\"mouse\" region=\"center\" />\n <Gesture type=\"tap\" action=\"toggleControls\" pointer=\"touch\" />\n <Gesture type=\"doubletap\" action=\"seekStep\" value={-SEEK_TIME} region=\"left\" />\n <Gesture type=\"doubletap\" action=\"toggleFullscreen\" region=\"center\" />\n <Gesture type=\"doubletap\" action=\"seekStep\" value={SEEK_TIME} region=\"right\" />\n\n {/ Input Feedback */}\n <StatusAnnouncer className=\"media-sr-only\" />\n <div className=\"media-input-feedback\">\n <VolumeIndicator.Root className=\"media-input-feedback-island media-input-feedback-island--volume\">\n <VolumeIndicator.Fill className=\"media-input-feedback-island__content\">\n <VolumeHighIcon className=\"media-icon media-icon--volume-high\" />\n <VolumeLowIcon className=\"media-icon media-icon--volume-low\" />\n <VolumeOffIcon className=\"media-icon media-icon--volume-off\" />\n <div className=\"media-input-feedback-island__progress\" aria-hidden=\"true\" />\n <VolumeIndicator.Value className=\"media-input-feedback-island__value\" />\n </VolumeIndicator.Fill>\n </VolumeIndicator.Root>\n\n <StatusIndicator.Root\n actions={TOP_STATUS_ACTIONS}\n className=\"media-input-feedback-island media-input-feedback-island--status\"\n >\n <div className=\"media-input-feedback-island__content\">\n <CaptionsOnIcon className=\"media-icon media-icon--captions-on\" />\n <CaptionsOffIcon className=\"media-icon media-icon--captions-off\" />\n <FullscreenEnterIcon className=\"media-icon media-icon--fullscreen-enter\" />\n <FullscreenExitIcon className=\"media-icon media-icon--fullscreen-exit\" />\n <PipEnterIcon className=\"media-icon media-icon--pip-enter\" />\n <PipExitIcon className=\"media-icon media-icon--pip-exit\" />\n <StatusIndicator.Value className=\"media-input-feedback-island__value\" />\n </div>\n </StatusIndicator.Root>\n\n <SeekIndicator.Root className=\"media-input-feedback-bubble\">\n <ChevronIcon className=\"media-icon media-icon--seek\" />\n <SeekIndicator.Value className=\"media-time\" />\n </SeekIndicator.Root>\n\n <StatusIndicator.Root actions={CENTER_STATUS_ACTIONS} className=\"media-input-feedback-bubble\">\n <PlayIcon className=\"media-icon media-icon--play\" />\n <PauseIcon className=\"media-icon media-icon--pause\" />\n </StatusIndicator.Root>\n </div>\n </Container>\n );\n}\n"],"mappings":"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"}