@maveio/components - npm Package Compare versions

Comparing version 0.0.177 to 0.0.178

dist/index.cjs

@@ -1,1 +0,1 @@
-'use strict';var chunkFYIL2FYR_cjs=require('./chunk-FYIL2FYR.cjs'),chunkUGSEQEND_cjs=require('./chunk-UGSEQEND.cjs');require('./chunk-JHSFSCC2.cjs');Object.defineProperty(exports,"Clip",{enumerable:true,get:function(){return chunkFYIL2FYR_cjs.a}});Object.defineProperty(exports,"Files",{enumerable:true,get:function(){return chunkFYIL2FYR_cjs.b}});Object.defineProperty(exports,"Image",{enumerable:true,get:function(){return chunkFYIL2FYR_cjs.c}});Object.defineProperty(exports,"List",{enumerable:true,get:function(){return chunkFYIL2FYR_cjs.f}});Object.defineProperty(exports,"Player",{enumerable:true,get:function(){return chunkFYIL2FYR_cjs.d}});Object.defineProperty(exports,"Pop",{enumerable:true,get:function(){return chunkFYIL2FYR_cjs.e}});Object.defineProperty(exports,"Text",{enumerable:true,get:function(){return chunkFYIL2FYR_cjs.g}});Object.defineProperty(exports,"Upload",{enumerable:true,get:function(){return chunkFYIL2FYR_cjs.h}});Object.defineProperty(exports,"configureMave",{enumerable:true,get:function(){return chunkUGSEQEND_cjs.b}});Object.defineProperty(exports,"setConfig",{enumerable:true,get:function(){return chunkUGSEQEND_cjs.c}});
+'use strict';var chunkXGKJIKB2_cjs=require('./chunk-XGKJIKB2.cjs'),chunkUGSEQEND_cjs=require('./chunk-UGSEQEND.cjs');require('./chunk-JHSFSCC2.cjs');Object.defineProperty(exports,"Clip",{enumerable:true,get:function(){return chunkXGKJIKB2_cjs.a}});Object.defineProperty(exports,"Files",{enumerable:true,get:function(){return chunkXGKJIKB2_cjs.b}});Object.defineProperty(exports,"Image",{enumerable:true,get:function(){return chunkXGKJIKB2_cjs.c}});Object.defineProperty(exports,"List",{enumerable:true,get:function(){return chunkXGKJIKB2_cjs.f}});Object.defineProperty(exports,"Player",{enumerable:true,get:function(){return chunkXGKJIKB2_cjs.d}});Object.defineProperty(exports,"Pop",{enumerable:true,get:function(){return chunkXGKJIKB2_cjs.e}});Object.defineProperty(exports,"Text",{enumerable:true,get:function(){return chunkXGKJIKB2_cjs.g}});Object.defineProperty(exports,"Upload",{enumerable:true,get:function(){return chunkXGKJIKB2_cjs.h}});Object.defineProperty(exports,"configureMave",{enumerable:true,get:function(){return chunkUGSEQEND_cjs.b}});Object.defineProperty(exports,"setConfig",{enumerable:true,get:function(){return chunkUGSEQEND_cjs.c}});

dist/index.d.cts

@@ -9,7 +9,96 @@ import * as lit_html from 'lit-html';
 
