@oiz/stzh-components 2.2.0 → 2.3.0-alpha

package/dist/stzh-components/{p-f5fdc88c.entry.js → p-dbe5320f.entry.js}

@@ -1,9 +1,9 @@
-import{r as t,c as s,h as i,a as e,g as h}from"./p-9a5ebb1f.js";import{h as n}from"./p-86a29c35.js";import{f as r}from"./p-25a09313.js";
+import{r as t,e as s,h as i,c as e,g as h}from"./p-99a3742a.js";import{h as n}from"./p-86a29c35.js";import{f as r}from"./p-25a09313.js";
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */var o;const a=window,l=a.trustedTypes,d=l?l.createPolicy("lit-html",{createHTML:t=>t}):void 0,u=`lit$${(Math.random()+"").slice(9)}$`,c="?"+u,v=`<${c}>`,p=document,g=(t="")=>p.createComment(t),f=t=>null===t||"object"!=typeof t&&"function"!=typeof t,m=Array.isArray,y=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_=/-->/g,b=/>/g,w=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),z=/'/g,k=/"/g,x=/^(?:script|style|textarea|title)$/i,E=(t,...s)=>({_$litType$:1,strings:t,values:s}),C=Symbol.for("lit-noChange"),S=Symbol.for("lit-nothing"),M=new WeakMap,$=p.createTreeWalker(p,129,null,!1),T=(t,s)=>{const i=t.length-1,e=[];let h,n=2===s?"<svg>":"",r=y;for(let a=0;a<i;a++){const s=t[a];let i,o,l=-1,d=0;for(;d<s.length&&(r.lastIndex=d,o=r.exec(s),null!==o);)d=r.lastIndex,r===y?"!--"===o[1]?r=_:void 0!==o[1]?r=b:void 0!==o[2]?(x.test(o[2])&&(h=RegExp("</"+o[2],"g")),r=w):void 0!==o[3]&&(r=w):r===w?">"===o[0]?(r=null!=h?h:y,l=-1):void 0===o[1]?l=-2:(l=r.lastIndex-o[2].length,i=o[1],r=void 0===o[3]?w:'"'===o[3]?k:z):r===k||r===z?r=w:r===_||r===b?r=y:(r=w,h=void 0);const c=r===w&&t[a+1].startsWith("/>")?" ":"";n+=r===y?s+v:l>=0?(e.push(i),s.slice(0,l)+"$lit$"+s.slice(l)+u+c):s+u+(-2===l?(e.push(void 0),a):c)}const o=n+(t[i]||"<?>")+(2===s?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==d?d.createHTML(o):o,e]};class P{constructor({strings:t,_$litType$:s},i){let e;this.parts=[];let h=0,n=0;const r=t.length-1,o=this.parts,[a,d]=T(t,s);if(this.el=P.createElement(a,i),$.currentNode=this.el.content,2===s){const t=this.el.content,s=t.firstChild;s.remove(),t.append(...s.childNodes)}for(;null!==(e=$.nextNode())&&o.length<r;){if(1===e.nodeType){if(e.hasAttributes()){const t=[];for(const s of e.getAttributeNames())if(s.endsWith("$lit$")||s.startsWith(u)){const i=d[n++];if(t.push(s),void 0!==i){const t=e.getAttribute(i.toLowerCase()+"$lit$").split(u),s=/([.?@])?(.*)/.exec(i);o.push({type:1,index:h,name:s[2],strings:t,ctor:"."===s[1]?O:"?"===s[1]?V:"@"===s[1]?N:q})}else o.push({type:6,index:h})}for(const s of t)e.removeAttribute(s)}if(x.test(e.tagName)){const t=e.textContent.split(u),s=t.length-1;if(s>0){e.textContent=l?l.emptyScript:"";for(let i=0;i<s;i++)e.append(t[i],g()),$.nextNode(),o.push({type:2,index:++h});e.append(t[s],g())}}}else if(8===e.nodeType)if(e.data===c)o.push({type:2,index:h});else{let t=-1;for(;-1!==(t=e.data.indexOf(u,t+1));)o.push({type:7,index:h}),t+=u.length-1}h++}}static createElement(t,s){const i=p.createElement("template");return i.innerHTML=t,i}}function F(t,s,i=t,e){var h,n,r,o;if(s===C)return s;let a=void 0!==e?null===(h=i._$Co)||void 0===h?void 0:h[e]:i._$Cl;const l=f(s)?void 0:s._$litDirective$;return(null==a?void 0:a.constructor)!==l&&(null===(n=null==a?void 0:a._$AO)||void 0===n||n.call(a,!1),void 0===l?a=void 0:(a=new l(t),a._$AT(t,i,e)),void 0!==e?(null!==(r=(o=i)._$Co)&&void 0!==r?r:o._$Co=[])[e]=a:i._$Cl=a),void 0!==a&&(s=F(t,a._$AS(t,s.values),a,e)),s}class A{constructor(t,s){this.u=[],this._$AN=void 0,this._$AD=t,this._$AM=s}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(t){var s;const{el:{content:i},parts:e}=this._$AD,h=(null!==(s=null==t?void 0:t.creationScope)&&void 0!==s?s:p).importNode(i,!0);$.currentNode=h;let n=$.nextNode(),r=0,o=0,a=e[0];for(;void 0!==a;){if(r===a.index){let s;2===a.type?s=new D(n,n.nextSibling,this,t):1===a.type?s=new a.ctor(n,a.name,a.strings,this,t):6===a.type&&(s=new R(n,this,t)),this.u.push(s),a=e[++o]}r!==(null==a?void 0:a.index)&&(n=$.nextNode(),r++)}return h}p(t){let s=0;for(const i of this.u)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,s),s+=i.strings.length-2):i._$AI(t[s])),s++}}class D{constructor(t,s,i,e){var h;this.type=2,this._$AH=S,this._$AN=void 0,this._$AA=t,this._$AB=s,this._$AM=i,this.options=e,this._$Cm=null===(h=null==e?void 0:e.isConnected)||void 0===h||h}get _$AU(){var t,s;return null!==(s=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==s?s:this._$Cm}get parentNode(){let t=this._$AA.parentNode;const s=this._$AM;return void 0!==s&&11===t.nodeType&&(t=s.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,s=this){t=F(this,t,s),f(t)?t===S||null==t||""===t?(this._$AH!==S&&this._$AR(),this._$AH=S):t!==this._$AH&&t!==C&&this.g(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>m(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.k(t):this.g(t)}O(t,s=this._$AB){return this._$AA.parentNode.insertBefore(t,s)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}g(t){this._$AH!==S&&f(this._$AH)?this._$AA.nextSibling.data=t:this.T(p.createTextNode(t)),this._$AH=t}$(t){var s;const{values:i,_$litType$:e}=t,h="number"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=P.createElement(e.h,this.options)),e);if((null===(s=this._$AH)||void 0===s?void 0:s._$AD)===h)this._$AH.p(i);else{const t=new A(h,this),s=t.v(this.options);t.p(i),this.T(s),this._$AH=t}}_$AC(t){let s=M.get(t.strings);return void 0===s&&M.set(t.strings,s=new P(t)),s}k(t){m(this._$AH)||(this._$AH=[],this._$AR());const s=this._$AH;let i,e=0;for(const h of t)e===s.length?s.push(i=new D(this.O(g()),this.O(g()),this,this.options)):i=s[e],i._$AI(h),e++;e<s.length&&(this._$AR(i&&i._$AB.nextSibling,e),s.length=e)}_$AR(t=this._$AA.nextSibling,s){var i;for(null===(i=this._$AP)||void 0===i||i.call(this,!1,!0,s);t&&t!==this._$AB;){const s=t.nextSibling;t.remove(),t=s}}setConnected(t){var s;void 0===this._$AM&&(this._$Cm=t,null===(s=this._$AP)||void 0===s||s.call(this,t))}}class q{constructor(t,s,i,e,h){this.type=1,this._$AH=S,this._$AN=void 0,this.element=t,this.name=s,this._$AM=e,this.options=h,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=S}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,s=this,i,e){const h=this.strings;let n=!1;if(void 0===h)t=F(this,t,s,0),n=!f(t)||t!==this._$AH&&t!==C,n&&(this._$AH=t);else{const e=t;let r,o;for(t=h[0],r=0;r<h.length-1;r++)o=F(this,e[i+r],s,r),o===C&&(o=this._$AH[r]),n||(n=!f(o)||o!==this._$AH[r]),o===S?t=S:t!==S&&(t+=(null!=o?o:"")+h[r+1]),this._$AH[r]=o}n&&!e&&this.j(t)}j(t){t===S?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class O extends q{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===S?void 0:t}}const L=l?l.emptyScript:"";class V extends q{constructor(){super(...arguments),this.type=4}j(t){t&&t!==S?this.element.setAttribute(this.name,L):this.element.removeAttribute(this.name)}}class N extends q{constructor(t,s,i,e,h){super(t,s,i,e,h),this.type=5}_$AI(t,s=this){var i;if((t=null!==(i=F(this,t,s,0))&&void 0!==i?i:S)===C)return;const e=this._$AH,h=t===S&&e!==S||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,n=t!==S&&(e===S||h);h&&this.element.removeEventListener(this.name,this,e),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var s,i;"function"==typeof this._$AH?this._$AH.call(null!==(i=null===(s=this.options)||void 0===s?void 0:s.host)&&void 0!==i?i:this.element,t):this._$AH.handleEvent(t)}}class R{constructor(t,s,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=s,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){F(this,t)}}const U=a.litHtmlPolyfillSupport;null==U||U(P,D),(null!==(o=a.litHtmlVersions)&&void 0!==o?o:a.litHtmlVersions=[]).push("2.5.0");var j=function(t,s,i){var e=null,h=null,n=i&&i.leading,r=i&&i.trailing;null==n&&(n=!0),null==r&&(r=!n),1==n&&(r=!1);var o=function(){e&&(clearTimeout(e),e=null)},a=function(){var i=n&&!e,o=this,a=arguments;if(h=function(){return t.apply(o,a)},e||(e=setTimeout((function(){if(e=null,r)return h()}),s)),i)return i=!1,h()};return a.cancel=o,a.flush=function(){var t=h;o(),t&&t()},a};function I(t,s,i,e){return t.addEventListener(s,i,e),()=>{t.removeEventListener(s,i,e)}}var B=class{constructor(){this._disposal=this._disposal??[]}add(...t){t&&t.forEach((t=>{this._disposal.push(t)}))}empty(){this._disposal.forEach((t=>t())),this._disposal=[]}};function H(t,s,i,e){let h;function n(){h||(h=I(e?.target??t,s,i,e))}n(),t.addController({hostConnected(){n()},hostDisconnected(){h?.(),h=void 0}})}var W=class extends CustomEvent{constructor(t,s={}){super(t,s),this.triggerEvent=s.triggerEvent,this.hasOwnProperty("originEvent")||Object.defineProperties(this,{originEvent:{get(){return K(this)??this}},isOriginTrusted:{get(){return K(this)?.isTrusted??!1}}})}get originEvent(){return K(this)??this}get isOriginTrusted(){return this.originEvent?.isTrusted??!1}};function Y(t,s={}){return new W(t,s)}function K(t){let s=t.triggerEvent;for(;s&&s.triggerEvent;)s=s.triggerEvent;return s}function X(t,s){(K(t)??t).triggerEvent=s}var J=new Map;function Z(t){const s=Symbol("@vidstack/context");return{id:s,consume:i=>new class{constructor(t,s,i){this._host=t,this.initialValue=s,this._options=i,this._registrationCallbacks=[],t.addController({hostConnected:()=>{this._connect()},hostDisconnected:()=>{delete this._host[this.id]}})}get id(){return this._options.id}get value(){return this._host[this.id]??this.initialValue}get registered(){return this.id in this._host}_connect(){if(this.id in this._host)return;const t=t=>{this._host[this.id]=t,this._registrationCallbacks?.forEach((s=>s(t))),this._registrationCallbacks=void 0};if(this._host.dispatchEvent(Y("vds-context-consumer-connect",{bubbles:!0,composed:!0,detail:{id:this.id,setValue:t}})),!this.registered){const s=J.get(this.id)??[];s.push({host:this._host,setValue:t}),J.set(this.id,s)}}whenRegistered(t){this.registered?t(this.value):this._registrationCallbacks?.push(t)}}(i,t(),{id:s}),provide:i=>new class{constructor(t,s,i){this._host=t,this._initValue=s,this._options=i,this._stopDisposal=new B,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=I(this._host,"vds-context-consumer-connect",this._handleConsumerConnect.bind(this));for(const s of function(t,s){const i=J.get(t)??[],e=i.filter((({host:t})=>s.contains(t)));return J.set(t,i.filter((({host:t})=>!s.contains(t)))),e}(this.id,this._host))s.setValue(this._value);this._stopDisposal.add(t)}stop(){this._stopDisposal.empty()}_handleConsumerConnect(t){const s=t.detail;s.id===this.id&&(t.stopImmediatePropagation(),s.setValue(this._value))}}(i,t,{id:s})}}function G(t){return"symbol"==typeof t?.id&&"@vidstack/context"===t.id.description}function Q(){}function tt(t){return void 0===t}function st(t){return function(t){return null===t}(t)||tt(t)}function it(t){return"number"==typeof t&&!Number.isNaN(t)}function et(t){return"string"==typeof t}function ht(t){return"function"==typeof t}var nt=new Map,rt=new Map;function ot(t,s,i={}){const e=i.register,h=new B,n=t=>{h.add(t)},r={element:t,onDisconnect:n};t.addController({hostConnected(){const i=Y(s,{bubbles:!0,composed:!0,detail:r});t.dispatchEvent(i),e&&(rt.set(e,(rt.get(e)??new Set).add(r)),function(t,s,i){for(const{host:e,callback:h}of Array.from(nt.get(s)??[]))e!==t&&e.contains(t)&&h(t,i)}(t,e,n))},hostDisconnected(){h.empty(),e&&rt.get(e)?.delete(r)}})}var at="undefined"!=typeof window,lt=at?window.navigator?.userAgent.toLowerCase():"",dt=/iphone|ipad|ipod|ios|CriOS|FxiOS/.test(lt);/android/.test(lt),at&&/(iPhone|iPod)/gi.test(window.navigator?.platform),/firefox/.test(lt);var ut=at&&!!window.chrome;at&&!ut&&(window.safari||dt||/(apple|safari)/.test(lt));var ct={fullscreenEnabled:0,fullscreenElement:1,requestFullscreen:2,exitFullscreen:3,fullscreenchange:4,fullscreenerror:5,fullscreen:6},vt=["webkitFullscreenEnabled","webkitFullscreenElement","webkitRequestFullscreen","webkitExitFullscreen","webkitfullscreenchange","webkitfullscreenerror","-webkit-full-screen"],pt=["mozFullScreenEnabled","mozFullScreenElement","mozRequestFullScreen","mozCancelFullScreen","mozfullscreenchange","mozfullscreenerror","-moz-full-screen"],gt=["msFullscreenEnabled","msFullscreenElement","msRequestFullscreen","msExitFullscreen","MSFullscreenChange","MSFullscreenError","-ms-fullscreen"],ft="undefined"!=typeof window&&void 0!==window.document?window.document:{},mt="fullscreenEnabled"in ft&&Object.keys(ct)||vt[0]in ft&&vt||pt[0]in ft&&pt||gt[0]in ft&&gt||[],yt={requestFullscreen:function(t){return t[mt[ct.requestFullscreen]]()},requestFullscreenFunction:function(t){return t[mt[ct.requestFullscreen]]},get exitFullscreen(){return ft[mt[ct.exitFullscreen]].bind(ft)},get fullscreenPseudoClass(){return":"+mt[ct.fullscreen]},addEventListener:function(t,s,i){return ft.addEventListener(mt[ct[t]],s,i)},removeEventListener:function(t,s,i){return ft.removeEventListener(mt[ct[t]],s,i)},get fullscreenEnabled(){return Boolean(ft[mt[ct.fullscreenEnabled]])},set fullscreenEnabled(t){},get fullscreenElement(){return ft[mt[ct.fullscreenElement]]},set fullscreenElement(t){},get onfullscreenchange(){return ft[("on"+mt[ct.fullscreenchange]).toLowerCase()]},set onfullscreenchange(t){return ft[("on"+mt[ct.fullscreenchange]).toLowerCase()]=t},get onfullscreenerror(){return ft[("on"+mt[ct.fullscreenerror]).toLowerCase()]},set onfullscreenerror(t){return ft[("on"+mt[ct.fullscreenerror]).toLowerCase()]=t}};function _t(t,s=2){return Number(t.toFixed(s))}function bt(t,s,i){return Math.max(t,Math.min(i,s))}function wt(t){return String(t).split(".")[1]?.length??0}!function(){if(at&&!tt(window.localStorage)){let t={};try{t=JSON.parse(localStorage.getItem("@vidstack/log-colors")??"")}catch{}new Map(Object.entries(t))}}(),Object.freeze({silent:0,error:1,warn:2,info:3,debug:4}),Object.freeze({silent:"white",error:"hsl(6, 58%, 50%)",warn:"hsl(51, 58%, 50%)",info:"hsl(219, 58%, 50%)",debug:"hsl(280, 58%, 50%)"});var zt=class{constructor(t,s){this._host=t,this._screenOrientationController=s,this._logger=void 0,this._listenerDisposal=new B,t.addController({hostDisconnected:this._handleHostDisconnected.bind(this)})}async _handleHostDisconnected(){this.isFullscreen&&await this.exitFullscreen(),this._listenerDisposal.empty()}get isSupported(){return this.isSupportedNatively}get isSupportedNatively(){return yt.fullscreenEnabled}get isFullscreen(){return this.isNativeFullscreen}get isNativeFullscreen(){if(yt.fullscreenElement===this._host)return!0;try{return this._host.matches(yt.fullscreenPseudoClass)}catch(t){return!1}}_addFullscreenChangeEventListener(t){if(!this.isSupported)return Q;const s=I(yt,"fullscreenchange",t);return()=>{s()}}_addFullscreenErrorEventListener(t){if(!this.isSupported)return Q;const s=I(yt,"fullscreenerror",t);return()=>{s()}}async enterFullscreen(){if(this.isFullscreen)return;this._throwIfNoFullscreenSupport(),this._listenerDisposal.add(this._addFullscreenChangeEventListener(this._handleFullscreenChange.bind(this))),this._listenerDisposal.add(this._addFullscreenErrorEventListener(this._handleFullscreenError.bind(this)));const t=await this._makeEnterFullscreenRequest();return await this._lockScreenOrientation(),t}async _makeEnterFullscreenRequest(){return yt.requestFullscreen(this._host)}_handleFullscreenChange(t){this.isFullscreen||this._listenerDisposal.empty(),this._host.dispatchEvent(Y("vds-fullscreen-change",{bubbles:!0,composed:!0,detail:this.isFullscreen,triggerEvent:t}))}_handleFullscreenError(t){this._host.dispatchEvent(Y("vds-fullscreen-error",{bubbles:!0,composed:!0,triggerEvent:t}))}async exitFullscreen(){if(!this.isFullscreen)return;this._throwIfNoFullscreenSupport();const t=await this._makeExitFullscreenRequest();return await this._unlockScreenOrientation(),t}async _makeExitFullscreenRequest(){return yt.exitFullscreen()}_shouldOrientScreen(){return this._screenOrientationController.canOrient&&!tt(this.screenOrientationLock)}async _lockScreenOrientation(){!tt(this.screenOrientationLock)&&this._shouldOrientScreen()&&await this._screenOrientationController.lock(this.screenOrientationLock)}async _unlockScreenOrientation(){this._shouldOrientScreen()&&await this._screenOrientationController.unlock()}_throwIfNoFullscreenSupport(){if(!this.isSupported)throw Error("Fullscreen API is not enabled or supported in this environment.")}};function kt(t){return new class{constructor(t){this._host=t;const s=new B;let i=!1;s.add(I(document,"pointerdown",(()=>{i=!1}))),H(t,"keydown",(t=>{t.metaKey||t.altKey||t.ctrlKey||(i=!0)})),H(t,"focus",(()=>{i&&t.classList.add("focus-visible")})),H(t,"blur",(()=>{t.classList.remove("focus-visible")})),t.addController({hostDisconnected:()=>{s.empty()}})}}(t)}function xt(){let t=Q,s=Q;return{promise:new Promise(((i,e)=>{t=i,s=e})),resolve:t,reject:s}}var Et=class{constructor(){this._requestQueue=new Map,this._requestKeys=[],this._pendingFlush=xt(),this._isServing=!1}get isServing(){return this._isServing}get size(){return this._requestQueue.size}async waitForFlush(){this._isServing||await this._pendingFlush.promise}queue(t,s){this._isServing?s():(this._requestKeys=[...this._requestKeys.filter((s=>s!==t)),t],this._requestQueue.set(t,s))}serve(t){this._requestQueue.get(t)?.(),this._requestQueue.delete(t)}start(){this._flush(),this._isServing=!0,this._requestQueue.size>0&&this._flush()}_flush(){for(const t of this._requestKeys)this.serve(t);this._requestKeys=[],this._release()}_empty(){this._requestQueue.clear()}_release(){this._pendingFlush.resolve(),this._pendingFlush=xt()}stop(){this._isServing=!1}destroy(){this.stop(),this._empty(),this._release()}};function Ct(t){const s=new Et;return t.addController({hostConnected:s.start.bind(s),hostDisconnected:s.destroy.bind(s)}),s}var St=class{constructor(t){this._host=t,this._isScreenOrientationLocked=!1,this._logger=void 0,this._updateScreenOrientation(),this._listenerDisposal=new B,t.addController({hostConnected:this._handleHostConnected.bind(this),hostDisconnected:this._handleHostDisconnected.bind(this)})}async _handleHostConnected(){this._updateScreenOrientation(),this._addScreenOrientationEventListeners()}async _handleHostDisconnected(){this.canOrient&&this._isScreenOrientationLocked&&await this.unlock(),this._listenerDisposal.empty()}get currentOrientation(){return this._screenOrientation}get canOrient(){return at&&!tt(screen.orientation)&&ht(screen.orientation.lock)&&ht(screen.orientation.unlock)}get isLocked(){return this._isScreenOrientationLocked}async lock(t){this._throwIfScreenOrientationUnavailable(),await screen.orientation.lock(t),this._isScreenOrientationLocked=!0,this._host.dispatchEvent(Y("vds-screen-orientation-lock-change",{bubbles:!0,composed:!0,detail:t}))}async unlock(){this._throwIfScreenOrientationUnavailable(),await screen.orientation.unlock(),this._isScreenOrientationLocked=!1,this._host.dispatchEvent(Y("vds-screen-orientation-lock-change",{bubbles:!0,composed:!0,detail:screen.orientation.type}))}_addScreenOrientationEventListeners(){this.canOrient&&this._listenerDisposal.add(this._addScreenOrientationChangeEventListener())}_addScreenOrientationChangeEventListener(){return I(screen.orientation,"change",this._handleOrientationChange.bind(this))}_handleOrientationChange(t){this._screenOrientation=window.screen.orientation.type,this._host.dispatchEvent(Y("vds-screen-orientation-change",{bubbles:!0,composed:!0,detail:this._screenOrientation,triggerEvent:t}))}_updateScreenOrientation(){this._screenOrientation=at?window.screen?.orientation?.type:void 0}_throwIfScreenOrientationUnavailable(){if(!this.canOrient)throw Error("Screen orientation API is not available.")}};function Mt(t){return Object.keys(t)}var $t=[];function Tt(t,s=Q){let i;const e=new Set;function h(s){if(function(t,s){return t!=t?s==s:t!==s||t&&"object"==typeof t||"function"==typeof t}(t,s)&&(t=s,i)){const s=!$t.length;for(const i of e)i[1](),$t.push(i,t);if(s){for(let t=0;t<$t.length;t+=2)$t[t][0]($t[t+1]);$t.length=0}}}return{initialValue:t,set:h,update:function(s){h(s(t))},subscribe:function(n,r=Q){const o=[n,r];return e.add(o),1===e.size&&(i=s(h)||Q),n(t),()=>{e.delete(o),0===e.size&&(i?.(),i=null)}}}}function Pt(t,s,i){const e=!Array.isArray(t),h=e?[t]:t,n=s.length<2;return{initialValue:r=i,subscribe:Tt(r,(t=>{let i=!1;const r=[];let o=0,a=Q;const l=()=>{if(o)return;a();const i=s(e?r[0]:r,t);n?t(i):a=ht(i)?i:Q},d=h.map(((t,s)=>t.subscribe((t=>{r[s]=t,o&=~(1<<s),i&&l()}),(()=>{o|=1<<s}))));return i=!0,l(),function(){d.forEach((t=>t())),a()}})).subscribe};var r}function Ft(t){let s;return t.subscribe((t=>s=t))(),s}function At(t,s){for(const i of Mt(t)){const e=t[i],h=s[i];if(!e||!h)continue;const n=Ft(e);n!==Ft(h)&&h.set(n)}}function Dt(t){return new Proxy(t,{get:(t,s)=>Ft(t[s]),has:(t,s)=>Reflect.has(t,s),ownKeys:t=>Reflect.ownKeys(t),getOwnPropertyDescriptor:(t,s)=>Reflect.getOwnPropertyDescriptor(t,s)})}function qt(t){return new Promise((s=>{const i=window.requestAnimationFrame((async()=>{await(t?.()),s(i)}))}))}function Ot(t,s,i=at){const e=i&&!tt(window.customElements.get(t));i&&!e&&window.customElements.define(t,s)}function Lt(t,s,i){if(st(i)||!1===i)t.removeAttribute(s);else{const e=et(i)?i:"";t.setAttribute(s,e)}}function Vt(t,s,i){t.hasAttribute(s)||t.setAttribute(s,i)}function Nt(t,s,i,e="vds"){t.style.setProperty(`--${e}-${s}`,i||null)}function Rt(t){const s=window.requestIdleCallback??(t=>t());"complete"===document.readyState?s(t):window.addEventListener("load",(()=>{s(t)}),{once:!0})}function Ut(t){return t?.type.startsWith("key")??!1}function jt(t,s){const i=String(t),e=i.length;return e<s?`${"0".repeat(s-e)}${t}`:i}function It(t){return{hours:Math.trunc(t/3600),minutes:Math.trunc(t%3600/60),seconds:Math.trunc(t%60),fraction:Number((t-Math.trunc(t)).toPrecision(3))}}function Bt(t,s=!1,i=!1){const{hours:e,minutes:h,seconds:n}=It(t),r=s?jt(e,2):e,o=jt(h,2),a=jt(n,2);return e>0||i?`${r}:${o}:${a}`:`${h}:${a}`}function Ht(t){const s=[],{hours:i,minutes:e,seconds:h}=It(t),n=(t,s)=>1===t?s:`${s}s`;return i>0&&s.push(`${i} ${n(i,"hour")}`),e>0&&s.push(`${e} ${n(e,"minute")}`),(h>0||0===s.length)&&s.push(`${h} ${n(h,"second")}`),s.join(", ")}function Wt(t){let s;const i=()=>!tt(s);function e(...e){i()||(s=window.requestAnimationFrame((()=>{t.apply(this,e),s=void 0})))}return e.cancel=()=>{tt(s)||(window.cancelAnimationFrame(s),s=void 0)},e.pending=i,e}var Yt=Z((()=>Tt(void 0)));function Kt(t,s,i,e){return function(t,s,i){if(!it(s)||s<0||s>i)throw new Error(`Failed to execute '${t}' on 'TimeRanges': The index provided (${s}) is non-numeric or out of bounds (0-${i}).`)}(t,e,i.length-1),i[e][s]}function Xt(t){if(tt(t)||0===t.length){const t=()=>{throw new Error("This TimeRanges object is empty")};return{length:0,start:t,end:t}}return{length:t.length,start:Kt.bind(null,"start",0,t),end:Kt.bind(null,"end",1,t)}}function Jt(t,s){return Array.isArray(t)?Xt(t):tt(t)||tt(s)?Xt():Xt([[t,s]])}var Zt={autoplay:!1,autoplayError:void 0,buffered:Jt(),duration:0,bufferedAmount:0,canLoad:!1,canPlay:!1,canFullscreen:!1,controls:!1,poster:"",currentSrc:"",currentTime:0,ended:!1,error:void 0,fullscreen:!1,userIdle:!1,loop:!1,mediaType:"unknown",muted:!1,paused:!0,played:Jt(),playing:!1,playsinline:!1,seekable:Jt(),seekableAmount:0,seeking:!1,src:[],started:!1,viewType:"unknown",volume:1,waiting:!1};function Gt(){const t={};for(const s of Mt(Zt))t[s]=Tt(Zt[s]);return t}var Qt=new Set(["autoplay","canFullscreen","canLoad","controls","currentSrc","loop","muted","playsinline","poster","src","viewType","volume"]),ts=Z(Gt);function ss(t,s,i){return function(t,s,i,e){if(!G(s))return function(t,s,i){let e,h;const n=()=>{h=(e?.value??s).subscribe(i)};G(s)&&(e=s.consume(t)),t.addController({hostConnected(){G(s)?e.whenRegistered(n):n()},hostDisconnected(){h?.()}})}(t,s[i],e);{const h=s.consume(t);let n;const r=()=>{n=h.value[i].subscribe(e)};t.addController({hostConnected:()=>{h.whenRegistered(r)},hostDisconnected:()=>{n?.()}})}}(t,ts,s,i)}var is=Object.defineProperty,es=Object.getOwnPropertyDescriptor,hs=(t,s,i,e)=>{for(var h,n=e>1?void 0:e?es(s,i):s,r=t.length-1;r>=0;r--)(h=t[r])&&(n=(e?h(s,i,n):h(n))||n);return e&&n&&is(s,i,n),n};
+ */var o;const a=window,l=a.trustedTypes,d=l?l.createPolicy("lit-html",{createHTML:t=>t}):void 0,u=`lit$${(Math.random()+"").slice(9)}$`,c="?"+u,v=`<${c}>`,p=document,g=(t="")=>p.createComment(t),f=t=>null===t||"object"!=typeof t&&"function"!=typeof t,m=Array.isArray,y=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_=/-->/g,b=/>/g,w=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),z=/'/g,k=/"/g,x=/^(?:script|style|textarea|title)$/i,E=(t,...s)=>({_$litType$:1,strings:t,values:s}),C=Symbol.for("lit-noChange"),S=Symbol.for("lit-nothing"),M=new WeakMap,$=p.createTreeWalker(p,129,null,!1),T=(t,s)=>{const i=t.length-1,e=[];let h,n=2===s?"<svg>":"",r=y;for(let a=0;a<i;a++){const s=t[a];let i,o,l=-1,d=0;for(;d<s.length&&(r.lastIndex=d,o=r.exec(s),null!==o);)d=r.lastIndex,r===y?"!--"===o[1]?r=_:void 0!==o[1]?r=b:void 0!==o[2]?(x.test(o[2])&&(h=RegExp("</"+o[2],"g")),r=w):void 0!==o[3]&&(r=w):r===w?">"===o[0]?(r=null!=h?h:y,l=-1):void 0===o[1]?l=-2:(l=r.lastIndex-o[2].length,i=o[1],r=void 0===o[3]?w:'"'===o[3]?k:z):r===k||r===z?r=w:r===_||r===b?r=y:(r=w,h=void 0);const c=r===w&&t[a+1].startsWith("/>")?" ":"";n+=r===y?s+v:l>=0?(e.push(i),s.slice(0,l)+"$lit$"+s.slice(l)+u+c):s+u+(-2===l?(e.push(void 0),a):c)}const o=n+(t[i]||"<?>")+(2===s?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==d?d.createHTML(o):o,e]};class P{constructor({strings:t,_$litType$:s},i){let e;this.parts=[];let h=0,n=0;const r=t.length-1,o=this.parts,[a,d]=T(t,s);if(this.el=P.createElement(a,i),$.currentNode=this.el.content,2===s){const t=this.el.content,s=t.firstChild;s.remove(),t.append(...s.childNodes)}for(;null!==(e=$.nextNode())&&o.length<r;){if(1===e.nodeType){if(e.hasAttributes()){const t=[];for(const s of e.getAttributeNames())if(s.endsWith("$lit$")||s.startsWith(u)){const i=d[n++];if(t.push(s),void 0!==i){const t=e.getAttribute(i.toLowerCase()+"$lit$").split(u),s=/([.?@])?(.*)/.exec(i);o.push({type:1,index:h,name:s[2],strings:t,ctor:"."===s[1]?O:"?"===s[1]?V:"@"===s[1]?N:q})}else o.push({type:6,index:h})}for(const s of t)e.removeAttribute(s)}if(x.test(e.tagName)){const t=e.textContent.split(u),s=t.length-1;if(s>0){e.textContent=l?l.emptyScript:"";for(let i=0;i<s;i++)e.append(t[i],g()),$.nextNode(),o.push({type:2,index:++h});e.append(t[s],g())}}}else if(8===e.nodeType)if(e.data===c)o.push({type:2,index:h});else{let t=-1;for(;-1!==(t=e.data.indexOf(u,t+1));)o.push({type:7,index:h}),t+=u.length-1}h++}}static createElement(t,s){const i=p.createElement("template");return i.innerHTML=t,i}}function F(t,s,i=t,e){var h,n,r,o;if(s===C)return s;let a=void 0!==e?null===(h=i._$Co)||void 0===h?void 0:h[e]:i._$Cl;const l=f(s)?void 0:s._$litDirective$;return(null==a?void 0:a.constructor)!==l&&(null===(n=null==a?void 0:a._$AO)||void 0===n||n.call(a,!1),void 0===l?a=void 0:(a=new l(t),a._$AT(t,i,e)),void 0!==e?(null!==(r=(o=i)._$Co)&&void 0!==r?r:o._$Co=[])[e]=a:i._$Cl=a),void 0!==a&&(s=F(t,a._$AS(t,s.values),a,e)),s}class A{constructor(t,s){this.u=[],this._$AN=void 0,this._$AD=t,this._$AM=s}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(t){var s;const{el:{content:i},parts:e}=this._$AD,h=(null!==(s=null==t?void 0:t.creationScope)&&void 0!==s?s:p).importNode(i,!0);$.currentNode=h;let n=$.nextNode(),r=0,o=0,a=e[0];for(;void 0!==a;){if(r===a.index){let s;2===a.type?s=new D(n,n.nextSibling,this,t):1===a.type?s=new a.ctor(n,a.name,a.strings,this,t):6===a.type&&(s=new R(n,this,t)),this.u.push(s),a=e[++o]}r!==(null==a?void 0:a.index)&&(n=$.nextNode(),r++)}return h}p(t){let s=0;for(const i of this.u)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,s),s+=i.strings.length-2):i._$AI(t[s])),s++}}class D{constructor(t,s,i,e){var h;this.type=2,this._$AH=S,this._$AN=void 0,this._$AA=t,this._$AB=s,this._$AM=i,this.options=e,this._$Cm=null===(h=null==e?void 0:e.isConnected)||void 0===h||h}get _$AU(){var t,s;return null!==(s=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==s?s:this._$Cm}get parentNode(){let t=this._$AA.parentNode;const s=this._$AM;return void 0!==s&&11===t.nodeType&&(t=s.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,s=this){t=F(this,t,s),f(t)?t===S||null==t||""===t?(this._$AH!==S&&this._$AR(),this._$AH=S):t!==this._$AH&&t!==C&&this.g(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>m(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.k(t):this.g(t)}O(t,s=this._$AB){return this._$AA.parentNode.insertBefore(t,s)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}g(t){this._$AH!==S&&f(this._$AH)?this._$AA.nextSibling.data=t:this.T(p.createTextNode(t)),this._$AH=t}$(t){var s;const{values:i,_$litType$:e}=t,h="number"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=P.createElement(e.h,this.options)),e);if((null===(s=this._$AH)||void 0===s?void 0:s._$AD)===h)this._$AH.p(i);else{const t=new A(h,this),s=t.v(this.options);t.p(i),this.T(s),this._$AH=t}}_$AC(t){let s=M.get(t.strings);return void 0===s&&M.set(t.strings,s=new P(t)),s}k(t){m(this._$AH)||(this._$AH=[],this._$AR());const s=this._$AH;let i,e=0;for(const h of t)e===s.length?s.push(i=new D(this.O(g()),this.O(g()),this,this.options)):i=s[e],i._$AI(h),e++;e<s.length&&(this._$AR(i&&i._$AB.nextSibling,e),s.length=e)}_$AR(t=this._$AA.nextSibling,s){var i;for(null===(i=this._$AP)||void 0===i||i.call(this,!1,!0,s);t&&t!==this._$AB;){const s=t.nextSibling;t.remove(),t=s}}setConnected(t){var s;void 0===this._$AM&&(this._$Cm=t,null===(s=this._$AP)||void 0===s||s.call(this,t))}}class q{constructor(t,s,i,e,h){this.type=1,this._$AH=S,this._$AN=void 0,this.element=t,this.name=s,this._$AM=e,this.options=h,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=S}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,s=this,i,e){const h=this.strings;let n=!1;if(void 0===h)t=F(this,t,s,0),n=!f(t)||t!==this._$AH&&t!==C,n&&(this._$AH=t);else{const e=t;let r,o;for(t=h[0],r=0;r<h.length-1;r++)o=F(this,e[i+r],s,r),o===C&&(o=this._$AH[r]),n||(n=!f(o)||o!==this._$AH[r]),o===S?t=S:t!==S&&(t+=(null!=o?o:"")+h[r+1]),this._$AH[r]=o}n&&!e&&this.j(t)}j(t){t===S?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class O extends q{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===S?void 0:t}}const L=l?l.emptyScript:"";class V extends q{constructor(){super(...arguments),this.type=4}j(t){t&&t!==S?this.element.setAttribute(this.name,L):this.element.removeAttribute(this.name)}}class N extends q{constructor(t,s,i,e,h){super(t,s,i,e,h),this.type=5}_$AI(t,s=this){var i;if((t=null!==(i=F(this,t,s,0))&&void 0!==i?i:S)===C)return;const e=this._$AH,h=t===S&&e!==S||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,n=t!==S&&(e===S||h);h&&this.element.removeEventListener(this.name,this,e),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var s,i;"function"==typeof this._$AH?this._$AH.call(null!==(i=null===(s=this.options)||void 0===s?void 0:s.host)&&void 0!==i?i:this.element,t):this._$AH.handleEvent(t)}}class R{constructor(t,s,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=s,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){F(this,t)}}const U=a.litHtmlPolyfillSupport;null==U||U(P,D),(null!==(o=a.litHtmlVersions)&&void 0!==o?o:a.litHtmlVersions=[]).push("2.5.0");var j=function(t,s,i){var e=null,h=null,n=i&&i.leading,r=i&&i.trailing;null==n&&(n=!0),null==r&&(r=!n),1==n&&(r=!1);var o=function(){e&&(clearTimeout(e),e=null)},a=function(){var i=n&&!e,o=this,a=arguments;if(h=function(){return t.apply(o,a)},e||(e=setTimeout((function(){if(e=null,r)return h()}),s)),i)return i=!1,h()};return a.cancel=o,a.flush=function(){var t=h;o(),t&&t()},a};function I(t,s,i,e){return t.addEventListener(s,i,e),()=>{t.removeEventListener(s,i,e)}}var B=class{constructor(){this._disposal=this._disposal??[]}add(...t){t&&t.forEach((t=>{this._disposal.push(t)}))}empty(){this._disposal.forEach((t=>t())),this._disposal=[]}};function H(t,s,i,e){let h;function n(){h||(h=I(e?.target??t,s,i,e))}n(),t.addController({hostConnected(){n()},hostDisconnected(){h?.(),h=void 0}})}var W=class extends CustomEvent{constructor(t,s={}){super(t,s),this.triggerEvent=s.triggerEvent,this.hasOwnProperty("originEvent")||Object.defineProperties(this,{originEvent:{get(){return K(this)??this}},isOriginTrusted:{get(){return K(this)?.isTrusted??!1}}})}get originEvent(){return K(this)??this}get isOriginTrusted(){return this.originEvent?.isTrusted??!1}};function Y(t,s={}){return new W(t,s)}function K(t){let s=t.triggerEvent;for(;s&&s.triggerEvent;)s=s.triggerEvent;return s}function X(t,s){(K(t)??t).triggerEvent=s}var J=new Map;function Z(t){const s=Symbol("@vidstack/context");return{id:s,consume:i=>new class{constructor(t,s,i){this._host=t,this.initialValue=s,this._options=i,this._registrationCallbacks=[],t.addController({hostConnected:()=>{this._connect()},hostDisconnected:()=>{delete this._host[this.id]}})}get id(){return this._options.id}get value(){return this._host[this.id]??this.initialValue}get registered(){return this.id in this._host}_connect(){if(this.id in this._host)return;const t=t=>{this._host[this.id]=t,this._registrationCallbacks?.forEach((s=>s(t))),this._registrationCallbacks=void 0};if(this._host.dispatchEvent(Y("vds-context-consumer-connect",{bubbles:!0,composed:!0,detail:{id:this.id,setValue:t}})),!this.registered){const s=J.get(this.id)??[];s.push({host:this._host,setValue:t}),J.set(this.id,s)}}whenRegistered(t){this.registered?t(this.value):this._registrationCallbacks?.push(t)}}(i,t(),{id:s}),provide:i=>new class{constructor(t,s,i){this._host=t,this._initValue=s,this._options=i,this._stopDisposal=new B,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=I(this._host,"vds-context-consumer-connect",this._handleConsumerConnect.bind(this));for(const s of function(t,s){const i=J.get(t)??[],e=i.filter((({host:t})=>s.contains(t)));return J.set(t,i.filter((({host:t})=>!s.contains(t)))),e}(this.id,this._host))s.setValue(this._value);this._stopDisposal.add(t)}stop(){this._stopDisposal.empty()}_handleConsumerConnect(t){const s=t.detail;s.id===this.id&&(t.stopImmediatePropagation(),s.setValue(this._value))}}(i,t,{id:s})}}function G(t){return"symbol"==typeof t?.id&&"@vidstack/context"===t.id.description}function Q(){}function tt(t){return void 0===t}function st(t){return function(t){return null===t}(t)||tt(t)}function it(t){return"number"==typeof t&&!Number.isNaN(t)}function et(t){return"string"==typeof t}function ht(t){return"function"==typeof t}var nt=new Map,rt=new Map;function ot(t,s,i={}){const e=i.register,h=new B,n=t=>{h.add(t)},r={element:t,onDisconnect:n};t.addController({hostConnected(){const i=Y(s,{bubbles:!0,composed:!0,detail:r});t.dispatchEvent(i),e&&(rt.set(e,(rt.get(e)??new Set).add(r)),function(t,s,i){for(const{host:e,callback:h}of Array.from(nt.get(s)??[]))e!==t&&e.contains(t)&&h(t,i)}(t,e,n))},hostDisconnected(){h.empty(),e&&rt.get(e)?.delete(r)}})}var at="undefined"!=typeof window,lt=at?window.navigator?.userAgent.toLowerCase():"",dt=/iphone|ipad|ipod|ios|CriOS|FxiOS/.test(lt);/android/.test(lt),at&&/(iPhone|iPod)/gi.test(window.navigator?.platform),/firefox/.test(lt);var ut=at&&!!window.chrome;at&&!ut&&(window.safari||dt||/(apple|safari)/.test(lt));var ct={fullscreenEnabled:0,fullscreenElement:1,requestFullscreen:2,exitFullscreen:3,fullscreenchange:4,fullscreenerror:5,fullscreen:6},vt=["webkitFullscreenEnabled","webkitFullscreenElement","webkitRequestFullscreen","webkitExitFullscreen","webkitfullscreenchange","webkitfullscreenerror","-webkit-full-screen"],pt=["mozFullScreenEnabled","mozFullScreenElement","mozRequestFullScreen","mozCancelFullScreen","mozfullscreenchange","mozfullscreenerror","-moz-full-screen"],gt=["msFullscreenEnabled","msFullscreenElement","msRequestFullscreen","msExitFullscreen","MSFullscreenChange","MSFullscreenError","-ms-fullscreen"],ft="undefined"!=typeof window&&void 0!==window.document?window.document:{},mt="fullscreenEnabled"in ft&&Object.keys(ct)||vt[0]in ft&&vt||pt[0]in ft&&pt||gt[0]in ft&&gt||[],yt={requestFullscreen:function(t){return t[mt[ct.requestFullscreen]]()},requestFullscreenFunction:function(t){return t[mt[ct.requestFullscreen]]},get exitFullscreen(){return ft[mt[ct.exitFullscreen]].bind(ft)},get fullscreenPseudoClass(){return":"+mt[ct.fullscreen]},addEventListener:function(t,s,i){return ft.addEventListener(mt[ct[t]],s,i)},removeEventListener:function(t,s,i){return ft.removeEventListener(mt[ct[t]],s,i)},get fullscreenEnabled(){return Boolean(ft[mt[ct.fullscreenEnabled]])},set fullscreenEnabled(t){},get fullscreenElement(){return ft[mt[ct.fullscreenElement]]},set fullscreenElement(t){},get onfullscreenchange(){return ft[("on"+mt[ct.fullscreenchange]).toLowerCase()]},set onfullscreenchange(t){return ft[("on"+mt[ct.fullscreenchange]).toLowerCase()]=t},get onfullscreenerror(){return ft[("on"+mt[ct.fullscreenerror]).toLowerCase()]},set onfullscreenerror(t){return ft[("on"+mt[ct.fullscreenerror]).toLowerCase()]=t}};function _t(t,s=2){return Number(t.toFixed(s))}function bt(t,s,i){return Math.max(t,Math.min(i,s))}function wt(t){return String(t).split(".")[1]?.length??0}!function(){if(at&&!tt(window.localStorage)){let t={};try{t=JSON.parse(localStorage.getItem("@vidstack/log-colors")??"")}catch{}new Map(Object.entries(t))}}(),Object.freeze({silent:0,error:1,warn:2,info:3,debug:4}),Object.freeze({silent:"white",error:"hsl(6, 58%, 50%)",warn:"hsl(51, 58%, 50%)",info:"hsl(219, 58%, 50%)",debug:"hsl(280, 58%, 50%)"});var zt=class{constructor(t,s){this._host=t,this._screenOrientationController=s,this._logger=void 0,this._listenerDisposal=new B,t.addController({hostDisconnected:this._handleHostDisconnected.bind(this)})}async _handleHostDisconnected(){this.isFullscreen&&await this.exitFullscreen(),this._listenerDisposal.empty()}get isSupported(){return this.isSupportedNatively}get isSupportedNatively(){return yt.fullscreenEnabled}get isFullscreen(){return this.isNativeFullscreen}get isNativeFullscreen(){if(yt.fullscreenElement===this._host)return!0;try{return this._host.matches(yt.fullscreenPseudoClass)}catch(t){return!1}}_addFullscreenChangeEventListener(t){if(!this.isSupported)return Q;const s=I(yt,"fullscreenchange",t);return()=>{s()}}_addFullscreenErrorEventListener(t){if(!this.isSupported)return Q;const s=I(yt,"fullscreenerror",t);return()=>{s()}}async enterFullscreen(){if(this.isFullscreen)return;this._throwIfNoFullscreenSupport(),this._listenerDisposal.add(this._addFullscreenChangeEventListener(this._handleFullscreenChange.bind(this))),this._listenerDisposal.add(this._addFullscreenErrorEventListener(this._handleFullscreenError.bind(this)));const t=await this._makeEnterFullscreenRequest();return await this._lockScreenOrientation(),t}async _makeEnterFullscreenRequest(){return yt.requestFullscreen(this._host)}_handleFullscreenChange(t){this.isFullscreen||this._listenerDisposal.empty(),this._host.dispatchEvent(Y("vds-fullscreen-change",{bubbles:!0,composed:!0,detail:this.isFullscreen,triggerEvent:t}))}_handleFullscreenError(t){this._host.dispatchEvent(Y("vds-fullscreen-error",{bubbles:!0,composed:!0,triggerEvent:t}))}async exitFullscreen(){if(!this.isFullscreen)return;this._throwIfNoFullscreenSupport();const t=await this._makeExitFullscreenRequest();return await this._unlockScreenOrientation(),t}async _makeExitFullscreenRequest(){return yt.exitFullscreen()}_shouldOrientScreen(){return this._screenOrientationController.canOrient&&!tt(this.screenOrientationLock)}async _lockScreenOrientation(){!tt(this.screenOrientationLock)&&this._shouldOrientScreen()&&await this._screenOrientationController.lock(this.screenOrientationLock)}async _unlockScreenOrientation(){this._shouldOrientScreen()&&await this._screenOrientationController.unlock()}_throwIfNoFullscreenSupport(){if(!this.isSupported)throw Error("Fullscreen API is not enabled or supported in this environment.")}};function kt(t){return new class{constructor(t){this._host=t;const s=new B;let i=!1;s.add(I(document,"pointerdown",(()=>{i=!1}))),H(t,"keydown",(t=>{t.metaKey||t.altKey||t.ctrlKey||(i=!0)})),H(t,"focus",(()=>{i&&t.classList.add("focus-visible")})),H(t,"blur",(()=>{t.classList.remove("focus-visible")})),t.addController({hostDisconnected:()=>{s.empty()}})}}(t)}function xt(){let t=Q,s=Q;return{promise:new Promise(((i,e)=>{t=i,s=e})),resolve:t,reject:s}}var Et=class{constructor(){this._requestQueue=new Map,this._requestKeys=[],this._pendingFlush=xt(),this._isServing=!1}get isServing(){return this._isServing}get size(){return this._requestQueue.size}async waitForFlush(){this._isServing||await this._pendingFlush.promise}queue(t,s){this._isServing?s():(this._requestKeys=[...this._requestKeys.filter((s=>s!==t)),t],this._requestQueue.set(t,s))}serve(t){this._requestQueue.get(t)?.(),this._requestQueue.delete(t)}start(){this._flush(),this._isServing=!0,this._requestQueue.size>0&&this._flush()}_flush(){for(const t of this._requestKeys)this.serve(t);this._requestKeys=[],this._release()}_empty(){this._requestQueue.clear()}_release(){this._pendingFlush.resolve(),this._pendingFlush=xt()}stop(){this._isServing=!1}destroy(){this.stop(),this._empty(),this._release()}};function Ct(t){const s=new Et;return t.addController({hostConnected:s.start.bind(s),hostDisconnected:s.destroy.bind(s)}),s}var St=class{constructor(t){this._host=t,this._isScreenOrientationLocked=!1,this._logger=void 0,this._updateScreenOrientation(),this._listenerDisposal=new B,t.addController({hostConnected:this._handleHostConnected.bind(this),hostDisconnected:this._handleHostDisconnected.bind(this)})}async _handleHostConnected(){this._updateScreenOrientation(),this._addScreenOrientationEventListeners()}async _handleHostDisconnected(){this.canOrient&&this._isScreenOrientationLocked&&await this.unlock(),this._listenerDisposal.empty()}get currentOrientation(){return this._screenOrientation}get canOrient(){return at&&!tt(screen.orientation)&&ht(screen.orientation.lock)&&ht(screen.orientation.unlock)}get isLocked(){return this._isScreenOrientationLocked}async lock(t){this._throwIfScreenOrientationUnavailable(),await screen.orientation.lock(t),this._isScreenOrientationLocked=!0,this._host.dispatchEvent(Y("vds-screen-orientation-lock-change",{bubbles:!0,composed:!0,detail:t}))}async unlock(){this._throwIfScreenOrientationUnavailable(),await screen.orientation.unlock(),this._isScreenOrientationLocked=!1,this._host.dispatchEvent(Y("vds-screen-orientation-lock-change",{bubbles:!0,composed:!0,detail:screen.orientation.type}))}_addScreenOrientationEventListeners(){this.canOrient&&this._listenerDisposal.add(this._addScreenOrientationChangeEventListener())}_addScreenOrientationChangeEventListener(){return I(screen.orientation,"change",this._handleOrientationChange.bind(this))}_handleOrientationChange(t){this._screenOrientation=window.screen.orientation.type,this._host.dispatchEvent(Y("vds-screen-orientation-change",{bubbles:!0,composed:!0,detail:this._screenOrientation,triggerEvent:t}))}_updateScreenOrientation(){this._screenOrientation=at?window.screen?.orientation?.type:void 0}_throwIfScreenOrientationUnavailable(){if(!this.canOrient)throw Error("Screen orientation API is not available.")}};function Mt(t){return Object.keys(t)}var $t=[];function Tt(t,s=Q){let i;const e=new Set;function h(s){if(function(t,s){return t!=t?s==s:t!==s||t&&"object"==typeof t||"function"==typeof t}(t,s)&&(t=s,i)){const s=!$t.length;for(const i of e)i[1](),$t.push(i,t);if(s){for(let t=0;t<$t.length;t+=2)$t[t][0]($t[t+1]);$t.length=0}}}return{initialValue:t,set:h,update:function(s){h(s(t))},subscribe:function(n,r=Q){const o=[n,r];return e.add(o),1===e.size&&(i=s(h)||Q),n(t),()=>{e.delete(o),0===e.size&&(i?.(),i=null)}}}}function Pt(t,s,i){const e=!Array.isArray(t),h=e?[t]:t,n=s.length<2;return o=t=>{let i=!1;const r=[];let o=0,a=Q;const l=()=>{if(o)return;a();const i=s(e?r[0]:r,t);n?t(i):a=ht(i)?i:Q},d=h.map(((t,s)=>t.subscribe((t=>{r[s]=t,o&=~(1<<s),i&&l()}),(()=>{o|=1<<s}))));return i=!0,l(),function(){d.forEach((t=>t())),a()}},{initialValue:r=i,subscribe:Tt(r,o).subscribe};var r,o}function Ft(t){let s;return t.subscribe((t=>s=t))(),s}function At(t,s){for(const i of Mt(t)){const e=t[i],h=s[i];if(!e||!h)continue;const n=Ft(e);n!==Ft(h)&&h.set(n)}}function Dt(t){return new Proxy(t,{get:(t,s)=>Ft(t[s]),has:(t,s)=>Reflect.has(t,s),ownKeys:t=>Reflect.ownKeys(t),getOwnPropertyDescriptor:(t,s)=>Reflect.getOwnPropertyDescriptor(t,s)})}function qt(t){return new Promise((s=>{const i=window.requestAnimationFrame((async()=>{await(t?.()),s(i)}))}))}function Ot(t,s,i=at){const e=i&&!tt(window.customElements.get(t));i&&!e&&window.customElements.define(t,s)}function Lt(t,s,i){if(st(i)||!1===i)t.removeAttribute(s);else{const e=et(i)?i:"";t.setAttribute(s,e)}}function Vt(t,s,i){t.hasAttribute(s)||t.setAttribute(s,i)}function Nt(t,s,i,e="vds"){t.style.setProperty(`--${e}-${s}`,i||null)}function Rt(t){const s=window.requestIdleCallback??(t=>t());"complete"===document.readyState?s(t):window.addEventListener("load",(()=>{s(t)}),{once:!0})}function Ut(t){return t?.type.startsWith("key")??!1}function jt(t,s){const i=String(t),e=i.length;return e<s?`${"0".repeat(s-e)}${t}`:i}function It(t){return{hours:Math.trunc(t/3600),minutes:Math.trunc(t%3600/60),seconds:Math.trunc(t%60),fraction:Number((t-Math.trunc(t)).toPrecision(3))}}function Bt(t,s=!1,i=!1){const{hours:e,minutes:h,seconds:n}=It(t),r=s?jt(e,2):e,o=jt(h,2),a=jt(n,2);return e>0||i?`${r}:${o}:${a}`:`${h}:${a}`}function Ht(t){const s=[],{hours:i,minutes:e,seconds:h}=It(t),n=(t,s)=>1===t?s:`${s}s`;return i>0&&s.push(`${i} ${n(i,"hour")}`),e>0&&s.push(`${e} ${n(e,"minute")}`),(h>0||0===s.length)&&s.push(`${h} ${n(h,"second")}`),s.join(", ")}function Wt(t){let s;const i=()=>!tt(s);function e(...e){i()||(s=window.requestAnimationFrame((()=>{t.apply(this,e),s=void 0})))}return e.cancel=()=>{tt(s)||(window.cancelAnimationFrame(s),s=void 0)},e.pending=i,e}var Yt=Z((()=>Tt(void 0)));function Kt(t,s,i,e){return function(t,s,i){if(!it(s)||s<0||s>i)throw new Error(`Failed to execute '${t}' on 'TimeRanges': The index provided (${s}) is non-numeric or out of bounds (0-${i}).`)}(t,e,i.length-1),i[e][s]}function Xt(t){if(tt(t)||0===t.length){const t=()=>{throw new Error("This TimeRanges object is empty")};return{length:0,start:t,end:t}}return{length:t.length,start:Kt.bind(null,"start",0,t),end:Kt.bind(null,"end",1,t)}}function Jt(t,s){return Array.isArray(t)?Xt(t):tt(t)||tt(s)?Xt():Xt([[t,s]])}var Zt={autoplay:!1,autoplayError:void 0,buffered:Jt(),duration:0,bufferedAmount:0,canLoad:!1,canPlay:!1,canFullscreen:!1,controls:!1,poster:"",currentSrc:"",currentTime:0,ended:!1,error:void 0,fullscreen:!1,userIdle:!1,loop:!1,mediaType:"unknown",muted:!1,paused:!0,played:Jt(),playing:!1,playsinline:!1,seekable:Jt(),seekableAmount:0,seeking:!1,src:[],started:!1,viewType:"unknown",volume:1,waiting:!1};function Gt(){const t={};for(const s of Mt(Zt))t[s]=Tt(Zt[s]);return t}var Qt=new Set(["autoplay","canFullscreen","canLoad","controls","currentSrc","loop","muted","playsinline","poster","src","viewType","volume"]),ts=Z(Gt);function ss(t,s,i){return function(t,s,i,e){if(!G(s))return function(t,s,i){let e,h;const n=()=>{h=(e?.value??s).subscribe(i)};G(s)&&(e=s.consume(t)),t.addController({hostConnected(){G(s)?e.whenRegistered(n):n()},hostDisconnected(){h?.()}})}(t,s[i],e);{const h=s.consume(t);let n;const r=()=>{n=h.value[i].subscribe(e)};t.addController({hostConnected:()=>{h.whenRegistered(r)},hostDisconnected:()=>{n?.()}})}}(t,ts,s,i)}var is=Object.defineProperty,es=Object.getOwnPropertyDescriptor,hs=(t,s,i,e)=>{for(var h,n=e>1?void 0:e?es(s,i):s,r=t.length-1;r>=0;r--)(h=t[r])&&(n=(e?h(s,i,n):h(n))||n);return e&&n&&is(s,i,n),n};
 /**
  * @license
  * Copyright 2019 Google LLC
@@ -31,4 +31,4 @@ const Es=(t,s)=>"method"===s.kind&&s.descriptor&&!("value"in s.descriptor)?{...s
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */}function Ss(t){return Cs({...t,state:!0})}var Ms=Symbol("@vidstack/media-provider-discovery"),$s=class extends ks{constructor(){super(),this._disconnectDisposal=new B,this._logger=void 0,this.loading="visible",this._attemptingAutoplay=!1,this.controllerQueue=new Et,this._store=Gt(),this._state=Dt(this._store),this.connectedQueue=Ct(this),this.mediaQueue=new Et,this.screenOrientationController=new St(this),this.fullscreenController=new zt(this,this.screenOrientationController),ot(this,"vds-media-provider-connect",{register:Ms});const t=function(...t){return new class{constructor(t,s={},i=(()=>!0),e){this._host=t,this._callback=i,this._logger=e,this._skipInitial=!1,this._unobservedUpdate=!1;const{target:h,skipInitial:n,...r}=s;this._target=h??void 0,this._skipInitial=n??this._skipInitial,window.IntersectionObserver&&(this._observer=new IntersectionObserver((t=>{const s=this._unobservedUpdate;this._unobservedUpdate=!1,this._skipInitial&&s||(this.handleChanges(t),this._host.requestUpdate())}),r),t.addController(this))}handleChanges(t){this.value=this._callback(t,this._observer)}hostConnected(){this._target&&this.observe(this._target)}hostDisconnected(){this._disconnect()}async hostUpdated(){const t=this._observer.takeRecords();t.length&&this.handleChanges(t)}observe(t){return this._observer.observe(t),this._unobservedUpdate=!0,()=>{this._observer.unobserve(t)}}_disconnect(){this._observer.disconnect()}}(...t)}(this,{target:this,threshold:0},(s=>{/(visible|lazy)/.test(this.loading)?s[0]?.isIntersecting&&(this.startLoadingMedia(),t.hostDisconnected()):t.hostDisconnected()}))}connectedCallback(){super.connectedCallback(),this._logMediaEvents(),window.requestAnimationFrame((()=>{tt(this.canLoadPoster)&&(this.canLoadPoster=!0)}))}firstUpdated(t){super.firstUpdated(t),this.dispatchEvent(Y("vds-fullscreen-support-change",{detail:this.canFullscreen})),this.canLoad||"eager"===this.loading?window?.requestAnimationFrame((()=>{this.startLoadingMedia()})):"idle"===this.loading&&Rt((()=>{this.startLoadingMedia()}))}render(){return E`<slot @slotchange="${this.handleDefaultSlotChange}"></slot>`}disconnectedCallback(){this._updateMediaStoreOnDisconnect(this._store),this.mediaQueue.destroy(),this._disconnectDisposal.empty(),super.disconnectedCallback(),qt((()=>{qt((()=>{this.isConnected||this.destroy()}))}))}_updateMediaStoreOnDisconnect(t){t.paused.set(!0),t.playing.set(!1),t.seeking.set(!1),t.waiting.set(!1),t.fullscreen.set(!1)}destroy(){this.isConnected&&this.disconnectedCallback(),this.dispatchEvent(Y("vds-destroy"))}_logMediaEvents(){}get volume(){return this._getVolume()}set volume(t){this.mediaQueue.queue("volume",(()=>{const s=this.volume,i=bt(0,t,1);s!==i&&(this._setVolume(i),this.requestUpdate("volume",s))}))}get paused(){return this._getPaused()}set paused(t){this.mediaQueue.queue("paused",(()=>{if(this.paused!==t)try{t?this.pause():this.play(),this.requestUpdate("paused",!t)}catch(Cs){this._logger?.error("paused-change-fail",Cs)}}))}get currentTime(){return this._getCurrentTime()}set currentTime(t){this.mediaQueue.queue("current-time",(()=>{const s=this.currentTime;s!==t&&(this._setCurrentTime(t),this.requestUpdate("currentTime",s))}))}get muted(){return this._getMuted()}set muted(t){this.mediaQueue.queue("muted",(()=>{const s=this.muted;s!==t&&(this._setMuted(t),this.requestUpdate("muted",s))}))}get poster(){return this.state.poster}set poster(t){const s=this.poster;s!==t&&(this.dispatchEvent(Y("vds-poster-change",{detail:t})),this.requestUpdate("poster",s))}get loop(){return this.state.loop}set loop(t){const s=this.loop;s!==t&&(this.dispatchEvent(Y("vds-loop-change",{detail:t})),this.requestUpdate("loop",s))}get controls(){return this.state.controls}set controls(t){const s=this.controls;s!==t&&(this.dispatchEvent(Y("vds-controls-change",{detail:t})),this.requestUpdate("controls",s))}get canLoad(){return this.state.canLoad}startLoadingMedia(){this.state.canPlay||this.dispatchEvent(Y("vds-can-load"))}_throwIfNotReadyForPlayback(){if(!this.state.canPlay)throw Error("Media is not ready - wait for `vds-can-play` event.")}async _resetPlaybackIfEnded(){if(this.state.ended&&0!==this.state.currentTime)return this._setCurrentTime(0)}_throwIfNotVideoView(){if("video"!==this.state.viewType)throw Error("Player is currently not in a video view.")}async _handleMediaReady({event:t,duration:s}){this.state.canPlay||(this.dispatchEvent(Y("vds-can-play",{triggerEvent:t,detail:{duration:s}})),this.mediaQueue.start(),await this._attemptAutoplay())}_handleCurrentSrcChange(t,s){this.state.currentSrc!==t&&(this.mediaQueue.stop(),this.dispatchEvent(Y("vds-current-src-change",{detail:t,triggerEvent:s})))}get autoplay(){return this.state.autoplay}set autoplay(t){this.autoplay!==t&&(this.dispatchEvent(Y("vds-autoplay-change",{detail:t})),this.requestUpdate("autoplay",!t)),this._attemptAutoplay()}get _canAttemptAutoplay(){return this.state.canPlay&&this.state.autoplay&&!this.state.started}async _attemptAutoplay(){if(this._canAttemptAutoplay){this._attemptingAutoplay=!0;try{await this.play(),this.dispatchEvent(Y("vds-autoplay",{detail:{muted:this.muted}}))}catch(t){this.dispatchEvent(Y("vds-autoplay-fail",{detail:{muted:this.muted,error:t}})),this.requestUpdate()}this._attemptingAutoplay=!1}}get controller(){return this._controller}get logLevel(){return this._controller?.logLevel??"silent"}set logLevel(t){}get idleDelay(){return this._controller?.idleDelay??0}set idleDelay(t){this.controllerQueue.queue("idle-delay",(()=>{this._controller.idleDelay=t}))}attachMediaController(t,s){this._controller=t,this._store=t._store,this._state=t.state,this.controllerQueue.start(),s((()=>{this.controllerQueue.destroy(),this._store=Gt(),this._state=Dt(this._store),this._controller&&(At(this._controller._store,this._store),this._updateMediaStoreOnDisconnect(this._controller._store)),this._controller=void 0}))}dispatchEvent(t){return!this._controller&&t.type.startsWith("vds-")&&"vds-destroy"!==t.type?(this.controllerQueue.queue(t.type,(()=>{super.dispatchEvent(t)})),!1):super.dispatchEvent(t)}store(){return this._store}get state(){return this._state}get canFullscreen(){return this.fullscreenController.isSupported}get fullscreen(){return this.fullscreenController.isFullscreen}get fullscreenOrientation(){return this.fullscreenController.screenOrientationLock}set fullscreenOrientation(t){const s=this.fullscreenController.screenOrientationLock;s!==t&&(this.fullscreenController.screenOrientationLock=t,this.requestUpdate("fullscreen-orientation",s))}enterFullscreen(){return this.fullscreenController.enterFullscreen()}exitFullscreen(){return this.fullscreenController.exitFullscreen()}};hs([Cs({type:Number})],$s.prototype,"volume",1),hs([Cs({type:Boolean})],$s.prototype,"paused",1),hs([Cs({type:Number})],$s.prototype,"currentTime",1),hs([Cs({type:Boolean})],$s.prototype,"muted",1),hs([Cs()],$s.prototype,"poster",1),hs([Cs({type:Boolean})],$s.prototype,"loop",1),hs([Cs({type:Boolean})],$s.prototype,"controls",1),hs([Ss()],$s.prototype,"canLoadPoster",2),hs([Cs({attribute:"loading"})],$s.prototype,"loading",2),hs([Cs({type:Boolean})],$s.prototype,"autoplay",1),hs([Cs({attribute:"log-level"})],$s.prototype,"logLevel",1),hs([Cs({attribute:"idle-delay",type:Number})],$s.prototype,"idleDelay",1),hs([Cs({attribute:"fullscreen-orientation"})],$s.prototype,"fullscreenOrientation",1);var Ts=class{constructor(t,s,i){this._host=t,this._store=s,this._mediaProps=i,this._disposal=new B,this._host.addController({hostConnected:this._hostConnected.bind(this),hostDisconnected:this._hostDisconnected.bind(this)})}_hostConnected(){Rt((()=>{for(const t of this._mediaProps){const s=this._store[t];if(s){const i=this._getMediaAttrName(t),e=s.subscribe((s=>{window?.requestAnimationFrame((()=>{this._handleValueChange(t,i,s)}))}));this._disposal.add(e)}}}))}_hostDisconnected(){for(const t of this._mediaProps)this._handleDisconnect(t,this._getMediaAttrName(t));this._disposal.empty()}_getMediaAttrName(t){return t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}},Ps=class extends Ts{_handleValueChange(t,s,i){window.requestAnimationFrame((()=>{Lt(this._host,s,et(i)||it(i)?String(i):!!i)}))}_handleDisconnect(t,s){this._host.removeAttribute(s)}},Fs=class extends Ts{_handleValueChange(t,s,i){window.requestAnimationFrame((()=>{this._host.style.setProperty(this._getCssPropName(s),et(i)||it(i)?String(i):null)}))}_getCssPropName(t){return`--vds-${t}`}_handleDisconnect(t,s){this._host.style.setProperty(this._getCssPropName(s),null)}},As=Symbol("@vidstack/media-discovery"),Ds=class extends ks{constructor(){super(),this.controller=new class{constructor(t){var s,i,e,h,n,r,o;this._host=t,this._disconnectDisposal=new B,this.providerQueue=new Et,this.providerDisposal=new B,this._logController=void 0,this._logger=void 0,this._providerContext=Yt.provide(this._host),this._mediaStoreProvider=ts.provide(this._host),this.state=Dt(this._store),this._userIdleController=new class{constructor(t,s){this._host=t,this._mediaStore=s,this._idle=!1,this._mediaPaused=!1,this._idlingPaused=!1,this._disposal=new B,this.delay=2e3,t.addController(this)}get paused(){return this._idlingPaused||this._mediaPaused}set paused(t){this._idlingPaused=t,this._handleIdleChange()}hostConnected(){this._disposal.add(this._mediaStore.paused.subscribe((t=>{this._mediaPaused=t,this._handleIdleChange()}))),["pointerdown","pointermove","focus","keydown"].forEach((t=>{const s=I(this._host,t,this._handleIdleChange.bind(this));this._disposal.add(s)}))}hostDisconnected(){this._disposal.empty(),this._stopIdleTimer()}_handleIdleChange(){this.paused?this._stopIdleTimer():this._startIdleTimer()}_startIdleTimer(){this._stopIdleTimer(),this._idleTimeout=window.setTimeout((()=>{this._dispatchIdleChange(!this.paused)}),this.delay)}_stopIdleTimer(){window.clearTimeout(this._idleTimeout),this._dispatchIdleChange(!1)}_dispatchIdleChange(t){this._idle!==t&&(this._host.dispatchEvent(Y("vds-user-idle-change",{detail:t})),this._idle=t)}}(this._host,this._store),this._handleIdleChange=H(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=H(this._host,"vds-start-loading",this._createMediaRequestHandler("loading",(t=>{this.state.canLoad||(this._pendingMediaRequests.loading.push(t),this._provider.startLoadingMedia())}))),this._handleMuteRequest=H(this._host,"vds-mute-request",this._createMediaRequestHandler("muted",(t=>{this.state.muted||(this._pendingMediaRequests.volume.push(t),this.provider.muted=!0)}))),this._handleUnmuteRequest=H(this._host,"vds-unmute-request",this._createMediaRequestHandler("muted",(t=>{this.state.muted&&(this._pendingMediaRequests.volume.push(t),this.provider.muted=!1,0===this.state.volume&&(this._pendingMediaRequests.volume.push(t),this.provider.volume=.25))}))),this._handlePlayRequest=H(this._host,"vds-play-request",this._createMediaRequestHandler("paused",(t=>{this.state.paused&&(this._pendingMediaRequests.play.push(t),this.provider.paused=!1)}))),this._handlePauseRequest=H(this._host,"vds-pause-request",this._createMediaRequestHandler("paused",(t=>{this.state.paused||(this._pendingMediaRequests.pause.push(t),this.provider.paused=!0)}))),this._isSeekingRequestPending=!1,this._handleSeekingRequest=H(this._host,"vds-seeking-request",this._createMediaRequestHandler("seeking",(t=>{this._stopWaiting(),this._pendingMediaRequests.seeking.push(t),this._isSeekingRequestPending=!0,this._store.seeking.set(!0)}))),this._handleSeekRequest=H(this._host,"vds-seek-request",this._createMediaRequestHandler("seeking",(t=>{this.store.ended&&(this._isReplay=!0),this._pendingMediaRequests.seeked.push(t),this._isSeekingRequestPending=!1;let s=t.detail;this.state.duration-t.detail<.25&&(s=this.state.duration),this.provider.currentTime=s}))),this._handleVolumeChangeRequest=H(this._host,"vds-volume-change-request",this._createMediaRequestHandler("volume",(t=>{const s=t.detail;this.state.volume!==s&&(this._pendingMediaRequests.volume.push(t),this.provider.volume=s,s>0&&this.state.muted&&(this._pendingMediaRequests.volume.push(t),this.provider.muted=!1))}))),this._handleEnterFullscreenRequest=H(this._host,"vds-enter-fullscreen-request",this._createMediaRequestHandler("fullscreen",(async t=>{this.state.fullscreen||("media"===(t.detail??"media")&&this._host.canFullscreen?(this._pendingMediaRequests.fullscreen.push(t),await(this._host.enterFullscreen?.())):this.provider&&(this._pendingMediaRequests.fullscreen.push(t),await this.provider.enterFullscreen()))}))),this._handleExitFullscreenRequest=H(this._host,"vds-exit-fullscreen-request",this._createMediaRequestHandler("fullscreen",(async t=>{this.state.fullscreen&&("media"===(t.detail??"media")&&this._host.canFullscreen?(this._pendingMediaRequests.fullscreen.push(t),await(this._host.exitFullscreen?.())):this.provider&&(this._pendingMediaRequests.fullscreen.push(t),await this.provider.exitFullscreen()))}))),this._handleResumeIdlingRequest=H(this._host,"vds-resume-user-idle-request",(t=>{this._mediaRequestEventGateway(t)&&(this._pendingMediaRequests.userIdle.push(t),this._userIdleController.paused=!1)})),this._handlePauseIdlingRequest=H(this._host,"vds-pause-user-idle-request",(t=>{this._mediaRequestEventGateway(t)&&(this._pendingMediaRequests.userIdle.push(t),this._userIdleController.paused=!0)})),this._handleShowPosterRequest=H(this._host,"vds-show-poster-request",this._createMediaRequestHandler("poster",(()=>{this._provider.canLoadPoster=!0}))),this._handleHidePosterRequest=H(this._host,"vds-hide-poster-request",this._createMediaRequestHandler("poster",(()=>{this._provider.canLoadPoster=!1}))),this._handleLoopRequest=this._createMediaRequestHandler("loop",(()=>{window.requestAnimationFrame((async()=>{try{this._isLooping=!0,this._isReplay=!0,await this._provider.play()}catch(Cs){this._isReplay=!1,this._isLooping=!1}}))})),this._handleFullscreenChange=H(this._host,"vds-fullscreen-change",(t=>{this._store.fullscreen.set(t.detail),t.target===this._host&&(this._satisfyMediaRequest("fullscreen",t),this._provider?.dispatchEvent(Y("vds-fullscreen-change",{detail:t.detail,triggerEvent:t})))})),this._handleFullscreenError=H(this._host,"vds-fullscreen-error",(t=>{t.target===this._host&&(this._satisfyMediaRequest("fullscreen",t),this._provider?.dispatchEvent(Y("vds-fullscreen-error",{detail:t.detail,triggerEvent:t})))})),this._isReplay=!1,this._isLooping=!1,this._firingWaiting=!1,this._mediaEvents=[],this._handleSeeking=j((t=>{this._mediaEvents.push(t),this._store.seeking.set(!0),this._store.currentTime.set(t.detail),this._satisfyMediaRequest("seeking",t)}),150,{leading:!0}),this._fireWaiting=(s=()=>{if(!this._originalWaitingEvent)return;this._firingWaiting=!0;const t=Y("vds-waiting",this._originalWaitingEvent);this._mediaEvents.push(t),this._store.waiting.set(!0),this._store.playing.set(!1),this._provider?.dispatchEvent(t),this._originalWaitingEvent=void 0,this._firingWaiting=!1},i=300,h=null,n=null,(o=function(){if(!i)return s.apply(this,arguments);var t=this,o=arguments,a=e&&!h;return r(),n=function(){s.apply(t,o)},h=setTimeout((function(){if(h=null,!a){var t=n;return n=null,t()}}),i),a?n():void 0}).cancel=r=function(){h&&(clearTimeout(h),n=null,h=null)},o.flush=function(){var t=n;r(),t&&t()},o),this._skipInitialSrcChange=!0,function(t,s,i){const e={host:t,callback:i};t.addController({hostConnected:()=>{for(const{element:e,onDisconnect:h}of function(t,s){return Array.from(rt.get(s)??[]).filter((({element:s})=>t!==s&&t.contains(s)))}(t,s))i(e,h);nt.set(s,(nt.get(s)??new Set).add(e))},hostDisconnected:()=>{nt.get(s)?.delete(e)}})}(t,Ms,((t,s)=>{this.attachMediaProvider(t,s)})),t.addController({hostConnected:()=>{this.state.canPlay||this._host.setAttribute("aria-busy","true")},hostDisconnected:()=>{this._clearMediaStateTracking(),this._clearPendingMediaRequests(),this.providerQueue.destroy(),this.providerDisposal.empty(),this._skipInitialSrcChange=!0,this._disconnectDisposal.empty()}})}get logLevel(){return this._logController?.logLevel??"silent"}set logLevel(t){}get provider(){return this._provider}attachMediaProvider(t,s){st(this.provider)&&this.provider!==t&&(this._handleMediaProviderDisconnect(),this._provider=t,this._providerContext.value.set(t),At(this._provider._store,this._store),this._attachMediaEventListeners(),t.attachMediaController(this,(t=>this._disconnectDisposal.add(t))),this._flushMediaProviderConnectedQueue(),s(this._handleMediaProviderDisconnect.bind(this)))}_handleMediaProviderDisconnect(){st(this.provider)||(this._stopWaiting(),this.providerQueue.destroy(),this.providerDisposal.empty(),this._provider=void 0,this._providerContext.value.set(void 0),function(t){for(const s of Mt(Zt))t[s].set(Zt[s])}(this._store),this._store.viewType.set("unknown"))}_flushMediaProviderConnectedQueue(){this.providerQueue.start(),this.providerDisposal.add((()=>{this.providerQueue.stop()}))}get store(){return this._mediaStoreProvider.value}get _store(){return this._mediaStoreProvider.value}get idleDelay(){return this._userIdleController.delay}set idleDelay(t){this._userIdleController.delay=t}_clearPendingMediaRequests(){Mt(this._pendingMediaRequests).forEach((t=>{this._pendingMediaRequests[t]=[]}))}_satisfyMediaRequest(t,s){const i=this._pendingMediaRequests[t].shift();i&&(s.requestEvent=i,X(s,i))}_mediaRequestEventGateway(t){return t.stopPropagation(),!0}_createMediaRequestHandler(t,s){return i=>{this._mediaRequestEventGateway(i)&&(this._provider?s(i):this.providerQueue.queue(t,(()=>{s(i)})))}}_attachMediaEventListeners(){if(!this._provider)return;const t={"vds-can-load":this._handleCanLoad,"vds-load-start":this._handleLoadStart,"vds-loaded-data":this._handleLoadedData,"vds-loaded-metadata":this._handleLoadedMetadata,"vds-can-play":this._handleCanPlay,"vds-can-play-through":this._handleCanPlayThrough,"vds-current-src-change":this._handleCurrentSrcChange,"vds-autoplay":this._handleAutoplay,"vds-autoplay-fail":this._handleAutoplayFail,"vds-loop-request":this._handleLoopRequest,"vds-play":this._handlePlay,"vds-play-fail":this._handlePlayFail,"vds-playing":this._handlePlaying,"vds-pause":this._handlePause,"vds-time-update":this._handleTimeUpdate,"vds-volume-change":this._handleVolumeChange,"vds-seeking":this._handleSeeking,"vds-seeked":this._handleSeeked,"vds-waiting":this._handleWaiting,"vds-ended":this._handleEnded,"vds-autoplay-change":this._handleAutoplayChange,"vds-error":this._handleError,"vds-fullscreen-support-change":this._handleFullscreenSupportChange,"vds-poster-change":this._handlePosterChange,"vds-loop-change":this._handleLoopChange,"vds-playsinline-change":this._handlePlaysinlineChange,"vds-controls-change":this._handleControlsChange,"vds-media-type-change":this._handleMediaTypeChange,"vds-view-type-change":this._handleViewTypeChange,"vds-duration-change":this._handleDurationChange,"vds-progress":this._handleProgress,"vds-src-change":this._handleSrcChange};for(const s of Mt(t)){const i=t[s].bind(this);this.providerDisposal.add(I(this._provider,s,i))}}_clearMediaStateTracking(){this._isReplay=!1,this._isLooping=!1,this._firingWaiting=!1,this._originalWaitingEvent=void 0,this._mediaEvents=[]}_findLastMediaEvent(t){return this._mediaEvents[this._mediaEvents.map((t=>t.type)).lastIndexOf(t)]}_handleCanLoad(t){this._store.canLoad.set(!0),this._mediaEvents.push(t),this._satisfyMediaRequest("loading",t)}_updateMetadata(t){this._store.currentSrc.set(t.currentSrc),this._store.mediaType.set(t.mediaType),this._store.viewType.set(t.viewType)}_handleLoadStart(t){this._updateMetadata(t.detail),this._mediaEvents.push(t),X(t,this._findLastMediaEvent("vds-src-change")),X(t,this._findLastMediaEvent("vds-can-load"))}_handleLoadedData(t){this._mediaEvents.push(t),X(t,this._findLastMediaEvent("vds-load-start"))}_handleLoadedMetadata(t){this._updateMetadata(t.detail),this._mediaEvents.push(t),X(t,this._findLastMediaEvent("vds-load-start"))}_handleCanPlay(t){this._mediaEvents.push(t),"loadedmetadata"!==t.triggerEvent?.type&&X(t,this._findLastMediaEvent("vds-loaded-metadata")),this._store.canPlay.set(!0),this._store.duration.set(t.detail.duration),this._host.setAttribute("aria-busy","false")}_handleCanPlayThrough(t){this._store.canPlay.set(!0),this._store.duration.set(t.detail.duration),X(t,this._findLastMediaEvent("vds-can-play"))}_handleAutoplay(t){this._mediaEvents.push(t),X(t,this._findLastMediaEvent("vds-play")),X(t,this._findLastMediaEvent("vds-can-play")),this._store.autoplayError.set(void 0)}_handleAutoplayFail(t){X(t,this._findLastMediaEvent("vds-play-fail")),X(t,this._findLastMediaEvent("vds-can-play")),this._store.autoplayError.set(t.detail),this._clearMediaStateTracking()}_handlePlay(t){if(!this._isLooping&&this.state.paused){if(this._mediaEvents.push(t),X(t,this._findLastMediaEvent("vds-waiting")),this._satisfyMediaRequest("play",t),this._store.paused.set(!1),this._store.autoplayError.set(void 0),this.state.ended||this._isReplay){this._isReplay=!1,this._store.ended.set(!1);const s=Y("vds-replay",{triggerEvent:t});this._provider?.dispatchEvent(s)}}else t.stopImmediatePropagation()}_handlePlayFail(t){this._mediaEvents.push(t),this._stopWaiting(),X(t,this._findLastMediaEvent("vds-play")),this._store.paused.set(!0),this._store.playing.set(!1),this._satisfyMediaRequest("play",t),this._clearMediaStateTracking()}_handlePlaying(t){this._mediaEvents.push(t);const s=this._findLastMediaEvent("vds-play");if(s?(X(t,this._findLastMediaEvent("vds-waiting")),X(t,s)):X(t,this._findLastMediaEvent("vds-seeked")),this._stopWaiting(),this._clearMediaStateTracking(),this._store.paused.set(!1),this._store.playing.set(!0),this._store.seeking.set(!1),this._store.ended.set(!1),this._isLooping)return t.stopImmediatePropagation(),void(this._isLooping=!1);this.state.started||(this._store.started.set(!0),this._provider?.dispatchEvent(Y("vds-started",{triggerEvent:t})))}_handlePause(t){this._isLooping?t.stopImmediatePropagation():(X(t,this._findLastMediaEvent("vds-seeked")),this._satisfyMediaRequest("pause",t),this._store.paused.set(!0),this._store.playing.set(!1),this._store.seeking.set(!1),this._stopWaiting(),this._clearMediaStateTracking())}_handleTimeUpdate(t){const{currentTime:s,played:i}=t.detail;this._store.currentTime.set(s),this._store.played.set(i),this._store.waiting.set(!1)}_handleVolumeChange(t){this._store.volume.set(t.detail.volume),this._store.muted.set(t.detail.muted||0===t.detail.volume),this._satisfyMediaRequest("volume",t)}_handleSeeked(t){this._isSeekingRequestPending?(this._store.seeking.set(!0),t.stopImmediatePropagation()):this.state.seeking&&(this._mediaEvents.push(t),X(t,this._findLastMediaEvent("vds-waiting")),X(t,this._findLastMediaEvent("vds-seeking")),this.state.paused&&this._stopWaiting(),this._store.seeking.set(!1),t.detail!==this.state.duration&&this._store.ended.set(!1),this._store.currentTime.set(t.detail),this._satisfyMediaRequest("seeked",t))}_stopWaiting(){this._fireWaiting.cancel(),this._store.waiting.set(!1)}_handleWaiting(t){this._firingWaiting||(t.stopImmediatePropagation(),this._originalWaitingEvent=t,this._fireWaiting())}_handleEnded(t){this._isLooping?t.stopImmediatePropagation():(this._stopWaiting(),this._store.paused.set(!0),this._store.playing.set(!1),this._store.seeking.set(!1),this._store.ended.set(!0),this._clearMediaStateTracking())}_handleAutoplayChange(t){this._store.autoplay.set(t.detail)}_handleCurrentSrcChange(t){var s;this._store.currentSrc.set(t.detail),this._skipInitialSrcChange?this._skipInitialSrcChange=!1:(this._clearMediaStateTracking(),Mt(s=this._store).forEach((t=>{Qt.has(t)||s[t].set(s[t].initialValue)})),this._host.setAttribute("aria-busy","true"))}_handleError(t){this._store.error.set(t.detail)}_handleFullscreenSupportChange(t){this._store.canFullscreen.set(t.detail)}_handlePosterChange(t){this._store.poster.set(t.detail)}_handleLoopChange(t){this._store.loop.set(t.detail)}_handlePlaysinlineChange(t){this._store.playsinline.set(t.detail)}_handleControlsChange(t){this._store.controls.set(t.detail)}_handleMediaTypeChange(t){this._store.mediaType.set(t.detail)}_handleDurationChange(t){const s=t.detail;this._store.duration.set(isNaN(s)?0:s)}_handleProgress(t){const{buffered:s,seekable:i}=t.detail,e=0===s.length?0:s.end(s.length-1),h=0===i.length?0:i.end(i.length-1);this._store.buffered.set(s),this._store.bufferedAmount.set(e),this._store.seekable.set(i),this._store.seekableAmount.set(h)}_handleSrcChange(t){this._store.src.set(t.detail)}_handleViewTypeChange(t){this._store.viewType.set(t.detail)}}(this),this.__mediaFullscreen=!1,this.__mediaIsVideoView=!1,this.__mediaPlaysinline=!1,this.screenOrientationController=new St(this),this.fullscreenController=new zt(this,this.screenOrientationController),ot(this,"vds-media-connect",{register:As}),ss(this,"fullscreen",(t=>{this.__mediaFullscreen=t})),ss(this,"viewType",(t=>{this.__mediaIsVideoView="video"===t})),ss(this,"playsinline",(t=>{this.__mediaPlaysinline=t})),this._bindMediaAttributes(),this._bindMediaCSSProperties()}static get styles(){return[ds`:host{display:inline-block;position:relative;contain:content}:host([hidden]){display:none}`]}get provider(){return this.controller.provider}update(t){Lt(this,"hide-ui",this._shouldHideMediaUI()),super.update(t)}render(){return E`<slot></slot>`}get canFullscreen(){return this.fullscreenController.isSupported}get fullscreen(){return this.fullscreenController.isFullscreen}get fullscreenOrientation(){return this.fullscreenController.screenOrientationLock}set fullscreenOrientation(t){const s=this.fullscreenController.screenOrientationLock;s!==t&&(this.fullscreenController.screenOrientationLock=t,this.requestUpdate("fullscreen-orientation",s))}enterFullscreen(){return this.fullscreenController.enterFullscreen()}exitFullscreen(){return this.fullscreenController.exitFullscreen()}_bindMediaAttributes(){!function(...t){new Ps(...t)}(this,this.controller.store,["autoplay","autoplayError","canLoad","canPlay","canFullscreen","ended","error","fullscreen","userIdle","loop","mediaType","muted","paused","playing","playsinline","seeking","started","viewType","waiting"])}_bindMediaCSSProperties(){!function(...t){new Fs(...t)}(this,this.controller.store,["bufferedAmount","currentTime","duration","seekableAmount"])}_shouldHideMediaUI(){return dt&&this.__mediaIsVideoView&&(!this.__mediaPlaysinline||this.__mediaFullscreen)}};hs([Ss()],Ds.prototype,"__mediaFullscreen",2),hs([Ss()],Ds.prototype,"__mediaIsVideoView",2),hs([Ss()],Ds.prototype,"__mediaPlaysinline",2),hs([Cs({attribute:"fullscreen-orientation"})],Ds.prototype,"fullscreenOrientation",1),Ot("vds-media",Ds);var qs=/\.(m4a|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i,Os=/\.(mp4|og[gv]|webm|mov|m4v|avi)($|\?)/i,Ls=class extends $s{constructor(){super(...arguments),this.preload="metadata",this._timeRAF=void 0,this._hasMediaElementConnected=!1,this._mediaElementDisposal=new B,this._isMediaWaiting=!1,this._ignoreNextAbortEvent=!1,this._ignoreNextEmptiedEvent=!1}get mediaElement(){return this._mediaElement}disconnectedCallback(){this._isMediaWaiting=!1,super.disconnectedCallback(),this._cancelTimeUpdates()}destroy(){this.mediaElement&&(this.mediaElement.pause(),this.mediaElement.src="",this.mediaElement.innerHTML="",this.mediaElement.load()),super.destroy()}_cancelTimeUpdates(){it(this._timeRAF)&&window.cancelAnimationFrame(this._timeRAF),this._timeRAF=void 0}_requestTimeUpdates(){tt(this._timeRAF)&&this._requestTimeUpdate()}_requestTimeUpdate(){const t=this.mediaElement?.currentTime??0;this.state.currentTime!==t&&this._updateCurrentTime(t),this._timeRAF=window.requestAnimationFrame((()=>{tt(this._timeRAF)||this._requestTimeUpdate()}))}_updateCurrentTime(t,s){this.dispatchEvent(Y("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&&!st(this.mediaElement)&&!this._hasMediaElementConnected}_findSlottedMediaElement(){const t=function(t){const s=t.shadowRoot?.querySelector("slot:not([name])")?.assignedNodes({flatten:!0})??[];return Array.prototype.filter.call(s,(t=>t.nodeType==Node.ELEMENT_NODE))}(this)[0];/^(audio|video)$/i.test(t?.tagName??""),this._mediaElement=t??void 0}_handleMediaElementConnect(){window.requestAnimationFrame((()=>{if(this._findSlottedMediaElement(),!this._canMediaElementConnect)return;const t=this.mediaElement;t.hasAttribute("loop")&&(this.loop=!0),t.removeAttribute("loop"),t.removeAttribute("poster"),Lt(t,"controls",this.controls),!this.state.canFullscreen&&this.fullscreenController.isSupported&&this.dispatchEvent(Y("vds-fullscreen-support-change",{detail:this.canFullscreen})),this._attachMediaEventListeners(),this._observePlaysinline(),this._observeMediaSources(),this.canLoadPoster&&this.poster.length>0&&t.getAttribute("poster")!==this.poster&&t.setAttribute("poster",this.poster),this._startPreloadingMedia(),this._hasMediaElementConnected=!0,this._disconnectDisposal.add(this._handleMediaElementDisconnect.bind(this))}))}_handleMediaElementDisconnect(){this._cancelTimeUpdates(),window.requestAnimationFrame((()=>{this._mediaElementDisposal.empty(),this._mediaElement=void 0})),this._hasMediaElementConnected=!1}startLoadingMedia(){super.startLoadingMedia(),this._handleMediaElementConnect()}_startPreloadingMedia(){if(this.state.canPlay)return;this.mediaElement.setAttribute("preload",this.preload);const t=this.mediaElement.networkState>=1;this._ignoreNextAbortEvent=t,this._ignoreNextEmptiedEvent=t,this.mediaElement.load(),setTimeout((()=>{this._ignoreNextAbortEvent=!1,this._ignoreNextEmptiedEvent=!1}),0)}_observePlaysinline(){const t=()=>this.mediaElement.hasAttribute("playsinline");this._handlePlaysinlineChange(t());const s=new MutationObserver((()=>this._handlePlaysinlineChange(t())));s.observe(this.mediaElement,{attributeFilter:["playsinline"]}),this._mediaElementDisposal.add((()=>s.disconnect()))}_handlePlaysinlineChange(t){this.dispatchEvent(Y("vds-playsinline-change",{detail:t}))}_observeMediaSources(){this._handleSrcChange(this._getMediaSources());const t=new MutationObserver((()=>this._handleSrcChange(this._getMediaSources())));t.observe(this.mediaElement,{attributeFilter:["src"],subtree:!0}),this._mediaElementDisposal.add((()=>t.disconnect()))}_handleSrcChange(t){var s,i;(s=this.state.src).length===(i=t).length&&s.every(((t,s)=>t===i[s]))||this.dispatchEvent(Y("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(st(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};Mt(t).forEach((s=>{const i=t[s].bind(this),e=I(this.mediaElement,s,(async t=>{await i(t)}));this._mediaElementDisposal.add(e)}))}_handleAbort(t){this._ignoreNextAbortEvent||(this.dispatchEvent(Y("vds-abort",{triggerEvent:t})),this._handleCurrentSrcChange("",t))}_handleCanPlay(t){this._handleMediaReady({event:t,duration:this.mediaElement.duration})}_handleCanPlayThrough(t){this.state.started||this.dispatchEvent(Y("vds-can-play-through",{triggerEvent:t,detail:{duration:this.mediaElement.duration}}))}_handleLoadStart(t){this._handleCurrentSrcChange(this.mediaElement.currentSrc,t),""!==this.mediaElement.currentSrc?this.dispatchEvent(Y("vds-load-start",{triggerEvent:t,detail:this._getMediaMetadata()})):this._handleAbort()}_handleEmptied(t){this._ignoreNextEmptiedEvent||this.dispatchEvent(Y("vds-emptied",{triggerEvent:t}))}_handleLoadedData(t){this.dispatchEvent(Y("vds-loaded-data",{triggerEvent:t}))}_handleLoadedMetadata(t){this.dispatchEvent(Y("vds-volume-change",{detail:{volume:this.mediaElement.volume,muted:this.mediaElement.muted}})),this.dispatchEvent(Y("vds-loaded-metadata",{triggerEvent:t,detail:this._getMediaMetadata()}))}_determineMediaType(t){this.dispatchEvent(Y("vds-media-type-change",{detail:this._getMediaType(),triggerEvent:t}))}_handlePlay(t){const s=Y("vds-play",{triggerEvent:t});s.autoplay=this._attemptingAutoplay,this.dispatchEvent(s)}_handlePause(t){(1!==this.mediaElement.readyState||this._isMediaWaiting)&&(this._isMediaWaiting=!1,this._cancelTimeUpdates(),this.dispatchEvent(Y("vds-pause",{triggerEvent:t})))}_handlePlaying(t){this._isMediaWaiting=!1;const s=Y("vds-playing",{triggerEvent:t});this.dispatchEvent(s),this._requestTimeUpdates()}_handleDurationChange(t){this.mediaElement.ended&&this._updateCurrentTime(this.mediaElement.duration,t),this.dispatchEvent(Y("vds-duration-change",{detail:this.mediaElement.duration,triggerEvent:t}))}_handleProgress(t){this.dispatchEvent(Y("vds-progress",{triggerEvent:t,detail:{buffered:this.mediaElement.buffered,seekable:this.mediaElement.seekable}}))}_handleRateChange(t){throw Error("Not implemented")}_handleSeeking(t){this.dispatchEvent(Y("vds-seeking",{detail:this.mediaElement.currentTime,triggerEvent:t}))}_handleSeeked(t){const s=Y("vds-seeked",{detail:this.mediaElement.currentTime,triggerEvent:t});this.dispatchEvent(s);const i=this.mediaElement.currentTime;if(Math.trunc(i)===Math.trunc(this.mediaElement.duration)&&wt(this.mediaElement.duration)>wt(i)&&(this._updateCurrentTime(this.mediaElement.duration,t),!this.mediaElement.ended))try{this.play()}catch(Cs){}}_handleStalled(t){this.dispatchEvent(Y("vds-stalled",{triggerEvent:t})),this.mediaElement.readyState<3&&(this._isMediaWaiting=!0,this.dispatchEvent(Y("vds-waiting",{triggerEvent:t})))}_handleVolumeChange(t){this.dispatchEvent(Y("vds-volume-change",{detail:{volume:this.mediaElement.volume,muted:this.mediaElement.muted},triggerEvent:t}))}_handleWaiting(t){this.mediaElement.readyState<3&&(this._isMediaWaiting=!0,this.dispatchEvent(Y("vds-waiting",{triggerEvent:t})))}_handleSuspend(t){const s=Y("vds-suspend",{triggerEvent:t});this.dispatchEvent(s)}_handleEnded(t){this._cancelTimeUpdates(),this._updateCurrentTime(this.mediaElement.duration,t);const s=Y("vds-end",{triggerEvent:t});this.dispatchEvent(s),this.state.loop?this._handleLoop():this.dispatchEvent(Y("vds-ended",{triggerEvent:t}))}_handleLoop(){st(this.controls)&&(this.mediaElement.controls=!1),this.dispatchEvent(Y("vds-loop-request"))}_handleError(t){const s=this.mediaElement.error;s&&this.dispatchEvent(Y("vds-error",{detail:{message:s.message,code:s.code,mediaError:s},triggerEvent:t}))}_getPaused(){return this.mediaElement?.paused??!0}_getVolume(){return this.mediaElement?.volume??1}_setVolume(t){this.mediaElement.volume=t}_getCurrentTime(){return this.mediaElement?.currentTime??0}_setCurrentTime(t){this.mediaElement.currentTime!==t&&(this.mediaElement.currentTime=t)}_getMuted(){return this.mediaElement?.muted??!1}_setMuted(t){this.mediaElement.muted=t}async play(){try{return this._throwIfNotReadyForPlayback(),await this._resetPlaybackIfEnded(),this.mediaElement?.play()}catch(t){const s=Y("vds-play-fail");throw s.autoplay=this._attemptingAutoplay,s.error=t,t}}async pause(){return this.mediaElement?.pause()}_getMediaType(){return qs.test(t=this.state.currentSrc)?"audio":Os.test(t)?"video":"unknown";var t}};hs([Cs()],Ls.prototype,"preload",2),Ot("vds-audio",class extends Ls{static get styles(){return[ds`:host{display:inline-block}:host([hidden]){display:none}`]}connectedCallback(){super.connectedCallback(),this.dispatchEvent(Y("vds-view-type-change",{detail:"audio"}))}});var Vs=ds`: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}`,Ns=class extends ks{constructor(){super(),this.pressed=!1,this.disabled=!1,this._handleButtonClickCapture=H(this,"click",(t=>{this.disabled&&(t.preventDefault(),t.stopImmediatePropagation())}),{capture:!0}),kt(this),["pointerup","keydown"].forEach((t=>{H(this,t,(t=>{this.disabled||Ut(t)&&!function(t){return Ut(t)&&("Enter"===t.key||" "===t.key)}(t)||this._handleButtonClick(t)}))}))}static get styles(){return[Vs]}static get parts(){return[]}connectedCallback(){super.connectedCallback(),Vt(this,"tabindex","0"),Vt(this,"role","button"),this._updateAriaPressedAttr()}updated(t){t.has("pressed")&&this._updateAriaPressedAttr()}_updateAriaPressedAttr(){Lt(this,"aria-pressed",this.pressed?"true":"false")}render(){return this._renderDefaultSlot()}_renderDefaultSlot(){return E`<slot></slot>`}_handleButtonClick(t){this.pressed=!this.pressed}};hs([Cs({type:Boolean})],Ns.prototype,"pressed",2),hs([Cs({type:Boolean,reflect:!0})],Ns.prototype,"disabled",2);var Rs=class{constructor(t){t?(this._target=t,this._createLogger(t),this._requests=Ct(t)):this._requests=new Et}startLoading(t){this._dispatchRequest("vds-start-loading",{triggerEvent:t})}play(t){this._dispatchRequest("vds-play-request",{triggerEvent:t})}pause(t){this._dispatchRequest("vds-pause-request",{triggerEvent:t})}mute(t){this._dispatchRequest("vds-mute-request",{triggerEvent:t})}unmute(t){this._dispatchRequest("vds-unmute-request",{triggerEvent:t})}enterFullscreen(t,s){this._dispatchRequest("vds-enter-fullscreen-request",{triggerEvent:s,detail:t})}exitFullscreen(t,s){this._dispatchRequest("vds-exit-fullscreen-request",{triggerEvent:s,detail:t})}seeking(t,s){this._dispatchRequest("vds-seeking-request",{detail:t,triggerEvent:s})}seek(t,s){this._dispatchRequest("vds-seek-request",{detail:t,triggerEvent:s})}changeVolume(t,s){this._dispatchRequest("vds-volume-change-request",{detail:t,triggerEvent:s})}resumeUserIdle(t){this._dispatchRequest("vds-resume-user-idle-request",{triggerEvent:t})}pauseUserIdle(t){this._dispatchRequest("vds-pause-user-idle-request",{triggerEvent:t})}showPoster(t){this._dispatchRequest("vds-show-poster-request",{triggerEvent:t})}hidePoster(t){this._dispatchRequest("vds-hide-poster-request",{triggerEvent:t})}setTarget(t){this._target!==t&&(this._target=t,t?(this._createLogger(t),this._requests.start()):this._requests.stop())}_dispatchRequest(t,s){this._requests.queue(t,(()=>{const i=Y(t,{...s,bubbles:!0,composed:!0});this._target?.dispatchEvent(i)}))}_createLogger(t){}};Ot("vds-play-button",class extends Ns{constructor(){super(),this._mediaRemote=new Rs(this),ss(this,"paused",(t=>{this.pressed=!t,Lt(this,"paused",t)}))}connectedCallback(){super.connectedCallback(),Vt(this,"aria-label","Play")}_handleButtonClick(t){this.disabled||(this.pressed?this._mediaRemote.pause(t):this._mediaRemote.play(t))}}),Ot("vds-mute-button",class extends Ns{constructor(){super(),this._mediaRemote=new Rs(this),this._volume=1,this._muted=!1,ss(this,"volume",(t=>{this._volume=t,this._handleMutedChange()})),ss(this,"muted",(t=>{this._muted=t,this._handleMutedChange()}))}connectedCallback(){super.connectedCallback(),Vt(this,"aria-label","Mute")}_handleMutedChange(){const t=this._muted||0===this._volume;this.pressed=t,Lt(this,"muted",t)}_handleButtonClick(t){this.disabled||(this.pressed?this._mediaRemote.unmute(t):this._mediaRemote.mute(t))}});var Us=Z((function(){const t=Tt(!1),s=Tt(!1);return{value:Tt(50),pointerValue:Tt(0),min:Tt(0),max:Tt(100),dragging:t,pointing:s,interactive:Pt([t,s],(([t,s])=>t||s))}})),js=ds`*{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}`,Is=(t=>(t[t.Left=-1]="Left",t[t.ArrowLeft=-1]="ArrowLeft",t[t.Up=-1]="Up",t[t.ArrowUp=-1]="ArrowUp",t[t.Right=1]="Right",t[t.ArrowRight=1]="ArrowRight",t[t.Down=1]="Down",t[t.ArrowDown=1]="ArrowDown",t))(Is||{}),Bs=class extends ks{constructor(){super(),this._sliderStoreProvider=Us.provide(this),this.disabled=!1,this.value=50,this._step=1,this._keyboardStep=1,this.shiftKeyMultiplier=5,this.customValueText=!1,this._mediaRemote=new Rs(this),this._disconnectDisposal=new B,this._handlePointerEnter=H(this,"pointerenter",(()=>{this.disabled||(this.setAttribute("pointing",""),this.store.pointing.set(!0))})),this._handlePointerMove=H(this,"pointermove",(t=>{if(this.disabled||this.isDragging)return;const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s),this._dispatchPointerValueChange(t)})),this._handlePointerLeave=H(this,"pointerleave",(()=>{this.disabled||(this.removeAttribute("pointing"),this.store.pointing.set(!1))})),this._handlePointerDown=H(this,"pointerdown",(t=>{this.disabled||(this._startDragging(t),this._onDrag(t))})),this._handleKeydown=H(this,"keydown",(t=>{if(this.disabled)return;const{key:s,shiftKey:i}=t;if(!Object.keys(Is).includes(s))return;const e=i?this.keyboardStep*this.shiftKeyMultiplier:this.keyboardStep,h=Number(Is[s]);this.value=this._getClampedValue(this.step*((this.value+e*h)/this.step)),this._dispatchValueChange(t)})),this._handleFillValueChange=H(this,"vds-slider-value-change",this._updateFillCSSProps.bind(this)),this._handlePointerValueChange=H(this,"vds-slider-pointer-value-change",this._updatePointerCSSProps.bind(this)),this._onDrag=Wt((t=>{if(this.disabled||!this.isDragging)return;const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s),this._dispatchPointerValueChange(t)})),this._handleDocumentPointerUp=H(this,"pointerup",(t=>{!this.disabled&&this.isDragging&&this._stopDragging(t)}),{target:document}),this._handleDocumentTouchMove=H(this,"touchmove",(t=>{!this.disabled&&this.isDragging&&t.preventDefault()}),{target:document,passive:!1}),this._handleDocumentPointerMove=H(this,"pointermove",(t=>{!this.disabled&&this.isDragging&&this._onDrag(t)}),{target:document}),this._lastDispatchedValue=this.value,this._dispatchValueChange=Wt((t=>{this.value!==this._lastDispatchedValue&&(this.dispatchEvent(Y("vds-slider-value-change",{detail:this.value,triggerEvent:t})),this._lastDispatchedValue=this.value)})),this._lastDispatchedPointerValue=this.pointerValue,this._dispatchPointerValueChange=Wt((t=>{this.pointerValue!==this._lastDispatchedPointerValue&&(["vds-slider-pointer-value-change",this.isDragging&&"vds-slider-drag-value-change"].forEach((s=>{s&&this.dispatchEvent(Y(s,{detail:this.pointerValue,triggerEvent:t}))})),this._lastDispatchedPointerValue=this.pointerValue)})),kt(this)}static get styles(){return[js]}static get parts(){return[]}get store(){return this._sliderStoreProvider.value}get min(){return Ft(this.store.min)}set min(t){this.store.min.set(t)}get max(){return Ft(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 Ft(this.store.dragging)}get fillRate(){const t=this.max-this.min;return t>0?(this.value-this.min)/t:0}get fillPercent(){return 100*this.fillRate}get pointerValue(){return Ft(this.store.pointerValue)}get pointerRate(){const t=this.max-this.min;return t>0?(this.pointerValue-this.min)/t:0}get pointerPercent(){return 100*this.pointerRate}connectedCallback(){super.connectedCallback(),this._setupAriaAttrs(),this._updateFillCSSProps(),this._updatePointerCSSProps(),this._disconnectDisposal.add(this.store.interactive.subscribe((t=>{Lt(this,"interactive",t)})))}willUpdate(t){(t.has("value")||t.has("min")||t.has("max"))&&(this.value=this._getClampedValue(this.value),this.store.value.set(this.value),this._updateFillCSSProps(),this._dispatchValueChange()),t.has("disabled")&&this.disabled&&(this.store.dragging.set(!1),this.store.pointing.set(!1),this.removeAttribute("dragging"),this.removeAttribute("pointing"),this.removeAttribute("interactive"),Lt(this,"aria-disabled",this.disabled)),this.customValueText||this._updateAriaValueAttrs(),super.willUpdate(t)}disconnectedCallback(){this._onDrag.cancel(),this._disconnectDisposal.empty(),super.disconnectedCallback()}_updateFillCSSProps(){Nt(this,"fill-value",`${this.value}`),Nt(this,"fill-rate",`${this.fillRate}`),Nt(this,"fill-percent",`${this.fillPercent}%`)}_updatePointerCSSProps(){Nt(this,"pointer-value",`${this.pointerValue}`),Nt(this,"pointer-rate",`${this.pointerRate}`),Nt(this,"pointer-percent",`${this.pointerPercent}%`)}render(){return this._renderSlider()}_renderSlider(){return E`${this._renderDefaultSlot()}`}_renderDefaultSlot(){return E`<slot></slot>`}_setupAriaAttrs(){Vt(this,"role","slider"),Vt(this,"tabindex","0"),Vt(this,"aria-orientation","horizontal"),Vt(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`${_t(this.value/this.max*100,2)}%`}_startDragging(t){if(this.isDragging)return;this.store.dragging.set(!0),this.setAttribute("dragging","");const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s),this._dispatchPointerValueChange(t),this.dispatchEvent(Y("vds-slider-drag-start",{triggerEvent:t,detail:this.value})),this._mediaRemote.pauseUserIdle(t)}_stopDragging(t){if(!this.isDragging)return;this.store.dragging.set(!1),this._dispatchValueChange.cancel(),this.removeAttribute("dragging");const s=this._getValueBasedOnThumbPosition(t);this.value=s,this.store.pointerValue.set(s),this._dispatchValueChange(t),this._dispatchPointerValueChange(t),this.dispatchEvent(Y("vds-slider-drag-end",{triggerEvent:t,detail:this.value})),this._mediaRemote.resumeUserIdle(t)}_getClampedValue(t){return bt(this.min,_t(t,wt(this.step)),this.max)}_getValueFromRate(t){const s=bt(0,t,1),i=Math.round((this.max-this.min)*s/this.step);return this.min+this.step*i}_getValueBasedOnThumbPosition(t){const s=t.clientX,{left:i,width:e}=this.getBoundingClientRect();return this._getValueFromRate((s-i)/e)}};hs([Cs({type:Number})],Bs.prototype,"min",1),hs([Cs({type:Number})],Bs.prototype,"max",1),hs([Cs({reflect:!0,type:Boolean})],Bs.prototype,"disabled",2),hs([Cs({type:Number})],Bs.prototype,"value",2),hs([Cs({type:Number})],Bs.prototype,"step",1),hs([Cs({attribute:"keyboard-step",type:Number})],Bs.prototype,"keyboardStep",1),hs([Cs({attribute:"shift-key-multiplier",type:Number})],Bs.prototype,"shiftKeyMultiplier",2),hs([Cs({type:Boolean,attribute:"custom-value-text"})],Bs.prototype,"customValueText",2);var Hs=ds``,Ws=class extends Bs{constructor(){super(),this._step=.1,this.value=0,this.valueText="{currentTime} out of {duration}",this.pauseWhileDragging=!1,this.seekingRequestThrottle=100,this.__mediaDuration=0,this.__mediaPaused=!0,this._handleSliderDragStart=H(this,"vds-slider-drag-start",(t=>{this._togglePlaybackWhileDragging(t)})),this._handleSliderValueChange=H(this,"vds-slider-value-change",(t=>{Ut(t.originEvent)&&(this._dispatchSeekingRequest.cancel(),this._mediaRemote.seek(this.value,t))})),this._handleSliderDragValueChange=H(this,"vds-slider-drag-value-change",(t=>{this._dispatchSeekingRequest(t)})),this._handleSliderDragEnd=H(this,"vds-slider-drag-end",(t=>{this._dispatchSeekingRequest.cancel(),this._mediaRemote.seek(this.value,t),this._togglePlaybackWhileDragging(t)})),this._dispatchSeekingRequest=j((t=>{this._mediaRemote.seeking(this.value,t)}),this.seekingRequestThrottle),this._wasPlayingBeforeDragStart=!1,ss(this,"currentTime",(t=>{this.value=t})),ss(this,"duration",(t=>{this.__mediaDuration=t,this.requestUpdate("max")})),ss(this,"paused",(t=>{this.__mediaPaused=t}))}static get styles(){return[super.styles,Hs]}connectedCallback(){super.connectedCallback(),Vt(this,"aria-label","Media time")}get min(){return 0}set min(t){}get max(){return this.__mediaDuration}set max(t){}update(t){t.has("disabled")&&this.disabled&&this._dispatchSeekingRequest.cancel(),super.update(t)}disconnectedCallback(){this._dispatchSeekingRequest.cancel(),super.disconnectedCallback()}_getValueMin(){return"0%"}_getValueNow(){return`${Math.round(this.fillPercent)}%`}_getValueText(){return this.valueText.replace("{currentTime}",Ht(this.value)).replace("{duration}",Ht(this.__mediaDuration))}_getValueMax(){return"100%"}_togglePlaybackWhileDragging(t){this.pauseWhileDragging&&(this.isDragging&&!this.__mediaPaused?(this._wasPlayingBeforeDragStart=!0,this._mediaRemote.pause(t)):this._wasPlayingBeforeDragStart&&!this.isDragging&&this.__mediaPaused&&(this._wasPlayingBeforeDragStart=!1,this._mediaRemote.play(t)))}};hs([Cs({attribute:!1,state:!0})],Ws.prototype,"value",2),hs([Cs({attribute:!1})],Ws.prototype,"min",1),hs([Cs({attribute:!1})],Ws.prototype,"max",1),hs([Cs({attribute:"value-text"})],Ws.prototype,"valueText",2),hs([Cs({attribute:"pause-while-dragging",type:Boolean})],Ws.prototype,"pauseWhileDragging",2),hs([Cs({attribute:"seeking-request-throttle",type:Number})],Ws.prototype,"seekingRequestThrottle",2),hs([Ss()],Ws.prototype,"__mediaDuration",2),hs([Ss()],Ws.prototype,"__mediaPaused",2),Ot("vds-time-slider",Ws);var Ys=class extends Bs{constructor(){super(),this.value=100,this._handleSliderValueChange=H(this,"vds-slider-value-change",this._changeVolume.bind(this)),this._handleSliderDragValueChange=H(this,"vds-slider-drag-value-change",this._changeVolume.bind(this)),ss(this,"volume",(t=>{this.value=100*t}))}connectedCallback(){super.connectedCallback(),Vt(this,"aria-label","Media volume")}get min(){return 0}set min(t){}get max(){return 100}set max(t){}_changeVolume(t){const s=_t(t.detail/100,3);this._mediaRemote.changeVolume(s,t)}};hs([Cs({attribute:!1})],Ys.prototype,"min",1),hs([Cs({attribute:!1})],Ys.prototype,"max",1),hs([Cs({attribute:!1,state:!0})],Ys.prototype,"value",2),Ot("vds-volume-slider",Ys);var Ks=class extends ks{constructor(){super(...arguments),this._disposal=new B,this._sliderStoreConsumer=Us.consume(this),this.__value=0,this.type="current",this.showHours=!1,this.padHours=!1,this.decimalPlaces=2}static get styles(){return[ds`:host{display:inline-block;contain:content}:host([hidden]){display:none}`]}get _sliderStore(){return this._sliderStoreConsumer.value}connectedCallback(){super.connectedCallback(),this._handleTypeChange()}update(t){(t.has("type")||t.has("format"))&&this._handleTypeChange(),super.update(t)}disconnectedCallback(){this._disposal.empty(),super.disconnectedCallback()}render(){return E`${this._getValueText()}`}_handleTypeChange(){this._disposal.empty();const t=this._sliderStore["current"===this.type?"value":"pointerValue"],s=("percent"===this.format?this._createPercentStore(t):t).subscribe((t=>{this.__value=t}));this._disposal.add(s)}_createPercentStore(t){return Pt([t,this._sliderStore.min,this._sliderStore.max],(([t,s,i])=>t/(i-s)*100))}_getValueText(){switch(this.format){case"percent":return this._getPercentFormat();case"time":return this._getTimeFormat();default:return`${this.__value}`}}_getPercentFormat(){return`${_t(this.__value,this.decimalPlaces)}%`}_getTimeFormat(){return Bt(this.__value,this.padHours,this.showHours)}};hs([Ss()],Ks.prototype,"__value",2),hs([Cs()],Ks.prototype,"type",2),hs([Cs()],Ks.prototype,"format",2),hs([Cs({attribute:"show-hours",type:Boolean})],Ks.prototype,"showHours",2),hs([Cs({attribute:"pad-hours",type:Boolean})],Ks.prototype,"padHours",2),hs([Cs({attribute:"decimal-places",type:Number})],Ks.prototype,"decimalPlaces",2),Ot("vds-slider-value-text",Ks);var Xs=class extends ks{constructor(){super(...arguments),this._disposal=new B,this._mediaStoreConsumer=ts.consume(this),this.__seconds=0,this.type="current",this.showHours=!1,this.padHours=!1,this.remainder=!1}static get styles(){return[ds`:host{display:inline-block;contain:content}:host([hidden]){display:none}`]}get _mediaStore(){return this._mediaStoreConsumer.value}connectedCallback(){super.connectedCallback(),this._handleTypeChange()}update(t){(t.has("type")||t.has("remainder"))&&this._handleTypeChange(),super.update(t)}disconnectedCallback(){this._disposal.empty(),super.disconnectedCallback()}render(){return E`${this._getFormattedTime()}`}_handleTypeChange(){this._disposal.empty();const t=this._getTypeStore(),s=(this.remainder?this._createRemainderStore(t):t).subscribe((t=>{this.__seconds=t}));this._disposal.add(s)}_getTypeStore(){switch(this.type){case"buffered":return this._mediaStore.bufferedAmount;case"seekable":return this._mediaStore.seekableAmount;case"duration":return this._mediaStore.duration;default:return this._mediaStore.currentTime}}_createRemainderStore(t){return Pt([t,this._mediaStore.duration],(([t,s])=>Math.max(0,s-t)))}_getFormattedTime(){return Bt(this.__seconds,this.padHours,this.showHours)}};hs([Ss()],Xs.prototype,"__seconds",2),hs([Cs()],Xs.prototype,"type",2),hs([Cs({attribute:"show-hours",type:Boolean})],Xs.prototype,"showHours",2),hs([Cs({attribute:"pad-hours",type:Boolean})],Xs.prototype,"padHours",2),hs([Cs({type:Boolean})],Xs.prototype,"remainder",2),Ot("vds-time",Xs);const Js=class{constructor(i){t(this,i),this.stzhPlay=s(this,"stzhPlay",7),this.stzhPlaying=s(this,"stzhPlaying",7),this.stzhPause=s(this,"stzhPause",7),this.stzhReplay=s(this,"stzhReplay",7),this.stzhEnd=s(this,"stzhEnd",7),this.stzhEnded=s(this,"stzhEnded",7),this.stzhError=s(this,"stzhError",7),this.localization=void 0,this.src="",this.preload="none",this.transcript="",this.transcriptShown=!1}async play(){this.vsdAudioElement.play()}async pause(){this.vsdAudioElement.pause()}async componentWillLoad(){this.localization||(this.localization=await r(this.element,"audio"))}render(){const t=!!this.transcript||n(this.element,"transcript");return i(e,null,i("vds-media",{class:{"stzh-audio":!0}},i("vds-audio",{class:"stzh-audio__audio",ref:t=>this.vsdAudioElement=t,"onVds-play":()=>{this.stzhPlay.emit({component:"stzh-audio"})},"onVds-playing":()=>{this.stzhPlaying.emit({component:"stzh-audio"})},"onVds-end":()=>{this.stzhEnd.emit({component:"stzh-audio"})},"onVds-ended":()=>{this.stzhEnded.emit({component:"stzh-audio"})},"onVds-replay":()=>{this.stzhReplay.emit({component:"stzh-audio"})},"onVds-error":t=>{this.stzhError.emit({component:"stzh-audio",originalEvent:t})}},i("audio",{preload:this.preload,src:this.src},i("slot",null))),i("div",{class:"stzh-audio__controls"},i("div",{class:"stzh-audio__loader-overlay"},i("stzh-loader",{class:"stzh-audio__loader",label:this.localization.loading,"hide-label":!0})),i("div",{class:"stzh-audio__controls-top"},i("vds-time-slider",{class:"stzh-audio__slider is-time"},i("div",{class:"stzh-audio__slider-track"}),i("div",{class:"stzh-audio__slider-track is-fill"}),i("div",{class:"stzh-audio__slider-thumb-container"},i("div",{class:"stzh-audio__slider-thumb"})),i("div",{class:"stzh-audio__media-preview-container"},i("vds-slider-value-text",{class:"stzh-audio__slider-text",type:"pointer",format:"time"})))),i("div",{class:"stzh-audio__controls-bottom"},i("stzh-tooltip",null,i("vds-play-button",{class:"stzh-audio__button is-play"},i("stzh-icon",{class:"stzh-audio__played",name:"play-filled"}),i("stzh-icon",{class:"stzh-audio__paused",name:"pause-filled"})),i("span",{slot:"content"},i("span",{class:"stzh-audio__played"},this.localization.play),i("span",{class:"stzh-audio__paused"},this.localization.pause))),i("div",{class:"stzh-audio__time"},i("vds-time",{type:"current"}),i("span",{class:"stzh-audio__time-separator"},"/"),i("vds-time",{type:"duration"})),i("stzh-tooltip",null,i("vds-mute-button",{class:"stzh-audio__button is-mute"},i("stzh-icon",{class:"stzh-audio__muted",name:"volume-medium"}),i("stzh-icon",{class:"stzh-audio__unmuted",name:"silent-mode"})),i("span",{slot:"content"},i("span",{class:"stzh-audio__muted"},this.localization.mute),i("span",{class:"stzh-audio__unmuted"},this.localization.unmute))),i("vds-volume-slider",{class:"stzh-audio__slider is-volume"},i("div",{class:"stzh-audio__slider-track"}),i("div",{class:"stzh-audio__slider-track is-fill"}),i("div",{class:"stzh-audio__slider-thumb-container"},i("div",{class:"stzh-audio__slider-thumb"})),i("div",{class:"stzh-audio__media-preview-container"},i("vds-slider-value-text",{class:"stzh-audio__slider-text",type:"pointer",format:"percent"}))),t&&i("stzh-tooltip",{content:this.transcriptShown?this.localization.hideTranscript:this.localization.showTranscript},i("button",{class:{"stzh-audio__button is-transcript":!0,"is-active":this.transcriptShown},onClick:()=>this.transcriptShown=!this.transcriptShown},i("stzh-icon",{name:"transcript"}))),i("stzh-tooltip",{content:this.localization.download},i("a",{class:"stzh-audio__button is-download",href:this.src,download:""},i("stzh-icon",{name:"download"}))))),i("div",{class:"stzh-audio__transcript",hidden:!this.transcriptShown},i("stzh-text",null,this.transcript?this.transcript:i("slot",{name:"transcript"})))))}get element(){return h(this)}};Js.style=".sc-stzh-audio-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-audio-h{display:none}.sc-stzh-audio-h *.sc-stzh-audio,.sc-stzh-audio-h *.sc-stzh-audio::before,.sc-stzh-audio-h *.sc-stzh-audio::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-audio.sc-stzh-audio{display:block;contain:none}.stzh-audio__audio.sc-stzh-audio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-audio__controls.sc-stzh-audio{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-audio__controls-top.sc-stzh-audio{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--stzh-space-small)}.stzh-audio__controls-bottom.sc-stzh-audio{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{border:0.0625rem solid var(--stzh-base-border-color);padding:var(--stzh-space-medium) var(--stzh-space-xlarge)}.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-xsmall)}.stzh-audio__button.sc-stzh-audio{width:2.5rem;height:2.5rem;display:grid;place-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:var(--stzh-button-border-radius);-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);-webkit-transition-property:color, background-color;transition-property:color, background-color;color:var(--stzh-color-grey55)}.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-active.sc-stzh-audio{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-audio__button.sc-stzh-audio:hover{color:var(--stzh-color-white);background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-audio__transcript.sc-stzh-audio{border-top:none}.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-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));display:-ms-inline-flexbox;display:inline-flex;margin-right:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-audio__time.sc-stzh-audio{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}@media screen and (max-width: 599px){.stzh-audio__time.sc-stzh-audio{margin-right:auto}}.stzh-audio__time-separator.sc-stzh-audio{margin:0 var(--stzh-space-xxsmall)}.stzh-audio__slider.sc-stzh-audio{--height:1.1875rem;--thumb-width:0.8125rem;--track-height:0.3125rem;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:var(--height);border-radius:var(--stzh-button-border-radius)}.stzh-audio__slider.is-time.sc-stzh-audio{-ms-flex-positive:1;flex-grow:1}.stzh-audio__slider.is-volume.sc-stzh-audio{width:20%;min-width:5rem;max-width:6.875rem;display:none}@media screen and (min-width: 600px){.stzh-audio__slider.is-volume.sc-stzh-audio{display:-ms-flexbox;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;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:0.25rem;background-color:var(--stzh-color-grey25)}.stzh-audio__slider-track.is-fill.sc-stzh-audio{background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:calc(var(--vds-fill-rate) * 100%);z-index:1}.stzh-audio__slider-thumb-container.sc-stzh-audio{position:absolute;top:0;left:var(--vds-fill-percent);width:var(--thumb-width);height:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2}.stzh-audio__slider[dragging].sc-stzh-audio .stzh-audio__slider-thumb-container.sc-stzh-audio{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);-webkit-box-shadow:0 0 0 0.0625rem rgba(0, 0, 0, 0.25);box-shadow:0 0 0 0.0625rem rgba(0, 0, 0, 0.25);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.stzh-audio__media-preview-container.sc-stzh-audio{--width:2.625rem;--width-half:calc(var(--width) / 2);--top:-1.5rem;--left-clamp:max(var(--width-half), var(--vds-pointer-percent));--right-clamp:calc(100% - var(--width-half));--left:min(var(--left-clamp), var(--right-clamp));display:grid;place-items:center;position:absolute;width:var(--width);top:var(--top);left:var(--left);width:var(--width);opacity:0;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed);-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:var(--stzh-z-index-popover);-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover);border-radius:var(--stzh-tooltip-border-radius);background-color:var(--stzh-color-white)}@supports ((-webkit-filter: var(--stzh-tooltip-drop-shadow)) or (filter: var(--stzh-tooltip-drop-shadow))){.stzh-audio__media-preview-container.sc-stzh-audio{-webkit-box-shadow:none;box-shadow:none;-webkit-filter:var(--stzh-tooltip-drop-shadow);filter:var(--stzh-tooltip-drop-shadow)}}.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-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-audio[hide-ui].sc-stzh-audio .stzh-audio__controls.sc-stzh-audio{opacity:0;visibility:hidden}.stzh-audio[autoplay-error].sc-stzh-audio .stzh-audio__controls.sc-stzh-audio{opacity:1}.stzh-audio.sc-stzh-audio:not([can-play]) .stzh-audio__loader-overlay.sc-stzh-audio,.stzh-audio[waiting].sc-stzh-audio .stzh-audio__loader-overlay.sc-stzh-audio{opacity:0.8;visibility:visible}.stzh-audio[paused].sc-stzh-audio .stzh-audio__paused.sc-stzh-audio{display:none}.stzh-audio.sc-stzh-audio:not([paused]) .stzh-audio__played.sc-stzh-audio{display:none}.stzh-audio[muted].sc-stzh-audio .stzh-audio__muted.sc-stzh-audio{display:none}.stzh-audio.sc-stzh-audio:not([muted]) .stzh-audio__unmuted.sc-stzh-audio{display:none}";export{Js as stzh_audio}
+ */}function Ss(t){return Cs({...t,state:!0})}var Ms=Symbol("@vidstack/media-provider-discovery"),$s=class extends ks{constructor(){super(),this._disconnectDisposal=new B,this._logger=void 0,this.loading="visible",this._attemptingAutoplay=!1,this.controllerQueue=new Et,this._store=Gt(),this._state=Dt(this._store),this.connectedQueue=Ct(this),this.mediaQueue=new Et,this.screenOrientationController=new St(this),this.fullscreenController=new zt(this,this.screenOrientationController),ot(this,"vds-media-provider-connect",{register:Ms});const t=function(...t){return new class{constructor(t,s={},i=(()=>!0),e){this._host=t,this._callback=i,this._logger=e,this._skipInitial=!1,this._unobservedUpdate=!1;const{target:h,skipInitial:n,...r}=s;this._target=h??void 0,this._skipInitial=n??this._skipInitial,window.IntersectionObserver&&(this._observer=new IntersectionObserver((t=>{const s=this._unobservedUpdate;this._unobservedUpdate=!1,this._skipInitial&&s||(this.handleChanges(t),this._host.requestUpdate())}),r),t.addController(this))}handleChanges(t){this.value=this._callback(t,this._observer)}hostConnected(){this._target&&this.observe(this._target)}hostDisconnected(){this._disconnect()}async hostUpdated(){const t=this._observer.takeRecords();t.length&&this.handleChanges(t)}observe(t){return this._observer.observe(t),this._unobservedUpdate=!0,()=>{this._observer.unobserve(t)}}_disconnect(){this._observer.disconnect()}}(...t)}(this,{target:this,threshold:0},(s=>{/(visible|lazy)/.test(this.loading)?s[0]?.isIntersecting&&(this.startLoadingMedia(),t.hostDisconnected()):t.hostDisconnected()}))}connectedCallback(){super.connectedCallback(),this._logMediaEvents(),window.requestAnimationFrame((()=>{tt(this.canLoadPoster)&&(this.canLoadPoster=!0)}))}firstUpdated(t){super.firstUpdated(t),this.dispatchEvent(Y("vds-fullscreen-support-change",{detail:this.canFullscreen})),this.canLoad||"eager"===this.loading?window?.requestAnimationFrame((()=>{this.startLoadingMedia()})):"idle"===this.loading&&Rt((()=>{this.startLoadingMedia()}))}render(){return E`<slot @slotchange="${this.handleDefaultSlotChange}"></slot>`}disconnectedCallback(){this._updateMediaStoreOnDisconnect(this._store),this.mediaQueue.destroy(),this._disconnectDisposal.empty(),super.disconnectedCallback(),qt((()=>{qt((()=>{this.isConnected||this.destroy()}))}))}_updateMediaStoreOnDisconnect(t){t.paused.set(!0),t.playing.set(!1),t.seeking.set(!1),t.waiting.set(!1),t.fullscreen.set(!1)}destroy(){this.isConnected&&this.disconnectedCallback(),this.dispatchEvent(Y("vds-destroy"))}_logMediaEvents(){}get volume(){return this._getVolume()}set volume(t){this.mediaQueue.queue("volume",(()=>{const s=this.volume,i=bt(0,t,1);s!==i&&(this._setVolume(i),this.requestUpdate("volume",s))}))}get paused(){return this._getPaused()}set paused(t){this.mediaQueue.queue("paused",(()=>{if(this.paused!==t)try{t?this.pause():this.play(),this.requestUpdate("paused",!t)}catch(Cs){this._logger?.error("paused-change-fail",Cs)}}))}get currentTime(){return this._getCurrentTime()}set currentTime(t){this.mediaQueue.queue("current-time",(()=>{const s=this.currentTime;s!==t&&(this._setCurrentTime(t),this.requestUpdate("currentTime",s))}))}get muted(){return this._getMuted()}set muted(t){this.mediaQueue.queue("muted",(()=>{const s=this.muted;s!==t&&(this._setMuted(t),this.requestUpdate("muted",s))}))}get poster(){return this.state.poster}set poster(t){const s=this.poster;s!==t&&(this.dispatchEvent(Y("vds-poster-change",{detail:t})),this.requestUpdate("poster",s))}get loop(){return this.state.loop}set loop(t){const s=this.loop;s!==t&&(this.dispatchEvent(Y("vds-loop-change",{detail:t})),this.requestUpdate("loop",s))}get controls(){return this.state.controls}set controls(t){const s=this.controls;s!==t&&(this.dispatchEvent(Y("vds-controls-change",{detail:t})),this.requestUpdate("controls",s))}get canLoad(){return this.state.canLoad}startLoadingMedia(){this.state.canPlay||this.dispatchEvent(Y("vds-can-load"))}_throwIfNotReadyForPlayback(){if(!this.state.canPlay)throw Error("Media is not ready - wait for `vds-can-play` event.")}async _resetPlaybackIfEnded(){if(this.state.ended&&0!==this.state.currentTime)return this._setCurrentTime(0)}_throwIfNotVideoView(){if("video"!==this.state.viewType)throw Error("Player is currently not in a video view.")}async _handleMediaReady({event:t,duration:s}){this.state.canPlay||(this.dispatchEvent(Y("vds-can-play",{triggerEvent:t,detail:{duration:s}})),this.mediaQueue.start(),await this._attemptAutoplay())}_handleCurrentSrcChange(t,s){this.state.currentSrc!==t&&(this.mediaQueue.stop(),this.dispatchEvent(Y("vds-current-src-change",{detail:t,triggerEvent:s})))}get autoplay(){return this.state.autoplay}set autoplay(t){this.autoplay!==t&&(this.dispatchEvent(Y("vds-autoplay-change",{detail:t})),this.requestUpdate("autoplay",!t)),this._attemptAutoplay()}get _canAttemptAutoplay(){return this.state.canPlay&&this.state.autoplay&&!this.state.started}async _attemptAutoplay(){if(this._canAttemptAutoplay){this._attemptingAutoplay=!0;try{await this.play(),this.dispatchEvent(Y("vds-autoplay",{detail:{muted:this.muted}}))}catch(t){this.dispatchEvent(Y("vds-autoplay-fail",{detail:{muted:this.muted,error:t}})),this.requestUpdate()}this._attemptingAutoplay=!1}}get controller(){return this._controller}get logLevel(){return this._controller?.logLevel??"silent"}set logLevel(t){}get idleDelay(){return this._controller?.idleDelay??0}set idleDelay(t){this.controllerQueue.queue("idle-delay",(()=>{this._controller.idleDelay=t}))}attachMediaController(t,s){this._controller=t,this._store=t._store,this._state=t.state,this.controllerQueue.start(),s((()=>{this.controllerQueue.destroy(),this._store=Gt(),this._state=Dt(this._store),this._controller&&(At(this._controller._store,this._store),this._updateMediaStoreOnDisconnect(this._controller._store)),this._controller=void 0}))}dispatchEvent(t){return!this._controller&&t.type.startsWith("vds-")&&"vds-destroy"!==t.type?(this.controllerQueue.queue(t.type,(()=>{super.dispatchEvent(t)})),!1):super.dispatchEvent(t)}store(){return this._store}get state(){return this._state}get canFullscreen(){return this.fullscreenController.isSupported}get fullscreen(){return this.fullscreenController.isFullscreen}get fullscreenOrientation(){return this.fullscreenController.screenOrientationLock}set fullscreenOrientation(t){const s=this.fullscreenController.screenOrientationLock;s!==t&&(this.fullscreenController.screenOrientationLock=t,this.requestUpdate("fullscreen-orientation",s))}enterFullscreen(){return this.fullscreenController.enterFullscreen()}exitFullscreen(){return this.fullscreenController.exitFullscreen()}};hs([Cs({type:Number})],$s.prototype,"volume",1),hs([Cs({type:Boolean})],$s.prototype,"paused",1),hs([Cs({type:Number})],$s.prototype,"currentTime",1),hs([Cs({type:Boolean})],$s.prototype,"muted",1),hs([Cs()],$s.prototype,"poster",1),hs([Cs({type:Boolean})],$s.prototype,"loop",1),hs([Cs({type:Boolean})],$s.prototype,"controls",1),hs([Ss()],$s.prototype,"canLoadPoster",2),hs([Cs({attribute:"loading"})],$s.prototype,"loading",2),hs([Cs({type:Boolean})],$s.prototype,"autoplay",1),hs([Cs({attribute:"log-level"})],$s.prototype,"logLevel",1),hs([Cs({attribute:"idle-delay",type:Number})],$s.prototype,"idleDelay",1),hs([Cs({attribute:"fullscreen-orientation"})],$s.prototype,"fullscreenOrientation",1);var Ts=class{constructor(t,s,i){this._host=t,this._store=s,this._mediaProps=i,this._disposal=new B,this._host.addController({hostConnected:this._hostConnected.bind(this),hostDisconnected:this._hostDisconnected.bind(this)})}_hostConnected(){Rt((()=>{for(const t of this._mediaProps){const s=this._store[t];if(s){const i=this._getMediaAttrName(t),e=s.subscribe((s=>{window?.requestAnimationFrame((()=>{this._handleValueChange(t,i,s)}))}));this._disposal.add(e)}}}))}_hostDisconnected(){for(const t of this._mediaProps)this._handleDisconnect(t,this._getMediaAttrName(t));this._disposal.empty()}_getMediaAttrName(t){return t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}},Ps=class extends Ts{_handleValueChange(t,s,i){window.requestAnimationFrame((()=>{Lt(this._host,s,et(i)||it(i)?String(i):!!i)}))}_handleDisconnect(t,s){this._host.removeAttribute(s)}},Fs=class extends Ts{_handleValueChange(t,s,i){window.requestAnimationFrame((()=>{this._host.style.setProperty(this._getCssPropName(s),et(i)||it(i)?String(i):null)}))}_getCssPropName(t){return`--vds-${t}`}_handleDisconnect(t,s){this._host.style.setProperty(this._getCssPropName(s),null)}},As=Symbol("@vidstack/media-discovery"),Ds=class extends ks{constructor(){super(),this.controller=new class{constructor(t){var s,i,e,h,n,r,o;this._host=t,this._disconnectDisposal=new B,this.providerQueue=new Et,this.providerDisposal=new B,this._logController=void 0,this._logger=void 0,this._providerContext=Yt.provide(this._host),this._mediaStoreProvider=ts.provide(this._host),this.state=Dt(this._store),this._userIdleController=new class{constructor(t,s){this._host=t,this._mediaStore=s,this._idle=!1,this._mediaPaused=!1,this._idlingPaused=!1,this._disposal=new B,this.delay=2e3,t.addController(this)}get paused(){return this._idlingPaused||this._mediaPaused}set paused(t){this._idlingPaused=t,this._handleIdleChange()}hostConnected(){this._disposal.add(this._mediaStore.paused.subscribe((t=>{this._mediaPaused=t,this._handleIdleChange()}))),["pointerdown","pointermove","focus","keydown"].forEach((t=>{const s=I(this._host,t,this._handleIdleChange.bind(this));this._disposal.add(s)}))}hostDisconnected(){this._disposal.empty(),this._stopIdleTimer()}_handleIdleChange(){this.paused?this._stopIdleTimer():this._startIdleTimer()}_startIdleTimer(){this._stopIdleTimer(),this._idleTimeout=window.setTimeout((()=>{this._dispatchIdleChange(!this.paused)}),this.delay)}_stopIdleTimer(){window.clearTimeout(this._idleTimeout),this._dispatchIdleChange(!1)}_dispatchIdleChange(t){this._idle!==t&&(this._host.dispatchEvent(Y("vds-user-idle-change",{detail:t})),this._idle=t)}}(this._host,this._store),this._handleIdleChange=H(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=H(this._host,"vds-start-loading",this._createMediaRequestHandler("loading",(t=>{this.state.canLoad||(this._pendingMediaRequests.loading.push(t),this._provider.startLoadingMedia())}))),this._handleMuteRequest=H(this._host,"vds-mute-request",this._createMediaRequestHandler("muted",(t=>{this.state.muted||(this._pendingMediaRequests.volume.push(t),this.provider.muted=!0)}))),this._handleUnmuteRequest=H(this._host,"vds-unmute-request",this._createMediaRequestHandler("muted",(t=>{this.state.muted&&(this._pendingMediaRequests.volume.push(t),this.provider.muted=!1,0===this.state.volume&&(this._pendingMediaRequests.volume.push(t),this.provider.volume=.25))}))),this._handlePlayRequest=H(this._host,"vds-play-request",this._createMediaRequestHandler("paused",(t=>{this.state.paused&&(this._pendingMediaRequests.play.push(t),this.provider.paused=!1)}))),this._handlePauseRequest=H(this._host,"vds-pause-request",this._createMediaRequestHandler("paused",(t=>{this.state.paused||(this._pendingMediaRequests.pause.push(t),this.provider.paused=!0)}))),this._isSeekingRequestPending=!1,this._handleSeekingRequest=H(this._host,"vds-seeking-request",this._createMediaRequestHandler("seeking",(t=>{this._stopWaiting(),this._pendingMediaRequests.seeking.push(t),this._isSeekingRequestPending=!0,this._store.seeking.set(!0)}))),this._handleSeekRequest=H(this._host,"vds-seek-request",this._createMediaRequestHandler("seeking",(t=>{this.store.ended&&(this._isReplay=!0),this._pendingMediaRequests.seeked.push(t),this._isSeekingRequestPending=!1;let s=t.detail;this.state.duration-t.detail<.25&&(s=this.state.duration),this.provider.currentTime=s}))),this._handleVolumeChangeRequest=H(this._host,"vds-volume-change-request",this._createMediaRequestHandler("volume",(t=>{const s=t.detail;this.state.volume!==s&&(this._pendingMediaRequests.volume.push(t),this.provider.volume=s,s>0&&this.state.muted&&(this._pendingMediaRequests.volume.push(t),this.provider.muted=!1))}))),this._handleEnterFullscreenRequest=H(this._host,"vds-enter-fullscreen-request",this._createMediaRequestHandler("fullscreen",(async t=>{this.state.fullscreen||("media"===(t.detail??"media")&&this._host.canFullscreen?(this._pendingMediaRequests.fullscreen.push(t),await(this._host.enterFullscreen?.())):this.provider&&(this._pendingMediaRequests.fullscreen.push(t),await this.provider.enterFullscreen()))}))),this._handleExitFullscreenRequest=H(this._host,"vds-exit-fullscreen-request",this._createMediaRequestHandler("fullscreen",(async t=>{this.state.fullscreen&&("media"===(t.detail??"media")&&this._host.canFullscreen?(this._pendingMediaRequests.fullscreen.push(t),await(this._host.exitFullscreen?.())):this.provider&&(this._pendingMediaRequests.fullscreen.push(t),await this.provider.exitFullscreen()))}))),this._handleResumeIdlingRequest=H(this._host,"vds-resume-user-idle-request",(t=>{this._mediaRequestEventGateway(t)&&(this._pendingMediaRequests.userIdle.push(t),this._userIdleController.paused=!1)})),this._handlePauseIdlingRequest=H(this._host,"vds-pause-user-idle-request",(t=>{this._mediaRequestEventGateway(t)&&(this._pendingMediaRequests.userIdle.push(t),this._userIdleController.paused=!0)})),this._handleShowPosterRequest=H(this._host,"vds-show-poster-request",this._createMediaRequestHandler("poster",(()=>{this._provider.canLoadPoster=!0}))),this._handleHidePosterRequest=H(this._host,"vds-hide-poster-request",this._createMediaRequestHandler("poster",(()=>{this._provider.canLoadPoster=!1}))),this._handleLoopRequest=this._createMediaRequestHandler("loop",(()=>{window.requestAnimationFrame((async()=>{try{this._isLooping=!0,this._isReplay=!0,await this._provider.play()}catch(Cs){this._isReplay=!1,this._isLooping=!1}}))})),this._handleFullscreenChange=H(this._host,"vds-fullscreen-change",(t=>{this._store.fullscreen.set(t.detail),t.target===this._host&&(this._satisfyMediaRequest("fullscreen",t),this._provider?.dispatchEvent(Y("vds-fullscreen-change",{detail:t.detail,triggerEvent:t})))})),this._handleFullscreenError=H(this._host,"vds-fullscreen-error",(t=>{t.target===this._host&&(this._satisfyMediaRequest("fullscreen",t),this._provider?.dispatchEvent(Y("vds-fullscreen-error",{detail:t.detail,triggerEvent:t})))})),this._isReplay=!1,this._isLooping=!1,this._firingWaiting=!1,this._mediaEvents=[],this._handleSeeking=j((t=>{this._mediaEvents.push(t),this._store.seeking.set(!0),this._store.currentTime.set(t.detail),this._satisfyMediaRequest("seeking",t)}),150,{leading:!0}),this._fireWaiting=(s=()=>{if(!this._originalWaitingEvent)return;this._firingWaiting=!0;const t=Y("vds-waiting",this._originalWaitingEvent);this._mediaEvents.push(t),this._store.waiting.set(!0),this._store.playing.set(!1),this._provider?.dispatchEvent(t),this._originalWaitingEvent=void 0,this._firingWaiting=!1},i=300,h=null,n=null,o=function(){if(!i)return s.apply(this,arguments);var t=this,o=arguments,a=e&&!h;return r(),n=function(){s.apply(t,o)},h=setTimeout((function(){if(h=null,!a){var t=n;return n=null,t()}}),i),a?n():void 0},o.cancel=r=function(){h&&(clearTimeout(h),n=null,h=null)},o.flush=function(){var t=n;r(),t&&t()},o),this._skipInitialSrcChange=!0,function(t,s,i){const e={host:t,callback:i};t.addController({hostConnected:()=>{for(const{element:e,onDisconnect:h}of function(t,s){return Array.from(rt.get(s)??[]).filter((({element:s})=>t!==s&&t.contains(s)))}(t,s))i(e,h);nt.set(s,(nt.get(s)??new Set).add(e))},hostDisconnected:()=>{nt.get(s)?.delete(e)}})}(t,Ms,((t,s)=>{this.attachMediaProvider(t,s)})),t.addController({hostConnected:()=>{this.state.canPlay||this._host.setAttribute("aria-busy","true")},hostDisconnected:()=>{this._clearMediaStateTracking(),this._clearPendingMediaRequests(),this.providerQueue.destroy(),this.providerDisposal.empty(),this._skipInitialSrcChange=!0,this._disconnectDisposal.empty()}})}get logLevel(){return this._logController?.logLevel??"silent"}set logLevel(t){}get provider(){return this._provider}attachMediaProvider(t,s){st(this.provider)&&this.provider!==t&&(this._handleMediaProviderDisconnect(),this._provider=t,this._providerContext.value.set(t),At(this._provider._store,this._store),this._attachMediaEventListeners(),t.attachMediaController(this,(t=>this._disconnectDisposal.add(t))),this._flushMediaProviderConnectedQueue(),s(this._handleMediaProviderDisconnect.bind(this)))}_handleMediaProviderDisconnect(){st(this.provider)||(this._stopWaiting(),this.providerQueue.destroy(),this.providerDisposal.empty(),this._provider=void 0,this._providerContext.value.set(void 0),function(t){for(const s of Mt(Zt))t[s].set(Zt[s])}(this._store),this._store.viewType.set("unknown"))}_flushMediaProviderConnectedQueue(){this.providerQueue.start(),this.providerDisposal.add((()=>{this.providerQueue.stop()}))}get store(){return this._mediaStoreProvider.value}get _store(){return this._mediaStoreProvider.value}get idleDelay(){return this._userIdleController.delay}set idleDelay(t){this._userIdleController.delay=t}_clearPendingMediaRequests(){Mt(this._pendingMediaRequests).forEach((t=>{this._pendingMediaRequests[t]=[]}))}_satisfyMediaRequest(t,s){const i=this._pendingMediaRequests[t].shift();i&&(s.requestEvent=i,X(s,i))}_mediaRequestEventGateway(t){return t.stopPropagation(),!0}_createMediaRequestHandler(t,s){return i=>{this._mediaRequestEventGateway(i)&&(this._provider?s(i):this.providerQueue.queue(t,(()=>{s(i)})))}}_attachMediaEventListeners(){if(!this._provider)return;const t={"vds-can-load":this._handleCanLoad,"vds-load-start":this._handleLoadStart,"vds-loaded-data":this._handleLoadedData,"vds-loaded-metadata":this._handleLoadedMetadata,"vds-can-play":this._handleCanPlay,"vds-can-play-through":this._handleCanPlayThrough,"vds-current-src-change":this._handleCurrentSrcChange,"vds-autoplay":this._handleAutoplay,"vds-autoplay-fail":this._handleAutoplayFail,"vds-loop-request":this._handleLoopRequest,"vds-play":this._handlePlay,"vds-play-fail":this._handlePlayFail,"vds-playing":this._handlePlaying,"vds-pause":this._handlePause,"vds-time-update":this._handleTimeUpdate,"vds-volume-change":this._handleVolumeChange,"vds-seeking":this._handleSeeking,"vds-seeked":this._handleSeeked,"vds-waiting":this._handleWaiting,"vds-ended":this._handleEnded,"vds-autoplay-change":this._handleAutoplayChange,"vds-error":this._handleError,"vds-fullscreen-support-change":this._handleFullscreenSupportChange,"vds-poster-change":this._handlePosterChange,"vds-loop-change":this._handleLoopChange,"vds-playsinline-change":this._handlePlaysinlineChange,"vds-controls-change":this._handleControlsChange,"vds-media-type-change":this._handleMediaTypeChange,"vds-view-type-change":this._handleViewTypeChange,"vds-duration-change":this._handleDurationChange,"vds-progress":this._handleProgress,"vds-src-change":this._handleSrcChange};for(const s of Mt(t)){const i=t[s].bind(this);this.providerDisposal.add(I(this._provider,s,i))}}_clearMediaStateTracking(){this._isReplay=!1,this._isLooping=!1,this._firingWaiting=!1,this._originalWaitingEvent=void 0,this._mediaEvents=[]}_findLastMediaEvent(t){return this._mediaEvents[this._mediaEvents.map((t=>t.type)).lastIndexOf(t)]}_handleCanLoad(t){this._store.canLoad.set(!0),this._mediaEvents.push(t),this._satisfyMediaRequest("loading",t)}_updateMetadata(t){this._store.currentSrc.set(t.currentSrc),this._store.mediaType.set(t.mediaType),this._store.viewType.set(t.viewType)}_handleLoadStart(t){this._updateMetadata(t.detail),this._mediaEvents.push(t),X(t,this._findLastMediaEvent("vds-src-change")),X(t,this._findLastMediaEvent("vds-can-load"))}_handleLoadedData(t){this._mediaEvents.push(t),X(t,this._findLastMediaEvent("vds-load-start"))}_handleLoadedMetadata(t){this._updateMetadata(t.detail),this._mediaEvents.push(t),X(t,this._findLastMediaEvent("vds-load-start"))}_handleCanPlay(t){this._mediaEvents.push(t),"loadedmetadata"!==t.triggerEvent?.type&&X(t,this._findLastMediaEvent("vds-loaded-metadata")),this._store.canPlay.set(!0),this._store.duration.set(t.detail.duration),this._host.setAttribute("aria-busy","false")}_handleCanPlayThrough(t){this._store.canPlay.set(!0),this._store.duration.set(t.detail.duration),X(t,this._findLastMediaEvent("vds-can-play"))}_handleAutoplay(t){this._mediaEvents.push(t),X(t,this._findLastMediaEvent("vds-play")),X(t,this._findLastMediaEvent("vds-can-play")),this._store.autoplayError.set(void 0)}_handleAutoplayFail(t){X(t,this._findLastMediaEvent("vds-play-fail")),X(t,this._findLastMediaEvent("vds-can-play")),this._store.autoplayError.set(t.detail),this._clearMediaStateTracking()}_handlePlay(t){if(!this._isLooping&&this.state.paused){if(this._mediaEvents.push(t),X(t,this._findLastMediaEvent("vds-waiting")),this._satisfyMediaRequest("play",t),this._store.paused.set(!1),this._store.autoplayError.set(void 0),this.state.ended||this._isReplay){this._isReplay=!1,this._store.ended.set(!1);const s=Y("vds-replay",{triggerEvent:t});this._provider?.dispatchEvent(s)}}else t.stopImmediatePropagation()}_handlePlayFail(t){this._mediaEvents.push(t),this._stopWaiting(),X(t,this._findLastMediaEvent("vds-play")),this._store.paused.set(!0),this._store.playing.set(!1),this._satisfyMediaRequest("play",t),this._clearMediaStateTracking()}_handlePlaying(t){this._mediaEvents.push(t);const s=this._findLastMediaEvent("vds-play");if(s?(X(t,this._findLastMediaEvent("vds-waiting")),X(t,s)):X(t,this._findLastMediaEvent("vds-seeked")),this._stopWaiting(),this._clearMediaStateTracking(),this._store.paused.set(!1),this._store.playing.set(!0),this._store.seeking.set(!1),this._store.ended.set(!1),this._isLooping)return t.stopImmediatePropagation(),void(this._isLooping=!1);this.state.started||(this._store.started.set(!0),this._provider?.dispatchEvent(Y("vds-started",{triggerEvent:t})))}_handlePause(t){this._isLooping?t.stopImmediatePropagation():(X(t,this._findLastMediaEvent("vds-seeked")),this._satisfyMediaRequest("pause",t),this._store.paused.set(!0),this._store.playing.set(!1),this._store.seeking.set(!1),this._stopWaiting(),this._clearMediaStateTracking())}_handleTimeUpdate(t){const{currentTime:s,played:i}=t.detail;this._store.currentTime.set(s),this._store.played.set(i),this._store.waiting.set(!1)}_handleVolumeChange(t){this._store.volume.set(t.detail.volume),this._store.muted.set(t.detail.muted||0===t.detail.volume),this._satisfyMediaRequest("volume",t)}_handleSeeked(t){this._isSeekingRequestPending?(this._store.seeking.set(!0),t.stopImmediatePropagation()):this.state.seeking&&(this._mediaEvents.push(t),X(t,this._findLastMediaEvent("vds-waiting")),X(t,this._findLastMediaEvent("vds-seeking")),this.state.paused&&this._stopWaiting(),this._store.seeking.set(!1),t.detail!==this.state.duration&&this._store.ended.set(!1),this._store.currentTime.set(t.detail),this._satisfyMediaRequest("seeked",t))}_stopWaiting(){this._fireWaiting.cancel(),this._store.waiting.set(!1)}_handleWaiting(t){this._firingWaiting||(t.stopImmediatePropagation(),this._originalWaitingEvent=t,this._fireWaiting())}_handleEnded(t){this._isLooping?t.stopImmediatePropagation():(this._stopWaiting(),this._store.paused.set(!0),this._store.playing.set(!1),this._store.seeking.set(!1),this._store.ended.set(!0),this._clearMediaStateTracking())}_handleAutoplayChange(t){this._store.autoplay.set(t.detail)}_handleCurrentSrcChange(t){var s;this._store.currentSrc.set(t.detail),this._skipInitialSrcChange?this._skipInitialSrcChange=!1:(this._clearMediaStateTracking(),Mt(s=this._store).forEach((t=>{Qt.has(t)||s[t].set(s[t].initialValue)})),this._host.setAttribute("aria-busy","true"))}_handleError(t){this._store.error.set(t.detail)}_handleFullscreenSupportChange(t){this._store.canFullscreen.set(t.detail)}_handlePosterChange(t){this._store.poster.set(t.detail)}_handleLoopChange(t){this._store.loop.set(t.detail)}_handlePlaysinlineChange(t){this._store.playsinline.set(t.detail)}_handleControlsChange(t){this._store.controls.set(t.detail)}_handleMediaTypeChange(t){this._store.mediaType.set(t.detail)}_handleDurationChange(t){const s=t.detail;this._store.duration.set(isNaN(s)?0:s)}_handleProgress(t){const{buffered:s,seekable:i}=t.detail,e=0===s.length?0:s.end(s.length-1),h=0===i.length?0:i.end(i.length-1);this._store.buffered.set(s),this._store.bufferedAmount.set(e),this._store.seekable.set(i),this._store.seekableAmount.set(h)}_handleSrcChange(t){this._store.src.set(t.detail)}_handleViewTypeChange(t){this._store.viewType.set(t.detail)}}(this),this.__mediaFullscreen=!1,this.__mediaIsVideoView=!1,this.__mediaPlaysinline=!1,this.screenOrientationController=new St(this),this.fullscreenController=new zt(this,this.screenOrientationController),ot(this,"vds-media-connect",{register:As}),ss(this,"fullscreen",(t=>{this.__mediaFullscreen=t})),ss(this,"viewType",(t=>{this.__mediaIsVideoView="video"===t})),ss(this,"playsinline",(t=>{this.__mediaPlaysinline=t})),this._bindMediaAttributes(),this._bindMediaCSSProperties()}static get styles(){return[ds`:host{display:inline-block;position:relative;contain:content}:host([hidden]){display:none}`]}get provider(){return this.controller.provider}update(t){Lt(this,"hide-ui",this._shouldHideMediaUI()),super.update(t)}render(){return E`<slot></slot>`}get canFullscreen(){return this.fullscreenController.isSupported}get fullscreen(){return this.fullscreenController.isFullscreen}get fullscreenOrientation(){return this.fullscreenController.screenOrientationLock}set fullscreenOrientation(t){const s=this.fullscreenController.screenOrientationLock;s!==t&&(this.fullscreenController.screenOrientationLock=t,this.requestUpdate("fullscreen-orientation",s))}enterFullscreen(){return this.fullscreenController.enterFullscreen()}exitFullscreen(){return this.fullscreenController.exitFullscreen()}_bindMediaAttributes(){!function(...t){new Ps(...t)}(this,this.controller.store,["autoplay","autoplayError","canLoad","canPlay","canFullscreen","ended","error","fullscreen","userIdle","loop","mediaType","muted","paused","playing","playsinline","seeking","started","viewType","waiting"])}_bindMediaCSSProperties(){!function(...t){new Fs(...t)}(this,this.controller.store,["bufferedAmount","currentTime","duration","seekableAmount"])}_shouldHideMediaUI(){return dt&&this.__mediaIsVideoView&&(!this.__mediaPlaysinline||this.__mediaFullscreen)}};hs([Ss()],Ds.prototype,"__mediaFullscreen",2),hs([Ss()],Ds.prototype,"__mediaIsVideoView",2),hs([Ss()],Ds.prototype,"__mediaPlaysinline",2),hs([Cs({attribute:"fullscreen-orientation"})],Ds.prototype,"fullscreenOrientation",1),Ot("vds-media",Ds);var qs=/\.(m4a|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i,Os=/\.(mp4|og[gv]|webm|mov|m4v|avi)($|\?)/i,Ls=class extends $s{constructor(){super(...arguments),this.preload="metadata",this._timeRAF=void 0,this._hasMediaElementConnected=!1,this._mediaElementDisposal=new B,this._isMediaWaiting=!1,this._ignoreNextAbortEvent=!1,this._ignoreNextEmptiedEvent=!1}get mediaElement(){return this._mediaElement}disconnectedCallback(){this._isMediaWaiting=!1,super.disconnectedCallback(),this._cancelTimeUpdates()}destroy(){this.mediaElement&&(this.mediaElement.pause(),this.mediaElement.src="",this.mediaElement.innerHTML="",this.mediaElement.load()),super.destroy()}_cancelTimeUpdates(){it(this._timeRAF)&&window.cancelAnimationFrame(this._timeRAF),this._timeRAF=void 0}_requestTimeUpdates(){tt(this._timeRAF)&&this._requestTimeUpdate()}_requestTimeUpdate(){const t=this.mediaElement?.currentTime??0;this.state.currentTime!==t&&this._updateCurrentTime(t),this._timeRAF=window.requestAnimationFrame((()=>{tt(this._timeRAF)||this._requestTimeUpdate()}))}_updateCurrentTime(t,s){this.dispatchEvent(Y("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&&!st(this.mediaElement)&&!this._hasMediaElementConnected}_findSlottedMediaElement(){const t=function(t){const s=t.shadowRoot?.querySelector("slot:not([name])"),i=s?.assignedNodes({flatten:!0})??[];return Array.prototype.filter.call(i,(t=>t.nodeType==Node.ELEMENT_NODE))}(this)[0];/^(audio|video)$/i.test(t?.tagName??""),this._mediaElement=t??void 0}_handleMediaElementConnect(){window.requestAnimationFrame((()=>{if(this._findSlottedMediaElement(),!this._canMediaElementConnect)return;const t=this.mediaElement;t.hasAttribute("loop")&&(this.loop=!0),t.removeAttribute("loop"),t.removeAttribute("poster"),Lt(t,"controls",this.controls),!this.state.canFullscreen&&this.fullscreenController.isSupported&&this.dispatchEvent(Y("vds-fullscreen-support-change",{detail:this.canFullscreen})),this._attachMediaEventListeners(),this._observePlaysinline(),this._observeMediaSources(),this.canLoadPoster&&this.poster.length>0&&t.getAttribute("poster")!==this.poster&&t.setAttribute("poster",this.poster),this._startPreloadingMedia(),this._hasMediaElementConnected=!0,this._disconnectDisposal.add(this._handleMediaElementDisconnect.bind(this))}))}_handleMediaElementDisconnect(){this._cancelTimeUpdates(),window.requestAnimationFrame((()=>{this._mediaElementDisposal.empty(),this._mediaElement=void 0})),this._hasMediaElementConnected=!1}startLoadingMedia(){super.startLoadingMedia(),this._handleMediaElementConnect()}_startPreloadingMedia(){if(this.state.canPlay)return;this.mediaElement.setAttribute("preload",this.preload);const t=this.mediaElement.networkState>=1;this._ignoreNextAbortEvent=t,this._ignoreNextEmptiedEvent=t,this.mediaElement.load(),setTimeout((()=>{this._ignoreNextAbortEvent=!1,this._ignoreNextEmptiedEvent=!1}),0)}_observePlaysinline(){const t=()=>this.mediaElement.hasAttribute("playsinline");this._handlePlaysinlineChange(t());const s=new MutationObserver((()=>this._handlePlaysinlineChange(t())));s.observe(this.mediaElement,{attributeFilter:["playsinline"]}),this._mediaElementDisposal.add((()=>s.disconnect()))}_handlePlaysinlineChange(t){this.dispatchEvent(Y("vds-playsinline-change",{detail:t}))}_observeMediaSources(){this._handleSrcChange(this._getMediaSources());const t=new MutationObserver((()=>this._handleSrcChange(this._getMediaSources())));t.observe(this.mediaElement,{attributeFilter:["src"],subtree:!0}),this._mediaElementDisposal.add((()=>t.disconnect()))}_handleSrcChange(t){var s,i;(s=this.state.src).length===(i=t).length&&s.every(((t,s)=>t===i[s]))||this.dispatchEvent(Y("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(st(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};Mt(t).forEach((s=>{const i=t[s].bind(this),e=I(this.mediaElement,s,(async t=>{await i(t)}));this._mediaElementDisposal.add(e)}))}_handleAbort(t){this._ignoreNextAbortEvent||(this.dispatchEvent(Y("vds-abort",{triggerEvent:t})),this._handleCurrentSrcChange("",t))}_handleCanPlay(t){this._handleMediaReady({event:t,duration:this.mediaElement.duration})}_handleCanPlayThrough(t){this.state.started||this.dispatchEvent(Y("vds-can-play-through",{triggerEvent:t,detail:{duration:this.mediaElement.duration}}))}_handleLoadStart(t){this._handleCurrentSrcChange(this.mediaElement.currentSrc,t),""!==this.mediaElement.currentSrc?this.dispatchEvent(Y("vds-load-start",{triggerEvent:t,detail:this._getMediaMetadata()})):this._handleAbort()}_handleEmptied(t){this._ignoreNextEmptiedEvent||this.dispatchEvent(Y("vds-emptied",{triggerEvent:t}))}_handleLoadedData(t){this.dispatchEvent(Y("vds-loaded-data",{triggerEvent:t}))}_handleLoadedMetadata(t){this.dispatchEvent(Y("vds-volume-change",{detail:{volume:this.mediaElement.volume,muted:this.mediaElement.muted}})),this.dispatchEvent(Y("vds-loaded-metadata",{triggerEvent:t,detail:this._getMediaMetadata()}))}_determineMediaType(t){this.dispatchEvent(Y("vds-media-type-change",{detail:this._getMediaType(),triggerEvent:t}))}_handlePlay(t){const s=Y("vds-play",{triggerEvent:t});s.autoplay=this._attemptingAutoplay,this.dispatchEvent(s)}_handlePause(t){(1!==this.mediaElement.readyState||this._isMediaWaiting)&&(this._isMediaWaiting=!1,this._cancelTimeUpdates(),this.dispatchEvent(Y("vds-pause",{triggerEvent:t})))}_handlePlaying(t){this._isMediaWaiting=!1;const s=Y("vds-playing",{triggerEvent:t});this.dispatchEvent(s),this._requestTimeUpdates()}_handleDurationChange(t){this.mediaElement.ended&&this._updateCurrentTime(this.mediaElement.duration,t),this.dispatchEvent(Y("vds-duration-change",{detail:this.mediaElement.duration,triggerEvent:t}))}_handleProgress(t){this.dispatchEvent(Y("vds-progress",{triggerEvent:t,detail:{buffered:this.mediaElement.buffered,seekable:this.mediaElement.seekable}}))}_handleRateChange(t){throw Error("Not implemented")}_handleSeeking(t){this.dispatchEvent(Y("vds-seeking",{detail:this.mediaElement.currentTime,triggerEvent:t}))}_handleSeeked(t){const s=Y("vds-seeked",{detail:this.mediaElement.currentTime,triggerEvent:t});this.dispatchEvent(s);const i=this.mediaElement.currentTime;if(Math.trunc(i)===Math.trunc(this.mediaElement.duration)&&wt(this.mediaElement.duration)>wt(i)&&(this._updateCurrentTime(this.mediaElement.duration,t),!this.mediaElement.ended))try{this.play()}catch(Cs){}}_handleStalled(t){this.dispatchEvent(Y("vds-stalled",{triggerEvent:t})),this.mediaElement.readyState<3&&(this._isMediaWaiting=!0,this.dispatchEvent(Y("vds-waiting",{triggerEvent:t})))}_handleVolumeChange(t){this.dispatchEvent(Y("vds-volume-change",{detail:{volume:this.mediaElement.volume,muted:this.mediaElement.muted},triggerEvent:t}))}_handleWaiting(t){this.mediaElement.readyState<3&&(this._isMediaWaiting=!0,this.dispatchEvent(Y("vds-waiting",{triggerEvent:t})))}_handleSuspend(t){const s=Y("vds-suspend",{triggerEvent:t});this.dispatchEvent(s)}_handleEnded(t){this._cancelTimeUpdates(),this._updateCurrentTime(this.mediaElement.duration,t);const s=Y("vds-end",{triggerEvent:t});this.dispatchEvent(s),this.state.loop?this._handleLoop():this.dispatchEvent(Y("vds-ended",{triggerEvent:t}))}_handleLoop(){st(this.controls)&&(this.mediaElement.controls=!1),this.dispatchEvent(Y("vds-loop-request"))}_handleError(t){const s=this.mediaElement.error;s&&this.dispatchEvent(Y("vds-error",{detail:{message:s.message,code:s.code,mediaError:s},triggerEvent:t}))}_getPaused(){return this.mediaElement?.paused??!0}_getVolume(){return this.mediaElement?.volume??1}_setVolume(t){this.mediaElement.volume=t}_getCurrentTime(){return this.mediaElement?.currentTime??0}_setCurrentTime(t){this.mediaElement.currentTime!==t&&(this.mediaElement.currentTime=t)}_getMuted(){return this.mediaElement?.muted??!1}_setMuted(t){this.mediaElement.muted=t}async play(){try{return this._throwIfNotReadyForPlayback(),await this._resetPlaybackIfEnded(),this.mediaElement?.play()}catch(t){const s=Y("vds-play-fail");throw s.autoplay=this._attemptingAutoplay,s.error=t,t}}async pause(){return this.mediaElement?.pause()}_getMediaType(){return qs.test(t=this.state.currentSrc)?"audio":Os.test(t)?"video":"unknown";var t}};hs([Cs()],Ls.prototype,"preload",2),Ot("vds-audio",class extends Ls{static get styles(){return[ds`:host{display:inline-block}:host([hidden]){display:none}`]}connectedCallback(){super.connectedCallback(),this.dispatchEvent(Y("vds-view-type-change",{detail:"audio"}))}});var Vs=ds`: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}`,Ns=class extends ks{constructor(){super(),this.pressed=!1,this.disabled=!1,this._handleButtonClickCapture=H(this,"click",(t=>{this.disabled&&(t.preventDefault(),t.stopImmediatePropagation())}),{capture:!0}),kt(this),["pointerup","keydown"].forEach((t=>{H(this,t,(t=>{this.disabled||Ut(t)&&!function(t){return Ut(t)&&("Enter"===t.key||" "===t.key)}(t)||this._handleButtonClick(t)}))}))}static get styles(){return[Vs]}static get parts(){return[]}connectedCallback(){super.connectedCallback(),Vt(this,"tabindex","0"),Vt(this,"role","button"),this._updateAriaPressedAttr()}updated(t){t.has("pressed")&&this._updateAriaPressedAttr()}_updateAriaPressedAttr(){Lt(this,"aria-pressed",this.pressed?"true":"false")}render(){return this._renderDefaultSlot()}_renderDefaultSlot(){return E`<slot></slot>`}_handleButtonClick(t){this.pressed=!this.pressed}};hs([Cs({type:Boolean})],Ns.prototype,"pressed",2),hs([Cs({type:Boolean,reflect:!0})],Ns.prototype,"disabled",2);var Rs=class{constructor(t){t?(this._target=t,this._createLogger(t),this._requests=Ct(t)):this._requests=new Et}startLoading(t){this._dispatchRequest("vds-start-loading",{triggerEvent:t})}play(t){this._dispatchRequest("vds-play-request",{triggerEvent:t})}pause(t){this._dispatchRequest("vds-pause-request",{triggerEvent:t})}mute(t){this._dispatchRequest("vds-mute-request",{triggerEvent:t})}unmute(t){this._dispatchRequest("vds-unmute-request",{triggerEvent:t})}enterFullscreen(t,s){this._dispatchRequest("vds-enter-fullscreen-request",{triggerEvent:s,detail:t})}exitFullscreen(t,s){this._dispatchRequest("vds-exit-fullscreen-request",{triggerEvent:s,detail:t})}seeking(t,s){this._dispatchRequest("vds-seeking-request",{detail:t,triggerEvent:s})}seek(t,s){this._dispatchRequest("vds-seek-request",{detail:t,triggerEvent:s})}changeVolume(t,s){this._dispatchRequest("vds-volume-change-request",{detail:t,triggerEvent:s})}resumeUserIdle(t){this._dispatchRequest("vds-resume-user-idle-request",{triggerEvent:t})}pauseUserIdle(t){this._dispatchRequest("vds-pause-user-idle-request",{triggerEvent:t})}showPoster(t){this._dispatchRequest("vds-show-poster-request",{triggerEvent:t})}hidePoster(t){this._dispatchRequest("vds-hide-poster-request",{triggerEvent:t})}setTarget(t){this._target!==t&&(this._target=t,t?(this._createLogger(t),this._requests.start()):this._requests.stop())}_dispatchRequest(t,s){this._requests.queue(t,(()=>{const i=Y(t,{...s,bubbles:!0,composed:!0});this._target?.dispatchEvent(i)}))}_createLogger(t){}};Ot("vds-play-button",class extends Ns{constructor(){super(),this._mediaRemote=new Rs(this),ss(this,"paused",(t=>{this.pressed=!t,Lt(this,"paused",t)}))}connectedCallback(){super.connectedCallback(),Vt(this,"aria-label","Play")}_handleButtonClick(t){this.disabled||(this.pressed?this._mediaRemote.pause(t):this._mediaRemote.play(t))}}),Ot("vds-mute-button",class extends Ns{constructor(){super(),this._mediaRemote=new Rs(this),this._volume=1,this._muted=!1,ss(this,"volume",(t=>{this._volume=t,this._handleMutedChange()})),ss(this,"muted",(t=>{this._muted=t,this._handleMutedChange()}))}connectedCallback(){super.connectedCallback(),Vt(this,"aria-label","Mute")}_handleMutedChange(){const t=this._muted||0===this._volume;this.pressed=t,Lt(this,"muted",t)}_handleButtonClick(t){this.disabled||(this.pressed?this._mediaRemote.unmute(t):this._mediaRemote.mute(t))}});var Us=Z((function(){const t=Tt(!1),s=Tt(!1);return{value:Tt(50),pointerValue:Tt(0),min:Tt(0),max:Tt(100),dragging:t,pointing:s,interactive:Pt([t,s],(([t,s])=>t||s))}})),js=ds`*{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}`,Is=(t=>(t[t.Left=-1]="Left",t[t.ArrowLeft=-1]="ArrowLeft",t[t.Up=-1]="Up",t[t.ArrowUp=-1]="ArrowUp",t[t.Right=1]="Right",t[t.ArrowRight=1]="ArrowRight",t[t.Down=1]="Down",t[t.ArrowDown=1]="ArrowDown",t))(Is||{}),Bs=class extends ks{constructor(){super(),this._sliderStoreProvider=Us.provide(this),this.disabled=!1,this.value=50,this._step=1,this._keyboardStep=1,this.shiftKeyMultiplier=5,this.customValueText=!1,this._mediaRemote=new Rs(this),this._disconnectDisposal=new B,this._handlePointerEnter=H(this,"pointerenter",(()=>{this.disabled||(this.setAttribute("pointing",""),this.store.pointing.set(!0))})),this._handlePointerMove=H(this,"pointermove",(t=>{if(this.disabled||this.isDragging)return;const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s),this._dispatchPointerValueChange(t)})),this._handlePointerLeave=H(this,"pointerleave",(()=>{this.disabled||(this.removeAttribute("pointing"),this.store.pointing.set(!1))})),this._handlePointerDown=H(this,"pointerdown",(t=>{this.disabled||(this._startDragging(t),this._onDrag(t))})),this._handleKeydown=H(this,"keydown",(t=>{if(this.disabled)return;const{key:s,shiftKey:i}=t;if(!Object.keys(Is).includes(s))return;const e=i?this.keyboardStep*this.shiftKeyMultiplier:this.keyboardStep,h=Number(Is[s]);this.value=this._getClampedValue(this.step*((this.value+e*h)/this.step)),this._dispatchValueChange(t)})),this._handleFillValueChange=H(this,"vds-slider-value-change",this._updateFillCSSProps.bind(this)),this._handlePointerValueChange=H(this,"vds-slider-pointer-value-change",this._updatePointerCSSProps.bind(this)),this._onDrag=Wt((t=>{if(this.disabled||!this.isDragging)return;const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s),this._dispatchPointerValueChange(t)})),this._handleDocumentPointerUp=H(this,"pointerup",(t=>{!this.disabled&&this.isDragging&&this._stopDragging(t)}),{target:document}),this._handleDocumentTouchMove=H(this,"touchmove",(t=>{!this.disabled&&this.isDragging&&t.preventDefault()}),{target:document,passive:!1}),this._handleDocumentPointerMove=H(this,"pointermove",(t=>{!this.disabled&&this.isDragging&&this._onDrag(t)}),{target:document}),this._lastDispatchedValue=this.value,this._dispatchValueChange=Wt((t=>{this.value!==this._lastDispatchedValue&&(this.dispatchEvent(Y("vds-slider-value-change",{detail:this.value,triggerEvent:t})),this._lastDispatchedValue=this.value)})),this._lastDispatchedPointerValue=this.pointerValue,this._dispatchPointerValueChange=Wt((t=>{this.pointerValue!==this._lastDispatchedPointerValue&&(["vds-slider-pointer-value-change",this.isDragging&&"vds-slider-drag-value-change"].forEach((s=>{s&&this.dispatchEvent(Y(s,{detail:this.pointerValue,triggerEvent:t}))})),this._lastDispatchedPointerValue=this.pointerValue)})),kt(this)}static get styles(){return[js]}static get parts(){return[]}get store(){return this._sliderStoreProvider.value}get min(){return Ft(this.store.min)}set min(t){this.store.min.set(t)}get max(){return Ft(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 Ft(this.store.dragging)}get fillRate(){const t=this.max-this.min;return t>0?(this.value-this.min)/t:0}get fillPercent(){return 100*this.fillRate}get pointerValue(){return Ft(this.store.pointerValue)}get pointerRate(){const t=this.max-this.min;return t>0?(this.pointerValue-this.min)/t:0}get pointerPercent(){return 100*this.pointerRate}connectedCallback(){super.connectedCallback(),this._setupAriaAttrs(),this._updateFillCSSProps(),this._updatePointerCSSProps(),this._disconnectDisposal.add(this.store.interactive.subscribe((t=>{Lt(this,"interactive",t)})))}willUpdate(t){(t.has("value")||t.has("min")||t.has("max"))&&(this.value=this._getClampedValue(this.value),this.store.value.set(this.value),this._updateFillCSSProps(),this._dispatchValueChange()),t.has("disabled")&&this.disabled&&(this.store.dragging.set(!1),this.store.pointing.set(!1),this.removeAttribute("dragging"),this.removeAttribute("pointing"),this.removeAttribute("interactive"),Lt(this,"aria-disabled",this.disabled)),this.customValueText||this._updateAriaValueAttrs(),super.willUpdate(t)}disconnectedCallback(){this._onDrag.cancel(),this._disconnectDisposal.empty(),super.disconnectedCallback()}_updateFillCSSProps(){Nt(this,"fill-value",`${this.value}`),Nt(this,"fill-rate",`${this.fillRate}`),Nt(this,"fill-percent",`${this.fillPercent}%`)}_updatePointerCSSProps(){Nt(this,"pointer-value",`${this.pointerValue}`),Nt(this,"pointer-rate",`${this.pointerRate}`),Nt(this,"pointer-percent",`${this.pointerPercent}%`)}render(){return this._renderSlider()}_renderSlider(){return E`${this._renderDefaultSlot()}`}_renderDefaultSlot(){return E`<slot></slot>`}_setupAriaAttrs(){Vt(this,"role","slider"),Vt(this,"tabindex","0"),Vt(this,"aria-orientation","horizontal"),Vt(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`${_t(this.value/this.max*100,2)}%`}_startDragging(t){if(this.isDragging)return;this.store.dragging.set(!0),this.setAttribute("dragging","");const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s),this._dispatchPointerValueChange(t),this.dispatchEvent(Y("vds-slider-drag-start",{triggerEvent:t,detail:this.value})),this._mediaRemote.pauseUserIdle(t)}_stopDragging(t){if(!this.isDragging)return;this.store.dragging.set(!1),this._dispatchValueChange.cancel(),this.removeAttribute("dragging");const s=this._getValueBasedOnThumbPosition(t);this.value=s,this.store.pointerValue.set(s),this._dispatchValueChange(t),this._dispatchPointerValueChange(t),this.dispatchEvent(Y("vds-slider-drag-end",{triggerEvent:t,detail:this.value})),this._mediaRemote.resumeUserIdle(t)}_getClampedValue(t){return bt(this.min,_t(t,wt(this.step)),this.max)}_getValueFromRate(t){const s=bt(0,t,1),i=Math.round((this.max-this.min)*s/this.step);return this.min+this.step*i}_getValueBasedOnThumbPosition(t){const s=t.clientX,{left:i,width:e}=this.getBoundingClientRect();return this._getValueFromRate((s-i)/e)}};hs([Cs({type:Number})],Bs.prototype,"min",1),hs([Cs({type:Number})],Bs.prototype,"max",1),hs([Cs({reflect:!0,type:Boolean})],Bs.prototype,"disabled",2),hs([Cs({type:Number})],Bs.prototype,"value",2),hs([Cs({type:Number})],Bs.prototype,"step",1),hs([Cs({attribute:"keyboard-step",type:Number})],Bs.prototype,"keyboardStep",1),hs([Cs({attribute:"shift-key-multiplier",type:Number})],Bs.prototype,"shiftKeyMultiplier",2),hs([Cs({type:Boolean,attribute:"custom-value-text"})],Bs.prototype,"customValueText",2);var Hs=ds``,Ws=class extends Bs{constructor(){super(),this._step=.1,this.value=0,this.valueText="{currentTime} out of {duration}",this.pauseWhileDragging=!1,this.seekingRequestThrottle=100,this.__mediaDuration=0,this.__mediaPaused=!0,this._handleSliderDragStart=H(this,"vds-slider-drag-start",(t=>{this._togglePlaybackWhileDragging(t)})),this._handleSliderValueChange=H(this,"vds-slider-value-change",(t=>{Ut(t.originEvent)&&(this._dispatchSeekingRequest.cancel(),this._mediaRemote.seek(this.value,t))})),this._handleSliderDragValueChange=H(this,"vds-slider-drag-value-change",(t=>{this._dispatchSeekingRequest(t)})),this._handleSliderDragEnd=H(this,"vds-slider-drag-end",(t=>{this._dispatchSeekingRequest.cancel(),this._mediaRemote.seek(this.value,t),this._togglePlaybackWhileDragging(t)})),this._dispatchSeekingRequest=j((t=>{this._mediaRemote.seeking(this.value,t)}),this.seekingRequestThrottle),this._wasPlayingBeforeDragStart=!1,ss(this,"currentTime",(t=>{this.value=t})),ss(this,"duration",(t=>{this.__mediaDuration=t,this.requestUpdate("max")})),ss(this,"paused",(t=>{this.__mediaPaused=t}))}static get styles(){return[super.styles,Hs]}connectedCallback(){super.connectedCallback(),Vt(this,"aria-label","Media time")}get min(){return 0}set min(t){}get max(){return this.__mediaDuration}set max(t){}update(t){t.has("disabled")&&this.disabled&&this._dispatchSeekingRequest.cancel(),super.update(t)}disconnectedCallback(){this._dispatchSeekingRequest.cancel(),super.disconnectedCallback()}_getValueMin(){return"0%"}_getValueNow(){return`${Math.round(this.fillPercent)}%`}_getValueText(){return this.valueText.replace("{currentTime}",Ht(this.value)).replace("{duration}",Ht(this.__mediaDuration))}_getValueMax(){return"100%"}_togglePlaybackWhileDragging(t){this.pauseWhileDragging&&(this.isDragging&&!this.__mediaPaused?(this._wasPlayingBeforeDragStart=!0,this._mediaRemote.pause(t)):this._wasPlayingBeforeDragStart&&!this.isDragging&&this.__mediaPaused&&(this._wasPlayingBeforeDragStart=!1,this._mediaRemote.play(t)))}};hs([Cs({attribute:!1,state:!0})],Ws.prototype,"value",2),hs([Cs({attribute:!1})],Ws.prototype,"min",1),hs([Cs({attribute:!1})],Ws.prototype,"max",1),hs([Cs({attribute:"value-text"})],Ws.prototype,"valueText",2),hs([Cs({attribute:"pause-while-dragging",type:Boolean})],Ws.prototype,"pauseWhileDragging",2),hs([Cs({attribute:"seeking-request-throttle",type:Number})],Ws.prototype,"seekingRequestThrottle",2),hs([Ss()],Ws.prototype,"__mediaDuration",2),hs([Ss()],Ws.prototype,"__mediaPaused",2),Ot("vds-time-slider",Ws);var Ys=class extends Bs{constructor(){super(),this.value=100,this._handleSliderValueChange=H(this,"vds-slider-value-change",this._changeVolume.bind(this)),this._handleSliderDragValueChange=H(this,"vds-slider-drag-value-change",this._changeVolume.bind(this)),ss(this,"volume",(t=>{this.value=100*t}))}connectedCallback(){super.connectedCallback(),Vt(this,"aria-label","Media volume")}get min(){return 0}set min(t){}get max(){return 100}set max(t){}_changeVolume(t){const s=_t(t.detail/100,3);this._mediaRemote.changeVolume(s,t)}};hs([Cs({attribute:!1})],Ys.prototype,"min",1),hs([Cs({attribute:!1})],Ys.prototype,"max",1),hs([Cs({attribute:!1,state:!0})],Ys.prototype,"value",2),Ot("vds-volume-slider",Ys);var Ks=class extends ks{constructor(){super(...arguments),this._disposal=new B,this._sliderStoreConsumer=Us.consume(this),this.__value=0,this.type="current",this.showHours=!1,this.padHours=!1,this.decimalPlaces=2}static get styles(){return[ds`:host{display:inline-block;contain:content}:host([hidden]){display:none}`]}get _sliderStore(){return this._sliderStoreConsumer.value}connectedCallback(){super.connectedCallback(),this._handleTypeChange()}update(t){(t.has("type")||t.has("format"))&&this._handleTypeChange(),super.update(t)}disconnectedCallback(){this._disposal.empty(),super.disconnectedCallback()}render(){return E`${this._getValueText()}`}_handleTypeChange(){this._disposal.empty();const t=this._sliderStore["current"===this.type?"value":"pointerValue"],s=("percent"===this.format?this._createPercentStore(t):t).subscribe((t=>{this.__value=t}));this._disposal.add(s)}_createPercentStore(t){return Pt([t,this._sliderStore.min,this._sliderStore.max],(([t,s,i])=>t/(i-s)*100))}_getValueText(){switch(this.format){case"percent":return this._getPercentFormat();case"time":return this._getTimeFormat();default:return`${this.__value}`}}_getPercentFormat(){return`${_t(this.__value,this.decimalPlaces)}%`}_getTimeFormat(){return Bt(this.__value,this.padHours,this.showHours)}};hs([Ss()],Ks.prototype,"__value",2),hs([Cs()],Ks.prototype,"type",2),hs([Cs()],Ks.prototype,"format",2),hs([Cs({attribute:"show-hours",type:Boolean})],Ks.prototype,"showHours",2),hs([Cs({attribute:"pad-hours",type:Boolean})],Ks.prototype,"padHours",2),hs([Cs({attribute:"decimal-places",type:Number})],Ks.prototype,"decimalPlaces",2),Ot("vds-slider-value-text",Ks);var Xs=class extends ks{constructor(){super(...arguments),this._disposal=new B,this._mediaStoreConsumer=ts.consume(this),this.__seconds=0,this.type="current",this.showHours=!1,this.padHours=!1,this.remainder=!1}static get styles(){return[ds`:host{display:inline-block;contain:content}:host([hidden]){display:none}`]}get _mediaStore(){return this._mediaStoreConsumer.value}connectedCallback(){super.connectedCallback(),this._handleTypeChange()}update(t){(t.has("type")||t.has("remainder"))&&this._handleTypeChange(),super.update(t)}disconnectedCallback(){this._disposal.empty(),super.disconnectedCallback()}render(){return E`${this._getFormattedTime()}`}_handleTypeChange(){this._disposal.empty();const t=this._getTypeStore(),s=(this.remainder?this._createRemainderStore(t):t).subscribe((t=>{this.__seconds=t}));this._disposal.add(s)}_getTypeStore(){switch(this.type){case"buffered":return this._mediaStore.bufferedAmount;case"seekable":return this._mediaStore.seekableAmount;case"duration":return this._mediaStore.duration;default:return this._mediaStore.currentTime}}_createRemainderStore(t){return Pt([t,this._mediaStore.duration],(([t,s])=>Math.max(0,s-t)))}_getFormattedTime(){return Bt(this.__seconds,this.padHours,this.showHours)}};hs([Ss()],Xs.prototype,"__seconds",2),hs([Cs()],Xs.prototype,"type",2),hs([Cs({attribute:"show-hours",type:Boolean})],Xs.prototype,"showHours",2),hs([Cs({attribute:"pad-hours",type:Boolean})],Xs.prototype,"padHours",2),hs([Cs({type:Boolean})],Xs.prototype,"remainder",2),Ot("vds-time",Xs);const Js=class{constructor(i){t(this,i),this.stzhPlay=s(this,"stzhPlay",7),this.stzhPlaying=s(this,"stzhPlaying",7),this.stzhPause=s(this,"stzhPause",7),this.stzhReplay=s(this,"stzhReplay",7),this.stzhEnd=s(this,"stzhEnd",7),this.stzhEnded=s(this,"stzhEnded",7),this.stzhError=s(this,"stzhError",7),this.localization=void 0,this.src="",this.preload="none",this.transcript="",this.transcriptShown=!1}async play(){this.vsdAudioElement.play()}async pause(){this.vsdAudioElement.pause()}async componentWillLoad(){this.localization||(this.localization=await r(this.element,"audio"))}render(){const t=!!this.transcript||n(this.element,"transcript");return i(e,null,i("vds-media",{class:{"stzh-audio":!0}},i("vds-audio",{class:"stzh-audio__audio",ref:t=>this.vsdAudioElement=t,"onVds-play":()=>{this.stzhPlay.emit({component:"stzh-audio"})},"onVds-playing":()=>{this.stzhPlaying.emit({component:"stzh-audio"})},"onVds-end":()=>{this.stzhEnd.emit({component:"stzh-audio"})},"onVds-ended":()=>{this.stzhEnded.emit({component:"stzh-audio"})},"onVds-replay":()=>{this.stzhReplay.emit({component:"stzh-audio"})},"onVds-error":t=>{this.stzhError.emit({component:"stzh-audio",originalEvent:t})}},i("audio",{preload:this.preload,src:this.src},i("slot",null))),i("div",{class:"stzh-audio__controls"},i("div",{class:"stzh-audio__loader-overlay"},i("stzh-loader",{class:"stzh-audio__loader",label:this.localization.loading,"hide-label":!0})),i("div",{class:"stzh-audio__controls-top"},i("vds-time-slider",{class:"stzh-audio__slider is-time"},i("div",{class:"stzh-audio__slider-track"}),i("div",{class:"stzh-audio__slider-track is-fill"}),i("div",{class:"stzh-audio__slider-thumb-container"},i("div",{class:"stzh-audio__slider-thumb"})),i("div",{class:"stzh-audio__media-preview-container"},i("vds-slider-value-text",{class:"stzh-audio__slider-text",type:"pointer",format:"time"})))),i("div",{class:"stzh-audio__controls-bottom"},i("stzh-tooltip",null,i("vds-play-button",{class:"stzh-audio__button is-play"},i("stzh-icon",{class:"stzh-audio__played",name:"play-filled"}),i("stzh-icon",{class:"stzh-audio__paused",name:"pause-filled"})),i("span",{slot:"content"},i("span",{class:"stzh-audio__played"},this.localization.play),i("span",{class:"stzh-audio__paused"},this.localization.pause))),i("div",{class:"stzh-audio__time"},i("vds-time",{type:"current"}),i("span",{class:"stzh-audio__time-separator"},"/"),i("vds-time",{type:"duration"})),i("stzh-tooltip",null,i("vds-mute-button",{class:"stzh-audio__button is-mute"},i("stzh-icon",{class:"stzh-audio__muted",name:"volume-medium"}),i("stzh-icon",{class:"stzh-audio__unmuted",name:"silent-mode"})),i("span",{slot:"content"},i("span",{class:"stzh-audio__muted"},this.localization.mute),i("span",{class:"stzh-audio__unmuted"},this.localization.unmute))),i("vds-volume-slider",{class:"stzh-audio__slider is-volume"},i("div",{class:"stzh-audio__slider-track"}),i("div",{class:"stzh-audio__slider-track is-fill"}),i("div",{class:"stzh-audio__slider-thumb-container"},i("div",{class:"stzh-audio__slider-thumb"})),i("div",{class:"stzh-audio__media-preview-container"},i("vds-slider-value-text",{class:"stzh-audio__slider-text",type:"pointer",format:"percent"}))),t&&i("stzh-tooltip",{content:this.transcriptShown?this.localization.hideTranscript:this.localization.showTranscript},i("button",{class:{"stzh-audio__button is-transcript":!0,"is-active":this.transcriptShown},onClick:()=>this.transcriptShown=!this.transcriptShown},i("stzh-icon",{name:"transcript"}))),i("stzh-tooltip",{content:this.localization.download},i("a",{class:"stzh-audio__button is-download",href:this.src,download:""},i("stzh-icon",{name:"download"}))))),i("div",{class:"stzh-audio__transcript",hidden:!this.transcriptShown},i("stzh-text",null,this.transcript?this.transcript:i("slot",{name:"transcript"})))))}get element(){return h(this)}};Js.style=".sc-stzh-audio-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-audio-h{display:none}.sc-stzh-audio-h *.sc-stzh-audio,.sc-stzh-audio-h *.sc-stzh-audio::before,.sc-stzh-audio-h *.sc-stzh-audio::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-audio.sc-stzh-audio{display:block;contain:none}.stzh-audio__audio.sc-stzh-audio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-audio__controls.sc-stzh-audio{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-audio__controls-top.sc-stzh-audio{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--stzh-space-small)}.stzh-audio__controls-bottom.sc-stzh-audio{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{border:0.0625rem solid var(--stzh-base-border-color);padding:var(--stzh-space-medium) var(--stzh-space-xlarge)}.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-xsmall)}.stzh-audio__button.sc-stzh-audio{width:2.5rem;height:2.5rem;display:grid;place-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:var(--stzh-button-border-radius);-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);-webkit-transition-property:color, background-color;transition-property:color, background-color;color:var(--stzh-color-grey55)}.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-active.sc-stzh-audio{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-audio__button.sc-stzh-audio:hover{color:var(--stzh-color-white);background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-audio__transcript.sc-stzh-audio{border-top:none}.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-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));display:-ms-inline-flexbox;display:inline-flex;margin-right:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-audio__time.sc-stzh-audio{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}@media screen and (max-width: 599px){.stzh-audio__time.sc-stzh-audio{margin-right:auto}}.stzh-audio__time-separator.sc-stzh-audio{margin:0 var(--stzh-space-xxsmall)}.stzh-audio__slider.sc-stzh-audio{--height:1.1875rem;--thumb-width:0.8125rem;--track-height:0.3125rem;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:var(--height);border-radius:var(--stzh-button-border-radius)}.stzh-audio__slider.is-time.sc-stzh-audio{-ms-flex-positive:1;flex-grow:1}.stzh-audio__slider.is-volume.sc-stzh-audio{width:20%;min-width:5rem;max-width:6.875rem;display:none}@media screen and (min-width: 600px){.stzh-audio__slider.is-volume.sc-stzh-audio{display:-ms-flexbox;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;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:0.25rem;background-color:var(--stzh-color-grey25)}.stzh-audio__slider-track.is-fill.sc-stzh-audio{background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:calc(var(--vds-fill-rate) * 100%);z-index:1}.stzh-audio__slider-thumb-container.sc-stzh-audio{position:absolute;top:0;left:var(--vds-fill-percent);width:var(--thumb-width);height:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2}.stzh-audio__slider[dragging].sc-stzh-audio .stzh-audio__slider-thumb-container.sc-stzh-audio{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);-webkit-box-shadow:0 0 0 0.0625rem rgba(0, 0, 0, 0.25);box-shadow:0 0 0 0.0625rem rgba(0, 0, 0, 0.25);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.stzh-audio__media-preview-container.sc-stzh-audio{--width:2.625rem;--width-half:calc(var(--width) / 2);--top:-1.5rem;--left-clamp:max(var(--width-half), var(--vds-pointer-percent));--right-clamp:calc(100% - var(--width-half));--left:min(var(--left-clamp), var(--right-clamp));display:grid;place-items:center;position:absolute;width:var(--width);top:var(--top);left:var(--left);width:var(--width);opacity:0;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed);-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:var(--stzh-z-index-popover);-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover);border-radius:var(--stzh-tooltip-border-radius);background-color:var(--stzh-color-white)}@supports ((-webkit-filter: var(--stzh-tooltip-drop-shadow)) or (filter: var(--stzh-tooltip-drop-shadow))){.stzh-audio__media-preview-container.sc-stzh-audio{-webkit-box-shadow:none;box-shadow:none;-webkit-filter:var(--stzh-tooltip-drop-shadow);filter:var(--stzh-tooltip-drop-shadow)}}.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-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-audio[hide-ui].sc-stzh-audio .stzh-audio__controls.sc-stzh-audio{opacity:0;visibility:hidden}.stzh-audio[autoplay-error].sc-stzh-audio .stzh-audio__controls.sc-stzh-audio{opacity:1}.stzh-audio.sc-stzh-audio:not([can-play]) .stzh-audio__loader-overlay.sc-stzh-audio,.stzh-audio[waiting].sc-stzh-audio .stzh-audio__loader-overlay.sc-stzh-audio{opacity:0.8;visibility:visible}.stzh-audio[paused].sc-stzh-audio .stzh-audio__paused.sc-stzh-audio{display:none}.stzh-audio.sc-stzh-audio:not([paused]) .stzh-audio__played.sc-stzh-audio{display:none}.stzh-audio[muted].sc-stzh-audio .stzh-audio__muted.sc-stzh-audio{display:none}.stzh-audio.sc-stzh-audio:not([muted]) .stzh-audio__unmuted.sc-stzh-audio{display:none}";export{Js as stzh_audio}

package/dist/stzh-components/p-dd1bb919.entry.js

@@ -0,0 +1 @@
+import{r as i,h as s,c as a,g as e}from"./p-99a3742a.js";import{p as t}from"./p-77a00e55.js";const d=class{constructor(s){i(this,s),this.mikro=void 0,this.small=void 0,this.medium=void 0,this.large=void 0,this.ultra=void 0,this.hideFromDate=void 0}hideFromDateWatcher(i){this._hideFromDate="string"==typeof i?t(i):i}componentWillLoad(){this.hideFromDateWatcher(this.hideFromDate)}render(){return s(a,{hidden:this._hideFromDate&&Date.now()>=this._hideFromDate.getTime()},s("slot",null))}get element(){return e(this)}static get watchers(){return{hideFromDate:["hideFromDateWatcher"]}}};d.style=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--show-display:block;--hide-display:none;display:var(--hide-display)}:host([mikro]){display:var(--show-display)}:host([mikro=false]){display:var(--hide-display)}@media screen and (min-width: 600px){:host([small]){display:var(--show-display)}}@media screen and (min-width: 600px){:host([small=false]){display:var(--hide-display)}}@media screen and (min-width: 1024px){:host([medium]){display:var(--show-display)}}@media screen and (min-width: 1024px){:host([medium=false]){display:var(--hide-display)}}@media screen and (min-width: 1260px){:host([large]){display:var(--show-display)}}@media screen and (min-width: 1260px){:host([large=false]){display:var(--hide-display)}}@media screen and (min-width: 1440px){:host([ultra]){display:var(--show-display)}}@media screen and (min-width: 1440px){:host([ultra=false]){display:var(--hide-display)}}";export{d as stzh_show}

package/dist/stzh-components/p-dd5f29aa.entry.js

@@ -0,0 +1 @@
+import{r as e,h as s,c as a}from"./p-99a3742a.js";const i=class{constructor(s){e(this,s),this.curve="none",this.size="inherit",this.sizeSmall="inherit",this.sizeMedium="inherit",this.sizeLarge="inherit",this.sizeUltra="inherit",this.justify="start",this.items="start",this.around=!1,this.border="none"}render(){return s(a,null,s("div",{class:{"stzh-space":!0,"stzh-space--is-around":this.around,[`stzh-space--justify-${this.justify}`]:!!this.justify,[`stzh-space--items-${this.items}`]:!!this.items}},s("slot",null)))}};i.style=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--space:var(--stzh-space-default);--around:0}:host ::slotted(*){max-width:100%;padding:calc((var(--space) / 2) * var(--around));margin:calc((var(--space) / 2) * (1 - var(--around)))}:host ::slotted(stzh-vspace),:host ::slotted(stzh-hspace),:host ::slotted(stzh-row),:host ::slotted(stzh-container),:host ::slotted(stzh-section){-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-positive:1;flex-grow:1}:host(:empty){--around:1;width:var(--space);height:var(--space)}:host([around]:not([around=false])){--around:1}:host([border=top]),:host([border=top-bottom]){border-top:0.0625rem solid var(--stzh-base-border-color)}:host([border=bottom]),:host([border=top-bottom]){border-bottom:0.0625rem solid var(--stzh-base-border-color)}:host([border=left]),:host([border=left-right]){border-left:0.0625rem solid var(--stzh-base-border-color)}:host([border=right]),:host([border=left-right]){border-right:0.0625rem solid var(--stzh-base-border-color)}:host([curve=tiny]){--space:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){:host([curve=tiny]){--space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([curve=tiny]){--space:var(--stzh-space-medium)}}:host([curve=small]){--space:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host([curve=small]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([curve=small]){--space:var(--stzh-space-large)}}:host([curve=regular]){--space:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host([curve=regular]){--space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([curve=regular]){--space:var(--stzh-space-xlarge)}}:host([curve=medium]){--space:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host([curve=medium]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([curve=medium]){--space:var(--stzh-space-xxxlarge)}}:host([curve=large]){--space:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host([curve=large]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([curve=large]){--space:var(--stzh-space-xxxxlarge)}}:host([curve=big]){--space:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host([curve=big]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host([curve=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([curve=big]){--space:var(--stzh-space-xbig)}}:host([curve=huge]){--space:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){:host([curve=huge]){--space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host([curve=huge]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([curve=huge]){--space:var(--stzh-space-huge)}}:host([size=xxxsmall]){--space:var(--stzh-space-xxxsmall)}:host([size=xxsmall]){--space:var(--stzh-space-xxsmall)}:host([size=xsmall]){--space:var(--stzh-space-xsmall)}:host([size=small]){--space:var(--stzh-space-small)}:host([size=medium]){--space:var(--stzh-space-medium)}:host([size=large]){--space:var(--stzh-space-large)}:host([size=xlarge]){--space:var(--stzh-space-xlarge)}:host([size=xxlarge]){--space:var(--stzh-space-xxlarge)}:host([size=xxxlarge]){--space:var(--stzh-space-xxxlarge)}:host([size=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}:host([size=big]){--space:var(--stzh-space-big)}:host([size=xbig]){--space:var(--stzh-space-xbig)}:host([size=huge]){--space:var(--stzh-space-huge)}:host([size=xhuge]){--space:var(--stzh-space-xhuge)}:host([size=none]){--space:var(--stzh-space-none)}:host([size=default]){--space:var(--stzh-space-default)}@media screen and (min-width: 600px){:host([size-small=xxxsmall]){--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 600px){:host([size-small=xxsmall]){--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 600px){:host([size-small=xsmall]){--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){:host([size-small=small]){--space:var(--stzh-space-small)}}@media screen and (min-width: 600px){:host([size-small=medium]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 600px){:host([size-small=large]){--space:var(--stzh-space-large)}}@media screen and (min-width: 600px){:host([size-small=xlarge]){--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){:host([size-small=xxlarge]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxlarge]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){:host([size-small=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 600px){:host([size-small=xbig]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){:host([size-small=huge]){--space:var(--stzh-space-huge)}}@media screen and (min-width: 600px){:host([size-small=xhuge]){--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 600px){:host([size-small=none]){--space:var(--stzh-space-none)}}@media screen and (min-width: 600px){:host([size-small=default]){--space:var(--stzh-space-default)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxsmall]){--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=xxsmall]){--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=xsmall]){--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=small]){--space:var(--stzh-space-small)}}@media screen and (min-width: 800px){:host([size-smallheader=medium]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 800px){:host([size-smallheader=large]){--space:var(--stzh-space-large)}}@media screen and (min-width: 800px){:host([size-smallheader=xlarge]){--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxlarge]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxlarge]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 800px){:host([size-smallheader=xbig]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 800px){:host([size-smallheader=huge]){--space:var(--stzh-space-huge)}}@media screen and (min-width: 800px){:host([size-smallheader=xhuge]){--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 800px){:host([size-smallheader=none]){--space:var(--stzh-space-none)}}@media screen and (min-width: 800px){:host([size-smallheader=default]){--space:var(--stzh-space-default)}}@media screen and (min-width: 1024px){:host([size-medium=xxxsmall]){--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1024px){:host([size-medium=xxsmall]){--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1024px){:host([size-medium=xsmall]){--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1024px){:host([size-medium=small]){--space:var(--stzh-space-small)}}@media screen and (min-width: 1024px){:host([size-medium=medium]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){:host([size-medium=large]){--space:var(--stzh-space-large)}}@media screen and (min-width: 1024px){:host([size-medium=xlarge]){--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxlarge]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxxlarge]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host([size-medium=xbig]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1024px){:host([size-medium=huge]){--space:var(--stzh-space-huge)}}@media screen and (min-width: 1024px){:host([size-medium=xhuge]){--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1024px){:host([size-medium=none]){--space:var(--stzh-space-none)}}@media screen and (min-width: 1024px){:host([size-medium=default]){--space:var(--stzh-space-default)}}@media screen and (min-width: 1260px){:host([size-large=xxxsmall]){--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xxsmall]){--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xsmall]){--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){:host([size-large=small]){--space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([size-large=medium]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([size-large=large]){--space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([size-large=xlarge]){--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxlarge]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxlarge]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([size-large=xbig]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([size-large=huge]){--space:var(--stzh-space-huge)}}@media screen and (min-width: 1260px){:host([size-large=xhuge]){--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1260px){:host([size-large=none]){--space:var(--stzh-space-none)}}@media screen and (min-width: 1260px){:host([size-large=default]){--space:var(--stzh-space-default)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxsmall]){--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=xxsmall]){--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=xsmall]){--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=small]){--space:var(--stzh-space-small)}}@media screen and (min-width: 1440px){:host([size-ultra=medium]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 1440px){:host([size-ultra=large]){--space:var(--stzh-space-large)}}@media screen and (min-width: 1440px){:host([size-ultra=xlarge]){--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxlarge]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxlarge]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 1440px){:host([size-ultra=xbig]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1440px){:host([size-ultra=huge]){--space:var(--stzh-space-huge)}}@media screen and (min-width: 1440px){:host([size-ultra=xhuge]){--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1440px){:host([size-ultra=none]){--space:var(--stzh-space-none)}}@media screen and (min-width: 1440px){:host([size-ultra=default]){--space:var(--stzh-space-default)}}.stzh-space{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:calc((var(--space) / -2) * var(--around));margin:calc((var(--space) / -2) * (1 - var(--around)));}.stzh-space--is-around{padding:calc((var(--space) / 2) * var(--around));margin:calc((var(--space) / 2) * (1 - var(--around)))}.stzh-space--justify-center{-ms-flex-pack:center;justify-content:center}.stzh-space--justify-end{-ms-flex-pack:end;justify-content:flex-end}.stzh-space--justify-between{-ms-flex-pack:justify;justify-content:space-between}.stzh-space--justify-around{-ms-flex-pack:distribute;justify-content:space-around}.stzh-space--justify-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.stzh-space--items-end{-ms-flex-align:end;align-items:flex-end}.stzh-space--items-center{-ms-flex-align:center;align-items:center}.stzh-space--items-baseline{-ms-flex-align:baseline;align-items:baseline}.stzh-space--items-stretch{-ms-flex-align:stretch;align-items:stretch}";export{i as stzh_space}

package/dist/stzh-components/p-de9edaf2.entry.js

@@ -0,0 +1 @@
+import{r as e,h as s,c as a}from"./p-99a3742a.js";const h=class{constructor(s){e(this,s),this.curve="none",this.size="inherit",this.sizeSmall="inherit",this.sizeMedium="inherit",this.sizeLarge="inherit",this.sizeUltra="inherit",this.justify="start",this.items="start",this.around=!1,this.border="none"}render(){return s(a,null,s("div",{class:{"stzh-hspace":!0,[`stzh-hspace--justify-${this.justify}`]:!!this.justify,[`stzh-hspace--items-${this.items}`]:!!this.items}},s("slot",null)))}};h.style=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--h-space:var(--stzh-space-default);--h-around:0}:host ::slotted(*){max-width:100%;padding-left:calc(var(--h-space) * var(--h-around));padding-right:calc(var(--h-space) * var(--h-around));margin:0}:host ::slotted(*:not(:last-child)){margin-right:calc(var(--h-space) * (1 - var(--h-around)))}:host ::slotted(stzh-vspace),:host ::slotted(stzh-h-space),:host ::slotted(stzh-row),:host ::slotted(stzh-container),:host ::slotted(stzh-section){-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-positive:1;flex-grow:1}:host(:empty){--h-around:1;width:var(--h-space)}:host([around]:not([around=false])){--h-around:1}:host([border=left]),:host([border=left-right]){border-left:0.0625rem solid var(--stzh-base-border-color)}:host([border=right]),:host([border=left-right]){border-right:0.0625rem solid var(--stzh-base-border-color)}:host([curve=tiny]){--h-space:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){:host([curve=tiny]){--h-space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([curve=tiny]){--h-space:var(--stzh-space-medium)}}:host([curve=small]){--h-space:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host([curve=small]){--h-space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([curve=small]){--h-space:var(--stzh-space-large)}}:host([curve=regular]){--h-space:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host([curve=regular]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([curve=regular]){--h-space:var(--stzh-space-xlarge)}}:host([curve=medium]){--h-space:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host([curve=medium]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([curve=medium]){--h-space:var(--stzh-space-xxxlarge)}}:host([curve=large]){--h-space:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host([curve=large]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([curve=large]){--h-space:var(--stzh-space-xxxxlarge)}}:host([curve=big]){--h-space:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host([curve=big]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host([curve=big]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([curve=big]){--h-space:var(--stzh-space-xbig)}}:host([curve=huge]){--h-space:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){:host([curve=huge]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host([curve=huge]){--h-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([curve=huge]){--h-space:var(--stzh-space-huge)}}:host([size=xxxsmall]){--h-space:var(--stzh-space-xxxsmall)}:host([size=xxsmall]){--h-space:var(--stzh-space-xxsmall)}:host([size=xsmall]){--h-space:var(--stzh-space-xsmall)}:host([size=small]){--h-space:var(--stzh-space-small)}:host([size=medium]){--h-space:var(--stzh-space-medium)}:host([size=large]){--h-space:var(--stzh-space-large)}:host([size=xlarge]){--h-space:var(--stzh-space-xlarge)}:host([size=xxlarge]){--h-space:var(--stzh-space-xxlarge)}:host([size=xxxlarge]){--h-space:var(--stzh-space-xxxlarge)}:host([size=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge)}:host([size=big]){--h-space:var(--stzh-space-big)}:host([size=xbig]){--h-space:var(--stzh-space-xbig)}:host([size=huge]){--h-space:var(--stzh-space-huge)}:host([size=xhuge]){--h-space:var(--stzh-space-xhuge)}:host([size=none]){--h-space:var(--stzh-space-none)}:host([size=default]){--h-space:var(--stzh-space-default)}@media screen and (min-width: 600px){:host([size-small=xxxsmall]){--h-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 600px){:host([size-small=xxsmall]){--h-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 600px){:host([size-small=xsmall]){--h-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){:host([size-small=small]){--h-space:var(--stzh-space-small)}}@media screen and (min-width: 600px){:host([size-small=medium]){--h-space:var(--stzh-space-medium)}}@media screen and (min-width: 600px){:host([size-small=large]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 600px){:host([size-small=xlarge]){--h-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){:host([size-small=xxlarge]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxlarge]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){:host([size-small=big]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 600px){:host([size-small=xbig]){--h-space:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){:host([size-small=huge]){--h-space:var(--stzh-space-huge)}}@media screen and (min-width: 600px){:host([size-small=xhuge]){--h-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 600px){:host([size-small=none]){--h-space:var(--stzh-space-none)}}@media screen and (min-width: 600px){:host([size-small=default]){--h-space:var(--stzh-space-default)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxsmall]){--h-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=xxsmall]){--h-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=xsmall]){--h-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=small]){--h-space:var(--stzh-space-small)}}@media screen and (min-width: 800px){:host([size-smallheader=medium]){--h-space:var(--stzh-space-medium)}}@media screen and (min-width: 800px){:host([size-smallheader=large]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 800px){:host([size-smallheader=xlarge]){--h-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxlarge]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxlarge]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=big]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 800px){:host([size-smallheader=xbig]){--h-space:var(--stzh-space-xbig)}}@media screen and (min-width: 800px){:host([size-smallheader=huge]){--h-space:var(--stzh-space-huge)}}@media screen and (min-width: 800px){:host([size-smallheader=xhuge]){--h-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 800px){:host([size-smallheader=none]){--h-space:var(--stzh-space-none)}}@media screen and (min-width: 800px){:host([size-smallheader=default]){--h-space:var(--stzh-space-default)}}@media screen and (min-width: 1024px){:host([size-medium=xxxsmall]){--h-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1024px){:host([size-medium=xxsmall]){--h-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1024px){:host([size-medium=xsmall]){--h-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1024px){:host([size-medium=small]){--h-space:var(--stzh-space-small)}}@media screen and (min-width: 1024px){:host([size-medium=medium]){--h-space:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){:host([size-medium=large]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 1024px){:host([size-medium=xlarge]){--h-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxlarge]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxxlarge]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=big]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host([size-medium=xbig]){--h-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1024px){:host([size-medium=huge]){--h-space:var(--stzh-space-huge)}}@media screen and (min-width: 1024px){:host([size-medium=xhuge]){--h-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1024px){:host([size-medium=none]){--h-space:var(--stzh-space-none)}}@media screen and (min-width: 1024px){:host([size-medium=default]){--h-space:var(--stzh-space-default)}}@media screen and (min-width: 1260px){:host([size-large=xxxsmall]){--h-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xxsmall]){--h-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xsmall]){--h-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){:host([size-large=small]){--h-space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([size-large=medium]){--h-space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([size-large=large]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([size-large=xlarge]){--h-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxlarge]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxlarge]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=big]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([size-large=xbig]){--h-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([size-large=huge]){--h-space:var(--stzh-space-huge)}}@media screen and (min-width: 1260px){:host([size-large=xhuge]){--h-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1260px){:host([size-large=none]){--h-space:var(--stzh-space-none)}}@media screen and (min-width: 1260px){:host([size-large=default]){--h-space:var(--stzh-space-default)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxsmall]){--h-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=xxsmall]){--h-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=xsmall]){--h-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=small]){--h-space:var(--stzh-space-small)}}@media screen and (min-width: 1440px){:host([size-ultra=medium]){--h-space:var(--stzh-space-medium)}}@media screen and (min-width: 1440px){:host([size-ultra=large]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 1440px){:host([size-ultra=xlarge]){--h-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxlarge]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxlarge]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=big]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 1440px){:host([size-ultra=xbig]){--h-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1440px){:host([size-ultra=huge]){--h-space:var(--stzh-space-huge)}}@media screen and (min-width: 1440px){:host([size-ultra=xhuge]){--h-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1440px){:host([size-ultra=none]){--h-space:var(--stzh-space-none)}}@media screen and (min-width: 1440px){:host([size-ultra=default]){--h-space:var(--stzh-space-default)}}.stzh-h-space{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;padding:0;margin:0;}.stzh-h-space--border-left{border-left:0.0625rem solid var(--stzh-base-border-color)}.stzh-h-space--border-right{border-right:0.0625rem solid var(--stzh-base-border-color)}.stzh-h-space--justify-center{-ms-flex-pack:center;justify-content:center}.stzh-h-space--justify-end{-ms-flex-pack:end;justify-content:flex-end}.stzh-h-space--justify-between{-ms-flex-pack:justify;justify-content:space-between}.stzh-h-space--justify-around{-ms-flex-pack:distribute;justify-content:space-around}.stzh-h-space--justify-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.stzh-h-space--items-end{-ms-flex-align:end;align-items:flex-end}.stzh-h-space--items-center{-ms-flex-align:center;align-items:center}.stzh-h-space--items-baseline{-ms-flex-align:baseline;align-items:baseline}.stzh-h-space--items-stretch{-ms-flex-align:stretch;align-items:stretch}";export{h as stzh_hspace}

package/dist/stzh-components/p-e3afc8f7.entry.js

@@ -0,0 +1 @@
+import{r as n,e as s,h as a,c}from"./p-99a3742a.js";const h=class{constructor(a){n(this,a),this.stzhItemClick=s(this,"stzhItemClick",7),this.columns=1,this.columnsSmall=0,this.columnsMedium=0,this.columnsLarge=0,this.columnsUltra=0,this.items=[],this.withBorder=!1}appointmentsWatcher(n){this._items="string"==typeof n?JSON.parse(n):n}handleClick(n,s){this.stzhItemClick.emit({component:"stzh-anchornav",item:n,originalEvent:s})}async componentWillLoad(){this.appointmentsWatcher(this.items)}render(){return a(c,null,a("div",{class:{"stzh-anchornav":!0,"stzh-anchornav--has-border":this.withBorder}},a("div",{class:"stzh-anchornav__list",role:"list"},this._items.map((n=>a("stzh-link",{class:"stzh-anchornav__item",role:"listitem",fullwidth:!0,"text-align":"left",href:n.href,icon:n.icon||"arrow-right-down",size:"small",onClick:s=>this.handleClick(n,s)},a("stzh-clamp",{lines:2},n.label)))))))}static get watchers(){return{items:["appointmentsWatcher"]}}};h.style='.sc-stzh-anchornav-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-anchornav-h{display:none}.sc-stzh-anchornav-h *.sc-stzh-anchornav,.sc-stzh-anchornav-h *.sc-stzh-anchornav::before,.sc-stzh-anchornav-h *.sc-stzh-anchornav::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-anchornav-h{--columns:1;width:100%}[columns="1"].sc-stzh-anchornav-h{--columns:1}[columns="2"].sc-stzh-anchornav-h{--columns:2}[columns="3"].sc-stzh-anchornav-h{--columns:3}[columns="4"].sc-stzh-anchornav-h{--columns:4}[columns="5"].sc-stzh-anchornav-h{--columns:5}@media screen and (min-width: 600px){[columns-small="1"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 600px){[columns-small="2"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 600px){[columns-small="3"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 600px){[columns-small="4"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 600px){[columns-small="5"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 800px){[columns-smallheader="1"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 800px){[columns-smallheader="2"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 800px){[columns-smallheader="3"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 800px){[columns-smallheader="4"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 800px){[columns-smallheader="5"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 1024px){[columns-medium="1"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 1024px){[columns-medium="2"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 1024px){[columns-medium="3"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 1024px){[columns-medium="4"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 1024px){[columns-medium="5"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 1260px){[columns-large="1"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 1260px){[columns-large="2"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 1260px){[columns-large="3"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 1260px){[columns-large="4"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 1260px){[columns-large="5"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 1440px){[columns-ultra="1"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 1440px){[columns-ultra="2"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 1440px){[columns-ultra="3"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 1440px){[columns-ultra="4"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 1440px){[columns-ultra="5"].sc-stzh-anchornav-h{--columns:5}}.stzh-anchornav__list.sc-stzh-anchornav{-moz-column-count:var(--columns);-webkit-column-count:var(--columns);column-count:var(--columns);margin:calc((var(--stzh-space-large) / 2) / -2)}.stzh-anchornav__item.sc-stzh-anchornav{--text-decoration:none;--hover-text-decoration:underline;padding:calc(var(--stzh-space-large) / 2)}.stzh-anchornav--has-border.sc-stzh-anchornav{padding:calc(var(--stzh-space-large)) 0;border-top:0.0625rem solid var(--stzh-base-border-color);border-bottom:0.0625rem solid var(--stzh-base-border-color)}';export{h as stzh_anchornav}

package/dist/stzh-components/p-e54ef44f.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(t,e,r,n){function o(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,i){function s(t){try{a(n.next(t))}catch(e){i(e)}}function c(t){try{a(n["throw"](t))}catch(e){i(e)}}function a(t){t.done?r(t.value):o(t.value).then(s,c)}a((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,o,i,s;return s={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function c(t){return function(e){return a([t,e])}}function a(c){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,c[0]&&(r=0)),r)try{if(n=1,o&&(i=c[0]&2?o["return"]:c[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,c[1])).done)return i;if(o=0,i)c=[c[0]&2,i.value];switch(c[0]){case 0:case 1:i=c;break;case 4:r.label++;return{value:c[1],done:false};case 5:r.label++;o=c[1];c=[0];continue;case 7:c=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(c[0]===6||c[0]===2)){r=0;continue}if(c[0]===3&&(!i||c[1]>i[0]&&c[1]<i[3])){r.label=c[1];break}if(c[0]===6&&r.label<i[1]){r.label=i[1];i=c;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(c);break}if(i[2])r.ops.pop();r.trys.pop();continue}c=e.call(t,r)}catch(a){c=[6,a];o=0}finally{n=i=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./p-36e72c1d.system.js"],(function(t){"use strict";var e,r,n,o;return{setters:[function(t){e=t.r;r=t.h;n=t.c;o=t.g}],execute:function(){var i=".sc-stzh-accordion-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-accordion-h{display:none}.sc-stzh-accordion-h *.sc-stzh-accordion,.sc-stzh-accordion-h *.sc-stzh-accordion::before,.sc-stzh-accordion-h *.sc-stzh-accordion::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-accordion-h .sc-stzh-accordion-s>stzh-accordion-item:not(:last-child){margin-bottom:var(--stzh-space-small)}";var s=t("stzh_accordion",function(){function t(t){e(this,t);this.collapsible=true;this.multiselectable=true}t.prototype.openListener=function(t){var e=t.target;var r=e.closest("stzh-accordion");if(this.multiselectable||t.detail&&t.detail.component!=="stzh-accordion-item"||r!==this.element){return}var n=Array.from(r.querySelectorAll("stzh-accordion-item"));n.forEach((function(t){if(t!==e){t.hide()}}))};t.prototype.setItemFocus=function(t,e){return __awaiter(this,void 0,void 0,(function(){var r,n,o;return __generator(this,(function(i){r=t.closest("stzh-accordion");if(r!==this.element){return[2]}n=Array.from(r.querySelectorAll("stzh-accordion-item")).filter((function(t){return!t.disabled}));o=n.indexOf(t);if((e==="prev"||e==="next")&&o===null){e=e==="prev"?"last":"first"}if(e==="prev"&&o===0){e="last"}if(e==="next"&&o===n.length-1){e="first"}if(e==="prev"){n[o-1].setFocus()}else if(e==="next"){n[o+1].setFocus()}else if(e==="last"){n[n.length-1].setFocus()}else if(e==="first"){n[0].setFocus()}else{t.setFocus()}return[2]}))}))};t.prototype.render=function(){var t={"stzh-accordion":true};return r(n,null,r("div",{class:t},r("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());s.style=i}}}));