@videojs/html 10.0.0 → 10.1.0

package/dist/dev/icons/dist/html/scaffold/volume-low.js

@@ -0,0 +1,6 @@
+//#region ../icons/dist/html/scaffold/volume-low.js
+const volumeLowIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path stroke=\"currentColor\" d=\"M2.5 6.5h3l5-4v13l-5-4h-3zm10.928.202a2.997 2.997 0 0 1 0 4.596\"/></svg>";
+//#endregion
+export { volumeLowIcon };
+
+//# sourceMappingURL=volume-low.js.map

package/dist/dev/icons/dist/html/scaffold/volume-low.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"volume-low.js","names":[],"sources":["../../../../../../../icons/dist/html/scaffold/volume-low.js"],"sourcesContent":["export const volumeLowIcon = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"18\\\" height=\\\"18\\\" fill=\\\"none\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 18 18\\\"><path stroke=\\\"currentColor\\\" d=\\\"M2.5 6.5h3l5-4v13l-5-4h-3zm10.928.202a2.997 2.997 0 0 1 0 4.596\\\"/></svg>\";\n"],"mappings":";AAAA,MAAa,gBAAgB"}

package/dist/dev/icons/dist/html/scaffold/volume-off.js

@@ -0,0 +1,6 @@
+//#region ../icons/dist/html/scaffold/volume-off.js
+const volumeOffIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path stroke=\"currentColor\" d=\"M1.5 6.5h3l5-4v13l-5-4h-3zm11 0 4 4m0-4-4 4\"/></svg>";
+//#endregion
+export { volumeOffIcon };
+
+//# sourceMappingURL=volume-off.js.map

package/dist/dev/icons/dist/html/scaffold/volume-off.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"volume-off.js","names":[],"sources":["../../../../../../../icons/dist/html/scaffold/volume-off.js"],"sourcesContent":["export const volumeOffIcon = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"18\\\" height=\\\"18\\\" fill=\\\"none\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 18 18\\\"><path stroke=\\\"currentColor\\\" d=\\\"M1.5 6.5h3l5-4v13l-5-4h-3zm11 0 4 4m0-4-4 4\\\"/></svg>\";\n"],"mappings":";AAAA,MAAa,gBAAgB"}

package/dist/dev/icons/element/scaffold/index.d.ts

@@ -0,0 +1 @@
+import "../../dist/element/scaffold/index.js";

package/dist/dev/icons/element/scaffold/index.js

@@ -0,0 +1 @@
+import "../../dist/element/scaffold/index.js";

package/dist/dev/icons/scaffold/index.d.ts

@@ -0,0 +1,2 @@
+import { airPlayEnterIcon, airPlayExitIcon, captionsOffIcon, captionsOnIcon, castEnterIcon, castExitIcon, checkIcon, chevronIcon, fullscreenEnterIcon, fullscreenExitIcon, gearIcon, pauseIcon, pipEnterIcon, pipExitIcon, playIcon, qualityIcon, restartIcon, seekIcon, speechIcon, speedIcon, spinnerIcon, switchesIcon, volumeHighIcon, volumeLowIcon, volumeOffIcon } from "../dist/html/scaffold/index.js";
+export { airPlayEnterIcon, airPlayExitIcon, captionsOffIcon, captionsOnIcon, castEnterIcon, castExitIcon, checkIcon, chevronIcon, fullscreenEnterIcon, fullscreenExitIcon, gearIcon, pauseIcon, pipEnterIcon, pipExitIcon, playIcon, qualityIcon, restartIcon, seekIcon, speechIcon, speedIcon, spinnerIcon, switchesIcon, volumeHighIcon, volumeLowIcon, volumeOffIcon };

package/dist/dev/icons/scaffold/index.js

@@ -0,0 +1,26 @@
+import { airPlayEnterIcon } from "../dist/html/scaffold/airplay-enter.js";
+import { airPlayExitIcon } from "../dist/html/scaffold/airplay-exit.js";
+import { captionsOffIcon } from "../dist/html/scaffold/captions-off.js";
+import { captionsOnIcon } from "../dist/html/scaffold/captions-on.js";
+import { castEnterIcon } from "../dist/html/scaffold/cast-enter.js";
+import { castExitIcon } from "../dist/html/scaffold/cast-exit.js";
+import { checkIcon } from "../dist/html/scaffold/check.js";
+import { chevronIcon } from "../dist/html/scaffold/chevron.js";
+import { fullscreenEnterIcon } from "../dist/html/scaffold/fullscreen-enter.js";
+import { fullscreenExitIcon } from "../dist/html/scaffold/fullscreen-exit.js";
+import { gearIcon } from "../dist/html/scaffold/gear.js";
+import { pauseIcon } from "../dist/html/scaffold/pause.js";
+import { pipEnterIcon } from "../dist/html/scaffold/pip-enter.js";
+import { pipExitIcon } from "../dist/html/scaffold/pip-exit.js";
+import { playIcon } from "../dist/html/scaffold/play.js";
+import { qualityIcon } from "../dist/html/scaffold/quality.js";
+import { restartIcon } from "../dist/html/scaffold/restart.js";
+import { seekIcon } from "../dist/html/scaffold/seek.js";
+import { speechIcon } from "../dist/html/scaffold/speech.js";
+import { speedIcon } from "../dist/html/scaffold/speed.js";
+import { spinnerIcon } from "../dist/html/scaffold/spinner.js";
+import { switchesIcon } from "../dist/html/scaffold/switches.js";
+import { volumeHighIcon } from "../dist/html/scaffold/volume-high.js";
+import { volumeLowIcon } from "../dist/html/scaffold/volume-low.js";
+import { volumeOffIcon } from "../dist/html/scaffold/volume-off.js";
+export { airPlayEnterIcon, airPlayExitIcon, captionsOffIcon, captionsOnIcon, castEnterIcon, castExitIcon, checkIcon, chevronIcon, fullscreenEnterIcon, fullscreenExitIcon, gearIcon, pauseIcon, pipEnterIcon, pipExitIcon, playIcon, qualityIcon, restartIcon, seekIcon, speechIcon, speedIcon, spinnerIcon, switchesIcon, volumeHighIcon, volumeLowIcon, volumeOffIcon };

package/dist/dev/index.d.ts

@@ -97,7 +97,7 @@ import { VERSION } from "./version.js";
 import { DialogBackdropElement } from "./ui/dialog/backdrop.js";
 import { AirPlayButtonProps, AirPlayButtonState, AlertDialogProps, AudioTrackRadioGroupOption, AudioTrackRadioGroupProps, AudioTrackRadioGroupState, BufferingIndicatorProps, BufferingIndicatorState, BuiltInIndicatorStatus, ButtonState, CaptionsButtonProps, CaptionsButtonState, CaptionsRadioGroupOption, CaptionsRadioGroupProps, CaptionsRadioGroupState, CastButtonProps, CastButtonState, ControlsProps, ControlsState, ControlsVisibility, DeriveCustomStatus, DialogProps, DialogState, FullscreenButtonProps, FullscreenButtonState, GestureProps, HotkeyProps, IndicatorCoreProps, IndicatorDirection, IndicatorLifecycleState, IndicatorStatus, IndicatorVolumeLevel, InputAction, InputActionEvent, InputActionSource, InputIndicatorLabels, LiveButtonProps, LiveButtonState, MediaButtonComponent, MediaSnapshot, MediaUIComponent, MenuInput, MenuOptionState, MenuProps, MenuState, MuteButtonProps, MuteButtonState, PiPButtonProps, PiPButtonState, PlayButtonProps, PlayButtonState, PlaybackRateButtonProps, PlaybackRateButtonState, PlaybackRateRadioGroupOption, PlaybackRateRadioGroupProps, PlaybackRateRadioGroupState, PopoverAlign, PopoverBoundary, PopoverProps, PopoverSide, PopoverState, PosterState, QualityRadioGroupOption, QualityRadioGroupProps, QualityRadioGroupState, RadioOption, RadioOptionsState, SeekButtonDirection, SeekButtonProps, SeekButtonState, SeekIndicatorProps, SeekIndicatorState, SliderPreviewProps, SliderProps, SliderSegmentGeometry, SliderSegmentRange, SliderSegmentState, SliderState, StatusAnnouncerLabels, StatusAnnouncerProps, StatusAnnouncerState, StatusDetails, StatusIndicatorProps, StatusIndicatorState, ThumbnailCoords, ThumbnailCrossOrigin, ThumbnailFetchPriority, ThumbnailImage, ThumbnailImageProps, ThumbnailLoading, ThumbnailProps, ThumbnailState, TimeProps, TimeSliderChapterRange, TimeSliderProps, TimeSliderState, TimeState, TimeType, TitleState, TooltipGroupProps, TooltipProps, TooltipState, TransitionFlags, TransitionState, TransitionStatus, UIComponent, VolumeIndicatorProps, VolumeIndicatorState, VolumeLevel, VolumePopoverState, VolumeSliderProps, VolumeSliderState } from "@videojs/core";
 import { DestroyMixin, Destroyable, PropertyDeclaration, PropertyDeclarationMap, PropertyValues, ReactiveController, ReactiveControllerHost, ReactiveElement } from "@videojs/element";
-import { AdapterType, AudioRenditionLike, AudioRenditionListLike, AudioTrackLike, AudioTrackListLike, CanPlayTypeResult, CommonMedia, CommonMediaEvents, EngineAdapter, ErrorLike, EventLike, EventTargetLike, MediaAudioRenditionCapability, MediaAudioTrack, MediaAudioTrackCapability, MediaAudioTrackState, MediaAutoplayCapability, MediaBufferCapability, MediaBufferEvents, MediaBufferState, MediaContentData, MediaContentDataCapability, MediaContentDataEvents, MediaContentValue, MediaControlsCapability, MediaControlsState, MediaError, MediaErrorCapability, MediaErrorEvents, MediaErrorState, MediaEvents, MediaFullscreenCapability, MediaFullscreenState, MediaLiveCapability, MediaLiveEvents, MediaLiveState, MediaMetadataState, MediaPauseCapability, MediaPauseEvents, MediaPictureInPictureCapability, MediaPictureInPictureEvents, MediaPictureInPictureState, MediaPlaybackCapability, MediaPlaybackEvents, MediaPlaybackRateCapability, MediaPlaybackRateEvents, MediaPlaybackRateState, MediaPlaybackState, MediaPlayedCapability, MediaPlaysInlineCapability, MediaPosterCapability, MediaPreloadType, MediaQualityState, MediaReadyStateValue, MediaRemotePlaybackCapability, MediaRemotePlaybackState, MediaResolution, MediaSeekCapability, MediaSeekEvents, MediaSourceCapability, MediaSourceEvents, MediaSourceState, MediaStreamType, MediaStreamTypeCapability, MediaStreamTypeEvents, MediaStreamTypeState, MediaTargetLike, MediaTextCue, MediaTextTrack, MediaTextTrackCapability, MediaTextTrackState, MediaThumbnailsTrack, MediaTimeState, MediaVideoDimensionsCapability, MediaVideoDimensionsEvents, MediaVideoRendition, MediaVideoRenditionCapability, MediaVideoTrackCapability, MediaVolumeCapability, MediaVolumeEvents, MediaVolumeState, NodeListLike, RemotePlaybackConnectionState, RemotePlaybackEvents, RemotePlaybackLike, TextCueLike, TextCueListLike, TextTrackKind, TextTrackLike, TextTrackListEvents, TextTrackListLike, TextTrackMode, TimeRangeLike, Video, VideoEvents, VideoRenditionLike, VideoRenditionListLike, VideoTargetLike, VideoTrackLike, VideoTrackListLike, hasMetadata, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, resolveAdapterType, resolveMimeType } from "@videojs/media";
+import { AdapterType, AudioRenditionLike, AudioRenditionListLike, AudioTrackLike, AudioTrackListLike, CanPlayTypeResult, CommonMedia, CommonMediaEvents, EngineAdapter, ErrorLike, EventLike, EventTargetLike, MediaAudioRenditionCapability, MediaAudioTrack, MediaAudioTrackCapability, MediaAudioTrackState, MediaAutoplayCapability, MediaBufferCapability, MediaBufferEvents, MediaBufferState, MediaContentData, MediaContentDataCapability, MediaContentDataEvents, MediaContentValue, MediaControlsCapability, MediaControlsState, MediaCrossOriginType, MediaError, MediaErrorCapability, MediaErrorEvents, MediaErrorState, MediaEvents, MediaFullscreenCapability, MediaFullscreenState, MediaLiveCapability, MediaLiveEvents, MediaLiveState, MediaMetadataState, MediaPauseCapability, MediaPauseEvents, MediaPictureInPictureCapability, MediaPictureInPictureEvents, MediaPictureInPictureState, MediaPlaybackCapability, MediaPlaybackEvents, MediaPlaybackRateCapability, MediaPlaybackRateEvents, MediaPlaybackRateState, MediaPlaybackState, MediaPlayedCapability, MediaPlaysInlineCapability, MediaPosterCapability, MediaPreloadType, MediaQualityState, MediaReadyStateValue, MediaRemotePlaybackCapability, MediaRemotePlaybackState, MediaResolution, MediaSeekCapability, MediaSeekEvents, MediaSourceCapability, MediaSourceEvents, MediaSourceState, MediaStreamType, MediaStreamTypeCapability, MediaStreamTypeEvents, MediaStreamTypeState, MediaTargetLike, MediaTextCue, MediaTextTrack, MediaTextTrackCapability, MediaTextTrackState, MediaThumbnailsTrack, MediaTimeState, MediaVideoDimensionsCapability, MediaVideoDimensionsEvents, MediaVideoRendition, MediaVideoRenditionCapability, MediaVideoTrackCapability, MediaVolumeCapability, MediaVolumeEvents, MediaVolumeState, NodeListLike, RemotePlaybackConnectionState, RemotePlaybackEvents, RemotePlaybackLike, TextCueLike, TextCueListLike, TextTrackKind, TextTrackLike, TextTrackListEvents, TextTrackListLike, TextTrackMode, TimeRangeLike, Video, VideoEvents, VideoRenditionLike, VideoRenditionListLike, VideoTargetLike, VideoTrackLike, VideoTrackListLike, hasMetadata, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, resolveAdapterType, resolveMimeType } from "@videojs/media";
 import { CustomMediaConstructor } from "@videojs/media/dom";
 import { Comparator, Selector, createSelector, shallowEqual } from "@videojs/store";
 import { Text, TextParams, TranslationKey, TranslationOptions } from "@videojs/core/i18n";
