import{r as c}from"./request-CEvu378m.js";import{_ as i,u as p}from"./index-M_JNBppB.js";import{r as o,w as d,j as m,B as f,z as h,D as y,u as a}from"./vue-BJk78QHK.js";import"./element-3_pOinej.js";import"./utils-YI6ye1sf.js";import"./threejs-BafxXW5-.js";import"./vxe-Dx3zSILm.js";const V=["controls","src","autoplay","loop","muted","width","height"],v=Object.assign({name:"Video"},{__name:"Video",props:{propValue:{type:Object,default:()=>({})},request:{type:Object,default:()=>({})},element:{type:Object,default:()=>({})}},setup(e){const t=e,{getImgUrl:r}=p(),u=o(0),l=o(null),s=o(new URL("/assets/video-Uija7kCH.mp4",import.meta.url).href);d(()=>t.propValue,()=>{l.value&&l.value.load()},{deep:!0});const n=o(null);return m(()=>{t.request&&(n.value=c(t.request,t.element.propValue,"url",""))}),(g,j)=>(h(),f("div",{key:a(u),class:"box"},[y("video",{ref_key:"videoRef",ref:l,preload:"metadata",controls:e.propValue.controls?"controls":null,crossorigin:"anonymous",src:e.propValue.url?a(r)(e.propValue.url):a(s),autoplay:e.propValue.autoplay?"autoplay":null,loop:e.propValue.loop?"loop":null,muted:e.propValue.muted?null:"muted",width:e.element.style.width,height:e.element.style.height,style:{width:"100%",height:"100%","object-fit":"fill"}},null,8,V)]))}}),R=i(v,[["__scopeId","data-v-427c78e7"]]);export{R as default};
