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

package/dist/esm/stzh-youtube.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-DoqzRCll.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-DesQCrfi.js';
 
 const stzhYoutubeCss = () => `.sc-stzh-youtube-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-youtube-h,[stzh-hidden].sc-stzh-youtube-h{display:none}.sc-stzh-youtube-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-youtube-h *.sc-stzh-youtube,.sc-stzh-youtube-h *.sc-stzh-youtube::before,.sc-stzh-youtube-h *.sc-stzh-youtube::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-youtube-h .has-focus.sc-stzh-youtube{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-youtube-h .stzh-fylingfocus-focused.sc-stzh-youtube{outline-style:none !important}.sc-stzh-youtube-h .stzh-fylingfocus-focused.sc-stzh-youtube::-moz-focus-inner{border:0 !important}@media print{.sc-stzh-youtube-h{display:none}}`;
 

package/dist/stzh-components/{p-8bf42c5e.entry.js → p-084b9cdd.entry.js}

@@ -1,19 +1,19 @@
-import{r as t,c as s,h as e,a as i,d as r}from"./p-DoqzRCll.js";import{g as n}from"./p-E-ZsRS8r.js";import{h}from"./p--MYN2wgX.js";import"./p-BubviQku.js";
+import{r as t,c as s,h as e,a as i,d as r}from"./p-DesQCrfi.js";import{g as n}from"./p-E-ZsRS8r.js";import{h}from"./p--MYN2wgX.js";import"./p-BubviQku.js";
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */var a;const o=window,d=o.trustedTypes,l=d?d.createPolicy("lit-html",{createHTML:t=>t}):void 0,u="$lit$",c=`lit$${(Math.random()+"").slice(9)}$`,f="?"+c,v=`<${f}>`,p=document,g=()=>p.createComment(""),m=t=>null===t||"object"!=typeof t&&"function"!=typeof t,b=Array.isArray,_=t=>b(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),z="[ \t\n\f\r]",y=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,w=/-->/g,k=/>/g,x=RegExp(`>|${z}(?:([^\\s"'>=/]+)(${z}*=${z}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),E=/'/g,C=/"/g,S=/^(?:script|style|textarea|title)$/i,M=t=>(s,...e)=>({_$litType$:t,strings:s,values:e}),$=M(1),T=Symbol.for("lit-noChange"),P=Symbol.for("lit-nothing"),F=new WeakMap,A=p.createTreeWalker(p,129,null,false);function D(t,s){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==l?l.createHTML(s):s}const q=(t,s)=>{const e=t.length-1,i=[];let r,n=2===s?"<svg>":"",h=y;for(let s=0;s<e;s++){const e=t[s];let a,o,d=-1,l=0;for(;l<e.length&&(h.lastIndex=l,o=h.exec(e),null!==o);)l=h.lastIndex,h===y?"!--"===o[1]?h=w:void 0!==o[1]?h=k:void 0!==o[2]?(S.test(o[2])&&(r=RegExp("</"+o[2],"g")),h=x):void 0!==o[3]&&(h=x):h===x?">"===o[0]?(h=null!=r?r:y,d=-1):void 0===o[1]?d=-2:(d=h.lastIndex-o[2].length,a=o[1],h=void 0===o[3]?x:'"'===o[3]?C:E):h===C||h===E?h=x:h===w||h===k?h=y:(h=x,r=void 0);const f=h===x&&t[s+1].startsWith("/>")?" ":"";n+=h===y?e+v:d>=0?(i.push(a),e.slice(0,d)+u+e.slice(d)+c+f):e+c+(-2===d?(i.push(void 0),s):f)}return[D(t,n+(t[e]||"<?>")+(2===s?"</svg>":"")),i]};class O{constructor({strings:t,_$litType$:s},e){let i;this.parts=[];let r=0,n=0;const h=t.length-1,a=this.parts,[o,l]=q(t,s);if(this.el=O.createElement(o,e),A.currentNode=this.el.content,2===s){const t=this.el.content,s=t.firstChild;s.remove(),t.append(...s.childNodes)}for(;null!==(i=A.nextNode())&&a.length<h;){if(1===i.nodeType){if(i.hasAttributes()){const t=[];for(const s of i.getAttributeNames())if(s.endsWith(u)||s.startsWith(c)){const e=l[n++];if(t.push(s),void 0!==e){const t=i.getAttribute(e.toLowerCase()+u).split(c),s=/([.?@])?(.*)/.exec(e);a.push({type:1,index:r,name:s[2],strings:t,ctor:"."===s[1]?j:"?"===s[1]?I:"@"===s[1]?B:R})}else a.push({type:6,index:r})}for(const s of t)i.removeAttribute(s)}if(S.test(i.tagName)){const t=i.textContent.split(c),s=t.length-1;if(s>0){i.textContent=d?d.emptyScript:"";for(let e=0;e<s;e++)i.append(t[e],g()),A.nextNode(),a.push({type:2,index:++r});i.append(t[s],g())}}}else if(8===i.nodeType)if(i.data===f)a.push({type:2,index:r});else{let t=-1;for(;-1!==(t=i.data.indexOf(c,t+1));)a.push({type:7,index:r}),t+=c.length-1}r++}}static createElement(t,s){const e=p.createElement("template");return e.innerHTML=t,e}}function L(t,s,e=t,i){var r,n,h,a;if(s===T)return s;let o=void 0!==i?null===(r=e._$Co)||void 0===r?void 0:r[i]:e._$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,false),void 0===d?o=void 0:(o=new d(t),o._$AT(t,e,i)),void 0!==i?(null!==(h=(a=e)._$Co)&&void 0!==h?h:a._$Co=[])[i]=o:e._$Cl=o),void 0!==o&&(s=L(t,o._$AS(t,s.values),o,i)),s}class V{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:e},parts:i}=this._$AD,r=(null!==(s=null==t?void 0:t.creationScope)&&void 0!==s?s:p).importNode(e,true);A.currentNode=r;let n=A.nextNode(),h=0,a=0,o=i[0];for(;void 0!==o;){if(h===o.index){let s;2===o.type?s=new N(n,n.nextSibling,this,t):1===o.type?s=new o.ctor(n,o.name,o.strings,this,t):6===o.type&&(s=new H(n,this,t)),this._$AV.push(s),o=i[++a]}h!==(null==o?void 0:o.index)&&(n=A.nextNode(),h++)}return A.currentNode=p,r}v(t){let s=0;for(const e of this._$AV)void 0!==e&&(void 0!==e.strings?(e._$AI(t,e,s),s+=e.strings.length-2):e._$AI(t[s])),s++}}class N{constructor(t,s,e,i){var r;this.type=2,this._$AH=P,this._$AN=void 0,this._$AA=t,this._$AB=s,this._$AM=e,this.options=i,this._$Cp=null===(r=null==i?void 0:i.isConnected)||void 0===r||r}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=L(this,t,s),m(t)?t===P||null==t||""===t?(this._$AH!==P&&this._$AR(),this._$AH=P):t!==this._$AH&&t!==T&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):_(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!==P&&m(this._$AH)?this._$AA.nextSibling.data=t:this.$(p.createTextNode(t)),this._$AH=t}g(t){var s;const{values:e,_$litType$:i}=t,r="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=O.createElement(D(i.h,i.h[0]),this.options)),i);if((null===(s=this._$AH)||void 0===s?void 0:s._$AD)===r)this._$AH.v(e);else{const t=new V(r,this),s=t.u(this.options);t.v(e),this.$(s),this._$AH=t}}_$AC(t){let s=F.get(t.strings);return void 0===s&&F.set(t.strings,s=new O(t)),s}T(t){b(this._$AH)||(this._$AH=[],this._$AR());const s=this._$AH;let e,i=0;for(const r of t)i===s.length?s.push(e=new N(this.k(g()),this.k(g()),this,this.options)):e=s[i],e._$AI(r),i++;i<s.length&&(this._$AR(e&&e._$AB.nextSibling,i),s.length=i)}_$AR(t=this._$AA.nextSibling,s){var e;for(null===(e=this._$AP)||void 0===e||e.call(this,false,true,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 R{constructor(t,s,e,i,r){this.type=1,this._$AH=P,this._$AN=void 0,this.element=t,this.name=s,this._$AM=i,this.options=r,e.length>2||""!==e[0]||""!==e[1]?(this._$AH=Array(e.length-1).fill(new String),this.strings=e):this._$AH=P}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,s=this,e,i){const r=this.strings;let n=false;if(void 0===r)t=L(this,t,s,0),n=!m(t)||t!==this._$AH&&t!==T,n&&(this._$AH=t);else{const i=t;let h,a;for(t=r[0],h=0;h<r.length-1;h++)a=L(this,i[e+h],s,h),a===T&&(a=this._$AH[h]),n||(n=!m(a)||a!==this._$AH[h]),a===P?t=P:t!==P&&(t+=(null!=a?a:"")+r[h+1]),this._$AH[h]=a}n&&!i&&this.j(t)}j(t){t===P?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class j extends R{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===P?void 0:t}}const U=d?d.emptyScript:"";class I extends R{constructor(){super(...arguments),this.type=4}j(t){t&&t!==P?this.element.setAttribute(this.name,U):this.element.removeAttribute(this.name)}}class B extends R{constructor(t,s,e,i,r){super(t,s,e,i,r),this.type=5}_$AI(t,s=this){var e;if((t=null!==(e=L(this,t,s,0))&&void 0!==e?e:P)===T)return;const i=this._$AH,r=t===P&&i!==P||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,n=t!==P&&(i===P||r);r&&this.element.removeEventListener(this.name,this,i),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var s,e;"function"==typeof this._$AH?this._$AH.call(null!==(e=null===(s=this.options)||void 0===s?void 0:s.host)&&void 0!==e?e:this.element,t):this._$AH.handleEvent(t)}}class H{constructor(t,s,e){this.element=t,this.type=6,this._$AN=void 0,this._$AM=s,this.options=e}get _$AU(){return this._$AM._$AU}_$AI(t){L(this,t)}}const W=o.litHtmlPolyfillSupport;null==W||W(O,N),(null!==(a=o.litHtmlVersions)&&void 0!==a?a:o.litHtmlVersions=[]).push("2.8.0");const K=(t,s,e)=>{var i,r;const n=null!==(i=null==e?void 0:e.renderBefore)&&void 0!==i?i:s;let h=n._$litPart$;if(void 0===h){const t=null!==(r=null==e?void 0:e.renderBefore)&&void 0!==r?r:null;n._$litPart$=h=new N(s.insertBefore(g(),t),t,void 0,null!=e?e:{})}return h._$AI(t),h};var Y;var Z;function J(){if(Z)return Y;Z=1;Y=t;function t(t,s,e){var i=null;var r=null;var n=function(){if(i){clearTimeout(i);r=null;i=null}};var h=function(){var t=r;n();if(t){t()}};var a=function(){if(!s){return t.apply(this,arguments)}var h=this;var a=arguments;var o=e&&!i;n();r=function(){t.apply(h,a)};i=setTimeout((function(){i=null;if(!o){var t=r;r=null;return t()}}),s);if(o){return r()}};a.cancel=n;a.flush=h;return a}return Y}var X=J();var Q=n(X);var G;var tt;function st(){if(tt)return G;tt=1;G=t;function t(t,s,e){var i=null;var r=null;var n=e&&e.leading;var h=e&&e.trailing;if(n==null){n=true}if(h==null){h=!n}if(n==true){h=false}var a=function(){if(i){clearTimeout(i);i=null}};var o=function(){var t=r;a();if(t){t()}};var d=function(){var e=n&&!i;var a=this;var o=arguments;r=function(){return t.apply(a,o)};if(!i){i=setTimeout((function(){i=null;if(h){return r()}}),s)}if(e){e=false;return r()}};d.cancel=a;d.flush=o;return d}return G}var et=st();var it=n(et);function rt(t,s,e,i){t.addEventListener(s,e,i);return()=>{t.removeEventListener(s,e,i)}}var nt=class{constructor(){this._disposal=this._disposal??[]}add(...t){if(t){t.forEach((t=>{this._disposal.push(t)}))}}empty(){this._disposal.forEach((t=>t()));this._disposal=[]}};function ht(t,s,e,i){let r;function n(){if(!r){r=rt(i?.target??t,s,e,i)}}n();t.addController({hostConnected(){n()},hostDisconnected(){r?.();r=void 0}})}var at=class extends CustomEvent{constructor(t,s={}){super(t,s);this.triggerEvent=s.triggerEvent;if(!this.hasOwnProperty("originEvent")){Object.defineProperties(this,{originEvent:{get(){return dt(this)??this}},isOriginTrusted:{get(){return dt(this)?.isTrusted??false}}})}}get originEvent(){return dt(this)??this}get isOriginTrusted(){return this.originEvent?.isTrusted??false}};function ot(t,s={}){return new at(t,s)}function dt(t){let s=t.triggerEvent;while(s&&s.triggerEvent){s=s.triggerEvent}return s}function lt(t,s){(dt(t)??t).triggerEvent=s}var ut=new Map;var ct=class{constructor(t,s,e){this._host=t;this.initialValue=s;this._options=e;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};this._host.dispatchEvent(ot("vds-context-consumer-connect",{bubbles:true,composed:true,detail:{id:this.id,setValue:t}}));if(!this.registered){const s=ut.get(this.id)??[];s.push({host:this._host,setValue:t});ut.set(this.id,s)}}whenRegistered(t){if(this.registered){t(this.value);return}this._registrationCallbacks?.push(t)}};function ft(t,s){const e=ut.get(t)??[];const i=e.filter((({host:t})=>s.contains(t)));ut.set(t,e.filter((({host:t})=>!s.contains(t))));return i}var vt=class{constructor(t,s,e){this._host=t;this._initValue=s;this._options=e;this._stopDisposal=new nt;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=rt(this._host,"vds-context-consumer-connect",this._handleConsumerConnect.bind(this));for(const t of ft(this.id,this._host)){t.setValue(this._value)}this._stopDisposal.add(t)}stop(){this._stopDisposal.empty()}_handleConsumerConnect(t){const s=t.detail;if(s.id!==this.id)return;t.stopImmediatePropagation();s.setValue(this._value)}};function pt(t){const s=Symbol("@vidstack/context");return{id:s,consume(e){return new ct(e,t(),{id:s})},provide(e){return new vt(e,t,{id:s})}}}function gt(t){return typeof t?.id==="symbol"&&t.id.description==="@vidstack/context"}function mt(...t){}function bt(t,s){return t!=t?s==s:t!==s||t&&typeof t==="object"||typeof t==="function"}function _t(t){return t===null}function zt(t){return typeof t==="undefined"}function yt(t){return _t(t)||zt(t)}function wt(t){return typeof t==="number"&&!Number.isNaN(t)}function kt(t){return typeof t==="string"}function xt(t){return typeof t==="function"}function Et(t){return Array.isArray(t)}var Ct=new Map;var St=new Map;function Mt(t,s,e){for(const{host:i,callback:r}of Array.from(Ct.get(s)??[])){if(i!==t&&i.contains(t)){r(t,e)}}}function $t(t,s){return Array.from(St.get(s)??[]).filter((({element:s})=>t!==s&&t.contains(s)))}function Tt(t,s,e){const i={host:t,callback:e};t.addController({hostConnected:()=>{for(const{element:i,onDisconnect:r}of $t(t,s)){e(i,r)}Ct.set(s,(Ct.get(s)??new Set).add(i))},hostDisconnected:()=>{Ct.get(s)?.delete(i)}})}function Pt(t,s,e={}){const i=e.register;const r=new nt;const n=t=>{r.add(t)};const h={element:t,onDisconnect:n};t.addController({hostConnected(){const e=ot(s,{bubbles:true,composed:true,detail:h});t.dispatchEvent(e);if(i){St.set(i,(St.get(i)??new Set).add(h));Mt(t,i,n)}},hostDisconnected(){r.empty();if(i){St.get(i)?.delete(h)}}})}var Ft=typeof window!=="undefined";var At=Ft?window.navigator?.userAgent.toLowerCase():"";var Dt=/iphone|ipad|ipod|ios|CriOS|FxiOS/.test(At);function qt(){return Ft&&!zt(screen.orientation)&&xt(screen.orientation.lock)&&xt(screen.orientation.unlock)}var Ot={fullscreenEnabled:0,fullscreenElement:1,requestFullscreen:2,exitFullscreen:3,fullscreenchange:4,fullscreenerror:5,fullscreen:6};var Lt=["webkitFullscreenEnabled","webkitFullscreenElement","webkitRequestFullscreen","webkitExitFullscreen","webkitfullscreenchange","webkitfullscreenerror","-webkit-full-screen"];var Vt=["mozFullScreenEnabled","mozFullScreenElement","mozRequestFullScreen","mozCancelFullScreen","mozfullscreenchange","mozfullscreenerror","-moz-full-screen"];var Nt=["msFullscreenEnabled","msFullscreenElement","msRequestFullscreen","msExitFullscreen","MSFullscreenChange","MSFullscreenError","-ms-fullscreen"];var Rt=typeof window!=="undefined"&&typeof window.document!=="undefined"?window.document:{};var jt="fullscreenEnabled"in Rt&&Object.keys(Ot)||Lt[0]in Rt&&Lt||Vt[0]in Rt&&Vt||Nt[0]in Rt&&Nt||[];var Ut={requestFullscreen:function(t){return t[jt[Ot.requestFullscreen]]()},requestFullscreenFunction:function(t){return t[jt[Ot.requestFullscreen]]},get exitFullscreen(){return Rt[jt[Ot.exitFullscreen]].bind(Rt)},get fullscreenPseudoClass(){return":"+jt[Ot.fullscreen]},addEventListener:function(t,s,e){return Rt.addEventListener(jt[Ot[t]],s,e)},removeEventListener:function(t,s,e){return Rt.removeEventListener(jt[Ot[t]],s,e)},get fullscreenEnabled(){return Boolean(Rt[jt[Ot.fullscreenEnabled]])},set fullscreenEnabled(t){},get fullscreenElement(){return Rt[jt[Ot.fullscreenElement]]},set fullscreenElement(t){},get onfullscreenchange(){return Rt[("on"+jt[Ot.fullscreenchange]).toLowerCase()]},set onfullscreenchange(t){return Rt[("on"+jt[Ot.fullscreenchange]).toLowerCase()]=t},get onfullscreenerror(){return Rt[("on"+jt[Ot.fullscreenerror]).toLowerCase()]},set onfullscreenerror(t){return Rt[("on"+jt[Ot.fullscreenerror]).toLowerCase()]=t}};var It=Ut;var Bt="@vidstack/log-colors";Ht();function Ht(){if(Ft&&!zt(window.localStorage)){let t={};try{t=JSON.parse(localStorage.getItem(Bt)??"")}catch{}return new Map(Object.entries(t))}return new Map}function Wt(t,s=2){return Number(t.toFixed(s))}function Kt(t,s,e){return Math.max(t,Math.min(e,s))}function Yt(t){return String(t).split(".")[1]?.length??0}var Zt=class{constructor(t,s){this._host=t;this._screenOrientationController=s;this._logger=void 0;this._listenerDisposal=new nt;t.addController({hostDisconnected:this._handleHostDisconnected.bind(this)})}async _handleHostDisconnected(){if(this.isFullscreen)await this.exitFullscreen();this._listenerDisposal.empty()}get isSupported(){return this.isSupportedNatively}get isSupportedNatively(){return It.fullscreenEnabled}get isFullscreen(){return this.isNativeFullscreen}get isNativeFullscreen(){if(It.fullscreenElement===this._host)return true;try{return this._host.matches(It.fullscreenPseudoClass)}catch(t){return false}}_addFullscreenChangeEventListener(t){if(!this.isSupported)return mt;const s=rt(It,"fullscreenchange",t);return()=>{s()}}_addFullscreenErrorEventListener(t){if(!this.isSupported)return mt;const s=rt(It,"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();await this._lockScreenOrientation();return t}async _makeEnterFullscreenRequest(){return It.requestFullscreen(this._host)}_handleFullscreenChange(t){if(!this.isFullscreen)this._listenerDisposal.empty();this._host.dispatchEvent(ot("vds-fullscreen-change",{bubbles:true,composed:true,detail:this.isFullscreen,triggerEvent:t}))}_handleFullscreenError(t){this._host.dispatchEvent(ot("vds-fullscreen-error",{bubbles:true,composed:true,triggerEvent:t}))}async exitFullscreen(){if(!this.isFullscreen)return;this._throwIfNoFullscreenSupport();const t=await this._makeExitFullscreenRequest();await this._unlockScreenOrientation();return t}async _makeExitFullscreenRequest(){return It.exitFullscreen()}_shouldOrientScreen(){return this._screenOrientationController.canOrient&&!zt(this.screenOrientationLock)}async _lockScreenOrientation(){if(zt(this.screenOrientationLock)||!this._shouldOrientScreen()){return}await this._screenOrientationController.lock(this.screenOrientationLock)}async _unlockScreenOrientation(){if(!this._shouldOrientScreen())return;await this._screenOrientationController.unlock()}_throwIfNoFullscreenSupport(){if(this.isSupported)return;throw Error("Fullscreen API is not enabled or supported in this environment.")}};var Jt=class{constructor(t){this._host=t;const s=new nt;let e=false;s.add(rt(document,"pointerdown",(()=>{e=false})));ht(t,"keydown",(t=>{if(t.metaKey||t.altKey||t.ctrlKey){return}e=true}));ht(t,"focus",(s=>{if(e){t.classList.add("focus-visible")}}));ht(t,"blur",(s=>{t.classList.remove("focus-visible")}));t.addController({hostDisconnected:()=>{s.empty()}})}};function Xt(t){return new Jt(t)}var Qt=class{constructor(t,s={},e=()=>true,i=void 0){this._host=t;this._callback=e;this._logger=i;this._skipInitial=false;this._unobservedUpdate=false;const{target:r,skipInitial:n,...h}=s;this._target=r??void 0;this._skipInitial=n??this._skipInitial;if(!window.IntersectionObserver){return}this._observer=new IntersectionObserver((t=>{const s=this._unobservedUpdate;this._unobservedUpdate=false;if(this._skipInitial&&s)return;this.handleChanges(t);this._host.requestUpdate()}),h);t.addController(this)}handleChanges(t){this.value=this._callback(t,this._observer)}hostConnected(){if(this._target){this.observe(this._target)}}hostDisconnected(){this._disconnect()}async hostUpdated(){const t=this._observer.takeRecords();if(t.length){this.handleChanges(t)}}observe(t){this._observer.observe(t);this._unobservedUpdate=true;return()=>{this._observer.unobserve(t)}}_disconnect(){this._observer.disconnect()}};function Gt(...t){return new Qt(...t)}function ts(){let t=mt;let s=mt;const e=new Promise(((e,i)=>{t=e;s=i}));return{promise:e,resolve:t,reject:s}}var ss=class{constructor(){this._requestQueue=new Map;this._requestKeys=[];this._pendingFlush=ts();this._isServing=false}get isServing(){return this._isServing}get size(){return this._requestQueue.size}async waitForFlush(){if(this._isServing)return;await this._pendingFlush.promise}queue(t,s){if(this._isServing){s();return}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=true;if(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=ts()}stop(){this._isServing=false}destroy(){this.stop();this._empty();this._release()}};function es(t){const s=new ss;t.addController({hostConnected:s.start.bind(s),hostDisconnected:s.destroy.bind(s)});return s}var is=class{constructor(t){this._host=t;this._isScreenOrientationLocked=false;this._logger=void 0;this._updateScreenOrientation();this._listenerDisposal=new nt;t.addController({hostConnected:this._handleHostConnected.bind(this),hostDisconnected:this._handleHostDisconnected.bind(this)})}async _handleHostConnected(){this._updateScreenOrientation();this._addScreenOrientationEventListeners()}async _handleHostDisconnected(){if(this.canOrient&&this._isScreenOrientationLocked)await this.unlock();this._listenerDisposal.empty()}get currentOrientation(){return this._screenOrientation}get canOrient(){return qt()}get isLocked(){return this._isScreenOrientationLocked}async lock(t){this._throwIfScreenOrientationUnavailable();await screen.orientation.lock(t);this._isScreenOrientationLocked=true;this._host.dispatchEvent(ot("vds-screen-orientation-lock-change",{bubbles:true,composed:true,detail:t}))}async unlock(){this._throwIfScreenOrientationUnavailable();await screen.orientation.unlock();this._isScreenOrientationLocked=false;this._host.dispatchEvent(ot("vds-screen-orientation-lock-change",{bubbles:true,composed:true,detail:screen.orientation.type}))}_addScreenOrientationEventListeners(){if(!this.canOrient)return;this._listenerDisposal.add(this._addScreenOrientationChangeEventListener())}_addScreenOrientationChangeEventListener(){return rt(screen.orientation,"change",this._handleOrientationChange.bind(this))}_handleOrientationChange(t){this._screenOrientation=window.screen.orientation.type;this._host.dispatchEvent(ot("vds-screen-orientation-change",{bubbles:true,composed:true,detail:this._screenOrientation,triggerEvent:t}))}_updateScreenOrientation(){this._screenOrientation=Ft?window.screen?.orientation?.type:void 0}_throwIfScreenOrientationUnavailable(){if(this.canOrient)return;throw Error("Screen orientation API is not available.")}};function rs(t){return Object.keys(t)}function ns(t,s,e){let i;let r;const n=()=>{r=(i?.value??s).subscribe(e)};if(gt(s)){i=s.consume(t)}t.addController({hostConnected(){if(gt(s)){i.whenRegistered(n)}else{n()}},hostDisconnected(){r?.()}})}var hs=[];function as(t,s){return{initialValue:t,subscribe:os(t,s).subscribe}}function os(t,s=mt){let e;const i=new Set;function r(s){if(bt(t,s)){t=s;if(e){const s=!hs.length;for(const s of i){s[1]();hs.push(s,t)}if(s){for(let t=0;t<hs.length;t+=2){hs[t][0](hs[t+1])}hs.length=0}}}}function n(s){r(s(t))}function h(n,h=mt){const a=[n,h];i.add(a);if(i.size===1){e=s(r)||mt}n(t);return()=>{i.delete(a);if(i.size===0){e?.();e=null}}}return{initialValue:t,set:r,update:n,subscribe:h}}function ds(t,s,e){const i=!Array.isArray(t);const r=i?[t]:t;const n=s.length<2;return as(e,(t=>{let e=false;const h=[];let a=0;let o=mt;const d=()=>{if(a){return}o();const e=s(i?h[0]:h,t);if(n){t(e)}else{o=xt(e)?e:mt}};const l=r.map(((t,s)=>t.subscribe((t=>{h[s]=t;a&=~(1<<s);if(e){d()}}),(()=>{a|=1<<s}))));e=true;d();return function t(){l.forEach((t=>t()));o()}}))}function ls(t){let s;t.subscribe((t=>s=t))();return s}function us(t,s,e,i){if(gt(s)){const r=s.consume(t);let n;const h=()=>{n=r.value[e].subscribe(i)};t.addController({hostConnected:()=>{r.whenRegistered(h)},hostDisconnected:()=>{n?.()}})}else{return ns(t,s[e],i)}}function cs(t,s){for(const e of rs(t)){const i=t[e];const r=s[e];if(!i||!r)continue;const n=ls(i);const h=ls(r);if(n!==h)r.set(n)}}function fs(t){return new Proxy(t,{get(t,s){return ls(t[s])},has(t,s){return Reflect.has(t,s)},ownKeys(t){return Reflect.ownKeys(t)},getOwnPropertyDescriptor(t,s){return Reflect.getOwnPropertyDescriptor(t,s)}})}function vs(t,s){return t.length===s.length&&t.every(((t,e)=>t===s[e]))}function ps(t){return new Promise((s=>{const e=window.requestAnimationFrame((async()=>{await(t?.());s(e)}))}))}function gs(t,s,e=Ft){const i=e&&!zt(window.customElements.get(t));if(!e||i)return;window.customElements.define(t,s)}function ms(t,s,e){if(yt(e)||e===false){t.removeAttribute(s)}else{const i=kt(e)?e:"";t.setAttribute(s,i)}}function bs(t,s,e){if(!t.hasAttribute(s)){t.setAttribute(s,e)}}function _s(t,s,e,i="vds"){t.style.setProperty(`--${i}-${s}`,e?e:null)}function zs(t,s){const e="slot:not([name])";const i=t.shadowRoot?.querySelector(e);const r=i?.assignedNodes({flatten:true})??[];return Array.prototype.filter.call(r,(t=>t.nodeType==Node.ELEMENT_NODE))}function ys(t){const s=window.requestIdleCallback??(t=>t());if(document.readyState==="complete"){s(t)}else{window.addEventListener("load",(()=>{s(t)}),{once:true})}}function ws(t){return t?.type.startsWith("key")??false}function ks(t){return ws(t)&&(t.key==="Enter"||t.key===" ")}function xs(t){return t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function Es(t,s){const e=String(t);const i=e.length;const r=i<s;if(r){const e=s-i;const r=`0`.repeat(e);return`${r}${t}`}return e}function Cs(t){const s=Math.trunc(t/3600);const e=Math.trunc(t%3600/60);const i=Math.trunc(t%60);const r=Number((t-Math.trunc(t)).toPrecision(3));return{["hours"]:s,["minutes"]:e,["seconds"]:i,["fraction"]:r}}function Ss(t,s=false,e=false){const{hours:i,minutes:r,seconds:n}=Cs(t);const h=s?Es(i,2):i;const a=Es(r,2);const o=Es(n,2);if(i>0||e){return`${h}:${a}:${o}`}return`${r}:${o}`}function Ms(t){const s=[];const{hours:e,minutes:i,seconds:r}=Cs(t);const n=(t,s)=>t===1?s:`${s}s`;if(e>0){s.push(`${e} ${n(e,"hour")}`)}if(i>0){s.push(`${i} ${n(i,"minute")}`)}if(r>0||s.length===0){s.push(`${r} ${n(r,"second")}`)}return s.join(", ")}function $s(t){let s;const e=()=>!zt(s);const i=()=>{if(zt(s))return;window.cancelAnimationFrame(s);s=void 0};function r(...i){if(e())return;s=window.requestAnimationFrame((()=>{t.apply(this,i);s=void 0}))}r.cancel=i;r.pending=e;return r}var Ts=pt((()=>os(void 0)));function Ps(t,s,e){if(!wt(s)||s<0||s>e){throw new Error(`Failed to execute '${t}' on 'TimeRanges': The index provided (${s}) is non-numeric or out of bounds (0-${e}).`)}}function Fs(t,s,e,i){Ps(t,i,e.length-1);return e[i][s]}function As(t){if(zt(t)||t.length===0){const t=()=>{throw new Error("This TimeRanges object is empty")};return{length:0,start:t,end:t}}return{length:t.length,start:Fs.bind(null,"start",0,t),end:Fs.bind(null,"end",1,t)}}function Ds(t,s){if(Et(t)){return As(t)}else if(zt(t)||zt(s)){return As()}return As([[t,s]])}var qs={autoplay:false,autoplayError:void 0,buffered:Ds(),duration:0,bufferedAmount:0,canLoad:false,canPlay:false,canFullscreen:false,controls:false,poster:"",currentSrc:"",currentTime:0,ended:false,error:void 0,fullscreen:false,userIdle:false,loop:false,mediaType:"unknown",muted:false,paused:true,played:Ds(),playing:false,playsinline:false,seekable:Ds(),seekableAmount:0,seeking:false,src:[],started:false,viewType:"unknown",volume:1,waiting:false};function Os(){const t={};for(const s of rs(qs)){t[s]=os(qs[s])}return t}var Ls=new Set(["autoplay","canFullscreen","canLoad","controls","currentSrc","loop","muted","playsinline","poster","src","viewType","volume"]);function Vs(t){rs(t).forEach((s=>{if(!Ls.has(s)){t[s].set(t[s].initialValue)}}))}function Ns(t){for(const s of rs(qs)){t[s].set(qs[s])}}var Rs=pt(Os);function js(t,s,e){return us(t,Rs,s,e)}var Us=Object.defineProperty;var Is=Object.getOwnPropertyDescriptor;var Bs=(t,s,e,i)=>{var r=i>1?void 0:i?Is(s,e):s;for(var n=t.length-1,h;n>=0;n--)if(h=t[n])r=(i?h(s,e,r):h(r))||r;if(i&&r)Us(s,e,r);return r};
+ */var a;const o=window,d=o.trustedTypes,l=d?d.createPolicy("lit-html",{createHTML:t=>t}):void 0,u="$lit$",c=`lit$${(Math.random()+"").slice(9)}$`,f="?"+c,v=`<${f}>`,p=document,g=()=>p.createComment(""),m=t=>null===t||"object"!=typeof t&&"function"!=typeof t,b=Array.isArray,_=t=>b(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),z="[ \t\n\f\r]",y=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,w=/-->/g,k=/>/g,x=RegExp(`>|${z}(?:([^\\s"'>=/]+)(${z}*=${z}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),E=/'/g,C=/"/g,S=/^(?:script|style|textarea|title)$/i,M=t=>(s,...e)=>({_$litType$:t,strings:s,values:e}),$=M(1),T=Symbol.for("lit-noChange"),P=Symbol.for("lit-nothing"),F=new WeakMap,A=p.createTreeWalker(p,129,null,false);function D(t,s){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==l?l.createHTML(s):s}const q=(t,s)=>{const e=t.length-1,i=[];let r,n=2===s?"<svg>":"",h=y;for(let s=0;s<e;s++){const e=t[s];let a,o,d=-1,l=0;for(;l<e.length&&(h.lastIndex=l,o=h.exec(e),null!==o);)l=h.lastIndex,h===y?"!--"===o[1]?h=w:void 0!==o[1]?h=k:void 0!==o[2]?(S.test(o[2])&&(r=RegExp("</"+o[2],"g")),h=x):void 0!==o[3]&&(h=x):h===x?">"===o[0]?(h=null!=r?r:y,d=-1):void 0===o[1]?d=-2:(d=h.lastIndex-o[2].length,a=o[1],h=void 0===o[3]?x:'"'===o[3]?C:E):h===C||h===E?h=x:h===w||h===k?h=y:(h=x,r=void 0);const f=h===x&&t[s+1].startsWith("/>")?" ":"";n+=h===y?e+v:d>=0?(i.push(a),e.slice(0,d)+u+e.slice(d)+c+f):e+c+(-2===d?(i.push(void 0),s):f)}return[D(t,n+(t[e]||"<?>")+(2===s?"</svg>":"")),i]};class O{constructor({strings:t,_$litType$:s},e){let i;this.parts=[];let r=0,n=0;const h=t.length-1,a=this.parts,[o,l]=q(t,s);if(this.el=O.createElement(o,e),A.currentNode=this.el.content,2===s){const t=this.el.content,s=t.firstChild;s.remove(),t.append(...s.childNodes)}for(;null!==(i=A.nextNode())&&a.length<h;){if(1===i.nodeType){if(i.hasAttributes()){const t=[];for(const s of i.getAttributeNames())if(s.endsWith(u)||s.startsWith(c)){const e=l[n++];if(t.push(s),void 0!==e){const t=i.getAttribute(e.toLowerCase()+u).split(c),s=/([.?@])?(.*)/.exec(e);a.push({type:1,index:r,name:s[2],strings:t,ctor:"."===s[1]?j:"?"===s[1]?I:"@"===s[1]?B:R})}else a.push({type:6,index:r})}for(const s of t)i.removeAttribute(s)}if(S.test(i.tagName)){const t=i.textContent.split(c),s=t.length-1;if(s>0){i.textContent=d?d.emptyScript:"";for(let e=0;e<s;e++)i.append(t[e],g()),A.nextNode(),a.push({type:2,index:++r});i.append(t[s],g())}}}else if(8===i.nodeType)if(i.data===f)a.push({type:2,index:r});else{let t=-1;for(;-1!==(t=i.data.indexOf(c,t+1));)a.push({type:7,index:r}),t+=c.length-1}r++}}static createElement(t,s){const e=p.createElement("template");return e.innerHTML=t,e}}function L(t,s,e=t,i){var r,n,h,a;if(s===T)return s;let o=void 0!==i?null===(r=e._$Co)||void 0===r?void 0:r[i]:e._$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,false),void 0===d?o=void 0:(o=new d(t),o._$AT(t,e,i)),void 0!==i?(null!==(h=(a=e)._$Co)&&void 0!==h?h:a._$Co=[])[i]=o:e._$Cl=o),void 0!==o&&(s=L(t,o._$AS(t,s.values),o,i)),s}class V{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:e},parts:i}=this._$AD,r=(null!==(s=null==t?void 0:t.creationScope)&&void 0!==s?s:p).importNode(e,true);A.currentNode=r;let n=A.nextNode(),h=0,a=0,o=i[0];for(;void 0!==o;){if(h===o.index){let s;2===o.type?s=new N(n,n.nextSibling,this,t):1===o.type?s=new o.ctor(n,o.name,o.strings,this,t):6===o.type&&(s=new H(n,this,t)),this._$AV.push(s),o=i[++a]}h!==(null==o?void 0:o.index)&&(n=A.nextNode(),h++)}return A.currentNode=p,r}v(t){let s=0;for(const e of this._$AV)void 0!==e&&(void 0!==e.strings?(e._$AI(t,e,s),s+=e.strings.length-2):e._$AI(t[s])),s++}}class N{constructor(t,s,e,i){var r;this.type=2,this._$AH=P,this._$AN=void 0,this._$AA=t,this._$AB=s,this._$AM=e,this.options=i,this._$Cp=null===(r=null==i?void 0:i.isConnected)||void 0===r||r}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=L(this,t,s),m(t)?t===P||null==t||""===t?(this._$AH!==P&&this._$AR(),this._$AH=P):t!==this._$AH&&t!==T&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):_(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!==P&&m(this._$AH)?this._$AA.nextSibling.data=t:this.$(p.createTextNode(t)),this._$AH=t}g(t){var s;const{values:e,_$litType$:i}=t,r="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=O.createElement(D(i.h,i.h[0]),this.options)),i);if((null===(s=this._$AH)||void 0===s?void 0:s._$AD)===r)this._$AH.v(e);else{const t=new V(r,this),s=t.u(this.options);t.v(e),this.$(s),this._$AH=t}}_$AC(t){let s=F.get(t.strings);return void 0===s&&F.set(t.strings,s=new O(t)),s}T(t){b(this._$AH)||(this._$AH=[],this._$AR());const s=this._$AH;let e,i=0;for(const r of t)i===s.length?s.push(e=new N(this.k(g()),this.k(g()),this,this.options)):e=s[i],e._$AI(r),i++;i<s.length&&(this._$AR(e&&e._$AB.nextSibling,i),s.length=i)}_$AR(t=this._$AA.nextSibling,s){var e;for(null===(e=this._$AP)||void 0===e||e.call(this,false,true,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 R{constructor(t,s,e,i,r){this.type=1,this._$AH=P,this._$AN=void 0,this.element=t,this.name=s,this._$AM=i,this.options=r,e.length>2||""!==e[0]||""!==e[1]?(this._$AH=Array(e.length-1).fill(new String),this.strings=e):this._$AH=P}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,s=this,e,i){const r=this.strings;let n=false;if(void 0===r)t=L(this,t,s,0),n=!m(t)||t!==this._$AH&&t!==T,n&&(this._$AH=t);else{const i=t;let h,a;for(t=r[0],h=0;h<r.length-1;h++)a=L(this,i[e+h],s,h),a===T&&(a=this._$AH[h]),n||(n=!m(a)||a!==this._$AH[h]),a===P?t=P:t!==P&&(t+=(null!=a?a:"")+r[h+1]),this._$AH[h]=a}n&&!i&&this.j(t)}j(t){t===P?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class j extends R{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===P?void 0:t}}const U=d?d.emptyScript:"";class I extends R{constructor(){super(...arguments),this.type=4}j(t){t&&t!==P?this.element.setAttribute(this.name,U):this.element.removeAttribute(this.name)}}class B extends R{constructor(t,s,e,i,r){super(t,s,e,i,r),this.type=5}_$AI(t,s=this){var e;if((t=null!==(e=L(this,t,s,0))&&void 0!==e?e:P)===T)return;const i=this._$AH,r=t===P&&i!==P||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,n=t!==P&&(i===P||r);r&&this.element.removeEventListener(this.name,this,i),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var s,e;"function"==typeof this._$AH?this._$AH.call(null!==(e=null===(s=this.options)||void 0===s?void 0:s.host)&&void 0!==e?e:this.element,t):this._$AH.handleEvent(t)}}class H{constructor(t,s,e){this.element=t,this.type=6,this._$AN=void 0,this._$AM=s,this.options=e}get _$AU(){return this._$AM._$AU}_$AI(t){L(this,t)}}const W=o.litHtmlPolyfillSupport;null==W||W(O,N),(null!==(a=o.litHtmlVersions)&&void 0!==a?a:o.litHtmlVersions=[]).push("2.8.0");const K=(t,s,e)=>{var i,r;const n=null!==(i=null==e?void 0:e.renderBefore)&&void 0!==i?i:s;let h=n._$litPart$;if(void 0===h){const t=null!==(r=null==e?void 0:e.renderBefore)&&void 0!==r?r:null;n._$litPart$=h=new N(s.insertBefore(g(),t),t,void 0,null!=e?e:{})}return h._$AI(t),h};var Y;var Z;function J(){if(Z)return Y;Z=1;Y=t;function t(t,s,e){var i=null;var r=null;var n=function(){if(i){clearTimeout(i);r=null;i=null}};var h=function(){var t=r;n();if(t){t()}};var a=function(){if(!s){return t.apply(this,arguments)}var h=this;var a=arguments;var o=e&&!i;n();r=function(){t.apply(h,a)};i=setTimeout((function(){i=null;if(!o){var t=r;r=null;return t()}}),s);if(o){return r()}};a.cancel=n;a.flush=h;return a}return Y}var Q=J();var X=n(Q);var G;var tt;function st(){if(tt)return G;tt=1;G=t;function t(t,s,e){var i=null;var r=null;var n=e&&e.leading;var h=e&&e.trailing;if(n==null){n=true}if(h==null){h=!n}if(n==true){h=false}var a=function(){if(i){clearTimeout(i);i=null}};var o=function(){var t=r;a();if(t){t()}};var d=function(){var e=n&&!i;var a=this;var o=arguments;r=function(){return t.apply(a,o)};if(!i){i=setTimeout((function(){i=null;if(h){return r()}}),s)}if(e){e=false;return r()}};d.cancel=a;d.flush=o;return d}return G}var et=st();var it=n(et);function rt(t,s,e,i){t.addEventListener(s,e,i);return()=>{t.removeEventListener(s,e,i)}}var nt=class{constructor(){this._disposal=this._disposal??[]}add(...t){if(t){t.forEach((t=>{this._disposal.push(t)}))}}empty(){this._disposal.forEach((t=>t()));this._disposal=[]}};function ht(t,s,e,i){let r;function n(){if(!r){r=rt(i?.target??t,s,e,i)}}n();t.addController({hostConnected(){n()},hostDisconnected(){r?.();r=void 0}})}var at=class extends CustomEvent{constructor(t,s={}){super(t,s);this.triggerEvent=s.triggerEvent;if(!this.hasOwnProperty("originEvent")){Object.defineProperties(this,{originEvent:{get(){return dt(this)??this}},isOriginTrusted:{get(){return dt(this)?.isTrusted??false}}})}}get originEvent(){return dt(this)??this}get isOriginTrusted(){return this.originEvent?.isTrusted??false}};function ot(t,s={}){return new at(t,s)}function dt(t){let s=t.triggerEvent;while(s&&s.triggerEvent){s=s.triggerEvent}return s}function lt(t,s){(dt(t)??t).triggerEvent=s}var ut=new Map;var ct=class{constructor(t,s,e){this._host=t;this.initialValue=s;this._options=e;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};this._host.dispatchEvent(ot("vds-context-consumer-connect",{bubbles:true,composed:true,detail:{id:this.id,setValue:t}}));if(!this.registered){const s=ut.get(this.id)??[];s.push({host:this._host,setValue:t});ut.set(this.id,s)}}whenRegistered(t){if(this.registered){t(this.value);return}this._registrationCallbacks?.push(t)}};function ft(t,s){const e=ut.get(t)??[];const i=e.filter((({host:t})=>s.contains(t)));ut.set(t,e.filter((({host:t})=>!s.contains(t))));return i}var vt=class{constructor(t,s,e){this._host=t;this._initValue=s;this._options=e;this._stopDisposal=new nt;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=rt(this._host,"vds-context-consumer-connect",this._handleConsumerConnect.bind(this));for(const t of ft(this.id,this._host)){t.setValue(this._value)}this._stopDisposal.add(t)}stop(){this._stopDisposal.empty()}_handleConsumerConnect(t){const s=t.detail;if(s.id!==this.id)return;t.stopImmediatePropagation();s.setValue(this._value)}};function pt(t){const s=Symbol("@vidstack/context");return{id:s,consume(e){return new ct(e,t(),{id:s})},provide(e){return new vt(e,t,{id:s})}}}function gt(t){return typeof t?.id==="symbol"&&t.id.description==="@vidstack/context"}function mt(...t){}function bt(t,s){return t!=t?s==s:t!==s||t&&typeof t==="object"||typeof t==="function"}function _t(t){return t===null}function zt(t){return typeof t==="undefined"}function yt(t){return _t(t)||zt(t)}function wt(t){return typeof t==="number"&&!Number.isNaN(t)}function kt(t){return typeof t==="string"}function xt(t){return typeof t==="function"}function Et(t){return Array.isArray(t)}var Ct=new Map;var St=new Map;function Mt(t,s,e){for(const{host:i,callback:r}of Array.from(Ct.get(s)??[])){if(i!==t&&i.contains(t)){r(t,e)}}}function $t(t,s){return Array.from(St.get(s)??[]).filter((({element:s})=>t!==s&&t.contains(s)))}function Tt(t,s,e){const i={host:t,callback:e};t.addController({hostConnected:()=>{for(const{element:i,onDisconnect:r}of $t(t,s)){e(i,r)}Ct.set(s,(Ct.get(s)??new Set).add(i))},hostDisconnected:()=>{Ct.get(s)?.delete(i)}})}function Pt(t,s,e={}){const i=e.register;const r=new nt;const n=t=>{r.add(t)};const h={element:t,onDisconnect:n};t.addController({hostConnected(){const e=ot(s,{bubbles:true,composed:true,detail:h});t.dispatchEvent(e);if(i){St.set(i,(St.get(i)??new Set).add(h));Mt(t,i,n)}},hostDisconnected(){r.empty();if(i){St.get(i)?.delete(h)}}})}var Ft=typeof window!=="undefined";var At=Ft?window.navigator?.userAgent.toLowerCase():"";var Dt=/iphone|ipad|ipod|ios|CriOS|FxiOS/.test(At);function qt(){return Ft&&!zt(screen.orientation)&&xt(screen.orientation.lock)&&xt(screen.orientation.unlock)}var Ot={fullscreenEnabled:0,fullscreenElement:1,requestFullscreen:2,exitFullscreen:3,fullscreenchange:4,fullscreenerror:5,fullscreen:6};var Lt=["webkitFullscreenEnabled","webkitFullscreenElement","webkitRequestFullscreen","webkitExitFullscreen","webkitfullscreenchange","webkitfullscreenerror","-webkit-full-screen"];var Vt=["mozFullScreenEnabled","mozFullScreenElement","mozRequestFullScreen","mozCancelFullScreen","mozfullscreenchange","mozfullscreenerror","-moz-full-screen"];var Nt=["msFullscreenEnabled","msFullscreenElement","msRequestFullscreen","msExitFullscreen","MSFullscreenChange","MSFullscreenError","-ms-fullscreen"];var Rt=typeof window!=="undefined"&&typeof window.document!=="undefined"?window.document:{};var jt="fullscreenEnabled"in Rt&&Object.keys(Ot)||Lt[0]in Rt&&Lt||Vt[0]in Rt&&Vt||Nt[0]in Rt&&Nt||[];var Ut={requestFullscreen:function(t){return t[jt[Ot.requestFullscreen]]()},requestFullscreenFunction:function(t){return t[jt[Ot.requestFullscreen]]},get exitFullscreen(){return Rt[jt[Ot.exitFullscreen]].bind(Rt)},get fullscreenPseudoClass(){return":"+jt[Ot.fullscreen]},addEventListener:function(t,s,e){return Rt.addEventListener(jt[Ot[t]],s,e)},removeEventListener:function(t,s,e){return Rt.removeEventListener(jt[Ot[t]],s,e)},get fullscreenEnabled(){return Boolean(Rt[jt[Ot.fullscreenEnabled]])},set fullscreenEnabled(t){},get fullscreenElement(){return Rt[jt[Ot.fullscreenElement]]},set fullscreenElement(t){},get onfullscreenchange(){return Rt[("on"+jt[Ot.fullscreenchange]).toLowerCase()]},set onfullscreenchange(t){return Rt[("on"+jt[Ot.fullscreenchange]).toLowerCase()]=t},get onfullscreenerror(){return Rt[("on"+jt[Ot.fullscreenerror]).toLowerCase()]},set onfullscreenerror(t){return Rt[("on"+jt[Ot.fullscreenerror]).toLowerCase()]=t}};var It=Ut;var Bt="@vidstack/log-colors";Ht();function Ht(){if(Ft&&!zt(window.localStorage)){let t={};try{t=JSON.parse(localStorage.getItem(Bt)??"")}catch{}return new Map(Object.entries(t))}return new Map}function Wt(t,s=2){return Number(t.toFixed(s))}function Kt(t,s,e){return Math.max(t,Math.min(e,s))}function Yt(t){return String(t).split(".")[1]?.length??0}var Zt=class{constructor(t,s){this._host=t;this._screenOrientationController=s;this._logger=void 0;this._listenerDisposal=new nt;t.addController({hostDisconnected:this._handleHostDisconnected.bind(this)})}async _handleHostDisconnected(){if(this.isFullscreen)await this.exitFullscreen();this._listenerDisposal.empty()}get isSupported(){return this.isSupportedNatively}get isSupportedNatively(){return It.fullscreenEnabled}get isFullscreen(){return this.isNativeFullscreen}get isNativeFullscreen(){if(It.fullscreenElement===this._host)return true;try{return this._host.matches(It.fullscreenPseudoClass)}catch(t){return false}}_addFullscreenChangeEventListener(t){if(!this.isSupported)return mt;const s=rt(It,"fullscreenchange",t);return()=>{s()}}_addFullscreenErrorEventListener(t){if(!this.isSupported)return mt;const s=rt(It,"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();await this._lockScreenOrientation();return t}async _makeEnterFullscreenRequest(){return It.requestFullscreen(this._host)}_handleFullscreenChange(t){if(!this.isFullscreen)this._listenerDisposal.empty();this._host.dispatchEvent(ot("vds-fullscreen-change",{bubbles:true,composed:true,detail:this.isFullscreen,triggerEvent:t}))}_handleFullscreenError(t){this._host.dispatchEvent(ot("vds-fullscreen-error",{bubbles:true,composed:true,triggerEvent:t}))}async exitFullscreen(){if(!this.isFullscreen)return;this._throwIfNoFullscreenSupport();const t=await this._makeExitFullscreenRequest();await this._unlockScreenOrientation();return t}async _makeExitFullscreenRequest(){return It.exitFullscreen()}_shouldOrientScreen(){return this._screenOrientationController.canOrient&&!zt(this.screenOrientationLock)}async _lockScreenOrientation(){if(zt(this.screenOrientationLock)||!this._shouldOrientScreen()){return}await this._screenOrientationController.lock(this.screenOrientationLock)}async _unlockScreenOrientation(){if(!this._shouldOrientScreen())return;await this._screenOrientationController.unlock()}_throwIfNoFullscreenSupport(){if(this.isSupported)return;throw Error("Fullscreen API is not enabled or supported in this environment.")}};var Jt=class{constructor(t){this._host=t;const s=new nt;let e=false;s.add(rt(document,"pointerdown",(()=>{e=false})));ht(t,"keydown",(t=>{if(t.metaKey||t.altKey||t.ctrlKey){return}e=true}));ht(t,"focus",(s=>{if(e){t.classList.add("focus-visible")}}));ht(t,"blur",(s=>{t.classList.remove("focus-visible")}));t.addController({hostDisconnected:()=>{s.empty()}})}};function Qt(t){return new Jt(t)}var Xt=class{constructor(t,s={},e=()=>true,i=void 0){this._host=t;this._callback=e;this._logger=i;this._skipInitial=false;this._unobservedUpdate=false;const{target:r,skipInitial:n,...h}=s;this._target=r??void 0;this._skipInitial=n??this._skipInitial;if(!window.IntersectionObserver){return}this._observer=new IntersectionObserver((t=>{const s=this._unobservedUpdate;this._unobservedUpdate=false;if(this._skipInitial&&s)return;this.handleChanges(t);this._host.requestUpdate()}),h);t.addController(this)}handleChanges(t){this.value=this._callback(t,this._observer)}hostConnected(){if(this._target){this.observe(this._target)}}hostDisconnected(){this._disconnect()}async hostUpdated(){const t=this._observer.takeRecords();if(t.length){this.handleChanges(t)}}observe(t){this._observer.observe(t);this._unobservedUpdate=true;return()=>{this._observer.unobserve(t)}}_disconnect(){this._observer.disconnect()}};function Gt(...t){return new Xt(...t)}function ts(){let t=mt;let s=mt;const e=new Promise(((e,i)=>{t=e;s=i}));return{promise:e,resolve:t,reject:s}}var ss=class{constructor(){this._requestQueue=new Map;this._requestKeys=[];this._pendingFlush=ts();this._isServing=false}get isServing(){return this._isServing}get size(){return this._requestQueue.size}async waitForFlush(){if(this._isServing)return;await this._pendingFlush.promise}queue(t,s){if(this._isServing){s();return}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=true;if(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=ts()}stop(){this._isServing=false}destroy(){this.stop();this._empty();this._release()}};function es(t){const s=new ss;t.addController({hostConnected:s.start.bind(s),hostDisconnected:s.destroy.bind(s)});return s}var is=class{constructor(t){this._host=t;this._isScreenOrientationLocked=false;this._logger=void 0;this._updateScreenOrientation();this._listenerDisposal=new nt;t.addController({hostConnected:this._handleHostConnected.bind(this),hostDisconnected:this._handleHostDisconnected.bind(this)})}async _handleHostConnected(){this._updateScreenOrientation();this._addScreenOrientationEventListeners()}async _handleHostDisconnected(){if(this.canOrient&&this._isScreenOrientationLocked)await this.unlock();this._listenerDisposal.empty()}get currentOrientation(){return this._screenOrientation}get canOrient(){return qt()}get isLocked(){return this._isScreenOrientationLocked}async lock(t){this._throwIfScreenOrientationUnavailable();await screen.orientation.lock(t);this._isScreenOrientationLocked=true;this._host.dispatchEvent(ot("vds-screen-orientation-lock-change",{bubbles:true,composed:true,detail:t}))}async unlock(){this._throwIfScreenOrientationUnavailable();await screen.orientation.unlock();this._isScreenOrientationLocked=false;this._host.dispatchEvent(ot("vds-screen-orientation-lock-change",{bubbles:true,composed:true,detail:screen.orientation.type}))}_addScreenOrientationEventListeners(){if(!this.canOrient)return;this._listenerDisposal.add(this._addScreenOrientationChangeEventListener())}_addScreenOrientationChangeEventListener(){return rt(screen.orientation,"change",this._handleOrientationChange.bind(this))}_handleOrientationChange(t){this._screenOrientation=window.screen.orientation.type;this._host.dispatchEvent(ot("vds-screen-orientation-change",{bubbles:true,composed:true,detail:this._screenOrientation,triggerEvent:t}))}_updateScreenOrientation(){this._screenOrientation=Ft?window.screen?.orientation?.type:void 0}_throwIfScreenOrientationUnavailable(){if(this.canOrient)return;throw Error("Screen orientation API is not available.")}};function rs(t){return Object.keys(t)}function ns(t,s,e){let i;let r;const n=()=>{r=(i?.value??s).subscribe(e)};if(gt(s)){i=s.consume(t)}t.addController({hostConnected(){if(gt(s)){i.whenRegistered(n)}else{n()}},hostDisconnected(){r?.()}})}var hs=[];function as(t,s){return{initialValue:t,subscribe:os(t,s).subscribe}}function os(t,s=mt){let e;const i=new Set;function r(s){if(bt(t,s)){t=s;if(e){const s=!hs.length;for(const s of i){s[1]();hs.push(s,t)}if(s){for(let t=0;t<hs.length;t+=2){hs[t][0](hs[t+1])}hs.length=0}}}}function n(s){r(s(t))}function h(n,h=mt){const a=[n,h];i.add(a);if(i.size===1){e=s(r)||mt}n(t);return()=>{i.delete(a);if(i.size===0){e?.();e=null}}}return{initialValue:t,set:r,update:n,subscribe:h}}function ds(t,s,e){const i=!Array.isArray(t);const r=i?[t]:t;const n=s.length<2;return as(e,(t=>{let e=false;const h=[];let a=0;let o=mt;const d=()=>{if(a){return}o();const e=s(i?h[0]:h,t);if(n){t(e)}else{o=xt(e)?e:mt}};const l=r.map(((t,s)=>t.subscribe((t=>{h[s]=t;a&=~(1<<s);if(e){d()}}),(()=>{a|=1<<s}))));e=true;d();return function t(){l.forEach((t=>t()));o()}}))}function ls(t){let s;t.subscribe((t=>s=t))();return s}function us(t,s,e,i){if(gt(s)){const r=s.consume(t);let n;const h=()=>{n=r.value[e].subscribe(i)};t.addController({hostConnected:()=>{r.whenRegistered(h)},hostDisconnected:()=>{n?.()}})}else{return ns(t,s[e],i)}}function cs(t,s){for(const e of rs(t)){const i=t[e];const r=s[e];if(!i||!r)continue;const n=ls(i);const h=ls(r);if(n!==h)r.set(n)}}function fs(t){return new Proxy(t,{get(t,s){return ls(t[s])},has(t,s){return Reflect.has(t,s)},ownKeys(t){return Reflect.ownKeys(t)},getOwnPropertyDescriptor(t,s){return Reflect.getOwnPropertyDescriptor(t,s)}})}function vs(t,s){return t.length===s.length&&t.every(((t,e)=>t===s[e]))}function ps(t){return new Promise((s=>{const e=window.requestAnimationFrame((async()=>{await(t?.());s(e)}))}))}function gs(t,s,e=Ft){const i=e&&!zt(window.customElements.get(t));if(!e||i)return;window.customElements.define(t,s)}function ms(t,s,e){if(yt(e)||e===false){t.removeAttribute(s)}else{const i=kt(e)?e:"";t.setAttribute(s,i)}}function bs(t,s,e){if(!t.hasAttribute(s)){t.setAttribute(s,e)}}function _s(t,s,e,i="vds"){t.style.setProperty(`--${i}-${s}`,e?e:null)}function zs(t,s){const e="slot:not([name])";const i=t.shadowRoot?.querySelector(e);const r=i?.assignedNodes({flatten:true})??[];return Array.prototype.filter.call(r,(t=>t.nodeType==Node.ELEMENT_NODE))}function ys(t){const s=window.requestIdleCallback??(t=>t());if(document.readyState==="complete"){s(t)}else{window.addEventListener("load",(()=>{s(t)}),{once:true})}}function ws(t){return t?.type.startsWith("key")??false}function ks(t){return ws(t)&&(t.key==="Enter"||t.key===" ")}function xs(t){return t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function Es(t,s){const e=String(t);const i=e.length;const r=i<s;if(r){const e=s-i;const r=`0`.repeat(e);return`${r}${t}`}return e}function Cs(t){const s=Math.trunc(t/3600);const e=Math.trunc(t%3600/60);const i=Math.trunc(t%60);const r=Number((t-Math.trunc(t)).toPrecision(3));return{["hours"]:s,["minutes"]:e,["seconds"]:i,["fraction"]:r}}function Ss(t,s=false,e=false){const{hours:i,minutes:r,seconds:n}=Cs(t);const h=s?Es(i,2):i;const a=Es(r,2);const o=Es(n,2);if(i>0||e){return`${h}:${a}:${o}`}return`${r}:${o}`}function Ms(t){const s=[];const{hours:e,minutes:i,seconds:r}=Cs(t);const n=(t,s)=>t===1?s:`${s}s`;if(e>0){s.push(`${e} ${n(e,"hour")}`)}if(i>0){s.push(`${i} ${n(i,"minute")}`)}if(r>0||s.length===0){s.push(`${r} ${n(r,"second")}`)}return s.join(", ")}function $s(t){let s;const e=()=>!zt(s);const i=()=>{if(zt(s))return;window.cancelAnimationFrame(s);s=void 0};function r(...i){if(e())return;s=window.requestAnimationFrame((()=>{t.apply(this,i);s=void 0}))}r.cancel=i;r.pending=e;return r}var Ts=pt((()=>os(void 0)));function Ps(t,s,e){if(!wt(s)||s<0||s>e){throw new Error(`Failed to execute '${t}' on 'TimeRanges': The index provided (${s}) is non-numeric or out of bounds (0-${e}).`)}}function Fs(t,s,e,i){Ps(t,i,e.length-1);return e[i][s]}function As(t){if(zt(t)||t.length===0){const t=()=>{throw new Error("This TimeRanges object is empty")};return{length:0,start:t,end:t}}return{length:t.length,start:Fs.bind(null,"start",0,t),end:Fs.bind(null,"end",1,t)}}function Ds(t,s){if(Et(t)){return As(t)}else if(zt(t)||zt(s)){return As()}return As([[t,s]])}var qs={autoplay:false,autoplayError:void 0,buffered:Ds(),duration:0,bufferedAmount:0,canLoad:false,canPlay:false,canFullscreen:false,controls:false,poster:"",currentSrc:"",currentTime:0,ended:false,error:void 0,fullscreen:false,userIdle:false,loop:false,mediaType:"unknown",muted:false,paused:true,played:Ds(),playing:false,playsinline:false,seekable:Ds(),seekableAmount:0,seeking:false,src:[],started:false,viewType:"unknown",volume:1,waiting:false};function Os(){const t={};for(const s of rs(qs)){t[s]=os(qs[s])}return t}var Ls=new Set(["autoplay","canFullscreen","canLoad","controls","currentSrc","loop","muted","playsinline","poster","src","viewType","volume"]);function Vs(t){rs(t).forEach((s=>{if(!Ls.has(s)){t[s].set(t[s].initialValue)}}))}function Ns(t){for(const s of rs(qs)){t[s].set(qs[s])}}var Rs=pt(Os);function js(t,s,e){return us(t,Rs,s,e)}var Us=Object.defineProperty;var Is=Object.getOwnPropertyDescriptor;var Bs=(t,s,e,i)=>{var r=i>1?void 0:i?Is(s,e):s;for(var n=t.length-1,h;n>=0;n--)if(h=t[n])r=(i?h(s,e,r):h(r))||r;if(i&&r)Us(s,e,r);return r};
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const Hs=window,Ws=Hs.ShadowRoot&&(void 0===Hs.ShadyCSS||Hs.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Ks=Symbol(),Ys=new WeakMap;let Zs=class t{constructor(t,s,e){if(this._$cssResult$=true,e!==Ks)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=s}get styleSheet(){let t=this.o;const s=this.t;if(Ws&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=Ys.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&Ys.set(s,t))}return t}toString(){return this.cssText}};const Js=t=>new Zs("string"==typeof t?t:t+"",void 0,Ks),Xs=(t,...s)=>{const e=1===t.length?t[0]:s.reduce(((s,e,i)=>s+(t=>{if(true===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(e)+t[i+1]),t[0]);return new Zs(e,t,Ks)},Qs=(t,s)=>{Ws?t.adoptedStyleSheets=s.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):s.forEach((s=>{const e=document.createElement("style"),i=Hs.litNonce;void 0!==i&&e.setAttribute("nonce",i),e.textContent=s.cssText,t.appendChild(e)}))},Gs=Ws?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let s="";for(const e of t.cssRules)s+=e.cssText;return Js(s)})(t):t
+ */const Hs=window,Ws=Hs.ShadowRoot&&(void 0===Hs.ShadyCSS||Hs.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Ks=Symbol(),Ys=new WeakMap;let Zs=class t{constructor(t,s,e){if(this._$cssResult$=true,e!==Ks)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=s}get styleSheet(){let t=this.o;const s=this.t;if(Ws&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=Ys.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&Ys.set(s,t))}return t}toString(){return this.cssText}};const Js=t=>new Zs("string"==typeof t?t:t+"",void 0,Ks),Qs=(t,...s)=>{const e=1===t.length?t[0]:s.reduce(((s,e,i)=>s+(t=>{if(true===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(e)+t[i+1]),t[0]);return new Zs(e,t,Ks)},Xs=(t,s)=>{Ws?t.adoptedStyleSheets=s.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):s.forEach((s=>{const e=document.createElement("style"),i=Hs.litNonce;void 0!==i&&e.setAttribute("nonce",i),e.textContent=s.cssText,t.appendChild(e)}))},Gs=Ws?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let s="";for(const e of t.cssRules)s+=e.cssText;return Js(s)})(t):t
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */;var te;const se=window,ee=se.trustedTypes,ie=ee?ee.emptyScript:"",re=se.reactiveElementPolyfillSupport,ne={toAttribute(t,s){switch(s){case Boolean:t=t?ie:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,s){let e=t;switch(s){case Boolean:e=null!==t;break;case Number:e=null===t?null:Number(t);break;case Object:case Array:try{e=JSON.parse(t)}catch(t){e=null}}return e}},he=(t,s)=>s!==t&&(s==s||t==t),ae={attribute:true,type:String,converter:ne,reflect:false,hasChanged:he},oe="finalized";class de extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=false,this.hasUpdated=false,this._$El=null,this._$Eu()}static addInitializer(t){var s;this.finalize(),(null!==(s=this.h)&&void 0!==s?s:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((s,e)=>{const i=this._$Ep(e,s);void 0!==i&&(this._$Ev.set(i,e),t.push(i))})),t}static createProperty(t,s=ae){if(s.state&&(s.attribute=false),this.finalize(),this.elementProperties.set(t,s),!s.noAccessor&&!this.prototype.hasOwnProperty(t)){const e="symbol"==typeof t?Symbol():"__"+t,i=this.getPropertyDescriptor(t,e,s);void 0!==i&&Object.defineProperty(this.prototype,t,i)}}static getPropertyDescriptor(t,s,e){return{get(){return this[s]},set(i){const r=this[t];this[s]=i,this.requestUpdate(t,r,e)},configurable:true,enumerable:true}}static getPropertyOptions(t){return this.elementProperties.get(t)||ae}static finalize(){if(this.hasOwnProperty(oe))return false;this[oe]=true;const t=Object.getPrototypeOf(this);if(t.finalize(),void 0!==t.h&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,s=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const e of s)this.createProperty(e,t[e])}return this.elementStyles=this.finalizeStyles(this.styles),true}static finalizeStyles(t){const s=[];if(Array.isArray(t)){const e=new Set(t.flat(1/0).reverse());for(const t of e)s.unshift(Gs(t))}else void 0!==t&&s.push(Gs(t));return s}static _$Ep(t,s){const e=s.attribute;return false===e?void 0:"string"==typeof e?e:"string"==typeof t?t.toLowerCase():void 0}_$Eu(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)))}addController(t){var s,e;(null!==(s=this._$ES)&&void 0!==s?s:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(e=t.hostConnected)||void 0===e||e.call(t))}removeController(t){var s;null===(s=this._$ES)||void 0===s||s.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach(((t,s)=>{this.hasOwnProperty(s)&&(this._$Ei.set(s,this[s]),delete this[s])}))}createRenderRoot(){var t;const s=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return Qs(s,this.constructor.elementStyles),s}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(true),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var s;return null===(s=t.hostConnected)||void 0===s?void 0:s.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var s;return null===(s=t.hostDisconnected)||void 0===s?void 0:s.call(t)}))}attributeChangedCallback(t,s,e){this._$AK(t,e)}_$EO(t,s,e=ae){var i;const r=this.constructor._$Ep(t,e);if(void 0!==r&&true===e.reflect){const n=(void 0!==(null===(i=e.converter)||void 0===i?void 0:i.toAttribute)?e.converter:ne).toAttribute(s,e.type);this._$El=t,null==n?this.removeAttribute(r):this.setAttribute(r,n),this._$El=null}}_$AK(t,s){var e;const i=this.constructor,r=i._$Ev.get(t);if(void 0!==r&&this._$El!==r){const t=i.getPropertyOptions(r),n="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(e=t.converter)||void 0===e?void 0:e.fromAttribute)?t.converter:ne;this._$El=r,this[r]=n.fromAttribute(s,t.type),this._$El=null}}requestUpdate(t,s,e){let i=true;void 0!==t&&(((e=e||this.constructor.getPropertyOptions(t)).hasChanged||he)(this[t],s)?(this._$AL.has(t)||this._$AL.set(t,s),true===e.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,e))):i=false),!this.isUpdatePending&&i&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=true;try{await this._$E_}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this._$Ei&&(this._$Ei.forEach(((t,s)=>this[s]=t)),this._$Ei=void 0);let s=false;const e=this._$AL;try{s=this.shouldUpdate(e),s?(this.willUpdate(e),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var s;return null===(s=t.hostUpdate)||void 0===s?void 0:s.call(t)})),this.update(e)):this._$Ek()}catch(t){throw s=false,this._$Ek(),t}s&&this._$AE(e)}willUpdate(t){}_$AE(t){var s;null===(s=this._$ES)||void 0===s||s.forEach((t=>{var s;return null===(s=t.hostUpdated)||void 0===s?void 0:s.call(t)})),this.hasUpdated||(this.hasUpdated=true,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=false}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return true}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,s)=>this._$EO(s,this[s],t))),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}}de[oe]=true,de.elementProperties=new Map,de.elementStyles=[],de.shadowRootOptions={mode:"open"},null==re||re({ReactiveElement:de}),(null!==(te=se.reactiveElementVersions)&&void 0!==te?te:se.reactiveElementVersions=[]).push("1.6.3");
+ */;var te;const se=window,ee=se.trustedTypes,ie=ee?ee.emptyScript:"",re=se.reactiveElementPolyfillSupport,ne={toAttribute(t,s){switch(s){case Boolean:t=t?ie:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,s){let e=t;switch(s){case Boolean:e=null!==t;break;case Number:e=null===t?null:Number(t);break;case Object:case Array:try{e=JSON.parse(t)}catch(t){e=null}}return e}},he=(t,s)=>s!==t&&(s==s||t==t),ae={attribute:true,type:String,converter:ne,reflect:false,hasChanged:he},oe="finalized";class de extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=false,this.hasUpdated=false,this._$El=null,this._$Eu()}static addInitializer(t){var s;this.finalize(),(null!==(s=this.h)&&void 0!==s?s:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((s,e)=>{const i=this._$Ep(e,s);void 0!==i&&(this._$Ev.set(i,e),t.push(i))})),t}static createProperty(t,s=ae){if(s.state&&(s.attribute=false),this.finalize(),this.elementProperties.set(t,s),!s.noAccessor&&!this.prototype.hasOwnProperty(t)){const e="symbol"==typeof t?Symbol():"__"+t,i=this.getPropertyDescriptor(t,e,s);void 0!==i&&Object.defineProperty(this.prototype,t,i)}}static getPropertyDescriptor(t,s,e){return{get(){return this[s]},set(i){const r=this[t];this[s]=i,this.requestUpdate(t,r,e)},configurable:true,enumerable:true}}static getPropertyOptions(t){return this.elementProperties.get(t)||ae}static finalize(){if(this.hasOwnProperty(oe))return false;this[oe]=true;const t=Object.getPrototypeOf(this);if(t.finalize(),void 0!==t.h&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,s=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const e of s)this.createProperty(e,t[e])}return this.elementStyles=this.finalizeStyles(this.styles),true}static finalizeStyles(t){const s=[];if(Array.isArray(t)){const e=new Set(t.flat(1/0).reverse());for(const t of e)s.unshift(Gs(t))}else void 0!==t&&s.push(Gs(t));return s}static _$Ep(t,s){const e=s.attribute;return false===e?void 0:"string"==typeof e?e:"string"==typeof t?t.toLowerCase():void 0}_$Eu(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)))}addController(t){var s,e;(null!==(s=this._$ES)&&void 0!==s?s:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(e=t.hostConnected)||void 0===e||e.call(t))}removeController(t){var s;null===(s=this._$ES)||void 0===s||s.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach(((t,s)=>{this.hasOwnProperty(s)&&(this._$Ei.set(s,this[s]),delete this[s])}))}createRenderRoot(){var t;const s=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return Xs(s,this.constructor.elementStyles),s}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(true),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var s;return null===(s=t.hostConnected)||void 0===s?void 0:s.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var s;return null===(s=t.hostDisconnected)||void 0===s?void 0:s.call(t)}))}attributeChangedCallback(t,s,e){this._$AK(t,e)}_$EO(t,s,e=ae){var i;const r=this.constructor._$Ep(t,e);if(void 0!==r&&true===e.reflect){const n=(void 0!==(null===(i=e.converter)||void 0===i?void 0:i.toAttribute)?e.converter:ne).toAttribute(s,e.type);this._$El=t,null==n?this.removeAttribute(r):this.setAttribute(r,n),this._$El=null}}_$AK(t,s){var e;const i=this.constructor,r=i._$Ev.get(t);if(void 0!==r&&this._$El!==r){const t=i.getPropertyOptions(r),n="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(e=t.converter)||void 0===e?void 0:e.fromAttribute)?t.converter:ne;this._$El=r,this[r]=n.fromAttribute(s,t.type),this._$El=null}}requestUpdate(t,s,e){let i=true;void 0!==t&&(((e=e||this.constructor.getPropertyOptions(t)).hasChanged||he)(this[t],s)?(this._$AL.has(t)||this._$AL.set(t,s),true===e.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,e))):i=false),!this.isUpdatePending&&i&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=true;try{await this._$E_}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this._$Ei&&(this._$Ei.forEach(((t,s)=>this[s]=t)),this._$Ei=void 0);let s=false;const e=this._$AL;try{s=this.shouldUpdate(e),s?(this.willUpdate(e),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var s;return null===(s=t.hostUpdate)||void 0===s?void 0:s.call(t)})),this.update(e)):this._$Ek()}catch(t){throw s=false,this._$Ek(),t}s&&this._$AE(e)}willUpdate(t){}_$AE(t){var s;null===(s=this._$ES)||void 0===s||s.forEach((t=>{var s;return null===(s=t.hostUpdated)||void 0===s?void 0:s.call(t)})),this.hasUpdated||(this.hasUpdated=true,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=false}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return true}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,s)=>this._$EO(s,this[s],t))),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}}de[oe]=true,de.elementProperties=new Map,de.elementStyles=[],de.shadowRootOptions={mode:"open"},null==re||re({ReactiveElement:de}),(null!==(te=se.reactiveElementVersions)&&void 0!==te?te:se.reactiveElementVersions=[]).push("1.6.3");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -28,5 +28,5 @@ import{r as t,c as s,h as e,a as i,d as r}from"./p-DoqzRCll.js";import{g as n}fr
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */}function me(t){return ge({...t,state:true})}var be=Symbol("@vidstack/media-provider-discovery");var _e=class extends ce{constructor(){super();this._disconnectDisposal=new nt;this._logger=void 0;this.loading="visible";this._attemptingAutoplay=false;this.controllerQueue=new ss;this._store=Os();this._state=fs(this._store);this.connectedQueue=es(this);this.mediaQueue=new ss;this.screenOrientationController=new is(this);this.fullscreenController=new Zt(this,this.screenOrientationController);Pt(this,"vds-media-provider-connect",{register:be});const t=Gt(this,{target:this,threshold:0},(s=>{if(!/(visible|lazy)/.test(this.loading)){t.hostDisconnected();return}if(s[0]?.isIntersecting){this.startLoadingMedia();t.hostDisconnected()}}))}connectedCallback(){super.connectedCallback();this._logMediaEvents();window.requestAnimationFrame((()=>{if(zt(this.canLoadPoster)){this.canLoadPoster=true}}))}firstUpdated(t){super.firstUpdated(t);this.dispatchEvent(ot("vds-fullscreen-support-change",{detail:this.canFullscreen}));if(this.canLoad||this.loading==="eager"){window?.requestAnimationFrame((()=>{this.startLoadingMedia()}))}else if(this.loading==="idle"){ys((()=>{this.startLoadingMedia()}))}}render(){return $`<slot @slotchange="${this.handleDefaultSlotChange}"></slot>`}disconnectedCallback(){this._updateMediaStoreOnDisconnect(this._store);this.mediaQueue.destroy();this._disconnectDisposal.empty();super.disconnectedCallback();ps((()=>{ps((()=>{if(!this.isConnected)this.destroy()}))}))}_updateMediaStoreOnDisconnect(t){t.paused.set(true);t.playing.set(false);t.seeking.set(false);t.waiting.set(false);t.fullscreen.set(false)}destroy(){if(this.isConnected)this.disconnectedCallback();this.dispatchEvent(ot("vds-destroy"))}_logMediaEvents(){}get volume(){return this._getVolume()}set volume(t){this.mediaQueue.queue("volume",(()=>{const s=this.volume;const e=Kt(0,t,1);if(s!==e){this._setVolume(e);this.requestUpdate("volume",s)}}))}get paused(){return this._getPaused()}set paused(t){this.mediaQueue.queue("paused",(()=>{if(this.paused===t)return;try{if(!t){this.play()}else{this.pause()}this.requestUpdate("paused",!t)}catch(t){this._logger?.error("paused-change-fail",t)}}))}get currentTime(){return this._getCurrentTime()}set currentTime(t){this.mediaQueue.queue("current-time",(()=>{const s=this.currentTime;if(s!==t){this._setCurrentTime(t);this.requestUpdate("currentTime",s)}}))}get muted(){return this._getMuted()}set muted(t){this.mediaQueue.queue("muted",(()=>{const s=this.muted;if(s!==t){this._setMuted(t);this.requestUpdate("muted",s)}}))}get poster(){return this.state.poster}set poster(t){const s=this.poster;if(s!==t){this.dispatchEvent(ot("vds-poster-change",{detail:t}));this.requestUpdate("poster",s)}}get loop(){return this.state.loop}set loop(t){const s=this.loop;if(s!==t){this.dispatchEvent(ot("vds-loop-change",{detail:t}));this.requestUpdate("loop",s)}}get controls(){return this.state.controls}set controls(t){const s=this.controls;if(s!==t){this.dispatchEvent(ot("vds-controls-change",{detail:t}));this.requestUpdate("controls",s)}}get canLoad(){return this.state.canLoad}startLoadingMedia(){if(this.state.canPlay)return;this.dispatchEvent(ot("vds-can-load"))}_throwIfNotReadyForPlayback(){if(!this.state.canPlay){throw Error(`Media is not ready - wait for \`vds-can-play\` event.`)}}async _resetPlaybackIfEnded(){if(!this.state.ended||this.state.currentTime===0)return;return this._setCurrentTime(0)}_throwIfNotVideoView(){if(this.state.viewType!=="video"){throw Error("Player is currently not in a video view.")}}async _handleMediaReady({event:t,duration:s}){if(this.state.canPlay)return;this.dispatchEvent(ot("vds-can-play",{triggerEvent:t,detail:{duration:s}}));this.mediaQueue.start();await this._attemptAutoplay()}_handleCurrentSrcChange(t,s){if(this.state.currentSrc===t)return;this.mediaQueue.stop();this.dispatchEvent(ot("vds-current-src-change",{detail:t,triggerEvent:s}))}get autoplay(){return this.state.autoplay}set autoplay(t){if(this.autoplay!==t){this.dispatchEvent(ot("vds-autoplay-change",{detail:t}));this.requestUpdate("autoplay",!t)}this._attemptAutoplay()}get _canAttemptAutoplay(){return this.state.canPlay&&this.state.autoplay&&!this.state.started}async _attemptAutoplay(){if(!this._canAttemptAutoplay)return;this._attemptingAutoplay=true;try{await this.play();this.dispatchEvent(ot("vds-autoplay",{detail:{muted:this.muted}}))}catch(t){this.dispatchEvent(ot("vds-autoplay-fail",{detail:{muted:this.muted,error:t}}));this.requestUpdate()}this._attemptingAutoplay=false}get controller(){return this._controller}get logLevel(){return this._controller?.logLevel??"silent"}set logLevel(t){}get idleDelay(){return this._controller?.idleDelay??0}set idleDelay(t){this.controllerQueue.queue("idle-delay",(()=>{this._controller.idleDelay=t}))}attachMediaController(t,s){this._controller=t;this._store=t._store;this._state=t.state;this.controllerQueue.start();s((()=>{this.controllerQueue.destroy();this._store=Os();this._state=fs(this._store);if(this._controller){cs(this._controller._store,this._store);this._updateMediaStoreOnDisconnect(this._controller._store)}this._controller=void 0}))}dispatchEvent(t){if(!this._controller&&t.type.startsWith("vds-")&&t.type!=="vds-destroy"){this.controllerQueue.queue(t.type,(()=>{super.dispatchEvent(t)}));return false}return super.dispatchEvent(t)}store(){return this._store}get state(){return this._state}get canFullscreen(){return this.fullscreenController.isSupported}get fullscreen(){return this.fullscreenController.isFullscreen}get fullscreenOrientation(){return this.fullscreenController.screenOrientationLock}set fullscreenOrientation(t){const s=this.fullscreenController.screenOrientationLock;if(s!==t){this.fullscreenController.screenOrientationLock=t;this.requestUpdate("fullscreen-orientation",s)}}enterFullscreen(){return this.fullscreenController.enterFullscreen()}exitFullscreen(){return this.fullscreenController.exitFullscreen()}};Bs([ge({type:Number})],_e.prototype,"volume",1);Bs([ge({type:Boolean})],_e.prototype,"paused",1);Bs([ge({type:Number})],_e.prototype,"currentTime",1);Bs([ge({type:Boolean})],_e.prototype,"muted",1);Bs([ge()],_e.prototype,"poster",1);Bs([ge({type:Boolean})],_e.prototype,"loop",1);Bs([ge({type:Boolean})],_e.prototype,"controls",1);Bs([me()],_e.prototype,"canLoadPoster",2);Bs([ge({attribute:"loading"})],_e.prototype,"loading",2);Bs([ge({type:Boolean})],_e.prototype,"autoplay",1);Bs([ge({attribute:"log-level"})],_e.prototype,"logLevel",1);Bs([ge({attribute:"idle-delay",type:Number})],_e.prototype,"idleDelay",1);Bs([ge({attribute:"fullscreen-orientation"})],_e.prototype,"fullscreenOrientation",1);var ze=class{constructor(t,s){this._host=t;this._mediaStore=s;this._idle=false;this._mediaPaused=false;this._idlingPaused=false;this._disposal=new nt;this.delay=2e3;t.addController(this)}get paused(){return this._idlingPaused||this._mediaPaused}set paused(t){this._idlingPaused=t;this._handleIdleChange()}hostConnected(){this._disposal.add(this._mediaStore.paused.subscribe((t=>{this._mediaPaused=t;this._handleIdleChange()})));const t=["pointerdown","pointermove","focus","keydown"];t.forEach((t=>{const s=rt(this._host,t,this._handleIdleChange.bind(this));this._disposal.add(s)}))}hostDisconnected(){this._disposal.empty();this._stopIdleTimer()}_handleIdleChange(){if(this.paused){this._stopIdleTimer()}else{this._startIdleTimer()}}_startIdleTimer(){this._stopIdleTimer();this._idleTimeout=window.setTimeout((()=>{this._dispatchIdleChange(!this.paused)}),this.delay)}_stopIdleTimer(){window.clearTimeout(this._idleTimeout);this._dispatchIdleChange(false)}_dispatchIdleChange(t){if(this._idle!==t){this._host.dispatchEvent(ot("vds-user-idle-change",{detail:t}));this._idle=t}}};var ye=class{constructor(t){this._host=t;this._disconnectDisposal=new nt;this.providerQueue=new ss;this.providerDisposal=new nt;this._logController=void 0;this._logger=void 0;this._providerContext=Ts.provide(this._host);this._mediaStoreProvider=Rs.provide(this._host);this.state=fs(this._store);this._userIdleController=new ze(this._host,this._store);this._handleIdleChange=ht(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=ht(this._host,"vds-start-loading",this._createMediaRequestHandler("loading",(t=>{if(this.state.canLoad)return;this._pendingMediaRequests.loading.push(t);this._provider.startLoadingMedia()})));this._handleMuteRequest=ht(this._host,"vds-mute-request",this._createMediaRequestHandler("muted",(t=>{if(this.state.muted)return;this._pendingMediaRequests.volume.push(t);this.provider.muted=true})));this._handleUnmuteRequest=ht(this._host,"vds-unmute-request",this._createMediaRequestHandler("muted",(t=>{if(!this.state.muted)return;this._pendingMediaRequests.volume.push(t);this.provider.muted=false;if(this.state.volume===0){this._pendingMediaRequests.volume.push(t);this.provider.volume=.25}})));this._handlePlayRequest=ht(this._host,"vds-play-request",this._createMediaRequestHandler("paused",(t=>{if(!this.state.paused)return;this._pendingMediaRequests.play.push(t);this.provider.paused=false})));this._handlePauseRequest=ht(this._host,"vds-pause-request",this._createMediaRequestHandler("paused",(t=>{if(this.state.paused)return;this._pendingMediaRequests.pause.push(t);this.provider.paused=true})));this._isSeekingRequestPending=false;this._handleSeekingRequest=ht(this._host,"vds-seeking-request",this._createMediaRequestHandler("seeking",(t=>{this._stopWaiting();this._pendingMediaRequests.seeking.push(t);this._isSeekingRequestPending=true;this._store.seeking.set(true)})));this._handleSeekRequest=ht(this._host,"vds-seek-request",this._createMediaRequestHandler("seeking",(t=>{if(this.store.ended){this._isReplay=true}this._pendingMediaRequests.seeked.push(t);this._isSeekingRequestPending=false;let s=t.detail;if(this.state.duration-t.detail<.25){s=this.state.duration}this.provider.currentTime=s})));this._handleVolumeChangeRequest=ht(this._host,"vds-volume-change-request",this._createMediaRequestHandler("volume",(t=>{const s=t.detail;if(this.state.volume===s)return;this._pendingMediaRequests.volume.push(t);this.provider.volume=s;if(s>0&&this.state.muted){this._pendingMediaRequests.volume.push(t);this.provider.muted=false}})));this._handleEnterFullscreenRequest=ht(this._host,"vds-enter-fullscreen-request",this._createMediaRequestHandler("fullscreen",(async t=>{if(this.state.fullscreen)return;const s=t.detail??"media";if(s==="media"&&this._host.canFullscreen){this._pendingMediaRequests.fullscreen.push(t);await(this._host.enterFullscreen?.())}else if(this.provider){this._pendingMediaRequests.fullscreen.push(t);await this.provider.enterFullscreen()}})));this._handleExitFullscreenRequest=ht(this._host,"vds-exit-fullscreen-request",this._createMediaRequestHandler("fullscreen",(async t=>{if(!this.state.fullscreen)return;const s=t.detail??"media";if(s==="media"&&this._host.canFullscreen){this._pendingMediaRequests.fullscreen.push(t);await(this._host.exitFullscreen?.())}else if(this.provider){this._pendingMediaRequests.fullscreen.push(t);await this.provider.exitFullscreen()}})));this._handleResumeIdlingRequest=ht(this._host,"vds-resume-user-idle-request",(t=>{if(!this._mediaRequestEventGateway(t))return;this._pendingMediaRequests.userIdle.push(t);this._userIdleController.paused=false}));this._handlePauseIdlingRequest=ht(this._host,"vds-pause-user-idle-request",(t=>{if(!this._mediaRequestEventGateway(t))return;this._pendingMediaRequests.userIdle.push(t);this._userIdleController.paused=true}));this._handleShowPosterRequest=ht(this._host,"vds-show-poster-request",this._createMediaRequestHandler("poster",(()=>{this._provider.canLoadPoster=true})));this._handleHidePosterRequest=ht(this._host,"vds-hide-poster-request",this._createMediaRequestHandler("poster",(()=>{this._provider.canLoadPoster=false})));this._handleLoopRequest=this._createMediaRequestHandler("loop",(()=>{window.requestAnimationFrame((async()=>{try{this._isLooping=true;this._isReplay=true;await this._provider.play()}catch(t){this._isReplay=false;this._isLooping=false}}))}));this._handleFullscreenChange=ht(this._host,"vds-fullscreen-change",(t=>{this._store.fullscreen.set(t.detail);if(t.target!==this._host)return;this._satisfyMediaRequest("fullscreen",t);this._provider?.dispatchEvent(ot("vds-fullscreen-change",{detail:t.detail,triggerEvent:t}))}));this._handleFullscreenError=ht(this._host,"vds-fullscreen-error",(t=>{if(t.target!==this._host)return;this._satisfyMediaRequest("fullscreen",t);this._provider?.dispatchEvent(ot("vds-fullscreen-error",{detail:t.detail,triggerEvent:t}))}));this._isReplay=false;this._isLooping=false;this._firingWaiting=false;this._mediaEvents=[];this._handleSeeking=it((t=>{this._mediaEvents.push(t);this._store.seeking.set(true);this._store.currentTime.set(t.detail);this._satisfyMediaRequest("seeking",t)}),150,{leading:true});this._fireWaiting=Q((()=>{if(!this._originalWaitingEvent)return;this._firingWaiting=true;const t=ot("vds-waiting",this._originalWaitingEvent);this._mediaEvents.push(t);this._store.waiting.set(true);this._store.playing.set(false);this._provider?.dispatchEvent(t);this._originalWaitingEvent=void 0;this._firingWaiting=false}),300);this._skipInitialSrcChange=true;Tt(t,be,((t,s)=>{this.attachMediaProvider(t,s)}));t.addController({hostConnected:()=>{if(!this.state.canPlay){this._host.setAttribute("aria-busy","true")}},hostDisconnected:()=>{this._clearMediaStateTracking();this._clearPendingMediaRequests();this.providerQueue.destroy();this.providerDisposal.empty();this._skipInitialSrcChange=true;this._disconnectDisposal.empty()}})}get logLevel(){return this._logController?.logLevel??"silent"}set logLevel(t){}get provider(){return this._provider}attachMediaProvider(t,s){if(!yt(this.provider)||this.provider===t)return;this._handleMediaProviderDisconnect();this._provider=t;this._providerContext.value.set(t);cs(this._provider._store,this._store);this._attachMediaEventListeners();t.attachMediaController(this,(t=>this._disconnectDisposal.add(t)));this._flushMediaProviderConnectedQueue();s(this._handleMediaProviderDisconnect.bind(this))}_handleMediaProviderDisconnect(){if(yt(this.provider))return;this._stopWaiting();this.providerQueue.destroy();this.providerDisposal.empty();this._provider=void 0;this._providerContext.value.set(void 0);Ns(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(){rs(this._pendingMediaRequests).forEach((t=>{this._pendingMediaRequests[t]=[]}))}_satisfyMediaRequest(t,s){const e=this._pendingMediaRequests[t].shift();if(e){s.requestEvent=e;lt(s,e)}}_mediaRequestEventGateway(t){t.stopPropagation();return true}_createMediaRequestHandler(t,s){return e=>{if(!this._mediaRequestEventGateway(e))return;if(this._provider){s(e);return}this.providerQueue.queue(t,(()=>{s(e)}))}}_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 rs(t)){const e=t[s].bind(this);this.providerDisposal.add(rt(this._provider,s,e))}}_clearMediaStateTracking(){this._isReplay=false;this._isLooping=false;this._firingWaiting=false;this._originalWaitingEvent=void 0;this._mediaEvents=[]}_findLastMediaEvent(t){return this._mediaEvents[this._mediaEvents.map((t=>t.type)).lastIndexOf(t)]}_handleCanLoad(t){this._store.canLoad.set(true);this._mediaEvents.push(t);this._satisfyMediaRequest("loading",t)}_updateMetadata(t){this._store.currentSrc.set(t.currentSrc);this._store.mediaType.set(t.mediaType);this._store.viewType.set(t.viewType)}_handleLoadStart(t){this._updateMetadata(t.detail);this._mediaEvents.push(t);lt(t,this._findLastMediaEvent("vds-src-change"));lt(t,this._findLastMediaEvent("vds-can-load"))}_handleLoadedData(t){this._mediaEvents.push(t);lt(t,this._findLastMediaEvent("vds-load-start"))}_handleLoadedMetadata(t){this._updateMetadata(t.detail);this._mediaEvents.push(t);lt(t,this._findLastMediaEvent("vds-load-start"))}_handleCanPlay(t){this._mediaEvents.push(t);if(t.triggerEvent?.type!=="loadedmetadata"){lt(t,this._findLastMediaEvent("vds-loaded-metadata"))}this._store.canPlay.set(true);this._store.duration.set(t.detail.duration);this._host.setAttribute("aria-busy","false")}_handleCanPlayThrough(t){this._store.canPlay.set(true);this._store.duration.set(t.detail.duration);lt(t,this._findLastMediaEvent("vds-can-play"))}_handleAutoplay(t){this._mediaEvents.push(t);lt(t,this._findLastMediaEvent("vds-play"));lt(t,this._findLastMediaEvent("vds-can-play"));this._store.autoplayError.set(void 0)}_handleAutoplayFail(t){lt(t,this._findLastMediaEvent("vds-play-fail"));lt(t,this._findLastMediaEvent("vds-can-play"));this._store.autoplayError.set(t.detail);this._clearMediaStateTracking()}_handlePlay(t){if(this._isLooping||!this.state.paused){t.stopImmediatePropagation();return}this._mediaEvents.push(t);lt(t,this._findLastMediaEvent("vds-waiting"));this._satisfyMediaRequest("play",t);this._store.paused.set(false);this._store.autoplayError.set(void 0);if(this.state.ended||this._isReplay){this._isReplay=false;this._store.ended.set(false);const s=ot("vds-replay",{triggerEvent:t});this._provider?.dispatchEvent(s)}}_handlePlayFail(t){this._mediaEvents.push(t);this._stopWaiting();lt(t,this._findLastMediaEvent("vds-play"));this._store.paused.set(true);this._store.playing.set(false);this._satisfyMediaRequest("play",t);this._clearMediaStateTracking()}_handlePlaying(t){this._mediaEvents.push(t);const s=this._findLastMediaEvent("vds-play");if(s){lt(t,this._findLastMediaEvent("vds-waiting"));lt(t,s)}else{lt(t,this._findLastMediaEvent("vds-seeked"))}this._stopWaiting();this._clearMediaStateTracking();this._store.paused.set(false);this._store.playing.set(true);this._store.seeking.set(false);this._store.ended.set(false);if(this._isLooping){t.stopImmediatePropagation();this._isLooping=false;return}if(!this.state.started){this._store.started.set(true);this._provider?.dispatchEvent(ot("vds-started",{triggerEvent:t}))}}_handlePause(t){if(this._isLooping){t.stopImmediatePropagation();return}lt(t,this._findLastMediaEvent("vds-seeked"));this._satisfyMediaRequest("pause",t);this._store.paused.set(true);this._store.playing.set(false);this._store.seeking.set(false);this._stopWaiting();this._clearMediaStateTracking()}_handleTimeUpdate(t){const{currentTime:s,played:e}=t.detail;this._store.currentTime.set(s);this._store.played.set(e);this._store.waiting.set(false)}_handleVolumeChange(t){this._store.volume.set(t.detail.volume);this._store.muted.set(t.detail.muted||t.detail.volume===0);this._satisfyMediaRequest("volume",t)}_handleSeeked(t){if(this._isSeekingRequestPending){this._store.seeking.set(true);t.stopImmediatePropagation()}else if(this.state.seeking){this._mediaEvents.push(t);lt(t,this._findLastMediaEvent("vds-waiting"));lt(t,this._findLastMediaEvent("vds-seeking"));if(this.state.paused){this._stopWaiting()}this._store.seeking.set(false);if(t.detail!==this.state.duration){this._store.ended.set(false)}this._store.currentTime.set(t.detail);this._satisfyMediaRequest("seeked",t)}}_stopWaiting(){this._fireWaiting.cancel();this._store.waiting.set(false)}_handleWaiting(t){if(this._firingWaiting)return;t.stopImmediatePropagation();this._originalWaitingEvent=t;this._fireWaiting()}_handleEnded(t){if(this._isLooping){t.stopImmediatePropagation();return}this._stopWaiting();this._store.paused.set(true);this._store.playing.set(false);this._store.seeking.set(false);this._store.ended.set(true);this._clearMediaStateTracking()}_handleAutoplayChange(t){this._store.autoplay.set(t.detail)}_handleCurrentSrcChange(t){this._store.currentSrc.set(t.detail);if(this._skipInitialSrcChange){this._skipInitialSrcChange=false;return}this._clearMediaStateTracking();Vs(this._store);this._host.setAttribute("aria-busy","true")}_handleError(t){this._store.error.set(t.detail)}_handleFullscreenSupportChange(t){this._store.canFullscreen.set(t.detail)}_handlePosterChange(t){this._store.poster.set(t.detail)}_handleLoopChange(t){this._store.loop.set(t.detail)}_handlePlaysinlineChange(t){this._store.playsinline.set(t.detail)}_handleControlsChange(t){this._store.controls.set(t.detail)}_handleMediaTypeChange(t){this._store.mediaType.set(t.detail)}_handleDurationChange(t){const s=t.detail;this._store.duration.set(!isNaN(s)?s:0)}_handleProgress(t){const{buffered:s,seekable:e}=t.detail;const i=s.length===0?0:s.end(s.length-1);const r=e.length===0?0:e.end(e.length-1);this._store.buffered.set(s);this._store.bufferedAmount.set(i);this._store.seekable.set(e);this._store.seekableAmount.set(r)}_handleSrcChange(t){this._store.src.set(t.detail)}_handleViewTypeChange(t){this._store.viewType.set(t.detail)}};var we=class{constructor(t,s,e){this._host=t;this._store=s;this._mediaProps=e;this._disposal=new nt;this._host.addController({hostConnected:this._hostConnected.bind(this),hostDisconnected:this._hostDisconnected.bind(this)})}_hostConnected(){ys((()=>{for(const t of this._mediaProps){const s=this._store[t];if(s){const e=this._getMediaAttrName(t);const i=s.subscribe((s=>{window?.requestAnimationFrame((()=>{this._handleValueChange(t,e,s)}))}));this._disposal.add(i)}}}))}_hostDisconnected(){for(const t of this._mediaProps){this._handleDisconnect(t,this._getMediaAttrName(t))}this._disposal.empty()}_getMediaAttrName(t){return xs(t)}};var ke=class extends we{_handleValueChange(t,s,e){window.requestAnimationFrame((()=>{ms(this._host,s,kt(e)||wt(e)?String(e):!!e)}))}_handleDisconnect(t,s){this._host.removeAttribute(s)}};function xe(...t){return new ke(...t)}var Ee=class extends we{_handleValueChange(t,s,e){window.requestAnimationFrame((()=>{this._host.style.setProperty(this._getCssPropName(s),kt(e)||wt(e)?String(e):null)}))}_getCssPropName(t){return`--vds-${t}`}_handleDisconnect(t,s){this._host.style.setProperty(this._getCssPropName(s),null)}};function Ce(...t){return new Ee(...t)}var Se=Symbol("@vidstack/media-discovery");var Me=class extends ce{constructor(){super();this.controller=new ye(this);this.__mediaFullscreen=false;this.__mediaIsVideoView=false;this.__mediaPlaysinline=false;this.screenOrientationController=new is(this);this.fullscreenController=new Zt(this,this.screenOrientationController);Pt(this,"vds-media-connect",{register:Se});js(this,"fullscreen",(t=>{this.__mediaFullscreen=t}));js(this,"viewType",(t=>{this.__mediaIsVideoView=t==="video"}));js(this,"playsinline",(t=>{this.__mediaPlaysinline=t}));this._bindMediaAttributes();this._bindMediaCSSProperties()}static get styles(){return[Xs`:host{display:inline-block;position:relative;contain:content}:host([hidden]){display:none}`]}get provider(){return this.controller.provider}update(t){ms(this,"hide-ui",this._shouldHideMediaUI());super.update(t)}render(){return $`<slot></slot>`}get canFullscreen(){return this.fullscreenController.isSupported}get fullscreen(){return this.fullscreenController.isFullscreen}get fullscreenOrientation(){return this.fullscreenController.screenOrientationLock}set fullscreenOrientation(t){const s=this.fullscreenController.screenOrientationLock;if(s!==t){this.fullscreenController.screenOrientationLock=t;this.requestUpdate("fullscreen-orientation",s)}}enterFullscreen(){return this.fullscreenController.enterFullscreen()}exitFullscreen(){return this.fullscreenController.exitFullscreen()}_bindMediaAttributes(){xe(this,this.controller.store,["autoplay","autoplayError","canLoad","canPlay","canFullscreen","ended","error","fullscreen","userIdle","loop","mediaType","muted","paused","playing","playsinline","seeking","started","viewType","waiting"])}_bindMediaCSSProperties(){Ce(this,this.controller.store,["bufferedAmount","currentTime","duration","seekableAmount"])}_shouldHideMediaUI(){return Dt&&this.__mediaIsVideoView&&(!this.__mediaPlaysinline||this.__mediaFullscreen)}};Bs([me()],Me.prototype,"__mediaFullscreen",2);Bs([me()],Me.prototype,"__mediaIsVideoView",2);Bs([me()],Me.prototype,"__mediaPlaysinline",2);Bs([ge({attribute:"fullscreen-orientation"})],Me.prototype,"fullscreenOrientation",1);gs("vds-media",Me);var $e=/\.(m4a|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i;var Te=/\.(mp4|og[gv]|webm|mov|m4v|avi)($|\?)/i;function Pe(t){if($e.test(t))return"audio";if(Te.test(t))return"video";return"unknown"}var Fe=class extends _e{constructor(){super(...arguments);this.preload="metadata";this._timeRAF=void 0;this._hasMediaElementConnected=false;this._mediaElementDisposal=new nt;this._isMediaWaiting=false;this._ignoreNextAbortEvent=false;this._ignoreNextEmptiedEvent=false}get mediaElement(){return this._mediaElement}disconnectedCallback(){this._isMediaWaiting=false;super.disconnectedCallback();this._cancelTimeUpdates()}destroy(){if(this.mediaElement){this.mediaElement.pause();this.mediaElement.src="";this.mediaElement.innerHTML="";this.mediaElement.load()}super.destroy()}_cancelTimeUpdates(){if(wt(this._timeRAF))window.cancelAnimationFrame(this._timeRAF);this._timeRAF=void 0}_requestTimeUpdates(){if(!zt(this._timeRAF))return;this._requestTimeUpdate()}_requestTimeUpdate(){const t=this.mediaElement?.currentTime??0;if(this.state.currentTime!==t){this._updateCurrentTime(t)}this._timeRAF=window.requestAnimationFrame((()=>{if(zt(this._timeRAF))return;this._requestTimeUpdate()}))}_updateCurrentTime(t,s){this.dispatchEvent(ot("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&&!yt(this.mediaElement)&&!this._hasMediaElementConnected}_findSlottedMediaElement(){const t=zs(this)[0];this._mediaElement=t??void 0}_handleMediaElementConnect(){window.requestAnimationFrame((()=>{this._findSlottedMediaElement();if(!this._canMediaElementConnect)return;const t=this.mediaElement;if(t.hasAttribute("loop")){this.loop=true}t.removeAttribute("loop");t.removeAttribute("poster");ms(t,"controls",this.controls);if(!this.state.canFullscreen&&this.fullscreenController.isSupported){this.dispatchEvent(ot("vds-fullscreen-support-change",{detail:this.canFullscreen}))}this._attachMediaEventListeners();this._observePlaysinline();this._observeMediaSources();if(this.canLoadPoster&&this.poster.length>0&&t.getAttribute("poster")!==this.poster){t.setAttribute("poster",this.poster)}this._startPreloadingMedia();this._hasMediaElementConnected=true;this._disconnectDisposal.add(this._handleMediaElementDisconnect.bind(this))}))}_handleMediaElementDisconnect(){this._cancelTimeUpdates();window.requestAnimationFrame((()=>{this._mediaElementDisposal.empty();this._mediaElement=void 0}));this._hasMediaElementConnected=false}startLoadingMedia(){super.startLoadingMedia();this._handleMediaElementConnect()}_startPreloadingMedia(){if(this.state.canPlay)return;this.mediaElement.setAttribute("preload",this.preload);const t=this.mediaElement.networkState>=1;this._ignoreNextAbortEvent=t;this._ignoreNextEmptiedEvent=t;this.mediaElement.load();setTimeout((()=>{this._ignoreNextAbortEvent=false;this._ignoreNextEmptiedEvent=false}),0)}_observePlaysinline(){const t=()=>this.mediaElement.hasAttribute("playsinline");this._handlePlaysinlineChange(t());const s=new MutationObserver((()=>this._handlePlaysinlineChange(t())));s.observe(this.mediaElement,{attributeFilter:["playsinline"]});this._mediaElementDisposal.add((()=>s.disconnect()))}_handlePlaysinlineChange(t){this.dispatchEvent(ot("vds-playsinline-change",{detail:t}))}_observeMediaSources(){this._handleSrcChange(this._getMediaSources());const t=new MutationObserver((()=>this._handleSrcChange(this._getMediaSources())));t.observe(this.mediaElement,{attributeFilter:["src"],subtree:true});this._mediaElementDisposal.add((()=>t.disconnect()))}_handleSrcChange(t){const s=this.state.src;if(!vs(s,t)){this.dispatchEvent(ot("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(yt(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};rs(t).forEach((s=>{const e=t[s].bind(this);const i=rt(this.mediaElement,s,(async t=>{await e(t)}));this._mediaElementDisposal.add(i)}))}_handleAbort(t){if(this._ignoreNextAbortEvent)return;this.dispatchEvent(ot("vds-abort",{triggerEvent:t}));this._handleCurrentSrcChange("",t)}_handleCanPlay(t){this._handleMediaReady({event:t,duration:this.mediaElement.duration})}_handleCanPlayThrough(t){if(this.state.started)return;this.dispatchEvent(ot("vds-can-play-through",{triggerEvent:t,detail:{duration:this.mediaElement.duration}}))}_handleLoadStart(t){this._handleCurrentSrcChange(this.mediaElement.currentSrc,t);if(this.mediaElement.currentSrc===""){this._handleAbort();return}this.dispatchEvent(ot("vds-load-start",{triggerEvent:t,detail:this._getMediaMetadata()}))}_handleEmptied(t){if(this._ignoreNextEmptiedEvent)return;this.dispatchEvent(ot("vds-emptied",{triggerEvent:t}))}_handleLoadedData(t){this.dispatchEvent(ot("vds-loaded-data",{triggerEvent:t}))}_handleLoadedMetadata(t){this.dispatchEvent(ot("vds-volume-change",{detail:{volume:this.mediaElement.volume,muted:this.mediaElement.muted}}));this.dispatchEvent(ot("vds-loaded-metadata",{triggerEvent:t,detail:this._getMediaMetadata()}))}_determineMediaType(t){this.dispatchEvent(ot("vds-media-type-change",{detail:this._getMediaType(),triggerEvent:t}))}_handlePlay(t){const s=ot("vds-play",{triggerEvent:t});s.autoplay=this._attemptingAutoplay;this.dispatchEvent(s)}_handlePause(t){if(this.mediaElement.readyState===1&&!this._isMediaWaiting){return}this._isMediaWaiting=false;this._cancelTimeUpdates();this.dispatchEvent(ot("vds-pause",{triggerEvent:t}))}_handlePlaying(t){this._isMediaWaiting=false;const s=ot("vds-playing",{triggerEvent:t});this.dispatchEvent(s);this._requestTimeUpdates()}_handleDurationChange(t){if(this.mediaElement.ended){this._updateCurrentTime(this.mediaElement.duration,t)}this.dispatchEvent(ot("vds-duration-change",{detail:this.mediaElement.duration,triggerEvent:t}))}_handleProgress(t){this.dispatchEvent(ot("vds-progress",{triggerEvent:t,detail:{buffered:this.mediaElement.buffered,seekable:this.mediaElement.seekable}}))}_handleRateChange(t){throw Error("Not implemented")}_handleSeeking(t){this.dispatchEvent(ot("vds-seeking",{detail:this.mediaElement.currentTime,triggerEvent:t}))}_handleSeeked(t){const s=ot("vds-seeked",{detail:this.mediaElement.currentTime,triggerEvent:t});this.dispatchEvent(s);const e=this.mediaElement.currentTime;if(Math.trunc(e)===Math.trunc(this.mediaElement.duration)&&Yt(this.mediaElement.duration)>Yt(e)){this._updateCurrentTime(this.mediaElement.duration,t);if(!this.mediaElement.ended){try{this.play()}catch(t){}}}}_handleStalled(t){this.dispatchEvent(ot("vds-stalled",{triggerEvent:t}));if(this.mediaElement.readyState<3){this._isMediaWaiting=true;this.dispatchEvent(ot("vds-waiting",{triggerEvent:t}))}}_handleVolumeChange(t){this.dispatchEvent(ot("vds-volume-change",{detail:{volume:this.mediaElement.volume,muted:this.mediaElement.muted},triggerEvent:t}))}_handleWaiting(t){if(this.mediaElement.readyState<3){this._isMediaWaiting=true;this.dispatchEvent(ot("vds-waiting",{triggerEvent:t}))}}_handleSuspend(t){const s=ot("vds-suspend",{triggerEvent:t});this.dispatchEvent(s)}_handleEnded(t){this._cancelTimeUpdates();this._updateCurrentTime(this.mediaElement.duration,t);const s=ot("vds-end",{triggerEvent:t});this.dispatchEvent(s);if(this.state.loop){this._handleLoop()}else{this.dispatchEvent(ot("vds-ended",{triggerEvent:t}))}}_handleLoop(){const t=yt(this.controls);if(t){this.mediaElement.controls=false}this.dispatchEvent(ot("vds-loop-request"))}_handleError(t){const s=this.mediaElement.error;if(!s)return;this.dispatchEvent(ot("vds-error",{detail:{message:s.message,code:s.code,mediaError:s},triggerEvent:t}))}_getPaused(){return this.mediaElement?.paused??true}_getVolume(){return this.mediaElement?.volume??1}_setVolume(t){this.mediaElement.volume=t}_getCurrentTime(){return this.mediaElement?.currentTime??0}_setCurrentTime(t){if(this.mediaElement.currentTime!==t){this.mediaElement.currentTime=t}}_getMuted(){return this.mediaElement?.muted??false}_setMuted(t){this.mediaElement.muted=t}async play(){try{this._throwIfNotReadyForPlayback();await this._resetPlaybackIfEnded();return this.mediaElement?.play()}catch(t){const s=ot("vds-play-fail");s.autoplay=this._attemptingAutoplay;s.error=t;throw t}}async pause(){return this.mediaElement?.pause()}_getMediaType(){return Pe(this.state.currentSrc)}};Bs([ge()],Fe.prototype,"preload",2);var Ae=class extends Fe{static get styles(){return[Xs`:host{display:inline-block}:host([hidden]){display:none}`]}connectedCallback(){super.connectedCallback();this.dispatchEvent(ot("vds-view-type-change",{detail:"audio"}))}};gs("vds-audio",Ae);var De=Xs`:host{display:table;contain:content;user-select:none;cursor:pointer;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}:host(:focus){outline:0}:host(:focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}:host(.focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}`;var qe=class extends ce{constructor(){super();this.pressed=false;this.disabled=false;this._handleButtonClickCapture=ht(this,"click",(t=>{if(this.disabled){t.preventDefault();t.stopImmediatePropagation()}}),{capture:true});Xt(this);["pointerup","keydown"].forEach((t=>{ht(this,t,(t=>{if(this.disabled||ws(t)&&!ks(t)){return}this._handleButtonClick(t)}))}))}static get styles(){return[De]}static get parts(){return[]}connectedCallback(){super.connectedCallback();bs(this,"tabindex","0");bs(this,"role","button");this._updateAriaPressedAttr()}updated(t){if(t.has("pressed")){this._updateAriaPressedAttr()}}_updateAriaPressedAttr(){ms(this,"aria-pressed",this.pressed?"true":"false")}render(){return this._renderDefaultSlot()}_renderDefaultSlot(){return $`<slot></slot>`}_handleButtonClick(t){this.pressed=!this.pressed}};Bs([ge({type:Boolean})],qe.prototype,"pressed",2);Bs([ge({type:Boolean,reflect:true})],qe.prototype,"disabled",2);var Oe=class{constructor(t){if(t){this._target=t;this._createLogger(t);this._requests=es(t)}else{this._requests=new ss}}startLoading(t){this._dispatchRequest("vds-start-loading",{triggerEvent:t})}play(t){this._dispatchRequest("vds-play-request",{triggerEvent:t})}pause(t){this._dispatchRequest("vds-pause-request",{triggerEvent:t})}mute(t){this._dispatchRequest("vds-mute-request",{triggerEvent:t})}unmute(t){this._dispatchRequest("vds-unmute-request",{triggerEvent:t})}enterFullscreen(t,s){this._dispatchRequest("vds-enter-fullscreen-request",{triggerEvent:s,detail:t})}exitFullscreen(t,s){this._dispatchRequest("vds-exit-fullscreen-request",{triggerEvent:s,detail:t})}seeking(t,s){this._dispatchRequest("vds-seeking-request",{detail:t,triggerEvent:s})}seek(t,s){this._dispatchRequest("vds-seek-request",{detail:t,triggerEvent:s})}changeVolume(t,s){this._dispatchRequest("vds-volume-change-request",{detail:t,triggerEvent:s})}resumeUserIdle(t){this._dispatchRequest("vds-resume-user-idle-request",{triggerEvent:t})}pauseUserIdle(t){this._dispatchRequest("vds-pause-user-idle-request",{triggerEvent:t})}showPoster(t){this._dispatchRequest("vds-show-poster-request",{triggerEvent:t})}hidePoster(t){this._dispatchRequest("vds-hide-poster-request",{triggerEvent:t})}setTarget(t){if(this._target===t)return;this._target=t;if(t){this._createLogger(t);this._requests.start()}else{this._requests.stop()}}_dispatchRequest(t,s){this._requests.queue(t,(()=>{const e=ot(t,{...s,bubbles:true,composed:true});this._target?.dispatchEvent(e)}))}_createLogger(t){}};var Le=class extends qe{constructor(){super();this._mediaRemote=new Oe(this);js(this,"paused",(t=>{this.pressed=!t;ms(this,"paused",t)}))}connectedCallback(){super.connectedCallback();bs(this,"aria-label","Play")}_handleButtonClick(t){if(this.disabled)return;if(this.pressed){this._mediaRemote.pause(t)}else{this._mediaRemote.play(t)}}};gs("vds-play-button",Le);var Ve=class extends qe{constructor(){super();this._mediaRemote=new Oe(this);this._volume=1;this._muted=false;js(this,"volume",(t=>{this._volume=t;this._handleMutedChange()}));js(this,"muted",(t=>{this._muted=t;this._handleMutedChange()}))}connectedCallback(){super.connectedCallback();bs(this,"aria-label","Mute")}_handleMutedChange(){const t=this._muted||this._volume===0;this.pressed=t;ms(this,"muted",t)}_handleButtonClick(t){if(this.disabled)return;if(this.pressed){this._mediaRemote.unmute(t)}else{this._mediaRemote.mute(t)}}};gs("vds-mute-button",Ve);function Ne(){const t=os(false);const s=os(false);return{value:os(50),pointerValue:os(0),min:os(0),max:os(100),dragging:t,pointing:s,interactive:ds([t,s],(([t,s])=>t||s))}}var Re=pt(Ne);var je=Xs`*{box-sizing:border-box;touch-action:none}:host{display:block;contain:layout;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}:host(:focus){outline:0}:host(:focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}:host(.focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}`;var Ue=(t=>{t[t["Left"]=-1]="Left";t[t["ArrowLeft"]=-1]="ArrowLeft";t[t["Up"]=-1]="Up";t[t["ArrowUp"]=-1]="ArrowUp";t[t["Right"]=1]="Right";t[t["ArrowRight"]=1]="ArrowRight";t[t["Down"]=1]="Down";t[t["ArrowDown"]=1]="ArrowDown";return t})(Ue||{});var Ie=class extends ce{constructor(){super();this._sliderStoreProvider=Re.provide(this);this.disabled=false;this.value=50;this._step=1;this._keyboardStep=1;this.shiftKeyMultiplier=5;this.customValueText=false;this._mediaRemote=new Oe(this);this._disconnectDisposal=new nt;this._handlePointerEnter=ht(this,"pointerenter",(()=>{if(this.disabled)return;this.setAttribute("pointing","");this.store.pointing.set(true)}));this._handlePointerMove=ht(this,"pointermove",(t=>{if(this.disabled||this.isDragging)return;const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s);this._dispatchPointerValueChange(t)}));this._handlePointerLeave=ht(this,"pointerleave",(()=>{if(this.disabled)return;this.removeAttribute("pointing");this.store.pointing.set(false)}));this._handlePointerDown=ht(this,"pointerdown",(t=>{if(this.disabled)return;this._startDragging(t);this._onDrag(t)}));this._handleKeydown=ht(this,"keydown",(t=>{if(this.disabled)return;const{key:s,shiftKey:e}=t;const i=Object.keys(Ue).includes(s);if(!i)return;const r=!e?this.keyboardStep:this.keyboardStep*this.shiftKeyMultiplier;const n=Number(Ue[s]);const h=r*n;const a=(this.value+h)/this.step;const o=this.step*a;this.value=this._getClampedValue(o);this._dispatchValueChange(t)}));this._handleFillValueChange=ht(this,"vds-slider-value-change",this._updateFillCSSProps.bind(this));this._handlePointerValueChange=ht(this,"vds-slider-pointer-value-change",this._updatePointerCSSProps.bind(this));this._onDrag=$s((t=>{if(this.disabled||!this.isDragging)return;const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s);this._dispatchPointerValueChange(t)}));this._handleDocumentPointerUp=ht(this,"pointerup",(t=>{if(this.disabled||!this.isDragging)return;this._stopDragging(t)}),{target:document});this._handleDocumentTouchMove=ht(this,"touchmove",(t=>{if(this.disabled||!this.isDragging)return;t.preventDefault()}),{target:document,passive:false});this._handleDocumentPointerMove=ht(this,"pointermove",(t=>{if(this.disabled||!this.isDragging)return;this._onDrag(t)}),{target:document});this._lastDispatchedValue=this.value;this._dispatchValueChange=$s((t=>{if(this.value===this._lastDispatchedValue)return;this.dispatchEvent(ot("vds-slider-value-change",{detail:this.value,triggerEvent:t}));this._lastDispatchedValue=this.value}));this._lastDispatchedPointerValue=this.pointerValue;this._dispatchPointerValueChange=$s((t=>{if(this.pointerValue===this._lastDispatchedPointerValue)return;const s=["vds-slider-pointer-value-change",this.isDragging&&"vds-slider-drag-value-change"];s.forEach((s=>{if(s){this.dispatchEvent(ot(s,{detail:this.pointerValue,triggerEvent:t}))}}));this._lastDispatchedPointerValue=this.pointerValue}));Xt(this)}static get styles(){return[je]}static get parts(){return[]}get store(){return this._sliderStoreProvider.value}get min(){return ls(this.store.min)}set min(t){this.store.min.set(t)}get max(){return ls(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 ls(this.store.dragging)}get fillRate(){const t=this.max-this.min,s=this.value-this.min;return t>0?s/t:0}get fillPercent(){return this.fillRate*100}get pointerValue(){return ls(this.store.pointerValue)}get pointerRate(){const t=this.max-this.min,s=this.pointerValue-this.min;return t>0?s/t:0}get pointerPercent(){return this.pointerRate*100}connectedCallback(){super.connectedCallback();this._setupAriaAttrs();this._updateFillCSSProps();this._updatePointerCSSProps();this._disconnectDisposal.add(this.store.interactive.subscribe((t=>{ms(this,"interactive",t)})))}willUpdate(t){if(t.has("value")||t.has("min")||t.has("max")){this.value=this._getClampedValue(this.value);this.store.value.set(this.value);this._updateFillCSSProps();this._dispatchValueChange()}if(t.has("disabled")&&this.disabled){this.store.dragging.set(false);this.store.pointing.set(false);this.removeAttribute("dragging");this.removeAttribute("pointing");this.removeAttribute("interactive");ms(this,"aria-disabled",this.disabled)}if(!this.customValueText){this._updateAriaValueAttrs()}super.willUpdate(t)}disconnectedCallback(){this._onDrag.cancel();this._disconnectDisposal.empty();super.disconnectedCallback()}_updateFillCSSProps(){_s(this,"fill-value",`${this.value}`);_s(this,"fill-rate",`${this.fillRate}`);_s(this,"fill-percent",`${this.fillPercent}%`)}_updatePointerCSSProps(){_s(this,"pointer-value",`${this.pointerValue}`);_s(this,"pointer-rate",`${this.pointerRate}`);_s(this,"pointer-percent",`${this.pointerPercent}%`)}render(){return this._renderSlider()}_renderSlider(){return $`${this._renderDefaultSlot()}`}_renderDefaultSlot(){return $`<slot></slot>`}_setupAriaAttrs(){bs(this,"role","slider");bs(this,"tabindex","0");bs(this,"aria-orientation","horizontal");bs(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`${Wt(this.value/this.max*100,2)}%`}_startDragging(t){if(this.isDragging)return;this.store.dragging.set(true);this.setAttribute("dragging","");const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s);this._dispatchPointerValueChange(t);this.dispatchEvent(ot("vds-slider-drag-start",{triggerEvent:t,detail:this.value}));this._mediaRemote.pauseUserIdle(t)}_stopDragging(t){if(!this.isDragging)return;this.store.dragging.set(false);this._dispatchValueChange.cancel();this.removeAttribute("dragging");const s=this._getValueBasedOnThumbPosition(t);this.value=s;this.store.pointerValue.set(s);this._dispatchValueChange(t);this._dispatchPointerValueChange(t);this.dispatchEvent(ot("vds-slider-drag-end",{triggerEvent:t,detail:this.value}));this._mediaRemote.resumeUserIdle(t)}_getClampedValue(t){return Kt(this.min,Wt(t,Yt(this.step)),this.max)}_getValueFromRate(t){const s=Kt(0,t,1);const e=this.max-this.min;const i=e*s;const r=Math.round(i/this.step);const n=this.step*r;return this.min+n}_getValueBasedOnThumbPosition(t){const s=t.clientX;const{left:e,width:i}=this.getBoundingClientRect();const r=(s-e)/i;return this._getValueFromRate(r)}};Bs([ge({type:Number})],Ie.prototype,"min",1);Bs([ge({type:Number})],Ie.prototype,"max",1);Bs([ge({reflect:true,type:Boolean})],Ie.prototype,"disabled",2);Bs([ge({type:Number})],Ie.prototype,"value",2);Bs([ge({type:Number})],Ie.prototype,"step",1);Bs([ge({attribute:"keyboard-step",type:Number})],Ie.prototype,"keyboardStep",1);Bs([ge({attribute:"shift-key-multiplier",type:Number})],Ie.prototype,"shiftKeyMultiplier",2);Bs([ge({type:Boolean,attribute:"custom-value-text"})],Ie.prototype,"customValueText",2);var Be=Xs``;var He=class extends Ie{constructor(){super();this._step=.1;this.value=0;this.valueText="{currentTime} out of {duration}";this.pauseWhileDragging=false;this.seekingRequestThrottle=100;this.__mediaDuration=0;this.__mediaPaused=true;this._handleSliderDragStart=ht(this,"vds-slider-drag-start",(t=>{this._togglePlaybackWhileDragging(t)}));this._handleSliderValueChange=ht(this,"vds-slider-value-change",(t=>{if(ws(t.originEvent)){this._dispatchSeekingRequest.cancel();this._mediaRemote.seek(this.value,t)}}));this._handleSliderDragValueChange=ht(this,"vds-slider-drag-value-change",(t=>{this._dispatchSeekingRequest(t)}));this._handleSliderDragEnd=ht(this,"vds-slider-drag-end",(t=>{this._dispatchSeekingRequest.cancel();this._mediaRemote.seek(this.value,t);this._togglePlaybackWhileDragging(t)}));this._dispatchSeekingRequest=it((t=>{this._mediaRemote.seeking(this.value,t)}),this.seekingRequestThrottle);this._wasPlayingBeforeDragStart=false;js(this,"currentTime",(t=>{this.value=t}));js(this,"duration",(t=>{this.__mediaDuration=t;this.requestUpdate("max")}));js(this,"paused",(t=>{this.__mediaPaused=t}))}static get styles(){return[super.styles,Be]}connectedCallback(){super.connectedCallback();bs(this,"aria-label","Media time")}get min(){return 0}set min(t){}get max(){return this.__mediaDuration}set max(t){}update(t){if(t.has("disabled")&&this.disabled){this._dispatchSeekingRequest.cancel()}super.update(t)}disconnectedCallback(){this._dispatchSeekingRequest.cancel();super.disconnectedCallback()}_getValueMin(){return"0%"}_getValueNow(){return`${Math.round(this.fillPercent)}%`}_getValueText(){return this.valueText.replace("{currentTime}",Ms(this.value)).replace("{duration}",Ms(this.__mediaDuration))}_getValueMax(){return"100%"}_togglePlaybackWhileDragging(t){if(!this.pauseWhileDragging)return;if(this.isDragging&&!this.__mediaPaused){this._wasPlayingBeforeDragStart=true;this._mediaRemote.pause(t)}else if(this._wasPlayingBeforeDragStart&&!this.isDragging&&this.__mediaPaused){this._wasPlayingBeforeDragStart=false;this._mediaRemote.play(t)}}};Bs([ge({attribute:false,state:true})],He.prototype,"value",2);Bs([ge({attribute:false})],He.prototype,"min",1);Bs([ge({attribute:false})],He.prototype,"max",1);Bs([ge({attribute:"value-text"})],He.prototype,"valueText",2);Bs([ge({attribute:"pause-while-dragging",type:Boolean})],He.prototype,"pauseWhileDragging",2);Bs([ge({attribute:"seeking-request-throttle",type:Number})],He.prototype,"seekingRequestThrottle",2);Bs([me()],He.prototype,"__mediaDuration",2);Bs([me()],He.prototype,"__mediaPaused",2);gs("vds-time-slider",He);var We=class extends Ie{constructor(){super();this.value=100;this._handleSliderValueChange=ht(this,"vds-slider-value-change",this._changeVolume.bind(this));this._handleSliderDragValueChange=ht(this,"vds-slider-drag-value-change",this._changeVolume.bind(this));js(this,"volume",(t=>{this.value=t*100}))}connectedCallback(){super.connectedCallback();bs(this,"aria-label","Media volume")}get min(){return 0}set min(t){}get max(){return 100}set max(t){}_changeVolume(t){const s=t.detail;const e=Wt(s/100,3);this._mediaRemote.changeVolume(e,t)}};Bs([ge({attribute:false})],We.prototype,"min",1);Bs([ge({attribute:false})],We.prototype,"max",1);Bs([ge({attribute:false,state:true})],We.prototype,"value",2);gs("vds-volume-slider",We);var Ke=class extends ce{constructor(){super(...arguments);this._disposal=new nt;this._sliderStoreConsumer=Re.consume(this);this.__value=0;this.type="current";this.showHours=false;this.padHours=false;this.decimalPlaces=2}static get styles(){return[Xs`:host{display:inline-block;contain:content}:host([hidden]){display:none}`]}get _sliderStore(){return this._sliderStoreConsumer.value}connectedCallback(){super.connectedCallback();this._handleTypeChange()}update(t){if(t.has("type")||t.has("format")){this._handleTypeChange()}super.update(t)}disconnectedCallback(){this._disposal.empty();super.disconnectedCallback()}render(){return $`${this._getValueText()}`}_handleTypeChange(){this._disposal.empty();const t=this._sliderStore[this.type==="current"?"value":"pointerValue"];const s=this.format==="percent"?this._createPercentStore(t):t;const e=s.subscribe((t=>{this.__value=t}));this._disposal.add(e)}_createPercentStore(t){return ds([t,this._sliderStore.min,this._sliderStore.max],(([t,s,e])=>{const i=e-s;return t/i*100}))}_getValueText(){switch(this.format){case"percent":return this._getPercentFormat();case"time":return this._getTimeFormat();default:return`${this.__value}`}}_getPercentFormat(){return`${Wt(this.__value,this.decimalPlaces)}%`}_getTimeFormat(){return Ss(this.__value,this.padHours,this.showHours)}};Bs([me()],Ke.prototype,"__value",2);Bs([ge()],Ke.prototype,"type",2);Bs([ge()],Ke.prototype,"format",2);Bs([ge({attribute:"show-hours",type:Boolean})],Ke.prototype,"showHours",2);Bs([ge({attribute:"pad-hours",type:Boolean})],Ke.prototype,"padHours",2);Bs([ge({attribute:"decimal-places",type:Number})],Ke.prototype,"decimalPlaces",2);gs("vds-slider-value-text",Ke);var Ye=class extends ce{constructor(){super(...arguments);this._disposal=new nt;this._mediaStoreConsumer=Rs.consume(this);this.__seconds=0;this.type="current";this.showHours=false;this.padHours=false;this.remainder=false}static get styles(){return[Xs`:host{display:inline-block;contain:content}:host([hidden]){display:none}`]}get _mediaStore(){return this._mediaStoreConsumer.value}connectedCallback(){super.connectedCallback();this._handleTypeChange()}update(t){if(t.has("type")||t.has("remainder")){this._handleTypeChange()}super.update(t)}disconnectedCallback(){this._disposal.empty();super.disconnectedCallback()}render(){return $`${this._getFormattedTime()}`}_handleTypeChange(){this._disposal.empty();const t=this._getTypeStore();const s=(this.remainder?this._createRemainderStore(t):t).subscribe((t=>{this.__seconds=t}));this._disposal.add(s)}_getTypeStore(){switch(this.type){case"buffered":return this._mediaStore.bufferedAmount;case"seekable":return this._mediaStore.seekableAmount;case"duration":return this._mediaStore.duration;default:return this._mediaStore.currentTime}}_createRemainderStore(t){return ds([t,this._mediaStore.duration],(([t,s])=>Math.max(0,s-t)))}_getFormattedTime(){return Ss(this.__seconds,this.padHours,this.showHours)}};Bs([me()],Ye.prototype,"__seconds",2);Bs([ge()],Ye.prototype,"type",2);Bs([ge({attribute:"show-hours",type:Boolean})],Ye.prototype,"showHours",2);Bs([ge({attribute:"pad-hours",type:Boolean})],Ye.prototype,"padHours",2);Bs([ge({type:Boolean})],Ye.prototype,"remainder",2);gs("vds-time",Ye);const Ze=()=>`.sc-stzh-audio-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-audio-h,[stzh-hidden].sc-stzh-audio-h{display:none}.sc-stzh-audio-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-audio-h *.sc-stzh-audio,.sc-stzh-audio-h *.sc-stzh-audio::before,.sc-stzh-audio-h *.sc-stzh-audio::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-audio-h .has-focus.sc-stzh-audio{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-audio-h .stzh-fylingfocus-focused.sc-stzh-audio{outline-style:none !important}.sc-stzh-audio-h .stzh-fylingfocus-focused.sc-stzh-audio::-moz-focus-inner{border:0 !important}.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript],.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript]{margin:0}.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript],.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript] br,.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript],.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript] br,.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript],.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript] br,.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript],.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript] br,.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{margin-bottom:var(--stzh-space-xxlarge)}}.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript],.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript] br,.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{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)}@media screen and (min-width: 600px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-left:var(--stzh-space-xxlarge)}}.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-right:var(--stzh-space-xxlarge)}}.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-small)}}.stzh-audio__controls.sc-stzh-audio{padding-top:var(--stzh-space-large);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)}.stzh-audio__controls-bottom.sc-stzh-audio{display:flex;flex-direction:column;align-items:stretch}@media screen and (min-width: 600px){.stzh-audio__controls-bottom.sc-stzh-audio{flex-direction:row;align-items:center}}.stzh-audio__controls-bottom-left.sc-stzh-audio{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-audio__controls-bottom-left.sc-stzh-audio{flex-grow:1;margin-bottom:0}}.stzh-audio__controls-bottom-right.sc-stzh-audio{align-self:flex-end}.stzh-audio__transcript.sc-stzh-audio{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@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)}@media screen and (min-width: 600px){.stzh-audio__transcript.sc-stzh-audio{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-audio__transcript.sc-stzh-audio{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-audio__transcript.sc-stzh-audio{padding-top:var(--stzh-space-xxlarge)}}.stzh-audio__transcript.sc-stzh-audio{padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-audio__transcript.sc-stzh-audio{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-audio__transcript.sc-stzh-audio{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-audio__transcript.sc-stzh-audio{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-audio__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)}.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:none;border-radius:var(--stzh-button-border-radius);transition-duration:var(--stzh-base-transition-animation-speed);transition-property:color, background-color;color:var(--stzh-color-primary70)}.stzh-audio__button.sc-stzh-audio:hover{color:var(--stzh-color-primary80);background-color:var(--stzh-color-secondary20)}.stzh-audio__loader-overlay.sc-stzh-audio{display:grid;place-items:center;position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;background-color:var(--stzh-color-white);opacity:0;visibility:hidden}.stzh-audio__time.sc-stzh-audio{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-color-grey70);display:inline-flex;margin-right:var(--stzh-space-xlarge)}.stzh-audio__time-separator.sc-stzh-audio{margin:0 var(--stzh-space-xxsmall)}.stzh-audio__slider.sc-stzh-audio{--height:1rem;--thumb-width:1rem;--track-height:0.375rem;cursor:pointer;display:flex;align-items:center;height:var(--height)}.stzh-audio__slider.is-time.sc-stzh-audio{flex-grow:1}.stzh-audio__slider.is-volume.sc-stzh-audio{--track-height:0.25rem;flex-grow:1;min-width:5rem;max-width:7.5rem}@media screen and (min-width: 600px){.stzh-audio__slider.is-volume.sc-stzh-audio{display:flex;margin-right:auto}}.stzh-audio__slider-track.sc-stzh-audio{width:100%;height:var(--track-height);position:absolute;top:50%;left:0;z-index:0;transform:translateY(-50%);background-color:var(--stzh-color-black20op);transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-audio__slider.sc-stzh-audio:hover .stzh-audio__slider-track.sc-stzh-audio{background-color:var(--stzh-color-black30op)}.stzh-audio__slider-track.is-fill.sc-stzh-audio{background-color:var(--stzh-color-secondary40);transform-origin:left center;transform:translateY(-50%);width:calc(var(--vds-fill-rate) * 100%);z-index:1}.stzh-audio__slider.sc-stzh-audio:hover .stzh-audio__slider-track.is-fill.sc-stzh-audio{background-color:var(--stzh-color-secondary50)}.stzh-audio__slider.is-volume.sc-stzh-audio .stzh-audio__slider-track.sc-stzh-audio,.stzh-audio__slider.is-volume.sc-stzh-audio:hover .stzh-audio__slider-track.sc-stzh-audio{background-color:var(--stzh-color-black20op)}.stzh-audio__slider.is-volume.sc-stzh-audio .stzh-audio__slider-track.is-fill.sc-stzh-audio,.stzh-audio__slider.is-volume.sc-stzh-audio:hover .stzh-audio__slider-track.is-fill.sc-stzh-audio{background-color:var(--stzh-color-black50op)}.stzh-audio__slider-thumb-container.sc-stzh-audio{opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);position:absolute;top:0;left:var(--vds-fill-percent);width:var(--thumb-width);height:100%;transform:translateX(-50%);z-index:2}.stzh-audio__slider-thumb-container.is-shown.sc-stzh-audio{opacity:1}.stzh-audio__slider.sc-stzh-audio:hover .stzh-audio__slider-thumb-container.sc-stzh-audio{opacity:1}.stzh-audio__slider[dragging].sc-stzh-audio .stzh-audio__slider-thumb-container.sc-stzh-audio{opacity:1;left:var(--vds-pointer-percent)}.stzh-audio__slider-thumb.sc-stzh-audio{position:absolute;top:50%;left:0;width:var(--thumb-width);height:var(--thumb-width);border-radius:50%;background-color:var(--stzh-color-white);border:0.125rem solid var(--stzh-color-primary70);transform:translateY(-50%)}.stzh-audio__media-preview-container.sc-stzh-audio{--width:2.625rem;--width-half:calc(var(--width) / 2);--top:-1.5rem;--left-clamp:max(var(--width-half), var(--vds-pointer-percent));--right-clamp:calc(100% - var(--width-half));--left:min(var(--left-clamp), var(--right-clamp))}@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)}.stzh-audio__slider.is-time.sc-stzh-audio .stzh-audio__media-preview-container.sc-stzh-audio,.stzh-audio__slider.is-volume.sc-stzh-audio .stzh-audio__media-preview-container.sc-stzh-audio{width:auto;padding:var(--stzh-space-xxsmall)}.stzh-audio__slider[pointing].sc-stzh-audio .stzh-audio__media-preview-container.sc-stzh-audio{opacity:1}.stzh-audio__slider-text.sc-stzh-audio{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-audio[hide-ui].sc-stzh-audio .stzh-audio__controls.sc-stzh-audio{opacity:0;visibility:hidden}.stzh-audio[autoplay-error].sc-stzh-audio .stzh-audio__controls.sc-stzh-audio{opacity:1}.stzh-audio.sc-stzh-audio:not([can-play]) .stzh-audio__loader-overlay.sc-stzh-audio,.stzh-audio[waiting].sc-stzh-audio .stzh-audio__loader-overlay.sc-stzh-audio{opacity:0.8;visibility:visible}.stzh-audio[paused].sc-stzh-audio .stzh-audio__paused.sc-stzh-audio{display:none}.stzh-audio.sc-stzh-audio:not([paused]) .stzh-audio__played.sc-stzh-audio{display:none}.stzh-audio[muted].sc-stzh-audio .stzh-audio__muted.sc-stzh-audio{display:none}.stzh-audio.sc-stzh-audio:not([muted]) .stzh-audio__unmuted.sc-stzh-audio{display:none}`;const Je=class{constructor(e){t(this,e);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=false}async play(){this.vsdAudioElement.play()}async pause(){this.vsdAudioElement.pause()}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"audio")}}render(){const t=!!this.transcript||h(this.element,"transcript");const s={"stzh-audio":true};return e(i,{key:"8361a83b6bd50e1a0fe59c55e2848cc60d688d21"},e("vds-media",{key:"d6c5371cc1b5f0672cd8ca9b3aa3fbda9aadbea4",class:s},e("vds-audio",{key:"af7f3b7d0ca30503070bc37ab2d136e42965f251",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})}},e("audio",{key:"bcbbb1ed781c2982ac8e89a15442ddfa8fc76a09",preload:this.preload,src:this.src},e("slot",{key:"128445964b743a24437b53099f52bc42d1e0669e"}))),e("div",{key:"eb4281adb342b3b14d00832ca04e255469384595",class:"stzh-audio__controls"},e("div",{key:"9a42265370f443948e082bde08bb48b8451c3672",class:"stzh-audio__loader-overlay"},e("stzh-loader",{key:"7313c40d88350168a185cff2e4bbfa7d458a2a9c",class:"stzh-audio__loader",label:this.localization.loading,"hide-label":true})),e("div",{key:"c23a5737b88a58ce2e79bdae526bbbedf103d15b",class:"stzh-audio__controls-top"},e("vds-time-slider",{key:"95c033d7c30a6ff5a450ead26a2598c6b3d85199",class:"stzh-audio__slider is-time"},e("div",{key:"14f6b1f040c7ceb3fa5a4a322c3d4e65145b7413",class:"stzh-audio__slider-track"}),e("div",{key:"eca9e73df2bd8712645ac5febc4a0898818af526",class:"stzh-audio__slider-track is-fill"}),e("div",{key:"b24488121af146021a996d75b01fd2e28ef5757f",class:"stzh-audio__slider-thumb-container"},e("div",{key:"55e150122460288f7d0f4e39edc6bb7f911676c1",class:"stzh-audio__slider-thumb"})),e("div",{key:"e77363adb1c78f59f4d50864174d819bd8def218",class:"stzh-audio__media-preview-container"},e("vds-slider-value-text",{key:"8d25cc228b8fa4bfd508cbb18e0aeeef18d5f0a5",class:"stzh-audio__slider-text",type:"pointer",format:"time"})))),e("div",{key:"d00ca9564e3302b0ebaffd74450b2b31dacf404c",class:"stzh-audio__controls-bottom"},e("div",{key:"c00929e52a95f612622cca4260b0da60df44b7c7",class:"stzh-audio__controls-bottom-left"},e("stzh-tooltip",{key:"dd1886adf9b2b7fc466d8b37e8f206a4459ea253"},e("vds-play-button",{key:"3e67bfe75ab0a5297e5de0be2c2aac3255cfb19c",class:"stzh-audio__button is-play"},e("stzh-icon",{key:"063bd3a592eadc71997c9dab701a91af64c82830",class:"stzh-audio__played",name:"play"}),e("stzh-icon",{key:"454fcba510fb194f6e5b7be868a5cd94cf9b4ba0",class:"stzh-audio__paused",name:"pause"})),e("span",{key:"6b6b9fa2982fb579c9f741267b9fe753b93f7139",slot:"content"},e("span",{key:"95a765c8a24aea7514554608cd0e1ea69a4d4425",class:"stzh-audio__played"},this.localization.play),e("span",{key:"248c401e7ee10b642e50fa24fbc34e306bc71b98",class:"stzh-audio__paused"},this.localization.pause))),e("div",{key:"ce19c304ab6d55eafbefe92f30c0c36351137c39",class:"stzh-audio__time"},e("vds-time",{key:"199a1194ece926acbba4a934135fb490b71e363e",type:"current"}),e("span",{key:"f0b27e9bbd51556508023cc0c9b70ff9c4a7c4b7",class:"stzh-audio__time-separator"},"/"),e("vds-time",{key:"9c1bec301169adb57df045a29d2efcd0f0fa0355",type:"duration"})),e("stzh-tooltip",{key:"fa097b3c43be907e52d0ce2e7ab1d70a19473bc0"},e("vds-mute-button",{key:"6e8726ab01b97197fe935bca8f9207a6f4d46b71",class:"stzh-audio__button is-mute"},e("stzh-icon",{key:"2ec4420ae2c43ef76a09563238fc7f20f9b96830",class:"stzh-audio__muted",name:"volume-medium"}),e("stzh-icon",{key:"4e73eda10f99a0f40632ff63a9b5f2fe59625f69",class:"stzh-audio__unmuted",name:"silent-mode"})),e("span",{key:"4ba722fe77142da73b0036ae8d764fca72c95a71",slot:"content"},e("span",{key:"2a25838656a548b8622de0245c5ae7ebe9b3ce54",class:"stzh-audio__muted"},this.localization.mute),e("span",{key:"e38c9e030053f010b8b4061067c07bf576020e6d",class:"stzh-audio__unmuted"},this.localization.unmute))),e("vds-volume-slider",{key:"0f4124b250074952a38b1924faa72fa121c39738",class:"stzh-audio__slider is-volume"},e("div",{key:"1e297bda204812e337fba00e1dc49a1278518d1c",class:"stzh-audio__slider-track"}),e("div",{key:"24a59d20765e4ccd149e628cb406242de52777f8",class:"stzh-audio__slider-track is-fill"}),e("div",{key:"c755f35d4e047872b3e620960718334ea2cc5ca5",class:"stzh-audio__slider-thumb-container is-shown"},e("div",{key:"e23207c636ee20063501b2848dcaef111f9dddf5",class:"stzh-audio__slider-thumb"})),e("div",{key:"8c91e93b6f3ecd36084b7cfdbd3ce46547cdf849",class:"stzh-audio__media-preview-container"},e("vds-slider-value-text",{key:"9d7f73f929dc730aa9ba476cd0bb9dc41bb770d1",class:"stzh-audio__slider-text",type:"pointer",format:"percent"})))),e("div",{key:"2de6fb8de8b753f90ae72efc7e039be292aaaf31",class:"stzh-audio__controls-bottom-right"},t&&e("stzh-tooltip",{key:"39bce09ffc2dae3bbecadd009140319dcf4d09e3",content:this.transcriptShown?this.localization.hideTranscript:this.localization.showTranscript},e("button",{key:"98d7f589b9198c7e052dd05b23dc9d4966b1a095",class:{"stzh-audio__button is-transcript":true,"is-active":this.transcriptShown},onClick:()=>this.transcriptShown=!this.transcriptShown,"s-object-id":this.transcriptAnalyticsId||(this.transcriptShown?this.localization.hideTranscript:this.localization.showTranscript)},e("stzh-icon",{key:"356114941a12d0e681008da6d40ef4c071538678",name:"transcript"}))),e("stzh-tooltip",{key:"acea2a26dc128e176a411ec66d10450820069b32",content:this.localization.download},e("a",{key:"db535f83078c28646b89c2e071e09ef9daa70c04",class:"stzh-audio__button is-download",href:this.src,download:"","s-object-id":this.downloadAnalyticsId||this.localization.download},e("stzh-icon",{key:"778df42624a7ae57ff882de24dc2cd559c25501e",name:"download"})))))),e("div",{key:"ce3812b80cd1fcf6b7f0b8d5ea9f02cfc3a15ca6",class:"stzh-audio__transcript",hidden:!this.transcriptShown},this.transcript?this.transcript:e("slot",{name:"transcript"}))))}get element(){return r(this)}};Je.style=Ze();export{Je as stzh_audio};
-//# sourceMappingURL=p-8bf42c5e.entry.js.map
+ */}function me(t){return ge({...t,state:true})}var be=Symbol("@vidstack/media-provider-discovery");var _e=class extends ce{constructor(){super();this._disconnectDisposal=new nt;this._logger=void 0;this.loading="visible";this._attemptingAutoplay=false;this.controllerQueue=new ss;this._store=Os();this._state=fs(this._store);this.connectedQueue=es(this);this.mediaQueue=new ss;this.screenOrientationController=new is(this);this.fullscreenController=new Zt(this,this.screenOrientationController);Pt(this,"vds-media-provider-connect",{register:be});const t=Gt(this,{target:this,threshold:0},(s=>{if(!/(visible|lazy)/.test(this.loading)){t.hostDisconnected();return}if(s[0]?.isIntersecting){this.startLoadingMedia();t.hostDisconnected()}}))}connectedCallback(){super.connectedCallback();this._logMediaEvents();window.requestAnimationFrame((()=>{if(zt(this.canLoadPoster)){this.canLoadPoster=true}}))}firstUpdated(t){super.firstUpdated(t);this.dispatchEvent(ot("vds-fullscreen-support-change",{detail:this.canFullscreen}));if(this.canLoad||this.loading==="eager"){window?.requestAnimationFrame((()=>{this.startLoadingMedia()}))}else if(this.loading==="idle"){ys((()=>{this.startLoadingMedia()}))}}render(){return $`<slot @slotchange="${this.handleDefaultSlotChange}"></slot>`}disconnectedCallback(){this._updateMediaStoreOnDisconnect(this._store);this.mediaQueue.destroy();this._disconnectDisposal.empty();super.disconnectedCallback();ps((()=>{ps((()=>{if(!this.isConnected)this.destroy()}))}))}_updateMediaStoreOnDisconnect(t){t.paused.set(true);t.playing.set(false);t.seeking.set(false);t.waiting.set(false);t.fullscreen.set(false)}destroy(){if(this.isConnected)this.disconnectedCallback();this.dispatchEvent(ot("vds-destroy"))}_logMediaEvents(){}get volume(){return this._getVolume()}set volume(t){this.mediaQueue.queue("volume",(()=>{const s=this.volume;const e=Kt(0,t,1);if(s!==e){this._setVolume(e);this.requestUpdate("volume",s)}}))}get paused(){return this._getPaused()}set paused(t){this.mediaQueue.queue("paused",(()=>{if(this.paused===t)return;try{if(!t){this.play()}else{this.pause()}this.requestUpdate("paused",!t)}catch(t){this._logger?.error("paused-change-fail",t)}}))}get currentTime(){return this._getCurrentTime()}set currentTime(t){this.mediaQueue.queue("current-time",(()=>{const s=this.currentTime;if(s!==t){this._setCurrentTime(t);this.requestUpdate("currentTime",s)}}))}get muted(){return this._getMuted()}set muted(t){this.mediaQueue.queue("muted",(()=>{const s=this.muted;if(s!==t){this._setMuted(t);this.requestUpdate("muted",s)}}))}get poster(){return this.state.poster}set poster(t){const s=this.poster;if(s!==t){this.dispatchEvent(ot("vds-poster-change",{detail:t}));this.requestUpdate("poster",s)}}get loop(){return this.state.loop}set loop(t){const s=this.loop;if(s!==t){this.dispatchEvent(ot("vds-loop-change",{detail:t}));this.requestUpdate("loop",s)}}get controls(){return this.state.controls}set controls(t){const s=this.controls;if(s!==t){this.dispatchEvent(ot("vds-controls-change",{detail:t}));this.requestUpdate("controls",s)}}get canLoad(){return this.state.canLoad}startLoadingMedia(){if(this.state.canPlay)return;this.dispatchEvent(ot("vds-can-load"))}_throwIfNotReadyForPlayback(){if(!this.state.canPlay){throw Error(`Media is not ready - wait for \`vds-can-play\` event.`)}}async _resetPlaybackIfEnded(){if(!this.state.ended||this.state.currentTime===0)return;return this._setCurrentTime(0)}_throwIfNotVideoView(){if(this.state.viewType!=="video"){throw Error("Player is currently not in a video view.")}}async _handleMediaReady({event:t,duration:s}){if(this.state.canPlay)return;this.dispatchEvent(ot("vds-can-play",{triggerEvent:t,detail:{duration:s}}));this.mediaQueue.start();await this._attemptAutoplay()}_handleCurrentSrcChange(t,s){if(this.state.currentSrc===t)return;this.mediaQueue.stop();this.dispatchEvent(ot("vds-current-src-change",{detail:t,triggerEvent:s}))}get autoplay(){return this.state.autoplay}set autoplay(t){if(this.autoplay!==t){this.dispatchEvent(ot("vds-autoplay-change",{detail:t}));this.requestUpdate("autoplay",!t)}this._attemptAutoplay()}get _canAttemptAutoplay(){return this.state.canPlay&&this.state.autoplay&&!this.state.started}async _attemptAutoplay(){if(!this._canAttemptAutoplay)return;this._attemptingAutoplay=true;try{await this.play();this.dispatchEvent(ot("vds-autoplay",{detail:{muted:this.muted}}))}catch(t){this.dispatchEvent(ot("vds-autoplay-fail",{detail:{muted:this.muted,error:t}}));this.requestUpdate()}this._attemptingAutoplay=false}get controller(){return this._controller}get logLevel(){return this._controller?.logLevel??"silent"}set logLevel(t){}get idleDelay(){return this._controller?.idleDelay??0}set idleDelay(t){this.controllerQueue.queue("idle-delay",(()=>{this._controller.idleDelay=t}))}attachMediaController(t,s){this._controller=t;this._store=t._store;this._state=t.state;this.controllerQueue.start();s((()=>{this.controllerQueue.destroy();this._store=Os();this._state=fs(this._store);if(this._controller){cs(this._controller._store,this._store);this._updateMediaStoreOnDisconnect(this._controller._store)}this._controller=void 0}))}dispatchEvent(t){if(!this._controller&&t.type.startsWith("vds-")&&t.type!=="vds-destroy"){this.controllerQueue.queue(t.type,(()=>{super.dispatchEvent(t)}));return false}return super.dispatchEvent(t)}store(){return this._store}get state(){return this._state}get canFullscreen(){return this.fullscreenController.isSupported}get fullscreen(){return this.fullscreenController.isFullscreen}get fullscreenOrientation(){return this.fullscreenController.screenOrientationLock}set fullscreenOrientation(t){const s=this.fullscreenController.screenOrientationLock;if(s!==t){this.fullscreenController.screenOrientationLock=t;this.requestUpdate("fullscreen-orientation",s)}}enterFullscreen(){return this.fullscreenController.enterFullscreen()}exitFullscreen(){return this.fullscreenController.exitFullscreen()}};Bs([ge({type:Number})],_e.prototype,"volume",1);Bs([ge({type:Boolean})],_e.prototype,"paused",1);Bs([ge({type:Number})],_e.prototype,"currentTime",1);Bs([ge({type:Boolean})],_e.prototype,"muted",1);Bs([ge()],_e.prototype,"poster",1);Bs([ge({type:Boolean})],_e.prototype,"loop",1);Bs([ge({type:Boolean})],_e.prototype,"controls",1);Bs([me()],_e.prototype,"canLoadPoster",2);Bs([ge({attribute:"loading"})],_e.prototype,"loading",2);Bs([ge({type:Boolean})],_e.prototype,"autoplay",1);Bs([ge({attribute:"log-level"})],_e.prototype,"logLevel",1);Bs([ge({attribute:"idle-delay",type:Number})],_e.prototype,"idleDelay",1);Bs([ge({attribute:"fullscreen-orientation"})],_e.prototype,"fullscreenOrientation",1);var ze=class{constructor(t,s){this._host=t;this._mediaStore=s;this._idle=false;this._mediaPaused=false;this._idlingPaused=false;this._disposal=new nt;this.delay=2e3;t.addController(this)}get paused(){return this._idlingPaused||this._mediaPaused}set paused(t){this._idlingPaused=t;this._handleIdleChange()}hostConnected(){this._disposal.add(this._mediaStore.paused.subscribe((t=>{this._mediaPaused=t;this._handleIdleChange()})));const t=["pointerdown","pointermove","focus","keydown"];t.forEach((t=>{const s=rt(this._host,t,this._handleIdleChange.bind(this));this._disposal.add(s)}))}hostDisconnected(){this._disposal.empty();this._stopIdleTimer()}_handleIdleChange(){if(this.paused){this._stopIdleTimer()}else{this._startIdleTimer()}}_startIdleTimer(){this._stopIdleTimer();this._idleTimeout=window.setTimeout((()=>{this._dispatchIdleChange(!this.paused)}),this.delay)}_stopIdleTimer(){window.clearTimeout(this._idleTimeout);this._dispatchIdleChange(false)}_dispatchIdleChange(t){if(this._idle!==t){this._host.dispatchEvent(ot("vds-user-idle-change",{detail:t}));this._idle=t}}};var ye=class{constructor(t){this._host=t;this._disconnectDisposal=new nt;this.providerQueue=new ss;this.providerDisposal=new nt;this._logController=void 0;this._logger=void 0;this._providerContext=Ts.provide(this._host);this._mediaStoreProvider=Rs.provide(this._host);this.state=fs(this._store);this._userIdleController=new ze(this._host,this._store);this._handleIdleChange=ht(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=ht(this._host,"vds-start-loading",this._createMediaRequestHandler("loading",(t=>{if(this.state.canLoad)return;this._pendingMediaRequests.loading.push(t);this._provider.startLoadingMedia()})));this._handleMuteRequest=ht(this._host,"vds-mute-request",this._createMediaRequestHandler("muted",(t=>{if(this.state.muted)return;this._pendingMediaRequests.volume.push(t);this.provider.muted=true})));this._handleUnmuteRequest=ht(this._host,"vds-unmute-request",this._createMediaRequestHandler("muted",(t=>{if(!this.state.muted)return;this._pendingMediaRequests.volume.push(t);this.provider.muted=false;if(this.state.volume===0){this._pendingMediaRequests.volume.push(t);this.provider.volume=.25}})));this._handlePlayRequest=ht(this._host,"vds-play-request",this._createMediaRequestHandler("paused",(t=>{if(!this.state.paused)return;this._pendingMediaRequests.play.push(t);this.provider.paused=false})));this._handlePauseRequest=ht(this._host,"vds-pause-request",this._createMediaRequestHandler("paused",(t=>{if(this.state.paused)return;this._pendingMediaRequests.pause.push(t);this.provider.paused=true})));this._isSeekingRequestPending=false;this._handleSeekingRequest=ht(this._host,"vds-seeking-request",this._createMediaRequestHandler("seeking",(t=>{this._stopWaiting();this._pendingMediaRequests.seeking.push(t);this._isSeekingRequestPending=true;this._store.seeking.set(true)})));this._handleSeekRequest=ht(this._host,"vds-seek-request",this._createMediaRequestHandler("seeking",(t=>{if(this.store.ended){this._isReplay=true}this._pendingMediaRequests.seeked.push(t);this._isSeekingRequestPending=false;let s=t.detail;if(this.state.duration-t.detail<.25){s=this.state.duration}this.provider.currentTime=s})));this._handleVolumeChangeRequest=ht(this._host,"vds-volume-change-request",this._createMediaRequestHandler("volume",(t=>{const s=t.detail;if(this.state.volume===s)return;this._pendingMediaRequests.volume.push(t);this.provider.volume=s;if(s>0&&this.state.muted){this._pendingMediaRequests.volume.push(t);this.provider.muted=false}})));this._handleEnterFullscreenRequest=ht(this._host,"vds-enter-fullscreen-request",this._createMediaRequestHandler("fullscreen",(async t=>{if(this.state.fullscreen)return;const s=t.detail??"media";if(s==="media"&&this._host.canFullscreen){this._pendingMediaRequests.fullscreen.push(t);await(this._host.enterFullscreen?.())}else if(this.provider){this._pendingMediaRequests.fullscreen.push(t);await this.provider.enterFullscreen()}})));this._handleExitFullscreenRequest=ht(this._host,"vds-exit-fullscreen-request",this._createMediaRequestHandler("fullscreen",(async t=>{if(!this.state.fullscreen)return;const s=t.detail??"media";if(s==="media"&&this._host.canFullscreen){this._pendingMediaRequests.fullscreen.push(t);await(this._host.exitFullscreen?.())}else if(this.provider){this._pendingMediaRequests.fullscreen.push(t);await this.provider.exitFullscreen()}})));this._handleResumeIdlingRequest=ht(this._host,"vds-resume-user-idle-request",(t=>{if(!this._mediaRequestEventGateway(t))return;this._pendingMediaRequests.userIdle.push(t);this._userIdleController.paused=false}));this._handlePauseIdlingRequest=ht(this._host,"vds-pause-user-idle-request",(t=>{if(!this._mediaRequestEventGateway(t))return;this._pendingMediaRequests.userIdle.push(t);this._userIdleController.paused=true}));this._handleShowPosterRequest=ht(this._host,"vds-show-poster-request",this._createMediaRequestHandler("poster",(()=>{this._provider.canLoadPoster=true})));this._handleHidePosterRequest=ht(this._host,"vds-hide-poster-request",this._createMediaRequestHandler("poster",(()=>{this._provider.canLoadPoster=false})));this._handleLoopRequest=this._createMediaRequestHandler("loop",(()=>{window.requestAnimationFrame((async()=>{try{this._isLooping=true;this._isReplay=true;await this._provider.play()}catch(t){this._isReplay=false;this._isLooping=false}}))}));this._handleFullscreenChange=ht(this._host,"vds-fullscreen-change",(t=>{this._store.fullscreen.set(t.detail);if(t.target!==this._host)return;this._satisfyMediaRequest("fullscreen",t);this._provider?.dispatchEvent(ot("vds-fullscreen-change",{detail:t.detail,triggerEvent:t}))}));this._handleFullscreenError=ht(this._host,"vds-fullscreen-error",(t=>{if(t.target!==this._host)return;this._satisfyMediaRequest("fullscreen",t);this._provider?.dispatchEvent(ot("vds-fullscreen-error",{detail:t.detail,triggerEvent:t}))}));this._isReplay=false;this._isLooping=false;this._firingWaiting=false;this._mediaEvents=[];this._handleSeeking=it((t=>{this._mediaEvents.push(t);this._store.seeking.set(true);this._store.currentTime.set(t.detail);this._satisfyMediaRequest("seeking",t)}),150,{leading:true});this._fireWaiting=X((()=>{if(!this._originalWaitingEvent)return;this._firingWaiting=true;const t=ot("vds-waiting",this._originalWaitingEvent);this._mediaEvents.push(t);this._store.waiting.set(true);this._store.playing.set(false);this._provider?.dispatchEvent(t);this._originalWaitingEvent=void 0;this._firingWaiting=false}),300);this._skipInitialSrcChange=true;Tt(t,be,((t,s)=>{this.attachMediaProvider(t,s)}));t.addController({hostConnected:()=>{if(!this.state.canPlay){this._host.setAttribute("aria-busy","true")}},hostDisconnected:()=>{this._clearMediaStateTracking();this._clearPendingMediaRequests();this.providerQueue.destroy();this.providerDisposal.empty();this._skipInitialSrcChange=true;this._disconnectDisposal.empty()}})}get logLevel(){return this._logController?.logLevel??"silent"}set logLevel(t){}get provider(){return this._provider}attachMediaProvider(t,s){if(!yt(this.provider)||this.provider===t)return;this._handleMediaProviderDisconnect();this._provider=t;this._providerContext.value.set(t);cs(this._provider._store,this._store);this._attachMediaEventListeners();t.attachMediaController(this,(t=>this._disconnectDisposal.add(t)));this._flushMediaProviderConnectedQueue();s(this._handleMediaProviderDisconnect.bind(this))}_handleMediaProviderDisconnect(){if(yt(this.provider))return;this._stopWaiting();this.providerQueue.destroy();this.providerDisposal.empty();this._provider=void 0;this._providerContext.value.set(void 0);Ns(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(){rs(this._pendingMediaRequests).forEach((t=>{this._pendingMediaRequests[t]=[]}))}_satisfyMediaRequest(t,s){const e=this._pendingMediaRequests[t].shift();if(e){s.requestEvent=e;lt(s,e)}}_mediaRequestEventGateway(t){t.stopPropagation();return true}_createMediaRequestHandler(t,s){return e=>{if(!this._mediaRequestEventGateway(e))return;if(this._provider){s(e);return}this.providerQueue.queue(t,(()=>{s(e)}))}}_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 rs(t)){const e=t[s].bind(this);this.providerDisposal.add(rt(this._provider,s,e))}}_clearMediaStateTracking(){this._isReplay=false;this._isLooping=false;this._firingWaiting=false;this._originalWaitingEvent=void 0;this._mediaEvents=[]}_findLastMediaEvent(t){return this._mediaEvents[this._mediaEvents.map((t=>t.type)).lastIndexOf(t)]}_handleCanLoad(t){this._store.canLoad.set(true);this._mediaEvents.push(t);this._satisfyMediaRequest("loading",t)}_updateMetadata(t){this._store.currentSrc.set(t.currentSrc);this._store.mediaType.set(t.mediaType);this._store.viewType.set(t.viewType)}_handleLoadStart(t){this._updateMetadata(t.detail);this._mediaEvents.push(t);lt(t,this._findLastMediaEvent("vds-src-change"));lt(t,this._findLastMediaEvent("vds-can-load"))}_handleLoadedData(t){this._mediaEvents.push(t);lt(t,this._findLastMediaEvent("vds-load-start"))}_handleLoadedMetadata(t){this._updateMetadata(t.detail);this._mediaEvents.push(t);lt(t,this._findLastMediaEvent("vds-load-start"))}_handleCanPlay(t){this._mediaEvents.push(t);if(t.triggerEvent?.type!=="loadedmetadata"){lt(t,this._findLastMediaEvent("vds-loaded-metadata"))}this._store.canPlay.set(true);this._store.duration.set(t.detail.duration);this._host.setAttribute("aria-busy","false")}_handleCanPlayThrough(t){this._store.canPlay.set(true);this._store.duration.set(t.detail.duration);lt(t,this._findLastMediaEvent("vds-can-play"))}_handleAutoplay(t){this._mediaEvents.push(t);lt(t,this._findLastMediaEvent("vds-play"));lt(t,this._findLastMediaEvent("vds-can-play"));this._store.autoplayError.set(void 0)}_handleAutoplayFail(t){lt(t,this._findLastMediaEvent("vds-play-fail"));lt(t,this._findLastMediaEvent("vds-can-play"));this._store.autoplayError.set(t.detail);this._clearMediaStateTracking()}_handlePlay(t){if(this._isLooping||!this.state.paused){t.stopImmediatePropagation();return}this._mediaEvents.push(t);lt(t,this._findLastMediaEvent("vds-waiting"));this._satisfyMediaRequest("play",t);this._store.paused.set(false);this._store.autoplayError.set(void 0);if(this.state.ended||this._isReplay){this._isReplay=false;this._store.ended.set(false);const s=ot("vds-replay",{triggerEvent:t});this._provider?.dispatchEvent(s)}}_handlePlayFail(t){this._mediaEvents.push(t);this._stopWaiting();lt(t,this._findLastMediaEvent("vds-play"));this._store.paused.set(true);this._store.playing.set(false);this._satisfyMediaRequest("play",t);this._clearMediaStateTracking()}_handlePlaying(t){this._mediaEvents.push(t);const s=this._findLastMediaEvent("vds-play");if(s){lt(t,this._findLastMediaEvent("vds-waiting"));lt(t,s)}else{lt(t,this._findLastMediaEvent("vds-seeked"))}this._stopWaiting();this._clearMediaStateTracking();this._store.paused.set(false);this._store.playing.set(true);this._store.seeking.set(false);this._store.ended.set(false);if(this._isLooping){t.stopImmediatePropagation();this._isLooping=false;return}if(!this.state.started){this._store.started.set(true);this._provider?.dispatchEvent(ot("vds-started",{triggerEvent:t}))}}_handlePause(t){if(this._isLooping){t.stopImmediatePropagation();return}lt(t,this._findLastMediaEvent("vds-seeked"));this._satisfyMediaRequest("pause",t);this._store.paused.set(true);this._store.playing.set(false);this._store.seeking.set(false);this._stopWaiting();this._clearMediaStateTracking()}_handleTimeUpdate(t){const{currentTime:s,played:e}=t.detail;this._store.currentTime.set(s);this._store.played.set(e);this._store.waiting.set(false)}_handleVolumeChange(t){this._store.volume.set(t.detail.volume);this._store.muted.set(t.detail.muted||t.detail.volume===0);this._satisfyMediaRequest("volume",t)}_handleSeeked(t){if(this._isSeekingRequestPending){this._store.seeking.set(true);t.stopImmediatePropagation()}else if(this.state.seeking){this._mediaEvents.push(t);lt(t,this._findLastMediaEvent("vds-waiting"));lt(t,this._findLastMediaEvent("vds-seeking"));if(this.state.paused){this._stopWaiting()}this._store.seeking.set(false);if(t.detail!==this.state.duration){this._store.ended.set(false)}this._store.currentTime.set(t.detail);this._satisfyMediaRequest("seeked",t)}}_stopWaiting(){this._fireWaiting.cancel();this._store.waiting.set(false)}_handleWaiting(t){if(this._firingWaiting)return;t.stopImmediatePropagation();this._originalWaitingEvent=t;this._fireWaiting()}_handleEnded(t){if(this._isLooping){t.stopImmediatePropagation();return}this._stopWaiting();this._store.paused.set(true);this._store.playing.set(false);this._store.seeking.set(false);this._store.ended.set(true);this._clearMediaStateTracking()}_handleAutoplayChange(t){this._store.autoplay.set(t.detail)}_handleCurrentSrcChange(t){this._store.currentSrc.set(t.detail);if(this._skipInitialSrcChange){this._skipInitialSrcChange=false;return}this._clearMediaStateTracking();Vs(this._store);this._host.setAttribute("aria-busy","true")}_handleError(t){this._store.error.set(t.detail)}_handleFullscreenSupportChange(t){this._store.canFullscreen.set(t.detail)}_handlePosterChange(t){this._store.poster.set(t.detail)}_handleLoopChange(t){this._store.loop.set(t.detail)}_handlePlaysinlineChange(t){this._store.playsinline.set(t.detail)}_handleControlsChange(t){this._store.controls.set(t.detail)}_handleMediaTypeChange(t){this._store.mediaType.set(t.detail)}_handleDurationChange(t){const s=t.detail;this._store.duration.set(!isNaN(s)?s:0)}_handleProgress(t){const{buffered:s,seekable:e}=t.detail;const i=s.length===0?0:s.end(s.length-1);const r=e.length===0?0:e.end(e.length-1);this._store.buffered.set(s);this._store.bufferedAmount.set(i);this._store.seekable.set(e);this._store.seekableAmount.set(r)}_handleSrcChange(t){this._store.src.set(t.detail)}_handleViewTypeChange(t){this._store.viewType.set(t.detail)}};var we=class{constructor(t,s,e){this._host=t;this._store=s;this._mediaProps=e;this._disposal=new nt;this._host.addController({hostConnected:this._hostConnected.bind(this),hostDisconnected:this._hostDisconnected.bind(this)})}_hostConnected(){ys((()=>{for(const t of this._mediaProps){const s=this._store[t];if(s){const e=this._getMediaAttrName(t);const i=s.subscribe((s=>{window?.requestAnimationFrame((()=>{this._handleValueChange(t,e,s)}))}));this._disposal.add(i)}}}))}_hostDisconnected(){for(const t of this._mediaProps){this._handleDisconnect(t,this._getMediaAttrName(t))}this._disposal.empty()}_getMediaAttrName(t){return xs(t)}};var ke=class extends we{_handleValueChange(t,s,e){window.requestAnimationFrame((()=>{ms(this._host,s,kt(e)||wt(e)?String(e):!!e)}))}_handleDisconnect(t,s){this._host.removeAttribute(s)}};function xe(...t){return new ke(...t)}var Ee=class extends we{_handleValueChange(t,s,e){window.requestAnimationFrame((()=>{this._host.style.setProperty(this._getCssPropName(s),kt(e)||wt(e)?String(e):null)}))}_getCssPropName(t){return`--vds-${t}`}_handleDisconnect(t,s){this._host.style.setProperty(this._getCssPropName(s),null)}};function Ce(...t){return new Ee(...t)}var Se=Symbol("@vidstack/media-discovery");var Me=class extends ce{constructor(){super();this.controller=new ye(this);this.__mediaFullscreen=false;this.__mediaIsVideoView=false;this.__mediaPlaysinline=false;this.screenOrientationController=new is(this);this.fullscreenController=new Zt(this,this.screenOrientationController);Pt(this,"vds-media-connect",{register:Se});js(this,"fullscreen",(t=>{this.__mediaFullscreen=t}));js(this,"viewType",(t=>{this.__mediaIsVideoView=t==="video"}));js(this,"playsinline",(t=>{this.__mediaPlaysinline=t}));this._bindMediaAttributes();this._bindMediaCSSProperties()}static get styles(){return[Qs`:host{display:inline-block;position:relative;contain:content}:host([hidden]){display:none}`]}get provider(){return this.controller.provider}update(t){ms(this,"hide-ui",this._shouldHideMediaUI());super.update(t)}render(){return $`<slot></slot>`}get canFullscreen(){return this.fullscreenController.isSupported}get fullscreen(){return this.fullscreenController.isFullscreen}get fullscreenOrientation(){return this.fullscreenController.screenOrientationLock}set fullscreenOrientation(t){const s=this.fullscreenController.screenOrientationLock;if(s!==t){this.fullscreenController.screenOrientationLock=t;this.requestUpdate("fullscreen-orientation",s)}}enterFullscreen(){return this.fullscreenController.enterFullscreen()}exitFullscreen(){return this.fullscreenController.exitFullscreen()}_bindMediaAttributes(){xe(this,this.controller.store,["autoplay","autoplayError","canLoad","canPlay","canFullscreen","ended","error","fullscreen","userIdle","loop","mediaType","muted","paused","playing","playsinline","seeking","started","viewType","waiting"])}_bindMediaCSSProperties(){Ce(this,this.controller.store,["bufferedAmount","currentTime","duration","seekableAmount"])}_shouldHideMediaUI(){return Dt&&this.__mediaIsVideoView&&(!this.__mediaPlaysinline||this.__mediaFullscreen)}};Bs([me()],Me.prototype,"__mediaFullscreen",2);Bs([me()],Me.prototype,"__mediaIsVideoView",2);Bs([me()],Me.prototype,"__mediaPlaysinline",2);Bs([ge({attribute:"fullscreen-orientation"})],Me.prototype,"fullscreenOrientation",1);gs("vds-media",Me);var $e=/\.(m4a|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i;var Te=/\.(mp4|og[gv]|webm|mov|m4v|avi)($|\?)/i;function Pe(t){if($e.test(t))return"audio";if(Te.test(t))return"video";return"unknown"}var Fe=class extends _e{constructor(){super(...arguments);this.preload="metadata";this._timeRAF=void 0;this._hasMediaElementConnected=false;this._mediaElementDisposal=new nt;this._isMediaWaiting=false;this._ignoreNextAbortEvent=false;this._ignoreNextEmptiedEvent=false}get mediaElement(){return this._mediaElement}disconnectedCallback(){this._isMediaWaiting=false;super.disconnectedCallback();this._cancelTimeUpdates()}destroy(){if(this.mediaElement){this.mediaElement.pause();this.mediaElement.src="";this.mediaElement.innerHTML="";this.mediaElement.load()}super.destroy()}_cancelTimeUpdates(){if(wt(this._timeRAF))window.cancelAnimationFrame(this._timeRAF);this._timeRAF=void 0}_requestTimeUpdates(){if(!zt(this._timeRAF))return;this._requestTimeUpdate()}_requestTimeUpdate(){const t=this.mediaElement?.currentTime??0;if(this.state.currentTime!==t){this._updateCurrentTime(t)}this._timeRAF=window.requestAnimationFrame((()=>{if(zt(this._timeRAF))return;this._requestTimeUpdate()}))}_updateCurrentTime(t,s){this.dispatchEvent(ot("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&&!yt(this.mediaElement)&&!this._hasMediaElementConnected}_findSlottedMediaElement(){const t=zs(this)[0];this._mediaElement=t??void 0}_handleMediaElementConnect(){window.requestAnimationFrame((()=>{this._findSlottedMediaElement();if(!this._canMediaElementConnect)return;const t=this.mediaElement;if(t.hasAttribute("loop")){this.loop=true}t.removeAttribute("loop");t.removeAttribute("poster");ms(t,"controls",this.controls);if(!this.state.canFullscreen&&this.fullscreenController.isSupported){this.dispatchEvent(ot("vds-fullscreen-support-change",{detail:this.canFullscreen}))}this._attachMediaEventListeners();this._observePlaysinline();this._observeMediaSources();if(this.canLoadPoster&&this.poster.length>0&&t.getAttribute("poster")!==this.poster){t.setAttribute("poster",this.poster)}this._startPreloadingMedia();this._hasMediaElementConnected=true;this._disconnectDisposal.add(this._handleMediaElementDisconnect.bind(this))}))}_handleMediaElementDisconnect(){this._cancelTimeUpdates();window.requestAnimationFrame((()=>{this._mediaElementDisposal.empty();this._mediaElement=void 0}));this._hasMediaElementConnected=false}startLoadingMedia(){super.startLoadingMedia();this._handleMediaElementConnect()}_startPreloadingMedia(){if(this.state.canPlay)return;this.mediaElement.setAttribute("preload",this.preload);const t=this.mediaElement.networkState>=1;this._ignoreNextAbortEvent=t;this._ignoreNextEmptiedEvent=t;this.mediaElement.load();setTimeout((()=>{this._ignoreNextAbortEvent=false;this._ignoreNextEmptiedEvent=false}),0)}_observePlaysinline(){const t=()=>this.mediaElement.hasAttribute("playsinline");this._handlePlaysinlineChange(t());const s=new MutationObserver((()=>this._handlePlaysinlineChange(t())));s.observe(this.mediaElement,{attributeFilter:["playsinline"]});this._mediaElementDisposal.add((()=>s.disconnect()))}_handlePlaysinlineChange(t){this.dispatchEvent(ot("vds-playsinline-change",{detail:t}))}_observeMediaSources(){this._handleSrcChange(this._getMediaSources());const t=new MutationObserver((()=>this._handleSrcChange(this._getMediaSources())));t.observe(this.mediaElement,{attributeFilter:["src"],subtree:true});this._mediaElementDisposal.add((()=>t.disconnect()))}_handleSrcChange(t){const s=this.state.src;if(!vs(s,t)){this.dispatchEvent(ot("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(yt(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};rs(t).forEach((s=>{const e=t[s].bind(this);const i=rt(this.mediaElement,s,(async t=>{await e(t)}));this._mediaElementDisposal.add(i)}))}_handleAbort(t){if(this._ignoreNextAbortEvent)return;this.dispatchEvent(ot("vds-abort",{triggerEvent:t}));this._handleCurrentSrcChange("",t)}_handleCanPlay(t){this._handleMediaReady({event:t,duration:this.mediaElement.duration})}_handleCanPlayThrough(t){if(this.state.started)return;this.dispatchEvent(ot("vds-can-play-through",{triggerEvent:t,detail:{duration:this.mediaElement.duration}}))}_handleLoadStart(t){this._handleCurrentSrcChange(this.mediaElement.currentSrc,t);if(this.mediaElement.currentSrc===""){this._handleAbort();return}this.dispatchEvent(ot("vds-load-start",{triggerEvent:t,detail:this._getMediaMetadata()}))}_handleEmptied(t){if(this._ignoreNextEmptiedEvent)return;this.dispatchEvent(ot("vds-emptied",{triggerEvent:t}))}_handleLoadedData(t){this.dispatchEvent(ot("vds-loaded-data",{triggerEvent:t}))}_handleLoadedMetadata(t){this.dispatchEvent(ot("vds-volume-change",{detail:{volume:this.mediaElement.volume,muted:this.mediaElement.muted}}));this.dispatchEvent(ot("vds-loaded-metadata",{triggerEvent:t,detail:this._getMediaMetadata()}))}_determineMediaType(t){this.dispatchEvent(ot("vds-media-type-change",{detail:this._getMediaType(),triggerEvent:t}))}_handlePlay(t){const s=ot("vds-play",{triggerEvent:t});s.autoplay=this._attemptingAutoplay;this.dispatchEvent(s)}_handlePause(t){if(this.mediaElement.readyState===1&&!this._isMediaWaiting){return}this._isMediaWaiting=false;this._cancelTimeUpdates();this.dispatchEvent(ot("vds-pause",{triggerEvent:t}))}_handlePlaying(t){this._isMediaWaiting=false;const s=ot("vds-playing",{triggerEvent:t});this.dispatchEvent(s);this._requestTimeUpdates()}_handleDurationChange(t){if(this.mediaElement.ended){this._updateCurrentTime(this.mediaElement.duration,t)}this.dispatchEvent(ot("vds-duration-change",{detail:this.mediaElement.duration,triggerEvent:t}))}_handleProgress(t){this.dispatchEvent(ot("vds-progress",{triggerEvent:t,detail:{buffered:this.mediaElement.buffered,seekable:this.mediaElement.seekable}}))}_handleRateChange(t){throw Error("Not implemented")}_handleSeeking(t){this.dispatchEvent(ot("vds-seeking",{detail:this.mediaElement.currentTime,triggerEvent:t}))}_handleSeeked(t){const s=ot("vds-seeked",{detail:this.mediaElement.currentTime,triggerEvent:t});this.dispatchEvent(s);const e=this.mediaElement.currentTime;if(Math.trunc(e)===Math.trunc(this.mediaElement.duration)&&Yt(this.mediaElement.duration)>Yt(e)){this._updateCurrentTime(this.mediaElement.duration,t);if(!this.mediaElement.ended){try{this.play()}catch(t){}}}}_handleStalled(t){this.dispatchEvent(ot("vds-stalled",{triggerEvent:t}));if(this.mediaElement.readyState<3){this._isMediaWaiting=true;this.dispatchEvent(ot("vds-waiting",{triggerEvent:t}))}}_handleVolumeChange(t){this.dispatchEvent(ot("vds-volume-change",{detail:{volume:this.mediaElement.volume,muted:this.mediaElement.muted},triggerEvent:t}))}_handleWaiting(t){if(this.mediaElement.readyState<3){this._isMediaWaiting=true;this.dispatchEvent(ot("vds-waiting",{triggerEvent:t}))}}_handleSuspend(t){const s=ot("vds-suspend",{triggerEvent:t});this.dispatchEvent(s)}_handleEnded(t){this._cancelTimeUpdates();this._updateCurrentTime(this.mediaElement.duration,t);const s=ot("vds-end",{triggerEvent:t});this.dispatchEvent(s);if(this.state.loop){this._handleLoop()}else{this.dispatchEvent(ot("vds-ended",{triggerEvent:t}))}}_handleLoop(){const t=yt(this.controls);if(t){this.mediaElement.controls=false}this.dispatchEvent(ot("vds-loop-request"))}_handleError(t){const s=this.mediaElement.error;if(!s)return;this.dispatchEvent(ot("vds-error",{detail:{message:s.message,code:s.code,mediaError:s},triggerEvent:t}))}_getPaused(){return this.mediaElement?.paused??true}_getVolume(){return this.mediaElement?.volume??1}_setVolume(t){this.mediaElement.volume=t}_getCurrentTime(){return this.mediaElement?.currentTime??0}_setCurrentTime(t){if(this.mediaElement.currentTime!==t){this.mediaElement.currentTime=t}}_getMuted(){return this.mediaElement?.muted??false}_setMuted(t){this.mediaElement.muted=t}async play(){try{this._throwIfNotReadyForPlayback();await this._resetPlaybackIfEnded();return this.mediaElement?.play()}catch(t){const s=ot("vds-play-fail");s.autoplay=this._attemptingAutoplay;s.error=t;throw t}}async pause(){return this.mediaElement?.pause()}_getMediaType(){return Pe(this.state.currentSrc)}};Bs([ge()],Fe.prototype,"preload",2);var Ae=class extends Fe{static get styles(){return[Qs`:host{display:inline-block}:host([hidden]){display:none}`]}connectedCallback(){super.connectedCallback();this.dispatchEvent(ot("vds-view-type-change",{detail:"audio"}))}};gs("vds-audio",Ae);var De=Qs`:host{display:table;contain:content;user-select:none;cursor:pointer;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}:host(:focus){outline:0}:host(:focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}:host(.focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}`;var qe=class extends ce{constructor(){super();this.pressed=false;this.disabled=false;this._handleButtonClickCapture=ht(this,"click",(t=>{if(this.disabled){t.preventDefault();t.stopImmediatePropagation()}}),{capture:true});Qt(this);["pointerup","keydown"].forEach((t=>{ht(this,t,(t=>{if(this.disabled||ws(t)&&!ks(t)){return}this._handleButtonClick(t)}))}))}static get styles(){return[De]}static get parts(){return[]}connectedCallback(){super.connectedCallback();bs(this,"tabindex","0");bs(this,"role","button");this._updateAriaPressedAttr()}updated(t){if(t.has("pressed")){this._updateAriaPressedAttr()}}_updateAriaPressedAttr(){ms(this,"aria-pressed",this.pressed?"true":"false")}render(){return this._renderDefaultSlot()}_renderDefaultSlot(){return $`<slot></slot>`}_handleButtonClick(t){this.pressed=!this.pressed}};Bs([ge({type:Boolean})],qe.prototype,"pressed",2);Bs([ge({type:Boolean,reflect:true})],qe.prototype,"disabled",2);var Oe=class{constructor(t){if(t){this._target=t;this._createLogger(t);this._requests=es(t)}else{this._requests=new ss}}startLoading(t){this._dispatchRequest("vds-start-loading",{triggerEvent:t})}play(t){this._dispatchRequest("vds-play-request",{triggerEvent:t})}pause(t){this._dispatchRequest("vds-pause-request",{triggerEvent:t})}mute(t){this._dispatchRequest("vds-mute-request",{triggerEvent:t})}unmute(t){this._dispatchRequest("vds-unmute-request",{triggerEvent:t})}enterFullscreen(t,s){this._dispatchRequest("vds-enter-fullscreen-request",{triggerEvent:s,detail:t})}exitFullscreen(t,s){this._dispatchRequest("vds-exit-fullscreen-request",{triggerEvent:s,detail:t})}seeking(t,s){this._dispatchRequest("vds-seeking-request",{detail:t,triggerEvent:s})}seek(t,s){this._dispatchRequest("vds-seek-request",{detail:t,triggerEvent:s})}changeVolume(t,s){this._dispatchRequest("vds-volume-change-request",{detail:t,triggerEvent:s})}resumeUserIdle(t){this._dispatchRequest("vds-resume-user-idle-request",{triggerEvent:t})}pauseUserIdle(t){this._dispatchRequest("vds-pause-user-idle-request",{triggerEvent:t})}showPoster(t){this._dispatchRequest("vds-show-poster-request",{triggerEvent:t})}hidePoster(t){this._dispatchRequest("vds-hide-poster-request",{triggerEvent:t})}setTarget(t){if(this._target===t)return;this._target=t;if(t){this._createLogger(t);this._requests.start()}else{this._requests.stop()}}_dispatchRequest(t,s){this._requests.queue(t,(()=>{const e=ot(t,{...s,bubbles:true,composed:true});this._target?.dispatchEvent(e)}))}_createLogger(t){}};var Le=class extends qe{constructor(){super();this._mediaRemote=new Oe(this);js(this,"paused",(t=>{this.pressed=!t;ms(this,"paused",t)}))}connectedCallback(){super.connectedCallback();bs(this,"aria-label","Play")}_handleButtonClick(t){if(this.disabled)return;if(this.pressed){this._mediaRemote.pause(t)}else{this._mediaRemote.play(t)}}};gs("vds-play-button",Le);var Ve=class extends qe{constructor(){super();this._mediaRemote=new Oe(this);this._volume=1;this._muted=false;js(this,"volume",(t=>{this._volume=t;this._handleMutedChange()}));js(this,"muted",(t=>{this._muted=t;this._handleMutedChange()}))}connectedCallback(){super.connectedCallback();bs(this,"aria-label","Mute")}_handleMutedChange(){const t=this._muted||this._volume===0;this.pressed=t;ms(this,"muted",t)}_handleButtonClick(t){if(this.disabled)return;if(this.pressed){this._mediaRemote.unmute(t)}else{this._mediaRemote.mute(t)}}};gs("vds-mute-button",Ve);function Ne(){const t=os(false);const s=os(false);return{value:os(50),pointerValue:os(0),min:os(0),max:os(100),dragging:t,pointing:s,interactive:ds([t,s],(([t,s])=>t||s))}}var Re=pt(Ne);var je=Qs`*{box-sizing:border-box;touch-action:none}:host{display:block;contain:layout;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}:host(:focus){outline:0}:host(:focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}:host(.focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}`;var Ue=(t=>{t[t["Left"]=-1]="Left";t[t["ArrowLeft"]=-1]="ArrowLeft";t[t["Up"]=-1]="Up";t[t["ArrowUp"]=-1]="ArrowUp";t[t["Right"]=1]="Right";t[t["ArrowRight"]=1]="ArrowRight";t[t["Down"]=1]="Down";t[t["ArrowDown"]=1]="ArrowDown";return t})(Ue||{});var Ie=class extends ce{constructor(){super();this._sliderStoreProvider=Re.provide(this);this.disabled=false;this.value=50;this._step=1;this._keyboardStep=1;this.shiftKeyMultiplier=5;this.customValueText=false;this._mediaRemote=new Oe(this);this._disconnectDisposal=new nt;this._handlePointerEnter=ht(this,"pointerenter",(()=>{if(this.disabled)return;this.setAttribute("pointing","");this.store.pointing.set(true)}));this._handlePointerMove=ht(this,"pointermove",(t=>{if(this.disabled||this.isDragging)return;const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s);this._dispatchPointerValueChange(t)}));this._handlePointerLeave=ht(this,"pointerleave",(()=>{if(this.disabled)return;this.removeAttribute("pointing");this.store.pointing.set(false)}));this._handlePointerDown=ht(this,"pointerdown",(t=>{if(this.disabled)return;this._startDragging(t);this._onDrag(t)}));this._handleKeydown=ht(this,"keydown",(t=>{if(this.disabled)return;const{key:s,shiftKey:e}=t;const i=Object.keys(Ue).includes(s);if(!i)return;const r=!e?this.keyboardStep:this.keyboardStep*this.shiftKeyMultiplier;const n=Number(Ue[s]);const h=r*n;const a=(this.value+h)/this.step;const o=this.step*a;this.value=this._getClampedValue(o);this._dispatchValueChange(t)}));this._handleFillValueChange=ht(this,"vds-slider-value-change",this._updateFillCSSProps.bind(this));this._handlePointerValueChange=ht(this,"vds-slider-pointer-value-change",this._updatePointerCSSProps.bind(this));this._onDrag=$s((t=>{if(this.disabled||!this.isDragging)return;const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s);this._dispatchPointerValueChange(t)}));this._handleDocumentPointerUp=ht(this,"pointerup",(t=>{if(this.disabled||!this.isDragging)return;this._stopDragging(t)}),{target:document});this._handleDocumentTouchMove=ht(this,"touchmove",(t=>{if(this.disabled||!this.isDragging)return;t.preventDefault()}),{target:document,passive:false});this._handleDocumentPointerMove=ht(this,"pointermove",(t=>{if(this.disabled||!this.isDragging)return;this._onDrag(t)}),{target:document});this._lastDispatchedValue=this.value;this._dispatchValueChange=$s((t=>{if(this.value===this._lastDispatchedValue)return;this.dispatchEvent(ot("vds-slider-value-change",{detail:this.value,triggerEvent:t}));this._lastDispatchedValue=this.value}));this._lastDispatchedPointerValue=this.pointerValue;this._dispatchPointerValueChange=$s((t=>{if(this.pointerValue===this._lastDispatchedPointerValue)return;const s=["vds-slider-pointer-value-change",this.isDragging&&"vds-slider-drag-value-change"];s.forEach((s=>{if(s){this.dispatchEvent(ot(s,{detail:this.pointerValue,triggerEvent:t}))}}));this._lastDispatchedPointerValue=this.pointerValue}));Qt(this)}static get styles(){return[je]}static get parts(){return[]}get store(){return this._sliderStoreProvider.value}get min(){return ls(this.store.min)}set min(t){this.store.min.set(t)}get max(){return ls(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 ls(this.store.dragging)}get fillRate(){const t=this.max-this.min,s=this.value-this.min;return t>0?s/t:0}get fillPercent(){return this.fillRate*100}get pointerValue(){return ls(this.store.pointerValue)}get pointerRate(){const t=this.max-this.min,s=this.pointerValue-this.min;return t>0?s/t:0}get pointerPercent(){return this.pointerRate*100}connectedCallback(){super.connectedCallback();this._setupAriaAttrs();this._updateFillCSSProps();this._updatePointerCSSProps();this._disconnectDisposal.add(this.store.interactive.subscribe((t=>{ms(this,"interactive",t)})))}willUpdate(t){if(t.has("value")||t.has("min")||t.has("max")){this.value=this._getClampedValue(this.value);this.store.value.set(this.value);this._updateFillCSSProps();this._dispatchValueChange()}if(t.has("disabled")&&this.disabled){this.store.dragging.set(false);this.store.pointing.set(false);this.removeAttribute("dragging");this.removeAttribute("pointing");this.removeAttribute("interactive");ms(this,"aria-disabled",this.disabled)}if(!this.customValueText){this._updateAriaValueAttrs()}super.willUpdate(t)}disconnectedCallback(){this._onDrag.cancel();this._disconnectDisposal.empty();super.disconnectedCallback()}_updateFillCSSProps(){_s(this,"fill-value",`${this.value}`);_s(this,"fill-rate",`${this.fillRate}`);_s(this,"fill-percent",`${this.fillPercent}%`)}_updatePointerCSSProps(){_s(this,"pointer-value",`${this.pointerValue}`);_s(this,"pointer-rate",`${this.pointerRate}`);_s(this,"pointer-percent",`${this.pointerPercent}%`)}render(){return this._renderSlider()}_renderSlider(){return $`${this._renderDefaultSlot()}`}_renderDefaultSlot(){return $`<slot></slot>`}_setupAriaAttrs(){bs(this,"role","slider");bs(this,"tabindex","0");bs(this,"aria-orientation","horizontal");bs(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`${Wt(this.value/this.max*100,2)}%`}_startDragging(t){if(this.isDragging)return;this.store.dragging.set(true);this.setAttribute("dragging","");const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s);this._dispatchPointerValueChange(t);this.dispatchEvent(ot("vds-slider-drag-start",{triggerEvent:t,detail:this.value}));this._mediaRemote.pauseUserIdle(t)}_stopDragging(t){if(!this.isDragging)return;this.store.dragging.set(false);this._dispatchValueChange.cancel();this.removeAttribute("dragging");const s=this._getValueBasedOnThumbPosition(t);this.value=s;this.store.pointerValue.set(s);this._dispatchValueChange(t);this._dispatchPointerValueChange(t);this.dispatchEvent(ot("vds-slider-drag-end",{triggerEvent:t,detail:this.value}));this._mediaRemote.resumeUserIdle(t)}_getClampedValue(t){return Kt(this.min,Wt(t,Yt(this.step)),this.max)}_getValueFromRate(t){const s=Kt(0,t,1);const e=this.max-this.min;const i=e*s;const r=Math.round(i/this.step);const n=this.step*r;return this.min+n}_getValueBasedOnThumbPosition(t){const s=t.clientX;const{left:e,width:i}=this.getBoundingClientRect();const r=(s-e)/i;return this._getValueFromRate(r)}};Bs([ge({type:Number})],Ie.prototype,"min",1);Bs([ge({type:Number})],Ie.prototype,"max",1);Bs([ge({reflect:true,type:Boolean})],Ie.prototype,"disabled",2);Bs([ge({type:Number})],Ie.prototype,"value",2);Bs([ge({type:Number})],Ie.prototype,"step",1);Bs([ge({attribute:"keyboard-step",type:Number})],Ie.prototype,"keyboardStep",1);Bs([ge({attribute:"shift-key-multiplier",type:Number})],Ie.prototype,"shiftKeyMultiplier",2);Bs([ge({type:Boolean,attribute:"custom-value-text"})],Ie.prototype,"customValueText",2);var Be=Qs``;var He=class extends Ie{constructor(){super();this._step=.1;this.value=0;this.valueText="{currentTime} out of {duration}";this.pauseWhileDragging=false;this.seekingRequestThrottle=100;this.__mediaDuration=0;this.__mediaPaused=true;this._handleSliderDragStart=ht(this,"vds-slider-drag-start",(t=>{this._togglePlaybackWhileDragging(t)}));this._handleSliderValueChange=ht(this,"vds-slider-value-change",(t=>{if(ws(t.originEvent)){this._dispatchSeekingRequest.cancel();this._mediaRemote.seek(this.value,t)}}));this._handleSliderDragValueChange=ht(this,"vds-slider-drag-value-change",(t=>{this._dispatchSeekingRequest(t)}));this._handleSliderDragEnd=ht(this,"vds-slider-drag-end",(t=>{this._dispatchSeekingRequest.cancel();this._mediaRemote.seek(this.value,t);this._togglePlaybackWhileDragging(t)}));this._dispatchSeekingRequest=it((t=>{this._mediaRemote.seeking(this.value,t)}),this.seekingRequestThrottle);this._wasPlayingBeforeDragStart=false;js(this,"currentTime",(t=>{this.value=t}));js(this,"duration",(t=>{this.__mediaDuration=t;this.requestUpdate("max")}));js(this,"paused",(t=>{this.__mediaPaused=t}))}static get styles(){return[super.styles,Be]}connectedCallback(){super.connectedCallback();bs(this,"aria-label","Media time")}get min(){return 0}set min(t){}get max(){return this.__mediaDuration}set max(t){}update(t){if(t.has("disabled")&&this.disabled){this._dispatchSeekingRequest.cancel()}super.update(t)}disconnectedCallback(){this._dispatchSeekingRequest.cancel();super.disconnectedCallback()}_getValueMin(){return"0%"}_getValueNow(){return`${Math.round(this.fillPercent)}%`}_getValueText(){return this.valueText.replace("{currentTime}",Ms(this.value)).replace("{duration}",Ms(this.__mediaDuration))}_getValueMax(){return"100%"}_togglePlaybackWhileDragging(t){if(!this.pauseWhileDragging)return;if(this.isDragging&&!this.__mediaPaused){this._wasPlayingBeforeDragStart=true;this._mediaRemote.pause(t)}else if(this._wasPlayingBeforeDragStart&&!this.isDragging&&this.__mediaPaused){this._wasPlayingBeforeDragStart=false;this._mediaRemote.play(t)}}};Bs([ge({attribute:false,state:true})],He.prototype,"value",2);Bs([ge({attribute:false})],He.prototype,"min",1);Bs([ge({attribute:false})],He.prototype,"max",1);Bs([ge({attribute:"value-text"})],He.prototype,"valueText",2);Bs([ge({attribute:"pause-while-dragging",type:Boolean})],He.prototype,"pauseWhileDragging",2);Bs([ge({attribute:"seeking-request-throttle",type:Number})],He.prototype,"seekingRequestThrottle",2);Bs([me()],He.prototype,"__mediaDuration",2);Bs([me()],He.prototype,"__mediaPaused",2);gs("vds-time-slider",He);var We=class extends Ie{constructor(){super();this.value=100;this._handleSliderValueChange=ht(this,"vds-slider-value-change",this._changeVolume.bind(this));this._handleSliderDragValueChange=ht(this,"vds-slider-drag-value-change",this._changeVolume.bind(this));js(this,"volume",(t=>{this.value=t*100}))}connectedCallback(){super.connectedCallback();bs(this,"aria-label","Media volume")}get min(){return 0}set min(t){}get max(){return 100}set max(t){}_changeVolume(t){const s=t.detail;const e=Wt(s/100,3);this._mediaRemote.changeVolume(e,t)}};Bs([ge({attribute:false})],We.prototype,"min",1);Bs([ge({attribute:false})],We.prototype,"max",1);Bs([ge({attribute:false,state:true})],We.prototype,"value",2);gs("vds-volume-slider",We);var Ke=class extends ce{constructor(){super(...arguments);this._disposal=new nt;this._sliderStoreConsumer=Re.consume(this);this.__value=0;this.type="current";this.showHours=false;this.padHours=false;this.decimalPlaces=2}static get styles(){return[Qs`:host{display:inline-block;contain:content}:host([hidden]){display:none}`]}get _sliderStore(){return this._sliderStoreConsumer.value}connectedCallback(){super.connectedCallback();this._handleTypeChange()}update(t){if(t.has("type")||t.has("format")){this._handleTypeChange()}super.update(t)}disconnectedCallback(){this._disposal.empty();super.disconnectedCallback()}render(){return $`${this._getValueText()}`}_handleTypeChange(){this._disposal.empty();const t=this._sliderStore[this.type==="current"?"value":"pointerValue"];const s=this.format==="percent"?this._createPercentStore(t):t;const e=s.subscribe((t=>{this.__value=t}));this._disposal.add(e)}_createPercentStore(t){return ds([t,this._sliderStore.min,this._sliderStore.max],(([t,s,e])=>{const i=e-s;return t/i*100}))}_getValueText(){switch(this.format){case"percent":return this._getPercentFormat();case"time":return this._getTimeFormat();default:return`${this.__value}`}}_getPercentFormat(){return`${Wt(this.__value,this.decimalPlaces)}%`}_getTimeFormat(){return Ss(this.__value,this.padHours,this.showHours)}};Bs([me()],Ke.prototype,"__value",2);Bs([ge()],Ke.prototype,"type",2);Bs([ge()],Ke.prototype,"format",2);Bs([ge({attribute:"show-hours",type:Boolean})],Ke.prototype,"showHours",2);Bs([ge({attribute:"pad-hours",type:Boolean})],Ke.prototype,"padHours",2);Bs([ge({attribute:"decimal-places",type:Number})],Ke.prototype,"decimalPlaces",2);gs("vds-slider-value-text",Ke);var Ye=class extends ce{constructor(){super(...arguments);this._disposal=new nt;this._mediaStoreConsumer=Rs.consume(this);this.__seconds=0;this.type="current";this.showHours=false;this.padHours=false;this.remainder=false}static get styles(){return[Qs`:host{display:inline-block;contain:content}:host([hidden]){display:none}`]}get _mediaStore(){return this._mediaStoreConsumer.value}connectedCallback(){super.connectedCallback();this._handleTypeChange()}update(t){if(t.has("type")||t.has("remainder")){this._handleTypeChange()}super.update(t)}disconnectedCallback(){this._disposal.empty();super.disconnectedCallback()}render(){return $`${this._getFormattedTime()}`}_handleTypeChange(){this._disposal.empty();const t=this._getTypeStore();const s=(this.remainder?this._createRemainderStore(t):t).subscribe((t=>{this.__seconds=t}));this._disposal.add(s)}_getTypeStore(){switch(this.type){case"buffered":return this._mediaStore.bufferedAmount;case"seekable":return this._mediaStore.seekableAmount;case"duration":return this._mediaStore.duration;default:return this._mediaStore.currentTime}}_createRemainderStore(t){return ds([t,this._mediaStore.duration],(([t,s])=>Math.max(0,s-t)))}_getFormattedTime(){return Ss(this.__seconds,this.padHours,this.showHours)}};Bs([me()],Ye.prototype,"__seconds",2);Bs([ge()],Ye.prototype,"type",2);Bs([ge({attribute:"show-hours",type:Boolean})],Ye.prototype,"showHours",2);Bs([ge({attribute:"pad-hours",type:Boolean})],Ye.prototype,"padHours",2);Bs([ge({type:Boolean})],Ye.prototype,"remainder",2);gs("vds-time",Ye);const Ze=()=>`.sc-stzh-audio-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-audio-h,[stzh-hidden].sc-stzh-audio-h{display:none}.sc-stzh-audio-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-audio-h *.sc-stzh-audio,.sc-stzh-audio-h *.sc-stzh-audio::before,.sc-stzh-audio-h *.sc-stzh-audio::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-audio-h .has-focus.sc-stzh-audio{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-audio-h .stzh-fylingfocus-focused.sc-stzh-audio{outline-style:none !important}.sc-stzh-audio-h .stzh-fylingfocus-focused.sc-stzh-audio::-moz-focus-inner{border:0 !important}.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript],.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript]{margin:0}.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript],.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript] br,.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript],.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript] br,.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript],.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript] br,.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript],.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript] br,.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{margin-bottom:var(--stzh-space-xxlarge)}}.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript],.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript] br,.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{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)}@media screen and (min-width: 600px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-left:var(--stzh-space-xxlarge)}}.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-right:var(--stzh-space-xxlarge)}}.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-small)}}.stzh-audio__controls.sc-stzh-audio{padding-top:var(--stzh-space-large);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)}.stzh-audio__controls-bottom.sc-stzh-audio{display:flex;flex-direction:column;align-items:stretch}@media screen and (min-width: 600px){.stzh-audio__controls-bottom.sc-stzh-audio{flex-direction:row;align-items:center}}.stzh-audio__controls-bottom-left.sc-stzh-audio{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-audio__controls-bottom-left.sc-stzh-audio{flex-grow:1;margin-bottom:0}}.stzh-audio__controls-bottom-right.sc-stzh-audio{align-self:flex-end}.stzh-audio__transcript.sc-stzh-audio{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@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)}@media screen and (min-width: 600px){.stzh-audio__transcript.sc-stzh-audio{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-audio__transcript.sc-stzh-audio{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-audio__transcript.sc-stzh-audio{padding-top:var(--stzh-space-xxlarge)}}.stzh-audio__transcript.sc-stzh-audio{padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-audio__transcript.sc-stzh-audio{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-audio__transcript.sc-stzh-audio{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-audio__transcript.sc-stzh-audio{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-audio__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)}.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:none;border-radius:var(--stzh-button-border-radius);transition-duration:var(--stzh-base-transition-animation-speed);transition-property:color, background-color;color:var(--stzh-color-primary70)}.stzh-audio__button.sc-stzh-audio:hover{color:var(--stzh-color-primary80);background-color:var(--stzh-color-secondary20)}.stzh-audio__loader-overlay.sc-stzh-audio{display:grid;place-items:center;position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;background-color:var(--stzh-color-white);opacity:0;visibility:hidden}.stzh-audio__time.sc-stzh-audio{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-color-grey70);display:inline-flex;margin-right:var(--stzh-space-xlarge)}.stzh-audio__time-separator.sc-stzh-audio{margin:0 var(--stzh-space-xxsmall)}.stzh-audio__slider.sc-stzh-audio{--height:1rem;--thumb-width:1rem;--track-height:0.375rem;cursor:pointer;display:flex;align-items:center;height:var(--height)}.stzh-audio__slider.is-time.sc-stzh-audio{flex-grow:1}.stzh-audio__slider.is-volume.sc-stzh-audio{--track-height:0.25rem;flex-grow:1;min-width:5rem;max-width:7.5rem}@media screen and (min-width: 600px){.stzh-audio__slider.is-volume.sc-stzh-audio{display:flex;margin-right:auto}}.stzh-audio__slider-track.sc-stzh-audio{width:100%;height:var(--track-height);position:absolute;top:50%;left:0;z-index:0;transform:translateY(-50%);background-color:var(--stzh-color-black20op);transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-audio__slider.sc-stzh-audio:hover .stzh-audio__slider-track.sc-stzh-audio{background-color:var(--stzh-color-black30op)}.stzh-audio__slider-track.is-fill.sc-stzh-audio{background-color:var(--stzh-color-secondary40);transform-origin:left center;transform:translateY(-50%);width:calc(var(--vds-fill-rate) * 100%);z-index:1}.stzh-audio__slider.sc-stzh-audio:hover .stzh-audio__slider-track.is-fill.sc-stzh-audio{background-color:var(--stzh-color-secondary50)}.stzh-audio__slider.is-volume.sc-stzh-audio .stzh-audio__slider-track.sc-stzh-audio,.stzh-audio__slider.is-volume.sc-stzh-audio:hover .stzh-audio__slider-track.sc-stzh-audio{background-color:var(--stzh-color-black20op)}.stzh-audio__slider.is-volume.sc-stzh-audio .stzh-audio__slider-track.is-fill.sc-stzh-audio,.stzh-audio__slider.is-volume.sc-stzh-audio:hover .stzh-audio__slider-track.is-fill.sc-stzh-audio{background-color:var(--stzh-color-black50op)}.stzh-audio__slider-thumb-container.sc-stzh-audio{opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);position:absolute;top:0;left:var(--vds-fill-percent);width:var(--thumb-width);height:100%;transform:translateX(-50%);z-index:2}.stzh-audio__slider-thumb-container.is-shown.sc-stzh-audio{opacity:1}.stzh-audio__slider.sc-stzh-audio:hover .stzh-audio__slider-thumb-container.sc-stzh-audio{opacity:1}.stzh-audio__slider[dragging].sc-stzh-audio .stzh-audio__slider-thumb-container.sc-stzh-audio{opacity:1;left:var(--vds-pointer-percent)}.stzh-audio__slider-thumb.sc-stzh-audio{position:absolute;top:50%;left:0;width:var(--thumb-width);height:var(--thumb-width);border-radius:50%;background-color:var(--stzh-color-white);border:0.125rem solid var(--stzh-color-primary70);transform:translateY(-50%)}.stzh-audio__media-preview-container.sc-stzh-audio{--width:2.625rem;--width-half:calc(var(--width) / 2);--top:-1.5rem;--left-clamp:max(var(--width-half), var(--vds-pointer-percent));--right-clamp:calc(100% - var(--width-half));--left:min(var(--left-clamp), var(--right-clamp))}@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)}.stzh-audio__slider.is-time.sc-stzh-audio .stzh-audio__media-preview-container.sc-stzh-audio,.stzh-audio__slider.is-volume.sc-stzh-audio .stzh-audio__media-preview-container.sc-stzh-audio{width:auto;padding:var(--stzh-space-xxsmall)}.stzh-audio__slider[pointing].sc-stzh-audio .stzh-audio__media-preview-container.sc-stzh-audio{opacity:1}.stzh-audio__slider-text.sc-stzh-audio{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-audio[hide-ui].sc-stzh-audio .stzh-audio__controls.sc-stzh-audio{opacity:0;visibility:hidden}.stzh-audio[autoplay-error].sc-stzh-audio .stzh-audio__controls.sc-stzh-audio{opacity:1}.stzh-audio.sc-stzh-audio:not([can-play]) .stzh-audio__loader-overlay.sc-stzh-audio,.stzh-audio[waiting].sc-stzh-audio .stzh-audio__loader-overlay.sc-stzh-audio{opacity:0.8;visibility:visible}.stzh-audio[paused].sc-stzh-audio .stzh-audio__paused.sc-stzh-audio{display:none}.stzh-audio.sc-stzh-audio:not([paused]) .stzh-audio__played.sc-stzh-audio{display:none}.stzh-audio[muted].sc-stzh-audio .stzh-audio__muted.sc-stzh-audio{display:none}.stzh-audio.sc-stzh-audio:not([muted]) .stzh-audio__unmuted.sc-stzh-audio{display:none}`;const Je=class{constructor(e){t(this,e);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=false}async play(){this.vsdAudioElement.play()}async pause(){this.vsdAudioElement.pause()}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"audio")}}render(){const t=!!this.transcript||h(this.element,"transcript");const s={"stzh-audio":true};return e(i,{key:"8361a83b6bd50e1a0fe59c55e2848cc60d688d21"},e("vds-media",{key:"d6c5371cc1b5f0672cd8ca9b3aa3fbda9aadbea4",class:s},e("vds-audio",{key:"af7f3b7d0ca30503070bc37ab2d136e42965f251",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})}},e("audio",{key:"bcbbb1ed781c2982ac8e89a15442ddfa8fc76a09",preload:this.preload,src:this.src},e("slot",{key:"128445964b743a24437b53099f52bc42d1e0669e"}))),e("div",{key:"eb4281adb342b3b14d00832ca04e255469384595",class:"stzh-audio__controls"},e("div",{key:"9a42265370f443948e082bde08bb48b8451c3672",class:"stzh-audio__loader-overlay"},e("stzh-loader",{key:"7313c40d88350168a185cff2e4bbfa7d458a2a9c",class:"stzh-audio__loader",label:this.localization.loading,"hide-label":true})),e("div",{key:"c23a5737b88a58ce2e79bdae526bbbedf103d15b",class:"stzh-audio__controls-top"},e("vds-time-slider",{key:"95c033d7c30a6ff5a450ead26a2598c6b3d85199",class:"stzh-audio__slider is-time"},e("div",{key:"14f6b1f040c7ceb3fa5a4a322c3d4e65145b7413",class:"stzh-audio__slider-track"}),e("div",{key:"eca9e73df2bd8712645ac5febc4a0898818af526",class:"stzh-audio__slider-track is-fill"}),e("div",{key:"b24488121af146021a996d75b01fd2e28ef5757f",class:"stzh-audio__slider-thumb-container"},e("div",{key:"55e150122460288f7d0f4e39edc6bb7f911676c1",class:"stzh-audio__slider-thumb"})),e("div",{key:"e77363adb1c78f59f4d50864174d819bd8def218",class:"stzh-audio__media-preview-container"},e("vds-slider-value-text",{key:"8d25cc228b8fa4bfd508cbb18e0aeeef18d5f0a5",class:"stzh-audio__slider-text",type:"pointer",format:"time"})))),e("div",{key:"d00ca9564e3302b0ebaffd74450b2b31dacf404c",class:"stzh-audio__controls-bottom"},e("div",{key:"c00929e52a95f612622cca4260b0da60df44b7c7",class:"stzh-audio__controls-bottom-left"},e("stzh-tooltip",{key:"dd1886adf9b2b7fc466d8b37e8f206a4459ea253"},e("vds-play-button",{key:"3e67bfe75ab0a5297e5de0be2c2aac3255cfb19c",class:"stzh-audio__button is-play"},e("stzh-icon",{key:"063bd3a592eadc71997c9dab701a91af64c82830",class:"stzh-audio__played",name:"play"}),e("stzh-icon",{key:"454fcba510fb194f6e5b7be868a5cd94cf9b4ba0",class:"stzh-audio__paused",name:"pause"})),e("span",{key:"6b6b9fa2982fb579c9f741267b9fe753b93f7139",slot:"content"},e("span",{key:"95a765c8a24aea7514554608cd0e1ea69a4d4425",class:"stzh-audio__played"},this.localization.play),e("span",{key:"248c401e7ee10b642e50fa24fbc34e306bc71b98",class:"stzh-audio__paused"},this.localization.pause))),e("div",{key:"ce19c304ab6d55eafbefe92f30c0c36351137c39",class:"stzh-audio__time"},e("vds-time",{key:"199a1194ece926acbba4a934135fb490b71e363e",type:"current"}),e("span",{key:"f0b27e9bbd51556508023cc0c9b70ff9c4a7c4b7",class:"stzh-audio__time-separator"},"/"),e("vds-time",{key:"9c1bec301169adb57df045a29d2efcd0f0fa0355",type:"duration"})),e("stzh-tooltip",{key:"fa097b3c43be907e52d0ce2e7ab1d70a19473bc0"},e("vds-mute-button",{key:"6e8726ab01b97197fe935bca8f9207a6f4d46b71",class:"stzh-audio__button is-mute"},e("stzh-icon",{key:"2ec4420ae2c43ef76a09563238fc7f20f9b96830",class:"stzh-audio__muted",name:"volume-medium"}),e("stzh-icon",{key:"4e73eda10f99a0f40632ff63a9b5f2fe59625f69",class:"stzh-audio__unmuted",name:"silent-mode"})),e("span",{key:"4ba722fe77142da73b0036ae8d764fca72c95a71",slot:"content"},e("span",{key:"2a25838656a548b8622de0245c5ae7ebe9b3ce54",class:"stzh-audio__muted"},this.localization.mute),e("span",{key:"e38c9e030053f010b8b4061067c07bf576020e6d",class:"stzh-audio__unmuted"},this.localization.unmute))),e("vds-volume-slider",{key:"0f4124b250074952a38b1924faa72fa121c39738",class:"stzh-audio__slider is-volume"},e("div",{key:"1e297bda204812e337fba00e1dc49a1278518d1c",class:"stzh-audio__slider-track"}),e("div",{key:"24a59d20765e4ccd149e628cb406242de52777f8",class:"stzh-audio__slider-track is-fill"}),e("div",{key:"c755f35d4e047872b3e620960718334ea2cc5ca5",class:"stzh-audio__slider-thumb-container is-shown"},e("div",{key:"e23207c636ee20063501b2848dcaef111f9dddf5",class:"stzh-audio__slider-thumb"})),e("div",{key:"8c91e93b6f3ecd36084b7cfdbd3ce46547cdf849",class:"stzh-audio__media-preview-container"},e("vds-slider-value-text",{key:"9d7f73f929dc730aa9ba476cd0bb9dc41bb770d1",class:"stzh-audio__slider-text",type:"pointer",format:"percent"})))),e("div",{key:"2de6fb8de8b753f90ae72efc7e039be292aaaf31",class:"stzh-audio__controls-bottom-right"},t&&e("stzh-tooltip",{key:"39bce09ffc2dae3bbecadd009140319dcf4d09e3",content:this.transcriptShown?this.localization.hideTranscript:this.localization.showTranscript},e("button",{key:"98d7f589b9198c7e052dd05b23dc9d4966b1a095",class:{"stzh-audio__button is-transcript":true,"is-active":this.transcriptShown},onClick:()=>this.transcriptShown=!this.transcriptShown,"s-object-id":this.transcriptAnalyticsId||(this.transcriptShown?this.localization.hideTranscript:this.localization.showTranscript)},e("stzh-icon",{key:"356114941a12d0e681008da6d40ef4c071538678",name:"transcript"}))),e("stzh-tooltip",{key:"acea2a26dc128e176a411ec66d10450820069b32",content:this.localization.download},e("a",{key:"db535f83078c28646b89c2e071e09ef9daa70c04",class:"stzh-audio__button is-download",href:this.src,download:"","s-object-id":this.downloadAnalyticsId||this.localization.download},e("stzh-icon",{key:"778df42624a7ae57ff882de24dc2cd559c25501e",name:"download"})))))),e("div",{key:"ce3812b80cd1fcf6b7f0b8d5ea9f02cfc3a15ca6",class:"stzh-audio__transcript",hidden:!this.transcriptShown},this.transcript?this.transcript:e("slot",{name:"transcript"}))))}get element(){return r(this)}};Je.style=Ze();export{Je as stzh_audio};
+//# sourceMappingURL=p-084b9cdd.entry.js.map