@oiz/stzh-components 4.6.0-beta1 → 4.6.0-beta2

package/dist/stzh-components/{p-fe64fe26.entry.js → p-1bb06be6.entry.js}

@@ -28,5 +28,5 @@ import{r as t,c as s,h as i,a as e,g as r}from"./p-ef5985a3.js";import{h as n}fr
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */}function ui(t){return li({...t,state:!0})}var ci=Symbol("@vidstack/media-provider-discovery");var fi=class extends hi{constructor(){super();this._disconnectDisposal=new G;this._logger=void 0;this.loading="visible";this._attemptingAutoplay=false;this.controllerQueue=new Yt;this._store=Ts();this._state=as(this._store);this.connectedQueue=Zt(this);this.mediaQueue=new Yt;this.screenOrientationController=new Xt(this);this.fullscreenController=new It(this,this.screenOrientationController);xt(this,"vds-media-provider-connect",{register:ci});const t=Kt(this,{target:this,threshold:0},(s=>{if(!/(visible|lazy)/.test(this.loading)){t.hostDisconnected();return}if(s[0]?.isIntersecting){this.startLoadingMedia();t.hostDisconnected()}}))}connectedCallback(){super.connectedCallback();this._logMediaEvents();window.requestAnimationFrame((()=>{if(ft(this.canLoadPoster)){this.canLoadPoster=true}}))}firstUpdated(t){super.firstUpdated(t);this.dispatchEvent(st("vds-fullscreen-support-change",{detail:this.canFullscreen}));if(this.canLoad||this.loading==="eager"){window?.requestAnimationFrame((()=>{this.startLoadingMedia()}))}else if(this.loading==="idle"){ps((()=>{this.startLoadingMedia()}))}}render(){return M`<slot @slotchange="${this.handleDefaultSlotChange}"></slot>`}disconnectedCallback(){this._updateMediaStoreOnDisconnect(this._store);this.mediaQueue.destroy();this._disconnectDisposal.empty();super.disconnectedCallback();ds((()=>{ds((()=>{if(!this.isConnected)this.destroy()}))}))}_updateMediaStoreOnDisconnect(t){t.paused.set(true);t.playing.set(false);t.seeking.set(false);t.waiting.set(false);t.fullscreen.set(false)}destroy(){if(this.isConnected)this.disconnectedCallback();this.dispatchEvent(st("vds-destroy"))}_logMediaEvents(){}get volume(){return this._getVolume()}set volume(t){this.mediaQueue.queue("volume",(()=>{const s=this.volume;const i=jt(0,t,1);if(s!==i){this._setVolume(i);this.requestUpdate("volume",s)}}))}get paused(){return this._getPaused()}set paused(t){this.mediaQueue.queue("paused",(()=>{if(this.paused===t)return;try{if(!t){this.play()}else{this.pause()}this.requestUpdate("paused",!t)}catch(t){this._logger?.error("paused-change-fail",t)}}))}get currentTime(){return this._getCurrentTime()}set currentTime(t){this.mediaQueue.queue("current-time",(()=>{const s=this.currentTime;if(s!==t){this._setCurrentTime(t);this.requestUpdate("currentTime",s)}}))}get muted(){return this._getMuted()}set muted(t){this.mediaQueue.queue("muted",(()=>{const s=this.muted;if(s!==t){this._setMuted(t);this.requestUpdate("muted",s)}}))}get poster(){return this.state.poster}set poster(t){const s=this.poster;if(s!==t){this.dispatchEvent(st("vds-poster-change",{detail:t}));this.requestUpdate("poster",s)}}get loop(){return this.state.loop}set loop(t){const s=this.loop;if(s!==t){this.dispatchEvent(st("vds-loop-change",{detail:t}));this.requestUpdate("loop",s)}}get controls(){return this.state.controls}set controls(t){const s=this.controls;if(s!==t){this.dispatchEvent(st("vds-controls-change",{detail:t}));this.requestUpdate("controls",s)}}get canLoad(){return this.state.canLoad}startLoadingMedia(){if(this.state.canPlay)return;this.dispatchEvent(st("vds-can-load"))}_throwIfNotReadyForPlayback(){if(!this.state.canPlay){throw Error(`Media is not ready - wait for \`vds-can-play\` event.`)}}async _resetPlaybackIfEnded(){if(!this.state.ended||this.state.currentTime===0)return;return this._setCurrentTime(0)}_throwIfNotVideoView(){if(this.state.viewType!=="video"){throw Error("Player is currently not in a video view.")}}async _handleMediaReady({event:t,duration:s}){if(this.state.canPlay)return;this.dispatchEvent(st("vds-can-play",{triggerEvent:t,detail:{duration:s}}));this.mediaQueue.start();await this._attemptAutoplay()}_handleCurrentSrcChange(t,s){if(this.state.currentSrc===t)return;this.mediaQueue.stop();this.dispatchEvent(st("vds-current-src-change",{detail:t,triggerEvent:s}))}get autoplay(){return this.state.autoplay}set autoplay(t){if(this.autoplay!==t){this.dispatchEvent(st("vds-autoplay-change",{detail:t}));this.requestUpdate("autoplay",!t)}this._attemptAutoplay()}get _canAttemptAutoplay(){return this.state.canPlay&&this.state.autoplay&&!this.state.started}async _attemptAutoplay(){if(!this._canAttemptAutoplay)return;this._attemptingAutoplay=true;try{await this.play();this.dispatchEvent(st("vds-autoplay",{detail:{muted:this.muted}}))}catch(t){this.dispatchEvent(st("vds-autoplay-fail",{detail:{muted:this.muted,error:t}}));this.requestUpdate()}this._attemptingAutoplay=false}get controller(){return this._controller}get logLevel(){return this._controller?.logLevel??"silent"}set logLevel(t){}get idleDelay(){return this._controller?.idleDelay??0}set idleDelay(t){this.controllerQueue.queue("idle-delay",(()=>{this._controller.idleDelay=t}))}attachMediaController(t,s){this._controller=t;this._store=t._store;this._state=t.state;this.controllerQueue.start();s((()=>{this.controllerQueue.destroy();this._store=Ts();this._state=as(this._store);if(this._controller){hs(this._controller._store,this._store);this._updateMediaStoreOnDisconnect(this._controller._store)}this._controller=void 0}))}dispatchEvent(t){if(!this._controller&&t.type.startsWith("vds-")&&t.type!=="vds-destroy"){this.controllerQueue.queue(t.type,(()=>{super.dispatchEvent(t)}));return false}return super.dispatchEvent(t)}store(){return this._store}get state(){return this._state}get canFullscreen(){return this.fullscreenController.isSupported}get fullscreen(){return this.fullscreenController.isFullscreen}get fullscreenOrientation(){return this.fullscreenController.screenOrientationLock}set fullscreenOrientation(t){const s=this.fullscreenController.screenOrientationLock;if(s!==t){this.fullscreenController.screenOrientationLock=t;this.requestUpdate("fullscreen-orientation",s)}}enterFullscreen(){return this.fullscreenController.enterFullscreen()}exitFullscreen(){return this.fullscreenController.exitFullscreen()}};Vs([li({type:Number})],fi.prototype,"volume",1);Vs([li({type:Boolean})],fi.prototype,"paused",1);Vs([li({type:Number})],fi.prototype,"currentTime",1);Vs([li({type:Boolean})],fi.prototype,"muted",1);Vs([li()],fi.prototype,"poster",1);Vs([li({type:Boolean})],fi.prototype,"loop",1);Vs([li({type:Boolean})],fi.prototype,"controls",1);Vs([ui()],fi.prototype,"canLoadPoster",2);Vs([li({attribute:"loading"})],fi.prototype,"loading",2);Vs([li({type:Boolean})],fi.prototype,"autoplay",1);Vs([li({attribute:"log-level"})],fi.prototype,"logLevel",1);Vs([li({attribute:"idle-delay",type:Number})],fi.prototype,"idleDelay",1);Vs([li({attribute:"fullscreen-orientation"})],fi.prototype,"fullscreenOrientation",1);var vi=class{constructor(t,s){this._host=t;this._mediaStore=s;this._idle=false;this._mediaPaused=false;this._idlingPaused=false;this._disposal=new G;this.delay=2e3;t.addController(this)}get paused(){return this._idlingPaused||this._mediaPaused}set paused(t){this._idlingPaused=t;this._handleIdleChange()}hostConnected(){this._disposal.add(this._mediaStore.paused.subscribe((t=>{this._mediaPaused=t;this._handleIdleChange()})));const t=["pointerdown","pointermove","focus","keydown"];t.forEach((t=>{const s=X(this._host,t,this._handleIdleChange.bind(this));this._disposal.add(s)}))}hostDisconnected(){this._disposal.empty();this._stopIdleTimer()}_handleIdleChange(){if(this.paused){this._stopIdleTimer()}else{this._startIdleTimer()}}_startIdleTimer(){this._stopIdleTimer();this._idleTimeout=window.setTimeout((()=>{this._dispatchIdleChange(!this.paused)}),this.delay)}_stopIdleTimer(){window.clearTimeout(this._idleTimeout);this._dispatchIdleChange(false)}_dispatchIdleChange(t){if(this._idle!==t){this._host.dispatchEvent(st("vds-user-idle-change",{detail:t}));this._idle=t}}};var pi=class{constructor(t){this._host=t;this._disconnectDisposal=new G;this.providerQueue=new Yt;this.providerDisposal=new G;this._logController=void 0;this._logger=void 0;this._providerContext=xs.provide(this._host);this._mediaStoreProvider=Ds.provide(this._host);this.state=as(this._store);this._userIdleController=new vi(this._host,this._store);this._handleIdleChange=Q(this._host,"vds-user-idle-change",(t=>{this._store.userIdle.set(t.detail);this._satisfyMediaRequest("userIdle",t)}));this._pendingMediaRequests={loading:[],play:[],pause:[],volume:[],fullscreen:[],seeked:[],seeking:[],userIdle:[]};this._handleStartLoadingRequest=Q(this._host,"vds-start-loading",this._createMediaRequestHandler("loading",(t=>{if(this.state.canLoad)return;this._pendingMediaRequests.loading.push(t);this._provider.startLoadingMedia()})));this._handleMuteRequest=Q(this._host,"vds-mute-request",this._createMediaRequestHandler("muted",(t=>{if(this.state.muted)return;this._pendingMediaRequests.volume.push(t);this.provider.muted=true})));this._handleUnmuteRequest=Q(this._host,"vds-unmute-request",this._createMediaRequestHandler("muted",(t=>{if(!this.state.muted)return;this._pendingMediaRequests.volume.push(t);this.provider.muted=false;if(this.state.volume===0){this._pendingMediaRequests.volume.push(t);this.provider.volume=.25}})));this._handlePlayRequest=Q(this._host,"vds-play-request",this._createMediaRequestHandler("paused",(t=>{if(!this.state.paused)return;this._pendingMediaRequests.play.push(t);this.provider.paused=false})));this._handlePauseRequest=Q(this._host,"vds-pause-request",this._createMediaRequestHandler("paused",(t=>{if(this.state.paused)return;this._pendingMediaRequests.pause.push(t);this.provider.paused=true})));this._isSeekingRequestPending=false;this._handleSeekingRequest=Q(this._host,"vds-seeking-request",this._createMediaRequestHandler("seeking",(t=>{this._stopWaiting();this._pendingMediaRequests.seeking.push(t);this._isSeekingRequestPending=true;this._store.seeking.set(true)})));this._handleSeekRequest=Q(this._host,"vds-seek-request",this._createMediaRequestHandler("seeking",(t=>{if(this.store.ended){this._isReplay=true}this._pendingMediaRequests.seeked.push(t);this._isSeekingRequestPending=false;let s=t.detail;if(this.state.duration-t.detail<.25){s=this.state.duration}this.provider.currentTime=s})));this._handleVolumeChangeRequest=Q(this._host,"vds-volume-change-request",this._createMediaRequestHandler("volume",(t=>{const s=t.detail;if(this.state.volume===s)return;this._pendingMediaRequests.volume.push(t);this.provider.volume=s;if(s>0&&this.state.muted){this._pendingMediaRequests.volume.push(t);this.provider.muted=false}})));this._handleEnterFullscreenRequest=Q(this._host,"vds-enter-fullscreen-request",this._createMediaRequestHandler("fullscreen",(async t=>{if(this.state.fullscreen)return;const s=t.detail??"media";if(s==="media"&&this._host.canFullscreen){this._pendingMediaRequests.fullscreen.push(t);await(this._host.enterFullscreen?.())}else if(this.provider){this._pendingMediaRequests.fullscreen.push(t);await this.provider.enterFullscreen()}})));this._handleExitFullscreenRequest=Q(this._host,"vds-exit-fullscreen-request",this._createMediaRequestHandler("fullscreen",(async t=>{if(!this.state.fullscreen)return;const s=t.detail??"media";if(s==="media"&&this._host.canFullscreen){this._pendingMediaRequests.fullscreen.push(t);await(this._host.exitFullscreen?.())}else if(this.provider){this._pendingMediaRequests.fullscreen.push(t);await this.provider.exitFullscreen()}})));this._handleResumeIdlingRequest=Q(this._host,"vds-resume-user-idle-request",(t=>{if(!this._mediaRequestEventGateway(t))return;this._pendingMediaRequests.userIdle.push(t);this._userIdleController.paused=false}));this._handlePauseIdlingRequest=Q(this._host,"vds-pause-user-idle-request",(t=>{if(!this._mediaRequestEventGateway(t))return;this._pendingMediaRequests.userIdle.push(t);this._userIdleController.paused=true}));this._handleShowPosterRequest=Q(this._host,"vds-show-poster-request",this._createMediaRequestHandler("poster",(()=>{this._provider.canLoadPoster=true})));this._handleHidePosterRequest=Q(this._host,"vds-hide-poster-request",this._createMediaRequestHandler("poster",(()=>{this._provider.canLoadPoster=false})));this._handleLoopRequest=this._createMediaRequestHandler("loop",(()=>{window.requestAnimationFrame((async()=>{try{this._isLooping=true;this._isReplay=true;await this._provider.play()}catch(t){this._isReplay=false;this._isLooping=false}}))}));this._handleFullscreenChange=Q(this._host,"vds-fullscreen-change",(t=>{this._store.fullscreen.set(t.detail);if(t.target!==this._host)return;this._satisfyMediaRequest("fullscreen",t);this._provider?.dispatchEvent(st("vds-fullscreen-change",{detail:t.detail,triggerEvent:t}))}));this._handleFullscreenError=Q(this._host,"vds-fullscreen-error",(t=>{if(t.target!==this._host)return;this._satisfyMediaRequest("fullscreen",t);this._provider?.dispatchEvent(st("vds-fullscreen-error",{detail:t.detail,triggerEvent:t}))}));this._isReplay=false;this._isLooping=false;this._firingWaiting=false;this._mediaEvents=[];this._handleSeeking=Y((t=>{this._mediaEvents.push(t);this._store.seeking.set(true);this._store.currentTime.set(t.detail);this._satisfyMediaRequest("seeking",t)}),150,{leading:true});this._fireWaiting=K((()=>{if(!this._originalWaitingEvent)return;this._firingWaiting=true;const t=st("vds-waiting",this._originalWaitingEvent);this._mediaEvents.push(t);this._store.waiting.set(true);this._store.playing.set(false);this._provider?.dispatchEvent(t);this._originalWaitingEvent=void 0;this._firingWaiting=false}),300);this._skipInitialSrcChange=true;kt(t,ci,((t,s)=>{this.attachMediaProvider(t,s)}));t.addController({hostConnected:()=>{if(!this.state.canPlay){this._host.setAttribute("aria-busy","true")}},hostDisconnected:()=>{this._clearMediaStateTracking();this._clearPendingMediaRequests();this.providerQueue.destroy();this.providerDisposal.empty();this._skipInitialSrcChange=true;this._disconnectDisposal.empty()}})}get logLevel(){return this._logController?.logLevel??"silent"}set logLevel(t){}get provider(){return this._provider}attachMediaProvider(t,s){if(!vt(this.provider)||this.provider===t)return;this._handleMediaProviderDisconnect();this._provider=t;this._providerContext.value.set(t);hs(this._provider._store,this._store);this._attachMediaEventListeners();t.attachMediaController(this,(t=>this._disconnectDisposal.add(t)));this._flushMediaProviderConnectedQueue();s(this._handleMediaProviderDisconnect.bind(this))}_handleMediaProviderDisconnect(){if(vt(this.provider))return;this._stopWaiting();this.providerQueue.destroy();this.providerDisposal.empty();this._provider=void 0;this._providerContext.value.set(void 0);As(this._store);this._store.viewType.set("unknown")}_flushMediaProviderConnectedQueue(){this.providerQueue.start();this.providerDisposal.add((()=>{this.providerQueue.stop()}))}get store(){return this._mediaStoreProvider.value}get _store(){return this._mediaStoreProvider.value}get idleDelay(){return this._userIdleController.delay}set idleDelay(t){this._userIdleController.delay=t}_clearPendingMediaRequests(){Gt(this._pendingMediaRequests).forEach((t=>{this._pendingMediaRequests[t]=[]}))}_satisfyMediaRequest(t,s){const i=this._pendingMediaRequests[t].shift();if(i){s.requestEvent=i;et(s,i)}}_mediaRequestEventGateway(t){t.stopPropagation();return true}_createMediaRequestHandler(t,s){return i=>{if(!this._mediaRequestEventGateway(i))return;if(this._provider){s(i);return}this.providerQueue.queue(t,(()=>{s(i)}))}}_attachMediaEventListeners(){if(!this._provider)return;const t={"vds-can-load":this._handleCanLoad,"vds-load-start":this._handleLoadStart,"vds-loaded-data":this._handleLoadedData,"vds-loaded-metadata":this._handleLoadedMetadata,"vds-can-play":this._handleCanPlay,"vds-can-play-through":this._handleCanPlayThrough,"vds-current-src-change":this._handleCurrentSrcChange,"vds-autoplay":this._handleAutoplay,"vds-autoplay-fail":this._handleAutoplayFail,"vds-loop-request":this._handleLoopRequest,"vds-play":this._handlePlay,"vds-play-fail":this._handlePlayFail,"vds-playing":this._handlePlaying,"vds-pause":this._handlePause,"vds-time-update":this._handleTimeUpdate,"vds-volume-change":this._handleVolumeChange,"vds-seeking":this._handleSeeking,"vds-seeked":this._handleSeeked,"vds-waiting":this._handleWaiting,"vds-ended":this._handleEnded,"vds-autoplay-change":this._handleAutoplayChange,"vds-error":this._handleError,"vds-fullscreen-support-change":this._handleFullscreenSupportChange,"vds-poster-change":this._handlePosterChange,"vds-loop-change":this._handleLoopChange,"vds-playsinline-change":this._handlePlaysinlineChange,"vds-controls-change":this._handleControlsChange,"vds-media-type-change":this._handleMediaTypeChange,"vds-view-type-change":this._handleViewTypeChange,"vds-duration-change":this._handleDurationChange,"vds-progress":this._handleProgress,"vds-src-change":this._handleSrcChange};for(const s of Gt(t)){const i=t[s].bind(this);this.providerDisposal.add(X(this._provider,s,i))}}_clearMediaStateTracking(){this._isReplay=false;this._isLooping=false;this._firingWaiting=false;this._originalWaitingEvent=void 0;this._mediaEvents=[]}_findLastMediaEvent(t){return this._mediaEvents[this._mediaEvents.map((t=>t.type)).lastIndexOf(t)]}_handleCanLoad(t){this._store.canLoad.set(true);this._mediaEvents.push(t);this._satisfyMediaRequest("loading",t)}_updateMetadata(t){this._store.currentSrc.set(t.currentSrc);this._store.mediaType.set(t.mediaType);this._store.viewType.set(t.viewType)}_handleLoadStart(t){this._updateMetadata(t.detail);this._mediaEvents.push(t);et(t,this._findLastMediaEvent("vds-src-change"));et(t,this._findLastMediaEvent("vds-can-load"))}_handleLoadedData(t){this._mediaEvents.push(t);et(t,this._findLastMediaEvent("vds-load-start"))}_handleLoadedMetadata(t){this._updateMetadata(t.detail);this._mediaEvents.push(t);et(t,this._findLastMediaEvent("vds-load-start"))}_handleCanPlay(t){this._mediaEvents.push(t);if(t.triggerEvent?.type!=="loadedmetadata"){et(t,this._findLastMediaEvent("vds-loaded-metadata"))}this._store.canPlay.set(true);this._store.duration.set(t.detail.duration);this._host.setAttribute("aria-busy","false")}_handleCanPlayThrough(t){this._store.canPlay.set(true);this._store.duration.set(t.detail.duration);et(t,this._findLastMediaEvent("vds-can-play"))}_handleAutoplay(t){this._mediaEvents.push(t);et(t,this._findLastMediaEvent("vds-play"));et(t,this._findLastMediaEvent("vds-can-play"));this._store.autoplayError.set(void 0)}_handleAutoplayFail(t){et(t,this._findLastMediaEvent("vds-play-fail"));et(t,this._findLastMediaEvent("vds-can-play"));this._store.autoplayError.set(t.detail);this._clearMediaStateTracking()}_handlePlay(t){if(this._isLooping||!this.state.paused){t.stopImmediatePropagation();return}this._mediaEvents.push(t);et(t,this._findLastMediaEvent("vds-waiting"));this._satisfyMediaRequest("play",t);this._store.paused.set(false);this._store.autoplayError.set(void 0);if(this.state.ended||this._isReplay){this._isReplay=false;this._store.ended.set(false);const s=st("vds-replay",{triggerEvent:t});this._provider?.dispatchEvent(s)}}_handlePlayFail(t){this._mediaEvents.push(t);this._stopWaiting();et(t,this._findLastMediaEvent("vds-play"));this._store.paused.set(true);this._store.playing.set(false);this._satisfyMediaRequest("play",t);this._clearMediaStateTracking()}_handlePlaying(t){this._mediaEvents.push(t);const s=this._findLastMediaEvent("vds-play");if(s){et(t,this._findLastMediaEvent("vds-waiting"));et(t,s)}else{et(t,this._findLastMediaEvent("vds-seeked"))}this._stopWaiting();this._clearMediaStateTracking();this._store.paused.set(false);this._store.playing.set(true);this._store.seeking.set(false);this._store.ended.set(false);if(this._isLooping){t.stopImmediatePropagation();this._isLooping=false;return}if(!this.state.started){this._store.started.set(true);this._provider?.dispatchEvent(st("vds-started",{triggerEvent:t}))}}_handlePause(t){if(this._isLooping){t.stopImmediatePropagation();return}et(t,this._findLastMediaEvent("vds-seeked"));this._satisfyMediaRequest("pause",t);this._store.paused.set(true);this._store.playing.set(false);this._store.seeking.set(false);this._stopWaiting();this._clearMediaStateTracking()}_handleTimeUpdate(t){const{currentTime:s,played:i}=t.detail;this._store.currentTime.set(s);this._store.played.set(i);this._store.waiting.set(false)}_handleVolumeChange(t){this._store.volume.set(t.detail.volume);this._store.muted.set(t.detail.muted||t.detail.volume===0);this._satisfyMediaRequest("volume",t)}_handleSeeked(t){if(this._isSeekingRequestPending){this._store.seeking.set(true);t.stopImmediatePropagation()}else if(this.state.seeking){this._mediaEvents.push(t);et(t,this._findLastMediaEvent("vds-waiting"));et(t,this._findLastMediaEvent("vds-seeking"));if(this.state.paused){this._stopWaiting()}this._store.seeking.set(false);if(t.detail!==this.state.duration){this._store.ended.set(false)}this._store.currentTime.set(t.detail);this._satisfyMediaRequest("seeked",t)}}_stopWaiting(){this._fireWaiting.cancel();this._store.waiting.set(false)}_handleWaiting(t){if(this._firingWaiting)return;t.stopImmediatePropagation();this._originalWaitingEvent=t;this._fireWaiting()}_handleEnded(t){if(this._isLooping){t.stopImmediatePropagation();return}this._stopWaiting();this._store.paused.set(true);this._store.playing.set(false);this._store.seeking.set(false);this._store.ended.set(true);this._clearMediaStateTracking()}_handleAutoplayChange(t){this._store.autoplay.set(t.detail)}_handleCurrentSrcChange(t){this._store.currentSrc.set(t.detail);if(this._skipInitialSrcChange){this._skipInitialSrcChange=false;return}this._clearMediaStateTracking();Fs(this._store);this._host.setAttribute("aria-busy","true")}_handleError(t){this._store.error.set(t.detail)}_handleFullscreenSupportChange(t){this._store.canFullscreen.set(t.detail)}_handlePosterChange(t){this._store.poster.set(t.detail)}_handleLoopChange(t){this._store.loop.set(t.detail)}_handlePlaysinlineChange(t){this._store.playsinline.set(t.detail)}_handleControlsChange(t){this._store.controls.set(t.detail)}_handleMediaTypeChange(t){this._store.mediaType.set(t.detail)}_handleDurationChange(t){const s=t.detail;this._store.duration.set(!isNaN(s)?s:0)}_handleProgress(t){const{buffered:s,seekable:i}=t.detail;const e=s.length===0?0:s.end(s.length-1);const r=i.length===0?0:i.end(i.length-1);this._store.buffered.set(s);this._store.bufferedAmount.set(e);this._store.seekable.set(i);this._store.seekableAmount.set(r)}_handleSrcChange(t){this._store.src.set(t.detail)}_handleViewTypeChange(t){this._store.viewType.set(t.detail)}};var gi=class{constructor(t,s,i){this._host=t;this._store=s;this._mediaProps=i;this._disposal=new G;this._host.addController({hostConnected:this._hostConnected.bind(this),hostDisconnected:this._hostDisconnected.bind(this)})}_hostConnected(){ps((()=>{for(const t of this._mediaProps){const s=this._store[t];if(s){const i=this._getMediaAttrName(t);const e=s.subscribe((s=>{window?.requestAnimationFrame((()=>{this._handleValueChange(t,i,s)}))}));this._disposal.add(e)}}}))}_hostDisconnected(){for(const t of this._mediaProps){this._handleDisconnect(t,this._getMediaAttrName(t))}this._disposal.empty()}_getMediaAttrName(t){return bs(t)}};var mi=class extends gi{_handleValueChange(t,s,i){window.requestAnimationFrame((()=>{us(this._host,s,gt(i)||pt(i)?String(i):!!i)}))}_handleDisconnect(t,s){this._host.removeAttribute(s)}};function bi(...t){return new mi(...t)}var _i=class extends gi{_handleValueChange(t,s,i){window.requestAnimationFrame((()=>{this._host.style.setProperty(this._getCssPropName(s),gt(i)||pt(i)?String(i):null)}))}_getCssPropName(t){return`--vds-${t}`}_handleDisconnect(t,s){this._host.style.setProperty(this._getCssPropName(s),null)}};function yi(...t){return new _i(...t)}var zi=Symbol("@vidstack/media-discovery");var wi=class extends hi{constructor(){super();this.controller=new pi(this);this.__mediaFullscreen=false;this.__mediaIsVideoView=false;this.__mediaPlaysinline=false;this.screenOrientationController=new Xt(this);this.fullscreenController=new It(this,this.screenOrientationController);xt(this,"vds-media-connect",{register:zi});qs(this,"fullscreen",(t=>{this.__mediaFullscreen=t}));qs(this,"viewType",(t=>{this.__mediaIsVideoView=t==="video"}));qs(this,"playsinline",(t=>{this.__mediaPlaysinline=t}));this._bindMediaAttributes();this._bindMediaCSSProperties()}static get styles(){return[Hs`:host{display:inline-block;position:relative;contain:content}:host([hidden]){display:none}`]}get provider(){return this.controller.provider}update(t){us(this,"hide-ui",this._shouldHideMediaUI());super.update(t)}render(){return M`<slot></slot>`}get canFullscreen(){return this.fullscreenController.isSupported}get fullscreen(){return this.fullscreenController.isFullscreen}get fullscreenOrientation(){return this.fullscreenController.screenOrientationLock}set fullscreenOrientation(t){const s=this.fullscreenController.screenOrientationLock;if(s!==t){this.fullscreenController.screenOrientationLock=t;this.requestUpdate("fullscreen-orientation",s)}}enterFullscreen(){return this.fullscreenController.enterFullscreen()}exitFullscreen(){return this.fullscreenController.exitFullscreen()}_bindMediaAttributes(){bi(this,this.controller.store,["autoplay","autoplayError","canLoad","canPlay","canFullscreen","ended","error","fullscreen","userIdle","loop","mediaType","muted","paused","playing","playsinline","seeking","started","viewType","waiting"])}_bindMediaCSSProperties(){yi(this,this.controller.store,["bufferedAmount","currentTime","duration","seekableAmount"])}_shouldHideMediaUI(){return St&&this.__mediaIsVideoView&&(!this.__mediaPlaysinline||this.__mediaFullscreen)}};Vs([ui()],wi.prototype,"__mediaFullscreen",2);Vs([ui()],wi.prototype,"__mediaIsVideoView",2);Vs([ui()],wi.prototype,"__mediaPlaysinline",2);Vs([li({attribute:"fullscreen-orientation"})],wi.prototype,"fullscreenOrientation",1);ls("vds-media",wi);var ki=/\.(m4a|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i;var xi=/\.(mp4|og[gv]|webm|mov|m4v|avi)($|\?)/i;function Ei(t){if(ki.test(t))return"audio";if(xi.test(t))return"video";return"unknown"}var Ci=class extends fi{constructor(){super(...arguments);this.preload="metadata";this._timeRAF=void 0;this._hasMediaElementConnected=false;this._mediaElementDisposal=new G;this._isMediaWaiting=false;this._ignoreNextAbortEvent=false;this._ignoreNextEmptiedEvent=false}get mediaElement(){return this._mediaElement}disconnectedCallback(){this._isMediaWaiting=false;super.disconnectedCallback();this._cancelTimeUpdates()}destroy(){if(this.mediaElement){this.mediaElement.pause();this.mediaElement.src="";this.mediaElement.innerHTML="";this.mediaElement.load()}super.destroy()}_cancelTimeUpdates(){if(pt(this._timeRAF))window.cancelAnimationFrame(this._timeRAF);this._timeRAF=void 0}_requestTimeUpdates(){if(!ft(this._timeRAF))return;this._requestTimeUpdate()}_requestTimeUpdate(){const t=this.mediaElement?.currentTime??0;if(this.state.currentTime!==t){this._updateCurrentTime(t)}this._timeRAF=window.requestAnimationFrame((()=>{if(ft(this._timeRAF))return;this._requestTimeUpdate()}))}_updateCurrentTime(t,s){this.dispatchEvent(st("vds-time-update",{detail:{currentTime:Math.min(t,this.mediaElement?.duration??0),played:this.mediaElement.played},triggerEvent:s}))}handleDefaultSlotChange(){this._handleMediaElementDisconnect();this._handleMediaElementConnect()}get _canMediaElementConnect(){return this.canLoad&&!vt(this.mediaElement)&&!this._hasMediaElementConnected}_findSlottedMediaElement(){const t=vs(this)[0];const s=t?.tagName??"";if(!/^(audio|video)$/i.test(s));this._mediaElement=t??void 0}_handleMediaElementConnect(){window.requestAnimationFrame((()=>{this._findSlottedMediaElement();if(!this._canMediaElementConnect)return;const t=this.mediaElement;if(t.hasAttribute("loop")){this.loop=true}t.removeAttribute("loop");t.removeAttribute("poster");us(t,"controls",this.controls);if(!this.state.canFullscreen&&this.fullscreenController.isSupported){this.dispatchEvent(st("vds-fullscreen-support-change",{detail:this.canFullscreen}))}this._attachMediaEventListeners();this._observePlaysinline();this._observeMediaSources();if(this.canLoadPoster&&this.poster.length>0&&t.getAttribute("poster")!==this.poster){t.setAttribute("poster",this.poster)}this._startPreloadingMedia();this._hasMediaElementConnected=true;this._disconnectDisposal.add(this._handleMediaElementDisconnect.bind(this))}))}_handleMediaElementDisconnect(){this._cancelTimeUpdates();window.requestAnimationFrame((()=>{this._mediaElementDisposal.empty();this._mediaElement=void 0}));if(this._hasMediaElementConnected&&false){this._logger?.infoGroup("Media element disconnected").labelledLog("Media Element",this.mediaElement).dispatch()}this._hasMediaElementConnected=false}startLoadingMedia(){super.startLoadingMedia();this._handleMediaElementConnect()}_startPreloadingMedia(){if(this.state.canPlay)return;this.mediaElement.setAttribute("preload",this.preload);const t=this.mediaElement.networkState>=1;this._ignoreNextAbortEvent=t;this._ignoreNextEmptiedEvent=t;this.mediaElement.load();setTimeout((()=>{this._ignoreNextAbortEvent=false;this._ignoreNextEmptiedEvent=false}),0)}_observePlaysinline(){const t=()=>this.mediaElement.hasAttribute("playsinline");this._handlePlaysinlineChange(t());const s=new MutationObserver((()=>this._handlePlaysinlineChange(t())));s.observe(this.mediaElement,{attributeFilter:["playsinline"]});this._mediaElementDisposal.add((()=>s.disconnect()))}_handlePlaysinlineChange(t){this.dispatchEvent(st("vds-playsinline-change",{detail:t}))}_observeMediaSources(){this._handleSrcChange(this._getMediaSources());const t=new MutationObserver((()=>this._handleSrcChange(this._getMediaSources())));t.observe(this.mediaElement,{attributeFilter:["src"],subtree:true});this._mediaElementDisposal.add((()=>t.disconnect()))}_handleSrcChange(t){const s=this.state.src;if(!os(s,t)){this.dispatchEvent(st("vds-src-change",{detail:t}))}}_getMediaSources(){const t=[this.mediaElement?.src,...Array.from(this.mediaElement?.querySelectorAll("source")??[]).map((t=>t.src))].filter(Boolean);return Array.from(new Set(t))}_getMediaMetadata(){return{src:this.state.src,currentSrc:this.mediaElement.currentSrc,duration:this.mediaElement.duration||0,poster:this.mediaElement.poster,mediaType:this._getMediaType(),viewType:this.state.viewType}}_attachMediaEventListeners(){if(vt(this.mediaElement))return;const t={abort:this._handleAbort,canplay:this._handleCanPlay,canplaythrough:this._handleCanPlayThrough,durationchange:this._handleDurationChange,emptied:this._handleEmptied,ended:this._handleEnded,error:this._handleError,loadeddata:this._handleLoadedData,loadedmetadata:this._handleLoadedMetadata,loadstart:this._handleLoadStart,pause:this._handlePause,play:this._handlePlay,playing:this._handlePlaying,progress:this._handleProgress,ratechange:this._handleRateChange,seeked:this._handleSeeked,seeking:this._handleSeeking,stalled:this._handleStalled,suspend:this._handleSuspend,volumechange:this._handleVolumeChange,waiting:this._handleWaiting};Gt(t).forEach((s=>{const i=t[s].bind(this);const e=X(this.mediaElement,s,(async t=>{await i(t)}));this._mediaElementDisposal.add(e)}))}_handleAbort(t){if(this._ignoreNextAbortEvent)return;this.dispatchEvent(st("vds-abort",{triggerEvent:t}));this._handleCurrentSrcChange("",t)}_handleCanPlay(t){this._handleMediaReady({event:t,duration:this.mediaElement.duration})}_handleCanPlayThrough(t){if(this.state.started)return;this.dispatchEvent(st("vds-can-play-through",{triggerEvent:t,detail:{duration:this.mediaElement.duration}}))}_handleLoadStart(t){this._handleCurrentSrcChange(this.mediaElement.currentSrc,t);if(this.mediaElement.currentSrc===""){this._handleAbort();return}this.dispatchEvent(st("vds-load-start",{triggerEvent:t,detail:this._getMediaMetadata()}))}_handleEmptied(t){if(this._ignoreNextEmptiedEvent)return;this.dispatchEvent(st("vds-emptied",{triggerEvent:t}))}_handleLoadedData(t){this.dispatchEvent(st("vds-loaded-data",{triggerEvent:t}))}_handleLoadedMetadata(t){this.dispatchEvent(st("vds-volume-change",{detail:{volume:this.mediaElement.volume,muted:this.mediaElement.muted}}));this.dispatchEvent(st("vds-loaded-metadata",{triggerEvent:t,detail:this._getMediaMetadata()}))}_determineMediaType(t){this.dispatchEvent(st("vds-media-type-change",{detail:this._getMediaType(),triggerEvent:t}))}_handlePlay(t){const s=st("vds-play",{triggerEvent:t});s.autoplay=this._attemptingAutoplay;this.dispatchEvent(s)}_handlePause(t){if(this.mediaElement.readyState===1&&!this._isMediaWaiting){return}this._isMediaWaiting=false;this._cancelTimeUpdates();this.dispatchEvent(st("vds-pause",{triggerEvent:t}))}_handlePlaying(t){this._isMediaWaiting=false;const s=st("vds-playing",{triggerEvent:t});this.dispatchEvent(s);this._requestTimeUpdates()}_handleDurationChange(t){if(this.mediaElement.ended){this._updateCurrentTime(this.mediaElement.duration,t)}this.dispatchEvent(st("vds-duration-change",{detail:this.mediaElement.duration,triggerEvent:t}))}_handleProgress(t){this.dispatchEvent(st("vds-progress",{triggerEvent:t,detail:{buffered:this.mediaElement.buffered,seekable:this.mediaElement.seekable}}))}_handleRateChange(t){throw Error("Not implemented")}_handleSeeking(t){this.dispatchEvent(st("vds-seeking",{detail:this.mediaElement.currentTime,triggerEvent:t}))}_handleSeeked(t){const s=st("vds-seeked",{detail:this.mediaElement.currentTime,triggerEvent:t});this.dispatchEvent(s);const i=this.mediaElement.currentTime;if(Math.trunc(i)===Math.trunc(this.mediaElement.duration)&&Ut(this.mediaElement.duration)>Ut(i)){this._updateCurrentTime(this.mediaElement.duration,t);if(!this.mediaElement.ended){try{this.play()}catch(t){}}}}_handleStalled(t){this.dispatchEvent(st("vds-stalled",{triggerEvent:t}));if(this.mediaElement.readyState<3){this._isMediaWaiting=true;this.dispatchEvent(st("vds-waiting",{triggerEvent:t}))}}_handleVolumeChange(t){this.dispatchEvent(st("vds-volume-change",{detail:{volume:this.mediaElement.volume,muted:this.mediaElement.muted},triggerEvent:t}))}_handleWaiting(t){if(this.mediaElement.readyState<3){this._isMediaWaiting=true;this.dispatchEvent(st("vds-waiting",{triggerEvent:t}))}}_handleSuspend(t){const s=st("vds-suspend",{triggerEvent:t});this.dispatchEvent(s)}_handleEnded(t){this._cancelTimeUpdates();this._updateCurrentTime(this.mediaElement.duration,t);const s=st("vds-end",{triggerEvent:t});this.dispatchEvent(s);if(this.state.loop){this._handleLoop()}else{this.dispatchEvent(st("vds-ended",{triggerEvent:t}))}}_handleLoop(){const t=vt(this.controls);if(t){this.mediaElement.controls=false}this.dispatchEvent(st("vds-loop-request"))}_handleError(t){const s=this.mediaElement.error;if(!s)return;this.dispatchEvent(st("vds-error",{detail:{message:s.message,code:s.code,mediaError:s},triggerEvent:t}))}_getPaused(){return this.mediaElement?.paused??true}_getVolume(){return this.mediaElement?.volume??1}_setVolume(t){this.mediaElement.volume=t}_getCurrentTime(){return this.mediaElement?.currentTime??0}_setCurrentTime(t){if(this.mediaElement.currentTime!==t){this.mediaElement.currentTime=t}}_getMuted(){return this.mediaElement?.muted??false}_setMuted(t){this.mediaElement.muted=t}async play(){try{this._throwIfNotReadyForPlayback();await this._resetPlaybackIfEnded();return this.mediaElement?.play()}catch(t){const s=st("vds-play-fail");s.autoplay=this._attemptingAutoplay;s.error=t;throw t}}async pause(){return this.mediaElement?.pause()}_getMediaType(){return Ei(this.state.currentSrc)}};Vs([li()],Ci.prototype,"preload",2);var Si=class extends Ci{static get styles(){return[Hs`:host{display:inline-block}:host([hidden]){display:none}`]}connectedCallback(){super.connectedCallback();this.dispatchEvent(st("vds-view-type-change",{detail:"audio"}))}};ls("vds-audio",Si);var Mi=Hs`:host{display:table;contain:content;user-select:none;cursor:pointer;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}:host(:focus){outline:0}:host(:focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}:host(.focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}`;var $i=class extends hi{constructor(){super();this.pressed=false;this.disabled=false;this._handleButtonClickCapture=Q(this,"click",(t=>{if(this.disabled){t.preventDefault();t.stopImmediatePropagation()}}),{capture:true});Ht(this);["pointerup","keydown"].forEach((t=>{Q(this,t,(t=>{if(this.disabled||gs(t)&&!ms(t)){return}this._handleButtonClick(t)}))}))}static get styles(){return[Mi]}static get parts(){return[]}connectedCallback(){super.connectedCallback();cs(this,"tabindex","0");cs(this,"role","button");this._updateAriaPressedAttr()}updated(t){if(t.has("pressed")){this._updateAriaPressedAttr()}}_updateAriaPressedAttr(){us(this,"aria-pressed",this.pressed?"true":"false")}render(){return this._renderDefaultSlot()}_renderDefaultSlot(){return M`<slot></slot>`}_handleButtonClick(t){this.pressed=!this.pressed}};Vs([li({type:Boolean})],$i.prototype,"pressed",2);Vs([li({type:Boolean,reflect:true})],$i.prototype,"disabled",2);var Ti=class{constructor(t){if(t){this._target=t;this._createLogger(t);this._requests=Zt(t)}else{this._requests=new Yt}}startLoading(t){this._dispatchRequest("vds-start-loading",{triggerEvent:t})}play(t){this._dispatchRequest("vds-play-request",{triggerEvent:t})}pause(t){this._dispatchRequest("vds-pause-request",{triggerEvent:t})}mute(t){this._dispatchRequest("vds-mute-request",{triggerEvent:t})}unmute(t){this._dispatchRequest("vds-unmute-request",{triggerEvent:t})}enterFullscreen(t,s){this._dispatchRequest("vds-enter-fullscreen-request",{triggerEvent:s,detail:t})}exitFullscreen(t,s){this._dispatchRequest("vds-exit-fullscreen-request",{triggerEvent:s,detail:t})}seeking(t,s){this._dispatchRequest("vds-seeking-request",{detail:t,triggerEvent:s})}seek(t,s){this._dispatchRequest("vds-seek-request",{detail:t,triggerEvent:s})}changeVolume(t,s){this._dispatchRequest("vds-volume-change-request",{detail:t,triggerEvent:s})}resumeUserIdle(t){this._dispatchRequest("vds-resume-user-idle-request",{triggerEvent:t})}pauseUserIdle(t){this._dispatchRequest("vds-pause-user-idle-request",{triggerEvent:t})}showPoster(t){this._dispatchRequest("vds-show-poster-request",{triggerEvent:t})}hidePoster(t){this._dispatchRequest("vds-hide-poster-request",{triggerEvent:t})}setTarget(t){if(this._target===t)return;this._target=t;if(t){this._createLogger(t);this._requests.start()}else{this._requests.stop()}}_dispatchRequest(t,s){this._requests.queue(t,(()=>{const i=st(t,{...s,bubbles:true,composed:true});this._target?.dispatchEvent(i)}))}_createLogger(t){}};var Pi=class extends $i{constructor(){super();this._mediaRemote=new Ti(this);qs(this,"paused",(t=>{this.pressed=!t;us(this,"paused",t)}))}connectedCallback(){super.connectedCallback();cs(this,"aria-label","Play")}_handleButtonClick(t){if(this.disabled)return;if(this.pressed){this._mediaRemote.pause(t)}else{this._mediaRemote.play(t)}}};ls("vds-play-button",Pi);var Fi=class extends $i{constructor(){super();this._mediaRemote=new Ti(this);this._volume=1;this._muted=false;qs(this,"volume",(t=>{this._volume=t;this._handleMutedChange()}));qs(this,"muted",(t=>{this._muted=t;this._handleMutedChange()}))}connectedCallback(){super.connectedCallback();cs(this,"aria-label","Mute")}_handleMutedChange(){const t=this._muted||this._volume===0;this.pressed=t;us(this,"muted",t)}_handleButtonClick(t){if(this.disabled)return;if(this.pressed){this._mediaRemote.unmute(t)}else{this._mediaRemote.mute(t)}}};ls("vds-mute-button",Fi);function Ai(){const t=is(false);const s=is(false);return{value:is(50),pointerValue:is(0),min:is(0),max:is(100),dragging:t,pointing:s,interactive:es([t,s],(([t,s])=>t||s))}}var Di=ot(Ai);var qi=Hs`*{box-sizing:border-box;touch-action:none}:host{display:block;contain:layout;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}:host(:focus){outline:0}:host(:focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}:host(.focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}`;var Oi=(t=>{t[t["Left"]=-1]="Left";t[t["ArrowLeft"]=-1]="ArrowLeft";t[t["Up"]=-1]="Up";t[t["ArrowUp"]=-1]="ArrowUp";t[t["Right"]=1]="Right";t[t["ArrowRight"]=1]="ArrowRight";t[t["Down"]=1]="Down";t[t["ArrowDown"]=1]="ArrowDown";return t})(Oi||{});var Li=class extends hi{constructor(){super();this._sliderStoreProvider=Di.provide(this);this.disabled=false;this.value=50;this._step=1;this._keyboardStep=1;this.shiftKeyMultiplier=5;this.customValueText=false;this._mediaRemote=new Ti(this);this._disconnectDisposal=new G;this._handlePointerEnter=Q(this,"pointerenter",(()=>{if(this.disabled)return;this.setAttribute("pointing","");this.store.pointing.set(true)}));this._handlePointerMove=Q(this,"pointermove",(t=>{if(this.disabled||this.isDragging)return;const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s);this._dispatchPointerValueChange(t)}));this._handlePointerLeave=Q(this,"pointerleave",(()=>{if(this.disabled)return;this.removeAttribute("pointing");this.store.pointing.set(false)}));this._handlePointerDown=Q(this,"pointerdown",(t=>{if(this.disabled)return;this._startDragging(t);this._onDrag(t)}));this._handleKeydown=Q(this,"keydown",(t=>{if(this.disabled)return;const{key:s,shiftKey:i}=t;const e=Object.keys(Oi).includes(s);if(!e)return;const r=!i?this.keyboardStep:this.keyboardStep*this.shiftKeyMultiplier;const n=Number(Oi[s]);const h=r*n;const a=(this.value+h)/this.step;const o=this.step*a;this.value=this._getClampedValue(o);this._dispatchValueChange(t)}));this._handleFillValueChange=Q(this,"vds-slider-value-change",this._updateFillCSSProps.bind(this));this._handlePointerValueChange=Q(this,"vds-slider-pointer-value-change",this._updatePointerCSSProps.bind(this));this._onDrag=ks((t=>{if(this.disabled||!this.isDragging)return;const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s);this._dispatchPointerValueChange(t)}));this._handleDocumentPointerUp=Q(this,"pointerup",(t=>{if(this.disabled||!this.isDragging)return;this._stopDragging(t)}),{target:document});this._handleDocumentTouchMove=Q(this,"touchmove",(t=>{if(this.disabled||!this.isDragging)return;t.preventDefault()}),{target:document,passive:false});this._handleDocumentPointerMove=Q(this,"pointermove",(t=>{if(this.disabled||!this.isDragging)return;this._onDrag(t)}),{target:document});this._lastDispatchedValue=this.value;this._dispatchValueChange=ks((t=>{if(this.value===this._lastDispatchedValue)return;this.dispatchEvent(st("vds-slider-value-change",{detail:this.value,triggerEvent:t}));this._lastDispatchedValue=this.value}));this._lastDispatchedPointerValue=this.pointerValue;this._dispatchPointerValueChange=ks((t=>{if(this.pointerValue===this._lastDispatchedPointerValue)return;const s=["vds-slider-pointer-value-change",this.isDragging&&"vds-slider-drag-value-change"];s.forEach((s=>{if(s){this.dispatchEvent(st(s,{detail:this.pointerValue,triggerEvent:t}))}}));this._lastDispatchedPointerValue=this.pointerValue}));Ht(this)}static get styles(){return[qi]}static get parts(){return[]}get store(){return this._sliderStoreProvider.value}get min(){return rs(this.store.min)}set min(t){this.store.min.set(t)}get max(){return rs(this.store.max)}set max(t){this.store.max.set(t)}get step(){return this._step}set step(t){this._step=t}get keyboardStep(){return this._keyboardStep}set keyboardStep(t){this._keyboardStep=t}get isDragging(){return rs(this.store.dragging)}get fillRate(){const t=this.max-this.min,s=this.value-this.min;return t>0?s/t:0}get fillPercent(){return this.fillRate*100}get pointerValue(){return rs(this.store.pointerValue)}get pointerRate(){const t=this.max-this.min,s=this.pointerValue-this.min;return t>0?s/t:0}get pointerPercent(){return this.pointerRate*100}connectedCallback(){super.connectedCallback();this._setupAriaAttrs();this._updateFillCSSProps();this._updatePointerCSSProps();this._disconnectDisposal.add(this.store.interactive.subscribe((t=>{us(this,"interactive",t)})))}willUpdate(t){if(t.has("value")||t.has("min")||t.has("max")){this.value=this._getClampedValue(this.value);this.store.value.set(this.value);this._updateFillCSSProps();this._dispatchValueChange()}if(t.has("disabled")&&this.disabled){this.store.dragging.set(false);this.store.pointing.set(false);this.removeAttribute("dragging");this.removeAttribute("pointing");this.removeAttribute("interactive");us(this,"aria-disabled",this.disabled)}if(!this.customValueText){this._updateAriaValueAttrs()}super.willUpdate(t)}disconnectedCallback(){this._onDrag.cancel();this._disconnectDisposal.empty();super.disconnectedCallback()}_updateFillCSSProps(){fs(this,"fill-value",`${this.value}`);fs(this,"fill-rate",`${this.fillRate}`);fs(this,"fill-percent",`${this.fillPercent}%`)}_updatePointerCSSProps(){fs(this,"pointer-value",`${this.pointerValue}`);fs(this,"pointer-rate",`${this.pointerRate}`);fs(this,"pointer-percent",`${this.pointerPercent}%`)}render(){return this._renderSlider()}_renderSlider(){return M`${this._renderDefaultSlot()}`}_renderDefaultSlot(){return M`<slot></slot>`}_setupAriaAttrs(){cs(this,"role","slider");cs(this,"tabindex","0");cs(this,"aria-orientation","horizontal");cs(this,"autocomplete","off")}_updateAriaValueAttrs(){this.setAttribute("aria-valuemin",this._getValueMin());this.setAttribute("aria-valuenow",this._getValueNow());this.setAttribute("aria-valuemax",this._getValueMax());this.setAttribute("aria-valuetext",this._getValueText())}_getValueMin(){return String(this.min)}_getValueNow(){return String(this.value)}_getValueMax(){return String(this.max)}_getValueText(){return`${Rt(this.value/this.max*100,2)}%`}_startDragging(t){if(this.isDragging)return;this.store.dragging.set(true);this.setAttribute("dragging","");const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s);this._dispatchPointerValueChange(t);this.dispatchEvent(st("vds-slider-drag-start",{triggerEvent:t,detail:this.value}));this._mediaRemote.pauseUserIdle(t)}_stopDragging(t){if(!this.isDragging)return;this.store.dragging.set(false);this._dispatchValueChange.cancel();this.removeAttribute("dragging");const s=this._getValueBasedOnThumbPosition(t);this.value=s;this.store.pointerValue.set(s);this._dispatchValueChange(t);this._dispatchPointerValueChange(t);this.dispatchEvent(st("vds-slider-drag-end",{triggerEvent:t,detail:this.value}));this._mediaRemote.resumeUserIdle(t)}_getClampedValue(t){return jt(this.min,Rt(t,Ut(this.step)),this.max)}_getValueFromRate(t){const s=jt(0,t,1);const i=this.max-this.min;const e=i*s;const r=Math.round(e/this.step);const n=this.step*r;return this.min+n}_getValueBasedOnThumbPosition(t){const s=t.clientX;const{left:i,width:e}=this.getBoundingClientRect();const r=(s-i)/e;return this._getValueFromRate(r)}};Vs([li({type:Number})],Li.prototype,"min",1);Vs([li({type:Number})],Li.prototype,"max",1);Vs([li({reflect:true,type:Boolean})],Li.prototype,"disabled",2);Vs([li({type:Number})],Li.prototype,"value",2);Vs([li({type:Number})],Li.prototype,"step",1);Vs([li({attribute:"keyboard-step",type:Number})],Li.prototype,"keyboardStep",1);Vs([li({attribute:"shift-key-multiplier",type:Number})],Li.prototype,"shiftKeyMultiplier",2);Vs([li({type:Boolean,attribute:"custom-value-text"})],Li.prototype,"customValueText",2);var Vi=Hs``;var Ni=class extends Li{constructor(){super();this._step=.1;this.value=0;this.valueText="{currentTime} out of {duration}";this.pauseWhileDragging=false;this.seekingRequestThrottle=100;this.__mediaDuration=0;this.__mediaPaused=true;this._handleSliderDragStart=Q(this,"vds-slider-drag-start",(t=>{this._togglePlaybackWhileDragging(t)}));this._handleSliderValueChange=Q(this,"vds-slider-value-change",(t=>{if(gs(t.originEvent)){this._dispatchSeekingRequest.cancel();this._mediaRemote.seek(this.value,t)}}));this._handleSliderDragValueChange=Q(this,"vds-slider-drag-value-change",(t=>{this._dispatchSeekingRequest(t)}));this._handleSliderDragEnd=Q(this,"vds-slider-drag-end",(t=>{this._dispatchSeekingRequest.cancel();this._mediaRemote.seek(this.value,t);this._togglePlaybackWhileDragging(t)}));this._dispatchSeekingRequest=Y((t=>{this._mediaRemote.seeking(this.value,t)}),this.seekingRequestThrottle);this._wasPlayingBeforeDragStart=false;qs(this,"currentTime",(t=>{this.value=t}));qs(this,"duration",(t=>{this.__mediaDuration=t;this.requestUpdate("max")}));qs(this,"paused",(t=>{this.__mediaPaused=t}))}static get styles(){return[super.styles,Vi]}connectedCallback(){super.connectedCallback();cs(this,"aria-label","Media time")}get min(){return 0}set min(t){}get max(){return this.__mediaDuration}set max(t){}update(t){if(t.has("disabled")&&this.disabled){this._dispatchSeekingRequest.cancel()}super.update(t)}disconnectedCallback(){this._dispatchSeekingRequest.cancel();super.disconnectedCallback()}_getValueMin(){return"0%"}_getValueNow(){return`${Math.round(this.fillPercent)}%`}_getValueText(){return this.valueText.replace("{currentTime}",ws(this.value)).replace("{duration}",ws(this.__mediaDuration))}_getValueMax(){return"100%"}_togglePlaybackWhileDragging(t){if(!this.pauseWhileDragging)return;if(this.isDragging&&!this.__mediaPaused){this._wasPlayingBeforeDragStart=true;this._mediaRemote.pause(t)}else if(this._wasPlayingBeforeDragStart&&!this.isDragging&&this.__mediaPaused){this._wasPlayingBeforeDragStart=false;this._mediaRemote.play(t)}}};Vs([li({attribute:false,state:true})],Ni.prototype,"value",2);Vs([li({attribute:false})],Ni.prototype,"min",1);Vs([li({attribute:false})],Ni.prototype,"max",1);Vs([li({attribute:"value-text"})],Ni.prototype,"valueText",2);Vs([li({attribute:"pause-while-dragging",type:Boolean})],Ni.prototype,"pauseWhileDragging",2);Vs([li({attribute:"seeking-request-throttle",type:Number})],Ni.prototype,"seekingRequestThrottle",2);Vs([ui()],Ni.prototype,"__mediaDuration",2);Vs([ui()],Ni.prototype,"__mediaPaused",2);ls("vds-time-slider",Ni);var Ri=class extends Li{constructor(){super();this.value=100;this._handleSliderValueChange=Q(this,"vds-slider-value-change",this._changeVolume.bind(this));this._handleSliderDragValueChange=Q(this,"vds-slider-drag-value-change",this._changeVolume.bind(this));qs(this,"volume",(t=>{this.value=t*100}))}connectedCallback(){super.connectedCallback();cs(this,"aria-label","Media volume")}get min(){return 0}set min(t){}get max(){return 100}set max(t){}_changeVolume(t){const s=t.detail;const i=Rt(s/100,3);this._mediaRemote.changeVolume(i,t)}};Vs([li({attribute:false})],Ri.prototype,"min",1);Vs([li({attribute:false})],Ri.prototype,"max",1);Vs([li({attribute:false,state:true})],Ri.prototype,"value",2);ls("vds-volume-slider",Ri);var ji=class extends hi{constructor(){super(...arguments);this._disposal=new G;this._sliderStoreConsumer=Di.consume(this);this.__value=0;this.type="current";this.showHours=false;this.padHours=false;this.decimalPlaces=2}static get styles(){return[Hs`:host{display:inline-block;contain:content}:host([hidden]){display:none}`]}get _sliderStore(){return this._sliderStoreConsumer.value}connectedCallback(){super.connectedCallback();this._handleTypeChange()}update(t){if(t.has("type")||t.has("format")){this._handleTypeChange()}super.update(t)}disconnectedCallback(){this._disposal.empty();super.disconnectedCallback()}render(){return M`${this._getValueText()}`}_handleTypeChange(){this._disposal.empty();const t=this._sliderStore[this.type==="current"?"value":"pointerValue"];const s=this.format==="percent"?this._createPercentStore(t):t;const i=s.subscribe((t=>{this.__value=t}));this._disposal.add(i)}_createPercentStore(t){return es([t,this._sliderStore.min,this._sliderStore.max],(([t,s,i])=>{const e=i-s;return t/e*100}))}_getValueText(){switch(this.format){case"percent":return this._getPercentFormat();case"time":return this._getTimeFormat();default:return`${this.__value}`}}_getPercentFormat(){return`${Rt(this.__value,this.decimalPlaces)}%`}_getTimeFormat(){return zs(this.__value,this.padHours,this.showHours)}};Vs([ui()],ji.prototype,"__value",2);Vs([li()],ji.prototype,"type",2);Vs([li()],ji.prototype,"format",2);Vs([li({attribute:"show-hours",type:Boolean})],ji.prototype,"showHours",2);Vs([li({attribute:"pad-hours",type:Boolean})],ji.prototype,"padHours",2);Vs([li({attribute:"decimal-places",type:Number})],ji.prototype,"decimalPlaces",2);ls("vds-slider-value-text",ji);var Ui=class extends hi{constructor(){super(...arguments);this._disposal=new G;this._mediaStoreConsumer=Ds.consume(this);this.__seconds=0;this.type="current";this.showHours=false;this.padHours=false;this.remainder=false}static get styles(){return[Hs`:host{display:inline-block;contain:content}:host([hidden]){display:none}`]}get _mediaStore(){return this._mediaStoreConsumer.value}connectedCallback(){super.connectedCallback();this._handleTypeChange()}update(t){if(t.has("type")||t.has("remainder")){this._handleTypeChange()}super.update(t)}disconnectedCallback(){this._disposal.empty();super.disconnectedCallback()}render(){return M`${this._getFormattedTime()}`}_handleTypeChange(){this._disposal.empty();const t=this._getTypeStore();const s=(this.remainder?this._createRemainderStore(t):t).subscribe((t=>{this.__seconds=t}));this._disposal.add(s)}_getTypeStore(){switch(this.type){case"buffered":return this._mediaStore.bufferedAmount;case"seekable":return this._mediaStore.seekableAmount;case"duration":return this._mediaStore.duration;default:return this._mediaStore.currentTime}}_createRemainderStore(t){return es([t,this._mediaStore.duration],(([t,s])=>Math.max(0,s-t)))}_getFormattedTime(){return zs(this.__seconds,this.padHours,this.showHours)}};Vs([ui()],Ui.prototype,"__seconds",2);Vs([li()],Ui.prototype,"type",2);Vs([li({attribute:"show-hours",type:Boolean})],Ui.prototype,"showHours",2);Vs([li({attribute:"pad-hours",type:Boolean})],Ui.prototype,"padHours",2);Vs([li({type:Boolean})],Ui.prototype,"remainder",2);ls("vds-time",Ui);const Ii='.sc-stzh-audio-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-audio-h,[stzh-hidden].sc-stzh-audio-h{display:none}.sc-stzh-audio-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-audio-h *.sc-stzh-audio,.sc-stzh-audio-h *.sc-stzh-audio::before,.sc-stzh-audio-h *.sc-stzh-audio::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-audio-h .has-focus.sc-stzh-audio{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-audio-h .stzh-fylingfocus-focused.sc-stzh-audio{outline-style:none !important}.sc-stzh-audio-h .stzh-fylingfocus-focused.sc-stzh-audio::-moz-focus-inner{border:0 !important}.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript],.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript]{margin:0}.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript],.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript] br,.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{margin-bottom:var(--stzh-space-medium);content:" ";display:block}@media screen and (min-width: 600px){.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript],.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript] br,.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript],.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript] br,.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript],.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript] br,.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-audio.sc-stzh-audio{display:block;contain:none}.stzh-audio__audio.sc-stzh-audio{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-right:var(--stzh-space-xxlarge)}}.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-xxsmall);padding-top:var(--stzh-space-large);position:relative;display:flex;flex-direction:column;background-color:var(--stzh-color-grey20)}@media screen and (min-width: 900px){.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-small)}}.stzh-audio__controls-top.sc-stzh-audio,.stzh-audio__controls-bottom.sc-stzh-audio,.stzh-audio__controls-bottom-left.sc-stzh-audio,.stzh-audio__controls-bottom-right.sc-stzh-audio{display:flex;align-items:center}.stzh-audio__controls-top.sc-stzh-audio{margin-bottom:var(--stzh-space-small)}.stzh-audio__controls-bottom.sc-stzh-audio{display:flex;flex-direction:column;align-items:stretch}@media screen and (min-width: 600px){.stzh-audio__controls-bottom.sc-stzh-audio{flex-direction:row;align-items:center}}.stzh-audio__controls-bottom-left.sc-stzh-audio{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-audio__controls-bottom-left.sc-stzh-audio{flex-grow:1;margin-bottom:0}}.stzh-audio__controls-bottom-right.sc-stzh-audio{align-self:flex-end}.stzh-audio__transcript.sc-stzh-audio{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-large);background-color:var(--stzh-color-grey10)}@media screen and (min-width: 900px){.stzh-audio__transcript.sc-stzh-audio{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-audio__transcript.sc-stzh-audio{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-audio__transcript.sc-stzh-audio{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-audio__transcript.sc-stzh-audio{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-audio__transcript.sc-stzh-audio{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-audio__transcript.sc-stzh-audio{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-audio__transcript.sc-stzh-audio{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-audio__button.sc-stzh-audio{width:2.75rem;height:2.75rem;display:grid;place-items:center;appearance:none;background-color:transparent;border:none;border-radius:var(--stzh-button-border-radius);transition-duration:var(--stzh-base-transition-animation-speed);transition-property:color, background-color;color:var(--stzh-color-primary70)}.stzh-audio__button.is-play.sc-stzh-audio,.stzh-audio__button.is-mute.sc-stzh-audio,.stzh-audio__button.is-transcript.sc-stzh-audio{margin-right:var(--stzh-space-xsmall)}.stzh-audio__button.is-mute.sc-stzh-audio{margin-left:auto}@media screen and (min-width: 600px){.stzh-audio__button.is-mute.sc-stzh-audio{margin-left:0px}}.stzh-audio__button.sc-stzh-audio:hover{color:var(--stzh-color-primary80);background-color:var(--stzh-color-secondary20)}.stzh-audio__loader-overlay.sc-stzh-audio{display:grid;place-items:center;position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;background-color:var(--stzh-color-white);opacity:0;visibility:hidden}.stzh-audio__time.sc-stzh-audio{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-color-grey70);display:inline-flex;margin-right:var(--stzh-space-xlarge)}.stzh-audio__time-separator.sc-stzh-audio{margin:0 var(--stzh-space-xxsmall)}.stzh-audio__slider.sc-stzh-audio{--height:1rem;--thumb-width:1rem;--track-height:0.375rem;cursor:pointer;display:flex;align-items:center;height:var(--height)}.stzh-audio__slider.is-time.sc-stzh-audio{flex-grow:1}.stzh-audio__slider.is-volume.sc-stzh-audio{--track-height:0.25rem;flex-grow:1;min-width:5rem;max-width:7.5rem}@media screen and (min-width: 600px){.stzh-audio__slider.is-volume.sc-stzh-audio{display:flex;margin-right:auto}}.stzh-audio__slider-track.sc-stzh-audio{width:100%;height:var(--track-height);position:absolute;top:50%;left:0;z-index:0;transform:translateY(-50%);background-color:var(--stzh-color-black20op);transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-audio__slider.sc-stzh-audio:hover .stzh-audio__slider-track.sc-stzh-audio{background-color:var(--stzh-color-black30op)}.stzh-audio__slider-track.is-fill.sc-stzh-audio{background-color:var(--stzh-color-secondary40);transform-origin:left center;transform:translateY(-50%);width:calc(var(--vds-fill-rate) * 100%);z-index:1}.stzh-audio__slider.sc-stzh-audio:hover .stzh-audio__slider-track.is-fill.sc-stzh-audio{background-color:var(--stzh-color-secondary50)}.stzh-audio__slider.is-volume.sc-stzh-audio .stzh-audio__slider-track.sc-stzh-audio,.stzh-audio__slider.is-volume.sc-stzh-audio:hover .stzh-audio__slider-track.sc-stzh-audio{background-color:var(--stzh-color-black20op)}.stzh-audio__slider.is-volume.sc-stzh-audio .stzh-audio__slider-track.is-fill.sc-stzh-audio,.stzh-audio__slider.is-volume.sc-stzh-audio:hover .stzh-audio__slider-track.is-fill.sc-stzh-audio{background-color:var(--stzh-color-black50op)}.stzh-audio__slider-thumb-container.sc-stzh-audio{opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);position:absolute;top:0;left:var(--vds-fill-percent);width:var(--thumb-width);height:100%;transform:translateX(-50%);z-index:2}.stzh-audio__slider-thumb-container.is-shown.sc-stzh-audio{opacity:1}.stzh-audio__slider.sc-stzh-audio:hover .stzh-audio__slider-thumb-container.sc-stzh-audio{opacity:1}.stzh-audio__slider[dragging].sc-stzh-audio .stzh-audio__slider-thumb-container.sc-stzh-audio{opacity:1;left:var(--vds-pointer-percent)}.stzh-audio__slider-thumb.sc-stzh-audio{position:absolute;top:50%;left:0;width:var(--thumb-width);height:var(--thumb-width);border-radius:50%;background-color:var(--stzh-color-white);border:0.125rem solid var(--stzh-color-primary70);transform:translateY(-50%)}.stzh-audio__media-preview-container.sc-stzh-audio{--width:2.625rem;--width-half:calc(var(--width) / 2);--top:-1.5rem;--left-clamp:max(var(--width-half), var(--vds-pointer-percent));--right-clamp:calc(100% - var(--width-half));--left:min(var(--left-clamp), var(--right-clamp));display:grid;place-items:center;position:absolute;width:auto;width:--width;top:var(--top);left:var(--left);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);transform:translateX(-50%);z-index:var(--stzh-z-index-popover);border-radius:var(--stzh-tooltip-border-radius);background-color:var(--stzh-color-coolgrey60);color:var(--stzh-color-white)}@supports (filter: var(--stzh-tooltip-drop-shadow)){.stzh-audio__media-preview-container.sc-stzh-audio{box-shadow:none;filter:var(--stzh-tooltip-drop-shadow)}}.stzh-audio__slider.is-time.sc-stzh-audio .stzh-audio__media-preview-container.sc-stzh-audio,.stzh-audio__slider.is-volume.sc-stzh-audio .stzh-audio__media-preview-container.sc-stzh-audio{width:auto;padding:var(--stzh-space-xxsmall)}.stzh-audio__slider[pointing].sc-stzh-audio .stzh-audio__media-preview-container.sc-stzh-audio{opacity:1}.stzh-audio__slider-text.sc-stzh-audio{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-audio[hide-ui].sc-stzh-audio .stzh-audio__controls.sc-stzh-audio{opacity:0;visibility:hidden}.stzh-audio[autoplay-error].sc-stzh-audio .stzh-audio__controls.sc-stzh-audio{opacity:1}.stzh-audio.sc-stzh-audio:not([can-play]) .stzh-audio__loader-overlay.sc-stzh-audio,.stzh-audio[waiting].sc-stzh-audio .stzh-audio__loader-overlay.sc-stzh-audio{opacity:0.8;visibility:visible}.stzh-audio[paused].sc-stzh-audio .stzh-audio__paused.sc-stzh-audio{display:none}.stzh-audio.sc-stzh-audio:not([paused]) .stzh-audio__played.sc-stzh-audio{display:none}.stzh-audio[muted].sc-stzh-audio .stzh-audio__muted.sc-stzh-audio{display:none}.stzh-audio.sc-stzh-audio:not([muted]) .stzh-audio__unmuted.sc-stzh-audio{display:none}';const Bi=Ii;const Hi=class{constructor(i){t(this,i);this.stzhPlay=s(this,"stzhPlay",7);this.stzhPlaying=s(this,"stzhPlaying",7);this.stzhPause=s(this,"stzhPause",7);this.stzhReplay=s(this,"stzhReplay",7);this.stzhEnd=s(this,"stzhEnd",7);this.stzhEnded=s(this,"stzhEnded",7);this.stzhError=s(this,"stzhError",7);this.localization=undefined;this.src="";this.preload="none";this.transcript="";this.transcriptShown=false;this.downloadAnalyticsId=undefined;this.transcriptAnalyticsId=undefined}async play(){this.vsdAudioElement.play()}async pause(){this.vsdAudioElement.pause()}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"audio")}}render(){const t=!!this.transcript||n(this.element,"transcript");const s={"stzh-audio":true};return i(e,{key:"27b8c29b39a206ff2aaba2477168eb975e6e60f4"},i("vds-media",{key:"0a15f9fb2d6d17dd0c1f6409531ec5d0a32d9955",class:s},i("vds-audio",{key:"056001a6d0a434b3fd9456a85a9bb795e0fb687f",class:"stzh-audio__audio",ref:t=>this.vsdAudioElement=t,"onVds-play":()=>{this.stzhPlay.emit({component:"stzh-audio"})},"onVds-playing":()=>{this.stzhPlaying.emit({component:"stzh-audio"})},"onVds-end":()=>{this.stzhEnd.emit({component:"stzh-audio"})},"onVds-ended":()=>{this.stzhEnded.emit({component:"stzh-audio"})},"onVds-replay":()=>{this.stzhReplay.emit({component:"stzh-audio"})},"onVds-error":t=>{this.stzhError.emit({component:"stzh-audio",originalEvent:t})}},i("audio",{key:"248d12af43c5c99faf780eba2500add904cc2de6",preload:this.preload,src:this.src},i("slot",{key:"86e9e2e5f20d52c67aed02fa405155af1cc4544b"}))),i("div",{key:"4ed9c52eddc1d7c1c9ae157e5698e3ed78b572c2",class:"stzh-audio__controls"},i("div",{key:"7167804f74c262b41a29bf4e52c75d39e213cabd",class:"stzh-audio__loader-overlay"},i("stzh-loader",{key:"0ea1a5728a8deb2e07404609ff2b559affb3f9f8",class:"stzh-audio__loader",label:this.localization.loading,"hide-label":true})),i("div",{key:"fdb285745da1d07578e7211a6e8174939d49f978",class:"stzh-audio__controls-top"},i("vds-time-slider",{key:"de43671d8d44f9894b89ebdc30ff795fc5c8d87d",class:"stzh-audio__slider is-time"},i("div",{key:"4e0be9b5fc2553bb2731856537f44fc362e18dda",class:"stzh-audio__slider-track"}),i("div",{key:"0694df1c57b913b691b61387b5d9f6ce9340c438",class:"stzh-audio__slider-track is-fill"}),i("div",{key:"67091a52c24316820c4904f3da81fc54ba348650",class:"stzh-audio__slider-thumb-container"},i("div",{key:"9eb0d0e54db1a3c9b0c235b98df3b3fef7cac2ed",class:"stzh-audio__slider-thumb"})),i("div",{key:"77ebc090a231fdcc0a4a841cf07b50ad78cee4f1",class:"stzh-audio__media-preview-container"},i("vds-slider-value-text",{key:"b62c2bb285fad4ce4e45ff3b69ee54aa77ef36d3",class:"stzh-audio__slider-text",type:"pointer",format:"time"})))),i("div",{key:"96c93056e46de4431132283151d43f5cf92854a6",class:"stzh-audio__controls-bottom"},i("div",{key:"8f2ce03e20fd4afaf52c5036766d99b2f44ccb70",class:"stzh-audio__controls-bottom-left"},i("stzh-tooltip",{key:"4cbdf5abdf0710613512b19d8e3b23d6a379e0b2"},i("vds-play-button",{key:"635ae0dfeddd91f8b20aebd8950bfea4433d76d6",class:"stzh-audio__button is-play"},i("stzh-icon",{key:"879a4da886197b9c83a912af6a8c6abfa1983b5b",class:"stzh-audio__played",name:"play"}),i("stzh-icon",{key:"094b0646941548104b7b8182890aaa13576eac95",class:"stzh-audio__paused",name:"pause"})),i("span",{key:"cb9e8d36e1daa618dda3cc157d2566e16f071959",slot:"content"},i("span",{key:"3ca5461fce2650f8b03b0c6a70236c7edcc0ceeb",class:"stzh-audio__played"},this.localization.play),i("span",{key:"6b0b9ca5a4db30c74b91439b64007dab98706aff",class:"stzh-audio__paused"},this.localization.pause))),i("div",{key:"e3e5b865f7f17101dbdb62e9d7fba0b1e8e7a26f",class:"stzh-audio__time"},i("vds-time",{key:"2f21e2b2d3bc201b9674585f6a5c3846f5b7633f",type:"current"}),i("span",{key:"aa36ddfc042ac6cfabcb8918e1f9f0a0ae2fb7ea",class:"stzh-audio__time-separator"},"/"),i("vds-time",{key:"a7995f88f8e8ccad94db8241931881f40b97396d",type:"duration"})),i("stzh-tooltip",{key:"f6546ba3ec0f7be59ed599aa327d658136c515a9"},i("vds-mute-button",{key:"ba406097c694b786727d5fc012ab543e68ebe358",class:"stzh-audio__button is-mute"},i("stzh-icon",{key:"86f3b3593cbce0ca60abf41142c52f1ff64176c1",class:"stzh-audio__muted",name:"volume-medium"}),i("stzh-icon",{key:"bc26dece09335cefe1c9e94fb29c00b60620c429",class:"stzh-audio__unmuted",name:"silent-mode"})),i("span",{key:"94879f483d9c76c33ec8b31563e3f89f4739eed0",slot:"content"},i("span",{key:"6738e3db61955f19196cb05cbedb2ea8bbd2635b",class:"stzh-audio__muted"},this.localization.mute),i("span",{key:"2bd19afd7d4c95dbaa84d54789736337d852dc80",class:"stzh-audio__unmuted"},this.localization.unmute))),i("vds-volume-slider",{key:"f9b1881c5326461b1779a4d22ffbc43ab34def6c",class:"stzh-audio__slider is-volume"},i("div",{key:"0b67e73238c6ae4958d2be7148fc570de3250c4a",class:"stzh-audio__slider-track"}),i("div",{key:"4e31c9f8050145a7138fa08efeba07ddf054358d",class:"stzh-audio__slider-track is-fill"}),i("div",{key:"22b0d576382aa5a4543147ed72684393368c4f88",class:"stzh-audio__slider-thumb-container is-shown"},i("div",{key:"65ab0ecfbfc2a8a0e89d2c7381c7f7c0272acf5a",class:"stzh-audio__slider-thumb"})),i("div",{key:"1bbc8781ec51d783ba563650433fae022ee3d107",class:"stzh-audio__media-preview-container"},i("vds-slider-value-text",{key:"b17e4dfe31452e4033377d53508ea526c885c765",class:"stzh-audio__slider-text",type:"pointer",format:"percent"})))),i("div",{key:"44a829ff986b8d66709058b33be565caa430d4ef",class:"stzh-audio__controls-bottom-right"},t&&i("stzh-tooltip",{key:"de16e6f4cd7178f7be0c10bb8cf58c49bfa833d1",content:this.transcriptShown?this.localization.hideTranscript:this.localization.showTranscript},i("button",{key:"e746dd06345be41e88e5bd7317f90400a582b65b",class:{"stzh-audio__button is-transcript":true,"is-active":this.transcriptShown},onClick:()=>this.transcriptShown=!this.transcriptShown,"s-object-id":this.transcriptAnalyticsId||(this.transcriptShown?this.localization.hideTranscript:this.localization.showTranscript)},i("stzh-icon",{key:"62a1def91855e4139b5d3e5b1397b205bdf5ac34",name:"transcript"}))),i("stzh-tooltip",{key:"c9dbe8bbf9b5702cf093436137de909446595b19",content:this.localization.download},i("a",{key:"9be41d416a2d925fa9c9c75b6075e53467a3a54a",class:"stzh-audio__button is-download",href:this.src,download:"","s-object-id":this.downloadAnalyticsId||this.localization.download},i("stzh-icon",{key:"4ed61efe1e0da290eec1fa43fe43f948bbf1e662",name:"download"})))))),i("div",{key:"0da58cc17278814d20325fedd47902eb1a607f91",class:"stzh-audio__transcript",hidden:!this.transcriptShown},this.transcript?this.transcript:i("slot",{name:"transcript"}))))}get element(){return r(this)}};Hi.style=Bi;export{Hi as stzh_audio};
-//# sourceMappingURL=p-fe64fe26.entry.js.map
+ */}function ui(t){return li({...t,state:!0})}var ci=Symbol("@vidstack/media-provider-discovery");var fi=class extends hi{constructor(){super();this._disconnectDisposal=new G;this._logger=void 0;this.loading="visible";this._attemptingAutoplay=false;this.controllerQueue=new Yt;this._store=Ts();this._state=as(this._store);this.connectedQueue=Zt(this);this.mediaQueue=new Yt;this.screenOrientationController=new Xt(this);this.fullscreenController=new It(this,this.screenOrientationController);xt(this,"vds-media-provider-connect",{register:ci});const t=Kt(this,{target:this,threshold:0},(s=>{if(!/(visible|lazy)/.test(this.loading)){t.hostDisconnected();return}if(s[0]?.isIntersecting){this.startLoadingMedia();t.hostDisconnected()}}))}connectedCallback(){super.connectedCallback();this._logMediaEvents();window.requestAnimationFrame((()=>{if(ft(this.canLoadPoster)){this.canLoadPoster=true}}))}firstUpdated(t){super.firstUpdated(t);this.dispatchEvent(st("vds-fullscreen-support-change",{detail:this.canFullscreen}));if(this.canLoad||this.loading==="eager"){window?.requestAnimationFrame((()=>{this.startLoadingMedia()}))}else if(this.loading==="idle"){ps((()=>{this.startLoadingMedia()}))}}render(){return M`<slot @slotchange="${this.handleDefaultSlotChange}"></slot>`}disconnectedCallback(){this._updateMediaStoreOnDisconnect(this._store);this.mediaQueue.destroy();this._disconnectDisposal.empty();super.disconnectedCallback();ds((()=>{ds((()=>{if(!this.isConnected)this.destroy()}))}))}_updateMediaStoreOnDisconnect(t){t.paused.set(true);t.playing.set(false);t.seeking.set(false);t.waiting.set(false);t.fullscreen.set(false)}destroy(){if(this.isConnected)this.disconnectedCallback();this.dispatchEvent(st("vds-destroy"))}_logMediaEvents(){}get volume(){return this._getVolume()}set volume(t){this.mediaQueue.queue("volume",(()=>{const s=this.volume;const i=jt(0,t,1);if(s!==i){this._setVolume(i);this.requestUpdate("volume",s)}}))}get paused(){return this._getPaused()}set paused(t){this.mediaQueue.queue("paused",(()=>{if(this.paused===t)return;try{if(!t){this.play()}else{this.pause()}this.requestUpdate("paused",!t)}catch(t){this._logger?.error("paused-change-fail",t)}}))}get currentTime(){return this._getCurrentTime()}set currentTime(t){this.mediaQueue.queue("current-time",(()=>{const s=this.currentTime;if(s!==t){this._setCurrentTime(t);this.requestUpdate("currentTime",s)}}))}get muted(){return this._getMuted()}set muted(t){this.mediaQueue.queue("muted",(()=>{const s=this.muted;if(s!==t){this._setMuted(t);this.requestUpdate("muted",s)}}))}get poster(){return this.state.poster}set poster(t){const s=this.poster;if(s!==t){this.dispatchEvent(st("vds-poster-change",{detail:t}));this.requestUpdate("poster",s)}}get loop(){return this.state.loop}set loop(t){const s=this.loop;if(s!==t){this.dispatchEvent(st("vds-loop-change",{detail:t}));this.requestUpdate("loop",s)}}get controls(){return this.state.controls}set controls(t){const s=this.controls;if(s!==t){this.dispatchEvent(st("vds-controls-change",{detail:t}));this.requestUpdate("controls",s)}}get canLoad(){return this.state.canLoad}startLoadingMedia(){if(this.state.canPlay)return;this.dispatchEvent(st("vds-can-load"))}_throwIfNotReadyForPlayback(){if(!this.state.canPlay){throw Error(`Media is not ready - wait for \`vds-can-play\` event.`)}}async _resetPlaybackIfEnded(){if(!this.state.ended||this.state.currentTime===0)return;return this._setCurrentTime(0)}_throwIfNotVideoView(){if(this.state.viewType!=="video"){throw Error("Player is currently not in a video view.")}}async _handleMediaReady({event:t,duration:s}){if(this.state.canPlay)return;this.dispatchEvent(st("vds-can-play",{triggerEvent:t,detail:{duration:s}}));this.mediaQueue.start();await this._attemptAutoplay()}_handleCurrentSrcChange(t,s){if(this.state.currentSrc===t)return;this.mediaQueue.stop();this.dispatchEvent(st("vds-current-src-change",{detail:t,triggerEvent:s}))}get autoplay(){return this.state.autoplay}set autoplay(t){if(this.autoplay!==t){this.dispatchEvent(st("vds-autoplay-change",{detail:t}));this.requestUpdate("autoplay",!t)}this._attemptAutoplay()}get _canAttemptAutoplay(){return this.state.canPlay&&this.state.autoplay&&!this.state.started}async _attemptAutoplay(){if(!this._canAttemptAutoplay)return;this._attemptingAutoplay=true;try{await this.play();this.dispatchEvent(st("vds-autoplay",{detail:{muted:this.muted}}))}catch(t){this.dispatchEvent(st("vds-autoplay-fail",{detail:{muted:this.muted,error:t}}));this.requestUpdate()}this._attemptingAutoplay=false}get controller(){return this._controller}get logLevel(){return this._controller?.logLevel??"silent"}set logLevel(t){}get idleDelay(){return this._controller?.idleDelay??0}set idleDelay(t){this.controllerQueue.queue("idle-delay",(()=>{this._controller.idleDelay=t}))}attachMediaController(t,s){this._controller=t;this._store=t._store;this._state=t.state;this.controllerQueue.start();s((()=>{this.controllerQueue.destroy();this._store=Ts();this._state=as(this._store);if(this._controller){hs(this._controller._store,this._store);this._updateMediaStoreOnDisconnect(this._controller._store)}this._controller=void 0}))}dispatchEvent(t){if(!this._controller&&t.type.startsWith("vds-")&&t.type!=="vds-destroy"){this.controllerQueue.queue(t.type,(()=>{super.dispatchEvent(t)}));return false}return super.dispatchEvent(t)}store(){return this._store}get state(){return this._state}get canFullscreen(){return this.fullscreenController.isSupported}get fullscreen(){return this.fullscreenController.isFullscreen}get fullscreenOrientation(){return this.fullscreenController.screenOrientationLock}set fullscreenOrientation(t){const s=this.fullscreenController.screenOrientationLock;if(s!==t){this.fullscreenController.screenOrientationLock=t;this.requestUpdate("fullscreen-orientation",s)}}enterFullscreen(){return this.fullscreenController.enterFullscreen()}exitFullscreen(){return this.fullscreenController.exitFullscreen()}};Vs([li({type:Number})],fi.prototype,"volume",1);Vs([li({type:Boolean})],fi.prototype,"paused",1);Vs([li({type:Number})],fi.prototype,"currentTime",1);Vs([li({type:Boolean})],fi.prototype,"muted",1);Vs([li()],fi.prototype,"poster",1);Vs([li({type:Boolean})],fi.prototype,"loop",1);Vs([li({type:Boolean})],fi.prototype,"controls",1);Vs([ui()],fi.prototype,"canLoadPoster",2);Vs([li({attribute:"loading"})],fi.prototype,"loading",2);Vs([li({type:Boolean})],fi.prototype,"autoplay",1);Vs([li({attribute:"log-level"})],fi.prototype,"logLevel",1);Vs([li({attribute:"idle-delay",type:Number})],fi.prototype,"idleDelay",1);Vs([li({attribute:"fullscreen-orientation"})],fi.prototype,"fullscreenOrientation",1);var vi=class{constructor(t,s){this._host=t;this._mediaStore=s;this._idle=false;this._mediaPaused=false;this._idlingPaused=false;this._disposal=new G;this.delay=2e3;t.addController(this)}get paused(){return this._idlingPaused||this._mediaPaused}set paused(t){this._idlingPaused=t;this._handleIdleChange()}hostConnected(){this._disposal.add(this._mediaStore.paused.subscribe((t=>{this._mediaPaused=t;this._handleIdleChange()})));const t=["pointerdown","pointermove","focus","keydown"];t.forEach((t=>{const s=X(this._host,t,this._handleIdleChange.bind(this));this._disposal.add(s)}))}hostDisconnected(){this._disposal.empty();this._stopIdleTimer()}_handleIdleChange(){if(this.paused){this._stopIdleTimer()}else{this._startIdleTimer()}}_startIdleTimer(){this._stopIdleTimer();this._idleTimeout=window.setTimeout((()=>{this._dispatchIdleChange(!this.paused)}),this.delay)}_stopIdleTimer(){window.clearTimeout(this._idleTimeout);this._dispatchIdleChange(false)}_dispatchIdleChange(t){if(this._idle!==t){this._host.dispatchEvent(st("vds-user-idle-change",{detail:t}));this._idle=t}}};var pi=class{constructor(t){this._host=t;this._disconnectDisposal=new G;this.providerQueue=new Yt;this.providerDisposal=new G;this._logController=void 0;this._logger=void 0;this._providerContext=xs.provide(this._host);this._mediaStoreProvider=Ds.provide(this._host);this.state=as(this._store);this._userIdleController=new vi(this._host,this._store);this._handleIdleChange=Q(this._host,"vds-user-idle-change",(t=>{this._store.userIdle.set(t.detail);this._satisfyMediaRequest("userIdle",t)}));this._pendingMediaRequests={loading:[],play:[],pause:[],volume:[],fullscreen:[],seeked:[],seeking:[],userIdle:[]};this._handleStartLoadingRequest=Q(this._host,"vds-start-loading",this._createMediaRequestHandler("loading",(t=>{if(this.state.canLoad)return;this._pendingMediaRequests.loading.push(t);this._provider.startLoadingMedia()})));this._handleMuteRequest=Q(this._host,"vds-mute-request",this._createMediaRequestHandler("muted",(t=>{if(this.state.muted)return;this._pendingMediaRequests.volume.push(t);this.provider.muted=true})));this._handleUnmuteRequest=Q(this._host,"vds-unmute-request",this._createMediaRequestHandler("muted",(t=>{if(!this.state.muted)return;this._pendingMediaRequests.volume.push(t);this.provider.muted=false;if(this.state.volume===0){this._pendingMediaRequests.volume.push(t);this.provider.volume=.25}})));this._handlePlayRequest=Q(this._host,"vds-play-request",this._createMediaRequestHandler("paused",(t=>{if(!this.state.paused)return;this._pendingMediaRequests.play.push(t);this.provider.paused=false})));this._handlePauseRequest=Q(this._host,"vds-pause-request",this._createMediaRequestHandler("paused",(t=>{if(this.state.paused)return;this._pendingMediaRequests.pause.push(t);this.provider.paused=true})));this._isSeekingRequestPending=false;this._handleSeekingRequest=Q(this._host,"vds-seeking-request",this._createMediaRequestHandler("seeking",(t=>{this._stopWaiting();this._pendingMediaRequests.seeking.push(t);this._isSeekingRequestPending=true;this._store.seeking.set(true)})));this._handleSeekRequest=Q(this._host,"vds-seek-request",this._createMediaRequestHandler("seeking",(t=>{if(this.store.ended){this._isReplay=true}this._pendingMediaRequests.seeked.push(t);this._isSeekingRequestPending=false;let s=t.detail;if(this.state.duration-t.detail<.25){s=this.state.duration}this.provider.currentTime=s})));this._handleVolumeChangeRequest=Q(this._host,"vds-volume-change-request",this._createMediaRequestHandler("volume",(t=>{const s=t.detail;if(this.state.volume===s)return;this._pendingMediaRequests.volume.push(t);this.provider.volume=s;if(s>0&&this.state.muted){this._pendingMediaRequests.volume.push(t);this.provider.muted=false}})));this._handleEnterFullscreenRequest=Q(this._host,"vds-enter-fullscreen-request",this._createMediaRequestHandler("fullscreen",(async t=>{if(this.state.fullscreen)return;const s=t.detail??"media";if(s==="media"&&this._host.canFullscreen){this._pendingMediaRequests.fullscreen.push(t);await(this._host.enterFullscreen?.())}else if(this.provider){this._pendingMediaRequests.fullscreen.push(t);await this.provider.enterFullscreen()}})));this._handleExitFullscreenRequest=Q(this._host,"vds-exit-fullscreen-request",this._createMediaRequestHandler("fullscreen",(async t=>{if(!this.state.fullscreen)return;const s=t.detail??"media";if(s==="media"&&this._host.canFullscreen){this._pendingMediaRequests.fullscreen.push(t);await(this._host.exitFullscreen?.())}else if(this.provider){this._pendingMediaRequests.fullscreen.push(t);await this.provider.exitFullscreen()}})));this._handleResumeIdlingRequest=Q(this._host,"vds-resume-user-idle-request",(t=>{if(!this._mediaRequestEventGateway(t))return;this._pendingMediaRequests.userIdle.push(t);this._userIdleController.paused=false}));this._handlePauseIdlingRequest=Q(this._host,"vds-pause-user-idle-request",(t=>{if(!this._mediaRequestEventGateway(t))return;this._pendingMediaRequests.userIdle.push(t);this._userIdleController.paused=true}));this._handleShowPosterRequest=Q(this._host,"vds-show-poster-request",this._createMediaRequestHandler("poster",(()=>{this._provider.canLoadPoster=true})));this._handleHidePosterRequest=Q(this._host,"vds-hide-poster-request",this._createMediaRequestHandler("poster",(()=>{this._provider.canLoadPoster=false})));this._handleLoopRequest=this._createMediaRequestHandler("loop",(()=>{window.requestAnimationFrame((async()=>{try{this._isLooping=true;this._isReplay=true;await this._provider.play()}catch(t){this._isReplay=false;this._isLooping=false}}))}));this._handleFullscreenChange=Q(this._host,"vds-fullscreen-change",(t=>{this._store.fullscreen.set(t.detail);if(t.target!==this._host)return;this._satisfyMediaRequest("fullscreen",t);this._provider?.dispatchEvent(st("vds-fullscreen-change",{detail:t.detail,triggerEvent:t}))}));this._handleFullscreenError=Q(this._host,"vds-fullscreen-error",(t=>{if(t.target!==this._host)return;this._satisfyMediaRequest("fullscreen",t);this._provider?.dispatchEvent(st("vds-fullscreen-error",{detail:t.detail,triggerEvent:t}))}));this._isReplay=false;this._isLooping=false;this._firingWaiting=false;this._mediaEvents=[];this._handleSeeking=Y((t=>{this._mediaEvents.push(t);this._store.seeking.set(true);this._store.currentTime.set(t.detail);this._satisfyMediaRequest("seeking",t)}),150,{leading:true});this._fireWaiting=K((()=>{if(!this._originalWaitingEvent)return;this._firingWaiting=true;const t=st("vds-waiting",this._originalWaitingEvent);this._mediaEvents.push(t);this._store.waiting.set(true);this._store.playing.set(false);this._provider?.dispatchEvent(t);this._originalWaitingEvent=void 0;this._firingWaiting=false}),300);this._skipInitialSrcChange=true;kt(t,ci,((t,s)=>{this.attachMediaProvider(t,s)}));t.addController({hostConnected:()=>{if(!this.state.canPlay){this._host.setAttribute("aria-busy","true")}},hostDisconnected:()=>{this._clearMediaStateTracking();this._clearPendingMediaRequests();this.providerQueue.destroy();this.providerDisposal.empty();this._skipInitialSrcChange=true;this._disconnectDisposal.empty()}})}get logLevel(){return this._logController?.logLevel??"silent"}set logLevel(t){}get provider(){return this._provider}attachMediaProvider(t,s){if(!vt(this.provider)||this.provider===t)return;this._handleMediaProviderDisconnect();this._provider=t;this._providerContext.value.set(t);hs(this._provider._store,this._store);this._attachMediaEventListeners();t.attachMediaController(this,(t=>this._disconnectDisposal.add(t)));this._flushMediaProviderConnectedQueue();s(this._handleMediaProviderDisconnect.bind(this))}_handleMediaProviderDisconnect(){if(vt(this.provider))return;this._stopWaiting();this.providerQueue.destroy();this.providerDisposal.empty();this._provider=void 0;this._providerContext.value.set(void 0);As(this._store);this._store.viewType.set("unknown")}_flushMediaProviderConnectedQueue(){this.providerQueue.start();this.providerDisposal.add((()=>{this.providerQueue.stop()}))}get store(){return this._mediaStoreProvider.value}get _store(){return this._mediaStoreProvider.value}get idleDelay(){return this._userIdleController.delay}set idleDelay(t){this._userIdleController.delay=t}_clearPendingMediaRequests(){Gt(this._pendingMediaRequests).forEach((t=>{this._pendingMediaRequests[t]=[]}))}_satisfyMediaRequest(t,s){const i=this._pendingMediaRequests[t].shift();if(i){s.requestEvent=i;et(s,i)}}_mediaRequestEventGateway(t){t.stopPropagation();return true}_createMediaRequestHandler(t,s){return i=>{if(!this._mediaRequestEventGateway(i))return;if(this._provider){s(i);return}this.providerQueue.queue(t,(()=>{s(i)}))}}_attachMediaEventListeners(){if(!this._provider)return;const t={"vds-can-load":this._handleCanLoad,"vds-load-start":this._handleLoadStart,"vds-loaded-data":this._handleLoadedData,"vds-loaded-metadata":this._handleLoadedMetadata,"vds-can-play":this._handleCanPlay,"vds-can-play-through":this._handleCanPlayThrough,"vds-current-src-change":this._handleCurrentSrcChange,"vds-autoplay":this._handleAutoplay,"vds-autoplay-fail":this._handleAutoplayFail,"vds-loop-request":this._handleLoopRequest,"vds-play":this._handlePlay,"vds-play-fail":this._handlePlayFail,"vds-playing":this._handlePlaying,"vds-pause":this._handlePause,"vds-time-update":this._handleTimeUpdate,"vds-volume-change":this._handleVolumeChange,"vds-seeking":this._handleSeeking,"vds-seeked":this._handleSeeked,"vds-waiting":this._handleWaiting,"vds-ended":this._handleEnded,"vds-autoplay-change":this._handleAutoplayChange,"vds-error":this._handleError,"vds-fullscreen-support-change":this._handleFullscreenSupportChange,"vds-poster-change":this._handlePosterChange,"vds-loop-change":this._handleLoopChange,"vds-playsinline-change":this._handlePlaysinlineChange,"vds-controls-change":this._handleControlsChange,"vds-media-type-change":this._handleMediaTypeChange,"vds-view-type-change":this._handleViewTypeChange,"vds-duration-change":this._handleDurationChange,"vds-progress":this._handleProgress,"vds-src-change":this._handleSrcChange};for(const s of Gt(t)){const i=t[s].bind(this);this.providerDisposal.add(X(this._provider,s,i))}}_clearMediaStateTracking(){this._isReplay=false;this._isLooping=false;this._firingWaiting=false;this._originalWaitingEvent=void 0;this._mediaEvents=[]}_findLastMediaEvent(t){return this._mediaEvents[this._mediaEvents.map((t=>t.type)).lastIndexOf(t)]}_handleCanLoad(t){this._store.canLoad.set(true);this._mediaEvents.push(t);this._satisfyMediaRequest("loading",t)}_updateMetadata(t){this._store.currentSrc.set(t.currentSrc);this._store.mediaType.set(t.mediaType);this._store.viewType.set(t.viewType)}_handleLoadStart(t){this._updateMetadata(t.detail);this._mediaEvents.push(t);et(t,this._findLastMediaEvent("vds-src-change"));et(t,this._findLastMediaEvent("vds-can-load"))}_handleLoadedData(t){this._mediaEvents.push(t);et(t,this._findLastMediaEvent("vds-load-start"))}_handleLoadedMetadata(t){this._updateMetadata(t.detail);this._mediaEvents.push(t);et(t,this._findLastMediaEvent("vds-load-start"))}_handleCanPlay(t){this._mediaEvents.push(t);if(t.triggerEvent?.type!=="loadedmetadata"){et(t,this._findLastMediaEvent("vds-loaded-metadata"))}this._store.canPlay.set(true);this._store.duration.set(t.detail.duration);this._host.setAttribute("aria-busy","false")}_handleCanPlayThrough(t){this._store.canPlay.set(true);this._store.duration.set(t.detail.duration);et(t,this._findLastMediaEvent("vds-can-play"))}_handleAutoplay(t){this._mediaEvents.push(t);et(t,this._findLastMediaEvent("vds-play"));et(t,this._findLastMediaEvent("vds-can-play"));this._store.autoplayError.set(void 0)}_handleAutoplayFail(t){et(t,this._findLastMediaEvent("vds-play-fail"));et(t,this._findLastMediaEvent("vds-can-play"));this._store.autoplayError.set(t.detail);this._clearMediaStateTracking()}_handlePlay(t){if(this._isLooping||!this.state.paused){t.stopImmediatePropagation();return}this._mediaEvents.push(t);et(t,this._findLastMediaEvent("vds-waiting"));this._satisfyMediaRequest("play",t);this._store.paused.set(false);this._store.autoplayError.set(void 0);if(this.state.ended||this._isReplay){this._isReplay=false;this._store.ended.set(false);const s=st("vds-replay",{triggerEvent:t});this._provider?.dispatchEvent(s)}}_handlePlayFail(t){this._mediaEvents.push(t);this._stopWaiting();et(t,this._findLastMediaEvent("vds-play"));this._store.paused.set(true);this._store.playing.set(false);this._satisfyMediaRequest("play",t);this._clearMediaStateTracking()}_handlePlaying(t){this._mediaEvents.push(t);const s=this._findLastMediaEvent("vds-play");if(s){et(t,this._findLastMediaEvent("vds-waiting"));et(t,s)}else{et(t,this._findLastMediaEvent("vds-seeked"))}this._stopWaiting();this._clearMediaStateTracking();this._store.paused.set(false);this._store.playing.set(true);this._store.seeking.set(false);this._store.ended.set(false);if(this._isLooping){t.stopImmediatePropagation();this._isLooping=false;return}if(!this.state.started){this._store.started.set(true);this._provider?.dispatchEvent(st("vds-started",{triggerEvent:t}))}}_handlePause(t){if(this._isLooping){t.stopImmediatePropagation();return}et(t,this._findLastMediaEvent("vds-seeked"));this._satisfyMediaRequest("pause",t);this._store.paused.set(true);this._store.playing.set(false);this._store.seeking.set(false);this._stopWaiting();this._clearMediaStateTracking()}_handleTimeUpdate(t){const{currentTime:s,played:i}=t.detail;this._store.currentTime.set(s);this._store.played.set(i);this._store.waiting.set(false)}_handleVolumeChange(t){this._store.volume.set(t.detail.volume);this._store.muted.set(t.detail.muted||t.detail.volume===0);this._satisfyMediaRequest("volume",t)}_handleSeeked(t){if(this._isSeekingRequestPending){this._store.seeking.set(true);t.stopImmediatePropagation()}else if(this.state.seeking){this._mediaEvents.push(t);et(t,this._findLastMediaEvent("vds-waiting"));et(t,this._findLastMediaEvent("vds-seeking"));if(this.state.paused){this._stopWaiting()}this._store.seeking.set(false);if(t.detail!==this.state.duration){this._store.ended.set(false)}this._store.currentTime.set(t.detail);this._satisfyMediaRequest("seeked",t)}}_stopWaiting(){this._fireWaiting.cancel();this._store.waiting.set(false)}_handleWaiting(t){if(this._firingWaiting)return;t.stopImmediatePropagation();this._originalWaitingEvent=t;this._fireWaiting()}_handleEnded(t){if(this._isLooping){t.stopImmediatePropagation();return}this._stopWaiting();this._store.paused.set(true);this._store.playing.set(false);this._store.seeking.set(false);this._store.ended.set(true);this._clearMediaStateTracking()}_handleAutoplayChange(t){this._store.autoplay.set(t.detail)}_handleCurrentSrcChange(t){this._store.currentSrc.set(t.detail);if(this._skipInitialSrcChange){this._skipInitialSrcChange=false;return}this._clearMediaStateTracking();Fs(this._store);this._host.setAttribute("aria-busy","true")}_handleError(t){this._store.error.set(t.detail)}_handleFullscreenSupportChange(t){this._store.canFullscreen.set(t.detail)}_handlePosterChange(t){this._store.poster.set(t.detail)}_handleLoopChange(t){this._store.loop.set(t.detail)}_handlePlaysinlineChange(t){this._store.playsinline.set(t.detail)}_handleControlsChange(t){this._store.controls.set(t.detail)}_handleMediaTypeChange(t){this._store.mediaType.set(t.detail)}_handleDurationChange(t){const s=t.detail;this._store.duration.set(!isNaN(s)?s:0)}_handleProgress(t){const{buffered:s,seekable:i}=t.detail;const e=s.length===0?0:s.end(s.length-1);const r=i.length===0?0:i.end(i.length-1);this._store.buffered.set(s);this._store.bufferedAmount.set(e);this._store.seekable.set(i);this._store.seekableAmount.set(r)}_handleSrcChange(t){this._store.src.set(t.detail)}_handleViewTypeChange(t){this._store.viewType.set(t.detail)}};var gi=class{constructor(t,s,i){this._host=t;this._store=s;this._mediaProps=i;this._disposal=new G;this._host.addController({hostConnected:this._hostConnected.bind(this),hostDisconnected:this._hostDisconnected.bind(this)})}_hostConnected(){ps((()=>{for(const t of this._mediaProps){const s=this._store[t];if(s){const i=this._getMediaAttrName(t);const e=s.subscribe((s=>{window?.requestAnimationFrame((()=>{this._handleValueChange(t,i,s)}))}));this._disposal.add(e)}}}))}_hostDisconnected(){for(const t of this._mediaProps){this._handleDisconnect(t,this._getMediaAttrName(t))}this._disposal.empty()}_getMediaAttrName(t){return bs(t)}};var mi=class extends gi{_handleValueChange(t,s,i){window.requestAnimationFrame((()=>{us(this._host,s,gt(i)||pt(i)?String(i):!!i)}))}_handleDisconnect(t,s){this._host.removeAttribute(s)}};function bi(...t){return new mi(...t)}var _i=class extends gi{_handleValueChange(t,s,i){window.requestAnimationFrame((()=>{this._host.style.setProperty(this._getCssPropName(s),gt(i)||pt(i)?String(i):null)}))}_getCssPropName(t){return`--vds-${t}`}_handleDisconnect(t,s){this._host.style.setProperty(this._getCssPropName(s),null)}};function yi(...t){return new _i(...t)}var zi=Symbol("@vidstack/media-discovery");var wi=class extends hi{constructor(){super();this.controller=new pi(this);this.__mediaFullscreen=false;this.__mediaIsVideoView=false;this.__mediaPlaysinline=false;this.screenOrientationController=new Xt(this);this.fullscreenController=new It(this,this.screenOrientationController);xt(this,"vds-media-connect",{register:zi});qs(this,"fullscreen",(t=>{this.__mediaFullscreen=t}));qs(this,"viewType",(t=>{this.__mediaIsVideoView=t==="video"}));qs(this,"playsinline",(t=>{this.__mediaPlaysinline=t}));this._bindMediaAttributes();this._bindMediaCSSProperties()}static get styles(){return[Hs`:host{display:inline-block;position:relative;contain:content}:host([hidden]){display:none}`]}get provider(){return this.controller.provider}update(t){us(this,"hide-ui",this._shouldHideMediaUI());super.update(t)}render(){return M`<slot></slot>`}get canFullscreen(){return this.fullscreenController.isSupported}get fullscreen(){return this.fullscreenController.isFullscreen}get fullscreenOrientation(){return this.fullscreenController.screenOrientationLock}set fullscreenOrientation(t){const s=this.fullscreenController.screenOrientationLock;if(s!==t){this.fullscreenController.screenOrientationLock=t;this.requestUpdate("fullscreen-orientation",s)}}enterFullscreen(){return this.fullscreenController.enterFullscreen()}exitFullscreen(){return this.fullscreenController.exitFullscreen()}_bindMediaAttributes(){bi(this,this.controller.store,["autoplay","autoplayError","canLoad","canPlay","canFullscreen","ended","error","fullscreen","userIdle","loop","mediaType","muted","paused","playing","playsinline","seeking","started","viewType","waiting"])}_bindMediaCSSProperties(){yi(this,this.controller.store,["bufferedAmount","currentTime","duration","seekableAmount"])}_shouldHideMediaUI(){return St&&this.__mediaIsVideoView&&(!this.__mediaPlaysinline||this.__mediaFullscreen)}};Vs([ui()],wi.prototype,"__mediaFullscreen",2);Vs([ui()],wi.prototype,"__mediaIsVideoView",2);Vs([ui()],wi.prototype,"__mediaPlaysinline",2);Vs([li({attribute:"fullscreen-orientation"})],wi.prototype,"fullscreenOrientation",1);ls("vds-media",wi);var ki=/\.(m4a|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i;var xi=/\.(mp4|og[gv]|webm|mov|m4v|avi)($|\?)/i;function Ei(t){if(ki.test(t))return"audio";if(xi.test(t))return"video";return"unknown"}var Ci=class extends fi{constructor(){super(...arguments);this.preload="metadata";this._timeRAF=void 0;this._hasMediaElementConnected=false;this._mediaElementDisposal=new G;this._isMediaWaiting=false;this._ignoreNextAbortEvent=false;this._ignoreNextEmptiedEvent=false}get mediaElement(){return this._mediaElement}disconnectedCallback(){this._isMediaWaiting=false;super.disconnectedCallback();this._cancelTimeUpdates()}destroy(){if(this.mediaElement){this.mediaElement.pause();this.mediaElement.src="";this.mediaElement.innerHTML="";this.mediaElement.load()}super.destroy()}_cancelTimeUpdates(){if(pt(this._timeRAF))window.cancelAnimationFrame(this._timeRAF);this._timeRAF=void 0}_requestTimeUpdates(){if(!ft(this._timeRAF))return;this._requestTimeUpdate()}_requestTimeUpdate(){const t=this.mediaElement?.currentTime??0;if(this.state.currentTime!==t){this._updateCurrentTime(t)}this._timeRAF=window.requestAnimationFrame((()=>{if(ft(this._timeRAF))return;this._requestTimeUpdate()}))}_updateCurrentTime(t,s){this.dispatchEvent(st("vds-time-update",{detail:{currentTime:Math.min(t,this.mediaElement?.duration??0),played:this.mediaElement.played},triggerEvent:s}))}handleDefaultSlotChange(){this._handleMediaElementDisconnect();this._handleMediaElementConnect()}get _canMediaElementConnect(){return this.canLoad&&!vt(this.mediaElement)&&!this._hasMediaElementConnected}_findSlottedMediaElement(){const t=vs(this)[0];const s=t?.tagName??"";if(!/^(audio|video)$/i.test(s));this._mediaElement=t??void 0}_handleMediaElementConnect(){window.requestAnimationFrame((()=>{this._findSlottedMediaElement();if(!this._canMediaElementConnect)return;const t=this.mediaElement;if(t.hasAttribute("loop")){this.loop=true}t.removeAttribute("loop");t.removeAttribute("poster");us(t,"controls",this.controls);if(!this.state.canFullscreen&&this.fullscreenController.isSupported){this.dispatchEvent(st("vds-fullscreen-support-change",{detail:this.canFullscreen}))}this._attachMediaEventListeners();this._observePlaysinline();this._observeMediaSources();if(this.canLoadPoster&&this.poster.length>0&&t.getAttribute("poster")!==this.poster){t.setAttribute("poster",this.poster)}this._startPreloadingMedia();this._hasMediaElementConnected=true;this._disconnectDisposal.add(this._handleMediaElementDisconnect.bind(this))}))}_handleMediaElementDisconnect(){this._cancelTimeUpdates();window.requestAnimationFrame((()=>{this._mediaElementDisposal.empty();this._mediaElement=void 0}));if(this._hasMediaElementConnected&&false){this._logger?.infoGroup("Media element disconnected").labelledLog("Media Element",this.mediaElement).dispatch()}this._hasMediaElementConnected=false}startLoadingMedia(){super.startLoadingMedia();this._handleMediaElementConnect()}_startPreloadingMedia(){if(this.state.canPlay)return;this.mediaElement.setAttribute("preload",this.preload);const t=this.mediaElement.networkState>=1;this._ignoreNextAbortEvent=t;this._ignoreNextEmptiedEvent=t;this.mediaElement.load();setTimeout((()=>{this._ignoreNextAbortEvent=false;this._ignoreNextEmptiedEvent=false}),0)}_observePlaysinline(){const t=()=>this.mediaElement.hasAttribute("playsinline");this._handlePlaysinlineChange(t());const s=new MutationObserver((()=>this._handlePlaysinlineChange(t())));s.observe(this.mediaElement,{attributeFilter:["playsinline"]});this._mediaElementDisposal.add((()=>s.disconnect()))}_handlePlaysinlineChange(t){this.dispatchEvent(st("vds-playsinline-change",{detail:t}))}_observeMediaSources(){this._handleSrcChange(this._getMediaSources());const t=new MutationObserver((()=>this._handleSrcChange(this._getMediaSources())));t.observe(this.mediaElement,{attributeFilter:["src"],subtree:true});this._mediaElementDisposal.add((()=>t.disconnect()))}_handleSrcChange(t){const s=this.state.src;if(!os(s,t)){this.dispatchEvent(st("vds-src-change",{detail:t}))}}_getMediaSources(){const t=[this.mediaElement?.src,...Array.from(this.mediaElement?.querySelectorAll("source")??[]).map((t=>t.src))].filter(Boolean);return Array.from(new Set(t))}_getMediaMetadata(){return{src:this.state.src,currentSrc:this.mediaElement.currentSrc,duration:this.mediaElement.duration||0,poster:this.mediaElement.poster,mediaType:this._getMediaType(),viewType:this.state.viewType}}_attachMediaEventListeners(){if(vt(this.mediaElement))return;const t={abort:this._handleAbort,canplay:this._handleCanPlay,canplaythrough:this._handleCanPlayThrough,durationchange:this._handleDurationChange,emptied:this._handleEmptied,ended:this._handleEnded,error:this._handleError,loadeddata:this._handleLoadedData,loadedmetadata:this._handleLoadedMetadata,loadstart:this._handleLoadStart,pause:this._handlePause,play:this._handlePlay,playing:this._handlePlaying,progress:this._handleProgress,ratechange:this._handleRateChange,seeked:this._handleSeeked,seeking:this._handleSeeking,stalled:this._handleStalled,suspend:this._handleSuspend,volumechange:this._handleVolumeChange,waiting:this._handleWaiting};Gt(t).forEach((s=>{const i=t[s].bind(this);const e=X(this.mediaElement,s,(async t=>{await i(t)}));this._mediaElementDisposal.add(e)}))}_handleAbort(t){if(this._ignoreNextAbortEvent)return;this.dispatchEvent(st("vds-abort",{triggerEvent:t}));this._handleCurrentSrcChange("",t)}_handleCanPlay(t){this._handleMediaReady({event:t,duration:this.mediaElement.duration})}_handleCanPlayThrough(t){if(this.state.started)return;this.dispatchEvent(st("vds-can-play-through",{triggerEvent:t,detail:{duration:this.mediaElement.duration}}))}_handleLoadStart(t){this._handleCurrentSrcChange(this.mediaElement.currentSrc,t);if(this.mediaElement.currentSrc===""){this._handleAbort();return}this.dispatchEvent(st("vds-load-start",{triggerEvent:t,detail:this._getMediaMetadata()}))}_handleEmptied(t){if(this._ignoreNextEmptiedEvent)return;this.dispatchEvent(st("vds-emptied",{triggerEvent:t}))}_handleLoadedData(t){this.dispatchEvent(st("vds-loaded-data",{triggerEvent:t}))}_handleLoadedMetadata(t){this.dispatchEvent(st("vds-volume-change",{detail:{volume:this.mediaElement.volume,muted:this.mediaElement.muted}}));this.dispatchEvent(st("vds-loaded-metadata",{triggerEvent:t,detail:this._getMediaMetadata()}))}_determineMediaType(t){this.dispatchEvent(st("vds-media-type-change",{detail:this._getMediaType(),triggerEvent:t}))}_handlePlay(t){const s=st("vds-play",{triggerEvent:t});s.autoplay=this._attemptingAutoplay;this.dispatchEvent(s)}_handlePause(t){if(this.mediaElement.readyState===1&&!this._isMediaWaiting){return}this._isMediaWaiting=false;this._cancelTimeUpdates();this.dispatchEvent(st("vds-pause",{triggerEvent:t}))}_handlePlaying(t){this._isMediaWaiting=false;const s=st("vds-playing",{triggerEvent:t});this.dispatchEvent(s);this._requestTimeUpdates()}_handleDurationChange(t){if(this.mediaElement.ended){this._updateCurrentTime(this.mediaElement.duration,t)}this.dispatchEvent(st("vds-duration-change",{detail:this.mediaElement.duration,triggerEvent:t}))}_handleProgress(t){this.dispatchEvent(st("vds-progress",{triggerEvent:t,detail:{buffered:this.mediaElement.buffered,seekable:this.mediaElement.seekable}}))}_handleRateChange(t){throw Error("Not implemented")}_handleSeeking(t){this.dispatchEvent(st("vds-seeking",{detail:this.mediaElement.currentTime,triggerEvent:t}))}_handleSeeked(t){const s=st("vds-seeked",{detail:this.mediaElement.currentTime,triggerEvent:t});this.dispatchEvent(s);const i=this.mediaElement.currentTime;if(Math.trunc(i)===Math.trunc(this.mediaElement.duration)&&Ut(this.mediaElement.duration)>Ut(i)){this._updateCurrentTime(this.mediaElement.duration,t);if(!this.mediaElement.ended){try{this.play()}catch(t){}}}}_handleStalled(t){this.dispatchEvent(st("vds-stalled",{triggerEvent:t}));if(this.mediaElement.readyState<3){this._isMediaWaiting=true;this.dispatchEvent(st("vds-waiting",{triggerEvent:t}))}}_handleVolumeChange(t){this.dispatchEvent(st("vds-volume-change",{detail:{volume:this.mediaElement.volume,muted:this.mediaElement.muted},triggerEvent:t}))}_handleWaiting(t){if(this.mediaElement.readyState<3){this._isMediaWaiting=true;this.dispatchEvent(st("vds-waiting",{triggerEvent:t}))}}_handleSuspend(t){const s=st("vds-suspend",{triggerEvent:t});this.dispatchEvent(s)}_handleEnded(t){this._cancelTimeUpdates();this._updateCurrentTime(this.mediaElement.duration,t);const s=st("vds-end",{triggerEvent:t});this.dispatchEvent(s);if(this.state.loop){this._handleLoop()}else{this.dispatchEvent(st("vds-ended",{triggerEvent:t}))}}_handleLoop(){const t=vt(this.controls);if(t){this.mediaElement.controls=false}this.dispatchEvent(st("vds-loop-request"))}_handleError(t){const s=this.mediaElement.error;if(!s)return;this.dispatchEvent(st("vds-error",{detail:{message:s.message,code:s.code,mediaError:s},triggerEvent:t}))}_getPaused(){return this.mediaElement?.paused??true}_getVolume(){return this.mediaElement?.volume??1}_setVolume(t){this.mediaElement.volume=t}_getCurrentTime(){return this.mediaElement?.currentTime??0}_setCurrentTime(t){if(this.mediaElement.currentTime!==t){this.mediaElement.currentTime=t}}_getMuted(){return this.mediaElement?.muted??false}_setMuted(t){this.mediaElement.muted=t}async play(){try{this._throwIfNotReadyForPlayback();await this._resetPlaybackIfEnded();return this.mediaElement?.play()}catch(t){const s=st("vds-play-fail");s.autoplay=this._attemptingAutoplay;s.error=t;throw t}}async pause(){return this.mediaElement?.pause()}_getMediaType(){return Ei(this.state.currentSrc)}};Vs([li()],Ci.prototype,"preload",2);var Si=class extends Ci{static get styles(){return[Hs`:host{display:inline-block}:host([hidden]){display:none}`]}connectedCallback(){super.connectedCallback();this.dispatchEvent(st("vds-view-type-change",{detail:"audio"}))}};ls("vds-audio",Si);var Mi=Hs`:host{display:table;contain:content;user-select:none;cursor:pointer;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}:host(:focus){outline:0}:host(:focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}:host(.focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}`;var $i=class extends hi{constructor(){super();this.pressed=false;this.disabled=false;this._handleButtonClickCapture=Q(this,"click",(t=>{if(this.disabled){t.preventDefault();t.stopImmediatePropagation()}}),{capture:true});Ht(this);["pointerup","keydown"].forEach((t=>{Q(this,t,(t=>{if(this.disabled||gs(t)&&!ms(t)){return}this._handleButtonClick(t)}))}))}static get styles(){return[Mi]}static get parts(){return[]}connectedCallback(){super.connectedCallback();cs(this,"tabindex","0");cs(this,"role","button");this._updateAriaPressedAttr()}updated(t){if(t.has("pressed")){this._updateAriaPressedAttr()}}_updateAriaPressedAttr(){us(this,"aria-pressed",this.pressed?"true":"false")}render(){return this._renderDefaultSlot()}_renderDefaultSlot(){return M`<slot></slot>`}_handleButtonClick(t){this.pressed=!this.pressed}};Vs([li({type:Boolean})],$i.prototype,"pressed",2);Vs([li({type:Boolean,reflect:true})],$i.prototype,"disabled",2);var Ti=class{constructor(t){if(t){this._target=t;this._createLogger(t);this._requests=Zt(t)}else{this._requests=new Yt}}startLoading(t){this._dispatchRequest("vds-start-loading",{triggerEvent:t})}play(t){this._dispatchRequest("vds-play-request",{triggerEvent:t})}pause(t){this._dispatchRequest("vds-pause-request",{triggerEvent:t})}mute(t){this._dispatchRequest("vds-mute-request",{triggerEvent:t})}unmute(t){this._dispatchRequest("vds-unmute-request",{triggerEvent:t})}enterFullscreen(t,s){this._dispatchRequest("vds-enter-fullscreen-request",{triggerEvent:s,detail:t})}exitFullscreen(t,s){this._dispatchRequest("vds-exit-fullscreen-request",{triggerEvent:s,detail:t})}seeking(t,s){this._dispatchRequest("vds-seeking-request",{detail:t,triggerEvent:s})}seek(t,s){this._dispatchRequest("vds-seek-request",{detail:t,triggerEvent:s})}changeVolume(t,s){this._dispatchRequest("vds-volume-change-request",{detail:t,triggerEvent:s})}resumeUserIdle(t){this._dispatchRequest("vds-resume-user-idle-request",{triggerEvent:t})}pauseUserIdle(t){this._dispatchRequest("vds-pause-user-idle-request",{triggerEvent:t})}showPoster(t){this._dispatchRequest("vds-show-poster-request",{triggerEvent:t})}hidePoster(t){this._dispatchRequest("vds-hide-poster-request",{triggerEvent:t})}setTarget(t){if(this._target===t)return;this._target=t;if(t){this._createLogger(t);this._requests.start()}else{this._requests.stop()}}_dispatchRequest(t,s){this._requests.queue(t,(()=>{const i=st(t,{...s,bubbles:true,composed:true});this._target?.dispatchEvent(i)}))}_createLogger(t){}};var Pi=class extends $i{constructor(){super();this._mediaRemote=new Ti(this);qs(this,"paused",(t=>{this.pressed=!t;us(this,"paused",t)}))}connectedCallback(){super.connectedCallback();cs(this,"aria-label","Play")}_handleButtonClick(t){if(this.disabled)return;if(this.pressed){this._mediaRemote.pause(t)}else{this._mediaRemote.play(t)}}};ls("vds-play-button",Pi);var Fi=class extends $i{constructor(){super();this._mediaRemote=new Ti(this);this._volume=1;this._muted=false;qs(this,"volume",(t=>{this._volume=t;this._handleMutedChange()}));qs(this,"muted",(t=>{this._muted=t;this._handleMutedChange()}))}connectedCallback(){super.connectedCallback();cs(this,"aria-label","Mute")}_handleMutedChange(){const t=this._muted||this._volume===0;this.pressed=t;us(this,"muted",t)}_handleButtonClick(t){if(this.disabled)return;if(this.pressed){this._mediaRemote.unmute(t)}else{this._mediaRemote.mute(t)}}};ls("vds-mute-button",Fi);function Ai(){const t=is(false);const s=is(false);return{value:is(50),pointerValue:is(0),min:is(0),max:is(100),dragging:t,pointing:s,interactive:es([t,s],(([t,s])=>t||s))}}var Di=ot(Ai);var qi=Hs`*{box-sizing:border-box;touch-action:none}:host{display:block;contain:layout;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}:host(:focus){outline:0}:host(:focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}:host(.focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}`;var Oi=(t=>{t[t["Left"]=-1]="Left";t[t["ArrowLeft"]=-1]="ArrowLeft";t[t["Up"]=-1]="Up";t[t["ArrowUp"]=-1]="ArrowUp";t[t["Right"]=1]="Right";t[t["ArrowRight"]=1]="ArrowRight";t[t["Down"]=1]="Down";t[t["ArrowDown"]=1]="ArrowDown";return t})(Oi||{});var Li=class extends hi{constructor(){super();this._sliderStoreProvider=Di.provide(this);this.disabled=false;this.value=50;this._step=1;this._keyboardStep=1;this.shiftKeyMultiplier=5;this.customValueText=false;this._mediaRemote=new Ti(this);this._disconnectDisposal=new G;this._handlePointerEnter=Q(this,"pointerenter",(()=>{if(this.disabled)return;this.setAttribute("pointing","");this.store.pointing.set(true)}));this._handlePointerMove=Q(this,"pointermove",(t=>{if(this.disabled||this.isDragging)return;const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s);this._dispatchPointerValueChange(t)}));this._handlePointerLeave=Q(this,"pointerleave",(()=>{if(this.disabled)return;this.removeAttribute("pointing");this.store.pointing.set(false)}));this._handlePointerDown=Q(this,"pointerdown",(t=>{if(this.disabled)return;this._startDragging(t);this._onDrag(t)}));this._handleKeydown=Q(this,"keydown",(t=>{if(this.disabled)return;const{key:s,shiftKey:i}=t;const e=Object.keys(Oi).includes(s);if(!e)return;const r=!i?this.keyboardStep:this.keyboardStep*this.shiftKeyMultiplier;const n=Number(Oi[s]);const h=r*n;const a=(this.value+h)/this.step;const o=this.step*a;this.value=this._getClampedValue(o);this._dispatchValueChange(t)}));this._handleFillValueChange=Q(this,"vds-slider-value-change",this._updateFillCSSProps.bind(this));this._handlePointerValueChange=Q(this,"vds-slider-pointer-value-change",this._updatePointerCSSProps.bind(this));this._onDrag=ks((t=>{if(this.disabled||!this.isDragging)return;const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s);this._dispatchPointerValueChange(t)}));this._handleDocumentPointerUp=Q(this,"pointerup",(t=>{if(this.disabled||!this.isDragging)return;this._stopDragging(t)}),{target:document});this._handleDocumentTouchMove=Q(this,"touchmove",(t=>{if(this.disabled||!this.isDragging)return;t.preventDefault()}),{target:document,passive:false});this._handleDocumentPointerMove=Q(this,"pointermove",(t=>{if(this.disabled||!this.isDragging)return;this._onDrag(t)}),{target:document});this._lastDispatchedValue=this.value;this._dispatchValueChange=ks((t=>{if(this.value===this._lastDispatchedValue)return;this.dispatchEvent(st("vds-slider-value-change",{detail:this.value,triggerEvent:t}));this._lastDispatchedValue=this.value}));this._lastDispatchedPointerValue=this.pointerValue;this._dispatchPointerValueChange=ks((t=>{if(this.pointerValue===this._lastDispatchedPointerValue)return;const s=["vds-slider-pointer-value-change",this.isDragging&&"vds-slider-drag-value-change"];s.forEach((s=>{if(s){this.dispatchEvent(st(s,{detail:this.pointerValue,triggerEvent:t}))}}));this._lastDispatchedPointerValue=this.pointerValue}));Ht(this)}static get styles(){return[qi]}static get parts(){return[]}get store(){return this._sliderStoreProvider.value}get min(){return rs(this.store.min)}set min(t){this.store.min.set(t)}get max(){return rs(this.store.max)}set max(t){this.store.max.set(t)}get step(){return this._step}set step(t){this._step=t}get keyboardStep(){return this._keyboardStep}set keyboardStep(t){this._keyboardStep=t}get isDragging(){return rs(this.store.dragging)}get fillRate(){const t=this.max-this.min,s=this.value-this.min;return t>0?s/t:0}get fillPercent(){return this.fillRate*100}get pointerValue(){return rs(this.store.pointerValue)}get pointerRate(){const t=this.max-this.min,s=this.pointerValue-this.min;return t>0?s/t:0}get pointerPercent(){return this.pointerRate*100}connectedCallback(){super.connectedCallback();this._setupAriaAttrs();this._updateFillCSSProps();this._updatePointerCSSProps();this._disconnectDisposal.add(this.store.interactive.subscribe((t=>{us(this,"interactive",t)})))}willUpdate(t){if(t.has("value")||t.has("min")||t.has("max")){this.value=this._getClampedValue(this.value);this.store.value.set(this.value);this._updateFillCSSProps();this._dispatchValueChange()}if(t.has("disabled")&&this.disabled){this.store.dragging.set(false);this.store.pointing.set(false);this.removeAttribute("dragging");this.removeAttribute("pointing");this.removeAttribute("interactive");us(this,"aria-disabled",this.disabled)}if(!this.customValueText){this._updateAriaValueAttrs()}super.willUpdate(t)}disconnectedCallback(){this._onDrag.cancel();this._disconnectDisposal.empty();super.disconnectedCallback()}_updateFillCSSProps(){fs(this,"fill-value",`${this.value}`);fs(this,"fill-rate",`${this.fillRate}`);fs(this,"fill-percent",`${this.fillPercent}%`)}_updatePointerCSSProps(){fs(this,"pointer-value",`${this.pointerValue}`);fs(this,"pointer-rate",`${this.pointerRate}`);fs(this,"pointer-percent",`${this.pointerPercent}%`)}render(){return this._renderSlider()}_renderSlider(){return M`${this._renderDefaultSlot()}`}_renderDefaultSlot(){return M`<slot></slot>`}_setupAriaAttrs(){cs(this,"role","slider");cs(this,"tabindex","0");cs(this,"aria-orientation","horizontal");cs(this,"autocomplete","off")}_updateAriaValueAttrs(){this.setAttribute("aria-valuemin",this._getValueMin());this.setAttribute("aria-valuenow",this._getValueNow());this.setAttribute("aria-valuemax",this._getValueMax());this.setAttribute("aria-valuetext",this._getValueText())}_getValueMin(){return String(this.min)}_getValueNow(){return String(this.value)}_getValueMax(){return String(this.max)}_getValueText(){return`${Rt(this.value/this.max*100,2)}%`}_startDragging(t){if(this.isDragging)return;this.store.dragging.set(true);this.setAttribute("dragging","");const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s);this._dispatchPointerValueChange(t);this.dispatchEvent(st("vds-slider-drag-start",{triggerEvent:t,detail:this.value}));this._mediaRemote.pauseUserIdle(t)}_stopDragging(t){if(!this.isDragging)return;this.store.dragging.set(false);this._dispatchValueChange.cancel();this.removeAttribute("dragging");const s=this._getValueBasedOnThumbPosition(t);this.value=s;this.store.pointerValue.set(s);this._dispatchValueChange(t);this._dispatchPointerValueChange(t);this.dispatchEvent(st("vds-slider-drag-end",{triggerEvent:t,detail:this.value}));this._mediaRemote.resumeUserIdle(t)}_getClampedValue(t){return jt(this.min,Rt(t,Ut(this.step)),this.max)}_getValueFromRate(t){const s=jt(0,t,1);const i=this.max-this.min;const e=i*s;const r=Math.round(e/this.step);const n=this.step*r;return this.min+n}_getValueBasedOnThumbPosition(t){const s=t.clientX;const{left:i,width:e}=this.getBoundingClientRect();const r=(s-i)/e;return this._getValueFromRate(r)}};Vs([li({type:Number})],Li.prototype,"min",1);Vs([li({type:Number})],Li.prototype,"max",1);Vs([li({reflect:true,type:Boolean})],Li.prototype,"disabled",2);Vs([li({type:Number})],Li.prototype,"value",2);Vs([li({type:Number})],Li.prototype,"step",1);Vs([li({attribute:"keyboard-step",type:Number})],Li.prototype,"keyboardStep",1);Vs([li({attribute:"shift-key-multiplier",type:Number})],Li.prototype,"shiftKeyMultiplier",2);Vs([li({type:Boolean,attribute:"custom-value-text"})],Li.prototype,"customValueText",2);var Vi=Hs``;var Ni=class extends Li{constructor(){super();this._step=.1;this.value=0;this.valueText="{currentTime} out of {duration}";this.pauseWhileDragging=false;this.seekingRequestThrottle=100;this.__mediaDuration=0;this.__mediaPaused=true;this._handleSliderDragStart=Q(this,"vds-slider-drag-start",(t=>{this._togglePlaybackWhileDragging(t)}));this._handleSliderValueChange=Q(this,"vds-slider-value-change",(t=>{if(gs(t.originEvent)){this._dispatchSeekingRequest.cancel();this._mediaRemote.seek(this.value,t)}}));this._handleSliderDragValueChange=Q(this,"vds-slider-drag-value-change",(t=>{this._dispatchSeekingRequest(t)}));this._handleSliderDragEnd=Q(this,"vds-slider-drag-end",(t=>{this._dispatchSeekingRequest.cancel();this._mediaRemote.seek(this.value,t);this._togglePlaybackWhileDragging(t)}));this._dispatchSeekingRequest=Y((t=>{this._mediaRemote.seeking(this.value,t)}),this.seekingRequestThrottle);this._wasPlayingBeforeDragStart=false;qs(this,"currentTime",(t=>{this.value=t}));qs(this,"duration",(t=>{this.__mediaDuration=t;this.requestUpdate("max")}));qs(this,"paused",(t=>{this.__mediaPaused=t}))}static get styles(){return[super.styles,Vi]}connectedCallback(){super.connectedCallback();cs(this,"aria-label","Media time")}get min(){return 0}set min(t){}get max(){return this.__mediaDuration}set max(t){}update(t){if(t.has("disabled")&&this.disabled){this._dispatchSeekingRequest.cancel()}super.update(t)}disconnectedCallback(){this._dispatchSeekingRequest.cancel();super.disconnectedCallback()}_getValueMin(){return"0%"}_getValueNow(){return`${Math.round(this.fillPercent)}%`}_getValueText(){return this.valueText.replace("{currentTime}",ws(this.value)).replace("{duration}",ws(this.__mediaDuration))}_getValueMax(){return"100%"}_togglePlaybackWhileDragging(t){if(!this.pauseWhileDragging)return;if(this.isDragging&&!this.__mediaPaused){this._wasPlayingBeforeDragStart=true;this._mediaRemote.pause(t)}else if(this._wasPlayingBeforeDragStart&&!this.isDragging&&this.__mediaPaused){this._wasPlayingBeforeDragStart=false;this._mediaRemote.play(t)}}};Vs([li({attribute:false,state:true})],Ni.prototype,"value",2);Vs([li({attribute:false})],Ni.prototype,"min",1);Vs([li({attribute:false})],Ni.prototype,"max",1);Vs([li({attribute:"value-text"})],Ni.prototype,"valueText",2);Vs([li({attribute:"pause-while-dragging",type:Boolean})],Ni.prototype,"pauseWhileDragging",2);Vs([li({attribute:"seeking-request-throttle",type:Number})],Ni.prototype,"seekingRequestThrottle",2);Vs([ui()],Ni.prototype,"__mediaDuration",2);Vs([ui()],Ni.prototype,"__mediaPaused",2);ls("vds-time-slider",Ni);var Ri=class extends Li{constructor(){super();this.value=100;this._handleSliderValueChange=Q(this,"vds-slider-value-change",this._changeVolume.bind(this));this._handleSliderDragValueChange=Q(this,"vds-slider-drag-value-change",this._changeVolume.bind(this));qs(this,"volume",(t=>{this.value=t*100}))}connectedCallback(){super.connectedCallback();cs(this,"aria-label","Media volume")}get min(){return 0}set min(t){}get max(){return 100}set max(t){}_changeVolume(t){const s=t.detail;const i=Rt(s/100,3);this._mediaRemote.changeVolume(i,t)}};Vs([li({attribute:false})],Ri.prototype,"min",1);Vs([li({attribute:false})],Ri.prototype,"max",1);Vs([li({attribute:false,state:true})],Ri.prototype,"value",2);ls("vds-volume-slider",Ri);var ji=class extends hi{constructor(){super(...arguments);this._disposal=new G;this._sliderStoreConsumer=Di.consume(this);this.__value=0;this.type="current";this.showHours=false;this.padHours=false;this.decimalPlaces=2}static get styles(){return[Hs`:host{display:inline-block;contain:content}:host([hidden]){display:none}`]}get _sliderStore(){return this._sliderStoreConsumer.value}connectedCallback(){super.connectedCallback();this._handleTypeChange()}update(t){if(t.has("type")||t.has("format")){this._handleTypeChange()}super.update(t)}disconnectedCallback(){this._disposal.empty();super.disconnectedCallback()}render(){return M`${this._getValueText()}`}_handleTypeChange(){this._disposal.empty();const t=this._sliderStore[this.type==="current"?"value":"pointerValue"];const s=this.format==="percent"?this._createPercentStore(t):t;const i=s.subscribe((t=>{this.__value=t}));this._disposal.add(i)}_createPercentStore(t){return es([t,this._sliderStore.min,this._sliderStore.max],(([t,s,i])=>{const e=i-s;return t/e*100}))}_getValueText(){switch(this.format){case"percent":return this._getPercentFormat();case"time":return this._getTimeFormat();default:return`${this.__value}`}}_getPercentFormat(){return`${Rt(this.__value,this.decimalPlaces)}%`}_getTimeFormat(){return zs(this.__value,this.padHours,this.showHours)}};Vs([ui()],ji.prototype,"__value",2);Vs([li()],ji.prototype,"type",2);Vs([li()],ji.prototype,"format",2);Vs([li({attribute:"show-hours",type:Boolean})],ji.prototype,"showHours",2);Vs([li({attribute:"pad-hours",type:Boolean})],ji.prototype,"padHours",2);Vs([li({attribute:"decimal-places",type:Number})],ji.prototype,"decimalPlaces",2);ls("vds-slider-value-text",ji);var Ui=class extends hi{constructor(){super(...arguments);this._disposal=new G;this._mediaStoreConsumer=Ds.consume(this);this.__seconds=0;this.type="current";this.showHours=false;this.padHours=false;this.remainder=false}static get styles(){return[Hs`:host{display:inline-block;contain:content}:host([hidden]){display:none}`]}get _mediaStore(){return this._mediaStoreConsumer.value}connectedCallback(){super.connectedCallback();this._handleTypeChange()}update(t){if(t.has("type")||t.has("remainder")){this._handleTypeChange()}super.update(t)}disconnectedCallback(){this._disposal.empty();super.disconnectedCallback()}render(){return M`${this._getFormattedTime()}`}_handleTypeChange(){this._disposal.empty();const t=this._getTypeStore();const s=(this.remainder?this._createRemainderStore(t):t).subscribe((t=>{this.__seconds=t}));this._disposal.add(s)}_getTypeStore(){switch(this.type){case"buffered":return this._mediaStore.bufferedAmount;case"seekable":return this._mediaStore.seekableAmount;case"duration":return this._mediaStore.duration;default:return this._mediaStore.currentTime}}_createRemainderStore(t){return es([t,this._mediaStore.duration],(([t,s])=>Math.max(0,s-t)))}_getFormattedTime(){return zs(this.__seconds,this.padHours,this.showHours)}};Vs([ui()],Ui.prototype,"__seconds",2);Vs([li()],Ui.prototype,"type",2);Vs([li({attribute:"show-hours",type:Boolean})],Ui.prototype,"showHours",2);Vs([li({attribute:"pad-hours",type:Boolean})],Ui.prototype,"padHours",2);Vs([li({type:Boolean})],Ui.prototype,"remainder",2);ls("vds-time",Ui);const Ii='.sc-stzh-audio-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-audio-h,[stzh-hidden].sc-stzh-audio-h{display:none}.sc-stzh-audio-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-audio-h *.sc-stzh-audio,.sc-stzh-audio-h *.sc-stzh-audio::before,.sc-stzh-audio-h *.sc-stzh-audio::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-audio-h .has-focus.sc-stzh-audio{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-audio-h .stzh-fylingfocus-focused.sc-stzh-audio{outline-style:none !important}.sc-stzh-audio-h .stzh-fylingfocus-focused.sc-stzh-audio::-moz-focus-inner{border:0 !important}.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript],.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript]{margin:0}.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript],.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript] br,.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{margin-bottom:var(--stzh-space-medium);content:" ";display:block}@media screen and (min-width: 600px){.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript],.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript] br,.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript],.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript] br,.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript],.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript] br,.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-audio.sc-stzh-audio{display:block;contain:none}.stzh-audio__audio.sc-stzh-audio{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-right:var(--stzh-space-xxlarge)}}.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-xxsmall);padding-top:var(--stzh-space-large);position:relative;display:flex;flex-direction:column;background-color:var(--stzh-color-grey20)}@media screen and (min-width: 900px){.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-small)}}.stzh-audio__controls-top.sc-stzh-audio,.stzh-audio__controls-bottom.sc-stzh-audio,.stzh-audio__controls-bottom-left.sc-stzh-audio,.stzh-audio__controls-bottom-right.sc-stzh-audio{display:flex;align-items:center}.stzh-audio__controls-top.sc-stzh-audio{margin-bottom:var(--stzh-space-small)}.stzh-audio__controls-bottom.sc-stzh-audio{display:flex;flex-direction:column;align-items:stretch}@media screen and (min-width: 600px){.stzh-audio__controls-bottom.sc-stzh-audio{flex-direction:row;align-items:center}}.stzh-audio__controls-bottom-left.sc-stzh-audio{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-audio__controls-bottom-left.sc-stzh-audio{flex-grow:1;margin-bottom:0}}.stzh-audio__controls-bottom-right.sc-stzh-audio{align-self:flex-end}.stzh-audio__transcript.sc-stzh-audio{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-large);background-color:var(--stzh-color-grey10)}@media screen and (min-width: 900px){.stzh-audio__transcript.sc-stzh-audio{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-audio__transcript.sc-stzh-audio{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-audio__transcript.sc-stzh-audio{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-audio__transcript.sc-stzh-audio{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-audio__transcript.sc-stzh-audio{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-audio__transcript.sc-stzh-audio{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-audio__transcript.sc-stzh-audio{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-audio__button.sc-stzh-audio{width:2.75rem;height:2.75rem;display:grid;place-items:center;appearance:none;background-color:transparent;border:none;border-radius:var(--stzh-button-border-radius);transition-duration:var(--stzh-base-transition-animation-speed);transition-property:color, background-color;color:var(--stzh-color-primary70)}.stzh-audio__button.is-play.sc-stzh-audio,.stzh-audio__button.is-mute.sc-stzh-audio,.stzh-audio__button.is-transcript.sc-stzh-audio{margin-right:var(--stzh-space-xsmall)}.stzh-audio__button.is-mute.sc-stzh-audio{margin-left:auto}@media screen and (min-width: 600px){.stzh-audio__button.is-mute.sc-stzh-audio{margin-left:0px}}.stzh-audio__button.sc-stzh-audio:hover{color:var(--stzh-color-primary80);background-color:var(--stzh-color-secondary20)}.stzh-audio__loader-overlay.sc-stzh-audio{display:grid;place-items:center;position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;background-color:var(--stzh-color-white);opacity:0;visibility:hidden}.stzh-audio__time.sc-stzh-audio{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-color-grey70);display:inline-flex;margin-right:var(--stzh-space-xlarge)}.stzh-audio__time-separator.sc-stzh-audio{margin:0 var(--stzh-space-xxsmall)}.stzh-audio__slider.sc-stzh-audio{--height:1rem;--thumb-width:1rem;--track-height:0.375rem;cursor:pointer;display:flex;align-items:center;height:var(--height)}.stzh-audio__slider.is-time.sc-stzh-audio{flex-grow:1}.stzh-audio__slider.is-volume.sc-stzh-audio{--track-height:0.25rem;flex-grow:1;min-width:5rem;max-width:7.5rem}@media screen and (min-width: 600px){.stzh-audio__slider.is-volume.sc-stzh-audio{display:flex;margin-right:auto}}.stzh-audio__slider-track.sc-stzh-audio{width:100%;height:var(--track-height);position:absolute;top:50%;left:0;z-index:0;transform:translateY(-50%);background-color:var(--stzh-color-black20op);transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-audio__slider.sc-stzh-audio:hover .stzh-audio__slider-track.sc-stzh-audio{background-color:var(--stzh-color-black30op)}.stzh-audio__slider-track.is-fill.sc-stzh-audio{background-color:var(--stzh-color-secondary40);transform-origin:left center;transform:translateY(-50%);width:calc(var(--vds-fill-rate) * 100%);z-index:1}.stzh-audio__slider.sc-stzh-audio:hover .stzh-audio__slider-track.is-fill.sc-stzh-audio{background-color:var(--stzh-color-secondary50)}.stzh-audio__slider.is-volume.sc-stzh-audio .stzh-audio__slider-track.sc-stzh-audio,.stzh-audio__slider.is-volume.sc-stzh-audio:hover .stzh-audio__slider-track.sc-stzh-audio{background-color:var(--stzh-color-black20op)}.stzh-audio__slider.is-volume.sc-stzh-audio .stzh-audio__slider-track.is-fill.sc-stzh-audio,.stzh-audio__slider.is-volume.sc-stzh-audio:hover .stzh-audio__slider-track.is-fill.sc-stzh-audio{background-color:var(--stzh-color-black50op)}.stzh-audio__slider-thumb-container.sc-stzh-audio{opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);position:absolute;top:0;left:var(--vds-fill-percent);width:var(--thumb-width);height:100%;transform:translateX(-50%);z-index:2}.stzh-audio__slider-thumb-container.is-shown.sc-stzh-audio{opacity:1}.stzh-audio__slider.sc-stzh-audio:hover .stzh-audio__slider-thumb-container.sc-stzh-audio{opacity:1}.stzh-audio__slider[dragging].sc-stzh-audio .stzh-audio__slider-thumb-container.sc-stzh-audio{opacity:1;left:var(--vds-pointer-percent)}.stzh-audio__slider-thumb.sc-stzh-audio{position:absolute;top:50%;left:0;width:var(--thumb-width);height:var(--thumb-width);border-radius:50%;background-color:var(--stzh-color-white);border:0.125rem solid var(--stzh-color-primary70);transform:translateY(-50%)}.stzh-audio__media-preview-container.sc-stzh-audio{--width:2.625rem;--width-half:calc(var(--width) / 2);--top:-1.5rem;--left-clamp:max(var(--width-half), var(--vds-pointer-percent));--right-clamp:calc(100% - var(--width-half));--left:min(var(--left-clamp), var(--right-clamp));display:grid;place-items:center;position:absolute;width:auto;width:--width;top:var(--top);left:var(--left);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);transform:translateX(-50%);z-index:var(--stzh-z-index-popover);border-radius:var(--stzh-tooltip-border-radius);background-color:var(--stzh-color-coolgrey60);color:var(--stzh-color-white)}@supports (filter: var(--stzh-tooltip-drop-shadow)){.stzh-audio__media-preview-container.sc-stzh-audio{box-shadow:none;filter:var(--stzh-tooltip-drop-shadow)}}.stzh-audio__slider.is-time.sc-stzh-audio .stzh-audio__media-preview-container.sc-stzh-audio,.stzh-audio__slider.is-volume.sc-stzh-audio .stzh-audio__media-preview-container.sc-stzh-audio{width:auto;padding:var(--stzh-space-xxsmall)}.stzh-audio__slider[pointing].sc-stzh-audio .stzh-audio__media-preview-container.sc-stzh-audio{opacity:1}.stzh-audio__slider-text.sc-stzh-audio{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-audio[hide-ui].sc-stzh-audio .stzh-audio__controls.sc-stzh-audio{opacity:0;visibility:hidden}.stzh-audio[autoplay-error].sc-stzh-audio .stzh-audio__controls.sc-stzh-audio{opacity:1}.stzh-audio.sc-stzh-audio:not([can-play]) .stzh-audio__loader-overlay.sc-stzh-audio,.stzh-audio[waiting].sc-stzh-audio .stzh-audio__loader-overlay.sc-stzh-audio{opacity:0.8;visibility:visible}.stzh-audio[paused].sc-stzh-audio .stzh-audio__paused.sc-stzh-audio{display:none}.stzh-audio.sc-stzh-audio:not([paused]) .stzh-audio__played.sc-stzh-audio{display:none}.stzh-audio[muted].sc-stzh-audio .stzh-audio__muted.sc-stzh-audio{display:none}.stzh-audio.sc-stzh-audio:not([muted]) .stzh-audio__unmuted.sc-stzh-audio{display:none}';const Bi=Ii;const Hi=class{constructor(i){t(this,i);this.stzhPlay=s(this,"stzhPlay",7);this.stzhPlaying=s(this,"stzhPlaying",7);this.stzhPause=s(this,"stzhPause",7);this.stzhReplay=s(this,"stzhReplay",7);this.stzhEnd=s(this,"stzhEnd",7);this.stzhEnded=s(this,"stzhEnded",7);this.stzhError=s(this,"stzhError",7);this.localization=undefined;this.src="";this.preload="none";this.transcript="";this.transcriptShown=false;this.downloadAnalyticsId=undefined;this.transcriptAnalyticsId=undefined}async play(){this.vsdAudioElement.play()}async pause(){this.vsdAudioElement.pause()}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"audio")}}render(){const t=!!this.transcript||n(this.element,"transcript");const s={"stzh-audio":true};return i(e,{key:"adc7c38e9004abb43c53f7a6a200ff371cffa327"},i("vds-media",{key:"d4e49e3f00311782be26550c40076d905605c4a4",class:s},i("vds-audio",{key:"fb8764bbc6a2e5184553f355b10acb54a2491f06",class:"stzh-audio__audio",ref:t=>this.vsdAudioElement=t,"onVds-play":()=>{this.stzhPlay.emit({component:"stzh-audio"})},"onVds-playing":()=>{this.stzhPlaying.emit({component:"stzh-audio"})},"onVds-end":()=>{this.stzhEnd.emit({component:"stzh-audio"})},"onVds-ended":()=>{this.stzhEnded.emit({component:"stzh-audio"})},"onVds-replay":()=>{this.stzhReplay.emit({component:"stzh-audio"})},"onVds-error":t=>{this.stzhError.emit({component:"stzh-audio",originalEvent:t})}},i("audio",{key:"0b221a814271376201133ff7edba260f5ca7463f",preload:this.preload,src:this.src},i("slot",{key:"fc125dc950fab61eb4ee5ce5675b0d2a1ede821e"}))),i("div",{key:"efcc542fca2fe230f4441ca9409ff2b71bf1c814",class:"stzh-audio__controls"},i("div",{key:"fc8489dfa5b1400c2375a63a53d05e1109a870c2",class:"stzh-audio__loader-overlay"},i("stzh-loader",{key:"208366f97280cb38f1ced382d3ed0d674a0ddfd4",class:"stzh-audio__loader",label:this.localization.loading,"hide-label":true})),i("div",{key:"994f06627e2700625f3f344cdb622b3dfd80e994",class:"stzh-audio__controls-top"},i("vds-time-slider",{key:"599fec3c58eb03334103f6353372a031ba86c24e",class:"stzh-audio__slider is-time"},i("div",{key:"9027c1f04fb1ecdb29bfedf8462510cc3de8a4c9",class:"stzh-audio__slider-track"}),i("div",{key:"c2bf3737c348187a9c7ccd1f774b2e61ea559cc0",class:"stzh-audio__slider-track is-fill"}),i("div",{key:"a8888b1465dbc5ba770e1eb1be8a68975dcc6c2a",class:"stzh-audio__slider-thumb-container"},i("div",{key:"cd918d8bf70cd5086bad4fd7ff566f3ea24dea2d",class:"stzh-audio__slider-thumb"})),i("div",{key:"7727c198878168a0d21502e42e512a168c472a10",class:"stzh-audio__media-preview-container"},i("vds-slider-value-text",{key:"a179681a425f4a323dea97e3b1c0f71b23d75b95",class:"stzh-audio__slider-text",type:"pointer",format:"time"})))),i("div",{key:"3348ebd143b9448928d78f87ef62c7027a41eebc",class:"stzh-audio__controls-bottom"},i("div",{key:"18ba37d17f119e2d808d724b11a2f8c30e4397c5",class:"stzh-audio__controls-bottom-left"},i("stzh-tooltip",{key:"fcd87ccb74cbc230025dc877ccbd04c1b2be5d46"},i("vds-play-button",{key:"53fc6e83f6bff2c4082a8a24b5951abe3999af03",class:"stzh-audio__button is-play"},i("stzh-icon",{key:"492b659de3453c47d4a7e9c80ae759aeb109a3bb",class:"stzh-audio__played",name:"play"}),i("stzh-icon",{key:"e422ac424e34723e315d46b0f55f05c618ef5444",class:"stzh-audio__paused",name:"pause"})),i("span",{key:"0d6fc0648d44ee7fd2a4dd6c776ab367c4f16d56",slot:"content"},i("span",{key:"3382db81b57204c2f1e3687397067102a1cddf99",class:"stzh-audio__played"},this.localization.play),i("span",{key:"b7b7994d9cc526b01da08979d458afd88f24f748",class:"stzh-audio__paused"},this.localization.pause))),i("div",{key:"58c00d329f58db7b53d92a633c41c413fbb8548d",class:"stzh-audio__time"},i("vds-time",{key:"cd052f9b18dc89436bdfe4d204ee84fd466d4ac2",type:"current"}),i("span",{key:"4f0ca82a5aeadb62e21420824fbdb3a242d8ecbc",class:"stzh-audio__time-separator"},"/"),i("vds-time",{key:"92ac5701e584129585ea52c8fc54528f0bb4ea71",type:"duration"})),i("stzh-tooltip",{key:"1b7fb13bf74b63ee5a63c39a5af73d1b051e209b"},i("vds-mute-button",{key:"158b2b77a2b8a5c931b37cedc16399b2740d8abb",class:"stzh-audio__button is-mute"},i("stzh-icon",{key:"2c7595b59335247a3db7ffb06d8ee580bee5371c",class:"stzh-audio__muted",name:"volume-medium"}),i("stzh-icon",{key:"50f4200533d92909a834dfcdbe866857cb2f0810",class:"stzh-audio__unmuted",name:"silent-mode"})),i("span",{key:"cbe10d1bb537653fbb22cac0ad7c7a053313a379",slot:"content"},i("span",{key:"fbaf5804f0bdda0649f1354597747c761f80b04b",class:"stzh-audio__muted"},this.localization.mute),i("span",{key:"a0d23ed2d2d43a8cafde24feb24845d471236f84",class:"stzh-audio__unmuted"},this.localization.unmute))),i("vds-volume-slider",{key:"75573a956988404ffaea86da114a0f97f517ee88",class:"stzh-audio__slider is-volume"},i("div",{key:"3e13e4826980600295b92194f2bd7bcf583a0e57",class:"stzh-audio__slider-track"}),i("div",{key:"7bb8b898b4f51fe33990cc42eaa8be05156d0c0b",class:"stzh-audio__slider-track is-fill"}),i("div",{key:"64c7bc436408e4d7e964c310f26a703a8db46b43",class:"stzh-audio__slider-thumb-container is-shown"},i("div",{key:"2a782c51dd01519edb75764d813f99fcfbd5a135",class:"stzh-audio__slider-thumb"})),i("div",{key:"85cfa0c27692fb9d77156d4719f147e2e2592708",class:"stzh-audio__media-preview-container"},i("vds-slider-value-text",{key:"76593d9391bf40711131632d2d18654830f87aa9",class:"stzh-audio__slider-text",type:"pointer",format:"percent"})))),i("div",{key:"ac714c6f89f87b22eda68e346f065a9abb84b5b2",class:"stzh-audio__controls-bottom-right"},t&&i("stzh-tooltip",{key:"a51a57933f2ab92651456f81996550a7cf6d35f0",content:this.transcriptShown?this.localization.hideTranscript:this.localization.showTranscript},i("button",{key:"0e968fcecd862b6352aded773283c31558f79072",class:{"stzh-audio__button is-transcript":true,"is-active":this.transcriptShown},onClick:()=>this.transcriptShown=!this.transcriptShown,"s-object-id":this.transcriptAnalyticsId||(this.transcriptShown?this.localization.hideTranscript:this.localization.showTranscript)},i("stzh-icon",{key:"bb1b4acca149507438f66d77bb90483fd75c9f83",name:"transcript"}))),i("stzh-tooltip",{key:"1c3d793229e8c3601b14fef416be878461c9d62f",content:this.localization.download},i("a",{key:"9a26959304cfc32852987e2f4c25c56df19d929a",class:"stzh-audio__button is-download",href:this.src,download:"","s-object-id":this.downloadAnalyticsId||this.localization.download},i("stzh-icon",{key:"bbf59976f0ae87bfeeb28373f10a96a8f67320c9",name:"download"})))))),i("div",{key:"6ca84f7d53b8634f508cc0dd67ec5ee14e4774bb",class:"stzh-audio__transcript",hidden:!this.transcriptShown},this.transcript?this.transcript:i("slot",{name:"transcript"}))))}get element(){return r(this)}};Hi.style=Bi;export{Hi as stzh_audio};
+//# sourceMappingURL=p-1bb06be6.entry.js.map