@maveio/components 0.0.173 → 0.0.174

package/dist/chunk-SDKTBB4N.cjs

@@ -1 +0,0 @@
-'use strict';var e=["audioprocess","canplay","canplaythrough","complete","duration_change","emptied","ended","error","loadeddata","loadedmetadata","loadstart","pause","play","playing","progress","ratechange","seeked","seeking","stalled","suspend","timeupdate","volumechange","waiting"];exports.a=e;

package/dist/chunk-SWRFZ3FV.js

@@ -1 +0,0 @@
-import {a}from'./chunk-PTN427IG.js';import {g,a as a$2}from'./chunk-5PIHL662.js';import {a as a$1}from'./chunk-ZTDQPDC6.js';import {c}from'./chunk-KA24PL7V.js';var s=class extends g{constructor(){super(...arguments);this.EVENT_TYPES={CLICK:"user_click"};}get embed(){return this._embed}set embed(t){this._embed=t;}get embedId(){return this._embed?.substring(5,this._embed?.length)}get spaceId(){return this.embed?.substring(0,5)}get cdn_root(){return a$1.cdn.endpoint.replace("${this.spaceId}",this.spaceId)}get _stylesheets(){if(typeof document>"u")return a$2``;let t=document.querySelectorAll('style, link[rel="stylesheet"]');return a$2`${Array.from(t).map(e=>e.cloneNode(true))}`}durationToTime(t){let e=Math.floor(t),n=Math.floor(e/3600),i=Math.floor(e%3600/60),o=e%60;return n>0?`${n}:${i.toString().padStart(2,"0")}:${o.toString().padStart(2,"0")}`:`${i}:${o.toString().padStart(2,"0")}`}emit(t,e){this.dispatchEvent(new CustomEvent(`mave:${t}`,{detail:{...e,eventType:t}})),this.dispatchEvent(new CustomEvent("mave:*",{detail:{...e,eventType:t}}));}};c([a({type:String})],s.prototype,"embed",1);export{s as a};

package/dist/chunk-TH3DUBVR.js

@@ -1,35 +0,0 @@
-import {a as a$3}from'./chunk-B6P2GJBQ.js';import {a as a$2}from'./chunk-CNPQ5Q2M.js';import {a as a$4}from'./chunk-R3SDTEHC.js';import {a as a$1,b}from'./chunk-PTN427IG.js';import {g,e as e$1,a as a$5}from'./chunk-5PIHL662.js';import {a}from'./chunk-YPCQNE3R.js';import {c,e,g as g$1}from'./chunk-KA24PL7V.js';var o,k,C,S,n=class extends g{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$2(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$1(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$1(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,a$5`
-          <div>
-            ${this.captions.segments.map((e,r)=>a$5`
-                <p
-                  data-segment-id="segment-${r}"
-                  style=${a$3(this.segmentStyle())}
-                  @click=${this.clickable?g$1(this,o,S):e$1}
-                  part=${a$4(this.inRange(e,"segment"))}
-                  x-caption-segment-start="${e.start}"
-                  x-caption-segment-end="${e.end}"
-                >
-                  ${e.words.map((i,s)=>a$5`
-                      <span
-                        data-word-id="word-${r}-${s}"
-                        style=${a$3(this.wordStyle(this.inRange(i)))}
-                        part=${a$4(this.inRange(i,"word",r,s))}
-                        x-caption-word-start="${i.start}"
-                        x-caption-word-end="${i.end}"
-                        >${i.word.trim()}</span
-                      >
-                    `)}
-                </p>
-              `)}
-          </div>
-        `)}):e$1}};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=a`
-    :host {
-      display: block;
-      width: 100%;
-      height: 100%;
-    }
-
-    [part='word'] {
-      background-color: rgba(255, 210, 42, 0.5);
-    }
-  `,c([a$1()],n.prototype,"embed",1),c([a$1()],n.prototype,"highlight",2),c([a$1()],n.prototype,"clickable",1),c([a$1()],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};

package/dist/chunk-TJ5F2FGY.cjs

