https://cu.ru/chunk-KRA7DLBD.js

1import{a as $,b as P}from"./chunk-Q3GW2DC7.js";import{a as M}from"./chunk-AQ77EQDU.js";import{a as c}from"./chunk-NQ4M3GV4.js";import"./chunk-EWOUVXZF.js";import{c as T}from"./chunk-5S5LD3AL.js";import"./chunk-VNCMLMLE.js";import"./chunk-M73RLUUB.js";import"./chunk-UVSZBC4Q.js";import{f as R}from"./chunk-6XDZRRGZ.js";import"./chunk-2V7R246S.js";import{Ba as s,Bc as r,Ca as a,Gb as V,Ic as S,Jc as D,Kb as x,Lb as w,Ua as C,Wc as E,Xc as k,Yc as g,bd as I,cd as b,gc as _,hc as v,ic as u,jc as p,kc as d,ob as y,sb as m,uc as f,vd as F,zc as h}from"./chunk-RUH5ZQFX.js";import"./chunk-ZGVHDELW.js";var O=["videoControl"],A=o=>({opacity:o}),W=(o,n)=>({isMobile:!1,isActive:o,progress:n}),L=(o,n)=>n.src;function H(o,n){if(o&1){let e=f();p(0,"video",6,0),h("inViewportEnter",function(){s(e);let t=r();return a(t.isInViewport())})("ended",function(){s(e);let t=r();return a(t.onVideoEnded())})("canplaythrough",function(){let t=s(e).$index,l=r();return a(l.onCanplaythrough(t))})("timeupdate",function(){s(e);let t=r();return a(t.onTimeupdate())}),d()}if(o&2){let e=n.$implicit,i=n.$index;r();let t=g(0);u("volume",0)("src",e.src,y)("poster",e.previewSrc)("ngStyle",I(4,A,t.activeIndex===i?1:0))}}function N(o,n){if(o&1){let e=f();p(0,"cu-site-video-progress",7),h("select",function(){let t=s(e).$index,l=r();return a(l.setActiveVideo(t))}),d()}if(o&2){let e=n.$implicit,i=n.$index;r();let t=g(0);u("title",e.title)("state",b(2,W,t.activeIndex===i,t.progress))}}var Z=(()=>{class o extends ${constructor(){super(...arguments),this.videoElRefs=F("videoControl")}ngAfterViewInit(){this.isSSR||(this.setVideoElements([...this.videoElRefs()]),this.initPlayer())}onVideoEnded(){let e=this.#e(this.playerState().activeIndex,this.videoList.length);this.playerState.set({progress:0,activeIndex:e,playerRef:this.videoElRefs()[e].nativeElement}),this.playerState().playerRef?.play()}setActiveVideo(e){this.stopAllVideo(),this.playerState.set({progress:0,activeIndex:e,playerRef:this.videoElRefs()[e].nativeElement})}playVideo(){let e=this.playerState().activeIndex;this.playerState.set({progress:0,activeIndex:e,playerRef:this.videoElRefs()[e].nativeElement}),this.playerState().playerRef?.play()}#e(e,i){return e===i-1?0:e+1}static{this.\u0275fac=(()=>{let e;return function(t){return(e||(e=C(o)))(t||o)}})()}static{this.\u0275cmp=V({type:o,selectors:[["cu-site-video-desktop"]],viewQuery:function(i,t){i&1&&S(t.videoElRefs,O,5),i&2&&D()},features:[x([T,M,c]),w],decls:8,vars:1,consts:[["videoControl",""],[1,"video-block"],[1,"video-container"],["cuWithInViewport","","muted","","playsinline","",1,"video",3,"volume","src","poster","ngStyle"],[1,"progress-container"],[3,"title","state"],["cuWithInViewport","","muted","","playsinline","",1,"video",3,"inViewportEnter","ended","canplaythrough","timeupdate","volume","src","poster","ngStyle"],[3,"select","title","state"]],template:function(i,t){i&1&&(E(0),p(1,"div",1)(2,"div",2),_(3,H,2,6,"video",3,L),d(),p(5,"div",4),_(6,N,1,5,"cu-site-video-progress",5,L),d()()),i&2&&(k(t.playerState()),m(3),v(t.videoList),m(3),v(t.videoList))},dependencies:[c,R,P],styles:['[_nghost-%COMP%]{position:relative;display:block}.video-block[_ngcontent-%COMP%]{position:relative}.video-container[_ngcontent-%COMP%]{position:relative;height:50rem}.video[_ngcontent-%COMP%]{position:absolute;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 100%;height:50rem;transition:opacity .5s cubic-bezier(.6,0,.4,1)}.progress-container[_ngcontent-%COMP%]{position:absolute;bottom:2.5rem;display:flex;width:100%;gap:2rem;padding:0 1.25rem}cu-site-video-progress[_ngcontent-%COMP%]{flex:1}.video-container[_ngcontent-%COMP%]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,#000 -43%,#0000)}'],changeDetection:0})}}return o})();export{Z as VideoDesktopComponent};