@videts/vide 0.8.0 → 0.9.2

package/dist/vmap/index.d.ts

@@ -1,51 +1,7 @@
-import { P as Player, e as Plugin } from '../types-vxIcXgJz.js';
-import { e as VastAd, b as AdPlugin } from '../types-CAJmacV6.js';
-
-interface VmapResponse {
-    version: string;
-    adBreaks: AdBreak[];
-}
-interface AdBreakTrackingEvents {
-    breakStart: string[];
-    breakEnd: string[];
-    error: string[];
-}
-interface AdBreak {
-    timeOffset: AdBreakTimeOffset;
-    breakType: "linear" | "nonlinear" | "display";
-    breakId?: string | undefined;
-    adSource: AdSource | null;
-    trackingEvents: AdBreakTrackingEvents;
-}
-type AdBreakTimeOffset = {
-    type: "start";
-} | {
-    type: "end";
-} | {
-    type: "time";
-    seconds: number;
-} | {
-    type: "percentage";
-    pct: number;
-};
-interface AdSource {
-    id?: string | undefined;
-    allowMultipleAds?: boolean | undefined;
-    followRedirects?: boolean | undefined;
-    vastUrl?: string | undefined;
-    vastData?: string | undefined;
-}
-
-interface VmapPluginOptions {
-    url: string;
-    timeout?: number | undefined;
-    vastOptions?: {
-        timeout?: number | undefined;
-        maxDepth?: number | undefined;
-    };
-    /** Create per-ad plugins. Called once per ad with the parsed VastAd. */
-    adPlugins?: ((ad: VastAd) => AdPlugin[]) | undefined;
-}
+import { P as Player, f as Plugin } from '../types-BsEF8iWC.js';
+import { V as VmapResponse, A as AdBreak, a as VmapPluginOptions } from '../types-C1_eVsFF.js';
+export { b as AdBreakTimeOffset, c as AdBreakTrackingEvents, d as AdSource } from '../types-C1_eVsFF.js';
+import '../types-COeag8fU.js';
 
 /**
  * Parse a VMAP XML string into a VmapResponse object.
@@ -74,4 +30,4 @@ declare function createScheduler(player: Player, adBreaks: AdBreak[], onBreak: (
 /** Create a VMAP ad plugin for vide. */
 declare function vmap(options: VmapPluginOptions): Plugin;
 
-export { type AdBreak, type AdBreakTimeOffset, type AdBreakTrackingEvents, type AdSource, type VmapPluginOptions, type VmapResponse, createScheduler, parseVmap, vmap };
+export { AdBreak, VmapPluginOptions, VmapResponse, createScheduler, parseVmap, vmap };

package/dist/vmap/index.js

@@ -0,0 +1 @@
+export{b as createScheduler,a as parseVmap,c as vmap}from'../chunk-WINCDUN5.mjs';import'../chunk-G74QBLVV.mjs';import'../chunk-UY5CGRNN.mjs';

package/dist/vmap/index.mjs

