https://www.deeptoplay.com/_next/static/chunks/153-2f4a1f3f6a2e3aae.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[153],{10153:function(e,t,r){r.d(t,{Ns:function(){return G},fC:function(){return $},gb:function(){return T},q4:function(){return W},l_:function(){return q}});var n=r(2265),o=r(25171),l=r(1584),i=r(1336),a=e=>{var t,r;let o,a;let{present:c,children:u}=e,d=function(e){var t,r;let[o,l]=n.useState(),a=n.useRef({}),c=n.useRef(e),u=n.useRef("none"),[d,f]=(t=e?"mounted":"unmounted",r={mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}},n.useReducer((e,t)=>{let n=r[e][t];return null!=n?n:e},t));return n.useEffect(()=>{let e=s(a.current);u.current="mounted"===d?e:"none"},[d]),(0,i.b)(()=>{let t=a.current,r=c.current;if(r!==e){let n=u.current,o=s(t);e?f("MOUNT"):"none"===o||(null==t?void 0:t.display)==="none"?f("UNMOUNT"):r&&n!==o?f("ANIMATION_OUT"):f("UNMOUNT"),c.current=e}},[e,f]),(0,i.b)(()=>{if(o){var e;let t;let r=null!==(e=o.ownerDocument.defaultView)&&void 0!==e?e:window,n=e=>{let n=s(a.current).includes(e.animationName);if(e.target===o&&n&&(f("ANIMATION_END"),!c.current)){let e=o.style.animationFillMode;o.style.animationFillMode="forwards",t=r.setTimeout(()=>{"forwards"===o.style.animationFillMode&&(o.style.animationFillMode=e)})}},l=e=>{e.target===o&&(u.current=s(a.current))};return o.addEventListener("animationstart",l),o.addEventListener("animationcancel",n),o.addEventListener("animationend",n),()=>{r.clearTimeout(t),o.removeEventListener("animationstart",l),o.removeEventListener("animationcancel",n),o.removeEventListener("animationend",n)}}f("ANIMATION_END")},[o,f]),{isPresent:["mounted","unmountSuspended"].includes(d),ref:n.useCallback(e=>{e&&(a.current=getComputedStyle(e)),l(e)},[])}}(c),f="function"==typeof u?u({present:d.isPresent}):n.Children.only(u),p=(0,l.e)(d.ref,(o=null===(t=Object.getOwnPropertyDescriptor(f.props,"ref"))||void 0===t?void 0:t.get)&&"isReactWarning"in o&&o.isReactWarning?f.ref:(o=null===(r=Object.getOwnPropertyDescriptor(f,"ref"))||void 0===r?void 0:r.get)&&"isReactWarning"in o&&o.isReactWarning?f.props.ref:f.props.ref||f.ref);return"function"==typeof u||d.isPresent?n.cloneElement(f,{ref:p}):null};function s(e){return(null==e?void 0:e.animationName)||"none"}a.displayName="Presence";var c=r(57437),u=r(75137),d=r(87513),f=r(62361),p=r(78149),v="ScrollArea",[h,w]=function(e,t=[]){let r=[],o=()=>{let t=r.map(e=>n.createContext(e));return function(r){let o=r?.[e]||t;return n.useMemo(()=>({[`__scope${e}`]:{...r,[e]:o}}),[r,o])}};return o.scopeName=e,[function(t,o){let l=n.createContext(o),i=r.length;r=[...r,o];let a=t=>{let{scope:r,children:o,...a}=t,s=r?.[e]?.[i]||l,u=n.useMemo(()=>a,Object.values(a));return(0,c.jsx)(s.Provider,{value:u,children:o})};return a.displayName=t+"Provider",[a,function(r,a){let s=a?.[e]?.[i]||l,c=n.useContext(s);if(c)return c;if(void 0!==o)return o;throw Error(`\`${r}\` must be used within \`${t}\``)}]},function(...e){let t=e[0];if(1===e.length)return t;let r=()=>{let r=e.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(e){let o=r.reduce((t,{useScope:r,scopeName:n})=>{let o=r(e)[`__scope${n}`];return{...t,...o}},{});return n.useMemo(()=>({[`__scope${t.scopeName}`]:o}),[o])}};return r.scopeName=t.scopeName,r}(o,...t)]}(v),[m,g]=h(v),b=n.forwardRef((e,t)=>{let{__scopeScrollArea:r,type:i="hover",dir:a,scrollHideDelay:s=600,...u}=e,[f,p]=n.useState(null),[v,h]=n.useState(null),[w,g]=n.useState(null),[b,S]=n.useState(null),[E,y]=n.useState(null),[T,x]=n.useState(0),[C,N]=n.useState(0),[R,P]=n.useState(!1),[_,L]=n.useState(!1),A=(0,l.e)(t,e=>p(e)),D=(0,d.gm)(a);return(0,c.jsx)(m,{scope:r,type:i,dir:D,scrollHideDelay:s,scrollArea:f,viewport:v,onViewportChange:h,content:w,onContentChange:g,scrollbarX:b,onScrollbarXChange:S,scrollbarXEnabled:R,onScrollbarXEnabledChange:P,scrollbarY:E,onScrollbarYChange:y,scrollbarYEnabled:_,onScrollbarYEnabledChange:L,onCornerWidthChange:x,onCornerHeightChange:N,children:(0,c.jsx)(o.WV.div,{dir:D,...u,ref:A,style:{position:"relative","--radix-scroll-area-corner-width":T+"px","--radix-scroll-area-corner-height":C+"px",...e.style}})})});b.displayName=v;var S="ScrollAreaViewport",E=n.forwardRef((e,t)=>

