@maveio/components 0.0.168 → 0.0.170

package/dist/chunk-FAONFKQ2.cjs

@@ -0,0 +1,9 @@
+'use strict';var chunk2E5GLLOS_cjs=require('./chunk-2E5GLLOS.cjs');var e=t=>t??chunk2E5GLLOS_cjs.e;/*! Bundled license information:
+
+lit-html/directives/if-defined.js:
+  (**
+   * @license
+   * Copyright 2018 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/exports.a=e;

package/dist/{chunk-LHWG7RHD.js → chunk-GRBSIFM2.js}

@@ -1,4 +1,4 @@
-import {a as a$2}from'./chunk-XKFWCRVL.js';import {a as a$1}from'./chunk-M22WSPSU.js';import {c as c$1,a}from'./chunk-ZJWT7IOI.js';import {h,i,c as c$2}from'./chunk-27BWRXCN.js';import {c}from'./chunk-KA24PL7V.js';var n=class extends i{get backdrop(){return this._backdropColor||"black"}set backdrop(t){this._backdropColor!=t&&(this._backdropColor=t);}get backdropFilter(){return this._backdropFilter}set backdropFilter(t){this._backdropFilter!=t&&(this._backdropFilter=t);}get styles(){let t={"--backdrop":this.backdrop,"--backdrop-filter":this.backdropFilter};return a$1(t)}open(t){if(this._player=t,t.aspect_ratio){let[i,s]=t.aspect_ratio.split("/");this.style.setProperty("--frame-ratio-w",i),this.style.setProperty("--frame-ratio-h",s);}this.style.display="block";let o=i=>{this._frame.appendChild(t),setTimeout(()=>{this._dialog.showModal();},25),this._dialog.addEventListener("close",s=>{s.preventDefault(),this.close();},{once:true}),i(this);};return new Promise(i=>{if(this._dialog)o(i);else {let s=setInterval(()=>{this._dialog&&(o(i),clearInterval(s));},100);return}})}possibleClose(t){t.target!=this._player&&this.close();}close(){this._dialog.close(),this._backdrop.addEventListener("transitionend",()=>{this._frame.innerHTML="",this.dispatchEvent(new Event("closed",{bubbles:true}));},{once:true});}render(){return c$2`
+import {a as a$4}from'./chunk-EA4QYQHD.js';import {a as a$2}from'./chunk-B6P2GJBQ.js';import {c as c$1,a as a$1}from'./chunk-PTN427IG.js';import {g,a as a$3}from'./chunk-5PIHL662.js';import {a}from'./chunk-YPCQNE3R.js';import {c}from'./chunk-KA24PL7V.js';var n=class extends g{get backdrop(){return this._backdropColor||"black"}set backdrop(t){this._backdropColor!=t&&(this._backdropColor=t);}get backdropFilter(){return this._backdropFilter}set backdropFilter(t){this._backdropFilter!=t&&(this._backdropFilter=t);}get styles(){let t={"--backdrop":this.backdrop,"--backdrop-filter":this.backdropFilter};return a$2(t)}open(t){if(this._player=t,t.aspect_ratio){let[i,s]=t.aspect_ratio.split("/");this.style.setProperty("--frame-ratio-w",i),this.style.setProperty("--frame-ratio-h",s);}this.style.display="block";let o=i=>{this._frame.appendChild(t),setTimeout(()=>{this._dialog.showModal();},25),this._dialog.addEventListener("close",s=>{s.preventDefault(),this.close();},{once:true}),i(this);};return new Promise(i=>{if(this._dialog)o(i);else {let s=setInterval(()=>{this._dialog&&(o(i),clearInterval(s));},100);return}})}possibleClose(t){t.target!=this._player&&this.close();}close(){this._dialog.close(),this._backdrop.addEventListener("transitionend",()=>{this._frame.innerHTML="",this.dispatchEvent(new Event("closed",{bubbles:true}));},{once:true});}render(){return a$3`
       <dialog style=${this.styles}>
         <div class="backdrop"></div>
         <div class="content" @click=${this.possibleClose}>
@@ -27,7 +27,7 @@ import {a as a$2}from'./chunk-XKFWCRVL.js';import {a as a$1}from'./chunk-M22WSPS
           </svg>
         </div>
       </dialog>
-    `}};n.styles=h`
+    `}};n.styles=a`
     :host {
       all: initial;
       --backdrop: black;
@@ -151,4 +151,4 @@ import {a as a$2}from'./chunk-XKFWCRVL.js';import {a as a$1}from'./chunk-M22WSPS
       background-position: center center;
       background-repeat: no-repeat;
     }
-  `,c([c$1("dialog")],n.prototype,"_dialog",2),c([c$1(".content")],n.prototype,"_content",2),c([c$1(".frame")],n.prototype,"_frame",2),c([c$1(".backdrop")],n.prototype,"_backdrop",2),c([a()],n.prototype,"backdrop",1),c([a({attribute:"backdrop-filter"})],n.prototype,"backdropFilter",1);typeof window<"u"&&window.customElements&&(window.customElements.get("mave-pop")||window.customElements.define("mave-pop",n));function E(l){let t={};if(!l)return t;for(let o=0;o<l.attributes.length;o++){let i=l.attributes[o];t[i.name]=i.value;}return t}var x=()=>typeof document<"u"?document:void 0,_=l=>{let t=x();if(!t)return;let o=t;function i(c){let e,r,a=o.querySelector(`mave-pop[embed="${c}"]`);if(a)return r=E(a.querySelector("mave-player")),e=a,{pop:e,attributes:r};let p=o.querySelector("mave-pop:not([embed])");return p?(r=E(p.querySelector("mave-player")),e=p,{pop:e,attributes:r}):(e=new n,o.body.appendChild(e),{pop:e})}function s(c,e){let r=new a$2;if(e)for(let a in e)r.setAttribute(a,e[a]);return r.embed=c,r}function g(c){c.querySelectorAll("[x-mave-pop]").forEach(e=>{let r=e.getAttribute("x-mave-pop")||e.getAttribute("embed");if(!r)return;let{pop:a,attributes:p}=i(r);s(r,p),e.addEventListener("click",L=>{L.preventDefault();let M=o.querySelectorAll("mave-player");if(!Array.from(M).find(m=>m.popped)){let m=s(r,p);a.open(m).then(()=>{m.play();}),a.addEventListener("closed",()=>{m.pause();});}});});}g(l),new MutationObserver(c=>{for(let e of c)e.type==="childList"&&e.addedNodes.forEach(r=>{r instanceof HTMLElement&&g(r);});}).observe(o.body,{childList:true,subtree:true});},f=x();f&&(f.readyState==="loading"?f.addEventListener("DOMContentLoaded",()=>{_(f);}):setTimeout(()=>_(f),500));export{n as a,_ as b};
+  `,c([c$1("dialog")],n.prototype,"_dialog",2),c([c$1(".content")],n.prototype,"_content",2),c([c$1(".frame")],n.prototype,"_frame",2),c([c$1(".backdrop")],n.prototype,"_backdrop",2),c([a$1()],n.prototype,"backdrop",1),c([a$1({attribute:"backdrop-filter"})],n.prototype,"backdropFilter",1);typeof window<"u"&&window.customElements&&(window.customElements.get("mave-pop")||window.customElements.define("mave-pop",n));function E(l){let t={};if(!l)return t;for(let o=0;o<l.attributes.length;o++){let i=l.attributes[o];t[i.name]=i.value;}return t}var x=()=>typeof document<"u"?document:void 0,_=l=>{let t=x();if(!t)return;let o=t;function i(c){let e,r,a=o.querySelector(`mave-pop[embed="${c}"]`);if(a)return r=E(a.querySelector("mave-player")),e=a,{pop:e,attributes:r};let p=o.querySelector("mave-pop:not([embed])");return p?(r=E(p.querySelector("mave-player")),e=p,{pop:e,attributes:r}):(e=new n,o.body.appendChild(e),{pop:e})}function s(c,e){let r=new a$4;if(e)for(let a in e)r.setAttribute(a,e[a]);return r.embed=c,r}function g(c){c.querySelectorAll("[x-mave-pop]").forEach(e=>{let r=e.getAttribute("x-mave-pop")||e.getAttribute("embed");if(!r)return;let{pop:a,attributes:p}=i(r);s(r,p),e.addEventListener("click",L=>{L.preventDefault();let M=o.querySelectorAll("mave-player");if(!Array.from(M).find(m=>m.popped)){let m=s(r,p);a.open(m).then(()=>{m.play();}),a.addEventListener("closed",()=>{m.pause();});}});});}g(l),new MutationObserver(c=>{for(let e of c)e.type==="childList"&&e.addedNodes.forEach(r=>{r instanceof HTMLElement&&g(r);});}).observe(o.body,{childList:true,subtree:true});},f=x();f&&(f.readyState==="loading"?f.addEventListener("DOMContentLoaded",()=>{_(f);}):setTimeout(()=>_(f),500));export{n as a,_ as b};

package/dist/chunk-GSVKVWEI.js

@@ -0,0 +1,33 @@
+import {a}from'./chunk-P6SBZPDR.js';var c="lit-localize-status";var I=e=>typeof e!="string"&&"strTag"in e,p=(e,t,o)=>{let n=e[0];for(let r=1;r<e.length;r++)n+=t[o?o[r-1]:r-1],n+=e[r];return n};var d=(e=>I(e)?p(e.strings,e.values):e);var x=d,C=false;function _(e){if(C)throw new Error("lit-localize can only be configured once");x=e,C=true;}var E=class{constructor(t){this.__litLocalizeEventHandler=o=>{o.detail.status==="ready"&&this.host.requestUpdate();},this.host=t;}hostConnected(){window.addEventListener(c,this.__litLocalizeEventHandler);}hostDisconnected(){window.removeEventListener(c,this.__litLocalizeEventHandler);}},F=e=>e.addController(new E(e)),z=F;var N=()=>(e,t)=>(e.addInitializer(z),e);var u=class{constructor(){this.settled=false,this.promise=new Promise((t,o)=>{this._resolve=t,this._reject=o;});}resolve(t){this.settled=true,this._resolve(t);}reject(t){this.settled=true,this._reject(t);}};var i=[];for(let e=0;e<256;e++)i[e]=(e>>4&15).toString(16)+(e&15).toString(16);function A(e){let t=0,o=8997,n=0,r=33826,s=0,a=40164,L=0,f=52210;for(let v=0;v<e.length;v++)o^=e.charCodeAt(v),t=o*435,n=r*435,s=a*435,L=f*435,s+=o<<8,L+=r<<8,n+=t>>>16,o=t&65535,s+=n>>>16,r=n&65535,f=L+(s>>>16)&65535,a=s&65535;return i[f>>8]+i[f&255]+i[a>>8]+i[a&255]+i[r>>8]+i[r&255]+i[o>>8]+i[o&255]}var W="",$="h",b="s";function R(e,t){return (t?$:b)+A(typeof e=="string"?e:e.join(W))}var j=new WeakMap,H=new Map;function P(e,t,o){if(e){let n=o?.id??O(t),r=e[n];if(r){if(typeof r=="string")return r;if("strTag"in r)return p(r.strings,t.values,r.values);{let s=j.get(r);return s===void 0&&(s=r.values,j.set(r,s)),{...r,values:s.map(a=>t.values[a])}}}}return d(t)}function O(e){let t=typeof e=="string"?e:e.strings,o=H.get(t);return o===void 0&&(o=R(t,typeof e!="string"&&!("strTag"in e)),H.set(t,o)),o}function w(e){window.dispatchEvent(new CustomEvent(c,{detail:e}));}var g="",S,U,h,y,V,l=new u;l.resolve();var m=0,q=e=>(_(((t,o)=>P(V,t,o))),g=U=e.sourceLocale,h=new Set(e.targetLocales),h.add(e.sourceLocale),y=e.loadLocale,{getLocale:k,setLocale:X}),k=()=>g,X=e=>{if(e===(S??g))return l.promise;if(!h||!y)throw new Error("Internal error");if(!h.has(e))throw new Error("Invalid locale code");m++;let t=m;return S=e,l.settled&&(l=new u),w({status:"loading",loadingLocale:e}),(e===U?Promise.resolve({templates:void 0}):y(e)).then(n=>{m===t&&(g=e,S=void 0,V=n.templates,w({status:"ready",readyLocale:e}),l.resolve());},n=>{m===t&&(w({status:"error",errorLocale:e,errorMessage:n.toString()}),l.reject(n));}),l.promise};var G={en:()=>import('./generated/locales/en.js'),nl:()=>import('./generated/locales/nl.js'),de:()=>import('./generated/locales/de.js'),fr:()=>import('./generated/locales/fr.js')};function B(e){return G[e]}async function J(e){let t=a();if(!t)return null;try{return await import(new URL(`./${t}generated/locales/${e}.js`,import.meta.url).href)}catch{return null}}var K=q({sourceLocale:"default",targetLocales:["en","nl","de","fr"],loadLocale:async e=>{let t=B(e);if(t)try{return await t()}catch(n){console.error(`[mave-player]: failed to load locale ${e}`,n);}let o=await J(e);return o||(console.log(`[mave-player]: locale not loaded for ${e}`),null)}}),T=false,D=class{constructor(t){this._onLoad=t=>{t.detail.status==="loading"?T=false:t.detail.status==="ready"&&(T=true),this.host.requestUpdate();};this.host=t,t.addController(this);}get loaded(){return T}set locale(t){this._locale!==t&&(K.setLocale(t),this.host.requestUpdate());}get locale(){return this._locale}hostConnected(){typeof window<"u"&&window.addEventListener("lit-localize-status",this._onLoad);}hostDisconnected(){typeof window<"u"&&window.removeEventListener("lit-localize-status",this._onLoad);}};/*! Bundled license information:
+
+@lit/localize/internal/locale-status-event.js:
+@lit/localize/internal/str-tag.js:
+@lit/localize/internal/types.js:
+@lit/localize/internal/default-msg.js:
+@lit/localize/internal/localized-controller.js:
+@lit/localize/internal/localized-decorator.js:
+@lit/localize/internal/runtime-msg.js:
+@lit/localize/init/runtime.js:
+@lit/localize/init/transform.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/localize/internal/deferred.js:
+@lit/localize/internal/id-generation.js:
+@lit/localize/lit-localize.js:
+  (**
+   * @license
+   * Copyright 2020 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/localize/internal/fnv1a64.js:
+  (**
+   * @license
+   * Copyright 2014 Travis Webb
+   * SPDX-License-Identifier: MIT
+   *)
+*/export{x as a,N as b,K as c,D as d};

