1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6564],{96564:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return s}});var o=r(23539),a=r(67294),i=r(75046),l=r.n(i),n=r(85893);var s=e=>{let{data:t}=e;const{sections:r}=t;return(0,n.jsx)("section",{className:l().wrapper,children:r.map((e=>{var t;return(0,n.jsxs)(a.Fragment,{children:[(0,n.jsx)("h2",{className:l().title,children:e.title}),(0,n.jsx)(o.Z,{imageAfter:e.imageAfter,imageBefore:e.imageBefore,widthMobile:"100vw",widthDesktop:"calc(50vw - 4.2rem)",heightMobile:"45.8rem",heightDesktop:"75vh",isHorizontal:"horizontal"===(null===(t=e.delimiterOrientation)||void 0===t?void 0:t.toLowerCase())})]},`BeforeafterDualComponent-${e.id}`)}))})}},23539:function(e,t,r){"use strict";r.d(t,{Z:function(){return h}});var o=r(50267),a=r(67294),i=r(65080),l=r(11435),n=r(86542),s=r.n(n),c=r(97619),f=r(85893);var h=e=>{var t;let{imageBefore:r,imageAfter:n,widthMobile:h,widthDesktop:d,heightMobile:p,heightDesktop:m,isHorizontal:_=!1}=e;const{0:u,1:v}=(0,a.useState)(50),g=(0,i.Z)(),{translations:b}=(0,l.i)(),{labelBefore:w,labelAfter:A}=(null===b||void 0===b||null===(t=b.section)||void 0===t?void 0:t["before/After"])||{},B=!g&&_;return(0,f.jsxs)("div",{className:`${s().wrapper} ${B?s().horizontalWrapper:""}`,style:{"--width-desktop":d,"--width-mobile":h,"--height-desktop":m,"--height-mobile":p},children:[(0,f.jsx)(o.Z,{src:n.image,className:s().background,layout:"fill"}),A&&(0,f.jsx)("span",{className:s().afterLabel,children:A}),(0,f.jsx)("div",{className:s().limiter,style:B?{height:`calc(${u}% - 0.1rem)`}:{width:`calc(${u}% - 0.1rem)`},children:(0,f.jsxs)("div",{className:s().overlay,children:[(0,f.jsx)(o.Z,{src:r.image,layout:"fill"}),w&&(0,f.jsx)("span",{className:s().beforeLabel,children:w})]})}),(0,f.jsxs)("div",{className:s().sliderButton,style:B?{top:`${u}%`,left:"50%"}:{left:`${u}%`,top:"50%"},children:[(0,f.jsx)(c.Z,{type:"chevron",className:s().chevron,fill:"white"}),(0,f.jsx)(c.Z,{type:"chevron",className:s().chevron,fill:"white"})]}),(0,f.jsx)("input",{type:"range",min:"1",max:"100",className:`${s().slider} ${B?s().horizontalSlider:""}`,name:"slider",onChange:e=>{v(e.target.value)},onTouchMove:e=>{const t=e.touches[0],r=e.currentTarget.getBoundingClientRect();if(B){const e=r.height,o=t.clientY-r.top,a=Math.round(o/e*100);v(a)}else{const e=r.width,o=t.clientX-r.left,a=Math.round(o/e*100);v(a)}},"aria-label":`${w}/${A}`,value:u})]})}},75046:function(e){e.exports={wrapper:"beforeAfterDual_wrapper__a9P1z",title:"beforeAfterDual_title__jNBTM"}},86542:function(e){e.exports={wrapper:"componentBeforeAfter_wrapper__y8Q5g",background:"componentBeforeAfter_background__eAdQO",overlay:"componentBeforeAfter_overlay__rg1A3",limiter:"componentBeforeAfter_limiter__dmVdo",horizontalWrapper:"componentBeforeAfter_horizontalWrapper__Rbn3P",slider:"componentBeforeAfter_slider__msEI_",horizontalSlider:"componentBeforeAfter_horizontalSlider__pyM6K",sliderButton:"componentBeforeAfter_sliderButton__lTIAZ",chevron:"componentBeforeAfter_chevron__uzpUV",beforeLabel:"componentBeforeAfter_beforeLabel__MaDCt",afterLabel:"componentBeforeAfter_afterLabel__LxaOi"}}}]); 2//# sourceMappingURL=6564.b096471da37eb48f.js.map
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.