1{let{__scopeScrollArea:r,children:i,asChild:a,nonce:s,...u}=e,d=g(S,r),f=n.useRef(null),p=(0,l.e)(t,f,d.onViewportChange);return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("style",{dangerouslySetInnerHTML:{__html:"\n[data-radix-scroll-area-viewport] {\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n  -webkit-overflow-scrolling: touch;\n}\n[data-radix-scroll-area-viewport]::-webkit-scrollbar {\n  display: none;\n}\n:where([data-radix-scroll-area-viewport]) {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n}\n:where([data-radix-scroll-area-content]) {\n  flex-grow: 1;\n}\n"},nonce:s}),(0,c.jsx)(o.WV.div,{"data-radix-scroll-area-viewport":"",...u,asChild:a,ref:p,style:{overflowX:d.scrollbarXEnabled?"scroll":"hidden",overflowY:d.scrollbarYEnabled?"scroll":"hidden",...e.style},children:function(e,t){let{asChild:r,children:o}=e;if(!r)return"function"==typeof t?t(o):t;let l=n.Children.only(o);return n.cloneElement(l,{children:"function"==typeof t?t(l.props.children):t})}({asChild:a,children:i},e=>(0,c.jsx)("div",{"data-radix-scroll-area-content":"",ref:d.onContentChange,style:{minWidth:d.scrollbarXEnabled?"fit-content":void 0},children:e}))})]})});E.displayName=S;var y="ScrollAreaScrollbar",T=n.forwardRef((e,t)=>{let{forceMount:r,...o}=e,l=g(y,e.__scopeScrollArea),{onScrollbarXEnabledChange:i,onScrollbarYEnabledChange:a}=l,s="horizontal"===e.orientation;return n.useEffect(()=>(s?i(!0):a(!0),()=>{s?i(!1):a(!1)}),[s,i,a]),"hover"===l.type?(0,c.jsx)(x,{...o,ref:t,forceMount:r}):"scroll"===l.type?(0,c.jsx)(C,{...o,ref:t,forceMount:r}):"auto"===l.type?(0,c.jsx)(N,{...o,ref:t,forceMount:r}):"always"===l.type?(0,c.jsx)(R,{...o,ref:t}):null});T.displayName=y;var x=n.forwardRef((e,t)=>{let{forceMount:r,...o}=e,l=g(y,e.__scopeScrollArea),[i,s]=n.useState(!1);return n.useEffect(()=>{let e=l.scrollArea,t=0;if(e){let r=()=>{window.clearTimeout(t),s(!0)},n=()=>{t=window.setTimeout(()=>s(!1),l.scrollHideDelay)};return e.addEventListener("pointerenter",r),e.addEventListener("pointerleave",n),()=>{window.clearTimeout(t),e.removeEventListener("pointerenter",r),e.removeEventListener("pointerleave",n)}}},[l.scrollArea,l.scrollHideDelay]),(0,c.jsx)(a,{present:r||i,children:(0,c.jsx)(N,{"data-state":i?"visible":"hidden",...o,ref:t})})}),C=n.forwardRef((e,t)=>{var r,o;let{forceMount:l,...i}=e,s=g(y,e.__scopeScrollArea),u="horizontal"===e.orientation,d=F(()=>v("SCROLL_END"),100),[f,v]=(r="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"}},n.useReducer((e,t)=>{let r=o[e][t];return null!=r?r:e},r));return n.useEffect(()=>{if("idle"===f){let e=window.setTimeout(()=>v("HIDE"),s.scrollHideDelay);return()=>window.clearTimeout(e)}},[f,s.scrollHideDelay,v]),n.useEffect(()=>{let e=s.viewport,t=u?"scrollLeft":"scrollTop";if(e){let r=e[t],n=()=>{let n=e[t];r!==n&&(v("SCROLL"),d()),r=n};return e.addEventListener("scroll",n),()=>e.removeEventListener("scroll",n)}},[s.viewport,u,v,d]),(0,c.jsx)(a,{present:l||"hidden"!==f,children:(0,c.jsx)(R,{"data-state":"hidden"===f?"hidden":"visible",...i,ref:t,onPointerEnter:(0,p.M)(e.onPointerEnter,()=>v("POINTER_ENTER")),onPointerLeave:(0,p.M)(e.onPointerLeave,()=>v("POINTER_LEAVE"))})})}),N=n.forwardRef((e,t)=>{let r=g(y,e.__scopeScrollArea),{forceMount:o,...l}=e,[i,s]=n.useState(!1),u="horizontal"===e.orientation,d=F(()=>{if(r.viewport){let e=r.viewport.offsetWidth<r.viewport.scrollWidth,t=r.viewport.offsetHeight<r.viewport.scrollHeight;s(u?e:t)}},10);return B(r.viewport,d),B(r.content,d),(0,c.jsx)(a,{present:o||i,children:(0,c.jsx)(R,{"data-state":i?"visible":"hidden",...l,ref:t})})}),R=n.forwardRef((e,t)=>{let{orientation:r="vertical",...o}=e,l=g(y,e.__scopeScrollArea),i=n.useRef(null),a=n.useRef(0),[s,u]=n.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),d=H(s.viewport,s.content),f={...o,sizes:s,onSizesChange:u,hasThumb:!!(d>0&&d<1),onThumbChange:e=>i.current=e,onThumbPointerUp:()=>a.current=0,onThumbPointerDown:e=>a.current=e};function p(e,t){return function(e,t,r){let n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"ltr",o=X(r),l=t||o/2,i=r.scrollbar.paddingStart+l,a=r.scrollbar.size-r.scrollbar.paddingEnd-(o-l),s=r.content-r.viewport;return V([i,a],"ltr"===n?[0,s]:[-1*s,0])(e)}(e,a.current,s,t)}return"horizontal"===r?(0,c.jsx)(P,{...f,ref:t,onThumbPositionChange:()=>{if(l.viewport&&i.current){let e=k(l.viewport.scrollLeft,s,l.dir);i.current.style.transform="translate3d(".concat(e,"px, 0, 0)")}},onWheelScroll:e=>{l.viewport&&(l.viewport.scrollLeft=e)},onDragScroll:e=>{l.viewport&&(l.viewport.scrollLeft=p(e,l.dir))}}):"vertical"===r?(0,c.jsx)(_,{...f,ref:t,onThumbPositionChange:()=>{if(l.viewport&&i.current){let e=k(l.viewport.scrollTop,s);i.current.style.transform="translate3d(0, ".concat(e,"px, 0)")}},onWheelScroll:e=>{l.viewport&&(l.viewport.scrollTop=e)},onDragScroll:e=>{l.viewport&&(l.viewport.scrollTop=p(e))}}):null}),P=n.forwardRef((e,t)=>

1{let{sizes:r,onSizesChange:o,...i}=e,a=g(y,e.__scopeScrollArea),[s,u]=n.useState(),d=n.useRef(null),f=(0,l.e)(t,d,a.onScrollbarXChange);return n.useEffect(()=>{d.current&&u(getComputedStyle(d.current))},[d]),(0,c.jsx)(D,{"data-orientation":"horizontal",...i,ref:f,sizes:r,style:{bottom:0,left:"rtl"===a.dir?"var(--radix-scroll-area-corner-width)":0,right:"ltr"===a.dir?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":X(r)+"px",...e.style},onThumbPointerDown:t=>e.onThumbPointerDown(t.x),onDragScroll:t=>e.onDragScroll(t.x),onWheelScroll:(t,r)=>{if(a.viewport){let n=a.viewport.scrollLeft+t.deltaX;e.onWheelScroll(n),n>0&&n<r&&t.preventDefault()}},onResize:()=>{d.current&&a.viewport&&s&&o({content:a.viewport.scrollWidth,viewport:a.viewport.offsetWidth,scrollbar:{size:d.current.clientWidth,paddingStart:z(s.paddingLeft),paddingEnd:z(s.paddingRight)}})}})}),_=n.forwardRef((e,t)=>{let{sizes:r,onSizesChange:o,...i}=e,a=g(y,e.__scopeScrollArea),[s,u]=n.useState(),d=n.useRef(null),f=(0,l.e)(t,d,a.onScrollbarYChange);return n.useEffect(()=>{d.current&&u(getComputedStyle(d.current))},[d]),(0,c.jsx)(D,{"data-orientation":"vertical",...i,ref:f,sizes:r,style:{top:0,right:"ltr"===a.dir?0:void 0,left:"rtl"===a.dir?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":X(r)+"px",...e.style},onThumbPointerDown:t=>e.onThumbPointerDown(t.y),onDragScroll:t=>e.onDragScroll(t.y),onWheelScroll:(t,r)=>{if(a.viewport){let n=a.viewport.scrollTop+t.deltaY;e.onWheelScroll(n),n>0&&n<r&&t.preventDefault()}},onResize:()=>{d.current&&a.viewport&&s&&o({content:a.viewport.scrollHeight,viewport:

1a.viewport.offsetHeight,scrollbar:{size:d.current.clientHeight,paddingStart:z(s.paddingTop),paddingEnd:z(s.paddingBottom)}})}})}),[L,A]=h(y),D=n.forwardRef((e,t)=>{let{__scopeScrollArea:r,sizes:i,hasThumb:a,onThumbChange:s,onThumbPointerUp:d,onThumbPointerDown:f,onThumbPositionChange:v,onDragScroll:h,onWheelScroll:w,onResize:m,...b}=e,S=g(y,r),[E,T]=n.useState(null),x=(0,l.e)(t,e=>T(e)),C=n.useRef(null),N=n.useRef(""),R=S.viewport,P=i.content-i.viewport,_=(0,u.W)(w),A=(0,u.W)(v),D=F(m,10);function j(e){C.current&&h({x:e.clientX-C.current.left,y:e.clientY-C.current.top})}return n.useEffect(()=>{let e=e=>{let t=e.target;(null==E?void 0:E.contains(t))&&_(e,P)};return document.addEventListener("wheel",e,{passive:!1}),()=>document.removeEventListener("wheel",e,{passive:!1})},[R,E,P,_]),n.useEffect(A,[i,A]),B(E,D),B(S.content,D),(0,c.jsx)(L,{scope:r,scrollbar:E,hasThumb:a,onThumbChange:(0,u.W)(s),onThumbPointerUp:(0,u.W)(d),onThumbPositionChange:A,onThumbPointerDown:(0,u.W)(f),children:(0,c.jsx)(o.WV.div,{...b,ref:x,style:{position:"absolute",...b.style},onPointerDown:(0,p.M)(e.onPointerDown,e=>{0===e.button&&(e.target.setPointerCapture(e.pointerId),C.current=E.getBoundingClientRect(),N.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",S.viewport&&(S.viewport.style.scrollBehavior="auto"),j(e))}),onPointerMove:(0,p.M)(e.onPointerMove,j),onPointerUp:(0,p.M)(e.onPointerUp,e=>{let t=e.target;t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId),document.body.style.webkitUserSelect=N.current,S.viewport&&(S.viewport.style.scrollBehavior=""),C.current=null})})})}),j="ScrollAreaThumb",W=n.forwardRef((e,t)=>{let{forceMount:r,...n}=e,o=A(j,e.__scopeScrollArea);return(0,c.jsx)(a,{present:r||o.hasThumb,children:(0,c.jsx)(O,{ref:t,...n})})}),O=n.forwardRef((e,t)=>{let{__scopeScrollArea:r,style:i,...a}=e,s=g(j,r),u=A(j,r),{onThumbPositionChange:d}=u,f=(0,l.e)(t,e=>u.onThumbChange(e)),v=n.useRef(),h=F(()=>{v.current&&(v.current(),v.current=void 0)},100);return n.useEffect(()=>{let e=s.viewport;if(e){let t=()=>{if(h(),!v.current){let t=Y(e,d);v.current=t,d()}};return d(),e.addEventListener("scroll",t),()=>e.removeEventListener("scroll",t)}},[s.viewport,h,d]),(0,c.jsx)(o.WV.div,{"data-state":u.hasThumb?"visible":"hidden",...a,ref:f,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...i},onPointerDownCapture:(0,p.M)(e.onPointerDownCapture,e=>{let t=e.target.getBoundingClientRect(),r=e.clientX-t.left,n=e.clientY-t.top;u.onThumbPointerDown({x:r,y:n})}),onPointerUp:(0,p.M)(e.onPointerUp,u.onThumbPointerUp)})});W.displayName=j;var M="ScrollAreaCorner",I=n.forwardRef((e,t)=>{let r=g(M,e.__scopeScrollArea),n=!!(r.scrollbarX&&r.scrollbarY);return"scroll"!==r.type&&n?(0,c.jsx)(U,{...e,ref:t}):null});I.displayName=M;var U=n.forwardRef((e,t)=>{let{__scopeScrollArea:r,...l}=e,i=g(M,r),[a,s]=n.useState(0),[u,d]=n.useState(0),f=!!(a&&u);return B(i.scrollbarX,()=>{var e;let t=(null===(e=i.scrollbarX)||void 0===e?void 0:e.offsetHeight)||0;i.onCornerHeightChange(t),d(t)}),B(i.scrollbarY,()=>{var e;let t=(null===(e=i.scrollbarY)||void 0===e?void 0:e.offsetWidth)||0;i.onCornerWidthChange(t),s(t)}),f?(0,c.jsx)(o.WV.div,{...l,ref:t,style:{width:a,height:u,position:"absolute",right:"ltr"===i.dir?0:void 0,left:"rtl"===i.dir?0:void 0,bottom:0,...e.style}}):null});function z(e){return e?parseInt(e,10):0}function H(e,t){let r=e/t;return isNaN(r)?0:r}function X(e){let t=H(e.viewport,e.content),r=e.scrollbar.paddingStart+e.scrollbar.paddingEnd;return Math.max((e.scrollbar.size-r)*t,18)}function k(e,t){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"ltr",n=X(t),o=t.scrollbar.paddingStart+t.scrollbar.paddingEnd,l=t.scrollbar.size-o,i=t.content-t.viewport,a=(0,f.u)(e,"ltr"===r?[0,i]:[-1*i,0]);return V([0,i],[0,l-n])(a)}function V(e,t){return r=>{if(e[0]===e[1]||t[0]===t[1])return t[0];let n=(t[1]-t[0])/(e[1]-e[0]);return t[0]+n*(r-e[0])}}var Y=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:()=>{},r={left:e.scrollLeft,top:e.scrollTop},n=0;return!function o(){let l={left:e.scrollLeft,top:e.scrollTop},i=r.left!==l.left,a=r.top!==l.top;

1(i||a)&&t(),r=l,n=window.requestAnimationFrame(o)}(),()=>window.cancelAnimationFrame(n)};function F(e,t){let r=(0,u.W)(e),o=n.useRef(0);return n.useEffect(()=>()=>window.clearTimeout(o.current),[]),n.useCallback(()=>{window.clearTimeout(o.current),o.current=window.setTimeout(r,t)},[r,t])}function B(e,t){let r=(0,u.W)(t);(0,i.b)(()=>{let t=0;if(e){let n=new ResizeObserver(()=>{cancelAnimationFrame(t),t=window.requestAnimationFrame(r)});return n.observe(e),()=>{window.cancelAnimationFrame(t),n.unobserve(e)}}},[e,r])}var $=b,q=E,G=I}}]);