@ehfuse/overlay-scrollbar 1.6.8 → 1.6.10

package/dist/index.js

@@ -1,4 +1,9 @@
-"use strict";var Ee=Object.defineProperty;var ht=Object.getOwnPropertyDescriptor;var ft=Object.getOwnPropertyNames;var bt=Object.prototype.hasOwnProperty;var gt=(g,v)=>{for(var E in v)Ee(g,E,{get:v[E],enumerable:!0})},vt=(g,v,E,C)=>{if(v&&typeof v=="object"||typeof v=="function")for(let T of ft(v))!bt.call(g,T)&&T!==E&&Ee(g,T,{get:()=>v[T],enumerable:!(C=ht(v,T))||C.enumerable});return g};var yt=g=>vt(Ee({},"__esModule",{value:!0}),g);var Dt={};gt(Dt,{OverlayScrollbar:()=>He,default:()=>He});module.exports=yt(Dt);var t=require("react");var xt=["editor","textarea","input","select","textfield","form-control","contenteditable","MuiInputBase-input","MuiSelect-select","MuiOutlinedInput-input","MuiFilledInput-input","MuiInput-input","MuiFormControl-root","MuiTextField-root","MuiSelect-root","MuiOutlinedInput-root","MuiFilledInput-root","MuiInput-root","MuiAutocomplete-input","MuiDatePicker-input","MuiSlider-thumb","MuiSlider-rail","MuiSlider-track","MuiSlider-mark","MuiSlider-markLabel","MuiSlider-root","MuiSlider-colorPrimary","MuiSlider-sizeMedium","MuiIconButton-root","MuiButton-root","MuiButtonBase-root","MuiTouchRipple-root","MuiCheckbox-root","MuiRadio-root","MuiSwitch-root","PrivateSwitchBase-root","ant-input","ant-input-affix-wrapper","ant-input-group-addon","ant-input-number","ant-input-number-handler","ant-select","ant-select-selector","ant-select-selection-search","ant-select-dropdown","ant-cascader","ant-cascader-input","ant-picker","ant-picker-input","ant-time-picker","ant-calendar-picker","ant-slider","ant-slider-track","ant-slider-handle","ant-switch","ant-checkbox","ant-checkbox-wrapper","ant-radio","ant-radio-wrapper","ant-rate","ant-upload","ant-upload-drag","ant-form-item","ant-form-item-control","ant-btn","ant-dropdown","ant-dropdown-trigger","ant-menu","ant-menu-item","ant-tooltip","ant-popover","ant-modal","ant-drawer","ant-tree-select","ant-auto-complete","ant-mentions","ant-transfer","ui-input","ui-textarea","ui-select","ui-select-trigger","ui-select-content","ui-select-item","ui-button","ui-checkbox","ui-radio-group","ui-switch","ui-slider","ui-range-slider","ui-calendar","ui-date-picker","ui-combobox","ui-command","ui-command-input","ui-popover","ui-dialog","ui-sheet","ui-dropdown-menu","ui-context-menu","ui-menubar","ui-navigation-menu","ui-form","ui-form-control","ui-form-item","ui-form-field","ui-label","radix-ui","radix-select","radix-dropdown","radix-dialog","radix-popover","radix-accordion","radix-tabs","radix-slider","radix-switch","radix-checkbox","radix-radio","ql-editor","ql-container","ql-toolbar","ql-picker","ql-picker-label","ql-picker-options","ql-formats","ql-snow","ql-bubble","quill","quilleditor","monaco-editor","monaco-editor-background","view-lines","decorationsOverviewRuler","monaco-scrollable-element","CodeMirror","CodeMirror-code","CodeMirror-lines","CodeMirror-scroll","CodeMirror-sizer","cm-editor","cm-focused","cm-content","tox-editor-container","tox-editor-header","tox-edit-area","tox-tinymce","mce-content-body","ck-editor","ck-content","ck-toolbar","ck-editor__editable","ck-widget","slate-editor","slate-content","DraftEditor-root","DraftEditor-editorContainer","public-DraftEditor-content","ehfuse-editor","ehfuse-editor-wrapper","ehfuse-editor-content","ehfuse-toolbar","ehfuse-toolbar-group","ehfuse-cursor","text-editor","rich-text-editor","wysiwyg","ace_editor","ace_content"],Ce=(g,v)=>{let E=g.tagName.toLowerCase(),C=["text","password","email","number","search","tel","url","checkbox","radio"];if(E==="input"){let T=g.type;return C.includes(T)}if(["textarea","select","button"].includes(E)||["svg","path","circle","rect","line","polygon","polyline"].includes(E)||g.getAttribute("contenteditable")==="true")return!0;if(v?.excludeSelectors){for(let T of v.excludeSelectors)if(g.matches(T))return!0}return wt(g,v)},wt=(g,v)=>{let E=[...xt,...v?.excludeClasses||[]],C=g,T=0,O=5;for(;C&&T<=O;){if(E.some(H=>C.classList.contains(H)))return!0;if(C.classList.contains("MuiDialogContent-root"))break;C=C.parentElement,T++}return!1};var S=require("react/jsx-runtime"),Tt={},Mt={},St={},Et={},Ct={},Ht=(0,t.forwardRef)(({className:g="",style:v={},containerStyle:E={},contentStyle:C={},children:T,onScroll:O,thumb:H=Tt,track:L=Mt,arrows:$=St,dragScroll:Y=Et,autoHide:z=Ct,showScrollbar:G=!0,detectInnerScroll:Be=!1},Ue)=>{let qe=(0,t.useRef)({});(0,t.useEffect)(()=>{qe.current={children:T,onScroll:O,showScrollbar:G,thumb:H,track:L,arrows:$,dragScroll:Y,autoHide:z}});let ae=(0,t.useRef)(null),c=(0,t.useRef)(null),N=(0,t.useRef)(null),U=(0,t.useRef)(null),Xe=(0,t.useRef)(null),I=(0,t.useRef)(null),[Q,w]=(0,t.useState)(!1),[P,De]=(0,t.useState)(!1),[ke,Le]=(0,t.useState)(!1),[ce,Ye]=(0,t.useState)({y:0,scrollTop:0}),[J,Ge]=(0,t.useState)(0),[Je,Re]=(0,t.useState)(0),[q,Ie]=(0,t.useState)(!1),[Ae,Oe]=(0,t.useState)(!1),[F,$e]=(0,t.useState)(!1),[se,Ke]=(0,t.useState)({x:0,scrollLeft:0}),[ue,Ze]=(0,t.useState)(0),[de,je]=(0,t.useState)(0),[Ve,pe]=(0,t.useState)(!1),[K,We]=(0,t.useState)(!1),[Z,Qe]=(0,t.useState)({x:0,y:0,scrollTop:0,scrollLeft:0}),[kt,Lt]=(0,t.useState)(null),[ee,te]=(0,t.useState)(null),[Rt,et]=(0,t.useState)(!1),[tt,ot]=(0,t.useState)(0),j=(0,t.useRef)(null),[ze,Ne]=(0,t.useState)(!1),V=(0,t.useRef)(null),_=(0,t.useRef)(null),B=(0,t.useRef)(null),f=(0,t.useMemo)(()=>{let e=H.color??"#606060";return{width:H.width??8,minHeight:H.minHeight??50,radius:H.radius??(H.width??8)/2,color:e,opacity:H.opacity??.6,hoverColor:H.hoverColor??e,hoverOpacity:H.hoverOpacity??1}},[H]),n=(0,t.useMemo)(()=>({width:L.width??16,color:L.color??"rgba(128, 128, 128, 0.1)",visible:L.visible??!0,alignment:L.alignment??"default",radius:L.radius??f.radius??4,margin:L.margin??4,overflowX:L.overflowX??!0,overflowY:L.overflowY??!0}),[L,f.radius]),R=(0,t.useMemo)(()=>{let e=$.color??"#808080";return{visible:$.visible??!1,step:$.step??50,color:e,opacity:$.opacity??.6,hoverColor:$.hoverColor??e,hoverOpacity:$.hoverOpacity??1}},[$]),me=(0,t.useMemo)(()=>({enabled:Y.enabled??!0,excludeClasses:Y.excludeClasses??[],excludeSelectors:Y.excludeSelectors??[]}),[Y]),i=(0,t.useMemo)(()=>({enabled:z.enabled??!0,delay:z.delay??1500,delayOnWheel:z.delayOnWheel??700,initialDelay:z.initialDelay??200}),[z]),[X,rt]=(0,t.useState)(()=>(z.initialDelay??200)>0),h=f.width,nt=n.width,he=f.minHeight,A=R.visible,oe=R.step,D=(0,t.useCallback)(()=>{if(!c.current)return;let e=document.activeElement;e&&c.current.contains(e)&&e!==c.current||c.current.focus()},[]);(0,t.useImperativeHandle)(Ue,()=>({getScrollContainer:()=>c.current,scrollTo:e=>{c.current&&c.current.scrollTo(e)},get scrollTop(){return c.current?.scrollTop||0},get scrollHeight(){return c.current?.scrollHeight||0},get clientHeight(){return c.current?.clientHeight||0}}),[]);let d=(0,t.useCallback)(()=>{if(I.current){let o=I.current;if(document.contains(o)&&o.scrollHeight>o.clientHeight+2)return o;I.current=null}if(!c.current)return null;if(N.current&&N.current.scrollHeight>c.current.clientHeight+2)return I.current=c.current,c.current;if(!Be)return null;let e=c.current.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]');for(let o of e){let r=o;if(r!==c.current&&r.classList.contains("overlay-scrollbar-container"))continue;let s=r.parentElement,l=!1;for(;s&&s!==c.current;){if(s.classList.contains("overlay-scrollbar-container")&&s!==c.current){l=!0;break}s=s.parentElement}if(!l&&r.scrollHeight>r.clientHeight+2)return I.current=r,r}return null},[]),W=(0,t.useCallback)(()=>d()!==null,[d]),y=(0,t.useCallback)(()=>{V.current&&(clearTimeout(V.current),V.current=null)},[]),Pe=(0,t.useCallback)(()=>{_.current&&(clearTimeout(_.current),_.current=null)},[]),Fe=(0,t.useCallback)(()=>{B.current&&(clearTimeout(B.current),B.current=null)},[]),m=(0,t.useCallback)(e=>{i.enabled&&(y(),V.current=setTimeout(()=>{w(!1),V.current=null},e))},[y,i.enabled]),u=(0,t.useCallback)(()=>{let e=d();if(!e){w(!1),Ie(!1),pe(!1),y();return}if(Ie(!0),!U.current)return;!i.enabled&&!X&&(w(!0),y());let o=e.clientHeight,r=e.scrollHeight,s=e.scrollTop,l=e.clientWidth,a=e.scrollWidth,x=e.scrollLeft,b=0,p=0;if(ae.current){let le=window.getComputedStyle(ae.current),ie=parseFloat(le.paddingTop)||0;p=parseFloat(le.paddingBottom)||0,b=ie+p,ot(p)}let re=A?h*2+n.margin*4:n.margin*2,k=o-re+b,we=o/r,ne=Math.max(k*we,he),Te=r-o,_e=k-ne,Me=Te>0?s/Te*_e:0;Ge(ne),Re(Me);let Se=a-l;if(Se>0){pe(!0);let le=l/a,ie=Math.max(l*le,50),pt=l-ie,mt=Se>0?x/Se*pt:0;Ze(ie),je(mt)}else pe(!1)},[d,y,A,h,he,i.enabled,X]),lt=(0,t.useCallback)(e=>{e.preventDefault(),e.stopPropagation();let o=d();o&&(De(!0),Ye({y:e.clientY,scrollTop:o.scrollTop}),y(),w(!0),D())},[d,y,D]),fe=(0,t.useCallback)(e=>{if(!P)return;let o=d();if(!o)return;let r=o.clientHeight,l=o.scrollHeight-r,a=e.clientY-ce.y,x=r-J,b=a/x*l,p=Math.max(0,Math.min(l,ce.scrollTop+b));o.scrollTop=p,u()},[P,ce,J,u,d]),be=(0,t.useCallback)(()=>{De(!1),W()&&m(i.delay)},[W,m,i.delay]),it=(0,t.useCallback)(e=>{if(!U.current)return;let r=U.current.getBoundingClientRect(),s=e.clientY-r.top,l=d();if(!l)return;let a=l.clientHeight,x=l.scrollHeight,p=s/a*(x-a);l.scrollTop=Math.max(0,Math.min(x-a,p)),u(),w(!0),m(i.delay),D()},[u,m,i.delay,d,D]),at=(0,t.useCallback)(e=>{if(e.preventDefault(),e.stopPropagation(),!c.current)return;let o=Math.max(0,c.current.scrollTop-oe);c.current.scrollTop=o,u(),w(!0),m(i.delay),D()},[u,m,oe,i.delay,D]),ct=(0,t.useCallback)(e=>{if(e.preventDefault(),e.stopPropagation(),!c.current||!N.current)return;let o=c.current,s=N.current.scrollHeight-o.clientHeight,l=Math.min(s,o.scrollTop+oe);o.scrollTop=l,u(),w(!0),m(i.delay),D()},[u,m,oe,i.delay,D]),st=(0,t.useCallback)(e=>{e.preventDefault(),e.stopPropagation();let o=d();o&&($e(!0),Ke({x:e.clientX,scrollLeft:o.scrollLeft}),y(),w(!0),D())},[d,y,D]),ge=(0,t.useCallback)(e=>{if(!F)return;let o=d();if(!o)return;let r=o.clientWidth,l=o.scrollWidth-r,a=e.clientX-se.x,x=r-ue,b=a/x*l,p=Math.max(0,Math.min(l,se.scrollLeft+b));o.scrollLeft=p,u()},[F,se,ue,u,d]),ve=(0,t.useCallback)(()=>{$e(!1),W()&&m(i.delay)},[W,m,i.delay]),ut=(0,t.useCallback)(e=>{if(!U.current)return;let r=U.current.getBoundingClientRect(),s=e.clientX-r.left,l=d();if(!l)return;let a=l.clientWidth,x=l.scrollWidth,p=s/a*(x-a);l.scrollLeft=Math.max(0,Math.min(x-a,p)),u(),w(!0),m(i.delay),D()},[u,m,i.delay,d,D]),dt=(0,t.useCallback)(e=>{if(!me.enabled)return;let o=e.target;if(Ce(o,me)||e.button!==0)return;let r=d();r&&(r.scrollHeight<=r.clientHeight&&r.scrollWidth<=r.clientWidth||(e.preventDefault(),We(!0),Qe({x:e.clientX,y:e.clientY,scrollTop:r.scrollTop,scrollLeft:r.scrollLeft||0}),y()))},[me,Ce,d,y]),ye=(0,t.useCallback)(e=>{if(!K)return;let o=d();if(!o)return;let r=Z.x-e.clientX,s=Z.y-e.clientY;if(Math.abs(s)<3&&Math.abs(r)<3)return;w(!0);let l=Math.max(0,Math.min(o.scrollHeight-o.clientHeight,Z.scrollTop+s)),a=Math.max(0,Math.min(o.scrollWidth-o.clientWidth,Z.scrollLeft+r));o.scrollTop=l,o.scrollLeft=a,u()},[K,Z,d,u]),xe=(0,t.useCallback)(()=>{We(!1),W()&&m(i.delay)},[W,m,i.delay]);(0,t.useEffect)(()=>{let e=a=>{if(u(),X){O&&O(a);return}y(),w(!0),Fe();let x=ze?i.delayOnWheel:i.delay;m(x),O&&O(a)},o=()=>{Ne(!0),j.current&&clearTimeout(j.current),j.current=setTimeout(()=>{Ne(!1)},300),Fe(),B.current=setTimeout(()=>{w(!0),B.current=null,m(i.delayOnWheel)},50)},r=[],s=d();s&&r.push(s);let l=c.current;return l&&!s&&(r.push(l),l.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]').forEach(x=>{let b=x;if(b!==l&&b.classList.contains("overlay-scrollbar-container"))return;let p=b.parentElement;for(;p&&p!==l;){if(p.classList.contains("overlay-scrollbar-container")&&p!==l)return;p=p.parentElement}r.push(b)})),r.forEach(a=>{a.addEventListener("scroll",e,{passive:!0}),a.addEventListener("wheel",o,{passive:!0})}),()=>{r.forEach(a=>{a.removeEventListener("scroll",e),a.removeEventListener("wheel",o)}),j.current&&clearTimeout(j.current),B.current&&clearTimeout(B.current)}},[d,u,O,y,m,i,ze,X]),(0,t.useEffect)(()=>{let e=r=>{let s=d();if(!s)return;let{key:l}=r,{scrollTop:a,scrollHeight:x,clientHeight:b}=s,p=x-b,re=50,k=null;switch(l){case"ArrowUp":r.preventDefault(),k=Math.max(0,a-re);break;case"ArrowDown":r.preventDefault(),k=Math.min(p,a+re);break;case"PageUp":r.preventDefault(),k=Math.max(0,a-b);break;case"PageDown":r.preventDefault(),k=Math.min(p,a+b);break;case"Home":r.preventDefault(),k=0;break;case"End":r.preventDefault(),k=p;break;default:return}if(k!==null){let we=k/p,ne=A?h*2+n.margin*4:n.margin*2,Me=(b-ne-J)*we;Re(Me),s.scrollTop=k,y(),w(!0),m(i.delay)}},o=c.current;if(o)return o.addEventListener("keydown",e),()=>{o.removeEventListener("keydown",e)}},[d,A,h,n.margin,J,y,m,i.delay]),(0,t.useEffect)(()=>{if(K)return document.addEventListener("mousemove",ye),document.addEventListener("mouseup",xe),()=>{document.removeEventListener("mousemove",ye),document.removeEventListener("mouseup",xe)}},[K,ye,xe]),(0,t.useEffect)(()=>{if(P)return document.addEventListener("mousemove",fe),document.addEventListener("mouseup",be),()=>{document.removeEventListener("mousemove",fe),document.removeEventListener("mouseup",be)}},[P,fe,be]),(0,t.useEffect)(()=>{if(F)return document.addEventListener("mousemove",ge),document.addEventListener("mouseup",ve),()=>{document.removeEventListener("mousemove",ge),document.removeEventListener("mouseup",ve)}},[F,ge,ve]),(0,t.useEffect)(()=>{u();let e=setTimeout(()=>{u()},100);return()=>clearTimeout(e)},[u]),(0,t.useLayoutEffect)(()=>{et(!0),u(),!i.enabled&&!X&&W()&&w(!0)},[W,u,i.enabled,X]),(0,t.useEffect)(()=>{if(i.initialDelay>0){let e=setTimeout(()=>{rt(!1)},i.initialDelay);return()=>clearTimeout(e)}},[i.initialDelay]),(0,t.useEffect)(()=>{let e=new ResizeObserver(()=>{u()}),o=[];return c.current&&o.push(c.current),N.current&&o.push(N.current),I.current&&document.contains(I.current)&&o.push(I.current),o.forEach(r=>{e.observe(r)}),()=>e.disconnect()},[u]),(0,t.useEffect)(()=>{if(!c.current)return;let e=new MutationObserver(()=>{I.current=null,u()});return e.observe(c.current,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style"]}),()=>e.disconnect()},[u]);let M=Math.max(nt,h);return(0,t.useEffect)(()=>{let e="overlay-scrollbar-webkit-hide",o=document.getElementById(e);o&&o.remove();let r=document.createElement("style");return r.id=e,r.textContent=`
+"use strict";var De=Object.defineProperty;var gt=Object.getOwnPropertyDescriptor;var vt=Object.getOwnPropertyNames;var yt=Object.prototype.hasOwnProperty;var xt=(v,y)=>{for(var E in y)De(v,E,{get:y[E],enumerable:!0})},wt=(v,y,E,C)=>{if(y&&typeof y=="object"||typeof y=="function")for(let T of vt(y))!yt.call(v,T)&&T!==E&&De(v,T,{get:()=>y[T],enumerable:!(C=gt(y,T))||C.enumerable});return v};var Tt=v=>wt(De({},"__esModule",{value:!0}),v);var Rt={};xt(Rt,{OverlayScrollbar:()=>ke,default:()=>ke});module.exports=Tt(Rt);var t=require("react");var Mt=["editor","textarea","input","select","textfield","form-control","contenteditable","MuiInputBase-input","MuiSelect-select","MuiOutlinedInput-input","MuiFilledInput-input","MuiInput-input","MuiFormControl-root","MuiTextField-root","MuiSelect-root","MuiOutlinedInput-root","MuiFilledInput-root","MuiInput-root","MuiAutocomplete-input","MuiDatePicker-input","MuiSlider-thumb","MuiSlider-rail","MuiSlider-track","MuiSlider-mark","MuiSlider-markLabel","MuiSlider-root","MuiSlider-colorPrimary","MuiSlider-sizeMedium","MuiIconButton-root","MuiButton-root","MuiButtonBase-root","MuiTouchRipple-root","MuiCheckbox-root","MuiRadio-root","MuiSwitch-root","PrivateSwitchBase-root","ant-input","ant-input-affix-wrapper","ant-input-group-addon","ant-input-number","ant-input-number-handler","ant-select","ant-select-selector","ant-select-selection-search","ant-select-dropdown","ant-cascader","ant-cascader-input","ant-picker","ant-picker-input","ant-time-picker","ant-calendar-picker","ant-slider","ant-slider-track","ant-slider-handle","ant-switch","ant-checkbox","ant-checkbox-wrapper","ant-radio","ant-radio-wrapper","ant-rate","ant-upload","ant-upload-drag","ant-form-item","ant-form-item-control","ant-btn","ant-dropdown","ant-dropdown-trigger","ant-menu","ant-menu-item","ant-tooltip","ant-popover","ant-modal","ant-drawer","ant-tree-select","ant-auto-complete","ant-mentions","ant-transfer","ui-input","ui-textarea","ui-select","ui-select-trigger","ui-select-content","ui-select-item","ui-button","ui-checkbox","ui-radio-group","ui-switch","ui-slider","ui-range-slider","ui-calendar","ui-date-picker","ui-combobox","ui-command","ui-command-input","ui-popover","ui-dialog","ui-sheet","ui-dropdown-menu","ui-context-menu","ui-menubar","ui-navigation-menu","ui-form","ui-form-control","ui-form-item","ui-form-field","ui-label","radix-ui","radix-select","radix-dropdown","radix-dialog","radix-popover","radix-accordion","radix-tabs","radix-slider","radix-switch","radix-checkbox","radix-radio","ql-editor","ql-container","ql-toolbar","ql-picker","ql-picker-label","ql-picker-options","ql-formats","ql-snow","ql-bubble","quill","quilleditor","monaco-editor","monaco-editor-background","view-lines","decorationsOverviewRuler","monaco-scrollable-element","CodeMirror","CodeMirror-code","CodeMirror-lines","CodeMirror-scroll","CodeMirror-sizer","cm-editor","cm-focused","cm-content","tox-editor-container","tox-editor-header","tox-edit-area","tox-tinymce","mce-content-body","ck-editor","ck-content","ck-toolbar","ck-editor__editable","ck-widget","slate-editor","slate-content","DraftEditor-root","DraftEditor-editorContainer","public-DraftEditor-content","ehfuse-editor","ehfuse-editor-wrapper","ehfuse-editor-content","ehfuse-toolbar","ehfuse-toolbar-group","ehfuse-cursor","text-editor","rich-text-editor","wysiwyg","ace_editor","ace_content"],Le=(v,y)=>{let E=v.tagName.toLowerCase(),C=["text","password","email","number","search","tel","url","checkbox","radio"];if(E==="input"){let T=v.type;return C.includes(T)}if(["textarea","select","button"].includes(E)||["svg","path","circle","rect","line","polygon","polyline"].includes(E)||v.getAttribute("contenteditable")==="true")return!0;if(y?.excludeSelectors){for(let T of y.excludeSelectors)if(v.matches(T))return!0}return St(v,y)},St=(v,y)=>{let E=[...Mt,...y?.excludeClasses||[]],C=v,T=0,z=5;for(;C&&T<=z;){if(E.some(H=>C.classList.contains(H)))return!0;if(C.classList.contains("MuiDialogContent-root"))break;C=C.parentElement,T++}return!1};var S=require("react/jsx-runtime"),Et={},Ct={},Ht={},Dt={},Lt={},kt=(0,t.forwardRef)(({className:v="",style:y={},containerStyle:E={},contentStyle:C={},children:T,onScroll:z,thumb:H=Et,track:k=Ct,arrows:N=Ht,dragScroll:J=Dt,autoHide:_=Lt,showScrollbar:K=!0,detectInnerScroll:qe=!1},Xe)=>{let Ye=(0,t.useRef)({});(0,t.useEffect)(()=>{Ye.current={children:T,onScroll:z,showScrollbar:K,thumb:H,track:k,arrows:N,dragScroll:J,autoHide:_}});let se=(0,t.useRef)(null),c=(0,t.useRef)(null),B=(0,t.useRef)(null),X=(0,t.useRef)(null),Ge=(0,t.useRef)(null),I=(0,t.useRef)(null),[ee,x]=(0,t.useState)(!1),[A,Re]=(0,t.useState)(!1),[Ie,Ae]=(0,t.useState)(!1),[ue,Je]=(0,t.useState)({y:0,scrollTop:0}),[Z,Ke]=(0,t.useState)(0),[Ze,Oe]=(0,t.useState)(0),[Y,We]=(0,t.useState)(!1),[$e,ze]=(0,t.useState)(!1),[O,Ne]=(0,t.useState)(!1),[de,je]=(0,t.useState)({x:0,scrollLeft:0}),[pe,Ve]=(0,t.useState)(0),[me,Qe]=(0,t.useState)(0),[et,he]=(0,t.useState)(!1),[P,fe]=(0,t.useState)(!1),[W,Pe]=(0,t.useState)(!1),[j,tt]=(0,t.useState)({x:0,y:0,scrollTop:0,scrollLeft:0}),[It,At]=(0,t.useState)(null),[te,oe]=(0,t.useState)(null),[Ot,ot]=(0,t.useState)(!1),[rt,nt]=(0,t.useState)(0),V=(0,t.useRef)(null),[Fe,_e]=(0,t.useState)(!1),Q=(0,t.useRef)(null),U=(0,t.useRef)(null),q=(0,t.useRef)(null),b=(0,t.useMemo)(()=>{let e=H.color??"#606060";return{width:H.width??8,minHeight:H.minHeight??50,radius:H.radius??(H.width??8)/2,color:e,opacity:H.opacity??.6,hoverColor:H.hoverColor??e,hoverOpacity:H.hoverOpacity??1}},[H]),n=(0,t.useMemo)(()=>({width:k.width??16,color:k.color??"rgba(128, 128, 128, 0.1)",visible:k.visible??!0,alignment:k.alignment??"default",radius:k.radius??b.radius??4,margin:k.margin??4,overflowX:k.overflowX??!0,overflowY:k.overflowY??!0}),[k,b.radius]),R=(0,t.useMemo)(()=>{let e=N.color??"#808080";return{visible:N.visible??!1,step:N.step??50,color:e,opacity:N.opacity??.6,hoverColor:N.hoverColor??e,hoverOpacity:N.hoverOpacity??1}},[N]),be=(0,t.useMemo)(()=>({enabled:J.enabled??!0,excludeClasses:J.excludeClasses??[],excludeSelectors:J.excludeSelectors??[]}),[J]),i=(0,t.useMemo)(()=>({enabled:_.enabled??!0,delay:_.delay??1500,delayOnWheel:_.delayOnWheel??700,initialDelay:_.initialDelay??200}),[_]),[G,lt]=(0,t.useState)(()=>(_.initialDelay??200)>0),h=b.width,it=n.width,ge=b.minHeight,$=R.visible,re=R.step,D=(0,t.useCallback)(()=>{if(!c.current)return;let e=document.activeElement;e&&c.current.contains(e)&&e!==c.current||c.current.focus()},[]);(0,t.useImperativeHandle)(Xe,()=>({getScrollContainer:()=>c.current,scrollTo:e=>{c.current&&c.current.scrollTo(e)},get scrollTop(){return c.current?.scrollTop||0},get scrollHeight(){return c.current?.scrollHeight||0},get clientHeight(){return c.current?.clientHeight||0}}),[]);let d=(0,t.useCallback)(()=>{if(I.current){let o=I.current;if(document.contains(o)&&o.scrollHeight>o.clientHeight+2)return o;I.current=null}if(!c.current)return null;if(B.current&&B.current.scrollHeight>c.current.clientHeight+2)return I.current=c.current,c.current;if(!qe)return null;let e=c.current.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]');for(let o of e){let r=o;if(r!==c.current&&r.classList.contains("overlay-scrollbar-container"))continue;let s=r.parentElement,l=!1;for(;s&&s!==c.current;){if(s.classList.contains("overlay-scrollbar-container")&&s!==c.current){l=!0;break}s=s.parentElement}if(!l&&r.scrollHeight>r.clientHeight+2)return I.current=r,r}return null},[]),F=(0,t.useCallback)(()=>d()!==null,[d]),f=(0,t.useCallback)(()=>{Q.current&&(clearTimeout(Q.current),Q.current=null)},[]),ne=(0,t.useCallback)(()=>{U.current&&(clearTimeout(U.current),U.current=null)},[]),Be=(0,t.useCallback)(()=>{q.current&&(clearTimeout(q.current),q.current=null)},[]),at=(0,t.useCallback)(()=>{ne(),!(A||O||W||P)&&(f(),x(!1))},[f,ne,A,O,W,P]),m=(0,t.useCallback)(e=>{i.enabled&&(f(),Q.current=setTimeout(()=>{x(!1),Q.current=null},e))},[f,i.enabled]),u=(0,t.useCallback)(()=>{let e=d();if(!e){x(!1),We(!1),he(!1),f();return}if(We(!0),!X.current)return;!i.enabled&&!G&&(x(!0),f());let o=e.clientHeight,r=e.scrollHeight,s=e.scrollTop,l=e.clientWidth,a=e.scrollWidth,w=e.scrollLeft,g=0,p=0;if(se.current){let ae=window.getComputedStyle(se.current),ce=parseFloat(ae.paddingTop)||0;p=parseFloat(ae.paddingBottom)||0,g=ce+p,nt(p)}let le=$?h*2+n.margin*4:n.margin*2,L=o-le+g,Se=o/r,ie=Math.max(L*Se,ge),Ee=r-o,Ue=L-ie,Ce=Ee>0?s/Ee*Ue:0;Ke(ie),Oe(Ce);let He=a-l;if(He>0){he(!0);let ae=l/a,ce=Math.max(l*ae,50),ft=l-ce,bt=He>0?w/He*ft:0;Ve(ce),Qe(bt)}else he(!1)},[d,f,$,h,ge,i.enabled,G]),ct=(0,t.useCallback)(e=>{e.preventDefault(),e.stopPropagation();let o=d();o&&(Re(!0),Je({y:e.clientY,scrollTop:o.scrollTop}),f(),x(!0),D())},[d,f,D]),ve=(0,t.useCallback)(e=>{if(!A)return;let o=d();if(!o)return;let r=o.clientHeight,l=o.scrollHeight-r,a=e.clientY-ue.y,w=r-Z,g=a/w*l,p=Math.max(0,Math.min(l,ue.scrollTop+g));o.scrollTop=p,u()},[A,ue,Z,u,d]),ye=(0,t.useCallback)(()=>{Re(!1),F()&&m(i.delay)},[F,m,i.delay]),st=(0,t.useCallback)(e=>{if(!X.current)return;let r=X.current.getBoundingClientRect(),s=e.clientY-r.top,l=d();if(!l)return;let a=l.clientHeight,w=l.scrollHeight,p=s/a*(w-a);l.scrollTop=Math.max(0,Math.min(w-a,p)),u(),x(!0),m(i.delay),D()},[u,m,i.delay,d,D]),ut=(0,t.useCallback)(e=>{if(e.preventDefault(),e.stopPropagation(),!c.current)return;let o=Math.max(0,c.current.scrollTop-re);c.current.scrollTop=o,u(),x(!0),m(i.delay),D()},[u,m,re,i.delay,D]),dt=(0,t.useCallback)(e=>{if(e.preventDefault(),e.stopPropagation(),!c.current||!B.current)return;let o=c.current,s=B.current.scrollHeight-o.clientHeight,l=Math.min(s,o.scrollTop+re);o.scrollTop=l,u(),x(!0),m(i.delay),D()},[u,m,re,i.delay,D]),pt=(0,t.useCallback)(e=>{e.preventDefault(),e.stopPropagation();let o=d();o&&(Ne(!0),je({x:e.clientX,scrollLeft:o.scrollLeft}),f(),x(!0),D())},[d,f,D]),xe=(0,t.useCallback)(e=>{if(!O)return;let o=d();if(!o)return;let r=o.clientWidth,l=o.scrollWidth-r,a=e.clientX-de.x,w=r-pe,g=a/w*l,p=Math.max(0,Math.min(l,de.scrollLeft+g));o.scrollLeft=p,u()},[O,de,pe,u,d]),we=(0,t.useCallback)(()=>{Ne(!1),F()&&m(i.delay)},[F,m,i.delay]),mt=(0,t.useCallback)(e=>{if(!X.current)return;let r=X.current.getBoundingClientRect(),s=e.clientX-r.left,l=d();if(!l)return;let a=l.clientWidth,w=l.scrollWidth,p=s/a*(w-a);l.scrollLeft=Math.max(0,Math.min(w-a,p)),u(),x(!0),m(i.delay),D()},[u,m,i.delay,d,D]),ht=(0,t.useCallback)(e=>{if(!be.enabled)return;let o=e.target;if(Le(o,be)||e.button!==0)return;let r=d();r&&(r.scrollHeight<=r.clientHeight&&r.scrollWidth<=r.clientWidth||(e.preventDefault(),fe(!0),tt({x:e.clientX,y:e.clientY,scrollTop:r.scrollTop,scrollLeft:r.scrollLeft||0}),f()))},[be,Le,d,f]),Te=(0,t.useCallback)(e=>{if(!P&&!W)return;let o=d();if(!o)return;let r=j.x-e.clientX,s=j.y-e.clientY;if(Math.abs(s)<5&&Math.abs(r)<5)return;P&&(fe(!1),Pe(!0)),x(!0);let l=Math.max(0,Math.min(o.scrollHeight-o.clientHeight,j.scrollTop+s)),a=Math.max(0,Math.min(o.scrollWidth-o.clientWidth,j.scrollLeft+r));o.scrollTop=l,o.scrollLeft=a,u()},[P,W,j,d,u]),Me=(0,t.useCallback)(()=>{let e=W;fe(!1),Pe(!1),e&&F()&&m(i.delay)},[W,F,m,i.delay]);(0,t.useEffect)(()=>{let e=a=>{if(u(),G){z&&z(a);return}f(),x(!0),Be();let w=Fe?i.delayOnWheel:i.delay;m(w),z&&z(a)},o=()=>{_e(!0),V.current&&clearTimeout(V.current),V.current=setTimeout(()=>{_e(!1)},300),Be(),q.current=setTimeout(()=>{x(!0),q.current=null,m(i.delayOnWheel)},50)},r=[],s=d();s&&r.push(s);let l=c.current;return l&&!s&&(r.push(l),l.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]').forEach(w=>{let g=w;if(g!==l&&g.classList.contains("overlay-scrollbar-container"))return;let p=g.parentElement;for(;p&&p!==l;){if(p.classList.contains("overlay-scrollbar-container")&&p!==l)return;p=p.parentElement}r.push(g)})),r.forEach(a=>{a.addEventListener("scroll",e,{passive:!0}),a.addEventListener("wheel",o,{passive:!0})}),()=>{r.forEach(a=>{a.removeEventListener("scroll",e),a.removeEventListener("wheel",o)}),V.current&&clearTimeout(V.current),q.current&&clearTimeout(q.current)}},[d,u,z,f,m,i,Fe,G]),(0,t.useEffect)(()=>{let e=r=>{let s=d();if(!s)return;let{key:l}=r,{scrollTop:a,scrollHeight:w,clientHeight:g}=s,p=w-g,le=50,L=null;switch(l){case"ArrowUp":r.preventDefault(),L=Math.max(0,a-le);break;case"ArrowDown":r.preventDefault(),L=Math.min(p,a+le);break;case"PageUp":r.preventDefault(),L=Math.max(0,a-g);break;case"PageDown":r.preventDefault(),L=Math.min(p,a+g);break;case"Home":r.preventDefault(),L=0;break;case"End":r.preventDefault(),L=p;break;default:return}if(L!==null){let Se=L/p,ie=$?h*2+n.margin*4:n.margin*2,Ce=(g-ie-Z)*Se;Oe(Ce),s.scrollTop=L,f(),x(!0),m(i.delay)}},o=c.current;if(o)return o.addEventListener("keydown",e),()=>{o.removeEventListener("keydown",e)}},[d,$,h,n.margin,Z,f,m,i.delay]),(0,t.useEffect)(()=>{if(P||W)return document.addEventListener("mousemove",Te),document.addEventListener("mouseup",Me),()=>{document.removeEventListener("mousemove",Te),document.removeEventListener("mouseup",Me)}},[P,W,Te,Me]),(0,t.useEffect)(()=>{if(A)return document.addEventListener("mousemove",ve),document.addEventListener("mouseup",ye),()=>{document.removeEventListener("mousemove",ve),document.removeEventListener("mouseup",ye)}},[A,ve,ye]),(0,t.useEffect)(()=>{if(O)return document.addEventListener("mousemove",xe),document.addEventListener("mouseup",we),()=>{document.removeEventListener("mousemove",xe),document.removeEventListener("mouseup",we)}},[O,xe,we]),(0,t.useEffect)(()=>{u();let e=setTimeout(()=>{u()},100);return()=>clearTimeout(e)},[u]),(0,t.useLayoutEffect)(()=>{ot(!0),u(),!i.enabled&&!G&&F()&&x(!0)},[F,u,i.enabled,G]),(0,t.useEffect)(()=>{if(i.initialDelay>0){let e=setTimeout(()=>{lt(!1)},i.initialDelay);return()=>clearTimeout(e)}},[i.initialDelay]),(0,t.useEffect)(()=>{let e=new ResizeObserver(()=>{u()}),o=[];return c.current&&o.push(c.current),B.current&&o.push(B.current),I.current&&document.contains(I.current)&&o.push(I.current),o.forEach(r=>{e.observe(r)}),()=>e.disconnect()},[u]),(0,t.useEffect)(()=>{if(!c.current)return;let e=new MutationObserver(()=>{I.current=null,u()});return e.observe(c.current,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style"]}),()=>e.disconnect()},[u]);let M=Math.max(it,h);return(0,t.useEffect)(()=>{let e="overlay-scrollbar-webkit-hide",o=document.getElementById(e);o&&o.remove();let r=document.createElement("style");return r.id=e,r.textContent=`
+                /* \uBAA8\uB4E0 \uC2A4\uD06C\uB864\uBC14 \uC228\uAE30\uAE30 */
+                .overlay-scrollbar-container {
+                    scrollbar-width: none !important;
+                    -ms-overflow-style: none !important;
+                }
                 .overlay-scrollbar-container::-webkit-scrollbar {
                     display: none !important;
                     width: 0 !important;
@@ -14,6 +19,7 @@
                 .overlay-scrollbar-container .ehfuse-editor-content {
                     scrollbar-width: thin !important;
                     -ms-overflow-style: auto !important;
+                    overflow: auto !important;
                 }
                 .overlay-scrollbar-container .ehfuse-editor-content::-webkit-scrollbar {
                     display: block !important;
@@ -40,5 +46,5 @@
                     outline: 2px solid rgba(0, 123, 255, 0.5);
                     outline-offset: -2px;
                 }
-            `,document.head.appendChild(r),()=>{let s=document.getElementById(e);s&&s.remove()}},[]),(0,S.jsxs)("div",{ref:ae,className:`overlay-scrollbar-wrapper ${g}`,style:{display:"flex",flexDirection:"column",position:"relative",minHeight:0,height:"100%",flex:"1 1 0%",...v},children:[(0,S.jsx)("div",{ref:c,className:"overlay-scrollbar-container",tabIndex:-1,onMouseDown:dt,style:{display:"flex",width:"100%",flex:"1 1 auto",minHeight:0,overflow:"auto",scrollbarWidth:"none",msOverflowStyle:"none",outline:"none",userSelect:K?"none":"auto",...E},children:(0,S.jsx)("div",{ref:N,className:"overlay-scrollbar-content",style:{flex:"1 1 0%",minHeight:0,display:"flex",flexDirection:"column",overflow:"hidden",...C},children:T})}),G&&q&&(n.overflowY??!0)&&(0,S.jsxs)("div",{ref:U,className:"overlay-scrollbar-track",onMouseEnter:()=>{y(),_.current=setTimeout(()=>{w(!0),_.current=null},100)},onMouseLeave:()=>{Pe(),P||m(i.delay)},style:{position:"absolute",top:0,right:0,width:`${M}px`,height:"100%",opacity:Q?1:0,transition:"opacity 0.2s ease-in-out",cursor:"pointer",zIndex:1e3,pointerEvents:"auto"},children:[n.visible&&(0,S.jsx)("div",{className:"overlay-scrollbar-track-background",onClick:e=>{e.preventDefault(),e.stopPropagation(),it(e)},style:{position:"absolute",top:A?`${f.width+n.margin*2}px`:`${n.margin}px`,right:n.alignment==="outside"?"0px":`${(M-f.width)/2}px`,width:`${f.width}px`,height:A?`calc(100% - ${f.width*2+n.margin*4}px)`:`calc(100% - ${n.margin*2}px)`,backgroundColor:n.color,borderRadius:`${n.radius}px`,cursor:"pointer"}}),(0,S.jsx)("div",{ref:Xe,className:"overlay-scrollbar-thumb",onMouseDown:lt,onMouseEnter:()=>Le(!0),onMouseLeave:()=>Le(!1),style:{position:"absolute",top:`${(A?h+n.margin*2:n.margin)+Je}px`,right:n.alignment==="outside"?"0px":`${(M-h)/2}px`,width:`${h}px`,height:`${Math.max(J,he)}px`,backgroundColor:ke||P?f.hoverColor:f.color,opacity:ke||P?f.hoverOpacity:f.opacity,borderRadius:`${f.radius}px`,cursor:"pointer",transition:"background-color 0.2s ease-in-out, opacity 0.2s ease-in-out"}})]}),G&&q&&A&&(0,S.jsx)("div",{className:"overlay-scrollbar-up-arrow",onClick:at,onMouseEnter:()=>te("up"),onMouseLeave:()=>te(null),style:{position:"absolute",top:`${n.margin}px`,right:n.alignment==="outside"?"0px":`${(M-h)/2}px`,width:`${h}px`,height:`${h}px`,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:`${Math.max(h*.75,8)}px`,color:ee==="up"?R.hoverColor:R.color,userSelect:"none",zIndex:1001,opacity:Q?ee==="up"?R.hoverOpacity:R.opacity:0,transition:"opacity 0.2s ease-in-out, color 0.15s ease-in-out"},children:"\u25B2"}),G&&q&&A&&(0,S.jsx)("div",{className:"overlay-scrollbar-down-arrow",onClick:ct,onMouseEnter:()=>te("down"),onMouseLeave:()=>te(null),style:{position:"absolute",bottom:`${n.margin}px`,right:n.alignment==="outside"?"0px":`${(M-h)/2}px`,width:`${h}px`,height:`${h}px`,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:`${Math.max(h*.75,8)}px`,color:ee==="down"?R.hoverColor:R.color,userSelect:"none",zIndex:1001,opacity:Q?ee==="down"?R.hoverOpacity:R.opacity:0,transition:"opacity 0.2s ease-in-out, color 0.15s ease-in-out"},children:"\u25BC"}),G&&Ve&&(n.overflowX??!0)&&(0,S.jsxs)("div",{className:"overlay-scrollbar-horizontal-track",onMouseEnter:()=>{y(),_.current=setTimeout(()=>{w(!0),_.current=null},100)},onMouseLeave:()=>{Pe(),F||m(i.delay)},style:{position:"absolute",bottom:`${tt}px`,left:0,width:"100%",height:`${M}px`,opacity:Q?1:0,transition:"opacity 0.2s ease-in-out",cursor:"pointer",zIndex:1e3,pointerEvents:"auto"},children:[n.visible&&(0,S.jsx)("div",{className:"overlay-scrollbar-horizontal-track-background",onClick:e=>{e.preventDefault(),e.stopPropagation(),ut(e)},style:{position:"absolute",bottom:n.alignment==="outside"?"0px":`${(M-h)/2}px`,left:`${n.margin}px`,right:q?n.alignment==="outside"?`${M-n.margin}px`:`${M}px`:`${n.margin}px`,height:`${h}px`,backgroundColor:n.color,borderRadius:`${n.radius}px`,cursor:"pointer"}}),(0,S.jsx)("div",{className:"overlay-scrollbar-horizontal-thumb",onMouseDown:st,onMouseEnter:()=>Oe(!0),onMouseLeave:()=>Oe(!1),style:{position:"absolute",bottom:n.alignment==="outside"?"0px":`${(M-h)/2}px`,left:`${n.margin+de}px`,right:q?n.alignment==="outside"?`${M-n.margin}px`:`${M}px`:"auto",maxWidth:q?n.alignment==="outside"?`calc(100% - ${n.margin+de+M-n.margin}px)`:`calc(100% - ${n.margin+de+M}px)`:"none",width:`${Math.max(ue,50)}px`,height:`${h}px`,backgroundColor:Ae||F?f.hoverColor:f.color,opacity:Ae||F?f.hoverOpacity:f.opacity,borderRadius:`${f.radius}px`,cursor:"pointer",transition:"background-color 0.2s ease-in-out, opacity 0.2s ease-in-out"}})]})]})}),He=Ht;
+            `,document.head.appendChild(r),()=>{let s=document.getElementById(e);s&&s.remove()}},[]),(0,S.jsxs)("div",{ref:se,className:`overlay-scrollbar-wrapper ${v}`,onMouseLeave:at,style:{display:"flex",flexDirection:"column",position:"relative",minHeight:0,height:"100%",flex:"1 1 0%",overflow:"hidden",...y},children:[(0,S.jsx)("div",{ref:c,className:"overlay-scrollbar-container",tabIndex:-1,onMouseDown:ht,style:{display:"flex",width:"100%",flex:"1 1 auto",minHeight:0,overflow:"auto",scrollbarWidth:"none",msOverflowStyle:"none",outline:"none",userSelect:P||W?"none":"auto",...E},children:(0,S.jsx)("div",{ref:B,className:"overlay-scrollbar-content",style:{flex:"1 1 0%",minHeight:0,display:"flex",flexDirection:"column",...C},children:T})}),K&&Y&&(n.overflowY??!0)&&(0,S.jsxs)("div",{ref:X,className:"overlay-scrollbar-track",onMouseEnter:()=>{f(),U.current=setTimeout(()=>{x(!0),U.current=null},100)},onMouseLeave:()=>{ne(),A||m(i.delay)},style:{position:"absolute",top:0,right:0,width:`${M}px`,height:"100%",opacity:ee?1:0,transition:"opacity 0.2s ease-in-out",cursor:"pointer",zIndex:1e3,pointerEvents:"auto"},children:[n.visible&&(0,S.jsx)("div",{className:"overlay-scrollbar-track-background",onClick:e=>{e.preventDefault(),e.stopPropagation(),st(e)},style:{position:"absolute",top:$?`${b.width+n.margin*2}px`:`${n.margin}px`,right:n.alignment==="outside"?"0px":`${(M-b.width)/2}px`,width:`${b.width}px`,height:$?`calc(100% - ${b.width*2+n.margin*4}px)`:`calc(100% - ${n.margin*2}px)`,backgroundColor:n.color,borderRadius:`${n.radius}px`,cursor:"pointer"}}),(0,S.jsx)("div",{ref:Ge,className:"overlay-scrollbar-thumb",onMouseDown:ct,onMouseEnter:()=>Ae(!0),onMouseLeave:()=>Ae(!1),style:{position:"absolute",top:`${($?h+n.margin*2:n.margin)+Ze}px`,right:n.alignment==="outside"?"0px":`${(M-h)/2}px`,width:`${h}px`,height:`${Math.max(Z,ge)}px`,backgroundColor:Ie||A?b.hoverColor:b.color,opacity:Ie||A?b.hoverOpacity:b.opacity,borderRadius:`${b.radius}px`,cursor:"pointer",transition:"background-color 0.2s ease-in-out, opacity 0.2s ease-in-out"}})]}),K&&Y&&$&&(0,S.jsx)("div",{className:"overlay-scrollbar-up-arrow",onClick:ut,onMouseEnter:()=>oe("up"),onMouseLeave:()=>oe(null),style:{position:"absolute",top:`${n.margin}px`,right:n.alignment==="outside"?"0px":`${(M-h)/2}px`,width:`${h}px`,height:`${h}px`,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:`${Math.max(h*.75,8)}px`,color:te==="up"?R.hoverColor:R.color,userSelect:"none",zIndex:1001,opacity:ee?te==="up"?R.hoverOpacity:R.opacity:0,transition:"opacity 0.2s ease-in-out, color 0.15s ease-in-out"},children:"\u25B2"}),K&&Y&&$&&(0,S.jsx)("div",{className:"overlay-scrollbar-down-arrow",onClick:dt,onMouseEnter:()=>oe("down"),onMouseLeave:()=>oe(null),style:{position:"absolute",bottom:`${n.margin}px`,right:n.alignment==="outside"?"0px":`${(M-h)/2}px`,width:`${h}px`,height:`${h}px`,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:`${Math.max(h*.75,8)}px`,color:te==="down"?R.hoverColor:R.color,userSelect:"none",zIndex:1001,opacity:ee?te==="down"?R.hoverOpacity:R.opacity:0,transition:"opacity 0.2s ease-in-out, color 0.15s ease-in-out"},children:"\u25BC"}),K&&et&&(n.overflowX??!0)&&(0,S.jsxs)("div",{className:"overlay-scrollbar-horizontal-track",onMouseEnter:()=>{f(),U.current=setTimeout(()=>{x(!0),U.current=null},100)},onMouseLeave:()=>{ne(),O||m(i.delay)},style:{position:"absolute",bottom:`${rt}px`,left:0,width:"100%",height:`${M}px`,opacity:ee?1:0,transition:"opacity 0.2s ease-in-out",cursor:"pointer",zIndex:1e3,pointerEvents:"auto"},children:[n.visible&&(0,S.jsx)("div",{className:"overlay-scrollbar-horizontal-track-background",onClick:e=>{e.preventDefault(),e.stopPropagation(),mt(e)},style:{position:"absolute",bottom:n.alignment==="outside"?"0px":`${(M-h)/2}px`,left:`${n.margin}px`,right:Y?n.alignment==="outside"?`${M-n.margin}px`:`${M}px`:`${n.margin}px`,height:`${h}px`,backgroundColor:n.color,borderRadius:`${n.radius}px`,cursor:"pointer"}}),(0,S.jsx)("div",{className:"overlay-scrollbar-horizontal-thumb",onMouseDown:pt,onMouseEnter:()=>ze(!0),onMouseLeave:()=>ze(!1),style:{position:"absolute",bottom:n.alignment==="outside"?"0px":`${(M-h)/2}px`,left:`${n.margin+me}px`,right:Y?n.alignment==="outside"?`${M-n.margin}px`:`${M}px`:"auto",maxWidth:Y?n.alignment==="outside"?`calc(100% - ${n.margin+me+M-n.margin}px)`:`calc(100% - ${n.margin+me+M}px)`:"none",width:`${Math.max(pe,50)}px`,height:`${h}px`,backgroundColor:$e||O?b.hoverColor:b.color,opacity:$e||O?b.hoverOpacity:b.opacity,borderRadius:`${b.radius}px`,cursor:"pointer",transition:"background-color 0.2s ease-in-out, opacity 0.2s ease-in-out"}})]})]})}),ke=kt;
 //# sourceMappingURL=index.js.map