https://www.infinitywindows.com/_next/static/chunks/1868.f4dd28ae6f1adcef.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1868],{22005:e=>{e.exports={"visually-hidden":"SbBeforeAfterSlider_visually-hidden__OgTlI",mediaWrapper:"SbBeforeAfterSlider_mediaWrapper__8hHIf"}},34504:(e,t,a)=>{"use strict";a.d(t,{j:()=>s}),a(77850);var r=a(52812),i=a(12137),n=a(67231),d=a(41056),o=a(36943);let m={wrapper:"_wrapper_1mgmb_11",paddingTop:"_paddingTop_1mgmb_15",paddingBottom:"_paddingBottom_1mgmb_23",headline:"_headline_1mgmb_31",container:"_container_1mgmb_42",inner:"_inner_1mgmb_65",beforeImage:"_beforeImage_1mgmb_71",afterImage:"_afterImage_1mgmb_72",beforeImageText:"_beforeImageText_1mgmb_98",afterImageText:"_afterImageText_1mgmb_99",slider:"_slider_1mgmb_136",handle:"_handle_1mgmb_149",leftArrow:"_leftArrow_1mgmb_170",rightArrow:"_rightArrow_1mgmb_171"},s=e=>{let{headline:t,beforeImage:a,afterImage:s,beforeText:l,afterText:c,className:f,spacing:g,minSliderPosition:_=2,maxSliderPosition:u=98,animateSlider:p=!1,theme:h,...b}=e,[v,x]=(0,d.useState)(50),[I,S]=(0,d.useState)(!1),[T,j]=(0,d.useState)(1),N=(0,d.useRef)(null),A=e=>{I&&L(e.clientX)},B=e=>{I&&L(e.touches[0].clientX)},w=()=>{S(!1)},E=()=>{S(!1)},L=e=>{if(N.current){let t=N.current.getBoundingClientRect();x(Math.max(_,Math.min(u,(e-t.left)/t.width*100)))}};(0,d.useEffect)(()=>(document.addEventListener("mousemove",A),document.addEventListener("mouseup",w),document.addEventListener("touchmove",B),document.addEventListener("touchend",E),()=>{document.removeEventListener("mousemove",A),document.removeEventListener("mouseup",w),document.removeEventListener("touchmove",B),document.removeEventListener("touchend",E)}),[I]),(0,d.useEffect)(()=>{if(p&&!I){let e=setInterval(()=>{x(e=>{let t=e+.3*T;return t>=u?(j(-1),u):t<=_?(j(1),_):Math.max(_,Math.min(u,t))})},50);return()=>clearInterval(e)}},[p,I,T,_,u]);let k=(0,d.useId)();return(0,r.jsxs)(r.Fragment,{children:[h&&(0,r.jsx)(o.T,{theme:h,selector:'[class*="'.concat(k,'"]')}),(0,r.jsxs)("div",{className:(0,n.c)(m.wrapper,h&&m.themed,{[m.marginTop]:null==g?void 0:g.marginTop,[m.marginBottom]:null==g?void 0:g.marginBottom,[m.paddingTop]:null==g?void 0:g.paddingTop,[m.paddingBottom]:null==g?void 0:g.paddingBottom},k),children:[t&&(0,r.jsx)("div",{className:m.headline,children:t}),(0,r.jsx)("div",{className:(0,n.c)(m.container,{[m.paddingBottom]:null==g?void 0:g.paddingBottom},f),ref:N,onMouseDown:e=>{S(!0),L(e.clientX)},onTouchStart:e=>{S(!0),L(e.touches[0].clientX)},"data-testid":"beforeAfterSlider-container",...b,children:(0,r.jsxs)("div",{className:m.inner,children:[(0,r.jsxs)("div",{className:m.beforeImage,style:{clipPath:"inset(0 ".concat(100-v,"% 0 0)")},children:[(0,r.jsx)(i.I,{alt:l,...a,"data-testid":"beforeAfterSlider-before-image"}),l&&(0,r.jsx)("div",{className:m.beforeImageText,"data-testid":"beforeAfterSlider-before-text",children:l})]}),(0,r.jsxs)("div",{className:m.afterImage,children:[(0,r.jsx)(i.I,{alt:c,...s,"data-testid":"beforeAfterSlider-after-image"}),c&&(0,r.jsx)("div",{className:m.afterImageText,"data-testid":"beforeAfterSlider-after-text",children:c})]}),(0,r.jsx)("div",{className:m.slider,style:{left:"".concat(v,"%")},"data-testid":"beforeAfterSlider-slider",children:(0,r.jsxs)("div",{className:m.handle,children:[(0,r.jsx)("span",{className:m.leftArrow}),(0,r.jsx)("span",{className:m.rightArrow})]})})]})})]})]})}},71868:(e,t,a)=>{"use strict";a.r(t),a.d(t,{SbBeforeAfterSlider:()=>l,default:()=>l});var r=a(52812),i=a(94224),n=a(10761),d=a(34504),o=a(92991);a(41056);var m=a(22005),s=a.n(m);let l=e=>{let{blok:t,editorAttributes:a}=e,{headline:m,theme:l,before_image:c,after_image:f,before_text:g,after_text:_,min_slider_position:u,max_slider_position:p,padding_top:h,padding_bottom:b,margin_bottom:v,margin_top:x,animate_slider:I}=t,S={src:"https://picsum.photos/688/864",alt:"Default Image"},T=(null==c?void 0:c.filename)?(0,n.storyblokImageProps)(c,{className:s().mediaWrapper}):S,j=(null==f?void 0:f.filename)?(0,n.storyblokImageProps)(f,{className:s().mediaWrapper}):S,N=void 0!==u?Number(u):void 0,A=void 0!==p?Number(p):void 0;return(0,r.jsx)(d.j,{...a,headline:m&&m.length>0&&(0,r.jsx)(i.D,{...(0,o.K1)(t),blok:m[0]}),theme:l,beforeImage:T,afterImage:j,beforeText:g,afterText:_,spacing:{marginBottom:v,marginTop:x,paddingTop:h,paddingBottom:b}

1,minSliderPosition:N,maxSliderPosition:A,animateSlider:I})}},77850:()=>{}}]);