-interface Source {
-    media?: number | undefined;
-    codec: string;
+type Rendition = {
+    size: 'sd' | 'hd' | 'fhd' | 'qhd' | 'uhd';
+    codec: 'h264' | 'hevc' | 'av1' | 'webp' | 'webm' | 'jpg' | 'mp3' | 'aac';
+    container: 'webp' | 'webm' | 'jpg' | 'mp4' | 'avif' | 'hls' | 'mp3';
+    type?: 'audio' | 'video' | 'poster' | 'thumbnail' | 'placeholder' | 'storyboard' | 'segments' | 'clip_keyframes' | 'clip' | 'custom_thumbnail';
+    file_size?: number;
+};
+type Poster = {
+    container: 'avif' | 'webp' | 'jpg';
+    type: 'thumbnail' | 'poster' | 'custom_thumbnail';
+    date?: number;
+};
+type Embed = {
+    id: string;
+    name: string;
+    space_id: string;
+    created_at: number;
+    poster: {
+        renditions: [Poster];
+        image_src: string;
+        initial_frame_src: string;
+        video_src: string;
+    };
+    settings: {
+        aspect_ratio: string;
+        opacity: number | null;
+        autoplay: 'always' | 'on_show';
+        height: string;
+        loop: boolean;
+        width: string;
+        color: string;
+        controls: 'big' | 'full' | 'none';
+        poster: string | null;
+    };
+    video: {
+        id: string;
+        version: number;
+        audio: boolean;
+        aspect_ratio: string;
+        filetype: string;
+        original: string;
+        size: number;
+        duration: number;
+        language: string;
+        max_height?: number | null;
+        max_width?: number | null;
+        status?: 'waiting' | 'playable' | 'uploading' | 'preparing' | 'ready' | 'errored';
+        ready?: boolean;
+        sources: {
+            mp4: {
+                '480p': string;
+                '720p': string;
+            };
+        };
+        renditions: [Rendition];
+        src: string;
+    };
+    subtitles: Subtitle[];
+    audio_tracks?: AudioTrack[];
+    metrics_key: string;
+};
+type Subtitle = {
+    language: string;
+    path: string;
+    label: string;
+};
+type AudioTrack = {
+    filename: string;
+    path: string;
+    label: string;
+    language?: string | null;
+    default: boolean;
+    codec?: 'mp3' | 'aac' | 'wav' | 'flac' | 'ogg';
+    file_size?: number;
+};
+type Video = {
+    id: string;
+    name: string;
+    duration: number;
+    size: number;
+    poster_image: string;
+    last_uploaded: string;
+    language: string;
+    created: number;
+};
+
+type ClipCodec = Extract<Rendition['codec'], 'av1' | 'hevc' | 'h264'>;
+interface ClipSource {
+    codec: ClipCodec;
+    rendition: Rendition;
     src: string;
+    type: string;
 }
+
 declare class Clip extends LitElement {
@@ -27,3 +116,3 @@ #private;
     private _poster?;
-    get poster(): string;
+    get poster(): string | undefined;
     set poster(value: string | null);
@@ -33,6 +122,16 @@ private _token;
     set token(value: string);
-    get sources(): Source[];
+    get sources(): ClipSource[];
     private _videoElement?;
+    private _videoEventsAttached;
+    private _metricsEmbed?;
+    private _resizeObserver?;
+    private _scrollListenerActive;
+    private _sourceSignature;
+    private _codecCapabilitiesKey;
+    private _handleScrollEvent;
     private _queue;
     private _failedPlay;
+    private _playableCodecs;
+    private _preferredCodecs;
+    private _observedLongEdge;
     private _intersectionObserver;
@@ -46,2 +145,3 @@ static styles: lit.CSSResult;
     disconnectedCallback(): void;
+    updated(): void;
     set muted(value: boolean);
@@ -106,86 +206,2 @@ get muted(): boolean;
 
-type Rendition = {
-    size: 'sd' | 'hd' | 'fhd' | 'qhd' | 'uhd';
-    codec: 'h264' | 'hevc' | 'av1' | 'webp' | 'webm' | 'jpg' | 'mp3' | 'aac';
-    container: 'webp' | 'webm' | 'jpg' | 'mp4' | 'avif' | 'hls' | 'mp3';
-    type?: 'audio' | 'video' | 'poster' | 'thumbnail' | 'placeholder' | 'storyboard' | 'segments' | 'clip_keyframes' | 'clip' | 'custom_thumbnail';
-    file_size?: number;
-};
-type Poster = {
-    container: 'avif' | 'webp' | 'jpg';
-    type: 'thumbnail' | 'poster' | 'custom_thumbnail';
-    date?: number;
-};
-type Embed = {
-    id: string;
-    name: string;
-    space_id: string;
-    created_at: number;
-    poster: {
-        renditions: [Poster];
-        image_src: string;
-        initial_frame_src: string;
-        video_src: string;
-    };
-    settings: {
-        aspect_ratio: string;
-        opacity: number | null;
-        autoplay: 'always' | 'on_show';
-        height: string;
-        loop: boolean;
-        width: string;
-        color: string;
-        controls: 'big' | 'full' | 'none';
-        poster: string | null;
-    };
-    video: {
-        id: string;
-        version: number;
-        audio: boolean;
-        aspect_ratio: string;
-        filetype: string;
-        original: string;
-        size: number;
-        duration: number;
-        language: string;
-        status?: 'waiting' | 'playable' | 'uploading' | 'preparing' | 'ready' | 'errored';
-        ready?: boolean;
-        sources: {
-            mp4: {
-                '480p': string;
-                '720p': string;
-            };
-        };
-        renditions: [Rendition];
-        src: string;
-    };
-    subtitles: Subtitle[];
-    audio_tracks?: AudioTrack[];
-    metrics_key: string;
-};
-type Subtitle = {
-    language: string;
-    path: string;
-    label: string;
-};
-type AudioTrack = {
-    filename: string;
-    path: string;
-    label: string;
-    language?: string | null;
-    default: boolean;
-    codec?: 'mp3' | 'aac' | 'wav' | 'flac' | 'ogg';
-    file_size?: number;
-};
-type Video = {
-    id: string;
-    name: string;
-    duration: number;
-    size: number;
-    poster_image: string;
-    last_uploaded: string;
-    language: string;
-    created: number;
-};
-
 declare class List extends MaveElement {
@@ -192,0 +208,0 @@ #private;

dist/index.d.ts

@@ -9,7 +9,96 @@ import * as lit_html from 'lit-html';
 
-interface Source {
-    media?: number | undefined;
-    codec: string;
+type Rendition = {
+    size: 'sd' | 'hd' | 'fhd' | 'qhd' | 'uhd';
+    codec: 'h264' | 'hevc' | 'av1' | 'webp' | 'webm' | 'jpg' | 'mp3' | 'aac';
+    container: 'webp' | 'webm' | 'jpg' | 'mp4' | 'avif' | 'hls' | 'mp3';
+    type?: 'audio' | 'video' | 'poster' | 'thumbnail' | 'placeholder' | 'storyboard' | 'segments' | 'clip_keyframes' | 'clip' | 'custom_thumbnail';
+    file_size?: number;
+};
+type Poster = {
+    container: 'avif' | 'webp' | 'jpg';
+    type: 'thumbnail' | 'poster' | 'custom_thumbnail';
+    date?: number;
+};
+type Embed = {
+    id: string;
+    name: string;
+    space_id: string;
+    created_at: number;
+    poster: {
+        renditions: [Poster];
+        image_src: string;
+        initial_frame_src: string;
+        video_src: string;
+    };
+    settings: {
+        aspect_ratio: string;
+        opacity: number | null;
+        autoplay: 'always' | 'on_show';
+        height: string;
+        loop: boolean;
+        width: string;
+        color: string;
+        controls: 'big' | 'full' | 'none';
+        poster: string | null;
+    };
+    video: {
+        id: string;
+        version: number;
+        audio: boolean;
+        aspect_ratio: string;
+        filetype: string;
+        original: string;
+        size: number;
+        duration: number;
+        language: string;
+        max_height?: number | null;
+        max_width?: number | null;
+        status?: 'waiting' | 'playable' | 'uploading' | 'preparing' | 'ready' | 'errored';
+        ready?: boolean;
+        sources: {
+            mp4: {
+                '480p': string;
+                '720p': string;
+            };
+        };
+        renditions: [Rendition];
+        src: string;
+    };
+    subtitles: Subtitle[];
+    audio_tracks?: AudioTrack[];
+    metrics_key: string;
+};
+type Subtitle = {
+    language: string;
+    path: string;
+    label: string;
+};
+type AudioTrack = {
+    filename: string;
+    path: string;
+    label: string;
+    language?: string | null;
+    default: boolean;
+    codec?: 'mp3' | 'aac' | 'wav' | 'flac' | 'ogg';
+    file_size?: number;
+};
+type Video = {
+    id: string;
+    name: string;
+    duration: number;
+    size: number;
+    poster_image: string;
+    last_uploaded: string;
+    language: string;
+    created: number;
+};
+
+type ClipCodec = Extract<Rendition['codec'], 'av1' | 'hevc' | 'h264'>;
+interface ClipSource {
+    codec: ClipCodec;
+    rendition: Rendition;
     src: string;
+    type: string;
 }
+
 declare class Clip extends LitElement {
@@ -27,3 +116,3 @@ #private;
     private _poster?;
-    get poster(): string;
+    get poster(): string | undefined;
     set poster(value: string | null);
@@ -33,6 +122,16 @@ private _token;
     set token(value: string);
-    get sources(): Source[];
+    get sources(): ClipSource[];
     private _videoElement?;
+    private _videoEventsAttached;
+    private _metricsEmbed?;
+    private _resizeObserver?;
+    private _scrollListenerActive;
+    private _sourceSignature;
+    private _codecCapabilitiesKey;
+    private _handleScrollEvent;
     private _queue;
     private _failedPlay;
+    private _playableCodecs;
+    private _preferredCodecs;
+    private _observedLongEdge;
     private _intersectionObserver;
@@ -46,2 +145,3 @@ static styles: lit.CSSResult;
     disconnectedCallback(): void;
+    updated(): void;
     set muted(value: boolean);
@@ -106,86 +206,2 @@ get muted(): boolean;
 
-type Rendition = {
-    size: 'sd' | 'hd' | 'fhd' | 'qhd' | 'uhd';
-    codec: 'h264' | 'hevc' | 'av1' | 'webp' | 'webm' | 'jpg' | 'mp3' | 'aac';
-    container: 'webp' | 'webm' | 'jpg' | 'mp4' | 'avif' | 'hls' | 'mp3';
-    type?: 'audio' | 'video' | 'poster' | 'thumbnail' | 'placeholder' | 'storyboard' | 'segments' | 'clip_keyframes' | 'clip' | 'custom_thumbnail';
-    file_size?: number;
-};
-type Poster = {
-    container: 'avif' | 'webp' | 'jpg';
-    type: 'thumbnail' | 'poster' | 'custom_thumbnail';
-    date?: number;
-};
-type Embed = {
-    id: string;
-    name: string;
-    space_id: string;
-    created_at: number;
-    poster: {
-        renditions: [Poster];
-        image_src: string;
-        initial_frame_src: string;
-        video_src: string;
-    };
-    settings: {
-        aspect_ratio: string;
-        opacity: number | null;
-        autoplay: 'always' | 'on_show';
-        height: string;
-        loop: boolean;
-        width: string;
-        color: string;
-        controls: 'big' | 'full' | 'none';
-        poster: string | null;
-    };
-    video: {
-        id: string;
-        version: number;
-        audio: boolean;
-        aspect_ratio: string;
-        filetype: string;
-        original: string;
-        size: number;
-        duration: number;
-        language: string;
-        status?: 'waiting' | 'playable' | 'uploading' | 'preparing' | 'ready' | 'errored';
-        ready?: boolean;
-        sources: {
-            mp4: {
-                '480p': string;
-                '720p': string;
-            };
-        };
-        renditions: [Rendition];
-        src: string;
-    };
-    subtitles: Subtitle[];
-    audio_tracks?: AudioTrack[];
-    metrics_key: string;
-};
-type Subtitle = {
-    language: string;
-    path: string;
-    label: string;
-};
-type AudioTrack = {
-    filename: string;
-    path: string;
-    label: string;
-    language?: string | null;
-    default: boolean;
-    codec?: 'mp3' | 'aac' | 'wav' | 'flac' | 'ogg';
-    file_size?: number;
-};
-type Video = {
-    id: string;
-    name: string;
-    duration: number;
-    size: number;
-    poster_image: string;
-    last_uploaded: string;
-    language: string;
-    created: number;
-};
-
 declare class List extends MaveElement {
@@ -192,0 +208,0 @@ #private;

dist/index.js

@@ -1,1 +0,1 @@
-export{a as Clip,b as Files,c as Image,f as List,d as Player,e as Pop,g as Text,h as Upload}from'./chunk-WEHLUUF7.js';export{b as configureMave,c as setConfig}from'./chunk-5NTA2PLH.js';import'./chunk-KA24PL7V.js';
+export{a as Clip,b as Files,c as Image,f as List,d as Player,e as Pop,g as Text,h as Upload}from'./chunk-TG4MUDS3.js';export{b as configureMave,c as setConfig}from'./chunk-5NTA2PLH.js';import'./chunk-KA24PL7V.js';

dist/react.cjs

@@ -1,1 +0,1 @@
-'use strict';var chunkFYIL2FYR_cjs=require('./chunk-FYIL2FYR.cjs'),chunkUGSEQEND_cjs=require('./chunk-UGSEQEND.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,f){typeof window>"u"||window.customElements&&(window.customElements.get(c)||window.customElements.define(c,f));}o("mave-clip",chunkFYIL2FYR_cjs.a);var d=react.createComponent({tagName:"mave-clip",elementClass:chunkFYIL2FYR_cjs.a,react:t__default.default});o("mave-list",chunkFYIL2FYR_cjs.f);var N=react.createComponent({tagName:"mave-list",elementClass:chunkFYIL2FYR_cjs.f,react:t__default.default});o("mave-player",chunkFYIL2FYR_cjs.d);var P=react.createComponent({tagName:"mave-player",elementClass:chunkFYIL2FYR_cjs.d,react:t__default.default});o("mave-upload",chunkFYIL2FYR_cjs.h);var F=react.createComponent({tagName:"mave-upload",elementClass:chunkFYIL2FYR_cjs.h,react:t__default.default});o("mave-files",chunkFYIL2FYR_cjs.b);var L=react.createComponent({tagName:"mave-files",elementClass:chunkFYIL2FYR_cjs.b,react:t__default.default});o("mave-img",chunkFYIL2FYR_cjs.c);var U=react.createComponent({tagName:"mave-img",elementClass:chunkFYIL2FYR_cjs.c,react:t__default.default});o("mave-text",chunkFYIL2FYR_cjs.g);var M=react.createComponent({tagName:"mave-text",elementClass:chunkFYIL2FYR_cjs.g,react:t__default.default});o("mave-pop",chunkFYIL2FYR_cjs.e);var b=react.createComponent({tagName:"mave-pop",elementClass:chunkFYIL2FYR_cjs.e,react:t__default.default});Object.defineProperty(exports,"configureMave",{enumerable:true,get:function(){return chunkUGSEQEND_cjs.b}});Object.defineProperty(exports,"setConfig",{enumerable:true,get:function(){return chunkUGSEQEND_cjs.c}});exports.Clip=d;exports.Files=L;exports.Image=U;exports.List=N;exports.Player=P;exports.Pop=b;exports.Text=M;exports.Upload=F;
+'use strict';var chunkXGKJIKB2_cjs=require('./chunk-XGKJIKB2.cjs'),chunkUGSEQEND_cjs=require('./chunk-UGSEQEND.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,f){typeof window>"u"||window.customElements&&(window.customElements.get(c)||window.customElements.define(c,f));}o("mave-clip",chunkXGKJIKB2_cjs.a);var d=react.createComponent({tagName:"mave-clip",elementClass:chunkXGKJIKB2_cjs.a,react:t__default.default});o("mave-list",chunkXGKJIKB2_cjs.f);var N=react.createComponent({tagName:"mave-list",elementClass:chunkXGKJIKB2_cjs.f,react:t__default.default});o("mave-player",chunkXGKJIKB2_cjs.d);var P=react.createComponent({tagName:"mave-player",elementClass:chunkXGKJIKB2_cjs.d,react:t__default.default});o("mave-upload",chunkXGKJIKB2_cjs.h);var F=react.createComponent({tagName:"mave-upload",elementClass:chunkXGKJIKB2_cjs.h,react:t__default.default});o("mave-files",chunkXGKJIKB2_cjs.b);var L=react.createComponent({tagName:"mave-files",elementClass:chunkXGKJIKB2_cjs.b,react:t__default.default});o("mave-img",chunkXGKJIKB2_cjs.c);var U=react.createComponent({tagName:"mave-img",elementClass:chunkXGKJIKB2_cjs.c,react:t__default.default});o("mave-text",chunkXGKJIKB2_cjs.g);var M=react.createComponent({tagName:"mave-text",elementClass:chunkXGKJIKB2_cjs.g,react:t__default.default});o("mave-pop",chunkXGKJIKB2_cjs.e);var b=react.createComponent({tagName:"mave-pop",elementClass:chunkXGKJIKB2_cjs.e,react:t__default.default});Object.defineProperty(exports,"configureMave",{enumerable:true,get:function(){return chunkUGSEQEND_cjs.b}});Object.defineProperty(exports,"setConfig",{enumerable:true,get:function(){return chunkUGSEQEND_cjs.c}});exports.Clip=d;exports.Files=L;exports.Image=U;exports.List=N;exports.Player=P;exports.Pop=b;exports.Text=M;exports.Upload=F;

dist/react.js

@@ -1,1 +0,1 @@
-import {a,f,d as d$1,h,b as b$1,c,g,e}from'./chunk-WEHLUUF7.js';export{b as configureMave,c as setConfig}from'./chunk-5NTA2PLH.js';import'./chunk-KA24PL7V.js';import {createComponent}from'@lit/react';import t from'react';function o(c,f){typeof window>"u"||window.customElements&&(window.customElements.get(c)||window.customElements.define(c,f));}o("mave-clip",a);var d=createComponent({tagName:"mave-clip",elementClass:a,react:t});o("mave-list",f);var N=createComponent({tagName:"mave-list",elementClass:f,react:t});o("mave-player",d$1);var P=createComponent({tagName:"mave-player",elementClass:d$1,react:t});o("mave-upload",h);var F=createComponent({tagName:"mave-upload",elementClass:h,react:t});o("mave-files",b$1);var L=createComponent({tagName:"mave-files",elementClass:b$1,react:t});o("mave-img",c);var U=createComponent({tagName:"mave-img",elementClass:c,react:t});o("mave-text",g);var M=createComponent({tagName:"mave-text",elementClass:g,react:t});o("mave-pop",e);var b=createComponent({tagName:"mave-pop",elementClass:e,react:t});export{d as Clip,L as Files,U as Image,N as List,P as Player,b as Pop,M as Text,F as Upload};
+import {a,f,d as d$1,h,b as b$1,c,g,e}from'./chunk-TG4MUDS3.js';export{b as configureMave,c as setConfig}from'./chunk-5NTA2PLH.js';import'./chunk-KA24PL7V.js';import {createComponent}from'@lit/react';import t from'react';function o(c,f){typeof window>"u"||window.customElements&&(window.customElements.get(c)||window.customElements.define(c,f));}o("mave-clip",a);var d=createComponent({tagName:"mave-clip",elementClass:a,react:t});o("mave-list",f);var N=createComponent({tagName:"mave-list",elementClass:f,react:t});o("mave-player",d$1);var P=createComponent({tagName:"mave-player",elementClass:d$1,react:t});o("mave-upload",h);var F=createComponent({tagName:"mave-upload",elementClass:h,react:t});o("mave-files",b$1);var L=createComponent({tagName:"mave-files",elementClass:b$1,react:t});o("mave-img",c);var U=createComponent({tagName:"mave-img",elementClass:c,react:t});o("mave-text",g);var M=createComponent({tagName:"mave-text",elementClass:g,react:t});o("mave-pop",e);var b=createComponent({tagName:"mave-pop",elementClass:e,react:t});export{d as Clip,L as Files,U as Image,N as List,P as Player,b as Pop,M as Text,F as Upload};

dist/themes/default.cjs

@@ -286,10 +286,10 @@ 'use strict';require('../chunk-JHSFSCC2.cjs');function r(t,a,i,o){class e extends a{render(){return i`
         all: initial !important;
-        width: 100%;
-        height: 100%;
-        display: flex;
-        align-items: center;
-        overflow: hidden;
-        background: transparent;
+        width: 100% !important;
+        height: 100% !important;
+        display: flex !important;
+        align-items: center !important;
+        overflow: hidden !important;
+        background: transparent !important;
         direction: ltr !important;
-        container-type: inline-size;
+        container-type: inline-size !important;
       }
@@ -304,7 +304,7 @@
         overflow: hidden;
-        display: flex;
-        width: 100%;
-        height: 100%;
-        object-fit: contain;
-        display: flex !important;
+        display: block !important;
+        width: 100% !important;
+        height: 100% !important;
+        aspect-ratio: var(--aspect-ratio, 16 / 9);
+        object-fit: contain !important;
         background: transparent;
@@ -314,2 +314,10 @@ transform: translate3d(0, 0, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
 
+      ::slotted([slot='poster']) {
+        display: block;
+        width: 100%;
+        height: 100%;
+        --media-object-fit: contain;
+        --media-object-position: center;
+      }
+
       media-controller {
@@ -316,0 +324,0 @@ --media-tooltip-display: none;

dist/themes/default.js

@@ -286,10 +286,10 @@ import'../chunk-KA24PL7V.js';function r(t,a,i,o){class e extends a{render(){return i`
         all: initial !important;
-        width: 100%;
-        height: 100%;
-        display: flex;
-        align-items: center;
-        overflow: hidden;
-        background: transparent;
+        width: 100% !important;
+        height: 100% !important;
+        display: flex !important;
+        align-items: center !important;
+        overflow: hidden !important;
+        background: transparent !important;
         direction: ltr !important;
-        container-type: inline-size;
+        container-type: inline-size !important;
       }
@@ -304,7 +304,7 @@
         overflow: hidden;
-        display: flex;
-        width: 100%;
-        height: 100%;
-        object-fit: contain;
-        display: flex !important;
+        display: block !important;
+        width: 100% !important;
+        height: 100% !important;
+        aspect-ratio: var(--aspect-ratio, 16 / 9);
+        object-fit: contain !important;
         background: transparent;
@@ -314,2 +314,10 @@ transform: translate3d(0, 0, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
 
+      ::slotted([slot='poster']) {
+        display: block;
+        width: 100%;
+        height: 100%;
+        --media-object-fit: contain;
+        --media-object-position: center;
+      }
+
       media-controller {
@@ -316,0 +324,0 @@ --media-tooltip-display: none;

dist/themes/dolphin.cjs

@@ -7,2 +7,3 @@ 'use strict';require('../chunk-JHSFSCC2.cjs');function n(t,a,i,o){class e extends a{render(){return i`
           <slot name="media" slot="media"></slot>
+          <slot name="poster" slot="poster"></slot>
           <div slot="centered-chrome">
@@ -262,10 +263,10 @@ <media-play-button>
         all: initial !important;
-        width: 100%;
-        height: 100%;
-        display: flex;
-        align-items: center;
-        overflow: hidden;
-        position: relative;
+        width: 100% !important;
+        height: 100% !important;
+        display: flex !important;
+        align-items: center !important;
+        overflow: hidden !important;
+        position: relative !important;
         direction: ltr !important;
-        container-type: inline-size;
+        container-type: inline-size !important;
       }
@@ -280,8 +281,7 @@
         overflow: hidden;
-        display: flex;
-        width: 100%;
-        height: 100%;
+        display: block !important;
+        width: 100% !important;
+        height: 100% !important;
         aspect-ratio: var(--aspect-ratio, 16 / 9);
-        object-fit: contain;
-        display: flex !important;
+        object-fit: contain !important;
         background: transparent;
@@ -292,2 +292,10 @@ transform-origin: center;
 
+      ::slotted([slot='poster']) {
+        display: block;
+        width: 100%;
+        height: 100%;
+        --media-object-fit: contain;
+        --media-object-position: center;
+      }
+
       media-controller {
@@ -294,0 +302,0 @@ --media-tooltip-display: none;

dist/themes/dolphin.js

@@ -7,2 +7,3 @@ import'../chunk-KA24PL7V.js';function n(t,a,i,o){class e extends a{render(){return i`
           <slot name="media" slot="media"></slot>
+          <slot name="poster" slot="poster"></slot>
           <div slot="centered-chrome">
@@ -262,10 +263,10 @@ <media-play-button>
         all: initial !important;
-        width: 100%;
-        height: 100%;
-        display: flex;
-        align-items: center;
-        overflow: hidden;
-        position: relative;
+        width: 100% !important;
+        height: 100% !important;
+        display: flex !important;
+        align-items: center !important;
+        overflow: hidden !important;
+        position: relative !important;
         direction: ltr !important;
-        container-type: inline-size;
+        container-type: inline-size !important;
       }
@@ -280,8 +281,7 @@
         overflow: hidden;
-        display: flex;
-        width: 100%;
-        height: 100%;
+        display: block !important;
+        width: 100% !important;
+        height: 100% !important;
         aspect-ratio: var(--aspect-ratio, 16 / 9);
-        object-fit: contain;
-        display: flex !important;
+        object-fit: contain !important;
         background: transparent;
@@ -292,2 +292,10 @@ transform-origin: center;
 
+      ::slotted([slot='poster']) {
+        display: block;
+        width: 100%;
+        height: 100%;
+        --media-object-fit: contain;
+        --media-object-position: center;
+      }
+
       media-controller {
@@ -294,0 +302,0 @@ --media-tooltip-display: none;

dist/themes/synthwave.cjs

@@ -7,2 +7,3 @@ 'use strict';require('../chunk-JHSFSCC2.cjs');function r(t,a,i,o){class e extends a{render(){return i`
           <slot name="media" slot="media"></slot>
+          <slot name="poster" slot="poster"></slot>
           <media-time-range></media-time-range>
@@ -262,10 +263,10 @@ <div slot="centered-chrome">
         all: initial !important;
-        width: 100%;
-        height: 100%;
-        display: flex;
-        align-items: center;
-        overflow: hidden;
-        position: relative;
+        width: 100% !important;
+        height: 100% !important;
+        display: flex !important;
+        align-items: center !important;
+        overflow: hidden !important;
+        position: relative !important;
         direction: ltr !important;
-        container-type: inline-size;
+        container-type: inline-size !important;
       }
@@ -280,8 +281,7 @@
         overflow: hidden;
-        display: flex;
-        width: 100%;
-        height: 100%;
+        display: block !important;
+        width: 100% !important;
+        height: 100% !important;
         aspect-ratio: var(--aspect-ratio, 16 / 9);
-        object-fit: contain;
-        display: flex !important;
+        object-fit: contain !important;
         background: transparent;
@@ -292,2 +292,10 @@ transform-origin: center;
 
+      ::slotted([slot='poster']) {
+        display: block;
+        width: 100%;
+        height: 100%;
+        --media-object-fit: contain;
+        --media-object-position: center;
+      }
+
       media-controller {
@@ -294,0 +302,0 @@ --media-tooltip-display: none;

dist/themes/synthwave.js

@@ -7,2 +7,3 @@ import'../chunk-KA24PL7V.js';function r(t,a,i,o){class e extends a{render(){return i`
           <slot name="media" slot="media"></slot>
+          <slot name="poster" slot="poster"></slot>
           <media-time-range></media-time-range>
@@ -262,10 +263,10 @@ <div slot="centered-chrome">
         all: initial !important;
-        width: 100%;
-        height: 100%;
-        display: flex;
-        align-items: center;
-        overflow: hidden;
-        position: relative;
+        width: 100% !important;
+        height: 100% !important;
+        display: flex !important;
+        align-items: center !important;
+        overflow: hidden !important;
+        position: relative !important;
         direction: ltr !important;
-        container-type: inline-size;
+        container-type: inline-size !important;
       }
@@ -280,8 +281,7 @@
         overflow: hidden;
-        display: flex;
-        width: 100%;
-        height: 100%;
+        display: block !important;
+        width: 100% !important;
+        height: 100% !important;
         aspect-ratio: var(--aspect-ratio, 16 / 9);
-        object-fit: contain;
-        display: flex !important;
+        object-fit: contain !important;
         background: transparent;
@@ -292,2 +292,10 @@ transform-origin: center;
 
+      ::slotted([slot='poster']) {
+        display: block;
+        width: 100%;
+        height: 100%;
+        --media-object-fit: contain;
+        --media-object-position: center;
+      }
+
       media-controller {
@@ -294,0 +302,0 @@ --media-tooltip-display: none;

dist/vue.cjs

@@ -1,1 +0,1 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var chunkFYIL2FYR_cjs=require('./chunk-FYIL2FYR.cjs'),chunkUGSEQEND_cjs=require('./chunk-UGSEQEND.cjs');require('./chunk-JHSFSCC2.cjs');var vue=require('vue');var l={Clip:{tag:"mave-clip",element:chunkFYIL2FYR_cjs.a},Files:{tag:"mave-files",element:chunkFYIL2FYR_cjs.b},Image:{tag:"mave-img",element:chunkFYIL2FYR_cjs.c},List:{tag:"mave-list",element:chunkFYIL2FYR_cjs.f},Player:{tag:"mave-player",element:chunkFYIL2FYR_cjs.d},Pop:{tag:"mave-pop",element:chunkFYIL2FYR_cjs.e},Text:{tag:"mave-text",element:chunkFYIL2FYR_cjs.g},Upload:{tag:"mave-upload",element:chunkFYIL2FYR_cjs.h}};function N(t,e){typeof window>"u"||window.customElements&&(window.customElements.get(t)||window.customElements.define(t,e));}function U(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 M(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 S(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 N(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}=S(a);return r(m),vue.onMounted(()=>{d(),b(a.value);}),vue.onUpdated(()=>{d(),b(a.value);}),()=>{let T=M(i);return vue.h(e,{ref:a,...T},U(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)},q=u.Clip,B=u.Files,G=u.Image,J=u.List,Q=u.Player,X=u.Pop,Y=u.Text,Z=u.Upload;function O(t){Object.entries(u).forEach(([e,o])=>{t.component(e,o);});}var ee={install(t){O(t);}};Object.defineProperty(exports,"configureMave",{enumerable:true,get:function(){return chunkUGSEQEND_cjs.b}});Object.defineProperty(exports,"setConfig",{enumerable:true,get:function(){return chunkUGSEQEND_cjs.c}});exports.Clip=q;exports.Files=B;exports.Image=G;exports.List=J;exports.Player=Q;exports.Pop=X;exports.Text=Y;exports.Upload=Z;exports.default=ee;exports.registerMaveComponents=O;
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var chunkXGKJIKB2_cjs=require('./chunk-XGKJIKB2.cjs'),chunkUGSEQEND_cjs=require('./chunk-UGSEQEND.cjs');require('./chunk-JHSFSCC2.cjs');var vue=require('vue');var l={Clip:{tag:"mave-clip",element:chunkXGKJIKB2_cjs.a},Files:{tag:"mave-files",element:chunkXGKJIKB2_cjs.b},Image:{tag:"mave-img",element:chunkXGKJIKB2_cjs.c},List:{tag:"mave-list",element:chunkXGKJIKB2_cjs.f},Player:{tag:"mave-player",element:chunkXGKJIKB2_cjs.d},Pop:{tag:"mave-pop",element:chunkXGKJIKB2_cjs.e},Text:{tag:"mave-text",element:chunkXGKJIKB2_cjs.g},Upload:{tag:"mave-upload",element:chunkXGKJIKB2_cjs.h}};function N(t,e){typeof window>"u"||window.customElements&&(window.customElements.get(t)||window.customElements.define(t,e));}function U(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 M(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 S(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 N(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}=S(a);return r(m),vue.onMounted(()=>{d(),b(a.value);}),vue.onUpdated(()=>{d(),b(a.value);}),()=>{let T=M(i);return vue.h(e,{ref:a,...T},U(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)},q=u.Clip,B=u.Files,G=u.Image,J=u.List,Q=u.Player,X=u.Pop,Y=u.Text,Z=u.Upload;function O(t){Object.entries(u).forEach(([e,o])=>{t.component(e,o);});}var ee={install(t){O(t);}};Object.defineProperty(exports,"configureMave",{enumerable:true,get:function(){return chunkUGSEQEND_cjs.b}});Object.defineProperty(exports,"setConfig",{enumerable:true,get:function(){return chunkUGSEQEND_cjs.c}});exports.Clip=q;exports.Files=B;exports.Image=G;exports.List=J;exports.Player=Q;exports.Pop=X;exports.Text=Y;exports.Upload=Z;exports.default=ee;exports.registerMaveComponents=O;

dist/vue.js

@@ -1,1 +0,1 @@
-import {h as h$1,g,e,d,f,c as c$1,b as b$1,a}from'./chunk-WEHLUUF7.js';export{b as configureMave,c as setConfig}from'./chunk-5NTA2PLH.js';import'./chunk-KA24PL7V.js';import {defineComponent,ref,onMounted,onUpdated,h,cloneVNode}from'vue';var l={Clip:{tag:"mave-clip",element:a},Files:{tag:"mave-files",element:b$1},Image:{tag:"mave-img",element:c$1},List:{tag:"mave-list",element:f},Player:{tag:"mave-player",element:d},Pop:{tag:"mave-pop",element:e},Text:{tag:"mave-text",element:g},Upload:{tag:"mave-upload",element:h$1}};function N(t,e){typeof window>"u"||window.customElements&&(window.customElements.get(t)||window.customElements.define(t,e));}function U(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 M(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 S(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 N(e,o),defineComponent({name:`Mave${t}`,inheritAttrs:false,setup(f,{attrs:i,slots:n,expose:r}){let a=ref(null),{proxy:m,syncPendingProperties:d}=S(a);return r(m),onMounted(()=>{d(),b(a.value);}),onUpdated(()=>{d(),b(a.value);}),()=>{let T=M(i);return h(e,{ref:a,...T},U(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)},q=u.Clip,B=u.Files,G=u.Image,J=u.List,Q=u.Player,X=u.Pop,Y=u.Text,Z=u.Upload;function O(t){Object.entries(u).forEach(([e,o])=>{t.component(e,o);});}var ee={install(t){O(t);}};export{q as Clip,B as Files,G as Image,J as List,Q as Player,X as Pop,Y as Text,Z as Upload,ee as default,O as registerMaveComponents};
+import {h as h$1,g,e,d,f,c as c$1,b as b$1,a}from'./chunk-TG4MUDS3.js';export{b as configureMave,c as setConfig}from'./chunk-5NTA2PLH.js';import'./chunk-KA24PL7V.js';import {defineComponent,ref,onMounted,onUpdated,h,cloneVNode}from'vue';var l={Clip:{tag:"mave-clip",element:a},Files:{tag:"mave-files",element:b$1},Image:{tag:"mave-img",element:c$1},List:{tag:"mave-list",element:f},Player:{tag:"mave-player",element:d},Pop:{tag:"mave-pop",element:e},Text:{tag:"mave-text",element:g},Upload:{tag:"mave-upload",element:h$1}};function N(t,e){typeof window>"u"||window.customElements&&(window.customElements.get(t)||window.customElements.define(t,e));}function U(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 M(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 S(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 N(e,o),defineComponent({name:`Mave${t}`,inheritAttrs:false,setup(f,{attrs:i,slots:n,expose:r}){let a=ref(null),{proxy:m,syncPendingProperties:d}=S(a);return r(m),onMounted(()=>{d(),b(a.value);}),onUpdated(()=>{d(),b(a.value);}),()=>{let T=M(i);return h(e,{ref:a,...T},U(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)},q=u.Clip,B=u.Files,G=u.Image,J=u.List,Q=u.Player,X=u.Pop,Y=u.Text,Z=u.Upload;function O(t){Object.entries(u).forEach(([e,o])=>{t.component(e,o);});}var ee={install(t){O(t);}};export{q as Clip,B as Files,G as Image,J as List,Q as Player,X as Pop,Y as Text,Z as Upload,ee as default,O as registerMaveComponents};

package.json

 {
   "name": "@maveio/components",
-  "version": "0.0.177",
+  "version": "0.0.178",
   "description": "privacy friendly (🇪🇺), iframe-less, video UI elements for videos hosted on mave.io",
@@ -5,0 +5,0 @@ "main": "dist/index.cjs",

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

2207017

0.7%

Lines of code

16371

0.9%

No dependency changes