https://devrev-marketing-web.vercel.app/monorepo/_next/static/chun…?dpl=dpl_BYCqLHErYZBJQvPkobvG72T8EAAS

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[45],{10796:(e,t,n)=>{"use strict";n.d(t,{A:()=>z});var r=n(2568),o=n(38697);let i=(e,t)=>{var n,r;return e===(null==t||null==(r=t.tagName)||null==(n=r.toUpperCase)?void 0:n.call(r))},l=e=>i("DIV",e)||i("SPAN",e),a=e=>i("IMG",e),s=e=>e.complete&&0!==e.naturalHeight,c=e=>i("SVG",e),h=e=>{let{height:t,offset:n,width:r}=e;return Math.min((window.innerWidth-2*n)/r,(window.innerHeight-2*n)/t)},d=e=>{let{containerHeight:t,containerWidth:n,offset:r,targetHeight:o,targetWidth:i}=e,l=h({height:o,offset:r,width:i}),a=i>o?i/n:o/t;return l>1?a:l*a},u=e=>{let{containerHeight:t,containerWidth:n,hasScalableSrc:r,offset:o,targetHeight:i,targetWidth:l}=e;return t&&n?!r&&i&&l?d({containerHeight:t,containerWidth:n,offset:o,targetHeight:i,targetWidth:l}):h({height:t,offset:o,width:n}):1},m=/url(?:\(['"]?)(.*?)(?:['"]?\))/,v=e=>{if(e){if(a(e))return e.currentSrc;else if(l(e)){let n=window.getComputedStyle(e).backgroundImage;if(n){var t;return null==(t=m.exec(n))?void 0:t[1]}}}},g=e=>{if(e){var t,n;return a(e)?null!=(t=e.alt)?t:void 0:null!=(n=e.getAttribute("aria-label"))?n:void 0}},f=e=>{let{containerHeight:t,containerLeft:n,containerTop:r,containerWidth:o,hasScalableSrc:i,offset:l,targetHeight:a,targetWidth:s}=e,c=u({containerHeight:t,containerWidth:o,hasScalableSrc:i,offset:l,targetHeight:a,targetWidth:s});return{top:r,left:n,width:o*c,height:t*c,transform:"translate(0,0) scale(".concat(1/c,")")}},p=e=>{let{position:t,relativeNum:n}=e,r=parseFloat(t);return t.endsWith("%")?n*r/100:r},w=e=>{let{containerHeight:t,containerLeft:n,containerTop:r,containerWidth:o,hasScalableSrc:i,objectFit:l,objectPosition:a,offset:s,targetHeight:c,targetWidth:h}=e;if("scale-down"===l&&(l=h<=o&&c<=t?"none":"contain"),"cover"===l||"contain"===l){let e=o/h,d=t/c,m="cover"===l?Math.max(e,d):Math.min(e,d),[v="50%",g="50%"]=a.split(" "),f=p({position:v,relativeNum:o-h*m}),w=p({position:g,relativeNum:t-c*m}),b=u({containerHeight:c*m,containerWidth:h*m,hasScalableSrc:i,offset:s,targetHeight:c,targetWidth:h});return{top:r+w,left:n+f,width:h*m*b,height:c*m*b,transform:"translate(0,0) scale(".concat(1/b,")")}}if("none"===l){let[e="50%",l="50%"]=a.split(" "),d=p({position:e,relativeNum:o-h}),m=p({position:l,relativeNum:t-c}),v=u({containerHeight:c,containerWidth:h,hasScalableSrc:i,offset:s,targetHeight:c,targetWidth:h});return{top:r+m,left:n+d,width:h*v,height:c*v,transform:"translate(0,0) scale(".concat(1/v,")")}}if("fill"!==l)return{};{let e=Math.max(o/h,t/c),n=u({containerHeight:c*e,containerWidth:h*e,hasScalableSrc:i,offset:s,targetHeight:c,targetWidth:h});return{width:o*n,height:t*n,transform:"translate(0,0) scale(".concat(1/n,")")}}},b=e=>{let{backgroundPosition:t,backgroundSize:n,containerHeight:r,containerLeft:o,containerTop:i,containerWidth:l,hasScalableSrc:a,offset:s,targetHeight:c,targetWidth:h}=e;if("cover"===n||"contain"===n){let e=l/h,d=r/c,m="cover"===n?Math.max(e,d):Math.min(e,d),[v="50%",g="50%"]=t.split(" "),f=p({position:v,relativeNum:l-h*m}),w=p({position:g,relativeNum:r-c*m}),b=u({containerHeight:c*m,containerWidth:h*m,hasScalableSrc:a,offset:s,targetHeight:c,targetWidth:h});return{top:i+w,left:o+f,width:h*m*b,height:c*m*b,transform:"translate(0,0) scale(".concat(1/b,")")}}if("auto"===n){let[e="50%",n="50%"]=t.split(" "),d=p({position:e,relativeNum:l-h}),m=p({position:n,relativeNum:r-c}),v=u({containerHeight:c,containerWidth:h,hasScalableSrc:a,offset:s,targetHeight:c,targetWidth:h});return{top:i+m,left:o+d,width:h*v,height:c*v,transform:"translate(0,0) scale(".concat(1/v,")")}}{let[e="50%",d="50%"]=n.split(" "),m=p({position:e,relativeNum:l}),v=Math.min(m/h,p({position:d,relativeNum:r})/c),[g="50%",f="50%"]=t.split(" "),w=p({position:g,relativeNum:l-h*v}),b=p({position:f,relativeNum:r-c*v}),E=u({containerHeight:c*v,containerWidth:h*v,hasScalableSrc:a,offset:s,targetHeight:c,targetWidth:h});return{top:i+b,left:o+w,width:h*v*E,height:c*v*E,transform:"translate(0,0) scale(".concat(1/E,")")}}},E=/\.svg$/i,S=e=>{var t;let{hasZoomImg:n,imgSrc:r,isSvg:o,isZoomed:i,loadedImgEl:a,offset:s,shouldRefresh:c,targetEl:h}=e,d=o||(null==r||null==(t=r.slice)?void 0:t.call(r,0,18))==="data:image/svg+xml"||n||!!(r&&E.test(r)),u=h.getBoundingClientRect(),m=window.getComputedStyle(h),v=null!=a&&l(h),g=null!=a&&!v,p=f({containerHeight:u.height,containerLeft:u.left,containerTop:u.top,containerWidth:u.width,hasScalableSrc:d,offset:s,targetHeight:(null==a?void 0:a.naturalHeight)||u.height,targetWidth:(null==a?void 0:a.naturalWi

1dth)||u.width}),S=Object.assign({},p,g?w({containerHeight:u.height,containerLeft:u.left,containerTop:u.top,containerWidth:u.width,hasScalableSrc:d,objectFit:m.objectFit,objectPosition:m.objectPosition,offset:s,targetHeight:(null==a?void 0:a.naturalHeight)||u.height,targetWidth:(null==a?void 0:a.naturalWidth)||u.width}):void 0,v?b({backgroundPosition:m.backgroundPosition,backgroundSize:m.backgroundSize,containerHeight:u.height,containerLeft:u.left,containerTop:u.top,containerWidth:u.width,hasScalableSrc:d,offset:s,targetHeight:(null==a?void 0:a.naturalHeight)||u.height,targetWidth:(null==a?void 0:a.naturalWidth)||u.width}):void 0);if(i){let e=window.innerWidth/2,t=window.innerHeight/2,n=parseFloat(String(S.left||0))+parseFloat(String(S.width||0))/2,r=parseFloat(String(S.top||0))+parseFloat(String(S.height||0))/2;c&&(S.transitionDuration="0.01ms"),S.transform="translate(".concat(e-n,"px,").concat(t-r,"px) scale(1)")}return S},y=e=>{if(!e)return{};if(!c(e))return{height:e.offsetHeight,left:e.offsetLeft,width:e.offsetWidth,top:e.offsetTop};{let t=e.parentElement,n=e.getBoundingClientRect();if(!t)return{height:n.height,left:n.left,width:n.width,top:n.top};{let e=t.getBoundingClientRect();return{height:n.height,left:e.left-n.left,top:e.top-n.top,width:n.width}}}},L=e=>{let t="-zoom",n=["clip-path","fill","mask","marker-start","marker-mid","marker-end"],r=new Map;if(e.hasAttribute("id")){let n=e.id,o=n+t;r.set(n,o),e.id=o}e.querySelectorAll("[id]").forEach(e=>{let n=e.id,o=n+t;r.set(n,o),e.id=o}),r.forEach((t,r)=>{let o="url(#".concat(r,")"),i="url(#".concat(t,")"),l=n.map(e=>"[".concat(e,'="').concat(o,'"]')).join(", ");e.querySelectorAll(l).forEach(e=>{n.forEach(t=>{e.getAttribute(t)===o&&e.setAttribute(t,i)})})}),e.querySelectorAll("style").forEach(e=>{r.forEach((t,n)=>{e.textContent&&(e.textContent=e.textContent.replaceAll("#".concat(n),"#".concat(t)))})})},C=["img","svg",'[role="img"]',"[data-zoom]"].map(e=>"".concat(e,':not([aria-hidden="true"])')).join(","),T={overflow:"",width:""};function D(e){return r.createElement(A,{...e})}class A extends r.Component{render(){let{handleBtnUnzoomClick:e,handleDialogCancel:t,handleDialogClick:n,handleDialogClose:i,handleUnzoom:s,handleZoom:h,imgEl:d,props:{a11yNameButtonUnzoom:u,a11yNameButtonZoom:m,children:f,classDialog:p,IconUnzoom:w,IconZoom:b,isZoomed:E,wrapElement:y,ZoomContent:L,zoomImg:C,zoomMargin:T},refContent:D,refDialog:A,refModalContent:z,refModalImg:I,refWrap:x,state:{id:N,isZoomImgLoaded:R,loadedImgEl:O,modalState:M,shouldRefresh:j,styleGhost:P}}=this,U="rmiz-modal-".concat(N),W="rmiz-modal-img-".concat(N),k=l(d),_=a(d),H=c(d),F=g(d),Y=v(d),G=_?d.sizes:void 0,Z=_?d.srcset:void 0,B=_?d.crossOrigin:void 0,K=!!(null==C?void 0:C.src),X=this.hasImage(),V=F?"".concat(m,": ").concat(F):m,q="LOADING"===M||"LOADED"===M,$=X?"found":"not-found",J="UNLOADED"===M||"UNLOADING"===M?"hidden":"visible";this.styleModalImg=X?S({hasZoomImg:K,imgSrc:Y,isSvg:H,isZoomed:E&&q,loadedImgEl:O,offset:T,shouldRefresh:j,targetEl:d}):{};let Q=null;if(X){let t=_||k?r.createElement("img",{alt:F,crossOrigin:B,sizes:G,src:Y,srcSet:Z,...R&&"LOADED"===M?C:{},"data-rmiz-modal-img":"",height:this.styleModalImg.height||void 0,id:W,ref:I,style:this.styleModalImg,width:this.styleModalImg.width||void 0}):H?r.createElement("div",{"data-rmiz-modal-img":!0,ref:I,style:this.styleModalImg}):null,n=r.createElement("button",{"aria-label":u,"data-rmiz-btn-unzoom":"",onClick:e,type:"button"},r.createElement(w,null));Q=L?r.createElement(L,{buttonUnzoom:n,modalState:M,img:t,isZoomImgLoaded:R,onUnzoom:s}):r.createElement(r.Fragment,null,t,n)}return r.createElement(y,{"aria-owns":U,"data-rmiz":"",ref:x},r.createElement(y,{"data-rmiz-content":$,ref:D,style:{visibility:"UNLOADED"===M?"visible":"hidden"}},f),X&&r.createElement(y,{"data-rmiz-ghost":"",style:P},r.createElement("button",{"aria-label":V,"data-rmiz-btn-zoom":"",onClick:h,type:"button"},r.createElement(b,null))),X&&o.createPortal(r.createElement("dialog",{"aria-labelledby":W,"aria-modal":"true",className:p,"data-rmiz-modal":"",id:U,onClick:n,onClose:i,onCancel:t,ref:A,role:"dialog"},r.createElement("div",{"data-rmiz-modal-overlay":J}),r.createElement("div",{"data-rmiz-modal-content":"",ref:z},Q)),this.getDialogContainer()))}componentDidMount(){this.setId(),this.setAndTrackImg(),this.handleImgLoad(),this.UNSAFE_handleSvg()}componentWillUnmount(){var e,t,n,r,o,i,l,a,s,c,h,d;"UNLOADED"!==this.state.modalState&&this.bodyScrollEnable(),null==(t=this.contentChangeObserver)||null==(e=t.disconnect)||e.call(t),null==(r=this.contentNotFoundChangeObserver)||null==(n=r.disconnect)||n.call(r),null==(i=this.imgElResizeObserver)||null==(o=i.disconnect)||o.call(i),null==(a=this.imgEl)||null==(l=a.removeEventListener)||l.call(a,"load",this.handleImgLoad),null==(c=this.imgEl)||null==(s=c.removeEventListener)||s.call(c,"click",this.handleZoom),null==(d=this.refModalImg.current)||null==(h=d.removeEventListener)||h.call(d,"transitionend",this.handleImgTransitionEnd),window.removeEventListener("wheel",this.handleWheel),window.removeEventListener("touchstart",this.handleTouchStart),window.removeEventListener("touchmove",this.handleTouchMove),window.removeEventListener("touchend",this.handleTouchEnd),window.removeEventListener("touchcancel",this.handleTouchCancel),window.removeEventListener("resize",this.handleResize),document.removeEventListener("keydown",this.handleKeyDown,!0)}componentDidUpdate(e,t){this.handleModalStateChange(t.modalState),this.UNSAFE_handleSvg(),this.handleIfZoomChanged(e.isZoomed)}constructor(){super(...arguments),this.state={id:"",isZoomImgLoaded:!1,loadedImgEl:void 0,modalState:"UNLOADED",shouldRefresh:!1,styleGhost:{}},this.refContent=r.createRef(),this.refDialog=r.createRef(),this.refModalContent=r.createRef(),this.refModalImg=r.createRef(),this.refWrap=r.createRef(),this.img

1El=null,this.isScaling=!1,this.prevBodyAttrs=T,this.styleModalImg={},this.handleModalStateChange=e=>{let{modalState:t}=this.state;if("LOADING"!==e&&"LOADING"===t)this.loadZoomImg(),window.addEventListener("resize",this.handleResize,{passive:!0}),window.addEventListener("touchstart",this.handleTouchStart,{passive:!0}),window.addEventListener("touchmove",this.handleTouchMove,{passive:!0}),window.addEventListener("touchend",this.handleTouchEnd,{passive:!0}),window.addEventListener("touchcancel",this.handleTouchCancel,{passive:!0}),document.addEventListener("keydown",this.handleKeyDown,!0);else if("LOADED"!==e&&"LOADED"===t)window.addEventListener("wheel",this.handleWheel,{passive:!0});else if("UNLOADING"!==e&&"UNLOADING"===t)this.ensureImgTransitionEnd(),window.removeEventListener("wheel",this.handleWheel),window.removeEventListener("touchstart",this.handleTouchStart),window.removeEventListener("touchmove",this.handleTouchMove),window.removeEventListener("touchend",this.handleTouchEnd),window.removeEventListener("touchcancel",this.handleTouchCancel),document.removeEventListener("keydown",this.handleKeyDown,!0);else if("UNLOADED"!==e&&"UNLOADED"===t){var n,r,o,i;this.bodyScrollEnable(),window.removeEventListener("resize",this.handleResize),null==(r=this.refModalImg.current)||null==(n=r.removeEventListener)||n.call(r,"transitionend",this.handleImgTransitionEnd),null==(i=this.refDialog.current)||null==(o=i.close)||o.call(i)}},this.getDialogContainer=()=>{let e=document.querySelector("[data-rmiz-portal]");return null==e&&((e=document.createElement("div")).setAttribute("data-rmiz-portal",""),document.body.appendChild(e)),e},this.setId=()=>{let e=()=>Math.random().toString(16).slice(-4);this.setState({id:e()+e()+e()})},this.setAndTrackImg=()=>{let e=this.refContent.current;if(e)if(this.imgEl=e.querySelector(C),this.imgEl){var t,n;null==(n=this.contentNotFoundChangeObserver)||null==(t=n.disconnect)||t.call(n),this.imgEl.addEventListener("load",this.handleImgLoad),this.imgEl.addEventListener("click",this.handleZoom),this.state.loadedImgEl||this.handleImgLoad(),this.imgElResizeObserver=new ResizeObserver(e=>{let t=e[0];(null==t?void 0:t.target)&&(this.imgEl=t.target,this.setState({styleGhost:y(this.imgEl)}))}),this.imgElResizeObserver.observe(this.imgEl),this.contentChangeObserver||(this.contentChangeObserver=new MutationObserver(()=>{this.setState({styleGhost:y(this.imgEl)})}),this.contentChangeObserver.observe(e,{attributes:!0,childList:!0,subtree:!0}))}else this.contentNotFoundChangeObserver||(this.contentNotFoundChangeObserver=new MutationObserver(this.setAndTrackImg),this.contentNotFoundChangeObserver.observe(e,{childList:!0,subtree:!0}))},this.handleIfZoomChanged=e=>{let{isZoomed:t}=this.props;!e&&t?this.zoom():e&&!t&&this.unzoom()},this.handleImgLoad=()=>{let e=v(this.imgEl);if(!e)return;let t=new Image;a(this.imgEl)&&(t.sizes=this.imgEl.sizes,t.srcset=this.imgEl.srcset,t.crossOrigin=this.imgEl.crossOrigin),t.src=e;let n=()=>{this.setState({loadedImgEl:t,styleGhost:y(this.imgEl)})};t.decode().then(n).catch(()=>{if(s(t))return void n();t.onload=n})},this.handleZoom=e=>{if(!this.props.isDisabled&&this.hasImage()){var t,n;null==(t=(n=this.props).onZoomChange)||t.call(n,!0,{event:e})}},this.handleUnzoom=e=>{if(!this.props.isDisabled){var t,n;null==(t=(n=this.props).onZoomChange)||t.call(n,!1,{event:e})}},this.handleBtnUnzoomClick=e=>{e.preventDefault(),e.stopPropagation(),this.handleUnzoom(e)},this.handleDialogCancel=e=>{e.preventDefault()},this.handleDialogClick=e=>{(e.target===this.refModalContent.current||e.target===this.refModalImg.current)&&(e.stopPropagation(),this.handleUnzoom(e))},this.handleDialogClose=e=>{e.stopPropagation(),this.handleUnzoom(e)},this.handleKeyDown=e=>{("Escape"===e.key||27===e.keyCode)&&(e.preventDefault(),e.stopPropagation(),this.handleUnzoom(e))},this.handleWheel=e=>{e.ctrlKey||(e.stopPropagation(),queueMicrotask(()=>{this.handleUnzoom(e)}))},this.handleTouchStart=e=>{if(e.touches.length>1){this.isScaling=!0;return}1===e.changedTouches.length&&e.changedTouches[0]&&(this.touchYStart=e.changedTouches[0].screenY)},this.handleTouchMove=e=>{var t,n;

1let r=null!=(n=null==(t=window.visualViewport)?void 0:t.scale)?n:1;this.props.canSwipeToUnzoom&&!this.isScaling&&r<=1&&null!=this.touchYStart&&e.changedTouches[0]&&(this.touchYEnd=e.changedTouches[0].screenY,Math.abs(Math.max(this.touchYStart,this.touchYEnd)-Math.min(this.touchYStart,this.touchYEnd))>this.props.swipeToUnzoomThreshold&&(this.touchYStart=void 0,this.touchYEnd=void 0,this.handleUnzoom(e)))},this.handleTouchEnd=()=>{this.isScaling=!1,this.touchYStart=void 0,this.touchYEnd=void 0},this.handleTouchCancel=()=>{this.isScaling=!1,this.touchYStart=void 0,this.touchYEnd=void 0},this.handleResize=()=>{this.setState({shouldRefresh:!0})},this.hasImage=()=>this.imgEl&&(this.state.loadedImgEl||c(this.imgEl))&&"none"!==window.getComputedStyle(this.imgEl).display,this.zoom=()=>{var e,t,n,r;this.bodyScrollDisable(),null==(t=this.refDialog.current)||null==(e=t.showModal)||e.call(t),null==(r=this.refModalImg.current)||null==(n=r.addEventListener)||n.call(r,"transitionend",this.handleImgTransitionEnd),this.setState({modalState:"LOADING"})},this.unzoom=()=>{this.setState({modalState:"UNLOADING"})},this.handleImgTransitionEnd=()=>{clearTimeout(this.timeoutTransitionEnd),"LOADING"===this.state.modalState?this.setState({modalState:"LOADED"}):"UNLOADING"===this.state.modalState&&this.setState({shouldRefresh:!1,modalState:"UNLOADED"})},this.ensureImgTransitionEnd=()=>

1{if(this.refModalImg.current){let e=window.getComputedStyle(this.refModalImg.current).transitionDuration,t=parseFloat(e);if(t){let n=t*(e.endsWith("ms")?1:1e3)+50;this.timeoutTransitionEnd=setTimeout(this.handleImgTransitionEnd,n)}}},this.bodyScrollDisable=()=>{this.prevBodyAttrs={overflow:document.body.style.overflow,width:document.body.style.width};let e=document.body.clientWidth;document.body.style.overflow="hidden",document.body.style.width="".concat(e,"px")},this.bodyScrollEnable=()=>{document.body.style.width=this.prevBodyAttrs.width,document.body.style.overflow=this.prevBodyAttrs.overflow,this.prevBodyAttrs=T},this.loadZoomImg=()=>{let{props:{zoomImg:e}}=this,t=null==e?void 0:e.src;if(t){var n,r,o;let i=new Image;i.sizes=null!=(n=null==e?void 0:e.sizes)?n:"",i.srcset=null!=(r=null==e?void 0:e.srcSet)?r:"",i.crossOrigin=null!=(o=null==e?void 0:e.crossOrigin)?o:void 0,i.src=t;let l=()=>{this.setState({isZoomImgLoaded:!0})};i.decode().then(l).catch(()=>{if(s(i))return void l();i.onload=l})}},this.UNSAFE_handleSvg=()=>{let{imgEl:e,refModalImg:t,styleModalImg:n}=this;if(c(e)){var r,o,i,l,a;let s=e.cloneNode(!0);L(s),s.style.width="".concat(n.width||0,"px"),s.style.height="".concat(n.height||0,"px"),s.addEventListener("click",this.handleUnzoom),null==(i=t.current)||null==(o=i.firstChild)||null==(r=o.remove)||r.call(o),null==(a=t.current)||null==(l=a.appendChild)||l.call(a,s)}}}}function z(e){let{onZoomChange:t,...n}=e,[o,i]=r.useState(!1),l=r.useCallback((e,n)=>{let{event:r}=n;i(e),null==t||t(e,{event:r})},[t]);return r.createElement(D,{...n,isZoomed:o,onZoomChange:l})}A.defaultProps={a11yNameButtonUnzoom:"Minimize image",a11yNameButtonZoom:"Expand image",canSwipeToUnzoom:!0,IconUnzoom:function(){return r.createElement("svg",{"aria-hidden":"true","data-rmiz-btn-unzoom-icon":!0,fill:"currentColor",focusable:"false",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},r.createElement("path",{d:"M 14.144531 1.148438 L 9 6.292969 L 9 3 L 8 3 L 8 8 L 13 8 L 13 7 L 9.707031 7 L 14.855469 1.851563 Z M 8 8 L 3 8 L 3 9 L 6.292969 9 L 1.148438 14.144531 L 1.851563 14.855469 L 7 9.707031 L 7 13 L 8 13 Z"}))},IconZoom:function(){return r.createElement("svg",{"aria-hidden":"true","data-rmiz-btn-zoom-icon":!0,fill:"currentColor",focusable:"false",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},r.createElement("path",{d:"M 9 1 L 9 2 L 12.292969 2 L 2 12.292969 L 2 9 L 1 9 L 1 14 L 6 14 L 6 13 L 2.707031 13 L 13 2.707031 L 13 6 L 14 6 L 14 1 Z"}))},isDisabled:!1,swipeToUnzoomThreshold:10,wrapElement:"div",zoomMargin:0}},28425:e=>{e.exports={style:{fontFamily:"'Inter', 'Inter Fallback'",fontStyle:"normal"},className:"__className_fb83b4"}},68325:(e,t,n)=>{"use strict";n.r(t),n.d(t,{Corner:()=>q,Root:()=>B,ScrollArea:()=>w,ScrollAreaCorner:()=>P,ScrollAreaScrollbar:()=>y,ScrollAreaThumb:()=>O,ScrollAreaViewport:()=>E,Scrollbar:()=>X,Thumb:()=>V,Viewport:()=>K,createScrollAreaScope:()=>g});var r=n(2568),o=n(39126),i=n(84148),l=n(9474),a=n(45426),s=n(15063),c=n(17925),h=n(71639),d=n(66134),u=n(51332),m="ScrollArea",[v,g]=(0,l.A)(m),[f,p]=v(m),w=r.forwardRef((e,t)=>{let{__scopeScrollArea:n,type:i="hover",dir:l,scrollHideDelay:s=600,...h}=e,[d,m]=r.useState(null),[v,g]=r.useState(null),[p,w]=r.useState(null),[b,E]=r.useState(null),[S,y]=r.useState(null),[L,C]=r.useState(0),[T,D]=r.useState(0),[A,z]=r.useState(!1),[I,x]=r.useState(!1),N=(0,a.s)(t,e=>m(e)),R=(0,c.jH)(l);return(0,u.jsx)(f,{scope:n,type:i,dir:R,scrollHideDelay:s,scrollArea:d,viewport:v,onViewportChange:g,content:p,onContentChange:w,scrollbarX:b,onScrollbarXChange:E,scrollbarXEnabled:A,onScrollbarXEnabledChange:z,scrollbarY:S,onScrollbarYChange:y,scrollbarYEnabled:I,onScrollbarYEnabledChange:x,onCornerWidthChange:C,onCornerHeightChange:D,children:(0,u.jsx)(o.sG.div,{dir:R,...h,ref:N,style:{position:"relative","--radix-scroll-area-corner-width":L+"px","--radix-scroll-area-corner-height":T+"px",...e.style}})})});w.displayName=m;var b="ScrollAreaViewport",E=r.forwardRef((e,t)=>{let{__scopeScrollArea:n,children:i,nonce:l,...s}=e,c=p(b,n),h=r.useRef(null),d=(0,a.s)(t,h,c.onViewportChange);return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"},nonce:l}),(0,u.jsx)(o.sG.div,{"data-radix-scroll-area-viewport":"",...s,ref:d,style:{overflowX:c.scrollbarXEnabled?"scroll":"hidden",overflowY:c.scrollbarYEnabled?"scroll":"hidden",...e.style},children:(0,u.jsx)("div",{ref:c.onContentChange,style:{minWidth:"100%",display:"table"},children:i})})]})});E.displayName=b;var S="ScrollAreaScrollbar",y=r.forwardRef((e,t)=>

1{let{forceMount:n,...o}=e,i=p(S,e.__scopeScrollArea),{onScrollbarXEnabledChange:l,onScrollbarYEnabledChange:a}=i,s="horizontal"===e.orientation;return r.useEffect(()=>(s?l(!0):a(!0),()=>{s?l(!1):a(!1)}),[s,l,a]),"hover"===i.type?(0,u.jsx)(L,{...o,ref:t,forceMount:n}):"scroll"===i.type?(0,u.jsx)(C,{...o,ref:t,forceMount:n}):"auto"===i.type?(0,u.jsx)(T,{...o,ref:t,forceMount:n}):"always"===i.type?(0,u.jsx)(D,{...o,ref:t}):null});y.displayName=S;var L=r.forwardRef((e,t)=>{let{forceMount:n,...o}=e,l=p(S,e.__scopeScrollArea),[a,s]=r.useState(!1);return r.useEffect(()=>{let e=l.scrollArea,t=0;if(e){let n=()=>{window.clearTimeout(t),s(!0)},r=()=>{t=window.setTimeout(()=>s(!1),l.scrollHideDelay)};return e.addEventListener("pointerenter",n),e.addEventListener("pointerleave",r),()=>{window.clearTimeout(t),e.removeEventListener("pointerenter",n),e.removeEventListener("pointerleave",r)}}},[l.scrollArea,l.scrollHideDelay]),(0,u.jsx)(i.C,{present:n||a,children:(0,u.jsx)(T,{"data-state":a?"visible":"hidden",...o,ref:t})})}),C=r.forwardRef((e,t)=>{var n,o;let{forceMount:l,...a}=e,s=p(S,e.__scopeScrollArea),c="horizontal"===e.orientation,h=G(()=>v("SCROLL_END"),100),[m,v]=(n="hidden",o={hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}},r.useReducer((e,t)=>{let n=o[e][t];return null!=n?n:e},n));return r.useEffect(()=>{if("idle"===m){let e=window.setTimeout(()=>v("HIDE"),s.scrollHideDelay);return()=>window.clearTimeout(e)}},[m,s.scrollHideDelay,v]),r.useEffect(()=>{let e=s.viewport,t=c?"scrollLeft":"scrollTop";if(e){let n=e[t],r=()=>{let r=e[t];n!==r&&(v("SCROLL"),h()),n=r};return e.addEventListener("scroll",r),()=>e.removeEventListener("scroll",r)}},[s.viewport,c,v,h]),(0,u.jsx)(i.C,{present:l||"hidden"!==m,children:(0,u.jsx)(D,{"data-state":"hidden"===m?"hidden":"visible",...a,ref:t,onPointerEnter:(0,d.mK)(e.onPointerEnter,()=>v("POINTER_ENTER")),onPointerLeave:(0,d.mK)(e.onPointerLeave,()=>v("POINTER_LEAVE"))})})}),T=r.forwardRef((e,t)=>{let n=p(S,e.__scopeScrollArea),{forceMount:o,...l}=e,[a,s]=r.useState(!1),c="horizontal"===e.orientation,h=G(()=>{if(n.viewport){let e=n.viewport.offsetWidth<n.viewport.scrollWidth,t=n.viewport.offsetHeight<n.viewport.scrollHeight;s(c?e:t)}},10);return Z(n.viewport,h),Z(n.content,h),(0,u.jsx)(i.C,{present:o||a,children:(0,u.jsx)(D,{"data-state":a?"visible":"hidden",...l,ref:t})})}),D=r.forwardRef((e,t)=>{let{orientation:n="vertical",...o}=e,i=p(S,e.__scopeScrollArea),l=r.useRef(null),a=r.useRef(0),[s,c]=r.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),h=k(s.viewport,s.content),d={...o,sizes:s,onSizesChange:c,hasThumb:!!(h>0&&h<1),onThumbChange:e=>l.current=e,onThumbPointerUp:()=>a.current=0,onThumbPointerDown:e=>a.current=e};function m(e,t){return function(e,t,n){let r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"ltr",o=_(n),i=t||o/2,l=n.scrollbar.paddingStart+i,a=n.scrollbar.size-n.scrollbar.paddingEnd-(o-i),s=n.content-n.viewport;return F([l,a],"ltr"===r?[0,s]:[-1*s,0])(e)}(e,a.current,s,t)}return"horizontal"===n?(0,u.jsx)(A,{...d,ref:t,onThumbPositionChange:()=>{if(i.viewport&&l.current){let e=H(i.viewport.scrollLeft,s,i.dir);l.current.style.transform="translate3d(".concat(e,"px, 0, 0)")}},onWheelScroll:e=>{i.viewport&&(i.viewport.scrollLeft=e)},onDragScroll:e=>{i.viewport&&(i.viewport.scrollLeft=m(e,i.dir))}}):"vertical"===n?(0,u.jsx)(z,{...d,ref:t,onThumbPositionChange:()=>{if(i.viewport&&l.current){let e=H(i.viewport.scrollTop,s);l.current.style.transform="translate3d(0, ".concat(e,"px, 0)")}},onWheelScroll:e=>{i.viewport&&(i.viewport.scrollTop=e)},onDragScroll:e=>{i.viewport&&(i.viewport.scrollTop=m(e))}}):null}),A=r.forwardRef((e,t)=>{let{sizes:n,onSizesChange:o,...i}=e,l=p(S,e.__scopeScrollArea),[s,c]=r.useState(),h=r.useRef(null),d=(0,a.s)(t,h,l.onScrollbarXChange);return r.useEffect(()=>{h.current&&c(getComputedStyle(h.current))},[h]),(0,u.jsx)(N,{"data-orientation":"horizontal",...i,ref:d,sizes:n,style:{bottom:0,left:"rtl"===l.dir?"var(--radix-scroll-area-corner-width)":0,right:"ltr"===l.dir?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":_(n)+"px",...e.style},onThumbPointerDown:t=>e.onThumbPointerDown(t.x),onDragScroll:t=>e.onDragScroll(t.x),onWheelScroll:(t,n)=>{if(l.viewport){let r=l.viewport.scrollLeft+t.deltaX;e.onWheelScroll(r),function(e,t){return e>0&&e<t}(r,n)&&t.preventDefault()}},onResize:()=>{h.current&&l.viewport&&s&&o({content:l.viewport.scrollWidth,viewport:l.viewport.offsetWidth,scrollbar:{size:h.current.clientWidth,paddingStart:W(s.paddingLeft),paddingEnd:W(s.paddingRight)}})}})}),z=r.forwardRef((e,t)=>

1{let{sizes:n,onSizesChange:o,...i}=e,l=p(S,e.__scopeScrollArea),[s,c]=r.useState(),h=r.useRef(null),d=(0,a.s)(t,h,l.onScrollbarYChange);return r.useEffect(()=>{h.current&&c(getComputedStyle(h.current))},[h]),(0,u.jsx)(N,{"data-orientation":"vertical",...i,ref:d,sizes:n,style:{top:0,right:"ltr"===l.dir?0:void 0,left:"rtl"===l.dir?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":_(n)+"px",...e.style},onThumbPointerDown:t=>e.onThumbPointerDown(t.y),onDragScroll:t=>e.onDragScroll(t.y),onWheelScroll:(t,n)=>{if(l.viewport){let r=l.viewport.scrollTop+t.deltaY;e.onWheelScroll(r),function(e,t){return e>0&&e<t}(r,n)&&t.preventDefault()}},onResize:()=>{h.current&&l.viewport&&s&&o({content:l.viewport.scrollHeight,viewport:l.viewport.offsetHeight,scrollbar:{size:h.current.clientHeight,paddingStart:W(s.paddingTop),paddingEnd:W(s.paddingBottom)}})}})}),[I,x]=v(S),N=r.forwardRef((e,t)=>{let{__scopeScrollArea:n,sizes:i,hasThumb:l,onThumbChange:c,onThumbPointerUp:h,onThumbPointerDown:m,onThumbPositionChange:v,onDragScroll:g,onWheelScroll:f,onResize:w,...b}=e,E=p(S,n),[y,L]=r.useState(null),C=(0,a.s)(t,e=>L(e)),T=r.useRef(null),D=r.useRef(""),A=E.viewport,z=i.content-i.viewport,x=(0,s.c)(f),N=(0,s.c)(v),R=G(w,10);function O(e){T.current&&g({x:e.clientX-T.current.left,y:e.clientY-T.current.top})}return r.useEffect(()=>{let e=e=>{let t=e.target;(null==y?void 0:y.contains(t))&&x(e,z)};return document.addEventListener("wheel",e,{passive:!1}),()=>document.removeEventListener("wheel",e,{passive:!1})},[A,y,z,x]),r.useEffect(N,[i,N]),Z(y,R),Z(E.content,R),(0,u.jsx)(I,{scope:n,scrollbar:y,hasThumb:l,onThumbChange:(0,s.c)(c),onThumbPointerUp:(0,s.c)(h),onThumbPositionChange:N,onThumbPointerDown:(0,s.c)(m),children:(0,u.jsx)(o.sG.div,{...b,ref:C,style:{position:"absolute",...b.style},onPointerDown:(0,d.mK)(e.onPointerDown,e=>{0===e.button&&(e.target.setPointerCapture(e.pointerId),T.current=y.getBoundingClientRect(),D.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",E.viewport&&(E.viewport.style.scrollBehavior="auto"),O(e))}),onPointerMove:(0,d.mK)(e.onPointerMove,O),onPointerUp:(0,d.mK)(e.onPointerUp,e=>{let t=e.target;t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId),document.body.style.webkitUserSelect=D.current,E.viewport&&(E.viewport.style.scrollBehavior=""),T.current=null})})})}),R="ScrollAreaThumb",O=r.forwardRef((e,t)=>{let{forceMount:n,...r}=e,o=x(R,e.__scopeScrollArea);return(0,u.jsx)(i.C,{present:n||o.hasThumb,children:(0,u.jsx)(M,{ref:t,...r})})}),M=r.forwardRef((e,t)=>{let{__scopeScrollArea:n,style:i,...l}=e,s=p(R,n),c=x(R,n),{onThumbPositionChange:h}=c,m=(0,a.s)(t,e=>c.onThumbChange(e)),v=r.useRef(void 0),g=G(()=>{v.current&&(v.current(),v.current=void 0)},100);return r.useEffect(()=>{let e=s.viewport;if(e){let t=()=>{g(),v.current||(v.current=Y(e,h),h())};return h(),e.addEventListener("scroll",t),()=>e.removeEventListener("scroll",t)}},[s.viewport,g,h]),(0,u.jsx)(o.sG.div,{"data-state":c.hasThumb?"visible":"hidden",...l,ref:m,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...i},onPointerDownCapture:(0,d.mK)(e.onPointerDownCapture,e=>{let t=e.target.getBoundingClientRect(),n=e.clientX-t.left,r=e.clientY-t.top;c.onThumbPointerDown({x:n,y:r})}),onPointerUp:(0,d.mK)(e.onPointerUp,c.onThumbPointerUp)})});O.displayName=R;var j="ScrollAreaCorner",P=r.forwardRef((e,t)=>{let n=p(j,e.__scopeScrollArea),r=!!(n.scrollbarX&&n.scrollbarY);return"scroll"!==n.type&&r?(0,u.jsx)(U,{...e,ref:t}):null});P.displayName=j;var U=r.forwardRef((e,t)=>{let{__scopeScrollArea:n,...i}=e,l=p(j,n),[a,s]=r.useState(0),[c,h]=r.useState(0),d=!!(a&&c);return Z(l.scrollbarX,()=>{var e;let t=(null==(e=l.scrollbarX)?void 0:e.offsetHeight)||0;l.onCornerHeightChange(t),h(t)}),Z(l.scrollbarY,()=>{var e;let t=(null==(e=l.scrollbarY)?void 0:e.offsetWidth)||0;l.onCornerWidthChange(t),s(t)}),d?(0,u.jsx)(o.sG.div,{...i,ref:t,style:{width:a,height:c,position:"absolute",right:"ltr"===l.dir?0:void 0,left:"rtl"===l.dir?0:void 0,bottom:0,...e.style}}):null});function W(e){return e?parseInt(e,10):0}function k(e,t){let n=e/t;return isNaN(n)?0:n}function _(e){let t=k(e.viewport,e.content),n=e.scrollbar.paddingStart+e.scrollbar.paddingEnd;return Math.max((e.scrollbar.size-n)*t,18)}function H(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"ltr",r=_(t),o=t.scrollbar.paddingStart+t.scrollbar.paddingEnd,i=t.scrollbar.size-o,l=t.content-t.viewport,a=function(e,[t,n]){return Math.min(n,Math.max(t,e))}(e,"ltr"===n?[0,l]:[-1*l,0]);return F([0,l],[0,i-r])(a)}function F(e,t){return n=>{if(e[0]===e[1]||t[0]===t[1])return t[0];let r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(n-e[0])}}var Y=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:()=>{},n={left:e.scrollLeft,top:e.scrollTop},r=0;return!function o(){let i={left:e.scrollLeft,top:e.scrollTop},l=n.left!==i.left,a=n.top!==i.top;(l||a)&&t(),n=i,r=window.requestAnimationFrame(o)}(),()=>window.cancelAnimationFrame(r)};function G(e,t){let n=(0,s.c)(e),o=r.useRef(0);return r.useEffect(()=>()=>window.clearTimeout(o.current),[]),r.useCallback(()=>{window.clearTimeout(o.current),o.current=window.setTimeout(n,t)},[n,t])}function Z(e,t){let n=(0,s.c)(t);(0,h.N)(()=>{let t=0;if(e){let r=new ResizeObserver(()=>{cancelAnimationFrame(t),t=window.requestAnimationFrame(n)});return r.observe(e),()=>{window.cancelAnimationFrame(t),r.unobserve(e)}}},[e,n])}var B=w,K=E,X=y,V=O,q=P},82066:()=>{},82637:(e,t,n)=>{var r=1/0,o="object"==typeof n.g&&n.g&&n.g.Object===Object&&n.g,i="object"==typeof self&&self&&self.Object===Object&&self,l=o||i||Function("return this")(),a=Object.prototype,s=a.hasOwnProperty,c=a.toString,h=l.Symbol,d=a.propertyIsEnumerable,u=h?h.isConcatSpreadable:void 0,m=Math.max;function v(e){var t,n,r,o,i,l,a,h;return f(e)||p(n=t=e)&&null!=(r=n)&&"number"==typeof(o=r.length)&&o>-1&&o%1==0&&o<=0x1fffffffffffff&&"[object Function]"!=(a=typeof(l=i=r),h=l&&("object"==a||"function"==a)?c.call(i):"")&&"[object GeneratorFunction]"!=h&&s.call(t,"callee")&&(!d.call(t,"callee")||"[object Arguments]"==c.call(t))||!!(u&&e&&e[u])}function g(e){if("string"==typeof e||"symbol"==typeof(t=e)||p(t)&&"[object Symbol]"==c.call(t))return e;var t,n=e+"";return"0"==n&&1/e==-r?"-0":n}var f=Array.isArray;function p(e){return!!e&&"object"==typeof e}e.exports=function(e,t){return t=m(void 0===t?e.length-1:t,0),function(){for(var n=arguments,r=-1,o=m(n.length-t,0),i=Array(o);++r<o;)i[r]=n[t+r];r=-1;for(var l=Array(t+1);++r<t;)l[r]=n[r];l[t]=i;switch(l.length){case 0:return e.call(this);case 1:return e.call(this,l[0]);case 2:return e.call(this,l[0],l[1]);case 3:return e.call(this,l[0],l[1],l[2])}return e.apply(this,l)}}(function(e,t){var n,r;return null==e?{}:(n=e,r=function(e,t){for(var n=-1,r=e?e.length:0,o=Array(r);++n<r;)o[n]=t(e[n],n,e);return o}(function e(t,n,r,o,i){var l=-1,a=t.length;for(r||(r=v),i||(i=[]);++l<a;){var s=t[l];n>0&&r(s)?n>1?e(s,n-1,r,o,i):function(e,t){for(var n=-1,r=t.length,o=e.length;++n<r;)e[o+n]=t[n]}(i,s):o||(i[i.length]=s)}return i}(t,1),g),function(e,t,n){for(var r=-1,o=t.length,i={};++r<o;){var l=t[r],a=e[l];n(a,l)&&(i[l]=a)}return i}(n=Object(n),r,function(e,t){return t in n}))})}}]);