@vime/core - npm Package Compare versions

Comparing version 1.8.1 to 1.9.0

CHANGELOG.md

@@ -5,3 +5,3 @@ # Change Log
 
-## [1.8.1](https://github.com/vime-js/vime/compare/@vime/core@1.8.0...@vime/core@1.8.1) (2020-08-23)
+# [1.9.0](https://github.com/vime-js/vime/compare/@vime/core@1.8.1...@vime/core@1.9.0) (2020-08-25)
 
@@ -11,4 +11,23 @@
 
-* **core:** video bg looks off in fullscreen ([95c60c6](https://github.com/vime-js/vime/commit/95c60c68d5b27ad9b1601bf65fd038f84652a7ec))
+* stricter typing on player context ([e2dc6d6](https://github.com/vime-js/vime/commit/e2dc6d665535f9f35e0128132e172587924de2bb))
+* use lower case `PlayerProp` names for consistency ([5be3890](https://github.com/vime-js/vime/commit/5be3890de1acd8988031cfa6310799dcdd2aeb82))
+* usePlayerContext not working if used on same ref ([2a9c881](https://github.com/vime-js/vime/commit/2a9c881a1646ffd2fa0ea7eb6095f41b990551f7))
+* **core:** context connection failing if player ready ([2443817](https://github.com/vime-js/vime/commit/244381748568424bd74e7390858ad588408253eb))
 
+
+### Features
+
+* add new theme prop ([cfb397f](https://github.com/vime-js/vime/commit/cfb397f5348f721d285b2f8125a6e0ee954448d8))
+* export findRootPlayer utility ([f4ccab1](https://github.com/vime-js/vime/commit/f4ccab104a5ab845b71f51a5ae5fa9b095d7cb5e))
+* improve all framework integrations ([0ef1716](https://github.com/vime-js/vime/commit/0ef171655e8f02c277e0f00e90d87fdba8f74bb4))
+* new svelte store option ([ce78e15](https://github.com/vime-js/vime/commit/ce78e1532da638fffacdf6988ec66c9390c31f5d))
+* **core:** export player event enum ([0918d3f](https://github.com/vime-js/vime/commit/0918d3f2915612584af6496a1df68ee1b554b582))
+* new mounted + destroyed props ([e315a5e](https://github.com/vime-js/vime/commit/e315a5e75ce3cfbe28ed81fc2eec05318d9c0e29))
+
+## [1.8.1](https://github.com/vime-js/vime/compare/@vime/core@1.8.0...@vime/core@1.8.1) (2020-08-23)
+
+### Bug Fixes
+
+- **core:** video bg looks off in fullscreen ([95c60c6](https://github.com/vime-js/vime/commit/95c60c68d5b27ad9b1601bf65fd038f84652a7ec))
+
 # [1.8.0](https://github.com/vime-js/vime/compare/@vime/core@1.7.0...@vime/core@1.8.0) (2020-08-23)
@@ -15,0 +34,0 @@

dist/cjs/index.cjs.js

@@ -5,8 +5,11 @@ 'use strict';
 
-require('./index-97b63d4f.js');
-const PlayerProp = require('./PlayerProp-2d7ab524.js');
+require('./index-5daeb782.js');
+const PlayerProp = require('./PlayerProp-7d76a8f8.js');
 require('./unit-5aab8b10.js');
-const PlayerDispatcher = require('./PlayerDispatcher-a7713b41.js');
-const PlayerContext = require('./PlayerContext-ea7681e4.js');
-require('./PlayerEvent-17f1304b.js');
+const PlayerDispatcher = require('./PlayerDispatcher-e426cb62.js');
+const PlayerContext = require('./PlayerContext-ada918ac.js');
+const PlayerEvent = require('./PlayerEvent-dc9a83f6.js');
+require('./dom-457b352e.js');
+const ViewType = require('./ViewType-435b01ff.js');
+const MediaType = require('./MediaType-abb6d107.js');
 
@@ -21,4 +24,25 @@
 });
+exports.isExternalReadonlyPlayerProp = PlayerProp.isExternalReadonlyPlayerProp;
+exports.isInternalReadonlyPlayerProp = PlayerProp.isInternalReadonlyPlayerProp;
 exports.createPlayerDispatcher = PlayerDispatcher.createPlayerDispatcher;
-exports.withCustomPlayerContext = PlayerContext.withCustomPlayerContext;
+exports.findRootPlayer = PlayerContext.findRootPlayer;
+exports.usePlayerContext = PlayerContext.usePlayerContext;
 exports.withPlayerContext = PlayerContext.withPlayerContext;
+Object.defineProperty(exports, 'PlayerEvent', {
+	enumerable: true,
+	get: function () {
+		return PlayerEvent.PlayerEvent;
+	}
+});
+Object.defineProperty(exports, 'ViewType', {
+	enumerable: true,
+	get: function () {
+		return ViewType.ViewType;
+	}
+});
+Object.defineProperty(exports, 'MediaType', {
+	enumerable: true,
+	get: function () {
+		return MediaType.MediaType;
+	}
+});

dist/cjs/loader.cjs.js

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-97b63d4f.js');
+const index = require('./index-5daeb782.js');
 
 /*
- Stencil Client Patch Esm v2.0.0-5 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.0.0-6 | MIT Licensed | https://stenciljs.com
  */
@@ -18,3 +18,3 @@ const patchEsm = () => {
   return patchEsm().then(() => {
-  return index.bootstrapLazy(JSON.parse("[[\"vime-default-ui.cjs\",[[4,\"vime-default-ui\",{\"noIcons\":[4,\"no-icons\"],\"noClickToPlay\":[4,\"no-click-to-play\"],\"noCaptions\":[4,\"no-captions\"],\"noPoster\":[4,\"no-poster\"],\"noSpinner\":[4,\"no-spinner\"],\"noControls\":[4,\"no-controls\"],\"noSettings\":[4,\"no-settings\"]}]]],[\"vime-dash.cjs\",[[0,\"vime-dash\",{\"src\":[1],\"version\":[1],\"config\":[16],\"autoplay\":[4],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]}]]],[\"vime-hls.cjs\",[[4,\"vime-hls\",{\"version\":[1],\"config\":[8],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]}]]],[\"vime-audio.cjs\",[[4,\"vime-audio\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}]]],[\"vime-embed.cjs\",[[0,\"vime-embed\",{\"embedSrc\":[1,\"embed-src\"],\"mediaTitle\":[1,\"media-title\"],\"params\":[1],\"origin\":[1],\"preconnections\":[16],\"decoder\":[16],\"srcWithParams\":[32],\"hasEnteredViewport\":[32],\"postMessage\":[64]},[[8,\"message\",\"onWindowMessage\"]]]]],[\"vime-dailymotion.cjs\",[[0,\"vime-dailymotion\",{\"videoId\":[1,\"video-id\"],\"shouldAutoplayQueue\":[4,\"should-autoplay-queue\"],\"showUpNextQueue\":[4,\"show-up-next-queue\"],\"showShareButtons\":[4,\"show-share-buttons\"],\"color\":[1],\"syndication\":[1],\"showDailymotionLogo\":[4,\"show-dailymotion-logo\"],\"showVideoInfo\":[4,\"show-video-info\"],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}]]],[\"vime-vimeo.cjs\",[[0,\"vime-vimeo\",{\"videoId\":[1,\"video-id\"],\"byline\":[4],\"color\":[1],\"portrait\":[4],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}]]],[\"vime-youtube.cjs\",[[0,\"vime-youtube\",{\"cookies\":[4],\"videoId\":[1,\"video-id\"],\"showFullscreenControl\":[4,\"show-fullscreen-control\"],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}]]],[\"vime-faketube.cjs\",[[0,\"vime-faketube\",{\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"getAdapter\":[64],\"dispatchLoadStart\":[64],\"dispatchStateChange\":[64]}]]],[\"vime-player.cjs\",[[4,\"vime-player\",{\"paused\":[1028],\"playing\":[1028],\"duration\":[1026],\"mediaTitle\":[1025,\"media-title\"],\"currentSrc\":[1025,\"current-src\"],\"currentPoster\":[1025,\"current-poster\"],\"currentTime\":[1026,\"current-time\"],\"autoplay\":[4],\"ready\":[1540],\"playbackReady\":[1028,\"playback-ready\"],\"loop\":[4],\"muted\":[1028],\"buffered\":[1026],\"playbackRate\":[1026,\"playback-rate\"],\"playbackRates\":[1040],\"playbackQuality\":[1025,\"playback-quality\"],\"playbackQualities\":[1040],\"seeking\":[1028],\"debug\":[4],\"playbackStarted\":[1028,\"playback-started\"],\"playbackEnded\":[1028,\"playback-ended\"],\"buffering\":[1028],\"controls\":[4],\"isControlsActive\":[4,\"is-controls-active\"],\"errors\":[1040],\"textTracks\":[1040],\"currentCaption\":[1040],\"isCaptionsActive\":[1028,\"is-captions-active\"],\"isSettingsActive\":[1028,\"is-settings-active\"],\"volume\":[1026],\"isFullscreenActive\":[1028,\"is-fullscreen-active\"],\"aspectRatio\":[1025,\"aspect-ratio\"],\"viewType\":[1025,\"view-type\"],\"isAudioView\":[1028,\"is-audio-view\"],\"isVideoView\":[1028,\"is-video-view\"],\"mediaType\":[1025,\"media-type\"],\"isAudio\":[1028,\"is-audio\"],\"isVideo\":[1028,\"is-video\"],\"isLive\":[1028,\"is-live\"],\"isMobile\":[1028,\"is-mobile\"],\"isTouch\":[1028,\"is-touch\"],\"isPiPActive\":[1028,\"is-pi-p-active\"],\"autopause\":[4],\"playsinline\":[4],\"language\":[1025],\"translations\":[1040],\"languages\":[1040],\"i18n\":[1040],\"noSkeleton\":[4,\"no-skeleton\"],\"getProvider\":[64],\"getAdapter\":[64],\"play\":[64],\"pause\":[64],\"canPlay\":[64],\"canAutoplay\":[64],\"canMutedAutoplay\":[64],\"canSetPlaybackRate\":[64],\"canSetPlaybackQuality\":[64],\"canSetFullscreen\":[64],\"enterFullscreen\":[64],\"exitFullscreen\":[64],\"canSetPiP\":[64],\"enterPiP\":[64],\"exitPiP\":[64],\"extendLanguage\":[64],\"callAdapter\":[64],\"toggleCaptionsVisiblity\":[64]},[[0,\"vLoadStart\",\"onMediaChange\"],[0,\"vStateChange\",\"onStateChange\"]]]]],[\"vime-file.cjs\",[[4,\"vime-file\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"mediaTitle\":[1,\"media-title\"],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"viewType\":[1,\"view-type\"],\"playbackRates\":[16],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"getAdapter\":[64]}]]],[\"vime-video.cjs\",[[4,\"vime-video\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}]]],[\"vime-slider.cjs\",[[0,\"vime-slider\",{\"step\":[2],\"min\":[2],\"max\":[2],\"value\":[2],\"valueText\":[1,\"value-text\"],\"label\":[1]}]]],[\"vime-time.cjs\",[[0,\"vime-time\",{\"label\":[1],\"seconds\":[2],\"alwaysShowHours\":[4,\"always-show-hours\"]}]]],[\"vime-control_3.cjs\",[[4,\"vime-control\",{\"keys\":[1],\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"pressed\":[4],\"scale\":[2],\"isTouch\":[4,\"is-touch\"],\"describedBy\":[32],\"showTapHighlight\":[32]}],[4,\"vime-tooltip\",{\"hidden\":[4],\"active\":[4],\"position\":[1],\"direction\":[1],\"isTouch\":[4,\"is-touch\"]}],[4,\"vime-icon\",{\"href\":[1],\"color\":[1],\"scale\":[2],\"opacity\":[2]}]]],[\"vime-menu_2.cjs\",[[0,\"vime-menu-item\",{\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"checked\":[4],\"hint\":[1],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"],\"isTouch\":[4,\"is-touch\"],\"showTapHighlight\":[32]}],[4,\"vime-menu\",{\"active\":[1540],\"identifier\":[1],\"controller\":[1],\"menuItems\":[32],\"currFocusedMenuItem\":[32],\"getController\":[64],\"getFocusedMenuItem\":[64],\"focusOnOpen\":[64]},[[0,\"vOpen\",\"onSubmenuOpen\"],[0,\"vClose\",\"onSubmenuClose\"],[8,\"click\",\"onWindowClick\"],[8,\"keydown\",\"onWindowKeyDown\"]]]]],[\"vime-menu-radio_4.cjs\",[[4,\"vime-submenu\",{\"label\":[1],\"hidden\":[4],\"hint\":[1],\"active\":[1540]}],[0,\"vime-menu-radio\",{\"label\":[1],\"value\":[1],\"checked\":[1028],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"]}],[4,\"vime-settings\",{\"controlsHeight\":[2,\"controls-height\"],\"active\":[1540],\"isMobile\":[4,\"is-mobile\"],\"isAudioView\":[4,\"is-audio-view\"],\"controllerId\":[32],\"setController\":[64]}],[4,\"vime-menu-radio-group\",{\"value\":[1025]},[[0,\"vCheck\",\"onSelectionChange\"]]]]],[\"vime-caption-control_16.cjs\",[[0,\"vime-volume-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"muteKeys\":[1,\"mute-keys\"],\"noKeyboard\":[4,\"no-keyboard\"],\"muted\":[4],\"volume\":[2],\"isMobile\":[4,\"is-mobile\"],\"i18n\":[16],\"currentVolume\":[32],\"isSliderActive\":[32]}],[0,\"vime-caption-control\",{\"showIcon\":[1,\"show-icon\"],\"hideIcon\":[1,\"hide-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"currentCaption\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"i18n\":[16]}],[0,\"vime-fullscreen-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"isFullscreenActive\":[4,\"is-fullscreen-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetFullscreen\":[32]}],[0,\"vime-pip-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"scale\":[2],\"isPiPActive\":[4,\"is-pi-p-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetPiP\":[32]}],[0,\"vime-playback-control\",{\"playIcon\":[1,\"play-icon\"],\"pauseIcon\":[1,\"pause-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"paused\":[4],\"i18n\":[16]}],[0,\"vime-settings-control\",{\"icon\":[1],\"tooltipDirection\":[1,\"tooltip-direction\"],\"menu\":[1],\"expanded\":[4],\"i18n\":[16]}],[0,\"vime-time-progress\",{\"separator\":[1],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-scrubber-control\",{\"alwaysShowHours\":[4,\"always-show-hours\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"currentTime\":[2,\"current-time\"],\"duration\":[2],\"noKeyboard\":[4,\"no-keyboard\"],\"buffering\":[4],\"buffered\":[2],\"i18n\":[16],\"timestamp\":[32],\"endTime\":[32]}],[4,\"vime-control-group\",{\"space\":[1]}],[0,\"vime-control-spacer\"],[4,\"vime-controls\",{\"hidden\":[4],\"fullWidth\":[4,\"full-width\"],\"fullHeight\":[4,\"full-height\"],\"direction\":[1],\"align\":[1],\"justify\":[1],\"pin\":[513],\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"isAudioView\":[4,\"is-audio-view\"],\"isSettingsActive\":[4,\"is-settings-active\"],\"playbackReady\":[4,\"playback-ready\"],\"isControlsActive\":[4,\"is-controls-active\"],\"paused\":[4],\"playbackStarted\":[4,\"playback-started\"],\"isInteracting\":[32]}],[0,\"vime-live-indicator\",{\"isLive\":[4,\"is-live\"],\"i18n\":[16]}],[0,\"vime-scrim\",{\"gradient\":[1],\"isVideoView\":[4,\"is-video-view\"],\"isControlsActive\":[4,\"is-controls-active\"]}],[0,\"vime-mute-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"volume\":[2],\"muted\":[4],\"i18n\":[16]}],[0,\"vime-current-time\",{\"currentTime\":[2,\"current-time\"],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-end-time\",{\"duration\":[2],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}]]],[\"vime-captions_8.cjs\",[[0,\"vime-default-controls\",{\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"isMobile\":[4,\"is-mobile\"],\"isLive\":[4,\"is-live\"],\"isAudioView\":[4,\"is-audio-view\"],\"isVideoView\":[4,\"is-video-view\"]}],[4,\"vime-default-settings\",{\"i18n\":[16],\"playbackRate\":[2,\"playback-rate\"],\"playbackRates\":[16],\"playbackQuality\":[1,\"playback-quality\"],\"playbackQualities\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"currentCaption\":[16],\"textTracks\":[16]}],[0,\"vime-captions\",{\"hidden\":[4],\"controlsHeight\":[2,\"controls-height\"],\"isControlsActive\":[4,\"is-controls-active\"],\"isVideoView\":[4,\"is-video-view\"],\"playbackStarted\":[4,\"playback-started\"],\"textTracks\":[16],\"isEnabled\":[32],\"activeTrack\":[32],\"activeCues\":[32]}],[0,\"vime-click-to-play\",{\"useOnMobile\":[4,\"use-on-mobile\"],\"paused\":[4],\"isVideoView\":[4,\"is-video-view\"]}],[0,\"vime-icons\",{\"href\":[1]}],[0,\"vime-poster\",{\"fit\":[1],\"isVideoView\":[4,\"is-video-view\"],\"currentPoster\":[1,\"current-poster\"],\"mediaTitle\":[1,\"media-title\"],\"playbackStarted\":[4,\"playback-started\"],\"isHidden\":[32],\"isActive\":[32],\"hasLoaded\":[32]}],[0,\"vime-spinner\",{\"isVideoView\":[4,\"is-video-view\"],\"buffering\":[4],\"isHidden\":[32],\"isActive\":[32]}],[4,\"vime-ui\",{\"isVideoView\":[4,\"is-video-view\"],\"playsinline\":[4],\"isFullscreenActive\":[4,\"is-fullscreen-active\"]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"vime-default-ui.cjs\",[[4,\"vime-default-ui\",{\"noIcons\":[4,\"no-icons\"],\"noClickToPlay\":[4,\"no-click-to-play\"],\"noCaptions\":[4,\"no-captions\"],\"noPoster\":[4,\"no-poster\"],\"noSpinner\":[4,\"no-spinner\"],\"noControls\":[4,\"no-controls\"],\"noSettings\":[4,\"no-settings\"]}]]],[\"vime-dash.cjs\",[[0,\"vime-dash\",{\"src\":[1],\"version\":[1],\"config\":[16],\"autoplay\":[4],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]}]]],[\"vime-hls.cjs\",[[4,\"vime-hls\",{\"version\":[1],\"config\":[8],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]}]]],[\"vime-audio.cjs\",[[4,\"vime-audio\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}]]],[\"vime-embed.cjs\",[[0,\"vime-embed\",{\"embedSrc\":[1,\"embed-src\"],\"mediaTitle\":[1,\"media-title\"],\"params\":[1],\"origin\":[1],\"preconnections\":[16],\"decoder\":[16],\"srcWithParams\":[32],\"hasEnteredViewport\":[32],\"postMessage\":[64]},[[8,\"message\",\"onWindowMessage\"]]]]],[\"vime-dailymotion.cjs\",[[0,\"vime-dailymotion\",{\"videoId\":[1,\"video-id\"],\"shouldAutoplayQueue\":[4,\"should-autoplay-queue\"],\"showUpNextQueue\":[4,\"show-up-next-queue\"],\"showShareButtons\":[4,\"show-share-buttons\"],\"color\":[1],\"syndication\":[1],\"showDailymotionLogo\":[4,\"show-dailymotion-logo\"],\"showVideoInfo\":[4,\"show-video-info\"],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}]]],[\"vime-vimeo.cjs\",[[0,\"vime-vimeo\",{\"videoId\":[1,\"video-id\"],\"byline\":[4],\"color\":[1],\"portrait\":[4],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}]]],[\"vime-youtube.cjs\",[[0,\"vime-youtube\",{\"cookies\":[4],\"videoId\":[1,\"video-id\"],\"showFullscreenControl\":[4,\"show-fullscreen-control\"],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}]]],[\"vime-faketube.cjs\",[[0,\"vime-faketube\",{\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"getAdapter\":[64],\"dispatchLoadStart\":[64],\"dispatchStateChange\":[64]}]]],[\"vime-player.cjs\",[[4,\"vime-player\",{\"theme\":[1],\"paused\":[1028],\"playing\":[1028],\"duration\":[1026],\"mediaTitle\":[1025,\"media-title\"],\"currentSrc\":[1025,\"current-src\"],\"currentPoster\":[1025,\"current-poster\"],\"currentTime\":[1026,\"current-time\"],\"autoplay\":[4],\"ready\":[1540],\"mounted\":[1028],\"destroyed\":[1028],\"playbackReady\":[1028,\"playback-ready\"],\"loop\":[4],\"muted\":[1028],\"buffered\":[1026],\"playbackRate\":[1026,\"playback-rate\"],\"playbackRates\":[1040],\"playbackQuality\":[1025,\"playback-quality\"],\"playbackQualities\":[1040],\"seeking\":[1028],\"debug\":[4],\"playbackStarted\":[1028,\"playback-started\"],\"playbackEnded\":[1028,\"playback-ended\"],\"buffering\":[1028],\"controls\":[4],\"isControlsActive\":[4,\"is-controls-active\"],\"errors\":[1040],\"textTracks\":[1040],\"currentCaption\":[1040],\"isCaptionsActive\":[1028,\"is-captions-active\"],\"isSettingsActive\":[1028,\"is-settings-active\"],\"volume\":[1026],\"isFullscreenActive\":[1028,\"is-fullscreen-active\"],\"aspectRatio\":[1025,\"aspect-ratio\"],\"viewType\":[1025,\"view-type\"],\"isAudioView\":[1028,\"is-audio-view\"],\"isVideoView\":[1028,\"is-video-view\"],\"mediaType\":[1025,\"media-type\"],\"isAudio\":[1028,\"is-audio\"],\"isVideo\":[1028,\"is-video\"],\"isLive\":[1028,\"is-live\"],\"isMobile\":[1028,\"is-mobile\"],\"isTouch\":[1028,\"is-touch\"],\"isPiPActive\":[1028,\"is-pi-p-active\"],\"autopause\":[4],\"playsinline\":[4],\"language\":[1025],\"translations\":[1040],\"languages\":[1040],\"i18n\":[1040],\"noSkeleton\":[4,\"no-skeleton\"],\"getProvider\":[64],\"getAdapter\":[64],\"play\":[64],\"pause\":[64],\"canPlay\":[64],\"canAutoplay\":[64],\"canMutedAutoplay\":[64],\"canSetPlaybackRate\":[64],\"canSetPlaybackQuality\":[64],\"canSetFullscreen\":[64],\"enterFullscreen\":[64],\"exitFullscreen\":[64],\"canSetPiP\":[64],\"enterPiP\":[64],\"exitPiP\":[64],\"extendLanguage\":[64],\"callAdapter\":[64],\"toggleCaptionsVisiblity\":[64]},[[0,\"vLoadStart\",\"onMediaChange\"],[0,\"vStateChange\",\"onStateChange\"]]]]],[\"vime-file.cjs\",[[4,\"vime-file\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"mediaTitle\":[1,\"media-title\"],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"viewType\":[1,\"view-type\"],\"playbackRates\":[16],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"getAdapter\":[64]}]]],[\"vime-video.cjs\",[[4,\"vime-video\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}]]],[\"vime-slider.cjs\",[[0,\"vime-slider\",{\"step\":[2],\"min\":[2],\"max\":[2],\"value\":[2],\"valueText\":[1,\"value-text\"],\"label\":[1]}]]],[\"vime-time.cjs\",[[0,\"vime-time\",{\"label\":[1],\"seconds\":[2],\"alwaysShowHours\":[4,\"always-show-hours\"]}]]],[\"vime-control_3.cjs\",[[4,\"vime-control\",{\"keys\":[1],\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"pressed\":[4],\"scale\":[2],\"isTouch\":[4,\"is-touch\"],\"describedBy\":[32],\"showTapHighlight\":[32]}],[4,\"vime-tooltip\",{\"hidden\":[4],\"active\":[4],\"position\":[1],\"direction\":[1],\"isTouch\":[4,\"is-touch\"]}],[4,\"vime-icon\",{\"href\":[1],\"color\":[1],\"scale\":[2],\"opacity\":[2]}]]],[\"vime-menu_2.cjs\",[[0,\"vime-menu-item\",{\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"checked\":[4],\"hint\":[1],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"],\"isTouch\":[4,\"is-touch\"],\"showTapHighlight\":[32]}],[4,\"vime-menu\",{\"active\":[1540],\"identifier\":[1],\"controller\":[1],\"menuItems\":[32],\"currFocusedMenuItem\":[32],\"getController\":[64],\"getFocusedMenuItem\":[64],\"focusOnOpen\":[64]},[[0,\"vOpen\",\"onSubmenuOpen\"],[0,\"vClose\",\"onSubmenuClose\"],[8,\"click\",\"onWindowClick\"],[8,\"keydown\",\"onWindowKeyDown\"]]]]],[\"vime-menu-radio_4.cjs\",[[4,\"vime-submenu\",{\"label\":[1],\"hidden\":[4],\"hint\":[1],\"active\":[1540]}],[0,\"vime-menu-radio\",{\"label\":[1],\"value\":[1],\"checked\":[1028],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"]}],[4,\"vime-settings\",{\"controlsHeight\":[2,\"controls-height\"],\"active\":[1540],\"isMobile\":[4,\"is-mobile\"],\"isAudioView\":[4,\"is-audio-view\"],\"controllerId\":[32],\"setController\":[64]}],[4,\"vime-menu-radio-group\",{\"value\":[1025]},[[0,\"vCheck\",\"onSelectionChange\"]]]]],[\"vime-caption-control_16.cjs\",[[0,\"vime-volume-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"muteKeys\":[1,\"mute-keys\"],\"noKeyboard\":[4,\"no-keyboard\"],\"muted\":[4],\"volume\":[2],\"isMobile\":[4,\"is-mobile\"],\"i18n\":[16],\"currentVolume\":[32],\"isSliderActive\":[32]}],[0,\"vime-caption-control\",{\"showIcon\":[1,\"show-icon\"],\"hideIcon\":[1,\"hide-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"currentCaption\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"i18n\":[16]}],[0,\"vime-fullscreen-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"isFullscreenActive\":[4,\"is-fullscreen-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetFullscreen\":[32]}],[0,\"vime-pip-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"scale\":[2],\"isPiPActive\":[4,\"is-pi-p-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetPiP\":[32]}],[0,\"vime-playback-control\",{\"playIcon\":[1,\"play-icon\"],\"pauseIcon\":[1,\"pause-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"paused\":[4],\"i18n\":[16]}],[0,\"vime-settings-control\",{\"icon\":[1],\"tooltipDirection\":[1,\"tooltip-direction\"],\"menu\":[1],\"expanded\":[4],\"i18n\":[16]}],[0,\"vime-time-progress\",{\"separator\":[1],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-scrubber-control\",{\"alwaysShowHours\":[4,\"always-show-hours\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"currentTime\":[2,\"current-time\"],\"duration\":[2],\"noKeyboard\":[4,\"no-keyboard\"],\"buffering\":[4],\"buffered\":[2],\"i18n\":[16],\"timestamp\":[32],\"endTime\":[32]}],[4,\"vime-control-group\",{\"space\":[1]}],[0,\"vime-control-spacer\"],[4,\"vime-controls\",{\"hidden\":[4],\"fullWidth\":[4,\"full-width\"],\"fullHeight\":[4,\"full-height\"],\"direction\":[1],\"align\":[1],\"justify\":[1],\"pin\":[513],\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"isAudioView\":[4,\"is-audio-view\"],\"isSettingsActive\":[4,\"is-settings-active\"],\"playbackReady\":[4,\"playback-ready\"],\"isControlsActive\":[4,\"is-controls-active\"],\"paused\":[4],\"playbackStarted\":[4,\"playback-started\"],\"isInteracting\":[32]}],[0,\"vime-live-indicator\",{\"isLive\":[4,\"is-live\"],\"i18n\":[16]}],[0,\"vime-scrim\",{\"gradient\":[1],\"isVideoView\":[4,\"is-video-view\"],\"isControlsActive\":[4,\"is-controls-active\"]}],[0,\"vime-mute-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"volume\":[2],\"muted\":[4],\"i18n\":[16]}],[0,\"vime-current-time\",{\"currentTime\":[2,\"current-time\"],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-end-time\",{\"duration\":[2],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}]]],[\"vime-captions_8.cjs\",[[0,\"vime-default-controls\",{\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"isMobile\":[4,\"is-mobile\"],\"isLive\":[4,\"is-live\"],\"isAudioView\":[4,\"is-audio-view\"],\"isVideoView\":[4,\"is-video-view\"]}],[4,\"vime-default-settings\",{\"i18n\":[16],\"playbackRate\":[2,\"playback-rate\"],\"playbackRates\":[16],\"playbackQuality\":[1,\"playback-quality\"],\"playbackQualities\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"currentCaption\":[16],\"textTracks\":[16]}],[0,\"vime-captions\",{\"hidden\":[4],\"controlsHeight\":[2,\"controls-height\"],\"isControlsActive\":[4,\"is-controls-active\"],\"isVideoView\":[4,\"is-video-view\"],\"playbackStarted\":[4,\"playback-started\"],\"textTracks\":[16],\"isEnabled\":[32],\"activeTrack\":[32],\"activeCues\":[32]}],[0,\"vime-click-to-play\",{\"useOnMobile\":[4,\"use-on-mobile\"],\"paused\":[4],\"isVideoView\":[4,\"is-video-view\"]}],[0,\"vime-icons\",{\"href\":[1]}],[0,\"vime-poster\",{\"fit\":[1],\"isVideoView\":[4,\"is-video-view\"],\"currentPoster\":[1,\"current-poster\"],\"mediaTitle\":[1,\"media-title\"],\"playbackStarted\":[4,\"playback-started\"],\"isHidden\":[32],\"isActive\":[32],\"hasLoaded\":[32]}],[0,\"vime-spinner\",{\"isVideoView\":[4,\"is-video-view\"],\"buffering\":[4],\"isHidden\":[32],\"isActive\":[32]}],[4,\"vime-ui\",{\"isVideoView\":[4,\"is-video-view\"],\"playsinline\":[4],\"isFullscreenActive\":[4,\"is-fullscreen-active\"]}]]]]"), options);
   });
@@ -21,0 +21,0 @@ };

dist/cjs/vime-audio.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-97b63d4f.js');
+const index = require('./index-5daeb782.js');
 const unit = require('./unit-5aab8b10.js');
@@ -8,0 +8,0 @@ const ViewType = require('./ViewType-435b01ff.js');

dist/cjs/vime-caption-control_16.cjs.entry.js

@@ -5,8 +5,8 @@ 'use strict';
 
-const index = require('./index-97b63d4f.js');
-const PlayerProp = require('./PlayerProp-2d7ab524.js');
+const index = require('./index-5daeb782.js');
+const PlayerProp = require('./PlayerProp-7d76a8f8.js');
 const unit = require('./unit-5aab8b10.js');
-const PlayerDispatcher = require('./PlayerDispatcher-a7713b41.js');
-const PlayerContext = require('./PlayerContext-ea7681e4.js');
-require('./PlayerEvent-17f1304b.js');
+const PlayerDispatcher = require('./PlayerDispatcher-e426cb62.js');
+const PlayerContext = require('./PlayerContext-ada918ac.js');
+require('./PlayerEvent-dc9a83f6.js');
 const dom = require('./dom-457b352e.js');
@@ -63,5 +63,5 @@ const Disposal = require('./Disposal-f736adf6.js');
 PlayerContext.withPlayerContext(CaptionControl, [
-  PlayerProp.PlayerProp.IsCaptionsActive,
-  PlayerProp.PlayerProp.CurrentCaption,
-  PlayerProp.PlayerProp.I18N,
+  PlayerProp.PlayerProp.isCaptionsActive,
+  PlayerProp.PlayerProp.currentCaption,
+  PlayerProp.PlayerProp.i18n,
 ]);
@@ -260,6 +260,6 @@ CaptionControl.style = captionControlCss;
   show() {
-    this.dispatch(PlayerProp.PlayerProp.IsControlsActive, true);
+    this.dispatch(PlayerProp.PlayerProp.isControlsActive, true);
   }
   hide() {
-    this.dispatch(PlayerProp.PlayerProp.IsControlsActive, false);
+    this.dispatch(PlayerProp.PlayerProp.isControlsActive, false);
   }
@@ -349,8 +349,8 @@ hideWithDelay() {
 PlayerContext.withPlayerContext(Controls, [
-  PlayerProp.PlayerProp.PlaybackReady,
-  PlayerProp.PlayerProp.IsAudioView,
-  PlayerProp.PlayerProp.IsControlsActive,
-  PlayerProp.PlayerProp.IsSettingsActive,
-  PlayerProp.PlayerProp.Paused,
-  PlayerProp.PlayerProp.PlaybackStarted,
+  PlayerProp.PlayerProp.playbackReady,
+  PlayerProp.PlayerProp.isAudioView,
+  PlayerProp.PlayerProp.isControlsActive,
+  PlayerProp.PlayerProp.isSettingsActive,
+  PlayerProp.PlayerProp.paused,
+  PlayerProp.PlayerProp.playbackStarted,
 ]);
@@ -381,4 +381,4 @@ Controls.style = controlsCss;
 PlayerContext.withPlayerContext(CurrentTime, [
-  PlayerProp.PlayerProp.CurrentTime,
-  PlayerProp.PlayerProp.I18N,
+  PlayerProp.PlayerProp.currentTime,
+  PlayerProp.PlayerProp.i18n,
 ]);
@@ -408,4 +408,4 @@
 PlayerContext.withPlayerContext(EndTime, [
-  PlayerProp.PlayerProp.Duration,
-  PlayerProp.PlayerProp.I18N,
+  PlayerProp.PlayerProp.duration,
+  PlayerProp.PlayerProp.i18n,
 ]);
@@ -472,5 +472,5 @@
 PlayerContext.withPlayerContext(FullscreenControl, [
-  PlayerProp.PlayerProp.IsFullscreenActive,
-  PlayerProp.PlayerProp.PlaybackReady,
-  PlayerProp.PlayerProp.I18N,
+  PlayerProp.PlayerProp.isFullscreenActive,
+  PlayerProp.PlayerProp.playbackReady,
+  PlayerProp.PlayerProp.i18n,
 ]);
@@ -500,4 +500,4 @@ FullscreenControl.style = fullscreenControlCss;
 PlayerContext.withPlayerContext(LiveIndicator, [
-  PlayerProp.PlayerProp.IsLive,
-  PlayerProp.PlayerProp.I18N,
+  PlayerProp.PlayerProp.isLive,
+  PlayerProp.PlayerProp.i18n,
 ]);
@@ -554,3 +554,3 @@ LiveIndicator.style = liveIndicatorCss;
   onClick() {
-    this.dispatch(PlayerProp.PlayerProp.Muted, !this.muted);
+    this.dispatch(PlayerProp.PlayerProp.muted, !this.muted);
   }
@@ -564,5 +564,5 @@ render() {
 PlayerContext.withPlayerContext(MuteControl, [
-  PlayerProp.PlayerProp.Muted,
-  PlayerProp.PlayerProp.Volume,
-  PlayerProp.PlayerProp.I18N,
+  PlayerProp.PlayerProp.muted,
+  PlayerProp.PlayerProp.volume,
+  PlayerProp.PlayerProp.i18n,
 ]);
@@ -629,5 +629,5 @@
 PlayerContext.withPlayerContext(PiPControl, [
-  PlayerProp.PlayerProp.IsPiPActive,
-  PlayerProp.PlayerProp.PlaybackReady,
-  PlayerProp.PlayerProp.I18N,
+  PlayerProp.PlayerProp.isPiPActive,
+  PlayerProp.PlayerProp.playbackReady,
+  PlayerProp.PlayerProp.i18n,
 ]);
@@ -672,3 +672,3 @@ PiPControl.style = pipControlCss;
   onClick() {
-    this.dispatch(PlayerProp.PlayerProp.Paused, !this.paused);
+    this.dispatch(PlayerProp.PlayerProp.paused, !this.paused);
   }
@@ -682,4 +682,4 @@ render() {
 PlayerContext.withPlayerContext(PlaybackControl, [
-  PlayerProp.PlayerProp.Paused,
-  PlayerProp.PlayerProp.I18N,
+  PlayerProp.PlayerProp.paused,
+  PlayerProp.PlayerProp.i18n,
 ]);
@@ -712,4 +712,4 @@
 PlayerContext.withPlayerContext(Scrim, [
-  PlayerProp.PlayerProp.IsVideoView,
-  PlayerProp.PlayerProp.IsControlsActive,
+  PlayerProp.PlayerProp.isVideoView,
+  PlayerProp.PlayerProp.isControlsActive,
 ]);
@@ -773,3 +773,3 @@ Scrim.style = scrimCss;
         : Math.min(this.duration, this.currentTime + 5);
-      this.dispatch(PlayerProp.PlayerProp.CurrentTime, seekTo);
+      this.dispatch(PlayerProp.PlayerProp.currentTime, seekTo);
     };
@@ -806,3 +806,3 @@ this.keyboardDisposal.add(dom.listen(player, 'keydown', onKeyDown));
   onSeek(event) {
-    this.dispatch(PlayerProp.PlayerProp.CurrentTime, event.detail);
+    this.dispatch(PlayerProp.PlayerProp.currentTime, event.detail);
   }
@@ -846,7 +846,7 @@ onSeeking(event) {
 PlayerContext.withPlayerContext(ScrubberControl, [
-  PlayerProp.PlayerProp.I18N,
-  PlayerProp.PlayerProp.CurrentTime,
-  PlayerProp.PlayerProp.Duration,
-  PlayerProp.PlayerProp.Buffering,
-  PlayerProp.PlayerProp.Buffered,
+  PlayerProp.PlayerProp.i18n,
+  PlayerProp.PlayerProp.currentTime,
+  PlayerProp.PlayerProp.duration,
+  PlayerProp.PlayerProp.buffering,
+  PlayerProp.PlayerProp.buffered,
 ]);
@@ -892,3 +892,3 @@ ScrubberControl.style = scrubberControlCss;
 PlayerContext.withPlayerContext(SettingsControl, [
-  PlayerProp.PlayerProp.I18N,
+  PlayerProp.PlayerProp.i18n,
 ]);
@@ -979,3 +979,3 @@ SettingsControl.style = settingsControlCss;
       const newVolume = isUpArrow ? Math.min(100, this.volume + 5) : Math.max(0, this.volume - 5);
-      this.dispatch(PlayerProp.PlayerProp.Volume, parseInt(`${newVolume}`, 10));
+      this.dispatch(PlayerProp.PlayerProp.volume, parseInt(`${newVolume}`, 10));
     }));
@@ -986,3 +986,3 @@ }
     if (!this.muted && this.prevMuted && this.volume === 0) {
-      this.dispatch(PlayerProp.PlayerProp.Volume, 30);
+      this.dispatch(PlayerProp.PlayerProp.volume, 30);
     }
@@ -1011,4 +1011,4 @@ this.prevMuted = this.muted;
     this.currentVolume = newVolume;
-    this.dispatch(PlayerProp.PlayerProp.Volume, newVolume);
-    this.dispatch(PlayerProp.PlayerProp.Muted, newVolume === 0);
+    this.dispatch(PlayerProp.PlayerProp.volume, newVolume);
+    this.dispatch(PlayerProp.PlayerProp.muted, newVolume === 0);
   }
@@ -1033,6 +1033,6 @@ onKeyDown(event) {
 PlayerContext.withPlayerContext(VolumeControl, [
-  PlayerProp.PlayerProp.Volume,
-  PlayerProp.PlayerProp.Muted,
-  PlayerProp.PlayerProp.IsMobile,
-  PlayerProp.PlayerProp.I18N,
+  PlayerProp.PlayerProp.volume,
+  PlayerProp.PlayerProp.muted,
+  PlayerProp.PlayerProp.isMobile,
+  PlayerProp.PlayerProp.i18n,
 ]);
@@ -1039,0 +1039,0 @@ VolumeControl.style = volumeControlCss;

dist/cjs/vime-captions_8.cjs.entry.js

@@ -5,11 +5,11 @@ 'use strict';
 
-const index = require('./index-97b63d4f.js');
-const PlayerProp = require('./PlayerProp-2d7ab524.js');
+const index = require('./index-5daeb782.js');
+const PlayerProp = require('./PlayerProp-7d76a8f8.js');
 const unit = require('./unit-5aab8b10.js');
-const PlayerDispatcher = require('./PlayerDispatcher-a7713b41.js');
-const PlayerContext = require('./PlayerContext-ea7681e4.js');
-require('./PlayerEvent-17f1304b.js');
+const PlayerDispatcher = require('./PlayerDispatcher-e426cb62.js');
+const PlayerContext = require('./PlayerContext-ada918ac.js');
+require('./PlayerEvent-dc9a83f6.js');
 const dom = require('./dom-457b352e.js');
 const support = require('./support-0affec28.js');
-const network = require('./network-0b7a8899.js');
+const network = require('./network-b22af3c1.js');
 const Disposal = require('./Disposal-f736adf6.js');
@@ -144,6 +144,6 @@
 PlayerContext.withPlayerContext(Captions, [
-  PlayerProp.PlayerProp.IsVideoView,
-  PlayerProp.PlayerProp.PlaybackStarted,
-  PlayerProp.PlayerProp.IsControlsActive,
-  PlayerProp.PlayerProp.TextTracks,
+  PlayerProp.PlayerProp.isVideoView,
+  PlayerProp.PlayerProp.playbackStarted,
+  PlayerProp.PlayerProp.isControlsActive,
+  PlayerProp.PlayerProp.textTracks,
 ]);
@@ -175,3 +175,3 @@ Captions.style = captionsCss;
   onClick() {
-    this.dispatch(PlayerProp.PlayerProp.Paused, !this.paused);
+    this.dispatch(PlayerProp.PlayerProp.paused, !this.paused);
   }
@@ -185,4 +185,4 @@ render() {
 PlayerContext.withPlayerContext(ClickToPlay, [
-  PlayerProp.PlayerProp.Paused,
-  PlayerProp.PlayerProp.IsVideoView,
+  PlayerProp.PlayerProp.paused,
+  PlayerProp.PlayerProp.isVideoView,
 ]);
@@ -254,6 +254,6 @@ ClickToPlay.style = clickToPlayCss;
 PlayerContext.withPlayerContext(DefaultControls, [
-  PlayerProp.PlayerProp.IsMobile,
-  PlayerProp.PlayerProp.IsAudioView,
-  PlayerProp.PlayerProp.IsVideoView,
-  PlayerProp.PlayerProp.IsLive,
+  PlayerProp.PlayerProp.isMobile,
+  PlayerProp.PlayerProp.isAudioView,
+  PlayerProp.PlayerProp.isVideoView,
+  PlayerProp.PlayerProp.isLive,
 ]);
@@ -318,3 +318,3 @@ DefaultControls.style = defaultControlsCss;
     const radio = event.target;
-    this.dispatch(PlayerProp.PlayerProp.PlaybackRate, parseFloat(radio.value));
+    this.dispatch(PlayerProp.PlayerProp.playbackRate, parseFloat(radio.value));
   }
@@ -334,3 +334,3 @@ async buildPlaybackRateSubmenu() {
     const radio = event.target;
-    this.dispatch(PlayerProp.PlayerProp.PlaybackQuality, radio.value);
+    this.dispatch(PlayerProp.PlayerProp.playbackQuality, radio.value);
   }
@@ -396,10 +396,10 @@ async buildPlaybackQualitySubmenu() {
 PlayerContext.withPlayerContext(DefaultSettings, [
-  PlayerProp.PlayerProp.I18N,
-  PlayerProp.PlayerProp.PlaybackRate,
-  PlayerProp.PlayerProp.PlaybackRates,
-  PlayerProp.PlayerProp.PlaybackQuality,
-  PlayerProp.PlayerProp.PlaybackQualities,
-  PlayerProp.PlayerProp.IsCaptionsActive,
-  PlayerProp.PlayerProp.CurrentCaption,
-  PlayerProp.PlayerProp.TextTracks,
+  PlayerProp.PlayerProp.i18n,
+  PlayerProp.PlayerProp.playbackRate,
+  PlayerProp.PlayerProp.playbackRates,
+  PlayerProp.PlayerProp.playbackQuality,
+  PlayerProp.PlayerProp.playbackQualities,
+  PlayerProp.PlayerProp.isCaptionsActive,
+  PlayerProp.PlayerProp.currentCaption,
+  PlayerProp.PlayerProp.textTracks,
 ]);
@@ -484,6 +484,6 @@
 PlayerContext.withPlayerContext(Poster, [
-  PlayerProp.PlayerProp.MediaTitle,
-  PlayerProp.PlayerProp.CurrentPoster,
-  PlayerProp.PlayerProp.PlaybackStarted,
-  PlayerProp.PlayerProp.IsVideoView,
+  PlayerProp.PlayerProp.mediaTitle,
+  PlayerProp.PlayerProp.currentPoster,
+  PlayerProp.PlayerProp.playbackStarted,
+  PlayerProp.PlayerProp.isVideoView,
 ]);
@@ -533,4 +533,4 @@ Poster.style = posterCss;
 PlayerContext.withPlayerContext(Spinner, [
-  PlayerProp.PlayerProp.IsVideoView,
-  PlayerProp.PlayerProp.Buffering,
+  PlayerProp.PlayerProp.isVideoView,
+  PlayerProp.PlayerProp.buffering,
 ]);
@@ -568,5 +568,5 @@ Spinner.style = spinnerCss;
 PlayerContext.withPlayerContext(UI, [
-  PlayerProp.PlayerProp.IsVideoView,
-  PlayerProp.PlayerProp.Playsinline,
-  PlayerProp.PlayerProp.IsFullscreenActive,
+  PlayerProp.PlayerProp.isVideoView,
+  PlayerProp.PlayerProp.playsinline,
+  PlayerProp.PlayerProp.isFullscreenActive,
 ]);
@@ -573,0 +573,0 @@ UI.style = uiCss;

dist/cjs/vime-control_3.cjs.entry.js

@@ -5,7 +5,7 @@ 'use strict';
 
-const index = require('./index-97b63d4f.js');
-const PlayerProp = require('./PlayerProp-2d7ab524.js');
+const index = require('./index-5daeb782.js');
+const PlayerProp = require('./PlayerProp-7d76a8f8.js');
 const unit = require('./unit-5aab8b10.js');
-const PlayerContext = require('./PlayerContext-ea7681e4.js');
-require('./PlayerEvent-17f1304b.js');
+const PlayerContext = require('./PlayerContext-ada918ac.js');
+require('./PlayerEvent-dc9a83f6.js');
 const dom = require('./dom-457b352e.js');
@@ -107,3 +107,3 @@ const Disposal = require('./Disposal-f736adf6.js');
 PlayerContext.withPlayerContext(Control, [
-  PlayerProp.PlayerProp.IsTouch,
+  PlayerProp.PlayerProp.isTouch,
 ]);
@@ -179,3 +179,3 @@ Control.style = controlCss;
 PlayerContext.withPlayerContext(Tooltip, [
-  PlayerProp.PlayerProp.IsTouch,
+  PlayerProp.PlayerProp.isTouch,
 ]);
@@ -182,0 +182,0 @@ Tooltip.style = tooltipCss;

dist/cjs/vime-dailymotion.cjs.entry.js

@@ -5,14 +5,15 @@ 'use strict';
 
-const index = require('./index-97b63d4f.js');
-const PlayerProp = require('./PlayerProp-2d7ab524.js');
+const index = require('./index-5daeb782.js');
+const PlayerProp = require('./PlayerProp-7d76a8f8.js');
 const unit = require('./unit-5aab8b10.js');
-const PlayerDispatcher = require('./PlayerDispatcher-a7713b41.js');
-const PlayerContext = require('./PlayerContext-ea7681e4.js');
-require('./PlayerEvent-17f1304b.js');
+const PlayerDispatcher = require('./PlayerDispatcher-e426cb62.js');
+require('./PlayerContext-ada918ac.js');
+require('./PlayerEvent-dc9a83f6.js');
+require('./dom-457b352e.js');
 const ViewType = require('./ViewType-435b01ff.js');
-const MediaProvider = require('./MediaProvider-8ada06da.js');
-require('./dom-457b352e.js');
+const MediaType = require('./MediaType-abb6d107.js');
+const MediaProvider = require('./MediaProvider-9930798f.js');
 require('./support-0affec28.js');
-const network = require('./network-0b7a8899.js');
-const MediaType = require('./MediaType-abb6d107.js');
+const network = require('./network-b22af3c1.js');
+const promise = require('./promise-89aaba70.js');
 
@@ -132,3 +133,3 @@ /**
     this.pendingVideoInfoFetch = this.fetchVideoInfo();
-    this.pendingMediaTitleFetch = PlayerContext.deferredPromise();
+    this.pendingMediaTitleFetch = promise.deferredPromise();
   }
@@ -142,3 +143,3 @@ onControlsChange() {
     this.dispatch = PlayerDispatcher.createPlayerDispatcher(this);
-    this.dispatch(PlayerProp.PlayerProp.ViewType, ViewType.ViewType.Video);
+    this.dispatch(PlayerProp.PlayerProp.viewType, ViewType.ViewType.Video);
     this.onVideoIdChange();
@@ -187,4 +188,4 @@ this.initialMuted = this.muted;
       .then((data) => {
-      this.dispatch(PlayerProp.PlayerProp.CurrentPoster, data.thumbnail_1080_url);
-      this.dispatch(PlayerProp.PlayerProp.Duration, parseFloat(data.duration));
+      this.dispatch(PlayerProp.PlayerProp.currentPoster, data.thumbnail_1080_url);
+      this.dispatch(PlayerProp.PlayerProp.duration, parseFloat(data.duration));
     });
@@ -201,4 +202,4 @@ }
         this.onControlsChange();
-        this.dispatch(PlayerProp.PlayerProp.CurrentSrc, this.embedSrc);
-        this.dispatch(PlayerProp.PlayerProp.MediaType, MediaType.MediaType.Video);
+        this.dispatch(PlayerProp.PlayerProp.currentSrc, this.embedSrc);
+        this.dispatch(PlayerProp.PlayerProp.mediaType, MediaType.MediaType.Video);
         Promise.all([
@@ -208,13 +209,13 @@ this.pendingVideoInfoFetch,
         ]).then(() => {
-          this.dispatch(PlayerProp.PlayerProp.PlaybackReady, true);
+          this.dispatch(PlayerProp.PlayerProp.playbackReady, true);
         });
         break;
       case DailymotionEvent.VideoChange:
-        this.dispatch(PlayerProp.PlayerProp.MediaTitle, msg.title);
+        this.dispatch(PlayerProp.PlayerProp.mediaTitle, msg.title);
         (_b = this.pendingMediaTitleFetch) === null || _b === void 0 ? void 0 : _b.resolve();
         break;
       case DailymotionEvent.Start:
-        this.dispatch(PlayerProp.PlayerProp.Paused, false);
-        this.dispatch(PlayerProp.PlayerProp.PlaybackStarted, true);
-        this.dispatch(PlayerProp.PlayerProp.Buffering, true);
+        this.dispatch(PlayerProp.PlayerProp.paused, false);
+        this.dispatch(PlayerProp.PlayerProp.playbackStarted, true);
+        this.dispatch(PlayerProp.PlayerProp.buffering, true);
         break;
@@ -231,12 +232,12 @@ case DailymotionEvent.VideoStart:
       case DailymotionEvent.Play:
-        this.dispatch(PlayerProp.PlayerProp.Paused, false);
+        this.dispatch(PlayerProp.PlayerProp.paused, false);
         break;
       case DailymotionEvent.Pause:
-        this.dispatch(PlayerProp.PlayerProp.Paused, true);
-        this.dispatch(PlayerProp.PlayerProp.Playing, false);
-        this.dispatch(PlayerProp.PlayerProp.Buffering, false);
+        this.dispatch(PlayerProp.PlayerProp.paused, true);
+        this.dispatch(PlayerProp.PlayerProp.playing, false);
+        this.dispatch(PlayerProp.PlayerProp.buffering, false);
         break;
       case DailymotionEvent.Playing:
-        this.dispatch(PlayerProp.PlayerProp.Playing, true);
-        this.dispatch(PlayerProp.PlayerProp.Buffering, false);
+        this.dispatch(PlayerProp.PlayerProp.playing, true);
+        this.dispatch(PlayerProp.PlayerProp.buffering, false);
         break;
@@ -248,40 +249,40 @@ case DailymotionEvent.VideoEnd:
         else {
-          this.dispatch(PlayerProp.PlayerProp.PlaybackEnded, true);
+          this.dispatch(PlayerProp.PlayerProp.playbackEnded, true);
         }
         break;
       case DailymotionEvent.TimeUpdate:
-        this.dispatch(PlayerProp.PlayerProp.CurrentTime, parseFloat(msg.time));
+        this.dispatch(PlayerProp.PlayerProp.currentTime, parseFloat(msg.time));
         break;
       case DailymotionEvent.VolumeChange:
-        this.dispatch(PlayerProp.PlayerProp.Muted, msg.muted === 'true');
-        this.dispatch(PlayerProp.PlayerProp.Volume, Math.floor(parseFloat(msg.volume) * 100));
+        this.dispatch(PlayerProp.PlayerProp.muted, msg.muted === 'true');
+        this.dispatch(PlayerProp.PlayerProp.volume, Math.floor(parseFloat(msg.volume) * 100));
         break;
       case DailymotionEvent.Seeking:
-        this.dispatch(PlayerProp.PlayerProp.CurrentTime, parseFloat(msg.time));
-        this.dispatch(PlayerProp.PlayerProp.Seeking, true);
+        this.dispatch(PlayerProp.PlayerProp.currentTime, parseFloat(msg.time));
+        this.dispatch(PlayerProp.PlayerProp.seeking, true);
         break;
       case DailymotionEvent.Seeked:
-        this.dispatch(PlayerProp.PlayerProp.CurrentTime, parseFloat(msg.time));
-        this.dispatch(PlayerProp.PlayerProp.Seeking, false);
+        this.dispatch(PlayerProp.PlayerProp.currentTime, parseFloat(msg.time));
+        this.dispatch(PlayerProp.PlayerProp.seeking, false);
         break;
       case DailymotionEvent.Waiting:
-        this.dispatch(PlayerProp.PlayerProp.Buffering, true);
+        this.dispatch(PlayerProp.PlayerProp.buffering, true);
         break;
       case DailymotionEvent.Progress:
-        this.dispatch(PlayerProp.PlayerProp.Buffered, parseFloat(msg.time));
+        this.dispatch(PlayerProp.PlayerProp.buffered, parseFloat(msg.time));
         break;
       case DailymotionEvent.DurationChange:
-        this.dispatch(PlayerProp.PlayerProp.Duration, parseFloat(msg.duration));
+        this.dispatch(PlayerProp.PlayerProp.duration, parseFloat(msg.duration));
         break;
       case DailymotionEvent.QualitiesAvailable:
-        this.dispatch(PlayerProp.PlayerProp.PlaybackQualities, msg.qualities.map((q) => `${q}p`));
+        this.dispatch(PlayerProp.PlayerProp.playbackQualities, msg.qualities.map((q) => `${q}p`));
         break;
       case DailymotionEvent.QualityChange:
-        this.dispatch(PlayerProp.PlayerProp.PlaybackQuality, `${msg.quality}p`);
+        this.dispatch(PlayerProp.PlayerProp.playbackQuality, `${msg.quality}p`);
         break;
       case DailymotionEvent.FullscreenChange:
-        this.dispatch(PlayerProp.PlayerProp.IsFullscreenActive, msg.fullscreen === 'true');
+        this.dispatch(PlayerProp.PlayerProp.isFullscreenActive, msg.fullscreen === 'true');
         break;
       case DailymotionEvent.Error:
-        this.dispatch(PlayerProp.PlayerProp.Errors, [new Error(msg.error)]);
+        this.dispatch(PlayerProp.PlayerProp.errors, [new Error(msg.error)]);
         break;
@@ -310,3 +311,3 @@ }
         this.internalState.volume = (volume / 100);
-        this.dispatch(PlayerProp.PlayerProp.Volume, volume);
+        this.dispatch(PlayerProp.PlayerProp.volume, volume);
         this.remoteControl(DailymotionCommand.Volume, (volume / 100));
@@ -313,0 +314,0 @@ },

dist/cjs/vime-dash.cjs.entry.js

@@ -5,13 +5,13 @@ 'use strict';
 
-const index = require('./index-97b63d4f.js');
-const PlayerProp = require('./PlayerProp-2d7ab524.js');
+const index = require('./index-5daeb782.js');
+const PlayerProp = require('./PlayerProp-7d76a8f8.js');
 const unit = require('./unit-5aab8b10.js');
-const PlayerDispatcher = require('./PlayerDispatcher-a7713b41.js');
-const PlayerContext = require('./PlayerContext-ea7681e4.js');
-require('./PlayerEvent-17f1304b.js');
+const PlayerDispatcher = require('./PlayerDispatcher-e426cb62.js');
+const PlayerContext = require('./PlayerContext-ada918ac.js');
+require('./PlayerEvent-dc9a83f6.js');
+require('./dom-457b352e.js');
+const MediaType = require('./MediaType-abb6d107.js');
 const utils = require('./utils-b8b7354f.js');
-require('./dom-457b352e.js');
 require('./support-0affec28.js');
-const network = require('./network-0b7a8899.js');
-const MediaType = require('./MediaType-abb6d107.js');
+const network = require('./network-b22af3c1.js');
 
@@ -54,8 +54,8 @@ const Dash = class {
       this.dash.on(Dash.MediaPlayer.events.CAN_PLAY, () => {
-        this.dispatch(PlayerProp.PlayerProp.MediaType, MediaType.MediaType.Video);
-        this.dispatch(PlayerProp.PlayerProp.CurrentSrc, this.src);
-        this.dispatch(PlayerProp.PlayerProp.PlaybackReady, true);
+        this.dispatch(PlayerProp.PlayerProp.mediaType, MediaType.MediaType.Video);
+        this.dispatch(PlayerProp.PlayerProp.currentSrc, this.src);
+        this.dispatch(PlayerProp.PlayerProp.playbackReady, true);
       });
       this.dash.on(Dash.MediaPlayer.events.ERROR, (e) => {
-        this.dispatch(PlayerProp.PlayerProp.Errors, [e]);
+        this.dispatch(PlayerProp.PlayerProp.errors, [e]);
       });
@@ -65,3 +65,3 @@ this.hasAttached = true;
     catch (e) {
-      this.dispatch(PlayerProp.PlayerProp.Errors, [e]);
+      this.dispatch(PlayerProp.PlayerProp.errors, [e]);
     }
@@ -93,5 +93,5 @@ }
 PlayerContext.withPlayerContext(Dash, [
-  PlayerProp.PlayerProp.Autoplay,
+  PlayerProp.PlayerProp.autoplay,
 ]);
 
 exports.vime_dash = Dash;

dist/cjs/vime-default-ui.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-97b63d4f.js');
+const index = require('./index-5daeb782.js');
 
@@ -8,0 +8,0 @@ const DefaultUI = class {

dist/cjs/vime-embed.cjs.entry.js

@@ -5,7 +5,7 @@ 'use strict';
 
-const index = require('./index-97b63d4f.js');
+const index = require('./index-5daeb782.js');
 const unit = require('./unit-5aab8b10.js');
 require('./dom-457b352e.js');
 require('./support-0affec28.js');
-const network = require('./network-0b7a8899.js');
+const network = require('./network-b22af3c1.js');
 
@@ -12,0 +12,0 @@ const embedCss = "vime-embed>iframe{position:absolute;top:0;left:0;border:0;width:100%;height:100%;user-select:none;z-index:0}";

dist/cjs/vime-faketube.cjs.entry.js

@@ -5,9 +5,10 @@ 'use strict';
 
-const index = require('./index-97b63d4f.js');
-require('./PlayerProp-2d7ab524.js');
+const index = require('./index-5daeb782.js');
+require('./PlayerProp-7d76a8f8.js');
 require('./unit-5aab8b10.js');
-const PlayerDispatcher = require('./PlayerDispatcher-a7713b41.js');
-require('./PlayerContext-ea7681e4.js');
-require('./PlayerEvent-17f1304b.js');
-const MediaProvider = require('./MediaProvider-8ada06da.js');
+const PlayerDispatcher = require('./PlayerDispatcher-e426cb62.js');
+require('./PlayerContext-ada918ac.js');
+require('./PlayerEvent-dc9a83f6.js');
+require('./dom-457b352e.js');
+const MediaProvider = require('./MediaProvider-9930798f.js');
 
@@ -14,0 +15,0 @@ const faketubeCss = "vime-faketube{display:block;width:100%;height:auto}";

dist/cjs/vime-file.cjs.entry.js

@@ -5,14 +5,14 @@ 'use strict';
 
-const index = require('./index-97b63d4f.js');
-const PlayerProp = require('./PlayerProp-2d7ab524.js');
+const index = require('./index-5daeb782.js');
+const PlayerProp = require('./PlayerProp-7d76a8f8.js');
 const unit = require('./unit-5aab8b10.js');
-const PlayerDispatcher = require('./PlayerDispatcher-a7713b41.js');
-const PlayerContext = require('./PlayerContext-ea7681e4.js');
-require('./PlayerEvent-17f1304b.js');
+const PlayerDispatcher = require('./PlayerDispatcher-e426cb62.js');
+const PlayerContext = require('./PlayerContext-ada918ac.js');
+require('./PlayerEvent-dc9a83f6.js');
+const dom = require('./dom-457b352e.js');
 const ViewType = require('./ViewType-435b01ff.js');
+const MediaType = require('./MediaType-abb6d107.js');
 const utils = require('./utils-b8b7354f.js');
-const MediaProvider = require('./MediaProvider-8ada06da.js');
-const dom = require('./dom-457b352e.js');
+const MediaProvider = require('./MediaProvider-9930798f.js');
 const support = require('./support-0affec28.js');
-const MediaType = require('./MediaType-abb6d107.js');
 const Disposal = require('./Disposal-f736adf6.js');
@@ -81,9 +81,9 @@
   onMediaTitleChange() {
-    this.dispatch(PlayerProp.PlayerProp.MediaTitle, this.mediaTitle);
+    this.dispatch(PlayerProp.PlayerProp.mediaTitle, this.mediaTitle);
   }
   onPosterChange() {
-    this.dispatch(PlayerProp.PlayerProp.CurrentPoster, this.poster);
+    this.dispatch(PlayerProp.PlayerProp.currentPoster, this.poster);
   }
   onViewTypeChange() {
-    this.dispatch(PlayerProp.PlayerProp.ViewType, this.viewType);
+    this.dispatch(PlayerProp.PlayerProp.viewType, this.viewType);
   }
@@ -119,3 +119,3 @@ componentWillLoad() {
     var _a, _b;
-    this.dispatch(PlayerProp.PlayerProp.CurrentTime, (_b = (_a = this.mediaEl) === null || _a === void 0 ? void 0 : _a.currentTime) !== null && _b !== void 0 ? _b : 0);
+    this.dispatch(PlayerProp.PlayerProp.currentTime, (_b = (_a = this.mediaEl) === null || _a === void 0 ? void 0 : _a.currentTime) !== null && _b !== void 0 ? _b : 0);
     this.timeRAF = window.requestAnimationFrame(() => { this.requestTimeUpdates(); });
@@ -132,11 +132,11 @@ }
   onLoadedMetadata() {
-    this.dispatch(PlayerProp.PlayerProp.CurrentPoster, this.poster);
-    this.dispatch(PlayerProp.PlayerProp.Duration, this.mediaEl.duration);
-    this.dispatch(PlayerProp.PlayerProp.PlaybackRates, this.playbackRates);
+    this.dispatch(PlayerProp.PlayerProp.currentPoster, this.poster);
+    this.dispatch(PlayerProp.PlayerProp.duration, this.mediaEl.duration);
+    this.dispatch(PlayerProp.PlayerProp.playbackRates, this.playbackRates);
     this.onProgress();
     this.onTracksChange();
     if (!this.willAttach) {
-      this.dispatch(PlayerProp.PlayerProp.CurrentSrc, this.mediaEl.currentSrc);
-      this.dispatch(PlayerProp.PlayerProp.MediaType, this.getMediaType());
-      this.dispatch(PlayerProp.PlayerProp.PlaybackReady, true);
+      this.dispatch(PlayerProp.PlayerProp.currentSrc, this.mediaEl.currentSrc);
+      this.dispatch(PlayerProp.PlayerProp.mediaType, this.getMediaType());
+      this.dispatch(PlayerProp.PlayerProp.playbackReady, true);
     }
@@ -147,10 +147,10 @@ }
     const end = (buffered.length === 0) ? 0 : buffered.end(buffered.length - 1);
-    this.dispatch(PlayerProp.PlayerProp.Buffered, (end > duration) ? duration : end);
+    this.dispatch(PlayerProp.PlayerProp.buffered, (end > duration) ? duration : end);
   }
   onPlay() {
     this.requestTimeUpdates();
-    this.dispatch(PlayerProp.PlayerProp.Paused, false);
+    this.dispatch(PlayerProp.PlayerProp.paused, false);
     if (!this.playbackStarted) {
       this.playbackStarted = true;
-      this.dispatch(PlayerProp.PlayerProp.PlaybackStarted, true);
+      this.dispatch(PlayerProp.PlayerProp.playbackStarted, true);
     }
@@ -160,8 +160,8 @@ }
     this.cancelTimeUpdates();
-    this.dispatch(PlayerProp.PlayerProp.Paused, true);
-    this.dispatch(PlayerProp.PlayerProp.Buffering, false);
+    this.dispatch(PlayerProp.PlayerProp.paused, true);
+    this.dispatch(PlayerProp.PlayerProp.buffering, false);
   }
   onPlaying() {
-    this.dispatch(PlayerProp.PlayerProp.Playing, true);
-    this.dispatch(PlayerProp.PlayerProp.Buffering, false);
+    this.dispatch(PlayerProp.PlayerProp.playing, true);
+    this.dispatch(PlayerProp.PlayerProp.buffering, false);
   }
@@ -171,7 +171,7 @@ onSeeking() {
       this.wasPausedBeforeSeeking = this.mediaEl.paused;
-    this.dispatch(PlayerProp.PlayerProp.CurrentTime, this.mediaEl.currentTime);
-    this.dispatch(PlayerProp.PlayerProp.Seeking, true);
+    this.dispatch(PlayerProp.PlayerProp.currentTime, this.mediaEl.currentTime);
+    this.dispatch(PlayerProp.PlayerProp.seeking, true);
   }
   onSeeked() {
-    this.dispatch(PlayerProp.PlayerProp.Seeking, false);
+    this.dispatch(PlayerProp.PlayerProp.seeking, false);
     if (!this.playbackStarted || !this.wasPausedBeforeSeeking)
@@ -182,23 +182,23 @@ this.attemptToPlay();
   onRateChange() {
-    this.dispatch(PlayerProp.PlayerProp.PlaybackRate, this.mediaEl.playbackRate);
+    this.dispatch(PlayerProp.PlayerProp.playbackRate, this.mediaEl.playbackRate);
   }
   onVolumeChange() {
-    this.dispatch(PlayerProp.PlayerProp.Muted, this.mediaEl.muted);
-    this.dispatch(PlayerProp.PlayerProp.Volume, this.mediaEl.volume * 100);
+    this.dispatch(PlayerProp.PlayerProp.muted, this.mediaEl.muted);
+    this.dispatch(PlayerProp.PlayerProp.volume, this.mediaEl.volume * 100);
   }
   onDurationChange() {
-    this.dispatch(PlayerProp.PlayerProp.Duration, this.mediaEl.duration);
+    this.dispatch(PlayerProp.PlayerProp.duration, this.mediaEl.duration);
   }
   onWaiting() {
-    this.dispatch(PlayerProp.PlayerProp.Buffering, true);
+    this.dispatch(PlayerProp.PlayerProp.buffering, true);
   }
   onSuspend() {
-    this.dispatch(PlayerProp.PlayerProp.Buffering, false);
+    this.dispatch(PlayerProp.PlayerProp.buffering, false);
   }
   onEnded() {
     if (!this.loop)
-      this.dispatch(PlayerProp.PlayerProp.PlaybackEnded, true);
+      this.dispatch(PlayerProp.PlayerProp.playbackEnded, true);
   }
   onError(event) {
-    this.dispatch(PlayerProp.PlayerProp.Errors, [event]);
+    this.dispatch(PlayerProp.PlayerProp.errors, [event]);
   }
@@ -211,3 +211,3 @@ attemptToPlay() {
     catch (e) {
-      this.dispatch(PlayerProp.PlayerProp.Errors, [e]);
+      this.dispatch(PlayerProp.PlayerProp.errors, [e]);
     }
@@ -246,13 +246,13 @@ }
     const mode = (_a = this.mediaEl) === null || _a === void 0 ? void 0 : _a.webkitPresentationMode;
-    this.dispatch(PlayerProp.PlayerProp.IsPiPActive, (mode === WebkitPresentationMode.PiP));
-    this.dispatch(PlayerProp.PlayerProp.IsFullscreenActive, (mode === WebkitPresentationMode.Fullscreen));
+    this.dispatch(PlayerProp.PlayerProp.isPiPActive, (mode === WebkitPresentationMode.PiP));
+    this.dispatch(PlayerProp.PlayerProp.isFullscreenActive, (mode === WebkitPresentationMode.Fullscreen));
   }
   onEnterPiP() {
-    this.dispatch(PlayerProp.PlayerProp.IsPiPActive, true);
+    this.dispatch(PlayerProp.PlayerProp.isPiPActive, true);
   }
   onLeavePiP() {
-    this.dispatch(PlayerProp.PlayerProp.IsPiPActive, false);
+    this.dispatch(PlayerProp.PlayerProp.isPiPActive, false);
   }
   onTracksChange() {
-    this.dispatch(PlayerProp.PlayerProp.TextTracks, this.mediaEl.textTracks);
+    this.dispatch(PlayerProp.PlayerProp.textTracks, this.mediaEl.textTracks);
   }
@@ -259,0 +259,0 @@ listenToTextTracksChanges() {

dist/cjs/vime-hls.cjs.entry.js

@@ -5,11 +5,11 @@ 'use strict';
 
-const index = require('./index-97b63d4f.js');
-const PlayerProp = require('./PlayerProp-2d7ab524.js');
+const index = require('./index-5daeb782.js');
+const PlayerProp = require('./PlayerProp-7d76a8f8.js');
 const unit = require('./unit-5aab8b10.js');
-const PlayerDispatcher = require('./PlayerDispatcher-a7713b41.js');
+const PlayerDispatcher = require('./PlayerDispatcher-e426cb62.js');
+require('./dom-457b352e.js');
+const MediaType = require('./MediaType-abb6d107.js');
 const utils = require('./utils-b8b7354f.js');
-require('./dom-457b352e.js');
 const support = require('./support-0affec28.js');
-const network = require('./network-0b7a8899.js');
-const MediaType = require('./MediaType-abb6d107.js');
+const network = require('./network-b22af3c1.js');
 
@@ -40,3 +40,3 @@ const HLS = class {
       if (!Hls.isSupported()) {
-        this.dispatch(PlayerProp.PlayerProp.Errors, [new Error('hls.js is not supported')]);
+        this.dispatch(PlayerProp.PlayerProp.errors, [new Error('hls.js is not supported')]);
         return;
@@ -50,8 +50,8 @@ }
       this.hls.on('hlsError', (e, data) => {
-        this.dispatch(PlayerProp.PlayerProp.Errors, [{ e, data }]);
+        this.dispatch(PlayerProp.PlayerProp.errors, [{ e, data }]);
       });
       this.hls.on('hlsManifestParsed', () => {
-        this.dispatch(PlayerProp.PlayerProp.MediaType, MediaType.MediaType.Video);
-        this.dispatch(PlayerProp.PlayerProp.CurrentSrc, this.src);
-        this.dispatch(PlayerProp.PlayerProp.PlaybackReady, true);
+        this.dispatch(PlayerProp.PlayerProp.mediaType, MediaType.MediaType.Video);
+        this.dispatch(PlayerProp.PlayerProp.currentSrc, this.src);
+        this.dispatch(PlayerProp.PlayerProp.playbackReady, true);
       });
@@ -61,3 +61,3 @@ this.hls.attachMedia(video);
     catch (e) {
-      this.dispatch(PlayerProp.PlayerProp.Errors, [e]);
+      this.dispatch(PlayerProp.PlayerProp.errors, [e]);
     }
@@ -64,0 +64,0 @@ }

dist/cjs/vime-menu_2.cjs.entry.js

@@ -5,7 +5,7 @@ 'use strict';
 
-const index = require('./index-97b63d4f.js');
-const PlayerProp = require('./PlayerProp-2d7ab524.js');
+const index = require('./index-5daeb782.js');
+const PlayerProp = require('./PlayerProp-7d76a8f8.js');
 const unit = require('./unit-5aab8b10.js');
-const PlayerContext = require('./PlayerContext-ea7681e4.js');
-require('./PlayerEvent-17f1304b.js');
+const PlayerContext = require('./PlayerContext-ada918ac.js');
+require('./PlayerEvent-dc9a83f6.js');
 const dom = require('./dom-457b352e.js');
@@ -248,3 +248,3 @@
 PlayerContext.withPlayerContext(MenuItem, [
-  PlayerProp.PlayerProp.IsTouch,
+  PlayerProp.PlayerProp.isTouch,
 ]);
@@ -251,0 +251,0 @@ MenuItem.style = menuItemCss;

dist/cjs/vime-menu-radio_4.cjs.entry.js

@@ -5,8 +5,8 @@ 'use strict';
 
-const index = require('./index-97b63d4f.js');
-const PlayerProp = require('./PlayerProp-2d7ab524.js');
+const index = require('./index-5daeb782.js');
+const PlayerProp = require('./PlayerProp-7d76a8f8.js');
 const unit = require('./unit-5aab8b10.js');
-const PlayerDispatcher = require('./PlayerDispatcher-a7713b41.js');
-const PlayerContext = require('./PlayerContext-ea7681e4.js');
-require('./PlayerEvent-17f1304b.js');
+const PlayerDispatcher = require('./PlayerDispatcher-e426cb62.js');
+const PlayerContext = require('./PlayerContext-ada918ac.js');
+require('./PlayerEvent-dc9a83f6.js');
 const dom = require('./dom-457b352e.js');
@@ -82,3 +82,2 @@ const Disposal = require('./Disposal-f736adf6.js');
      */
-    // eslint-disable-next-line @stencil/strict-mutable
     this.active = false;
@@ -95,3 +94,3 @@ /**
   onActiveChange() {
-    this.dispatch(PlayerProp.PlayerProp.IsSettingsActive, this.active);
+    this.dispatch(PlayerProp.PlayerProp.isSettingsActive, this.active);
     if (unit.isUndefined(this.controller))
@@ -146,4 +145,4 @@ return;
 PlayerContext.withPlayerContext(Settings, [
-  PlayerProp.PlayerProp.IsMobile,
-  PlayerProp.PlayerProp.IsAudioView,
+  PlayerProp.PlayerProp.isMobile,
+  PlayerProp.PlayerProp.isAudioView,
 ]);
@@ -163,3 +162,2 @@ Settings.style = settingsCss;
      */
-    // eslint-disable-next-line @stencil/strict-mutable
     this.active = false;
@@ -166,0 +164,0 @@ }

dist/cjs/vime-player.cjs.entry.js

@@ -5,10 +5,10 @@ 'use strict';
 
-const index = require('./index-97b63d4f.js');
-const PlayerProp = require('./PlayerProp-2d7ab524.js');
+const index = require('./index-5daeb782.js');
+const PlayerProp = require('./PlayerProp-7d76a8f8.js');
 const unit = require('./unit-5aab8b10.js');
-const PlayerEvent = require('./PlayerEvent-17f1304b.js');
+const PlayerEvent = require('./PlayerEvent-dc9a83f6.js');
+const dom = require('./dom-457b352e.js');
 const ViewType = require('./ViewType-435b01ff.js');
-const dom = require('./dom-457b352e.js');
+const MediaType = require('./MediaType-abb6d107.js');
 const support = require('./support-0affec28.js');
-const MediaType = require('./MediaType-abb6d107.js');
 const Disposal = require('./Disposal-f736adf6.js');
@@ -386,3 +386,3 @@
         this.player.errors = [...this.player.errors, e];
-        this.markAsInternallyChanged(PlayerProp.PlayerProp.Errors);
+        this.markAsInternallyChanged(PlayerProp.PlayerProp.errors);
       }
@@ -420,6 +420,6 @@ }));
     }
-    if (this.player.debug && (prop !== PlayerProp.PlayerProp.CurrentTime)) {
+    if (this.player.debug && (prop !== PlayerProp.PlayerProp.currentTime)) {
       console.log(`STATECHANGE [${by.nodeName}]: ${prop} -> ${value}`);
     }
-    if (prop === PlayerProp.PlayerProp.Errors) {
+    if (prop === PlayerProp.PlayerProp.errors) {
       this.player.errors = [...this.player.errors, ...value];
@@ -437,5 +437,5 @@ this.markAsInternallyChanged(prop);
   onPausedChange(paused) {
-    if (paused === this.providerState.get(PlayerProp.PlayerProp.Paused))
+    if (paused === this.providerState.get(PlayerProp.PlayerProp.paused))
       return;
-    this.queueAdapterCall(PlayerProp.PlayerProp.Paused, (adapter) => {
+    this.queueAdapterCall(PlayerProp.PlayerProp.paused, (adapter) => {
       this.player.paused = paused;
@@ -449,6 +449,6 @@ return !paused ? adapter.play() : adapter.pause();
     const currentTime = Math.max(0, Math.min(time, duration));
-    const providerTime = this.providerState.get(PlayerProp.PlayerProp.CurrentTime);
+    const providerTime = this.providerState.get(PlayerProp.PlayerProp.currentTime);
     if (Math.floor(currentTime) === Math.floor(providerTime))
       return;
-    this.queueAdapterCall(PlayerProp.PlayerProp.CurrentTime, (adapter) => {
+    this.queueAdapterCall(PlayerProp.PlayerProp.currentTime, (adapter) => {
       this.player.currentTime = currentTime;
@@ -460,5 +460,5 @@ return adapter.setCurrentTime(currentTime);
     const volume = Math.max(0, Math.min(level, 100));
-    if (volume === this.providerState.get(PlayerProp.PlayerProp.Volume))
+    if (volume === this.providerState.get(PlayerProp.PlayerProp.volume))
       return;
-    this.queueAdapterCall(PlayerProp.PlayerProp.Volume, (adapter) => {
+    this.queueAdapterCall(PlayerProp.PlayerProp.volume, (adapter) => {
       this.player.volume = volume;
@@ -469,5 +469,5 @@ return adapter.setVolume(volume);
   onMutedChange(muted) {
-    if (muted === this.providerState.get(PlayerProp.PlayerProp.Muted))
+    if (muted === this.providerState.get(PlayerProp.PlayerProp.muted))
       return;
-    this.queueAdapterCall(PlayerProp.PlayerProp.Muted, (adapter) => {
+    this.queueAdapterCall(PlayerProp.PlayerProp.muted, (adapter) => {
       this.player.muted = muted;
@@ -478,3 +478,3 @@ return adapter.setMuted(muted);
   async onPlaybackRateChange(prevRate, newRate) {
-    if (newRate === this.providerState.get(PlayerProp.PlayerProp.PlaybackRate))
+    if (newRate === this.providerState.get(PlayerProp.PlayerProp.playbackRate))
       return;
@@ -493,10 +493,10 @@ let isValid = true;
       this.player.playbackRate = prevRate;
-      this.cache.set(PlayerProp.PlayerProp.PlaybackRate, prevRate);
+      this.cache.set(PlayerProp.PlayerProp.playbackRate, prevRate);
       return;
     }
-    this.queueAdapterCall(PlayerProp.PlayerProp.PlaybackRate, async (adapter) => { var _a; return (_a = adapter.setPlaybackRate) === null || _a === void 0 ? void 0 : _a.call(adapter, newRate); });
+    this.queueAdapterCall(PlayerProp.PlayerProp.playbackRate, async (adapter) => { var _a; return (_a = adapter.setPlaybackRate) === null || _a === void 0 ? void 0 : _a.call(adapter, newRate); });
   }
   async onPlaybackQualityChange(prevQuality, newQuality) {
     if (unit.isUndefined(newQuality)
-      || (newQuality === this.providerState.get(PlayerProp.PlayerProp.PlaybackQuality)))
+      || (newQuality === this.providerState.get(PlayerProp.PlayerProp.playbackQuality)))
       return;
@@ -515,6 +515,6 @@ let isValid = true;
       this.player.playbackQuality = prevQuality;
-      this.cache.set(PlayerProp.PlayerProp.PlaybackQuality, prevQuality);
+      this.cache.set(PlayerProp.PlayerProp.playbackQuality, prevQuality);
       return;
     }
-    this.queueAdapterCall(PlayerProp.PlayerProp.PlaybackQuality, async (adapter) => { var _a; return (_a = adapter.setPlaybackQuality) === null || _a === void 0 ? void 0 : _a.call(adapter, newQuality); });
+    this.queueAdapterCall(PlayerProp.PlayerProp.playbackQuality, async (adapter) => { var _a; return (_a = adapter.setPlaybackQuality) === null || _a === void 0 ? void 0 : _a.call(adapter, newQuality); });
   }
@@ -527,6 +527,6 @@ fireEvent(prop, value, prevVal) {
     }));
-    if ((prop === PlayerProp.PlayerProp.Paused) && !value) {
+    if ((prop === PlayerProp.PlayerProp.paused) && !value) {
       events.push(new CustomEvent('vPlay', { bubbles: false }));
     }
-    if ((prop === PlayerProp.PlayerProp.Seeking) && prevVal && !value) {
+    if ((prop === PlayerProp.PlayerProp.seeking) && prevVal && !value) {
       events.push(new CustomEvent('vSeeked', { bubbles: false }));
@@ -537,5 +537,5 @@ }
   destroy() {
-    this.cache.clear();
-    this.internalState.clear();
-    this.providerState.clear();
+    // this.cache.clear();
+    // this.internalState.clear();
+    // this.providerState.clear();
     this.adapterCalls.clear();
@@ -574,2 +574,3 @@ }
     index.registerInstance(this, hostRef);
+    this.vThemeChange = index.createEvent(this, "vThemeChange", 7);
     this.vPausedChange = index.createEvent(this, "vPausedChange", 7);
@@ -583,2 +584,4 @@ this.vPlay = index.createEvent(this, "vPlay", 7);
     this.vCurrentTimeChange = index.createEvent(this, "vCurrentTimeChange", 7);
+    this.vMounted = index.createEvent(this, "vMounted", 7);
+    this.vDestroyed = index.createEvent(this, "vDestroyed", 7);
     this.vReady = index.createEvent(this, "vReady", 7);
@@ -612,7 +615,2 @@ this.vPlaybackReady = index.createEvent(this, "vPlaybackReady", 7);
     /**
-     * ------------------------------------------------------
-     * Props
-     * ------------------------------------------------------
-     */
-    /**
      * @inheritDoc
@@ -644,2 +642,10 @@ */
      */
+    this.mounted = false;
+    /**
+     * @inheritDoc
+     */
+    this.destroyed = false;
+    /**
+     * @inheritDoc
+     */
     this.playbackReady = false;
@@ -786,3 +792,3 @@ /**
       this.playing = false;
-      this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.Playing);
+      this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.playing);
     }
@@ -800,3 +806,3 @@ else {
       this.ready = true;
-      this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.Ready);
+      this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.ready);
     }
@@ -822,5 +828,5 @@ }
       this.currentCaption = undefined;
-      this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.CurrentCaption);
+      this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.currentCaption);
       this.isCaptionsActive = false;
-      this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.IsCaptionsActive);
+      this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.isCaptionsActive);
       return;
@@ -836,19 +842,19 @@ }
     this.isAudioView = this.viewType === ViewType.ViewType.Audio;
-    this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.IsAudioView);
+    this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.isAudioView);
     this.isVideoView = this.viewType === ViewType.ViewType.Video;
-    this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.IsVideoView);
+    this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.isVideoView);
   }
   onMediaTypeChange() {
     this.isAudio = this.mediaType === MediaType.MediaType.Audio;
-    this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.IsAudio);
+    this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.isAudio);
     this.isVideo = this.mediaType === MediaType.MediaType.Video;
-    this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.IsVideo);
+    this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.isVideo);
   }
   onLiveChange() {
     this.isLive = this.duration === Infinity;
-    this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.IsLive);
+    this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.isLive);
   }
   onLanguagesUpdate() {
     this.languages = Object.keys(this.translations);
-    this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.Languages);
+    this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.languages);
   }
@@ -858,3 +864,3 @@ onI18NUpdate() {
     this.i18n = Object.assign({}, ((_a = this.translations[this.language]) !== null && _a !== void 0 ? _a : en));
-    this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.I18N);
+    this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.i18n);
   }
@@ -1011,3 +1017,3 @@ /**
     this.translations = Object.assign(Object.assign({}, this.translations), { [language]: Object.assign(Object.assign({}, ((_a = this.translations[language]) !== null && _a !== void 0 ? _a : {})), translations) });
-    this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.Translations);
+    this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.translations);
   }
@@ -1032,7 +1038,7 @@ async onMediaChange(event) {
       this.isFullscreenActive = isActive;
-      this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.IsFullscreenActive);
+      this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.isFullscreenActive);
     });
     this.disposal.add(support.onTouchInputChange((isTouch) => {
       this.isTouch = isTouch;
-      this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.IsTouch);
+      this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.isTouch);
     }));
@@ -1046,2 +1052,4 @@ }
     this.disposal.add(lazyLoader(this.el));
+    this.mounted = true;
+    this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.mounted);
   }
@@ -1057,6 +1065,5 @@ componentWillRender() {
     this.scheduler.destroy();
-    this.toggledCaption = undefined;
-    this.provider = undefined;
-    this.adapter = undefined;
     this.disposal.empty();
+    this.destroyed = true;
+    this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.destroyed);
   }
@@ -1111,5 +1118,5 @@ getPlayerState() {
     this.currentCaption = activeCaption || this.toggledCaption;
-    this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.CurrentCaption);
+    this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.currentCaption);
     this.isCaptionsActive = !unit.isUndefined(activeCaption);
-    this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.IsCaptionsActive);
+    this.scheduler.markAsInternallyChanged(PlayerProp.PlayerProp.isCaptionsActive);
   }
@@ -1116,0 +1123,0 @@ genId() {

dist/cjs/vime-slider.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-97b63d4f.js');
+const index = require('./index-5daeb782.js');
 
@@ -8,0 +8,0 @@ const sliderCss = "vime-slider{}vime-slider input{-webkit-appearance:none;background:transparent;border:0;outline:0;cursor:pointer;border-radius:calc(var(--slider-thumb-height) * 2);user-select:none;-webkit-user-select:none;touch-action:manipulation;color:var(--slider-value-color);display:block;height:var(--slider-track-height);margin:0;padding:0;transition:box-shadow 0.3s ease;width:100%}vime-slider input::-webkit-slider-runnable-track{background:transparent;border:0;border-radius:calc(var(--slider-track-height) / 2);height:var(--slider-track-height);transition:box-shadow 0.3s ease;user-select:none;background-image:linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%));background-color:var(--slider-track-color)}vime-slider input::-webkit-slider-thumb{opacity:0;background:var(--slider-thumb-bg);border:0;border-radius:100%;position:relative;transition:all 0.2s ease;width:var(--slider-thumb-width);height:var(--slider-thumb-height);box-shadow:var(--slider-thumb-shadow);-webkit-appearance:none;margin-top:calc(0px - calc(calc(var(--slider-thumb-height) - var(--slider-track-height)) / 2))}vime-slider input::-moz-slider-track{background:transparent;border:0;border-radius:calc(var(--slider-track-height) / 2);height:var(--slider-track-height);transition:box-shadow 0.3s ease;user-select:none;background-color:var(--slider-track-color)}vime-slider input::-moz-slider-thumb{opacity:0;background:var(--slider-thumb-bg);border:0;border-radius:100%;position:relative;transition:all 0.2s ease;width:var(--slider-thumb-width);height:var(--slider-thumb-height);box-shadow:var(--slider-thumb-shadow)}vime-slider input::-moz-slider-progress{background:currentColor;border-radius:calc(var(--slider-track-height) / 2);height:var(--slider-track-height)}vime-slider input::-ms-track{background:transparent;border:0;border-radius:calc(var(--slider-track-height) / 2);height:var(--slider-track-height);transition:box-shadow 0.3s ease;user-select:none;color:transparent;background-color:var(--slider-track-color)}vime-slider input::-ms-fill-upper{background:transparent;border:0;border-radius:calc(var(--slider-track-height) / 2);height:var(--slider-track-height);transition:box-shadow 0.3s ease;user-select:none}vime-slider input::-ms-fill-lower{background:transparent;border:0;border-radius:calc(var(--slider-track-height) / 2);height:var(--slider-track-height);transition:box-shadow 0.3s ease;user-select:none;background:currentColor}vime-slider input::-ms-thumb{opacity:0;background:var(--slider-thumb-bg);border:0;border-radius:100%;position:relative;transition:all 0.2s ease;width:var(--slider-thumb-width);height:var(--slider-thumb-height);box-shadow:var(--slider-thumb-shadow);margin-top:0}vime-slider input::-ms-tooltip{display:none}vime-slider input:hover::-webkit-slider-runnable-track{height:var(--slider-track-focused-height)}vime-slider input:hover::-moz-slider-track{height:var(--slider-track-focused-height)}vime-slider input:hover::-ms-track{height:var(--slider-track-focused-height)}vime-slider input:hover::-ms-fill-upper{height:var(--slider-track-focused-height)}vime-slider input:hover::-ms-fill-lower{height:var(--slider-track-focused-height)}vime-slider input:hover::-webkit-slider-thumb{opacity:1}vime-slider input:hover::-moz-slider-thumb{opacity:1}vime-slider input:hover::-ms-thumb{opacity:1}vime-slider input:focus{outline:0}vime-slider input:focus::-webkit-slider-runnable-track{outline:0;height:var(--slider-track-focused-height)}vime-slider input:focus::-moz-slider-track{outline:0;height:var(--slider-track-focused-height)}vime-slider input:focus::-ms-track{outline:0;height:var(--slider-track-focused-height)}vime-slider input::-moz-focus-outer{border:0}";

dist/cjs/vime-time.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-97b63d4f.js');
+const index = require('./index-5daeb782.js');
 const formatters = require('./formatters-e51f2218.js');
@@ -8,0 +8,0 @@

dist/cjs/vime-video.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-97b63d4f.js');
+const index = require('./index-5daeb782.js');
 const ViewType = require('./ViewType-435b01ff.js');
@@ -8,0 +8,0 @@

dist/cjs/vime-vimeo.cjs.entry.js

@@ -5,14 +5,15 @@ 'use strict';
 
-const index = require('./index-97b63d4f.js');
-const PlayerProp = require('./PlayerProp-2d7ab524.js');
+const index = require('./index-5daeb782.js');
+const PlayerProp = require('./PlayerProp-7d76a8f8.js');
 const unit = require('./unit-5aab8b10.js');
-const PlayerDispatcher = require('./PlayerDispatcher-a7713b41.js');
-const PlayerContext = require('./PlayerContext-ea7681e4.js');
-require('./PlayerEvent-17f1304b.js');
+const PlayerDispatcher = require('./PlayerDispatcher-e426cb62.js');
+require('./PlayerContext-ada918ac.js');
+require('./PlayerEvent-dc9a83f6.js');
+require('./dom-457b352e.js');
 const ViewType = require('./ViewType-435b01ff.js');
-const MediaProvider = require('./MediaProvider-8ada06da.js');
-require('./dom-457b352e.js');
+const MediaType = require('./MediaType-abb6d107.js');
+const MediaProvider = require('./MediaProvider-9930798f.js');
 require('./support-0affec28.js');
-const network = require('./network-0b7a8899.js');
-const MediaType = require('./MediaType-abb6d107.js');
+const network = require('./network-b22af3c1.js');
+const promise = require('./promise-89aaba70.js');
 
@@ -144,4 +145,4 @@ /**
     this.cancelTimeUpdates();
-    this.pendingDurationFetch = PlayerContext.deferredPromise();
-    this.pendingMediaTitleFetch = PlayerContext.deferredPromise();
+    this.pendingDurationFetch = promise.deferredPromise();
+    this.pendingMediaTitleFetch = promise.deferredPromise();
     this.pendingPosterFetch = this.findPosterURL();
@@ -151,3 +152,3 @@ }
     this.dispatch = PlayerDispatcher.createPlayerDispatcher(this);
-    this.dispatch(PlayerProp.PlayerProp.ViewType, ViewType.ViewType.Video);
+    this.dispatch(PlayerProp.PlayerProp.viewType, ViewType.ViewType.Video);
     this.onVideoIdChange();
@@ -200,3 +201,3 @@ this.initialMuted = this.muted;
       const poster = `https://i.vimeocdn.com/video/${thumbnailId}_1920x1080.jpg`;
-      this.dispatch(PlayerProp.PlayerProp.CurrentPoster, poster);
+      this.dispatch(PlayerProp.PlayerProp.currentPoster, poster);
     });
@@ -207,9 +208,9 @@ }
       return;
-    this.dispatch(PlayerProp.PlayerProp.CurrentTime, time);
+    this.dispatch(PlayerProp.PlayerProp.currentTime, time);
     // This is how we detect `seeking` early.
     if (Math.abs(this.internalState.currentTime - time) > 1.5) {
       this.internalState.seeking = true;
-      this.dispatch(PlayerProp.PlayerProp.Seeking, true);
+      this.dispatch(PlayerProp.PlayerProp.seeking, true);
       if (this.internalState.playing && (this.internalState.buffered < time)) {
-        this.dispatch(PlayerProp.PlayerProp.Buffering, true);
+        this.dispatch(PlayerProp.PlayerProp.buffering, true);
       }
@@ -238,3 +239,3 @@ // Player doesn't resume playback once seeked.
       return;
-    this.dispatch(PlayerProp.PlayerProp.Seeking, false);
+    this.dispatch(PlayerProp.PlayerProp.seeking, false);
     this.internalState.seeking = false;
@@ -253,7 +254,7 @@ if (this.internalState.playRequest) {
       case VimeoCommand.GetDuration:
-        this.dispatch(PlayerProp.PlayerProp.Duration, arg);
+        this.dispatch(PlayerProp.PlayerProp.duration, arg);
         (_a = this.pendingDurationFetch) === null || _a === void 0 ? void 0 : _a.resolve();
         break;
       case VimeoCommand.GetVideoTitle:
-        this.dispatch(PlayerProp.PlayerProp.MediaTitle, arg);
+        this.dispatch(PlayerProp.PlayerProp.mediaTitle, arg);
         (_b = this.pendingMediaTitleFetch) === null || _b === void 0 ? void 0 : _b.resolve();
@@ -274,4 +275,4 @@ break;
         this.internalState = Object.assign({}, this.defaultInternalState);
-        this.dispatch(PlayerProp.PlayerProp.CurrentSrc, this.embedSrc);
-        this.dispatch(PlayerProp.PlayerProp.MediaType, MediaType.MediaType.Video);
+        this.dispatch(PlayerProp.PlayerProp.currentSrc, this.embedSrc);
+        this.dispatch(PlayerProp.PlayerProp.mediaType, MediaType.MediaType.Video);
         this.remoteControl(VimeoCommand.GetDuration);
@@ -285,3 +286,3 @@ this.remoteControl(VimeoCommand.GetVideoTitle);
           this.requestTimeUpdates();
-          this.dispatch(PlayerProp.PlayerProp.PlaybackReady, true);
+          this.dispatch(PlayerProp.PlayerProp.playbackReady, true);
         });
@@ -291,7 +292,7 @@ break;
         this.internalState.paused = false;
-        this.dispatch(PlayerProp.PlayerProp.Paused, false);
+        this.dispatch(PlayerProp.PlayerProp.paused, false);
         break;
       case VimeoDataEvent.PlayProgress:
         if (!this.internalState.playing) {
-          this.dispatch(PlayerProp.PlayerProp.Playing, true);
+          this.dispatch(PlayerProp.PlayerProp.playing, true);
           this.internalState.playing = true;
@@ -304,3 +305,3 @@ this.internalState.playbackStarted = true;
         }
-        this.dispatch(PlayerProp.PlayerProp.Buffering, false);
+        this.dispatch(PlayerProp.PlayerProp.buffering, false);
         this.onSeeked();
@@ -311,20 +312,20 @@ break;
         this.internalState.playing = false;
-        this.dispatch(PlayerProp.PlayerProp.Paused, true);
-        this.dispatch(PlayerProp.PlayerProp.Buffering, false);
+        this.dispatch(PlayerProp.PlayerProp.paused, true);
+        this.dispatch(PlayerProp.PlayerProp.buffering, false);
         break;
       case VimeoDataEvent.LoadProgress:
         this.internalState.buffered = payload.seconds;
-        this.dispatch(PlayerProp.PlayerProp.Buffered, payload.seconds);
+        this.dispatch(PlayerProp.PlayerProp.buffered, payload.seconds);
         break;
       case VimeoDataEvent.BufferStart:
-        this.dispatch(PlayerProp.PlayerProp.Buffering, true);
+        this.dispatch(PlayerProp.PlayerProp.buffering, true);
         // Attempt to detect `play` events early.
         if (this.internalState.paused) {
           this.internalState.paused = false;
-          this.dispatch(PlayerProp.PlayerProp.Paused, false);
-          this.dispatch(PlayerProp.PlayerProp.PlaybackStarted, true);
+          this.dispatch(PlayerProp.PlayerProp.paused, false);
+          this.dispatch(PlayerProp.PlayerProp.playbackStarted, true);
         }
         break;
       case VimeoDataEvent.BufferEnd:
-        this.dispatch(PlayerProp.PlayerProp.Buffering, false);
+        this.dispatch(PlayerProp.PlayerProp.buffering, false);
         if (this.internalState.paused)
@@ -336,17 +337,17 @@ this.onSeeked();
           this.volume = payload.volume;
-          this.dispatch(PlayerProp.PlayerProp.Muted, false);
-          this.dispatch(PlayerProp.PlayerProp.Volume, Math.floor(this.volume * 100));
+          this.dispatch(PlayerProp.PlayerProp.muted, false);
+          this.dispatch(PlayerProp.PlayerProp.volume, Math.floor(this.volume * 100));
         }
         else {
-          this.dispatch(PlayerProp.PlayerProp.Muted, true);
+          this.dispatch(PlayerProp.PlayerProp.muted, true);
         }
         break;
       case VimeoDataEvent.DurationChange:
-        this.dispatch(PlayerProp.PlayerProp.Duration, payload.duration);
+        this.dispatch(PlayerProp.PlayerProp.duration, payload.duration);
         break;
       case VimeoDataEvent.PlaybackRateChange:
-        this.dispatch(PlayerProp.PlayerProp.PlaybackRate, payload.playbackRate);
+        this.dispatch(PlayerProp.PlayerProp.playbackRate, payload.playbackRate);
         break;
       case VimeoDataEvent.FullscreenChange:
-        this.dispatch(PlayerProp.PlayerProp.IsFullscreenActive, payload.fullscreen);
+        this.dispatch(PlayerProp.PlayerProp.isFullscreenActive, payload.fullscreen);
         break;
@@ -361,7 +362,7 @@ case VimeoDataEvent.Finish:
         else {
-          this.dispatch(PlayerProp.PlayerProp.PlaybackEnded, true);
+          this.dispatch(PlayerProp.PlayerProp.playbackEnded, true);
         }
         break;
       case VimeoDataEvent.Error:
-        this.dispatch(PlayerProp.PlayerProp.Errors, [new Error(payload)]);
+        this.dispatch(PlayerProp.PlayerProp.errors, [new Error(payload)]);
         break;
@@ -405,3 +406,3 @@ }
         else {
-          this.dispatch(PlayerProp.PlayerProp.Volume, volume);
+          this.dispatch(PlayerProp.PlayerProp.volume, volume);
         }
@@ -408,0 +409,0 @@ },

dist/cjs/vime-youtube.cjs.entry.js

@@ -5,14 +5,14 @@ 'use strict';
 
-const index = require('./index-97b63d4f.js');
-const PlayerProp = require('./PlayerProp-2d7ab524.js');
+const index = require('./index-5daeb782.js');
+const PlayerProp = require('./PlayerProp-7d76a8f8.js');
 const unit = require('./unit-5aab8b10.js');
-const PlayerDispatcher = require('./PlayerDispatcher-a7713b41.js');
-require('./PlayerContext-ea7681e4.js');
-require('./PlayerEvent-17f1304b.js');
+const PlayerDispatcher = require('./PlayerDispatcher-e426cb62.js');
+require('./PlayerContext-ada918ac.js');
+require('./PlayerEvent-dc9a83f6.js');
+require('./dom-457b352e.js');
 const ViewType = require('./ViewType-435b01ff.js');
-const MediaProvider = require('./MediaProvider-8ada06da.js');
-require('./dom-457b352e.js');
+const MediaType = require('./MediaType-abb6d107.js');
+const MediaProvider = require('./MediaProvider-9930798f.js');
 require('./support-0affec28.js');
-const network = require('./network-0b7a8899.js');
-const MediaType = require('./MediaType-abb6d107.js');
+const network = require('./network-b22af3c1.js');
 
@@ -143,3 +143,3 @@ /**
     this.dispatch = PlayerDispatcher.createPlayerDispatcher(this);
-    this.dispatch(PlayerProp.PlayerProp.ViewType, ViewType.ViewType.Video);
+    this.dispatch(PlayerProp.PlayerProp.viewType, ViewType.ViewType.Video);
     this.onVideoIdChange();
@@ -226,3 +226,3 @@ this.initialMuted = this.muted;
       .catch(() => network.loadImage(posterURL('hqdefault'), 121)) // 480p (padded 4:3)
-      .then((img) => { this.dispatch(PlayerProp.PlayerProp.CurrentPoster, img.src); });
+      .then((img) => { this.dispatch(PlayerProp.PlayerProp.currentPoster, img.src); });
   }
@@ -234,9 +234,9 @@ onPlayerStateChange(state) {
     const isBuffering = (state === YouTubePlayerState.Buffering);
-    this.dispatch(PlayerProp.PlayerProp.Buffering, isBuffering);
+    this.dispatch(PlayerProp.PlayerProp.buffering, isBuffering);
     // Attempt to detect `play` events early.
     if (this.internalState.paused && (isBuffering || isPlaying)) {
       this.internalState.paused = false;
-      this.dispatch(PlayerProp.PlayerProp.Paused, false);
+      this.dispatch(PlayerProp.PlayerProp.paused, false);
       if (!this.internalState.playbackStarted) {
-        this.dispatch(PlayerProp.PlayerProp.PlaybackStarted, true);
+        this.dispatch(PlayerProp.PlayerProp.playbackStarted, true);
         this.internalState.playbackStarted = true;
@@ -248,6 +248,6 @@ }
         this.internalState = Object.assign({}, this.defaultInternalState);
-        this.dispatch(PlayerProp.PlayerProp.CurrentSrc, this.embedSrc);
-        this.dispatch(PlayerProp.PlayerProp.MediaType, MediaType.MediaType.Video);
+        this.dispatch(PlayerProp.PlayerProp.currentSrc, this.embedSrc);
+        this.dispatch(PlayerProp.PlayerProp.mediaType, MediaType.MediaType.Video);
         this.pendingPosterFetch.then(() => {
-          this.dispatch(PlayerProp.PlayerProp.PlaybackReady, true);
+          this.dispatch(PlayerProp.PlayerProp.playbackReady, true);
           this.pendingPosterFetch = undefined;
@@ -257,7 +257,7 @@ });
       case YouTubePlayerState.Playing:
-        this.dispatch(PlayerProp.PlayerProp.Playing, true);
+        this.dispatch(PlayerProp.PlayerProp.playing, true);
         break;
       case YouTubePlayerState.Paused:
         this.internalState.paused = true;
-        this.dispatch(PlayerProp.PlayerProp.Paused, true);
+        this.dispatch(PlayerProp.PlayerProp.paused, true);
         break;
@@ -269,3 +269,3 @@ case YouTubePlayerState.Ended:
         else {
-          this.dispatch(PlayerProp.PlayerProp.PlaybackEnded, true);
+          this.dispatch(PlayerProp.PlayerProp.playbackEnded, true);
         }
@@ -287,7 +287,7 @@ break;
     const currentTime = this.calcCurrentTime(time);
-    this.dispatch(PlayerProp.PlayerProp.CurrentTime, currentTime);
+    this.dispatch(PlayerProp.PlayerProp.currentTime, currentTime);
     // This is the only way to detect `seeking`.
     if (Math.abs(this.internalState.currentTime - currentTime) > 1.5) {
       this.internalState.seeking = true;
-      this.dispatch(PlayerProp.PlayerProp.Seeking, true);
+      this.dispatch(PlayerProp.PlayerProp.seeking, true);
     }
@@ -297,3 +297,3 @@ this.internalState.currentTime = currentTime;
   onBufferedChange(buffered) {
-    this.dispatch(PlayerProp.PlayerProp.Buffered, buffered);
+    this.dispatch(PlayerProp.PlayerProp.buffered, buffered);
     /**
@@ -307,3 +307,3 @@ * This is the only way to detect `seeked`. Unfortunately while the player is `paused` `seeking`
         this.internalState.seeking = false;
-        this.dispatch(PlayerProp.PlayerProp.Seeking, false);
+        this.dispatch(PlayerProp.PlayerProp.seeking, false);
       }, this.internalState.paused ? 100 : 0);
@@ -318,13 +318,13 @@ }
     if (unit.isObject(info.videoData))
-      this.dispatch(PlayerProp.PlayerProp.MediaTitle, info.videoData.title);
+      this.dispatch(PlayerProp.PlayerProp.mediaTitle, info.videoData.title);
     if (unit.isNumber(info.duration)) {
       this.internalState.duration = info.duration;
-      this.dispatch(PlayerProp.PlayerProp.Duration, info.duration);
+      this.dispatch(PlayerProp.PlayerProp.duration, info.duration);
     }
     if (unit.isArray(info.availablePlaybackRates)) {
-      this.dispatch(PlayerProp.PlayerProp.PlaybackRates, info.availablePlaybackRates);
+      this.dispatch(PlayerProp.PlayerProp.playbackRates, info.availablePlaybackRates);
     }
     if (unit.isNumber(info.playbackRate)) {
       this.internalState.playbackRate = info.playbackRate;
-      this.dispatch(PlayerProp.PlayerProp.PlaybackRate, info.playbackRate);
+      this.dispatch(PlayerProp.PlayerProp.playbackRate, info.playbackRate);
     }
@@ -340,10 +340,10 @@ if (unit.isNumber(info.currentTime))
     if (unit.isNumber(info.volume))
-      this.dispatch(PlayerProp.PlayerProp.Volume, info.volume);
+      this.dispatch(PlayerProp.PlayerProp.volume, info.volume);
     if (unit.isBoolean(info.muted))
-      this.dispatch(PlayerProp.PlayerProp.Muted, info.muted);
+      this.dispatch(PlayerProp.PlayerProp.muted, info.muted);
     if (unit.isArray(info.availableQualityLevels)) {
-      this.dispatch(PlayerProp.PlayerProp.PlaybackQualities, info.availableQualityLevels.map((q) => mapYouTubePlaybackQuality(q)));
+      this.dispatch(PlayerProp.PlayerProp.playbackQualities, info.availableQualityLevels.map((q) => mapYouTubePlaybackQuality(q)));
     }
     if (unit.isString(info.playbackQuality)) {
-      this.dispatch(PlayerProp.PlayerProp.PlaybackQuality, mapYouTubePlaybackQuality(info.playbackQuality));
+      this.dispatch(PlayerProp.PlayerProp.playbackQuality, mapYouTubePlaybackQuality(info.playbackQuality));
     }
@@ -350,0 +350,0 @@ if (unit.isNumber(info.playerState))

dist/cjs/vime.cjs.js

 'use strict';
 
-const index = require('./index-97b63d4f.js');
+const index = require('./index-5daeb782.js');
 
 /*
- Stencil Client Patch Browser v2.0.0-5 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.0.0-6 | MIT Licensed | https://stenciljs.com
  */
@@ -18,3 +18,3 @@ const patchBrowser = () => {
 patchBrowser().then(options => {
-  return index.bootstrapLazy(JSON.parse("[[\"vime-default-ui.cjs\",[[4,\"vime-default-ui\",{\"noIcons\":[4,\"no-icons\"],\"noClickToPlay\":[4,\"no-click-to-play\"],\"noCaptions\":[4,\"no-captions\"],\"noPoster\":[4,\"no-poster\"],\"noSpinner\":[4,\"no-spinner\"],\"noControls\":[4,\"no-controls\"],\"noSettings\":[4,\"no-settings\"]}]]],[\"vime-dash.cjs\",[[0,\"vime-dash\",{\"src\":[1],\"version\":[1],\"config\":[16],\"autoplay\":[4],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]}]]],[\"vime-hls.cjs\",[[4,\"vime-hls\",{\"version\":[1],\"config\":[8],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]}]]],[\"vime-audio.cjs\",[[4,\"vime-audio\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}]]],[\"vime-embed.cjs\",[[0,\"vime-embed\",{\"embedSrc\":[1,\"embed-src\"],\"mediaTitle\":[1,\"media-title\"],\"params\":[1],\"origin\":[1],\"preconnections\":[16],\"decoder\":[16],\"srcWithParams\":[32],\"hasEnteredViewport\":[32],\"postMessage\":[64]},[[8,\"message\",\"onWindowMessage\"]]]]],[\"vime-dailymotion.cjs\",[[0,\"vime-dailymotion\",{\"videoId\":[1,\"video-id\"],\"shouldAutoplayQueue\":[4,\"should-autoplay-queue\"],\"showUpNextQueue\":[4,\"show-up-next-queue\"],\"showShareButtons\":[4,\"show-share-buttons\"],\"color\":[1],\"syndication\":[1],\"showDailymotionLogo\":[4,\"show-dailymotion-logo\"],\"showVideoInfo\":[4,\"show-video-info\"],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}]]],[\"vime-vimeo.cjs\",[[0,\"vime-vimeo\",{\"videoId\":[1,\"video-id\"],\"byline\":[4],\"color\":[1],\"portrait\":[4],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}]]],[\"vime-youtube.cjs\",[[0,\"vime-youtube\",{\"cookies\":[4],\"videoId\":[1,\"video-id\"],\"showFullscreenControl\":[4,\"show-fullscreen-control\"],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}]]],[\"vime-faketube.cjs\",[[0,\"vime-faketube\",{\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"getAdapter\":[64],\"dispatchLoadStart\":[64],\"dispatchStateChange\":[64]}]]],[\"vime-player.cjs\",[[4,\"vime-player\",{\"paused\":[1028],\"playing\":[1028],\"duration\":[1026],\"mediaTitle\":[1025,\"media-title\"],\"currentSrc\":[1025,\"current-src\"],\"currentPoster\":[1025,\"current-poster\"],\"currentTime\":[1026,\"current-time\"],\"autoplay\":[4],\"ready\":[1540],\"playbackReady\":[1028,\"playback-ready\"],\"loop\":[4],\"muted\":[1028],\"buffered\":[1026],\"playbackRate\":[1026,\"playback-rate\"],\"playbackRates\":[1040],\"playbackQuality\":[1025,\"playback-quality\"],\"playbackQualities\":[1040],\"seeking\":[1028],\"debug\":[4],\"playbackStarted\":[1028,\"playback-started\"],\"playbackEnded\":[1028,\"playback-ended\"],\"buffering\":[1028],\"controls\":[4],\"isControlsActive\":[4,\"is-controls-active\"],\"errors\":[1040],\"textTracks\":[1040],\"currentCaption\":[1040],\"isCaptionsActive\":[1028,\"is-captions-active\"],\"isSettingsActive\":[1028,\"is-settings-active\"],\"volume\":[1026],\"isFullscreenActive\":[1028,\"is-fullscreen-active\"],\"aspectRatio\":[1025,\"aspect-ratio\"],\"viewType\":[1025,\"view-type\"],\"isAudioView\":[1028,\"is-audio-view\"],\"isVideoView\":[1028,\"is-video-view\"],\"mediaType\":[1025,\"media-type\"],\"isAudio\":[1028,\"is-audio\"],\"isVideo\":[1028,\"is-video\"],\"isLive\":[1028,\"is-live\"],\"isMobile\":[1028,\"is-mobile\"],\"isTouch\":[1028,\"is-touch\"],\"isPiPActive\":[1028,\"is-pi-p-active\"],\"autopause\":[4],\"playsinline\":[4],\"language\":[1025],\"translations\":[1040],\"languages\":[1040],\"i18n\":[1040],\"noSkeleton\":[4,\"no-skeleton\"],\"getProvider\":[64],\"getAdapter\":[64],\"play\":[64],\"pause\":[64],\"canPlay\":[64],\"canAutoplay\":[64],\"canMutedAutoplay\":[64],\"canSetPlaybackRate\":[64],\"canSetPlaybackQuality\":[64],\"canSetFullscreen\":[64],\"enterFullscreen\":[64],\"exitFullscreen\":[64],\"canSetPiP\":[64],\"enterPiP\":[64],\"exitPiP\":[64],\"extendLanguage\":[64],\"callAdapter\":[64],\"toggleCaptionsVisiblity\":[64]},[[0,\"vLoadStart\",\"onMediaChange\"],[0,\"vStateChange\",\"onStateChange\"]]]]],[\"vime-file.cjs\",[[4,\"vime-file\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"mediaTitle\":[1,\"media-title\"],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"viewType\":[1,\"view-type\"],\"playbackRates\":[16],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"getAdapter\":[64]}]]],[\"vime-video.cjs\",[[4,\"vime-video\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}]]],[\"vime-slider.cjs\",[[0,\"vime-slider\",{\"step\":[2],\"min\":[2],\"max\":[2],\"value\":[2],\"valueText\":[1,\"value-text\"],\"label\":[1]}]]],[\"vime-time.cjs\",[[0,\"vime-time\",{\"label\":[1],\"seconds\":[2],\"alwaysShowHours\":[4,\"always-show-hours\"]}]]],[\"vime-control_3.cjs\",[[4,\"vime-control\",{\"keys\":[1],\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"pressed\":[4],\"scale\":[2],\"isTouch\":[4,\"is-touch\"],\"describedBy\":[32],\"showTapHighlight\":[32]}],[4,\"vime-tooltip\",{\"hidden\":[4],\"active\":[4],\"position\":[1],\"direction\":[1],\"isTouch\":[4,\"is-touch\"]}],[4,\"vime-icon\",{\"href\":[1],\"color\":[1],\"scale\":[2],\"opacity\":[2]}]]],[\"vime-menu_2.cjs\",[[0,\"vime-menu-item\",{\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"checked\":[4],\"hint\":[1],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"],\"isTouch\":[4,\"is-touch\"],\"showTapHighlight\":[32]}],[4,\"vime-menu\",{\"active\":[1540],\"identifier\":[1],\"controller\":[1],\"menuItems\":[32],\"currFocusedMenuItem\":[32],\"getController\":[64],\"getFocusedMenuItem\":[64],\"focusOnOpen\":[64]},[[0,\"vOpen\",\"onSubmenuOpen\"],[0,\"vClose\",\"onSubmenuClose\"],[8,\"click\",\"onWindowClick\"],[8,\"keydown\",\"onWindowKeyDown\"]]]]],[\"vime-menu-radio_4.cjs\",[[4,\"vime-submenu\",{\"label\":[1],\"hidden\":[4],\"hint\":[1],\"active\":[1540]}],[0,\"vime-menu-radio\",{\"label\":[1],\"value\":[1],\"checked\":[1028],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"]}],[4,\"vime-settings\",{\"controlsHeight\":[2,\"controls-height\"],\"active\":[1540],\"isMobile\":[4,\"is-mobile\"],\"isAudioView\":[4,\"is-audio-view\"],\"controllerId\":[32],\"setController\":[64]}],[4,\"vime-menu-radio-group\",{\"value\":[1025]},[[0,\"vCheck\",\"onSelectionChange\"]]]]],[\"vime-caption-control_16.cjs\",[[0,\"vime-volume-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"muteKeys\":[1,\"mute-keys\"],\"noKeyboard\":[4,\"no-keyboard\"],\"muted\":[4],\"volume\":[2],\"isMobile\":[4,\"is-mobile\"],\"i18n\":[16],\"currentVolume\":[32],\"isSliderActive\":[32]}],[0,\"vime-caption-control\",{\"showIcon\":[1,\"show-icon\"],\"hideIcon\":[1,\"hide-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"currentCaption\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"i18n\":[16]}],[0,\"vime-fullscreen-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"isFullscreenActive\":[4,\"is-fullscreen-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetFullscreen\":[32]}],[0,\"vime-pip-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"scale\":[2],\"isPiPActive\":[4,\"is-pi-p-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetPiP\":[32]}],[0,\"vime-playback-control\",{\"playIcon\":[1,\"play-icon\"],\"pauseIcon\":[1,\"pause-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"paused\":[4],\"i18n\":[16]}],[0,\"vime-settings-control\",{\"icon\":[1],\"tooltipDirection\":[1,\"tooltip-direction\"],\"menu\":[1],\"expanded\":[4],\"i18n\":[16]}],[0,\"vime-time-progress\",{\"separator\":[1],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-scrubber-control\",{\"alwaysShowHours\":[4,\"always-show-hours\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"currentTime\":[2,\"current-time\"],\"duration\":[2],\"noKeyboard\":[4,\"no-keyboard\"],\"buffering\":[4],\"buffered\":[2],\"i18n\":[16],\"timestamp\":[32],\"endTime\":[32]}],[4,\"vime-control-group\",{\"space\":[1]}],[0,\"vime-control-spacer\"],[4,\"vime-controls\",{\"hidden\":[4],\"fullWidth\":[4,\"full-width\"],\"fullHeight\":[4,\"full-height\"],\"direction\":[1],\"align\":[1],\"justify\":[1],\"pin\":[513],\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"isAudioView\":[4,\"is-audio-view\"],\"isSettingsActive\":[4,\"is-settings-active\"],\"playbackReady\":[4,\"playback-ready\"],\"isControlsActive\":[4,\"is-controls-active\"],\"paused\":[4],\"playbackStarted\":[4,\"playback-started\"],\"isInteracting\":[32]}],[0,\"vime-live-indicator\",{\"isLive\":[4,\"is-live\"],\"i18n\":[16]}],[0,\"vime-scrim\",{\"gradient\":[1],\"isVideoView\":[4,\"is-video-view\"],\"isControlsActive\":[4,\"is-controls-active\"]}],[0,\"vime-mute-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"volume\":[2],\"muted\":[4],\"i18n\":[16]}],[0,\"vime-current-time\",{\"currentTime\":[2,\"current-time\"],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-end-time\",{\"duration\":[2],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}]]],[\"vime-captions_8.cjs\",[[0,\"vime-default-controls\",{\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"isMobile\":[4,\"is-mobile\"],\"isLive\":[4,\"is-live\"],\"isAudioView\":[4,\"is-audio-view\"],\"isVideoView\":[4,\"is-video-view\"]}],[4,\"vime-default-settings\",{\"i18n\":[16],\"playbackRate\":[2,\"playback-rate\"],\"playbackRates\":[16],\"playbackQuality\":[1,\"playback-quality\"],\"playbackQualities\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"currentCaption\":[16],\"textTracks\":[16]}],[0,\"vime-captions\",{\"hidden\":[4],\"controlsHeight\":[2,\"controls-height\"],\"isControlsActive\":[4,\"is-controls-active\"],\"isVideoView\":[4,\"is-video-view\"],\"playbackStarted\":[4,\"playback-started\"],\"textTracks\":[16],\"isEnabled\":[32],\"activeTrack\":[32],\"activeCues\":[32]}],[0,\"vime-click-to-play\",{\"useOnMobile\":[4,\"use-on-mobile\"],\"paused\":[4],\"isVideoView\":[4,\"is-video-view\"]}],[0,\"vime-icons\",{\"href\":[1]}],[0,\"vime-poster\",{\"fit\":[1],\"isVideoView\":[4,\"is-video-view\"],\"currentPoster\":[1,\"current-poster\"],\"mediaTitle\":[1,\"media-title\"],\"playbackStarted\":[4,\"playback-started\"],\"isHidden\":[32],\"isActive\":[32],\"hasLoaded\":[32]}],[0,\"vime-spinner\",{\"isVideoView\":[4,\"is-video-view\"],\"buffering\":[4],\"isHidden\":[32],\"isActive\":[32]}],[4,\"vime-ui\",{\"isVideoView\":[4,\"is-video-view\"],\"playsinline\":[4],\"isFullscreenActive\":[4,\"is-fullscreen-active\"]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"vime-default-ui.cjs\",[[4,\"vime-default-ui\",{\"noIcons\":[4,\"no-icons\"],\"noClickToPlay\":[4,\"no-click-to-play\"],\"noCaptions\":[4,\"no-captions\"],\"noPoster\":[4,\"no-poster\"],\"noSpinner\":[4,\"no-spinner\"],\"noControls\":[4,\"no-controls\"],\"noSettings\":[4,\"no-settings\"]}]]],[\"vime-dash.cjs\",[[0,\"vime-dash\",{\"src\":[1],\"version\":[1],\"config\":[16],\"autoplay\":[4],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]}]]],[\"vime-hls.cjs\",[[4,\"vime-hls\",{\"version\":[1],\"config\":[8],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]}]]],[\"vime-audio.cjs\",[[4,\"vime-audio\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}]]],[\"vime-embed.cjs\",[[0,\"vime-embed\",{\"embedSrc\":[1,\"embed-src\"],\"mediaTitle\":[1,\"media-title\"],\"params\":[1],\"origin\":[1],\"preconnections\":[16],\"decoder\":[16],\"srcWithParams\":[32],\"hasEnteredViewport\":[32],\"postMessage\":[64]},[[8,\"message\",\"onWindowMessage\"]]]]],[\"vime-dailymotion.cjs\",[[0,\"vime-dailymotion\",{\"videoId\":[1,\"video-id\"],\"shouldAutoplayQueue\":[4,\"should-autoplay-queue\"],\"showUpNextQueue\":[4,\"show-up-next-queue\"],\"showShareButtons\":[4,\"show-share-buttons\"],\"color\":[1],\"syndication\":[1],\"showDailymotionLogo\":[4,\"show-dailymotion-logo\"],\"showVideoInfo\":[4,\"show-video-info\"],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}]]],[\"vime-vimeo.cjs\",[[0,\"vime-vimeo\",{\"videoId\":[1,\"video-id\"],\"byline\":[4],\"color\":[1],\"portrait\":[4],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}]]],[\"vime-youtube.cjs\",[[0,\"vime-youtube\",{\"cookies\":[4],\"videoId\":[1,\"video-id\"],\"showFullscreenControl\":[4,\"show-fullscreen-control\"],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}]]],[\"vime-faketube.cjs\",[[0,\"vime-faketube\",{\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"getAdapter\":[64],\"dispatchLoadStart\":[64],\"dispatchStateChange\":[64]}]]],[\"vime-player.cjs\",[[4,\"vime-player\",{\"theme\":[1],\"paused\":[1028],\"playing\":[1028],\"duration\":[1026],\"mediaTitle\":[1025,\"media-title\"],\"currentSrc\":[1025,\"current-src\"],\"currentPoster\":[1025,\"current-poster\"],\"currentTime\":[1026,\"current-time\"],\"autoplay\":[4],\"ready\":[1540],\"mounted\":[1028],\"destroyed\":[1028],\"playbackReady\":[1028,\"playback-ready\"],\"loop\":[4],\"muted\":[1028],\"buffered\":[1026],\"playbackRate\":[1026,\"playback-rate\"],\"playbackRates\":[1040],\"playbackQuality\":[1025,\"playback-quality\"],\"playbackQualities\":[1040],\"seeking\":[1028],\"debug\":[4],\"playbackStarted\":[1028,\"playback-started\"],\"playbackEnded\":[1028,\"playback-ended\"],\"buffering\":[1028],\"controls\":[4],\"isControlsActive\":[4,\"is-controls-active\"],\"errors\":[1040],\"textTracks\":[1040],\"currentCaption\":[1040],\"isCaptionsActive\":[1028,\"is-captions-active\"],\"isSettingsActive\":[1028,\"is-settings-active\"],\"volume\":[1026],\"isFullscreenActive\":[1028,\"is-fullscreen-active\"],\"aspectRatio\":[1025,\"aspect-ratio\"],\"viewType\":[1025,\"view-type\"],\"isAudioView\":[1028,\"is-audio-view\"],\"isVideoView\":[1028,\"is-video-view\"],\"mediaType\":[1025,\"media-type\"],\"isAudio\":[1028,\"is-audio\"],\"isVideo\":[1028,\"is-video\"],\"isLive\":[1028,\"is-live\"],\"isMobile\":[1028,\"is-mobile\"],\"isTouch\":[1028,\"is-touch\"],\"isPiPActive\":[1028,\"is-pi-p-active\"],\"autopause\":[4],\"playsinline\":[4],\"language\":[1025],\"translations\":[1040],\"languages\":[1040],\"i18n\":[1040],\"noSkeleton\":[4,\"no-skeleton\"],\"getProvider\":[64],\"getAdapter\":[64],\"play\":[64],\"pause\":[64],\"canPlay\":[64],\"canAutoplay\":[64],\"canMutedAutoplay\":[64],\"canSetPlaybackRate\":[64],\"canSetPlaybackQuality\":[64],\"canSetFullscreen\":[64],\"enterFullscreen\":[64],\"exitFullscreen\":[64],\"canSetPiP\":[64],\"enterPiP\":[64],\"exitPiP\":[64],\"extendLanguage\":[64],\"callAdapter\":[64],\"toggleCaptionsVisiblity\":[64]},[[0,\"vLoadStart\",\"onMediaChange\"],[0,\"vStateChange\",\"onStateChange\"]]]]],[\"vime-file.cjs\",[[4,\"vime-file\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"mediaTitle\":[1,\"media-title\"],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"viewType\":[1,\"view-type\"],\"playbackRates\":[16],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"getAdapter\":[64]}]]],[\"vime-video.cjs\",[[4,\"vime-video\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}]]],[\"vime-slider.cjs\",[[0,\"vime-slider\",{\"step\":[2],\"min\":[2],\"max\":[2],\"value\":[2],\"valueText\":[1,\"value-text\"],\"label\":[1]}]]],[\"vime-time.cjs\",[[0,\"vime-time\",{\"label\":[1],\"seconds\":[2],\"alwaysShowHours\":[4,\"always-show-hours\"]}]]],[\"vime-control_3.cjs\",[[4,\"vime-control\",{\"keys\":[1],\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"pressed\":[4],\"scale\":[2],\"isTouch\":[4,\"is-touch\"],\"describedBy\":[32],\"showTapHighlight\":[32]}],[4,\"vime-tooltip\",{\"hidden\":[4],\"active\":[4],\"position\":[1],\"direction\":[1],\"isTouch\":[4,\"is-touch\"]}],[4,\"vime-icon\",{\"href\":[1],\"color\":[1],\"scale\":[2],\"opacity\":[2]}]]],[\"vime-menu_2.cjs\",[[0,\"vime-menu-item\",{\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"checked\":[4],\"hint\":[1],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"],\"isTouch\":[4,\"is-touch\"],\"showTapHighlight\":[32]}],[4,\"vime-menu\",{\"active\":[1540],\"identifier\":[1],\"controller\":[1],\"menuItems\":[32],\"currFocusedMenuItem\":[32],\"getController\":[64],\"getFocusedMenuItem\":[64],\"focusOnOpen\":[64]},[[0,\"vOpen\",\"onSubmenuOpen\"],[0,\"vClose\",\"onSubmenuClose\"],[8,\"click\",\"onWindowClick\"],[8,\"keydown\",\"onWindowKeyDown\"]]]]],[\"vime-menu-radio_4.cjs\",[[4,\"vime-submenu\",{\"label\":[1],\"hidden\":[4],\"hint\":[1],\"active\":[1540]}],[0,\"vime-menu-radio\",{\"label\":[1],\"value\":[1],\"checked\":[1028],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"]}],[4,\"vime-settings\",{\"controlsHeight\":[2,\"controls-height\"],\"active\":[1540],\"isMobile\":[4,\"is-mobile\"],\"isAudioView\":[4,\"is-audio-view\"],\"controllerId\":[32],\"setController\":[64]}],[4,\"vime-menu-radio-group\",{\"value\":[1025]},[[0,\"vCheck\",\"onSelectionChange\"]]]]],[\"vime-caption-control_16.cjs\",[[0,\"vime-volume-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"muteKeys\":[1,\"mute-keys\"],\"noKeyboard\":[4,\"no-keyboard\"],\"muted\":[4],\"volume\":[2],\"isMobile\":[4,\"is-mobile\"],\"i18n\":[16],\"currentVolume\":[32],\"isSliderActive\":[32]}],[0,\"vime-caption-control\",{\"showIcon\":[1,\"show-icon\"],\"hideIcon\":[1,\"hide-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"currentCaption\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"i18n\":[16]}],[0,\"vime-fullscreen-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"isFullscreenActive\":[4,\"is-fullscreen-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetFullscreen\":[32]}],[0,\"vime-pip-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"scale\":[2],\"isPiPActive\":[4,\"is-pi-p-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetPiP\":[32]}],[0,\"vime-playback-control\",{\"playIcon\":[1,\"play-icon\"],\"pauseIcon\":[1,\"pause-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"paused\":[4],\"i18n\":[16]}],[0,\"vime-settings-control\",{\"icon\":[1],\"tooltipDirection\":[1,\"tooltip-direction\"],\"menu\":[1],\"expanded\":[4],\"i18n\":[16]}],[0,\"vime-time-progress\",{\"separator\":[1],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-scrubber-control\",{\"alwaysShowHours\":[4,\"always-show-hours\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"currentTime\":[2,\"current-time\"],\"duration\":[2],\"noKeyboard\":[4,\"no-keyboard\"],\"buffering\":[4],\"buffered\":[2],\"i18n\":[16],\"timestamp\":[32],\"endTime\":[32]}],[4,\"vime-control-group\",{\"space\":[1]}],[0,\"vime-control-spacer\"],[4,\"vime-controls\",{\"hidden\":[4],\"fullWidth\":[4,\"full-width\"],\"fullHeight\":[4,\"full-height\"],\"direction\":[1],\"align\":[1],\"justify\":[1],\"pin\":[513],\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"isAudioView\":[4,\"is-audio-view\"],\"isSettingsActive\":[4,\"is-settings-active\"],\"playbackReady\":[4,\"playback-ready\"],\"isControlsActive\":[4,\"is-controls-active\"],\"paused\":[4],\"playbackStarted\":[4,\"playback-started\"],\"isInteracting\":[32]}],[0,\"vime-live-indicator\",{\"isLive\":[4,\"is-live\"],\"i18n\":[16]}],[0,\"vime-scrim\",{\"gradient\":[1],\"isVideoView\":[4,\"is-video-view\"],\"isControlsActive\":[4,\"is-controls-active\"]}],[0,\"vime-mute-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"volume\":[2],\"muted\":[4],\"i18n\":[16]}],[0,\"vime-current-time\",{\"currentTime\":[2,\"current-time\"],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-end-time\",{\"duration\":[2],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}]]],[\"vime-captions_8.cjs\",[[0,\"vime-default-controls\",{\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"isMobile\":[4,\"is-mobile\"],\"isLive\":[4,\"is-live\"],\"isAudioView\":[4,\"is-audio-view\"],\"isVideoView\":[4,\"is-video-view\"]}],[4,\"vime-default-settings\",{\"i18n\":[16],\"playbackRate\":[2,\"playback-rate\"],\"playbackRates\":[16],\"playbackQuality\":[1,\"playback-quality\"],\"playbackQualities\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"currentCaption\":[16],\"textTracks\":[16]}],[0,\"vime-captions\",{\"hidden\":[4],\"controlsHeight\":[2,\"controls-height\"],\"isControlsActive\":[4,\"is-controls-active\"],\"isVideoView\":[4,\"is-video-view\"],\"playbackStarted\":[4,\"playback-started\"],\"textTracks\":[16],\"isEnabled\":[32],\"activeTrack\":[32],\"activeCues\":[32]}],[0,\"vime-click-to-play\",{\"useOnMobile\":[4,\"use-on-mobile\"],\"paused\":[4],\"isVideoView\":[4,\"is-video-view\"]}],[0,\"vime-icons\",{\"href\":[1]}],[0,\"vime-poster\",{\"fit\":[1],\"isVideoView\":[4,\"is-video-view\"],\"currentPoster\":[1,\"current-poster\"],\"mediaTitle\":[1,\"media-title\"],\"playbackStarted\":[4,\"playback-started\"],\"isHidden\":[32],\"isActive\":[32],\"hasLoaded\":[32]}],[0,\"vime-spinner\",{\"isVideoView\":[4,\"is-video-view\"],\"buffering\":[4],\"isHidden\":[32],\"isActive\":[32]}],[4,\"vime-ui\",{\"isVideoView\":[4,\"is-video-view\"],\"playsinline\":[4],\"isFullscreenActive\":[4,\"is-fullscreen-active\"]}]]]]"), options);
 });

dist/collection/collection-manifest.json

@@ -53,3 +53,3 @@ {
     "name": "@stencil/core",
-    "version": "2.0.0-5",
+    "version": "2.0.0-6",
     "typescriptVersion": "4.0.2"
@@ -56,0 +56,0 @@ },

dist/collection/components/core/player/PlayerContext.js

 import { openWormhole } from 'stencil-wormhole';
-import { deferredPromise } from '../../../utils/promise';
 import { findRootPlayer } from './utils';
-import { PlayerEvent } from './PlayerEvent';
+import { getEventName } from './PlayerEvent';
+import { listen } from '../../../utils/dom';
+/**
+ * Binds props between an instance of a given component class and it's closest ancestor player.
+ *
+ * @param Component A Stencil component class.
+ * @param props A set of props to watch and update on the given component instance.
+ */
 export const withPlayerContext = (Component, props) => openWormhole(Component, props);
-export const withCustomPlayerContext = (ref, props, updater, onConnected) => {
-  const consumer = Symbol.for(ref.nodeName);
-  const player = findRootPlayer(ref);
-  const onOpen = deferredPromise();
-  let disconnect;
-  onOpen.promise.then((forceDisconnect) => {
-    onConnected === null || onConnected === void 0 ? void 0 : onConnected();
-    disconnect = forceDisconnect;
+/**
+ * Finds the closest ancestor player to the given `ref` and watches the given props for changes. On
+ * a prop change the given `updater` fn is called.
+ *
+ * @param ref A element within any player's subtree.
+ * @param props A set of props to watch and call the `updater` fn with.
+ * @param updater This function is called with the prop/value of any watched properties.
+ */
+export const usePlayerContext = (ref, props, updater, playerRef) => {
+  const player = playerRef !== null && playerRef !== void 0 ? playerRef : findRootPlayer(ref);
+  const listeners = props.map((prop) => {
+    const event = getEventName(prop);
+    return listen(player, event, () => { updater(prop, player[prop]); });
   });
-  const onReady = () => {
-    ref.dispatchEvent(new CustomEvent('openWormhole', {
-      bubbles: true,
-      composed: true,
-      detail: {
-        consumer,
-        fields: props,
-        updater,
-        onOpen,
-      },
-    }));
-    player.removeEventListener(PlayerEvent.Ready, onReady);
-  };
-  player.addEventListener(PlayerEvent.Ready, onReady);
   return () => {
-    disconnect === null || disconnect === void 0 ? void 0 : disconnect();
+    listeners.forEach((off) => off());
   };
 };

dist/collection/components/core/player/PlayerDispatcher.js

 import { getElement } from '@stencil/core';
 import { isInstanceOf } from '../../../utils/unit';
+/**
+ * Creates a dispatcher on the given `ref`, to send updates to the closest ancestor player via
+ * the custom `vStateChange` event.
+ *
+ * @param ref An element to dispatch the state change events from.
+ */
 export const createPlayerDispatcher = (ref) => (prop, value) => {
@@ -4,0 +10,0 @@ const el = isInstanceOf(ref, HTMLElement) ? ref : getElement(ref);

dist/collection/components/core/player/PlayerEvent.js

 import { PlayerProp } from './PlayerProp';
 // Events that toggle state and the prop is named `is{PropName}Active`.
 const isToggleStateEvent = new Set([
-  PlayerProp.IsFullscreenActive,
-  PlayerProp.IsControlsActive,
-  PlayerProp.IsPiPActive,
-  PlayerProp.IsLive,
-  PlayerProp.IsTouch,
-  PlayerProp.IsAudio,
-  PlayerProp.IsVideo,
-  PlayerProp.IsAudioView,
-  PlayerProp.IsVideoView,
+  PlayerProp.isFullscreenActive,
+  PlayerProp.isControlsActive,
+  PlayerProp.isPiPActive,
+  PlayerProp.isLive,
+  PlayerProp.isTouch,
+  PlayerProp.isAudio,
+  PlayerProp.isVideo,
+  PlayerProp.isAudioView,
+  PlayerProp.isVideoView,
 ]);
 // Events that are emitted without the 'Change' postfix.
 const hasShortenedEventName = new Set([
-  PlayerProp.Ready,
-  PlayerProp.PlaybackStarted,
-  PlayerProp.PlaybackEnded,
-  PlayerProp.PlaybackReady,
+  PlayerProp.ready,
+  PlayerProp.mounted,
+  PlayerProp.destroyed,
+  PlayerProp.playbackStarted,
+  PlayerProp.playbackEnded,
+  PlayerProp.playbackReady,
 ]);
@@ -35,36 +37,39 @@ export const getEventName = (prop) => {
 (function (PlayerEvent) {
-  PlayerEvent["PausedChange"] = "vPausedChange";
-  PlayerEvent["Play"] = "vPlay";
-  PlayerEvent["PlayingChange"] = "vPlayingChange";
-  PlayerEvent["SeekingChange"] = "vSeekingChange";
-  PlayerEvent["Seeked"] = "vSeeked";
-  PlayerEvent["MutedChange"] = "vMutedChange";
-  PlayerEvent["BufferingChange"] = "vBufferingChange";
-  PlayerEvent["DurationChange"] = "vDurationChange";
-  PlayerEvent["CurrentTimeChange"] = "vCurrentTimeChange";
-  PlayerEvent["Ready"] = "vReady";
-  PlayerEvent["PlaybackReady"] = "vPlaybackReady";
-  PlayerEvent["PlaybackStarted"] = "vPlaybackStarted";
-  PlayerEvent["PlaybackEnded"] = "vPlaybackEnded";
-  PlayerEvent["BufferedChange"] = "vBufferedChange";
-  PlayerEvent["CurrentSrcChange"] = "vCurrentSrcChange";
-  PlayerEvent["CurrentPosterChange"] = "vCurrentPosterChange";
-  PlayerEvent["MediaTitleChange"] = "vMediaTitleChange";
-  PlayerEvent["ErrorsChange"] = "vErrorsChange";
-  PlayerEvent["TextTracksChange"] = "vTextTracksChange";
-  PlayerEvent["LoadStart"] = "vLoadStart";
-  PlayerEvent["PlaybackRateChange"] = "vPlaybackRateChange";
-  PlayerEvent["PlaybackRatesChange"] = "vPlaybackRatesChange";
-  PlayerEvent["PlaybackQualityChange"] = "vPlaybackQualityChange";
-  PlayerEvent["PlaybackQualitiesChange"] = "vPlaybackQualitiesChange";
-  PlayerEvent["VolumeChange"] = "vVolumeChange";
-  PlayerEvent["MediaTypeChange"] = "vMediaTypeChange";
-  PlayerEvent["ViewTypeChange"] = "vViewTypeChange";
-  PlayerEvent["ControlsChange"] = "vControlsChange";
-  PlayerEvent["LiveChange"] = "vLiveChange";
-  PlayerEvent["TouchChange"] = "vTouchChange";
-  PlayerEvent["LanguageChange"] = "vLanguageChange";
-  PlayerEvent["LanguagesChange"] = "vLanguagesChange";
-  PlayerEvent["FullscreenChange"] = "vFullscreenChange";
-  PlayerEvent["PiPChange"] = "vPiPChange";
+  PlayerEvent["themeChange"] = "vThemeChange";
+  PlayerEvent["pausedChange"] = "vPausedChange";
+  PlayerEvent["play"] = "vPlay";
+  PlayerEvent["playingChange"] = "vPlayingChange";
+  PlayerEvent["seekingChange"] = "vSeekingChange";
+  PlayerEvent["seeked"] = "vSeeked";
+  PlayerEvent["mutedChange"] = "vMutedChange";
+  PlayerEvent["bufferingChange"] = "vBufferingChange";
+  PlayerEvent["durationChange"] = "vDurationChange";
+  PlayerEvent["currentTimeChange"] = "vCurrentTimeChange";
+  PlayerEvent["ready"] = "vReady";
+  PlayerEvent["mounted"] = "vMounted";
+  PlayerEvent["destroyed"] = "vDestroyed";
+  PlayerEvent["playbackReady"] = "vPlaybackReady";
+  PlayerEvent["playbackStarted"] = "vPlaybackStarted";
+  PlayerEvent["playbackEnded"] = "vPlaybackEnded";
+  PlayerEvent["bufferedChange"] = "vBufferedChange";
+  PlayerEvent["currentSrcChange"] = "vCurrentSrcChange";
+  PlayerEvent["currentPosterChange"] = "vCurrentPosterChange";
+  PlayerEvent["mediaTitleChange"] = "vMediaTitleChange";
+  PlayerEvent["errorsChange"] = "vErrorsChange";
+  PlayerEvent["textTracksChange"] = "vTextTracksChange";
+  PlayerEvent["loadStart"] = "vLoadStart";
+  PlayerEvent["playbackRateChange"] = "vPlaybackRateChange";
+  PlayerEvent["playbackRatesChange"] = "vPlaybackRatesChange";
+  PlayerEvent["playbackQualityChange"] = "vPlaybackQualityChange";
+  PlayerEvent["playbackQualitiesChange"] = "vPlaybackQualitiesChange";
+  PlayerEvent["volumeChange"] = "vVolumeChange";
+  PlayerEvent["mediaTypeChange"] = "vMediaTypeChange";
+  PlayerEvent["viewTypeChange"] = "vViewTypeChange";
+  PlayerEvent["controlsChange"] = "vControlsChange";
+  PlayerEvent["liveChange"] = "vLiveChange";
+  PlayerEvent["touchChange"] = "vTouchChange";
+  PlayerEvent["languageChange"] = "vLanguageChange";
+  PlayerEvent["languagesChange"] = "vLanguagesChange";
+  PlayerEvent["fullscreenChange"] = "vFullscreenChange";
+  PlayerEvent["pipChange"] = "vPiPChange";
 })(PlayerEvent || (PlayerEvent = {}));

dist/collection/components/core/player/PlayerMethod.js

 export var PlayerMethod;
 (function (PlayerMethod) {
-  PlayerMethod["GetProvider"] = "getProvider";
-  PlayerMethod["GetAdapter"] = "getAdapter";
-  PlayerMethod["Play"] = "play";
-  PlayerMethod["Pause"] = "pause";
-  PlayerMethod["CanPlay"] = "canPlay";
-  PlayerMethod["CanAutoplay"] = "canAutoplay";
-  PlayerMethod["CanMutedAutoplay"] = "canMutedAutoplay";
-  PlayerMethod["CanSetPlaybackRate"] = "canSetPlaybackRate";
-  PlayerMethod["CanSetPlaybackQuality"] = "canSetPlaybackQuality";
-  PlayerMethod["CanSetFullscreen"] = "canSetFullscreen";
-  PlayerMethod["EnterFullscreen"] = "enterFullscreen";
-  PlayerMethod["ExitFullscreen"] = "exitFullscreen";
-  PlayerMethod["CanSetPiP"] = "canSetPiP";
-  PlayerMethod["EnterPiP"] = "enterPiP";
-  PlayerMethod["ExitPiP"] = "exitPiP";
-  PlayerMethod["ExtendLanguage"] = "extendLanguage";
-  PlayerMethod["CallAdapter"] = "callAdapter";
-  PlayerMethod["QueueStateChange"] = "queueStateChange";
-  PlayerMethod["ToggleCaptionsVisibility"] = "toggleCaptionsVisiblity";
+  PlayerMethod["getProvider"] = "getProvider";
+  PlayerMethod["getAdapter"] = "getAdapter";
+  PlayerMethod["play"] = "play";
+  PlayerMethod["pause"] = "pause";
+  PlayerMethod["canPlay"] = "canPlay";
+  PlayerMethod["canAutoplay"] = "canAutoplay";
+  PlayerMethod["canMutedAutoplay"] = "canMutedAutoplay";
+  PlayerMethod["canSetPlaybackRate"] = "canSetPlaybackRate";
+  PlayerMethod["canSetPlaybackQuality"] = "canSetPlaybackQuality";
+  PlayerMethod["canSetFullscreen"] = "canSetFullscreen";
+  PlayerMethod["enterFullscreen"] = "enterFullscreen";
+  PlayerMethod["exitFullscreen"] = "exitFullscreen";
+  PlayerMethod["canSetPiP"] = "canSetPiP";
+  PlayerMethod["enterPiP"] = "enterPiP";
+  PlayerMethod["exitPiP"] = "exitPiP";
+  PlayerMethod["extendLanguage"] = "extendLanguage";
+  PlayerMethod["callAdapter"] = "callAdapter";
+  PlayerMethod["queueStateChange"] = "queueStateChange";
+  PlayerMethod["toggleCaptionsVisibility"] = "toggleCaptionsVisiblity";
 })(PlayerMethod || (PlayerMethod = {}));

dist/collection/components/core/player/PlayerProp.js

 export var PlayerProp;
 (function (PlayerProp) {
-  PlayerProp["Paused"] = "paused";
-  PlayerProp["Playing"] = "playing";
-  PlayerProp["Duration"] = "duration";
-  PlayerProp["MediaTitle"] = "mediaTitle";
-  PlayerProp["CurrentSrc"] = "currentSrc";
-  PlayerProp["CurrentPoster"] = "currentPoster";
-  PlayerProp["CurrentTime"] = "currentTime";
-  PlayerProp["Seeking"] = "seeking";
-  PlayerProp["Debug"] = "debug";
-  PlayerProp["Ready"] = "ready";
-  PlayerProp["PlaybackStarted"] = "playbackStarted";
-  PlayerProp["PlaybackEnded"] = "playbackEnded";
-  PlayerProp["PlaybackRate"] = "playbackRate";
-  PlayerProp["PlaybackRates"] = "playbackRates";
-  PlayerProp["PlaybackQuality"] = "playbackQuality";
-  PlayerProp["PlaybackQualities"] = "playbackQualities";
-  PlayerProp["TextTracks"] = "textTracks";
-  PlayerProp["Errors"] = "errors";
-  PlayerProp["PlaybackReady"] = "playbackReady";
-  PlayerProp["Buffered"] = "buffered";
-  PlayerProp["Buffering"] = "buffering";
+  PlayerProp["theme"] = "theme";
+  PlayerProp["paused"] = "paused";
+  PlayerProp["playing"] = "playing";
+  PlayerProp["duration"] = "duration";
+  PlayerProp["mediaTitle"] = "mediaTitle";
+  PlayerProp["currentSrc"] = "currentSrc";
+  PlayerProp["currentPoster"] = "currentPoster";
+  PlayerProp["currentTime"] = "currentTime";
+  PlayerProp["seeking"] = "seeking";
+  PlayerProp["debug"] = "debug";
+  PlayerProp["ready"] = "ready";
+  PlayerProp["mounted"] = "mounted";
+  PlayerProp["destroyed"] = "destroyed";
+  PlayerProp["playbackStarted"] = "playbackStarted";
+  PlayerProp["playbackEnded"] = "playbackEnded";
+  PlayerProp["playbackRate"] = "playbackRate";
+  PlayerProp["playbackRates"] = "playbackRates";
+  PlayerProp["playbackQuality"] = "playbackQuality";
+  PlayerProp["playbackQualities"] = "playbackQualities";
+  PlayerProp["textTracks"] = "textTracks";
+  PlayerProp["errors"] = "errors";
+  PlayerProp["playbackReady"] = "playbackReady";
+  PlayerProp["buffered"] = "buffered";
+  PlayerProp["buffering"] = "buffering";
   // eslint-disable-next-line no-shadow
-  PlayerProp["MediaType"] = "mediaType";
-  PlayerProp["IsAudio"] = "isAudio";
-  PlayerProp["IsVideo"] = "isVideo";
+  PlayerProp["mediaType"] = "mediaType";
+  PlayerProp["isAudio"] = "isAudio";
+  PlayerProp["isVideo"] = "isVideo";
   // eslint-disable-next-line no-shadow
-  PlayerProp["ViewType"] = "viewType";
-  PlayerProp["IsAudioView"] = "isAudioView";
-  PlayerProp["IsVideoView"] = "isVideoView";
-  PlayerProp["IsLive"] = "isLive";
-  PlayerProp["IsCaptionsActive"] = "isCaptionsActive";
-  PlayerProp["IsSettingsActive"] = "isSettingsActive";
-  PlayerProp["CurrentCaption"] = "currentCaption";
-  PlayerProp["IsMobile"] = "isMobile";
-  PlayerProp["IsTouch"] = "isTouch";
-  PlayerProp["IsPiPActive"] = "isPiPActive";
-  PlayerProp["IsFullscreenActive"] = "isFullscreenActive";
-  PlayerProp["Playsinline"] = "playsinline";
-  PlayerProp["Muted"] = "muted";
-  PlayerProp["Volume"] = "volume";
-  PlayerProp["Autopause"] = "autopause";
-  PlayerProp["Controls"] = "controls";
-  PlayerProp["IsControlsActive"] = "isControlsActive";
-  PlayerProp["Autoplay"] = "autoplay";
-  PlayerProp["Loop"] = "loop";
-  PlayerProp["AspectRatio"] = "aspectRatio";
-  PlayerProp["Language"] = "language";
-  PlayerProp["Languages"] = "languages";
-  PlayerProp["Translations"] = "translations";
-  PlayerProp["I18N"] = "i18n";
+  PlayerProp["viewType"] = "viewType";
+  PlayerProp["isAudioView"] = "isAudioView";
+  PlayerProp["isVideoView"] = "isVideoView";
+  PlayerProp["isLive"] = "isLive";
+  PlayerProp["isCaptionsActive"] = "isCaptionsActive";
+  PlayerProp["isSettingsActive"] = "isSettingsActive";
+  PlayerProp["currentCaption"] = "currentCaption";
+  PlayerProp["isMobile"] = "isMobile";
+  PlayerProp["isTouch"] = "isTouch";
+  PlayerProp["isPiPActive"] = "isPiPActive";
+  PlayerProp["isFullscreenActive"] = "isFullscreenActive";
+  PlayerProp["playsinline"] = "playsinline";
+  PlayerProp["muted"] = "muted";
+  PlayerProp["volume"] = "volume";
+  PlayerProp["autopause"] = "autopause";
+  PlayerProp["controls"] = "controls";
+  PlayerProp["isControlsActive"] = "isControlsActive";
+  PlayerProp["autoplay"] = "autoplay";
+  PlayerProp["loop"] = "loop";
+  PlayerProp["aspectRatio"] = "aspectRatio";
+  PlayerProp["language"] = "language";
+  PlayerProp["languages"] = "languages";
+  PlayerProp["translations"] = "translations";
+  PlayerProp["i18n"] = "i18n";
 })(PlayerProp || (PlayerProp = {}));
 const externalWritable = new Set([
-  PlayerProp.Autoplay,
-  PlayerProp.Autopause,
-  PlayerProp.AspectRatio,
-  PlayerProp.Controls,
-  PlayerProp.Debug,
-  PlayerProp.Paused,
-  PlayerProp.CurrentTime,
-  PlayerProp.Language,
-  PlayerProp.Loop,
-  PlayerProp.PlaybackQuality,
-  PlayerProp.Muted,
-  PlayerProp.PlaybackRate,
-  PlayerProp.Playsinline,
-  PlayerProp.Volume,
+  PlayerProp.autoplay,
+  PlayerProp.autopause,
+  PlayerProp.aspectRatio,
+  PlayerProp.controls,
+  PlayerProp.theme,
+  PlayerProp.debug,
+  PlayerProp.paused,
+  PlayerProp.currentTime,
+  PlayerProp.language,
+  PlayerProp.loop,
+  PlayerProp.playbackQuality,
+  PlayerProp.muted,
+  PlayerProp.playbackRate,
+  PlayerProp.playsinline,
+  PlayerProp.volume,
 ]);
 /**
- * Determines if a player prop can be changed via the `vime-player` element from the "outside".
+ * Determines if a player prop can be changed via the `vime-player` element from the "outside". In
+ * other words, is the update coming from directly interacting with the `vime-player` component.
  */
 export const isExternalReadonlyPlayerProp = (prop) => !externalWritable.has(prop);
 const internalReadonly = new Set([
-  PlayerProp.Autoplay,
-  PlayerProp.Controls,
-  PlayerProp.Loop,
-  PlayerProp.Ready,
-  PlayerProp.Debug,
-  PlayerProp.IsAudio,
-  PlayerProp.IsVideo,
-  PlayerProp.IsMobile,
-  PlayerProp.IsTouch,
-  PlayerProp.IsLive,
-  PlayerProp.CurrentCaption,
-  PlayerProp.IsAudioView,
-  PlayerProp.IsVideoView,
-  PlayerProp.Autopause,
-  PlayerProp.AspectRatio,
-  PlayerProp.Playsinline,
-  PlayerProp.Languages,
-  PlayerProp.I18N,
+  PlayerProp.autoplay,
+  PlayerProp.controls,
+  PlayerProp.loop,
+  PlayerProp.ready,
+  PlayerProp.mounted,
+  PlayerProp.destroyed,
+  PlayerProp.debug,
+  PlayerProp.isAudio,
+  PlayerProp.isVideo,
+  PlayerProp.isMobile,
+  PlayerProp.isTouch,
+  PlayerProp.isLive,
+  PlayerProp.currentCaption,
+  PlayerProp.isAudioView,
+  PlayerProp.isVideoView,
+  PlayerProp.autopause,
+  PlayerProp.aspectRatio,
+  PlayerProp.playsinline,
+  PlayerProp.languages,
+  PlayerProp.i18n,
 ]);
 /**
- * Determines if a player prop can be changed "inside" via the `vStateChange` event fired by
- * providers.
+ * Determines if a player prop can be changed "inside" via the `vStateChange` event. In other
+ * words, does the component attempting to update the player exist within the subtree of the player
+ * in the DOM.
  */
@@ -104,24 +112,24 @@ export const isInternalReadonlyPlayerProp = (prop) => internalReadonly.has(prop);
 export const resetablePlayerProps = {
-  [PlayerProp.Paused]: true,
-  [PlayerProp.CurrentTime]: 0,
-  [PlayerProp.Duration]: -1,
-  [PlayerProp.Buffered]: 0,
-  [PlayerProp.Seeking]: false,
-  [PlayerProp.Playing]: false,
-  [PlayerProp.Buffering]: false,
-  [PlayerProp.PlaybackReady]: false,
-  [PlayerProp.MediaTitle]: undefined,
-  [PlayerProp.CurrentSrc]: undefined,
-  [PlayerProp.CurrentPoster]: undefined,
-  [PlayerProp.PlaybackRate]: 1,
-  [PlayerProp.PlaybackRates]: [1],
-  [PlayerProp.PlaybackQuality]: undefined,
-  [PlayerProp.PlaybackQualities]: [],
-  [PlayerProp.PlaybackStarted]: false,
-  [PlayerProp.PlaybackEnded]: false,
-  [PlayerProp.TextTracks]: undefined,
-  [PlayerProp.MediaType]: undefined,
-  [PlayerProp.IsLive]: false,
-  [PlayerProp.IsCaptionsActive]: false,
-  [PlayerProp.CurrentCaption]: undefined,
+  [PlayerProp.paused]: true,
+  [PlayerProp.currentTime]: 0,
+  [PlayerProp.duration]: -1,
+  [PlayerProp.buffered]: 0,
+  [PlayerProp.seeking]: false,
+  [PlayerProp.playing]: false,
+  [PlayerProp.buffering]: false,
+  [PlayerProp.playbackReady]: false,
+  [PlayerProp.mediaTitle]: undefined,
+  [PlayerProp.currentSrc]: undefined,
+  [PlayerProp.currentPoster]: undefined,
+  [PlayerProp.playbackRate]: 1,
+  [PlayerProp.playbackRates]: [1],
+  [PlayerProp.playbackQuality]: undefined,
+  [PlayerProp.playbackQualities]: [],
+  [PlayerProp.playbackStarted]: false,
+  [PlayerProp.playbackEnded]: false,
+  [PlayerProp.textTracks]: undefined,
+  [PlayerProp.mediaType]: undefined,
+  [PlayerProp.isLive]: false,
+  [PlayerProp.isCaptionsActive]: false,
+  [PlayerProp.currentCaption]: undefined,
 };

dist/collection/components/core/player/Scheduler.js

@@ -77,3 +77,3 @@ import { PlayerProp, isExternalReadonlyPlayerProp, resetablePlayerProps, isInternalReadonlyPlayerProp, } from './PlayerProp';
         this.player.errors = [...this.player.errors, e];
-        this.markAsInternallyChanged(PlayerProp.Errors);
+        this.markAsInternallyChanged(PlayerProp.errors);
       }
@@ -111,6 +111,6 @@ }));
     }
-    if (this.player.debug && (prop !== PlayerProp.CurrentTime)) {
+    if (this.player.debug && (prop !== PlayerProp.currentTime)) {
       console.log(`STATECHANGE [${by.nodeName}]: ${prop} -> ${value}`);
     }
-    if (prop === PlayerProp.Errors) {
+    if (prop === PlayerProp.errors) {
       this.player.errors = [...this.player.errors, ...value];
@@ -128,5 +128,5 @@ this.markAsInternallyChanged(prop);
   onPausedChange(paused) {
-    if (paused === this.providerState.get(PlayerProp.Paused))
+    if (paused === this.providerState.get(PlayerProp.paused))
       return;
-    this.queueAdapterCall(PlayerProp.Paused, (adapter) => {
+    this.queueAdapterCall(PlayerProp.paused, (adapter) => {
       this.player.paused = paused;
@@ -140,6 +140,6 @@ return !paused ? adapter.play() : adapter.pause();
     const currentTime = Math.max(0, Math.min(time, duration));
-    const providerTime = this.providerState.get(PlayerProp.CurrentTime);
+    const providerTime = this.providerState.get(PlayerProp.currentTime);
     if (Math.floor(currentTime) === Math.floor(providerTime))
       return;
-    this.queueAdapterCall(PlayerProp.CurrentTime, (adapter) => {
+    this.queueAdapterCall(PlayerProp.currentTime, (adapter) => {
       this.player.currentTime = currentTime;
@@ -151,5 +151,5 @@ return adapter.setCurrentTime(currentTime);
     const volume = Math.max(0, Math.min(level, 100));
-    if (volume === this.providerState.get(PlayerProp.Volume))
+    if (volume === this.providerState.get(PlayerProp.volume))
       return;
-    this.queueAdapterCall(PlayerProp.Volume, (adapter) => {
+    this.queueAdapterCall(PlayerProp.volume, (adapter) => {
       this.player.volume = volume;
@@ -160,5 +160,5 @@ return adapter.setVolume(volume);
   onMutedChange(muted) {
-    if (muted === this.providerState.get(PlayerProp.Muted))
+    if (muted === this.providerState.get(PlayerProp.muted))
       return;
-    this.queueAdapterCall(PlayerProp.Muted, (adapter) => {
+    this.queueAdapterCall(PlayerProp.muted, (adapter) => {
       this.player.muted = muted;
@@ -169,3 +169,3 @@ return adapter.setMuted(muted);
   async onPlaybackRateChange(prevRate, newRate) {
-    if (newRate === this.providerState.get(PlayerProp.PlaybackRate))
+    if (newRate === this.providerState.get(PlayerProp.playbackRate))
       return;
@@ -184,10 +184,10 @@ let isValid = true;
       this.player.playbackRate = prevRate;
-      this.cache.set(PlayerProp.PlaybackRate, prevRate);
+      this.cache.set(PlayerProp.playbackRate, prevRate);
       return;
     }
-    this.queueAdapterCall(PlayerProp.PlaybackRate, async (adapter) => { var _a; return (_a = adapter.setPlaybackRate) === null || _a === void 0 ? void 0 : _a.call(adapter, newRate); });
+    this.queueAdapterCall(PlayerProp.playbackRate, async (adapter) => { var _a; return (_a = adapter.setPlaybackRate) === null || _a === void 0 ? void 0 : _a.call(adapter, newRate); });
   }
   async onPlaybackQualityChange(prevQuality, newQuality) {
     if (isUndefined(newQuality)
-      || (newQuality === this.providerState.get(PlayerProp.PlaybackQuality)))
+      || (newQuality === this.providerState.get(PlayerProp.playbackQuality)))
       return;
@@ -206,6 +206,6 @@ let isValid = true;
       this.player.playbackQuality = prevQuality;
-      this.cache.set(PlayerProp.PlaybackQuality, prevQuality);
+      this.cache.set(PlayerProp.playbackQuality, prevQuality);
       return;
     }
-    this.queueAdapterCall(PlayerProp.PlaybackQuality, async (adapter) => { var _a; return (_a = adapter.setPlaybackQuality) === null || _a === void 0 ? void 0 : _a.call(adapter, newQuality); });
+    this.queueAdapterCall(PlayerProp.playbackQuality, async (adapter) => { var _a; return (_a = adapter.setPlaybackQuality) === null || _a === void 0 ? void 0 : _a.call(adapter, newQuality); });
   }
@@ -218,6 +218,6 @@ fireEvent(prop, value, prevVal) {
     }));
-    if ((prop === PlayerProp.Paused) && !value) {
+    if ((prop === PlayerProp.paused) && !value) {
       events.push(new CustomEvent('vPlay', { bubbles: false }));
     }
-    if ((prop === PlayerProp.Seeking) && prevVal && !value) {
+    if ((prop === PlayerProp.seeking) && prevVal && !value) {
       events.push(new CustomEvent('vSeeked', { bubbles: false }));
@@ -228,7 +228,7 @@ }
   destroy() {
-    this.cache.clear();
-    this.internalState.clear();
-    this.providerState.clear();
+    // this.cache.clear();
+    // this.internalState.clear();
+    // this.providerState.clear();
     this.adapterCalls.clear();
   }
 }

dist/collection/components/core/player/utils.js

 import { getElement } from '@stencil/core';
 import { isInstanceOf } from '../../../utils/unit';
+/**
+ * Finds the closest ancestor player element.
+ *
+ * @param ref A HTMLElement that is within the player's subtree.
+ */
 export const findRootPlayer = (ref) => {
@@ -4,0 +9,0 @@ let player = isInstanceOf(ref, HTMLElement) ? ref : getElement(ref);

dist/collection/components/providers/dailymotion/dailymotion.js

@@ -86,3 +86,3 @@ import { h, Prop, Method, Component, Event, State, Watch, } from '@stencil/core';
     this.dispatch = createPlayerDispatcher(this);
-    this.dispatch(PlayerProp.ViewType, ViewType.Video);
+    this.dispatch(PlayerProp.viewType, ViewType.Video);
     this.onVideoIdChange();
@@ -131,4 +131,4 @@ this.initialMuted = this.muted;
       .then((data) => {
-      this.dispatch(PlayerProp.CurrentPoster, data.thumbnail_1080_url);
-      this.dispatch(PlayerProp.Duration, parseFloat(data.duration));
+      this.dispatch(PlayerProp.currentPoster, data.thumbnail_1080_url);
+      this.dispatch(PlayerProp.duration, parseFloat(data.duration));
     });
@@ -145,4 +145,4 @@ }
         this.onControlsChange();
-        this.dispatch(PlayerProp.CurrentSrc, this.embedSrc);
-        this.dispatch(PlayerProp.MediaType, MediaType.Video);
+        this.dispatch(PlayerProp.currentSrc, this.embedSrc);
+        this.dispatch(PlayerProp.mediaType, MediaType.Video);
         Promise.all([
@@ -152,13 +152,13 @@ this.pendingVideoInfoFetch,
         ]).then(() => {
-          this.dispatch(PlayerProp.PlaybackReady, true);
+          this.dispatch(PlayerProp.playbackReady, true);
         });
         break;
       case DailymotionEvent.VideoChange:
-        this.dispatch(PlayerProp.MediaTitle, msg.title);
+        this.dispatch(PlayerProp.mediaTitle, msg.title);
         (_b = this.pendingMediaTitleFetch) === null || _b === void 0 ? void 0 : _b.resolve();
         break;
       case DailymotionEvent.Start:
-        this.dispatch(PlayerProp.Paused, false);
-        this.dispatch(PlayerProp.PlaybackStarted, true);
-        this.dispatch(PlayerProp.Buffering, true);
+        this.dispatch(PlayerProp.paused, false);
+        this.dispatch(PlayerProp.playbackStarted, true);
+        this.dispatch(PlayerProp.buffering, true);
         break;
@@ -175,12 +175,12 @@ case DailymotionEvent.VideoStart:
       case DailymotionEvent.Play:
-        this.dispatch(PlayerProp.Paused, false);
+        this.dispatch(PlayerProp.paused, false);
         break;
       case DailymotionEvent.Pause:
-        this.dispatch(PlayerProp.Paused, true);
-        this.dispatch(PlayerProp.Playing, false);
-        this.dispatch(PlayerProp.Buffering, false);
+        this.dispatch(PlayerProp.paused, true);
+        this.dispatch(PlayerProp.playing, false);
+        this.dispatch(PlayerProp.buffering, false);
         break;
       case DailymotionEvent.Playing:
-        this.dispatch(PlayerProp.Playing, true);
-        this.dispatch(PlayerProp.Buffering, false);
+        this.dispatch(PlayerProp.playing, true);
+        this.dispatch(PlayerProp.buffering, false);
         break;
@@ -192,40 +192,40 @@ case DailymotionEvent.VideoEnd:
         else {
-          this.dispatch(PlayerProp.PlaybackEnded, true);
+          this.dispatch(PlayerProp.playbackEnded, true);
         }
         break;
       case DailymotionEvent.TimeUpdate:
-        this.dispatch(PlayerProp.CurrentTime, parseFloat(msg.time));
+        this.dispatch(PlayerProp.currentTime, parseFloat(msg.time));
         break;
       case DailymotionEvent.VolumeChange:
-        this.dispatch(PlayerProp.Muted, msg.muted === 'true');
-        this.dispatch(PlayerProp.Volume, Math.floor(parseFloat(msg.volume) * 100));
+        this.dispatch(PlayerProp.muted, msg.muted === 'true');
+        this.dispatch(PlayerProp.volume, Math.floor(parseFloat(msg.volume) * 100));
         break;
       case DailymotionEvent.Seeking:
-        this.dispatch(PlayerProp.CurrentTime, parseFloat(msg.time));
-        this.dispatch(PlayerProp.Seeking, true);
+        this.dispatch(PlayerProp.currentTime, parseFloat(msg.time));
+        this.dispatch(PlayerProp.seeking, true);
         break;
       case DailymotionEvent.Seeked:
-        this.dispatch(PlayerProp.CurrentTime, parseFloat(msg.time));
-        this.dispatch(PlayerProp.Seeking, false);
+        this.dispatch(PlayerProp.currentTime, parseFloat(msg.time));
+        this.dispatch(PlayerProp.seeking, false);
         break;
       case DailymotionEvent.Waiting:
-        this.dispatch(PlayerProp.Buffering, true);
+        this.dispatch(PlayerProp.buffering, true);
         break;
       case DailymotionEvent.Progress:
-        this.dispatch(PlayerProp.Buffered, parseFloat(msg.time));
+        this.dispatch(PlayerProp.buffered, parseFloat(msg.time));
         break;
       case DailymotionEvent.DurationChange:
-        this.dispatch(PlayerProp.Duration, parseFloat(msg.duration));
+        this.dispatch(PlayerProp.duration, parseFloat(msg.duration));
         break;
       case DailymotionEvent.QualitiesAvailable:
-        this.dispatch(PlayerProp.PlaybackQualities, msg.qualities.map((q) => `${q}p`));
+        this.dispatch(PlayerProp.playbackQualities, msg.qualities.map((q) => `${q}p`));
         break;
       case DailymotionEvent.QualityChange:
-        this.dispatch(PlayerProp.PlaybackQuality, `${msg.quality}p`);
+        this.dispatch(PlayerProp.playbackQuality, `${msg.quality}p`);
         break;
       case DailymotionEvent.FullscreenChange:
-        this.dispatch(PlayerProp.IsFullscreenActive, msg.fullscreen === 'true');
+        this.dispatch(PlayerProp.isFullscreenActive, msg.fullscreen === 'true');
         break;
       case DailymotionEvent.Error:
-        this.dispatch(PlayerProp.Errors, [new Error(msg.error)]);
+        this.dispatch(PlayerProp.errors, [new Error(msg.error)]);
         break;
@@ -254,3 +254,3 @@ }
         this.internalState.volume = (volume / 100);
-        this.dispatch(PlayerProp.Volume, volume);
+        this.dispatch(PlayerProp.volume, volume);
         this.remoteControl(DailymotionCommand.Volume, (volume / 100));
@@ -257,0 +257,0 @@ },

dist/collection/components/providers/dash/dash.js

@@ -43,8 +43,8 @@ import { h, Method, Component, Prop, Watch, State, Event, } from '@stencil/core';
       this.dash.on(Dash.MediaPlayer.events.CAN_PLAY, () => {
-        this.dispatch(PlayerProp.MediaType, MediaType.Video);
-        this.dispatch(PlayerProp.CurrentSrc, this.src);
-        this.dispatch(PlayerProp.PlaybackReady, true);
+        this.dispatch(PlayerProp.mediaType, MediaType.Video);
+        this.dispatch(PlayerProp.currentSrc, this.src);
+        this.dispatch(PlayerProp.playbackReady, true);
       });
       this.dash.on(Dash.MediaPlayer.events.ERROR, (e) => {
-        this.dispatch(PlayerProp.Errors, [e]);
+        this.dispatch(PlayerProp.errors, [e]);
       });
@@ -54,3 +54,3 @@ this.hasAttached = true;
     catch (e) {
-      this.dispatch(PlayerProp.Errors, [e]);
+      this.dispatch(PlayerProp.errors, [e]);
     }
@@ -374,3 +374,3 @@ }
 withPlayerContext(Dash, [
-  PlayerProp.Autoplay,
+  PlayerProp.autoplay,
 ]);

dist/collection/components/providers/file/file.js

@@ -65,9 +65,9 @@ /* eslint-disable jsx-a11y/media-has-caption */
   onMediaTitleChange() {
-    this.dispatch(PlayerProp.MediaTitle, this.mediaTitle);
+    this.dispatch(PlayerProp.mediaTitle, this.mediaTitle);
   }
   onPosterChange() {
-    this.dispatch(PlayerProp.CurrentPoster, this.poster);
+    this.dispatch(PlayerProp.currentPoster, this.poster);
   }
   onViewTypeChange() {
-    this.dispatch(PlayerProp.ViewType, this.viewType);
+    this.dispatch(PlayerProp.viewType, this.viewType);
   }
@@ -103,3 +103,3 @@ componentWillLoad() {
     var _a, _b;
-    this.dispatch(PlayerProp.CurrentTime, (_b = (_a = this.mediaEl) === null || _a === void 0 ? void 0 : _a.currentTime) !== null && _b !== void 0 ? _b : 0);
+    this.dispatch(PlayerProp.currentTime, (_b = (_a = this.mediaEl) === null || _a === void 0 ? void 0 : _a.currentTime) !== null && _b !== void 0 ? _b : 0);
     this.timeRAF = window.requestAnimationFrame(() => { this.requestTimeUpdates(); });
@@ -116,11 +116,11 @@ }
   onLoadedMetadata() {
-    this.dispatch(PlayerProp.CurrentPoster, this.poster);
-    this.dispatch(PlayerProp.Duration, this.mediaEl.duration);
-    this.dispatch(PlayerProp.PlaybackRates, this.playbackRates);
+    this.dispatch(PlayerProp.currentPoster, this.poster);
+    this.dispatch(PlayerProp.duration, this.mediaEl.duration);
+    this.dispatch(PlayerProp.playbackRates, this.playbackRates);
     this.onProgress();
     this.onTracksChange();
     if (!this.willAttach) {
-      this.dispatch(PlayerProp.CurrentSrc, this.mediaEl.currentSrc);
-      this.dispatch(PlayerProp.MediaType, this.getMediaType());
-      this.dispatch(PlayerProp.PlaybackReady, true);
+      this.dispatch(PlayerProp.currentSrc, this.mediaEl.currentSrc);
+      this.dispatch(PlayerProp.mediaType, this.getMediaType());
+      this.dispatch(PlayerProp.playbackReady, true);
     }
@@ -131,10 +131,10 @@ }
     const end = (buffered.length === 0) ? 0 : buffered.end(buffered.length - 1);
-    this.dispatch(PlayerProp.Buffered, (end > duration) ? duration : end);
+    this.dispatch(PlayerProp.buffered, (end > duration) ? duration : end);
   }
   onPlay() {
     this.requestTimeUpdates();
-    this.dispatch(PlayerProp.Paused, false);
+    this.dispatch(PlayerProp.paused, false);
     if (!this.playbackStarted) {
       this.playbackStarted = true;
-      this.dispatch(PlayerProp.PlaybackStarted, true);
+      this.dispatch(PlayerProp.playbackStarted, true);
     }
@@ -144,8 +144,8 @@ }
     this.cancelTimeUpdates();
-    this.dispatch(PlayerProp.Paused, true);
-    this.dispatch(PlayerProp.Buffering, false);
+    this.dispatch(PlayerProp.paused, true);
+    this.dispatch(PlayerProp.buffering, false);
   }
   onPlaying() {
-    this.dispatch(PlayerProp.Playing, true);
-    this.dispatch(PlayerProp.Buffering, false);
+    this.dispatch(PlayerProp.playing, true);
+    this.dispatch(PlayerProp.buffering, false);
   }
@@ -155,7 +155,7 @@ onSeeking() {
       this.wasPausedBeforeSeeking = this.mediaEl.paused;
-    this.dispatch(PlayerProp.CurrentTime, this.mediaEl.currentTime);
-    this.dispatch(PlayerProp.Seeking, true);
+    this.dispatch(PlayerProp.currentTime, this.mediaEl.currentTime);
+    this.dispatch(PlayerProp.seeking, true);
   }
   onSeeked() {
-    this.dispatch(PlayerProp.Seeking, false);
+    this.dispatch(PlayerProp.seeking, false);
     if (!this.playbackStarted || !this.wasPausedBeforeSeeking)
@@ -166,23 +166,23 @@ this.attemptToPlay();
   onRateChange() {
-    this.dispatch(PlayerProp.PlaybackRate, this.mediaEl.playbackRate);
+    this.dispatch(PlayerProp.playbackRate, this.mediaEl.playbackRate);
   }
   onVolumeChange() {
-    this.dispatch(PlayerProp.Muted, this.mediaEl.muted);
-    this.dispatch(PlayerProp.Volume, this.mediaEl.volume * 100);
+    this.dispatch(PlayerProp.muted, this.mediaEl.muted);
+    this.dispatch(PlayerProp.volume, this.mediaEl.volume * 100);
   }
   onDurationChange() {
-    this.dispatch(PlayerProp.Duration, this.mediaEl.duration);
+    this.dispatch(PlayerProp.duration, this.mediaEl.duration);
   }
   onWaiting() {
-    this.dispatch(PlayerProp.Buffering, true);
+    this.dispatch(PlayerProp.buffering, true);
   }
   onSuspend() {
-    this.dispatch(PlayerProp.Buffering, false);
+    this.dispatch(PlayerProp.buffering, false);
   }
   onEnded() {
     if (!this.loop)
-      this.dispatch(PlayerProp.PlaybackEnded, true);
+      this.dispatch(PlayerProp.playbackEnded, true);
   }
   onError(event) {
-    this.dispatch(PlayerProp.Errors, [event]);
+    this.dispatch(PlayerProp.errors, [event]);
   }
@@ -195,3 +195,3 @@ attemptToPlay() {
     catch (e) {
-      this.dispatch(PlayerProp.Errors, [e]);
+      this.dispatch(PlayerProp.errors, [e]);
     }
@@ -230,13 +230,13 @@ }
     const mode = (_a = this.mediaEl) === null || _a === void 0 ? void 0 : _a.webkitPresentationMode;
-    this.dispatch(PlayerProp.IsPiPActive, (mode === WebkitPresentationMode.PiP));
-    this.dispatch(PlayerProp.IsFullscreenActive, (mode === WebkitPresentationMode.Fullscreen));
+    this.dispatch(PlayerProp.isPiPActive, (mode === WebkitPresentationMode.PiP));
+    this.dispatch(PlayerProp.isFullscreenActive, (mode === WebkitPresentationMode.Fullscreen));
   }
   onEnterPiP() {
-    this.dispatch(PlayerProp.IsPiPActive, true);
+    this.dispatch(PlayerProp.isPiPActive, true);
   }
   onLeavePiP() {
-    this.dispatch(PlayerProp.IsPiPActive, false);
+    this.dispatch(PlayerProp.isPiPActive, false);
   }
   onTracksChange() {
-    this.dispatch(PlayerProp.TextTracks, this.mediaEl.textTracks);
+    this.dispatch(PlayerProp.textTracks, this.mediaEl.textTracks);
   }
@@ -243,0 +243,0 @@ listenToTextTracksChanges() {

dist/collection/components/providers/hls/hls.js

@@ -34,3 +34,3 @@ import { h, Method, Component, Prop, State, Event, } from '@stencil/core';
       if (!Hls.isSupported()) {
-        this.dispatch(PlayerProp.Errors, [new Error('hls.js is not supported')]);
+        this.dispatch(PlayerProp.errors, [new Error('hls.js is not supported')]);
         return;
@@ -44,8 +44,8 @@ }
       this.hls.on('hlsError', (e, data) => {
-        this.dispatch(PlayerProp.Errors, [{ e, data }]);
+        this.dispatch(PlayerProp.errors, [{ e, data }]);
       });
       this.hls.on('hlsManifestParsed', () => {
-        this.dispatch(PlayerProp.MediaType, MediaType.Video);
-        this.dispatch(PlayerProp.CurrentSrc, this.src);
-        this.dispatch(PlayerProp.PlaybackReady, true);
+        this.dispatch(PlayerProp.mediaType, MediaType.Video);
+        this.dispatch(PlayerProp.currentSrc, this.src);
+        this.dispatch(PlayerProp.playbackReady, true);
       });
@@ -55,3 +55,3 @@ this.hls.attachMedia(video);
     catch (e) {
-      this.dispatch(PlayerProp.Errors, [e]);
+      this.dispatch(PlayerProp.errors, [e]);
     }
@@ -58,0 +58,0 @@ }

dist/collection/components/providers/MediaProvider.js

 import { PlayerProp } from '../core/player/PlayerProp';
 import { withPlayerContext } from '../core/player/PlayerContext';
 export const withProviderContext = (Provider) => withPlayerContext(Provider, [
-  PlayerProp.Autoplay,
-  PlayerProp.Controls,
-  PlayerProp.Language,
-  PlayerProp.Muted,
-  PlayerProp.Debug,
-  PlayerProp.Loop,
-  PlayerProp.Playsinline,
+  PlayerProp.autoplay,
+  PlayerProp.controls,
+  PlayerProp.language,
+  PlayerProp.muted,
+  PlayerProp.debug,
+  PlayerProp.loop,
+  PlayerProp.playsinline,
 ]);

dist/collection/components/providers/templates/_provider.js

@@ -47,3 +47,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     // @TODO change this if view is of type audio.
-    this.dispatch(PlayerProp.ViewType, ViewType.Video);
+    this.dispatch(PlayerProp.viewType, ViewType.Video);
   }
@@ -50,0 +50,0 @@ /**

dist/collection/components/providers/vimeo/vimeo.js

@@ -73,3 +73,3 @@ import { h, Prop, Method, Component, Event, State, Watch, } from '@stencil/core';
     this.dispatch = createPlayerDispatcher(this);
-    this.dispatch(PlayerProp.ViewType, ViewType.Video);
+    this.dispatch(PlayerProp.viewType, ViewType.Video);
     this.onVideoIdChange();
@@ -122,3 +122,3 @@ this.initialMuted = this.muted;
       const poster = `https://i.vimeocdn.com/video/${thumbnailId}_1920x1080.jpg`;
-      this.dispatch(PlayerProp.CurrentPoster, poster);
+      this.dispatch(PlayerProp.currentPoster, poster);
     });
@@ -129,9 +129,9 @@ }
       return;
-    this.dispatch(PlayerProp.CurrentTime, time);
+    this.dispatch(PlayerProp.currentTime, time);
     // This is how we detect `seeking` early.
     if (Math.abs(this.internalState.currentTime - time) > 1.5) {
       this.internalState.seeking = true;
-      this.dispatch(PlayerProp.Seeking, true);
+      this.dispatch(PlayerProp.seeking, true);
       if (this.internalState.playing && (this.internalState.buffered < time)) {
-        this.dispatch(PlayerProp.Buffering, true);
+        this.dispatch(PlayerProp.buffering, true);
       }
@@ -160,3 +160,3 @@ // Player doesn't resume playback once seeked.
       return;
-    this.dispatch(PlayerProp.Seeking, false);
+    this.dispatch(PlayerProp.seeking, false);
     this.internalState.seeking = false;
@@ -175,7 +175,7 @@ if (this.internalState.playRequest) {
       case VimeoCommand.GetDuration:
-        this.dispatch(PlayerProp.Duration, arg);
+        this.dispatch(PlayerProp.duration, arg);
         (_a = this.pendingDurationFetch) === null || _a === void 0 ? void 0 : _a.resolve();
         break;
       case VimeoCommand.GetVideoTitle:
-        this.dispatch(PlayerProp.MediaTitle, arg);
+        this.dispatch(PlayerProp.mediaTitle, arg);
         (_b = this.pendingMediaTitleFetch) === null || _b === void 0 ? void 0 : _b.resolve();
@@ -196,4 +196,4 @@ break;
         this.internalState = Object.assign({}, this.defaultInternalState);
-        this.dispatch(PlayerProp.CurrentSrc, this.embedSrc);
-        this.dispatch(PlayerProp.MediaType, MediaType.Video);
+        this.dispatch(PlayerProp.currentSrc, this.embedSrc);
+        this.dispatch(PlayerProp.mediaType, MediaType.Video);
         this.remoteControl(VimeoCommand.GetDuration);
@@ -207,3 +207,3 @@ this.remoteControl(VimeoCommand.GetVideoTitle);
           this.requestTimeUpdates();
-          this.dispatch(PlayerProp.PlaybackReady, true);
+          this.dispatch(PlayerProp.playbackReady, true);
         });
@@ -213,7 +213,7 @@ break;
         this.internalState.paused = false;
-        this.dispatch(PlayerProp.Paused, false);
+        this.dispatch(PlayerProp.paused, false);
         break;
       case VimeoDataEvent.PlayProgress:
         if (!this.internalState.playing) {
-          this.dispatch(PlayerProp.Playing, true);
+          this.dispatch(PlayerProp.playing, true);
           this.internalState.playing = true;
@@ -226,3 +226,3 @@ this.internalState.playbackStarted = true;
         }
-        this.dispatch(PlayerProp.Buffering, false);
+        this.dispatch(PlayerProp.buffering, false);
         this.onSeeked();
@@ -233,20 +233,20 @@ break;
         this.internalState.playing = false;
-        this.dispatch(PlayerProp.Paused, true);
-        this.dispatch(PlayerProp.Buffering, false);
+        this.dispatch(PlayerProp.paused, true);
+        this.dispatch(PlayerProp.buffering, false);
         break;
       case VimeoDataEvent.LoadProgress:
         this.internalState.buffered = payload.seconds;
-        this.dispatch(PlayerProp.Buffered, payload.seconds);
+        this.dispatch(PlayerProp.buffered, payload.seconds);
         break;
       case VimeoDataEvent.BufferStart:
-        this.dispatch(PlayerProp.Buffering, true);
+        this.dispatch(PlayerProp.buffering, true);
         // Attempt to detect `play` events early.
         if (this.internalState.paused) {
           this.internalState.paused = false;
-          this.dispatch(PlayerProp.Paused, false);
-          this.dispatch(PlayerProp.PlaybackStarted, true);
+          this.dispatch(PlayerProp.paused, false);
+          this.dispatch(PlayerProp.playbackStarted, true);
         }
         break;
       case VimeoDataEvent.BufferEnd:
-        this.dispatch(PlayerProp.Buffering, false);
+        this.dispatch(PlayerProp.buffering, false);
         if (this.internalState.paused)
@@ -258,17 +258,17 @@ this.onSeeked();
           this.volume = payload.volume;
-          this.dispatch(PlayerProp.Muted, false);
-          this.dispatch(PlayerProp.Volume, Math.floor(this.volume * 100));
+          this.dispatch(PlayerProp.muted, false);
+          this.dispatch(PlayerProp.volume, Math.floor(this.volume * 100));
         }
         else {
-          this.dispatch(PlayerProp.Muted, true);
+          this.dispatch(PlayerProp.muted, true);
         }
         break;
       case VimeoDataEvent.DurationChange:
-        this.dispatch(PlayerProp.Duration, payload.duration);
+        this.dispatch(PlayerProp.duration, payload.duration);
         break;
       case VimeoDataEvent.PlaybackRateChange:
-        this.dispatch(PlayerProp.PlaybackRate, payload.playbackRate);
+        this.dispatch(PlayerProp.playbackRate, payload.playbackRate);
         break;
       case VimeoDataEvent.FullscreenChange:
-        this.dispatch(PlayerProp.IsFullscreenActive, payload.fullscreen);
+        this.dispatch(PlayerProp.isFullscreenActive, payload.fullscreen);
         break;
@@ -283,7 +283,7 @@ case VimeoDataEvent.Finish:
         else {
-          this.dispatch(PlayerProp.PlaybackEnded, true);
+          this.dispatch(PlayerProp.playbackEnded, true);
         }
         break;
       case VimeoDataEvent.Error:
-        this.dispatch(PlayerProp.Errors, [new Error(payload)]);
+        this.dispatch(PlayerProp.errors, [new Error(payload)]);
         break;
@@ -327,3 +327,3 @@ }
         else {
-          this.dispatch(PlayerProp.Volume, volume);
+          this.dispatch(PlayerProp.volume, volume);
         }
@@ -330,0 +330,0 @@ },

dist/collection/components/providers/youtube/youtube.js

@@ -70,3 +70,3 @@ import { h, Component, Method, Prop, State, Watch, Event, } from '@stencil/core';
     this.dispatch = createPlayerDispatcher(this);
-    this.dispatch(PlayerProp.ViewType, ViewType.Video);
+    this.dispatch(PlayerProp.viewType, ViewType.Video);
     this.onVideoIdChange();
@@ -153,3 +153,3 @@ this.initialMuted = this.muted;
       .catch(() => loadImage(posterURL('hqdefault'), 121)) // 480p (padded 4:3)
-      .then((img) => { this.dispatch(PlayerProp.CurrentPoster, img.src); });
+      .then((img) => { this.dispatch(PlayerProp.currentPoster, img.src); });
   }
@@ -161,9 +161,9 @@ onPlayerStateChange(state) {
     const isBuffering = (state === YouTubePlayerState.Buffering);
-    this.dispatch(PlayerProp.Buffering, isBuffering);
+    this.dispatch(PlayerProp.buffering, isBuffering);
     // Attempt to detect `play` events early.
     if (this.internalState.paused && (isBuffering || isPlaying)) {
       this.internalState.paused = false;
-      this.dispatch(PlayerProp.Paused, false);
+      this.dispatch(PlayerProp.paused, false);
       if (!this.internalState.playbackStarted) {
-        this.dispatch(PlayerProp.PlaybackStarted, true);
+        this.dispatch(PlayerProp.playbackStarted, true);
         this.internalState.playbackStarted = true;
@@ -175,6 +175,6 @@ }
         this.internalState = Object.assign({}, this.defaultInternalState);
-        this.dispatch(PlayerProp.CurrentSrc, this.embedSrc);
-        this.dispatch(PlayerProp.MediaType, MediaType.Video);
+        this.dispatch(PlayerProp.currentSrc, this.embedSrc);
+        this.dispatch(PlayerProp.mediaType, MediaType.Video);
         this.pendingPosterFetch.then(() => {
-          this.dispatch(PlayerProp.PlaybackReady, true);
+          this.dispatch(PlayerProp.playbackReady, true);
           this.pendingPosterFetch = undefined;
@@ -184,7 +184,7 @@ });
       case YouTubePlayerState.Playing:
-        this.dispatch(PlayerProp.Playing, true);
+        this.dispatch(PlayerProp.playing, true);
         break;
       case YouTubePlayerState.Paused:
         this.internalState.paused = true;
-        this.dispatch(PlayerProp.Paused, true);
+        this.dispatch(PlayerProp.paused, true);
         break;
@@ -196,3 +196,3 @@ case YouTubePlayerState.Ended:
         else {
-          this.dispatch(PlayerProp.PlaybackEnded, true);
+          this.dispatch(PlayerProp.playbackEnded, true);
         }
@@ -214,7 +214,7 @@ break;
     const currentTime = this.calcCurrentTime(time);
-    this.dispatch(PlayerProp.CurrentTime, currentTime);
+    this.dispatch(PlayerProp.currentTime, currentTime);
     // This is the only way to detect `seeking`.
     if (Math.abs(this.internalState.currentTime - currentTime) > 1.5) {
       this.internalState.seeking = true;
-      this.dispatch(PlayerProp.Seeking, true);
+      this.dispatch(PlayerProp.seeking, true);
     }
@@ -224,3 +224,3 @@ this.internalState.currentTime = currentTime;
   onBufferedChange(buffered) {
-    this.dispatch(PlayerProp.Buffered, buffered);
+    this.dispatch(PlayerProp.buffered, buffered);
     /**
@@ -234,3 +234,3 @@ * This is the only way to detect `seeked`. Unfortunately while the player is `paused` `seeking`
         this.internalState.seeking = false;
-        this.dispatch(PlayerProp.Seeking, false);
+        this.dispatch(PlayerProp.seeking, false);
       }, this.internalState.paused ? 100 : 0);
@@ -245,13 +245,13 @@ }
     if (isObject(info.videoData))
-      this.dispatch(PlayerProp.MediaTitle, info.videoData.title);
+      this.dispatch(PlayerProp.mediaTitle, info.videoData.title);
     if (isNumber(info.duration)) {
       this.internalState.duration = info.duration;
-      this.dispatch(PlayerProp.Duration, info.duration);
+      this.dispatch(PlayerProp.duration, info.duration);
     }
     if (isArray(info.availablePlaybackRates)) {
-      this.dispatch(PlayerProp.PlaybackRates, info.availablePlaybackRates);
+      this.dispatch(PlayerProp.playbackRates, info.availablePlaybackRates);
     }
     if (isNumber(info.playbackRate)) {
       this.internalState.playbackRate = info.playbackRate;
-      this.dispatch(PlayerProp.PlaybackRate, info.playbackRate);
+      this.dispatch(PlayerProp.playbackRate, info.playbackRate);
     }
@@ -267,10 +267,10 @@ if (isNumber(info.currentTime))
     if (isNumber(info.volume))
-      this.dispatch(PlayerProp.Volume, info.volume);
+      this.dispatch(PlayerProp.volume, info.volume);
     if (isBoolean(info.muted))
-      this.dispatch(PlayerProp.Muted, info.muted);
+      this.dispatch(PlayerProp.muted, info.muted);
     if (isArray(info.availableQualityLevels)) {
-      this.dispatch(PlayerProp.PlaybackQualities, info.availableQualityLevels.map((q) => mapYouTubePlaybackQuality(q)));
+      this.dispatch(PlayerProp.playbackQualities, info.availableQualityLevels.map((q) => mapYouTubePlaybackQuality(q)));
     }
     if (isString(info.playbackQuality)) {
-      this.dispatch(PlayerProp.PlaybackQuality, mapYouTubePlaybackQuality(info.playbackQuality));
+      this.dispatch(PlayerProp.playbackQuality, mapYouTubePlaybackQuality(info.playbackQuality));
     }
@@ -277,0 +277,0 @@ if (isNumber(info.playerState))

dist/collection/components/ui/captions/captions.js

@@ -169,3 +169,3 @@ import { h, Component, Prop, Watch, Host, State, Event, } from '@stencil/core';
       "complexType": {
-        "original": "PlayerProps[PlayerProp.IsControlsActive]",
+        "original": "PlayerProps[PlayerProp.isControlsActive]",
         "resolved": "boolean",
@@ -200,3 +200,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.IsVideoView]",
+        "original": "PlayerProps[PlayerProp.isVideoView]",
         "resolved": "boolean",
@@ -231,3 +231,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.PlaybackStarted]",
+        "original": "PlayerProps[PlayerProp.playbackStarted]",
         "resolved": "boolean",
@@ -262,3 +262,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.TextTracks]",
+        "original": "PlayerProps[PlayerProp.textTracks]",
         "resolved": "TextTrackList | undefined",
@@ -349,6 +349,6 @@ "references": {
 withPlayerContext(Captions, [
-  PlayerProp.IsVideoView,
-  PlayerProp.PlaybackStarted,
-  PlayerProp.IsControlsActive,
-  PlayerProp.TextTracks,
+  PlayerProp.isVideoView,
+  PlayerProp.playbackStarted,
+  PlayerProp.isControlsActive,
+  PlayerProp.textTracks,
 ]);

dist/collection/components/ui/click-to-play/click-to-play.js

@@ -26,3 +26,3 @@ import { h, Component, Host, Prop, } from '@stencil/core';
   onClick() {
-    this.dispatch(PlayerProp.Paused, !this.paused);
+    this.dispatch(PlayerProp.paused, !this.paused);
   }
@@ -64,3 +64,3 @@ render() {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.Paused]",
+        "original": "PlayerProps[PlayerProp.paused]",
         "resolved": "boolean",
@@ -95,3 +95,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.IsVideoView]",
+        "original": "PlayerProps[PlayerProp.isVideoView]",
         "resolved": "boolean",
@@ -125,4 +125,4 @@ "references": {
 withPlayerContext(ClickToPlay, [
-  PlayerProp.Paused,
-  PlayerProp.IsVideoView,
+  PlayerProp.paused,
+  PlayerProp.isVideoView,
 ]);

dist/collection/components/ui/controls/caption-control/caption-control.js

@@ -178,3 +178,3 @@ import { h, Host, Component, Prop, } from '@stencil/core';
       "complexType": {
-        "original": "PlayerProps[PlayerProp.CurrentCaption]",
+        "original": "PlayerProps[PlayerProp.currentCaption]",
         "resolved": "TextTrack | undefined",
@@ -206,3 +206,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.IsCaptionsActive]",
+        "original": "PlayerProps[PlayerProp.isCaptionsActive]",
         "resolved": "boolean",
@@ -237,3 +237,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.I18N]",
+        "original": "PlayerProps[PlayerProp.i18n]",
         "resolved": "{ [x: string]: string; }",
@@ -265,5 +265,5 @@ "references": {
 withPlayerContext(CaptionControl, [
-  PlayerProp.IsCaptionsActive,
-  PlayerProp.CurrentCaption,
-  PlayerProp.I18N,
+  PlayerProp.isCaptionsActive,
+  PlayerProp.currentCaption,
+  PlayerProp.i18n,
 ]);

dist/collection/components/ui/controls/control/control.js

@@ -249,3 +249,3 @@ import { h, Host, Component, Prop, State, Element, Event, Watch, } from '@stencil/core';
       "complexType": {
-        "original": "PlayerProps[PlayerProp.IsTouch]",
+        "original": "PlayerProps[PlayerProp.isTouch]",
         "resolved": "boolean",
@@ -304,3 +304,3 @@ "references": {
 withPlayerContext(Control, [
-  PlayerProp.IsTouch,
+  PlayerProp.isTouch,
 ]);

dist/collection/components/ui/controls/controls/controls.js

@@ -143,6 +143,6 @@ import { h, Host, Component, Prop, Element, Watch, State, } from '@stencil/core';
   show() {
-    this.dispatch(PlayerProp.IsControlsActive, true);
+    this.dispatch(PlayerProp.isControlsActive, true);
   }
   hide() {
-    this.dispatch(PlayerProp.IsControlsActive, false);
+    this.dispatch(PlayerProp.isControlsActive, false);
   }
@@ -428,3 +428,3 @@ hideWithDelay() {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.IsAudioView]",
+        "original": "PlayerProps[PlayerProp.isAudioView]",
         "resolved": "boolean",
@@ -459,3 +459,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.IsSettingsActive]",
+        "original": "PlayerProps[PlayerProp.isSettingsActive]",
         "resolved": "boolean",
@@ -490,3 +490,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.PlaybackReady]",
+        "original": "PlayerProps[PlayerProp.playbackReady]",
         "resolved": "boolean",
@@ -521,3 +521,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.IsControlsActive]",
+        "original": "PlayerProps[PlayerProp.isControlsActive]",
         "resolved": "boolean",
@@ -552,3 +552,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.Paused]",
+        "original": "PlayerProps[PlayerProp.paused]",
         "resolved": "boolean",
@@ -583,3 +583,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.PlaybackStarted]",
+        "original": "PlayerProps[PlayerProp.playbackStarted]",
         "resolved": "boolean",
@@ -648,8 +648,8 @@ "references": {
 withPlayerContext(Controls, [
-  PlayerProp.PlaybackReady,
-  PlayerProp.IsAudioView,
-  PlayerProp.IsControlsActive,
-  PlayerProp.IsSettingsActive,
-  PlayerProp.Paused,
-  PlayerProp.PlaybackStarted,
+  PlayerProp.playbackReady,
+  PlayerProp.isAudioView,
+  PlayerProp.isControlsActive,
+  PlayerProp.isSettingsActive,
+  PlayerProp.paused,
+  PlayerProp.playbackStarted,
 ]);

dist/collection/components/ui/controls/default-controls/default-controls.js

@@ -186,3 +186,3 @@ import { h, Host, Component, Prop, } from '@stencil/core';
       "complexType": {
-        "original": "PlayerProps[PlayerProp.IsMobile]",
+        "original": "PlayerProps[PlayerProp.isMobile]",
         "resolved": "boolean",
@@ -217,3 +217,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.IsLive]",
+        "original": "PlayerProps[PlayerProp.isLive]",
         "resolved": "boolean",
@@ -248,3 +248,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.IsAudioView]",
+        "original": "PlayerProps[PlayerProp.isAudioView]",
         "resolved": "boolean",
@@ -279,3 +279,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.IsVideoView]",
+        "original": "PlayerProps[PlayerProp.isVideoView]",
         "resolved": "boolean",
@@ -309,6 +309,6 @@ "references": {
 withPlayerContext(DefaultControls, [
-  PlayerProp.IsMobile,
-  PlayerProp.IsAudioView,
-  PlayerProp.IsVideoView,
-  PlayerProp.IsLive,
+  PlayerProp.isMobile,
+  PlayerProp.isAudioView,
+  PlayerProp.isVideoView,
+  PlayerProp.isLive,
 ]);

dist/collection/components/ui/controls/fullscreen-control/fullscreen-control.js

@@ -187,3 +187,3 @@ import { h, Host, Component, Prop, State, Watch, } from '@stencil/core';
       "complexType": {
-        "original": "PlayerProps[PlayerProp.IsFullscreenActive]",
+        "original": "PlayerProps[PlayerProp.isFullscreenActive]",
         "resolved": "boolean",
@@ -218,3 +218,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.I18N]",
+        "original": "PlayerProps[PlayerProp.i18n]",
         "resolved": "{ [x: string]: string; }",
@@ -247,3 +247,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.PlaybackReady]",
+        "original": "PlayerProps[PlayerProp.playbackReady]",
         "resolved": "boolean",
@@ -284,5 +284,5 @@ "references": {
 withPlayerContext(FullscreenControl, [
-  PlayerProp.IsFullscreenActive,
-  PlayerProp.PlaybackReady,
-  PlayerProp.I18N,
+  PlayerProp.isFullscreenActive,
+  PlayerProp.playbackReady,
+  PlayerProp.i18n,
 ]);

dist/collection/components/ui/controls/mute-control/mute-control.js

@@ -53,3 +53,3 @@ import { h, Component, Prop } from '@stencil/core';
   onClick() {
-    this.dispatch(PlayerProp.Muted, !this.muted);
+    this.dispatch(PlayerProp.muted, !this.muted);
   }
@@ -202,3 +202,3 @@ render() {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.Volume]",
+        "original": "PlayerProps[PlayerProp.volume]",
         "resolved": "number",
@@ -233,3 +233,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.Muted]",
+        "original": "PlayerProps[PlayerProp.muted]",
         "resolved": "boolean",
@@ -264,3 +264,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.I18N]",
+        "original": "PlayerProps[PlayerProp.i18n]",
         "resolved": "{ [x: string]: string; }",
@@ -292,5 +292,5 @@ "references": {
 withPlayerContext(MuteControl, [
-  PlayerProp.Muted,
-  PlayerProp.Volume,
-  PlayerProp.I18N,
+  PlayerProp.muted,
+  PlayerProp.volume,
+  PlayerProp.i18n,
 ]);

dist/collection/components/ui/controls/pip-control/pip-control.js

@@ -187,3 +187,3 @@ import { h, Host, Component, Prop, Watch, State, } from '@stencil/core';
       "complexType": {
-        "original": "PlayerProps[PlayerProp.IsPiPActive]",
+        "original": "PlayerProps[PlayerProp.isPiPActive]",
         "resolved": "boolean",
@@ -218,3 +218,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.I18N]",
+        "original": "PlayerProps[PlayerProp.i18n]",
         "resolved": "{ [x: string]: string; }",
@@ -247,3 +247,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.PlaybackReady]",
+        "original": "PlayerProps[PlayerProp.playbackReady]",
         "resolved": "boolean",
@@ -284,5 +284,5 @@ "references": {
 withPlayerContext(PiPControl, [
-  PlayerProp.IsPiPActive,
-  PlayerProp.PlaybackReady,
-  PlayerProp.I18N,
+  PlayerProp.isPiPActive,
+  PlayerProp.playbackReady,
+  PlayerProp.i18n,
 ]);

dist/collection/components/ui/controls/playback-control/playback-control.js

@@ -41,3 +41,3 @@ import { h, Component, Prop } from '@stencil/core';
   onClick() {
-    this.dispatch(PlayerProp.Paused, !this.paused);
+    this.dispatch(PlayerProp.paused, !this.paused);
   }
@@ -172,3 +172,3 @@ render() {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.Paused]",
+        "original": "PlayerProps[PlayerProp.paused]",
         "resolved": "boolean",
@@ -203,3 +203,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.I18N]",
+        "original": "PlayerProps[PlayerProp.i18n]",
         "resolved": "{ [x: string]: string; }",
@@ -231,4 +231,4 @@ "references": {
 withPlayerContext(PlaybackControl, [
-  PlayerProp.Paused,
-  PlayerProp.I18N,
+  PlayerProp.paused,
+  PlayerProp.i18n,
 ]);

dist/collection/components/ui/controls/scrubber-control/scrubber-control.js

@@ -61,3 +61,3 @@ import { h, Host, Component, Prop, State, Watch, Element, writeTask, } from '@stencil/core';
         : Math.min(this.duration, this.currentTime + 5);
-      this.dispatch(PlayerProp.CurrentTime, seekTo);
+      this.dispatch(PlayerProp.currentTime, seekTo);
     };
@@ -94,3 +94,3 @@ this.keyboardDisposal.add(listen(player, 'keydown', onKeyDown));
   onSeek(event) {
-    this.dispatch(PlayerProp.CurrentTime, event.detail);
+    this.dispatch(PlayerProp.currentTime, event.detail);
   }
@@ -178,3 +178,3 @@ onSeeking(event) {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.CurrentTime]",
+        "original": "PlayerProps[PlayerProp.currentTime]",
         "resolved": "number",
@@ -209,3 +209,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.Duration]",
+        "original": "PlayerProps[PlayerProp.duration]",
         "resolved": "number",
@@ -258,3 +258,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.Buffering]",
+        "original": "PlayerProps[PlayerProp.buffering]",
         "resolved": "boolean",
@@ -289,3 +289,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.Buffered]",
+        "original": "PlayerProps[PlayerProp.buffered]",
         "resolved": "number",
@@ -320,3 +320,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.I18N]",
+        "original": "PlayerProps[PlayerProp.i18n]",
         "resolved": "{ [x: string]: string; }",
@@ -360,7 +360,7 @@ "references": {
 withPlayerContext(ScrubberControl, [
-  PlayerProp.I18N,
-  PlayerProp.CurrentTime,
-  PlayerProp.Duration,
-  PlayerProp.Buffering,
-  PlayerProp.Buffered,
+  PlayerProp.i18n,
+  PlayerProp.currentTime,
+  PlayerProp.duration,
+  PlayerProp.buffering,
+  PlayerProp.buffered,
 ]);

dist/collection/components/ui/controls/settings-control/settings-control.js

@@ -133,3 +133,3 @@ import { h, Host, Component, Prop, Element, } from '@stencil/core';
       "complexType": {
-        "original": "PlayerProps[PlayerProp.I18N]",
+        "original": "PlayerProps[PlayerProp.i18n]",
         "resolved": "{ [x: string]: string; }",
@@ -162,3 +162,3 @@ "references": {
 withPlayerContext(SettingsControl, [
-  PlayerProp.I18N,
+  PlayerProp.i18n,
 ]);

dist/collection/components/ui/controls/volume-control/volume-control.js

@@ -66,3 +66,3 @@ import { h, Host, Component, Prop, State, Watch, } from '@stencil/core';
       const newVolume = isUpArrow ? Math.min(100, this.volume + 5) : Math.max(0, this.volume - 5);
-      this.dispatch(PlayerProp.Volume, parseInt(`${newVolume}`, 10));
+      this.dispatch(PlayerProp.volume, parseInt(`${newVolume}`, 10));
     }));
@@ -73,3 +73,3 @@ }
     if (!this.muted && this.prevMuted && this.volume === 0) {
-      this.dispatch(PlayerProp.Volume, 30);
+      this.dispatch(PlayerProp.volume, 30);
     }
@@ -98,4 +98,4 @@ this.prevMuted = this.muted;
     this.currentVolume = newVolume;
-    this.dispatch(PlayerProp.Volume, newVolume);
-    this.dispatch(PlayerProp.Muted, newVolume === 0);
+    this.dispatch(PlayerProp.volume, newVolume);
+    this.dispatch(PlayerProp.muted, newVolume === 0);
   }
@@ -257,3 +257,3 @@ onKeyDown(event) {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.Muted]",
+        "original": "PlayerProps[PlayerProp.muted]",
         "resolved": "boolean",
@@ -288,3 +288,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.Volume]",
+        "original": "PlayerProps[PlayerProp.volume]",
         "resolved": "number",
@@ -319,3 +319,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.IsMobile]",
+        "original": "PlayerProps[PlayerProp.isMobile]",
         "resolved": "boolean",
@@ -350,3 +350,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.I18N]",
+        "original": "PlayerProps[PlayerProp.i18n]",
         "resolved": "{ [x: string]: string; }",
@@ -392,6 +392,6 @@ "references": {
 withPlayerContext(VolumeControl, [
-  PlayerProp.Volume,
-  PlayerProp.Muted,
-  PlayerProp.IsMobile,
-  PlayerProp.I18N,
+  PlayerProp.volume,
+  PlayerProp.muted,
+  PlayerProp.isMobile,
+  PlayerProp.i18n,
 ]);

dist/collection/components/ui/live-indicator/live-indicator.js

@@ -34,3 +34,3 @@ import { h, Host, Component, Prop, } from '@stencil/core';
       "complexType": {
-        "original": "PlayerProps[PlayerProp.IsLive]",
+        "original": "PlayerProps[PlayerProp.isLive]",
         "resolved": "boolean",
@@ -65,3 +65,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.I18N]",
+        "original": "PlayerProps[PlayerProp.i18n]",
         "resolved": "{ [x: string]: string; }",
@@ -93,4 +93,4 @@ "references": {
 withPlayerContext(LiveIndicator, [
-  PlayerProp.IsLive,
-  PlayerProp.I18N,
+  PlayerProp.isLive,
+  PlayerProp.i18n,
 ]);

dist/collection/components/ui/poster/poster.js

@@ -82,3 +82,3 @@ import { h, Component, Prop, State, Watch, Host, Event, } from '@stencil/core';
       "complexType": {
-        "original": "PlayerProps[PlayerProp.IsVideoView]",
+        "original": "PlayerProps[PlayerProp.isVideoView]",
         "resolved": "boolean",
@@ -113,3 +113,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.CurrentPoster]",
+        "original": "PlayerProps[PlayerProp.currentPoster]",
         "resolved": "string | undefined",
@@ -143,3 +143,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.MediaTitle]",
+        "original": "PlayerProps[PlayerProp.mediaTitle]",
         "resolved": "string | undefined",
@@ -173,3 +173,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.PlaybackStarted]",
+        "original": "PlayerProps[PlayerProp.playbackStarted]",
         "resolved": "boolean",
@@ -267,6 +267,6 @@ "references": {
 withPlayerContext(Poster, [
-  PlayerProp.MediaTitle,
-  PlayerProp.CurrentPoster,
-  PlayerProp.PlaybackStarted,
-  PlayerProp.IsVideoView,
+  PlayerProp.mediaTitle,
+  PlayerProp.currentPoster,
+  PlayerProp.playbackStarted,
+  PlayerProp.isVideoView,
 ]);

dist/collection/components/ui/scrim/scrim.js

@@ -55,3 +55,3 @@ import { h, Component, Host, Prop, } from '@stencil/core';
       "complexType": {
-        "original": "PlayerProps[PlayerProp.IsVideoView]",
+        "original": "PlayerProps[PlayerProp.isVideoView]",
         "resolved": "boolean",
@@ -86,3 +86,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.IsControlsActive]",
+        "original": "PlayerProps[PlayerProp.isControlsActive]",
         "resolved": "boolean",
@@ -116,4 +116,4 @@ "references": {
 withPlayerContext(Scrim, [
-  PlayerProp.IsVideoView,
-  PlayerProp.IsControlsActive,
+  PlayerProp.isVideoView,
+  PlayerProp.isControlsActive,
 ]);

dist/collection/components/ui/settings/default-settings/default-settings.js

@@ -68,3 +68,3 @@ import { h, Component, Prop, Watch, forceUpdate, } from '@stencil/core';
     const radio = event.target;
-    this.dispatch(PlayerProp.PlaybackRate, parseFloat(radio.value));
+    this.dispatch(PlayerProp.playbackRate, parseFloat(radio.value));
   }
@@ -85,3 +85,3 @@ async buildPlaybackRateSubmenu() {
     const radio = event.target;
-    this.dispatch(PlayerProp.PlaybackQuality, radio.value);
+    this.dispatch(PlayerProp.playbackQuality, radio.value);
   }
@@ -154,3 +154,3 @@ async buildPlaybackQualitySubmenu() {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.I18N]",
+        "original": "PlayerProps[PlayerProp.i18n]",
         "resolved": "{ [x: string]: string; }",
@@ -183,3 +183,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.PlaybackRate]",
+        "original": "PlayerProps[PlayerProp.playbackRate]",
         "resolved": "number",
@@ -214,3 +214,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.PlaybackRates]",
+        "original": "PlayerProps[PlayerProp.playbackRates]",
         "resolved": "number[]",
@@ -243,3 +243,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.PlaybackQuality]",
+        "original": "PlayerProps[PlayerProp.playbackQuality]",
         "resolved": "string | undefined",
@@ -273,3 +273,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.PlaybackQualities]",
+        "original": "PlayerProps[PlayerProp.playbackQualities]",
         "resolved": "string[]",
@@ -302,3 +302,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.IsCaptionsActive]",
+        "original": "PlayerProps[PlayerProp.isCaptionsActive]",
         "resolved": "boolean",
@@ -333,3 +333,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.CurrentCaption]",
+        "original": "PlayerProps[PlayerProp.currentCaption]",
         "resolved": "TextTrack | undefined",
@@ -361,3 +361,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.TextTracks]",
+        "original": "PlayerProps[PlayerProp.textTracks]",
         "resolved": "TextTrackList | undefined",
@@ -392,10 +392,10 @@ "references": {
 withPlayerContext(DefaultSettings, [
-  PlayerProp.I18N,
-  PlayerProp.PlaybackRate,
-  PlayerProp.PlaybackRates,
-  PlayerProp.PlaybackQuality,
-  PlayerProp.PlaybackQualities,
-  PlayerProp.IsCaptionsActive,
-  PlayerProp.CurrentCaption,
-  PlayerProp.TextTracks,
+  PlayerProp.i18n,
+  PlayerProp.playbackRate,
+  PlayerProp.playbackRates,
+  PlayerProp.playbackQuality,
+  PlayerProp.playbackQualities,
+  PlayerProp.isCaptionsActive,
+  PlayerProp.currentCaption,
+  PlayerProp.textTracks,
 ]);

dist/collection/components/ui/settings/menu-item/menu-item.js

@@ -231,3 +231,3 @@ /* eslint-disable jsx-a11y/no-noninteractive-tabindex */
       "complexType": {
-        "original": "PlayerProps[PlayerProp.IsTouch]",
+        "original": "PlayerProps[PlayerProp.isTouch]",
         "resolved": "boolean",
@@ -265,3 +265,3 @@ "references": {
 withPlayerContext(MenuItem, [
-  PlayerProp.IsTouch,
+  PlayerProp.isTouch,
 ]);

dist/collection/components/ui/settings/settings/settings.js

@@ -24,3 +24,2 @@ /* eslint-disable no-param-reassign */
      */
-    // eslint-disable-next-line @stencil/strict-mutable
     this.active = false;
@@ -37,3 +36,3 @@ /**
   onActiveChange() {
-    this.dispatch(PlayerProp.IsSettingsActive, this.active);
+    this.dispatch(PlayerProp.isSettingsActive, this.active);
     if (isUndefined(this.controller))
@@ -132,3 +131,3 @@ return;
       "complexType": {
-        "original": "PlayerProps[PlayerProp.IsMobile]",
+        "original": "PlayerProps[PlayerProp.isMobile]",
         "resolved": "boolean",
@@ -163,3 +162,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.IsAudioView]",
+        "original": "PlayerProps[PlayerProp.isAudioView]",
         "resolved": "boolean",
@@ -232,4 +231,4 @@ "references": {
 withPlayerContext(Settings, [
-  PlayerProp.IsMobile,
-  PlayerProp.IsAudioView,
+  PlayerProp.isMobile,
+  PlayerProp.isAudioView,
 ]);

dist/collection/components/ui/settings/submenu/submenu.js

@@ -17,3 +17,2 @@ import { h, Host, Component, Prop, } from '@stencil/core';
      */
-    // eslint-disable-next-line @stencil/strict-mutable
     this.active = false;
@@ -20,0 +19,0 @@ }

dist/collection/components/ui/spinner/spinner.js

@@ -47,3 +47,3 @@ import { h, Component, State, Prop, Watch, Host, Event, } from '@stencil/core';
       "complexType": {
-        "original": "PlayerProps[PlayerProp.IsVideoView]",
+        "original": "PlayerProps[PlayerProp.isVideoView]",
         "resolved": "boolean",
@@ -78,3 +78,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.Buffering]",
+        "original": "PlayerProps[PlayerProp.buffering]",
         "resolved": "boolean",
@@ -150,4 +150,4 @@ "references": {
 withPlayerContext(Spinner, [
-  PlayerProp.IsVideoView,
-  PlayerProp.Buffering,
+  PlayerProp.isVideoView,
+  PlayerProp.buffering,
 ]);

dist/collection/components/ui/time/current-time/current-time.js

@@ -29,3 +29,3 @@ import { h, Component, Prop } from '@stencil/core';
       "complexType": {
-        "original": "PlayerProps[PlayerProp.CurrentTime]",
+        "original": "PlayerProps[PlayerProp.currentTime]",
         "resolved": "number",
@@ -60,3 +60,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.I18N]",
+        "original": "PlayerProps[PlayerProp.i18n]",
         "resolved": "{ [x: string]: string; }",
@@ -106,4 +106,4 @@ "references": {
 withPlayerContext(CurrentTime, [
-  PlayerProp.CurrentTime,
-  PlayerProp.I18N,
+  PlayerProp.currentTime,
+  PlayerProp.i18n,
 ]);

dist/collection/components/ui/time/end-time/end-time.js

@@ -29,3 +29,3 @@ import { h, Component, Prop } from '@stencil/core';
       "complexType": {
-        "original": "PlayerProps[PlayerProp.Duration]",
+        "original": "PlayerProps[PlayerProp.duration]",
         "resolved": "number",
@@ -60,3 +60,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.I18N]",
+        "original": "PlayerProps[PlayerProp.i18n]",
         "resolved": "{ [x: string]: string; }",
@@ -106,4 +106,4 @@ "references": {
 withPlayerContext(EndTime, [
-  PlayerProp.Duration,
-  PlayerProp.I18N,
+  PlayerProp.duration,
+  PlayerProp.i18n,
 ]);

dist/collection/components/ui/tooltip/tooltip.js

@@ -139,3 +139,3 @@ import { h, Host, Component, Element, Prop, } from '@stencil/core';
       "complexType": {
-        "original": "PlayerProps[PlayerProp.IsTouch]",
+        "original": "PlayerProps[PlayerProp.isTouch]",
         "resolved": "boolean",
@@ -170,3 +170,3 @@ "references": {
 withPlayerContext(Tooltip, [
-  PlayerProp.IsTouch,
+  PlayerProp.isTouch,
 ]);

dist/collection/components/ui/ui/ui.js

@@ -45,3 +45,3 @@ import { h, Host, Component, Prop, } from '@stencil/core';
       "complexType": {
-        "original": "PlayerProps[PlayerProp.IsVideoView]",
+        "original": "PlayerProps[PlayerProp.isVideoView]",
         "resolved": "boolean",
@@ -76,3 +76,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.Playsinline]",
+        "original": "PlayerProps[PlayerProp.playsinline]",
         "resolved": "boolean",
@@ -107,3 +107,3 @@ "references": {
       "complexType": {
-        "original": "PlayerProps[PlayerProp.IsFullscreenActive]",
+        "original": "PlayerProps[PlayerProp.isFullscreenActive]",
         "resolved": "boolean",
@@ -137,5 +137,5 @@ "references": {
 withPlayerContext(UI, [
-  PlayerProp.IsVideoView,
-  PlayerProp.Playsinline,
-  PlayerProp.IsFullscreenActive,
+  PlayerProp.isVideoView,
+  PlayerProp.playsinline,
+  PlayerProp.isFullscreenActive,
 ]);

dist/collection/index.js

@@ -1,5 +0,9 @@
-import { PlayerProp } from './components/core/player/PlayerProp';
+import { PlayerProp, isInternalReadonlyPlayerProp, isExternalReadonlyPlayerProp, } from './components/core/player/PlayerProp';
 import { createPlayerDispatcher } from './components/core/player/PlayerDispatcher';
-import { withPlayerContext, withCustomPlayerContext } from './components/core/player/PlayerContext';
+import { withPlayerContext, usePlayerContext } from './components/core/player/PlayerContext';
+import { PlayerEvent } from './components/core/player/PlayerEvent';
+import { findRootPlayer } from './components/core/player/utils';
+import { ViewType } from './components/core/player/ViewType';
+import { MediaType } from './components/core/player/MediaType';
 export * from './components';
-export { PlayerProp, withPlayerContext, withCustomPlayerContext, createPlayerDispatcher, };
+export { PlayerProp, PlayerEvent, ViewType, MediaType, findRootPlayer, isInternalReadonlyPlayerProp, isExternalReadonlyPlayerProp, withPlayerContext, usePlayerContext, createPlayerDispatcher, };

dist/collection/utils/network.js

@@ -83,3 +83,3 @@ import { isString, isArray, isNullOrUndefined, isObject, isUndefined, } from './unit';
   let match;
-  // eslint-disable-next-line no-cond-assign,@stencil/strict-boolean-conditions
+  // eslint-disable-next-line no-cond-assign
   while ((match = QUERY_STRING_REGEX.exec(qs))) {
@@ -86,0 +86,0 @@ const name = tryDecodeURIComponent(match[1], match[1]).replace('[]', '');

dist/esm/index.js

@@ -1,6 +0,9 @@
-import './index-73b6fe82.js';
-export { P as PlayerProp } from './PlayerProp-98f9a11a.js';
+import './index-ca9f1723.js';
+export { P as PlayerProp, a as isExternalReadonlyPlayerProp, i as isInternalReadonlyPlayerProp } from './PlayerProp-30acb9cd.js';
 import './unit-8baed40c.js';
-export { c as createPlayerDispatcher } from './PlayerDispatcher-d00b3b5a.js';
-export { a as withCustomPlayerContext, w as withPlayerContext } from './PlayerContext-b1acf561.js';
-import './PlayerEvent-a8882c70.js';
+export { c as createPlayerDispatcher } from './PlayerDispatcher-9b774f3b.js';
+export { f as findRootPlayer, u as usePlayerContext, w as withPlayerContext } from './PlayerContext-a6250099.js';
+export { P as PlayerEvent } from './PlayerEvent-ad7420c2.js';
+import './dom-7d8f37d1.js';
+export { V as ViewType } from './ViewType-6da43616.js';
+export { M as MediaType } from './MediaType-aec4c150.js';

dist/esm/loader.js

@@ -1,5 +0,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-73b6fe82.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-ca9f1723.js';
 
 /*
- Stencil Client Patch Esm v2.0.0-5 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.0.0-6 | MIT Licensed | https://stenciljs.com
  */
@@ -13,3 +13,3 @@ const patchEsm = () => {
   return patchEsm().then(() => {
-  return bootstrapLazy(JSON.parse("[[\"vime-default-ui\",[[4,\"vime-default-ui\",{\"noIcons\":[4,\"no-icons\"],\"noClickToPlay\":[4,\"no-click-to-play\"],\"noCaptions\":[4,\"no-captions\"],\"noPoster\":[4,\"no-poster\"],\"noSpinner\":[4,\"no-spinner\"],\"noControls\":[4,\"no-controls\"],\"noSettings\":[4,\"no-settings\"]}]]],[\"vime-dash\",[[0,\"vime-dash\",{\"src\":[1],\"version\":[1],\"config\":[16],\"autoplay\":[4],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]}]]],[\"vime-hls\",[[4,\"vime-hls\",{\"version\":[1],\"config\":[8],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]}]]],[\"vime-audio\",[[4,\"vime-audio\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}]]],[\"vime-embed\",[[0,\"vime-embed\",{\"embedSrc\":[1,\"embed-src\"],\"mediaTitle\":[1,\"media-title\"],\"params\":[1],\"origin\":[1],\"preconnections\":[16],\"decoder\":[16],\"srcWithParams\":[32],\"hasEnteredViewport\":[32],\"postMessage\":[64]},[[8,\"message\",\"onWindowMessage\"]]]]],[\"vime-dailymotion\",[[0,\"vime-dailymotion\",{\"videoId\":[1,\"video-id\"],\"shouldAutoplayQueue\":[4,\"should-autoplay-queue\"],\"showUpNextQueue\":[4,\"show-up-next-queue\"],\"showShareButtons\":[4,\"show-share-buttons\"],\"color\":[1],\"syndication\":[1],\"showDailymotionLogo\":[4,\"show-dailymotion-logo\"],\"showVideoInfo\":[4,\"show-video-info\"],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}]]],[\"vime-vimeo\",[[0,\"vime-vimeo\",{\"videoId\":[1,\"video-id\"],\"byline\":[4],\"color\":[1],\"portrait\":[4],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}]]],[\"vime-youtube\",[[0,\"vime-youtube\",{\"cookies\":[4],\"videoId\":[1,\"video-id\"],\"showFullscreenControl\":[4,\"show-fullscreen-control\"],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}]]],[\"vime-faketube\",[[0,\"vime-faketube\",{\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"getAdapter\":[64],\"dispatchLoadStart\":[64],\"dispatchStateChange\":[64]}]]],[\"vime-player\",[[4,\"vime-player\",{\"paused\":[1028],\"playing\":[1028],\"duration\":[1026],\"mediaTitle\":[1025,\"media-title\"],\"currentSrc\":[1025,\"current-src\"],\"currentPoster\":[1025,\"current-poster\"],\"currentTime\":[1026,\"current-time\"],\"autoplay\":[4],\"ready\":[1540],\"playbackReady\":[1028,\"playback-ready\"],\"loop\":[4],\"muted\":[1028],\"buffered\":[1026],\"playbackRate\":[1026,\"playback-rate\"],\"playbackRates\":[1040],\"playbackQuality\":[1025,\"playback-quality\"],\"playbackQualities\":[1040],\"seeking\":[1028],\"debug\":[4],\"playbackStarted\":[1028,\"playback-started\"],\"playbackEnded\":[1028,\"playback-ended\"],\"buffering\":[1028],\"controls\":[4],\"isControlsActive\":[4,\"is-controls-active\"],\"errors\":[1040],\"textTracks\":[1040],\"currentCaption\":[1040],\"isCaptionsActive\":[1028,\"is-captions-active\"],\"isSettingsActive\":[1028,\"is-settings-active\"],\"volume\":[1026],\"isFullscreenActive\":[1028,\"is-fullscreen-active\"],\"aspectRatio\":[1025,\"aspect-ratio\"],\"viewType\":[1025,\"view-type\"],\"isAudioView\":[1028,\"is-audio-view\"],\"isVideoView\":[1028,\"is-video-view\"],\"mediaType\":[1025,\"media-type\"],\"isAudio\":[1028,\"is-audio\"],\"isVideo\":[1028,\"is-video\"],\"isLive\":[1028,\"is-live\"],\"isMobile\":[1028,\"is-mobile\"],\"isTouch\":[1028,\"is-touch\"],\"isPiPActive\":[1028,\"is-pi-p-active\"],\"autopause\":[4],\"playsinline\":[4],\"language\":[1025],\"translations\":[1040],\"languages\":[1040],\"i18n\":[1040],\"noSkeleton\":[4,\"no-skeleton\"],\"getProvider\":[64],\"getAdapter\":[64],\"play\":[64],\"pause\":[64],\"canPlay\":[64],\"canAutoplay\":[64],\"canMutedAutoplay\":[64],\"canSetPlaybackRate\":[64],\"canSetPlaybackQuality\":[64],\"canSetFullscreen\":[64],\"enterFullscreen\":[64],\"exitFullscreen\":[64],\"canSetPiP\":[64],\"enterPiP\":[64],\"exitPiP\":[64],\"extendLanguage\":[64],\"callAdapter\":[64],\"toggleCaptionsVisiblity\":[64]},[[0,\"vLoadStart\",\"onMediaChange\"],[0,\"vStateChange\",\"onStateChange\"]]]]],[\"vime-file\",[[4,\"vime-file\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"mediaTitle\":[1,\"media-title\"],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"viewType\":[1,\"view-type\"],\"playbackRates\":[16],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"getAdapter\":[64]}]]],[\"vime-video\",[[4,\"vime-video\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}]]],[\"vime-slider\",[[0,\"vime-slider\",{\"step\":[2],\"min\":[2],\"max\":[2],\"value\":[2],\"valueText\":[1,\"value-text\"],\"label\":[1]}]]],[\"vime-time\",[[0,\"vime-time\",{\"label\":[1],\"seconds\":[2],\"alwaysShowHours\":[4,\"always-show-hours\"]}]]],[\"vime-control_3\",[[4,\"vime-control\",{\"keys\":[1],\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"pressed\":[4],\"scale\":[2],\"isTouch\":[4,\"is-touch\"],\"describedBy\":[32],\"showTapHighlight\":[32]}],[4,\"vime-tooltip\",{\"hidden\":[4],\"active\":[4],\"position\":[1],\"direction\":[1],\"isTouch\":[4,\"is-touch\"]}],[4,\"vime-icon\",{\"href\":[1],\"color\":[1],\"scale\":[2],\"opacity\":[2]}]]],[\"vime-menu_2\",[[0,\"vime-menu-item\",{\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"checked\":[4],\"hint\":[1],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"],\"isTouch\":[4,\"is-touch\"],\"showTapHighlight\":[32]}],[4,\"vime-menu\",{\"active\":[1540],\"identifier\":[1],\"controller\":[1],\"menuItems\":[32],\"currFocusedMenuItem\":[32],\"getController\":[64],\"getFocusedMenuItem\":[64],\"focusOnOpen\":[64]},[[0,\"vOpen\",\"onSubmenuOpen\"],[0,\"vClose\",\"onSubmenuClose\"],[8,\"click\",\"onWindowClick\"],[8,\"keydown\",\"onWindowKeyDown\"]]]]],[\"vime-menu-radio_4\",[[4,\"vime-submenu\",{\"label\":[1],\"hidden\":[4],\"hint\":[1],\"active\":[1540]}],[0,\"vime-menu-radio\",{\"label\":[1],\"value\":[1],\"checked\":[1028],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"]}],[4,\"vime-settings\",{\"controlsHeight\":[2,\"controls-height\"],\"active\":[1540],\"isMobile\":[4,\"is-mobile\"],\"isAudioView\":[4,\"is-audio-view\"],\"controllerId\":[32],\"setController\":[64]}],[4,\"vime-menu-radio-group\",{\"value\":[1025]},[[0,\"vCheck\",\"onSelectionChange\"]]]]],[\"vime-caption-control_16\",[[0,\"vime-volume-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"muteKeys\":[1,\"mute-keys\"],\"noKeyboard\":[4,\"no-keyboard\"],\"muted\":[4],\"volume\":[2],\"isMobile\":[4,\"is-mobile\"],\"i18n\":[16],\"currentVolume\":[32],\"isSliderActive\":[32]}],[0,\"vime-caption-control\",{\"showIcon\":[1,\"show-icon\"],\"hideIcon\":[1,\"hide-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"currentCaption\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"i18n\":[16]}],[0,\"vime-fullscreen-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"isFullscreenActive\":[4,\"is-fullscreen-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetFullscreen\":[32]}],[0,\"vime-pip-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"scale\":[2],\"isPiPActive\":[4,\"is-pi-p-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetPiP\":[32]}],[0,\"vime-playback-control\",{\"playIcon\":[1,\"play-icon\"],\"pauseIcon\":[1,\"pause-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"paused\":[4],\"i18n\":[16]}],[0,\"vime-settings-control\",{\"icon\":[1],\"tooltipDirection\":[1,\"tooltip-direction\"],\"menu\":[1],\"expanded\":[4],\"i18n\":[16]}],[0,\"vime-time-progress\",{\"separator\":[1],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-scrubber-control\",{\"alwaysShowHours\":[4,\"always-show-hours\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"currentTime\":[2,\"current-time\"],\"duration\":[2],\"noKeyboard\":[4,\"no-keyboard\"],\"buffering\":[4],\"buffered\":[2],\"i18n\":[16],\"timestamp\":[32],\"endTime\":[32]}],[4,\"vime-control-group\",{\"space\":[1]}],[0,\"vime-control-spacer\"],[4,\"vime-controls\",{\"hidden\":[4],\"fullWidth\":[4,\"full-width\"],\"fullHeight\":[4,\"full-height\"],\"direction\":[1],\"align\":[1],\"justify\":[1],\"pin\":[513],\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"isAudioView\":[4,\"is-audio-view\"],\"isSettingsActive\":[4,\"is-settings-active\"],\"playbackReady\":[4,\"playback-ready\"],\"isControlsActive\":[4,\"is-controls-active\"],\"paused\":[4],\"playbackStarted\":[4,\"playback-started\"],\"isInteracting\":[32]}],[0,\"vime-live-indicator\",{\"isLive\":[4,\"is-live\"],\"i18n\":[16]}],[0,\"vime-scrim\",{\"gradient\":[1],\"isVideoView\":[4,\"is-video-view\"],\"isControlsActive\":[4,\"is-controls-active\"]}],[0,\"vime-mute-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"volume\":[2],\"muted\":[4],\"i18n\":[16]}],[0,\"vime-current-time\",{\"currentTime\":[2,\"current-time\"],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-end-time\",{\"duration\":[2],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}]]],[\"vime-captions_8\",[[0,\"vime-default-controls\",{\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"isMobile\":[4,\"is-mobile\"],\"isLive\":[4,\"is-live\"],\"isAudioView\":[4,\"is-audio-view\"],\"isVideoView\":[4,\"is-video-view\"]}],[4,\"vime-default-settings\",{\"i18n\":[16],\"playbackRate\":[2,\"playback-rate\"],\"playbackRates\":[16],\"playbackQuality\":[1,\"playback-quality\"],\"playbackQualities\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"currentCaption\":[16],\"textTracks\":[16]}],[0,\"vime-captions\",{\"hidden\":[4],\"controlsHeight\":[2,\"controls-height\"],\"isControlsActive\":[4,\"is-controls-active\"],\"isVideoView\":[4,\"is-video-view\"],\"playbackStarted\":[4,\"playback-started\"],\"textTracks\":[16],\"isEnabled\":[32],\"activeTrack\":[32],\"activeCues\":[32]}],[0,\"vime-click-to-play\",{\"useOnMobile\":[4,\"use-on-mobile\"],\"paused\":[4],\"isVideoView\":[4,\"is-video-view\"]}],[0,\"vime-icons\",{\"href\":[1]}],[0,\"vime-poster\",{\"fit\":[1],\"isVideoView\":[4,\"is-video-view\"],\"currentPoster\":[1,\"current-poster\"],\"mediaTitle\":[1,\"media-title\"],\"playbackStarted\":[4,\"playback-started\"],\"isHidden\":[32],\"isActive\":[32],\"hasLoaded\":[32]}],[0,\"vime-spinner\",{\"isVideoView\":[4,\"is-video-view\"],\"buffering\":[4],\"isHidden\":[32],\"isActive\":[32]}],[4,\"vime-ui\",{\"isVideoView\":[4,\"is-video-view\"],\"playsinline\":[4],\"isFullscreenActive\":[4,\"is-fullscreen-active\"]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"vime-default-ui\",[[4,\"vime-default-ui\",{\"noIcons\":[4,\"no-icons\"],\"noClickToPlay\":[4,\"no-click-to-play\"],\"noCaptions\":[4,\"no-captions\"],\"noPoster\":[4,\"no-poster\"],\"noSpinner\":[4,\"no-spinner\"],\"noControls\":[4,\"no-controls\"],\"noSettings\":[4,\"no-settings\"]}]]],[\"vime-dash\",[[0,\"vime-dash\",{\"src\":[1],\"version\":[1],\"config\":[16],\"autoplay\":[4],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]}]]],[\"vime-hls\",[[4,\"vime-hls\",{\"version\":[1],\"config\":[8],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]}]]],[\"vime-audio\",[[4,\"vime-audio\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}]]],[\"vime-embed\",[[0,\"vime-embed\",{\"embedSrc\":[1,\"embed-src\"],\"mediaTitle\":[1,\"media-title\"],\"params\":[1],\"origin\":[1],\"preconnections\":[16],\"decoder\":[16],\"srcWithParams\":[32],\"hasEnteredViewport\":[32],\"postMessage\":[64]},[[8,\"message\",\"onWindowMessage\"]]]]],[\"vime-dailymotion\",[[0,\"vime-dailymotion\",{\"videoId\":[1,\"video-id\"],\"shouldAutoplayQueue\":[4,\"should-autoplay-queue\"],\"showUpNextQueue\":[4,\"show-up-next-queue\"],\"showShareButtons\":[4,\"show-share-buttons\"],\"color\":[1],\"syndication\":[1],\"showDailymotionLogo\":[4,\"show-dailymotion-logo\"],\"showVideoInfo\":[4,\"show-video-info\"],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}]]],[\"vime-vimeo\",[[0,\"vime-vimeo\",{\"videoId\":[1,\"video-id\"],\"byline\":[4],\"color\":[1],\"portrait\":[4],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}]]],[\"vime-youtube\",[[0,\"vime-youtube\",{\"cookies\":[4],\"videoId\":[1,\"video-id\"],\"showFullscreenControl\":[4,\"show-fullscreen-control\"],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}]]],[\"vime-faketube\",[[0,\"vime-faketube\",{\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"getAdapter\":[64],\"dispatchLoadStart\":[64],\"dispatchStateChange\":[64]}]]],[\"vime-player\",[[4,\"vime-player\",{\"theme\":[1],\"paused\":[1028],\"playing\":[1028],\"duration\":[1026],\"mediaTitle\":[1025,\"media-title\"],\"currentSrc\":[1025,\"current-src\"],\"currentPoster\":[1025,\"current-poster\"],\"currentTime\":[1026,\"current-time\"],\"autoplay\":[4],\"ready\":[1540],\"mounted\":[1028],\"destroyed\":[1028],\"playbackReady\":[1028,\"playback-ready\"],\"loop\":[4],\"muted\":[1028],\"buffered\":[1026],\"playbackRate\":[1026,\"playback-rate\"],\"playbackRates\":[1040],\"playbackQuality\":[1025,\"playback-quality\"],\"playbackQualities\":[1040],\"seeking\":[1028],\"debug\":[4],\"playbackStarted\":[1028,\"playback-started\"],\"playbackEnded\":[1028,\"playback-ended\"],\"buffering\":[1028],\"controls\":[4],\"isControlsActive\":[4,\"is-controls-active\"],\"errors\":[1040],\"textTracks\":[1040],\"currentCaption\":[1040],\"isCaptionsActive\":[1028,\"is-captions-active\"],\"isSettingsActive\":[1028,\"is-settings-active\"],\"volume\":[1026],\"isFullscreenActive\":[1028,\"is-fullscreen-active\"],\"aspectRatio\":[1025,\"aspect-ratio\"],\"viewType\":[1025,\"view-type\"],\"isAudioView\":[1028,\"is-audio-view\"],\"isVideoView\":[1028,\"is-video-view\"],\"mediaType\":[1025,\"media-type\"],\"isAudio\":[1028,\"is-audio\"],\"isVideo\":[1028,\"is-video\"],\"isLive\":[1028,\"is-live\"],\"isMobile\":[1028,\"is-mobile\"],\"isTouch\":[1028,\"is-touch\"],\"isPiPActive\":[1028,\"is-pi-p-active\"],\"autopause\":[4],\"playsinline\":[4],\"language\":[1025],\"translations\":[1040],\"languages\":[1040],\"i18n\":[1040],\"noSkeleton\":[4,\"no-skeleton\"],\"getProvider\":[64],\"getAdapter\":[64],\"play\":[64],\"pause\":[64],\"canPlay\":[64],\"canAutoplay\":[64],\"canMutedAutoplay\":[64],\"canSetPlaybackRate\":[64],\"canSetPlaybackQuality\":[64],\"canSetFullscreen\":[64],\"enterFullscreen\":[64],\"exitFullscreen\":[64],\"canSetPiP\":[64],\"enterPiP\":[64],\"exitPiP\":[64],\"extendLanguage\":[64],\"callAdapter\":[64],\"toggleCaptionsVisiblity\":[64]},[[0,\"vLoadStart\",\"onMediaChange\"],[0,\"vStateChange\",\"onStateChange\"]]]]],[\"vime-file\",[[4,\"vime-file\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"mediaTitle\":[1,\"media-title\"],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"viewType\":[1,\"view-type\"],\"playbackRates\":[16],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"getAdapter\":[64]}]]],[\"vime-video\",[[4,\"vime-video\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}]]],[\"vime-slider\",[[0,\"vime-slider\",{\"step\":[2],\"min\":[2],\"max\":[2],\"value\":[2],\"valueText\":[1,\"value-text\"],\"label\":[1]}]]],[\"vime-time\",[[0,\"vime-time\",{\"label\":[1],\"seconds\":[2],\"alwaysShowHours\":[4,\"always-show-hours\"]}]]],[\"vime-control_3\",[[4,\"vime-control\",{\"keys\":[1],\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"pressed\":[4],\"scale\":[2],\"isTouch\":[4,\"is-touch\"],\"describedBy\":[32],\"showTapHighlight\":[32]}],[4,\"vime-tooltip\",{\"hidden\":[4],\"active\":[4],\"position\":[1],\"direction\":[1],\"isTouch\":[4,\"is-touch\"]}],[4,\"vime-icon\",{\"href\":[1],\"color\":[1],\"scale\":[2],\"opacity\":[2]}]]],[\"vime-menu_2\",[[0,\"vime-menu-item\",{\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"checked\":[4],\"hint\":[1],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"],\"isTouch\":[4,\"is-touch\"],\"showTapHighlight\":[32]}],[4,\"vime-menu\",{\"active\":[1540],\"identifier\":[1],\"controller\":[1],\"menuItems\":[32],\"currFocusedMenuItem\":[32],\"getController\":[64],\"getFocusedMenuItem\":[64],\"focusOnOpen\":[64]},[[0,\"vOpen\",\"onSubmenuOpen\"],[0,\"vClose\",\"onSubmenuClose\"],[8,\"click\",\"onWindowClick\"],[8,\"keydown\",\"onWindowKeyDown\"]]]]],[\"vime-menu-radio_4\",[[4,\"vime-submenu\",{\"label\":[1],\"hidden\":[4],\"hint\":[1],\"active\":[1540]}],[0,\"vime-menu-radio\",{\"label\":[1],\"value\":[1],\"checked\":[1028],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"]}],[4,\"vime-settings\",{\"controlsHeight\":[2,\"controls-height\"],\"active\":[1540],\"isMobile\":[4,\"is-mobile\"],\"isAudioView\":[4,\"is-audio-view\"],\"controllerId\":[32],\"setController\":[64]}],[4,\"vime-menu-radio-group\",{\"value\":[1025]},[[0,\"vCheck\",\"onSelectionChange\"]]]]],[\"vime-caption-control_16\",[[0,\"vime-volume-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"muteKeys\":[1,\"mute-keys\"],\"noKeyboard\":[4,\"no-keyboard\"],\"muted\":[4],\"volume\":[2],\"isMobile\":[4,\"is-mobile\"],\"i18n\":[16],\"currentVolume\":[32],\"isSliderActive\":[32]}],[0,\"vime-caption-control\",{\"showIcon\":[1,\"show-icon\"],\"hideIcon\":[1,\"hide-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"currentCaption\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"i18n\":[16]}],[0,\"vime-fullscreen-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"isFullscreenActive\":[4,\"is-fullscreen-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetFullscreen\":[32]}],[0,\"vime-pip-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"scale\":[2],\"isPiPActive\":[4,\"is-pi-p-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetPiP\":[32]}],[0,\"vime-playback-control\",{\"playIcon\":[1,\"play-icon\"],\"pauseIcon\":[1,\"pause-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"paused\":[4],\"i18n\":[16]}],[0,\"vime-settings-control\",{\"icon\":[1],\"tooltipDirection\":[1,\"tooltip-direction\"],\"menu\":[1],\"expanded\":[4],\"i18n\":[16]}],[0,\"vime-time-progress\",{\"separator\":[1],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-scrubber-control\",{\"alwaysShowHours\":[4,\"always-show-hours\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"currentTime\":[2,\"current-time\"],\"duration\":[2],\"noKeyboard\":[4,\"no-keyboard\"],\"buffering\":[4],\"buffered\":[2],\"i18n\":[16],\"timestamp\":[32],\"endTime\":[32]}],[4,\"vime-control-group\",{\"space\":[1]}],[0,\"vime-control-spacer\"],[4,\"vime-controls\",{\"hidden\":[4],\"fullWidth\":[4,\"full-width\"],\"fullHeight\":[4,\"full-height\"],\"direction\":[1],\"align\":[1],\"justify\":[1],\"pin\":[513],\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"isAudioView\":[4,\"is-audio-view\"],\"isSettingsActive\":[4,\"is-settings-active\"],\"playbackReady\":[4,\"playback-ready\"],\"isControlsActive\":[4,\"is-controls-active\"],\"paused\":[4],\"playbackStarted\":[4,\"playback-started\"],\"isInteracting\":[32]}],[0,\"vime-live-indicator\",{\"isLive\":[4,\"is-live\"],\"i18n\":[16]}],[0,\"vime-scrim\",{\"gradient\":[1],\"isVideoView\":[4,\"is-video-view\"],\"isControlsActive\":[4,\"is-controls-active\"]}],[0,\"vime-mute-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"volume\":[2],\"muted\":[4],\"i18n\":[16]}],[0,\"vime-current-time\",{\"currentTime\":[2,\"current-time\"],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-end-time\",{\"duration\":[2],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}]]],[\"vime-captions_8\",[[0,\"vime-default-controls\",{\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"isMobile\":[4,\"is-mobile\"],\"isLive\":[4,\"is-live\"],\"isAudioView\":[4,\"is-audio-view\"],\"isVideoView\":[4,\"is-video-view\"]}],[4,\"vime-default-settings\",{\"i18n\":[16],\"playbackRate\":[2,\"playback-rate\"],\"playbackRates\":[16],\"playbackQuality\":[1,\"playback-quality\"],\"playbackQualities\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"currentCaption\":[16],\"textTracks\":[16]}],[0,\"vime-captions\",{\"hidden\":[4],\"controlsHeight\":[2,\"controls-height\"],\"isControlsActive\":[4,\"is-controls-active\"],\"isVideoView\":[4,\"is-video-view\"],\"playbackStarted\":[4,\"playback-started\"],\"textTracks\":[16],\"isEnabled\":[32],\"activeTrack\":[32],\"activeCues\":[32]}],[0,\"vime-click-to-play\",{\"useOnMobile\":[4,\"use-on-mobile\"],\"paused\":[4],\"isVideoView\":[4,\"is-video-view\"]}],[0,\"vime-icons\",{\"href\":[1]}],[0,\"vime-poster\",{\"fit\":[1],\"isVideoView\":[4,\"is-video-view\"],\"currentPoster\":[1,\"current-poster\"],\"mediaTitle\":[1,\"media-title\"],\"playbackStarted\":[4,\"playback-started\"],\"isHidden\":[32],\"isActive\":[32],\"hasLoaded\":[32]}],[0,\"vime-spinner\",{\"isVideoView\":[4,\"is-video-view\"],\"buffering\":[4],\"isHidden\":[32],\"isActive\":[32]}],[4,\"vime-ui\",{\"isVideoView\":[4,\"is-video-view\"],\"playsinline\":[4],\"isFullscreenActive\":[4,\"is-fullscreen-active\"]}]]]]"), options);
   });
@@ -16,0 +16,0 @@ };

dist/esm/vime-audio.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h } from './index-73b6fe82.js';
+import { r as registerInstance, h } from './index-ca9f1723.js';
 import { a as isString } from './unit-8baed40c.js';
@@ -3,0 +3,0 @@ import { V as ViewType } from './ViewType-6da43616.js';

dist/esm/vime-caption-control_16.entry.js

@@ -1,7 +0,7 @@
-import { r as registerInstance, h, H as Host, g as getElement, w as writeTask } from './index-73b6fe82.js';
-import { P as PlayerProp } from './PlayerProp-98f9a11a.js';
+import { r as registerInstance, h, H as Host, g as getElement, w as writeTask } from './index-ca9f1723.js';
+import { P as PlayerProp } from './PlayerProp-30acb9cd.js';
 import { e as isUndefined, g as isNull } from './unit-8baed40c.js';
-import { c as createPlayerDispatcher } from './PlayerDispatcher-d00b3b5a.js';
-import { f as findRootPlayer, w as withPlayerContext } from './PlayerContext-b1acf561.js';
-import './PlayerEvent-a8882c70.js';
+import { c as createPlayerDispatcher } from './PlayerDispatcher-9b774f3b.js';
+import { f as findRootPlayer, w as withPlayerContext } from './PlayerContext-a6250099.js';
+import './PlayerEvent-ad7420c2.js';
 import { l as listen, i as isColliding } from './dom-7d8f37d1.js';
@@ -58,5 +58,5 @@ import { D as Disposal } from './Disposal-525363e0.js';
 withPlayerContext(CaptionControl, [
-  PlayerProp.IsCaptionsActive,
-  PlayerProp.CurrentCaption,
-  PlayerProp.I18N,
+  PlayerProp.isCaptionsActive,
+  PlayerProp.currentCaption,
+  PlayerProp.i18n,
 ]);
@@ -255,6 +255,6 @@ CaptionControl.style = captionControlCss;
   show() {
-    this.dispatch(PlayerProp.IsControlsActive, true);
+    this.dispatch(PlayerProp.isControlsActive, true);
   }
   hide() {
-    this.dispatch(PlayerProp.IsControlsActive, false);
+    this.dispatch(PlayerProp.isControlsActive, false);
   }
@@ -344,8 +344,8 @@ hideWithDelay() {
 withPlayerContext(Controls, [
-  PlayerProp.PlaybackReady,
-  PlayerProp.IsAudioView,
-  PlayerProp.IsControlsActive,
-  PlayerProp.IsSettingsActive,
-  PlayerProp.Paused,
-  PlayerProp.PlaybackStarted,
+  PlayerProp.playbackReady,
+  PlayerProp.isAudioView,
+  PlayerProp.isControlsActive,
+  PlayerProp.isSettingsActive,
+  PlayerProp.paused,
+  PlayerProp.playbackStarted,
 ]);
@@ -376,4 +376,4 @@ Controls.style = controlsCss;
 withPlayerContext(CurrentTime, [
-  PlayerProp.CurrentTime,
-  PlayerProp.I18N,
+  PlayerProp.currentTime,
+  PlayerProp.i18n,
 ]);
@@ -403,4 +403,4 @@
 withPlayerContext(EndTime, [
-  PlayerProp.Duration,
-  PlayerProp.I18N,
+  PlayerProp.duration,
+  PlayerProp.i18n,
 ]);
@@ -467,5 +467,5 @@
 withPlayerContext(FullscreenControl, [
-  PlayerProp.IsFullscreenActive,
-  PlayerProp.PlaybackReady,
-  PlayerProp.I18N,
+  PlayerProp.isFullscreenActive,
+  PlayerProp.playbackReady,
+  PlayerProp.i18n,
 ]);
@@ -495,4 +495,4 @@ FullscreenControl.style = fullscreenControlCss;
 withPlayerContext(LiveIndicator, [
-  PlayerProp.IsLive,
-  PlayerProp.I18N,
+  PlayerProp.isLive,
+  PlayerProp.i18n,
 ]);
@@ -549,3 +549,3 @@ LiveIndicator.style = liveIndicatorCss;
   onClick() {
-    this.dispatch(PlayerProp.Muted, !this.muted);
+    this.dispatch(PlayerProp.muted, !this.muted);
   }
@@ -559,5 +559,5 @@ render() {
 withPlayerContext(MuteControl, [
-  PlayerProp.Muted,
-  PlayerProp.Volume,
-  PlayerProp.I18N,
+  PlayerProp.muted,
+  PlayerProp.volume,
+  PlayerProp.i18n,
 ]);
@@ -624,5 +624,5 @@
 withPlayerContext(PiPControl, [
-  PlayerProp.IsPiPActive,
-  PlayerProp.PlaybackReady,
-  PlayerProp.I18N,
+  PlayerProp.isPiPActive,
+  PlayerProp.playbackReady,
+  PlayerProp.i18n,
 ]);
@@ -667,3 +667,3 @@ PiPControl.style = pipControlCss;
   onClick() {
-    this.dispatch(PlayerProp.Paused, !this.paused);
+    this.dispatch(PlayerProp.paused, !this.paused);
   }
@@ -677,4 +677,4 @@ render() {
 withPlayerContext(PlaybackControl, [
-  PlayerProp.Paused,
-  PlayerProp.I18N,
+  PlayerProp.paused,
+  PlayerProp.i18n,
 ]);
@@ -707,4 +707,4 @@
 withPlayerContext(Scrim, [
-  PlayerProp.IsVideoView,
-  PlayerProp.IsControlsActive,
+  PlayerProp.isVideoView,
+  PlayerProp.isControlsActive,
 ]);
@@ -768,3 +768,3 @@ Scrim.style = scrimCss;
         : Math.min(this.duration, this.currentTime + 5);
-      this.dispatch(PlayerProp.CurrentTime, seekTo);
+      this.dispatch(PlayerProp.currentTime, seekTo);
     };
@@ -801,3 +801,3 @@ this.keyboardDisposal.add(listen(player, 'keydown', onKeyDown));
   onSeek(event) {
-    this.dispatch(PlayerProp.CurrentTime, event.detail);
+    this.dispatch(PlayerProp.currentTime, event.detail);
   }
@@ -841,7 +841,7 @@ onSeeking(event) {
 withPlayerContext(ScrubberControl, [
-  PlayerProp.I18N,
-  PlayerProp.CurrentTime,
-  PlayerProp.Duration,
-  PlayerProp.Buffering,
-  PlayerProp.Buffered,
+  PlayerProp.i18n,
+  PlayerProp.currentTime,
+  PlayerProp.duration,
+  PlayerProp.buffering,
+  PlayerProp.buffered,
 ]);
@@ -887,3 +887,3 @@ ScrubberControl.style = scrubberControlCss;
 withPlayerContext(SettingsControl, [
-  PlayerProp.I18N,
+  PlayerProp.i18n,
 ]);
@@ -974,3 +974,3 @@ SettingsControl.style = settingsControlCss;
       const newVolume = isUpArrow ? Math.min(100, this.volume + 5) : Math.max(0, this.volume - 5);
-      this.dispatch(PlayerProp.Volume, parseInt(`${newVolume}`, 10));
+      this.dispatch(PlayerProp.volume, parseInt(`${newVolume}`, 10));
     }));
@@ -981,3 +981,3 @@ }
     if (!this.muted && this.prevMuted && this.volume === 0) {
-      this.dispatch(PlayerProp.Volume, 30);
+      this.dispatch(PlayerProp.volume, 30);
     }
@@ -1006,4 +1006,4 @@ this.prevMuted = this.muted;
     this.currentVolume = newVolume;
-    this.dispatch(PlayerProp.Volume, newVolume);
-    this.dispatch(PlayerProp.Muted, newVolume === 0);
+    this.dispatch(PlayerProp.volume, newVolume);
+    this.dispatch(PlayerProp.muted, newVolume === 0);
   }
@@ -1028,6 +1028,6 @@ onKeyDown(event) {
 withPlayerContext(VolumeControl, [
-  PlayerProp.Volume,
-  PlayerProp.Muted,
-  PlayerProp.IsMobile,
-  PlayerProp.I18N,
+  PlayerProp.volume,
+  PlayerProp.muted,
+  PlayerProp.isMobile,
+  PlayerProp.i18n,
 ]);
@@ -1034,0 +1034,0 @@ VolumeControl.style = volumeControlCss;

dist/esm/vime-captions_8.entry.js

@@ -1,10 +0,10 @@
-import { r as registerInstance, c as createEvent, h, H as Host, f as forceUpdate } from './index-73b6fe82.js';
-import { P as PlayerProp } from './PlayerProp-98f9a11a.js';
+import { r as registerInstance, c as createEvent, h, H as Host, f as forceUpdate } from './index-ca9f1723.js';
+import { P as PlayerProp } from './PlayerProp-30acb9cd.js';
 import { e as isUndefined } from './unit-8baed40c.js';
-import { c as createPlayerDispatcher } from './PlayerDispatcher-d00b3b5a.js';
-import { w as withPlayerContext, f as findRootPlayer } from './PlayerContext-b1acf561.js';
-import './PlayerEvent-a8882c70.js';
+import { c as createPlayerDispatcher } from './PlayerDispatcher-9b774f3b.js';
+import { w as withPlayerContext, f as findRootPlayer } from './PlayerContext-a6250099.js';
+import './PlayerEvent-ad7420c2.js';
 import { l as listen } from './dom-7d8f37d1.js';
 import { a as IS_MOBILE, d as IS_IOS } from './support-8758bff2.js';
-import { c as loadSprite } from './network-679937ed.js';
+import { c as loadSprite } from './network-1f2119e2.js';
 import { D as Disposal } from './Disposal-525363e0.js';
@@ -139,6 +139,6 @@
 withPlayerContext(Captions, [
-  PlayerProp.IsVideoView,
-  PlayerProp.PlaybackStarted,
-  PlayerProp.IsControlsActive,
-  PlayerProp.TextTracks,
+  PlayerProp.isVideoView,
+  PlayerProp.playbackStarted,
+  PlayerProp.isControlsActive,
+  PlayerProp.textTracks,
 ]);
@@ -170,3 +170,3 @@ Captions.style = captionsCss;
   onClick() {
-    this.dispatch(PlayerProp.Paused, !this.paused);
+    this.dispatch(PlayerProp.paused, !this.paused);
   }
@@ -180,4 +180,4 @@ render() {
 withPlayerContext(ClickToPlay, [
-  PlayerProp.Paused,
-  PlayerProp.IsVideoView,
+  PlayerProp.paused,
+  PlayerProp.isVideoView,
 ]);
@@ -249,6 +249,6 @@ ClickToPlay.style = clickToPlayCss;
 withPlayerContext(DefaultControls, [
-  PlayerProp.IsMobile,
-  PlayerProp.IsAudioView,
-  PlayerProp.IsVideoView,
-  PlayerProp.IsLive,
+  PlayerProp.isMobile,
+  PlayerProp.isAudioView,
+  PlayerProp.isVideoView,
+  PlayerProp.isLive,
 ]);
@@ -313,3 +313,3 @@ DefaultControls.style = defaultControlsCss;
     const radio = event.target;
-    this.dispatch(PlayerProp.PlaybackRate, parseFloat(radio.value));
+    this.dispatch(PlayerProp.playbackRate, parseFloat(radio.value));
   }
@@ -329,3 +329,3 @@ async buildPlaybackRateSubmenu() {
     const radio = event.target;
-    this.dispatch(PlayerProp.PlaybackQuality, radio.value);
+    this.dispatch(PlayerProp.playbackQuality, radio.value);
   }
@@ -391,10 +391,10 @@ async buildPlaybackQualitySubmenu() {
 withPlayerContext(DefaultSettings, [
-  PlayerProp.I18N,
-  PlayerProp.PlaybackRate,
-  PlayerProp.PlaybackRates,
-  PlayerProp.PlaybackQuality,
-  PlayerProp.PlaybackQualities,
-  PlayerProp.IsCaptionsActive,
-  PlayerProp.CurrentCaption,
-  PlayerProp.TextTracks,
+  PlayerProp.i18n,
+  PlayerProp.playbackRate,
+  PlayerProp.playbackRates,
+  PlayerProp.playbackQuality,
+  PlayerProp.playbackQualities,
+  PlayerProp.isCaptionsActive,
+  PlayerProp.currentCaption,
+  PlayerProp.textTracks,
 ]);
@@ -479,6 +479,6 @@
 withPlayerContext(Poster, [
-  PlayerProp.MediaTitle,
-  PlayerProp.CurrentPoster,
-  PlayerProp.PlaybackStarted,
-  PlayerProp.IsVideoView,
+  PlayerProp.mediaTitle,
+  PlayerProp.currentPoster,
+  PlayerProp.playbackStarted,
+  PlayerProp.isVideoView,
 ]);
@@ -528,4 +528,4 @@ Poster.style = posterCss;
 withPlayerContext(Spinner, [
-  PlayerProp.IsVideoView,
-  PlayerProp.Buffering,
+  PlayerProp.isVideoView,
+  PlayerProp.buffering,
 ]);
@@ -563,5 +563,5 @@ Spinner.style = spinnerCss;
 withPlayerContext(UI, [
-  PlayerProp.IsVideoView,
-  PlayerProp.Playsinline,
-  PlayerProp.IsFullscreenActive,
+  PlayerProp.isVideoView,
+  PlayerProp.playsinline,
+  PlayerProp.isFullscreenActive,
 ]);
@@ -568,0 +568,0 @@ UI.style = uiCss;

dist/esm/vime-control_3.entry.js

@@ -1,6 +0,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-73b6fe82.js';
-import { P as PlayerProp } from './PlayerProp-98f9a11a.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ca9f1723.js';
+import { P as PlayerProp } from './PlayerProp-30acb9cd.js';
 import { e as isUndefined, g as isNull, a as isString } from './unit-8baed40c.js';
-import { f as findRootPlayer, w as withPlayerContext } from './PlayerContext-b1acf561.js';
-import './PlayerEvent-a8882c70.js';
+import { f as findRootPlayer, w as withPlayerContext } from './PlayerContext-a6250099.js';
+import './PlayerEvent-ad7420c2.js';
 import { l as listen } from './dom-7d8f37d1.js';
@@ -102,3 +102,3 @@ import { D as Disposal } from './Disposal-525363e0.js';
 withPlayerContext(Control, [
-  PlayerProp.IsTouch,
+  PlayerProp.isTouch,
 ]);
@@ -174,3 +174,3 @@ Control.style = controlCss;
 withPlayerContext(Tooltip, [
-  PlayerProp.IsTouch,
+  PlayerProp.isTouch,
 ]);
@@ -177,0 +177,0 @@ Tooltip.style = tooltipCss;

dist/esm/vime-dailymotion.entry.js

@@ -1,13 +0,14 @@
-import { r as registerInstance, c as createEvent, h } from './index-73b6fe82.js';
-import { P as PlayerProp } from './PlayerProp-98f9a11a.js';
+import { r as registerInstance, c as createEvent, h } from './index-ca9f1723.js';
+import { P as PlayerProp } from './PlayerProp-30acb9cd.js';
 import { a as isString } from './unit-8baed40c.js';
-import { c as createPlayerDispatcher } from './PlayerDispatcher-d00b3b5a.js';
-import { d as deferredPromise } from './PlayerContext-b1acf561.js';
-import './PlayerEvent-a8882c70.js';
+import { c as createPlayerDispatcher } from './PlayerDispatcher-9b774f3b.js';
+import './PlayerContext-a6250099.js';
+import './PlayerEvent-ad7420c2.js';
+import './dom-7d8f37d1.js';
 import { V as ViewType } from './ViewType-6da43616.js';
-import { w as withProviderContext } from './MediaProvider-23075982.js';
-import './dom-7d8f37d1.js';
+import { M as MediaType } from './MediaType-aec4c150.js';
+import { w as withProviderContext } from './MediaProvider-072b71e7.js';
 import './support-8758bff2.js';
-import { d as decodeQueryString } from './network-679937ed.js';
-import { M as MediaType } from './MediaType-aec4c150.js';
+import { d as decodeQueryString } from './network-1f2119e2.js';
+import { d as deferredPromise } from './promise-8a352f99.js';
 
@@ -136,3 +137,3 @@ /**
     this.dispatch = createPlayerDispatcher(this);
-    this.dispatch(PlayerProp.ViewType, ViewType.Video);
+    this.dispatch(PlayerProp.viewType, ViewType.Video);
     this.onVideoIdChange();
@@ -181,4 +182,4 @@ this.initialMuted = this.muted;
       .then((data) => {
-      this.dispatch(PlayerProp.CurrentPoster, data.thumbnail_1080_url);
-      this.dispatch(PlayerProp.Duration, parseFloat(data.duration));
+      this.dispatch(PlayerProp.currentPoster, data.thumbnail_1080_url);
+      this.dispatch(PlayerProp.duration, parseFloat(data.duration));
     });
@@ -195,4 +196,4 @@ }
         this.onControlsChange();
-        this.dispatch(PlayerProp.CurrentSrc, this.embedSrc);
-        this.dispatch(PlayerProp.MediaType, MediaType.Video);
+        this.dispatch(PlayerProp.currentSrc, this.embedSrc);
+        this.dispatch(PlayerProp.mediaType, MediaType.Video);
         Promise.all([
@@ -202,13 +203,13 @@ this.pendingVideoInfoFetch,
         ]).then(() => {
-          this.dispatch(PlayerProp.PlaybackReady, true);
+          this.dispatch(PlayerProp.playbackReady, true);
         });
         break;
       case DailymotionEvent.VideoChange:
-        this.dispatch(PlayerProp.MediaTitle, msg.title);
+        this.dispatch(PlayerProp.mediaTitle, msg.title);
         (_b = this.pendingMediaTitleFetch) === null || _b === void 0 ? void 0 : _b.resolve();
         break;
       case DailymotionEvent.Start:
-        this.dispatch(PlayerProp.Paused, false);
-        this.dispatch(PlayerProp.PlaybackStarted, true);
-        this.dispatch(PlayerProp.Buffering, true);
+        this.dispatch(PlayerProp.paused, false);
+        this.dispatch(PlayerProp.playbackStarted, true);
+        this.dispatch(PlayerProp.buffering, true);
         break;
@@ -225,12 +226,12 @@ case DailymotionEvent.VideoStart:
       case DailymotionEvent.Play:
-        this.dispatch(PlayerProp.Paused, false);
+        this.dispatch(PlayerProp.paused, false);
         break;
       case DailymotionEvent.Pause:
-        this.dispatch(PlayerProp.Paused, true);
-        this.dispatch(PlayerProp.Playing, false);
-        this.dispatch(PlayerProp.Buffering, false);
+        this.dispatch(PlayerProp.paused, true);
+        this.dispatch(PlayerProp.playing, false);
+        this.dispatch(PlayerProp.buffering, false);
         break;
       case DailymotionEvent.Playing:
-        this.dispatch(PlayerProp.Playing, true);
-        this.dispatch(PlayerProp.Buffering, false);
+        this.dispatch(PlayerProp.playing, true);
+        this.dispatch(PlayerProp.buffering, false);
         break;
@@ -242,40 +243,40 @@ case DailymotionEvent.VideoEnd:
         else {
-          this.dispatch(PlayerProp.PlaybackEnded, true);
+          this.dispatch(PlayerProp.playbackEnded, true);
         }
         break;
       case DailymotionEvent.TimeUpdate:
-        this.dispatch(PlayerProp.CurrentTime, parseFloat(msg.time));
+        this.dispatch(PlayerProp.currentTime, parseFloat(msg.time));
         break;
       case DailymotionEvent.VolumeChange:
-        this.dispatch(PlayerProp.Muted, msg.muted === 'true');
-        this.dispatch(PlayerProp.Volume, Math.floor(parseFloat(msg.volume) * 100));
+        this.dispatch(PlayerProp.muted, msg.muted === 'true');
+        this.dispatch(PlayerProp.volume, Math.floor(parseFloat(msg.volume) * 100));
         break;
       case DailymotionEvent.Seeking:
-        this.dispatch(PlayerProp.CurrentTime, parseFloat(msg.time));
-        this.dispatch(PlayerProp.Seeking, true);
+        this.dispatch(PlayerProp.currentTime, parseFloat(msg.time));
+        this.dispatch(PlayerProp.seeking, true);
         break;
       case DailymotionEvent.Seeked:
-        this.dispatch(PlayerProp.CurrentTime, parseFloat(msg.time));
-        this.dispatch(PlayerProp.Seeking, false);
+        this.dispatch(PlayerProp.currentTime, parseFloat(msg.time));
+        this.dispatch(PlayerProp.seeking, false);
         break;
       case DailymotionEvent.Waiting:
-        this.dispatch(PlayerProp.Buffering, true);
+        this.dispatch(PlayerProp.buffering, true);
         break;
       case DailymotionEvent.Progress:
-        this.dispatch(PlayerProp.Buffered, parseFloat(msg.time));
+        this.dispatch(PlayerProp.buffered, parseFloat(msg.time));
         break;
       case DailymotionEvent.DurationChange:
-        this.dispatch(PlayerProp.Duration, parseFloat(msg.duration));
+        this.dispatch(PlayerProp.duration, parseFloat(msg.duration));
         break;
       case DailymotionEvent.QualitiesAvailable:
-        this.dispatch(PlayerProp.PlaybackQualities, msg.qualities.map((q) => `${q}p`));
+        this.dispatch(PlayerProp.playbackQualities, msg.qualities.map((q) => `${q}p`));
         break;
       case DailymotionEvent.QualityChange:
-        this.dispatch(PlayerProp.PlaybackQuality, `${msg.quality}p`);
+        this.dispatch(PlayerProp.playbackQuality, `${msg.quality}p`);
         break;
       case DailymotionEvent.FullscreenChange:
-        this.dispatch(PlayerProp.IsFullscreenActive, msg.fullscreen === 'true');
+        this.dispatch(PlayerProp.isFullscreenActive, msg.fullscreen === 'true');
         break;
       case DailymotionEvent.Error:
-        this.dispatch(PlayerProp.Errors, [new Error(msg.error)]);
+        this.dispatch(PlayerProp.errors, [new Error(msg.error)]);
         break;
@@ -304,3 +305,3 @@ }
         this.internalState.volume = (volume / 100);
-        this.dispatch(PlayerProp.Volume, volume);
+        this.dispatch(PlayerProp.volume, volume);
         this.remoteControl(DailymotionCommand.Volume, (volume / 100));
@@ -307,0 +308,0 @@ },

dist/esm/vime-dash.entry.js

@@ -1,12 +0,12 @@
-import { r as registerInstance, c as createEvent, h } from './index-73b6fe82.js';
-import { P as PlayerProp } from './PlayerProp-98f9a11a.js';
+import { r as registerInstance, c as createEvent, h } from './index-ca9f1723.js';
+import { P as PlayerProp } from './PlayerProp-30acb9cd.js';
 import { a as isString } from './unit-8baed40c.js';
-import { c as createPlayerDispatcher } from './PlayerDispatcher-d00b3b5a.js';
-import { w as withPlayerContext } from './PlayerContext-b1acf561.js';
-import './PlayerEvent-a8882c70.js';
+import { c as createPlayerDispatcher } from './PlayerDispatcher-9b774f3b.js';
+import { w as withPlayerContext } from './PlayerContext-a6250099.js';
+import './PlayerEvent-ad7420c2.js';
+import './dom-7d8f37d1.js';
+import { M as MediaType } from './MediaType-aec4c150.js';
 import { d as dashRegex } from './utils-7dc44688.js';
-import './dom-7d8f37d1.js';
 import './support-8758bff2.js';
-import { l as loadSDK } from './network-679937ed.js';
-import { M as MediaType } from './MediaType-aec4c150.js';
+import { l as loadSDK } from './network-1f2119e2.js';
 
@@ -49,8 +49,8 @@ const Dash = class {
       this.dash.on(Dash.MediaPlayer.events.CAN_PLAY, () => {
-        this.dispatch(PlayerProp.MediaType, MediaType.Video);
-        this.dispatch(PlayerProp.CurrentSrc, this.src);
-        this.dispatch(PlayerProp.PlaybackReady, true);
+        this.dispatch(PlayerProp.mediaType, MediaType.Video);
+        this.dispatch(PlayerProp.currentSrc, this.src);
+        this.dispatch(PlayerProp.playbackReady, true);
       });
       this.dash.on(Dash.MediaPlayer.events.ERROR, (e) => {
-        this.dispatch(PlayerProp.Errors, [e]);
+        this.dispatch(PlayerProp.errors, [e]);
       });
@@ -60,3 +60,3 @@ this.hasAttached = true;
     catch (e) {
-      this.dispatch(PlayerProp.Errors, [e]);
+      this.dispatch(PlayerProp.errors, [e]);
     }
@@ -88,5 +88,5 @@ }
 withPlayerContext(Dash, [
-  PlayerProp.Autoplay,
+  PlayerProp.autoplay,
 ]);
 
 export { Dash as vime_dash };

dist/esm/vime-default-ui.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h } from './index-73b6fe82.js';
+import { r as registerInstance, h } from './index-ca9f1723.js';
 
@@ -3,0 +3,0 @@ const DefaultUI = class {

dist/esm/vime-embed.entry.js

@@ -1,6 +0,6 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-73b6fe82.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-ca9f1723.js';
 import { a as isString } from './unit-8baed40c.js';
 import './dom-7d8f37d1.js';
 import './support-8758bff2.js';
-import { e as appendParamsToURL, p as preconnect } from './network-679937ed.js';
+import { e as appendParamsToURL, p as preconnect } from './network-1f2119e2.js';
 
@@ -7,0 +7,0 @@ const embedCss = "vime-embed>iframe{position:absolute;top:0;left:0;border:0;width:100%;height:100%;user-select:none;z-index:0}";

dist/esm/vime-faketube.entry.js

@@ -1,8 +0,9 @@
-import { r as registerInstance, c as createEvent } from './index-73b6fe82.js';
-import './PlayerProp-98f9a11a.js';
+import { r as registerInstance, c as createEvent } from './index-ca9f1723.js';
+import './PlayerProp-30acb9cd.js';
 import './unit-8baed40c.js';
-import { c as createPlayerDispatcher } from './PlayerDispatcher-d00b3b5a.js';
-import './PlayerContext-b1acf561.js';
-import './PlayerEvent-a8882c70.js';
-import { w as withProviderContext } from './MediaProvider-23075982.js';
+import { c as createPlayerDispatcher } from './PlayerDispatcher-9b774f3b.js';
+import './PlayerContext-a6250099.js';
+import './PlayerEvent-ad7420c2.js';
+import './dom-7d8f37d1.js';
+import { w as withProviderContext } from './MediaProvider-072b71e7.js';
 
@@ -9,0 +10,0 @@ const faketubeCss = "vime-faketube{display:block;width:100%;height:auto}";

dist/esm/vime-file.entry.js

@@ -1,13 +0,13 @@
-import { r as registerInstance, c as createEvent, h } from './index-73b6fe82.js';
-import { P as PlayerProp } from './PlayerProp-98f9a11a.js';
+import { r as registerInstance, c as createEvent, h } from './index-ca9f1723.js';
+import { P as PlayerProp } from './PlayerProp-30acb9cd.js';
 import { g as isNull, h as isNumber, e as isUndefined, a as isString } from './unit-8baed40c.js';
-import { c as createPlayerDispatcher } from './PlayerDispatcher-d00b3b5a.js';
-import { f as findRootPlayer } from './PlayerContext-b1acf561.js';
-import './PlayerEvent-a8882c70.js';
+import { c as createPlayerDispatcher } from './PlayerDispatcher-9b774f3b.js';
+import { f as findRootPlayer } from './PlayerContext-a6250099.js';
+import './PlayerEvent-ad7420c2.js';
+import { l as listen } from './dom-7d8f37d1.js';
 import { V as ViewType } from './ViewType-6da43616.js';
+import { M as MediaType } from './MediaType-aec4c150.js';
 import { a as audioRegex, v as videoRegex, h as hlsRegex } from './utils-7dc44688.js';
-import { w as withProviderContext } from './MediaProvider-23075982.js';
-import { l as listen } from './dom-7d8f37d1.js';
+import { w as withProviderContext } from './MediaProvider-072b71e7.js';
 import { e as canUsePiPInChrome, f as canUsePiPInSafari, g as canUsePiP, h as canFullscreenVideo } from './support-8758bff2.js';
-import { M as MediaType } from './MediaType-aec4c150.js';
 import { D as Disposal } from './Disposal-525363e0.js';
@@ -76,9 +76,9 @@
   onMediaTitleChange() {
-    this.dispatch(PlayerProp.MediaTitle, this.mediaTitle);
+    this.dispatch(PlayerProp.mediaTitle, this.mediaTitle);
   }
   onPosterChange() {
-    this.dispatch(PlayerProp.CurrentPoster, this.poster);
+    this.dispatch(PlayerProp.currentPoster, this.poster);
   }
   onViewTypeChange() {
-    this.dispatch(PlayerProp.ViewType, this.viewType);
+    this.dispatch(PlayerProp.viewType, this.viewType);
   }
@@ -114,3 +114,3 @@ componentWillLoad() {
     var _a, _b;
-    this.dispatch(PlayerProp.CurrentTime, (_b = (_a = this.mediaEl) === null || _a === void 0 ? void 0 : _a.currentTime) !== null && _b !== void 0 ? _b : 0);
+    this.dispatch(PlayerProp.currentTime, (_b = (_a = this.mediaEl) === null || _a === void 0 ? void 0 : _a.currentTime) !== null && _b !== void 0 ? _b : 0);
     this.timeRAF = window.requestAnimationFrame(() => { this.requestTimeUpdates(); });
@@ -127,11 +127,11 @@ }
   onLoadedMetadata() {
-    this.dispatch(PlayerProp.CurrentPoster, this.poster);
-    this.dispatch(PlayerProp.Duration, this.mediaEl.duration);
-    this.dispatch(PlayerProp.PlaybackRates, this.playbackRates);
+    this.dispatch(PlayerProp.currentPoster, this.poster);
+    this.dispatch(PlayerProp.duration, this.mediaEl.duration);
+    this.dispatch(PlayerProp.playbackRates, this.playbackRates);
     this.onProgress();
     this.onTracksChange();
     if (!this.willAttach) {
-      this.dispatch(PlayerProp.CurrentSrc, this.mediaEl.currentSrc);
-      this.dispatch(PlayerProp.MediaType, this.getMediaType());
-      this.dispatch(PlayerProp.PlaybackReady, true);
+      this.dispatch(PlayerProp.currentSrc, this.mediaEl.currentSrc);
+      this.dispatch(PlayerProp.mediaType, this.getMediaType());
+      this.dispatch(PlayerProp.playbackReady, true);
     }
@@ -142,10 +142,10 @@ }
     const end = (buffered.length === 0) ? 0 : buffered.end(buffered.length - 1);
-    this.dispatch(PlayerProp.Buffered, (end > duration) ? duration : end);
+    this.dispatch(PlayerProp.buffered, (end > duration) ? duration : end);
   }
   onPlay() {
     this.requestTimeUpdates();
-    this.dispatch(PlayerProp.Paused, false);
+    this.dispatch(PlayerProp.paused, false);
     if (!this.playbackStarted) {
       this.playbackStarted = true;
-      this.dispatch(PlayerProp.PlaybackStarted, true);
+      this.dispatch(PlayerProp.playbackStarted, true);
     }
@@ -155,8 +155,8 @@ }
     this.cancelTimeUpdates();
-    this.dispatch(PlayerProp.Paused, true);
-    this.dispatch(PlayerProp.Buffering, false);
+    this.dispatch(PlayerProp.paused, true);
+    this.dispatch(PlayerProp.buffering, false);
   }
   onPlaying() {
-    this.dispatch(PlayerProp.Playing, true);
-    this.dispatch(PlayerProp.Buffering, false);
+    this.dispatch(PlayerProp.playing, true);
+    this.dispatch(PlayerProp.buffering, false);
   }
@@ -166,7 +166,7 @@ onSeeking() {
       this.wasPausedBeforeSeeking = this.mediaEl.paused;
-    this.dispatch(PlayerProp.CurrentTime, this.mediaEl.currentTime);
-    this.dispatch(PlayerProp.Seeking, true);
+    this.dispatch(PlayerProp.currentTime, this.mediaEl.currentTime);
+    this.dispatch(PlayerProp.seeking, true);
   }
   onSeeked() {
-    this.dispatch(PlayerProp.Seeking, false);
+    this.dispatch(PlayerProp.seeking, false);
     if (!this.playbackStarted || !this.wasPausedBeforeSeeking)
@@ -177,23 +177,23 @@ this.attemptToPlay();
   onRateChange() {
-    this.dispatch(PlayerProp.PlaybackRate, this.mediaEl.playbackRate);
+    this.dispatch(PlayerProp.playbackRate, this.mediaEl.playbackRate);
   }
   onVolumeChange() {
-    this.dispatch(PlayerProp.Muted, this.mediaEl.muted);
-    this.dispatch(PlayerProp.Volume, this.mediaEl.volume * 100);
+    this.dispatch(PlayerProp.muted, this.mediaEl.muted);
+    this.dispatch(PlayerProp.volume, this.mediaEl.volume * 100);
   }
   onDurationChange() {
-    this.dispatch(PlayerProp.Duration, this.mediaEl.duration);
+    this.dispatch(PlayerProp.duration, this.mediaEl.duration);
   }
   onWaiting() {
-    this.dispatch(PlayerProp.Buffering, true);
+    this.dispatch(PlayerProp.buffering, true);
   }
   onSuspend() {
-    this.dispatch(PlayerProp.Buffering, false);
+    this.dispatch(PlayerProp.buffering, false);
   }
   onEnded() {
     if (!this.loop)
-      this.dispatch(PlayerProp.PlaybackEnded, true);
+      this.dispatch(PlayerProp.playbackEnded, true);
   }
   onError(event) {
-    this.dispatch(PlayerProp.Errors, [event]);
+    this.dispatch(PlayerProp.errors, [event]);
   }
@@ -206,3 +206,3 @@ attemptToPlay() {
     catch (e) {
-      this.dispatch(PlayerProp.Errors, [e]);
+      this.dispatch(PlayerProp.errors, [e]);
     }
@@ -241,13 +241,13 @@ }
     const mode = (_a = this.mediaEl) === null || _a === void 0 ? void 0 : _a.webkitPresentationMode;
-    this.dispatch(PlayerProp.IsPiPActive, (mode === WebkitPresentationMode.PiP));
-    this.dispatch(PlayerProp.IsFullscreenActive, (mode === WebkitPresentationMode.Fullscreen));
+    this.dispatch(PlayerProp.isPiPActive, (mode === WebkitPresentationMode.PiP));
+    this.dispatch(PlayerProp.isFullscreenActive, (mode === WebkitPresentationMode.Fullscreen));
   }
   onEnterPiP() {
-    this.dispatch(PlayerProp.IsPiPActive, true);
+    this.dispatch(PlayerProp.isPiPActive, true);
   }
   onLeavePiP() {
-    this.dispatch(PlayerProp.IsPiPActive, false);
+    this.dispatch(PlayerProp.isPiPActive, false);
   }
   onTracksChange() {
-    this.dispatch(PlayerProp.TextTracks, this.mediaEl.textTracks);
+    this.dispatch(PlayerProp.textTracks, this.mediaEl.textTracks);
   }
@@ -254,0 +254,0 @@ listenToTextTracksChanges() {

dist/esm/vime-hls.entry.js

@@ -1,10 +0,10 @@
-import { r as registerInstance, c as createEvent, h } from './index-73b6fe82.js';
-import { P as PlayerProp } from './PlayerProp-98f9a11a.js';
+import { r as registerInstance, c as createEvent, h } from './index-ca9f1723.js';
+import { P as PlayerProp } from './PlayerProp-30acb9cd.js';
 import { e as isUndefined, a as isString } from './unit-8baed40c.js';
-import { c as createPlayerDispatcher } from './PlayerDispatcher-d00b3b5a.js';
+import { c as createPlayerDispatcher } from './PlayerDispatcher-9b774f3b.js';
+import './dom-7d8f37d1.js';
+import { M as MediaType } from './MediaType-aec4c150.js';
 import { h as hlsRegex, b as hlsTypeRegex } from './utils-7dc44688.js';
-import './dom-7d8f37d1.js';
 import { c as canPlayHLSNatively } from './support-8758bff2.js';
-import { l as loadSDK } from './network-679937ed.js';
-import { M as MediaType } from './MediaType-aec4c150.js';
+import { l as loadSDK } from './network-1f2119e2.js';
 
@@ -35,3 +35,3 @@ const HLS = class {
       if (!Hls.isSupported()) {
-        this.dispatch(PlayerProp.Errors, [new Error('hls.js is not supported')]);
+        this.dispatch(PlayerProp.errors, [new Error('hls.js is not supported')]);
         return;
@@ -45,8 +45,8 @@ }
       this.hls.on('hlsError', (e, data) => {
-        this.dispatch(PlayerProp.Errors, [{ e, data }]);
+        this.dispatch(PlayerProp.errors, [{ e, data }]);
       });
       this.hls.on('hlsManifestParsed', () => {
-        this.dispatch(PlayerProp.MediaType, MediaType.Video);
-        this.dispatch(PlayerProp.CurrentSrc, this.src);
-        this.dispatch(PlayerProp.PlaybackReady, true);
+        this.dispatch(PlayerProp.mediaType, MediaType.Video);
+        this.dispatch(PlayerProp.currentSrc, this.src);
+        this.dispatch(PlayerProp.playbackReady, true);
       });
@@ -56,3 +56,3 @@ this.hls.attachMedia(video);
     catch (e) {
-      this.dispatch(PlayerProp.Errors, [e]);
+      this.dispatch(PlayerProp.errors, [e]);
     }
@@ -59,0 +59,0 @@ }

dist/esm/vime-menu_2.entry.js

@@ -1,6 +0,6 @@
-import { r as registerInstance, c as createEvent, w as writeTask, h, H as Host, g as getElement } from './index-73b6fe82.js';
-import { P as PlayerProp } from './PlayerProp-98f9a11a.js';
+import { r as registerInstance, c as createEvent, w as writeTask, h, H as Host, g as getElement } from './index-ca9f1723.js';
+import { P as PlayerProp } from './PlayerProp-30acb9cd.js';
 import { e as isUndefined, g as isNull } from './unit-8baed40c.js';
-import { w as withPlayerContext } from './PlayerContext-b1acf561.js';
-import './PlayerEvent-a8882c70.js';
+import { w as withPlayerContext } from './PlayerContext-a6250099.js';
+import './PlayerEvent-ad7420c2.js';
 import { b as buildNoAncestorSelector } from './dom-7d8f37d1.js';
@@ -243,3 +243,3 @@
 withPlayerContext(MenuItem, [
-  PlayerProp.IsTouch,
+  PlayerProp.isTouch,
 ]);
@@ -246,0 +246,0 @@ MenuItem.style = menuItemCss;

dist/esm/vime-menu-radio_4.entry.js

@@ -1,7 +0,7 @@
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-73b6fe82.js';
-import { P as PlayerProp } from './PlayerProp-98f9a11a.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-ca9f1723.js';
+import { P as PlayerProp } from './PlayerProp-30acb9cd.js';
 import { e as isUndefined, g as isNull } from './unit-8baed40c.js';
-import { c as createPlayerDispatcher } from './PlayerDispatcher-d00b3b5a.js';
-import { w as withPlayerContext } from './PlayerContext-b1acf561.js';
-import './PlayerEvent-a8882c70.js';
+import { c as createPlayerDispatcher } from './PlayerDispatcher-9b774f3b.js';
+import { w as withPlayerContext } from './PlayerContext-a6250099.js';
+import './PlayerEvent-ad7420c2.js';
 import { l as listen } from './dom-7d8f37d1.js';
@@ -77,3 +77,2 @@ import { D as Disposal } from './Disposal-525363e0.js';
      */
-    // eslint-disable-next-line @stencil/strict-mutable
     this.active = false;
@@ -90,3 +89,3 @@ /**
   onActiveChange() {
-    this.dispatch(PlayerProp.IsSettingsActive, this.active);
+    this.dispatch(PlayerProp.isSettingsActive, this.active);
     if (isUndefined(this.controller))
@@ -141,4 +140,4 @@ return;
 withPlayerContext(Settings, [
-  PlayerProp.IsMobile,
-  PlayerProp.IsAudioView,
+  PlayerProp.isMobile,
+  PlayerProp.isAudioView,
 ]);
@@ -158,3 +157,2 @@ Settings.style = settingsCss;
      */
-    // eslint-disable-next-line @stencil/strict-mutable
     this.active = false;
@@ -161,0 +159,0 @@ }

dist/esm/vime-player.entry.js

@@ -1,9 +0,9 @@
-import { g as getElement, a as getRenderingRef, r as registerInstance, c as createEvent, h, H as Host } from './index-73b6fe82.js';
-import { P as PlayerProp, r as resetablePlayerProps, i as isExternalReadonlyPlayerProp, a as isInternalReadonlyPlayerProp } from './PlayerProp-98f9a11a.js';
+import { g as getElement, a as getRenderingRef, r as registerInstance, c as createEvent, h, H as Host } from './index-ca9f1723.js';
+import { P as PlayerProp, r as resetablePlayerProps, a as isExternalReadonlyPlayerProp, i as isInternalReadonlyPlayerProp } from './PlayerProp-30acb9cd.js';
 import { e as isUndefined, g as isNull, a as isString } from './unit-8baed40c.js';
-import { g as getEventName } from './PlayerEvent-a8882c70.js';
+import { g as getEventName } from './PlayerEvent-ad7420c2.js';
+import { l as listen } from './dom-7d8f37d1.js';
 import { V as ViewType } from './ViewType-6da43616.js';
-import { l as listen } from './dom-7d8f37d1.js';
+import { M as MediaType } from './MediaType-aec4c150.js';
 import { a as IS_MOBILE, b as canAutoplay, o as onTouchInputChange, d as IS_IOS } from './support-8758bff2.js';
-import { M as MediaType } from './MediaType-aec4c150.js';
 import { D as Disposal } from './Disposal-525363e0.js';
@@ -381,3 +381,3 @@
         this.player.errors = [...this.player.errors, e];
-        this.markAsInternallyChanged(PlayerProp.Errors);
+        this.markAsInternallyChanged(PlayerProp.errors);
       }
@@ -415,6 +415,6 @@ }));
     }
-    if (this.player.debug && (prop !== PlayerProp.CurrentTime)) {
+    if (this.player.debug && (prop !== PlayerProp.currentTime)) {
       console.log(`STATECHANGE [${by.nodeName}]: ${prop} -> ${value}`);
     }
-    if (prop === PlayerProp.Errors) {
+    if (prop === PlayerProp.errors) {
       this.player.errors = [...this.player.errors, ...value];
@@ -432,5 +432,5 @@ this.markAsInternallyChanged(prop);
   onPausedChange(paused) {
-    if (paused === this.providerState.get(PlayerProp.Paused))
+    if (paused === this.providerState.get(PlayerProp.paused))
       return;
-    this.queueAdapterCall(PlayerProp.Paused, (adapter) => {
+    this.queueAdapterCall(PlayerProp.paused, (adapter) => {
       this.player.paused = paused;
@@ -444,6 +444,6 @@ return !paused ? adapter.play() : adapter.pause();
     const currentTime = Math.max(0, Math.min(time, duration));
-    const providerTime = this.providerState.get(PlayerProp.CurrentTime);
+    const providerTime = this.providerState.get(PlayerProp.currentTime);
     if (Math.floor(currentTime) === Math.floor(providerTime))
       return;
-    this.queueAdapterCall(PlayerProp.CurrentTime, (adapter) => {
+    this.queueAdapterCall(PlayerProp.currentTime, (adapter) => {
       this.player.currentTime = currentTime;
@@ -455,5 +455,5 @@ return adapter.setCurrentTime(currentTime);
     const volume = Math.max(0, Math.min(level, 100));
-    if (volume === this.providerState.get(PlayerProp.Volume))
+    if (volume === this.providerState.get(PlayerProp.volume))
       return;
-    this.queueAdapterCall(PlayerProp.Volume, (adapter) => {
+    this.queueAdapterCall(PlayerProp.volume, (adapter) => {
       this.player.volume = volume;
@@ -464,5 +464,5 @@ return adapter.setVolume(volume);
   onMutedChange(muted) {
-    if (muted === this.providerState.get(PlayerProp.Muted))
+    if (muted === this.providerState.get(PlayerProp.muted))
       return;
-    this.queueAdapterCall(PlayerProp.Muted, (adapter) => {
+    this.queueAdapterCall(PlayerProp.muted, (adapter) => {
       this.player.muted = muted;
@@ -473,3 +473,3 @@ return adapter.setMuted(muted);
   async onPlaybackRateChange(prevRate, newRate) {
-    if (newRate === this.providerState.get(PlayerProp.PlaybackRate))
+    if (newRate === this.providerState.get(PlayerProp.playbackRate))
       return;
@@ -488,10 +488,10 @@ let isValid = true;
       this.player.playbackRate = prevRate;
-      this.cache.set(PlayerProp.PlaybackRate, prevRate);
+      this.cache.set(PlayerProp.playbackRate, prevRate);
       return;
     }
-    this.queueAdapterCall(PlayerProp.PlaybackRate, async (adapter) => { var _a; return (_a = adapter.setPlaybackRate) === null || _a === void 0 ? void 0 : _a.call(adapter, newRate); });
+    this.queueAdapterCall(PlayerProp.playbackRate, async (adapter) => { var _a; return (_a = adapter.setPlaybackRate) === null || _a === void 0 ? void 0 : _a.call(adapter, newRate); });
   }
   async onPlaybackQualityChange(prevQuality, newQuality) {
     if (isUndefined(newQuality)
-      || (newQuality === this.providerState.get(PlayerProp.PlaybackQuality)))
+      || (newQuality === this.providerState.get(PlayerProp.playbackQuality)))
       return;
@@ -510,6 +510,6 @@ let isValid = true;
       this.player.playbackQuality = prevQuality;
-      this.cache.set(PlayerProp.PlaybackQuality, prevQuality);
+      this.cache.set(PlayerProp.playbackQuality, prevQuality);
       return;
     }
-    this.queueAdapterCall(PlayerProp.PlaybackQuality, async (adapter) => { var _a; return (_a = adapter.setPlaybackQuality) === null || _a === void 0 ? void 0 : _a.call(adapter, newQuality); });
+    this.queueAdapterCall(PlayerProp.playbackQuality, async (adapter) => { var _a; return (_a = adapter.setPlaybackQuality) === null || _a === void 0 ? void 0 : _a.call(adapter, newQuality); });
   }
@@ -522,6 +522,6 @@ fireEvent(prop, value, prevVal) {
     }));
-    if ((prop === PlayerProp.Paused) && !value) {
+    if ((prop === PlayerProp.paused) && !value) {
       events.push(new CustomEvent('vPlay', { bubbles: false }));
     }
-    if ((prop === PlayerProp.Seeking) && prevVal && !value) {
+    if ((prop === PlayerProp.seeking) && prevVal && !value) {
       events.push(new CustomEvent('vSeeked', { bubbles: false }));
@@ -532,5 +532,5 @@ }
   destroy() {
-    this.cache.clear();
-    this.internalState.clear();
-    this.providerState.clear();
+    // this.cache.clear();
+    // this.internalState.clear();
+    // this.providerState.clear();
     this.adapterCalls.clear();
@@ -569,2 +569,3 @@ }
     registerInstance(this, hostRef);
+    this.vThemeChange = createEvent(this, "vThemeChange", 7);
     this.vPausedChange = createEvent(this, "vPausedChange", 7);
@@ -578,2 +579,4 @@ this.vPlay = createEvent(this, "vPlay", 7);
     this.vCurrentTimeChange = createEvent(this, "vCurrentTimeChange", 7);
+    this.vMounted = createEvent(this, "vMounted", 7);
+    this.vDestroyed = createEvent(this, "vDestroyed", 7);
     this.vReady = createEvent(this, "vReady", 7);
@@ -607,7 +610,2 @@ this.vPlaybackReady = createEvent(this, "vPlaybackReady", 7);
     /**
-     * ------------------------------------------------------
-     * Props
-     * ------------------------------------------------------
-     */
-    /**
      * @inheritDoc
@@ -639,2 +637,10 @@ */
      */
+    this.mounted = false;
+    /**
+     * @inheritDoc
+     */
+    this.destroyed = false;
+    /**
+     * @inheritDoc
+     */
     this.playbackReady = false;
@@ -781,3 +787,3 @@ /**
       this.playing = false;
-      this.scheduler.markAsInternallyChanged(PlayerProp.Playing);
+      this.scheduler.markAsInternallyChanged(PlayerProp.playing);
     }
@@ -795,3 +801,3 @@ else {
       this.ready = true;
-      this.scheduler.markAsInternallyChanged(PlayerProp.Ready);
+      this.scheduler.markAsInternallyChanged(PlayerProp.ready);
     }
@@ -817,5 +823,5 @@ }
       this.currentCaption = undefined;
-      this.scheduler.markAsInternallyChanged(PlayerProp.CurrentCaption);
+      this.scheduler.markAsInternallyChanged(PlayerProp.currentCaption);
       this.isCaptionsActive = false;
-      this.scheduler.markAsInternallyChanged(PlayerProp.IsCaptionsActive);
+      this.scheduler.markAsInternallyChanged(PlayerProp.isCaptionsActive);
       return;
@@ -831,19 +837,19 @@ }
     this.isAudioView = this.viewType === ViewType.Audio;
-    this.scheduler.markAsInternallyChanged(PlayerProp.IsAudioView);
+    this.scheduler.markAsInternallyChanged(PlayerProp.isAudioView);
     this.isVideoView = this.viewType === ViewType.Video;
-    this.scheduler.markAsInternallyChanged(PlayerProp.IsVideoView);
+    this.scheduler.markAsInternallyChanged(PlayerProp.isVideoView);
   }
   onMediaTypeChange() {
     this.isAudio = this.mediaType === MediaType.Audio;
-    this.scheduler.markAsInternallyChanged(PlayerProp.IsAudio);
+    this.scheduler.markAsInternallyChanged(PlayerProp.isAudio);
     this.isVideo = this.mediaType === MediaType.Video;
-    this.scheduler.markAsInternallyChanged(PlayerProp.IsVideo);
+    this.scheduler.markAsInternallyChanged(PlayerProp.isVideo);
   }
   onLiveChange() {
     this.isLive = this.duration === Infinity;
-    this.scheduler.markAsInternallyChanged(PlayerProp.IsLive);
+    this.scheduler.markAsInternallyChanged(PlayerProp.isLive);
   }
   onLanguagesUpdate() {
     this.languages = Object.keys(this.translations);
-    this.scheduler.markAsInternallyChanged(PlayerProp.Languages);
+    this.scheduler.markAsInternallyChanged(PlayerProp.languages);
   }
@@ -853,3 +859,3 @@ onI18NUpdate() {
     this.i18n = Object.assign({}, ((_a = this.translations[this.language]) !== null && _a !== void 0 ? _a : en));
-    this.scheduler.markAsInternallyChanged(PlayerProp.I18N);
+    this.scheduler.markAsInternallyChanged(PlayerProp.i18n);
   }
@@ -1006,3 +1012,3 @@ /**
     this.translations = Object.assign(Object.assign({}, this.translations), { [language]: Object.assign(Object.assign({}, ((_a = this.translations[language]) !== null && _a !== void 0 ? _a : {})), translations) });
-    this.scheduler.markAsInternallyChanged(PlayerProp.Translations);
+    this.scheduler.markAsInternallyChanged(PlayerProp.translations);
   }
@@ -1027,7 +1033,7 @@ async onMediaChange(event) {
       this.isFullscreenActive = isActive;
-      this.scheduler.markAsInternallyChanged(PlayerProp.IsFullscreenActive);
+      this.scheduler.markAsInternallyChanged(PlayerProp.isFullscreenActive);
     });
     this.disposal.add(onTouchInputChange((isTouch) => {
       this.isTouch = isTouch;
-      this.scheduler.markAsInternallyChanged(PlayerProp.IsTouch);
+      this.scheduler.markAsInternallyChanged(PlayerProp.isTouch);
     }));
@@ -1041,2 +1047,4 @@ }
     this.disposal.add(lazyLoader(this.el));
+    this.mounted = true;
+    this.scheduler.markAsInternallyChanged(PlayerProp.mounted);
   }
@@ -1052,6 +1060,5 @@ componentWillRender() {
     this.scheduler.destroy();
-    this.toggledCaption = undefined;
-    this.provider = undefined;
-    this.adapter = undefined;
     this.disposal.empty();
+    this.destroyed = true;
+    this.scheduler.markAsInternallyChanged(PlayerProp.destroyed);
   }
@@ -1106,5 +1113,5 @@ getPlayerState() {
     this.currentCaption = activeCaption || this.toggledCaption;
-    this.scheduler.markAsInternallyChanged(PlayerProp.CurrentCaption);
+    this.scheduler.markAsInternallyChanged(PlayerProp.currentCaption);
     this.isCaptionsActive = !isUndefined(activeCaption);
-    this.scheduler.markAsInternallyChanged(PlayerProp.IsCaptionsActive);
+    this.scheduler.markAsInternallyChanged(PlayerProp.isCaptionsActive);
   }
@@ -1111,0 +1118,0 @@ genId() {

dist/esm/vime-slider.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-73b6fe82.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ca9f1723.js';
 
@@ -3,0 +3,0 @@ const sliderCss = "vime-slider{}vime-slider input{-webkit-appearance:none;background:transparent;border:0;outline:0;cursor:pointer;border-radius:calc(var(--slider-thumb-height) * 2);user-select:none;-webkit-user-select:none;touch-action:manipulation;color:var(--slider-value-color);display:block;height:var(--slider-track-height);margin:0;padding:0;transition:box-shadow 0.3s ease;width:100%}vime-slider input::-webkit-slider-runnable-track{background:transparent;border:0;border-radius:calc(var(--slider-track-height) / 2);height:var(--slider-track-height);transition:box-shadow 0.3s ease;user-select:none;background-image:linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%));background-color:var(--slider-track-color)}vime-slider input::-webkit-slider-thumb{opacity:0;background:var(--slider-thumb-bg);border:0;border-radius:100%;position:relative;transition:all 0.2s ease;width:var(--slider-thumb-width);height:var(--slider-thumb-height);box-shadow:var(--slider-thumb-shadow);-webkit-appearance:none;margin-top:calc(0px - calc(calc(var(--slider-thumb-height) - var(--slider-track-height)) / 2))}vime-slider input::-moz-slider-track{background:transparent;border:0;border-radius:calc(var(--slider-track-height) / 2);height:var(--slider-track-height);transition:box-shadow 0.3s ease;user-select:none;background-color:var(--slider-track-color)}vime-slider input::-moz-slider-thumb{opacity:0;background:var(--slider-thumb-bg);border:0;border-radius:100%;position:relative;transition:all 0.2s ease;width:var(--slider-thumb-width);height:var(--slider-thumb-height);box-shadow:var(--slider-thumb-shadow)}vime-slider input::-moz-slider-progress{background:currentColor;border-radius:calc(var(--slider-track-height) / 2);height:var(--slider-track-height)}vime-slider input::-ms-track{background:transparent;border:0;border-radius:calc(var(--slider-track-height) / 2);height:var(--slider-track-height);transition:box-shadow 0.3s ease;user-select:none;color:transparent;background-color:var(--slider-track-color)}vime-slider input::-ms-fill-upper{background:transparent;border:0;border-radius:calc(var(--slider-track-height) / 2);height:var(--slider-track-height);transition:box-shadow 0.3s ease;user-select:none}vime-slider input::-ms-fill-lower{background:transparent;border:0;border-radius:calc(var(--slider-track-height) / 2);height:var(--slider-track-height);transition:box-shadow 0.3s ease;user-select:none;background:currentColor}vime-slider input::-ms-thumb{opacity:0;background:var(--slider-thumb-bg);border:0;border-radius:100%;position:relative;transition:all 0.2s ease;width:var(--slider-thumb-width);height:var(--slider-thumb-height);box-shadow:var(--slider-thumb-shadow);margin-top:0}vime-slider input::-ms-tooltip{display:none}vime-slider input:hover::-webkit-slider-runnable-track{height:var(--slider-track-focused-height)}vime-slider input:hover::-moz-slider-track{height:var(--slider-track-focused-height)}vime-slider input:hover::-ms-track{height:var(--slider-track-focused-height)}vime-slider input:hover::-ms-fill-upper{height:var(--slider-track-focused-height)}vime-slider input:hover::-ms-fill-lower{height:var(--slider-track-focused-height)}vime-slider input:hover::-webkit-slider-thumb{opacity:1}vime-slider input:hover::-moz-slider-thumb{opacity:1}vime-slider input:hover::-ms-thumb{opacity:1}vime-slider input:focus{outline:0}vime-slider input:focus::-webkit-slider-runnable-track{outline:0;height:var(--slider-track-focused-height)}vime-slider input:focus::-moz-slider-track{outline:0;height:var(--slider-track-focused-height)}vime-slider input:focus::-ms-track{outline:0;height:var(--slider-track-focused-height)}vime-slider input::-moz-focus-outer{border:0}";

dist/esm/vime-time.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './index-73b6fe82.js';
+import { r as registerInstance, h, H as Host } from './index-ca9f1723.js';
 import { f as formatTime } from './formatters-edb63282.js';
@@ -3,0 +3,0 @@

dist/esm/vime-video.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h } from './index-73b6fe82.js';
+import { r as registerInstance, h } from './index-ca9f1723.js';
 import { V as ViewType } from './ViewType-6da43616.js';
@@ -3,0 +3,0 @@

dist/esm/vime-vimeo.entry.js

@@ -1,13 +0,14 @@
-import { r as registerInstance, c as createEvent, h } from './index-73b6fe82.js';
-import { P as PlayerProp } from './PlayerProp-98f9a11a.js';
+import { r as registerInstance, c as createEvent, h } from './index-ca9f1723.js';
+import { P as PlayerProp } from './PlayerProp-30acb9cd.js';
 import { h as isNumber, e as isUndefined, a as isString } from './unit-8baed40c.js';
-import { c as createPlayerDispatcher } from './PlayerDispatcher-d00b3b5a.js';
-import { d as deferredPromise } from './PlayerContext-b1acf561.js';
-import './PlayerEvent-a8882c70.js';
+import { c as createPlayerDispatcher } from './PlayerDispatcher-9b774f3b.js';
+import './PlayerContext-a6250099.js';
+import './PlayerEvent-ad7420c2.js';
+import './dom-7d8f37d1.js';
 import { V as ViewType } from './ViewType-6da43616.js';
-import { w as withProviderContext } from './MediaProvider-23075982.js';
-import './dom-7d8f37d1.js';
+import { M as MediaType } from './MediaType-aec4c150.js';
+import { w as withProviderContext } from './MediaProvider-072b71e7.js';
 import './support-8758bff2.js';
-import { a as decodeJSON } from './network-679937ed.js';
-import { M as MediaType } from './MediaType-aec4c150.js';
+import { a as decodeJSON } from './network-1f2119e2.js';
+import { d as deferredPromise } from './promise-8a352f99.js';
 
@@ -145,3 +146,3 @@ /**
     this.dispatch = createPlayerDispatcher(this);
-    this.dispatch(PlayerProp.ViewType, ViewType.Video);
+    this.dispatch(PlayerProp.viewType, ViewType.Video);
     this.onVideoIdChange();
@@ -194,3 +195,3 @@ this.initialMuted = this.muted;
       const poster = `https://i.vimeocdn.com/video/${thumbnailId}_1920x1080.jpg`;
-      this.dispatch(PlayerProp.CurrentPoster, poster);
+      this.dispatch(PlayerProp.currentPoster, poster);
     });
@@ -201,9 +202,9 @@ }
       return;
-    this.dispatch(PlayerProp.CurrentTime, time);
+    this.dispatch(PlayerProp.currentTime, time);
     // This is how we detect `seeking` early.
     if (Math.abs(this.internalState.currentTime - time) > 1.5) {
       this.internalState.seeking = true;
-      this.dispatch(PlayerProp.Seeking, true);
+      this.dispatch(PlayerProp.seeking, true);
       if (this.internalState.playing && (this.internalState.buffered < time)) {
-        this.dispatch(PlayerProp.Buffering, true);
+        this.dispatch(PlayerProp.buffering, true);
       }
@@ -232,3 +233,3 @@ // Player doesn't resume playback once seeked.
       return;
-    this.dispatch(PlayerProp.Seeking, false);
+    this.dispatch(PlayerProp.seeking, false);
     this.internalState.seeking = false;
@@ -247,7 +248,7 @@ if (this.internalState.playRequest) {
       case VimeoCommand.GetDuration:
-        this.dispatch(PlayerProp.Duration, arg);
+        this.dispatch(PlayerProp.duration, arg);
         (_a = this.pendingDurationFetch) === null || _a === void 0 ? void 0 : _a.resolve();
         break;
       case VimeoCommand.GetVideoTitle:
-        this.dispatch(PlayerProp.MediaTitle, arg);
+        this.dispatch(PlayerProp.mediaTitle, arg);
         (_b = this.pendingMediaTitleFetch) === null || _b === void 0 ? void 0 : _b.resolve();
@@ -268,4 +269,4 @@ break;
         this.internalState = Object.assign({}, this.defaultInternalState);
-        this.dispatch(PlayerProp.CurrentSrc, this.embedSrc);
-        this.dispatch(PlayerProp.MediaType, MediaType.Video);
+        this.dispatch(PlayerProp.currentSrc, this.embedSrc);
+        this.dispatch(PlayerProp.mediaType, MediaType.Video);
         this.remoteControl(VimeoCommand.GetDuration);
@@ -279,3 +280,3 @@ this.remoteControl(VimeoCommand.GetVideoTitle);
           this.requestTimeUpdates();
-          this.dispatch(PlayerProp.PlaybackReady, true);
+          this.dispatch(PlayerProp.playbackReady, true);
         });
@@ -285,7 +286,7 @@ break;
         this.internalState.paused = false;
-        this.dispatch(PlayerProp.Paused, false);
+        this.dispatch(PlayerProp.paused, false);
         break;
       case VimeoDataEvent.PlayProgress:
         if (!this.internalState.playing) {
-          this.dispatch(PlayerProp.Playing, true);
+          this.dispatch(PlayerProp.playing, true);
           this.internalState.playing = true;
@@ -298,3 +299,3 @@ this.internalState.playbackStarted = true;
         }
-        this.dispatch(PlayerProp.Buffering, false);
+        this.dispatch(PlayerProp.buffering, false);
         this.onSeeked();
@@ -305,20 +306,20 @@ break;
         this.internalState.playing = false;
-        this.dispatch(PlayerProp.Paused, true);
-        this.dispatch(PlayerProp.Buffering, false);
+        this.dispatch(PlayerProp.paused, true);
+        this.dispatch(PlayerProp.buffering, false);
         break;
       case VimeoDataEvent.LoadProgress:
         this.internalState.buffered = payload.seconds;
-        this.dispatch(PlayerProp.Buffered, payload.seconds);
+        this.dispatch(PlayerProp.buffered, payload.seconds);
         break;
       case VimeoDataEvent.BufferStart:
-        this.dispatch(PlayerProp.Buffering, true);
+        this.dispatch(PlayerProp.buffering, true);
         // Attempt to detect `play` events early.
         if (this.internalState.paused) {
           this.internalState.paused = false;
-          this.dispatch(PlayerProp.Paused, false);
-          this.dispatch(PlayerProp.PlaybackStarted, true);
+          this.dispatch(PlayerProp.paused, false);
+          this.dispatch(PlayerProp.playbackStarted, true);
         }
         break;
       case VimeoDataEvent.BufferEnd:
-        this.dispatch(PlayerProp.Buffering, false);
+        this.dispatch(PlayerProp.buffering, false);
         if (this.internalState.paused)
@@ -330,17 +331,17 @@ this.onSeeked();
           this.volume = payload.volume;
-          this.dispatch(PlayerProp.Muted, false);
-          this.dispatch(PlayerProp.Volume, Math.floor(this.volume * 100));
+          this.dispatch(PlayerProp.muted, false);
+          this.dispatch(PlayerProp.volume, Math.floor(this.volume * 100));
         }
         else {
-          this.dispatch(PlayerProp.Muted, true);
+          this.dispatch(PlayerProp.muted, true);
         }
         break;
       case VimeoDataEvent.DurationChange:
-        this.dispatch(PlayerProp.Duration, payload.duration);
+        this.dispatch(PlayerProp.duration, payload.duration);
         break;
       case VimeoDataEvent.PlaybackRateChange:
-        this.dispatch(PlayerProp.PlaybackRate, payload.playbackRate);
+        this.dispatch(PlayerProp.playbackRate, payload.playbackRate);
         break;
       case VimeoDataEvent.FullscreenChange:
-        this.dispatch(PlayerProp.IsFullscreenActive, payload.fullscreen);
+        this.dispatch(PlayerProp.isFullscreenActive, payload.fullscreen);
         break;
@@ -355,7 +356,7 @@ case VimeoDataEvent.Finish:
         else {
-          this.dispatch(PlayerProp.PlaybackEnded, true);
+          this.dispatch(PlayerProp.playbackEnded, true);
         }
         break;
       case VimeoDataEvent.Error:
-        this.dispatch(PlayerProp.Errors, [new Error(payload)]);
+        this.dispatch(PlayerProp.errors, [new Error(payload)]);
         break;
@@ -399,3 +400,3 @@ }
         else {
-          this.dispatch(PlayerProp.Volume, volume);
+          this.dispatch(PlayerProp.volume, volume);
         }
@@ -402,0 +403,0 @@ },

dist/esm/vime-youtube.entry.js

@@ -1,13 +0,13 @@
-import { r as registerInstance, c as createEvent, h } from './index-73b6fe82.js';
-import { P as PlayerProp } from './PlayerProp-98f9a11a.js';
+import { r as registerInstance, c as createEvent, h } from './index-ca9f1723.js';
+import { P as PlayerProp } from './PlayerProp-30acb9cd.js';
 import { a as isString, b as isObject, h as isNumber, d as isArray, j as isBoolean } from './unit-8baed40c.js';
-import { c as createPlayerDispatcher } from './PlayerDispatcher-d00b3b5a.js';
-import './PlayerContext-b1acf561.js';
-import './PlayerEvent-a8882c70.js';
+import { c as createPlayerDispatcher } from './PlayerDispatcher-9b774f3b.js';
+import './PlayerContext-a6250099.js';
+import './PlayerEvent-ad7420c2.js';
+import './dom-7d8f37d1.js';
 import { V as ViewType } from './ViewType-6da43616.js';
-import { w as withProviderContext } from './MediaProvider-23075982.js';
-import './dom-7d8f37d1.js';
+import { M as MediaType } from './MediaType-aec4c150.js';
+import { w as withProviderContext } from './MediaProvider-072b71e7.js';
 import './support-8758bff2.js';
-import { b as loadImage, a as decodeJSON } from './network-679937ed.js';
-import { M as MediaType } from './MediaType-aec4c150.js';
+import { b as loadImage, a as decodeJSON } from './network-1f2119e2.js';
 
@@ -138,3 +138,3 @@ /**
     this.dispatch = createPlayerDispatcher(this);
-    this.dispatch(PlayerProp.ViewType, ViewType.Video);
+    this.dispatch(PlayerProp.viewType, ViewType.Video);
     this.onVideoIdChange();
@@ -221,3 +221,3 @@ this.initialMuted = this.muted;
       .catch(() => loadImage(posterURL('hqdefault'), 121)) // 480p (padded 4:3)
-      .then((img) => { this.dispatch(PlayerProp.CurrentPoster, img.src); });
+      .then((img) => { this.dispatch(PlayerProp.currentPoster, img.src); });
   }
@@ -229,9 +229,9 @@ onPlayerStateChange(state) {
     const isBuffering = (state === YouTubePlayerState.Buffering);
-    this.dispatch(PlayerProp.Buffering, isBuffering);
+    this.dispatch(PlayerProp.buffering, isBuffering);
     // Attempt to detect `play` events early.
     if (this.internalState.paused && (isBuffering || isPlaying)) {
       this.internalState.paused = false;
-      this.dispatch(PlayerProp.Paused, false);
+      this.dispatch(PlayerProp.paused, false);
       if (!this.internalState.playbackStarted) {
-        this.dispatch(PlayerProp.PlaybackStarted, true);
+        this.dispatch(PlayerProp.playbackStarted, true);
         this.internalState.playbackStarted = true;
@@ -243,6 +243,6 @@ }
         this.internalState = Object.assign({}, this.defaultInternalState);
-        this.dispatch(PlayerProp.CurrentSrc, this.embedSrc);
-        this.dispatch(PlayerProp.MediaType, MediaType.Video);
+        this.dispatch(PlayerProp.currentSrc, this.embedSrc);
+        this.dispatch(PlayerProp.mediaType, MediaType.Video);
         this.pendingPosterFetch.then(() => {
-          this.dispatch(PlayerProp.PlaybackReady, true);
+          this.dispatch(PlayerProp.playbackReady, true);
           this.pendingPosterFetch = undefined;
@@ -252,7 +252,7 @@ });
       case YouTubePlayerState.Playing:
-        this.dispatch(PlayerProp.Playing, true);
+        this.dispatch(PlayerProp.playing, true);
         break;
       case YouTubePlayerState.Paused:
         this.internalState.paused = true;
-        this.dispatch(PlayerProp.Paused, true);
+        this.dispatch(PlayerProp.paused, true);
         break;
@@ -264,3 +264,3 @@ case YouTubePlayerState.Ended:
         else {
-          this.dispatch(PlayerProp.PlaybackEnded, true);
+          this.dispatch(PlayerProp.playbackEnded, true);
         }
@@ -282,7 +282,7 @@ break;
     const currentTime = this.calcCurrentTime(time);
-    this.dispatch(PlayerProp.CurrentTime, currentTime);
+    this.dispatch(PlayerProp.currentTime, currentTime);
     // This is the only way to detect `seeking`.
     if (Math.abs(this.internalState.currentTime - currentTime) > 1.5) {
       this.internalState.seeking = true;
-      this.dispatch(PlayerProp.Seeking, true);
+      this.dispatch(PlayerProp.seeking, true);
     }
@@ -292,3 +292,3 @@ this.internalState.currentTime = currentTime;
   onBufferedChange(buffered) {
-    this.dispatch(PlayerProp.Buffered, buffered);
+    this.dispatch(PlayerProp.buffered, buffered);
     /**
@@ -302,3 +302,3 @@ * This is the only way to detect `seeked`. Unfortunately while the player is `paused` `seeking`
         this.internalState.seeking = false;
-        this.dispatch(PlayerProp.Seeking, false);
+        this.dispatch(PlayerProp.seeking, false);
       }, this.internalState.paused ? 100 : 0);
@@ -313,13 +313,13 @@ }
     if (isObject(info.videoData))
-      this.dispatch(PlayerProp.MediaTitle, info.videoData.title);
+      this.dispatch(PlayerProp.mediaTitle, info.videoData.title);
     if (isNumber(info.duration)) {
       this.internalState.duration = info.duration;
-      this.dispatch(PlayerProp.Duration, info.duration);
+      this.dispatch(PlayerProp.duration, info.duration);
     }
     if (isArray(info.availablePlaybackRates)) {
-      this.dispatch(PlayerProp.PlaybackRates, info.availablePlaybackRates);
+      this.dispatch(PlayerProp.playbackRates, info.availablePlaybackRates);
     }
     if (isNumber(info.playbackRate)) {
       this.internalState.playbackRate = info.playbackRate;
-      this.dispatch(PlayerProp.PlaybackRate, info.playbackRate);
+      this.dispatch(PlayerProp.playbackRate, info.playbackRate);
     }
@@ -335,10 +335,10 @@ if (isNumber(info.currentTime))
     if (isNumber(info.volume))
-      this.dispatch(PlayerProp.Volume, info.volume);
+      this.dispatch(PlayerProp.volume, info.volume);
     if (isBoolean(info.muted))
-      this.dispatch(PlayerProp.Muted, info.muted);
+      this.dispatch(PlayerProp.muted, info.muted);
     if (isArray(info.availableQualityLevels)) {
-      this.dispatch(PlayerProp.PlaybackQualities, info.availableQualityLevels.map((q) => mapYouTubePlaybackQuality(q)));
+      this.dispatch(PlayerProp.playbackQualities, info.availableQualityLevels.map((q) => mapYouTubePlaybackQuality(q)));
     }
     if (isString(info.playbackQuality)) {
-      this.dispatch(PlayerProp.PlaybackQuality, mapYouTubePlaybackQuality(info.playbackQuality));
+      this.dispatch(PlayerProp.playbackQuality, mapYouTubePlaybackQuality(info.playbackQuality));
     }
@@ -345,0 +345,0 @@ if (isNumber(info.playerState))

dist/esm/vime.js

@@ -1,5 +0,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-73b6fe82.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-ca9f1723.js';
 
 /*
- Stencil Client Patch Browser v2.0.0-5 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.0.0-6 | MIT Licensed | https://stenciljs.com
  */
@@ -16,3 +16,3 @@ const patchBrowser = () => {
 patchBrowser().then(options => {
-  return bootstrapLazy(JSON.parse("[[\"vime-default-ui\",[[4,\"vime-default-ui\",{\"noIcons\":[4,\"no-icons\"],\"noClickToPlay\":[4,\"no-click-to-play\"],\"noCaptions\":[4,\"no-captions\"],\"noPoster\":[4,\"no-poster\"],\"noSpinner\":[4,\"no-spinner\"],\"noControls\":[4,\"no-controls\"],\"noSettings\":[4,\"no-settings\"]}]]],[\"vime-dash\",[[0,\"vime-dash\",{\"src\":[1],\"version\":[1],\"config\":[16],\"autoplay\":[4],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]}]]],[\"vime-hls\",[[4,\"vime-hls\",{\"version\":[1],\"config\":[8],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]}]]],[\"vime-audio\",[[4,\"vime-audio\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}]]],[\"vime-embed\",[[0,\"vime-embed\",{\"embedSrc\":[1,\"embed-src\"],\"mediaTitle\":[1,\"media-title\"],\"params\":[1],\"origin\":[1],\"preconnections\":[16],\"decoder\":[16],\"srcWithParams\":[32],\"hasEnteredViewport\":[32],\"postMessage\":[64]},[[8,\"message\",\"onWindowMessage\"]]]]],[\"vime-dailymotion\",[[0,\"vime-dailymotion\",{\"videoId\":[1,\"video-id\"],\"shouldAutoplayQueue\":[4,\"should-autoplay-queue\"],\"showUpNextQueue\":[4,\"show-up-next-queue\"],\"showShareButtons\":[4,\"show-share-buttons\"],\"color\":[1],\"syndication\":[1],\"showDailymotionLogo\":[4,\"show-dailymotion-logo\"],\"showVideoInfo\":[4,\"show-video-info\"],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}]]],[\"vime-vimeo\",[[0,\"vime-vimeo\",{\"videoId\":[1,\"video-id\"],\"byline\":[4],\"color\":[1],\"portrait\":[4],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}]]],[\"vime-youtube\",[[0,\"vime-youtube\",{\"cookies\":[4],\"videoId\":[1,\"video-id\"],\"showFullscreenControl\":[4,\"show-fullscreen-control\"],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}]]],[\"vime-faketube\",[[0,\"vime-faketube\",{\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"getAdapter\":[64],\"dispatchLoadStart\":[64],\"dispatchStateChange\":[64]}]]],[\"vime-player\",[[4,\"vime-player\",{\"paused\":[1028],\"playing\":[1028],\"duration\":[1026],\"mediaTitle\":[1025,\"media-title\"],\"currentSrc\":[1025,\"current-src\"],\"currentPoster\":[1025,\"current-poster\"],\"currentTime\":[1026,\"current-time\"],\"autoplay\":[4],\"ready\":[1540],\"playbackReady\":[1028,\"playback-ready\"],\"loop\":[4],\"muted\":[1028],\"buffered\":[1026],\"playbackRate\":[1026,\"playback-rate\"],\"playbackRates\":[1040],\"playbackQuality\":[1025,\"playback-quality\"],\"playbackQualities\":[1040],\"seeking\":[1028],\"debug\":[4],\"playbackStarted\":[1028,\"playback-started\"],\"playbackEnded\":[1028,\"playback-ended\"],\"buffering\":[1028],\"controls\":[4],\"isControlsActive\":[4,\"is-controls-active\"],\"errors\":[1040],\"textTracks\":[1040],\"currentCaption\":[1040],\"isCaptionsActive\":[1028,\"is-captions-active\"],\"isSettingsActive\":[1028,\"is-settings-active\"],\"volume\":[1026],\"isFullscreenActive\":[1028,\"is-fullscreen-active\"],\"aspectRatio\":[1025,\"aspect-ratio\"],\"viewType\":[1025,\"view-type\"],\"isAudioView\":[1028,\"is-audio-view\"],\"isVideoView\":[1028,\"is-video-view\"],\"mediaType\":[1025,\"media-type\"],\"isAudio\":[1028,\"is-audio\"],\"isVideo\":[1028,\"is-video\"],\"isLive\":[1028,\"is-live\"],\"isMobile\":[1028,\"is-mobile\"],\"isTouch\":[1028,\"is-touch\"],\"isPiPActive\":[1028,\"is-pi-p-active\"],\"autopause\":[4],\"playsinline\":[4],\"language\":[1025],\"translations\":[1040],\"languages\":[1040],\"i18n\":[1040],\"noSkeleton\":[4,\"no-skeleton\"],\"getProvider\":[64],\"getAdapter\":[64],\"play\":[64],\"pause\":[64],\"canPlay\":[64],\"canAutoplay\":[64],\"canMutedAutoplay\":[64],\"canSetPlaybackRate\":[64],\"canSetPlaybackQuality\":[64],\"canSetFullscreen\":[64],\"enterFullscreen\":[64],\"exitFullscreen\":[64],\"canSetPiP\":[64],\"enterPiP\":[64],\"exitPiP\":[64],\"extendLanguage\":[64],\"callAdapter\":[64],\"toggleCaptionsVisiblity\":[64]},[[0,\"vLoadStart\",\"onMediaChange\"],[0,\"vStateChange\",\"onStateChange\"]]]]],[\"vime-file\",[[4,\"vime-file\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"mediaTitle\":[1,\"media-title\"],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"viewType\":[1,\"view-type\"],\"playbackRates\":[16],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"getAdapter\":[64]}]]],[\"vime-video\",[[4,\"vime-video\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}]]],[\"vime-slider\",[[0,\"vime-slider\",{\"step\":[2],\"min\":[2],\"max\":[2],\"value\":[2],\"valueText\":[1,\"value-text\"],\"label\":[1]}]]],[\"vime-time\",[[0,\"vime-time\",{\"label\":[1],\"seconds\":[2],\"alwaysShowHours\":[4,\"always-show-hours\"]}]]],[\"vime-control_3\",[[4,\"vime-control\",{\"keys\":[1],\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"pressed\":[4],\"scale\":[2],\"isTouch\":[4,\"is-touch\"],\"describedBy\":[32],\"showTapHighlight\":[32]}],[4,\"vime-tooltip\",{\"hidden\":[4],\"active\":[4],\"position\":[1],\"direction\":[1],\"isTouch\":[4,\"is-touch\"]}],[4,\"vime-icon\",{\"href\":[1],\"color\":[1],\"scale\":[2],\"opacity\":[2]}]]],[\"vime-menu_2\",[[0,\"vime-menu-item\",{\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"checked\":[4],\"hint\":[1],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"],\"isTouch\":[4,\"is-touch\"],\"showTapHighlight\":[32]}],[4,\"vime-menu\",{\"active\":[1540],\"identifier\":[1],\"controller\":[1],\"menuItems\":[32],\"currFocusedMenuItem\":[32],\"getController\":[64],\"getFocusedMenuItem\":[64],\"focusOnOpen\":[64]},[[0,\"vOpen\",\"onSubmenuOpen\"],[0,\"vClose\",\"onSubmenuClose\"],[8,\"click\",\"onWindowClick\"],[8,\"keydown\",\"onWindowKeyDown\"]]]]],[\"vime-menu-radio_4\",[[4,\"vime-submenu\",{\"label\":[1],\"hidden\":[4],\"hint\":[1],\"active\":[1540]}],[0,\"vime-menu-radio\",{\"label\":[1],\"value\":[1],\"checked\":[1028],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"]}],[4,\"vime-settings\",{\"controlsHeight\":[2,\"controls-height\"],\"active\":[1540],\"isMobile\":[4,\"is-mobile\"],\"isAudioView\":[4,\"is-audio-view\"],\"controllerId\":[32],\"setController\":[64]}],[4,\"vime-menu-radio-group\",{\"value\":[1025]},[[0,\"vCheck\",\"onSelectionChange\"]]]]],[\"vime-caption-control_16\",[[0,\"vime-volume-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"muteKeys\":[1,\"mute-keys\"],\"noKeyboard\":[4,\"no-keyboard\"],\"muted\":[4],\"volume\":[2],\"isMobile\":[4,\"is-mobile\"],\"i18n\":[16],\"currentVolume\":[32],\"isSliderActive\":[32]}],[0,\"vime-caption-control\",{\"showIcon\":[1,\"show-icon\"],\"hideIcon\":[1,\"hide-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"currentCaption\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"i18n\":[16]}],[0,\"vime-fullscreen-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"isFullscreenActive\":[4,\"is-fullscreen-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetFullscreen\":[32]}],[0,\"vime-pip-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"scale\":[2],\"isPiPActive\":[4,\"is-pi-p-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetPiP\":[32]}],[0,\"vime-playback-control\",{\"playIcon\":[1,\"play-icon\"],\"pauseIcon\":[1,\"pause-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"paused\":[4],\"i18n\":[16]}],[0,\"vime-settings-control\",{\"icon\":[1],\"tooltipDirection\":[1,\"tooltip-direction\"],\"menu\":[1],\"expanded\":[4],\"i18n\":[16]}],[0,\"vime-time-progress\",{\"separator\":[1],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-scrubber-control\",{\"alwaysShowHours\":[4,\"always-show-hours\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"currentTime\":[2,\"current-time\"],\"duration\":[2],\"noKeyboard\":[4,\"no-keyboard\"],\"buffering\":[4],\"buffered\":[2],\"i18n\":[16],\"timestamp\":[32],\"endTime\":[32]}],[4,\"vime-control-group\",{\"space\":[1]}],[0,\"vime-control-spacer\"],[4,\"vime-controls\",{\"hidden\":[4],\"fullWidth\":[4,\"full-width\"],\"fullHeight\":[4,\"full-height\"],\"direction\":[1],\"align\":[1],\"justify\":[1],\"pin\":[513],\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"isAudioView\":[4,\"is-audio-view\"],\"isSettingsActive\":[4,\"is-settings-active\"],\"playbackReady\":[4,\"playback-ready\"],\"isControlsActive\":[4,\"is-controls-active\"],\"paused\":[4],\"playbackStarted\":[4,\"playback-started\"],\"isInteracting\":[32]}],[0,\"vime-live-indicator\",{\"isLive\":[4,\"is-live\"],\"i18n\":[16]}],[0,\"vime-scrim\",{\"gradient\":[1],\"isVideoView\":[4,\"is-video-view\"],\"isControlsActive\":[4,\"is-controls-active\"]}],[0,\"vime-mute-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"volume\":[2],\"muted\":[4],\"i18n\":[16]}],[0,\"vime-current-time\",{\"currentTime\":[2,\"current-time\"],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-end-time\",{\"duration\":[2],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}]]],[\"vime-captions_8\",[[0,\"vime-default-controls\",{\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"isMobile\":[4,\"is-mobile\"],\"isLive\":[4,\"is-live\"],\"isAudioView\":[4,\"is-audio-view\"],\"isVideoView\":[4,\"is-video-view\"]}],[4,\"vime-default-settings\",{\"i18n\":[16],\"playbackRate\":[2,\"playback-rate\"],\"playbackRates\":[16],\"playbackQuality\":[1,\"playback-quality\"],\"playbackQualities\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"currentCaption\":[16],\"textTracks\":[16]}],[0,\"vime-captions\",{\"hidden\":[4],\"controlsHeight\":[2,\"controls-height\"],\"isControlsActive\":[4,\"is-controls-active\"],\"isVideoView\":[4,\"is-video-view\"],\"playbackStarted\":[4,\"playback-started\"],\"textTracks\":[16],\"isEnabled\":[32],\"activeTrack\":[32],\"activeCues\":[32]}],[0,\"vime-click-to-play\",{\"useOnMobile\":[4,\"use-on-mobile\"],\"paused\":[4],\"isVideoView\":[4,\"is-video-view\"]}],[0,\"vime-icons\",{\"href\":[1]}],[0,\"vime-poster\",{\"fit\":[1],\"isVideoView\":[4,\"is-video-view\"],\"currentPoster\":[1,\"current-poster\"],\"mediaTitle\":[1,\"media-title\"],\"playbackStarted\":[4,\"playback-started\"],\"isHidden\":[32],\"isActive\":[32],\"hasLoaded\":[32]}],[0,\"vime-spinner\",{\"isVideoView\":[4,\"is-video-view\"],\"buffering\":[4],\"isHidden\":[32],\"isActive\":[32]}],[4,\"vime-ui\",{\"isVideoView\":[4,\"is-video-view\"],\"playsinline\":[4],\"isFullscreenActive\":[4,\"is-fullscreen-active\"]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"vime-default-ui\",[[4,\"vime-default-ui\",{\"noIcons\":[4,\"no-icons\"],\"noClickToPlay\":[4,\"no-click-to-play\"],\"noCaptions\":[4,\"no-captions\"],\"noPoster\":[4,\"no-poster\"],\"noSpinner\":[4,\"no-spinner\"],\"noControls\":[4,\"no-controls\"],\"noSettings\":[4,\"no-settings\"]}]]],[\"vime-dash\",[[0,\"vime-dash\",{\"src\":[1],\"version\":[1],\"config\":[16],\"autoplay\":[4],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]}]]],[\"vime-hls\",[[4,\"vime-hls\",{\"version\":[1],\"config\":[8],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]}]]],[\"vime-audio\",[[4,\"vime-audio\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}]]],[\"vime-embed\",[[0,\"vime-embed\",{\"embedSrc\":[1,\"embed-src\"],\"mediaTitle\":[1,\"media-title\"],\"params\":[1],\"origin\":[1],\"preconnections\":[16],\"decoder\":[16],\"srcWithParams\":[32],\"hasEnteredViewport\":[32],\"postMessage\":[64]},[[8,\"message\",\"onWindowMessage\"]]]]],[\"vime-dailymotion\",[[0,\"vime-dailymotion\",{\"videoId\":[1,\"video-id\"],\"shouldAutoplayQueue\":[4,\"should-autoplay-queue\"],\"showUpNextQueue\":[4,\"show-up-next-queue\"],\"showShareButtons\":[4,\"show-share-buttons\"],\"color\":[1],\"syndication\":[1],\"showDailymotionLogo\":[4,\"show-dailymotion-logo\"],\"showVideoInfo\":[4,\"show-video-info\"],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}]]],[\"vime-vimeo\",[[0,\"vime-vimeo\",{\"videoId\":[1,\"video-id\"],\"byline\":[4],\"color\":[1],\"portrait\":[4],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}]]],[\"vime-youtube\",[[0,\"vime-youtube\",{\"cookies\":[4],\"videoId\":[1,\"video-id\"],\"showFullscreenControl\":[4,\"show-fullscreen-control\"],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}]]],[\"vime-faketube\",[[0,\"vime-faketube\",{\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"getAdapter\":[64],\"dispatchLoadStart\":[64],\"dispatchStateChange\":[64]}]]],[\"vime-player\",[[4,\"vime-player\",{\"theme\":[1],\"paused\":[1028],\"playing\":[1028],\"duration\":[1026],\"mediaTitle\":[1025,\"media-title\"],\"currentSrc\":[1025,\"current-src\"],\"currentPoster\":[1025,\"current-poster\"],\"currentTime\":[1026,\"current-time\"],\"autoplay\":[4],\"ready\":[1540],\"mounted\":[1028],\"destroyed\":[1028],\"playbackReady\":[1028,\"playback-ready\"],\"loop\":[4],\"muted\":[1028],\"buffered\":[1026],\"playbackRate\":[1026,\"playback-rate\"],\"playbackRates\":[1040],\"playbackQuality\":[1025,\"playback-quality\"],\"playbackQualities\":[1040],\"seeking\":[1028],\"debug\":[4],\"playbackStarted\":[1028,\"playback-started\"],\"playbackEnded\":[1028,\"playback-ended\"],\"buffering\":[1028],\"controls\":[4],\"isControlsActive\":[4,\"is-controls-active\"],\"errors\":[1040],\"textTracks\":[1040],\"currentCaption\":[1040],\"isCaptionsActive\":[1028,\"is-captions-active\"],\"isSettingsActive\":[1028,\"is-settings-active\"],\"volume\":[1026],\"isFullscreenActive\":[1028,\"is-fullscreen-active\"],\"aspectRatio\":[1025,\"aspect-ratio\"],\"viewType\":[1025,\"view-type\"],\"isAudioView\":[1028,\"is-audio-view\"],\"isVideoView\":[1028,\"is-video-view\"],\"mediaType\":[1025,\"media-type\"],\"isAudio\":[1028,\"is-audio\"],\"isVideo\":[1028,\"is-video\"],\"isLive\":[1028,\"is-live\"],\"isMobile\":[1028,\"is-mobile\"],\"isTouch\":[1028,\"is-touch\"],\"isPiPActive\":[1028,\"is-pi-p-active\"],\"autopause\":[4],\"playsinline\":[4],\"language\":[1025],\"translations\":[1040],\"languages\":[1040],\"i18n\":[1040],\"noSkeleton\":[4,\"no-skeleton\"],\"getProvider\":[64],\"getAdapter\":[64],\"play\":[64],\"pause\":[64],\"canPlay\":[64],\"canAutoplay\":[64],\"canMutedAutoplay\":[64],\"canSetPlaybackRate\":[64],\"canSetPlaybackQuality\":[64],\"canSetFullscreen\":[64],\"enterFullscreen\":[64],\"exitFullscreen\":[64],\"canSetPiP\":[64],\"enterPiP\":[64],\"exitPiP\":[64],\"extendLanguage\":[64],\"callAdapter\":[64],\"toggleCaptionsVisiblity\":[64]},[[0,\"vLoadStart\",\"onMediaChange\"],[0,\"vStateChange\",\"onStateChange\"]]]]],[\"vime-file\",[[4,\"vime-file\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"mediaTitle\":[1,\"media-title\"],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"viewType\":[1,\"view-type\"],\"playbackRates\":[16],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"debug\":[4],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"getAdapter\":[64]}]]],[\"vime-video\",[[4,\"vime-video\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}]]],[\"vime-slider\",[[0,\"vime-slider\",{\"step\":[2],\"min\":[2],\"max\":[2],\"value\":[2],\"valueText\":[1,\"value-text\"],\"label\":[1]}]]],[\"vime-time\",[[0,\"vime-time\",{\"label\":[1],\"seconds\":[2],\"alwaysShowHours\":[4,\"always-show-hours\"]}]]],[\"vime-control_3\",[[4,\"vime-control\",{\"keys\":[1],\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"pressed\":[4],\"scale\":[2],\"isTouch\":[4,\"is-touch\"],\"describedBy\":[32],\"showTapHighlight\":[32]}],[4,\"vime-tooltip\",{\"hidden\":[4],\"active\":[4],\"position\":[1],\"direction\":[1],\"isTouch\":[4,\"is-touch\"]}],[4,\"vime-icon\",{\"href\":[1],\"color\":[1],\"scale\":[2],\"opacity\":[2]}]]],[\"vime-menu_2\",[[0,\"vime-menu-item\",{\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"checked\":[4],\"hint\":[1],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"],\"isTouch\":[4,\"is-touch\"],\"showTapHighlight\":[32]}],[4,\"vime-menu\",{\"active\":[1540],\"identifier\":[1],\"controller\":[1],\"menuItems\":[32],\"currFocusedMenuItem\":[32],\"getController\":[64],\"getFocusedMenuItem\":[64],\"focusOnOpen\":[64]},[[0,\"vOpen\",\"onSubmenuOpen\"],[0,\"vClose\",\"onSubmenuClose\"],[8,\"click\",\"onWindowClick\"],[8,\"keydown\",\"onWindowKeyDown\"]]]]],[\"vime-menu-radio_4\",[[4,\"vime-submenu\",{\"label\":[1],\"hidden\":[4],\"hint\":[1],\"active\":[1540]}],[0,\"vime-menu-radio\",{\"label\":[1],\"value\":[1],\"checked\":[1028],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"]}],[4,\"vime-settings\",{\"controlsHeight\":[2,\"controls-height\"],\"active\":[1540],\"isMobile\":[4,\"is-mobile\"],\"isAudioView\":[4,\"is-audio-view\"],\"controllerId\":[32],\"setController\":[64]}],[4,\"vime-menu-radio-group\",{\"value\":[1025]},[[0,\"vCheck\",\"onSelectionChange\"]]]]],[\"vime-caption-control_16\",[[0,\"vime-volume-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"muteKeys\":[1,\"mute-keys\"],\"noKeyboard\":[4,\"no-keyboard\"],\"muted\":[4],\"volume\":[2],\"isMobile\":[4,\"is-mobile\"],\"i18n\":[16],\"currentVolume\":[32],\"isSliderActive\":[32]}],[0,\"vime-caption-control\",{\"showIcon\":[1,\"show-icon\"],\"hideIcon\":[1,\"hide-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"currentCaption\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"i18n\":[16]}],[0,\"vime-fullscreen-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"isFullscreenActive\":[4,\"is-fullscreen-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetFullscreen\":[32]}],[0,\"vime-pip-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"scale\":[2],\"isPiPActive\":[4,\"is-pi-p-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetPiP\":[32]}],[0,\"vime-playback-control\",{\"playIcon\":[1,\"play-icon\"],\"pauseIcon\":[1,\"pause-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"paused\":[4],\"i18n\":[16]}],[0,\"vime-settings-control\",{\"icon\":[1],\"tooltipDirection\":[1,\"tooltip-direction\"],\"menu\":[1],\"expanded\":[4],\"i18n\":[16]}],[0,\"vime-time-progress\",{\"separator\":[1],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-scrubber-control\",{\"alwaysShowHours\":[4,\"always-show-hours\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"currentTime\":[2,\"current-time\"],\"duration\":[2],\"noKeyboard\":[4,\"no-keyboard\"],\"buffering\":[4],\"buffered\":[2],\"i18n\":[16],\"timestamp\":[32],\"endTime\":[32]}],[4,\"vime-control-group\",{\"space\":[1]}],[0,\"vime-control-spacer\"],[4,\"vime-controls\",{\"hidden\":[4],\"fullWidth\":[4,\"full-width\"],\"fullHeight\":[4,\"full-height\"],\"direction\":[1],\"align\":[1],\"justify\":[1],\"pin\":[513],\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"isAudioView\":[4,\"is-audio-view\"],\"isSettingsActive\":[4,\"is-settings-active\"],\"playbackReady\":[4,\"playback-ready\"],\"isControlsActive\":[4,\"is-controls-active\"],\"paused\":[4],\"playbackStarted\":[4,\"playback-started\"],\"isInteracting\":[32]}],[0,\"vime-live-indicator\",{\"isLive\":[4,\"is-live\"],\"i18n\":[16]}],[0,\"vime-scrim\",{\"gradient\":[1],\"isVideoView\":[4,\"is-video-view\"],\"isControlsActive\":[4,\"is-controls-active\"]}],[0,\"vime-mute-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"scale\":[2],\"keys\":[1],\"volume\":[2],\"muted\":[4],\"i18n\":[16]}],[0,\"vime-current-time\",{\"currentTime\":[2,\"current-time\"],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-end-time\",{\"duration\":[2],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}]]],[\"vime-captions_8\",[[0,\"vime-default-controls\",{\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"isMobile\":[4,\"is-mobile\"],\"isLive\":[4,\"is-live\"],\"isAudioView\":[4,\"is-audio-view\"],\"isVideoView\":[4,\"is-video-view\"]}],[4,\"vime-default-settings\",{\"i18n\":[16],\"playbackRate\":[2,\"playback-rate\"],\"playbackRates\":[16],\"playbackQuality\":[1,\"playback-quality\"],\"playbackQualities\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"currentCaption\":[16],\"textTracks\":[16]}],[0,\"vime-captions\",{\"hidden\":[4],\"controlsHeight\":[2,\"controls-height\"],\"isControlsActive\":[4,\"is-controls-active\"],\"isVideoView\":[4,\"is-video-view\"],\"playbackStarted\":[4,\"playback-started\"],\"textTracks\":[16],\"isEnabled\":[32],\"activeTrack\":[32],\"activeCues\":[32]}],[0,\"vime-click-to-play\",{\"useOnMobile\":[4,\"use-on-mobile\"],\"paused\":[4],\"isVideoView\":[4,\"is-video-view\"]}],[0,\"vime-icons\",{\"href\":[1]}],[0,\"vime-poster\",{\"fit\":[1],\"isVideoView\":[4,\"is-video-view\"],\"currentPoster\":[1,\"current-poster\"],\"mediaTitle\":[1,\"media-title\"],\"playbackStarted\":[4,\"playback-started\"],\"isHidden\":[32],\"isActive\":[32],\"hasLoaded\":[32]}],[0,\"vime-spinner\",{\"isVideoView\":[4,\"is-video-view\"],\"buffering\":[4],\"isHidden\":[32],\"isActive\":[32]}],[4,\"vime-ui\",{\"isVideoView\":[4,\"is-video-view\"],\"playsinline\":[4],\"isFullscreenActive\":[4,\"is-fullscreen-active\"]}]]]]"), options);
 });

dist/types/components/core/player/player.d.ts

@@ -28,2 +28,6 @@ import { EventEmitter } from '../../../stencil-public-runtime';
    */
+  theme?: string;
+  /**
+   * @inheritDoc
+   */
   paused: boolean;
@@ -67,2 +71,10 @@ onPausedChange(): void;
    */
+  mounted: boolean;
+  /**
+   * @inheritDoc
+   */
+  destroyed: boolean;
+  /**
+   * @inheritDoc
+   */
   playbackReady: boolean;
@@ -246,6 +258,10 @@ onPlaybackReady(): void;
    */
-  vPausedChange: EventEmitter<PlayerProps[PlayerProp.Paused]>;
+  vThemeChange: EventEmitter<PlayerProps[PlayerProp.theme]>;
   /**
    * @inheritDoc
    */
+  vPausedChange: EventEmitter<PlayerProps[PlayerProp.paused]>;
+  /**
+   * @inheritDoc
+   */
   vPlay: EventEmitter<void>;
@@ -255,7 +271,7 @@ /**
    */
-  vPlayingChange: EventEmitter<PlayerProps[PlayerProp.Playing]>;
+  vPlayingChange: EventEmitter<PlayerProps[PlayerProp.playing]>;
   /**
    * @inheritDoc
    */
-  vSeekingChange: EventEmitter<PlayerProps[PlayerProp.Seeking]>;
+  vSeekingChange: EventEmitter<PlayerProps[PlayerProp.seeking]>;
   /**
@@ -268,14 +284,22 @@ * @inheritDoc
    */
-  vBufferingChange: EventEmitter<PlayerProps[PlayerProp.Buffering]>;
+  vBufferingChange: EventEmitter<PlayerProps[PlayerProp.buffering]>;
   /**
    * @inheritDoc
    */
-  vDurationChange: EventEmitter<PlayerProps[PlayerProp.Duration]>;
+  vDurationChange: EventEmitter<PlayerProps[PlayerProp.duration]>;
   /**
    * @inheritDoc
    */
-  vCurrentTimeChange: EventEmitter<PlayerProps[PlayerProp.CurrentTime]>;
+  vCurrentTimeChange: EventEmitter<PlayerProps[PlayerProp.currentTime]>;
   /**
    * @inheritDoc
    */
+  vMounted: EventEmitter<void>;
+  /**
+   * @inheritDoc
+   */
+  vDestroyed: EventEmitter<void>;
+  /**
+   * @inheritDoc
+   */
   vReady: EventEmitter<void>;
@@ -297,11 +321,11 @@ /**
    */
-  vBufferedChange: EventEmitter<PlayerProps[PlayerProp.Buffered]>;
+  vBufferedChange: EventEmitter<PlayerProps[PlayerProp.buffered]>;
   /**
    * @inheritDoc
    */
-  vTextTracksChange: EventEmitter<PlayerProps[PlayerProp.TextTracks]>;
+  vTextTracksChange: EventEmitter<PlayerProps[PlayerProp.textTracks]>;
   /**
    * @inheritDoc
    */
-  vErrorsChange: EventEmitter<PlayerProps[PlayerProp.Errors]>;
+  vErrorsChange: EventEmitter<PlayerProps[PlayerProp.errors]>;
   /**
@@ -314,71 +338,71 @@ * @inheritDoc
    */
-  vCurrentSrcChange: EventEmitter<PlayerProps[PlayerProp.CurrentSrc]>;
+  vCurrentSrcChange: EventEmitter<PlayerProps[PlayerProp.currentSrc]>;
   /**
    * @inheritDoc
    */
-  vCurrentPosterChange: EventEmitter<PlayerProps[PlayerProp.CurrentPoster]>;
+  vCurrentPosterChange: EventEmitter<PlayerProps[PlayerProp.currentPoster]>;
   /**
    * @inheritDoc
    */
-  vMediaTitleChange: EventEmitter<PlayerProps[PlayerProp.MediaTitle]>;
+  vMediaTitleChange: EventEmitter<PlayerProps[PlayerProp.mediaTitle]>;
   /**
    * @inheritDoc
    */
-  vControlsChange: EventEmitter<PlayerProps[PlayerProp.IsControlsActive]>;
+  vControlsChange: EventEmitter<PlayerProps[PlayerProp.isControlsActive]>;
   /**
    * @inheritDoc
    */
-  vPlaybackRateChange: EventEmitter<PlayerProps[PlayerProp.PlaybackRate]>;
+  vPlaybackRateChange: EventEmitter<PlayerProps[PlayerProp.playbackRate]>;
   /**
    * @inheritDoc
    */
-  vPlaybackRatesChange: EventEmitter<PlayerProps[PlayerProp.PlaybackRates]>;
+  vPlaybackRatesChange: EventEmitter<PlayerProps[PlayerProp.playbackRates]>;
   /**
    * @inheritDoc
    */
-  vPlaybackQualityChange: EventEmitter<PlayerProps[PlayerProp.PlaybackQuality]>;
+  vPlaybackQualityChange: EventEmitter<PlayerProps[PlayerProp.playbackQuality]>;
   /**
    * @inheritDoc
    */
-  vPlaybackQualitiesChange: EventEmitter<PlayerProps[PlayerProp.PlaybackQualities]>;
+  vPlaybackQualitiesChange: EventEmitter<PlayerProps[PlayerProp.playbackQualities]>;
   /**
    * @inheritDoc
    */
-  vMutedChange: EventEmitter<PlayerProps[PlayerProp.Muted]>;
+  vMutedChange: EventEmitter<PlayerProps[PlayerProp.muted]>;
   /**
    * @inheritDoc
    */
-  vVolumeChange: EventEmitter<PlayerProps[PlayerProp.Volume]>;
+  vVolumeChange: EventEmitter<PlayerProps[PlayerProp.volume]>;
   /**
    * @inheritDoc
    */
-  vViewTypeChange: EventEmitter<PlayerProps[PlayerProp.ViewType]>;
+  vViewTypeChange: EventEmitter<PlayerProps[PlayerProp.viewType]>;
   /**
    * @inheritDoc
    */
-  vMediaTypeChange: EventEmitter<PlayerProps[PlayerProp.MediaType]>;
+  vMediaTypeChange: EventEmitter<PlayerProps[PlayerProp.mediaType]>;
   /**
    * @inheritDoc
    */
-  vLiveChange: EventEmitter<PlayerProps[PlayerProp.IsLive]>;
+  vLiveChange: EventEmitter<PlayerProps[PlayerProp.isLive]>;
   /**
    * @inheritDoc
    */
-  vTouchChange: EventEmitter<PlayerProps[PlayerProp.IsTouch]>;
+  vTouchChange: EventEmitter<PlayerProps[PlayerProp.isTouch]>;
   /**
    * @inheritDoc
    */
-  vLanguageChange: EventEmitter<PlayerProps[PlayerProp.Language]>;
+  vLanguageChange: EventEmitter<PlayerProps[PlayerProp.language]>;
   /**
    * @inheritDoc
    */
-  vLanguagesChange: EventEmitter<PlayerProps[PlayerProp.Languages]>;
+  vLanguagesChange: EventEmitter<PlayerProps[PlayerProp.languages]>;
   /**
    * @inheritDoc
    */
-  vFullscreenChange: EventEmitter<PlayerProps[PlayerProp.IsFullscreenActive]>;
+  vFullscreenChange: EventEmitter<PlayerProps[PlayerProp.isFullscreenActive]>;
   /**
    * @inheritDoc
    */
-  vPiPChange: EventEmitter<PlayerProps[PlayerProp.IsPiPActive]>;
+  vPiPChange: EventEmitter<PlayerProps[PlayerProp.isPiPActive]>;
   /**
@@ -385,0 +409,0 @@ * ------------------------------------------------------

dist/types/components/core/player/PlayerContext.d.ts

 import { ComponentInterface } from '../../../stencil-public-runtime';
-import { PlayerProp, PlayerProps } from './PlayerProp';
+import { PlayerProp } from './PlayerProp';
+/**
+ * Binds props between an instance of a given component class and it's closest ancestor player.
+ *
+ * @param Component A Stencil component class.
+ * @param props A set of props to watch and update on the given component instance.
+ */
 export declare const withPlayerContext: (Component: ComponentInterface, props: PlayerProp[]) => void;
-export declare const withCustomPlayerContext: (ref: HTMLElement, props: PlayerProp[], updater: <P extends PlayerProp>(prop: P, value: PlayerProps[P]) => void, onConnected?: (() => void) | undefined) => () => void;
+/**
+ * Finds the closest ancestor player to the given `ref` and watches the given props for changes. On
+ * a prop change the given `updater` fn is called.
+ *
+ * @param ref A element within any player's subtree.
+ * @param props A set of props to watch and call the `updater` fn with.
+ * @param updater This function is called with the prop/value of any watched properties.
+ */
+export declare const usePlayerContext: (ref: HTMLElement, props: PlayerProp[], updater: (prop: keyof typeof PlayerProp, value: any) => void, playerRef?: HTMLVimePlayerElement | undefined) => () => void;

dist/types/components/core/player/PlayerDispatcher.d.ts

@@ -8,2 +8,8 @@ import { InternalWritablePlayerProp, InternalWritablePlayerProps } from './PlayerProp';
 export declare type PlayerDispatcher = <P extends keyof InternalWritablePlayerProps>(prop: P, value: InternalWritablePlayerProps[P]) => void;
+/**
+ * Creates a dispatcher on the given `ref`, to send updates to the closest ancestor player via
+ * the custom `vStateChange` event.
+ *
+ * @param ref An element to dispatch the state change events from.
+ */
 export declare const createPlayerDispatcher: (ref: any) => PlayerDispatcher;

dist/types/components/core/player/PlayerEvent.d.ts

@@ -5,42 +5,49 @@ import { EventEmitter } from '../../../stencil-public-runtime';
 export declare enum PlayerEvent {
-  PausedChange = "vPausedChange",
-  Play = "vPlay",
-  PlayingChange = "vPlayingChange",
-  SeekingChange = "vSeekingChange",
-  Seeked = "vSeeked",
-  MutedChange = "vMutedChange",
-  BufferingChange = "vBufferingChange",
-  DurationChange = "vDurationChange",
-  CurrentTimeChange = "vCurrentTimeChange",
-  Ready = "vReady",
-  PlaybackReady = "vPlaybackReady",
-  PlaybackStarted = "vPlaybackStarted",
-  PlaybackEnded = "vPlaybackEnded",
-  BufferedChange = "vBufferedChange",
-  CurrentSrcChange = "vCurrentSrcChange",
-  CurrentPosterChange = "vCurrentPosterChange",
-  MediaTitleChange = "vMediaTitleChange",
-  ErrorsChange = "vErrorsChange",
-  TextTracksChange = "vTextTracksChange",
-  LoadStart = "vLoadStart",
-  PlaybackRateChange = "vPlaybackRateChange",
-  PlaybackRatesChange = "vPlaybackRatesChange",
-  PlaybackQualityChange = "vPlaybackQualityChange",
-  PlaybackQualitiesChange = "vPlaybackQualitiesChange",
-  VolumeChange = "vVolumeChange",
-  MediaTypeChange = "vMediaTypeChange",
-  ViewTypeChange = "vViewTypeChange",
-  ControlsChange = "vControlsChange",
-  LiveChange = "vLiveChange",
-  TouchChange = "vTouchChange",
-  LanguageChange = "vLanguageChange",
-  LanguagesChange = "vLanguagesChange",
-  FullscreenChange = "vFullscreenChange",
-  PiPChange = "vPiPChange"
+  themeChange = "vThemeChange",
+  pausedChange = "vPausedChange",
+  play = "vPlay",
+  playingChange = "vPlayingChange",
+  seekingChange = "vSeekingChange",
+  seeked = "vSeeked",
+  mutedChange = "vMutedChange",
+  bufferingChange = "vBufferingChange",
+  durationChange = "vDurationChange",
+  currentTimeChange = "vCurrentTimeChange",
+  ready = "vReady",
+  mounted = "vMounted",
+  destroyed = "vDestroyed",
+  playbackReady = "vPlaybackReady",
+  playbackStarted = "vPlaybackStarted",
+  playbackEnded = "vPlaybackEnded",
+  bufferedChange = "vBufferedChange",
+  currentSrcChange = "vCurrentSrcChange",
+  currentPosterChange = "vCurrentPosterChange",
+  mediaTitleChange = "vMediaTitleChange",
+  errorsChange = "vErrorsChange",
+  textTracksChange = "vTextTracksChange",
+  loadStart = "vLoadStart",
+  playbackRateChange = "vPlaybackRateChange",
+  playbackRatesChange = "vPlaybackRatesChange",
+  playbackQualityChange = "vPlaybackQualityChange",
+  playbackQualitiesChange = "vPlaybackQualitiesChange",
+  volumeChange = "vVolumeChange",
+  mediaTypeChange = "vMediaTypeChange",
+  viewTypeChange = "vViewTypeChange",
+  controlsChange = "vControlsChange",
+  liveChange = "vLiveChange",
+  touchChange = "vTouchChange",
+  languageChange = "vLanguageChange",
+  languagesChange = "vLanguagesChange",
+  fullscreenChange = "vFullscreenChange",
+  pipChange = "vPiPChange"
 }
 export interface PlayerEvents {
   /**
+   * Emitted when the `theme` prop changes value.
+   */
+  [PlayerEvent.themeChange]: EventEmitter<PlayerProps[PlayerProp.theme]>;
+  /**
    * Emitted when the `paused` prop changes value.
    */
-  [PlayerEvent.PausedChange]: EventEmitter<PlayerProps[PlayerProp.Paused]>;
+  [PlayerEvent.pausedChange]: EventEmitter<PlayerProps[PlayerProp.paused]>;
   /**
@@ -51,11 +58,11 @@ * Emitted when the media is transitioning from `paused` to `playing`. Event flow: `paused` ->
    */
-  [PlayerEvent.Play]: EventEmitter<void>;
+  [PlayerEvent.play]: EventEmitter<void>;
   /**
    * Emitted when the `playing` prop changes value.
    */
-  [PlayerEvent.PlayingChange]: EventEmitter<PlayerProps[PlayerProp.Playing]>;
+  [PlayerEvent.playingChange]: EventEmitter<PlayerProps[PlayerProp.playing]>;
   /**
    * Emitted when the `seeking` prop changes value.
    */
-  [PlayerEvent.SeekingChange]: EventEmitter<PlayerProps[PlayerProp.Seeking]>;
+  [PlayerEvent.seekingChange]: EventEmitter<PlayerProps[PlayerProp.seeking]>;
   /**
@@ -65,20 +72,28 @@ * Emitted directly after the player has successfully transitioned/seeked to a new time position.
    */
-  [PlayerEvent.Seeked]: EventEmitter<void>;
+  [PlayerEvent.seeked]: EventEmitter<void>;
   /**
    * Emitted when the `buffering` prop changes value.
    */
-  [PlayerEvent.BufferingChange]: EventEmitter<PlayerProps[PlayerProp.Buffering]>;
+  [PlayerEvent.bufferingChange]: EventEmitter<PlayerProps[PlayerProp.buffering]>;
   /**
    * Emitted when the `duration` prop changes value.
    */
-  [PlayerEvent.DurationChange]: EventEmitter<PlayerProps[PlayerProp.Duration]>;
+  [PlayerEvent.durationChange]: EventEmitter<PlayerProps[PlayerProp.duration]>;
   /**
    * Emitted when the `currentTime` prop changes value.
    */
-  [PlayerEvent.CurrentTimeChange]: EventEmitter<PlayerProps[PlayerProp.CurrentTime]>;
+  [PlayerEvent.currentTimeChange]: EventEmitter<PlayerProps[PlayerProp.currentTime]>;
   /**
    * Emitted when the player has loaded and is ready to be interacted with.
    */
-  [PlayerEvent.Ready]: EventEmitter<void>;
+  [PlayerEvent.ready]: EventEmitter<void>;
   /**
+   * Emitted when the player has mounted the DOM.
+   */
+  [PlayerEvent.mounted]: EventEmitter<void>;
+  /**
+   * Emitted when the player has disconnected from the DOM and been destroyed.
+   */
+  [PlayerEvent.destroyed]: EventEmitter<void>;
+  /**
    * Emitted when the media is ready to begin playback. The following props are guaranteed to be
@@ -88,47 +103,47 @@ * defined when this fires: `mediaTitle`, `currentSrc`, `currentPoster`, `duration`, `mediaType`,
    */
-  [PlayerEvent.PlaybackReady]: EventEmitter<void>;
+  [PlayerEvent.playbackReady]: EventEmitter<void>;
   /**
    * Emitted when the media initiates playback.
    */
-  [PlayerEvent.PlaybackStarted]: EventEmitter<void>;
+  [PlayerEvent.playbackStarted]: EventEmitter<void>;
   /**
    * Emitted when playback reaches the end of the media.
    */
-  [PlayerEvent.PlaybackEnded]: EventEmitter<void>;
+  [PlayerEvent.playbackEnded]: EventEmitter<void>;
   /**
    * Emitted when the `buffered` prop changes value.
    */
-  [PlayerEvent.BufferedChange]: EventEmitter<PlayerProps[PlayerProp.Buffered]>;
+  [PlayerEvent.bufferedChange]: EventEmitter<PlayerProps[PlayerProp.buffered]>;
   /**
    * Emitted when the `currentSrc` prop changes value.
    */
-  [PlayerEvent.CurrentSrcChange]: EventEmitter<PlayerProps[PlayerProp.CurrentSrc]>;
+  [PlayerEvent.currentSrcChange]: EventEmitter<PlayerProps[PlayerProp.currentSrc]>;
   /**
    * Emitted when the `currentPoster` prop changes value.
    */
-  [PlayerEvent.CurrentPosterChange]: EventEmitter<PlayerProps[PlayerProp.CurrentPoster]>;
+  [PlayerEvent.currentPosterChange]: EventEmitter<PlayerProps[PlayerProp.currentPoster]>;
   /**
    * Emitted when the `mediaTitle` prop changes value.
    */
-  [PlayerEvent.MediaTitleChange]: EventEmitter<PlayerProps[PlayerProp.MediaTitle]>;
+  [PlayerEvent.mediaTitleChange]: EventEmitter<PlayerProps[PlayerProp.mediaTitle]>;
   /**
    * Emitted when the `errors` prop changes value.
    */
-  [PlayerEvent.ErrorsChange]: EventEmitter<PlayerProps[PlayerProp.Errors]>;
+  [PlayerEvent.errorsChange]: EventEmitter<PlayerProps[PlayerProp.errors]>;
   /**
    * Emitted when the `textTracks` prop changes value.
    */
-  [PlayerEvent.TextTracksChange]: EventEmitter<PlayerProps[PlayerProp.TextTracks]>;
+  [PlayerEvent.textTracksChange]: EventEmitter<PlayerProps[PlayerProp.textTracks]>;
   /**
    * Emitted when the provider starts loading a media resource.
    */
-  [PlayerEvent.LoadStart]: EventEmitter<void>;
+  [PlayerEvent.loadStart]: EventEmitter<void>;
   /**
    * Emitted when the `playbackRate` prop changes value.
    */
-  [PlayerEvent.PlaybackRateChange]: EventEmitter<PlayerProps[PlayerProp.PlaybackRate]>;
+  [PlayerEvent.playbackRateChange]: EventEmitter<PlayerProps[PlayerProp.playbackRate]>;
   /**
    * Emitted when the `playbackRates` prop changes value.
    */
-  [PlayerEvent.PlaybackRatesChange]: EventEmitter<PlayerProps[PlayerProp.PlaybackRates]>;
+  [PlayerEvent.playbackRatesChange]: EventEmitter<PlayerProps[PlayerProp.playbackRates]>;
   /**
@@ -138,51 +153,51 @@ *
    */
-  [PlayerEvent.PlaybackQualityChange]: EventEmitter<PlayerProps[PlayerProp.PlaybackQuality]>;
+  [PlayerEvent.playbackQualityChange]: EventEmitter<PlayerProps[PlayerProp.playbackQuality]>;
   /**
    * Emitted when the `playbackQualities` prop changes value.
    */
-  [PlayerEvent.PlaybackQualitiesChange]: EventEmitter<PlayerProps[PlayerProp.PlaybackQualities]>;
+  [PlayerEvent.playbackQualitiesChange]: EventEmitter<PlayerProps[PlayerProp.playbackQualities]>;
   /**
    * Emitted when the `muted` prop changes value.
    */
-  [PlayerEvent.MutedChange]: EventEmitter<PlayerProps[PlayerProp.Muted]>;
+  [PlayerEvent.mutedChange]: EventEmitter<PlayerProps[PlayerProp.muted]>;
   /**
    * Emitted when the `volume` prop changes value.
    */
-  [PlayerEvent.VolumeChange]: EventEmitter<PlayerProps[PlayerProp.Volume]>;
+  [PlayerEvent.volumeChange]: EventEmitter<PlayerProps[PlayerProp.volume]>;
   /**
    * Emitted when the `mediaType` prop changes value.
    */
-  [PlayerEvent.MediaTypeChange]: EventEmitter<PlayerProps[PlayerProp.MediaType]>;
+  [PlayerEvent.mediaTypeChange]: EventEmitter<PlayerProps[PlayerProp.mediaType]>;
   /**
    * Emitted when the `viewType` prop changes value.
    */
-  [PlayerEvent.ViewTypeChange]: EventEmitter<PlayerProps[PlayerProp.ViewType]>;
+  [PlayerEvent.viewTypeChange]: EventEmitter<PlayerProps[PlayerProp.viewType]>;
   /**
    * Emitted when the `isControlsActive` prop changes value.
    */
-  [PlayerEvent.ControlsChange]: EventEmitter<PlayerProps[PlayerProp.IsControlsActive]>;
+  [PlayerEvent.controlsChange]: EventEmitter<PlayerProps[PlayerProp.isControlsActive]>;
   /**
    * Emitted when the `isLive` prop changes value.
    */
-  [PlayerEvent.LiveChange]: EventEmitter<PlayerProps[PlayerProp.IsLive]>;
+  [PlayerEvent.liveChange]: EventEmitter<PlayerProps[PlayerProp.isLive]>;
   /**
    * Emitted when the `isTouch` prop changes value.
    */
-  [PlayerEvent.TouchChange]: EventEmitter<PlayerProps[PlayerProp.IsTouch]>;
+  [PlayerEvent.touchChange]: EventEmitter<PlayerProps[PlayerProp.isTouch]>;
   /**
    * Emitted when the `language` prop changes value.
    */
-  [PlayerEvent.LanguageChange]: EventEmitter<PlayerProps[PlayerProp.Language]>;
+  [PlayerEvent.languageChange]: EventEmitter<PlayerProps[PlayerProp.language]>;
   /**
    * Emitted when the `languages` prop changes value.
    */
-  [PlayerEvent.LanguagesChange]: EventEmitter<PlayerProps[PlayerProp.Languages]>;
+  [PlayerEvent.languagesChange]: EventEmitter<PlayerProps[PlayerProp.languages]>;
   /**
    * Emitted when the `isFullscreenActive` prop changes value.
    */
-  [PlayerEvent.FullscreenChange]: EventEmitter<PlayerProps[PlayerProp.IsFullscreenActive]>;
+  [PlayerEvent.fullscreenChange]: EventEmitter<PlayerProps[PlayerProp.isFullscreenActive]>;
   /**
    * Emitted when the `isPiPActive` prop changes value.
    */
-  [PlayerEvent.PiPChange]: EventEmitter<PlayerProps[PlayerProp.IsPiPActive]>;
+  [PlayerEvent.pipChange]: EventEmitter<PlayerProps[PlayerProp.isPiPActive]>;
 }

dist/types/components/core/player/PlayerMethod.d.ts

 import { MediaProvider, MediaProviderAdapter } from '../../providers/MediaProvider';
 export declare enum PlayerMethod {
-  GetProvider = "getProvider",
-  GetAdapter = "getAdapter",
-  Play = "play",
-  Pause = "pause",
-  CanPlay = "canPlay",
-  CanAutoplay = "canAutoplay",
-  CanMutedAutoplay = "canMutedAutoplay",
-  CanSetPlaybackRate = "canSetPlaybackRate",
-  CanSetPlaybackQuality = "canSetPlaybackQuality",
-  CanSetFullscreen = "canSetFullscreen",
-  EnterFullscreen = "enterFullscreen",
-  ExitFullscreen = "exitFullscreen",
-  CanSetPiP = "canSetPiP",
-  EnterPiP = "enterPiP",
-  ExitPiP = "exitPiP",
-  ExtendLanguage = "extendLanguage",
-  CallAdapter = "callAdapter",
-  QueueStateChange = "queueStateChange",
-  ToggleCaptionsVisibility = "toggleCaptionsVisiblity"
+  getProvider = "getProvider",
+  getAdapter = "getAdapter",
+  play = "play",
+  pause = "pause",
+  canPlay = "canPlay",
+  canAutoplay = "canAutoplay",
+  canMutedAutoplay = "canMutedAutoplay",
+  canSetPlaybackRate = "canSetPlaybackRate",
+  canSetPlaybackQuality = "canSetPlaybackQuality",
+  canSetFullscreen = "canSetFullscreen",
+  enterFullscreen = "enterFullscreen",
+  exitFullscreen = "exitFullscreen",
+  canSetPiP = "canSetPiP",
+  enterPiP = "enterPiP",
+  exitPiP = "exitPiP",
+  extendLanguage = "extendLanguage",
+  callAdapter = "callAdapter",
+  queueStateChange = "queueStateChange",
+  toggleCaptionsVisibility = "toggleCaptionsVisiblity"
 }
@@ -27,7 +27,7 @@ export interface PlayerMethods {
    */
-  [PlayerMethod.GetProvider]<InternalPlayerType>(): Promise<MediaProvider<InternalPlayerType>>;
+  [PlayerMethod.getProvider]<InternalPlayerType>(): Promise<MediaProvider<InternalPlayerType>>;
   /**
    * Returns the current media provider's adapter. Shorthand for `getProvider().getAdapter()`.
    */
-  [PlayerMethod.GetAdapter]<InternalPlayerType>(): Promise<MediaProviderAdapter<InternalPlayerType>>;
+  [PlayerMethod.getAdapter]<InternalPlayerType>(): Promise<MediaProviderAdapter<InternalPlayerType>>;
   /**
@@ -38,15 +38,15 @@ * Begins/resumes playback of the media. If this method is called programmatically before the user
    */
-  [PlayerMethod.Play](): Promise<void>;
+  [PlayerMethod.play](): Promise<void>;
   /**
    * Pauses playback of the media.
    */
-  [PlayerMethod.Pause](): Promise<void>;
+  [PlayerMethod.pause](): Promise<void>;
   /**
    * Determines whether the current provider recognizes, and can play the given type.
    */
-  [PlayerMethod.CanPlay](type: string): Promise<boolean>;
+  [PlayerMethod.canPlay](type: string): Promise<boolean>;
   /**
    * Determines whether the player can start playback of the current media automatically.
    */
-  [PlayerMethod.CanAutoplay](): Promise<boolean>;
+  [PlayerMethod.canAutoplay](): Promise<boolean>;
   /**
@@ -57,11 +57,11 @@ *
    */
-  [PlayerMethod.CanMutedAutoplay](): Promise<boolean>;
+  [PlayerMethod.canMutedAutoplay](): Promise<boolean>;
   /**
    * Returns whether the current provider allows setting the `playbackRate` prop.
    */
-  [PlayerMethod.CanSetPlaybackRate](): Promise<boolean>;
+  [PlayerMethod.canSetPlaybackRate](): Promise<boolean>;
   /**
    * Returns whether the current provider allows setting the `playbackQuality` prop.
    */
-  [PlayerMethod.CanSetPlaybackQuality](): Promise<boolean>;
+  [PlayerMethod.canSetPlaybackQuality](): Promise<boolean>;
   /**
@@ -72,3 +72,3 @@ * Returns whether the native browser fullscreen API is available, or the current provider can
    */
-  [PlayerMethod.CanSetFullscreen](): Promise<boolean>;
+  [PlayerMethod.canSetFullscreen](): Promise<boolean>;
   /**
@@ -83,3 +83,3 @@ * Requests to enter fullscreen mode, returning a `Promise` that will resolve if the request is
    */
-  [PlayerMethod.EnterFullscreen](options?: FullscreenOptions): Promise<void>;
+  [PlayerMethod.enterFullscreen](options?: FullscreenOptions): Promise<void>;
   /**
@@ -90,3 +90,3 @@ * Requests to exit fullscreen mode, returning a `Promise` that will resolve if the request is
    */
-  [PlayerMethod.ExitFullscreen](): Promise<void>;
+  [PlayerMethod.exitFullscreen](): Promise<void>;
   /**
@@ -97,3 +97,3 @@ * Returns whether the current provider exposes an API for entering and exiting
    */
-  [PlayerMethod.CanSetPiP](): Promise<boolean>;
+  [PlayerMethod.canSetPiP](): Promise<boolean>;
   /**
@@ -106,3 +106,3 @@ * Request to enter picture-in-picture (PiP) mode, returning a `Promise` that will resolve if
    */
-  [PlayerMethod.EnterPiP](): Promise<void>;
+  [PlayerMethod.enterPiP](): Promise<void>;
   /**
@@ -113,11 +113,11 @@ * Request to exit picture-in-picture mode, returns a `Promise` that will resolve if the request
    */
-  [PlayerMethod.ExitPiP](): Promise<void>;
+  [PlayerMethod.exitPiP](): Promise<void>;
   /**
    * Toggles the visibility of the captions.
    */
-  [PlayerMethod.ToggleCaptionsVisibility](isVisible?: boolean): Promise<void>;
+  [PlayerMethod.toggleCaptionsVisibility](isVisible?: boolean): Promise<void>;
   /**
    * Extends the translation map for a given language.
    */
-  [PlayerMethod.ExtendLanguage](language: string, translations: Record<string, string>): Promise<void>;
+  [PlayerMethod.extendLanguage](language: string, translations: Record<string, string>): Promise<void>;
 }

dist/types/components/core/player/PlayerProp.d.ts

 import { MediaType } from './MediaType';
 import { ViewType } from './ViewType';
 export declare enum PlayerProp {
-  Paused = "paused",
-  Playing = "playing",
-  Duration = "duration",
-  MediaTitle = "mediaTitle",
-  CurrentSrc = "currentSrc",
-  CurrentPoster = "currentPoster",
-  CurrentTime = "currentTime",
-  Seeking = "seeking",
-  Debug = "debug",
-  Ready = "ready",
-  PlaybackStarted = "playbackStarted",
-  PlaybackEnded = "playbackEnded",
-  PlaybackRate = "playbackRate",
-  PlaybackRates = "playbackRates",
-  PlaybackQuality = "playbackQuality",
-  PlaybackQualities = "playbackQualities",
-  TextTracks = "textTracks",
-  Errors = "errors",
-  PlaybackReady = "playbackReady",
-  Buffered = "buffered",
-  Buffering = "buffering",
-  MediaType = "mediaType",
-  IsAudio = "isAudio",
-  IsVideo = "isVideo",
-  ViewType = "viewType",
-  IsAudioView = "isAudioView",
-  IsVideoView = "isVideoView",
-  IsLive = "isLive",
-  IsCaptionsActive = "isCaptionsActive",
-  IsSettingsActive = "isSettingsActive",
-  CurrentCaption = "currentCaption",
-  IsMobile = "isMobile",
-  IsTouch = "isTouch",
-  IsPiPActive = "isPiPActive",
-  IsFullscreenActive = "isFullscreenActive",
-  Playsinline = "playsinline",
-  Muted = "muted",
-  Volume = "volume",
-  Autopause = "autopause",
-  Controls = "controls",
-  IsControlsActive = "isControlsActive",
-  Autoplay = "autoplay",
-  Loop = "loop",
-  AspectRatio = "aspectRatio",
-  Language = "language",
-  Languages = "languages",
-  Translations = "translations",
-  I18N = "i18n"
+  theme = "theme",
+  paused = "paused",
+  playing = "playing",
+  duration = "duration",
+  mediaTitle = "mediaTitle",
+  currentSrc = "currentSrc",
+  currentPoster = "currentPoster",
+  currentTime = "currentTime",
+  seeking = "seeking",
+  debug = "debug",
+  ready = "ready",
+  mounted = "mounted",
+  destroyed = "destroyed",
+  playbackStarted = "playbackStarted",
+  playbackEnded = "playbackEnded",
+  playbackRate = "playbackRate",
+  playbackRates = "playbackRates",
+  playbackQuality = "playbackQuality",
+  playbackQualities = "playbackQualities",
+  textTracks = "textTracks",
+  errors = "errors",
+  playbackReady = "playbackReady",
+  buffered = "buffered",
+  buffering = "buffering",
+  mediaType = "mediaType",
+  isAudio = "isAudio",
+  isVideo = "isVideo",
+  viewType = "viewType",
+  isAudioView = "isAudioView",
+  isVideoView = "isVideoView",
+  isLive = "isLive",
+  isCaptionsActive = "isCaptionsActive",
+  isSettingsActive = "isSettingsActive",
+  currentCaption = "currentCaption",
+  isMobile = "isMobile",
+  isTouch = "isTouch",
+  isPiPActive = "isPiPActive",
+  isFullscreenActive = "isFullscreenActive",
+  playsinline = "playsinline",
+  muted = "muted",
+  volume = "volume",
+  autopause = "autopause",
+  controls = "controls",
+  isControlsActive = "isControlsActive",
+  autoplay = "autoplay",
+  loop = "loop",
+  aspectRatio = "aspectRatio",
+  language = "language",
+  languages = "languages",
+  translations = "translations",
+  i18n = "i18n"
 }
-export declare type InternalReadonlyPlayerProps = Pick<PlayerProps, PlayerProp.Autoplay | PlayerProp.Controls | PlayerProp.Debug | PlayerProp.Loop | PlayerProp.Ready | PlayerProp.IsAudio | PlayerProp.IsVideo | PlayerProp.IsMobile | PlayerProp.IsTouch | PlayerProp.IsAudioView | PlayerProp.IsVideoView | PlayerProp.IsLive | PlayerProp.CurrentCaption | PlayerProp.Autopause | PlayerProp.AspectRatio | PlayerProp.Playsinline | PlayerProp.Languages | PlayerProp.I18N>;
+export declare type InternalReadonlyPlayerProps = Pick<PlayerProps, PlayerProp.autoplay | PlayerProp.controls | PlayerProp.debug | PlayerProp.loop | PlayerProp.ready | PlayerProp.mounted | PlayerProp.destroyed | PlayerProp.isAudio | PlayerProp.isVideo | PlayerProp.isMobile | PlayerProp.isTouch | PlayerProp.isAudioView | PlayerProp.isVideoView | PlayerProp.isLive | PlayerProp.currentCaption | PlayerProp.autopause | PlayerProp.aspectRatio | PlayerProp.playsinline | PlayerProp.languages | PlayerProp.i18n>;
 export declare type InternalReadonlyPlayerProp = keyof InternalReadonlyPlayerProps;
 export declare type InternalWritablePlayerProps = Omit<PlayerProps, InternalReadonlyPlayerProp>;
 export declare type InternalWritablePlayerProp = keyof InternalWritablePlayerProps;
+export declare type ExternalWritablePlayerProps = Pick<PlayerProps, PlayerProp.autoplay | PlayerProp.autopause | PlayerProp.aspectRatio | PlayerProp.controls | PlayerProp.theme | PlayerProp.debug | PlayerProp.paused | PlayerProp.currentTime | PlayerProp.language | PlayerProp.loop | PlayerProp.playbackQuality | PlayerProp.muted | PlayerProp.playbackRate | PlayerProp.playsinline | PlayerProp.volume>;
+export declare type ExternalWritablePlayerProp = keyof ExternalWritablePlayerProps;
+export declare type ExternalReadonlyPlayerProps = Omit<PlayerProps, ExternalWritablePlayerProp>;
 /**
- * Determines if a player prop can be changed via the `vime-player` element from the "outside".
+ * Determines if a player prop can be changed via the `vime-player` element from the "outside". In
+ * other words, is the update coming from directly interacting with the `vime-player` component.
  */
 export declare const isExternalReadonlyPlayerProp: (prop: PlayerProp) => boolean;
 /**
- * Determines if a player prop can be changed "inside" via the `vStateChange` event fired by
- * providers.
+ * Determines if a player prop can be changed "inside" via the `vStateChange` event. In other
+ * words, does the component attempting to update the player exist within the subtree of the player
+ * in the DOM.
  */
@@ -96,6 +104,10 @@ export declare const isInternalReadonlyPlayerProp: (prop: PlayerProp) => boolean;
   /**
+   * This property has no role other than scoping CSS selectors.
+   */
+  [PlayerProp.theme]?: string;
+  /**
    * Whether playback should be paused. Defaults to `true` if no media has loaded or playback has
    * not started. Setting this to `true` will begin/resume playback.
    */
-  [PlayerProp.Paused]: boolean;
+  [PlayerProp.paused]: boolean;
   /**
@@ -105,3 +117,3 @@ * `@readonly` Whether media is actively playing back. Defaults to `false` if no media has
    */
-  [PlayerProp.Playing]: boolean;
+  [PlayerProp.playing]: boolean;
   /**
@@ -112,3 +124,3 @@ * `@readonly` A `double` indicating the total playback length of the media in seconds. Defaults
    */
-  [PlayerProp.Duration]: number;
+  [PlayerProp.duration]: number;
   /**
@@ -118,3 +130,3 @@ * `@readonly` The title of the current media. Defaults to `undefined` if no media has been
    */
-  [PlayerProp.MediaTitle]?: string;
+  [PlayerProp.mediaTitle]?: string;
   /**
@@ -124,3 +136,3 @@ * `@readonly` The absolute URL of the media resource that has been chosen. Defaults to
    */
-  [PlayerProp.CurrentSrc]?: string;
+  [PlayerProp.currentSrc]?: string;
   /**
@@ -130,3 +142,3 @@ * `@readonly` The absolute URL of the poster for the current media resource. Defaults to
    */
-  [PlayerProp.CurrentPoster]?: string;
+  [PlayerProp.currentPoster]?: string;
   /**
@@ -138,3 +150,3 @@ * A `double` indicating the current playback time in seconds. Defaults to `0` if the media has
    */
-  [PlayerProp.CurrentTime]: number;
+  [PlayerProp.currentTime]: number;
   /**
@@ -147,23 +159,31 @@ * Whether playback should automatically begin playing once the media is ready to do so. This
    */
-  [PlayerProp.Autoplay]: boolean;
+  [PlayerProp.autoplay]: boolean;
   /**
+   * `@readonly` Whether the player has mounted the DOM.
+   */
+  [PlayerProp.mounted]: boolean;
+  /**
+   * `@readonly` Whether the player has disconnected from the DOM and been destroyed.
+   */
+  [PlayerProp.destroyed]: boolean;
+  /**
    * `@readonly` Whether the player has loaded and is ready to be interacted with.
    */
-  [PlayerProp.Ready]: boolean;
+  [PlayerProp.ready]: boolean;
   /**
    * `@readonly` Whether media is ready for playback to begin.
    */
-  [PlayerProp.PlaybackReady]: boolean;
+  [PlayerProp.playbackReady]: boolean;
   /**
    * Whether media should automatically start playing from the beginning every time it ends.
    */
-  [PlayerProp.Loop]: boolean;
+  [PlayerProp.loop]: boolean;
   /**
    * Whether the audio is muted or not.
    */
-  [PlayerProp.Muted]: boolean;
+  [PlayerProp.muted]: boolean;
   /**
    * `@readonly` The length of the media in seconds that has been downloaded by the browser.
    */
-  [PlayerProp.Buffered]: number;
+  [PlayerProp.buffered]: number;
   /**
@@ -175,7 +195,7 @@ * A `double` indicating the rate at which media is being played back. If the value is `<1` then
    */
-  [PlayerProp.PlaybackRate]: number;
+  [PlayerProp.playbackRate]: number;
   /**
    * `@readonly` The playback rates available for the current media.
    */
-  [PlayerProp.PlaybackRates]: number[];
+  [PlayerProp.playbackRates]: number[];
   /**
@@ -191,11 +211,11 @@ * Indicates the quality of the media. The value will differ between audio and video. For audio
    */
-  [PlayerProp.PlaybackQuality]?: string;
+  [PlayerProp.playbackQuality]?: string;
   /**
    * `@readonly` The media qualities available for the current media.
    */
-  [PlayerProp.PlaybackQualities]: string[];
+  [PlayerProp.playbackQualities]: string[];
   /**
    * `@readonly` Whether the player is in the process of seeking to a new time position.
    */
-  [PlayerProp.Seeking]: boolean;
+  [PlayerProp.seeking]: boolean;
   /**
@@ -205,3 +225,3 @@ * `@readonly` Whether the player is in debug mode and should `console.log` information about
    */
-  [PlayerProp.Debug]: boolean;
+  [PlayerProp.debug]: boolean;
   /**
@@ -211,3 +231,3 @@ * `@readonly` Whether the media has initiated playback. In other words it will be true if
    */
-  [PlayerProp.PlaybackStarted]: boolean;
+  [PlayerProp.playbackStarted]: boolean;
   /**
@@ -217,7 +237,7 @@ * `@readonly` Whether media playback has reached the end. In other words it'll be true if
    */
-  [PlayerProp.PlaybackEnded]: boolean;
+  [PlayerProp.playbackEnded]: boolean;
   /**
    * `@readonly` Whether playback has temporarily stopped because of a lack of temporary data.
    */
-  [PlayerProp.Buffering]: boolean;
+  [PlayerProp.buffering]: boolean;
   /**
@@ -229,3 +249,3 @@ * Indicates whether a user interface should be shown for controlling the resource. Set this to
    */
-  [PlayerProp.Controls]: boolean;
+  [PlayerProp.controls]: boolean;
   /**
@@ -235,19 +255,19 @@ * Whether the controls are currently visible. This is currently only supported by custom
    */
-  [PlayerProp.IsControlsActive]: boolean;
+  [PlayerProp.isControlsActive]: boolean;
   /**
    * `@readonly` A collection of errors that have occurred ordered by `[oldest, ..., newest]`.
    */
-  [PlayerProp.Errors]: any[];
+  [PlayerProp.errors]: any[];
   /**
    * `@readonly` The text tracks (WebVTT) associated with the current media.
    */
-  [PlayerProp.TextTracks]?: TextTrackList;
+  [PlayerProp.textTracks]?: TextTrackList;
   /**
    * An `int` between `0` (silent) and `100` (loudest) indicating the audio volume.
    */
-  [PlayerProp.Volume]: number;
+  [PlayerProp.volume]: number;
   /**
    * `@readonly` Whether the player is currently in fullscreen mode.
    */
-  [PlayerProp.IsFullscreenActive]: boolean;
+  [PlayerProp.isFullscreenActive]: boolean;
   /**
@@ -257,3 +277,3 @@ * The aspect ratio of the player expressed as `width:height` (`16:9`). This is only applied if
    */
-  [PlayerProp.AspectRatio]: string;
+  [PlayerProp.aspectRatio]: string;
   /**
@@ -266,3 +286,3 @@ * `@readonly` The type of player view that is being used, whether it's an audio player view or
    */
-  [PlayerProp.ViewType]?: ViewType;
+  [PlayerProp.viewType]?: ViewType;
   /**
@@ -272,3 +292,3 @@ * `@readonly` Whether the current view is of type `audio`, shorthand for
    */
-  [PlayerProp.IsAudioView]: boolean;
+  [PlayerProp.isAudioView]: boolean;
   /**
@@ -278,3 +298,3 @@ * `@readonly` Whether the current view is of type `video`, shorthand for
    */
-  [PlayerProp.IsVideoView]: boolean;
+  [PlayerProp.isVideoView]: boolean;
   /**
@@ -284,3 +304,3 @@ * `@readonly` The type of media that is currently active, whether it's audio or video. Defaults
    */
-  [PlayerProp.MediaType]?: MediaType;
+  [PlayerProp.mediaType]?: MediaType;
   /**
@@ -290,3 +310,3 @@ * `@readonly` Whether the current media is of type `audio`, shorthand for
    */
-  [PlayerProp.IsAudio]: boolean;
+  [PlayerProp.isAudio]: boolean;
   /**
@@ -296,3 +316,3 @@ * `@readonly` Whether the current media is of type `video`, shorthand for
    */
-  [PlayerProp.IsVideo]: boolean;
+  [PlayerProp.isVideo]: boolean;
   /**
@@ -302,3 +322,3 @@ * `@readonly` Whether the player is in mobile mode. This is determined by parsing
    */
-  [PlayerProp.IsMobile]: boolean;
+  [PlayerProp.isMobile]: boolean;
   /**
@@ -308,7 +328,7 @@ * `@readonly` Whether the player is in touch mode. This is determined by listening for
    */
-  [PlayerProp.IsTouch]: boolean;
+  [PlayerProp.isTouch]: boolean;
   /**
    * `@readonly` Whether any captions or subtitles are currently showing.
    */
-  [PlayerProp.IsCaptionsActive]: boolean;
+  [PlayerProp.isCaptionsActive]: boolean;
   /**
@@ -318,3 +338,3 @@ * `@readonly` Whether the settings menu has been opened and is currently visible. This is
    */
-  [PlayerProp.IsSettingsActive]: boolean;
+  [PlayerProp.isSettingsActive]: boolean;
   /**
@@ -325,15 +345,15 @@ * `@readonly` The selected caption/subtitle text track to display. Defaults to `undefined` if
    */
-  [PlayerProp.CurrentCaption]?: TextTrack;
+  [PlayerProp.currentCaption]?: TextTrack;
   /**
    * `@readonly` Whether the current media is being broadcast live (`duration === Infinity`).
    */
-  [PlayerProp.IsLive]: boolean;
+  [PlayerProp.isLive]: boolean;
   /**
    * `@readonly` Whether the player is currently in picture-in-picture mode.
    */
-  [PlayerProp.IsPiPActive]: boolean;
+  [PlayerProp.isPiPActive]: boolean;
   /**
    * Whether the player should automatically pause when another Vime player starts/resumes playback.
    */
-  [PlayerProp.Autopause]: boolean;
+  [PlayerProp.autopause]: boolean;
   /**
@@ -344,3 +364,3 @@ * Whether the video is to be played "inline", that is within the element's playback area. Note
    */
-  [PlayerProp.Playsinline]: boolean;
+  [PlayerProp.playsinline]: boolean;
   /**
@@ -351,3 +371,3 @@ * The current language of the player. This can be any code defined via the `extendLanguage`
    */
-  [PlayerProp.Language]: string;
+  [PlayerProp.language]: string;
   /**
@@ -357,11 +377,11 @@ * `@readonly` The languages that are currently available. You can add new languages via the
    */
-  [PlayerProp.Languages]: string[];
+  [PlayerProp.languages]: string[];
   /**
    * `@readonly` Contains each language and it's respective translation map.
    */
-  [PlayerProp.Translations]: Record<string, Record<string, string>>;
+  [PlayerProp.translations]: Record<string, Record<string, string>>;
   /**
    * `@readonly` A dictionary of translations for the current language.
    */
-  [PlayerProp.I18N]: Record<string, string>;
+  [PlayerProp.i18n]: Record<string, string>;
 }

dist/types/components/core/player/utils.d.ts

@@ -0,1 +1,6 @@
+/**
+ * Finds the closest ancestor player element.
+ *
+ * @param ref A HTMLElement that is within the player's subtree.
+ */
 export declare const findRootPlayer: (ref: any) => HTMLVimePlayerElement;

dist/types/components/providers/MediaProvider.d.ts

@@ -27,9 +27,9 @@ /// <reference types="jest" />
 export interface MediaProvider<InternalPlayerType = any> extends ComponentInterface {
-  [PlayerProp.Controls]: PlayerProps[PlayerProp.Controls];
-  [PlayerProp.Language]: PlayerProps[PlayerProp.Language];
-  [PlayerProp.Debug]: PlayerProps[PlayerProp.Debug];
-  [PlayerProp.Loop]: PlayerProps[PlayerProp.Loop];
-  [PlayerProp.Autoplay]: PlayerProps[PlayerProp.Autoplay];
-  [PlayerProp.Playsinline]: PlayerProps[PlayerProp.Playsinline];
-  [PlayerProp.Muted]: PlayerProps[PlayerProp.Muted];
+  [PlayerProp.controls]: PlayerProps[PlayerProp.controls];
+  [PlayerProp.language]: PlayerProps[PlayerProp.language];
+  [PlayerProp.debug]: PlayerProps[PlayerProp.debug];
+  [PlayerProp.loop]: PlayerProps[PlayerProp.loop];
+  [PlayerProp.autoplay]: PlayerProps[PlayerProp.autoplay];
+  [PlayerProp.playsinline]: PlayerProps[PlayerProp.playsinline];
+  [PlayerProp.muted]: PlayerProps[PlayerProp.muted];
   vLoadStart: EventEmitter<void>;
@@ -36,0 +36,0 @@ getAdapter(): Promise<MediaProviderAdapter<InternalPlayerType>>;

dist/types/components/ui/captions/captions.d.ts

@@ -24,15 +24,15 @@ import { EventEmitter } from '../../../stencil-public-runtime';
    */
-  isControlsActive: PlayerProps[PlayerProp.IsControlsActive];
+  isControlsActive: PlayerProps[PlayerProp.isControlsActive];
   /**
    * @internal
    */
-  isVideoView: PlayerProps[PlayerProp.IsVideoView];
+  isVideoView: PlayerProps[PlayerProp.isVideoView];
   /**
    * @internal
    */
-  playbackStarted: PlayerProps[PlayerProp.PlaybackStarted];
+  playbackStarted: PlayerProps[PlayerProp.playbackStarted];
   /**
    * @internal
    */
-  textTracks?: PlayerProps[PlayerProp.TextTracks];
+  textTracks?: PlayerProps[PlayerProp.textTracks];
   /**
@@ -39,0 +39,0 @@ * Emitted when the current track changes.

dist/types/components/ui/click-to-play/click-to-play.d.ts

@@ -12,7 +12,7 @@ import { PlayerProp, PlayerProps } from '../../core/player/PlayerProp';
    */
-  paused: PlayerProps[PlayerProp.Paused];
+  paused: PlayerProps[PlayerProp.paused];
   /**
    * @internal
    */
-  isVideoView: PlayerProps[PlayerProp.IsVideoView];
+  isVideoView: PlayerProps[PlayerProp.isVideoView];
   componentWillLoad(): void;
@@ -19,0 +19,0 @@ private onClick;

dist/types/components/ui/controls/caption-control/caption-control.d.ts

@@ -32,13 +32,13 @@ import { PlayerProps, PlayerProp } from '../../../core/player/PlayerProp';
    */
-  currentCaption?: PlayerProps[PlayerProp.CurrentCaption];
+  currentCaption?: PlayerProps[PlayerProp.currentCaption];
   /**
    * @internal
    */
-  isCaptionsActive: PlayerProps[PlayerProp.IsCaptionsActive];
+  isCaptionsActive: PlayerProps[PlayerProp.isCaptionsActive];
   /**
    * @internal
    */
-  i18n: PlayerProps[PlayerProp.I18N];
+  i18n: PlayerProps[PlayerProp.i18n];
   private onClick;
   render(): any;
 }

dist/types/components/ui/controls/control/control.d.ts

@@ -52,3 +52,3 @@ import { EventEmitter } from '../../../../stencil-public-runtime';
    */
-  isTouch: PlayerProps[PlayerProp.IsTouch];
+  isTouch: PlayerProps[PlayerProp.isTouch];
   /**
@@ -55,0 +55,0 @@ * Emitted when the user is interacting with the control by focusing, touching or hovering on it.

dist/types/components/ui/controls/controls/controls.d.ts

@@ -64,23 +64,23 @@ import { PlayerProp, PlayerProps } from '../../../core/player/PlayerProp';
    */
-  isAudioView: PlayerProps[PlayerProp.IsAudioView];
+  isAudioView: PlayerProps[PlayerProp.isAudioView];
   /**
    * @internal
    */
-  isSettingsActive: PlayerProps[PlayerProp.IsSettingsActive];
+  isSettingsActive: PlayerProps[PlayerProp.isSettingsActive];
   /**
    * @internal
    */
-  playbackReady: PlayerProps[PlayerProp.PlaybackReady];
+  playbackReady: PlayerProps[PlayerProp.playbackReady];
   /**
    * @internal
    */
-  isControlsActive: PlayerProps[PlayerProp.IsControlsActive];
+  isControlsActive: PlayerProps[PlayerProp.isControlsActive];
   /**
    * @internal
    */
-  paused: PlayerProps[PlayerProp.Paused];
+  paused: PlayerProps[PlayerProp.paused];
   /**
    * @internal
    */
-  playbackStarted: PlayerProps[PlayerProp.PlaybackStarted];
+  playbackStarted: PlayerProps[PlayerProp.playbackStarted];
   connectedCallback(): void;
@@ -87,0 +87,0 @@ componentWillLoad(): void;

dist/types/components/ui/controls/default-controls/default-controls.d.ts

@@ -25,15 +25,15 @@ import { PlayerProp, PlayerProps } from '../../../core/player/PlayerProp';
    */
-  isMobile: PlayerProps[PlayerProp.IsMobile];
+  isMobile: PlayerProps[PlayerProp.isMobile];
   /**
    * @internal
    */
-  isLive: PlayerProps[PlayerProp.IsLive];
+  isLive: PlayerProps[PlayerProp.isLive];
   /**
    * @internal
    */
-  isAudioView: PlayerProps[PlayerProp.IsAudioView];
+  isAudioView: PlayerProps[PlayerProp.isAudioView];
   /**
    * @internal
    */
-  isVideoView: PlayerProps[PlayerProp.IsVideoView];
+  isVideoView: PlayerProps[PlayerProp.isVideoView];
   private buildAudioControls;
@@ -40,0 +40,0 @@ private buildMobileVideoControls;

dist/types/components/ui/controls/fullscreen-control/fullscreen-control.d.ts

@@ -33,11 +33,11 @@ import { PlayerProps, PlayerProp } from '../../../core/player/PlayerProp';
    */
-  isFullscreenActive: PlayerProps[PlayerProp.IsFullscreenActive];
+  isFullscreenActive: PlayerProps[PlayerProp.isFullscreenActive];
   /**
    * @internal
    */
-  i18n: PlayerProps[PlayerProp.I18N];
+  i18n: PlayerProps[PlayerProp.i18n];
   /**
    * @internal
    */
-  playbackReady: PlayerProps[PlayerProp.PlaybackReady];
+  playbackReady: PlayerProps[PlayerProp.playbackReady];
   onPlaybackReadyChange(): Promise<void>;
@@ -44,0 +44,0 @@ private onClick;

dist/types/components/ui/controls/mute-control/mute-control.d.ts

@@ -37,11 +37,11 @@ import { PlayerProps, PlayerProp } from '../../../core/player/PlayerProp';
    */
-  volume: PlayerProps[PlayerProp.Volume];
+  volume: PlayerProps[PlayerProp.volume];
   /**
    * @internal
    */
-  muted: PlayerProps[PlayerProp.Muted];
+  muted: PlayerProps[PlayerProp.muted];
   /**
    * @internal
    */
-  i18n: PlayerProps[PlayerProp.I18N];
+  i18n: PlayerProps[PlayerProp.i18n];
   componentWillLoad(): void;
@@ -48,0 +48,0 @@ private getIcon;

dist/types/components/ui/controls/pip-control/pip-control.d.ts

@@ -33,11 +33,11 @@ import { PlayerProps, PlayerProp } from '../../../core/player/PlayerProp';
    */
-  isPiPActive: PlayerProps[PlayerProp.IsPiPActive];
+  isPiPActive: PlayerProps[PlayerProp.isPiPActive];
   /**
    * @internal
    */
-  i18n: PlayerProps[PlayerProp.I18N];
+  i18n: PlayerProps[PlayerProp.i18n];
   /**
    * @internal
    */
-  playbackReady: PlayerProps[PlayerProp.PlaybackReady];
+  playbackReady: PlayerProps[PlayerProp.playbackReady];
   onPlaybackReadyChange(): Promise<void>;
@@ -44,0 +44,0 @@ private onClick;

dist/types/components/ui/controls/playback-control/playback-control.d.ts

@@ -33,7 +33,7 @@ import { PlayerProps, PlayerProp } from '../../../core/player/PlayerProp';
    */
-  paused: PlayerProps[PlayerProp.Paused];
+  paused: PlayerProps[PlayerProp.paused];
   /**
    * @internal
    */
-  i18n: PlayerProps[PlayerProp.I18N];
+  i18n: PlayerProps[PlayerProp.i18n];
   componentWillLoad(): void;
@@ -40,0 +40,0 @@ private onClick;

dist/types/components/ui/controls/scrubber-control/scrubber-control.d.ts

@@ -22,7 +22,7 @@ import { PlayerProp, PlayerProps } from '../../../core/player/PlayerProp';
    */
-  currentTime: PlayerProps[PlayerProp.CurrentTime];
+  currentTime: PlayerProps[PlayerProp.currentTime];
   /**
    * @internal
    */
-  duration: PlayerProps[PlayerProp.Duration];
+  duration: PlayerProps[PlayerProp.duration];
   /**
@@ -37,11 +37,11 @@ * Prevents seeking forward/backward by using the Left/Right arrow keys.
    */
-  buffering: PlayerProps[PlayerProp.Buffering];
+  buffering: PlayerProps[PlayerProp.buffering];
   /**
    * @internal
    */
-  buffered: PlayerProps[PlayerProp.Buffered];
+  buffered: PlayerProps[PlayerProp.buffered];
   /**
    * @internal
    */
-  i18n: PlayerProps[PlayerProp.I18N];
+  i18n: PlayerProps[PlayerProp.i18n];
   componentWillLoad(): void;
@@ -48,0 +48,0 @@ disconnectedCallback(): void;

dist/types/components/ui/controls/settings-control/settings-control.d.ts

@@ -25,3 +25,3 @@ import { PlayerProp, PlayerProps } from '../../../core/player/PlayerProp';
    */
-  i18n: PlayerProps[PlayerProp.I18N];
+  i18n: PlayerProps[PlayerProp.i18n];
   componentWillLoad(): void;
@@ -28,0 +28,0 @@ private hasSettings;

dist/types/components/ui/controls/volume-control/volume-control.d.ts

@@ -43,7 +43,7 @@ import { PlayerProp, PlayerProps } from '../../../core/player/PlayerProp';
    */
-  muted: PlayerProps[PlayerProp.Muted];
+  muted: PlayerProps[PlayerProp.muted];
   /**
    * @internal
    */
-  volume: PlayerProps[PlayerProp.Volume];
+  volume: PlayerProps[PlayerProp.volume];
   onPlayerVolumeChange(): void;
@@ -53,7 +53,7 @@ /**
    */
-  isMobile: PlayerProps[PlayerProp.IsMobile];
+  isMobile: PlayerProps[PlayerProp.isMobile];
   /**
    * @internal
    */
-  i18n: PlayerProps[PlayerProp.I18N];
+  i18n: PlayerProps[PlayerProp.i18n];
   componentWillLoad(): void;
@@ -60,0 +60,0 @@ disconnectedCallback(): void;

dist/types/components/ui/live-indicator/live-indicator.d.ts

@@ -6,8 +6,8 @@ import { PlayerProps, PlayerProp } from '../../core/player/PlayerProp';
    */
-  isLive: PlayerProps[PlayerProp.IsLive];
+  isLive: PlayerProps[PlayerProp.isLive];
   /**
    * @internal
    */
-  i18n: PlayerProps[PlayerProp.I18N];
+  i18n: PlayerProps[PlayerProp.i18n];
   render(): any;
 }

dist/types/components/ui/poster/poster.d.ts

@@ -14,7 +14,7 @@ import { EventEmitter } from '../../../stencil-public-runtime';
    */
-  isVideoView: PlayerProps[PlayerProp.IsVideoView];
+  isVideoView: PlayerProps[PlayerProp.isVideoView];
   /**
    * @internal
    */
-  currentPoster?: PlayerProps[PlayerProp.CurrentPoster];
+  currentPoster?: PlayerProps[PlayerProp.currentPoster];
   onCurrentPosterChange(): void;
@@ -24,7 +24,7 @@ /**
    */
-  mediaTitle?: PlayerProps[PlayerProp.MediaTitle];
+  mediaTitle?: PlayerProps[PlayerProp.mediaTitle];
   /**
    * @internal
    */
-  playbackStarted: PlayerProps[PlayerProp.PlaybackStarted];
+  playbackStarted: PlayerProps[PlayerProp.playbackStarted];
   /**
@@ -31,0 +31,0 @@ * Emitted when the poster has loaded.

dist/types/components/ui/scrim/scrim.d.ts

@@ -14,8 +14,8 @@ import { PlayerProps, PlayerProp } from '../../core/player/PlayerProp';
    */
-  isVideoView: PlayerProps[PlayerProp.IsVideoView];
+  isVideoView: PlayerProps[PlayerProp.isVideoView];
   /**
    * @internal
    */
-  isControlsActive: PlayerProps[PlayerProp.IsControlsActive];
+  isControlsActive: PlayerProps[PlayerProp.isControlsActive];
   render(): any;
 }

dist/types/components/ui/settings/default-settings/default-settings.d.ts

@@ -16,31 +16,31 @@ import { PlayerProp, PlayerProps } from '../../../core/player/PlayerProp';
    */
-  i18n: PlayerProps[PlayerProp.I18N];
+  i18n: PlayerProps[PlayerProp.i18n];
   /**
    * @internal
    */
-  playbackRate: PlayerProps[PlayerProp.PlaybackRate];
+  playbackRate: PlayerProps[PlayerProp.playbackRate];
   /**
    * @internal
    */
-  playbackRates: PlayerProps[PlayerProp.PlaybackRates];
+  playbackRates: PlayerProps[PlayerProp.playbackRates];
   /**
    * @internal
    */
-  playbackQuality?: PlayerProps[PlayerProp.PlaybackQuality];
+  playbackQuality?: PlayerProps[PlayerProp.playbackQuality];
   /**
    * @internal
    */
-  playbackQualities: PlayerProps[PlayerProp.PlaybackQualities];
+  playbackQualities: PlayerProps[PlayerProp.playbackQualities];
   /**
    * @internal
    */
-  isCaptionsActive: PlayerProps[PlayerProp.IsCaptionsActive];
+  isCaptionsActive: PlayerProps[PlayerProp.isCaptionsActive];
   /**
    * @internal
    */
-  currentCaption?: PlayerProps[PlayerProp.CurrentCaption];
+  currentCaption?: PlayerProps[PlayerProp.currentCaption];
   /**
    * @internal
    */
-  textTracks?: PlayerProps[PlayerProp.TextTracks];
+  textTracks?: PlayerProps[PlayerProp.textTracks];
   onTextTracksChange(): void;
@@ -47,0 +47,0 @@ componentWillLoad(): void;

dist/types/components/ui/settings/menu-item/menu-item.d.ts

@@ -51,3 +51,3 @@ import { PlayerProps, PlayerProp } from '../../../core/player/PlayerProp';
    */
-  isTouch: PlayerProps[PlayerProp.IsTouch];
+  isTouch: PlayerProps[PlayerProp.isTouch];
   private onClick;
@@ -54,0 +54,0 @@ private onTouchStart;

dist/types/components/ui/settings/settings/settings.d.ts

@@ -27,7 +27,7 @@ import { SettingsController } from './SettingsController';
    */
-  isMobile: PlayerProps[PlayerProp.IsMobile];
+  isMobile: PlayerProps[PlayerProp.isMobile];
   /**
    * @internal
    */
-  isAudioView: PlayerProps[PlayerProp.IsAudioView];
+  isAudioView: PlayerProps[PlayerProp.isAudioView];
   componentWillLoad(): void;
@@ -34,0 +34,0 @@ disconnectedCallback(): void;

dist/types/components/ui/spinner/spinner.d.ts

@@ -9,3 +9,3 @@ import { EventEmitter } from '../../../stencil-public-runtime';
    */
-  isVideoView: PlayerProps[PlayerProp.IsVideoView];
+  isVideoView: PlayerProps[PlayerProp.isVideoView];
   /**
@@ -23,3 +23,3 @@ * Emitted when the spinner will be shown.
    */
-  buffering: PlayerProps[PlayerProp.Buffering];
+  buffering: PlayerProps[PlayerProp.buffering];
   onActiveChange(): void;
@@ -26,0 +26,0 @@ private onVisiblityChange;

dist/types/components/ui/time/current-time/current-time.d.ts

@@ -6,7 +6,7 @@ import { PlayerProp, PlayerProps } from '../../../core/player/PlayerProp';
    */
-  currentTime: PlayerProps[PlayerProp.CurrentTime];
+  currentTime: PlayerProps[PlayerProp.currentTime];
   /**
    * @internal
    */
-  i18n: PlayerProps[PlayerProp.I18N];
+  i18n: PlayerProps[PlayerProp.i18n];
   /**
@@ -13,0 +13,0 @@ * Whether the time should always show the hours unit, even if the time is less than

dist/types/components/ui/time/end-time/end-time.d.ts

@@ -6,7 +6,7 @@ import { PlayerProp, PlayerProps } from '../../../core/player/PlayerProp';
    */
-  duration: PlayerProps[PlayerProp.Duration];
+  duration: PlayerProps[PlayerProp.duration];
   /**
    * @internal
    */
-  i18n: PlayerProps[PlayerProp.I18N];
+  i18n: PlayerProps[PlayerProp.i18n];
   /**
@@ -13,0 +13,0 @@ * Whether the time should always show the hours unit, even if the time is less than

dist/types/components/ui/tooltip/tooltip.d.ts

@@ -28,5 +28,5 @@ import { PlayerProp, PlayerProps } from '../../core/player/PlayerProp';
    */
-  isTouch: PlayerProps[PlayerProp.IsTouch];
+  isTouch: PlayerProps[PlayerProp.isTouch];
   private getId;
   render(): any;
 }

dist/types/components/ui/ui/ui.d.ts

@@ -9,12 +9,12 @@ import { PlayerProp, PlayerProps } from '../../core/player/PlayerProp';
    */
-  isVideoView: PlayerProps[PlayerProp.IsVideoView];
+  isVideoView: PlayerProps[PlayerProp.isVideoView];
   /**
    * @internal
    */
-  playsinline: PlayerProps[PlayerProp.Playsinline];
+  playsinline: PlayerProps[PlayerProp.playsinline];
   /**
    * @internal
    */
-  isFullscreenActive: PlayerProps[PlayerProp.IsFullscreenActive];
+  isFullscreenActive: PlayerProps[PlayerProp.isFullscreenActive];
   render(): any;
 }

dist/types/index.d.ts

@@ -1,5 +0,9 @@
-import { PlayerProp, PlayerProps } from './components/core/player/PlayerProp';
+import { PlayerProp, PlayerProps, isInternalReadonlyPlayerProp, isExternalReadonlyPlayerProp } from './components/core/player/PlayerProp';
 import { PlayerDispatcher, createPlayerDispatcher } from './components/core/player/PlayerDispatcher';
-import { withPlayerContext, withCustomPlayerContext } from './components/core/player/PlayerContext';
+import { withPlayerContext, usePlayerContext } from './components/core/player/PlayerContext';
+import { PlayerEvent } from './components/core/player/PlayerEvent';
+import { findRootPlayer } from './components/core/player/utils';
+import { ViewType } from './components/core/player/ViewType';
+import { MediaType } from './components/core/player/MediaType';
 export * from './components';
-export { PlayerProp, PlayerProps, withPlayerContext, withCustomPlayerContext, PlayerDispatcher, createPlayerDispatcher, };
+export { PlayerProp, PlayerProps, PlayerEvent, ViewType, MediaType, findRootPlayer, isInternalReadonlyPlayerProp, isExternalReadonlyPlayerProp, withPlayerContext, usePlayerContext, PlayerDispatcher, createPlayerDispatcher, };

dist/types/stencil-public-runtime.d.ts

@@ -424,2 +424,6 @@ declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
 /**
+ * Fragment
+ */
+export declare const Fragment: FunctionalComponent<{}>;
+/**
  * The "h" namespace is used to import JSX types for elements and attributes.
@@ -426,0 +430,0 @@ * It is imported in order to avoid conflicting global JSX issues.

dist/vime/index.esm.js

@@ -1,1 +0,1 @@
-import"./p-7d485867.js";export{P as PlayerProp}from"./p-d8000c6e.js";import"./p-eef3d203.js";export{c as createPlayerDispatcher}from"./p-59c69388.js";export{a as withCustomPlayerContext,w as withPlayerContext}from"./p-e9fb6631.js";import"./p-29d1ed0b.js";
+import"./p-9ca20aae.js";export{P as PlayerProp,a as isExternalReadonlyPlayerProp,i as isInternalReadonlyPlayerProp}from"./p-7e342812.js";import"./p-eef3d203.js";export{c as createPlayerDispatcher}from"./p-f45d9aef.js";export{f as findRootPlayer,u as usePlayerContext,w as withPlayerContext}from"./p-6043e4a2.js";export{P as PlayerEvent}from"./p-d8b735e7.js";import"./p-bd8dee20.js";export{V as ViewType}from"./p-415151d7.js";export{M as MediaType}from"./p-8b74fa0e.js";

dist/vime/vime.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as i}from"./p-7d485867.js";(()=>{const i=import.meta.url,o={};return""!==i&&(o.resourcesUrl=new URL(".",i).href),e(o)})().then(e=>i(JSON.parse('[["p-b66e0c07",[[4,"vime-default-ui",{"noIcons":[4,"no-icons"],"noClickToPlay":[4,"no-click-to-play"],"noCaptions":[4,"no-captions"],"noPoster":[4,"no-poster"],"noSpinner":[4,"no-spinner"],"noControls":[4,"no-controls"],"noSettings":[4,"no-settings"]}]]],["p-907bf742",[[0,"vime-dash",{"src":[1],"version":[1],"config":[16],"autoplay":[4],"crossOrigin":[1,"cross-origin"],"preload":[1],"poster":[1],"controlsList":[1,"controls-list"],"autoPiP":[4,"auto-pip"],"disablePiP":[4,"disable-pip"],"disableRemotePlayback":[4,"disable-remote-playback"],"mediaTitle":[1,"media-title"],"hasAttached":[32],"getAdapter":[64]}]]],["p-44d91268",[[4,"vime-hls",{"version":[1],"config":[8],"crossOrigin":[1,"cross-origin"],"preload":[1],"poster":[1],"controlsList":[1,"controls-list"],"autoPiP":[4,"auto-pip"],"disablePiP":[4,"disable-pip"],"disableRemotePlayback":[4,"disable-remote-playback"],"mediaTitle":[1,"media-title"],"hasAttached":[32],"getAdapter":[64]}]]],["p-c0ecb028",[[4,"vime-audio",{"willAttach":[4,"will-attach"],"crossOrigin":[1,"cross-origin"],"preload":[1],"disableRemotePlayback":[4,"disable-remote-playback"],"mediaTitle":[1,"media-title"],"getAdapter":[64]}]]],["p-920ee316",[[0,"vime-embed",{"embedSrc":[1,"embed-src"],"mediaTitle":[1,"media-title"],"params":[1],"origin":[1],"preconnections":[16],"decoder":[16],"srcWithParams":[32],"hasEnteredViewport":[32],"postMessage":[64]},[[8,"message","onWindowMessage"]]]]],["p-0a049991",[[0,"vime-dailymotion",{"videoId":[1,"video-id"],"shouldAutoplayQueue":[4,"should-autoplay-queue"],"showUpNextQueue":[4,"show-up-next-queue"],"showShareButtons":[4,"show-share-buttons"],"color":[1],"syndication":[1],"showDailymotionLogo":[4,"show-dailymotion-logo"],"showVideoInfo":[4,"show-video-info"],"language":[1],"autoplay":[4],"controls":[4],"debug":[4],"loop":[4],"muted":[4],"playsinline":[4],"embedSrc":[32],"mediaTitle":[32],"getAdapter":[64]}]]],["p-faae5a75",[[0,"vime-vimeo",{"videoId":[1,"video-id"],"byline":[4],"color":[1],"portrait":[4],"language":[1],"autoplay":[4],"controls":[4],"debug":[4],"loop":[4],"muted":[4],"playsinline":[4],"embedSrc":[32],"mediaTitle":[32],"getAdapter":[64]}]]],["p-f98c741d",[[0,"vime-youtube",{"cookies":[4],"videoId":[1,"video-id"],"showFullscreenControl":[4,"show-fullscreen-control"],"language":[1],"autoplay":[4],"controls":[4],"debug":[4],"loop":[4],"muted":[4],"playsinline":[4],"embedSrc":[32],"mediaTitle":[32],"getAdapter":[64]}]]],["p-3fccdf9f",[[0,"vime-faketube",{"language":[1],"autoplay":[4],"controls":[4],"debug":[4],"loop":[4],"muted":[4],"playsinline":[4],"getAdapter":[64],"dispatchLoadStart":[64],"dispatchStateChange":[64]}]]],["p-45b14cf7",[[4,"vime-player",{"paused":[1028],"playing":[1028],"duration":[1026],"mediaTitle":[1025,"media-title"],"currentSrc":[1025,"current-src"],"currentPoster":[1025,"current-poster"],"currentTime":[1026,"current-time"],"autoplay":[4],"ready":[1540],"playbackReady":[1028,"playback-ready"],"loop":[4],"muted":[1028],"buffered":[1026],"playbackRate":[1026,"playback-rate"],"playbackRates":[1040],"playbackQuality":[1025,"playback-quality"],"playbackQualities":[1040],"seeking":[1028],"debug":[4],"playbackStarted":[1028,"playback-started"],"playbackEnded":[1028,"playback-ended"],"buffering":[1028],"controls":[4],"isControlsActive":[4,"is-controls-active"],"errors":[1040],"textTracks":[1040],"currentCaption":[1040],"isCaptionsActive":[1028,"is-captions-active"],"isSettingsActive":[1028,"is-settings-active"],"volume":[1026],"isFullscreenActive":[1028,"is-fullscreen-active"],"aspectRatio":[1025,"aspect-ratio"],"viewType":[1025,"view-type"],"isAudioView":[1028,"is-audio-view"],"isVideoView":[1028,"is-video-view"],"mediaType":[1025,"media-type"],"isAudio":[1028,"is-audio"],"isVideo":[1028,"is-video"],"isLive":[1028,"is-live"],"isMobile":[1028,"is-mobile"],"isTouch":[1028,"is-touch"],"isPiPActive":[1028,"is-pi-p-active"],"autopause":[4],"playsinline":[4],"language":[1025],"translations":[1040],"languages":[1040],"i18n":[1040],"noSkeleton":[4,"no-skeleton"],"getProvider":[64],"getAdapter":[64],"play":[64],"pause":[64],"canPlay":[64],"canAutoplay":[64],"canMutedAutoplay":[64],"canSetPlaybackRate":[64],"canSetPlaybackQuality":[64],"canSetFullscreen":[64],"enterFullscreen":[64],"exitFullscreen":[64],"canSetPiP":[64],"enterPiP":[64],"exitPiP":[64],"extendLanguage":[64],"callAdapter":[64],"toggleCaptionsVisiblity":[64]},[[0,"vLoadStart","onMediaChange"],[0,"vStateChange","onStateChange"]]]]],["p-f915a519",[[4,"vime-file",{"willAttach":[4,"will-attach"],"crossOrigin":[1,"cross-origin"],"preload":[1],"poster":[1],"mediaTitle":[1,"media-title"],"controlsList":[1,"controls-list"],"autoPiP":[4,"auto-pip"],"disablePiP":[4,"disable-pip"],"disableRemotePlayback":[4,"disable-remote-playback"],"viewType":[1,"view-type"],"playbackRates":[16],"language":[1],"autoplay":[4],"controls":[4],"debug":[4],"loop":[4],"muted":[4],"playsinline":[4],"getAdapter":[64]}]]],["p-59383738",[[4,"vime-video",{"willAttach":[4,"will-attach"],"crossOrigin":[1,"cross-origin"],"preload":[1],"poster":[1],"controlsList":[1,"controls-list"],"autoPiP":[4,"auto-pip"],"disablePiP":[4,"disable-pip"],"disableRemotePlayback":[4,"disable-remote-playback"],"mediaTitle":[1,"media-title"],"getAdapter":[64]}]]],["p-89ffc109",[[0,"vime-slider",{"step":[2],"min":[2],"max":[2],"value":[2],"valueText":[1,"value-text"],"label":[1]}]]],["p-5485b80f",[[0,"vime-time",{"label":[1],"seconds":[2],"alwaysShowHours":[4,"always-show-hours"]}]]],["p-1a0d7fd7",[[4,"vime-control",{"keys":[1],"identifier":[1],"hidden":[4],"label":[1],"menu":[1],"expanded":[4],"pressed":[4],"scale":[2],"isTouch":[4,"is-touch"],"describedBy":[32],"showTapHighlight":[32]}],[4,"vime-tooltip",{"hidden":[4],"active":[4],"position":[1],"direction":[1],"isTouch":[4,"is-touch"]}],[4,"vime-icon",{"href":[1],"color":[1],"scale":[2],"opacity":[2]}]]],["p-aaa34e29",[[0,"vime-menu-item",{"identifier":[1],"hidden":[4],"label":[1],"menu":[1],"expanded":[4],"checked":[4],"hint":[1],"badge":[1],"checkedIcon":[1,"checked-icon"],"isTouch":[4,"is-touch"],"showTapHighlight":[32]}],[4,"vime-menu",{"active":[1540],"identifier":[1],"controller":[1],"menuItems":[32],"currFocusedMenuItem":[32],"getController":[64],"getFocusedMenuItem":[64],"focusOnOpen":[64]},[[0,"vOpen","onSubmenuOpen"],[0,"vClose","onSubmenuClose"],[8,"click","onWindowClick"],[8,"keydown","onWindowKeyDown"]]]]],["p-87490046",[[4,"vime-submenu",{"label":[1],"hidden":[4],"hint":[1],"active":[1540]}],[0,"vime-menu-radio",{"label":[1],"value":[1],"checked":[1028],"badge":[1],"checkedIcon":[1,"checked-icon"]}],[4,"vime-settings",{"controlsHeight":[2,"controls-height"],"active":[1540],"isMobile":[4,"is-mobile"],"isAudioView":[4,"is-audio-view"],"controllerId":[32],"setController":[64]}],[4,"vime-menu-radio-group",{"value":[1025]},[[0,"vCheck","onSelectionChange"]]]]],["p-6a957827",[[0,"vime-volume-control",{"lowVolumeIcon":[1,"low-volume-icon"],"highVolumeIcon":[1,"high-volume-icon"],"mutedIcon":[1,"muted-icon"],"tooltipDirection":[1,"tooltip-direction"],"hideTooltip":[4,"hide-tooltip"],"muteKeys":[1,"mute-keys"],"noKeyboard":[4,"no-keyboard"],"muted":[4],"volume":[2],"isMobile":[4,"is-mobile"],"i18n":[16],"currentVolume":[32],"isSliderActive":[32]}],[0,"vime-caption-control",{"showIcon":[1,"show-icon"],"hideIcon":[1,"hide-icon"],"tooltipDirection":[1,"tooltip-direction"],"hideTooltip":[4,"hide-tooltip"],"scale":[2],"keys":[1],"currentCaption":[16],"isCaptionsActive":[4,"is-captions-active"],"i18n":[16]}],[0,"vime-fullscreen-control",{"enterIcon":[1,"enter-icon"],"exitIcon":[1,"exit-icon"],"tooltipDirection":[1,"tooltip-direction"],"hideTooltip":[4,"hide-tooltip"],"scale":[2],"keys":[1],"isFullscreenActive":[4,"is-fullscreen-active"],"i18n":[16],"playbackReady":[4,"playback-ready"],"canSetFullscreen":[32]}],[0,"vime-pip-control",{"enterIcon":[1,"enter-icon"],"exitIcon":[1,"exit-icon"],"tooltipDirection":[1,"tooltip-direction"],"hideTooltip":[4,"hide-tooltip"],"keys":[1],"scale":[2],"isPiPActive":[4,"is-pi-p-active"],"i18n":[16],"playbackReady":[4,"playback-ready"],"canSetPiP":[32]}],[0,"vime-playback-control",{"playIcon":[1,"play-icon"],"pauseIcon":[1,"pause-icon"],"tooltipDirection":[1,"tooltip-direction"],"hideTooltip":[4,"hide-tooltip"],"scale":[2],"keys":[1],"paused":[4],"i18n":[16]}],[0,"vime-settings-control",{"icon":[1],"tooltipDirection":[1,"tooltip-direction"],"menu":[1],"expanded":[4],"i18n":[16]}],[0,"vime-time-progress",{"separator":[1],"alwaysShowHours":[4,"always-show-hours"]}],[0,"vime-scrubber-control",{"alwaysShowHours":[4,"always-show-hours"],"hideTooltip":[4,"hide-tooltip"],"currentTime":[2,"current-time"],"duration":[2],"noKeyboard":[4,"no-keyboard"],"buffering":[4],"buffered":[2],"i18n":[16],"timestamp":[32],"endTime":[32]}],[4,"vime-control-group",{"space":[1]}],[0,"vime-control-spacer"],[4,"vime-controls",{"hidden":[4],"fullWidth":[4,"full-width"],"fullHeight":[4,"full-height"],"direction":[1],"align":[1],"justify":[1],"pin":[513],"activeDuration":[2,"active-duration"],"waitForPlaybackStart":[4,"wait-for-playback-start"],"hideWhenPaused":[4,"hide-when-paused"],"hideOnMouseLeave":[4,"hide-on-mouse-leave"],"isAudioView":[4,"is-audio-view"],"isSettingsActive":[4,"is-settings-active"],"playbackReady":[4,"playback-ready"],"isControlsActive":[4,"is-controls-active"],"paused":[4],"playbackStarted":[4,"playback-started"],"isInteracting":[32]}],[0,"vime-live-indicator",{"isLive":[4,"is-live"],"i18n":[16]}],[0,"vime-scrim",{"gradient":[1],"isVideoView":[4,"is-video-view"],"isControlsActive":[4,"is-controls-active"]}],[0,"vime-mute-control",{"lowVolumeIcon":[1,"low-volume-icon"],"highVolumeIcon":[1,"high-volume-icon"],"mutedIcon":[1,"muted-icon"],"tooltipDirection":[1,"tooltip-direction"],"hideTooltip":[4,"hide-tooltip"],"scale":[2],"keys":[1],"volume":[2],"muted":[4],"i18n":[16]}],[0,"vime-current-time",{"currentTime":[2,"current-time"],"i18n":[16],"alwaysShowHours":[4,"always-show-hours"]}],[0,"vime-end-time",{"duration":[2],"i18n":[16],"alwaysShowHours":[4,"always-show-hours"]}]]],["p-1012118f",[[0,"vime-default-controls",{"activeDuration":[2,"active-duration"],"waitForPlaybackStart":[4,"wait-for-playback-start"],"hideWhenPaused":[4,"hide-when-paused"],"hideOnMouseLeave":[4,"hide-on-mouse-leave"],"isMobile":[4,"is-mobile"],"isLive":[4,"is-live"],"isAudioView":[4,"is-audio-view"],"isVideoView":[4,"is-video-view"]}],[4,"vime-default-settings",{"i18n":[16],"playbackRate":[2,"playback-rate"],"playbackRates":[16],"playbackQuality":[1,"playback-quality"],"playbackQualities":[16],"isCaptionsActive":[4,"is-captions-active"],"currentCaption":[16],"textTracks":[16]}],[0,"vime-captions",{"hidden":[4],"controlsHeight":[2,"controls-height"],"isControlsActive":[4,"is-controls-active"],"isVideoView":[4,"is-video-view"],"playbackStarted":[4,"playback-started"],"textTracks":[16],"isEnabled":[32],"activeTrack":[32],"activeCues":[32]}],[0,"vime-click-to-play",{"useOnMobile":[4,"use-on-mobile"],"paused":[4],"isVideoView":[4,"is-video-view"]}],[0,"vime-icons",{"href":[1]}],[0,"vime-poster",{"fit":[1],"isVideoView":[4,"is-video-view"],"currentPoster":[1,"current-poster"],"mediaTitle":[1,"media-title"],"playbackStarted":[4,"playback-started"],"isHidden":[32],"isActive":[32],"hasLoaded":[32]}],[0,"vime-spinner",{"isVideoView":[4,"is-video-view"],"buffering":[4],"isHidden":[32],"isActive":[32]}],[4,"vime-ui",{"isVideoView":[4,"is-video-view"],"playsinline":[4],"isFullscreenActive":[4,"is-fullscreen-active"]}]]]]'),e));
+import{p as e,b as i}from"./p-9ca20aae.js";(()=>{const i=import.meta.url,o={};return""!==i&&(o.resourcesUrl=new URL(".",i).href),e(o)})().then(e=>i(JSON.parse('[["p-75d71ae5",[[4,"vime-default-ui",{"noIcons":[4,"no-icons"],"noClickToPlay":[4,"no-click-to-play"],"noCaptions":[4,"no-captions"],"noPoster":[4,"no-poster"],"noSpinner":[4,"no-spinner"],"noControls":[4,"no-controls"],"noSettings":[4,"no-settings"]}]]],["p-dfbf56d9",[[0,"vime-dash",{"src":[1],"version":[1],"config":[16],"autoplay":[4],"crossOrigin":[1,"cross-origin"],"preload":[1],"poster":[1],"controlsList":[1,"controls-list"],"autoPiP":[4,"auto-pip"],"disablePiP":[4,"disable-pip"],"disableRemotePlayback":[4,"disable-remote-playback"],"mediaTitle":[1,"media-title"],"hasAttached":[32],"getAdapter":[64]}]]],["p-22323482",[[4,"vime-hls",{"version":[1],"config":[8],"crossOrigin":[1,"cross-origin"],"preload":[1],"poster":[1],"controlsList":[1,"controls-list"],"autoPiP":[4,"auto-pip"],"disablePiP":[4,"disable-pip"],"disableRemotePlayback":[4,"disable-remote-playback"],"mediaTitle":[1,"media-title"],"hasAttached":[32],"getAdapter":[64]}]]],["p-b450f027",[[4,"vime-audio",{"willAttach":[4,"will-attach"],"crossOrigin":[1,"cross-origin"],"preload":[1],"disableRemotePlayback":[4,"disable-remote-playback"],"mediaTitle":[1,"media-title"],"getAdapter":[64]}]]],["p-1995ebac",[[0,"vime-embed",{"embedSrc":[1,"embed-src"],"mediaTitle":[1,"media-title"],"params":[1],"origin":[1],"preconnections":[16],"decoder":[16],"srcWithParams":[32],"hasEnteredViewport":[32],"postMessage":[64]},[[8,"message","onWindowMessage"]]]]],["p-15619e01",[[0,"vime-dailymotion",{"videoId":[1,"video-id"],"shouldAutoplayQueue":[4,"should-autoplay-queue"],"showUpNextQueue":[4,"show-up-next-queue"],"showShareButtons":[4,"show-share-buttons"],"color":[1],"syndication":[1],"showDailymotionLogo":[4,"show-dailymotion-logo"],"showVideoInfo":[4,"show-video-info"],"language":[1],"autoplay":[4],"controls":[4],"debug":[4],"loop":[4],"muted":[4],"playsinline":[4],"embedSrc":[32],"mediaTitle":[32],"getAdapter":[64]}]]],["p-4e0c2713",[[0,"vime-vimeo",{"videoId":[1,"video-id"],"byline":[4],"color":[1],"portrait":[4],"language":[1],"autoplay":[4],"controls":[4],"debug":[4],"loop":[4],"muted":[4],"playsinline":[4],"embedSrc":[32],"mediaTitle":[32],"getAdapter":[64]}]]],["p-bec70cbe",[[0,"vime-youtube",{"cookies":[4],"videoId":[1,"video-id"],"showFullscreenControl":[4,"show-fullscreen-control"],"language":[1],"autoplay":[4],"controls":[4],"debug":[4],"loop":[4],"muted":[4],"playsinline":[4],"embedSrc":[32],"mediaTitle":[32],"getAdapter":[64]}]]],["p-8da6be03",[[0,"vime-faketube",{"language":[1],"autoplay":[4],"controls":[4],"debug":[4],"loop":[4],"muted":[4],"playsinline":[4],"getAdapter":[64],"dispatchLoadStart":[64],"dispatchStateChange":[64]}]]],["p-49a7d558",[[4,"vime-player",{"theme":[1],"paused":[1028],"playing":[1028],"duration":[1026],"mediaTitle":[1025,"media-title"],"currentSrc":[1025,"current-src"],"currentPoster":[1025,"current-poster"],"currentTime":[1026,"current-time"],"autoplay":[4],"ready":[1540],"mounted":[1028],"destroyed":[1028],"playbackReady":[1028,"playback-ready"],"loop":[4],"muted":[1028],"buffered":[1026],"playbackRate":[1026,"playback-rate"],"playbackRates":[1040],"playbackQuality":[1025,"playback-quality"],"playbackQualities":[1040],"seeking":[1028],"debug":[4],"playbackStarted":[1028,"playback-started"],"playbackEnded":[1028,"playback-ended"],"buffering":[1028],"controls":[4],"isControlsActive":[4,"is-controls-active"],"errors":[1040],"textTracks":[1040],"currentCaption":[1040],"isCaptionsActive":[1028,"is-captions-active"],"isSettingsActive":[1028,"is-settings-active"],"volume":[1026],"isFullscreenActive":[1028,"is-fullscreen-active"],"aspectRatio":[1025,"aspect-ratio"],"viewType":[1025,"view-type"],"isAudioView":[1028,"is-audio-view"],"isVideoView":[1028,"is-video-view"],"mediaType":[1025,"media-type"],"isAudio":[1028,"is-audio"],"isVideo":[1028,"is-video"],"isLive":[1028,"is-live"],"isMobile":[1028,"is-mobile"],"isTouch":[1028,"is-touch"],"isPiPActive":[1028,"is-pi-p-active"],"autopause":[4],"playsinline":[4],"language":[1025],"translations":[1040],"languages":[1040],"i18n":[1040],"noSkeleton":[4,"no-skeleton"],"getProvider":[64],"getAdapter":[64],"play":[64],"pause":[64],"canPlay":[64],"canAutoplay":[64],"canMutedAutoplay":[64],"canSetPlaybackRate":[64],"canSetPlaybackQuality":[64],"canSetFullscreen":[64],"enterFullscreen":[64],"exitFullscreen":[64],"canSetPiP":[64],"enterPiP":[64],"exitPiP":[64],"extendLanguage":[64],"callAdapter":[64],"toggleCaptionsVisiblity":[64]},[[0,"vLoadStart","onMediaChange"],[0,"vStateChange","onStateChange"]]]]],["p-0b18b50d",[[4,"vime-file",{"willAttach":[4,"will-attach"],"crossOrigin":[1,"cross-origin"],"preload":[1],"poster":[1],"mediaTitle":[1,"media-title"],"controlsList":[1,"controls-list"],"autoPiP":[4,"auto-pip"],"disablePiP":[4,"disable-pip"],"disableRemotePlayback":[4,"disable-remote-playback"],"viewType":[1,"view-type"],"playbackRates":[16],"language":[1],"autoplay":[4],"controls":[4],"debug":[4],"loop":[4],"muted":[4],"playsinline":[4],"getAdapter":[64]}]]],["p-efddf666",[[4,"vime-video",{"willAttach":[4,"will-attach"],"crossOrigin":[1,"cross-origin"],"preload":[1],"poster":[1],"controlsList":[1,"controls-list"],"autoPiP":[4,"auto-pip"],"disablePiP":[4,"disable-pip"],"disableRemotePlayback":[4,"disable-remote-playback"],"mediaTitle":[1,"media-title"],"getAdapter":[64]}]]],["p-9a4217c7",[[0,"vime-slider",{"step":[2],"min":[2],"max":[2],"value":[2],"valueText":[1,"value-text"],"label":[1]}]]],["p-e514b91a",[[0,"vime-time",{"label":[1],"seconds":[2],"alwaysShowHours":[4,"always-show-hours"]}]]],["p-ad5b69f9",[[4,"vime-control",{"keys":[1],"identifier":[1],"hidden":[4],"label":[1],"menu":[1],"expanded":[4],"pressed":[4],"scale":[2],"isTouch":[4,"is-touch"],"describedBy":[32],"showTapHighlight":[32]}],[4,"vime-tooltip",{"hidden":[4],"active":[4],"position":[1],"direction":[1],"isTouch":[4,"is-touch"]}],[4,"vime-icon",{"href":[1],"color":[1],"scale":[2],"opacity":[2]}]]],["p-ce78a352",[[0,"vime-menu-item",{"identifier":[1],"hidden":[4],"label":[1],"menu":[1],"expanded":[4],"checked":[4],"hint":[1],"badge":[1],"checkedIcon":[1,"checked-icon"],"isTouch":[4,"is-touch"],"showTapHighlight":[32]}],[4,"vime-menu",{"active":[1540],"identifier":[1],"controller":[1],"menuItems":[32],"currFocusedMenuItem":[32],"getController":[64],"getFocusedMenuItem":[64],"focusOnOpen":[64]},[[0,"vOpen","onSubmenuOpen"],[0,"vClose","onSubmenuClose"],[8,"click","onWindowClick"],[8,"keydown","onWindowKeyDown"]]]]],["p-d981ce87",[[4,"vime-submenu",{"label":[1],"hidden":[4],"hint":[1],"active":[1540]}],[0,"vime-menu-radio",{"label":[1],"value":[1],"checked":[1028],"badge":[1],"checkedIcon":[1,"checked-icon"]}],[4,"vime-settings",{"controlsHeight":[2,"controls-height"],"active":[1540],"isMobile":[4,"is-mobile"],"isAudioView":[4,"is-audio-view"],"controllerId":[32],"setController":[64]}],[4,"vime-menu-radio-group",{"value":[1025]},[[0,"vCheck","onSelectionChange"]]]]],["p-b833a6ae",[[0,"vime-volume-control",{"lowVolumeIcon":[1,"low-volume-icon"],"highVolumeIcon":[1,"high-volume-icon"],"mutedIcon":[1,"muted-icon"],"tooltipDirection":[1,"tooltip-direction"],"hideTooltip":[4,"hide-tooltip"],"muteKeys":[1,"mute-keys"],"noKeyboard":[4,"no-keyboard"],"muted":[4],"volume":[2],"isMobile":[4,"is-mobile"],"i18n":[16],"currentVolume":[32],"isSliderActive":[32]}],[0,"vime-caption-control",{"showIcon":[1,"show-icon"],"hideIcon":[1,"hide-icon"],"tooltipDirection":[1,"tooltip-direction"],"hideTooltip":[4,"hide-tooltip"],"scale":[2],"keys":[1],"currentCaption":[16],"isCaptionsActive":[4,"is-captions-active"],"i18n":[16]}],[0,"vime-fullscreen-control",{"enterIcon":[1,"enter-icon"],"exitIcon":[1,"exit-icon"],"tooltipDirection":[1,"tooltip-direction"],"hideTooltip":[4,"hide-tooltip"],"scale":[2],"keys":[1],"isFullscreenActive":[4,"is-fullscreen-active"],"i18n":[16],"playbackReady":[4,"playback-ready"],"canSetFullscreen":[32]}],[0,"vime-pip-control",{"enterIcon":[1,"enter-icon"],"exitIcon":[1,"exit-icon"],"tooltipDirection":[1,"tooltip-direction"],"hideTooltip":[4,"hide-tooltip"],"keys":[1],"scale":[2],"isPiPActive":[4,"is-pi-p-active"],"i18n":[16],"playbackReady":[4,"playback-ready"],"canSetPiP":[32]}],[0,"vime-playback-control",{"playIcon":[1,"play-icon"],"pauseIcon":[1,"pause-icon"],"tooltipDirection":[1,"tooltip-direction"],"hideTooltip":[4,"hide-tooltip"],"scale":[2],"keys":[1],"paused":[4],"i18n":[16]}],[0,"vime-settings-control",{"icon":[1],"tooltipDirection":[1,"tooltip-direction"],"menu":[1],"expanded":[4],"i18n":[16]}],[0,"vime-time-progress",{"separator":[1],"alwaysShowHours":[4,"always-show-hours"]}],[0,"vime-scrubber-control",{"alwaysShowHours":[4,"always-show-hours"],"hideTooltip":[4,"hide-tooltip"],"currentTime":[2,"current-time"],"duration":[2],"noKeyboard":[4,"no-keyboard"],"buffering":[4],"buffered":[2],"i18n":[16],"timestamp":[32],"endTime":[32]}],[4,"vime-control-group",{"space":[1]}],[0,"vime-control-spacer"],[4,"vime-controls",{"hidden":[4],"fullWidth":[4,"full-width"],"fullHeight":[4,"full-height"],"direction":[1],"align":[1],"justify":[1],"pin":[513],"activeDuration":[2,"active-duration"],"waitForPlaybackStart":[4,"wait-for-playback-start"],"hideWhenPaused":[4,"hide-when-paused"],"hideOnMouseLeave":[4,"hide-on-mouse-leave"],"isAudioView":[4,"is-audio-view"],"isSettingsActive":[4,"is-settings-active"],"playbackReady":[4,"playback-ready"],"isControlsActive":[4,"is-controls-active"],"paused":[4],"playbackStarted":[4,"playback-started"],"isInteracting":[32]}],[0,"vime-live-indicator",{"isLive":[4,"is-live"],"i18n":[16]}],[0,"vime-scrim",{"gradient":[1],"isVideoView":[4,"is-video-view"],"isControlsActive":[4,"is-controls-active"]}],[0,"vime-mute-control",{"lowVolumeIcon":[1,"low-volume-icon"],"highVolumeIcon":[1,"high-volume-icon"],"mutedIcon":[1,"muted-icon"],"tooltipDirection":[1,"tooltip-direction"],"hideTooltip":[4,"hide-tooltip"],"scale":[2],"keys":[1],"volume":[2],"muted":[4],"i18n":[16]}],[0,"vime-current-time",{"currentTime":[2,"current-time"],"i18n":[16],"alwaysShowHours":[4,"always-show-hours"]}],[0,"vime-end-time",{"duration":[2],"i18n":[16],"alwaysShowHours":[4,"always-show-hours"]}]]],["p-28261e38",[[0,"vime-default-controls",{"activeDuration":[2,"active-duration"],"waitForPlaybackStart":[4,"wait-for-playback-start"],"hideWhenPaused":[4,"hide-when-paused"],"hideOnMouseLeave":[4,"hide-on-mouse-leave"],"isMobile":[4,"is-mobile"],"isLive":[4,"is-live"],"isAudioView":[4,"is-audio-view"],"isVideoView":[4,"is-video-view"]}],[4,"vime-default-settings",{"i18n":[16],"playbackRate":[2,"playback-rate"],"playbackRates":[16],"playbackQuality":[1,"playback-quality"],"playbackQualities":[16],"isCaptionsActive":[4,"is-captions-active"],"currentCaption":[16],"textTracks":[16]}],[0,"vime-captions",{"hidden":[4],"controlsHeight":[2,"controls-height"],"isControlsActive":[4,"is-controls-active"],"isVideoView":[4,"is-video-view"],"playbackStarted":[4,"playback-started"],"textTracks":[16],"isEnabled":[32],"activeTrack":[32],"activeCues":[32]}],[0,"vime-click-to-play",{"useOnMobile":[4,"use-on-mobile"],"paused":[4],"isVideoView":[4,"is-video-view"]}],[0,"vime-icons",{"href":[1]}],[0,"vime-poster",{"fit":[1],"isVideoView":[4,"is-video-view"],"currentPoster":[1,"current-poster"],"mediaTitle":[1,"media-title"],"playbackStarted":[4,"playback-started"],"isHidden":[32],"isActive":[32],"hasLoaded":[32]}],[0,"vime-spinner",{"isVideoView":[4,"is-video-view"],"buffering":[4],"isHidden":[32],"isActive":[32]}],[4,"vime-ui",{"isVideoView":[4,"is-video-view"],"playsinline":[4],"isFullscreenActive":[4,"is-fullscreen-active"]}]]]]'),e));

package.json

 {
   "name": "@vime/core",
-  "version": "1.8.1",
+  "version": "1.9.0",
   "description": "Collection of web components to build and customize your own media player.",
@@ -45,3 +45,3 @@ "license": "MIT",
     "serve:dev": "stencil build --dev --watch --serve --port 3333",
-    "serve:public": "node scripts/link-public.js && sirv public --cors --port 3334 --quiet",
+    "serve:public": "node scripts/link-public.js && sirv public --single tests/index.html --cors --port 3334 --quiet",
     "serve:prod": "npm run build && npm run serve:public",
@@ -51,5 +51,5 @@ "test:unit": "stencil test --spec --max-workers=2",
     "test:unit.watch": "stencil test --spec --watchAll --max-workers=2",
-    "test:e2e": "npm run build:coverage && start-server-and-test serve:public http://localhost:3334/tests cy:run",
-    "test:e2e.ui": "npm run build && start-server-and-test serve:public http://localhost:3334/tests cy:run.ui",
-    "test:e2e.providers": "npm run build && start-server-and-test serve:public http://localhost:3334/tests cy:run.providers",
+    "test:e2e": "npm run build:coverage && start-server-and-test serve:public http://localhost:3334 cy:run",
+    "test:e2e.ui": "npm run build && start-server-and-test serve:public http://localhost:3334 cy:run.ui",
+    "test:e2e.providers": "npm run build && start-server-and-test serve:public http://localhost:3334 cy:run.providers",
     "test:ci": "rimraf .nyc_output && npm run test:unit --coverage && npm run test:e2e && npm run coverage:combine",
@@ -66,9 +66,9 @@ "release": "semantic-release -e ../../scripts/semantic-release",
   "devDependencies": {
-    "@babel/core": "^7.11.1",
+    "@babel/core": "^7.11.4",
     "@babel/preset-env": "^7.11.0",
     "@cypress/code-coverage": "^3.8.1",
     "@cypress/skip-test": "^2.5.0",
-    "@cypress/webpack-preprocessor": "^5.4.4",
+    "@cypress/webpack-preprocessor": "^5.4.5",
     "@stencil/angular-output-target": "^0.0.5",
-    "@stencil/core": "^2.0.0-5",
+    "@stencil/core": "^2.0.0-6",
     "@stencil/react-output-target": "^0.0.9",
@@ -78,3 +78,3 @@ "@stencil/sass": "^1.3.2",
     "@types/hls.js": "^0.13.0",
-    "@types/jest": "^26.0.7",
+    "@types/jest": "^26.0.10",
     "@types/puppeteer": "^3.0.1",
@@ -84,14 +84,14 @@ "@vime/media": "^1.0.0",
     "clean-css-cli": "^4.3.0",
-    "concurrently": "^5.2.0",
+    "concurrently": "^5.3.0",
     "cypress": "^4.12.1",
     "cypress-plugin-snapshots": "^1.4.4",
     "cypress-plugin-tab": "^1.0.5",
-    "jest": "^26.1.0",
-    "jest-watch-typeahead": "0.6.0",
+    "jest": "^26.4.2",
+    "jest-watch-typeahead": "^0.6.0",
     "js-base64": "2.5.2",
     "nyc": "^15.1.0",
     "rimraf": "^3.0.2",
-    "sirv-cli": "^1.0.3",
+    "sirv-cli": "^1.0.6",
     "start-server-and-test": "^1.11.3",
-    "ts-loader": "^8.0.2",
+    "ts-loader": "^8.0.3",
     "webpack": "^4.44.1"
@@ -98,0 +98,0 @@ },

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1802241

increased by0.86%

Number of package files

374

increased by0.81%

Lines of code

43211

increased by0.89%

No dependency changes