@@ -1 +1 @@
-import {a as a$1,c}from'../chunk-726XNUGZ.mjs';import {a,c as c$1}from'../chunk-G4Q7R3SH.mjs';function O(t){let i=new DOMParser().parseFromString(t,"text/xml");if(i.querySelector("parsererror"))return {version:"",adBreaks:[]};let o=i.documentElement;if((o.localName||o.tagName)!=="VMAP")return {version:"",adBreaks:[]};let c=o.getAttribute("version")??"",v=[];for(let d=0;d<o.children.length;d++){let n=o.children[d];if((n.localName||n.tagName)==="AdBreak"){let k=_(n);k&&v.push(k);}}return {version:c,adBreaks:v}}function _(t){let e=t.getAttribute("timeOffset");if(!e)return null;let i=H(e),r=t.getAttribute("breakType"),o=r==="nonlinear"?"nonlinear":r==="display"?"display":"linear",f=t.getAttribute("breakId")??void 0,c=null,v={breakStart:[],breakEnd:[],error:[]};for(let d=0;d<t.children.length;d++){let n=t.children[d],g=n.localName||n.tagName;g==="AdSource"?c=X(n):g==="TrackingEvents"&&z(n,v);}return {timeOffset:i,breakType:o,breakId:f,adSource:c,trackingEvents:v}}function z(t,e){for(let i=0;i<t.children.length;i++){let r=t.children[i];if((r.localName||r.tagName)!=="Tracking")continue;let f=r.getAttribute("event"),c=(r.textContent??"").trim();!f||!c||(f==="breakStart"?e.breakStart.push(c):f==="breakEnd"?e.breakEnd.push(c):f==="error"&&e.error.push(c));}}function X(t){let e=t.getAttribute("id")??void 0,i=t.getAttribute("allowMultipleAds"),r=i!=null?i==="true":void 0,o=t.getAttribute("followRedirects"),f=o!=null?o==="true":void 0,c,v;for(let d=0;d<t.children.length;d++){let n=t.children[d],g=n.localName||n.tagName;if(g==="VASTAdData"){let k=n.querySelector("VAST");k&&(c=new XMLSerializer().serializeToString(k));}else g==="AdTagURI"&&(v=(n.textContent??"").trim());}return {id:e,allowMultipleAds:r,followRedirects:f,vastUrl:v,vastData:c}}function H(t){if(t==="start")return {type:"start"};if(t==="end")return {type:"end"};if(t.endsWith("%")){let e=Number.parseFloat(t);return Number.isNaN(e)?{type:"time",seconds:0}:{type:"percentage",pct:e}}return {type:"time",seconds:K(t)}}function K(t){if(!t)return 0;let e=t.split(":");if(e.length!==3)return 0;let i=Number.parseInt(e[0],10),r=Number.parseInt(e[1],10),o=Number.parseFloat(e[2]);return Number.isNaN(i)||Number.isNaN(r)||Number.isNaN(o)?0:i*3600+r*60+o}function V(t,e,i){let r=new Set,o=0,f=false,c=false,v=e.filter(a=>a.timeOffset.type==="start"),d=e.filter(a=>a.timeOffset.type==="end"),n=e.filter(a=>a.timeOffset.type==="time"||a.timeOffset.type==="percentage").sort((a,b)=>U(a)-U(b));function g(){if(c)return;let a=t.currentTime,b=a>o+1.5;for(let E of n){if(r.has(E))continue;let T=Q(E,t.duration);if(T!==null){if(b&&a>T+.5){r.add(E);continue}a>=T-.5&&(r.add(E),i(E));}}o=a;}function k(){if(!c)for(let a of d)r.has(a)||(r.add(a),i(a));}function p(){if(!f){f=true;for(let a of v)r.has(a)||(r.add(a),i(a));t.on("timeupdate",g),t.on("ended",k);}}function s(){c=true;}function A(){c=false,o=t.currentTime;}function u(){t.off("timeupdate",g),t.off("ended",k);}return {start:p,pause:s,resume:A,destroy:u}}function Q(t,e){return t.timeOffset.type==="time"?t.timeOffset.seconds:t.timeOffset.type==="percentage"?t.timeOffset.pct/100*e:null}function U(t){return t.timeOffset.type==="time"?t.timeOffset.seconds:t.timeOffset.type==="percentage"?t.timeOffset.pct:0}function te(t){return {name:"vmap",setup(e){let i=false,r=null,o=null,f=e._setState;async function c$2(n){if(!(i||!n.adSource)){r&&r.pause(),a(n.trackingEvents.breakStart),e.emit("ad:breakStart",{breakId:n.breakId});try{let b=function(){for(let m of a$2)m();a$2.length=0;},x=function(m){if(s)for(let l of s.trackingEvents.progress)!y.has(l.offset)&&m>=l.offset&&(y.add(l.offset),a([l.url]));};var g=b,k=x;let p;if(n.adSource.vastData)p=a$1(n.adSource.vastData);else if(n.adSource.vastUrl)p=await c(n.adSource.vastUrl,t.vastOptions);else return;if(i||p.ads.length===0)return;let s=null,A=null;for(let m of p.ads){for(let l of m.creatives)if(l.linear&&l.linear.mediaFiles.length>0){s=l.linear,A=m;break}if(s)break}if(!s||!A)return;let u=A.id;f("ad:loading"),e.emit("ad:start",{adId:u});let a$2=[];if(t.adPlugins)for(let m of t.adPlugins(A)){let l=m.setup(e,A);l&&a$2.push(l);}for(let m of p.ads)a(m.impressions);e.emit("ad:impression",{adId:u});let E=W(s.mediaFiles);if(!E){e.emit("ad:error",{error:new Error("No suitable media file found"),source:"vmap"}),b(),f("playing");return}let T=e.el.currentTime,D=e.el.paused,q=e.el.src,B=c$1(s.duration,m=>{if(!s)return;let l=s.trackingEvents[m];l&&a(l),e.emit("ad:quartile",{adId:u,quartile:m});}),y=new Set,N=e.el.muted||e.el.volume===0,w=!!document.fullscreenElement;await new Promise(m=>{function l(){B(e.el.currentTime),x(e.el.currentTime);}function L(){if(!s)return;let S=e.el.muted||e.el.volume===0;S&&!N?(a(s.trackingEvents.mute),e.emit("ad:mute",{adId:u})):!S&&N&&(a(s.trackingEvents.unmute),e.emit("ad:unmute",{adId:u})),N=S,e.emit("ad:volumeChange",{adId:u,volume:e.el.muted?0:e.el.volume});}function F(){if(!s)return;let S=!!document.fullscreenElement;S&&!w?(a(s.trackingEvents.playerExpand),e.emit("ad:fullscreen",{adId:u,fullscreen:!0})):!S&&w&&(a(s.trackingEvents.playerCollapse),e.emit("ad:fullscreen",{adId:u,fullscreen:!1})),w=S;}function R(){s&&B(s.duration),C(),b(),e.emit("ad:end",{adId:u}),e.el.src=q,e.el.load(),e.el.currentTime=T,D||e.el.play().catch(()=>{e.el.muted=!0,e.el.play().catch(()=>{});}),m();}function C(){e.el.removeEventListener("timeupdate",l),e.el.removeEventListener("ended",R),e.el.removeEventListener("canplay",P),e.el.removeEventListener("volumechange",L),document.removeEventListener("fullscreenchange",F),o=null;}function P(){e.el.removeEventListener("canplay",P),s&&(a(s.trackingEvents.loaded),a(s.trackingEvents.creativeView),e.emit("ad:loaded",{adId:u}),f("ad:playing"),e.el.play().catch(()=>{e.el.muted=!0,e.el.play().catch(()=>{});}));}e.el.addEventListener("canplay",P),e.el.addEventListener("timeupdate",l),e.el.addEventListener("ended",R),e.el.addEventListener("volumechange",L),document.addEventListener("fullscreenchange",F),o=C,e.el.src=E.url,e.el.load();});}catch(p){i||(a(n.trackingEvents.error),e.emit("ad:error",{error:p instanceof Error?p:new Error(String(p)),source:"vmap"}));}finally{a(n.trackingEvents.breakEnd),e.emit("ad:breakEnd",{breakId:n.breakId}),r&&r.resume();}}}async function v(){if(!i)try{let n=t.timeout??1e4,g=new AbortController,k=setTimeout(()=>g.abort(),n),p;try{let u=await fetch(t.url,{signal:g.signal});if(!u.ok)throw new Error(`VMAP fetch failed: ${u.status}`);p=await u.text();}finally{clearTimeout(k);}if(i)return;let s=O(p);if(s.adBreaks.length===0)return;let A=V(e,s.adBreaks,u=>c$2(u));r=A,A.start();}catch(n){if(i)return;e.emit("ad:error",{error:n instanceof Error?n:new Error(String(n)),source:"vmap"});}}function d({to:n}){n==="ready"&&!i&&(e.off("statechange",d),v());}return e.state==="ready"||e.state==="playing"||e.state==="paused"?v():e.on("statechange",d),()=>{i=true,e.off("statechange",d),r&&r.destroy(),o&&o();}}}}function W(t){if(t.length===0)return null;let e=t.filter(r=>r.mimeType==="video/mp4");return (e.length>0?e:t).sort((r,o)=>(o.bitrate??0)-(r.bitrate??0))[0]}export{V as createScheduler,O as parseVmap,te as vmap};
+export{b as createScheduler,a as parseVmap,c as vmap}from'../chunk-WINCDUN5.mjs';import'../chunk-G74QBLVV.mjs';import'../chunk-UY5CGRNN.mjs';

