1import{a as W,b as $}from"./chunk-Q3GW2DC7.js";import{a as P}from"./chunk-SWXH6PE4.js";import"./chunk-FDJDGCBD.js";import{a as k}from"./chunk-AQ77EQDU.js";import{a as m}from"./chunk-NQ4M3GV4.js";import"./chunk-EWOUVXZF.js";import{b as T}from"./chunk-OAEDTLGA.js";import{c as O}from"./chunk-5S5LD3AL.js";import"./chunk-VNCMLMLE.js";import"./chunk-M73RLUUB.js";import"./chunk-UVSZBC4Q.js";import"./chunk-GLYOPDGR.js";import"./chunk-6XDZRRGZ.js";import"./chunk-2V7R246S.js";import{Ba as n,Bc as p,Ca as s,Gb as f,Ic as b,Jc as S,Kb as C,Lb as y,Ua as w,Wc as M,Xc as E,Yc as I,cd as D,gc as g,hc as V,ic as d,jc as l,kc as c,lc as x,ob as h,sb as a,uc as _,ud as R,vd as F,zc as v}from"./chunk-RUH5ZQFX.js";import"./chunk-ZGVHDELW.js";var H=["videoControl"],A=["swiper"],B=(o,r)=>({isMobile:!0,isActive:o,progress:r}),L=(o,r)=>r.src;function N(o,r){if(o&1){let e=_();l(0,"div",3)(1,"video",4,1),v("inViewportEnter",function(){n(e);let t=p();return s(t.isInViewport())})("ended",function(){n(e);let t=p();return s(t.onVideoEnded())})("canplaythrough",function(){let t=n(e).$index,u=p();return s(u.onCanplaythrough(t))})("timeupdate",function(){n(e);let t=p();return s(t.onTimeupdate())}),c(),l(3,"div",5),x(4,"cu-site-video-progress",6),c()()}if(o&2){let e=r.$implicit,i=r.$index;p();let t=I(0);a(),d("volume",0)("poster",e.previewMobileSrc)("src",e.srcMobile,h),a(3),d("title",e.title)("state",D(5,B,t.activeIndex===i,t.progress))}}var ie=(()=>{class o extends W{constructor(){super(...arguments),this.videoElRefs=F("videoControl"),this.swiper=R("swiper"),this.swiperOptions={spaceBetween:10,enabled:!0,centeredSlides:!0,loop:!0,breakpoints:{[T.desktop]:{enabled:!1}}}}ngAfterViewInit(){this.isSSR||(this.setVideoElements([...this.videoElRefs()]),this.initPlayer())}onVideoEnded(){this.swiper()?.swiperInstance()?.slideNext();let e=this.#e();this.playerState.set({progress:0,activeIndex:e,playerRef:this.videoElRefs()[e].nativeElement}),this.playerState().playerRef?.play()}onSwipe(){this.stopAllVideo();let e=this.#e();this.playerState.set({progress:0,activeIndex:e,playerRef:this.videoElRefs()[e].nativeElement}),this.playerState().playerRef?.play()}playVideo(){let e=this.#e();this.playerState.set({progress:0,activeIndex:e,playerRef:this.videoElRefs()[e].nativeElement}),this.playerState().playerRef?.play()}#e(){return this.swiper()?.swiperInstance()?.realIndex||0}static{this.\u0275fac=(()=>{let e;return function(t){return(e||(e=w(o)))(t||o)}})()}static{this.\u0275cmp=f({type:o,selectors:[["cu-site-video-mobile"]],viewQuery:function(i,t){i&1&&b(t.videoElRefs,H,5)(t.swiper,A,5),i&2&&S(2)},features:[C([O,k,m]),y],decls:5,vars:2,consts:[["swiper",""],["videoControl",""],[1,"-ml-20",3,"swipe","swiperOptions"],[1,"swiper-slide","item","flex","flex-col","relative","h-[18.75rem]"],["cuWithInViewport","","muted","","playsinline","",1,"video","rounded-lg",3,"inViewportEnter","ended","canplaythrough","timeupdate","volume","poster","src"],[1,"progress-container"],[3,"title","state"]],template:function(i,t){if(i&1){let u=_();M(0),l(1,"cu-site-kit-swiper-wrapper-ui",2,0),v("swipe",function(){return n(u),s(t.onSwipe())}),g(3,N,5,8,"div",3,L),c()}i&2&&(E(t.playerState()),a(),d("swiperOptions",t.swiperOptions),a(2),V(t.videoList))},dependencies:[m,P,$],styles:["[_nghost-%COMP%]{position:relative;display:block}.video[_ngcontent-%COMP%]{position:absolute;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 100%;height:15rem}.progress-container[_ngcontent-%COMP%]{position:absolute;bottom:0;width:100%}.video[_ngcontent-%COMP%]{transition:opacity .5s cubic-bezier(.6,0,.4,1)}.item[_ngcontent-%COMP%]{width:20.938rem}"],changeDetection:0})}}return o})();export{ie as MobileVideoComponent};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.