@@ -1,20 +0,0 @@
-'use strict';var chunkTKJYRGEU_cjs=require('./chunk-TKJYRGEU.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'),chunkJHSFSCC2_cjs=require('./chunk-JHSFSCC2.cjs');var i,l,C,R,g,v,w,z,L,U,F,y,f=class extends chunkTKJYRGEU_cjs.a{constructor(){super(...arguments);chunkJHSFSCC2_cjs.e(this,i);this.embedController=new chunkRQN3DXJB_cjs.b(this);}get embed(){return this._embed}set embed(e){this._embed!==e&&(this._embed=e,this.requestUpdate("embed"),this.embedController.embed=this.embed);}get _slottedChildren(){return this.shadowRoot?.querySelector("slot")?.assignedElements({flatten:true})||[]}render(){return chunk2E5GLLOS_cjs.a`
-      ${this.embedController.render({pending:this.renderPending,complete:e=>{if(this._data=e,!e)return;let n=chunkJHSFSCC2_cjs.g(this,i,U).call(this),t=chunkJHSFSCC2_cjs.g(this,i,F).call(this),o=this._slottedChildren.map(a=>{function h(){let s;return a.nodeName==="TEMPLATE"?s=a.content.cloneNode(true):s=a.cloneNode(true),s}if(a.getAttribute("name")=="mave-files-video"){if(!n)return;let s=h(),d=Number(this._data.created_at),m=d&&d<1e12?d*1e3:d;Number.isFinite(m)&&chunkJHSFSCC2_cjs.g(this,i,l).call(this,s,"date",new Date(m).toLocaleDateString().replaceAll("/","-"));let p=this._data.video.duration;p&&chunkJHSFSCC2_cjs.g(this,i,l).call(this,s,"duration",this.durationToTime(p));let u=this._data.video.filetype;u&&chunkJHSFSCC2_cjs.g(this,i,l).call(this,s,"filetype",u);let k=n.file_size||this._data.video.size;k&&chunkJHSFSCC2_cjs.g(this,i,l).call(this,s,"size",chunkJHSFSCC2_cjs.g(this,i,v).call(this,k));let M=chunkJHSFSCC2_cjs.g(this,i,z).call(this,n),S=n.container||"mp4",b=chunkJHSFSCC2_cjs.g(this,i,g).call(this,M,`${this._data.name}.${S}`);return b.setAttribute("aria-label","Download video"),b.appendChild(s),chunk2E5GLLOS_cjs.a`${b}`}if(t&&a.getAttribute("name")=="mave-files-audio"){let s=h(),d=t.codec||chunkJHSFSCC2_cjs.g(this,i,y).call(this,t.filename)||"mp3";chunkJHSFSCC2_cjs.g(this,i,l).call(this,s,"filetype",d);let m=t.file_size;m&&chunkJHSFSCC2_cjs.g(this,i,l).call(this,s,"size",chunkJHSFSCC2_cjs.g(this,i,v).call(this,m));let p=chunkJHSFSCC2_cjs.g(this,i,L).call(this,t),u=chunkJHSFSCC2_cjs.g(this,i,g).call(this,p,t.filename||`${this._data.name}.${d}`);return u.setAttribute("aria-label","Download audio"),u.appendChild(s),chunk2E5GLLOS_cjs.a`${u}`}let _=this._data.subtitles.find(s=>s.language==this._data.video.language);if(_&&a.getAttribute("name")=="mave-files-subtitles"){let s=h();chunkJHSFSCC2_cjs.g(this,i,l).call(this,s,"filetype","vtt");let d=chunkJHSFSCC2_cjs.g(this,i,g).call(this,_.path,`${this._data.name}.vtt`);return d.setAttribute("aria-label","Download subtitles"),d.appendChild(s),chunk2E5GLLOS_cjs.a`${d}`}});return chunk2E5GLLOS_cjs.a`${this._stylesheets} ${o}`}})}
-    `}renderPending(){return chunk2E5GLLOS_cjs.a`<slot style="display: none"></slot>`}};i=new WeakSet,l=function(e,n,t){let o=e.querySelector(`[slot="${n}"], [data-slot="${n}"]`);o&&(o.textContent=t,o.removeAttribute("slot"),o.removeAttribute("data-slot"));},C=function(e,n){let t=window.URL.createObjectURL(e),o=document.createElement("a");o.style.display="none",o.href=t,o.download=n,this.appendChild(o),o.click(),window.URL.revokeObjectURL(t),this.removeChild(o);},R=function(e,n){return fetch(e).then(t=>{if(!t.ok)throw new Error("Network response was not ok");return t.blob()}).then(t=>chunkJHSFSCC2_cjs.g(this,i,C).call(this,t,n)).catch(t=>console.error("Something went wrong:",t))},g=function(e,n){let t=document.createElement("a");t.classList.add("link"),t.setAttribute("href",e),t.setAttribute("download",n),t.setAttribute("target","new");let o=false;return t.addEventListener("click",a=>{a.preventDefault(),!o&&(o=true,t.style.cursor="wait",t.style.opacity="0.5",chunkJHSFSCC2_cjs.g(this,i,R).call(this,e,n).then(()=>{o=false,t.style.cursor="pointer",t.style.opacity="1";}));}),t},v=function(e){let n=e/1e6;if(n<10)return `${n.toFixed(1)} MB`;let t=n%1!==0;return `${n.toFixed(t?1:0)} MB`},w=function(e){let n=this._data?.video?.version&&this._data.video.version>0?`v${this._data.video.version}/`:"";return `${this.cdn_root}/${this.embedId}/${n}${e}`},z=function(e){let n=e?.codec||"h264",t=e?.size||"hd",o=e?.container||"mp4";return chunkJHSFSCC2_cjs.g(this,i,w).call(this,`${n}_${t}.${o}`)},L=function(e){if(e?.path)return e.path;let n=e?.codec||chunkJHSFSCC2_cjs.g(this,i,y).call(this,e?.filename||"")||"mp3";return chunkJHSFSCC2_cjs.g(this,i,w).call(this,`audio.${n}`)},U=function(){let e=this._data?.video?.renditions||[];if(!e.length)return;let n=e.filter(o=>o.container==="mp4"&&o.codec==="h264"&&(!o.type||o.type==="video")),t=["hd","fhd","sd","qhd","uhd"];for(let o of t){let a=n.find(h=>h.size===o);if(a)return a}return n[0]||e.find(o=>o.type==="video")},F=function(){let e=this._data?.audio_tracks||[];if(e.length)return e.find(n=>n.default)||e[0]},y=function(e){if(!e)return;let n=e.split(".");return n.length>1?n.pop():void 0},f.styles=chunkNPP5B5PV_cjs.a`
-    :host {
-      display: block;
-      --link-color: #006fc6;
-      --link-decoration: underline;
-      --link-decoration-thickness: 1px;
-      --link-decoration-offset: 1px;
-      --link-cursor: pointer;
-    }
-
-    a {
-      text-decoration: var(--link-decoration);
-      text-decoration-thickness: var(--link-decoration-thickness);
-      text-underline-offset: var(--link-decoration-thickness);
-      color: var(--link-color);
-      cursor: var(--link-cursor);
-    }
-  `,chunkJHSFSCC2_cjs.c([chunkDL4BV5IH_cjs.a({type:String})],f.prototype,"embed",1);typeof window<"u"&&window.customElements&&(window.customElements.get("mave-files")||window.customElements.define("mave-files",f));exports.a=f;

