@maveio/components 0.0.169 → 0.0.171
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-L667KKJP.cjs → chunk-26IKHTYO.cjs} +1 -1
- package/dist/chunk-3BAQWQNY.cjs +25 -0
- package/dist/chunk-3UQNIS3L.js +194 -0
- package/dist/chunk-474VILDO.cjs +194 -0
- package/dist/{chunk-OVZCXWUJ.js → chunk-4HURBTSI.js} +141 -165
- package/dist/chunk-5QB22TB5.cjs +1 -0
- package/dist/{chunk-IMY6Z3YA.cjs → chunk-CQU5634L.cjs} +2 -2
- package/dist/chunk-CSURX7CD.js +1 -0
- package/dist/{chunk-KLJGACPT.js → chunk-GWLFO35M.js} +1 -1
- package/dist/chunk-HMVS6DJE.js +186 -0
- package/dist/chunk-KO3CETGD.js +25 -0
- package/dist/chunk-LVGLIRQU.cjs +186 -0
- package/dist/{chunk-P5OWX4UR.js → chunk-NDPOBFNC.js} +1 -1
- package/dist/{chunk-BL2IUHCP.cjs → chunk-PUSIMWBW.cjs} +203 -227
- package/dist/{chunk-MU4WLTQR.cjs → chunk-TJ5F2FGY.cjs} +1 -1
- package/dist/{chunk-GHE5KR7E.js → chunk-TQYBNODL.js} +1 -1
- package/dist/components/audio-track-menu.cjs +1 -1
- package/dist/components/audio-track-menu.js +1 -1
- package/dist/components/captions-menu-button.cjs +1 -0
- package/dist/components/captions-menu-button.d.cts +10 -0
- package/dist/components/captions-menu-button.d.ts +10 -0
- package/dist/components/captions-menu-button.js +1 -0
- package/dist/components/clip.cjs +1 -1
- package/dist/components/clip.js +1 -1
- package/dist/components/files.cjs +1 -1
- package/dist/components/files.js +1 -1
- package/dist/components/list.cjs +1 -1
- package/dist/components/list.js +1 -1
- package/dist/components/player.cjs +1 -1
- package/dist/components/player.d.cts +4 -0
- package/dist/components/player.d.ts +4 -0
- package/dist/components/player.js +1 -1
- package/dist/components/pop.cjs +1 -1
- package/dist/components/pop.js +1 -1
- package/dist/components/text.cjs +1 -1
- package/dist/components/text.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/react.cjs +1 -1
- package/dist/react.js +1 -1
- package/dist/themes/default.cjs +204 -28
- package/dist/themes/default.js +204 -28
- package/dist/themes/dolphin.cjs +197 -16
- package/dist/themes/dolphin.js +197 -16
- package/dist/themes/loader.cjs +1 -1
- package/dist/themes/loader.js +1 -1
- package/dist/themes/synthwave.cjs +192 -19
- package/dist/themes/synthwave.js +192 -19
- package/dist/vue.cjs +1 -1
- package/dist/vue.d.cts +1 -1
- package/dist/vue.d.ts +1 -1
- package/dist/vue.js +1 -1
- package/package.json +5 -5
- package/dist/chunk-2EIQ3VMA.cjs +0 -1
- package/dist/chunk-C3CI3U2Z.js +0 -379
- package/dist/chunk-V54NMMTT.cjs +0 -379
- package/dist/chunk-WTS6WHUH.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
'use strict';var
|
|
1
|
+
'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`
|
|
2
2
|
${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}`}})}
|
|
3
3
|
`}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`
|
|
4
4
|
:host {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {b as b$2}from'./chunk-
|
|
1
|
+
import {b as b$2}from'./chunk-GWLFO35M.js';import {a as a$2}from'./chunk-SWRFZ3FV.js';import {b as b$1}from'./chunk-OX42Y2HR.js';import {a as a$1}from'./chunk-PTN427IG.js';import {a as a$3,e as e$1}from'./chunk-5PIHL662.js';import {a}from'./chunk-YPCQNE3R.js';import {c,e,g}from'./chunk-KA24PL7V.js';var n,C,b,h,f,p,u=class extends a$2{constructor(){super(...arguments);e(this,n);this.order="newest";this.embedController=new b$1(this,0);}connectedCallback(){super.connectedCallback(),this.embedController.token=this.token;}requestUpdate(e,o){super.requestUpdate(e,o),e==="embed"&&(this.embedController.token=this.token);}get _slottedChildren(){return this.shadowRoot?.querySelector("slot")?.assignedElements({flatten:true})||[]}updated(){this.shadowRoot&&b$2(this.shadowRoot);}refresh(){return this.embedController.refresh()}containsEmbed(e){return this._collection?.videos?.some(o=>o.id===e)}getNextForEmbed(e){let o=g(this,n,C).call(this),t=o.findIndex(s=>s.id===e);if(t!==-1)return o[t+1]}render(){return a$3`
|
|
2
2
|
${this.embedController.render({pending:this.renderPending,error:e=>a$3`<p>${e instanceof Error?e.message:e$1}</p>`,complete:e=>{if(this._collection=e,!e)return this.renderPending();if(e.error)return console.warn(e.error);let o=this._slottedChildren.map(t=>{function s(){let l;return t.nodeName==="TEMPLATE"?l=t.content.cloneNode(true):l=t.cloneNode(true),l}if(t.getAttribute("name")=="list-title"){let l=s();return l.textContent=this._collection?.name,a$3`${l}`}if(t.getAttribute("name")=="mave-list-root"&&this.embedController.embed){let l=s(),i=g(this,n,f).call(this,l,"root-link");return i&&(i.addEventListener("click",a=>{a.preventDefault(),this.emit(this.EVENT_TYPES.CLICK,{action:"back",embedId:""}),this.embedController.embed="";}),g(this,n,p).call(this,i)),a$3`${l}`}if(t.getAttribute("name")=="mave-list-folder"){let l=this._collection.collections?.map(i=>{let a=s(),m=g(this,n,f).call(this,a,"folder-link");return [t,m].forEach(d=>{d instanceof Element&&(d.addEventListener("click",g=>{g.preventDefault(),this.emit(this.EVENT_TYPES.CLICK,{action:"show_collection",collectionId:i.id}),this.embedController.embed=i.id;}),g(this,n,p).call(this,d));}),g(this,n,h).call(this,a,"folder-title",i.name),typeof i.video_count=="number"&&g(this,n,h).call(this,a,"folder-count",i.video_count.toString()),a$3`${a}`});return a$3`${l}`}if(t.getAttribute("name")=="mave-list-item"||!["mave-list-folder","mave-list-item","mave-list-root","list-title"].includes(t.hasAttribute("name")?t.getAttribute("name"):"")&&t.nodeName=="TEMPLATE"){let l=g(this,n,C).call(this).map((i,a)=>{let m=s(),d=a+1;g(this,n,h).call(this,m,"item-title",i.name),g(this,n,h).call(this,m,"item-position",d.toString()),g(this,n,h).call(this,m,"item-duration",this.durationToTime(i.duration)),g(this,n,b).call(this,m,"mave-clip",i.id),g(this,n,b).call(this,m,"mave-player",i.id),g(this,n,b).call(this,m,"mave-img",i.id);let g$1=m.querySelector("mave-clip"),S=g(this,n,f).call(this,m,"item-title"),$=m.querySelector("mave-img");return [g$1,S,$,m].forEach(P=>{P?.addEventListener("click",x=>{this.emit(this.EVENT_TYPES.CLICK,{action:"show_embed",embedId:i.id,position:d});});}),a$3`${m}`});return a$3`${l}`}}).filter(t=>t);return a$3`${this._stylesheets} ${o}`}})}
|
|
3
3
|
`}renderPending(){return a$3`<slot style="display: none"></slot>`}};n=new WeakSet,C=function(){if(!this._collection)return [];let e=this._collection.videos;return this.order=="newest"&&(e=this._collection.videos?.sort((o,t)=>t.created-o.created)),this.order=="oldest"&&(e=this._collection.videos?.sort((o,t)=>o.created-t.created)),this.order=="az"&&(e=this._collection.videos?.sort((o,t)=>o.name.localeCompare(t.name))),this.order=="za"&&(e=this._collection.videos?.sort((o,t)=>t.name.localeCompare(o.name))),e},b=function(e,o,t){let s=e.querySelector(o);s&&(s.setAttribute("embed",t),g(this,n,p).call(this,s));},h=function(e,o,t){let s=g(this,n,f).call(this,e,o);s&&(s.textContent=t,g(this,n,p).call(this,s));},f=function(e,o){return e.querySelector(`[slot="${o}"], [data-slot="${o}"]`)},p=function(e){e&&(e.removeAttribute("slot"),e.removeAttribute("data-slot"));},u.styles=a`
|
|
4
4
|
:host {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use strict';var
|
|
1
|
+
'use strict';var chunkLVGLIRQU_cjs=require('../chunk-LVGLIRQU.cjs');require('../chunk-474VILDO.cjs'),require('../chunk-JHSFSCC2.cjs');Object.defineProperty(exports,"MaveAudioTrackMenu",{enumerable:true,get:function(){return chunkLVGLIRQU_cjs.f}});Object.defineProperty(exports,"MaveAudioTrackMenuButton",{enumerable:true,get:function(){return chunkLVGLIRQU_cjs.g}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{
|
|
1
|
+
export{f as MaveAudioTrackMenu,g as MaveAudioTrackMenuButton}from'../chunk-HMVS6DJE.js';import'../chunk-3UQNIS3L.js';import'../chunk-KA24PL7V.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
'use strict';var chunk3BAQWQNY_cjs=require('../chunk-3BAQWQNY.cjs');require('../chunk-474VILDO.cjs'),require('../chunk-JHSFSCC2.cjs');Object.defineProperty(exports,"MaveCaptionsMenuButton",{enumerable:true,get:function(){return chunk3BAQWQNY_cjs.h}});
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { MediaCaptionsMenuButton } from 'media-chrome/dist/menu/media-captions-menu-button.js';
|
|
2
|
+
|
|
3
|
+
declare class MaveCaptionsMenuButton extends MediaCaptionsMenuButton {
|
|
4
|
+
#private;
|
|
5
|
+
static getTooltipContentHTML: () => string;
|
|
6
|
+
connectedCallback(): void;
|
|
7
|
+
attributeChangedCallback(attrName: string, oldValue: string, newValue: string): void;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export { MaveCaptionsMenuButton };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { MediaCaptionsMenuButton } from 'media-chrome/dist/menu/media-captions-menu-button.js';
|
|
2
|
+
|
|
3
|
+
declare class MaveCaptionsMenuButton extends MediaCaptionsMenuButton {
|
|
4
|
+
#private;
|
|
5
|
+
static getTooltipContentHTML: () => string;
|
|
6
|
+
connectedCallback(): void;
|
|
7
|
+
attributeChangedCallback(attrName: string, oldValue: string, newValue: string): void;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export { MaveCaptionsMenuButton };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{h as MaveCaptionsMenuButton}from'../chunk-KO3CETGD.js';import'../chunk-3UQNIS3L.js';import'../chunk-KA24PL7V.js';
|
package/dist/components/clip.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
'use strict';var chunkIETV3B4F_cjs=require('../chunk-IETV3B4F.cjs');require('../chunk-BTCK3T4L.cjs'),require('../chunk-SDKTBB4N.cjs'),require('../chunk-FAONFKQ2.cjs'),require('../chunk-RRCW5BBR.cjs'),require('../chunk-RQN3DXJB.cjs'),require('../chunk-
|
|
1
|
+
'use strict';var chunkIETV3B4F_cjs=require('../chunk-IETV3B4F.cjs');require('../chunk-BTCK3T4L.cjs'),require('../chunk-SDKTBB4N.cjs'),require('../chunk-FAONFKQ2.cjs'),require('../chunk-RRCW5BBR.cjs'),require('../chunk-RQN3DXJB.cjs'),require('../chunk-DL4BV5IH.cjs'),require('../chunk-2E5GLLOS.cjs'),require('../chunk-X7OGQ4KH.cjs'),require('../chunk-QOM4AP6R.cjs'),require('../chunk-NPP5B5PV.cjs'),require('../chunk-EVKPEPYP.cjs'),require('../chunk-JHSFSCC2.cjs');Object.defineProperty(exports,"Clip",{enumerable:true,get:function(){return chunkIETV3B4F_cjs.a}});
|
package/dist/components/clip.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{a as Clip}from'../chunk-Q3FGRSLA.js';import'../chunk-RHTBV6KZ.js';import'../chunk-MK4VIJT3.js';import'../chunk-R3SDTEHC.js';import'../chunk-MMHEOMF5.js';import'../chunk-OX42Y2HR.js';import'../chunk-
|
|
1
|
+
export{a as Clip}from'../chunk-Q3FGRSLA.js';import'../chunk-RHTBV6KZ.js';import'../chunk-MK4VIJT3.js';import'../chunk-R3SDTEHC.js';import'../chunk-MMHEOMF5.js';import'../chunk-OX42Y2HR.js';import'../chunk-PTN427IG.js';import'../chunk-5PIHL662.js';import'../chunk-2JCNQPEK.js';import'../chunk-QFF6OUH6.js';import'../chunk-YPCQNE3R.js';import'../chunk-ZTDQPDC6.js';import'../chunk-KA24PL7V.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use strict';var
|
|
1
|
+
'use strict';var chunkTJ5F2FGY_cjs=require('../chunk-TJ5F2FGY.cjs');require('../chunk-TKJYRGEU.cjs'),require('../chunk-RQN3DXJB.cjs'),require('../chunk-DL4BV5IH.cjs'),require('../chunk-2E5GLLOS.cjs'),require('../chunk-X7OGQ4KH.cjs'),require('../chunk-QOM4AP6R.cjs'),require('../chunk-NPP5B5PV.cjs'),require('../chunk-EVKPEPYP.cjs'),require('../chunk-JHSFSCC2.cjs');Object.defineProperty(exports,"Files",{enumerable:true,get:function(){return chunkTJ5F2FGY_cjs.a}});
|
package/dist/components/files.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{a as Files}from'../chunk-
|
|
1
|
+
export{a as Files}from'../chunk-NDPOBFNC.js';import'../chunk-SWRFZ3FV.js';import'../chunk-OX42Y2HR.js';import'../chunk-PTN427IG.js';import'../chunk-5PIHL662.js';import'../chunk-2JCNQPEK.js';import'../chunk-QFF6OUH6.js';import'../chunk-YPCQNE3R.js';import'../chunk-ZTDQPDC6.js';import'../chunk-KA24PL7V.js';
|
package/dist/components/list.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
'use strict';var
|
|
1
|
+
'use strict';var chunk26IKHTYO_cjs=require('../chunk-26IKHTYO.cjs');require('../chunk-CQU5634L.cjs'),require('../chunk-PUSIMWBW.cjs'),require('../chunk-5QB22TB5.cjs'),require('../chunk-5NKBIUPL.cjs'),require('../chunk-5QLIDHRT.cjs'),require('../chunk-J7OISSKU.cjs'),require('../chunk-QQDH35OW.cjs'),require('../chunk-LVGLIRQU.cjs'),require('../chunk-3BAQWQNY.cjs'),require('../chunk-474VILDO.cjs'),require('../chunk-BTCK3T4L.cjs'),require('../chunk-SDKTBB4N.cjs'),require('../chunk-RRCW5BBR.cjs'),require('../chunk-TKJYRGEU.cjs'),require('../chunk-RQN3DXJB.cjs'),require('../chunk-DL4BV5IH.cjs'),require('../chunk-2E5GLLOS.cjs'),require('../chunk-X7OGQ4KH.cjs'),require('../chunk-QOM4AP6R.cjs'),require('../chunk-NPP5B5PV.cjs'),require('../chunk-EVKPEPYP.cjs'),require('../chunk-JHSFSCC2.cjs');Object.defineProperty(exports,"List",{enumerable:true,get:function(){return chunk26IKHTYO_cjs.a}});
|
package/dist/components/list.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{a as List}from'../chunk-
|
|
1
|
+
export{a as List}from'../chunk-TQYBNODL.js';import'../chunk-GWLFO35M.js';import'../chunk-4HURBTSI.js';import'../chunk-CSURX7CD.js';import'../chunk-WE5NUDRY.js';import'../chunk-GSVKVWEI.js';import'../chunk-P6SBZPDR.js';import'../chunk-B6P2GJBQ.js';import'../chunk-HMVS6DJE.js';import'../chunk-KO3CETGD.js';import'../chunk-3UQNIS3L.js';import'../chunk-RHTBV6KZ.js';import'../chunk-MK4VIJT3.js';import'../chunk-MMHEOMF5.js';import'../chunk-SWRFZ3FV.js';import'../chunk-OX42Y2HR.js';import'../chunk-PTN427IG.js';import'../chunk-5PIHL662.js';import'../chunk-2JCNQPEK.js';import'../chunk-QFF6OUH6.js';import'../chunk-YPCQNE3R.js';import'../chunk-ZTDQPDC6.js';import'../chunk-KA24PL7V.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use strict';var
|
|
1
|
+
'use strict';var chunkPUSIMWBW_cjs=require('../chunk-PUSIMWBW.cjs');require('../chunk-5QB22TB5.cjs'),require('../chunk-5QLIDHRT.cjs'),require('../chunk-J7OISSKU.cjs'),require('../chunk-QQDH35OW.cjs'),require('../chunk-LVGLIRQU.cjs'),require('../chunk-3BAQWQNY.cjs'),require('../chunk-474VILDO.cjs'),require('../chunk-BTCK3T4L.cjs'),require('../chunk-SDKTBB4N.cjs'),require('../chunk-RRCW5BBR.cjs'),require('../chunk-TKJYRGEU.cjs'),require('../chunk-RQN3DXJB.cjs'),require('../chunk-DL4BV5IH.cjs'),require('../chunk-2E5GLLOS.cjs'),require('../chunk-X7OGQ4KH.cjs'),require('../chunk-QOM4AP6R.cjs'),require('../chunk-NPP5B5PV.cjs'),require('../chunk-EVKPEPYP.cjs'),require('../chunk-JHSFSCC2.cjs');Object.defineProperty(exports,"Player",{enumerable:true,get:function(){return chunkPUSIMWBW_cjs.a}});
|
|
@@ -58,6 +58,10 @@ declare class Player extends MaveElement {
|
|
|
58
58
|
private _currentAudioTrackMenu?;
|
|
59
59
|
private _themeMutationObserver?;
|
|
60
60
|
private _themeMutationObserverRoot?;
|
|
61
|
+
private _controlColorsKey?;
|
|
62
|
+
private _controlColors?;
|
|
63
|
+
private _contrastQuery?;
|
|
64
|
+
private _contrastQueryHandler?;
|
|
61
65
|
static styles: lit.CSSResult;
|
|
62
66
|
private _intersectionObserver;
|
|
63
67
|
private embedController;
|
|
@@ -58,6 +58,10 @@ declare class Player extends MaveElement {
|
|
|
58
58
|
private _currentAudioTrackMenu?;
|
|
59
59
|
private _themeMutationObserver?;
|
|
60
60
|
private _themeMutationObserverRoot?;
|
|
61
|
+
private _controlColorsKey?;
|
|
62
|
+
private _controlColors?;
|
|
63
|
+
private _contrastQuery?;
|
|
64
|
+
private _contrastQueryHandler?;
|
|
61
65
|
static styles: lit.CSSResult;
|
|
62
66
|
private _intersectionObserver;
|
|
63
67
|
private embedController;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{a as Player}from'../chunk-
|
|
1
|
+
export{a as Player}from'../chunk-4HURBTSI.js';import'../chunk-CSURX7CD.js';import'../chunk-GSVKVWEI.js';import'../chunk-P6SBZPDR.js';import'../chunk-B6P2GJBQ.js';import'../chunk-HMVS6DJE.js';import'../chunk-KO3CETGD.js';import'../chunk-3UQNIS3L.js';import'../chunk-RHTBV6KZ.js';import'../chunk-MK4VIJT3.js';import'../chunk-MMHEOMF5.js';import'../chunk-SWRFZ3FV.js';import'../chunk-OX42Y2HR.js';import'../chunk-PTN427IG.js';import'../chunk-5PIHL662.js';import'../chunk-2JCNQPEK.js';import'../chunk-QFF6OUH6.js';import'../chunk-YPCQNE3R.js';import'../chunk-ZTDQPDC6.js';import'../chunk-KA24PL7V.js';
|
package/dist/components/pop.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
'use strict';var
|
|
1
|
+
'use strict';var chunkCQU5634L_cjs=require('../chunk-CQU5634L.cjs');require('../chunk-PUSIMWBW.cjs'),require('../chunk-5QB22TB5.cjs'),require('../chunk-5NKBIUPL.cjs'),require('../chunk-5QLIDHRT.cjs'),require('../chunk-J7OISSKU.cjs'),require('../chunk-QQDH35OW.cjs'),require('../chunk-LVGLIRQU.cjs'),require('../chunk-3BAQWQNY.cjs'),require('../chunk-474VILDO.cjs'),require('../chunk-BTCK3T4L.cjs'),require('../chunk-SDKTBB4N.cjs'),require('../chunk-RRCW5BBR.cjs'),require('../chunk-TKJYRGEU.cjs'),require('../chunk-RQN3DXJB.cjs'),require('../chunk-DL4BV5IH.cjs'),require('../chunk-2E5GLLOS.cjs'),require('../chunk-X7OGQ4KH.cjs'),require('../chunk-QOM4AP6R.cjs'),require('../chunk-NPP5B5PV.cjs'),require('../chunk-EVKPEPYP.cjs'),require('../chunk-JHSFSCC2.cjs');Object.defineProperty(exports,"Pop",{enumerable:true,get:function(){return chunkCQU5634L_cjs.a}});Object.defineProperty(exports,"checkPop",{enumerable:true,get:function(){return chunkCQU5634L_cjs.b}});
|
package/dist/components/pop.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{a as Pop,b as checkPop}from'../chunk-
|
|
1
|
+
export{a as Pop,b as checkPop}from'../chunk-GWLFO35M.js';import'../chunk-4HURBTSI.js';import'../chunk-CSURX7CD.js';import'../chunk-WE5NUDRY.js';import'../chunk-GSVKVWEI.js';import'../chunk-P6SBZPDR.js';import'../chunk-B6P2GJBQ.js';import'../chunk-HMVS6DJE.js';import'../chunk-KO3CETGD.js';import'../chunk-3UQNIS3L.js';import'../chunk-RHTBV6KZ.js';import'../chunk-MK4VIJT3.js';import'../chunk-MMHEOMF5.js';import'../chunk-SWRFZ3FV.js';import'../chunk-OX42Y2HR.js';import'../chunk-PTN427IG.js';import'../chunk-5PIHL662.js';import'../chunk-2JCNQPEK.js';import'../chunk-QFF6OUH6.js';import'../chunk-YPCQNE3R.js';import'../chunk-ZTDQPDC6.js';import'../chunk-KA24PL7V.js';
|
package/dist/components/text.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
'use strict';var chunk2FUCHY2J_cjs=require('../chunk-2FUCHY2J.cjs');require('../chunk-QQDH35OW.cjs'),require('../chunk-K5Z7QHTN.cjs'),require('../chunk-FAONFKQ2.cjs'),require('../chunk-RRCW5BBR.cjs'),require('../chunk-
|
|
1
|
+
'use strict';var chunk2FUCHY2J_cjs=require('../chunk-2FUCHY2J.cjs');require('../chunk-QQDH35OW.cjs'),require('../chunk-K5Z7QHTN.cjs'),require('../chunk-FAONFKQ2.cjs'),require('../chunk-RRCW5BBR.cjs'),require('../chunk-DL4BV5IH.cjs'),require('../chunk-2E5GLLOS.cjs'),require('../chunk-QOM4AP6R.cjs'),require('../chunk-NPP5B5PV.cjs'),require('../chunk-EVKPEPYP.cjs'),require('../chunk-JHSFSCC2.cjs');Object.defineProperty(exports,"Text",{enumerable:true,get:function(){return chunk2FUCHY2J_cjs.a}});
|
package/dist/components/text.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{a as Text}from'../chunk-TH3DUBVR.js';import'../chunk-B6P2GJBQ.js';import'../chunk-CNPQ5Q2M.js';import'../chunk-R3SDTEHC.js';import'../chunk-MMHEOMF5.js';import'../chunk-
|
|
1
|
+
export{a as Text}from'../chunk-TH3DUBVR.js';import'../chunk-B6P2GJBQ.js';import'../chunk-CNPQ5Q2M.js';import'../chunk-R3SDTEHC.js';import'../chunk-MMHEOMF5.js';import'../chunk-PTN427IG.js';import'../chunk-5PIHL662.js';import'../chunk-QFF6OUH6.js';import'../chunk-YPCQNE3R.js';import'../chunk-ZTDQPDC6.js';import'../chunk-KA24PL7V.js';
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
'use strict';var
|
|
1
|
+
'use strict';var chunkAOBEOJ2U_cjs=require('./chunk-AOBEOJ2U.cjs'),chunk26IKHTYO_cjs=require('./chunk-26IKHTYO.cjs'),chunkCQU5634L_cjs=require('./chunk-CQU5634L.cjs'),chunkPUSIMWBW_cjs=require('./chunk-PUSIMWBW.cjs');require('./chunk-5QB22TB5.cjs');var chunk2FUCHY2J_cjs=require('./chunk-2FUCHY2J.cjs'),chunkN2L5GXPF_cjs=require('./chunk-N2L5GXPF.cjs');require('./chunk-IBQULJZC.cjs'),require('./chunk-5NKBIUPL.cjs'),require('./chunk-5QLIDHRT.cjs'),require('./chunk-J7OISSKU.cjs'),require('./chunk-QQDH35OW.cjs'),require('./chunk-K5Z7QHTN.cjs'),require('./chunk-LVGLIRQU.cjs'),require('./chunk-3BAQWQNY.cjs'),require('./chunk-474VILDO.cjs');var chunkIETV3B4F_cjs=require('./chunk-IETV3B4F.cjs');require('./chunk-BTCK3T4L.cjs'),require('./chunk-SDKTBB4N.cjs'),require('./chunk-FAONFKQ2.cjs'),require('./chunk-RRCW5BBR.cjs');var chunkTJ5F2FGY_cjs=require('./chunk-TJ5F2FGY.cjs');require('./chunk-TKJYRGEU.cjs'),require('./chunk-RQN3DXJB.cjs'),require('./chunk-DL4BV5IH.cjs'),require('./chunk-2E5GLLOS.cjs'),require('./chunk-X7OGQ4KH.cjs'),require('./chunk-QOM4AP6R.cjs'),require('./chunk-NPP5B5PV.cjs');var chunkEVKPEPYP_cjs=require('./chunk-EVKPEPYP.cjs');require('./chunk-JHSFSCC2.cjs');Object.defineProperty(exports,"Image",{enumerable:true,get:function(){return chunkAOBEOJ2U_cjs.a}});Object.defineProperty(exports,"List",{enumerable:true,get:function(){return chunk26IKHTYO_cjs.a}});Object.defineProperty(exports,"Pop",{enumerable:true,get:function(){return chunkCQU5634L_cjs.a}});Object.defineProperty(exports,"Player",{enumerable:true,get:function(){return chunkPUSIMWBW_cjs.a}});Object.defineProperty(exports,"Text",{enumerable:true,get:function(){return chunk2FUCHY2J_cjs.a}});Object.defineProperty(exports,"Upload",{enumerable:true,get:function(){return chunkN2L5GXPF_cjs.a}});Object.defineProperty(exports,"Clip",{enumerable:true,get:function(){return chunkIETV3B4F_cjs.a}});Object.defineProperty(exports,"Files",{enumerable:true,get:function(){return chunkTJ5F2FGY_cjs.a}});Object.defineProperty(exports,"setConfig",{enumerable:true,get:function(){return chunkEVKPEPYP_cjs.b}});
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{a as List}from'./chunk-
|
|
1
|
+
export{a as Image}from'./chunk-WOXKZOJ3.js';export{a as List}from'./chunk-TQYBNODL.js';export{a as Pop}from'./chunk-GWLFO35M.js';export{a as Player}from'./chunk-4HURBTSI.js';import'./chunk-CSURX7CD.js';export{a as Text}from'./chunk-TH3DUBVR.js';export{a as Upload}from'./chunk-TFOTA27Y.js';import'./chunk-CVXHA76S.js';import'./chunk-WE5NUDRY.js';import'./chunk-GSVKVWEI.js';import'./chunk-P6SBZPDR.js';import'./chunk-B6P2GJBQ.js';import'./chunk-CNPQ5Q2M.js';import'./chunk-HMVS6DJE.js';import'./chunk-KO3CETGD.js';import'./chunk-3UQNIS3L.js';export{a as Clip}from'./chunk-Q3FGRSLA.js';import'./chunk-RHTBV6KZ.js';import'./chunk-MK4VIJT3.js';import'./chunk-R3SDTEHC.js';import'./chunk-MMHEOMF5.js';export{a as Files}from'./chunk-NDPOBFNC.js';import'./chunk-SWRFZ3FV.js';import'./chunk-OX42Y2HR.js';import'./chunk-PTN427IG.js';import'./chunk-5PIHL662.js';import'./chunk-2JCNQPEK.js';import'./chunk-QFF6OUH6.js';import'./chunk-YPCQNE3R.js';export{b as setConfig}from'./chunk-ZTDQPDC6.js';import'./chunk-KA24PL7V.js';
|
package/dist/react.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
'use strict';var
|
|
1
|
+
'use strict';var chunkAOBEOJ2U_cjs=require('./chunk-AOBEOJ2U.cjs'),chunk26IKHTYO_cjs=require('./chunk-26IKHTYO.cjs'),chunkCQU5634L_cjs=require('./chunk-CQU5634L.cjs'),chunkPUSIMWBW_cjs=require('./chunk-PUSIMWBW.cjs');require('./chunk-5QB22TB5.cjs');var chunk2FUCHY2J_cjs=require('./chunk-2FUCHY2J.cjs'),chunkN2L5GXPF_cjs=require('./chunk-N2L5GXPF.cjs');require('./chunk-IBQULJZC.cjs'),require('./chunk-5NKBIUPL.cjs'),require('./chunk-5QLIDHRT.cjs'),require('./chunk-J7OISSKU.cjs'),require('./chunk-QQDH35OW.cjs'),require('./chunk-K5Z7QHTN.cjs'),require('./chunk-LVGLIRQU.cjs'),require('./chunk-3BAQWQNY.cjs'),require('./chunk-474VILDO.cjs');var chunkIETV3B4F_cjs=require('./chunk-IETV3B4F.cjs');require('./chunk-BTCK3T4L.cjs'),require('./chunk-SDKTBB4N.cjs'),require('./chunk-FAONFKQ2.cjs'),require('./chunk-RRCW5BBR.cjs');var chunkTJ5F2FGY_cjs=require('./chunk-TJ5F2FGY.cjs');require('./chunk-TKJYRGEU.cjs'),require('./chunk-RQN3DXJB.cjs'),require('./chunk-DL4BV5IH.cjs'),require('./chunk-2E5GLLOS.cjs'),require('./chunk-X7OGQ4KH.cjs'),require('./chunk-QOM4AP6R.cjs'),require('./chunk-NPP5B5PV.cjs');var chunkEVKPEPYP_cjs=require('./chunk-EVKPEPYP.cjs');require('./chunk-JHSFSCC2.cjs');var react=require('@lit/react'),t=require('react');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var t__default=/*#__PURE__*/_interopDefault(t);function o(c,C){typeof window>"u"||window.customElements&&(window.customElements.get(c)||window.customElements.define(c,C));}o("mave-clip",chunkIETV3B4F_cjs.a);var d=react.createComponent({tagName:"mave-clip",elementClass:chunkIETV3B4F_cjs.a,react:t__default.default});o("mave-list",chunk26IKHTYO_cjs.a);var w=react.createComponent({tagName:"mave-list",elementClass:chunk26IKHTYO_cjs.a,react:t__default.default});o("mave-player",chunkPUSIMWBW_cjs.a);var y=react.createComponent({tagName:"mave-player",elementClass:chunkPUSIMWBW_cjs.a,react:t__default.default});o("mave-upload",chunkN2L5GXPF_cjs.a);var E=react.createComponent({tagName:"mave-upload",elementClass:chunkN2L5GXPF_cjs.a,react:t__default.default});o("mave-files",chunkTJ5F2FGY_cjs.a);var I=react.createComponent({tagName:"mave-files",elementClass:chunkTJ5F2FGY_cjs.a,react:t__default.default});o("mave-img",chunkAOBEOJ2U_cjs.a);var T=react.createComponent({tagName:"mave-img",elementClass:chunkAOBEOJ2U_cjs.a,react:t__default.default});o("mave-text",chunk2FUCHY2J_cjs.a);var D=react.createComponent({tagName:"mave-text",elementClass:chunk2FUCHY2J_cjs.a,react:t__default.default});o("mave-pop",chunkCQU5634L_cjs.a);var b=react.createComponent({tagName:"mave-pop",elementClass:chunkCQU5634L_cjs.a,react:t__default.default});Object.defineProperty(exports,"setConfig",{enumerable:true,get:function(){return chunkEVKPEPYP_cjs.b}});exports.Clip=d;exports.Files=I;exports.Image=T;exports.List=w;exports.Player=y;exports.Pop=b;exports.Text=D;exports.Upload=E;
|
package/dist/react.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import {a as a$1}from'./chunk-
|
|
1
|
+
import {a as a$5}from'./chunk-WOXKZOJ3.js';import {a as a$1}from'./chunk-TQYBNODL.js';import {a as a$7}from'./chunk-GWLFO35M.js';import {a as a$2}from'./chunk-4HURBTSI.js';import'./chunk-CSURX7CD.js';import {a as a$6}from'./chunk-TH3DUBVR.js';import {a as a$3}from'./chunk-TFOTA27Y.js';import'./chunk-CVXHA76S.js';import'./chunk-WE5NUDRY.js';import'./chunk-GSVKVWEI.js';import'./chunk-P6SBZPDR.js';import'./chunk-B6P2GJBQ.js';import'./chunk-CNPQ5Q2M.js';import'./chunk-HMVS6DJE.js';import'./chunk-KO3CETGD.js';import'./chunk-3UQNIS3L.js';import {a}from'./chunk-Q3FGRSLA.js';import'./chunk-RHTBV6KZ.js';import'./chunk-MK4VIJT3.js';import'./chunk-R3SDTEHC.js';import'./chunk-MMHEOMF5.js';import {a as a$4}from'./chunk-NDPOBFNC.js';import'./chunk-SWRFZ3FV.js';import'./chunk-OX42Y2HR.js';import'./chunk-PTN427IG.js';import'./chunk-5PIHL662.js';import'./chunk-2JCNQPEK.js';import'./chunk-QFF6OUH6.js';import'./chunk-YPCQNE3R.js';export{b as setConfig}from'./chunk-ZTDQPDC6.js';import'./chunk-KA24PL7V.js';import {createComponent}from'@lit/react';import t from'react';function o(c,C){typeof window>"u"||window.customElements&&(window.customElements.get(c)||window.customElements.define(c,C));}o("mave-clip",a);var d=createComponent({tagName:"mave-clip",elementClass:a,react:t});o("mave-list",a$1);var w=createComponent({tagName:"mave-list",elementClass:a$1,react:t});o("mave-player",a$2);var y=createComponent({tagName:"mave-player",elementClass:a$2,react:t});o("mave-upload",a$3);var E=createComponent({tagName:"mave-upload",elementClass:a$3,react:t});o("mave-files",a$4);var I=createComponent({tagName:"mave-files",elementClass:a$4,react:t});o("mave-img",a$5);var T=createComponent({tagName:"mave-img",elementClass:a$5,react:t});o("mave-text",a$6);var D=createComponent({tagName:"mave-text",elementClass:a$6,react:t});o("mave-pop",a$7);var b=createComponent({tagName:"mave-pop",elementClass:a$7,react:t});export{d as Clip,I as Files,T as Image,w as List,y as Player,b as Pop,D as Text,E as Upload};
|
package/dist/themes/default.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
'use strict';require('../chunk-JHSFSCC2.cjs');function r(t,i,
|
|
1
|
+
'use strict';require('../chunk-JHSFSCC2.cjs');function r(t,a,i,o){class e extends a{render(){return i`
|
|
2
2
|
<media-controller novolumepref>
|
|
3
3
|
<slot name="media" slot="media"></slot>
|
|
4
4
|
<slot name="poster" slot="poster"></slot>
|
|
@@ -87,8 +87,8 @@
|
|
|
87
87
|
<media-preview-time-display slot="preview"></media-preview-time-display>
|
|
88
88
|
</media-time-range>
|
|
89
89
|
<media-playback-rate-button></media-playback-rate-button>
|
|
90
|
-
<media-captions-menu hidden anchor="
|
|
91
|
-
<
|
|
90
|
+
<media-captions-menu hidden anchor="mave-captions"></media-captions-menu>
|
|
91
|
+
<mave-captions-menu-button id="mave-captions" class="small-button">
|
|
92
92
|
<svg
|
|
93
93
|
slot="off"
|
|
94
94
|
xmlns="http://www.w3.org/2000/svg"
|
|
@@ -115,7 +115,7 @@
|
|
|
115
115
|
clip-rule="evenodd"
|
|
116
116
|
/>
|
|
117
117
|
</svg>
|
|
118
|
-
</
|
|
118
|
+
</mave-captions-menu-button>
|
|
119
119
|
<mave-audio-track-menu
|
|
120
120
|
hidden
|
|
121
121
|
anchor="mave-audio-tracks"
|
|
@@ -137,6 +137,37 @@
|
|
|
137
137
|
<path d="M14 15v-3"></path>
|
|
138
138
|
</svg>
|
|
139
139
|
</mave-audio-track-menu-button>
|
|
140
|
+
<media-settings-menu-button id="mave-settings" class="small-button">
|
|
141
|
+
<svg
|
|
142
|
+
slot="icon"
|
|
143
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
144
|
+
viewBox="0 0 24 24"
|
|
145
|
+
fill="currentColor"
|
|
146
|
+
aria-hidden="true"
|
|
147
|
+
>
|
|
148
|
+
<circle cx="5" cy="12" r="2"></circle>
|
|
149
|
+
<circle cx="12" cy="12" r="2"></circle>
|
|
150
|
+
<circle cx="19" cy="12" r="2"></circle>
|
|
151
|
+
</svg>
|
|
152
|
+
</media-settings-menu-button>
|
|
153
|
+
<media-settings-menu hidden anchor="mave-settings">
|
|
154
|
+
<media-settings-menu-item style="display: var(--playbackrate-display, flex);">
|
|
155
|
+
<span>Playback speed</span>
|
|
156
|
+
<media-playback-rate-menu slot="submenu" hidden></media-playback-rate-menu>
|
|
157
|
+
</media-settings-menu-item>
|
|
158
|
+
<media-settings-menu-item
|
|
159
|
+
style="display: var(--mave-captions-menu-button-display, flex);"
|
|
160
|
+
>
|
|
161
|
+
<span>Captions</span>
|
|
162
|
+
<media-captions-menu slot="submenu" hidden></media-captions-menu>
|
|
163
|
+
</media-settings-menu-item>
|
|
164
|
+
<media-settings-menu-item
|
|
165
|
+
style="display: var(--media-audio-track-menu-button-display, none);"
|
|
166
|
+
>
|
|
167
|
+
<span>Audio tracks</span>
|
|
168
|
+
<mave-audio-track-menu slot="submenu" hidden></mave-audio-track-menu>
|
|
169
|
+
</media-settings-menu-item>
|
|
170
|
+
</media-settings-menu>
|
|
140
171
|
<div class="media-volume-wrapper">
|
|
141
172
|
<media-mute-button class="small-button">
|
|
142
173
|
<svg
|
|
@@ -259,6 +290,7 @@
|
|
|
259
290
|
overflow: hidden;
|
|
260
291
|
background: transparent;
|
|
261
292
|
direction: ltr !important;
|
|
293
|
+
container-type: inline-size;
|
|
262
294
|
}
|
|
263
295
|
|
|
264
296
|
img,
|
|
@@ -282,6 +314,7 @@
|
|
|
282
314
|
display: flex;
|
|
283
315
|
background: transparent;
|
|
284
316
|
--media-font-family: system-ui, sans-serif;
|
|
317
|
+
container-type: inline-size;
|
|
285
318
|
width: var(--width, 100%);
|
|
286
319
|
height: var(--height, 100%);
|
|
287
320
|
max-height: 100vh;
|
|
@@ -294,9 +327,17 @@
|
|
|
294
327
|
--media-control-background: transparent;
|
|
295
328
|
--media-control-hover-background: transparent;
|
|
296
329
|
|
|
330
|
+
--media-primary-color: var(--mave-control-fg, rgba(238, 238, 238, 1));
|
|
331
|
+
|
|
297
332
|
--media-range-track-height: 1px;
|
|
298
|
-
--media-range-track-background:
|
|
299
|
-
|
|
333
|
+
--media-range-track-background: var(
|
|
334
|
+
--mave-control-fg-weak,
|
|
335
|
+
rgba(255, 255, 255, 0.1)
|
|
336
|
+
);
|
|
337
|
+
--media-range-track-pointer-background: var(
|
|
338
|
+
--mave-control-fg-muted,
|
|
339
|
+
rgba(255, 255, 255, 0.25)
|
|
340
|
+
);
|
|
300
341
|
|
|
301
342
|
--media-range-thumb-background: transparent;
|
|
302
343
|
--media-range-thumb-width: 20px;
|
|
@@ -314,6 +355,16 @@
|
|
|
314
355
|
--media-option-hover-background: rgba(0, 0, 0, 0.15);
|
|
315
356
|
}
|
|
316
357
|
|
|
358
|
+
media-controller svg[stroke],
|
|
359
|
+
media-controller svg [stroke] {
|
|
360
|
+
stroke: currentColor;
|
|
361
|
+
}
|
|
362
|
+
|
|
363
|
+
media-controller svg[fill]:not([fill='none']),
|
|
364
|
+
media-controller svg [fill]:not([fill='none']) {
|
|
365
|
+
fill: currentColor;
|
|
366
|
+
}
|
|
367
|
+
|
|
317
368
|
media-controller[mediapaused] media-control-bar {
|
|
318
369
|
opacity: 1;
|
|
319
370
|
}
|
|
@@ -327,7 +378,7 @@
|
|
|
327
378
|
}
|
|
328
379
|
|
|
329
380
|
media-loading-indicator {
|
|
330
|
-
--media-icon-color: rgba(255, 255, 255, 1);
|
|
381
|
+
--media-icon-color: var(--mave-control-fg, rgba(255, 255, 255, 1));
|
|
331
382
|
}
|
|
332
383
|
|
|
333
384
|
media-control-bar media-loading-indicator {
|
|
@@ -444,7 +495,7 @@
|
|
|
444
495
|
media-time-range:hover {
|
|
445
496
|
opacity: 1;
|
|
446
497
|
--media-range-thumb-transform: scale(1);
|
|
447
|
-
--media-range-thumb-background: #fff;
|
|
498
|
+
--media-range-thumb-background: var(--mave-control-fg, #fff);
|
|
448
499
|
}
|
|
449
500
|
|
|
450
501
|
media-time-range span {
|
|
@@ -455,7 +506,7 @@
|
|
|
455
506
|
height: 100%;
|
|
456
507
|
--media-range-thumb-width: 16px;
|
|
457
508
|
--media-range-thumb-height: 16px;
|
|
458
|
-
--media-range-thumb-background: #fff;
|
|
509
|
+
--media-range-thumb-background: var(--mave-control-fg, #fff);
|
|
459
510
|
--media-range-thumb-transform: scale(1);
|
|
460
511
|
}
|
|
461
512
|
|
|
@@ -490,12 +541,15 @@
|
|
|
490
541
|
bottom: 0;
|
|
491
542
|
pointer-events: none;
|
|
492
543
|
background: var(
|
|
493
|
-
--
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
544
|
+
--mave-control-bg,
|
|
545
|
+
var(
|
|
546
|
+
--primary-color,
|
|
547
|
+
linear-gradient(
|
|
548
|
+
180deg,
|
|
549
|
+
rgba(0, 0, 0, 0) 0%,
|
|
550
|
+
rgba(0, 0, 0, 0.25) 60%,
|
|
551
|
+
rgba(0, 0, 0, 0.5) 100%
|
|
552
|
+
)
|
|
499
553
|
)
|
|
500
554
|
);
|
|
501
555
|
}
|
|
@@ -505,14 +559,17 @@
|
|
|
505
559
|
justify-content: center;
|
|
506
560
|
align-items: center;
|
|
507
561
|
border-radius: 1000px;
|
|
508
|
-
background-color: var(
|
|
562
|
+
background-color: var(
|
|
563
|
+
--mave-control-bg,
|
|
564
|
+
var(--primary-color, rgba(0, 0, 0, 0.45))
|
|
565
|
+
);
|
|
509
566
|
padding: 12px;
|
|
510
567
|
}
|
|
511
568
|
|
|
512
569
|
div[slot='centered-chrome'] media-play-button {
|
|
513
570
|
width: 72px;
|
|
514
571
|
height: 72px;
|
|
515
|
-
--media-icon-color: white;
|
|
572
|
+
--media-icon-color: var(--mave-control-fg, white);
|
|
516
573
|
}
|
|
517
574
|
|
|
518
575
|
div[slot='centered-chrome'] media-play-button svg {
|
|
@@ -553,7 +610,7 @@
|
|
|
553
610
|
media-volume-range {
|
|
554
611
|
border-radius: 9999px;
|
|
555
612
|
padding: 0 8px 0 8px;
|
|
556
|
-
background: var(--primary-color, rgba(0, 0, 0, 0.25));
|
|
613
|
+
background: var(--mave-control-bg, var(--primary-color, rgba(0, 0, 0, 0.25)));
|
|
557
614
|
--media-range-track-width: 80px;
|
|
558
615
|
backdrop-filter: blur(12px);
|
|
559
616
|
}
|
|
@@ -584,7 +641,8 @@
|
|
|
584
641
|
bottom: calc(100% + 4px);
|
|
585
642
|
min-width: 120px;
|
|
586
643
|
transform-origin: bottom right;
|
|
587
|
-
background: var(--primary-color, rgba(0, 0, 0, 0.25));
|
|
644
|
+
background: var(--mave-control-bg, var(--primary-color, rgba(0, 0, 0, 0.25)));
|
|
645
|
+
--media-menu-background: var(--mave-control-bg, var(--primary-color, rgba(0, 0, 0, 0.25)));
|
|
588
646
|
border-radius: 8px;
|
|
589
647
|
backdrop-filter: blur(12px);
|
|
590
648
|
}
|
|
@@ -597,22 +655,39 @@
|
|
|
597
655
|
background: rgba(0, 0, 0, 0.15);
|
|
598
656
|
}
|
|
599
657
|
|
|
600
|
-
media-
|
|
658
|
+
media-settings-menu {
|
|
659
|
+
background: var(--mave-control-bg, var(--primary-color, rgba(0, 0, 0, 0.25)));
|
|
660
|
+
--media-menu-background: var(--mave-control-bg, var(--primary-color, rgba(0, 0, 0, 0.25)));
|
|
661
|
+
--media-settings-menu-background: var(--mave-control-bg, var(--primary-color, rgba(0, 0, 0, 0.25)));
|
|
662
|
+
border-radius: 8px;
|
|
663
|
+
backdrop-filter: blur(12px);
|
|
664
|
+
min-width: 160px;
|
|
665
|
+
}
|
|
666
|
+
|
|
667
|
+
media-settings-menu[hidden] {
|
|
668
|
+
display: none;
|
|
669
|
+
}
|
|
670
|
+
|
|
671
|
+
media-settings-menu-item {
|
|
672
|
+
--media-menu-item-hover-background: rgba(0, 0, 0, 0.15);
|
|
673
|
+
}
|
|
674
|
+
|
|
675
|
+
mave-captions-menu-button {
|
|
601
676
|
margin-right: -2px;
|
|
602
677
|
}
|
|
603
678
|
|
|
604
|
-
|
|
679
|
+
mave-captions-menu-button svg {
|
|
605
680
|
}
|
|
606
681
|
|
|
607
|
-
|
|
682
|
+
mave-captions-menu-button.small-button {
|
|
608
683
|
display: none;
|
|
609
684
|
}
|
|
610
685
|
|
|
611
|
-
|
|
686
|
+
mave-captions-menu-button[mediacaptionlist].small-button {
|
|
612
687
|
display: flex;
|
|
613
688
|
}
|
|
614
689
|
|
|
615
|
-
|
|
690
|
+
mave-captions-menu-button[mediasubtitleslist].small-button {
|
|
616
691
|
display: flex;
|
|
617
692
|
}
|
|
618
693
|
|
|
@@ -622,7 +697,8 @@
|
|
|
622
697
|
bottom: calc(100% + 4px);
|
|
623
698
|
min-width: 120px;
|
|
624
699
|
transform-origin: bottom right;
|
|
625
|
-
background: var(--primary-color, rgba(0, 0, 0, 0.25));
|
|
700
|
+
background: var(--mave-control-bg, var(--primary-color, rgba(0, 0, 0, 0.25)));
|
|
701
|
+
--media-menu-background: var(--mave-control-bg, var(--primary-color, rgba(0, 0, 0, 0.25)));
|
|
626
702
|
border-radius: 8px;
|
|
627
703
|
backdrop-filter: blur(12px);
|
|
628
704
|
}
|
|
@@ -647,8 +723,18 @@
|
|
|
647
723
|
display: var(--media-audio-track-menu-button-display, none);
|
|
648
724
|
}
|
|
649
725
|
|
|
650
|
-
media-
|
|
651
|
-
|
|
726
|
+
media-settings-menu-button.small-button {
|
|
727
|
+
display: none;
|
|
728
|
+
}
|
|
729
|
+
|
|
730
|
+
@supports not (container-type: inline-size) {
|
|
731
|
+
media-settings-menu-button.small-button {
|
|
732
|
+
display: flex;
|
|
733
|
+
}
|
|
734
|
+
}
|
|
735
|
+
|
|
736
|
+
mave-captions-menu-button[mediasubtitleslist].small-button svg[slot='on'] {
|
|
737
|
+
--media-icon-color: var(--mave-control-fg, white);
|
|
652
738
|
}
|
|
653
739
|
|
|
654
740
|
.mave-loader {
|
|
@@ -766,7 +852,97 @@
|
|
|
766
852
|
}
|
|
767
853
|
|
|
768
854
|
media-captions-menu,
|
|
769
|
-
|
|
855
|
+
mave-captions-menu-button[mediasubtitleslist].small-button {
|
|
770
856
|
display: var(--captions-display, flex);
|
|
771
857
|
}
|
|
858
|
+
|
|
859
|
+
@container (max-width: 480px) {
|
|
860
|
+
media-control-bar {
|
|
861
|
+
position: static;
|
|
862
|
+
flex-wrap: wrap;
|
|
863
|
+
gap: 0 2px;
|
|
864
|
+
padding: 0 4px 2px 2px;
|
|
865
|
+
z-index: auto;
|
|
866
|
+
}
|
|
867
|
+
|
|
868
|
+
media-captions-menu,
|
|
869
|
+
media-audio-track-menu,
|
|
870
|
+
mave-audio-track-menu,
|
|
871
|
+
media-settings-menu {
|
|
872
|
+
position: absolute;
|
|
873
|
+
top: 0;
|
|
874
|
+
bottom: 0;
|
|
875
|
+
left: 0;
|
|
876
|
+
right: 0;
|
|
877
|
+
min-width: unset;
|
|
878
|
+
width: 100%;
|
|
879
|
+
max-height: none;
|
|
880
|
+
overflow-y: auto;
|
|
881
|
+
border-radius: 0;
|
|
882
|
+
background: var(--mave-control-bg, var(--primary-color, rgba(0, 0, 0, 0.85)));
|
|
883
|
+
backdrop-filter: blur(16px);
|
|
884
|
+
transform-origin: bottom center;
|
|
885
|
+
z-index: 30;
|
|
886
|
+
}
|
|
887
|
+
|
|
888
|
+
.mave-gradient-bottom {
|
|
889
|
+
height: 50%;
|
|
890
|
+
}
|
|
891
|
+
|
|
892
|
+
media-control-bar > :not(media-time-range) {
|
|
893
|
+
order: 2;
|
|
894
|
+
flex: 1 1 0;
|
|
895
|
+
min-width: 0;
|
|
896
|
+
width: auto;
|
|
897
|
+
justify-content: center;
|
|
898
|
+
}
|
|
899
|
+
|
|
900
|
+
media-time-display {
|
|
901
|
+
position: absolute;
|
|
902
|
+
top: 8px;
|
|
903
|
+
left: 8px;
|
|
904
|
+
font-size: 14px;
|
|
905
|
+
min-width: 0;
|
|
906
|
+
margin: 0;
|
|
907
|
+
padding: 2px 6px !important;
|
|
908
|
+
background: var(--mave-control-bg, var(--primary-color, rgba(0, 0, 0, 0.5)));
|
|
909
|
+
backdrop-filter: blur(8px);
|
|
910
|
+
border-radius: 4px;
|
|
911
|
+
z-index: 10;
|
|
912
|
+
}
|
|
913
|
+
|
|
914
|
+
media-time-range {
|
|
915
|
+
order: 1;
|
|
916
|
+
flex-basis: 100%;
|
|
917
|
+
height: 28px;
|
|
918
|
+
min-height: 0;
|
|
919
|
+
margin: 0;
|
|
920
|
+
opacity: 1;
|
|
921
|
+
--media-preview-thumbnail-max-width: 0px;
|
|
922
|
+
--media-preview-thumbnail-max-height: 0px;
|
|
923
|
+
}
|
|
924
|
+
|
|
925
|
+
media-preview-thumbnail {
|
|
926
|
+
display: none;
|
|
927
|
+
}
|
|
928
|
+
|
|
929
|
+
div[slot='centered-chrome'] {
|
|
930
|
+
display: none;
|
|
931
|
+
}
|
|
932
|
+
|
|
933
|
+
.media-volume-wrapper {
|
|
934
|
+
padding-left: 0;
|
|
935
|
+
}
|
|
936
|
+
|
|
937
|
+
.media-volume-wrapper media-mute-button.small-button {
|
|
938
|
+
flex: 1 1 0;
|
|
939
|
+
min-width: 0;
|
|
940
|
+
width: auto;
|
|
941
|
+
}
|
|
942
|
+
|
|
943
|
+
.media-volume-range-wrapper {
|
|
944
|
+
left: 50%;
|
|
945
|
+
margin-left: -71px;
|
|
946
|
+
}
|
|
947
|
+
}
|
|
772
948
|
`,customElements.define(`theme-${t}`,e);}exports.build=r;
|