mirror of
https://github.com/tenrok/OverlayScrollbars.git
synced 2026-06-17 02:00:35 +03:00
Rene Haas
1 line
27 KiB
JavaScript
1 line
27 KiB
JavaScript
function t(e,n){if(w(e))for(let t=0;t<e.length&&!1!==n(e[t],t,e);t++);else e&&t(Object.keys(e),(t=>n(e[t],t,e)));return e}function e(e,n){const r=d(n);if(p(n)||r){let t=r?"":{};if(e){const o=window.getComputedStyle(e,null);t=r?yt(e,o,n):n.reduce(((t,n)=>(t[n]=yt(e,o,n),t)),t)}return t}e&&t(L(n),(t=>mt(e,t,n[t])))}const n=(t,e)=>{const{o:n,u:r,_:o}=t;let i,s=n;const l=(t,e)=>{const n=s,l=t,c=e||(r?!r(n,l):n!==l);return(c||o)&&(s=l,i=n),[s,c,i]};return[e?t=>l(e(s,i),t):l,t=>[s,!!t,i]]},r=Node.ELEMENT_NODE,{toString:o,hasOwnProperty:i}=Object.prototype,s=t=>void 0===t,l=t=>null===t,c=t=>s(t)||l(t)?`${t}`:o.call(t).replace(/^\[object (.+)\]$/,"$1").toLowerCase(),a=t=>"number"==typeof t,d=t=>"string"==typeof t,u=t=>"boolean"==typeof t,h=t=>"function"==typeof t,p=t=>Array.isArray(t),f=t=>"object"==typeof t&&!p(t)&&!l(t),w=t=>{const e=!!t&&t.length,n=a(e)&&e>-1&&e%1==0;return!(!(p(t)||!h(t)&&n)||e>0&&f(t)&&!(e-1 in t))},g=t=>{if(!t||!f(t)||"object"!==c(t))return!1;let e;const n="constructor",r=t[n],o=r&&r.prototype,l=i.call(t,n),a=o&&i.call(o,"isPrototypeOf");if(r&&!l&&!a)return!1;for(e in t);return s(e)||i.call(t,e)},b=t=>{const e=HTMLElement;return!!t&&(e?t instanceof e:t.nodeType===r)},v=t=>{const e=Element;return!!t&&(e?t instanceof e:t.nodeType===r)},y=(t,e,n)=>t.indexOf(e,n),m=(t,e,n)=>(n||d(e)||!w(e)?t.push(e):Array.prototype.push.apply(t,e),t),x=e=>{const n=Array.from,r=[];return n&&e?n(e):(e instanceof Set?e.forEach((t=>{m(r,t)})):t(e,(t=>{m(r,t)})),r)},$=t=>!!t&&0===t.length,O=(e,n,r)=>{t(e,(t=>t&&t.apply(void 0,n||[]))),!r&&(e.length=0)},S=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),L=t=>t?Object.keys(t):[],C=(e,n,r,o,i,s,c)=>{const a=[n,r,o,i,s,c];return"object"==typeof e&&!l(e)||h(e)||(e={}),t(a,(n=>{t(L(n),(t=>{const r=n[t];if(e===r)return!0;const o=p(r);if(r&&(g(r)||o)){const n=e[t];let i=n;o&&!p(n)?i=[]:o||g(n)||(i={}),e[t]=C(i,r)}else e[t]=r}))})),e},E=t=>{for(const e in t)return!1;return!0},P=(t,e,n,r)=>{if(s(r))return n?n[t]:e;n&&!l(r)&&!1!==r&&(n[t]=r)},T=(t,e,n)=>{if(s(n))return t?t.getAttribute(e):null;t&&t.setAttribute(e,n)},M=(t,e,n,r)=>{if(n){const o=T(t,e)||"",i=new Set(o.split(" "));i[r?"add":"delete"](n),T(t,e,x(i).join(" ").trim())}},R=(t,e)=>{t&&t.removeAttribute(e)},z=(t,e)=>P("scrollLeft",0,t,e),D=(t,e)=>P("scrollTop",0,t,e),A=Element.prototype,B=(t,e)=>{const n=[],r=e?v(e)?e:null:document;return r?m(n,r.querySelectorAll(t)):n},H=(t,e)=>!!v(t)&&(A.matches||A.msMatchesSelector).call(t,e),k=t=>t?x(t.childNodes):[],I=t=>t?t.parentElement:null,Y=(t,e)=>{if(v(t)){const n=A.closest;if(n)return n.call(t,e);do{if(H(t,e))return t;t=I(t)}while(t)}return null},X=(e,n,r)=>{if(r&&e){let o,i=n;w(r)?(o=document.createDocumentFragment(),t(r,(t=>{t===i&&(i=t.previousSibling),o.appendChild(t)}))):o=r,n&&(i?i!==n&&(i=i.nextSibling):i=e.firstChild),e.insertBefore(o,i||null)}},V=(t,e)=>{X(t,null,e)},F=(t,e)=>{X(I(t),t&&t.nextSibling,e)},j=e=>{if(w(e))t(x(e),(t=>j(t)));else if(e){const t=I(e);t&&t.removeChild(e)}},_=t=>{const e=document.createElement("div");return t&&T(e,"class",t),e},N=e=>{const n=_();return n.innerHTML=e.trim(),t(k(n),(t=>j(t)))},W=t=>t.charAt(0).toUpperCase()+t.slice(1),Z=["-webkit-","-moz-","-o-","-ms-"],G=["WebKit","Moz","O","MS","webkit","moz","o","ms"],K={},q={},J=e=>{let n=q[e];if(S(q,e))return n;const r=W(e),o=_().style;return t(Z,(t=>{const i=t.replace(/-/g,""),s=[e,t+e,i+r,W(i)+r];return!(n=s.find((t=>void 0!==o[t])))})),q[e]=n||""},U=e=>{let n=K[e]||window[e];return S(K,e)||(t(G,(t=>(n=n||window[t+W(e)],!n))),K[e]=n),n},Q=U("MutationObserver"),tt=U("IntersectionObserver"),et=U("ResizeObserver"),nt=U("cancelAnimationFrame"),rt=U("requestAnimationFrame"),ot=window.setTimeout,it=window.clearTimeout,st=/[^\x20\t\r\n\f]+/g,lt=(t,e,n)=>{const r=t&&t.classList;let o,i=0,s=!1;if(r&&e&&d(e)){const t=e.match(st)||[];for(s=t.length>0;o=t[i++];)s=!!n(r,o)&&s}return s},ct=(t,e)=>{lt(t,e,((t,e)=>t.remove(e)))},at=(t,e)=>(lt(t,e,((t,e)=>t.add(e))),ct.bind(0,t,e)),dt=(e,n,r,o)=>{if(e&&n){let i=!0;return t(r,(t=>{(o?o(e[t]):e[t])!==(o?o(n[t]):n[t])&&(i=!1)})),i}return!1},ut=(t,e)=>dt(t,e,["w","h"]),ht=(t,e)=>dt(t,e,["x","y"]),pt=(t,e)=>dt(t,e,["t","r","b","l"]),ft=(t,e,n)=>dt(t,e,["width","height"],n&&(t=>Math.round(t))),wt=()=>{},gt=(t,e)=>{let n,r,o,i=wt;const{g:s,v:l,p:c}=e||{},d=function(e){i(),it(n),n=r=void 0,i=wt,t.apply(this,e)},u=t=>c&&r?c(r,t):t,p=()=>{i!==wt&&d(u(o)||o)},f=function(){const t=x(arguments),e=h(s)?s():s,c=a(e)&&e>=0;if(c){const s=h(l)?l():l,c=a(s)&&s>=0,f=e>0?ot:rt,w=e>0?it:nt,g=u(t)||t,b=d.bind(0,g);i();const v=f(b,e);i=()=>w(v),c&&!n&&(n=ot(p,s)),r=o=g}else d(t)};return f.m=p,f},bt={opacity:1,zindex:1},vt=(t,e)=>{const n=e?parseFloat(t):parseInt(t,10);return n==n?n:0},yt=(t,e,n)=>null!=e?e[n]||e.getPropertyValue(n):t.style[n],mt=(t,e,n)=>{try{const{style:r}=t;s(r[e])?r.setProperty(e,n):r[e]=((t,e)=>!bt[t.toLowerCase()]&&a(e)?`${e}px`:e)(e,n)}catch(A){}},xt=t=>"rtl"===e(t,"direction"),$t=(t,n,r)=>{const o=n?`${n}-`:"",i=r?`-${r}`:"",s=`${o}top${i}`,l=`${o}right${i}`,c=`${o}bottom${i}`,a=`${o}left${i}`,d=e(t,[s,l,c,a]);return{t:vt(d[s]),r:vt(d[l]),b:vt(d[c]),l:vt(d[a])}},{round:Ot}=Math,St={w:0,h:0},Lt=t=>t?{w:t.offsetWidth,h:t.offsetHeight}:St,Ct=t=>t?{w:t.clientWidth,h:t.clientHeight}:St,Et=t=>t?{w:t.scrollWidth,h:t.scrollHeight}:St,Pt=t=>{const n=parseFloat(e(t,"height"))||0,r=parseFloat(e(t,"width"))||0;return{w:r-Ot(r),h:n-Ot(n)}},Tt=t=>t.getBoundingClientRect();let Mt;const Rt=t=>t.split(" "),zt=(e,n,r,o)=>{t(Rt(n),(t=>{e.removeEventListener(t,r,o)}))},Dt=(e,n,r,o)=>{var i;const l=(()=>{if(s(Mt)){Mt=!1;try{window.addEventListener("test",null,Object.defineProperty({},"passive",{get(){Mt=!0}}))}catch(e){}}return Mt})(),c=null!=(i=l&&o&&o.S)?i:l,a=o&&o.$||!1,d=o&&o.C||!1,u=[],h=l?{passive:c,capture:a}:a;return t(Rt(n),(t=>{const n=d?o=>{e.removeEventListener(t,n,a),r&&r(o)}:r;m(u,zt.bind(null,e,t,n,a)),e.addEventListener(t,n,h)})),O.bind(0,u)},At=t=>t.stopPropagation(),Bt={x:0,y:0},Ht=t=>{const e=t?Tt(t):0;return e?{x:e.left+window.pageYOffset,y:e.top+window.pageXOffset}:Bt},kt=(e,n)=>{t(p(n)?n:[n],e)},It=e=>{const n=new Map,r=(t,e)=>{if(t){const r=n.get(t);kt((t=>{r&&r[t?"delete":"clear"](t)}),e)}else n.forEach((t=>{t.clear()})),n.clear()},o=(t,e)=>{const o=n.get(t)||new Set;return n.set(t,o),kt((t=>{t&&o.add(t)}),e),r.bind(0,t,e)};return t(L(e),(t=>{o(t,e[t])})),[o,r,(e,r)=>{const o=n.get(e);t(x(o),(t=>{r&&!$(r)?t.apply(0,r):t()}))}]},Yt=(t,e)=>t?e.split(".").reduce(((t,e)=>t&&S(t,e)?t[e]:void 0),t):void 0,Xt=(t,e,n)=>r=>[Yt(t,r),n||void 0!==Yt(e,r)],Vt=t=>{let e=t;return[()=>e,t=>{e=C({},e,t)}]},Ft="os-environment",jt=`${Ft}-flexbox-glue`,_t=`${jt}-max`,Nt="data-overlayscrollbars",Wt=`${Nt}-overflow-x`,Zt=`${Nt}-overflow-y`,Gt="overflowVisible",Kt="scrollbarHidden",qt="updating",Jt="os-padding",Ut="os-viewport",Qt=`${Ut}-arrange`,te="os-content",ee=`${Ut}-scrollbar-hidden`,ne=`os-overflow-visible`,re="os-size-observer",oe=`${re}-appear`,ie=`${re}-listener`,se=`${ie}-scroll`,le=`${ie}-item`,ce=`${le}-final`,ae="os-trinsic-observer",de="os-scrollbar",ue=`${de}-rtl`,he=`${de}-horizontal`,pe=`${de}-vertical`,fe=`${de}-track`,we=`${de}-handle`,ge=`${de}-visible`,be=`${de}-cornerless`,ve=`${de}-transitionless`,ye=`${de}-interaction`,me=`${de}-unusable`,xe=`${de}-auto-hidden`,$e=`${fe}-interactive`,Oe=`${we}-interactive`,Se=t=>JSON.stringify(t,((t,e)=>{if(h(e))throw new Error;return e})),Le={paddingAbsolute:!1,showNativeOverlaidScrollbars:!1,updating:{elementEvents:[["img","load"]],debounce:[0,33],attributes:null,ignoreMutation:null},overflow:{x:"scroll",y:"scroll"},scrollbars:{theme:"os-theme-dark",visibility:"auto",autoHide:"never",autoHideDelay:1300,dragScroll:!0,clickScroll:!1,pointers:["mouse","touch","pen"]}},Ce=(e,n)=>{const r={};return t(L(n).concat(L(e)),(t=>{const o=e[t],i=n[t];if(f(o)&&f(i))C(r[t]={},Ce(o,i));else if(S(n,t)&&i!==o){let e=!0;if(p(o)||p(i))try{Se(o)===Se(i)&&(e=!1)}catch(K){}e&&(r[t]=i)}})),r},Ee={},Pe=()=>Ee,Te="__osOptionsValidationPlugin",Me=3333333,Re="scroll",ze="__osSizeObserverPlugin",De={[ze]:{O:(t,n,r)=>{const o=N(`<div class="${le}" dir="ltr"><div class="${le}"><div class="${ce}"></div></div><div class="${le}"><div class="${ce}" style="width: 200%; height: 200%"></div></div></div>`);V(t,o),at(t,se);const i=o[0],s=i.lastChild,l=i.firstChild,c=null==l?void 0:l.firstChild;let a,d=Lt(i),u=d,h=!1;const p=()=>{z(l,Me),D(l,Me),z(s,Me),D(s,Me)},f=t=>{a=0,h&&(d=u,n(!0===t))},w=t=>{u=Lt(i),h=!t||!ut(u,d),t?(At(t),h&&!a&&(nt(a),a=rt(f))):f(!1===t),p()},g=m([],[Dt(l,Re,w),Dt(s,Re,w)]);return e(c,{width:Me,height:Me}),rt(p),[r?w.bind(0,!1):p,g]}}};let Ae=0;const{round:Be,abs:He}=Math,ke="__osScrollbarsHidingPlugin",Ie={[ke]:{A:t=>{const{T:e,I:n,L:r}=t,o=!(r||e||!n.x&&!n.y)&&document.createElement("style");return o&&(T(o,"id",`${Qt}-${Ae}`),Ae++),o},H:(n,r,o,i,s,l,c)=>[(t,r,l,c)=>{if(n){const{P:n}=s(),{D:a,M:d}=t,{x:u,y:h}=d,{x:p,y:f}=a,w=n[c?"paddingRight":"paddingLeft"],g=n.paddingTop,b=r.w+l.w,v=r.h+l.h,y={w:f&&h?`${f+b-w}px`:"",h:p&&u?`${p+v-g}px`:""};if(i){const{sheet:t}=i;if(t){const{cssRules:e}=t;if(e){e.length||t.insertRule(`#${T(i,"id")} + .${Qt}::before {}`,0);const n=e[0].style;n.width=y.w,n.height=y.h}}}else e(o,{"--os-vaw":y.w,"--os-vah":y.h})}return n},(i,a,d)=>{if(n){const u=d||l(i),{P:h}=s(),{M:p}=u,{x:f,y:w}=p,g={},b=e=>t(e.split(" "),(t=>{g[t]=h[t]}));f&&b("marginBottom paddingTop paddingBottom"),w&&b("marginLeft marginRight paddingLeft paddingRight");const v=e(o,L(g));return ct(o,Qt),r||(g.height=""),e(o,g),[()=>{c(u,a,n,v),e(o,v),at(o,Qt)},u]}return[wt]}],R:()=>{let t={w:0,h:0},e=0;return(n,r,o)=>{const i={w:window.innerWidth,h:window.innerHeight},s={w:i.w-t.w,h:i.h-t.h};if(0===s.w&&0===s.h)return;const l=He(s.w),c=He(s.h),a={w:He(Be(i.w/(t.w/100))),h:He(Be(i.h/(t.h/100)))},d=(()=>{const t=window.screen.deviceXDPI||0,e=window.screen.logicalXDPI||1;return window.devicePixelRatio||t/e})(),u=l>2&&c>2,h=!((t,e)=>{const n=He(t),r=He(e);return!(n===r||n+1===r||n-1===r)})(a.w,a.h);if(u&&h&&d!==e&&d>0){const[t,e]=r();C(n.k,t),e&&o()}t=i,e=d}}}};let Ye;const Xe=(t,e,n,r)=>{V(t,e);const o=Ct(e),i=Lt(e),s=Pt(n);return r&&j(e),{x:i.h-o.h+s.h,y:i.w-o.w+s.w}},Ve=(t,n)=>{const r="hidden";e(t,{overflowX:r,overflowY:r,direction:"rtl"}),z(t,0);const o=Ht(t),i=Ht(n);z(t,-999);const s=Ht(n);return{i:o.x===i.x,n:i.x!==s.x}},Fe=(t,e)=>{const n=at(t,jt),r=Tt(t),o=Tt(e),i=ft(o,r,!0),s=at(t,_t),l=Tt(t),c=Tt(e),a=ft(c,l,!0);return n(),s(),i&&a},je=()=>(Ye||(Ye=(()=>{const{body:t}=document,r=N(`<div class="${Ft}"><div></div></div>`)[0],o=r.firstChild,[i,,s]=It(),[l,c]=n({o:Xe(t,r,o),u:ht},Xe.bind(0,t,r,o,!0)),[a]=c(),d=(t=>{let n=!1;const r=at(t,ee);try{n="none"===e(t,J("scrollbar-width"))||"none"===window.getComputedStyle(t,"::-webkit-scrollbar").getPropertyValue("display")}catch(o){}return r(),n})(r),u={x:0===a.x,y:0===a.y},h={host:null,padding:!d,viewport:t=>d&&t===t.ownerDocument.body&&t,content:!1,scrollbarsSlot:!0,cancel:{nativeScrollbarsOverlaid:!0,body:null}},p=C({},Le),f={k:a,I:u,T:d,L:"-1"===e(r,"zIndex"),B:Ve(r,o),V:Fe(r,o),j:t=>i("_",t),Y:C.bind(0,{},h),q(t){C(h,t)},F:C.bind(0,{},p),G(t){C(p,t)},N:C({},h),U:C({},p)};if(R(r,"style"),j(r),!(d||u.x&&u.y)){let t;window.addEventListener("resize",(()=>{const e=Pe()[ke];t=t||e&&e.R(),t&&t(f,l,s.bind(0,"_"))}))}return f})()),Ye),_e=(t,e)=>h(t)?t.apply(0,e):t,Ne=(t,e,n,r)=>{const o=s(r)?n:r;return _e(o,t)||e()},We=(t,e,n,r)=>{const o=s(r)?n:r,i=_e(o,t);return!!i&&(b(i)?i:e())},Ze=_.bind(0,""),Ge=t=>{V(I(t),k(t)),j(t)},Ke=t=>{const e=je(),{Y:n,T:r}=e,o=Pe()[ke],i=o&&o.A,{host:s,viewport:l,padding:c,content:a}=n(),d=b(t),u=d?{}:t,{host:h,padding:p,viewport:f,content:w}=u,g=d?t:u.target,v=H(g,"textarea"),x=g.ownerDocument,$=g===x.body,S=x.defaultView,C=Ne.bind(0,[g]),E=We.bind(0,[g]),P=C(Ze,l,f),z=P===g,D=z&&$,A={J:g,K:v?C(Ze,s,h):g,Z:P,tt:!z&&E(Ze,c,p),nt:!z&&E(Ze,a,w),ot:!z&&!r&&i&&i(e),st:D?x.documentElement:P,et:D?x:P,ct:S,rt:x,it:v,W:$,lt:d,X:z,ut:(t,e)=>z?((t,e,n)=>{const r=T(t,Nt)||"";return new Set(r.split(" ")).has(n)})(P,0,e):((t,e)=>lt(t,e,((t,e)=>t.contains(e))))(P,t),dt:(t,e,n)=>z?M(P,Nt,e,n):(n?at:ct)(P,t)},B=L(A).reduce(((t,e)=>{const n=A[e];return m(t,!(!n||I(n))&&n)}),[]),Y=t=>t?y(B,t)>-1:null,{J:_,K:N,tt:W,Z,nt:G,ot:K}=A,q=[],J=v&&Y(N),U=v?_:k([G,Z,W,N,_].find((t=>!1===Y(t)))),Q=G||Z;return[A,()=>{const t=((t,e)=>(T(t,Nt,e),R.bind(0,t,Nt)))(N,z?"viewport":"host"),e=at(W,Jt),n=at(Z,!z&&Ut),o=at(G,te),i=D?at(I(g),ee):wt;J&&(F(_,N),m(q,(()=>{F(N,_),j(N)}))),V(Q,U),V(N,W),V(W||N,!z&&Z),V(Z,G),m(q,(()=>{i(),t(),R(Z,Wt),R(Z,Zt),Y(G)&&Ge(G),Y(Z)&&Ge(Z),Y(W)&&Ge(W),e(),n(),o()})),r&&!z&&m(q,ct.bind(0,Z,ee)),K&&(((t,e)=>{X(I(t),t,e)})(Z,K),m(q,j.bind(0,K)))},O.bind(0,q)]},qe=(t,n)=>{const{nt:r}=t,[o]=n;return t=>{const{V:n}=je(),{ft:i}=o(),{_t:s}=t,l=(r||!n)&&s;return l&&e(r,{height:i?"":"100%"}),{ht:l,gt:l}}},Je=(t,r)=>{const[o,i]=r,{K:s,tt:l,Z:c,X:a}=t,[d,u]=n({u:pt,o:$t()},$t.bind(0,s,"padding",""));return(t,n,r)=>{let[s,h]=u(r);const{T:p,V:f}=je(),{vt:w}=o(),{ht:g,gt:b,wt:v}=t,[y,m]=n("paddingAbsolute");(g||h||!f&&b)&&([s,h]=d(r));const x=!a&&(m||v||h);if(x){const t=!y||!l&&!p,n=s.r+s.l,r=s.t+s.b,o={marginRight:t&&!w?-n:0,marginBottom:t?-r:0,marginLeft:t&&w?-n:0,top:t?-s.t:0,right:t?w?-s.r:"auto":0,left:t?w?"auto":-s.l:0,width:t?`calc(100% + ${n}px)`:""},a={paddingTop:t?s.t:0,paddingRight:t?s.r:0,paddingBottom:t?s.b:0,paddingLeft:t?s.l:0};e(l||c,o),e(c,a),i({tt:s,bt:!t,P:l?a:C({},o,a)})}return{yt:x}}},{max:Ue}=Math,Qe=Ue.bind(0,0),tn="visible",en="hidden",nn=42,rn={u:ut,o:{w:0,h:0}},on={u:ht,o:{x:en,y:en}},sn=(t,e,n)=>n?at(t,e):ct(t,e),ln=t=>0===t.indexOf(tn),cn=(t,r)=>{const[o,i]=r,{K:s,tt:l,Z:c,ot:a,X:d,dt:u,W:h,ct:p}=t,{k:f,V:w,T:g,I:b}=je(),v=Pe()[ke],y=!d&&!g&&(b.x||b.y),m=h&&d,[x,$]=n(rn,Pt.bind(0,c)),[O,S]=n(rn,Et.bind(0,c)),[L,C]=n(rn),[E,P]=n(rn),[R]=n(on),z=(t,n)=>{if(e(c,{height:""}),n){const{bt:n,tt:r}=o(),{St:i,D:l}=t,a=Pt(s),d=Ct(s),u="content-box"===e(c,"boxSizing"),h=n||u?r.b+r.t:0,p=!(b.x&&u);e(c,{height:d.h+a.h+(i.x&&p?l.x:0)-h})}},D=(t,n)=>{const r=g||t?0:nn,o=(t,o,i)=>{const s=e(c,t),l="scroll"===(n?n[t]:s);return[s,l,l&&!g?o?r:i:0,o&&!!r]},[i,s,l,a]=o("overflowX",b.x,f.x),[d,u,h,p]=o("overflowY",b.y,f.y);return{xt:{x:i,y:d},St:{x:s,y:u},D:{x:l,y:h},M:{x:a,y:p}}},A=(t,e,n,r)=>{const{D:i,M:s}=t,{x:l,y:c}=s,{x:a,y:d}=i,{P:u}=o(),h=e?"marginLeft":"marginRight",p=e?"paddingLeft":"paddingRight",f=u[h],w=u.marginBottom,g=u[p],b=u.paddingBottom;r.width=`calc(100% + ${d+-1*f}px)`,r[h]=-d+f,r.marginBottom=-a+w,n&&(r[p]=g+(c?d:0),r.paddingBottom=b+(l?a:0))},[B,H]=v?v.H(y,w,c,a,o,D,A):[()=>y,()=>[wt]];return(t,n,r)=>{const{ht:a,$t:h,gt:f,yt:v,_t:y,wt:k}=t,{ft:I,vt:Y}=o(),[X,V]=n("showNativeOverlaidScrollbars"),[F,j]=n("overflow"),_=X&&b.x&&b.y,N=!d&&!w&&(a||f||h||V||y),W=ln(F.x),Z=ln(F.y),G=W||Z;let K,q=$(r),J=S(r),U=C(r),Q=P(r);if(V&&g&&u(ee,Kt,!_),N&&(K=D(_),z(K,I)),a||v||f||k||V){G&&u(ne,Gt,!1);const[t,e]=H(_,Y,K),[n,o]=q=x(r),[i,s]=J=O(r),l=Ct(c);let a=i,d=l;t(),(s||o||V)&&e&&!_&&B(e,i,n,Y)&&(d=Ct(c),a=Et(c));const h={w:Qe(Ue(i.w,a.w)+n.w),h:Qe(Ue(i.h,a.h)+n.h)},f={w:Qe(m?p.innerWidth:d.w+Qe(l.w-i.w)+n.w),h:Qe(m?p.innerHeight:d.h+Qe(l.h-i.h)+n.h)};Q=E(f),U=L(((t,e)=>{const n=window.devicePixelRatio%1!=0?1:0,r={w:Qe(t.w-e.w),h:Qe(t.h-e.h)};return{w:r.w>n?r.w:0,h:r.h>n?r.h:0}})(h,f),r)}const[tt,et]=Q,[nt,rt]=U,[ot,it]=J,[st,lt]=q,ct={x:nt.w>0,y:nt.h>0},at=W&&Z&&(ct.x||ct.y)||W&&ct.x&&!ct.y||Z&&ct.y&&!ct.x;if(v||k||lt||it||et||rt||j||V||N){const t={marginRight:0,marginBottom:0,marginLeft:0,width:"",overflowY:"",overflowX:""},n=((t,e,n,r)=>{const o=(t,e)=>{const n=ln(t),r=e&&n&&t.replace(`${tn}-`,"")||"";return[e&&!n?t:"",ln(r)?"hidden":r]},[i,s]=o(n.x,e.x),[l,c]=o(n.y,e.y);return r.overflowX=s&&l?s:i,r.overflowY=c&&i?c:l,D(t,r)})(_,ct,F,t),r=B(n,ot,st,Y);d||A(n,Y,r,t),N&&z(n,I),d?(T(s,Wt,t.overflowX),T(s,Zt,t.overflowY)):e(c,t)}M(s,Nt,Gt,at),sn(l,ne,at),!d&&sn(c,ne,G);const[dt,ut]=R(D(_).xt);return i({xt:dt,Ct:{x:tt.w,y:tt.h},Ot:{x:nt.w,y:nt.h},Et:ct}),{At:ut,Tt:et,zt:rt}}},an=(e,n,r)=>{const o={},i=n||{};return t(L(e).concat(L(i)),(t=>{const n=e[t],s=i[t];o[t]=!!(r||n||s)})),o},dn=3333333,un=t=>t&&(t.height||t.width),hn=(t,e,r)=>{const{It:o=!1,Lt:i=!1}=r||{},s=Pe()[ze],{B:l}=je(),c=N(`<div class="${re}"><div class="${ie}"></div></div>`)[0],a=c.firstChild,d=xt.bind(0,t),[h]=n({o:void 0,_:!0,u:(t,e)=>!(!t||!un(t)&&un(e))}),w=t=>{const n=p(t)&&t.length>0&&f(t[0]),r=!n&&u(t[0]);let i=!1,s=!1,a=!0;if(n){const[e,,n]=h(t.pop().contentRect),r=un(e),o=un(n);i=!n||!r,s=!o&&r,a=!i}else r?[,a]=t:s=!0===t;if(o&&a){const e=r?t[0]:xt(c);z(c,e?l.n?-dn:l.i?0:dn:dn),D(c,dn)}i||e({ht:!r,Ht:r?t:void 0,Lt:!!s})},g=[];let b=!!i&&w;return[()=>{O(g),j(c)},()=>{if(et){const t=new et(w);t.observe(a),m(g,(()=>{t.disconnect()}))}else if(s){const[t,e]=s.O(a,w,i);b=t,m(g,e)}if(o){const[t]=n({o:!d()},d);m(g,Dt(c,"scroll",(e=>{const n=t(),[r,o]=n;o&&(ct(a,"ltr rtl"),at(a,r?"rtl":"ltr"),w(n)),At(e)})))}b&&(at(c,oe),m(g,Dt(c,"animationstart",b,{C:!!et}))),V(t,c)}]},pn=(t,e)=>{let r;const o=_(ae),i=[],[s]=n({o:!1}),l=(t,n)=>{if(t){const r=s((t=>0===t.h||t.isIntersecting||t.intersectionRatio>0)(t)),[,o]=r;if(o)return!n&&e(r),[r]}},c=(t,e)=>{if(t&&t.length>0)return l(t.pop(),e)};return[()=>{O(i),j(o)},()=>{if(tt)r=new tt((t=>c(t)),{root:t}),r.observe(o),m(i,(()=>{r.disconnect()}));else{const t=()=>{const t=Lt(o);l(t)},[e,n]=hn(o,t);m(i,e),n(),t()}V(t,o)},()=>{if(r)return c(r.takeRecords(),!0)}]},fn=(e,n,r,o)=>{let i=!1;const{Pt:s,Dt:l,Mt:c,Rt:a,kt:u,Bt:h}=o||{},p=gt((()=>{i&&r(!0)}),{g:33,v:99}),[f,w]=((e,n,r)=>{let o,i=!1;const s=s=>{if(r){const l=r.reduce(((t,n)=>{if(n){const r=n[0],o=n[1],i=o&&r&&(s?s(r):B(r,e));i&&i.length&&o&&d(o)&&m(t,[i,o.trim()],!0)}return t}),[]);t(l,(e=>t(e[0],(t=>{const r=e[1],s=o.get(t);if(s){const t=s[0],e=s[1];t===r&&e()}const l=Dt(t,r,(e=>{i?(l(),o.delete(t)):n(e)}));o.set(t,[r,l])}))))}};return r&&(o=new WeakMap,s()),[()=>{i=!0},s]})(e,p,c),g=l||[],b=(s||[]).concat(g),v=(i,s)=>{const l=u||wt,c=h||wt,p=[],f=[];let b=!1,v=!1,x=!1;return t(i,(t=>{const{attributeName:r,target:i,type:s,oldValue:u,addedNodes:h}=t,w="attributes"===s,$="childList"===s,O=e===i,S=w&&d(r)?T(i,r):0,L=0!==S&&u!==S,C=y(g,r)>-1&&L;if(n&&!O){const n=!w,s=w&&C,d=s&&a&&H(i,a),p=(d?!l(i,r,u,S):n||s)&&!c(t,!!d,e,o);m(f,h),v=v||p,x=x||$}!n&&O&&L&&!l(i,r,u,S)&&(m(p,r),b=b||C)})),x&&!$(f)&&w((t=>f.reduce(((e,n)=>(m(e,B(t,n)),H(n,t)?m(e,n):e)),[]))),n?(!s&&v&&r(!1),[!1]):!$(p)||b?(!s&&r(p,b),[p,b]):void 0},x=new Q((t=>v(t)));return x.observe(e,{attributes:!0,attributeOldValue:!0,attributeFilter:b,subtree:n,childList:n,characterData:n}),i=!0,[()=>{i&&(f(),x.disconnect(),i=!1)},()=>{if(i){p.m();const t=x.takeRecords();return!$(t)&&v(t,!0)}}]},wn=`[${Nt}]`,gn=`.${Ut}`,bn=["tabindex"],vn=["wrap","cols","rows"],yn=["id","class","style","open"],mn=(e,r,o)=>{let i,s,l;const[,c]=r,{K:u,Z:f,nt:w,it:g,X:b,ut:x,dt:$}=e,{V:O}=je(),[S]=n({u:ut,o:{w:0,h:0}},(()=>{const t=x(ne,Gt),e=x(Qt,""),n=e&&z(f),r=e&&D(f);$(ne,Gt),$(Qt,""),$("",qt,!0);const o=Et(w),i=Et(f),s=Pt(f);return $(ne,Gt,t),$(Qt,"",e),$("",qt),z(f,n),D(f,r),{w:i.w+o.w+s.w,h:i.h+o.h+s.h}})),E=g?vn:yn.concat(vn),P=gt(o,{g:()=>i,v:()=>s,p(t,e){const[n]=t,[r]=e;return[L(n).concat(L(r)).reduce(((t,e)=>(t[e]=n[e]||r[e],t)),{})]}}),M=e=>{t(e||bn,(t=>{if(y(bn,t)>-1){const e=T(u,t);d(e)?T(f,t,e):R(f,t)}}))},A=(t,e)=>{const[n,r]=t,i={_t:r};return c({ft:n}),!e&&o(i),i},B=({ht:t,Ht:e,Lt:n})=>{const r=!t||n?o:P;let i=!1;if(e){const[t,n]=e;i=n,c({vt:t})}r({ht:t,wt:i})},H=(t,e)=>{const[,n]=S(),r={gt:n};return n&&!e&&(t?o:P)(r),r},k=(t,e,n)=>{const r={$t:e};return e?!n&&P(r):b||M(t),r},[I,X,V]=w||!O?pn(u,A):[wt,wt,wt],[F,j]=b?[wt,wt]:hn(u,B,{Lt:!0,It:!0}),[_,N]=fn(u,!1,k,{Dt:yn,Pt:yn.concat(bn)}),W=b&&et&&new et(B.bind(0,{ht:!0}));return W&&W.observe(u),M(),[()=>{I(),F(),l&&l[0](),W&&W.disconnect(),_()},()=>{j(),X()},()=>{const t={},e=N(),n=V(),r=l&&l[1]();return e&&C(t,k.apply(0,m(e,!0))),n&&C(t,A.apply(0,m(n,!0))),r&&C(t,H.apply(0,m(r,!0))),t},t=>{const[e]=t("updating.ignoreMutation"),[n,r]=t("updating.attributes"),[o,c]=t("updating.elementEvents"),[d,u]=t("updating.debounce"),g=t=>h(e)&&e(t);if((c||r)&&(l&&(l[1](),l[0]()),l=fn(w||f,!0,H,{Dt:E.concat(n||[]),Pt:E.concat(n||[]),Mt:o,Rt:wn,Bt:(t,e)=>{const{target:n,attributeName:r}=t;return!(e||!r||b)&&((t,e,n)=>{const r=t&&Y(t,e),o=t&&((t,e)=>{const n=e?v(e)?e:null:document;return n?n.querySelector(t):null})(n,r),i=Y(o,e)===r;return!(!r||!o)&&(r===t||o===t||i&&Y(Y(t,n),e)!==r)})(n,wn,gn)||!!Y(n,`.${de}`)||!!g(t)}})),u)if(P.m(),p(d)){const t=d[0],e=d[1];i=!!a(t)&&t,s=!!a(e)&&e}else a(d)?(i=d,s=!1):(i=!1,s=!1)}]},xn={x:0,y:0},$n={tt:{t:0,r:0,b:0,l:0},bt:!1,P:{marginRight:0,marginBottom:0,marginLeft:0,paddingTop:0,paddingRight:0,paddingBottom:0,paddingLeft:0},Ct:xn,Ot:xn,xt:{x:"hidden",y:"hidden"},Et:{x:!1,y:!1},ft:!1,vt:!1},{round:On}=Math,Sn=t=>({x:t.clientX,y:t.clientY}),Ln=(t,e)=>Dt(t,"mousedown",Dt.bind(0,e,"click",At,{C:!0,$:!0}),{$:!0}),Cn=(t,e,n,r,o,i)=>{const{B:s}=je(),{qt:l,Ft:c,Gt:a}=n,d=`scroll${i?"Left":"Top"}`,u=`${i?"x":"y"}`,h=`${i?"w":"h"}`,p=(t,e,n)=>p=>{const{Ot:f}=o(),w=(Sn(p)[u]-e)*n/(Lt(c)[h]-Lt(l)[h])*f[u],g=xt(a)&&i?s.n||s.i?1:-1:1;r[d]=t+w*g};return Dt(l,"pointerdown",(n=>{if(((t,e,n)=>{const r=e.scrollbars,{button:o,isPrimary:i,pointerType:s}=t,{pointers:l}=r;return 0===o&&i&&r["dragScroll"]&&(l||[]).includes(s)})(n,t)){const t=Dt(e,"selectstart",(t=>(t=>t.preventDefault())(t)),{S:!1}),o=Dt(l,"pointermove",p(r[d]||0,Sn(n)[u],1/(t=>{const{width:e,height:n}=Tt(t),{w:r,h:o}=Lt(t);return{x:On(e)/r||1,y:On(n)/o||1}})(r)[u]));Dt(l,"pointerup",(e=>{t(),o(),l.releasePointerCapture(e.pointerId)}),{C:!0}),l.setPointerCapture(n.pointerId)}}))},{min:En,max:Pn,abs:Tn,round:Mn}=Math,Rn=(t,e,n,r)=>{if(r){const t=n?"x":"y",{Ot:e,Ct:o}=r,i=o[t],s=e[t];return Pn(0,En(1,i/(i+s)))}const o=n?"w":"h",i=Lt(t)[o],s=Lt(e)[o];return Pn(0,En(1,i/s))},zn=(n,r,o)=>{const{Y:i}=je(),{scrollbarsSlot:s}=i(),{rt:l,J:c,K:a,Z:d,lt:h,st:p}=r,{scrollbarsSlot:f}=h?{}:n,w=We([c,a,d],(()=>a),s,f),g=(e,n,r)=>{const o=r?at:ct;t(e,(t=>{o(t.Gt,n)}))},b=(n,r)=>{t(n,(t=>{const[n,o]=r(t);e(n,o)}))},v=(t,e,n)=>{b(t,(t=>{const{qt:r,Ft:o}=t;return[r,{[n?"width":"height"]:`${(100*Rn(r,o,n,e)).toFixed(3)}%`}]}))},y=(t,e,n)=>{const r=n?"X":"Y";b(t,(t=>{const{qt:o,Ft:i,Gt:s}=t,l=((t,e,n,r,o,i)=>{const{B:s}=je(),l=i?"x":"y",c=i?"Left":"Top",{Ot:a}=r,d=Mn(a[l]),u=Tn(n[`scroll${c}`]),h=i&&o,p=s.i?u:d-u,f=En(1,(h?p:u)/d),w=Rn(t,e,i);return 1/w*(1-w)*f})(o,i,p,e,xt(s),n);return[o,{transform:l==l?`translate${r}(${(100*l).toFixed(3)}%)`:""}]}))},x=[],S=[],L=[],C=(t,e,n)=>{const r=u(n),o=!r||!n;(!r||n)&&g(S,t,e),o&&g(L,t,e)},E=t=>{const e=t?he:pe,n=t?S:L,r=$(n)?ve:"",i=_(`${de} ${e} ${r}`),s=_(fe),c=_(we),a={Gt:i,Ft:s,qt:c};return V(i,s),V(s,c),m(n,a),m(x,[j.bind(0,i),o(a,C,l,p,t)]),a},P=E.bind(0,!0),T=E.bind(0,!1);return P(),T(),[{Nt:t=>{v(S,t,!0),v(L,t)},Ut:t=>{y(S,t,!0),y(L,t)},Wt:C,Xt:{Jt:S,Kt:P,Zt:b.bind(0,S)},Qt:{Jt:L,Kt:T,Zt:b.bind(0,L)}},()=>{V(w,S[0].Gt),V(w,L[0].Gt),ot((()=>{C(ve)}),300)},O.bind(0,x)]},Dn=t=>{let e;const n=t?ot:rt,r=t?it:nt;return[o=>{r(e),e=n(o,h(t)?t():t)},()=>r(e)]},An=new Set,Bn=new WeakMap,Hn=(e,n,r)=>{let o=!1;const{F:i,j:c}=je(),a=Pe(),d=b(e),u=d?e:e.target,p=(t=>Bn.get(t))(u);if(p)return p;const f=a[Te],w=t=>{const e=t||{},n=f&&f.O;return n?n(e,!0):e},g=C({},i(),w(n)),[v,y,m]=It(r),[x,$,S]=((e,n)=>{const r=Xt(n,{}),o=Vt($n),[i,s,l]=It(),[c]=o,[a,d,u]=Ke(e),h=((e,n)=>{const{Z:r,dt:o}=e,{T:i,I:s,V:l}=je(),c=!i&&(s.x||s.y),a=[qe(e,n),Je(e,n),cn(e,n)];return(e,n,i)=>{const s=an(C({ht:!1,yt:!1,wt:!1,_t:!1,Tt:!1,zt:!1,At:!1,$t:!1,gt:!1},n),{},i),d=c||!l,u=d&&z(r),h=d&&D(r);o("",qt,!0);let p=s;return t(a,(t=>{p=an(p,t(p,e,!!i)||{},i)})),z(r,u),D(r,h),o("",qt),p}})(a,o),p=(t,e,n)=>{const r=L(t).some((e=>t[e]));(r||!E(e)||n)&&l("u",[t,e,n])},[f,w,g,b]=mn(a,o,(t=>{p(h(r,t),{},!1)})),v=c.bind(0);return v.Vt=t=>{i("u",t)},v.jt=()=>{w(),d()},v.Yt=a,[(t,e)=>{const r=Xt(n,t,e);b(r),p(h(r,g(),e),t,!!e)},v,()=>{s(),f(),u()}]})(e,g),[P,T,M]=((t,e,n)=>{let r,o,i,s,l,c=0;const a=Vt({}),[d]=a,[u,h]=Dn(),[p,f]=Dn(),[w,g]=Dn(100),[b,v]=Dn(100),[y,m]=Dn((()=>c)),[x,$,S]=zn(t,n.Yt,((t,e)=>(n,r,o,i,s)=>{const{Gt:l}=n;return O.bind(0,[Dt(l,"pointerenter",(()=>{r(ye,!0)})),Dt(l,"pointerleave pointercancel",(()=>{r(ye)})),Ln(l,o),Cn(t,o,n,i,e,s)])})(e,n)),{K:L,Z:C,st:E,et:P,X:T,W:M}=n.Yt,{Xt:R,Qt:A,Wt:B,Nt:H,Ut:k}=x,{Zt:Y}=R,{Zt:X}=A,V=t=>{const{Gt:e}=t,n=T&&!M&&I(e)===C&&e;return[n,{transform:n?`translate(${z(E)}px, ${D(E)}px)`:""}]},F=(t,e)=>{if(m(),t)B(xe);else{const t=()=>B(xe,!0);c>0&&!e?y(t):t()}},j=()=>{s=o,s&&F(!0)},_=[g,m,v,f,h,S,Dt(L,"pointerover",j,{C:!0}),Dt(L,"pointerenter",j),Dt(L,"pointerleave",(()=>{s=!1,o&&F(!1)})),Dt(L,"pointermove",(()=>{r&&u((()=>{g(),F(!0),b((()=>{r&&F(!1)}))}))})),Dt(P,"scroll",(()=>{p((()=>{k(n()),i&&F(!0),w((()=>{i&&!s&&F(!1)}))})),T&&Y(V),T&&X(V)}))],N=d.bind(0);return N.Yt=x,N.jt=$,[(t,s,a)=>{const{Tt:d,zt:u,At:h,wt:p}=a,f=Xt(e,t,s),w=n(),{Ot:g,xt:b,vt:v}=w,[y,m]=f("scrollbars.theme"),[x,$]=f("scrollbars.visibility"),[O,S]=f("scrollbars.autoHide"),[L]=f("scrollbars.autoHideDelay"),[C,E]=f("scrollbars.dragScroll"),[P,T]=f("scrollbars.clickScroll"),R=d||u||p||s,z=h||$||s,D=(t,e)=>{const n="visible"===x||"auto"===x&&"scroll"===t;return B(ge,n,e),n};if(c=L,m&&(B(l),B(y,!0),l=y),S&&(r="move"===O,o="leave"===O,i="never"!==O,F(!i,!0)),E&&B(Oe,C),T&&B($e,P),z){const t=D(b.x,!0),e=D(b.y,!1);B(be,!(t&&e))}R&&(H(w),k(w),B(me,!g.x,!0),B(me,!g.y,!1),B(ue,v&&!M))},N,O.bind(0,_)]})(e,g,$),R=(t,e)=>{x(t,!!e)},A=c(R.bind(0,{},!0)),B=t=>{(t=>{Bn.delete(t),An.delete(t)})(u),A(),M(),S(),o=!0,m("destroyed",[H,!!t]),y()},H={options(t){if(t){const e=Ce(g,w(t));E(e)||(C(g,e),R(e))}return C({},g)},on:v,off:(t,e)=>{t&&e&&y(t,e)},state(){const{Ct:t,Ot:e,xt:n,Et:r,tt:i,bt:s,vt:l}=$();return C({},{overflowEdge:t,overflowAmount:e,overflowStyle:n,hasOverflow:r,padding:i,paddingAbsolute:s,directionRTL:l,destroyed:o})},elements(){const{J:t,K:e,tt:n,Z:r,nt:o,st:i,et:s}=$.Yt,{Xt:l,Qt:c}=T.Yt,a=t=>{const{qt:e,Ft:n,Gt:r}=t;return{scrollbar:r,track:n,handle:e}},d=t=>{const{Jt:e,Kt:n}=t,r=a(e[0]);return C({},r,{clone:()=>{const t=a(n());return P({},!0,{}),t}})};return C({},{target:t,host:e,padding:n||r,viewport:r,content:o||r,scrollOffsetElement:i,scrollEventElement:s,scrollbarHorizontal:d(l),scrollbarVertical:d(c)})},update:t=>(R({},t),H),destroy:B.bind(0)};return $.Vt(((t,e,n)=>{P(e,n,t)})),t(L(a),(t=>{const e=a[t];h(e)&&e(Hn,H)})),((t,e)=>{const{nativeScrollbarsOverlaid:n,body:r}=t||{},{W:o,X:i}=e,{Y:c,I:a}=je(),{nativeScrollbarsOverlaid:d,body:u}=c().cancel,h=null!=n?n:d,p=s(r)?u:r,f=(a.x||a.y)&&h,w=o&&(l(p)?!i:p);return!!f||!!w})(!d&&e.cancel,$.Yt)?(B(!0),H):($.jt(),T.jt(),((t,e)=>{Bn.set(t,e),An.add(t)})(u,H),m("initialized",[H]),$.Vt(((t,e,n)=>{const{ht:r,wt:o,_t:i,Tt:s,zt:l,At:c,gt:a,$t:d}=t;m("updated",[H,{updateHints:{sizeChanged:r,directionChanged:o,heightIntrinsicChanged:i,overflowEdgeChanged:s,overflowAmountChanged:l,overflowStyleChanged:c,contentMutation:a,hostMutation:d},changedOptions:e,force:n}])})),H.update(!0))};Hn.plugin=e=>{t(p(e)?e:[e],(t=>{const e=L(t)[0];Ee[e]=t[e]}))},Hn.env=()=>{const{k:t,I:e,T:n,B:r,V:o,L:i,N:s,U:l,Y:c,q:a,F:d,G:u}=je();return C({},{scrollbarsSize:t,scrollbarsOverlaid:e,scrollbarsHiding:n,rtlScrollBehavior:r,flexboxGlue:o,cssCustomProperties:i,staticDefaultInitialization:s,staticDefaultOptions:l,getDefaultInitialization:c,setDefaultInitialization:a,getDefaultOptions:d,setDefaultOptions:u})};export{Hn as OverlayScrollbars,Ie as scrollbarsHidingPlugin,De as sizeObserverPlugin}; |