@maveio/components 0.0.169 → 0.0.170

package/dist/themes/synthwave.js

@@ -30,6 +30,7 @@ import'../chunk-KA24PL7V.js';function r(t,a,i,o){class e extends a{render(){retu
             </media-play-button>
           </div>
           <div
+            class="mave-gradient-bottom"
             style="position: absolute; bottom: 0; width: 100%; height: 25%; background: linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); pointer-events: none;"
           ></div>
           <media-control-bar>
@@ -135,7 +136,7 @@ import'../chunk-KA24PL7V.js';function r(t,a,i,o){class e extends a{render(){retu
             <div style="flex-grow: 1;"></div>
             <media-time-display showduration></media-time-display>
             <media-playback-rate-button></media-playback-rate-button>
-            <media-captions-menu-button>
+            <mave-captions-menu-button id="mave-captions">
               <div slot="off">
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
@@ -164,8 +165,8 @@ import'../chunk-KA24PL7V.js';function r(t,a,i,o){class e extends a{render(){retu
                   />
                 </svg>
               </div>
-            </media-captions-menu-button>
-            <media-captions-menu hidden anchor="auto"></media-captions-menu>
+            </mave-captions-menu-button>
+            <media-captions-menu hidden anchor="mave-captions"></media-captions-menu>
             <mave-audio-track-menu
               hidden
               anchor="mave-audio-tracks"
@@ -188,6 +189,38 @@ import'../chunk-KA24PL7V.js';function r(t,a,i,o){class e extends a{render(){retu
                 </svg>
               </div>
             </mave-audio-track-menu-button>
+            <media-settings-menu-button id="mave-settings">
+              <div slot="icon">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 24 24"
+                  fill="currentColor"
+                  aria-hidden="true"
+                >
+                  <circle cx="5" cy="12" r="2"></circle>
+                  <circle cx="12" cy="12" r="2"></circle>
+                  <circle cx="19" cy="12" r="2"></circle>
+                </svg>
+              </div>
+            </media-settings-menu-button>
+            <media-settings-menu hidden anchor="mave-settings">
+              <media-settings-menu-item style="display: var(--playbackrate-display, flex);">
+                <span>Playback speed</span>
+                <media-playback-rate-menu slot="submenu" hidden></media-playback-rate-menu>
+              </media-settings-menu-item>
+              <media-settings-menu-item
+                style="display: var(--mave-captions-menu-button-display, flex);"
+              >
+                <span>Captions</span>
+                <media-captions-menu slot="submenu" hidden></media-captions-menu>
+              </media-settings-menu-item>
+              <media-settings-menu-item
+                style="display: var(--media-audio-track-menu-button-display, none);"
+              >
+                <span>Audio tracks</span>
+                <mave-audio-track-menu slot="submenu" hidden></mave-audio-track-menu>
+              </media-settings-menu-item>
+            </media-settings-menu>
             <media-fullscreen-button>
               <div slot="enter">
                 <svg
@@ -232,6 +265,7 @@ import'../chunk-KA24PL7V.js';function r(t,a,i,o){class e extends a{render(){retu
         overflow: hidden;
         position: relative;
         direction: ltr !important;
+        container-type: inline-size;
       }
 
       img,
@@ -255,6 +289,7 @@ import'../chunk-KA24PL7V.js';function r(t,a,i,o){class e extends a{render(){retu
       media-controller {
         --media-tooltip-display: none;
         display: flex;
+        container-type: inline-size;
         width: 100%;
         height: 100%;
         max-height: 100vh;
@@ -266,19 +301,35 @@ import'../chunk-KA24PL7V.js';function r(t,a,i,o){class e extends a{render(){retu
         --media-font-family: 'Inter', system-ui, sans-serif;
         --media-background-color: transparent;
 
-        --media-primary-color: rgba(255, 255, 255, 0.94);
-        --media-secondary-color: rgba(255, 255, 255, 0.94);
+        --media-primary-color: var(--mave-control-fg, rgba(255, 255, 255, 0.94));
+        --media-secondary-color: var(--mave-control-fg, rgba(255, 255, 255, 0.94));
 
         --media-control-padding: 8px;
         --media-control-background: transparent;
         --media-option-hover-background: rgba(0, 0, 0, 0.25);
 
+        --media-range-track-background: var(--mave-control-fg-weak, rgba(255, 255, 255, 0.35));
+        --media-range-track-pointer-background: var(
+          --mave-control-fg-muted,
+          rgba(255, 255, 255, 0.6)
+        );
+
         --media-preview-time-margin: 0 0 8px 0;
 
         --media-preview-thumbnail-max-width: 132px;
         --media-preview-thumbnail-max-height: 88px;
       }
 
+      media-controller svg[stroke],
+      media-controller svg [stroke] {
+        stroke: currentColor;
+      }
+
+      media-controller svg[fill]:not([fill='none']),
+      media-controller svg [fill]:not([fill='none']) {
+        fill: currentColor;
+      }
+
       media-loading-indicator {
         position: absolute;
         left: 6px;
@@ -298,7 +349,7 @@ import'../chunk-KA24PL7V.js';function r(t,a,i,o){class e extends a{render(){retu
         user-select: none;
         transform: translate3d(0, 0, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
 
-        background: var(--primary-color, transparent);
+        background: var(--mave-control-bg, var(--primary-color, transparent));
 
         --media-control-hover-background: transparent;
       }
@@ -320,6 +371,14 @@ import'../chunk-KA24PL7V.js';function r(t,a,i,o){class e extends a{render(){retu
         --media-range-thumb-width: 4px;
         --media-range-thumb-height: 4px;
         --media-range-thumb-transition: transform 100ms ease-out;
+        --media-text-color: #fff;
+      }
+
+      @media (prefers-contrast: more) {
+        media-time-range {
+          --media-preview-time-background: rgba(0, 0, 0, 0.85);
+          --media-preview-time-text-shadow: none;
+        }
       }
 
       media-time-display {
@@ -334,7 +393,8 @@ import'../chunk-KA24PL7V.js';function r(t,a,i,o){class e extends a{render(){retu
       media-play-button,
       media-fullscreen-button,
       media-mute-button,
-      media-captions-menu-button,
+      mave-captions-menu-button,
+      media-settings-menu-button,
       media-audio-track-menu-button,
       mave-audio-track-menu-button {
         transform: translate3d(0, 0, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
@@ -346,20 +406,23 @@ import'../chunk-KA24PL7V.js';function r(t,a,i,o){class e extends a{render(){retu
       media-play-button:hover,
       media-fullscreen-button:hover,
       media-mute-button:hover,
-      media-captions-menu-button:hover,
+      mave-captions-menu-button:hover,
+      media-settings-menu-button:hover,
       media-audio-track-menu-button:hover,
       mave-audio-track-menu-button:hover {
-        --media-primary-color: rgba(255, 255, 255, 1);
+        --media-primary-color: var(--mave-control-fg, rgba(255, 255, 255, 1));
         transform: scale(1.3);
       }
 
-      media-captions-menu-button:hover,
+      mave-captions-menu-button:hover,
+      media-settings-menu-button:hover,
       media-audio-track-menu-button:hover,
       mave-audio-track-menu-button:hover {
         transform: scale(1);
       }
 
-      media-captions-menu-button[aria-expanded='true'],
+      mave-captions-menu-button[aria-expanded='true'],
+      media-settings-menu-button[aria-expanded='true'],
       media-audio-track-menu-button[aria-expanded='true'],
       mave-audio-track-menu-button[aria-expanded='true'] {
         transform: scale(1);
@@ -372,7 +435,8 @@ import'../chunk-KA24PL7V.js';function r(t,a,i,o){class e extends a{render(){retu
         padding-top: 7px;
       }
 
-      media-captions-menu-button div,
+      mave-captions-menu-button div,
+      media-settings-menu-button div,
       media-audio-track-menu-button div,
       mave-audio-track-menu-button div {
         width: 26px;
@@ -380,7 +444,8 @@ import'../chunk-KA24PL7V.js';function r(t,a,i,o){class e extends a{render(){retu
       }
 
       media-play-button svg,
-      media-captions-menu-button svg,
+      mave-captions-menu-button svg,
+      media-settings-menu-button svg,
       media-fullscreen-button svg,
       media-mute-button svg,
       media-audio-track-menu-button svg,
@@ -390,13 +455,15 @@ import'../chunk-KA24PL7V.js';function r(t,a,i,o){class e extends a{render(){retu
         transition: transform 100ms cubic-bezier(0.4, 0, 0.2, 1);
       }
 
-      media-captions-menu-button:hover svg,
+      mave-captions-menu-button:hover svg,
+      media-settings-menu-button:hover svg,
       media-audio-track-menu-button:hover svg,
       mave-audio-track-menu-button:hover svg {
         transform: scale(1.3);
       }
 
-      media-captions-menu-button[aria-expanded='true'] svg,
+      mave-captions-menu-button[aria-expanded='true'] svg,
+      media-settings-menu-button[aria-expanded='true'] svg,
       media-audio-track-menu-button[aria-expanded='true'] svg,
       mave-audio-track-menu-button[aria-expanded='true'] svg {
         transform: scale(1);
@@ -407,7 +474,7 @@ import'../chunk-KA24PL7V.js';function r(t,a,i,o){class e extends a{render(){retu
         bottom: calc(100% + 8px);
         min-width: 120px;
         transform-origin: bottom right;
-        background: var(--primary-color, rgba(0, 0, 0, 0.5));
+        background: var(--mave-control-bg, var(--primary-color, rgba(0, 0, 0, 0.5)));
         border-radius: 8px;
         backdrop-filter: blur(12px);
       }
@@ -420,13 +487,28 @@ import'../chunk-KA24PL7V.js';function r(t,a,i,o){class e extends a{render(){retu
         background: rgba(0, 0, 0, 0.15);
       }
 
+      media-settings-menu {
+        background: var(--mave-control-bg, var(--primary-color, rgba(0, 0, 0, 0.5)));
+        border-radius: 8px;
+        backdrop-filter: blur(12px);
+        min-width: 160px;
+      }
+
+      media-settings-menu[hidden] {
+        display: none;
+      }
+
+      media-settings-menu-item {
+        --media-menu-item-hover-background: rgba(0, 0, 0, 0.15);
+      }
+
       media-audio-track-menu,
       mave-audio-track-menu {
         position: absolute;
         bottom: calc(100% + 8px);
         min-width: 120px;
         transform-origin: bottom right;
-        background: var(--primary-color, rgba(0, 0, 0, 0.5));
+        background: var(--mave-control-bg, var(--primary-color, rgba(0, 0, 0, 0.5)));
         border-radius: 8px;
         backdrop-filter: blur(12px);
       }
@@ -446,13 +528,34 @@ import'../chunk-KA24PL7V.js';function r(t,a,i,o){class e extends a{render(){retu
         display: var(--media-audio-track-menu-button-display, none);
       }
 
+      media-settings-menu-button {
+        display: none;
+      }
+
+      @supports not (container-type: inline-size) {
+        media-settings-menu-button {
+          display: flex;
+        }
+      }
+
       media-controller[mediapaused] div[slot='centered-chrome'] media-play-button {
         opacity: 1;
       }
 
       div[slot='centered-chrome'] media-play-button {
         opacity: 0;
-        --media-control-hover-background: transparent;
+        --media-control-background: var(
+          --mave-control-bg,
+          var(--primary-color, rgba(0, 0, 0, 0.45))
+        );
+        --media-control-hover-background: var(
+          --mave-control-bg,
+          var(--primary-color, rgba(0, 0, 0, 0.45))
+        );
+        border-radius: 999px;
+        padding: 8px;
+        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.25);
+        backdrop-filter: blur(6px);
       }
 
       div[slot='centered-chrome'] media-play-button div {
@@ -553,10 +656,80 @@ import'../chunk-KA24PL7V.js';function r(t,a,i,o){class e extends a{render(){retu
       }
 
       media-captions-menu,
-      media-captions-menu-button[mediasubtitleslist] {
+      mave-captions-menu-button[mediasubtitleslist] {
         display: var(--captions-display, flex);
       }
 
+      @container (max-width: 480px) {
+        media-control-bar {
+          position: static;
+          padding: 0 2px;
+          transform: none;
+          z-index: auto;
+        }
+
+        media-captions-menu,
+        media-audio-track-menu,
+        mave-audio-track-menu,
+        media-settings-menu {
+          position: absolute;
+          top: 0;
+          bottom: 0;
+          left: 0;
+          right: 0;
+          min-width: unset;
+          width: 100%;
+          max-height: none;
+          overflow-y: auto;
+          border-radius: 0;
+          background: var(--mave-control-bg, var(--primary-color, rgba(0, 0, 0, 0.85)));
+          --media-menu-background: var(--mave-control-bg, var(--primary-color, rgba(0, 0, 0, 0.85)));
+          --media-settings-menu-background: var(--mave-control-bg, var(--primary-color, rgba(0, 0, 0, 0.85)));
+          backdrop-filter: blur(16px);
+          transform-origin: bottom center;
+          z-index: 30;
+        }
+
+        .mave-gradient-bottom {
+          display: none;
+        }
+
+        media-control-bar > div[style*='flex-grow: 1'] {
+          display: none;
+        }
+
+        media-time-display {
+          position: absolute;
+          top: 8px;
+          left: 8px;
+          font-size: 14px;
+          min-width: 0;
+          margin: 0;
+          padding: 2px 6px;
+          background: var(--mave-control-bg, var(--primary-color, rgba(0, 0, 0, 0.5)));
+          backdrop-filter: blur(8px);
+          border-radius: 4px;
+          z-index: 10;
+        }
+
+        media-time-range {
+          margin: 0;
+          padding: 4px 8px 0;
+          z-index: auto;
+          background: var(--mave-control-bg, var(--primary-color, transparent));
+          --media-preview-thumbnail-max-width: 0px;
+          --media-preview-thumbnail-max-height: 0px;
+        }
+
+        media-preview-thumbnail {
+          display: none;
+        }
+
+        div[slot='centered-chrome'] {
+          display: none;
+        }
+      }
+
       .mave-loader {
         align-items: center;
         justify-content: center;

package/dist/vue.cjs

@@ -1 +1 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var chunkL667KKJP_cjs=require('./chunk-L667KKJP.cjs'),chunkIMY6Z3YA_cjs=require('./chunk-IMY6Z3YA.cjs'),chunkBL2IUHCP_cjs=require('./chunk-BL2IUHCP.cjs');require('./chunk-2EIQ3VMA.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-V54NMMTT.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 chunkMU4WLTQR_cjs=require('./chunk-MU4WLTQR.cjs');require('./chunk-RQN3DXJB.cjs'),require('./chunk-X7OGQ4KH.cjs'),require('./chunk-QOM4AP6R.cjs');var chunkAOBEOJ2U_cjs=require('./chunk-AOBEOJ2U.cjs');require('./chunk-TKJYRGEU.cjs'),require('./chunk-DL4BV5IH.cjs'),require('./chunk-2E5GLLOS.cjs'),require('./chunk-NPP5B5PV.cjs'),require('./chunk-EVKPEPYP.cjs'),require('./chunk-JHSFSCC2.cjs');var vue=require('vue');var l={Clip:{tag:"mave-clip",element:chunkIETV3B4F_cjs.a},Files:{tag:"mave-files",element:chunkMU4WLTQR_cjs.a},Image:{tag:"mave-img",element:chunkAOBEOJ2U_cjs.a},List:{tag:"mave-list",element:chunkL667KKJP_cjs.a},Player:{tag:"mave-player",element:chunkBL2IUHCP_cjs.a},Pop:{tag:"mave-pop",element:chunkIMY6Z3YA_cjs.a},Text:{tag:"mave-text",element:chunk2FUCHY2J_cjs.a},Upload:{tag:"mave-upload",element:chunkN2L5GXPF_cjs.a}};function R(t,e){typeof window>"u"||window.customElements&&(window.customElements.get(t)||window.customElements.define(t,e));}function F(t){let e=[];t.default&&e.push(...t.default());for(let[o,s]of Object.entries(t)){if(!s||o==="default")continue;let f=s();for(let i of f)e.push(vue.cloneVNode(i,{slot:o}));}return e.length?e:void 0}function b(t){if(!t||typeof window>"u"||!t.ownerDocument)return;let e=s=>{let f=s.getAttribute("data-slot");f&&s.getAttribute("slot")!==f&&s.setAttribute("slot",f);};e(t);let o=t.ownerDocument.createTreeWalker(t,NodeFilter.SHOW_ELEMENT);for(;o.nextNode();)e(o.currentNode);}function N(t){let e={};for(let[o,s]of Object.entries(t)){if(o==="class"||o==="style"||o==="key"){e[o]=s;continue}if(o.startsWith("on")&&o.length>2){e[o]=s;continue}if(s===false||s===void 0||s===null){e[`^${o}`]=null;continue}if(s===true){e[`^${o}`]="";continue}if(typeof s=="object"&&s!==null){e[o]=s;continue}e[`^${o}`]=s;}return e}function U(t){let e=new Map,o={element:t};return {proxy:new Proxy(o,{get(i,n){if(n==="element")return t;let r=t.value;if(r&&n in r){let m=r[n];return typeof m=="function"?m.bind(r):m}if(e.has(n))return e.get(n)},set(i,n,r){let a=t.value;if(a){let m=a;m[n]=r;}else e.set(n,r);return  true},has(i,n){if(n==="element")return  true;let r=t.value;return r&&n in r?true:e.has(n)},ownKeys(){let i=t.value,n=i?Reflect.ownKeys(i):[],r=Array.from(e.keys());return Array.from(new Set(["element",...n,...r]))},getOwnPropertyDescriptor(i,n){if(n==="element")return {configurable:true,enumerable:true,value:t,writable:false};let r=t.value;if(r){let a=Object.getOwnPropertyDescriptor(r,n);if(a)return a;let d=r[n];if(d!==void 0)return {configurable:true,enumerable:typeof n=="string",writable:true,value:d}}if(e.has(n))return {configurable:true,enumerable:typeof n=="string",writable:true,value:e.get(n)}}}),syncPendingProperties:()=>{let i=t.value;if(!i||e.size===0)return;let n=i;for(let[r,a]of e)n[r]=a;e.clear();}}}function c(t,e,o){return R(e,o),vue.defineComponent({name:`Mave${t}`,inheritAttrs:false,setup(f,{attrs:i,slots:n,expose:r}){let a=vue.ref(null),{proxy:m,syncPendingProperties:d}=U(a);return r(m),vue.onMounted(()=>{d(),b(a.value);}),vue.onUpdated(()=>{d(),b(a.value);}),()=>{let T=N(i);return vue.h(e,{ref:a,...T},F(n))}}})}var u={Clip:c("Clip",l.Clip.tag,l.Clip.element),Files:c("Files",l.Files.tag,l.Files.element),Image:c("Image",l.Image.tag,l.Image.element),List:c("List",l.List.tag,l.List.element),Player:c("Player",l.Player.tag,l.Player.element),Pop:c("Pop",l.Pop.tag,l.Pop.element),Text:c("Text",l.Text.tag,l.Text.element),Upload:c("Upload",l.Upload.tag,l.Upload.element)},W=u.Clip,z=u.Files,q=u.Image,B=u.List,G=u.Player,J=u.Pop,Q=u.Text,X=u.Upload;function S(t){Object.entries(u).forEach(([e,o])=>{t.component(e,o);});}var Y={install(t){S(t);}};exports.Clip=W;exports.Files=z;exports.Image=q;exports.List=B;exports.Player=G;exports.Pop=J;exports.Text=Q;exports.Upload=X;exports.default=Y;exports.registerMaveComponents=S;
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var chunkAOBEOJ2U_cjs=require('./chunk-AOBEOJ2U.cjs'),chunkYWYZKUFB_cjs=require('./chunk-YWYZKUFB.cjs'),chunkOFBA5VRE_cjs=require('./chunk-OFBA5VRE.cjs'),chunkITC5FANW_cjs=require('./chunk-ITC5FANW.cjs');require('./chunk-CZUMF7SR.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'),require('./chunk-EVKPEPYP.cjs'),require('./chunk-JHSFSCC2.cjs');var vue=require('vue');var l={Clip:{tag:"mave-clip",element:chunkIETV3B4F_cjs.a},Files:{tag:"mave-files",element:chunkTJ5F2FGY_cjs.a},Image:{tag:"mave-img",element:chunkAOBEOJ2U_cjs.a},List:{tag:"mave-list",element:chunkYWYZKUFB_cjs.a},Player:{tag:"mave-player",element:chunkITC5FANW_cjs.a},Pop:{tag:"mave-pop",element:chunkOFBA5VRE_cjs.a},Text:{tag:"mave-text",element:chunk2FUCHY2J_cjs.a},Upload:{tag:"mave-upload",element:chunkN2L5GXPF_cjs.a}};function R(t,e){typeof window>"u"||window.customElements&&(window.customElements.get(t)||window.customElements.define(t,e));}function F(t){let e=[];t.default&&e.push(...t.default());for(let[o,s]of Object.entries(t)){if(!s||o==="default")continue;let f=s();for(let i of f)e.push(vue.cloneVNode(i,{slot:o}));}return e.length?e:void 0}function b(t){if(!t||typeof window>"u"||!t.ownerDocument)return;let e=s=>{let f=s.getAttribute("data-slot");f&&s.getAttribute("slot")!==f&&s.setAttribute("slot",f);};e(t);let o=t.ownerDocument.createTreeWalker(t,NodeFilter.SHOW_ELEMENT);for(;o.nextNode();)e(o.currentNode);}function N(t){let e={};for(let[o,s]of Object.entries(t)){if(o==="class"||o==="style"||o==="key"){e[o]=s;continue}if(o.startsWith("on")&&o.length>2){e[o]=s;continue}if(s===false||s===void 0||s===null){e[`^${o}`]=null;continue}if(s===true){e[`^${o}`]="";continue}if(typeof s=="object"&&s!==null){e[o]=s;continue}e[`^${o}`]=s;}return e}function U(t){let e=new Map,o={element:t};return {proxy:new Proxy(o,{get(i,n){if(n==="element")return t;let r=t.value;if(r&&n in r){let m=r[n];return typeof m=="function"?m.bind(r):m}if(e.has(n))return e.get(n)},set(i,n,r){let a=t.value;if(a){let m=a;m[n]=r;}else e.set(n,r);return  true},has(i,n){if(n==="element")return  true;let r=t.value;return r&&n in r?true:e.has(n)},ownKeys(){let i=t.value,n=i?Reflect.ownKeys(i):[],r=Array.from(e.keys());return Array.from(new Set(["element",...n,...r]))},getOwnPropertyDescriptor(i,n){if(n==="element")return {configurable:true,enumerable:true,value:t,writable:false};let r=t.value;if(r){let a=Object.getOwnPropertyDescriptor(r,n);if(a)return a;let d=r[n];if(d!==void 0)return {configurable:true,enumerable:typeof n=="string",writable:true,value:d}}if(e.has(n))return {configurable:true,enumerable:typeof n=="string",writable:true,value:e.get(n)}}}),syncPendingProperties:()=>{let i=t.value;if(!i||e.size===0)return;let n=i;for(let[r,a]of e)n[r]=a;e.clear();}}}function c(t,e,o){return R(e,o),vue.defineComponent({name:`Mave${t}`,inheritAttrs:false,setup(f,{attrs:i,slots:n,expose:r}){let a=vue.ref(null),{proxy:m,syncPendingProperties:d}=U(a);return r(m),vue.onMounted(()=>{d(),b(a.value);}),vue.onUpdated(()=>{d(),b(a.value);}),()=>{let T=N(i);return vue.h(e,{ref:a,...T},F(n))}}})}var u={Clip:c("Clip",l.Clip.tag,l.Clip.element),Files:c("Files",l.Files.tag,l.Files.element),Image:c("Image",l.Image.tag,l.Image.element),List:c("List",l.List.tag,l.List.element),Player:c("Player",l.Player.tag,l.Player.element),Pop:c("Pop",l.Pop.tag,l.Pop.element),Text:c("Text",l.Text.tag,l.Text.element),Upload:c("Upload",l.Upload.tag,l.Upload.element)},W=u.Clip,z=u.Files,q=u.Image,B=u.List,G=u.Player,J=u.Pop,Q=u.Text,X=u.Upload;function S(t){Object.entries(u).forEach(([e,o])=>{t.component(e,o);});}var Y={install(t){S(t);}};exports.Clip=W;exports.Files=z;exports.Image=q;exports.List=B;exports.Player=G;exports.Pop=J;exports.Text=Q;exports.Upload=X;exports.default=Y;exports.registerMaveComponents=S;

package/dist/vue.js

@@ -1 +1 @@
-import {a as a$4}from'./chunk-GHE5KR7E.js';import {a as a$2}from'./chunk-KLJGACPT.js';import {a as a$3}from'./chunk-OVZCXWUJ.js';import'./chunk-WTS6WHUH.js';import {a as a$1}from'./chunk-TH3DUBVR.js';import {a}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-C3CI3U2Z.js';import {a as a$7}from'./chunk-Q3FGRSLA.js';import'./chunk-RHTBV6KZ.js';import'./chunk-MK4VIJT3.js';import'./chunk-R3SDTEHC.js';import'./chunk-MMHEOMF5.js';import {a as a$6}from'./chunk-P5OWX4UR.js';import'./chunk-OX42Y2HR.js';import'./chunk-2JCNQPEK.js';import'./chunk-QFF6OUH6.js';import {a as a$5}from'./chunk-WOXKZOJ3.js';import'./chunk-SWRFZ3FV.js';import'./chunk-PTN427IG.js';import'./chunk-5PIHL662.js';import'./chunk-YPCQNE3R.js';import'./chunk-ZTDQPDC6.js';import'./chunk-KA24PL7V.js';import {defineComponent,ref,onMounted,onUpdated,h,cloneVNode}from'vue';var l={Clip:{tag:"mave-clip",element:a$7},Files:{tag:"mave-files",element:a$6},Image:{tag:"mave-img",element:a$5},List:{tag:"mave-list",element:a$4},Player:{tag:"mave-player",element:a$3},Pop:{tag:"mave-pop",element:a$2},Text:{tag:"mave-text",element:a$1},Upload:{tag:"mave-upload",element:a}};function R(t,e){typeof window>"u"||window.customElements&&(window.customElements.get(t)||window.customElements.define(t,e));}function F(t){let e=[];t.default&&e.push(...t.default());for(let[o,s]of Object.entries(t)){if(!s||o==="default")continue;let f=s();for(let i of f)e.push(cloneVNode(i,{slot:o}));}return e.length?e:void 0}function b(t){if(!t||typeof window>"u"||!t.ownerDocument)return;let e=s=>{let f=s.getAttribute("data-slot");f&&s.getAttribute("slot")!==f&&s.setAttribute("slot",f);};e(t);let o=t.ownerDocument.createTreeWalker(t,NodeFilter.SHOW_ELEMENT);for(;o.nextNode();)e(o.currentNode);}function N(t){let e={};for(let[o,s]of Object.entries(t)){if(o==="class"||o==="style"||o==="key"){e[o]=s;continue}if(o.startsWith("on")&&o.length>2){e[o]=s;continue}if(s===false||s===void 0||s===null){e[`^${o}`]=null;continue}if(s===true){e[`^${o}`]="";continue}if(typeof s=="object"&&s!==null){e[o]=s;continue}e[`^${o}`]=s;}return e}function U(t){let e=new Map,o={element:t};return {proxy:new Proxy(o,{get(i,n){if(n==="element")return t;let r=t.value;if(r&&n in r){let m=r[n];return typeof m=="function"?m.bind(r):m}if(e.has(n))return e.get(n)},set(i,n,r){let a=t.value;if(a){let m=a;m[n]=r;}else e.set(n,r);return  true},has(i,n){if(n==="element")return  true;let r=t.value;return r&&n in r?true:e.has(n)},ownKeys(){let i=t.value,n=i?Reflect.ownKeys(i):[],r=Array.from(e.keys());return Array.from(new Set(["element",...n,...r]))},getOwnPropertyDescriptor(i,n){if(n==="element")return {configurable:true,enumerable:true,value:t,writable:false};let r=t.value;if(r){let a=Object.getOwnPropertyDescriptor(r,n);if(a)return a;let d=r[n];if(d!==void 0)return {configurable:true,enumerable:typeof n=="string",writable:true,value:d}}if(e.has(n))return {configurable:true,enumerable:typeof n=="string",writable:true,value:e.get(n)}}}),syncPendingProperties:()=>{let i=t.value;if(!i||e.size===0)return;let n=i;for(let[r,a]of e)n[r]=a;e.clear();}}}function c(t,e,o){return R(e,o),defineComponent({name:`Mave${t}`,inheritAttrs:false,setup(f,{attrs:i,slots:n,expose:r}){let a=ref(null),{proxy:m,syncPendingProperties:d}=U(a);return r(m),onMounted(()=>{d(),b(a.value);}),onUpdated(()=>{d(),b(a.value);}),()=>{let T=N(i);return h(e,{ref:a,...T},F(n))}}})}var u={Clip:c("Clip",l.Clip.tag,l.Clip.element),Files:c("Files",l.Files.tag,l.Files.element),Image:c("Image",l.Image.tag,l.Image.element),List:c("List",l.List.tag,l.List.element),Player:c("Player",l.Player.tag,l.Player.element),Pop:c("Pop",l.Pop.tag,l.Pop.element),Text:c("Text",l.Text.tag,l.Text.element),Upload:c("Upload",l.Upload.tag,l.Upload.element)},W=u.Clip,z=u.Files,q=u.Image,B=u.List,G=u.Player,J=u.Pop,Q=u.Text,X=u.Upload;function S(t){Object.entries(u).forEach(([e,o])=>{t.component(e,o);});}var Y={install(t){S(t);}};export{W as Clip,z as Files,q as Image,B as List,G as Player,J as Pop,Q as Text,X as Upload,Y as default,S as registerMaveComponents};
+import {a as a$5}from'./chunk-WOXKZOJ3.js';import {a as a$4}from'./chunk-ZWLZE25P.js';import {a as a$2}from'./chunk-GRBSIFM2.js';import {a as a$3}from'./chunk-EA4QYQHD.js';import'./chunk-RWRHU74Q.js';import {a as a$1}from'./chunk-TH3DUBVR.js';import {a}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 as a$7}from'./chunk-Q3FGRSLA.js';import'./chunk-RHTBV6KZ.js';import'./chunk-MK4VIJT3.js';import'./chunk-R3SDTEHC.js';import'./chunk-MMHEOMF5.js';import {a as a$6}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';import {defineComponent,ref,onMounted,onUpdated,h,cloneVNode}from'vue';var l={Clip:{tag:"mave-clip",element:a$7},Files:{tag:"mave-files",element:a$6},Image:{tag:"mave-img",element:a$5},List:{tag:"mave-list",element:a$4},Player:{tag:"mave-player",element:a$3},Pop:{tag:"mave-pop",element:a$2},Text:{tag:"mave-text",element:a$1},Upload:{tag:"mave-upload",element:a}};function R(t,e){typeof window>"u"||window.customElements&&(window.customElements.get(t)||window.customElements.define(t,e));}function F(t){let e=[];t.default&&e.push(...t.default());for(let[o,s]of Object.entries(t)){if(!s||o==="default")continue;let f=s();for(let i of f)e.push(cloneVNode(i,{slot:o}));}return e.length?e:void 0}function b(t){if(!t||typeof window>"u"||!t.ownerDocument)return;let e=s=>{let f=s.getAttribute("data-slot");f&&s.getAttribute("slot")!==f&&s.setAttribute("slot",f);};e(t);let o=t.ownerDocument.createTreeWalker(t,NodeFilter.SHOW_ELEMENT);for(;o.nextNode();)e(o.currentNode);}function N(t){let e={};for(let[o,s]of Object.entries(t)){if(o==="class"||o==="style"||o==="key"){e[o]=s;continue}if(o.startsWith("on")&&o.length>2){e[o]=s;continue}if(s===false||s===void 0||s===null){e[`^${o}`]=null;continue}if(s===true){e[`^${o}`]="";continue}if(typeof s=="object"&&s!==null){e[o]=s;continue}e[`^${o}`]=s;}return e}function U(t){let e=new Map,o={element:t};return {proxy:new Proxy(o,{get(i,n){if(n==="element")return t;let r=t.value;if(r&&n in r){let m=r[n];return typeof m=="function"?m.bind(r):m}if(e.has(n))return e.get(n)},set(i,n,r){let a=t.value;if(a){let m=a;m[n]=r;}else e.set(n,r);return  true},has(i,n){if(n==="element")return  true;let r=t.value;return r&&n in r?true:e.has(n)},ownKeys(){let i=t.value,n=i?Reflect.ownKeys(i):[],r=Array.from(e.keys());return Array.from(new Set(["element",...n,...r]))},getOwnPropertyDescriptor(i,n){if(n==="element")return {configurable:true,enumerable:true,value:t,writable:false};let r=t.value;if(r){let a=Object.getOwnPropertyDescriptor(r,n);if(a)return a;let d=r[n];if(d!==void 0)return {configurable:true,enumerable:typeof n=="string",writable:true,value:d}}if(e.has(n))return {configurable:true,enumerable:typeof n=="string",writable:true,value:e.get(n)}}}),syncPendingProperties:()=>{let i=t.value;if(!i||e.size===0)return;let n=i;for(let[r,a]of e)n[r]=a;e.clear();}}}function c(t,e,o){return R(e,o),defineComponent({name:`Mave${t}`,inheritAttrs:false,setup(f,{attrs:i,slots:n,expose:r}){let a=ref(null),{proxy:m,syncPendingProperties:d}=U(a);return r(m),onMounted(()=>{d(),b(a.value);}),onUpdated(()=>{d(),b(a.value);}),()=>{let T=N(i);return h(e,{ref:a,...T},F(n))}}})}var u={Clip:c("Clip",l.Clip.tag,l.Clip.element),Files:c("Files",l.Files.tag,l.Files.element),Image:c("Image",l.Image.tag,l.Image.element),List:c("List",l.List.tag,l.List.element),Player:c("Player",l.Player.tag,l.Player.element),Pop:c("Pop",l.Pop.tag,l.Pop.element),Text:c("Text",l.Text.tag,l.Text.element),Upload:c("Upload",l.Upload.tag,l.Upload.element)},W=u.Clip,z=u.Files,q=u.Image,B=u.List,G=u.Player,J=u.Pop,Q=u.Text,X=u.Upload;function S(t){Object.entries(u).forEach(([e,o])=>{t.component(e,o);});}var Y={install(t){S(t);}};export{W as Clip,z as Files,q as Image,B as List,G as Player,J as Pop,Q as Text,X as Upload,Y as default,S as registerMaveComponents};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maveio/components",
-  "version": "0.0.169",
+  "version": "0.0.170",
   "description": "privacy friendly (🇪🇺), iframe-less, video UI elements for videos hosted on mave.io",
   "main": "dist/index.cjs",
   "module": "dist/index.js",

package/dist/chunk-2EIQ3VMA.cjs

@@ -1 +0,0 @@
-'use strict';var chunkJ7OISSKU_cjs=require('./chunk-J7OISSKU.cjs'),chunk2E5GLLOS_cjs=require('./chunk-2E5GLLOS.cjs'),chunkNPP5B5PV_cjs=require('./chunk-NPP5B5PV.cjs');var a=["default","synthwave","dolphin"],h={default:()=>import('./themes/default.cjs'),synthwave:()=>import('./themes/synthwave.cjs'),dolphin:()=>import('./themes/dolphin.cjs')};async function p(t){if(!a.includes(t))return;if(!!chunkJ7OISSKU_cjs.a()){let e=`./dist/themes/${t}.js`;return c(e)}let s=h[t];return s?s():void 0}async function c(t){return import(t)}var d=class t{constructor(){this.themes=[];}static async get(n,s){if(t.instance||(t.instance=new t),t.instance.themes.find(e=>e.name===n))return Promise.resolve(t.instance);t.instance.themes.push({name:n}),t.instance.currentTheme=n;try{if(typeof document<"u"&&!a.includes(n)){let e=document.createElement("link");e.rel="stylesheet",e.href=`${s}/${n}.css`,document.head.appendChild(e);}}catch(e){console.log("[mave-player]: theme css not loaded",e);}try{if(s&&!a.includes(n)){let{build:e}=await c(`${s}/${n}.js`);e(n,chunk2E5GLLOS_cjs.g,chunk2E5GLLOS_cjs.a,chunkNPP5B5PV_cjs.a);}else {let e=await p(n);if(e)e.build(n,chunk2E5GLLOS_cjs.g,chunk2E5GLLOS_cjs.a,chunkNPP5B5PV_cjs.a);else {let m=`./${chunkJ7OISSKU_cjs.a()}themes/${n}.js`,{build:u}=await c(m);u(n,chunk2E5GLLOS_cjs.g,chunk2E5GLLOS_cjs.a,chunkNPP5B5PV_cjs.a);}}}catch(e){console.log("[mave-player]: theme not loaded",e);}return Promise.resolve(t.instance)}static async external(n){t.instance||(t.instance=new t);let s=n.split("/").pop()?.replace(".js","")||"";try{if(typeof document<"u"){let e=document.createElement("link");e.rel="stylesheet",e.href=`${n.replace(".js","")}.css`,document.head.appendChild(e);}}catch(e){console.log("[mave-player]: theme css not loaded",e);}if(t.instance.themes.find(e=>e.name===s))return Promise.resolve(t.instance);t.instance.themes.push({name:s}),t.instance.currentTheme=s;try{let{build:e}=await c(n);e(s,chunk2E5GLLOS_cjs.g,chunk2E5GLLOS_cjs.a,chunkNPP5B5PV_cjs.a);}catch(e){console.log("[mave-player]: theme not loaded",e);}return Promise.resolve(t.instance)}static getTheme(){return t.instance?t.instance.currentTheme:""}};exports.a=d;