package/dist/vue/index.d.ts

@@ -0,0 +1,354 @@
+import * as vue from 'vue';
+import { ShallowRef, InjectionKey, VNode, SlotsType, Ref, PropType } from 'vue';
+import { P as Player, c as PlayerEvent, b as EventHandler, d as PlayerEventMap, A as AdMeta } from '../types-BsEF8iWC.js';
+import { D as DashPluginOptions } from '../types-DzY1cmXC.js';
+import { D as DrmPluginOptions } from '../types-C6XFF6w_.js';
+import { H as HlsPluginOptions } from '../types-CwjR99DL.js';
+import { S as SsaiPluginOptions } from '../types-DsixuzNX.js';
+import { b as UiPluginOptions } from '../types-SuT99_Z3.js';
+import { e as VastPluginOptions } from '../types-COeag8fU.js';
+import { a as VmapPluginOptions } from '../types-C1_eVsFF.js';
+
+declare function useVidePlayer(): ShallowRef<Player | null>;
+
+declare function useVideEvent<K extends PlayerEvent>(player: ShallowRef<Player | null>, event: K, handler: EventHandler<PlayerEventMap[K]>): void;
+
+declare function useHls(player: ShallowRef<Player | null>, options?: HlsPluginOptions): void;
+declare function useDash(player: ShallowRef<Player | null>, options?: DashPluginOptions): void;
+declare function useDrm(player: ShallowRef<Player | null>, options: DrmPluginOptions): void;
+declare function useVast(player: ShallowRef<Player | null>, options: VastPluginOptions): void;
+declare function useVmap(player: ShallowRef<Player | null>, options: VmapPluginOptions): void;
+declare function useSsai(player: ShallowRef<Player | null>, options?: SsaiPluginOptions): void;
+declare function useUi(player: ShallowRef<Player | null>, options: UiPluginOptions): void;
+
+declare const VIDE_PLAYER_KEY: InjectionKey<ShallowRef<Player | null>>;
+declare function useVideContext(): ShallowRef<Player | null>;
+
+declare const VideVideo: vue.DefineComponent<{}, () => VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, SlotsType<{
+    default?: () => VNode[];
+}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+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>;
+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>;
+declare const VideDrmPlugin: 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>;
+declare const VideVastPlugin: 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>;
+declare const VideVmapPlugin: 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>;
+declare const VideSsaiPlugin: 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>;
+
+declare const VidePlayButton: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const VideMuteButton: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const VideProgress: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const VideVolume: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const VideFullscreenButton: vue.DefineComponent<vue.ExtractPropTypes<{
+    target: {
+        type: () => HTMLElement | null;
+        default: null;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    target: {
+        type: () => HTMLElement | null;
+        default: null;
+    };
+}>> & Readonly<{}>, {
+    target: HTMLElement | null;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const VideTimeDisplay: vue.DefineComponent<vue.ExtractPropTypes<{
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    separator: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const VideLoader: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const VidePoster: vue.DefineComponent<vue.ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    alt: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    alt: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    alt: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const VideErrorDisplay: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const VideBigPlayButton: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const VideClickPlay: vue.DefineComponent<vue.ExtractPropTypes<{
+    enableFullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    enableFullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    enableFullscreen: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+interface AdState {
+    active: Ref<boolean>;
+    meta: ShallowRef<AdMeta | null>;
+}
+declare function useAdState(player: ShallowRef<Player | null>): AdState;
+
+declare const VideAdOverlay: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const VideAdSkip: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const VideAdCountdown: vue.DefineComponent<vue.ExtractPropTypes<{
+    format: {
+        type: PropType<(remaining: number) => string>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    format: {
+        type: PropType<(remaining: number) => string>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    format: (remaining: number) => string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const VideAdLabel: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const VideAdLearnMore: vue.DefineComponent<vue.ExtractPropTypes<{
+    showTitle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    showTitle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    showTitle: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare function useAutohide(containerRef: Ref<HTMLElement | null>, player: ShallowRef<Player | null>): void;
+
+interface UseKeyboardOptions {
+    disableSeek?: boolean;
+    disableVolume?: boolean;
+    disableFullscreen?: boolean;
+}
+declare function useKeyboard(containerRef: Ref<HTMLElement | null>, player: ShallowRef<Player | null>, options?: UseKeyboardOptions): void;
+
+declare const VideUI: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const VideControls: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const Vide: {
+    readonly Video: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, vue.SlotsType<{
+        default?: () => vue.VNode[];
+    }>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+    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>;
+    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>;
+    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>;
+    readonly VastPlugin: 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>;
+    readonly VmapPlugin: 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>;
+    readonly SsaiPlugin: 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>;
+    readonly PlayButton: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+    readonly MuteButton: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+    readonly Progress: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+    readonly Volume: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+    readonly FullscreenButton: vue.DefineComponent<vue.ExtractPropTypes<{
+        target: {
+            type: () => HTMLElement | null;
+            default: null;
+        };
+    }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+        target: {
+            type: () => HTMLElement | null;
+            default: null;
+        };
+    }>> & Readonly<{}>, {
+        target: HTMLElement | null;
+    }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+    readonly TimeDisplay: vue.DefineComponent<vue.ExtractPropTypes<{
+        separator: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+        separator: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        separator: string;
+    }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+    readonly Loader: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+    readonly Poster: vue.DefineComponent<vue.ExtractPropTypes<{
+        src: {
+            type: StringConstructor;
+            required: true;
+        };
+        alt: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+        src: {
+            type: StringConstructor;
+            required: true;
+        };
+        alt: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        alt: string;
+    }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+    readonly ErrorDisplay: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+    readonly BigPlayButton: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+    readonly ClickPlay: vue.DefineComponent<vue.ExtractPropTypes<{
+        enableFullscreen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+        enableFullscreen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        enableFullscreen: boolean;
+    }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+    readonly UI: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+    readonly Controls: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+    readonly AdOverlay: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+    readonly AdSkip: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+    readonly AdCountdown: vue.DefineComponent<vue.ExtractPropTypes<{
+        format: {
+            type: vue.PropType<(remaining: number) => string>;
+            default: undefined;
+        };
+    }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+        format: {
+            type: vue.PropType<(remaining: number) => string>;
+            default: undefined;
+        };
+    }>> & Readonly<{}>, {
+        format: (remaining: number) => string;
+    }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+    readonly AdLabel: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+    readonly AdLearnMore: vue.DefineComponent<vue.ExtractPropTypes<{
+        showTitle: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+        showTitle: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        showTitle: boolean;
+    }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+};
+
+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

@@ -0,0 +1,2 @@
+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};
+export{_ as VIDE_PLAYER_KEY,Io as Vide,me as VideAdCountdown,fe as VideAdLabel,pe as VideAdLearnMore,ue as VideAdOverlay,de as VideAdSkip,ae as VideBigPlayButton,se as VideClickPlay,ve as VideControls,G as VideDashPlugin,X as VideDrmPlugin,le as VideErrorDisplay,ne as VideFullscreenButton,q as VideHlsPlugin,oe as VideLoader,Z as VideMuteButton,W as VidePlayButton,ie as VidePoster,ee as VideProgress,Q as VideSsaiPlugin,re as VideTimeDisplay,ce as VideUI,$ as VideVastPlugin,N as VideVideo,J as VideVmapPlugin,te as VideVolume,h as useAdState,sn as useAutohide,qe as useDash,Ge as useDrm,Ne as useHls,mn as useKeyboard,Je as useSsai,Qe as useUi,Xe as useVast,u as useVideContext,v as useVideEvent,Fe as useVidePlayer,$e as useVmap};

package/dist/vue/index.mjs

@@ -0,0 +1,2 @@
+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};
+export{_ as VIDE_PLAYER_KEY,Io as Vide,me as VideAdCountdown,fe as VideAdLabel,pe as VideAdLearnMore,ue as VideAdOverlay,de as VideAdSkip,ae as VideBigPlayButton,se as VideClickPlay,ve as VideControls,G as VideDashPlugin,X as VideDrmPlugin,le as VideErrorDisplay,ne as VideFullscreenButton,q as VideHlsPlugin,oe as VideLoader,Z as VideMuteButton,W as VidePlayButton,ie as VidePoster,ee as VideProgress,Q as VideSsaiPlugin,re as VideTimeDisplay,ce as VideUI,$ as VideVastPlugin,N as VideVideo,J as VideVmapPlugin,te as VideVolume,h as useAdState,sn as useAutohide,qe as useDash,Ge as useDrm,Ne as useHls,mn as useKeyboard,Je as useSsai,Qe as useUi,Xe as useVast,u as useVideContext,v as useVideEvent,Fe as useVidePlayer,$e as useVmap};