https://www.threetransitions.earth/_next/static/chunks/580.8d1ef2c5279d3a50b4ac.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[580],{7580:function(e,t,n){n.r(t),n.d(t,{InnerImageZoom:function(){return h},default:function(){return m}});var r=n(7294),i=function(e){var t=e.src,n=e.srcSet,i=e.sizes,a=e.sources,o=e.width,s=e.height,u=e.hasSpacer,c=e.alt,l=e.title,d=e.isZoomed,f=e.fadeDuration,h=o&&s&&u;return r.createElement("div",{style:{paddingTop:h?s/o*100+"%":null}},a&&a.length>0?r.createElement("picture",null,a.map((function(e,t){return r.createElement(r.Fragment,{key:t},e.srcSet&&r.createElement("source",{srcSet:e.srcSet,sizes:e.sizes,media:e.media,type:e.type}))})),r.createElement("img",{className:"iiz__img "+(d?"iiz__img--hidden":"")+" "+(h?"iiz__img--abs":""),style:{transition:"linear 0ms opacity "+(d?f:0)+"ms, linear "+f+"ms visibility "+(d?f:0)+"ms"},src:t,srcSet:n,sizes:i,width:o,height:s,alt:c,title:l})):r.createElement("img",{className:"iiz__img "+(d?"iiz__img--hidden":"")+" "+(h?"iiz__img--abs":""),style:{transition:"linear 0ms opacity "+(d?f:0)+"ms, linear "+f+"ms visibility "+(d?f:0)+"ms"},src:t,srcSet:n,sizes:i,width:o,height:s,alt:c,title:l}))};i.propTypes={};var a=i,o=function(e){var t=e.src,n=e.fadeDuration,i=e.top,a=e.left,o=e.isZoomed,s=e.onLoad,u=e.onDragStart,c=e.onDragEnd,l=e.onClose;return r.createElement(r.Fragment,null,r.createElement("img",{className:"iiz__zoom-img "+(o?"iiz__zoom-img--visible":""),style:{top:i,left:a,transition:"linear "+n+"ms opacity, linear "+n+"ms visibility"},src:t,onLoad:s,onTouchStart:u,onTouchEnd:c,onMouseDown:u,onMouseUp:c,draggable:"false",alt:""}),l&&r.createElement("button",{className:"iiz__btn iiz__close "+(o?"iiz__close--visible":""),style:{transition:"linear "+n+"ms opacity, linear "+n+"ms visibility"},onClick:l,"aria-label":"Zoom Out"}))};o.propTypes={};var s=o,u=n(3935),c=n(5697),l=function(e){var t=e.children,n=(0,r.useState)((function(){var e=document.createElement("div");return e.classList.add("iiz__zoom-portal"),e}))[0];return(0,r.useEffect)((function(){return document.body.appendChild(n),function(){return document.body.removeChild(n)}}),[n]),(0,u.createPortal)(t,n)};l.propTypes={children:n.n(c)().element};var d=l,f=function(e){var t=e.moveType,n=void 0===t?"pan":t,i=e.zoomType,o=void 0===i?"click":i,u=e.src,c=e.srcSet,l=e.sizes,f=e.sources,h=e.width,m=e.height,g=e.hasSpacer,p=e.zoomSrc,v=e.zoomScale,b=void 0===v?1:v,w=e.zoomPreload,y=e.alt,_=e.title,z=e.fadeDuration,E=void 0===z?150:z,S=e.fullscreenOnMobile,M=e.mobileBreakpoint,T=void 0===M?640:M,C=e.hideCloseButton,k=e.hideHint,D=e.className,x=e.afterZoomIn,L=e.afterZoomOut,X=(0,r.useRef)(null),Y=(0,r.useRef)(null),N=(0,r.useRef)({}),Z=(0,r.useState)(w),O=Z[0],P=Z[1],H=(0,r.useState)(!1),R=H[0],B=H[1],F=(0,r.useState)(!1),I=F[0],W=F[1],A=(0,r.useState)(!1),U=A[0],j=A[1],q=(0,r.useState)(!1),G=q[0],J=q[1],K=(0,r.useState)(!1),Q=K[0],V=K[1],$=(0,r.useState)(n),ee=$[0],te=$[1],ne=(0,r.useState)(0),re=ne[0],ie=ne[1],ae=(0,r.useState)(0),oe=ae[0],se=ae[1],ue=function(e){I?R?C&&he():!Q&&ge():(R&&P(!0),Y.current?(ce({target:Y.current}),me(e.pageX,e.pageY)):N.current.onLoadCallback=me.bind(undefined,e.pageX,e.pageY))},ce=function(e){var t=_e(e.target,b);Y.current=e.target,Y.current.setAttribute("width",t.width),Y.current.setAttribute("height",t.height),N.current.scaledDimensions=t,N.current.bounds=ve(X.current,!1),N.current.ratios=we(N.current.bounds,t),N.current.onLoadCallback&&(N.current.onLoadCallback(),N.current.onLoadCallback=null)},le=function(e){var t=e.pageX-N.current.offsets.x,n=e.pageY-N.current.offsets.y;t=Math.max(Math.min(t,N.current.bounds.width),0),n=Math.max(Math.min(n,N.current.bounds.height),0),ie(t*-N.current.ratios.x),se(n*-N.current.ratios.y)},de=(0,r.useCallback)((function(e){var t=(e.pageX||e.changedTouches[0].pageX)-N.current.offsets.x,n=(e.pageY||e.changedTouches[0].pageY)-N.current.offsets.y;t=Math.max(Math.min(t,0),-1*(N.current.scaledDimensions.width-N.current.bounds.width)),n=Math.max(Math.min(n,0),-1*(N.current.scaledDimensions.height-N.current.bounds.height)),ie(t),se(n)}),[]),fe=function(e){if(J(!1),!R){var t=Math.abs(e.pageX-N.current.eventPosition.x),n=Math.abs(e.pageY-N.current.eventPosition.y);V(t>5||n>5)}}

