https://psdigital.co.nz/_next/static/chunks/3544.de1779b72c7f62f0.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3544],{93544:function(e,t,n){"use strict";n.r(t);var o=n(85893),a=n(67294),s=n(48436),c=n(40477),l=n.n(c);n(49653),t.default=e=>{let{element:t}=e,{showTitle:n,title:c,content:d,beforeImage:f,afterImage:m}=t;if(!(null==f?void 0:f.absoluteLink)||!(null==m?void 0:m.absoluteLink))return null;let v=(0,a.useCallback)(e=>{e.preventDefault(),document.body.style.userSelect="none",document.body.style.webkitUserSelect="none"},[]),M=(0,a.useCallback)(()=>{document.body.style.userSelect="",document.body.style.webkitUserSelect=""},[]);return(0,a.useEffect)(()=>{let e=document.querySelector(".e-before-after-slider__wrapper");if(e)return e.addEventListener("mousedown",v),e.addEventListener("mouseup",M),e.addEventListener("mouseleave",M),()=>{e.removeEventListener("mousedown",v),e.removeEventListener("mouseup",M),e.removeEventListener("mouseleave",M)}},[]),(0,o.jsx)("div",{className:"e-before-after-slider",children:(0,o.jsxs)("div",{className:"u-container",children:[n&&(0,o.jsx)("h3",{className:"e-before-after-slider__title",children:c}),(0,o.jsx)("div",{className:"e-before-after-slider__wrapper",children:(0,o.jsx)(l(),{firstImage:{imageUrl:m.absoluteLink},secondImage:{imageUrl:f.absoluteLink},delimiterColor:"#F7A6EB",delimiterIconStyles:{width:"40px",height:"40px",backgroundImage:'url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzAwIDMwMCI+PGRlZnMvPjxwYXRoIGZpbGw9IndoaXRlIiBkPSJNMjYyLjAxIDE0Mi40M2M0LjE5IDQuMTkgNC4xOSAxMC45OSAwIDE1LjE4bC02NC4zNCA2NC4zNGMtNC4xOSA0LjE5LTEwLjk5IDQuMTktMTUuMTggMC00LjE5LTQuMTktNC4xOS0xMC45OSAwLTE1LjE4TDIzOS4yNiAxNTBsLTU2LjczLTU2Ljc3Yy00LjE5LTQuMTktNC4xOS0xMC45OSAwLTE1LjE4czEwLjk5LTQuMTkgMTUuMTggMGw2NC4zNCA2NC4zNC0uMDMuMDNaTTM3Ljk5IDE1Ny41N2MtNC4xOS00LjE5LTQuMTktMTAuOTkgMC0xNS4xOGw2NC4zNC02NC4zNGM0LjE5LTQuMTkgMTAuOTktNC4xOSAxNS4xOCAwczQuMTkgMTAuOTkgMCAxNS4xOEw2MC43NCAxNTBsNTYuNzMgNTYuNzdjNC4xOSA0LjE5IDQuMTkgMTAuOTkgMCAxNS4xOC00LjE5IDQuMTktMTAuOTkgNC4xOS0xNS4xOCAwbC02NC4zNC02NC4zNC4wMy0uMDNaIi8+PC9zdmc+")',backgroundSize:"80%",backgroundRepeat:"no-repeat",backgroundPosition:"center",borderRadius:"none"},className:"e-before-after-slider__slider"})}),d&&(0,o.jsx)("div",{className:"e-before-after-slider__content-wrapper",children:(0,o.jsx)(s.HTMLElement,{html:d})})]})})}},49653:function(){},40477:function(e,t,n){var o;e.exports=(o=n(67294),(()=>{"use strict";var e={297:e=>{e.exports=o}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var a=t[n]={exports:{}};return e[n](a,a.exports,r),a.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var n={};return(()=>{r.d(n,{default:()=>u});var e,t,o=r(297),a=r.n(o),i=function(){return(i=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)};function u(e){var n,s,c,l,d,f=e.firstImage,m=e.secondImage,v=e.className,M=e.withResizeFeel,E=e.currentPercentPosition,N=e.onVisible,g=e.onReady,L=e.onChangePercentPosition,T=e.delimiterIconStyles,C=e.feelsOnlyTheDelimiter,b=void 0!==C&&C,p=e.delimiterColor,w=void 0===p?"#fff":p,x=e.onChangeMode,h=["before-after-slider"];v&&h.push(v);var O=(0,o.useRef)(null),S=(0,o.useRef)(null),y=(0,o.useState)(null),j=y[0],I=y[1],A=(0,o.useState)(E||50),_=A[0],D=A[1],P=(0,o.useState)(t.DEFAULT),R=P[0],U=P[1],Q=(s=(n=(0,o.useState)(!1))[0],c=n[1],l=(0,o.useRef)([!1,!1]),(0,o.useEffect)(function(){!s&&l.current.every(Boolean)&&j&&O.current&&c(!0)},[l.current,j,s,O.current]),(0,o.useEffect)(function(){s&&g&&g()},[s]),{onImageLoad:function(e){var t=function(e,t){for(var n=0,o=t.length,a=e.length;n<o;n++,a++)e[a]=t[n];return e}([],l.current);t[e]=!0,l.current=t},isReady:s}),B=Q.onImageLoad,F=Q.isReady,Y=(0,o.useState)({top:0,left:0}),Z=Y[0],X=Y[1],J=(0,o.useState)(N&&"undefined"!=typeof window&&window.IntersectionObserver?new IntersectionObserver(function(e){J&&N&&e.forEach(function(e){e.intersectionRatio>.95&&(J.disconnect(),N())})},{threshold:[0,.95]}):null)[0];(0,o.useEffect)(function(){J&&F&&J.observe(O.current)},[F]),(0,o.useEffect)(function(){E&&j&&D(E>j?j:E<0?0:E)},[E,j]);var k=function(){O.current&&I(O.current.offsetWidth)},V=function(){z(t.DEFAULT)},z=function(e){U(e),x&&x(e)};(0,o.useEffect)(function(){return k(),S.current&&S.current.complete&&B(0),document.addEventListener("click",V),function(){document.removeEventListener("click",V)}},[]);var W=j?{width:j+"px"}:void 0,q=a().useMemo(function(){return i({backgroundColor:w},T||{})},[w,T]),K=a().useMemo(function(){return{left:_+"%",backgroundColor:w}},[_,w]),G=function(){(function(){if(O.current){var e=O.current.getBoundingClientRect();X({top:e.top+pageYOffset,left:e.left+pageXOffset})}})(),z(t.MOVE)},H=function(e){if(R===t.MOVE&&j){var n,o=((n=e.pageX-Z.left)>j?j:n<0?0:n)/j*100;L?L(o):D(o)}};d=void 0===M||M,(0,o.useEffect)(function(){return d&&window.addEventListener("resize",k),function(){window.removeEventListener("resize",k)}},[]);var $={onMouseDown:G,onTouchStart:G};return a().createElement("div",i({ref:O,className:h.join(" "),onMouseMove:function(e){return H(e)},onTouchMove:function(e){H(e.touches[0])},onTouchEnd:V,onTouchCancel:V},b?{}:$),a().createElement("div",{className:"before-after-slider__first-photo-container"},a().createElement("img",{src:f.imageUrl,onLoad:function(){k(),B(0)},draggable:!1,alt:f.alt,ref:S})),!!j&&a().createElement(a().Fragment,null,a().createElement("div",{className:"before-after-slider__second-photo-container",style:{width:_+"%"}},a().createElement("img",{style:W,src:m.imageUrl,onLoad:function(){return B(1)},draggable:!1,alt:m.alt})),a().createElement("div",i({className:"before-after-slider__delimiter",style:K},b?$:{}),a().createElement("div",null,a().createElement("div",{className:"before-after-slider__delimiter-icon",style:q})))))}(e=t||(t={})).MOVE="move",e.DEFAULT="default"})(),n.default})())}}]);