@maveio/components 0.0.167 → 0.0.169

package/dist/chunk-UHJ4X2NY.cjs

@@ -1,37 +0,0 @@
-'use strict';var chunkJR7IABIG_cjs=require('./chunk-JR7IABIG.cjs'),chunkSDKTBB4N_cjs=require('./chunk-SDKTBB4N.cjs'),chunkJ74VK4RB_cjs=require('./chunk-J74VK4RB.cjs'),chunkPXLLLBZ3_cjs=require('./chunk-PXLLLBZ3.cjs'),chunkWIS6FQDY_cjs=require('./chunk-WIS6FQDY.cjs'),chunkGO6BV3T4_cjs=require('./chunk-GO6BV3T4.cjs'),chunk5STN56TL_cjs=require('./chunk-5STN56TL.cjs'),chunkJHSFSCC2_cjs=require('./chunk-JHSFSCC2.cjs');var b=chunkJHSFSCC2_cjs.b(chunkJR7IABIG_cjs.b(),1);var i,v,c,u,y,M,p,I,S,T,r=class extends chunkGO6BV3T4_cjs.i{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 chunkJR7IABIG_cjs.a(this,{callback:chunkJHSFSCC2_cjs.g(this,i,S).bind(this)});this.embedController=new chunkPXLLLBZ3_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 chunkGO6BV3T4_cjs.c`
-      ${this.embedController.render({complete:t=>{if(this._embed=t,!!t)return chunkGO6BV3T4_cjs.c`
-            <video
-              @click=${chunkJHSFSCC2_cjs.g(this,i,T)}
-              preload="metadata"
-              style=${chunkJ74VK4RB_cjs.a(this._failedPlay||this.autoplay==="off"?"cursor: pointer":void 0)}
-              muted
-              playsinline
-              poster=${chunkJ74VK4RB_cjs.a(this._failedPlay?this.poster:void 0)}
-              ${chunkJR7IABIG_cjs.c(chunkJHSFSCC2_cjs.g(this,i,I))}
-              ?autoplay=${this.autoplay==="always"}
-              ?loop=${this.loop||true}
-            >
-              ${this.sources.map(s=>chunkGO6BV3T4_cjs.c`
-                  <source
-                    media=${chunkJ74VK4RB_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}));});});let s={component:"clip",video_id:this._embed.video.id,space_id:this._embed.space_id};b.Metrics.config={socketPath:chunk5STN56TL_cjs.a.metrics.socket,apiKey:this._embed.metrics_key},chunk5STN56TL_cjs.a.metrics.enabled&&(this._metricsInstance=new b.Metrics(this._videoElement,this.embed,s));}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=chunkGO6BV3T4_cjs.h`
-    :host {
-      display: block;
-      position: relative;
-      overflow: hidden;
-    }
-
-    video {
-      all: initial;
-      display: block;
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-    }
-  `,chunkJHSFSCC2_cjs.c([chunkWIS6FQDY_cjs.a()],r.prototype,"embed",1),chunkJHSFSCC2_cjs.c([chunkWIS6FQDY_cjs.a()],r.prototype,"autoplay",2),chunkJHSFSCC2_cjs.c([chunkWIS6FQDY_cjs.a()],r.prototype,"quality",2),chunkJHSFSCC2_cjs.c([chunkWIS6FQDY_cjs.a()],r.prototype,"fallback",2),chunkJHSFSCC2_cjs.c([chunkWIS6FQDY_cjs.a()],r.prototype,"loop",1),chunkJHSFSCC2_cjs.c([chunkWIS6FQDY_cjs.a()],r.prototype,"poster",1),chunkJHSFSCC2_cjs.c([chunkWIS6FQDY_cjs.a()],r.prototype,"token",1),chunkJHSFSCC2_cjs.c([chunkWIS6FQDY_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;

package/dist/chunk-WIS6FQDY.cjs

@@ -1,24 +0,0 @@
-'use strict';var chunkGO6BV3T4_cjs=require('./chunk-GO6BV3T4.cjs');var f={attribute:true,type:String,converter:chunkGO6BV3T4_cjs.a,reflect:false,hasChanged:chunkGO6BV3T4_cjs.b},h=(e=f,n,t)=>{let{kind:s,metadata:i}=t,a=globalThis.litPropertyMetadata.get(i);if(a===void 0&&globalThis.litPropertyMetadata.set(i,a=new Map),a.set(t.name,e),s==="accessor"){let{name:r}=t;return {set(c){let o=n.get.call(this);n.set.call(this,c),this.requestUpdate(r,o,e);},init(c){return c!==void 0&&this.P(r,void 0,e),c}}}if(s==="setter"){let{name:r}=t;return function(c){let o=this[r];n.call(this,c),this.requestUpdate(r,o,e);}}throw Error("Unsupported decorator location: "+s)};function d(e){return (n,t)=>typeof t=="object"?h(e,n,t):((s,i,a)=>{let r=i.hasOwnProperty(a);return i.constructor.createProperty(a,r?{...s,wrapped:true}:s),r?Object.getOwnPropertyDescriptor(i,a):void 0})(e,n,t)}function b(e){return d({...e,state:true,attribute:false})}var u=(e,n,t)=>(t.configurable=true,t.enumerable=true,Reflect.decorate&&typeof n!="object"&&Object.defineProperty(e,n,t),t);function E(e,n){return (t,s,i)=>{let a=r=>r.renderRoot?.querySelector(e)??null;if(n){let{get:r,set:c}=typeof s=="object"?t:i??(()=>{let o=Symbol();return {get(){return this[o]},set(m){this[o]=m;}}})();return u(t,s,{get(){let o=r.call(this);return o===void 0&&(o=a(this),(o!==null||this.hasUpdated)&&c.call(this,o)),o}})}return u(t,s,{get(){return a(this)}})}}/*! Bundled license information:
-
-@lit/reactive-element/decorators/property.js:
-@lit/reactive-element/decorators/state.js:
-@lit/reactive-element/decorators/base.js:
-@lit/reactive-element/decorators/query.js:
-@lit/reactive-element/decorators/custom-element.js:
-@lit/reactive-element/decorators/event-options.js:
-@lit/reactive-element/decorators/query-all.js:
-@lit/reactive-element/decorators/query-async.js:
-@lit/reactive-element/decorators/query-assigned-nodes.js:
-  (**
-   * @license
-   * Copyright 2017 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-
-@lit/reactive-element/decorators/query-assigned-elements.js:
-  (**
-   * @license
-   * Copyright 2021 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-*/exports.a=d;exports.b=b;exports.c=E;

package/dist/chunk-ZJWT7IOI.js

@@ -1,24 +0,0 @@
-import {b as b$1,a}from'./chunk-27BWRXCN.js';var f={attribute:true,type:String,converter:a,reflect:false,hasChanged:b$1},h=(e=f,n,t)=>{let{kind:s,metadata:i}=t,a=globalThis.litPropertyMetadata.get(i);if(a===void 0&&globalThis.litPropertyMetadata.set(i,a=new Map),a.set(t.name,e),s==="accessor"){let{name:r}=t;return {set(c){let o=n.get.call(this);n.set.call(this,c),this.requestUpdate(r,o,e);},init(c){return c!==void 0&&this.P(r,void 0,e),c}}}if(s==="setter"){let{name:r}=t;return function(c){let o=this[r];n.call(this,c),this.requestUpdate(r,o,e);}}throw Error("Unsupported decorator location: "+s)};function d(e){return (n,t)=>typeof t=="object"?h(e,n,t):((s,i,a)=>{let r=i.hasOwnProperty(a);return i.constructor.createProperty(a,r?{...s,wrapped:true}:s),r?Object.getOwnPropertyDescriptor(i,a):void 0})(e,n,t)}function b(e){return d({...e,state:true,attribute:false})}var u=(e,n,t)=>(t.configurable=true,t.enumerable=true,Reflect.decorate&&typeof n!="object"&&Object.defineProperty(e,n,t),t);function E(e,n){return (t,s,i)=>{let a=r=>r.renderRoot?.querySelector(e)??null;if(n){let{get:r,set:c}=typeof s=="object"?t:i??(()=>{let o=Symbol();return {get(){return this[o]},set(m){this[o]=m;}}})();return u(t,s,{get(){let o=r.call(this);return o===void 0&&(o=a(this),(o!==null||this.hasUpdated)&&c.call(this,o)),o}})}return u(t,s,{get(){return a(this)}})}}/*! Bundled license information:
-
-@lit/reactive-element/decorators/property.js:
-@lit/reactive-element/decorators/state.js:
-@lit/reactive-element/decorators/base.js:
-@lit/reactive-element/decorators/query.js:
-@lit/reactive-element/decorators/custom-element.js:
-@lit/reactive-element/decorators/event-options.js:
-@lit/reactive-element/decorators/query-all.js:
-@lit/reactive-element/decorators/query-async.js:
-@lit/reactive-element/decorators/query-assigned-nodes.js:
-  (**
-   * @license
-   * Copyright 2017 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-
-@lit/reactive-element/decorators/query-assigned-elements.js:
-  (**
-   * @license
-   * Copyright 2021 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-*/export{d as a,b,E as c};

package/dist/chunk-ZODBVQLM.cjs

@@ -1 +0,0 @@
-'use strict';var chunk5STN56TL_cjs=require('./chunk-5STN56TL.cjs');var i=chunk5STN56TL_cjs.a.api.endpoint;exports.a=i;

package/dist/chunk-ZUM5T3HV.js

@@ -1,35 +0,0 @@
-import {a as a$2}from'./chunk-M22WSPSU.js';import {a as a$1}from'./chunk-SF36AD3G.js';import {a as a$3}from'./chunk-ZZBI6DXY.js';import {a,b}from'./chunk-ZJWT7IOI.js';import {h,i,f,c as c$1}from'./chunk-27BWRXCN.js';import {c,e,g}from'./chunk-KA24PL7V.js';var o,k,C,S,n=class extends i{constructor(){super(...arguments);e(this,o);this._clickable=true;this._autoscroll=true;this._lastScrollTime=0;this.currentTime=0;}get embed(){return this._embedId}set embed(t){this._embedId!=t&&(this._embedId=t,this.captionController=new a$1(this,this.embed),this.reset(),this.requestUpdate("embed"));}get clickable(){return this._clickable}set clickable(t){this._clickable!=t&&(typeof t=="string"?this._clickable=t==="true"||t==="":this._clickable=t,this.requestUpdate("clickable"));}get autoscroll(){return this._autoscroll}set autoscroll(t){this._autoscroll!=t&&(typeof t=="string"?this._autoscroll=t==="true"||t==="":this._autoscroll=t,this.requestUpdate("autoscroll"));}get wordIndex(){return this._wordIndex}set wordIndex(t){if(this._wordIndex!=t&&(this._wordIndex=t,this.autoscroll)){let e=this.shadowRoot?.querySelector(`[data-word-id="word-${this.segmentIndex}-${this.wordIndex}"]`);if(e&&this._lastScrollTime+2500<Date.now()){let r=this.getBoundingClientRect(),i=e.getBoundingClientRect(),s=i.top-r.top;if(s>0){let c=this.scrollTop+s;g(this,o,k).call(this,this,c-i.height/2);}}}}get segmentIndex(){return this._segmentIndex}set segmentIndex(t){this._segmentIndex!=t&&(this._segmentIndex=t);}connectedCallback(){super.connectedCallback(),this.addEventListener("scroll",g(this,o,C).bind(this)),this.reset();}reset(){if(typeof document>"u")return;this.loop=false,this.currentTime=0,this.wordIndex=0,this.segmentIndex=0;let t=document.querySelector(`mave-player[embed="${this.embed}"]`);t&&(this.player=t,t.addEventListener("play",()=>{this.loop=true,this.loopUpdateTime();}),t.addEventListener("pause",()=>{this.loop=false;}));}updateTime(){this.currentTime=this.player.currentTime;}loopUpdateTime(){this.updateTime(),setTimeout(()=>{this.loop&&requestAnimationFrame(this.loopUpdateTime.bind(this));},10);}inRange({start:t,end:e},r,i,s){if(this.currentTime>=t&&this.currentTime<=e)return s&&(this.wordIndex=s),i&&(this.segmentIndex=i),r||true}segmentStyle(){return this.clickable?{cursor:"pointer"}:{}}wordStyle(t){return t?{"background-color":this.highlight}:{}}render(){return this.captionController?this.captionController.render({complete:t=>(this.captions=t,c$1`
-          <div>
-            ${this.captions.segments.map((e,r)=>c$1`
-                <p
-                  data-segment-id="segment-${r}"
-                  style=${a$2(this.segmentStyle())}
-                  @click=${this.clickable?g(this,o,S):f}
-                  part=${a$3(this.inRange(e,"segment"))}
-                  x-caption-segment-start="${e.start}"
-                  x-caption-segment-end="${e.end}"
-                >
-                  ${e.words.map((i,s)=>c$1`
-                      <span
-                        data-word-id="word-${r}-${s}"
-                        style=${a$2(this.wordStyle(this.inRange(i)))}
-                        part=${a$3(this.inRange(i,"word",r,s))}
-                        x-caption-word-start="${i.start}"
-                        x-caption-word-end="${i.end}"
-                        >${i.word.trim()}</span
-                      >
-                    `)}
-                </p>
-              `)}
-          </div>
-        `)}):f}};o=new WeakSet,k=function(t,e,r=500){let i=this.scrollTop,s=e-i,c=null,p=false;function w(l){c||(c=l);let y=l-c,v=Math.min(y/r,1);t.scrollTop=i+s*x(v),y<r&&p?requestAnimationFrame(w):p=false;}function x(l){return l<.5?2*l*l:1-Math.pow(-2*l+2,2)/2}p=true,requestAnimationFrame(w);},C=function(){this._lastScrollTime=Date.now();},S=function(t){if(this.clickable){let e=t.target.closest("p");if(e&&this.player){let r=e.getAttribute("x-caption-segment-start");this.player.currentTime=Number(r),this.player.paused&&this.player.play();}}},n.styles=h`
-    :host {
-      display: block;
-      width: 100%;
-      height: 100%;
-    }
-
-    [part='word'] {
-      background-color: rgba(255, 210, 42, 0.5);
-    }
-  `,c([a()],n.prototype,"embed",1),c([a()],n.prototype,"highlight",2),c([a()],n.prototype,"clickable",1),c([a()],n.prototype,"autoscroll",1),c([b()],n.prototype,"currentTime",2),c([b()],n.prototype,"captions",2);typeof window<"u"&&window.customElements&&(window.customElements.get("mave-text")||window.customElements.define("mave-text",n));export{n as a};