1,he=function(){ge((function(){setTimeout((function(){(w&&R||!w)&&(Y.current=null,N.current=pe(),P(!1)),B(!1),j(!1),te(n)}),U?0:E)}))},me=function(e,t){W(!0),"drag"===ee?function(e,t){var n=(e-(window.pageXOffset+N.current.bounds.left))*-N.current.ratios.x,r=(t-(window.pageYOffset+N.current.bounds.top))*-N.current.ratios.y;n+=U?(window.innerWidth-N.current.bounds.width)/2:0,r+=U?(window.innerHeight-N.current.bounds.height)/2:0,N.current.bounds=ve(X.current,U),N.current.offsets=be(0,0,0,0),de({changedTouches:[{pageX:n,pageY:r}],preventDefault:function(){},stopPropagation:function(){}})}(e,t):function(e,t){N.current.offsets=be(window.pageXOffset,window.pageYOffset,-N.current.bounds.left,-N.current.bounds.top),le({pageX:e,pageY:t})}(e,t),x&&x()},ge=function(e){W(!1),L&&L(),e&&e()},pe=function(){return{onLoadCallback:null,bounds:{},offsets:{},ratios:{},eventPosition:{},scaledDimensions:{}}},ve=function(e,t){return t?{width:window.innerWidth,height:window.innerHeight,left:0,top:0}:e.getBoundingClientRect()},be=function(e,t,n,r){return{x:e-n,y:t-r}},we=function(e,t){return{x:(t.width-e.width)/e.width,y:(t.height-e.height)/e.height}},ye=function(e,t){return e&&window.matchMedia&&window.matchMedia("(max-width: "+t+"px)").matches},_e=function(e,t){return{width:e.naturalWidth*t,height:e.naturalHeight*t}},ze={src:p||u,fadeDuration:U?0:E,top:oe,left:re,isZoomed:I,onLoad:ce,onDragStart:"drag"===ee?function(e){N.current.offsets=be(e.pageX||e.changedTouches[0].pageX,e.pageY||e.changedTouches[0].pageY,Y.current.offsetLeft,Y.current.offsetTop),J(!0),R||(N.current.eventPosition={x:e.pageX,y:e.pageY})}:null,onDragEnd:"drag"===ee?fe:null,onClose:!C&&R?he:null};return(0,r.useEffect)((function(){N.current=pe()}),[]),(0,r.useEffect)((function(){ye(S,T)&&P(!1)}),[S,T]),(0,r.useEffect)((function(){if(Y.current){var e=R?"touchmove":"mousemove";G?Y.current.addEventListener(e,de,{passive:!0}):Y.current.removeEventListener(e,de)}}),[G,R,de]),r.createElement("figure",{className:"iiz "+("drag"===ee?"iiz--drag":"")+" "+(D||""),style:{width:h},ref:X,onTouchStart:I?null:function(){B(!0),j(ye(S,T)),te("drag")},onClick:ue,onMouseEnter:R?null:function(e){P(!0),"hover"===o&&!I&&ue(e)},onMouseMove:"drag"!==ee&&I?le:null,onMouseLeave:R?null:function(e){"drag"===ee&&I?fe(e):he()}},r.createElement(a,{src:u,srcSet:c,sizes:l,sources:f,width:h,height:m,hasSpacer:g,alt:y,title:_,fadeDuration:E,isZoomed:I}),O&&r.createElement(r.Fragment,null,U?r.createElement(d,null,r.createElement(s,ze)):r.createElement(s,ze)),!k&&!I&&r.createElement("span",{className:"iiz__btn iiz__hint"}))};f.propTypes={};var h=f,m=f}}]);