@@ -105,10 +105,10 @@ import { WithMediaTracks } from "@videojs/media/media-tracks";
 export * from "@videojs/core/dom";
 export * from "@videojs/media/dom";
 declare namespace index_d_exports {
-  export { AdapterType, AirPlayButtonElement, AirPlayButtonProps, AirPlayButtonState, AlertDialogElement, AlertDialogProps, AriaKeyShortcutsController, AudioRenditionLike, AudioRenditionListLike, AudioTrackLike, AudioTrackListLike, AudioTrackRadioGroupElement, AudioTrackRadioGroupOption, AudioTrackRadioGroupProps, AudioTrackRadioGroupState, BufferingIndicatorElement, BufferingIndicatorProps, BufferingIndicatorState, BuiltInIndicatorStatus, ButtonState, CONTAINER_CONTEXT_KEY, CanPlayTypeResult, CaptionsButtonElement, CaptionsButtonProps, CaptionsButtonState, CaptionsRadioGroupElement, CaptionsRadioGroupOption, CaptionsRadioGroupProps, CaptionsRadioGroupState, CastButtonElement, CastButtonProps, CastButtonState, CommonMedia, CommonMediaEvents, Comparator, ContainerContext, ContainerContextConsumer, ContainerContextValue, ContainerElement, ContextPartElement, ControlsBackdropElement, ControlsContentElement, ControlsElement, ControlsGroupElement, ControlsProps, ControlsState, ControlsVisibility, CreateI18nOptions, CreateI18nResult, CreatePlayerConfig, CreatePlayerResult, CustomMediaConstructor, DEFAULT_SEEK_STEP, DeriveCustomStatus, DestroyMixin, Destroyable, DialogBackdropElement, DialogCloseElement, DialogContextValue, DialogDescriptionElement, DialogElement, DialogPopupElement, DialogProps, DialogState, DialogTitleElement, EXTENSION_CONTEXT_KEY, EngineAdapter, ErrorDialogElement, ErrorLike, EventLike, EventTargetLike, ExtensionContext, ExtensionContextValue, FlatTranslations, FullscreenButtonElement, FullscreenButtonProps, FullscreenButtonState, GestureElement, GestureProps, HotkeyElement, HotkeyProps, I18nContextValue, I18nController, I18nContext as I18nLitContext, I18nProviderMixin, I18nTextMixin, IndicatorCoreProps, IndicatorDirection, IndicatorLifecycleState, IndicatorStatus, IndicatorVolumeLevel, InputAction, InputActionEvent, InputActionSource, InputIndicatorLabels, LiveButtonElement, LiveButtonProps, LiveButtonState, Locale, MEDIA_CONTEXT_KEY, MediaAttachMixin, MediaAudioRenditionCapability, MediaAudioTrack, MediaAudioTrackCapability, MediaAudioTrackState, MediaAutoplayCapability, MediaBufferCapability, MediaBufferEvents, MediaBufferState, MediaButtonComponent, MediaButtonElement, MediaContentData, MediaContentDataCapability, MediaContentDataEvents, MediaContentValue, MediaContext, MediaContextValue, MediaControlsCapability, MediaControlsState, MediaError, MediaErrorCapability, MediaErrorEvents, MediaErrorState, MediaEvents, MediaFullscreenCapability, MediaFullscreenState, I18nProviderElement as MediaI18nProviderElement, MediaLiveCapability, MediaLiveEvents, MediaLiveState, MediaMetadataState, MediaPauseCapability, MediaPauseEvents, MediaPictureInPictureCapability, MediaPictureInPictureEvents, MediaPictureInPictureState, MediaPlaybackCapability, MediaPlaybackEvents, MediaPlaybackRateCapability, MediaPlaybackRateEvents, MediaPlaybackRateState, MediaPlaybackState, MediaPlayedCapability, MediaPlaysInlineCapability, MediaPosterCapability, MediaPreloadType, MediaQualityState, MediaReadyStateValue, MediaRemotePlaybackCapability, MediaRemotePlaybackState, MediaResolution, MediaSeekCapability, MediaSeekEvents, MediaSnapshot, MediaSourceCapability, MediaSourceEvents, MediaSourceState, MediaStreamType, MediaStreamTypeCapability, MediaStreamTypeEvents, MediaStreamTypeState, MediaTargetLike, MediaTextCue, TextElement as MediaTextElement, MediaTextTrack, MediaTextTrackCapability, MediaTextTrackState, MediaThumbnailsTrack, MediaTimeState, MediaUIComponent, MediaUIElement, MediaVideoDimensionsCapability, MediaVideoDimensionsEvents, MediaVideoRendition, MediaVideoRenditionCapability, MediaVideoTrackCapability, MediaVolumeCapability, MediaVolumeEvents, MediaVolumeState, MenuCheckboxItemElement, MenuContentElement, MenuContextValue, MenuElement, MenuGroupContextValue, MenuGroupElement, MenuGroupLabelElement, MenuInput, MenuItemElement, MenuItemIndicatorElement, MenuOptionState, MenuProps, RadioGroupContextValue as MenuRadioGroupContextValue, MenuRadioGroupElement, MenuRadioItemElement, MenuSeparatorElement, MenuState, MuteButtonElement, MuteButtonProps, MuteButtonState, NodeListLike, PLAYER_CONTEXT_KEY, PartContextValue, PiPButtonElement, PiPButtonProps, PiPButtonState, PlayButtonElement, PlayButtonProps, PlayButtonState, PlaybackRateButtonElement, PlaybackRateButtonProps, PlaybackRateButtonState, PlaybackRateRadioGroupElement, PlaybackRateRadioGroupOption, PlaybackRateRadioGroupProps, PlaybackRateRadioGroupState, PlayerContext, PlayerContextValue, PlayerController, PlayerControllerHost, PlayerElement, PlayerElementConstructor, PopoverAlign, PopoverBoundary, PopoverElement, PopoverProps, PopoverSide, PopoverState, PosterElement, PosterState, PropertyDeclaration, PropertyDeclarationMap, PropertyValues, QualityRadioGroupElement, QualityRadioGroupOption, QualityRadioGroupProps, QualityRadioGroupState, RadioOption, RadioOptionsState, ReactiveController, ReactiveControllerHost, ReactiveElement, RemotePlaybackConnectionState, RemotePlaybackEvents, RemotePlaybackLike, SeekButtonDirection, SeekButtonElement, SeekButtonProps, SeekButtonState, SeekIndicatorElement, SeekIndicatorProps, SeekIndicatorState, SeekIndicatorValueElement, Selector, SliderBufferElement, SliderContextValue, SliderElement, SliderEventMap, SliderFillElement, SliderPreviewElement, SliderPreviewProps, SliderProps, SliderSegmentGeometry, SliderSegmentRange, SliderSegmentState, SliderState, SliderThumbElement, SliderThumbnailElement, SliderTrackElement, SliderValueElement, SliderValueEventDetail, StatusAnnouncerElement, StatusAnnouncerLabels, StatusAnnouncerProps, StatusAnnouncerState, StatusDetails, StatusIndicatorElement, StatusIndicatorProps, StatusIndicatorState, StatusIndicatorValueElement, Text, TextCueLike, TextCueListLike, TextParams, TextTrackKind, TextTrackLike, TextTrackListEvents, TextTrackListLike, TextTrackMode, ThumbnailCoords, ThumbnailCrossOrigin, ThumbnailElement, ThumbnailFetchPriority, ThumbnailImage, ThumbnailImageProps, ThumbnailLoading, ThumbnailProps, ThumbnailState, TimeElement, TimeGroupElement, TimeProps, TimeRangeLike, TimeSeparatorElement, TimeSliderChapterRange, TimeSliderChapterTitleElement, TimeSliderChaptersElement, TimeSliderElement, TimeSliderProps, TimeSliderState, TimeState, TimeType, TitleElement, TitleState, TooltipElement, TooltipGroupElement, TooltipGroupProps, TooltipLabelElement, TooltipProps, TooltipShortcutElement, TooltipState, TransitionFlags, TransitionState, TransitionStatus, TranslationKey, TranslationOptions, TranslationParams, Translations, Translator, UIComponent, UIElement, UIElementConstructor, VERSION, Video, VideoEvents, VideoRenditionLike, VideoRenditionListLike, VideoTargetLike, VideoTrackLike, VideoTrackListLike, VolumeIndicatorElement, VolumeIndicatorFillElement, VolumeIndicatorProps, VolumeIndicatorState, VolumeIndicatorValueElement, VolumeLevel, VolumePopoverElement, VolumePopoverState, VolumeSliderElement, VolumeSliderProps, VolumeSliderState, WithMediaTracks, containerContext, createI18n, createMediaAttachMixin, createPlayer, createSelector, createTranslator, dialogContext, extensionContext, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, i18nContext, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mediaContext, menuContext, menuGroupContext, radioGroupContext as menuRadioGroupContext, onI18nRegistryChange, playerContext, registerI18n, resolveAdapterType, resolveMimeType, resolvePlayerLocale, resolveProviderLocale, shallowEqual, sliderContext, tooltipGroupContext, translateText };
+  export { AdapterType, AirPlayButtonElement, AirPlayButtonProps, AirPlayButtonState, AlertDialogElement, AlertDialogProps, AriaKeyShortcutsController, AudioRenditionLike, AudioRenditionListLike, AudioTrackLike, AudioTrackListLike, AudioTrackRadioGroupElement, AudioTrackRadioGroupOption, AudioTrackRadioGroupProps, AudioTrackRadioGroupState, BufferingIndicatorElement, BufferingIndicatorProps, BufferingIndicatorState, BuiltInIndicatorStatus, ButtonState, CONTAINER_CONTEXT_KEY, CanPlayTypeResult, CaptionsButtonElement, CaptionsButtonProps, CaptionsButtonState, CaptionsRadioGroupElement, CaptionsRadioGroupOption, CaptionsRadioGroupProps, CaptionsRadioGroupState, CastButtonElement, CastButtonProps, CastButtonState, CommonMedia, CommonMediaEvents, Comparator, ContainerContext, ContainerContextConsumer, ContainerContextValue, ContainerElement, ContextPartElement, ControlsBackdropElement, ControlsContentElement, ControlsElement, ControlsGroupElement, ControlsProps, ControlsState, ControlsVisibility, CreateI18nOptions, CreateI18nResult, CreatePlayerConfig, CreatePlayerResult, CustomMediaConstructor, DEFAULT_SEEK_STEP, DeriveCustomStatus, DestroyMixin, Destroyable, DialogBackdropElement, DialogCloseElement, DialogContextValue, DialogDescriptionElement, DialogElement, DialogPopupElement, DialogProps, DialogState, DialogTitleElement, EXTENSION_CONTEXT_KEY, EngineAdapter, ErrorDialogElement, ErrorLike, EventLike, EventTargetLike, ExtensionContext, ExtensionContextValue, FlatTranslations, FullscreenButtonElement, FullscreenButtonProps, FullscreenButtonState, GestureElement, GestureProps, HotkeyElement, HotkeyProps, I18nContextValue, I18nController, I18nContext as I18nLitContext, I18nProviderMixin, I18nTextMixin, IndicatorCoreProps, IndicatorDirection, IndicatorLifecycleState, IndicatorStatus, IndicatorVolumeLevel, InputAction, InputActionEvent, InputActionSource, InputIndicatorLabels, LiveButtonElement, LiveButtonProps, LiveButtonState, Locale, MEDIA_CONTEXT_KEY, MediaAttachMixin, MediaAudioRenditionCapability, MediaAudioTrack, MediaAudioTrackCapability, MediaAudioTrackState, MediaAutoplayCapability, MediaBufferCapability, MediaBufferEvents, MediaBufferState, MediaButtonComponent, MediaButtonElement, MediaContentData, MediaContentDataCapability, MediaContentDataEvents, MediaContentValue, MediaContext, MediaContextValue, MediaControlsCapability, MediaControlsState, MediaCrossOriginType, MediaError, MediaErrorCapability, MediaErrorEvents, MediaErrorState, MediaEvents, MediaFullscreenCapability, MediaFullscreenState, I18nProviderElement as MediaI18nProviderElement, MediaLiveCapability, MediaLiveEvents, MediaLiveState, MediaMetadataState, MediaPauseCapability, MediaPauseEvents, MediaPictureInPictureCapability, MediaPictureInPictureEvents, MediaPictureInPictureState, MediaPlaybackCapability, MediaPlaybackEvents, MediaPlaybackRateCapability, MediaPlaybackRateEvents, MediaPlaybackRateState, MediaPlaybackState, MediaPlayedCapability, MediaPlaysInlineCapability, MediaPosterCapability, MediaPreloadType, MediaQualityState, MediaReadyStateValue, MediaRemotePlaybackCapability, MediaRemotePlaybackState, MediaResolution, MediaSeekCapability, MediaSeekEvents, MediaSnapshot, MediaSourceCapability, MediaSourceEvents, MediaSourceState, MediaStreamType, MediaStreamTypeCapability, MediaStreamTypeEvents, MediaStreamTypeState, MediaTargetLike, MediaTextCue, TextElement as MediaTextElement, MediaTextTrack, MediaTextTrackCapability, MediaTextTrackState, MediaThumbnailsTrack, MediaTimeState, MediaUIComponent, MediaUIElement, MediaVideoDimensionsCapability, MediaVideoDimensionsEvents, MediaVideoRendition, MediaVideoRenditionCapability, MediaVideoTrackCapability, MediaVolumeCapability, MediaVolumeEvents, MediaVolumeState, MenuCheckboxItemElement, MenuContentElement, MenuContextValue, MenuElement, MenuGroupContextValue, MenuGroupElement, MenuGroupLabelElement, MenuInput, MenuItemElement, MenuItemIndicatorElement, MenuOptionState, MenuProps, RadioGroupContextValue as MenuRadioGroupContextValue, MenuRadioGroupElement, MenuRadioItemElement, MenuSeparatorElement, MenuState, MuteButtonElement, MuteButtonProps, MuteButtonState, NodeListLike, PLAYER_CONTEXT_KEY, PartContextValue, PiPButtonElement, PiPButtonProps, PiPButtonState, PlayButtonElement, PlayButtonProps, PlayButtonState, PlaybackRateButtonElement, PlaybackRateButtonProps, PlaybackRateButtonState, PlaybackRateRadioGroupElement, PlaybackRateRadioGroupOption, PlaybackRateRadioGroupProps, PlaybackRateRadioGroupState, PlayerContext, PlayerContextValue, PlayerController, PlayerControllerHost, PlayerElement, PlayerElementConstructor, PopoverAlign, PopoverBoundary, PopoverElement, PopoverProps, PopoverSide, PopoverState, PosterElement, PosterState, PropertyDeclaration, PropertyDeclarationMap, PropertyValues, QualityRadioGroupElement, QualityRadioGroupOption, QualityRadioGroupProps, QualityRadioGroupState, RadioOption, RadioOptionsState, ReactiveController, ReactiveControllerHost, ReactiveElement, RemotePlaybackConnectionState, RemotePlaybackEvents, RemotePlaybackLike, SeekButtonDirection, SeekButtonElement, SeekButtonProps, SeekButtonState, SeekIndicatorElement, SeekIndicatorProps, SeekIndicatorState, SeekIndicatorValueElement, Selector, SliderBufferElement, SliderContextValue, SliderElement, SliderEventMap, SliderFillElement, SliderPreviewElement, SliderPreviewProps, SliderProps, SliderSegmentGeometry, SliderSegmentRange, SliderSegmentState, SliderState, SliderThumbElement, SliderThumbnailElement, SliderTrackElement, SliderValueElement, SliderValueEventDetail, StatusAnnouncerElement, StatusAnnouncerLabels, StatusAnnouncerProps, StatusAnnouncerState, StatusDetails, StatusIndicatorElement, StatusIndicatorProps, StatusIndicatorState, StatusIndicatorValueElement, Text, TextCueLike, TextCueListLike, TextParams, TextTrackKind, TextTrackLike, TextTrackListEvents, TextTrackListLike, TextTrackMode, ThumbnailCoords, ThumbnailCrossOrigin, ThumbnailElement, ThumbnailFetchPriority, ThumbnailImage, ThumbnailImageProps, ThumbnailLoading, ThumbnailProps, ThumbnailState, TimeElement, TimeGroupElement, TimeProps, TimeRangeLike, TimeSeparatorElement, TimeSliderChapterRange, TimeSliderChapterTitleElement, TimeSliderChaptersElement, TimeSliderElement, TimeSliderProps, TimeSliderState, TimeState, TimeType, TitleElement, TitleState, TooltipElement, TooltipGroupElement, TooltipGroupProps, TooltipLabelElement, TooltipProps, TooltipShortcutElement, TooltipState, TransitionFlags, TransitionState, TransitionStatus, TranslationKey, TranslationOptions, TranslationParams, Translations, Translator, UIComponent, UIElement, UIElementConstructor, VERSION, Video, VideoEvents, VideoRenditionLike, VideoRenditionListLike, VideoTargetLike, VideoTrackLike, VideoTrackListLike, VolumeIndicatorElement, VolumeIndicatorFillElement, VolumeIndicatorProps, VolumeIndicatorState, VolumeIndicatorValueElement, VolumeLevel, VolumePopoverElement, VolumePopoverState, VolumeSliderElement, VolumeSliderProps, VolumeSliderState, WithMediaTracks, containerContext, createI18n, createMediaAttachMixin, createPlayer, createSelector, createTranslator, dialogContext, extensionContext, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, i18nContext, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mediaContext, menuContext, menuGroupContext, radioGroupContext as menuRadioGroupContext, onI18nRegistryChange, playerContext, registerI18n, resolveAdapterType, resolveMimeType, resolvePlayerLocale, resolveProviderLocale, shallowEqual, sliderContext, tooltipGroupContext, translateText };
 }
 import * as import__videojs_core_dom from "@videojs/core/dom";
 import * as import__videojs_media_dom from "@videojs/media/dom";
 //#endregion
