https://domrfbank.ru/local/templates/redesign/build/js/46301.f8063969.js

1"use strict";(globalThis["webpackChunkroscap"]=globalThis["webpackChunkroscap"]||[]).push([[46301,95490],{46301:(e,n,l)=>{l.d(n,{A:()=>I});var o=l(29726);const t={class:"main-services__wrapper"},r={key:0},i=["innerHTML"],s=["innerHTML"],c={class:"main-services__left"},a={key:0},d=["innerHTML"],m=["innerHTML"],u={key:1,class:"main-services__left-buttons"},_={class:"main-services__main main-services__main_desktop swiper-container _mobile-hidden-flx"},p={class:"swiper-wrapper"},v=["href"],k={class:"main-services__main-block-content"},h=["innerHTML"],E=["innerHTML"],f={key:1},b={class:"main-services__main-block-content"},B=["innerHTML"],C=["innerHTML"],L={class:"swiper-wrapper"},S=["href"],g={class:"main-services__main-block-content"},z=["innerHTML"],y=["innerHTML"];function V(e,n,l,V,w,N){const M=(0,o.resolveComponent)("DIcon"),T=(0,o.resolveComponent)("horizontal-scroll");return(0,o.openBlock)(),(0,o.createElementBlock)("div",{class:(0,o.normalizeClass)(["main-services",l.additionalClass])},[(0,o.createElementVNode)("div",t,[l.hideLeftBlock?(0,o.createCommentVNode)("",!0):((0,o.openBlock)(),(0,o.createElementBlock)("div",r,[(0,o.createElementVNode)("h2",{class:"h2 _mobile-visible",innerHTML:l.title},null,8,i),(0,o.createElementVNode)("p",{class:"p1 _mobile-visible _mt-16",innerHTML:l.subtitle},null,8,s)])),(0,o.createElementVNode)("div",c,[l.hideLeftBlock?(0,o.createCommentVNode)("",!0):((0,o.openBlock)(),(0,o.createElementBlock)("div",a,[(0,o.createElementVNode)("h2",{class:"h2",innerHTML:l.title},null,8,d),l.subtitle?((0,o.openBlock)(),(0,o.createElementBlock)("p",{key:0,class:"p1 _mt-16",innerHTML:l.subtitle},null,8,m)):(0,o.createCommentVNode)("",!0)])),l.blocks.length>3?((0,o.openBlock)(),(0,o.createElementBlock)("div",u,[(0,o.createElementVNode)("div",{class:(0,o.normalizeClass)(["main-services__left-buttonl",{"main-services__left-buttonl_disabled":3===w.counter}]),onClick:n[0]||(n[0]=(...e)=>N.decrease&&N.decrease(...e))},[3===w.counter?((0,o.openBlock)(),(0,o.createBlock)(M,{key:0,name:w.EIcon.ARROW_LEFT_SMALL,size:w.EIconSize.S_24,color:w.EIconColor.GREY_166,class:"_flex-none"},null,8,["name","size","color"])):((0,o.openBlock)(),(0,o.createBlock)(M,{key:1,name:w.EIcon.ARROW_LEFT_SMALL,size:w.EIconSize.S_24,color:w.EIconColor.GREY_517,class:"_flex-none"},null,8,["name","size","color"]))],2),(0,o.createElementVNode)("div",{class:(0,o.normalizeClass)(["main-services__left-buttonr",{"main-services__left-buttonr_disabled":w.counter===w.maxCounter}]),onClick:n[1]||(n[1]=(...e)=>N.increase&&N.increase(...e))},[w.counter===w.maxCounter?((0,o.openBlock)(),(0,o.createBlock)(M,{key:0,name:w.EIcon.ARROW_RIGHT_SMALL,size:w.EIconSize.S_24,color:w.EIconColor.GREY_166,class:"_flex-none"},null,8,["name","size","color"])):((0,o.openBlock)(),(0,o.createBlock)(M,{key:1,name:w.EIcon.ARROW_RIGHT_SMALL,size:w.EIconSize.S_24,color:w.EIconColor.GREY_517,class:"_flex-none"},null,8,["name","size","color"]))],2)])):(0,o.createCommentVNode)("",!0)]),(0,o.createElementVNode)("div",_,[(0,o.createElementVNode)("div",p,[((0,o.openBlock)(!0),(0,o.createElementBlock)(o.Fragment,null,(0,o.renderList)(l.blocks,(e,n)=>((0,o.openBlock)(),(0,o.createElementBlock)("div",{class:"main-services__main-block swiper-slide",key:n},[e.link?((0,o.openBlock)(),(0,o.createElementBlock)("a",{key:0,target:"_blank",href:e.link},[(0,o.createElementVNode)("div",k,[(0,o.createElementVNode)("div",{class:(0,o.normalizeClass)(["main-services__main-icon",e.icon])},null,2),(0,o.createElementVNode)("div",{class:"main-services__main-title",innerHTML:e.title},null,8,h),(0,o.createElementVNode)("p",{class:"p1 _mt-16 _position-relative main-services__description",innerHTML:e.description},null,8,E)])],8,v)):((0,o.openBlock)(),(0,o.createElementBlock)("div",f,[(0,o.createElementVNode)("div",b,[(0,o.createElementVNode)("div",{class:(0,o.normalizeClass)(["main-services__main-icon",e.icon])},null,2),(0,o.createElementVNode)("div",{class:"main-services__main-title",innerHTML:e.title},null,8,B),(0,o.createElementVNode)("p",{class:"p1 _mt-16 _position-relative main-services__description",innerHTML:e.description},null,8,C)])]))]))),128))])]),(0,o.createVNode)(T,{index:"0","line-color":"gray-fourth","

1slider-color":"gray-french",class:"_mobile-visible _mt-0-24"},{"scrolled-content":(0,o.withCtx)(()=>[(0,o.createElementVNode)("div",L,[((0,o.openBlock)(!0),(0,o.createElementBlock)(o.Fragment,null,(0,o.renderList)(l.blocks,(e,n)=>((0,o.openBlock)(),(0,o.createElementBlock)("a",{class:"main-services__main-block swiper-slide",target:"_blank",href:e.link,key:n},[(0,o.createElementVNode)("div",g,[(0,o.createElementVNode)("div",{class:(0,o.normalizeClass)(["main-services__main-icon",e.icon])},null,2),(0,o.createElementVNode)("div",{class:"main-services__main-title",innerHTML:e.title},null,8,z),(0,o.createElementVNode)("p",{class:"p1 _mt-16 _position-relative main-services__description",innerHTML:e.description},null,8,y)])],8,S))),128))])]),_:1})])],2)}var w=l(95490),N=l(4654),M=l(80548);const T={name:"mainServices",compatConfig:{MODE:3},components:{horizontalScroll:w["default"],DIcon:M.u7},props:{blocks:{type:Array,default:()=>[]},title:{type:String,default:"Полезные сервисы"},subtitle:{type:String,default:"Удобные онлайн-сервисы и услуги от&nbsp;Банка ДОМ.РФ"},hideLeftBlock:{type:Boolean,default:!1},additionalClass:{type:String,default:""}},data(){return{counter:0,mobileCounter:0,maxCounter:3,hideMobileBlur:!1,mySlider:null,EIcon:M.HJ,EIconSize:M.dy,EIconColor:M.dt}},methods:{initStepsSlider(){const e={slidesPerView:"auto",centeredSlides:!1,loop:!1,navigation:{nextEl:".main-services__left-buttonr",prevEl:".main-services__left-buttonl"},breakpoints:{1001:{centeredSlides:!1,loop:!1,allowTouchMove:!1}}},n={slidesPerView:"auto",centeredSlides:!1,loop:!0,pagination:{clickable:!0}};this.mySwiper=new N.A(".main-services__main_desktop",e);let l=new N.A(".main-services__main_mobile",n);window.addEventListener("orientationchange",()=>{l&&l instanceof N.A&&(l.destroy(!0,!0),setTimeout(()=>{l=new N.A(".main-services__main_mobile",n)},100))})},increase(){return this.counter=this.counter>=this.maxCounter?this.maxCounter:++this.counter},decrease(){return this.counter=this.counter<=3?3:--this.counter}},mounted(){this.initStepsSlider(),this.maxCounter=this.$props.blocks.length,this.counter=this.$props.blocks.length>3?3:this.$props.blocks.length}};var x=l(66262);const H=(0,x.A)(T,[["render",V],["__scopeId","data-v-5d3b2a1f"]]),I=H},95490:(e,n,l)=>{l.r(n),l.d(n,{default:()=>_});var o=l(29726);const t=["scroll-index"],r={ref:"scrollContainer",class:"horizontal-scroll__target-wrapper horizontal-scroll__target"};function i(e,n,l,i,s,c){return(0,o.openBlock)(),(0,o.createElementBlock)("div",{ref:"scroll",class:"horizontal-scroll","scroll-index":l.index},[(0,o.createElementVNode)("div",r,[(0,o.renderSlot)(e.$slots,"scrolled-content")],512),i.isOverflow?((0,o.openBlock)(),(0,o.createElementBlock)("div",{key:0,class:(0,o.normalizeClass)(["horizontal-scroll__progress-wrapper",`horizontal-scroll__line-${l.lineColor}`])},[(0,o.createElementVNode)("div",{ref:"progress",class:(0,o.normalizeClass)(["horizontal-scroll__progress",`horizontal-scroll__progress-${l.sliderColor}`])},null,2)],2)):(0,o.createCommentVNode)("",!0)],8,t)}var s=l(98551),c=l.n(s),a=l(75820);const d={name:"horizontalScroll",props:{content:{type:String,default:""},index:{type:String,default:"",required:!0},lineColor:{type:String,default:"",required:!0},sliderColor:{type:String,default:"",required:!0},noSlider:{type:Boolean,default:!1}},data(){return{scrollBarsIndexesError:!1}},setup(e){const n=(0,o.ref)(null),l=(0,o.ref)(null),t=(0,o.shallowRef)([]),r=(0,o.ref)(null),i=(0,o.ref)(0),s=(0,o.ref)(0),d=e.noSlider,m=()=>{r.value?.children&&(t.value=Array.from(r.value.children))};(0,a.wYm)(n,([e])=>{if(e.borderBoxSize?.[0]){const{inlineSize:n}=e.borderBoxSize[0];s.value=n}else c().measure(()=>{const{width:n}=e.target.getBoundingClientRect();s.value=n})},{box:"border-box"}),(0,a.wYm)(r,()=>{i.value=r.value?.scrollWidth??0});const u=(0,o.computed)(()=>!d&&i.value>s.value),_=new MutationObserver(()=>{m()}),p=()=>{t.value.forEach(e=>{e.classList.toggle("horizontal-scroll__margin",u.value)})};(0,o.watch)([t,u],()=>{p()}),(0,o.onMounted)(()=>{m(),_.observe(n.value,{childList:!0,subtree:!0})}),(0,o.onUnmounted)(()=>{_.disconnect()});const{x:v}=(0,a.Ll8)(r);return(0,o.watch)(v,e=>{if(d)return;const n=e/(i.value-s.value)*67;l.value.style.left=n+"%"}),{isOverflow:u,scroll:n,progress:l,xScroll:v,scrollOffsetWidth:s,scrollContainerWidth:i,scrollContainer:r}}};var m=l(66262);const u=(0,m.A)(d,[["render",i]]),_=u}}]);
2//# sourceMappingURL=46301.f8063969.js.map