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

package/dist/stzh-components/{p-e8a7f73b.entry.js → p-25ed6414.entry.js}

@@ -1,9 +1,9 @@
-import{r as t,c as s,h as i,a as e,d as h}from"./p-vaw5DHDC.js";import{g as n}from"./p-E-ZsRS8r.js";import{h as r}from"./p-CBLSoWgI.js";import"./p-BubviQku.js";
+import{r as t,c as s,h as i,a as e,d as h}from"./p-rujKGmCS.js";import{g as n}from"./p-E-ZsRS8r.js";import{h as r}from"./p-CBLSoWgI.js";import"./p-BubviQku.js";
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */var a;const o=window,d=o.trustedTypes,c=d?d.createPolicy("lit-html",{createHTML:t=>t}):void 0,l="$lit$",u=`lit$${(Math.random()+"").slice(9)}$`,p="?"+u,v=`<${p}>`,g=document,f=()=>g.createComment(""),m=t=>null===t||"object"!=typeof t&&"function"!=typeof t,_=Array.isArray,b="[ \t\n\f\r]",z=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,y=/-->/g,w=/>/g,k=RegExp(`>|${b}(?:([^\\s"'>=/]+)(${b}*=${b}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),x=/'/g,E=/"/g,S=/^(?:script|style|textarea|title)$/i,C=(t,...s)=>({_$litType$:1,strings:t,values:s}),M=Symbol.for("lit-noChange"),T=Symbol.for("lit-nothing"),$=new WeakMap,P=g.createTreeWalker(g,129,null,!1);function F(t,s){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==c?c.createHTML(s):s}const A=(t,s)=>{const i=t.length-1,e=[];let h,n=2===s?"<svg>":"",r=z;for(let s=0;s<i;s++){const i=t[s];let a,o,d=-1,c=0;for(;c<i.length&&(r.lastIndex=c,o=r.exec(i),null!==o);)c=r.lastIndex,r===z?"!--"===o[1]?r=y:void 0!==o[1]?r=w:void 0!==o[2]?(S.test(o[2])&&(h=RegExp("</"+o[2],"g")),r=k):void 0!==o[3]&&(r=k):r===k?">"===o[0]?(r=null!=h?h:z,d=-1):void 0===o[1]?d=-2:(d=r.lastIndex-o[2].length,a=o[1],r=void 0===o[3]?k:'"'===o[3]?E:x):r===E||r===x?r=k:r===y||r===w?r=z:(r=k,h=void 0);const p=r===k&&t[s+1].startsWith("/>")?" ":"";n+=r===z?i+v:d>=0?(e.push(a),i.slice(0,d)+l+i.slice(d)+u+p):i+u+(-2===d?(e.push(void 0),s):p)}return[F(t,n+(t[i]||"<?>")+(2===s?"</svg>":"")),e]};class D{constructor({strings:t,_$litType$:s},i){let e;this.parts=[];let h=0,n=0;const r=t.length-1,a=this.parts,[o,c]=A(t,s);if(this.el=D.createElement(o,i),P.currentNode=this.el.content,2===s){const t=this.el.content,s=t.firstChild;s.remove(),t.append(...s.childNodes)}for(;null!==(e=P.nextNode())&&a.length<r;){if(1===e.nodeType){if(e.hasAttributes()){const t=[];for(const s of e.getAttributeNames())if(s.endsWith(l)||s.startsWith(u)){const i=c[n++];if(t.push(s),void 0!==i){const t=e.getAttribute(i.toLowerCase()+l).split(u),s=/([.?@])?(.*)/.exec(i);a.push({type:1,index:h,name:s[2],strings:t,ctor:"."===s[1]?N:"?"===s[1]?I:"@"===s[1]?B:V})}else a.push({type:6,index:h})}for(const s of t)e.removeAttribute(s)}if(S.test(e.tagName)){const t=e.textContent.split(u),s=t.length-1;if(s>0){e.textContent=d?d.emptyScript:"";for(let i=0;i<s;i++)e.append(t[i],f()),P.nextNode(),a.push({type:2,index:++h});e.append(t[s],f())}}}else if(8===e.nodeType)if(e.data===p)a.push({type:2,index:h});else{let t=-1;for(;-1!==(t=e.data.indexOf(u,t+1));)a.push({type:7,index:h}),t+=u.length-1}h++}}static createElement(t,s){const i=g.createElement("template");return i.innerHTML=t,i}}function q(t,s,i=t,e){var h,n,r,a;if(s===M)return s;let o=void 0!==e?null===(h=i._$Co)||void 0===h?void 0:h[e]:i._$Cl;const d=m(s)?void 0:s._$litDirective$;return(null==o?void 0:o.constructor)!==d&&(null===(n=null==o?void 0:o._$AO)||void 0===n||n.call(o,!1),void 0===d?o=void 0:(o=new d(t),o._$AT(t,i,e)),void 0!==e?(null!==(r=(a=i)._$Co)&&void 0!==r?r:a._$Co=[])[e]=o:i._$Cl=o),void 0!==o&&(s=q(t,o._$AS(t,s.values),o,e)),s}class O{constructor(t,s){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=s}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var s;const{el:{content:i},parts:e}=this._$AD,h=(null!==(s=null==t?void 0:t.creationScope)&&void 0!==s?s:g).importNode(i,!0);P.currentNode=h;let n=P.nextNode(),r=0,a=0,o=e[0];for(;void 0!==o;){if(r===o.index){let s;2===o.type?s=new L(n,n.nextSibling,this,t):1===o.type?s=new o.ctor(n,o.name,o.strings,this,t):6===o.type&&(s=new j(n,this,t)),this._$AV.push(s),o=e[++a]}r!==(null==o?void 0:o.index)&&(n=P.nextNode(),r++)}return P.currentNode=g,h}v(t){let s=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,s),s+=i.strings.length-2):i._$AI(t[s])),s++}}class L{constructor(t,s,i,e){var h;this.type=2,this._$AH=T,this._$AN=void 0,this._$AA=t,this._$AB=s,this._$AM=i,this.options=e,this._$Cp=null===(h=null==e?void 0:e.isConnected)||void 0===h||h}get _$AU(){var t,s;return null!==(s=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==s?s:this._$Cp}get parentNode(){let t=this._$AA.parentNode;const s=this._$AM;return void 0!==s&&11===(null==t?void 0:t.nodeType)&&(t=s.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,s=this){t=q(this,t,s),m(t)?t===T||null==t||""===t?(this._$AH!==T&&this._$AR(),this._$AH=T):t!==this._$AH&&t!==M&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):(t=>_(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==T&&m(this._$AH)?this._$AA.nextSibling.data=t:this.$(g.createTextNode(t)),this._$AH=t}g(t){var s;const{values:i,_$litType$:e}=t,h="number"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=D.createElement(F(e.h,e.h[0]),this.options)),e);if((null===(s=this._$AH)||void 0===s?void 0:s._$AD)===h)this._$AH.v(i);else{const t=new O(h,this),s=t.u(this.options);t.v(i),this.$(s),this._$AH=t}}_$AC(t){let s=$.get(t.strings);return void 0===s&&$.set(t.strings,s=new D(t)),s}T(t){_(this._$AH)||(this._$AH=[],this._$AR());const s=this._$AH;let i,e=0;for(const h of t)e===s.length?s.push(i=new L(this.k(f()),this.k(f()),this,this.options)):i=s[e],i._$AI(h),e++;e<s.length&&(this._$AR(i&&i._$AB.nextSibling,e),s.length=e)}_$AR(t=this._$AA.nextSibling,s){var i;for(null===(i=this._$AP)||void 0===i||i.call(this,!1,!0,s);t&&t!==this._$AB;){const s=t.nextSibling;t.remove(),t=s}}setConnected(t){var s;void 0===this._$AM&&(this._$Cp=t,null===(s=this._$AP)||void 0===s||s.call(this,t))}}class V{constructor(t,s,i,e,h){this.type=1,this._$AH=T,this._$AN=void 0,this.element=t,this.name=s,this._$AM=e,this.options=h,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=T}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,s=this,i,e){const h=this.strings;let n=!1;if(void 0===h)t=q(this,t,s,0),n=!m(t)||t!==this._$AH&&t!==M,n&&(this._$AH=t);else{const e=t;let r,a;for(t=h[0],r=0;r<h.length-1;r++)a=q(this,e[i+r],s,r),a===M&&(a=this._$AH[r]),n||(n=!m(a)||a!==this._$AH[r]),a===T?t=T:t!==T&&(t+=(null!=a?a:"")+h[r+1]),this._$AH[r]=a}n&&!e&&this.j(t)}j(t){t===T?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class N extends V{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===T?void 0:t}}const R=d?d.emptyScript:"";class I extends V{constructor(){super(...arguments),this.type=4}j(t){t&&t!==T?this.element.setAttribute(this.name,R):this.element.removeAttribute(this.name)}}class B extends V{constructor(t,s,i,e,h){super(t,s,i,e,h),this.type=5}_$AI(t,s=this){var i;if((t=null!==(i=q(this,t,s,0))&&void 0!==i?i:T)===M)return;const e=this._$AH,h=t===T&&e!==T||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,n=t!==T&&(e===T||h);h&&this.element.removeEventListener(this.name,this,e),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var s,i;"function"==typeof this._$AH?this._$AH.call(null!==(i=null===(s=this.options)||void 0===s?void 0:s.host)&&void 0!==i?i:this.element,t):this._$AH.handleEvent(t)}}class j{constructor(t,s,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=s,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){q(this,t)}}const U=o.litHtmlPolyfillSupport;var H,W;null==U||U(D,L),(null!==(a=o.litHtmlVersions)&&void 0!==a?a:o.litHtmlVersions=[]).push("2.8.0");var K,Z,J=n((W||(W=1,H=function(t,s,i){var e=null,h=null,n=function(){e&&(clearTimeout(e),h=null,e=null)},r=function(){if(!s)return t.apply(this,arguments);var r=this,a=arguments,o=i&&!e;return n(),h=function(){t.apply(r,a)},e=setTimeout((function(){if(e=null,!o){var t=h;return h=null,t()}}),s),o?h():void 0};return r.cancel=n,r.flush=function(){var t=h;n(),t&&t()},r}),H)),Y=n((Z||(Z=1,K=function(t,s,i){var e=null,h=null,n=i&&i.leading,r=i&&i.trailing;null==n&&(n=!0),null==r&&(r=!n),1==n&&(r=!1);var a=function(){e&&(clearTimeout(e),e=null)},o=function(){var i=n&&!e,a=this,o=arguments;if(h=function(){return t.apply(a,o)},e||(e=setTimeout((function(){if(e=null,r)return h()}),s)),i)return i=!1,h()};return o.cancel=a,o.flush=function(){var t=h;a(),t&&t()},o}),K));function Q(t,s,i,e){return t.addEventListener(s,i,e),()=>{t.removeEventListener(s,i,e)}}var X=class{constructor(){this._disposal=this._disposal??[]}add(...t){t&&t.forEach((t=>{this._disposal.push(t)}))}empty(){this._disposal.forEach((t=>t())),this._disposal=[]}};function G(t,s,i,e){let h;function n(){h||(h=Q(e?.target??t,s,i,e))}n(),t.addController({hostConnected(){n()},hostDisconnected(){h?.(),h=void 0}})}var tt=class extends CustomEvent{constructor(t,s={}){super(t,s),this.triggerEvent=s.triggerEvent,this.hasOwnProperty("originEvent")||Object.defineProperties(this,{originEvent:{get(){return it(this)??this}},isOriginTrusted:{get(){return it(this)?.isTrusted??!1}}})}get originEvent(){return it(this)??this}get isOriginTrusted(){return this.originEvent?.isTrusted??!1}};function st(t,s={}){return new tt(t,s)}function it(t){let s=t.triggerEvent;for(;s&&s.triggerEvent;)s=s.triggerEvent;return s}function et(t,s){(it(t)??t).triggerEvent=s}var ht=new Map,nt=class{constructor(t,s,i){this._host=t,this.initialValue=s,this._options=i,this._registrationCallbacks=[],t.addController({hostConnected:()=>{this._connect()},hostDisconnected:()=>{delete this._host[this.id]}})}get id(){return this._options.id}get value(){return this._host[this.id]??this.initialValue}get registered(){return this.id in this._host}_connect(){if(this.id in this._host)return;const t=t=>{this._host[this.id]=t,this._registrationCallbacks?.forEach((s=>s(t))),this._registrationCallbacks=void 0};if(this._host.dispatchEvent(st("vds-context-consumer-connect",{bubbles:!0,composed:!0,detail:{id:this.id,setValue:t}})),!this.registered){const s=ht.get(this.id)??[];s.push({host:this._host,setValue:t}),ht.set(this.id,s)}}whenRegistered(t){this.registered?t(this.value):this._registrationCallbacks?.push(t)}},rt=class{constructor(t,s,i){this._host=t,this._initValue=s,this._options=i,this._stopDisposal=new X,this._value=s(),t.addController({hostConnected:this.start.bind(this),hostDisconnected:this.stop.bind(this)})}get id(){return this._options.id}get value(){return this._value}start(){const t=Q(this._host,"vds-context-consumer-connect",this._handleConsumerConnect.bind(this));for(const t of function(t,s){const i=ht.get(t)??[],e=i.filter((({host:t})=>s.contains(t)));return ht.set(t,i.filter((({host:t})=>!s.contains(t)))),e}(this.id,this._host))t.setValue(this._value);this._stopDisposal.add(t)}stop(){this._stopDisposal.empty()}_handleConsumerConnect(t){const s=t.detail;s.id===this.id&&(t.stopImmediatePropagation(),s.setValue(this._value))}};function at(t){const s=Symbol("@vidstack/context");return{id:s,consume:i=>new nt(i,t(),{id:s}),provide:i=>new rt(i,t,{id:s})}}function ot(t){return"symbol"==typeof t?.id&&"@vidstack/context"===t.id.description}function dt(){}function ct(t){return void 0===t}function lt(t){return function(t){return null===t}(t)||ct(t)}function ut(t){return"number"==typeof t&&!Number.isNaN(t)}function pt(t){return"string"==typeof t}function vt(t){return"function"==typeof t}var gt=new Map,ft=new Map;function mt(t,s,i={}){const e=i.register,h=new X,n=t=>{h.add(t)},r={element:t,onDisconnect:n};t.addController({hostConnected(){const i=st(s,{bubbles:!0,composed:!0,detail:r});t.dispatchEvent(i),e&&(ft.set(e,(ft.get(e)??new Set).add(r)),function(t,s,i){for(const{host:e,callback:h}of Array.from(gt.get(s)??[]))e!==t&&e.contains(t)&&h(t,i)}(t,e,n))},hostDisconnected(){h.empty(),e&&ft.get(e)?.delete(r)}})}var _t="undefined"!=typeof window,bt=_t?window.navigator?.userAgent.toLowerCase():"",zt=/iphone|ipad|ipod|ios|CriOS|FxiOS/.test(bt),yt={fullscreenEnabled:0,fullscreenElement:1,requestFullscreen:2,exitFullscreen:3,fullscreenchange:4,fullscreenerror:5,fullscreen:6},wt=["webkitFullscreenEnabled","webkitFullscreenElement","webkitRequestFullscreen","webkitExitFullscreen","webkitfullscreenchange","webkitfullscreenerror","-webkit-full-screen"],kt=["mozFullScreenEnabled","mozFullScreenElement","mozRequestFullScreen","mozCancelFullScreen","mozfullscreenchange","mozfullscreenerror","-moz-full-screen"],xt=["msFullscreenEnabled","msFullscreenElement","msRequestFullscreen","msExitFullscreen","MSFullscreenChange","MSFullscreenError","-ms-fullscreen"],Et="undefined"!=typeof window&&void 0!==window.document?window.document:{},St="fullscreenEnabled"in Et&&Object.keys(yt)||wt[0]in Et&&wt||kt[0]in Et&&kt||xt[0]in Et&&xt||[],Ct={requestFullscreen:function(t){return t[St[yt.requestFullscreen]]()},requestFullscreenFunction:function(t){return t[St[yt.requestFullscreen]]},get exitFullscreen(){return Et[St[yt.exitFullscreen]].bind(Et)},get fullscreenPseudoClass(){return":"+St[yt.fullscreen]},addEventListener:function(t,s,i){return Et.addEventListener(St[yt[t]],s,i)},removeEventListener:function(t,s,i){return Et.removeEventListener(St[yt[t]],s,i)},get fullscreenEnabled(){return Boolean(Et[St[yt.fullscreenEnabled]])},set fullscreenEnabled(t){},get fullscreenElement(){return Et[St[yt.fullscreenElement]]},set fullscreenElement(t){},get onfullscreenchange(){return Et[("on"+St[yt.fullscreenchange]).toLowerCase()]},set onfullscreenchange(t){return Et[("on"+St[yt.fullscreenchange]).toLowerCase()]=t},get onfullscreenerror(){return Et[("on"+St[yt.fullscreenerror]).toLowerCase()]},set onfullscreenerror(t){return Et[("on"+St[yt.fullscreenerror]).toLowerCase()]=t}};function Mt(t,s=2){return Number(t.toFixed(s))}function Tt(t,s,i){return Math.max(t,Math.min(i,s))}function $t(t){return String(t).split(".")[1]?.length??0}!function(){if(_t&&!ct(window.localStorage)){let t={};try{t=JSON.parse(localStorage.getItem("@vidstack/log-colors")??"")}catch{}new Map(Object.entries(t))}}();var Pt=class{constructor(t,s){this._host=t,this._screenOrientationController=s,this._logger=void 0,this._listenerDisposal=new X,t.addController({hostDisconnected:this._handleHostDisconnected.bind(this)})}async _handleHostDisconnected(){this.isFullscreen&&await this.exitFullscreen(),this._listenerDisposal.empty()}get isSupported(){return this.isSupportedNatively}get isSupportedNatively(){return Ct.fullscreenEnabled}get isFullscreen(){return this.isNativeFullscreen}get isNativeFullscreen(){if(Ct.fullscreenElement===this._host)return!0;try{return this._host.matches(Ct.fullscreenPseudoClass)}catch(t){return!1}}_addFullscreenChangeEventListener(t){if(!this.isSupported)return dt;const s=Q(Ct,"fullscreenchange",t);return()=>{s()}}_addFullscreenErrorEventListener(t){if(!this.isSupported)return dt;const s=Q(Ct,"fullscreenerror",t);return()=>{s()}}async enterFullscreen(){if(this.isFullscreen)return;this._throwIfNoFullscreenSupport(),this._listenerDisposal.add(this._addFullscreenChangeEventListener(this._handleFullscreenChange.bind(this))),this._listenerDisposal.add(this._addFullscreenErrorEventListener(this._handleFullscreenError.bind(this)));const t=await this._makeEnterFullscreenRequest();return await this._lockScreenOrientation(),t}async _makeEnterFullscreenRequest(){return Ct.requestFullscreen(this._host)}_handleFullscreenChange(t){this.isFullscreen||this._listenerDisposal.empty(),this._host.dispatchEvent(st("vds-fullscreen-change",{bubbles:!0,composed:!0,detail:this.isFullscreen,triggerEvent:t}))}_handleFullscreenError(t){this._host.dispatchEvent(st("vds-fullscreen-error",{bubbles:!0,composed:!0,triggerEvent:t}))}async exitFullscreen(){if(!this.isFullscreen)return;this._throwIfNoFullscreenSupport();const t=await this._makeExitFullscreenRequest();return await this._unlockScreenOrientation(),t}async _makeExitFullscreenRequest(){return Ct.exitFullscreen()}_shouldOrientScreen(){return this._screenOrientationController.canOrient&&!ct(this.screenOrientationLock)}async _lockScreenOrientation(){!ct(this.screenOrientationLock)&&this._shouldOrientScreen()&&await this._screenOrientationController.lock(this.screenOrientationLock)}async _unlockScreenOrientation(){this._shouldOrientScreen()&&await this._screenOrientationController.unlock()}_throwIfNoFullscreenSupport(){if(!this.isSupported)throw Error("Fullscreen API is not enabled or supported in this environment.")}},Ft=class{constructor(t){this._host=t;const s=new X;let i=!1;s.add(Q(document,"pointerdown",(()=>{i=!1}))),G(t,"keydown",(t=>{t.metaKey||t.altKey||t.ctrlKey||(i=!0)})),G(t,"focus",(()=>{i&&t.classList.add("focus-visible")})),G(t,"blur",(()=>{t.classList.remove("focus-visible")})),t.addController({hostDisconnected:()=>{s.empty()}})}};function At(t){return new Ft(t)}var Dt=class{constructor(t,s={},i=()=>!0,e){this._host=t,this._callback=i,this._logger=e,this._skipInitial=!1,this._unobservedUpdate=!1;const{target:h,skipInitial:n,...r}=s;this._target=h??void 0,this._skipInitial=n??this._skipInitial,window.IntersectionObserver&&(this._observer=new IntersectionObserver((t=>{const s=this._unobservedUpdate;this._unobservedUpdate=!1,this._skipInitial&&s||(this.handleChanges(t),this._host.requestUpdate())}),r),t.addController(this))}handleChanges(t){this.value=this._callback(t,this._observer)}hostConnected(){this._target&&this.observe(this._target)}hostDisconnected(){this._disconnect()}async hostUpdated(){const t=this._observer.takeRecords();t.length&&this.handleChanges(t)}observe(t){return this._observer.observe(t),this._unobservedUpdate=!0,()=>{this._observer.unobserve(t)}}_disconnect(){this._observer.disconnect()}};function qt(){let t=dt,s=dt;return{promise:new Promise(((i,e)=>{t=i,s=e})),resolve:t,reject:s}}var Ot=class{constructor(){this._requestQueue=new Map,this._requestKeys=[],this._pendingFlush=qt(),this._isServing=!1}get isServing(){return this._isServing}get size(){return this._requestQueue.size}async waitForFlush(){this._isServing||await this._pendingFlush.promise}queue(t,s){this._isServing?s():(this._requestKeys=[...this._requestKeys.filter((s=>s!==t)),t],this._requestQueue.set(t,s))}serve(t){this._requestQueue.get(t)?.(),this._requestQueue.delete(t)}start(){this._flush(),this._isServing=!0,this._requestQueue.size>0&&this._flush()}_flush(){for(const t of this._requestKeys)this.serve(t);this._requestKeys=[],this._release()}_empty(){this._requestQueue.clear()}_release(){this._pendingFlush.resolve(),this._pendingFlush=qt()}stop(){this._isServing=!1}destroy(){this.stop(),this._empty(),this._release()}};function Lt(t){const s=new Ot;return t.addController({hostConnected:s.start.bind(s),hostDisconnected:s.destroy.bind(s)}),s}var Vt=class{constructor(t){this._host=t,this._isScreenOrientationLocked=!1,this._logger=void 0,this._updateScreenOrientation(),this._listenerDisposal=new X,t.addController({hostConnected:this._handleHostConnected.bind(this),hostDisconnected:this._handleHostDisconnected.bind(this)})}async _handleHostConnected(){this._updateScreenOrientation(),this._addScreenOrientationEventListeners()}async _handleHostDisconnected(){this.canOrient&&this._isScreenOrientationLocked&&await this.unlock(),this._listenerDisposal.empty()}get currentOrientation(){return this._screenOrientation}get canOrient(){return _t&&!ct(screen.orientation)&&vt(screen.orientation.lock)&&vt(screen.orientation.unlock)}get isLocked(){return this._isScreenOrientationLocked}async lock(t){this._throwIfScreenOrientationUnavailable(),await screen.orientation.lock(t),this._isScreenOrientationLocked=!0,this._host.dispatchEvent(st("vds-screen-orientation-lock-change",{bubbles:!0,composed:!0,detail:t}))}async unlock(){this._throwIfScreenOrientationUnavailable(),await screen.orientation.unlock(),this._isScreenOrientationLocked=!1,this._host.dispatchEvent(st("vds-screen-orientation-lock-change",{bubbles:!0,composed:!0,detail:screen.orientation.type}))}_addScreenOrientationEventListeners(){this.canOrient&&this._listenerDisposal.add(this._addScreenOrientationChangeEventListener())}_addScreenOrientationChangeEventListener(){return Q(screen.orientation,"change",this._handleOrientationChange.bind(this))}_handleOrientationChange(t){this._screenOrientation=window.screen.orientation.type,this._host.dispatchEvent(st("vds-screen-orientation-change",{bubbles:!0,composed:!0,detail:this._screenOrientation,triggerEvent:t}))}_updateScreenOrientation(){this._screenOrientation=_t?window.screen?.orientation?.type:void 0}_throwIfScreenOrientationUnavailable(){if(!this.canOrient)throw Error("Screen orientation API is not available.")}};function Nt(t){return Object.keys(t)}var Rt=[];function It(t,s=dt){let i;const e=new Set;function h(s){if(function(t,s){return t!=t?s==s:t!==s||t&&"object"==typeof t||"function"==typeof t}(t,s)&&(t=s,i)){const s=!Rt.length;for(const s of e)s[1](),Rt.push(s,t);if(s){for(let t=0;t<Rt.length;t+=2)Rt[t][0](Rt[t+1]);Rt.length=0}}}return{initialValue:t,set:h,update:function(s){h(s(t))},subscribe:function(n,r=dt){const a=[n,r];return e.add(a),1===e.size&&(i=s(h)||dt),n(t),()=>{e.delete(a),0===e.size&&(i?.(),i=null)}}}}function Bt(t,s,i){const e=!Array.isArray(t),h=e?[t]:t,n=s.length<2;return a=t=>{let i=!1;const r=[];let a=0,o=dt;const d=()=>{if(a)return;o();const i=s(e?r[0]:r,t);n?t(i):o=vt(i)?i:dt},c=h.map(((t,s)=>t.subscribe((t=>{r[s]=t,a&=~(1<<s),i&&d()}),(()=>{a|=1<<s}))));return i=!0,d(),function(){c.forEach((t=>t())),o()}},{initialValue:r=i,subscribe:It(r,a).subscribe};var r,a}function jt(t){let s;return t.subscribe((t=>s=t))(),s}function Ut(t,s){for(const i of Nt(t)){const e=t[i],h=s[i];if(!e||!h)continue;const n=jt(e);n!==jt(h)&&h.set(n)}}function Ht(t){return new Proxy(t,{get:(t,s)=>jt(t[s]),has:(t,s)=>Reflect.has(t,s),ownKeys:t=>Reflect.ownKeys(t),getOwnPropertyDescriptor:(t,s)=>Reflect.getOwnPropertyDescriptor(t,s)})}function Wt(t){return new Promise((s=>{const i=window.requestAnimationFrame((async()=>{await(t?.()),s(i)}))}))}function Kt(t,s,i=_t){const e=i&&!ct(window.customElements.get(t));i&&!e&&window.customElements.define(t,s)}function Zt(t,s,i){if(lt(i)||!1===i)t.removeAttribute(s);else{const e=pt(i)?i:"";t.setAttribute(s,e)}}function Jt(t,s,i){t.hasAttribute(s)||t.setAttribute(s,i)}function Yt(t,s,i,e="vds"){t.style.setProperty(`--${e}-${s}`,i||null)}function Qt(t){const s=window.requestIdleCallback??(t=>t());"complete"===document.readyState?s(t):window.addEventListener("load",(()=>{s(t)}),{once:!0})}function Xt(t){return t?.type.startsWith("key")??!1}function Gt(t,s){const i=String(t),e=i.length;return e<s?`${"0".repeat(s-e)}${t}`:i}function ts(t){return{hours:Math.trunc(t/3600),minutes:Math.trunc(t%3600/60),seconds:Math.trunc(t%60),fraction:Number((t-Math.trunc(t)).toPrecision(3))}}function ss(t,s=!1,i=!1){const{hours:e,minutes:h,seconds:n}=ts(t),r=s?Gt(e,2):e,a=Gt(h,2),o=Gt(n,2);return e>0||i?`${r}:${a}:${o}`:`${h}:${o}`}function is(t){const s=[],{hours:i,minutes:e,seconds:h}=ts(t),n=(t,s)=>1===t?s:`${s}s`;return i>0&&s.push(`${i} ${n(i,"hour")}`),e>0&&s.push(`${e} ${n(e,"minute")}`),(h>0||0===s.length)&&s.push(`${h} ${n(h,"second")}`),s.join(", ")}function es(t){let s;const i=()=>!ct(s);function e(...e){i()||(s=window.requestAnimationFrame((()=>{t.apply(this,e),s=void 0})))}return e.cancel=()=>{ct(s)||(window.cancelAnimationFrame(s),s=void 0)},e.pending=i,e}var hs=at((()=>It(void 0)));function ns(t,s,i,e){return function(t,s,i){if(!ut(s)||s<0||s>i)throw new Error(`Failed to execute '${t}' on 'TimeRanges': The index provided (${s}) is non-numeric or out of bounds (0-${i}).`)}(t,e,i.length-1),i[e][s]}function rs(t){if(ct(t)||0===t.length){const t=()=>{throw new Error("This TimeRanges object is empty")};return{length:0,start:t,end:t}}return{length:t.length,start:ns.bind(null,"start",0,t),end:ns.bind(null,"end",1,t)}}function as(t,s){return Array.isArray(t)?rs(t):ct(t)||ct(s)?rs():rs([[t,s]])}var os={autoplay:!1,autoplayError:void 0,buffered:as(),duration:0,bufferedAmount:0,canLoad:!1,canPlay:!1,canFullscreen:!1,controls:!1,poster:"",currentSrc:"",currentTime:0,ended:!1,error:void 0,fullscreen:!1,userIdle:!1,loop:!1,mediaType:"unknown",muted:!1,paused:!0,played:as(),playing:!1,playsinline:!1,seekable:as(),seekableAmount:0,seeking:!1,src:[],started:!1,viewType:"unknown",volume:1,waiting:!1};function ds(){const t={};for(const s of Nt(os))t[s]=It(os[s]);return t}var cs=new Set(["autoplay","canFullscreen","canLoad","controls","currentSrc","loop","muted","playsinline","poster","src","viewType","volume"]),ls=at(ds);function us(t,s,i){return function(t,s,i,e){if(!ot(s))return function(t,s,i){let e,h;const n=()=>{h=(e?.value??s).subscribe(i)};ot(s)&&(e=s.consume(t)),t.addController({hostConnected(){ot(s)?e.whenRegistered(n):n()},hostDisconnected(){h?.()}})}(t,s[i],e);{const h=s.consume(t);let n;const r=()=>{n=h.value[i].subscribe(e)};t.addController({hostConnected:()=>{h.whenRegistered(r)},hostDisconnected:()=>{n?.()}})}}(t,ls,s,i)}var ps=Object.defineProperty,vs=Object.getOwnPropertyDescriptor,gs=(t,s,i,e)=>{for(var h,n=e>1?void 0:e?vs(s,i):s,r=t.length-1;r>=0;r--)(h=t[r])&&(n=(e?h(s,i,n):h(n))||n);return e&&n&&ps(s,i,n),n};
+ */var a;const o=window,d=o.trustedTypes,c=d?d.createPolicy("lit-html",{createHTML:t=>t}):void 0,l="$lit$",u=`lit$${(Math.random()+"").slice(9)}$`,p="?"+u,v=`<${p}>`,g=document,f=()=>g.createComment(""),m=t=>null===t||"object"!=typeof t&&"function"!=typeof t,_=Array.isArray,b="[ \t\n\f\r]",z=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,y=/-->/g,w=/>/g,k=RegExp(`>|${b}(?:([^\\s"'>=/]+)(${b}*=${b}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),x=/'/g,E=/"/g,S=/^(?:script|style|textarea|title)$/i,C=(t,...s)=>({_$litType$:1,strings:t,values:s}),M=Symbol.for("lit-noChange"),T=Symbol.for("lit-nothing"),$=new WeakMap,P=g.createTreeWalker(g,129,null,!1);function F(t,s){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==c?c.createHTML(s):s}const A=(t,s)=>{const i=t.length-1,e=[];let h,n=2===s?"<svg>":"",r=z;for(let s=0;s<i;s++){const i=t[s];let a,o,d=-1,c=0;for(;c<i.length&&(r.lastIndex=c,o=r.exec(i),null!==o);)c=r.lastIndex,r===z?"!--"===o[1]?r=y:void 0!==o[1]?r=w:void 0!==o[2]?(S.test(o[2])&&(h=RegExp("</"+o[2],"g")),r=k):void 0!==o[3]&&(r=k):r===k?">"===o[0]?(r=null!=h?h:z,d=-1):void 0===o[1]?d=-2:(d=r.lastIndex-o[2].length,a=o[1],r=void 0===o[3]?k:'"'===o[3]?E:x):r===E||r===x?r=k:r===y||r===w?r=z:(r=k,h=void 0);const p=r===k&&t[s+1].startsWith("/>")?" ":"";n+=r===z?i+v:d>=0?(e.push(a),i.slice(0,d)+l+i.slice(d)+u+p):i+u+(-2===d?(e.push(void 0),s):p)}return[F(t,n+(t[i]||"<?>")+(2===s?"</svg>":"")),e]};class D{constructor({strings:t,_$litType$:s},i){let e;this.parts=[];let h=0,n=0;const r=t.length-1,a=this.parts,[o,c]=A(t,s);if(this.el=D.createElement(o,i),P.currentNode=this.el.content,2===s){const t=this.el.content,s=t.firstChild;s.remove(),t.append(...s.childNodes)}for(;null!==(e=P.nextNode())&&a.length<r;){if(1===e.nodeType){if(e.hasAttributes()){const t=[];for(const s of e.getAttributeNames())if(s.endsWith(l)||s.startsWith(u)){const i=c[n++];if(t.push(s),void 0!==i){const t=e.getAttribute(i.toLowerCase()+l).split(u),s=/([.?@])?(.*)/.exec(i);a.push({type:1,index:h,name:s[2],strings:t,ctor:"."===s[1]?N:"?"===s[1]?I:"@"===s[1]?B:V})}else a.push({type:6,index:h})}for(const s of t)e.removeAttribute(s)}if(S.test(e.tagName)){const t=e.textContent.split(u),s=t.length-1;if(s>0){e.textContent=d?d.emptyScript:"";for(let i=0;i<s;i++)e.append(t[i],f()),P.nextNode(),a.push({type:2,index:++h});e.append(t[s],f())}}}else if(8===e.nodeType)if(e.data===p)a.push({type:2,index:h});else{let t=-1;for(;-1!==(t=e.data.indexOf(u,t+1));)a.push({type:7,index:h}),t+=u.length-1}h++}}static createElement(t,s){const i=g.createElement("template");return i.innerHTML=t,i}}function q(t,s,i=t,e){var h,n,r,a;if(s===M)return s;let o=void 0!==e?null===(h=i._$Co)||void 0===h?void 0:h[e]:i._$Cl;const d=m(s)?void 0:s._$litDirective$;return(null==o?void 0:o.constructor)!==d&&(null===(n=null==o?void 0:o._$AO)||void 0===n||n.call(o,!1),void 0===d?o=void 0:(o=new d(t),o._$AT(t,i,e)),void 0!==e?(null!==(r=(a=i)._$Co)&&void 0!==r?r:a._$Co=[])[e]=o:i._$Cl=o),void 0!==o&&(s=q(t,o._$AS(t,s.values),o,e)),s}class O{constructor(t,s){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=s}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var s;const{el:{content:i},parts:e}=this._$AD,h=(null!==(s=null==t?void 0:t.creationScope)&&void 0!==s?s:g).importNode(i,!0);P.currentNode=h;let n=P.nextNode(),r=0,a=0,o=e[0];for(;void 0!==o;){if(r===o.index){let s;2===o.type?s=new L(n,n.nextSibling,this,t):1===o.type?s=new o.ctor(n,o.name,o.strings,this,t):6===o.type&&(s=new j(n,this,t)),this._$AV.push(s),o=e[++a]}r!==(null==o?void 0:o.index)&&(n=P.nextNode(),r++)}return P.currentNode=g,h}v(t){let s=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,s),s+=i.strings.length-2):i._$AI(t[s])),s++}}class L{constructor(t,s,i,e){var h;this.type=2,this._$AH=T,this._$AN=void 0,this._$AA=t,this._$AB=s,this._$AM=i,this.options=e,this._$Cp=null===(h=null==e?void 0:e.isConnected)||void 0===h||h}get _$AU(){var t,s;return null!==(s=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==s?s:this._$Cp}get parentNode(){let t=this._$AA.parentNode;const s=this._$AM;return void 0!==s&&11===(null==t?void 0:t.nodeType)&&(t=s.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,s=this){t=q(this,t,s),m(t)?t===T||null==t||""===t?(this._$AH!==T&&this._$AR(),this._$AH=T):t!==this._$AH&&t!==M&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):(t=>_(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==T&&m(this._$AH)?this._$AA.nextSibling.data=t:this.$(g.createTextNode(t)),this._$AH=t}g(t){var s;const{values:i,_$litType$:e}=t,h="number"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=D.createElement(F(e.h,e.h[0]),this.options)),e);if((null===(s=this._$AH)||void 0===s?void 0:s._$AD)===h)this._$AH.v(i);else{const t=new O(h,this),s=t.u(this.options);t.v(i),this.$(s),this._$AH=t}}_$AC(t){let s=$.get(t.strings);return void 0===s&&$.set(t.strings,s=new D(t)),s}T(t){_(this._$AH)||(this._$AH=[],this._$AR());const s=this._$AH;let i,e=0;for(const h of t)e===s.length?s.push(i=new L(this.k(f()),this.k(f()),this,this.options)):i=s[e],i._$AI(h),e++;e<s.length&&(this._$AR(i&&i._$AB.nextSibling,e),s.length=e)}_$AR(t=this._$AA.nextSibling,s){var i;for(null===(i=this._$AP)||void 0===i||i.call(this,!1,!0,s);t&&t!==this._$AB;){const s=t.nextSibling;t.remove(),t=s}}setConnected(t){var s;void 0===this._$AM&&(this._$Cp=t,null===(s=this._$AP)||void 0===s||s.call(this,t))}}class V{constructor(t,s,i,e,h){this.type=1,this._$AH=T,this._$AN=void 0,this.element=t,this.name=s,this._$AM=e,this.options=h,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=T}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,s=this,i,e){const h=this.strings;let n=!1;if(void 0===h)t=q(this,t,s,0),n=!m(t)||t!==this._$AH&&t!==M,n&&(this._$AH=t);else{const e=t;let r,a;for(t=h[0],r=0;r<h.length-1;r++)a=q(this,e[i+r],s,r),a===M&&(a=this._$AH[r]),n||(n=!m(a)||a!==this._$AH[r]),a===T?t=T:t!==T&&(t+=(null!=a?a:"")+h[r+1]),this._$AH[r]=a}n&&!e&&this.j(t)}j(t){t===T?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class N extends V{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===T?void 0:t}}const R=d?d.emptyScript:"";class I extends V{constructor(){super(...arguments),this.type=4}j(t){t&&t!==T?this.element.setAttribute(this.name,R):this.element.removeAttribute(this.name)}}class B extends V{constructor(t,s,i,e,h){super(t,s,i,e,h),this.type=5}_$AI(t,s=this){var i;if((t=null!==(i=q(this,t,s,0))&&void 0!==i?i:T)===M)return;const e=this._$AH,h=t===T&&e!==T||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,n=t!==T&&(e===T||h);h&&this.element.removeEventListener(this.name,this,e),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var s,i;"function"==typeof this._$AH?this._$AH.call(null!==(i=null===(s=this.options)||void 0===s?void 0:s.host)&&void 0!==i?i:this.element,t):this._$AH.handleEvent(t)}}class j{constructor(t,s,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=s,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){q(this,t)}}const U=o.litHtmlPolyfillSupport;var H,W;null==U||U(D,L),(null!==(a=o.litHtmlVersions)&&void 0!==a?a:o.litHtmlVersions=[]).push("2.8.0");var K,Z,J=n((W||(W=1,H=function(t,s,i){var e=null,h=null,n=function(){e&&(clearTimeout(e),h=null,e=null)},r=function(){if(!s)return t.apply(this,arguments);var r=this,a=arguments,o=i&&!e;return n(),h=function(){t.apply(r,a)},e=setTimeout((function(){if(e=null,!o){var t=h;return h=null,t()}}),s),o?h():void 0};return r.cancel=n,r.flush=function(){var t=h;n(),t&&t()},r}),H)),Y=n((Z||(Z=1,K=function(t,s,i){var e=null,h=null,n=i&&i.leading,r=i&&i.trailing;null==n&&(n=!0),null==r&&(r=!n),1==n&&(r=!1);var a=function(){e&&(clearTimeout(e),e=null)},o=function(){var i=n&&!e,a=this,o=arguments;if(h=function(){return t.apply(a,o)},e||(e=setTimeout((function(){if(e=null,r)return h()}),s)),i)return i=!1,h()};return o.cancel=a,o.flush=function(){var t=h;a(),t&&t()},o}),K));function G(t,s,i,e){return t.addEventListener(s,i,e),()=>{t.removeEventListener(s,i,e)}}var Q=class{constructor(){this._disposal=this._disposal??[]}add(...t){t&&t.forEach((t=>{this._disposal.push(t)}))}empty(){this._disposal.forEach((t=>t())),this._disposal=[]}};function X(t,s,i,e){let h;function n(){h||(h=G(e?.target??t,s,i,e))}n(),t.addController({hostConnected(){n()},hostDisconnected(){h?.(),h=void 0}})}var tt=class extends CustomEvent{constructor(t,s={}){super(t,s),this.triggerEvent=s.triggerEvent,this.hasOwnProperty("originEvent")||Object.defineProperties(this,{originEvent:{get(){return it(this)??this}},isOriginTrusted:{get(){return it(this)?.isTrusted??!1}}})}get originEvent(){return it(this)??this}get isOriginTrusted(){return this.originEvent?.isTrusted??!1}};function st(t,s={}){return new tt(t,s)}function it(t){let s=t.triggerEvent;for(;s&&s.triggerEvent;)s=s.triggerEvent;return s}function et(t,s){(it(t)??t).triggerEvent=s}var ht=new Map,nt=class{constructor(t,s,i){this._host=t,this.initialValue=s,this._options=i,this._registrationCallbacks=[],t.addController({hostConnected:()=>{this._connect()},hostDisconnected:()=>{delete this._host[this.id]}})}get id(){return this._options.id}get value(){return this._host[this.id]??this.initialValue}get registered(){return this.id in this._host}_connect(){if(this.id in this._host)return;const t=t=>{this._host[this.id]=t,this._registrationCallbacks?.forEach((s=>s(t))),this._registrationCallbacks=void 0};if(this._host.dispatchEvent(st("vds-context-consumer-connect",{bubbles:!0,composed:!0,detail:{id:this.id,setValue:t}})),!this.registered){const s=ht.get(this.id)??[];s.push({host:this._host,setValue:t}),ht.set(this.id,s)}}whenRegistered(t){this.registered?t(this.value):this._registrationCallbacks?.push(t)}},rt=class{constructor(t,s,i){this._host=t,this._initValue=s,this._options=i,this._stopDisposal=new Q,this._value=s(),t.addController({hostConnected:this.start.bind(this),hostDisconnected:this.stop.bind(this)})}get id(){return this._options.id}get value(){return this._value}start(){const t=G(this._host,"vds-context-consumer-connect",this._handleConsumerConnect.bind(this));for(const t of function(t,s){const i=ht.get(t)??[],e=i.filter((({host:t})=>s.contains(t)));return ht.set(t,i.filter((({host:t})=>!s.contains(t)))),e}(this.id,this._host))t.setValue(this._value);this._stopDisposal.add(t)}stop(){this._stopDisposal.empty()}_handleConsumerConnect(t){const s=t.detail;s.id===this.id&&(t.stopImmediatePropagation(),s.setValue(this._value))}};function at(t){const s=Symbol("@vidstack/context");return{id:s,consume:i=>new nt(i,t(),{id:s}),provide:i=>new rt(i,t,{id:s})}}function ot(t){return"symbol"==typeof t?.id&&"@vidstack/context"===t.id.description}function dt(){}function ct(t){return void 0===t}function lt(t){return function(t){return null===t}(t)||ct(t)}function ut(t){return"number"==typeof t&&!Number.isNaN(t)}function pt(t){return"string"==typeof t}function vt(t){return"function"==typeof t}var gt=new Map,ft=new Map;function mt(t,s,i={}){const e=i.register,h=new Q,n=t=>{h.add(t)},r={element:t,onDisconnect:n};t.addController({hostConnected(){const i=st(s,{bubbles:!0,composed:!0,detail:r});t.dispatchEvent(i),e&&(ft.set(e,(ft.get(e)??new Set).add(r)),function(t,s,i){for(const{host:e,callback:h}of Array.from(gt.get(s)??[]))e!==t&&e.contains(t)&&h(t,i)}(t,e,n))},hostDisconnected(){h.empty(),e&&ft.get(e)?.delete(r)}})}var _t="undefined"!=typeof window,bt=_t?window.navigator?.userAgent.toLowerCase():"",zt=/iphone|ipad|ipod|ios|CriOS|FxiOS/.test(bt),yt={fullscreenEnabled:0,fullscreenElement:1,requestFullscreen:2,exitFullscreen:3,fullscreenchange:4,fullscreenerror:5,fullscreen:6},wt=["webkitFullscreenEnabled","webkitFullscreenElement","webkitRequestFullscreen","webkitExitFullscreen","webkitfullscreenchange","webkitfullscreenerror","-webkit-full-screen"],kt=["mozFullScreenEnabled","mozFullScreenElement","mozRequestFullScreen","mozCancelFullScreen","mozfullscreenchange","mozfullscreenerror","-moz-full-screen"],xt=["msFullscreenEnabled","msFullscreenElement","msRequestFullscreen","msExitFullscreen","MSFullscreenChange","MSFullscreenError","-ms-fullscreen"],Et="undefined"!=typeof window&&void 0!==window.document?window.document:{},St="fullscreenEnabled"in Et&&Object.keys(yt)||wt[0]in Et&&wt||kt[0]in Et&&kt||xt[0]in Et&&xt||[],Ct={requestFullscreen:function(t){return t[St[yt.requestFullscreen]]()},requestFullscreenFunction:function(t){return t[St[yt.requestFullscreen]]},get exitFullscreen(){return Et[St[yt.exitFullscreen]].bind(Et)},get fullscreenPseudoClass(){return":"+St[yt.fullscreen]},addEventListener:function(t,s,i){return Et.addEventListener(St[yt[t]],s,i)},removeEventListener:function(t,s,i){return Et.removeEventListener(St[yt[t]],s,i)},get fullscreenEnabled(){return Boolean(Et[St[yt.fullscreenEnabled]])},set fullscreenEnabled(t){},get fullscreenElement(){return Et[St[yt.fullscreenElement]]},set fullscreenElement(t){},get onfullscreenchange(){return Et[("on"+St[yt.fullscreenchange]).toLowerCase()]},set onfullscreenchange(t){return Et[("on"+St[yt.fullscreenchange]).toLowerCase()]=t},get onfullscreenerror(){return Et[("on"+St[yt.fullscreenerror]).toLowerCase()]},set onfullscreenerror(t){return Et[("on"+St[yt.fullscreenerror]).toLowerCase()]=t}};function Mt(t,s=2){return Number(t.toFixed(s))}function Tt(t,s,i){return Math.max(t,Math.min(i,s))}function $t(t){return String(t).split(".")[1]?.length??0}!function(){if(_t&&!ct(window.localStorage)){let t={};try{t=JSON.parse(localStorage.getItem("@vidstack/log-colors")??"")}catch{}new Map(Object.entries(t))}}();var Pt=class{constructor(t,s){this._host=t,this._screenOrientationController=s,this._logger=void 0,this._listenerDisposal=new Q,t.addController({hostDisconnected:this._handleHostDisconnected.bind(this)})}async _handleHostDisconnected(){this.isFullscreen&&await this.exitFullscreen(),this._listenerDisposal.empty()}get isSupported(){return this.isSupportedNatively}get isSupportedNatively(){return Ct.fullscreenEnabled}get isFullscreen(){return this.isNativeFullscreen}get isNativeFullscreen(){if(Ct.fullscreenElement===this._host)return!0;try{return this._host.matches(Ct.fullscreenPseudoClass)}catch(t){return!1}}_addFullscreenChangeEventListener(t){if(!this.isSupported)return dt;const s=G(Ct,"fullscreenchange",t);return()=>{s()}}_addFullscreenErrorEventListener(t){if(!this.isSupported)return dt;const s=G(Ct,"fullscreenerror",t);return()=>{s()}}async enterFullscreen(){if(this.isFullscreen)return;this._throwIfNoFullscreenSupport(),this._listenerDisposal.add(this._addFullscreenChangeEventListener(this._handleFullscreenChange.bind(this))),this._listenerDisposal.add(this._addFullscreenErrorEventListener(this._handleFullscreenError.bind(this)));const t=await this._makeEnterFullscreenRequest();return await this._lockScreenOrientation(),t}async _makeEnterFullscreenRequest(){return Ct.requestFullscreen(this._host)}_handleFullscreenChange(t){this.isFullscreen||this._listenerDisposal.empty(),this._host.dispatchEvent(st("vds-fullscreen-change",{bubbles:!0,composed:!0,detail:this.isFullscreen,triggerEvent:t}))}_handleFullscreenError(t){this._host.dispatchEvent(st("vds-fullscreen-error",{bubbles:!0,composed:!0,triggerEvent:t}))}async exitFullscreen(){if(!this.isFullscreen)return;this._throwIfNoFullscreenSupport();const t=await this._makeExitFullscreenRequest();return await this._unlockScreenOrientation(),t}async _makeExitFullscreenRequest(){return Ct.exitFullscreen()}_shouldOrientScreen(){return this._screenOrientationController.canOrient&&!ct(this.screenOrientationLock)}async _lockScreenOrientation(){!ct(this.screenOrientationLock)&&this._shouldOrientScreen()&&await this._screenOrientationController.lock(this.screenOrientationLock)}async _unlockScreenOrientation(){this._shouldOrientScreen()&&await this._screenOrientationController.unlock()}_throwIfNoFullscreenSupport(){if(!this.isSupported)throw Error("Fullscreen API is not enabled or supported in this environment.")}},Ft=class{constructor(t){this._host=t;const s=new Q;let i=!1;s.add(G(document,"pointerdown",(()=>{i=!1}))),X(t,"keydown",(t=>{t.metaKey||t.altKey||t.ctrlKey||(i=!0)})),X(t,"focus",(()=>{i&&t.classList.add("focus-visible")})),X(t,"blur",(()=>{t.classList.remove("focus-visible")})),t.addController({hostDisconnected:()=>{s.empty()}})}};function At(t){return new Ft(t)}var Dt=class{constructor(t,s={},i=()=>!0,e){this._host=t,this._callback=i,this._logger=e,this._skipInitial=!1,this._unobservedUpdate=!1;const{target:h,skipInitial:n,...r}=s;this._target=h??void 0,this._skipInitial=n??this._skipInitial,window.IntersectionObserver&&(this._observer=new IntersectionObserver((t=>{const s=this._unobservedUpdate;this._unobservedUpdate=!1,this._skipInitial&&s||(this.handleChanges(t),this._host.requestUpdate())}),r),t.addController(this))}handleChanges(t){this.value=this._callback(t,this._observer)}hostConnected(){this._target&&this.observe(this._target)}hostDisconnected(){this._disconnect()}async hostUpdated(){const t=this._observer.takeRecords();t.length&&this.handleChanges(t)}observe(t){return this._observer.observe(t),this._unobservedUpdate=!0,()=>{this._observer.unobserve(t)}}_disconnect(){this._observer.disconnect()}};function qt(){let t=dt,s=dt;return{promise:new Promise(((i,e)=>{t=i,s=e})),resolve:t,reject:s}}var Ot=class{constructor(){this._requestQueue=new Map,this._requestKeys=[],this._pendingFlush=qt(),this._isServing=!1}get isServing(){return this._isServing}get size(){return this._requestQueue.size}async waitForFlush(){this._isServing||await this._pendingFlush.promise}queue(t,s){this._isServing?s():(this._requestKeys=[...this._requestKeys.filter((s=>s!==t)),t],this._requestQueue.set(t,s))}serve(t){this._requestQueue.get(t)?.(),this._requestQueue.delete(t)}start(){this._flush(),this._isServing=!0,this._requestQueue.size>0&&this._flush()}_flush(){for(const t of this._requestKeys)this.serve(t);this._requestKeys=[],this._release()}_empty(){this._requestQueue.clear()}_release(){this._pendingFlush.resolve(),this._pendingFlush=qt()}stop(){this._isServing=!1}destroy(){this.stop(),this._empty(),this._release()}};function Lt(t){const s=new Ot;return t.addController({hostConnected:s.start.bind(s),hostDisconnected:s.destroy.bind(s)}),s}var Vt=class{constructor(t){this._host=t,this._isScreenOrientationLocked=!1,this._logger=void 0,this._updateScreenOrientation(),this._listenerDisposal=new Q,t.addController({hostConnected:this._handleHostConnected.bind(this),hostDisconnected:this._handleHostDisconnected.bind(this)})}async _handleHostConnected(){this._updateScreenOrientation(),this._addScreenOrientationEventListeners()}async _handleHostDisconnected(){this.canOrient&&this._isScreenOrientationLocked&&await this.unlock(),this._listenerDisposal.empty()}get currentOrientation(){return this._screenOrientation}get canOrient(){return _t&&!ct(screen.orientation)&&vt(screen.orientation.lock)&&vt(screen.orientation.unlock)}get isLocked(){return this._isScreenOrientationLocked}async lock(t){this._throwIfScreenOrientationUnavailable(),await screen.orientation.lock(t),this._isScreenOrientationLocked=!0,this._host.dispatchEvent(st("vds-screen-orientation-lock-change",{bubbles:!0,composed:!0,detail:t}))}async unlock(){this._throwIfScreenOrientationUnavailable(),await screen.orientation.unlock(),this._isScreenOrientationLocked=!1,this._host.dispatchEvent(st("vds-screen-orientation-lock-change",{bubbles:!0,composed:!0,detail:screen.orientation.type}))}_addScreenOrientationEventListeners(){this.canOrient&&this._listenerDisposal.add(this._addScreenOrientationChangeEventListener())}_addScreenOrientationChangeEventListener(){return G(screen.orientation,"change",this._handleOrientationChange.bind(this))}_handleOrientationChange(t){this._screenOrientation=window.screen.orientation.type,this._host.dispatchEvent(st("vds-screen-orientation-change",{bubbles:!0,composed:!0,detail:this._screenOrientation,triggerEvent:t}))}_updateScreenOrientation(){this._screenOrientation=_t?window.screen?.orientation?.type:void 0}_throwIfScreenOrientationUnavailable(){if(!this.canOrient)throw Error("Screen orientation API is not available.")}};function Nt(t){return Object.keys(t)}var Rt=[];function It(t,s=dt){let i;const e=new Set;function h(s){if(function(t,s){return t!=t?s==s:t!==s||t&&"object"==typeof t||"function"==typeof t}(t,s)&&(t=s,i)){const s=!Rt.length;for(const s of e)s[1](),Rt.push(s,t);if(s){for(let t=0;t<Rt.length;t+=2)Rt[t][0](Rt[t+1]);Rt.length=0}}}return{initialValue:t,set:h,update:function(s){h(s(t))},subscribe:function(n,r=dt){const a=[n,r];return e.add(a),1===e.size&&(i=s(h)||dt),n(t),()=>{e.delete(a),0===e.size&&(i?.(),i=null)}}}}function Bt(t,s,i){const e=!Array.isArray(t),h=e?[t]:t,n=s.length<2;return a=t=>{let i=!1;const r=[];let a=0,o=dt;const d=()=>{if(a)return;o();const i=s(e?r[0]:r,t);n?t(i):o=vt(i)?i:dt},c=h.map(((t,s)=>t.subscribe((t=>{r[s]=t,a&=~(1<<s),i&&d()}),(()=>{a|=1<<s}))));return i=!0,d(),function(){c.forEach((t=>t())),o()}},{initialValue:r=i,subscribe:It(r,a).subscribe};var r,a}function jt(t){let s;return t.subscribe((t=>s=t))(),s}function Ut(t,s){for(const i of Nt(t)){const e=t[i],h=s[i];if(!e||!h)continue;const n=jt(e);n!==jt(h)&&h.set(n)}}function Ht(t){return new Proxy(t,{get:(t,s)=>jt(t[s]),has:(t,s)=>Reflect.has(t,s),ownKeys:t=>Reflect.ownKeys(t),getOwnPropertyDescriptor:(t,s)=>Reflect.getOwnPropertyDescriptor(t,s)})}function Wt(t){return new Promise((s=>{const i=window.requestAnimationFrame((async()=>{await(t?.()),s(i)}))}))}function Kt(t,s,i=_t){const e=i&&!ct(window.customElements.get(t));i&&!e&&window.customElements.define(t,s)}function Zt(t,s,i){if(lt(i)||!1===i)t.removeAttribute(s);else{const e=pt(i)?i:"";t.setAttribute(s,e)}}function Jt(t,s,i){t.hasAttribute(s)||t.setAttribute(s,i)}function Yt(t,s,i,e="vds"){t.style.setProperty(`--${e}-${s}`,i||null)}function Gt(t){const s=window.requestIdleCallback??(t=>t());"complete"===document.readyState?s(t):window.addEventListener("load",(()=>{s(t)}),{once:!0})}function Qt(t){return t?.type.startsWith("key")??!1}function Xt(t,s){const i=String(t),e=i.length;return e<s?`${"0".repeat(s-e)}${t}`:i}function ts(t){return{hours:Math.trunc(t/3600),minutes:Math.trunc(t%3600/60),seconds:Math.trunc(t%60),fraction:Number((t-Math.trunc(t)).toPrecision(3))}}function ss(t,s=!1,i=!1){const{hours:e,minutes:h,seconds:n}=ts(t),r=s?Xt(e,2):e,a=Xt(h,2),o=Xt(n,2);return e>0||i?`${r}:${a}:${o}`:`${h}:${o}`}function is(t){const s=[],{hours:i,minutes:e,seconds:h}=ts(t),n=(t,s)=>1===t?s:`${s}s`;return i>0&&s.push(`${i} ${n(i,"hour")}`),e>0&&s.push(`${e} ${n(e,"minute")}`),(h>0||0===s.length)&&s.push(`${h} ${n(h,"second")}`),s.join(", ")}function es(t){let s;const i=()=>!ct(s);function e(...e){i()||(s=window.requestAnimationFrame((()=>{t.apply(this,e),s=void 0})))}return e.cancel=()=>{ct(s)||(window.cancelAnimationFrame(s),s=void 0)},e.pending=i,e}var hs=at((()=>It(void 0)));function ns(t,s,i,e){return function(t,s,i){if(!ut(s)||s<0||s>i)throw new Error(`Failed to execute '${t}' on 'TimeRanges': The index provided (${s}) is non-numeric or out of bounds (0-${i}).`)}(t,e,i.length-1),i[e][s]}function rs(t){if(ct(t)||0===t.length){const t=()=>{throw new Error("This TimeRanges object is empty")};return{length:0,start:t,end:t}}return{length:t.length,start:ns.bind(null,"start",0,t),end:ns.bind(null,"end",1,t)}}function as(t,s){return Array.isArray(t)?rs(t):ct(t)||ct(s)?rs():rs([[t,s]])}var os={autoplay:!1,autoplayError:void 0,buffered:as(),duration:0,bufferedAmount:0,canLoad:!1,canPlay:!1,canFullscreen:!1,controls:!1,poster:"",currentSrc:"",currentTime:0,ended:!1,error:void 0,fullscreen:!1,userIdle:!1,loop:!1,mediaType:"unknown",muted:!1,paused:!0,played:as(),playing:!1,playsinline:!1,seekable:as(),seekableAmount:0,seeking:!1,src:[],started:!1,viewType:"unknown",volume:1,waiting:!1};function ds(){const t={};for(const s of Nt(os))t[s]=It(os[s]);return t}var cs=new Set(["autoplay","canFullscreen","canLoad","controls","currentSrc","loop","muted","playsinline","poster","src","viewType","volume"]),ls=at(ds);function us(t,s,i){return function(t,s,i,e){if(!ot(s))return function(t,s,i){let e,h;const n=()=>{h=(e?.value??s).subscribe(i)};ot(s)&&(e=s.consume(t)),t.addController({hostConnected(){ot(s)?e.whenRegistered(n):n()},hostDisconnected(){h?.()}})}(t,s[i],e);{const h=s.consume(t);let n;const r=()=>{n=h.value[i].subscribe(e)};t.addController({hostConnected:()=>{h.whenRegistered(r)},hostDisconnected:()=>{n?.()}})}}(t,ls,s,i)}var ps=Object.defineProperty,vs=Object.getOwnPropertyDescriptor,gs=(t,s,i,e)=>{for(var h,n=e>1?void 0:e?vs(s,i):s,r=t.length-1;r>=0;r--)(h=t[r])&&(n=(e?h(s,i,n):h(n))||n);return e&&n&&ps(s,i,n),n};
 /**
  * @license
  * Copyright 2019 Google LLC
@@ -31,4 +31,4 @@ const Ls=(t,s)=>"method"===s.kind&&s.descriptor&&!("value"in s.descriptor)?{...s
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */}function Ns(t){return Vs({...t,state:!0})}var Rs=Symbol("@vidstack/media-provider-discovery"),Is=class extends qs{constructor(){super(),this._disconnectDisposal=new X,this._logger=void 0,this.loading="visible",this._attemptingAutoplay=!1,this.controllerQueue=new Ot,this._store=ds(),this._state=Ht(this._store),this.connectedQueue=Lt(this),this.mediaQueue=new Ot,this.screenOrientationController=new Vt(this),this.fullscreenController=new Pt(this,this.screenOrientationController),mt(this,"vds-media-provider-connect",{register:Rs});const t=function(...t){return new Dt(...t)}(this,{target:this,threshold:0},(s=>{/(visible|lazy)/.test(this.loading)?s[0]?.isIntersecting&&(this.startLoadingMedia(),t.hostDisconnected()):t.hostDisconnected()}))}connectedCallback(){super.connectedCallback(),this._logMediaEvents(),window.requestAnimationFrame((()=>{ct(this.canLoadPoster)&&(this.canLoadPoster=!0)}))}firstUpdated(t){super.firstUpdated(t),this.dispatchEvent(st("vds-fullscreen-support-change",{detail:this.canFullscreen})),this.canLoad||"eager"===this.loading?window?.requestAnimationFrame((()=>{this.startLoadingMedia()})):"idle"===this.loading&&Qt((()=>{this.startLoadingMedia()}))}render(){return C`<slot @slotchange="${this.handleDefaultSlotChange}"></slot>`}disconnectedCallback(){this._updateMediaStoreOnDisconnect(this._store),this.mediaQueue.destroy(),this._disconnectDisposal.empty(),super.disconnectedCallback(),Wt((()=>{Wt((()=>{this.isConnected||this.destroy()}))}))}_updateMediaStoreOnDisconnect(t){t.paused.set(!0),t.playing.set(!1),t.seeking.set(!1),t.waiting.set(!1),t.fullscreen.set(!1)}destroy(){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,i=Tt(0,t,1);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)try{t?this.pause():this.play(),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;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;s!==t&&(this._setMuted(t),this.requestUpdate("muted",s))}))}get poster(){return this.state.poster}set poster(t){const s=this.poster;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;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;s!==t&&(this.dispatchEvent(st("vds-controls-change",{detail:t})),this.requestUpdate("controls",s))}get canLoad(){return this.state.canLoad}startLoadingMedia(){this.state.canPlay||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&&0!==this.state.currentTime)return this._setCurrentTime(0)}_throwIfNotVideoView(){if("video"!==this.state.viewType)throw Error("Player is currently not in a video view.")}async _handleMediaReady({event:t,duration:s}){this.state.canPlay||(this.dispatchEvent(st("vds-can-play",{triggerEvent:t,detail:{duration:s}})),this.mediaQueue.start(),await this._attemptAutoplay())}_handleCurrentSrcChange(t,s){this.state.currentSrc!==t&&(this.mediaQueue.stop(),this.dispatchEvent(st("vds-current-src-change",{detail:t,triggerEvent:s})))}get autoplay(){return this.state.autoplay}set autoplay(t){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){this._attemptingAutoplay=!0;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=!1}}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=ds(),this._state=Ht(this._store),this._controller&&(Ut(this._controller._store,this._store),this._updateMediaStoreOnDisconnect(this._controller._store)),this._controller=void 0}))}dispatchEvent(t){return!this._controller&&t.type.startsWith("vds-")&&"vds-destroy"!==t.type?(this.controllerQueue.queue(t.type,(()=>{super.dispatchEvent(t)})),!1):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;s!==t&&(this.fullscreenController.screenOrientationLock=t,this.requestUpdate("fullscreen-orientation",s))}enterFullscreen(){return this.fullscreenController.enterFullscreen()}exitFullscreen(){return this.fullscreenController.exitFullscreen()}};gs([Vs({type:Number})],Is.prototype,"volume",1),gs([Vs({type:Boolean})],Is.prototype,"paused",1),gs([Vs({type:Number})],Is.prototype,"currentTime",1),gs([Vs({type:Boolean})],Is.prototype,"muted",1),gs([Vs()],Is.prototype,"poster",1),gs([Vs({type:Boolean})],Is.prototype,"loop",1),gs([Vs({type:Boolean})],Is.prototype,"controls",1),gs([Ns()],Is.prototype,"canLoadPoster",2),gs([Vs({attribute:"loading"})],Is.prototype,"loading",2),gs([Vs({type:Boolean})],Is.prototype,"autoplay",1),gs([Vs({attribute:"log-level"})],Is.prototype,"logLevel",1),gs([Vs({attribute:"idle-delay",type:Number})],Is.prototype,"idleDelay",1),gs([Vs({attribute:"fullscreen-orientation"})],Is.prototype,"fullscreenOrientation",1);var Bs=class{constructor(t,s){this._host=t,this._mediaStore=s,this._idle=!1,this._mediaPaused=!1,this._idlingPaused=!1,this._disposal=new X,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()}))),["pointerdown","pointermove","focus","keydown"].forEach((t=>{const s=Q(this._host,t,this._handleIdleChange.bind(this));this._disposal.add(s)}))}hostDisconnected(){this._disposal.empty(),this._stopIdleTimer()}_handleIdleChange(){this.paused?this._stopIdleTimer():this._startIdleTimer()}_startIdleTimer(){this._stopIdleTimer(),this._idleTimeout=window.setTimeout((()=>{this._dispatchIdleChange(!this.paused)}),this.delay)}_stopIdleTimer(){window.clearTimeout(this._idleTimeout),this._dispatchIdleChange(!1)}_dispatchIdleChange(t){this._idle!==t&&(this._host.dispatchEvent(st("vds-user-idle-change",{detail:t})),this._idle=t)}},js=class{constructor(t){this._host=t,this._disconnectDisposal=new X,this.providerQueue=new Ot,this.providerDisposal=new X,this._logController=void 0,this._logger=void 0,this._providerContext=hs.provide(this._host),this._mediaStoreProvider=ls.provide(this._host),this.state=Ht(this._store),this._userIdleController=new Bs(this._host,this._store),this._handleIdleChange=G(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=G(this._host,"vds-start-loading",this._createMediaRequestHandler("loading",(t=>{this.state.canLoad||(this._pendingMediaRequests.loading.push(t),this._provider.startLoadingMedia())}))),this._handleMuteRequest=G(this._host,"vds-mute-request",this._createMediaRequestHandler("muted",(t=>{this.state.muted||(this._pendingMediaRequests.volume.push(t),this.provider.muted=!0)}))),this._handleUnmuteRequest=G(this._host,"vds-unmute-request",this._createMediaRequestHandler("muted",(t=>{this.state.muted&&(this._pendingMediaRequests.volume.push(t),this.provider.muted=!1,0===this.state.volume&&(this._pendingMediaRequests.volume.push(t),this.provider.volume=.25))}))),this._handlePlayRequest=G(this._host,"vds-play-request",this._createMediaRequestHandler("paused",(t=>{this.state.paused&&(this._pendingMediaRequests.play.push(t),this.provider.paused=!1)}))),this._handlePauseRequest=G(this._host,"vds-pause-request",this._createMediaRequestHandler("paused",(t=>{this.state.paused||(this._pendingMediaRequests.pause.push(t),this.provider.paused=!0)}))),this._isSeekingRequestPending=!1,this._handleSeekingRequest=G(this._host,"vds-seeking-request",this._createMediaRequestHandler("seeking",(t=>{this._stopWaiting(),this._pendingMediaRequests.seeking.push(t),this._isSeekingRequestPending=!0,this._store.seeking.set(!0)}))),this._handleSeekRequest=G(this._host,"vds-seek-request",this._createMediaRequestHandler("seeking",(t=>{this.store.ended&&(this._isReplay=!0),this._pendingMediaRequests.seeked.push(t),this._isSeekingRequestPending=!1;let s=t.detail;this.state.duration-t.detail<.25&&(s=this.state.duration),this.provider.currentTime=s}))),this._handleVolumeChangeRequest=G(this._host,"vds-volume-change-request",this._createMediaRequestHandler("volume",(t=>{const s=t.detail;this.state.volume!==s&&(this._pendingMediaRequests.volume.push(t),this.provider.volume=s,s>0&&this.state.muted&&(this._pendingMediaRequests.volume.push(t),this.provider.muted=!1))}))),this._handleEnterFullscreenRequest=G(this._host,"vds-enter-fullscreen-request",this._createMediaRequestHandler("fullscreen",(async t=>{this.state.fullscreen||("media"===(t.detail??"media")&&this._host.canFullscreen?(this._pendingMediaRequests.fullscreen.push(t),await(this._host.enterFullscreen?.())):this.provider&&(this._pendingMediaRequests.fullscreen.push(t),await this.provider.enterFullscreen()))}))),this._handleExitFullscreenRequest=G(this._host,"vds-exit-fullscreen-request",this._createMediaRequestHandler("fullscreen",(async t=>{this.state.fullscreen&&("media"===(t.detail??"media")&&this._host.canFullscreen?(this._pendingMediaRequests.fullscreen.push(t),await(this._host.exitFullscreen?.())):this.provider&&(this._pendingMediaRequests.fullscreen.push(t),await this.provider.exitFullscreen()))}))),this._handleResumeIdlingRequest=G(this._host,"vds-resume-user-idle-request",(t=>{this._mediaRequestEventGateway(t)&&(this._pendingMediaRequests.userIdle.push(t),this._userIdleController.paused=!1)})),this._handlePauseIdlingRequest=G(this._host,"vds-pause-user-idle-request",(t=>{this._mediaRequestEventGateway(t)&&(this._pendingMediaRequests.userIdle.push(t),this._userIdleController.paused=!0)})),this._handleShowPosterRequest=G(this._host,"vds-show-poster-request",this._createMediaRequestHandler("poster",(()=>{this._provider.canLoadPoster=!0}))),this._handleHidePosterRequest=G(this._host,"vds-hide-poster-request",this._createMediaRequestHandler("poster",(()=>{this._provider.canLoadPoster=!1}))),this._handleLoopRequest=this._createMediaRequestHandler("loop",(()=>{window.requestAnimationFrame((async()=>{try{this._isLooping=!0,this._isReplay=!0,await this._provider.play()}catch(t){this._isReplay=!1,this._isLooping=!1}}))})),this._handleFullscreenChange=G(this._host,"vds-fullscreen-change",(t=>{this._store.fullscreen.set(t.detail),t.target===this._host&&(this._satisfyMediaRequest("fullscreen",t),this._provider?.dispatchEvent(st("vds-fullscreen-change",{detail:t.detail,triggerEvent:t})))})),this._handleFullscreenError=G(this._host,"vds-fullscreen-error",(t=>{t.target===this._host&&(this._satisfyMediaRequest("fullscreen",t),this._provider?.dispatchEvent(st("vds-fullscreen-error",{detail:t.detail,triggerEvent:t})))})),this._isReplay=!1,this._isLooping=!1,this._firingWaiting=!1,this._mediaEvents=[],this._handleSeeking=Y((t=>{this._mediaEvents.push(t),this._store.seeking.set(!0),this._store.currentTime.set(t.detail),this._satisfyMediaRequest("seeking",t)}),150,{leading:!0}),this._fireWaiting=J((()=>{if(!this._originalWaitingEvent)return;this._firingWaiting=!0;const t=st("vds-waiting",this._originalWaitingEvent);this._mediaEvents.push(t),this._store.waiting.set(!0),this._store.playing.set(!1),this._provider?.dispatchEvent(t),this._originalWaitingEvent=void 0,this._firingWaiting=!1}),300),this._skipInitialSrcChange=!0,function(t,s,i){const e={host:t,callback:i};t.addController({hostConnected:()=>{for(const{element:e,onDisconnect:h}of function(t,s){return Array.from(ft.get(s)??[]).filter((({element:s})=>t!==s&&t.contains(s)))}(t,s))i(e,h);gt.set(s,(gt.get(s)??new Set).add(e))},hostDisconnected:()=>{gt.get(s)?.delete(e)}})}(t,Rs,((t,s)=>{this.attachMediaProvider(t,s)})),t.addController({hostConnected:()=>{this.state.canPlay||this._host.setAttribute("aria-busy","true")},hostDisconnected:()=>{this._clearMediaStateTracking(),this._clearPendingMediaRequests(),this.providerQueue.destroy(),this.providerDisposal.empty(),this._skipInitialSrcChange=!0,this._disconnectDisposal.empty()}})}get logLevel(){return this._logController?.logLevel??"silent"}set logLevel(t){}get provider(){return this._provider}attachMediaProvider(t,s){lt(this.provider)&&this.provider!==t&&(this._handleMediaProviderDisconnect(),this._provider=t,this._providerContext.value.set(t),Ut(this._provider._store,this._store),this._attachMediaEventListeners(),t.attachMediaController(this,(t=>this._disconnectDisposal.add(t))),this._flushMediaProviderConnectedQueue(),s(this._handleMediaProviderDisconnect.bind(this)))}_handleMediaProviderDisconnect(){lt(this.provider)||(this._stopWaiting(),this.providerQueue.destroy(),this.providerDisposal.empty(),this._provider=void 0,this._providerContext.value.set(void 0),function(t){for(const s of Nt(os))t[s].set(os[s])}(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(){Nt(this._pendingMediaRequests).forEach((t=>{this._pendingMediaRequests[t]=[]}))}_satisfyMediaRequest(t,s){const i=this._pendingMediaRequests[t].shift();i&&(s.requestEvent=i,et(s,i))}_mediaRequestEventGateway(t){return t.stopPropagation(),!0}_createMediaRequestHandler(t,s){return i=>{this._mediaRequestEventGateway(i)&&(this._provider?s(i):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 Nt(t)){const i=t[s].bind(this);this.providerDisposal.add(Q(this._provider,s,i))}}_clearMediaStateTracking(){this._isReplay=!1,this._isLooping=!1,this._firingWaiting=!1,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(!0),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),"loadedmetadata"!==t.triggerEvent?.type&&et(t,this._findLastMediaEvent("vds-loaded-metadata")),this._store.canPlay.set(!0),this._store.duration.set(t.detail.duration),this._host.setAttribute("aria-busy","false")}_handleCanPlayThrough(t){this._store.canPlay.set(!0),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){if(this._mediaEvents.push(t),et(t,this._findLastMediaEvent("vds-waiting")),this._satisfyMediaRequest("play",t),this._store.paused.set(!1),this._store.autoplayError.set(void 0),this.state.ended||this._isReplay){this._isReplay=!1,this._store.ended.set(!1);const s=st("vds-replay",{triggerEvent:t});this._provider?.dispatchEvent(s)}}else t.stopImmediatePropagation()}_handlePlayFail(t){this._mediaEvents.push(t),this._stopWaiting(),et(t,this._findLastMediaEvent("vds-play")),this._store.paused.set(!0),this._store.playing.set(!1),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)):et(t,this._findLastMediaEvent("vds-seeked")),this._stopWaiting(),this._clearMediaStateTracking(),this._store.paused.set(!1),this._store.playing.set(!0),this._store.seeking.set(!1),this._store.ended.set(!1),this._isLooping)return t.stopImmediatePropagation(),void(this._isLooping=!1);this.state.started||(this._store.started.set(!0),this._provider?.dispatchEvent(st("vds-started",{triggerEvent:t})))}_handlePause(t){this._isLooping?t.stopImmediatePropagation():(et(t,this._findLastMediaEvent("vds-seeked")),this._satisfyMediaRequest("pause",t),this._store.paused.set(!0),this._store.playing.set(!1),this._store.seeking.set(!1),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(!1)}_handleVolumeChange(t){this._store.volume.set(t.detail.volume),this._store.muted.set(t.detail.muted||0===t.detail.volume),this._satisfyMediaRequest("volume",t)}_handleSeeked(t){this._isSeekingRequestPending?(this._store.seeking.set(!0),t.stopImmediatePropagation()):this.state.seeking&&(this._mediaEvents.push(t),et(t,this._findLastMediaEvent("vds-waiting")),et(t,this._findLastMediaEvent("vds-seeking")),this.state.paused&&this._stopWaiting(),this._store.seeking.set(!1),t.detail!==this.state.duration&&this._store.ended.set(!1),this._store.currentTime.set(t.detail),this._satisfyMediaRequest("seeked",t))}_stopWaiting(){this._fireWaiting.cancel(),this._store.waiting.set(!1)}_handleWaiting(t){this._firingWaiting||(t.stopImmediatePropagation(),this._originalWaitingEvent=t,this._fireWaiting())}_handleEnded(t){this._isLooping?t.stopImmediatePropagation():(this._stopWaiting(),this._store.paused.set(!0),this._store.playing.set(!1),this._store.seeking.set(!1),this._store.ended.set(!0),this._clearMediaStateTracking())}_handleAutoplayChange(t){this._store.autoplay.set(t.detail)}_handleCurrentSrcChange(t){var s;this._store.currentSrc.set(t.detail),this._skipInitialSrcChange?this._skipInitialSrcChange=!1:(this._clearMediaStateTracking(),Nt(s=this._store).forEach((t=>{cs.has(t)||s[t].set(s[t].initialValue)})),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)?0:s)}_handleProgress(t){const{buffered:s,seekable:i}=t.detail,e=0===s.length?0:s.end(s.length-1),h=0===i.length?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(h)}_handleSrcChange(t){this._store.src.set(t.detail)}_handleViewTypeChange(t){this._store.viewType.set(t.detail)}},Us=class{constructor(t,s,i){this._host=t,this._store=s,this._mediaProps=i,this._disposal=new X,this._host.addController({hostConnected:this._hostConnected.bind(this),hostDisconnected:this._hostDisconnected.bind(this)})}_hostConnected(){Qt((()=>{for(const t of this._mediaProps){const s=this._store[t];if(s){const i=this._getMediaAttrName(t),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 t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}},Hs=class extends Us{_handleValueChange(t,s,i){window.requestAnimationFrame((()=>{Zt(this._host,s,pt(i)||ut(i)?String(i):!!i)}))}_handleDisconnect(t,s){this._host.removeAttribute(s)}},Ws=class extends Us{_handleValueChange(t,s,i){window.requestAnimationFrame((()=>{this._host.style.setProperty(this._getCssPropName(s),pt(i)||ut(i)?String(i):null)}))}_getCssPropName(t){return`--vds-${t}`}_handleDisconnect(t,s){this._host.style.setProperty(this._getCssPropName(s),null)}},Ks=Symbol("@vidstack/media-discovery"),Zs=class extends qs{constructor(){super(),this.controller=new js(this),this.__mediaFullscreen=!1,this.__mediaIsVideoView=!1,this.__mediaPlaysinline=!1,this.screenOrientationController=new Vt(this),this.fullscreenController=new Pt(this,this.screenOrientationController),mt(this,"vds-media-connect",{register:Ks}),us(this,"fullscreen",(t=>{this.__mediaFullscreen=t})),us(this,"viewType",(t=>{this.__mediaIsVideoView="video"===t})),us(this,"playsinline",(t=>{this.__mediaPlaysinline=t})),this._bindMediaAttributes(),this._bindMediaCSSProperties()}static get styles(){return[ys`:host{display:inline-block;position:relative;contain:content}:host([hidden]){display:none}`]}get provider(){return this.controller.provider}update(t){Zt(this,"hide-ui",this._shouldHideMediaUI()),super.update(t)}render(){return C`<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;s!==t&&(this.fullscreenController.screenOrientationLock=t,this.requestUpdate("fullscreen-orientation",s))}enterFullscreen(){return this.fullscreenController.enterFullscreen()}exitFullscreen(){return this.fullscreenController.exitFullscreen()}_bindMediaAttributes(){!function(...t){new Hs(...t)}(this,this.controller.store,["autoplay","autoplayError","canLoad","canPlay","canFullscreen","ended","error","fullscreen","userIdle","loop","mediaType","muted","paused","playing","playsinline","seeking","started","viewType","waiting"])}_bindMediaCSSProperties(){!function(...t){new Ws(...t)}(this,this.controller.store,["bufferedAmount","currentTime","duration","seekableAmount"])}_shouldHideMediaUI(){return zt&&this.__mediaIsVideoView&&(!this.__mediaPlaysinline||this.__mediaFullscreen)}};gs([Ns()],Zs.prototype,"__mediaFullscreen",2),gs([Ns()],Zs.prototype,"__mediaIsVideoView",2),gs([Ns()],Zs.prototype,"__mediaPlaysinline",2),gs([Vs({attribute:"fullscreen-orientation"})],Zs.prototype,"fullscreenOrientation",1),Kt("vds-media",Zs);var Js=/\.(m4a|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i,Ys=/\.(mp4|og[gv]|webm|mov|m4v|avi)($|\?)/i,Qs=class extends Is{constructor(){super(...arguments),this.preload="metadata",this._timeRAF=void 0,this._hasMediaElementConnected=!1,this._mediaElementDisposal=new X,this._isMediaWaiting=!1,this._ignoreNextAbortEvent=!1,this._ignoreNextEmptiedEvent=!1}get mediaElement(){return this._mediaElement}disconnectedCallback(){this._isMediaWaiting=!1,super.disconnectedCallback(),this._cancelTimeUpdates()}destroy(){this.mediaElement&&(this.mediaElement.pause(),this.mediaElement.src="",this.mediaElement.innerHTML="",this.mediaElement.load()),super.destroy()}_cancelTimeUpdates(){ut(this._timeRAF)&&window.cancelAnimationFrame(this._timeRAF),this._timeRAF=void 0}_requestTimeUpdates(){ct(this._timeRAF)&&this._requestTimeUpdate()}_requestTimeUpdate(){const t=this.mediaElement?.currentTime??0;this.state.currentTime!==t&&this._updateCurrentTime(t),this._timeRAF=window.requestAnimationFrame((()=>{ct(this._timeRAF)||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&&!lt(this.mediaElement)&&!this._hasMediaElementConnected}_findSlottedMediaElement(){const t=function(t){const s=t.shadowRoot?.querySelector("slot:not([name])"),i=s?.assignedNodes({flatten:!0})??[];return Array.prototype.filter.call(i,(t=>t.nodeType==Node.ELEMENT_NODE))}(this)[0];this._mediaElement=t??void 0}_handleMediaElementConnect(){window.requestAnimationFrame((()=>{if(this._findSlottedMediaElement(),!this._canMediaElementConnect)return;const t=this.mediaElement;t.hasAttribute("loop")&&(this.loop=!0),t.removeAttribute("loop"),t.removeAttribute("poster"),Zt(t,"controls",this.controls),!this.state.canFullscreen&&this.fullscreenController.isSupported&&this.dispatchEvent(st("vds-fullscreen-support-change",{detail:this.canFullscreen})),this._attachMediaEventListeners(),this._observePlaysinline(),this._observeMediaSources(),this.canLoadPoster&&this.poster.length>0&&t.getAttribute("poster")!==this.poster&&t.setAttribute("poster",this.poster),this._startPreloadingMedia(),this._hasMediaElementConnected=!0,this._disconnectDisposal.add(this._handleMediaElementDisconnect.bind(this))}))}_handleMediaElementDisconnect(){this._cancelTimeUpdates(),window.requestAnimationFrame((()=>{this._mediaElementDisposal.empty(),this._mediaElement=void 0})),this._hasMediaElementConnected=!1}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=!1,this._ignoreNextEmptiedEvent=!1}),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:!0}),this._mediaElementDisposal.add((()=>t.disconnect()))}_handleSrcChange(t){var s,i;(s=this.state.src).length===(i=t).length&&s.every(((t,s)=>t===i[s]))||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(lt(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};Nt(t).forEach((s=>{const i=t[s].bind(this),e=Q(this.mediaElement,s,(async t=>{await i(t)}));this._mediaElementDisposal.add(e)}))}_handleAbort(t){this._ignoreNextAbortEvent||(this.dispatchEvent(st("vds-abort",{triggerEvent:t})),this._handleCurrentSrcChange("",t))}_handleCanPlay(t){this._handleMediaReady({event:t,duration:this.mediaElement.duration})}_handleCanPlayThrough(t){this.state.started||this.dispatchEvent(st("vds-can-play-through",{triggerEvent:t,detail:{duration:this.mediaElement.duration}}))}_handleLoadStart(t){this._handleCurrentSrcChange(this.mediaElement.currentSrc,t),""!==this.mediaElement.currentSrc?this.dispatchEvent(st("vds-load-start",{triggerEvent:t,detail:this._getMediaMetadata()})):this._handleAbort()}_handleEmptied(t){this._ignoreNextEmptiedEvent||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){(1!==this.mediaElement.readyState||this._isMediaWaiting)&&(this._isMediaWaiting=!1,this._cancelTimeUpdates(),this.dispatchEvent(st("vds-pause",{triggerEvent:t})))}_handlePlaying(t){this._isMediaWaiting=!1;const s=st("vds-playing",{triggerEvent:t});this.dispatchEvent(s),this._requestTimeUpdates()}_handleDurationChange(t){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)&&$t(this.mediaElement.duration)>$t(i)&&(this._updateCurrentTime(this.mediaElement.duration,t),!this.mediaElement.ended))try{this.play()}catch(t){}}_handleStalled(t){this.dispatchEvent(st("vds-stalled",{triggerEvent:t})),this.mediaElement.readyState<3&&(this._isMediaWaiting=!0,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){this.mediaElement.readyState<3&&(this._isMediaWaiting=!0,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),this.state.loop?this._handleLoop():this.dispatchEvent(st("vds-ended",{triggerEvent:t}))}_handleLoop(){lt(this.controls)&&(this.mediaElement.controls=!1),this.dispatchEvent(st("vds-loop-request"))}_handleError(t){const s=this.mediaElement.error;s&&this.dispatchEvent(st("vds-error",{detail:{message:s.message,code:s.code,mediaError:s},triggerEvent:t}))}_getPaused(){return this.mediaElement?.paused??!0}_getVolume(){return this.mediaElement?.volume??1}_setVolume(t){this.mediaElement.volume=t}_getCurrentTime(){return this.mediaElement?.currentTime??0}_setCurrentTime(t){this.mediaElement.currentTime!==t&&(this.mediaElement.currentTime=t)}_getMuted(){return this.mediaElement?.muted??!1}_setMuted(t){this.mediaElement.muted=t}async play(){try{return this._throwIfNotReadyForPlayback(),await this._resetPlaybackIfEnded(),this.mediaElement?.play()}catch(t){const s=st("vds-play-fail");throw s.autoplay=this._attemptingAutoplay,s.error=t,t}}async pause(){return this.mediaElement?.pause()}_getMediaType(){return Js.test(t=this.state.currentSrc)?"audio":Ys.test(t)?"video":"unknown";var t}};gs([Vs()],Qs.prototype,"preload",2),Kt("vds-audio",class extends Qs{static get styles(){return[ys`:host{display:inline-block}:host([hidden]){display:none}`]}connectedCallback(){super.connectedCallback(),this.dispatchEvent(st("vds-view-type-change",{detail:"audio"}))}});var Xs=ys`: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}`,Gs=class extends qs{constructor(){super(),this.pressed=!1,this.disabled=!1,this._handleButtonClickCapture=G(this,"click",(t=>{this.disabled&&(t.preventDefault(),t.stopImmediatePropagation())}),{capture:!0}),At(this),["pointerup","keydown"].forEach((t=>{G(this,t,(t=>{this.disabled||Xt(t)&&!function(t){return Xt(t)&&("Enter"===t.key||" "===t.key)}(t)||this._handleButtonClick(t)}))}))}static get styles(){return[Xs]}static get parts(){return[]}connectedCallback(){super.connectedCallback(),Jt(this,"tabindex","0"),Jt(this,"role","button"),this._updateAriaPressedAttr()}updated(t){t.has("pressed")&&this._updateAriaPressedAttr()}_updateAriaPressedAttr(){Zt(this,"aria-pressed",this.pressed?"true":"false")}render(){return this._renderDefaultSlot()}_renderDefaultSlot(){return C`<slot></slot>`}_handleButtonClick(t){this.pressed=!this.pressed}};gs([Vs({type:Boolean})],Gs.prototype,"pressed",2),gs([Vs({type:Boolean,reflect:!0})],Gs.prototype,"disabled",2);var ti=class{constructor(t){t?(this._target=t,this._createLogger(t),this._requests=Lt(t)):this._requests=new Ot}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){this._target!==t&&(this._target=t,t?(this._createLogger(t),this._requests.start()):this._requests.stop())}_dispatchRequest(t,s){this._requests.queue(t,(()=>{const i=st(t,{...s,bubbles:!0,composed:!0});this._target?.dispatchEvent(i)}))}_createLogger(t){}};Kt("vds-play-button",class extends Gs{constructor(){super(),this._mediaRemote=new ti(this),us(this,"paused",(t=>{this.pressed=!t,Zt(this,"paused",t)}))}connectedCallback(){super.connectedCallback(),Jt(this,"aria-label","Play")}_handleButtonClick(t){this.disabled||(this.pressed?this._mediaRemote.pause(t):this._mediaRemote.play(t))}}),Kt("vds-mute-button",class extends Gs{constructor(){super(),this._mediaRemote=new ti(this),this._volume=1,this._muted=!1,us(this,"volume",(t=>{this._volume=t,this._handleMutedChange()})),us(this,"muted",(t=>{this._muted=t,this._handleMutedChange()}))}connectedCallback(){super.connectedCallback(),Jt(this,"aria-label","Mute")}_handleMutedChange(){const t=this._muted||0===this._volume;this.pressed=t,Zt(this,"muted",t)}_handleButtonClick(t){this.disabled||(this.pressed?this._mediaRemote.unmute(t):this._mediaRemote.mute(t))}});var si=at((function(){const t=It(!1),s=It(!1);return{value:It(50),pointerValue:It(0),min:It(0),max:It(100),dragging:t,pointing:s,interactive:Bt([t,s],(([t,s])=>t||s))}})),ii=ys`*{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}`,ei=(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",t))(ei||{}),hi=class extends qs{constructor(){super(),this._sliderStoreProvider=si.provide(this),this.disabled=!1,this.value=50,this._step=1,this._keyboardStep=1,this.shiftKeyMultiplier=5,this.customValueText=!1,this._mediaRemote=new ti(this),this._disconnectDisposal=new X,this._handlePointerEnter=G(this,"pointerenter",(()=>{this.disabled||(this.setAttribute("pointing",""),this.store.pointing.set(!0))})),this._handlePointerMove=G(this,"pointermove",(t=>{if(this.disabled||this.isDragging)return;const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s),this._dispatchPointerValueChange(t)})),this._handlePointerLeave=G(this,"pointerleave",(()=>{this.disabled||(this.removeAttribute("pointing"),this.store.pointing.set(!1))})),this._handlePointerDown=G(this,"pointerdown",(t=>{this.disabled||(this._startDragging(t),this._onDrag(t))})),this._handleKeydown=G(this,"keydown",(t=>{if(this.disabled)return;const{key:s,shiftKey:i}=t;if(!Object.keys(ei).includes(s))return;const e=i?this.keyboardStep*this.shiftKeyMultiplier:this.keyboardStep,h=Number(ei[s]);this.value=this._getClampedValue(this.step*((this.value+e*h)/this.step)),this._dispatchValueChange(t)})),this._handleFillValueChange=G(this,"vds-slider-value-change",this._updateFillCSSProps.bind(this)),this._handlePointerValueChange=G(this,"vds-slider-pointer-value-change",this._updatePointerCSSProps.bind(this)),this._onDrag=es((t=>{if(this.disabled||!this.isDragging)return;const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s),this._dispatchPointerValueChange(t)})),this._handleDocumentPointerUp=G(this,"pointerup",(t=>{!this.disabled&&this.isDragging&&this._stopDragging(t)}),{target:document}),this._handleDocumentTouchMove=G(this,"touchmove",(t=>{!this.disabled&&this.isDragging&&t.preventDefault()}),{target:document,passive:!1}),this._handleDocumentPointerMove=G(this,"pointermove",(t=>{!this.disabled&&this.isDragging&&this._onDrag(t)}),{target:document}),this._lastDispatchedValue=this.value,this._dispatchValueChange=es((t=>{this.value!==this._lastDispatchedValue&&(this.dispatchEvent(st("vds-slider-value-change",{detail:this.value,triggerEvent:t})),this._lastDispatchedValue=this.value)})),this._lastDispatchedPointerValue=this.pointerValue,this._dispatchPointerValueChange=es((t=>{this.pointerValue!==this._lastDispatchedPointerValue&&(["vds-slider-pointer-value-change",this.isDragging&&"vds-slider-drag-value-change"].forEach((s=>{s&&this.dispatchEvent(st(s,{detail:this.pointerValue,triggerEvent:t}))})),this._lastDispatchedPointerValue=this.pointerValue)})),At(this)}static get styles(){return[ii]}static get parts(){return[]}get store(){return this._sliderStoreProvider.value}get min(){return jt(this.store.min)}set min(t){this.store.min.set(t)}get max(){return jt(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 jt(this.store.dragging)}get fillRate(){const t=this.max-this.min;return t>0?(this.value-this.min)/t:0}get fillPercent(){return 100*this.fillRate}get pointerValue(){return jt(this.store.pointerValue)}get pointerRate(){const t=this.max-this.min;return t>0?(this.pointerValue-this.min)/t:0}get pointerPercent(){return 100*this.pointerRate}connectedCallback(){super.connectedCallback(),this._setupAriaAttrs(),this._updateFillCSSProps(),this._updatePointerCSSProps(),this._disconnectDisposal.add(this.store.interactive.subscribe((t=>{Zt(this,"interactive",t)})))}willUpdate(t){(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()),t.has("disabled")&&this.disabled&&(this.store.dragging.set(!1),this.store.pointing.set(!1),this.removeAttribute("dragging"),this.removeAttribute("pointing"),this.removeAttribute("interactive"),Zt(this,"aria-disabled",this.disabled)),this.customValueText||this._updateAriaValueAttrs(),super.willUpdate(t)}disconnectedCallback(){this._onDrag.cancel(),this._disconnectDisposal.empty(),super.disconnectedCallback()}_updateFillCSSProps(){Yt(this,"fill-value",`${this.value}`),Yt(this,"fill-rate",`${this.fillRate}`),Yt(this,"fill-percent",`${this.fillPercent}%`)}_updatePointerCSSProps(){Yt(this,"pointer-value",`${this.pointerValue}`),Yt(this,"pointer-rate",`${this.pointerRate}`),Yt(this,"pointer-percent",`${this.pointerPercent}%`)}render(){return this._renderSlider()}_renderSlider(){return C`${this._renderDefaultSlot()}`}_renderDefaultSlot(){return C`<slot></slot>`}_setupAriaAttrs(){Jt(this,"role","slider"),Jt(this,"tabindex","0"),Jt(this,"aria-orientation","horizontal"),Jt(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`${Mt(this.value/this.max*100,2)}%`}_startDragging(t){if(this.isDragging)return;this.store.dragging.set(!0),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(!1),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 Tt(this.min,Mt(t,$t(this.step)),this.max)}_getValueFromRate(t){const s=Tt(0,t,1),i=Math.round((this.max-this.min)*s/this.step);return this.min+this.step*i}_getValueBasedOnThumbPosition(t){const s=t.clientX,{left:i,width:e}=this.getBoundingClientRect();return this._getValueFromRate((s-i)/e)}};gs([Vs({type:Number})],hi.prototype,"min",1),gs([Vs({type:Number})],hi.prototype,"max",1),gs([Vs({reflect:!0,type:Boolean})],hi.prototype,"disabled",2),gs([Vs({type:Number})],hi.prototype,"value",2),gs([Vs({type:Number})],hi.prototype,"step",1),gs([Vs({attribute:"keyboard-step",type:Number})],hi.prototype,"keyboardStep",1),gs([Vs({attribute:"shift-key-multiplier",type:Number})],hi.prototype,"shiftKeyMultiplier",2),gs([Vs({type:Boolean,attribute:"custom-value-text"})],hi.prototype,"customValueText",2);var ni=ys``,ri=class extends hi{constructor(){super(),this._step=.1,this.value=0,this.valueText="{currentTime} out of {duration}",this.pauseWhileDragging=!1,this.seekingRequestThrottle=100,this.__mediaDuration=0,this.__mediaPaused=!0,this._handleSliderDragStart=G(this,"vds-slider-drag-start",(t=>{this._togglePlaybackWhileDragging(t)})),this._handleSliderValueChange=G(this,"vds-slider-value-change",(t=>{Xt(t.originEvent)&&(this._dispatchSeekingRequest.cancel(),this._mediaRemote.seek(this.value,t))})),this._handleSliderDragValueChange=G(this,"vds-slider-drag-value-change",(t=>{this._dispatchSeekingRequest(t)})),this._handleSliderDragEnd=G(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=!1,us(this,"currentTime",(t=>{this.value=t})),us(this,"duration",(t=>{this.__mediaDuration=t,this.requestUpdate("max")})),us(this,"paused",(t=>{this.__mediaPaused=t}))}static get styles(){return[super.styles,ni]}connectedCallback(){super.connectedCallback(),Jt(this,"aria-label","Media time")}get min(){return 0}set min(t){}get max(){return this.__mediaDuration}set max(t){}update(t){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}",is(this.value)).replace("{duration}",is(this.__mediaDuration))}_getValueMax(){return"100%"}_togglePlaybackWhileDragging(t){this.pauseWhileDragging&&(this.isDragging&&!this.__mediaPaused?(this._wasPlayingBeforeDragStart=!0,this._mediaRemote.pause(t)):this._wasPlayingBeforeDragStart&&!this.isDragging&&this.__mediaPaused&&(this._wasPlayingBeforeDragStart=!1,this._mediaRemote.play(t)))}};gs([Vs({attribute:!1,state:!0})],ri.prototype,"value",2),gs([Vs({attribute:!1})],ri.prototype,"min",1),gs([Vs({attribute:!1})],ri.prototype,"max",1),gs([Vs({attribute:"value-text"})],ri.prototype,"valueText",2),gs([Vs({attribute:"pause-while-dragging",type:Boolean})],ri.prototype,"pauseWhileDragging",2),gs([Vs({attribute:"seeking-request-throttle",type:Number})],ri.prototype,"seekingRequestThrottle",2),gs([Ns()],ri.prototype,"__mediaDuration",2),gs([Ns()],ri.prototype,"__mediaPaused",2),Kt("vds-time-slider",ri);var ai=class extends hi{constructor(){super(),this.value=100,this._handleSliderValueChange=G(this,"vds-slider-value-change",this._changeVolume.bind(this)),this._handleSliderDragValueChange=G(this,"vds-slider-drag-value-change",this._changeVolume.bind(this)),us(this,"volume",(t=>{this.value=100*t}))}connectedCallback(){super.connectedCallback(),Jt(this,"aria-label","Media volume")}get min(){return 0}set min(t){}get max(){return 100}set max(t){}_changeVolume(t){const s=Mt(t.detail/100,3);this._mediaRemote.changeVolume(s,t)}};gs([Vs({attribute:!1})],ai.prototype,"min",1),gs([Vs({attribute:!1})],ai.prototype,"max",1),gs([Vs({attribute:!1,state:!0})],ai.prototype,"value",2),Kt("vds-volume-slider",ai);var oi=class extends qs{constructor(){super(...arguments),this._disposal=new X,this._sliderStoreConsumer=si.consume(this),this.__value=0,this.type="current",this.showHours=!1,this.padHours=!1,this.decimalPlaces=2}static get styles(){return[ys`:host{display:inline-block;contain:content}:host([hidden]){display:none}`]}get _sliderStore(){return this._sliderStoreConsumer.value}connectedCallback(){super.connectedCallback(),this._handleTypeChange()}update(t){(t.has("type")||t.has("format"))&&this._handleTypeChange(),super.update(t)}disconnectedCallback(){this._disposal.empty(),super.disconnectedCallback()}render(){return C`${this._getValueText()}`}_handleTypeChange(){this._disposal.empty();const t=this._sliderStore["current"===this.type?"value":"pointerValue"],s=("percent"===this.format?this._createPercentStore(t):t).subscribe((t=>{this.__value=t}));this._disposal.add(s)}_createPercentStore(t){return Bt([t,this._sliderStore.min,this._sliderStore.max],(([t,s,i])=>t/(i-s)*100))}_getValueText(){switch(this.format){case"percent":return this._getPercentFormat();case"time":return this._getTimeFormat();default:return`${this.__value}`}}_getPercentFormat(){return`${Mt(this.__value,this.decimalPlaces)}%`}_getTimeFormat(){return ss(this.__value,this.padHours,this.showHours)}};gs([Ns()],oi.prototype,"__value",2),gs([Vs()],oi.prototype,"type",2),gs([Vs()],oi.prototype,"format",2),gs([Vs({attribute:"show-hours",type:Boolean})],oi.prototype,"showHours",2),gs([Vs({attribute:"pad-hours",type:Boolean})],oi.prototype,"padHours",2),gs([Vs({attribute:"decimal-places",type:Number})],oi.prototype,"decimalPlaces",2),Kt("vds-slider-value-text",oi);var di=class extends qs{constructor(){super(...arguments),this._disposal=new X,this._mediaStoreConsumer=ls.consume(this),this.__seconds=0,this.type="current",this.showHours=!1,this.padHours=!1,this.remainder=!1}static get styles(){return[ys`:host{display:inline-block;contain:content}:host([hidden]){display:none}`]}get _mediaStore(){return this._mediaStoreConsumer.value}connectedCallback(){super.connectedCallback(),this._handleTypeChange()}update(t){(t.has("type")||t.has("remainder"))&&this._handleTypeChange(),super.update(t)}disconnectedCallback(){this._disposal.empty(),super.disconnectedCallback()}render(){return C`${this._getFormattedTime()}`}_handleTypeChange(){this._disposal.empty();const t=this._getTypeStore(),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 Bt([t,this._mediaStore.duration],(([t,s])=>Math.max(0,s-t)))}_getFormattedTime(){return ss(this.__seconds,this.padHours,this.showHours)}};gs([Ns()],di.prototype,"__seconds",2),gs([Vs()],di.prototype,"type",2),gs([Vs({attribute:"show-hours",type:Boolean})],di.prototype,"showHours",2),gs([Vs({attribute:"pad-hours",type:Boolean})],di.prototype,"padHours",2),gs([Vs({type:Boolean})],di.prototype,"remainder",2),Kt("vds-time",di);const ci=class{constructor(i){t(this,i),this.stzhPlay=s(this,"stzhPlay"),this.stzhPlaying=s(this,"stzhPlaying"),this.stzhPause=s(this,"stzhPause"),this.stzhReplay=s(this,"stzhReplay"),this.stzhEnd=s(this,"stzhEnd"),this.stzhEnded=s(this,"stzhEnded"),this.stzhError=s(this,"stzhError"),this.src="",this.preload="none",this.transcript="",this.transcriptShown=!1}async play(){this.vsdAudioElement.play()}async pause(){this.vsdAudioElement.pause()}async componentWillLoad(){this.localization||(this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"audio"))}render(){const t=!!this.transcript||r(this.element,"transcript");return i(e,{key:"ca3d80f1bf88bdd381d68429250517c78a3bc72b"},i("vds-media",{key:"3b24746f6c6ac25c098279ca9f17083bd8df1061",class:{"stzh-audio":!0}},i("vds-audio",{key:"eddbd272a3841cc35b4ffad638915dcca7a5c837",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:"0a0ff0aef46c6eb84ae7e7a3423f202d35050d83",preload:this.preload,src:this.src},i("slot",{key:"5f8a299dd7101ea1a18a35b3e498fe80e598a2a4"}))),i("div",{key:"082f0120d9ddeb20801dc1a16c3f08aff1f71bf4",class:"stzh-audio__controls"},i("div",{key:"23e188851ffb0caf001ac5be7b8526aedbb51bcc",class:"stzh-audio__loader-overlay"},i("stzh-loader",{key:"ddad5c842a178f9b196029ca00c79dc6f5c28be4",class:"stzh-audio__loader",label:this.localization.loading,"hide-label":!0})),i("div",{key:"4b75e53ff10e5c37d49eb9c7d1e9981e0d5ff089",class:"stzh-audio__controls-top"},i("vds-time-slider",{key:"9dae3b5495e53d2852ad6ad7262eb621ac497ed1",class:"stzh-audio__slider is-time"},i("div",{key:"b585fe43b7de5d010da87e297233b82880780c8e",class:"stzh-audio__slider-track"}),i("div",{key:"d7a9f4dc0d5af41ac7381116e7b4d1dbc75503e0",class:"stzh-audio__slider-track is-fill"}),i("div",{key:"4dda805e2d9decdf23bc3c2419b4891d09e37596",class:"stzh-audio__slider-thumb-container"},i("div",{key:"105e72a7c723899f0815568dda2064babd212318",class:"stzh-audio__slider-thumb"})),i("div",{key:"5da74cd62d23a936a646c760052b286878bb798b",class:"stzh-audio__media-preview-container"},i("vds-slider-value-text",{key:"1673ca1f9f90748780bc5c319f56101a871d6b24",class:"stzh-audio__slider-text",type:"pointer",format:"time"})))),i("div",{key:"451575fb218220f93417c1dcd37fe1f1d0033f57",class:"stzh-audio__controls-bottom"},i("div",{key:"6b5ebcbb69bb233e9c54750a80754656063ccfcf",class:"stzh-audio__controls-bottom-left"},i("stzh-tooltip",{key:"5508fc406e4ae303aff3907f6b5a40481743ab8a"},i("vds-play-button",{key:"b13bf2d7d7fcf2370deab8ddfa713fd5a1038e68",class:"stzh-audio__button is-play"},i("stzh-icon",{key:"ec84da558eaaf460351755167cde0e927b041936",class:"stzh-audio__played",name:"play"}),i("stzh-icon",{key:"84316f0ed963991f6a12ac4640498c84be2eef39",class:"stzh-audio__paused",name:"pause"})),i("span",{key:"6d248af24d72dc2d20e97031e4b4a124b4233c2b",slot:"content"},i("span",{key:"d322f259467cfb908b8b09913911b271bd2ca45e",class:"stzh-audio__played"},this.localization.play),i("span",{key:"0e271798581c151601cee9dccacc4808b1fd87b4",class:"stzh-audio__paused"},this.localization.pause))),i("div",{key:"e00bf14eb0da05a2c979da224f0f01a42511563e",class:"stzh-audio__time"},i("vds-time",{key:"c76ca480f8424b39ac447d9ff931c08f2c9a7abd",type:"current"}),i("span",{key:"7e83d0a0cbfbc12ffb8109991b7199f50e7fbff7",class:"stzh-audio__time-separator"},"/"),i("vds-time",{key:"afa7ebe7242ec1e4c592e86e7c4f726f6a20744d",type:"duration"})),i("stzh-tooltip",{key:"546799eabfbc5fade5d2b48014c6e4a569f3196d"},i("vds-mute-button",{key:"c8415455bb092fc754f46bb3f0677c485586df94",class:"stzh-audio__button is-mute"},i("stzh-icon",{key:"318b7110ab07a896e1f9202ebc774611411305fa",class:"stzh-audio__muted",name:"volume-medium"}),i("stzh-icon",{key:"2aa37ff78ec0b165a02b7a8e3e0e09e7da89fd08",class:"stzh-audio__unmuted",name:"silent-mode"})),i("span",{key:"654edec0f255aaf0499367d22445fc0c5faba441",slot:"content"},i("span",{key:"1d3749b3914b8dca978469a0e25505d33c813cfa",class:"stzh-audio__muted"},this.localization.mute),i("span",{key:"a688b8794c9470270dd7e9cb1cc734309d123a05",class:"stzh-audio__unmuted"},this.localization.unmute))),i("vds-volume-slider",{key:"af6058dad314b42ec0759bebf8988be85d7b78f6",class:"stzh-audio__slider is-volume"},i("div",{key:"b35742e09147789e468413be8ed9b3cded5ae41b",class:"stzh-audio__slider-track"}),i("div",{key:"ece0df9ff984a6d2d8922682e736dd84b8ffd016",class:"stzh-audio__slider-track is-fill"}),i("div",{key:"c10fe9d98fcc174d01d7465a25867a502665df44",class:"stzh-audio__slider-thumb-container is-shown"},i("div",{key:"202a643467f3a3f2273403752637022835e3c48f",class:"stzh-audio__slider-thumb"})),i("div",{key:"cff8f9786eed0b39e8409d720ae9ea6debc2a053",class:"stzh-audio__media-preview-container"},i("vds-slider-value-text",{key:"277b80c65b87c6eb3a393bdf3f7102b9dbde2dad",class:"stzh-audio__slider-text",type:"pointer",format:"percent"})))),i("div",{key:"5df410bf0c7191ad50a3e41b1108e813a73dec73",class:"stzh-audio__controls-bottom-right"},t&&i("stzh-tooltip",{key:"1b99b182aa17be57ae777be8c007b2bbcc41edef",content:this.transcriptShown?this.localization.hideTranscript:this.localization.showTranscript},i("button",{key:"b36b4e529e31794eb6c151af2c0590e23a8f62a4",class:{"stzh-audio__button is-transcript":!0,"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:"942bd2df3cd85df370f068a8bd672c81cac4b4df",name:"transcript"}))),i("stzh-tooltip",{key:"0d9281fee0d88a5a2240099fcd74f9f65a5481da",content:this.localization.download},i("a",{key:"a5c8dfb8d00856569783f50b98fa35f137f8a6fd",class:"stzh-audio__button is-download",href:this.src,download:"","s-object-id":this.downloadAnalyticsId||this.localization.download},i("stzh-icon",{key:"8ef8509ac7ef6b955aa769cf0f1f23ba0e882650",name:"download"})))))),i("div",{key:"fe7c89e4debaaf0c790736a54e98137761e8cfaa",class:"stzh-audio__transcript",hidden:!this.transcriptShown},this.transcript?this.transcript:i("slot",{name:"transcript"}))))}get element(){return h(this)}};ci.style='.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] br,.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{margin-bottom:var(--stzh-space-medium, 16px)}@media screen and (min-width: 600px){.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, 20px)}}@media screen and (min-width: 900px){.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, 24px)}}@media screen and (min-width: 1260px){.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, 32px)}}.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript] br,.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{content:" ";display:block}.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, 16px)}@media screen and (min-width: 600px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-left:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-left:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-left:var(--stzh-space-xxlarge, 32px)}}.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-right:var(--stzh-space-medium, 16px)}@media screen and (min-width: 600px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-right:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-right:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-right:var(--stzh-space-xxlarge, 32px)}}.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-xxsmall, 4px)}@media screen and (min-width: 900px){.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-xsmall, 8px)}}@media screen and (min-width: 1260px){.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-small, 12px)}}.stzh-audio__controls.sc-stzh-audio{padding-top:var(--stzh-space-large, 20px);position:relative;display:flex;flex-direction:column;background-color:var(--stzh-color-grey20)}.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, 12px)}.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, 8px)}@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)}@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)}}.stzh-audio__transcript.sc-stzh-audio{padding-top:var(--stzh-space-medium, 16px)}@media screen and (min-width: 600px){.stzh-audio__transcript.sc-stzh-audio{padding-top:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){.stzh-audio__transcript.sc-stzh-audio{padding-top:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){.stzh-audio__transcript.sc-stzh-audio{padding-top:var(--stzh-space-xxlarge, 32px)}}.stzh-audio__transcript.sc-stzh-audio{padding-bottom:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){.stzh-audio__transcript.sc-stzh-audio{padding-bottom:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){.stzh-audio__transcript.sc-stzh-audio{padding-bottom:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){.stzh-audio__transcript.sc-stzh-audio{padding-bottom:var(--stzh-space-xxxlarge, 40px)}}.stzh-audio__transcript.sc-stzh-audio{background-color:var(--stzh-color-grey10)}.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, 8px)}.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{width:2.75rem;height:2.75rem;display:grid;place-items:center;appearance:none;background-color:transparent;border:0.125rem solid transparent;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);cursor:pointer}@media (forced-colors: active){.stzh-audio__button.sc-stzh-audio{transition:none}.stzh-audio__button.sc-stzh-audio:not(a){color:ButtonText;border-color:ButtonBorder;background-color:ButtonFace}}.stzh-audio__button.sc-stzh-audio:hover{color:var(--stzh-color-primary80);background-color:var(--stzh-color-secondary20)}@media (forced-colors: active){.stzh-audio__button.sc-stzh-audio:hover:not(a){transition:none;color:HighlightText;border-color:Highlight;background-color:Highlight}}.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, 24px)}.stzh-audio__time-separator.sc-stzh-audio{margin:0 var(--stzh-space-xxsmall, 4px)}.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)}@media (forced-colors: active){.stzh-audio__slider.sc-stzh-audio{--track-height:0.5rem}}.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}}@media (forced-colors: active){.stzh-audio__slider.is-volume.sc-stzh-audio{--track-height:0.5rem}}.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%);outline:0.125rem solid transparent;outline-offset:-0.125rem;background-color:var(--stzh-color-black20op);transition:background-color var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-audio__slider-track.sc-stzh-audio{transition:none;forced-color-adjust:none;outline-color:CanvasText;background-color:transparent}}.stzh-audio__slider.sc-stzh-audio:hover .stzh-audio__slider-track.sc-stzh-audio{background-color:var(--stzh-color-black30op)}@media (forced-colors: active){.stzh-audio__slider.sc-stzh-audio:hover .stzh-audio__slider-track.sc-stzh-audio{outline-color:CanvasText;background-color:transparent}}.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}@media (forced-colors: active){.stzh-audio__slider-track.is-fill.sc-stzh-audio{outline-color:SelectedItem;background-color:SelectedItem}}.stzh-audio__slider.sc-stzh-audio:hover .stzh-audio__slider-track.is-fill.sc-stzh-audio{background-color:var(--stzh-color-secondary50)}@media (forced-colors: active){.stzh-audio__slider.sc-stzh-audio:hover .stzh-audio__slider-track.is-fill.sc-stzh-audio{outline-color:SelectedItem;background-color:SelectedItem}}.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)}@media (forced-colors: active){.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{transition:none;forced-color-adjust:none;outline-color:CanvasText;background-color:transparent}}.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)}@media (forced-colors: active){.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{outline-color:SelectedItem;background-color:SelectedItem}}.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%)}@media (forced-colors: active){.stzh-audio__slider-thumb.sc-stzh-audio{border-color:ButtonBorder}}.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))}@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__media-preview-container.sc-stzh-audio{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)}@media (forced-colors: active){.stzh-audio__media-preview-container.sc-stzh-audio{outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.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, 4px)}.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}';export{ci as stzh_audio}
+ */}function Ns(t){return Vs({...t,state:!0})}var Rs=Symbol("@vidstack/media-provider-discovery"),Is=class extends qs{constructor(){super(),this._disconnectDisposal=new Q,this._logger=void 0,this.loading="visible",this._attemptingAutoplay=!1,this.controllerQueue=new Ot,this._store=ds(),this._state=Ht(this._store),this.connectedQueue=Lt(this),this.mediaQueue=new Ot,this.screenOrientationController=new Vt(this),this.fullscreenController=new Pt(this,this.screenOrientationController),mt(this,"vds-media-provider-connect",{register:Rs});const t=function(...t){return new Dt(...t)}(this,{target:this,threshold:0},(s=>{/(visible|lazy)/.test(this.loading)?s[0]?.isIntersecting&&(this.startLoadingMedia(),t.hostDisconnected()):t.hostDisconnected()}))}connectedCallback(){super.connectedCallback(),this._logMediaEvents(),window.requestAnimationFrame((()=>{ct(this.canLoadPoster)&&(this.canLoadPoster=!0)}))}firstUpdated(t){super.firstUpdated(t),this.dispatchEvent(st("vds-fullscreen-support-change",{detail:this.canFullscreen})),this.canLoad||"eager"===this.loading?window?.requestAnimationFrame((()=>{this.startLoadingMedia()})):"idle"===this.loading&&Gt((()=>{this.startLoadingMedia()}))}render(){return C`<slot @slotchange="${this.handleDefaultSlotChange}"></slot>`}disconnectedCallback(){this._updateMediaStoreOnDisconnect(this._store),this.mediaQueue.destroy(),this._disconnectDisposal.empty(),super.disconnectedCallback(),Wt((()=>{Wt((()=>{this.isConnected||this.destroy()}))}))}_updateMediaStoreOnDisconnect(t){t.paused.set(!0),t.playing.set(!1),t.seeking.set(!1),t.waiting.set(!1),t.fullscreen.set(!1)}destroy(){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,i=Tt(0,t,1);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)try{t?this.pause():this.play(),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;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;s!==t&&(this._setMuted(t),this.requestUpdate("muted",s))}))}get poster(){return this.state.poster}set poster(t){const s=this.poster;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;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;s!==t&&(this.dispatchEvent(st("vds-controls-change",{detail:t})),this.requestUpdate("controls",s))}get canLoad(){return this.state.canLoad}startLoadingMedia(){this.state.canPlay||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&&0!==this.state.currentTime)return this._setCurrentTime(0)}_throwIfNotVideoView(){if("video"!==this.state.viewType)throw Error("Player is currently not in a video view.")}async _handleMediaReady({event:t,duration:s}){this.state.canPlay||(this.dispatchEvent(st("vds-can-play",{triggerEvent:t,detail:{duration:s}})),this.mediaQueue.start(),await this._attemptAutoplay())}_handleCurrentSrcChange(t,s){this.state.currentSrc!==t&&(this.mediaQueue.stop(),this.dispatchEvent(st("vds-current-src-change",{detail:t,triggerEvent:s})))}get autoplay(){return this.state.autoplay}set autoplay(t){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){this._attemptingAutoplay=!0;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=!1}}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=ds(),this._state=Ht(this._store),this._controller&&(Ut(this._controller._store,this._store),this._updateMediaStoreOnDisconnect(this._controller._store)),this._controller=void 0}))}dispatchEvent(t){return!this._controller&&t.type.startsWith("vds-")&&"vds-destroy"!==t.type?(this.controllerQueue.queue(t.type,(()=>{super.dispatchEvent(t)})),!1):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;s!==t&&(this.fullscreenController.screenOrientationLock=t,this.requestUpdate("fullscreen-orientation",s))}enterFullscreen(){return this.fullscreenController.enterFullscreen()}exitFullscreen(){return this.fullscreenController.exitFullscreen()}};gs([Vs({type:Number})],Is.prototype,"volume",1),gs([Vs({type:Boolean})],Is.prototype,"paused",1),gs([Vs({type:Number})],Is.prototype,"currentTime",1),gs([Vs({type:Boolean})],Is.prototype,"muted",1),gs([Vs()],Is.prototype,"poster",1),gs([Vs({type:Boolean})],Is.prototype,"loop",1),gs([Vs({type:Boolean})],Is.prototype,"controls",1),gs([Ns()],Is.prototype,"canLoadPoster",2),gs([Vs({attribute:"loading"})],Is.prototype,"loading",2),gs([Vs({type:Boolean})],Is.prototype,"autoplay",1),gs([Vs({attribute:"log-level"})],Is.prototype,"logLevel",1),gs([Vs({attribute:"idle-delay",type:Number})],Is.prototype,"idleDelay",1),gs([Vs({attribute:"fullscreen-orientation"})],Is.prototype,"fullscreenOrientation",1);var Bs=class{constructor(t,s){this._host=t,this._mediaStore=s,this._idle=!1,this._mediaPaused=!1,this._idlingPaused=!1,this._disposal=new Q,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()}))),["pointerdown","pointermove","focus","keydown"].forEach((t=>{const s=G(this._host,t,this._handleIdleChange.bind(this));this._disposal.add(s)}))}hostDisconnected(){this._disposal.empty(),this._stopIdleTimer()}_handleIdleChange(){this.paused?this._stopIdleTimer():this._startIdleTimer()}_startIdleTimer(){this._stopIdleTimer(),this._idleTimeout=window.setTimeout((()=>{this._dispatchIdleChange(!this.paused)}),this.delay)}_stopIdleTimer(){window.clearTimeout(this._idleTimeout),this._dispatchIdleChange(!1)}_dispatchIdleChange(t){this._idle!==t&&(this._host.dispatchEvent(st("vds-user-idle-change",{detail:t})),this._idle=t)}},js=class{constructor(t){this._host=t,this._disconnectDisposal=new Q,this.providerQueue=new Ot,this.providerDisposal=new Q,this._logController=void 0,this._logger=void 0,this._providerContext=hs.provide(this._host),this._mediaStoreProvider=ls.provide(this._host),this.state=Ht(this._store),this._userIdleController=new Bs(this._host,this._store),this._handleIdleChange=X(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=X(this._host,"vds-start-loading",this._createMediaRequestHandler("loading",(t=>{this.state.canLoad||(this._pendingMediaRequests.loading.push(t),this._provider.startLoadingMedia())}))),this._handleMuteRequest=X(this._host,"vds-mute-request",this._createMediaRequestHandler("muted",(t=>{this.state.muted||(this._pendingMediaRequests.volume.push(t),this.provider.muted=!0)}))),this._handleUnmuteRequest=X(this._host,"vds-unmute-request",this._createMediaRequestHandler("muted",(t=>{this.state.muted&&(this._pendingMediaRequests.volume.push(t),this.provider.muted=!1,0===this.state.volume&&(this._pendingMediaRequests.volume.push(t),this.provider.volume=.25))}))),this._handlePlayRequest=X(this._host,"vds-play-request",this._createMediaRequestHandler("paused",(t=>{this.state.paused&&(this._pendingMediaRequests.play.push(t),this.provider.paused=!1)}))),this._handlePauseRequest=X(this._host,"vds-pause-request",this._createMediaRequestHandler("paused",(t=>{this.state.paused||(this._pendingMediaRequests.pause.push(t),this.provider.paused=!0)}))),this._isSeekingRequestPending=!1,this._handleSeekingRequest=X(this._host,"vds-seeking-request",this._createMediaRequestHandler("seeking",(t=>{this._stopWaiting(),this._pendingMediaRequests.seeking.push(t),this._isSeekingRequestPending=!0,this._store.seeking.set(!0)}))),this._handleSeekRequest=X(this._host,"vds-seek-request",this._createMediaRequestHandler("seeking",(t=>{this.store.ended&&(this._isReplay=!0),this._pendingMediaRequests.seeked.push(t),this._isSeekingRequestPending=!1;let s=t.detail;this.state.duration-t.detail<.25&&(s=this.state.duration),this.provider.currentTime=s}))),this._handleVolumeChangeRequest=X(this._host,"vds-volume-change-request",this._createMediaRequestHandler("volume",(t=>{const s=t.detail;this.state.volume!==s&&(this._pendingMediaRequests.volume.push(t),this.provider.volume=s,s>0&&this.state.muted&&(this._pendingMediaRequests.volume.push(t),this.provider.muted=!1))}))),this._handleEnterFullscreenRequest=X(this._host,"vds-enter-fullscreen-request",this._createMediaRequestHandler("fullscreen",(async t=>{this.state.fullscreen||("media"===(t.detail??"media")&&this._host.canFullscreen?(this._pendingMediaRequests.fullscreen.push(t),await(this._host.enterFullscreen?.())):this.provider&&(this._pendingMediaRequests.fullscreen.push(t),await this.provider.enterFullscreen()))}))),this._handleExitFullscreenRequest=X(this._host,"vds-exit-fullscreen-request",this._createMediaRequestHandler("fullscreen",(async t=>{this.state.fullscreen&&("media"===(t.detail??"media")&&this._host.canFullscreen?(this._pendingMediaRequests.fullscreen.push(t),await(this._host.exitFullscreen?.())):this.provider&&(this._pendingMediaRequests.fullscreen.push(t),await this.provider.exitFullscreen()))}))),this._handleResumeIdlingRequest=X(this._host,"vds-resume-user-idle-request",(t=>{this._mediaRequestEventGateway(t)&&(this._pendingMediaRequests.userIdle.push(t),this._userIdleController.paused=!1)})),this._handlePauseIdlingRequest=X(this._host,"vds-pause-user-idle-request",(t=>{this._mediaRequestEventGateway(t)&&(this._pendingMediaRequests.userIdle.push(t),this._userIdleController.paused=!0)})),this._handleShowPosterRequest=X(this._host,"vds-show-poster-request",this._createMediaRequestHandler("poster",(()=>{this._provider.canLoadPoster=!0}))),this._handleHidePosterRequest=X(this._host,"vds-hide-poster-request",this._createMediaRequestHandler("poster",(()=>{this._provider.canLoadPoster=!1}))),this._handleLoopRequest=this._createMediaRequestHandler("loop",(()=>{window.requestAnimationFrame((async()=>{try{this._isLooping=!0,this._isReplay=!0,await this._provider.play()}catch(t){this._isReplay=!1,this._isLooping=!1}}))})),this._handleFullscreenChange=X(this._host,"vds-fullscreen-change",(t=>{this._store.fullscreen.set(t.detail),t.target===this._host&&(this._satisfyMediaRequest("fullscreen",t),this._provider?.dispatchEvent(st("vds-fullscreen-change",{detail:t.detail,triggerEvent:t})))})),this._handleFullscreenError=X(this._host,"vds-fullscreen-error",(t=>{t.target===this._host&&(this._satisfyMediaRequest("fullscreen",t),this._provider?.dispatchEvent(st("vds-fullscreen-error",{detail:t.detail,triggerEvent:t})))})),this._isReplay=!1,this._isLooping=!1,this._firingWaiting=!1,this._mediaEvents=[],this._handleSeeking=Y((t=>{this._mediaEvents.push(t),this._store.seeking.set(!0),this._store.currentTime.set(t.detail),this._satisfyMediaRequest("seeking",t)}),150,{leading:!0}),this._fireWaiting=J((()=>{if(!this._originalWaitingEvent)return;this._firingWaiting=!0;const t=st("vds-waiting",this._originalWaitingEvent);this._mediaEvents.push(t),this._store.waiting.set(!0),this._store.playing.set(!1),this._provider?.dispatchEvent(t),this._originalWaitingEvent=void 0,this._firingWaiting=!1}),300),this._skipInitialSrcChange=!0,function(t,s,i){const e={host:t,callback:i};t.addController({hostConnected:()=>{for(const{element:e,onDisconnect:h}of function(t,s){return Array.from(ft.get(s)??[]).filter((({element:s})=>t!==s&&t.contains(s)))}(t,s))i(e,h);gt.set(s,(gt.get(s)??new Set).add(e))},hostDisconnected:()=>{gt.get(s)?.delete(e)}})}(t,Rs,((t,s)=>{this.attachMediaProvider(t,s)})),t.addController({hostConnected:()=>{this.state.canPlay||this._host.setAttribute("aria-busy","true")},hostDisconnected:()=>{this._clearMediaStateTracking(),this._clearPendingMediaRequests(),this.providerQueue.destroy(),this.providerDisposal.empty(),this._skipInitialSrcChange=!0,this._disconnectDisposal.empty()}})}get logLevel(){return this._logController?.logLevel??"silent"}set logLevel(t){}get provider(){return this._provider}attachMediaProvider(t,s){lt(this.provider)&&this.provider!==t&&(this._handleMediaProviderDisconnect(),this._provider=t,this._providerContext.value.set(t),Ut(this._provider._store,this._store),this._attachMediaEventListeners(),t.attachMediaController(this,(t=>this._disconnectDisposal.add(t))),this._flushMediaProviderConnectedQueue(),s(this._handleMediaProviderDisconnect.bind(this)))}_handleMediaProviderDisconnect(){lt(this.provider)||(this._stopWaiting(),this.providerQueue.destroy(),this.providerDisposal.empty(),this._provider=void 0,this._providerContext.value.set(void 0),function(t){for(const s of Nt(os))t[s].set(os[s])}(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(){Nt(this._pendingMediaRequests).forEach((t=>{this._pendingMediaRequests[t]=[]}))}_satisfyMediaRequest(t,s){const i=this._pendingMediaRequests[t].shift();i&&(s.requestEvent=i,et(s,i))}_mediaRequestEventGateway(t){return t.stopPropagation(),!0}_createMediaRequestHandler(t,s){return i=>{this._mediaRequestEventGateway(i)&&(this._provider?s(i):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 Nt(t)){const i=t[s].bind(this);this.providerDisposal.add(G(this._provider,s,i))}}_clearMediaStateTracking(){this._isReplay=!1,this._isLooping=!1,this._firingWaiting=!1,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(!0),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),"loadedmetadata"!==t.triggerEvent?.type&&et(t,this._findLastMediaEvent("vds-loaded-metadata")),this._store.canPlay.set(!0),this._store.duration.set(t.detail.duration),this._host.setAttribute("aria-busy","false")}_handleCanPlayThrough(t){this._store.canPlay.set(!0),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){if(this._mediaEvents.push(t),et(t,this._findLastMediaEvent("vds-waiting")),this._satisfyMediaRequest("play",t),this._store.paused.set(!1),this._store.autoplayError.set(void 0),this.state.ended||this._isReplay){this._isReplay=!1,this._store.ended.set(!1);const s=st("vds-replay",{triggerEvent:t});this._provider?.dispatchEvent(s)}}else t.stopImmediatePropagation()}_handlePlayFail(t){this._mediaEvents.push(t),this._stopWaiting(),et(t,this._findLastMediaEvent("vds-play")),this._store.paused.set(!0),this._store.playing.set(!1),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)):et(t,this._findLastMediaEvent("vds-seeked")),this._stopWaiting(),this._clearMediaStateTracking(),this._store.paused.set(!1),this._store.playing.set(!0),this._store.seeking.set(!1),this._store.ended.set(!1),this._isLooping)return t.stopImmediatePropagation(),void(this._isLooping=!1);this.state.started||(this._store.started.set(!0),this._provider?.dispatchEvent(st("vds-started",{triggerEvent:t})))}_handlePause(t){this._isLooping?t.stopImmediatePropagation():(et(t,this._findLastMediaEvent("vds-seeked")),this._satisfyMediaRequest("pause",t),this._store.paused.set(!0),this._store.playing.set(!1),this._store.seeking.set(!1),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(!1)}_handleVolumeChange(t){this._store.volume.set(t.detail.volume),this._store.muted.set(t.detail.muted||0===t.detail.volume),this._satisfyMediaRequest("volume",t)}_handleSeeked(t){this._isSeekingRequestPending?(this._store.seeking.set(!0),t.stopImmediatePropagation()):this.state.seeking&&(this._mediaEvents.push(t),et(t,this._findLastMediaEvent("vds-waiting")),et(t,this._findLastMediaEvent("vds-seeking")),this.state.paused&&this._stopWaiting(),this._store.seeking.set(!1),t.detail!==this.state.duration&&this._store.ended.set(!1),this._store.currentTime.set(t.detail),this._satisfyMediaRequest("seeked",t))}_stopWaiting(){this._fireWaiting.cancel(),this._store.waiting.set(!1)}_handleWaiting(t){this._firingWaiting||(t.stopImmediatePropagation(),this._originalWaitingEvent=t,this._fireWaiting())}_handleEnded(t){this._isLooping?t.stopImmediatePropagation():(this._stopWaiting(),this._store.paused.set(!0),this._store.playing.set(!1),this._store.seeking.set(!1),this._store.ended.set(!0),this._clearMediaStateTracking())}_handleAutoplayChange(t){this._store.autoplay.set(t.detail)}_handleCurrentSrcChange(t){var s;this._store.currentSrc.set(t.detail),this._skipInitialSrcChange?this._skipInitialSrcChange=!1:(this._clearMediaStateTracking(),Nt(s=this._store).forEach((t=>{cs.has(t)||s[t].set(s[t].initialValue)})),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)?0:s)}_handleProgress(t){const{buffered:s,seekable:i}=t.detail,e=0===s.length?0:s.end(s.length-1),h=0===i.length?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(h)}_handleSrcChange(t){this._store.src.set(t.detail)}_handleViewTypeChange(t){this._store.viewType.set(t.detail)}},Us=class{constructor(t,s,i){this._host=t,this._store=s,this._mediaProps=i,this._disposal=new Q,this._host.addController({hostConnected:this._hostConnected.bind(this),hostDisconnected:this._hostDisconnected.bind(this)})}_hostConnected(){Gt((()=>{for(const t of this._mediaProps){const s=this._store[t];if(s){const i=this._getMediaAttrName(t),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 t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}},Hs=class extends Us{_handleValueChange(t,s,i){window.requestAnimationFrame((()=>{Zt(this._host,s,pt(i)||ut(i)?String(i):!!i)}))}_handleDisconnect(t,s){this._host.removeAttribute(s)}},Ws=class extends Us{_handleValueChange(t,s,i){window.requestAnimationFrame((()=>{this._host.style.setProperty(this._getCssPropName(s),pt(i)||ut(i)?String(i):null)}))}_getCssPropName(t){return`--vds-${t}`}_handleDisconnect(t,s){this._host.style.setProperty(this._getCssPropName(s),null)}},Ks=Symbol("@vidstack/media-discovery"),Zs=class extends qs{constructor(){super(),this.controller=new js(this),this.__mediaFullscreen=!1,this.__mediaIsVideoView=!1,this.__mediaPlaysinline=!1,this.screenOrientationController=new Vt(this),this.fullscreenController=new Pt(this,this.screenOrientationController),mt(this,"vds-media-connect",{register:Ks}),us(this,"fullscreen",(t=>{this.__mediaFullscreen=t})),us(this,"viewType",(t=>{this.__mediaIsVideoView="video"===t})),us(this,"playsinline",(t=>{this.__mediaPlaysinline=t})),this._bindMediaAttributes(),this._bindMediaCSSProperties()}static get styles(){return[ys`:host{display:inline-block;position:relative;contain:content}:host([hidden]){display:none}`]}get provider(){return this.controller.provider}update(t){Zt(this,"hide-ui",this._shouldHideMediaUI()),super.update(t)}render(){return C`<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;s!==t&&(this.fullscreenController.screenOrientationLock=t,this.requestUpdate("fullscreen-orientation",s))}enterFullscreen(){return this.fullscreenController.enterFullscreen()}exitFullscreen(){return this.fullscreenController.exitFullscreen()}_bindMediaAttributes(){!function(...t){new Hs(...t)}(this,this.controller.store,["autoplay","autoplayError","canLoad","canPlay","canFullscreen","ended","error","fullscreen","userIdle","loop","mediaType","muted","paused","playing","playsinline","seeking","started","viewType","waiting"])}_bindMediaCSSProperties(){!function(...t){new Ws(...t)}(this,this.controller.store,["bufferedAmount","currentTime","duration","seekableAmount"])}_shouldHideMediaUI(){return zt&&this.__mediaIsVideoView&&(!this.__mediaPlaysinline||this.__mediaFullscreen)}};gs([Ns()],Zs.prototype,"__mediaFullscreen",2),gs([Ns()],Zs.prototype,"__mediaIsVideoView",2),gs([Ns()],Zs.prototype,"__mediaPlaysinline",2),gs([Vs({attribute:"fullscreen-orientation"})],Zs.prototype,"fullscreenOrientation",1),Kt("vds-media",Zs);var Js=/\.(m4a|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i,Ys=/\.(mp4|og[gv]|webm|mov|m4v|avi)($|\?)/i,Gs=class extends Is{constructor(){super(...arguments),this.preload="metadata",this._timeRAF=void 0,this._hasMediaElementConnected=!1,this._mediaElementDisposal=new Q,this._isMediaWaiting=!1,this._ignoreNextAbortEvent=!1,this._ignoreNextEmptiedEvent=!1}get mediaElement(){return this._mediaElement}disconnectedCallback(){this._isMediaWaiting=!1,super.disconnectedCallback(),this._cancelTimeUpdates()}destroy(){this.mediaElement&&(this.mediaElement.pause(),this.mediaElement.src="",this.mediaElement.innerHTML="",this.mediaElement.load()),super.destroy()}_cancelTimeUpdates(){ut(this._timeRAF)&&window.cancelAnimationFrame(this._timeRAF),this._timeRAF=void 0}_requestTimeUpdates(){ct(this._timeRAF)&&this._requestTimeUpdate()}_requestTimeUpdate(){const t=this.mediaElement?.currentTime??0;this.state.currentTime!==t&&this._updateCurrentTime(t),this._timeRAF=window.requestAnimationFrame((()=>{ct(this._timeRAF)||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&&!lt(this.mediaElement)&&!this._hasMediaElementConnected}_findSlottedMediaElement(){const t=function(t){const s=t.shadowRoot?.querySelector("slot:not([name])"),i=s?.assignedNodes({flatten:!0})??[];return Array.prototype.filter.call(i,(t=>t.nodeType==Node.ELEMENT_NODE))}(this)[0];this._mediaElement=t??void 0}_handleMediaElementConnect(){window.requestAnimationFrame((()=>{if(this._findSlottedMediaElement(),!this._canMediaElementConnect)return;const t=this.mediaElement;t.hasAttribute("loop")&&(this.loop=!0),t.removeAttribute("loop"),t.removeAttribute("poster"),Zt(t,"controls",this.controls),!this.state.canFullscreen&&this.fullscreenController.isSupported&&this.dispatchEvent(st("vds-fullscreen-support-change",{detail:this.canFullscreen})),this._attachMediaEventListeners(),this._observePlaysinline(),this._observeMediaSources(),this.canLoadPoster&&this.poster.length>0&&t.getAttribute("poster")!==this.poster&&t.setAttribute("poster",this.poster),this._startPreloadingMedia(),this._hasMediaElementConnected=!0,this._disconnectDisposal.add(this._handleMediaElementDisconnect.bind(this))}))}_handleMediaElementDisconnect(){this._cancelTimeUpdates(),window.requestAnimationFrame((()=>{this._mediaElementDisposal.empty(),this._mediaElement=void 0})),this._hasMediaElementConnected=!1}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=!1,this._ignoreNextEmptiedEvent=!1}),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:!0}),this._mediaElementDisposal.add((()=>t.disconnect()))}_handleSrcChange(t){var s,i;(s=this.state.src).length===(i=t).length&&s.every(((t,s)=>t===i[s]))||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(lt(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};Nt(t).forEach((s=>{const i=t[s].bind(this),e=G(this.mediaElement,s,(async t=>{await i(t)}));this._mediaElementDisposal.add(e)}))}_handleAbort(t){this._ignoreNextAbortEvent||(this.dispatchEvent(st("vds-abort",{triggerEvent:t})),this._handleCurrentSrcChange("",t))}_handleCanPlay(t){this._handleMediaReady({event:t,duration:this.mediaElement.duration})}_handleCanPlayThrough(t){this.state.started||this.dispatchEvent(st("vds-can-play-through",{triggerEvent:t,detail:{duration:this.mediaElement.duration}}))}_handleLoadStart(t){this._handleCurrentSrcChange(this.mediaElement.currentSrc,t),""!==this.mediaElement.currentSrc?this.dispatchEvent(st("vds-load-start",{triggerEvent:t,detail:this._getMediaMetadata()})):this._handleAbort()}_handleEmptied(t){this._ignoreNextEmptiedEvent||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){(1!==this.mediaElement.readyState||this._isMediaWaiting)&&(this._isMediaWaiting=!1,this._cancelTimeUpdates(),this.dispatchEvent(st("vds-pause",{triggerEvent:t})))}_handlePlaying(t){this._isMediaWaiting=!1;const s=st("vds-playing",{triggerEvent:t});this.dispatchEvent(s),this._requestTimeUpdates()}_handleDurationChange(t){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)&&$t(this.mediaElement.duration)>$t(i)&&(this._updateCurrentTime(this.mediaElement.duration,t),!this.mediaElement.ended))try{this.play()}catch(t){}}_handleStalled(t){this.dispatchEvent(st("vds-stalled",{triggerEvent:t})),this.mediaElement.readyState<3&&(this._isMediaWaiting=!0,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){this.mediaElement.readyState<3&&(this._isMediaWaiting=!0,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),this.state.loop?this._handleLoop():this.dispatchEvent(st("vds-ended",{triggerEvent:t}))}_handleLoop(){lt(this.controls)&&(this.mediaElement.controls=!1),this.dispatchEvent(st("vds-loop-request"))}_handleError(t){const s=this.mediaElement.error;s&&this.dispatchEvent(st("vds-error",{detail:{message:s.message,code:s.code,mediaError:s},triggerEvent:t}))}_getPaused(){return this.mediaElement?.paused??!0}_getVolume(){return this.mediaElement?.volume??1}_setVolume(t){this.mediaElement.volume=t}_getCurrentTime(){return this.mediaElement?.currentTime??0}_setCurrentTime(t){this.mediaElement.currentTime!==t&&(this.mediaElement.currentTime=t)}_getMuted(){return this.mediaElement?.muted??!1}_setMuted(t){this.mediaElement.muted=t}async play(){try{return this._throwIfNotReadyForPlayback(),await this._resetPlaybackIfEnded(),this.mediaElement?.play()}catch(t){const s=st("vds-play-fail");throw s.autoplay=this._attemptingAutoplay,s.error=t,t}}async pause(){return this.mediaElement?.pause()}_getMediaType(){return Js.test(t=this.state.currentSrc)?"audio":Ys.test(t)?"video":"unknown";var t}};gs([Vs()],Gs.prototype,"preload",2),Kt("vds-audio",class extends Gs{static get styles(){return[ys`:host{display:inline-block}:host([hidden]){display:none}`]}connectedCallback(){super.connectedCallback(),this.dispatchEvent(st("vds-view-type-change",{detail:"audio"}))}});var Qs=ys`: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}`,Xs=class extends qs{constructor(){super(),this.pressed=!1,this.disabled=!1,this._handleButtonClickCapture=X(this,"click",(t=>{this.disabled&&(t.preventDefault(),t.stopImmediatePropagation())}),{capture:!0}),At(this),["pointerup","keydown"].forEach((t=>{X(this,t,(t=>{this.disabled||Qt(t)&&!function(t){return Qt(t)&&("Enter"===t.key||" "===t.key)}(t)||this._handleButtonClick(t)}))}))}static get styles(){return[Qs]}static get parts(){return[]}connectedCallback(){super.connectedCallback(),Jt(this,"tabindex","0"),Jt(this,"role","button"),this._updateAriaPressedAttr()}updated(t){t.has("pressed")&&this._updateAriaPressedAttr()}_updateAriaPressedAttr(){Zt(this,"aria-pressed",this.pressed?"true":"false")}render(){return this._renderDefaultSlot()}_renderDefaultSlot(){return C`<slot></slot>`}_handleButtonClick(t){this.pressed=!this.pressed}};gs([Vs({type:Boolean})],Xs.prototype,"pressed",2),gs([Vs({type:Boolean,reflect:!0})],Xs.prototype,"disabled",2);var ti=class{constructor(t){t?(this._target=t,this._createLogger(t),this._requests=Lt(t)):this._requests=new Ot}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){this._target!==t&&(this._target=t,t?(this._createLogger(t),this._requests.start()):this._requests.stop())}_dispatchRequest(t,s){this._requests.queue(t,(()=>{const i=st(t,{...s,bubbles:!0,composed:!0});this._target?.dispatchEvent(i)}))}_createLogger(t){}};Kt("vds-play-button",class extends Xs{constructor(){super(),this._mediaRemote=new ti(this),us(this,"paused",(t=>{this.pressed=!t,Zt(this,"paused",t)}))}connectedCallback(){super.connectedCallback(),Jt(this,"aria-label","Play")}_handleButtonClick(t){this.disabled||(this.pressed?this._mediaRemote.pause(t):this._mediaRemote.play(t))}}),Kt("vds-mute-button",class extends Xs{constructor(){super(),this._mediaRemote=new ti(this),this._volume=1,this._muted=!1,us(this,"volume",(t=>{this._volume=t,this._handleMutedChange()})),us(this,"muted",(t=>{this._muted=t,this._handleMutedChange()}))}connectedCallback(){super.connectedCallback(),Jt(this,"aria-label","Mute")}_handleMutedChange(){const t=this._muted||0===this._volume;this.pressed=t,Zt(this,"muted",t)}_handleButtonClick(t){this.disabled||(this.pressed?this._mediaRemote.unmute(t):this._mediaRemote.mute(t))}});var si=at((function(){const t=It(!1),s=It(!1);return{value:It(50),pointerValue:It(0),min:It(0),max:It(100),dragging:t,pointing:s,interactive:Bt([t,s],(([t,s])=>t||s))}})),ii=ys`*{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}`,ei=(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",t))(ei||{}),hi=class extends qs{constructor(){super(),this._sliderStoreProvider=si.provide(this),this.disabled=!1,this.value=50,this._step=1,this._keyboardStep=1,this.shiftKeyMultiplier=5,this.customValueText=!1,this._mediaRemote=new ti(this),this._disconnectDisposal=new Q,this._handlePointerEnter=X(this,"pointerenter",(()=>{this.disabled||(this.setAttribute("pointing",""),this.store.pointing.set(!0))})),this._handlePointerMove=X(this,"pointermove",(t=>{if(this.disabled||this.isDragging)return;const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s),this._dispatchPointerValueChange(t)})),this._handlePointerLeave=X(this,"pointerleave",(()=>{this.disabled||(this.removeAttribute("pointing"),this.store.pointing.set(!1))})),this._handlePointerDown=X(this,"pointerdown",(t=>{this.disabled||(this._startDragging(t),this._onDrag(t))})),this._handleKeydown=X(this,"keydown",(t=>{if(this.disabled)return;const{key:s,shiftKey:i}=t;if(!Object.keys(ei).includes(s))return;const e=i?this.keyboardStep*this.shiftKeyMultiplier:this.keyboardStep,h=Number(ei[s]);this.value=this._getClampedValue(this.step*((this.value+e*h)/this.step)),this._dispatchValueChange(t)})),this._handleFillValueChange=X(this,"vds-slider-value-change",this._updateFillCSSProps.bind(this)),this._handlePointerValueChange=X(this,"vds-slider-pointer-value-change",this._updatePointerCSSProps.bind(this)),this._onDrag=es((t=>{if(this.disabled||!this.isDragging)return;const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s),this._dispatchPointerValueChange(t)})),this._handleDocumentPointerUp=X(this,"pointerup",(t=>{!this.disabled&&this.isDragging&&this._stopDragging(t)}),{target:document}),this._handleDocumentTouchMove=X(this,"touchmove",(t=>{!this.disabled&&this.isDragging&&t.preventDefault()}),{target:document,passive:!1}),this._handleDocumentPointerMove=X(this,"pointermove",(t=>{!this.disabled&&this.isDragging&&this._onDrag(t)}),{target:document}),this._lastDispatchedValue=this.value,this._dispatchValueChange=es((t=>{this.value!==this._lastDispatchedValue&&(this.dispatchEvent(st("vds-slider-value-change",{detail:this.value,triggerEvent:t})),this._lastDispatchedValue=this.value)})),this._lastDispatchedPointerValue=this.pointerValue,this._dispatchPointerValueChange=es((t=>{this.pointerValue!==this._lastDispatchedPointerValue&&(["vds-slider-pointer-value-change",this.isDragging&&"vds-slider-drag-value-change"].forEach((s=>{s&&this.dispatchEvent(st(s,{detail:this.pointerValue,triggerEvent:t}))})),this._lastDispatchedPointerValue=this.pointerValue)})),At(this)}static get styles(){return[ii]}static get parts(){return[]}get store(){return this._sliderStoreProvider.value}get min(){return jt(this.store.min)}set min(t){this.store.min.set(t)}get max(){return jt(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 jt(this.store.dragging)}get fillRate(){const t=this.max-this.min;return t>0?(this.value-this.min)/t:0}get fillPercent(){return 100*this.fillRate}get pointerValue(){return jt(this.store.pointerValue)}get pointerRate(){const t=this.max-this.min;return t>0?(this.pointerValue-this.min)/t:0}get pointerPercent(){return 100*this.pointerRate}connectedCallback(){super.connectedCallback(),this._setupAriaAttrs(),this._updateFillCSSProps(),this._updatePointerCSSProps(),this._disconnectDisposal.add(this.store.interactive.subscribe((t=>{Zt(this,"interactive",t)})))}willUpdate(t){(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()),t.has("disabled")&&this.disabled&&(this.store.dragging.set(!1),this.store.pointing.set(!1),this.removeAttribute("dragging"),this.removeAttribute("pointing"),this.removeAttribute("interactive"),Zt(this,"aria-disabled",this.disabled)),this.customValueText||this._updateAriaValueAttrs(),super.willUpdate(t)}disconnectedCallback(){this._onDrag.cancel(),this._disconnectDisposal.empty(),super.disconnectedCallback()}_updateFillCSSProps(){Yt(this,"fill-value",`${this.value}`),Yt(this,"fill-rate",`${this.fillRate}`),Yt(this,"fill-percent",`${this.fillPercent}%`)}_updatePointerCSSProps(){Yt(this,"pointer-value",`${this.pointerValue}`),Yt(this,"pointer-rate",`${this.pointerRate}`),Yt(this,"pointer-percent",`${this.pointerPercent}%`)}render(){return this._renderSlider()}_renderSlider(){return C`${this._renderDefaultSlot()}`}_renderDefaultSlot(){return C`<slot></slot>`}_setupAriaAttrs(){Jt(this,"role","slider"),Jt(this,"tabindex","0"),Jt(this,"aria-orientation","horizontal"),Jt(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`${Mt(this.value/this.max*100,2)}%`}_startDragging(t){if(this.isDragging)return;this.store.dragging.set(!0),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(!1),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 Tt(this.min,Mt(t,$t(this.step)),this.max)}_getValueFromRate(t){const s=Tt(0,t,1),i=Math.round((this.max-this.min)*s/this.step);return this.min+this.step*i}_getValueBasedOnThumbPosition(t){const s=t.clientX,{left:i,width:e}=this.getBoundingClientRect();return this._getValueFromRate((s-i)/e)}};gs([Vs({type:Number})],hi.prototype,"min",1),gs([Vs({type:Number})],hi.prototype,"max",1),gs([Vs({reflect:!0,type:Boolean})],hi.prototype,"disabled",2),gs([Vs({type:Number})],hi.prototype,"value",2),gs([Vs({type:Number})],hi.prototype,"step",1),gs([Vs({attribute:"keyboard-step",type:Number})],hi.prototype,"keyboardStep",1),gs([Vs({attribute:"shift-key-multiplier",type:Number})],hi.prototype,"shiftKeyMultiplier",2),gs([Vs({type:Boolean,attribute:"custom-value-text"})],hi.prototype,"customValueText",2);var ni=ys``,ri=class extends hi{constructor(){super(),this._step=.1,this.value=0,this.valueText="{currentTime} out of {duration}",this.pauseWhileDragging=!1,this.seekingRequestThrottle=100,this.__mediaDuration=0,this.__mediaPaused=!0,this._handleSliderDragStart=X(this,"vds-slider-drag-start",(t=>{this._togglePlaybackWhileDragging(t)})),this._handleSliderValueChange=X(this,"vds-slider-value-change",(t=>{Qt(t.originEvent)&&(this._dispatchSeekingRequest.cancel(),this._mediaRemote.seek(this.value,t))})),this._handleSliderDragValueChange=X(this,"vds-slider-drag-value-change",(t=>{this._dispatchSeekingRequest(t)})),this._handleSliderDragEnd=X(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=!1,us(this,"currentTime",(t=>{this.value=t})),us(this,"duration",(t=>{this.__mediaDuration=t,this.requestUpdate("max")})),us(this,"paused",(t=>{this.__mediaPaused=t}))}static get styles(){return[super.styles,ni]}connectedCallback(){super.connectedCallback(),Jt(this,"aria-label","Media time")}get min(){return 0}set min(t){}get max(){return this.__mediaDuration}set max(t){}update(t){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}",is(this.value)).replace("{duration}",is(this.__mediaDuration))}_getValueMax(){return"100%"}_togglePlaybackWhileDragging(t){this.pauseWhileDragging&&(this.isDragging&&!this.__mediaPaused?(this._wasPlayingBeforeDragStart=!0,this._mediaRemote.pause(t)):this._wasPlayingBeforeDragStart&&!this.isDragging&&this.__mediaPaused&&(this._wasPlayingBeforeDragStart=!1,this._mediaRemote.play(t)))}};gs([Vs({attribute:!1,state:!0})],ri.prototype,"value",2),gs([Vs({attribute:!1})],ri.prototype,"min",1),gs([Vs({attribute:!1})],ri.prototype,"max",1),gs([Vs({attribute:"value-text"})],ri.prototype,"valueText",2),gs([Vs({attribute:"pause-while-dragging",type:Boolean})],ri.prototype,"pauseWhileDragging",2),gs([Vs({attribute:"seeking-request-throttle",type:Number})],ri.prototype,"seekingRequestThrottle",2),gs([Ns()],ri.prototype,"__mediaDuration",2),gs([Ns()],ri.prototype,"__mediaPaused",2),Kt("vds-time-slider",ri);var ai=class extends hi{constructor(){super(),this.value=100,this._handleSliderValueChange=X(this,"vds-slider-value-change",this._changeVolume.bind(this)),this._handleSliderDragValueChange=X(this,"vds-slider-drag-value-change",this._changeVolume.bind(this)),us(this,"volume",(t=>{this.value=100*t}))}connectedCallback(){super.connectedCallback(),Jt(this,"aria-label","Media volume")}get min(){return 0}set min(t){}get max(){return 100}set max(t){}_changeVolume(t){const s=Mt(t.detail/100,3);this._mediaRemote.changeVolume(s,t)}};gs([Vs({attribute:!1})],ai.prototype,"min",1),gs([Vs({attribute:!1})],ai.prototype,"max",1),gs([Vs({attribute:!1,state:!0})],ai.prototype,"value",2),Kt("vds-volume-slider",ai);var oi=class extends qs{constructor(){super(...arguments),this._disposal=new Q,this._sliderStoreConsumer=si.consume(this),this.__value=0,this.type="current",this.showHours=!1,this.padHours=!1,this.decimalPlaces=2}static get styles(){return[ys`:host{display:inline-block;contain:content}:host([hidden]){display:none}`]}get _sliderStore(){return this._sliderStoreConsumer.value}connectedCallback(){super.connectedCallback(),this._handleTypeChange()}update(t){(t.has("type")||t.has("format"))&&this._handleTypeChange(),super.update(t)}disconnectedCallback(){this._disposal.empty(),super.disconnectedCallback()}render(){return C`${this._getValueText()}`}_handleTypeChange(){this._disposal.empty();const t=this._sliderStore["current"===this.type?"value":"pointerValue"],s=("percent"===this.format?this._createPercentStore(t):t).subscribe((t=>{this.__value=t}));this._disposal.add(s)}_createPercentStore(t){return Bt([t,this._sliderStore.min,this._sliderStore.max],(([t,s,i])=>t/(i-s)*100))}_getValueText(){switch(this.format){case"percent":return this._getPercentFormat();case"time":return this._getTimeFormat();default:return`${this.__value}`}}_getPercentFormat(){return`${Mt(this.__value,this.decimalPlaces)}%`}_getTimeFormat(){return ss(this.__value,this.padHours,this.showHours)}};gs([Ns()],oi.prototype,"__value",2),gs([Vs()],oi.prototype,"type",2),gs([Vs()],oi.prototype,"format",2),gs([Vs({attribute:"show-hours",type:Boolean})],oi.prototype,"showHours",2),gs([Vs({attribute:"pad-hours",type:Boolean})],oi.prototype,"padHours",2),gs([Vs({attribute:"decimal-places",type:Number})],oi.prototype,"decimalPlaces",2),Kt("vds-slider-value-text",oi);var di=class extends qs{constructor(){super(...arguments),this._disposal=new Q,this._mediaStoreConsumer=ls.consume(this),this.__seconds=0,this.type="current",this.showHours=!1,this.padHours=!1,this.remainder=!1}static get styles(){return[ys`:host{display:inline-block;contain:content}:host([hidden]){display:none}`]}get _mediaStore(){return this._mediaStoreConsumer.value}connectedCallback(){super.connectedCallback(),this._handleTypeChange()}update(t){(t.has("type")||t.has("remainder"))&&this._handleTypeChange(),super.update(t)}disconnectedCallback(){this._disposal.empty(),super.disconnectedCallback()}render(){return C`${this._getFormattedTime()}`}_handleTypeChange(){this._disposal.empty();const t=this._getTypeStore(),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 Bt([t,this._mediaStore.duration],(([t,s])=>Math.max(0,s-t)))}_getFormattedTime(){return ss(this.__seconds,this.padHours,this.showHours)}};gs([Ns()],di.prototype,"__seconds",2),gs([Vs()],di.prototype,"type",2),gs([Vs({attribute:"show-hours",type:Boolean})],di.prototype,"showHours",2),gs([Vs({attribute:"pad-hours",type:Boolean})],di.prototype,"padHours",2),gs([Vs({type:Boolean})],di.prototype,"remainder",2),Kt("vds-time",di);const ci=class{constructor(i){t(this,i),this.stzhPlay=s(this,"stzhPlay"),this.stzhPlaying=s(this,"stzhPlaying"),this.stzhPause=s(this,"stzhPause"),this.stzhReplay=s(this,"stzhReplay"),this.stzhEnd=s(this,"stzhEnd"),this.stzhEnded=s(this,"stzhEnded"),this.stzhError=s(this,"stzhError"),this.src="",this.preload="none",this.transcript="",this.transcriptShown=!1}async play(){this.vsdAudioElement.play()}async pause(){this.vsdAudioElement.pause()}async componentWillLoad(){this.localization||(this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"audio"))}render(){const t=!!this.transcript||r(this.element,"transcript");return i(e,{key:"ca3d80f1bf88bdd381d68429250517c78a3bc72b"},i("vds-media",{key:"3b24746f6c6ac25c098279ca9f17083bd8df1061",class:{"stzh-audio":!0}},i("vds-audio",{key:"eddbd272a3841cc35b4ffad638915dcca7a5c837",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:"0a0ff0aef46c6eb84ae7e7a3423f202d35050d83",preload:this.preload,src:this.src},i("slot",{key:"5f8a299dd7101ea1a18a35b3e498fe80e598a2a4"}))),i("div",{key:"082f0120d9ddeb20801dc1a16c3f08aff1f71bf4",class:"stzh-audio__controls"},i("div",{key:"23e188851ffb0caf001ac5be7b8526aedbb51bcc",class:"stzh-audio__loader-overlay"},i("stzh-loader",{key:"ddad5c842a178f9b196029ca00c79dc6f5c28be4",class:"stzh-audio__loader",label:this.localization.loading,"hide-label":!0})),i("div",{key:"4b75e53ff10e5c37d49eb9c7d1e9981e0d5ff089",class:"stzh-audio__controls-top"},i("vds-time-slider",{key:"9dae3b5495e53d2852ad6ad7262eb621ac497ed1",class:"stzh-audio__slider is-time"},i("div",{key:"b585fe43b7de5d010da87e297233b82880780c8e",class:"stzh-audio__slider-track"}),i("div",{key:"d7a9f4dc0d5af41ac7381116e7b4d1dbc75503e0",class:"stzh-audio__slider-track is-fill"}),i("div",{key:"4dda805e2d9decdf23bc3c2419b4891d09e37596",class:"stzh-audio__slider-thumb-container"},i("div",{key:"105e72a7c723899f0815568dda2064babd212318",class:"stzh-audio__slider-thumb"})),i("div",{key:"5da74cd62d23a936a646c760052b286878bb798b",class:"stzh-audio__media-preview-container"},i("vds-slider-value-text",{key:"1673ca1f9f90748780bc5c319f56101a871d6b24",class:"stzh-audio__slider-text",type:"pointer",format:"time"})))),i("div",{key:"451575fb218220f93417c1dcd37fe1f1d0033f57",class:"stzh-audio__controls-bottom"},i("div",{key:"6b5ebcbb69bb233e9c54750a80754656063ccfcf",class:"stzh-audio__controls-bottom-left"},i("stzh-tooltip",{key:"5508fc406e4ae303aff3907f6b5a40481743ab8a"},i("vds-play-button",{key:"b13bf2d7d7fcf2370deab8ddfa713fd5a1038e68",class:"stzh-audio__button is-play"},i("stzh-icon",{key:"ec84da558eaaf460351755167cde0e927b041936",class:"stzh-audio__played",name:"play"}),i("stzh-icon",{key:"84316f0ed963991f6a12ac4640498c84be2eef39",class:"stzh-audio__paused",name:"pause"})),i("span",{key:"6d248af24d72dc2d20e97031e4b4a124b4233c2b",slot:"content"},i("span",{key:"d322f259467cfb908b8b09913911b271bd2ca45e",class:"stzh-audio__played"},this.localization.play),i("span",{key:"0e271798581c151601cee9dccacc4808b1fd87b4",class:"stzh-audio__paused"},this.localization.pause))),i("div",{key:"e00bf14eb0da05a2c979da224f0f01a42511563e",class:"stzh-audio__time"},i("vds-time",{key:"c76ca480f8424b39ac447d9ff931c08f2c9a7abd",type:"current"}),i("span",{key:"7e83d0a0cbfbc12ffb8109991b7199f50e7fbff7",class:"stzh-audio__time-separator"},"/"),i("vds-time",{key:"afa7ebe7242ec1e4c592e86e7c4f726f6a20744d",type:"duration"})),i("stzh-tooltip",{key:"546799eabfbc5fade5d2b48014c6e4a569f3196d"},i("vds-mute-button",{key:"c8415455bb092fc754f46bb3f0677c485586df94",class:"stzh-audio__button is-mute"},i("stzh-icon",{key:"318b7110ab07a896e1f9202ebc774611411305fa",class:"stzh-audio__muted",name:"volume-medium"}),i("stzh-icon",{key:"2aa37ff78ec0b165a02b7a8e3e0e09e7da89fd08",class:"stzh-audio__unmuted",name:"silent-mode"})),i("span",{key:"654edec0f255aaf0499367d22445fc0c5faba441",slot:"content"},i("span",{key:"1d3749b3914b8dca978469a0e25505d33c813cfa",class:"stzh-audio__muted"},this.localization.mute),i("span",{key:"a688b8794c9470270dd7e9cb1cc734309d123a05",class:"stzh-audio__unmuted"},this.localization.unmute))),i("vds-volume-slider",{key:"af6058dad314b42ec0759bebf8988be85d7b78f6",class:"stzh-audio__slider is-volume"},i("div",{key:"b35742e09147789e468413be8ed9b3cded5ae41b",class:"stzh-audio__slider-track"}),i("div",{key:"ece0df9ff984a6d2d8922682e736dd84b8ffd016",class:"stzh-audio__slider-track is-fill"}),i("div",{key:"c10fe9d98fcc174d01d7465a25867a502665df44",class:"stzh-audio__slider-thumb-container is-shown"},i("div",{key:"202a643467f3a3f2273403752637022835e3c48f",class:"stzh-audio__slider-thumb"})),i("div",{key:"cff8f9786eed0b39e8409d720ae9ea6debc2a053",class:"stzh-audio__media-preview-container"},i("vds-slider-value-text",{key:"277b80c65b87c6eb3a393bdf3f7102b9dbde2dad",class:"stzh-audio__slider-text",type:"pointer",format:"percent"})))),i("div",{key:"5df410bf0c7191ad50a3e41b1108e813a73dec73",class:"stzh-audio__controls-bottom-right"},t&&i("stzh-tooltip",{key:"1b99b182aa17be57ae777be8c007b2bbcc41edef",content:this.transcriptShown?this.localization.hideTranscript:this.localization.showTranscript},i("button",{key:"b36b4e529e31794eb6c151af2c0590e23a8f62a4",class:{"stzh-audio__button is-transcript":!0,"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:"942bd2df3cd85df370f068a8bd672c81cac4b4df",name:"transcript"}))),i("stzh-tooltip",{key:"0d9281fee0d88a5a2240099fcd74f9f65a5481da",content:this.localization.download},i("a",{key:"a5c8dfb8d00856569783f50b98fa35f137f8a6fd",class:"stzh-audio__button is-download",href:this.src,download:"","s-object-id":this.downloadAnalyticsId||this.localization.download},i("stzh-icon",{key:"8ef8509ac7ef6b955aa769cf0f1f23ba0e882650",name:"download"})))))),i("div",{key:"fe7c89e4debaaf0c790736a54e98137761e8cfaa",class:"stzh-audio__transcript",hidden:!this.transcriptShown},this.transcript?this.transcript:i("slot",{name:"transcript"}))))}get element(){return h(this)}};ci.style='.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] br,.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{margin-bottom:var(--stzh-space-medium, 16px)}@media screen and (min-width: 600px){.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, 20px)}}@media screen and (min-width: 900px){.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, 24px)}}@media screen and (min-width: 1260px){.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, 32px)}}.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript] br,.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{content:" ";display:block}.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, 16px)}@media screen and (min-width: 600px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-left:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-left:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-left:var(--stzh-space-xxlarge, 32px)}}.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-right:var(--stzh-space-medium, 16px)}@media screen and (min-width: 600px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-right:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-right:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-right:var(--stzh-space-xxlarge, 32px)}}.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-xxsmall, 4px)}@media screen and (min-width: 900px){.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-xsmall, 8px)}}@media screen and (min-width: 1260px){.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-small, 12px)}}.stzh-audio__controls.sc-stzh-audio{padding-top:var(--stzh-space-large, 20px);position:relative;display:flex;flex-direction:column;background-color:var(--stzh-color-grey20)}.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, 12px)}.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, 8px)}@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)}@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)}}.stzh-audio__transcript.sc-stzh-audio{padding-top:var(--stzh-space-medium, 16px)}@media screen and (min-width: 600px){.stzh-audio__transcript.sc-stzh-audio{padding-top:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){.stzh-audio__transcript.sc-stzh-audio{padding-top:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){.stzh-audio__transcript.sc-stzh-audio{padding-top:var(--stzh-space-xxlarge, 32px)}}.stzh-audio__transcript.sc-stzh-audio{padding-bottom:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){.stzh-audio__transcript.sc-stzh-audio{padding-bottom:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){.stzh-audio__transcript.sc-stzh-audio{padding-bottom:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){.stzh-audio__transcript.sc-stzh-audio{padding-bottom:var(--stzh-space-xxxlarge, 40px)}}.stzh-audio__transcript.sc-stzh-audio{background-color:var(--stzh-color-grey10)}.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, 8px)}.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{width:2.75rem;height:2.75rem;display:grid;place-items:center;appearance:none;background-color:transparent;border:0.125rem solid transparent;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);cursor:pointer}@media (forced-colors: active){.stzh-audio__button.sc-stzh-audio{transition:none}.stzh-audio__button.sc-stzh-audio:not(a){color:ButtonText;border-color:ButtonBorder;background-color:ButtonFace}}.stzh-audio__button.sc-stzh-audio:hover{color:var(--stzh-color-primary80);background-color:var(--stzh-color-secondary20)}@media (forced-colors: active){.stzh-audio__button.sc-stzh-audio:hover:not(a){transition:none;color:HighlightText;border-color:Highlight;background-color:Highlight}}.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, 24px)}.stzh-audio__time-separator.sc-stzh-audio{margin:0 var(--stzh-space-xxsmall, 4px)}.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)}@media (forced-colors: active){.stzh-audio__slider.sc-stzh-audio{--track-height:0.5rem}}.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}}@media (forced-colors: active){.stzh-audio__slider.is-volume.sc-stzh-audio{--track-height:0.5rem}}.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%);outline:0.125rem solid transparent;outline-offset:-0.125rem;background-color:var(--stzh-color-black20op);transition:background-color var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-audio__slider-track.sc-stzh-audio{transition:none;forced-color-adjust:none;outline-color:CanvasText;background-color:transparent}}.stzh-audio__slider.sc-stzh-audio:hover .stzh-audio__slider-track.sc-stzh-audio{background-color:var(--stzh-color-black30op)}@media (forced-colors: active){.stzh-audio__slider.sc-stzh-audio:hover .stzh-audio__slider-track.sc-stzh-audio{outline-color:CanvasText;background-color:transparent}}.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}@media (forced-colors: active){.stzh-audio__slider-track.is-fill.sc-stzh-audio{outline-color:SelectedItem;background-color:SelectedItem}}.stzh-audio__slider.sc-stzh-audio:hover .stzh-audio__slider-track.is-fill.sc-stzh-audio{background-color:var(--stzh-color-secondary50)}@media (forced-colors: active){.stzh-audio__slider.sc-stzh-audio:hover .stzh-audio__slider-track.is-fill.sc-stzh-audio{outline-color:SelectedItem;background-color:SelectedItem}}.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)}@media (forced-colors: active){.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{transition:none;forced-color-adjust:none;outline-color:CanvasText;background-color:transparent}}.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)}@media (forced-colors: active){.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{outline-color:SelectedItem;background-color:SelectedItem}}.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%)}@media (forced-colors: active){.stzh-audio__slider-thumb.sc-stzh-audio{border-color:ButtonBorder}}.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))}@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__media-preview-container.sc-stzh-audio{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)}@media (forced-colors: active){.stzh-audio__media-preview-container.sc-stzh-audio{outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.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, 4px)}.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}';export{ci as stzh_audio}