https://www.webstacks.com/_next/static/chunks/8683.99c97b0b112a7bef.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8683],{22257:(e,t,r)=>{r.d(t,{A:()=>n});let n=(0,r(9425).A)("chevron-right",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]])},90080:(e,t,r)=>{r.d(t,{EW:()=>g});var n=r(15586),o=r(46378),i=(0,n.forwardRef)((e,t)=>{let{transition:r,...n}=e;return(0,o.jsx)("div",{...n,style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",transition:r?"clip-path ".concat(r):void 0,userSelect:"none",willChange:"clip-path, transition",KhtmlUserSelect:"none",MozUserSelect:"none",WebkitUserSelect:"none"},"data-rcs":"clip-item",ref:t})});i.displayName="ContainerClip";var a=(0,n.forwardRef)((e,t)=>{let{children:r,disabled:n,portrait:i,position:a,transition:s}=e,l={position:"absolute",top:0,width:i?"100%":void 0,height:i?void 0:"100%",background:"none",border:0,padding:0,pointerEvents:"all",appearance:"none",WebkitAppearance:"none",MozAppearance:"none",outline:0,transform:i?"translate3d(0, -50% ,0)":"translate3d(-50%, 0, 0)",transition:s?"".concat(i?"top":"left"," ").concat(s):void 0};return(0,o.jsx)("button",{ref:t,"aria-label":"Drag to move or focus and use arrow keys","aria-orientation":i?"vertical":"horizontal","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":a,"data-rcs":"handle-container",disabled:n,role:"slider",style:l,children:r})});a.displayName="ThisHandleContainer";var s=e=>{let{flip:t}=e;return(0,o.jsx)("div",{className:"__rcs-handle-arrow",style:{width:0,height:0,borderTop:"8px solid transparent",borderRight:"10px solid",borderBottom:"8px solid transparent",transform:t?"rotate(180deg)":void 0}})},l=e=>{let{className:t="__rcs-handle-root",disabled:r,buttonStyle:n,linesStyle:i,portrait:a,style:l,...c}=e,d={display:"flex",flexDirection:a?"row":"column",placeItems:"center",height:"100%",cursor:r?"not-allowed":a?"ns-resize":"ew-resize",pointerEvents:"none",color:"#fff",...l},u={flexGrow:1,height:a?2:"100%",width:a?"100%":2,backgroundColor:"currentColor",pointerEvents:"auto",boxShadow:"0 0 4px rgba(0,0,0,.5)",...i},p={display:"grid",gridAutoFlow:"column",gap:8,placeContent:"center",flexShrink:0,width:56,height:56,borderRadius:"50%",borderStyle:"solid",borderWidth:2,pointerEvents:"auto",backdropFilter:"blur(7px)",WebkitBackdropFilter:"blur(7px)",backgroundColor:"rgba(0, 0, 0, 0.125)",boxShadow:"0 0 4px rgba(0,0,0,.35)",transform:a?"rotate(90deg)":void 0,...n};return(0,o.jsxs)("div",{...c,className:t,style:d,children:[(0,o.jsx)("div",{className:"__rcs-handle-line",style:u}),(0,o.jsxs)("div",{className:"__rcs-handle-button",style:p,children:[(0,o.jsx)(s,{}),(0,o.jsx)(s,{flip:!0})]}),(0,o.jsx)("div",{className:"__rcs-handle-line",style:u})]})},c=(e=>(e.ARROW_LEFT="ArrowLeft",e.ARROW_RIGHT="ArrowRight",e.ARROW_UP="ArrowUp",e.ARROW_DOWN="ArrowDown",e))(c||{}),d=function(){let{boxSizing:e="border-box",objectFit:t="cover",objectPosition:r="center center",...n}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return{display:"block",width:"100%",height:"100%",maxWidth:"100%",boxSizing:e,objectFit:t,objectPosition:r,...n}},u=(e,t,r,o)=>{let i=(0,n.useRef)();(0,n.useEffect)(()=>{i.current=t},[t]),(0,n.useEffect)(()=>{if(!(r&&r.addEventListener))return;let t=e=>i.current&&i.current(e);return r.addEventListener(e,t,o),()=>{r.removeEventListener(e,t,o)}},[e,r,o])},p="u">typeof window&&"u">typeof window.document&&"u">typeof window.document.createElement?n.useLayoutEffect:n.useEffect,h={capture:!1,passive:!0},f={capture:!0,passive:!1},v=e=>{e.preventDefault(),e.currentTarget.focus()},g=(0,n.forwardRef)((e,t)=>{let{boundsPadding:r=0,browsingContext:s=globalThis,changePositionOnHover:d=!1,disabled:g=!1,handle:b,itemOne:m,itemTwo:w,keyboardIncrement:y="5%",onlyHandleDraggable:x=!1,onPositionChange:R,portrait:k=!1,position:C=50,style:E,transition:S,...A}=e,j=(0,n.useRef)(null),_=(0,n.useRef)(null),L=(0,n.useRef)(null),N=(0,n.useRef)(C),[W,O]=(0,n.useState)(!1),[z,M]=(0,n.useState)(!0),U=(0,n.useRef)(!1),[D,B]=(0,n.useState)(),P=(e=>{let t=(0,n.useRef)(e);return(0,n.useEffect)(()=>{t.current=e}),t.current})(C),F=(0,n.useCallback)(function(e){let{x:t,y:n,isOffset:o}=e,i=j.current,a=L.current,l=_.current,{width:c,height:d,left:u,top:p}=i.getBoundingClientRect();if(0===c||0===d)return;let h=Math.min(Math.max((k?o?n-p-s.scrollY:n:o?t-u-s.scrollX:t)/(k?d:c)*100,0),100),f=k?d/(i.offsetHeight||1):c/(i.offsetWidth||1),v=r*f/(k?d:c)*100,g=Math.min(Math.max(h,v*f),100-v*f);N.current=h,a.setAttribute("aria-valuenow","".concat(Math.round(N.current))),a.style.top=k?"".concat(g,"%"):"0",a.style.left=k?"0":"".concat(g,"%"),l.style.clipPath=k?"inset(".concat(g,"% 0 0 0)"):"inset(0 0 0 ".concat(g,"%)"),R&&R(N.current)},[r,R,k,s]);(0,n.useEffect)(()=>{let{width:e,height:t}=j.current.getBoundingClientRect(),r=C===P?N.current:C;F({x:e/100*r,y:t/100*r})},[r,C,k,P,F]);let T=(0,n.useCallback)(e=>{e.preventDefault(),g||0!==e.button||(F({isOffset:!0,x:e.pageX,y:e.pageY}),O(!0),M(!0))},[g,F]),H=(0,n.useCallback)(function(e){F({isOffset:!0,x:e.pageX,y:e.pageY}),M(!1)},[F]),I=(0,n.useCallback)(()=>{O(!1),M(!0)},[]),X=(0,n.useCallback)(e=>{let{width:t,height:r}=e,{width:n,height:o}=j.current.getBoundingClientRect();F({x:t/100*N.current*n/t,y:r/100*N.current*o/r})},[F]),Y=(0,n.useCallback)(e=>

