https://lifehacker.ru/_nuxt/v7.12-B3VNdFlS.js

1import{c as $}from"./v7.12-CXF5szEQ.js";import{b1 as S,bE as y,b0 as v,bA as h,aU as p,aP as d,aQ as c,aW as b,dc as C,aO as g,aT as B,aX as u,aV as I,bC as L,a_ as T,bU as w,b4 as k,b5 as A,aY as D}from"./v7.12-zCVthbrt.js";import{B as P}from"./v7.12-B_PXtJlV.js";import{T as M}from"./v7.12-B6ozmphT.js";const N='<svg fill="none" height="16" viewBox="6 0 10 16" width="10" xmlns="http://www.w3.org/2000/svg"><path d="m8.09619 14 5.90381-5.90381-5.90381-5.90381" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></svg>',O=S({name:"TheSliderButton",components:{SvgAsset:y},props:{classes:{type:Object,required:!0}},computed:{arrowIcon(){return N}}},"$5G0nn9ukuL");function W(e,t,i,l,o,a){const r=h("SvgAsset");return d(),p("button",{class:b(["slider__button",e.classes]),"data-cy":"slider-button","aria-label":"Кнопка для скролла слайдера",onClick:t[0]||(t[0]=n=>e.$emit("button-click"))},[c(r,{class:"typo-form__close-button-icon",content:e.arrowIcon},null,8,["content"])],2)}const E=v(O,[["render",W],["__scopeId","data-v-1a0c4b70"]]),R=S({name:"TheSliderItem",components:{TheLink:M,BasePicture:P},props:{link:{type:String,required:!0},title:{type:String,required:!0},images:{type:Array,default:()=>[]},defaultImg:{type:Array,default:()=>[]},imgAlt:{type:String,required:!0},target:{type:String,default:null}},methods:{getSourceImage:C}},"$3kvmxOfBbp"),F=["innerHTML"];function z(e,t,i,l,o,a){const r=h("BasePicture"),n=h("TheLink");return d(),g(n,{class:"slider-item without-base-styles","data-cy":"slider-item slider-item-image-link",link:e.link,title:e.title,target:e.target,onClick:t[0]||(t[0]=s=>e.$emit("item-click",e.link))},{default:B(()=>[c(r,{class:"slider-item__cover",alt:e.imgAlt||e.title,"used-sized":[160,187],"sizes-by-device":{mobile:"187px",tablet:"187px"},sizes:e.images||e.defaultImg,origin:e.getSourceImage(e.images||e.defaultImg)},null,8,["alt","sizes","origin"]),u("p",{class:"slider-item__title",innerHTML:e.title},null,8,F),t[1]||(t[1]=u("div",{class:"slider-item__gradient"},null,-1))]),_:1},8,["link","title","target"])}const H=v(R,[["render",z],["__scopeId","data-v-dcbb9b90"]]),_=12,U=160+_,q=160+_,G=3,m=.8,V=24,Z=16,j=S({name:"TheSlider",components:{TheSliderButton:E,TheSliderItem:H},props:{sliderList:{type:Array,required:!0},sliderTitle:{type:String,default:null}},setup(){const{width:e}=$();return{windowWidth:e}},data:()=>({isDisableScroll:!1,isShowButtonPrev:!1,isShowButtonNext:!1,isDisableButtonPrev:!1,isDisableButtonNext:!1,isFirstSendAnalytics:!0,middle:0,sliderContainerWidth:0}),computed:{itemWidth(){return this.windowWidth>=1280?q:U},sliderListWidth(){const e=this.windowWidth>=768?V:Z;return`${this.itemWidth*this.sliderList.length+e*2-_}px`},sliderClasses(){return{"slider__available-scroll-prev":this.isShowButtonPrev,"slider__available-scroll-next":this.isShowButtonNext}},buttonPrevClasses(){return{slider__button_disabled:this.isDisableButtonPrev,slider__button_prev:!0}},buttonNextClasses(){return{slider__button_disabled:this.isDisableButtonNext,slider__button_next:!0}}},mounted(){this.setSliderWidth(),this.calculateMiddle(),this.updateButtonState(),this.$refs.sliderContainer.addEventListener("scrollend",this.sendSuccessfulScrollAnalytics)},beforeUnmount(){this.$refs.sliderContainer.removeEventListener("scrollend",this.sendSuccessfulScrollAnalytics)},methods:{handleMouseOut({target:e}){e&&(e!=null&&e.closest(".slider__button"))||(this.isShowButtonNext=!1,this.isShowButtonPrev=!1)},handleMouseMove({clientX:e}){e>=this.middle?(this.isShowButtonPrev=!1,this.isShowButtonNext=!0):(this.isShowButtonNext=!1,this.isShowButtonPrev=!0)},handleSliderItemClick(e){this.$emit("onClickSlide",e)},calculateMiddle(){const{sliderContainer:e}=this.$refs;if(!e)return;const t=e.getBoundingClientRect();this.middle=t.left+(t.right-t.left)/2},updateButtonState(){const{sliderContainer:e,sliderList:t}=this.$refs;if(!e||!t)return;const{scrollLeft:i}=e;i>=parseInt(t.style.width,10)-this.sliderContainerWidth-1?(this.isDisableButtonNext=!0,this.isDisableButtonPrev=!1):i<=0?(this.isDisableButtonPrev=!0,this.isDisableButtonNext=!1):(this.isDisableButtonNext=!1,this.isDisableButtonPrev=!1)},handleButtonClick(e=!1){if(this.isDisableScroll){this.sendScrollAnalytics(!1);return}const{sliderContainer:t,sliderList:i}=this.$refs;if(!t||!i){this.sendScrollAnalytics(!1);return}const{scrollLeft:l}=t,o=parseInt(i.style.width,10);if(e&&l>=o-this.sliderContainerWidth){this.sendScrollAnalytics(!1);return}if(!e&&l<=0){this.sendScrollAnalytics(!1);return}this.scroll(e)},sendScrollAnalytics(e){this.isFirstSendAnalytics&&(this.$sendAnalyticsSnowPlow({event_name:"Скролл_Лучшие предложения",par3:String(this.sliderTitle)}),this.$sendYandexMetrika({level1:"Скролл_Лучшие предложения",level4:e?

11:0}),this.isFirstSendAnalytics=!1)},sendSuccessfulScrollAnalytics(){this.sendScrollAnalytics(!0)},scroll(e){this.isDisableScroll=!0;const t=this.itemWidth*G;let i,l,o,a;const r=this.$refs.sliderContainer,n=this.$refs.sliderList;if(e?(i=r.scrollLeft+t,l=parseInt(n.style.width,10)-this.sliderContainerWidth,o=!(i>l),a="-"):(i=r.scrollLeft-t,l=0,o=!(i<l),a="+"),o)n.style.transitionDuration=`${m}s`,n.style.transform=`translate3d(${a}${t}px, 0px, 0px)`,setTimeout(()=>{this.setScrollLeft(e,t)},m*1e3);else{let s;e?s=t-(i-l):s=t- -i;const f=Number((s/t*m).toFixed(1));n.style.transitionDuration=`${f}s`,n.style.transform=`translate3d(${a}${s}px, 0px, 0px)`,setTimeout(()=>{this.setScrollLeft(e,s)},f*1e3)}},setScrollLeft(e,t){const i=this.$refs.sliderContainer,l=this.$refs.sliderList;l.style.transitionDuration="0s",l.style.transform="translate3d(0,0,0)",e?i.scrollLeft+=t:i.scrollLeft-=t,this.isDisableScroll=!1},setSliderWidth(){this.sliderContainerWidth=parseInt(getComputedStyle(this.$refs.sliderContainer).width,10)},isTrackTheAppearance(e){var t;return"testPixel"in e?!!((t=e.testPixel)!=null&&t.length):!1},onAppear(e){this.$emit("appear-item",e)}}},"$l75RnV8_Ad"),Y={class:"slider__wrapper-top"},K={key:0,class:"slider__title"};function Q(e,t,i,l,o,a){const r=h("TheSliderButton"),n=h("TheSliderItem");return d(),p("div",{class:b(["slider",e.sliderClasses]),"data-cy":"slider"},[u("div",Y,[e.sliderTitle?(d(),p("p",K,L(e.sliderTitle),1)):I("",!0)]),u("div",{class:"slider__wrapper",onMouseout:t[3]||(t[3]=(...s)=>e.handleMouseOut&&e.handleMouseOut(...s)),onMousemove:t[4]||(t[4]=(...s)=>e.handleMouseMove&&e.handleMouseMove(...s))},[c(r,{classes:e.buttonPrevClasses,onButtonClick:t[0]||(t[0]=s=>e.handleButtonClick(!1))},null,8,["classes"]),c(r,{classes:e.buttonNextClasses,onButtonClick:t[1]||(t[1]=s=>e.handleButtonClick(!0))},null,8,["classes"]),u("div",{ref:"sliderContainer",class:"slider__container",onScroll:t[2]||(t[2]=T((...s)=>e.updateButtonState&&e.updateButtonState(...s),["stop"]))},[u("div",{ref:"sliderList",class:"slider__list",style:w({width:e.sliderListWidth})},[(d(!0),p(k,null,A(e.sliderList,s=>(d(),g(D(e.isTrackTheAppearance(s)?"IntersectionObserver":"div"),{key:s.id,class:"slider__item-wrapper",onAppear:f=>e.onAppear(s)},{default:B(()=>[c(n,{link:s.teaserUrl||s.url,target:s.teaserUrl?"_blank":void 0,title:s.title,images:s.images,"default-img":s.defaultImg,"img-alt":s.alt||s.img_alt,onItemClick:e.handleSliderItemClick},null,8,["link","target","title","images","default-img","img-alt","onItemClick"])]),_:2},1064,["onAppear"]))),128))],4)],544)],32)],2)}const te=v(j,[["render",Q],["__scopeId","data-v-43fc4090"]]);export{te as T};
2//# sourceMappingURL=v7.12-B3VNdFlS.js.map