package/dist/chunk-HMVS6DJE.js

@@ -0,0 +1,186 @@
+import {o as o$1,q as q$1,b as b$1,C as C$1,s,L as L$1,y,x as x$1,v as v$1,K as K$1,w as w$1,r as r$1,n,M as M$1,a as a$1,p as p$1}from'./chunk-3UQNIS3L.js';import {e,g as g$1,d,f}from'./chunk-KA24PL7V.js';function Le({anchor:t,floating:e,placement:i}){let n=Je({anchor:t,floating:e}),{x:s,y:l}=je(n,i);return {x:s,y:l}}function Je({anchor:t,floating:e}){return {anchor:Ve(t,e.offsetParent),floating:{x:0,y:0,width:e.offsetWidth,height:e.offsetHeight}}}function Ve(t,e){var i;let n=t.getBoundingClientRect(),s=(i=e?.getBoundingClientRect())!=null?i:{x:0,y:0};return {x:n.x-s.x,y:n.y-s.y,width:n.width,height:n.height}}function je({anchor:t,floating:e},i){let n=et(i)==="x"?"y":"x",s=n==="y"?"height":"width",l=Re(i),h=t.x+t.width/2-e.width/2,c=t.y+t.height/2-e.height/2,d=t[s]/2-e[s]/2,f;switch(l){case "top":f={x:h,y:t.y-e.height};break;case "bottom":f={x:h,y:t.y+t.height};break;case "right":f={x:t.x+t.width,y:c};break;case "left":f={x:t.x-e.width,y:c};break;default:f={x:t.x,y:t.y};}switch(i.split("-")[1]){case "start":f[n]-=d;break;case "end":f[n]+=d;break}return f}function Re(t){return t.split("-")[0]}function et(t){return ["top","bottom"].includes(Re(t))?"y":"x"}var We=new WeakMap,ie=t=>{let e=We.get(t);return e||We.set(t,e=new Set),e},He=new o$1.ResizeObserver(t=>{for(let e of t)for(let i of ie(e.target))i(e);});function L(t,e){ie(t).add(e),He.observe(t);}function R(t,e){let i=ie(t);i.delete(e),i.size||He.unobserve(t);}var fe=(t,e,i)=>{if(!e.has(t))throw TypeError("Cannot "+i)},o=(t,e,i)=>(fe(t,e,"read from private field"),i?i.call(t):e.get(t)),a=(t,e,i)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,i);},p=(t,e,i,n)=>(fe(t,e,"write to private field"),e.set(t,i),i),r=(t,e,i)=>(fe(t,e,"access private method"),i),v,w,x,z,N,E,O,ne,Oe,Z,pe,F,K,se,oe,De,ae,Pe,re,qe,I,C,M,D,Y,ve,le,$e,ge,Be,he,ze,be,Ne,de,Ke,ce,Ue,W,G,ue,Ze,H,Q,U,me;function Fe({type:t,text:e,value:i,checked:n}){let s=p$1.createElement("media-chrome-menu-item");s.type=t??"",s.part.add("menu-item"),t&&s.part.add(t),s.value=i,s.checked=n;let l=p$1.createElement("span");return l.textContent=e,s.append(l),s}function Ye(t,e){let i=t.querySelector(`:scope > [slot="${e}"]`);if(i?.nodeName=="SLOT"&&(i=i.assignedElements({flatten:true})[0]),i)return i=i.cloneNode(true),i;let n=t.shadowRoot.querySelector(`[name="${e}"] > svg`);return n?n.cloneNode(true):""}function tt(t){return `
+    <style>
+      :host {
+        font: var(--media-font,
+          var(--media-font-weight, normal)
+          var(--media-font-size, 14px) /
+          var(--media-text-content-height, var(--media-control-height, 24px))
+          var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif));
+        color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238)));
+        --_menu-bg: rgb(20 20 30 / .8);
+        background: var(--media-menu-background, var(--media-control-background, var(--media-secondary-color, var(--_menu-bg))));
+        border-radius: var(--media-menu-border-radius);
+        border: var(--media-menu-border, none);
+        display: var(--media-menu-display, inline-flex) !important;
+        
+        transition: var(--media-menu-transition-in,
+          visibility 0s,
+          opacity .2s ease-out,
+          transform .15s ease-out,
+          left .2s ease-in-out,
+          min-width .2s ease-in-out,
+          min-height .2s ease-in-out
+        ) !important;
+        
+        visibility: var(--media-menu-visibility, visible);
+        opacity: var(--media-menu-opacity, 1);
+        max-height: var(--media-menu-max-height, var(--_menu-max-height, 300px));
+        transform: var(--media-menu-transform-in, translateY(0) scale(1));
+        flex-direction: column;
+        
+        min-height: 0;
+        position: relative;
+        bottom: var(--_menu-bottom);
+        box-sizing: border-box;
+      } 
+
+      @-moz-document url-prefix() {
+        :host{
+          --_menu-bg: rgb(20 20 30);
+        }
+      }
+
+      :host([hidden]) {
+        transition: var(--media-menu-transition-out,
+          visibility .15s ease-in,
+          opacity .15s ease-in,
+          transform .15s ease-in
+        ) !important;
+        visibility: var(--media-menu-hidden-visibility, hidden);
+        opacity: var(--media-menu-hidden-opacity, 0);
+        max-height: var(--media-menu-hidden-max-height,
+          var(--media-menu-max-height, var(--_menu-max-height, 300px)));
+        transform: var(--media-menu-transform-out, translateY(2px) scale(.99));
+        pointer-events: none;
+      }
+
+      :host([slot="submenu"]) {
+        background: none;
+        width: 100%;
+        min-height: 100%;
+        position: absolute;
+        bottom: 0;
+        right: -100%;
+      }
+
+      #container {
+        display: flex;
+        flex-direction: column;
+        min-height: 0;
+        transition: transform .2s ease-out;
+        transform: translate(0, 0);
+      }
+
+      #container.has-expanded {
+        transition: transform .2s ease-in;
+        transform: translate(-100%, 0);
+      }
+
+      button {
+        background: none;
+        color: inherit;
+        border: none;
+        padding: 0;
+        font: inherit;
+        outline: inherit;
+        display: inline-flex;
+        align-items: center;
+      }
+
+      slot[name="header"][hidden] {
+        display: none;
+      }
+
+      slot[name="header"] > *,
+      slot[name="header"]::slotted(*) {
+        padding: .4em .7em;
+        border-bottom: 1px solid rgb(255 255 255 / .25);
+        cursor: var(--media-cursor, default);
+      }
+
+      slot[name="header"] > button[part~="back"],
+      slot[name="header"]::slotted(button[part~="back"]) {
+        cursor: var(--media-cursor, pointer);
+      }
+
+      svg[part~="back"] {
+        height: var(--media-menu-icon-height, var(--media-control-height, 24px));
+        fill: var(--media-icon-color, var(--media-primary-color, rgb(238 238 238)));
+        display: block;
+        margin-right: .5ch;
+      }
+
+      slot:not([name]) {
+        gap: var(--media-menu-gap);
+        flex-direction: var(--media-menu-flex-direction, column);
+        overflow: var(--media-menu-overflow, hidden auto);
+        display: flex;
+        min-height: 0;
+      }
+
+      :host([role="menu"]) slot:not([name]) {
+        padding-block: .4em;
+      }
+
+      slot:not([name])::slotted([role="menu"]) {
+        background: none;
+      }
+
+      media-chrome-menu-item > span {
+        margin-right: .5ch;
+        max-width: var(--media-menu-item-max-width);
+        text-overflow: ellipsis;
+        overflow: hidden;
+      }
+    </style>
+    <style id="layout-row" media="width:0">
+
+      slot[name="header"] > *,
+      slot[name="header"]::slotted(*) {
+        padding: .4em .5em;
+      }
+
+      slot:not([name]) {
+        gap: var(--media-menu-gap, .25em);
+        flex-direction: var(--media-menu-flex-direction, row);
+        padding-inline: .5em;
+      }
+
+      media-chrome-menu-item {
+        padding: .3em .5em;
+      }
+
+      media-chrome-menu-item[aria-checked="true"] {
+        background: var(--media-menu-item-checked-background, rgb(255 255 255 / .2));
+      }
+
+      
+      media-chrome-menu-item::part(checked-indicator) {
+        display: var(--media-menu-item-checked-indicator-display, none);
+      }
+    </style>
+    <div id="container" part="container">
+      <slot name="header" hidden>
+        <button part="back button" aria-label="Back to previous menu">
+          <slot name="back-icon">
+            <svg aria-hidden="true" viewBox="0 0 20 24" part="back indicator">
+              <path d="m11.88 17.585.742-.669-4.2-4.665 4.2-4.666-.743-.669-4.803 5.335 4.803 5.334Z"/>
+            </svg>
+          </slot>
+          <slot name="title"></slot>
+        </button>
+      </slot>
+      <slot></slot>
+    </div>
+    <slot name="checked-indicator" hidden></slot>
+  `}var _={STYLE:"style",HIDDEN:"hidden",DISABLED:"disabled",ANCHOR:"anchor"},S=class extends o$1.HTMLElement{constructor(){if(super(),a(this,ne),a(this,Z),a(this,K),a(this,oe),a(this,ae),a(this,re),a(this,M),a(this,Y),a(this,le),a(this,ge),a(this,he),a(this,be),a(this,de),a(this,ce),a(this,W),a(this,ue),a(this,H),a(this,U),a(this,v,null),a(this,w,null),a(this,x,null),a(this,z,new Set),a(this,N,void 0),a(this,E,false),a(this,O,null),a(this,F,()=>{let e=o(this,z),i=new Set(this.items);for(let n of e)i.has(n)||this.dispatchEvent(new CustomEvent("removemenuitem",{detail:n}));for(let n of i)e.has(n)||this.dispatchEvent(new CustomEvent("addmenuitem",{detail:n}));p(this,z,i);}),a(this,I,()=>{r(this,M,D).call(this),r(this,Y,ve).call(this,false);}),a(this,C,()=>{r(this,M,D).call(this);}),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=q$1(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e);}this.container=this.shadowRoot.querySelector("#container"),this.defaultSlot=this.shadowRoot.querySelector("slot:not([name])"),this.shadowRoot.addEventListener("slotchange",this),p(this,N,new MutationObserver(o(this,F))),o(this,N).observe(this.defaultSlot,{childList:true});}static get observedAttributes(){return [_.DISABLED,_.HIDDEN,_.STYLE,_.ANCHOR,b$1.MEDIA_CONTROLLER]}static formatMenuItemText(e,i){return e}enable(){this.addEventListener("click",this),this.addEventListener("focusout",this),this.addEventListener("keydown",this),this.addEventListener("invoke",this),this.addEventListener("toggle",this);}disable(){this.removeEventListener("click",this),this.removeEventListener("focusout",this),this.removeEventListener("keyup",this),this.removeEventListener("invoke",this),this.removeEventListener("toggle",this);}handleEvent(e){switch(e.type){case "slotchange":r(this,ne,Oe).call(this,e);break;case "invoke":r(this,oe,De).call(this,e);break;case "click":r(this,le,$e).call(this,e);break;case "toggle":r(this,he,ze).call(this,e);break;case "focusout":r(this,de,Ke).call(this,e);break;case "keydown":r(this,ce,Ue).call(this,e);break}}connectedCallback(){var e,i;p(this,O,C$1(this.shadowRoot,":host")),r(this,K,se).call(this),this.hasAttribute("disabled")||this.enable(),this.role||(this.role="menu"),p(this,v,s(this)),(i=(e=o(this,v))==null?void 0:e.associateElement)==null||i.call(e,this),this.hidden||(L(P(this),o(this,I)),L(this,o(this,C))),r(this,Z,pe).call(this);}disconnectedCallback(){var e,i;R(P(this),o(this,I)),R(this,o(this,C)),this.disable(),(i=(e=o(this,v))==null?void 0:e.unassociateElement)==null||i.call(e,this),p(this,v,null);}attributeChangedCallback(e,i,n){var s$1,l,h,c;e===_.HIDDEN&&n!==i?(o(this,E)||p(this,E,true),this.hidden?r(this,re,qe).call(this):r(this,ae,Pe).call(this),this.dispatchEvent(new L$1({oldState:this.hidden?"open":"closed",newState:this.hidden?"closed":"open",bubbles:true}))):e===b$1.MEDIA_CONTROLLER?(i&&((l=(s$1=o(this,v))==null?void 0:s$1.unassociateElement)==null||l.call(s$1,this),p(this,v,null)),n&&this.isConnected&&(p(this,v,s(this)),(c=(h=o(this,v))==null?void 0:h.associateElement)==null||c.call(h,this))):e===_.DISABLED&&n!==i?n==null?this.enable():this.disable():e===_.STYLE&&n!==i&&r(this,K,se).call(this);}formatMenuItemText(e,i){return this.constructor.formatMenuItemText(e,i)}get anchor(){return this.getAttribute("anchor")}set anchor(e){this.setAttribute("anchor",`${e}`);}get anchorElement(){var e;return this.anchor?(e=y(this))==null?void 0:e.querySelector(`#${this.anchor}`):null}get items(){return this.defaultSlot.assignedElements({flatten:true}).filter(it)}get radioGroupItems(){return this.items.filter(e=>e.role==="menuitemradio")}get checkedItems(){return this.items.filter(e=>e.checked)}get value(){var e,i;return (i=(e=this.checkedItems[0])==null?void 0:e.value)!=null?i:""}set value(e){let i=this.items.find(n=>n.value===e);i&&r(this,U,me).call(this,i);}focus(){if(p(this,w,x$1()),this.items.length){r(this,H,Q).call(this,this.items[0]),this.items[0].focus();return}let e=this.querySelector('[autofocus], [tabindex]:not([tabindex="-1"]), [role="menu"]');e?.focus();}handleSelect(e){var i;let n=r(this,W,G).call(this,e);n&&(r(this,U,me).call(this,n,n.type==="checkbox"),o(this,x)&&!this.hidden&&((i=o(this,w))==null||i.focus(),this.hidden=true));}get keysUsed(){return ["Enter","Escape","Tab"," ","ArrowDown","ArrowUp","Home","End"]}handleMove(e){var i,n;let{key:s}=e,l=this.items,h=(n=(i=r(this,W,G).call(this,e))!=null?i:r(this,ue,Ze).call(this))!=null?n:l[0],c=l.indexOf(h),d=Math.max(0,c);s==="ArrowDown"?d++:s==="ArrowUp"?d--:e.key==="Home"?d=0:e.key==="End"&&(d=l.length-1),d<0&&(d=l.length-1),d>l.length-1&&(d=0),r(this,H,Q).call(this,l[d]),l[d].focus();}};v=new WeakMap;w=new WeakMap;x=new WeakMap;z=new WeakMap;N=new WeakMap;E=new WeakMap;O=new WeakMap;ne=new WeakSet;Oe=function(t){let e=t.target;for(let i of e.assignedNodes({flatten:true}))i.nodeType===3&&i.textContent.trim()===""&&i.remove();["header","title"].includes(e.name)&&r(this,Z,pe).call(this),e.name||o(this,F).call(this);};Z=new WeakSet;pe=function(){let t=this.shadowRoot.querySelector('slot[name="header"]'),e=this.shadowRoot.querySelector('slot[name="title"]');t.hidden=e.assignedNodes().length===0&&t.assignedNodes().length===0;};F=new WeakMap;K=new WeakSet;se=function(){var t;let e=this.shadowRoot.querySelector("#layout-row"),i=(t=getComputedStyle(this).getPropertyValue("--media-menu-layout"))==null?void 0:t.trim();e.setAttribute("media",i==="row"?"":"width:0");};oe=new WeakSet;De=function(t){p(this,x,t.relatedTarget),v$1(this,t.relatedTarget)||(this.hidden=!this.hidden);};ae=new WeakSet;Pe=function(){var t;(t=o(this,x))==null||t.setAttribute("aria-expanded","true"),this.addEventListener("transitionend",()=>this.focus(),{once:true}),L(P(this),o(this,I)),L(this,o(this,C));};re=new WeakSet;qe=function(){var t;(t=o(this,x))==null||t.setAttribute("aria-expanded","false"),R(P(this),o(this,I)),R(this,o(this,C));};I=new WeakMap;C=new WeakMap;M=new WeakSet;D=function(t){if(this.hasAttribute("mediacontroller")&&!this.anchor||this.hidden||!this.anchorElement)return;let{x:e,y:i}=Le({anchor:this.anchorElement,floating:this,placement:"top-start"});t??(t=this.offsetWidth);let s=P(this).getBoundingClientRect(),l=s.width-e-t,h=s.height-i-this.offsetHeight,{style:c}=o(this,O);c.setProperty("position","absolute"),c.setProperty("right",`${Math.max(0,l)}px`),c.setProperty("--_menu-bottom",`${h}px`);let d=getComputedStyle(this),Qe=c.getPropertyValue("--_menu-bottom")===d.bottom?h:parseFloat(d.bottom),Xe=s.height-Qe-parseFloat(d.marginBottom);this.style.setProperty("--_menu-max-height",`${Xe}px`);};Y=new WeakSet;ve=function(t){let e=this.querySelector('[role="menuitem"][aria-haspopup][aria-expanded="true"]'),i=e?.querySelector('[role="menu"]'),{style:n}=o(this,O);if(t||n.setProperty("--media-menu-transition-in","none"),i){let s=i.offsetHeight,l=Math.max(i.offsetWidth,e.offsetWidth);this.style.setProperty("min-width",`${l}px`),this.style.setProperty("min-height",`${s}px`),r(this,M,D).call(this,l);}else this.style.removeProperty("min-width"),this.style.removeProperty("min-height"),r(this,M,D).call(this);n.removeProperty("--media-menu-transition-in");};le=new WeakSet;$e=function(t){var e;if(t.stopPropagation(),t.composedPath().includes(o(this,ge,Be))){(e=o(this,w))==null||e.focus(),this.hidden=true;return}let i=r(this,W,G).call(this,t);!i||i.hasAttribute("disabled")||(r(this,H,Q).call(this,i),this.handleSelect(t));};ge=new WeakSet;Be=function(){var t;return (t=this.shadowRoot.querySelector('slot[name="header"]').assignedElements({flatten:true}))==null?void 0:t.find(i=>i.matches('button[part~="back"]'))};he=new WeakSet;ze=function(t){if(t.target===this)return;r(this,be,Ne).call(this);let e=Array.from(this.querySelectorAll('[role="menuitem"][aria-haspopup]'));for(let i of e)i.invokeTargetElement!=t.target&&t.newState=="open"&&i.getAttribute("aria-expanded")=="true"&&!i.invokeTargetElement.hidden&&i.invokeTargetElement.dispatchEvent(new K$1({relatedTarget:i}));for(let i of e)i.setAttribute("aria-expanded",`${!i.submenuElement.hidden}`);r(this,Y,ve).call(this,true);};be=new WeakSet;Ne=function(){let e=this.querySelector('[role="menuitem"] > [role="menu"]:not([hidden])');this.container.classList.toggle("has-expanded",!!e);};de=new WeakSet;Ke=function(t){var e;v$1(this,t.relatedTarget)||(o(this,E)&&((e=o(this,w))==null||e.focus()),o(this,x)&&o(this,x)!==t.relatedTarget&&!this.hidden&&(this.hidden=true));};ce=new WeakSet;Ue=function(t){var e,i,n,s,l;let{key:h,ctrlKey:c,altKey:d,metaKey:f}=t;if(!(c||d||f)&&this.keysUsed.includes(h))if(t.preventDefault(),t.stopPropagation(),h==="Tab"){if(o(this,E)){this.hidden=true;return}t.shiftKey?(i=(e=this.previousElementSibling)==null?void 0:e.focus)==null||i.call(e):(s=(n=this.nextElementSibling)==null?void 0:n.focus)==null||s.call(n),this.blur();}else h==="Escape"?((l=o(this,w))==null||l.focus(),o(this,E)&&(this.hidden=true)):h==="Enter"||h===" "?this.handleSelect(t):this.handleMove(t);};W=new WeakSet;G=function(t){return t.composedPath().find(e=>["menuitemradio","menuitemcheckbox"].includes(e.role))};ue=new WeakSet;Ze=function(){return this.items.find(t=>t.tabIndex===0)};H=new WeakSet;Q=function(t){for(let e of this.items)e.tabIndex=e===t?0:-1;};U=new WeakSet;me=function(t,e){let i=[...this.checkedItems];t.type==="radio"&&this.radioGroupItems.forEach(n=>n.checked=false),e?t.checked=!t.checked:t.checked=true,this.checkedItems.some((n,s)=>n!=i[s])&&this.dispatchEvent(new Event("change",{bubbles:true,composed:true}));};S.shadowRootOptions={mode:"open"};S.getTemplateHTML=tt;function it(t){return ["menuitem","menuitemradio","menuitemcheckbox"].includes(t?.role)}function P(t){var e;return (e=t.getAttribute("bounds")?w$1(t,`#${t.getAttribute("bounds")}`):r$1(t)||t.parentElement)!=null?e:t}o$1.customElements.get("media-chrome-menu")||o$1.customElements.define("media-chrome-menu",S);var nt=`<svg aria-hidden="true" viewBox="0 0 24 24">
+  <path d="M11 17H9.5V7H11v10Zm-3-3H6.5v-4H8v4Zm6-5h-1.5v6H14V9Zm3 7h-1.5V8H17v8Z"/>
+  <path d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0Z"/>
+</svg>`,k,g,b,ye,q,B,ke=class extends S{constructor(){super(...arguments);e(this,b);e(this,k,[]);e(this,g);e(this,B,()=>{let i=this.value??d(this,g);i!=null&&(f(this,g,String(i)),this.dispatchEvent(new o$1.CustomEvent(a$1.MEDIA_AUDIO_TRACK_REQUEST,{detail:d(this,g),composed:true,bubbles:true})),g$1(this,b,q).call(this));});}get tracks(){return d(this,k)}set tracks(i){f(this,k,[...i??[]]),g$1(this,b,ye).call(this);}get selected(){return d(this,g)}set selected(i){f(this,g,i??void 0),g$1(this,b,q).call(this);}connectedCallback(){super.connectedCallback(),this.addEventListener("change",d(this,B)),g$1(this,b,ye).call(this),g$1(this,b,q).call(this);}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",d(this,B));}};k=new WeakMap,g=new WeakMap,b=new WeakSet,ye=function(){let i=this.defaultSlot;if(i){i.textContent="";for(let n of d(this,k)){let s=Fe({type:"radio",text:n.label??n.language??"",value:n.id,checked:!!n.enabled});s.prepend(Ye(this,"checked-indicator")),i.append(s);}g$1(this,b,q).call(this);}},q=function(){let i=d(this,k).find(h=>h.enabled)??(d(this,k).length?d(this,k)[0]:void 0),n=d(this,g)??i?.id;f(this,g,n);let l=this.defaultSlot?.querySelectorAll("media-chrome-menu-item")??this.querySelectorAll("media-chrome-menu-item");for(let h of Array.from(l))"checked"in h&&"value"in h&&(h.checked=h.value===n);n!=null?this.value=n:(this.value="",this.removeAttribute("value"));},B=new WeakMap;var X,Ge,$=class extends M$1{constructor(){super(...arguments);e(this,X);}connectedCallback(){super.connectedCallback(),g$1(this,X,Ge).call(this);}get invokeTargetElement(){return this.invokeTarget!=null?super.invokeTargetElement:this.closest("media-controller, mave-player")?.querySelector("mave-audio-track-menu")??null}};X=new WeakSet,Ge=function(){let i=n("audio tracks");this.setAttribute("aria-label",i);},$.getSlotTemplateHTML=()=>`
+    <style>
+      :host([aria-expanded="true"]) slot[name='tooltip'] {
+        display: none;
+      }
+    </style>
+    <slot name="icon">${nt}</slot>
+  `,$.getTooltipContentHTML=()=>n("audio tracks");o$1.customElements.get("mave-audio-track-menu")||o$1.customElements.define("mave-audio-track-menu",ke);o$1.customElements.get("mave-audio-track-menu-button")||o$1.customElements.define("mave-audio-track-menu-button",$);export{L as a,R as b,Fe as c,Ye as d,S as e,ke as f,$ as g};

package/dist/chunk-IBQULJZC.cjs

@@ -0,0 +1,3 @@
+'use strict';var chunkEVKPEPYP_cjs=require('./chunk-EVKPEPYP.cjs');var b=e=>typeof e=="function"?e:function(){return e},_=typeof self<"u"?self:null,m=typeof window<"u"?window:null,f=_||m||globalThis,H="2.0.0",u={connecting:0,open:1,closing:2,closed:3},P=1e4,x=1e3,c={closed:"closed",errored:"errored",joined:"joined",joining:"joining",leaving:"leaving"},p={close:"phx_close",error:"phx_error",join:"phx_join",reply:"phx_reply",leave:"phx_leave"},R={longpoll:"longpoll",websocket:"websocket"},B={complete:4},k="base64url.bearer.phx.",v=class{constructor(e,t,i,s){this.channel=e,this.event=t,this.payload=i||function(){return {}},this.receivedResp=null,this.timeout=s,this.timeoutTimer=null,this.recHooks=[],this.sent=false;}resend(e){this.timeout=e,this.reset(),this.send();}send(){this.hasReceived("timeout")||(this.startTimeout(),this.sent=true,this.channel.socket.push({topic:this.channel.topic,event:this.event,payload:this.payload(),ref:this.ref,join_ref:this.channel.joinRef()}));}receive(e,t){return this.hasReceived(e)&&t(this.receivedResp.response),this.recHooks.push({status:e,callback:t}),this}reset(){this.cancelRefEvent(),this.ref=null,this.refEvent=null,this.receivedResp=null,this.sent=false;}matchReceive({status:e,response:t,_ref:i}){this.recHooks.filter(s=>s.status===e).forEach(s=>s.callback(t));}cancelRefEvent(){this.refEvent&&this.channel.off(this.refEvent);}cancelTimeout(){clearTimeout(this.timeoutTimer),this.timeoutTimer=null;}startTimeout(){this.timeoutTimer&&this.cancelTimeout(),this.ref=this.channel.socket.makeRef(),this.refEvent=this.channel.replyEventName(this.ref),this.channel.on(this.refEvent,e=>{this.cancelRefEvent(),this.cancelTimeout(),this.receivedResp=e,this.matchReceive(e);}),this.timeoutTimer=setTimeout(()=>{this.trigger("timeout",{});},this.timeout);}hasReceived(e){return this.receivedResp&&this.receivedResp.status===e}trigger(e,t){this.channel.trigger(this.refEvent,{status:e,response:t});}},j=class{constructor(e,t){this.callback=e,this.timerCalc=t,this.timer=null,this.tries=0;}reset(){this.tries=0,clearTimeout(this.timer);}scheduleTimeout(){clearTimeout(this.timer),this.timer=setTimeout(()=>{this.tries=this.tries+1,this.callback();},this.timerCalc(this.tries+1));}},$=class{constructor(e,t,i){this.state=c.closed,this.topic=e,this.params=b(t||{}),this.socket=i,this.bindings=[],this.bindingRef=0,this.timeout=this.socket.timeout,this.joinedOnce=false,this.joinPush=new v(this,p.join,this.params,this.timeout),this.pushBuffer=[],this.stateChangeRefs=[],this.rejoinTimer=new j(()=>{this.socket.isConnected()&&this.rejoin();},this.socket.rejoinAfterMs),this.stateChangeRefs.push(this.socket.onError(()=>this.rejoinTimer.reset())),this.stateChangeRefs.push(this.socket.onOpen(()=>{this.rejoinTimer.reset(),this.isErrored()&&this.rejoin();})),this.joinPush.receive("ok",()=>{this.state=c.joined,this.rejoinTimer.reset(),this.pushBuffer.forEach(s=>s.send()),this.pushBuffer=[];}),this.joinPush.receive("error",()=>{this.state=c.errored,this.socket.isConnected()&&this.rejoinTimer.scheduleTimeout();}),this.onClose(()=>{this.rejoinTimer.reset(),this.socket.hasLogger()&&this.socket.log("channel",`close ${this.topic} ${this.joinRef()}`),this.state=c.closed,this.socket.remove(this);}),this.onError(s=>{this.socket.hasLogger()&&this.socket.log("channel",`error ${this.topic}`,s),this.isJoining()&&this.joinPush.reset(),this.state=c.errored,this.socket.isConnected()&&this.rejoinTimer.scheduleTimeout();}),this.joinPush.receive("timeout",()=>{this.socket.hasLogger()&&this.socket.log("channel",`timeout ${this.topic} (${this.joinRef()})`,this.joinPush.timeout),new v(this,p.leave,b({}),this.timeout).send(),this.state=c.errored,this.joinPush.reset(),this.socket.isConnected()&&this.rejoinTimer.scheduleTimeout();}),this.on(p.reply,(s,r)=>{this.trigger(this.replyEventName(r),s);});}join(e=this.timeout){if(this.joinedOnce)throw new Error("tried to join multiple times. 'join' can only be called a single time per channel instance");return this.timeout=e,this.joinedOnce=true,this.rejoin(),this.joinPush}onClose(e){this.on(p.close,e);}onError(e){return this.on(p.error,t=>e(t))}on(e,t){let i=this.bindingRef++;return this.bindings.push({event:e,ref:i,callback:t}),i}off(e,t){this.bindings=this.bindings.filter(i=>!(i.event===e&&(typeof t>"u"||t===i.ref)));}canPush(){return this.socket.isConnected()&&this.isJoined()}push(e,t,i=this.timeout){if(t=t||{},!this.joinedOnce)throw new Error(`tried to push '${e}' to '${this.topic}' before joining. Use channel.join() before pushing events`);let s=new v(this,e,function(){return t},i);return this.canPush()?s.send():(s.startTimeout(),this.pushBuffer.push(s)),s}leave(e=this.timeout){this.rejoinTimer.reset(),this.joinPush.cancelTimeout(),this.state=c.leaving;let t=()=>{this.socket.hasLogger()&&this.socket.log("channel",`leave ${this.topic}`),this.trigger(p.close,"leave");},i=new v(this,p.leave,b({}),e);return i.receive("ok",()=>t()).receive("timeout",()=>t()),i.send(),this.canPush()||i.trigger("ok",{}),i}onMessage(e,t,i){return t}isMember(e,t,i,s){return this.topic!==e?false:s&&s!==this.joinRef()?(this.socket.hasLogger()&&this.socket.log("channel","dropping outdated message",{topic:e,event:t,payload:i,joinRef:s}),false):true}joinRef(){return this.joinPush.ref}rejoin(e=this.timeout){this.isLeaving()||(this.socket.leaveOpenTopic(this.topic),this.state=c.joining,this.joinPush.resend(e));}trigger(e,t,i,s){let r=this.onMessage(e,t,i,s);if(t&&!r)throw new Error("channel onMessage callbacks must return the payload, modified or unmodified");let n=this.bindings.filter(h=>h.event===e);for(let h=0;h<n.length;h++)n[h].callback(r,i,s||this.joinRef());}replyEventName(e){return `chan_reply_${e}`}isClosed(){return this.state===c.closed}isErrored(){return this.state===c.errored}isJoined(){return this.state===c.joined}isJoining(){return this.state===c.joining}isLeaving(){return this.state===c.leaving}},E=class{static request(e,t,i,s,r,n,h){if(f.XDomainRequest){let o=new f.XDomainRequest;return this.xdomainRequest(o,e,t,s,r,n,h)}else if(f.XMLHttpRequest){let o=new f.XMLHttpRequest;return this.xhrRequest(o,e,t,i,s,r,n,h)}else {if(f.fetch&&f.AbortController)return this.fetchRequest(e,t,i,s,r,n,h);throw new Error("No suitable XMLHttpRequest implementation found")}}static fetchRequest(e,t,i,s,r,n,h){let o={method:e,headers:i,body:s},a=null;if(r){a=new AbortController;setTimeout(()=>a.abort(),r);o.signal=a.signal;}return f.fetch(t,o).then(l=>l.text()).then(l=>this.parseJSON(l)).then(l=>h&&h(l)).catch(l=>{l.name==="AbortError"&&n?n():h&&h(null);}),a}static xdomainRequest(e,t,i,s,r,n,h){return e.timeout=r,e.open(t,i),e.onload=()=>{let o=this.parseJSON(e.responseText);h&&h(o);},n&&(e.ontimeout=n),e.onprogress=()=>{},e.send(s),e}static xhrRequest(e,t,i,s,r,n,h,o){e.open(t,i,true),e.timeout=n;for(let[a,l]of Object.entries(s))e.setRequestHeader(a,l);return e.onerror=()=>o&&o(null),e.onreadystatechange=()=>{if(e.readyState===B.complete&&o){let a=this.parseJSON(e.responseText);o(a);}},h&&(e.ontimeout=h),e.send(r),e}static parseJSON(e){if(!e||e==="")return null;try{return JSON.parse(e)}catch{return console&&console.log("failed to parse JSON response",e),null}}static serialize(e,t){let i=[];for(var s in e){if(!Object.prototype.hasOwnProperty.call(e,s))continue;let r=t?`${t}[${s}]`:s,n=e[s];typeof n=="object"?i.push(this.serialize(n,r)):i.push(encodeURIComponent(r)+"="+encodeURIComponent(n));}return i.join("&")}static appendParams(e,t){if(Object.keys(t).length===0)return e;let i=e.match(/\?/)?"&":"?";return `${e}${i}${this.serialize(t)}`}},O=e=>{let t="",i=new Uint8Array(e),s=i.byteLength;for(let r=0;r<s;r++)t+=String.fromCharCode(i[r]);return btoa(t)},T=class{constructor(e,t){t&&t.length===2&&t[1].startsWith(k)&&(this.authToken=atob(t[1].slice(k.length))),this.endPoint=null,this.token=null,this.skipHeartbeat=true,this.reqs=new Set,this.awaitingBatchAck=false,this.currentBatch=null,this.currentBatchTimer=null,this.batchBuffer=[],this.onopen=function(){},this.onerror=function(){},this.onmessage=function(){},this.onclose=function(){},this.pollEndpoint=this.normalizeEndpoint(e),this.readyState=u.connecting,setTimeout(()=>this.poll(),0);}normalizeEndpoint(e){return e.replace("ws://","http://").replace("wss://","https://").replace(new RegExp("(.*)/"+R.websocket),"$1/"+R.longpoll)}endpointURL(){return E.appendParams(this.pollEndpoint,{token:this.token})}closeAndRetry(e,t,i){this.close(e,t,i),this.readyState=u.connecting;}ontimeout(){this.onerror("timeout"),this.closeAndRetry(1005,"timeout",false);}isActive(){return this.readyState===u.open||this.readyState===u.connecting}poll(){let e={Accept:"application/json"};this.authToken&&(e["X-Phoenix-AuthToken"]=this.authToken),this.ajax("GET",e,null,()=>this.ontimeout(),t=>{if(t){var{status:i,token:s,messages:r}=t;if(i===410&&this.token!==null){this.onerror(410),this.closeAndRetry(3410,"session_gone",false);return}this.token=s;}else i=0;switch(i){case 200:r.forEach(n=>{setTimeout(()=>this.onmessage({data:n}),0);}),this.poll();break;case 204:this.poll();break;case 410:this.readyState=u.open,this.onopen({}),this.poll();break;case 403:this.onerror(403),this.close(1008,"forbidden",false);break;case 0:case 500:this.onerror(500),this.closeAndRetry(1011,"internal server error",500);break;default:throw new Error(`unhandled poll status ${i}`)}});}send(e){typeof e!="string"&&(e=O(e)),this.currentBatch?this.currentBatch.push(e):this.awaitingBatchAck?this.batchBuffer.push(e):(this.currentBatch=[e],this.currentBatchTimer=setTimeout(()=>{this.batchSend(this.currentBatch),this.currentBatch=null;},0));}batchSend(e){this.awaitingBatchAck=true,this.ajax("POST",{"Content-Type":"application/x-ndjson"},e.join(`
+`),()=>this.onerror("timeout"),t=>{this.awaitingBatchAck=false,!t||t.status!==200?(this.onerror(t&&t.status),this.closeAndRetry(1011,"internal server error",false)):this.batchBuffer.length>0&&(this.batchSend(this.batchBuffer),this.batchBuffer=[]);});}close(e,t,i){for(let r of this.reqs)r.abort();this.readyState=u.closed;let s=Object.assign({code:1e3,reason:void 0,wasClean:true},{code:e,reason:t,wasClean:i});this.batchBuffer=[],clearTimeout(this.currentBatchTimer),this.currentBatchTimer=null,typeof CloseEvent<"u"?this.onclose(new CloseEvent("close",s)):this.onclose(s);}ajax(e,t,i,s,r){let n,h=()=>{this.reqs.delete(n),s();};n=E.request(e,this.endpointURL(),t,i,this.timeout,h,o=>{this.reqs.delete(n),this.isActive()&&r(o);}),this.reqs.add(n);}};var C={HEADER_LENGTH:1,META_LENGTH:4,KINDS:{push:0,reply:1,broadcast:2},encode(e,t){if(e.payload.constructor===ArrayBuffer)return t(this.binaryEncode(e));{let i=[e.join_ref,e.ref,e.topic,e.event,e.payload];return t(JSON.stringify(i))}},decode(e,t){if(e.constructor===ArrayBuffer)return t(this.binaryDecode(e));{let[i,s,r,n,h]=JSON.parse(e);return t({join_ref:i,ref:s,topic:r,event:n,payload:h})}},binaryEncode(e){let{join_ref:t,ref:i,event:s,topic:r,payload:n}=e,h=this.META_LENGTH+t.length+i.length+r.length+s.length,o=new ArrayBuffer(this.HEADER_LENGTH+h),a=new DataView(o),l=0;a.setUint8(l++,this.KINDS.push),a.setUint8(l++,t.length),a.setUint8(l++,i.length),a.setUint8(l++,r.length),a.setUint8(l++,s.length),Array.from(t,d=>a.setUint8(l++,d.charCodeAt(0))),Array.from(i,d=>a.setUint8(l++,d.charCodeAt(0))),Array.from(r,d=>a.setUint8(l++,d.charCodeAt(0))),Array.from(s,d=>a.setUint8(l++,d.charCodeAt(0)));var g=new Uint8Array(o.byteLength+n.byteLength);return g.set(new Uint8Array(o),0),g.set(new Uint8Array(n),o.byteLength),g.buffer},binaryDecode(e){let t=new DataView(e),i=t.getUint8(0),s=new TextDecoder;switch(i){case this.KINDS.push:return this.decodePush(e,t,s);case this.KINDS.reply:return this.decodeReply(e,t,s);case this.KINDS.broadcast:return this.decodeBroadcast(e,t,s)}},decodePush(e,t,i){let s=t.getUint8(1),r=t.getUint8(2),n=t.getUint8(3),h=this.HEADER_LENGTH+this.META_LENGTH-1,o=i.decode(e.slice(h,h+s));h=h+s;let a=i.decode(e.slice(h,h+r));h=h+r;let l=i.decode(e.slice(h,h+n));h=h+n;let g=e.slice(h,e.byteLength);return {join_ref:o,ref:null,topic:a,event:l,payload:g}},decodeReply(e,t,i){let s=t.getUint8(1),r=t.getUint8(2),n=t.getUint8(3),h=t.getUint8(4),o=this.HEADER_LENGTH+this.META_LENGTH,a=i.decode(e.slice(o,o+s));o=o+s;let l=i.decode(e.slice(o,o+r));o=o+r;let g=i.decode(e.slice(o,o+n));o=o+n;let d=i.decode(e.slice(o,o+h));o=o+h;let A=e.slice(o,e.byteLength),L={status:d,response:A};return {join_ref:a,ref:l,topic:g,event:p.reply,payload:L}},decodeBroadcast(e,t,i){let s=t.getUint8(1),r=t.getUint8(2),n=this.HEADER_LENGTH+2,h=i.decode(e.slice(n,n+s));n=n+s;let o=i.decode(e.slice(n,n+r));n=n+r;let a=e.slice(n,e.byteLength);return {join_ref:null,ref:null,topic:h,event:o,payload:a}}},w=class{constructor(e,t={}){this.stateChangeCallbacks={open:[],close:[],error:[],message:[]},this.channels=[],this.sendBuffer=[],this.ref=0,this.fallbackRef=null,this.timeout=t.timeout||P,this.transport=t.transport||f.WebSocket||T,this.primaryPassedHealthCheck=false,this.longPollFallbackMs=t.longPollFallbackMs,this.fallbackTimer=null,this.sessionStore=t.sessionStorage||f&&f.sessionStorage,this.establishedConnections=0,this.defaultEncoder=C.encode.bind(C),this.defaultDecoder=C.decode.bind(C),this.closeWasClean=false,this.disconnecting=false,this.binaryType=t.binaryType||"arraybuffer",this.connectClock=1,this.pageHidden=false,this.transport!==T?(this.encode=t.encode||this.defaultEncoder,this.decode=t.decode||this.defaultDecoder):(this.encode=this.defaultEncoder,this.decode=this.defaultDecoder);let i=null;m&&m.addEventListener&&(m.addEventListener("pagehide",s=>{this.conn&&(this.disconnect(),i=this.connectClock);}),m.addEventListener("pageshow",s=>{i===this.connectClock&&(i=null,this.connect());}),m.addEventListener("visibilitychange",()=>{document.visibilityState==="hidden"?this.pageHidden=true:(this.pageHidden=false,this.isConnected()||this.teardown(()=>this.connect()));})),this.heartbeatIntervalMs=t.heartbeatIntervalMs||3e4,this.rejoinAfterMs=s=>t.rejoinAfterMs?t.rejoinAfterMs(s):[1e3,2e3,5e3][s-1]||1e4,this.reconnectAfterMs=s=>t.reconnectAfterMs?t.reconnectAfterMs(s):[10,50,100,150,200,250,500,1e3,2e3][s-1]||5e3,this.logger=t.logger||null,!this.logger&&t.debug&&(this.logger=(s,r,n)=>{console.log(`${s}: ${r}`,n);}),this.longpollerTimeout=t.longpollerTimeout||2e4,this.params=b(t.params||{}),this.endPoint=`${e}/${R.websocket}`,this.vsn=t.vsn||H,this.heartbeatTimeoutTimer=null,this.heartbeatTimer=null,this.pendingHeartbeatRef=null,this.reconnectTimer=new j(()=>{if(this.pageHidden){this.log("Not reconnecting as page is hidden!"),this.teardown();return}this.teardown(()=>this.connect());},this.reconnectAfterMs),this.authToken=t.authToken;}getLongPollTransport(){return T}replaceTransport(e){this.connectClock++,this.closeWasClean=true,clearTimeout(this.fallbackTimer),this.reconnectTimer.reset(),this.conn&&(this.conn.close(),this.conn=null),this.transport=e;}protocol(){return location.protocol.match(/^https/)?"wss":"ws"}endPointURL(){let e=E.appendParams(E.appendParams(this.endPoint,this.params()),{vsn:this.vsn});return e.charAt(0)!=="/"?e:e.charAt(1)==="/"?`${this.protocol()}:${e}`:`${this.protocol()}://${location.host}${e}`}disconnect(e,t,i){this.connectClock++,this.disconnecting=true,this.closeWasClean=true,clearTimeout(this.fallbackTimer),this.reconnectTimer.reset(),this.teardown(()=>{this.disconnecting=false,e&&e();},t,i);}connect(e){e&&(console&&console.log("passing params to connect is deprecated. Instead pass :params to the Socket constructor"),this.params=b(e)),!(this.conn&&!this.disconnecting)&&(this.longPollFallbackMs&&this.transport!==T?this.connectWithFallback(T,this.longPollFallbackMs):this.transportConnect());}log(e,t,i){this.logger&&this.logger(e,t,i);}hasLogger(){return this.logger!==null}onOpen(e){let t=this.makeRef();return this.stateChangeCallbacks.open.push([t,e]),t}onClose(e){let t=this.makeRef();return this.stateChangeCallbacks.close.push([t,e]),t}onError(e){let t=this.makeRef();return this.stateChangeCallbacks.error.push([t,e]),t}onMessage(e){let t=this.makeRef();return this.stateChangeCallbacks.message.push([t,e]),t}ping(e){if(!this.isConnected())return  false;let t=this.makeRef(),i=Date.now();this.push({topic:"phoenix",event:"heartbeat",payload:{},ref:t});let s=this.onMessage(r=>{r.ref===t&&(this.off([s]),e(Date.now()-i));});return  true}transportConnect(){this.connectClock++,this.closeWasClean=false;let e;this.authToken&&(e=["phoenix",`${k}${btoa(this.authToken).replace(/=/g,"")}`]),this.conn=new this.transport(this.endPointURL(),e),this.conn.binaryType=this.binaryType,this.conn.timeout=this.longpollerTimeout,this.conn.onopen=()=>this.onConnOpen(),this.conn.onerror=t=>this.onConnError(t),this.conn.onmessage=t=>this.onConnMessage(t),this.conn.onclose=t=>this.onConnClose(t);}getSession(e){return this.sessionStore&&this.sessionStore.getItem(e)}storeSession(e,t){this.sessionStore&&this.sessionStore.setItem(e,t);}connectWithFallback(e,t=2500){clearTimeout(this.fallbackTimer);let i=false,s=true,r,n,h=o=>{this.log("transport",`falling back to ${e.name}...`,o),this.off([r,n]),s=false,this.replaceTransport(e),this.transportConnect();};if(this.getSession(`phx:fallback:${e.name}`))return h("memorized");this.fallbackTimer=setTimeout(h,t),n=this.onError(o=>{this.log("transport","error",o),s&&!i&&(clearTimeout(this.fallbackTimer),h(o));}),this.fallbackRef&&this.off([this.fallbackRef]),this.fallbackRef=this.onOpen(()=>{if(i=true,!s)return this.primaryPassedHealthCheck||this.storeSession(`phx:fallback:${e.name}`,"true"),this.log("transport",`established ${e.name} fallback`);clearTimeout(this.fallbackTimer),this.fallbackTimer=setTimeout(h,t),this.ping(o=>{this.log("transport","connected to primary after",o),this.primaryPassedHealthCheck=true,clearTimeout(this.fallbackTimer);});}),this.transportConnect();}clearHeartbeats(){clearTimeout(this.heartbeatTimer),clearTimeout(this.heartbeatTimeoutTimer);}onConnOpen(){this.hasLogger()&&this.log("transport",`${this.transport.name} connected to ${this.endPointURL()}`),this.closeWasClean=false,this.disconnecting=false,this.establishedConnections++,this.flushSendBuffer(),this.reconnectTimer.reset(),this.resetHeartbeat(),this.stateChangeCallbacks.open.forEach(([,e])=>e());}heartbeatTimeout(){this.pendingHeartbeatRef&&(this.pendingHeartbeatRef=null,this.hasLogger()&&this.log("transport","heartbeat timeout. Attempting to re-establish connection"),this.triggerChanError(),this.closeWasClean=false,this.teardown(()=>this.reconnectTimer.scheduleTimeout(),x,"heartbeat timeout"));}resetHeartbeat(){this.conn&&this.conn.skipHeartbeat||(this.pendingHeartbeatRef=null,this.clearHeartbeats(),this.heartbeatTimer=setTimeout(()=>this.sendHeartbeat(),this.heartbeatIntervalMs));}teardown(e,t,i){if(!this.conn)return e&&e();let s=this.connectClock;this.waitForBufferDone(()=>{s===this.connectClock&&(this.conn&&(t?this.conn.close(t,i||""):this.conn.close()),this.waitForSocketClosed(()=>{s===this.connectClock&&(this.conn&&(this.conn.onopen=function(){},this.conn.onerror=function(){},this.conn.onmessage=function(){},this.conn.onclose=function(){},this.conn=null),e&&e());}));});}waitForBufferDone(e,t=1){if(t===5||!this.conn||!this.conn.bufferedAmount){e();return}setTimeout(()=>{this.waitForBufferDone(e,t+1);},150*t);}waitForSocketClosed(e,t=1){if(t===5||!this.conn||this.conn.readyState===u.closed){e();return}setTimeout(()=>{this.waitForSocketClosed(e,t+1);},150*t);}onConnClose(e){this.conn&&(this.conn.onclose=()=>{});let t=e&&e.code;this.hasLogger()&&this.log("transport","close",e),this.triggerChanError(),this.clearHeartbeats(),!this.closeWasClean&&t!==1e3&&this.reconnectTimer.scheduleTimeout(),this.stateChangeCallbacks.close.forEach(([,i])=>i(e));}onConnError(e){this.hasLogger()&&this.log("transport",e);let t=this.transport,i=this.establishedConnections;this.stateChangeCallbacks.error.forEach(([,s])=>{s(e,t,i);}),(t===this.transport||i>0)&&this.triggerChanError();}triggerChanError(){this.channels.forEach(e=>{e.isErrored()||e.isLeaving()||e.isClosed()||e.trigger(p.error);});}connectionState(){switch(this.conn&&this.conn.readyState){case u.connecting:return "connecting";case u.open:return "open";case u.closing:return "closing";default:return "closed"}}isConnected(){return this.connectionState()==="open"}remove(e){this.off(e.stateChangeRefs),this.channels=this.channels.filter(t=>t!==e);}off(e){for(let t in this.stateChangeCallbacks)this.stateChangeCallbacks[t]=this.stateChangeCallbacks[t].filter(([i])=>e.indexOf(i)===-1);}channel(e,t={}){let i=new $(e,t,this);return this.channels.push(i),i}push(e){if(this.hasLogger()){let{topic:t,event:i,payload:s,ref:r,join_ref:n}=e;this.log("push",`${t} ${i} (${n}, ${r})`,s);}this.isConnected()?this.encode(e,t=>this.conn.send(t)):this.sendBuffer.push(()=>this.encode(e,t=>this.conn.send(t)));}makeRef(){let e=this.ref+1;return e===this.ref?this.ref=0:this.ref=e,this.ref.toString()}sendHeartbeat(){this.pendingHeartbeatRef&&!this.isConnected()||(this.pendingHeartbeatRef=this.makeRef(),this.push({topic:"phoenix",event:"heartbeat",payload:{},ref:this.pendingHeartbeatRef}),this.heartbeatTimeoutTimer=setTimeout(()=>this.heartbeatTimeout(),this.heartbeatIntervalMs));}flushSendBuffer(){this.isConnected()&&this.sendBuffer.length>0&&(this.sendBuffer.forEach(e=>e()),this.sendBuffer=[]);}onConnMessage(e){this.decode(e.data,t=>{let{topic:i,event:s,payload:r,ref:n,join_ref:h}=t;n&&n===this.pendingHeartbeatRef&&(this.clearHeartbeats(),this.pendingHeartbeatRef=null,this.heartbeatTimer=setTimeout(()=>this.sendHeartbeat(),this.heartbeatIntervalMs)),this.hasLogger()&&this.log("receive",`${r.status||""} ${i} ${s} ${n&&"("+n+")"||""}`,r);for(let o=0;o<this.channels.length;o++){let a=this.channels[o];a.isMember(i,s,r,h)&&a.trigger(s,r,n,h);}for(let o=0;o<this.stateChangeCallbacks.message.length;o++){let[,a]=this.stateChangeCallbacks.message[o];a(t);}});}leaveOpenTopic(e){let t=this.channels.find(i=>i.topic===e&&(i.isJoined()||i.isJoining()));t&&(this.hasLogger()&&this.log("transport",`leaving duplicate topic "${e}"`),t.leave());}};var y=class{static connect(t){if(typeof window>"u"){let n={on:()=>n,push:()=>n,join:()=>n,leave:()=>Promise.resolve(),off:()=>{}};return {token:t,channel:n}}let i=new w(chunkEVKPEPYP_cjs.a.upload.socket,{params:{token:t},reconnectAfterMs:n=>[1e3,3e3,5e3,1e4][n-1]||1e4});i.connect();let s=i.channel(`embed:${t}`),r={token:t,channel:s,socket:i};return s.on("initiate",({upload_id:n})=>{r.upload_id=n;}),s.join(),r}static async disconnect(t){if(t){try{await t.channel.leave();}catch{}t.socket?.disconnect();}}};
+exports.a=y;

package/dist/chunk-IETV3B4F.cjs

@@ -0,0 +1,38 @@
+'use strict';var chunkBTCK3T4L_cjs=require('./chunk-BTCK3T4L.cjs'),chunkSDKTBB4N_cjs=require('./chunk-SDKTBB4N.cjs'),chunkFAONFKQ2_cjs=require('./chunk-FAONFKQ2.cjs'),chunkRQN3DXJB_cjs=require('./chunk-RQN3DXJB.cjs'),chunkDL4BV5IH_cjs=require('./chunk-DL4BV5IH.cjs'),chunk2E5GLLOS_cjs=require('./chunk-2E5GLLOS.cjs'),chunkNPP5B5PV_cjs=require('./chunk-NPP5B5PV.cjs'),chunkEVKPEPYP_cjs=require('./chunk-EVKPEPYP.cjs'),chunkJHSFSCC2_cjs=require('./chunk-JHSFSCC2.cjs');var i,v,c,u,y,M,p,I,S,T,r=class extends chunk2E5GLLOS_cjs.g{constructor(){super(...arguments);chunkJHSFSCC2_cjs.e(this,i);this.autoplay="lazy";this.quality="auto";this.fallback="placeholder";this._queue=[];this._failedPlay=false;this._intersectionObserver=new chunkBTCK3T4L_cjs.a(this,{callback:chunkJHSFSCC2_cjs.g(this,i,S).bind(this)});this.embedController=new chunkRQN3DXJB_cjs.b(this);}get embed(){return this._embedId}set embed(t){this._embedId!=t&&(this._embedId=t,this.requestUpdate("embed"),this.embedController.embed=this.embed);}set loop(t){this._loop=(t===""||t=="true"||t==true)??false;}get loop(){return this._loop}get poster(){return this.embedController.embedFile(`${this.fallback}.jpg`)}set poster(t){if(t){let s=this._poster;this._poster=t,this.requestUpdate("poster",s);}}get token(){return this._token}set token(t){this._token!=t&&(this._token=t,this.requestUpdate("token"),this.embedController.token=this._token);}get sources(){let t=this.autoplay==="scroll"?["clip_keyframes"]:["video","clip"],s=this._embed.video.renditions.filter(e=>(this.quality=="auto"?e.size!=="uhd":chunkJHSFSCC2_cjs.d(this,i,c).indexOf(e.size)<=chunkJHSFSCC2_cjs.d(this,i,c).indexOf(this.quality))&&e.container==="mp4"&&chunkJHSFSCC2_cjs.d(this,i,u).includes(e.codec)&&(!e.type||t.includes(e.type))).sort((e,o)=>e.size===o.size?chunkJHSFSCC2_cjs.d(this,i,u).indexOf(e.codec)-chunkJHSFSCC2_cjs.d(this,i,u).indexOf(o.codec):chunkJHSFSCC2_cjs.d(this,i,c).indexOf(o.size)-chunkJHSFSCC2_cjs.d(this,i,c).indexOf(e.size)).map(e=>{let o=chunkJHSFSCC2_cjs.d(this,i,M).find(g=>g.size===e.size)?.media,m=`${e.codec}_${e.size}${e.type&&e.type!="video"?`_${e.type}`:""}.mp4`;return {media:o,src:this.embedController.embedFile(m),codec:chunkJHSFSCC2_cjs.d(this,i,y)[e.codec]??e.codec}}),d=this._embed.video.renditions.filter(e=>chunkJHSFSCC2_cjs.d(this,i,c).indexOf(e.size)<=chunkJHSFSCC2_cjs.d(this,i,c).indexOf("fhd")&&e.container==="mp4"&&chunkJHSFSCC2_cjs.d(this,i,u).includes(e.codec)&&(!e.type||t.includes(e.type))).sort((e,o)=>chunkJHSFSCC2_cjs.d(this,i,c).indexOf(o.size)-chunkJHSFSCC2_cjs.d(this,i,c).indexOf(e.size));if(d.length>0){let e=d[0],o=`${e.codec}_${e.size}${e.type&&e.type!="video"?`_${e.type}`:""}.mp4`,m={media:void 0,src:this.embedController.embedFile(o),codec:chunkJHSFSCC2_cjs.d(this,i,y)[e.codec]??e.codec};s.push(m);}return s}connectedCallback(){super.connectedCallback(),typeof document<"u"&&this.autoplay==="scroll"&&document.addEventListener("scroll",chunkJHSFSCC2_cjs.g(this,i,v).bind(this));}disconnectedCallback(){super.disconnectedCallback(),typeof document<"u"&&this.autoplay==="scroll"&&document.removeEventListener("scroll",chunkJHSFSCC2_cjs.g(this,i,v).bind(this)),this._metricsInstance?.demonitor();}set muted(t){this._videoElement?this._videoElement.muted=t:this._queue.push(()=>this._videoElement.muted=t);}get muted(){return this._videoElement?.muted||false}get paused(){return this._videoElement?.paused??true}get duration(){return new Promise((t,s)=>{if(this._videoElement&&!isNaN(this._videoElement.duration))return t(this._videoElement.duration);let d=()=>{this._videoElement?.addEventListener("loadedmetadata",()=>{this._videoElement&&t(this._videoElement.duration);}),this._videoElement?.addEventListener("error",e=>{s(new Error("Failed to load video metadata."));});};this._videoElement?d():this.addEventListener("mave:video_element_ready",()=>{d();});})}set currentTime(t){this._videoElement?this._videoElement.currentTime=t:this._queue.push(()=>this._videoElement.currentTime=t);}get currentTime(){return this._videoElement?this._videoElement?.currentTime:0}play(){this._videoElement?chunkJHSFSCC2_cjs.g(this,i,p).call(this):this._queue.push(()=>chunkJHSFSCC2_cjs.g(this,i,p).call(this));}pause(){this._videoElement?this._videoElement.pause():this._queue.push(()=>this._videoElement?.pause());}render(){return chunk2E5GLLOS_cjs.a`
+      ${this.embedController.render({complete:t=>{if(this._embed=t,!!t)return chunk2E5GLLOS_cjs.a`
+            <video
+              @click=${chunkJHSFSCC2_cjs.g(this,i,T)}
+              preload="metadata"
+              style=${chunkFAONFKQ2_cjs.a(this._failedPlay||this.autoplay==="off"?"cursor: pointer":void 0)}
+              muted
+              playsinline
+              poster=${chunkFAONFKQ2_cjs.a(this._failedPlay?this.poster:void 0)}
+              ${chunkBTCK3T4L_cjs.c(chunkJHSFSCC2_cjs.g(this,i,I))}
+              ?autoplay=${this.autoplay==="always"}
+              ?loop=${this.loop||true}
+            >
+              ${this.sources.map(s=>chunk2E5GLLOS_cjs.a`
+                  <source
+                    media=${chunkFAONFKQ2_cjs.a(s.media?`(min-width: ${s.media}px)`:void 0)}
+                    src=${s.src}
+                    type=${`video/mp4; ${s.codec}`}
+                  />
+                `)}
+            </video>
+          `}})}
+    `}};i=new WeakSet,v=function(){if(typeof window>"u")return;let{height:t,top:s,bottom:d}=this.getBoundingClientRect(),e=window.innerHeight;if(this._videoElement){this._videoElement.duration||this._videoElement.load();let o=0;if(s<e&&d>0){let m=t+e;o=(e-s)/m*this._videoElement.duration;}o>=0&&o<=this._videoElement.duration&&(this._videoElement.currentTime=o);}},c=function(){return ["sd","hd","fhd","qhd","uhd"]},u=function(){let t=navigator.userAgent,s=/Edg/.test(t)&&/Mac OS/.test(t),d=/Safari/.test(t)&&!/Chrome/.test(t),e=/Mac OS/.test(t),o=/iPhone|iPad/.test(t);return e&&(d||s)||o?["hevc","h264"]:["av1","h264"]},y=function(){return {av1:"av01.0.08M.08.0.110.01.01.01.0,opus",hevc:"hevc.01.00.78,mp4a.40.2",h264:"avc1.64.00.28,mp4a.40.2"}},M=function(){return [{size:"qhd",media:1280},{size:"fhd",media:1080},{size:"hd",media:720},{size:"sd",media:640}]},p=function(){this._metricsInstance?.monitor(),this._videoElement&&(this._videoElement.muted=true,this._videoElement.play().catch(t=>{this._failedPlay=true;}));},I=function(t){if(this._videoElement||(this._videoElement=t,this.dispatchEvent(new CustomEvent("mave:video_element_ready",{detail:this._videoElement,bubbles:true,composed:true}))),this._intersectionObserver.observe(this._videoElement),this._videoElement&&this._embed){chunkSDKTBB4N_cjs.a.forEach(d=>{this._videoElement?.addEventListener(d,e=>{!this._canPlay&&this.autoplay==="scroll"&&d==="canplay"&&(this._canPlay=true,chunkJHSFSCC2_cjs.g(this,i,v).call(this)),this.dispatchEvent(new CustomEvent(d,{detail:e,bubbles:true,composed:true}));});});({video_id:this._embed.video.id,space_id:this._embed.space_id});chunkBTCK3T4L_cjs.b.config={apiEndpoint:chunkEVKPEPYP_cjs.a.metrics.endpoint},chunkEVKPEPYP_cjs.a.metrics.enabled&&(this._metricsInstance=new chunkBTCK3T4L_cjs.b(this._videoElement,this.embed,{component:"clip"}));}this._queue.length&&(this._queue.forEach(s=>s()),this._queue=[]);},S=function(t){for(let{isIntersecting:s}of t){if(this.autoplay==="always")return;s&&(this.autoplay==="lazy"||this.autoplay==="true")?this._videoElement?.paused&&chunkJHSFSCC2_cjs.g(this,i,p).call(this):this._videoElement?.paused||this._videoElement?.pause();}},T=function(){(this.autoplay==="off"||this._failedPlay)&&(this._videoElement?.paused?chunkJHSFSCC2_cjs.g(this,i,p).call(this):this._videoElement?.pause());},r.styles=chunkNPP5B5PV_cjs.a`
+    :host {
+      display: block;
+      position: relative;
+      overflow: hidden;
+    }
+
+    video {
+      all: initial;
+      display: block;
+      width: 100%;
+      height: 100%;
+      object-fit: var(--clip-fit, cover);
+      object-position: var(--clip-position, 50% 50%);
+    }
+  `,chunkJHSFSCC2_cjs.c([chunkDL4BV5IH_cjs.a()],r.prototype,"embed",1),chunkJHSFSCC2_cjs.c([chunkDL4BV5IH_cjs.a()],r.prototype,"autoplay",2),chunkJHSFSCC2_cjs.c([chunkDL4BV5IH_cjs.a()],r.prototype,"quality",2),chunkJHSFSCC2_cjs.c([chunkDL4BV5IH_cjs.a()],r.prototype,"fallback",2),chunkJHSFSCC2_cjs.c([chunkDL4BV5IH_cjs.a()],r.prototype,"loop",1),chunkJHSFSCC2_cjs.c([chunkDL4BV5IH_cjs.a()],r.prototype,"poster",1),chunkJHSFSCC2_cjs.c([chunkDL4BV5IH_cjs.a()],r.prototype,"token",1),chunkJHSFSCC2_cjs.c([chunkDL4BV5IH_cjs.b()],r.prototype,"_failedPlay",2);typeof window<"u"&&window.customElements&&(window.customElements.get("mave-clip")||window.customElements.define("mave-clip",r));exports.a=r;