@videts/vide 0.9.3 → 0.9.7
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-G74QBLVV.mjs → chunk-2UHU76KF.mjs} +1 -1
- package/dist/{chunk-2OVLZ27V.mjs → chunk-7R6TO7ZE.mjs} +1 -1
- package/dist/chunk-AQLZYNP7.mjs +1 -0
- package/dist/{chunk-VPH4JIJV.mjs → chunk-CD27DYME.mjs} +1 -1
- package/dist/chunk-TNHV5PHM.mjs +1 -0
- package/dist/chunk-YBNODS5R.mjs +2 -0
- package/dist/chunk-YE6RITJU.mjs +1 -0
- package/dist/{chunk-NA4C7W64.mjs → chunk-ZUEPNVVV.mjs} +1 -1
- package/dist/dash/index.d.ts +2 -2
- package/dist/drm/index.d.ts +1 -1
- package/dist/drm/index.js +1 -1
- package/dist/drm/index.mjs +1 -1
- package/dist/hls/index.d.ts +2 -2
- package/dist/hls/index.js +1 -1
- package/dist/hls/index.mjs +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/dist/omid/index.d.ts +2 -2
- package/dist/react/index.d.ts +7 -8
- package/dist/react/index.js +2 -2
- package/dist/react/index.mjs +2 -2
- package/dist/simid/index.d.ts +2 -2
- package/dist/ssai/index.d.ts +1 -1
- package/dist/ssai/index.js +1 -1
- package/dist/ssai/index.mjs +1 -1
- package/dist/svelte/VideUI.svelte +2 -1
- package/dist/svelte/Video.svelte +2 -9
- package/dist/svelte/Video.svelte.d.ts +0 -2
- package/dist/svelte/components/AdCountdown.svelte +1 -1
- package/dist/svelte/components/AdLearnMore.svelte +19 -6
- package/dist/svelte/components/AdLearnMore.svelte.d.ts +0 -1
- package/dist/svelte/components/AdSkip.svelte +7 -7
- package/dist/svelte/components/ErrorDisplay.svelte +1 -1
- package/dist/svelte/components/Loader.svelte +1 -1
- package/dist/svelte/icons/IconExternalLink.svelte +4 -0
- package/dist/svelte/icons/IconExternalLink.svelte.d.ts +26 -0
- package/dist/svelte/icons/IconSkipForward.svelte +3 -0
- package/dist/svelte/icons/IconSkipForward.svelte.d.ts +26 -0
- package/dist/svelte/index.d.ts +2 -0
- package/dist/svelte/index.js +2 -0
- package/dist/{types-BsEF8iWC.d.ts → types-BD5ZFUAt.d.ts} +6 -2
- package/dist/{types-CwjR99DL.d.ts → types-CABQEV7R.d.ts} +1 -1
- package/dist/{types-SuT99_Z3.d.ts → types-CXi-EgbJ.d.ts} +1 -1
- package/dist/{types-DzY1cmXC.d.ts → types-CaEBUCfi.d.ts} +1 -1
- package/dist/{types-C1_eVsFF.d.ts → types-DWH68b8d.d.ts} +1 -1
- package/dist/{types-COeag8fU.d.ts → types-JlkZYMyA.d.ts} +1 -1
- package/dist/ui/index.d.ts +4 -4
- package/dist/ui/index.js +1 -1
- package/dist/ui/index.mjs +1 -1
- package/dist/ui/theme.css +92 -9
- package/dist/vast/index.d.ts +6 -6
- package/dist/vast/index.js +1 -1
- package/dist/vast/index.mjs +1 -1
- package/dist/vide.core.global.js +1 -1
- package/dist/vide.dash.global.js +1 -1
- package/dist/vide.drm.global.js +1 -1
- package/dist/vide.global.js +2 -2
- package/dist/vide.hls.global.js +1 -1
- package/dist/vide.ssai.global.js +1 -1
- package/dist/vide.ui.css +92 -9
- package/dist/vide.ui.global.js +1 -1
- package/dist/vide.vast.global.js +1 -1
- package/dist/vide.vmap.global.js +1 -1
- package/dist/vmap/index.d.ts +4 -4
- package/dist/vmap/index.js +1 -1
- package/dist/vmap/index.mjs +1 -1
- package/dist/vue/index.d.ts +14 -42
- package/dist/vue/index.js +2 -2
- package/dist/vue/index.mjs +2 -2
- package/package.json +1 -1
- package/dist/chunk-3RDTWUHH.mjs +0 -1
- package/dist/chunk-6DWWYSH4.mjs +0 -1
- package/dist/chunk-LPSJOF2I.mjs +0 -2
- package/dist/chunk-WINCDUN5.mjs +0 -1
package/dist/vue/index.d.ts
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as vue from 'vue';
|
|
2
|
-
import { ShallowRef, InjectionKey,
|
|
3
|
-
import { P as Player, c as PlayerEvent, b as EventHandler, d as PlayerEventMap, A as AdMeta } from '../types-
|
|
4
|
-
import { D as DashPluginOptions } from '../types-
|
|
2
|
+
import { ShallowRef, InjectionKey, Ref, PropType, VNode } from 'vue';
|
|
3
|
+
import { P as Player, c as PlayerEvent, b as EventHandler, d as PlayerEventMap, A as AdMeta } from '../types-BD5ZFUAt.js';
|
|
4
|
+
import { D as DashPluginOptions } from '../types-CaEBUCfi.js';
|
|
5
5
|
import { D as DrmPluginOptions } from '../types-C6XFF6w_.js';
|
|
6
|
-
import { H as HlsPluginOptions } from '../types-
|
|
6
|
+
import { H as HlsPluginOptions } from '../types-CABQEV7R.js';
|
|
7
7
|
import { S as SsaiPluginOptions } from '../types-DsixuzNX.js';
|
|
8
|
-
import { b as UiPluginOptions } from '../types-
|
|
9
|
-
import { e as VastPluginOptions } from '../types-
|
|
10
|
-
import { a as VmapPluginOptions } from '../types-
|
|
8
|
+
import { b as UiPluginOptions } from '../types-CXi-EgbJ.js';
|
|
9
|
+
import { e as VastPluginOptions } from '../types-JlkZYMyA.js';
|
|
10
|
+
import { a as VmapPluginOptions } from '../types-DWH68b8d.js';
|
|
11
11
|
|
|
12
12
|
declare function useVidePlayer(): ShallowRef<Player | null>;
|
|
13
13
|
|
|
@@ -24,11 +24,9 @@ declare function useUi(player: ShallowRef<Player | null>, options: UiPluginOptio
|
|
|
24
24
|
declare const VIDE_PLAYER_KEY: InjectionKey<ShallowRef<Player | null>>;
|
|
25
25
|
declare function useVideContext(): ShallowRef<Player | null>;
|
|
26
26
|
|
|
27
|
-
declare const VideVideo: vue.DefineComponent<{}, () => VNode<vue.RendererNode, vue.RendererElement, {
|
|
27
|
+
declare const VideVideo: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
28
28
|
[key: string]: any;
|
|
29
|
-
}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {},
|
|
30
|
-
default?: () => VNode[];
|
|
31
|
-
}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
29
|
+
}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
32
30
|
|
|
33
31
|
declare const VideHlsPlugin: vue.DefineComponent<vue.ExtractPropTypes<Record<string, null>>, () => null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<Record<string, null>>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
34
32
|
declare const VideDashPlugin: vue.DefineComponent<vue.ExtractPropTypes<Record<string, null>>, () => null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<Record<string, null>>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
@@ -171,21 +169,9 @@ declare const VideAdLabel: vue.DefineComponent<{}, () => vue.VNode<vue.RendererN
|
|
|
171
169
|
[key: string]: any;
|
|
172
170
|
}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
173
171
|
|
|
174
|
-
declare const VideAdLearnMore: vue.DefineComponent<vue.
|
|
175
|
-
showTitle: {
|
|
176
|
-
type: BooleanConstructor;
|
|
177
|
-
default: boolean;
|
|
178
|
-
};
|
|
179
|
-
}>, () => VNode<vue.RendererNode, vue.RendererElement, {
|
|
172
|
+
declare const VideAdLearnMore: vue.DefineComponent<{}, () => VNode<vue.RendererNode, vue.RendererElement, {
|
|
180
173
|
[key: string]: any;
|
|
181
|
-
}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.
|
|
182
|
-
showTitle: {
|
|
183
|
-
type: BooleanConstructor;
|
|
184
|
-
default: boolean;
|
|
185
|
-
};
|
|
186
|
-
}>> & Readonly<{}>, {
|
|
187
|
-
showTitle: boolean;
|
|
188
|
-
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
174
|
+
}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
189
175
|
|
|
190
176
|
declare function useAutohide(containerRef: Ref<HTMLElement | null>, player: ShallowRef<Player | null>): void;
|
|
191
177
|
|
|
@@ -206,9 +192,7 @@ declare const VideControls: vue.DefineComponent<{}, () => vue.VNode<vue.Renderer
|
|
|
206
192
|
declare const Vide: {
|
|
207
193
|
readonly Video: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
208
194
|
[key: string]: any;
|
|
209
|
-
}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, vue.
|
|
210
|
-
default?: () => vue.VNode[];
|
|
211
|
-
}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
195
|
+
}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
212
196
|
readonly HlsPlugin: vue.DefineComponent<vue.ExtractPropTypes<Record<string, null>>, () => null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<Record<string, null>>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
213
197
|
readonly DashPlugin: vue.DefineComponent<vue.ExtractPropTypes<Record<string, null>>, () => null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<Record<string, null>>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
214
198
|
readonly DrmPlugin: vue.DefineComponent<vue.ExtractPropTypes<Record<string, null>>, () => null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<Record<string, null>>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
@@ -334,21 +318,9 @@ declare const Vide: {
|
|
|
334
318
|
readonly AdLabel: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
335
319
|
[key: string]: any;
|
|
336
320
|
}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
337
|
-
readonly AdLearnMore: vue.DefineComponent<vue.
|
|
338
|
-
showTitle: {
|
|
339
|
-
type: BooleanConstructor;
|
|
340
|
-
default: boolean;
|
|
341
|
-
};
|
|
342
|
-
}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
321
|
+
readonly AdLearnMore: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
343
322
|
[key: string]: any;
|
|
344
|
-
}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.
|
|
345
|
-
showTitle: {
|
|
346
|
-
type: BooleanConstructor;
|
|
347
|
-
default: boolean;
|
|
348
|
-
};
|
|
349
|
-
}>> & Readonly<{}>, {
|
|
350
|
-
showTitle: boolean;
|
|
351
|
-
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
323
|
+
}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
352
324
|
};
|
|
353
325
|
|
|
354
326
|
export { type AdState, type UseKeyboardOptions, VIDE_PLAYER_KEY, Vide, VideAdCountdown, VideAdLabel, VideAdLearnMore, VideAdOverlay, VideAdSkip, VideBigPlayButton, VideClickPlay, VideControls, VideDashPlugin, VideDrmPlugin, VideErrorDisplay, VideFullscreenButton, VideHlsPlugin, VideLoader, VideMuteButton, VidePlayButton, VidePoster, VideProgress, VideSsaiPlugin, VideTimeDisplay, VideUI, VideVastPlugin, VideVideo, VideVmapPlugin, VideVolume, useAdState, useAutohide, useDash, useDrm, useHls, useKeyboard, useSsai, useUi, useVast, useVideContext, useVideEvent, useVidePlayer, useVmap };
|
package/dist/vue/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {d}from'../chunk-2OVLZ27V.mjs';import {e,b as b$1,c,x}from'../chunk-LPSJOF2I.mjs';import {a as a$3}from'../chunk-6DWWYSH4.mjs';import {a as a$2}from'../chunk-3RDTWUHH.mjs';import {c as c$1}from'../chunk-WINCDUN5.mjs';import'../chunk-G74QBLVV.mjs';import'../chunk-UY5CGRNN.mjs';import {a}from'../chunk-NA4C7W64.mjs';import {a as a$1}from'../chunk-JRU2FKRB.mjs';import'../chunk-H3OXPFD3.mjs';import {e as e$1}from'../chunk-VPH4JIJV.mjs';import'../chunk-DWXOYV4E.mjs';import {defineComponent,ref,inject,onMounted,h as h$1,watch,onScopeDispose,shallowRef,provide}from'vue';var _=Symbol("vide-player"),R=Symbol("vide-register");function u(){let e=inject(_);if(!e)throw new Error("useVideContext must be used within <VideVideo>");return e}function Fe(){let e=shallowRef(null),i=l=>{e.value&&(e.value.destroy(),e.value=null),e.value=a$3(l);};return provide(_,e),provide(R,i),onScopeDispose(()=>{e.value?.destroy(),e.value=null;}),e}function v(e,i,l){let r;watch(e,n=>{r?.(),r=void 0,n&&(n.on(i,l),r=()=>n.off(i,l));},{immediate:true}),onScopeDispose(()=>{r?.();});}function E(e,i,l){let r;watch(e,n=>{if(r?.(),r=void 0,!n)return;r=i(l).setup(n)??void 0;},{immediate:true}),onScopeDispose(()=>{r?.();});}function Ne(e,i){E(e,a,i??{});}function qe(e,i){E(e,a$1,i??{});}function Ge(e,i){E(e,e$1,i);}function Xe(e,i){E(e,a$2,i);}function $e(e,i){E(e,c$1,i);}function Je(e,i){E(e,d,i??{});}function Qe(e,i){E(e,x,i);}var N=defineComponent({name:"VideVideo",inheritAttrs:false,slots:Object,setup(e,{attrs:i,slots:l,expose:r}){let n=ref(null),t=inject(R);return r({video:n}),onMounted(()=>{n.value&&t&&t(n.value);}),()=>{let{class:a,...o}=i;return h$1("div",{class:a},[h$1("video",{...o,ref:n}),l.default?.()])}}});function w(e,i,l){return defineComponent({name:e,props:l.reduce((r,n)=>(r[n]=null,r),{}),setup(r){let n=u(),t;return watch(n,a=>{if(t?.(),t=void 0,!a)return;t=i({...r}).setup(a)??void 0;},{immediate:true}),onScopeDispose(()=>{t?.();}),()=>null}})}var q=w("VideHlsPlugin",a,["hlsConfig","recovery"]),G=w("VideDashPlugin",a$1,["dashConfig","recovery"]),X=w("VideDrmPlugin",e$1,["widevine","fairplay"]),$=w("VideVastPlugin",a$2,["tagUrl","timeout","allowSkip","adPlugins"]),J=w("VideVmapPlugin",c$1,["url","timeout","vastOptions","adPlugins"]),Q=w("VideSsaiPlugin",d,["tolerance","parser"]);var b={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:24,height:24,fill:"currentColor","aria-hidden":"true"},j=defineComponent({name:"IconPlay",render(){return h$1("svg",b,[h$1("path",{d:"M8 5v14l11-7z"})])}}),Pe=defineComponent({name:"IconPause",render(){return h$1("svg",b,[h$1("path",{d:"M6 19h4V5H6v14zm8-14v14h4V5h-4z"})])}}),O=defineComponent({name:"IconVolumeHigh",render(){return h$1("svg",b,[h$1("path",{d:"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"})])}}),B=defineComponent({name:"IconVolumeLow",render(){return h$1("svg",b,[h$1("path",{d:"M18.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 9v6h4l5 5V4L9 9H5z"})])}}),H=defineComponent({name:"IconVolumeMute",render(){return h$1("svg",b,[h$1("path",{d:"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4l-1.88 1.88L12 7.76V4z"})])}}),xe=defineComponent({name:"IconFullscreenEnter",render(){return h$1("svg",b,[h$1("path",{d:"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"})])}}),Ee=defineComponent({name:"IconFullscreenExit",render(){return h$1("svg",b,[h$1("path",{d:"M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"})])}});function at(...e){return e.filter(Boolean).join(" ")}var W=defineComponent({name:"VidePlayButton",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let r=u(),n=ref(false);v(r,"statechange",({to:a})=>{a==="playing"||a==="ad:playing"?n.value=true:(a==="paused"||a==="ready"||a==="ended"||a==="ad:paused")&&(n.value=false);});let t=()=>{let a=r.value;a&&(a.state==="playing"||a.state==="ad:playing"?a.pause():a.play().catch(()=>{}));};return ()=>h$1("button",{type:"button",class:at("vide-play",i.class),"aria-label":n.value?"Pause":"Play","data-playing":n.value||void 0,onClick:t},l.default?.()??[h$1(n.value?Pe:j)])}});function mt(...e){return e.filter(Boolean).join(" ")}var Z=defineComponent({name:"VideMuteButton",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let r=u(),n=ref(false),t=ref(1),a;watch(r,s=>{if(a?.(),a=void 0,!s)return;let f=()=>{n.value=s.muted||s.volume===0,t.value=s.volume;};s.el.addEventListener("volumechange",f),f(),a=()=>s.el.removeEventListener("volumechange",f);},{immediate:true}),onScopeDispose(()=>{a?.();});let o=()=>{let s=r.value;s&&(s.muted=!s.muted);};return ()=>h$1("button",{type:"button",class:mt("vide-mute",i.class),"aria-label":n.value?"Unmute":"Mute","data-muted":n.value||void 0,onClick:o},l.default?.()??[h$1(n.value?H:t.value<.5?B:O)])}});function pt(...e){return e.filter(Boolean).join(" ")}var ee=defineComponent({name:"VideProgress",inheritAttrs:false,setup(e,{attrs:i}){let l=u(),r=ref(0),n=ref(0),t=ref(false),a=ref(false),o=ref(null);v(l,"timeupdate",({currentTime:d,duration:c})=>{!a.value&&c>0&&(r.value=d/c);let m=l.value;if(m&&m.el.buffered.length>0&&c>0){let p=m.el.buffered.end(m.el.buffered.length-1);n.value=Math.min(1,p/c);}}),v(l,"statechange",({to:d})=>{let c=d==="ad:loading"||d==="ad:playing"||d==="ad:paused";t.value=c;});let s=d=>{if(!o.value)return 0;let c=o.value.getBoundingClientRect();return c.width===0?0:Math.max(0,Math.min(1,(d.clientX-c.left)/c.width))},f=d=>{!l.value||t.value||(a.value=true,o.value?.setPointerCapture(d.pointerId),r.value=s(d));},g=d=>{a.value&&(r.value=s(d));},V=d=>{if(!a.value||!l.value)return;a.value=false,o.value?.releasePointerCapture(d.pointerId);let c=s(d),m=l.value.el.duration;Number.isFinite(m)&&m>0&&(l.value.currentTime=c*m);};return ()=>h$1("div",{ref:o,class:pt("vide-progress",i.class),role:"slider",tabindex:0,"aria-label":"Seek","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.round(r.value*100),"data-disabled":t.value||void 0,style:{"--vide-progress":r.value,"--vide-progress-buffered":n.value},onPointerdown:f,onPointermove:g,onPointerup:V},[h$1("div",{class:"vide-progress__buffered"}),h$1("div",{class:"vide-progress__bar"}),h$1("div",{class:"vide-progress__handle"})])}});function gt(...e){return e.filter(Boolean).join(" ")}var te=defineComponent({name:"VideVolume",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let r=u(),n=ref(1),t=ref(false),a=ref(false),o=ref(null),s;watch(r,m=>{if(s?.(),s=void 0,!m)return;let p=()=>{a.value||(n.value=m.muted?0:m.volume),t.value=m.muted||m.volume===0;};m.el.addEventListener("volumechange",p),p(),s=()=>m.el.removeEventListener("volumechange",p);},{immediate:true}),onScopeDispose(()=>{s?.();});let f=()=>{let m=r.value;m&&(m.muted=!m.muted);},g=m=>{if(!o.value)return 0;let p=o.value.getBoundingClientRect();return p.width===0?0:Math.max(0,Math.min(1,(m.clientX-p.left)/p.width))},V=m=>{let p=r.value;if(!p)return;a.value=true,o.value?.setPointerCapture(m.pointerId);let P=g(m);p.volume=P,p.muted&&P>0&&(p.muted=false),n.value=P,t.value=P===0;},d=m=>{let p=r.value;if(!a.value||!p)return;let P=g(m);p.volume=P,p.muted&&P>0&&(p.muted=false),n.value=P,t.value=P===0;},c=m=>{a.value&&(a.value=false,o.value?.releasePointerCapture(m.pointerId));};return ()=>h$1("div",{class:gt("vide-volume",i.class),"data-muted":t.value||void 0,style:{"--vide-volume":n.value}},[h$1("button",{type:"button",class:"vide-volume__button","aria-label":t.value?"Unmute":"Mute",onClick:f},l.default?.()??[h$1(t.value?H:n.value<.5?B:O)]),h$1("div",{ref:o,class:"vide-volume__slider",role:"slider",tabindex:0,"aria-label":"Volume","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.round(n.value*100),onPointerdown:V,onPointermove:d,onPointerup:c},[h$1("div",{class:"vide-volume__track"}),h$1("div",{class:"vide-volume__filled"})])])}});function Et(...e){return e.filter(Boolean).join(" ")}var ne=defineComponent({name:"VideFullscreenButton",inheritAttrs:false,props:{target:{type:Object,default:null}},setup(e,{attrs:i,slots:l}){let r=u(),n=ref(false),t=()=>{n.value=document.fullscreenElement!=null||document.webkitFullscreenElement!=null;};onMounted(()=>{document.addEventListener("fullscreenchange",t),document.addEventListener("webkitfullscreenchange",t);}),onScopeDispose(()=>{document.removeEventListener("fullscreenchange",t),document.removeEventListener("webkitfullscreenchange",t);});let a=()=>{let o=e.target??r.value?.el.closest(".vide-ui")??r.value?.el.parentElement;o&&(document.fullscreenElement?document.exitFullscreen().catch(()=>{}):o.requestFullscreen().catch(()=>{}));};return ()=>h$1("button",{type:"button",class:Et("vide-fullscreen",i.class),"aria-label":n.value?"Exit fullscreen":"Fullscreen","data-fullscreen":n.value||void 0,onClick:a},l.default?.()??[h$1(n.value?Ee:xe)])}});function bt(...e){return e.filter(Boolean).join(" ")}var re=defineComponent({name:"VideTimeDisplay",inheritAttrs:false,props:{separator:{type:String,default:"/"}},setup(e$1,{attrs:i}){let l=u(),r=ref(0),n=ref(0);return v(l,"timeupdate",t=>{r.value=t.currentTime,n.value=t.duration;}),()=>h$1("div",{class:bt("vide-time",i.class),"aria-label":"Time"},[h$1("span",e(r.value)),h$1("span",e$1.separator),h$1("span",e(n.value))])}});function Ct(...e){return e.filter(Boolean).join(" ")}var oe=defineComponent({name:"VideLoader",inheritAttrs:false,setup(e,{attrs:i}){return ()=>h$1("div",{class:Ct("vide-loader",i.class)},[h$1("div",{class:"vide-loader__spinner"})])}});function kt(...e){return e.filter(Boolean).join(" ")}var ie=defineComponent({name:"VidePoster",inheritAttrs:false,props:{src:{type:String,required:true},alt:{type:String,default:""}},setup(e,{attrs:i}){return ()=>h$1("div",{class:kt("vide-poster",i.class)},[h$1("img",{class:"vide-poster__image",src:e.src,alt:e.alt})])}});function It(...e){return e.filter(Boolean).join(" ")}var le=defineComponent({name:"VideErrorDisplay",inheritAttrs:false,setup(e,{attrs:i}){let l=u(),r=ref(""),n;return watch(l,t=>{if(n?.(),n=void 0,!t)return;let a=({message:o})=>{r.value=o;};t.on("error",a),n=()=>t.off("error",a);},{immediate:true}),onScopeDispose(()=>{n?.();}),()=>h$1("div",{class:It("vide-error",i.class)},[h$1("span",{class:"vide-error__message"},r.value)])}});function Rt(...e){return e.filter(Boolean).join(" ")}var ae=defineComponent({name:"VideBigPlayButton",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let r=u(),n=()=>{let t=r.value;if(t){if(t.state==="ended"){let s=function({to:f}){f==="ready"&&(o.off("statechange",s),o.play().catch(()=>{}));};let o=t;o.on("statechange",s),o.el.currentTime=0,o.el.load();return}t.play().catch(()=>{});}};return ()=>h$1("button",{type:"button",class:Rt("vide-bigplay",i.class),"aria-label":"Play video",onClick:n},l.default?.()??[h$1(j)])}});var Ht=200;function Ft(...e){return e.filter(Boolean).join(" ")}var se=defineComponent({name:"VideClickPlay",inheritAttrs:false,props:{enableFullscreen:{type:Boolean,default:true}},setup(e,{attrs:i}){let l=u(),r=null,n=()=>{let o=l.value;o&&(o.state==="playing"||o.state==="ad:playing"?o.pause():o.play().catch(()=>{}));},t=()=>{if(!e.enableFullscreen)return;let o=l.value,s=o?.el.closest(".vide-ui")??o?.el.parentElement;s&&(document.fullscreenElement!=null?document.exitFullscreen().catch(()=>{}):s.requestFullscreen&&s.requestFullscreen().catch(()=>{}));},a=()=>{let o=l.value;if(o){if(c(o.state)){o.el.click(),n();return}if(r!==null){clearTimeout(r),r=null,t();return}r=setTimeout(()=>{r=null,n();},Ht);}};return onScopeDispose(()=>{r!==null&&(clearTimeout(r),r=null);}),()=>h$1("div",{class:Ft("vide-clickplay",i.class),onClick:a})}});function h(e){let i=ref(false),l=shallowRef(null);return v(e,"ad:start",r=>{i.value=true,l.value={adId:r.adId,clickThrough:r.clickThrough,skipOffset:r.skipOffset,duration:r.duration,adTitle:r.adTitle,adStartTime:Date.now()};}),v(e,"ad:end",()=>{i.value=false,l.value=null;}),v(e,"ad:skip",()=>{i.value=false,l.value=null;}),{active:i,meta:l}}function Nt(...e){return e.filter(Boolean).join(" ")}var ue=defineComponent({name:"VideAdOverlay",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let r=u(),{active:n,meta:t}=h(r),a=()=>{let o=r.value;if(!o)return;o.el.click();let s=t.value?.clickThrough;s?(window.open(s,"_blank"),o.el.pause()):o.el.paused?Promise.resolve(o.el.play()).catch(()=>{}):o.el.pause();};return ()=>n.value?h$1("div",{class:Nt("vide-ad-overlay",i.class),onClick:a},l.default?.()):null}});function Xt(...e){return e.filter(Boolean).join(" ")}var de=defineComponent({name:"VideAdSkip",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let r=u(),{active:n,meta:t}=h(r),a=ref(false),o=ref(0);v(r,"timeupdate",({currentTime:f})=>{!n.value||!t.value||t.value.skipOffset===void 0||(f>=t.value.skipOffset?a.value=true:(a.value=false,o.value=Math.max(0,Math.ceil(t.value.skipOffset-f))));});let s=()=>{let f=r.value;!f||!a.value||!t.value||f.emit("ad:skip",{adId:t.value.adId});};return ()=>!n.value||!t.value||t.value.skipOffset===void 0?null:h$1("button",{type:"button",class:Xt("vide-skip",!a.value&&"vide-skip--disabled",i.class),"aria-label":"Skip ad",onClick:s,disabled:!a.value},a.value?l.default?.()??"Skip Ad":`Skip in ${o.value}s`)}});function Wt(...e){return e.filter(Boolean).join(" ")}var me=defineComponent({name:"VideAdCountdown",inheritAttrs:false,props:{format:{type:Function,default:void 0}},setup(e,{attrs:i}){let l=u(),{active:r,meta:n}=h(l),t=ref(0);return v(l,"timeupdate",({currentTime:a})=>{if(!r.value||!n.value)return;let o=l.value,s=n.value.duration??(o&&Number.isFinite(o.duration)?o.duration:0);t.value=Math.max(0,Math.ceil(s-a));}),()=>r.value?h$1("div",{class:Wt("vide-ad-countdown",i.class)},e.format?e.format(t.value):`Ad \xB7 ${t.value}s`):null}});function tn(...e){return e.filter(Boolean).join(" ")}var fe=defineComponent({name:"VideAdLabel",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let r=u(),{active:n}=h(r);return ()=>n.value?h$1("div",{class:tn("vide-ad-label",i.class)},l.default?.()??"Ad"):null}});function rn(...e){return e.filter(Boolean).join(" ")}var pe=defineComponent({name:"VideAdLearnMore",inheritAttrs:false,props:{showTitle:{type:Boolean,default:false}},setup(e,{attrs:i,slots:l}){let r=u(),{active:n,meta:t}=h(r),a=()=>{let o=r.value;!o||!t.value?.clickThrough||(o.el.click(),window.open(t.value.clickThrough,"_blank"),o.el.pause());};return ()=>{if(!n.value||!t.value?.clickThrough)return null;let o=[];return e.showTitle&&t.value.adTitle&&o.push(h$1("span",{class:"vide-ad-cta__title"},t.value.adTitle)),o.push(l.default?.()??"Learn More"),h$1("button",{type:"button",class:rn("vide-ad-cta",i.class),onClick:a},o)}}});var an=3e3;function sn(e,i){let l=null,r;watch([e,i],([n,t])=>{if(r?.(),r=void 0,!n||!t)return;function a(){if(!t)return true;let d=t.state;return d==="paused"||d==="ended"||d==="idle"||d==="ready"||c(d)}function o(){n?.classList.remove("vide-ui--autohide");}function s(){l!==null&&(clearTimeout(l),l=null);}function f(){s(),!a()&&(l=setTimeout(()=>{n?.classList.add("vide-ui--autohide");},an));}function g(){o(),f();}function V({to:d}){d==="paused"||d==="ended"||d==="idle"||d==="ready"||c(d)?(s(),o()):f();}n.addEventListener("mousemove",g),n.addEventListener("touchstart",g),n.addEventListener("keydown",g),t.on("statechange",V),f(),r=()=>{s(),n.removeEventListener("mousemove",g),n.removeEventListener("touchstart",g),n.removeEventListener("keydown",g),n.classList.remove("vide-ui--autohide"),t.off("statechange",V);};},{immediate:true}),onScopeDispose(()=>{r?.();});}function mn(e,i,l={}){let r;watch([e,i],([n,t])=>{if(r?.(),r=void 0,!n||!t)return;n.setAttribute("tabindex","0");function a(o){if(!t)return;let s=!l.disableSeek,f=!l.disableVolume,g=!l.disableFullscreen,V=c(t.state);switch(o.key){case " ":case "k":case "K":o.preventDefault(),t.state==="playing"||t.state==="ad:playing"?t.pause():t.play().catch(()=>{});break;case "ArrowLeft":if(!s||V)return;o.preventDefault(),t.currentTime=Math.max(0,t.el.currentTime-5);break;case "ArrowRight":if(!s||V)return;o.preventDefault(),t.currentTime=Math.min(t.el.duration||0,t.el.currentTime+5);break;case "ArrowUp":if(!f)return;o.preventDefault(),t.volume=Math.min(1,t.volume+.1),t.muted&&(t.muted=false);break;case "ArrowDown":if(!f)return;o.preventDefault(),t.volume=Math.max(0,t.volume-.1);break;case "m":case "M":if(!f)return;o.preventDefault(),t.muted=!t.muted;break;case "f":case "F":if(!g)return;o.preventDefault(),document.fullscreenElement!=null?document.exitFullscreen().catch(()=>{}):(n?.closest(".vide-ui")??n)?.requestFullscreen().catch(()=>{});break;default:if(o.key.length===1&&o.key>="0"&&o.key<="9"&&s&&!V){o.preventDefault();let d=Number.parseInt(o.key,10)/10,c=t.el.duration;Number.isFinite(c)&&c>0&&(t.currentTime=d*c);}break}}n.addEventListener("keydown",a),r=()=>{n.removeEventListener("keydown",a),n.removeAttribute("tabindex");};},{immediate:true}),onScopeDispose(()=>{r?.();});}function je(...e){return e.filter(Boolean).join(" ")}var ce=defineComponent({name:"VideUI",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let r=u(),n=ref("");return watch(r,(t,a,o)=>{if(!t){n.value="";return}n.value=b$1(t.state);let s=({to:f})=>{n.value=b$1(f);};t.on("statechange",s),o(()=>t.off("statechange",s));},{immediate:true}),()=>h$1("div",{class:je("vide-ui",n.value,i.class),role:"region","aria-label":"Video player"},l.default?.())}}),ve=defineComponent({name:"VideControls",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let r=u();return ()=>r.value?h$1("div",{class:je("vide-controls",i.class)},l.default?.()):null}});var Io={Video:N,HlsPlugin:q,DashPlugin:G,DrmPlugin:X,VastPlugin:$,VmapPlugin:J,SsaiPlugin:Q,PlayButton:W,MuteButton:Z,Progress:ee,Volume:te,FullscreenButton:ne,TimeDisplay:re,Loader:oe,Poster:ie,ErrorDisplay:le,BigPlayButton:ae,ClickPlay:se,UI:ce,Controls:ve,AdOverlay:ue,AdSkip:de,AdCountdown:me,AdLabel:fe,AdLearnMore:pe};
|
|
2
|
-
export{
|
|
1
|
+
import {d}from'../chunk-7R6TO7ZE.mjs';import {e,b,c,x}from'../chunk-YBNODS5R.mjs';import {a as a$3}from'../chunk-AQLZYNP7.mjs';import {a as a$2}from'../chunk-YE6RITJU.mjs';import {c as c$1}from'../chunk-TNHV5PHM.mjs';import'../chunk-2UHU76KF.mjs';import'../chunk-UY5CGRNN.mjs';import {a}from'../chunk-ZUEPNVVV.mjs';import {a as a$1}from'../chunk-JRU2FKRB.mjs';import'../chunk-H3OXPFD3.mjs';import {e as e$1}from'../chunk-CD27DYME.mjs';import'../chunk-DWXOYV4E.mjs';import {defineComponent,ref,inject,onMounted,h as h$1,watch,onScopeDispose,computed,shallowRef,provide}from'vue';var R=Symbol("vide-player"),j=Symbol("vide-register");function u(){let e=inject(R);if(!e)throw new Error("useVideContext must be used within <VideVideo>");return e}function Ke(){let e=shallowRef(null),i=l=>{e.value&&(e.value.destroy(),e.value=null),e.value=a$3(l);};return provide(R,e),provide(j,i),onScopeDispose(()=>{e.value?.destroy(),e.value=null;}),e}function g(e,i,l){let n;watch(e,r=>{n?.(),n=void 0,r&&(r.on(i,l),n=()=>r.off(i,l));},{immediate:true}),onScopeDispose(()=>{n?.();});}function S(e,i,l){let n;watch(e,r=>{if(n?.(),n=void 0,!r)return;n=i(l).setup(r)??void 0;},{immediate:true}),onScopeDispose(()=>{n?.();});}function Ge(e,i){S(e,a,i??{});}function Xe(e,i){S(e,a$1,i??{});}function $e(e,i){S(e,e$1,i);}function Je(e,i){S(e,a$2,i);}function Qe(e,i){S(e,c$1,i);}function We(e,i){S(e,d,i??{});}function Ze(e,i){S(e,x,i);}var q=defineComponent({name:"VideVideo",inheritAttrs:false,setup(e,{attrs:i,expose:l}){let n=ref(null),r=inject(j);return l({video:n}),onMounted(()=>{n.value&&r&&r(n.value);}),()=>h$1("video",{...i,ref:n})}});function w(e,i,l){return defineComponent({name:e,props:l.reduce((n,r)=>(n[r]=null,n),{}),setup(n){let r=u(),t;return watch(r,a=>{if(t?.(),t=void 0,!a)return;t=i({...n}).setup(a)??void 0;},{immediate:true}),onScopeDispose(()=>{t?.();}),()=>null}})}var G=w("VideHlsPlugin",a,["hlsConfig","recovery"]),X=w("VideDashPlugin",a$1,["dashConfig","recovery"]),$=w("VideDrmPlugin",e$1,["widevine","fairplay"]),J=w("VideVastPlugin",a$2,["tagUrl","timeout","allowSkip","adPlugins"]),Q=w("VideVmapPlugin",c$1,["url","timeout","vastOptions","adPlugins"]),W=w("VideSsaiPlugin",d,["tolerance","parser"]);var E={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:24,height:24,fill:"currentColor","aria-hidden":"true"},O=defineComponent({name:"IconPlay",render(){return h$1("svg",E,[h$1("path",{d:"M8 5v14l11-7z"})])}}),xe=defineComponent({name:"IconPause",render(){return h$1("svg",E,[h$1("path",{d:"M6 19h4V5H6v14zm8-14v14h4V5h-4z"})])}}),B=defineComponent({name:"IconVolumeHigh",render(){return h$1("svg",E,[h$1("path",{d:"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"})])}}),H=defineComponent({name:"IconVolumeLow",render(){return h$1("svg",E,[h$1("path",{d:"M18.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 9v6h4l5 5V4L9 9H5z"})])}}),F=defineComponent({name:"IconVolumeMute",render(){return h$1("svg",E,[h$1("path",{d:"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4l-1.88 1.88L12 7.76V4z"})])}}),Ee=defineComponent({name:"IconFullscreenEnter",render(){return h$1("svg",E,[h$1("path",{d:"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"})])}}),be=defineComponent({name:"IconFullscreenExit",render(){return h$1("svg",E,[h$1("path",{d:"M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"})])}}),Se=defineComponent({name:"IconExternalLink",render(){return h$1("svg",E,[h$1("path",{d:"M14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"}),h$1("path",{d:"M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2v7z"})])}}),we=defineComponent({name:"IconSkipForward",render(){return h$1("svg",E,[h$1("path",{d:"M5 18l10-6L5 6v12zm12-12v12h2V6h-2z"})])}});function dt(...e){return e.filter(Boolean).join(" ")}var Z=defineComponent({name:"VidePlayButton",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let n=u(),r=ref(false);g(n,"statechange",({to:a})=>{a==="playing"||a==="ad:playing"?r.value=true:(a==="paused"||a==="ready"||a==="ended"||a==="ad:paused")&&(r.value=false);});let t=()=>{let a=n.value;a&&(a.state==="playing"||a.state==="ad:playing"?a.pause():a.play().catch(()=>{}));};return ()=>h$1("button",{type:"button",class:dt("vide-play",i.class),"aria-label":r.value?"Pause":"Play","data-playing":r.value||void 0,onClick:t},l.default?.()??[h$1(r.value?xe:O)])}});function pt(...e){return e.filter(Boolean).join(" ")}var ee=defineComponent({name:"VideMuteButton",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let n=u(),r=ref(false),t=ref(1),a;watch(n,s=>{if(a?.(),a=void 0,!s)return;let f=()=>{r.value=s.muted||s.volume===0,t.value=s.volume;};s.el.addEventListener("volumechange",f),f(),a=()=>s.el.removeEventListener("volumechange",f);},{immediate:true}),onScopeDispose(()=>{a?.();});let o=()=>{let s=n.value;s&&(s.muted=!s.muted);};return ()=>h$1("button",{type:"button",class:pt("vide-mute",i.class),"aria-label":r.value?"Unmute":"Mute","data-muted":r.value||void 0,onClick:o},l.default?.()??[h$1(r.value?F:t.value<.5?H:B)])}});function gt(...e){return e.filter(Boolean).join(" ")}var te=defineComponent({name:"VideProgress",inheritAttrs:false,setup(e,{attrs:i}){let l=u(),n=ref(0),r=ref(0),t=ref(false),a=ref(false),o=ref(null);g(l,"timeupdate",({currentTime:d,duration:v})=>{!a.value&&v>0&&(n.value=d/v);let m=l.value;if(m&&m.el.buffered.length>0&&v>0){let c=m.el.buffered.end(m.el.buffered.length-1);r.value=Math.min(1,c/v);}}),g(l,"statechange",({to:d})=>{let v=d==="ad:loading"||d==="ad:playing"||d==="ad:paused";t.value=v;});let s=d=>{if(!o.value)return 0;let v=o.value.getBoundingClientRect();return v.width===0?0:Math.max(0,Math.min(1,(d.clientX-v.left)/v.width))},f=d=>{!l.value||t.value||(a.value=true,o.value?.setPointerCapture(d.pointerId),n.value=s(d));},y=d=>{a.value&&(n.value=s(d));},V=d=>{if(!a.value||!l.value)return;a.value=false,o.value?.releasePointerCapture(d.pointerId);let v=s(d),m=l.value.el.duration;Number.isFinite(m)&&m>0&&(l.value.currentTime=v*m);};return ()=>h$1("div",{ref:o,class:gt("vide-progress",i.class),role:"slider",tabindex:0,"aria-label":"Seek","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.round(n.value*100),"data-disabled":t.value||void 0,style:{"--vide-progress":n.value,"--vide-progress-buffered":r.value},onPointerdown:f,onPointermove:y,onPointerup:V},[h$1("div",{class:"vide-progress__buffered"}),h$1("div",{class:"vide-progress__bar"}),h$1("div",{class:"vide-progress__handle"})])}});function Pt(...e){return e.filter(Boolean).join(" ")}var ne=defineComponent({name:"VideVolume",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let n=u(),r=ref(1),t=ref(false),a=ref(false),o=ref(null),s;watch(n,m=>{if(s?.(),s=void 0,!m)return;let c=()=>{a.value||(r.value=m.muted?0:m.volume),t.value=m.muted||m.volume===0;};m.el.addEventListener("volumechange",c),c(),s=()=>m.el.removeEventListener("volumechange",c);},{immediate:true}),onScopeDispose(()=>{s?.();});let f=()=>{let m=n.value;m&&(m.muted=!m.muted);},y=m=>{if(!o.value)return 0;let c=o.value.getBoundingClientRect();return c.width===0?0:Math.max(0,Math.min(1,(m.clientX-c.left)/c.width))},V=m=>{let c=n.value;if(!c)return;a.value=true,o.value?.setPointerCapture(m.pointerId);let P=y(m);c.volume=P,c.muted&&P>0&&(c.muted=false),r.value=P,t.value=P===0;},d=m=>{let c=n.value;if(!a.value||!c)return;let P=y(m);c.volume=P,c.muted&&P>0&&(c.muted=false),r.value=P,t.value=P===0;},v=m=>{a.value&&(a.value=false,o.value?.releasePointerCapture(m.pointerId));};return ()=>h$1("div",{class:Pt("vide-volume",i.class),"data-muted":t.value||void 0,style:{"--vide-volume":r.value}},[h$1("button",{type:"button",class:"vide-volume__button","aria-label":t.value?"Unmute":"Mute",onClick:f},l.default?.()??[h$1(t.value?F:r.value<.5?H:B)]),h$1("div",{ref:o,class:"vide-volume__slider",role:"slider",tabindex:0,"aria-label":"Volume","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.round(r.value*100),onPointerdown:V,onPointermove:d,onPointerup:v},[h$1("div",{class:"vide-volume__track"}),h$1("div",{class:"vide-volume__filled"})])])}});function wt(...e){return e.filter(Boolean).join(" ")}var re=defineComponent({name:"VideFullscreenButton",inheritAttrs:false,props:{target:{type:Object,default:null}},setup(e,{attrs:i,slots:l}){let n=u(),r=ref(false),t=()=>{r.value=document.fullscreenElement!=null||document.webkitFullscreenElement!=null;};onMounted(()=>{document.addEventListener("fullscreenchange",t),document.addEventListener("webkitfullscreenchange",t);}),onScopeDispose(()=>{document.removeEventListener("fullscreenchange",t),document.removeEventListener("webkitfullscreenchange",t);});let a=()=>{let o=e.target??n.value?.el.closest(".vide-ui")??n.value?.el.parentElement;o&&(document.fullscreenElement?document.exitFullscreen().catch(()=>{}):o.requestFullscreen().catch(()=>{}));};return ()=>h$1("button",{type:"button",class:wt("vide-fullscreen",i.class),"aria-label":r.value?"Exit fullscreen":"Fullscreen","data-fullscreen":r.value||void 0,onClick:a},l.default?.()??[h$1(r.value?be:Ee)])}});function kt(...e){return e.filter(Boolean).join(" ")}var oe=defineComponent({name:"VideTimeDisplay",inheritAttrs:false,props:{separator:{type:String,default:"/"}},setup(e$1,{attrs:i}){let l=u(),n=ref(0),r=ref(0);return g(l,"timeupdate",t=>{n.value=t.currentTime,r.value=t.duration;}),()=>h$1("div",{class:kt("vide-time",i.class),"aria-label":"Time"},[h$1("span",e(n.value)),h$1("span",e$1.separator),h$1("span",e(r.value))])}});function Mt(...e){return e.filter(Boolean).join(" ")}var ie=defineComponent({name:"VideLoader",inheritAttrs:false,setup(e,{attrs:i}){return ()=>h$1("div",{class:Mt("vide-loader",i.class),role:"status","aria-label":"Loading"},[h$1("div",{class:"vide-loader__spinner"})])}});function Dt(...e){return e.filter(Boolean).join(" ")}var le=defineComponent({name:"VidePoster",inheritAttrs:false,props:{src:{type:String,required:true},alt:{type:String,default:""}},setup(e,{attrs:i}){return ()=>h$1("div",{class:Dt("vide-poster",i.class)},[h$1("img",{class:"vide-poster__image",src:e.src,alt:e.alt})])}});function jt(...e){return e.filter(Boolean).join(" ")}var ae=defineComponent({name:"VideErrorDisplay",inheritAttrs:false,setup(e,{attrs:i}){let l=u(),n=ref(""),r;return watch(l,t=>{if(r?.(),r=void 0,!t)return;let a=({message:o})=>{n.value=o;};t.on("error",a),r=()=>t.off("error",a);},{immediate:true}),onScopeDispose(()=>{r?.();}),()=>h$1("div",{class:jt("vide-error",i.class),role:"alert"},[h$1("span",{class:"vide-error__message"},n.value)])}});function Bt(...e){return e.filter(Boolean).join(" ")}var se=defineComponent({name:"VideBigPlayButton",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let n=u(),r=()=>{let t=n.value;if(t){if(t.state==="ended"){let s=function({to:f}){f==="ready"&&(o.off("statechange",s),o.play().catch(()=>{}));};let o=t;o.on("statechange",s),o.el.currentTime=0,o.el.load();return}t.play().catch(()=>{});}};return ()=>h$1("button",{type:"button",class:Bt("vide-bigplay",i.class),"aria-label":"Play video",onClick:r},l.default?.()??[h$1(O)])}});var Kt=200;function Ut(...e){return e.filter(Boolean).join(" ")}var ue=defineComponent({name:"VideClickPlay",inheritAttrs:false,props:{enableFullscreen:{type:Boolean,default:true}},setup(e,{attrs:i}){let l=u(),n=null,r=()=>{let o=l.value;o&&(o.state==="playing"||o.state==="ad:playing"?o.pause():o.play().catch(()=>{}));},t=()=>{if(!e.enableFullscreen)return;let o=l.value,s=o?.el.closest(".vide-ui")??o?.el.parentElement;s&&(document.fullscreenElement!=null?document.exitFullscreen().catch(()=>{}):s.requestFullscreen&&s.requestFullscreen().catch(()=>{}));},a=()=>{let o=l.value;if(o){if(c(o.state)){o.el.click(),r();return}if(n!==null){clearTimeout(n),n=null,t();return}n=setTimeout(()=>{n=null,r();},Kt);}};return onScopeDispose(()=>{n!==null&&(clearTimeout(n),n=null);}),()=>h$1("div",{class:Ut("vide-clickplay",i.class),role:"presentation",onClick:a})}});function h(e){let i=ref(false),l=shallowRef(null);return g(e,"ad:start",n=>{i.value=true,l.value={adId:n.adId,clickThrough:n.clickThrough,skipOffset:n.skipOffset,duration:n.duration,adTitle:n.adTitle,adStartTime:Date.now()};}),g(e,"ad:end",()=>{i.value=false,l.value=null;}),g(e,"ad:skip",()=>{i.value=false,l.value=null;}),{active:i,meta:l}}function Xt(...e){return e.filter(Boolean).join(" ")}var de=defineComponent({name:"VideAdOverlay",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let n=u(),{active:r,meta:t}=h(n),a=()=>{let o=n.value;if(!o)return;o.el.click();let s=t.value?.clickThrough;s?(window.open(s,"_blank"),o.el.pause()):o.el.paused?Promise.resolve(o.el.play()).catch(()=>{}):o.el.pause();};return ()=>r.value?h$1("div",{class:Xt("vide-ad-overlay",i.class),onClick:a},l.default?.()):null}});function Jt(...e){return e.filter(Boolean).join(" ")}var fe=defineComponent({name:"VideAdSkip",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let n=u(),{active:r,meta:t}=h(n),a=ref(false),o=ref(0);g(n,"timeupdate",({currentTime:f})=>{!r.value||!t.value||t.value.skipOffset===void 0||(f>=t.value.skipOffset?a.value=true:(a.value=false,o.value=Math.max(0,Math.ceil(t.value.skipOffset-f))));});let s=()=>{let f=n.value;!f||!a.value||!t.value||f.emit("ad:skip",{adId:t.value.adId});};return ()=>{if(!r.value||!t.value||t.value.skipOffset===void 0)return null;let f=[h$1("span",{class:"vide-skip__label"},a.value?"Skip Ad":`Skip in ${o.value}s`),h$1(we)];return h$1("button",{type:"button",class:Jt("vide-skip",!a.value&&"vide-skip--disabled",i.class),"aria-label":"Skip ad",onClick:s,disabled:!a.value},l.default?.()??f)}}});function en(...e){return e.filter(Boolean).join(" ")}var ce=defineComponent({name:"VideAdCountdown",inheritAttrs:false,props:{format:{type:Function,default:void 0}},setup(e,{attrs:i}){let l=u(),{active:n,meta:r}=h(l),t=ref(0);return g(l,"timeupdate",({currentTime:a})=>{if(!n.value||!r.value)return;let o=l.value,s=r.value.duration??(o&&Number.isFinite(o.duration)?o.duration:0);t.value=Math.max(0,Math.ceil(s-a));}),()=>n.value?h$1("div",{class:en("vide-ad-countdown",i.class),"aria-label":"Ad countdown","aria-live":"off"},e.format?e.format(t.value):`Ad \xB7 ${t.value}s`):null}});function rn(...e){return e.filter(Boolean).join(" ")}var pe=defineComponent({name:"VideAdLabel",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let n=u(),{active:r}=h(n);return ()=>r.value?h$1("div",{class:rn("vide-ad-label",i.class)},l.default?.()??"Ad"):null}});function an(...e){return e.filter(Boolean).join(" ")}function sn(e){try{return new URL(e).hostname}catch{return e}}var ve=defineComponent({name:"VideAdLearnMore",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let n=u(),{active:r,meta:t}=h(n),a=computed(()=>t.value?.clickThrough?sn(t.value.clickThrough):""),o=()=>{let s=n.value;!s||!t.value?.clickThrough||(s.el.click(),window.open(t.value.clickThrough,"_blank"),s.el.pause());};return ()=>{if(!r.value||!t.value?.clickThrough)return null;let s=[h$1("span",{class:"vide-ad-cta__icon"},[h$1(Se)]),h$1("span",{class:"vide-ad-cta__body"},[...t.value.adTitle?[h$1("span",{class:"vide-ad-cta__title"},t.value.adTitle)]:[],h$1("span",{class:"vide-ad-cta__url"},a.value)])];return h$1("button",{type:"button",class:an("vide-ad-cta",i.class),onClick:o},l.default?.()??s)}}});var mn=3e3;function fn(e,i){let l=null,n;watch([e,i],([r,t])=>{if(n?.(),n=void 0,!r||!t)return;function a(){if(!t)return true;let d=t.state;return d==="paused"||d==="ended"||d==="idle"||d==="ready"||c(d)}function o(){r?.classList.remove("vide-ui--autohide");}function s(){l!==null&&(clearTimeout(l),l=null);}function f(){s(),!a()&&(l=setTimeout(()=>{r?.classList.add("vide-ui--autohide");},mn));}function y(){o(),f();}function V({to:d}){d==="paused"||d==="ended"||d==="idle"||d==="ready"||c(d)?(s(),o()):f();}r.addEventListener("mousemove",y),r.addEventListener("touchstart",y),r.addEventListener("keydown",y),t.on("statechange",V),f(),n=()=>{s(),r.removeEventListener("mousemove",y),r.removeEventListener("touchstart",y),r.removeEventListener("keydown",y),r.classList.remove("vide-ui--autohide"),t.off("statechange",V);};},{immediate:true}),onScopeDispose(()=>{n?.();});}function vn(e,i,l={}){let n;watch([e,i],([r,t])=>{if(n?.(),n=void 0,!r||!t)return;r.setAttribute("tabindex","0");function a(o){if(!t)return;let s=!l.disableSeek,f=!l.disableVolume,y=!l.disableFullscreen,V=c(t.state);switch(o.key){case " ":case "k":case "K":o.preventDefault(),t.state==="playing"||t.state==="ad:playing"?t.pause():t.play().catch(()=>{});break;case "ArrowLeft":if(!s||V)return;o.preventDefault(),t.currentTime=Math.max(0,t.el.currentTime-5);break;case "ArrowRight":if(!s||V)return;o.preventDefault(),t.currentTime=Math.min(t.el.duration||0,t.el.currentTime+5);break;case "ArrowUp":if(!f)return;o.preventDefault(),t.volume=Math.min(1,t.volume+.1),t.muted&&(t.muted=false);break;case "ArrowDown":if(!f)return;o.preventDefault(),t.volume=Math.max(0,t.volume-.1);break;case "m":case "M":if(!f)return;o.preventDefault(),t.muted=!t.muted;break;case "f":case "F":if(!y)return;o.preventDefault(),document.fullscreenElement!=null?document.exitFullscreen().catch(()=>{}):(r?.closest(".vide-ui")??r)?.requestFullscreen().catch(()=>{});break;default:if(o.key.length===1&&o.key>="0"&&o.key<="9"&&s&&!V){o.preventDefault();let d=Number.parseInt(o.key,10)/10,v=t.el.duration;Number.isFinite(v)&&v>0&&(t.currentTime=d*v);}break}}r.addEventListener("keydown",a),n=()=>{r.removeEventListener("keydown",a),r.removeAttribute("tabindex");};},{immediate:true}),onScopeDispose(()=>{n?.();});}function Be(...e){return e.filter(Boolean).join(" ")}var ge=defineComponent({name:"VideUI",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let n=u(),r=ref("");return watch(n,(t,a,o)=>{if(!t){r.value="";return}r.value=b(t.state);let s=({to:f})=>{r.value=b(f);};t.on("statechange",s),o(()=>t.off("statechange",s));},{immediate:true}),()=>h$1("div",{class:Be("vide-ui",r.value,i.class),role:"region","aria-label":"Video player"},l.default?.())}}),ye=defineComponent({name:"VideControls",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let n=u();return ()=>n.value?h$1("div",{class:Be("vide-controls",i.class)},l.default?.()):null}});var Ho={Video:q,HlsPlugin:G,DashPlugin:X,DrmPlugin:$,VastPlugin:J,VmapPlugin:Q,SsaiPlugin:W,PlayButton:Z,MuteButton:ee,Progress:te,Volume:ne,FullscreenButton:re,TimeDisplay:oe,Loader:ie,Poster:le,ErrorDisplay:ae,BigPlayButton:se,ClickPlay:ue,UI:ge,Controls:ye,AdOverlay:de,AdSkip:fe,AdCountdown:ce,AdLabel:pe,AdLearnMore:ve};
|
|
2
|
+
export{R as VIDE_PLAYER_KEY,Ho as Vide,ce as VideAdCountdown,pe as VideAdLabel,ve as VideAdLearnMore,de as VideAdOverlay,fe as VideAdSkip,se as VideBigPlayButton,ue as VideClickPlay,ye as VideControls,X as VideDashPlugin,$ as VideDrmPlugin,ae as VideErrorDisplay,re as VideFullscreenButton,G as VideHlsPlugin,ie as VideLoader,ee as VideMuteButton,Z as VidePlayButton,le as VidePoster,te as VideProgress,W as VideSsaiPlugin,oe as VideTimeDisplay,ge as VideUI,J as VideVastPlugin,q as VideVideo,Q as VideVmapPlugin,ne as VideVolume,h as useAdState,fn as useAutohide,Xe as useDash,$e as useDrm,Ge as useHls,vn as useKeyboard,We as useSsai,Ze as useUi,Je as useVast,u as useVideContext,g as useVideEvent,Ke as useVidePlayer,Qe as useVmap};
|
package/dist/vue/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {d}from'../chunk-2OVLZ27V.mjs';import {e,b as b$1,c,x}from'../chunk-LPSJOF2I.mjs';import {a as a$3}from'../chunk-6DWWYSH4.mjs';import {a as a$2}from'../chunk-3RDTWUHH.mjs';import {c as c$1}from'../chunk-WINCDUN5.mjs';import'../chunk-G74QBLVV.mjs';import'../chunk-UY5CGRNN.mjs';import {a}from'../chunk-NA4C7W64.mjs';import {a as a$1}from'../chunk-JRU2FKRB.mjs';import'../chunk-H3OXPFD3.mjs';import {e as e$1}from'../chunk-VPH4JIJV.mjs';import'../chunk-DWXOYV4E.mjs';import {defineComponent,ref,inject,onMounted,h as h$1,watch,onScopeDispose,shallowRef,provide}from'vue';var _=Symbol("vide-player"),R=Symbol("vide-register");function u(){let e=inject(_);if(!e)throw new Error("useVideContext must be used within <VideVideo>");return e}function Fe(){let e=shallowRef(null),i=l=>{e.value&&(e.value.destroy(),e.value=null),e.value=a$3(l);};return provide(_,e),provide(R,i),onScopeDispose(()=>{e.value?.destroy(),e.value=null;}),e}function v(e,i,l){let r;watch(e,n=>{r?.(),r=void 0,n&&(n.on(i,l),r=()=>n.off(i,l));},{immediate:true}),onScopeDispose(()=>{r?.();});}function E(e,i,l){let r;watch(e,n=>{if(r?.(),r=void 0,!n)return;r=i(l).setup(n)??void 0;},{immediate:true}),onScopeDispose(()=>{r?.();});}function Ne(e,i){E(e,a,i??{});}function qe(e,i){E(e,a$1,i??{});}function Ge(e,i){E(e,e$1,i);}function Xe(e,i){E(e,a$2,i);}function $e(e,i){E(e,c$1,i);}function Je(e,i){E(e,d,i??{});}function Qe(e,i){E(e,x,i);}var N=defineComponent({name:"VideVideo",inheritAttrs:false,slots:Object,setup(e,{attrs:i,slots:l,expose:r}){let n=ref(null),t=inject(R);return r({video:n}),onMounted(()=>{n.value&&t&&t(n.value);}),()=>{let{class:a,...o}=i;return h$1("div",{class:a},[h$1("video",{...o,ref:n}),l.default?.()])}}});function w(e,i,l){return defineComponent({name:e,props:l.reduce((r,n)=>(r[n]=null,r),{}),setup(r){let n=u(),t;return watch(n,a=>{if(t?.(),t=void 0,!a)return;t=i({...r}).setup(a)??void 0;},{immediate:true}),onScopeDispose(()=>{t?.();}),()=>null}})}var q=w("VideHlsPlugin",a,["hlsConfig","recovery"]),G=w("VideDashPlugin",a$1,["dashConfig","recovery"]),X=w("VideDrmPlugin",e$1,["widevine","fairplay"]),$=w("VideVastPlugin",a$2,["tagUrl","timeout","allowSkip","adPlugins"]),J=w("VideVmapPlugin",c$1,["url","timeout","vastOptions","adPlugins"]),Q=w("VideSsaiPlugin",d,["tolerance","parser"]);var b={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:24,height:24,fill:"currentColor","aria-hidden":"true"},j=defineComponent({name:"IconPlay",render(){return h$1("svg",b,[h$1("path",{d:"M8 5v14l11-7z"})])}}),Pe=defineComponent({name:"IconPause",render(){return h$1("svg",b,[h$1("path",{d:"M6 19h4V5H6v14zm8-14v14h4V5h-4z"})])}}),O=defineComponent({name:"IconVolumeHigh",render(){return h$1("svg",b,[h$1("path",{d:"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"})])}}),B=defineComponent({name:"IconVolumeLow",render(){return h$1("svg",b,[h$1("path",{d:"M18.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 9v6h4l5 5V4L9 9H5z"})])}}),H=defineComponent({name:"IconVolumeMute",render(){return h$1("svg",b,[h$1("path",{d:"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4l-1.88 1.88L12 7.76V4z"})])}}),xe=defineComponent({name:"IconFullscreenEnter",render(){return h$1("svg",b,[h$1("path",{d:"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"})])}}),Ee=defineComponent({name:"IconFullscreenExit",render(){return h$1("svg",b,[h$1("path",{d:"M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"})])}});function at(...e){return e.filter(Boolean).join(" ")}var W=defineComponent({name:"VidePlayButton",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let r=u(),n=ref(false);v(r,"statechange",({to:a})=>{a==="playing"||a==="ad:playing"?n.value=true:(a==="paused"||a==="ready"||a==="ended"||a==="ad:paused")&&(n.value=false);});let t=()=>{let a=r.value;a&&(a.state==="playing"||a.state==="ad:playing"?a.pause():a.play().catch(()=>{}));};return ()=>h$1("button",{type:"button",class:at("vide-play",i.class),"aria-label":n.value?"Pause":"Play","data-playing":n.value||void 0,onClick:t},l.default?.()??[h$1(n.value?Pe:j)])}});function mt(...e){return e.filter(Boolean).join(" ")}var Z=defineComponent({name:"VideMuteButton",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let r=u(),n=ref(false),t=ref(1),a;watch(r,s=>{if(a?.(),a=void 0,!s)return;let f=()=>{n.value=s.muted||s.volume===0,t.value=s.volume;};s.el.addEventListener("volumechange",f),f(),a=()=>s.el.removeEventListener("volumechange",f);},{immediate:true}),onScopeDispose(()=>{a?.();});let o=()=>{let s=r.value;s&&(s.muted=!s.muted);};return ()=>h$1("button",{type:"button",class:mt("vide-mute",i.class),"aria-label":n.value?"Unmute":"Mute","data-muted":n.value||void 0,onClick:o},l.default?.()??[h$1(n.value?H:t.value<.5?B:O)])}});function pt(...e){return e.filter(Boolean).join(" ")}var ee=defineComponent({name:"VideProgress",inheritAttrs:false,setup(e,{attrs:i}){let l=u(),r=ref(0),n=ref(0),t=ref(false),a=ref(false),o=ref(null);v(l,"timeupdate",({currentTime:d,duration:c})=>{!a.value&&c>0&&(r.value=d/c);let m=l.value;if(m&&m.el.buffered.length>0&&c>0){let p=m.el.buffered.end(m.el.buffered.length-1);n.value=Math.min(1,p/c);}}),v(l,"statechange",({to:d})=>{let c=d==="ad:loading"||d==="ad:playing"||d==="ad:paused";t.value=c;});let s=d=>{if(!o.value)return 0;let c=o.value.getBoundingClientRect();return c.width===0?0:Math.max(0,Math.min(1,(d.clientX-c.left)/c.width))},f=d=>{!l.value||t.value||(a.value=true,o.value?.setPointerCapture(d.pointerId),r.value=s(d));},g=d=>{a.value&&(r.value=s(d));},V=d=>{if(!a.value||!l.value)return;a.value=false,o.value?.releasePointerCapture(d.pointerId);let c=s(d),m=l.value.el.duration;Number.isFinite(m)&&m>0&&(l.value.currentTime=c*m);};return ()=>h$1("div",{ref:o,class:pt("vide-progress",i.class),role:"slider",tabindex:0,"aria-label":"Seek","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.round(r.value*100),"data-disabled":t.value||void 0,style:{"--vide-progress":r.value,"--vide-progress-buffered":n.value},onPointerdown:f,onPointermove:g,onPointerup:V},[h$1("div",{class:"vide-progress__buffered"}),h$1("div",{class:"vide-progress__bar"}),h$1("div",{class:"vide-progress__handle"})])}});function gt(...e){return e.filter(Boolean).join(" ")}var te=defineComponent({name:"VideVolume",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let r=u(),n=ref(1),t=ref(false),a=ref(false),o=ref(null),s;watch(r,m=>{if(s?.(),s=void 0,!m)return;let p=()=>{a.value||(n.value=m.muted?0:m.volume),t.value=m.muted||m.volume===0;};m.el.addEventListener("volumechange",p),p(),s=()=>m.el.removeEventListener("volumechange",p);},{immediate:true}),onScopeDispose(()=>{s?.();});let f=()=>{let m=r.value;m&&(m.muted=!m.muted);},g=m=>{if(!o.value)return 0;let p=o.value.getBoundingClientRect();return p.width===0?0:Math.max(0,Math.min(1,(m.clientX-p.left)/p.width))},V=m=>{let p=r.value;if(!p)return;a.value=true,o.value?.setPointerCapture(m.pointerId);let P=g(m);p.volume=P,p.muted&&P>0&&(p.muted=false),n.value=P,t.value=P===0;},d=m=>{let p=r.value;if(!a.value||!p)return;let P=g(m);p.volume=P,p.muted&&P>0&&(p.muted=false),n.value=P,t.value=P===0;},c=m=>{a.value&&(a.value=false,o.value?.releasePointerCapture(m.pointerId));};return ()=>h$1("div",{class:gt("vide-volume",i.class),"data-muted":t.value||void 0,style:{"--vide-volume":n.value}},[h$1("button",{type:"button",class:"vide-volume__button","aria-label":t.value?"Unmute":"Mute",onClick:f},l.default?.()??[h$1(t.value?H:n.value<.5?B:O)]),h$1("div",{ref:o,class:"vide-volume__slider",role:"slider",tabindex:0,"aria-label":"Volume","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.round(n.value*100),onPointerdown:V,onPointermove:d,onPointerup:c},[h$1("div",{class:"vide-volume__track"}),h$1("div",{class:"vide-volume__filled"})])])}});function Et(...e){return e.filter(Boolean).join(" ")}var ne=defineComponent({name:"VideFullscreenButton",inheritAttrs:false,props:{target:{type:Object,default:null}},setup(e,{attrs:i,slots:l}){let r=u(),n=ref(false),t=()=>{n.value=document.fullscreenElement!=null||document.webkitFullscreenElement!=null;};onMounted(()=>{document.addEventListener("fullscreenchange",t),document.addEventListener("webkitfullscreenchange",t);}),onScopeDispose(()=>{document.removeEventListener("fullscreenchange",t),document.removeEventListener("webkitfullscreenchange",t);});let a=()=>{let o=e.target??r.value?.el.closest(".vide-ui")??r.value?.el.parentElement;o&&(document.fullscreenElement?document.exitFullscreen().catch(()=>{}):o.requestFullscreen().catch(()=>{}));};return ()=>h$1("button",{type:"button",class:Et("vide-fullscreen",i.class),"aria-label":n.value?"Exit fullscreen":"Fullscreen","data-fullscreen":n.value||void 0,onClick:a},l.default?.()??[h$1(n.value?Ee:xe)])}});function bt(...e){return e.filter(Boolean).join(" ")}var re=defineComponent({name:"VideTimeDisplay",inheritAttrs:false,props:{separator:{type:String,default:"/"}},setup(e$1,{attrs:i}){let l=u(),r=ref(0),n=ref(0);return v(l,"timeupdate",t=>{r.value=t.currentTime,n.value=t.duration;}),()=>h$1("div",{class:bt("vide-time",i.class),"aria-label":"Time"},[h$1("span",e(r.value)),h$1("span",e$1.separator),h$1("span",e(n.value))])}});function Ct(...e){return e.filter(Boolean).join(" ")}var oe=defineComponent({name:"VideLoader",inheritAttrs:false,setup(e,{attrs:i}){return ()=>h$1("div",{class:Ct("vide-loader",i.class)},[h$1("div",{class:"vide-loader__spinner"})])}});function kt(...e){return e.filter(Boolean).join(" ")}var ie=defineComponent({name:"VidePoster",inheritAttrs:false,props:{src:{type:String,required:true},alt:{type:String,default:""}},setup(e,{attrs:i}){return ()=>h$1("div",{class:kt("vide-poster",i.class)},[h$1("img",{class:"vide-poster__image",src:e.src,alt:e.alt})])}});function It(...e){return e.filter(Boolean).join(" ")}var le=defineComponent({name:"VideErrorDisplay",inheritAttrs:false,setup(e,{attrs:i}){let l=u(),r=ref(""),n;return watch(l,t=>{if(n?.(),n=void 0,!t)return;let a=({message:o})=>{r.value=o;};t.on("error",a),n=()=>t.off("error",a);},{immediate:true}),onScopeDispose(()=>{n?.();}),()=>h$1("div",{class:It("vide-error",i.class)},[h$1("span",{class:"vide-error__message"},r.value)])}});function Rt(...e){return e.filter(Boolean).join(" ")}var ae=defineComponent({name:"VideBigPlayButton",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let r=u(),n=()=>{let t=r.value;if(t){if(t.state==="ended"){let s=function({to:f}){f==="ready"&&(o.off("statechange",s),o.play().catch(()=>{}));};let o=t;o.on("statechange",s),o.el.currentTime=0,o.el.load();return}t.play().catch(()=>{});}};return ()=>h$1("button",{type:"button",class:Rt("vide-bigplay",i.class),"aria-label":"Play video",onClick:n},l.default?.()??[h$1(j)])}});var Ht=200;function Ft(...e){return e.filter(Boolean).join(" ")}var se=defineComponent({name:"VideClickPlay",inheritAttrs:false,props:{enableFullscreen:{type:Boolean,default:true}},setup(e,{attrs:i}){let l=u(),r=null,n=()=>{let o=l.value;o&&(o.state==="playing"||o.state==="ad:playing"?o.pause():o.play().catch(()=>{}));},t=()=>{if(!e.enableFullscreen)return;let o=l.value,s=o?.el.closest(".vide-ui")??o?.el.parentElement;s&&(document.fullscreenElement!=null?document.exitFullscreen().catch(()=>{}):s.requestFullscreen&&s.requestFullscreen().catch(()=>{}));},a=()=>{let o=l.value;if(o){if(c(o.state)){o.el.click(),n();return}if(r!==null){clearTimeout(r),r=null,t();return}r=setTimeout(()=>{r=null,n();},Ht);}};return onScopeDispose(()=>{r!==null&&(clearTimeout(r),r=null);}),()=>h$1("div",{class:Ft("vide-clickplay",i.class),onClick:a})}});function h(e){let i=ref(false),l=shallowRef(null);return v(e,"ad:start",r=>{i.value=true,l.value={adId:r.adId,clickThrough:r.clickThrough,skipOffset:r.skipOffset,duration:r.duration,adTitle:r.adTitle,adStartTime:Date.now()};}),v(e,"ad:end",()=>{i.value=false,l.value=null;}),v(e,"ad:skip",()=>{i.value=false,l.value=null;}),{active:i,meta:l}}function Nt(...e){return e.filter(Boolean).join(" ")}var ue=defineComponent({name:"VideAdOverlay",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let r=u(),{active:n,meta:t}=h(r),a=()=>{let o=r.value;if(!o)return;o.el.click();let s=t.value?.clickThrough;s?(window.open(s,"_blank"),o.el.pause()):o.el.paused?Promise.resolve(o.el.play()).catch(()=>{}):o.el.pause();};return ()=>n.value?h$1("div",{class:Nt("vide-ad-overlay",i.class),onClick:a},l.default?.()):null}});function Xt(...e){return e.filter(Boolean).join(" ")}var de=defineComponent({name:"VideAdSkip",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let r=u(),{active:n,meta:t}=h(r),a=ref(false),o=ref(0);v(r,"timeupdate",({currentTime:f})=>{!n.value||!t.value||t.value.skipOffset===void 0||(f>=t.value.skipOffset?a.value=true:(a.value=false,o.value=Math.max(0,Math.ceil(t.value.skipOffset-f))));});let s=()=>{let f=r.value;!f||!a.value||!t.value||f.emit("ad:skip",{adId:t.value.adId});};return ()=>!n.value||!t.value||t.value.skipOffset===void 0?null:h$1("button",{type:"button",class:Xt("vide-skip",!a.value&&"vide-skip--disabled",i.class),"aria-label":"Skip ad",onClick:s,disabled:!a.value},a.value?l.default?.()??"Skip Ad":`Skip in ${o.value}s`)}});function Wt(...e){return e.filter(Boolean).join(" ")}var me=defineComponent({name:"VideAdCountdown",inheritAttrs:false,props:{format:{type:Function,default:void 0}},setup(e,{attrs:i}){let l=u(),{active:r,meta:n}=h(l),t=ref(0);return v(l,"timeupdate",({currentTime:a})=>{if(!r.value||!n.value)return;let o=l.value,s=n.value.duration??(o&&Number.isFinite(o.duration)?o.duration:0);t.value=Math.max(0,Math.ceil(s-a));}),()=>r.value?h$1("div",{class:Wt("vide-ad-countdown",i.class)},e.format?e.format(t.value):`Ad \xB7 ${t.value}s`):null}});function tn(...e){return e.filter(Boolean).join(" ")}var fe=defineComponent({name:"VideAdLabel",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let r=u(),{active:n}=h(r);return ()=>n.value?h$1("div",{class:tn("vide-ad-label",i.class)},l.default?.()??"Ad"):null}});function rn(...e){return e.filter(Boolean).join(" ")}var pe=defineComponent({name:"VideAdLearnMore",inheritAttrs:false,props:{showTitle:{type:Boolean,default:false}},setup(e,{attrs:i,slots:l}){let r=u(),{active:n,meta:t}=h(r),a=()=>{let o=r.value;!o||!t.value?.clickThrough||(o.el.click(),window.open(t.value.clickThrough,"_blank"),o.el.pause());};return ()=>{if(!n.value||!t.value?.clickThrough)return null;let o=[];return e.showTitle&&t.value.adTitle&&o.push(h$1("span",{class:"vide-ad-cta__title"},t.value.adTitle)),o.push(l.default?.()??"Learn More"),h$1("button",{type:"button",class:rn("vide-ad-cta",i.class),onClick:a},o)}}});var an=3e3;function sn(e,i){let l=null,r;watch([e,i],([n,t])=>{if(r?.(),r=void 0,!n||!t)return;function a(){if(!t)return true;let d=t.state;return d==="paused"||d==="ended"||d==="idle"||d==="ready"||c(d)}function o(){n?.classList.remove("vide-ui--autohide");}function s(){l!==null&&(clearTimeout(l),l=null);}function f(){s(),!a()&&(l=setTimeout(()=>{n?.classList.add("vide-ui--autohide");},an));}function g(){o(),f();}function V({to:d}){d==="paused"||d==="ended"||d==="idle"||d==="ready"||c(d)?(s(),o()):f();}n.addEventListener("mousemove",g),n.addEventListener("touchstart",g),n.addEventListener("keydown",g),t.on("statechange",V),f(),r=()=>{s(),n.removeEventListener("mousemove",g),n.removeEventListener("touchstart",g),n.removeEventListener("keydown",g),n.classList.remove("vide-ui--autohide"),t.off("statechange",V);};},{immediate:true}),onScopeDispose(()=>{r?.();});}function mn(e,i,l={}){let r;watch([e,i],([n,t])=>{if(r?.(),r=void 0,!n||!t)return;n.setAttribute("tabindex","0");function a(o){if(!t)return;let s=!l.disableSeek,f=!l.disableVolume,g=!l.disableFullscreen,V=c(t.state);switch(o.key){case " ":case "k":case "K":o.preventDefault(),t.state==="playing"||t.state==="ad:playing"?t.pause():t.play().catch(()=>{});break;case "ArrowLeft":if(!s||V)return;o.preventDefault(),t.currentTime=Math.max(0,t.el.currentTime-5);break;case "ArrowRight":if(!s||V)return;o.preventDefault(),t.currentTime=Math.min(t.el.duration||0,t.el.currentTime+5);break;case "ArrowUp":if(!f)return;o.preventDefault(),t.volume=Math.min(1,t.volume+.1),t.muted&&(t.muted=false);break;case "ArrowDown":if(!f)return;o.preventDefault(),t.volume=Math.max(0,t.volume-.1);break;case "m":case "M":if(!f)return;o.preventDefault(),t.muted=!t.muted;break;case "f":case "F":if(!g)return;o.preventDefault(),document.fullscreenElement!=null?document.exitFullscreen().catch(()=>{}):(n?.closest(".vide-ui")??n)?.requestFullscreen().catch(()=>{});break;default:if(o.key.length===1&&o.key>="0"&&o.key<="9"&&s&&!V){o.preventDefault();let d=Number.parseInt(o.key,10)/10,c=t.el.duration;Number.isFinite(c)&&c>0&&(t.currentTime=d*c);}break}}n.addEventListener("keydown",a),r=()=>{n.removeEventListener("keydown",a),n.removeAttribute("tabindex");};},{immediate:true}),onScopeDispose(()=>{r?.();});}function je(...e){return e.filter(Boolean).join(" ")}var ce=defineComponent({name:"VideUI",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let r=u(),n=ref("");return watch(r,(t,a,o)=>{if(!t){n.value="";return}n.value=b$1(t.state);let s=({to:f})=>{n.value=b$1(f);};t.on("statechange",s),o(()=>t.off("statechange",s));},{immediate:true}),()=>h$1("div",{class:je("vide-ui",n.value,i.class),role:"region","aria-label":"Video player"},l.default?.())}}),ve=defineComponent({name:"VideControls",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let r=u();return ()=>r.value?h$1("div",{class:je("vide-controls",i.class)},l.default?.()):null}});var Io={Video:N,HlsPlugin:q,DashPlugin:G,DrmPlugin:X,VastPlugin:$,VmapPlugin:J,SsaiPlugin:Q,PlayButton:W,MuteButton:Z,Progress:ee,Volume:te,FullscreenButton:ne,TimeDisplay:re,Loader:oe,Poster:ie,ErrorDisplay:le,BigPlayButton:ae,ClickPlay:se,UI:ce,Controls:ve,AdOverlay:ue,AdSkip:de,AdCountdown:me,AdLabel:fe,AdLearnMore:pe};
|
|
2
|
-
export{
|
|
1
|
+
import {d}from'../chunk-7R6TO7ZE.mjs';import {e,b,c,x}from'../chunk-YBNODS5R.mjs';import {a as a$3}from'../chunk-AQLZYNP7.mjs';import {a as a$2}from'../chunk-YE6RITJU.mjs';import {c as c$1}from'../chunk-TNHV5PHM.mjs';import'../chunk-2UHU76KF.mjs';import'../chunk-UY5CGRNN.mjs';import {a}from'../chunk-ZUEPNVVV.mjs';import {a as a$1}from'../chunk-JRU2FKRB.mjs';import'../chunk-H3OXPFD3.mjs';import {e as e$1}from'../chunk-CD27DYME.mjs';import'../chunk-DWXOYV4E.mjs';import {defineComponent,ref,inject,onMounted,h as h$1,watch,onScopeDispose,computed,shallowRef,provide}from'vue';var R=Symbol("vide-player"),j=Symbol("vide-register");function u(){let e=inject(R);if(!e)throw new Error("useVideContext must be used within <VideVideo>");return e}function Ke(){let e=shallowRef(null),i=l=>{e.value&&(e.value.destroy(),e.value=null),e.value=a$3(l);};return provide(R,e),provide(j,i),onScopeDispose(()=>{e.value?.destroy(),e.value=null;}),e}function g(e,i,l){let n;watch(e,r=>{n?.(),n=void 0,r&&(r.on(i,l),n=()=>r.off(i,l));},{immediate:true}),onScopeDispose(()=>{n?.();});}function S(e,i,l){let n;watch(e,r=>{if(n?.(),n=void 0,!r)return;n=i(l).setup(r)??void 0;},{immediate:true}),onScopeDispose(()=>{n?.();});}function Ge(e,i){S(e,a,i??{});}function Xe(e,i){S(e,a$1,i??{});}function $e(e,i){S(e,e$1,i);}function Je(e,i){S(e,a$2,i);}function Qe(e,i){S(e,c$1,i);}function We(e,i){S(e,d,i??{});}function Ze(e,i){S(e,x,i);}var q=defineComponent({name:"VideVideo",inheritAttrs:false,setup(e,{attrs:i,expose:l}){let n=ref(null),r=inject(j);return l({video:n}),onMounted(()=>{n.value&&r&&r(n.value);}),()=>h$1("video",{...i,ref:n})}});function w(e,i,l){return defineComponent({name:e,props:l.reduce((n,r)=>(n[r]=null,n),{}),setup(n){let r=u(),t;return watch(r,a=>{if(t?.(),t=void 0,!a)return;t=i({...n}).setup(a)??void 0;},{immediate:true}),onScopeDispose(()=>{t?.();}),()=>null}})}var G=w("VideHlsPlugin",a,["hlsConfig","recovery"]),X=w("VideDashPlugin",a$1,["dashConfig","recovery"]),$=w("VideDrmPlugin",e$1,["widevine","fairplay"]),J=w("VideVastPlugin",a$2,["tagUrl","timeout","allowSkip","adPlugins"]),Q=w("VideVmapPlugin",c$1,["url","timeout","vastOptions","adPlugins"]),W=w("VideSsaiPlugin",d,["tolerance","parser"]);var E={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:24,height:24,fill:"currentColor","aria-hidden":"true"},O=defineComponent({name:"IconPlay",render(){return h$1("svg",E,[h$1("path",{d:"M8 5v14l11-7z"})])}}),xe=defineComponent({name:"IconPause",render(){return h$1("svg",E,[h$1("path",{d:"M6 19h4V5H6v14zm8-14v14h4V5h-4z"})])}}),B=defineComponent({name:"IconVolumeHigh",render(){return h$1("svg",E,[h$1("path",{d:"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"})])}}),H=defineComponent({name:"IconVolumeLow",render(){return h$1("svg",E,[h$1("path",{d:"M18.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 9v6h4l5 5V4L9 9H5z"})])}}),F=defineComponent({name:"IconVolumeMute",render(){return h$1("svg",E,[h$1("path",{d:"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4l-1.88 1.88L12 7.76V4z"})])}}),Ee=defineComponent({name:"IconFullscreenEnter",render(){return h$1("svg",E,[h$1("path",{d:"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"})])}}),be=defineComponent({name:"IconFullscreenExit",render(){return h$1("svg",E,[h$1("path",{d:"M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"})])}}),Se=defineComponent({name:"IconExternalLink",render(){return h$1("svg",E,[h$1("path",{d:"M14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"}),h$1("path",{d:"M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2v7z"})])}}),we=defineComponent({name:"IconSkipForward",render(){return h$1("svg",E,[h$1("path",{d:"M5 18l10-6L5 6v12zm12-12v12h2V6h-2z"})])}});function dt(...e){return e.filter(Boolean).join(" ")}var Z=defineComponent({name:"VidePlayButton",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let n=u(),r=ref(false);g(n,"statechange",({to:a})=>{a==="playing"||a==="ad:playing"?r.value=true:(a==="paused"||a==="ready"||a==="ended"||a==="ad:paused")&&(r.value=false);});let t=()=>{let a=n.value;a&&(a.state==="playing"||a.state==="ad:playing"?a.pause():a.play().catch(()=>{}));};return ()=>h$1("button",{type:"button",class:dt("vide-play",i.class),"aria-label":r.value?"Pause":"Play","data-playing":r.value||void 0,onClick:t},l.default?.()??[h$1(r.value?xe:O)])}});function pt(...e){return e.filter(Boolean).join(" ")}var ee=defineComponent({name:"VideMuteButton",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let n=u(),r=ref(false),t=ref(1),a;watch(n,s=>{if(a?.(),a=void 0,!s)return;let f=()=>{r.value=s.muted||s.volume===0,t.value=s.volume;};s.el.addEventListener("volumechange",f),f(),a=()=>s.el.removeEventListener("volumechange",f);},{immediate:true}),onScopeDispose(()=>{a?.();});let o=()=>{let s=n.value;s&&(s.muted=!s.muted);};return ()=>h$1("button",{type:"button",class:pt("vide-mute",i.class),"aria-label":r.value?"Unmute":"Mute","data-muted":r.value||void 0,onClick:o},l.default?.()??[h$1(r.value?F:t.value<.5?H:B)])}});function gt(...e){return e.filter(Boolean).join(" ")}var te=defineComponent({name:"VideProgress",inheritAttrs:false,setup(e,{attrs:i}){let l=u(),n=ref(0),r=ref(0),t=ref(false),a=ref(false),o=ref(null);g(l,"timeupdate",({currentTime:d,duration:v})=>{!a.value&&v>0&&(n.value=d/v);let m=l.value;if(m&&m.el.buffered.length>0&&v>0){let c=m.el.buffered.end(m.el.buffered.length-1);r.value=Math.min(1,c/v);}}),g(l,"statechange",({to:d})=>{let v=d==="ad:loading"||d==="ad:playing"||d==="ad:paused";t.value=v;});let s=d=>{if(!o.value)return 0;let v=o.value.getBoundingClientRect();return v.width===0?0:Math.max(0,Math.min(1,(d.clientX-v.left)/v.width))},f=d=>{!l.value||t.value||(a.value=true,o.value?.setPointerCapture(d.pointerId),n.value=s(d));},y=d=>{a.value&&(n.value=s(d));},V=d=>{if(!a.value||!l.value)return;a.value=false,o.value?.releasePointerCapture(d.pointerId);let v=s(d),m=l.value.el.duration;Number.isFinite(m)&&m>0&&(l.value.currentTime=v*m);};return ()=>h$1("div",{ref:o,class:gt("vide-progress",i.class),role:"slider",tabindex:0,"aria-label":"Seek","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.round(n.value*100),"data-disabled":t.value||void 0,style:{"--vide-progress":n.value,"--vide-progress-buffered":r.value},onPointerdown:f,onPointermove:y,onPointerup:V},[h$1("div",{class:"vide-progress__buffered"}),h$1("div",{class:"vide-progress__bar"}),h$1("div",{class:"vide-progress__handle"})])}});function Pt(...e){return e.filter(Boolean).join(" ")}var ne=defineComponent({name:"VideVolume",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let n=u(),r=ref(1),t=ref(false),a=ref(false),o=ref(null),s;watch(n,m=>{if(s?.(),s=void 0,!m)return;let c=()=>{a.value||(r.value=m.muted?0:m.volume),t.value=m.muted||m.volume===0;};m.el.addEventListener("volumechange",c),c(),s=()=>m.el.removeEventListener("volumechange",c);},{immediate:true}),onScopeDispose(()=>{s?.();});let f=()=>{let m=n.value;m&&(m.muted=!m.muted);},y=m=>{if(!o.value)return 0;let c=o.value.getBoundingClientRect();return c.width===0?0:Math.max(0,Math.min(1,(m.clientX-c.left)/c.width))},V=m=>{let c=n.value;if(!c)return;a.value=true,o.value?.setPointerCapture(m.pointerId);let P=y(m);c.volume=P,c.muted&&P>0&&(c.muted=false),r.value=P,t.value=P===0;},d=m=>{let c=n.value;if(!a.value||!c)return;let P=y(m);c.volume=P,c.muted&&P>0&&(c.muted=false),r.value=P,t.value=P===0;},v=m=>{a.value&&(a.value=false,o.value?.releasePointerCapture(m.pointerId));};return ()=>h$1("div",{class:Pt("vide-volume",i.class),"data-muted":t.value||void 0,style:{"--vide-volume":r.value}},[h$1("button",{type:"button",class:"vide-volume__button","aria-label":t.value?"Unmute":"Mute",onClick:f},l.default?.()??[h$1(t.value?F:r.value<.5?H:B)]),h$1("div",{ref:o,class:"vide-volume__slider",role:"slider",tabindex:0,"aria-label":"Volume","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.round(r.value*100),onPointerdown:V,onPointermove:d,onPointerup:v},[h$1("div",{class:"vide-volume__track"}),h$1("div",{class:"vide-volume__filled"})])])}});function wt(...e){return e.filter(Boolean).join(" ")}var re=defineComponent({name:"VideFullscreenButton",inheritAttrs:false,props:{target:{type:Object,default:null}},setup(e,{attrs:i,slots:l}){let n=u(),r=ref(false),t=()=>{r.value=document.fullscreenElement!=null||document.webkitFullscreenElement!=null;};onMounted(()=>{document.addEventListener("fullscreenchange",t),document.addEventListener("webkitfullscreenchange",t);}),onScopeDispose(()=>{document.removeEventListener("fullscreenchange",t),document.removeEventListener("webkitfullscreenchange",t);});let a=()=>{let o=e.target??n.value?.el.closest(".vide-ui")??n.value?.el.parentElement;o&&(document.fullscreenElement?document.exitFullscreen().catch(()=>{}):o.requestFullscreen().catch(()=>{}));};return ()=>h$1("button",{type:"button",class:wt("vide-fullscreen",i.class),"aria-label":r.value?"Exit fullscreen":"Fullscreen","data-fullscreen":r.value||void 0,onClick:a},l.default?.()??[h$1(r.value?be:Ee)])}});function kt(...e){return e.filter(Boolean).join(" ")}var oe=defineComponent({name:"VideTimeDisplay",inheritAttrs:false,props:{separator:{type:String,default:"/"}},setup(e$1,{attrs:i}){let l=u(),n=ref(0),r=ref(0);return g(l,"timeupdate",t=>{n.value=t.currentTime,r.value=t.duration;}),()=>h$1("div",{class:kt("vide-time",i.class),"aria-label":"Time"},[h$1("span",e(n.value)),h$1("span",e$1.separator),h$1("span",e(r.value))])}});function Mt(...e){return e.filter(Boolean).join(" ")}var ie=defineComponent({name:"VideLoader",inheritAttrs:false,setup(e,{attrs:i}){return ()=>h$1("div",{class:Mt("vide-loader",i.class),role:"status","aria-label":"Loading"},[h$1("div",{class:"vide-loader__spinner"})])}});function Dt(...e){return e.filter(Boolean).join(" ")}var le=defineComponent({name:"VidePoster",inheritAttrs:false,props:{src:{type:String,required:true},alt:{type:String,default:""}},setup(e,{attrs:i}){return ()=>h$1("div",{class:Dt("vide-poster",i.class)},[h$1("img",{class:"vide-poster__image",src:e.src,alt:e.alt})])}});function jt(...e){return e.filter(Boolean).join(" ")}var ae=defineComponent({name:"VideErrorDisplay",inheritAttrs:false,setup(e,{attrs:i}){let l=u(),n=ref(""),r;return watch(l,t=>{if(r?.(),r=void 0,!t)return;let a=({message:o})=>{n.value=o;};t.on("error",a),r=()=>t.off("error",a);},{immediate:true}),onScopeDispose(()=>{r?.();}),()=>h$1("div",{class:jt("vide-error",i.class),role:"alert"},[h$1("span",{class:"vide-error__message"},n.value)])}});function Bt(...e){return e.filter(Boolean).join(" ")}var se=defineComponent({name:"VideBigPlayButton",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let n=u(),r=()=>{let t=n.value;if(t){if(t.state==="ended"){let s=function({to:f}){f==="ready"&&(o.off("statechange",s),o.play().catch(()=>{}));};let o=t;o.on("statechange",s),o.el.currentTime=0,o.el.load();return}t.play().catch(()=>{});}};return ()=>h$1("button",{type:"button",class:Bt("vide-bigplay",i.class),"aria-label":"Play video",onClick:r},l.default?.()??[h$1(O)])}});var Kt=200;function Ut(...e){return e.filter(Boolean).join(" ")}var ue=defineComponent({name:"VideClickPlay",inheritAttrs:false,props:{enableFullscreen:{type:Boolean,default:true}},setup(e,{attrs:i}){let l=u(),n=null,r=()=>{let o=l.value;o&&(o.state==="playing"||o.state==="ad:playing"?o.pause():o.play().catch(()=>{}));},t=()=>{if(!e.enableFullscreen)return;let o=l.value,s=o?.el.closest(".vide-ui")??o?.el.parentElement;s&&(document.fullscreenElement!=null?document.exitFullscreen().catch(()=>{}):s.requestFullscreen&&s.requestFullscreen().catch(()=>{}));},a=()=>{let o=l.value;if(o){if(c(o.state)){o.el.click(),r();return}if(n!==null){clearTimeout(n),n=null,t();return}n=setTimeout(()=>{n=null,r();},Kt);}};return onScopeDispose(()=>{n!==null&&(clearTimeout(n),n=null);}),()=>h$1("div",{class:Ut("vide-clickplay",i.class),role:"presentation",onClick:a})}});function h(e){let i=ref(false),l=shallowRef(null);return g(e,"ad:start",n=>{i.value=true,l.value={adId:n.adId,clickThrough:n.clickThrough,skipOffset:n.skipOffset,duration:n.duration,adTitle:n.adTitle,adStartTime:Date.now()};}),g(e,"ad:end",()=>{i.value=false,l.value=null;}),g(e,"ad:skip",()=>{i.value=false,l.value=null;}),{active:i,meta:l}}function Xt(...e){return e.filter(Boolean).join(" ")}var de=defineComponent({name:"VideAdOverlay",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let n=u(),{active:r,meta:t}=h(n),a=()=>{let o=n.value;if(!o)return;o.el.click();let s=t.value?.clickThrough;s?(window.open(s,"_blank"),o.el.pause()):o.el.paused?Promise.resolve(o.el.play()).catch(()=>{}):o.el.pause();};return ()=>r.value?h$1("div",{class:Xt("vide-ad-overlay",i.class),onClick:a},l.default?.()):null}});function Jt(...e){return e.filter(Boolean).join(" ")}var fe=defineComponent({name:"VideAdSkip",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let n=u(),{active:r,meta:t}=h(n),a=ref(false),o=ref(0);g(n,"timeupdate",({currentTime:f})=>{!r.value||!t.value||t.value.skipOffset===void 0||(f>=t.value.skipOffset?a.value=true:(a.value=false,o.value=Math.max(0,Math.ceil(t.value.skipOffset-f))));});let s=()=>{let f=n.value;!f||!a.value||!t.value||f.emit("ad:skip",{adId:t.value.adId});};return ()=>{if(!r.value||!t.value||t.value.skipOffset===void 0)return null;let f=[h$1("span",{class:"vide-skip__label"},a.value?"Skip Ad":`Skip in ${o.value}s`),h$1(we)];return h$1("button",{type:"button",class:Jt("vide-skip",!a.value&&"vide-skip--disabled",i.class),"aria-label":"Skip ad",onClick:s,disabled:!a.value},l.default?.()??f)}}});function en(...e){return e.filter(Boolean).join(" ")}var ce=defineComponent({name:"VideAdCountdown",inheritAttrs:false,props:{format:{type:Function,default:void 0}},setup(e,{attrs:i}){let l=u(),{active:n,meta:r}=h(l),t=ref(0);return g(l,"timeupdate",({currentTime:a})=>{if(!n.value||!r.value)return;let o=l.value,s=r.value.duration??(o&&Number.isFinite(o.duration)?o.duration:0);t.value=Math.max(0,Math.ceil(s-a));}),()=>n.value?h$1("div",{class:en("vide-ad-countdown",i.class),"aria-label":"Ad countdown","aria-live":"off"},e.format?e.format(t.value):`Ad \xB7 ${t.value}s`):null}});function rn(...e){return e.filter(Boolean).join(" ")}var pe=defineComponent({name:"VideAdLabel",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let n=u(),{active:r}=h(n);return ()=>r.value?h$1("div",{class:rn("vide-ad-label",i.class)},l.default?.()??"Ad"):null}});function an(...e){return e.filter(Boolean).join(" ")}function sn(e){try{return new URL(e).hostname}catch{return e}}var ve=defineComponent({name:"VideAdLearnMore",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let n=u(),{active:r,meta:t}=h(n),a=computed(()=>t.value?.clickThrough?sn(t.value.clickThrough):""),o=()=>{let s=n.value;!s||!t.value?.clickThrough||(s.el.click(),window.open(t.value.clickThrough,"_blank"),s.el.pause());};return ()=>{if(!r.value||!t.value?.clickThrough)return null;let s=[h$1("span",{class:"vide-ad-cta__icon"},[h$1(Se)]),h$1("span",{class:"vide-ad-cta__body"},[...t.value.adTitle?[h$1("span",{class:"vide-ad-cta__title"},t.value.adTitle)]:[],h$1("span",{class:"vide-ad-cta__url"},a.value)])];return h$1("button",{type:"button",class:an("vide-ad-cta",i.class),onClick:o},l.default?.()??s)}}});var mn=3e3;function fn(e,i){let l=null,n;watch([e,i],([r,t])=>{if(n?.(),n=void 0,!r||!t)return;function a(){if(!t)return true;let d=t.state;return d==="paused"||d==="ended"||d==="idle"||d==="ready"||c(d)}function o(){r?.classList.remove("vide-ui--autohide");}function s(){l!==null&&(clearTimeout(l),l=null);}function f(){s(),!a()&&(l=setTimeout(()=>{r?.classList.add("vide-ui--autohide");},mn));}function y(){o(),f();}function V({to:d}){d==="paused"||d==="ended"||d==="idle"||d==="ready"||c(d)?(s(),o()):f();}r.addEventListener("mousemove",y),r.addEventListener("touchstart",y),r.addEventListener("keydown",y),t.on("statechange",V),f(),n=()=>{s(),r.removeEventListener("mousemove",y),r.removeEventListener("touchstart",y),r.removeEventListener("keydown",y),r.classList.remove("vide-ui--autohide"),t.off("statechange",V);};},{immediate:true}),onScopeDispose(()=>{n?.();});}function vn(e,i,l={}){let n;watch([e,i],([r,t])=>{if(n?.(),n=void 0,!r||!t)return;r.setAttribute("tabindex","0");function a(o){if(!t)return;let s=!l.disableSeek,f=!l.disableVolume,y=!l.disableFullscreen,V=c(t.state);switch(o.key){case " ":case "k":case "K":o.preventDefault(),t.state==="playing"||t.state==="ad:playing"?t.pause():t.play().catch(()=>{});break;case "ArrowLeft":if(!s||V)return;o.preventDefault(),t.currentTime=Math.max(0,t.el.currentTime-5);break;case "ArrowRight":if(!s||V)return;o.preventDefault(),t.currentTime=Math.min(t.el.duration||0,t.el.currentTime+5);break;case "ArrowUp":if(!f)return;o.preventDefault(),t.volume=Math.min(1,t.volume+.1),t.muted&&(t.muted=false);break;case "ArrowDown":if(!f)return;o.preventDefault(),t.volume=Math.max(0,t.volume-.1);break;case "m":case "M":if(!f)return;o.preventDefault(),t.muted=!t.muted;break;case "f":case "F":if(!y)return;o.preventDefault(),document.fullscreenElement!=null?document.exitFullscreen().catch(()=>{}):(r?.closest(".vide-ui")??r)?.requestFullscreen().catch(()=>{});break;default:if(o.key.length===1&&o.key>="0"&&o.key<="9"&&s&&!V){o.preventDefault();let d=Number.parseInt(o.key,10)/10,v=t.el.duration;Number.isFinite(v)&&v>0&&(t.currentTime=d*v);}break}}r.addEventListener("keydown",a),n=()=>{r.removeEventListener("keydown",a),r.removeAttribute("tabindex");};},{immediate:true}),onScopeDispose(()=>{n?.();});}function Be(...e){return e.filter(Boolean).join(" ")}var ge=defineComponent({name:"VideUI",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let n=u(),r=ref("");return watch(n,(t,a,o)=>{if(!t){r.value="";return}r.value=b(t.state);let s=({to:f})=>{r.value=b(f);};t.on("statechange",s),o(()=>t.off("statechange",s));},{immediate:true}),()=>h$1("div",{class:Be("vide-ui",r.value,i.class),role:"region","aria-label":"Video player"},l.default?.())}}),ye=defineComponent({name:"VideControls",inheritAttrs:false,setup(e,{attrs:i,slots:l}){let n=u();return ()=>n.value?h$1("div",{class:Be("vide-controls",i.class)},l.default?.()):null}});var Ho={Video:q,HlsPlugin:G,DashPlugin:X,DrmPlugin:$,VastPlugin:J,VmapPlugin:Q,SsaiPlugin:W,PlayButton:Z,MuteButton:ee,Progress:te,Volume:ne,FullscreenButton:re,TimeDisplay:oe,Loader:ie,Poster:le,ErrorDisplay:ae,BigPlayButton:se,ClickPlay:ue,UI:ge,Controls:ye,AdOverlay:de,AdSkip:fe,AdCountdown:ce,AdLabel:pe,AdLearnMore:ve};
|
|
2
|
+
export{R as VIDE_PLAYER_KEY,Ho as Vide,ce as VideAdCountdown,pe as VideAdLabel,ve as VideAdLearnMore,de as VideAdOverlay,fe as VideAdSkip,se as VideBigPlayButton,ue as VideClickPlay,ye as VideControls,X as VideDashPlugin,$ as VideDrmPlugin,ae as VideErrorDisplay,re as VideFullscreenButton,G as VideHlsPlugin,ie as VideLoader,ee as VideMuteButton,Z as VidePlayButton,le as VidePoster,te as VideProgress,W as VideSsaiPlugin,oe as VideTimeDisplay,ge as VideUI,J as VideVastPlugin,q as VideVideo,Q as VideVmapPlugin,ne as VideVolume,h as useAdState,fn as useAutohide,Xe as useDash,$e as useDrm,Ge as useHls,vn as useKeyboard,We as useSsai,Ze as useUi,Je as useVast,u as useVideContext,g as useVideEvent,Ke as useVidePlayer,Qe as useVmap};
|
package/package.json
CHANGED
package/dist/chunk-3RDTWUHH.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import {N,M,R,T,S,Q}from'./chunk-G74QBLVV.mjs';import {a}from'./chunk-UY5CGRNN.mjs';function I(e){return {name:"vast",setup(t){let r=false,a$1=null,n=t._setState;async function v(){if(!r)try{let d=function(){r||(n("playing"),w(t,C,h));};var y=d;let s=e.timeout!==void 0?{timeout:e.timeout}:void 0,l=await N(e.tagUrl,s);if(r)return;let i=M(l);if(i.ads.length===0){n("playing");return}let o=R(i.ads);if(o.ads.length===0){n("playing");return}let h=t.el.currentTime,C=t.src;switch(t.src="",o.type){case "single":{let{promise:S,abort:R}=Q({player:t,ad:o.ads[0].ad,linear:o.ads[0].linear,source:"vast",adPlugins:e.adPlugins,onFinish:d});a$1=R,await S;break}case "pod":{await S(t,o.ads,{source:"vast",adPlugins:e.adPlugins,onFinish:d,standalonePool:o.standalonePool});break}case "waterfall":{await T(t,o.ads,{source:"vast",adPlugins:e.adPlugins,onFinish:d})||(a(i.errors,303),t.emit("ad:error",{error:new Error("All waterfall ads failed"),source:"vast",vastErrorCode:303}),d());break}}}catch(s){if(r)return;let l=s instanceof Error?s:new Error(String(s)),i=l.name==="AbortError"?301:100;t.emit("ad:error",{error:l,source:"vast",vastErrorCode:i}),n("playing");}}function c({to:y}){y==="ready"&&!r&&(t.off("statechange",c),v());}return t.state==="ready"||t.state==="playing"||t.state==="paused"?v():t.on("statechange",c),()=>{r=true,t.off("statechange",c),a$1&&a$1();}}}}function w(e,t,r){function a({to:n}){n==="ready"&&(e.off("statechange",a),r>0&&(e.el.currentTime=r),e.play().catch(()=>{e.el.muted=true,e.play().catch(()=>{});}));}e.on("statechange",a),e.src=t;}export{I as a};
|
package/dist/chunk-6DWWYSH4.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import'./chunk-DWXOYV4E.mjs';var $={idle:["loading","playing","error"],loading:["ready","playing","error"],ready:["playing","loading","ad:loading","error"],playing:["paused","buffering","loading","ad:loading","ended","error"],paused:["playing","loading","ad:loading","ended","error"],buffering:["playing","loading","error"],"ad:loading":["ad:playing","playing","error"],"ad:playing":["ad:paused","ad:loading","playing","error"],"ad:paused":["ad:playing","ad:loading","playing","error"],ended:["idle","loading","error"],error:["idle","loading"]};function z(t,a){return $[t].includes(a)}function B(t){return t.readyState>=3?t.paused?"ready":"playing":t.readyState>=1?"loading":"idle"}function G(t){let a=B(t),g=t instanceof HTMLAudioElement,y=new Map,k=[],c=false,m=[],s=null,E=t.getAttribute("src")??"",b=false,o=new Map,h=t.duration===Number.POSITIVE_INFINITY,L=null;function x(e){let n=y.get(e);return n||(n=new Set,y.set(e,n)),n}function i(e,n){let r=y.get(e);if(r)for(let u of r)try{u(n);}catch(p){console.error("[vide] Event handler error:",p);}}function d(e){if(e===a)return;if(!z(a,e)){console.warn(`[vide] Invalid transition: ${a} \u2192 ${e}`);return}let n=a;a=e,i("statechange",{from:n,to:e});}function v(){return a==="ad:loading"||a==="ad:playing"||a==="ad:paused"}function S(){!v()&&t.paused&&d("loading");}function P(){a==="loading"&&d("ready");}function w(){v()||d("playing"),i("play",void 0);}function H(){v()||d("paused"),i("pause",void 0);}function V(){a==="playing"&&d("buffering");}function C(){(a==="buffering"||a==="ready")&&d("playing");}function I(){v()||d("ended"),i("ended",void 0);}function M(){i("timeupdate",{currentTime:t.currentTime,duration:t.duration});}function Q(){let e=t.error;v()||d("error"),i("error",{code:e?.code??1e3,message:e?.message??"Unknown error",source:"core"});}function A(){let e=t.duration===Number.POSITIVE_INFINITY;e!==h&&(h=e,i("livestatechange",{isLive:e}));}t.addEventListener("durationchange",A),t.addEventListener("loadstart",S),t.addEventListener("canplay",P),t.addEventListener("play",w),t.addEventListener("pause",H),t.addEventListener("waiting",V),t.addEventListener("playing",C),t.addEventListener("ended",I),t.addEventListener("timeupdate",M),t.addEventListener("error",Q);function T(e,n){return {id:n,label:e.label,language:e.language,kind:e.kind,active:e.mode==="showing"}}function R(e){if(!e)return [];let n=[];for(let r=0;r<e.length;r++){let u=e[r];n.push({startTime:u.startTime,endTime:u.endTime,text:u.text??""});}return n}let l=new Map;function q(e){if(l.has(e))return;let n=()=>{e.mode==="showing"&&i("cuechange",{cues:R(e.activeCues)});};l.set(e,n),e.addEventListener("cuechange",n);}function F(e){let n=l.get(e);n&&(e.removeEventListener("cuechange",n),l.delete(e));}function O(){let e=[];for(let n=0;n<t.textTracks.length;n++)e.push(T(t.textTracks[n],n));i("texttracksavailable",{tracks:e});}function N(){for(let e=0;e<t.textTracks.length;e++)q(t.textTracks[e]);O();}function _(e){e.track&&F(e.track),O();}let D=typeof t.textTracks.addEventListener=="function";if(D){t.textTracks.addEventListener("addtrack",N),t.textTracks.addEventListener("removetrack",_);for(let e=0;e<t.textTracks.length;e++)q(t.textTracks[e]);}let j=new Set(["statechange","play","pause","ended","timeupdate","livestatechange","error","ad:companions","ad:nonlinears","ad:start","ad:end","ad:skip","ad:click","ad:error","ad:impression","ad:loaded","ad:quartile","ad:mute","ad:unmute","ad:volumeChange","ad:fullscreen","ad:breakStart","ad:breakEnd","ad:pod:start","ad:pod:end","ad:pod:adstart","ad:pod:adend","qualitiesavailable","qualitychange","texttrackchange","texttracksavailable","cuechange","destroy"]);function K(){if(t.removeEventListener("durationchange",A),t.removeEventListener("loadstart",S),t.removeEventListener("canplay",P),t.removeEventListener("play",w),t.removeEventListener("pause",H),t.removeEventListener("waiting",V),t.removeEventListener("playing",C),t.removeEventListener("ended",I),t.removeEventListener("timeupdate",M),t.removeEventListener("error",Q),D){t.textTracks.removeEventListener("addtrack",N),t.textTracks.removeEventListener("removetrack",_);for(let[e,n]of l)e.removeEventListener("cuechange",n);l.clear();}}function U(){if(s||b)return;let e=t.querySelectorAll("source");for(let n of e){let r=n.getAttribute("src"),u=n.getAttribute("type")??void 0;if(r){for(let p of m)if(p.canHandle(r,u)){s=p,E=r,d("loading"),p.load(r,t);for(let W of e)W.remove();return}}}}let f={get el(){return t},get state(){return a},on(e,n){j.has(e)?x(e).add(n):t.addEventListener(e,n);},off(e,n){j.has(e)?x(e).delete(n):t.removeEventListener(e,n);},emit:i,once(e,n){let r=u=>{f.off(e,r),n(u);};f.on(e,r);},play(){return t.play()},pause(){t.pause();},get currentTime(){return t.currentTime},set currentTime(e){t.currentTime=e;},get duration(){return t.duration},set duration(e){},get volume(){return t.volume},set volume(e){t.volume=e;},get muted(){return t.muted},set muted(e){t.muted=e;},get playbackRate(){return t.playbackRate},set playbackRate(e){t.playbackRate=e;},get paused(){return t.paused},get ended(){return t.ended},get readyState(){return t.readyState},get buffered(){return t.buffered},get seekable(){return t.seekable},get seeking(){return t.seeking},get isLive(){return c?false:t.duration===Number.POSITIVE_INFINITY},get seekableRange(){return c||t.seekable.length===0?null:{start:t.seekable.start(0),end:t.seekable.end(0)}},get qualities(){return o.get("qualities")??[]},get currentQuality(){return o.get("currentQuality")??null},get isAutoQuality(){return o.get("autoQuality")??true},get isAudio(){return g},setQuality(e){let n=o.get("qualitySetter");n&&n(e);},get textTracks(){return t.textTracks},getTextTracks(){let e=[];for(let n=0;n<t.textTracks.length;n++)e.push(T(t.textTracks[n],n));return e},getActiveTextTrack(){for(let e=0;e<t.textTracks.length;e++)if(t.textTracks[e].mode==="showing")return T(t.textTracks[e],e);return null},get activeCues(){for(let e=0;e<t.textTracks.length;e++)if(t.textTracks[e].mode==="showing")return R(t.textTracks[e].activeCues);return []},setTextTrack(e){for(let r=0;r<t.textTracks.length;r++)t.textTracks[r].mode=r===e?"showing":"disabled";let n=e>=0&&e<t.textTracks.length?T(t.textTracks[e],e):null;i("texttrackchange",{track:n});},addTextTrack(e){let n=document.createElement("track");n.src=e.src,n.label=e.label,n.srclang=e.language,n.kind=e.kind??"subtitles",e.default&&(n.default=true),t.appendChild(n);},get videoWidth(){return g?0:t.videoWidth},get videoHeight(){return g?0:t.videoHeight},get networkState(){return t.networkState},get loop(){return t.loop},set loop(e){t.loop=e;},get autoplay(){return t.autoplay},set autoplay(e){t.autoplay=e;},get poster(){return g?"":t.poster},set poster(e){g||(t.poster=e);},get preload(){return t.preload},set preload(e){t.preload=e;},get defaultPlaybackRate(){return t.defaultPlaybackRate},set defaultPlaybackRate(e){t.defaultPlaybackRate=e;},get defaultMuted(){return t.defaultMuted},set defaultMuted(e){t.defaultMuted=e;},get crossOrigin(){return t.crossOrigin},set crossOrigin(e){t.crossOrigin=e;},get controls(){return t.controls},set controls(e){t.controls=e;},get src(){return E},set src(e){if(s&&(s.unload(t),s=null),o.delete("qualities"),o.delete("currentQuality"),o.delete("autoQuality"),o.delete("qualitySetter"),L=null,b=true,E=e,!e){t.removeAttribute("src");return}for(let n of m)if(n.canHandle(e)){s=n,d("loading"),n.load(e,t);return}t.src=e;},registerSourceHandler(e){if(c){console.warn("[vide] Cannot register source handler after destroy");return}m.push(e),!b&&!s&&U();},addEventListener(e,n,r){t.addEventListener(e,n,r);},removeEventListener(e,n,r){t.removeEventListener(e,n,r);},use(e){if(c){console.warn("[vide] Cannot use plugin after destroy");return}let n=e.setup(f);n&&k.push(n);},setPluginData(e,n){if(o.set(e,n),e==="qualities")i("qualitiesavailable",{qualities:n});else if(e==="currentQuality"){let r=n;i("qualitychange",{from:L,to:r}),L=r;}},getPluginData(e){return o.get(e)},destroy(){if(!c){c=true,s&&(s.unload(t),s=null);for(let e of k)try{e();}catch(n){console.error("[vide] Plugin cleanup error:",n);}k.length=0,i("destroy",void 0),K(),y.clear(),o.clear();}}};return f._setState=d,f}export{G as a};
|
package/dist/chunk-LPSJOF2I.mjs
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
function S(e){return {name:"ui-ad",setup(t,n){let r=n.creatives.find(o=>o.linear)?.linear;if(r)return e.set({adId:n.id,skipOffset:r.skipOffset,clickThrough:r.clickThrough,duration:r.duration,adTitle:n.adTitle}),()=>{e.clear();}}}}function C(e){return `vide-ui--${e.replace(":","-")}`}function v(e){return e==="ad:loading"||e==="ad:playing"||e==="ad:paused"}function A(e,t){e.classList.add(C(t.state));function n({from:r,to:o}){e.classList.remove(C(r)),e.classList.add(C(o));}return t.on("statechange",n),()=>t.off("statechange",n)}function b(e){if(!Number.isFinite(e)||e<0)return "0:00";let t=Math.floor(e),n=Math.floor(t/3600),r=Math.floor(t%3600/60),o=t%60,i=n>0?String(r).padStart(2,"0"):String(r),l=String(o).padStart(2,"0");return n>0?`${n}:${i}:${l}`:`${i}:${l}`}function u(e,t){let n=document.createElement(e);return n.className=t,n}function T(){let e={current:null,set(t){e.current=t;},clear(){e.current=null;}};return e}function M(e){let t=null,n=null;function r(){if(!t||!n||!v(n.state))return;let o=e.current?.duration??(Number.isFinite(n.el.duration)?n.el.duration:0),i=n.el.currentTime,l=Math.max(0,Math.ceil(o-i));t.textContent=`${l}s`;}return {mount(o){t=u("div","vide-ad-countdown"),o.appendChild(t);},connect(o){n=o,n.on("timeupdate",r);},destroy(){t&&(t.remove(),t=null),n&&(n.off("timeupdate",r),n=null);}}}function k(){let e=null;return {mount(t){e=u("div","vide-ad-label"),e.textContent="Ad",t.appendChild(e);},connect(t){},destroy(){e&&(e.remove(),e=null);}}}var U="http://www.w3.org/2000/svg";function h(e,t="0 0 24 24"){let n=document.createElementNS(U,"svg");n.setAttribute("viewBox",t),n.setAttribute("width","24"),n.setAttribute("height","24"),n.setAttribute("fill","currentColor"),n.setAttribute("aria-hidden","true");for(let r of e){let o=document.createElementNS(U,"path");o.setAttribute("d",r),n.appendChild(o);}return n}function P(){return h(["M8 5v14l11-7z"])}function x(){return h(["M6 19h4V5H6v14zm8-14v14h4V5h-4z"])}function I(){return h(["M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"])}function H(){return h(["M18.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 9v6h4l5 5V4L9 9H5z"])}function V(){return h(["M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4l-1.88 1.88L12 7.76V4z"])}function w(){return h(["M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"])}function _(){return h(["M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"])}function j(){return h(["M5 18l10-6L5 6v12zm12-12v12h2V6h-2z"])}function D(){return h(["M14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z","M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2v7z"])}function Z(e){try{return new URL(e).hostname}catch{return e}}function F(e){let t=null,n=null,r=null,o=null;function i(){if(!o)return;let a=e.current?.clickThrough;a&&(o.el.click(),window.open(a,"_blank"),o.el.pause());}function l(){if(!t)return;let a=e.current,d=a?.clickThrough;t.style.display=d?"":"none",n&&(n.textContent=a?.adTitle??"",n.style.display=a?.adTitle?"":"none"),r&&(r.textContent=d?Z(d):"");}return {mount(a){t=u("button","vide-ad-cta"),t.type="button";let d=u("span","vide-ad-cta__icon");d.appendChild(D()),t.appendChild(d);let m=u("span","vide-ad-cta__body");n=u("span","vide-ad-cta__title"),n.style.display="none",m.appendChild(n),r=u("span","vide-ad-cta__url"),m.appendChild(r),t.appendChild(m),a.appendChild(t),t.style.display="none";},connect(a){o=a,t&&(t.addEventListener("click",i),a.on("ad:start",l),a.on("ad:end",l),a.on("ad:skip",l),l());},destroy(){t&&(t.removeEventListener("click",i),t.remove(),t=null),o&&(o.off("ad:start",l),o.off("ad:end",l),o.off("ad:skip",l)),o=null,n=null,r=null;}}}function G(e){let t=null,n=null;function r(){if(!n)return;n.el.click();let o=e.current?.clickThrough;o?(window.open(o,"_blank"),n.el.pause()):n.el.paused?Promise.resolve(n.el.play()).catch(()=>{}):n.el.pause();}return {mount(o){t=u("div","vide-ad-overlay"),o.appendChild(t);},connect(o){n=o,t&&t.addEventListener("click",r);},destroy(){t&&(t.removeEventListener("click",r),t.remove(),t=null),n=null;}}}function R(e){let t=null,n=null,r=null;function o(){!r||!e.current||t?.classList.contains("vide-skip--disabled")||r.emit("ad:skip",{adId:e.current.adId});}function i(){if(!t||!n||!r||!v(r.state))return;if(!e.current||e.current.skipOffset===void 0){t.style.display="none";return}t.style.display="";let{skipOffset:a}=e.current,d=r.el.currentTime;if(d>=a)t.classList.remove("vide-skip--disabled"),n.textContent="Skip Ad";else {t.classList.add("vide-skip--disabled");let m=Math.max(0,Math.ceil(a-d));n.textContent=`Skip in ${m}s`;}}function l({to:a}){!t||!n||v(a)||(t.style.display="none",t.classList.add("vide-skip--disabled"),n.textContent="");}return {mount(a){t=u("button","vide-skip vide-skip--disabled"),t.type="button",t.setAttribute("aria-label","Skip ad"),t.style.display="none",n=u("span","vide-skip__label"),t.appendChild(n),t.appendChild(j()),a.appendChild(t);},connect(a){r=a,t&&(t.addEventListener("click",o),r.on("timeupdate",i),r.on("statechange",l));},destroy(){t&&(t.removeEventListener("click",o),t.remove(),t=null,n=null),r&&(r.off("timeupdate",i),r.off("statechange",l),r=null);}}}var ee=3e3;function z(){let e=null,t=null,n=null;function r(){if(!t)return true;let m=t.state;return m==="paused"||m==="ended"||m==="idle"||m==="ready"||v(m)}function o(){e&&e.classList.remove("vide-ui--autohide");}function i(){l(),!r()&&(n=setTimeout(()=>{e&&e.classList.add("vide-ui--autohide");},ee));}function l(){n!==null&&(clearTimeout(n),n=null);}function a(){o(),i();}function d({to:m}){m==="paused"||m==="ended"||m==="idle"||m==="ready"||v(m)?(l(),o()):i();}return {mount(m){e=m.closest(".vide-ui")??m;},connect(m){t=m,e&&(e.addEventListener("mousemove",a),e.addEventListener("touchstart",a),e.addEventListener("keydown",a),t.on("statechange",d),i());},destroy(){l(),e&&(e.removeEventListener("mousemove",a),e.removeEventListener("touchstart",a),e.removeEventListener("keydown",a),e.classList.remove("vide-ui--autohide"),e=null),t&&(t.off("statechange",d),t=null);}}}function N(){let e=null,t=null;function n(){if(t){if(t.state==="ended"){let o=function({to:i}){i==="ready"&&(t?.off("statechange",o),t?.play().catch(()=>{}));};t.on("statechange",o),t.el.currentTime=0,t.el.load();return}t.play().catch(()=>{});}}return {mount(r){e=u("button","vide-bigplay"),e.type="button",e.setAttribute("aria-label","Play video"),e.appendChild(P()),r.appendChild(e);},connect(r){t=r,e&&e.addEventListener("click",n);},destroy(){e&&(e.removeEventListener("click",n),e.remove(),e=null),t=null;}}}var te=200;function B(e){let t=null,n=null,r=null,o=null;function i(){n&&(n.state==="playing"||n.state==="ad:playing"?n.pause():n.play().catch(()=>{}));}function l(){!o||e.has("fullscreen")||(document.fullscreenElement!=null?document.exitFullscreen().catch(()=>{}):o.requestFullscreen&&o.requestFullscreen().catch(()=>{}));}function a(){if(n){if(v(n.state)){i();return}if(r!==null){clearTimeout(r),r=null,l();return}r=setTimeout(()=>{r=null,i();},te);}}return {mount(d){t=u("div","vide-clickplay"),o=d.closest(".vide-ui")?.parentElement??d,d.appendChild(t);},connect(d){n=d,t&&t.addEventListener("click",a);},destroy(){r!==null&&(clearTimeout(r),r=null),t&&(t.removeEventListener("click",a),t.remove(),t=null),n=null,o=null;}}}function K(){let e=null,t=null,n=null;function r({message:o}){t&&(t.textContent=o);}return {mount(o){e=u("div","vide-error"),t=u("span","vide-error__message"),e.appendChild(t),o.appendChild(e);},connect(o){n=o,n.on("error",r);},destroy(){e&&(e.remove(),e=null,t=null),n&&(n.off("error",r),n=null);}}}function O(){let e=null,t=null,n=null;function r(){return document.fullscreenElement!=null||document.webkitFullscreenElement!=null}function o(a){e&&(n&&n.remove(),n=a?_():w(),e.appendChild(n));}function i(){t&&(r()?typeof document.exitFullscreen=="function"?document.exitFullscreen().catch(()=>{}):typeof document.webkitExitFullscreen=="function"&&document.webkitExitFullscreen():typeof t.requestFullscreen=="function"?t.requestFullscreen().catch(()=>{}):typeof t.webkitRequestFullscreen=="function"?t.webkitRequestFullscreen():t.querySelector("video")?.webkitEnterFullscreen?.());}function l(){if(!e)return;let a=r();a?(e.classList.add("vide-fullscreen--active"),e.setAttribute("aria-label","Exit fullscreen")):(e.classList.remove("vide-fullscreen--active"),e.setAttribute("aria-label","Fullscreen")),o(a);}return {mount(a){t=a.closest(".vide-ui")?.parentElement??a,e=u("button","vide-fullscreen"),e.type="button",e.setAttribute("aria-label","Fullscreen"),o(false),a.appendChild(e);},connect(){e&&(e.addEventListener("click",i),document.addEventListener("fullscreenchange",l),document.addEventListener("webkitfullscreenchange",l));},destroy(){e&&(e.removeEventListener("click",i),e.remove(),e=null,n=null),document.removeEventListener("fullscreenchange",l),document.removeEventListener("webkitfullscreenchange",l),t=null;}}}function q(e){let t=null,n=null,{excluded:r}=e;function o(i){if(!n)return;let l=!r.has("volume"),a=!r.has("progress"),d=!r.has("fullscreen"),m=v(n.state);switch(i.key){case " ":case "k":case "K":i.preventDefault(),n.state==="playing"||n.state==="ad:playing"?n.pause():n.play().catch(()=>{});break;case "ArrowLeft":if(!a||m)return;i.preventDefault(),n.currentTime=Math.max(0,n.el.currentTime-5);break;case "ArrowRight":if(!a||m)return;i.preventDefault(),n.currentTime=Math.min(n.el.duration||0,n.el.currentTime+5);break;case "ArrowUp":if(!l)return;i.preventDefault(),n.volume=Math.min(1,n.volume+.1),n.muted&&(n.muted=false);break;case "ArrowDown":if(!l)return;i.preventDefault(),n.volume=Math.max(0,n.volume-.1);break;case "m":case "M":if(!l)return;i.preventDefault(),n.muted=!n.muted;break;case "f":case "F":if(!d)return;if(i.preventDefault(),document.fullscreenElement!=null)document.exitFullscreen().catch(()=>{});else {let c=t?.closest(".vide-ui")?.parentElement??t;c?.requestFullscreen&&c.requestFullscreen().catch(()=>{});}break;default:if(i.key.length===1&&i.key>="0"&&i.key<="9"&&a&&!m){i.preventDefault();let c=Number.parseInt(i.key,10)/10,y=n.el.duration;Number.isFinite(y)&&y>0&&(n.currentTime=c*y);}break}}return {mount(i){t=i.closest(".vide-ui")??i,t.setAttribute("tabindex","0");},connect(i){n=i,t&&t.addEventListener("keydown",o);},destroy(){t&&(t.removeEventListener("keydown",o),t.removeAttribute("tabindex"),t=null),n=null;}}}function $(){let e=null;return {mount(t){e=u("div","vide-loader");let n=u("div","vide-loader__spinner");e.appendChild(n),t.appendChild(e);},connect(t){},destroy(){e&&(e.remove(),e=null);}}}function X(){let e=null,t=null,n=null;function r(l){e&&(n&&n.remove(),n=l?x():P(),e.appendChild(n));}function o(){t&&(t.state==="playing"||t.state==="ad:playing"?t.pause():t.play().catch(()=>{}));}function i({to:l}){e&&(l==="playing"||l==="ad:playing"?(e.classList.add("vide-play--playing"),e.classList.remove("vide-play--paused"),e.setAttribute("aria-label","Pause"),r(true)):(l==="paused"||l==="ready"||l==="ended"||l==="ad:paused")&&(e.classList.remove("vide-play--playing"),e.classList.add("vide-play--paused"),e.setAttribute("aria-label","Play"),r(false)));}return {mount(l){e=u("button","vide-play vide-play--paused"),e.type="button",e.setAttribute("aria-label","Play"),r(false),l.appendChild(e);},connect(l){t=l,e&&(e.addEventListener("click",o),t.on("statechange",i));},destroy(){e&&(e.removeEventListener("click",o),e.remove(),e=null,n=null),t&&(t.off("statechange",i),t=null);}}}function Y(e){let t=null;return {mount(n){t=u("div","vide-poster");let r=u("img","vide-poster__image");r.src=e.src,r.alt="",t.appendChild(r),n.appendChild(t);},connect(n){},destroy(){t&&(t.remove(),t=null);}}}function J(){let e=null,t=null,n=null,r=null,o=null,i=null,l=false;function a(s){if(!e)return 0;let f=e.getBoundingClientRect();return f.width===0?0:Math.max(0,Math.min(1,(s.clientX-f.left)/f.width))}function d(s){if(!e)return;let f=String(s);e.style.setProperty("--vide-progress",f),o?.style.setProperty("--vide-progress",f);}function m(){if(!i||!n)return;let s=i.el;if(s.buffered.length>0&&s.duration>0){let L=s.buffered.end(s.buffered.length-1)/s.duration;n.style.setProperty("--vide-progress-buffered",String(Math.min(1,L)));}}function c(){if(l||!i)return;let{currentTime:s,duration:f}=i.el;f>0&&d(s/f),m(),e&&(e.setAttribute("aria-valuenow",String(Math.floor(s))),Number.isFinite(f)&&e.setAttribute("aria-valuemax",String(Math.floor(f))));}function y(s){!i||!e||v(i.state)||(l=true,e.classList.add("vide-progress--dragging"),e.setPointerCapture(s.pointerId),d(a(s)));}function E(s){l&&d(a(s));}function g(s){if(!l||!i)return;l=false,e&&(e.classList.remove("vide-progress--dragging"),e.releasePointerCapture(s.pointerId));let f=a(s),L=i.el.duration;Number.isFinite(L)&&L>0&&(i.currentTime=f*L);}function p({to:s}){e&&(v(s)?e.classList.add("vide-progress--disabled"):e.classList.remove("vide-progress--disabled"));}return {mount(s){e=u("div","vide-progress"),e.setAttribute("role","slider"),e.setAttribute("aria-label","Seek"),e.setAttribute("aria-valuemin","0"),e.setAttribute("aria-valuemax","0"),e.setAttribute("aria-valuenow","0"),n=u("div","vide-progress__buffered"),t=u("div","vide-progress__bar"),r=u("div","vide-progress__handle"),e.appendChild(n),e.appendChild(t),e.appendChild(r),s.appendChild(e),o=s.closest(".vide-ui");},connect(s){i=s,e&&(i.on("timeupdate",c),i.on("statechange",p),e.addEventListener("pointerdown",y),e.addEventListener("pointermove",E),e.addEventListener("pointerup",g));},destroy(){e&&(e.removeEventListener("pointerdown",y),e.removeEventListener("pointermove",E),e.removeEventListener("pointerup",g),e.remove(),e=null,t=null,n=null,r=null),i&&(i.off("timeupdate",c),i.off("statechange",p),i=null),o=null;}}}function Q(){let e=null,t=null,n=null,r=null;function o({currentTime:i,duration:l}){t&&(t.textContent=b(i)),n&&(n.textContent=b(l));}return {mount(i){e=u("div","vide-time"),t=u("span","vide-time__current");let l=u("span","vide-time__separator");n=u("span","vide-time__duration"),t.textContent="0:00",l.textContent="/",n.textContent="0:00",e.appendChild(t),e.appendChild(l),e.appendChild(n),i.appendChild(e);},connect(i){r=i,r.on("timeupdate",o);},destroy(){e&&(e.remove(),e=null,t=null,n=null),r&&(r.off("timeupdate",o),r=null);}}}function W(){let e=null,t=null,n=null,r=null,o=false,i=null;function l(){if(!t||!r)return;i&&i.remove(),r.muted||r.volume===0?i=V():r.volume<.5?i=H():i=I(),t.appendChild(i);}function a(){if(!r||!e||!t)return;r.muted||r.volume===0?(e.classList.add("vide-volume--muted"),t.setAttribute("aria-label","Unmute")):(e.classList.remove("vide-volume--muted"),t.setAttribute("aria-label","Mute"));let s=r.muted?0:r.volume;e.style.setProperty("--vide-volume",String(s)),n&&n.setAttribute("aria-valuenow",String(Math.round(s*100))),l();}function d(p){if(!n)return 0;let s=n.getBoundingClientRect();return s.width===0?0:Math.max(0,Math.min(1,(p.clientX-s.left)/s.width))}function m(){r&&(r.muted=!r.muted);}function c(){o||a();}function y(p){if(!r||!n)return;o=true,n.setPointerCapture(p.pointerId);let s=d(p);r.volume=s,r.muted&&s>0&&(r.muted=false),a();}function E(p){if(!o||!r)return;let s=d(p);r.volume=s,r.muted&&s>0&&(r.muted=false),a();}function g(p){!o||!n||(o=false,n.releasePointerCapture(p.pointerId));}return {mount(p){e=u("div","vide-volume"),t=u("button","vide-volume__button"),t.type="button",t.setAttribute("aria-label","Mute"),n=u("div","vide-volume__slider"),n.setAttribute("role","slider"),n.setAttribute("aria-label","Volume"),n.setAttribute("aria-valuemin","0"),n.setAttribute("aria-valuemax","100"),n.setAttribute("aria-valuenow","100");let s=u("div","vide-volume__track"),f=u("div","vide-volume__filled");n.appendChild(s),n.appendChild(f),e.appendChild(t),e.appendChild(n),p.appendChild(e);},connect(p){r=p,!(!t||!n)&&(t.addEventListener("click",m),n.addEventListener("pointerdown",y),n.addEventListener("pointermove",E),n.addEventListener("pointerup",g),r.el.addEventListener("volumechange",c),a());},destroy(){t&&t.removeEventListener("click",m),n&&(n.removeEventListener("pointerdown",y),n.removeEventListener("pointermove",E),n.removeEventListener("pointerup",g)),r&&(r.el.removeEventListener("volumechange",c),r=null),e&&(e.remove(),e=null,t=null,n=null,i=null);}}}function ne(e,t,n){e.mount(t),e.connect(n);}var re=new Set(["ad-overlay"]);function Et(e){let t=T(),n=new Set(re);if(e.include)for(let r of e.include)n.delete(r);if(e.exclude)for(let r of e.exclude)n.add(r);return {name:"ui",setup(r){r.isAudio&&(n.add("fullscreen"),n.add("poster"));let o=document.createElement("div");o.className="vide-ui",o.setAttribute("role","region"),o.setAttribute("aria-label",r.isAudio?"Audio player":"Video player"),e.container.appendChild(o);let i=[];function l(c,y,E){n.has(c)||(ne(y,E,r),i.push(y));}if(l("loader",$(),o),l("error",K(),o),l("bigplay",N(),o),e.poster&&l("poster",Y({src:e.poster}),o),l("clickplay",B(n),o),!n.has("ad-overlay")||!n.has("ad-label")||!n.has("ad-countdown")||!n.has("ad-skip")||!n.has("ad-learn-more")){let c=document.createElement("div");c.className="vide-ad",o.appendChild(c),l("ad-overlay",G(t),c),l("ad-label",k(),c),l("ad-countdown",M(t),c),l("ad-skip",R(t),c),l("ad-learn-more",F(t),c);}let d=document.createElement("div");d.className="vide-controls",d.addEventListener("click",c=>c.stopPropagation()),o.appendChild(d),l("play",X(),d),l("progress",J(),d),l("time",Q(),d),l("volume",W(),d),l("fullscreen",O(),d),l("autohide",z(),o),l("keyboard",q({excluded:n}),o);let m=A(o,r);return ()=>{for(let c of i)c.destroy();m(),o.remove();}},getAdPlugin(){return ()=>[S(t)]}}}
|
|
2
|
-
export{S as a,C as b,v as c,A as d,b as e,T as f,M as g,k as h,F as i,G as j,R as k,z as l,N as m,B as n,K as o,O as p,q,$ as r,X as s,Y as t,J as u,Q as v,W as w,Et as x};
|
package/dist/chunk-WINCDUN5.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import {M,O,R,T,S,Q}from'./chunk-G74QBLVV.mjs';import {b as b$1,a}from'./chunk-UY5CGRNN.mjs';function b(e){let s=new DOMParser().parseFromString(e,"text/xml");if(s.querySelector("parsererror"))return {version:"",adBreaks:[]};let i=s.documentElement;if((i.localName||i.tagName)!=="VMAP")return {version:"",adBreaks:[]};let c=i.getAttribute("version")??"",f=[];for(let d=0;d<i.children.length;d++){let r=i.children[d];if((r.localName||r.tagName)==="AdBreak"){let a=_(r);a&&f.push(a);}}return {version:c,adBreaks:f}}function _(e){let t=e.getAttribute("timeOffset");if(!t)return null;let s=I(t),n=e.getAttribute("breakType"),i=n==="nonlinear"?"nonlinear":n==="display"?"display":"linear",u=e.getAttribute("breakId")??void 0,c=null,f={breakStart:[],breakEnd:[],error:[]};for(let d=0;d<e.children.length;d++){let r=e.children[d],m=r.localName||r.tagName;m==="AdSource"?c=F(r):m==="TrackingEvents"&&j(r,f);}return {timeOffset:s,breakType:i,breakId:u,adSource:c,trackingEvents:f}}function j(e,t){for(let s=0;s<e.children.length;s++){let n=e.children[s];if((n.localName||n.tagName)!=="Tracking")continue;let u=n.getAttribute("event"),c=(n.textContent??"").trim();!u||!c||(u==="breakStart"?t.breakStart.push(c):u==="breakEnd"?t.breakEnd.push(c):u==="error"&&t.error.push(c));}}function F(e){let t=e.getAttribute("id")??void 0,s=e.getAttribute("allowMultipleAds"),n=s!=null?s==="true":void 0,i=e.getAttribute("followRedirects"),u=i!=null?i==="true":void 0,c,f;for(let d=0;d<e.children.length;d++){let r=e.children[d],m=r.localName||r.tagName;if(m==="VASTAdData"){let a=r.querySelector("VAST");a&&(c=new XMLSerializer().serializeToString(a));}else m==="AdTagURI"&&(f=(r.textContent??"").trim());}return {id:t,allowMultipleAds:n,followRedirects:u,vastUrl:f,vastData:c}}function I(e){if(e==="start")return {type:"start"};if(e==="end")return {type:"end"};if(e.endsWith("%")){let t=Number.parseFloat(e);return Number.isNaN(t)?{type:"time",seconds:0}:{type:"percentage",pct:t}}return {type:"time",seconds:C(e)}}function C(e){if(!e)return 0;let t=e.split(":");if(t.length!==3)return 0;let s=Number.parseInt(t[0],10),n=Number.parseInt(t[1],10),i=Number.parseFloat(t[2]);return Number.isNaN(s)||Number.isNaN(n)||Number.isNaN(i)?0:s*3600+n*60+i}function y(e,t,s){let n=new Set,i=0,u=false,c=false,f=t.filter(o=>o.timeOffset.type==="start"),d=t.filter(o=>o.timeOffset.type==="end"),r=t.filter(o=>o.timeOffset.type==="time"||o.timeOffset.type==="percentage").sort((o,h)=>B(o)-B(h));function m(){if(c)return;let o=e.currentTime,h=o>i+1.5;for(let A of r){if(n.has(A))continue;let S=D(A,e.duration);if(S!==null){if(h&&o>S+.5){n.add(A);continue}o>=S-.5&&(n.add(A),s(A));}}i=o;}function a(){if(!c)for(let o of d)n.has(o)||(n.add(o),s(o));}function l(){if(!u){u=true;for(let o of f)n.has(o)||(n.add(o),s(o));e.on("timeupdate",m),e.on("ended",a);}}function g(){c=true;}function v(){c=false,i=e.currentTime;}function p(){e.off("timeupdate",m),e.off("ended",a);}return {start:l,pause:g,resume:v,destroy:p}}function D(e,t){return e.timeOffset.type==="time"?e.timeOffset.seconds:e.timeOffset.type==="percentage"?e.timeOffset.pct/100*t:null}function B(e){return e.timeOffset.type==="time"?e.timeOffset.seconds:e.timeOffset.type==="percentage"?e.timeOffset.pct:0}function $(e){return {name:"vmap",setup(t){let s=false,n=null,i=null,u=t._setState;async function c(r){if(!(s||!r.adSource)){n&&n.pause(),b$1(r.trackingEvents.breakStart),t.emit("ad:breakStart",{breakId:r.breakId});try{let o=function(){s||(u("playing"),t.el.src=p,t.el.load(),t.el.currentTime=g,v||t.el.play().catch(()=>{t.el.muted=!0,t.el.play().catch(()=>{});}));};var m=o;let a$1;if(r.adSource.vastData)a$1=M(r.adSource.vastData);else if(r.adSource.vastUrl)a$1=await O(r.adSource.vastUrl,e.vastOptions);else return;if(s||a$1.ads.length===0)return;let l=R(a$1.ads);if(l.ads.length===0)return;r.adSource.allowMultipleAds===!1&&(l={type:"single",ads:[l.ads[0]],standalonePool:[]});let g=t.el.currentTime,v=t.el.paused,p=t.el.src;switch(l.type){case "single":{let{promise:h,abort:A}=Q({player:t,ad:l.ads[0].ad,linear:l.ads[0].linear,source:"vmap",adPlugins:e.adPlugins,onFinish:o});i=A,await h;break}case "pod":{await S(t,l.ads,{source:"vmap",adPlugins:e.adPlugins,onFinish:o,standalonePool:l.standalonePool});break}case "waterfall":{await T(t,l.ads,{source:"vmap",adPlugins:e.adPlugins,onFinish:o})||(a(a$1.errors,303),t.emit("ad:error",{error:new Error("All waterfall ads failed"),source:"vmap",vastErrorCode:303}),o());break}}}catch(a){if(!s){let l=a instanceof Error?a:new Error(String(a)),g=l.name==="AbortError"?301:100;b$1(r.trackingEvents.error),t.emit("ad:error",{error:l,source:"vmap",vastErrorCode:g});}}finally{b$1(r.trackingEvents.breakEnd),t.emit("ad:breakEnd",{breakId:r.breakId}),n&&n.resume();}}}async function f(){if(!s)try{let r=e.timeout??1e4,m=new AbortController,a=setTimeout(()=>m.abort(),r),l;try{let p=await fetch(e.url,{signal:m.signal});if(!p.ok)throw new Error(`VMAP fetch failed: ${p.status}`);l=await p.text();}finally{clearTimeout(a);}if(s)return;let g=b(l);if(g.adBreaks.length===0)return;let v=y(t,g.adBreaks,p=>c(p));n=v,v.start();}catch(r){if(s)return;t.emit("ad:error",{error:r instanceof Error?r:new Error(String(r)),source:"vmap"});}}function d({to:r}){r==="ready"&&!s&&(t.off("statechange",d),f());}return t.state==="ready"||t.state==="playing"||t.state==="paused"?f():t.on("statechange",d),()=>{s=true,t.off("statechange",d),n&&n.destroy(),i&&i();}}}}export{b as a,y as b,$ as c};
|