@ehfuse/overlay-scrollbar 1.7.19 → 1.7.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/OverlayScrollbar.d.ts +1 -0
- package/dist/OverlayScrollbar.d.ts.map +1 -1
- package/dist/index.esm.js +2 -2
- package/dist/index.esm.js.map +3 -3
- package/dist/index.js +2 -2
- package/dist/index.js.map +3 -3
- package/dist/types.d.ts +1 -0
- package/dist/types.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverlayScrollbar.d.ts","sourceRoot":"","sources":["../src/OverlayScrollbar.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"OverlayScrollbar.d.ts","sourceRoot":"","sources":["../src/OverlayScrollbar.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{useRef as O,useEffect as P,useState as p,useCallback as m,useMemo as Me,forwardRef as oo,useImperativeHandle as ro,useLayoutEffect as no,useId as lo}from"react";var Qt=["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"],$e=(M,L)=>{if(M instanceof HTMLElement&&M.isContentEditable||M.closest('[role="textbox"],[role="searchbox"]'))return!0;let S=M.tagName.toLowerCase();if(S==="input"){let f=(M.type||"text").toLowerCase();return!["button","submit","reset","image","hidden"].includes(f)}if(["textarea","select","button"].includes(S)||["svg","path","circle","rect","line","polygon","polyline"].includes(S)||M.getAttribute("contenteditable")==="true")return!0;if(L?.excludeSelectors){for(let f of L.excludeSelectors)if(M.matches(f))return!0}return Jt(M,L)},Jt=(M,L)=>{let S=[...Qt,...L?.excludeClasses||[]],f=M,z=0,$=5;for(;f&&z<=$;){if(S.some(D=>f.classList.contains(D)))return!0;if(f.classList.contains("MuiDialogContent-root"))break;f=f.parentElement,z++}return!1};import{useEffect as yt,useRef as re,useState as xt}from"react";var Tt=({containerRef:M,config:L})=>{let S=L.enabled??!0,f=L.threshold??80,z=L.maxDistance??f*2,$=L.onRefresh,[D,k]=xt(0),[W,X]=xt(!1),F=re(0),pe=re(0),q=re(!1),J=re(!1),ne=re(!1),j=re(0),le=re(!1);return yt(()=>{le.current=W},[W]),yt(()=>{let E=M.current;if(!E||!(S&&typeof $=="function"))return;let Se=u=>{let C=u instanceof Element?u:null;for(;C&&C!==E;){if(C instanceof HTMLElement&&C.scrollHeight>C.clientHeight+1&&C.scrollTop>0)return!1;C=C.parentElement}return!0},We=u=>{q.current=!1,J.current=!1,ne.current=!1,!le.current&&u.touches.length===1&&E.scrollTop===0&&Se(u.target)&&(q.current=!0,F.current=u.touches[0].clientY,pe.current=u.touches[0].clientX)},ee=u=>{if(!q.current||le.current||u.touches.length!==1)return;let C=u.touches[0].clientY-F.current,Ee=u.touches[0].clientX-pe.current;if(!J.current){if(C<=0||E.scrollTop>0){q.current=!1;return}if(C>8&&C>Math.abs(Ee))J.current=!0,ne.current=E.scrollTop<0;else return}!ne.current&&u.cancelable&&u.preventDefault();let Ce=Math.min(Math.max(C,0)*.5,z);j.current=Ce,k(Ce)},G=()=>{if(!q.current||(q.current=!1,!J.current))return;J.current=!1,ne.current=!1;let u=j.current;j.current=0,u>=f&&!le.current?(X(!0),k(f),Promise.resolve().then(()=>$()).catch(()=>{}).finally(()=>{X(!1),k(0)})):k(0)};return E.addEventListener("touchstart",We,{passive:!0}),E.addEventListener("touchmove",ee,{passive:!1}),E.addEventListener("touchend",G,{passive:!0}),E.addEventListener("touchcancel",G,{passive:!0}),()=>{E.removeEventListener("touchstart",We),E.removeEventListener("touchmove",ee),E.removeEventListener("touchend",G),E.removeEventListener("touchcancel",G)}},[M,S,$,f,z]),{pullDistance:D,isRefreshing:W,pullProgress:Math.min(D/f,1),pullThreshold:f}};import{useEffect as eo,useState as to}from"react";function wt(){let[M,L]=to(()=>typeof window>"u"||typeof window.matchMedia!="function"?!1:window.matchMedia("(pointer: coarse)").matches);return eo(()=>{if(typeof window>"u"||typeof window.matchMedia!="function")return;let S=window.matchMedia("(pointer: coarse)"),f=z=>L(z.matches);return L(S.matches),typeof S.addEventListener=="function"?(S.addEventListener("change",f),()=>S.removeEventListener("change",f)):(S.addListener(f),()=>S.removeListener(f))},[]),M}import{jsx as H,jsxs as Je}from"react/jsx-runtime";var io={},ao={},so={},co={},uo={},fo={},po=oo(({className:M="",style:L={},containerStyle:S={},contentStyle:f={},children:z,onScroll:$,thumb:D=io,track:k=ao,arrows:W=so,dragScroll:X=co,autoHide:F=uo,pullToRefresh:pe=fo,showScrollbar:q=!0,showHorizontalScrollbar:J=!0,detectInnerScroll:ne=!1,scrollTopFab:j=!1},le)=>{let E=wt(),ie=q,Se=E?!1:J,ee=`os-${lo().replace(/[^a-zA-Z0-9_-]/g,"")}`,G=j!==!1&&j!=null,u=typeof j=="object"?j:{},C=u.threshold??600,Ee=u.idleDelay??400,Ce=u.scrollingOpacity??.45,St=u.position??"right",et=u.offset??16,Et=u.background??"#1976d2",Ct=u.color??"#ffffff",He=u.size??48,[Ae,Ht]=p(!1),[Lt,tt]=p(!1),ae=O(null),Dt=O({});P(()=>{Dt.current={children:z,onScroll:$,showScrollbar:ie,showHorizontalScrollbar:Se,thumb:D,track:k,arrows:W,dragScroll:X,autoHide:F}});let ze=O(null),i=O(null),he=O(null),me=O(null),kt=O(null),B=O(null),{pullDistance:Fe,isRefreshing:Le,pullProgress:Ne}=Tt({containerRef:i,config:pe}),ot=pe.indicatorColor??"#1976d2",Rt=Fe>0||Le,[De,x]=p(!1),[_,rt]=p(!1),[nt,lt]=p(!1),[Be,It]=p({y:0,scrollTop:0}),[be,it]=p(0),[Ot,_e]=p(0),[se,at]=p(!1),[st,ct]=p(!1),[U,ut]=p(!1),[Ue,Pt]=p({x:0,scrollLeft:0}),[Ye,dt]=p(0),[Xe,ft]=p(0),[$t,pt]=p(!1),ce=O(!1),[K,ht]=p(!1),[ge,Wt]=p({x:0,y:0,scrollTop:0,scrollLeft:0}),[ho,mo]=p(null),[ke,Re]=p(null),[bo,At]=p(!1),[zt,Ft]=p(0),ve=O(null),[mt,bt]=p(!1),ye=O(null),te=O(null),oe=O(null),T=Me(()=>{let e=D.color??"#606060";return{width:D.width??8,minHeight:D.minHeight??50,radius:D.radius??(D.width??8)/2,color:e,opacity:D.opacity??.6,hoverColor:D.hoverColor??e,hoverOpacity:D.hoverOpacity??1}},[D]),r=Me(()=>({width:k.width??16,color:k.color??"rgba(128, 128, 128, 0.1)",visible:k.visible??!0,alignment:k.alignment??"outside",radius:k.radius??T.radius??4,margin:k.margin??4,overflowX:k.overflowX??!0,overflowY:k.overflowY??!0}),[k,T.radius]),N=Me(()=>{let e=W.color??"#808080";return{visible:W.visible??!1,step:W.step??50,color:e,opacity:W.opacity??.6,hoverColor:W.hoverColor??e,hoverOpacity:W.hoverOpacity??1}},[W]),xe=Me(()=>({enabled:E?!1:X.enabled??!0,excludeClasses:X.excludeClasses??[],excludeSelectors:X.excludeSelectors??[]}),[X,E]),a=Me(()=>({enabled:F.enabled??!0,delay:F.delay??1500,delayOnWheel:F.delayOnWheel??700,initialDelay:F.initialDelay??200}),[F]),[ue,Nt]=p(()=>(F.initialDelay??200)>0),g=T.width,Bt=r.width,qe=T.minHeight,Y=N.visible,Ie=N.step,A=m(()=>{if(!i.current)return;let e=document.activeElement;e&&i.current.contains(e)&&e!==i.current||i.current.focus()},[]);ro(le,()=>({getScrollContainer:()=>i.current,scrollTo:e=>{i.current&&i.current.scrollTo(e)},get scrollTop(){return i.current?.scrollTop||0},get scrollHeight(){return i.current?.scrollHeight||0},get clientHeight(){return i.current?.clientHeight||0}}),[]);let d=m(()=>{if(B.current){let t=B.current;if(document.contains(t)&&(t.scrollHeight>t.clientHeight+2||t.scrollWidth>t.clientWidth+2))return t;B.current=null}if(!i.current)return null;if(i.current.scrollHeight>i.current.clientHeight+2||i.current.scrollWidth>i.current.clientWidth+2)return B.current=i.current,i.current;if(!ne)return null;let e=i.current.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]');for(let t of e){let o=t;if(o!==i.current&&o.classList.contains("overlay-scrollbar-container"))continue;let n=o.parentElement,l=!1;for(;n&&n!==i.current;){if(n.classList.contains("overlay-scrollbar-container")&&n!==i.current){l=!0;break}n=n.parentElement}if(!l&&(o.scrollHeight>o.clientHeight+2||o.scrollWidth>o.clientWidth+2))return B.current=o,o}return null},[]),V=m(()=>d()!==null,[d]),v=m(()=>{ye.current&&(clearTimeout(ye.current),ye.current=null)},[]),Oe=m(()=>{te.current&&(clearTimeout(te.current),te.current=null)},[]),gt=m(()=>{oe.current&&(clearTimeout(oe.current),oe.current=null)},[]),_t=m(()=>{Oe(),!(_||U||K||ce.current)&&(v(),x(!1))},[v,Oe,_,U,K]),b=m(e=>{a.enabled&&(v(),ye.current=setTimeout(()=>{x(!1),ye.current=null},e))},[v,a.enabled]),c=m(()=>{let e=d()??i.current;if(!e){x(!1),at(!1),pt(!1),v();return}!a.enabled&&!ue&&(x(!0),v());let t=e.clientHeight,o=e.scrollHeight,n=e.scrollTop,l=e.clientWidth,s=e.scrollWidth,y=e.scrollLeft,w=o-t>0,h=s-l>0,de=w||h;at(w),pt(h),de||(x(!1),v());let Te=0,I=0;if(ze.current){let Z=window.getComputedStyle(ze.current),Q=parseFloat(Z.paddingTop)||0;I=parseFloat(Z.paddingBottom)||0,Te=Q+I,Ft(I)}if(w){let Z=Y?g*2+r.margin*4:r.margin*2,Q=t-Z+Te,Pe=t/o,fe=Math.max(Q*Pe,qe),vt=o-t,Vt=Q-fe,Zt=vt>0?n/vt*Vt:0;it(fe),_e(Zt)}else it(0),_e(0);let we=s-l;if(we>0){let Z=l/s,Q=Math.max(l*Z,50),Pe=l-Q,fe=we>0?y/we*Pe:0;dt(Q),ft(fe)}else dt(0),ft(0)},[d,v,Y,g,qe,a.enabled,ue]),Ut=m(e=>{e.preventDefault(),e.stopPropagation();let t=d();t&&(rt(!0),It({y:e.clientY,scrollTop:t.scrollTop}),v(),x(!0),A())},[d,v,A]),je=m(e=>{if(!_)return;let t=d();if(!t)return;let o=t.clientHeight,l=t.scrollHeight-o,s=e.clientY-Be.y,y=o-be,w=s/y*l,h=Math.max(0,Math.min(l,Be.scrollTop+w));t.scrollTop=h,c()},[_,Be,be,c,d]),Ge=m(()=>{rt(!1),V()&&b(a.delay)},[V,b,a.delay]),Yt=m(e=>{if(!me.current)return;let o=me.current.getBoundingClientRect(),n=e.clientY-o.top,l=d();if(!l)return;let s=l.clientHeight,y=l.scrollHeight,h=n/s*(y-s);l.scrollTop=Math.max(0,Math.min(y-s,h)),c(),x(!0),b(a.delay),A()},[c,b,a.delay,d,A]),Xt=m(e=>{if(e.preventDefault(),e.stopPropagation(),!i.current)return;let t=Math.max(0,i.current.scrollTop-Ie);i.current.scrollTop=t,c(),x(!0),b(a.delay),A()},[c,b,Ie,a.delay,A]),qt=m(e=>{if(e.preventDefault(),e.stopPropagation(),!i.current||!he.current)return;let t=i.current,n=he.current.scrollHeight-t.clientHeight,l=Math.min(n,t.scrollTop+Ie);t.scrollTop=l,c(),x(!0),b(a.delay),A()},[c,b,Ie,a.delay,A]),jt=m(e=>{e.preventDefault(),e.stopPropagation();let t=d();t&&(ut(!0),Pt({x:e.clientX,scrollLeft:t.scrollLeft}),v(),x(!0),A())},[d,v,A]),Ke=m(e=>{if(!U)return;let t=d();if(!t)return;let o=t.clientWidth,l=t.scrollWidth-o,s=e.clientX-Ue.x,y=o-Ye,w=s/y*l,h=Math.max(0,Math.min(l,Ue.scrollLeft+w));t.scrollLeft=h,c()},[U,Ue,Ye,c,d]),Ve=m(()=>{ut(!1),V()&&b(a.delay)},[V,b,a.delay]),Gt=m(e=>{if(!me.current)return;let o=me.current.getBoundingClientRect(),n=e.clientX-o.left,l=d();if(!l)return;let s=l.clientWidth,y=l.scrollWidth,h=n/s*(y-s);l.scrollLeft=Math.max(0,Math.min(y-s,h)),c(),x(!0),b(a.delay),A()},[c,b,a.delay,d,A]),Kt=m(e=>{if(!xe.enabled||e.defaultPrevented)return;let t=e.target,o=i.current;if(!o||!o.contains(t)||$e(t,xe)||e.button!==0)return;let n=d();n&&(n.scrollHeight<=n.clientHeight&&n.scrollWidth<=n.clientWidth||(e.preventDefault(),ce.current=!0,Wt({x:e.clientX,y:e.clientY,scrollTop:n.scrollTop,scrollLeft:n.scrollLeft||0}),v()))},[xe,$e,d,v]),Ze=m(e=>{if(!ce.current&&!K)return;let t=d();if(!t)return;let o=ge.x-e.clientX,n=ge.y-e.clientY;if(Math.abs(n)<5&&Math.abs(o)<5)return;ce.current&&(ce.current=!1,ht(!0)),x(!0);let l=Math.max(0,Math.min(t.scrollHeight-t.clientHeight,ge.scrollTop+n)),s=Math.max(0,Math.min(t.scrollWidth-t.clientWidth,ge.scrollLeft+o));t.scrollTop=l,t.scrollLeft=s,c()},[K,ge,d,c]),Qe=m(()=>{let e=K;ce.current=!1,ht(!1),e&&V()&&b(a.delay)},[K,V,b,a.delay]);P(()=>{let e=s=>{if(c(),G){let w=s.target?.scrollTop??0;Ht(w>C),tt(!0),ae.current&&clearTimeout(ae.current),ae.current=setTimeout(()=>{ae.current=null,tt(!1)},Ee)}if(ue){$&&$(s);return}v(),x(!0),gt();let y=mt?a.delayOnWheel:a.delay;b(y),$&&$(s)},t=()=>{bt(!0),ve.current&&clearTimeout(ve.current),ve.current=setTimeout(()=>{bt(!1)},300),gt(),oe.current=setTimeout(()=>{x(!0),oe.current=null,b(a.delayOnWheel)},50)},o=[],n=d();n&&o.push(n);let l=i.current;return l&&!n&&(o.push(l),l.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]').forEach(y=>{let w=y;if(w!==l&&w.classList.contains("overlay-scrollbar-container"))return;let h=w.parentElement;for(;h&&h!==l;){if(h.classList.contains("overlay-scrollbar-container")&&h!==l)return;h=h.parentElement}o.push(w)})),o.forEach(s=>{s.addEventListener("scroll",e,{passive:!0}),s.addEventListener("wheel",t,{passive:!0})}),()=>{o.forEach(s=>{s.removeEventListener("scroll",e),s.removeEventListener("wheel",t)}),ve.current&&clearTimeout(ve.current),oe.current&&clearTimeout(oe.current)}},[d,c,$,v,b,a,mt,ue,G,C,Ee]),P(()=>()=>{ae.current&&clearTimeout(ae.current)},[]),P(()=>{let e=o=>{let n=o.target;if(o.defaultPrevented||n instanceof Element&&$e(n,xe))return;let l=d();if(!l)return;let{key:s}=o,{scrollTop:y,scrollHeight:w,clientHeight:h}=l,de=w-h,Te=50,I=null;switch(s){case"ArrowUp":o.preventDefault(),I=Math.max(0,y-Te);break;case"ArrowDown":o.preventDefault(),I=Math.min(de,y+Te);break;case"PageUp":o.preventDefault(),I=Math.max(0,y-h);break;case"PageDown":o.preventDefault(),I=Math.min(de,y+h);break;case"Home":o.preventDefault(),I=0;break;case"End":o.preventDefault(),I=de;break;default:return}if(I!==null){let we=I/de,Z=Y?g*2+r.margin*4:r.margin*2,fe=(h-Z-be)*we;_e(fe),l.scrollTop=I,v(),x(!0),b(a.delay)}},t=i.current;if(t)return t.addEventListener("keydown",e),()=>{t.removeEventListener("keydown",e)}},[d,Y,g,r.margin,be,v,b,a.delay,xe]),P(()=>(document.addEventListener("mousemove",Ze),document.addEventListener("mouseup",Qe),()=>{document.removeEventListener("mousemove",Ze),document.removeEventListener("mouseup",Qe)}),[K,Ze,Qe]),P(()=>{if(_)return document.addEventListener("mousemove",je),document.addEventListener("mouseup",Ge),()=>{document.removeEventListener("mousemove",je),document.removeEventListener("mouseup",Ge)}},[_,je,Ge]),P(()=>{if(U)return document.addEventListener("mousemove",Ke),document.addEventListener("mouseup",Ve),()=>{document.removeEventListener("mousemove",Ke),document.removeEventListener("mouseup",Ve)}},[U,Ke,Ve]),P(()=>{c();let e=setTimeout(()=>{c()},100);return()=>clearTimeout(e)},[c]),no(()=>{At(!0),c(),!a.enabled&&!ue&&V()&&x(!0)},[V,c,a.enabled,ue]),P(()=>{if(a.initialDelay>0){let e=setTimeout(()=>{Nt(!1)},a.initialDelay);return()=>clearTimeout(e)}},[a.initialDelay]),P(()=>{let e=new ResizeObserver(()=>{c()}),t=[];return i.current&&t.push(i.current),he.current&&t.push(he.current),B.current&&document.contains(B.current)&&t.push(B.current),t.forEach(o=>{e.observe(o)}),()=>e.disconnect()},[c]),P(()=>{if(!i.current)return;let e=new MutationObserver(()=>{B.current=null,c()});return e.observe(i.current,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style"]}),()=>e.disconnect()},[c]);let R=Math.max(Bt,g);return P(()=>{let e="overlay-scrollbar-shared";if(document.getElementById(e))return;let t=document.createElement("style");t.id=e,t.textContent=`
|
|
1
|
+
import{useRef as I,useEffect as P,useState as h,useCallback as m,useMemo as Me,forwardRef as no,useImperativeHandle as lo,useLayoutEffect as io,useId as ao}from"react";var eo=["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"],We=(w,L)=>{if(w instanceof HTMLElement&&w.isContentEditable||w.closest('[role="textbox"],[role="searchbox"]'))return!0;let S=w.tagName.toLowerCase();if(S==="input"){let p=(w.type||"text").toLowerCase();return!["button","submit","reset","image","hidden"].includes(p)}if(["textarea","select","button"].includes(S)||["svg","path","circle","rect","line","polygon","polyline"].includes(S)||w.getAttribute("contenteditable")==="true")return!0;if(L?.excludeSelectors){for(let p of L.excludeSelectors)if(w.matches(p))return!0}return to(w,L)},to=(w,L)=>{let S=[...eo,...L?.excludeClasses||[]],p=w,z=0,$=5;for(;p&&z<=$;){if(S.some(D=>p.classList.contains(D)))return!0;if(p.classList.contains("MuiDialogContent-root"))break;p=p.parentElement,z++}return!1};import{useEffect as wt,useRef as ne,useState as St}from"react";var Mt=({containerRef:w,config:L})=>{let S=L.enabled??!0,p=L.threshold??80,z=L.maxDistance??p*2,$=L.onRefresh,[D,k]=St(0),[W,q]=St(!1),F=ne(0),he=ne(0),Y=ne(!1),J=ne(!1),le=ne(!1),j=ne(0),ie=ne(!1);return wt(()=>{ie.current=W},[W]),wt(()=>{let M=w.current;if(!M||!(S&&typeof $=="function"))return;let Ee=c=>{let C=c instanceof Element?c:null;for(;C&&C!==M;){if(C instanceof HTMLElement&&C.scrollHeight>C.clientHeight+1&&C.scrollTop>0)return!1;C=C.parentElement}return!0},Ae=c=>{Y.current=!1,J.current=!1,le.current=!1,!ie.current&&c.touches.length===1&&M.scrollTop===0&&Ee(c.target)&&(Y.current=!0,F.current=c.touches[0].clientY,he.current=c.touches[0].clientX)},ee=c=>{if(!Y.current||ie.current||c.touches.length!==1)return;let C=c.touches[0].clientY-F.current,Ce=c.touches[0].clientX-he.current;if(!J.current){if(C<=0||M.scrollTop>0){Y.current=!1;return}if(C>8&&C>Math.abs(Ce))J.current=!0,le.current=M.scrollTop<0;else return}!le.current&&c.cancelable&&c.preventDefault();let He=Math.min(Math.max(C,0)*.5,z);j.current=He,k(He)},G=()=>{if(!Y.current||(Y.current=!1,!J.current))return;J.current=!1,le.current=!1;let c=j.current;j.current=0,c>=p&&!ie.current?(q(!0),k(p),Promise.resolve().then(()=>$()).catch(()=>{}).finally(()=>{q(!1),k(0)})):k(0)};return M.addEventListener("touchstart",Ae,{passive:!0}),M.addEventListener("touchmove",ee,{passive:!1}),M.addEventListener("touchend",G,{passive:!0}),M.addEventListener("touchcancel",G,{passive:!0}),()=>{M.removeEventListener("touchstart",Ae),M.removeEventListener("touchmove",ee),M.removeEventListener("touchend",G),M.removeEventListener("touchcancel",G)}},[w,S,$,p,z]),{pullDistance:D,isRefreshing:W,pullProgress:Math.min(D/p,1),pullThreshold:p}};import{useEffect as oo,useState as ro}from"react";function Et(){let[w,L]=ro(()=>typeof window>"u"||typeof window.matchMedia!="function"?!1:window.matchMedia("(pointer: coarse)").matches);return oo(()=>{if(typeof window>"u"||typeof window.matchMedia!="function")return;let S=window.matchMedia("(pointer: coarse)"),p=z=>L(z.matches);return L(S.matches),typeof S.addEventListener=="function"?(S.addEventListener("change",p),()=>S.removeEventListener("change",p)):(S.addListener(p),()=>S.removeListener(p))},[]),w}import{jsx as H,jsxs as tt}from"react/jsx-runtime";var so={},co={},uo={},fo={},po={},ho={},mo=no(({className:w="",style:L={},containerStyle:S={},contentStyle:p={},children:z,onScroll:$,thumb:D=so,track:k=co,arrows:W=uo,dragScroll:q=fo,autoHide:F=po,pullToRefresh:he=ho,showScrollbar:Y=!0,showHorizontalScrollbar:J=!0,detectInnerScroll:le=!1,scrollTopFab:j=!1},ie)=>{let M=Et(),ae=Y,Ee=M?!1:J,ee=`os-${ao().replace(/[^a-zA-Z0-9_-]/g,"")}`,G=j!==!1&&j!=null,c=typeof j=="object"?j:{},C=c.threshold??600,Ce=c.idleDelay??80,He=c.scrollingOpacity??.45,ze=c.hideDelay??1500,Ht=c.position??"right",ot=c.offset??16,Lt=c.background??"#1976d2",Dt=c.color??"#ffffff",Le=c.size??48,[Fe,rt]=h(!1),[kt,nt]=h(!1),se=I(null),te=I(null),Rt=I({});P(()=>{Rt.current={children:z,onScroll:$,showScrollbar:ae,showHorizontalScrollbar:Ee,thumb:D,track:k,arrows:W,dragScroll:q,autoHide:F}});let Ne=I(null),i=I(null),me=I(null),be=I(null),It=I(null),B=I(null),{pullDistance:Be,isRefreshing:De,pullProgress:_e}=Mt({containerRef:i,config:he}),lt=he.indicatorColor??"#1976d2",Ot=Be>0||De,[ke,T]=h(!1),[_,it]=h(!1),[at,st]=h(!1),[Ue,Pt]=h({y:0,scrollTop:0}),[ge,ct]=h(0),[$t,Xe]=h(0),[ce,ut]=h(!1),[dt,ft]=h(!1),[U,pt]=h(!1),[qe,Wt]=h({x:0,scrollLeft:0}),[Ye,ht]=h(0),[je,mt]=h(0),[At,bt]=h(!1),ue=I(!1),[K,gt]=h(!1),[ve,zt]=h({x:0,y:0,scrollTop:0,scrollLeft:0}),[bo,go]=h(null),[Re,Ie]=h(null),[vo,Ft]=h(!1),[Nt,Bt]=h(0),ye=I(null),[vt,yt]=h(!1),Te=I(null),oe=I(null),re=I(null),x=Me(()=>{let e=D.color??"#606060";return{width:D.width??8,minHeight:D.minHeight??50,radius:D.radius??(D.width??8)/2,color:e,opacity:D.opacity??.6,hoverColor:D.hoverColor??e,hoverOpacity:D.hoverOpacity??1}},[D]),r=Me(()=>({width:k.width??16,color:k.color??"rgba(128, 128, 128, 0.1)",visible:k.visible??!0,alignment:k.alignment??"outside",radius:k.radius??x.radius??4,margin:k.margin??4,overflowX:k.overflowX??!0,overflowY:k.overflowY??!0}),[k,x.radius]),N=Me(()=>{let e=W.color??"#808080";return{visible:W.visible??!1,step:W.step??50,color:e,opacity:W.opacity??.6,hoverColor:W.hoverColor??e,hoverOpacity:W.hoverOpacity??1}},[W]),xe=Me(()=>({enabled:M?!1:q.enabled??!0,excludeClasses:q.excludeClasses??[],excludeSelectors:q.excludeSelectors??[]}),[q,M]),a=Me(()=>({enabled:F.enabled??!0,delay:F.delay??1500,delayOnWheel:F.delayOnWheel??700,initialDelay:F.initialDelay??200}),[F]),[de,_t]=h(()=>(F.initialDelay??200)>0),g=x.width,Ut=r.width,Ge=x.minHeight,X=N.visible,Oe=N.step,A=m(()=>{if(!i.current)return;let e=document.activeElement;e&&i.current.contains(e)&&e!==i.current||i.current.focus()},[]);lo(ie,()=>({getScrollContainer:()=>i.current,scrollTo:e=>{i.current&&i.current.scrollTo(e)},get scrollTop(){return i.current?.scrollTop||0},get scrollHeight(){return i.current?.scrollHeight||0},get clientHeight(){return i.current?.clientHeight||0}}),[]);let f=m(()=>{if(B.current){let t=B.current;if(document.contains(t)&&(t.scrollHeight>t.clientHeight+2||t.scrollWidth>t.clientWidth+2))return t;B.current=null}if(!i.current)return null;if(i.current.scrollHeight>i.current.clientHeight+2||i.current.scrollWidth>i.current.clientWidth+2)return B.current=i.current,i.current;if(!le)return null;let e=i.current.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]');for(let t of e){let o=t;if(o!==i.current&&o.classList.contains("overlay-scrollbar-container"))continue;let n=o.parentElement,l=!1;for(;n&&n!==i.current;){if(n.classList.contains("overlay-scrollbar-container")&&n!==i.current){l=!0;break}n=n.parentElement}if(!l&&(o.scrollHeight>o.clientHeight+2||o.scrollWidth>o.clientWidth+2))return B.current=o,o}return null},[]),V=m(()=>f()!==null,[f]),v=m(()=>{Te.current&&(clearTimeout(Te.current),Te.current=null)},[]),Pe=m(()=>{oe.current&&(clearTimeout(oe.current),oe.current=null)},[]),Tt=m(()=>{re.current&&(clearTimeout(re.current),re.current=null)},[]),Xt=m(()=>{Pe(),!(_||U||K||ue.current)&&(v(),T(!1))},[v,Pe,_,U,K]),b=m(e=>{a.enabled&&(v(),Te.current=setTimeout(()=>{T(!1),Te.current=null},e))},[v,a.enabled]),u=m(()=>{let e=f()??i.current;if(!e){T(!1),ut(!1),bt(!1),v();return}!a.enabled&&!de&&(T(!0),v());let t=e.clientHeight,o=e.scrollHeight,n=e.scrollTop,l=e.clientWidth,s=e.scrollWidth,y=e.scrollLeft,E=o-t>0,d=s-l>0,fe=E||d;ut(E),bt(d),fe||(T(!1),v());let we=0,O=0;if(Ne.current){let Z=window.getComputedStyle(Ne.current),Q=parseFloat(Z.paddingTop)||0;O=parseFloat(Z.paddingBottom)||0,we=Q+O,Bt(O)}if(E){let Z=X?g*2+r.margin*4:r.margin*2,Q=t-Z+we,$e=t/o,pe=Math.max(Q*$e,Ge),xt=o-t,Qt=Q-pe,Jt=xt>0?n/xt*Qt:0;ct(pe),Xe(Jt)}else ct(0),Xe(0);let Se=s-l;if(Se>0){let Z=l/s,Q=Math.max(l*Z,50),$e=l-Q,pe=Se>0?y/Se*$e:0;ht(Q),mt(pe)}else ht(0),mt(0)},[f,v,X,g,Ge,a.enabled,de]),qt=m(e=>{e.preventDefault(),e.stopPropagation();let t=f();t&&(it(!0),Pt({y:e.clientY,scrollTop:t.scrollTop}),v(),T(!0),A())},[f,v,A]),Ke=m(e=>{if(!_)return;let t=f();if(!t)return;let o=t.clientHeight,l=t.scrollHeight-o,s=e.clientY-Ue.y,y=o-ge,E=s/y*l,d=Math.max(0,Math.min(l,Ue.scrollTop+E));t.scrollTop=d,u()},[_,Ue,ge,u,f]),Ve=m(()=>{it(!1),V()&&b(a.delay)},[V,b,a.delay]),Yt=m(e=>{if(!be.current)return;let o=be.current.getBoundingClientRect(),n=e.clientY-o.top,l=f();if(!l)return;let s=l.clientHeight,y=l.scrollHeight,d=n/s*(y-s);l.scrollTop=Math.max(0,Math.min(y-s,d)),u(),T(!0),b(a.delay),A()},[u,b,a.delay,f,A]),jt=m(e=>{if(e.preventDefault(),e.stopPropagation(),!i.current)return;let t=Math.max(0,i.current.scrollTop-Oe);i.current.scrollTop=t,u(),T(!0),b(a.delay),A()},[u,b,Oe,a.delay,A]),Gt=m(e=>{if(e.preventDefault(),e.stopPropagation(),!i.current||!me.current)return;let t=i.current,n=me.current.scrollHeight-t.clientHeight,l=Math.min(n,t.scrollTop+Oe);t.scrollTop=l,u(),T(!0),b(a.delay),A()},[u,b,Oe,a.delay,A]),Kt=m(e=>{e.preventDefault(),e.stopPropagation();let t=f();t&&(pt(!0),Wt({x:e.clientX,scrollLeft:t.scrollLeft}),v(),T(!0),A())},[f,v,A]),Ze=m(e=>{if(!U)return;let t=f();if(!t)return;let o=t.clientWidth,l=t.scrollWidth-o,s=e.clientX-qe.x,y=o-Ye,E=s/y*l,d=Math.max(0,Math.min(l,qe.scrollLeft+E));t.scrollLeft=d,u()},[U,qe,Ye,u,f]),Qe=m(()=>{pt(!1),V()&&b(a.delay)},[V,b,a.delay]),Vt=m(e=>{if(!be.current)return;let o=be.current.getBoundingClientRect(),n=e.clientX-o.left,l=f();if(!l)return;let s=l.clientWidth,y=l.scrollWidth,d=n/s*(y-s);l.scrollLeft=Math.max(0,Math.min(y-s,d)),u(),T(!0),b(a.delay),A()},[u,b,a.delay,f,A]),Zt=m(e=>{if(!xe.enabled||e.defaultPrevented)return;let t=e.target,o=i.current;if(!o||!o.contains(t)||We(t,xe)||e.button!==0)return;let n=f();n&&(n.scrollHeight<=n.clientHeight&&n.scrollWidth<=n.clientWidth||(e.preventDefault(),ue.current=!0,zt({x:e.clientX,y:e.clientY,scrollTop:n.scrollTop,scrollLeft:n.scrollLeft||0}),v()))},[xe,We,f,v]),Je=m(e=>{if(!ue.current&&!K)return;let t=f();if(!t)return;let o=ve.x-e.clientX,n=ve.y-e.clientY;if(Math.abs(n)<5&&Math.abs(o)<5)return;ue.current&&(ue.current=!1,gt(!0)),T(!0);let l=Math.max(0,Math.min(t.scrollHeight-t.clientHeight,ve.scrollTop+n)),s=Math.max(0,Math.min(t.scrollWidth-t.clientWidth,ve.scrollLeft+o));t.scrollTop=l,t.scrollLeft=s,u()},[K,ve,f,u]),et=m(()=>{let e=K;ue.current=!1,gt(!1),e&&V()&&b(a.delay)},[K,V,b,a.delay]);P(()=>{let e=s=>{if(u(),G){let d=(s.target?.scrollTop??0)>C;rt(d),nt(!0),se.current&&clearTimeout(se.current),te.current&&(clearTimeout(te.current),te.current=null),se.current=setTimeout(()=>{se.current=null,nt(!1),d&&ze>0&&(te.current=setTimeout(()=>{te.current=null,rt(!1)},ze))},Ce)}if(de){$&&$(s);return}v(),T(!0),Tt();let y=vt?a.delayOnWheel:a.delay;b(y),$&&$(s)},t=()=>{yt(!0),ye.current&&clearTimeout(ye.current),ye.current=setTimeout(()=>{yt(!1)},300),Tt(),re.current=setTimeout(()=>{T(!0),re.current=null,b(a.delayOnWheel)},50)},o=[],n=f();n&&o.push(n);let l=i.current;return l&&!n&&(o.push(l),l.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]').forEach(y=>{let E=y;if(E!==l&&E.classList.contains("overlay-scrollbar-container"))return;let d=E.parentElement;for(;d&&d!==l;){if(d.classList.contains("overlay-scrollbar-container")&&d!==l)return;d=d.parentElement}o.push(E)})),o.forEach(s=>{s.addEventListener("scroll",e,{passive:!0}),s.addEventListener("wheel",t,{passive:!0})}),()=>{o.forEach(s=>{s.removeEventListener("scroll",e),s.removeEventListener("wheel",t)}),ye.current&&clearTimeout(ye.current),re.current&&clearTimeout(re.current)}},[f,u,$,v,b,a,vt,de,G,C,Ce,ze]),P(()=>()=>{se.current&&clearTimeout(se.current),te.current&&clearTimeout(te.current)},[]),P(()=>{let e=o=>{let n=o.target;if(o.defaultPrevented||n instanceof Element&&We(n,xe))return;let l=f();if(!l)return;let{key:s}=o,{scrollTop:y,scrollHeight:E,clientHeight:d}=l,fe=E-d,we=50,O=null;switch(s){case"ArrowUp":o.preventDefault(),O=Math.max(0,y-we);break;case"ArrowDown":o.preventDefault(),O=Math.min(fe,y+we);break;case"PageUp":o.preventDefault(),O=Math.max(0,y-d);break;case"PageDown":o.preventDefault(),O=Math.min(fe,y+d);break;case"Home":o.preventDefault(),O=0;break;case"End":o.preventDefault(),O=fe;break;default:return}if(O!==null){let Se=O/fe,Z=X?g*2+r.margin*4:r.margin*2,pe=(d-Z-ge)*Se;Xe(pe),l.scrollTop=O,v(),T(!0),b(a.delay)}},t=i.current;if(t)return t.addEventListener("keydown",e),()=>{t.removeEventListener("keydown",e)}},[f,X,g,r.margin,ge,v,b,a.delay,xe]),P(()=>(document.addEventListener("mousemove",Je),document.addEventListener("mouseup",et),()=>{document.removeEventListener("mousemove",Je),document.removeEventListener("mouseup",et)}),[K,Je,et]),P(()=>{if(_)return document.addEventListener("mousemove",Ke),document.addEventListener("mouseup",Ve),()=>{document.removeEventListener("mousemove",Ke),document.removeEventListener("mouseup",Ve)}},[_,Ke,Ve]),P(()=>{if(U)return document.addEventListener("mousemove",Ze),document.addEventListener("mouseup",Qe),()=>{document.removeEventListener("mousemove",Ze),document.removeEventListener("mouseup",Qe)}},[U,Ze,Qe]),P(()=>{u();let e=setTimeout(()=>{u()},100);return()=>clearTimeout(e)},[u]),io(()=>{Ft(!0),u(),!a.enabled&&!de&&V()&&T(!0)},[V,u,a.enabled,de]),P(()=>{if(a.initialDelay>0){let e=setTimeout(()=>{_t(!1)},a.initialDelay);return()=>clearTimeout(e)}},[a.initialDelay]),P(()=>{let e=new ResizeObserver(()=>{u()}),t=[];return i.current&&t.push(i.current),me.current&&t.push(me.current),B.current&&document.contains(B.current)&&t.push(B.current),t.forEach(o=>{e.observe(o)}),()=>e.disconnect()},[u]),P(()=>{if(!i.current)return;let e=new MutationObserver(()=>{B.current=null,u()});return e.observe(i.current,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style"]}),()=>e.disconnect()},[u]);let R=Math.max(Ut,g);return P(()=>{let e="overlay-scrollbar-shared";if(document.getElementById(e))return;let t=document.createElement("style");t.id=e,t.textContent=`
|
|
2
2
|
/* ehfuse-editor-content\uB294 \uC2A4\uD06C\uB864\uBC14 \uC720\uC9C0 */
|
|
3
3
|
.overlay-scrollbar-container .ehfuse-editor-content {
|
|
4
4
|
scrollbar-width: thin !important;
|
|
@@ -38,5 +38,5 @@ import{useRef as O,useEffect as P,useState as p,useCallback as m,useMemo as Me,f
|
|
|
38
38
|
height: 0 !important;
|
|
39
39
|
}
|
|
40
40
|
${n}::-webkit-scrollbar-track { display: none !important; }
|
|
41
|
-
${n}::-webkit-scrollbar-thumb { display: none !important; }`,document.head.appendChild(o),()=>{document.getElementById(e)?.remove()}},[ee]),
|
|
41
|
+
${n}::-webkit-scrollbar-thumb { display: none !important; }`,document.head.appendChild(o),()=>{document.getElementById(e)?.remove()}},[ee]),tt("div",{ref:Ne,className:`overlay-scrollbar-wrapper ${w}`,onMouseLeave:Xt,style:{display:"flex",flexDirection:"column",position:"relative",minHeight:0,height:"100%",flex:"1 1 0%",overflow:"visible",...L},children:[Ot&&H("div",{className:"overlay-scrollbar-pull-indicator",style:{position:"absolute",top:0,left:"50%",transform:`translate(-50%, ${Be-68}px)`,transition:De?"transform 0.15s ease-out":Be===0?"transform 0.2s ease-out":"none",width:60,height:60,borderRadius:"50%",background:"#ffffff",boxShadow:"0 2px 8px rgba(0, 0, 0, 0.25)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1001,pointerEvents:"none",opacity:De?1:Math.min(_e*1.5,1)},children:De?H("svg",{width:"36",height:"36",viewBox:"0 0 24 24",style:{animation:"overlay-scrollbar-ptr-spin 0.8s linear infinite"},children:H("circle",{cx:"12",cy:"12",r:"9",fill:"none",stroke:lt,strokeWidth:"2.5",strokeLinecap:"round",strokeDasharray:"42",strokeDashoffset:"14"})}):H("svg",{width:"36",height:"36",viewBox:"0 0 24 24",style:{transform:`rotate(${_e*270}deg)`,opacity:_e>=1?1:.6},children:H("path",{d:"M17.65 6.35A7.958 7.958 0 0 0 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z",fill:lt})})}),H("div",{ref:i,className:`overlay-scrollbar-container ${ee}`,tabIndex:-1,onMouseDown:Zt,style:{display:"flex",width:"100%",flex:"1 1 auto",minHeight:0,overflow:"auto",outline:"none",userSelect:K?"none":"auto",...S},children:H("div",{ref:me,className:"overlay-scrollbar-content",style:{flex:"1 1 0%",minHeight:0,display:"flex",flexDirection:"column",boxSizing:"border-box",...p},children:z})}),ae&&ce&&(r.overflowY??!0)&&tt("div",{ref:be,className:"overlay-scrollbar-track",onMouseEnter:()=>{v(),oe.current=setTimeout(()=>{T(!0),oe.current=null},100)},onMouseLeave:()=>{Pe(),_||b(a.delay)},style:{position:"absolute",top:0,right:0,width:`${R}px`,height:"100%",opacity:ke?1:0,transition:"opacity 0.2s ease-in-out",cursor:"pointer",zIndex:1e3,pointerEvents:"auto"},children:[r.visible&&H("div",{className:"overlay-scrollbar-track-background",onClick:e=>{e.preventDefault(),e.stopPropagation(),Yt(e)},style:{position:"absolute",top:X?`${x.width+r.margin*2}px`:`${r.margin}px`,right:r.alignment==="outside"?"0px":`${(R-x.width)/2}px`,width:`${x.width}px`,height:X?`calc(100% - ${x.width*2+r.margin*4}px)`:`calc(100% - ${r.margin*2}px)`,backgroundColor:r.color,borderRadius:`${r.radius}px`,cursor:"pointer"}}),H("div",{ref:It,className:"overlay-scrollbar-thumb",onMouseDown:qt,onMouseEnter:()=>st(!0),onMouseLeave:()=>st(!1),style:{position:"absolute",top:`${(X?g+r.margin*2:r.margin)+$t}px`,right:r.alignment==="outside"?"0px":`${(R-g)/2}px`,width:`${g}px`,height:`${Math.max(ge,Ge)}px`,backgroundColor:at||_?x.hoverColor:x.color,opacity:at||_?x.hoverOpacity:x.opacity,borderRadius:`${x.radius}px`,cursor:"pointer",transition:"background-color 0.2s ease-in-out, opacity 0.2s ease-in-out"}})]}),ae&&ce&&X&&H("div",{className:"overlay-scrollbar-up-arrow",onClick:jt,onMouseEnter:()=>Ie("up"),onMouseLeave:()=>Ie(null),style:{position:"absolute",top:`${r.margin}px`,right:r.alignment==="outside"?"0px":`${(R-g)/2}px`,width:`${g}px`,height:`${g}px`,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:`${Math.max(g*.75,8)}px`,color:Re==="up"?N.hoverColor:N.color,userSelect:"none",zIndex:1001,opacity:ke?Re==="up"?N.hoverOpacity:N.opacity:0,transition:"opacity 0.2s ease-in-out, color 0.15s ease-in-out"},children:"\u25B2"}),ae&&ce&&X&&H("div",{className:"overlay-scrollbar-down-arrow",onClick:Gt,onMouseEnter:()=>Ie("down"),onMouseLeave:()=>Ie(null),style:{position:"absolute",bottom:`${r.margin}px`,right:r.alignment==="outside"?"0px":`${(R-g)/2}px`,width:`${g}px`,height:`${g}px`,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:`${Math.max(g*.75,8)}px`,color:Re==="down"?N.hoverColor:N.color,userSelect:"none",zIndex:1001,opacity:ke?Re==="down"?N.hoverOpacity:N.opacity:0,transition:"opacity 0.2s ease-in-out, color 0.15s ease-in-out"},children:"\u25BC"}),ae&&Ee&&At&&(r.overflowX??!0)&&tt("div",{className:"overlay-scrollbar-horizontal-track",onMouseEnter:()=>{v(),oe.current=setTimeout(()=>{T(!0),oe.current=null},100)},onMouseLeave:()=>{Pe(),U||b(a.delay)},style:{position:"absolute",bottom:`${Nt}px`,left:0,width:"100%",height:`${R}px`,opacity:ke?1:0,transition:"opacity 0.2s ease-in-out",cursor:"pointer",zIndex:1e3,pointerEvents:"auto"},children:[r.visible&&H("div",{className:"overlay-scrollbar-horizontal-track-background",onClick:e=>{e.preventDefault(),e.stopPropagation(),Vt(e)},style:{position:"absolute",bottom:r.alignment==="outside"?"0px":`${(R-g)/2}px`,left:`${r.margin}px`,right:ce?r.alignment==="outside"?`${R-r.margin}px`:`${R}px`:`${r.margin}px`,height:`${g}px`,backgroundColor:r.color,borderRadius:`${r.radius}px`,cursor:"pointer"}}),H("div",{className:"overlay-scrollbar-horizontal-thumb",onMouseDown:Kt,onMouseEnter:()=>ft(!0),onMouseLeave:()=>ft(!1),style:{position:"absolute",bottom:r.alignment==="outside"?"0px":`${(R-g)/2}px`,left:`${r.margin+je}px`,right:ce?r.alignment==="outside"?`${R-r.margin}px`:`${R}px`:"auto",maxWidth:ce?r.alignment==="outside"?`calc(100% - ${r.margin+je+R-r.margin}px)`:`calc(100% - ${r.margin+je+R}px)`:"none",width:`${Math.max(Ye,50)}px`,height:`${g}px`,backgroundColor:dt||U?x.hoverColor:x.color,opacity:dt||U?x.hoverOpacity:x.opacity,borderRadius:`${x.radius}px`,cursor:"pointer",transition:"background-color 0.2s ease-in-out, opacity 0.2s ease-in-out"}})]}),G&&H("button",{type:"button","aria-label":"\uB9E8 \uC704\uB85C",onClick:()=>i.current?.scrollTo({top:0,behavior:"smooth"}),style:{position:"absolute",[Ht]:ot,bottom:ot,zIndex:1200,width:Le,height:Le,padding:0,display:"flex",alignItems:"center",justifyContent:"center",border:"none",borderRadius:"50%",backgroundColor:Lt,color:Dt,boxShadow:"0 3px 8px rgba(15, 23, 42, 0.28)",cursor:"pointer",opacity:Fe?kt?He:1:0,pointerEvents:Fe?"auto":"none",transition:Fe?"opacity 0.15s ease":"opacity 0.45s ease"},children:H("svg",{width:Math.round(Le*.5),height:Math.round(Le*.5),viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:H("polyline",{points:"18 15 12 9 6 15"})})})]})}),Ct=mo;export{Ct as OverlayScrollbar,Ct as default};
|
|
42
42
|
//# sourceMappingURL=index.esm.js.map
|