1{if(!Object.values(c).includes(e.key))return;e.preventDefault(),M(!0);let{top:t,left:r}=L.current.getBoundingClientRect(),{width:n,height:o}=j.current.getBoundingClientRect(),i="string"==typeof y?parseFloat(y):y/n*100,a=Math.min(Math.max((k?"ArrowLeft"===e.key||"ArrowDown"===e.key:"ArrowRight"===e.key||"ArrowUp"===e.key)?N.current+i:N.current-i,0),100);F({x:k?r:n*a/100,y:k?o*a/100:t})},[y,k,F]);(0,n.useEffect)(()=>{B(x?L.current:j.current)},[x]),(0,n.useEffect)(()=>{let e=j.current,t=()=>{W||I()};return d&&(e.addEventListener("pointermove",H,h),e.addEventListener("pointerleave",t,h)),()=>{e.removeEventListener("pointermove",H),e.removeEventListener("pointerleave",t)}},[d,H,I,W]),(0,n.useEffect)(()=>(W&&!U.current&&(s.addEventListener("pointermove",H,h),s.addEventListener("pointerup",I,h),U.current=!0),()=>{U.current&&(s.removeEventListener("pointermove",H),s.removeEventListener("pointerup",I),U.current=!1)}),[H,I,W,s]),(0,n.useImperativeHandle)(t,()=>({rootContainer:j.current,handleContainer:L.current,setPosition(e){let{width:t,height:r}=j.current.getBoundingClientRect();F({x:t/100*e,y:r/100*e})}}),[F]),((e,t)=>{let r=(0,n.useRef)(),o=(0,n.useCallback)(()=>{e.current&&r.current&&r.current.observe(e.current)},[e]);p(()=>(r.current=new ResizeObserver(e=>{let[r]=e;return t(r.contentRect)}),o(),()=>{r.current&&r.current.disconnect()}),[t,o])})(j,X),u("keydown",Y,L.current,f),u("click",v,L.current,f),u("pointerdown",T,D,f);let G=b||(0,o.jsx)(l,{disabled:g,portrait:k}),K=z?S:void 0,q={position:"relative",display:"flex",overflow:"hidden",cursor:W?k?"ns-resize":"ew-resize":void 0,touchAction:"none",userSelect:"none",KhtmlUserSelect:"none",msUserSelect:"none",MozUserSelect:"none",WebkitUserSelect:"none",...E};return(0,o.jsxs)("div",{...A,ref:j,style:q,"data-rcs":"root",children:[m,(0,o.jsx)(i,{ref:_,transition:K,children:w}),(0,o.jsx)(a,{disabled:g,portrait:k,position:Math.round(N.current),ref:L,transition:K,children:G})]})});g.displayName="ReactCompareSlider",(0,n.forwardRef)((e,t)=>{let{style:r,...n}=e,i=d(r);return(0,o.jsx)("img",{ref:t,...n,style:i,"data-rcs":"image"})}).displayName="ReactCompareSliderImage"},96688:(e,t,r)=>{r.d(t,{A:()=>n});let n=(0,r(9425).A)("chevron-left",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]])}}]);