https://armenia.travel/_next/static/chunks/8276.fefae59683d8b7af.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8276],{18276:(i,e,t)=>{t.r(e),t.d(e,{default:()=>c});var n=t(37876),d=t(14232),s=t(96941),a=t(30458),r=t(8409),l=t(83959),o=t(60295),g=t(23009);let m=t(21626).Ay.div.withConfig({componentId:"sc-699b3bef-0"})(["--stickyHeight:200vh;--siPaddingV:var(--sp25x);--siTitleMarginBottom:var(--sp15x);--siTitleMaxWidth:69.57%;--siImagesContProportion:46.406%;--siSlidePaddingH:var(--sp5x);--siSlideWidth:21.6vw;--siBigSlideWidth:32vw;display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:var(--contMarginV);.si-title-cont{position:sticky;top:",";max-width:var(--siTitleMaxWidth);.si-title{margin-top:var(--siPaddingV);margin-bottom:var(--siTitleMarginBottom);}}.si-slides-container{width:100%;height:var(--stickyHeight);.si-slides-inner-container{position:sticky;top:",";width:100%;min-height:",";transition:all var(--trTime);overflow:hidden;.si-slides-wrapper{width:100%;padding-top:var(--siImagesContProportion);.si-slides-inner-wrapper{display:flex;align-items:center;position:absolute;top:0;left:50%;bottom:0;transform:translateX(-50%);.slide{width:var(--siSlideWidth);padding:0 calc(var(--siSlidePaddingH) / 2);&.small-slide{.imageCont{--imagePaddingTop:129.23%;}}&.big-slide{width:var(--siBigSlideWidth);height:100%;transition:height var(--trTime);.imageCont{padding:0;height:100%;}}&.double-slide{display:flex;flex-direction:column;.ls-item-inner-cont{margin:calc(var(--siSlidePaddingH) / 2) 0;}&.double-right-slide{flex-direction:column-reverse;}.top-slide{.imageCont{--imagePaddingTop:98.44%;}}.bottom-slide{.imageCont{--imagePaddingTop:61.79%;}}}.ls-item-inner-cont{height:100%;border-radius:var(--sp2x);overflow:hidden;}}}}}}@media only screen and (min-width:",") and (max-width:","){--siPaddingV:var(--sp23x);--siTitleMarginBottom:var(--sp10x);--siTitleMaxWidth:69.166%;--siImagesContProportion:46.406%;--siSlidePaddingH:var(--sp4x);--siSlideWidth:20.05vw;--siBigSlideWidth:30vw;}@media only screen and (min-width:",") and (max-width:","){--siPaddingV:var(--sp20x);--siTitleMarginBottom:var(--sp9x);--siTitleMaxWidth:69.27%;--siImagesContProportion:46.42%;--siSlidePaddingH:var(--sp3x);--siSlideWidth:20vw;