-export { type AdapterType, AirPlayButtonElement, type AirPlayButtonProps, type AirPlayButtonState, AlertDialogElement, type AlertDialogProps, AriaKeyShortcutsController, type AudioRenditionLike, type AudioRenditionListLike, type AudioTrackLike, type AudioTrackListLike, AudioTrackRadioGroupElement, type AudioTrackRadioGroupOption, type AudioTrackRadioGroupProps, type AudioTrackRadioGroupState, BufferingIndicatorElement, type BufferingIndicatorProps, type BufferingIndicatorState, type BuiltInIndicatorStatus, type ButtonState, CONTAINER_CONTEXT_KEY, type CanPlayTypeResult, CaptionsButtonElement, type CaptionsButtonProps, type CaptionsButtonState, CaptionsRadioGroupElement, type CaptionsRadioGroupOption, type CaptionsRadioGroupProps, type CaptionsRadioGroupState, CastButtonElement, type CastButtonProps, type CastButtonState, type CommonMedia, type CommonMediaEvents, type Comparator, ContainerContext, ContainerContextConsumer, ContainerContextValue, ContainerElement, ContextPartElement, ControlsBackdropElement, ControlsContentElement, ControlsElement, ControlsGroupElement, type ControlsProps, type ControlsState, type ControlsVisibility, type CreateI18nOptions, type CreateI18nResult, CreatePlayerConfig, CreatePlayerResult, type CustomMediaConstructor, DEFAULT_SEEK_STEP, type DeriveCustomStatus, DestroyMixin, type Destroyable, DialogBackdropElement, DialogCloseElement, type DialogContextValue, DialogDescriptionElement, DialogElement, DialogPopupElement, type DialogProps, type DialogState, DialogTitleElement, EXTENSION_CONTEXT_KEY, type EngineAdapter, ErrorDialogElement, type ErrorLike, type EventLike, type EventTargetLike, ExtensionContext, ExtensionContextValue, type FlatTranslations, FullscreenButtonElement, type FullscreenButtonProps, type FullscreenButtonState, GestureElement, type GestureProps, HotkeyElement, type HotkeyProps, type I18nContextValue, I18nController, type I18nContext as I18nLitContext, I18nProviderMixin, I18nTextMixin, type IndicatorCoreProps, type IndicatorDirection, type IndicatorLifecycleState, type IndicatorStatus, type IndicatorVolumeLevel, type InputAction, type InputActionEvent, type InputActionSource, type InputIndicatorLabels, LiveButtonElement, type LiveButtonProps, type LiveButtonState, type Locale, MEDIA_CONTEXT_KEY, MediaAttachMixin, type MediaAudioRenditionCapability, type MediaAudioTrack, type MediaAudioTrackCapability, type MediaAudioTrackState, type MediaAutoplayCapability, type MediaBufferCapability, type MediaBufferEvents, type MediaBufferState, type MediaButtonComponent, MediaButtonElement, type MediaContentData, type MediaContentDataCapability, type MediaContentDataEvents, type MediaContentValue, MediaContext, MediaContextValue, type MediaControlsCapability, type MediaControlsState, MediaError, type MediaErrorCapability, type MediaErrorEvents, type MediaErrorState, type MediaEvents, type MediaFullscreenCapability, type MediaFullscreenState, I18nProviderElement as MediaI18nProviderElement, type MediaLiveCapability, type MediaLiveEvents, type MediaLiveState, type MediaMetadataState, type MediaPauseCapability, type MediaPauseEvents, type MediaPictureInPictureCapability, type MediaPictureInPictureEvents, type MediaPictureInPictureState, type MediaPlaybackCapability, type MediaPlaybackEvents, type MediaPlaybackRateCapability, type MediaPlaybackRateEvents, type MediaPlaybackRateState, type MediaPlaybackState, type MediaPlayedCapability, type MediaPlaysInlineCapability, type MediaPosterCapability, type MediaPreloadType, type MediaQualityState, type MediaReadyStateValue, type MediaRemotePlaybackCapability, type MediaRemotePlaybackState, type MediaResolution, type MediaSeekCapability, type MediaSeekEvents, type MediaSnapshot, type MediaSourceCapability, type MediaSourceEvents, type MediaSourceState, type MediaStreamType, type MediaStreamTypeCapability, type MediaStreamTypeEvents, type MediaStreamTypeState, type MediaTargetLike, type MediaTextCue, TextElement as MediaTextElement, type MediaTextTrack, type MediaTextTrackCapability, type MediaTextTrackState, type MediaThumbnailsTrack, type MediaTimeState, type MediaUIComponent, MediaUIElement, type MediaVideoDimensionsCapability, type MediaVideoDimensionsEvents, type MediaVideoRendition, type MediaVideoRenditionCapability, type MediaVideoTrackCapability, type MediaVolumeCapability, type MediaVolumeEvents, type MediaVolumeState, MenuCheckboxItemElement, MenuContentElement, type MenuContextValue, MenuElement, type MenuGroupContextValue, MenuGroupElement, MenuGroupLabelElement, type MenuInput, MenuItemElement, MenuItemIndicatorElement, type MenuOptionState, type MenuProps, type RadioGroupContextValue as MenuRadioGroupContextValue, MenuRadioGroupElement, MenuRadioItemElement, MenuSeparatorElement, type MenuState, MuteButtonElement, type MuteButtonProps, type MuteButtonState, type NodeListLike, PLAYER_CONTEXT_KEY, type PartContextValue, PiPButtonElement, type PiPButtonProps, type PiPButtonState, PlayButtonElement, type PlayButtonProps, type PlayButtonState, PlaybackRateButtonElement, type PlaybackRateButtonProps, type PlaybackRateButtonState, PlaybackRateRadioGroupElement, type PlaybackRateRadioGroupOption, type PlaybackRateRadioGroupProps, type PlaybackRateRadioGroupState, PlayerContext, PlayerContextValue, PlayerController, type PlayerControllerHost, PlayerElement, PlayerElementConstructor, type PopoverAlign, type PopoverBoundary, PopoverElement, type PopoverProps, type PopoverSide, type PopoverState, PosterElement, type PosterState, type PropertyDeclaration, type PropertyDeclarationMap, type PropertyValues, QualityRadioGroupElement, type QualityRadioGroupOption, type QualityRadioGroupProps, type QualityRadioGroupState, type RadioOption, type RadioOptionsState, type ReactiveController, type ReactiveControllerHost, ReactiveElement, type RemotePlaybackConnectionState, type RemotePlaybackEvents, type RemotePlaybackLike, type SeekButtonDirection, SeekButtonElement, type SeekButtonProps, type SeekButtonState, SeekIndicatorElement, type SeekIndicatorProps, type SeekIndicatorState, SeekIndicatorValueElement, type Selector, SliderBufferElement, type SliderContextValue, SliderElement, type SliderEventMap, SliderFillElement, SliderPreviewElement, type SliderPreviewProps, type SliderProps, type SliderSegmentGeometry, type SliderSegmentRange, type SliderSegmentState, type SliderState, SliderThumbElement, SliderThumbnailElement, SliderTrackElement, SliderValueElement, type SliderValueEventDetail, StatusAnnouncerElement, type StatusAnnouncerLabels, type StatusAnnouncerProps, type StatusAnnouncerState, type StatusDetails, StatusIndicatorElement, type StatusIndicatorProps, type StatusIndicatorState, StatusIndicatorValueElement, type Text, type TextCueLike, type TextCueListLike, type TextParams, type TextTrackKind, type TextTrackLike, type TextTrackListEvents, type TextTrackListLike, type TextTrackMode, type ThumbnailCoords, type ThumbnailCrossOrigin, ThumbnailElement, type ThumbnailFetchPriority, type ThumbnailImage, type ThumbnailImageProps, type ThumbnailLoading, type ThumbnailProps, type ThumbnailState, TimeElement, TimeGroupElement, type TimeProps, type TimeRangeLike, TimeSeparatorElement, type TimeSliderChapterRange, TimeSliderChapterTitleElement, TimeSliderChaptersElement, TimeSliderElement, type TimeSliderProps, type TimeSliderState, type TimeState, type TimeType, TitleElement, type TitleState, TooltipElement, TooltipGroupElement, type TooltipGroupProps, TooltipLabelElement, type TooltipProps, TooltipShortcutElement, type TooltipState, type TransitionFlags, type TransitionState, type TransitionStatus, type TranslationKey, type TranslationOptions, type TranslationParams, type Translations, type Translator, type UIComponent, UIElement, UIElementConstructor, VERSION, type Video, type VideoEvents, type VideoRenditionLike, type VideoRenditionListLike, type VideoTargetLike, type VideoTrackLike, type VideoTrackListLike, VolumeIndicatorElement, VolumeIndicatorFillElement, type VolumeIndicatorProps, type VolumeIndicatorState, VolumeIndicatorValueElement, type VolumeLevel, VolumePopoverElement, type VolumePopoverState, VolumeSliderElement, type VolumeSliderProps, type VolumeSliderState, type WithMediaTracks, containerContext, createI18n, createMediaAttachMixin, createPlayer, createSelector, createTranslator, dialogContext, extensionContext, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, i18nContext, index_d_exports, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mediaContext, menuContext, menuGroupContext, radioGroupContext as menuRadioGroupContext, onI18nRegistryChange, playerContext, registerI18n, resolveAdapterType, resolveMimeType, resolvePlayerLocale, resolveProviderLocale, shallowEqual, sliderContext, tooltipGroupContext, translateText };
+export { type AdapterType, AirPlayButtonElement, type AirPlayButtonProps, type AirPlayButtonState, AlertDialogElement, type AlertDialogProps, AriaKeyShortcutsController, type AudioRenditionLike, type AudioRenditionListLike, type AudioTrackLike, type AudioTrackListLike, AudioTrackRadioGroupElement, type AudioTrackRadioGroupOption, type AudioTrackRadioGroupProps, type AudioTrackRadioGroupState, BufferingIndicatorElement, type BufferingIndicatorProps, type BufferingIndicatorState, type BuiltInIndicatorStatus, type ButtonState, CONTAINER_CONTEXT_KEY, type CanPlayTypeResult, CaptionsButtonElement, type CaptionsButtonProps, type CaptionsButtonState, CaptionsRadioGroupElement, type CaptionsRadioGroupOption, type CaptionsRadioGroupProps, type CaptionsRadioGroupState, CastButtonElement, type CastButtonProps, type CastButtonState, type CommonMedia, type CommonMediaEvents, type Comparator, ContainerContext, ContainerContextConsumer, ContainerContextValue, ContainerElement, ContextPartElement, ControlsBackdropElement, ControlsContentElement, ControlsElement, ControlsGroupElement, type ControlsProps, type ControlsState, type ControlsVisibility, type CreateI18nOptions, type CreateI18nResult, CreatePlayerConfig, CreatePlayerResult, type CustomMediaConstructor, DEFAULT_SEEK_STEP, type DeriveCustomStatus, DestroyMixin, type Destroyable, DialogBackdropElement, DialogCloseElement, type DialogContextValue, DialogDescriptionElement, DialogElement, DialogPopupElement, type DialogProps, type DialogState, DialogTitleElement, EXTENSION_CONTEXT_KEY, type EngineAdapter, ErrorDialogElement, type ErrorLike, type EventLike, type EventTargetLike, ExtensionContext, ExtensionContextValue, type FlatTranslations, FullscreenButtonElement, type FullscreenButtonProps, type FullscreenButtonState, GestureElement, type GestureProps, HotkeyElement, type HotkeyProps, type I18nContextValue, I18nController, type I18nContext as I18nLitContext, I18nProviderMixin, I18nTextMixin, type IndicatorCoreProps, type IndicatorDirection, type IndicatorLifecycleState, type IndicatorStatus, type IndicatorVolumeLevel, type InputAction, type InputActionEvent, type InputActionSource, type InputIndicatorLabels, LiveButtonElement, type LiveButtonProps, type LiveButtonState, type Locale, MEDIA_CONTEXT_KEY, MediaAttachMixin, type MediaAudioRenditionCapability, type MediaAudioTrack, type MediaAudioTrackCapability, type MediaAudioTrackState, type MediaAutoplayCapability, type MediaBufferCapability, type MediaBufferEvents, type MediaBufferState, type MediaButtonComponent, MediaButtonElement, type MediaContentData, type MediaContentDataCapability, type MediaContentDataEvents, type MediaContentValue, MediaContext, MediaContextValue, type MediaControlsCapability, type MediaControlsState, type MediaCrossOriginType, MediaError, type MediaErrorCapability, type MediaErrorEvents, type MediaErrorState, type MediaEvents, type MediaFullscreenCapability, type MediaFullscreenState, I18nProviderElement as MediaI18nProviderElement, type MediaLiveCapability, type MediaLiveEvents, type MediaLiveState, type MediaMetadataState, type MediaPauseCapability, type MediaPauseEvents, type MediaPictureInPictureCapability, type MediaPictureInPictureEvents, type MediaPictureInPictureState, type MediaPlaybackCapability, type MediaPlaybackEvents, type MediaPlaybackRateCapability, type MediaPlaybackRateEvents, type MediaPlaybackRateState, type MediaPlaybackState, type MediaPlayedCapability, type MediaPlaysInlineCapability, type MediaPosterCapability, type MediaPreloadType, type MediaQualityState, type MediaReadyStateValue, type MediaRemotePlaybackCapability, type MediaRemotePlaybackState, type MediaResolution, type MediaSeekCapability, type MediaSeekEvents, type MediaSnapshot, type MediaSourceCapability, type MediaSourceEvents, type MediaSourceState, type MediaStreamType, type MediaStreamTypeCapability, type MediaStreamTypeEvents, type MediaStreamTypeState, type MediaTargetLike, type MediaTextCue, TextElement as MediaTextElement, type MediaTextTrack, type MediaTextTrackCapability, type MediaTextTrackState, type MediaThumbnailsTrack, type MediaTimeState, type MediaUIComponent, MediaUIElement, type MediaVideoDimensionsCapability, type MediaVideoDimensionsEvents, type MediaVideoRendition, type MediaVideoRenditionCapability, type MediaVideoTrackCapability, type MediaVolumeCapability, type MediaVolumeEvents, type MediaVolumeState, MenuCheckboxItemElement, MenuContentElement, type MenuContextValue, MenuElement, type MenuGroupContextValue, MenuGroupElement, MenuGroupLabelElement, type MenuInput, MenuItemElement, MenuItemIndicatorElement, type MenuOptionState, type MenuProps, type RadioGroupContextValue as MenuRadioGroupContextValue, MenuRadioGroupElement, MenuRadioItemElement, MenuSeparatorElement, type MenuState, MuteButtonElement, type MuteButtonProps, type MuteButtonState, type NodeListLike, PLAYER_CONTEXT_KEY, type PartContextValue, PiPButtonElement, type PiPButtonProps, type PiPButtonState, PlayButtonElement, type PlayButtonProps, type PlayButtonState, PlaybackRateButtonElement, type PlaybackRateButtonProps, type PlaybackRateButtonState, PlaybackRateRadioGroupElement, type PlaybackRateRadioGroupOption, type PlaybackRateRadioGroupProps, type PlaybackRateRadioGroupState, PlayerContext, PlayerContextValue, PlayerController, type PlayerControllerHost, PlayerElement, PlayerElementConstructor, type PopoverAlign, type PopoverBoundary, PopoverElement, type PopoverProps, type PopoverSide, type PopoverState, PosterElement, type PosterState, type PropertyDeclaration, type PropertyDeclarationMap, type PropertyValues, QualityRadioGroupElement, type QualityRadioGroupOption, type QualityRadioGroupProps, type QualityRadioGroupState, type RadioOption, type RadioOptionsState, type ReactiveController, type ReactiveControllerHost, ReactiveElement, type RemotePlaybackConnectionState, type RemotePlaybackEvents, type RemotePlaybackLike, type SeekButtonDirection, SeekButtonElement, type SeekButtonProps, type SeekButtonState, SeekIndicatorElement, type SeekIndicatorProps, type SeekIndicatorState, SeekIndicatorValueElement, type Selector, SliderBufferElement, type SliderContextValue, SliderElement, type SliderEventMap, SliderFillElement, SliderPreviewElement, type SliderPreviewProps, type SliderProps, type SliderSegmentGeometry, type SliderSegmentRange, type SliderSegmentState, type SliderState, SliderThumbElement, SliderThumbnailElement, SliderTrackElement, SliderValueElement, type SliderValueEventDetail, StatusAnnouncerElement, type StatusAnnouncerLabels, type StatusAnnouncerProps, type StatusAnnouncerState, type StatusDetails, StatusIndicatorElement, type StatusIndicatorProps, type StatusIndicatorState, StatusIndicatorValueElement, type Text, type TextCueLike, type TextCueListLike, type TextParams, type TextTrackKind, type TextTrackLike, type TextTrackListEvents, type TextTrackListLike, type TextTrackMode, type ThumbnailCoords, type ThumbnailCrossOrigin, ThumbnailElement, type ThumbnailFetchPriority, type ThumbnailImage, type ThumbnailImageProps, type ThumbnailLoading, type ThumbnailProps, type ThumbnailState, TimeElement, TimeGroupElement, type TimeProps, type TimeRangeLike, TimeSeparatorElement, type TimeSliderChapterRange, TimeSliderChapterTitleElement, TimeSliderChaptersElement, TimeSliderElement, type TimeSliderProps, type TimeSliderState, type TimeState, type TimeType, TitleElement, type TitleState, TooltipElement, TooltipGroupElement, type TooltipGroupProps, TooltipLabelElement, type TooltipProps, TooltipShortcutElement, type TooltipState, type TransitionFlags, type TransitionState, type TransitionStatus, type TranslationKey, type TranslationOptions, type TranslationParams, type Translations, type Translator, type UIComponent, UIElement, UIElementConstructor, VERSION, type Video, type VideoEvents, type VideoRenditionLike, type VideoRenditionListLike, type VideoTargetLike, type VideoTrackLike, type VideoTrackListLike, VolumeIndicatorElement, VolumeIndicatorFillElement, type VolumeIndicatorProps, type VolumeIndicatorState, VolumeIndicatorValueElement, type VolumeLevel, VolumePopoverElement, type VolumePopoverState, VolumeSliderElement, type VolumeSliderProps, type VolumeSliderState, type WithMediaTracks, containerContext, createI18n, createMediaAttachMixin, createPlayer, createSelector, createTranslator, dialogContext, extensionContext, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, i18nContext, index_d_exports, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mediaContext, menuContext, menuGroupContext, radioGroupContext as menuRadioGroupContext, onI18nRegistryChange, playerContext, registerI18n, resolveAdapterType, resolveMimeType, resolvePlayerLocale, resolveProviderLocale, shallowEqual, sliderContext, tooltipGroupContext, translateText };
 //# sourceMappingURL=index.d.ts.map

