https://app.vlemobile.com/static/js/8100.2da1c0d2.chunk.js

1"use strict";(self.webpackChunkvle_mobile=self.webpackChunkvle_mobile||[]).push([[8100],{8100:(e,r,t)=>{t.d(r,{LM:()=>j,OK:()=>K,VM:()=>T,bL:()=>$,lr:()=>W});var o=t(8168),n=t(5043),l=t(7920),i=t(2894),a=t(1862),c=t(2814),s=t(7490),u=t(4204),d=t(503),p=t(1664),f=t(858);const h="ScrollArea",[v,w]=(0,a.A)(h),[m,b]=v(h),g=(0,n.forwardRef)(((e,r)=>{const{__scopeScrollArea:t,type:i="hover",dir:a,scrollHideDelay:s=600,...d}=e,[p,f]=(0,n.useState)(null),[h,v]=(0,n.useState)(null),[w,b]=(0,n.useState)(null),[g,E]=(0,n.useState)(null),[S,C]=(0,n.useState)(null),[T,y]=(0,n.useState)(0),[A,R]=(0,n.useState)(0),[P,_]=(0,n.useState)(!1),[L,D]=(0,n.useState)(!1),z=(0,c.s)(r,(e=>f(e))),x=(0,u.jH)(a);return(0,n.createElement)(m,{scope:t,type:i,dir:x,scrollHideDelay:s,scrollArea:p,viewport:h,onViewportChange:v,content:w,onContentChange:b,scrollbarX:g,onScrollbarXChange:E,scrollbarXEnabled:P,onScrollbarXEnabledChange:_,scrollbarY:S,onScrollbarYChange:C,scrollbarYEnabled:L,onScrollbarYEnabledChange:D,onCornerWidthChange:y,onCornerHeight

1Change:R},(0,n.createElement)(l.sG.div,(0,o.A)({dir:x},d,{ref:z,style:{position:"relative","--radix-scroll-area-corner-width":T+"px","--radix-scroll-area-corner-height":A+"px",...e.style}})))})),E="ScrollAreaViewport",S=(0,n.forwardRef)(((e,r)=>{const{__scopeScrollArea:t,children:i,...a}=e,s=b(E,t),u=(0,n.useRef)(null),d=(0,c.s)(r,u,s.onViewportChange);return(0,n.createElement)(n.Fragment,null,(0,n.createElement)("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}"}}),(0,n.createElement)(l.sG.div,(0,o.A)({"data-radix-scroll-area-viewport":""},a,{ref:d,style:{overflowX:s.scrollbarXEnabled?"scroll":"hidden",overflowY:s.scrollbarYEnabled?"scroll":"hidden",...e.style}}),(0,n.createElement)("div",{ref:s.onContentChange,style:{minWidth:"100%",display:"table"}},i)))})),C="ScrollAreaScrollbar",T=(0,n.forwardRef)(((e,r)=>{const{forceMount:t,...l}=e,i=b(C,e.__scopeScrollArea),{onScrollbarXEnabledChange:a,onScrollbarYEnabledChange:c}=i,s="horizontal"===e.orientation;return(0,n.useEffect)((()=>(s?a(!0):c(!0),()=>{s?a(!1):c(!1)})),[s,a,c]),"hover"===i.type?(0,n.createElement)(y,(0,o.A)({},l,{ref:r,forceMount:t})):"scroll"===i.type?(0,n.createElement)(A,(0,o.A)({},l,{ref:r,forceMount:t})):"auto"===i.type?(0,n.createElement)(R,(0,o.A)({},l,{ref:r,forceMount:t})):"always"===i.type?(0,n.createElement)(P,(0,o.A)({},l,{ref:r})):null})),y=(0,n.forwardRef)(((e,r)=>{const{forceMount:t,...l}=e,a=b(C,e.__scopeScrollArea),[c,s]=(0,n.useState)(!1);return(0,n.useEffect)((()=>{const e=a.scrollArea;let r=0;if(e){const t=()=>{window.clearTimeout(r),s(!0)},o=()=>{r=window.setTimeout((()=>s(!1)),a.scrollHideDelay)};return e.addEventListener("pointerenter",t),e.addEventListener("pointerleave",o),()=>{window.clearTimeout(r),e.removeEventListener("pointerenter",t),e.removeEventListener("pointerleave",o)}}}),[a.scrollArea,a.scrollHideDelay]),(0,n.createElement)(i.C,{present:t||c},(0,n.createElement)(R,(0,o.A)({"data-state":c?"visible":"hidden"},l,{ref:r})))})),A=(0,n.forwardRef)(((e,r)=>{const{forceMount:t,...l}=e,a=b(C,e.__scopeScrollArea),c="horizontal"===e.orientation,s=G((()=>d("SCROLL_END")),100),[u,d]=(p="hidden",h={hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}},(0,n.useReducer)(((e,r)=>{const t=h[e][r];return null!==t&&void 0!==t?t:e}),p));var p,h;return(0,n.useEffect)((()=>{if("idle"===u){const e=window.setTimeout((()=>d("HIDE")),a.scrollHideDelay);return()=>window.clearTimeout(e)}}),[u,a.scrollHideDelay,d]),(0,n.useEffect)((()=>{const e=a.viewport,r=c?"scrollLeft":"scrollTop";if(e){let t=e[r];const o=()=>{const o=e[r];t!==o&&(d("SCROLL"),s()),t=o};return e.addEventListener("scroll",o),()=>e.removeEventListener("scroll",o)}}),[a.viewport,c,d,s]),(0,n.createElement)(i.C,{present:t||"hidden"!==u},(0,n.createElement)(P,(0,o.A)({"data-state":"hidden"===u?"hidden":"visible"},l,{ref:r,onPointerEnter:(0,f.m)(e.onPointerEnter,(()=>d("POINTER_ENTER"))),onPointerLeave:(0,f.m)(e.onPointerLeave,(()=>d("POINTER_LEAVE")))})))})),R=(0,n.forwardRef)(((e,r)=>{const t=b(C,e.__scopeScrollArea),{forceMount:l,...a}=e,[c,s]=(0,n.useState)(!1),u="horizontal"===e.orientation,d=G((()=>{if(t.viewport){const e=t.viewport.offsetWidth<t.viewport.scrollWidth,r=t.viewport.offsetHeight<t.viewport.scrollHeight;s(u?e:r)}}),10);return q(t.viewport,d),q(t.content,d),(0,n.createElement)(i.C,{present:l||c},(0,n.createElement)(P,(0,o.A)({"data-state":c?"visible":"hidden"},a,{ref:r})))})),P=(0,n.forwardRef)(((e,r)=>{const{orientation:t="vertical",...l}=e,i=b(C,e.__scopeScrollArea),a=(0,n.useRef)(null),c=(0,n.useRef)(0),[s,u]=(0,n.use

1State)({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),d=I(s.viewport,s.content),p={...l,sizes:s,onSizesChange:u,hasThumb:Boolean(d>0&&d<1),onThumbChange:e=>a.current=e,onThumbPointerUp:()=>c.current=0,onThumbPointerDown:e=>c.current=e};function f(e,r){return function(e,r,t){let o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"ltr";const n=U(t),l=n/2,i=r||l,a=n-i,c=t.scrollbar.paddingStart+i,s=t.scrollbar.size-t.scrollbar.paddingEnd-a,u=t.content-t.viewport,d="ltr"===o?[0,u]:[-1*u,0];return B([c,s],d)(e)}(e,c.current,s,r)}return"horizontal"===t?(0,n.createElement)(_,(0,o.A)({},p,{ref:r,onThumbPositionChange:()=>{if(i.viewport&&a.current){const e=k(i.viewport.scrollLeft,s,i.dir);a.current.style.transform=`translate3d(${e}px, 0, 0)`}},onWheelScroll:e=>{i.viewport&&(i.viewport.scrollLeft=e)},onDragScroll:e=>{i.viewport&&(i.viewport.scrollLeft=f(e,i.dir))}})):"vertical"===t?(0,n.createElement)(L,(0,o.A)({},p,{ref:r,onThumbPositionChange:()=>{if(i.viewport&&a.current){const e=k(i.viewport.scrollTop,s);a.current.style.transform=`translate3d(0, ${e}px, 0)`}},onWheelScroll:e=>{i.viewport&&(i.viewport.scrollTop=e)},onDragScroll:e=>{i.viewport&&(i.viewport.scrollTop=f(e))}})):null})),_=(0,n.forwardRef)(((e,r)=>{const{sizes:t,onSizesChange:l,...i}

1=e,a=b(C,e.__scopeScrollArea),[s,u]=(0,n.useState)(),d=(0,n.useRef)(null),p=(0,c.s)(r,d,a.onScrollbarXChange);return(0,n.useEffect)((()=>{d.current&&u(getComputedStyle(d.current))}),[d]),(0,n.createElement)(x,(0,o.A)({"data-orientation":"horizontal"},i,{ref:p,sizes:t,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":U(t)+"px",...e.style},onThumbPointerDown:r=>e.onThumbPointerDown(r.x),onDragScroll:r=>e.onDragScroll(r.x),onWheelScroll:(r,t)=>{if(a.viewport){const o=a.viewport.scrollLeft+r.deltaX;e.onWheelScroll(o),F(o,t)&&r.preventDefault()}},onResize:()=>{d.current&&a.viewport&&s&&l({content:a.viewport.scrollWidth,viewport:a.viewport.offsetWidth,scrollbar:{size:d.current.clientWidth,paddingStart:O(s.paddingLeft),paddingEnd:O(s.paddingRight)}})}}))})),L=(0,n.forwardRef)(((e,r)=>{const{sizes:t,onSizesChange:l,...i}=e,a=b(C,e.__scopeScrollArea),[s,u]=(0,n.useState)(),d=(0,n.useRef)(null),p=(0,c.s)(r,d,a.onScrollbarYChange);return(0,n.useEffect)((()=>{d.current&&u(getComputedStyle(d.current))}),[d]),(0,n.createElement)(x,(0,o.A)({"data-orientation":"vertical"}

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