ts-video-player 0.1.1 → 0.1.2

package/dist/{chunk-z1ehbz9f.js → chunk-ds1nj487.js}

@@ -1,17 +1,17 @@
 import {
-  StateStore,
-  createGestureDetector,
-  createKeyboardHandler,
-  detectFullscreenAvailability,
-  detectPipAvailability,
-  detectVolumeAvailability,
-  onFullscreenChange,
-  onPiPChange,
-  probeVolumeAvailability
-} from "./chunk-36x4yhjn.js";
+  StateStore2,
+  onFullscreenChange2,
+  onPiPChange2,
+  createKeyboardHandler2,
+  createGestureDetector2,
+  detectVolumeAvailability2,
+  probeVolumeAvailability2,
+  detectFullscreenAvailability2,
+  detectPipAvailability2
+} from "./chunk-rhykj0qy.js";
 
 // src/features/playback.ts
-var playback = {
+var playback2 = {
   name: "playback",
   stateKeys: ["paused", "playing", "ended", "seeking", "waiting", "currentTime", "duration", "playbackRate", "loop", "autoplay", "playbackState"],
   setup(ctx) {
@@ -72,13 +72,13 @@ var playback = {
   }
 };
 // src/features/volume.ts
-var volume = {
+var volume2 = {
   name: "volume",
   stateKeys: ["volume", "muted", "volumeAvailability"],
   setup(ctx) {
     const { store, getMediaElement } = ctx;
     const media = getMediaElement();
-    store.set("volumeAvailability", detectVolumeAvailability(media));
+    store.set("volumeAvailability", detectVolumeAvailability2(media));
     const onVolumeChange = () => {
       const m = getMediaElement();
       if (m)
@@ -88,7 +88,7 @@ var volume = {
       const m = getMediaElement();
       if (!m)
         return;
-      probeVolumeAvailability(m).then((availability) => {
+      probeVolumeAvailability2(m).then((availability) => {
         store.set("volumeAvailability", availability);
       });
     };
@@ -106,21 +106,21 @@ var volume = {
   }
 };
 // src/features/fullscreen.ts
-var fullscreen = {
+var fullscreen2 = {
   name: "fullscreen",
   stateKeys: ["fullscreen", "fullscreenAvailability", "canFullscreen"],
   setup(ctx) {
     const { store, container, getMediaElement } = ctx;
     const update = () => {
       const video = getMediaElement();
-      const availability = detectFullscreenAvailability(container, video);
+      const availability = detectFullscreenAvailability2(container, video);
       store.batch({
         fullscreenAvailability: availability,
         canFullscreen: availability === "available"
       });
     };
     update();
-    const cleanup = onFullscreenChange((fs) => {
+    const cleanup = onFullscreenChange2((fs) => {
       store.set("fullscreen", fs);
     });
     const onMeta = () => update();
@@ -134,14 +134,14 @@ var fullscreen = {
   }
 };
 // src/features/pip.ts
-var pip = {
+var pip2 = {
   name: "pip",
   stateKeys: ["pictureInPicture", "pipAvailability", "canPictureInPicture"],
   setup(ctx) {
     const { store, getMediaElement } = ctx;
     const update = () => {
       const video = getMediaElement();
-      const availability = detectPipAvailability(video);
+      const availability = detectPipAvailability2(video);
       store.batch({
         pipAvailability: availability,
         canPictureInPicture: availability === "available"
@@ -151,7 +151,7 @@ var pip = {
     let cleanupPiP = null;
     const media = getMediaElement();
     if (media instanceof HTMLVideoElement) {
-      cleanupPiP = onPiPChange(media, (isPiP) => {
+      cleanupPiP = onPiPChange2(media, (isPiP) => {
         store.set("pictureInPicture", isPiP);
       });
     }
@@ -165,17 +165,17 @@ var pip = {
   }
 };
 // src/features/captions.ts
-var captions = {
+var captions2 = {
   name: "captions",
   stateKeys: ["textTracks"],
   setup(ctx) {
     const { store, getMediaElement } = ctx;
     const syncTracks = () => {
-      const media2 = getMediaElement();
-      if (!media2)
+      const media = getMediaElement();
+      if (!media)
         return;
       const tracks = [];
-      const textTracks = media2.textTracks;
+      const textTracks = media.textTracks;
       for (let i = 0;i < textTracks.length; i++) {
         const track = textTracks[i];
         tracks.push({
@@ -207,7 +207,7 @@ var captions = {
   }
 };
 // src/features/quality.ts
-var quality = {
+var quality2 = {
   name: "quality",
   stateKeys: ["qualities", "autoQuality"],
   setup(_ctx) {
@@ -215,7 +215,7 @@ var quality = {
   }
 };
 // src/features/keyboard.ts
-var keyboard = {
+var keyboard2 = {
   name: "keyboard",
   setup(ctx) {
     const { container, options } = ctx;
@@ -286,7 +286,7 @@ var keyboard = {
       }
     };
     const config = typeof options.keyboard === "object" ? options.keyboard : {};
-    const handler = createKeyboardHandler(actions, {
+    const handler = createKeyboardHandler2(actions, {
       seekStep: config.seekStep,
       volumeStep: config.volumeStep
     });
@@ -298,13 +298,13 @@ var keyboard = {
   }
 };
 // src/features/gestures.ts
-var gestures = {
+var gestures2 = {
   name: "gestures",
   setup(ctx) {
     const { container, options } = ctx;
     if (options.gestures === false)
       return;
-    const cleanup = createGestureDetector(container, {
+    const cleanup = createGestureDetector2(container, {
       onDoubleTap: (x) => {
         const rect = container.getBoundingClientRect();
         const third = rect.width / 3;
@@ -333,8 +333,8 @@ var gestures = {
   }
 };
 // src/features/create-player.ts
-function createComposablePlayer(container, opts) {
-  const store = new StateStore(opts.state);
+function createComposablePlayer2(container, opts) {
+  const store = new StateStore2(opts.state);
   const cleanups = [];
   let mediaElement = null;
   const getMediaElement = () => {
@@ -371,8 +371,8 @@ function createComposablePlayer(container, opts) {
   };
 }
 // src/features/index.ts
-var videoFeatures = [playback, volume, fullscreen, pip, captions, quality, keyboard, gestures];
-var audioFeatures = [playback, volume, keyboard];
-var minimalFeatures = [playback];
+var videoFeatures2 = [playback2, volume2, fullscreen2, pip2, captions2, quality2, keyboard2, gestures2];
+var audioFeatures2 = [playback2, volume2, keyboard2];
+var minimalFeatures2 = [playback2];
 
-export { playback, volume, fullscreen, pip, captions, quality, keyboard, gestures, createComposablePlayer, videoFeatures, audioFeatures, minimalFeatures };
+export { playback2, volume2, fullscreen2, pip2, captions2, quality2, keyboard2, gestures2, createComposablePlayer2, videoFeatures2, audioFeatures2, minimalFeatures2 };

package/dist/{chunk-36x4yhjn.js → chunk-rhykj0qy.js}

@@ -1,5 +1,5 @@
 // src/core/state.ts
-function shallowEqual(a, b) {
+function shallowEqual2(a, b) {
   if (a === b)
     return true;
   if (!a || !b)
@@ -14,7 +14,7 @@ function shallowEqual(a, b) {
   }
   return true;
 }
-function createSignal(initial) {
+function createSignal2(initial) {
   let value = initial;
   const listeners = new Set;
   const get = () => value;
@@ -31,7 +31,7 @@ function createSignal(initial) {
   };
   return [get, set];
 }
-function computed(fn, deps) {
+function computed2(fn, deps) {
   let value;
   let dirty = true;
   deps.forEach((dep) => {
@@ -49,7 +49,7 @@ function computed(fn, deps) {
     return value;
   };
 }
-function createDefaultState() {
+function createDefaultState2() {
   return {
     src: null,
     sources: [],
@@ -102,13 +102,13 @@ function createDefaultState() {
   };
 }
 
-class StateStore {
+class StateStore2 {
   state;
   listeners = new Map;
   _pendingKeys = null;
   _flushScheduled = false;
   constructor(initial) {
-    this.state = { ...createDefaultState(), ...initial };
+    this.state = { ...createDefaultState2(), ...initial };
   }
   getState() {
     return this.state;
@@ -132,12 +132,12 @@ class StateStore {
   }
   subscribe(keyOrListener, listener) {
     if (typeof keyOrListener === "function") {
-      const key2 = "*";
-      if (!this.listeners.has(key2)) {
-        this.listeners.set(key2, new Set);
+      const key = "*";
+      if (!this.listeners.has(key)) {
+        this.listeners.set(key, new Set);
       }
-      this.listeners.get(key2).add(keyOrListener);
-      return () => this.listeners.get(key2)?.delete(keyOrListener);
+      this.listeners.get(key).add(keyOrListener);
+      return () => this.listeners.get(key)?.delete(keyOrListener);
     }
     const key = keyOrListener;
     if (!listener)
@@ -149,7 +149,7 @@ class StateStore {
     return () => this.listeners.get(key)?.delete(listener);
   }
   reset() {
-    this.state = createDefaultState();
+    this.state = createDefaultState2();
     this._pendingKeys = null;
     this._flushScheduled = false;
     this.notifyAll();
@@ -182,7 +182,7 @@ class StateStore {
     this.listeners.get("*")?.forEach((listener) => listener(this.state));
   }
 }
-function selectBufferedAmount(state) {
+function selectBufferedAmount2(state) {
   if (state.duration === 0 || state.buffered.length === 0)
     return 0;
   let buffered = 0;
@@ -191,42 +191,42 @@ function selectBufferedAmount(state) {
   }
   return Math.min(buffered / state.duration, 1);
 }
-function selectProgress(state) {
+function selectProgress2(state) {
   if (state.duration === 0)
     return 0;
   return Math.min(state.currentTime / state.duration, 1);
 }
-function selectRemainingTime(state) {
+function selectRemainingTime2(state) {
   return Math.max(state.duration - state.currentTime, 0);
 }
-function selectIsIdle(state) {
+function selectIsIdle2(state) {
   return state.loadingState === "idle" && state.playbackState === "idle";
 }
-function selectIsLoading(state) {
+function selectIsLoading2(state) {
   return state.loadingState === "loading" || state.waiting;
 }
-function selectIsLive(state) {
+function selectIsLive2(state) {
   return state.streamType.includes("live");
 }
-function selectIsDVR(state) {
+function selectIsDVR2(state) {
   return state.streamType === "live:dvr";
 }
-function selectCurrentQuality(state) {
+function selectCurrentQuality2(state) {
   const selected = state.qualities.find((q) => q.selected);
   if (!selected)
     return state.autoQuality ? "auto" : null;
   return `${selected.height}p`;
 }
-function selectCurrentTextTrack(state) {
+function selectCurrentTextTrack2(state) {
   const showing = state.textTracks.find((t) => t.mode === "showing");
   return showing?.label || null;
 }
-function selectCurrentAudioTrack(state) {
+function selectCurrentAudioTrack2(state) {
   const selected = state.audioTracks.find((t) => t.selected);
   return selected?.label || null;
 }
 var STORAGE_KEY = "ts-video-player";
-function loadPersistedState(storage = localStorage) {
+function loadPersistedState2(storage = localStorage) {
   try {
     const data = storage.getItem(STORAGE_KEY);
     if (data) {
@@ -235,14 +235,14 @@ function loadPersistedState(storage = localStorage) {
   } catch {}
   return {};
 }
-function savePersistedState(state, storage = localStorage) {
+function savePersistedState2(state, storage = localStorage) {
   try {
-    const existing = loadPersistedState(storage);
+    const existing = loadPersistedState2(storage);
     storage.setItem(STORAGE_KEY, JSON.stringify({ ...existing, ...state }));
   } catch {}
 }
-function createStorageSync(store, keys = ["volume", "muted", "playbackRate"], storage = localStorage) {
-  const persisted = loadPersistedState(storage);
+function createStorageSync2(store, keys = ["volume", "muted", "playbackRate"], storage = localStorage) {
+  const persisted = loadPersistedState2(storage);
   if (persisted.volume !== undefined)
     store.set("volume", persisted.volume);
   if (persisted.muted !== undefined)
@@ -251,13 +251,13 @@ function createStorageSync(store, keys = ["volume", "muted", "playbackRate"], st
     store.set("playbackRate", persisted.playbackRate);
   const unsubscribes = keys.map((key) => store.subscribe(key, (state) => {
     const value = state[key];
-    savePersistedState({ [key]: value }, storage);
+    savePersistedState2({ [key]: value }, storage);
   }));
   return () => unsubscribes.forEach((unsub) => unsub());
 }
 
 // src/core/events.ts
-class EventEmitter {
+class EventEmitter2 {
   listeners = new Map;
   onceListeners = new Map;
   on(event, handler) {
@@ -312,7 +312,7 @@ class EventEmitter {
   }
 }
 
-class MediaEventsNormalizer {
+class MediaEventsNormalizer2 {
   media;
   emitter;
   listeners = [];
@@ -381,7 +381,7 @@ class MediaEventsNormalizer {
     this.listeners = [];
   }
 }
-function onFullscreenChange(handler) {
+function onFullscreenChange2(handler) {
   const events = ["fullscreenchange", "webkitfullscreenchange", "mozfullscreenchange", "MSFullscreenChange"];
   const listener = () => {
     const fullscreen = !!(document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement);
@@ -392,7 +392,7 @@ function onFullscreenChange(handler) {
     events.forEach((event) => document.removeEventListener(event, listener));
   };
 }
-function onPiPChange(video, handler) {
+function onPiPChange2(video, handler) {
   const enterHandler = () => handler(true);
   const leaveHandler = () => handler(false);
   video.addEventListener("enterpictureinpicture", enterHandler);
@@ -402,7 +402,7 @@ function onPiPChange(video, handler) {
     video.removeEventListener("leavepictureinpicture", leaveHandler);
   };
 }
-var DEFAULT_KEYBOARD_SHORTCUTS = {
+var DEFAULT_KEYBOARD_SHORTCUTS2 = {
   " ": "togglePlay",
   k: "togglePlay",
   m: "toggleMute",
@@ -430,14 +430,14 @@ var DEFAULT_KEYBOARD_SHORTCUTS = {
   "8": "seek80",
   "9": "seek90"
 };
-function createKeyboardHandler(actions, options = {}) {
+function createKeyboardHandler2(actions, options = {}) {
   const { seekStep: _seekStep = 5, volumeStep: _volumeStep = 0.1, speedStep: _speedStep = 0.25 } = options;
   return (event) => {
     if (event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement || event.target instanceof HTMLSelectElement || event.target?.isContentEditable) {
       return;
     }
     const key = event.key;
-    const action = DEFAULT_KEYBOARD_SHORTCUTS[key];
+    const action = DEFAULT_KEYBOARD_SHORTCUTS2[key];
     if (!action)
       return;
     event.preventDefault();
@@ -491,7 +491,7 @@ function createKeyboardHandler(actions, options = {}) {
     }
   };
 }
-function createActivityDetector(element, options = {}) {
+function createActivityDetector2(element, options = {}) {
   const { timeout = 3000, onActive, onInactive } = options;
   let timer = null;
   let active = true;
@@ -522,7 +522,7 @@ function createActivityDetector(element, options = {}) {
     events.forEach((event) => element.removeEventListener(event, setActive));
   };
 }
-function createGestureDetector(element, handlers) {
+function createGestureDetector2(element, handlers) {
   let startX = 0;
   let startY = 0;
   let startTime = 0;
@@ -608,7 +608,7 @@ function createGestureDetector(element, handlers) {
 }
 
 // src/core/features.ts
-function isIOSSafari() {
+function isIOSSafari2() {
   if (typeof navigator === "undefined")
     return false;
   const ua = navigator.userAgent;
@@ -618,24 +618,24 @@ function isIOSSafari() {
     return true;
   return false;
 }
-function isSafari() {
+function isSafari2() {
   if (typeof navigator === "undefined")
     return false;
   return /^(?:(?!chrome|android).)*safari/i.test(navigator.userAgent);
 }
-function isStandalonePWA() {
+function isStandalonePWA2() {
   if (typeof window === "undefined")
     return false;
   return navigator.standalone === true || window.matchMedia("(display-mode: standalone)").matches;
 }
-function detectVolumeAvailability(media) {
-  if (isIOSSafari())
+function detectVolumeAvailability2(media) {
+  if (isIOSSafari2())
     return "unsupported";
   if (!media)
     return "unavailable";
   return "available";
 }
-async function probeVolumeAvailability(media) {
+async function probeVolumeAvailability2(media) {
   const original = media.volume;
   try {
     const testValue = original === 1 ? 0.5 : 1;
@@ -651,7 +651,7 @@ async function probeVolumeAvailability(media) {
     return "unsupported";
   }
 }
-function detectFullscreenAvailability(container, videoElement) {
+function detectFullscreenAvailability2(container, videoElement) {
   const doc = typeof document !== "undefined" ? document : null;
   if (!doc)
     return "unsupported";
@@ -670,13 +670,13 @@ function detectFullscreenAvailability(container, videoElement) {
     return "unavailable";
   return "unsupported";
 }
-function isVideoOnlyFullscreen() {
+function isVideoOnlyFullscreen2() {
   if (typeof document === "undefined")
     return false;
   const doc = document;
-  return isIOSSafari() && !doc.fullscreenEnabled && !doc.webkitFullscreenEnabled;
+  return isIOSSafari2() && !doc.fullscreenEnabled && !doc.webkitFullscreenEnabled;
 }
-async function enterFullscreen(container, media) {
+async function enterFullscreen2(container, media) {
   const video = media;
   if (container) {
     const el = container;
@@ -695,7 +695,7 @@ async function enterFullscreen(container, media) {
     return media.requestFullscreen();
   }
 }
-async function exitFullscreen(media) {
+async function exitFullscreen2(media) {
   const doc = document;
   const video = media;
   if (typeof doc.exitFullscreen === "function")
@@ -708,20 +708,20 @@ async function exitFullscreen(media) {
     video.webkitExitFullscreen();
   }
 }
-function detectPipAvailability(videoElement) {
+function detectPipAvailability2(videoElement) {
   if (!videoElement)
     return "unavailable";
   if ("requestPictureInPicture" in videoElement) {
     if (typeof document !== "undefined" && document.pictureInPictureEnabled === false) {
       return "unavailable";
     }
-    if (isSafari() && isStandalonePWA())
+    if (isSafari2() && isStandalonePWA2())
       return "unavailable";
     return "available";
   }
   const video = videoElement;
   if (typeof video.webkitSetPresentationMode === "function") {
-    if (isStandalonePWA())
+    if (isStandalonePWA2())
       return "unavailable";
     if (typeof video.webkitSupportsPresentationMode === "function") {
       return video.webkitSupportsPresentationMode("picture-in-picture") ? "available" : "unsupported";
@@ -730,7 +730,7 @@ function detectPipAvailability(videoElement) {
   }
   return "unsupported";
 }
-async function enterPiP(media) {
+async function enterPiP2(media) {
   const video = media;
   if (typeof video.requestPictureInPicture === "function") {
     await video.requestPictureInPicture();
@@ -740,7 +740,7 @@ async function enterPiP(media) {
     video.webkitSetPresentationMode("picture-in-picture");
   }
 }
-async function exitPiP(media) {
+async function exitPiP2(media) {
   if (document.pictureInPictureElement && typeof document.exitPictureInPicture === "function") {
     await document.exitPictureInPicture();
     return;
@@ -752,12 +752,12 @@ async function exitPiP(media) {
     }
   }
 }
-function detectAllFeatures(container, videoElement, mediaElement) {
+function detectAllFeatures2(container, videoElement, mediaElement) {
   return {
-    volume: detectVolumeAvailability(mediaElement),
-    fullscreen: detectFullscreenAvailability(container, videoElement),
-    pip: detectPipAvailability(videoElement)
+    volume: detectVolumeAvailability2(mediaElement),
+    fullscreen: detectFullscreenAvailability2(container, videoElement),
+    pip: detectPipAvailability2(videoElement)
   };
 }
 
-export { shallowEqual, createSignal, computed, createDefaultState, StateStore, selectBufferedAmount, selectProgress, selectRemainingTime, selectIsIdle, selectIsLoading, selectIsLive, selectIsDVR, selectCurrentQuality, selectCurrentTextTrack, selectCurrentAudioTrack, loadPersistedState, savePersistedState, createStorageSync, EventEmitter, MediaEventsNormalizer, onFullscreenChange, onPiPChange, DEFAULT_KEYBOARD_SHORTCUTS, createKeyboardHandler, createActivityDetector, createGestureDetector, isIOSSafari, isSafari, isStandalonePWA, detectVolumeAvailability, probeVolumeAvailability, detectFullscreenAvailability, isVideoOnlyFullscreen, enterFullscreen, exitFullscreen, detectPipAvailability, enterPiP, exitPiP, detectAllFeatures };
+export { shallowEqual2, createSignal2, computed2, createDefaultState2, StateStore2, selectBufferedAmount2, selectProgress2, selectRemainingTime2, selectIsIdle2, selectIsLoading2, selectIsLive2, selectIsDVR2, selectCurrentQuality2, selectCurrentTextTrack2, selectCurrentAudioTrack2, loadPersistedState2, savePersistedState2, createStorageSync2, EventEmitter2, MediaEventsNormalizer2, onFullscreenChange2, onPiPChange2, DEFAULT_KEYBOARD_SHORTCUTS2, createKeyboardHandler2, createActivityDetector2, createGestureDetector2, isIOSSafari2, isSafari2, isStandalonePWA2, detectVolumeAvailability2, probeVolumeAvailability2, detectFullscreenAvailability2, isVideoOnlyFullscreen2, enterFullscreen2, exitFullscreen2, detectPipAvailability2, enterPiP2, exitPiP2, detectAllFeatures2 };

package/dist/elements/index.js

@@ -1,53 +1,52 @@
 import {
-  MediaAirplayButton,
-  MediaErrorDisplay,
-  MediaFullscreenButton,
-  MediaLiveButton,
-  MediaMuteButton,
-  MediaPipButton,
-  MediaPlayButton,
-  MediaPlaybackRateButton,
-  MediaPreviewTime,
-  MediaProgressBar,
-  MediaRemotePlaybackButton,
-  MediaSeekButton,
-  MediaSettingsMenu,
-  MediaTimeDisplay,
-  MediaTimeGroup,
-  MediaTimeSeparator,
-  MediaVolumeSlider,
-  VideoPlayerElement,
-  VideoSkin,
-  formatTime,
-  formatTimePhrase,
-  registerElements,
-  resolvePlayer,
-  toISODuration
-} from "../chunk-eajts2jv.js";
-import"../chunk-36x4yhjn.js";
+  VideoPlayerElement2,
+  formatTime2,
+  formatTimePhrase2,
+  toISODuration2,
+  resolvePlayer2,
+  VideoSkin2,
+  MediaPlayButton2,
+  MediaMuteButton2,
+  MediaFullscreenButton2,
+  MediaPipButton2,
+  MediaTimeDisplay2,
+  MediaTimeGroup2,
+  MediaTimeSeparator2,
+  MediaPreviewTime2,
+  MediaProgressBar2,
+  MediaVolumeSlider2,
+  MediaSettingsMenu2,
+  MediaSeekButton2,
+  MediaPlaybackRateButton2,
+  MediaAirplayButton2,
+  MediaLiveButton2,
+  MediaErrorDisplay2,
+  MediaRemotePlaybackButton2,
+  registerElements2
+} from "../chunk-d352kdh6.js";
 export {
-  toISODuration,
-  resolvePlayer,
-  registerElements,
-  formatTimePhrase,
-  formatTime,
-  VideoSkin,
-  VideoPlayerElement,
-  MediaVolumeSlider,
-  MediaTimeSeparator,
-  MediaTimeGroup,
-  MediaTimeDisplay,
-  MediaSettingsMenu,
-  MediaSeekButton,
-  MediaRemotePlaybackButton,
-  MediaProgressBar,
-  MediaPreviewTime,
-  MediaPlaybackRateButton,
-  MediaPlayButton,
-  MediaPipButton,
-  MediaMuteButton,
-  MediaLiveButton,
-  MediaFullscreenButton,
-  MediaErrorDisplay,
-  MediaAirplayButton
+  MediaAirplayButton2 as MediaAirplayButton,
+  MediaErrorDisplay2 as MediaErrorDisplay,
+  MediaFullscreenButton2 as MediaFullscreenButton,
+  MediaLiveButton2 as MediaLiveButton,
+  MediaMuteButton2 as MediaMuteButton,
+  MediaPipButton2 as MediaPipButton,
+  MediaPlayButton2 as MediaPlayButton,
+  MediaPlaybackRateButton2 as MediaPlaybackRateButton,
+  MediaPreviewTime2 as MediaPreviewTime,
+  MediaProgressBar2 as MediaProgressBar,
+  MediaRemotePlaybackButton2 as MediaRemotePlaybackButton,
+  MediaSeekButton2 as MediaSeekButton,
+  MediaSettingsMenu2 as MediaSettingsMenu,
+  MediaTimeDisplay2 as MediaTimeDisplay,
+  MediaTimeGroup2 as MediaTimeGroup,
+  MediaTimeSeparator2 as MediaTimeSeparator,
+  MediaVolumeSlider2 as MediaVolumeSlider,
+  VideoPlayerElement2 as VideoPlayerElement,
+  VideoSkin2 as VideoSkin,
+  formatTime2 as formatTime,
+  formatTimePhrase2 as formatTimePhrase,
+  registerElements2 as registerElements,
+  resolvePlayer2 as resolvePlayer,
+  toISODuration2 as toISODuration
 };