https://motionsickness.company/_nuxt/DTMK0dwH.js

1import{a as d}from"./CGm_cEbJ.js";import{d as _}from"./Ci_mWz9Y.js";import{_ as g,c as o,e as a,d as c,g as l,x as y,v as m,t as p,B as f}from"./Vs_Cz6-7.js";import{_ as b}from"./BsbWu-Q8.js";import"./cMG8Rr0q.js";import"./CYUE0TfX.js";import"./B3KzKxBD.js";const S={props:{videoObject:String,imageObject:String,sizes:{type:String,default:"25vw"},lowQualityWidth:{type:Number,default:20}},data(){return{observerColumns:null}},methods:{videoSrc(){return new URL(this.videoObject).pathname},onViewportCheck:_(function(t){if(t[0].isIntersecting)try{this.$refs.video.play()}catch{}else try{this.$refs.video.pause()}catch{}},100),lowQualityImageSrc(){if(this.$device.isMobile)return new URL(decodeURIComponent(this.imageObject)).toString();const t=new URL(decodeURIComponent(this.imageObject)),i=new URLSearchParams(t.search);return i.set("w",this.lowQualityWidth.toString()),i.set("auto","format"),t.search=i.toString(),t.toString()},initVideoScrollTrigger(){if(this.$device.isMobile)return;const t=this.$refs.videoWrapper,i=this.$refs.video,e=()=>{const s=new IntersectionObserver(async n=>{n[0].isIntersecting&&(t.classList.add("in-viewport"),await d(i),s.disconnect())},{rootMargin:"0px",threshold:.66});s.observe(t)};i.readyState>=1?e():i.addEventListener("loadedmetadata",e),this.videoElement=i,this.onVideoLoad=e}},mounted(){this.$nextTick(()=>{this.$refs.video.addEventListener("loadedmetadata",()=>{d(this.$refs.video)}),this.initVideoScrollTrigger()})},beforeDestroy(){this.videoElement&&this.onVideoLoad&&this.videoElement.removeEventListener("loadedmetadata",this.onVideoLoad)}},k={class:"video-inline"},w=["src"];function O(t,i,e,s,n,r){return a(),o("div",k,[c("div",{ref:"videoWrapper",class:"video-wrapper",style:y({backgroundImage:`url(${r.lowQualityImageSrc()})`,backgroundSize:"cover",backgroundPosition:"center"})},[e.videoObject?(a(),o("video",{key:0,crossorigin:"anonymous",ref:"video",src:e.videoObject,playsinline:"",muted:"",loop:"",autoplay:""},null,8,w)):l("",!0)],4)])}const j=g(S,[["render",O],["__scopeId","data-v-b361af00"]]),I={props:{slice:Object,onSelect:Function},name:"small-image",mounted(){},methods:{onClick(){this.onSelect(this.slice)}}},C={class:"slice-small-image-inner"},L={key:3,class:"small-image-caption"};function x(t,i,e,s,n,r){const u=j,h=b;return a(),o("div",{class:f(["slice slice-small-image",{rightAlign:e.slice.primary.align}])},[c("div",C,[e.slice?.primary?.vimeo_video_id?(a(),o("button",{key:0,onClick:i[0]||(i[0]=(...v)=>r.onClick&&r.onClick(...v)),class:"play-button"}," Click ")):l("",!0),e.slice.primary.video_loop?.url?(a(),m(u,{key:1,imageObject:e.slice.primary.image?.url,videoObject:e.slice.primary.video_loop?.url,imageAlt:e.slice.primary.image?.alt,aspectRatio:e.slice.primary.image?.dimensions?.width/e.slice.primary.image?.dimensions?.height},null,8,["imageObject","videoObject","imageAlt","aspectRatio"])):(a(),m(h,{key:2,imageObject:e.slice?.primary?.image,imageAlt:e.slice.primary.image?.alt,aspectRatio:e.slice.primary.image?.dimensions?e.slice.primary.image?.dimensions?.width/e.slice.primary.image?.dimensions?.height:null,lowQualityWidth:30},null,8,["imageObject","imageAlt","aspectRatio"])),e.slice.primary.image?.alt?(a(),o("div",L,[c("p",null,p(e.slice.primary.image?.alt),1)])):l("",!0)])],2)}const W=g(I,[["render",x],["__scopeId","data-v-0b68f86a"]]);export{W as default};