package/dist/chunk-TKJYRGEU.cjs

@@ -1 +0,0 @@
-'use strict';var chunkDL4BV5IH_cjs=require('./chunk-DL4BV5IH.cjs'),chunk2E5GLLOS_cjs=require('./chunk-2E5GLLOS.cjs'),chunkEVKPEPYP_cjs=require('./chunk-EVKPEPYP.cjs'),chunkJHSFSCC2_cjs=require('./chunk-JHSFSCC2.cjs');var s=class extends chunk2E5GLLOS_cjs.g{constructor(){super(...arguments);this.EVENT_TYPES={CLICK:"user_click"};}get embed(){return this._embed}set embed(t){this._embed=t;}get embedId(){return this._embed?.substring(5,this._embed?.length)}get spaceId(){return this.embed?.substring(0,5)}get cdn_root(){return chunkEVKPEPYP_cjs.a.cdn.endpoint.replace("${this.spaceId}",this.spaceId)}get _stylesheets(){if(typeof document>"u")return chunk2E5GLLOS_cjs.a``;let t=document.querySelectorAll('style, link[rel="stylesheet"]');return chunk2E5GLLOS_cjs.a`${Array.from(t).map(e=>e.cloneNode(true))}`}durationToTime(t){let e=Math.floor(t),n=Math.floor(e/3600),i=Math.floor(e%3600/60),o=e%60;return n>0?`${n}:${i.toString().padStart(2,"0")}:${o.toString().padStart(2,"0")}`:`${i}:${o.toString().padStart(2,"0")}`}emit(t,e){this.dispatchEvent(new CustomEvent(`mave:${t}`,{detail:{...e,eventType:t}})),this.dispatchEvent(new CustomEvent("mave:*",{detail:{...e,eventType:t}}));}};chunkJHSFSCC2_cjs.c([chunkDL4BV5IH_cjs.a({type:String})],s.prototype,"embed",1);exports.a=s;

package/dist/chunk-WOXKZOJ3.js

@@ -1,10 +0,0 @@
-import {a as a$1}from'./chunk-SWRFZ3FV.js';import {a as a$2}from'./chunk-5PIHL662.js';import {a}from'./chunk-YPCQNE3R.js';var e=class extends a$1{get poster(){return `${this.cdn_root}/${this.embedId}/poster.webp`}render(){return a$2`<img src=${this.poster} />`}};e.styles=a`
-    :host {
-      display: block;
-    }
-
-    img {
-      width: 100%;
-      max-height: 100vh;
-    }
-  `;typeof window<"u"&&window.customElements&&(window.customElements.get("mave-img")||window.customElements.define("mave-img",e));export{e as a};

package/dist/chunk-X7OGQ4KH.cjs

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