@vime/core/dist/vime/p-59e8ad4b.entry.js

Customizable, extensible, accessible and framework agnostic media player.

import{r as i,h as t,F as e,c as n,g as s}from"./p-aa8acb66.js";import{D as o,c as a,n as r,l,f as c,e as h,g as d,a as v,x as u}from"./p-b018976f.js";import{c as m}from"./p-5ad78595.js";import{w as p}from"./p-cbbce638.js";import{w as b}from"./p-61f7a20b.js";import{L as g}from"./p-e855e573.js";import{P as f}from"./p-121aab6e.js";import{d as y}from"./p-d84b1c8a.js";import"./p-152748b8.js";const k=class{constructor(t){i(this,t),this.sizeDisposal=new o,this.textDisposal=new o,this.isEnabled=!1,this.fontSize="sm",this.hidden=!1,this.isControlsActive=!1,this.isVideoView=!1,this.playbackStarted=!1,this.textTracks=[],this.currentTextTrack=-1,this.isTextTrackVisible=!0,a(this),b(this),p(this,["isVideoView","playbackStarted","isControlsActive","textTracks","currentTextTrack","isTextTrackVisible"])}onEnabledChange(){this.isEnabled=this.playbackStarted&&this.isVideoView}onTextTracksChange(){const i=this.textTracks[this.currentTextTrack],t=()=>{var t;const e=Array.from(null!==(t=i.activeCues)&&void 0!==t?t:[]);this.renderCurrentCue(e[0])};this.textDisposal.empty(),r(i)||(t(),this.textDisposal.add(l(i,"cuechange",t)))}connectedCallback(){this.dispatch=m(this),this.dispatch("shouldRenderNativeTextTracks",!1),this.onTextTracksChange(),this.onPlayerResize()}disconnectedCallback(){this.textDisposal.empty(),this.sizeDisposal.empty(),this.dispatch("shouldRenderNativeTextTracks",!0)}onPlayerResize(){return i=this,t=void 0,n=function*(){const i=yield c(this);if(h(i))return;const t=yield i.getContainer();new ResizeObserver((i=>{const t=i[0],{width:e}=t.contentRect;this.fontSize=e>=1360?"xl":e>=1024?"lg":e>=768?"md":"sm"})).observe(t)},new((e=void 0)||(e=Promise))((function(s,o){function a(i){try{l(n.next(i))}catch(i){o(i)}}function r(i){try{l(n.throw(i))}catch(i){o(i)}}function l(i){var t;i.done?s(i.value):(t=i.value,t instanceof e?t:new e((function(i){i(t)}))).then(a,r)}l((n=n.apply(i,t||[])).next())}));var i,t,e,n}renderCurrentCue(i){if(r(i))return void(this.cue="");const t=document.createElement("div");t.append(i.getCueAsHTML()),this.cue=t.innerHTML.trim()}render(){return t("div",{style:{transform:`translateY(calc(${this.isControlsActive?"var(--vm-controls-height)":"24px"} * -1))`},class:{captions:!0,enabled:this.isEnabled,hidden:this.hidden,fontMd:"md"===this.fontSize,fontLg:"lg"===this.fontSize,fontXl:"xl"===this.fontSize,inactive:!this.isTextTrackVisible}},t("span",{class:"cue"},this.cue))}static get watchers(){return{isVideoView:["onEnabledChange"],playbackStarted:["onEnabledChange"],textTracks:["onTextTracksChange"],currentTextTrack:["onTextTracksChange"]}}};k.style=":host{position:absolute;left:0;bottom:0;width:100%;pointer-events:none;z-index:var(--vm-captions-z-index)}.captions{width:100%;text-align:center;color:var(--vm-captions-text-color);font-size:var(--vm-captions-font-size);padding:$control-spacing;display:none;pointer-events:none;transition:transform 0.4s ease-in-out, opacity 0.3s ease-in-out}.captions.enabled{display:inline-block}.captions.hidden{display:none !important}.captions.inactive{opacity:0;visibility:hidden}.captions.fontMd{font-size:var(--vm-captions-font-size-medium)}.captions.fontLg{font-size:var(--vm-captions-font-size-large)}.captions.fontXl{font-size:var(--vm-captions-font-size-xlarge)}.cue{display:inline-block;background:var(--vm-captions-cue-bg-color);border-radius:var(--vm-captions-cue-border-radius);box-decoration-break:clone;line-height:185%;padding:var(--vm-captions-cue-padding);white-space:pre-wrap;pointer-events:none}.cue>div{display:inline}.cue:empty{display:none}";const x=class{constructor(t){i(this,t),this.useOnMobile=!1,this.paused=!0,this.isVideoView=!1,this.isMobile=!1,a(this),p(this,["paused","isVideoView","isMobile"])}connectedCallback(){this.dispatch=m(this)}forceClick(){return i=this,t=void 0,n=function*(){this.onClick()},new((e=void 0)||(e=Promise))((function(s,o){function a(i){try{l(n.next(i))}catch(i){o(i)}}function r(i){try{l(n.throw(i))}catch(i){o(i)}}function l(i){var t;i.done?s(i.value):(t=i.value,t instanceof e?t:new e((function(i){i(t)}))).then(a,r)}l((n=n.apply(i,t||[])).next())}));var i,t,e,n}onClick(){this.dispatch("paused",!this.paused)}render(){return t("div",{class:{clickToPlay:!0,enabled:this.isVideoView&&(!this.isMobile||this.useOnMobile)},onClick:this.onClick.bind(this)})}};x.style=":host{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--vm-click-to-play-z-index)}.clickToPlay{display:none;width:100%;height:100%;pointer-events:none}.clickToPlay.enabled{display:inline-block;pointer-events:auto}";var w=function(i,t,e,n){return new(e||(e=Promise))((function(s,o){function a(i){try{l(n.next(i))}catch(i){o(i)}}function r(i){try{l(n.throw(i))}catch(i){o(i)}}function l(i){var t;i.done?s(i.value):(t=i.value,t instanceof e?t:new e((function(i){i(t)}))).then(a,r)}l((n=n.apply(i,t||[])).next())}))};const C=class{constructor(t){i(this,t),this.canSetFullscreen=!1,this.useOnMobile=!1,this.isFullscreenActive=!0,this.isVideoView=!1,this.playbackReady=!1,this.isMobile=!1,this.clicks=0,a(this),p(this,["playbackReady","isFullscreenActive","isVideoView","isMobile"])}onPlaybackReadyChange(){return w(this,void 0,void 0,(function*(){const i=yield c(this);h(i)||(this.canSetFullscreen=yield i.canSetFullscreen())}))}onTriggerClickToPlay(){return w(this,void 0,void 0,(function*(){const[i]=d(this,"vm-click-to-play");yield null==i?void 0:i.forceClick()}))}onToggleFullscreen(){return w(this,void 0,void 0,(function*(){const i=yield c(this);h(i)||(this.isFullscreenActive?i.exitFullscreen():i.enterFullscreen())}))}onClick(){this.clicks+=1,1===this.clicks&&setTimeout((()=>{1===this.clicks?this.onTriggerClickToPlay():this.onToggleFullscreen(),this.clicks=0}),300)}render(){return t("div",{class:{dblClickFullscreen:!0,enabled:this.playbackReady&&this.canSetFullscreen&&this.isVideoView&&(!this.isMobile||this.useOnMobile)},onClick:this.onClick.bind(this)})}static get watchers(){return{playbackReady:["onPlaybackReadyChange"]}}};C.style=":host{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--vm-dbl-click-fullscreen-z-index)}.dblClickFullscreen{display:none;width:100%;height:100%;pointer-events:none}.dblClickFullscreen.enabled{display:inline-block;pointer-events:auto}";const T=class{constructor(t){i(this,t),this.activeDuration=2750,this.waitForPlaybackStart=!1,this.hideWhenPaused=!1,this.hideOnMouseLeave=!1,this.isMobile=!1,this.isLive=!1,this.isAudioView=!1,this.isVideoView=!1,a(this),p(this,["theme","isMobile","isAudioView","isVideoView","isLive"])}buildAudioControls(){return t("vm-controls",{fullWidth:!0},t("vm-playback-control",{tooltipDirection:"right"}),t("vm-volume-control",null),!this.isLive&&t("vm-current-time",null),this.isLive&&t("vm-control-spacer",null),!this.isLive&&t("vm-scrubber-control",null),this.isLive&&t("vm-live-indicator",null),!this.isLive&&t("vm-end-time",null),!this.isLive&&t("vm-settings-control",{tooltipDirection:"left"}),t("div",{style:{marginLeft:"0",paddingRight:"2px"}}))}buildMobileVideoControls(){return t(e,null,t("vm-scrim",{gradient:"up"}),t("vm-controls",{pin:"topLeft",fullWidth:!0,activeDuration:this.activeDuration,waitForPlaybackStart:this.waitForPlaybackStart,hideWhenPaused:this.hideWhenPaused},t("vm-control-spacer",null),t("vm-volume-control",null),!this.isLive&&t("vm-caption-control",null),!this.isLive&&t("vm-settings-control",null),this.isLive&&t("vm-fullscreen-control",null)),t("vm-controls",{pin:"center",justify:"center",activeDuration:this.activeDuration,waitForPlaybackStart:this.waitForPlaybackStart,hideWhenPaused:this.hideWhenPaused},t("vm-playback-control",{style:{"--vm-control-scale":"1.3"}})),!this.isLive&&t("vm-controls",{pin:"bottomLeft",fullWidth:!0,activeDuration:this.activeDuration,waitForPlaybackStart:this.waitForPlaybackStart,hideWhenPaused:this.hideWhenPaused},t("vm-control-group",null,t("vm-current-time",null),t("vm-control-spacer",null),t("vm-end-time",null),t("vm-fullscreen-control",null)),t("vm-control-group",{space:"top"},t("vm-scrubber-control",null))))}buildDesktopVideoControls(){return t(e,null,"light"!==this.theme&&t("vm-scrim",{gradient:"up"}),t("vm-controls",{fullWidth:!0,pin:"bottomRight",activeDuration:this.activeDuration,waitForPlaybackStart:this.waitForPlaybackStart,hideWhenPaused:this.hideWhenPaused,hideOnMouseLeave:this.hideOnMouseLeave},!this.isLive&&t("vm-control-group",null,t("vm-scrubber-control",null)),t("vm-control-group",{space:this.isLive?"none":"top"},t("vm-playback-control",{tooltipDirection:"right"}),t("vm-volume-control",null),!this.isLive&&t("vm-time-progress",null),t("vm-control-spacer",null),!this.isLive&&t("vm-caption-control",null),this.isLive&&t("vm-live-indicator",null),t("vm-pip-control",null),!this.isLive&&t("vm-settings-control",null),t("vm-fullscreen-control",{tooltipDirection:"left"}))))}render(){return this.isAudioView?this.buildAudioControls():this.isVideoView&&this.isMobile?this.buildMobileVideoControls():this.isVideoView?this.buildDesktopVideoControls():null}};T.style=":host{display:contents;pointer-events:none;z-index:var(--vm-controls-z-index)}";var P=function(i,t,e,n){return new(e||(e=Promise))((function(s,o){function a(i){try{l(n.next(i))}catch(i){o(i)}}function r(i){try{l(n.throw(i))}catch(i){o(i)}}function l(i){var t;i.done?s(i.value):(t=i.value,t instanceof e?t:new e((function(i){i(t)}))).then(a,r)}l((n=n.apply(i,t||[])).next())}))};const z=class{constructor(t){i(this,t),this.textTracksDisposal=new o,this.canSetPlaybackRate=!1,this.canSetPlaybackQuality=!1,this.canSetTextTrack=!1,this.canSetAudioTrack=!1,this.pin="bottomRight",this.i18n={},this.playbackReady=!1,this.playbackRate=1,this.playbackRates=[1],this.isVideoView=!1,this.playbackQualities=[],this.textTracks=[],this.currentTextTrack=-1,this.audioTracks=[],this.currentAudioTrack=-1,this.isTextTrackVisible=!0,a(this),p(this,["i18n","playbackReady","playbackRate","playbackRates","playbackQuality","playbackQualities","isVideoView","textTracks","currentTextTrack","isTextTrackVisible","audioTracks","currentAudioTrack"])}onPlaybackReady(){return P(this,void 0,void 0,(function*(){const i=yield c(this);h(i)||(this.canSetPlaybackQuality=yield i.canSetPlaybackQuality(),this.canSetPlaybackRate=yield i.canSetPlaybackRate())}))}onAudioTracksChange(){var i;return P(this,void 0,void 0,(function*(){const t=v(this);this.canSetAudioTrack=null!==(i=yield null==t?void 0:t.canSetAudioTrack())&&void 0!==i&&i}))}onTextTracksChange(){var i;return P(this,void 0,void 0,(function*(){const t=v(this);this.canSetTextTrack=null!==(i=yield null==t?void 0:t.canSetTextTrack())&&void 0!==i&&i}))}connectedCallback(){this.dispatch=m(this)}componentDidLoad(){this.onTextTracksChange()}disconnectedCallback(){this.textTracksDisposal.empty()}onPlaybackRateSelect(i){this.dispatch("playbackRate",parseFloat(i.target.value))}buildPlaybackRateSubmenu(){if(this.playbackRates.length<=1||!this.canSetPlaybackRate)return t("vm-menu-item",{label:this.i18n.playbackRate,hint:this.i18n.normal});const i=i=>1===i?this.i18n.normal:`${i}`;return t("vm-submenu",{label:this.i18n.playbackRate,hint:i(this.playbackRate)},t("vm-menu-radio-group",{value:`${this.playbackRate}`,onVmCheck:this.onPlaybackRateSelect.bind(this)},this.playbackRates.map((e=>t("vm-menu-radio",{label:i(e),value:`${e}`})))))}onPlaybackQualitySelect(i){this.dispatch("playbackQuality",i.target.value)}buildPlaybackQualitySubmenu(){var i;if(this.playbackQualities.length<=1||!this.canSetPlaybackQuality)return t("vm-menu-item",{label:this.i18n.playbackQuality,hint:null!==(i=this.playbackQuality)&&void 0!==i?i:this.i18n.auto});const e=i=>{const t=parseInt(i.slice(0,-1),10);return t>=2160?"UHD":t>=1080?"HD":void 0};return t("vm-submenu",{label:this.i18n.playbackQuality,hint:this.playbackQuality},t("vm-menu-radio-group",{value:this.playbackQuality,onVmCheck:this.onPlaybackQualitySelect.bind(this)},this.playbackQualities.map((i=>t("vm-menu-radio",{label:i,value:i,badge:e(i)})))))}onTextTrackSelect(i){const t=parseInt(i.target.value,10),e=v(this);-1!==t?(null==e||e.setTextTrackVisibility(!0),null==e||e.setCurrentTextTrack(t)):null==e||e.setTextTrackVisibility(!1)}buildTextTracksSubmenu(){var i,e,n;return this.textTracks.length<=1||!this.canSetTextTrack?t("vm-menu-item",{label:this.i18n.subtitlesOrCc,hint:null!==(e=null===(i=this.textTracks[this.currentTextTrack])||void 0===i?void 0:i.label)&&void 0!==e?e:this.i18n.none}):t("vm-submenu",{label:this.i18n.subtitlesOrCc,hint:this.isTextTrackVisible?null===(n=this.textTracks[this.currentTextTrack])||void 0===n?void 0:n.label:this.i18n.off},t("vm-menu-radio-group",{value:`${this.isTextTrackVisible?this.currentTextTrack:-1}`,onVmCheck:this.onTextTrackSelect.bind(this)},[t("vm-menu-radio",{label:this.i18n.off,value:"-1"})].concat(this.textTracks.map(((i,e)=>t("vm-menu-radio",{label:i.label,value:`${e}`}))))))}onAudioTrackSelect(i){const t=parseInt(i.target.value,10),e=v(this);null==e||e.setCurrentAudioTrack(t)}buildAudioTracksMenu(){var i,e,n;return this.audioTracks.length<=1||!this.canSetAudioTrack?t("vm-menu-item",{label:this.i18n.audio,hint:null!==(e=null===(i=this.audioTracks[this.currentAudioTrack])||void 0===i?void 0:i.label)&&void 0!==e?e:this.i18n.default}):t("vm-submenu",{label:this.i18n.audio,hint:null===(n=this.audioTracks[this.currentAudioTrack])||void 0===n?void 0:n.label},t("vm-menu-radio-group",{value:`${this.currentAudioTrack}`,onVmCheck:this.onAudioTrackSelect.bind(this)},this.audioTracks.map(((i,e)=>t("vm-menu-radio",{label:i.label,value:`${e}`})))))}render(){return t("vm-settings",{pin:this.pin},this.buildAudioTracksMenu(),this.buildPlaybackRateSubmenu(),this.buildPlaybackQualitySubmenu(),this.isVideoView&&this.buildTextTracksSubmenu(),t("slot",null))}static get watchers(){return{playbackReady:["onPlaybackReady","onAudioTracksChange","onTextTracksChange"],audioTracks:["onAudioTracksChange"],textTracks:["onTextTracksChange"]}}};z.style=":host{z-index:var(--vm-menu-z-index)}";const V=class{constructor(t){i(this,t),this.playbackReady=!1,this.hideDots=!1,a(this),p(this,["playbackReady"])}render(){return t("div",{class:{loadingScreen:!0,inactive:this.playbackReady}},t("slot",null),!this.hideDots&&t("div",{class:"dotPulse"}))}};V.style=":host{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--vm-loading-screen-z-index);display:flex;align-items:center;justify-content:center}.loadingScreen{opacity:100;transition:var(--vm-fade-transition)}.loadingScreen.inactive{opacity:0}.dotPulse{position:relative;left:-9999px;width:var(--vm-loading-screen-dot-size);height:var(--vm-loading-screen-dot-size);border-radius:calc(var(--vm-loading-screen-dot-size) / 2);background-color:var(--vm-loading-screen-dot-color);color:var(--vm-loading-screen-dot-color);box-shadow:9999px 0 0 calc(calc(var(--vm-loading-screen-dot-size) / 2) * -1)\n    var(--vm-loading-screen-dot-color);animation:dotPulse var(--vm-loading-screen-pulse-duration) infinite linear;animation-delay:calc(var(--vm-loading-screen-pulse-duration) / 6)}.dotPulse::before,.dotPulse::after{content:'';display:inline-block;position:absolute;top:0;width:var(--vm-loading-screen-dot-size);height:var(--vm-loading-screen-dot-size);border-radius:calc(var(--vm-loading-screen-dot-size) / 2);background-color:var(--vm-loading-screen-dot-color);color:var(--vm-loading-screen-dot-color)}.dotPulse::before{box-shadow:9984px 0 0 calc(calc(var(--vm-loading-screen-dot-size) / 2) * -1)\n    var(--vm-loading-screen-dot-color);animation:dotPulseBefore var(--vm-loading-screen-pulse-duration) infinite\n    linear;animation-delay:0s}.dotPulse::after{box-shadow:10014px 0 0 calc(calc(var(--vm-loading-screen-dot-size) / 2) * -1)\n    var(--vm-loading-screen-dot-color);animation:dotPulseAfter var(--vm-loading-screen-pulse-duration) infinite\n    linear;animation-delay:calc(var(--vm-loading-screen-pulse-duration) / 3)}@keyframes dotPulseBefore{0%{box-shadow:9984px 0 0\n      calc(calc(var(--vm-loading-screen-dot-size) / 2) * -1)\n      var(--vm-loading-screen-dot-color)}30%{box-shadow:9984px 0 0 2px var(--vm-loading-screen-dot-color)}60%,100%{box-shadow:9984px 0 0\n      calc(calc(var(--vm-loading-screen-dot-size) / 2) * -1)\n      var(--vm-loading-screen-dot-color)}}@keyframes dotPulse{0%{box-shadow:9999px 0 0\n      calc(calc(var(--vm-loading-screen-dot-size) / 2) * -1)\n      var(--vm-loading-screen-dot-color)}30%{box-shadow:9999px 0 0 2px var(--vm-loading-screen-dot-color)}60%,100%{box-shadow:9999px 0 0\n      calc(calc(var(--vm-loading-screen-dot-size) / 2) * -1)\n      var(--vm-loading-screen-dot-color)}}@keyframes dotPulseAfter{0%{box-shadow:10014px 0 0\n      calc(calc(var(--vm-loading-screen-dot-size) / 2) * -1)\n      var(--vm-loading-screen-dot-color)}30%{box-shadow:10014px 0 0 2px var(--vm-loading-screen-dot-color)}60%,100%{box-shadow:10014px 0 0\n      calc(calc(var(--vm-loading-screen-dot-size) / 2) * -1)\n      var(--vm-loading-screen-dot-color)}}";const R=class{constructor(t){i(this,t),this.vmLoaded=n(this,"vmLoaded",3),this.vmWillShow=n(this,"vmWillShow",3),this.vmWillHide=n(this,"vmWillHide",3),this.isHidden=!0,this.isActive=!1,this.hasLoaded=!1,this.fit="cover",this.isVideoView=!1,this.playbackStarted=!1,this.currentTime=0,a(this),p(this,["mediaTitle","currentPoster","playbackStarted","currentTime","isVideoView"])}onCurrentPosterChange(){var i;this.hasLoaded=!1,null===(i=this.lazyLoader)||void 0===i||i.onMutation()}connectedCallback(){this.lazyLoader=new g(this.host,["data-src","src"],(i=>{const t=i.getAttribute("data-src");i.removeAttribute("src"),u(t)||i.setAttribute("src",t)})),this.onEnabledChange(),this.onActiveChange()}disconnectedCallback(){this.lazyLoader.destroy()}onVisibilityChange(){!this.isHidden&&this.isActive?this.vmWillShow.emit():this.vmWillHide.emit()}onEnabledChange(){this.isHidden=!this.isVideoView,this.onVisibilityChange()}onActiveChange(){this.isActive=!this.playbackStarted||this.currentTime<=.1,this.onVisibilityChange()}onPosterLoad(){this.vmLoaded.emit(),this.hasLoaded=!0}render(){return t("div",{class:{poster:!0,hidden:this.isHidden,active:this.isActive&&this.hasLoaded}},t("img",{class:"lazy","data-src":this.currentPoster,alt:h(this.mediaTitle)?"Media Poster":`${this.mediaTitle} Poster`,style:{objectFit:this.fit},onLoad:this.onPosterLoad.bind(this)}))}get host(){return s(this)}static get watchers(){return{currentPoster:["onCurrentPosterChange"],isVideoView:["onEnabledChange"],currentTime:["onActiveChange"],playbackStarted:["onActiveChange"]}}};R.style=":host{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--vm-poster-z-index)}.poster{width:100%;height:100%;background:#000;opacity:0;visibility:hidden;pointer-events:none;transition:var(--vm-fade-transition)}.poster.hidden{display:none}.poster.active{opacity:1;visibility:visible}img{width:100%;height:100%;pointer-events:none}";const A=class{constructor(t){i(this,t),this.vmWillShow=n(this,"vmWillShow",3),this.vmWillHide=n(this,"vmWillHide",3),this.blacklist=[f.YouTube],this.isHidden=!0,this.isActive=!1,this.isVideoView=!1,this.showWhenMediaLoading=!1,this.playbackReady=!1,this.buffering=!1,a(this),p(this,["isVideoView","buffering","playbackReady","currentProvider"])}onVideoViewChange(){this.isHidden=!this.isVideoView,this.onVisiblityChange()}onActiveChange(){this.isActive=this.buffering||this.showWhenMediaLoading&&!this.playbackReady,this.onVisiblityChange()}onVisiblityChange(){!this.isHidden&&this.isActive?this.vmWillShow.emit():this.vmWillHide.emit()}render(){return t("div",{class:{spinner:!0,hidden:this.isHidden||this.blacklist.includes(this.currentProvider),active:this.isActive}},t("div",{class:{spin:!0,active:this.isActive}},"Loading..."))}static get watchers(){return{isVideoView:["onVideoViewChange"],buffering:["onActiveChange"],playbackReady:["onActiveChange"]}}};A.style=":host{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--vm-spinner-z-index)}.spinner{width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:var(--vm-fade-transition)}.spinner.hidden{display:none}.spinner.active{opacity:1;visibility:visible}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.spin{background:transparent;margin:60px auto;font-size:10px;position:relative;text-indent:-9999em;pointer-events:none;border-top:var(--vm-spinner-thickness) solid var(--vm-spinner-fill-color);border-left:var(--vm-spinner-thickness) solid var(--vm-spinner-fill-color);border-right:var(--vm-spinner-thickness) solid var(--vm-spinner-track-color);border-bottom:var(--vm-spinner-thickness) solid var(--vm-spinner-track-color);transform:translateZ(0)}.spin.active{animation:spin var(--vm-spinner-spin-duration) infinite\n    var(--vm-spinner-spin-timing-func)}.spin,.spin::after{border-radius:50%;width:var(--vm-spinner-width);height:var(--vm-spinner-height)}";const S=class{constructor(t){i(this,t),this.isVideoView=!1,this.playsinline=!1,this.isFullscreenActive=!1,a(this),p(this,["isVideoView","playsinline","isFullscreenActive"])}render(){const i=!y||!this.isVideoView||this.playsinline&&!this.isFullscreenActive;return t("div",{class:{ui:!0,hidden:!i,video:this.isVideoView}},i&&t("slot",null))}};S.style=":host{z-index:var(--vm-ui-z-index)}.ui{width:100%;pointer-events:none}.ui.hidden{display:none}.ui.video{position:absolute;top:0;left:0;height:100%}";export{k as vm_captions,x as vm_click_to_play,C as vm_dbl_click_fullscreen,T as vm_default_controls,z as vm_default_settings,V as vm_loading_screen,R as vm_poster,A as vm_spinner,S as vm_ui}