1--siBigSlideWidth:35vw;}@media only screen and (min-width:",") and (max-width:","){--siPaddingV:var(--sp17x);--siTitleMarginBottom:var(--sp9x);--siTitleMaxWidth:69.16%;--siImagesContProportion:46.45%;--siSlidePaddingH:var(--sp3x);--siSlideWidth:20vw;--siBigSlideWidth:30vw;}@media only screen and (min-width:",") and (max-width:","){--siPaddingV:var(--sp15x);--siTitleMarginBottom:var(--sp8x);--siTitleMaxWidth:62.34%;--siImagesContProportion:50%;--siSlidePaddingH:var(--sp3x);--siSlideWidth:21.56vw;--siBigSlideWidth:30vw;}@media only screen and (min-width:",") and (max-width:","){--siPaddingV:var(--sp13x);--siTitleMarginBottom:var(--sp7x);--siTitleMaxWidth:65.42%;--siImagesContProportion:54.68%;--siSlidePaddingH:var(--sp2x);--siSlideWidth:23.63vw;--siBigSlideWidth:35vw;}@media only screen and (min-width:",") and (max-width:","){--siPaddingV:var(--sp13x);--siTitleMarginBottom:var(--sp6x);--siTitleMaxWidth:83.85%;--siImagesContProportion:72.91%;--siSlidePaddingH:var(--sp2x);--siSlideWidth:26.04vw;--siBigSlideWidth:47vw;}@media only screen and (max-width:","){--siPaddingV:var(--sp12x);--siTitleMarginBottom:var(--sp5x);--siTitleMaxWidth:87.92%;--siImagesContProportion:101.44%;--siSlidePaddingH:var(--sp2x);--siSlideWidth:35.04vw;--siBigSlideWidth:65vw;}@media only screen and (max-width:",") and (orientation:landscape){--stickyHeight:400vh;--siImagesContProportion:45.91%;}"],i=>i.titleContStickyTop,i=>"".concat(i.titleContStickyTop+i.titleContHeight,"px"),i=>i.bigImageMaxHeight,i=>{let{theme:e}=i;return e.mediaQuery.DesktopSizeL},i=>{let{theme:e}=i;return e.mediaQuery.DesktopSizeXLMin},i=>{let{theme:e}=i;return e.mediaQuery.DesktopSizeM},i=>{let{theme:e}=i;return e.mediaQuery.DesktopSizeLMin},i=>{let{theme:e}=i;return e.mediaQuery.DesktopSizeS},i=>{let{theme:e}=i;return e.mediaQuery.DesktopSizeMMin},i=>{let{theme:e}=i;return e.mediaQuery.DesktopSizeXS},i=>{let{theme:e}=i;return e.mediaQuery.DesktopSizeSMin},i=>{let{theme:e}=i;return e.mediaQuery.TabletSize},i=>{let{theme:e}=i;return e.mediaQuery.DesktopSizeXSMin},i=>{let{theme:e}=i;return e.mediaQuery.TabletSizeS},i=>{let{theme:e}=i;return e.mediaQuery.TabletSizeMin},i=>{let{theme:e}=i;return e.mediaQuery.TabletSizeSMin},i=>{let{theme:e}=i;return e.mediaQuery.TabletSizeMin}),h=(0,d.memo)(i=>{let{title:e,images:t,winWidth:a,winHeight:h}=i,[c,p]=(0,d.useState)(0),u=(0,d.useRef)(),v=(0,d.useRef)(),w=(0,d.useRef)(),x=(0,d.useRef)(),S=(0,d.useRef)(),y=(0,d.useCallback)((i,e)=>(0,n.jsx)("div",{className:"ls-item-inner-cont ".concat(e),children:(0,n.jsx)(o.A,{objectFit:"cover",src:i.url,alt:i.alt})}),[]),f=(0,d.useMemo)(()=>{if(7===t.length){let i=[];for(let e=0;e<t.length;e++){let d;e%3==0?d=(0,n.jsx)("div",{ref:3===e?S:null,className:"slide single-slide ".concat(3===e?"big-slide":"small-slide"),children:y(t[e],"big")},e):(d=t[e+2]&&(0,n.jsxs)("div",{className:"slide double-slide double-".concat(1===e?"left":"right","-slide"),children:[y(t[e],"top-slide "),y(t[e+1],"bottom-slide")]},e),e++),d&&i.push(d)}return(0,n.jsx)("div",{ref:w,className:"si-slides-container",children:(0,n.jsx)("div",{ref:x,className:"si-slides-inner-container",children:(0,n.jsx)("div",{className:"si-slides-wrapper",children:(0,n.jsx)("div",{className:"si-slides-inner-wrapper",children:i})})})})}return"Please pass min/max 7 images"},[]),M=(0,d.useMemo)(()=>a<768?65:a<1280?47:a<1440||a<1920?35:30,[a]),P=(0,d.useCallback)(()=>{let i=w.current.getBoundingClientRect(),e=x.current.getBoundingClientRect(),t=parseInt(window.getComputedStyle(x.current).top),n=S.current.getBoundingClientRect();if(parseInt(e.top)===t){let e=(-i.top+t)/(i.height-window.innerHeight);s.Ay.to(S.current,{duration:1,width:"".concat(M+(105-M)*e,"vw")})}else parseInt(e.top)>t&&Math.round(n.width/window.innerWidth*100)!==M&&s.Ay.to(S.current,{duration:1,width:"".concat(M,"vw")})},[M,c]),[T,b,W]=(0,d.useMemo)(()=>{if(null==u?void 0:u.current){let i=(null==u?void 0:u.current).getBoundingClientRect().height;return[window.innerWidth>window.innerHeight?-i:0,i,"".concat(window.innerWidth>window.innerHeight?window.innerHeight:window.innerHeight-i,"px")]}return[0,500,"50vh"]},[a,h,c]);(0,d.useEffect)(()=>(window.addEventListener("scroll",P),()=>{window.removeEventListener("scroll",P)}),[M,P]),(0,d.useEffect)(()=>{p(c+1)},[]);let C=(0,d.useMemo)(()=>(0,n.jsx)("div",{ref:u,className:"hidden-container si-title-cont",children:(0,n.jsx)(g.default,{params:{bottomToTop:[v]},startPoint:"-80% bottom",children:(0,n.jsx)(l.A,{ref:v,text:e,tag:"h2",className:"si-title font-soundscape h2 primaryColor3"})})}),[]);return(0,n.jsx)(r.A,{full:!0,section:!0,className:"bgBlackPearl",children:(0,n.jsxs)(m,{titleContStickyTop:T,titleContHeight:b,bigImageMaxHeight:W,children:[C,f]})})}),c=(0,a.c0)(h,["winWidth","winHeight"])}}]);
2//# sourceMappingURL=8276.fefae59683d8b7af.js.map