package/dist/dev/internal/skins/compat-audio/register.d.ts

@@ -7,6 +7,7 @@ import "../../../define/ui/dialog-title.js";
 import "../../../define/ui/dialog-description.js";
 import "../../../define/ui/dialog-close.js";
 import "../../../define/ui/controls.js";
+import "../../../define/ui/buffering-indicator.js";
 import "../../../define/ui/controls-content.js";
 import "../../../define/ui/tooltip-group.js";
 import "../../../define/ui/time-slider.js";

package/dist/dev/internal/skins/compat-audio/register.js

@@ -12,6 +12,7 @@ import { seekIcon } from "../../../icons/dist/html/compat/seek.js";
 import { volumeHighIcon } from "../../../icons/dist/html/compat/volume-high.js";
 import { volumeOffIcon } from "../../../icons/dist/html/compat/volume-off.js";
 import "../../../define/ui/container.js";
+import "../../../define/ui/buffering-indicator.js";
 import "../../../define/ui/error-dialog.js";
 import "../../../define/ui/dialog-backdrop.js";
 import "../../../define/ui/dialog-popup.js";

package/dist/dev/internal/skins/compat-audio/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","names":["airPlayEnterIconCompat","airPlayExitIconCompat","captionsOffIconCompat","captionsOnIconCompat","checkIconCompat","pauseIconCompat","playIconCompat","restartIconCompat","seekIconCompat","volumeHighIconCompat","volumeOffIconCompat"],"sources":["../../../../../src/internal/skins/compat-audio/register.ts"],"sourcesContent":["import '../../../define/i18n';\nimport '../../../define/ui/container';\nimport '../../../define/ui/error-dialog';\nimport '../../../define/ui/dialog-backdrop';\nimport '../../../define/ui/dialog-popup';\nimport '../../../define/ui/dialog-title';\nimport '../../../define/ui/dialog-description';\nimport '../../../define/ui/dialog-close';\nimport '../../../define/ui/controls';\nimport '../../../define/ui/controls-content';\nimport '../../../define/ui/tooltip-group';\nimport '../../../define/ui/time-slider';\nimport '../../../define/ui/time-slider-chapters';\nimport '../../../define/ui/slider-track';\nimport '../../../define/ui/slider-buffer';\nimport '../../../define/ui/slider-fill';\nimport '../../../define/ui/slider-thumb';\nimport '../../../define/ui/slider-preview';\nimport '../../../define/ui/slider-thumbnail';\nimport '../../../define/ui/slider-value';\nimport '../../../define/ui/time-slider-chapter-title';\nimport '../../../define/ui/controls-group';\nimport '../../../define/ui/play-button';\nimport '../../../define/ui/tooltip';\nimport '../../../define/ui/tooltip-label';\nimport '../../../define/ui/tooltip-shortcut';\nimport '../../../define/ui/seek-button';\nimport '../../../define/ui/playback-rate-button';\nimport '../../../define/ui/menu';\nimport '../../../define/ui/menu-content';\nimport '../../../define/ui/playback-rate-radio-group';\nimport '../../../define/ui/menu-radio-item';\nimport '../../../define/ui/menu-item-indicator';\nimport '../../../define/ui/time-group';\nimport '../../../define/ui/time';\nimport '../../../define/ui/time-separator';\nimport '../../../define/ui/captions-button';\nimport '../../../define/ui/mute-button';\nimport '../../../define/ui/volume-popover';\nimport '../../../define/ui/volume-slider';\nimport '../../../define/ui/airplay-button';\nimport '../../../define/ui/hotkey';\nimport '../../../define/ui/status-announcer';\nimport { registerIcons } from '../../../icons';\nimport {\n  airPlayEnterIcon as airPlayEnterIconCompat,\n  airPlayExitIcon as airPlayExitIconCompat,\n  captionsOffIcon as captionsOffIconCompat,\n  captionsOnIcon as captionsOnIconCompat,\n  checkIcon as checkIconCompat,\n  pauseIcon as pauseIconCompat,\n  playIcon as playIconCompat,\n  restartIcon as restartIconCompat,\n  seekIcon as seekIconCompat,\n  volumeHighIcon as volumeHighIconCompat,\n  volumeOffIcon as volumeOffIconCompat,\n} from '../../../icons/compat';\n\nregisterIcons('compat', {\n  'airplay-enter': airPlayEnterIconCompat,\n  'airplay-exit': airPlayExitIconCompat,\n  'captions-off': captionsOffIconCompat,\n  'captions-on': captionsOnIconCompat,\n  check: checkIconCompat,\n  pause: pauseIconCompat,\n  play: playIconCompat,\n  restart: restartIconCompat,\n  seek: seekIconCompat,\n  'volume-high': volumeHighIconCompat,\n  'volume-off': volumeOffIconCompat,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA,cAAc,UAAU;CACtB,iBAAiBA;CACjB,gBAAgBC;CAChB,gBAAgBC;CAChB,eAAeC;CACf,OAAOC;CACP,OAAOC;CACP,MAAMC;CACN,SAASC;CACT,MAAMC;CACN,eAAeC;CACf,cAAcC;AAChB,CAAC"}
+{"version":3,"file":"register.js","names":["airPlayEnterIconCompat","airPlayExitIconCompat","captionsOffIconCompat","captionsOnIconCompat","checkIconCompat","pauseIconCompat","playIconCompat","restartIconCompat","seekIconCompat","volumeHighIconCompat","volumeOffIconCompat"],"sources":["../../../../../src/internal/skins/compat-audio/register.ts"],"sourcesContent":["import '../../../define/i18n';\nimport '../../../define/ui/container';\nimport '../../../define/ui/error-dialog';\nimport '../../../define/ui/dialog-backdrop';\nimport '../../../define/ui/dialog-popup';\nimport '../../../define/ui/dialog-title';\nimport '../../../define/ui/dialog-description';\nimport '../../../define/ui/dialog-close';\nimport '../../../define/ui/controls';\nimport '../../../define/ui/buffering-indicator';\nimport '../../../define/ui/controls-content';\nimport '../../../define/ui/tooltip-group';\nimport '../../../define/ui/time-slider';\nimport '../../../define/ui/time-slider-chapters';\nimport '../../../define/ui/slider-track';\nimport '../../../define/ui/slider-buffer';\nimport '../../../define/ui/slider-fill';\nimport '../../../define/ui/slider-thumb';\nimport '../../../define/ui/slider-preview';\nimport '../../../define/ui/slider-thumbnail';\nimport '../../../define/ui/slider-value';\nimport '../../../define/ui/time-slider-chapter-title';\nimport '../../../define/ui/controls-group';\nimport '../../../define/ui/play-button';\nimport '../../../define/ui/tooltip';\nimport '../../../define/ui/tooltip-label';\nimport '../../../define/ui/tooltip-shortcut';\nimport '../../../define/ui/seek-button';\nimport '../../../define/ui/playback-rate-button';\nimport '../../../define/ui/menu';\nimport '../../../define/ui/menu-content';\nimport '../../../define/ui/playback-rate-radio-group';\nimport '../../../define/ui/menu-radio-item';\nimport '../../../define/ui/menu-item-indicator';\nimport '../../../define/ui/time-group';\nimport '../../../define/ui/time';\nimport '../../../define/ui/time-separator';\nimport '../../../define/ui/captions-button';\nimport '../../../define/ui/mute-button';\nimport '../../../define/ui/volume-popover';\nimport '../../../define/ui/volume-slider';\nimport '../../../define/ui/airplay-button';\nimport '../../../define/ui/hotkey';\nimport '../../../define/ui/status-announcer';\nimport { registerIcons } from '../../../icons';\nimport {\n  airPlayEnterIcon as airPlayEnterIconCompat,\n  airPlayExitIcon as airPlayExitIconCompat,\n  captionsOffIcon as captionsOffIconCompat,\n  captionsOnIcon as captionsOnIconCompat,\n  checkIcon as checkIconCompat,\n  pauseIcon as pauseIconCompat,\n  playIcon as playIconCompat,\n  restartIcon as restartIconCompat,\n  seekIcon as seekIconCompat,\n  volumeHighIcon as volumeHighIconCompat,\n  volumeOffIcon as volumeOffIconCompat,\n} from '../../../icons/compat';\n\nregisterIcons('compat', {\n  'airplay-enter': airPlayEnterIconCompat,\n  'airplay-exit': airPlayExitIconCompat,\n  'captions-off': captionsOffIconCompat,\n  'captions-on': captionsOnIconCompat,\n  check: checkIconCompat,\n  pause: pauseIconCompat,\n  play: playIconCompat,\n  restart: restartIconCompat,\n  seek: seekIconCompat,\n  'volume-high': volumeHighIconCompat,\n  'volume-off': volumeOffIconCompat,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DA,cAAc,UAAU;CACtB,iBAAiBA;CACjB,gBAAgBC;CAChB,gBAAgBC;CAChB,eAAeC;CACf,OAAOC;CACP,OAAOC;CACP,MAAMC;CACN,SAASC;CACT,MAAMC;CACN,eAAeC;CACf,cAAcC;AAChB,CAAC"}

package/dist/dev/internal/skins/compat-audio/skin.css

@@ -903,6 +903,24 @@
     }
   }
 
+  :where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-backdrop {
+    pointer-events: none;
+    z-index: 10;
+    background-image: linear-gradient(to top, #000000b3, #0003, #00000080);
+    position: absolute;
+    inset: 0;
+  }
+
+  :where(:where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-buffering):not([data-visible]) .video-controls-backdrop:not([data-visible]) {
+    display: none;
+  }
+
+  @media (forced-colors: active) {
+    :where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-backdrop {
+      background-image: none;
+    }
+  }
+
   :where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-bottom {
     pointer-events: auto;
     inset-inline: calc(var(--media-spacing) * 2);
@@ -949,6 +967,10 @@
     }
   }
 
+  :where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-buffering {
+    display: contents;
+  }
+
   :where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-center {
     pointer-events: auto;
     align-items: center;
@@ -970,6 +992,10 @@
     transition-duration: var(--media-duration);
   }
 
+  :where(:where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-buffering)[data-visible] .video-controls-center {
+    display: none !important;
+  }
+
   @media (prefers-reduced-motion: no-preference) {
     :where(:where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-content):not([data-visible]) .video-controls-center {
       transform: translate(-50%, -50%) scale(.9);
@@ -1145,6 +1171,22 @@
     }
   }
 
+  @container media-root (width < 42rem) {
+    :where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-top {
+      inset-inline-end: calc(var(--media-spacing) * 2);
+      top: calc(var(--media-spacing) * 2);
+    }
+
+    @media (forced-colors: active) {
+      :where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-top {
+        padding-inline: calc(var(--media-spacing) * 2);
+        padding-block: calc(var(--media-spacing) * 2);
+        inset-inline-end: 0;
+        top: 0;
+      }
+    }
+  }
+
   @media (forced-colors: active) {
     :where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-video-bottom {
       padding-inline: calc(var(--media-spacing) * 2);

package/dist/dev/internal/skins/compat-audio/template.js

@@ -17,6 +17,7 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 </media-dialog-popup>
 </media-error-dialog>
 <media-controls visibility="always">
+<media-buffering-indicator class="video-controls-buffering">
 <media-controls-content class="video-controls-content audio-controls-content">
 <media-tooltip-group>
 <div class="video-controls-bottom audio-controls-bottom">
@@ -53,7 +54,7 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 </div>
 <media-controls-group class="video-controls-row">
 <media-controls-group class="video-controls-group video-controls-start">
-<media-play-button class="media-button media-play-button" id="vjs-EQSPIaSE-0-trigger">
+<media-play-button class="media-button media-play-button" id="vjs-0wiMTNy2-0-trigger">
 <media-icon family="compat" name="restart" class="media-button-icon-base media-play-button-restart-icon">
 </media-icon>
 <media-icon family="compat" name="play" class="media-button-icon-base media-play-button-play-icon">
@@ -61,46 +62,46 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 <media-icon family="compat" name="pause" class="media-button-icon-base media-play-button-pause-icon">
 </media-icon>
 </media-play-button>
-<media-tooltip trigger="vjs-EQSPIaSE-0-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-tooltip-popup">
+<media-tooltip trigger="vjs-0wiMTNy2-0-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-tooltip-popup">
 <media-tooltip-label>
 </media-tooltip-label>
 <media-tooltip-shortcut class="media-tooltip-shortcut">
 </media-tooltip-shortcut>
 </media-tooltip>
-<media-seek-button seconds="-10" class="media-button media-seek-button-audio" id="vjs-EQSPIaSE-0-2-trigger">
+<media-seek-button seconds="-10" class="media-button media-seek-button-audio" id="vjs-0wiMTNy2-0-2-trigger">
 <div class="media-seek-button-content">
 <media-icon family="compat" name="seek" class="media-button-icon media-seek-button-backward-icon">
 </media-icon>
 <span class="media-seek-button-label media-seek-button-backward-label">10</span>
 </div>
 </media-seek-button>
-<media-tooltip trigger="vjs-EQSPIaSE-0-2-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-tooltip-popup">
+<media-tooltip trigger="vjs-0wiMTNy2-0-2-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-tooltip-popup">
 <media-tooltip-label>
 </media-tooltip-label>
 <media-tooltip-shortcut class="media-tooltip-shortcut">
 </media-tooltip-shortcut>
 </media-tooltip>
-<media-seek-button seconds="10" class="media-button media-seek-button-audio" id="vjs-EQSPIaSE-0-3-trigger">
+<media-seek-button seconds="10" class="media-button media-seek-button-audio" id="vjs-0wiMTNy2-0-3-trigger">
 <div class="media-seek-button-content">
 <media-icon family="compat" name="seek" class="media-button-icon">
 </media-icon>
 <span class="media-seek-button-label media-seek-button-forward-label">10</span>
 </div>
 </media-seek-button>
-<media-tooltip trigger="vjs-EQSPIaSE-0-3-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-tooltip-popup">
+<media-tooltip trigger="vjs-0wiMTNy2-0-3-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-tooltip-popup">
 <media-tooltip-label>
 </media-tooltip-label>
 <media-tooltip-shortcut class="media-tooltip-shortcut">
 </media-tooltip-shortcut>
 </media-tooltip>
-<media-playback-rate-button commandfor="vjs-rG6xeIrV-0-popup" class="media-button media-playback-rate-button" id="vjs-EQSPIaSE-0-4-trigger">
+<media-playback-rate-button commandfor="vjs-qLzMuG8D-0-popup" class="media-button media-playback-rate-button" id="vjs-0wiMTNy2-0-4-trigger">
 <span data-part="value">
 </span>
 </media-playback-rate-button>
-<media-tooltip trigger="vjs-EQSPIaSE-0-4-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-tooltip-popup">
+<media-tooltip trigger="vjs-0wiMTNy2-0-4-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-tooltip-popup">
 <media-text token="menu.speed">Speed</media-text>
 </media-tooltip>
-<media-menu side="top" align="center" boundary="viewport" class="media-popup media-popup-safe-area media-menu-popup media-menu-rate-popup" id="vjs-rG6xeIrV-0-popup">
+<media-menu side="top" align="center" boundary="viewport" class="media-popup media-popup-safe-area media-menu-popup media-menu-rate-popup" id="vjs-qLzMuG8D-0-popup">
 <media-menu-content class="media-menu-content">
 <media-playback-rate-radio-group class="media-menu-radio-group">
 <template>
@@ -128,31 +129,31 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 </media-time-group>
 </media-controls-group>
 <media-controls-group class="video-controls-group">
-<media-captions-button class="media-button media-captions-button" id="vjs-EQSPIaSE-0-5-trigger">
+<media-captions-button class="media-button media-captions-button" id="vjs-0wiMTNy2-0-5-trigger">
 <media-icon family="compat" name="captions-off" class="media-button-icon media-captions-button-off-icon">
 </media-icon>
 <media-icon family="compat" name="captions-on" class="media-button-icon media-captions-button-on-icon">
 </media-icon>
 </media-captions-button>
-<media-tooltip trigger="vjs-EQSPIaSE-0-5-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-tooltip-popup">
+<media-tooltip trigger="vjs-0wiMTNy2-0-5-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-tooltip-popup">
 <media-tooltip-label>
 </media-tooltip-label>
 <media-tooltip-shortcut class="media-tooltip-shortcut">
 </media-tooltip-shortcut>
 </media-tooltip>
-<media-mute-button commandfor="vjs-vcuvHji9-0-popup" class="media-button media-mute-button" id="vjs-EQSPIaSE-0-6-trigger">
+<media-mute-button commandfor="vjs-DTtRMRFm-0-popup" class="media-button media-mute-button" id="vjs-0wiMTNy2-0-6-trigger">
 <media-icon family="compat" name="volume-off" class="media-button-icon media-mute-button-off-icon">
 </media-icon>
 <media-icon family="compat" name="volume-high" class="media-button-icon media-mute-button-high-icon">
 </media-icon>
 </media-mute-button>
-<media-tooltip trigger="vjs-EQSPIaSE-0-6-trigger" delay="0" disabled side="top" sticky class="media-popup media-popup-safe-area media-popup-transition media-tooltip-popup">
+<media-tooltip trigger="vjs-0wiMTNy2-0-6-trigger" delay="0" disabled side="top" sticky class="media-popup media-popup-safe-area media-popup-transition media-tooltip-popup">
 <media-tooltip-label>
 </media-tooltip-label>
 <media-tooltip-shortcut class="media-tooltip-shortcut">
 </media-tooltip-shortcut>
 </media-tooltip>
-<media-volume-popover open-on-hover delay="200" close-delay="100" side="top" class="media-popup media-popup-safe-area media-popup-transition media-volume-popover-popup" id="vjs-vcuvHji9-0-popup">
+<media-volume-popover open-on-hover delay="200" close-delay="100" side="top" class="media-popup media-popup-safe-area media-popup-transition media-volume-popover-popup" id="vjs-DTtRMRFm-0-popup">
 <media-volume-slider class="media-volume-slider" orientation="vertical" thumb-alignment="edge">
 <media-slider-track class="media-volume-slider-track">
 <media-slider-fill class="media-volume-slider-fill">
@@ -162,13 +163,13 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 </media-slider-thumb>
 </media-volume-slider>
 </media-volume-popover>
-<media-airplay-button class="media-button media-airplay-button" id="vjs-EQSPIaSE-0-7-trigger">
+<media-airplay-button class="media-button media-airplay-button" id="vjs-0wiMTNy2-0-7-trigger">
 <media-icon family="compat" name="airplay-enter" class="media-button-icon media-airplay-button-enter-icon">
 </media-icon>
 <media-icon family="compat" name="airplay-exit" class="media-button-icon media-airplay-button-exit-icon">
 </media-icon>
 </media-airplay-button>
-<media-tooltip trigger="vjs-EQSPIaSE-0-7-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-tooltip-popup">
+<media-tooltip trigger="vjs-0wiMTNy2-0-7-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-tooltip-popup">
 <media-tooltip-label>
 </media-tooltip-label>
 <media-tooltip-shortcut class="media-tooltip-shortcut">
@@ -179,6 +180,7 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 </div>
 </media-tooltip-group>
 </media-controls-content>
+</media-buffering-indicator>
 </media-controls>
 <media-hotkey keys="Space" action="togglePaused">
 </media-hotkey>

package/dist/dev/internal/skins/compat-audio/template.js.map

@@ -1 +1 @@
-{"version":3,"file":"template.js","names":[],"sources":["../../../../../src/internal/skins/compat-audio/template.ts"],"sourcesContent":["import { createTemplate } from '@videojs/utils/dom';\n\n/** Static template rendered from the finalized VJSC module graph. */\nexport const template =\n  createTemplate(/* html */ `<media-container class=\"media-skin media-container media-audio\" data-theme=\"compat\" data-preset=\"audio\">\n<slot>\n</slot>\n<media-error-dialog>\n<media-dialog-backdrop class=\"media-dialog-backdrop\">\n</media-dialog-backdrop>\n<media-dialog-popup class=\"media-dialog-popup\">\n<media-dialog-title class=\"media-dialog-title\">\n</media-dialog-title>\n<media-dialog-description class=\"media-dialog-description\">\n</media-dialog-description>\n<media-dialog-close class=\"media-button media-dialog-close\">\n</media-dialog-close>\n</media-dialog-popup>\n</media-error-dialog>\n<media-controls visibility=\"always\">\n<media-controls-content class=\"video-controls-content audio-controls-content\">\n<media-tooltip-group>\n<div class=\"video-controls-bottom audio-controls-bottom\">\n<div class=\"video-controls-slider-row\">\n<media-time-slider class=\"media-time-slider\" thumb-alignment=\"edge\">\n<media-time-slider-chapters class=\"media-time-slider-chapters\">\n<template>\n<div class=\"media-time-slider-chapter\">\n<media-slider-track class=\"media-time-slider-track media-time-slider-audio-track\">\n<media-slider-buffer class=\"media-time-slider-buffer media-time-slider-audio-buffer\">\n</media-slider-buffer>\n<media-slider-fill class=\"media-time-slider-fill\">\n</media-slider-fill>\n</media-slider-track>\n</div>\n</template>\n</media-time-slider-chapters>\n<media-slider-thumb class=\"media-time-slider-thumb\">\n</media-slider-thumb>\n<media-slider-preview class=\"media-time-slider-preview\">\n<media-slider-thumbnail class=\"media-slider-thumbnail\">\n<img alt=\"\" aria-hidden=\"true\" decoding=\"async\" class=\"media-slider-thumbnail-image\">\n</media-slider-thumbnail>\n<div class=\"media-time-slider-preview-meta media-time-slider-audio-preview-meta\">\n<div class=\"media-time-slider-preview-label\">\n<media-slider-value class=\"media-time-slider-value\" type=\"pointer\">\n</media-slider-value>\n<media-time-slider-chapter-title class=\"media-time-slider-chapter-title\">\n</media-time-slider-chapter-title>\n</div>\n</div>\n</media-slider-preview>\n</media-time-slider>\n</div>\n<media-controls-group class=\"video-controls-row\">\n<media-controls-group class=\"video-controls-group video-controls-start\">\n<media-play-button class=\"media-button media-play-button\" id=\"vjs-EQSPIaSE-0-trigger\">\n<media-icon family=\"compat\" name=\"restart\" class=\"media-button-icon-base media-play-button-restart-icon\">\n</media-icon>\n<media-icon family=\"compat\" name=\"play\" class=\"media-button-icon-base media-play-button-play-icon\">\n</media-icon>\n<media-icon family=\"compat\" name=\"pause\" class=\"media-button-icon-base media-play-button-pause-icon\">\n</media-icon>\n</media-play-button>\n<media-tooltip trigger=\"vjs-EQSPIaSE-0-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-seek-button seconds=\"-10\" class=\"media-button media-seek-button-audio\" id=\"vjs-EQSPIaSE-0-2-trigger\">\n<div class=\"media-seek-button-content\">\n<media-icon family=\"compat\" name=\"seek\" class=\"media-button-icon media-seek-button-backward-icon\">\n</media-icon>\n<span class=\"media-seek-button-label media-seek-button-backward-label\">10</span>\n</div>\n</media-seek-button>\n<media-tooltip trigger=\"vjs-EQSPIaSE-0-2-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-seek-button seconds=\"10\" class=\"media-button media-seek-button-audio\" id=\"vjs-EQSPIaSE-0-3-trigger\">\n<div class=\"media-seek-button-content\">\n<media-icon family=\"compat\" name=\"seek\" class=\"media-button-icon\">\n</media-icon>\n<span class=\"media-seek-button-label media-seek-button-forward-label\">10</span>\n</div>\n</media-seek-button>\n<media-tooltip trigger=\"vjs-EQSPIaSE-0-3-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-playback-rate-button commandfor=\"vjs-rG6xeIrV-0-popup\" class=\"media-button media-playback-rate-button\" id=\"vjs-EQSPIaSE-0-4-trigger\">\n<span data-part=\"value\">\n</span>\n</media-playback-rate-button>\n<media-tooltip trigger=\"vjs-EQSPIaSE-0-4-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-text token=\"menu.speed\">Speed</media-text>\n</media-tooltip>\n<media-menu side=\"top\" align=\"center\" boundary=\"viewport\" class=\"media-popup media-popup-safe-area media-menu-popup media-menu-rate-popup\" id=\"vjs-rG6xeIrV-0-popup\">\n<media-menu-content class=\"media-menu-content\">\n<media-playback-rate-radio-group class=\"media-menu-radio-group\">\n<template>\n<media-menu-radio-item class=\"media-menu-radio-item\">\n<span data-part=\"label\">\n</span>\n<media-menu-item-indicator force-mount class=\"media-menu-indicator\">\n<media-icon family=\"compat\" name=\"check\" class=\"media-menu-radio-icon\">\n</media-icon>\n</media-menu-item-indicator>\n</media-menu-radio-item>\n</template>\n</media-playback-rate-radio-group>\n</media-menu-content>\n</media-menu>\n<media-time-group class=\"media-time-group\">\n<media-time class=\"media-time-toggle\" type=\"current\" toggle>\n</media-time>\n<media-time class=\"media-time-current-value\" type=\"current\">\n</media-time>\n<media-time-separator class=\"media-time-separator\">\n</media-time-separator>\n<media-time class=\"media-time-duration-value\" type=\"duration\">\n</media-time>\n</media-time-group>\n</media-controls-group>\n<media-controls-group class=\"video-controls-group\">\n<media-captions-button class=\"media-button media-captions-button\" id=\"vjs-EQSPIaSE-0-5-trigger\">\n<media-icon family=\"compat\" name=\"captions-off\" class=\"media-button-icon media-captions-button-off-icon\">\n</media-icon>\n<media-icon family=\"compat\" name=\"captions-on\" class=\"media-button-icon media-captions-button-on-icon\">\n</media-icon>\n</media-captions-button>\n<media-tooltip trigger=\"vjs-EQSPIaSE-0-5-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-mute-button commandfor=\"vjs-vcuvHji9-0-popup\" class=\"media-button media-mute-button\" id=\"vjs-EQSPIaSE-0-6-trigger\">\n<media-icon family=\"compat\" name=\"volume-off\" class=\"media-button-icon media-mute-button-off-icon\">\n</media-icon>\n<media-icon family=\"compat\" name=\"volume-high\" class=\"media-button-icon media-mute-button-high-icon\">\n</media-icon>\n</media-mute-button>\n<media-tooltip trigger=\"vjs-EQSPIaSE-0-6-trigger\" delay=\"0\" disabled side=\"top\" sticky class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-volume-popover open-on-hover delay=\"200\" close-delay=\"100\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-volume-popover-popup\" id=\"vjs-vcuvHji9-0-popup\">\n<media-volume-slider class=\"media-volume-slider\" orientation=\"vertical\" thumb-alignment=\"edge\">\n<media-slider-track class=\"media-volume-slider-track\">\n<media-slider-fill class=\"media-volume-slider-fill\">\n</media-slider-fill>\n</media-slider-track>\n<media-slider-thumb class=\"media-volume-slider-thumb\">\n</media-slider-thumb>\n</media-volume-slider>\n</media-volume-popover>\n<media-airplay-button class=\"media-button media-airplay-button\" id=\"vjs-EQSPIaSE-0-7-trigger\">\n<media-icon family=\"compat\" name=\"airplay-enter\" class=\"media-button-icon media-airplay-button-enter-icon\">\n</media-icon>\n<media-icon family=\"compat\" name=\"airplay-exit\" class=\"media-button-icon media-airplay-button-exit-icon\">\n</media-icon>\n</media-airplay-button>\n<media-tooltip trigger=\"vjs-EQSPIaSE-0-7-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n</media-controls-group>\n</media-controls-group>\n</div>\n</media-tooltip-group>\n</media-controls-content>\n</media-controls>\n<media-hotkey keys=\"Space\" action=\"togglePaused\">\n</media-hotkey>\n<media-hotkey keys=\"k\" action=\"togglePaused\">\n</media-hotkey>\n<media-hotkey keys=\"m\" action=\"toggleMuted\">\n</media-hotkey>\n<media-hotkey keys=\"ArrowRight\" action=\"seekStep\">\n</media-hotkey>\n<media-hotkey keys=\"ArrowLeft\" action=\"seekStep\">\n</media-hotkey>\n<media-hotkey keys=\"l\" action=\"seekStep\">\n</media-hotkey>\n<media-hotkey keys=\"j\" action=\"seekStep\">\n</media-hotkey>\n<media-hotkey keys=\"ArrowUp\" action=\"volumeStep\">\n</media-hotkey>\n<media-hotkey keys=\"ArrowDown\" action=\"volumeStep\">\n</media-hotkey>\n<media-hotkey keys=\"0-9\" action=\"seekToPercent\">\n</media-hotkey>\n<media-hotkey keys=\"Home\" action=\"seekToPercent\" value=\"0\">\n</media-hotkey>\n<media-hotkey keys=\"End\" action=\"seekToPercent\" value=\"100\">\n</media-hotkey>\n<media-hotkey keys=\"&gt;\" action=\"speedUp\">\n</media-hotkey>\n<media-hotkey keys=\"&lt;\" action=\"speedDown\">\n</media-hotkey>\n<media-status-announcer class=\"media-status-announcer\">\n</media-status-announcer>\n</media-container>`);\n"],"mappings":";;;AAGA,MAAa,WACX,eAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAiNT"}
+{"version":3,"file":"template.js","names":[],"sources":["../../../../../src/internal/skins/compat-audio/template.ts"],"sourcesContent":["import { createTemplate } from '@videojs/utils/dom';\n\n/** Static template rendered from the finalized VJSC module graph. */\nexport const template =\n  createTemplate(/* html */ `<media-container class=\"media-skin media-container media-audio\" data-theme=\"compat\" data-preset=\"audio\">\n<slot>\n</slot>\n<media-error-dialog>\n<media-dialog-backdrop class=\"media-dialog-backdrop\">\n</media-dialog-backdrop>\n<media-dialog-popup class=\"media-dialog-popup\">\n<media-dialog-title class=\"media-dialog-title\">\n</media-dialog-title>\n<media-dialog-description class=\"media-dialog-description\">\n</media-dialog-description>\n<media-dialog-close class=\"media-button media-dialog-close\">\n</media-dialog-close>\n</media-dialog-popup>\n</media-error-dialog>\n<media-controls visibility=\"always\">\n<media-buffering-indicator class=\"video-controls-buffering\">\n<media-controls-content class=\"video-controls-content audio-controls-content\">\n<media-tooltip-group>\n<div class=\"video-controls-bottom audio-controls-bottom\">\n<div class=\"video-controls-slider-row\">\n<media-time-slider class=\"media-time-slider\" thumb-alignment=\"edge\">\n<media-time-slider-chapters class=\"media-time-slider-chapters\">\n<template>\n<div class=\"media-time-slider-chapter\">\n<media-slider-track class=\"media-time-slider-track media-time-slider-audio-track\">\n<media-slider-buffer class=\"media-time-slider-buffer media-time-slider-audio-buffer\">\n</media-slider-buffer>\n<media-slider-fill class=\"media-time-slider-fill\">\n</media-slider-fill>\n</media-slider-track>\n</div>\n</template>\n</media-time-slider-chapters>\n<media-slider-thumb class=\"media-time-slider-thumb\">\n</media-slider-thumb>\n<media-slider-preview class=\"media-time-slider-preview\">\n<media-slider-thumbnail class=\"media-slider-thumbnail\">\n<img alt=\"\" aria-hidden=\"true\" decoding=\"async\" class=\"media-slider-thumbnail-image\">\n</media-slider-thumbnail>\n<div class=\"media-time-slider-preview-meta media-time-slider-audio-preview-meta\">\n<div class=\"media-time-slider-preview-label\">\n<media-slider-value class=\"media-time-slider-value\" type=\"pointer\">\n</media-slider-value>\n<media-time-slider-chapter-title class=\"media-time-slider-chapter-title\">\n</media-time-slider-chapter-title>\n</div>\n</div>\n</media-slider-preview>\n</media-time-slider>\n</div>\n<media-controls-group class=\"video-controls-row\">\n<media-controls-group class=\"video-controls-group video-controls-start\">\n<media-play-button class=\"media-button media-play-button\" id=\"vjs-0wiMTNy2-0-trigger\">\n<media-icon family=\"compat\" name=\"restart\" class=\"media-button-icon-base media-play-button-restart-icon\">\n</media-icon>\n<media-icon family=\"compat\" name=\"play\" class=\"media-button-icon-base media-play-button-play-icon\">\n</media-icon>\n<media-icon family=\"compat\" name=\"pause\" class=\"media-button-icon-base media-play-button-pause-icon\">\n</media-icon>\n</media-play-button>\n<media-tooltip trigger=\"vjs-0wiMTNy2-0-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-seek-button seconds=\"-10\" class=\"media-button media-seek-button-audio\" id=\"vjs-0wiMTNy2-0-2-trigger\">\n<div class=\"media-seek-button-content\">\n<media-icon family=\"compat\" name=\"seek\" class=\"media-button-icon media-seek-button-backward-icon\">\n</media-icon>\n<span class=\"media-seek-button-label media-seek-button-backward-label\">10</span>\n</div>\n</media-seek-button>\n<media-tooltip trigger=\"vjs-0wiMTNy2-0-2-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-seek-button seconds=\"10\" class=\"media-button media-seek-button-audio\" id=\"vjs-0wiMTNy2-0-3-trigger\">\n<div class=\"media-seek-button-content\">\n<media-icon family=\"compat\" name=\"seek\" class=\"media-button-icon\">\n</media-icon>\n<span class=\"media-seek-button-label media-seek-button-forward-label\">10</span>\n</div>\n</media-seek-button>\n<media-tooltip trigger=\"vjs-0wiMTNy2-0-3-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-playback-rate-button commandfor=\"vjs-qLzMuG8D-0-popup\" class=\"media-button media-playback-rate-button\" id=\"vjs-0wiMTNy2-0-4-trigger\">\n<span data-part=\"value\">\n</span>\n</media-playback-rate-button>\n<media-tooltip trigger=\"vjs-0wiMTNy2-0-4-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-text token=\"menu.speed\">Speed</media-text>\n</media-tooltip>\n<media-menu side=\"top\" align=\"center\" boundary=\"viewport\" class=\"media-popup media-popup-safe-area media-menu-popup media-menu-rate-popup\" id=\"vjs-qLzMuG8D-0-popup\">\n<media-menu-content class=\"media-menu-content\">\n<media-playback-rate-radio-group class=\"media-menu-radio-group\">\n<template>\n<media-menu-radio-item class=\"media-menu-radio-item\">\n<span data-part=\"label\">\n</span>\n<media-menu-item-indicator force-mount class=\"media-menu-indicator\">\n<media-icon family=\"compat\" name=\"check\" class=\"media-menu-radio-icon\">\n</media-icon>\n</media-menu-item-indicator>\n</media-menu-radio-item>\n</template>\n</media-playback-rate-radio-group>\n</media-menu-content>\n</media-menu>\n<media-time-group class=\"media-time-group\">\n<media-time class=\"media-time-toggle\" type=\"current\" toggle>\n</media-time>\n<media-time class=\"media-time-current-value\" type=\"current\">\n</media-time>\n<media-time-separator class=\"media-time-separator\">\n</media-time-separator>\n<media-time class=\"media-time-duration-value\" type=\"duration\">\n</media-time>\n</media-time-group>\n</media-controls-group>\n<media-controls-group class=\"video-controls-group\">\n<media-captions-button class=\"media-button media-captions-button\" id=\"vjs-0wiMTNy2-0-5-trigger\">\n<media-icon family=\"compat\" name=\"captions-off\" class=\"media-button-icon media-captions-button-off-icon\">\n</media-icon>\n<media-icon family=\"compat\" name=\"captions-on\" class=\"media-button-icon media-captions-button-on-icon\">\n</media-icon>\n</media-captions-button>\n<media-tooltip trigger=\"vjs-0wiMTNy2-0-5-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-mute-button commandfor=\"vjs-DTtRMRFm-0-popup\" class=\"media-button media-mute-button\" id=\"vjs-0wiMTNy2-0-6-trigger\">\n<media-icon family=\"compat\" name=\"volume-off\" class=\"media-button-icon media-mute-button-off-icon\">\n</media-icon>\n<media-icon family=\"compat\" name=\"volume-high\" class=\"media-button-icon media-mute-button-high-icon\">\n</media-icon>\n</media-mute-button>\n<media-tooltip trigger=\"vjs-0wiMTNy2-0-6-trigger\" delay=\"0\" disabled side=\"top\" sticky class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-volume-popover open-on-hover delay=\"200\" close-delay=\"100\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-volume-popover-popup\" id=\"vjs-DTtRMRFm-0-popup\">\n<media-volume-slider class=\"media-volume-slider\" orientation=\"vertical\" thumb-alignment=\"edge\">\n<media-slider-track class=\"media-volume-slider-track\">\n<media-slider-fill class=\"media-volume-slider-fill\">\n</media-slider-fill>\n</media-slider-track>\n<media-slider-thumb class=\"media-volume-slider-thumb\">\n</media-slider-thumb>\n</media-volume-slider>\n</media-volume-popover>\n<media-airplay-button class=\"media-button media-airplay-button\" id=\"vjs-0wiMTNy2-0-7-trigger\">\n<media-icon family=\"compat\" name=\"airplay-enter\" class=\"media-button-icon media-airplay-button-enter-icon\">\n</media-icon>\n<media-icon family=\"compat\" name=\"airplay-exit\" class=\"media-button-icon media-airplay-button-exit-icon\">\n</media-icon>\n</media-airplay-button>\n<media-tooltip trigger=\"vjs-0wiMTNy2-0-7-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n</media-controls-group>\n</media-controls-group>\n</div>\n</media-tooltip-group>\n</media-controls-content>\n</media-buffering-indicator>\n</media-controls>\n<media-hotkey keys=\"Space\" action=\"togglePaused\">\n</media-hotkey>\n<media-hotkey keys=\"k\" action=\"togglePaused\">\n</media-hotkey>\n<media-hotkey keys=\"m\" action=\"toggleMuted\">\n</media-hotkey>\n<media-hotkey keys=\"ArrowRight\" action=\"seekStep\">\n</media-hotkey>\n<media-hotkey keys=\"ArrowLeft\" action=\"seekStep\">\n</media-hotkey>\n<media-hotkey keys=\"l\" action=\"seekStep\">\n</media-hotkey>\n<media-hotkey keys=\"j\" action=\"seekStep\">\n</media-hotkey>\n<media-hotkey keys=\"ArrowUp\" action=\"volumeStep\">\n</media-hotkey>\n<media-hotkey keys=\"ArrowDown\" action=\"volumeStep\">\n</media-hotkey>\n<media-hotkey keys=\"0-9\" action=\"seekToPercent\">\n</media-hotkey>\n<media-hotkey keys=\"Home\" action=\"seekToPercent\" value=\"0\">\n</media-hotkey>\n<media-hotkey keys=\"End\" action=\"seekToPercent\" value=\"100\">\n</media-hotkey>\n<media-hotkey keys=\"&gt;\" action=\"speedUp\">\n</media-hotkey>\n<media-hotkey keys=\"&lt;\" action=\"speedDown\">\n</media-hotkey>\n<media-status-announcer class=\"media-status-announcer\">\n</media-status-announcer>\n</media-container>`);\n"],"mappings":";;;AAGA,MAAa,WACX,eAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAmNT"}

package/dist/dev/internal/skins/compat-live-audio/register.d.ts

@@ -7,6 +7,7 @@ import "../../../define/ui/dialog-title.js";
 import "../../../define/ui/dialog-description.js";
 import "../../../define/ui/dialog-close.js";
 import "../../../define/ui/controls.js";
+import "../../../define/ui/buffering-indicator.js";
 import "../../../define/ui/controls-content.js";
 import "../../../define/ui/tooltip-group.js";
 import "../../../define/ui/slider-track.js";

package/dist/dev/internal/skins/compat-live-audio/register.js

@@ -10,6 +10,7 @@ import { restartIcon } from "../../../icons/dist/html/compat/restart.js";
 import { volumeHighIcon } from "../../../icons/dist/html/compat/volume-high.js";
 import { volumeOffIcon } from "../../../icons/dist/html/compat/volume-off.js";
 import "../../../define/ui/container.js";
+import "../../../define/ui/buffering-indicator.js";
 import "../../../define/ui/error-dialog.js";
 import "../../../define/ui/dialog-backdrop.js";
 import "../../../define/ui/dialog-popup.js";

package/dist/dev/internal/skins/compat-live-audio/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","names":["airPlayEnterIconCompat","airPlayExitIconCompat","captionsOffIconCompat","captionsOnIconCompat","pauseIconCompat","playIconCompat","restartIconCompat","volumeHighIconCompat","volumeOffIconCompat"],"sources":["../../../../../src/internal/skins/compat-live-audio/register.ts"],"sourcesContent":["import '../../../define/i18n';\nimport '../../../define/ui/container';\nimport '../../../define/ui/error-dialog';\nimport '../../../define/ui/dialog-backdrop';\nimport '../../../define/ui/dialog-popup';\nimport '../../../define/ui/dialog-title';\nimport '../../../define/ui/dialog-description';\nimport '../../../define/ui/dialog-close';\nimport '../../../define/ui/controls';\nimport '../../../define/ui/controls-content';\nimport '../../../define/ui/tooltip-group';\nimport '../../../define/ui/controls-group';\nimport '../../../define/ui/play-button';\nimport '../../../define/ui/tooltip';\nimport '../../../define/ui/tooltip-label';\nimport '../../../define/ui/tooltip-shortcut';\nimport '../../../define/ui/live-button';\nimport '../../../define/ui/captions-button';\nimport '../../../define/ui/mute-button';\nimport '../../../define/ui/volume-popover';\nimport '../../../define/ui/volume-slider';\nimport '../../../define/ui/slider-track';\nimport '../../../define/ui/slider-fill';\nimport '../../../define/ui/slider-thumb';\nimport '../../../define/ui/airplay-button';\nimport '../../../define/ui/hotkey';\nimport '../../../define/ui/status-announcer';\nimport { registerIcons } from '../../../icons';\nimport {\n  airPlayEnterIcon as airPlayEnterIconCompat,\n  airPlayExitIcon as airPlayExitIconCompat,\n  captionsOffIcon as captionsOffIconCompat,\n  captionsOnIcon as captionsOnIconCompat,\n  pauseIcon as pauseIconCompat,\n  playIcon as playIconCompat,\n  restartIcon as restartIconCompat,\n  volumeHighIcon as volumeHighIconCompat,\n  volumeOffIcon as volumeOffIconCompat,\n} from '../../../icons/compat';\n\nregisterIcons('compat', {\n  'airplay-enter': airPlayEnterIconCompat,\n  'airplay-exit': airPlayExitIconCompat,\n  'captions-off': captionsOffIconCompat,\n  'captions-on': captionsOnIconCompat,\n  pause: pauseIconCompat,\n  play: playIconCompat,\n  restart: restartIconCompat,\n  'volume-high': volumeHighIconCompat,\n  'volume-off': volumeOffIconCompat,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,cAAc,UAAU;CACtB,iBAAiBA;CACjB,gBAAgBC;CAChB,gBAAgBC;CAChB,eAAeC;CACf,OAAOC;CACP,MAAMC;CACN,SAASC;CACT,eAAeC;CACf,cAAcC;AAChB,CAAC"}
+{"version":3,"file":"register.js","names":["airPlayEnterIconCompat","airPlayExitIconCompat","captionsOffIconCompat","captionsOnIconCompat","pauseIconCompat","playIconCompat","restartIconCompat","volumeHighIconCompat","volumeOffIconCompat"],"sources":["../../../../../src/internal/skins/compat-live-audio/register.ts"],"sourcesContent":["import '../../../define/i18n';\nimport '../../../define/ui/container';\nimport '../../../define/ui/error-dialog';\nimport '../../../define/ui/dialog-backdrop';\nimport '../../../define/ui/dialog-popup';\nimport '../../../define/ui/dialog-title';\nimport '../../../define/ui/dialog-description';\nimport '../../../define/ui/dialog-close';\nimport '../../../define/ui/controls';\nimport '../../../define/ui/buffering-indicator';\nimport '../../../define/ui/controls-content';\nimport '../../../define/ui/tooltip-group';\nimport '../../../define/ui/controls-group';\nimport '../../../define/ui/play-button';\nimport '../../../define/ui/tooltip';\nimport '../../../define/ui/tooltip-label';\nimport '../../../define/ui/tooltip-shortcut';\nimport '../../../define/ui/live-button';\nimport '../../../define/ui/captions-button';\nimport '../../../define/ui/mute-button';\nimport '../../../define/ui/volume-popover';\nimport '../../../define/ui/volume-slider';\nimport '../../../define/ui/slider-track';\nimport '../../../define/ui/slider-fill';\nimport '../../../define/ui/slider-thumb';\nimport '../../../define/ui/airplay-button';\nimport '../../../define/ui/hotkey';\nimport '../../../define/ui/status-announcer';\nimport { registerIcons } from '../../../icons';\nimport {\n  airPlayEnterIcon as airPlayEnterIconCompat,\n  airPlayExitIcon as airPlayExitIconCompat,\n  captionsOffIcon as captionsOffIconCompat,\n  captionsOnIcon as captionsOnIconCompat,\n  pauseIcon as pauseIconCompat,\n  playIcon as playIconCompat,\n  restartIcon as restartIconCompat,\n  volumeHighIcon as volumeHighIconCompat,\n  volumeOffIcon as volumeOffIconCompat,\n} from '../../../icons/compat';\n\nregisterIcons('compat', {\n  'airplay-enter': airPlayEnterIconCompat,\n  'airplay-exit': airPlayExitIconCompat,\n  'captions-off': captionsOffIconCompat,\n  'captions-on': captionsOnIconCompat,\n  pause: pauseIconCompat,\n  play: playIconCompat,\n  restart: restartIconCompat,\n  'volume-high': volumeHighIconCompat,\n  'volume-off': volumeOffIconCompat,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,cAAc,UAAU;CACtB,iBAAiBA;CACjB,gBAAgBC;CAChB,gBAAgBC;CAChB,eAAeC;CACf,OAAOC;CACP,MAAMC;CACN,SAASC;CACT,eAAeC;CACf,cAAcC;AAChB,CAAC"}

package/dist/dev/internal/skins/compat-live-audio/skin.css

@@ -903,6 +903,24 @@
     }
   }
 
+  :where(.media-skin[data-theme="compat"][data-preset="live-audio"]) .video-controls-backdrop {
+    pointer-events: none;
+    z-index: 10;
+    background-image: linear-gradient(to top, #000000b3, #0003, #00000080);
+    position: absolute;
+    inset: 0;
+  }
+
+  :where(:where(.media-skin[data-theme="compat"][data-preset="live-audio"]) .video-controls-buffering):not([data-visible]) .video-controls-backdrop:not([data-visible]) {
+    display: none;
+  }
+
+  @media (forced-colors: active) {
+    :where(.media-skin[data-theme="compat"][data-preset="live-audio"]) .video-controls-backdrop {
+      background-image: none;
+    }
+  }
+
   :where(.media-skin[data-theme="compat"][data-preset="live-audio"]) .video-controls-bottom {
     pointer-events: auto;
     inset-inline: calc(var(--media-spacing) * 2);
@@ -949,6 +967,10 @@
     }
   }
 
+  :where(.media-skin[data-theme="compat"][data-preset="live-audio"]) .video-controls-buffering {
+    display: contents;
+  }
+
   :where(.media-skin[data-theme="compat"][data-preset="live-audio"]) .video-controls-center {
     pointer-events: auto;
     align-items: center;
@@ -970,6 +992,10 @@
     transition-duration: var(--media-duration);
   }
 
+  :where(:where(.media-skin[data-theme="compat"][data-preset="live-audio"]) .video-controls-buffering)[data-visible] .video-controls-center {
+    display: none !important;
+  }
+
   @media (prefers-reduced-motion: no-preference) {
     :where(:where(.media-skin[data-theme="compat"][data-preset="live-audio"]) .video-controls-content):not([data-visible]) .video-controls-center {
       transform: translate(-50%, -50%) scale(.9);
@@ -1145,6 +1171,22 @@
     }
   }
 
+  @container media-root (width < 42rem) {
+    :where(.media-skin[data-theme="compat"][data-preset="live-audio"]) .video-controls-top {
+      inset-inline-end: calc(var(--media-spacing) * 2);
+      top: calc(var(--media-spacing) * 2);
+    }
+
+    @media (forced-colors: active) {
+      :where(.media-skin[data-theme="compat"][data-preset="live-audio"]) .video-controls-top {
+        padding-inline: calc(var(--media-spacing) * 2);
+        padding-block: calc(var(--media-spacing) * 2);
+        inset-inline-end: 0;
+        top: 0;
+      }
+    }
+  }
+
   @media (forced-colors: active) {
     :where(.media-skin[data-theme="compat"][data-preset="live-audio"]) .video-controls-video-bottom {
       padding-inline: calc(var(--media-spacing) * 2);