diff --git a/docs/404.html b/docs/404.html index ca22b54b..a6786e41 100644 --- a/docs/404.html +++ b/docs/404.html @@ -1 +1 @@ -404: This page could not be found.OverlayScrollbars

404

This page could not be found.

\ No newline at end of file +404: This page could not be found.OverlayScrollbars

404

This page could not be found.

\ No newline at end of file diff --git a/docs/_next/static/sA3nxIKjl1dO1MNAF2WXi/_buildManifest.js b/docs/_next/static/1npzBCWQz7KBvxFw8hjEs/_buildManifest.js similarity index 100% rename from docs/_next/static/sA3nxIKjl1dO1MNAF2WXi/_buildManifest.js rename to docs/_next/static/1npzBCWQz7KBvxFw8hjEs/_buildManifest.js diff --git a/docs/_next/static/sA3nxIKjl1dO1MNAF2WXi/_ssgManifest.js b/docs/_next/static/1npzBCWQz7KBvxFw8hjEs/_ssgManifest.js similarity index 100% rename from docs/_next/static/sA3nxIKjl1dO1MNAF2WXi/_ssgManifest.js rename to docs/_next/static/1npzBCWQz7KBvxFw8hjEs/_ssgManifest.js diff --git a/docs/_next/static/chunks/10-01032becc4f5cdd1.js b/docs/_next/static/chunks/10-01032becc4f5cdd1.js new file mode 100644 index 00000000..4afbff45 --- /dev/null +++ b/docs/_next/static/chunks/10-01032becc4f5cdd1.js @@ -0,0 +1,9 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[10],{5010:function(t,e,r){let n;r.d(e,{E:function(){return rk},A:function(){return rS}});var l=r(2265);/*! + * OverlayScrollbars + * Version: 2.7.1 + * + * Copyright (c) Rene Haas | KingSora. + * https://github.com/KingSora + * + * Released under the MIT license. + */let o=(t,e)=>{let r;let{o:n,u:l,_:o}=t,i=n,a=(t,e)=>{let n=i,a=e||(l?!l(n,t):n!==t);return(a||o)&&(i=t,r=n),[i,a,r]};return[e?t=>a(e(i,r),t):a,t=>[i,!!t,r]]},i="undefined"!=typeof document,a=i?window:{},c=Math.max,s=Math.min,u=Math.round,d=a.cancelAnimationFrame,p=a.requestAnimationFrame,f=a.setTimeout,h=a.clearTimeout,y=t=>void 0!==a[t]?a[t]:void 0,v=y("MutationObserver"),b=y("IntersectionObserver"),m=y("ResizeObserver"),w=y("ScrollTimeline"),g=i&&Node.ELEMENT_NODE,{toString:x,hasOwnProperty:E}=Object.prototype,O=/^\[object (.+)\]$/,S=t=>void 0===t,k=t=>null===t,C=t=>S(t)||k(t)?"".concat(t):x.call(t).replace(O,"$1").toLowerCase(),T=t=>"number"==typeof t,L=t=>"string"==typeof t,A=t=>"boolean"==typeof t,D=t=>"function"==typeof t,R=t=>Array.isArray(t),_=t=>"object"==typeof t&&!R(t)&&!k(t),H=t=>{let e=!!t&&t.length,r=T(e)&&e>-1&&e%1==0;return(!!R(t)||!D(t)&&!!r)&&(!(e>0&&_(t))||e-1 in t)},M=t=>{let e;if(!t||!_(t)||"object"!==C(t))return!1;let r="constructor",n=t[r],l=n&&n.prototype,o=E.call(t,r),i=l&&E.call(l,"isPrototypeOf");if(n&&!o&&!i)return!1;for(e in t);return S(e)||E.call(t,e)},N=t=>{let e=HTMLElement;return!!t&&(e?t instanceof e:t.nodeType===g)},P=t=>{let e=Element;return!!t&&(e?t instanceof e:t.nodeType===g)};function I(t,e){if(H(t))for(let r=0;re(t[r],r,t));return t}let V=(t,e)=>t.indexOf(e)>=0,z=(t,e)=>t.concat(e),j=(t,e,r)=>(!r&&!L(e)&&H(e)?Array.prototype.push.apply(t,e):t.push(e),t),F=t=>Array.from(t||[]),G=t=>R(t)?t:[t],U=t=>!!t&&!t.length,q=t=>F(new Set(t)),B=(t,e,r)=>{I(t,t=>t&&t.apply(void 0,e||[])),r||(t.length=0)},X="paddingTop",K="paddingRight",W="paddingLeft",Y="paddingBottom",$="marginLeft",J="marginRight",Z="marginBottom",Q="overflowX",tt="overflowY",te="width",tr="height",tn="hidden",tl="visible",to=(t,e,r,n)=>{if(t&&e){let l=!0;return I(r,r=>{(n?n(t[r]):t[r])!==(n?n(e[r]):e[r])&&(l=!1)}),l}return!1},ti=(t,e)=>to(t,e,["w","h"]),ta=(t,e)=>to(t,e,["x","y"]),tc=(t,e)=>to(t,e,["t","r","b","l"]),ts=()=>{},tu=function(t){for(var e=arguments.length,r=Array(e>1?e-1:0),n=1;n{let e;let r=t?f:p,n=t?h:d;return[l=>{n(e),e=r(l,D(t)?t():t)},()=>n(e)]},tp=(t,e)=>{let r,n,l;let o=ts,{v:i,p:a,S:c}=e||{},s=function(e){o(),h(r),r=n=void 0,o=ts,t.apply(this,e)},u=t=>c&&n?c(n,t):t,y=()=>{o!==ts&&s(u(l)||l)},v=function(){let t=F(arguments),e=D(i)?i():i;if(T(e)&&e>=0){let i=D(a)?a():a,c=T(i)&&i>=0,v=e>0?f:p,b=e>0?h:d,m=u(t)||t,w=s.bind(0,m);o();let g=v(w,e);o=()=>b(g),c&&!r&&(r=f(y,i)),n=l=m}else s(t)};return v.m=y,v},tf=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),th=t=>t?Object.keys(t):[],ty=(t,e,r,n,l,o,i)=>(("object"!=typeof t||k(t))&&!D(t)&&(t={}),I([e,r,n,l,o,i],e=>{I(e,(r,n)=>{let l=e[n];if(t===l)return!0;let o=R(l);if(l&&M(l)){let e=t[n],r=e;o&&!R(e)?r=[]:o||M(e)||(r={}),t[n]=ty(r,l)}else t[n]=o?l.slice():l})}),t),tv=(t,e)=>I(ty({},t),(t,r,n)=>{void 0===t?delete n[r]:e&&t&&M(t)&&(n[r]=tv(t,e))}),tb=t=>{for(let e in t)return!1;return!0},tm=(t,e,r)=>c(t,s(e,r)),tw=t=>F(new Set((R(t)?t:(t||"").split(" ")).filter(t=>t))),tg=(t,e)=>t&&t.getAttribute(e),tx=(t,e)=>t&&t.hasAttribute(e),tE=(t,e,r)=>{I(tw(e),e=>{t&&t.setAttribute(e,r||"")})},tO=(t,e)=>{I(tw(e),e=>t&&t.removeAttribute(e))},tS=(t,e)=>{let r=tw(tg(t,e)),n=tu(tE,t,e),l=(t,e)=>{let n=new Set(r);return I(tw(t),t=>n[e](t)),F(n).join(" ")};return{$:t=>n(l(t,"delete")),O:t=>n(l(t,"add")),C:t=>{let e=tw(t);return e.reduce((t,e)=>t&&r.includes(e),e.length>0)}}},tk=(t,e,r)=>{tS(t,e).$(r)},tC=(t,e,r)=>(tS(t,e).O(r),tu(tk,t,e,r)),tT=(t,e,r,n)=>{(n?tC:tk)(t,e,r)},tL=(t,e,r)=>tS(t,e).C(r),tA=t=>tS(t,"class"),tD=(t,e)=>{tA(t).$(e)},tR=(t,e)=>(tA(t).O(e),tu(tD,t,e)),t_=(t,e)=>{let r=[],n=e?P(e)&&e:document;return n?j(r,n.querySelectorAll(t)):r},tH=(t,e)=>{let r=e?P(e)&&e:document;return r?r.querySelector(t):null},tM=(t,e)=>!!P(t)&&t.matches(e),tN=t=>tM(t,"body"),tP=t=>t?F(t.childNodes):[],tI=t=>t&&t.parentElement,tV=(t,e)=>P(t)&&t.closest(e),tz=t=>(t||document).activeElement,tj=(t,e,r)=>{let n=tV(t,e),l=t&&tH(r,n),o=tV(l,e)===n;return!!n&&!!l&&(n===t||l===t||o&&tV(tV(t,r),e)!==n)},tF=t=>{if(H(t))I(F(t),t=>tF(t));else if(t){let e=tI(t);e&&e.removeChild(t)}},tG=(t,e,r)=>{if(r&&t){let n,l=e;return H(r)?(n=document.createDocumentFragment(),I(r,t=>{t===l&&(l=t.previousSibling),n.appendChild(t)})):n=r,e&&(l?l!==e&&(l=l.nextSibling):l=t.firstChild),t.insertBefore(n,l||null),()=>tF(r)}return ts},tU=(t,e)=>tG(t,null,e),tq=(t,e)=>tG(tI(t),t&&t.nextSibling,e),tB=t=>{let e=document.createElement("div");return tE(e,"class",t),e},tX=t=>{let e=tB();return e.innerHTML=t.trim(),I(tP(e),t=>tF(t))},tK=/^--/,tW=(t,e)=>t.getPropertyValue(e)||t[e]||"",tY=t=>{let e=t||0;return isFinite(e)?e:0},t$=t=>tY(parseFloat(t||"")),tJ=t=>"".concat((100*tY(t)).toFixed(3),"%"),tZ=t=>"".concat(tY(t),"px");function tQ(t,e){t&&I(e,(e,r)=>{try{let n=t.style,l=T(e)?tZ(e):(e||"")+"";tK.test(r)?n.setProperty(r,l):n[r]=l}catch(t){}})}function t0(t,e,r){let n=L(e),l=n?"":{};if(t){let o=a.getComputedStyle(t,r)||t.style;l=n?tW(o,e):e.reduce((t,e)=>(t[e]=tW(o,e),t),l)}return l}let t1=t=>"rtl"===t0(t,"direction"),t3=(t,e,r)=>{let n=e?"".concat(e,"-"):"",l=r?"-".concat(r):"",o="".concat(n,"top").concat(l),i="".concat(n,"right").concat(l),a="".concat(n,"bottom").concat(l),c="".concat(n,"left").concat(l),s=t0(t,[o,i,a,c]);return{t:t$(s[o]),r:t$(s[i]),b:t$(s[a]),l:t$(s[c])}},t2=(t,e)=>"translate".concat(_(t)?"(".concat(t.x,",").concat(t.y,")"):"".concat(e?"X":"Y","(").concat(t,")")),t9={w:0,h:0},t5=(t,e)=>e?{w:e["".concat(t,"Width")],h:e["".concat(t,"Height")]}:t9,t6=t=>t5("inner",t||a),t4=tu(t5,"offset"),t7=tu(t5,"client"),t8=tu(t5,"scroll"),et=t=>{let e=parseFloat(t0(t,te))||0,r=parseFloat(t0(t,tr))||0;return{w:e-u(e),h:r-u(r)}},ee=t=>t.getBoundingClientRect(),er=t=>!!(t&&(t[tr]||t[te])),en=(t,e)=>{let r=er(t);return!er(e)&&r},el=(t,e,r,n)=>{I(tw(e),e=>{t.removeEventListener(e,r,n)})},eo=(t,e,r,n)=>{var l;let o=null==(l=n&&n.H)||l,i=n&&n.I||!1,a=n&&n.A||!1,c={passive:o,capture:i};return tu(B,tw(e).map(e=>{let n=a?l=>{el(t,e,n,i),r(l)}:r;return t.addEventListener(e,n,c),tu(el,t,e,n,i)}))},ei=t=>t.stopPropagation(),ea=t=>t.preventDefault(),ec={x:0,y:0},es=t=>{let e=t&&ee(t);return e?{x:e.left+a.scrollX,y:e.top+a.scrollY}:ec},eu=(t,e,r)=>r?r.n?-t+0:r.i?e-t:t:t,ed=(t,e)=>[eu(0,t,e),eu(t,t,e)],ep=(t,e,r)=>tm(0,1,eu(t,e,r)/e||0),ef=(t,e)=>{let{x:r,y:n}=T(e)?{x:e,y:e}:e||{};T(r)&&(t.scrollLeft=r),T(n)&&(t.scrollTop=n)},eh=t=>({x:t.scrollLeft,y:t.scrollTop}),ey=(t,e)=>{I(G(e),t)},ev=t=>{let e=new Map,r=(t,r)=>{if(t){let n=e.get(t);ey(t=>{n&&n[t?"delete":"clear"](t)},r)}else e.forEach(t=>{t.clear()}),e.clear()},n=(t,l)=>{if(L(t)){let n=e.get(t)||new Set;return e.set(t,n),ey(t=>{D(t)&&n.add(t)},l),tu(r,t,l)}A(l)&&l&&r();let o=th(t),i=[];return I(o,e=>{let r=t[e];r&&j(i,n(e,r))}),tu(B,i)};return n(t||{}),[n,r,(t,r)=>{I(F(e.get(t)),t=>{r&&!U(r)?t.apply(0,r):t()})}]},eb=t=>JSON.stringify(t,(t,e)=>{if(D(e))throw 0;return e}),em=(t,e)=>t?"".concat(e).split(".").reduce((t,e)=>t&&tf(t,e)?t[e]:void 0,t):void 0,ew={paddingAbsolute:!1,showNativeOverlaidScrollbars:!1,update:{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,autoHideSuspend:!1,dragScroll:!0,clickScroll:!1,pointers:["mouse","touch","pen"]}},eg=(t,e)=>{let r={};return I(z(th(e),th(t)),n=>{let l=t[n],o=e[n];if(_(l)&&_(o))ty(r[n]={},eg(l,o)),tb(r[n])&&delete r[n];else if(tf(e,n)&&o!==l){let t=!0;if(R(l)||R(o))try{eb(l)===eb(o)&&(t=!1)}catch(t){}t&&(r[n]=o)}}),r},ex=(t,e,r)=>n=>[em(t,n),r||void 0!==em(e,n)],eE="data-overlayscrollbars",eO="os-environment",eS="".concat(eO,"-scrollbar-hidden"),ek="".concat(eE,"-initialize"),eC="".concat(eE,"-overflow-x"),eT="".concat(eE,"-overflow-y"),eL="overflowVisible",eA="updating",eD="".concat(eE,"-viewport"),eR="scrollbarHidden",e_="".concat(eE,"-padding"),eH="".concat(eE,"-content"),eM="os-size-observer",eN="".concat(eM,"-appear"),eP="".concat(eM,"-listener"),eI="os-scrollbar",eV="".concat(eI,"-rtl"),ez="".concat(eI,"-horizontal"),ej="".concat(eI,"-vertical"),eF="".concat(eI,"-track"),eG="".concat(eI,"-handle"),eU="".concat(eI,"-visible"),eq="".concat(eI,"-cornerless"),eB="".concat(eI,"-interaction"),eX="".concat(eI,"-unusable"),eK="".concat(eI,"-auto-hide"),eW="".concat(eK,"-hidden"),eY="".concat(eI,"-wheel"),e$="".concat(eF,"-interactive"),eJ="".concat(eG,"-interactive"),eZ={},eQ={},e0=t=>{I(t,t=>I(t,(e,r)=>{eZ[r]=t[r]}))},e1=(t,e,r)=>th(t).map(n=>{let{static:l,instance:o}=t[n],[i,a,c]=r||[],s=r?o:l;if(s){let t=r?s(i,a,e):s(e);return(c||eQ)[n]=t}}),e3=t=>eQ[t],e2=(t,e)=>{let{T:r}=e,[n,l]=t("showNativeOverlaidScrollbars");return[n&&r.x&&r.y,l]},e9=t=>0===t.indexOf(tl),e5=(t,e)=>{let{D:r}=t,n=t=>{let n=t0(r,t),l=e?e[t]:n;return[n,"scroll"===l]},[l,o]=n(Q),[i,a]=n(tt);return{k:{x:l,y:i},R:{x:o,y:a}}},e6=(t,e,r,n)=>{let l=e.x||e.y,o=(t,e)=>{let r=e9(t),n=e&&r&&t.replace("".concat(tl,"-"),"")||(r&&l?"hidden":"");return[e&&!r?t:"",e9(n)?"hidden":n]},[i,a]=o(r.x,e.x),[c,s]=o(r.y,e.y);return n[Q]=a&&c?a:i,n[tt]=s&&i?s:c,e5(t,n)},e4="__osScrollbarsHidingPlugin",e7=()=>{let t=(t,e,r,n)=>{tU(t,e);let l=t7(e),o=t4(e),i=et(r);return n&&tF(e),{x:o.h-l.h+i.h,y:o.w-l.w+i.w}},{body:e}=document,r=".".concat(eO,"{scroll-behavior:auto!important;position:fixed;opacity:0;visibility:hidden;overflow:scroll;height:200px;width:200px;z-index:-1}.").concat(eO," div{width:200%;height:200%;margin:10px 0}.").concat(eS,"{scrollbar-width:none!important}.").concat(eS,"::-webkit-scrollbar,.").concat(eS,"::-webkit-scrollbar-corner{appearance:none!important;display:none!important;width:0!important;height:0!important}"),n=tX('
"))[0],l=n.firstChild,[i,,c]=ev(),[s,u]=o({o:t(e,n,l),u:ta},tu(t,e,n,l,!0)),[d]=u(),p=(t=>{let e=!1,r=tR(t,eS);try{e="none"===t0(t,"scrollbar-width")||"none"===t0(t,"display","::-webkit-scrollbar")}catch(t){}return r(),e})(n),f={x:0===d.x,y:0===d.y},h={elements:{host:null,padding:!p,viewport:t=>p&&tN(t)&&t,content:!1},scrollbars:{slot:!0},cancel:{nativeScrollbarsOverlaid:!1,body:null}},y=ty({},ew),v=tu(ty,{},y),b=tu(ty,{},h),m={P:d,T:f,L:p,J:!!w,K:((t,e)=>{tQ(t,{[Q]:tn,[tt]:tn,direction:"rtl"}),ef(t,{x:0});let r=es(t),n=es(e);ef(t,{x:-999});let l=es(e);return{i:r.x===n.x,n:n.x!==l.x}})(n,l),Z:tu(i,"r"),G:b,tt:t=>ty(h,t)&&b(),nt:v,ot:t=>ty(y,t)&&v(),st:ty({},h),et:ty({},y)};return tO(n,"style"),tF(n),a.addEventListener("resize",()=>{let t;if(!p&&(!f.x||!f.y)){let e=e3(e4);t=!!(e?e.Y():ts)(m,s)}c("r",[t])}),m},e8=()=>(n||(n=e7()),n),rt=(t,e)=>D(e)?e.apply(0,t):e,re=(t,e,r,n)=>rt(t,S(n)?r:n)||e.apply(0,t),rr=(t,e,r,n)=>{let l=rt(t,S(n)?r:n);return!!l&&(N(l)?l:e.apply(0,t))},rn=(t,e)=>{let{nativeScrollbarsOverlaid:r,body:n}=e||{},{T:l,L:o,G:i}=e8(),{nativeScrollbarsOverlaid:a,body:c}=i().cancel,s=S(n)?c:n,u=(l.x||l.y)&&(null!=r?r:a),d=t&&(k(s)?!o:s);return!!u||!!d},rl=new WeakMap,ro=(t,e)=>{rl.set(t,e)},ri=t=>{rl.delete(t)},ra=t=>rl.get(t),rc=(t,e,r)=>{let n=!1,l=!!r&&new WeakMap,o=o=>{l&&r&&I(r.map(e=>{let[r,n]=e||[];return[n&&r?(o||t_)(r,t):[],n]}),r=>I(r[0],o=>{let i=r[1],a=l.get(o)||[];if(t.contains(o)&&i){let t=eo(o,i,r=>{n?(t(),l.delete(o)):e(r)});l.set(o,j(a,t))}else B(a),l.delete(o)}))};return o(),[()=>{n=!0},o]},rs=(t,e,r,n)=>{let l=!1,{ct:o,rt:i,lt:a,it:c,ut:s,dt:u}=n||{},d=tp(()=>l&&r(!0),{v:33,p:99}),[p,f]=rc(t,d,a),h=i||[],y=z(o||[],h),b=(l,o)=>{if(!U(o)){let i=s||ts,a=u||ts,d=[],p=[],y=!1,v=!1;if(I(o,r=>{let{attributeName:l,target:o,type:s,oldValue:u,addedNodes:f,removedNodes:b}=r,m="attributes"===s,w=t===o,g=m&&l,x=g&&tg(o,l||"")||null,E=g&&u!==x,O=V(h,l)&&E;if(e&&("childList"===s||!w)){let e=m&&E,s=e&&c&&tM(o,c),p=(s?!i(o,l,u,x):!m||e)&&!a(r,!!s,t,n);I(f,t=>j(d,t)),I(b,t=>j(d,t)),v=v||p}!e&&w&&E&&!i(o,l,u,x)&&(j(p,l),y=y||O)}),f(t=>q(d).reduce((e,r)=>(j(e,t_(t,r)),tM(r,t)?j(e,r):e),[])),e)return!l&&v&&r(!1),[!1];if(!U(p)||y){let t=[q(p),y];return l||r.apply(0,t),t}}},m=new v(tu(b,!1));return[()=>(m.observe(t,{attributes:!0,attributeOldValue:!0,attributeFilter:y,subtree:e,childList:e,characterData:e}),l=!0,()=>{l&&(p(),m.disconnect(),l=!1)}),()=>{if(l)return d.m(),b(!0,m.takeRecords())}]},ru=(t,e,r)=>{let{ft:n,_t:l}=r||{},i=e3("__osSizeObserverPlugin"),{K:a}=e8(),c=tu(t1,t),[s]=o({o:!1,_:!0});return()=>{let r=[],u=tX('
'))[0],d=u.firstChild,p=t=>{let r=t instanceof ResizeObserverEntry,l=!r&&R(t),o=!1,i=!1,c=!0;if(r){let[e,,r]=s(t.contentRect),n=er(e),l=en(e,r);c=!(o=!(i=!r||l)&&!n)}else l?[,c]=t:i=!0===t;if(n&&c){let e=l?t[0]:t1(u);ef(u,{x:eu(3333333,3333333,e&&a),y:3333333})}o||e({vt:l?t:void 0,ht:!l,_t:i})};if(m){let t=new m(t=>p(t.pop()));t.observe(d),j(r,()=>{t.disconnect()})}else{if(!i)return ts;let[t,e]=i(d,p,l);j(r,z([tR(u,eN),eo(u,"animationstart",t)],e))}if(n){let[t]=o({o:void 0},c);j(r,eo(u,"scroll",e=>{let[r,n,l]=t();n&&(tD(d,"ltr rtl"),tR(d,r?"rtl":"ltr"),p([!!r,n,l])),ei(e)}))}return tu(B,j(r,tU(t,u)))}},rd=(t,e)=>{let r;let n=t=>0===t.h||t.isIntersecting||t.intersectionRatio>0,l=tB("os-trinsic-observer"),[i]=o({o:!1}),a=(t,r)=>{if(t){let l=i(n(t)),[,o]=l;return o&&!r&&e(l)&&[l]}},c=(t,e)=>a(e.pop(),t);return[()=>{let e=[];if(b)(r=new b(tu(c,!1),{root:t})).observe(l),j(e,()=>{r.disconnect()});else{let t=()=>{a(t4(l))};j(e,ru(l,t)()),t()}return tu(B,j(e,tU(t,l)))},()=>r&&c(!0,r.takeRecords())]},rp=(t,e,r,n)=>{let l,i,a,c,s,u;let{L:d}=e8(),p="[".concat(eE,"]"),f="[".concat(eD,"]"),h=["tabindex"],y=["wrap","cols","rows"],v=["id","class","style","open"],{gt:b,bt:w,D:g,wt:x,yt:E,V:O,St:S,$t:k}=t,C={Ot:!1,N:t1(b)},A=e8(),_=e3(e4),[H]=o({u:ti,o:{w:0,h:0}},()=>{let n=_&&_.M(t,e,C,A,r).W,l=S(eL),o=!O&&S("arrange"),i=o&&eh(g);k(eL),O&&k(eA,!0);let a=o&&n&&n()[0],c=t8(x),s=t8(g),u=et(g);return k(eL,l),O&&k(eA),a&&a(),ef(g,i),{w:s.w+c.w+u.w,h:s.h+c.h+u.h}}),M=E?y:z(v,y),N=tp(n,{v:()=>l,p:()=>i,S(t,e){let[r]=t,[n]=e;return[z(th(r),th(n)).reduce((t,e)=>(t[e]=r[e]||n[e],t),{})]}}),P=t=>{if(O){let e=t1(b);ty(t,{Ct:u!==e}),ty(C,{N:e}),u=e}},j=t=>{I(t||h,t=>{if(V(h,t)){let e=tg(w,t);L(e)?tE(g,t,e):tO(g,t)}})},F=(t,e)=>{let[r,l]=t,o={xt:l};return ty(C,{Ot:r}),e||n(o),o},G=t=>{let{ht:e,vt:r,_t:l}=t,o=!(e&&!l&&!r)&&d?N:n,[i,a]=r||[],c={ht:e||l,_t:l,Ct:a};P(c),r&&ty(C,{N:i}),o(c)},U=(t,e)=>{let[,r]=H(),l={Ht:r};P(l);let o=t?n:N;return r&&!e&&o(l),l},q=(t,e,r)=>{let n={zt:e};return P(n),e&&!r?N(n):O||j(t),n},{Z:B}=A,[X,K]=x?rd(w,F):[],W=!O&&ru(w,G,{_t:!0,ft:!0}),[Y,$]=rs(w,!1,q,{rt:v,ct:z(v,h)}),J=O&&m&&new m(t=>{let e=t[t.length-1].contentRect;G({ht:!0,_t:en(e,s)}),s=e});return[()=>{j(),J&&J.observe(w);let t=W&&W(),e=X&&X(),r=Y(),n=B(t=>{let[,e]=H();N({It:t,Ht:e})});return()=>{J&&J.disconnect(),t&&t(),e&&e(),c&&c(),r(),n()}},t=>{let{Et:e,At:r,Tt:n}=t,o={},[s]=e("update.ignoreMutation"),[u,d]=e("update.attributes"),[h,y]=e("update.elementEvents"),[v,b]=e("update.debounce"),m=r||n,w=t=>D(s)&&s(t);if(y||d){a&&a(),c&&c();let[t,e]=rs(x||g,!0,U,{ct:z(M,u||[]),lt:h,it:p,dt:(t,e)=>{let{target:r,attributeName:n}=t;return!e&&!!n&&!O&&tj(r,p,f)||!!tV(r,".".concat(eI))||!!w(t)}});c=t(),a=e}if(b){if(N.m(),R(v)){let t=v[0],e=v[1];l=T(t)&&t,i=T(e)&&e}else l=!!T(v)&&v,i=!1}if(m){let t=$(),e=K&&K(),r=a&&a();t&&ty(o,q(t[0],t[1],m)),e&&ty(o,F(e[0],m)),r&&ty(o,U(r[0],m))}return P(o),o},C]},rf=(t,e,r,n)=>{let{G:l,K:o}=e8(),{scrollbars:i}=l(),{slot:a}=i,{gt:c,bt:s,D:u,Dt:d,kt:p,Rt:f,V:h}=e,{scrollbars:y}=d?{}:t,{slot:v}=y||{},b=new Map,m=t=>w&&new w({source:p,axis:t}),g=m("x"),x=m("y"),E=rr([c,s,u],()=>h&&f?c:s,a,v),O=(t,e)=>{if(e){let r=t?te:tr,{Mt:n,Vt:l}=e;return tm(0,1,ee(l)[r]/ee(n)[r]||0)}let n=t?"x":"y",{Lt:l,Pt:o}=r,i=o[n];return tm(0,1,i/(i+l[n])||0)},S=(t,e,r,n)=>{let l=O(r,t);return 1/l*(1-l)*(n?1-e:e)||0},k=(t,e)=>ty(t,e?{clear:["left"]}:{}),C=t=>{b.forEach((e,r)=>{(!t||V(G(t),r))&&(I(e||[],t=>{t&&t.cancel()}),b.delete(r))})},T=(t,e,r,n)=>{let l=b.get(t)||[],o=l.find(t=>t&&t.timeline===e);o?o.effect=new KeyframeEffect(t,r,{composite:n}):b.set(t,z(l,[t.animate(r,{timeline:e,composite:n})]))},L=(t,e,r)=>{let n=r?tR:tD;I(t,t=>{n(t.Ut,e)})},D=(t,e)=>{I(t,t=>{let[r,n]=e(t);tQ(r,n)})},R=(t,e)=>{D(t,t=>{let{Vt:r}=t;return[r,{[e?te:tr]:tJ(O(e))}]})},_=(t,e)=>{let{Lt:n}=r,l=e?n.x:n.y,i=(t,r,n)=>t2(tJ(S(t,ep(r,l,n),e,n)),e);if(g&&x)I(t,t=>{let{Ut:r,Vt:n}=t,a=e&&t1(r)&&o;T(n,e?g:x,k({transform:ed(l,a).map(e=>i(t,e,a))},a))});else{let r=eh(p);D(t,t=>{let{Vt:n,Ut:l}=t;return[n,{transform:i(t,e?r.x:r.y,e&&t1(l)&&o)}]})}},H=t=>h&&!f&&tI(t)===u,M=[],N=[],P=[],F=(t,e,r)=>{let n=A(r),l=!n||r,o=!n||!r;l&&L(N,t,e),o&&L(P,t,e)},U=t=>{let e=tB("".concat(eI," ").concat(t?ez:ej)),r=tB(eF),l=tB(eG),o={Ut:e,Mt:r,Vt:l};return j(t?N:P,o),j(M,[tU(e,r),tU(r,l),tu(tF,e),C,n(o,F,_,t)]),o},q=tu(U,!0),X=tu(U,!1);return q(),X(),[{Bt:()=>{R(N,!0),R(P)},Nt:()=>{_(N,!0),_(P)},jt:()=>{if(h){let{Lt:t}=r;if(g&&x)I(z(P,N),e=>{let{Ut:r}=e;if(H(r)){let e=(t,e,n)=>{let l=n&&t1(r)&&o;T(r,t,k({transform:ed(e-.5,l).map(t=>t2(tZ(t),n))},l),"add")};e(g,t.x,!0),e(x,t.y)}else C(r)});else{let e=eh(p),r=r=>{let{Ut:n}=r,l=H(n)&&n,i=(t,e,r)=>{let n=ep(t,e,r),l=e*n;return tZ(r?-l:l)};return[l,{transform:l?t2({x:i(e.x,t.x,t1(n)&&o),y:i(e.y,t.y)}):""}]};D(N,r),D(P,r)}}},Ft:F,qt:{J:g,Wt:N,Xt:q,Yt:tu(D,N)},Jt:{J:x,Wt:P,Xt:X,Yt:tu(D,P)}},()=>(tU(E,N[0].Ut),tU(E,P[0].Ut),tu(B,M))]},rh=(t,e,r,n)=>{let{bt:l,D:o,V:i,kt:a,Kt:c}=e;return(e,s,d,p)=>{let{Ut:h,Mt:y,Vt:v}=e,[b,m]=td(333),[w,g]=td(),x=tu(d,[e],p),E=!!a.scrollBy,O="client".concat(p?"X":"Y"),S=p?te:tr,k=p?"left":"top",C=p?"w":"h",T=p?"x":"y",L=t=>t.propertyName.indexOf(S)>-1,A=!0;return tu(B,[eo(v,"pointermove pointerleave",n),eo(h,"pointerenter",()=>{s(eB,!0)}),eo(h,"pointerleave pointercancel",()=>{s(eB,!1)}),!i&&eo(h,"mousedown",()=>{let t=tz();(tx(t,eD)||tx(t,eE)||t===document.body)&&f(()=>{o.focus()},25)}),eo(h,"wheel",t=>{let{deltaX:e,deltaY:r,deltaMode:n}=t;E&&A&&0===n&&tI(h)===l&&a.scrollBy({left:e,top:r,behavior:"smooth"}),A=!1,s(eY,!0),b(()=>{A=!0,s(eY)}),ea(t)},{H:!1,I:!0}),eo(v,"transitionstart",t=>{if(L(t)){let t=()=>{x(),w(t)};t()}}),eo(v,"transitionend transitioncancel",t=>{L(t)&&(g(),x())}),eo(h,"mousedown",tu(eo,c,"click",ei,{A:!0,I:!0}),{I:!0}),(()=>{let e="pointerup pointerleave pointercancel lostpointercapture",n=(t,e)=>n=>{let{Lt:l}=r,o=e*n/(t4(y)[C]-t4(v)[C])*l[T];ef(a,{[T]:t+o})};return eo(y,"pointerdown",r=>{let o=tV(r.target,".".concat(eG))===v,i=o?v:y,s=t.scrollbars,{button:d,isPrimary:p,pointerType:f}=r,{pointers:h}=s;if(0===d&&p&&s[o?"dragScroll":"clickScroll"]&&(h||[]).includes(f)){let t=!o&&r.shiftKey,s=tu(ee,v),d=tu(ee,y),p=(t,e)=>(t||s())[k]-(e||d())[k],f=u(ee(a)[S])/t4(a)[C]||1,h=n(eh(a)[T]||0,1/f),b=r[O],m=s(),w=d(),g=m[S],x=p(m,w)+g/2,E=b-w[k],L=o?0:E-x,A=t=>{B(D),i.releasePointerCapture(t.pointerId)},D=[tC(l,eE,"scrollbarPressed"),eo(c,e,A),eo(c,"selectstart",t=>ea(t),{H:!1}),eo(y,e,A),eo(y,"pointermove",e=>{let r=e[O]-b;(o||t)&&h(L+r)})];if(i.setPointerCapture(r.pointerId),t)h(L);else if(!o){let t=e3("__osClickScrollPlugin");t&&j(D,t(h,p,L,g,E))}}})})(),m,g])}},ry=(t,e,r,n,l,o)=>{let i,a,c,s,u;let d=ts,p=0,f=t=>"mouse"===t.pointerType,[h,y]=td(),[v,b]=td(100),[m,w]=td(100),[g,x]=td(()=>p),[E,O]=rf(t,l,n,rh(e,l,n,t=>f(t)&&_())),{bt:S,Zt:k,Rt:C}=l,{Ft:T,Bt:L,Nt:A,jt:D}=E,R=(t,e)=>{if(x(),t)T(eW);else{let t=tu(T,eW,!0);p>0&&!e?g(t):t()}},_=()=>{(c?i:s)||(R(!0),v(()=>{R(!1)}))},H=t=>{T(eK,t,!0),T(eK,t,!1)},M=t=>{f(t)&&(i=c,c&&R(!0))},N=[x,b,w,y,()=>d(),eo(S,"pointerover",M,{A:!0}),eo(S,"pointerenter",M),eo(S,"pointerleave",t=>{f(t)&&(i=!1,c&&R(!1))}),eo(S,"pointermove",t=>{f(t)&&a&&_()}),eo(k,"scroll",t=>{h(()=>{A(),_()}),o(t),D()})];return[()=>tu(B,j(N,O())),t=>{let{Et:e,Tt:l,Gt:o,Qt:i}=t,{tn:f,nn:h,sn:y}=i||{},{Ct:v,_t:b}=o||{},{N:w}=r,{T:g}=e8(),{k:x,en:E}=n,[O,S]=e("showNativeOverlaidScrollbars"),[_,M]=e("scrollbars.theme"),[N,P]=e("scrollbars.visibility"),[I,V]=e("scrollbars.autoHide"),[z,j]=e("scrollbars.autoHideSuspend"),[F]=e("scrollbars.autoHideDelay"),[G,U]=e("scrollbars.dragScroll"),[q,B]=e("scrollbars.clickScroll"),[X,K]=e("overflow"),W=E.x||E.y,Y=O&&g.x&&g.y,$=(t,e,r)=>{let n=t.includes("scroll")&&("visible"===N||"auto"===N&&"scroll"===e);return T(eU,n,r),n};if(p=F,b&&!l&&(z&&W?(H(!1),d(),m(()=>{d=eo(k,"scroll",tu(H,!0),{A:!0})})):H(!0)),S&&T("os-theme-none",Y),M&&(T(u),T(_,!0),u=_),j&&!z&&H(!0),V&&(a="move"===I,c="leave"===I,R(s="never"===I,!0)),U&&T(eJ,G),B&&T(e$,q),y||P||K){let t=$(X.x,x.x,!0),e=$(X.y,x.y,!1);T(eq,!(t&&e))}(f||h||v||l)&&(L(),A(),D(),T(eX,!E.x,!0),T(eX,!E.y,!1),T(eV,w&&!C))},{},E]},rv=t=>{let{G:e,L:r}=e8(),{elements:n}=e(),{host:l,padding:o,viewport:i,content:a}=n,c=N(t),s=c?{}:t,{elements:u}=s,{host:d,padding:p,viewport:f,content:h}=u||{},y=c?t:s.target,v=tN(y),b=tM(y,"textarea"),m=y.ownerDocument,w=m.documentElement,g=m.defaultView,x=t=>{t&&t.focus&&t.focus()},E=tu(re,[y]),O=tu(rr,[y]),S=tu(tB,""),k=tu(E,S,i),C=tu(O,S,a),T=k(f),L=T===y,A=L&&v,D=!L&&C(h),R=A?w:T,_=b?E(S,l,d):y,H=A?R:_,M=!L&&O(S,o,p),P=!(!L&&T===D)&&D,I=[P,R,M,H].map(t=>N(t)&&!tI(t)&&t),z=t=>t&&V(I,t),F=z(R)?y:R,G={gt:y,bt:H,D:R,cn:M,wt:P,kt:A?w:R,Zt:A?m:R,rn:v?w:F,ln:g,Kt:m,yt:b,Rt:v,Dt:c,V:L,St:t=>tL(R,L?eE:eD,t),$t:(t,e)=>tT(R,L?eE:eD,t,e)},{gt:U,bt:q,cn:X,D:K,wt:W}=G,Y=[()=>{tO(q,[eE,ek]),tO(U,ek),v&&tO(w,[ek,eE])}],$=b&&z(q),J=b?U:tP([W,K,X,q,U].find(t=>t&&!z(t))),Z=A?U:W||K,Q=tu(B,Y);return[G,()=>{let t=tz(),e=t=>{tU(tI(t),tP(t)),tF(t)},n=t=>t?eo(t,"focusin focusout focus blur",t=>{ei(t),t.stopImmediatePropagation()},{I:!0,H:!1}):ts,l="tabindex",o=tg(K,l),i=n(t);return tE(q,eE,L?"viewport":"host"),tE(X,e_,""),tE(W,eH,""),!L&&(tE(K,eD,""),tE(K,l,o||"-1"),v&&tC(w,eE,"body")),$&&(tq(U,q),j(Y,()=>{tq(q,U),tF(q)})),tU(Z,J),tU(q,X),tU(X||q,!L&&K),tU(K,W),j(Y,[i,()=>{let t=tz(),r=n(t);tO(X,e_),tO(W,eH),tO(K,[eC,eT,eD]),o?tE(K,l,o):tO(K,l),z(W)&&e(W),z(K)&&e(K),z(X)&&e(X),x(t),r()}]),r&&!L&&(tC(K,eD,eR),j(Y,tu(tO,K,eD))),x(L||g.top!==g||t!==y?t:K),i(),J=0,Q},Q]},rb=t=>{let{wt:e}=t;return t=>{let{Gt:r,an:n,Tt:l}=t,{xt:o}=r||{},{Ot:i}=n;e&&(o||l)&&tQ(e,{[tr]:i&&"100%"})}},rm=(t,e)=>{let{bt:r,cn:n,D:l,V:i}=t,[a,c]=o({u:tc,o:t3()},tu(t3,r,"padding",""));return t=>{let{Et:r,Gt:o,an:s,Tt:u}=t,[d,p]=c(u),{L:f}=e8(),{ht:h,Ht:y,Ct:v}=o||{},{N:b}=s,[m,w]=r("paddingAbsolute"),g=u||y;(h||p||g)&&([d,p]=a(u));let x=!i&&(w||v||p);if(x){let t=!m||!n&&!f,r=d.r+d.l,o=d.t+d.b,i={[J]:t&&!b?-r:0,[Z]:t?-o:0,[$]:t&&b?-r:0,top:t?-d.t:0,right:t?b?-d.r:"auto":0,left:t?b?"auto":-d.l:0,[te]:t&&"calc(100% + ".concat(r,"px)")},a={[X]:t?d.t:0,[K]:t?d.r:0,[Y]:t?d.b:0,[W]:t?d.l:0};tQ(n||l,i),tQ(l,a),ty(e,{cn:d,un:!t,j:n?a:ty({},i,a)})}return{dn:x}}},rw=(t,e)=>{let r=e8(),{bt:n,cn:l,D:i,V:s,$t:u,Rt:d,ln:p}=t,{L:f}=r,h=d&&s,y=tu(c,0),v={u:ti,o:{w:0,h:0}},b=(t,e)=>{let r=a.devicePixelRatio%1!=0?1:0,n={w:y(t.w-e.w),h:y(t.h-e.h)};return{w:n.w>r?n.w:0,h:n.h>r?n.h:0}},[m,w]=o(v,tu(et,i)),[g,x]=o(v,tu(t8,i)),[E,O]=o(v),[S,k]=o(v),[C]=o({u:ta,o:{x:tn,y:tn}}),T=e3(e4);return(o,a)=>{let d,{Et:v,Gt:L,an:A,Tt:D}=o,{dn:R}=a,{ht:_,Ht:H,Ct:M,It:N}=L||{},{q:P,W:I,X:V}=T&&T.M(t,e,A,r,v)||{},[z,j]=e2(v,r),[F,G]=v("overflow"),U=_||R||H||M||N||j,q=e9(F.x),B=e9(F.y),X=q||B,K=w(D),W=x(D),Y=O(D),$=k(D);if(j&&f&&u(eR,!z),U){X&&u(eL,!1);let[t,e]=I?I(d):[],[r,n]=K=m(D),[l,o]=W=g(D),a=t7(i);t&&t(),(o||n||j)&&e&&!z&&P&&P(e,l,r);let s=t6(p),f={w:y(c(l.w,l.w)+r.w),h:y(c(l.h,l.h)+r.h)},v={w:y((h?s.w:a.w+y(a.w-l.w))+r.w),h:y((h?s.h:a.h+y(a.h-l.h))+r.h)};$=S(v),Y=E(b(f,v),D)}let[J,Z]=$,[te,tr]=Y,[tn,tl]=W,[to,ti]=K,ta={x:te.w>0,y:te.h>0},tc=q&&B&&(ta.x||ta.y)||q&&ta.x&&!ta.y||B&&ta.y&&!ta.x;if(R||M||N||ti||tl||Z||tr||G||j||U){let e={},r=e6(t,ta,F,e);V&&V(r,A,!!P&&P(r,tn,to),e),s?(tE(n,eC,e[Q]),tE(n,eT,e[tt])):tQ(i,e)}tT(n,eE,eL,tc),tT(l,e_,eL,tc),s||tT(i,eD,eL,X);let[ts,tu]=C(e5(t).k);return ty(e,{k:ts,Pt:{x:J.w,y:J.h},Lt:{x:te.w,y:te.h},en:ta}),{sn:tu,tn:Z,nn:tr}}},rg=t=>{let[e,r,n]=rv(t),l={cn:{t:0,r:0,b:0,l:0},un:!1,j:{[J]:0,[Z]:0,[$]:0,[X]:0,[K]:0,[Y]:0,[W]:0},Pt:{x:0,y:0},Lt:{x:0,y:0},k:{x:tn,y:tn},en:{x:!1,y:!1}},{gt:o,D:i,V:a}=e,{L:c,T:s}=e8(),u=!c&&(s.x||s.y),d=[rb(e),rm(e,l),rw(e,l)];return[r,t=>{let e={},r=u&&eh(i),n=a?tC(i,eE,eA):ts;return I(d,r=>{ty(e,r(t,e)||{})}),n(),ef(i,r),a||ef(o,0),e},l,e,n]},rx=(t,e,r,n)=>{let l=ex(e,{}),[o,i,a,c,s]=rg(t),[u,d,p]=rp(c,a,l,t=>{b({},t)}),[f,h,,y]=ry(t,e,p,a,c,n),v=t=>th(t).some(e=>!!t[e]),b=(t,n)=>{let{fn:l,Tt:o,At:a,_n:c}=t,s=l||{},u=!!o,f={Et:ex(e,s,u),fn:s,Tt:u};if(c)return h(f),!1;let y=n||d(ty({},f,{At:a})),b=i(ty({},f,{an:p,Gt:y}));h(ty({},f,{Gt:y,Qt:b}));let m=v(y),w=v(b),g=m||w||!tb(s)||u;return g&&r(t,{Gt:y,Qt:b}),g};return[()=>{let{rn:t,D:e}=c,r=eh(t),n=[u(),o(),f()];return ef(e,r),tu(B,n)},b,()=>({vn:p,hn:a}),{pn:c,gn:y},s]},rE=(t,e,r)=>{let{nt:n}=e8(),l=N(t),o=l?t:t.target,i=ra(o);if(e&&!i){let i=!1,a=[],c={},s=t=>{let e=tv(t,!0),r=e3("__osOptionsValidationPlugin");return r?r(e,!0):e},u=ty({},n(),s(e)),[d,p,f]=ev(),[h,y,v]=ev(r),b=(t,e)=>{v(t,e),f(t,e)},[m,w,g,x,E]=rx(t,u,(t,e)=>{let{fn:r,Tt:n}=t,{Gt:l,Qt:o}=e,{ht:i,Ct:a,xt:c,Ht:s,zt:u,_t:d}=l,{tn:p,nn:f,sn:h}=o;b("updated",[S,{updateHints:{sizeChanged:!!i,directionChanged:!!a,heightIntrinsicChanged:!!c,overflowEdgeChanged:!!p,overflowAmountChanged:!!f,overflowStyleChanged:!!h,contentMutation:!!s,hostMutation:!!u,appear:!!d},changedOptions:r||{},force:!!n}])},t=>b("scroll",[S,t])),O=t=>{ri(o),B(a),i=!0,b("destroyed",[S,t]),p(),y()},S={options(t,e){if(t){let r=eg(u,ty(e?n():{},s(t)));tb(r)||(ty(u,r),w({fn:r}))}return ty({},u)},on:h,off:(t,e)=>{t&&e&&y(t,e)},state(){let{vn:t,hn:e}=g(),{N:r}=t,{Pt:n,Lt:l,k:o,en:a,cn:c,un:s}=e;return ty({},{overflowEdge:n,overflowAmount:l,overflowStyle:o,hasOverflow:a,padding:c,paddingAbsolute:s,directionRTL:r,destroyed:i})},elements(){let{gt:t,bt:e,cn:r,D:n,wt:l,kt:o,Zt:i}=x.pn,{qt:a,Jt:c}=x.gn,s=t=>{let{Vt:e,Mt:r,Ut:n}=t;return{scrollbar:n,track:r,handle:e}},u=t=>{let{Wt:e,Xt:r}=t;return ty({},s(e[0]),{clone:()=>{let t=s(r());return w({_n:!0}),t}})};return ty({},{target:t,host:e,padding:r||n,viewport:n,content:l||n,scrollOffsetElement:o,scrollEventElement:i,scrollbarHorizontal:u(a),scrollbarVertical:u(c)})},update:t=>w({Tt:t,At:!0}),destroy:tu(O,!1),plugin:t=>c[th(t)[0]]};return(j(a,[E]),ro(o,S),e1(eZ,rE,[S,d,c]),rn(x.pn.Rt,!l&&t.cancel))?O(!0):(j(a,m()),b("initialized",[S]),S.update(!0)),S}return i};rE.plugin=t=>{let e=R(t),r=e?t:[t],n=r.map(t=>e1(t,rE)[0]);return e0(r),e?n:n[0]},rE.valid=t=>{let e=t&&t.elements,r=D(e)&&e();return M(r)&&!!ra(r.target)},rE.env=()=>{let{P:t,T:e,L:r,K:n,J:l,st:o,et:i,G:a,tt:c,nt:s,ot:u}=e8();return ty({},{scrollbarsSize:t,scrollbarsOverlaid:e,scrollbarsHiding:r,rtlScrollBehavior:n,scrollTimeline:l,staticDefaultInitialization:o,staticDefaultOptions:i,getDefaultInitialization:a,setDefaultInitialization:c,getDefaultOptions:s,setDefaultOptions:u})};let rO=()=>{let t,e;let r=window,n="function"==typeof r.requestIdleCallback,l=r.requestAnimationFrame,o=r.cancelAnimationFrame,i=n?r.requestIdleCallback:l,a=n?r.cancelIdleCallback:o,c=()=>{a(t),o(e)};return[(r,o)=>{c(),t=i(n?()=>{c(),e=l(r)}:r,"object"==typeof o?o:{timeout:2233})},c]},rS=t=>{let{options:e,events:r,defer:n}=t||{},[o,i]=(0,l.useMemo)(rO,[]),a=(0,l.useRef)(null),c=(0,l.useRef)(n),s=(0,l.useRef)(e),u=(0,l.useRef)(r);return(0,l.useEffect)(()=>{c.current=n},[n]),(0,l.useEffect)(()=>{let{current:t}=a;s.current=e,rE.valid(t)&&t.options(e||{},!0)},[e]),(0,l.useEffect)(()=>{let{current:t}=a;u.current=r,rE.valid(t)&&t.on(r||{},!0)},[r]),(0,l.useEffect)(()=>()=>{var t;i(),null==(t=a.current)||t.destroy()},[]),(0,l.useMemo)(()=>[t=>{let e=a.current;if(rE.valid(e))return;let r=c.current,n=s.current||{},l=u.current||{},i=()=>a.current=rE(t,n,l);r?o(i,r):i()},()=>a.current],[])},rk=(0,l.forwardRef)((t,e)=>{let{element:r="div",options:n,events:o,defer:i,children:a,...c}=t,s=(0,l.useRef)(null),u=(0,l.useRef)(null),[d,p]=rS({options:n,events:o,defer:i});return(0,l.useEffect)(()=>{let{current:t}=s,{current:e}=u;if(t)return d("body"===r?{target:t,cancel:{body:null}}:{target:t,elements:{viewport:e,content:e}}),()=>{var t;return null==(t=p())?void 0:t.destroy()}},[d,r]),(0,l.useImperativeHandle)(e,()=>({osInstance:p,getElement:()=>s.current}),[]),l.createElement(r,{"data-overlayscrollbars-initialize":"",ref:s,...c},"body"===r?a:l.createElement("div",{"data-overlayscrollbars-contents":"",ref:u},a))})}}]); \ No newline at end of file diff --git a/docs/_next/static/chunks/10-811ad75850715e3f.js b/docs/_next/static/chunks/10-811ad75850715e3f.js deleted file mode 100644 index b5424450..00000000 --- a/docs/_next/static/chunks/10-811ad75850715e3f.js +++ /dev/null @@ -1,9 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[10],{5010:function(t,e,r){let n;r.d(e,{E:function(){return rO},A:function(){return rE}});var l=r(2265);/*! - * OverlayScrollbars - * Version: 2.7.0 - * - * Copyright (c) Rene Haas | KingSora. - * https://github.com/KingSora - * - * Released under the MIT license. - */let o=(t,e)=>{let r;let{o:n,u:l,_:o}=t,i=n,a=(t,e)=>{let n=i,a=e||(l?!l(n,t):n!==t);return(a||o)&&(i=t,r=n),[i,a,r]};return[e?t=>a(e(i,r),t):a,t=>[i,!!t,r]]},i="undefined"!=typeof document,a=i?window:{},c=Math.max,s=Math.min,u=Math.round,d=a.cancelAnimationFrame,f=a.requestAnimationFrame,p=a.setTimeout,v=a.clearTimeout,y=t=>void 0!==a[t]?a[t]:void 0,h=y("MutationObserver"),b=y("IntersectionObserver"),m=y("ResizeObserver"),w=y("ScrollTimeline"),g=i&&Node.ELEMENT_NODE,{toString:x,hasOwnProperty:E}=Object.prototype,O=/^\[object (.+)\]$/,S=t=>void 0===t,k=t=>null===t,C=t=>S(t)||k(t)?"".concat(t):x.call(t).replace(O,"$1").toLowerCase(),T=t=>"number"==typeof t,L=t=>"string"==typeof t,A=t=>"boolean"==typeof t,D=t=>"function"==typeof t,R=t=>Array.isArray(t),_=t=>"object"==typeof t&&!R(t)&&!k(t),H=t=>{let e=!!t&&t.length,r=T(e)&&e>-1&&e%1==0;return(!!R(t)||!D(t)&&!!r)&&(!(e>0&&_(t))||e-1 in t)},M=t=>{let e;if(!t||!_(t)||"object"!==C(t))return!1;let r="constructor",n=t[r],l=n&&n.prototype,o=E.call(t,r),i=l&&E.call(l,"isPrototypeOf");if(n&&!o&&!i)return!1;for(e in t);return S(e)||E.call(t,e)},N=t=>{let e=HTMLElement;return!!t&&(e?t instanceof e:t.nodeType===g)},P=t=>{let e=Element;return!!t&&(e?t instanceof e:t.nodeType===g)};function I(t,e){if(H(t))for(let r=0;re(t[r],r,t));return t}let V=(t,e)=>t.indexOf(e)>=0,z=(t,e)=>t.concat(e),j=(t,e,r)=>(!r&&!L(e)&&H(e)?Array.prototype.push.apply(t,e):t.push(e),t),F=t=>Array.from(t||[]),G=t=>R(t)?t:[t],U=t=>!!t&&!t.length,q=t=>F(new Set(t)),B=(t,e,r)=>{I(t,t=>t&&t.apply(void 0,e||[])),r||(t.length=0)},X="paddingTop",K="paddingRight",W="paddingLeft",Y="paddingBottom",$="marginLeft",J="marginRight",Z="marginBottom",Q="overflowX",tt="overflowY",te="width",tr="height",tn="hidden",tl="visible",to=(t,e,r,n)=>{if(t&&e){let l=!0;return I(r,r=>{(n?n(t[r]):t[r])!==(n?n(e[r]):e[r])&&(l=!1)}),l}return!1},ti=(t,e)=>to(t,e,["w","h"]),ta=(t,e)=>to(t,e,["x","y"]),tc=(t,e)=>to(t,e,["t","r","b","l"]),ts=()=>{},tu=function(t){for(var e=arguments.length,r=Array(e>1?e-1:0),n=1;n{let e;let r=t?p:f,n=t?v:d;return[l=>{n(e),e=r(l,D(t)?t():t)},()=>n(e)]},tf=(t,e)=>{let r,n,l;let o=ts,{v:i,p:a,S:c}=e||{},s=function(e){o(),v(r),r=n=void 0,o=ts,t.apply(this,e)},u=t=>c&&n?c(n,t):t,y=()=>{o!==ts&&s(u(l)||l)},h=function(){let t=F(arguments),e=D(i)?i():i;if(T(e)&&e>=0){let i=D(a)?a():a,c=T(i)&&i>=0,h=e>0?p:f,b=e>0?v:d,m=u(t)||t,w=s.bind(0,m);o();let g=h(w,e);o=()=>b(g),c&&!r&&(r=p(y,i)),n=l=m}else s(t)};return h.m=y,h},tp=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),tv=t=>t?Object.keys(t):[],ty=(t,e,r,n,l,o,i)=>(("object"!=typeof t||k(t))&&!D(t)&&(t={}),I([e,r,n,l,o,i],e=>{I(e,(r,n)=>{let l=e[n];if(t===l)return!0;let o=R(l);if(l&&M(l)){let e=t[n],r=e;o&&!R(e)?r=[]:o||M(e)||(r={}),t[n]=ty(r,l)}else t[n]=o?l.slice():l})}),t),th=(t,e)=>I(ty({},t),(t,r,n)=>{void 0===t?delete n[r]:e&&t&&M(t)&&(n[r]=th(t,e))}),tb=t=>{for(let e in t)return!1;return!0},tm=(t,e,r)=>c(t,s(e,r)),tw=t=>F(new Set((R(t)?t:(t||"").split(" ")).filter(t=>t))),tg=(t,e)=>t&&t.getAttribute(e),tx=(t,e,r)=>{I(tw(e),e=>{t&&t.setAttribute(e,r||"")})},tE=(t,e)=>{I(tw(e),e=>t&&t.removeAttribute(e))},tO=(t,e)=>{let r=tw(tg(t,e)),n=tu(tx,t,e),l=(t,e)=>{let n=new Set(r);return I(tw(t),t=>n[e](t)),F(n).join(" ")};return{O:t=>n(l(t,"delete")),$:t=>n(l(t,"add")),C:t=>{let e=tw(t);return e.reduce((t,e)=>t&&r.includes(e),e.length>0)}}},tS=(t,e,r)=>{tO(t,e).O(r)},tk=(t,e,r)=>(tO(t,e).$(r),tu(tS,t,e,r)),tC=(t,e,r,n)=>{(n?tk:tS)(t,e,r)},tT=(t,e,r)=>tO(t,e).C(r),tL=t=>tO(t,"class"),tA=(t,e)=>{tL(t).O(e)},tD=(t,e)=>(tL(t).$(e),tu(tA,t,e)),tR=(t,e)=>{let r=[],n=e?P(e)&&e:document;return n?j(r,n.querySelectorAll(t)):r},t_=(t,e)=>{let r=e?P(e)&&e:document;return r?r.querySelector(t):null},tH=(t,e)=>!!P(t)&&t.matches(e),tM=t=>tH(t,"body"),tN=t=>t?F(t.childNodes):[],tP=t=>t&&t.parentElement,tI=(t,e)=>P(t)&&t.closest(e),tV=(t,e,r)=>{let n=tI(t,e),l=t&&t_(r,n),o=tI(l,e)===n;return!!n&&!!l&&(n===t||l===t||o&&tI(tI(t,r),e)!==n)},tz=t=>{if(H(t))I(F(t),t=>tz(t));else if(t){let e=tP(t);e&&e.removeChild(t)}},tj=(t,e,r)=>{if(r&&t){let n,l=e;return H(r)?(n=document.createDocumentFragment(),I(r,t=>{t===l&&(l=t.previousSibling),n.appendChild(t)})):n=r,e&&(l?l!==e&&(l=l.nextSibling):l=t.firstChild),t.insertBefore(n,l||null),()=>tz(r)}return ts},tF=(t,e)=>tj(t,null,e),tG=(t,e)=>tj(tP(t),t&&t.nextSibling,e),tU=t=>{let e=document.createElement("div");return tx(e,"class",t),e},tq=t=>{let e=tU();return e.innerHTML=t.trim(),I(tN(e),t=>tz(t))},tB=/^--/,tX=(t,e)=>t.getPropertyValue(e)||t[e]||"",tK=t=>{let e=t||0;return isFinite(e)?e:0},tW=t=>tK(parseFloat(t||"")),tY=t=>"".concat((100*tK(t)).toFixed(3),"%"),t$=t=>"".concat(tK(t),"px");function tJ(t,e){t&&I(e,(e,r)=>{try{let n=t.style,l=T(e)?t$(e):(e||"")+"";tB.test(r)?n.setProperty(r,l):n[r]=l}catch(t){}})}function tZ(t,e,r){let n=L(e),l=n?"":{};if(t){let o=a.getComputedStyle(t,r)||t.style;l=n?tX(o,e):e.reduce((t,e)=>(t[e]=tX(o,e),t),l)}return l}let tQ=t=>"rtl"===tZ(t,"direction"),t0=(t,e,r)=>{let n=e?"".concat(e,"-"):"",l=r?"-".concat(r):"",o="".concat(n,"top").concat(l),i="".concat(n,"right").concat(l),a="".concat(n,"bottom").concat(l),c="".concat(n,"left").concat(l),s=tZ(t,[o,i,a,c]);return{t:tW(s[o]),r:tW(s[i]),b:tW(s[a]),l:tW(s[c])}},t1=(t,e)=>"translate".concat(_(t)?"(".concat(t.x,",").concat(t.y,")"):"".concat(e?"X":"Y","(").concat(t,")")),t3={w:0,h:0},t2=(t,e)=>e?{w:e["".concat(t,"Width")],h:e["".concat(t,"Height")]}:t3,t9=t=>t2("inner",t||a),t5=tu(t2,"offset"),t6=tu(t2,"client"),t4=tu(t2,"scroll"),t7=t=>{let e=parseFloat(tZ(t,te))||0,r=parseFloat(tZ(t,tr))||0;return{w:e-u(e),h:r-u(r)}},t8=t=>t.getBoundingClientRect(),et=t=>!!(t&&(t[tr]||t[te])),ee=(t,e)=>{let r=et(t);return!et(e)&&r},er=(t,e,r,n)=>{I(tw(e),e=>{t.removeEventListener(e,r,n)})},en=(t,e,r,n)=>{var l;let o=null==(l=n&&n.H)||l,i=n&&n.I||!1,a=n&&n.A||!1,c={passive:o,capture:i};return tu(B,tw(e).map(e=>{let n=a?l=>{er(t,e,n,i),r(l)}:r;return t.addEventListener(e,n,c),tu(er,t,e,n,i)}))},el=t=>t.stopPropagation(),eo=t=>t.preventDefault(),ei={x:0,y:0},ea=t=>{let e=t&&t8(t);return e?{x:e.left+a.scrollX,y:e.top+a.scrollY}:ei},ec=(t,e,r)=>r?r.n?-t+0:r.i?e-t:t:t,es=(t,e)=>[ec(0,t,e),ec(t,t,e)],eu=(t,e,r)=>tm(0,1,ec(t,e,r)/e||0),ed=(t,e)=>{let{x:r,y:n}=T(e)?{x:e,y:e}:e||{};T(r)&&(t.scrollLeft=r),T(n)&&(t.scrollTop=n)},ef=t=>({x:t.scrollLeft,y:t.scrollTop}),ep=(t,e)=>{I(G(e),t)},ev=t=>{let e=new Map,r=(t,r)=>{if(t){let n=e.get(t);ep(t=>{n&&n[t?"delete":"clear"](t)},r)}else e.forEach(t=>{t.clear()}),e.clear()},n=(t,l)=>{if(L(t)){let n=e.get(t)||new Set;return e.set(t,n),ep(t=>{D(t)&&n.add(t)},l),tu(r,t,l)}A(l)&&l&&r();let o=tv(t),i=[];return I(o,e=>{let r=t[e];r&&j(i,n(e,r))}),tu(B,i)};return n(t||{}),[n,r,(t,r)=>{I(F(e.get(t)),t=>{r&&!U(r)?t.apply(0,r):t()})}]},ey=t=>JSON.stringify(t,(t,e)=>{if(D(e))throw 0;return e}),eh=(t,e)=>t?"".concat(e).split(".").reduce((t,e)=>t&&tp(t,e)?t[e]:void 0,t):void 0,eb={paddingAbsolute:!1,showNativeOverlaidScrollbars:!1,update:{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,autoHideSuspend:!1,dragScroll:!0,clickScroll:!1,pointers:["mouse","touch","pen"]}},em=(t,e)=>{let r={};return I(z(tv(e),tv(t)),n=>{let l=t[n],o=e[n];if(_(l)&&_(o))ty(r[n]={},em(l,o)),tb(r[n])&&delete r[n];else if(tp(e,n)&&o!==l){let t=!0;if(R(l)||R(o))try{ey(l)===ey(o)&&(t=!1)}catch(t){}t&&(r[n]=o)}}),r},ew=(t,e,r)=>n=>[eh(t,n),r||void 0!==eh(e,n)],eg="data-overlayscrollbars",ex="os-environment",eE="".concat(ex,"-scrollbar-hidden"),eO="".concat(eg,"-initialize"),eS="".concat(eg,"-overflow-x"),ek="".concat(eg,"-overflow-y"),eC="overflowVisible",eT="updating",eL="".concat(eg,"-viewport"),eA="scrollbarHidden",eD="".concat(eg,"-padding"),eR="".concat(eg,"-content"),e_="os-size-observer",eH="".concat(e_,"-appear"),eM="".concat(e_,"-listener"),eN="os-scrollbar",eP="".concat(eN,"-rtl"),eI="".concat(eN,"-horizontal"),eV="".concat(eN,"-vertical"),ez="".concat(eN,"-track"),ej="".concat(eN,"-handle"),eF="".concat(eN,"-visible"),eG="".concat(eN,"-cornerless"),eU="".concat(eN,"-interaction"),eq="".concat(eN,"-unusable"),eB="".concat(eN,"-auto-hide"),eX="".concat(eB,"-hidden"),eK="".concat(eN,"-wheel"),eW="".concat(ez,"-interactive"),eY="".concat(ej,"-interactive"),e$={},eJ={},eZ=t=>{I(t,t=>I(t,(e,r)=>{e$[r]=t[r]}))},eQ=(t,e,r)=>tv(t).map(n=>{let{static:l,instance:o}=t[n],[i,a,c]=r||[],s=r?o:l;if(s){let t=r?s(i,a,e):s(e);return(c||eJ)[n]=t}}),e0=t=>eJ[t],e1=(t,e)=>{let{T:r}=e,[n,l]=t("showNativeOverlaidScrollbars");return[n&&r.x&&r.y,l]},e3=t=>0===t.indexOf(tl),e2=(t,e)=>{let{D:r}=t,n=t=>{let n=tZ(r,t),l=e?e[t]:n;return[n,"scroll"===l]},[l,o]=n(Q),[i,a]=n(tt);return{k:{x:l,y:i},R:{x:o,y:a}}},e9=(t,e,r,n)=>{let l=e.x||e.y,o=(t,e)=>{let r=e3(t),n=e&&r&&t.replace("".concat(tl,"-"),"")||(r&&l?"hidden":"");return[e&&!r?t:"",e3(n)?"hidden":n]},[i,a]=o(r.x,e.x),[c,s]=o(r.y,e.y);return n[Q]=a&&c?a:i,n[tt]=s&&i?s:c,e2(t,n)},e5="__osScrollbarsHidingPlugin",e6=()=>{let t=(t,e,r,n)=>{tF(t,e);let l=t6(e),o=t5(e),i=t7(r);return n&&tz(e),{x:o.h-l.h+i.h,y:o.w-l.w+i.w}},{body:e}=document,r=tq('
'))[0],n=r.firstChild,[l,,i]=ev(),[c,s]=o({o:t(e,r,n),u:ta},tu(t,e,r,n,!0)),[u]=s(),d=(t=>{let e=!1,r=tD(t,eE);try{e="none"===tZ(t,"scrollbar-width")||"none"===tZ(t,"display","::-webkit-scrollbar")}catch(t){}return r(),e})(r),f={x:0===u.x,y:0===u.y},p={elements:{host:null,padding:!d,viewport:t=>d&&tM(t)&&t,content:!1},scrollbars:{slot:!0},cancel:{nativeScrollbarsOverlaid:!1,body:null}},v=ty({},eb),y=tu(ty,{},v),h=tu(ty,{},p),b={P:u,T:f,L:d,J:!!w,K:((t,e)=>{tJ(t,{[Q]:tn,[tt]:tn,direction:"rtl"}),ed(t,{x:0});let r=ea(t),n=ea(e);ed(t,{x:-999});let l=ea(e);return{i:r.x===n.x,n:n.x!==l.x}})(r,n),Z:tu(l,"r"),G:h,tt:t=>ty(p,t)&&h(),nt:y,ot:t=>ty(v,t)&&y(),st:ty({},p),et:ty({},v)};return tE(r,"style"),tz(r),a.addEventListener("resize",()=>{let t;if(!d&&(!f.x||!f.y)){let e=e0(e5);t=!!(e?e.Y():ts)(b,c)}i("r",[t])}),b},e4=()=>(n||(n=e6()),n),e7=(t,e)=>D(e)?e.apply(0,t):e,e8=(t,e,r,n)=>e7(t,S(n)?r:n)||e.apply(0,t),rt=(t,e,r,n)=>{let l=e7(t,S(n)?r:n);return!!l&&(N(l)?l:e.apply(0,t))},re=(t,e)=>{let{nativeScrollbarsOverlaid:r,body:n}=e||{},{T:l,L:o,G:i}=e4(),{nativeScrollbarsOverlaid:a,body:c}=i().cancel,s=S(n)?c:n,u=(l.x||l.y)&&(null!=r?r:a),d=t&&(k(s)?!o:s);return!!u||!!d},rr=new WeakMap,rn=(t,e)=>{rr.set(t,e)},rl=t=>{rr.delete(t)},ro=t=>rr.get(t),ri=(t,e,r)=>{let n=!1,l=!!r&&new WeakMap,o=o=>{l&&r&&I(r.map(e=>{let[r,n]=e||[];return[n&&r?(o||tR)(r,t):[],n]}),r=>I(r[0],o=>{let i=r[1],a=l.get(o)||[];if(t.contains(o)&&i){let t=en(o,i,r=>{n?(t(),l.delete(o)):e(r)});l.set(o,j(a,t))}else B(a),l.delete(o)}))};return o(),[()=>{n=!0},o]},ra=(t,e,r,n)=>{let l=!1,{ct:o,rt:i,lt:a,it:c,ut:s,ft:u}=n||{},d=tf(()=>l&&r(!0),{v:33,p:99}),[f,p]=ri(t,d,a),v=i||[],y=z(o||[],v),b=(l,o)=>{if(!U(o)){let i=s||ts,a=u||ts,d=[],f=[],y=!1,h=!1;if(I(o,r=>{let{attributeName:l,target:o,type:s,oldValue:u,addedNodes:p,removedNodes:b}=r,m="attributes"===s,w=t===o,g=m&&l,x=g&&tg(o,l||"")||null,E=g&&u!==x,O=V(v,l)&&E;if(e&&("childList"===s||!w)){let e=m&&E,s=e&&c&&tH(o,c),f=(s?!i(o,l,u,x):!m||e)&&!a(r,!!s,t,n);I(p,t=>j(d,t)),I(b,t=>j(d,t)),h=h||f}!e&&w&&E&&!i(o,l,u,x)&&(j(f,l),y=y||O)}),p(t=>q(d).reduce((e,r)=>(j(e,tR(t,r)),tH(r,t)?j(e,r):e),[])),e)return!l&&h&&r(!1),[!1];if(!U(f)||y){let t=[q(f),y];return l||r.apply(0,t),t}}},m=new h(tu(b,!1));return[()=>(m.observe(t,{attributes:!0,attributeOldValue:!0,attributeFilter:y,subtree:e,childList:e,characterData:e}),l=!0,()=>{l&&(f(),m.disconnect(),l=!1)}),()=>{if(l)return d.m(),b(!0,m.takeRecords())}]},rc=(t,e,r)=>{let{dt:n,_t:l}=r||{},i=e0("__osSizeObserverPlugin"),{K:a}=e4(),c=tu(tQ,t),[s]=o({o:!1,_:!0});return()=>{let r=[],u=tq('
'))[0],d=u.firstChild,f=t=>{let r=t instanceof ResizeObserverEntry,l=!r&&R(t),o=!1,i=!1,c=!0;if(r){let[e,,r]=s(t.contentRect),n=et(e),l=ee(e,r);c=!(o=!(i=!r||l)&&!n)}else l?[,c]=t:i=!0===t;if(n&&c){let e=l?t[0]:tQ(u);ed(u,{x:ec(3333333,3333333,e&&a),y:3333333})}o||e({vt:l?t:void 0,ht:!l,_t:i})};if(m){let t=new m(t=>f(t.pop()));t.observe(d),j(r,()=>{t.disconnect()})}else{if(!i)return ts;let[t,e]=i(d,f,l);j(r,z([tD(u,eH),en(u,"animationstart",t)],e))}if(n){let[t]=o({o:void 0},c);j(r,en(u,"scroll",e=>{let[r,n,l]=t();n&&(tA(d,"ltr rtl"),tD(d,r?"rtl":"ltr"),f([!!r,n,l])),el(e)}))}return tu(B,j(r,tF(t,u)))}},rs=(t,e)=>{let r;let n=t=>0===t.h||t.isIntersecting||t.intersectionRatio>0,l=tU("os-trinsic-observer"),[i]=o({o:!1}),a=(t,r)=>{if(t){let l=i(n(t)),[,o]=l;return o&&!r&&e(l)&&[l]}},c=(t,e)=>a(e.pop(),t);return[()=>{let e=[];if(b)(r=new b(tu(c,!1),{root:t})).observe(l),j(e,()=>{r.disconnect()});else{let t=()=>{a(t5(l))};j(e,rc(l,t)()),t()}return tu(B,j(e,tF(t,l)))},()=>r&&c(!0,r.takeRecords())]},ru=(t,e,r,n)=>{let l,i,a,c,s,u;let{L:d}=e4(),f="[".concat(eg,"]"),p="[".concat(eL,"]"),v=["tabindex"],y=["wrap","cols","rows"],h=["id","class","style","open"],{gt:b,bt:w,D:g,wt:x,St:E,V:O,yt:S,Ot:k}=t,C={$t:!1,N:tQ(b)},A=e4(),_=e0(e5),[H]=o({u:ti,o:{w:0,h:0}},()=>{let n=_&&_.M(t,e,C,A,r).W,l=S(eC),o=!O&&S("arrange"),i=o&&ef(g);k(eC),O&&k(eT,!0);let a=o&&n&&n()[0],c=t4(x),s=t4(g),u=t7(g);return k(eC,l),O&&k(eT),a&&a(),ed(g,i),{w:s.w+c.w+u.w,h:s.h+c.h+u.h}}),M=E?y:z(h,y),N=tf(n,{v:()=>l,p:()=>i,S(t,e){let[r]=t,[n]=e;return[z(tv(r),tv(n)).reduce((t,e)=>(t[e]=r[e]||n[e],t),{})]}}),P=t=>{if(O){let e=tQ(b);ty(t,{Ct:u!==e}),ty(C,{N:e}),u=e}},j=t=>{I(t||v,t=>{if(V(v,t)){let e=tg(w,t);L(e)?tx(g,t,e):tE(g,t)}})},F=(t,e)=>{let[r,l]=t,o={xt:l};return ty(C,{$t:r}),e||n(o),o},G=t=>{let{ht:e,vt:r,_t:l}=t,o=!(e&&!l&&!r)&&d?N:n,[i,a]=r||[],c={ht:e||l,_t:l,Ct:a};P(c),r&&ty(C,{N:i}),o(c)},U=(t,e)=>{let[,r]=H(),l={Ht:r};P(l);let o=t?n:N;return r&&!e&&o(l),l},q=(t,e,r)=>{let n={zt:e};return P(n),e&&!r?N(n):O||j(t),n},{Z:B}=A,[X,K]=x?rs(w,F):[],W=!O&&rc(w,G,{_t:!0,dt:!0}),[Y,$]=ra(w,!1,q,{rt:h,ct:z(h,v)}),J=O&&m&&new m(t=>{let e=t[t.length-1].contentRect;G({ht:!0,_t:ee(e,s)}),s=e});return[()=>{j(),J&&J.observe(w);let t=W&&W(),e=X&&X(),r=Y(),n=B(t=>{let[,e]=H();N({It:t,Ht:e})});return()=>{J&&J.disconnect(),t&&t(),e&&e(),c&&c(),r(),n()}},t=>{let{Et:e,At:r,Tt:n}=t,o={},[s]=e("update.ignoreMutation"),[u,d]=e("update.attributes"),[v,y]=e("update.elementEvents"),[h,b]=e("update.debounce"),m=r||n,w=t=>D(s)&&s(t);if(y||d){a&&a(),c&&c();let[t,e]=ra(x||g,!0,U,{ct:z(M,u||[]),lt:v,it:f,ft:(t,e)=>{let{target:r,attributeName:n}=t;return!e&&!!n&&!O&&tV(r,f,p)||!!tI(r,".".concat(eN))||!!w(t)}});c=t(),a=e}if(b){if(N.m(),R(h)){let t=h[0],e=h[1];l=T(t)&&t,i=T(e)&&e}else l=!!T(h)&&h,i=!1}if(m){let t=$(),e=K&&K(),r=a&&a();t&&ty(o,q(t[0],t[1],m)),e&&ty(o,F(e[0],m)),r&&ty(o,U(r[0],m))}return P(o),o},C]},rd=(t,e,r,n)=>{let{G:l,K:o}=e4(),{scrollbars:i}=l(),{slot:a}=i,{gt:c,bt:s,D:u,Dt:d,kt:f,Rt:p,V:v}=e,{scrollbars:y}=d?{}:t,{slot:h}=y||{},b=new Map,m=t=>w&&new w({source:f,axis:t}),g=m("x"),x=m("y"),E=rt([c,s,u],()=>v&&p?c:s,a,h),O=(t,e)=>{if(e){let r=t?te:tr,{Mt:n,Vt:l}=e;return tm(0,1,t8(l)[r]/t8(n)[r]||0)}let n=t?"x":"y",{Lt:l,Pt:o}=r,i=o[n];return tm(0,1,i/(i+l[n])||0)},S=(t,e,r,n)=>{let l=O(r,t);return 1/l*(1-l)*(n?1-e:e)||0},k=(t,e)=>ty(t,e?{clear:["left"]}:{}),C=t=>{b.forEach((e,r)=>{(!t||V(G(t),r))&&(I(e||[],t=>{t&&t.cancel()}),b.delete(r))})},T=(t,e,r,n)=>{let l=b.get(t)||[],o=l.find(t=>t&&t.timeline===e);o?o.effect=new KeyframeEffect(t,r,{composite:n}):b.set(t,z(l,[t.animate(r,{timeline:e,composite:n})]))},L=(t,e,r)=>{let n=r?tD:tA;I(t,t=>{n(t.Ut,e)})},D=(t,e)=>{I(t,t=>{let[r,n]=e(t);tJ(r,n)})},R=(t,e)=>{D(t,t=>{let{Vt:r}=t;return[r,{[e?te:tr]:tY(O(e))}]})},_=(t,e)=>{let{Lt:n}=r,l=e?n.x:n.y,i=(t,r,n)=>t1(tY(S(t,eu(r,l,n),e,n)),e);if(g&&x)I(t,t=>{let{Ut:r,Vt:n}=t,a=e&&tQ(r)&&o;T(n,e?g:x,k({transform:es(l,a).map(e=>i(t,e,a))},a))});else{let r=ef(f);D(t,t=>{let{Vt:n,Ut:l}=t;return[n,{transform:i(t,e?r.x:r.y,e&&tQ(l)&&o)}]})}},H=t=>v&&!p&&tP(t)===u,M=[],N=[],P=[],F=(t,e,r)=>{let n=A(r),l=!n||r,o=!n||!r;l&&L(N,t,e),o&&L(P,t,e)},U=t=>{let e=tU("".concat(eN," ").concat(t?eI:eV)),r=tU(ez),l=tU(ej),o={Ut:e,Mt:r,Vt:l};return j(t?N:P,o),j(M,[tF(e,r),tF(r,l),tu(tz,e),C,n(o,F,_,t)]),o},q=tu(U,!0),X=tu(U,!1);return q(),X(),[{Bt:()=>{R(N,!0),R(P)},Nt:()=>{_(N,!0),_(P)},jt:()=>{if(v){let{Lt:t}=r;if(g&&x)I(z(P,N),e=>{let{Ut:r}=e;if(H(r)){let e=(t,e,n)=>{let l=n&&tQ(r)&&o;T(r,t,k({transform:es(e-.5,l).map(t=>t1(t$(t),n))},l),"add")};e(g,t.x,!0),e(x,t.y)}else C(r)});else{let e=ef(f),r=r=>{let{Ut:n}=r,l=H(n)&&n,i=(t,e,r)=>{let n=eu(t,e,r),l=e*n;return t$(r?-l:l)};return[l,{transform:l?t1({x:i(e.x,t.x,tQ(n)&&o),y:i(e.y,t.y)}):""}]};D(N,r),D(P,r)}}},Ft:F,qt:{J:g,Wt:N,Xt:q,Yt:tu(D,N)},Jt:{J:x,Wt:P,Xt:X,Yt:tu(D,P)}},()=>(tF(E,N[0].Ut),tF(E,P[0].Ut),tu(B,M))]},rf=(t,e,r,n)=>{let{bt:l,kt:o,Kt:i}=e;return(e,a,c,s)=>{let{Ut:d,Mt:f,Vt:p}=e,[v,y]=td(333),[h,b]=td(),m=tu(c,[e],s),w=!!o.scrollBy,g="client".concat(s?"X":"Y"),x=s?te:tr,E=s?"left":"top",O=s?"w":"h",S=s?"x":"y",k=t=>t.propertyName.indexOf(x)>-1,C=!0;return tu(B,[en(d,"pointerenter",()=>{a(eU,!0)}),en(d,"pointerleave pointercancel",()=>{a(eU,!1)}),en(d,"wheel",t=>{let{deltaX:e,deltaY:r,deltaMode:n}=t;w&&C&&0===n&&tP(d)===l&&o.scrollBy({left:e,top:r,behavior:"smooth"}),C=!1,a(eK,!0),v(()=>{C=!0,a(eK)}),eo(t)},{H:!1,I:!0}),en(p,"pointermove pointerleave",n),en(p,"transitionstart",t=>{if(k(t)){let t=()=>{m(),h(t)};t()}}),en(p,"transitionend transitioncancel",t=>{k(t)&&(b(),m())}),en(d,"mousedown",tu(en,i,"click",el,{A:!0,I:!0}),{I:!0}),(()=>{let e="pointerup pointerleave pointercancel lostpointercapture",n=(t,e)=>n=>{let{Lt:l}=r,i=e*n/(t5(f)[O]-t5(p)[O])*l[S];ed(o,{[S]:t+i})};return en(f,"pointerdown",r=>{let a=tI(r.target,".".concat(ej))===p,c=a?p:f,s=t.scrollbars,{button:d,isPrimary:v,pointerType:y}=r,{pointers:h}=s;if(0===d&&v&&s[a?"dragScroll":"clickScroll"]&&(h||[]).includes(y)){let t=!a&&r.shiftKey,s=tu(t8,p),d=tu(t8,f),v=(t,e)=>(t||s())[E]-(e||d())[E],y=u(t8(o)[x])/t5(o)[O]||1,h=n(ef(o)[S]||0,1/y),b=r[g],m=s(),w=d(),k=m[x],C=v(m,w)+k/2,T=b-w[E],L=a?0:T-C,A=t=>{B(D),c.releasePointerCapture(t.pointerId)},D=[tk(l,eg,"scrollbarPressed"),en(i,e,A),en(i,"selectstart",t=>eo(t),{H:!1}),en(f,e,A),en(f,"pointermove",e=>{let r=e[g]-b;(a||t)&&h(L+r)})];if(c.setPointerCapture(r.pointerId),t)h(L);else if(!a){let t=e0("__osClickScrollPlugin");t&&j(D,t(h,v,L,k,T))}}})})(),y,b])}},rp=(t,e,r,n,l,o)=>{let i,a,c,s;let u=ts,d=0,f=()=>!c&&!a,p=t=>"mouse"===t.pointerType,[v,y]=td(),[h,b]=td(100),[m,w]=td(100),[g,x]=td(()=>d),[E,O]=rd(t,l,n,rf(e,l,n,t=>p(t)&&f()&&_())),{bt:S,Zt:k,Rt:C}=l,{Ft:T,Bt:L,Nt:A,jt:D}=E,R=(t,e)=>{if(x(),t)T(eX);else{let t=tu(T,eX,!0);d>0&&!e?g(t):t()}},_=()=>{R(!0),h(()=>{R(!1)})},H=t=>{T(eB,t,!0),T(eB,t,!1)},M=t=>{p(t)&&a&&R(!0)},N=[x,b,w,y,()=>u(),en(S,"pointerover",M,{A:!0}),en(S,"pointerenter",M),en(S,"pointerleave",t=>{p(t)&&a&&R(!1)}),en(S,"pointermove",t=>{p(t)&&i&&_()}),en(k,"scroll",t=>{v(()=>{A(),f()&&_()}),o(t),D()})];return[()=>tu(B,j(N,O())),t=>{let{Et:e,Tt:l,Gt:o,Qt:f}=t,{tn:p,nn:v,sn:y}=f||{},{Ct:h,_t:b}=o||{},{N:w}=r,{T:g}=e4(),{k:x,en:E}=n,[O,S]=e("showNativeOverlaidScrollbars"),[_,M]=e("scrollbars.theme"),[N,P]=e("scrollbars.visibility"),[I,V]=e("scrollbars.autoHide"),[z,j]=e("scrollbars.autoHideSuspend"),[F]=e("scrollbars.autoHideDelay"),[G,U]=e("scrollbars.dragScroll"),[q,B]=e("scrollbars.clickScroll"),[X,K]=e("overflow"),W=E.x||E.y,Y=O&&g.x&&g.y,$=(t,e,r)=>{let n=t.includes("scroll")&&("visible"===N||"auto"===N&&"scroll"===e);return T(eF,n,r),n};if(d=F,b&&!l&&(z&&W?(H(!1),u(),m(()=>{u=en(k,"scroll",tu(H,!0),{A:!0})})):H(!0)),S&&T("os-theme-none",Y),M&&(T(s),T(_,!0),s=_),j&&!z&&H(!0),V&&(i="move"===I,a="leave"===I,R(c="never"===I,!0)),U&&T(eY,G),B&&T(eW,q),y||P||K){let t=$(X.x,x.x,!0),e=$(X.y,x.y,!1);T(eG,!(t&&e))}(p||v||h||l)&&(L(),A(),D(),T(eq,!E.x,!0),T(eq,!E.y,!1),T(eP,w&&!C))},{},E]},rv=t=>{let{G:e,L:r}=e4(),{elements:n}=e(),{host:l,padding:o,viewport:i,content:a}=n,c=N(t),s=c?{}:t,{elements:u}=s,{host:d,padding:f,viewport:p,content:v}=u||{},y=c?t:s.target,h=tM(y),b=tH(y,"textarea"),m=y.ownerDocument,w=m.documentElement,g=m.defaultView,x=()=>m.activeElement,E=t=>{t&&t.focus&&t.focus()},O=tu(e8,[y]),S=tu(rt,[y]),k=tu(tU,""),C=tu(O,k,i),T=tu(S,k,a),L=C(p),A=L===y,D=A&&h,R=!A&&T(v),_=D?w:L,H=b?O(k,l,d):y,M=D?_:H,P=!A&&S(k,o,f),I=!(!A&&L===R)&&R,z=[I,_,P,M].map(t=>N(t)&&!tP(t)&&t),F=t=>t&&V(z,t),G=F(_)?y:_,U={gt:y,bt:M,D:_,cn:P,wt:I,kt:D?w:_,Zt:D?m:_,rn:h?w:G,ln:g,Kt:m,St:b,Rt:h,Dt:c,V:A,yt:t=>tT(_,A?eg:eL,t),Ot:(t,e)=>tC(_,A?eg:eL,t,e)},{gt:q,bt:X,cn:K,D:W,wt:Y}=U,$=[()=>{tE(X,[eg,eO]),tE(q,eO),h&&tE(w,[eO,eg])}],J=b&&F(X),Z=b?q:tN([Y,W,K,X,q].find(t=>t&&!F(t))),Q=D?q:Y||W,tt=tu(B,$);return[U,()=>{let t=x(),e=t=>{tF(tP(t),tN(t)),tz(t)},n=t=>t?en(t,"focusin focusout focus blur",t=>{el(t),t.stopImmediatePropagation()},{I:!0,H:!1}):ts,l=n(t);if(tx(X,eg,A?"viewport":"host"),tx(K,eD,""),tx(Y,eR,""),!A&&(tx(W,eL,""),h&&tk(w,eg,"body")),J&&(tG(q,X),j($,()=>{tG(X,q),tz(X)})),tF(Q,Z),tF(X,K),tF(K||X,!A&&W),tF(W,Y),j($,[l,()=>{let t=x(),r=n(t);tE(K,eD),tE(Y,eR),tE(W,[eS,ek,eL]),F(Y)&&e(Y),F(W)&&e(W),F(K)&&e(K),E(t),r()}]),r&&!A&&(tk(W,eL,eA),j($,tu(tE,W,eL))),A||g.top!==g||t!==y)E(t);else{let t="tabindex",e=tg(W,t);tx(W,t,"-1"),E(W);let r=()=>e?tx(W,t,e):tE(W,t),n=en(m,"pointerdown keydown",()=>{r(),n()});j($,[r,n])}return l(),Z=0,tt},tt]},ry=t=>{let{wt:e}=t;return t=>{let{Gt:r,an:n,Tt:l}=t,{xt:o}=r||{},{$t:i}=n;e&&(o||l)&&tJ(e,{[tr]:i&&"100%"})}},rh=(t,e)=>{let{bt:r,cn:n,D:l,V:i}=t,[a,c]=o({u:tc,o:t0()},tu(t0,r,"padding",""));return t=>{let{Et:r,Gt:o,an:s,Tt:u}=t,[d,f]=c(u),{L:p}=e4(),{ht:v,Ht:y,Ct:h}=o||{},{N:b}=s,[m,w]=r("paddingAbsolute"),g=u||y;(v||f||g)&&([d,f]=a(u));let x=!i&&(w||h||f);if(x){let t=!m||!n&&!p,r=d.r+d.l,o=d.t+d.b,i={[J]:t&&!b?-r:0,[Z]:t?-o:0,[$]:t&&b?-r:0,top:t?-d.t:0,right:t?b?-d.r:"auto":0,left:t?b?"auto":-d.l:0,[te]:t&&"calc(100% + ".concat(r,"px)")},a={[X]:t?d.t:0,[K]:t?d.r:0,[Y]:t?d.b:0,[W]:t?d.l:0};tJ(n||l,i),tJ(l,a),ty(e,{cn:d,un:!t,j:n?a:ty({},i,a)})}return{fn:x}}},rb=(t,e)=>{let r=e4(),{bt:n,cn:l,D:i,V:s,Ot:u,Rt:d,ln:f}=t,{L:p}=r,v=d&&s,y=tu(c,0),h={u:ti,o:{w:0,h:0}},b=(t,e)=>{let r=a.devicePixelRatio%1!=0?1:0,n={w:y(t.w-e.w),h:y(t.h-e.h)};return{w:n.w>r?n.w:0,h:n.h>r?n.h:0}},[m,w]=o(h,tu(t7,i)),[g,x]=o(h,tu(t4,i)),[E,O]=o(h),[S,k]=o(h),[C]=o({u:ta,o:{x:tn,y:tn}}),T=e0(e5);return(o,a)=>{let d,{Et:h,Gt:L,an:A,Tt:D}=o,{fn:R}=a,{ht:_,Ht:H,Ct:M,It:N}=L||{},{q:P,W:I,X:V}=T&&T.M(t,e,A,r,h)||{},[z,j]=e1(h,r),[F,G]=h("overflow"),U=_||R||H||M||N||j,q=e3(F.x),B=e3(F.y),X=q||B,K=w(D),W=x(D),Y=O(D),$=k(D);if(j&&p&&u(eA,!z),U){X&&u(eC,!1);let[t,e]=I?I(d):[],[r,n]=K=m(D),[l,o]=W=g(D),a=t6(i);t&&t(),(o||n||j)&&e&&!z&&P&&P(e,l,r);let s=t9(f),p={w:y(c(l.w,l.w)+r.w),h:y(c(l.h,l.h)+r.h)},h={w:y((v?s.w:a.w+y(a.w-l.w))+r.w),h:y((v?s.h:a.h+y(a.h-l.h))+r.h)};$=S(h),Y=E(b(p,h),D)}let[J,Z]=$,[te,tr]=Y,[tn,tl]=W,[to,ti]=K,ta={x:te.w>0,y:te.h>0},tc=q&&B&&(ta.x||ta.y)||q&&ta.x&&!ta.y||B&&ta.y&&!ta.x;if(R||M||N||ti||tl||Z||tr||G||j||U){let e={},r=e9(t,ta,F,e);V&&V(r,A,!!P&&P(r,tn,to),e),s?(tx(n,eS,e[Q]),tx(n,ek,e[tt])):tJ(i,e)}tC(n,eg,eC,tc),tC(l,eD,eC,tc),s||tC(i,eL,eC,X);let[ts,tu]=C(e2(t).k);return ty(e,{k:ts,Pt:{x:J.w,y:J.h},Lt:{x:te.w,y:te.h},en:ta}),{sn:tu,tn:Z,nn:tr}}},rm=t=>{let[e,r,n]=rv(t),l={cn:{t:0,r:0,b:0,l:0},un:!1,j:{[J]:0,[Z]:0,[$]:0,[X]:0,[K]:0,[Y]:0,[W]:0},Pt:{x:0,y:0},Lt:{x:0,y:0},k:{x:tn,y:tn},en:{x:!1,y:!1}},{gt:o,D:i,V:a}=e,{L:c,T:s}=e4(),u=!c&&(s.x||s.y),d=[ry(e),rh(e,l),rb(e,l)];return[r,t=>{let e={},r=u&&ef(i),n=a?tk(i,eg,eT):ts;return I(d,r=>{ty(e,r(t,e)||{})}),n(),ed(i,r),a||ed(o,0),e},l,e,n]},rw=(t,e,r,n)=>{let l=ew(e,{}),[o,i,a,c,s]=rm(t),[u,d,f]=ru(c,a,l,t=>{b({},t)}),[p,v,,y]=rp(t,e,f,a,c,n),h=t=>tv(t).some(e=>!!t[e]),b=(t,n)=>{let{dn:l,Tt:o,At:a,_n:c}=t,s=l||{},u=!!o,p={Et:ew(e,s,u),dn:s,Tt:u};if(c)return v(p),!1;let y=n||d(ty({},p,{At:a})),b=i(ty({},p,{an:f,Gt:y}));v(ty({},p,{Gt:y,Qt:b}));let m=h(y),w=h(b),g=m||w||!tb(s)||u;return g&&r(t,{Gt:y,Qt:b}),g};return[()=>{let{rn:t,D:e}=c,r=ef(t),n=[u(),o(),p()];return ed(e,r),tu(B,n)},b,()=>({vn:f,hn:a}),{pn:c,gn:y},s]},rg=(t,e,r)=>{let{nt:n}=e4(),l=N(t),o=l?t:t.target,i=ro(o);if(e&&!i){let i=!1,a=[],c={},s=t=>{let e=th(t,!0),r=e0("__osOptionsValidationPlugin");return r?r(e,!0):e},u=ty({},n(),s(e)),[d,f,p]=ev(),[v,y,h]=ev(r),b=(t,e)=>{h(t,e),p(t,e)},[m,w,g,x,E]=rw(t,u,(t,e)=>{let{dn:r,Tt:n}=t,{Gt:l,Qt:o}=e,{ht:i,Ct:a,xt:c,Ht:s,zt:u,_t:d}=l,{tn:f,nn:p,sn:v}=o;b("updated",[S,{updateHints:{sizeChanged:!!i,directionChanged:!!a,heightIntrinsicChanged:!!c,overflowEdgeChanged:!!f,overflowAmountChanged:!!p,overflowStyleChanged:!!v,contentMutation:!!s,hostMutation:!!u,appear:!!d},changedOptions:r||{},force:!!n}])},t=>b("scroll",[S,t])),O=t=>{rl(o),B(a),i=!0,b("destroyed",[S,t]),f(),y()},S={options(t,e){if(t){let r=em(u,ty(e?n():{},s(t)));tb(r)||(ty(u,r),w({dn:r}))}return ty({},u)},on:v,off:(t,e)=>{t&&e&&y(t,e)},state(){let{vn:t,hn:e}=g(),{N:r}=t,{Pt:n,Lt:l,k:o,en:a,cn:c,un:s}=e;return ty({},{overflowEdge:n,overflowAmount:l,overflowStyle:o,hasOverflow:a,padding:c,paddingAbsolute:s,directionRTL:r,destroyed:i})},elements(){let{gt:t,bt:e,cn:r,D:n,wt:l,kt:o,Zt:i}=x.pn,{qt:a,Jt:c}=x.gn,s=t=>{let{Vt:e,Mt:r,Ut:n}=t;return{scrollbar:n,track:r,handle:e}},u=t=>{let{Wt:e,Xt:r}=t;return ty({},s(e[0]),{clone:()=>{let t=s(r());return w({_n:!0}),t}})};return ty({},{target:t,host:e,padding:r||n,viewport:n,content:l||n,scrollOffsetElement:o,scrollEventElement:i,scrollbarHorizontal:u(a),scrollbarVertical:u(c)})},update:t=>w({Tt:t,At:!0}),destroy:tu(O,!1),plugin:t=>c[tv(t)[0]]};return(j(a,[E]),rn(o,S),eQ(e$,rg,[S,d,c]),re(x.pn.Rt,!l&&t.cancel))?O(!0):(j(a,m()),b("initialized",[S]),S.update(!0)),S}return i};rg.plugin=t=>{let e=R(t),r=e?t:[t],n=r.map(t=>eQ(t,rg)[0]);return eZ(r),e?n:n[0]},rg.valid=t=>{let e=t&&t.elements,r=D(e)&&e();return M(r)&&!!ro(r.target)},rg.env=()=>{let{P:t,T:e,L:r,K:n,J:l,st:o,et:i,G:a,tt:c,nt:s,ot:u}=e4();return ty({},{scrollbarsSize:t,scrollbarsOverlaid:e,scrollbarsHiding:r,rtlScrollBehavior:n,scrollTimeline:l,staticDefaultInitialization:o,staticDefaultOptions:i,getDefaultInitialization:a,setDefaultInitialization:c,getDefaultOptions:s,setDefaultOptions:u})};let rx=()=>{let t,e;let r=window,n="function"==typeof r.requestIdleCallback,l=r.requestAnimationFrame,o=r.cancelAnimationFrame,i=n?r.requestIdleCallback:l,a=n?r.cancelIdleCallback:o,c=()=>{a(t),o(e)};return[(r,o)=>{c(),t=i(n?()=>{c(),e=l(r)}:r,"object"==typeof o?o:{timeout:2233})},c]},rE=t=>{let{options:e,events:r,defer:n}=t||{},[o,i]=(0,l.useMemo)(rx,[]),a=(0,l.useRef)(null),c=(0,l.useRef)(n),s=(0,l.useRef)(e),u=(0,l.useRef)(r);return(0,l.useEffect)(()=>{c.current=n},[n]),(0,l.useEffect)(()=>{let{current:t}=a;s.current=e,rg.valid(t)&&t.options(e||{},!0)},[e]),(0,l.useEffect)(()=>{let{current:t}=a;u.current=r,rg.valid(t)&&t.on(r||{},!0)},[r]),(0,l.useEffect)(()=>()=>{var t;i(),null==(t=a.current)||t.destroy()},[]),(0,l.useMemo)(()=>[t=>{let e=a.current;if(rg.valid(e))return;let r=c.current,n=s.current||{},l=u.current||{},i=()=>a.current=rg(t,n,l);r?o(i,r):i()},()=>a.current],[])},rO=(0,l.forwardRef)((t,e)=>{let{element:r="div",options:n,events:o,defer:i,children:a,...c}=t,s=(0,l.useRef)(null),u=(0,l.useRef)(null),[d,f]=rE({options:n,events:o,defer:i});return(0,l.useEffect)(()=>{let{current:t}=s,{current:e}=u;if(t)return d("body"===r?{target:t,cancel:{body:null}}:{target:t,elements:{viewport:e,content:e}}),()=>{var t;return null==(t=f())?void 0:t.destroy()}},[d,r]),(0,l.useImperativeHandle)(e,()=>({osInstance:f,getElement:()=>s.current}),[]),l.createElement(r,{"data-overlayscrollbars-initialize":"",ref:s,...c},"body"===r?a:l.createElement("div",{"data-overlayscrollbars-contents":"",ref:u},a))})}}]); \ No newline at end of file diff --git a/docs/_next/static/chunks/app/layout-9369751bf6c14f0d.js b/docs/_next/static/chunks/app/layout-2ffa410c948e96e3.js similarity index 100% rename from docs/_next/static/chunks/app/layout-9369751bf6c14f0d.js rename to docs/_next/static/chunks/app/layout-2ffa410c948e96e3.js diff --git a/docs/_next/static/chunks/webpack-31a5423e9d0f0078.js b/docs/_next/static/chunks/webpack-31a5423e9d0f0078.js deleted file mode 100644 index d62efeab..00000000 --- a/docs/_next/static/chunks/webpack-31a5423e9d0f0078.js +++ /dev/null @@ -1 +0,0 @@ -!function(){"use strict";var e,t,r,n,o,u,i,c,f,a={},l={};function s(e){var t=l[e];if(void 0!==t)return t.exports;var r=l[e]={exports:{}},n=!0;try{a[e].call(r.exports,r,r.exports,s),n=!1}finally{n&&delete l[e]}return r.exports}s.m=a,s.amdO={},e=[],s.O=function(t,r,n,o){if(r){o=o||0;for(var u=e.length;u>0&&e[u-1][2]>o;u--)e[u]=e[u-1];e[u]=[r,n,o];return}for(var i=1/0,u=0;u=o&&Object.keys(s.O).every(function(e){return s.O[e](r[f])})?r.splice(f--,1):(c=!1,o0&&e[u-1][2]>o;u--)e[u]=e[u-1];e[u]=[r,n,o];return}for(var i=1/0,u=0;u=o&&Object.keys(d.O).every(function(e){return d.O[e](r[f])})?r.splice(f--,1):(c=!1,o.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}.os-environment{scroll-behavior:auto!important;position:fixed;opacity:0;visibility:hidden;overflow:scroll;height:200px;width:200px;z-index:-1}.os-environment div{width:200%;height:200%;margin:10px 0}.os-environment.os-environment-flexbox-glue{display:flex;flex-direction:row;flex-wrap:nowrap;height:auto;width:auto;min-height:200px;min-width:200px}.os-environment.os-environment-flexbox-glue div{flex:auto;width:auto;height:auto;max-height:100%;max-width:100%;margin:0}.os-environment.os-environment-flexbox-glue-max{max-height:200px}.os-environment.os-environment-flexbox-glue-max div{overflow:visible}.os-environment.os-environment-flexbox-glue-max div:before{content:"";display:block;height:999px;width:999px}.os-environment,[data-overlayscrollbars-viewport]{-ms-overflow-style:scrollbar!important}.os-environment-scrollbar-hidden,[data-overlayscrollbars-initialize],[data-overlayscrollbars-viewport~=scrollbarHidden],[data-overlayscrollbars~=scrollbarHidden]{scrollbar-width:none!important}.os-environment-scrollbar-hidden::-webkit-scrollbar,.os-environment-scrollbar-hidden::-webkit-scrollbar-corner,[data-overlayscrollbars-initialize]::-webkit-scrollbar,[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner{-webkit-appearance:none!important;appearance:none!important;display:none!important;width:0!important;height:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars]{box-sizing:border-box;margin:0}html[data-overlayscrollbars~=body],html[data-overlayscrollbars~=body]>body{width:100%;height:100%}html[data-overlayscrollbars~=viewport]>body{overflow:visible}[data-overlayscrollbars-padding],[data-overlayscrollbars~=host]{display:flex;align-items:stretch!important;flex-direction:row!important;flex-wrap:nowrap!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{box-sizing:inherit;position:relative;flex:auto!important;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]{--os-vaw:0;--os-vah:0}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{overflow:hidden}[data-overlayscrollbars~=host],[data-overlayscrollbars~=viewport]{position:relative;overflow:hidden}[data-overlayscrollbars-padding~=overflowVisible],[data-overlayscrollbars-viewport~=overflowVisible],[data-overlayscrollbars~=overflowVisible]{overflow:visible}[data-overlayscrollbars-overflow-x=hidden]{overflow-x:hidden}[data-overlayscrollbars-overflow-x=scroll]{overflow-x:scroll}[data-overlayscrollbars-overflow-x=hidden]{overflow-y:hidden}[data-overlayscrollbars-overflow-y=scroll]{overflow-y:scroll}[data-overlayscrollbars~=scrollbarPressed],[data-overlayscrollbars~=scrollbarPressed] [data-overlayscrollbars-viewport]{scroll-behavior:auto!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none}.os-scrollbar-track{position:relative;direction:ltr!important;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-handle,.os-scrollbar-track{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle,.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0}.os-scrollbar-vertical .os-scrollbar-handle{right:0}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar .os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar .os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar .os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar .os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar .os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar .os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar .os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}.os-theme-none.os-scrollbar,[data-overlayscrollbars~=updating]>.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}.os-theme-dark{--os-handle-bg:rgba(0,0,0,.44);--os-handle-bg-hover:rgba(0,0,0,.55);--os-handle-bg-active:rgba(0,0,0,.66)}.os-theme-light{--os-handle-bg:hsla(0,0%,100%,.44);--os-handle-bg-hover:hsla(0,0%,100%,.55);--os-handle-bg-active:hsla(0,0%,100%,.66)} \ No newline at end of file + */.os-size-observer,.os-size-observer-listener{scroll-behavior:auto!important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(.1)}.os-size-observer:before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(calc(1 / .1))}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}[data-overlayscrollbars-initialize],[data-overlayscrollbars-viewport~=scrollbarHidden],[data-overlayscrollbars~=scrollbarHidden]{scrollbar-width:none!important}[data-overlayscrollbars-initialize]::-webkit-scrollbar,[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner{-webkit-appearance:none!important;appearance:none!important;display:none!important;width:0!important;height:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars]{box-sizing:border-box;margin:0}html[data-overlayscrollbars~=body],html[data-overlayscrollbars~=body]>body{width:100%;height:100%}html[data-overlayscrollbars~=viewport]>body{overflow:visible}[data-overlayscrollbars-padding],[data-overlayscrollbars~=host]{display:flex;align-items:stretch!important;flex-direction:row!important;flex-wrap:nowrap!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{box-sizing:inherit;position:relative;flex:auto!important;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]{--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{overflow:hidden}[data-overlayscrollbars~=host],[data-overlayscrollbars~=viewport]{position:relative;overflow:hidden}[data-overlayscrollbars-padding~=overflowVisible],[data-overlayscrollbars-viewport~=overflowVisible],[data-overlayscrollbars~=overflowVisible]{overflow:visible}[data-overlayscrollbars-overflow-x=hidden]{overflow-x:hidden}[data-overlayscrollbars-overflow-x=scroll]{overflow-x:scroll}[data-overlayscrollbars-overflow-x=hidden]{overflow-y:hidden}[data-overlayscrollbars-overflow-y=scroll]{overflow-y:scroll}[data-overlayscrollbars~=scrollbarPressed],[data-overlayscrollbars~=scrollbarPressed] [data-overlayscrollbars-viewport]{scroll-behavior:auto!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none}.os-scrollbar-track{position:relative;direction:ltr!important;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-handle,.os-scrollbar-track{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle,.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0}.os-scrollbar-vertical .os-scrollbar-handle{right:0}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar .os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar .os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar .os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar .os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar .os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar .os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar .os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}.os-theme-none.os-scrollbar,[data-overlayscrollbars~=updating]>.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}.os-theme-dark{--os-handle-bg:rgba(0,0,0,.44);--os-handle-bg-hover:rgba(0,0,0,.55);--os-handle-bg-active:rgba(0,0,0,.66)}.os-theme-light{--os-handle-bg:hsla(0,0%,100%,.44);--os-handle-bg-hover:hsla(0,0%,100%,.55);--os-handle-bg-active:hsla(0,0%,100%,.66)} \ No newline at end of file diff --git a/docs/example/angular/index.html b/docs/example/angular/index.html index 6c4e8627..e3ca02f1 100644 --- a/docs/example/angular/index.html +++ b/docs/example/angular/index.html @@ -9,8 +9,8 @@ OverlayScrollbars & Angular - + - + diff --git a/docs/example/angular/main.79fc0139053a1e95.js b/docs/example/angular/main.79fc0139053a1e95.js new file mode 100644 index 00000000..7a036c12 --- /dev/null +++ b/docs/example/angular/main.79fc0139053a1e95.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkexample=self.webpackChunkexample||[]).push([[179],{591:()=>{let $e=null,Qr=1;function Ve(e){const t=$e;return $e=e,t}function sp(e){if((!ys(e)||e.dirty)&&(e.dirty||e.lastCleanEpoch!==Qr)){if(!e.producerMustRecompute(e)&&!wl(e))return e.dirty=!1,void(e.lastCleanEpoch=Qr);e.producerRecomputeValue(e),e.dirty=!1,e.lastCleanEpoch=Qr}}function wl(e){Yr(e);for(let t=0;t0}function Yr(e){e.producerNode??=[],e.producerIndexOfThis??=[],e.producerLastReadVersion??=[]}let hp=null;function et(e){return"function"==typeof e}function mp(e){const n=e(r=>{Error.call(r),r.stack=(new Error).stack});return n.prototype=Object.create(Error.prototype),n.prototype.constructor=n,n}const _l=mp(e=>function(n){e(this),this.message=n?`${n.length} errors occurred during unsubscription:\n${n.map((r,o)=>`${o+1}) ${r.toString()}`).join("\n ")}`:"",this.name="UnsubscriptionError",this.errors=n});function Il(e,t){if(e){const n=e.indexOf(t);0<=n&&e.splice(n,1)}}class yn{constructor(t){this.initialTeardown=t,this.closed=!1,this._parentage=null,this._finalizers=null}unsubscribe(){let t;if(!this.closed){this.closed=!0;const{_parentage:n}=this;if(n)if(this._parentage=null,Array.isArray(n))for(const s of n)s.remove(this);else n.remove(this);const{initialTeardown:r}=this;if(et(r))try{r()}catch(s){t=s instanceof _l?s.errors:[s]}const{_finalizers:o}=this;if(o){this._finalizers=null;for(const s of o)try{Dp(s)}catch(i){t=t??[],i instanceof _l?t=[...t,...i.errors]:t.push(i)}}if(t)throw new _l(t)}}add(t){var n;if(t&&t!==this)if(this.closed)Dp(t);else{if(t instanceof yn){if(t.closed||t._hasParent(this))return;t._addParent(this)}(this._finalizers=null!==(n=this._finalizers)&&void 0!==n?n:[]).push(t)}}_hasParent(t){const{_parentage:n}=this;return n===t||Array.isArray(n)&&n.includes(t)}_addParent(t){const{_parentage:n}=this;this._parentage=Array.isArray(n)?(n.push(t),n):n?[n,t]:t}_removeParent(t){const{_parentage:n}=this;n===t?this._parentage=null:Array.isArray(n)&&Il(n,t)}remove(t){const{_finalizers:n}=this;n&&Il(n,t),t instanceof yn&&t._removeParent(this)}}yn.EMPTY=(()=>{const e=new yn;return e.closed=!0,e})();const yp=yn.EMPTY;function vp(e){return e instanceof yn||e&&"closed"in e&&et(e.remove)&&et(e.add)&&et(e.unsubscribe)}function Dp(e){et(e)?e():e.unsubscribe()}const yr={onUnhandledError:null,onStoppedNotification:null,Promise:void 0,useDeprecatedSynchronousErrorHandling:!1,useDeprecatedNextContext:!1},$i={setTimeout(e,t,...n){const{delegate:r}=$i;return r?.setTimeout?r.setTimeout(e,t,...n):setTimeout(e,t,...n)},clearTimeout(e){const{delegate:t}=$i;return(t?.clearTimeout||clearTimeout)(e)},delegate:void 0};function wp(e){$i.setTimeout(()=>{const{onUnhandledError:t}=yr;if(!t)throw e;t(e)})}function Ep(){}const mI=bl("C",void 0,void 0);function bl(e,t,n){return{kind:e,value:t,error:n}}let vr=null;function Bi(e){if(yr.useDeprecatedSynchronousErrorHandling){const t=!vr;if(t&&(vr={errorThrown:!1,error:null}),e(),t){const{errorThrown:n,error:r}=vr;if(vr=null,n)throw r}}else e()}class Sl extends yn{constructor(t){super(),this.isStopped=!1,t?(this.destination=t,vp(t)&&t.add(this)):this.destination=_I}static create(t,n,r){return new vs(t,n,r)}next(t){this.isStopped?Tl(function vI(e){return bl("N",e,void 0)}(t),this):this._next(t)}error(t){this.isStopped?Tl(function yI(e){return bl("E",void 0,e)}(t),this):(this.isStopped=!0,this._error(t))}complete(){this.isStopped?Tl(mI,this):(this.isStopped=!0,this._complete())}unsubscribe(){this.closed||(this.isStopped=!0,super.unsubscribe(),this.destination=null)}_next(t){this.destination.next(t)}_error(t){try{this.destination.error(t)}finally{this.unsubscribe()}}_complete(){try{this.destination.complete()}finally{this.unsubscribe()}}}const wI=Function.prototype.bind;function Ml(e,t){return wI.call(e,t)}class EI{constructor(t){this.partialObserver=t}next(t){const{partialObserver:n}=this;if(n.next)try{n.next(t)}catch(r){Ui(r)}}error(t){const{partialObserver:n}=this;if(n.error)try{n.error(t)}catch(r){Ui(r)}else Ui(t)}complete(){const{partialObserver:t}=this;if(t.complete)try{t.complete()}catch(n){Ui(n)}}}class vs extends Sl{constructor(t,n,r){let o;if(super(),et(t)||!t)o={next:t??void 0,error:n??void 0,complete:r??void 0};else{let s;this&&yr.useDeprecatedNextContext?(s=Object.create(t),s.unsubscribe=()=>this.unsubscribe(),o={next:t.next&&Ml(t.next,s),error:t.error&&Ml(t.error,s),complete:t.complete&&Ml(t.complete,s)}):o=t}this.destination=new EI(o)}}function Ui(e){yr.useDeprecatedSynchronousErrorHandling?function DI(e){yr.useDeprecatedSynchronousErrorHandling&&vr&&(vr.errorThrown=!0,vr.error=e)}(e):wp(e)}function Tl(e,t){const{onStoppedNotification:n}=yr;n&&$i.setTimeout(()=>n(e,t))}const _I={closed:!0,next:Ep,error:function CI(e){throw e},complete:Ep},Nl="function"==typeof Symbol&&Symbol.observable||"@@observable";function Al(e){return e}let Tt=(()=>{class e{constructor(n){n&&(this._subscribe=n)}lift(n){const r=new e;return r.source=this,r.operator=n,r}subscribe(n,r,o){const s=function bI(e){return e&&e instanceof Sl||function II(e){return e&&et(e.next)&&et(e.error)&&et(e.complete)}(e)&&vp(e)}(n)?n:new vs(n,r,o);return Bi(()=>{const{operator:i,source:a}=this;s.add(i?i.call(s,a):a?this._subscribe(s):this._trySubscribe(s))}),s}_trySubscribe(n){try{return this._subscribe(n)}catch(r){n.error(r)}}forEach(n,r){return new(r=_p(r))((o,s)=>{const i=new vs({next:a=>{try{n(a)}catch(c){s(c),i.unsubscribe()}},error:s,complete:o});this.subscribe(i)})}_subscribe(n){var r;return null===(r=this.source)||void 0===r?void 0:r.subscribe(n)}[Nl](){return this}pipe(...n){return function Cp(e){return 0===e.length?Al:1===e.length?e[0]:function(n){return e.reduce((r,o)=>o(r),n)}}(n)(this)}toPromise(n){return new(n=_p(n))((r,o)=>{let s;this.subscribe(i=>s=i,i=>o(i),()=>r(s))})}}return e.create=t=>new e(t),e})();function _p(e){var t;return null!==(t=e??yr.Promise)&&void 0!==t?t:Promise}const SI=mp(e=>function(){e(this),this.name="ObjectUnsubscribedError",this.message="object unsubscribed"});let zi=(()=>{class e extends Tt{constructor(){super(),this.closed=!1,this.currentObservers=null,this.observers=[],this.isStopped=!1,this.hasError=!1,this.thrownError=null}lift(n){const r=new Ip(this,this);return r.operator=n,r}_throwIfClosed(){if(this.closed)throw new SI}next(n){Bi(()=>{if(this._throwIfClosed(),!this.isStopped){this.currentObservers||(this.currentObservers=Array.from(this.observers));for(const r of this.currentObservers)r.next(n)}})}error(n){Bi(()=>{if(this._throwIfClosed(),!this.isStopped){this.hasError=this.isStopped=!0,this.thrownError=n;const{observers:r}=this;for(;r.length;)r.shift().error(n)}})}complete(){Bi(()=>{if(this._throwIfClosed(),!this.isStopped){this.isStopped=!0;const{observers:n}=this;for(;n.length;)n.shift().complete()}})}unsubscribe(){this.isStopped=this.closed=!0,this.observers=this.currentObservers=null}get observed(){var n;return(null===(n=this.observers)||void 0===n?void 0:n.length)>0}_trySubscribe(n){return this._throwIfClosed(),super._trySubscribe(n)}_subscribe(n){return this._throwIfClosed(),this._checkFinalizedStatuses(n),this._innerSubscribe(n)}_innerSubscribe(n){const{hasError:r,isStopped:o,observers:s}=this;return r||o?yp:(this.currentObservers=null,s.push(n),new yn(()=>{this.currentObservers=null,Il(s,n)}))}_checkFinalizedStatuses(n){const{hasError:r,thrownError:o,isStopped:s}=this;r?n.error(o):s&&n.complete()}asObservable(){const n=new Tt;return n.source=this,n}}return e.create=(t,n)=>new Ip(t,n),e})();class Ip extends zi{constructor(t,n){super(),this.destination=t,this.source=n}next(t){var n,r;null===(r=null===(n=this.destination)||void 0===n?void 0:n.next)||void 0===r||r.call(n,t)}error(t){var n,r;null===(r=null===(n=this.destination)||void 0===n?void 0:n.error)||void 0===r||r.call(n,t)}complete(){var t,n;null===(n=null===(t=this.destination)||void 0===t?void 0:t.complete)||void 0===n||n.call(t)}_subscribe(t){var n,r;return null!==(r=null===(n=this.source)||void 0===n?void 0:n.subscribe(t))&&void 0!==r?r:yp}}function Dr(e){return t=>{if(function MI(e){return et(e?.lift)}(t))return t.lift(function(n){try{return e(n,this)}catch(r){this.error(r)}});throw new TypeError("Unable to lift unknown Observable type")}}function wr(e,t,n,r,o){return new TI(e,t,n,r,o)}class TI extends Sl{constructor(t,n,r,o,s,i){super(t),this.onFinalize=s,this.shouldUnsubscribe=i,this._next=n?function(a){try{n(a)}catch(c){t.error(c)}}:super._next,this._error=o?function(a){try{o(a)}catch(c){t.error(c)}finally{this.unsubscribe()}}:super._error,this._complete=r?function(){try{r()}catch(a){t.error(a)}finally{this.unsubscribe()}}:super._complete}unsubscribe(){var t;if(!this.shouldUnsubscribe||this.shouldUnsubscribe()){const{closed:n}=this;super.unsubscribe(),!n&&(null===(t=this.onFinalize)||void 0===t||t.call(this))}}}function bp(e,t){return Dr((n,r)=>{let o=0;n.subscribe(wr(r,s=>{r.next(e.call(t,s,o++))}))})}function Yn(e){return this instanceof Yn?(this.v=e,this):new Yn(e)}function Np(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,t=e[Symbol.asyncIterator];return t?t.call(e):(e=function Pl(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}(e),n={},r("next"),r("throw"),r("return"),n[Symbol.asyncIterator]=function(){return this},n);function r(s){n[s]=e[s]&&function(i){return new Promise(function(a,c){!function o(s,i,a,c){Promise.resolve(c).then(function(l){s({value:l,done:a})},i)}(a,c,(i=e[s](i)).done,i.value)})}}}"function"==typeof SuppressedError&&SuppressedError;const Ap=e=>e&&"number"==typeof e.length&&"function"!=typeof e;function xp(e){return et(e?.then)}function Op(e){return et(e[Nl])}function Rp(e){return Symbol.asyncIterator&&et(e?.[Symbol.asyncIterator])}function Pp(e){return new TypeError(`You provided ${null!==e&&"object"==typeof e?"an invalid object":`'${e}'`} where a stream was expected. You can provide an Observable, Promise, ReadableStream, Array, AsyncIterable, or Iterable.`)}const Fp=function YI(){return"function"==typeof Symbol&&Symbol.iterator?Symbol.iterator:"@@iterator"}();function kp(e){return et(e?.[Fp])}function Lp(e){return function Tp(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var o,r=n.apply(e,t||[]),s=[];return o={},i("next"),i("throw"),i("return"),o[Symbol.asyncIterator]=function(){return this},o;function i(f){r[f]&&(o[f]=function(h){return new Promise(function(p,g){s.push([f,h,p,g])>1||a(f,h)})})}function a(f,h){try{!function c(f){f.value instanceof Yn?Promise.resolve(f.value.v).then(l,u):d(s[0][2],f)}(r[f](h))}catch(p){d(s[0][3],p)}}function l(f){a("next",f)}function u(f){a("throw",f)}function d(f,h){f(h),s.shift(),s.length&&a(s[0][0],s[0][1])}}(this,arguments,function*(){const n=e.getReader();try{for(;;){const{value:r,done:o}=yield Yn(n.read());if(o)return yield Yn(void 0);yield yield Yn(r)}}finally{n.releaseLock()}})}function Vp(e){return et(e?.getReader)}function Fn(e){if(e instanceof Tt)return e;if(null!=e){if(Op(e))return function KI(e){return new Tt(t=>{const n=e[Nl]();if(et(n.subscribe))return n.subscribe(t);throw new TypeError("Provided object does not correctly implement Symbol.observable")})}(e);if(Ap(e))return function XI(e){return new Tt(t=>{for(let n=0;n{e.then(n=>{t.closed||(t.next(n),t.complete())},n=>t.error(n)).then(null,wp)})}(e);if(Rp(e))return jp(e);if(kp(e))return function eb(e){return new Tt(t=>{for(const n of e)if(t.next(n),t.closed)return;t.complete()})}(e);if(Vp(e))return function tb(e){return jp(Lp(e))}(e)}throw Pp(e)}function jp(e){return new Tt(t=>{(function nb(e,t){var n,r,o,s;return function Sp(e,t,n,r){return new(n||(n=Promise))(function(s,i){function a(u){try{l(r.next(u))}catch(d){i(d)}}function c(u){try{l(r.throw(u))}catch(d){i(d)}}function l(u){u.done?s(u.value):function o(s){return s instanceof n?s:new n(function(i){i(s)})}(u.value).then(a,c)}l((r=r.apply(e,t||[])).next())})}(this,void 0,void 0,function*(){try{for(n=Np(e);!(r=yield n.next()).done;)if(t.next(r.value),t.closed)return}catch(i){o={error:i}}finally{try{r&&!r.done&&(s=n.return)&&(yield s.call(n))}finally{if(o)throw o.error}}t.complete()})})(e,t).catch(n=>t.error(n))})}function Kn(e,t,n,r=0,o=!1){const s=t.schedule(function(){n(),o?e.add(this.schedule(null,r)):this.unsubscribe()},r);if(e.add(s),!o)return s}function Hp(e,t,n=1/0){return et(t)?Hp((r,o)=>bp((s,i)=>t(r,s,o,i))(Fn(e(r,o))),n):("number"==typeof t&&(n=t),Dr((r,o)=>function rb(e,t,n,r,o,s,i,a){const c=[];let l=0,u=0,d=!1;const f=()=>{d&&!c.length&&!l&&t.complete()},h=g=>l{s&&t.next(g),l++;let y=!1;Fn(n(g,u++)).subscribe(wr(t,v=>{o?.(v),s?h(v):t.next(v)},()=>{y=!0},void 0,()=>{if(y)try{for(l--;c.length&&lp(v)):p(v)}f()}catch(v){t.error(v)}}))};return e.subscribe(wr(t,h,()=>{d=!0,f()})),()=>{a?.()}}(r,o,e,n)))}const $p=new Tt(e=>e.complete());function Fl(e){return e[e.length-1]}function Bp(e){return function ib(e){return e&&et(e.schedule)}(Fl(e))?e.pop():void 0}function Up(e,t=0){return Dr((n,r)=>{n.subscribe(wr(r,o=>Kn(r,e,()=>r.next(o),t),()=>Kn(r,e,()=>r.complete(),t),o=>Kn(r,e,()=>r.error(o),t)))})}function zp(e,t=0){return Dr((n,r)=>{r.add(e.schedule(()=>n.subscribe(r),t))})}function Gp(e,t){if(!e)throw new Error("Iterable cannot be null");return new Tt(n=>{Kn(n,t,()=>{const r=e[Symbol.asyncIterator]();Kn(n,t,()=>{r.next().then(o=>{o.done?n.complete():n.next(o.value)})},0,!0)})})}function qp(e,t){return t?function hb(e,t){if(null!=e){if(Op(e))return function cb(e,t){return Fn(e).pipe(zp(t),Up(t))}(e,t);if(Ap(e))return function ub(e,t){return new Tt(n=>{let r=0;return t.schedule(function(){r===e.length?n.complete():(n.next(e[r++]),n.closed||this.schedule())})})}(e,t);if(xp(e))return function lb(e,t){return Fn(e).pipe(zp(t),Up(t))}(e,t);if(Rp(e))return Gp(e,t);if(kp(e))return function db(e,t){return new Tt(n=>{let r;return Kn(n,t,()=>{r=e[Fp](),Kn(n,t,()=>{let o,s;try{({value:o,done:s}=r.next())}catch(i){return void n.error(i)}s?n.complete():n.next(o)},0,!0)}),()=>et(r?.return)&&r.return()})}(e,t);if(Vp(e))return function fb(e,t){return Gp(Lp(e),t)}(e,t)}throw Pp(e)}(e,t):Fn(e)}function pb(...e){const t=Bp(e),n=function ab(e,t){return"number"==typeof Fl(e)?e.pop():t}(e,1/0),r=e;return r.length?1===r.length?Fn(r[0]):function ob(e=1/0){return Hp(Al,e)}(n)(qp(r,t)):$p}class Wp extends zi{constructor(t){super(),this._value=t}get value(){return this.getValue()}_subscribe(t){const n=super._subscribe(t);return!n.closed&&t.next(this._value),n}getValue(){const{hasError:t,thrownError:n,_value:r}=this;if(t)throw n;return this._throwIfClosed(),r}next(t){super.next(this._value=t)}}function kl(e,t,...n){if(!0===t)return void e();if(!1===t)return;const r=new vs({next:()=>{r.unsubscribe(),e()}});return Fn(t(...n)).subscribe(r)}function Db(e,t){return e===t}function ve(e){for(let t in e)if(e[t]===ve)return t;throw Error("Could not find renamed property on target object.")}function Qe(e){if("string"==typeof e)return e;if(Array.isArray(e))return"["+e.map(Qe).join(", ")+"]";if(null==e)return""+e;if(e.overriddenName)return`${e.overriddenName}`;if(e.name)return`${e.name}`;const t=e.toString();if(null==t)return""+t;const n=t.indexOf("\n");return-1===n?t:t.substring(0,n)}function Ll(e,t){return null==e||""===e?null===t?"":t:null==t||""===t?e:e+" "+t}const wb=ve({__forward_ref__:ve});function Vl(e){return e.__forward_ref__=Vl,e.toString=function(){return Qe(this())},e}function $(e){return function qi(e){return"function"==typeof e&&e.hasOwnProperty(wb)&&e.__forward_ref__===Vl}(e)?e():e}function jl(e){return e&&!!e.\u0275providers}class T extends Error{constructor(t,n){super(function Kr(e,t){return`NG0${Math.abs(e)}${t?": "+t:""}`}(t,n)),this.code=t}}const Ds=ve({\u0275cmp:ve}),Hl=ve({\u0275dir:ve}),$l=ve({\u0275pipe:ve}),Qp=ve({\u0275mod:ve}),kn=ve({\u0275fac:ve}),ws=ve({__NG_ELEMENT_ID__:ve}),Yp=ve({__NG_ENV_ID__:ve});function Z(e){return"string"==typeof e?e:null==e?"":String(e)}function Bl(e,t){throw new T(-201,!1)}function Nt(e,t){null==e&&function B(e,t,n,r){throw new Error(`ASSERTION ERROR: ${e}`+(null==r?"":` [Expected=> ${n} ${r} ${t} <=Actual]`))}(t,e,null,"!=")}function he(e){return{token:e.token,providedIn:e.providedIn||null,factory:e.factory,value:void 0}}function Er(e){return{providers:e.providers||[],imports:e.imports||[]}}function Wi(e){return Kp(e,Qi)||Kp(e,Xp)}function Kp(e,t){return e.hasOwnProperty(t)?e[t]:null}function Zi(e){return e&&(e.hasOwnProperty(Ul)||e.hasOwnProperty(Tb))?e[Ul]:null}const Qi=ve({\u0275prov:ve}),Ul=ve({\u0275inj:ve}),Xp=ve({ngInjectableDef:ve}),Tb=ve({ngInjectorDef:ve});var ne=function(e){return e[e.Default=0]="Default",e[e.Host=1]="Host",e[e.Self=2]="Self",e[e.SkipSelf=4]="SkipSelf",e[e.Optional=8]="Optional",e}(ne||{});let zl;function At(e){const t=zl;return zl=e,t}function eg(e,t,n){const r=Wi(e);return r&&"root"==r.providedIn?void 0===r.value?r.value=r.factory():r.value:n&ne.Optional?null:void 0!==t?t:void Bl(Qe(e))}const Ie=globalThis;class G{constructor(t,n){this._desc=t,this.ngMetadataName="InjectionToken",this.\u0275prov=void 0,"number"==typeof n?this.__NG_ELEMENT_ID__=n:void 0!==n&&(this.\u0275prov=he({token:this,providedIn:n.providedIn||"root",factory:n.factory}))}get multi(){return this}toString(){return`InjectionToken ${this._desc}`}}const Es={},Ql="__NG_DI_FLAG__",Yi="ngTempTokenPath",xb=/\n/gm,ng="__source";let Xr;function Jn(e){const t=Xr;return Xr=e,t}function Pb(e,t=ne.Default){if(void 0===Xr)throw new T(-203,!1);return null===Xr?eg(e,void 0,t):Xr.get(e,t&ne.Optional?null:void 0,t)}function ie(e,t=ne.Default){return(function Jp(){return zl}()||Pb)($(e),t)}function me(e,t=ne.Default){return ie(e,Ki(t))}function Ki(e){return typeof e>"u"||"number"==typeof e?e:0|(e.optional&&8)|(e.host&&1)|(e.self&&2)|(e.skipSelf&&4)}function Yl(e){const t=[];for(let n=0;nt){i=s-1;break}}}for(;ss?"":o[d+1].toLowerCase();const h=8&r?f:null;if(h&&-1!==og(h,l,0)||2&r&&l!==f){if(nn(r))return!1;i=!0}}}}else{if(!i&&!nn(r)&&!nn(c))return!1;if(i&&nn(c))continue;i=!1,r=c|1&r}}return nn(r)||i}function nn(e){return 0==(1&e)}function $b(e,t,n,r){if(null===t)return-1;let o=0;if(r||!n){let s=!1;for(;o-1)for(n++;n0?'="'+a+'"':"")+"]"}else 8&r?o+="."+i:4&r&&(o+=" "+i);else""!==o&&!nn(i)&&(t+=dg(s,o),o=""),r=i,s=s||!nn(r);n++}return""!==o&&(t+=dg(s,o)),t}function Xl(e){return Ln(()=>{const t=hg(e),n={...t,decls:e.decls,vars:e.vars,template:e.template,consts:e.consts||null,ngContentSelectors:e.ngContentSelectors,onPush:e.changeDetection===Xi.OnPush,directiveDefs:null,pipeDefs:null,dependencies:t.standalone&&e.dependencies||null,getStandaloneInjector:null,signals:e.signals??!1,data:e.data||{},encapsulation:e.encapsulation||tn.Emulated,styles:e.styles||ue,_:null,schemas:e.schemas||null,tView:null,id:""};pg(n);const r=e.dependencies;return n.directiveDefs=Ji(r,!1),n.pipeDefs=Ji(r,!0),n.id=function Xb(e){let t=0;const n=[e.selectors,e.ngContentSelectors,e.hostVars,e.hostAttrs,e.consts,e.vars,e.decls,e.encapsulation,e.standalone,e.signals,e.exportAs,JSON.stringify(e.inputs),JSON.stringify(e.outputs),Object.getOwnPropertyNames(e.type.prototype),!!e.contentQueries,!!e.viewQuery].join("|");for(const o of n)t=Math.imul(31,t)+o.charCodeAt(0)<<0;return t+=2147483648,"c"+t}(n),n})}function Qb(e){return J(e)||tt(e)}function Yb(e){return null!==e}function Jr(e){return Ln(()=>({type:e.type,bootstrap:e.bootstrap||ue,declarations:e.declarations||ue,imports:e.imports||ue,exports:e.exports||ue,transitiveCompileScopes:null,schemas:e.schemas||null,id:e.id||null}))}function fg(e,t){if(null==e)return vn;const n={};for(const r in e)if(e.hasOwnProperty(r)){let o=e[r],s=o;Array.isArray(o)&&(s=o[1],o=o[0]),n[o]=r,t&&(t[o]=s)}return n}function Lt(e){return Ln(()=>{const t=hg(e);return pg(t),t})}function xt(e){return{type:e.type,name:e.name,factory:null,pure:!1!==e.pure,standalone:!0===e.standalone,onDestroy:e.type.prototype.ngOnDestroy||null}}function J(e){return e[Ds]||null}function tt(e){return e[Hl]||null}function ht(e){return e[$l]||null}function hg(e){const t={};return{type:e.type,providersResolver:null,factory:null,hostBindings:e.hostBindings||null,hostVars:e.hostVars||0,hostAttrs:e.hostAttrs||null,contentQueries:e.contentQueries||null,declaredInputs:t,inputTransforms:null,inputConfig:e.inputs||vn,exportAs:e.exportAs||null,standalone:!0===e.standalone,signals:!0===e.signals,selectors:e.selectors||ue,viewQuery:e.viewQuery||null,features:e.features||null,setInput:null,findHostDirectiveDefs:null,hostDirectives:null,inputs:fg(e.inputs,t),outputs:fg(e.outputs),debugInfo:null}}function pg(e){e.features?.forEach(t=>t(e))}function Ji(e,t){if(!e)return null;const n=t?ht:Qb;return()=>("function"==typeof e?e():e).map(r=>n(r)).filter(Yb)}const je=0,_=1,P=2,xe=3,rn=4,yt=5,on=6,eo=7,be=8,Et=9,to=10,Q=11,Is=12,gg=13,no=14,Fe=15,bs=16,ro=17,Dn=18,Ss=19,mg=20,er=21,ea=22,_r=23,Y=25,Jl=1,wn=7,oo=9,Be=10;var so=function(e){return e[e.None=0]="None",e[e.HasTransplantedViews=2]="HasTransplantedViews",e[e.HasChildViewsToRefresh=4]="HasChildViewsToRefresh",e}(so||{});function pt(e){return Array.isArray(e)&&"object"==typeof e[Jl]}function ut(e){return Array.isArray(e)&&!0===e[Jl]}function eu(e){return 0!=(4&e.flags)}function Ir(e){return e.componentOffset>-1}function na(e){return 1==(1&e.flags)}function sn(e){return!!e.template}function tu(e){return 0!=(512&e[P])}function br(e,t){return e.hasOwnProperty(kn)?e[kn]:null}class nS{constructor(t,n,r){this.previousValue=t,this.currentValue=n,this.firstChange=r}isFirstChange(){return this.firstChange}}function Ts(){return wg}function wg(e){return e.type.prototype.ngOnChanges&&(e.setInput=oS),rS}function rS(){const e=Cg(this),t=e?.current;if(t){const n=e.previous;if(n===vn)e.previous=t;else for(let r in t)n[r]=t[r];e.current=null,this.ngOnChanges(t)}}function oS(e,t,n,r){const o=this.declaredInputs[n],s=Cg(e)||function sS(e,t){return e[Eg]=t}(e,{previous:vn,current:null}),i=s.current||(s.current={}),a=s.previous,c=a[o];i[o]=new nS(c&&c.currentValue,t,a===vn),e[r]=t}Ts.ngInherit=!0;const Eg="__ngSimpleChanges__";function Cg(e){return e[Eg]||null}const En=function(e,t,n){};function Se(e){for(;Array.isArray(e);)e=e[je];return e}function Ct(e,t){return Se(t[e.index])}function As(e,t){return e.data[t]}function io(e,t){return e[t]}function Vt(e,t){const n=t[e];return pt(n)?n:n[je]}function iu(e){return 128==(128&e[P])}function Cn(e,t){return null==t?null:e[t]}function bg(e){e[ro]=0}function uS(e){1024&e[P]||(e[P]|=1024,iu(e)&&ra(e))}function Mg(e){return 9216&e[P]||e[_r]?.dirty}function Tg(e){Mg(e)&&ra(e)}function ra(e){let t=e[xe];for(;null!==t&&!(ut(t)&&t[P]&so.HasChildViewsToRefresh||pt(t)&&8192&t[P]);){if(ut(t))t[P]|=so.HasChildViewsToRefresh;else if(t[P]|=8192,!iu(t))break;t=t[xe]}}const q={lFrame:Vg(null),bindingsEnabled:!0,skipHydrationRootTNode:null};function Ag(){return q.bindingsEnabled}function ao(){return null!==q.skipHydrationRootTNode}function D(){return q.lFrame.lView}function re(){return q.lFrame.tView}function xs(e){return q.lFrame.contextLView=e,e[be]}function Os(e){return q.lFrame.contextLView=null,e}function De(){let e=xg();for(;null!==e&&64===e.type;)e=e.parent;return e}function xg(){return q.lFrame.currentTNode}function _n(e,t){const n=q.lFrame;n.currentTNode=e,n.isParent=t}function cu(){return q.lFrame.isParent}function lu(){q.lFrame.isParent=!1}function _t(){const e=q.lFrame;let t=e.bindingRootIndex;return-1===t&&(t=e.bindingRootIndex=e.tView.bindingStartIndex),t}function ES(e,t){const n=q.lFrame;n.bindingIndex=n.bindingRootIndex=e,uu(t)}function uu(e){q.lFrame.currentDirectiveIndex=e}function Fg(){return q.lFrame.currentQueryIndex}function fu(e){q.lFrame.currentQueryIndex=e}function _S(e){const t=e[_];return 2===t.type?t.declTNode:1===t.type?e[yt]:null}function kg(e,t,n){if(n&ne.SkipSelf){let o=t,s=e;for(;!(o=o.parent,null!==o||n&ne.Host||(o=_S(s),null===o||(s=s[no],10&o.type))););if(null===o)return!1;t=o,e=s}const r=q.lFrame=Lg();return r.currentTNode=t,r.lView=e,!0}function hu(e){const t=Lg(),n=e[_];q.lFrame=t,t.currentTNode=n.firstChild,t.lView=e,t.tView=n,t.contextLView=e,t.bindingIndex=n.bindingStartIndex,t.inI18n=!1}function Lg(){const e=q.lFrame,t=null===e?null:e.child;return null===t?Vg(e):t}function Vg(e){const t={currentTNode:null,isParent:!0,lView:null,tView:null,selectedIndex:-1,contextLView:null,elementDepthCount:0,currentNamespace:null,currentDirectiveIndex:-1,bindingRootIndex:-1,bindingIndex:-1,currentQueryIndex:0,parent:e,child:null,inI18n:!1};return null!==e&&(e.child=t),t}function jg(){const e=q.lFrame;return q.lFrame=e.parent,e.currentTNode=null,e.lView=null,e}const Hg=jg;function pu(){const e=jg();e.isParent=!0,e.tView=null,e.selectedIndex=-1,e.contextLView=null,e.elementDepthCount=0,e.currentDirectiveIndex=-1,e.currentNamespace=null,e.bindingRootIndex=-1,e.bindingIndex=-1,e.currentQueryIndex=0}function vt(){return q.lFrame.selectedIndex}function Sr(e){q.lFrame.selectedIndex=e}let Bg=!0;function sa(){return Bg}function tr(e){Bg=e}function ia(e,t){for(let n=t.directiveStart,r=t.directiveEnd;n=r)break}else t[c]<0&&(e[ro]+=65536),(a>14>16&&(3&e[P])===t&&(e[P]+=16384,zg(a,s)):zg(a,s)}const co=-1;class Ps{constructor(t,n,r){this.factory=t,this.resolving=!1,this.canSeeViewProviders=n,this.injectImpl=r}}function yu(e){return e!==co}function Fs(e){return 32767&e}function ks(e,t){let n=function FS(e){return e>>16}(e),r=t;for(;n>0;)r=r[no],n--;return r}let vu=!0;function la(e){const t=vu;return vu=e,t}const Gg=255,qg=5;let kS=0;const bn={};function ua(e,t){const n=Wg(e,t);if(-1!==n)return n;const r=t[_];r.firstCreatePass&&(e.injectorIndex=t.length,Du(r.data,e),Du(t,null),Du(r.blueprint,null));const o=da(e,t),s=e.injectorIndex;if(yu(o)){const i=Fs(o),a=ks(o,t),c=a[_].data;for(let l=0;l<8;l++)t[s+l]=a[i+l]|c[i+l]}return t[s+8]=o,s}function Du(e,t){e.push(0,0,0,0,0,0,0,0,t)}function Wg(e,t){return-1===e.injectorIndex||e.parent&&e.parent.injectorIndex===e.injectorIndex||null===t[e.injectorIndex+8]?-1:e.injectorIndex}function da(e,t){if(e.parent&&-1!==e.parent.injectorIndex)return e.parent.injectorIndex;let n=0,r=null,o=t;for(;null!==o;){if(r=em(o),null===r)return co;if(n++,o=o[no],-1!==r.injectorIndex)return r.injectorIndex|n<<16}return co}function wu(e,t,n){!function LS(e,t,n){let r;"string"==typeof n?r=n.charCodeAt(0)||0:n.hasOwnProperty(ws)&&(r=n[ws]),null==r&&(r=n[ws]=kS++);const o=r⋙t.data[e+(o>>qg)]|=1<=0?t&Gg:$S:t}(n);if("function"==typeof s){if(!kg(t,e,r))return r&ne.Host?Zg(o,0,r):Qg(t,n,r,o);try{let i;if(i=s(r),null!=i||r&ne.Optional)return i;Bl()}finally{Hg()}}else if("number"==typeof s){let i=null,a=Wg(e,t),c=co,l=r&ne.Host?t[Fe][yt]:null;for((-1===a||r&ne.SkipSelf)&&(c=-1===a?da(e,t):t[a+8],c!==co&&Jg(r,!1)?(i=t[_],a=Fs(c),t=ks(c,t)):a=-1);-1!==a;){const u=t[_];if(Xg(s,a,u.data)){const d=jS(a,t,n,i,r,l);if(d!==bn)return d}c=t[a+8],c!==co&&Jg(r,t[_].data[a+8]===l)&&Xg(s,a,t)?(i=u,a=Fs(c),t=ks(c,t)):a=-1}}return o}function jS(e,t,n,r,o,s){const i=t[_],a=i.data[e+8],u=fa(a,i,n,null==r?Ir(a)&&vu:r!=i&&0!=(3&a.type),o&ne.Host&&s===a);return null!==u?Mr(t,i,u,a):bn}function fa(e,t,n,r,o){const s=e.providerIndexes,i=t.data,a=1048575&s,c=e.directiveStart,u=s>>20,f=o?a+u:e.directiveEnd;for(let h=r?a:a+u;h=c&&p.type===n)return h}if(o){const h=i[c];if(h&&sn(h)&&h.type===n)return c}return null}function Mr(e,t,n,r){let o=e[n];const s=t.data;if(function xS(e){return e instanceof Ps}(o)){const i=o;i.resolving&&function Cb(e,t){const n=t?`. Dependency path: ${t.join(" > ")} > ${e}`:"";throw new T(-200,`Circular dependency in DI detected for ${e}${n}`)}(function fe(e){return"function"==typeof e?e.name||e.toString():"object"==typeof e&&null!=e&&"function"==typeof e.type?e.type.name||e.type.toString():Z(e)}(s[n]));const a=la(i.canSeeViewProviders);i.resolving=!0;const l=i.injectImpl?At(i.injectImpl):null;kg(e,r,ne.Default);try{o=e[n]=i.factory(void 0,s,e,r),t.firstCreatePass&&n>=r.directiveStart&&function NS(e,t,n){const{ngOnChanges:r,ngOnInit:o,ngDoCheck:s}=t.type.prototype;if(r){const i=wg(t);(n.preOrderHooks??=[]).push(e,i),(n.preOrderCheckHooks??=[]).push(e,i)}o&&(n.preOrderHooks??=[]).push(0-e,o),s&&((n.preOrderHooks??=[]).push(e,s),(n.preOrderCheckHooks??=[]).push(e,s))}(n,s[n],t)}finally{null!==l&&At(l),la(a),i.resolving=!1,Hg()}}return o}function Xg(e,t,n){return!!(n[t+(e>>qg)]&1<{const r=function _u(e){return function(...n){if(e){const r=e(...n);for(const o in r)this[o]=r[o]}}}(t);function o(...s){if(this instanceof o)return r.apply(this,s),this;const i=new o(...s);return a.annotation=i,a;function a(c,l,u){const d=c.hasOwnProperty(ho)?c[ho]:Object.defineProperty(c,ho,{value:[]})[ho];for(;d.length<=u;)d.push(null);return(d[u]=d[u]||[]).push(i),c}}return n&&(o.prototype=Object.create(n.prototype)),o.prototype.ngMetadataName=e,o.annotationCls=o,o})}function yo(e,t){e.forEach(n=>Array.isArray(n)?yo(n,t):t(n))}function nm(e,t,n){t>=e.length?e.push(n):e.splice(t,0,n)}function ha(e,t){return t>=e.length-1?e.pop():e.splice(t,1)[0]}function Vs(e,t){const n=[];for(let r=0;r{n.push(i)};return yo(t,i=>{const a=i;ya(a,s,[],r)&&(o||=[],o.push(a))}),void 0!==o&&dm(o,s),n}function dm(e,t){for(let n=0;n{t(s,r)})}}function ya(e,t,n,r){if(!(e=$(e)))return!1;let o=null,s=Zi(e);const i=!s&&J(e);if(s||i){if(i&&!i.standalone)return!1;o=e}else{const c=e.ngModule;if(s=Zi(c),!s)return!1;o=c}const a=r.has(o);if(i){if(a)return!1;if(r.add(o),i.dependencies){const c="function"==typeof i.dependencies?i.dependencies():i.dependencies;for(const l of c)ya(l,t,n,r)}}else{if(!s)return!1;{if(null!=s.imports&&!a){let l;r.add(o);try{yo(s.imports,u=>{ya(u,t,n,r)&&(l||=[],l.push(u))})}finally{}void 0!==l&&dm(l,t)}if(!a){const l=br(o)||(()=>new o);t({provide:o,useFactory:l,deps:ue},o),t({provide:Au,useValue:o,multi:!0},o),t({provide:Hs,useValue:()=>ie(o),multi:!0},o)}const c=s.providers;if(null!=c&&!a){const l=e;xu(c,u=>{t(u,l)})}}}return o!==e&&void 0!==e.providers}function xu(e,t){for(let n of e)jl(n)&&(n=n.\u0275providers),Array.isArray(n)?xu(n,t):t(n)}const h0=ve({provide:String,useValue:ve});function Ou(e){return null!==e&&"object"==typeof e&&h0 in e}function Tr(e){return"function"==typeof e}const Ru=new G("Set Injector scope."),va={},g0={};let Pu;function Da(){return void 0===Pu&&(Pu=new ma),Pu}class Hn{}class wo extends Hn{get destroyed(){return this._destroyed}constructor(t,n,r,o){super(),this.parent=n,this.source=r,this.scopes=o,this.records=new Map,this._ngOnDestroyHooks=new Set,this._onDestroyHooks=[],this._destroyed=!1,ku(t,i=>this.processProvider(i)),this.records.set(cm,Eo(void 0,this)),o.has("environment")&&this.records.set(Hn,Eo(void 0,this));const s=this.records.get(Ru);null!=s&&"string"==typeof s.value&&this.scopes.add(s.value),this.injectorDefTypes=new Set(this.get(Au,ue,ne.Self))}destroy(){this.assertNotDestroyed(),this._destroyed=!0;try{for(const n of this._ngOnDestroyHooks)n.ngOnDestroy();const t=this._onDestroyHooks;this._onDestroyHooks=[];for(const n of t)n()}finally{this.records.clear(),this._ngOnDestroyHooks.clear(),this.injectorDefTypes.clear()}}onDestroy(t){return this.assertNotDestroyed(),this._onDestroyHooks.push(t),()=>this.removeOnDestroy(t)}runInContext(t){this.assertNotDestroyed();const n=Jn(this),r=At(void 0);try{return t()}finally{Jn(n),At(r)}}get(t,n=Es,r=ne.Default){if(this.assertNotDestroyed(),t.hasOwnProperty(Yp))return t[Yp](this);r=Ki(r);const s=Jn(this),i=At(void 0);try{if(!(r&ne.SkipSelf)){let c=this.records.get(t);if(void 0===c){const l=function w0(e){return"function"==typeof e||"object"==typeof e&&e instanceof G}(t)&&Wi(t);c=l&&this.injectableDefInScope(l)?Eo(Fu(t),va):null,this.records.set(t,c)}if(null!=c)return this.hydrate(t,c)}return(r&ne.Self?Da():this.parent).get(t,n=r&ne.Optional&&n===Es?null:n)}catch(a){if("NullInjectorError"===a.name){if((a[Yi]=a[Yi]||[]).unshift(Qe(t)),s)throw a;return function kb(e,t,n,r){const o=e[Yi];throw t[ng]&&o.unshift(t[ng]),e.message=function Lb(e,t,n,r=null){e=e&&"\n"===e.charAt(0)&&"\u0275"==e.charAt(1)?e.slice(2):e;let o=Qe(t);if(Array.isArray(t))o=t.map(Qe).join(" -> ");else if("object"==typeof t){let s=[];for(let i in t)if(t.hasOwnProperty(i)){let a=t[i];s.push(i+":"+("string"==typeof a?JSON.stringify(a):Qe(a)))}o=`{${s.join(", ")}}`}return`${n}${r?"("+r+")":""}[${o}]: ${e.replace(xb,"\n ")}`}("\n"+e.message,o,n,r),e.ngTokenPath=o,e[Yi]=null,e}(a,t,"R3InjectorError",this.source)}throw a}finally{At(i),Jn(s)}}resolveInjectorInitializers(){const t=Jn(this),n=At(void 0);try{const o=this.get(Hs,ue,ne.Self);for(const s of o)s()}finally{Jn(t),At(n)}}toString(){const t=[],n=this.records;for(const r of n.keys())t.push(Qe(r));return`R3Injector[${t.join(", ")}]`}assertNotDestroyed(){if(this._destroyed)throw new T(205,!1)}processProvider(t){let n=Tr(t=$(t))?t:$(t&&t.provide);const r=function y0(e){return Ou(e)?Eo(void 0,e.useValue):Eo(function pm(e,t,n){let r;if(Tr(e)){const o=$(e);return br(o)||Fu(o)}if(Ou(e))r=()=>$(e.useValue);else if(function hm(e){return!(!e||!e.useFactory)}(e))r=()=>e.useFactory(...Yl(e.deps||[]));else if(function fm(e){return!(!e||!e.useExisting)}(e))r=()=>ie($(e.useExisting));else{const o=$(e&&(e.useClass||e.provide));if(!function v0(e){return!!e.deps}(e))return br(o)||Fu(o);r=()=>new o(...Yl(e.deps))}return r}(e),va)}(t);if(Tr(t)||!0!==t.multi)this.records.get(n);else{let o=this.records.get(n);o||(o=Eo(void 0,va,!0),o.factory=()=>Yl(o.multi),this.records.set(n,o)),n=t,o.multi.push(t)}this.records.set(n,r)}hydrate(t,n){return n.value===va&&(n.value=g0,n.value=n.factory()),"object"==typeof n.value&&n.value&&function D0(e){return null!==e&&"object"==typeof e&&"function"==typeof e.ngOnDestroy}(n.value)&&this._ngOnDestroyHooks.add(n.value),n.value}injectableDefInScope(t){if(!t.providedIn)return!1;const n=$(t.providedIn);return"string"==typeof n?"any"===n||this.scopes.has(n):this.injectorDefTypes.has(n)}removeOnDestroy(t){const n=this._onDestroyHooks.indexOf(t);-1!==n&&this._onDestroyHooks.splice(n,1)}}function Fu(e){const t=Wi(e),n=null!==t?t.factory:br(e);if(null!==n)return n;if(e instanceof G)throw new T(204,!1);if(e instanceof Function)return function m0(e){const t=e.length;if(t>0)throw Vs(t,"?"),new T(204,!1);const n=function Mb(e){return e&&(e[Qi]||e[Xp])||null}(e);return null!==n?()=>n.factory(e):()=>new e}(e);throw new T(204,!1)}function Eo(e,t,n=!1){return{factory:e,value:t,multi:n?[]:void 0}}function ku(e,t){for(const n of e)Array.isArray(n)?ku(n,t):n&&jl(n)?ku(n.\u0275providers,t):t(n)}function vm(e,t=null,n=null,r){const o=Dm(e,t,n,r);return o.resolveInjectorInitializers(),o}function Dm(e,t=null,n=null,r,o=new Set){const s=[n||ue,f0(e)];return r=r||("object"==typeof e?void 0:Qe(e)),new wo(s,t||Da(),r||null,o)}let ju,an=(()=>{class e{static#e=this.THROW_IF_NOT_FOUND=Es;static#t=this.NULL=new ma;static create(n,r){if(Array.isArray(n))return vm({name:""},r,n,"");{const o=n.name??"";return vm({name:o},n.parent,n.providers,o)}}static#n=this.\u0275prov=he({token:e,providedIn:"any",factory:()=>ie(cm)});static#r=this.__NG_ELEMENT_ID__=-1}return e})();const Ea=new G("AppId",{providedIn:"root",factory:()=>N0}),N0="ng",Em=new G("Platform Initializer"),Co=new G("Platform ID",{providedIn:"platform",factory:()=>"unknown"}),Cm=new G("CSP nonce",{providedIn:"root",factory:()=>function nr(){if(void 0!==ju)return ju;if(typeof document<"u")return document;throw new T(210,!1)}().body?.querySelector("[ngCspNonce]")?.getAttribute("ngCspNonce")||null});function ba(e){return 128==(128&e.flags)}var sr=function(e){return e[e.Important=1]="Important",e[e.DashCase=2]="DashCase",e}(sr||{});const zu=new Map;let B0=0;const qu="__ngContext__";function Dt(e,t){pt(t)?(e[qu]=t[Ss],function z0(e){zu.set(e[Ss],e)}(t)):e[qu]=t}let Wu;function Zu(e,t){return Wu(e,t)}function Gs(e){const t=e[xe];return ut(t)?t[xe]:t}function Hm(e){return Bm(e[Is])}function $m(e){return Bm(e[rn])}function Bm(e){for(;null!==e&&!ut(e);)e=e[rn];return e}function Io(e,t,n,r,o){if(null!=r){let s,i=!1;ut(r)?s=r:pt(r)&&(i=!0,r=r[je]);const a=Se(r);0===e&&null!==n?null==o?qm(t,n,a):Ar(t,n,a,o||null,!0):1===e&&null!==n?Ar(t,n,a,o||null,!0):2===e?function Oa(e,t,n){const r=Aa(e,t);r&&function lM(e,t,n,r){e.removeChild(t,n,r)}(e,r,t,n)}(t,a,i):3===e&&t.destroyNode(a),null!=s&&function fM(e,t,n,r,o){const s=n[wn];s!==Se(n)&&Io(t,e,r,s,o);for(let a=Be;a0&&(e[n-1][rn]=r[rn]);const s=ha(e,Be+t);!function tM(e,t){Zs(e,t,t[Q],2,null,null),t[je]=null,t[yt]=null}(r[_],r);const i=s[Dn];null!==i&&i.detachView(s[_]),r[xe]=null,r[rn]=null,r[P]&=-129}return r}function Na(e,t){if(!(256&t[P])){const n=t[Q];n.destroyNode&&Zs(e,t,n,3,null,null),function oM(e){let t=e[Is];if(!t)return Yu(e[_],e);for(;t;){let n=null;if(pt(t))n=t[Is];else{const r=t[Be];r&&(n=r)}if(!n){for(;t&&!t[rn]&&t!==e;)pt(t)&&Yu(t[_],t),t=t[xe];null===t&&(t=e),pt(t)&&Yu(t[_],t),n=t&&t[rn]}t=n}}(t)}}function Yu(e,t){if(!(256&t[P])){t[P]&=-129,t[P]|=256,t[_r]&&function up(e){if(Yr(e),ys(e))for(let t=0;t=0?r[i]():r[-i].unsubscribe(),s+=2}else n[s].call(r[n[s+1]]);null!==r&&(t[eo]=null);const o=t[er];if(null!==o){t[er]=null;for(let s=0;s-1){const{encapsulation:s}=e.data[r.directiveStart+o];if(s===tn.None||s===tn.Emulated)return null}return Ct(r,n)}}(e,t.parent,n)}function Ar(e,t,n,r,o){e.insertBefore(t,n,r,o)}function qm(e,t,n){e.appendChild(t,n)}function Wm(e,t,n,r,o){null!==r?Ar(e,t,n,r,o):qm(e,t,n)}function Aa(e,t){return e.parentNode(t)}function Zm(e,t,n){return Ym(e,t,n)}let Xu,Ym=function Qm(e,t,n){return 40&e.type?Ct(e,n):null};function xa(e,t,n,r){const o=Ku(e,r,t),s=t[Q],a=Zm(r.parent||t[yt],r,t);if(null!=o)if(Array.isArray(n))for(let c=0;cnull;function pd(e,t,n=!1){return gy(e,t,n)}class QM{}class vy{}class KM{resolveComponentFactory(t){throw function YM(e){const t=Error(`No component factory found for ${Qe(e)}.`);return t.ngComponent=e,t}(t)}}let $a=(()=>{class e{static#e=this.NULL=new KM}return e})();function XM(){return No(De(),D())}function No(e,t){return new xr(Ct(e,t))}let xr=(()=>{class e{constructor(n){this.nativeElement=n}static#e=this.__NG_ELEMENT_ID__=XM}return e})();function JM(e){return e instanceof xr?e.nativeElement:e}class wy{}let Ey=(()=>{class e{constructor(){this.destroyNode=null}static#e=this.__NG_ELEMENT_ID__=()=>function eT(){const e=D(),n=Vt(De().index,e);return(pt(n)?n:e)[Q]}()}return e})(),tT=(()=>{class e{static#e=this.\u0275prov=he({token:e,providedIn:"root",factory:()=>null})}return e})();class yd{constructor(t){this.full=t,this.major=t.split(".")[0],this.minor=t.split(".")[1],this.patch=t.split(".").slice(2).join(".")}}const nT=new yd("17.0.7"),vd={};function Cy(e){const t=Ve(null);try{return e()}finally{Ve(t)}}function Ba(e){return!!Dd(e)&&(Array.isArray(e)||!(e instanceof Map)&&Symbol.iterator in e)}function Dd(e){return null!==e&&("function"==typeof e||"object"==typeof e)}class _y{constructor(){}supports(t){return Ba(t)}create(t){return new aT(t)}}const iT=(e,t)=>t;class aT{constructor(t){this.length=0,this._linkedRecords=null,this._unlinkedRecords=null,this._previousItHead=null,this._itHead=null,this._itTail=null,this._additionsHead=null,this._additionsTail=null,this._movesHead=null,this._movesTail=null,this._removalsHead=null,this._removalsTail=null,this._identityChangesHead=null,this._identityChangesTail=null,this._trackByFn=t||iT}forEachItem(t){let n;for(n=this._itHead;null!==n;n=n._next)t(n)}forEachOperation(t){let n=this._itHead,r=this._removalsHead,o=0,s=null;for(;n||r;){const i=!r||n&&n.currentIndex{i=this._trackByFn(o,a),null!==n&&Object.is(n.trackById,i)?(r&&(n=this._verifyReinsertion(n,a,i,o)),Object.is(n.item,a)||this._addIdentityChange(n,a)):(n=this._mismatch(n,a,i,o),r=!0),n=n._next,o++}),this.length=o;return this._truncate(n),this.collection=t,this.isDirty}get isDirty(){return null!==this._additionsHead||null!==this._movesHead||null!==this._removalsHead||null!==this._identityChangesHead}_reset(){if(this.isDirty){let t;for(t=this._previousItHead=this._itHead;null!==t;t=t._next)t._nextPrevious=t._next;for(t=this._additionsHead;null!==t;t=t._nextAdded)t.previousIndex=t.currentIndex;for(this._additionsHead=this._additionsTail=null,t=this._movesHead;null!==t;t=t._nextMoved)t.previousIndex=t.currentIndex;this._movesHead=this._movesTail=null,this._removalsHead=this._removalsTail=null,this._identityChangesHead=this._identityChangesTail=null}}_mismatch(t,n,r,o){let s;return null===t?s=this._itTail:(s=t._prev,this._remove(t)),null!==(t=null===this._unlinkedRecords?null:this._unlinkedRecords.get(r,null))?(Object.is(t.item,n)||this._addIdentityChange(t,n),this._reinsertAfter(t,s,o)):null!==(t=null===this._linkedRecords?null:this._linkedRecords.get(r,o))?(Object.is(t.item,n)||this._addIdentityChange(t,n),this._moveAfter(t,s,o)):t=this._addAfter(new cT(n,r),s,o),t}_verifyReinsertion(t,n,r,o){let s=null===this._unlinkedRecords?null:this._unlinkedRecords.get(r,null);return null!==s?t=this._reinsertAfter(s,t._prev,o):t.currentIndex!=o&&(t.currentIndex=o,this._addToMoves(t,o)),t}_truncate(t){for(;null!==t;){const n=t._next;this._addToRemovals(this._unlink(t)),t=n}null!==this._unlinkedRecords&&this._unlinkedRecords.clear(),null!==this._additionsTail&&(this._additionsTail._nextAdded=null),null!==this._movesTail&&(this._movesTail._nextMoved=null),null!==this._itTail&&(this._itTail._next=null),null!==this._removalsTail&&(this._removalsTail._nextRemoved=null),null!==this._identityChangesTail&&(this._identityChangesTail._nextIdentityChange=null)}_reinsertAfter(t,n,r){null!==this._unlinkedRecords&&this._unlinkedRecords.remove(t);const o=t._prevRemoved,s=t._nextRemoved;return null===o?this._removalsHead=s:o._nextRemoved=s,null===s?this._removalsTail=o:s._prevRemoved=o,this._insertAfter(t,n,r),this._addToMoves(t,r),t}_moveAfter(t,n,r){return this._unlink(t),this._insertAfter(t,n,r),this._addToMoves(t,r),t}_addAfter(t,n,r){return this._insertAfter(t,n,r),this._additionsTail=null===this._additionsTail?this._additionsHead=t:this._additionsTail._nextAdded=t,t}_insertAfter(t,n,r){const o=null===n?this._itHead:n._next;return t._next=o,t._prev=n,null===o?this._itTail=t:o._prev=t,null===n?this._itHead=t:n._next=t,null===this._linkedRecords&&(this._linkedRecords=new Iy),this._linkedRecords.put(t),t.currentIndex=r,t}_remove(t){return this._addToRemovals(this._unlink(t))}_unlink(t){null!==this._linkedRecords&&this._linkedRecords.remove(t);const n=t._prev,r=t._next;return null===n?this._itHead=r:n._next=r,null===r?this._itTail=n:r._prev=n,t}_addToMoves(t,n){return t.previousIndex===n||(this._movesTail=null===this._movesTail?this._movesHead=t:this._movesTail._nextMoved=t),t}_addToRemovals(t){return null===this._unlinkedRecords&&(this._unlinkedRecords=new Iy),this._unlinkedRecords.put(t),t.currentIndex=null,t._nextRemoved=null,null===this._removalsTail?(this._removalsTail=this._removalsHead=t,t._prevRemoved=null):(t._prevRemoved=this._removalsTail,this._removalsTail=this._removalsTail._nextRemoved=t),t}_addIdentityChange(t,n){return t.item=n,this._identityChangesTail=null===this._identityChangesTail?this._identityChangesHead=t:this._identityChangesTail._nextIdentityChange=t,t}}class cT{constructor(t,n){this.item=t,this.trackById=n,this.currentIndex=null,this.previousIndex=null,this._nextPrevious=null,this._prev=null,this._next=null,this._prevDup=null,this._nextDup=null,this._prevRemoved=null,this._nextRemoved=null,this._nextAdded=null,this._nextMoved=null,this._nextIdentityChange=null}}class lT{constructor(){this._head=null,this._tail=null}add(t){null===this._head?(this._head=this._tail=t,t._nextDup=null,t._prevDup=null):(this._tail._nextDup=t,t._prevDup=this._tail,t._nextDup=null,this._tail=t)}get(t,n){let r;for(r=this._head;null!==r;r=r._nextDup)if((null===n||n<=r.currentIndex)&&Object.is(r.trackById,t))return r;return null}remove(t){const n=t._prevDup,r=t._nextDup;return null===n?this._head=r:n._nextDup=r,null===r?this._tail=n:r._prevDup=n,null===this._head}}class Iy{constructor(){this.map=new Map}put(t){const n=t.trackById;let r=this.map.get(n);r||(r=new lT,this.map.set(n,r)),r.add(t)}get(t,n){const o=this.map.get(t);return o?o.get(t,n):null}remove(t){const n=t.trackById;return this.map.get(n).remove(t)&&this.map.delete(n),t}get isEmpty(){return 0===this.map.size}clear(){this.map.clear()}}function by(e,t,n){const r=e.previousIndex;if(null===r)return r;let o=0;return n&&r{if(n&&n.key===o)this._maybeAddToChanges(n,r),this._appendAfter=n,n=n._next;else{const s=this._getOrCreateRecordForKey(o,r);n=this._insertBeforeOrAppend(n,s)}}),n){n._prev&&(n._prev._next=null),this._removalsHead=n;for(let r=n;null!==r;r=r._nextRemoved)r===this._mapHead&&(this._mapHead=null),this._records.delete(r.key),r._nextRemoved=r._next,r.previousValue=r.currentValue,r.currentValue=null,r._prev=null,r._next=null}return this._changesTail&&(this._changesTail._nextChanged=null),this._additionsTail&&(this._additionsTail._nextAdded=null),this.isDirty}_insertBeforeOrAppend(t,n){if(t){const r=t._prev;return n._next=t,n._prev=r,t._prev=n,r&&(r._next=n),t===this._mapHead&&(this._mapHead=n),this._appendAfter=t,t}return this._appendAfter?(this._appendAfter._next=n,n._prev=this._appendAfter):this._mapHead=n,this._appendAfter=n,null}_getOrCreateRecordForKey(t,n){if(this._records.has(t)){const o=this._records.get(t);this._maybeAddToChanges(o,n);const s=o._prev,i=o._next;return s&&(s._next=i),i&&(i._prev=s),o._next=null,o._prev=null,o}const r=new dT(t);return this._records.set(t,r),r.currentValue=n,this._addToAdditions(r),r}_reset(){if(this.isDirty){let t;for(this._previousMapHead=this._mapHead,t=this._previousMapHead;null!==t;t=t._next)t._nextPrevious=t._next;for(t=this._changesHead;null!==t;t=t._nextChanged)t.previousValue=t.currentValue;for(t=this._additionsHead;null!=t;t=t._nextAdded)t.previousValue=t.currentValue;this._changesHead=this._changesTail=null,this._additionsHead=this._additionsTail=null,this._removalsHead=null}}_maybeAddToChanges(t,n){Object.is(n,t.currentValue)||(t.previousValue=t.currentValue,t.currentValue=n,this._addToChanges(t))}_addToAdditions(t){null===this._additionsHead?this._additionsHead=this._additionsTail=t:(this._additionsTail._nextAdded=t,this._additionsTail=t)}_addToChanges(t){null===this._changesHead?this._changesHead=this._changesTail=t:(this._changesTail._nextChanged=t,this._changesTail=t)}_forEach(t,n){t instanceof Map?t.forEach(n):Object.keys(t).forEach(r=>n(t[r],r))}}class dT{constructor(t){this.key=t,this.previousValue=null,this.currentValue=null,this._nextPrevious=null,this._next=null,this._prev=null,this._nextAdded=null,this._nextRemoved=null,this._nextChanged=null}}function My(){return new Ua([new _y])}let Ua=(()=>{class e{static#e=this.\u0275prov=he({token:e,providedIn:"root",factory:My});constructor(n){this.factories=n}static create(n,r){if(null!=r){const o=r.factories.slice();n=n.concat(o)}return new e(n)}static extend(n){return{provide:e,useFactory:r=>e.create(n,r||My()),deps:[[e,new Tu,new Mu]]}}find(n){const r=this.factories.find(o=>o.supports(n));if(null!=r)return r;throw new T(901,!1)}}return e})();function Ty(){return new ei([new Sy])}let ei=(()=>{class e{static#e=this.\u0275prov=he({token:e,providedIn:"root",factory:Ty});constructor(n){this.factories=n}static create(n,r){if(r){const o=r.factories.slice();n=n.concat(o)}return new e(n)}static extend(n){return{provide:e,useFactory:r=>e.create(n,r||Ty()),deps:[[e,new Tu,new Mu]]}}find(n){const r=this.factories.find(o=>o.supports(n));if(r)return r;throw new T(901,!1)}}return e})();function ti(e,t,n,r,o=!1){for(;null!==n;){const s=t[n.index];null!==s&&r.push(Se(s)),ut(s)&&Ny(s,r);const i=n.type;if(8&i)ti(e,t,n.child,r);else if(32&i){const a=Zu(n,t);let c;for(;c=a();)r.push(c)}else if(16&i){const a=Xm(t,n);if(Array.isArray(a))r.push(...a);else{const c=Gs(t[Fe]);ti(c[_],c,a,r,!0)}}n=o?n.projectionNext:n.next}return r}function Ny(e,t){for(let n=Be;n!1,producerRecomputeValue:()=>{},consumerMarkedDirty:()=>{},consumerOnSignalRead:()=>{},consumerIsAlwaysLive:!0,consumerMarkedDirty:e=>{ra(e.lView)},consumerOnSignalRead(){this.lView[_r]=this}};function wd(e){return e.ngOriginalError}class Bn{constructor(){this._console=console}handleError(t){const n=this._findOriginalError(t);this._console.error("ERROR",t),n&&this._console.error("ORIGINAL ERROR",n)}_findOriginalError(t){let n=t&&wd(t);for(;n&&wd(n);)n=wd(n);return n||null}}const Oy=new G("",{providedIn:"root",factory:()=>me(Bn).handleError.bind(void 0)}),Py=new G("",{providedIn:"root",factory:()=>!1}),K={};function wt(e){Vy(re(),D(),vt()+e,!1)}function Vy(e,t,n,r){if(!r)if(3==(3&t[P])){const s=e.preOrderCheckHooks;null!==s&&aa(t,s,n)}else{const s=e.preOrderHooks;null!==s&&ca(t,s,0,n)}Sr(n)}function X(e,t=ne.Default){const n=D();return null===n?ie(e,t):Yg(De(),n,$(e),t)}function Ga(e,t,n,r,o,s,i,a,c,l,u){const d=t.blueprint.slice();return d[je]=o,d[P]=140|r,(null!==l||e&&2048&e[P])&&(d[P]|=2048),bg(d),d[xe]=d[no]=e,d[be]=n,d[to]=i||e&&e[to],d[Q]=a||e&&e[Q],d[Et]=c||e&&e[Et]||null,d[yt]=s,d[Ss]=function U0(){return B0++}(),d[on]=u,d[mg]=l,d[Fe]=2==t.type?e[Fe]:d,d}function Ao(e,t,n,r,o){let s=e.data[t];if(null===s)s=function Ed(e,t,n,r,o){const s=xg(),i=cu(),c=e.data[t]=function AT(e,t,n,r,o,s){let i=t?t.injectorIndex:-1,a=0;return ao()&&(a|=128),{type:n,index:r,insertBeforeIndex:null,injectorIndex:i,directiveStart:-1,directiveEnd:-1,directiveStylingLast:-1,componentOffset:-1,propertyBindings:null,flags:a,providerIndexes:0,value:o,attrs:s,mergedAttrs:null,localNames:null,initialInputs:void 0,inputs:null,outputs:null,tView:null,next:null,prev:null,projectionNext:null,child:null,parent:t,projection:null,styles:null,stylesWithoutHost:null,residualStyles:void 0,classes:null,classesWithoutHost:null,residualClasses:void 0,classBindings:0,styleBindings:0}}(0,i?s:s&&s.parent,n,t,r,o);return null===e.firstChild&&(e.firstChild=c),null!==s&&(i?null==s.child&&null!==c.parent&&(s.child=c):null===s.next&&(s.next=c,c.prev=s)),c}(e,t,n,r,o),function wS(){return q.lFrame.inI18n}()&&(s.flags|=32);else if(64&s.type){s.type=n,s.value=r,s.attrs=o;const i=function Rs(){const e=q.lFrame,t=e.currentTNode;return e.isParent?t:t.parent}();s.injectorIndex=null===i?-1:i.injectorIndex}return _n(s,!0),s}function ni(e,t,n,r){if(0===n)return-1;const o=t.length;for(let s=0;sY&&Vy(e,t,Y,!1),En(i?2:0,o),n(r,o)}finally{Sr(s),En(i?3:1,o)}}function Cd(e,t,n){if(eu(t)){const r=Ve(null);try{const s=t.directiveEnd;for(let i=t.directiveStart;inull;function By(e,t,n,r){for(let o in e)if(e.hasOwnProperty(o)){n=null===n?{}:n;const s=e[o];null===r?Uy(n,t,o,s):r.hasOwnProperty(o)&&Uy(n,t,r[o],s)}return n}function Uy(e,t,n,r){e.hasOwnProperty(n)?e[n].push(t,r):e[n]=[t,r]}function Sd(e,t,n,r){if(Ag()){const o=null===r?null:{"":-1},s=function jT(e,t){const n=e.directiveRegistry;let r=null,o=null;if(n)for(let s=0;s0;){const n=e[--t];if("number"==typeof n&&n<0)return n}return 0})(i)!=a&&i.push(a),i.push(n,r,s)}}(e,t,r,ni(e,n,o.hostVars,K),o)}function GT(e,t,n,r,o,s){const i=s[t];if(null!==i)for(let a=0;ae.nextProducerIndex;)e.producerNode.pop(),e.producerLastReadVersion.pop(),e.producerIndexOfThis.pop()}}(a,i),function gT(e){e.lView[_r]!==e&&(e.lView=null,Ay.push(e))}(a)),pu()}}function Xy(e,t){for(let n=Hm(e);null!==n;n=$m(n)){n[P]&=~so.HasChildViewsToRefresh;for(let r=Be;r-1&&(qs(t,r),ha(n,r))}this._attachedToViewContainer=!1}Na(this._lView[_],this._lView)}onDestroy(t){!function oa(e,t){if(256==(256&e[P]))throw new T(911,!1);null===e[er]&&(e[er]=[]),e[er].push(t)}(this._lView,t)}markForCheck(){ri(this._cdRefInjectingView||this._lView)}detach(){this._lView[P]&=-129}reattach(){Tg(this._lView),this._lView[P]|=128}detectChanges(){this._lView[P]|=1024,function xd(e,t=!0){const n=e[to],r=n.rendererFactory,o=n.afterRenderEventManager;r.begin?.(),o?.begin();try{!function ZT(e){Od(e,0);let t=0;for(;Mg(e);){if(100===t)throw new T(103,!1);t++,Od(e,1)}}(e)}catch(i){throw t&&Wa(e,i),i}finally{r.end?.(),n.inlineEffectRunner?.flush(),o?.end()}}(this._lView,this.notifyErrorHandler)}checkNoChanges(){}attachToViewContainerRef(){if(this._appRef)throw new T(902,!1);this._attachedToViewContainer=!0}detachFromAppRef(){this._appRef=null,function rM(e,t){Zs(e,t,t[Q],2,null,null)}(this._lView[_],this._lView)}attachToAppRef(t){if(this._attachedToViewContainer)throw new T(902,!1);this._appRef=t}}let Rd=(()=>{class e{static#e=this.__NG_ELEMENT_ID__=JT}return e})();function JT(e){return function eN(e,t,n){if(Ir(e)&&!n){const r=Vt(e.index,t);return new oi(r,r)}return 47&e.type?new oi(t[Fe],t):null}(De(),D(),16==(16&e))}function Fd(e){return t=>{setTimeout(e,void 0,t)}}const Bt=class uN extends zi{constructor(t=!1){super(),this.__isAsync=t}emit(t){super.next(t)}subscribe(t,n,r){let o=t,s=n||(()=>null),i=r;if(t&&"object"==typeof t){const c=t;o=c.next?.bind(c),s=c.error?.bind(c),i=c.complete?.bind(c)}this.__isAsync&&(s=Fd(s),o&&(o=Fd(o)),i&&(i=Fd(i)));const a=super.subscribe({next:o,error:s,complete:i});return t instanceof yn&&t.add(a),a}};function nv(...e){}class Me{constructor({enableLongStackTrace:t=!1,shouldCoalesceEventChangeDetection:n=!1,shouldCoalesceRunChangeDetection:r=!1}){if(this.hasPendingMacrotasks=!1,this.hasPendingMicrotasks=!1,this.isStable=!0,this.onUnstable=new Bt(!1),this.onMicrotaskEmpty=new Bt(!1),this.onStable=new Bt(!1),this.onError=new Bt(!1),typeof Zone>"u")throw new T(908,!1);Zone.assertZonePatched();const o=this;o._nesting=0,o._outer=o._inner=Zone.current,Zone.TaskTrackingZoneSpec&&(o._inner=o._inner.fork(new Zone.TaskTrackingZoneSpec)),t&&Zone.longStackTraceZoneSpec&&(o._inner=o._inner.fork(Zone.longStackTraceZoneSpec)),o.shouldCoalesceEventChangeDetection=!r&&n,o.shouldCoalesceRunChangeDetection=r,o.lastRequestAnimationFrameId=-1,o.nativeRequestAnimationFrame=function dN(){const e="function"==typeof Ie.requestAnimationFrame;let t=Ie[e?"requestAnimationFrame":"setTimeout"],n=Ie[e?"cancelAnimationFrame":"clearTimeout"];if(typeof Zone<"u"&&t&&n){const r=t[Zone.__symbol__("OriginalDelegate")];r&&(t=r);const o=n[Zone.__symbol__("OriginalDelegate")];o&&(n=o)}return{nativeRequestAnimationFrame:t,nativeCancelAnimationFrame:n}}().nativeRequestAnimationFrame,function pN(e){const t=()=>{!function hN(e){e.isCheckStableRunning||-1!==e.lastRequestAnimationFrameId||(e.lastRequestAnimationFrameId=e.nativeRequestAnimationFrame.call(Ie,()=>{e.fakeTopEventTask||(e.fakeTopEventTask=Zone.root.scheduleEventTask("fakeTopEventTask",()=>{e.lastRequestAnimationFrameId=-1,Ld(e),e.isCheckStableRunning=!0,kd(e),e.isCheckStableRunning=!1},void 0,()=>{},()=>{})),e.fakeTopEventTask.invoke()}),Ld(e))}(e)};e._inner=e._inner.fork({name:"angular",properties:{isAngularZone:!0},onInvokeTask:(n,r,o,s,i,a)=>{if(function mN(e){return!(!Array.isArray(e)||1!==e.length)&&!0===e[0].data?.__ignore_ng_zone__}(a))return n.invokeTask(o,s,i,a);try{return rv(e),n.invokeTask(o,s,i,a)}finally{(e.shouldCoalesceEventChangeDetection&&"eventTask"===s.type||e.shouldCoalesceRunChangeDetection)&&t(),ov(e)}},onInvoke:(n,r,o,s,i,a,c)=>{try{return rv(e),n.invoke(o,s,i,a,c)}finally{e.shouldCoalesceRunChangeDetection&&t(),ov(e)}},onHasTask:(n,r,o,s)=>{n.hasTask(o,s),r===o&&("microTask"==s.change?(e._hasPendingMicrotasks=s.microTask,Ld(e),kd(e)):"macroTask"==s.change&&(e.hasPendingMacrotasks=s.macroTask))},onHandleError:(n,r,o,s)=>(n.handleError(o,s),e.runOutsideAngular(()=>e.onError.emit(s)),!1)})}(o)}static isInAngularZone(){return typeof Zone<"u"&&!0===Zone.current.get("isAngularZone")}static assertInAngularZone(){if(!Me.isInAngularZone())throw new T(909,!1)}static assertNotInAngularZone(){if(Me.isInAngularZone())throw new T(909,!1)}run(t,n,r){return this._inner.run(t,n,r)}runTask(t,n,r,o){const s=this._inner,i=s.scheduleEventTask("NgZoneEvent: "+o,t,fN,nv,nv);try{return s.runTask(i,n,r)}finally{s.cancelTask(i)}}runGuarded(t,n,r){return this._inner.runGuarded(t,n,r)}runOutsideAngular(t){return this._outer.run(t)}}const fN={};function kd(e){if(0==e._nesting&&!e.hasPendingMicrotasks&&!e.isStable)try{e._nesting++,e.onMicrotaskEmpty.emit(null)}finally{if(e._nesting--,!e.hasPendingMicrotasks)try{e.runOutsideAngular(()=>e.onStable.emit(null))}finally{e.isStable=!0}}}function Ld(e){e.hasPendingMicrotasks=!!(e._hasPendingMicrotasks||(e.shouldCoalesceEventChangeDetection||e.shouldCoalesceRunChangeDetection)&&-1!==e.lastRequestAnimationFrameId)}function rv(e){e._nesting++,e.isStable&&(e.isStable=!1,e.onUnstable.emit(null))}function ov(e){e._nesting--,kd(e)}class gN{constructor(){this.hasPendingMicrotasks=!1,this.hasPendingMacrotasks=!1,this.isStable=!0,this.onUnstable=new Bt,this.onMicrotaskEmpty=new Bt,this.onStable=new Bt,this.onError=new Bt}run(t,n,r){return t.apply(n,r)}runGuarded(t,n,r){return t.apply(n,r)}runOutsideAngular(t){return t()}runTask(t,n,r,o){return t.apply(n,r)}}const sv=new G("",{providedIn:"root",factory:iv});function iv(){const e=me(Me);let t=!0;return pb(new Tt(o=>{t=e.isStable&&!e.hasPendingMacrotasks&&!e.hasPendingMicrotasks,e.runOutsideAngular(()=>{o.next(t),o.complete()})}),new Tt(o=>{let s;e.runOutsideAngular(()=>{s=e.onStable.subscribe(()=>{Me.assertNotInAngularZone(),queueMicrotask(()=>{!t&&!e.hasPendingMacrotasks&&!e.hasPendingMicrotasks&&(t=!0,o.next(!0))})})});const i=e.onUnstable.subscribe(()=>{Me.assertInAngularZone(),t&&(t=!1,e.runOutsideAngular(()=>{o.next(!1)}))});return()=>{s.unsubscribe(),i.unsubscribe()}}).pipe(function mb(e={}){const{connector:t=(()=>new zi),resetOnError:n=!0,resetOnComplete:r=!0,resetOnRefCountZero:o=!0}=e;return s=>{let i,a,c,l=0,u=!1,d=!1;const f=()=>{a?.unsubscribe(),a=void 0},h=()=>{f(),i=c=void 0,u=d=!1},p=()=>{const g=i;h(),g?.unsubscribe()};return Dr((g,y)=>{l++,!d&&!u&&f();const v=c=c??t();y.add(()=>{l--,0===l&&!d&&!u&&(a=kl(p,o))}),v.subscribe(y),!i&&l>0&&(i=new vs({next:m=>v.next(m),error:m=>{d=!0,f(),a=kl(h,n,m),v.error(m)},complete:()=>{u=!0,f(),a=kl(h,r),v.complete()}}),Fn(g).subscribe(i))})(s)}}()))}let Za=(()=>{class e{constructor(){this.renderDepth=0,this.handler=null,this.internalCallbacks=[]}begin(){this.handler?.validateBegin(),this.renderDepth++}end(){if(this.renderDepth--,0===this.renderDepth){for(const n of this.internalCallbacks)n();this.internalCallbacks.length=0,this.handler?.execute()}}ngOnDestroy(){this.handler?.destroy(),this.handler=null,this.internalCallbacks.length=0}static#e=this.\u0275prov=he({token:e,providedIn:"root",factory:()=>new e})}return e})();function wN(e,t){const n=Vt(t,e),r=n[_];!function EN(e,t){for(let n=t.length;n0&&ty(e,n,s.join(" "))}}(d,M,h,r),void 0!==n&&function xN(e,t,n){const r=e.projection=[];for(let o=0;o0&&(n[o-1][rn]=t),r{class e{static#e=this.__NG_ELEMENT_ID__=zA}return e})();function zA(){return tD(De(),D())}const GA=An,Jv=class extends GA{constructor(t,n,r){super(),this._lContainer=t,this._hostTNode=n,this._hostLView=r}get element(){return No(this._hostTNode,this._hostLView)}get injector(){return new nt(this._hostTNode,this._hostLView)}get parentInjector(){const t=da(this._hostTNode,this._hostLView);if(yu(t)){const n=ks(t,this._hostLView),r=Fs(t);return new nt(n[_].data[r+8],n)}return new nt(null,this._hostLView)}clear(){for(;this.length>0;)this.remove(this.length-1)}get(t){const n=eD(this._lContainer);return null!==n&&n[t]||null}get length(){return this._lContainer.length-Be}createEmbeddedView(t,n,r){let o,s;"number"==typeof r?o=r:null!=r&&(o=r.index,s=r.injector);const a=t.createEmbeddedViewImpl(n||{},s,null);return this.insertImpl(a,o,Bo(this._hostTNode,null)),a}createComponent(t,n,r,o,s){const i=t&&!function Ls(e){return"function"==typeof e}(t);let a;if(i)a=n;else{const p=n||{};a=p.index,r=p.injector,o=p.projectableNodes,s=p.environmentInjector||p.ngModuleRef}const c=i?t:new si(J(t)),l=r||this.parentInjector;if(!s&&null==c.ngModule){const g=(i?l:this.parentInjector).get(Hn,null);g&&(s=g)}J(c.componentType??{});const h=c.create(l,o,null,s);return this.insertImpl(h.hostView,a,Bo(this._hostTNode,null)),h}insert(t,n){return this.insertImpl(t,n,!0)}insertImpl(t,n,r){const o=t._lView;if(function lS(e){return ut(e[xe])}(o)){const a=this.indexOf(t);if(-1!==a)this.detach(a);else{const c=o[xe],l=new Jv(c,c[yt],c[xe]);l.detach(l.indexOf(t))}}const s=this._adjustIndex(n),i=this._lContainer;return hi(i,o,s,r),t.attachToViewContainerRef(),nm(Xd(i),s,t),t}move(t,n){return this.insert(t,n)}indexOf(t){const n=eD(this._lContainer);return null!==n?n.indexOf(t):-1}remove(t){const n=this._adjustIndex(t,-1),r=qs(this._lContainer,n);r&&(ha(Xd(this._lContainer),n),Na(r[_],r))}detach(t){const n=this._adjustIndex(t,-1),r=qs(this._lContainer,n);return r&&null!=ha(Xd(this._lContainer),n)?new oi(r):null}_adjustIndex(t,n=0){return t??this.length+n}};function eD(e){return e[8]}function Xd(e){return e[8]||(e[8]=[])}function tD(e,t){let n;const r=t[e.index];return ut(r)?n=r:(n=Wy(r,t,null,e),t[e.index]=n,qa(t,n)),nD(n,t,e,r),new Jv(n,e,t)}let nD=function oD(e,t,n,r){if(e[wn])return;let o;o=8&n.type?Se(r):function qA(e,t){const n=e[Q],r=n.createComment(""),o=Ct(t,e);return Ar(n,Aa(n,o),r,function uM(e,t){return e.nextSibling(t)}(n,o),!1),r}(t,n),e[wn]=o},Jd=(e,t,n)=>!1;function Pt(e,t,n,r,o,s,i,a){const c=D(),l=re(),u=e+Y,d=l.firstCreatePass?function YA(e,t,n,r,o,s,i,a,c){const l=t.consts,u=Ao(t,e,4,i||null,Cn(l,a));Sd(t,n,u,Cn(l,c)),ia(t,u);const d=u.tView=bd(2,u,r,o,s,t.directiveRegistry,t.pipeRegistry,null,t.schemas,l,null);return null!==t.queries&&(t.queries.template(t,u),d.queries=t.queries.embeddedTView(u)),u}(u,l,c,t,n,r,o,s,i):l.data[u];_n(d,!1);const f=sD(l,c,d,e);sa()&&xa(l,c,f,d),Dt(f,c);const h=Wy(f,c,f,d);return c[u]=h,qa(c,h),function rD(e,t,n){return Jd(e,t,n)}(h,d,c),na(d)&&_d(l,c,d),null!=i&&Id(c,d,a),Pt}let sD=function iD(e,t,n,r){return tr(!0),t[Q].createComment("")};function ze(e,t,n,r){const o=D(),s=re(),i=Y+e,a=o[Q],c=s.firstCreatePass?function jx(e,t,n,r,o,s){const i=t.consts,c=Ao(t,e,2,r,Cn(i,o));return Sd(t,n,c,Cn(i,s)),null!==c.attrs&&Qa(c,c.attrs,!1),null!==c.mergedAttrs&&Qa(c,c.mergedAttrs,!0),null!==t.queries&&t.queries.elementStart(t,c),c}(i,s,o,t,n,r):s.data[i],l=ND(s,o,c,a,t,e);o[i]=l;const u=na(c);return _n(c,!0),ny(a,l,c),32!=(32&c.flags)&&sa()&&xa(s,o,l,c),0===function dS(){return q.lFrame.elementDepthCount}()&&Dt(l,o),function fS(){q.lFrame.elementDepthCount++}(),u&&(_d(s,o,c),Cd(s,c,o)),null!==r&&Id(o,c),ze}function it(){let e=De();cu()?lu():(e=e.parent,_n(e,!1));const t=e;(function pS(e){return q.skipHydrationRootTNode===e})(t)&&function vS(){q.skipHydrationRootTNode=null}(),function hS(){q.lFrame.elementDepthCount--}();const n=re();return n.firstCreatePass&&(ia(n,e),eu(e)&&n.queries.elementEnd(e)),null!=t.classesWithoutHost&&function RS(e){return 0!=(8&e.flags)}(t)&&Bd(n,t,D(),t.classesWithoutHost,!0),null!=t.stylesWithoutHost&&function PS(e){return 0!=(16&e.flags)}(t)&&Bd(n,t,D(),t.stylesWithoutHost,!1),it}function lc(e,t,n,r){return ze(e,t,n,r),it(),lc}let ND=(e,t,n,r,o,s)=>(tr(!0),Ta(r,o,function $g(){return q.lFrame.currentNamespace}()));function hf(){return D()}const Yo="en-US";let kD=Yo;function mf(e){return!!e&&"function"==typeof e.then}function aw(e){return!!e&&"function"==typeof e.subscribe}function Vr(e,t,n,r){const o=D(),s=re(),i=De();return function lw(e,t,n,r,o,s,i){const a=na(r),l=e.firstCreatePass&&Yy(e),u=t[be],d=Qy(t);let f=!0;if(3&r.type||i){const g=Ct(r,t),y=i?i(g):g,v=d.length,m=i?E=>i(Se(E[r.index])):r.index;let w=null;if(!i&&a&&(w=function $O(e,t,n,r){const o=e.cleanup;if(null!=o)for(let s=0;sc?a[c]:null}"string"==typeof i&&(s+=2)}return null}(e,t,o,r.index)),null!==w)(w.__ngLastListenerFn__||w).__ngNextListenerFn__=s,w.__ngLastListenerFn__=s,f=!1;else{s=dw(r,t,u,s,!1);const E=n.listen(y,o,s);d.push(s,E),l&&l.push(o,m,v,v+1)}}else s=dw(r,t,u,s,!1);const h=r.outputs;let p;if(f&&null!==h&&(p=h[o])){const g=p.length;if(g)for(let y=0;y-1?Vt(e.index,t):t);let c=uw(t,n,r,i),l=s.__ngNextListenerFn__;for(;l;)c=uw(t,n,l,i)&&c,l=l.__ngNextListenerFn__;return o&&!1===c&&i.preventDefault(),c}}function lr(e=1){return function IS(e){return(q.lFrame.contextLView=function Sg(e,t){for(;e>0;)t=t[no],e--;return t}(e,q.lFrame.contextLView))[be]}(e)}function BO(e,t){let n=null;const r=function Bb(e){const t=e.attrs;if(null!=t){const n=t.indexOf(5);if(!(1&n))return t[n+1]}return null}(e);for(let o=0;o(tr(!0),function Ma(e,t){return e.createText(t)}(t[Q],r));function Df(e,t,n,r,o){const s=D(),i=Ro(s,e,t,n,r,o);return i!==K&&Un(s,vt(),i),Df}class jr{}class aR{}class If extends jr{constructor(t,n,r){super(),this._parent=n,this._bootstrapComponents=[],this.destroyCbs=[],this.componentFactoryResolver=new dv(this);const o=function mt(e,t){const n=e[Qp]||null;if(!n&&!0===t)throw new Error(`Type ${Qe(e)} does not have '\u0275mod' property.`);return n}(t);this._bootstrapComponents=function Ht(e){return e instanceof Function?e():e}(o.bootstrap),this._r3Injector=Dm(t,n,[{provide:jr,useValue:this},{provide:$a,useValue:this.componentFactoryResolver},...r],Qe(t),new Set(["environment"])),this._r3Injector.resolveInjectorInitializers(),this.instance=this._r3Injector.get(t)}get injector(){return this._r3Injector}destroy(){const t=this._r3Injector;!t.destroyed&&t.destroy(),this.destroyCbs.forEach(n=>n()),this.destroyCbs=null}onDestroy(t){this.destroyCbs.push(t)}}class bf extends aR{constructor(t){super(),this.moduleType=t}create(t){return new If(this.moduleType,t,[])}}function Mf(e,t,n,r){return Yw(D(),_t(),e,t,n,r)}function Ci(e,t){const n=e[t];return n===K?void 0:n}function Yw(e,t,n,r,o,s){const i=t+n;return Ye(e,i,o)?Mn(e,i+1,s?r.call(s,o):r(o)):Ci(e,i+1)}function Tf(e,t){const n=re();let r;const o=e+Y;n.firstCreatePass?(r=function OR(e,t){if(t)for(let n=t.length-1;n>=0;n--){const r=t[n];if(e===r.name)return r}}(t,n.pipeRegistry),n.data[o]=r,r.onDestroy&&(n.destroyHooks??=[]).push(o,r.onDestroy)):r=n.data[o];const s=r.factory||(r.factory=br(r.type)),a=At(X);try{const c=la(!1),l=s();return la(c),function UO(e,t,n,r){n>=e.data.length&&(e.data[n]=null,e.blueprint[n]=null),t[n]=r}(n,D(),o,l),l}finally{At(a)}}function nE(e,t,n,r){const o=e+Y,s=D(),i=io(s,o);return _i(s,o)?function Kw(e,t,n,r,o,s,i){const a=t+n;return Pr(e,a,o,s)?Mn(e,a+2,i?r.call(i,o,s):r(o,s)):Ci(e,a+2)}(s,_t(),t,i.transform,n,r,i):i.transform(n,r)}function _i(e,t){return e[_].data[t].pure}function kR(){return this._results[Symbol.iterator]()}class Nf{static#e=Symbol.iterator;get changes(){return this._changes??=new Bt}constructor(t=!1){this._emitDistinctChangesOnly=t,this.dirty=!0,this._results=[],this._changesDetected=!1,this._changes=void 0,this.length=0,this.first=void 0,this.last=void 0;const n=Nf.prototype;n[Symbol.iterator]||(n[Symbol.iterator]=kR)}get(t){return this._results[t]}map(t){return this._results.map(t)}filter(t){return this._results.filter(t)}find(t){return this._results.find(t)}reduce(t,n){return this._results.reduce(t,n)}forEach(t){this._results.forEach(t)}some(t){return this._results.some(t)}toArray(){return this._results.slice()}toString(){return this._results.toString()}reset(t,n){this.dirty=!1;const r=function Ot(e){return e.flat(Number.POSITIVE_INFINITY)}(t);(this._changesDetected=!function ZS(e,t,n){if(e.length!==t.length)return!1;for(let r=0;r{class e{static#e=this.__NG_ELEMENT_ID__=jR}return e})();const LR=zn,VR=class extends LR{constructor(t,n,r){super(),this._declarationLView=t,this._declarationTContainer=n,this.elementRef=r}get ssrId(){return this._declarationTContainer.tView?.ssrId||null}createEmbeddedView(t,n){return this.createEmbeddedViewImpl(t,n)}createEmbeddedViewImpl(t,n,r){const o=function fi(e,t,n,r){const o=t.tView,a=Ga(e,o,n,4096&e[P]?4096:16,null,t,null,null,null,r?.injector??null,r?.dehydratedView??null);a[bs]=e[t.index];const l=e[Dn];return null!==l&&(a[Dn]=l.createEmbeddedView(o)),Vd(o,a,n),a}(this._declarationLView,this._declarationTContainer,t,{injector:n,dehydratedView:r});return new oi(o)}};function jR(){return mc(De(),D())}function mc(e,t){return 4&e.type?new VR(t,e,No(e,t)):null}class Af{constructor(t){this.queryList=t,this.matches=null}clone(){return new Af(this.queryList)}setDirty(){this.queryList.setDirty()}}class xf{constructor(t=[]){this.queries=t}createEmbeddedView(t){const n=t.queries;if(null!==n){const r=null!==t.contentQueries?t.contentQueries[0]:n.length,o=[];for(let s=0;s0)r.push(i[a/2]);else{const l=s[a+1],u=t[-c];for(let d=Be;d{class e{constructor(){this.taskId=0,this.pendingTasks=new Set,this.hasPendingTasks=new Wp(!1)}add(){this.hasPendingTasks.next(!0);const n=this.taskId++;return this.pendingTasks.add(n),n}remove(n){this.pendingTasks.delete(n),0===this.pendingTasks.size&&this.hasPendingTasks.next(!1)}ngOnDestroy(){this.pendingTasks.clear(),this.hasPendingTasks.next(!1)}static#e=this.\u0275fac=function(r){return new(r||e)};static#t=this.\u0275prov=he({token:e,factory:e.\u0275fac,providedIn:"root"})}return e})();const ME=new G(""),Cc=new G("");let Bf,Hf=(()=>{class e{constructor(n,r,o){this._ngZone=n,this.registry=r,this._pendingCount=0,this._isZoneStable=!0,this._didWork=!1,this._callbacks=[],this.taskTrackingZone=null,Bf||(function BP(e){Bf=e}(o),o.addToWindow(r)),this._watchAngularEvents(),n.run(()=>{this.taskTrackingZone=typeof Zone>"u"?null:Zone.current.get("TaskTrackingZone")})}_watchAngularEvents(){this._ngZone.onUnstable.subscribe({next:()=>{this._didWork=!0,this._isZoneStable=!1}}),this._ngZone.runOutsideAngular(()=>{this._ngZone.onStable.subscribe({next:()=>{Me.assertNotInAngularZone(),queueMicrotask(()=>{this._isZoneStable=!0,this._runCallbacksIfReady()})}})})}increasePendingRequestCount(){return this._pendingCount+=1,this._didWork=!0,this._pendingCount}decreasePendingRequestCount(){if(this._pendingCount-=1,this._pendingCount<0)throw new Error("pending async requests below zero");return this._runCallbacksIfReady(),this._pendingCount}isStable(){return this._isZoneStable&&0===this._pendingCount&&!this._ngZone.hasPendingMacrotasks}_runCallbacksIfReady(){if(this.isStable())queueMicrotask(()=>{for(;0!==this._callbacks.length;){let n=this._callbacks.pop();clearTimeout(n.timeoutId),n.doneCb(this._didWork)}this._didWork=!1});else{let n=this.getPendingTasks();this._callbacks=this._callbacks.filter(r=>!r.updateCb||!r.updateCb(n)||(clearTimeout(r.timeoutId),!1)),this._didWork=!0}}getPendingTasks(){return this.taskTrackingZone?this.taskTrackingZone.macroTasks.map(n=>({source:n.source,creationLocation:n.creationLocation,data:n.data})):[]}addCallback(n,r,o){let s=-1;r&&r>0&&(s=setTimeout(()=>{this._callbacks=this._callbacks.filter(i=>i.timeoutId!==s),n(this._didWork,this.getPendingTasks())},r)),this._callbacks.push({doneCb:n,timeoutId:s,updateCb:o})}whenStable(n,r,o){if(o&&!this.taskTrackingZone)throw new Error('Task tracking zone is required when passing an update callback to whenStable(). Is "zone.js/plugins/task-tracking" loaded?');this.addCallback(n,r,o),this._runCallbacksIfReady()}getPendingRequestCount(){return this._pendingCount}registerApplication(n){this.registry.registerApplication(n,this)}unregisterApplication(n){this.registry.unregisterApplication(n)}findProviders(n,r,o){return[]}static#e=this.\u0275fac=function(r){return new(r||e)(ie(Me),ie($f),ie(Cc))};static#t=this.\u0275prov=he({token:e,factory:e.\u0275fac})}return e})(),$f=(()=>{class e{constructor(){this._applications=new Map}registerApplication(n,r){this._applications.set(n,r)}unregisterApplication(n){this._applications.delete(n)}unregisterAllApplications(){this._applications.clear()}getTestability(n){return this._applications.get(n)||null}getAllTestabilities(){return Array.from(this._applications.values())}getAllRootElements(){return Array.from(this._applications.keys())}findTestabilityInTree(n,r=!0){return Bf?.findTestabilityInTree(this,n,r)??null}static#e=this.\u0275fac=function(r){return new(r||e)};static#t=this.\u0275prov=he({token:e,factory:e.\u0275fac,providedIn:"platform"})}return e})();const UP=new G("Application Initializer");let Uf=(()=>{class e{constructor(){this.initialized=!1,this.done=!1,this.donePromise=new Promise((n,r)=>{this.resolve=n,this.reject=r}),this.appInits=me(UP,{optional:!0})??[]}runInitializers(){if(this.initialized)return;const n=[];for(const o of this.appInits){const s=o();if(mf(s))n.push(s);else if(aw(s)){const i=new Promise((a,c)=>{s.subscribe({complete:a,error:c})});n.push(i)}}const r=()=>{this.done=!0,this.resolve()};Promise.all(n).then(()=>{r()}).catch(o=>{this.reject(o)}),0===n.length&&r(),this.initialized=!0}static#e=this.\u0275fac=function(r){return new(r||e)};static#t=this.\u0275prov=he({token:e,factory:e.\u0275fac,providedIn:"root"})}return e})();const TE=new G("appBootstrapListener");function xE(e,t){return Array.isArray(t)?t.reduce(xE,e):{...e,...t}}let Si=(()=>{class e{constructor(){this._bootstrapListeners=[],this._runningTick=!1,this._destroyed=!1,this._destroyListeners=[],this._views=[],this.internalErrorHandler=me(Oy),this.zoneIsStable=me(sv),this.componentTypes=[],this.components=[],this.isStable=me(mP).hasPendingTasks.pipe(function yb(e,t){return Dr((n,r)=>{let o=null,s=0,i=!1;const a=()=>i&&!o&&r.complete();n.subscribe(wr(r,c=>{o?.unsubscribe();let l=0;const u=s++;Fn(e(c,u)).subscribe(o=wr(r,d=>r.next(t?t(c,d,u,l++):d),()=>{o=null,a()}))},()=>{i=!0,a()}))})}(n=>n?function gb(...e){return qp(e,Bp(e))}(!1):this.zoneIsStable),function vb(e,t=Al){return e=e??Db,Dr((n,r)=>{let o,s=!0;n.subscribe(wr(r,i=>{const a=t(i);(s||!e(o,a))&&(s=!1,o=a,r.next(i))}))})}()),this._injector=me(Hn)}get destroyed(){return this._destroyed}get injector(){return this._injector}bootstrap(n,r){const o=n instanceof vy;if(!this._injector.get(Uf).done)throw!o&&function Cr(e){const t=J(e)||tt(e)||ht(e);return null!==t&&t.standalone}(n),new T(405,!1);let i;i=o?n:this._injector.get($a).resolveComponentFactory(n),this.componentTypes.push(i.componentType);const a=function GP(e){return e.isBoundToModule}(i)?void 0:this._injector.get(jr),l=i.create(an.NULL,[],r||i.selector,a),u=l.location.nativeElement,d=l.injector.get(ME,null);return d?.registerApplication(u),l.onDestroy(()=>{this.detachView(l.hostView),_c(this.components,l),d?.unregisterApplication(u)}),this._loadComponent(l),l}tick(){if(this._runningTick)throw new T(101,!1);try{this._runningTick=!0;for(let n of this._views)n.detectChanges()}catch(n){this.internalErrorHandler(n)}finally{this._runningTick=!1}}attachView(n){const r=n;this._views.push(r),r.attachToAppRef(this)}detachView(n){const r=n;_c(this._views,r),r.detachFromAppRef()}_loadComponent(n){this.attachView(n.hostView),this.tick(),this.components.push(n);const r=this._injector.get(TE,[]);[...this._bootstrapListeners,...r].forEach(o=>o(n))}ngOnDestroy(){if(!this._destroyed)try{this._destroyListeners.forEach(n=>n()),this._views.slice().forEach(n=>n.destroy())}finally{this._destroyed=!0,this._views=[],this._bootstrapListeners=[],this._destroyListeners=[]}}onDestroy(n){return this._destroyListeners.push(n),()=>_c(this._destroyListeners,n)}destroy(){if(this._destroyed)throw new T(406,!1);const n=this._injector;n.destroy&&!n.destroyed&&n.destroy()}get viewCount(){return this._views.length}warnIfDestroyed(){}static#e=this.\u0275fac=function(r){return new(r||e)};static#t=this.\u0275prov=he({token:e,factory:e.\u0275fac,providedIn:"root"})}return e})();function _c(e,t){const n=e.indexOf(t);n>-1&&e.splice(n,1)}let WP=(()=>{class e{constructor(){this.zone=me(Me),this.applicationRef=me(Si)}initialize(){this._onMicrotaskEmptySubscription||(this._onMicrotaskEmptySubscription=this.zone.onMicrotaskEmpty.subscribe({next:()=>{this.zone.run(()=>{this.applicationRef.tick()})}}))}ngOnDestroy(){this._onMicrotaskEmptySubscription?.unsubscribe()}static#e=this.\u0275fac=function(r){return new(r||e)};static#t=this.\u0275prov=he({token:e,factory:e.\u0275fac,providedIn:"root"})}return e})();function ZP(){const e=me(Me),t=me(Bn);return n=>e.runOutsideAngular(()=>t.handleError(n))}const Gn=new G("LocaleId",{providedIn:"root",factory:()=>me(Gn,ne.Optional|ne.SkipSelf)||function YP(){return typeof $localize<"u"&&$localize.locale||Yo}()}),zf=new G("PlatformDestroyListeners");let FE=(()=>{class e{constructor(n){this._injector=n,this._modules=[],this._destroyListeners=[],this._destroyed=!1}bootstrapModuleFactory(n,r){const o=function yN(e="zone.js",t){return"noop"===e?new gN:"zone.js"===e?new Me(t):e}(r?.ngZone,function PE(e){return{enableLongStackTrace:!1,shouldCoalesceEventChangeDetection:e?.eventCoalescing??!1,shouldCoalesceRunChangeDetection:e?.runCoalescing??!1}}({eventCoalescing:r?.ngZoneEventCoalescing,runCoalescing:r?.ngZoneRunCoalescing}));return o.run(()=>{const s=function lR(e,t,n){return new If(e,t,n)}(n.moduleType,this.injector,function RE(e){return[{provide:Me,useFactory:e},{provide:Hs,multi:!0,useFactory:()=>{const t=me(WP,{optional:!0});return()=>t.initialize()}},{provide:Oy,useFactory:ZP},{provide:sv,useFactory:iv}]}(()=>o)),i=s.injector.get(Bn,null);return o.runOutsideAngular(()=>{const a=o.onError.subscribe({next:c=>{i.handleError(c)}});s.onDestroy(()=>{_c(this._modules,s),a.unsubscribe()})}),function AE(e,t,n){try{const r=n();return mf(r)?r.catch(o=>{throw t.runOutsideAngular(()=>e.handleError(o)),o}):r}catch(r){throw t.runOutsideAngular(()=>e.handleError(r)),r}}(i,o,()=>{const a=s.injector.get(Uf);return a.runInitializers(),a.donePromise.then(()=>(function LD(e){Nt(e,"Expected localeId to be defined"),"string"==typeof e&&(kD=e.toLowerCase().replace(/_/g,"-"))}(s.injector.get(Gn,Yo)||Yo),this._moduleDoBootstrap(s),s))})})}bootstrapModule(n,r=[]){const o=xE({},r);return function zP(e,t,n){const r=new bf(n);return Promise.resolve(r)}(0,0,n).then(s=>this.bootstrapModuleFactory(s,o))}_moduleDoBootstrap(n){const r=n.injector.get(Si);if(n._bootstrapComponents.length>0)n._bootstrapComponents.forEach(o=>r.bootstrap(o));else{if(!n.instance.ngDoBootstrap)throw new T(-403,!1);n.instance.ngDoBootstrap(r)}this._modules.push(n)}onDestroy(n){this._destroyListeners.push(n)}get injector(){return this._injector}destroy(){if(this._destroyed)throw new T(404,!1);this._modules.slice().forEach(r=>r.destroy()),this._destroyListeners.forEach(r=>r());const n=this._injector.get(zf,null);n&&(n.forEach(r=>r()),n.clear()),this._destroyed=!0}get destroyed(){return this._destroyed}static#e=this.\u0275fac=function(r){return new(r||e)(ie(an))};static#t=this.\u0275prov=he({token:e,factory:e.\u0275fac,providedIn:"platform"})}return e})(),ur=null;const kE=new G("AllowMultipleToken");function LE(e,t,n=[]){const r=`Platform: ${t}`,o=new G(r);return(s=[])=>{let i=Gf();if(!i||i.injector.get(kE,!1)){const a=[...n,...s,{provide:o,useValue:!0}];e?e(a):function JP(e){if(ur&&!ur.get(kE,!1))throw new T(400,!1);(function NE(){!function fI(e){hp=e}(()=>{throw new T(600,!1)})})(),ur=e;const t=e.get(FE);(function jE(e){e.get(Em,null)?.forEach(n=>n())})(e)}(function VE(e=[],t){return an.create({name:t,providers:[{provide:Ru,useValue:"platform"},{provide:zf,useValue:new Set([()=>ur=null])},...e]})}(a,r))}return function e1(e){const t=Gf();if(!t)throw new T(401,!1);return t}()}}function Gf(){return ur?.get(FE)??null}const i1=LE(null,"core",[]);let a1=(()=>{class e{constructor(n){}static#e=this.\u0275fac=function(r){return new(r||e)(ie(Si))};static#t=this.\u0275mod=Jr({type:e});static#n=this.\u0275inj=Er({})}return e})(),eh=null;function th(){return eh}class P1{}const $r=new G("DocumentToken"),dh=/\s+/,mC=[];let yC=(()=>{class e{constructor(n,r,o,s){this._iterableDiffers=n,this._keyValueDiffers=r,this._ngEl=o,this._renderer=s,this.initialClasses=mC,this.stateMap=new Map}set klass(n){this.initialClasses=null!=n?n.trim().split(dh):mC}set ngClass(n){this.rawClass="string"==typeof n?n.trim().split(dh):n}ngDoCheck(){for(const r of this.initialClasses)this._updateState(r,!0);const n=this.rawClass;if(Array.isArray(n)||n instanceof Set)for(const r of n)this._updateState(r,!0);else if(null!=n)for(const r of Object.keys(n))this._updateState(r,!!n[r]);this._applyStateDiff()}_updateState(n,r){const o=this.stateMap.get(n);void 0!==o?(o.enabled!==r&&(o.changed=!0,o.enabled=r),o.touched=!0):this.stateMap.set(n,{enabled:r,changed:!0,touched:!0})}_applyStateDiff(){for(const n of this.stateMap){const r=n[0],o=n[1];o.changed?(this._toggleClass(r,o.enabled),o.changed=!1):o.touched||(o.enabled&&this._toggleClass(r,!1),this.stateMap.delete(r)),o.touched=!1}}_toggleClass(n,r){(n=n.trim()).length>0&&n.split(dh).forEach(o=>{r?this._renderer.addClass(this._ngEl.nativeElement,o):this._renderer.removeClass(this._ngEl.nativeElement,o)})}static#e=this.\u0275fac=function(r){return new(r||e)(X(Ua),X(ei),X(xr),X(Ey))};static#t=this.\u0275dir=Lt({type:e,selectors:[["","ngClass",""]],inputs:{klass:["class","klass"],ngClass:"ngClass"},standalone:!0})}return e})();class CF{constructor(t,n,r,o){this.$implicit=t,this.ngForOf=n,this.index=r,this.count=o}get first(){return 0===this.index}get last(){return this.index===this.count-1}get even(){return this.index%2==0}get odd(){return!this.even}}let DC=(()=>{class e{set ngForOf(n){this._ngForOf=n,this._ngForOfDirty=!0}set ngForTrackBy(n){this._trackByFn=n}get ngForTrackBy(){return this._trackByFn}constructor(n,r,o){this._viewContainer=n,this._template=r,this._differs=o,this._ngForOf=null,this._ngForOfDirty=!0,this._differ=null}set ngForTemplate(n){n&&(this._template=n)}ngDoCheck(){if(this._ngForOfDirty){this._ngForOfDirty=!1;const n=this._ngForOf;!this._differ&&n&&(this._differ=this._differs.find(n).create(this.ngForTrackBy))}if(this._differ){const n=this._differ.diff(this._ngForOf);n&&this._applyChanges(n)}}_applyChanges(n){const r=this._viewContainer;n.forEachOperation((o,s,i)=>{if(null==o.previousIndex)r.createEmbeddedView(this._template,new CF(o.item,this._ngForOf,-1,-1),null===i?void 0:i);else if(null==i)r.remove(null===s?void 0:s);else if(null!==s){const a=r.get(s);r.move(a,i),wC(a,o)}});for(let o=0,s=r.length;o{wC(r.get(o.currentIndex),o)})}static ngTemplateContextGuard(n,r){return!0}static#e=this.\u0275fac=function(r){return new(r||e)(X(An),X(zn),X(Ua))};static#t=this.\u0275dir=Lt({type:e,selectors:[["","ngFor","","ngForOf",""]],inputs:{ngForOf:"ngForOf",ngForTrackBy:"ngForTrackBy",ngForTemplate:"ngForTemplate"},standalone:!0})}return e})();function wC(e,t){e.context.$implicit=t.item}let EC=(()=>{class e{constructor(n,r){this._viewContainer=n,this._context=new _F,this._thenTemplateRef=null,this._elseTemplateRef=null,this._thenViewRef=null,this._elseViewRef=null,this._thenTemplateRef=r}set ngIf(n){this._context.$implicit=this._context.ngIf=n,this._updateView()}set ngIfThen(n){CC("ngIfThen",n),this._thenTemplateRef=n,this._thenViewRef=null,this._updateView()}set ngIfElse(n){CC("ngIfElse",n),this._elseTemplateRef=n,this._elseViewRef=null,this._updateView()}_updateView(){this._context.$implicit?this._thenViewRef||(this._viewContainer.clear(),this._elseViewRef=null,this._thenTemplateRef&&(this._thenViewRef=this._viewContainer.createEmbeddedView(this._thenTemplateRef,this._context))):this._elseViewRef||(this._viewContainer.clear(),this._thenViewRef=null,this._elseTemplateRef&&(this._elseViewRef=this._viewContainer.createEmbeddedView(this._elseTemplateRef,this._context)))}static ngTemplateContextGuard(n,r){return!0}static#e=this.\u0275fac=function(r){return new(r||e)(X(An),X(zn))};static#t=this.\u0275dir=Lt({type:e,selectors:[["","ngIf",""]],inputs:{ngIf:"ngIf",ngIfThen:"ngIfThen",ngIfElse:"ngIfElse"},standalone:!0})}return e})();class _F{constructor(){this.$implicit=null,this.ngIf=null}}function CC(e,t){if(t&&!t.createEmbeddedView)throw new Error(`${e} must be a TemplateRef, but received '${Qe(t)}'.`)}let IC=(()=>{class e{constructor(n,r,o){this._ngEl=n,this._differs=r,this._renderer=o,this._ngStyle=null,this._differ=null}set ngStyle(n){this._ngStyle=n,!this._differ&&n&&(this._differ=this._differs.find(n).create())}ngDoCheck(){if(this._differ){const n=this._differ.diff(this._ngStyle);n&&this._applyChanges(n)}}_setStyle(n,r){const[o,s]=n.split("."),i=-1===o.indexOf("-")?void 0:sr.DashCase;null!=r?this._renderer.setStyle(this._ngEl.nativeElement,o,s?`${r}${s}`:r,i):this._renderer.removeStyle(this._ngEl.nativeElement,o,i)}_applyChanges(n){n.forEachRemovedItem(r=>this._setStyle(r.key,null)),n.forEachAddedItem(r=>this._setStyle(r.key,r.currentValue)),n.forEachChangedItem(r=>this._setStyle(r.key,r.currentValue))}static#e=this.\u0275fac=function(r){return new(r||e)(X(xr),X(ei),X(Ey))};static#t=this.\u0275dir=Lt({type:e,selectors:[["","ngStyle",""]],inputs:{ngStyle:"ngStyle"},standalone:!0})}return e})();class TF{createSubscription(t,n){return Cy(()=>t.subscribe({next:n,error:r=>{throw r}}))}dispose(t){Cy(()=>t.unsubscribe())}}class NF{createSubscription(t,n){return t.then(n,r=>{throw r})}dispose(t){}}const AF=new NF,xF=new TF;let bC=(()=>{class e{constructor(n){this._latestValue=null,this._subscription=null,this._obj=null,this._strategy=null,this._ref=n}ngOnDestroy(){this._subscription&&this._dispose(),this._ref=null}transform(n){return this._obj?n!==this._obj?(this._dispose(),this.transform(n)):this._latestValue:(n&&this._subscribe(n),this._latestValue)}_subscribe(n){this._obj=n,this._strategy=this._selectStrategy(n),this._subscription=this._strategy.createSubscription(n,r=>this._updateLatestValue(n,r))}_selectStrategy(n){if(mf(n))return AF;if(aw(n))return xF;throw function dn(e,t){return new T(2100,!1)}()}_dispose(){this._strategy.dispose(this._subscription),this._latestValue=null,this._subscription=null,this._obj=null}_updateLatestValue(n,r){n===this._obj&&(this._latestValue=r,this._ref.markForCheck())}static#e=this.\u0275fac=function(r){return new(r||e)(X(Rd,16))};static#t=this.\u0275pipe=xt({name:"async",type:e,pure:!1,standalone:!0})}return e})(),SC=(()=>{class e{constructor(n){this.differs=n,this.keyValues=[],this.compareFn=MC}transform(n,r=MC){if(!n||!(n instanceof Map)&&"object"!=typeof n)return null;this.differ||(this.differ=this.differs.find(n).create());const o=this.differ.diff(n),s=r!==this.compareFn;return o&&(this.keyValues=[],o.forEachItem(i=>{this.keyValues.push(function zF(e,t){return{key:e,value:t}}(i.key,i.currentValue))})),(o||s)&&(this.keyValues.sort(r),this.compareFn=r),this.keyValues}static#e=this.\u0275fac=function(r){return new(r||e)(X(ei,16))};static#t=this.\u0275pipe=xt({name:"keyvalue",type:e,pure:!1,standalone:!0})}return e})();function MC(e,t){const n=e.key,r=t.key;if(n===r)return 0;if(void 0===n)return 1;if(void 0===r)return-1;if(null===n)return 1;if(null===r)return-1;if("string"==typeof n&&"string"==typeof r)return n{class e{static#e=this.\u0275fac=function(r){return new(r||e)};static#t=this.\u0275mod=Jr({type:e});static#n=this.\u0275inj=Er({})}return e})();function NC(e){return"server"===e}class Ck extends P1{constructor(){super(...arguments),this.supportsDOMEvents=!0}}class vh extends Ck{static makeCurrent(){!function R1(e){eh||(eh=e)}(new vh)}onAndCancel(t,n,r){return t.addEventListener(n,r),()=>{t.removeEventListener(n,r)}}dispatchEvent(t,n){t.dispatchEvent(n)}remove(t){t.parentNode&&t.parentNode.removeChild(t)}createElement(t,n){return(n=n||this.getDefaultDocument()).createElement(t)}createHtmlDocument(){return document.implementation.createHTMLDocument("fakeTitle")}getDefaultDocument(){return document}isElementNode(t){return t.nodeType===Node.ELEMENT_NODE}isShadowRoot(t){return t instanceof DocumentFragment}getGlobalEventTarget(t,n){return"window"===n?window:"document"===n?t:"body"===n?t.body:null}getBaseHref(t){const n=function _k(){return Oi=Oi||document.querySelector("base"),Oi?Oi.getAttribute("href"):null}();return null==n?null:function Ik(e){return new URL(e,document.baseURI).pathname}(n)}resetBaseElement(){Oi=null}getUserAgent(){return window.navigator.userAgent}getCookie(t){return function wF(e,t){t=encodeURIComponent(t);for(const n of e.split(";")){const r=n.indexOf("="),[o,s]=-1==r?[n,""]:[n.slice(0,r),n.slice(r+1)];if(o.trim()===t)return decodeURIComponent(s)}return null}(document.cookie,t)}}let Oi=null,Sk=(()=>{class e{build(){return new XMLHttpRequest}static#e=this.\u0275fac=function(r){return new(r||e)};static#t=this.\u0275prov=he({token:e,factory:e.\u0275fac})}return e})();const Dh=new G("EventManagerPlugins");let RC=(()=>{class e{constructor(n,r){this._zone=r,this._eventNameToPlugin=new Map,n.forEach(o=>{o.manager=this}),this._plugins=n.slice().reverse()}addEventListener(n,r,o){return this._findPluginFor(r).addEventListener(n,r,o)}getZone(){return this._zone}_findPluginFor(n){let r=this._eventNameToPlugin.get(n);if(r)return r;if(r=this._plugins.find(s=>s.supports(n)),!r)throw new T(5101,!1);return this._eventNameToPlugin.set(n,r),r}static#e=this.\u0275fac=function(r){return new(r||e)(ie(Dh),ie(Me))};static#t=this.\u0275prov=he({token:e,factory:e.\u0275fac})}return e})();class PC{constructor(t){this._doc=t}}const wh="ng-app-id";let FC=(()=>{class e{constructor(n,r,o,s={}){this.doc=n,this.appId=r,this.nonce=o,this.platformId=s,this.styleRef=new Map,this.hostNodes=new Set,this.styleNodesInDOM=this.collectServerRenderedStyles(),this.platformIsServer=NC(s),this.resetHostNodes()}addStyles(n){for(const r of n)1===this.changeUsageCount(r,1)&&this.onStyleAdded(r)}removeStyles(n){for(const r of n)this.changeUsageCount(r,-1)<=0&&this.onStyleRemoved(r)}ngOnDestroy(){const n=this.styleNodesInDOM;n&&(n.forEach(r=>r.remove()),n.clear());for(const r of this.getAllStyles())this.onStyleRemoved(r);this.resetHostNodes()}addHost(n){this.hostNodes.add(n);for(const r of this.getAllStyles())this.addStyleToHost(n,r)}removeHost(n){this.hostNodes.delete(n)}getAllStyles(){return this.styleRef.keys()}onStyleAdded(n){for(const r of this.hostNodes)this.addStyleToHost(r,n)}onStyleRemoved(n){const r=this.styleRef;r.get(n)?.elements?.forEach(o=>o.remove()),r.delete(n)}collectServerRenderedStyles(){const n=this.doc.head?.querySelectorAll(`style[${wh}="${this.appId}"]`);if(n?.length){const r=new Map;return n.forEach(o=>{null!=o.textContent&&r.set(o.textContent,o)}),r}return null}changeUsageCount(n,r){const o=this.styleRef;if(o.has(n)){const s=o.get(n);return s.usage+=r,s.usage}return o.set(n,{usage:r,elements:[]}),r}getStyleElement(n,r){const o=this.styleNodesInDOM,s=o?.get(r);if(s?.parentNode===n)return o.delete(r),s.removeAttribute(wh),s;{const i=this.doc.createElement("style");return this.nonce&&i.setAttribute("nonce",this.nonce),i.textContent=r,this.platformIsServer&&i.setAttribute(wh,this.appId),n.appendChild(i),i}}addStyleToHost(n,r){const o=this.getStyleElement(n,r),s=this.styleRef,i=s.get(r)?.elements;i?i.push(o):s.set(r,{elements:[o],usage:1})}resetHostNodes(){const n=this.hostNodes;n.clear(),n.add(this.doc.head)}static#e=this.\u0275fac=function(r){return new(r||e)(ie($r),ie(Ea),ie(Cm,8),ie(Co))};static#t=this.\u0275prov=he({token:e,factory:e.\u0275fac})}return e})();const Eh={svg:"http://www.w3.org/2000/svg",xhtml:"http://www.w3.org/1999/xhtml",xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace",xmlns:"http://www.w3.org/2000/xmlns/",math:"http://www.w3.org/1998/MathML/"},Ch=/%COMP%/g,Ak=new G("RemoveStylesOnCompDestroy",{providedIn:"root",factory:()=>!0});function LC(e,t){return t.map(n=>n.replace(Ch,e))}let VC=(()=>{class e{constructor(n,r,o,s,i,a,c,l=null){this.eventManager=n,this.sharedStylesHost=r,this.appId=o,this.removeStylesOnCompDestroy=s,this.doc=i,this.platformId=a,this.ngZone=c,this.nonce=l,this.rendererByCompId=new Map,this.platformIsServer=NC(a),this.defaultRenderer=new _h(n,i,c,this.platformIsServer)}createRenderer(n,r){if(!n||!r)return this.defaultRenderer;this.platformIsServer&&r.encapsulation===tn.ShadowDom&&(r={...r,encapsulation:tn.Emulated});const o=this.getOrCreateRenderer(n,r);return o instanceof HC?o.applyToHost(n):o instanceof Ih&&o.applyStyles(),o}getOrCreateRenderer(n,r){const o=this.rendererByCompId;let s=o.get(r.id);if(!s){const i=this.doc,a=this.ngZone,c=this.eventManager,l=this.sharedStylesHost,u=this.removeStylesOnCompDestroy,d=this.platformIsServer;switch(r.encapsulation){case tn.Emulated:s=new HC(c,l,r,this.appId,u,i,a,d);break;case tn.ShadowDom:return new Pk(c,l,n,r,i,a,this.nonce,d);default:s=new Ih(c,l,r,u,i,a,d)}o.set(r.id,s)}return s}ngOnDestroy(){this.rendererByCompId.clear()}static#e=this.\u0275fac=function(r){return new(r||e)(ie(RC),ie(FC),ie(Ea),ie(Ak),ie($r),ie(Co),ie(Me),ie(Cm))};static#t=this.\u0275prov=he({token:e,factory:e.\u0275fac})}return e})();class _h{constructor(t,n,r,o){this.eventManager=t,this.doc=n,this.ngZone=r,this.platformIsServer=o,this.data=Object.create(null),this.throwOnSyntheticProps=!0,this.destroyNode=null}destroy(){}createElement(t,n){return n?this.doc.createElementNS(Eh[n]||n,t):this.doc.createElement(t)}createComment(t){return this.doc.createComment(t)}createText(t){return this.doc.createTextNode(t)}appendChild(t,n){(jC(t)?t.content:t).appendChild(n)}insertBefore(t,n,r){t&&(jC(t)?t.content:t).insertBefore(n,r)}removeChild(t,n){t&&t.removeChild(n)}selectRootElement(t,n){let r="string"==typeof t?this.doc.querySelector(t):t;if(!r)throw new T(-5104,!1);return n||(r.textContent=""),r}parentNode(t){return t.parentNode}nextSibling(t){return t.nextSibling}setAttribute(t,n,r,o){if(o){n=o+":"+n;const s=Eh[o];s?t.setAttributeNS(s,n,r):t.setAttribute(n,r)}else t.setAttribute(n,r)}removeAttribute(t,n,r){if(r){const o=Eh[r];o?t.removeAttributeNS(o,n):t.removeAttribute(`${r}:${n}`)}else t.removeAttribute(n)}addClass(t,n){t.classList.add(n)}removeClass(t,n){t.classList.remove(n)}setStyle(t,n,r,o){o&(sr.DashCase|sr.Important)?t.style.setProperty(n,r,o&sr.Important?"important":""):t.style[n]=r}removeStyle(t,n,r){r&sr.DashCase?t.style.removeProperty(n):t.style[n]=""}setProperty(t,n,r){null!=t&&(t[n]=r)}setValue(t,n){t.nodeValue=n}listen(t,n,r){if("string"==typeof t&&!(t=th().getGlobalEventTarget(this.doc,t)))throw new Error(`Unsupported event target ${t} for event ${n}`);return this.eventManager.addEventListener(t,n,this.decoratePreventDefault(r))}decoratePreventDefault(t){return n=>{if("__ngUnwrap__"===n)return t;!1===(this.platformIsServer?this.ngZone.runGuarded(()=>t(n)):t(n))&&n.preventDefault()}}}function jC(e){return"TEMPLATE"===e.tagName&&void 0!==e.content}class Pk extends _h{constructor(t,n,r,o,s,i,a,c){super(t,s,i,c),this.sharedStylesHost=n,this.hostEl=r,this.shadowRoot=r.attachShadow({mode:"open"}),this.sharedStylesHost.addHost(this.shadowRoot);const l=LC(o.id,o.styles);for(const u of l){const d=document.createElement("style");a&&d.setAttribute("nonce",a),d.textContent=u,this.shadowRoot.appendChild(d)}}nodeOrShadowRoot(t){return t===this.hostEl?this.shadowRoot:t}appendChild(t,n){return super.appendChild(this.nodeOrShadowRoot(t),n)}insertBefore(t,n,r){return super.insertBefore(this.nodeOrShadowRoot(t),n,r)}removeChild(t,n){return super.removeChild(this.nodeOrShadowRoot(t),n)}parentNode(t){return this.nodeOrShadowRoot(super.parentNode(this.nodeOrShadowRoot(t)))}destroy(){this.sharedStylesHost.removeHost(this.shadowRoot)}}class Ih extends _h{constructor(t,n,r,o,s,i,a,c){super(t,s,i,a),this.sharedStylesHost=n,this.removeStylesOnCompDestroy=o,this.styles=c?LC(c,r.styles):r.styles}applyStyles(){this.sharedStylesHost.addStyles(this.styles)}destroy(){this.removeStylesOnCompDestroy&&this.sharedStylesHost.removeStyles(this.styles)}}class HC extends Ih{constructor(t,n,r,o,s,i,a,c){const l=o+"-"+r.id;super(t,n,r,s,i,a,c,l),this.contentAttr=function xk(e){return"_ngcontent-%COMP%".replace(Ch,e)}(l),this.hostAttr=function Ok(e){return"_nghost-%COMP%".replace(Ch,e)}(l)}applyToHost(t){this.applyStyles(),this.setAttribute(t,this.hostAttr,"")}createElement(t,n){const r=super.createElement(t,n);return super.setAttribute(r,this.contentAttr,""),r}}let Fk=(()=>{class e extends PC{constructor(n){super(n)}supports(n){return!0}addEventListener(n,r,o){return n.addEventListener(r,o,!1),()=>this.removeEventListener(n,r,o)}removeEventListener(n,r,o){return n.removeEventListener(r,o)}static#e=this.\u0275fac=function(r){return new(r||e)(ie($r))};static#t=this.\u0275prov=he({token:e,factory:e.\u0275fac})}return e})();const $C=["alt","control","meta","shift"],kk={"\b":"Backspace","\t":"Tab","\x7f":"Delete","\x1b":"Escape",Del:"Delete",Esc:"Escape",Left:"ArrowLeft",Right:"ArrowRight",Up:"ArrowUp",Down:"ArrowDown",Menu:"ContextMenu",Scroll:"ScrollLock",Win:"OS"},Lk={alt:e=>e.altKey,control:e=>e.ctrlKey,meta:e=>e.metaKey,shift:e=>e.shiftKey};let Vk=(()=>{class e extends PC{constructor(n){super(n)}supports(n){return null!=e.parseEventName(n)}addEventListener(n,r,o){const s=e.parseEventName(r),i=e.eventCallback(s.fullKey,o,this.manager.getZone());return this.manager.getZone().runOutsideAngular(()=>th().onAndCancel(n,s.domEventName,i))}static parseEventName(n){const r=n.toLowerCase().split("."),o=r.shift();if(0===r.length||"keydown"!==o&&"keyup"!==o)return null;const s=e._normalizeKey(r.pop());let i="",a=r.indexOf("code");if(a>-1&&(r.splice(a,1),i="code."),$C.forEach(l=>{const u=r.indexOf(l);u>-1&&(r.splice(u,1),i+=l+".")}),i+=s,0!=r.length||0===s.length)return null;const c={};return c.domEventName=o,c.fullKey=i,c}static matchEventFullKeyCode(n,r){let o=kk[n.key]||n.key,s="";return r.indexOf("code.")>-1&&(o=n.code,s="code."),!(null==o||!o)&&(o=o.toLowerCase()," "===o?o="space":"."===o&&(o="dot"),$C.forEach(i=>{i!==o&&(0,Lk[i])(n)&&(s+=i+".")}),s+=o,s===r)}static eventCallback(n,r,o){return s=>{e.matchEventFullKeyCode(s,n)&&o.runGuarded(()=>r(s))}}static _normalizeKey(n){return"esc"===n?"escape":n}static#e=this.\u0275fac=function(r){return new(r||e)(ie($r))};static#t=this.\u0275prov=he({token:e,factory:e.\u0275fac})}return e})();const Bk=LE(i1,"browser",[{provide:Co,useValue:"browser"},{provide:Em,useValue:function jk(){vh.makeCurrent()},multi:!0},{provide:$r,useFactory:function $k(){return function T0(e){ju=e}(document),document},deps:[]}]),Uk=new G(""),zC=[{provide:Cc,useClass:class bk{addToWindow(t){Ie.getAngularTestability=(r,o=!0)=>{const s=t.findTestabilityInTree(r,o);if(null==s)throw new T(5103,!1);return s},Ie.getAllAngularTestabilities=()=>t.getAllTestabilities(),Ie.getAllAngularRootElements=()=>t.getAllRootElements(),Ie.frameworkStabilizers||(Ie.frameworkStabilizers=[]),Ie.frameworkStabilizers.push(r=>{const o=Ie.getAllAngularTestabilities();let s=o.length,i=!1;const a=function(c){i=i||c,s--,0==s&&r(i)};o.forEach(c=>{c.whenStable(a)})})}findTestabilityInTree(t,n,r){return null==n?null:t.getTestability(n)??(r?th().isShadowRoot(n)?this.findTestabilityInTree(t,n.host,!0):this.findTestabilityInTree(t,n.parentElement,!0):null)}},deps:[]},{provide:ME,useClass:Hf,deps:[Me,$f,Cc]},{provide:Hf,useClass:Hf,deps:[Me,$f,Cc]}],GC=[{provide:Ru,useValue:"root"},{provide:Bn,useFactory:function Hk(){return new Bn},deps:[]},{provide:Dh,useClass:Fk,multi:!0,deps:[$r,Me,Co]},{provide:Dh,useClass:Vk,multi:!0,deps:[$r]},VC,FC,RC,{provide:wy,useExisting:VC},{provide:class JF{},useClass:Sk,deps:[]},[]];let zk=(()=>{class e{constructor(n){}static withServerTransition(n){return{ngModule:e,providers:[{provide:Ea,useValue:n.appId}]}}static#e=this.\u0275fac=function(r){return new(r||e)(ie(Uk,12))};static#t=this.\u0275mod=Jr({type:e});static#n=this.\u0275inj=Er({providers:[...GC,...zC],imports:[ZF,a1]})}return e})();typeof window<"u"&&window;const fn=(e,t)=>{const{o:n,u:r,_:o}=e;let i,s=n;const a=(u,d)=>{const f=s,h=u,p=d||(r?!r(f,h):f!==h);return(p||o)&&(s=h,i=f),[s,p,i]};return[t?u=>a(t(s,i),u):a,u=>[s,!!u,i]]},QC=typeof window<"u"&&typeof document<"u",Kt=QC?window:{},ts=Math.max,Kk=Math.min,Sh=Math.round,Mh=(Math,Kt.cancelAnimationFrame),Th=Kt.requestAnimationFrame,zc=Kt.setTimeout,Nh=Kt.clearTimeout,Gc=e=>typeof Kt[e]<"u"?Kt[e]:void 0,Xk=Gc("MutationObserver"),YC=Gc("IntersectionObserver"),qc=Gc("ResizeObserver"),Ah=Gc("ScrollTimeline"),KC=QC&&Node.ELEMENT_NODE,{toString:Jk,hasOwnProperty:xh}=Object.prototype,eL=/^\[object (.+)\]$/,Ri=e=>void 0===e,Wc=e=>null===e,xn=e=>"number"==typeof e,Zc=e=>"string"==typeof e,XC=e=>"boolean"==typeof e,hn=e=>"function"==typeof e,pn=e=>Array.isArray(e),Pi=e=>"object"==typeof e&&!pn(e)&&!Wc(e),Qc=e=>{const t=!!e&&e.length,n=xn(t)&&t>-1&&t%1==0;return!(!(pn(e)||!hn(e)&&n)||t>0&&Pi(e)&&!(t-1 in e))},Yc=e=>{if(!e||!Pi(e)||"object"!==(e=>Ri(e)||Wc(e)?`${e}`:Jk.call(e).replace(eL,"$1").toLowerCase())(e))return!1;let t;const n="constructor",r=e[n],o=r&&r.prototype,s=xh.call(e,n),i=o&&xh.call(o,"isPrototypeOf");if(r&&!s&&!i)return!1;for(t in e);return Ri(t)||xh.call(e,t)},Kc=e=>{const t=HTMLElement;return!!e&&(t?e instanceof t:e.nodeType===KC)},Xc=e=>{const t=Element;return!!e&&(t?e instanceof t:e.nodeType===KC)};function de(e,t){if(Qc(e))for(let n=0;nt(e[n],n,e));return e}const Jc=(e,t)=>e.indexOf(t)>=0,Zn=(e,t)=>e.concat(t),Oe=(e,t,n)=>(n||Zc(t)||!Qc(t)?e.push(t):Array.prototype.push.apply(e,t),e),Br=e=>Array.from(e||[]),e_=e=>pn(e)?e:[e],Oh=e=>!!e&&!e.length,t_=e=>Br(new Set(e)),Xt=(e,t,n)=>{de(e,o=>o&&o.apply(void 0,t||[])),!n&&(e.length=0)},n_="paddingTop",r_="paddingRight",o_="paddingLeft",s_="paddingBottom",i_="marginLeft",a_="marginRight",c_="marginBottom",el="overflowX",tl="overflowY",ns="width",rs="height",os="hidden",l_="visible",Rh=(e,t,n,r)=>{if(e&&t){let o=!0;return de(n,s=>{(r?r(e[s]):e[s])!==(r?r(t[s]):t[s])&&(o=!1)}),o}return!1},u_=(e,t)=>Rh(e,t,["w","h"]),d_=(e,t)=>Rh(e,t,["x","y"]),nL=(e,t)=>Rh(e,t,["t","r","b","l"]),gn=()=>{},W=(e,...t)=>e.bind(0,...t),ss=e=>{let t;const n=e?zc:Th,r=e?Nh:Mh;return[o=>{r(t),t=n(o,hn(e)?e():e)},()=>r(t)]},f_=(e,t)=>{let n,r,o,s=gn;const{v:i,p:a,S:c}=t||{},l=function(p){s(),Nh(n),n=r=void 0,s=gn,e.apply(this,p)},u=h=>c&&r?c(r,h):h,d=()=>{s!==gn&&l(u(o)||o)},f=function(){const p=Br(arguments),g=hn(i)?i():i;if(xn(g)&&g>=0){const v=hn(a)?a():a,m=xn(v)&&v>=0,w=g>0?zc:Th,E=g>0?Nh:Mh,M=u(p)||p,L=l.bind(0,M);s();const F=w(L,g);s=()=>E(F),m&&!n&&(n=zc(d,v)),r=o=M}else l(p)};return f.m=d,f},h_=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),fr=e=>e?Object.keys(e):[],ae=(e,t,n,r,o,s,i)=>{const a=[t,n,r,o,s,i];return("object"!=typeof e||Wc(e))&&!hn(e)&&(e={}),de(a,c=>{de(c,(l,u)=>{const d=c[u];if(e===d)return!0;const f=pn(d);if(d&&Yc(d)){const h=e[u];let p=h;f&&!pn(h)?p=[]:!f&&!Yc(h)&&(p={}),e[u]=ae(p,d)}else e[u]=f?d.slice():d})}),e},p_=(e,t)=>de(ae({},e),(n,r,o)=>{void 0===n?delete o[r]:t&&n&&Yc(n)&&(o[r]=p_(n,t))}),Ph=e=>{for(const t in e)return!1;return!0},Fh=(e,t,n)=>ts(e,Kk(t,n)),Ur=e=>Br(new Set((pn(e)?e:(e||"").split(" ")).filter(t=>t))),nl=(e,t)=>e&&e.getAttribute(t),g_=(e,t)=>e&&e.hasAttribute(t),mn=(e,t,n)=>{de(Ur(t),r=>{e&&e.setAttribute(r,n||"")})},On=(e,t)=>{de(Ur(t),n=>e&&e.removeAttribute(n))},rl=(e,t)=>{const n=Ur(nl(e,t)),r=W(mn,e,t),o=(s,i)=>{const a=new Set(n);return de(Ur(s),c=>a[i](c)),Br(a).join(" ")};return{$:s=>r(o(s,"delete")),O:s=>r(o(s,"add")),C:s=>{const i=Ur(s);return i.reduce((a,c)=>a&&n.includes(c),i.length>0)}}},m_=(e,t,n)=>{rl(e,t).$(n)},Fi=(e,t,n)=>(rl(e,t).O(n),W(m_,e,t,n)),ol=(e,t,n,r)=>{(r?Fi:m_)(e,t,n)},y_=e=>rl(e,"class"),kh=(e,t)=>{y_(e).$(t)},sl=(e,t)=>(y_(e).O(t),W(kh,e,t)),v_=(e,t)=>{const n=[],r=t?Xc(t)&&t:document;return r?Oe(n,r.querySelectorAll(e)):n},il=(e,t)=>!!Xc(e)&&e.matches(t),D_=e=>il(e,"body"),Lh=e=>e?Br(e.childNodes):[],is=e=>e&&e.parentElement,as=(e,t)=>Xc(e)&&e.closest(t),Vh=e=>(e||document).activeElement,hr=e=>{if(Qc(e))de(Br(e),t=>hr(t));else if(e){const t=is(e);t&&t.removeChild(e)}},w_=(e,t,n)=>{if(n&&e){let o,r=t;return Qc(n)?(o=document.createDocumentFragment(),de(n,s=>{s===r&&(r=s.previousSibling),o.appendChild(s)})):o=n,t&&(r?r!==t&&(r=r.nextSibling):r=e.firstChild),e.insertBefore(o,r||null),()=>hr(n)}return gn},Jt=(e,t)=>w_(e,null,t),E_=(e,t)=>w_(is(e),e&&e.nextSibling,t),cs=e=>{const t=document.createElement("div");return mn(t,"class",e),t},C_=e=>{const t=cs();return t.innerHTML=e.trim(),de(Lh(t),n=>hr(n))},iL=/^--/,__=(e,t)=>e.getPropertyValue(t)||e[t]||"",jh=e=>{const t=e||0;return isFinite(t)?t:0},al=e=>jh(parseFloat(e||"")),I_=e=>`${(100*jh(e)).toFixed(3)}%`,Hh=e=>`${jh(e)}px`;function ls(e,t){e&&de(t,(n,r)=>{try{const o=e.style,s=xn(n)?Hh(n):(n||"")+"";iL.test(r)?o.setProperty(r,s):o[r]=s}catch{}})}function zr(e,t,n){const r=Zc(t);let o=r?"":{};if(e){const s=Kt.getComputedStyle(e,n)||e.style;o=r?__(s,t):t.reduce((i,a)=>(i[a]=__(s,a),i),o)}return o}const pr=e=>"rtl"===zr(e,"direction"),b_=(e,t,n)=>{const r=t?`${t}-`:"",o=n?`-${n}`:"",s=`${r}top${o}`,i=`${r}right${o}`,a=`${r}bottom${o}`,c=`${r}left${o}`,l=zr(e,[s,i,a,c]);return{t:al(l[s]),r:al(l[i]),b:al(l[a]),l:al(l[c])}},$h=(e,t)=>"translate"+(Pi(e)?`(${e.x},${e.y})`:`${t?"X":"Y"}(${e})`),aL={w:0,h:0},cl=(e,t)=>t?{w:t[`${e}Width`],h:t[`${e}Height`]}:aL,ki=W(cl,"offset"),S_=W(cl,"client"),Bh=W(cl,"scroll"),Uh=e=>{const t=parseFloat(zr(e,ns))||0,n=parseFloat(zr(e,rs))||0;return{w:t-Sh(t),h:n-Sh(n)}},us=e=>e.getBoundingClientRect(),zh=e=>!(!e||!e[rs]&&!e[ns]),M_=(e,t)=>{const n=zh(e);return!zh(t)&&n},T_=(e,t,n,r)=>{de(Ur(t),o=>{e.removeEventListener(o,n,r)})},Re=(e,t,n,r)=>{var o;const s=null==(o=r&&r.H)||o,i=r&&r.I||!1,a=r&&r.A||!1,c={passive:s,capture:i};return W(Xt,Ur(t).map(l=>{const u=a?d=>{T_(e,l,u,i),n(d)}:n;return e.addEventListener(l,u,c),W(T_,e,l,u,i)}))},Gh=e=>e.stopPropagation(),N_=e=>e.preventDefault(),lL={x:0,y:0},qh=e=>{const t=e&&us(e);return t?{x:t.left+Kt.scrollX,y:t.top+Kt.scrollY}:lL},ll=(e,t,n)=>n?n.n?0-e:n.i?t-e:e:e,A_=(e,t)=>[ll(0,e,t),ll(e,e,t)],x_=(e,t,n)=>Fh(0,1,ll(e,t,n)/t||0),gr=(e,t)=>{const{x:n,y:r}=xn(t)?{x:t,y:t}:t||{};xn(n)&&(e.scrollLeft=n),xn(r)&&(e.scrollTop=r)},ds=e=>({x:e.scrollLeft,y:e.scrollTop}),O_=(e,t)=>{de(e_(t),e)},Wh=e=>{const t=new Map,n=(s,i)=>{if(s){const a=t.get(s);O_(c=>{a&&a[c?"delete":"clear"](c)},i)}else t.forEach(a=>{a.clear()}),t.clear()},r=(s,i)=>{if(Zc(s)){const l=t.get(s)||new Set;return t.set(s,l),O_(u=>{hn(u)&&l.add(u)},i),W(n,s,i)}XC(i)&&i&&n();const a=fr(s),c=[];return de(a,l=>{const u=s[l];u&&Oe(c,r(l,u))}),W(Xt,c)};return r(e||{}),[r,n,(s,i)=>{de(Br(t.get(s)),a=>{i&&!Oh(i)?a.apply(0,i):a()})}]},R_=e=>JSON.stringify(e,(t,n)=>{if(hn(n))throw 0;return n}),P_=(e,t)=>e?`${t}`.split(".").reduce((n,r)=>n&&h_(n,r)?n[r]:void 0,e):void 0,uL={paddingAbsolute:!1,showNativeOverlaidScrollbars:!1,update:{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,autoHideSuspend:!1,dragScroll:!0,clickScroll:!1,pointers:["mouse","touch","pen"]}},F_=(e,t)=>{const n={};return de(Zn(fr(t),fr(e)),o=>{const s=e[o],i=t[o];if(Pi(s)&&Pi(i))ae(n[o]={},F_(s,i)),Ph(n[o])&&delete n[o];else if(h_(t,o)&&i!==s){let a=!0;if(pn(s)||pn(i))try{R_(s)===R_(i)&&(a=!1)}catch{}a&&(n[o]=i)}}),n},k_=(e,t,n)=>r=>[P_(e,r),n||void 0!==P_(t,r)],Li="data-overlayscrollbars",ul="os-environment",dl=`${ul}-scrollbar-hidden`,Zh=`${Li}-initialize`,zt=Li,L_=`${zt}-overflow-x`,V_=`${zt}-overflow-y`,j_="overflowVisible",Qh="updating",Qn=`${Li}-viewport`,H_="scrollbarHidden",fs=j_,Yh=`${Li}-padding`,pL=fs,$_=`${Li}-content`,Kh="os-size-observer",gL=`${Kh}-appear`,mL=`${Kh}-listener`,Gt="os-scrollbar",DL=`${Gt}-rtl`,wL=`${Gt}-horizontal`,EL=`${Gt}-vertical`,B_=`${Gt}-track`,Xh=`${Gt}-handle`,CL=`${Gt}-visible`,_L=`${Gt}-cornerless`,U_=`${Gt}-interaction`,z_=`${Gt}-unusable`,Jh=`${Gt}-auto-hide`,G_=`${Jh}-hidden`,q_=`${Gt}-wheel`,IL=`${B_}-interactive`,bL=`${Xh}-interactive`,W_={},Z_={},Q_=(e,t,n)=>fr(e).map(r=>{const{static:o,instance:s}=e[r],[i,a,c]=n||[],l=n?s:o;if(l){const u=n?l(i,a,t):l(t);return(c||Z_)[r]=u}}),hs=e=>Z_[e],fl=e=>0===e.indexOf(l_),Y_=(e,t)=>{const{D:n}=e,r=c=>{const l=zr(n,c);return[l,"scroll"===(t?t[c]:l)]},[o,s]=r(el),[i,a]=r(tl);return{k:{x:o,y:i},R:{x:s,y:a}}},ep="__osScrollbarsHidingPlugin";let tp;const en=()=>(tp||(tp=(()=>{const e=(E,C,M,L)=>{Jt(E,C);const F=S_(C),k=ki(C),x=Uh(M);return L&&hr(C),{x:k.h-F.h+x.h,y:k.w-F.w+x.w}},{body:r}=document,i=C_(`
`)[0],a=i.firstChild,[c,,l]=Wh(),[u,d]=fn({o:e(r,i,a),u:d_},W(e,r,i,a,!0)),[f]=d(),h=(E=>{let C=!1;const M=sl(E,dl);try{C="none"===zr(E,"scrollbar-width")||"none"===zr(E,"display","::-webkit-scrollbar")}catch{}return M(),C})(i),p={x:0===f.x,y:0===f.y},g={elements:{host:null,padding:!h,viewport:E=>h&&D_(E)&&E,content:!1},scrollbars:{slot:!0},cancel:{nativeScrollbarsOverlaid:!1,body:null}},y=ae({},uL),v=W(ae,{},y),m=W(ae,{},g),w={P:f,T:p,L:h,J:!!Ah,K:((E,C)=>{ls(E,{[el]:os,[tl]:os,direction:"rtl"}),gr(E,{x:0});const M=qh(E),L=qh(C);gr(E,{x:-999});const F=qh(C);return{i:M.x===L.x,n:L.x!==F.x}})(i,a),Z:W(c,"r"),G:m,tt:E=>ae(g,E)&&m(),nt:v,ot:E=>ae(y,E)&&v(),st:ae({},g),et:ae({},y)};return On(i,"style"),hr(i),Kt.addEventListener("resize",()=>{let E;if(!(h||p.x&&p.y)){const C=hs(ep);E=!!(C?C.Y():gn)(w,u)}l("r",[E])}),w})()),tp),K_=(e,t)=>hn(t)?t.apply(0,e):t,RL=(e,t,n,r)=>{const o=Ri(r)?n:r;return K_(e,o)||t.apply(0,e)},X_=(e,t,n,r)=>{const o=Ri(r)?n:r,s=K_(e,o);return!!s&&(Kc(s)?s:t.apply(0,e))},np=new WeakMap,J_=e=>np.get(e),eI=(e,t,n,r)=>{let o=!1;const{ct:s,rt:i,lt:a,it:c,ut:l,dt:u}=r||{},d=f_(()=>o&&n(!0),{v:33,p:99}),[f,h]=((e,t,n)=>{let r=!1;const o=!!n&&new WeakMap,i=a=>{o&&n&&de(n.map(l=>{const[u,d]=l||[];return[d&&u?(a||v_)(u,e):[],d]}),l=>de(l[0],u=>{const d=l[1],f=o.get(u)||[];if(e.contains(u)&&d){const p=Re(u,d,g=>{r?(p(),o.delete(u)):t(g)});o.set(u,Oe(f,p))}else Xt(f),o.delete(u)}))};return i(),[()=>{r=!0},i]})(e,d,a),g=i||[],y=Zn(s||[],g),v=(w,E)=>{if(!Oh(E)){const C=l||gn,M=u||gn,L=[],F=[];let k=!1,x=!1;if(de(E,O=>{const{attributeName:V,target:A,type:U,oldValue:ee,addedNodes:ce,removedNodes:z}=O,oe="attributes"===U,Pe="childList"===U,H=e===A,Ce=oe&&V,we=Ce&&nl(A,V||"")||null,_e=Ce&&ee!==we,Je=Jc(g,V)&&_e;if(t&&(Pe||!H)){const qe=oe&&_e,ke=qe&&c&&il(A,c),S=(ke?!C(A,V,ee,we):!oe||qe)&&!M(O,!!ke,e,r);de(ce,b=>Oe(L,b)),de(z,b=>Oe(L,b)),x=x||S}!t&&H&&_e&&!C(A,V,ee,we)&&(Oe(F,V),k=k||Je)}),h(O=>t_(L).reduce((V,A)=>(Oe(V,v_(O,A)),il(A,O)?Oe(V,A):V),[])),t)return!w&&x&&n(!1),[!1];if(!Oh(F)||k){const O=[t_(F),k];return!w&&n.apply(0,O),O}}},m=new Xk(W(v,!1));return[()=>(m.observe(e,{attributes:!0,attributeOldValue:!0,attributeFilter:y,subtree:t,childList:t,characterData:t}),o=!0,()=>{o&&(f(),m.disconnect(),o=!1)}),()=>{if(o)return d.m(),v(!0,m.takeRecords())}]},tI=(e,t,n)=>{const{ft:o,_t:s}=n||{},i=hs("__osSizeObserverPlugin"),{K:a}=en(),c=W(pr,e),[l]=fn({o:!1,_:!0});return()=>{const u=[],f=C_(`
`)[0],h=f.firstChild,p=g=>{const y=g instanceof ResizeObserverEntry,v=!y&&pn(g);let m=!1,w=!1,E=!0;if(y){const[C,,M]=l(g.contentRect),L=zh(C),F=M_(C,M);w=!M||F,m=!w&&!L,E=!m}else v?[,E]=g:w=!0===g;if(o&&E){const C=v?g[0]:pr(f);gr(f,{x:ll(3333333,3333333,C&&a),y:3333333})}m||t({vt:v?g:void 0,ht:!v,_t:w})};if(qc){const g=new qc(y=>p(y.pop()));g.observe(h),Oe(u,()=>{g.disconnect()})}else{if(!i)return gn;{const[g,y]=i(h,p,s);Oe(u,Zn([sl(f,gL),Re(f,"animationstart",g)],y))}}if(o){const[g]=fn({o:void 0},c);Oe(u,Re(f,"scroll",y=>{const v=g(),[m,w,E]=v;w&&(kh(h,"ltr rtl"),sl(h,m?"rtl":"ltr"),p([!!m,w,E])),Gh(y)}))}return W(Xt,Oe(u,Jt(e,f)))}},jL=(e,t,n,r)=>{let o,s,i,a,c,l;const{L:u}=en(),d=`[${zt}]`,f=`[${Qn}]`,h=["tabindex"],p=["wrap","cols","rows"],g=["id","class","style","open"],{gt:y,bt:v,D:m,wt:w,yt:E,V:C,St:M,$t:L}=e,F={Ot:!1,N:pr(y)},k=en(),x=hs(ep),[O]=fn({u:u_,o:{w:0,h:0}},()=>{const I=x&&x.M(e,t,F,k,n).W,S=M(fs),b=!C&&M("arrange"),N=b&&ds(m);L(fs),C&&L(Qh,!0);const R=b&&I&&I()[0],j=Bh(w),se=Bh(m),le=Uh(m);return L(fs,S),C&&L(Qh),R&&R(),gr(m,N),{w:se.w+j.w+le.w,h:se.h+j.h+le.h}}),V=E?p:Zn(g,p),A=f_(r,{v:()=>o,p:()=>s,S(I,S){const[b]=I,[N]=S;return[Zn(fr(b),fr(N)).reduce((R,j)=>(R[j]=b[j]||N[j],R),{})]}}),U=I=>{if(C){const S=pr(y);ae(I,{Ct:l!==S}),ae(F,{N:S}),l=S}},ee=I=>{de(I||h,S=>{if(Jc(h,S)){const b=nl(v,S);Zc(b)?mn(m,S,b):On(m,S)}})},ce=(I,S)=>{const[b,N]=I,R={xt:N};return ae(F,{Ot:b}),!S&&r(R),R},z=({ht:I,vt:S,_t:b})=>{const R=(!I||b||S)&&u?A:r,[j,se]=S||[],le={ht:I||b,_t:b,Ct:se};U(le),S&&ae(F,{N:j}),R(le)},oe=(I,S)=>{const[,b]=O(),N={Ht:b};return U(N),b&&!S&&(I?r:A)(N),N},Pe=(I,S,b)=>{const N={zt:S};return U(N),S&&!b?A(N):C||ee(I),N},{Z:H}=k,[Ce,we]=w?((e,t)=>{let n;const o=cs("os-trinsic-observer"),[s]=fn({o:!1}),i=(c,l)=>{if(c){const u=s((c=>0===c.h||c.isIntersecting||c.intersectionRatio>0)(c)),[,d]=u;return d&&!l&&t(u)&&[u]}},a=(c,l)=>i(l.pop(),c);return[()=>{const c=[];if(YC)n=new YC(W(a,!1),{root:e}),n.observe(o),Oe(c,()=>{n.disconnect()});else{const l=()=>{const u=ki(o);i(u)};Oe(c,tI(o,l)()),l()}return W(Xt,Oe(c,Jt(e,o)))},()=>n&&a(!0,n.takeRecords())]})(v,ce):[],_e=!C&&tI(v,z,{_t:!0,ft:!0}),[Je,qe]=eI(v,!1,Pe,{rt:g,ct:Zn(g,h)}),ke=C&&qc&&new qc(I=>{const S=I[I.length-1].contentRect;z({ht:!0,_t:M_(S,c)}),c=S});return[()=>{ee(),ke&&ke.observe(v);const I=_e&&_e(),S=Ce&&Ce(),b=Je(),N=H(R=>{const[,j]=O();A({It:R,Ht:j})});return()=>{ke&&ke.disconnect(),I&&I(),S&&S(),a&&a(),b(),N()}},({Et:I,At:S,Tt:b})=>{const N={},[R]=I("update.ignoreMutation"),[j,se]=I("update.attributes"),[le,Le]=I("update.elementEvents"),[We,te]=I("update.debounce"),dt=S||b;if(Le||se){i&&i(),a&&a();const[ye,ft]=eI(w||m,!0,oe,{ct:Zn(V,j||[]),lt:le,it:d,dt:(lt,gt)=>{const{target:Gr,attributeName:hl}=lt;return!(gt||!hl||C)&&((e,t,n)=>{const r=as(e,t),o=e&&((e,t)=>{const n=t?Xc(t)&&t:document;return n?n.querySelector(e):null})(n,r),s=as(o,t)===r;return!(!r||!o)&&(r===e||o===e||s&&as(as(e,n),t)!==r)})(Gr,d,f)||!!as(Gr,`.${Gt}`)||!!(ye=>hn(R)&&R(ye))(lt)}});a=ye(),i=ft}if(te)if(A.m(),pn(We)){const ye=We[0],ft=We[1];o=xn(ye)&&ye,s=xn(ft)&&ft}else xn(We)?(o=We,s=!1):(o=!1,s=!1);if(dt){const ye=qe(),ft=we&&we(),lt=i&&i();ye&&ae(N,Pe(ye[0],ye[1],dt)),ft&&ae(N,ce(ft[0],dt)),lt&&ae(N,oe(lt[0],dt))}return U(N),N},F]},zL=({wt:e})=>({Gt:t,an:n,Tt:r})=>{const{xt:o}=t||{},{Ot:s}=n;e&&(o||r)&&ls(e,{[rs]:s&&"100%"})},GL=({bt:e,cn:t,D:n,V:r},o)=>{const[s,i]=fn({u:nL,o:b_()},W(b_,e,"padding",""));return({Et:a,Gt:c,an:l,Tt:u})=>{let[d,f]=i(u);const{L:h}=en(),{ht:p,Ht:g,Ct:y}=c||{},{N:v}=l,[m,w]=a("paddingAbsolute");(p||f||u||g)&&([d,f]=s(u));const C=!r&&(w||y||f);if(C){const M=!m||!t&&!h,L=d.r+d.l,k={[a_]:M&&!v?-L:0,[c_]:M?-(d.t+d.b):0,[i_]:M&&v?-L:0,top:M?-d.t:0,right:M?v?-d.r:"auto":0,left:M?v?"auto":-d.l:0,[ns]:M&&`calc(100% + ${L}px)`},x={[n_]:M?d.t:0,[r_]:M?d.r:0,[s_]:M?d.b:0,[o_]:M?d.l:0};ls(t||n,k),ls(n,x),ae(o,{cn:d,un:!M,j:t?x:ae({},k,x)})}return{dn:C}}},qL=(e,t)=>{const n=en(),{bt:r,cn:o,D:s,V:i,$t:a,Rt:c,ln:l}=e,{L:u}=n,d=c&&i,f=W(ts,0),h={u:u_,o:{w:0,h:0}},p={u:d_,o:{x:os,y:os}},[y,v]=fn(h,W(Uh,s)),[m,w]=fn(h,W(Bh,s)),[E,C]=fn(h),[M,L]=fn(h),[F]=fn(p),k=hs(ep);return({Et:x,Gt:O,an:V,Tt:A},{dn:U})=>{const{ht:ee,Ht:ce,Ct:z,It:oe}=O||{},Pe=k&&k.M(e,t,V,n,x),{q:H,W:Ce,X:we}=Pe||{},[_e,Je]=((e,t)=>{const{T:n}=t,[r,o]=e("showNativeOverlaidScrollbars");return[r&&n.x&&n.y,o]})(x,n),[qe,ke]=x("overflow"),I=ee||U||ce||z||oe||Je,S=fl(qe.x),b=fl(qe.y),N=S||b;let R=v(A),j=w(A),se=C(A),le=L(A);if(Je&&u&&a(H_,!_e),I){N&&a(fs,!1);const[Pn,qr]=Ce?Ce(void 0):[],[Wr,rp]=R=y(A),[mr,op]=j=m(A),ps=S_(s),gs=mr,ms=ps;Pn&&Pn(),(op||rp||Je)&&qr&&!_e&&H&&H(qr,mr,Wr);const Vi=(e=>cl("inner",e||Kt))(l),ml={w:f(ts(mr.w,gs.w)+Wr.w),h:f(ts(mr.h,gs.h)+Wr.h)},iI={w:f((d?Vi.w:ms.w+f(ps.w-mr.w))+Wr.w),h:f((d?Vi.h:ms.h+f(ps.h-mr.h))+Wr.h)};le=M(iI),se=E(((x,O)=>{const V=Kt.devicePixelRatio%1!=0?1:0,A={w:f(x.w-O.w),h:f(x.h-O.h)};return{w:A.w>V?A.w:0,h:A.h>V?A.h:0}})(ml,iI),A)}const[We,te]=le,[Ze,dt]=se,[qt,ye]=j,[ft,lt]=R,gt={x:Ze.w>0,y:Ze.h>0},Gr=S&&b&&(gt.x||gt.y)||S&>.x&&!gt.y||b&>.y&&!gt.x;if(U||z||oe||lt||ye||te||dt||ke||Je||I){const Pn={},qr=((e,t,n,r)=>{const o=t.x||t.y,s=(u,d)=>{const f=fl(u),h=f&&o?"hidden":"",p=d&&f&&u.replace(`${l_}-`,"")||h;return[d&&!f?u:"",fl(p)?"hidden":p]},[i,a]=s(n.x,t.x),[c,l]=s(n.y,t.y);return r[el]=a&&c?a:i,r[tl]=l&&i?l:c,Y_(e,r)})(e,gt,qe,Pn);we&&we(qr,V,!!H&&H(qr,qt,ft),Pn),i?(mn(r,L_,Pn[el]),mn(r,V_,Pn[tl])):ls(s,Pn)}ol(r,zt,j_,Gr),ol(o,Yh,pL,Gr),i||ol(s,Qn,fs,N);const[pl,gl]=F(Y_(e).k);return ae(t,{k:pl,Pt:{x:We.w,y:We.h},Lt:{x:Ze.w,y:Ze.h},en:gt}),{sn:gl,tn:te,nn:dt}}},ZL=(e,t,n,r)=>{const o=k_(t,{}),[s,i,a,c,l]=(e=>{const[t,n,r]=(e=>{const t=en(),{G:n,L:r}=t,{elements:o}=n(),{host:s,padding:i,viewport:a,content:c}=o,l=Kc(e),u=l?{}:e,{elements:d}=u,{host:f,padding:h,viewport:p,content:g}=d||{},y=l?e:u.target,v=D_(y),m=il(y,"textarea"),w=y.ownerDocument,E=w.documentElement,C=w.defaultView,M=te=>{te&&te.focus&&te.focus()},L=W(RL,[y]),F=W(X_,[y]),k=W(cs,""),x=W(L,k,a),O=W(F,k,c),V=x(p),A=V===y,U=A&&v,ee=!A&&O(g),ce=!A&&V===ee,z=U?E:V,oe=m?L(k,s,f):y,Pe=U?z:oe,H=!A&&F(k,i,h),Ce=!ce&&ee,we=[Ce,z,H,Pe].map(te=>Kc(te)&&!is(te)&&te),_e=te=>te&&Jc(we,te),Je=_e(z)?y:z,qe={gt:y,bt:Pe,D:z,cn:H,wt:Ce,kt:U?E:z,Zt:U?w:z,rn:v?E:Je,ln:C,Kt:w,yt:m,Rt:v,Dt:l,V:A,St:te=>((e,t,n)=>rl(e,t).C(n))(z,A?zt:Qn,te),$t:(te,Ze)=>ol(z,A?zt:Qn,te,Ze)},{gt:ke,bt:I,cn:S,D:b,wt:N}=qe,R=[()=>{On(I,[zt,Zh]),On(ke,Zh),v&&On(E,[Zh,zt])}],j=m&&_e(I);let se=m?ke:Lh([N,b,S,I,ke].find(te=>te&&!_e(te)));const le=U?ke:N||b,Le=W(Xt,R);return[qe,()=>{const te=Vh(),Ze=lt=>{Jt(is(lt),Lh(lt)),hr(lt)},dt=lt=>lt?Re(lt,"focusin focusout focus blur",gt=>{Gh(gt),gt.stopImmediatePropagation()},{I:!0,H:!1}):gn,qt="tabindex",ye=nl(b,qt),ft=dt(te);return mn(I,zt,A?"viewport":"host"),mn(S,Yh,""),mn(N,$_,""),A||(mn(b,Qn,""),mn(b,qt,ye||"-1"),v&&Fi(E,zt,"body")),j&&(E_(ke,I),Oe(R,()=>{E_(I,ke),hr(I)})),Jt(le,se),Jt(I,S),Jt(S||I,!A&&b),Jt(b,N),Oe(R,[ft,()=>{const lt=Vh(),gt=dt(lt);On(S,Yh),On(N,$_),On(b,[L_,V_,Qn]),ye?mn(b,qt,ye):On(b,qt),_e(N)&&Ze(N),_e(b)&&Ze(b),_e(S)&&Ze(S),M(lt),gt()}]),r&&!A&&(Fi(b,Qn,H_),Oe(R,W(On,b,Qn))),M(A||C.top!==C||te!==y?te:b),ft(),se=0,Le},Le]})(e),o={cn:{t:0,r:0,b:0,l:0},un:!1,j:{[a_]:0,[c_]:0,[i_]:0,[n_]:0,[r_]:0,[s_]:0,[o_]:0},Pt:{x:0,y:0},Lt:{x:0,y:0},k:{x:os,y:os},en:{x:!1,y:!1}},{gt:s,D:i,V:a}=t,{L:c,T:l}=en(),u=!c&&(l.x||l.y),d=[zL(t),GL(t,o),qL(t,o)];return[n,f=>{const h={},g=u&&ds(i),y=a?Fi(i,zt,Qh):gn;return de(d,v=>{ae(h,v(f,h)||{})}),y(),gr(i,g),!a&&gr(s,0),h},o,t,r]})(e),[u,d,f]=jL(c,a,o,m=>{v({},m)}),[h,p,,g]=((e,t,n,r,o,s)=>{let i,a,c,l,u,d=gn,f=0;const h=H=>"mouse"===H.pointerType,[p,g]=ss(),[y,v]=ss(100),[m,w]=ss(100),[E,C]=ss(()=>f),[M,L]=((e,t,n,r)=>{const{G:o,K:s}=en(),{scrollbars:i}=o(),{slot:a}=i,{gt:c,bt:l,D:u,Dt:d,kt:f,Rt:h,V:p}=t,{scrollbars:g}=d?{}:e,{slot:y}=g||{},v=new Map,m=I=>Ah&&new Ah({source:f,axis:I}),w=m("x"),E=m("y"),C=X_([c,l,u],()=>p&&h?c:l,a,y),M=(I,S)=>{if(S){const le=I?ns:rs,{Mt:Le,Vt:We}=S,te=us(We)[le],Ze=us(Le)[le];return Fh(0,1,te/Ze||0)}const b=I?"x":"y",{Lt:N,Pt:R}=n,j=R[b];return Fh(0,1,j/(j+N[b])||0)},F=(I,S)=>ae(I,S?{clear:["left"]}:{}),k=I=>{v.forEach((S,b)=>{(!I||Jc(e_(I),b))&&(de(S||[],R=>{R&&R.cancel()}),v.delete(b))})},x=(I,S,b,N)=>{const R=v.get(I)||[],j=R.find(se=>se&&se.timeline===S);j?j.effect=new KeyframeEffect(I,b,{composite:N}):v.set(I,Zn(R,[I.animate(b,{timeline:S,composite:N})]))},O=(I,S,b)=>{const N=b?sl:kh;de(I,R=>{N(R.Ut,S)})},V=(I,S)=>{de(I,b=>{const[N,R]=S(b);ls(N,R)})},A=(I,S)=>{V(I,b=>{const{Vt:N}=b;return[N,{[S?ns:rs]:I_(M(S))}]})},U=(I,S)=>{const{Lt:b}=n,N=S?b.x:b.y,R=(j,se,le)=>$h(I_(((I,S,b,N)=>{const R=M(b,I);return 1/R*(1-R)*(N?1-S:S)||0})(j,x_(se,N,le),S,le)),S);if(w&&E)de(I,j=>{const{Ut:se,Vt:le}=j,Le=S&&pr(se)&&s;x(le,S?w:E,F({transform:A_(N,Le).map(We=>R(j,We,Le))},Le))});else{const j=ds(f);V(I,se=>{const{Vt:le,Ut:Le}=se;return[le,{transform:R(se,S?j.x:j.y,S&&pr(Le)&&s)}]})}},ee=I=>p&&!h&&is(I)===u,ce=[],z=[],oe=[],Pe=(I,S,b)=>{const N=XC(b),j=!N||!b;(!N||b)&&O(z,I,S),j&&O(oe,I,S)},_e=I=>{const b=cs(`${Gt} ${I?wL:EL}`),N=cs(B_),R=cs(Xh),j={Ut:b,Mt:N,Vt:R};return Oe(I?z:oe,j),Oe(ce,[Jt(b,N),Jt(N,R),W(hr,b),k,r(j,Pe,U,I)]),j},Je=W(_e,!0),qe=W(_e,!1);return Je(),qe(),[{Bt:()=>{A(z,!0),A(oe)},Nt:()=>{U(z,!0),U(oe)},jt:()=>{if(p){const{Lt:I}=n,S=.5;if(w&&E)de(Zn(oe,z),({Ut:b})=>{if(ee(b)){const N=(R,j,se)=>{const le=se&&pr(b)&&s;x(b,R,F({transform:A_(j-S,le).map(Le=>$h(Hh(Le),se))},le),"add")};N(w,I.x,!0),N(E,I.y)}else k(b)});else{const b=ds(f),N=R=>{const{Ut:j}=R,se=ee(j)&&j,le=(Le,We,te)=>{const dt=We*x_(Le,We,te);return Hh(te?-dt:dt)};return[se,{transform:se?$h({x:le(b.x,I.x,pr(j)&&s),y:le(b.y,I.y)}):""}]};V(z,N),V(oe,N)}}},Ft:Pe,qt:{J:w,Wt:z,Xt:Je,Yt:W(V,z)},Jt:{J:E,Wt:oe,Xt:qe,Yt:W(V,oe)}},()=>(Jt(C,z[0].Ut),Jt(C,oe[0].Ut),W(Xt,ce))]})(e,o,r,((e,t,n,r)=>{const{bt:o,D:s,V:i,kt:a,Kt:c}=t;return(l,u,d,f)=>{const{Ut:h,Mt:p,Vt:g}=l,[y,v]=ss(333),[m,w]=ss(),E=W(d,[l],f),C=!!a.scrollBy,M="client"+(f?"X":"Y"),L=f?ns:rs,F=f?"left":"top",k=f?"w":"h",x=f?"x":"y",O=U=>U.propertyName.indexOf(L)>-1;let A=!0;return W(Xt,[Re(g,"pointermove pointerleave",r),Re(h,"pointerenter",()=>{u(U_,!0)}),Re(h,"pointerleave pointercancel",()=>{u(U_,!1)}),!i&&Re(h,"mousedown",()=>{const U=Vh();(g_(U,Qn)||g_(U,zt)||U===document.body)&&zc(()=>{s.focus()},25)}),Re(h,"wheel",U=>{const{deltaX:ee,deltaY:ce,deltaMode:z}=U;C&&A&&0===z&&is(h)===o&&a.scrollBy({left:ee,top:ce,behavior:"smooth"}),A=!1,u(q_,!0),y(()=>{A=!0,u(q_)}),N_(U)},{H:!1,I:!0}),Re(g,"transitionstart",U=>{if(O(U)){const ee=()=>{E(),m(ee)};ee()}}),Re(g,"transitionend transitioncancel",U=>{O(U)&&(w(),E())}),Re(h,"mousedown",W(Re,c,"click",Gh,{A:!0,I:!0}),{I:!0}),(()=>{const U="pointerup pointerleave pointercancel lostpointercapture";return Re(p,"pointerdown",ce=>{const z=as(ce.target,`.${Xh}`)===g,oe=z?g:p,Pe=e.scrollbars,{button:H,isPrimary:Ce,pointerType:we}=ce,{pointers:_e}=Pe;if(0===H&&Ce&&Pe[z?"dragScroll":"clickScroll"]&&(_e||[]).includes(we)){const qe=!z&&ce.shiftKey,ke=W(us,g),I=W(us,p),S=(ye,ft)=>(ye||ke())[F]-(ft||I())[F],b=Sh(us(a)[L])/ki(a)[k]||1,N=((ce,z)=>oe=>{const{Lt:Pe}=n,H=ki(p)[k]-ki(g)[k];gr(a,{[x]:ce+z*oe/H*Pe[x]})})(ds(a)[x]||0,1/b),R=ce[M],j=ke(),se=I(),le=j[L],Le=S(j,se)+le/2,We=R-se[F],te=z?0:We-Le,Ze=ye=>{Xt(qt),oe.releasePointerCapture(ye.pointerId)},qt=[Fi(o,zt,"scrollbarPressed"),Re(c,U,Ze),Re(c,"selectstart",ye=>N_(ye),{H:!1}),Re(p,U,Ze),Re(p,"pointermove",ye=>{(z||qe)&&N(te+(ye[M]-R))})];if(oe.setPointerCapture(ce.pointerId),qe)N(te);else if(!z){const ye=hs("__osClickScrollPlugin");ye&&Oe(qt,ye(N,S,te,le,We))}}})})(),v,w])}})(t,o,r,H=>h(H)&&ce())),{bt:F,Zt:k,Rt:x}=o,{Ft:O,Bt:V,Nt:A,jt:U}=M,ee=(H,Ce)=>{if(C(),H)O(G_);else{const we=W(O,G_,!0);f>0&&!Ce?E(we):we()}},ce=()=>{(c?!i:!l)&&(ee(!0),y(()=>{ee(!1)}))},z=H=>{O(Jh,H,!0),O(Jh,H,!1)},oe=H=>{h(H)&&(i=c,c&&ee(!0))},Pe=[C,v,w,g,()=>d(),Re(F,"pointerover",oe,{A:!0}),Re(F,"pointerenter",oe),Re(F,"pointerleave",H=>{h(H)&&(i=!1,c&&ee(!1))}),Re(F,"pointermove",H=>{h(H)&&a&&ce()}),Re(k,"scroll",H=>{p(()=>{A(),ce()}),s(H),U()})];return[()=>W(Xt,Oe(Pe,L())),({Et:H,Tt:Ce,Gt:we,Qt:_e})=>{const{tn:Je,nn:qe,sn:ke}=_e||{},{Ct:I,_t:S}=we||{},{N:b}=n,{T:N}=en(),{k:R,en:j}=r,[se,le]=H("showNativeOverlaidScrollbars"),[Le,We]=H("scrollbars.theme"),[te,Ze]=H("scrollbars.visibility"),[dt,qt]=H("scrollbars.autoHide"),[ye,ft]=H("scrollbars.autoHideSuspend"),[lt]=H("scrollbars.autoHideDelay"),[gt,Gr]=H("scrollbars.dragScroll"),[hl,pl]=H("scrollbars.clickScroll"),[gl,Pn]=H("overflow"),rp=Je||qe||I||Ce,mr=ke||Ze||Pn,op=se&&N.x&&N.y,ps=(gs,ms,Vi)=>{const ml=gs.includes("scroll")&&("visible"===te||"auto"===te&&"scroll"===ms);return O(CL,ml,Vi),ml};if(f=lt,S&&!Ce&&(ye&&(j.x||j.y)?(z(!1),d(),m(()=>{d=Re(k,"scroll",W(z,!0),{A:!0})})):z(!0)),le&&O("os-theme-none",op),We&&(O(u),O(Le,!0),u=Le),ft&&!ye&&z(!0),qt&&(a="move"===dt,c="leave"===dt,l="never"===dt,ee(l,!0)),Gr&&O(bL,gt),pl&&O(IL,hl),mr){const gs=ps(gl.x,R.x,!0),ms=ps(gl.y,R.y,!1);O(_L,!(gs&&ms))}rp&&(V(),A(),U(),O(z_,!j.x,!0),O(z_,!j.y,!1),O(DL,b&&!x))},{},M]})(e,t,f,a,c,r),y=m=>fr(m).some(w=>!!m[w]),v=(m,w)=>{const{fn:E,Tt:C,At:M,_n:L}=m,F=E||{},k=!!C,x={Et:k_(t,F,k),fn:F,Tt:k};if(L)return p(x),!1;const O=w||d(ae({},x,{At:M})),V=i(ae({},x,{an:f,Gt:O}));p(ae({},x,{Gt:O,Qt:V}));const A=y(O),U=y(V),ee=A||U||!Ph(F)||k;return ee&&n(m,{Gt:O,Qt:V}),ee};return[()=>{const{rn:m,D:w}=c,E=ds(m),C=[u(),s(),h()];return gr(w,E),W(Xt,C)},v,()=>({vn:f,hn:a}),{pn:c,gn:g},l]},Rn=(e,t,n)=>{const{nt:r}=en(),o=Kc(e),s=o?e:e.target,i=J_(s);if(t&&!i){let a=!1;const c=[],l={},u=x=>{const O=p_(x,!0),V=hs("__osOptionsValidationPlugin");return V?V(O,!0):O},d=ae({},r(),u(t)),[f,h,p]=Wh(),[g,y,v]=Wh(n),m=(x,O)=>{v(x,O),p(x,O)},[w,E,C,M,L]=ZL(e,d,({fn:x,Tt:O},{Gt:V,Qt:A})=>{const{ht:U,Ct:ee,xt:ce,Ht:z,zt:oe,_t:Pe}=V,{tn:H,nn:Ce,sn:we}=A;m("updated",[k,{updateHints:{sizeChanged:!!U,directionChanged:!!ee,heightIntrinsicChanged:!!ce,overflowEdgeChanged:!!H,overflowAmountChanged:!!Ce,overflowStyleChanged:!!we,contentMutation:!!z,hostMutation:!!oe,appear:!!Pe},changedOptions:x||{},force:!!O}])},x=>m("scroll",[k,x])),F=x=>{(e=>{np.delete(e)})(s),Xt(c),a=!0,m("destroyed",[k,x]),h(),y()},k={options(x,O){if(x){const V=O?r():{},A=F_(d,ae(V,u(x)));Ph(A)||(ae(d,A),E({fn:A}))}return ae({},d)},on:g,off:(x,O)=>{x&&O&&y(x,O)},state(){const{vn:x,hn:O}=C(),{N:V}=x,{Pt:A,Lt:U,k:ee,en:ce,cn:z,un:oe}=O;return ae({},{overflowEdge:A,overflowAmount:U,overflowStyle:ee,hasOverflow:ce,padding:z,paddingAbsolute:oe,directionRTL:V,destroyed:a})},elements(){const{gt:x,bt:O,cn:V,D:A,wt:U,kt:ee,Zt:ce}=M.pn,{qt:z,Jt:oe}=M.gn,Pe=Ce=>{const{Vt:we,Mt:_e,Ut:Je}=Ce;return{scrollbar:Je,track:_e,handle:we}},H=Ce=>{const{Wt:we,Xt:_e}=Ce,Je=Pe(we[0]);return ae({},Je,{clone:()=>{const qe=Pe(_e());return E({_n:!0}),qe}})};return ae({},{target:x,host:O,padding:V||A,viewport:A,content:U||A,scrollOffsetElement:ee,scrollEventElement:ce,scrollbarHorizontal:H(z),scrollbarVertical:H(oe)})},update:x=>E({Tt:x,At:!0}),destroy:W(F,!1),plugin:x=>l[fr(x)[0]]};return Oe(c,[L]),((e,t)=>{np.set(e,t)})(s,k),Q_(W_,Rn,[k,f,l]),((e,t)=>{const{nativeScrollbarsOverlaid:n,body:r}=t||{},{T:o,L:s,G:i}=en(),{nativeScrollbarsOverlaid:a,body:c}=i().cancel,l=n??a,u=Ri(r)?c:r,d=(o.x||o.y)&&l,f=e&&(Wc(u)?!s:u);return!!d||!!f})(M.pn.Rt,!o&&e.cancel)?(F(!0),k):(Oe(c,w()),m("initialized",[k]),k.update(!0),k)}return i};Rn.plugin=e=>{const t=pn(e),n=t?e:[e],r=n.map(o=>Q_(o,Rn)[0]);return(e=>{de(e,t=>de(t,(n,r)=>{W_[r]=t[r]}))})(n),t?r:r[0]},Rn.valid=e=>{const t=e&&e.elements,n=hn(t)&&t();return Yc(n)&&!!J_(n.target)},Rn.env=()=>{const{P:e,T:t,L:n,K:r,J:o,st:s,et:i,G:a,tt:c,nt:l,ot:u}=en();return ae({},{scrollbarsSize:e,scrollbarsOverlaid:t,scrollbarsHiding:n,rtlScrollBehavior:r,scrollTimeline:o,staticDefaultInitialization:s,staticDefaultOptions:i,getDefaultInitialization:a,setDefaultInitialization:c,getDefaultOptions:l,setDefaultOptions:u})};const nI=["content"],QL=["*"];let rI=(()=>{class e{constructor(n){this.ngZone=n,this.instanceRef=null;const[r,o]=(()=>{if(typeof window>"u"){const l=()=>{};return[l,l]}let e,t;const n=window,r="function"==typeof n.requestIdleCallback,o=n.requestAnimationFrame,s=n.cancelAnimationFrame,i=r?n.requestIdleCallback:o,a=r?n.cancelIdleCallback:s,c=()=>{a(e),s(t)};return[(l,u)=>{c(),e=i(r?()=>{c(),t=o(l)}:l,"object"==typeof u?u:{timeout:2233})},c]})();this.requestDefer=r,this.cancelDefer=o}osInitialize(n){this.ngZone.runOutsideAngular(()=>{const r=()=>{this.instanceRef=Rn(n,this.options||{},this.events||{})};this.defer?this.requestDefer(r,this.defer):r()})}osInstance(){return this.instanceRef}ngOnChanges(n){const r=n.options,o=n.events;if(r){const s=r.currentValue;this.options=s,Rn.valid(this.instanceRef)&&this.instanceRef.options(s||{},!0)}if(o){const s=o.currentValue;this.events=s,Rn.valid(this.instanceRef)&&this.instanceRef.on(s||{},!0)}}ngOnDestroy(){this.cancelDefer()}}return e.\u0275fac=function(n){return new(n||e)(X(Me))},e.\u0275dir=Lt({type:e,selectors:[["","overlayScrollbars",""]],inputs:{options:"options",events:"events",defer:"defer"},features:[Ts]}),e})(),oI=(()=>{class e{constructor(n,r){this.ngZone=n,this.targetRef=r,this.onInitialized=new Bt,this.onUpdated=new Bt,this.onDestroyed=new Bt,this.onScroll=new Bt}osInstance(){return this.osDirective.osInstance()}getElement(){return this.targetRef.nativeElement}ngAfterViewInit(){const n=this.getElement(),r=this.contentRef.nativeElement;n&&r&&this.osDirective.osInitialize({target:n,elements:{viewport:r,content:r}})}ngOnDestroy(){this.osDirective?.osInstance().destroy()}mergeEvents(n){return((e,t)=>Object.keys(e).reduce((n,r)=>{const s=t[r];return n[r]=[e[r],...(Array.isArray(s)?s:[s]).filter(Boolean)],n},{}))({initialized:(...r)=>this.dispatchEventIfHasObservers(this.onInitialized,r),updated:(...r)=>this.dispatchEventIfHasObservers(this.onUpdated,r),destroyed:(...r)=>this.dispatchEventIfHasObservers(this.onDestroyed,r),scroll:(...r)=>this.dispatchEventIfHasObservers(this.onScroll,r)},n||{})}dispatchEventIfHasObservers(n,r){(n.observed||n.observers.length>0)&&this.ngZone.run(()=>n.emit(r))}}return e.\u0275fac=function(n){return new(n||e)(X(Me),X(xr))},e.\u0275cmp=Xl({type:e,selectors:[["overlay-scrollbars"],["","overlay-scrollbars",""]],viewQuery:function(n,r){if(1&n&&(vc(nI,5),vc(nI,5,rI)),2&n){let o;yc(o=Dc())&&(r.contentRef=o.first),yc(o=Dc())&&(r.osDirective=o.first)}},hostAttrs:["data-overlayscrollbars-initialize",""],inputs:{options:"options",events:"events",defer:"defer"},outputs:{onInitialized:"osInitialized",onUpdated:"osUpdated",onDestroyed:"osDestroyed",onScroll:"osScroll"},ngContentSelectors:QL,decls:3,vars:3,consts:[["overlayScrollbars","","data-overlayscrollbars-contents","",3,"options","events","defer"],["content",""]],template:function(n,r){1&n&&(function fw(e){const t=D()[Fe][yt];if(!t.projection){const r=t.projection=Vs(e?e.length:1,null),o=r.slice();let s=t.child;for(;null!==s;){const i=e?BO(s,e):0;null!==i&&(o[i]?o[i].projectionNext=s:r[i]=s,o[i]=s),s=s.next}}}(),ze(0,"div",0,1),function hw(e,t=0,n){const r=D(),o=re(),s=Ao(o,Y+e,16,null,n||null);null===s.projection&&(s.projection=t),lu(),(!r[on]||ao())&&32!=(32&s.flags)&&function dM(e,t,n){ey(t[Q],0,t,n,Ku(e,n,t),Zm(n.parent||t[yt],n,t))}(o,r,s)}(2),it()),2&n&&st("options",r.options)("events",r.mergeEvents(r.events))("defer",r.defer)},dependencies:[rI],encapsulation:2}),e})(),XL=(()=>{class e{}return e.\u0275fac=function(n){return new(n||e)},e.\u0275mod=Jr({type:e}),e.\u0275inj=Er({}),e})();const eV=["osRef"];function tV(e,t){1&e&&(ze(0,"div",14),lc(1,"img",15),it())}const nV=e=>({display:e});function rV(e,t){if(1&e&&(ze(0,"div",11,12),Pt(2,tV,2,0,"div",13),it()),2&e){const n=lr();st("ngStyle",Mf(5,nV,n.elementHidden?"none":void 0))("options",n.options)("events",n.events)("defer",!0),wt(2),st("ngIf",!n.contentHidden)}}function oV(e,t){1&e&&(ze(0,"div",16)(1,"div",14),lc(2,"img",15),it()())}function sV(e,t){1&e&&at(0," Show ")}function iV(e,t){1&e&&at(0," Hide ")}function aV(e,t){1&e&&at(0," Show ")}function cV(e,t){1&e&&at(0," Hide ")}function lV(e,t){if(1&e){const n=hf();ze(0,"button",7),Vr("click",function(){return xs(n),Os(lr().scrollContent())}),at(1,"Scroll"),it(),ze(2,"button",7),Vr("click",function(){return xs(n),Os(lr().toggleContent())}),Pt(3,sV,1,0,"ng-template",6)(4,iV,1,0,"ng-template",6),at(5," Content "),it(),ze(6,"button",7),Vr("click",function(){return xs(n),Os(lr().toggleElement())}),Pt(7,aV,1,0,"ng-template",6)(8,cV,1,0,"ng-template",6),at(9," Element "),it()}if(2&e){const n=lr();wt(3),st("ngIf",n.contentHidden),wt(1),st("ngIf",!n.contentHidden),wt(3),st("ngIf",n.elementHidden),wt(1),st("ngIf",!n.elementHidden)}}function uV(e,t){1&e&&at(0," Destroy ")}function dV(e,t){1&e&&at(0," Initialize ")}const fV=e=>({event:!0,active:e});function hV(e,t){if(1&e&&(ze(0,"div",17),at(1),it()),2&e){const n=t.$implicit;st("ngClass",Mf(3,fV,n.value.active)),wt(1),Df(" ",n.key," (",n.value.count,") ")}}function pV(e,t){1&e&&at(0," Destroy ")}function gV(e,t){1&e&&at(0," Initialize ")}function mV(e,t){if(1&e){const n=hf();ze(0,"section")(1,"div",5)(2,"button",7),Vr("click",function(){return xs(n),Os(lr().toggleBodyOverlayScrollbars())}),Pt(3,pV,1,0,"ng-template",6)(4,gV,1,0,"ng-template",6),at(5," Body OverlayScrollbars "),it()()()}if(2&e){const n=lr();wt(3),st("ngIf",n.useBodyOverlayScrollbars),wt(1),st("ngIf",!n.useBodyOverlayScrollbars)}}const sI=e=>Rn({target:document.body,cancel:{body:!e&&null}},{scrollbars:{theme:"os-theme-light"}}).state().destroyed;let yV=(()=>{class e{contentHidden=!1;elementHidden=!1;useOverlayScrollbars=!0;useBodyOverlayScrollbars=null;options={scrollbars:{theme:"os-theme-light"}};events;observedEvents$;osRef;constructor(n){const[r,o]=(e=>{const t=new Wp([]),n={},r={},s=a=>({active:t.getValue().includes(a),count:n[a]||0});return[t.pipe(bp(()=>({initialized:s("initialized"),destroyed:s("destroyed"),updated:s("updated"),scroll:s("scroll")}))),a=>{const c=n[a];n[a]="number"==typeof c?c+1:1,t.next(Array.from(new Set([...t.getValue(),a]))),clearTimeout(r[a]),r[a]=setTimeout(()=>{const l=new Set(t.getValue());l.delete(a),t.next(Array.from(l)),e.detectChanges()},500),e.detectChanges()}]})(n);this.events={initialized:()=>o("initialized"),destroyed:()=>o("destroyed"),updated:()=>o("updated"),scroll:()=>o("scroll")},this.observedEvents$=r}scrollContent(){const n=this.osRef?.osInstance();if(!n)return;const{overflowAmount:r}=n.state(),{scrollOffsetElement:o}=n.elements(),{scrollLeft:s,scrollTop:i}=o;o.scrollTo({behavior:"smooth",left:Math.round((r.x-s)/r.x)*r.x,top:Math.round((r.y-i)/r.y)*r.y})}toggleContent(){this.contentHidden=!this.contentHidden}toggleElement(){this.elementHidden=!this.elementHidden}toggleBodyOverlayScrollbars(){const n=Rn(document.body);n?(n.destroy(),this.useBodyOverlayScrollbars=!1):this.useBodyOverlayScrollbars=!sI(!0)}ngOnInit(){this.useBodyOverlayScrollbars=!sI()}originalOrder(){return 0}static \u0275fac=function(r){return new(r||e)(X(Rd))};static \u0275cmp=Xl({type:e,selectors:[["app-root"]],viewQuery:function(r,o){if(1&r&&vc(eV,5,oI),2&r){let s;yc(s=Dc())&&(o.osRef=s.first)}},decls:27,vars:12,consts:[["href","https://www.npmjs.com/package/overlayscrollbars-ngx","target","_blank"],[1,"slot"],["overlay-scrollbars","","class","overlayscrollbars-ngx",3,"ngStyle","options","events","defer",4,"ngIf"],["class","overlayscrollbars-ngx",4,"ngIf"],[1,"title"],[1,"items"],[3,"ngIf"],[3,"click"],[3,"ngClass",4,"ngFor","ngForOf"],[4,"ngIf"],["href","https://github.com/KingSora/OverlayScrollbars/tree/master/examples/angular","target","_blank"],["overlay-scrollbars","",1,"overlayscrollbars-ngx",3,"ngStyle","options","events","defer"],["osRef",""],["class","logo",4,"ngIf"],[1,"logo"],["alt","Angular logo","src","assets/logo.svg"],[1,"overlayscrollbars-ngx"],[3,"ngClass"]],template:function(r,o){1&r&&(ze(0,"main")(1,"h1")(2,"a",0),at(3," OverlayScrollbars Ngx "),it()(),ze(4,"section",1),Pt(5,rV,3,7,"div",2)(6,oV,3,0,"div",3),it(),ze(7,"section")(8,"p",4),at(9,"Actions:"),it(),ze(10,"div",5),Pt(11,lV,10,4,"ng-template",6),ze(12,"button",7),Vr("click",function(){return o.useOverlayScrollbars=!o.useOverlayScrollbars}),Pt(13,uV,1,0,"ng-template",6)(14,dV,1,0,"ng-template",6),at(15," OverlayScrollbars "),it()()(),ze(16,"section")(17,"p",4),at(18,"Events:"),it(),ze(19,"div",5),Pt(20,hV,2,5,"div",8),Tf(21,"keyvalue"),Tf(22,"async"),it()()(),ze(23,"footer"),Pt(24,mV,6,2,"section",9),ze(25,"a",10),at(26," Open source code of this example. "),it()()),2&r&&(wt(5),st("ngIf",o.useOverlayScrollbars),wt(1),st("ngIf",!o.useOverlayScrollbars),wt(5),st("ngIf",o.useOverlayScrollbars),wt(2),st("ngIf",o.useOverlayScrollbars),wt(1),st("ngIf",!o.useOverlayScrollbars),wt(6),st("ngForOf",nE(21,7,function tE(e,t,n){const r=e+Y,o=D(),s=io(o,r);return _i(o,r)?Yw(o,_t(),t,s.transform,n,s):s.transform(n)}(22,10,o.observedEvents$),o.originalOrder)),wt(4),st("ngIf",null!==o.useBodyOverlayScrollbars))},dependencies:[yC,DC,EC,IC,oI,bC,SC],encapsulation:2})}return e})(),vV=(()=>{class e{static \u0275fac=function(r){return new(r||e)};static \u0275mod=Jr({type:e,bootstrap:[yV]});static \u0275inj=Er({imports:[zk,XL]})}return e})();Bk().bootstrapModule(vV).catch(e=>console.error(e))}},yl=>{yl(yl.s=591)}]); \ No newline at end of file diff --git a/docs/example/angular/main.af622de75ee502c8.js b/docs/example/angular/main.af622de75ee502c8.js deleted file mode 100644 index f6fc8783..00000000 --- a/docs/example/angular/main.af622de75ee502c8.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkexample=self.webpackChunkexample||[]).push([[179],{591:()=>{let Be=null,Qr=1;function je(e){const t=Be;return Be=e,t}function np(e){if((!ys(e)||e.dirty)&&(e.dirty||e.lastCleanEpoch!==Qr)){if(!e.producerMustRecompute(e)&&!yl(e))return e.dirty=!1,void(e.lastCleanEpoch=Qr);e.producerRecomputeValue(e),e.dirty=!1,e.lastCleanEpoch=Qr}}function yl(e){Yr(e);for(let t=0;t0}function Yr(e){e.producerNode??=[],e.producerIndexOfThis??=[],e.producerLastReadVersion??=[]}let up=null;function Je(e){return"function"==typeof e}function hp(e){const n=e(r=>{Error.call(r),r.stack=(new Error).stack});return n.prototype=Object.create(Error.prototype),n.prototype.constructor=n,n}const wl=hp(e=>function(n){e(this),this.message=n?`${n.length} errors occurred during unsubscription:\n${n.map((r,o)=>`${o+1}) ${r.toString()}`).join("\n ")}`:"",this.name="UnsubscriptionError",this.errors=n});function El(e,t){if(e){const n=e.indexOf(t);0<=n&&e.splice(n,1)}}class yn{constructor(t){this.initialTeardown=t,this.closed=!1,this._parentage=null,this._finalizers=null}unsubscribe(){let t;if(!this.closed){this.closed=!0;const{_parentage:n}=this;if(n)if(this._parentage=null,Array.isArray(n))for(const s of n)s.remove(this);else n.remove(this);const{initialTeardown:r}=this;if(Je(r))try{r()}catch(s){t=s instanceof wl?s.errors:[s]}const{_finalizers:o}=this;if(o){this._finalizers=null;for(const s of o)try{mp(s)}catch(i){t=t??[],i instanceof wl?t=[...t,...i.errors]:t.push(i)}}if(t)throw new wl(t)}}add(t){var n;if(t&&t!==this)if(this.closed)mp(t);else{if(t instanceof yn){if(t.closed||t._hasParent(this))return;t._addParent(this)}(this._finalizers=null!==(n=this._finalizers)&&void 0!==n?n:[]).push(t)}}_hasParent(t){const{_parentage:n}=this;return n===t||Array.isArray(n)&&n.includes(t)}_addParent(t){const{_parentage:n}=this;this._parentage=Array.isArray(n)?(n.push(t),n):n?[n,t]:t}_removeParent(t){const{_parentage:n}=this;n===t?this._parentage=null:Array.isArray(n)&&El(n,t)}remove(t){const{_finalizers:n}=this;n&&El(n,t),t instanceof yn&&t._removeParent(this)}}yn.EMPTY=(()=>{const e=new yn;return e.closed=!0,e})();const pp=yn.EMPTY;function gp(e){return e instanceof yn||e&&"closed"in e&&Je(e.remove)&&Je(e.add)&&Je(e.unsubscribe)}function mp(e){Je(e)?e():e.unsubscribe()}const vr={onUnhandledError:null,onStoppedNotification:null,Promise:void 0,useDeprecatedSynchronousErrorHandling:!1,useDeprecatedNextContext:!1},$i={setTimeout(e,t,...n){const{delegate:r}=$i;return r?.setTimeout?r.setTimeout(e,t,...n):setTimeout(e,t,...n)},clearTimeout(e){const{delegate:t}=$i;return(t?.clearTimeout||clearTimeout)(e)},delegate:void 0};function yp(e){$i.setTimeout(()=>{const{onUnhandledError:t}=vr;if(!t)throw e;t(e)})}function vp(){}const hI=Cl("C",void 0,void 0);function Cl(e,t,n){return{kind:e,value:t,error:n}}let Dr=null;function Bi(e){if(vr.useDeprecatedSynchronousErrorHandling){const t=!Dr;if(t&&(Dr={errorThrown:!1,error:null}),e(),t){const{errorThrown:n,error:r}=Dr;if(Dr=null,n)throw r}}else e()}class _l extends yn{constructor(t){super(),this.isStopped=!1,t?(this.destination=t,gp(t)&&t.add(this)):this.destination=wI}static create(t,n,r){return new vs(t,n,r)}next(t){this.isStopped?bl(function gI(e){return Cl("N",e,void 0)}(t),this):this._next(t)}error(t){this.isStopped?bl(function pI(e){return Cl("E",void 0,e)}(t),this):(this.isStopped=!0,this._error(t))}complete(){this.isStopped?bl(hI,this):(this.isStopped=!0,this._complete())}unsubscribe(){this.closed||(this.isStopped=!0,super.unsubscribe(),this.destination=null)}_next(t){this.destination.next(t)}_error(t){try{this.destination.error(t)}finally{this.unsubscribe()}}_complete(){try{this.destination.complete()}finally{this.unsubscribe()}}}const yI=Function.prototype.bind;function Il(e,t){return yI.call(e,t)}class vI{constructor(t){this.partialObserver=t}next(t){const{partialObserver:n}=this;if(n.next)try{n.next(t)}catch(r){Ui(r)}}error(t){const{partialObserver:n}=this;if(n.error)try{n.error(t)}catch(r){Ui(r)}else Ui(t)}complete(){const{partialObserver:t}=this;if(t.complete)try{t.complete()}catch(n){Ui(n)}}}class vs extends _l{constructor(t,n,r){let o;if(super(),Je(t)||!t)o={next:t??void 0,error:n??void 0,complete:r??void 0};else{let s;this&&vr.useDeprecatedNextContext?(s=Object.create(t),s.unsubscribe=()=>this.unsubscribe(),o={next:t.next&&Il(t.next,s),error:t.error&&Il(t.error,s),complete:t.complete&&Il(t.complete,s)}):o=t}this.destination=new vI(o)}}function Ui(e){vr.useDeprecatedSynchronousErrorHandling?function mI(e){vr.useDeprecatedSynchronousErrorHandling&&Dr&&(Dr.errorThrown=!0,Dr.error=e)}(e):yp(e)}function bl(e,t){const{onStoppedNotification:n}=vr;n&&$i.setTimeout(()=>n(e,t))}const wI={closed:!0,next:vp,error:function DI(e){throw e},complete:vp},Sl="function"==typeof Symbol&&Symbol.observable||"@@observable";function Ml(e){return e}let Mt=(()=>{class e{constructor(n){n&&(this._subscribe=n)}lift(n){const r=new e;return r.source=this,r.operator=n,r}subscribe(n,r,o){const s=function CI(e){return e&&e instanceof _l||function EI(e){return e&&Je(e.next)&&Je(e.error)&&Je(e.complete)}(e)&&gp(e)}(n)?n:new vs(n,r,o);return Bi(()=>{const{operator:i,source:a}=this;s.add(i?i.call(s,a):a?this._subscribe(s):this._trySubscribe(s))}),s}_trySubscribe(n){try{return this._subscribe(n)}catch(r){n.error(r)}}forEach(n,r){return new(r=wp(r))((o,s)=>{const i=new vs({next:a=>{try{n(a)}catch(c){s(c),i.unsubscribe()}},error:s,complete:o});this.subscribe(i)})}_subscribe(n){var r;return null===(r=this.source)||void 0===r?void 0:r.subscribe(n)}[Sl](){return this}pipe(...n){return function Dp(e){return 0===e.length?Ml:1===e.length?e[0]:function(n){return e.reduce((r,o)=>o(r),n)}}(n)(this)}toPromise(n){return new(n=wp(n))((r,o)=>{let s;this.subscribe(i=>s=i,i=>o(i),()=>r(s))})}}return e.create=t=>new e(t),e})();function wp(e){var t;return null!==(t=e??vr.Promise)&&void 0!==t?t:Promise}const _I=hp(e=>function(){e(this),this.name="ObjectUnsubscribedError",this.message="object unsubscribed"});let zi=(()=>{class e extends Mt{constructor(){super(),this.closed=!1,this.currentObservers=null,this.observers=[],this.isStopped=!1,this.hasError=!1,this.thrownError=null}lift(n){const r=new Ep(this,this);return r.operator=n,r}_throwIfClosed(){if(this.closed)throw new _I}next(n){Bi(()=>{if(this._throwIfClosed(),!this.isStopped){this.currentObservers||(this.currentObservers=Array.from(this.observers));for(const r of this.currentObservers)r.next(n)}})}error(n){Bi(()=>{if(this._throwIfClosed(),!this.isStopped){this.hasError=this.isStopped=!0,this.thrownError=n;const{observers:r}=this;for(;r.length;)r.shift().error(n)}})}complete(){Bi(()=>{if(this._throwIfClosed(),!this.isStopped){this.isStopped=!0;const{observers:n}=this;for(;n.length;)n.shift().complete()}})}unsubscribe(){this.isStopped=this.closed=!0,this.observers=this.currentObservers=null}get observed(){var n;return(null===(n=this.observers)||void 0===n?void 0:n.length)>0}_trySubscribe(n){return this._throwIfClosed(),super._trySubscribe(n)}_subscribe(n){return this._throwIfClosed(),this._checkFinalizedStatuses(n),this._innerSubscribe(n)}_innerSubscribe(n){const{hasError:r,isStopped:o,observers:s}=this;return r||o?pp:(this.currentObservers=null,s.push(n),new yn(()=>{this.currentObservers=null,El(s,n)}))}_checkFinalizedStatuses(n){const{hasError:r,thrownError:o,isStopped:s}=this;r?n.error(o):s&&n.complete()}asObservable(){const n=new Mt;return n.source=this,n}}return e.create=(t,n)=>new Ep(t,n),e})();class Ep extends zi{constructor(t,n){super(),this.destination=t,this.source=n}next(t){var n,r;null===(r=null===(n=this.destination)||void 0===n?void 0:n.next)||void 0===r||r.call(n,t)}error(t){var n,r;null===(r=null===(n=this.destination)||void 0===n?void 0:n.error)||void 0===r||r.call(n,t)}complete(){var t,n;null===(n=null===(t=this.destination)||void 0===t?void 0:t.complete)||void 0===n||n.call(t)}_subscribe(t){var n,r;return null!==(r=null===(n=this.source)||void 0===n?void 0:n.subscribe(t))&&void 0!==r?r:pp}}function wr(e){return t=>{if(function II(e){return Je(e?.lift)}(t))return t.lift(function(n){try{return e(n,this)}catch(r){this.error(r)}});throw new TypeError("Unable to lift unknown Observable type")}}function Er(e,t,n,r,o){return new bI(e,t,n,r,o)}class bI extends _l{constructor(t,n,r,o,s,i){super(t),this.onFinalize=s,this.shouldUnsubscribe=i,this._next=n?function(a){try{n(a)}catch(c){t.error(c)}}:super._next,this._error=o?function(a){try{o(a)}catch(c){t.error(c)}finally{this.unsubscribe()}}:super._error,this._complete=r?function(){try{r()}catch(a){t.error(a)}finally{this.unsubscribe()}}:super._complete}unsubscribe(){var t;if(!this.shouldUnsubscribe||this.shouldUnsubscribe()){const{closed:n}=this;super.unsubscribe(),!n&&(null===(t=this.onFinalize)||void 0===t||t.call(this))}}}function Cp(e,t){return wr((n,r)=>{let o=0;n.subscribe(Er(r,s=>{r.next(e.call(t,s,o++))}))})}function Yn(e){return this instanceof Yn?(this.v=e,this):new Yn(e)}function Sp(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,t=e[Symbol.asyncIterator];return t?t.call(e):(e=function xl(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}(e),n={},r("next"),r("throw"),r("return"),n[Symbol.asyncIterator]=function(){return this},n);function r(s){n[s]=e[s]&&function(i){return new Promise(function(a,c){!function o(s,i,a,c){Promise.resolve(c).then(function(l){s({value:l,done:a})},i)}(a,c,(i=e[s](i)).done,i.value)})}}}"function"==typeof SuppressedError&&SuppressedError;const Mp=e=>e&&"number"==typeof e.length&&"function"!=typeof e;function Tp(e){return Je(e?.then)}function Np(e){return Je(e[Sl])}function Ap(e){return Symbol.asyncIterator&&Je(e?.[Symbol.asyncIterator])}function xp(e){return new TypeError(`You provided ${null!==e&&"object"==typeof e?"an invalid object":`'${e}'`} where a stream was expected. You can provide an Observable, Promise, ReadableStream, Array, AsyncIterable, or Iterable.`)}const Op=function WI(){return"function"==typeof Symbol&&Symbol.iterator?Symbol.iterator:"@@iterator"}();function Rp(e){return Je(e?.[Op])}function Pp(e){return function bp(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var o,r=n.apply(e,t||[]),s=[];return o={},i("next"),i("throw"),i("return"),o[Symbol.asyncIterator]=function(){return this},o;function i(f){r[f]&&(o[f]=function(h){return new Promise(function(p,g){s.push([f,h,p,g])>1||a(f,h)})})}function a(f,h){try{!function c(f){f.value instanceof Yn?Promise.resolve(f.value.v).then(l,u):d(s[0][2],f)}(r[f](h))}catch(p){d(s[0][3],p)}}function l(f){a("next",f)}function u(f){a("throw",f)}function d(f,h){f(h),s.shift(),s.length&&a(s[0][0],s[0][1])}}(this,arguments,function*(){const n=e.getReader();try{for(;;){const{value:r,done:o}=yield Yn(n.read());if(o)return yield Yn(void 0);yield yield Yn(r)}}finally{n.releaseLock()}})}function Fp(e){return Je(e?.getReader)}function kn(e){if(e instanceof Mt)return e;if(null!=e){if(Np(e))return function ZI(e){return new Mt(t=>{const n=e[Sl]();if(Je(n.subscribe))return n.subscribe(t);throw new TypeError("Provided object does not correctly implement Symbol.observable")})}(e);if(Mp(e))return function QI(e){return new Mt(t=>{for(let n=0;n{e.then(n=>{t.closed||(t.next(n),t.complete())},n=>t.error(n)).then(null,yp)})}(e);if(Ap(e))return kp(e);if(Rp(e))return function KI(e){return new Mt(t=>{for(const n of e)if(t.next(n),t.closed)return;t.complete()})}(e);if(Fp(e))return function XI(e){return kp(Pp(e))}(e)}throw xp(e)}function kp(e){return new Mt(t=>{(function JI(e,t){var n,r,o,s;return function _p(e,t,n,r){return new(n||(n=Promise))(function(s,i){function a(u){try{l(r.next(u))}catch(d){i(d)}}function c(u){try{l(r.throw(u))}catch(d){i(d)}}function l(u){u.done?s(u.value):function o(s){return s instanceof n?s:new n(function(i){i(s)})}(u.value).then(a,c)}l((r=r.apply(e,t||[])).next())})}(this,void 0,void 0,function*(){try{for(n=Sp(e);!(r=yield n.next()).done;)if(t.next(r.value),t.closed)return}catch(i){o={error:i}}finally{try{r&&!r.done&&(s=n.return)&&(yield s.call(n))}finally{if(o)throw o.error}}t.complete()})})(e,t).catch(n=>t.error(n))})}function Kn(e,t,n,r=0,o=!1){const s=t.schedule(function(){n(),o?e.add(this.schedule(null,r)):this.unsubscribe()},r);if(e.add(s),!o)return s}function Lp(e,t,n=1/0){return Je(t)?Lp((r,o)=>Cp((s,i)=>t(r,s,o,i))(kn(e(r,o))),n):("number"==typeof t&&(n=t),wr((r,o)=>function eb(e,t,n,r,o,s,i,a){const c=[];let l=0,u=0,d=!1;const f=()=>{d&&!c.length&&!l&&t.complete()},h=g=>l{s&&t.next(g),l++;let y=!1;kn(n(g,u++)).subscribe(Er(t,v=>{o?.(v),s?h(v):t.next(v)},()=>{y=!0},void 0,()=>{if(y)try{for(l--;c.length&&lp(v)):p(v)}f()}catch(v){t.error(v)}}))};return e.subscribe(Er(t,h,()=>{d=!0,f()})),()=>{a?.()}}(r,o,e,n)))}const Vp=new Mt(e=>e.complete());function Ol(e){return e[e.length-1]}function jp(e){return function rb(e){return e&&Je(e.schedule)}(Ol(e))?e.pop():void 0}function Hp(e,t=0){return wr((n,r)=>{n.subscribe(Er(r,o=>Kn(r,e,()=>r.next(o),t),()=>Kn(r,e,()=>r.complete(),t),o=>Kn(r,e,()=>r.error(o),t)))})}function $p(e,t=0){return wr((n,r)=>{r.add(e.schedule(()=>n.subscribe(r),t))})}function Bp(e,t){if(!e)throw new Error("Iterable cannot be null");return new Mt(n=>{Kn(n,t,()=>{const r=e[Symbol.asyncIterator]();Kn(n,t,()=>{r.next().then(o=>{o.done?n.complete():n.next(o.value)})},0,!0)})})}function Up(e,t){return t?function ub(e,t){if(null!=e){if(Np(e))return function sb(e,t){return kn(e).pipe($p(t),Hp(t))}(e,t);if(Mp(e))return function ab(e,t){return new Mt(n=>{let r=0;return t.schedule(function(){r===e.length?n.complete():(n.next(e[r++]),n.closed||this.schedule())})})}(e,t);if(Tp(e))return function ib(e,t){return kn(e).pipe($p(t),Hp(t))}(e,t);if(Ap(e))return Bp(e,t);if(Rp(e))return function cb(e,t){return new Mt(n=>{let r;return Kn(n,t,()=>{r=e[Op](),Kn(n,t,()=>{let o,s;try{({value:o,done:s}=r.next())}catch(i){return void n.error(i)}s?n.complete():n.next(o)},0,!0)}),()=>Je(r?.return)&&r.return()})}(e,t);if(Fp(e))return function lb(e,t){return Bp(Pp(e),t)}(e,t)}throw xp(e)}(e,t):kn(e)}function db(...e){const t=jp(e),n=function ob(e,t){return"number"==typeof Ol(e)?e.pop():t}(e,1/0),r=e;return r.length?1===r.length?kn(r[0]):function tb(e=1/0){return Lp(Ml,e)}(n)(Up(r,t)):Vp}class zp extends zi{constructor(t){super(),this._value=t}get value(){return this.getValue()}_subscribe(t){const n=super._subscribe(t);return!n.closed&&t.next(this._value),n}getValue(){const{hasError:t,thrownError:n,_value:r}=this;if(t)throw n;return this._throwIfClosed(),r}next(t){super.next(this._value=t)}}function Rl(e,t,...n){if(!0===t)return void e();if(!1===t)return;const r=new vs({next:()=>{r.unsubscribe(),e()}});return kn(t(...n)).subscribe(r)}function mb(e,t){return e===t}function ye(e){for(let t in e)if(e[t]===ye)return t;throw Error("Could not find renamed property on target object.")}function Ze(e){if("string"==typeof e)return e;if(Array.isArray(e))return"["+e.map(Ze).join(", ")+"]";if(null==e)return""+e;if(e.overriddenName)return`${e.overriddenName}`;if(e.name)return`${e.name}`;const t=e.toString();if(null==t)return""+t;const n=t.indexOf("\n");return-1===n?t:t.substring(0,n)}function Pl(e,t){return null==e||""===e?null===t?"":t:null==t||""===t?e:e+" "+t}const yb=ye({__forward_ref__:ye});function Fl(e){return e.__forward_ref__=Fl,e.toString=function(){return Ze(this())},e}function $(e){return function qi(e){return"function"==typeof e&&e.hasOwnProperty(yb)&&e.__forward_ref__===Fl}(e)?e():e}function kl(e){return e&&!!e.\u0275providers}class N extends Error{constructor(t,n){super(function Kr(e,t){return`NG0${Math.abs(e)}${t?": "+t:""}`}(t,n)),this.code=t}}const Ds=ye({\u0275cmp:ye}),Ll=ye({\u0275dir:ye}),Vl=ye({\u0275pipe:ye}),qp=ye({\u0275mod:ye}),Ln=ye({\u0275fac:ye}),ws=ye({__NG_ELEMENT_ID__:ye}),Wp=ye({__NG_ENV_ID__:ye});function W(e){return"string"==typeof e?e:null==e?"":String(e)}function jl(e,t){throw new N(-201,!1)}function Tt(e,t){null==e&&function B(e,t,n,r){throw new Error(`ASSERTION ERROR: ${e}`+(null==r?"":` [Expected=> ${n} ${r} ${t} <=Actual]`))}(t,e,null,"!=")}function fe(e){return{token:e.token,providedIn:e.providedIn||null,factory:e.factory,value:void 0}}function Cr(e){return{providers:e.providers||[],imports:e.imports||[]}}function Wi(e){return Zp(e,Qi)||Zp(e,Qp)}function Zp(e,t){return e.hasOwnProperty(t)?e[t]:null}function Zi(e){return e&&(e.hasOwnProperty(Hl)||e.hasOwnProperty(bb))?e[Hl]:null}const Qi=ye({\u0275prov:ye}),Hl=ye({\u0275inj:ye}),Qp=ye({ngInjectableDef:ye}),bb=ye({ngInjectorDef:ye});var ne=function(e){return e[e.Default=0]="Default",e[e.Host=1]="Host",e[e.Self=2]="Self",e[e.SkipSelf=4]="SkipSelf",e[e.Optional=8]="Optional",e}(ne||{});let $l;function Nt(e){const t=$l;return $l=e,t}function Kp(e,t,n){const r=Wi(e);return r&&"root"==r.providedIn?void 0===r.value?r.value=r.factory():r.value:n&ne.Optional?null:void 0!==t?t:void jl(Ze(e))}const Ce=globalThis;class z{constructor(t,n){this._desc=t,this.ngMetadataName="InjectionToken",this.\u0275prov=void 0,"number"==typeof n?this.__NG_ELEMENT_ID__=n:void 0!==n&&(this.\u0275prov=fe({token:this,providedIn:n.providedIn||"root",factory:n.factory}))}get multi(){return this}toString(){return`InjectionToken ${this._desc}`}}const Es={},ql="__NG_DI_FLAG__",Yi="ngTempTokenPath",Tb=/\n/gm,Jp="__source";let Xr;function Jn(e){const t=Xr;return Xr=e,t}function xb(e,t=ne.Default){if(void 0===Xr)throw new N(-203,!1);return null===Xr?Kp(e,void 0,t):Xr.get(e,t&ne.Optional?null:void 0,t)}function se(e,t=ne.Default){return(function Yp(){return $l}()||xb)($(e),t)}function me(e,t=ne.Default){return se(e,Ki(t))}function Ki(e){return typeof e>"u"||"number"==typeof e?e:0|(e.optional&&8)|(e.host&&1)|(e.self&&2)|(e.skipSelf&&4)}function Wl(e){const t=[];for(let n=0;nt){i=s-1;break}}}for(;ss?"":o[d+1].toLowerCase();const h=8&r?f:null;if(h&&-1!==tg(h,l,0)||2&r&&l!==f){if(nn(r))return!1;i=!0}}}}else{if(!i&&!nn(r)&&!nn(c))return!1;if(i&&nn(c))continue;i=!1,r=c|1&r}}return nn(r)||i}function nn(e){return 0==(1&e)}function Vb(e,t,n,r){if(null===t)return-1;let o=0;if(r||!n){let s=!1;for(;o-1)for(n++;n0?'="'+a+'"':"")+"]"}else 8&r?o+="."+i:4&r&&(o+=" "+i);else""!==o&&!nn(i)&&(t+=cg(s,o),o=""),r=i,s=s||!nn(r);n++}return""!==o&&(t+=cg(s,o)),t}function Ql(e){return Vn(()=>{const t=ug(e),n={...t,decls:e.decls,vars:e.vars,template:e.template,consts:e.consts||null,ngContentSelectors:e.ngContentSelectors,onPush:e.changeDetection===Xi.OnPush,directiveDefs:null,pipeDefs:null,dependencies:t.standalone&&e.dependencies||null,getStandaloneInjector:null,signals:e.signals??!1,data:e.data||{},encapsulation:e.encapsulation||tn.Emulated,styles:e.styles||le,_:null,schemas:e.schemas||null,tView:null,id:""};dg(n);const r=e.dependencies;return n.directiveDefs=Ji(r,!1),n.pipeDefs=Ji(r,!0),n.id=function Qb(e){let t=0;const n=[e.selectors,e.ngContentSelectors,e.hostVars,e.hostAttrs,e.consts,e.vars,e.decls,e.encapsulation,e.standalone,e.signals,e.exportAs,JSON.stringify(e.inputs),JSON.stringify(e.outputs),Object.getOwnPropertyNames(e.type.prototype),!!e.contentQueries,!!e.viewQuery].join("|");for(const o of n)t=Math.imul(31,t)+o.charCodeAt(0)<<0;return t+=2147483648,"c"+t}(n),n})}function qb(e){return ee(e)||et(e)}function Wb(e){return null!==e}function Jr(e){return Vn(()=>({type:e.type,bootstrap:e.bootstrap||le,declarations:e.declarations||le,imports:e.imports||le,exports:e.exports||le,transitiveCompileScopes:null,schemas:e.schemas||null,id:e.id||null}))}function lg(e,t){if(null==e)return vn;const n={};for(const r in e)if(e.hasOwnProperty(r)){let o=e[r],s=o;Array.isArray(o)&&(s=o[1],o=o[0]),n[o]=r,t&&(t[o]=s)}return n}function Lt(e){return Vn(()=>{const t=ug(e);return dg(t),t})}function At(e){return{type:e.type,name:e.name,factory:null,pure:!1!==e.pure,standalone:!0===e.standalone,onDestroy:e.type.prototype.ngOnDestroy||null}}function ee(e){return e[Ds]||null}function et(e){return e[Ll]||null}function dt(e){return e[Vl]||null}function ug(e){const t={};return{type:e.type,providersResolver:null,factory:null,hostBindings:e.hostBindings||null,hostVars:e.hostVars||0,hostAttrs:e.hostAttrs||null,contentQueries:e.contentQueries||null,declaredInputs:t,inputTransforms:null,inputConfig:e.inputs||vn,exportAs:e.exportAs||null,standalone:!0===e.standalone,signals:!0===e.signals,selectors:e.selectors||le,viewQuery:e.viewQuery||null,features:e.features||null,setInput:null,findHostDirectiveDefs:null,hostDirectives:null,inputs:lg(e.inputs,t),outputs:lg(e.outputs),debugInfo:null}}function dg(e){e.features?.forEach(t=>t(e))}function Ji(e,t){if(!e)return null;const n=t?dt:qb;return()=>("function"==typeof e?e():e).map(r=>n(r)).filter(Wb)}const He=0,_=1,k=2,Re=3,rn=4,gt=5,on=6,eo=7,_e=8,Dt=9,to=10,Z=11,Is=12,fg=13,no=14,ke=15,bs=16,ro=17,Dn=18,Ss=19,hg=20,er=21,ea=22,Ir=23,Q=25,Yl=1,wn=7,oo=9,Ue=10;var so=function(e){return e[e.None=0]="None",e[e.HasTransplantedViews=2]="HasTransplantedViews",e[e.HasChildViewsToRefresh=4]="HasChildViewsToRefresh",e}(so||{});function ft(e){return Array.isArray(e)&&"object"==typeof e[Yl]}function lt(e){return Array.isArray(e)&&!0===e[Yl]}function Kl(e){return 0!=(4&e.flags)}function br(e){return e.componentOffset>-1}function na(e){return 1==(1&e.flags)}function sn(e){return!!e.template}function Xl(e){return 0!=(512&e[k])}function Sr(e,t){return e.hasOwnProperty(Ln)?e[Ln]:null}class Jb{constructor(t,n,r){this.previousValue=t,this.currentValue=n,this.firstChange=r}isFirstChange(){return this.firstChange}}function Ts(){return yg}function yg(e){return e.type.prototype.ngOnChanges&&(e.setInput=tS),eS}function eS(){const e=Dg(this),t=e?.current;if(t){const n=e.previous;if(n===vn)e.previous=t;else for(let r in t)n[r]=t[r];e.current=null,this.ngOnChanges(t)}}function tS(e,t,n,r){const o=this.declaredInputs[n],s=Dg(e)||function nS(e,t){return e[vg]=t}(e,{previous:vn,current:null}),i=s.current||(s.current={}),a=s.previous,c=a[o];i[o]=new Jb(c&&c.currentValue,t,a===vn),e[r]=t}Ts.ngInherit=!0;const vg="__ngSimpleChanges__";function Dg(e){return e[vg]||null}const En=function(e,t,n){};function Ie(e){for(;Array.isArray(e);)e=e[He];return e}function wt(e,t){return Ie(t[e.index])}function As(e,t){return e.data[t]}function io(e,t){return e[t]}function Vt(e,t){const n=t[e];return ft(n)?n:n[He]}function ru(e){return 128==(128&e[k])}function Cn(e,t){return null==t?null:e[t]}function Cg(e){e[ro]=0}function aS(e){1024&e[k]||(e[k]|=1024,ru(e)&&ra(e))}function Ig(e){return 9216&e[k]||e[Ir]?.dirty}function bg(e){Ig(e)&&ra(e)}function ra(e){let t=e[Re];for(;null!==t&&!(lt(t)&&t[k]&so.HasChildViewsToRefresh||ft(t)&&8192&t[k]);){if(lt(t))t[k]|=so.HasChildViewsToRefresh;else if(t[k]|=8192,!ru(t))break;t=t[Re]}}const G={lFrame:Fg(null),bindingsEnabled:!0,skipHydrationRootTNode:null};function Mg(){return G.bindingsEnabled}function ao(){return null!==G.skipHydrationRootTNode}function w(){return G.lFrame.lView}function re(){return G.lFrame.tView}function xs(e){return G.lFrame.contextLView=e,e[_e]}function Os(e){return G.lFrame.contextLView=null,e}function De(){let e=Tg();for(;null!==e&&64===e.type;)e=e.parent;return e}function Tg(){return G.lFrame.currentTNode}function _n(e,t){const n=G.lFrame;n.currentTNode=e,n.isParent=t}function su(){return G.lFrame.isParent}function iu(){G.lFrame.isParent=!1}function Et(){const e=G.lFrame;let t=e.bindingRootIndex;return-1===t&&(t=e.bindingRootIndex=e.tView.bindingStartIndex),t}function vS(e,t){const n=G.lFrame;n.bindingIndex=n.bindingRootIndex=e,au(t)}function au(e){G.lFrame.currentDirectiveIndex=e}function Og(){return G.lFrame.currentQueryIndex}function lu(e){G.lFrame.currentQueryIndex=e}function wS(e){const t=e[_];return 2===t.type?t.declTNode:1===t.type?e[gt]:null}function Rg(e,t,n){if(n&ne.SkipSelf){let o=t,s=e;for(;!(o=o.parent,null!==o||n&ne.Host||(o=wS(s),null===o||(s=s[no],10&o.type))););if(null===o)return!1;t=o,e=s}const r=G.lFrame=Pg();return r.currentTNode=t,r.lView=e,!0}function uu(e){const t=Pg(),n=e[_];G.lFrame=t,t.currentTNode=n.firstChild,t.lView=e,t.tView=n,t.contextLView=e,t.bindingIndex=n.bindingStartIndex,t.inI18n=!1}function Pg(){const e=G.lFrame,t=null===e?null:e.child;return null===t?Fg(e):t}function Fg(e){const t={currentTNode:null,isParent:!0,lView:null,tView:null,selectedIndex:-1,contextLView:null,elementDepthCount:0,currentNamespace:null,currentDirectiveIndex:-1,bindingRootIndex:-1,bindingIndex:-1,currentQueryIndex:0,parent:e,child:null,inI18n:!1};return null!==e&&(e.child=t),t}function kg(){const e=G.lFrame;return G.lFrame=e.parent,e.currentTNode=null,e.lView=null,e}const Lg=kg;function du(){const e=kg();e.isParent=!0,e.tView=null,e.selectedIndex=-1,e.contextLView=null,e.elementDepthCount=0,e.currentDirectiveIndex=-1,e.currentNamespace=null,e.bindingRootIndex=-1,e.bindingIndex=-1,e.currentQueryIndex=0}function mt(){return G.lFrame.selectedIndex}function Mr(e){G.lFrame.selectedIndex=e}let jg=!0;function sa(){return jg}function tr(e){jg=e}function ia(e,t){for(let n=t.directiveStart,r=t.directiveEnd;n=r)break}else t[c]<0&&(e[ro]+=65536),(a>14>16&&(3&e[k])===t&&(e[k]+=16384,$g(a,s)):$g(a,s)}const co=-1;class Ps{constructor(t,n,r){this.factory=t,this.resolving=!1,this.canSeeViewProviders=n,this.injectImpl=r}}function pu(e){return e!==co}function Fs(e){return 32767&e}function ks(e,t){let n=function OS(e){return e>>16}(e),r=t;for(;n>0;)r=r[no],n--;return r}let gu=!0;function la(e){const t=gu;return gu=e,t}const Bg=255,Ug=5;let RS=0;const bn={};function ua(e,t){const n=zg(e,t);if(-1!==n)return n;const r=t[_];r.firstCreatePass&&(e.injectorIndex=t.length,mu(r.data,e),mu(t,null),mu(r.blueprint,null));const o=da(e,t),s=e.injectorIndex;if(pu(o)){const i=Fs(o),a=ks(o,t),c=a[_].data;for(let l=0;l<8;l++)t[s+l]=a[i+l]|c[i+l]}return t[s+8]=o,s}function mu(e,t){e.push(0,0,0,0,0,0,0,0,t)}function zg(e,t){return-1===e.injectorIndex||e.parent&&e.parent.injectorIndex===e.injectorIndex||null===t[e.injectorIndex+8]?-1:e.injectorIndex}function da(e,t){if(e.parent&&-1!==e.parent.injectorIndex)return e.parent.injectorIndex;let n=0,r=null,o=t;for(;null!==o;){if(r=Kg(o),null===r)return co;if(n++,o=o[no],-1!==r.injectorIndex)return r.injectorIndex|n<<16}return co}function yu(e,t,n){!function PS(e,t,n){let r;"string"==typeof n?r=n.charCodeAt(0)||0:n.hasOwnProperty(ws)&&(r=n[ws]),null==r&&(r=n[ws]=RS++);const o=r&Bg;t.data[e+(o>>Ug)]|=1<=0?t&Bg:VS:t}(n);if("function"==typeof s){if(!Rg(t,e,r))return r&ne.Host?Gg(o,0,r):qg(t,n,r,o);try{let i;if(i=s(r),null!=i||r&ne.Optional)return i;jl()}finally{Lg()}}else if("number"==typeof s){let i=null,a=zg(e,t),c=co,l=r&ne.Host?t[ke][gt]:null;for((-1===a||r&ne.SkipSelf)&&(c=-1===a?da(e,t):t[a+8],c!==co&&Yg(r,!1)?(i=t[_],a=Fs(c),t=ks(c,t)):a=-1);-1!==a;){const u=t[_];if(Qg(s,a,u.data)){const d=kS(a,t,n,i,r,l);if(d!==bn)return d}c=t[a+8],c!==co&&Yg(r,t[_].data[a+8]===l)&&Qg(s,a,t)?(i=u,a=Fs(c),t=ks(c,t)):a=-1}}return o}function kS(e,t,n,r,o,s){const i=t[_],a=i.data[e+8],u=fa(a,i,n,null==r?br(a)&&gu:r!=i&&0!=(3&a.type),o&ne.Host&&s===a);return null!==u?Tr(t,i,u,a):bn}function fa(e,t,n,r,o){const s=e.providerIndexes,i=t.data,a=1048575&s,c=e.directiveStart,u=s>>20,f=o?a+u:e.directiveEnd;for(let h=r?a:a+u;h=c&&p.type===n)return h}if(o){const h=i[c];if(h&&sn(h)&&h.type===n)return c}return null}function Tr(e,t,n,r){let o=e[n];const s=t.data;if(function TS(e){return e instanceof Ps}(o)){const i=o;i.resolving&&function Db(e,t){const n=t?`. Dependency path: ${t.join(" > ")} > ${e}`:"";throw new N(-200,`Circular dependency in DI detected for ${e}${n}`)}(function de(e){return"function"==typeof e?e.name||e.toString():"object"==typeof e&&null!=e&&"function"==typeof e.type?e.type.name||e.type.toString():W(e)}(s[n]));const a=la(i.canSeeViewProviders);i.resolving=!0;const l=i.injectImpl?Nt(i.injectImpl):null;Rg(e,r,ne.Default);try{o=e[n]=i.factory(void 0,s,e,r),t.firstCreatePass&&n>=r.directiveStart&&function SS(e,t,n){const{ngOnChanges:r,ngOnInit:o,ngDoCheck:s}=t.type.prototype;if(r){const i=yg(t);(n.preOrderHooks??=[]).push(e,i),(n.preOrderCheckHooks??=[]).push(e,i)}o&&(n.preOrderHooks??=[]).push(0-e,o),s&&((n.preOrderHooks??=[]).push(e,s),(n.preOrderCheckHooks??=[]).push(e,s))}(n,s[n],t)}finally{null!==l&&Nt(l),la(a),i.resolving=!1,Lg()}}return o}function Qg(e,t,n){return!!(n[t+(e>>Ug)]&1<{const r=function wu(e){return function(...n){if(e){const r=e(...n);for(const o in r)this[o]=r[o]}}}(t);function o(...s){if(this instanceof o)return r.apply(this,s),this;const i=new o(...s);return a.annotation=i,a;function a(c,l,u){const d=c.hasOwnProperty(ho)?c[ho]:Object.defineProperty(c,ho,{value:[]})[ho];for(;d.length<=u;)d.push(null);return(d[u]=d[u]||[]).push(i),c}}return n&&(o.prototype=Object.create(n.prototype)),o.prototype.ngMetadataName=e,o.annotationCls=o,o})}function yo(e,t){e.forEach(n=>Array.isArray(n)?yo(n,t):t(n))}function Jg(e,t,n){t>=e.length?e.push(n):e.splice(t,0,n)}function ha(e,t){return t>=e.length-1?e.pop():e.splice(t,1)[0]}function Vs(e,t){const n=[];for(let r=0;r{n.push(i)};return yo(t,i=>{const a=i;ya(a,s,[],r)&&(o||=[],o.push(a))}),void 0!==o&&cm(o,s),n}function cm(e,t){for(let n=0;n{t(s,r)})}}function ya(e,t,n,r){if(!(e=$(e)))return!1;let o=null,s=Zi(e);const i=!s&&ee(e);if(s||i){if(i&&!i.standalone)return!1;o=e}else{const c=e.ngModule;if(s=Zi(c),!s)return!1;o=c}const a=r.has(o);if(i){if(a)return!1;if(r.add(o),i.dependencies){const c="function"==typeof i.dependencies?i.dependencies():i.dependencies;for(const l of c)ya(l,t,n,r)}}else{if(!s)return!1;{if(null!=s.imports&&!a){let l;r.add(o);try{yo(s.imports,u=>{ya(u,t,n,r)&&(l||=[],l.push(u))})}finally{}void 0!==l&&cm(l,t)}if(!a){const l=Sr(o)||(()=>new o);t({provide:o,useFactory:l,deps:le},o),t({provide:Mu,useValue:o,multi:!0},o),t({provide:Hs,useValue:()=>se(o),multi:!0},o)}const c=s.providers;if(null!=c&&!a){const l=e;Tu(c,u=>{t(u,l)})}}}return o!==e&&void 0!==e.providers}function Tu(e,t){for(let n of e)kl(n)&&(n=n.\u0275providers),Array.isArray(n)?Tu(n,t):t(n)}const lM=ye({provide:String,useValue:ye});function Nu(e){return null!==e&&"object"==typeof e&&lM in e}function Nr(e){return"function"==typeof e}const Au=new z("Set Injector scope."),va={},dM={};let xu;function Da(){return void 0===xu&&(xu=new ma),xu}class $n{}class wo extends $n{get destroyed(){return this._destroyed}constructor(t,n,r,o){super(),this.parent=n,this.source=r,this.scopes=o,this.records=new Map,this._ngOnDestroyHooks=new Set,this._onDestroyHooks=[],this._destroyed=!1,Ru(t,i=>this.processProvider(i)),this.records.set(sm,Eo(void 0,this)),o.has("environment")&&this.records.set($n,Eo(void 0,this));const s=this.records.get(Au);null!=s&&"string"==typeof s.value&&this.scopes.add(s.value),this.injectorDefTypes=new Set(this.get(Mu,le,ne.Self))}destroy(){this.assertNotDestroyed(),this._destroyed=!0;try{for(const n of this._ngOnDestroyHooks)n.ngOnDestroy();const t=this._onDestroyHooks;this._onDestroyHooks=[];for(const n of t)n()}finally{this.records.clear(),this._ngOnDestroyHooks.clear(),this.injectorDefTypes.clear()}}onDestroy(t){return this.assertNotDestroyed(),this._onDestroyHooks.push(t),()=>this.removeOnDestroy(t)}runInContext(t){this.assertNotDestroyed();const n=Jn(this),r=Nt(void 0);try{return t()}finally{Jn(n),Nt(r)}}get(t,n=Es,r=ne.Default){if(this.assertNotDestroyed(),t.hasOwnProperty(Wp))return t[Wp](this);r=Ki(r);const s=Jn(this),i=Nt(void 0);try{if(!(r&ne.SkipSelf)){let c=this.records.get(t);if(void 0===c){const l=function mM(e){return"function"==typeof e||"object"==typeof e&&e instanceof z}(t)&&Wi(t);c=l&&this.injectableDefInScope(l)?Eo(Ou(t),va):null,this.records.set(t,c)}if(null!=c)return this.hydrate(t,c)}return(r&ne.Self?Da():this.parent).get(t,n=r&ne.Optional&&n===Es?null:n)}catch(a){if("NullInjectorError"===a.name){if((a[Yi]=a[Yi]||[]).unshift(Ze(t)),s)throw a;return function Rb(e,t,n,r){const o=e[Yi];throw t[Jp]&&o.unshift(t[Jp]),e.message=function Pb(e,t,n,r=null){e=e&&"\n"===e.charAt(0)&&"\u0275"==e.charAt(1)?e.slice(2):e;let o=Ze(t);if(Array.isArray(t))o=t.map(Ze).join(" -> ");else if("object"==typeof t){let s=[];for(let i in t)if(t.hasOwnProperty(i)){let a=t[i];s.push(i+":"+("string"==typeof a?JSON.stringify(a):Ze(a)))}o=`{${s.join(", ")}}`}return`${n}${r?"("+r+")":""}[${o}]: ${e.replace(Tb,"\n ")}`}("\n"+e.message,o,n,r),e.ngTokenPath=o,e[Yi]=null,e}(a,t,"R3InjectorError",this.source)}throw a}finally{Nt(i),Jn(s)}}resolveInjectorInitializers(){const t=Jn(this),n=Nt(void 0);try{const o=this.get(Hs,le,ne.Self);for(const s of o)s()}finally{Jn(t),Nt(n)}}toString(){const t=[],n=this.records;for(const r of n.keys())t.push(Ze(r));return`R3Injector[${t.join(", ")}]`}assertNotDestroyed(){if(this._destroyed)throw new N(205,!1)}processProvider(t){let n=Nr(t=$(t))?t:$(t&&t.provide);const r=function hM(e){return Nu(e)?Eo(void 0,e.useValue):Eo(function dm(e,t,n){let r;if(Nr(e)){const o=$(e);return Sr(o)||Ou(o)}if(Nu(e))r=()=>$(e.useValue);else if(function um(e){return!(!e||!e.useFactory)}(e))r=()=>e.useFactory(...Wl(e.deps||[]));else if(function lm(e){return!(!e||!e.useExisting)}(e))r=()=>se($(e.useExisting));else{const o=$(e&&(e.useClass||e.provide));if(!function pM(e){return!!e.deps}(e))return Sr(o)||Ou(o);r=()=>new o(...Wl(e.deps))}return r}(e),va)}(t);if(Nr(t)||!0!==t.multi)this.records.get(n);else{let o=this.records.get(n);o||(o=Eo(void 0,va,!0),o.factory=()=>Wl(o.multi),this.records.set(n,o)),n=t,o.multi.push(t)}this.records.set(n,r)}hydrate(t,n){return n.value===va&&(n.value=dM,n.value=n.factory()),"object"==typeof n.value&&n.value&&function gM(e){return null!==e&&"object"==typeof e&&"function"==typeof e.ngOnDestroy}(n.value)&&this._ngOnDestroyHooks.add(n.value),n.value}injectableDefInScope(t){if(!t.providedIn)return!1;const n=$(t.providedIn);return"string"==typeof n?"any"===n||this.scopes.has(n):this.injectorDefTypes.has(n)}removeOnDestroy(t){const n=this._onDestroyHooks.indexOf(t);-1!==n&&this._onDestroyHooks.splice(n,1)}}function Ou(e){const t=Wi(e),n=null!==t?t.factory:Sr(e);if(null!==n)return n;if(e instanceof z)throw new N(204,!1);if(e instanceof Function)return function fM(e){const t=e.length;if(t>0)throw Vs(t,"?"),new N(204,!1);const n=function Ib(e){return e&&(e[Qi]||e[Qp])||null}(e);return null!==n?()=>n.factory(e):()=>new e}(e);throw new N(204,!1)}function Eo(e,t,n=!1){return{factory:e,value:t,multi:n?[]:void 0}}function Ru(e,t){for(const n of e)Array.isArray(n)?Ru(n,t):n&&kl(n)?Ru(n.\u0275providers,t):t(n)}function gm(e,t=null,n=null,r){const o=mm(e,t,n,r);return o.resolveInjectorInitializers(),o}function mm(e,t=null,n=null,r,o=new Set){const s=[n||le,cM(e)];return r=r||("object"==typeof e?void 0:Ze(e)),new wo(s,t||Da(),r||null,o)}let ku,an=(()=>{class e{static#e=this.THROW_IF_NOT_FOUND=Es;static#t=this.NULL=new ma;static create(n,r){if(Array.isArray(n))return gm({name:""},r,n,"");{const o=n.name??"";return gm({name:o},n.parent,n.providers,o)}}static#n=this.\u0275prov=fe({token:e,providedIn:"any",factory:()=>se(sm)});static#r=this.__NG_ELEMENT_ID__=-1}return e})();const Ea=new z("AppId",{providedIn:"root",factory:()=>bM}),bM="ng",vm=new z("Platform Initializer"),Co=new z("Platform ID",{providedIn:"platform",factory:()=>"unknown"}),Dm=new z("CSP nonce",{providedIn:"root",factory:()=>function nr(){if(void 0!==ku)return ku;if(typeof document<"u")return document;throw new N(210,!1)}().body?.querySelector("[ngCspNonce]")?.getAttribute("ngCspNonce")||null});function ba(e){return 128==(128&e.flags)}var sr=function(e){return e[e.Important=1]="Important",e[e.DashCase=2]="DashCase",e}(sr||{});const $u=new Map;let VM=0;const Uu="__ngContext__";function yt(e,t){ft(t)?(e[Uu]=t[Ss],function HM(e){$u.set(e[Ss],e)}(t)):e[Uu]=t}let zu;function Gu(e,t){return zu(e,t)}function Gs(e){const t=e[Re];return lt(t)?t[Re]:t}function Lm(e){return jm(e[Is])}function Vm(e){return jm(e[rn])}function jm(e){for(;null!==e&&!lt(e);)e=e[rn];return e}function Io(e,t,n,r,o){if(null!=r){let s,i=!1;lt(r)?s=r:ft(r)&&(i=!0,r=r[He]);const a=Ie(r);0===e&&null!==n?null==o?Um(t,n,a):xr(t,n,a,o||null,!0):1===e&&null!==n?xr(t,n,a,o||null,!0):2===e?function Oa(e,t,n){const r=Aa(e,t);r&&function s0(e,t,n,r){e.removeChild(t,n,r)}(e,r,t,n)}(t,a,i):3===e&&t.destroyNode(a),null!=s&&function l0(e,t,n,r,o){const s=n[wn];s!==Ie(n)&&Io(t,e,r,s,o);for(let a=Ue;a0&&(e[n-1][rn]=r[rn]);const s=ha(e,Ue+t);!function KM(e,t){Zs(e,t,t[Z],2,null,null),t[He]=null,t[gt]=null}(r[_],r);const i=s[Dn];null!==i&&i.detachView(s[_]),r[Re]=null,r[rn]=null,r[k]&=-129}return r}function Na(e,t){if(!(256&t[k])){const n=t[Z];n.destroyNode&&Zs(e,t,n,3,null,null),function e0(e){let t=e[Is];if(!t)return Wu(e[_],e);for(;t;){let n=null;if(ft(t))n=t[Is];else{const r=t[Ue];r&&(n=r)}if(!n){for(;t&&!t[rn]&&t!==e;)ft(t)&&Wu(t[_],t),t=t[Re];null===t&&(t=e),ft(t)&&Wu(t[_],t),n=t&&t[rn]}t=n}}(t)}}function Wu(e,t){if(!(256&t[k])){t[k]&=-129,t[k]|=256,t[Ir]&&function ap(e){if(Yr(e),ys(e))for(let t=0;t=0?r[i]():r[-i].unsubscribe(),s+=2}else n[s].call(r[n[s+1]]);null!==r&&(t[eo]=null);const o=t[er];if(null!==o){t[er]=null;for(let s=0;s-1){const{encapsulation:s}=e.data[r.directiveStart+o];if(s===tn.None||s===tn.Emulated)return null}return wt(r,n)}}(e,t.parent,n)}function xr(e,t,n,r,o){e.insertBefore(t,n,r,o)}function Um(e,t,n){e.appendChild(t,n)}function zm(e,t,n,r,o){null!==r?xr(e,t,n,r,o):Um(e,t,n)}function Aa(e,t){return e.parentNode(t)}function Gm(e,t,n){return Wm(e,t,n)}let Qu,Wm=function qm(e,t,n){return 40&e.type?wt(e,n):null};function xa(e,t,n,r){const o=Zu(e,r,t),s=t[Z],a=Gm(r.parent||t[gt],r,t);if(null!=o)if(Array.isArray(n))for(let c=0;cnull;function dd(e,t,n=!1){return fy(e,t,n)}class q0{}class gy{}class Z0{resolveComponentFactory(t){throw function W0(e){const t=Error(`No component factory found for ${Ze(e)}.`);return t.ngComponent=e,t}(t)}}let $a=(()=>{class e{static#e=this.NULL=new Z0}return e})();function Q0(){return No(De(),w())}function No(e,t){return new Or(wt(e,t))}let Or=(()=>{class e{constructor(n){this.nativeElement=n}static#e=this.__NG_ELEMENT_ID__=Q0}return e})();function Y0(e){return e instanceof Or?e.nativeElement:e}class yy{}let vy=(()=>{class e{constructor(){this.destroyNode=null}static#e=this.__NG_ELEMENT_ID__=()=>function K0(){const e=w(),n=Vt(De().index,e);return(ft(n)?n:e)[Z]}()}return e})(),X0=(()=>{class e{static#e=this.\u0275prov=fe({token:e,providedIn:"root",factory:()=>null})}return e})();class pd{constructor(t){this.full=t,this.major=t.split(".")[0],this.minor=t.split(".")[1],this.patch=t.split(".").slice(2).join(".")}}const J0=new pd("17.0.7"),gd={};function Dy(e){const t=je(null);try{return e()}finally{je(t)}}function Ba(e){return!!md(e)&&(Array.isArray(e)||!(e instanceof Map)&&Symbol.iterator in e)}function md(e){return null!==e&&("function"==typeof e||"object"==typeof e)}class wy{constructor(){}supports(t){return Ba(t)}create(t){return new oT(t)}}const rT=(e,t)=>t;class oT{constructor(t){this.length=0,this._linkedRecords=null,this._unlinkedRecords=null,this._previousItHead=null,this._itHead=null,this._itTail=null,this._additionsHead=null,this._additionsTail=null,this._movesHead=null,this._movesTail=null,this._removalsHead=null,this._removalsTail=null,this._identityChangesHead=null,this._identityChangesTail=null,this._trackByFn=t||rT}forEachItem(t){let n;for(n=this._itHead;null!==n;n=n._next)t(n)}forEachOperation(t){let n=this._itHead,r=this._removalsHead,o=0,s=null;for(;n||r;){const i=!r||n&&n.currentIndex{i=this._trackByFn(o,a),null!==n&&Object.is(n.trackById,i)?(r&&(n=this._verifyReinsertion(n,a,i,o)),Object.is(n.item,a)||this._addIdentityChange(n,a)):(n=this._mismatch(n,a,i,o),r=!0),n=n._next,o++}),this.length=o;return this._truncate(n),this.collection=t,this.isDirty}get isDirty(){return null!==this._additionsHead||null!==this._movesHead||null!==this._removalsHead||null!==this._identityChangesHead}_reset(){if(this.isDirty){let t;for(t=this._previousItHead=this._itHead;null!==t;t=t._next)t._nextPrevious=t._next;for(t=this._additionsHead;null!==t;t=t._nextAdded)t.previousIndex=t.currentIndex;for(this._additionsHead=this._additionsTail=null,t=this._movesHead;null!==t;t=t._nextMoved)t.previousIndex=t.currentIndex;this._movesHead=this._movesTail=null,this._removalsHead=this._removalsTail=null,this._identityChangesHead=this._identityChangesTail=null}}_mismatch(t,n,r,o){let s;return null===t?s=this._itTail:(s=t._prev,this._remove(t)),null!==(t=null===this._unlinkedRecords?null:this._unlinkedRecords.get(r,null))?(Object.is(t.item,n)||this._addIdentityChange(t,n),this._reinsertAfter(t,s,o)):null!==(t=null===this._linkedRecords?null:this._linkedRecords.get(r,o))?(Object.is(t.item,n)||this._addIdentityChange(t,n),this._moveAfter(t,s,o)):t=this._addAfter(new sT(n,r),s,o),t}_verifyReinsertion(t,n,r,o){let s=null===this._unlinkedRecords?null:this._unlinkedRecords.get(r,null);return null!==s?t=this._reinsertAfter(s,t._prev,o):t.currentIndex!=o&&(t.currentIndex=o,this._addToMoves(t,o)),t}_truncate(t){for(;null!==t;){const n=t._next;this._addToRemovals(this._unlink(t)),t=n}null!==this._unlinkedRecords&&this._unlinkedRecords.clear(),null!==this._additionsTail&&(this._additionsTail._nextAdded=null),null!==this._movesTail&&(this._movesTail._nextMoved=null),null!==this._itTail&&(this._itTail._next=null),null!==this._removalsTail&&(this._removalsTail._nextRemoved=null),null!==this._identityChangesTail&&(this._identityChangesTail._nextIdentityChange=null)}_reinsertAfter(t,n,r){null!==this._unlinkedRecords&&this._unlinkedRecords.remove(t);const o=t._prevRemoved,s=t._nextRemoved;return null===o?this._removalsHead=s:o._nextRemoved=s,null===s?this._removalsTail=o:s._prevRemoved=o,this._insertAfter(t,n,r),this._addToMoves(t,r),t}_moveAfter(t,n,r){return this._unlink(t),this._insertAfter(t,n,r),this._addToMoves(t,r),t}_addAfter(t,n,r){return this._insertAfter(t,n,r),this._additionsTail=null===this._additionsTail?this._additionsHead=t:this._additionsTail._nextAdded=t,t}_insertAfter(t,n,r){const o=null===n?this._itHead:n._next;return t._next=o,t._prev=n,null===o?this._itTail=t:o._prev=t,null===n?this._itHead=t:n._next=t,null===this._linkedRecords&&(this._linkedRecords=new Ey),this._linkedRecords.put(t),t.currentIndex=r,t}_remove(t){return this._addToRemovals(this._unlink(t))}_unlink(t){null!==this._linkedRecords&&this._linkedRecords.remove(t);const n=t._prev,r=t._next;return null===n?this._itHead=r:n._next=r,null===r?this._itTail=n:r._prev=n,t}_addToMoves(t,n){return t.previousIndex===n||(this._movesTail=null===this._movesTail?this._movesHead=t:this._movesTail._nextMoved=t),t}_addToRemovals(t){return null===this._unlinkedRecords&&(this._unlinkedRecords=new Ey),this._unlinkedRecords.put(t),t.currentIndex=null,t._nextRemoved=null,null===this._removalsTail?(this._removalsTail=this._removalsHead=t,t._prevRemoved=null):(t._prevRemoved=this._removalsTail,this._removalsTail=this._removalsTail._nextRemoved=t),t}_addIdentityChange(t,n){return t.item=n,this._identityChangesTail=null===this._identityChangesTail?this._identityChangesHead=t:this._identityChangesTail._nextIdentityChange=t,t}}class sT{constructor(t,n){this.item=t,this.trackById=n,this.currentIndex=null,this.previousIndex=null,this._nextPrevious=null,this._prev=null,this._next=null,this._prevDup=null,this._nextDup=null,this._prevRemoved=null,this._nextRemoved=null,this._nextAdded=null,this._nextMoved=null,this._nextIdentityChange=null}}class iT{constructor(){this._head=null,this._tail=null}add(t){null===this._head?(this._head=this._tail=t,t._nextDup=null,t._prevDup=null):(this._tail._nextDup=t,t._prevDup=this._tail,t._nextDup=null,this._tail=t)}get(t,n){let r;for(r=this._head;null!==r;r=r._nextDup)if((null===n||n<=r.currentIndex)&&Object.is(r.trackById,t))return r;return null}remove(t){const n=t._prevDup,r=t._nextDup;return null===n?this._head=r:n._nextDup=r,null===r?this._tail=n:r._prevDup=n,null===this._head}}class Ey{constructor(){this.map=new Map}put(t){const n=t.trackById;let r=this.map.get(n);r||(r=new iT,this.map.set(n,r)),r.add(t)}get(t,n){const o=this.map.get(t);return o?o.get(t,n):null}remove(t){const n=t.trackById;return this.map.get(n).remove(t)&&this.map.delete(n),t}get isEmpty(){return 0===this.map.size}clear(){this.map.clear()}}function Cy(e,t,n){const r=e.previousIndex;if(null===r)return r;let o=0;return n&&r{if(n&&n.key===o)this._maybeAddToChanges(n,r),this._appendAfter=n,n=n._next;else{const s=this._getOrCreateRecordForKey(o,r);n=this._insertBeforeOrAppend(n,s)}}),n){n._prev&&(n._prev._next=null),this._removalsHead=n;for(let r=n;null!==r;r=r._nextRemoved)r===this._mapHead&&(this._mapHead=null),this._records.delete(r.key),r._nextRemoved=r._next,r.previousValue=r.currentValue,r.currentValue=null,r._prev=null,r._next=null}return this._changesTail&&(this._changesTail._nextChanged=null),this._additionsTail&&(this._additionsTail._nextAdded=null),this.isDirty}_insertBeforeOrAppend(t,n){if(t){const r=t._prev;return n._next=t,n._prev=r,t._prev=n,r&&(r._next=n),t===this._mapHead&&(this._mapHead=n),this._appendAfter=t,t}return this._appendAfter?(this._appendAfter._next=n,n._prev=this._appendAfter):this._mapHead=n,this._appendAfter=n,null}_getOrCreateRecordForKey(t,n){if(this._records.has(t)){const o=this._records.get(t);this._maybeAddToChanges(o,n);const s=o._prev,i=o._next;return s&&(s._next=i),i&&(i._prev=s),o._next=null,o._prev=null,o}const r=new cT(t);return this._records.set(t,r),r.currentValue=n,this._addToAdditions(r),r}_reset(){if(this.isDirty){let t;for(this._previousMapHead=this._mapHead,t=this._previousMapHead;null!==t;t=t._next)t._nextPrevious=t._next;for(t=this._changesHead;null!==t;t=t._nextChanged)t.previousValue=t.currentValue;for(t=this._additionsHead;null!=t;t=t._nextAdded)t.previousValue=t.currentValue;this._changesHead=this._changesTail=null,this._additionsHead=this._additionsTail=null,this._removalsHead=null}}_maybeAddToChanges(t,n){Object.is(n,t.currentValue)||(t.previousValue=t.currentValue,t.currentValue=n,this._addToChanges(t))}_addToAdditions(t){null===this._additionsHead?this._additionsHead=this._additionsTail=t:(this._additionsTail._nextAdded=t,this._additionsTail=t)}_addToChanges(t){null===this._changesHead?this._changesHead=this._changesTail=t:(this._changesTail._nextChanged=t,this._changesTail=t)}_forEach(t,n){t instanceof Map?t.forEach(n):Object.keys(t).forEach(r=>n(t[r],r))}}class cT{constructor(t){this.key=t,this.previousValue=null,this.currentValue=null,this._nextPrevious=null,this._next=null,this._prev=null,this._nextAdded=null,this._nextRemoved=null,this._nextChanged=null}}function Iy(){return new Ua([new wy])}let Ua=(()=>{class e{static#e=this.\u0275prov=fe({token:e,providedIn:"root",factory:Iy});constructor(n){this.factories=n}static create(n,r){if(null!=r){const o=r.factories.slice();n=n.concat(o)}return new e(n)}static extend(n){return{provide:e,useFactory:r=>e.create(n,r||Iy()),deps:[[e,new bu,new Iu]]}}find(n){const r=this.factories.find(o=>o.supports(n));if(null!=r)return r;throw new N(901,!1)}}return e})();function by(){return new ei([new _y])}let ei=(()=>{class e{static#e=this.\u0275prov=fe({token:e,providedIn:"root",factory:by});constructor(n){this.factories=n}static create(n,r){if(r){const o=r.factories.slice();n=n.concat(o)}return new e(n)}static extend(n){return{provide:e,useFactory:r=>e.create(n,r||by()),deps:[[e,new bu,new Iu]]}}find(n){const r=this.factories.find(o=>o.supports(n));if(r)return r;throw new N(901,!1)}}return e})();function ti(e,t,n,r,o=!1){for(;null!==n;){const s=t[n.index];null!==s&&r.push(Ie(s)),lt(s)&&Sy(s,r);const i=n.type;if(8&i)ti(e,t,n.child,r);else if(32&i){const a=Gu(n,t);let c;for(;c=a();)r.push(c)}else if(16&i){const a=Qm(t,n);if(Array.isArray(a))r.push(...a);else{const c=Gs(t[ke]);ti(c[_],c,a,r,!0)}}n=o?n.projectionNext:n.next}return r}function Sy(e,t){for(let n=Ue;n!1,producerRecomputeValue:()=>{},consumerMarkedDirty:()=>{},consumerOnSignalRead:()=>{},consumerIsAlwaysLive:!0,consumerMarkedDirty:e=>{ra(e.lView)},consumerOnSignalRead(){this.lView[Ir]=this}};function yd(e){return e.ngOriginalError}class Un{constructor(){this._console=console}handleError(t){const n=this._findOriginalError(t);this._console.error("ERROR",t),n&&this._console.error("ORIGINAL ERROR",n)}_findOriginalError(t){let n=t&&yd(t);for(;n&&yd(n);)n=yd(n);return n||null}}const Ny=new z("",{providedIn:"root",factory:()=>me(Un).handleError.bind(void 0)}),xy=new z("",{providedIn:"root",factory:()=>!1}),K={};function vt(e){Fy(re(),w(),mt()+e,!1)}function Fy(e,t,n,r){if(!r)if(3==(3&t[k])){const s=e.preOrderCheckHooks;null!==s&&aa(t,s,n)}else{const s=e.preOrderHooks;null!==s&&ca(t,s,0,n)}Mr(n)}function X(e,t=ne.Default){const n=w();return null===n?se(e,t):Wg(De(),n,$(e),t)}function Ga(e,t,n,r,o,s,i,a,c,l,u){const d=t.blueprint.slice();return d[He]=o,d[k]=140|r,(null!==l||e&&2048&e[k])&&(d[k]|=2048),Cg(d),d[Re]=d[no]=e,d[_e]=n,d[to]=i||e&&e[to],d[Z]=a||e&&e[Z],d[Dt]=c||e&&e[Dt]||null,d[gt]=s,d[Ss]=function jM(){return VM++}(),d[on]=u,d[hg]=l,d[ke]=2==t.type?e[ke]:d,d}function Ao(e,t,n,r,o){let s=e.data[t];if(null===s)s=function vd(e,t,n,r,o){const s=Tg(),i=su(),c=e.data[t]=function MT(e,t,n,r,o,s){let i=t?t.injectorIndex:-1,a=0;return ao()&&(a|=128),{type:n,index:r,insertBeforeIndex:null,injectorIndex:i,directiveStart:-1,directiveEnd:-1,directiveStylingLast:-1,componentOffset:-1,propertyBindings:null,flags:a,providerIndexes:0,value:o,attrs:s,mergedAttrs:null,localNames:null,initialInputs:void 0,inputs:null,outputs:null,tView:null,next:null,prev:null,projectionNext:null,child:null,parent:t,projection:null,styles:null,stylesWithoutHost:null,residualStyles:void 0,classes:null,classesWithoutHost:null,residualClasses:void 0,classBindings:0,styleBindings:0}}(0,i?s:s&&s.parent,n,t,r,o);return null===e.firstChild&&(e.firstChild=c),null!==s&&(i?null==s.child&&null!==c.parent&&(s.child=c):null===s.next&&(s.next=c,c.prev=s)),c}(e,t,n,r,o),function yS(){return G.lFrame.inI18n}()&&(s.flags|=32);else if(64&s.type){s.type=n,s.value=r,s.attrs=o;const i=function Rs(){const e=G.lFrame,t=e.currentTNode;return e.isParent?t:t.parent}();s.injectorIndex=null===i?-1:i.injectorIndex}return _n(s,!0),s}function ni(e,t,n,r){if(0===n)return-1;const o=t.length;for(let s=0;sQ&&Fy(e,t,Q,!1),En(i?2:0,o),n(r,o)}finally{Mr(s),En(i?3:1,o)}}function Dd(e,t,n){if(Kl(t)){const r=je(null);try{const s=t.directiveEnd;for(let i=t.directiveStart;inull;function jy(e,t,n,r){for(let o in e)if(e.hasOwnProperty(o)){n=null===n?{}:n;const s=e[o];null===r?Hy(n,t,o,s):r.hasOwnProperty(o)&&Hy(n,t,r[o],s)}return n}function Hy(e,t,n,r){e.hasOwnProperty(n)?e[n].push(t,r):e[n]=[t,r]}function _d(e,t,n,r){if(Mg()){const o=null===r?null:{"":-1},s=function kT(e,t){const n=e.directiveRegistry;let r=null,o=null;if(n)for(let s=0;s0;){const n=e[--t];if("number"==typeof n&&n<0)return n}return 0})(i)!=a&&i.push(a),i.push(n,r,s)}}(e,t,r,ni(e,n,o.hostVars,K),o)}function BT(e,t,n,r,o,s){const i=s[t];if(null!==i)for(let a=0;ae.nextProducerIndex;)e.producerNode.pop(),e.producerLastReadVersion.pop(),e.producerIndexOfThis.pop()}}(a,i),function fT(e){e.lView[Ir]!==e&&(e.lView=null,My.push(e))}(a)),du()}}function Qy(e,t){for(let n=Lm(e);null!==n;n=Vm(n)){n[k]&=~so.HasChildViewsToRefresh;for(let r=Ue;r-1&&(qs(t,r),ha(n,r))}this._attachedToViewContainer=!1}Na(this._lView[_],this._lView)}onDestroy(t){!function oa(e,t){if(256==(256&e[k]))throw new N(911,!1);null===e[er]&&(e[er]=[]),e[er].push(t)}(this._lView,t)}markForCheck(){ri(this._cdRefInjectingView||this._lView)}detach(){this._lView[k]&=-129}reattach(){bg(this._lView),this._lView[k]|=128}detectChanges(){this._lView[k]|=1024,function Td(e,t=!0){const n=e[to],r=n.rendererFactory,o=n.afterRenderEventManager;r.begin?.(),o?.begin();try{!function GT(e){Nd(e,0);let t=0;for(;Ig(e);){if(100===t)throw new N(103,!1);t++,Nd(e,1)}}(e)}catch(i){throw t&&Wa(e,i),i}finally{r.end?.(),n.inlineEffectRunner?.flush(),o?.end()}}(this._lView,this.notifyErrorHandler)}checkNoChanges(){}attachToViewContainerRef(){if(this._appRef)throw new N(902,!1);this._attachedToViewContainer=!0}detachFromAppRef(){this._appRef=null,function JM(e,t){Zs(e,t,t[Z],2,null,null)}(this._lView[_],this._lView)}attachToAppRef(t){if(this._attachedToViewContainer)throw new N(902,!1);this._appRef=t}}let Ad=(()=>{class e{static#e=this.__NG_ELEMENT_ID__=YT}return e})();function YT(e){return function KT(e,t,n){if(br(e)&&!n){const r=Vt(e.index,t);return new oi(r,r)}return 47&e.type?new oi(t[ke],t):null}(De(),w(),16==(16&e))}function Od(e){return t=>{setTimeout(e,void 0,t)}}const Bt=class aN extends zi{constructor(t=!1){super(),this.__isAsync=t}emit(t){super.next(t)}subscribe(t,n,r){let o=t,s=n||(()=>null),i=r;if(t&&"object"==typeof t){const c=t;o=c.next?.bind(c),s=c.error?.bind(c),i=c.complete?.bind(c)}this.__isAsync&&(s=Od(s),o&&(o=Od(o)),i&&(i=Od(i)));const a=super.subscribe({next:o,error:s,complete:i});return t instanceof yn&&t.add(a),a}};function Jy(...e){}class be{constructor({enableLongStackTrace:t=!1,shouldCoalesceEventChangeDetection:n=!1,shouldCoalesceRunChangeDetection:r=!1}){if(this.hasPendingMacrotasks=!1,this.hasPendingMicrotasks=!1,this.isStable=!0,this.onUnstable=new Bt(!1),this.onMicrotaskEmpty=new Bt(!1),this.onStable=new Bt(!1),this.onError=new Bt(!1),typeof Zone>"u")throw new N(908,!1);Zone.assertZonePatched();const o=this;o._nesting=0,o._outer=o._inner=Zone.current,Zone.TaskTrackingZoneSpec&&(o._inner=o._inner.fork(new Zone.TaskTrackingZoneSpec)),t&&Zone.longStackTraceZoneSpec&&(o._inner=o._inner.fork(Zone.longStackTraceZoneSpec)),o.shouldCoalesceEventChangeDetection=!r&&n,o.shouldCoalesceRunChangeDetection=r,o.lastRequestAnimationFrameId=-1,o.nativeRequestAnimationFrame=function cN(){const e="function"==typeof Ce.requestAnimationFrame;let t=Ce[e?"requestAnimationFrame":"setTimeout"],n=Ce[e?"cancelAnimationFrame":"clearTimeout"];if(typeof Zone<"u"&&t&&n){const r=t[Zone.__symbol__("OriginalDelegate")];r&&(t=r);const o=n[Zone.__symbol__("OriginalDelegate")];o&&(n=o)}return{nativeRequestAnimationFrame:t,nativeCancelAnimationFrame:n}}().nativeRequestAnimationFrame,function dN(e){const t=()=>{!function uN(e){e.isCheckStableRunning||-1!==e.lastRequestAnimationFrameId||(e.lastRequestAnimationFrameId=e.nativeRequestAnimationFrame.call(Ce,()=>{e.fakeTopEventTask||(e.fakeTopEventTask=Zone.root.scheduleEventTask("fakeTopEventTask",()=>{e.lastRequestAnimationFrameId=-1,Pd(e),e.isCheckStableRunning=!0,Rd(e),e.isCheckStableRunning=!1},void 0,()=>{},()=>{})),e.fakeTopEventTask.invoke()}),Pd(e))}(e)};e._inner=e._inner.fork({name:"angular",properties:{isAngularZone:!0},onInvokeTask:(n,r,o,s,i,a)=>{if(function hN(e){return!(!Array.isArray(e)||1!==e.length)&&!0===e[0].data?.__ignore_ng_zone__}(a))return n.invokeTask(o,s,i,a);try{return ev(e),n.invokeTask(o,s,i,a)}finally{(e.shouldCoalesceEventChangeDetection&&"eventTask"===s.type||e.shouldCoalesceRunChangeDetection)&&t(),tv(e)}},onInvoke:(n,r,o,s,i,a,c)=>{try{return ev(e),n.invoke(o,s,i,a,c)}finally{e.shouldCoalesceRunChangeDetection&&t(),tv(e)}},onHasTask:(n,r,o,s)=>{n.hasTask(o,s),r===o&&("microTask"==s.change?(e._hasPendingMicrotasks=s.microTask,Pd(e),Rd(e)):"macroTask"==s.change&&(e.hasPendingMacrotasks=s.macroTask))},onHandleError:(n,r,o,s)=>(n.handleError(o,s),e.runOutsideAngular(()=>e.onError.emit(s)),!1)})}(o)}static isInAngularZone(){return typeof Zone<"u"&&!0===Zone.current.get("isAngularZone")}static assertInAngularZone(){if(!be.isInAngularZone())throw new N(909,!1)}static assertNotInAngularZone(){if(be.isInAngularZone())throw new N(909,!1)}run(t,n,r){return this._inner.run(t,n,r)}runTask(t,n,r,o){const s=this._inner,i=s.scheduleEventTask("NgZoneEvent: "+o,t,lN,Jy,Jy);try{return s.runTask(i,n,r)}finally{s.cancelTask(i)}}runGuarded(t,n,r){return this._inner.runGuarded(t,n,r)}runOutsideAngular(t){return this._outer.run(t)}}const lN={};function Rd(e){if(0==e._nesting&&!e.hasPendingMicrotasks&&!e.isStable)try{e._nesting++,e.onMicrotaskEmpty.emit(null)}finally{if(e._nesting--,!e.hasPendingMicrotasks)try{e.runOutsideAngular(()=>e.onStable.emit(null))}finally{e.isStable=!0}}}function Pd(e){e.hasPendingMicrotasks=!!(e._hasPendingMicrotasks||(e.shouldCoalesceEventChangeDetection||e.shouldCoalesceRunChangeDetection)&&-1!==e.lastRequestAnimationFrameId)}function ev(e){e._nesting++,e.isStable&&(e.isStable=!1,e.onUnstable.emit(null))}function tv(e){e._nesting--,Rd(e)}class fN{constructor(){this.hasPendingMicrotasks=!1,this.hasPendingMacrotasks=!1,this.isStable=!0,this.onUnstable=new Bt,this.onMicrotaskEmpty=new Bt,this.onStable=new Bt,this.onError=new Bt}run(t,n,r){return t.apply(n,r)}runGuarded(t,n,r){return t.apply(n,r)}runOutsideAngular(t){return t()}runTask(t,n,r,o){return t.apply(n,r)}}const nv=new z("",{providedIn:"root",factory:rv});function rv(){const e=me(be);let t=!0;return db(new Mt(o=>{t=e.isStable&&!e.hasPendingMacrotasks&&!e.hasPendingMicrotasks,e.runOutsideAngular(()=>{o.next(t),o.complete()})}),new Mt(o=>{let s;e.runOutsideAngular(()=>{s=e.onStable.subscribe(()=>{be.assertNotInAngularZone(),queueMicrotask(()=>{!t&&!e.hasPendingMacrotasks&&!e.hasPendingMicrotasks&&(t=!0,o.next(!0))})})});const i=e.onUnstable.subscribe(()=>{be.assertInAngularZone(),t&&(t=!1,e.runOutsideAngular(()=>{o.next(!1)}))});return()=>{s.unsubscribe(),i.unsubscribe()}}).pipe(function hb(e={}){const{connector:t=(()=>new zi),resetOnError:n=!0,resetOnComplete:r=!0,resetOnRefCountZero:o=!0}=e;return s=>{let i,a,c,l=0,u=!1,d=!1;const f=()=>{a?.unsubscribe(),a=void 0},h=()=>{f(),i=c=void 0,u=d=!1},p=()=>{const g=i;h(),g?.unsubscribe()};return wr((g,y)=>{l++,!d&&!u&&f();const v=c=c??t();y.add(()=>{l--,0===l&&!d&&!u&&(a=Rl(p,o))}),v.subscribe(y),!i&&l>0&&(i=new vs({next:m=>v.next(m),error:m=>{d=!0,f(),a=Rl(h,n,m),v.error(m)},complete:()=>{u=!0,f(),a=Rl(h,r),v.complete()}}),kn(g).subscribe(i))})(s)}}()))}let Za=(()=>{class e{constructor(){this.renderDepth=0,this.handler=null,this.internalCallbacks=[]}begin(){this.handler?.validateBegin(),this.renderDepth++}end(){if(this.renderDepth--,0===this.renderDepth){for(const n of this.internalCallbacks)n();this.internalCallbacks.length=0,this.handler?.execute()}}ngOnDestroy(){this.handler?.destroy(),this.handler=null,this.internalCallbacks.length=0}static#e=this.\u0275prov=fe({token:e,providedIn:"root",factory:()=>new e})}return e})();function yN(e,t){const n=Vt(t,e),r=n[_];!function vN(e,t){for(let n=t.length;n0&&Xm(e,n,s.join(" "))}}(d,T,h,r),void 0!==n&&function TN(e,t,n){const r=e.projection=[];for(let o=0;o0&&(n[o-1][rn]=t),r{class e{static#e=this.__NG_ELEMENT_ID__=$A}return e})();function $A(){return Xv(De(),w())}const BA=An,Yv=class extends BA{constructor(t,n,r){super(),this._lContainer=t,this._hostTNode=n,this._hostLView=r}get element(){return No(this._hostTNode,this._hostLView)}get injector(){return new tt(this._hostTNode,this._hostLView)}get parentInjector(){const t=da(this._hostTNode,this._hostLView);if(pu(t)){const n=ks(t,this._hostLView),r=Fs(t);return new tt(n[_].data[r+8],n)}return new tt(null,this._hostLView)}clear(){for(;this.length>0;)this.remove(this.length-1)}get(t){const n=Kv(this._lContainer);return null!==n&&n[t]||null}get length(){return this._lContainer.length-Ue}createEmbeddedView(t,n,r){let o,s;"number"==typeof r?o=r:null!=r&&(o=r.index,s=r.injector);const a=t.createEmbeddedViewImpl(n||{},s,null);return this.insertImpl(a,o,Bo(this._hostTNode,null)),a}createComponent(t,n,r,o,s){const i=t&&!function Ls(e){return"function"==typeof e}(t);let a;if(i)a=n;else{const p=n||{};a=p.index,r=p.injector,o=p.projectableNodes,s=p.environmentInjector||p.ngModuleRef}const c=i?t:new si(ee(t)),l=r||this.parentInjector;if(!s&&null==c.ngModule){const g=(i?l:this.parentInjector).get($n,null);g&&(s=g)}ee(c.componentType??{});const h=c.create(l,o,null,s);return this.insertImpl(h.hostView,a,Bo(this._hostTNode,null)),h}insert(t,n){return this.insertImpl(t,n,!0)}insertImpl(t,n,r){const o=t._lView;if(function iS(e){return lt(e[Re])}(o)){const a=this.indexOf(t);if(-1!==a)this.detach(a);else{const c=o[Re],l=new Yv(c,c[gt],c[Re]);l.detach(l.indexOf(t))}}const s=this._adjustIndex(n),i=this._lContainer;return hi(i,o,s,r),t.attachToViewContainerRef(),Jg(Qd(i),s,t),t}move(t,n){return this.insert(t,n)}indexOf(t){const n=Kv(this._lContainer);return null!==n?n.indexOf(t):-1}remove(t){const n=this._adjustIndex(t,-1),r=qs(this._lContainer,n);r&&(ha(Qd(this._lContainer),n),Na(r[_],r))}detach(t){const n=this._adjustIndex(t,-1),r=qs(this._lContainer,n);return r&&null!=ha(Qd(this._lContainer),n)?new oi(r):null}_adjustIndex(t,n=0){return t??this.length+n}};function Kv(e){return e[8]}function Qd(e){return e[8]||(e[8]=[])}function Xv(e,t){let n;const r=t[e.index];return lt(r)?n=r:(n=zy(r,t,null,e),t[e.index]=n,qa(t,n)),Jv(n,t,e,r),new Yv(n,e,t)}let Jv=function tD(e,t,n,r){if(e[wn])return;let o;o=8&n.type?Ie(r):function UA(e,t){const n=e[Z],r=n.createComment(""),o=wt(t,e);return xr(n,Aa(n,o),r,function a0(e,t){return e.nextSibling(t)}(n,o),!1),r}(t,n),e[wn]=o},Yd=(e,t,n)=>!1;function Rt(e,t,n,r,o,s,i,a){const c=w(),l=re(),u=e+Q,d=l.firstCreatePass?function WA(e,t,n,r,o,s,i,a,c){const l=t.consts,u=Ao(t,e,4,i||null,Cn(l,a));_d(t,n,u,Cn(l,c)),ia(t,u);const d=u.tView=Cd(2,u,r,o,s,t.directiveRegistry,t.pipeRegistry,null,t.schemas,l,null);return null!==t.queries&&(t.queries.template(t,u),d.queries=t.queries.embeddedTView(u)),u}(u,l,c,t,n,r,o,s,i):l.data[u];_n(d,!1);const f=nD(l,c,d,e);sa()&&xa(l,c,f,d),yt(f,c);const h=zy(f,c,f,d);return c[u]=h,qa(c,h),function eD(e,t,n){return Yd(e,t,n)}(h,d,c),na(d)&&wd(l,c,d),null!=i&&Ed(c,d,a),Rt}let nD=function rD(e,t,n,r){return tr(!0),t[Z].createComment("")};function Ge(e,t,n,r){const o=w(),s=re(),i=Q+e,a=o[Z],c=s.firstCreatePass?function kx(e,t,n,r,o,s){const i=t.consts,c=Ao(t,e,2,r,Cn(i,o));return _d(t,n,c,Cn(i,s)),null!==c.attrs&&Qa(c,c.attrs,!1),null!==c.mergedAttrs&&Qa(c,c.mergedAttrs,!0),null!==t.queries&&t.queries.elementStart(t,c),c}(i,s,o,t,n,r):s.data[i],l=SD(s,o,c,a,t,e);o[i]=l;const u=na(c);return _n(c,!0),Jm(a,l,c),32!=(32&c.flags)&&sa()&&xa(s,o,l,c),0===function cS(){return G.lFrame.elementDepthCount}()&&yt(l,o),function lS(){G.lFrame.elementDepthCount++}(),u&&(wd(s,o,c),Dd(s,c,o)),null!==r&&Ed(o,c),Ge}function st(){let e=De();su()?iu():(e=e.parent,_n(e,!1));const t=e;(function dS(e){return G.skipHydrationRootTNode===e})(t)&&function gS(){G.skipHydrationRootTNode=null}(),function uS(){G.lFrame.elementDepthCount--}();const n=re();return n.firstCreatePass&&(ia(n,e),Kl(e)&&n.queries.elementEnd(e)),null!=t.classesWithoutHost&&function AS(e){return 0!=(8&e.flags)}(t)&&jd(n,t,w(),t.classesWithoutHost,!0),null!=t.stylesWithoutHost&&function xS(e){return 0!=(16&e.flags)}(t)&&jd(n,t,w(),t.stylesWithoutHost,!1),st}function lc(e,t,n,r){return Ge(e,t,n,r),st(),lc}let SD=(e,t,n,r,o,s)=>(tr(!0),Ta(r,o,function Vg(){return G.lFrame.currentNamespace}()));function uf(){return w()}const Yo="en-US";let RD=Yo;function hf(e){return!!e&&"function"==typeof e.then}function ow(e){return!!e&&"function"==typeof e.subscribe}function jr(e,t,n,r){const o=w(),s=re(),i=De();return function iw(e,t,n,r,o,s,i){const a=na(r),l=e.firstCreatePass&&Wy(e),u=t[_e],d=qy(t);let f=!0;if(3&r.type||i){const g=wt(r,t),y=i?i(g):g,v=d.length,m=i?E=>i(Ie(E[r.index])):r.index;let D=null;if(!i&&a&&(D=function VO(e,t,n,r){const o=e.cleanup;if(null!=o)for(let s=0;sc?a[c]:null}"string"==typeof i&&(s+=2)}return null}(e,t,o,r.index)),null!==D)(D.__ngLastListenerFn__||D).__ngNextListenerFn__=s,D.__ngLastListenerFn__=s,f=!1;else{s=cw(r,t,u,s,!1);const E=n.listen(y,o,s);d.push(s,E),l&&l.push(o,m,v,v+1)}}else s=cw(r,t,u,s,!1);const h=r.outputs;let p;if(f&&null!==h&&(p=h[o])){const g=p.length;if(g)for(let y=0;y-1?Vt(e.index,t):t);let c=aw(t,n,r,i),l=s.__ngNextListenerFn__;for(;l;)c=aw(t,n,l,i)&&c,l=l.__ngNextListenerFn__;return o&&!1===c&&i.preventDefault(),c}}function lr(e=1){return function ES(e){return(G.lFrame.contextLView=function _g(e,t){for(;e>0;)t=t[no],e--;return t}(e,G.lFrame.contextLView))[_e]}(e)}function jO(e,t){let n=null;const r=function jb(e){const t=e.attrs;if(null!=t){const n=t.indexOf(5);if(!(1&n))return t[n+1]}return null}(e);for(let o=0;o(tr(!0),function Ma(e,t){return e.createText(t)}(t[Z],r));function mf(e,t,n,r,o){const s=w(),i=Ro(s,e,t,n,r,o);return i!==K&&zn(s,mt(),i),mf}class Hr{}class oR{}class Ef extends Hr{constructor(t,n,r){super(),this._parent=n,this._bootstrapComponents=[],this.destroyCbs=[],this.componentFactoryResolver=new cv(this);const o=function pt(e,t){const n=e[qp]||null;if(!n&&!0===t)throw new Error(`Type ${Ze(e)} does not have '\u0275mod' property.`);return n}(t);this._bootstrapComponents=function Ht(e){return e instanceof Function?e():e}(o.bootstrap),this._r3Injector=mm(t,n,[{provide:Hr,useValue:this},{provide:$a,useValue:this.componentFactoryResolver},...r],Ze(t),new Set(["environment"])),this._r3Injector.resolveInjectorInitializers(),this.instance=this._r3Injector.get(t)}get injector(){return this._r3Injector}destroy(){const t=this._r3Injector;!t.destroyed&&t.destroy(),this.destroyCbs.forEach(n=>n()),this.destroyCbs=null}onDestroy(t){this.destroyCbs.push(t)}}class Cf extends oR{constructor(t){super(),this.moduleType=t}create(t){return new Ef(this.moduleType,t,[])}}function If(e,t,n,r){return Ww(w(),Et(),e,t,n,r)}function Ci(e,t){const n=e[t];return n===K?void 0:n}function Ww(e,t,n,r,o,s){const i=t+n;return Qe(e,i,o)?Mn(e,i+1,s?r.call(s,o):r(o)):Ci(e,i+1)}function bf(e,t){const n=re();let r;const o=e+Q;n.firstCreatePass?(r=function NR(e,t){if(t)for(let n=t.length-1;n>=0;n--){const r=t[n];if(e===r.name)return r}}(t,n.pipeRegistry),n.data[o]=r,r.onDestroy&&(n.destroyHooks??=[]).push(o,r.onDestroy)):r=n.data[o];const s=r.factory||(r.factory=Sr(r.type)),a=Nt(X);try{const c=la(!1),l=s();return la(c),function HO(e,t,n,r){n>=e.data.length&&(e.data[n]=null,e.blueprint[n]=null),t[n]=r}(n,w(),o,l),l}finally{Nt(a)}}function Jw(e,t,n,r){const o=e+Q,s=w(),i=io(s,o);return _i(s,o)?function Zw(e,t,n,r,o,s,i){const a=t+n;return Fr(e,a,o,s)?Mn(e,a+2,i?r.call(i,o,s):r(o,s)):Ci(e,a+2)}(s,Et(),t,i.transform,n,r,i):i.transform(n,r)}function _i(e,t){return e[_].data[t].pure}function RR(){return this._results[Symbol.iterator]()}class Sf{static#e=Symbol.iterator;get changes(){return this._changes??=new Bt}constructor(t=!1){this._emitDistinctChangesOnly=t,this.dirty=!0,this._results=[],this._changesDetected=!1,this._changes=void 0,this.length=0,this.first=void 0,this.last=void 0;const n=Sf.prototype;n[Symbol.iterator]||(n[Symbol.iterator]=RR)}get(t){return this._results[t]}map(t){return this._results.map(t)}filter(t){return this._results.filter(t)}find(t){return this._results.find(t)}reduce(t,n){return this._results.reduce(t,n)}forEach(t){this._results.forEach(t)}some(t){return this._results.some(t)}toArray(){return this._results.slice()}toString(){return this._results.toString()}reset(t,n){this.dirty=!1;const r=function xt(e){return e.flat(Number.POSITIVE_INFINITY)}(t);(this._changesDetected=!function GS(e,t,n){if(e.length!==t.length)return!1;for(let r=0;r{class e{static#e=this.__NG_ELEMENT_ID__=kR}return e})();const PR=Gn,FR=class extends PR{constructor(t,n,r){super(),this._declarationLView=t,this._declarationTContainer=n,this.elementRef=r}get ssrId(){return this._declarationTContainer.tView?.ssrId||null}createEmbeddedView(t,n){return this.createEmbeddedViewImpl(t,n)}createEmbeddedViewImpl(t,n,r){const o=function fi(e,t,n,r){const o=t.tView,a=Ga(e,o,n,4096&e[k]?4096:16,null,t,null,null,null,r?.injector??null,r?.dehydratedView??null);a[bs]=e[t.index];const l=e[Dn];return null!==l&&(a[Dn]=l.createEmbeddedView(o)),Fd(o,a,n),a}(this._declarationLView,this._declarationTContainer,t,{injector:n,dehydratedView:r});return new oi(o)}};function kR(){return mc(De(),w())}function mc(e,t){return 4&e.type?new FR(t,e,No(e,t)):null}class Mf{constructor(t){this.queryList=t,this.matches=null}clone(){return new Mf(this.queryList)}setDirty(){this.queryList.setDirty()}}class Tf{constructor(t=[]){this.queries=t}createEmbeddedView(t){const n=t.queries;if(null!==n){const r=null!==t.contentQueries?t.contentQueries[0]:n.length,o=[];for(let s=0;s0)r.push(i[a/2]);else{const l=s[a+1],u=t[-c];for(let d=Ue;d{class e{constructor(){this.taskId=0,this.pendingTasks=new Set,this.hasPendingTasks=new zp(!1)}add(){this.hasPendingTasks.next(!0);const n=this.taskId++;return this.pendingTasks.add(n),n}remove(n){this.pendingTasks.delete(n),0===this.pendingTasks.size&&this.hasPendingTasks.next(!1)}ngOnDestroy(){this.pendingTasks.clear(),this.hasPendingTasks.next(!1)}static#e=this.\u0275fac=function(r){return new(r||e)};static#t=this.\u0275prov=fe({token:e,factory:e.\u0275fac,providedIn:"root"})}return e})();const IE=new z(""),Cc=new z("");let jf,Lf=(()=>{class e{constructor(n,r,o){this._ngZone=n,this.registry=r,this._pendingCount=0,this._isZoneStable=!0,this._didWork=!1,this._callbacks=[],this.taskTrackingZone=null,jf||(function jP(e){jf=e}(o),o.addToWindow(r)),this._watchAngularEvents(),n.run(()=>{this.taskTrackingZone=typeof Zone>"u"?null:Zone.current.get("TaskTrackingZone")})}_watchAngularEvents(){this._ngZone.onUnstable.subscribe({next:()=>{this._didWork=!0,this._isZoneStable=!1}}),this._ngZone.runOutsideAngular(()=>{this._ngZone.onStable.subscribe({next:()=>{be.assertNotInAngularZone(),queueMicrotask(()=>{this._isZoneStable=!0,this._runCallbacksIfReady()})}})})}increasePendingRequestCount(){return this._pendingCount+=1,this._didWork=!0,this._pendingCount}decreasePendingRequestCount(){if(this._pendingCount-=1,this._pendingCount<0)throw new Error("pending async requests below zero");return this._runCallbacksIfReady(),this._pendingCount}isStable(){return this._isZoneStable&&0===this._pendingCount&&!this._ngZone.hasPendingMacrotasks}_runCallbacksIfReady(){if(this.isStable())queueMicrotask(()=>{for(;0!==this._callbacks.length;){let n=this._callbacks.pop();clearTimeout(n.timeoutId),n.doneCb(this._didWork)}this._didWork=!1});else{let n=this.getPendingTasks();this._callbacks=this._callbacks.filter(r=>!r.updateCb||!r.updateCb(n)||(clearTimeout(r.timeoutId),!1)),this._didWork=!0}}getPendingTasks(){return this.taskTrackingZone?this.taskTrackingZone.macroTasks.map(n=>({source:n.source,creationLocation:n.creationLocation,data:n.data})):[]}addCallback(n,r,o){let s=-1;r&&r>0&&(s=setTimeout(()=>{this._callbacks=this._callbacks.filter(i=>i.timeoutId!==s),n(this._didWork,this.getPendingTasks())},r)),this._callbacks.push({doneCb:n,timeoutId:s,updateCb:o})}whenStable(n,r,o){if(o&&!this.taskTrackingZone)throw new Error('Task tracking zone is required when passing an update callback to whenStable(). Is "zone.js/plugins/task-tracking" loaded?');this.addCallback(n,r,o),this._runCallbacksIfReady()}getPendingRequestCount(){return this._pendingCount}registerApplication(n){this.registry.registerApplication(n,this)}unregisterApplication(n){this.registry.unregisterApplication(n)}findProviders(n,r,o){return[]}static#e=this.\u0275fac=function(r){return new(r||e)(se(be),se(Vf),se(Cc))};static#t=this.\u0275prov=fe({token:e,factory:e.\u0275fac})}return e})(),Vf=(()=>{class e{constructor(){this._applications=new Map}registerApplication(n,r){this._applications.set(n,r)}unregisterApplication(n){this._applications.delete(n)}unregisterAllApplications(){this._applications.clear()}getTestability(n){return this._applications.get(n)||null}getAllTestabilities(){return Array.from(this._applications.values())}getAllRootElements(){return Array.from(this._applications.keys())}findTestabilityInTree(n,r=!0){return jf?.findTestabilityInTree(this,n,r)??null}static#e=this.\u0275fac=function(r){return new(r||e)};static#t=this.\u0275prov=fe({token:e,factory:e.\u0275fac,providedIn:"platform"})}return e})();const HP=new z("Application Initializer");let Hf=(()=>{class e{constructor(){this.initialized=!1,this.done=!1,this.donePromise=new Promise((n,r)=>{this.resolve=n,this.reject=r}),this.appInits=me(HP,{optional:!0})??[]}runInitializers(){if(this.initialized)return;const n=[];for(const o of this.appInits){const s=o();if(hf(s))n.push(s);else if(ow(s)){const i=new Promise((a,c)=>{s.subscribe({complete:a,error:c})});n.push(i)}}const r=()=>{this.done=!0,this.resolve()};Promise.all(n).then(()=>{r()}).catch(o=>{this.reject(o)}),0===n.length&&r(),this.initialized=!0}static#e=this.\u0275fac=function(r){return new(r||e)};static#t=this.\u0275prov=fe({token:e,factory:e.\u0275fac,providedIn:"root"})}return e})();const bE=new z("appBootstrapListener");function TE(e,t){return Array.isArray(t)?t.reduce(TE,e):{...e,...t}}let Si=(()=>{class e{constructor(){this._bootstrapListeners=[],this._runningTick=!1,this._destroyed=!1,this._destroyListeners=[],this._views=[],this.internalErrorHandler=me(Ny),this.zoneIsStable=me(nv),this.componentTypes=[],this.components=[],this.isStable=me(hP).hasPendingTasks.pipe(function pb(e,t){return wr((n,r)=>{let o=null,s=0,i=!1;const a=()=>i&&!o&&r.complete();n.subscribe(Er(r,c=>{o?.unsubscribe();let l=0;const u=s++;kn(e(c,u)).subscribe(o=Er(r,d=>r.next(t?t(c,d,u,l++):d),()=>{o=null,a()}))},()=>{i=!0,a()}))})}(n=>n?function fb(...e){return Up(e,jp(e))}(!1):this.zoneIsStable),function gb(e,t=Ml){return e=e??mb,wr((n,r)=>{let o,s=!0;n.subscribe(Er(r,i=>{const a=t(i);(s||!e(o,a))&&(s=!1,o=a,r.next(i))}))})}()),this._injector=me($n)}get destroyed(){return this._destroyed}get injector(){return this._injector}bootstrap(n,r){const o=n instanceof gy;if(!this._injector.get(Hf).done)throw!o&&function _r(e){const t=ee(e)||et(e)||dt(e);return null!==t&&t.standalone}(n),new N(405,!1);let i;i=o?n:this._injector.get($a).resolveComponentFactory(n),this.componentTypes.push(i.componentType);const a=function BP(e){return e.isBoundToModule}(i)?void 0:this._injector.get(Hr),l=i.create(an.NULL,[],r||i.selector,a),u=l.location.nativeElement,d=l.injector.get(IE,null);return d?.registerApplication(u),l.onDestroy(()=>{this.detachView(l.hostView),_c(this.components,l),d?.unregisterApplication(u)}),this._loadComponent(l),l}tick(){if(this._runningTick)throw new N(101,!1);try{this._runningTick=!0;for(let n of this._views)n.detectChanges()}catch(n){this.internalErrorHandler(n)}finally{this._runningTick=!1}}attachView(n){const r=n;this._views.push(r),r.attachToAppRef(this)}detachView(n){const r=n;_c(this._views,r),r.detachFromAppRef()}_loadComponent(n){this.attachView(n.hostView),this.tick(),this.components.push(n);const r=this._injector.get(bE,[]);[...this._bootstrapListeners,...r].forEach(o=>o(n))}ngOnDestroy(){if(!this._destroyed)try{this._destroyListeners.forEach(n=>n()),this._views.slice().forEach(n=>n.destroy())}finally{this._destroyed=!0,this._views=[],this._bootstrapListeners=[],this._destroyListeners=[]}}onDestroy(n){return this._destroyListeners.push(n),()=>_c(this._destroyListeners,n)}destroy(){if(this._destroyed)throw new N(406,!1);const n=this._injector;n.destroy&&!n.destroyed&&n.destroy()}get viewCount(){return this._views.length}warnIfDestroyed(){}static#e=this.\u0275fac=function(r){return new(r||e)};static#t=this.\u0275prov=fe({token:e,factory:e.\u0275fac,providedIn:"root"})}return e})();function _c(e,t){const n=e.indexOf(t);n>-1&&e.splice(n,1)}let zP=(()=>{class e{constructor(){this.zone=me(be),this.applicationRef=me(Si)}initialize(){this._onMicrotaskEmptySubscription||(this._onMicrotaskEmptySubscription=this.zone.onMicrotaskEmpty.subscribe({next:()=>{this.zone.run(()=>{this.applicationRef.tick()})}}))}ngOnDestroy(){this._onMicrotaskEmptySubscription?.unsubscribe()}static#e=this.\u0275fac=function(r){return new(r||e)};static#t=this.\u0275prov=fe({token:e,factory:e.\u0275fac,providedIn:"root"})}return e})();function GP(){const e=me(be),t=me(Un);return n=>e.runOutsideAngular(()=>t.handleError(n))}const qn=new z("LocaleId",{providedIn:"root",factory:()=>me(qn,ne.Optional|ne.SkipSelf)||function WP(){return typeof $localize<"u"&&$localize.locale||Yo}()}),$f=new z("PlatformDestroyListeners");let OE=(()=>{class e{constructor(n){this._injector=n,this._modules=[],this._destroyListeners=[],this._destroyed=!1}bootstrapModuleFactory(n,r){const o=function pN(e="zone.js",t){return"noop"===e?new fN:"zone.js"===e?new be(t):e}(r?.ngZone,function xE(e){return{enableLongStackTrace:!1,shouldCoalesceEventChangeDetection:e?.eventCoalescing??!1,shouldCoalesceRunChangeDetection:e?.runCoalescing??!1}}({eventCoalescing:r?.ngZoneEventCoalescing,runCoalescing:r?.ngZoneRunCoalescing}));return o.run(()=>{const s=function iR(e,t,n){return new Ef(e,t,n)}(n.moduleType,this.injector,function AE(e){return[{provide:be,useFactory:e},{provide:Hs,multi:!0,useFactory:()=>{const t=me(zP,{optional:!0});return()=>t.initialize()}},{provide:Ny,useFactory:GP},{provide:nv,useFactory:rv}]}(()=>o)),i=s.injector.get(Un,null);return o.runOutsideAngular(()=>{const a=o.onError.subscribe({next:c=>{i.handleError(c)}});s.onDestroy(()=>{_c(this._modules,s),a.unsubscribe()})}),function ME(e,t,n){try{const r=n();return hf(r)?r.catch(o=>{throw t.runOutsideAngular(()=>e.handleError(o)),o}):r}catch(r){throw t.runOutsideAngular(()=>e.handleError(r)),r}}(i,o,()=>{const a=s.injector.get(Hf);return a.runInitializers(),a.donePromise.then(()=>(function PD(e){Tt(e,"Expected localeId to be defined"),"string"==typeof e&&(RD=e.toLowerCase().replace(/_/g,"-"))}(s.injector.get(qn,Yo)||Yo),this._moduleDoBootstrap(s),s))})})}bootstrapModule(n,r=[]){const o=TE({},r);return function $P(e,t,n){const r=new Cf(n);return Promise.resolve(r)}(0,0,n).then(s=>this.bootstrapModuleFactory(s,o))}_moduleDoBootstrap(n){const r=n.injector.get(Si);if(n._bootstrapComponents.length>0)n._bootstrapComponents.forEach(o=>r.bootstrap(o));else{if(!n.instance.ngDoBootstrap)throw new N(-403,!1);n.instance.ngDoBootstrap(r)}this._modules.push(n)}onDestroy(n){this._destroyListeners.push(n)}get injector(){return this._injector}destroy(){if(this._destroyed)throw new N(404,!1);this._modules.slice().forEach(r=>r.destroy()),this._destroyListeners.forEach(r=>r());const n=this._injector.get($f,null);n&&(n.forEach(r=>r()),n.clear()),this._destroyed=!0}get destroyed(){return this._destroyed}static#e=this.\u0275fac=function(r){return new(r||e)(se(an))};static#t=this.\u0275prov=fe({token:e,factory:e.\u0275fac,providedIn:"platform"})}return e})(),ur=null;const RE=new z("AllowMultipleToken");function PE(e,t,n=[]){const r=`Platform: ${t}`,o=new z(r);return(s=[])=>{let i=Bf();if(!i||i.injector.get(RE,!1)){const a=[...n,...s,{provide:o,useValue:!0}];e?e(a):function YP(e){if(ur&&!ur.get(RE,!1))throw new N(400,!1);(function SE(){!function lI(e){up=e}(()=>{throw new N(600,!1)})})(),ur=e;const t=e.get(OE);(function kE(e){e.get(vm,null)?.forEach(n=>n())})(e)}(function FE(e=[],t){return an.create({name:t,providers:[{provide:Au,useValue:"platform"},{provide:$f,useValue:new Set([()=>ur=null])},...e]})}(a,r))}return function KP(e){const t=Bf();if(!t)throw new N(401,!1);return t}()}}function Bf(){return ur?.get(OE)??null}const r1=PE(null,"core",[]);let o1=(()=>{class e{constructor(n){}static#e=this.\u0275fac=function(r){return new(r||e)(se(Si))};static#t=this.\u0275mod=Jr({type:e});static#n=this.\u0275inj=Cr({})}return e})(),Kf=null;function Xf(){return Kf}class x1{}const Br=new z("DocumentToken"),ch=/\s+/,hC=[];let pC=(()=>{class e{constructor(n,r,o,s){this._iterableDiffers=n,this._keyValueDiffers=r,this._ngEl=o,this._renderer=s,this.initialClasses=hC,this.stateMap=new Map}set klass(n){this.initialClasses=null!=n?n.trim().split(ch):hC}set ngClass(n){this.rawClass="string"==typeof n?n.trim().split(ch):n}ngDoCheck(){for(const r of this.initialClasses)this._updateState(r,!0);const n=this.rawClass;if(Array.isArray(n)||n instanceof Set)for(const r of n)this._updateState(r,!0);else if(null!=n)for(const r of Object.keys(n))this._updateState(r,!!n[r]);this._applyStateDiff()}_updateState(n,r){const o=this.stateMap.get(n);void 0!==o?(o.enabled!==r&&(o.changed=!0,o.enabled=r),o.touched=!0):this.stateMap.set(n,{enabled:r,changed:!0,touched:!0})}_applyStateDiff(){for(const n of this.stateMap){const r=n[0],o=n[1];o.changed?(this._toggleClass(r,o.enabled),o.changed=!1):o.touched||(o.enabled&&this._toggleClass(r,!1),this.stateMap.delete(r)),o.touched=!1}}_toggleClass(n,r){(n=n.trim()).length>0&&n.split(ch).forEach(o=>{r?this._renderer.addClass(this._ngEl.nativeElement,o):this._renderer.removeClass(this._ngEl.nativeElement,o)})}static#e=this.\u0275fac=function(r){return new(r||e)(X(Ua),X(ei),X(Or),X(vy))};static#t=this.\u0275dir=Lt({type:e,selectors:[["","ngClass",""]],inputs:{klass:["class","klass"],ngClass:"ngClass"},standalone:!0})}return e})();class DF{constructor(t,n,r,o){this.$implicit=t,this.ngForOf=n,this.index=r,this.count=o}get first(){return 0===this.index}get last(){return this.index===this.count-1}get even(){return this.index%2==0}get odd(){return!this.even}}let mC=(()=>{class e{set ngForOf(n){this._ngForOf=n,this._ngForOfDirty=!0}set ngForTrackBy(n){this._trackByFn=n}get ngForTrackBy(){return this._trackByFn}constructor(n,r,o){this._viewContainer=n,this._template=r,this._differs=o,this._ngForOf=null,this._ngForOfDirty=!0,this._differ=null}set ngForTemplate(n){n&&(this._template=n)}ngDoCheck(){if(this._ngForOfDirty){this._ngForOfDirty=!1;const n=this._ngForOf;!this._differ&&n&&(this._differ=this._differs.find(n).create(this.ngForTrackBy))}if(this._differ){const n=this._differ.diff(this._ngForOf);n&&this._applyChanges(n)}}_applyChanges(n){const r=this._viewContainer;n.forEachOperation((o,s,i)=>{if(null==o.previousIndex)r.createEmbeddedView(this._template,new DF(o.item,this._ngForOf,-1,-1),null===i?void 0:i);else if(null==i)r.remove(null===s?void 0:s);else if(null!==s){const a=r.get(s);r.move(a,i),yC(a,o)}});for(let o=0,s=r.length;o{yC(r.get(o.currentIndex),o)})}static ngTemplateContextGuard(n,r){return!0}static#e=this.\u0275fac=function(r){return new(r||e)(X(An),X(Gn),X(Ua))};static#t=this.\u0275dir=Lt({type:e,selectors:[["","ngFor","","ngForOf",""]],inputs:{ngForOf:"ngForOf",ngForTrackBy:"ngForTrackBy",ngForTemplate:"ngForTemplate"},standalone:!0})}return e})();function yC(e,t){e.context.$implicit=t.item}let vC=(()=>{class e{constructor(n,r){this._viewContainer=n,this._context=new wF,this._thenTemplateRef=null,this._elseTemplateRef=null,this._thenViewRef=null,this._elseViewRef=null,this._thenTemplateRef=r}set ngIf(n){this._context.$implicit=this._context.ngIf=n,this._updateView()}set ngIfThen(n){DC("ngIfThen",n),this._thenTemplateRef=n,this._thenViewRef=null,this._updateView()}set ngIfElse(n){DC("ngIfElse",n),this._elseTemplateRef=n,this._elseViewRef=null,this._updateView()}_updateView(){this._context.$implicit?this._thenViewRef||(this._viewContainer.clear(),this._elseViewRef=null,this._thenTemplateRef&&(this._thenViewRef=this._viewContainer.createEmbeddedView(this._thenTemplateRef,this._context))):this._elseViewRef||(this._viewContainer.clear(),this._thenViewRef=null,this._elseTemplateRef&&(this._elseViewRef=this._viewContainer.createEmbeddedView(this._elseTemplateRef,this._context)))}static ngTemplateContextGuard(n,r){return!0}static#e=this.\u0275fac=function(r){return new(r||e)(X(An),X(Gn))};static#t=this.\u0275dir=Lt({type:e,selectors:[["","ngIf",""]],inputs:{ngIf:"ngIf",ngIfThen:"ngIfThen",ngIfElse:"ngIfElse"},standalone:!0})}return e})();class wF{constructor(){this.$implicit=null,this.ngIf=null}}function DC(e,t){if(t&&!t.createEmbeddedView)throw new Error(`${e} must be a TemplateRef, but received '${Ze(t)}'.`)}let EC=(()=>{class e{constructor(n,r,o){this._ngEl=n,this._differs=r,this._renderer=o,this._ngStyle=null,this._differ=null}set ngStyle(n){this._ngStyle=n,!this._differ&&n&&(this._differ=this._differs.find(n).create())}ngDoCheck(){if(this._differ){const n=this._differ.diff(this._ngStyle);n&&this._applyChanges(n)}}_setStyle(n,r){const[o,s]=n.split("."),i=-1===o.indexOf("-")?void 0:sr.DashCase;null!=r?this._renderer.setStyle(this._ngEl.nativeElement,o,s?`${r}${s}`:r,i):this._renderer.removeStyle(this._ngEl.nativeElement,o,i)}_applyChanges(n){n.forEachRemovedItem(r=>this._setStyle(r.key,null)),n.forEachAddedItem(r=>this._setStyle(r.key,r.currentValue)),n.forEachChangedItem(r=>this._setStyle(r.key,r.currentValue))}static#e=this.\u0275fac=function(r){return new(r||e)(X(Or),X(ei),X(vy))};static#t=this.\u0275dir=Lt({type:e,selectors:[["","ngStyle",""]],inputs:{ngStyle:"ngStyle"},standalone:!0})}return e})();class bF{createSubscription(t,n){return Dy(()=>t.subscribe({next:n,error:r=>{throw r}}))}dispose(t){Dy(()=>t.unsubscribe())}}class SF{createSubscription(t,n){return t.then(n,r=>{throw r})}dispose(t){}}const MF=new SF,TF=new bF;let CC=(()=>{class e{constructor(n){this._latestValue=null,this._subscription=null,this._obj=null,this._strategy=null,this._ref=n}ngOnDestroy(){this._subscription&&this._dispose(),this._ref=null}transform(n){return this._obj?n!==this._obj?(this._dispose(),this.transform(n)):this._latestValue:(n&&this._subscribe(n),this._latestValue)}_subscribe(n){this._obj=n,this._strategy=this._selectStrategy(n),this._subscription=this._strategy.createSubscription(n,r=>this._updateLatestValue(n,r))}_selectStrategy(n){if(hf(n))return MF;if(ow(n))return TF;throw function dn(e,t){return new N(2100,!1)}()}_dispose(){this._strategy.dispose(this._subscription),this._latestValue=null,this._subscription=null,this._obj=null}_updateLatestValue(n,r){n===this._obj&&(this._latestValue=r,this._ref.markForCheck())}static#e=this.\u0275fac=function(r){return new(r||e)(X(Ad,16))};static#t=this.\u0275pipe=At({name:"async",type:e,pure:!1,standalone:!0})}return e})(),_C=(()=>{class e{constructor(n){this.differs=n,this.keyValues=[],this.compareFn=IC}transform(n,r=IC){if(!n||!(n instanceof Map)&&"object"!=typeof n)return null;this.differ||(this.differ=this.differs.find(n).create());const o=this.differ.diff(n),s=r!==this.compareFn;return o&&(this.keyValues=[],o.forEachItem(i=>{this.keyValues.push(function $F(e,t){return{key:e,value:t}}(i.key,i.currentValue))})),(o||s)&&(this.keyValues.sort(r),this.compareFn=r),this.keyValues}static#e=this.\u0275fac=function(r){return new(r||e)(X(ei,16))};static#t=this.\u0275pipe=At({name:"keyvalue",type:e,pure:!1,standalone:!0})}return e})();function IC(e,t){const n=e.key,r=t.key;if(n===r)return 0;if(void 0===n)return 1;if(void 0===r)return-1;if(null===n)return 1;if(null===r)return-1;if("string"==typeof n&&"string"==typeof r)return n{class e{static#e=this.\u0275fac=function(r){return new(r||e)};static#t=this.\u0275mod=Jr({type:e});static#n=this.\u0275inj=Cr({})}return e})();function SC(e){return"server"===e}class Dk extends x1{constructor(){super(...arguments),this.supportsDOMEvents=!0}}class gh extends Dk{static makeCurrent(){!function A1(e){Kf||(Kf=e)}(new gh)}onAndCancel(t,n,r){return t.addEventListener(n,r),()=>{t.removeEventListener(n,r)}}dispatchEvent(t,n){t.dispatchEvent(n)}remove(t){t.parentNode&&t.parentNode.removeChild(t)}createElement(t,n){return(n=n||this.getDefaultDocument()).createElement(t)}createHtmlDocument(){return document.implementation.createHTMLDocument("fakeTitle")}getDefaultDocument(){return document}isElementNode(t){return t.nodeType===Node.ELEMENT_NODE}isShadowRoot(t){return t instanceof DocumentFragment}getGlobalEventTarget(t,n){return"window"===n?window:"document"===n?t:"body"===n?t.body:null}getBaseHref(t){const n=function wk(){return Oi=Oi||document.querySelector("base"),Oi?Oi.getAttribute("href"):null}();return null==n?null:function Ek(e){return new URL(e,document.baseURI).pathname}(n)}resetBaseElement(){Oi=null}getUserAgent(){return window.navigator.userAgent}getCookie(t){return function yF(e,t){t=encodeURIComponent(t);for(const n of e.split(";")){const r=n.indexOf("="),[o,s]=-1==r?[n,""]:[n.slice(0,r),n.slice(r+1)];if(o.trim()===t)return decodeURIComponent(s)}return null}(document.cookie,t)}}let Oi=null,_k=(()=>{class e{build(){return new XMLHttpRequest}static#e=this.\u0275fac=function(r){return new(r||e)};static#t=this.\u0275prov=fe({token:e,factory:e.\u0275fac})}return e})();const mh=new z("EventManagerPlugins");let AC=(()=>{class e{constructor(n,r){this._zone=r,this._eventNameToPlugin=new Map,n.forEach(o=>{o.manager=this}),this._plugins=n.slice().reverse()}addEventListener(n,r,o){return this._findPluginFor(r).addEventListener(n,r,o)}getZone(){return this._zone}_findPluginFor(n){let r=this._eventNameToPlugin.get(n);if(r)return r;if(r=this._plugins.find(s=>s.supports(n)),!r)throw new N(5101,!1);return this._eventNameToPlugin.set(n,r),r}static#e=this.\u0275fac=function(r){return new(r||e)(se(mh),se(be))};static#t=this.\u0275prov=fe({token:e,factory:e.\u0275fac})}return e})();class xC{constructor(t){this._doc=t}}const yh="ng-app-id";let OC=(()=>{class e{constructor(n,r,o,s={}){this.doc=n,this.appId=r,this.nonce=o,this.platformId=s,this.styleRef=new Map,this.hostNodes=new Set,this.styleNodesInDOM=this.collectServerRenderedStyles(),this.platformIsServer=SC(s),this.resetHostNodes()}addStyles(n){for(const r of n)1===this.changeUsageCount(r,1)&&this.onStyleAdded(r)}removeStyles(n){for(const r of n)this.changeUsageCount(r,-1)<=0&&this.onStyleRemoved(r)}ngOnDestroy(){const n=this.styleNodesInDOM;n&&(n.forEach(r=>r.remove()),n.clear());for(const r of this.getAllStyles())this.onStyleRemoved(r);this.resetHostNodes()}addHost(n){this.hostNodes.add(n);for(const r of this.getAllStyles())this.addStyleToHost(n,r)}removeHost(n){this.hostNodes.delete(n)}getAllStyles(){return this.styleRef.keys()}onStyleAdded(n){for(const r of this.hostNodes)this.addStyleToHost(r,n)}onStyleRemoved(n){const r=this.styleRef;r.get(n)?.elements?.forEach(o=>o.remove()),r.delete(n)}collectServerRenderedStyles(){const n=this.doc.head?.querySelectorAll(`style[${yh}="${this.appId}"]`);if(n?.length){const r=new Map;return n.forEach(o=>{null!=o.textContent&&r.set(o.textContent,o)}),r}return null}changeUsageCount(n,r){const o=this.styleRef;if(o.has(n)){const s=o.get(n);return s.usage+=r,s.usage}return o.set(n,{usage:r,elements:[]}),r}getStyleElement(n,r){const o=this.styleNodesInDOM,s=o?.get(r);if(s?.parentNode===n)return o.delete(r),s.removeAttribute(yh),s;{const i=this.doc.createElement("style");return this.nonce&&i.setAttribute("nonce",this.nonce),i.textContent=r,this.platformIsServer&&i.setAttribute(yh,this.appId),n.appendChild(i),i}}addStyleToHost(n,r){const o=this.getStyleElement(n,r),s=this.styleRef,i=s.get(r)?.elements;i?i.push(o):s.set(r,{elements:[o],usage:1})}resetHostNodes(){const n=this.hostNodes;n.clear(),n.add(this.doc.head)}static#e=this.\u0275fac=function(r){return new(r||e)(se(Br),se(Ea),se(Dm,8),se(Co))};static#t=this.\u0275prov=fe({token:e,factory:e.\u0275fac})}return e})();const vh={svg:"http://www.w3.org/2000/svg",xhtml:"http://www.w3.org/1999/xhtml",xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace",xmlns:"http://www.w3.org/2000/xmlns/",math:"http://www.w3.org/1998/MathML/"},Dh=/%COMP%/g,Mk=new z("RemoveStylesOnCompDestroy",{providedIn:"root",factory:()=>!0});function PC(e,t){return t.map(n=>n.replace(Dh,e))}let FC=(()=>{class e{constructor(n,r,o,s,i,a,c,l=null){this.eventManager=n,this.sharedStylesHost=r,this.appId=o,this.removeStylesOnCompDestroy=s,this.doc=i,this.platformId=a,this.ngZone=c,this.nonce=l,this.rendererByCompId=new Map,this.platformIsServer=SC(a),this.defaultRenderer=new wh(n,i,c,this.platformIsServer)}createRenderer(n,r){if(!n||!r)return this.defaultRenderer;this.platformIsServer&&r.encapsulation===tn.ShadowDom&&(r={...r,encapsulation:tn.Emulated});const o=this.getOrCreateRenderer(n,r);return o instanceof LC?o.applyToHost(n):o instanceof Eh&&o.applyStyles(),o}getOrCreateRenderer(n,r){const o=this.rendererByCompId;let s=o.get(r.id);if(!s){const i=this.doc,a=this.ngZone,c=this.eventManager,l=this.sharedStylesHost,u=this.removeStylesOnCompDestroy,d=this.platformIsServer;switch(r.encapsulation){case tn.Emulated:s=new LC(c,l,r,this.appId,u,i,a,d);break;case tn.ShadowDom:return new xk(c,l,n,r,i,a,this.nonce,d);default:s=new Eh(c,l,r,u,i,a,d)}o.set(r.id,s)}return s}ngOnDestroy(){this.rendererByCompId.clear()}static#e=this.\u0275fac=function(r){return new(r||e)(se(AC),se(OC),se(Ea),se(Mk),se(Br),se(Co),se(be),se(Dm))};static#t=this.\u0275prov=fe({token:e,factory:e.\u0275fac})}return e})();class wh{constructor(t,n,r,o){this.eventManager=t,this.doc=n,this.ngZone=r,this.platformIsServer=o,this.data=Object.create(null),this.throwOnSyntheticProps=!0,this.destroyNode=null}destroy(){}createElement(t,n){return n?this.doc.createElementNS(vh[n]||n,t):this.doc.createElement(t)}createComment(t){return this.doc.createComment(t)}createText(t){return this.doc.createTextNode(t)}appendChild(t,n){(kC(t)?t.content:t).appendChild(n)}insertBefore(t,n,r){t&&(kC(t)?t.content:t).insertBefore(n,r)}removeChild(t,n){t&&t.removeChild(n)}selectRootElement(t,n){let r="string"==typeof t?this.doc.querySelector(t):t;if(!r)throw new N(-5104,!1);return n||(r.textContent=""),r}parentNode(t){return t.parentNode}nextSibling(t){return t.nextSibling}setAttribute(t,n,r,o){if(o){n=o+":"+n;const s=vh[o];s?t.setAttributeNS(s,n,r):t.setAttribute(n,r)}else t.setAttribute(n,r)}removeAttribute(t,n,r){if(r){const o=vh[r];o?t.removeAttributeNS(o,n):t.removeAttribute(`${r}:${n}`)}else t.removeAttribute(n)}addClass(t,n){t.classList.add(n)}removeClass(t,n){t.classList.remove(n)}setStyle(t,n,r,o){o&(sr.DashCase|sr.Important)?t.style.setProperty(n,r,o&sr.Important?"important":""):t.style[n]=r}removeStyle(t,n,r){r&sr.DashCase?t.style.removeProperty(n):t.style[n]=""}setProperty(t,n,r){null!=t&&(t[n]=r)}setValue(t,n){t.nodeValue=n}listen(t,n,r){if("string"==typeof t&&!(t=Xf().getGlobalEventTarget(this.doc,t)))throw new Error(`Unsupported event target ${t} for event ${n}`);return this.eventManager.addEventListener(t,n,this.decoratePreventDefault(r))}decoratePreventDefault(t){return n=>{if("__ngUnwrap__"===n)return t;!1===(this.platformIsServer?this.ngZone.runGuarded(()=>t(n)):t(n))&&n.preventDefault()}}}function kC(e){return"TEMPLATE"===e.tagName&&void 0!==e.content}class xk extends wh{constructor(t,n,r,o,s,i,a,c){super(t,s,i,c),this.sharedStylesHost=n,this.hostEl=r,this.shadowRoot=r.attachShadow({mode:"open"}),this.sharedStylesHost.addHost(this.shadowRoot);const l=PC(o.id,o.styles);for(const u of l){const d=document.createElement("style");a&&d.setAttribute("nonce",a),d.textContent=u,this.shadowRoot.appendChild(d)}}nodeOrShadowRoot(t){return t===this.hostEl?this.shadowRoot:t}appendChild(t,n){return super.appendChild(this.nodeOrShadowRoot(t),n)}insertBefore(t,n,r){return super.insertBefore(this.nodeOrShadowRoot(t),n,r)}removeChild(t,n){return super.removeChild(this.nodeOrShadowRoot(t),n)}parentNode(t){return this.nodeOrShadowRoot(super.parentNode(this.nodeOrShadowRoot(t)))}destroy(){this.sharedStylesHost.removeHost(this.shadowRoot)}}class Eh extends wh{constructor(t,n,r,o,s,i,a,c){super(t,s,i,a),this.sharedStylesHost=n,this.removeStylesOnCompDestroy=o,this.styles=c?PC(c,r.styles):r.styles}applyStyles(){this.sharedStylesHost.addStyles(this.styles)}destroy(){this.removeStylesOnCompDestroy&&this.sharedStylesHost.removeStyles(this.styles)}}class LC extends Eh{constructor(t,n,r,o,s,i,a,c){const l=o+"-"+r.id;super(t,n,r,s,i,a,c,l),this.contentAttr=function Tk(e){return"_ngcontent-%COMP%".replace(Dh,e)}(l),this.hostAttr=function Nk(e){return"_nghost-%COMP%".replace(Dh,e)}(l)}applyToHost(t){this.applyStyles(),this.setAttribute(t,this.hostAttr,"")}createElement(t,n){const r=super.createElement(t,n);return super.setAttribute(r,this.contentAttr,""),r}}let Ok=(()=>{class e extends xC{constructor(n){super(n)}supports(n){return!0}addEventListener(n,r,o){return n.addEventListener(r,o,!1),()=>this.removeEventListener(n,r,o)}removeEventListener(n,r,o){return n.removeEventListener(r,o)}static#e=this.\u0275fac=function(r){return new(r||e)(se(Br))};static#t=this.\u0275prov=fe({token:e,factory:e.\u0275fac})}return e})();const VC=["alt","control","meta","shift"],Rk={"\b":"Backspace","\t":"Tab","\x7f":"Delete","\x1b":"Escape",Del:"Delete",Esc:"Escape",Left:"ArrowLeft",Right:"ArrowRight",Up:"ArrowUp",Down:"ArrowDown",Menu:"ContextMenu",Scroll:"ScrollLock",Win:"OS"},Pk={alt:e=>e.altKey,control:e=>e.ctrlKey,meta:e=>e.metaKey,shift:e=>e.shiftKey};let Fk=(()=>{class e extends xC{constructor(n){super(n)}supports(n){return null!=e.parseEventName(n)}addEventListener(n,r,o){const s=e.parseEventName(r),i=e.eventCallback(s.fullKey,o,this.manager.getZone());return this.manager.getZone().runOutsideAngular(()=>Xf().onAndCancel(n,s.domEventName,i))}static parseEventName(n){const r=n.toLowerCase().split("."),o=r.shift();if(0===r.length||"keydown"!==o&&"keyup"!==o)return null;const s=e._normalizeKey(r.pop());let i="",a=r.indexOf("code");if(a>-1&&(r.splice(a,1),i="code."),VC.forEach(l=>{const u=r.indexOf(l);u>-1&&(r.splice(u,1),i+=l+".")}),i+=s,0!=r.length||0===s.length)return null;const c={};return c.domEventName=o,c.fullKey=i,c}static matchEventFullKeyCode(n,r){let o=Rk[n.key]||n.key,s="";return r.indexOf("code.")>-1&&(o=n.code,s="code."),!(null==o||!o)&&(o=o.toLowerCase()," "===o?o="space":"."===o&&(o="dot"),VC.forEach(i=>{i!==o&&(0,Pk[i])(n)&&(s+=i+".")}),s+=o,s===r)}static eventCallback(n,r,o){return s=>{e.matchEventFullKeyCode(s,n)&&o.runGuarded(()=>r(s))}}static _normalizeKey(n){return"esc"===n?"escape":n}static#e=this.\u0275fac=function(r){return new(r||e)(se(Br))};static#t=this.\u0275prov=fe({token:e,factory:e.\u0275fac})}return e})();const jk=PE(r1,"browser",[{provide:Co,useValue:"browser"},{provide:vm,useValue:function kk(){gh.makeCurrent()},multi:!0},{provide:Br,useFactory:function Vk(){return function IM(e){ku=e}(document),document},deps:[]}]),Hk=new z(""),$C=[{provide:Cc,useClass:class Ck{addToWindow(t){Ce.getAngularTestability=(r,o=!0)=>{const s=t.findTestabilityInTree(r,o);if(null==s)throw new N(5103,!1);return s},Ce.getAllAngularTestabilities=()=>t.getAllTestabilities(),Ce.getAllAngularRootElements=()=>t.getAllRootElements(),Ce.frameworkStabilizers||(Ce.frameworkStabilizers=[]),Ce.frameworkStabilizers.push(r=>{const o=Ce.getAllAngularTestabilities();let s=o.length,i=!1;const a=function(c){i=i||c,s--,0==s&&r(i)};o.forEach(c=>{c.whenStable(a)})})}findTestabilityInTree(t,n,r){return null==n?null:t.getTestability(n)??(r?Xf().isShadowRoot(n)?this.findTestabilityInTree(t,n.host,!0):this.findTestabilityInTree(t,n.parentElement,!0):null)}},deps:[]},{provide:IE,useClass:Lf,deps:[be,Vf,Cc]},{provide:Lf,useClass:Lf,deps:[be,Vf,Cc]}],BC=[{provide:Au,useValue:"root"},{provide:Un,useFactory:function Lk(){return new Un},deps:[]},{provide:mh,useClass:Ok,multi:!0,deps:[Br,be,Co]},{provide:mh,useClass:Fk,multi:!0,deps:[Br]},FC,OC,AC,{provide:yy,useExisting:FC},{provide:class YF{},useClass:_k,deps:[]},[]];let $k=(()=>{class e{constructor(n){}static withServerTransition(n){return{ngModule:e,providers:[{provide:Ea,useValue:n.appId}]}}static#e=this.\u0275fac=function(r){return new(r||e)(se(Hk,12))};static#t=this.\u0275mod=Jr({type:e});static#n=this.\u0275inj=Cr({providers:[...BC,...$C],imports:[GF,o1]})}return e})();typeof window<"u"&&window;const fn=(e,t)=>{const{o:n,u:r,_:o}=e;let i,s=n;const a=(u,d)=>{const f=s,h=u,p=d||(r?!r(f,h):f!==h);return(p||o)&&(s=h,i=f),[s,p,i]};return[t?u=>a(t(s,i),u):a,u=>[s,!!u,i]]},qC=typeof window<"u"&&typeof document<"u",Qt=qC?window:{},ts=Math.max,Zk=Math.min,_h=Math.round,Ih=(Math,Qt.cancelAnimationFrame),bh=Qt.requestAnimationFrame,Sh=Qt.setTimeout,Mh=Qt.clearTimeout,zc=e=>typeof Qt[e]<"u"?Qt[e]:void 0,Qk=zc("MutationObserver"),WC=zc("IntersectionObserver"),Gc=zc("ResizeObserver"),Th=zc("ScrollTimeline"),ZC=qC&&Node.ELEMENT_NODE,{toString:Yk,hasOwnProperty:Nh}=Object.prototype,Kk=/^\[object (.+)\]$/,Ri=e=>void 0===e,qc=e=>null===e,xn=e=>"number"==typeof e,Wc=e=>"string"==typeof e,QC=e=>"boolean"==typeof e,hn=e=>"function"==typeof e,pn=e=>Array.isArray(e),Pi=e=>"object"==typeof e&&!pn(e)&&!qc(e),Zc=e=>{const t=!!e&&e.length,n=xn(t)&&t>-1&&t%1==0;return!(!(pn(e)||!hn(e)&&n)||t>0&&Pi(e)&&!(t-1 in e))},Qc=e=>{if(!e||!Pi(e)||"object"!==(e=>Ri(e)||qc(e)?`${e}`:Yk.call(e).replace(Kk,"$1").toLowerCase())(e))return!1;let t;const n="constructor",r=e[n],o=r&&r.prototype,s=Nh.call(e,n),i=o&&Nh.call(o,"isPrototypeOf");if(r&&!s&&!i)return!1;for(t in e);return Ri(t)||Nh.call(e,t)},Yc=e=>{const t=HTMLElement;return!!e&&(t?e instanceof t:e.nodeType===ZC)},Kc=e=>{const t=Element;return!!e&&(t?e instanceof t:e.nodeType===ZC)};function ue(e,t){if(Zc(e))for(let n=0;nt(e[n],n,e));return e}const Xc=(e,t)=>e.indexOf(t)>=0,Qn=(e,t)=>e.concat(t),Oe=(e,t,n)=>(n||Wc(t)||!Zc(t)?e.push(t):Array.prototype.push.apply(e,t),e),Ur=e=>Array.from(e||[]),KC=e=>pn(e)?e:[e],Ah=e=>!!e&&!e.length,XC=e=>Ur(new Set(e)),Yt=(e,t,n)=>{ue(e,o=>o&&o.apply(void 0,t||[])),!n&&(e.length=0)},JC="paddingTop",e_="paddingRight",t_="paddingLeft",n_="paddingBottom",r_="marginLeft",o_="marginRight",s_="marginBottom",Jc="overflowX",el="overflowY",ns="width",rs="height",os="hidden",i_="visible",xh=(e,t,n,r)=>{if(e&&t){let o=!0;return ue(n,s=>{(r?r(e[s]):e[s])!==(r?r(t[s]):t[s])&&(o=!1)}),o}return!1},a_=(e,t)=>xh(e,t,["w","h"]),c_=(e,t)=>xh(e,t,["x","y"]),Jk=(e,t)=>xh(e,t,["t","r","b","l"]),gn=()=>{},q=(e,...t)=>e.bind(0,...t),ss=e=>{let t;const n=e?Sh:bh,r=e?Mh:Ih;return[o=>{r(t),t=n(o,hn(e)?e():e)},()=>r(t)]},l_=(e,t)=>{let n,r,o,s=gn;const{v:i,p:a,S:c}=t||{},l=function(p){s(),Mh(n),n=r=void 0,s=gn,e.apply(this,p)},u=h=>c&&r?c(r,h):h,d=()=>{s!==gn&&l(u(o)||o)},f=function(){const p=Ur(arguments),g=hn(i)?i():i;if(xn(g)&&g>=0){const v=hn(a)?a():a,m=xn(v)&&v>=0,D=g>0?Sh:bh,E=g>0?Mh:Ih,T=u(p)||p,L=l.bind(0,T);s();const V=D(L,g);s=()=>E(V),m&&!n&&(n=Sh(d,v)),r=o=T}else l(p)};return f.m=d,f},u_=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),fr=e=>e?Object.keys(e):[],ae=(e,t,n,r,o,s,i)=>{const a=[t,n,r,o,s,i];return("object"!=typeof e||qc(e))&&!hn(e)&&(e={}),ue(a,c=>{ue(c,(l,u)=>{const d=c[u];if(e===d)return!0;const f=pn(d);if(d&&Qc(d)){const h=e[u];let p=h;f&&!pn(h)?p=[]:!f&&!Qc(h)&&(p={}),e[u]=ae(p,d)}else e[u]=f?d.slice():d})}),e},d_=(e,t)=>ue(ae({},e),(n,r,o)=>{void 0===n?delete o[r]:t&&n&&Qc(n)&&(o[r]=d_(n,t))}),Oh=e=>{for(const t in e)return!1;return!0},Rh=(e,t,n)=>ts(e,Zk(t,n)),zr=e=>Ur(new Set((pn(e)?e:(e||"").split(" ")).filter(t=>t))),tl=(e,t)=>e&&e.getAttribute(t),mn=(e,t,n)=>{ue(zr(t),r=>{e&&e.setAttribute(r,n||"")})},On=(e,t)=>{ue(zr(t),n=>e&&e.removeAttribute(n))},nl=(e,t)=>{const n=zr(tl(e,t)),r=q(mn,e,t),o=(s,i)=>{const a=new Set(n);return ue(zr(s),c=>a[i](c)),Ur(a).join(" ")};return{O:s=>r(o(s,"delete")),$:s=>r(o(s,"add")),C:s=>{const i=zr(s);return i.reduce((a,c)=>a&&n.includes(c),i.length>0)}}},f_=(e,t,n)=>{nl(e,t).O(n)},Fi=(e,t,n)=>(nl(e,t).$(n),q(f_,e,t,n)),rl=(e,t,n,r)=>{(r?Fi:f_)(e,t,n)},h_=e=>nl(e,"class"),Ph=(e,t)=>{h_(e).O(t)},ol=(e,t)=>(h_(e).$(t),q(Ph,e,t)),p_=(e,t)=>{const n=[],r=t?Kc(t)&&t:document;return r?Oe(n,r.querySelectorAll(e)):n},sl=(e,t)=>!!Kc(e)&&e.matches(t),g_=e=>sl(e,"body"),Fh=e=>e?Ur(e.childNodes):[],is=e=>e&&e.parentElement,as=(e,t)=>Kc(e)&&e.closest(t),hr=e=>{if(Zc(e))ue(Ur(e),t=>hr(t));else if(e){const t=is(e);t&&t.removeChild(e)}},m_=(e,t,n)=>{if(n&&e){let o,r=t;return Zc(n)?(o=document.createDocumentFragment(),ue(n,s=>{s===r&&(r=s.previousSibling),o.appendChild(s)})):o=n,t&&(r?r!==t&&(r=r.nextSibling):r=e.firstChild),e.insertBefore(o,r||null),()=>hr(n)}return gn},Kt=(e,t)=>m_(e,null,t),y_=(e,t)=>m_(is(e),e&&e.nextSibling,t),cs=e=>{const t=document.createElement("div");return mn(t,"class",e),t},v_=e=>{const t=cs();return t.innerHTML=e.trim(),ue(Fh(t),n=>hr(n))},rL=/^--/,D_=(e,t)=>e.getPropertyValue(t)||e[t]||"",kh=e=>{const t=e||0;return isFinite(t)?t:0},il=e=>kh(parseFloat(e||"")),w_=e=>`${(100*kh(e)).toFixed(3)}%`,Lh=e=>`${kh(e)}px`;function ls(e,t){e&&ue(t,(n,r)=>{try{const o=e.style,s=xn(n)?Lh(n):(n||"")+"";rL.test(r)?o.setProperty(r,s):o[r]=s}catch{}})}function Gr(e,t,n){const r=Wc(t);let o=r?"":{};if(e){const s=Qt.getComputedStyle(e,n)||e.style;o=r?D_(s,t):t.reduce((i,a)=>(i[a]=D_(s,a),i),o)}return o}const pr=e=>"rtl"===Gr(e,"direction"),E_=(e,t,n)=>{const r=t?`${t}-`:"",o=n?`-${n}`:"",s=`${r}top${o}`,i=`${r}right${o}`,a=`${r}bottom${o}`,c=`${r}left${o}`,l=Gr(e,[s,i,a,c]);return{t:il(l[s]),r:il(l[i]),b:il(l[a]),l:il(l[c])}},Vh=(e,t)=>"translate"+(Pi(e)?`(${e.x},${e.y})`:`${t?"X":"Y"}(${e})`),oL={w:0,h:0},al=(e,t)=>t?{w:t[`${e}Width`],h:t[`${e}Height`]}:oL,ki=q(al,"offset"),C_=q(al,"client"),jh=q(al,"scroll"),Hh=e=>{const t=parseFloat(Gr(e,ns))||0,n=parseFloat(Gr(e,rs))||0;return{w:t-_h(t),h:n-_h(n)}},us=e=>e.getBoundingClientRect(),$h=e=>!(!e||!e[rs]&&!e[ns]),__=(e,t)=>{const n=$h(e);return!$h(t)&&n},I_=(e,t,n,r)=>{ue(zr(t),o=>{e.removeEventListener(o,n,r)})},Pe=(e,t,n,r)=>{var o;const s=null==(o=r&&r.H)||o,i=r&&r.I||!1,a=r&&r.A||!1,c={passive:s,capture:i};return q(Yt,zr(t).map(l=>{const u=a?d=>{I_(e,l,u,i),n(d)}:n;return e.addEventListener(l,u,c),q(I_,e,l,u,i)}))},Bh=e=>e.stopPropagation(),b_=e=>e.preventDefault(),iL={x:0,y:0},Uh=e=>{const t=e&&us(e);return t?{x:t.left+Qt.scrollX,y:t.top+Qt.scrollY}:iL},cl=(e,t,n)=>n?n.n?0-e:n.i?t-e:e:e,S_=(e,t)=>[cl(0,e,t),cl(e,e,t)],M_=(e,t,n)=>Rh(0,1,cl(e,t,n)/t||0),gr=(e,t)=>{const{x:n,y:r}=xn(t)?{x:t,y:t}:t||{};xn(n)&&(e.scrollLeft=n),xn(r)&&(e.scrollTop=r)},ds=e=>({x:e.scrollLeft,y:e.scrollTop}),T_=(e,t)=>{ue(KC(t),e)},zh=e=>{const t=new Map,n=(s,i)=>{if(s){const a=t.get(s);T_(c=>{a&&a[c?"delete":"clear"](c)},i)}else t.forEach(a=>{a.clear()}),t.clear()},r=(s,i)=>{if(Wc(s)){const l=t.get(s)||new Set;return t.set(s,l),T_(u=>{hn(u)&&l.add(u)},i),q(n,s,i)}QC(i)&&i&&n();const a=fr(s),c=[];return ue(a,l=>{const u=s[l];u&&Oe(c,r(l,u))}),q(Yt,c)};return r(e||{}),[r,n,(s,i)=>{ue(Ur(t.get(s)),a=>{i&&!Ah(i)?a.apply(0,i):a()})}]},N_=e=>JSON.stringify(e,(t,n)=>{if(hn(n))throw 0;return n}),A_=(e,t)=>e?`${t}`.split(".").reduce((n,r)=>n&&u_(n,r)?n[r]:void 0,e):void 0,aL={paddingAbsolute:!1,showNativeOverlaidScrollbars:!1,update:{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,autoHideSuspend:!1,dragScroll:!0,clickScroll:!1,pointers:["mouse","touch","pen"]}},x_=(e,t)=>{const n={};return ue(Qn(fr(t),fr(e)),o=>{const s=e[o],i=t[o];if(Pi(s)&&Pi(i))ae(n[o]={},x_(s,i)),Oh(n[o])&&delete n[o];else if(u_(t,o)&&i!==s){let a=!0;if(pn(s)||pn(i))try{N_(s)===N_(i)&&(a=!1)}catch{}a&&(n[o]=i)}}),n},O_=(e,t,n)=>r=>[A_(e,r),n||void 0!==A_(t,r)],Li="data-overlayscrollbars",R_="os-environment",cL=`${R_}-scrollbar-hidden`,Gh=`${Li}-initialize`,Xt=Li,P_=`${Xt}-overflow-x`,F_=`${Xt}-overflow-y`,k_="overflowVisible",qh="updating",mr=`${Li}-viewport`,L_="scrollbarHidden",fs=k_,Wh=`${Li}-padding`,fL=fs,V_=`${Li}-content`,Zh="os-size-observer",hL=`${Zh}-appear`,pL=`${Zh}-listener`,zt="os-scrollbar",yL=`${zt}-rtl`,vL=`${zt}-horizontal`,DL=`${zt}-vertical`,j_=`${zt}-track`,Qh=`${zt}-handle`,wL=`${zt}-visible`,EL=`${zt}-cornerless`,H_=`${zt}-interaction`,$_=`${zt}-unusable`,Yh=`${zt}-auto-hide`,B_=`${Yh}-hidden`,U_=`${zt}-wheel`,CL=`${j_}-interactive`,_L=`${Qh}-interactive`,z_={},G_={},q_=(e,t,n)=>fr(e).map(r=>{const{static:o,instance:s}=e[r],[i,a,c]=n||[],l=n?s:o;if(l){const u=n?l(i,a,t):l(t);return(c||G_)[r]=u}}),hs=e=>G_[e],ll=e=>0===e.indexOf(i_),W_=(e,t)=>{const{D:n}=e,r=c=>{const l=Gr(n,c);return[l,"scroll"===(t?t[c]:l)]},[o,s]=r(Jc),[i,a]=r(el);return{k:{x:o,y:i},R:{x:s,y:a}}},Kh="__osScrollbarsHidingPlugin";let Xh;const Jt=()=>(Xh||(Xh=(()=>{const e=(D,E,C,T)=>{Kt(D,E);const L=C_(E),V=ki(E),U=Hh(C);return T&&hr(E),{x:V.h-L.h+U.h,y:V.w-L.w+U.w}},{body:r}=document,s=v_(`
`)[0],i=s.firstChild,[a,,c]=zh(),[l,u]=fn({o:e(r,s,i),u:c_},q(e,r,s,i,!0)),[d]=u(),f=(D=>{let E=!1;const C=ol(D,cL);try{E="none"===Gr(D,"scrollbar-width")||"none"===Gr(D,"display","::-webkit-scrollbar")}catch{}return C(),E})(s),h={x:0===d.x,y:0===d.y},p={elements:{host:null,padding:!f,viewport:D=>f&&g_(D)&&D,content:!1},scrollbars:{slot:!0},cancel:{nativeScrollbarsOverlaid:!1,body:null}},g=ae({},aL),y=q(ae,{},g),v=q(ae,{},p),m={P:d,T:h,L:f,J:!!Th,K:((D,E)=>{ls(D,{[Jc]:os,[el]:os,direction:"rtl"}),gr(D,{x:0});const C=Uh(D),T=Uh(E);gr(D,{x:-999});const L=Uh(E);return{i:C.x===T.x,n:T.x!==L.x}})(s,i),Z:q(a,"r"),G:v,tt:D=>ae(p,D)&&v(),nt:y,ot:D=>ae(g,D)&&y(),st:ae({},p),et:ae({},g)};return On(s,"style"),hr(s),Qt.addEventListener("resize",()=>{let D;if(!(f||h.x&&h.y)){const E=hs(Kh);D=!!(E?E.Y():gn)(m,l)}c("r",[D])}),m})()),Xh),Z_=(e,t)=>hn(t)?t.apply(0,e):t,xL=(e,t,n,r)=>{const o=Ri(r)?n:r;return Z_(e,o)||t.apply(0,e)},Q_=(e,t,n,r)=>{const o=Ri(r)?n:r,s=Z_(e,o);return!!s&&(Yc(s)?s:t.apply(0,e))},Jh=new WeakMap,Y_=e=>Jh.get(e),K_=(e,t,n,r)=>{let o=!1;const{ct:s,rt:i,lt:a,it:c,ut:l,ft:u}=r||{},d=l_(()=>o&&n(!0),{v:33,p:99}),[f,h]=((e,t,n)=>{let r=!1;const o=!!n&&new WeakMap,i=a=>{o&&n&&ue(n.map(l=>{const[u,d]=l||[];return[d&&u?(a||p_)(u,e):[],d]}),l=>ue(l[0],u=>{const d=l[1],f=o.get(u)||[];if(e.contains(u)&&d){const p=Pe(u,d,g=>{r?(p(),o.delete(u)):t(g)});o.set(u,Oe(f,p))}else Yt(f),o.delete(u)}))};return i(),[()=>{r=!0},i]})(e,d,a),g=i||[],y=Qn(s||[],g),v=(D,E)=>{if(!Ah(E)){const C=l||gn,T=u||gn,L=[],V=[];let U=!1,A=!1;if(ue(E,x=>{const{attributeName:P,target:O,type:j,oldValue:Y,addedNodes:ve,removedNodes:oe}=x,J="attributes"===j,We="childList"===j,H=e===O,Te=J&&P,Ne=Te&&tl(O,P||"")||null,Le=Te&&Y!==Ne,Ee=Xc(g,P)&&Le;if(t&&(We||!H)){const Xe=J&&Le,ct=Xe&&c&&sl(O,c),I=(ct?!C(O,P,Y,Ne):!J||Xe)&&!T(x,!!ct,e,r);ue(ve,S=>Oe(L,S)),ue(oe,S=>Oe(L,S)),A=A||I}!t&&H&&Le&&!C(O,P,Y,Ne)&&(Oe(V,P),U=U||Ee)}),h(x=>XC(L).reduce((P,O)=>(Oe(P,p_(x,O)),sl(O,x)?Oe(P,O):P),[])),t)return!D&&A&&n(!1),[!1];if(!Ah(V)||U){const x=[XC(V),U];return!D&&n.apply(0,x),x}}},m=new Qk(q(v,!1));return[()=>(m.observe(e,{attributes:!0,attributeOldValue:!0,attributeFilter:y,subtree:t,childList:t,characterData:t}),o=!0,()=>{o&&(f(),m.disconnect(),o=!1)}),()=>{if(o)return d.m(),v(!0,m.takeRecords())}]},X_=(e,t,n)=>{const{dt:o,_t:s}=n||{},i=hs("__osSizeObserverPlugin"),{K:a}=Jt(),c=q(pr,e),[l]=fn({o:!1,_:!0});return()=>{const u=[],f=v_(`
`)[0],h=f.firstChild,p=g=>{const y=g instanceof ResizeObserverEntry,v=!y&&pn(g);let m=!1,D=!1,E=!0;if(y){const[C,,T]=l(g.contentRect),L=$h(C),V=__(C,T);D=!T||V,m=!D&&!L,E=!m}else v?[,E]=g:D=!0===g;if(o&&E){const C=v?g[0]:pr(f);gr(f,{x:cl(3333333,3333333,C&&a),y:3333333})}m||t({vt:v?g:void 0,ht:!v,_t:D})};if(Gc){const g=new Gc(y=>p(y.pop()));g.observe(h),Oe(u,()=>{g.disconnect()})}else{if(!i)return gn;{const[g,y]=i(h,p,s);Oe(u,Qn([ol(f,hL),Pe(f,"animationstart",g)],y))}}if(o){const[g]=fn({o:void 0},c);Oe(u,Pe(f,"scroll",y=>{const v=g(),[m,D,E]=v;D&&(Ph(h,"ltr rtl"),ol(h,m?"rtl":"ltr"),p([!!m,D,E])),Bh(y)}))}return q(Yt,Oe(u,Kt(e,f)))}},LL=(e,t,n,r)=>{let o,s,i,a,c,l;const{L:u}=Jt(),d=`[${Xt}]`,f=`[${mr}]`,h=["tabindex"],p=["wrap","cols","rows"],g=["id","class","style","open"],{gt:y,bt:v,D:m,wt:D,St:E,V:C,yt:T,Ot:L}=e,V={$t:!1,N:pr(y)},U=Jt(),A=hs(Kh),[x]=fn({u:a_,o:{w:0,h:0}},()=>{const b=A&&A.M(e,t,V,U,n).W,I=T(fs),S=!C&&T("arrange"),M=S&&ds(m);L(fs),C&&L(qh,!0);const R=S&&b&&b()[0],F=jh(D),ce=jh(m),ie=Hh(m);return L(fs,I),C&&L(qh),R&&R(),gr(m,M),{w:ce.w+F.w+ie.w,h:ce.h+F.h+ie.h}}),P=E?p:Qn(g,p),O=l_(r,{v:()=>o,p:()=>s,S(b,I){const[S]=b,[M]=I;return[Qn(fr(S),fr(M)).reduce((R,F)=>(R[F]=S[F]||M[F],R),{})]}}),j=b=>{if(C){const I=pr(y);ae(b,{Ct:l!==I}),ae(V,{N:I}),l=I}},Y=b=>{ue(b||h,I=>{if(Xc(h,I)){const S=tl(v,I);Wc(S)?mn(m,I,S):On(m,I)}})},ve=(b,I)=>{const[S,M]=b,R={xt:M};return ae(V,{$t:S}),!I&&r(R),R},oe=({ht:b,vt:I,_t:S})=>{const R=(!b||S||I)&&u?O:r,[F,ce]=I||[],ie={ht:b||S,_t:S,Ct:ce};j(ie),I&&ae(V,{N:F}),R(ie)},J=(b,I)=>{const[,S]=x(),M={Ht:S};return j(M),S&&!I&&(b?r:O)(M),M},We=(b,I,S)=>{const M={zt:I};return j(M),I&&!S?O(M):C||Y(b),M},{Z:H}=U,[Te,Ne]=D?((e,t)=>{let n;const o=cs("os-trinsic-observer"),[s]=fn({o:!1}),i=(c,l)=>{if(c){const u=s((c=>0===c.h||c.isIntersecting||c.intersectionRatio>0)(c)),[,d]=u;return d&&!l&&t(u)&&[u]}},a=(c,l)=>i(l.pop(),c);return[()=>{const c=[];if(WC)n=new WC(q(a,!1),{root:e}),n.observe(o),Oe(c,()=>{n.disconnect()});else{const l=()=>{const u=ki(o);i(u)};Oe(c,X_(o,l)()),l()}return q(Yt,Oe(c,Kt(e,o)))},()=>n&&a(!0,n.takeRecords())]})(v,ve):[],Le=!C&&X_(v,oe,{_t:!0,dt:!0}),[Ee,Xe]=K_(v,!1,We,{rt:g,ct:Qn(g,h)}),ct=C&&Gc&&new Gc(b=>{const I=b[b.length-1].contentRect;oe({ht:!0,_t:__(I,c)}),c=I});return[()=>{Y(),ct&&ct.observe(v);const b=Le&&Le(),I=Te&&Te(),S=Ee(),M=H(R=>{const[,F]=x();O({It:R,Ht:F})});return()=>{ct&&ct.disconnect(),b&&b(),I&&I(),a&&a(),S(),M()}},({Et:b,At:I,Tt:S})=>{const M={},[R]=b("update.ignoreMutation"),[F,ce]=b("update.attributes"),[ie,Fe]=b("update.elementEvents"),[Ve,Ft]=b("update.debounce"),ge=I||S;if(Fe||ce){i&&i(),a&&a();const[ut,Ae]=K_(D||m,!0,J,{ct:Qn(P,F||[]),lt:ie,it:d,ft:(ht,St)=>{const{target:Pn,attributeName:ul}=ht;return!(St||!ul||C)&&((e,t,n)=>{const r=as(e,t),o=e&&((e,t)=>{const n=t?Kc(t)&&t:document;return n?n.querySelector(e):null})(n,r),s=as(o,t)===r;return!(!r||!o)&&(r===e||o===e||s&&as(as(e,n),t)!==r)})(Pn,d,f)||!!as(Pn,`.${zt}`)||!!(ut=>hn(R)&&R(ut))(ht)}});a=ut(),i=Ae}if(Ft)if(O.m(),pn(Ve)){const ut=Ve[0],Ae=Ve[1];o=xn(ut)&&ut,s=xn(Ae)&&Ae}else xn(Ve)?(o=Ve,s=!1):(o=!1,s=!1);if(ge){const ut=Xe(),Ae=Ne&&Ne(),ht=i&&i();ut&&ae(M,We(ut[0],ut[1],ge)),Ae&&ae(M,ve(Ae[0],ge)),ht&&ae(M,J(ht[0],ge))}return j(M),M},V]},BL=({wt:e})=>({Gt:t,an:n,Tt:r})=>{const{xt:o}=t||{},{$t:s}=n;e&&(o||r)&&ls(e,{[rs]:s&&"100%"})},UL=({bt:e,cn:t,D:n,V:r},o)=>{const[s,i]=fn({u:Jk,o:E_()},q(E_,e,"padding",""));return({Et:a,Gt:c,an:l,Tt:u})=>{let[d,f]=i(u);const{L:h}=Jt(),{ht:p,Ht:g,Ct:y}=c||{},{N:v}=l,[m,D]=a("paddingAbsolute");(p||f||u||g)&&([d,f]=s(u));const C=!r&&(D||y||f);if(C){const T=!m||!t&&!h,L=d.r+d.l,U={[o_]:T&&!v?-L:0,[s_]:T?-(d.t+d.b):0,[r_]:T&&v?-L:0,top:T?-d.t:0,right:T?v?-d.r:"auto":0,left:T?v?"auto":-d.l:0,[ns]:T&&`calc(100% + ${L}px)`},A={[JC]:T?d.t:0,[e_]:T?d.r:0,[n_]:T?d.b:0,[t_]:T?d.l:0};ls(t||n,U),ls(n,A),ae(o,{cn:d,un:!T,j:t?A:ae({},U,A)})}return{fn:C}}},zL=(e,t)=>{const n=Jt(),{bt:r,cn:o,D:s,V:i,Ot:a,Rt:c,ln:l}=e,{L:u}=n,d=c&&i,f=q(ts,0),h={u:a_,o:{w:0,h:0}},p={u:c_,o:{x:os,y:os}},[y,v]=fn(h,q(Hh,s)),[m,D]=fn(h,q(jh,s)),[E,C]=fn(h),[T,L]=fn(h),[V]=fn(p),U=hs(Kh);return({Et:A,Gt:x,an:P,Tt:O},{fn:j})=>{const{ht:Y,Ht:ve,Ct:oe,It:J}=x||{},We=U&&U.M(e,t,P,n,A),{q:H,W:Te,X:Ne}=We||{},[Le,Ee]=((e,t)=>{const{T:n}=t,[r,o]=e("showNativeOverlaidScrollbars");return[r&&n.x&&n.y,o]})(A,n),[Xe,ct]=A("overflow"),b=Y||j||ve||oe||J||Ee,I=ll(Xe.x),S=ll(Xe.y),M=I||S;let R=v(O),F=D(O),ce=C(O),ie=L(O);if(Ee&&u&&a(L_,!Le),b){M&&a(fs,!1);const[Fn,qr]=Te?Te(void 0):[],[Wr,ep]=R=y(O),[yr,tp]=F=m(O),ps=C_(s),gs=yr,ms=ps;Fn&&Fn(),(tp||ep||Ee)&&qr&&!Le&&H&&H(qr,yr,Wr);const Vi=(e=>al("inner",e||Qt))(l),hl={w:f(ts(yr.w,gs.w)+Wr.w),h:f(ts(yr.h,gs.h)+Wr.h)},rI={w:f((d?Vi.w:ms.w+f(ps.w-yr.w))+Wr.w),h:f((d?Vi.h:ms.h+f(ps.h-yr.h))+Wr.h)};ie=T(rI),ce=E(((A,x)=>{const P=Qt.devicePixelRatio%1!=0?1:0,O={w:f(A.w-x.w),h:f(A.h-x.h)};return{w:O.w>P?O.w:0,h:O.h>P?O.h:0}})(hl,rI),O)}const[Ve,Ft]=ie,[te,ge]=ce,[en,ut]=F,[Ae,ht]=R,St={x:te.w>0,y:te.h>0},Pn=I&&S&&(St.x||St.y)||I&&St.x&&!St.y||S&&St.y&&!St.x;if(j||oe||J||ht||ut||Ft||ge||ct||Ee||b){const Fn={},qr=((e,t,n,r)=>{const o=t.x||t.y,s=(u,d)=>{const f=ll(u),h=f&&o?"hidden":"",p=d&&f&&u.replace(`${i_}-`,"")||h;return[d&&!f?u:"",ll(p)?"hidden":p]},[i,a]=s(n.x,t.x),[c,l]=s(n.y,t.y);return r[Jc]=a&&c?a:i,r[el]=l&&i?l:c,W_(e,r)})(e,St,Xe,Fn);Ne&&Ne(qr,P,!!H&&H(qr,en,Ae),Fn),i?(mn(r,P_,Fn[Jc]),mn(r,F_,Fn[el])):ls(s,Fn)}rl(r,Xt,k_,Pn),rl(o,Wh,fL,Pn),i||rl(s,mr,fs,M);const[dl,fl]=V(W_(e).k);return ae(t,{k:dl,Pt:{x:Ve.w,y:Ve.h},Lt:{x:te.w,y:te.h},en:St}),{sn:fl,tn:Ft,nn:ge}}},qL=(e,t,n,r)=>{const o=O_(t,{}),[s,i,a,c,l]=(e=>{const[t,n,r]=(e=>{const t=Jt(),{G:n,L:r}=t,{elements:o}=n(),{host:s,padding:i,viewport:a,content:c}=o,l=Yc(e),u=l?{}:e,{elements:d}=u,{host:f,padding:h,viewport:p,content:g}=d||{},y=l?e:u.target,v=g_(y),m=sl(y,"textarea"),D=y.ownerDocument,E=D.documentElement,C=D.defaultView,T=()=>D.activeElement,L=te=>{te&&te.focus&&te.focus()},V=q(xL,[y]),U=q(Q_,[y]),A=q(cs,""),x=q(V,A,a),P=q(U,A,c),O=x(p),j=O===y,Y=j&&v,ve=!j&&P(g),oe=!j&&O===ve,J=Y?E:O,We=m?V(A,s,f):y,H=Y?J:We,Te=!j&&U(A,i,h),Ne=!oe&&ve,Le=[Ne,J,Te,H].map(te=>Yc(te)&&!is(te)&&te),Ee=te=>te&&Xc(Le,te),Xe=Ee(J)?y:J,ct={gt:y,bt:H,D:J,cn:Te,wt:Ne,kt:Y?E:J,Zt:Y?D:J,rn:v?E:Xe,ln:C,Kt:D,St:m,Rt:v,Dt:l,V:j,yt:te=>((e,t,n)=>nl(e,t).C(n))(J,j?Xt:mr,te),Ot:(te,ge)=>rl(J,j?Xt:mr,te,ge)},{gt:b,bt:I,cn:S,D:M,wt:R}=ct,F=[()=>{On(I,[Xt,Gh]),On(b,Gh),v&&On(E,[Gh,Xt])}],ce=m&&Ee(I);let ie=m?b:Fh([R,M,S,I,b].find(te=>te&&!Ee(te)));const Fe=Y?b:R||M,Ve=q(Yt,F);return[ct,()=>{const te=T(),ge=Ae=>{Kt(is(Ae),Fh(Ae)),hr(Ae)},en=Ae=>Ae?Pe(Ae,"focusin focusout focus blur",ht=>{Bh(ht),ht.stopImmediatePropagation()},{I:!0,H:!1}):gn,ut=en(te);if(mn(I,Xt,j?"viewport":"host"),mn(S,Wh,""),mn(R,V_,""),j||(mn(M,mr,""),v&&Fi(E,Xt,"body")),ce&&(y_(b,I),Oe(F,()=>{y_(I,b),hr(I)})),Kt(Fe,ie),Kt(I,S),Kt(S||I,!j&&M),Kt(M,R),Oe(F,[ut,()=>{const Ae=T(),ht=en(Ae);On(S,Wh),On(R,V_),On(M,[P_,F_,mr]),Ee(R)&&ge(R),Ee(M)&&ge(M),Ee(S)&&ge(S),L(Ae),ht()}]),r&&!j&&(Fi(M,mr,L_),Oe(F,q(On,M,mr))),j||C.top!==C||te!==y)L(te);else{const Ae="tabindex",ht=tl(M,Ae);mn(M,Ae,"-1"),L(M);const St=()=>ht?mn(M,Ae,ht):On(M,Ae),Pn=Pe(D,"pointerdown keydown",()=>{St(),Pn()});Oe(F,[St,Pn])}return ut(),ie=0,Ve},Ve]})(e),o={cn:{t:0,r:0,b:0,l:0},un:!1,j:{[o_]:0,[s_]:0,[r_]:0,[JC]:0,[e_]:0,[n_]:0,[t_]:0},Pt:{x:0,y:0},Lt:{x:0,y:0},k:{x:os,y:os},en:{x:!1,y:!1}},{gt:s,D:i,V:a}=t,{L:c,T:l}=Jt(),u=!c&&(l.x||l.y),d=[BL(t),UL(t,o),zL(t,o)];return[n,f=>{const h={},g=u&&ds(i),y=a?Fi(i,Xt,qh):gn;return ue(d,v=>{ae(h,v(f,h)||{})}),y(),gr(i,g),!a&&gr(s,0),h},o,t,r]})(e),[u,d,f]=LL(c,a,o,m=>{v({},m)}),[h,p,,g]=((e,t,n,r,o,s)=>{let i,a,c,l,u=gn,d=0;const f=()=>!c&&!a,h=H=>"mouse"===H.pointerType,[p,g]=ss(),[y,v]=ss(100),[m,D]=ss(100),[E,C]=ss(()=>d),[T,L]=((e,t,n,r)=>{const{G:o,K:s}=Jt(),{scrollbars:i}=o(),{slot:a}=i,{gt:c,bt:l,D:u,Dt:d,kt:f,Rt:h,V:p}=t,{scrollbars:g}=d?{}:e,{slot:y}=g||{},v=new Map,m=b=>Th&&new Th({source:f,axis:b}),D=m("x"),E=m("y"),C=Q_([c,l,u],()=>p&&h?c:l,a,y),T=(b,I)=>{if(I){const ie=b?ns:rs,{Mt:Fe,Vt:Ve}=I,Ft=us(Ve)[ie],te=us(Fe)[ie];return Rh(0,1,Ft/te||0)}const S=b?"x":"y",{Lt:M,Pt:R}=n,F=R[S];return Rh(0,1,F/(F+M[S])||0)},V=(b,I)=>ae(b,I?{clear:["left"]}:{}),U=b=>{v.forEach((I,S)=>{(!b||Xc(KC(b),S))&&(ue(I||[],R=>{R&&R.cancel()}),v.delete(S))})},A=(b,I,S,M)=>{const R=v.get(b)||[],F=R.find(ce=>ce&&ce.timeline===I);F?F.effect=new KeyframeEffect(b,S,{composite:M}):v.set(b,Qn(R,[b.animate(S,{timeline:I,composite:M})]))},x=(b,I,S)=>{const M=S?ol:Ph;ue(b,R=>{M(R.Ut,I)})},P=(b,I)=>{ue(b,S=>{const[M,R]=I(S);ls(M,R)})},O=(b,I)=>{P(b,S=>{const{Vt:M}=S;return[M,{[I?ns:rs]:w_(T(I))}]})},j=(b,I)=>{const{Lt:S}=n,M=I?S.x:S.y,R=(F,ce,ie)=>Vh(w_(((b,I,S,M)=>{const R=T(S,b);return 1/R*(1-R)*(M?1-I:I)||0})(F,M_(ce,M,ie),I,ie)),I);if(D&&E)ue(b,F=>{const{Ut:ce,Vt:ie}=F,Fe=I&&pr(ce)&&s;A(ie,I?D:E,V({transform:S_(M,Fe).map(Ve=>R(F,Ve,Fe))},Fe))});else{const F=ds(f);P(b,ce=>{const{Vt:ie,Ut:Fe}=ce;return[ie,{transform:R(ce,I?F.x:F.y,I&&pr(Fe)&&s)}]})}},Y=b=>p&&!h&&is(b)===u,ve=[],oe=[],J=[],We=(b,I,S)=>{const M=QC(S),F=!M||!S;(!M||S)&&x(oe,b,I),F&&x(J,b,I)},Le=b=>{const S=cs(`${zt} ${b?vL:DL}`),M=cs(j_),R=cs(Qh),F={Ut:S,Mt:M,Vt:R};return Oe(b?oe:J,F),Oe(ve,[Kt(S,M),Kt(M,R),q(hr,S),U,r(F,We,j,b)]),F},Ee=q(Le,!0),Xe=q(Le,!1);return Ee(),Xe(),[{Bt:()=>{O(oe,!0),O(J)},Nt:()=>{j(oe,!0),j(J)},jt:()=>{if(p){const{Lt:b}=n,I=.5;if(D&&E)ue(Qn(J,oe),({Ut:S})=>{if(Y(S)){const M=(R,F,ce)=>{const ie=ce&&pr(S)&&s;A(S,R,V({transform:S_(F-I,ie).map(Fe=>Vh(Lh(Fe),ce))},ie),"add")};M(D,b.x,!0),M(E,b.y)}else U(S)});else{const S=ds(f),M=R=>{const{Ut:F}=R,ce=Y(F)&&F,ie=(Fe,Ve,Ft)=>{const ge=Ve*M_(Fe,Ve,Ft);return Lh(Ft?-ge:ge)};return[ce,{transform:ce?Vh({x:ie(S.x,b.x,pr(F)&&s),y:ie(S.y,b.y)}):""}]};P(oe,M),P(J,M)}}},Ft:We,qt:{J:D,Wt:oe,Xt:Ee,Yt:q(P,oe)},Jt:{J:E,Wt:J,Xt:Xe,Yt:q(P,J)}},()=>(Kt(C,oe[0].Ut),Kt(C,J[0].Ut),q(Yt,ve))]})(e,o,r,((e,t,n,r)=>{const{bt:o,kt:s,Kt:i}=t;return(a,c,l,u)=>{const{Ut:d,Mt:f,Vt:h}=a,[p,g]=ss(333),[y,v]=ss(),m=q(l,[a],u),D=!!s.scrollBy,E="client"+(u?"X":"Y"),C=u?ns:rs,T=u?"left":"top",L=u?"w":"h",V=u?"x":"y",U=P=>P.propertyName.indexOf(C)>-1;let x=!0;return q(Yt,[Pe(d,"pointerenter",()=>{c(H_,!0)}),Pe(d,"pointerleave pointercancel",()=>{c(H_,!1)}),Pe(d,"wheel",P=>{const{deltaX:O,deltaY:j,deltaMode:Y}=P;D&&x&&0===Y&&is(d)===o&&s.scrollBy({left:O,top:j,behavior:"smooth"}),x=!1,c(U_,!0),p(()=>{x=!0,c(U_)}),b_(P)},{H:!1,I:!0}),Pe(h,"pointermove pointerleave",r),Pe(h,"transitionstart",P=>{if(U(P)){const O=()=>{m(),y(O)};O()}}),Pe(h,"transitionend transitioncancel",P=>{U(P)&&(v(),m())}),Pe(d,"mousedown",q(Pe,i,"click",Bh,{A:!0,I:!0}),{I:!0}),(()=>{const P="pointerup pointerleave pointercancel lostpointercapture";return Pe(f,"pointerdown",j=>{const Y=as(j.target,`.${Qh}`)===h,ve=Y?h:f,oe=e.scrollbars,{button:J,isPrimary:We,pointerType:H}=j,{pointers:Te}=oe;if(0===J&&We&&oe[Y?"dragScroll":"clickScroll"]&&(Te||[]).includes(H)){const Le=!Y&&j.shiftKey,Ee=q(us,h),Xe=q(us,f),ct=(ge,en)=>(ge||Ee())[T]-(en||Xe())[T],b=_h(us(s)[C])/ki(s)[L]||1,I=((j,Y)=>ve=>{const{Lt:oe}=n,J=ki(f)[L]-ki(h)[L];gr(s,{[V]:j+Y*ve/J*oe[V]})})(ds(s)[V]||0,1/b),S=j[E],M=Ee(),R=Xe(),F=M[C],ce=ct(M,R)+F/2,ie=S-R[T],Fe=Y?0:ie-ce,Ve=ge=>{Yt(te),ve.releasePointerCapture(ge.pointerId)},te=[Fi(o,Xt,"scrollbarPressed"),Pe(i,P,Ve),Pe(i,"selectstart",ge=>b_(ge),{H:!1}),Pe(f,P,Ve),Pe(f,"pointermove",ge=>{(Y||Le)&&I(Fe+(ge[E]-S))})];if(ve.setPointerCapture(j.pointerId),Le)I(Fe);else if(!Y){const ge=hs("__osClickScrollPlugin");ge&&Oe(te,ge(I,ct,Fe,F,ie))}}})})(),g,v])}})(t,o,r,H=>h(H)&&f()&&ve())),{bt:V,Zt:U,Rt:A}=o,{Ft:x,Bt:P,Nt:O,jt:j}=T,Y=(H,Te)=>{if(C(),H)x(B_);else{const Ne=q(x,B_,!0);d>0&&!Te?E(Ne):Ne()}},ve=()=>{Y(!0),y(()=>{Y(!1)})},oe=H=>{x(Yh,H,!0),x(Yh,H,!1)},J=H=>{h(H)&&a&&Y(!0)},We=[C,v,D,g,()=>u(),Pe(V,"pointerover",J,{A:!0}),Pe(V,"pointerenter",J),Pe(V,"pointerleave",H=>{h(H)&&a&&Y(!1)}),Pe(V,"pointermove",H=>{h(H)&&i&&ve()}),Pe(U,"scroll",H=>{p(()=>{O(),f()&&ve()}),s(H),j()})];return[()=>q(Yt,Oe(We,L())),({Et:H,Tt:Te,Gt:Ne,Qt:Le})=>{const{tn:Ee,nn:Xe,sn:ct}=Le||{},{Ct:b,_t:I}=Ne||{},{N:S}=n,{T:M}=Jt(),{k:R,en:F}=r,[ce,ie]=H("showNativeOverlaidScrollbars"),[Fe,Ve]=H("scrollbars.theme"),[Ft,te]=H("scrollbars.visibility"),[ge,en]=H("scrollbars.autoHide"),[ut,Ae]=H("scrollbars.autoHideSuspend"),[ht]=H("scrollbars.autoHideDelay"),[St,Pn]=H("scrollbars.dragScroll"),[ul,dl]=H("scrollbars.clickScroll"),[fl,Fn]=H("overflow"),ep=Ee||Xe||b||Te,yr=ct||te||Fn,tp=ce&&M.x&&M.y,ps=(gs,ms,Vi)=>{const hl=gs.includes("scroll")&&("visible"===Ft||"auto"===Ft&&"scroll"===ms);return x(wL,hl,Vi),hl};if(d=ht,I&&!Te&&(ut&&(F.x||F.y)?(oe(!1),u(),m(()=>{u=Pe(U,"scroll",q(oe,!0),{A:!0})})):oe(!0)),ie&&x("os-theme-none",tp),Ve&&(x(l),x(Fe,!0),l=Fe),Ae&&!ut&&oe(!0),en&&(i="move"===ge,a="leave"===ge,c="never"===ge,Y(c,!0)),Pn&&x(_L,St),dl&&x(CL,ul),yr){const gs=ps(fl.x,R.x,!0),ms=ps(fl.y,R.y,!1);x(EL,!(gs&&ms))}ep&&(P(),O(),j(),x($_,!F.x,!0),x($_,!F.y,!1),x(yL,S&&!A))},{},T]})(e,t,f,a,c,r),y=m=>fr(m).some(D=>!!m[D]),v=(m,D)=>{const{dn:E,Tt:C,At:T,_n:L}=m,V=E||{},U=!!C,A={Et:O_(t,V,U),dn:V,Tt:U};if(L)return p(A),!1;const x=D||d(ae({},A,{At:T})),P=i(ae({},A,{an:f,Gt:x}));p(ae({},A,{Gt:x,Qt:P}));const O=y(x),j=y(P),Y=O||j||!Oh(V)||U;return Y&&n(m,{Gt:x,Qt:P}),Y};return[()=>{const{rn:m,D}=c,E=ds(m),C=[u(),s(),h()];return gr(D,E),q(Yt,C)},v,()=>({vn:f,hn:a}),{pn:c,gn:g},l]},Rn=(e,t,n)=>{const{nt:r}=Jt(),o=Yc(e),s=o?e:e.target,i=Y_(s);if(t&&!i){let a=!1;const c=[],l={},u=A=>{const x=d_(A,!0),P=hs("__osOptionsValidationPlugin");return P?P(x,!0):x},d=ae({},r(),u(t)),[f,h,p]=zh(),[g,y,v]=zh(n),m=(A,x)=>{v(A,x),p(A,x)},[D,E,C,T,L]=qL(e,d,({dn:A,Tt:x},{Gt:P,Qt:O})=>{const{ht:j,Ct:Y,xt:ve,Ht:oe,zt:J,_t:We}=P,{tn:H,nn:Te,sn:Ne}=O;m("updated",[U,{updateHints:{sizeChanged:!!j,directionChanged:!!Y,heightIntrinsicChanged:!!ve,overflowEdgeChanged:!!H,overflowAmountChanged:!!Te,overflowStyleChanged:!!Ne,contentMutation:!!oe,hostMutation:!!J,appear:!!We},changedOptions:A||{},force:!!x}])},A=>m("scroll",[U,A])),V=A=>{(e=>{Jh.delete(e)})(s),Yt(c),a=!0,m("destroyed",[U,A]),h(),y()},U={options(A,x){if(A){const P=x?r():{},O=x_(d,ae(P,u(A)));Oh(O)||(ae(d,O),E({dn:O}))}return ae({},d)},on:g,off:(A,x)=>{A&&x&&y(A,x)},state(){const{vn:A,hn:x}=C(),{N:P}=A,{Pt:O,Lt:j,k:Y,en:ve,cn:oe,un:J}=x;return ae({},{overflowEdge:O,overflowAmount:j,overflowStyle:Y,hasOverflow:ve,padding:oe,paddingAbsolute:J,directionRTL:P,destroyed:a})},elements(){const{gt:A,bt:x,cn:P,D:O,wt:j,kt:Y,Zt:ve}=T.pn,{qt:oe,Jt:J}=T.gn,We=Te=>{const{Vt:Ne,Mt:Le,Ut:Ee}=Te;return{scrollbar:Ee,track:Le,handle:Ne}},H=Te=>{const{Wt:Ne,Xt:Le}=Te,Ee=We(Ne[0]);return ae({},Ee,{clone:()=>{const Xe=We(Le());return E({_n:!0}),Xe}})};return ae({},{target:A,host:x,padding:P||O,viewport:O,content:j||O,scrollOffsetElement:Y,scrollEventElement:ve,scrollbarHorizontal:H(oe),scrollbarVertical:H(J)})},update:A=>E({Tt:A,At:!0}),destroy:q(V,!1),plugin:A=>l[fr(A)[0]]};return Oe(c,[L]),((e,t)=>{Jh.set(e,t)})(s,U),q_(z_,Rn,[U,f,l]),((e,t)=>{const{nativeScrollbarsOverlaid:n,body:r}=t||{},{T:o,L:s,G:i}=Jt(),{nativeScrollbarsOverlaid:a,body:c}=i().cancel,l=n??a,u=Ri(r)?c:r,d=(o.x||o.y)&&l,f=e&&(qc(u)?!s:u);return!!d||!!f})(T.pn.Rt,!o&&e.cancel)?(V(!0),U):(Oe(c,D()),m("initialized",[U]),U.update(!0),U)}return i};Rn.plugin=e=>{const t=pn(e),n=t?e:[e],r=n.map(o=>q_(o,Rn)[0]);return(e=>{ue(e,t=>ue(t,(n,r)=>{z_[r]=t[r]}))})(n),t?r:r[0]},Rn.valid=e=>{const t=e&&e.elements,n=hn(t)&&t();return Qc(n)&&!!Y_(n.target)},Rn.env=()=>{const{P:e,T:t,L:n,K:r,J:o,st:s,et:i,G:a,tt:c,nt:l,ot:u}=Jt();return ae({},{scrollbarsSize:e,scrollbarsOverlaid:t,scrollbarsHiding:n,rtlScrollBehavior:r,scrollTimeline:o,staticDefaultInitialization:s,staticDefaultOptions:i,getDefaultInitialization:a,setDefaultInitialization:c,getDefaultOptions:l,setDefaultOptions:u})};const J_=["content"],WL=["*"];let eI=(()=>{class e{constructor(n){this.ngZone=n,this.instanceRef=null;const[r,o]=(()=>{if(typeof window>"u"){const l=()=>{};return[l,l]}let e,t;const n=window,r="function"==typeof n.requestIdleCallback,o=n.requestAnimationFrame,s=n.cancelAnimationFrame,i=r?n.requestIdleCallback:o,a=r?n.cancelIdleCallback:s,c=()=>{a(e),s(t)};return[(l,u)=>{c(),e=i(r?()=>{c(),t=o(l)}:l,"object"==typeof u?u:{timeout:2233})},c]})();this.requestDefer=r,this.cancelDefer=o}osInitialize(n){this.ngZone.runOutsideAngular(()=>{const r=()=>{this.instanceRef=Rn(n,this.options||{},this.events||{})};this.defer?this.requestDefer(r,this.defer):r()})}osInstance(){return this.instanceRef}ngOnChanges(n){const r=n.options,o=n.events;if(r){const s=r.currentValue;this.options=s,Rn.valid(this.instanceRef)&&this.instanceRef.options(s||{},!0)}if(o){const s=o.currentValue;this.events=s,Rn.valid(this.instanceRef)&&this.instanceRef.on(s||{},!0)}}ngOnDestroy(){this.cancelDefer()}}return e.\u0275fac=function(n){return new(n||e)(X(be))},e.\u0275dir=Lt({type:e,selectors:[["","overlayScrollbars",""]],inputs:{options:"options",events:"events",defer:"defer"},features:[Ts]}),e})(),tI=(()=>{class e{constructor(n,r){this.ngZone=n,this.targetRef=r,this.onInitialized=new Bt,this.onUpdated=new Bt,this.onDestroyed=new Bt,this.onScroll=new Bt}osInstance(){return this.osDirective.osInstance()}getElement(){return this.targetRef.nativeElement}ngAfterViewInit(){const n=this.getElement(),r=this.contentRef.nativeElement;n&&r&&this.osDirective.osInitialize({target:n,elements:{viewport:r,content:r}})}ngOnDestroy(){this.osDirective?.osInstance().destroy()}mergeEvents(n){return((e,t)=>Object.keys(e).reduce((n,r)=>{const s=t[r];return n[r]=[e[r],...(Array.isArray(s)?s:[s]).filter(Boolean)],n},{}))({initialized:(...r)=>this.dispatchEventIfHasObservers(this.onInitialized,r),updated:(...r)=>this.dispatchEventIfHasObservers(this.onUpdated,r),destroyed:(...r)=>this.dispatchEventIfHasObservers(this.onDestroyed,r),scroll:(...r)=>this.dispatchEventIfHasObservers(this.onScroll,r)},n||{})}dispatchEventIfHasObservers(n,r){(n.observed||n.observers.length>0)&&this.ngZone.run(()=>n.emit(r))}}return e.\u0275fac=function(n){return new(n||e)(X(be),X(Or))},e.\u0275cmp=Ql({type:e,selectors:[["overlay-scrollbars"],["","overlay-scrollbars",""]],viewQuery:function(n,r){if(1&n&&(vc(J_,5),vc(J_,5,eI)),2&n){let o;yc(o=Dc())&&(r.contentRef=o.first),yc(o=Dc())&&(r.osDirective=o.first)}},hostAttrs:["data-overlayscrollbars-initialize",""],inputs:{options:"options",events:"events",defer:"defer"},outputs:{onInitialized:"osInitialized",onUpdated:"osUpdated",onDestroyed:"osDestroyed",onScroll:"osScroll"},ngContentSelectors:WL,decls:3,vars:3,consts:[["overlayScrollbars","","data-overlayscrollbars-contents","",3,"options","events","defer"],["content",""]],template:function(n,r){1&n&&(function lw(e){const t=w()[ke][gt];if(!t.projection){const r=t.projection=Vs(e?e.length:1,null),o=r.slice();let s=t.child;for(;null!==s;){const i=e?jO(s,e):0;null!==i&&(o[i]?o[i].projectionNext=s:r[i]=s,o[i]=s),s=s.next}}}(),Ge(0,"div",0,1),function uw(e,t=0,n){const r=w(),o=re(),s=Ao(o,Q+e,16,null,n||null);null===s.projection&&(s.projection=t),iu(),(!r[on]||ao())&&32!=(32&s.flags)&&function c0(e,t,n){Km(t[Z],0,t,n,Zu(e,n,t),Gm(n.parent||t[gt],n,t))}(o,r,s)}(2),st()),2&n&&ot("options",r.options)("events",r.mergeEvents(r.events))("defer",r.defer)},dependencies:[eI],encapsulation:2}),e})(),YL=(()=>{class e{}return e.\u0275fac=function(n){return new(n||e)},e.\u0275mod=Jr({type:e}),e.\u0275inj=Cr({}),e})();const XL=["osRef"];function JL(e,t){1&e&&(Ge(0,"div",14),lc(1,"img",15),st())}const eV=e=>({display:e});function tV(e,t){if(1&e&&(Ge(0,"div",11,12),Rt(2,JL,2,0,"div",13),st()),2&e){const n=lr();ot("ngStyle",If(5,eV,n.elementHidden?"none":void 0))("options",n.options)("events",n.events)("defer",!0),vt(2),ot("ngIf",!n.contentHidden)}}function nV(e,t){1&e&&(Ge(0,"div",16)(1,"div",14),lc(2,"img",15),st()())}function rV(e,t){1&e&&it(0," Show ")}function oV(e,t){1&e&&it(0," Hide ")}function sV(e,t){1&e&&it(0," Show ")}function iV(e,t){1&e&&it(0," Hide ")}function aV(e,t){if(1&e){const n=uf();Ge(0,"button",7),jr("click",function(){return xs(n),Os(lr().scrollContent())}),it(1,"Scroll"),st(),Ge(2,"button",7),jr("click",function(){return xs(n),Os(lr().toggleContent())}),Rt(3,rV,1,0,"ng-template",6)(4,oV,1,0,"ng-template",6),it(5," Content "),st(),Ge(6,"button",7),jr("click",function(){return xs(n),Os(lr().toggleElement())}),Rt(7,sV,1,0,"ng-template",6)(8,iV,1,0,"ng-template",6),it(9," Element "),st()}if(2&e){const n=lr();vt(3),ot("ngIf",n.contentHidden),vt(1),ot("ngIf",!n.contentHidden),vt(3),ot("ngIf",n.elementHidden),vt(1),ot("ngIf",!n.elementHidden)}}function cV(e,t){1&e&&it(0," Destroy ")}function lV(e,t){1&e&&it(0," Initialize ")}const uV=e=>({event:!0,active:e});function dV(e,t){if(1&e&&(Ge(0,"div",17),it(1),st()),2&e){const n=t.$implicit;ot("ngClass",If(3,uV,n.value.active)),vt(1),mf(" ",n.key," (",n.value.count,") ")}}function fV(e,t){1&e&&it(0," Destroy ")}function hV(e,t){1&e&&it(0," Initialize ")}function pV(e,t){if(1&e){const n=uf();Ge(0,"section")(1,"div",5)(2,"button",7),jr("click",function(){return xs(n),Os(lr().toggleBodyOverlayScrollbars())}),Rt(3,fV,1,0,"ng-template",6)(4,hV,1,0,"ng-template",6),it(5," Body OverlayScrollbars "),st()()()}if(2&e){const n=lr();vt(3),ot("ngIf",n.useBodyOverlayScrollbars),vt(1),ot("ngIf",!n.useBodyOverlayScrollbars)}}const nI=e=>Rn({target:document.body,cancel:{body:!e&&null}},{scrollbars:{theme:"os-theme-light"}}).state().destroyed;let gV=(()=>{class e{contentHidden=!1;elementHidden=!1;useOverlayScrollbars=!0;useBodyOverlayScrollbars=null;options={scrollbars:{theme:"os-theme-light"}};events;observedEvents$;osRef;constructor(n){const[r,o]=(e=>{const t=new zp([]),n={},r={},s=a=>({active:t.getValue().includes(a),count:n[a]||0});return[t.pipe(Cp(()=>({initialized:s("initialized"),destroyed:s("destroyed"),updated:s("updated"),scroll:s("scroll")}))),a=>{const c=n[a];n[a]="number"==typeof c?c+1:1,t.next(Array.from(new Set([...t.getValue(),a]))),clearTimeout(r[a]),r[a]=setTimeout(()=>{const l=new Set(t.getValue());l.delete(a),t.next(Array.from(l)),e.detectChanges()},500),e.detectChanges()}]})(n);this.events={initialized:()=>o("initialized"),destroyed:()=>o("destroyed"),updated:()=>o("updated"),scroll:()=>o("scroll")},this.observedEvents$=r}scrollContent(){const n=this.osRef?.osInstance();if(!n)return;const{overflowAmount:r}=n.state(),{scrollOffsetElement:o}=n.elements(),{scrollLeft:s,scrollTop:i}=o;o.scrollTo({behavior:"smooth",left:Math.round((r.x-s)/r.x)*r.x,top:Math.round((r.y-i)/r.y)*r.y})}toggleContent(){this.contentHidden=!this.contentHidden}toggleElement(){this.elementHidden=!this.elementHidden}toggleBodyOverlayScrollbars(){const n=Rn(document.body);n?(n.destroy(),this.useBodyOverlayScrollbars=!1):this.useBodyOverlayScrollbars=!nI(!0)}ngOnInit(){this.useBodyOverlayScrollbars=!nI()}originalOrder(){return 0}static \u0275fac=function(r){return new(r||e)(X(Ad))};static \u0275cmp=Ql({type:e,selectors:[["app-root"]],viewQuery:function(r,o){if(1&r&&vc(XL,5,tI),2&r){let s;yc(s=Dc())&&(o.osRef=s.first)}},decls:27,vars:12,consts:[["href","https://www.npmjs.com/package/overlayscrollbars-ngx","target","_blank"],[1,"slot"],["overlay-scrollbars","","class","overlayscrollbars-ngx",3,"ngStyle","options","events","defer",4,"ngIf"],["class","overlayscrollbars-ngx",4,"ngIf"],[1,"title"],[1,"items"],[3,"ngIf"],[3,"click"],[3,"ngClass",4,"ngFor","ngForOf"],[4,"ngIf"],["href","https://github.com/KingSora/OverlayScrollbars/tree/master/examples/angular","target","_blank"],["overlay-scrollbars","",1,"overlayscrollbars-ngx",3,"ngStyle","options","events","defer"],["osRef",""],["class","logo",4,"ngIf"],[1,"logo"],["alt","Angular logo","src","assets/logo.svg"],[1,"overlayscrollbars-ngx"],[3,"ngClass"]],template:function(r,o){1&r&&(Ge(0,"main")(1,"h1")(2,"a",0),it(3," OverlayScrollbars Ngx "),st()(),Ge(4,"section",1),Rt(5,tV,3,7,"div",2)(6,nV,3,0,"div",3),st(),Ge(7,"section")(8,"p",4),it(9,"Actions:"),st(),Ge(10,"div",5),Rt(11,aV,10,4,"ng-template",6),Ge(12,"button",7),jr("click",function(){return o.useOverlayScrollbars=!o.useOverlayScrollbars}),Rt(13,cV,1,0,"ng-template",6)(14,lV,1,0,"ng-template",6),it(15," OverlayScrollbars "),st()()(),Ge(16,"section")(17,"p",4),it(18,"Events:"),st(),Ge(19,"div",5),Rt(20,dV,2,5,"div",8),bf(21,"keyvalue"),bf(22,"async"),st()()(),Ge(23,"footer"),Rt(24,pV,6,2,"section",9),Ge(25,"a",10),it(26," Open source code of this example. "),st()()),2&r&&(vt(5),ot("ngIf",o.useOverlayScrollbars),vt(1),ot("ngIf",!o.useOverlayScrollbars),vt(5),ot("ngIf",o.useOverlayScrollbars),vt(2),ot("ngIf",o.useOverlayScrollbars),vt(1),ot("ngIf",!o.useOverlayScrollbars),vt(6),ot("ngForOf",Jw(21,7,function Xw(e,t,n){const r=e+Q,o=w(),s=io(o,r);return _i(o,r)?Ww(o,Et(),t,s.transform,n,s):s.transform(n)}(22,10,o.observedEvents$),o.originalOrder)),vt(4),ot("ngIf",null!==o.useBodyOverlayScrollbars))},dependencies:[pC,mC,vC,EC,tI,CC,_C],encapsulation:2})}return e})(),mV=(()=>{class e{static \u0275fac=function(r){return new(r||e)};static \u0275mod=Jr({type:e,bootstrap:[gV]});static \u0275inj=Cr({imports:[$k,YL]})}return e})();jk().bootstrapModule(mV).catch(e=>console.error(e))}},pl=>{pl(pl.s=591)}]); \ No newline at end of file diff --git a/docs/example/angular/styles.4a652af8f76cde1a.css b/docs/example/angular/styles.4a652af8f76cde1a.css deleted file mode 100644 index c76289ee..00000000 --- a/docs/example/angular/styles.4a652af8f76cde1a.css +++ /dev/null @@ -1,9 +0,0 @@ -/*! - * OverlayScrollbars - * Version: 2.7.0 - * - * Copyright (c) Rene Haas | KingSora. - * https://github.com/KingSora - * - * Released under the MIT license. - */.os-size-observer,.os-size-observer-listener{scroll-behavior:auto!important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;inset:0;transform:scale(.1)}.os-size-observer:before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(10)}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}.os-environment{scroll-behavior:auto!important;position:fixed;opacity:0;visibility:hidden;overflow:scroll;height:200px;width:200px;z-index:-1}.os-environment div{width:200%;height:200%;margin:10px 0}.os-environment.os-environment-flexbox-glue{display:flex;flex-direction:row;flex-wrap:nowrap;height:auto;width:auto;min-height:200px;min-width:200px}.os-environment.os-environment-flexbox-glue div{flex:auto;width:auto;height:auto;max-height:100%;max-width:100%;margin:0}.os-environment.os-environment-flexbox-glue-max{max-height:200px}.os-environment.os-environment-flexbox-glue-max div{overflow:visible}.os-environment.os-environment-flexbox-glue-max div:before{content:"";display:block;height:999px;width:999px}.os-environment,[data-overlayscrollbars-viewport]{-ms-overflow-style:scrollbar!important}[data-overlayscrollbars-initialize],[data-overlayscrollbars~=scrollbarHidden],[data-overlayscrollbars-viewport~=scrollbarHidden],.os-environment-scrollbar-hidden{scrollbar-width:none!important}[data-overlayscrollbars-initialize]::-webkit-scrollbar,[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,.os-environment-scrollbar-hidden::-webkit-scrollbar,.os-environment-scrollbar-hidden::-webkit-scrollbar-corner{appearance:none!important;display:none!important;width:0!important;height:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars]{box-sizing:border-box;margin:0}html[data-overlayscrollbars~=body],html[data-overlayscrollbars~=body]>body{width:100%;height:100%}html[data-overlayscrollbars~=viewport]>body{overflow:visible}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch!important;flex-direction:row!important;flex-wrap:nowrap!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{box-sizing:inherit;position:relative;flex:auto!important;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]{--os-vaw: 0;--os-vah: 0}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{overflow:hidden}[data-overlayscrollbars~=host],[data-overlayscrollbars~=viewport]{position:relative;overflow:hidden}[data-overlayscrollbars~=overflowVisible],[data-overlayscrollbars-padding~=overflowVisible],[data-overlayscrollbars-viewport~=overflowVisible]{overflow:visible}[data-overlayscrollbars-overflow-x=hidden]{overflow-x:hidden}[data-overlayscrollbars-overflow-x=scroll]{overflow-x:scroll}[data-overlayscrollbars-overflow-x=hidden]{overflow-y:hidden}[data-overlayscrollbars-overflow-y=scroll]{overflow-y:scroll}[data-overlayscrollbars~=scrollbarPressed],[data-overlayscrollbars~=scrollbarPressed] [data-overlayscrollbars-viewport]{scroll-behavior:auto!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none}.os-scrollbar-track{position:relative;direction:ltr!important;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0}.os-scrollbar-vertical .os-scrollbar-handle{right:0}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}.os-scrollbar{--os-size: 0;--os-padding-perpendicular: 0;--os-padding-axis: 0;--os-track-border-radius: 0;--os-track-bg: none;--os-track-bg-hover: none;--os-track-bg-active: none;--os-track-border: none;--os-track-border-hover: none;--os-track-border-active: none;--os-handle-border-radius: 0;--os-handle-bg: none;--os-handle-bg-hover: none;--os-handle-bg-active: none;--os-handle-border: none;--os-handle-border-hover: none;--os-handle-border-active: none;--os-handle-min-size: 33px;--os-handle-max-size: none;--os-handle-perpendicular-size: 100%;--os-handle-perpendicular-size-hover: 100%;--os-handle-perpendicular-size-active: 100%;--os-handle-interactive-area-offset: 0}.os-scrollbar .os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar .os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar .os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar .os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar .os-scrollbar-handle:before{content:"";position:absolute;inset:0;display:block}.os-scrollbar .os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar .os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars~=updating]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size: 10px;--os-padding-perpendicular: 2px;--os-padding-axis: 2px;--os-track-border-radius: 10px;--os-handle-interactive-area-offset: 4px;--os-handle-border-radius: 10px}.os-theme-dark{--os-handle-bg: rgba(0, 0, 0, .44);--os-handle-bg-hover: rgba(0, 0, 0, .55);--os-handle-bg-active: rgba(0, 0, 0, .66)}.os-theme-light{--os-handle-bg: rgba(255, 255, 255, .44);--os-handle-bg-hover: rgba(255, 255, 255, .55);--os-handle-bg-active: rgba(255, 255, 255, .66)}*,*:before,*:after{box-sizing:border-box;font-family:inherit}:root{--foreground-color-rgb: 221 0 49;--background-color-rgb: 48 48 48;--foreground-color: rgb(var(--foreground-color-rgb));--background-color: rgb(var(--background-color-rgb));--text-color: #fafafa}*{outline-width:2px;outline-color:var(--foreground-color);outline-offset:2px}*:focus-visible{outline:2px solid var(--foreground-color)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;background-color:var(--background-color);color:var(--text-color);scroll-behavior:smooth}main{height:100vh;display:flex;flex-direction:column;justify-content:center}footer{margin-top:25vh;padding:3rem 0}section{margin:1.125rem}a{color:inherit;text-decoration:none;transition:color .15s,background-size .25s;padding:.25rem .5rem;background:linear-gradient(0deg,currentColor,currentColor) no-repeat right bottom / 0 2px}a:hover{text-underline-offset:.2em;background-size:100% 2px;background-position-x:left}a:hover,a:focus{color:var(--foreground-color)}a:focus-visible{border-radius:2px}button{appearance:none;display:block;background:var(--foreground-color);border:none;color:var(--background-color);border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem;transition:color .15s,outline-color .15s;transform:scale(1);outline:2px solid transparent;white-space:nowrap}button:hover,button:focus{outline-color:var(--foreground-color)}img{width:100%;height:100%}.slot{border-radius:6px;width:16rem;height:16rem;margin:0 auto;flex:none}.overlayscrollbars-ngx{width:100%;height:100%;overflow:auto;border:2px solid var(--foreground-color);border-radius:6px;box-shadow:rgb(var(--foreground-color-rgb) / .14) 0 .875rem 3.125rem}.logo{width:180%;height:180%;padding:1rem;display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}.title{font-size:.875rem;font-weight:500;padding:0;margin:.25rem 0}.items{display:inline-flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center;padding:.75rem;-webkit-backdrop-filter:brightness(88%) contrast(1.012);backdrop-filter:brightness(88%) contrast(1.012);border-radius:12px}.event{padding:.3rem .5rem;border-radius:4px;font-family:monospace}.event.active{color:var(--foreground-color);outline-offset:2px;outline:2px solid var(--foreground-color);background:rgb(var(--foreground-color-rgb) / .15)} diff --git a/docs/example/angular/styles.608804caa1f2fb54.css b/docs/example/angular/styles.608804caa1f2fb54.css new file mode 100644 index 00000000..4aa93d44 --- /dev/null +++ b/docs/example/angular/styles.608804caa1f2fb54.css @@ -0,0 +1,9 @@ +/*! + * OverlayScrollbars + * Version: 2.7.1 + * + * Copyright (c) Rene Haas | KingSora. + * https://github.com/KingSora + * + * Released under the MIT license. + */.os-size-observer,.os-size-observer-listener{scroll-behavior:auto!important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;inset:0;transform:scale(.1)}.os-size-observer:before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(10)}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}[data-overlayscrollbars-initialize],[data-overlayscrollbars~=scrollbarHidden],[data-overlayscrollbars-viewport~=scrollbarHidden]{scrollbar-width:none!important}[data-overlayscrollbars-initialize]::-webkit-scrollbar,[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner{appearance:none!important;display:none!important;width:0!important;height:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars]{box-sizing:border-box;margin:0}html[data-overlayscrollbars~=body],html[data-overlayscrollbars~=body]>body{width:100%;height:100%}html[data-overlayscrollbars~=viewport]>body{overflow:visible}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch!important;flex-direction:row!important;flex-wrap:nowrap!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{box-sizing:inherit;position:relative;flex:auto!important;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]{--os-vaw: 0;--os-vah: 0;outline:none}[data-overlayscrollbars-viewport]:focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{overflow:hidden}[data-overlayscrollbars~=host],[data-overlayscrollbars~=viewport]{position:relative;overflow:hidden}[data-overlayscrollbars~=overflowVisible],[data-overlayscrollbars-padding~=overflowVisible],[data-overlayscrollbars-viewport~=overflowVisible]{overflow:visible}[data-overlayscrollbars-overflow-x=hidden]{overflow-x:hidden}[data-overlayscrollbars-overflow-x=scroll]{overflow-x:scroll}[data-overlayscrollbars-overflow-x=hidden]{overflow-y:hidden}[data-overlayscrollbars-overflow-y=scroll]{overflow-y:scroll}[data-overlayscrollbars~=scrollbarPressed],[data-overlayscrollbars~=scrollbarPressed] [data-overlayscrollbars-viewport]{scroll-behavior:auto!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none}.os-scrollbar-track{position:relative;direction:ltr!important;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0}.os-scrollbar-vertical .os-scrollbar-handle{right:0}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}.os-scrollbar{--os-size: 0;--os-padding-perpendicular: 0;--os-padding-axis: 0;--os-track-border-radius: 0;--os-track-bg: none;--os-track-bg-hover: none;--os-track-bg-active: none;--os-track-border: none;--os-track-border-hover: none;--os-track-border-active: none;--os-handle-border-radius: 0;--os-handle-bg: none;--os-handle-bg-hover: none;--os-handle-bg-active: none;--os-handle-border: none;--os-handle-border-hover: none;--os-handle-border-active: none;--os-handle-min-size: 33px;--os-handle-max-size: none;--os-handle-perpendicular-size: 100%;--os-handle-perpendicular-size-hover: 100%;--os-handle-perpendicular-size-active: 100%;--os-handle-interactive-area-offset: 0}.os-scrollbar .os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar .os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar .os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar .os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar .os-scrollbar-handle:before{content:"";position:absolute;inset:0;display:block}.os-scrollbar .os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar .os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars~=updating]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size: 10px;--os-padding-perpendicular: 2px;--os-padding-axis: 2px;--os-track-border-radius: 10px;--os-handle-interactive-area-offset: 4px;--os-handle-border-radius: 10px}.os-theme-dark{--os-handle-bg: rgba(0, 0, 0, .44);--os-handle-bg-hover: rgba(0, 0, 0, .55);--os-handle-bg-active: rgba(0, 0, 0, .66)}.os-theme-light{--os-handle-bg: rgba(255, 255, 255, .44);--os-handle-bg-hover: rgba(255, 255, 255, .55);--os-handle-bg-active: rgba(255, 255, 255, .66)}*,*:before,*:after{box-sizing:border-box;font-family:inherit}:root{--foreground-color-rgb: 221 0 49;--background-color-rgb: 48 48 48;--foreground-color: rgb(var(--foreground-color-rgb));--background-color: rgb(var(--background-color-rgb));--text-color: #fafafa}*{outline-width:2px;outline-color:var(--foreground-color);outline-offset:2px}*:focus-visible{outline:2px solid var(--foreground-color)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;background-color:var(--background-color);color:var(--text-color);scroll-behavior:smooth}main{height:100vh;display:flex;flex-direction:column;justify-content:center}footer{margin-top:25vh;padding:3rem 0}section{margin:1.125rem}a{color:inherit;text-decoration:none;transition:color .15s,background-size .25s;padding:.25rem .5rem;background:linear-gradient(0deg,currentColor,currentColor) no-repeat right bottom / 0 2px}a:hover{text-underline-offset:.2em;background-size:100% 2px;background-position-x:left}a:hover,a:focus{color:var(--foreground-color)}a:focus-visible{border-radius:2px}button{appearance:none;display:block;background:var(--foreground-color);border:none;color:var(--background-color);border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem;transition:color .15s,outline-color .15s;transform:scale(1);outline:2px solid transparent;white-space:nowrap}button:hover,button:focus{outline-color:var(--foreground-color)}img{width:100%;height:100%}.slot{border-radius:6px;width:16rem;height:16rem;margin:0 auto;flex:none}.overlayscrollbars-ngx{width:100%;height:100%;overflow:auto;border:2px solid var(--foreground-color);border-radius:6px;box-shadow:rgb(var(--foreground-color-rgb) / .14) 0 .875rem 3.125rem}.logo{width:180%;height:180%;padding:1rem;display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}.title{font-size:.875rem;font-weight:500;padding:0;margin:.25rem 0}.items{display:inline-flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center;padding:.75rem;-webkit-backdrop-filter:brightness(88%) contrast(1.012);backdrop-filter:brightness(88%) contrast(1.012);border-radius:12px}.event{padding:.3rem .5rem;border-radius:4px;font-family:monospace}.event.active{color:var(--foreground-color);outline-offset:2px;outline:2px solid var(--foreground-color);background:rgb(var(--foreground-color-rgb) / .15)} diff --git a/docs/example/overlayscrollbars/assets/index-2H-IM9V0.css b/docs/example/overlayscrollbars/assets/index-2H-IM9V0.css new file mode 100644 index 00000000..dbcf5c82 --- /dev/null +++ b/docs/example/overlayscrollbars/assets/index-2H-IM9V0.css @@ -0,0 +1,9 @@ +*,*:before,*:after{box-sizing:border-box;font-family:inherit}:root{--foreground-color-rgb: 66 118 255;--background-color-rgb: 248 250 252;--foreground-color: rgb(var(--foreground-color-rgb));--background-color: rgb(var(--background-color-rgb));--text-color: #0a376b}*{outline-width:2px;outline-color:var(--foreground-color);outline-offset:2px}*:focus-visible{outline:2px solid var(--foreground-color)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;background-color:var(--background-color);color:var(--text-color);scroll-behavior:smooth}main{height:100vh;display:flex;flex-direction:column;justify-content:center}footer{margin-top:25vh;padding:3rem 0}section{margin:1.125rem}a{color:inherit;text-decoration:none;transition:color .15s,background-size .25s;padding:.25rem .5rem;background:linear-gradient(0deg,currentColor,currentColor) no-repeat right bottom / 0 2px}a:hover{text-underline-offset:.2em;background-size:100% 2px;background-position-x:left}a:hover,a:focus{color:var(--foreground-color)}a:focus-visible{border-radius:2px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;background:var(--foreground-color);border:none;color:var(--background-color);border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem;transition:color .15s,outline-color .15s;transform:scale(1);outline:2px solid transparent;white-space:nowrap}button:hover,button:focus{outline-color:var(--foreground-color)}img{width:100%;height:100%}.slot{border-radius:6px;width:16rem;height:16rem;margin:0 auto;flex:none}.overlayscrollbars{width:100%;height:100%;overflow:auto;border:2px solid var(--foreground-color);border-radius:6px;box-shadow:rgb(var(--foreground-color-rgb) / .14) 0 .875rem 3.125rem}.logo{width:180%;height:180%;padding:1rem;display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}.title{font-size:.875rem;font-weight:500;padding:0;margin:.25rem 0}.items{display:inline-flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center;padding:.75rem;-webkit-backdrop-filter:brightness(88%) contrast(1.012);backdrop-filter:brightness(88%) contrast(1.012);border-radius:12px}.event{padding:.3rem .5rem;border-radius:4px;font-family:monospace}.event.active{color:var(--foreground-color);outline-offset:2px;outline:2px solid var(--foreground-color);background:rgb(var(--foreground-color-rgb) / .15)}/*! + * OverlayScrollbars + * Version: 2.7.1 + * + * Copyright (c) Rene Haas | KingSora. + * https://github.com/KingSora + * + * Released under the MIT license. + */.os-size-observer,.os-size-observer-listener{scroll-behavior:auto!important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(.1)}.os-size-observer:before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(10)}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}[data-overlayscrollbars-initialize],[data-overlayscrollbars~=scrollbarHidden],[data-overlayscrollbars-viewport~=scrollbarHidden]{scrollbar-width:none!important}[data-overlayscrollbars-initialize]::-webkit-scrollbar,[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;display:none!important;width:0!important;height:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars]{box-sizing:border-box;margin:0}html[data-overlayscrollbars~=body],html[data-overlayscrollbars~=body]>body{width:100%;height:100%}html[data-overlayscrollbars~=viewport]>body{overflow:visible}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch!important;flex-direction:row!important;flex-wrap:nowrap!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{box-sizing:inherit;position:relative;flex:auto!important;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]{--os-vaw: 0;--os-vah: 0;outline:none}[data-overlayscrollbars-viewport]:focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{overflow:hidden}[data-overlayscrollbars~=host],[data-overlayscrollbars~=viewport]{position:relative;overflow:hidden}[data-overlayscrollbars~=overflowVisible],[data-overlayscrollbars-padding~=overflowVisible],[data-overlayscrollbars-viewport~=overflowVisible]{overflow:visible}[data-overlayscrollbars-overflow-x=hidden]{overflow-x:hidden}[data-overlayscrollbars-overflow-x=scroll]{overflow-x:scroll}[data-overlayscrollbars-overflow-x=hidden]{overflow-y:hidden}[data-overlayscrollbars-overflow-y=scroll]{overflow-y:scroll}[data-overlayscrollbars~=scrollbarPressed],[data-overlayscrollbars~=scrollbarPressed] [data-overlayscrollbars-viewport]{scroll-behavior:auto!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none}.os-scrollbar-track{position:relative;direction:ltr!important;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0}.os-scrollbar-vertical .os-scrollbar-handle{right:0}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}.os-scrollbar{--os-size: 0;--os-padding-perpendicular: 0;--os-padding-axis: 0;--os-track-border-radius: 0;--os-track-bg: none;--os-track-bg-hover: none;--os-track-bg-active: none;--os-track-border: none;--os-track-border-hover: none;--os-track-border-active: none;--os-handle-border-radius: 0;--os-handle-bg: none;--os-handle-bg-hover: none;--os-handle-bg-active: none;--os-handle-border: none;--os-handle-border-hover: none;--os-handle-border-active: none;--os-handle-min-size: 33px;--os-handle-max-size: none;--os-handle-perpendicular-size: 100%;--os-handle-perpendicular-size-hover: 100%;--os-handle-perpendicular-size-active: 100%;--os-handle-interactive-area-offset: 0}.os-scrollbar .os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar .os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar .os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar .os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar .os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar .os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar .os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars~=updating]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size: 10px;--os-padding-perpendicular: 2px;--os-padding-axis: 2px;--os-track-border-radius: 10px;--os-handle-interactive-area-offset: 4px;--os-handle-border-radius: 10px}.os-theme-dark{--os-handle-bg: rgba(0, 0, 0, .44);--os-handle-bg-hover: rgba(0, 0, 0, .55);--os-handle-bg-active: rgba(0, 0, 0, .66)}.os-theme-light{--os-handle-bg: rgba(255, 255, 255, .44);--os-handle-bg-hover: rgba(255, 255, 255, .55);--os-handle-bg-active: rgba(255, 255, 255, .66)} diff --git a/docs/example/overlayscrollbars/assets/index-FdQWQp_j.js b/docs/example/overlayscrollbars/assets/index-FdQWQp_j.js deleted file mode 100644 index 34073206..00000000 --- a/docs/example/overlayscrollbars/assets/index-FdQWQp_j.js +++ /dev/null @@ -1,9 +0,0 @@ -(function(){const e=document.createElement("link").relList;if(e&&e.supports&&e.supports("modulepreload"))return;for(const s of document.querySelectorAll('link[rel="modulepreload"]'))o(s);new MutationObserver(s=>{for(const c of s)if(c.type==="childList")for(const r of c.addedNodes)r.tagName==="LINK"&&r.rel==="modulepreload"&&o(r)}).observe(document,{childList:!0,subtree:!0});function n(s){const c={};return s.integrity&&(c.integrity=s.integrity),s.referrerPolicy&&(c.referrerPolicy=s.referrerPolicy),s.crossOrigin==="use-credentials"?c.credentials="include":s.crossOrigin==="anonymous"?c.credentials="omit":c.credentials="same-origin",c}function o(s){if(s.ep)return;s.ep=!0;const c=n(s);fetch(s.href,c)}})();/*! - * OverlayScrollbars - * Version: 2.7.0 - * - * Copyright (c) Rene Haas | KingSora. - * https://github.com/KingSora - * - * Released under the MIT license. - */const ht=(t,e)=>{const{o:n,u:o,_:s}=t;let c=n,r;const l=(i,f)=>{const m=c,b=i,A=f||(o?!o(m,b):m!==b);return(A||s)&&(c=b,r=m),[c,A,r]};return[e?i=>l(e(c,r),i):l,i=>[c,!!i,r]]},Gn=typeof window<"u"&&typeof document<"u",vt=Gn?window:{},he=Math.max,Vo=Math.min,Ge=Math.round,Wn=vt.cancelAnimationFrame,Kn=vt.requestAnimationFrame,We=vt.setTimeout,Ke=vt.clearTimeout,Ae=t=>typeof vt[t]<"u"?vt[t]:void 0,No=Ae("MutationObserver"),En=Ae("IntersectionObserver"),we=Ae("ResizeObserver"),Xe=Ae("ScrollTimeline"),Xn=Gn&&Node.ELEMENT_NODE,{toString:qo,hasOwnProperty:Ne}=Object.prototype,Fo=/^\[object (.+)\]$/,ue=t=>t===void 0,Le=t=>t===null,Uo=t=>ue(t)||Le(t)?`${t}`:qo.call(t).replace(Fo,"$1").toLowerCase(),Ct=t=>typeof t=="number",He=t=>typeof t=="string",Yn=t=>typeof t=="boolean",$t=t=>typeof t=="function",wt=t=>Array.isArray(t),re=t=>typeof t=="object"&&!wt(t)&&!Le(t),Pe=t=>{const e=!!t&&t.length,n=Ct(e)&&e>-1&&e%1==0;return wt(t)||!$t(t)&&n?e>0&&re(t)?e-1 in t:!0:!1},Oe=t=>{if(!t||!re(t)||Uo(t)!=="object")return!1;let e;const n="constructor",o=t[n],s=o&&o.prototype,c=Ne.call(t,n),r=s&&Ne.call(s,"isPrototypeOf");if(o&&!c&&!r)return!1;for(e in t);return ue(e)||Ne.call(t,e)},xe=t=>{const e=HTMLElement;return t?e?t instanceof e:t.nodeType===Xn:!1},De=t=>{const e=Element;return t?e?t instanceof e:t.nodeType===Xn:!1};function G(t,e){if(Pe(t))for(let n=0;ne(t[n],n,t));return t}const Ie=(t,e)=>t.indexOf(e)>=0,Tt=(t,e)=>t.concat(e),Q=(t,e,n)=>(!n&&!He(e)&&Pe(e)?Array.prototype.push.apply(t,e):t.push(e),t),Vt=t=>Array.from(t||[]),Jn=t=>wt(t)?t:[t],Ye=t=>!!t&&!t.length,Cn=t=>Vt(new Set(t)),mt=(t,e,n)=>{G(t,s=>s&&s.apply(void 0,e||[])),!n&&(t.length=0)},Zn="paddingTop",Qn="paddingRight",to="paddingLeft",eo="paddingBottom",no="marginLeft",oo="marginRight",so="marginBottom",ke="overflowX",Me="overflowY",Yt="width",Jt="height",Zt="hidden",co="visible",pn=(t,e,n,o)=>{if(t&&e){let s=!0;return G(n,c=>{const r=o?o(t[c]):t[c],l=o?o(e[c]):e[c];r!==l&&(s=!1)}),s}return!1},ro=(t,e)=>pn(t,e,["w","h"]),lo=(t,e)=>pn(t,e,["x","y"]),jo=(t,e)=>pn(t,e,["t","r","b","l"]),St=()=>{},M=(t,...e)=>t.bind(0,...e),Ut=t=>{let e;const n=t?We:Kn,o=t?Ke:Wn;return[s=>{o(e),e=n(s,$t(t)?t():t)},()=>o(e)]},io=(t,e)=>{let n,o,s,c=St;const{v:r,p:l,S:a}=e||{},y=function(A){c(),Ke(n),n=o=void 0,c=St,t.apply(this,A)},i=b=>a&&o?a(o,b):b,f=()=>{c!==St&&y(i(s)||s)},m=function(){const A=Vt(arguments),L=$t(r)?r():r;if(Ct(L)&&L>=0){const T=$t(l)?l():l,E=Ct(T)&&T>=0,g=L>0?We:Kn,$=L>0?Ke:Wn,H=i(A)||A,V=y.bind(0,H);c();const _=g(V,L);c=()=>$(_),E&&!n&&(n=We(f,T)),o=s=H}else y(A)};return m.m=f,m},ao=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),Pt=t=>t?Object.keys(t):[],j=(t,e,n,o,s,c,r)=>{const l=[e,n,o,s,c,r];return(typeof t!="object"||Le(t))&&!$t(t)&&(t={}),G(l,a=>{G(a,(y,i)=>{const f=a[i];if(t===f)return!0;const m=wt(f);if(f&&Oe(f)){const b=t[i];let A=b;m&&!wt(b)?A=[]:!m&&!Oe(b)&&(A={}),t[i]=j(A,f)}else t[i]=m?f.slice():f})}),t},uo=(t,e)=>G(j({},t),(n,o,s)=>{n===void 0?delete s[o]:e&&n&&Oe(n)&&(s[o]=uo(n,e))}),yn=t=>{for(const e in t)return!1;return!0},Je=(t,e,n)=>he(t,Vo(e,n)),_t=t=>Vt(new Set((wt(t)?t:(t||"").split(" ")).filter(e=>e))),Re=(t,e)=>t&&t.getAttribute(e),bt=(t,e,n)=>{G(_t(e),o=>{t&&t.setAttribute(o,n||"")})},Et=(t,e)=>{G(_t(e),n=>t&&t.removeAttribute(n))},ze=(t,e)=>{const n=_t(Re(t,e)),o=M(bt,t,e),s=(c,r)=>{const l=new Set(n);return G(_t(c),a=>l[r](a)),Vt(l).join(" ")};return{O:c=>o(s(c,"delete")),$:c=>o(s(c,"add")),C:c=>{const r=_t(c);return r.reduce((l,a)=>l&&n.includes(a),r.length>0)}}},fo=(t,e,n)=>{ze(t,e).O(n)},le=(t,e,n)=>(ze(t,e).$(n),M(fo,t,e,n)),Se=(t,e,n,o)=>{(o?le:fo)(t,e,n)},Go=(t,e,n)=>ze(t,e).C(n),po=t=>ze(t,"class"),vn=(t,e)=>{po(t).O(e)},Ee=(t,e)=>(po(t).$(e),M(vn,t,e)),yo=(t,e)=>{const n=[],o=e?De(e)&&e:document;return o?Q(n,o.querySelectorAll(t)):n},Wo=(t,e)=>{const n=e?De(e)&&e:document;return n?n.querySelector(t):null},Ce=(t,e)=>De(t)?t.matches(e):!1,vo=t=>Ce(t,"body"),Ze=t=>t?Vt(t.childNodes):[],Qt=t=>t&&t.parentElement,jt=(t,e)=>De(t)&&t.closest(e),Ko=(t,e,n)=>{const o=jt(t,e),s=t&&Wo(n,o),c=jt(s,e)===o;return o&&s?o===t||s===t||c&&jt(jt(t,n),e)!==o:!1},Dt=t=>{if(Pe(t))G(Vt(t),e=>Dt(e));else if(t){const e=Qt(t);e&&e.removeChild(t)}},mo=(t,e,n)=>{if(n&&t){let o=e,s;return Pe(n)?(s=document.createDocumentFragment(),G(n,c=>{c===o&&(o=c.previousSibling),s.appendChild(c)})):s=n,e&&(o?o!==e&&(o=o.nextSibling):o=t.firstChild),t.insertBefore(s,o||null),()=>Dt(n)}return St},yt=(t,e)=>mo(t,null,e),$n=(t,e)=>mo(Qt(t),t&&t.nextSibling,e),Wt=t=>{const e=document.createElement("div");return bt(e,"class",t),e},go=t=>{const e=Wt();return e.innerHTML=t.trim(),G(Ze(e),n=>Dt(n))},Xo=/^--/,Tn=(t,e)=>t.getPropertyValue(e)||t[e]||"",mn=t=>{const e=t||0;return isFinite(e)?e:0},me=t=>mn(parseFloat(t||"")),An=t=>`${(mn(t)*100).toFixed(3)}%`,Qe=t=>`${mn(t)}px`;function te(t,e){t&&G(e,(n,o)=>{try{const s=t.style,c=Ct(n)?Qe(n):(n||"")+"";Xo.test(o)?s.setProperty(o,c):s[o]=c}catch{}})}function Bt(t,e,n){const o=He(e);let s=o?"":{};if(t){const c=vt.getComputedStyle(t,n)||t.style;s=o?Tn(c,e):e.reduce((r,l)=>(r[l]=Tn(c,l),r),s)}return s}const Ht=t=>Bt(t,"direction")==="rtl",Ln=(t,e,n)=>{const o=e?`${e}-`:"",s=n?`-${n}`:"",c=`${o}top${s}`,r=`${o}right${s}`,l=`${o}bottom${s}`,a=`${o}left${s}`,y=Bt(t,[c,r,l,a]);return{t:me(y[c]),r:me(y[r]),b:me(y[l]),l:me(y[a])}},qe=(t,e)=>`translate${re(t)?`(${t.x},${t.y})`:`${e?"X":"Y"}(${t})`}`,Yo={w:0,h:0},_e=(t,e)=>e?{w:e[`${t}Width`],h:e[`${t}Height`]}:Yo,Jo=t=>_e("inner",t||vt),se=M(_e,"offset"),bo=M(_e,"client"),tn=M(_e,"scroll"),gn=t=>{const e=parseFloat(Bt(t,Yt))||0,n=parseFloat(Bt(t,Jt))||0;return{w:e-Ge(e),h:n-Ge(n)}},Kt=t=>t.getBoundingClientRect(),en=t=>!!(t&&(t[Jt]||t[Yt])),ho=(t,e)=>{const n=en(t);return!en(e)&&n},Hn=(t,e,n,o)=>{G(_t(e),s=>{t.removeEventListener(s,n,o)})},et=(t,e,n,o)=>{var s;const c=(s=o&&o.H)!=null?s:!0,r=o&&o.I||!1,l=o&&o.A||!1,a={passive:c,capture:r};return M(mt,_t(e).map(y=>{const i=l?f=>{Hn(t,y,i,r),n(f)}:n;return t.addEventListener(y,i,a),M(Hn,t,y,i,r)}))},bn=t=>t.stopPropagation(),Pn=t=>t.preventDefault(),Zo={x:0,y:0},Fe=t=>{const e=t&&Kt(t);return e?{x:e.left+vt.scrollX,y:e.top+vt.scrollY}:Zo},$e=(t,e,n)=>n?n.n?-t+0:n.i?e-t:t:t,Dn=(t,e)=>[$e(0,t,e),$e(t,t,e)],In=(t,e,n)=>Je(0,1,$e(t,e,n)/e||0),It=(t,e)=>{const{x:n,y:o}=Ct(e)?{x:e,y:e}:e||{};Ct(n)&&(t.scrollLeft=n),Ct(o)&&(t.scrollTop=o)},ee=t=>({x:t.scrollLeft,y:t.scrollTop}),kn=(t,e)=>{G(Jn(e),t)},nn=t=>{const e=new Map,n=(c,r)=>{if(c){const l=e.get(c);kn(a=>{l&&l[a?"delete":"clear"](a)},r)}else e.forEach(l=>{l.clear()}),e.clear()},o=(c,r)=>{if(He(c)){const y=e.get(c)||new Set;return e.set(c,y),kn(i=>{$t(i)&&y.add(i)},r),M(n,c,r)}Yn(r)&&r&&n();const l=Pt(c),a=[];return G(l,y=>{const i=c[y];i&&Q(a,o(y,i))}),M(mt,a)},s=(c,r)=>{G(Vt(e.get(c)),l=>{r&&!Ye(r)?l.apply(0,r):l()})};return o(t||{}),[o,n,s]},Mn=t=>JSON.stringify(t,(e,n)=>{if($t(n))throw 0;return n}),Rn=(t,e)=>t?`${e}`.split(".").reduce((n,o)=>n&&ao(n,o)?n[o]:void 0,t):void 0,Qo={paddingAbsolute:!1,showNativeOverlaidScrollbars:!1,update:{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,autoHideSuspend:!1,dragScroll:!0,clickScroll:!1,pointers:["mouse","touch","pen"]}},So=(t,e)=>{const n={},o=Tt(Pt(e),Pt(t));return G(o,s=>{const c=t[s],r=e[s];if(re(c)&&re(r))j(n[s]={},So(c,r)),yn(n[s])&&delete n[s];else if(ao(e,s)&&r!==c){let l=!0;if(wt(c)||wt(r))try{Mn(c)===Mn(r)&&(l=!1)}catch{}l&&(n[s]=r)}}),n},zn=(t,e,n)=>o=>[Rn(t,o),n||Rn(e,o)!==void 0],de="data-overlayscrollbars",wo="os-environment",ts=`${wo}-scrollbar-hidden`,Ue=`${de}-initialize`,pt=de,Oo=`${pt}-overflow-x`,xo=`${pt}-overflow-y`,Eo="overflowVisible",es="scrollbarPressed",on="updating",ns="body",Lt=`${de}-viewport`,os="arrange",Co="scrollbarHidden",Xt=Eo,sn=`${de}-padding`,ss=Xt,_n=`${de}-content`,hn="os-size-observer",cs=`${hn}-appear`,rs=`${hn}-listener`,ls="os-trinsic-observer",is="os-theme-none",dt="os-scrollbar",as=`${dt}-rtl`,us=`${dt}-horizontal`,ds=`${dt}-vertical`,$o=`${dt}-track`,Sn=`${dt}-handle`,fs=`${dt}-visible`,ps=`${dt}-cornerless`,Bn=`${dt}-interaction`,Vn=`${dt}-unusable`,cn=`${dt}-auto-hide`,Nn=`${cn}-hidden`,qn=`${dt}-wheel`,ys=`${$o}-interactive`,vs=`${Sn}-interactive`,To={},Ao={},ms=t=>{G(t,e=>G(e,(n,o)=>{To[o]=e[o]}))},Lo=(t,e,n)=>Pt(t).map(o=>{const{static:s,instance:c}=t[o],[r,l,a]=n||[],y=n?c:s;if(y){const i=n?y(r,l,e):y(e);return(a||Ao)[o]=i}}),ne=t=>Ao[t],gs="__osOptionsValidationPlugin",bs="__osSizeObserverPlugin",hs=(t,e)=>{const{T:n}=e,[o,s]=t("showNativeOverlaidScrollbars");return[o&&n.x&&n.y,s]},Te=t=>t.indexOf(co)===0,Ho=(t,e)=>{const{D:n}=t,o=a=>{const y=Bt(n,a),f=(e?e[a]:y)==="scroll";return[y,f]},[s,c]=o(ke),[r,l]=o(Me);return{k:{x:s,y:r},R:{x:c,y:l}}},Ss=(t,e,n,o)=>{const s=e.x||e.y,c=(i,f)=>{const m=Te(i),b=m&&s?"hidden":"",A=f&&m&&i.replace(`${co}-`,"")||b;return[f&&!m?i:"",Te(A)?"hidden":A]},[r,l]=c(n.x,e.x),[a,y]=c(n.y,e.y);return o[ke]=l&&a?l:r,o[Me]=y&&r?y:a,Ho(t,o)},wn="__osScrollbarsHidingPlugin",ws="__osClickScrollPlugin";let je;const Os=()=>{const t=(g,$,D,H)=>{yt(g,$);const V=bo($),_=se($),R=gn(D);return H&&Dt($),{x:_.h-V.h+R.h,y:_.w-V.w+R.w}},e=g=>{let $=!1;const D=Ee(g,ts);try{$=Bt(g,"scrollbar-width")==="none"||Bt(g,"display","::-webkit-scrollbar")==="none"}catch{}return D(),$},n=(g,$)=>{te(g,{[ke]:Zt,[Me]:Zt,direction:"rtl"}),It(g,{x:0});const D=Fe(g),H=Fe($);It(g,{x:-999});const V=Fe($);return{i:D.x===H.x,n:H.x!==V.x}},{body:o}=document,c=go(`
`)[0],r=c.firstChild,[l,,a]=nn(),[y,i]=ht({o:t(o,c,r),u:lo},M(t,o,c,r,!0)),[f]=i(),m=e(c),b={x:f.x===0,y:f.y===0},A={elements:{host:null,padding:!m,viewport:g=>m&&vo(g)&&g,content:!1},scrollbars:{slot:!0},cancel:{nativeScrollbarsOverlaid:!1,body:null}},L=j({},Qo),k=M(j,{},L),T=M(j,{},A),E={P:f,T:b,L:m,J:!!Xe,K:n(c,r),Z:M(l,"r"),G:T,tt:g=>j(A,g)&&T(),nt:k,ot:g=>j(L,g)&&k(),st:j({},A),et:j({},L)};return Et(c,"style"),Dt(c),vt.addEventListener("resize",()=>{let g;if(!m&&(!b.x||!b.y)){const $=ne(wn);g=!!($?$.Y():St)(E,y)}a("r",[g])}),E},gt=()=>(je||(je=Os()),je),Po=(t,e)=>$t(e)?e.apply(0,t):e,xs=(t,e,n,o)=>{const s=ue(o)?n:o;return Po(t,s)||e.apply(0,t)},Do=(t,e,n,o)=>{const s=ue(o)?n:o,c=Po(t,s);return!!c&&(xe(c)?c:e.apply(0,t))},Es=(t,e)=>{const{nativeScrollbarsOverlaid:n,body:o}=e||{},{T:s,L:c,G:r}=gt(),{nativeScrollbarsOverlaid:l,body:a}=r().cancel,y=n??l,i=ue(o)?a:o,f=(s.x||s.y)&&y,m=t&&(Le(i)?!c:i);return!!f||!!m},On=new WeakMap,Cs=(t,e)=>{On.set(t,e)},$s=t=>{On.delete(t)},Io=t=>On.get(t),Ts=(t,e,n)=>{let o=!1;const s=n?new WeakMap:!1,c=()=>{o=!0},r=l=>{if(s&&n){const a=n.map(y=>{const[i,f]=y||[];return[f&&i?(l||yo)(i,t):[],f]});G(a,y=>G(y[0],i=>{const f=y[1],m=s.get(i)||[];if(t.contains(i)&&f){const A=et(i,f,L=>{o?(A(),s.delete(i)):e(L)});s.set(i,Q(m,A))}else mt(m),s.delete(i)}))}};return r(),[c,r]},Fn=(t,e,n,o)=>{let s=!1;const{ct:c,rt:r,lt:l,it:a,ut:y,ft:i}=o||{},f=io(()=>s&&n(!0),{v:33,p:99}),[m,b]=Ts(t,f,l),A=c||[],L=r||[],k=Tt(A,L),T=(g,$)=>{if(!Ye($)){const D=y||St,H=i||St,V=[],_=[];let R=!1,w=!1;if(G($,h=>{const{attributeName:x,target:O,type:I,oldValue:z,addedNodes:K,removedNodes:q}=h,B=I==="attributes",st=I==="childList",P=t===O,Y=B&&x,J=Y&&Re(O,x||"")||null,nt=Y&&z!==J,X=Ie(L,x)&&nt;if(e&&(st||!P)){const ct=B&&nt,rt=ct&&a&&Ce(O,a),u=(rt?!D(O,x,z,J):!B||ct)&&!H(h,!!rt,t,o);G(K,p=>Q(V,p)),G(q,p=>Q(V,p)),w=w||u}!e&&P&&nt&&!D(O,x,z,J)&&(Q(_,x),R=R||X)}),b(h=>Cn(V).reduce((x,O)=>(Q(x,yo(h,O)),Ce(O,h)?Q(x,O):x),[])),e)return!g&&w&&n(!1),[!1];if(!Ye(_)||R){const h=[Cn(_),R];return!g&&n.apply(0,h),h}}},E=new No(M(T,!1));return[()=>(E.observe(t,{attributes:!0,attributeOldValue:!0,attributeFilter:k,subtree:e,childList:e,characterData:e}),s=!0,()=>{s&&(m(),E.disconnect(),s=!1)}),()=>{if(s)return f.m(),T(!0,E.takeRecords())}]},ko=(t,e,n)=>{const{dt:s,_t:c}=n||{},r=ne(bs),{K:l}=gt(),a=M(Ht,t),[y]=ht({o:!1,_:!0});return()=>{const i=[],m=go(`
`)[0],b=m.firstChild,A=L=>{const k=L instanceof ResizeObserverEntry,T=!k&&wt(L);let E=!1,g=!1,$=!0;if(k){const[D,,H]=y(L.contentRect),V=en(D),_=ho(D,H);g=!H||_,E=!g&&!V,$=!E}else T?[,$]=L:g=L===!0;if(s&&$){const D=T?L[0]:Ht(m);It(m,{x:$e(3333333,3333333,D&&l),y:3333333})}E||e({vt:T?L:void 0,ht:!T,_t:g})};if(we){const L=new we(k=>A(k.pop()));L.observe(b),Q(i,()=>{L.disconnect()})}else if(r){const[L,k]=r(b,A,c);Q(i,Tt([Ee(m,cs),et(m,"animationstart",L)],k))}else return St;if(s){const[L]=ht({o:void 0},a);Q(i,et(m,"scroll",k=>{const T=L(),[E,g,$]=T;g&&(vn(b,"ltr rtl"),Ee(b,E?"rtl":"ltr"),A([!!E,g,$])),bn(k)}))}return M(mt,Q(i,yt(t,m)))}},As=(t,e)=>{let n;const o=a=>a.h===0||a.isIntersecting||a.intersectionRatio>0,s=Wt(ls),[c]=ht({o:!1}),r=(a,y)=>{if(a){const i=c(o(a)),[,f]=i;return f&&!y&&e(i)&&[i]}},l=(a,y)=>r(y.pop(),a);return[()=>{const a=[];if(En)n=new En(M(l,!1),{root:t}),n.observe(s),Q(a,()=>{n.disconnect()});else{const y=()=>{const i=se(s);r(i)};Q(a,ko(s,y)()),y()}return M(mt,Q(a,yt(t,s)))},()=>n&&l(!0,n.takeRecords())]},Ls=(t,e,n,o)=>{let s,c,r,l,a,y;const{L:i}=gt(),f=`[${pt}]`,m=`[${Lt}]`,b=["tabindex"],A=["wrap","cols","rows"],L=["id","class","style","open"],{gt:k,bt:T,D:E,wt:g,St:$,V:D,yt:H,Ot:V}=t,_={$t:!1,N:Ht(k)},R=gt(),w=ne(wn),[h]=ht({u:ro,o:{w:0,h:0}},()=>{const d=w&&w.M(t,e,_,R,n).W,u=H(Xt),p=!D&&H(os),v=p&&ee(E);V(Xt),D&&V(on,!0);const S=p&&d&&d()[0],C=tn(g),U=tn(E),F=gn(E);return V(Xt,u),D&&V(on),S&&S(),It(E,v),{w:U.w+C.w+F.w,h:U.h+C.h+F.h}}),x=$?A:Tt(L,A),O=io(o,{v:()=>s,p:()=>c,S(d,u){const[p]=d,[v]=u;return[Tt(Pt(p),Pt(v)).reduce((S,C)=>(S[C]=p[C]||v[C],S),{})]}}),I=d=>{if(D){const u=Ht(k);j(d,{Ct:y!==u}),j(_,{N:u}),y=u}},z=d=>{G(d||b,u=>{if(Ie(b,u)){const p=Re(T,u);He(p)?bt(E,u,p):Et(E,u)}})},K=(d,u)=>{const[p,v]=d,S={xt:v};return j(_,{$t:p}),!u&&o(S),S},q=({ht:d,vt:u,_t:p})=>{const S=!(d&&!p&&!u)&&i?O:o,[C,U]=u||[],F={ht:d||p,_t:p,Ct:U};I(F),u&&j(_,{N:C}),S(F)},B=(d,u)=>{const[,p]=h(),v={Ht:p};return I(v),p&&!u&&(d?o:O)(v),v},st=(d,u,p)=>{const v={zt:u};return I(v),u&&!p?O(v):D||z(d),v},{Z:P}=R,[Y,J]=g?As(T,K):[],nt=!D&&ko(T,q,{_t:!0,dt:!0}),[X,ct]=Fn(T,!1,st,{rt:L,ct:Tt(L,b)}),rt=D&&we&&new we(d=>{const u=d[d.length-1].contentRect;q({ht:!0,_t:ho(u,a)}),a=u});return[()=>{z(),rt&&rt.observe(T);const d=nt&&nt(),u=Y&&Y(),p=X(),v=P(S=>{const[,C]=h();O({It:S,Ht:C})});return()=>{rt&&rt.disconnect(),d&&d(),u&&u(),l&&l(),p(),v()}},({Et:d,At:u,Tt:p})=>{const v={},[S]=d("update.ignoreMutation"),[C,U]=d("update.attributes"),[F,tt]=d("update.elementEvents"),[ot,ut]=d("update.debounce"),N=tt||U,W=u||p,ft=lt=>$t(S)&&S(lt);if(N){r&&r(),l&&l();const[lt,Z]=Fn(g||E,!0,B,{ct:Tt(x,C||[]),lt:F,it:f,ft:(it,at)=>{const{target:Ot,attributeName:fe}=it;return(!at&&fe&&!D?Ko(Ot,f,m):!1)||!!jt(Ot,`.${dt}`)||!!ft(it)}});l=lt(),r=Z}if(ut)if(O.m(),wt(ot)){const lt=ot[0],Z=ot[1];s=Ct(lt)&<,c=Ct(Z)&&Z}else Ct(ot)?(s=ot,c=!1):(s=!1,c=!1);if(W){const lt=ct(),Z=J&&J(),it=r&&r();lt&&j(v,st(lt[0],lt[1],W)),Z&&j(v,K(Z[0],W)),it&&j(v,B(it[0],W))}return I(v),v},_]},Hs=(t,e,n,o)=>{const{G:s,K:c}=gt(),{scrollbars:r}=s(),{slot:l}=r,{gt:a,bt:y,D:i,Dt:f,kt:m,Rt:b,V:A}=e,{scrollbars:L}=f?{}:t,{slot:k}=L||{},T=new Map,E=d=>Xe&&new Xe({source:m,axis:d}),g=E("x"),$=E("y"),D=Do([a,y,i],()=>A&&b?a:y,l,k),H=(d,u)=>{if(u){const F=d?Yt:Jt,{Mt:tt,Vt:ot}=u,ut=Kt(ot)[F],N=Kt(tt)[F];return Je(0,1,ut/N||0)}const p=d?"x":"y",{Lt:v,Pt:S}=n,C=S[p],U=v[p];return Je(0,1,C/(C+U)||0)},V=(d,u,p,v)=>{const S=H(p,d);return 1/S*(1-S)*(v?1-u:u)||0},_=(d,u)=>j(d,u?{clear:["left"]}:{}),R=d=>{T.forEach((u,p)=>{(d?Ie(Jn(d),p):!0)&&(G(u||[],S=>{S&&S.cancel()}),T.delete(p))})},w=(d,u,p,v)=>{const S=T.get(d)||[],C=S.find(U=>U&&U.timeline===u);C?C.effect=new KeyframeEffect(d,p,{composite:v}):T.set(d,Tt(S,[d.animate(p,{timeline:u,composite:v})]))},h=(d,u,p)=>{const v=p?Ee:vn;G(d,S=>{v(S.Ut,u)})},x=(d,u)=>{G(d,p=>{const[v,S]=u(p);te(v,S)})},O=(d,u)=>{x(d,p=>{const{Vt:v}=p;return[v,{[u?Yt:Jt]:An(H(u))}]})},I=(d,u)=>{const{Lt:p}=n,v=u?p.x:p.y,S=(C,U,F)=>qe(An(V(C,In(U,v,F),u,F)),u);if(g&&$)G(d,C=>{const{Ut:U,Vt:F}=C,tt=u&&Ht(U)&&c;w(F,u?g:$,_({transform:Dn(v,tt).map(ot=>S(C,ot,tt))},tt))});else{const C=ee(m);x(d,U=>{const{Vt:F,Ut:tt}=U;return[F,{transform:S(U,u?C.x:C.y,u&&Ht(tt)&&c)}]})}},z=d=>A&&!b&&Qt(d)===i,K=[],q=[],B=[],st=(d,u,p)=>{const v=Yn(p),S=v?p:!0,C=v?!p:!0;S&&h(q,d,u),C&&h(B,d,u)},P=()=>{O(q,!0),O(B)},Y=()=>{I(q,!0),I(B)},J=()=>{if(A){const{Lt:d}=n,u=.5;if(g&&$)G(Tt(B,q),({Ut:p})=>{if(z(p)){const v=(S,C,U)=>{const F=U&&Ht(p)&&c;w(p,S,_({transform:Dn(C-u,F).map(tt=>qe(Qe(tt),U))},F),"add")};v(g,d.x,!0),v($,d.y)}else R(p)});else{const p=ee(m),v=S=>{const{Ut:C}=S,U=z(C)&&C,F=(tt,ot,ut)=>{const N=In(tt,ot,ut),W=ot*N;return Qe(ut?-W:W)};return[U,{transform:U?qe({x:F(p.x,d.x,Ht(C)&&c),y:F(p.y,d.y)}):""}]};x(q,v),x(B,v)}}},nt=d=>{const p=Wt(`${dt} ${d?us:ds}`),v=Wt($o),S=Wt(Sn),C={Ut:p,Mt:v,Vt:S};return Q(d?q:B,C),Q(K,[yt(p,v),yt(v,S),M(Dt,p),R,o(C,st,I,d)]),C},X=M(nt,!0),ct=M(nt,!1),rt=()=>(yt(D,q[0].Ut),yt(D,B[0].Ut),M(mt,K));return X(),ct(),[{Bt:P,Nt:Y,jt:J,Ft:st,qt:{J:g,Wt:q,Xt:X,Yt:M(x,q)},Jt:{J:$,Wt:B,Xt:ct,Yt:M(x,B)}},rt]},Ps=(t,e,n,o)=>{const{bt:s,kt:c,Kt:r}=e;return(l,a,y,i)=>{const{Ut:f,Mt:m,Vt:b}=l,[A,L]=Ut(333),[k,T]=Ut(),E=M(y,[l],i),g=!!c.scrollBy,$=`client${i?"X":"Y"}`,D=i?Yt:Jt,H=i?"left":"top",V=i?"w":"h",_=i?"x":"y",R=x=>x.propertyName.indexOf(D)>-1,w=()=>{const x="pointerup pointerleave pointercancel lostpointercapture",O=(I,z)=>K=>{const{Lt:q}=n,B=se(m)[V]-se(b)[V],P=z*K/B*q[_];It(c,{[_]:I+P})};return et(m,"pointerdown",I=>{const z=jt(I.target,`.${Sn}`)===b,K=z?b:m,q=t.scrollbars,{button:B,isPrimary:st,pointerType:P}=I,{pointers:Y}=q;if(B===0&&st&&q[z?"dragScroll":"clickScroll"]&&(Y||[]).includes(P)){const nt=!z&&I.shiftKey,X=M(Kt,b),ct=M(Kt,m),rt=(W,ft)=>(W||X())[H]-(ft||ct())[H],d=Ge(Kt(c)[D])/se(c)[V]||1,u=O(ee(c)[_]||0,1/d),p=I[$],v=X(),S=ct(),C=v[D],U=rt(v,S)+C/2,F=p-S[H],tt=z?0:F-U,ot=W=>{mt(N),K.releasePointerCapture(W.pointerId)},N=[le(s,pt,es),et(r,x,ot),et(r,"selectstart",W=>Pn(W),{H:!1}),et(m,x,ot),et(m,"pointermove",W=>{const ft=W[$]-p;(z||nt)&&u(tt+ft)})];if(K.setPointerCapture(I.pointerId),nt)u(tt);else if(!z){const W=ne(ws);W&&Q(N,W(u,rt,tt,C,F))}}})};let h=!0;return M(mt,[et(f,"pointerenter",()=>{a(Bn,!0)}),et(f,"pointerleave pointercancel",()=>{a(Bn,!1)}),et(f,"wheel",x=>{const{deltaX:O,deltaY:I,deltaMode:z}=x;g&&h&&z===0&&Qt(f)===s&&c.scrollBy({left:O,top:I,behavior:"smooth"}),h=!1,a(qn,!0),A(()=>{h=!0,a(qn)}),Pn(x)},{H:!1,I:!0}),et(b,"pointermove pointerleave",o),et(b,"transitionstart",x=>{if(R(x)){const O=()=>{E(),k(O)};O()}}),et(b,"transitionend transitioncancel",x=>{R(x)&&(T(),E())}),et(f,"mousedown",M(et,r,"click",bn,{A:!0,I:!0}),{I:!0}),w(),L,T])}},Ds=(t,e,n,o,s,c)=>{let r,l,a,y,i=St,f=0;const m=()=>!a&&!l,b=P=>P.pointerType==="mouse",[A,L]=Ut(),[k,T]=Ut(100),[E,g]=Ut(100),[$,D]=Ut(()=>f),[H,V]=Hs(t,s,o,Ps(e,s,o,P=>b(P)&&m()&&K())),{bt:_,Zt:R,Rt:w}=s,{Ft:h,Bt:x,Nt:O,jt:I}=H,z=(P,Y)=>{if(D(),P)h(Nn);else{const J=M(h,Nn,!0);f>0&&!Y?$(J):J()}},K=()=>{z(!0),k(()=>{z(!1)})},q=P=>{h(cn,P,!0),h(cn,P,!1)},B=P=>{b(P)&&l&&z(!0)},st=[D,T,g,L,()=>i(),et(_,"pointerover",B,{A:!0}),et(_,"pointerenter",B),et(_,"pointerleave",P=>{b(P)&&l&&z(!1)}),et(_,"pointermove",P=>{b(P)&&r&&K()}),et(R,"scroll",P=>{A(()=>{O(),m()&&K()}),c(P),I()})];return[()=>M(mt,Q(st,V())),({Et:P,Tt:Y,Gt:J,Qt:nt})=>{const{tn:X,nn:ct,sn:rt}=nt||{},{Ct:d,_t:u}=J||{},{N:p}=n,{T:v}=gt(),{k:S,en:C}=o,[U,F]=P("showNativeOverlaidScrollbars"),[tt,ot]=P("scrollbars.theme"),[ut,N]=P("scrollbars.visibility"),[W,ft]=P("scrollbars.autoHide"),[lt,Z]=P("scrollbars.autoHideSuspend"),[it]=P("scrollbars.autoHideDelay"),[at,Ot]=P("scrollbars.dragScroll"),[fe,pe]=P("scrollbars.clickScroll"),[ye,xt]=P("overflow"),Mt=u&&!Y,Rt=C.x||C.y,Be=X||ct||d||Y,At=rt||N||xt,Ve=U&&v.x&&v.y,Nt=(qt,Ft,oe)=>{const ve=qt.includes("scroll")&&(ut==="visible"||ut==="auto"&&Ft==="scroll");return h(fs,ve,oe),ve};if(f=it,Mt&&(lt&&Rt?(q(!1),i(),E(()=>{i=et(R,"scroll",M(q,!0),{A:!0})})):q(!0)),F&&h(is,Ve),ot&&(h(y),h(tt,!0),y=tt),Z&&!lt&&q(!0),ft&&(r=W==="move",l=W==="leave",a=W==="never",z(a,!0)),Ot&&h(vs,at),pe&&h(ys,fe),At){const qt=Nt(ye.x,S.x,!0),Ft=Nt(ye.y,S.y,!1);h(ps,!(qt&&Ft))}Be&&(x(),O(),I(),h(Vn,!C.x,!0),h(Vn,!C.y,!1),h(as,p&&!w))},{},H]},Is=t=>{const e=gt(),{G:n,L:o}=e,{elements:s}=n(),{host:c,padding:r,viewport:l,content:a}=s,y=xe(t),i=y?{}:t,{elements:f}=i,{host:m,padding:b,viewport:A,content:L}=f||{},k=y?t:i.target,T=vo(k),E=Ce(k,"textarea"),g=k.ownerDocument,$=g.documentElement,D=g.defaultView,H=()=>g.activeElement,V=N=>{N&&N.focus&&N.focus()},_=M(xs,[k]),R=M(Do,[k]),w=M(Wt,""),h=M(_,w,l),x=M(R,w,a),O=h(A),I=O===k,z=I&&T,K=!I&&x(L),q=!I&&O===K,B=z?$:O,st=E?_(w,c,m):k,P=z?B:st,Y=!I&&R(w,r,b),J=!q&&K,nt=[J,B,Y,P].map(N=>xe(N)&&!Qt(N)&&N),X=N=>N&&Ie(nt,N),ct=X(B)?k:B,rt={gt:k,bt:P,D:B,cn:Y,wt:J,kt:z?$:B,Zt:z?g:B,rn:T?$:ct,ln:D,Kt:g,St:E,Rt:T,Dt:y,V:I,yt:N=>Go(B,I?pt:Lt,N),Ot:(N,W)=>Se(B,I?pt:Lt,N,W)},{gt:d,bt:u,cn:p,D:v,wt:S}=rt,C=[()=>{Et(u,[pt,Ue]),Et(d,Ue),T&&Et($,[Ue,pt])}],U=E&&X(u);let F=E?d:Ze([S,v,p,u,d].find(N=>N&&!X(N)));const tt=z?d:S||v,ot=M(mt,C);return[rt,()=>{const N=H(),W=Z=>{yt(Qt(Z),Ze(Z)),Dt(Z)},ft=Z=>Z?et(Z,"focusin focusout focus blur",it=>{bn(it),it.stopImmediatePropagation()},{I:!0,H:!1}):St,lt=ft(N);if(bt(u,pt,I?"viewport":"host"),bt(p,sn,""),bt(S,_n,""),I||(bt(v,Lt,""),T&&le($,pt,ns)),U&&($n(d,u),Q(C,()=>{$n(u,d),Dt(u)})),yt(tt,F),yt(u,p),yt(p||u,!I&&v),yt(v,S),Q(C,[lt,()=>{const Z=H(),it=ft(Z);Et(p,sn),Et(S,_n),Et(v,[Oo,xo,Lt]),X(S)&&W(S),X(v)&&W(v),X(p)&&W(p),V(Z),it()}]),o&&!I&&(le(v,Lt,Co),Q(C,M(Et,v,Lt))),!I&&D.top===D&&N===k){const Z="tabindex",it=Re(v,Z);bt(v,Z,"-1"),V(v);const at=()=>it?bt(v,Z,it):Et(v,Z),Ot=et(g,"pointerdown keydown",()=>{at(),Ot()});Q(C,[at,Ot])}else V(N);return lt(),F=0,ot},ot]},ks=({wt:t})=>({Gt:e,an:n,Tt:o})=>{const{xt:s}=e||{},{$t:c}=n;t&&(s||o)&&te(t,{[Jt]:c&&"100%"})},Ms=({bt:t,cn:e,D:n,V:o},s)=>{const[c,r]=ht({u:jo,o:Ln()},M(Ln,t,"padding",""));return({Et:l,Gt:a,an:y,Tt:i})=>{let[f,m]=r(i);const{L:b}=gt(),{ht:A,Ht:L,Ct:k}=a||{},{N:T}=y,[E,g]=l("paddingAbsolute");(A||m||(i||L))&&([f,m]=c(i));const D=!o&&(g||k||m);if(D){const H=!E||!e&&!b,V=f.r+f.l,_=f.t+f.b,R={[oo]:H&&!T?-V:0,[so]:H?-_:0,[no]:H&&T?-V:0,top:H?-f.t:0,right:H?T?-f.r:"auto":0,left:H?T?"auto":-f.l:0,[Yt]:H&&`calc(100% + ${V}px)`},w={[Zn]:H?f.t:0,[Qn]:H?f.r:0,[eo]:H?f.b:0,[to]:H?f.l:0};te(e||n,R),te(n,w),j(s,{cn:f,un:!H,j:e?w:j({},R,w)})}return{fn:D}}},Rs=(t,e)=>{const n=gt(),{bt:o,cn:s,D:c,V:r,Ot:l,Rt:a,ln:y}=t,{L:i}=n,f=a&&r,m=M(he,0),b={u:ro,o:{w:0,h:0}},A={u:lo,o:{x:Zt,y:Zt}},L=(w,h)=>{const x=vt.devicePixelRatio%1!==0?1:0,O={w:m(w.w-h.w),h:m(w.h-h.h)};return{w:O.w>x?O.w:0,h:O.h>x?O.h:0}},[k,T]=ht(b,M(gn,c)),[E,g]=ht(b,M(tn,c)),[$,D]=ht(b),[H,V]=ht(b),[_]=ht(A),R=ne(wn);return({Et:w,Gt:h,an:x,Tt:O},{fn:I})=>{const{ht:z,Ht:K,Ct:q,It:B}=h||{},st=R&&R.M(t,e,x,n,w),{q:P,W:Y,X:J}=st||{},[nt,X]=hs(w,n),[ct,rt]=w("overflow"),d=z||I||K||q||B||X,u=Te(ct.x),p=Te(ct.y),v=u||p;let S=T(O),C=g(O),U=D(O),F=V(O),tt;if(X&&i&&l(Co,!nt),d){v&&l(Xt,!1);const[xt,Mt]=Y?Y(tt):[],[Rt,Be]=S=k(O),[At,Ve]=C=E(O),Nt=bo(c),qt=At,Ft=Nt;xt&&xt(),(Ve||Be||X)&&Mt&&!nt&&P&&P(Mt,At,Rt);const oe=Jo(y),ve={w:m(he(At.w,qt.w)+Rt.w),h:m(he(At.h,qt.h)+Rt.h)},xn={w:m((f?oe.w:Ft.w+m(Nt.w-At.w))+Rt.w),h:m((f?oe.h:Ft.h+m(Nt.h-At.h))+Rt.h)};F=H(xn),U=$(L(ve,xn),O)}const[ot,ut]=F,[N,W]=U,[ft,lt]=C,[Z,it]=S,at={x:N.w>0,y:N.h>0},Ot=u&&p&&(at.x||at.y)||u&&at.x&&!at.y||p&&at.y&&!at.x;if(I||q||B||it||lt||ut||W||rt||X||d){const xt={},Mt=Ss(t,at,ct,xt);J&&J(Mt,x,!!P&&P(Mt,ft,Z),xt),r?(bt(o,Oo,xt[ke]),bt(o,xo,xt[Me])):te(c,xt)}Se(o,pt,Eo,Ot),Se(s,sn,ss,Ot),r||Se(c,Lt,Xt,v);const[pe,ye]=_(Ho(t).k);return j(e,{k:pe,Pt:{x:ot.w,y:ot.h},Lt:{x:N.w,y:N.h},en:at}),{sn:ye,tn:ut,nn:W}}},zs=t=>{const[e,n,o]=Is(t),s={cn:{t:0,r:0,b:0,l:0},un:!1,j:{[oo]:0,[so]:0,[no]:0,[Zn]:0,[Qn]:0,[eo]:0,[to]:0},Pt:{x:0,y:0},Lt:{x:0,y:0},k:{x:Zt,y:Zt},en:{x:!1,y:!1}},{gt:c,D:r,V:l}=e,{L:a,T:y}=gt(),i=!a&&(y.x||y.y),f=[ks(e),Ms(e,s),Rs(e,s)];return[n,m=>{const b={},L=i&&ee(r),k=l?le(r,pt,on):St;return G(f,T=>{j(b,T(m,b)||{})}),k(),It(r,L),!l&&It(c,0),b},s,e,o]},_s=(t,e,n,o)=>{const s=zn(e,{}),[c,r,l,a,y]=zs(t),[i,f,m]=Ls(a,l,s,E=>{T({},E)}),[b,A,,L]=Ds(t,e,m,l,a,o),k=E=>Pt(E).some(g=>!!E[g]),T=(E,g)=>{const{dn:$,Tt:D,At:H,_n:V}=E,_=$||{},R=!!D,w={Et:zn(e,_,R),dn:_,Tt:R};if(V)return A(w),!1;const h=g||f(j({},w,{At:H})),x=r(j({},w,{an:m,Gt:h}));A(j({},w,{Gt:h,Qt:x}));const O=k(h),I=k(x),z=O||I||!yn(_)||R;return z&&n(E,{Gt:h,Qt:x}),z};return[()=>{const{rn:E,D:g}=a,$=ee(E),D=[i(),c(),b()];return It(g,$),M(mt,D)},T,()=>({vn:m,hn:l}),{pn:a,gn:L},y]},kt=(t,e,n)=>{const{nt:o}=gt(),s=xe(t),c=s?t:t.target,r=Io(c);if(e&&!r){let l=!1;const a=[],y={},i=w=>{const h=uo(w,!0),x=ne(gs);return x?x(h,!0):h},f=j({},o(),i(e)),[m,b,A]=nn(),[L,k,T]=nn(n),E=(w,h)=>{T(w,h),A(w,h)},[g,$,D,H,V]=_s(t,f,({dn:w,Tt:h},{Gt:x,Qt:O})=>{const{ht:I,Ct:z,xt:K,Ht:q,zt:B,_t:st}=x,{tn:P,nn:Y,sn:J}=O;E("updated",[R,{updateHints:{sizeChanged:!!I,directionChanged:!!z,heightIntrinsicChanged:!!K,overflowEdgeChanged:!!P,overflowAmountChanged:!!Y,overflowStyleChanged:!!J,contentMutation:!!q,hostMutation:!!B,appear:!!st},changedOptions:w||{},force:!!h}])},w=>E("scroll",[R,w])),_=w=>{$s(c),mt(a),l=!0,E("destroyed",[R,w]),b(),k()},R={options(w,h){if(w){const x=h?o():{},O=So(f,j(x,i(w)));yn(O)||(j(f,O),$({dn:O}))}return j({},f)},on:L,off:(w,h)=>{w&&h&&k(w,h)},state(){const{vn:w,hn:h}=D(),{N:x}=w,{Pt:O,Lt:I,k:z,en:K,cn:q,un:B}=h;return j({},{overflowEdge:O,overflowAmount:I,overflowStyle:z,hasOverflow:K,padding:q,paddingAbsolute:B,directionRTL:x,destroyed:l})},elements(){const{gt:w,bt:h,cn:x,D:O,wt:I,kt:z,Zt:K}=H.pn,{qt:q,Jt:B}=H.gn,st=Y=>{const{Vt:J,Mt:nt,Ut:X}=Y;return{scrollbar:X,track:nt,handle:J}},P=Y=>{const{Wt:J,Xt:nt}=Y,X=st(J[0]);return j({},X,{clone:()=>{const ct=st(nt());return $({_n:!0}),ct}})};return j({},{target:w,host:h,padding:x||O,viewport:O,content:I||O,scrollOffsetElement:z,scrollEventElement:K,scrollbarHorizontal:P(q),scrollbarVertical:P(B)})},update:w=>$({Tt:w,At:!0}),destroy:M(_,!1),plugin:w=>y[Pt(w)[0]]};return Q(a,[V]),Cs(c,R),Lo(To,kt,[R,m,y]),Es(H.pn.Rt,!s&&t.cancel)?(_(!0),R):(Q(a,g()),E("initialized",[R]),R.update(!0),R)}return r};kt.plugin=t=>{const e=wt(t),n=e?t:[t],o=n.map(s=>Lo(s,kt)[0]);return ms(n),e?o:o[0]};kt.valid=t=>{const e=t&&t.elements,n=$t(e)&&e();return Oe(n)&&!!Io(n.target)};kt.env=()=>{const{P:t,T:e,L:n,K:o,J:s,st:c,et:r,G:l,tt:a,nt:y,ot:i}=gt();return j({},{scrollbarsSize:t,scrollbarsOverlaid:e,scrollbarsHiding:n,rtlScrollBehavior:o,scrollTimeline:s,staticDefaultInitialization:c,staticDefaultOptions:r,getDefaultInitialization:l,setDefaultInitialization:a,getDefaultOptions:y,setDefaultOptions:i})};const Bs=document.querySelector("#eventsSection"),Un=document.querySelector("#events"),Vs=t=>{Bs.style.display="",Un.innerHTML="",Object.entries(t).forEach(([e,n])=>{const o=document.createElement("div");o.className=`event ${n.active?"active":""}`,o.textContent=`${e} (${n.count})`,Un.append(o)})},Ns=()=>{let t=[];const e={},n={},o=r=>({active:t.includes(r),count:e[r]||0}),s=r=>{t=r,Vs({initialized:o("initialized"),destroyed:o("destroyed"),updated:o("updated"),scroll:o("scroll")})};return r=>{const l=e[r];e[r]=typeof l=="number"?l+1:1,s(Array.from(new Set([...t,r]))),clearTimeout(n[r]),n[r]=setTimeout(()=>{const a=new Set(t);a.delete(r),s(Array.from(a))},500)}};let zt,rn=!1,ln=!1,an=!0;const ge=Ns(),Gt=document.querySelector("#target"),jn=document.querySelector("#targetContent"),be=document.querySelector("#impostor"),un=document.querySelector("#scrollButton"),ie=document.querySelector("#toggleContentButton"),ae=document.querySelector("#toggleElementButton"),dn=document.querySelector("#toggleOverlayScrollbarsButton"),Mo=()=>{rn?(jn.style.display="none",ie.textContent="Show Content"):(jn.style.display="",ie.textContent="Hide Content")},Ro=()=>{ln?(Gt.style.display="none",ae.textContent="Show Element"):(Gt.style.display="",ae.textContent="Hide Element")},zo=()=>{var t,e;an?((t=be.parentElement)==null||t.append(Gt),be.remove(),un.style.display="",ie.style.display="",ae.style.display="",dn.textContent="Destroy OverlayScrollbars",zt=kt(Gt,{},{initialized:()=>ge("initialized"),destroyed:()=>ge("destroyed"),updated:()=>ge("updated"),scroll:()=>ge("scroll")})):(zt==null||zt.destroy(),(e=Gt.parentElement)==null||e.append(be),Gt.remove(),be.style.display="",un.style.display="none",ie.style.display="none",ae.style.display="none",dn.textContent="Initialize OverlayScrollbars")};un.addEventListener("click",()=>{if(!zt)return;const{overflowAmount:t}=zt.state(),{scrollOffsetElement:e}=zt.elements(),{scrollLeft:n,scrollTop:o}=e;e.scrollTo({behavior:"smooth",left:Math.round((t.x-n)/t.x)*t.x,top:Math.round((t.y-o)/t.y)*t.y})});ie.addEventListener("click",()=>{rn=!rn,Mo()});ae.addEventListener("click",()=>{ln=!ln,Ro()});dn.addEventListener("click",()=>{an=!an,zo()});Mo();Ro();zo();let ce=null;const _o=t=>kt({target:document.body,cancel:{body:t?!1:null}},{}).state().destroyed,qs=document.querySelector("#toggleBodyOverlayScrollbarsSection"),fn=document.querySelector("#toggleBodyOverlayScrollbarsButton"),Bo=()=>{ce===null&&(ce=!_o()),qs.style.display="",fn.style.display="",fn.textContent=`${ce?"Destroy":"Initialize"} Body OverlayScrollbars`};fn.addEventListener("click",()=>{const t=kt(document.body);t?(t.destroy(),ce=!1):ce=!_o(!0),Bo()});Bo(); diff --git a/docs/example/overlayscrollbars/assets/index-kBfnonIq.js b/docs/example/overlayscrollbars/assets/index-kBfnonIq.js new file mode 100644 index 00000000..90716b09 --- /dev/null +++ b/docs/example/overlayscrollbars/assets/index-kBfnonIq.js @@ -0,0 +1,9 @@ +(function(){const e=document.createElement("link").relList;if(e&&e.supports&&e.supports("modulepreload"))return;for(const s of document.querySelectorAll('link[rel="modulepreload"]'))o(s);new MutationObserver(s=>{for(const c of s)if(c.type==="childList")for(const r of c.addedNodes)r.tagName==="LINK"&&r.rel==="modulepreload"&&o(r)}).observe(document,{childList:!0,subtree:!0});function n(s){const c={};return s.integrity&&(c.integrity=s.integrity),s.referrerPolicy&&(c.referrerPolicy=s.referrerPolicy),s.crossOrigin==="use-credentials"?c.credentials="include":s.crossOrigin==="anonymous"?c.credentials="omit":c.credentials="same-origin",c}function o(s){if(s.ep)return;s.ep=!0;const c=n(s);fetch(s.href,c)}})();/*! + * OverlayScrollbars + * Version: 2.7.1 + * + * Copyright (c) Rene Haas | KingSora. + * https://github.com/KingSora + * + * Released under the MIT license. + */const ht=(t,e)=>{const{o:n,u:o,_:s}=t;let c=n,r;const l=(a,y)=>{const m=c,b=a,E=y||(o?!o(m,b):m!==b);return(E||s)&&(c=b,r=m),[c,E,r]};return[e?a=>l(e(c,r),a):l,a=>[c,!!a,r]]},Yn=typeof window<"u"&&typeof document<"u",mt=Yn?window:{},Se=Math.max,Fo=Math.min,Xe=Math.round,Jn=mt.cancelAnimationFrame,Zn=mt.requestAnimationFrame,xe=mt.setTimeout,Ye=mt.clearTimeout,Pe=t=>typeof mt[t]<"u"?mt[t]:void 0,Uo=Pe("MutationObserver"),An=Pe("IntersectionObserver"),Ee=Pe("ResizeObserver"),Je=Pe("ScrollTimeline"),Qn=Yn&&Node.ELEMENT_NODE,{toString:jo,hasOwnProperty:Ue}=Object.prototype,Go=/^\[object (.+)\]$/,ue=t=>t===void 0,De=t=>t===null,Wo=t=>ue(t)||De(t)?`${t}`:jo.call(t).replace(Go,"$1").toLowerCase(),Et=t=>typeof t=="number",ke=t=>typeof t=="string",to=t=>typeof t=="boolean",Ct=t=>typeof t=="function",wt=t=>Array.isArray(t),re=t=>typeof t=="object"&&!wt(t)&&!De(t),Ie=t=>{const e=!!t&&t.length,n=Et(e)&&e>-1&&e%1==0;return wt(t)||!Ct(t)&&n?e>0&&re(t)?e-1 in t:!0:!1},Ce=t=>{if(!t||!re(t)||Wo(t)!=="object")return!1;let e;const n="constructor",o=t[n],s=o&&o.prototype,c=Ue.call(t,n),r=s&&Ue.call(s,"isPrototypeOf");if(o&&!c&&!r)return!1;for(e in t);return ue(e)||Ue.call(t,e)},$e=t=>{const e=HTMLElement;return t?e?t instanceof e:t.nodeType===Qn:!1},Re=t=>{const e=Element;return t?e?t instanceof e:t.nodeType===Qn:!1};function G(t,e){if(Ie(t))for(let n=0;ne(t[n],n,t));return t}const Me=(t,e)=>t.indexOf(e)>=0,At=(t,e)=>t.concat(e),tt=(t,e,n)=>(!n&&!ke(e)&&Ie(e)?Array.prototype.push.apply(t,e):t.push(e),t),Nt=t=>Array.from(t||[]),eo=t=>wt(t)?t:[t],Ze=t=>!!t&&!t.length,Tn=t=>Nt(new Set(t)),vt=(t,e,n)=>{G(t,s=>s&&s.apply(void 0,e||[])),!n&&(t.length=0)},no="paddingTop",oo="paddingRight",so="paddingLeft",co="paddingBottom",ro="marginLeft",lo="marginRight",io="marginBottom",ze="overflowX",Be="overflowY",Yt="width",Jt="height",Zt="hidden",ao="visible",vn=(t,e,n,o)=>{if(t&&e){let s=!0;return G(n,c=>{const r=o?o(t[c]):t[c],l=o?o(e[c]):e[c];r!==l&&(s=!1)}),s}return!1},uo=(t,e)=>vn(t,e,["w","h"]),fo=(t,e)=>vn(t,e,["x","y"]),Ko=(t,e)=>vn(t,e,["t","r","b","l"]),St=()=>{},z=(t,...e)=>t.bind(0,...e),Ut=t=>{let e;const n=t?xe:Zn,o=t?Ye:Jn;return[s=>{o(e),e=n(s,Ct(t)?t():t)},()=>o(e)]},po=(t,e)=>{let n,o,s,c=St;const{v:r,p:l,S:i}=e||{},p=function(E){c(),Ye(n),n=o=void 0,c=St,t.apply(this,E)},a=b=>i&&o?i(o,b):b,y=()=>{c!==St&&p(a(s)||s)},m=function(){const E=Nt(arguments),O=Ct(r)?r():r;if(Et(O)&&O>=0){const A=Ct(l)?l():l,C=Et(A)&&A>=0,I=O>0?xe:Zn,h=O>0?Ye:Jn,L=a(E)||E,V=p.bind(0,L);c();const B=I(V,O);c=()=>h(B),C&&!n&&(n=xe(y,A)),o=s=L}else p(E)};return m.m=y,m},yo=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),Ht=t=>t?Object.keys(t):[],j=(t,e,n,o,s,c,r)=>{const l=[e,n,o,s,c,r];return(typeof t!="object"||De(t))&&!Ct(t)&&(t={}),G(l,i=>{G(i,(p,a)=>{const y=i[a];if(t===y)return!0;const m=wt(y);if(y&&Ce(y)){const b=t[a];let E=b;m&&!wt(b)?E=[]:!m&&!Ce(b)&&(E={}),t[a]=j(E,y)}else t[a]=m?y.slice():y})}),t},mo=(t,e)=>G(j({},t),(n,o,s)=>{n===void 0?delete s[o]:e&&n&&Ce(n)&&(s[o]=mo(n,e))}),gn=t=>{for(const e in t)return!1;return!0},Qe=(t,e,n)=>Se(t,Fo(e,n)),Bt=t=>Nt(new Set((wt(t)?t:(t||"").split(" ")).filter(e=>e))),Ve=(t,e)=>t&&t.getAttribute(e),Ln=(t,e)=>t&&t.hasAttribute(e),bt=(t,e,n)=>{G(Bt(e),o=>{t&&t.setAttribute(o,n||"")})},xt=(t,e)=>{G(Bt(e),n=>t&&t.removeAttribute(n))},Ne=(t,e)=>{const n=Bt(Ve(t,e)),o=z(bt,t,e),s=(c,r)=>{const l=new Set(n);return G(Bt(c),i=>l[r](i)),Nt(l).join(" ")};return{$:c=>o(s(c,"delete")),O:c=>o(s(c,"add")),C:c=>{const r=Bt(c);return r.reduce((l,i)=>l&&n.includes(i),r.length>0)}}},vo=(t,e,n)=>{Ne(t,e).$(n)},le=(t,e,n)=>(Ne(t,e).O(n),z(vo,t,e,n)),we=(t,e,n,o)=>{(o?le:vo)(t,e,n)},Xo=(t,e,n)=>Ne(t,e).C(n),go=t=>Ne(t,"class"),bn=(t,e)=>{go(t).$(e)},Ae=(t,e)=>(go(t).O(e),z(bn,t,e)),bo=(t,e)=>{const n=[],o=e?Re(e)&&e:document;return o?tt(n,o.querySelectorAll(t)):n},Yo=(t,e)=>{const n=e?Re(e)&&e:document;return n?n.querySelector(t):null},Te=(t,e)=>Re(t)?t.matches(e):!1,ho=t=>Te(t,"body"),tn=t=>t?Nt(t.childNodes):[],Qt=t=>t&&t.parentElement,jt=(t,e)=>Re(t)&&t.closest(e),en=t=>(t||document).activeElement,Jo=(t,e,n)=>{const o=jt(t,e),s=t&&Yo(n,o),c=jt(s,e)===o;return o&&s?o===t||s===t||c&&jt(jt(t,n),e)!==o:!1},Pt=t=>{if(Ie(t))G(Nt(t),e=>Pt(e));else if(t){const e=Qt(t);e&&e.removeChild(t)}},So=(t,e,n)=>{if(n&&t){let o=e,s;return Ie(n)?(s=document.createDocumentFragment(),G(n,c=>{c===o&&(o=c.previousSibling),s.appendChild(c)})):s=n,e&&(o?o!==e&&(o=o.nextSibling):o=t.firstChild),t.insertBefore(s,o||null),()=>Pt(n)}return St},yt=(t,e)=>So(t,null,e),Hn=(t,e)=>So(Qt(t),t&&t.nextSibling,e),Wt=t=>{const e=document.createElement("div");return bt(e,"class",t),e},wo=t=>{const e=Wt();return e.innerHTML=t.trim(),G(tn(e),n=>Pt(n))},Zo=/^--/,Pn=(t,e)=>t.getPropertyValue(e)||t[e]||"",hn=t=>{const e=t||0;return isFinite(e)?e:0},ve=t=>hn(parseFloat(t||"")),Dn=t=>`${(hn(t)*100).toFixed(3)}%`,nn=t=>`${hn(t)}px`;function te(t,e){t&&G(e,(n,o)=>{try{const s=t.style,c=Et(n)?nn(n):(n||"")+"";Zo.test(o)?s.setProperty(o,c):s[o]=c}catch{}})}function Vt(t,e,n){const o=ke(e);let s=o?"":{};if(t){const c=mt.getComputedStyle(t,n)||t.style;s=o?Pn(c,e):e.reduce((r,l)=>(r[l]=Pn(c,l),r),s)}return s}const Lt=t=>Vt(t,"direction")==="rtl",kn=(t,e,n)=>{const o=e?`${e}-`:"",s=n?`-${n}`:"",c=`${o}top${s}`,r=`${o}right${s}`,l=`${o}bottom${s}`,i=`${o}left${s}`,p=Vt(t,[c,r,l,i]);return{t:ve(p[c]),r:ve(p[r]),b:ve(p[l]),l:ve(p[i])}},je=(t,e)=>`translate${re(t)?`(${t.x},${t.y})`:`${e?"X":"Y"}(${t})`}`,Qo={w:0,h:0},_e=(t,e)=>e?{w:e[`${t}Width`],h:e[`${t}Height`]}:Qo,ts=t=>_e("inner",t||mt),se=z(_e,"offset"),Oo=z(_e,"client"),on=z(_e,"scroll"),Sn=t=>{const e=parseFloat(Vt(t,Yt))||0,n=parseFloat(Vt(t,Jt))||0;return{w:e-Xe(e),h:n-Xe(n)}},Kt=t=>t.getBoundingClientRect(),sn=t=>!!(t&&(t[Jt]||t[Yt])),xo=(t,e)=>{const n=sn(t);return!sn(e)&&n},In=(t,e,n,o)=>{G(Bt(e),s=>{t.removeEventListener(s,n,o)})},Q=(t,e,n,o)=>{var s;const c=(s=o&&o.H)!=null?s:!0,r=o&&o.I||!1,l=o&&o.A||!1,i={passive:c,capture:r};return z(vt,Bt(e).map(p=>{const a=l?y=>{In(t,p,a,r),n(y)}:n;return t.addEventListener(p,a,i),z(In,t,p,a,r)}))},wn=t=>t.stopPropagation(),Rn=t=>t.preventDefault(),es={x:0,y:0},Ge=t=>{const e=t&&Kt(t);return e?{x:e.left+mt.scrollX,y:e.top+mt.scrollY}:es},Le=(t,e,n)=>n?n.n?-t+0:n.i?e-t:t:t,Mn=(t,e)=>[Le(0,t,e),Le(t,t,e)],zn=(t,e,n)=>Qe(0,1,Le(t,e,n)/e||0),Dt=(t,e)=>{const{x:n,y:o}=Et(e)?{x:e,y:e}:e||{};Et(n)&&(t.scrollLeft=n),Et(o)&&(t.scrollTop=o)},ee=t=>({x:t.scrollLeft,y:t.scrollTop}),Bn=(t,e)=>{G(eo(e),t)},cn=t=>{const e=new Map,n=(c,r)=>{if(c){const l=e.get(c);Bn(i=>{l&&l[i?"delete":"clear"](i)},r)}else e.forEach(l=>{l.clear()}),e.clear()},o=(c,r)=>{if(ke(c)){const p=e.get(c)||new Set;return e.set(c,p),Bn(a=>{Ct(a)&&p.add(a)},r),z(n,c,r)}to(r)&&r&&n();const l=Ht(c),i=[];return G(l,p=>{const a=c[p];a&&tt(i,o(p,a))}),z(vt,i)},s=(c,r)=>{G(Nt(e.get(c)),l=>{r&&!Ze(r)?l.apply(0,r):l()})};return o(t||{}),[o,n,s]},Vn=t=>JSON.stringify(t,(e,n)=>{if(Ct(n))throw 0;return n}),Nn=(t,e)=>t?`${e}`.split(".").reduce((n,o)=>n&&yo(n,o)?n[o]:void 0,t):void 0,ns={paddingAbsolute:!1,showNativeOverlaidScrollbars:!1,update:{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,autoHideSuspend:!1,dragScroll:!0,clickScroll:!1,pointers:["mouse","touch","pen"]}},Eo=(t,e)=>{const n={},o=At(Ht(e),Ht(t));return G(o,s=>{const c=t[s],r=e[s];if(re(c)&&re(r))j(n[s]={},Eo(c,r)),gn(n[s])&&delete n[s];else if(yo(e,s)&&r!==c){let l=!0;if(wt(c)||wt(r))try{Vn(c)===Vn(r)&&(l=!1)}catch{}l&&(n[s]=r)}}),n},_n=(t,e,n)=>o=>[Nn(t,o),n||Nn(e,o)!==void 0],de="data-overlayscrollbars",Oe="os-environment",ge=`${Oe}-scrollbar-hidden`,We=`${de}-initialize`,ft=de,Co=`${ft}-overflow-x`,$o=`${ft}-overflow-y`,Ao="overflowVisible",os="scrollbarPressed",rn="updating",ss="body",$t=`${de}-viewport`,cs="arrange",To="scrollbarHidden",Xt=Ao,ln=`${de}-padding`,rs=Xt,qn=`${de}-content`,On="os-size-observer",ls=`${On}-appear`,is=`${On}-listener`,as="os-trinsic-observer",us="os-theme-none",pt="os-scrollbar",ds=`${pt}-rtl`,fs=`${pt}-horizontal`,ps=`${pt}-vertical`,Lo=`${pt}-track`,xn=`${pt}-handle`,ys=`${pt}-visible`,ms=`${pt}-cornerless`,Fn=`${pt}-interaction`,Un=`${pt}-unusable`,an=`${pt}-auto-hide`,jn=`${an}-hidden`,Gn=`${pt}-wheel`,vs=`${Lo}-interactive`,gs=`${xn}-interactive`,Ho={},Po={},bs=t=>{G(t,e=>G(e,(n,o)=>{Ho[o]=e[o]}))},Do=(t,e,n)=>Ht(t).map(o=>{const{static:s,instance:c}=t[o],[r,l,i]=n||[],p=n?c:s;if(p){const a=n?p(r,l,e):p(e);return(i||Po)[o]=a}}),ne=t=>Po[t],hs="__osOptionsValidationPlugin",Ss="__osSizeObserverPlugin",ws=(t,e)=>{const{T:n}=e,[o,s]=t("showNativeOverlaidScrollbars");return[o&&n.x&&n.y,s]},He=t=>t.indexOf(ao)===0,ko=(t,e)=>{const{D:n}=t,o=i=>{const p=Vt(n,i),y=(e?e[i]:p)==="scroll";return[p,y]},[s,c]=o(ze),[r,l]=o(Be);return{k:{x:s,y:r},R:{x:c,y:l}}},Os=(t,e,n,o)=>{const s=e.x||e.y,c=(a,y)=>{const m=He(a),b=m&&s?"hidden":"",E=y&&m&&a.replace(`${ao}-`,"")||b;return[y&&!m?a:"",He(E)?"hidden":E]},[r,l]=c(n.x,e.x),[i,p]=c(n.y,e.y);return o[ze]=l&&i?l:r,o[Be]=p&&r?p:i,ko(t,o)},En="__osScrollbarsHidingPlugin",xs="__osClickScrollPlugin";let Ke;const Es=()=>{const t=(h,$,L,V)=>{yt(h,$);const B=Oo($),M=se($),S=Sn(L);return V&&Pt($),{x:M.h-B.h+S.h,y:M.w-B.w+S.w}},e=h=>{let $=!1;const L=Ae(h,ge);try{$=Vt(h,"scrollbar-width")==="none"||Vt(h,"display","::-webkit-scrollbar")==="none"}catch{}return L(),$},n=(h,$)=>{te(h,{[ze]:Zt,[Be]:Zt,direction:"rtl"}),Dt(h,{x:0});const L=Ge(h),V=Ge($);Dt(h,{x:-999});const B=Ge($);return{i:L.x===V.x,n:V.x!==B.x}},{body:o}=document,s=`.${Oe}{scroll-behavior:auto!important;position:fixed;opacity:0;visibility:hidden;overflow:scroll;height:200px;width:200px;z-index:-1}.${Oe} div{width:200%;height:200%;margin:10px 0}.${ge}{scrollbar-width:none!important}.${ge}::-webkit-scrollbar,.${ge}::-webkit-scrollbar-corner{appearance:none!important;display:none!important;width:0!important;height:0!important}`,r=wo(`
`)[0],l=r.firstChild,[i,,p]=cn(),[a,y]=ht({o:t(o,r,l),u:fo},z(t,o,r,l,!0)),[m]=y(),b=e(r),E={x:m.x===0,y:m.y===0},O={elements:{host:null,padding:!b,viewport:h=>b&&ho(h)&&h,content:!1},scrollbars:{slot:!0},cancel:{nativeScrollbarsOverlaid:!1,body:null}},k=j({},ns),A=z(j,{},k),C=z(j,{},O),I={P:m,T:E,L:b,J:!!Je,K:n(r,l),Z:z(i,"r"),G:C,tt:h=>j(O,h)&&C(),nt:A,ot:h=>j(k,h)&&A(),st:j({},O),et:j({},k)};return xt(r,"style"),Pt(r),mt.addEventListener("resize",()=>{let h;if(!b&&(!E.x||!E.y)){const $=ne(En);h=!!($?$.Y():St)(I,a)}p("r",[h])}),I},gt=()=>(Ke||(Ke=Es()),Ke),Io=(t,e)=>Ct(e)?e.apply(0,t):e,Cs=(t,e,n,o)=>{const s=ue(o)?n:o;return Io(t,s)||e.apply(0,t)},Ro=(t,e,n,o)=>{const s=ue(o)?n:o,c=Io(t,s);return!!c&&($e(c)?c:e.apply(0,t))},$s=(t,e)=>{const{nativeScrollbarsOverlaid:n,body:o}=e||{},{T:s,L:c,G:r}=gt(),{nativeScrollbarsOverlaid:l,body:i}=r().cancel,p=n??l,a=ue(o)?i:o,y=(s.x||s.y)&&p,m=t&&(De(a)?!c:a);return!!y||!!m},Cn=new WeakMap,As=(t,e)=>{Cn.set(t,e)},Ts=t=>{Cn.delete(t)},Mo=t=>Cn.get(t),Ls=(t,e,n)=>{let o=!1;const s=n?new WeakMap:!1,c=()=>{o=!0},r=l=>{if(s&&n){const i=n.map(p=>{const[a,y]=p||[];return[y&&a?(l||bo)(a,t):[],y]});G(i,p=>G(p[0],a=>{const y=p[1],m=s.get(a)||[];if(t.contains(a)&&y){const E=Q(a,y,O=>{o?(E(),s.delete(a)):e(O)});s.set(a,tt(m,E))}else vt(m),s.delete(a)}))}};return r(),[c,r]},Wn=(t,e,n,o)=>{let s=!1;const{ct:c,rt:r,lt:l,it:i,ut:p,dt:a}=o||{},y=po(()=>s&&n(!0),{v:33,p:99}),[m,b]=Ls(t,y,l),E=c||[],O=r||[],k=At(E,O),A=(I,h)=>{if(!Ze(h)){const $=p||St,L=a||St,V=[],B=[];let M=!1,S=!1;if(G(h,w=>{const{attributeName:D,target:g,type:R,oldValue:_,addedNodes:W,removedNodes:P}=w,q=R==="attributes",Z=R==="childList",H=t===g,Y=q&&D,X=Y&&Ve(g,D||"")||null,J=Y&&_!==X,rt=Me(O,D)&&J;if(e&&(Z||!H)){const ot=q&&J,et=ot&&i&&Te(g,i),f=(et?!$(g,D,_,X):!q||ot)&&!L(w,!!et,t,o);G(W,d=>tt(V,d)),G(P,d=>tt(V,d)),S=S||f}!e&&H&&J&&!$(g,D,_,X)&&(tt(B,D),M=M||rt)}),b(w=>Tn(V).reduce((D,g)=>(tt(D,bo(w,g)),Te(g,w)?tt(D,g):D),[])),e)return!I&&S&&n(!1),[!1];if(!Ze(B)||M){const w=[Tn(B),M];return!I&&n.apply(0,w),w}}},C=new Uo(z(A,!1));return[()=>(C.observe(t,{attributes:!0,attributeOldValue:!0,attributeFilter:k,subtree:e,childList:e,characterData:e}),s=!0,()=>{s&&(m(),C.disconnect(),s=!1)}),()=>{if(s)return y.m(),A(!0,C.takeRecords())}]},zo=(t,e,n)=>{const{ft:s,_t:c}=n||{},r=ne(Ss),{K:l}=gt(),i=z(Lt,t),[p]=ht({o:!1,_:!0});return()=>{const a=[],m=wo(`
`)[0],b=m.firstChild,E=O=>{const k=O instanceof ResizeObserverEntry,A=!k&&wt(O);let C=!1,I=!1,h=!0;if(k){const[$,,L]=p(O.contentRect),V=sn($),B=xo($,L);I=!L||B,C=!I&&!V,h=!C}else A?[,h]=O:I=O===!0;if(s&&h){const $=A?O[0]:Lt(m);Dt(m,{x:Le(3333333,3333333,$&&l),y:3333333})}C||e({vt:A?O:void 0,ht:!A,_t:I})};if(Ee){const O=new Ee(k=>E(k.pop()));O.observe(b),tt(a,()=>{O.disconnect()})}else if(r){const[O,k]=r(b,E,c);tt(a,At([Ae(m,ls),Q(m,"animationstart",O)],k))}else return St;if(s){const[O]=ht({o:void 0},i);tt(a,Q(m,"scroll",k=>{const A=O(),[C,I,h]=A;I&&(bn(b,"ltr rtl"),Ae(b,C?"rtl":"ltr"),E([!!C,I,h])),wn(k)}))}return z(vt,tt(a,yt(t,m)))}},Hs=(t,e)=>{let n;const o=i=>i.h===0||i.isIntersecting||i.intersectionRatio>0,s=Wt(as),[c]=ht({o:!1}),r=(i,p)=>{if(i){const a=c(o(i)),[,y]=a;return y&&!p&&e(a)&&[a]}},l=(i,p)=>r(p.pop(),i);return[()=>{const i=[];if(An)n=new An(z(l,!1),{root:t}),n.observe(s),tt(i,()=>{n.disconnect()});else{const p=()=>{const a=se(s);r(a)};tt(i,zo(s,p)()),p()}return z(vt,tt(i,yt(t,s)))},()=>n&&l(!0,n.takeRecords())]},Ps=(t,e,n,o)=>{let s,c,r,l,i,p;const{L:a}=gt(),y=`[${ft}]`,m=`[${$t}]`,b=["tabindex"],E=["wrap","cols","rows"],O=["id","class","style","open"],{gt:k,bt:A,D:C,wt:I,yt:h,V:$,St:L,$t:V}=t,B={Ot:!1,N:Lt(k)},M=gt(),S=ne(En),[w]=ht({u:uo,o:{w:0,h:0}},()=>{const u=S&&S.M(t,e,B,M,n).W,f=L(Xt),d=!$&&L(cs),v=d&&ee(C);V(Xt),$&&V(rn,!0);const x=d&&u&&u()[0],T=on(I),F=on(C),U=Sn(C);return V(Xt,f),$&&V(rn),x&&x(),Dt(C,v),{w:F.w+T.w+U.w,h:F.h+T.h+U.h}}),D=h?E:At(O,E),g=po(o,{v:()=>s,p:()=>c,S(u,f){const[d]=u,[v]=f;return[At(Ht(d),Ht(v)).reduce((x,T)=>(x[T]=d[T]||v[T],x),{})]}}),R=u=>{if($){const f=Lt(k);j(u,{Ct:p!==f}),j(B,{N:f}),p=f}},_=u=>{G(u||b,f=>{if(Me(b,f)){const d=Ve(A,f);ke(d)?bt(C,f,d):xt(C,f)}})},W=(u,f)=>{const[d,v]=u,x={xt:v};return j(B,{Ot:d}),!f&&o(x),x},P=({ht:u,vt:f,_t:d})=>{const x=!(u&&!d&&!f)&&a?g:o,[T,F]=f||[],U={ht:u||d,_t:d,Ct:F};R(U),f&&j(B,{N:T}),x(U)},q=(u,f)=>{const[,d]=w(),v={Ht:d};return R(v),d&&!f&&(u?o:g)(v),v},Z=(u,f,d)=>{const v={zt:f};return R(v),f&&!d?g(v):$||_(u),v},{Z:H}=M,[Y,X]=I?Hs(A,W):[],J=!$&&zo(A,P,{_t:!0,ft:!0}),[rt,ot]=Wn(A,!1,Z,{rt:O,ct:At(O,b)}),et=$&&Ee&&new Ee(u=>{const f=u[u.length-1].contentRect;P({ht:!0,_t:xo(f,i)}),i=f});return[()=>{_(),et&&et.observe(A);const u=J&&J(),f=Y&&Y(),d=rt(),v=H(x=>{const[,T]=w();g({It:x,Ht:T})});return()=>{et&&et.disconnect(),u&&u(),f&&f(),l&&l(),d(),v()}},({Et:u,At:f,Tt:d})=>{const v={},[x]=u("update.ignoreMutation"),[T,F]=u("update.attributes"),[U,nt]=u("update.elementEvents"),[st,N]=u("update.debounce"),ct=nt||F,it=f||d,dt=K=>Ct(x)&&x(K);if(ct){r&&r(),l&&l();const[K,at]=Wn(I||C,!0,q,{ct:At(D,T||[]),lt:U,it:y,dt:(lt,ut)=>{const{target:It,attributeName:fe}=lt;return(!ut&&fe&&!$?Jo(It,y,m):!1)||!!jt(It,`.${pt}`)||!!dt(lt)}});l=K(),r=at}if(N)if(g.m(),wt(st)){const K=st[0],at=st[1];s=Et(K)&&K,c=Et(at)&&at}else Et(st)?(s=st,c=!1):(s=!1,c=!1);if(it){const K=ot(),at=X&&X(),lt=r&&r();K&&j(v,Z(K[0],K[1],it)),at&&j(v,W(at[0],it)),lt&&j(v,q(lt[0],it))}return R(v),v},B]},Ds=(t,e,n,o)=>{const{G:s,K:c}=gt(),{scrollbars:r}=s(),{slot:l}=r,{gt:i,bt:p,D:a,Dt:y,kt:m,Rt:b,V:E}=e,{scrollbars:O}=y?{}:t,{slot:k}=O||{},A=new Map,C=u=>Je&&new Je({source:m,axis:u}),I=C("x"),h=C("y"),$=Ro([i,p,a],()=>E&&b?i:p,l,k),L=(u,f)=>{if(f){const U=u?Yt:Jt,{Mt:nt,Vt:st}=f,N=Kt(st)[U],ct=Kt(nt)[U];return Qe(0,1,N/ct||0)}const d=u?"x":"y",{Lt:v,Pt:x}=n,T=x[d],F=v[d];return Qe(0,1,T/(T+F)||0)},V=(u,f,d,v)=>{const x=L(d,u);return 1/x*(1-x)*(v?1-f:f)||0},B=(u,f)=>j(u,f?{clear:["left"]}:{}),M=u=>{A.forEach((f,d)=>{(u?Me(eo(u),d):!0)&&(G(f||[],x=>{x&&x.cancel()}),A.delete(d))})},S=(u,f,d,v)=>{const x=A.get(u)||[],T=x.find(F=>F&&F.timeline===f);T?T.effect=new KeyframeEffect(u,d,{composite:v}):A.set(u,At(x,[u.animate(d,{timeline:f,composite:v})]))},w=(u,f,d)=>{const v=d?Ae:bn;G(u,x=>{v(x.Ut,f)})},D=(u,f)=>{G(u,d=>{const[v,x]=f(d);te(v,x)})},g=(u,f)=>{D(u,d=>{const{Vt:v}=d;return[v,{[f?Yt:Jt]:Dn(L(f))}]})},R=(u,f)=>{const{Lt:d}=n,v=f?d.x:d.y,x=(T,F,U)=>je(Dn(V(T,zn(F,v,U),f,U)),f);if(I&&h)G(u,T=>{const{Ut:F,Vt:U}=T,nt=f&&Lt(F)&&c;S(U,f?I:h,B({transform:Mn(v,nt).map(st=>x(T,st,nt))},nt))});else{const T=ee(m);D(u,F=>{const{Vt:U,Ut:nt}=F;return[U,{transform:x(F,f?T.x:T.y,f&&Lt(nt)&&c)}]})}},_=u=>E&&!b&&Qt(u)===a,W=[],P=[],q=[],Z=(u,f,d)=>{const v=to(d),x=v?d:!0,T=v?!d:!0;x&&w(P,u,f),T&&w(q,u,f)},H=()=>{g(P,!0),g(q)},Y=()=>{R(P,!0),R(q)},X=()=>{if(E){const{Lt:u}=n,f=.5;if(I&&h)G(At(q,P),({Ut:d})=>{if(_(d)){const v=(x,T,F)=>{const U=F&&Lt(d)&&c;S(d,x,B({transform:Mn(T-f,U).map(nt=>je(nn(nt),F))},U),"add")};v(I,u.x,!0),v(h,u.y)}else M(d)});else{const d=ee(m),v=x=>{const{Ut:T}=x,F=_(T)&&T,U=(nt,st,N)=>{const ct=zn(nt,st,N),it=st*ct;return nn(N?-it:it)};return[F,{transform:F?je({x:U(d.x,u.x,Lt(T)&&c),y:U(d.y,u.y)}):""}]};D(P,v),D(q,v)}}},J=u=>{const d=Wt(`${pt} ${u?fs:ps}`),v=Wt(Lo),x=Wt(xn),T={Ut:d,Mt:v,Vt:x};return tt(u?P:q,T),tt(W,[yt(d,v),yt(v,x),z(Pt,d),M,o(T,Z,R,u)]),T},rt=z(J,!0),ot=z(J,!1),et=()=>(yt($,P[0].Ut),yt($,q[0].Ut),z(vt,W));return rt(),ot(),[{Bt:H,Nt:Y,jt:X,Ft:Z,qt:{J:I,Wt:P,Xt:rt,Yt:z(D,P)},Jt:{J:h,Wt:q,Xt:ot,Yt:z(D,q)}},et]},ks=(t,e,n,o)=>{const{bt:s,D:c,V:r,kt:l,Kt:i}=e;return(p,a,y,m)=>{const{Ut:b,Mt:E,Vt:O}=p,[k,A]=Ut(333),[C,I]=Ut(),h=z(y,[p],m),$=!!l.scrollBy,L=`client${m?"X":"Y"}`,V=m?Yt:Jt,B=m?"left":"top",M=m?"w":"h",S=m?"x":"y",w=R=>R.propertyName.indexOf(V)>-1,D=()=>{const R="pointerup pointerleave pointercancel lostpointercapture",_=(W,P)=>q=>{const{Lt:Z}=n,H=se(E)[M]-se(O)[M],X=P*q/H*Z[S];Dt(l,{[S]:W+X})};return Q(E,"pointerdown",W=>{const P=jt(W.target,`.${xn}`)===O,q=P?O:E,Z=t.scrollbars,{button:H,isPrimary:Y,pointerType:X}=W,{pointers:J}=Z;if(H===0&&Y&&Z[P?"dragScroll":"clickScroll"]&&(J||[]).includes(X)){const ot=!P&&W.shiftKey,et=z(Kt,O),u=z(Kt,E),f=(K,at)=>(K||et())[B]-(at||u())[B],d=Xe(Kt(l)[V])/se(l)[M]||1,v=_(ee(l)[S]||0,1/d),x=W[L],T=et(),F=u(),U=T[V],nt=f(T,F)+U/2,st=x-F[B],N=P?0:st-nt,ct=K=>{vt(dt),q.releasePointerCapture(K.pointerId)},dt=[le(s,ft,os),Q(i,R,ct),Q(i,"selectstart",K=>Rn(K),{H:!1}),Q(E,R,ct),Q(E,"pointermove",K=>{const at=K[L]-x;(P||ot)&&v(N+at)})];if(q.setPointerCapture(W.pointerId),ot)v(N);else if(!P){const K=ne(xs);K&&tt(dt,K(v,f,N,U,st))}}})};let g=!0;return z(vt,[Q(O,"pointermove pointerleave",o),Q(b,"pointerenter",()=>{a(Fn,!0)}),Q(b,"pointerleave pointercancel",()=>{a(Fn,!1)}),!r&&Q(b,"mousedown",()=>{const R=en();(Ln(R,$t)||Ln(R,ft)||R===document.body)&&xe(()=>{c.focus()},25)}),Q(b,"wheel",R=>{const{deltaX:_,deltaY:W,deltaMode:P}=R;$&&g&&P===0&&Qt(b)===s&&l.scrollBy({left:_,top:W,behavior:"smooth"}),g=!1,a(Gn,!0),k(()=>{g=!0,a(Gn)}),Rn(R)},{H:!1,I:!0}),Q(O,"transitionstart",R=>{if(w(R)){const _=()=>{h(),C(_)};_()}}),Q(O,"transitionend transitioncancel",R=>{w(R)&&(I(),h())}),Q(b,"mousedown",z(Q,i,"click",wn,{A:!0,I:!0}),{I:!0}),D(),A,I])}},Is=(t,e,n,o,s,c)=>{let r,l,i,p,a,y=St,m=0;const b=H=>H.pointerType==="mouse",[E,O]=Ut(),[k,A]=Ut(100),[C,I]=Ut(100),[h,$]=Ut(()=>m),[L,V]=Ds(t,s,o,ks(e,s,o,H=>b(H)&&W())),{bt:B,Zt:M,Rt:S}=s,{Ft:w,Bt:D,Nt:g,jt:R}=L,_=(H,Y)=>{if($(),H)w(jn);else{const X=z(w,jn,!0);m>0&&!Y?h(X):X()}},W=()=>{(i?!r:!p)&&(_(!0),k(()=>{_(!1)}))},P=H=>{w(an,H,!0),w(an,H,!1)},q=H=>{b(H)&&(r=i,i&&_(!0))},Z=[$,A,I,O,()=>y(),Q(B,"pointerover",q,{A:!0}),Q(B,"pointerenter",q),Q(B,"pointerleave",H=>{b(H)&&(r=!1,i&&_(!1))}),Q(B,"pointermove",H=>{b(H)&&l&&W()}),Q(M,"scroll",H=>{E(()=>{g(),W()}),c(H),R()})];return[()=>z(vt,tt(Z,V())),({Et:H,Tt:Y,Gt:X,Qt:J})=>{const{tn:rt,nn:ot,sn:et}=J||{},{Ct:u,_t:f}=X||{},{N:d}=n,{T:v}=gt(),{k:x,en:T}=o,[F,U]=H("showNativeOverlaidScrollbars"),[nt,st]=H("scrollbars.theme"),[N,ct]=H("scrollbars.visibility"),[it,dt]=H("scrollbars.autoHide"),[K,at]=H("scrollbars.autoHideSuspend"),[lt]=H("scrollbars.autoHideDelay"),[ut,It]=H("scrollbars.dragScroll"),[fe,pe]=H("scrollbars.clickScroll"),[ye,Ot]=H("overflow"),Rt=f&&!Y,Mt=T.x||T.y,qe=rt||ot||u||Y,Tt=et||ct||Ot,Fe=F&&v.x&&v.y,_t=(qt,Ft,oe)=>{const me=qt.includes("scroll")&&(N==="visible"||N==="auto"&&Ft==="scroll");return w(ys,me,oe),me};if(m=lt,Rt&&(K&&Mt?(P(!1),y(),C(()=>{y=Q(M,"scroll",z(P,!0),{A:!0})})):P(!0)),U&&w(us,Fe),st&&(w(a),w(nt,!0),a=nt),at&&!K&&P(!0),dt&&(l=it==="move",i=it==="leave",p=it==="never",_(p,!0)),It&&w(gs,ut),pe&&w(vs,fe),Tt){const qt=_t(ye.x,x.x,!0),Ft=_t(ye.y,x.y,!1);w(ms,!(qt&&Ft))}qe&&(D(),g(),R(),w(Un,!T.x,!0),w(Un,!T.y,!1),w(ds,d&&!S))},{},L]},Rs=t=>{const e=gt(),{G:n,L:o}=e,{elements:s}=n(),{host:c,padding:r,viewport:l,content:i}=s,p=$e(t),a=p?{}:t,{elements:y}=a,{host:m,padding:b,viewport:E,content:O}=y||{},k=p?t:a.target,A=ho(k),C=Te(k,"textarea"),I=k.ownerDocument,h=I.documentElement,$=I.defaultView,L=N=>{N&&N.focus&&N.focus()},V=z(Cs,[k]),B=z(Ro,[k]),M=z(Wt,""),S=z(V,M,l),w=z(B,M,i),D=S(E),g=D===k,R=g&&A,_=!g&&w(O),W=!g&&D===_,P=R?h:D,q=C?V(M,c,m):k,Z=R?P:q,H=!g&&B(M,r,b),Y=!W&&_,X=[Y,P,H,Z].map(N=>$e(N)&&!Qt(N)&&N),J=N=>N&&Me(X,N),rt=J(P)?k:P,ot={gt:k,bt:Z,D:P,cn:H,wt:Y,kt:R?h:P,Zt:R?I:P,rn:A?h:rt,ln:$,Kt:I,yt:C,Rt:A,Dt:p,V:g,St:N=>Xo(P,g?ft:$t,N),$t:(N,ct)=>we(P,g?ft:$t,N,ct)},{gt:et,bt:u,cn:f,D:d,wt:v}=ot,x=[()=>{xt(u,[ft,We]),xt(et,We),A&&xt(h,[We,ft])}],T=C&&J(u);let F=C?et:tn([v,d,f,u,et].find(N=>N&&!J(N)));const U=R?et:v||d,nt=z(vt,x);return[ot,()=>{const N=en(),ct=lt=>{yt(Qt(lt),tn(lt)),Pt(lt)},it=lt=>lt?Q(lt,"focusin focusout focus blur",ut=>{wn(ut),ut.stopImmediatePropagation()},{I:!0,H:!1}):St,dt="tabindex",K=Ve(d,dt),at=it(N);return bt(u,ft,g?"viewport":"host"),bt(f,ln,""),bt(v,qn,""),g||(bt(d,$t,""),bt(d,dt,K||"-1"),A&&le(h,ft,ss)),T&&(Hn(et,u),tt(x,()=>{Hn(u,et),Pt(u)})),yt(U,F),yt(u,f),yt(f||u,!g&&d),yt(d,v),tt(x,[at,()=>{const lt=en(),ut=it(lt);xt(f,ln),xt(v,qn),xt(d,[Co,$o,$t]),K?bt(d,dt,K):xt(d,dt),J(v)&&ct(v),J(d)&&ct(d),J(f)&&ct(f),L(lt),ut()}]),o&&!g&&(le(d,$t,To),tt(x,z(xt,d,$t))),L(!g&&$.top===$&&N===k?d:N),at(),F=0,nt},nt]},Ms=({wt:t})=>({Gt:e,an:n,Tt:o})=>{const{xt:s}=e||{},{Ot:c}=n;t&&(s||o)&&te(t,{[Jt]:c&&"100%"})},zs=({bt:t,cn:e,D:n,V:o},s)=>{const[c,r]=ht({u:Ko,o:kn()},z(kn,t,"padding",""));return({Et:l,Gt:i,an:p,Tt:a})=>{let[y,m]=r(a);const{L:b}=gt(),{ht:E,Ht:O,Ct:k}=i||{},{N:A}=p,[C,I]=l("paddingAbsolute");(E||m||(a||O))&&([y,m]=c(a));const $=!o&&(I||k||m);if($){const L=!C||!e&&!b,V=y.r+y.l,B=y.t+y.b,M={[lo]:L&&!A?-V:0,[io]:L?-B:0,[ro]:L&&A?-V:0,top:L?-y.t:0,right:L?A?-y.r:"auto":0,left:L?A?"auto":-y.l:0,[Yt]:L&&`calc(100% + ${V}px)`},S={[no]:L?y.t:0,[oo]:L?y.r:0,[co]:L?y.b:0,[so]:L?y.l:0};te(e||n,M),te(n,S),j(s,{cn:y,un:!L,j:e?S:j({},M,S)})}return{dn:$}}},Bs=(t,e)=>{const n=gt(),{bt:o,cn:s,D:c,V:r,$t:l,Rt:i,ln:p}=t,{L:a}=n,y=i&&r,m=z(Se,0),b={u:uo,o:{w:0,h:0}},E={u:fo,o:{x:Zt,y:Zt}},O=(S,w)=>{const D=mt.devicePixelRatio%1!==0?1:0,g={w:m(S.w-w.w),h:m(S.h-w.h)};return{w:g.w>D?g.w:0,h:g.h>D?g.h:0}},[k,A]=ht(b,z(Sn,c)),[C,I]=ht(b,z(on,c)),[h,$]=ht(b),[L,V]=ht(b),[B]=ht(E),M=ne(En);return({Et:S,Gt:w,an:D,Tt:g},{dn:R})=>{const{ht:_,Ht:W,Ct:P,It:q}=w||{},Z=M&&M.M(t,e,D,n,S),{q:H,W:Y,X}=Z||{},[J,rt]=ws(S,n),[ot,et]=S("overflow"),u=_||R||W||P||q||rt,f=He(ot.x),d=He(ot.y),v=f||d;let x=A(g),T=I(g),F=$(g),U=V(g),nt;if(rt&&a&&l(To,!J),u){v&&l(Xt,!1);const[Ot,Rt]=Y?Y(nt):[],[Mt,qe]=x=k(g),[Tt,Fe]=T=C(g),_t=Oo(c),qt=Tt,Ft=_t;Ot&&Ot(),(Fe||qe||rt)&&Rt&&!J&&H&&H(Rt,Tt,Mt);const oe=ts(p),me={w:m(Se(Tt.w,qt.w)+Mt.w),h:m(Se(Tt.h,qt.h)+Mt.h)},$n={w:m((y?oe.w:Ft.w+m(_t.w-Tt.w))+Mt.w),h:m((y?oe.h:Ft.h+m(_t.h-Tt.h))+Mt.h)};U=L($n),F=h(O(me,$n),g)}const[st,N]=U,[ct,it]=F,[dt,K]=T,[at,lt]=x,ut={x:ct.w>0,y:ct.h>0},It=f&&d&&(ut.x||ut.y)||f&&ut.x&&!ut.y||d&&ut.y&&!ut.x;if(R||P||q||lt||K||N||it||et||rt||u){const Ot={},Rt=Os(t,ut,ot,Ot);X&&X(Rt,D,!!H&&H(Rt,dt,at),Ot),r?(bt(o,Co,Ot[ze]),bt(o,$o,Ot[Be])):te(c,Ot)}we(o,ft,Ao,It),we(s,ln,rs,It),r||we(c,$t,Xt,v);const[pe,ye]=B(ko(t).k);return j(e,{k:pe,Pt:{x:st.w,y:st.h},Lt:{x:ct.w,y:ct.h},en:ut}),{sn:ye,tn:N,nn:it}}},Vs=t=>{const[e,n,o]=Rs(t),s={cn:{t:0,r:0,b:0,l:0},un:!1,j:{[lo]:0,[io]:0,[ro]:0,[no]:0,[oo]:0,[co]:0,[so]:0},Pt:{x:0,y:0},Lt:{x:0,y:0},k:{x:Zt,y:Zt},en:{x:!1,y:!1}},{gt:c,D:r,V:l}=e,{L:i,T:p}=gt(),a=!i&&(p.x||p.y),y=[Ms(e),zs(e,s),Bs(e,s)];return[n,m=>{const b={},O=a&&ee(r),k=l?le(r,ft,rn):St;return G(y,A=>{j(b,A(m,b)||{})}),k(),Dt(r,O),!l&&Dt(c,0),b},s,e,o]},Ns=(t,e,n,o)=>{const s=_n(e,{}),[c,r,l,i,p]=Vs(t),[a,y,m]=Ps(i,l,s,C=>{A({},C)}),[b,E,,O]=Is(t,e,m,l,i,o),k=C=>Ht(C).some(I=>!!C[I]),A=(C,I)=>{const{fn:h,Tt:$,At:L,_n:V}=C,B=h||{},M=!!$,S={Et:_n(e,B,M),fn:B,Tt:M};if(V)return E(S),!1;const w=I||y(j({},S,{At:L})),D=r(j({},S,{an:m,Gt:w}));E(j({},S,{Gt:w,Qt:D}));const g=k(w),R=k(D),_=g||R||!gn(B)||M;return _&&n(C,{Gt:w,Qt:D}),_};return[()=>{const{rn:C,D:I}=i,h=ee(C),$=[a(),c(),b()];return Dt(I,h),z(vt,$)},A,()=>({vn:m,hn:l}),{pn:i,gn:O},p]},kt=(t,e,n)=>{const{nt:o}=gt(),s=$e(t),c=s?t:t.target,r=Mo(c);if(e&&!r){let l=!1;const i=[],p={},a=S=>{const w=mo(S,!0),D=ne(hs);return D?D(w,!0):w},y=j({},o(),a(e)),[m,b,E]=cn(),[O,k,A]=cn(n),C=(S,w)=>{A(S,w),E(S,w)},[I,h,$,L,V]=Ns(t,y,({fn:S,Tt:w},{Gt:D,Qt:g})=>{const{ht:R,Ct:_,xt:W,Ht:P,zt:q,_t:Z}=D,{tn:H,nn:Y,sn:X}=g;C("updated",[M,{updateHints:{sizeChanged:!!R,directionChanged:!!_,heightIntrinsicChanged:!!W,overflowEdgeChanged:!!H,overflowAmountChanged:!!Y,overflowStyleChanged:!!X,contentMutation:!!P,hostMutation:!!q,appear:!!Z},changedOptions:S||{},force:!!w}])},S=>C("scroll",[M,S])),B=S=>{Ts(c),vt(i),l=!0,C("destroyed",[M,S]),b(),k()},M={options(S,w){if(S){const D=w?o():{},g=Eo(y,j(D,a(S)));gn(g)||(j(y,g),h({fn:g}))}return j({},y)},on:O,off:(S,w)=>{S&&w&&k(S,w)},state(){const{vn:S,hn:w}=$(),{N:D}=S,{Pt:g,Lt:R,k:_,en:W,cn:P,un:q}=w;return j({},{overflowEdge:g,overflowAmount:R,overflowStyle:_,hasOverflow:W,padding:P,paddingAbsolute:q,directionRTL:D,destroyed:l})},elements(){const{gt:S,bt:w,cn:D,D:g,wt:R,kt:_,Zt:W}=L.pn,{qt:P,Jt:q}=L.gn,Z=Y=>{const{Vt:X,Mt:J,Ut:rt}=Y;return{scrollbar:rt,track:J,handle:X}},H=Y=>{const{Wt:X,Xt:J}=Y,rt=Z(X[0]);return j({},rt,{clone:()=>{const ot=Z(J());return h({_n:!0}),ot}})};return j({},{target:S,host:w,padding:D||g,viewport:g,content:R||g,scrollOffsetElement:_,scrollEventElement:W,scrollbarHorizontal:H(P),scrollbarVertical:H(q)})},update:S=>h({Tt:S,At:!0}),destroy:z(B,!1),plugin:S=>p[Ht(S)[0]]};return tt(i,[V]),As(c,M),Do(Ho,kt,[M,m,p]),$s(L.pn.Rt,!s&&t.cancel)?(B(!0),M):(tt(i,I()),C("initialized",[M]),M.update(!0),M)}return r};kt.plugin=t=>{const e=wt(t),n=e?t:[t],o=n.map(s=>Do(s,kt)[0]);return bs(n),e?o:o[0]};kt.valid=t=>{const e=t&&t.elements,n=Ct(e)&&e();return Ce(n)&&!!Mo(n.target)};kt.env=()=>{const{P:t,T:e,L:n,K:o,J:s,st:c,et:r,G:l,tt:i,nt:p,ot:a}=gt();return j({},{scrollbarsSize:t,scrollbarsOverlaid:e,scrollbarsHiding:n,rtlScrollBehavior:o,scrollTimeline:s,staticDefaultInitialization:c,staticDefaultOptions:r,getDefaultInitialization:l,setDefaultInitialization:i,getDefaultOptions:p,setDefaultOptions:a})};const _s=document.querySelector("#eventsSection"),Kn=document.querySelector("#events"),qs=t=>{_s.style.display="",Kn.innerHTML="",Object.entries(t).forEach(([e,n])=>{const o=document.createElement("div");o.className=`event ${n.active?"active":""}`,o.textContent=`${e} (${n.count})`,Kn.append(o)})},Fs=()=>{let t=[];const e={},n={},o=r=>({active:t.includes(r),count:e[r]||0}),s=r=>{t=r,qs({initialized:o("initialized"),destroyed:o("destroyed"),updated:o("updated"),scroll:o("scroll")})};return r=>{const l=e[r];e[r]=typeof l=="number"?l+1:1,s(Array.from(new Set([...t,r]))),clearTimeout(n[r]),n[r]=setTimeout(()=>{const i=new Set(t);i.delete(r),s(Array.from(i))},500)}};let zt,un=!1,dn=!1,fn=!0;const be=Fs(),Gt=document.querySelector("#target"),Xn=document.querySelector("#targetContent"),he=document.querySelector("#impostor"),pn=document.querySelector("#scrollButton"),ie=document.querySelector("#toggleContentButton"),ae=document.querySelector("#toggleElementButton"),yn=document.querySelector("#toggleOverlayScrollbarsButton"),Bo=()=>{un?(Xn.style.display="none",ie.textContent="Show Content"):(Xn.style.display="",ie.textContent="Hide Content")},Vo=()=>{dn?(Gt.style.display="none",ae.textContent="Show Element"):(Gt.style.display="",ae.textContent="Hide Element")},No=()=>{var t,e;fn?((t=he.parentElement)==null||t.append(Gt),he.remove(),pn.style.display="",ie.style.display="",ae.style.display="",yn.textContent="Destroy OverlayScrollbars",zt=kt(Gt,{},{initialized:()=>be("initialized"),destroyed:()=>be("destroyed"),updated:()=>be("updated"),scroll:()=>be("scroll")})):(zt==null||zt.destroy(),(e=Gt.parentElement)==null||e.append(he),Gt.remove(),he.style.display="",pn.style.display="none",ie.style.display="none",ae.style.display="none",yn.textContent="Initialize OverlayScrollbars")};pn.addEventListener("click",()=>{if(!zt)return;const{overflowAmount:t}=zt.state(),{scrollOffsetElement:e}=zt.elements(),{scrollLeft:n,scrollTop:o}=e;e.scrollTo({behavior:"smooth",left:Math.round((t.x-n)/t.x)*t.x,top:Math.round((t.y-o)/t.y)*t.y})});ie.addEventListener("click",()=>{un=!un,Bo()});ae.addEventListener("click",()=>{dn=!dn,Vo()});yn.addEventListener("click",()=>{fn=!fn,No()});Bo();Vo();No();let ce=null;const _o=t=>kt({target:document.body,cancel:{body:t?!1:null}},{}).state().destroyed,Us=document.querySelector("#toggleBodyOverlayScrollbarsSection"),mn=document.querySelector("#toggleBodyOverlayScrollbarsButton"),qo=()=>{ce===null&&(ce=!_o()),Us.style.display="",mn.style.display="",mn.textContent=`${ce?"Destroy":"Initialize"} Body OverlayScrollbars`};mn.addEventListener("click",()=>{const t=kt(document.body);t?(t.destroy(),ce=!1):ce=!_o(!0),qo()});qo(); diff --git a/docs/example/overlayscrollbars/assets/index-tyi8Vfa8.css b/docs/example/overlayscrollbars/assets/index-tyi8Vfa8.css deleted file mode 100644 index 4ddfb732..00000000 --- a/docs/example/overlayscrollbars/assets/index-tyi8Vfa8.css +++ /dev/null @@ -1,9 +0,0 @@ -*,*:before,*:after{box-sizing:border-box;font-family:inherit}:root{--foreground-color-rgb: 66 118 255;--background-color-rgb: 248 250 252;--foreground-color: rgb(var(--foreground-color-rgb));--background-color: rgb(var(--background-color-rgb));--text-color: #0a376b}*{outline-width:2px;outline-color:var(--foreground-color);outline-offset:2px}*:focus-visible{outline:2px solid var(--foreground-color)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;background-color:var(--background-color);color:var(--text-color);scroll-behavior:smooth}main{height:100vh;display:flex;flex-direction:column;justify-content:center}footer{margin-top:25vh;padding:3rem 0}section{margin:1.125rem}a{color:inherit;text-decoration:none;transition:color .15s,background-size .25s;padding:.25rem .5rem;background:linear-gradient(0deg,currentColor,currentColor) no-repeat right bottom / 0 2px}a:hover{text-underline-offset:.2em;background-size:100% 2px;background-position-x:left}a:hover,a:focus{color:var(--foreground-color)}a:focus-visible{border-radius:2px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;background:var(--foreground-color);border:none;color:var(--background-color);border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem;transition:color .15s,outline-color .15s;transform:scale(1);outline:2px solid transparent;white-space:nowrap}button:hover,button:focus{outline-color:var(--foreground-color)}img{width:100%;height:100%}.slot{border-radius:6px;width:16rem;height:16rem;margin:0 auto;flex:none}.overlayscrollbars{width:100%;height:100%;overflow:auto;border:2px solid var(--foreground-color);border-radius:6px;box-shadow:rgb(var(--foreground-color-rgb) / .14) 0 .875rem 3.125rem}.logo{width:180%;height:180%;padding:1rem;display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}.title{font-size:.875rem;font-weight:500;padding:0;margin:.25rem 0}.items{display:inline-flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center;padding:.75rem;-webkit-backdrop-filter:brightness(88%) contrast(1.012);backdrop-filter:brightness(88%) contrast(1.012);border-radius:12px}.event{padding:.3rem .5rem;border-radius:4px;font-family:monospace}.event.active{color:var(--foreground-color);outline-offset:2px;outline:2px solid var(--foreground-color);background:rgb(var(--foreground-color-rgb) / .15)}/*! - * OverlayScrollbars - * Version: 2.7.0 - * - * Copyright (c) Rene Haas | KingSora. - * https://github.com/KingSora - * - * Released under the MIT license. - */.os-size-observer,.os-size-observer-listener{scroll-behavior:auto!important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(.1)}.os-size-observer:before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(10)}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}.os-environment{scroll-behavior:auto!important;position:fixed;opacity:0;visibility:hidden;overflow:scroll;height:200px;width:200px;z-index:-1}.os-environment div{width:200%;height:200%;margin:10px 0}.os-environment.os-environment-flexbox-glue{display:flex;flex-direction:row;flex-wrap:nowrap;height:auto;width:auto;min-height:200px;min-width:200px}.os-environment.os-environment-flexbox-glue div{flex:auto;width:auto;height:auto;max-height:100%;max-width:100%;margin:0}.os-environment.os-environment-flexbox-glue-max{max-height:200px}.os-environment.os-environment-flexbox-glue-max div{overflow:visible}.os-environment.os-environment-flexbox-glue-max div:before{content:"";display:block;height:999px;width:999px}.os-environment,[data-overlayscrollbars-viewport]{-ms-overflow-style:scrollbar!important}[data-overlayscrollbars-initialize],[data-overlayscrollbars~=scrollbarHidden],[data-overlayscrollbars-viewport~=scrollbarHidden],.os-environment-scrollbar-hidden{scrollbar-width:none!important}[data-overlayscrollbars-initialize]::-webkit-scrollbar,[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,.os-environment-scrollbar-hidden::-webkit-scrollbar,.os-environment-scrollbar-hidden::-webkit-scrollbar-corner{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;display:none!important;width:0!important;height:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars]{box-sizing:border-box;margin:0}html[data-overlayscrollbars~=body],html[data-overlayscrollbars~=body]>body{width:100%;height:100%}html[data-overlayscrollbars~=viewport]>body{overflow:visible}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch!important;flex-direction:row!important;flex-wrap:nowrap!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{box-sizing:inherit;position:relative;flex:auto!important;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]{--os-vaw: 0;--os-vah: 0}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{overflow:hidden}[data-overlayscrollbars~=host],[data-overlayscrollbars~=viewport]{position:relative;overflow:hidden}[data-overlayscrollbars~=overflowVisible],[data-overlayscrollbars-padding~=overflowVisible],[data-overlayscrollbars-viewport~=overflowVisible]{overflow:visible}[data-overlayscrollbars-overflow-x=hidden]{overflow-x:hidden}[data-overlayscrollbars-overflow-x=scroll]{overflow-x:scroll}[data-overlayscrollbars-overflow-x=hidden]{overflow-y:hidden}[data-overlayscrollbars-overflow-y=scroll]{overflow-y:scroll}[data-overlayscrollbars~=scrollbarPressed],[data-overlayscrollbars~=scrollbarPressed] [data-overlayscrollbars-viewport]{scroll-behavior:auto!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none}.os-scrollbar-track{position:relative;direction:ltr!important;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0}.os-scrollbar-vertical .os-scrollbar-handle{right:0}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}.os-scrollbar{--os-size: 0;--os-padding-perpendicular: 0;--os-padding-axis: 0;--os-track-border-radius: 0;--os-track-bg: none;--os-track-bg-hover: none;--os-track-bg-active: none;--os-track-border: none;--os-track-border-hover: none;--os-track-border-active: none;--os-handle-border-radius: 0;--os-handle-bg: none;--os-handle-bg-hover: none;--os-handle-bg-active: none;--os-handle-border: none;--os-handle-border-hover: none;--os-handle-border-active: none;--os-handle-min-size: 33px;--os-handle-max-size: none;--os-handle-perpendicular-size: 100%;--os-handle-perpendicular-size-hover: 100%;--os-handle-perpendicular-size-active: 100%;--os-handle-interactive-area-offset: 0}.os-scrollbar .os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar .os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar .os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar .os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar .os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar .os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar .os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars~=updating]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size: 10px;--os-padding-perpendicular: 2px;--os-padding-axis: 2px;--os-track-border-radius: 10px;--os-handle-interactive-area-offset: 4px;--os-handle-border-radius: 10px}.os-theme-dark{--os-handle-bg: rgba(0, 0, 0, .44);--os-handle-bg-hover: rgba(0, 0, 0, .55);--os-handle-bg-active: rgba(0, 0, 0, .66)}.os-theme-light{--os-handle-bg: rgba(255, 255, 255, .44);--os-handle-bg-hover: rgba(255, 255, 255, .55);--os-handle-bg-active: rgba(255, 255, 255, .66)} diff --git a/docs/example/overlayscrollbars/index.html b/docs/example/overlayscrollbars/index.html index a7646a45..4e73d6f8 100644 --- a/docs/example/overlayscrollbars/index.html +++ b/docs/example/overlayscrollbars/index.html @@ -11,8 +11,8 @@ rel="stylesheet" /> OverlayScrollbars - - + +
diff --git a/docs/example/react/assets/index-O69xU6IZ.css b/docs/example/react/assets/index-O69xU6IZ.css deleted file mode 100644 index 9728f439..00000000 --- a/docs/example/react/assets/index-O69xU6IZ.css +++ /dev/null @@ -1,9 +0,0 @@ -/*! - * OverlayScrollbars - * Version: 2.7.0 - * - * Copyright (c) Rene Haas | KingSora. - * https://github.com/KingSora - * - * Released under the MIT license. - */.os-size-observer,.os-size-observer-listener{scroll-behavior:auto!important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(.1)}.os-size-observer:before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(10)}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}.os-environment{scroll-behavior:auto!important;position:fixed;opacity:0;visibility:hidden;overflow:scroll;height:200px;width:200px;z-index:-1}.os-environment div{width:200%;height:200%;margin:10px 0}.os-environment.os-environment-flexbox-glue{display:flex;flex-direction:row;flex-wrap:nowrap;height:auto;width:auto;min-height:200px;min-width:200px}.os-environment.os-environment-flexbox-glue div{flex:auto;width:auto;height:auto;max-height:100%;max-width:100%;margin:0}.os-environment.os-environment-flexbox-glue-max{max-height:200px}.os-environment.os-environment-flexbox-glue-max div{overflow:visible}.os-environment.os-environment-flexbox-glue-max div:before{content:"";display:block;height:999px;width:999px}.os-environment,[data-overlayscrollbars-viewport]{-ms-overflow-style:scrollbar!important}[data-overlayscrollbars-initialize],[data-overlayscrollbars~=scrollbarHidden],[data-overlayscrollbars-viewport~=scrollbarHidden],.os-environment-scrollbar-hidden{scrollbar-width:none!important}[data-overlayscrollbars-initialize]::-webkit-scrollbar,[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,.os-environment-scrollbar-hidden::-webkit-scrollbar,.os-environment-scrollbar-hidden::-webkit-scrollbar-corner{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;display:none!important;width:0!important;height:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars]{box-sizing:border-box;margin:0}html[data-overlayscrollbars~=body],html[data-overlayscrollbars~=body]>body{width:100%;height:100%}html[data-overlayscrollbars~=viewport]>body{overflow:visible}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch!important;flex-direction:row!important;flex-wrap:nowrap!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{box-sizing:inherit;position:relative;flex:auto!important;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]{--os-vaw: 0;--os-vah: 0}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{overflow:hidden}[data-overlayscrollbars~=host],[data-overlayscrollbars~=viewport]{position:relative;overflow:hidden}[data-overlayscrollbars~=overflowVisible],[data-overlayscrollbars-padding~=overflowVisible],[data-overlayscrollbars-viewport~=overflowVisible]{overflow:visible}[data-overlayscrollbars-overflow-x=hidden]{overflow-x:hidden}[data-overlayscrollbars-overflow-x=scroll]{overflow-x:scroll}[data-overlayscrollbars-overflow-x=hidden]{overflow-y:hidden}[data-overlayscrollbars-overflow-y=scroll]{overflow-y:scroll}[data-overlayscrollbars~=scrollbarPressed],[data-overlayscrollbars~=scrollbarPressed] [data-overlayscrollbars-viewport]{scroll-behavior:auto!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none}.os-scrollbar-track{position:relative;direction:ltr!important;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0}.os-scrollbar-vertical .os-scrollbar-handle{right:0}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}.os-scrollbar{--os-size: 0;--os-padding-perpendicular: 0;--os-padding-axis: 0;--os-track-border-radius: 0;--os-track-bg: none;--os-track-bg-hover: none;--os-track-bg-active: none;--os-track-border: none;--os-track-border-hover: none;--os-track-border-active: none;--os-handle-border-radius: 0;--os-handle-bg: none;--os-handle-bg-hover: none;--os-handle-bg-active: none;--os-handle-border: none;--os-handle-border-hover: none;--os-handle-border-active: none;--os-handle-min-size: 33px;--os-handle-max-size: none;--os-handle-perpendicular-size: 100%;--os-handle-perpendicular-size-hover: 100%;--os-handle-perpendicular-size-active: 100%;--os-handle-interactive-area-offset: 0}.os-scrollbar .os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar .os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar .os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar .os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar .os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar .os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar .os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars~=updating]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size: 10px;--os-padding-perpendicular: 2px;--os-padding-axis: 2px;--os-track-border-radius: 10px;--os-handle-interactive-area-offset: 4px;--os-handle-border-radius: 10px}.os-theme-dark{--os-handle-bg: rgba(0, 0, 0, .44);--os-handle-bg-hover: rgba(0, 0, 0, .55);--os-handle-bg-active: rgba(0, 0, 0, .66)}.os-theme-light{--os-handle-bg: rgba(255, 255, 255, .44);--os-handle-bg-hover: rgba(255, 255, 255, .55);--os-handle-bg-active: rgba(255, 255, 255, .66)}*,*:before,*:after{box-sizing:border-box;font-family:inherit}:root{--foreground-color-rgb: 97 218 251;--background-color-rgb: 40 44 52;--foreground-color: rgb(var(--foreground-color-rgb));--background-color: rgb(var(--background-color-rgb));--text-color: #fff}*{outline-width:2px;outline-color:var(--foreground-color);outline-offset:2px}*:focus-visible{outline:2px solid var(--foreground-color)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;background-color:var(--background-color);color:var(--text-color);scroll-behavior:smooth}main{height:100vh;display:flex;flex-direction:column;justify-content:center}footer{margin-top:25vh;padding:3rem 0}section{margin:1.125rem}a{color:inherit;text-decoration:none;transition:color .15s,background-size .25s;padding:.25rem .5rem;background:linear-gradient(0deg,currentColor,currentColor) no-repeat right bottom / 0 2px}a:hover{text-underline-offset:.2em;background-size:100% 2px;background-position-x:left}a:hover,a:focus{color:var(--foreground-color)}a:focus-visible{border-radius:2px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;background:var(--foreground-color);border:none;color:var(--background-color);border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem;transition:color .15s,outline-color .15s;transform:scale(1);outline:2px solid transparent;white-space:nowrap}button:hover,button:focus{outline-color:var(--foreground-color)}img{width:100%;height:100%}.slot{border-radius:6px;width:16rem;height:16rem;margin:0 auto;flex:none}.overlayscrollbars-react{width:100%;height:100%;overflow:auto;border:2px solid var(--foreground-color);border-radius:6px;box-shadow:rgb(var(--foreground-color-rgb) / .14) 0 .875rem 3.125rem}.logo{width:180%;height:180%;padding:1rem;display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}.title{font-size:.875rem;font-weight:500;padding:0;margin:.25rem 0}.items{display:inline-flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center;padding:.75rem;-webkit-backdrop-filter:brightness(88%) contrast(1.012);backdrop-filter:brightness(88%) contrast(1.012);border-radius:12px}.event{padding:.3rem .5rem;border-radius:4px;font-family:monospace}.event.active{color:var(--foreground-color);outline-offset:2px;outline:2px solid var(--foreground-color);background:rgb(var(--foreground-color-rgb) / .15)} diff --git a/docs/example/react/assets/index-jAB3UgkD.js b/docs/example/react/assets/index-jAB3UgkD.js new file mode 100644 index 00000000..e92e652b --- /dev/null +++ b/docs/example/react/assets/index-jAB3UgkD.js @@ -0,0 +1,48 @@ +(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const l of document.querySelectorAll('link[rel="modulepreload"]'))r(l);new MutationObserver(l=>{for(const o of l)if(o.type==="childList")for(const i of o.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&r(i)}).observe(document,{childList:!0,subtree:!0});function n(l){const o={};return l.integrity&&(o.integrity=l.integrity),l.referrerPolicy&&(o.referrerPolicy=l.referrerPolicy),l.crossOrigin==="use-credentials"?o.credentials="include":l.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function r(l){if(l.ep)return;l.ep=!0;const o=n(l);fetch(l.href,o)}})();function Fp(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Ia={exports:{}},Uo={},ja={exports:{}},X={};/** + * @license React + * react.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var hl=Symbol.for("react.element"),Ap=Symbol.for("react.portal"),Up=Symbol.for("react.fragment"),Hp=Symbol.for("react.strict_mode"),Vp=Symbol.for("react.profiler"),Bp=Symbol.for("react.provider"),Wp=Symbol.for("react.context"),Qp=Symbol.for("react.forward_ref"),Kp=Symbol.for("react.suspense"),Yp=Symbol.for("react.memo"),Xp=Symbol.for("react.lazy"),oc=Symbol.iterator;function Gp(e){return e===null||typeof e!="object"?null:(e=oc&&e[oc]||e["@@iterator"],typeof e=="function"?e:null)}var Fa={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},Aa=Object.assign,Ua={};function Cr(e,t,n){this.props=e,this.context=t,this.refs=Ua,this.updater=n||Fa}Cr.prototype.isReactComponent={};Cr.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")};Cr.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function Ha(){}Ha.prototype=Cr.prototype;function eu(e,t,n){this.props=e,this.context=t,this.refs=Ua,this.updater=n||Fa}var tu=eu.prototype=new Ha;tu.constructor=eu;Aa(tu,Cr.prototype);tu.isPureReactComponent=!0;var ic=Array.isArray,Va=Object.prototype.hasOwnProperty,nu={current:null},Ba={key:!0,ref:!0,__self:!0,__source:!0};function Wa(e,t,n){var r,l={},o=null,i=null;if(t!=null)for(r in t.ref!==void 0&&(i=t.ref),t.key!==void 0&&(o=""+t.key),t)Va.call(t,r)&&!Ba.hasOwnProperty(r)&&(l[r]=t[r]);var s=arguments.length-2;if(s===1)l.children=n;else if(1>>1,W=E[B];if(0>>1;Bl(ce,z))nel(N,ce)?(E[B]=N,E[ne]=z,B=ne):(E[B]=ce,E[ie]=z,B=ie);else if(nel(N,z))E[B]=N,E[ne]=z,B=ne;else break e}}return I}function l(E,I){var z=E.sortIndex-I.sortIndex;return z!==0?z:E.id-I.id}if(typeof performance=="object"&&typeof performance.now=="function"){var o=performance;e.unstable_now=function(){return o.now()}}else{var i=Date,s=i.now();e.unstable_now=function(){return i.now()-s}}var u=[],c=[],d=1,v=null,m=3,y=!1,g=!1,w=!1,L=typeof setTimeout=="function"?setTimeout:null,f=typeof clearTimeout=="function"?clearTimeout:null,a=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function p(E){for(var I=n(c);I!==null;){if(I.callback===null)r(c);else if(I.startTime<=E)r(c),I.sortIndex=I.expirationTime,t(u,I);else break;I=n(c)}}function h(E){if(w=!1,p(E),!g)if(n(u)!==null)g=!0,G(S);else{var I=n(c);I!==null&&U(h,I.startTime-E)}}function S(E,I){g=!1,w&&(w=!1,f(x),x=-1),y=!0;var z=m;try{for(p(I),v=n(u);v!==null&&(!(v.expirationTime>I)||E&&!R());){var B=v.callback;if(typeof B=="function"){v.callback=null,m=v.priorityLevel;var W=B(v.expirationTime<=I);I=e.unstable_now(),typeof W=="function"?v.callback=W:v===n(u)&&r(u),p(I)}else r(u);v=n(u)}if(v!==null)var ee=!0;else{var ie=n(c);ie!==null&&U(h,ie.startTime-I),ee=!1}return ee}finally{v=null,m=z,y=!1}}var k=!1,C=null,x=-1,M=5,_=-1;function R(){return!(e.unstable_now()-_E||125B?(E.sortIndex=z,t(c,E),n(u)===null&&E===n(c)&&(w?(f(x),x=-1):w=!0,U(h,z-B))):(E.sortIndex=W,t(u,E),g||y||(g=!0,G(S))),E},e.unstable_shouldYield=R,e.unstable_wrapCallback=function(E){var I=m;return function(){var z=m;m=I;try{return E.apply(this,arguments)}finally{m=z}}}})(Xa);Ya.exports=Xa;var im=Ya.exports;/** + * @license React + * react-dom.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var Ga=se,be=im;function P(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),Xi=Object.prototype.hasOwnProperty,sm=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,uc={},cc={};function um(e){return Xi.call(cc,e)?!0:Xi.call(uc,e)?!1:sm.test(e)?cc[e]=!0:(uc[e]=!0,!1)}function cm(e,t,n,r){if(n!==null&&n.type===0)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return r?!1:n!==null?!n.acceptsBooleans:(e=e.toLowerCase().slice(0,5),e!=="data-"&&e!=="aria-");default:return!1}}function am(e,t,n,r){if(t===null||typeof t>"u"||cm(e,t,n,r))return!0;if(r)return!1;if(n!==null)switch(n.type){case 3:return!t;case 4:return t===!1;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}function Ve(e,t,n,r,l,o,i){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=r,this.attributeNamespace=l,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=o,this.removeEmptyString=i}var De={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){De[e]=new Ve(e,0,!1,e,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];De[t]=new Ve(t,1,!1,e[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(e){De[e]=new Ve(e,2,!1,e.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){De[e]=new Ve(e,2,!1,e,null,!1,!1)});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){De[e]=new Ve(e,3,!1,e.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(e){De[e]=new Ve(e,3,!0,e,null,!1,!1)});["capture","download"].forEach(function(e){De[e]=new Ve(e,4,!1,e,null,!1,!1)});["cols","rows","size","span"].forEach(function(e){De[e]=new Ve(e,6,!1,e,null,!1,!1)});["rowSpan","start"].forEach(function(e){De[e]=new Ve(e,5,!1,e.toLowerCase(),null,!1,!1)});var lu=/[\-:]([a-z])/g;function ou(e){return e[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(lu,ou);De[t]=new Ve(t,1,!1,e,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(lu,ou);De[t]=new Ve(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(lu,ou);De[t]=new Ve(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(e){De[e]=new Ve(e,1,!1,e.toLowerCase(),null,!1,!1)});De.xlinkHref=new Ve("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(e){De[e]=new Ve(e,1,!1,e.toLowerCase(),null,!0,!0)});function iu(e,t,n,r){var l=De.hasOwnProperty(t)?De[t]:null;(l!==null?l.type!==0:r||!(2s||l[i]!==o[s]){var u=` +`+l[i].replace(" at new "," at ");return e.displayName&&u.includes("")&&(u=u.replace("",e.displayName)),u}while(1<=i&&0<=s);break}}}finally{yi=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?jr(e):""}function fm(e){switch(e.tag){case 5:return jr(e.type);case 16:return jr("Lazy");case 13:return jr("Suspense");case 19:return jr("SuspenseList");case 0:case 2:case 15:return e=gi(e.type,!1),e;case 11:return e=gi(e.type.render,!1),e;case 1:return e=gi(e.type,!0),e;default:return""}}function qi(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case Bn:return"Fragment";case Vn:return"Portal";case Gi:return"Profiler";case su:return"StrictMode";case Zi:return"Suspense";case Ji:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case qa:return(e.displayName||"Context")+".Consumer";case Ja:return(e._context.displayName||"Context")+".Provider";case uu:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case cu:return t=e.displayName||null,t!==null?t:qi(e.type)||"Memo";case Xt:t=e._payload,e=e._init;try{return qi(e(t))}catch{}}return null}function dm(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=t.render,e=e.displayName||e.name||"",t.displayName||(e!==""?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return qi(t);case 8:return t===su?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t}return null}function an(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function ef(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function pm(e){var t=ef(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var l=n.get,o=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return l.call(this)},set:function(i){r=""+i,o.call(this,i)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(i){r=""+i},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function Tl(e){e._valueTracker||(e._valueTracker=pm(e))}function tf(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=ef(e)?e.checked?"true":"false":e.value),e=r,e!==n?(t.setValue(e),!0):!1}function so(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}function bi(e,t){var n=t.checked;return ge({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function fc(e,t){var n=t.defaultValue==null?"":t.defaultValue,r=t.checked!=null?t.checked:t.defaultChecked;n=an(t.value!=null?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function nf(e,t){t=t.checked,t!=null&&iu(e,"checked",t,!1)}function es(e,t){nf(e,t);var n=an(t.value),r=t.type;if(n!=null)r==="number"?(n===0&&e.value===""||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if(r==="submit"||r==="reset"){e.removeAttribute("value");return}t.hasOwnProperty("value")?ts(e,t.type,n):t.hasOwnProperty("defaultValue")&&ts(e,t.type,an(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function dc(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!(r!=="submit"&&r!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function ts(e,t,n){(t!=="number"||so(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var Fr=Array.isArray;function nr(e,t,n,r){if(e=e.options,t){t={};for(var l=0;l"+t.valueOf().toString()+"",t=Ol.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function qr(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var Hr={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},mm=["Webkit","ms","Moz","O"];Object.keys(Hr).forEach(function(e){mm.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),Hr[t]=Hr[e]})});function sf(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||Hr.hasOwnProperty(e)&&Hr[e]?(""+t).trim():t+"px"}function uf(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var r=n.indexOf("--")===0,l=sf(n,t[n],r);n==="float"&&(n="cssFloat"),r?e.setProperty(n,l):e[n]=l}}var vm=ge({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function ls(e,t){if(t){if(vm[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(P(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(P(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(P(61))}if(t.style!=null&&typeof t.style!="object")throw Error(P(62))}}function os(e,t){if(e.indexOf("-")===-1)return typeof t.is=="string";switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var is=null;function au(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var ss=null,rr=null,lr=null;function vc(e){if(e=wl(e)){if(typeof ss!="function")throw Error(P(280));var t=e.stateNode;t&&(t=Qo(t),ss(e.stateNode,e.type,t))}}function cf(e){rr?lr?lr.push(e):lr=[e]:rr=e}function af(){if(rr){var e=rr,t=lr;if(lr=rr=null,vc(e),t)for(e=0;e>>=0,e===0?32:31-(Pm(e)/Nm|0)|0}var Ll=64,Rl=4194304;function Ar(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function fo(e,t){var n=e.pendingLanes;if(n===0)return 0;var r=0,l=e.suspendedLanes,o=e.pingedLanes,i=n&268435455;if(i!==0){var s=i&~l;s!==0?r=Ar(s):(o&=i,o!==0&&(r=Ar(o)))}else i=n&~l,i!==0?r=Ar(i):o!==0&&(r=Ar(o));if(r===0)return 0;if(t!==0&&t!==r&&!(t&l)&&(l=r&-r,o=t&-t,l>=o||l===16&&(o&4194240)!==0))return t;if(r&4&&(r|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=r;0n;n++)t.push(e);return t}function yl(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-wt(t),e[t]=n}function Lm(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0=Br),Cc=" ",_c=!1;function Of(e,t){switch(e){case"keyup":return ov.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Lf(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var Wn=!1;function sv(e,t){switch(e){case"compositionend":return Lf(t);case"keypress":return t.which!==32?null:(_c=!0,Cc);case"textInput":return e=t.data,e===Cc&&_c?null:e;default:return null}}function uv(e,t){if(Wn)return e==="compositionend"||!gu&&Of(e,t)?(e=zf(),Gl=vu=qt=null,Wn=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1=t)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=Tc(n)}}function Mf(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?Mf(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function If(){for(var e=window,t=so();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=so(e.document)}return t}function wu(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}function yv(e){var t=If(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&Mf(n.ownerDocument.documentElement,n)){if(r!==null&&wu(n)){if(t=r.start,e=r.end,e===void 0&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var l=n.textContent.length,o=Math.min(r.start,l);r=r.end===void 0?o:Math.min(r.end,l),!e.extend&&o>r&&(l=r,r=o,o=l),l=Oc(n,o);var i=Oc(n,r);l&&i&&(e.rangeCount!==1||e.anchorNode!==l.node||e.anchorOffset!==l.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&(t=t.createRange(),t.setStart(l.node,l.offset),e.removeAllRanges(),o>r?(e.addRange(t),e.extend(i.node,i.offset)):(t.setEnd(i.node,i.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n=document.documentMode,Qn=null,ps=null,Qr=null,ms=!1;function Lc(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;ms||Qn==null||Qn!==so(r)||(r=Qn,"selectionStart"in r&&wu(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),Qr&&ll(Qr,r)||(Qr=r,r=vo(ps,"onSelect"),0Xn||(e.current=Ss[Xn],Ss[Xn]=null,Xn--)}function ue(e,t){Xn++,Ss[Xn]=e.current,e.current=t}var fn={},Fe=hn(fn),Qe=hn(!1),Tn=fn;function dr(e,t){var n=e.type.contextTypes;if(!n)return fn;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var l={},o;for(o in n)l[o]=t[o];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=l),l}function Ke(e){return e=e.childContextTypes,e!=null}function yo(){fe(Qe),fe(Fe)}function Fc(e,t,n){if(Fe.current!==fn)throw Error(P(168));ue(Fe,t),ue(Qe,n)}function Qf(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,typeof r.getChildContext!="function")return n;r=r.getChildContext();for(var l in r)if(!(l in t))throw Error(P(108,dm(e)||"Unknown",l));return ge({},n,r)}function go(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||fn,Tn=Fe.current,ue(Fe,e),ue(Qe,Qe.current),!0}function Ac(e,t,n){var r=e.stateNode;if(!r)throw Error(P(169));n?(e=Qf(e,t,Tn),r.__reactInternalMemoizedMergedChildContext=e,fe(Qe),fe(Fe),ue(Fe,e)):fe(Qe),ue(Qe,n)}var Dt=null,Ko=!1,Ri=!1;function Kf(e){Dt===null?Dt=[e]:Dt.push(e)}function Tv(e){Ko=!0,Kf(e)}function yn(){if(!Ri&&Dt!==null){Ri=!0;var e=0,t=oe;try{var n=Dt;for(oe=1;e>=i,l-=i,It=1<<32-wt(t)+l|n<x?(M=C,C=null):M=C.sibling;var _=m(f,C,p[x],h);if(_===null){C===null&&(C=M);break}e&&C&&_.alternate===null&&t(f,C),a=o(_,a,x),k===null?S=_:k.sibling=_,k=_,C=M}if(x===p.length)return n(f,C),pe&&kn(f,x),S;if(C===null){for(;xx?(M=C,C=null):M=C.sibling;var R=m(f,C,_.value,h);if(R===null){C===null&&(C=M);break}e&&C&&R.alternate===null&&t(f,C),a=o(R,a,x),k===null?S=R:k.sibling=R,k=R,C=M}if(_.done)return n(f,C),pe&&kn(f,x),S;if(C===null){for(;!_.done;x++,_=p.next())_=v(f,_.value,h),_!==null&&(a=o(_,a,x),k===null?S=_:k.sibling=_,k=_);return pe&&kn(f,x),S}for(C=r(f,C);!_.done;x++,_=p.next())_=y(C,f,x,_.value,h),_!==null&&(e&&_.alternate!==null&&C.delete(_.key===null?x:_.key),a=o(_,a,x),k===null?S=_:k.sibling=_,k=_);return e&&C.forEach(function(A){return t(f,A)}),pe&&kn(f,x),S}function L(f,a,p,h){if(typeof p=="object"&&p!==null&&p.type===Bn&&p.key===null&&(p=p.props.children),typeof p=="object"&&p!==null){switch(p.$$typeof){case zl:e:{for(var S=p.key,k=a;k!==null;){if(k.key===S){if(S=p.type,S===Bn){if(k.tag===7){n(f,k.sibling),a=l(k,p.props.children),a.return=f,f=a;break e}}else if(k.elementType===S||typeof S=="object"&&S!==null&&S.$$typeof===Xt&&Kc(S)===k.type){n(f,k.sibling),a=l(k,p.props),a.ref=Dr(f,k,p),a.return=f,f=a;break e}n(f,k);break}else t(f,k);k=k.sibling}p.type===Bn?(a=Nn(p.props.children,f.mode,h,p.key),a.return=f,f=a):(h=ro(p.type,p.key,p.props,null,f.mode,h),h.ref=Dr(f,a,p),h.return=f,f=h)}return i(f);case Vn:e:{for(k=p.key;a!==null;){if(a.key===k)if(a.tag===4&&a.stateNode.containerInfo===p.containerInfo&&a.stateNode.implementation===p.implementation){n(f,a.sibling),a=l(a,p.children||[]),a.return=f,f=a;break e}else{n(f,a);break}else t(f,a);a=a.sibling}a=Ui(p,f.mode,h),a.return=f,f=a}return i(f);case Xt:return k=p._init,L(f,a,k(p._payload),h)}if(Fr(p))return g(f,a,p,h);if(Tr(p))return w(f,a,p,h);Al(f,p)}return typeof p=="string"&&p!==""||typeof p=="number"?(p=""+p,a!==null&&a.tag===6?(n(f,a.sibling),a=l(a,p),a.return=f,f=a):(n(f,a),a=Ai(p,f.mode,h),a.return=f,f=a),i(f)):n(f,a)}return L}var mr=ed(!0),td=ed(!1),Sl={},Ot=hn(Sl),ul=hn(Sl),cl=hn(Sl);function _n(e){if(e===Sl)throw Error(P(174));return e}function zu(e,t){switch(ue(cl,t),ue(ul,e),ue(Ot,Sl),e=t.nodeType,e){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:rs(null,"");break;default:e=e===8?t.parentNode:t,t=e.namespaceURI||null,e=e.tagName,t=rs(t,e)}fe(Ot),ue(Ot,t)}function vr(){fe(Ot),fe(ul),fe(cl)}function nd(e){_n(cl.current);var t=_n(Ot.current),n=rs(t,e.type);t!==n&&(ue(ul,e),ue(Ot,n))}function Tu(e){ul.current===e&&(fe(Ot),fe(ul))}var he=hn(0);function Co(e){for(var t=e;t!==null;){if(t.tag===13){var n=t.memoizedState;if(n!==null&&(n=n.dehydrated,n===null||n.data==="$?"||n.data==="$!"))return t}else if(t.tag===19&&t.memoizedProps.revealOrder!==void 0){if(t.flags&128)return t}else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var $i=[];function Ou(){for(var e=0;e<$i.length;e++)$i[e]._workInProgressVersionPrimary=null;$i.length=0}var ql=Qt.ReactCurrentDispatcher,Di=Qt.ReactCurrentBatchConfig,Ln=0,ye=null,_e=null,Te=null,_o=!1,Kr=!1,al=0,Lv=0;function Me(){throw Error(P(321))}function Lu(e,t){if(t===null)return!1;for(var n=0;nn?n:4,e(!0);var r=Di.transition;Di.transition={};try{e(!1),t()}finally{oe=n,Di.transition=r}}function gd(){return ct().memoizedState}function $v(e,t,n){var r=un(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},wd(e))Sd(t,n);else if(n=Zf(e,t,n,r),n!==null){var l=Ue();St(n,e,r,l),kd(n,t,r)}}function Dv(e,t,n){var r=un(e),l={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(wd(e))Sd(t,l);else{var o=e.alternate;if(e.lanes===0&&(o===null||o.lanes===0)&&(o=t.lastRenderedReducer,o!==null))try{var i=t.lastRenderedState,s=o(i,n);if(l.hasEagerState=!0,l.eagerState=s,Et(s,i)){var u=t.interleaved;u===null?(l.next=l,Pu(t)):(l.next=u.next,u.next=l),t.interleaved=l;return}}catch{}finally{}n=Zf(e,t,l,r),n!==null&&(l=Ue(),St(n,e,r,l),kd(n,t,r))}}function wd(e){var t=e.alternate;return e===ye||t!==null&&t===ye}function Sd(e,t){Kr=_o=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function kd(e,t,n){if(n&4194240){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,du(e,n)}}var Po={readContext:ut,useCallback:Me,useContext:Me,useEffect:Me,useImperativeHandle:Me,useInsertionEffect:Me,useLayoutEffect:Me,useMemo:Me,useReducer:Me,useRef:Me,useState:Me,useDebugValue:Me,useDeferredValue:Me,useTransition:Me,useMutableSource:Me,useSyncExternalStore:Me,useId:Me,unstable_isNewReconciler:!1},Mv={readContext:ut,useCallback:function(e,t){return Pt().memoizedState=[e,t===void 0?null:t],e},useContext:ut,useEffect:Xc,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,bl(4194308,4,pd.bind(null,t,e),n)},useLayoutEffect:function(e,t){return bl(4194308,4,e,t)},useInsertionEffect:function(e,t){return bl(4,2,e,t)},useMemo:function(e,t){var n=Pt();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=Pt();return t=n!==void 0?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=$v.bind(null,ye,e),[r.memoizedState,e]},useRef:function(e){var t=Pt();return e={current:e},t.memoizedState=e},useState:Yc,useDebugValue:Mu,useDeferredValue:function(e){return Pt().memoizedState=e},useTransition:function(){var e=Yc(!1),t=e[0];return e=Rv.bind(null,e[1]),Pt().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=ye,l=Pt();if(pe){if(n===void 0)throw Error(P(407));n=n()}else{if(n=t(),Oe===null)throw Error(P(349));Ln&30||od(r,t,n)}l.memoizedState=n;var o={value:n,getSnapshot:t};return l.queue=o,Xc(sd.bind(null,r,o,e),[e]),r.flags|=2048,dl(9,id.bind(null,r,o,n,t),void 0,null),n},useId:function(){var e=Pt(),t=Oe.identifierPrefix;if(pe){var n=jt,r=It;n=(r&~(1<<32-wt(r)-1)).toString(32)+n,t=":"+t+"R"+n,n=al++,0<\/script>",e=e.removeChild(e.firstChild)):typeof r.is=="string"?e=i.createElement(n,{is:r.is}):(e=i.createElement(n),n==="select"&&(i=e,r.multiple?i.multiple=!0:r.size&&(i.size=r.size))):e=i.createElementNS(e,n),e[zt]=t,e[sl]=r,Od(e,t,!1,!1),t.stateNode=e;e:{switch(i=os(n,r),n){case"dialog":ae("cancel",e),ae("close",e),l=r;break;case"iframe":case"object":case"embed":ae("load",e),l=r;break;case"video":case"audio":for(l=0;lyr&&(t.flags|=128,r=!0,Mr(o,!1),t.lanes=4194304)}else{if(!r)if(e=Co(i),e!==null){if(t.flags|=128,r=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),Mr(o,!0),o.tail===null&&o.tailMode==="hidden"&&!i.alternate&&!pe)return Ie(t),null}else 2*Ee()-o.renderingStartTime>yr&&n!==1073741824&&(t.flags|=128,r=!0,Mr(o,!1),t.lanes=4194304);o.isBackwards?(i.sibling=t.child,t.child=i):(n=o.last,n!==null?n.sibling=i:t.child=i,o.last=i)}return o.tail!==null?(t=o.tail,o.rendering=t,o.tail=t.sibling,o.renderingStartTime=Ee(),t.sibling=null,n=he.current,ue(he,r?n&1|2:n&1),t):(Ie(t),null);case 22:case 23:return Hu(),r=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==r&&(t.flags|=8192),r&&t.mode&1?Ge&1073741824&&(Ie(t),t.subtreeFlags&6&&(t.flags|=8192)):Ie(t),null;case 24:return null;case 25:return null}throw Error(P(156,t.tag))}function Bv(e,t){switch(ku(t),t.tag){case 1:return Ke(t.type)&&yo(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return vr(),fe(Qe),fe(Fe),Ou(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return Tu(t),null;case 13:if(fe(he),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(P(340));pr()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return fe(he),null;case 4:return vr(),null;case 10:return _u(t.type._context),null;case 22:case 23:return Hu(),null;case 24:return null;default:return null}}var Hl=!1,je=!1,Wv=typeof WeakSet=="function"?WeakSet:Set,j=null;function qn(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(r){we(e,t,r)}else n.current=null}function Rs(e,t,n){try{n()}catch(r){we(e,t,r)}}var ra=!1;function Qv(e,t){if(vs=po,e=If(),wu(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var l=r.anchorOffset,o=r.focusNode;r=r.focusOffset;try{n.nodeType,o.nodeType}catch{n=null;break e}var i=0,s=-1,u=-1,c=0,d=0,v=e,m=null;t:for(;;){for(var y;v!==n||l!==0&&v.nodeType!==3||(s=i+l),v!==o||r!==0&&v.nodeType!==3||(u=i+r),v.nodeType===3&&(i+=v.nodeValue.length),(y=v.firstChild)!==null;)m=v,v=y;for(;;){if(v===e)break t;if(m===n&&++c===l&&(s=i),m===o&&++d===r&&(u=i),(y=v.nextSibling)!==null)break;v=m,m=v.parentNode}v=y}n=s===-1||u===-1?null:{start:s,end:u}}else n=null}n=n||{start:0,end:0}}else n=null;for(hs={focusedElem:e,selectionRange:n},po=!1,j=t;j!==null;)if(t=j,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,j=e;else for(;j!==null;){t=j;try{var g=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(g!==null){var w=g.memoizedProps,L=g.memoizedState,f=t.stateNode,a=f.getSnapshotBeforeUpdate(t.elementType===t.type?w:mt(t.type,w),L);f.__reactInternalSnapshotBeforeUpdate=a}break;case 3:var p=t.stateNode.containerInfo;p.nodeType===1?p.textContent="":p.nodeType===9&&p.documentElement&&p.removeChild(p.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(P(163))}}catch(h){we(t,t.return,h)}if(e=t.sibling,e!==null){e.return=t.return,j=e;break}j=t.return}return g=ra,ra=!1,g}function Yr(e,t,n){var r=t.updateQueue;if(r=r!==null?r.lastEffect:null,r!==null){var l=r=r.next;do{if((l.tag&e)===e){var o=l.destroy;l.destroy=void 0,o!==void 0&&Rs(t,n,o)}l=l.next}while(l!==r)}}function Go(e,t){if(t=t.updateQueue,t=t!==null?t.lastEffect:null,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function $s(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function $d(e){var t=e.alternate;t!==null&&(e.alternate=null,$d(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[zt],delete t[sl],delete t[ws],delete t[Nv],delete t[zv])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function Dd(e){return e.tag===5||e.tag===3||e.tag===4}function la(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||Dd(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function Ds(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=ho));else if(r!==4&&(e=e.child,e!==null))for(Ds(e,t,n),e=e.sibling;e!==null;)Ds(e,t,n),e=e.sibling}function Ms(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(e=e.child,e!==null))for(Ms(e,t,n),e=e.sibling;e!==null;)Ms(e,t,n),e=e.sibling}var Re=null,vt=!1;function Yt(e,t,n){for(n=n.child;n!==null;)Md(e,t,n),n=n.sibling}function Md(e,t,n){if(Tt&&typeof Tt.onCommitFiberUnmount=="function")try{Tt.onCommitFiberUnmount(Ho,n)}catch{}switch(n.tag){case 5:je||qn(n,t);case 6:var r=Re,l=vt;Re=null,Yt(e,t,n),Re=r,vt=l,Re!==null&&(vt?(e=Re,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):Re.removeChild(n.stateNode));break;case 18:Re!==null&&(vt?(e=Re,n=n.stateNode,e.nodeType===8?Li(e.parentNode,n):e.nodeType===1&&Li(e,n),nl(e)):Li(Re,n.stateNode));break;case 4:r=Re,l=vt,Re=n.stateNode.containerInfo,vt=!0,Yt(e,t,n),Re=r,vt=l;break;case 0:case 11:case 14:case 15:if(!je&&(r=n.updateQueue,r!==null&&(r=r.lastEffect,r!==null))){l=r=r.next;do{var o=l,i=o.destroy;o=o.tag,i!==void 0&&(o&2||o&4)&&Rs(n,t,i),l=l.next}while(l!==r)}Yt(e,t,n);break;case 1:if(!je&&(qn(n,t),r=n.stateNode,typeof r.componentWillUnmount=="function"))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(s){we(n,t,s)}Yt(e,t,n);break;case 21:Yt(e,t,n);break;case 22:n.mode&1?(je=(r=je)||n.memoizedState!==null,Yt(e,t,n),je=r):Yt(e,t,n);break;default:Yt(e,t,n)}}function oa(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new Wv),t.forEach(function(r){var l=eh.bind(null,e,r);n.has(r)||(n.add(r),r.then(l,l))})}}function pt(e,t){var n=t.deletions;if(n!==null)for(var r=0;rl&&(l=i),r&=~o}if(r=l,r=Ee()-r,r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*Yv(r/1960))-r,10e?16:e,bt===null)var r=!1;else{if(e=bt,bt=null,To=0,b&6)throw Error(P(331));var l=b;for(b|=4,j=e.current;j!==null;){var o=j,i=o.child;if(j.flags&16){var s=o.deletions;if(s!==null){for(var u=0;uEe()-Au?Pn(e,0):Fu|=n),Ye(e,t)}function Bd(e,t){t===0&&(e.mode&1?(t=Rl,Rl<<=1,!(Rl&130023424)&&(Rl=4194304)):t=1);var n=Ue();e=Bt(e,t),e!==null&&(yl(e,t,n),Ye(e,n))}function bv(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),Bd(e,n)}function eh(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,l=e.memoizedState;l!==null&&(n=l.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(P(314))}r!==null&&r.delete(t),Bd(e,n)}var Wd;Wd=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||Qe.current)We=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return We=!1,Hv(e,t,n);We=!!(e.flags&131072)}else We=!1,pe&&t.flags&1048576&&Yf(t,So,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;eo(e,t),e=t.pendingProps;var l=dr(t,Fe.current);ir(t,n),l=Ru(null,t,r,e,l,n);var o=$u();return t.flags|=1,typeof l=="object"&&l!==null&&typeof l.render=="function"&&l.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Ke(r)?(o=!0,go(t)):o=!1,t.memoizedState=l.state!==null&&l.state!==void 0?l.state:null,Nu(t),l.updater=Yo,t.stateNode=l,l._reactInternals=t,_s(t,r,e,n),t=zs(null,t,r,!0,o,n)):(t.tag=0,pe&&o&&Su(t),Ae(null,t,l,n),t=t.child),t;case 16:r=t.elementType;e:{switch(eo(e,t),e=t.pendingProps,l=r._init,r=l(r._payload),t.type=r,l=t.tag=nh(r),e=mt(r,e),l){case 0:t=Ns(null,t,r,e,n);break e;case 1:t=ea(null,t,r,e,n);break e;case 11:t=qc(null,t,r,e,n);break e;case 14:t=bc(null,t,r,mt(r.type,e),n);break e}throw Error(P(306,r,""))}return t;case 0:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:mt(r,l),Ns(e,t,r,l,n);case 1:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:mt(r,l),ea(e,t,r,l,n);case 3:e:{if(Nd(t),e===null)throw Error(P(387));r=t.pendingProps,o=t.memoizedState,l=o.element,Jf(e,t),xo(t,r,null,n);var i=t.memoizedState;if(r=i.element,o.isDehydrated)if(o={element:r,isDehydrated:!1,cache:i.cache,pendingSuspenseBoundaries:i.pendingSuspenseBoundaries,transitions:i.transitions},t.updateQueue.baseState=o,t.memoizedState=o,t.flags&256){l=hr(Error(P(423)),t),t=ta(e,t,r,n,l);break e}else if(r!==l){l=hr(Error(P(424)),t),t=ta(e,t,r,n,l);break e}else for(Je=ln(t.stateNode.containerInfo.firstChild),qe=t,pe=!0,ht=null,n=td(t,null,r,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(pr(),r===l){t=Wt(e,t,n);break e}Ae(e,t,r,n)}t=t.child}return t;case 5:return nd(t),e===null&&Es(t),r=t.type,l=t.pendingProps,o=e!==null?e.memoizedProps:null,i=l.children,ys(r,l)?i=null:o!==null&&ys(r,o)&&(t.flags|=32),Pd(e,t),Ae(e,t,i,n),t.child;case 6:return e===null&&Es(t),null;case 13:return zd(e,t,n);case 4:return zu(t,t.stateNode.containerInfo),r=t.pendingProps,e===null?t.child=mr(t,null,r,n):Ae(e,t,r,n),t.child;case 11:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:mt(r,l),qc(e,t,r,l,n);case 7:return Ae(e,t,t.pendingProps,n),t.child;case 8:return Ae(e,t,t.pendingProps.children,n),t.child;case 12:return Ae(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,l=t.pendingProps,o=t.memoizedProps,i=l.value,ue(ko,r._currentValue),r._currentValue=i,o!==null)if(Et(o.value,i)){if(o.children===l.children&&!Qe.current){t=Wt(e,t,n);break e}}else for(o=t.child,o!==null&&(o.return=t);o!==null;){var s=o.dependencies;if(s!==null){i=o.child;for(var u=s.firstContext;u!==null;){if(u.context===r){if(o.tag===1){u=Ut(-1,n&-n),u.tag=2;var c=o.updateQueue;if(c!==null){c=c.shared;var d=c.pending;d===null?u.next=u:(u.next=d.next,d.next=u),c.pending=u}}o.lanes|=n,u=o.alternate,u!==null&&(u.lanes|=n),xs(o.return,n,t),s.lanes|=n;break}u=u.next}}else if(o.tag===10)i=o.type===t.type?null:o.child;else if(o.tag===18){if(i=o.return,i===null)throw Error(P(341));i.lanes|=n,s=i.alternate,s!==null&&(s.lanes|=n),xs(i,n,t),i=o.sibling}else i=o.child;if(i!==null)i.return=o;else for(i=o;i!==null;){if(i===t){i=null;break}if(o=i.sibling,o!==null){o.return=i.return,i=o;break}i=i.return}o=i}Ae(e,t,l.children,n),t=t.child}return t;case 9:return l=t.type,r=t.pendingProps.children,ir(t,n),l=ut(l),r=r(l),t.flags|=1,Ae(e,t,r,n),t.child;case 14:return r=t.type,l=mt(r,t.pendingProps),l=mt(r.type,l),bc(e,t,r,l,n);case 15:return Cd(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:mt(r,l),eo(e,t),t.tag=1,Ke(r)?(e=!0,go(t)):e=!1,ir(t,n),bf(t,r,l),_s(t,r,l,n),zs(null,t,r,!0,e,n);case 19:return Td(e,t,n);case 22:return _d(e,t,n)}throw Error(P(156,t.tag))};function Qd(e,t){return yf(e,t)}function th(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function it(e,t,n,r){return new th(e,t,n,r)}function Bu(e){return e=e.prototype,!(!e||!e.isReactComponent)}function nh(e){if(typeof e=="function")return Bu(e)?1:0;if(e!=null){if(e=e.$$typeof,e===uu)return 11;if(e===cu)return 14}return 2}function cn(e,t){var n=e.alternate;return n===null?(n=it(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function ro(e,t,n,r,l,o){var i=2;if(r=e,typeof e=="function")Bu(e)&&(i=1);else if(typeof e=="string")i=5;else e:switch(e){case Bn:return Nn(n.children,l,o,t);case su:i=8,l|=8;break;case Gi:return e=it(12,n,t,l|2),e.elementType=Gi,e.lanes=o,e;case Zi:return e=it(13,n,t,l),e.elementType=Zi,e.lanes=o,e;case Ji:return e=it(19,n,t,l),e.elementType=Ji,e.lanes=o,e;case ba:return Jo(n,l,o,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case Ja:i=10;break e;case qa:i=9;break e;case uu:i=11;break e;case cu:i=14;break e;case Xt:i=16,r=null;break e}throw Error(P(130,e==null?e:typeof e,""))}return t=it(i,n,t,l),t.elementType=e,t.type=r,t.lanes=o,t}function Nn(e,t,n,r){return e=it(7,e,r,t),e.lanes=n,e}function Jo(e,t,n,r){return e=it(22,e,r,t),e.elementType=ba,e.lanes=n,e.stateNode={isHidden:!1},e}function Ai(e,t,n){return e=it(6,e,null,t),e.lanes=n,e}function Ui(e,t,n){return t=it(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function rh(e,t,n,r,l){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=Si(0),this.expirationTimes=Si(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Si(0),this.identifierPrefix=r,this.onRecoverableError=l,this.mutableSourceEagerHydrationData=null}function Wu(e,t,n,r,l,o,i,s,u){return e=new rh(e,t,n,s,u),t===1?(t=1,o===!0&&(t|=8)):t=0,o=it(3,null,null,t),e.current=o,o.stateNode=e,o.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Nu(o),e}function lh(e,t,n){var r=3"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(Gd)}catch(e){console.error(e)}}Gd(),Ka.exports=et;var ch=Ka.exports,pa=ch;Yi.createRoot=pa.createRoot,Yi.hydrateRoot=pa.hydrateRoot;/*! + * OverlayScrollbars + * Version: 2.7.1 + * + * Copyright (c) Rene Haas | KingSora. + * https://github.com/KingSora + * + * Released under the MIT license. + */const gt=(e,t)=>{const{o:n,u:r,_:l}=e;let o=n,i;const s=(d,v)=>{const m=o,y=d,g=v||(r?!r(m,y):m!==y);return(g||l)&&(o=y,i=m),[o,g,i]};return[t?d=>s(t(o,i),d):s,d=>[o,!!d,i]]},Zd=typeof window<"u"&&typeof document<"u",at=Zd?window:{},lo=Math.max,ah=Math.min,Us=Math.round,Jd=at.cancelAnimationFrame,qd=at.requestAnimationFrame,Ro=at.setTimeout,Hs=at.clearTimeout,ni=e=>typeof at[e]<"u"?at[e]:void 0,fh=ni("MutationObserver"),ma=ni("IntersectionObserver"),$o=ni("ResizeObserver"),Vs=ni("ScrollTimeline"),bd=Zd&&Node.ELEMENT_NODE,{toString:dh,hasOwnProperty:Hi}=Object.prototype,ph=/^\[object (.+)\]$/,kl=e=>e===void 0,ri=e=>e===null,mh=e=>kl(e)||ri(e)?`${e}`:dh.call(e).replace(ph,"$1").toLowerCase(),Lt=e=>typeof e=="number",li=e=>typeof e=="string",ep=e=>typeof e=="boolean",Rt=e=>typeof e=="function",xt=e=>Array.isArray(e),ml=e=>typeof e=="object"&&!xt(e)&&!ri(e),oi=e=>{const t=!!e&&e.length,n=Lt(t)&&t>-1&&t%1==0;return xt(e)||!Rt(e)&&n?t>0&&ml(e)?t-1 in e:!0:!1},Do=e=>{if(!e||!ml(e)||mh(e)!=="object")return!1;let t;const n="constructor",r=e[n],l=r&&r.prototype,o=Hi.call(e,n),i=l&&Hi.call(l,"isPrototypeOf");if(r&&!o&&!i)return!1;for(t in e);return kl(t)||Hi.call(e,t)},Mo=e=>{const t=HTMLElement;return e?t?e instanceof t:e.nodeType===bd:!1},ii=e=>{const t=Element;return e?t?e instanceof t:e.nodeType===bd:!1};function te(e,t){if(oi(e))for(let n=0;nt(e[n],n,e));return e}const si=(e,t)=>e.indexOf(t)>=0,Ft=(e,t)=>e.concat(t),me=(e,t,n)=>(!n&&!li(t)&&oi(t)?Array.prototype.push.apply(e,t):e.push(t),e),jn=e=>Array.from(e||[]),tp=e=>xt(e)?e:[e],Bs=e=>!!e&&!e.length,va=e=>jn(new Set(e)),ft=(e,t,n)=>{te(e,l=>l&&l.apply(void 0,t||[])),!n&&(e.length=0)},np="paddingTop",rp="paddingRight",lp="paddingLeft",op="paddingBottom",ip="marginLeft",sp="marginRight",up="marginBottom",ui="overflowX",ci="overflowY",gr="width",wr="height",Sr="hidden",cp="visible",Xu=(e,t,n,r)=>{if(e&&t){let l=!0;return te(n,o=>{const i=r?r(e[o]):e[o],s=r?r(t[o]):t[o];i!==s&&(l=!1)}),l}return!1},ap=(e,t)=>Xu(e,t,["w","h"]),fp=(e,t)=>Xu(e,t,["x","y"]),vh=(e,t)=>Xu(e,t,["t","r","b","l"]),kt=()=>{},Q=(e,...t)=>e.bind(0,...t),er=e=>{let t;const n=e?Ro:qd,r=e?Hs:Jd;return[l=>{r(t),t=n(l,Rt(e)?e():e)},()=>r(t)]},dp=(e,t)=>{let n,r,l,o=kt;const{v:i,p:s,S:u}=t||{},c=function(g){o(),Hs(n),n=r=void 0,o=kt,e.apply(this,g)},d=y=>u&&r?u(r,y):y,v=()=>{o!==kt&&c(d(l)||l)},m=function(){const g=jn(arguments),w=Rt(i)?i():i;if(Lt(w)&&w>=0){const f=Rt(s)?s():s,a=Lt(f)&&f>=0,p=w>0?Ro:qd,h=w>0?Hs:Jd,k=d(g)||g,C=c.bind(0,k);o();const x=p(C,w);o=()=>h(x),a&&!n&&(n=Ro(v,f)),r=l=k}else c(g)};return m.m=v,m},pp=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),dn=e=>e?Object.keys(e):[],q=(e,t,n,r,l,o,i)=>{const s=[t,n,r,l,o,i];return(typeof e!="object"||ri(e))&&!Rt(e)&&(e={}),te(s,u=>{te(u,(c,d)=>{const v=u[d];if(e===v)return!0;const m=xt(v);if(v&&Do(v)){const y=e[d];let g=y;m&&!xt(y)?g=[]:!m&&!Do(y)&&(g={}),e[d]=q(g,v)}else e[d]=m?v.slice():v})}),e},mp=(e,t)=>te(q({},e),(n,r,l)=>{n===void 0?delete l[r]:t&&n&&Do(n)&&(l[r]=mp(n,t))}),Gu=e=>{for(const t in e)return!1;return!0},Ws=(e,t,n)=>lo(e,ah(t,n)),zn=e=>jn(new Set((xt(e)?e:(e||"").split(" ")).filter(t=>t))),ai=(e,t)=>e&&e.getAttribute(t),ha=(e,t)=>e&&e.hasAttribute(t),yt=(e,t,n)=>{te(zn(t),r=>{e&&e.setAttribute(r,n||"")})},Nt=(e,t)=>{te(zn(t),n=>e&&e.removeAttribute(n))},fi=(e,t)=>{const n=zn(ai(e,t)),r=Q(yt,e,t),l=(o,i)=>{const s=new Set(n);return te(zn(o),u=>s[i](u)),jn(s).join(" ")};return{$:o=>r(l(o,"delete")),O:o=>r(l(o,"add")),C:o=>{const i=zn(o);return i.reduce((s,u)=>s&&n.includes(u),i.length>0)}}},vp=(e,t,n)=>{fi(e,t).$(n)},vl=(e,t,n)=>(fi(e,t).O(n),Q(vp,e,t,n)),oo=(e,t,n,r)=>{(r?vl:vp)(e,t,n)},hh=(e,t,n)=>fi(e,t).C(n),hp=e=>fi(e,"class"),Zu=(e,t)=>{hp(e).$(t)},Io=(e,t)=>(hp(e).O(t),Q(Zu,e,t)),yp=(e,t)=>{const n=[],r=t?ii(t)&&t:document;return r?me(n,r.querySelectorAll(e)):n},yh=(e,t)=>{const n=t?ii(t)&&t:document;return n?n.querySelector(e):null},jo=(e,t)=>ii(e)?e.matches(t):!1,gp=e=>jo(e,"body"),Qs=e=>e?jn(e.childNodes):[],kr=e=>e&&e.parentElement,tr=(e,t)=>ii(e)&&e.closest(t),Ks=e=>(e||document).activeElement,gh=(e,t,n)=>{const r=tr(e,t),l=e&&yh(n,r),o=tr(l,t)===r;return r&&l?r===e||l===e||o&&tr(tr(e,n),t)!==r:!1},pn=e=>{if(oi(e))te(jn(e),t=>pn(t));else if(e){const t=kr(e);t&&t.removeChild(e)}},wp=(e,t,n)=>{if(n&&e){let r=t,l;return oi(n)?(l=document.createDocumentFragment(),te(n,o=>{o===r&&(r=o.previousSibling),l.appendChild(o)})):l=n,t&&(r?r!==t&&(r=r.nextSibling):r=e.firstChild),e.insertBefore(l,r||null),()=>pn(n)}return kt},ot=(e,t)=>wp(e,null,t),ya=(e,t)=>wp(kr(e),e&&e.nextSibling,t),ur=e=>{const t=document.createElement("div");return yt(t,"class",e),t},Sp=e=>{const t=ur();return t.innerHTML=e.trim(),te(Qs(t),n=>pn(n))},wh=/^--/,ga=(e,t)=>e.getPropertyValue(t)||e[t]||"",Ju=e=>{const t=e||0;return isFinite(t)?t:0},Wl=e=>Ju(parseFloat(e||"")),wa=e=>`${(Ju(e)*100).toFixed(3)}%`,Ys=e=>`${Ju(e)}px`;function Er(e,t){e&&te(t,(n,r)=>{try{const l=e.style,o=Lt(n)?Ys(n):(n||"")+"";wh.test(r)?l.setProperty(r,o):l[r]=o}catch{}})}function Dn(e,t,n){const r=li(t);let l=r?"":{};if(e){const o=at.getComputedStyle(e,n)||e.style;l=r?ga(o,t):t.reduce((i,s)=>(i[s]=ga(o,s),i),l)}return l}const en=e=>Dn(e,"direction")==="rtl",Sa=(e,t,n)=>{const r=t?`${t}-`:"",l=n?`-${n}`:"",o=`${r}top${l}`,i=`${r}right${l}`,s=`${r}bottom${l}`,u=`${r}left${l}`,c=Dn(e,[o,i,s,u]);return{t:Wl(c[o]),r:Wl(c[i]),b:Wl(c[s]),l:Wl(c[u])}},Vi=(e,t)=>`translate${ml(e)?`(${e.x},${e.y})`:`${t?"X":"Y"}(${e})`}`,Sh={w:0,h:0},di=(e,t)=>t?{w:t[`${e}Width`],h:t[`${e}Height`]}:Sh,kh=e=>di("inner",e||at),Zr=Q(di,"offset"),kp=Q(di,"client"),Xs=Q(di,"scroll"),qu=e=>{const t=parseFloat(Dn(e,gr))||0,n=parseFloat(Dn(e,wr))||0;return{w:t-Us(t),h:n-Us(n)}},cr=e=>e.getBoundingClientRect(),Gs=e=>!!(e&&(e[wr]||e[gr])),Ep=(e,t)=>{const n=Gs(e);return!Gs(t)&&n},ka=(e,t,n,r)=>{te(zn(t),l=>{e.removeEventListener(l,n,r)})},de=(e,t,n,r)=>{var l;const o=(l=r&&r.H)!=null?l:!0,i=r&&r.I||!1,s=r&&r.A||!1,u={passive:o,capture:i};return Q(ft,zn(t).map(c=>{const d=s?v=>{ka(e,c,d,i),n(v)}:n;return e.addEventListener(c,d,u),Q(ka,e,c,d,i)}))},bu=e=>e.stopPropagation(),Ea=e=>e.preventDefault(),Eh={x:0,y:0},Bi=e=>{const t=e&&cr(e);return t?{x:t.left+at.scrollX,y:t.top+at.scrollY}:Eh},Fo=(e,t,n)=>n?n.n?-e+0:n.i?t-e:e:e,xa=(e,t)=>[Fo(0,e,t),Fo(e,e,t)],Ca=(e,t,n)=>Ws(0,1,Fo(e,t,n)/t||0),mn=(e,t)=>{const{x:n,y:r}=Lt(t)?{x:t,y:t}:t||{};Lt(n)&&(e.scrollLeft=n),Lt(r)&&(e.scrollTop=r)},xr=e=>({x:e.scrollLeft,y:e.scrollTop}),_a=(e,t)=>{te(tp(t),e)},Zs=e=>{const t=new Map,n=(o,i)=>{if(o){const s=t.get(o);_a(u=>{s&&s[u?"delete":"clear"](u)},i)}else t.forEach(s=>{s.clear()}),t.clear()},r=(o,i)=>{if(li(o)){const c=t.get(o)||new Set;return t.set(o,c),_a(d=>{Rt(d)&&c.add(d)},i),Q(n,o,i)}ep(i)&&i&&n();const s=dn(o),u=[];return te(s,c=>{const d=o[c];d&&me(u,r(c,d))}),Q(ft,u)},l=(o,i)=>{te(jn(t.get(o)),s=>{i&&!Bs(i)?s.apply(0,i):s()})};return r(e||{}),[r,n,l]},Pa=e=>JSON.stringify(e,(t,n)=>{if(Rt(n))throw 0;return n}),Na=(e,t)=>e?`${t}`.split(".").reduce((n,r)=>n&&pp(n,r)?n[r]:void 0,e):void 0,xh={paddingAbsolute:!1,showNativeOverlaidScrollbars:!1,update:{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,autoHideSuspend:!1,dragScroll:!0,clickScroll:!1,pointers:["mouse","touch","pen"]}},xp=(e,t)=>{const n={},r=Ft(dn(t),dn(e));return te(r,l=>{const o=e[l],i=t[l];if(ml(o)&&ml(i))q(n[l]={},xp(o,i)),Gu(n[l])&&delete n[l];else if(pp(t,l)&&i!==o){let s=!0;if(xt(o)||xt(i))try{Pa(o)===Pa(i)&&(s=!1)}catch{}s&&(n[l]=i)}}),n},za=(e,t,n)=>r=>[Na(e,r),n||Na(t,r)!==void 0],El="data-overlayscrollbars",io="os-environment",Ql=`${io}-scrollbar-hidden`,Wi=`${El}-initialize`,Ze=El,Cp=`${Ze}-overflow-x`,_p=`${Ze}-overflow-y`,Pp="overflowVisible",Ch="scrollbarPressed",Js="updating",_h="body",Mt=`${El}-viewport`,Ph="arrange",Np="scrollbarHidden",ar=Pp,qs=`${El}-padding`,Nh=ar,Ta=`${El}-content`,ec="os-size-observer",zh=`${ec}-appear`,Th=`${ec}-listener`,Oh="os-trinsic-observer",Lh="os-theme-none",nt="os-scrollbar",Rh=`${nt}-rtl`,$h=`${nt}-horizontal`,Dh=`${nt}-vertical`,zp=`${nt}-track`,tc=`${nt}-handle`,Mh=`${nt}-visible`,Ih=`${nt}-cornerless`,Oa=`${nt}-interaction`,La=`${nt}-unusable`,bs=`${nt}-auto-hide`,Ra=`${bs}-hidden`,$a=`${nt}-wheel`,jh=`${zp}-interactive`,Fh=`${tc}-interactive`,Tp={},Op={},Ah=e=>{te(e,t=>te(t,(n,r)=>{Tp[r]=t[r]}))},Lp=(e,t,n)=>dn(e).map(r=>{const{static:l,instance:o}=e[r],[i,s,u]=n||[],c=n?o:l;if(c){const d=n?c(i,s,t):c(t);return(u||Op)[r]=d}}),Nr=e=>Op[e],Uh="__osOptionsValidationPlugin",Hh="__osSizeObserverPlugin",Vh=(e,t)=>{const{T:n}=t,[r,l]=e("showNativeOverlaidScrollbars");return[r&&n.x&&n.y,l]},Ao=e=>e.indexOf(cp)===0,Rp=(e,t)=>{const{D:n}=e,r=u=>{const c=Dn(n,u),v=(t?t[u]:c)==="scroll";return[c,v]},[l,o]=r(ui),[i,s]=r(ci);return{k:{x:l,y:i},R:{x:o,y:s}}},Bh=(e,t,n,r)=>{const l=t.x||t.y,o=(d,v)=>{const m=Ao(d),y=m&&l?"hidden":"",g=v&&m&&d.replace(`${cp}-`,"")||y;return[v&&!m?d:"",Ao(g)?"hidden":g]},[i,s]=o(n.x,t.x),[u,c]=o(n.y,t.y);return r[ui]=s&&u?s:i,r[ci]=c&&i?c:u,Rp(e,r)},nc="__osScrollbarsHidingPlugin",Wh="__osClickScrollPlugin";let Qi;const Qh=()=>{const e=(h,S,k,C)=>{ot(h,S);const x=kp(S),M=Zr(S),_=qu(k);return C&&pn(S),{x:M.h-x.h+_.h,y:M.w-x.w+_.w}},t=h=>{let S=!1;const k=Io(h,Ql);try{S=Dn(h,"scrollbar-width")==="none"||Dn(h,"display","::-webkit-scrollbar")==="none"}catch{}return k(),S},n=(h,S)=>{Er(h,{[ui]:Sr,[ci]:Sr,direction:"rtl"}),mn(h,{x:0});const k=Bi(h),C=Bi(S);mn(h,{x:-999});const x=Bi(S);return{i:k.x===C.x,n:C.x!==x.x}},{body:r}=document,l=`.${io}{scroll-behavior:auto!important;position:fixed;opacity:0;visibility:hidden;overflow:scroll;height:200px;width:200px;z-index:-1}.${io} div{width:200%;height:200%;margin:10px 0}.${Ql}{scrollbar-width:none!important}.${Ql}::-webkit-scrollbar,.${Ql}::-webkit-scrollbar-corner{appearance:none!important;display:none!important;width:0!important;height:0!important}`,i=Sp(`
`)[0],s=i.firstChild,[u,,c]=Zs(),[d,v]=gt({o:e(r,i,s),u:fp},Q(e,r,i,s,!0)),[m]=v(),y=t(i),g={x:m.x===0,y:m.y===0},w={elements:{host:null,padding:!y,viewport:h=>y&&gp(h)&&h,content:!1},scrollbars:{slot:!0},cancel:{nativeScrollbarsOverlaid:!1,body:null}},L=q({},xh),f=Q(q,{},L),a=Q(q,{},w),p={P:m,T:g,L:y,J:!!Vs,K:n(i,s),Z:Q(u,"r"),G:a,tt:h=>q(w,h)&&a(),nt:f,ot:h=>q(L,h)&&f(),st:q({},w),et:q({},L)};return Nt(i,"style"),pn(i),at.addEventListener("resize",()=>{let h;if(!y&&(!g.x||!g.y)){const S=Nr(nc);h=!!(S?S.Y():kt)(p,d)}c("r",[h])}),p},dt=()=>(Qi||(Qi=Qh()),Qi),$p=(e,t)=>Rt(t)?t.apply(0,e):t,Kh=(e,t,n,r)=>{const l=kl(r)?n:r;return $p(e,l)||t.apply(0,e)},Dp=(e,t,n,r)=>{const l=kl(r)?n:r,o=$p(e,l);return!!o&&(Mo(o)?o:t.apply(0,e))},Yh=(e,t)=>{const{nativeScrollbarsOverlaid:n,body:r}=t||{},{T:l,L:o,G:i}=dt(),{nativeScrollbarsOverlaid:s,body:u}=i().cancel,c=n??s,d=kl(r)?u:r,v=(l.x||l.y)&&c,m=e&&(ri(d)?!o:d);return!!v||!!m},rc=new WeakMap,Xh=(e,t)=>{rc.set(e,t)},Gh=e=>{rc.delete(e)},Mp=e=>rc.get(e),Zh=(e,t,n)=>{let r=!1;const l=n?new WeakMap:!1,o=()=>{r=!0},i=s=>{if(l&&n){const u=n.map(c=>{const[d,v]=c||[];return[v&&d?(s||yp)(d,e):[],v]});te(u,c=>te(c[0],d=>{const v=c[1],m=l.get(d)||[];if(e.contains(d)&&v){const g=de(d,v,w=>{r?(g(),l.delete(d)):t(w)});l.set(d,me(m,g))}else ft(m),l.delete(d)}))}};return i(),[o,i]},Da=(e,t,n,r)=>{let l=!1;const{ct:o,rt:i,lt:s,it:u,ut:c,dt:d}=r||{},v=dp(()=>l&&n(!0),{v:33,p:99}),[m,y]=Zh(e,v,s),g=o||[],w=i||[],L=Ft(g,w),f=(p,h)=>{if(!Bs(h)){const S=c||kt,k=d||kt,C=[],x=[];let M=!1,_=!1;if(te(h,R=>{const{attributeName:A,target:$,type:V,oldValue:K,addedNodes:G,removedNodes:U}=R,E=V==="attributes",I=V==="childList",z=e===$,B=E&&A,W=B&&ai($,A||"")||null,ee=B&&K!==W,ie=si(w,A)&ⅇif(t&&(I||!z)){const ce=E&&ee,ne=ce&&u&&jo($,u),O=(ne?!S($,A,K,W):!E||ce)&&!k(R,!!ne,e,r);te(G,T=>me(C,T)),te(U,T=>me(C,T)),_=_||O}!t&&z&&ee&&!S($,A,K,W)&&(me(x,A),M=M||ie)}),y(R=>va(C).reduce((A,$)=>(me(A,yp(R,$)),jo($,R)?me(A,$):A),[])),t)return!p&&_&&n(!1),[!1];if(!Bs(x)||M){const R=[va(x),M];return!p&&n.apply(0,R),R}}},a=new fh(Q(f,!1));return[()=>(a.observe(e,{attributes:!0,attributeOldValue:!0,attributeFilter:L,subtree:t,childList:t,characterData:t}),l=!0,()=>{l&&(m(),a.disconnect(),l=!1)}),()=>{if(l)return v.m(),f(!0,a.takeRecords())}]},Ip=(e,t,n)=>{const{ft:l,_t:o}=n||{},i=Nr(Hh),{K:s}=dt(),u=Q(en,e),[c]=gt({o:!1,_:!0});return()=>{const d=[],m=Sp(`
`)[0],y=m.firstChild,g=w=>{const L=w instanceof ResizeObserverEntry,f=!L&&xt(w);let a=!1,p=!1,h=!0;if(L){const[S,,k]=c(w.contentRect),C=Gs(S),x=Ep(S,k);p=!k||x,a=!p&&!C,h=!a}else f?[,h]=w:p=w===!0;if(l&&h){const S=f?w[0]:en(m);mn(m,{x:Fo(3333333,3333333,S&&s),y:3333333})}a||t({vt:f?w:void 0,ht:!f,_t:p})};if($o){const w=new $o(L=>g(L.pop()));w.observe(y),me(d,()=>{w.disconnect()})}else if(i){const[w,L]=i(y,g,o);me(d,Ft([Io(m,zh),de(m,"animationstart",w)],L))}else return kt;if(l){const[w]=gt({o:void 0},u);me(d,de(m,"scroll",L=>{const f=w(),[a,p,h]=f;p&&(Zu(y,"ltr rtl"),Io(y,a?"rtl":"ltr"),g([!!a,p,h])),bu(L)}))}return Q(ft,me(d,ot(e,m)))}},Jh=(e,t)=>{let n;const r=u=>u.h===0||u.isIntersecting||u.intersectionRatio>0,l=ur(Oh),[o]=gt({o:!1}),i=(u,c)=>{if(u){const d=o(r(u)),[,v]=d;return v&&!c&&t(d)&&[d]}},s=(u,c)=>i(c.pop(),u);return[()=>{const u=[];if(ma)n=new ma(Q(s,!1),{root:e}),n.observe(l),me(u,()=>{n.disconnect()});else{const c=()=>{const d=Zr(l);i(d)};me(u,Ip(l,c)()),c()}return Q(ft,me(u,ot(e,l)))},()=>n&&s(!0,n.takeRecords())]},qh=(e,t,n,r)=>{let l,o,i,s,u,c;const{L:d}=dt(),v=`[${Ze}]`,m=`[${Mt}]`,y=["tabindex"],g=["wrap","cols","rows"],w=["id","class","style","open"],{gt:L,bt:f,D:a,wt:p,yt:h,V:S,St:k,$t:C}=e,x={Ot:!1,N:en(L)},M=dt(),_=Nr(nc),[R]=gt({u:ap,o:{w:0,h:0}},()=>{const N=_&&_.M(e,t,x,M,n).W,O=k(ar),T=!S&&k(Ph),D=T&&xr(a);C(ar),S&&C(Js,!0);const F=T&&N&&N()[0],H=Xs(p),Z=Xs(a),J=qu(a);return C(ar,O),S&&C(Js),F&&F(),mn(a,D),{w:Z.w+H.w+J.w,h:Z.h+H.h+J.h}}),A=h?g:Ft(w,g),$=dp(r,{v:()=>l,p:()=>o,S(N,O){const[T]=N,[D]=O;return[Ft(dn(T),dn(D)).reduce((F,H)=>(F[H]=T[H]||D[H],F),{})]}}),V=N=>{if(S){const O=en(L);q(N,{Ct:c!==O}),q(x,{N:O}),c=O}},K=N=>{te(N||y,O=>{if(si(y,O)){const T=ai(f,O);li(T)?yt(a,O,T):Nt(a,O)}})},G=(N,O)=>{const[T,D]=N,F={xt:D};return q(x,{Ot:T}),!O&&r(F),F},U=({ht:N,vt:O,_t:T})=>{const F=!(N&&!T&&!O)&&d?$:r,[H,Z]=O||[],J={ht:N||T,_t:T,Ct:Z};V(J),O&&q(x,{N:H}),F(J)},E=(N,O)=>{const[,T]=R(),D={Ht:T};return V(D),T&&!O&&(N?r:$)(D),D},I=(N,O,T)=>{const D={zt:O};return V(D),O&&!T?$(D):S||K(N),D},{Z:z}=M,[B,W]=p?Jh(f,G):[],ee=!S&&Ip(f,U,{_t:!0,ft:!0}),[ie,ce]=Da(f,!1,I,{rt:w,ct:Ft(w,y)}),ne=S&&$o&&new $o(N=>{const O=N[N.length-1].contentRect;U({ht:!0,_t:Ep(O,u)}),u=O});return[()=>{K(),ne&&ne.observe(f);const N=ee&&ee(),O=B&&B(),T=ie(),D=z(F=>{const[,H]=R();$({It:F,Ht:H})});return()=>{ne&&ne.disconnect(),N&&N(),O&&O(),s&&s(),T(),D()}},({Et:N,At:O,Tt:T})=>{const D={},[F]=N("update.ignoreMutation"),[H,Z]=N("update.attributes"),[J,ve]=N("update.elementEvents"),[Se,Y]=N("update.debounce"),ke=ve||Z,Ne=O||T,Xe=re=>Rt(F)&&F(re);if(ke){i&&i(),s&&s();const[re,ze]=Da(p||a,!0,E,{ct:Ft(A,H||[]),lt:J,it:v,dt:(Ce,Le)=>{const{target:gn,attributeName:xl}=Ce;return(!Le&&xl&&!S?gh(gn,v,m):!1)||!!tr(gn,`.${nt}`)||!!Xe(Ce)}});s=re(),i=ze}if(Y)if($.m(),xt(Se)){const re=Se[0],ze=Se[1];l=Lt(re)&&re,o=Lt(ze)&&ze}else Lt(Se)?(l=Se,o=!1):(l=!1,o=!1);if(Ne){const re=ce(),ze=W&&W(),Ce=i&&i();re&&q(D,I(re[0],re[1],Ne)),ze&&q(D,G(ze[0],Ne)),Ce&&q(D,E(Ce[0],Ne))}return V(D),D},x]},bh=(e,t,n,r)=>{const{G:l,K:o}=dt(),{scrollbars:i}=l(),{slot:s}=i,{gt:u,bt:c,D:d,Dt:v,kt:m,Rt:y,V:g}=t,{scrollbars:w}=v?{}:e,{slot:L}=w||{},f=new Map,a=N=>Vs&&new Vs({source:m,axis:N}),p=a("x"),h=a("y"),S=Dp([u,c,d],()=>g&&y?u:c,s,L),k=(N,O)=>{if(O){const J=N?gr:wr,{Mt:ve,Vt:Se}=O,Y=cr(Se)[J],ke=cr(ve)[J];return Ws(0,1,Y/ke||0)}const T=N?"x":"y",{Lt:D,Pt:F}=n,H=F[T],Z=D[T];return Ws(0,1,H/(H+Z)||0)},C=(N,O,T,D)=>{const F=k(T,N);return 1/F*(1-F)*(D?1-O:O)||0},x=(N,O)=>q(N,O?{clear:["left"]}:{}),M=N=>{f.forEach((O,T)=>{(N?si(tp(N),T):!0)&&(te(O||[],F=>{F&&F.cancel()}),f.delete(T))})},_=(N,O,T,D)=>{const F=f.get(N)||[],H=F.find(Z=>Z&&Z.timeline===O);H?H.effect=new KeyframeEffect(N,T,{composite:D}):f.set(N,Ft(F,[N.animate(T,{timeline:O,composite:D})]))},R=(N,O,T)=>{const D=T?Io:Zu;te(N,F=>{D(F.Ut,O)})},A=(N,O)=>{te(N,T=>{const[D,F]=O(T);Er(D,F)})},$=(N,O)=>{A(N,T=>{const{Vt:D}=T;return[D,{[O?gr:wr]:wa(k(O))}]})},V=(N,O)=>{const{Lt:T}=n,D=O?T.x:T.y,F=(H,Z,J)=>Vi(wa(C(H,Ca(Z,D,J),O,J)),O);if(p&&h)te(N,H=>{const{Ut:Z,Vt:J}=H,ve=O&&en(Z)&&o;_(J,O?p:h,x({transform:xa(D,ve).map(Se=>F(H,Se,ve))},ve))});else{const H=xr(m);A(N,Z=>{const{Vt:J,Ut:ve}=Z;return[J,{transform:F(Z,O?H.x:H.y,O&&en(ve)&&o)}]})}},K=N=>g&&!y&&kr(N)===d,G=[],U=[],E=[],I=(N,O,T)=>{const D=ep(T),F=D?T:!0,H=D?!T:!0;F&&R(U,N,O),H&&R(E,N,O)},z=()=>{$(U,!0),$(E)},B=()=>{V(U,!0),V(E)},W=()=>{if(g){const{Lt:N}=n,O=.5;if(p&&h)te(Ft(E,U),({Ut:T})=>{if(K(T)){const D=(F,H,Z)=>{const J=Z&&en(T)&&o;_(T,F,x({transform:xa(H-O,J).map(ve=>Vi(Ys(ve),Z))},J),"add")};D(p,N.x,!0),D(h,N.y)}else M(T)});else{const T=xr(m),D=F=>{const{Ut:H}=F,Z=K(H)&&H,J=(ve,Se,Y)=>{const ke=Ca(ve,Se,Y),Ne=Se*ke;return Ys(Y?-Ne:Ne)};return[Z,{transform:Z?Vi({x:J(T.x,N.x,en(H)&&o),y:J(T.y,N.y)}):""}]};A(U,D),A(E,D)}}},ee=N=>{const T=ur(`${nt} ${N?$h:Dh}`),D=ur(zp),F=ur(tc),H={Ut:T,Mt:D,Vt:F};return me(N?U:E,H),me(G,[ot(T,D),ot(D,F),Q(pn,T),M,r(H,I,V,N)]),H},ie=Q(ee,!0),ce=Q(ee,!1),ne=()=>(ot(S,U[0].Ut),ot(S,E[0].Ut),Q(ft,G));return ie(),ce(),[{Bt:z,Nt:B,jt:W,Ft:I,qt:{J:p,Wt:U,Xt:ie,Yt:Q(A,U)},Jt:{J:h,Wt:E,Xt:ce,Yt:Q(A,E)}},ne]},e0=(e,t,n,r)=>{const{bt:l,D:o,V:i,kt:s,Kt:u}=t;return(c,d,v,m)=>{const{Ut:y,Mt:g,Vt:w}=c,[L,f]=er(333),[a,p]=er(),h=Q(v,[c],m),S=!!s.scrollBy,k=`client${m?"X":"Y"}`,C=m?gr:wr,x=m?"left":"top",M=m?"w":"h",_=m?"x":"y",R=V=>V.propertyName.indexOf(C)>-1,A=()=>{const V="pointerup pointerleave pointercancel lostpointercapture",K=(G,U)=>E=>{const{Lt:I}=n,z=Zr(g)[M]-Zr(w)[M],W=U*E/z*I[_];mn(s,{[_]:G+W})};return de(g,"pointerdown",G=>{const U=tr(G.target,`.${tc}`)===w,E=U?w:g,I=e.scrollbars,{button:z,isPrimary:B,pointerType:W}=G,{pointers:ee}=I;if(z===0&&B&&I[U?"dragScroll":"clickScroll"]&&(ee||[]).includes(W)){const ce=!U&&G.shiftKey,ne=Q(cr,w),N=Q(cr,g),O=(re,ze)=>(re||ne())[x]-(ze||N())[x],T=Us(cr(s)[C])/Zr(s)[M]||1,D=K(xr(s)[_]||0,1/T),F=G[k],H=ne(),Z=N(),J=H[C],ve=O(H,Z)+J/2,Se=F-Z[x],Y=U?0:Se-ve,ke=re=>{ft(Xe),E.releasePointerCapture(re.pointerId)},Xe=[vl(l,Ze,Ch),de(u,V,ke),de(u,"selectstart",re=>Ea(re),{H:!1}),de(g,V,ke),de(g,"pointermove",re=>{const ze=re[k]-F;(U||ce)&&D(Y+ze)})];if(E.setPointerCapture(G.pointerId),ce)D(Y);else if(!U){const re=Nr(Wh);re&&me(Xe,re(D,O,Y,J,Se))}}})};let $=!0;return Q(ft,[de(w,"pointermove pointerleave",r),de(y,"pointerenter",()=>{d(Oa,!0)}),de(y,"pointerleave pointercancel",()=>{d(Oa,!1)}),!i&&de(y,"mousedown",()=>{const V=Ks();(ha(V,Mt)||ha(V,Ze)||V===document.body)&&Ro(()=>{o.focus()},25)}),de(y,"wheel",V=>{const{deltaX:K,deltaY:G,deltaMode:U}=V;S&&$&&U===0&&kr(y)===l&&s.scrollBy({left:K,top:G,behavior:"smooth"}),$=!1,d($a,!0),L(()=>{$=!0,d($a)}),Ea(V)},{H:!1,I:!0}),de(w,"transitionstart",V=>{if(R(V)){const K=()=>{h(),a(K)};K()}}),de(w,"transitionend transitioncancel",V=>{R(V)&&(p(),h())}),de(y,"mousedown",Q(de,u,"click",bu,{A:!0,I:!0}),{I:!0}),A(),f,p])}},t0=(e,t,n,r,l,o)=>{let i,s,u,c,d,v=kt,m=0;const y=z=>z.pointerType==="mouse",[g,w]=er(),[L,f]=er(100),[a,p]=er(100),[h,S]=er(()=>m),[k,C]=bh(e,l,r,e0(t,l,r,z=>y(z)&&G())),{bt:x,Zt:M,Rt:_}=l,{Ft:R,Bt:A,Nt:$,jt:V}=k,K=(z,B)=>{if(S(),z)R(Ra);else{const W=Q(R,Ra,!0);m>0&&!B?h(W):W()}},G=()=>{(u?!i:!c)&&(K(!0),L(()=>{K(!1)}))},U=z=>{R(bs,z,!0),R(bs,z,!1)},E=z=>{y(z)&&(i=u,u&&K(!0))},I=[S,f,p,w,()=>v(),de(x,"pointerover",E,{A:!0}),de(x,"pointerenter",E),de(x,"pointerleave",z=>{y(z)&&(i=!1,u&&K(!1))}),de(x,"pointermove",z=>{y(z)&&s&&G()}),de(M,"scroll",z=>{g(()=>{$(),G()}),o(z),V()})];return[()=>Q(ft,me(I,C())),({Et:z,Tt:B,Gt:W,Qt:ee})=>{const{tn:ie,nn:ce,sn:ne}=ee||{},{Ct:N,_t:O}=W||{},{N:T}=n,{T:D}=dt(),{k:F,en:H}=r,[Z,J]=z("showNativeOverlaidScrollbars"),[ve,Se]=z("scrollbars.theme"),[Y,ke]=z("scrollbars.visibility"),[Ne,Xe]=z("scrollbars.autoHide"),[re,ze]=z("scrollbars.autoHideSuspend"),[Ce]=z("scrollbars.autoHideDelay"),[Le,gn]=z("scrollbars.dragScroll"),[xl,Cl]=z("scrollbars.clickScroll"),[_l,Ct]=z("overflow"),wn=O&&!B,Sn=H.x||H.y,pi=ie||ce||N||B,Kt=ne||ke||Ct,mi=Z&&D.x&&D.y,Fn=(An,Un,zr)=>{const Pl=An.includes("scroll")&&(Y==="visible"||Y==="auto"&&Un==="scroll");return R(Mh,Pl,zr),Pl};if(m=Ce,wn&&(re&&Sn?(U(!1),v(),a(()=>{v=de(M,"scroll",Q(U,!0),{A:!0})})):U(!0)),J&&R(Lh,mi),Se&&(R(d),R(ve,!0),d=ve),ze&&!re&&U(!0),Xe&&(s=Ne==="move",u=Ne==="leave",c=Ne==="never",K(c,!0)),gn&&R(Fh,Le),Cl&&R(jh,xl),Kt){const An=Fn(_l.x,F.x,!0),Un=Fn(_l.y,F.y,!1);R(Ih,!(An&&Un))}pi&&(A(),$(),V(),R(La,!H.x,!0),R(La,!H.y,!1),R(Rh,T&&!_))},{},k]},n0=e=>{const t=dt(),{G:n,L:r}=t,{elements:l}=n(),{host:o,padding:i,viewport:s,content:u}=l,c=Mo(e),d=c?{}:e,{elements:v}=d,{host:m,padding:y,viewport:g,content:w}=v||{},L=c?e:d.target,f=gp(L),a=jo(L,"textarea"),p=L.ownerDocument,h=p.documentElement,S=p.defaultView,k=Y=>{Y&&Y.focus&&Y.focus()},C=Q(Kh,[L]),x=Q(Dp,[L]),M=Q(ur,""),_=Q(C,M,s),R=Q(x,M,u),A=_(g),$=A===L,V=$&&f,K=!$&&R(w),G=!$&&A===K,U=V?h:A,E=a?C(M,o,m):L,I=V?U:E,z=!$&&x(M,i,y),B=!G&&K,W=[B,U,z,I].map(Y=>Mo(Y)&&!kr(Y)&&Y),ee=Y=>Y&&si(W,Y),ie=ee(U)?L:U,ce={gt:L,bt:I,D:U,cn:z,wt:B,kt:V?h:U,Zt:V?p:U,rn:f?h:ie,ln:S,Kt:p,yt:a,Rt:f,Dt:c,V:$,St:Y=>hh(U,$?Ze:Mt,Y),$t:(Y,ke)=>oo(U,$?Ze:Mt,Y,ke)},{gt:ne,bt:N,cn:O,D:T,wt:D}=ce,F=[()=>{Nt(N,[Ze,Wi]),Nt(ne,Wi),f&&Nt(h,[Wi,Ze])}],H=a&&ee(N);let Z=a?ne:Qs([D,T,O,N,ne].find(Y=>Y&&!ee(Y)));const J=V?ne:D||T,ve=Q(ft,F);return[ce,()=>{const Y=Ks(),ke=Ce=>{ot(kr(Ce),Qs(Ce)),pn(Ce)},Ne=Ce=>Ce?de(Ce,"focusin focusout focus blur",Le=>{bu(Le),Le.stopImmediatePropagation()},{I:!0,H:!1}):kt,Xe="tabindex",re=ai(T,Xe),ze=Ne(Y);return yt(N,Ze,$?"viewport":"host"),yt(O,qs,""),yt(D,Ta,""),$||(yt(T,Mt,""),yt(T,Xe,re||"-1"),f&&vl(h,Ze,_h)),H&&(ya(ne,N),me(F,()=>{ya(N,ne),pn(N)})),ot(J,Z),ot(N,O),ot(O||N,!$&&T),ot(T,D),me(F,[ze,()=>{const Ce=Ks(),Le=Ne(Ce);Nt(O,qs),Nt(D,Ta),Nt(T,[Cp,_p,Mt]),re?yt(T,Xe,re):Nt(T,Xe),ee(D)&&ke(D),ee(T)&&ke(T),ee(O)&&ke(O),k(Ce),Le()}]),r&&!$&&(vl(T,Mt,Np),me(F,Q(Nt,T,Mt))),k(!$&&S.top===S&&Y===L?T:Y),ze(),Z=0,ve},ve]},r0=({wt:e})=>({Gt:t,an:n,Tt:r})=>{const{xt:l}=t||{},{Ot:o}=n;e&&(l||r)&&Er(e,{[wr]:o&&"100%"})},l0=({bt:e,cn:t,D:n,V:r},l)=>{const[o,i]=gt({u:vh,o:Sa()},Q(Sa,e,"padding",""));return({Et:s,Gt:u,an:c,Tt:d})=>{let[v,m]=i(d);const{L:y}=dt(),{ht:g,Ht:w,Ct:L}=u||{},{N:f}=c,[a,p]=s("paddingAbsolute");(g||m||(d||w))&&([v,m]=o(d));const S=!r&&(p||L||m);if(S){const k=!a||!t&&!y,C=v.r+v.l,x=v.t+v.b,M={[sp]:k&&!f?-C:0,[up]:k?-x:0,[ip]:k&&f?-C:0,top:k?-v.t:0,right:k?f?-v.r:"auto":0,left:k?f?"auto":-v.l:0,[gr]:k&&`calc(100% + ${C}px)`},_={[np]:k?v.t:0,[rp]:k?v.r:0,[op]:k?v.b:0,[lp]:k?v.l:0};Er(t||n,M),Er(n,_),q(l,{cn:v,un:!k,j:t?_:q({},M,_)})}return{dn:S}}},o0=(e,t)=>{const n=dt(),{bt:r,cn:l,D:o,V:i,$t:s,Rt:u,ln:c}=e,{L:d}=n,v=u&&i,m=Q(lo,0),y={u:ap,o:{w:0,h:0}},g={u:fp,o:{x:Sr,y:Sr}},w=(_,R)=>{const A=at.devicePixelRatio%1!==0?1:0,$={w:m(_.w-R.w),h:m(_.h-R.h)};return{w:$.w>A?$.w:0,h:$.h>A?$.h:0}},[L,f]=gt(y,Q(qu,o)),[a,p]=gt(y,Q(Xs,o)),[h,S]=gt(y),[k,C]=gt(y),[x]=gt(g),M=Nr(nc);return({Et:_,Gt:R,an:A,Tt:$},{dn:V})=>{const{ht:K,Ht:G,Ct:U,It:E}=R||{},I=M&&M.M(e,t,A,n,_),{q:z,W:B,X:W}=I||{},[ee,ie]=Vh(_,n),[ce,ne]=_("overflow"),N=K||V||G||U||E||ie,O=Ao(ce.x),T=Ao(ce.y),D=O||T;let F=f($),H=p($),Z=S($),J=C($),ve;if(ie&&d&&s(Np,!ee),N){D&&s(ar,!1);const[Ct,wn]=B?B(ve):[],[Sn,pi]=F=L($),[Kt,mi]=H=a($),Fn=kp(o),An=Kt,Un=Fn;Ct&&Ct(),(mi||pi||ie)&&wn&&!ee&&z&&z(wn,Kt,Sn);const zr=kh(c),Pl={w:m(lo(Kt.w,An.w)+Sn.w),h:m(lo(Kt.h,An.h)+Sn.h)},lc={w:m((v?zr.w:Un.w+m(Fn.w-Kt.w))+Sn.w),h:m((v?zr.h:Un.h+m(Fn.h-Kt.h))+Sn.h)};J=k(lc),Z=h(w(Pl,lc),$)}const[Se,Y]=J,[ke,Ne]=Z,[Xe,re]=H,[ze,Ce]=F,Le={x:ke.w>0,y:ke.h>0},gn=O&&T&&(Le.x||Le.y)||O&&Le.x&&!Le.y||T&&Le.y&&!Le.x;if(V||U||E||Ce||re||Y||Ne||ne||ie||N){const Ct={},wn=Bh(e,Le,ce,Ct);W&&W(wn,A,!!z&&z(wn,Xe,ze),Ct),i?(yt(r,Cp,Ct[ui]),yt(r,_p,Ct[ci])):Er(o,Ct)}oo(r,Ze,Pp,gn),oo(l,qs,Nh,gn),i||oo(o,Mt,ar,D);const[Cl,_l]=x(Rp(e).k);return q(t,{k:Cl,Pt:{x:Se.w,y:Se.h},Lt:{x:ke.w,y:ke.h},en:Le}),{sn:_l,tn:Y,nn:Ne}}},i0=e=>{const[t,n,r]=n0(e),l={cn:{t:0,r:0,b:0,l:0},un:!1,j:{[sp]:0,[up]:0,[ip]:0,[np]:0,[rp]:0,[op]:0,[lp]:0},Pt:{x:0,y:0},Lt:{x:0,y:0},k:{x:Sr,y:Sr},en:{x:!1,y:!1}},{gt:o,D:i,V:s}=t,{L:u,T:c}=dt(),d=!u&&(c.x||c.y),v=[r0(t),l0(t,l),o0(t,l)];return[n,m=>{const y={},w=d&&xr(i),L=s?vl(i,Ze,Js):kt;return te(v,f=>{q(y,f(m,y)||{})}),L(),mn(i,w),!s&&mn(o,0),y},l,t,r]},s0=(e,t,n,r)=>{const l=za(t,{}),[o,i,s,u,c]=i0(e),[d,v,m]=qh(u,s,l,a=>{f({},a)}),[y,g,,w]=t0(e,t,m,s,u,r),L=a=>dn(a).some(p=>!!a[p]),f=(a,p)=>{const{fn:h,Tt:S,At:k,_n:C}=a,x=h||{},M=!!S,_={Et:za(t,x,M),fn:x,Tt:M};if(C)return g(_),!1;const R=p||v(q({},_,{At:k})),A=i(q({},_,{an:m,Gt:R}));g(q({},_,{Gt:R,Qt:A}));const $=L(R),V=L(A),K=$||V||!Gu(x)||M;return K&&n(a,{Gt:R,Qt:A}),K};return[()=>{const{rn:a,D:p}=u,h=xr(a),S=[d(),o(),y()];return mn(p,h),Q(ft,S)},f,()=>({vn:m,hn:s}),{pn:u,gn:w},c]},At=(e,t,n)=>{const{nt:r}=dt(),l=Mo(e),o=l?e:e.target,i=Mp(o);if(t&&!i){let s=!1;const u=[],c={},d=_=>{const R=mp(_,!0),A=Nr(Uh);return A?A(R,!0):R},v=q({},r(),d(t)),[m,y,g]=Zs(),[w,L,f]=Zs(n),a=(_,R)=>{f(_,R),g(_,R)},[p,h,S,k,C]=s0(e,v,({fn:_,Tt:R},{Gt:A,Qt:$})=>{const{ht:V,Ct:K,xt:G,Ht:U,zt:E,_t:I}=A,{tn:z,nn:B,sn:W}=$;a("updated",[M,{updateHints:{sizeChanged:!!V,directionChanged:!!K,heightIntrinsicChanged:!!G,overflowEdgeChanged:!!z,overflowAmountChanged:!!B,overflowStyleChanged:!!W,contentMutation:!!U,hostMutation:!!E,appear:!!I},changedOptions:_||{},force:!!R}])},_=>a("scroll",[M,_])),x=_=>{Gh(o),ft(u),s=!0,a("destroyed",[M,_]),y(),L()},M={options(_,R){if(_){const A=R?r():{},$=xp(v,q(A,d(_)));Gu($)||(q(v,$),h({fn:$}))}return q({},v)},on:w,off:(_,R)=>{_&&R&&L(_,R)},state(){const{vn:_,hn:R}=S(),{N:A}=_,{Pt:$,Lt:V,k:K,en:G,cn:U,un:E}=R;return q({},{overflowEdge:$,overflowAmount:V,overflowStyle:K,hasOverflow:G,padding:U,paddingAbsolute:E,directionRTL:A,destroyed:s})},elements(){const{gt:_,bt:R,cn:A,D:$,wt:V,kt:K,Zt:G}=k.pn,{qt:U,Jt:E}=k.gn,I=B=>{const{Vt:W,Mt:ee,Ut:ie}=B;return{scrollbar:ie,track:ee,handle:W}},z=B=>{const{Wt:W,Xt:ee}=B,ie=I(W[0]);return q({},ie,{clone:()=>{const ce=I(ee());return h({_n:!0}),ce}})};return q({},{target:_,host:R,padding:A||$,viewport:$,content:V||$,scrollOffsetElement:K,scrollEventElement:G,scrollbarHorizontal:z(U),scrollbarVertical:z(E)})},update:_=>h({Tt:_,At:!0}),destroy:Q(x,!1),plugin:_=>c[dn(_)[0]]};return me(u,[C]),Xh(o,M),Lp(Tp,At,[M,m,c]),Yh(k.pn.Rt,!l&&e.cancel)?(x(!0),M):(me(u,p()),a("initialized",[M]),M.update(!0),M)}return i};At.plugin=e=>{const t=xt(e),n=t?e:[e],r=n.map(l=>Lp(l,At)[0]);return Ah(n),t?r:r[0]};At.valid=e=>{const t=e&&e.elements,n=Rt(t)&&t();return Do(n)&&!!Mp(n.target)};At.env=()=>{const{P:e,T:t,L:n,K:r,J:l,st:o,et:i,G:s,tt:u,nt:c,ot:d}=dt();return q({},{scrollbarsSize:e,scrollbarsOverlaid:t,scrollbarsHiding:n,rtlScrollBehavior:r,scrollTimeline:l,staticDefaultInitialization:o,staticDefaultOptions:i,getDefaultInitialization:s,setDefaultInitialization:u,getDefaultOptions:c,setDefaultOptions:d})};const u0=()=>{if(typeof window>"u"){const c=()=>{};return[c,c]}let e,t;const n=window,r=typeof n.requestIdleCallback=="function",l=n.requestAnimationFrame,o=n.cancelAnimationFrame,i=r?n.requestIdleCallback:l,s=r?n.cancelIdleCallback:o,u=()=>{s(e),o(t)};return[(c,d)=>{u(),e=i(r?()=>{u(),t=l(c)}:c,typeof d=="object"?d:{timeout:2233})},u]},jp=e=>{const{options:t,events:n,defer:r}=e||{},[l,o]=se.useMemo(u0,[]),i=se.useRef(null),s=se.useRef(r),u=se.useRef(t),c=se.useRef(n);return se.useEffect(()=>{s.current=r},[r]),se.useEffect(()=>{const{current:d}=i;u.current=t,At.valid(d)&&d.options(t||{},!0)},[t]),se.useEffect(()=>{const{current:d}=i;c.current=n,At.valid(d)&&d.on(n||{},!0)},[n]),se.useEffect(()=>()=>{var d;o(),(d=i.current)==null||d.destroy()},[]),se.useMemo(()=>[d=>{const v=i.current;if(At.valid(v))return;const m=s.current,y=u.current||{},g=c.current||{},w=()=>i.current=At(d,y,g);m?l(w,m):w()},()=>i.current],[])},c0=(e,t)=>{const{element:n="div",options:r,events:l,defer:o,children:i,...s}=e,u=n,c=se.useRef(null),d=se.useRef(null),[v,m]=jp({options:r,events:l,defer:o});return se.useEffect(()=>{const{current:y}=c,{current:g}=d;if(!y)return;const w=y;return v(n==="body"?{target:w,cancel:{body:null}}:{target:w,elements:{viewport:g,content:g}}),()=>{var L;return(L=m())==null?void 0:L.destroy()}},[v,n]),se.useImperativeHandle(t,()=>({osInstance:m,getElement:()=>c.current}),[]),Ki.createElement(u,{"data-overlayscrollbars-initialize":"",ref:c,...s},n==="body"?i:Ki.createElement("div",{"data-overlayscrollbars-contents":"",ref:d},i))},a0=se.forwardRef(c0),f0=()=>{const[e,t]=se.useState([]),n=se.useRef({}),r=se.useRef({}),l=s=>{const u=n.current[s];n.current[s]=typeof u=="number"?u+1:1,t(c=>Array.from(new Set([...c,s]))),clearTimeout(r.current[s]),r.current[s]=setTimeout(()=>{t(c=>{const d=new Set(c);return d.delete(s),Array.from(d)})},500)},o=s=>({active:e.includes(s),count:n.current[s]||0});return[{initialized:o("initialized"),destroyed:o("destroyed"),updated:o("updated"),scroll:o("scroll")},l]},Ma=le.jsx("div",{className:"logo",children:le.jsx("img",{alt:"React logo",src:"logo.svg"})}),d0=()=>{const[e,t]=se.useState(!1),[n,r]=se.useState(!1),[l,o]=se.useState(!0),[i,s]=se.useState(null),u=se.useRef(null),[c,d]=f0(),[v,m]=jp({defer:!0,events:{initialized:()=>{s(!0)},destroyed:()=>{s(!1)}},options:{scrollbars:{theme:"os-theme-light"}}}),y=()=>{const{current:f}=u,a=f==null?void 0:f.osInstance();if(!a)return;const{overflowAmount:p}=a.state(),{scrollOffsetElement:h}=a.elements(),{scrollLeft:S,scrollTop:k}=h;h.scrollTo({behavior:"smooth",left:Math.round((p.x-S)/p.x)*p.x,top:Math.round((p.y-k)/p.y)*p.y})},g=()=>t(f=>!f),w=()=>r(f=>!f),L=()=>{const f=m();f&&!f.state().destroyed?f.destroy():v({target:document.body,cancel:{body:!1}})};return se.useEffect(()=>{v(document.body)},[v]),le.jsxs(le.Fragment,{children:[le.jsxs("main",{children:[le.jsx("h1",{children:le.jsx("a",{href:"https://www.npmjs.com/package/overlayscrollbars-react",target:"_blank",rel:"noreferrer",children:"OverlayScrollbars React"})}),le.jsx("section",{className:"slot",children:l?le.jsx(a0,{className:"overlayscrollbars-react",style:{display:n?"none":void 0},ref:u,options:{scrollbars:{theme:"os-theme-light"}},events:{initialized:()=>d("initialized"),destroyed:()=>d("destroyed"),updated:()=>d("updated"),scroll:()=>d("scroll")},defer:!0,children:!e&&Ma}):le.jsx("div",{className:"overlayscrollbars-react",children:Ma})}),le.jsxs("section",{children:[le.jsx("p",{className:"title",children:"Actions:"}),le.jsxs("div",{className:"items",children:[l&&le.jsxs(le.Fragment,{children:[le.jsx("button",{onClick:y,children:"Scroll"}),le.jsxs("button",{onClick:g,children:[e?"Show":"Hide"," Content"]}),le.jsxs("button",{onClick:w,children:[n?"Show":"Hide"," Element"]})]}),le.jsxs("button",{onClick:()=>o(f=>!f),children:[l?"Destroy":"Initialize"," OverlayScrollbars"]})]})]}),le.jsxs("section",{children:[le.jsx("p",{className:"title",children:"Events:"}),le.jsx("div",{className:"items",children:Object.entries(c).map(([f,a])=>le.jsxs("div",{className:`event ${a.active?"active":""}`,children:[f," (",a.count,")"]},f))})]})]}),le.jsxs("footer",{children:[i!==null&&le.jsx("section",{children:le.jsx("div",{className:"items",children:le.jsxs("button",{onClick:L,children:[i?"Destroy":"Initialize"," Body OverlayScrollbars"]})})}),le.jsx("a",{href:"https://github.com/KingSora/OverlayScrollbars/tree/master/examples/react",target:"_blank",rel:"noreferrer",children:"Open source code of this example."})]})]})},p0=Yi.createRoot(document.getElementById("root"));p0.render(le.jsx(Ki.StrictMode,{children:le.jsx(d0,{})})); diff --git a/docs/example/react/assets/index-kEiwBvNG.js b/docs/example/react/assets/index-kEiwBvNG.js deleted file mode 100644 index d6e587da..00000000 --- a/docs/example/react/assets/index-kEiwBvNG.js +++ /dev/null @@ -1,48 +0,0 @@ -(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const l of document.querySelectorAll('link[rel="modulepreload"]'))r(l);new MutationObserver(l=>{for(const o of l)if(o.type==="childList")for(const i of o.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&r(i)}).observe(document,{childList:!0,subtree:!0});function n(l){const o={};return l.integrity&&(o.integrity=l.integrity),l.referrerPolicy&&(o.referrerPolicy=l.referrerPolicy),l.crossOrigin==="use-credentials"?o.credentials="include":l.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function r(l){if(l.ep)return;l.ep=!0;const o=n(l);fetch(l.href,o)}})();function Mp(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Ra={exports:{}},jo={},$a={exports:{}},X={};/** - * @license React - * react.production.min.js - * - * Copyright (c) Facebook, Inc. and its affiliates. - * - * This source code is licensed under the MIT license found in the - * LICENSE file in the root directory of this source tree. - */var hl=Symbol.for("react.element"),Dp=Symbol.for("react.portal"),jp=Symbol.for("react.fragment"),Fp=Symbol.for("react.strict_mode"),Ap=Symbol.for("react.profiler"),Up=Symbol.for("react.provider"),Hp=Symbol.for("react.context"),Vp=Symbol.for("react.forward_ref"),Bp=Symbol.for("react.suspense"),Wp=Symbol.for("react.memo"),Qp=Symbol.for("react.lazy"),nc=Symbol.iterator;function Kp(e){return e===null||typeof e!="object"?null:(e=nc&&e[nc]||e["@@iterator"],typeof e=="function"?e:null)}var Ia={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},Ma=Object.assign,Da={};function Cr(e,t,n){this.props=e,this.context=t,this.refs=Da,this.updater=n||Ia}Cr.prototype.isReactComponent={};Cr.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")};Cr.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function ja(){}ja.prototype=Cr.prototype;function Js(e,t,n){this.props=e,this.context=t,this.refs=Da,this.updater=n||Ia}var qs=Js.prototype=new ja;qs.constructor=Js;Ma(qs,Cr.prototype);qs.isPureReactComponent=!0;var rc=Array.isArray,Fa=Object.prototype.hasOwnProperty,bs={current:null},Aa={key:!0,ref:!0,__self:!0,__source:!0};function Ua(e,t,n){var r,l={},o=null,i=null;if(t!=null)for(r in t.ref!==void 0&&(i=t.ref),t.key!==void 0&&(o=""+t.key),t)Fa.call(t,r)&&!Aa.hasOwnProperty(r)&&(l[r]=t[r]);var s=arguments.length-2;if(s===1)l.children=n;else if(1>>1,Q=E[V];if(0>>1;Vl(pe,N))iel(z,pe)?(E[V]=z,E[ie]=N,V=ie):(E[V]=pe,E[G]=N,V=G);else if(iel(z,N))E[V]=z,E[ie]=N,V=ie;else break e}}return j}function l(E,j){var N=E.sortIndex-j.sortIndex;return N!==0?N:E.id-j.id}if(typeof performance=="object"&&typeof performance.now=="function"){var o=performance;e.unstable_now=function(){return o.now()}}else{var i=Date,s=i.now();e.unstable_now=function(){return i.now()-s}}var u=[],c=[],p=1,v=null,m=3,y=!1,g=!1,w=!1,R=typeof setTimeout=="function"?setTimeout:null,f=typeof clearTimeout=="function"?clearTimeout:null,a=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function d(E){for(var j=n(c);j!==null;){if(j.callback===null)r(c);else if(j.startTime<=E)r(c),j.sortIndex=j.expirationTime,t(u,j);else break;j=n(c)}}function h(E){if(w=!1,d(E),!g)if(n(u)!==null)g=!0,te(S);else{var j=n(c);j!==null&&K(h,j.startTime-E)}}function S(E,j){g=!1,w&&(w=!1,f(C),C=-1),y=!0;var N=m;try{for(d(j),v=n(u);v!==null&&(!(v.expirationTime>j)||E&&!$());){var V=v.callback;if(typeof V=="function"){v.callback=null,m=v.priorityLevel;var Q=V(v.expirationTime<=j);j=e.unstable_now(),typeof Q=="function"?v.callback=Q:v===n(u)&&r(u),d(j)}else r(u);v=n(u)}if(v!==null)var oe=!0;else{var G=n(c);G!==null&&K(h,G.startTime-j),oe=!1}return oe}finally{v=null,m=N,y=!1}}var k=!1,x=null,C=-1,M=5,_=-1;function $(){return!(e.unstable_now()-_E||125V?(E.sortIndex=N,t(c,E),n(u)===null&&E===n(c)&&(w?(f(C),C=-1):w=!0,K(h,N-V))):(E.sortIndex=Q,t(u,E),g||y||(g=!0,te(S))),E},e.unstable_shouldYield=$,e.unstable_wrapCallback=function(E){var j=m;return function(){var N=m;m=j;try{return E.apply(this,arguments)}finally{m=N}}}})(Wa);Ba.exports=Wa;var rm=Ba.exports;/** - * @license React - * react-dom.production.min.js - * - * Copyright (c) Facebook, Inc. and its affiliates. - * - * This source code is licensed under the MIT license found in the - * LICENSE file in the root directory of this source tree. - */var Qa=se,Je=rm;function P(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),Qi=Object.prototype.hasOwnProperty,lm=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,oc={},ic={};function om(e){return Qi.call(ic,e)?!0:Qi.call(oc,e)?!1:lm.test(e)?ic[e]=!0:(oc[e]=!0,!1)}function im(e,t,n,r){if(n!==null&&n.type===0)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return r?!1:n!==null?!n.acceptsBooleans:(e=e.toLowerCase().slice(0,5),e!=="data-"&&e!=="aria-");default:return!1}}function sm(e,t,n,r){if(t===null||typeof t>"u"||im(e,t,n,r))return!0;if(r)return!1;if(n!==null)switch(n.type){case 3:return!t;case 4:return t===!1;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}function He(e,t,n,r,l,o,i){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=r,this.attributeNamespace=l,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=o,this.removeEmptyString=i}var Re={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){Re[e]=new He(e,0,!1,e,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];Re[t]=new He(t,1,!1,e[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(e){Re[e]=new He(e,2,!1,e.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){Re[e]=new He(e,2,!1,e,null,!1,!1)});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){Re[e]=new He(e,3,!1,e.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(e){Re[e]=new He(e,3,!0,e,null,!1,!1)});["capture","download"].forEach(function(e){Re[e]=new He(e,4,!1,e,null,!1,!1)});["cols","rows","size","span"].forEach(function(e){Re[e]=new He(e,6,!1,e,null,!1,!1)});["rowSpan","start"].forEach(function(e){Re[e]=new He(e,5,!1,e.toLowerCase(),null,!1,!1)});var tu=/[\-:]([a-z])/g;function nu(e){return e[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(tu,nu);Re[t]=new He(t,1,!1,e,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(tu,nu);Re[t]=new He(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(tu,nu);Re[t]=new He(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(e){Re[e]=new He(e,1,!1,e.toLowerCase(),null,!1,!1)});Re.xlinkHref=new He("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(e){Re[e]=new He(e,1,!1,e.toLowerCase(),null,!0,!0)});function ru(e,t,n,r){var l=Re.hasOwnProperty(t)?Re[t]:null;(l!==null?l.type!==0:r||!(2s||l[i]!==o[s]){var u=` -`+l[i].replace(" at new "," at ");return e.displayName&&u.includes("")&&(u=u.replace("",e.displayName)),u}while(1<=i&&0<=s);break}}}finally{mi=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?jr(e):""}function um(e){switch(e.tag){case 5:return jr(e.type);case 16:return jr("Lazy");case 13:return jr("Suspense");case 19:return jr("SuspenseList");case 0:case 2:case 15:return e=vi(e.type,!1),e;case 11:return e=vi(e.type.render,!1),e;case 1:return e=vi(e.type,!0),e;default:return""}}function Gi(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case Bn:return"Fragment";case Vn:return"Portal";case Ki:return"Profiler";case lu:return"StrictMode";case Yi:return"Suspense";case Xi:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case Xa:return(e.displayName||"Context")+".Consumer";case Ya:return(e._context.displayName||"Context")+".Provider";case ou:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case iu:return t=e.displayName||null,t!==null?t:Gi(e.type)||"Memo";case Xt:t=e._payload,e=e._init;try{return Gi(e(t))}catch{}}return null}function cm(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=t.render,e=e.displayName||e.name||"",t.displayName||(e!==""?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return Gi(t);case 8:return t===lu?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t}return null}function fn(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function Za(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function am(e){var t=Za(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var l=n.get,o=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return l.call(this)},set:function(i){r=""+i,o.call(this,i)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(i){r=""+i},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function Tl(e){e._valueTracker||(e._valueTracker=am(e))}function Ja(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=Za(e)?e.checked?"true":"false":e.value),e=r,e!==n?(t.setValue(e),!0):!1}function oo(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}function Zi(e,t){var n=t.checked;return Se({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function uc(e,t){var n=t.defaultValue==null?"":t.defaultValue,r=t.checked!=null?t.checked:t.defaultChecked;n=fn(t.value!=null?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function qa(e,t){t=t.checked,t!=null&&ru(e,"checked",t,!1)}function Ji(e,t){qa(e,t);var n=fn(t.value),r=t.type;if(n!=null)r==="number"?(n===0&&e.value===""||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if(r==="submit"||r==="reset"){e.removeAttribute("value");return}t.hasOwnProperty("value")?qi(e,t.type,n):t.hasOwnProperty("defaultValue")&&qi(e,t.type,fn(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function cc(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!(r!=="submit"&&r!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function qi(e,t,n){(t!=="number"||oo(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var Fr=Array.isArray;function nr(e,t,n,r){if(e=e.options,t){t={};for(var l=0;l"+t.valueOf().toString()+"",t=Ol.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function qr(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var Hr={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},fm=["Webkit","ms","Moz","O"];Object.keys(Hr).forEach(function(e){fm.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),Hr[t]=Hr[e]})});function nf(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||Hr.hasOwnProperty(e)&&Hr[e]?(""+t).trim():t+"px"}function rf(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var r=n.indexOf("--")===0,l=nf(n,t[n],r);n==="float"&&(n="cssFloat"),r?e.setProperty(n,l):e[n]=l}}var dm=Se({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function ts(e,t){if(t){if(dm[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(P(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(P(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(P(61))}if(t.style!=null&&typeof t.style!="object")throw Error(P(62))}}function ns(e,t){if(e.indexOf("-")===-1)return typeof t.is=="string";switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var rs=null;function su(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var ls=null,rr=null,lr=null;function dc(e){if(e=wl(e)){if(typeof ls!="function")throw Error(P(280));var t=e.stateNode;t&&(t=Vo(t),ls(e.stateNode,e.type,t))}}function lf(e){rr?lr?lr.push(e):lr=[e]:rr=e}function of(){if(rr){var e=rr,t=lr;if(lr=rr=null,dc(e),t)for(e=0;e>>=0,e===0?32:31-(xm(e)/Cm|0)|0}var Ll=64,Rl=4194304;function Ar(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function co(e,t){var n=e.pendingLanes;if(n===0)return 0;var r=0,l=e.suspendedLanes,o=e.pingedLanes,i=n&268435455;if(i!==0){var s=i&~l;s!==0?r=Ar(s):(o&=i,o!==0&&(r=Ar(o)))}else i=n&~l,i!==0?r=Ar(i):o!==0&&(r=Ar(o));if(r===0)return 0;if(t!==0&&t!==r&&!(t&l)&&(l=r&-r,o=t&-t,l>=o||l===16&&(o&4194240)!==0))return t;if(r&4&&(r|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=r;0n;n++)t.push(e);return t}function yl(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-wt(t),e[t]=n}function zm(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0=Br),kc=" ",Ec=!1;function Pf(e,t){switch(e){case"keyup":return nv.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Nf(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var Wn=!1;function lv(e,t){switch(e){case"compositionend":return Nf(t);case"keypress":return t.which!==32?null:(Ec=!0,kc);case"textInput":return e=t.data,e===kc&&Ec?null:e;default:return null}}function ov(e,t){if(Wn)return e==="compositionend"||!vu&&Pf(e,t)?(e=Cf(),Xl=du=bt=null,Wn=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1=t)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=Pc(n)}}function Lf(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?Lf(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function Rf(){for(var e=window,t=oo();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=oo(e.document)}return t}function hu(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}function mv(e){var t=Rf(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&Lf(n.ownerDocument.documentElement,n)){if(r!==null&&hu(n)){if(t=r.start,e=r.end,e===void 0&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var l=n.textContent.length,o=Math.min(r.start,l);r=r.end===void 0?o:Math.min(r.end,l),!e.extend&&o>r&&(l=r,r=o,o=l),l=Nc(n,o);var i=Nc(n,r);l&&i&&(e.rangeCount!==1||e.anchorNode!==l.node||e.anchorOffset!==l.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&(t=t.createRange(),t.setStart(l.node,l.offset),e.removeAllRanges(),o>r?(e.addRange(t),e.extend(i.node,i.offset)):(t.setEnd(i.node,i.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n=document.documentMode,Qn=null,as=null,Qr=null,fs=!1;function zc(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;fs||Qn==null||Qn!==oo(r)||(r=Qn,"selectionStart"in r&&hu(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),Qr&&ll(Qr,r)||(Qr=r,r=po(as,"onSelect"),0Xn||(e.current=ys[Xn],ys[Xn]=null,Xn--)}function ce(e,t){Xn++,ys[Xn]=e.current,e.current=t}var dn={},De=yn(dn),Qe=yn(!1),Tn=dn;function dr(e,t){var n=e.type.contextTypes;if(!n)return dn;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var l={},o;for(o in n)l[o]=t[o];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=l),l}function Ke(e){return e=e.childContextTypes,e!=null}function vo(){de(Qe),de(De)}function Mc(e,t,n){if(De.current!==dn)throw Error(P(168));ce(De,t),ce(Qe,n)}function Hf(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,typeof r.getChildContext!="function")return n;r=r.getChildContext();for(var l in r)if(!(l in t))throw Error(P(108,cm(e)||"Unknown",l));return Se({},n,r)}function ho(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||dn,Tn=De.current,ce(De,e),ce(Qe,Qe.current),!0}function Dc(e,t,n){var r=e.stateNode;if(!r)throw Error(P(169));n?(e=Hf(e,t,Tn),r.__reactInternalMemoizedMergedChildContext=e,de(Qe),de(De),ce(De,e)):de(Qe),ce(Qe,n)}var Mt=null,Bo=!1,Ti=!1;function Vf(e){Mt===null?Mt=[e]:Mt.push(e)}function Pv(e){Bo=!0,Vf(e)}function gn(){if(!Ti&&Mt!==null){Ti=!0;var e=0,t=le;try{var n=Mt;for(le=1;e>=i,l-=i,Dt=1<<32-wt(t)+l|n<C?(M=x,x=null):M=x.sibling;var _=m(f,x,d[C],h);if(_===null){x===null&&(x=M);break}e&&x&&_.alternate===null&&t(f,x),a=o(_,a,C),k===null?S=_:k.sibling=_,k=_,x=M}if(C===d.length)return n(f,x),he&&kn(f,C),S;if(x===null){for(;CC?(M=x,x=null):M=x.sibling;var $=m(f,x,_.value,h);if($===null){x===null&&(x=M);break}e&&x&&$.alternate===null&&t(f,x),a=o($,a,C),k===null?S=$:k.sibling=$,k=$,x=M}if(_.done)return n(f,x),he&&kn(f,C),S;if(x===null){for(;!_.done;C++,_=d.next())_=v(f,_.value,h),_!==null&&(a=o(_,a,C),k===null?S=_:k.sibling=_,k=_);return he&&kn(f,C),S}for(x=r(f,x);!_.done;C++,_=d.next())_=y(x,f,C,_.value,h),_!==null&&(e&&_.alternate!==null&&x.delete(_.key===null?C:_.key),a=o(_,a,C),k===null?S=_:k.sibling=_,k=_);return e&&x.forEach(function(F){return t(f,F)}),he&&kn(f,C),S}function R(f,a,d,h){if(typeof d=="object"&&d!==null&&d.type===Bn&&d.key===null&&(d=d.props.children),typeof d=="object"&&d!==null){switch(d.$$typeof){case zl:e:{for(var S=d.key,k=a;k!==null;){if(k.key===S){if(S=d.type,S===Bn){if(k.tag===7){n(f,k.sibling),a=l(k,d.props.children),a.return=f,f=a;break e}}else if(k.elementType===S||typeof S=="object"&&S!==null&&S.$$typeof===Xt&&Bc(S)===k.type){n(f,k.sibling),a=l(k,d.props),a.ref=Ir(f,k,d),a.return=f,f=a;break e}n(f,k);break}else t(f,k);k=k.sibling}d.type===Bn?(a=Nn(d.props.children,f.mode,h,d.key),a.return=f,f=a):(h=no(d.type,d.key,d.props,null,f.mode,h),h.ref=Ir(f,a,d),h.return=f,f=h)}return i(f);case Vn:e:{for(k=d.key;a!==null;){if(a.key===k)if(a.tag===4&&a.stateNode.containerInfo===d.containerInfo&&a.stateNode.implementation===d.implementation){n(f,a.sibling),a=l(a,d.children||[]),a.return=f,f=a;break e}else{n(f,a);break}else t(f,a);a=a.sibling}a=ji(d,f.mode,h),a.return=f,f=a}return i(f);case Xt:return k=d._init,R(f,a,k(d._payload),h)}if(Fr(d))return g(f,a,d,h);if(Tr(d))return w(f,a,d,h);Al(f,d)}return typeof d=="string"&&d!==""||typeof d=="number"?(d=""+d,a!==null&&a.tag===6?(n(f,a.sibling),a=l(a,d),a.return=f,f=a):(n(f,a),a=Di(d,f.mode,h),a.return=f,f=a),i(f)):n(f,a)}return R}var mr=Zf(!0),Jf=Zf(!1),Sl={},Lt=yn(Sl),ul=yn(Sl),cl=yn(Sl);function _n(e){if(e===Sl)throw Error(P(174));return e}function _u(e,t){switch(ce(cl,t),ce(ul,e),ce(Lt,Sl),e=t.nodeType,e){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:es(null,"");break;default:e=e===8?t.parentNode:t,t=e.namespaceURI||null,e=e.tagName,t=es(t,e)}de(Lt),ce(Lt,t)}function vr(){de(Lt),de(ul),de(cl)}function qf(e){_n(cl.current);var t=_n(Lt.current),n=es(t,e.type);t!==n&&(ce(ul,e),ce(Lt,n))}function Pu(e){ul.current===e&&(de(Lt),de(ul))}var ge=yn(0);function Eo(e){for(var t=e;t!==null;){if(t.tag===13){var n=t.memoizedState;if(n!==null&&(n=n.dehydrated,n===null||n.data==="$?"||n.data==="$!"))return t}else if(t.tag===19&&t.memoizedProps.revealOrder!==void 0){if(t.flags&128)return t}else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var Oi=[];function Nu(){for(var e=0;en?n:4,e(!0);var r=Li.transition;Li.transition={};try{e(!1),t()}finally{le=n,Li.transition=r}}function md(){return ct().memoizedState}function Ov(e,t,n){var r=cn(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},vd(e))hd(t,n);else if(n=Kf(e,t,n,r),n!==null){var l=Ae();St(n,e,r,l),yd(n,t,r)}}function Lv(e,t,n){var r=cn(e),l={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(vd(e))hd(t,l);else{var o=e.alternate;if(e.lanes===0&&(o===null||o.lanes===0)&&(o=t.lastRenderedReducer,o!==null))try{var i=t.lastRenderedState,s=o(i,n);if(l.hasEagerState=!0,l.eagerState=s,Et(s,i)){var u=t.interleaved;u===null?(l.next=l,xu(t)):(l.next=u.next,u.next=l),t.interleaved=l;return}}catch{}finally{}n=Kf(e,t,l,r),n!==null&&(l=Ae(),St(n,e,r,l),yd(n,t,r))}}function vd(e){var t=e.alternate;return e===we||t!==null&&t===we}function hd(e,t){Kr=xo=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function yd(e,t,n){if(n&4194240){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,cu(e,n)}}var Co={readContext:ut,useCallback:$e,useContext:$e,useEffect:$e,useImperativeHandle:$e,useInsertionEffect:$e,useLayoutEffect:$e,useMemo:$e,useReducer:$e,useRef:$e,useState:$e,useDebugValue:$e,useDeferredValue:$e,useTransition:$e,useMutableSource:$e,useSyncExternalStore:$e,useId:$e,unstable_isNewReconciler:!1},Rv={readContext:ut,useCallback:function(e,t){return Nt().memoizedState=[e,t===void 0?null:t],e},useContext:ut,useEffect:Qc,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,ql(4194308,4,cd.bind(null,t,e),n)},useLayoutEffect:function(e,t){return ql(4194308,4,e,t)},useInsertionEffect:function(e,t){return ql(4,2,e,t)},useMemo:function(e,t){var n=Nt();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=Nt();return t=n!==void 0?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=Ov.bind(null,we,e),[r.memoizedState,e]},useRef:function(e){var t=Nt();return e={current:e},t.memoizedState=e},useState:Wc,useDebugValue:Ru,useDeferredValue:function(e){return Nt().memoizedState=e},useTransition:function(){var e=Wc(!1),t=e[0];return e=Tv.bind(null,e[1]),Nt().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=we,l=Nt();if(he){if(n===void 0)throw Error(P(407));n=n()}else{if(n=t(),ze===null)throw Error(P(349));Ln&30||td(r,t,n)}l.memoizedState=n;var o={value:n,getSnapshot:t};return l.queue=o,Qc(rd.bind(null,r,o,e),[e]),r.flags|=2048,dl(9,nd.bind(null,r,o,n,t),void 0,null),n},useId:function(){var e=Nt(),t=ze.identifierPrefix;if(he){var n=jt,r=Dt;n=(r&~(1<<32-wt(r)-1)).toString(32)+n,t=":"+t+"R"+n,n=al++,0<\/script>",e=e.removeChild(e.firstChild)):typeof r.is=="string"?e=i.createElement(n,{is:r.is}):(e=i.createElement(n),n==="select"&&(i=e,r.multiple?i.multiple=!0:r.size&&(i.size=r.size))):e=i.createElementNS(e,n),e[Tt]=t,e[sl]=r,Pd(e,t,!1,!1),t.stateNode=e;e:{switch(i=ns(n,r),n){case"dialog":ae("cancel",e),ae("close",e),l=r;break;case"iframe":case"object":case"embed":ae("load",e),l=r;break;case"video":case"audio":for(l=0;lyr&&(t.flags|=128,r=!0,Mr(o,!1),t.lanes=4194304)}else{if(!r)if(e=Eo(i),e!==null){if(t.flags|=128,r=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),Mr(o,!0),o.tail===null&&o.tailMode==="hidden"&&!i.alternate&&!he)return Ie(t),null}else 2*Ee()-o.renderingStartTime>yr&&n!==1073741824&&(t.flags|=128,r=!0,Mr(o,!1),t.lanes=4194304);o.isBackwards?(i.sibling=t.child,t.child=i):(n=o.last,n!==null?n.sibling=i:t.child=i,o.last=i)}return o.tail!==null?(t=o.tail,o.rendering=t,o.tail=t.sibling,o.renderingStartTime=Ee(),t.sibling=null,n=ge.current,ce(ge,r?n&1|2:n&1),t):(Ie(t),null);case 22:case 23:return Fu(),r=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==r&&(t.flags|=8192),r&&t.mode&1?Xe&1073741824&&(Ie(t),t.subtreeFlags&6&&(t.flags|=8192)):Ie(t),null;case 24:return null;case 25:return null}throw Error(P(156,t.tag))}function Uv(e,t){switch(gu(t),t.tag){case 1:return Ke(t.type)&&vo(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return vr(),de(Qe),de(De),Nu(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return Pu(t),null;case 13:if(de(ge),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(P(340));pr()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return de(ge),null;case 4:return vr(),null;case 10:return Eu(t.type._context),null;case 22:case 23:return Fu(),null;case 24:return null;default:return null}}var Hl=!1,Me=!1,Hv=typeof WeakSet=="function"?WeakSet:Set,I=null;function qn(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(r){ke(e,t,r)}else n.current=null}function Ts(e,t,n){try{n()}catch(r){ke(e,t,r)}}var ea=!1;function Vv(e,t){if(ds=ao,e=Rf(),hu(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var l=r.anchorOffset,o=r.focusNode;r=r.focusOffset;try{n.nodeType,o.nodeType}catch{n=null;break e}var i=0,s=-1,u=-1,c=0,p=0,v=e,m=null;t:for(;;){for(var y;v!==n||l!==0&&v.nodeType!==3||(s=i+l),v!==o||r!==0&&v.nodeType!==3||(u=i+r),v.nodeType===3&&(i+=v.nodeValue.length),(y=v.firstChild)!==null;)m=v,v=y;for(;;){if(v===e)break t;if(m===n&&++c===l&&(s=i),m===o&&++p===r&&(u=i),(y=v.nextSibling)!==null)break;v=m,m=v.parentNode}v=y}n=s===-1||u===-1?null:{start:s,end:u}}else n=null}n=n||{start:0,end:0}}else n=null;for(ps={focusedElem:e,selectionRange:n},ao=!1,I=t;I!==null;)if(t=I,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,I=e;else for(;I!==null;){t=I;try{var g=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(g!==null){var w=g.memoizedProps,R=g.memoizedState,f=t.stateNode,a=f.getSnapshotBeforeUpdate(t.elementType===t.type?w:mt(t.type,w),R);f.__reactInternalSnapshotBeforeUpdate=a}break;case 3:var d=t.stateNode.containerInfo;d.nodeType===1?d.textContent="":d.nodeType===9&&d.documentElement&&d.removeChild(d.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(P(163))}}catch(h){ke(t,t.return,h)}if(e=t.sibling,e!==null){e.return=t.return,I=e;break}I=t.return}return g=ea,ea=!1,g}function Yr(e,t,n){var r=t.updateQueue;if(r=r!==null?r.lastEffect:null,r!==null){var l=r=r.next;do{if((l.tag&e)===e){var o=l.destroy;l.destroy=void 0,o!==void 0&&Ts(t,n,o)}l=l.next}while(l!==r)}}function Ko(e,t){if(t=t.updateQueue,t=t!==null?t.lastEffect:null,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function Os(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function Td(e){var t=e.alternate;t!==null&&(e.alternate=null,Td(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[Tt],delete t[sl],delete t[hs],delete t[Cv],delete t[_v])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function Od(e){return e.tag===5||e.tag===3||e.tag===4}function ta(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||Od(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function Ls(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=mo));else if(r!==4&&(e=e.child,e!==null))for(Ls(e,t,n),e=e.sibling;e!==null;)Ls(e,t,n),e=e.sibling}function Rs(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(e=e.child,e!==null))for(Rs(e,t,n),e=e.sibling;e!==null;)Rs(e,t,n),e=e.sibling}var Oe=null,vt=!1;function Yt(e,t,n){for(n=n.child;n!==null;)Ld(e,t,n),n=n.sibling}function Ld(e,t,n){if(Ot&&typeof Ot.onCommitFiberUnmount=="function")try{Ot.onCommitFiberUnmount(Fo,n)}catch{}switch(n.tag){case 5:Me||qn(n,t);case 6:var r=Oe,l=vt;Oe=null,Yt(e,t,n),Oe=r,vt=l,Oe!==null&&(vt?(e=Oe,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):Oe.removeChild(n.stateNode));break;case 18:Oe!==null&&(vt?(e=Oe,n=n.stateNode,e.nodeType===8?zi(e.parentNode,n):e.nodeType===1&&zi(e,n),nl(e)):zi(Oe,n.stateNode));break;case 4:r=Oe,l=vt,Oe=n.stateNode.containerInfo,vt=!0,Yt(e,t,n),Oe=r,vt=l;break;case 0:case 11:case 14:case 15:if(!Me&&(r=n.updateQueue,r!==null&&(r=r.lastEffect,r!==null))){l=r=r.next;do{var o=l,i=o.destroy;o=o.tag,i!==void 0&&(o&2||o&4)&&Ts(n,t,i),l=l.next}while(l!==r)}Yt(e,t,n);break;case 1:if(!Me&&(qn(n,t),r=n.stateNode,typeof r.componentWillUnmount=="function"))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(s){ke(n,t,s)}Yt(e,t,n);break;case 21:Yt(e,t,n);break;case 22:n.mode&1?(Me=(r=Me)||n.memoizedState!==null,Yt(e,t,n),Me=r):Yt(e,t,n);break;default:Yt(e,t,n)}}function na(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new Hv),t.forEach(function(r){var l=Jv.bind(null,e,r);n.has(r)||(n.add(r),r.then(l,l))})}}function pt(e,t){var n=t.deletions;if(n!==null)for(var r=0;rl&&(l=i),r&=~o}if(r=l,r=Ee()-r,r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*Wv(r/1960))-r,10e?16:e,en===null)var r=!1;else{if(e=en,en=null,No=0,b&6)throw Error(P(331));var l=b;for(b|=4,I=e.current;I!==null;){var o=I,i=o.child;if(I.flags&16){var s=o.deletions;if(s!==null){for(var u=0;uEe()-Du?Pn(e,0):Mu|=n),Ye(e,t)}function Ad(e,t){t===0&&(e.mode&1?(t=Rl,Rl<<=1,!(Rl&130023424)&&(Rl=4194304)):t=1);var n=Ae();e=Bt(e,t),e!==null&&(yl(e,t,n),Ye(e,n))}function Zv(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),Ad(e,n)}function Jv(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,l=e.memoizedState;l!==null&&(n=l.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(P(314))}r!==null&&r.delete(t),Ad(e,n)}var Ud;Ud=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||Qe.current)We=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return We=!1,Fv(e,t,n);We=!!(e.flags&131072)}else We=!1,he&&t.flags&1048576&&Bf(t,go,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;bl(e,t),e=t.pendingProps;var l=dr(t,De.current);ir(t,n),l=Tu(null,t,r,e,l,n);var o=Ou();return t.flags|=1,typeof l=="object"&&l!==null&&typeof l.render=="function"&&l.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Ke(r)?(o=!0,ho(t)):o=!1,t.memoizedState=l.state!==null&&l.state!==void 0?l.state:null,Cu(t),l.updater=Wo,t.stateNode=l,l._reactInternals=t,Es(t,r,e,n),t=_s(null,t,r,!0,o,n)):(t.tag=0,he&&o&&yu(t),Fe(null,t,l,n),t=t.child),t;case 16:r=t.elementType;e:{switch(bl(e,t),e=t.pendingProps,l=r._init,r=l(r._payload),t.type=r,l=t.tag=bv(r),e=mt(r,e),l){case 0:t=Cs(null,t,r,e,n);break e;case 1:t=Jc(null,t,r,e,n);break e;case 11:t=Gc(null,t,r,e,n);break e;case 14:t=Zc(null,t,r,mt(r.type,e),n);break e}throw Error(P(306,r,""))}return t;case 0:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:mt(r,l),Cs(e,t,r,l,n);case 1:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:mt(r,l),Jc(e,t,r,l,n);case 3:e:{if(xd(t),e===null)throw Error(P(387));r=t.pendingProps,o=t.memoizedState,l=o.element,Yf(e,t),ko(t,r,null,n);var i=t.memoizedState;if(r=i.element,o.isDehydrated)if(o={element:r,isDehydrated:!1,cache:i.cache,pendingSuspenseBoundaries:i.pendingSuspenseBoundaries,transitions:i.transitions},t.updateQueue.baseState=o,t.memoizedState=o,t.flags&256){l=hr(Error(P(423)),t),t=qc(e,t,r,n,l);break e}else if(r!==l){l=hr(Error(P(424)),t),t=qc(e,t,r,n,l);break e}else for(Ge=on(t.stateNode.containerInfo.firstChild),Ze=t,he=!0,ht=null,n=Jf(t,null,r,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(pr(),r===l){t=Wt(e,t,n);break e}Fe(e,t,r,n)}t=t.child}return t;case 5:return qf(t),e===null&&ws(t),r=t.type,l=t.pendingProps,o=e!==null?e.memoizedProps:null,i=l.children,ms(r,l)?i=null:o!==null&&ms(r,o)&&(t.flags|=32),Ed(e,t),Fe(e,t,i,n),t.child;case 6:return e===null&&ws(t),null;case 13:return Cd(e,t,n);case 4:return _u(t,t.stateNode.containerInfo),r=t.pendingProps,e===null?t.child=mr(t,null,r,n):Fe(e,t,r,n),t.child;case 11:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:mt(r,l),Gc(e,t,r,l,n);case 7:return Fe(e,t,t.pendingProps,n),t.child;case 8:return Fe(e,t,t.pendingProps.children,n),t.child;case 12:return Fe(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,l=t.pendingProps,o=t.memoizedProps,i=l.value,ce(wo,r._currentValue),r._currentValue=i,o!==null)if(Et(o.value,i)){if(o.children===l.children&&!Qe.current){t=Wt(e,t,n);break e}}else for(o=t.child,o!==null&&(o.return=t);o!==null;){var s=o.dependencies;if(s!==null){i=o.child;for(var u=s.firstContext;u!==null;){if(u.context===r){if(o.tag===1){u=Ut(-1,n&-n),u.tag=2;var c=o.updateQueue;if(c!==null){c=c.shared;var p=c.pending;p===null?u.next=u:(u.next=p.next,p.next=u),c.pending=u}}o.lanes|=n,u=o.alternate,u!==null&&(u.lanes|=n),Ss(o.return,n,t),s.lanes|=n;break}u=u.next}}else if(o.tag===10)i=o.type===t.type?null:o.child;else if(o.tag===18){if(i=o.return,i===null)throw Error(P(341));i.lanes|=n,s=i.alternate,s!==null&&(s.lanes|=n),Ss(i,n,t),i=o.sibling}else i=o.child;if(i!==null)i.return=o;else for(i=o;i!==null;){if(i===t){i=null;break}if(o=i.sibling,o!==null){o.return=i.return,i=o;break}i=i.return}o=i}Fe(e,t,l.children,n),t=t.child}return t;case 9:return l=t.type,r=t.pendingProps.children,ir(t,n),l=ut(l),r=r(l),t.flags|=1,Fe(e,t,r,n),t.child;case 14:return r=t.type,l=mt(r,t.pendingProps),l=mt(r.type,l),Zc(e,t,r,l,n);case 15:return Sd(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:mt(r,l),bl(e,t),t.tag=1,Ke(r)?(e=!0,ho(t)):e=!1,ir(t,n),Gf(t,r,l),Es(t,r,l,n),_s(null,t,r,!0,e,n);case 19:return _d(e,t,n);case 22:return kd(e,t,n)}throw Error(P(156,t.tag))};function Hd(e,t){return pf(e,t)}function qv(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function it(e,t,n,r){return new qv(e,t,n,r)}function Uu(e){return e=e.prototype,!(!e||!e.isReactComponent)}function bv(e){if(typeof e=="function")return Uu(e)?1:0;if(e!=null){if(e=e.$$typeof,e===ou)return 11;if(e===iu)return 14}return 2}function an(e,t){var n=e.alternate;return n===null?(n=it(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function no(e,t,n,r,l,o){var i=2;if(r=e,typeof e=="function")Uu(e)&&(i=1);else if(typeof e=="string")i=5;else e:switch(e){case Bn:return Nn(n.children,l,o,t);case lu:i=8,l|=8;break;case Ki:return e=it(12,n,t,l|2),e.elementType=Ki,e.lanes=o,e;case Yi:return e=it(13,n,t,l),e.elementType=Yi,e.lanes=o,e;case Xi:return e=it(19,n,t,l),e.elementType=Xi,e.lanes=o,e;case Ga:return Xo(n,l,o,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case Ya:i=10;break e;case Xa:i=9;break e;case ou:i=11;break e;case iu:i=14;break e;case Xt:i=16,r=null;break e}throw Error(P(130,e==null?e:typeof e,""))}return t=it(i,n,t,l),t.elementType=e,t.type=r,t.lanes=o,t}function Nn(e,t,n,r){return e=it(7,e,r,t),e.lanes=n,e}function Xo(e,t,n,r){return e=it(22,e,r,t),e.elementType=Ga,e.lanes=n,e.stateNode={isHidden:!1},e}function Di(e,t,n){return e=it(6,e,null,t),e.lanes=n,e}function ji(e,t,n){return t=it(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function eh(e,t,n,r,l){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=yi(0),this.expirationTimes=yi(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=yi(0),this.identifierPrefix=r,this.onRecoverableError=l,this.mutableSourceEagerHydrationData=null}function Hu(e,t,n,r,l,o,i,s,u){return e=new eh(e,t,n,s,u),t===1?(t=1,o===!0&&(t|=8)):t=0,o=it(3,null,null,t),e.current=o,o.stateNode=e,o.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Cu(o),e}function th(e,t,n){var r=3"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(Qd)}catch(e){console.error(e)}}Qd(),Va.exports=qe;var ih=Va.exports,aa=ih;Wi.createRoot=aa.createRoot,Wi.hydrateRoot=aa.hydrateRoot;/*! - * OverlayScrollbars - * Version: 2.7.0 - * - * Copyright (c) Rene Haas | KingSora. - * https://github.com/KingSora - * - * Released under the MIT license. - */const gt=(e,t)=>{const{o:n,u:r,_:l}=e;let o=n,i;const s=(p,v)=>{const m=o,y=p,g=v||(r?!r(m,y):m!==y);return(g||l)&&(o=y,i=m),[o,g,i]};return[t?p=>s(t(o,i),p):s,p=>[o,!!p,i]]},Kd=typeof window<"u"&&typeof document<"u",at=Kd?window:{},ro=Math.max,sh=Math.min,js=Math.round,Yd=at.cancelAnimationFrame,Xd=at.requestAnimationFrame,Fs=at.setTimeout,As=at.clearTimeout,bo=e=>typeof at[e]<"u"?at[e]:void 0,uh=bo("MutationObserver"),fa=bo("IntersectionObserver"),Oo=bo("ResizeObserver"),Us=bo("ScrollTimeline"),Gd=Kd&&Node.ELEMENT_NODE,{toString:ch,hasOwnProperty:Fi}=Object.prototype,ah=/^\[object (.+)\]$/,kl=e=>e===void 0,ei=e=>e===null,fh=e=>kl(e)||ei(e)?`${e}`:ch.call(e).replace(ah,"$1").toLowerCase(),Rt=e=>typeof e=="number",ti=e=>typeof e=="string",Zd=e=>typeof e=="boolean",$t=e=>typeof e=="function",xt=e=>Array.isArray(e),ml=e=>typeof e=="object"&&!xt(e)&&!ei(e),ni=e=>{const t=!!e&&e.length,n=Rt(t)&&t>-1&&t%1==0;return xt(e)||!$t(e)&&n?t>0&&ml(e)?t-1 in e:!0:!1},Lo=e=>{if(!e||!ml(e)||fh(e)!=="object")return!1;let t;const n="constructor",r=e[n],l=r&&r.prototype,o=Fi.call(e,n),i=l&&Fi.call(l,"isPrototypeOf");if(r&&!o&&!i)return!1;for(t in e);return kl(t)||Fi.call(e,t)},Ro=e=>{const t=HTMLElement;return e?t?e instanceof t:e.nodeType===Gd:!1},ri=e=>{const t=Element;return e?t?e instanceof t:e.nodeType===Gd:!1};function ee(e,t){if(ni(e))for(let n=0;nt(e[n],n,e));return e}const li=(e,t)=>e.indexOf(t)>=0,Ft=(e,t)=>e.concat(t),fe=(e,t,n)=>(!n&&!ti(t)&&ni(t)?Array.prototype.push.apply(e,t):e.push(t),e),jn=e=>Array.from(e||[]),Jd=e=>xt(e)?e:[e],Hs=e=>!!e&&!e.length,da=e=>jn(new Set(e)),ft=(e,t,n)=>{ee(e,l=>l&&l.apply(void 0,t||[])),!n&&(e.length=0)},qd="paddingTop",bd="paddingRight",ep="paddingLeft",tp="paddingBottom",np="marginLeft",rp="marginRight",lp="marginBottom",oi="overflowX",ii="overflowY",gr="width",wr="height",Sr="hidden",op="visible",Qu=(e,t,n,r)=>{if(e&&t){let l=!0;return ee(n,o=>{const i=r?r(e[o]):e[o],s=r?r(t[o]):t[o];i!==s&&(l=!1)}),l}return!1},ip=(e,t)=>Qu(e,t,["w","h"]),sp=(e,t)=>Qu(e,t,["x","y"]),dh=(e,t)=>Qu(e,t,["t","r","b","l"]),kt=()=>{},B=(e,...t)=>e.bind(0,...t),er=e=>{let t;const n=e?Fs:Xd,r=e?As:Yd;return[l=>{r(t),t=n(l,$t(e)?e():e)},()=>r(t)]},up=(e,t)=>{let n,r,l,o=kt;const{v:i,p:s,S:u}=t||{},c=function(g){o(),As(n),n=r=void 0,o=kt,e.apply(this,g)},p=y=>u&&r?u(r,y):y,v=()=>{o!==kt&&c(p(l)||l)},m=function(){const g=jn(arguments),w=$t(i)?i():i;if(Rt(w)&&w>=0){const f=$t(s)?s():s,a=Rt(f)&&f>=0,d=w>0?Fs:Xd,h=w>0?As:Yd,k=p(g)||g,x=c.bind(0,k);o();const C=d(x,w);o=()=>h(C),a&&!n&&(n=Fs(v,f)),r=l=k}else c(g)};return m.m=v,m},cp=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),pn=e=>e?Object.keys(e):[],q=(e,t,n,r,l,o,i)=>{const s=[t,n,r,l,o,i];return(typeof e!="object"||ei(e))&&!$t(e)&&(e={}),ee(s,u=>{ee(u,(c,p)=>{const v=u[p];if(e===v)return!0;const m=xt(v);if(v&&Lo(v)){const y=e[p];let g=y;m&&!xt(y)?g=[]:!m&&!Lo(y)&&(g={}),e[p]=q(g,v)}else e[p]=m?v.slice():v})}),e},ap=(e,t)=>ee(q({},e),(n,r,l)=>{n===void 0?delete l[r]:t&&n&&Lo(n)&&(l[r]=ap(n,t))}),Ku=e=>{for(const t in e)return!1;return!0},Vs=(e,t,n)=>ro(e,sh(t,n)),zn=e=>jn(new Set((xt(e)?e:(e||"").split(" ")).filter(t=>t))),si=(e,t)=>e&&e.getAttribute(t),yt=(e,t,n)=>{ee(zn(t),r=>{e&&e.setAttribute(r,n||"")})},zt=(e,t)=>{ee(zn(t),n=>e&&e.removeAttribute(n))},ui=(e,t)=>{const n=zn(si(e,t)),r=B(yt,e,t),l=(o,i)=>{const s=new Set(n);return ee(zn(o),u=>s[i](u)),jn(s).join(" ")};return{O:o=>r(l(o,"delete")),$:o=>r(l(o,"add")),C:o=>{const i=zn(o);return i.reduce((s,u)=>s&&n.includes(u),i.length>0)}}},fp=(e,t,n)=>{ui(e,t).O(n)},vl=(e,t,n)=>(ui(e,t).$(n),B(fp,e,t,n)),lo=(e,t,n,r)=>{(r?vl:fp)(e,t,n)},ph=(e,t,n)=>ui(e,t).C(n),dp=e=>ui(e,"class"),Yu=(e,t)=>{dp(e).O(t)},$o=(e,t)=>(dp(e).$(t),B(Yu,e,t)),pp=(e,t)=>{const n=[],r=t?ri(t)&&t:document;return r?fe(n,r.querySelectorAll(e)):n},mh=(e,t)=>{const n=t?ri(t)&&t:document;return n?n.querySelector(e):null},Io=(e,t)=>ri(e)?e.matches(t):!1,mp=e=>Io(e,"body"),Bs=e=>e?jn(e.childNodes):[],kr=e=>e&&e.parentElement,tr=(e,t)=>ri(e)&&e.closest(t),vh=(e,t,n)=>{const r=tr(e,t),l=e&&mh(n,r),o=tr(l,t)===r;return r&&l?r===e||l===e||o&&tr(tr(e,n),t)!==r:!1},mn=e=>{if(ni(e))ee(jn(e),t=>mn(t));else if(e){const t=kr(e);t&&t.removeChild(e)}},vp=(e,t,n)=>{if(n&&e){let r=t,l;return ni(n)?(l=document.createDocumentFragment(),ee(n,o=>{o===r&&(r=o.previousSibling),l.appendChild(o)})):l=n,t&&(r?r!==t&&(r=r.nextSibling):r=e.firstChild),e.insertBefore(l,r||null),()=>mn(n)}return kt},ot=(e,t)=>vp(e,null,t),pa=(e,t)=>vp(kr(e),e&&e.nextSibling,t),ur=e=>{const t=document.createElement("div");return yt(t,"class",e),t},hp=e=>{const t=ur();return t.innerHTML=e.trim(),ee(Bs(t),n=>mn(n))},hh=/^--/,ma=(e,t)=>e.getPropertyValue(t)||e[t]||"",Xu=e=>{const t=e||0;return isFinite(t)?t:0},Wl=e=>Xu(parseFloat(e||"")),va=e=>`${(Xu(e)*100).toFixed(3)}%`,Ws=e=>`${Xu(e)}px`;function Er(e,t){e&&ee(t,(n,r)=>{try{const l=e.style,o=Rt(n)?Ws(n):(n||"")+"";hh.test(r)?l.setProperty(r,o):l[r]=o}catch{}})}function In(e,t,n){const r=ti(t);let l=r?"":{};if(e){const o=at.getComputedStyle(e,n)||e.style;l=r?ma(o,t):t.reduce((i,s)=>(i[s]=ma(o,s),i),l)}return l}const tn=e=>In(e,"direction")==="rtl",ha=(e,t,n)=>{const r=t?`${t}-`:"",l=n?`-${n}`:"",o=`${r}top${l}`,i=`${r}right${l}`,s=`${r}bottom${l}`,u=`${r}left${l}`,c=In(e,[o,i,s,u]);return{t:Wl(c[o]),r:Wl(c[i]),b:Wl(c[s]),l:Wl(c[u])}},Ai=(e,t)=>`translate${ml(e)?`(${e.x},${e.y})`:`${t?"X":"Y"}(${e})`}`,yh={w:0,h:0},ci=(e,t)=>t?{w:t[`${e}Width`],h:t[`${e}Height`]}:yh,gh=e=>ci("inner",e||at),Zr=B(ci,"offset"),yp=B(ci,"client"),Qs=B(ci,"scroll"),Gu=e=>{const t=parseFloat(In(e,gr))||0,n=parseFloat(In(e,wr))||0;return{w:t-js(t),h:n-js(n)}},cr=e=>e.getBoundingClientRect(),Ks=e=>!!(e&&(e[wr]||e[gr])),gp=(e,t)=>{const n=Ks(e);return!Ks(t)&&n},ya=(e,t,n,r)=>{ee(zn(t),l=>{e.removeEventListener(l,n,r)})},ve=(e,t,n,r)=>{var l;const o=(l=r&&r.H)!=null?l:!0,i=r&&r.I||!1,s=r&&r.A||!1,u={passive:o,capture:i};return B(ft,zn(t).map(c=>{const p=s?v=>{ya(e,c,p,i),n(v)}:n;return e.addEventListener(c,p,u),B(ya,e,c,p,i)}))},Zu=e=>e.stopPropagation(),ga=e=>e.preventDefault(),wh={x:0,y:0},Ui=e=>{const t=e&&cr(e);return t?{x:t.left+at.scrollX,y:t.top+at.scrollY}:wh},Mo=(e,t,n)=>n?n.n?-e+0:n.i?t-e:e:e,wa=(e,t)=>[Mo(0,e,t),Mo(e,e,t)],Sa=(e,t,n)=>Vs(0,1,Mo(e,t,n)/t||0),vn=(e,t)=>{const{x:n,y:r}=Rt(t)?{x:t,y:t}:t||{};Rt(n)&&(e.scrollLeft=n),Rt(r)&&(e.scrollTop=r)},xr=e=>({x:e.scrollLeft,y:e.scrollTop}),ka=(e,t)=>{ee(Jd(t),e)},Ys=e=>{const t=new Map,n=(o,i)=>{if(o){const s=t.get(o);ka(u=>{s&&s[u?"delete":"clear"](u)},i)}else t.forEach(s=>{s.clear()}),t.clear()},r=(o,i)=>{if(ti(o)){const c=t.get(o)||new Set;return t.set(o,c),ka(p=>{$t(p)&&c.add(p)},i),B(n,o,i)}Zd(i)&&i&&n();const s=pn(o),u=[];return ee(s,c=>{const p=o[c];p&&fe(u,r(c,p))}),B(ft,u)},l=(o,i)=>{ee(jn(t.get(o)),s=>{i&&!Hs(i)?s.apply(0,i):s()})};return r(e||{}),[r,n,l]},Ea=e=>JSON.stringify(e,(t,n)=>{if($t(n))throw 0;return n}),xa=(e,t)=>e?`${t}`.split(".").reduce((n,r)=>n&&cp(n,r)?n[r]:void 0,e):void 0,Sh={paddingAbsolute:!1,showNativeOverlaidScrollbars:!1,update:{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,autoHideSuspend:!1,dragScroll:!0,clickScroll:!1,pointers:["mouse","touch","pen"]}},wp=(e,t)=>{const n={},r=Ft(pn(t),pn(e));return ee(r,l=>{const o=e[l],i=t[l];if(ml(o)&&ml(i))q(n[l]={},wp(o,i)),Ku(n[l])&&delete n[l];else if(cp(t,l)&&i!==o){let s=!0;if(xt(o)||xt(i))try{Ea(o)===Ea(i)&&(s=!1)}catch{}s&&(n[l]=i)}}),n},Ca=(e,t,n)=>r=>[xa(e,r),n||xa(t,r)!==void 0],El="data-overlayscrollbars",Sp="os-environment",kh=`${Sp}-scrollbar-hidden`,Hi=`${El}-initialize`,lt=El,kp=`${lt}-overflow-x`,Ep=`${lt}-overflow-y`,xp="overflowVisible",Eh="scrollbarPressed",Xs="updating",xh="body",Zt=`${El}-viewport`,Ch="arrange",Cp="scrollbarHidden",ar=xp,Gs=`${El}-padding`,_h=ar,_a=`${El}-content`,Ju="os-size-observer",Ph=`${Ju}-appear`,Nh=`${Ju}-listener`,zh="os-trinsic-observer",Th="os-theme-none",et="os-scrollbar",Oh=`${et}-rtl`,Lh=`${et}-horizontal`,Rh=`${et}-vertical`,_p=`${et}-track`,qu=`${et}-handle`,$h=`${et}-visible`,Ih=`${et}-cornerless`,Pa=`${et}-interaction`,Na=`${et}-unusable`,Zs=`${et}-auto-hide`,za=`${Zs}-hidden`,Ta=`${et}-wheel`,Mh=`${_p}-interactive`,Dh=`${qu}-interactive`,Pp={},Np={},jh=e=>{ee(e,t=>ee(t,(n,r)=>{Pp[r]=t[r]}))},zp=(e,t,n)=>pn(e).map(r=>{const{static:l,instance:o}=e[r],[i,s,u]=n||[],c=n?o:l;if(c){const p=n?c(i,s,t):c(t);return(u||Np)[r]=p}}),Nr=e=>Np[e],Fh="__osOptionsValidationPlugin",Ah="__osSizeObserverPlugin",Uh=(e,t)=>{const{T:n}=t,[r,l]=e("showNativeOverlaidScrollbars");return[r&&n.x&&n.y,l]},Do=e=>e.indexOf(op)===0,Tp=(e,t)=>{const{D:n}=e,r=u=>{const c=In(n,u),v=(t?t[u]:c)==="scroll";return[c,v]},[l,o]=r(oi),[i,s]=r(ii);return{k:{x:l,y:i},R:{x:o,y:s}}},Hh=(e,t,n,r)=>{const l=t.x||t.y,o=(p,v)=>{const m=Do(p),y=m&&l?"hidden":"",g=v&&m&&p.replace(`${op}-`,"")||y;return[v&&!m?p:"",Do(g)?"hidden":g]},[i,s]=o(n.x,t.x),[u,c]=o(n.y,t.y);return r[oi]=s&&u?s:i,r[ii]=c&&i?c:u,Tp(e,r)},bu="__osScrollbarsHidingPlugin",Vh="__osClickScrollPlugin";let Vi;const Bh=()=>{const e=(d,h,S,k)=>{ot(d,h);const x=yp(h),C=Zr(h),M=Gu(S);return k&&mn(h),{x:C.h-x.h+M.h,y:C.w-x.w+M.w}},t=d=>{let h=!1;const S=$o(d,kh);try{h=In(d,"scrollbar-width")==="none"||In(d,"display","::-webkit-scrollbar")==="none"}catch{}return S(),h},n=(d,h)=>{Er(d,{[oi]:Sr,[ii]:Sr,direction:"rtl"}),vn(d,{x:0});const S=Ui(d),k=Ui(h);vn(d,{x:-999});const x=Ui(h);return{i:S.x===k.x,n:k.x!==x.x}},{body:r}=document,o=hp(`
`)[0],i=o.firstChild,[s,,u]=Ys(),[c,p]=gt({o:e(r,o,i),u:sp},B(e,r,o,i,!0)),[v]=p(),m=t(o),y={x:v.x===0,y:v.y===0},g={elements:{host:null,padding:!m,viewport:d=>m&&mp(d)&&d,content:!1},scrollbars:{slot:!0},cancel:{nativeScrollbarsOverlaid:!1,body:null}},w=q({},Sh),R=B(q,{},w),f=B(q,{},g),a={P:v,T:y,L:m,J:!!Us,K:n(o,i),Z:B(s,"r"),G:f,tt:d=>q(g,d)&&f(),nt:R,ot:d=>q(w,d)&&R(),st:q({},g),et:q({},w)};return zt(o,"style"),mn(o),at.addEventListener("resize",()=>{let d;if(!m&&(!y.x||!y.y)){const h=Nr(bu);d=!!(h?h.Y():kt)(a,c)}u("r",[d])}),a},dt=()=>(Vi||(Vi=Bh()),Vi),Op=(e,t)=>$t(t)?t.apply(0,e):t,Wh=(e,t,n,r)=>{const l=kl(r)?n:r;return Op(e,l)||t.apply(0,e)},Lp=(e,t,n,r)=>{const l=kl(r)?n:r,o=Op(e,l);return!!o&&(Ro(o)?o:t.apply(0,e))},Qh=(e,t)=>{const{nativeScrollbarsOverlaid:n,body:r}=t||{},{T:l,L:o,G:i}=dt(),{nativeScrollbarsOverlaid:s,body:u}=i().cancel,c=n??s,p=kl(r)?u:r,v=(l.x||l.y)&&c,m=e&&(ei(p)?!o:p);return!!v||!!m},ec=new WeakMap,Kh=(e,t)=>{ec.set(e,t)},Yh=e=>{ec.delete(e)},Rp=e=>ec.get(e),Xh=(e,t,n)=>{let r=!1;const l=n?new WeakMap:!1,o=()=>{r=!0},i=s=>{if(l&&n){const u=n.map(c=>{const[p,v]=c||[];return[v&&p?(s||pp)(p,e):[],v]});ee(u,c=>ee(c[0],p=>{const v=c[1],m=l.get(p)||[];if(e.contains(p)&&v){const g=ve(p,v,w=>{r?(g(),l.delete(p)):t(w)});l.set(p,fe(m,g))}else ft(m),l.delete(p)}))}};return i(),[o,i]},Oa=(e,t,n,r)=>{let l=!1;const{ct:o,rt:i,lt:s,it:u,ut:c,ft:p}=r||{},v=up(()=>l&&n(!0),{v:33,p:99}),[m,y]=Xh(e,v,s),g=o||[],w=i||[],R=Ft(g,w),f=(d,h)=>{if(!Hs(h)){const S=c||kt,k=p||kt,x=[],C=[];let M=!1,_=!1;if(ee(h,$=>{const{attributeName:F,target:D,type:H,oldValue:W,addedNodes:te,removedNodes:K}=$,E=H==="attributes",j=H==="childList",N=e===D,V=E&&F,Q=V&&si(D,F||"")||null,oe=V&&W!==Q,G=li(w,F)&&oe;if(t&&(j||!N)){const pe=E&&oe,ie=pe&&u&&Io(D,u),T=(ie?!S(D,F,W,Q):!E||pe)&&!k($,!!ie,e,r);ee(te,O=>fe(x,O)),ee(K,O=>fe(x,O)),_=_||T}!t&&N&&oe&&!S(D,F,W,Q)&&(fe(C,F),M=M||G)}),y($=>da(x).reduce((F,D)=>(fe(F,pp($,D)),Io(D,$)?fe(F,D):F),[])),t)return!d&&_&&n(!1),[!1];if(!Hs(C)||M){const $=[da(C),M];return!d&&n.apply(0,$),$}}},a=new uh(B(f,!1));return[()=>(a.observe(e,{attributes:!0,attributeOldValue:!0,attributeFilter:R,subtree:t,childList:t,characterData:t}),l=!0,()=>{l&&(m(),a.disconnect(),l=!1)}),()=>{if(l)return v.m(),f(!0,a.takeRecords())}]},$p=(e,t,n)=>{const{dt:l,_t:o}=n||{},i=Nr(Ah),{K:s}=dt(),u=B(tn,e),[c]=gt({o:!1,_:!0});return()=>{const p=[],m=hp(`
`)[0],y=m.firstChild,g=w=>{const R=w instanceof ResizeObserverEntry,f=!R&&xt(w);let a=!1,d=!1,h=!0;if(R){const[S,,k]=c(w.contentRect),x=Ks(S),C=gp(S,k);d=!k||C,a=!d&&!x,h=!a}else f?[,h]=w:d=w===!0;if(l&&h){const S=f?w[0]:tn(m);vn(m,{x:Mo(3333333,3333333,S&&s),y:3333333})}a||t({vt:f?w:void 0,ht:!f,_t:d})};if(Oo){const w=new Oo(R=>g(R.pop()));w.observe(y),fe(p,()=>{w.disconnect()})}else if(i){const[w,R]=i(y,g,o);fe(p,Ft([$o(m,Ph),ve(m,"animationstart",w)],R))}else return kt;if(l){const[w]=gt({o:void 0},u);fe(p,ve(m,"scroll",R=>{const f=w(),[a,d,h]=f;d&&(Yu(y,"ltr rtl"),$o(y,a?"rtl":"ltr"),g([!!a,d,h])),Zu(R)}))}return B(ft,fe(p,ot(e,m)))}},Gh=(e,t)=>{let n;const r=u=>u.h===0||u.isIntersecting||u.intersectionRatio>0,l=ur(zh),[o]=gt({o:!1}),i=(u,c)=>{if(u){const p=o(r(u)),[,v]=p;return v&&!c&&t(p)&&[p]}},s=(u,c)=>i(c.pop(),u);return[()=>{const u=[];if(fa)n=new fa(B(s,!1),{root:e}),n.observe(l),fe(u,()=>{n.disconnect()});else{const c=()=>{const p=Zr(l);i(p)};fe(u,$p(l,c)()),c()}return B(ft,fe(u,ot(e,l)))},()=>n&&s(!0,n.takeRecords())]},Zh=(e,t,n,r)=>{let l,o,i,s,u,c;const{L:p}=dt(),v=`[${lt}]`,m=`[${Zt}]`,y=["tabindex"],g=["wrap","cols","rows"],w=["id","class","style","open"],{gt:R,bt:f,D:a,wt:d,St:h,V:S,yt:k,Ot:x}=e,C={$t:!1,N:tn(R)},M=dt(),_=Nr(bu),[$]=gt({u:ip,o:{w:0,h:0}},()=>{const z=_&&_.M(e,t,C,M,n).W,T=k(ar),O=!S&&k(Ch),L=O&&xr(a);x(ar),S&&x(Xs,!0);const A=O&&z&&z()[0],U=Qs(d),J=Qs(a),Z=Gu(a);return x(ar,T),S&&x(Xs),A&&A(),vn(a,L),{w:J.w+U.w+Z.w,h:J.h+U.h+Z.h}}),F=h?g:Ft(w,g),D=up(r,{v:()=>l,p:()=>o,S(z,T){const[O]=z,[L]=T;return[Ft(pn(O),pn(L)).reduce((A,U)=>(A[U]=O[U]||L[U],A),{})]}}),H=z=>{if(S){const T=tn(R);q(z,{Ct:c!==T}),q(C,{N:T}),c=T}},W=z=>{ee(z||y,T=>{if(li(y,T)){const O=si(f,T);ti(O)?yt(a,T,O):zt(a,T)}})},te=(z,T)=>{const[O,L]=z,A={xt:L};return q(C,{$t:O}),!T&&r(A),A},K=({ht:z,vt:T,_t:O})=>{const A=!(z&&!O&&!T)&&p?D:r,[U,J]=T||[],Z={ht:z||O,_t:O,Ct:J};H(Z),T&&q(C,{N:U}),A(Z)},E=(z,T)=>{const[,O]=$(),L={Ht:O};return H(L),O&&!T&&(z?r:D)(L),L},j=(z,T,O)=>{const L={zt:T};return H(L),T&&!O?D(L):S||W(z),L},{Z:N}=M,[V,Q]=d?Gh(f,te):[],oe=!S&&$p(f,K,{_t:!0,dt:!0}),[G,pe]=Oa(f,!1,j,{rt:w,ct:Ft(w,y)}),ie=S&&Oo&&new Oo(z=>{const T=z[z.length-1].contentRect;K({ht:!0,_t:gp(T,u)}),u=T});return[()=>{W(),ie&&ie.observe(f);const z=oe&&oe(),T=V&&V(),O=G(),L=N(A=>{const[,U]=$();D({It:A,Ht:U})});return()=>{ie&&ie.disconnect(),z&&z(),T&&T(),s&&s(),O(),L()}},({Et:z,At:T,Tt:O})=>{const L={},[A]=z("update.ignoreMutation"),[U,J]=z("update.attributes"),[Z,me]=z("update.elementEvents"),[ye,Ve]=z("update.debounce"),Y=me||J,ne=T||O,tt=Pe=>$t(A)&&A(Pe);if(Y){i&&i(),s&&s();const[Pe,ue]=Oa(d||a,!0,E,{ct:Ft(F,U||[]),lt:Z,it:v,ft:(Te,je)=>{const{target:Ct,attributeName:xl}=Te;return(!je&&xl&&!S?vh(Ct,v,m):!1)||!!tr(Ct,`.${et}`)||!!tt(Te)}});s=Pe(),i=ue}if(Ve)if(D.m(),xt(ye)){const Pe=ye[0],ue=ye[1];l=Rt(Pe)&&Pe,o=Rt(ue)&&ue}else Rt(ye)?(l=ye,o=!1):(l=!1,o=!1);if(ne){const Pe=pe(),ue=Q&&Q(),Te=i&&i();Pe&&q(L,j(Pe[0],Pe[1],ne)),ue&&q(L,te(ue[0],ne)),Te&&q(L,E(Te[0],ne))}return H(L),L},C]},Jh=(e,t,n,r)=>{const{G:l,K:o}=dt(),{scrollbars:i}=l(),{slot:s}=i,{gt:u,bt:c,D:p,Dt:v,kt:m,Rt:y,V:g}=t,{scrollbars:w}=v?{}:e,{slot:R}=w||{},f=new Map,a=z=>Us&&new Us({source:m,axis:z}),d=a("x"),h=a("y"),S=Lp([u,c,p],()=>g&&y?u:c,s,R),k=(z,T)=>{if(T){const Z=z?gr:wr,{Mt:me,Vt:ye}=T,Ve=cr(ye)[Z],Y=cr(me)[Z];return Vs(0,1,Ve/Y||0)}const O=z?"x":"y",{Lt:L,Pt:A}=n,U=A[O],J=L[O];return Vs(0,1,U/(U+J)||0)},x=(z,T,O,L)=>{const A=k(O,z);return 1/A*(1-A)*(L?1-T:T)||0},C=(z,T)=>q(z,T?{clear:["left"]}:{}),M=z=>{f.forEach((T,O)=>{(z?li(Jd(z),O):!0)&&(ee(T||[],A=>{A&&A.cancel()}),f.delete(O))})},_=(z,T,O,L)=>{const A=f.get(z)||[],U=A.find(J=>J&&J.timeline===T);U?U.effect=new KeyframeEffect(z,O,{composite:L}):f.set(z,Ft(A,[z.animate(O,{timeline:T,composite:L})]))},$=(z,T,O)=>{const L=O?$o:Yu;ee(z,A=>{L(A.Ut,T)})},F=(z,T)=>{ee(z,O=>{const[L,A]=T(O);Er(L,A)})},D=(z,T)=>{F(z,O=>{const{Vt:L}=O;return[L,{[T?gr:wr]:va(k(T))}]})},H=(z,T)=>{const{Lt:O}=n,L=T?O.x:O.y,A=(U,J,Z)=>Ai(va(x(U,Sa(J,L,Z),T,Z)),T);if(d&&h)ee(z,U=>{const{Ut:J,Vt:Z}=U,me=T&&tn(J)&&o;_(Z,T?d:h,C({transform:wa(L,me).map(ye=>A(U,ye,me))},me))});else{const U=xr(m);F(z,J=>{const{Vt:Z,Ut:me}=J;return[Z,{transform:A(J,T?U.x:U.y,T&&tn(me)&&o)}]})}},W=z=>g&&!y&&kr(z)===p,te=[],K=[],E=[],j=(z,T,O)=>{const L=Zd(O),A=L?O:!0,U=L?!O:!0;A&&$(K,z,T),U&&$(E,z,T)},N=()=>{D(K,!0),D(E)},V=()=>{H(K,!0),H(E)},Q=()=>{if(g){const{Lt:z}=n,T=.5;if(d&&h)ee(Ft(E,K),({Ut:O})=>{if(W(O)){const L=(A,U,J)=>{const Z=J&&tn(O)&&o;_(O,A,C({transform:wa(U-T,Z).map(me=>Ai(Ws(me),J))},Z),"add")};L(d,z.x,!0),L(h,z.y)}else M(O)});else{const O=xr(m),L=A=>{const{Ut:U}=A,J=W(U)&&U,Z=(me,ye,Ve)=>{const Y=Sa(me,ye,Ve),ne=ye*Y;return Ws(Ve?-ne:ne)};return[J,{transform:J?Ai({x:Z(O.x,z.x,tn(U)&&o),y:Z(O.y,z.y)}):""}]};F(K,L),F(E,L)}}},oe=z=>{const O=ur(`${et} ${z?Lh:Rh}`),L=ur(_p),A=ur(qu),U={Ut:O,Mt:L,Vt:A};return fe(z?K:E,U),fe(te,[ot(O,L),ot(L,A),B(mn,O),M,r(U,j,H,z)]),U},G=B(oe,!0),pe=B(oe,!1),ie=()=>(ot(S,K[0].Ut),ot(S,E[0].Ut),B(ft,te));return G(),pe(),[{Bt:N,Nt:V,jt:Q,Ft:j,qt:{J:d,Wt:K,Xt:G,Yt:B(F,K)},Jt:{J:h,Wt:E,Xt:pe,Yt:B(F,E)}},ie]},qh=(e,t,n,r)=>{const{bt:l,kt:o,Kt:i}=t;return(s,u,c,p)=>{const{Ut:v,Mt:m,Vt:y}=s,[g,w]=er(333),[R,f]=er(),a=B(c,[s],p),d=!!o.scrollBy,h=`client${p?"X":"Y"}`,S=p?gr:wr,k=p?"left":"top",x=p?"w":"h",C=p?"x":"y",M=F=>F.propertyName.indexOf(S)>-1,_=()=>{const F="pointerup pointerleave pointercancel lostpointercapture",D=(H,W)=>te=>{const{Lt:K}=n,E=Zr(m)[x]-Zr(y)[x],N=W*te/E*K[C];vn(o,{[C]:H+N})};return ve(m,"pointerdown",H=>{const W=tr(H.target,`.${qu}`)===y,te=W?y:m,K=e.scrollbars,{button:E,isPrimary:j,pointerType:N}=H,{pointers:V}=K;if(E===0&&j&&K[W?"dragScroll":"clickScroll"]&&(V||[]).includes(N)){const oe=!W&&H.shiftKey,G=B(cr,y),pe=B(cr,m),ie=(ne,tt)=>(ne||G())[k]-(tt||pe())[k],z=js(cr(o)[S])/Zr(o)[x]||1,T=D(xr(o)[C]||0,1/z),O=H[h],L=G(),A=pe(),U=L[S],J=ie(L,A)+U/2,Z=O-A[k],me=W?0:Z-J,ye=ne=>{ft(Y),te.releasePointerCapture(ne.pointerId)},Y=[vl(l,lt,Eh),ve(i,F,ye),ve(i,"selectstart",ne=>ga(ne),{H:!1}),ve(m,F,ye),ve(m,"pointermove",ne=>{const tt=ne[h]-O;(W||oe)&&T(me+tt)})];if(te.setPointerCapture(H.pointerId),oe)T(me);else if(!W){const ne=Nr(Vh);ne&&fe(Y,ne(T,ie,me,U,Z))}}})};let $=!0;return B(ft,[ve(v,"pointerenter",()=>{u(Pa,!0)}),ve(v,"pointerleave pointercancel",()=>{u(Pa,!1)}),ve(v,"wheel",F=>{const{deltaX:D,deltaY:H,deltaMode:W}=F;d&&$&&W===0&&kr(v)===l&&o.scrollBy({left:D,top:H,behavior:"smooth"}),$=!1,u(Ta,!0),g(()=>{$=!0,u(Ta)}),ga(F)},{H:!1,I:!0}),ve(y,"pointermove pointerleave",r),ve(y,"transitionstart",F=>{if(M(F)){const D=()=>{a(),R(D)};D()}}),ve(y,"transitionend transitioncancel",F=>{M(F)&&(f(),a())}),ve(v,"mousedown",B(ve,i,"click",Zu,{A:!0,I:!0}),{I:!0}),_(),w,f])}},bh=(e,t,n,r,l,o)=>{let i,s,u,c,p=kt,v=0;const m=()=>!u&&!s,y=N=>N.pointerType==="mouse",[g,w]=er(),[R,f]=er(100),[a,d]=er(100),[h,S]=er(()=>v),[k,x]=Jh(e,l,r,qh(t,l,r,N=>y(N)&&m()&&te())),{bt:C,Zt:M,Rt:_}=l,{Ft:$,Bt:F,Nt:D,jt:H}=k,W=(N,V)=>{if(S(),N)$(za);else{const Q=B($,za,!0);v>0&&!V?h(Q):Q()}},te=()=>{W(!0),R(()=>{W(!1)})},K=N=>{$(Zs,N,!0),$(Zs,N,!1)},E=N=>{y(N)&&s&&W(!0)},j=[S,f,d,w,()=>p(),ve(C,"pointerover",E,{A:!0}),ve(C,"pointerenter",E),ve(C,"pointerleave",N=>{y(N)&&s&&W(!1)}),ve(C,"pointermove",N=>{y(N)&&i&&te()}),ve(M,"scroll",N=>{g(()=>{D(),m()&&te()}),o(N),H()})];return[()=>B(ft,fe(j,x())),({Et:N,Tt:V,Gt:Q,Qt:oe})=>{const{tn:G,nn:pe,sn:ie}=oe||{},{Ct:z,_t:T}=Q||{},{N:O}=n,{T:L}=dt(),{k:A,en:U}=r,[J,Z]=N("showNativeOverlaidScrollbars"),[me,ye]=N("scrollbars.theme"),[Ve,Y]=N("scrollbars.visibility"),[ne,tt]=N("scrollbars.autoHide"),[Pe,ue]=N("scrollbars.autoHideSuspend"),[Te]=N("scrollbars.autoHideDelay"),[je,Ct]=N("scrollbars.dragScroll"),[xl,Cl]=N("scrollbars.clickScroll"),[_l,_t]=N("overflow"),wn=T&&!V,Sn=U.x||U.y,ai=G||pe||z||V,Kt=ie||Y||_t,fi=J&&L.x&&L.y,Fn=(An,Un,zr)=>{const Pl=An.includes("scroll")&&(Ve==="visible"||Ve==="auto"&&Un==="scroll");return $($h,Pl,zr),Pl};if(v=Te,wn&&(Pe&&Sn?(K(!1),p(),a(()=>{p=ve(M,"scroll",B(K,!0),{A:!0})})):K(!0)),Z&&$(Th,fi),ye&&($(c),$(me,!0),c=me),ue&&!Pe&&K(!0),tt&&(i=ne==="move",s=ne==="leave",u=ne==="never",W(u,!0)),Ct&&$(Dh,je),Cl&&$(Mh,xl),Kt){const An=Fn(_l.x,A.x,!0),Un=Fn(_l.y,A.y,!1);$(Ih,!(An&&Un))}ai&&(F(),D(),H(),$(Na,!U.x,!0),$(Na,!U.y,!1),$(Oh,O&&!_))},{},k]},e0=e=>{const t=dt(),{G:n,L:r}=t,{elements:l}=n(),{host:o,padding:i,viewport:s,content:u}=l,c=Ro(e),p=c?{}:e,{elements:v}=p,{host:m,padding:y,viewport:g,content:w}=v||{},R=c?e:p.target,f=mp(R),a=Io(R,"textarea"),d=R.ownerDocument,h=d.documentElement,S=d.defaultView,k=()=>d.activeElement,x=Y=>{Y&&Y.focus&&Y.focus()},C=B(Wh,[R]),M=B(Lp,[R]),_=B(ur,""),$=B(C,_,s),F=B(M,_,u),D=$(g),H=D===R,W=H&&f,te=!H&&F(w),K=!H&&D===te,E=W?h:D,j=a?C(_,o,m):R,N=W?E:j,V=!H&&M(_,i,y),Q=!K&&te,oe=[Q,E,V,N].map(Y=>Ro(Y)&&!kr(Y)&&Y),G=Y=>Y&&li(oe,Y),pe=G(E)?R:E,ie={gt:R,bt:N,D:E,cn:V,wt:Q,kt:W?h:E,Zt:W?d:E,rn:f?h:pe,ln:S,Kt:d,St:a,Rt:f,Dt:c,V:H,yt:Y=>ph(E,H?lt:Zt,Y),Ot:(Y,ne)=>lo(E,H?lt:Zt,Y,ne)},{gt:z,bt:T,cn:O,D:L,wt:A}=ie,U=[()=>{zt(T,[lt,Hi]),zt(z,Hi),f&&zt(h,[Hi,lt])}],J=a&&G(T);let Z=a?z:Bs([A,L,O,T,z].find(Y=>Y&&!G(Y)));const me=W?z:A||L,ye=B(ft,U);return[ie,()=>{const Y=k(),ne=ue=>{ot(kr(ue),Bs(ue)),mn(ue)},tt=ue=>ue?ve(ue,"focusin focusout focus blur",Te=>{Zu(Te),Te.stopImmediatePropagation()},{I:!0,H:!1}):kt,Pe=tt(Y);if(yt(T,lt,H?"viewport":"host"),yt(O,Gs,""),yt(A,_a,""),H||(yt(L,Zt,""),f&&vl(h,lt,xh)),J&&(pa(z,T),fe(U,()=>{pa(T,z),mn(T)})),ot(me,Z),ot(T,O),ot(O||T,!H&&L),ot(L,A),fe(U,[Pe,()=>{const ue=k(),Te=tt(ue);zt(O,Gs),zt(A,_a),zt(L,[kp,Ep,Zt]),G(A)&&ne(A),G(L)&&ne(L),G(O)&&ne(O),x(ue),Te()}]),r&&!H&&(vl(L,Zt,Cp),fe(U,B(zt,L,Zt))),!H&&S.top===S&&Y===R){const ue="tabindex",Te=si(L,ue);yt(L,ue,"-1"),x(L);const je=()=>Te?yt(L,ue,Te):zt(L,ue),Ct=ve(d,"pointerdown keydown",()=>{je(),Ct()});fe(U,[je,Ct])}else x(Y);return Pe(),Z=0,ye},ye]},t0=({wt:e})=>({Gt:t,an:n,Tt:r})=>{const{xt:l}=t||{},{$t:o}=n;e&&(l||r)&&Er(e,{[wr]:o&&"100%"})},n0=({bt:e,cn:t,D:n,V:r},l)=>{const[o,i]=gt({u:dh,o:ha()},B(ha,e,"padding",""));return({Et:s,Gt:u,an:c,Tt:p})=>{let[v,m]=i(p);const{L:y}=dt(),{ht:g,Ht:w,Ct:R}=u||{},{N:f}=c,[a,d]=s("paddingAbsolute");(g||m||(p||w))&&([v,m]=o(p));const S=!r&&(d||R||m);if(S){const k=!a||!t&&!y,x=v.r+v.l,C=v.t+v.b,M={[rp]:k&&!f?-x:0,[lp]:k?-C:0,[np]:k&&f?-x:0,top:k?-v.t:0,right:k?f?-v.r:"auto":0,left:k?f?"auto":-v.l:0,[gr]:k&&`calc(100% + ${x}px)`},_={[qd]:k?v.t:0,[bd]:k?v.r:0,[tp]:k?v.b:0,[ep]:k?v.l:0};Er(t||n,M),Er(n,_),q(l,{cn:v,un:!k,j:t?_:q({},M,_)})}return{fn:S}}},r0=(e,t)=>{const n=dt(),{bt:r,cn:l,D:o,V:i,Ot:s,Rt:u,ln:c}=e,{L:p}=n,v=u&&i,m=B(ro,0),y={u:ip,o:{w:0,h:0}},g={u:sp,o:{x:Sr,y:Sr}},w=(_,$)=>{const F=at.devicePixelRatio%1!==0?1:0,D={w:m(_.w-$.w),h:m(_.h-$.h)};return{w:D.w>F?D.w:0,h:D.h>F?D.h:0}},[R,f]=gt(y,B(Gu,o)),[a,d]=gt(y,B(Qs,o)),[h,S]=gt(y),[k,x]=gt(y),[C]=gt(g),M=Nr(bu);return({Et:_,Gt:$,an:F,Tt:D},{fn:H})=>{const{ht:W,Ht:te,Ct:K,It:E}=$||{},j=M&&M.M(e,t,F,n,_),{q:N,W:V,X:Q}=j||{},[oe,G]=Uh(_,n),[pe,ie]=_("overflow"),z=W||H||te||K||E||G,T=Do(pe.x),O=Do(pe.y),L=T||O;let A=f(D),U=d(D),J=S(D),Z=x(D),me;if(G&&p&&s(Cp,!oe),z){L&&s(ar,!1);const[_t,wn]=V?V(me):[],[Sn,ai]=A=R(D),[Kt,fi]=U=a(D),Fn=yp(o),An=Kt,Un=Fn;_t&&_t(),(fi||ai||G)&&wn&&!oe&&N&&N(wn,Kt,Sn);const zr=gh(c),Pl={w:m(ro(Kt.w,An.w)+Sn.w),h:m(ro(Kt.h,An.h)+Sn.h)},tc={w:m((v?zr.w:Un.w+m(Fn.w-Kt.w))+Sn.w),h:m((v?zr.h:Un.h+m(Fn.h-Kt.h))+Sn.h)};Z=k(tc),J=h(w(Pl,tc),D)}const[ye,Ve]=Z,[Y,ne]=J,[tt,Pe]=U,[ue,Te]=A,je={x:Y.w>0,y:Y.h>0},Ct=T&&O&&(je.x||je.y)||T&&je.x&&!je.y||O&&je.y&&!je.x;if(H||K||E||Te||Pe||Ve||ne||ie||G||z){const _t={},wn=Hh(e,je,pe,_t);Q&&Q(wn,F,!!N&&N(wn,tt,ue),_t),i?(yt(r,kp,_t[oi]),yt(r,Ep,_t[ii])):Er(o,_t)}lo(r,lt,xp,Ct),lo(l,Gs,_h,Ct),i||lo(o,Zt,ar,L);const[Cl,_l]=C(Tp(e).k);return q(t,{k:Cl,Pt:{x:ye.w,y:ye.h},Lt:{x:Y.w,y:Y.h},en:je}),{sn:_l,tn:Ve,nn:ne}}},l0=e=>{const[t,n,r]=e0(e),l={cn:{t:0,r:0,b:0,l:0},un:!1,j:{[rp]:0,[lp]:0,[np]:0,[qd]:0,[bd]:0,[tp]:0,[ep]:0},Pt:{x:0,y:0},Lt:{x:0,y:0},k:{x:Sr,y:Sr},en:{x:!1,y:!1}},{gt:o,D:i,V:s}=t,{L:u,T:c}=dt(),p=!u&&(c.x||c.y),v=[t0(t),n0(t,l),r0(t,l)];return[n,m=>{const y={},w=p&&xr(i),R=s?vl(i,lt,Xs):kt;return ee(v,f=>{q(y,f(m,y)||{})}),R(),vn(i,w),!s&&vn(o,0),y},l,t,r]},o0=(e,t,n,r)=>{const l=Ca(t,{}),[o,i,s,u,c]=l0(e),[p,v,m]=Zh(u,s,l,a=>{f({},a)}),[y,g,,w]=bh(e,t,m,s,u,r),R=a=>pn(a).some(d=>!!a[d]),f=(a,d)=>{const{dn:h,Tt:S,At:k,_n:x}=a,C=h||{},M=!!S,_={Et:Ca(t,C,M),dn:C,Tt:M};if(x)return g(_),!1;const $=d||v(q({},_,{At:k})),F=i(q({},_,{an:m,Gt:$}));g(q({},_,{Gt:$,Qt:F}));const D=R($),H=R(F),W=D||H||!Ku(C)||M;return W&&n(a,{Gt:$,Qt:F}),W};return[()=>{const{rn:a,D:d}=u,h=xr(a),S=[p(),o(),y()];return vn(d,h),B(ft,S)},f,()=>({vn:m,hn:s}),{pn:u,gn:w},c]},At=(e,t,n)=>{const{nt:r}=dt(),l=Ro(e),o=l?e:e.target,i=Rp(o);if(t&&!i){let s=!1;const u=[],c={},p=_=>{const $=ap(_,!0),F=Nr(Fh);return F?F($,!0):$},v=q({},r(),p(t)),[m,y,g]=Ys(),[w,R,f]=Ys(n),a=(_,$)=>{f(_,$),g(_,$)},[d,h,S,k,x]=o0(e,v,({dn:_,Tt:$},{Gt:F,Qt:D})=>{const{ht:H,Ct:W,xt:te,Ht:K,zt:E,_t:j}=F,{tn:N,nn:V,sn:Q}=D;a("updated",[M,{updateHints:{sizeChanged:!!H,directionChanged:!!W,heightIntrinsicChanged:!!te,overflowEdgeChanged:!!N,overflowAmountChanged:!!V,overflowStyleChanged:!!Q,contentMutation:!!K,hostMutation:!!E,appear:!!j},changedOptions:_||{},force:!!$}])},_=>a("scroll",[M,_])),C=_=>{Yh(o),ft(u),s=!0,a("destroyed",[M,_]),y(),R()},M={options(_,$){if(_){const F=$?r():{},D=wp(v,q(F,p(_)));Ku(D)||(q(v,D),h({dn:D}))}return q({},v)},on:w,off:(_,$)=>{_&&$&&R(_,$)},state(){const{vn:_,hn:$}=S(),{N:F}=_,{Pt:D,Lt:H,k:W,en:te,cn:K,un:E}=$;return q({},{overflowEdge:D,overflowAmount:H,overflowStyle:W,hasOverflow:te,padding:K,paddingAbsolute:E,directionRTL:F,destroyed:s})},elements(){const{gt:_,bt:$,cn:F,D,wt:H,kt:W,Zt:te}=k.pn,{qt:K,Jt:E}=k.gn,j=V=>{const{Vt:Q,Mt:oe,Ut:G}=V;return{scrollbar:G,track:oe,handle:Q}},N=V=>{const{Wt:Q,Xt:oe}=V,G=j(Q[0]);return q({},G,{clone:()=>{const pe=j(oe());return h({_n:!0}),pe}})};return q({},{target:_,host:$,padding:F||D,viewport:D,content:H||D,scrollOffsetElement:W,scrollEventElement:te,scrollbarHorizontal:N(K),scrollbarVertical:N(E)})},update:_=>h({Tt:_,At:!0}),destroy:B(C,!1),plugin:_=>c[pn(_)[0]]};return fe(u,[x]),Kh(o,M),zp(Pp,At,[M,m,c]),Qh(k.pn.Rt,!l&&e.cancel)?(C(!0),M):(fe(u,d()),a("initialized",[M]),M.update(!0),M)}return i};At.plugin=e=>{const t=xt(e),n=t?e:[e],r=n.map(l=>zp(l,At)[0]);return jh(n),t?r:r[0]};At.valid=e=>{const t=e&&e.elements,n=$t(t)&&t();return Lo(n)&&!!Rp(n.target)};At.env=()=>{const{P:e,T:t,L:n,K:r,J:l,st:o,et:i,G:s,tt:u,nt:c,ot:p}=dt();return q({},{scrollbarsSize:e,scrollbarsOverlaid:t,scrollbarsHiding:n,rtlScrollBehavior:r,scrollTimeline:l,staticDefaultInitialization:o,staticDefaultOptions:i,getDefaultInitialization:s,setDefaultInitialization:u,getDefaultOptions:c,setDefaultOptions:p})};const i0=()=>{if(typeof window>"u"){const c=()=>{};return[c,c]}let e,t;const n=window,r=typeof n.requestIdleCallback=="function",l=n.requestAnimationFrame,o=n.cancelAnimationFrame,i=r?n.requestIdleCallback:l,s=r?n.cancelIdleCallback:o,u=()=>{s(e),o(t)};return[(c,p)=>{u(),e=i(r?()=>{u(),t=l(c)}:c,typeof p=="object"?p:{timeout:2233})},u]},Ip=e=>{const{options:t,events:n,defer:r}=e||{},[l,o]=se.useMemo(i0,[]),i=se.useRef(null),s=se.useRef(r),u=se.useRef(t),c=se.useRef(n);return se.useEffect(()=>{s.current=r},[r]),se.useEffect(()=>{const{current:p}=i;u.current=t,At.valid(p)&&p.options(t||{},!0)},[t]),se.useEffect(()=>{const{current:p}=i;c.current=n,At.valid(p)&&p.on(n||{},!0)},[n]),se.useEffect(()=>()=>{var p;o(),(p=i.current)==null||p.destroy()},[]),se.useMemo(()=>[p=>{const v=i.current;if(At.valid(v))return;const m=s.current,y=u.current||{},g=c.current||{},w=()=>i.current=At(p,y,g);m?l(w,m):w()},()=>i.current],[])},s0=(e,t)=>{const{element:n="div",options:r,events:l,defer:o,children:i,...s}=e,u=n,c=se.useRef(null),p=se.useRef(null),[v,m]=Ip({options:r,events:l,defer:o});return se.useEffect(()=>{const{current:y}=c,{current:g}=p;if(!y)return;const w=y;return v(n==="body"?{target:w,cancel:{body:null}}:{target:w,elements:{viewport:g,content:g}}),()=>{var R;return(R=m())==null?void 0:R.destroy()}},[v,n]),se.useImperativeHandle(t,()=>({osInstance:m,getElement:()=>c.current}),[]),Bi.createElement(u,{"data-overlayscrollbars-initialize":"",ref:c,...s},n==="body"?i:Bi.createElement("div",{"data-overlayscrollbars-contents":"",ref:p},i))},u0=se.forwardRef(s0),c0=()=>{const[e,t]=se.useState([]),n=se.useRef({}),r=se.useRef({}),l=s=>{const u=n.current[s];n.current[s]=typeof u=="number"?u+1:1,t(c=>Array.from(new Set([...c,s]))),clearTimeout(r.current[s]),r.current[s]=setTimeout(()=>{t(c=>{const p=new Set(c);return p.delete(s),Array.from(p)})},500)},o=s=>({active:e.includes(s),count:n.current[s]||0});return[{initialized:o("initialized"),destroyed:o("destroyed"),updated:o("updated"),scroll:o("scroll")},l]},La=re.jsx("div",{className:"logo",children:re.jsx("img",{alt:"React logo",src:"logo.svg"})}),a0=()=>{const[e,t]=se.useState(!1),[n,r]=se.useState(!1),[l,o]=se.useState(!0),[i,s]=se.useState(null),u=se.useRef(null),[c,p]=c0(),[v,m]=Ip({defer:!0,events:{initialized:()=>{s(!0)},destroyed:()=>{s(!1)}},options:{scrollbars:{theme:"os-theme-light"}}}),y=()=>{const{current:f}=u,a=f==null?void 0:f.osInstance();if(!a)return;const{overflowAmount:d}=a.state(),{scrollOffsetElement:h}=a.elements(),{scrollLeft:S,scrollTop:k}=h;h.scrollTo({behavior:"smooth",left:Math.round((d.x-S)/d.x)*d.x,top:Math.round((d.y-k)/d.y)*d.y})},g=()=>t(f=>!f),w=()=>r(f=>!f),R=()=>{const f=m();f&&!f.state().destroyed?f.destroy():v({target:document.body,cancel:{body:!1}})};return se.useEffect(()=>{v(document.body)},[v]),re.jsxs(re.Fragment,{children:[re.jsxs("main",{children:[re.jsx("h1",{children:re.jsx("a",{href:"https://www.npmjs.com/package/overlayscrollbars-react",target:"_blank",rel:"noreferrer",children:"OverlayScrollbars React"})}),re.jsx("section",{className:"slot",children:l?re.jsx(u0,{className:"overlayscrollbars-react",style:{display:n?"none":void 0},ref:u,options:{scrollbars:{theme:"os-theme-light"}},events:{initialized:()=>p("initialized"),destroyed:()=>p("destroyed"),updated:()=>p("updated"),scroll:()=>p("scroll")},defer:!0,children:!e&&La}):re.jsx("div",{className:"overlayscrollbars-react",children:La})}),re.jsxs("section",{children:[re.jsx("p",{className:"title",children:"Actions:"}),re.jsxs("div",{className:"items",children:[l&&re.jsxs(re.Fragment,{children:[re.jsx("button",{onClick:y,children:"Scroll"}),re.jsxs("button",{onClick:g,children:[e?"Show":"Hide"," Content"]}),re.jsxs("button",{onClick:w,children:[n?"Show":"Hide"," Element"]})]}),re.jsxs("button",{onClick:()=>o(f=>!f),children:[l?"Destroy":"Initialize"," OverlayScrollbars"]})]})]}),re.jsxs("section",{children:[re.jsx("p",{className:"title",children:"Events:"}),re.jsx("div",{className:"items",children:Object.entries(c).map(([f,a])=>re.jsxs("div",{className:`event ${a.active?"active":""}`,children:[f," (",a.count,")"]},f))})]})]}),re.jsxs("footer",{children:[i!==null&&re.jsx("section",{children:re.jsx("div",{className:"items",children:re.jsxs("button",{onClick:R,children:[i?"Destroy":"Initialize"," Body OverlayScrollbars"]})})}),re.jsx("a",{href:"https://github.com/KingSora/OverlayScrollbars/tree/master/examples/react",target:"_blank",rel:"noreferrer",children:"Open source code of this example."})]})]})},f0=Wi.createRoot(document.getElementById("root"));f0.render(re.jsx(Bi.StrictMode,{children:re.jsx(a0,{})})); diff --git a/docs/example/react/assets/index-w9vxcwS_.css b/docs/example/react/assets/index-w9vxcwS_.css new file mode 100644 index 00000000..d1b9f5e4 --- /dev/null +++ b/docs/example/react/assets/index-w9vxcwS_.css @@ -0,0 +1,9 @@ +/*! + * OverlayScrollbars + * Version: 2.7.1 + * + * Copyright (c) Rene Haas | KingSora. + * https://github.com/KingSora + * + * Released under the MIT license. + */.os-size-observer,.os-size-observer-listener{scroll-behavior:auto!important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(.1)}.os-size-observer:before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(10)}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}[data-overlayscrollbars-initialize],[data-overlayscrollbars~=scrollbarHidden],[data-overlayscrollbars-viewport~=scrollbarHidden]{scrollbar-width:none!important}[data-overlayscrollbars-initialize]::-webkit-scrollbar,[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;display:none!important;width:0!important;height:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars]{box-sizing:border-box;margin:0}html[data-overlayscrollbars~=body],html[data-overlayscrollbars~=body]>body{width:100%;height:100%}html[data-overlayscrollbars~=viewport]>body{overflow:visible}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch!important;flex-direction:row!important;flex-wrap:nowrap!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{box-sizing:inherit;position:relative;flex:auto!important;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]{--os-vaw: 0;--os-vah: 0;outline:none}[data-overlayscrollbars-viewport]:focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{overflow:hidden}[data-overlayscrollbars~=host],[data-overlayscrollbars~=viewport]{position:relative;overflow:hidden}[data-overlayscrollbars~=overflowVisible],[data-overlayscrollbars-padding~=overflowVisible],[data-overlayscrollbars-viewport~=overflowVisible]{overflow:visible}[data-overlayscrollbars-overflow-x=hidden]{overflow-x:hidden}[data-overlayscrollbars-overflow-x=scroll]{overflow-x:scroll}[data-overlayscrollbars-overflow-x=hidden]{overflow-y:hidden}[data-overlayscrollbars-overflow-y=scroll]{overflow-y:scroll}[data-overlayscrollbars~=scrollbarPressed],[data-overlayscrollbars~=scrollbarPressed] [data-overlayscrollbars-viewport]{scroll-behavior:auto!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none}.os-scrollbar-track{position:relative;direction:ltr!important;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0}.os-scrollbar-vertical .os-scrollbar-handle{right:0}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}.os-scrollbar{--os-size: 0;--os-padding-perpendicular: 0;--os-padding-axis: 0;--os-track-border-radius: 0;--os-track-bg: none;--os-track-bg-hover: none;--os-track-bg-active: none;--os-track-border: none;--os-track-border-hover: none;--os-track-border-active: none;--os-handle-border-radius: 0;--os-handle-bg: none;--os-handle-bg-hover: none;--os-handle-bg-active: none;--os-handle-border: none;--os-handle-border-hover: none;--os-handle-border-active: none;--os-handle-min-size: 33px;--os-handle-max-size: none;--os-handle-perpendicular-size: 100%;--os-handle-perpendicular-size-hover: 100%;--os-handle-perpendicular-size-active: 100%;--os-handle-interactive-area-offset: 0}.os-scrollbar .os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar .os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar .os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar .os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar .os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar .os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar .os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars~=updating]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size: 10px;--os-padding-perpendicular: 2px;--os-padding-axis: 2px;--os-track-border-radius: 10px;--os-handle-interactive-area-offset: 4px;--os-handle-border-radius: 10px}.os-theme-dark{--os-handle-bg: rgba(0, 0, 0, .44);--os-handle-bg-hover: rgba(0, 0, 0, .55);--os-handle-bg-active: rgba(0, 0, 0, .66)}.os-theme-light{--os-handle-bg: rgba(255, 255, 255, .44);--os-handle-bg-hover: rgba(255, 255, 255, .55);--os-handle-bg-active: rgba(255, 255, 255, .66)}*,*:before,*:after{box-sizing:border-box;font-family:inherit}:root{--foreground-color-rgb: 97 218 251;--background-color-rgb: 40 44 52;--foreground-color: rgb(var(--foreground-color-rgb));--background-color: rgb(var(--background-color-rgb));--text-color: #fff}*{outline-width:2px;outline-color:var(--foreground-color);outline-offset:2px}*:focus-visible{outline:2px solid var(--foreground-color)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;background-color:var(--background-color);color:var(--text-color);scroll-behavior:smooth}main{height:100vh;display:flex;flex-direction:column;justify-content:center}footer{margin-top:25vh;padding:3rem 0}section{margin:1.125rem}a{color:inherit;text-decoration:none;transition:color .15s,background-size .25s;padding:.25rem .5rem;background:linear-gradient(0deg,currentColor,currentColor) no-repeat right bottom / 0 2px}a:hover{text-underline-offset:.2em;background-size:100% 2px;background-position-x:left}a:hover,a:focus{color:var(--foreground-color)}a:focus-visible{border-radius:2px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;background:var(--foreground-color);border:none;color:var(--background-color);border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem;transition:color .15s,outline-color .15s;transform:scale(1);outline:2px solid transparent;white-space:nowrap}button:hover,button:focus{outline-color:var(--foreground-color)}img{width:100%;height:100%}.slot{border-radius:6px;width:16rem;height:16rem;margin:0 auto;flex:none}.overlayscrollbars-react{width:100%;height:100%;overflow:auto;border:2px solid var(--foreground-color);border-radius:6px;box-shadow:rgb(var(--foreground-color-rgb) / .14) 0 .875rem 3.125rem}.logo{width:180%;height:180%;padding:1rem;display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}.title{font-size:.875rem;font-weight:500;padding:0;margin:.25rem 0}.items{display:inline-flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center;padding:.75rem;-webkit-backdrop-filter:brightness(88%) contrast(1.012);backdrop-filter:brightness(88%) contrast(1.012);border-radius:12px}.event{padding:.3rem .5rem;border-radius:4px;font-family:monospace}.event.active{color:var(--foreground-color);outline-offset:2px;outline:2px solid var(--foreground-color);background:rgb(var(--foreground-color-rgb) / .15)} diff --git a/docs/example/react/index.html b/docs/example/react/index.html index 0bc87832..8cacbcca 100644 --- a/docs/example/react/index.html +++ b/docs/example/react/index.html @@ -11,8 +11,8 @@ rel="stylesheet" /> OverlayScrollbars & React - - + +
diff --git a/docs/example/solid/assets/index-4s9RB2b-.css b/docs/example/solid/assets/index-4s9RB2b-.css deleted file mode 100644 index ff095d20..00000000 --- a/docs/example/solid/assets/index-4s9RB2b-.css +++ /dev/null @@ -1,9 +0,0 @@ -/*! - * OverlayScrollbars - * Version: 2.7.0 - * - * Copyright (c) Rene Haas | KingSora. - * https://github.com/KingSora - * - * Released under the MIT license. - */.os-size-observer,.os-size-observer-listener{scroll-behavior:auto!important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(.1)}.os-size-observer:before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(10)}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}.os-environment{scroll-behavior:auto!important;position:fixed;opacity:0;visibility:hidden;overflow:scroll;height:200px;width:200px;z-index:-1}.os-environment div{width:200%;height:200%;margin:10px 0}.os-environment.os-environment-flexbox-glue{display:flex;flex-direction:row;flex-wrap:nowrap;height:auto;width:auto;min-height:200px;min-width:200px}.os-environment.os-environment-flexbox-glue div{flex:auto;width:auto;height:auto;max-height:100%;max-width:100%;margin:0}.os-environment.os-environment-flexbox-glue-max{max-height:200px}.os-environment.os-environment-flexbox-glue-max div{overflow:visible}.os-environment.os-environment-flexbox-glue-max div:before{content:"";display:block;height:999px;width:999px}.os-environment,[data-overlayscrollbars-viewport]{-ms-overflow-style:scrollbar!important}[data-overlayscrollbars-initialize],[data-overlayscrollbars~=scrollbarHidden],[data-overlayscrollbars-viewport~=scrollbarHidden],.os-environment-scrollbar-hidden{scrollbar-width:none!important}[data-overlayscrollbars-initialize]::-webkit-scrollbar,[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,.os-environment-scrollbar-hidden::-webkit-scrollbar,.os-environment-scrollbar-hidden::-webkit-scrollbar-corner{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;display:none!important;width:0!important;height:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars]{box-sizing:border-box;margin:0}html[data-overlayscrollbars~=body],html[data-overlayscrollbars~=body]>body{width:100%;height:100%}html[data-overlayscrollbars~=viewport]>body{overflow:visible}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch!important;flex-direction:row!important;flex-wrap:nowrap!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{box-sizing:inherit;position:relative;flex:auto!important;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]{--os-vaw: 0;--os-vah: 0}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{overflow:hidden}[data-overlayscrollbars~=host],[data-overlayscrollbars~=viewport]{position:relative;overflow:hidden}[data-overlayscrollbars~=overflowVisible],[data-overlayscrollbars-padding~=overflowVisible],[data-overlayscrollbars-viewport~=overflowVisible]{overflow:visible}[data-overlayscrollbars-overflow-x=hidden]{overflow-x:hidden}[data-overlayscrollbars-overflow-x=scroll]{overflow-x:scroll}[data-overlayscrollbars-overflow-x=hidden]{overflow-y:hidden}[data-overlayscrollbars-overflow-y=scroll]{overflow-y:scroll}[data-overlayscrollbars~=scrollbarPressed],[data-overlayscrollbars~=scrollbarPressed] [data-overlayscrollbars-viewport]{scroll-behavior:auto!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none}.os-scrollbar-track{position:relative;direction:ltr!important;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0}.os-scrollbar-vertical .os-scrollbar-handle{right:0}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}.os-scrollbar{--os-size: 0;--os-padding-perpendicular: 0;--os-padding-axis: 0;--os-track-border-radius: 0;--os-track-bg: none;--os-track-bg-hover: none;--os-track-bg-active: none;--os-track-border: none;--os-track-border-hover: none;--os-track-border-active: none;--os-handle-border-radius: 0;--os-handle-bg: none;--os-handle-bg-hover: none;--os-handle-bg-active: none;--os-handle-border: none;--os-handle-border-hover: none;--os-handle-border-active: none;--os-handle-min-size: 33px;--os-handle-max-size: none;--os-handle-perpendicular-size: 100%;--os-handle-perpendicular-size-hover: 100%;--os-handle-perpendicular-size-active: 100%;--os-handle-interactive-area-offset: 0}.os-scrollbar .os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar .os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar .os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar .os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar .os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar .os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar .os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars~=updating]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size: 10px;--os-padding-perpendicular: 2px;--os-padding-axis: 2px;--os-track-border-radius: 10px;--os-handle-interactive-area-offset: 4px;--os-handle-border-radius: 10px}.os-theme-dark{--os-handle-bg: rgba(0, 0, 0, .44);--os-handle-bg-hover: rgba(0, 0, 0, .55);--os-handle-bg-active: rgba(0, 0, 0, .66)}.os-theme-light{--os-handle-bg: rgba(255, 255, 255, .44);--os-handle-bg-hover: rgba(255, 255, 255, .55);--os-handle-bg-active: rgba(255, 255, 255, .66)}*,*:before,*:after{box-sizing:border-box;font-family:inherit}:root{--foreground-color-rgb: 79 136 198;--background-color-rgb: 34 34 34;--foreground-color: rgb(var(--foreground-color-rgb));--background-color: rgb(var(--background-color-rgb));--text-color: #fff}*{outline-width:2px;outline-color:var(--foreground-color);outline-offset:2px}*:focus-visible{outline:2px solid var(--foreground-color)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;background-color:var(--background-color);color:var(--text-color);scroll-behavior:smooth}main{height:100vh;display:flex;flex-direction:column;justify-content:center}footer{margin-top:25vh;padding:3rem 0}section{margin:1.125rem}a{color:inherit;text-decoration:none;transition:color .15s,background-size .25s;padding:.25rem .5rem;background:linear-gradient(0deg,currentColor,currentColor) no-repeat right bottom / 0 2px}a:hover{text-underline-offset:.2em;background-size:100% 2px;background-position-x:left}a:hover,a:focus{color:var(--foreground-color)}a:focus-visible{border-radius:2px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;background:var(--foreground-color);border:none;color:var(--background-color);border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem;transition:color .15s,outline-color .15s;transform:scale(1);outline:2px solid transparent;white-space:nowrap}button:hover,button:focus{outline-color:var(--foreground-color)}img{width:100%;height:100%}.slot{border-radius:6px;width:16rem;height:16rem;margin:0 auto;flex:none}.overlayscrollbars-solid{width:100%;height:100%;overflow:auto;border:2px solid var(--foreground-color);border-radius:6px;box-shadow:rgb(var(--foreground-color-rgb) / .14) 0 .875rem 3.125rem}.logo{width:180%;height:180%;padding:1rem;display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}.title{font-size:.875rem;font-weight:500;padding:0;margin:.25rem 0}.items{display:inline-flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center;padding:.75rem;-webkit-backdrop-filter:brightness(88%) contrast(1.012);backdrop-filter:brightness(88%) contrast(1.012);border-radius:12px}.event{padding:.3rem .5rem;border-radius:4px;font-family:monospace}.event.active{color:var(--foreground-color);outline-offset:2px;outline:2px solid var(--foreground-color);background:rgb(var(--foreground-color-rgb) / .15)} diff --git a/docs/example/solid/assets/index-_Z6eDiBT.js b/docs/example/solid/assets/index-_Z6eDiBT.js deleted file mode 100644 index 3b3c52dd..00000000 --- a/docs/example/solid/assets/index-_Z6eDiBT.js +++ /dev/null @@ -1,9 +0,0 @@ -(function(){const e=document.createElement("link").relList;if(e&&e.supports&&e.supports("modulepreload"))return;for(const o of document.querySelectorAll('link[rel="modulepreload"]'))s(o);new MutationObserver(o=>{for(const c of o)if(c.type==="childList")for(const l of c.addedNodes)l.tagName==="LINK"&&l.rel==="modulepreload"&&s(l)}).observe(document,{childList:!0,subtree:!0});function n(o){const c={};return o.integrity&&(c.integrity=o.integrity),o.referrerPolicy&&(c.referrerPolicy=o.referrerPolicy),o.crossOrigin==="use-credentials"?c.credentials="include":o.crossOrigin==="anonymous"?c.credentials="omit":c.credentials="same-origin",c}function s(o){if(o.ep)return;o.ep=!0;const c=n(o);fetch(o.href,c)}})();const bo=(t,e)=>t===e,Le=Symbol("solid-proxy"),Ie={equals:bo};let ys=$s;const Bt=1,Ne=2,ms={owned:null,cleanups:null,context:null,owner:null};var it=null;let on=null,vo=null,rt=null,ft=null,Ht=null,Be=0;function wo(t,e){const n=rt,s=it,o=t.length===0,c=e===void 0?s:e,l=o?ms:{owned:null,cleanups:null,context:c?c.context:null,owner:c},r=o?t:()=>t(()=>Wt(()=>Ue(l)));it=l,rt=null;try{return we(r,!0)}finally{rt=n,it=s}}function Kt(t,e){e=e?Object.assign({},Ie,e):Ie;const n={value:t,observers:null,observerSlots:null,comparator:e.equals||void 0},s=o=>(typeof o=="function"&&(o=o(n.value)),Ss(n,o));return[ws.bind(n),s]}function xt(t,e,n){const s=Pn(t,e,!1,Bt);ve(s)}function bs(t,e,n){ys=xo;const s=Pn(t,e,!1,Bt);(!n||!n.render)&&(s.user=!0),Ht?Ht.push(s):ve(s)}function Pt(t,e,n){n=n?Object.assign({},Ie,n):Ie;const s=Pn(t,e,!0,0);return s.observers=null,s.observerSlots=null,s.comparator=n.equals||void 0,ve(s),ws.bind(s)}function Wt(t){if(rt===null)return t();const e=rt;rt=null;try{return t()}finally{rt=e}}function So(t){bs(()=>Wt(t))}function vs(t){return it===null||(it.cleanups===null?it.cleanups=[t]:it.cleanups.push(t)),t}function Bn(t){const e=Pt(t),n=Pt(()=>dn(e()));return n.toArray=()=>{const s=n();return Array.isArray(s)?s:s!=null?[s]:[]},n}function ws(){if(this.sources&&this.state)if(this.state===Bt)ve(this);else{const t=ft;ft=null,we(()=>ke(this),!1),ft=t}if(rt){const t=this.observers?this.observers.length:0;rt.sources?(rt.sources.push(this),rt.sourceSlots.push(t)):(rt.sources=[this],rt.sourceSlots=[t]),this.observers?(this.observers.push(rt),this.observerSlots.push(rt.sources.length-1)):(this.observers=[rt],this.observerSlots=[rt.sources.length-1])}return this.value}function Ss(t,e,n){let s=t.value;return(!t.comparator||!t.comparator(s,e))&&(t.value=e,t.observers&&t.observers.length&&we(()=>{for(let o=0;o1e6)throw ft=[],new Error},!1)),e}function ve(t){if(!t.fn)return;Ue(t);const e=Be;$o(t,t.value,e)}function $o(t,e,n){let s;const o=it,c=rt;rt=it=t;try{s=t.fn(e)}catch(l){return t.pure&&(t.state=Bt,t.owned&&t.owned.forEach(Ue),t.owned=null),t.updatedAt=n+1,xs(l)}finally{rt=c,it=o}(!t.updatedAt||t.updatedAt<=n)&&(t.updatedAt!=null&&"observers"in t?Ss(t,s):t.value=s,t.updatedAt=n)}function Pn(t,e,n,s=Bt,o){const c={fn:t,state:s,updatedAt:null,owned:null,sources:null,sourceSlots:null,cleanups:null,value:e,owner:it,context:it?it.context:null,pure:n};return it===null||it!==ms&&(it.owned?it.owned.push(c):it.owned=[c]),c}function De(t){if(t.state===0)return;if(t.state===Ne)return ke(t);if(t.suspense&&Wt(t.suspense.inFallback))return t.suspense.effects.push(t);const e=[t];for(;(t=t.owner)&&(!t.updatedAt||t.updatedAt=0;n--)if(t=e[n],t.state===Bt)ve(t);else if(t.state===Ne){const s=ft;ft=null,we(()=>ke(t,e[0]),!1),ft=s}}function we(t,e){if(ft)return t();let n=!1;e||(ft=[]),Ht?n=!0:Ht=[],Be++;try{const s=t();return Oo(n),s}catch(s){n||(Ht=null),ft=null,xs(s)}}function Oo(t){if(ft&&($s(ft),ft=null),t)return;const e=Ht;Ht=null,e.length&&we(()=>ys(e),!1)}function $s(t){for(let e=0;e=0;e--)Ue(t.owned[e]);t.owned=null}if(t.cleanups){for(e=t.cleanups.length-1;e>=0;e--)t.cleanups[e]();t.cleanups=null}t.state=0}function Ao(t){return t instanceof Error?t:new Error(typeof t=="string"?t:"Unknown error",{cause:t})}function xs(t,e=it){throw Ao(t)}function dn(t){if(typeof t=="function"&&!t.length)return dn(t());if(Array.isArray(t)){const e=[];for(let n=0;nt(e||{}))}function Ce(){return!0}const pn={get(t,e,n){return e===Le?n:t.get(e)},has(t,e){return e===Le?!0:t.has(e)},set:Ce,deleteProperty:Ce,getOwnPropertyDescriptor(t,e){return{configurable:!0,enumerable:!0,get(){return t.get(e)},set:Ce,deleteProperty:Ce}},ownKeys(t){return t.keys()}};function cn(t){return(t=typeof t=="function"?t():t)?t:{}}function Eo(){for(let t=0,e=this.length;t=0;r--){const i=cn(t[r])[l];if(i!==void 0)return i}},has(l){for(let r=t.length-1;r>=0;r--)if(l in cn(t[r]))return!0;return!1},keys(){const l=[];for(let r=0;r=0;l--){const r=t[l];if(!r)continue;const i=Object.getOwnPropertyNames(r);for(let u=i.length-1;u>=0;u--){const a=i[u];if(a==="__proto__"||a==="constructor")continue;const f=Object.getOwnPropertyDescriptor(r,a);if(!s[a])s[a]=f.get?{enumerable:!0,configurable:!0,get:Eo.bind(n[a]=[f.get.bind(r)])}:f.value!==void 0?f:void 0;else{const d=n[a];d&&(f.get?d.push(f.get.bind(r)):f.value!==void 0&&d.push(()=>f.value))}}}const o={},c=Object.keys(s);for(let l=c.length-1;l>=0;l--){const r=c[l],i=s[r];i&&i.get?Object.defineProperty(o,r,i):o[r]=i?i.value:void 0}return o}function As(t,...e){if(Le in t){const o=new Set(e.length>1?e.flat():e[0]),c=e.map(l=>new Proxy({get(r){return l.includes(r)?t[r]:void 0},has(r){return l.includes(r)&&r in t},keys(){return l.filter(r=>r in t)}},pn));return c.push(new Proxy({get(l){return o.has(l)?void 0:t[l]},has(l){return o.has(l)?!1:l in t},keys(){return Object.keys(t).filter(l=>!o.has(l))}},pn)),c}const n={},s=e.map(()=>({}));for(const o of Object.getOwnPropertyNames(t)){const c=Object.getOwnPropertyDescriptor(t,o),l=!c.get&&!c.set&&c.enumerable&&c.writable&&c.configurable;let r=!1,i=0;for(const u of e)u.includes(o)&&(r=!0,l?s[i][o]=c.value:Object.defineProperty(s[i],o,c)),++i;r||(l?n[o]=c.value:Object.defineProperty(n,o,c))}return[...s,n]}const Co=["allowfullscreen","async","autofocus","autoplay","checked","controls","default","disabled","formnovalidate","hidden","indeterminate","inert","ismap","loop","multiple","muted","nomodule","novalidate","open","playsinline","readonly","required","reversed","seamless","selected"],To=new Set(["className","value","readOnly","formNoValidate","isMap","noModule","playsInline",...Co]),_o=new Set(["innerHTML","textContent","innerText","children"]),Po=Object.assign(Object.create(null),{className:"class",htmlFor:"for"}),Lo=Object.assign(Object.create(null),{class:"className",formnovalidate:{$:"formNoValidate",BUTTON:1,INPUT:1},ismap:{$:"isMap",IMG:1},nomodule:{$:"noModule",SCRIPT:1},playsinline:{$:"playsInline",VIDEO:1},readonly:{$:"readOnly",INPUT:1,TEXTAREA:1}});function Io(t,e){const n=Lo[t];return typeof n=="object"?n[e]?n.$:void 0:n}const No=new Set(["beforeinput","click","dblclick","contextmenu","focusin","focusout","input","keydown","keyup","mousedown","mousemove","mouseout","mouseover","mouseup","pointerdown","pointermove","pointerout","pointerover","pointerup","touchend","touchmove","touchstart"]),Do=new Set(["altGlyph","altGlyphDef","altGlyphItem","animate","animateColor","animateMotion","animateTransform","circle","clipPath","color-profile","cursor","defs","desc","ellipse","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","filter","font","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignObject","g","glyph","glyphRef","hkern","image","line","linearGradient","marker","mask","metadata","missing-glyph","mpath","path","pattern","polygon","polyline","radialGradient","rect","set","stop","svg","switch","symbol","text","textPath","tref","tspan","use","view","vkern"]),ko={xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace"};function Ho(t,e,n){let s=n.length,o=e.length,c=s,l=0,r=0,i=e[o-1].nextSibling,u=null;for(;la-r){const _=e[l];for(;r{o=c,e===document?t():ht(e,t(),e.firstChild?null:void 0,n)},s.owner),()=>{o(),e.textContent=""}}function Nt(t,e,n){let s;const o=()=>{const l=document.createElement("template");return l.innerHTML=t,n?l.content.firstChild.firstChild:l.content.firstChild},c=e?()=>Wt(()=>document.importNode(s||(s=o()),!0)):()=>(s||(s=o())).cloneNode(!0);return c.cloneNode=c,c}function Es(t,e=window.document){const n=e[Gn]||(e[Gn]=new Set);for(let s=0,o=t.length;so.call(t,n[1],c))}else t.addEventListener(e,n)}function Vo(t,e,n={}){const s=Object.keys(e||{}),o=Object.keys(n);let c,l;for(c=0,l=o.length;co.children=le(t,e.children,o.children)),xt(()=>e.ref&&e.ref(t)),xt(()=>Uo(t,e,n,!0,o,!0)),o}function Bo(t,e,n){return Wt(()=>t(e,n))}function ht(t,e,n,s){if(n!==void 0&&!s&&(s=[]),typeof e!="function")return le(t,e,s,n);xt(o=>le(t,e(),o,n),s)}function Uo(t,e,n,s,o={},c=!1){e||(e={});for(const l in o)if(!(l in e)){if(l==="children")continue;o[l]=qn(t,l,null,o[l],n,c)}for(const l in e){if(l==="children"){s||le(t,e.children);continue}const r=e[l];o[l]=qn(t,l,r,o[l],n,c)}}function Go(t){return t.toLowerCase().replace(/-([a-z])/g,(e,n)=>n.toUpperCase())}function Kn(t,e,n){const s=e.trim().split(/\s+/);for(let o=0,c=s.length;o-1&&ko[e.split(":")[0]];f?Ro(t,f,e,n):hn(t,Po[e]||e,n)}return n}function Ko(t){const e=`$$${t.type}`;let n=t.composedPath&&t.composedPath()[0]||t.target;for(t.target!==n&&Object.defineProperty(t,"target",{configurable:!0,value:n}),Object.defineProperty(t,"currentTarget",{configurable:!0,get(){return n||document}});n;){const s=n[e];if(s&&!n.disabled){const o=n[`${e}Data`];if(o!==void 0?s.call(n,o,t):s.call(n,t),t.cancelBubble)return}n=n._$host||n.parentNode||n.host}}function le(t,e,n,s,o){for(;typeof n=="function";)n=n();if(e===n)return n;const c=typeof e,l=s!==void 0;if(t=l&&n[0]&&n[0].parentNode||t,c==="string"||c==="number")if(c==="number"&&(e=e.toString()),l){let r=n[0];r&&r.nodeType===3?r.data!==e&&(r.data=e):r=document.createTextNode(e),n=te(t,n,s,r)}else n!==""&&typeof n=="string"?n=t.firstChild.data=e:n=t.textContent=e;else if(e==null||c==="boolean")n=te(t,n,s);else{if(c==="function")return xt(()=>{let r=e();for(;typeof r=="function";)r=r();n=le(t,r,n,s)}),()=>n;if(Array.isArray(e)){const r=[],i=n&&Array.isArray(n);if(gn(r,e,n,o))return xt(()=>n=le(t,r,n,s,!0)),()=>n;if(r.length===0){if(n=te(t,n,s),l)return n}else i?n.length===0?Xn(t,r,s):Ho(t,n,r):(n&&te(t),Xn(t,r));n=r}else if(e.nodeType){if(Array.isArray(n)){if(l)return n=te(t,n,s,e);te(t,n,null,e)}else n==null||n===""||!t.firstChild?t.appendChild(e):t.replaceChild(e,t.firstChild);n=e}}return n}function gn(t,e,n,s){let o=!1;for(let c=0,l=e.length;c=0;l--){const r=e[l];if(o!==r){const i=r.parentNode===t;!c&&!l?i?t.replaceChild(o,r):t.insertBefore(o,n):i&&r.remove()}else c=!0}}else t.insertBefore(o,n);return[o]}const qo="http://www.w3.org/2000/svg";function Xo(t,e=!1){return e?document.createElementNS(qo,t):document.createElement(t)}function Wo(t){const[e,n]=As(t,["component"]),s=Pt(()=>e.component);return Pt(()=>{const o=s();switch(typeof o){case"function":return Wt(()=>o(n));case"string":const c=Do.has(o),l=Xo(o,c);return Fo(l,n,c),l}})}/*! - * OverlayScrollbars - * Version: 2.7.0 - * - * Copyright (c) Rene Haas | KingSora. - * https://github.com/KingSora - * - * Released under the MIT license. - */const Ot=(t,e)=>{const{o:n,u:s,_:o}=t;let c=n,l;const r=(a,f)=>{const d=c,w=a,_=f||(s?!s(d,w):d!==w);return(_||o)&&(c=w,l=d),[c,_,l]};return[e?a=>r(e(c,l),a):r,a=>[c,!!a,l]]},Ts=typeof window<"u"&&typeof document<"u",vt=Ts?window:{},_e=Math.max,Yo=Math.min,yn=Math.round,_s=vt.cancelAnimationFrame,Ps=vt.requestAnimationFrame,mn=vt.setTimeout,bn=vt.clearTimeout,Ge=t=>typeof vt[t]<"u"?vt[t]:void 0,Jo=Ge("MutationObserver"),Wn=Ge("IntersectionObserver"),He=Ge("ResizeObserver"),vn=Ge("ScrollTimeline"),Ls=Ts&&Node.ELEMENT_NODE,{toString:Zo,hasOwnProperty:rn}=Object.prototype,Qo=/^\[object (.+)\]$/,Se=t=>t===void 0,Ke=t=>t===null,tc=t=>Se(t)||Ke(t)?`${t}`:Zo.call(t).replace(Qo,"$1").toLowerCase(),Lt=t=>typeof t=="number",qe=t=>typeof t=="string",Is=t=>typeof t=="boolean",It=t=>typeof t=="function",Et=t=>Array.isArray(t),me=t=>typeof t=="object"&&!Et(t)&&!Ke(t),Xe=t=>{const e=!!t&&t.length,n=Lt(e)&&e>-1&&e%1==0;return Et(t)||!It(t)&&n?e>0&&me(t)?e-1 in t:!0:!1},Me=t=>{if(!t||!me(t)||tc(t)!=="object")return!1;let e;const n="constructor",s=t[n],o=s&&s.prototype,c=rn.call(t,n),l=o&&rn.call(o,"isPrototypeOf");if(s&&!c&&!l)return!1;for(e in t);return Se(e)||rn.call(t,e)},Re=t=>{const e=HTMLElement;return t?e?t instanceof e:t.nodeType===Ls:!1},We=t=>{const e=Element;return t?e?t instanceof e:t.nodeType===Ls:!1};function K(t,e){if(Xe(t))for(let n=0;ne(t[n],n,t));return t}const Ye=(t,e)=>t.indexOf(e)>=0,Dt=(t,e)=>t.concat(e),Q=(t,e,n)=>(!n&&!qe(e)&&Xe(e)?Array.prototype.push.apply(t,e):t.push(e),t),Yt=t=>Array.from(t||[]),Ns=t=>Et(t)?t:[t],wn=t=>!!t&&!t.length,Yn=t=>Yt(new Set(t)),wt=(t,e,n)=>{K(t,o=>o&&o.apply(void 0,e||[])),!n&&(t.length=0)},Ds="paddingTop",ks="paddingRight",Hs="paddingLeft",Ms="paddingBottom",Rs="marginLeft",js="marginRight",Vs="marginBottom",Je="overflowX",Ze="overflowY",ie="width",ae="height",ue="hidden",zs="visible",In=(t,e,n,s)=>{if(t&&e){let o=!0;return K(n,c=>{const l=s?s(t[c]):t[c],r=s?s(e[c]):e[c];l!==r&&(o=!1)}),o}return!1},Fs=(t,e)=>In(t,e,["w","h"]),Bs=(t,e)=>In(t,e,["x","y"]),ec=(t,e)=>In(t,e,["t","r","b","l"]),At=()=>{},M=(t,...e)=>t.bind(0,...e),ne=t=>{let e;const n=t?mn:Ps,s=t?bn:_s;return[o=>{s(e),e=n(o,It(t)?t():t)},()=>s(e)]},Us=(t,e)=>{let n,s,o,c=At;const{v:l,p:r,S:i}=e||{},u=function(_){c(),bn(n),n=s=void 0,c=At,t.apply(this,_)},a=w=>i&&s?i(s,w):w,f=()=>{c!==At&&u(a(o)||o)},d=function(){const _=Yt(arguments),I=It(l)?l():l;if(Lt(I)&&I>=0){const v=It(r)?r():r,S=Lt(v)&&v>=0,b=I>0?mn:Ps,x=I>0?bn:_s,T=a(_)||_,k=u.bind(0,T);c();const j=b(k,I);c=()=>x(j),S&&!n&&(n=mn(f,v)),s=o=T}else u(_)};return d.m=f,d},Gs=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),Vt=t=>t?Object.keys(t):[],G=(t,e,n,s,o,c,l)=>{const r=[e,n,s,o,c,l];return(typeof t!="object"||Ke(t))&&!It(t)&&(t={}),K(r,i=>{K(i,(u,a)=>{const f=i[a];if(t===f)return!0;const d=Et(f);if(f&&Me(f)){const w=t[a];let _=w;d&&!Et(w)?_=[]:!d&&!Me(w)&&(_={}),t[a]=G(_,f)}else t[a]=d?f.slice():f})}),t},Ks=(t,e)=>K(G({},t),(n,s,o)=>{n===void 0?delete o[s]:e&&n&&Me(n)&&(o[s]=Ks(n,e))}),Nn=t=>{for(const e in t)return!1;return!0},Sn=(t,e,n)=>_e(t,Yo(e,n)),qt=t=>Yt(new Set((Et(t)?t:(t||"").split(" ")).filter(e=>e))),Qe=(t,e)=>t&&t.getAttribute(e),$t=(t,e,n)=>{K(qt(e),s=>{t&&t.setAttribute(s,n||"")})},_t=(t,e)=>{K(qt(e),n=>t&&t.removeAttribute(n))},tn=(t,e)=>{const n=qt(Qe(t,e)),s=M($t,t,e),o=(c,l)=>{const r=new Set(n);return K(qt(c),i=>r[l](i)),Yt(r).join(" ")};return{O:c=>s(o(c,"delete")),$:c=>s(o(c,"add")),C:c=>{const l=qt(c);return l.reduce((r,i)=>r&&n.includes(i),l.length>0)}}},qs=(t,e,n)=>{tn(t,e).O(n)},be=(t,e,n)=>(tn(t,e).$(n),M(qs,t,e,n)),Pe=(t,e,n,s)=>{(s?be:qs)(t,e,n)},nc=(t,e,n)=>tn(t,e).C(n),Xs=t=>tn(t,"class"),Dn=(t,e)=>{Xs(t).O(e)},je=(t,e)=>(Xs(t).$(e),M(Dn,t,e)),Ws=(t,e)=>{const n=[],s=e?We(e)&&e:document;return s?Q(n,s.querySelectorAll(t)):n},sc=(t,e)=>{const n=e?We(e)&&e:document;return n?n.querySelector(t):null},Ve=(t,e)=>We(t)?t.matches(e):!1,Ys=t=>Ve(t,"body"),$n=t=>t?Yt(t.childNodes):[],fe=t=>t&&t.parentElement,se=(t,e)=>We(t)&&t.closest(e),oc=(t,e,n)=>{const s=se(t,e),o=t&&sc(n,s),c=se(o,e)===s;return s&&o?s===t||o===t||c&&se(se(t,n),e)!==s:!1},zt=t=>{if(Xe(t))K(Yt(t),e=>zt(e));else if(t){const e=fe(t);e&&e.removeChild(t)}},Js=(t,e,n)=>{if(n&&t){let s=e,o;return Xe(n)?(o=document.createDocumentFragment(),K(n,c=>{c===s&&(s=c.previousSibling),o.appendChild(c)})):o=n,e&&(s?s!==e&&(s=s.nextSibling):s=t.firstChild),t.insertBefore(o,s||null),()=>zt(n)}return At},bt=(t,e)=>Js(t,null,e),Jn=(t,e)=>Js(fe(t),t&&t.nextSibling,e),oe=t=>{const e=document.createElement("div");return $t(e,"class",t),e},Zs=t=>{const e=oe();return e.innerHTML=t.trim(),K($n(e),n=>zt(n))},cc=/^--/,Zn=(t,e)=>t.getPropertyValue(e)||t[e]||"",kn=t=>{const e=t||0;return isFinite(e)?e:0},Te=t=>kn(parseFloat(t||"")),Qn=t=>`${(kn(t)*100).toFixed(3)}%`,On=t=>`${kn(t)}px`;function de(t,e){t&&K(e,(n,s)=>{try{const o=t.style,c=Lt(n)?On(n):(n||"")+"";cc.test(s)?o.setProperty(s,c):o[s]=c}catch{}})}function Xt(t,e,n){const s=qe(e);let o=s?"":{};if(t){const c=vt.getComputedStyle(t,n)||t.style;o=s?Zn(c,e):e.reduce((l,r)=>(l[r]=Zn(c,r),l),o)}return o}const jt=t=>Xt(t,"direction")==="rtl",ts=(t,e,n)=>{const s=e?`${e}-`:"",o=n?`-${n}`:"",c=`${s}top${o}`,l=`${s}right${o}`,r=`${s}bottom${o}`,i=`${s}left${o}`,u=Xt(t,[c,l,r,i]);return{t:Te(u[c]),r:Te(u[l]),b:Te(u[r]),l:Te(u[i])}},ln=(t,e)=>`translate${me(t)?`(${t.x},${t.y})`:`${e?"X":"Y"}(${t})`}`,rc={w:0,h:0},en=(t,e)=>e?{w:e[`${t}Width`],h:e[`${t}Height`]}:rc,lc=t=>en("inner",t||vt),ye=M(en,"offset"),Qs=M(en,"client"),xn=M(en,"scroll"),Hn=t=>{const e=parseFloat(Xt(t,ie))||0,n=parseFloat(Xt(t,ae))||0;return{w:e-yn(e),h:n-yn(n)}},ce=t=>t.getBoundingClientRect(),An=t=>!!(t&&(t[ae]||t[ie])),to=(t,e)=>{const n=An(t);return!An(e)&&n},es=(t,e,n,s)=>{K(qt(e),o=>{t.removeEventListener(o,n,s)})},et=(t,e,n,s)=>{var o;const c=(o=s&&s.H)!=null?o:!0,l=s&&s.I||!1,r=s&&s.A||!1,i={passive:c,capture:l};return M(wt,qt(e).map(u=>{const a=r?f=>{es(t,u,a,l),n(f)}:n;return t.addEventListener(u,a,i),M(es,t,u,a,l)}))},Mn=t=>t.stopPropagation(),ns=t=>t.preventDefault(),ic={x:0,y:0},an=t=>{const e=t&&ce(t);return e?{x:e.left+vt.scrollX,y:e.top+vt.scrollY}:ic},ze=(t,e,n)=>n?n.n?-t+0:n.i?e-t:t:t,ss=(t,e)=>[ze(0,t,e),ze(t,t,e)],os=(t,e,n)=>Sn(0,1,ze(t,e,n)/e||0),Ft=(t,e)=>{const{x:n,y:s}=Lt(e)?{x:e,y:e}:e||{};Lt(n)&&(t.scrollLeft=n),Lt(s)&&(t.scrollTop=s)},pe=t=>({x:t.scrollLeft,y:t.scrollTop}),cs=(t,e)=>{K(Ns(e),t)},En=t=>{const e=new Map,n=(c,l)=>{if(c){const r=e.get(c);cs(i=>{r&&r[i?"delete":"clear"](i)},l)}else e.forEach(r=>{r.clear()}),e.clear()},s=(c,l)=>{if(qe(c)){const u=e.get(c)||new Set;return e.set(c,u),cs(a=>{It(a)&&u.add(a)},l),M(n,c,l)}Is(l)&&l&&n();const r=Vt(c),i=[];return K(r,u=>{const a=c[u];a&&Q(i,s(u,a))}),M(wt,i)},o=(c,l)=>{K(Yt(e.get(c)),r=>{l&&!wn(l)?r.apply(0,l):r()})};return s(t||{}),[s,n,o]},rs=t=>JSON.stringify(t,(e,n)=>{if(It(n))throw 0;return n}),ls=(t,e)=>t?`${e}`.split(".").reduce((n,s)=>n&&Gs(n,s)?n[s]:void 0,t):void 0,ac={paddingAbsolute:!1,showNativeOverlaidScrollbars:!1,update:{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,autoHideSuspend:!1,dragScroll:!0,clickScroll:!1,pointers:["mouse","touch","pen"]}},eo=(t,e)=>{const n={},s=Dt(Vt(e),Vt(t));return K(s,o=>{const c=t[o],l=e[o];if(me(c)&&me(l))G(n[o]={},eo(c,l)),Nn(n[o])&&delete n[o];else if(Gs(e,o)&&l!==c){let r=!0;if(Et(c)||Et(l))try{rs(c)===rs(l)&&(r=!1)}catch{}r&&(n[o]=l)}}),n},is=(t,e,n)=>s=>[ls(t,s),n||ls(e,s)!==void 0],$e="data-overlayscrollbars",no="os-environment",uc=`${no}-scrollbar-hidden`,un=`${$e}-initialize`,mt=$e,so=`${mt}-overflow-x`,oo=`${mt}-overflow-y`,co="overflowVisible",fc="scrollbarPressed",Cn="updating",dc="body",Rt=`${$e}-viewport`,pc="arrange",ro="scrollbarHidden",re=co,Tn=`${$e}-padding`,hc=re,as=`${$e}-content`,Rn="os-size-observer",gc=`${Rn}-appear`,yc=`${Rn}-listener`,mc="os-trinsic-observer",bc="os-theme-none",gt="os-scrollbar",vc=`${gt}-rtl`,wc=`${gt}-horizontal`,Sc=`${gt}-vertical`,lo=`${gt}-track`,jn=`${gt}-handle`,$c=`${gt}-visible`,Oc=`${gt}-cornerless`,us=`${gt}-interaction`,fs=`${gt}-unusable`,_n=`${gt}-auto-hide`,ds=`${_n}-hidden`,ps=`${gt}-wheel`,xc=`${lo}-interactive`,Ac=`${jn}-interactive`,io={},ao={},Ec=t=>{K(t,e=>K(e,(n,s)=>{io[s]=e[s]}))},uo=(t,e,n)=>Vt(t).map(s=>{const{static:o,instance:c}=t[s],[l,r,i]=n||[],u=n?c:o;if(u){const a=n?u(l,r,e):u(e);return(i||ao)[s]=a}}),he=t=>ao[t],Cc="__osOptionsValidationPlugin",Tc="__osSizeObserverPlugin",_c=(t,e)=>{const{T:n}=e,[s,o]=t("showNativeOverlaidScrollbars");return[s&&n.x&&n.y,o]},Fe=t=>t.indexOf(zs)===0,fo=(t,e)=>{const{D:n}=t,s=i=>{const u=Xt(n,i),f=(e?e[i]:u)==="scroll";return[u,f]},[o,c]=s(Je),[l,r]=s(Ze);return{k:{x:o,y:l},R:{x:c,y:r}}},Pc=(t,e,n,s)=>{const o=e.x||e.y,c=(a,f)=>{const d=Fe(a),w=d&&o?"hidden":"",_=f&&d&&a.replace(`${zs}-`,"")||w;return[f&&!d?a:"",Fe(_)?"hidden":_]},[l,r]=c(n.x,e.x),[i,u]=c(n.y,e.y);return s[Je]=r&&i?r:l,s[Ze]=u&&l?u:i,fo(t,s)},Vn="__osScrollbarsHidingPlugin",Lc="__osClickScrollPlugin";let fn;const Ic=()=>{const t=(b,x,P,T)=>{bt(b,x);const k=Qs(x),j=ye(x),R=Hn(P);return T&&zt(x),{x:j.h-k.h+R.h,y:j.w-k.w+R.w}},e=b=>{let x=!1;const P=je(b,uc);try{x=Xt(b,"scrollbar-width")==="none"||Xt(b,"display","::-webkit-scrollbar")==="none"}catch{}return P(),x},n=(b,x)=>{de(b,{[Je]:ue,[Ze]:ue,direction:"rtl"}),Ft(b,{x:0});const P=an(b),T=an(x);Ft(b,{x:-999});const k=an(x);return{i:P.x===T.x,n:T.x!==k.x}},{body:s}=document,c=Zs(`
`)[0],l=c.firstChild,[r,,i]=En(),[u,a]=Ot({o:t(s,c,l),u:Bs},M(t,s,c,l,!0)),[f]=a(),d=e(c),w={x:f.x===0,y:f.y===0},_={elements:{host:null,padding:!d,viewport:b=>d&&Ys(b)&&b,content:!1},scrollbars:{slot:!0},cancel:{nativeScrollbarsOverlaid:!1,body:null}},I=G({},ac),D=M(G,{},I),v=M(G,{},_),S={P:f,T:w,L:d,J:!!vn,K:n(c,l),Z:M(r,"r"),G:v,tt:b=>G(_,b)&&v(),nt:D,ot:b=>G(I,b)&&D(),st:G({},_),et:G({},I)};return _t(c,"style"),zt(c),vt.addEventListener("resize",()=>{let b;if(!d&&(!w.x||!w.y)){const x=he(Vn);b=!!(x?x.Y():At)(S,u)}i("r",[b])}),S},St=()=>(fn||(fn=Ic()),fn),po=(t,e)=>It(e)?e.apply(0,t):e,Nc=(t,e,n,s)=>{const o=Se(s)?n:s;return po(t,o)||e.apply(0,t)},ho=(t,e,n,s)=>{const o=Se(s)?n:s,c=po(t,o);return!!c&&(Re(c)?c:e.apply(0,t))},Dc=(t,e)=>{const{nativeScrollbarsOverlaid:n,body:s}=e||{},{T:o,L:c,G:l}=St(),{nativeScrollbarsOverlaid:r,body:i}=l().cancel,u=n??r,a=Se(s)?i:s,f=(o.x||o.y)&&u,d=t&&(Ke(a)?!c:a);return!!f||!!d},zn=new WeakMap,kc=(t,e)=>{zn.set(t,e)},Hc=t=>{zn.delete(t)},go=t=>zn.get(t),Mc=(t,e,n)=>{let s=!1;const o=n?new WeakMap:!1,c=()=>{s=!0},l=r=>{if(o&&n){const i=n.map(u=>{const[a,f]=u||[];return[f&&a?(r||Ws)(a,t):[],f]});K(i,u=>K(u[0],a=>{const f=u[1],d=o.get(a)||[];if(t.contains(a)&&f){const _=et(a,f,I=>{s?(_(),o.delete(a)):e(I)});o.set(a,Q(d,_))}else wt(d),o.delete(a)}))}};return l(),[c,l]},hs=(t,e,n,s)=>{let o=!1;const{ct:c,rt:l,lt:r,it:i,ut:u,ft:a}=s||{},f=Us(()=>o&&n(!0),{v:33,p:99}),[d,w]=Mc(t,f,r),_=c||[],I=l||[],D=Dt(_,I),v=(b,x)=>{if(!wn(x)){const P=u||At,T=a||At,k=[],j=[];let R=!1,A=!1;if(K(x,$=>{const{attributeName:O,target:g,type:C,oldValue:H,addedNodes:X,removedNodes:F}=$,V=C==="attributes",ot=C==="childList",N=t===g,Y=V&&O,J=Y&&Qe(g,O||"")||null,nt=Y&&H!==J,W=Ye(I,O)&&nt;if(e&&(ot||!N)){const ct=V&&nt,lt=ct&&i&&Ve(g,i),p=(lt?!P(g,O,H,J):!V||ct)&&!T($,!!lt,t,s);K(X,y=>Q(k,y)),K(F,y=>Q(k,y)),A=A||p}!e&&N&&nt&&!P(g,O,H,J)&&(Q(j,O),R=R||W)}),w($=>Yn(k).reduce((O,g)=>(Q(O,Ws($,g)),Ve(g,$)?Q(O,g):O),[])),e)return!b&&A&&n(!1),[!1];if(!wn(j)||R){const $=[Yn(j),R];return!b&&n.apply(0,$),$}}},S=new Jo(M(v,!1));return[()=>(S.observe(t,{attributes:!0,attributeOldValue:!0,attributeFilter:D,subtree:e,childList:e,characterData:e}),o=!0,()=>{o&&(d(),S.disconnect(),o=!1)}),()=>{if(o)return f.m(),v(!0,S.takeRecords())}]},yo=(t,e,n)=>{const{dt:o,_t:c}=n||{},l=he(Tc),{K:r}=St(),i=M(jt,t),[u]=Ot({o:!1,_:!0});return()=>{const a=[],d=Zs(`
`)[0],w=d.firstChild,_=I=>{const D=I instanceof ResizeObserverEntry,v=!D&&Et(I);let S=!1,b=!1,x=!0;if(D){const[P,,T]=u(I.contentRect),k=An(P),j=to(P,T);b=!T||j,S=!b&&!k,x=!S}else v?[,x]=I:b=I===!0;if(o&&x){const P=v?I[0]:jt(d);Ft(d,{x:ze(3333333,3333333,P&&r),y:3333333})}S||e({vt:v?I:void 0,ht:!v,_t:b})};if(He){const I=new He(D=>_(D.pop()));I.observe(w),Q(a,()=>{I.disconnect()})}else if(l){const[I,D]=l(w,_,c);Q(a,Dt([je(d,gc),et(d,"animationstart",I)],D))}else return At;if(o){const[I]=Ot({o:void 0},i);Q(a,et(d,"scroll",D=>{const v=I(),[S,b,x]=v;b&&(Dn(w,"ltr rtl"),je(w,S?"rtl":"ltr"),_([!!S,b,x])),Mn(D)}))}return M(wt,Q(a,bt(t,d)))}},Rc=(t,e)=>{let n;const s=i=>i.h===0||i.isIntersecting||i.intersectionRatio>0,o=oe(mc),[c]=Ot({o:!1}),l=(i,u)=>{if(i){const a=c(s(i)),[,f]=a;return f&&!u&&e(a)&&[a]}},r=(i,u)=>l(u.pop(),i);return[()=>{const i=[];if(Wn)n=new Wn(M(r,!1),{root:t}),n.observe(o),Q(i,()=>{n.disconnect()});else{const u=()=>{const a=ye(o);l(a)};Q(i,yo(o,u)()),u()}return M(wt,Q(i,bt(t,o)))},()=>n&&r(!0,n.takeRecords())]},jc=(t,e,n,s)=>{let o,c,l,r,i,u;const{L:a}=St(),f=`[${mt}]`,d=`[${Rt}]`,w=["tabindex"],_=["wrap","cols","rows"],I=["id","class","style","open"],{gt:D,bt:v,D:S,wt:b,St:x,V:P,yt:T,Ot:k}=t,j={$t:!1,N:jt(D)},R=St(),A=he(Vn),[$]=Ot({u:Fs,o:{w:0,h:0}},()=>{const h=A&&A.M(t,e,j,R,n).W,p=T(re),y=!P&&T(pc),m=y&&pe(S);k(re),P&&k(Cn,!0);const E=y&&h&&h()[0],L=xn(b),U=xn(S),B=Hn(S);return k(re,p),P&&k(Cn),E&&E(),Ft(S,m),{w:U.w+L.w+B.w,h:U.h+L.h+B.h}}),O=x?_:Dt(I,_),g=Us(s,{v:()=>o,p:()=>c,S(h,p){const[y]=h,[m]=p;return[Dt(Vt(y),Vt(m)).reduce((E,L)=>(E[L]=y[L]||m[L],E),{})]}}),C=h=>{if(P){const p=jt(D);G(h,{Ct:u!==p}),G(j,{N:p}),u=p}},H=h=>{K(h||w,p=>{if(Ye(w,p)){const y=Qe(v,p);qe(y)?$t(S,p,y):_t(S,p)}})},X=(h,p)=>{const[y,m]=h,E={xt:m};return G(j,{$t:y}),!p&&s(E),E},F=({ht:h,vt:p,_t:y})=>{const E=!(h&&!y&&!p)&&a?g:s,[L,U]=p||[],B={ht:h||y,_t:y,Ct:U};C(B),p&&G(j,{N:L}),E(B)},V=(h,p)=>{const[,y]=$(),m={Ht:y};return C(m),y&&!p&&(h?s:g)(m),m},ot=(h,p,y)=>{const m={zt:p};return C(m),p&&!y?g(m):P||H(h),m},{Z:N}=R,[Y,J]=b?Rc(v,X):[],nt=!P&&yo(v,F,{_t:!0,dt:!0}),[W,ct]=hs(v,!1,ot,{rt:I,ct:Dt(I,w)}),lt=P&&He&&new He(h=>{const p=h[h.length-1].contentRect;F({ht:!0,_t:to(p,i)}),i=p});return[()=>{H(),lt&<.observe(v);const h=nt&&nt(),p=Y&&Y(),y=W(),m=N(E=>{const[,L]=$();g({It:E,Ht:L})});return()=>{lt&<.disconnect(),h&&h(),p&&p(),r&&r(),y(),m()}},({Et:h,At:p,Tt:y})=>{const m={},[E]=h("update.ignoreMutation"),[L,U]=h("update.attributes"),[B,tt]=h("update.elementEvents"),[st,pt]=h("update.debounce"),z=tt||U,q=p||y,yt=at=>It(E)&&E(at);if(z){l&&l(),r&&r();const[at,Z]=hs(b||S,!0,V,{ct:Dt(O,L||[]),lt:B,it:f,ft:(ut,dt)=>{const{target:Ct,attributeName:Oe}=ut;return(!dt&&Oe&&!P?oc(Ct,f,d):!1)||!!se(Ct,`.${gt}`)||!!yt(ut)}});r=at(),l=Z}if(pt)if(g.m(),Et(st)){const at=st[0],Z=st[1];o=Lt(at)&&at,c=Lt(Z)&&Z}else Lt(st)?(o=st,c=!1):(o=!1,c=!1);if(q){const at=ct(),Z=J&&J(),ut=l&&l();at&&G(m,ot(at[0],at[1],q)),Z&&G(m,X(Z[0],q)),ut&&G(m,V(ut[0],q))}return C(m),m},j]},Vc=(t,e,n,s)=>{const{G:o,K:c}=St(),{scrollbars:l}=o(),{slot:r}=l,{gt:i,bt:u,D:a,Dt:f,kt:d,Rt:w,V:_}=e,{scrollbars:I}=f?{}:t,{slot:D}=I||{},v=new Map,S=h=>vn&&new vn({source:d,axis:h}),b=S("x"),x=S("y"),P=ho([i,u,a],()=>_&&w?i:u,r,D),T=(h,p)=>{if(p){const B=h?ie:ae,{Mt:tt,Vt:st}=p,pt=ce(st)[B],z=ce(tt)[B];return Sn(0,1,pt/z||0)}const y=h?"x":"y",{Lt:m,Pt:E}=n,L=E[y],U=m[y];return Sn(0,1,L/(L+U)||0)},k=(h,p,y,m)=>{const E=T(y,h);return 1/E*(1-E)*(m?1-p:p)||0},j=(h,p)=>G(h,p?{clear:["left"]}:{}),R=h=>{v.forEach((p,y)=>{(h?Ye(Ns(h),y):!0)&&(K(p||[],E=>{E&&E.cancel()}),v.delete(y))})},A=(h,p,y,m)=>{const E=v.get(h)||[],L=E.find(U=>U&&U.timeline===p);L?L.effect=new KeyframeEffect(h,y,{composite:m}):v.set(h,Dt(E,[h.animate(y,{timeline:p,composite:m})]))},$=(h,p,y)=>{const m=y?je:Dn;K(h,E=>{m(E.Ut,p)})},O=(h,p)=>{K(h,y=>{const[m,E]=p(y);de(m,E)})},g=(h,p)=>{O(h,y=>{const{Vt:m}=y;return[m,{[p?ie:ae]:Qn(T(p))}]})},C=(h,p)=>{const{Lt:y}=n,m=p?y.x:y.y,E=(L,U,B)=>ln(Qn(k(L,os(U,m,B),p,B)),p);if(b&&x)K(h,L=>{const{Ut:U,Vt:B}=L,tt=p&&jt(U)&&c;A(B,p?b:x,j({transform:ss(m,tt).map(st=>E(L,st,tt))},tt))});else{const L=pe(d);O(h,U=>{const{Vt:B,Ut:tt}=U;return[B,{transform:E(U,p?L.x:L.y,p&&jt(tt)&&c)}]})}},H=h=>_&&!w&&fe(h)===a,X=[],F=[],V=[],ot=(h,p,y)=>{const m=Is(y),E=m?y:!0,L=m?!y:!0;E&&$(F,h,p),L&&$(V,h,p)},N=()=>{g(F,!0),g(V)},Y=()=>{C(F,!0),C(V)},J=()=>{if(_){const{Lt:h}=n,p=.5;if(b&&x)K(Dt(V,F),({Ut:y})=>{if(H(y)){const m=(E,L,U)=>{const B=U&&jt(y)&&c;A(y,E,j({transform:ss(L-p,B).map(tt=>ln(On(tt),U))},B),"add")};m(b,h.x,!0),m(x,h.y)}else R(y)});else{const y=pe(d),m=E=>{const{Ut:L}=E,U=H(L)&&L,B=(tt,st,pt)=>{const z=os(tt,st,pt),q=st*z;return On(pt?-q:q)};return[U,{transform:U?ln({x:B(y.x,h.x,jt(L)&&c),y:B(y.y,h.y)}):""}]};O(F,m),O(V,m)}}},nt=h=>{const y=oe(`${gt} ${h?wc:Sc}`),m=oe(lo),E=oe(jn),L={Ut:y,Mt:m,Vt:E};return Q(h?F:V,L),Q(X,[bt(y,m),bt(m,E),M(zt,y),R,s(L,ot,C,h)]),L},W=M(nt,!0),ct=M(nt,!1),lt=()=>(bt(P,F[0].Ut),bt(P,V[0].Ut),M(wt,X));return W(),ct(),[{Bt:N,Nt:Y,jt:J,Ft:ot,qt:{J:b,Wt:F,Xt:W,Yt:M(O,F)},Jt:{J:x,Wt:V,Xt:ct,Yt:M(O,V)}},lt]},zc=(t,e,n,s)=>{const{bt:o,kt:c,Kt:l}=e;return(r,i,u,a)=>{const{Ut:f,Mt:d,Vt:w}=r,[_,I]=ne(333),[D,v]=ne(),S=M(u,[r],a),b=!!c.scrollBy,x=`client${a?"X":"Y"}`,P=a?ie:ae,T=a?"left":"top",k=a?"w":"h",j=a?"x":"y",R=O=>O.propertyName.indexOf(P)>-1,A=()=>{const O="pointerup pointerleave pointercancel lostpointercapture",g=(C,H)=>X=>{const{Lt:F}=n,V=ye(d)[k]-ye(w)[k],N=H*X/V*F[j];Ft(c,{[j]:C+N})};return et(d,"pointerdown",C=>{const H=se(C.target,`.${jn}`)===w,X=H?w:d,F=t.scrollbars,{button:V,isPrimary:ot,pointerType:N}=C,{pointers:Y}=F;if(V===0&&ot&&F[H?"dragScroll":"clickScroll"]&&(Y||[]).includes(N)){const nt=!H&&C.shiftKey,W=M(ce,w),ct=M(ce,d),lt=(q,yt)=>(q||W())[T]-(yt||ct())[T],h=yn(ce(c)[P])/ye(c)[k]||1,p=g(pe(c)[j]||0,1/h),y=C[x],m=W(),E=ct(),L=m[P],U=lt(m,E)+L/2,B=y-E[T],tt=H?0:B-U,st=q=>{wt(z),X.releasePointerCapture(q.pointerId)},z=[be(o,mt,fc),et(l,O,st),et(l,"selectstart",q=>ns(q),{H:!1}),et(d,O,st),et(d,"pointermove",q=>{const yt=q[x]-y;(H||nt)&&p(tt+yt)})];if(X.setPointerCapture(C.pointerId),nt)p(tt);else if(!H){const q=he(Lc);q&&Q(z,q(p,lt,tt,L,B))}}})};let $=!0;return M(wt,[et(f,"pointerenter",()=>{i(us,!0)}),et(f,"pointerleave pointercancel",()=>{i(us,!1)}),et(f,"wheel",O=>{const{deltaX:g,deltaY:C,deltaMode:H}=O;b&&$&&H===0&&fe(f)===o&&c.scrollBy({left:g,top:C,behavior:"smooth"}),$=!1,i(ps,!0),_(()=>{$=!0,i(ps)}),ns(O)},{H:!1,I:!0}),et(w,"pointermove pointerleave",s),et(w,"transitionstart",O=>{if(R(O)){const g=()=>{S(),D(g)};g()}}),et(w,"transitionend transitioncancel",O=>{R(O)&&(v(),S())}),et(f,"mousedown",M(et,l,"click",Mn,{A:!0,I:!0}),{I:!0}),A(),I,v])}},Fc=(t,e,n,s,o,c)=>{let l,r,i,u,a=At,f=0;const d=()=>!i&&!r,w=N=>N.pointerType==="mouse",[_,I]=ne(),[D,v]=ne(100),[S,b]=ne(100),[x,P]=ne(()=>f),[T,k]=Vc(t,o,s,zc(e,o,s,N=>w(N)&&d()&&X())),{bt:j,Zt:R,Rt:A}=o,{Ft:$,Bt:O,Nt:g,jt:C}=T,H=(N,Y)=>{if(P(),N)$(ds);else{const J=M($,ds,!0);f>0&&!Y?x(J):J()}},X=()=>{H(!0),D(()=>{H(!1)})},F=N=>{$(_n,N,!0),$(_n,N,!1)},V=N=>{w(N)&&r&&H(!0)},ot=[P,v,b,I,()=>a(),et(j,"pointerover",V,{A:!0}),et(j,"pointerenter",V),et(j,"pointerleave",N=>{w(N)&&r&&H(!1)}),et(j,"pointermove",N=>{w(N)&&l&&X()}),et(R,"scroll",N=>{_(()=>{g(),d()&&X()}),c(N),C()})];return[()=>M(wt,Q(ot,k())),({Et:N,Tt:Y,Gt:J,Qt:nt})=>{const{tn:W,nn:ct,sn:lt}=nt||{},{Ct:h,_t:p}=J||{},{N:y}=n,{T:m}=St(),{k:E,en:L}=s,[U,B]=N("showNativeOverlaidScrollbars"),[tt,st]=N("scrollbars.theme"),[pt,z]=N("scrollbars.visibility"),[q,yt]=N("scrollbars.autoHide"),[at,Z]=N("scrollbars.autoHideSuspend"),[ut]=N("scrollbars.autoHideDelay"),[dt,Ct]=N("scrollbars.dragScroll"),[Oe,xe]=N("scrollbars.clickScroll"),[Ae,Tt]=N("overflow"),Ut=p&&!Y,Gt=L.x||L.y,nn=W||ct||h||Y,Mt=lt||z||Tt,sn=U&&m.x&&m.y,Jt=(Zt,Qt,ge)=>{const Ee=Zt.includes("scroll")&&(pt==="visible"||pt==="auto"&&Qt==="scroll");return $($c,Ee,ge),Ee};if(f=ut,Ut&&(at&&Gt?(F(!1),a(),S(()=>{a=et(R,"scroll",M(F,!0),{A:!0})})):F(!0)),B&&$(bc,sn),st&&($(u),$(tt,!0),u=tt),Z&&!at&&F(!0),yt&&(l=q==="move",r=q==="leave",i=q==="never",H(i,!0)),Ct&&$(Ac,dt),xe&&$(xc,Oe),Mt){const Zt=Jt(Ae.x,E.x,!0),Qt=Jt(Ae.y,E.y,!1);$(Oc,!(Zt&&Qt))}nn&&(O(),g(),C(),$(fs,!L.x,!0),$(fs,!L.y,!1),$(vc,y&&!A))},{},T]},Bc=t=>{const e=St(),{G:n,L:s}=e,{elements:o}=n(),{host:c,padding:l,viewport:r,content:i}=o,u=Re(t),a=u?{}:t,{elements:f}=a,{host:d,padding:w,viewport:_,content:I}=f||{},D=u?t:a.target,v=Ys(D),S=Ve(D,"textarea"),b=D.ownerDocument,x=b.documentElement,P=b.defaultView,T=()=>b.activeElement,k=z=>{z&&z.focus&&z.focus()},j=M(Nc,[D]),R=M(ho,[D]),A=M(oe,""),$=M(j,A,r),O=M(R,A,i),g=$(_),C=g===D,H=C&&v,X=!C&&O(I),F=!C&&g===X,V=H?x:g,ot=S?j(A,c,d):D,N=H?V:ot,Y=!C&&R(A,l,w),J=!F&&X,nt=[J,V,Y,N].map(z=>Re(z)&&!fe(z)&&z),W=z=>z&&Ye(nt,z),ct=W(V)?D:V,lt={gt:D,bt:N,D:V,cn:Y,wt:J,kt:H?x:V,Zt:H?b:V,rn:v?x:ct,ln:P,Kt:b,St:S,Rt:v,Dt:u,V:C,yt:z=>nc(V,C?mt:Rt,z),Ot:(z,q)=>Pe(V,C?mt:Rt,z,q)},{gt:h,bt:p,cn:y,D:m,wt:E}=lt,L=[()=>{_t(p,[mt,un]),_t(h,un),v&&_t(x,[un,mt])}],U=S&&W(p);let B=S?h:$n([E,m,y,p,h].find(z=>z&&!W(z)));const tt=H?h:E||m,st=M(wt,L);return[lt,()=>{const z=T(),q=Z=>{bt(fe(Z),$n(Z)),zt(Z)},yt=Z=>Z?et(Z,"focusin focusout focus blur",ut=>{Mn(ut),ut.stopImmediatePropagation()},{I:!0,H:!1}):At,at=yt(z);if($t(p,mt,C?"viewport":"host"),$t(y,Tn,""),$t(E,as,""),C||($t(m,Rt,""),v&&be(x,mt,dc)),U&&(Jn(h,p),Q(L,()=>{Jn(p,h),zt(p)})),bt(tt,B),bt(p,y),bt(y||p,!C&&m),bt(m,E),Q(L,[at,()=>{const Z=T(),ut=yt(Z);_t(y,Tn),_t(E,as),_t(m,[so,oo,Rt]),W(E)&&q(E),W(m)&&q(m),W(y)&&q(y),k(Z),ut()}]),s&&!C&&(be(m,Rt,ro),Q(L,M(_t,m,Rt))),!C&&P.top===P&&z===D){const Z="tabindex",ut=Qe(m,Z);$t(m,Z,"-1"),k(m);const dt=()=>ut?$t(m,Z,ut):_t(m,Z),Ct=et(b,"pointerdown keydown",()=>{dt(),Ct()});Q(L,[dt,Ct])}else k(z);return at(),B=0,st},st]},Uc=({wt:t})=>({Gt:e,an:n,Tt:s})=>{const{xt:o}=e||{},{$t:c}=n;t&&(o||s)&&de(t,{[ae]:c&&"100%"})},Gc=({bt:t,cn:e,D:n,V:s},o)=>{const[c,l]=Ot({u:ec,o:ts()},M(ts,t,"padding",""));return({Et:r,Gt:i,an:u,Tt:a})=>{let[f,d]=l(a);const{L:w}=St(),{ht:_,Ht:I,Ct:D}=i||{},{N:v}=u,[S,b]=r("paddingAbsolute");(_||d||(a||I))&&([f,d]=c(a));const P=!s&&(b||D||d);if(P){const T=!S||!e&&!w,k=f.r+f.l,j=f.t+f.b,R={[js]:T&&!v?-k:0,[Vs]:T?-j:0,[Rs]:T&&v?-k:0,top:T?-f.t:0,right:T?v?-f.r:"auto":0,left:T?v?"auto":-f.l:0,[ie]:T&&`calc(100% + ${k}px)`},A={[Ds]:T?f.t:0,[ks]:T?f.r:0,[Ms]:T?f.b:0,[Hs]:T?f.l:0};de(e||n,R),de(n,A),G(o,{cn:f,un:!T,j:e?A:G({},R,A)})}return{fn:P}}},Kc=(t,e)=>{const n=St(),{bt:s,cn:o,D:c,V:l,Ot:r,Rt:i,ln:u}=t,{L:a}=n,f=i&&l,d=M(_e,0),w={u:Fs,o:{w:0,h:0}},_={u:Bs,o:{x:ue,y:ue}},I=(A,$)=>{const O=vt.devicePixelRatio%1!==0?1:0,g={w:d(A.w-$.w),h:d(A.h-$.h)};return{w:g.w>O?g.w:0,h:g.h>O?g.h:0}},[D,v]=Ot(w,M(Hn,c)),[S,b]=Ot(w,M(xn,c)),[x,P]=Ot(w),[T,k]=Ot(w),[j]=Ot(_),R=he(Vn);return({Et:A,Gt:$,an:O,Tt:g},{fn:C})=>{const{ht:H,Ht:X,Ct:F,It:V}=$||{},ot=R&&R.M(t,e,O,n,A),{q:N,W:Y,X:J}=ot||{},[nt,W]=_c(A,n),[ct,lt]=A("overflow"),h=H||C||X||F||V||W,p=Fe(ct.x),y=Fe(ct.y),m=p||y;let E=v(g),L=b(g),U=P(g),B=k(g),tt;if(W&&a&&r(ro,!nt),h){m&&r(re,!1);const[Tt,Ut]=Y?Y(tt):[],[Gt,nn]=E=D(g),[Mt,sn]=L=S(g),Jt=Qs(c),Zt=Mt,Qt=Jt;Tt&&Tt(),(sn||nn||W)&&Ut&&!nt&&N&&N(Ut,Mt,Gt);const ge=lc(u),Ee={w:d(_e(Mt.w,Zt.w)+Gt.w),h:d(_e(Mt.h,Zt.h)+Gt.h)},Fn={w:d((f?ge.w:Qt.w+d(Jt.w-Mt.w))+Gt.w),h:d((f?ge.h:Qt.h+d(Jt.h-Mt.h))+Gt.h)};B=T(Fn),U=x(I(Ee,Fn),g)}const[st,pt]=B,[z,q]=U,[yt,at]=L,[Z,ut]=E,dt={x:z.w>0,y:z.h>0},Ct=p&&y&&(dt.x||dt.y)||p&&dt.x&&!dt.y||y&&dt.y&&!dt.x;if(C||F||V||ut||at||pt||q||lt||W||h){const Tt={},Ut=Pc(t,dt,ct,Tt);J&&J(Ut,O,!!N&&N(Ut,yt,Z),Tt),l?($t(s,so,Tt[Je]),$t(s,oo,Tt[Ze])):de(c,Tt)}Pe(s,mt,co,Ct),Pe(o,Tn,hc,Ct),l||Pe(c,Rt,re,m);const[xe,Ae]=j(fo(t).k);return G(e,{k:xe,Pt:{x:st.w,y:st.h},Lt:{x:z.w,y:z.h},en:dt}),{sn:Ae,tn:pt,nn:q}}},qc=t=>{const[e,n,s]=Bc(t),o={cn:{t:0,r:0,b:0,l:0},un:!1,j:{[js]:0,[Vs]:0,[Rs]:0,[Ds]:0,[ks]:0,[Ms]:0,[Hs]:0},Pt:{x:0,y:0},Lt:{x:0,y:0},k:{x:ue,y:ue},en:{x:!1,y:!1}},{gt:c,D:l,V:r}=e,{L:i,T:u}=St(),a=!i&&(u.x||u.y),f=[Uc(e),Gc(e,o),Kc(e,o)];return[n,d=>{const w={},I=a&&pe(l),D=r?be(l,mt,Cn):At;return K(f,v=>{G(w,v(d,w)||{})}),D(),Ft(l,I),!r&&Ft(c,0),w},o,e,s]},Xc=(t,e,n,s)=>{const o=is(e,{}),[c,l,r,i,u]=qc(t),[a,f,d]=jc(i,r,o,S=>{v({},S)}),[w,_,,I]=Fc(t,e,d,r,i,s),D=S=>Vt(S).some(b=>!!S[b]),v=(S,b)=>{const{dn:x,Tt:P,At:T,_n:k}=S,j=x||{},R=!!P,A={Et:is(e,j,R),dn:j,Tt:R};if(k)return _(A),!1;const $=b||f(G({},A,{At:T})),O=l(G({},A,{an:d,Gt:$}));_(G({},A,{Gt:$,Qt:O}));const g=D($),C=D(O),H=g||C||!Nn(j)||R;return H&&n(S,{Gt:$,Qt:O}),H};return[()=>{const{rn:S,D:b}=i,x=pe(S),P=[a(),c(),w()];return Ft(b,x),M(wt,P)},v,()=>({vn:d,hn:r}),{pn:i,gn:I},u]},kt=(t,e,n)=>{const{nt:s}=St(),o=Re(t),c=o?t:t.target,l=go(c);if(e&&!l){let r=!1;const i=[],u={},a=A=>{const $=Ks(A,!0),O=he(Cc);return O?O($,!0):$},f=G({},s(),a(e)),[d,w,_]=En(),[I,D,v]=En(n),S=(A,$)=>{v(A,$),_(A,$)},[b,x,P,T,k]=Xc(t,f,({dn:A,Tt:$},{Gt:O,Qt:g})=>{const{ht:C,Ct:H,xt:X,Ht:F,zt:V,_t:ot}=O,{tn:N,nn:Y,sn:J}=g;S("updated",[R,{updateHints:{sizeChanged:!!C,directionChanged:!!H,heightIntrinsicChanged:!!X,overflowEdgeChanged:!!N,overflowAmountChanged:!!Y,overflowStyleChanged:!!J,contentMutation:!!F,hostMutation:!!V,appear:!!ot},changedOptions:A||{},force:!!$}])},A=>S("scroll",[R,A])),j=A=>{Hc(c),wt(i),r=!0,S("destroyed",[R,A]),w(),D()},R={options(A,$){if(A){const O=$?s():{},g=eo(f,G(O,a(A)));Nn(g)||(G(f,g),x({dn:g}))}return G({},f)},on:I,off:(A,$)=>{A&&$&&D(A,$)},state(){const{vn:A,hn:$}=P(),{N:O}=A,{Pt:g,Lt:C,k:H,en:X,cn:F,un:V}=$;return G({},{overflowEdge:g,overflowAmount:C,overflowStyle:H,hasOverflow:X,padding:F,paddingAbsolute:V,directionRTL:O,destroyed:r})},elements(){const{gt:A,bt:$,cn:O,D:g,wt:C,kt:H,Zt:X}=T.pn,{qt:F,Jt:V}=T.gn,ot=Y=>{const{Vt:J,Mt:nt,Ut:W}=Y;return{scrollbar:W,track:nt,handle:J}},N=Y=>{const{Wt:J,Xt:nt}=Y,W=ot(J[0]);return G({},W,{clone:()=>{const ct=ot(nt());return x({_n:!0}),ct}})};return G({},{target:A,host:$,padding:O||g,viewport:g,content:C||g,scrollOffsetElement:H,scrollEventElement:X,scrollbarHorizontal:N(F),scrollbarVertical:N(V)})},update:A=>x({Tt:A,At:!0}),destroy:M(j,!1),plugin:A=>u[Vt(A)[0]]};return Q(i,[k]),kc(c,R),uo(io,kt,[R,d,u]),Dc(T.pn.Rt,!o&&t.cancel)?(j(!0),R):(Q(i,b()),S("initialized",[R]),R.update(!0),R)}return l};kt.plugin=t=>{const e=Et(t),n=e?t:[t],s=n.map(o=>uo(o,kt)[0]);return Ec(n),e?s:s[0]};kt.valid=t=>{const e=t&&t.elements,n=It(e)&&e();return Me(n)&&!!go(n.target)};kt.env=()=>{const{P:t,T:e,L:n,K:s,J:o,st:c,et:l,G:r,tt:i,nt:u,ot:a}=St();return G({},{scrollbarsSize:t,scrollbarsOverlaid:e,scrollbarsHiding:n,rtlScrollBehavior:s,scrollTimeline:o,staticDefaultInitialization:c,staticDefaultOptions:l,getDefaultInitialization:r,setDefaultInitialization:i,getDefaultOptions:u,setDefaultOptions:a})};const Wc=()=>{if(typeof window>"u"){const u=()=>{};return[u,u]}let t,e;const n=window,s=typeof n.requestIdleCallback=="function",o=n.requestAnimationFrame,c=n.cancelAnimationFrame,l=s?n.requestIdleCallback:o,r=s?n.cancelIdleCallback:c,i=()=>{r(t),c(e)};return[(u,a)=>{i(),t=l(s?()=>{i(),e=o(u)}:u,typeof a=="object"?a:{timeout:2233})},i]},Yc=t=>typeof t=="function",ee=t=>Yc(t)?t():t,mo=t=>{let e=null,n,s,o;const[c,l]=Wc();return xt(()=>{var r;o=ee((r=ee(t))==null?void 0:r.defer)}),xt(()=>{var r;n=ee((r=ee(t))==null?void 0:r.options),kt.valid(e)&&e.options(n||{},!0)}),xt(()=>{var r;s=ee((r=ee(t))==null?void 0:r.events),kt.valid(e)&&e.on(s||{},!0)}),vs(()=>{l(),e==null||e.destroy()}),[r=>{if(kt.valid(e))return e;const i=()=>e=kt(r,n||{},s||{});o?c(i,o):i()},()=>e]},Jc=Nt('
'),Zc=t=>{const[e,n]=As(Un({element:"div"},t),["element","options","events","defer","ref","children"]),[s,o]=Kt(),[c,l]=Kt(),[r,i]=mo(e);return bs(()=>{const u=s(),a=c();u&&(r(e.element==="body"?{target:u,cancel:{body:null}}:{target:u,elements:{viewport:a,content:a}}),vs(()=>{var f;(f=i())==null||f.destroy()}))}),xt(()=>{const u={osInstance:i,getElement:()=>s()||null};typeof e.ref=="function"?e.ref(u):e.ref=u}),Ln(Wo,Un({get component(){return e.element},"data-overlayscrollbars-initialize":"",ref:o},n,{get children(){return Pt(()=>e.element==="body")()?Bn(()=>e.children)():(()=>{const u=Jc();return Bo(l,u),ht(u,Bn(()=>e.children)),u})()}}))},Qc=()=>{const[t,e]=Kt([]),n={},s={},o=r=>{const i=n[r];n[r]=typeof i=="number"?i+1:1,e(u=>Array.from(new Set([...u,r]))),clearTimeout(s[r]),s[r]=setTimeout(()=>{e(u=>{const a=new Set(u);return a.delete(r),Array.from(a)})},500)},c=r=>({active:t().includes(r),count:n[r]||0});return[Pt(()=>({initialized:c("initialized"),destroyed:c("destroyed"),updated:c("updated"),scroll:c("scroll")})),o]},tr=Nt(' \ No newline at end of file diff --git a/docs/index.txt b/docs/index.txt index b135911f..fe38de29 100644 --- a/docs/index.txt +++ b/docs/index.txt @@ -1,8 +1,8 @@ -2:I[9009,["250","static/chunks/250-803c01549b05a15b.js","10","static/chunks/10-811ad75850715e3f.js","931","static/chunks/app/page-013e48bf23238fcb.js"],"OverlayScrollbarsClientComponent"] -3:I[5250,["250","static/chunks/250-803c01549b05a15b.js","10","static/chunks/10-811ad75850715e3f.js","931","static/chunks/app/page-013e48bf23238fcb.js"],""] -4:I[293,["554","static/chunks/554-ea66ad1362920aef.js","10","static/chunks/10-811ad75850715e3f.js","185","static/chunks/app/layout-9369751bf6c14f0d.js"],"Html"] +2:I[9009,["250","static/chunks/250-803c01549b05a15b.js","10","static/chunks/10-01032becc4f5cdd1.js","931","static/chunks/app/page-013e48bf23238fcb.js"],"OverlayScrollbarsClientComponent"] +3:I[5250,["250","static/chunks/250-803c01549b05a15b.js","10","static/chunks/10-01032becc4f5cdd1.js","931","static/chunks/app/page-013e48bf23238fcb.js"],""] +4:I[293,["554","static/chunks/554-ea66ad1362920aef.js","10","static/chunks/10-01032becc4f5cdd1.js","185","static/chunks/app/layout-2ffa410c948e96e3.js"],"Html"] 5:I[5613,[],""] 6:I[1778,[],""] -0:["sA3nxIKjl1dO1MNAF2WXi",[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",true],["",{"children":["__PAGE__",{},["$L1",["$","div",null,{"className":"sm:container default:px-6","children":[["$","div",null,{"className":"mt-8 flex justify-center items-center h-[33vh] min-h-32 max-h-40 xxs:max-h-44","children":["$","div",null,{"className":"h-full relative before:content-[\"\"] before:bg-[url(/OverlayScrollbars/img/logo.svg)] before:absolute before:left-0 before:w-full before:h-full before:bg-contain before:bg-center before:bg-no-repeat before:-z-10 before:[transform:translateZ(0)] before:[filter:blur(33px)_saturate(1.22)] before:opacity-50 before:top-2.5 after:content-[\"\"] after:bg-[url(/OverlayScrollbars/img/logo.svg)] after:absolute after:left-0 after:w-full after:h-full after:bg-contain after:bg-center after:bg-no-repeat after:-z-10 after:[transform:translateZ(0)] after:[filter:drop-shadow(0_6px_22px_#5242e3)_saturate(1.5)] after:opacity-10 after:top-0","children":["$","img",null,{"src":"/OverlayScrollbars/img/logo.svg","className":"h-full","alt":"OverlayScrollbars Logo","width":"200","height":"200"}]}]}],["$","h1",null,{"className":"text-center xxs:text-4xl text-2xl font-bold my-11","children":["Overlay",["$","wbr",null,{}],"Scrollbars"]}],["$","p",null,{"className":"text-center mx-auto max-w-screen-sm my-11 font-medium","children":"A javascript scrollbar plugin that hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling."}],["$","div",null,{"className":"my-6 text-center font-semiBold text-sm uppercase relative","children":["$","span",null,{"className":"p-3 bg-slate-50","children":[["$","span",null,{"children":"used by"}],["$","span",null,{"className":"absolute block top-1/2 left-1/2 w-full xs:w-[80%] border-t-[1px] border-slate-300 -translate-x-1/2 -translate-y-1/2 -z-10"}]]}]}],["$","$L2",null,{"defer":true,"children":["$","div",null,{"className":"flex justify-center","children":["$","div",null,{"className":"inline-flex items-center gap-6 px-1 py-6 opacity-60 [filter:brightness(0.8)_sepia(1)_saturate(1.44)_hue-rotate(175deg)]","children":[["$","a",null,{"className":"h-11 flex-none rounded-sm px-3 group py-1","target":"_blank","href":"https://github.com/KingSora/OverlayScrollbars/issues/150#issuecomment-658658186","children":["$","img",null,{"className":"h-full transition-all group-hover:scale-110 group-focus:scale-110","src":"/OverlayScrollbars/img/spotify-logo.svg","alt":"Spotify","style":{"filter":"brightness(0.35)"}}]}],["$","a",null,{"className":"h-11 flex-none rounded-sm px-3 group","target":"_blank","href":"https://github.com/JetBrains/intellij-community/blob/ee35416f381ed33f976d7b9322a5ee6156e7fa2f/platform/platform-api/src/com/intellij/ui/jcef/JBCefScrollbarsHelper.java#L41-L50","children":["$","img",null,{"className":"h-full transition-all group-hover:scale-110 group-focus:scale-110","src":"/OverlayScrollbars/img/intellij-idea-logo.svg","alt":"IntelliJ IDEA"}]}],["$","a",null,{"className":"h-11 flex-none rounded-sm px-3 group py-1.5","target":"_blank","href":"https://github.com/storybookjs/storybook/blob/32d2fafa8d1d2e197e885349f2c01f5422bde5b4/code/ui/components/package.json#L66-L67","children":["$","img",null,{"className":"h-full transition-all group-hover:scale-110 group-focus:scale-110","src":"/OverlayScrollbars/img/storybook-logo.svg","alt":"Storybook"}]}],["$","a",null,{"className":"h-11 flex-none rounded-sm px-3 group py-3","target":"_blank","href":"https://github.com/ColorlibHQ/AdminLTE/blob/3113ac5efed25971ccd0972f5eeff3c364f218dc/src/html/components/_scripts.astro#L6-L7","children":["$","img",null,{"className":"h-full transition-all group-hover:scale-110 group-focus:scale-110","src":"/OverlayScrollbars/img/adminlte-logo.png","alt":"Admin LTE"}]}],["$","a",null,{"className":"h-11 flex-none rounded-sm px-3 group","target":"_blank","href":"https://scramble.cloud/#credits","children":["$","img",null,{"className":"h-full transition-all group-hover:scale-110 group-focus:scale-110","src":"/OverlayScrollbars/img/scramble-logo.svg","alt":"Scramble.cloud"}]}]]}]}]}],["$","div",null,{"className":"my-6 text-center font-semiBold text-sm uppercase relative","children":["$","span",null,{"className":"p-3 bg-slate-50","children":[["$","span",null,{"children":["$","a",null,{"href":"https://github.com/KingSora/OverlayScrollbars","target":"_blank","className":"inline-block leading-[0] rounded-full","children":[["$","span",null,{"style":{"maskImage":"url(/OverlayScrollbars/icon/github.svg)","WebkitMaskImage":"url(/OverlayScrollbars/icon/github.svg)"},"className":"default:block default:flex-none default:bg-current mask-center mask-contain mask-no-repeat inline-block w-11 h-11 hover:scale-110 text-primary-dark hover:text-primary-blue1 active:text-primary-blue2 transition-transformColor ease-in-out duration-300"}],["$","span",null,{"className":"sr-only","children":"OverlayScrollbars on Github"}]]}]}],["$","span",null,{"className":"absolute block top-1/2 left-1/2 w-full xs:w-[80%] border-t-[1px] border-slate-300 -translate-x-1/2 -translate-y-1/2 -z-10"}]]}]}],["$","p",null,{"className":"text-center text-sm text-primary-gray2 mx-auto max-w-screen-sm my-11 font-medium","children":["Looking for the v1 docs? ",["$","$L3",null,{"href":"/v1","children":"Follow this link","className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],"."]}],["$","div",null,{"className":"mx-auto flex sm:flex-row justify-center gap-2 items-center flex-wrap","children":[["$","a",null,{"href":"https://www.npmjs.com/package/overlayscrollbars","className":"rounded-sm","children":["$","img",null,{"className":"min-h-[20px]","src":"https://img.shields.io/npm/dm/overlayscrollbars.svg?style=flat-square","alt":"Downloads"}]}],["$","a",null,{"href":"https://www.npmjs.com/package/overlayscrollbars","className":"rounded-sm","children":["$","img",null,{"className":"min-h-[20px]","src":"https://img.shields.io/npm/v/overlayscrollbars.svg?style=flat-square","alt":"Version"}]}],["$","a",null,{"href":"https://github.com/KingSora/OverlayScrollbars/blob/master/LICENSE","className":"rounded-sm","children":["$","img",null,{"className":"min-h-[20px]","src":"https://img.shields.io/github/license/kingsora/overlayscrollbars.svg?style=flat-square","alt":"License"}]}],["$","a",null,{"href":"https://app.codecov.io/gh/KingSora/OverlayScrollbars","className":"rounded-sm","children":["$","img",null,{"className":"min-h-[20px]","src":"https://img.shields.io/codecov/c/github/KingSora/OverlayScrollbars?style=flat-square","alt":"Code Coverage"}]}],["$","a",null,{"href":"https://bundlephobia.com/package/overlayscrollbars","className":"rounded-sm","children":["$","img",null,{"className":"min-h-[20px]","src":"https://img.shields.io/bundlephobia/minzip/overlayscrollbars?label=max.%20bundle%20size&style=flat-square","alt":"Max. Bundle Size"}]}]]}],["$","nav",null,{"className":"mx-auto my-6 text-lg flex sm:flex-row justify-center gap-2 items-center flex-wrap","children":[["$","a",null,{"href":"https://github.com/KingSora/OverlayScrollbars","target":"_blank","children":"GitHub","className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],["$","span",null,{"children":"  •  "}],["$","$L3",null,{"href":"/examples","target":"_blank","children":"Examples","className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}]]}],["$","main",null,{"className":"prose prose-primary mx-auto pb-12","children":[["$","h2",null,{"children":"Why"}],"\n",["$","p",null,{"children":"I created this plugin because I hate ugly and space consuming scrollbars. Similar plugins haven't met my requirements in terms of features, quality, simplicity, license or browser support."}],"\n",["$","h2",null,{"children":"Goals & Features"}],"\n",["$","ul",null,{"children":["\n",["$","li",null,{"children":"Simple, powerful and well documented API"}],"\n",["$","li",null,{"children":["High browser compatibility - ",["$","strong",null,{"children":"Firefox 59+"}],", ",["$","strong",null,{"children":"Chrome 55+"}],", ",["$","strong",null,{"children":"Opera 42+"}],", ",["$","strong",null,{"children":"Edge 15+"}]," and ",["$","strong",null,{"children":"Safari 10+"}]]}],"\n",["$","li",null,{"children":[["$","strong",null,{"children":"Fully Accessible"}]," - Native scroll behavior is completely preserved"]}],"\n",["$","li",null,{"children":["Can be run on the server (",["$","code",null,{"children":"Node"}],", ",["$","code",null,{"children":"Deno"}]," and ",["$","code",null,{"children":"Bun"}],") - ",["$","strong",null,{"children":"SSR"}],", ",["$","strong",null,{"children":"SSG"}]," and ",["$","strong",null,{"children":"ISR"}]," support"]}],"\n",["$","li",null,{"children":["Tested on various devices - ",["$","strong",null,{"children":"Mobile"}],", ",["$","strong",null,{"children":"Desktop"}]," and ",["$","strong",null,{"children":"Tablet"}]]}],"\n",["$","li",null,{"children":["Tested with various (and mixed) inputs - ",["$","strong",null,{"children":"Mouse"}],", ",["$","strong",null,{"children":"Touch"}]," and ",["$","strong",null,{"children":"Pen"}]]}],"\n",["$","li",null,{"children":[["$","strong",null,{"children":"Treeshaking"}]," - bundle only what you really need"]}],"\n",["$","li",null,{"children":["Automatic update detection - ",["$","strong",null,{"children":"no polling"}]]}],"\n",["$","li",null,{"children":["Usage of latest browser features - best ",["$","strong",null,{"children":"performance"}]," in new browsers"]}],"\n",["$","li",null,{"children":"Bidirectional - LTR or RTL direction support"}],"\n",["$","li",null,{"children":["Supports the ",["$","code",null,{"children":"body"}]," element"]}],"\n",["$","li",null,{"children":["Supports all ",["$","strong",null,{"children":"virtual scrolling"}]," libraries"]}],"\n",["$","li",null,{"children":"Simple and effective scrollbar styling"}],"\n",["$","li",null,{"children":"Highly customizable"}],"\n",["$","li",null,{"children":"TypeScript support - fully written in TypeScript"}],"\n",["$","li",null,{"children":"Dependency free - 100% self written to ensure small size and best functionality"}],"\n",["$","li",null,{"children":["High quality and fully typed framework versions for ",["$","a",null,{"href":"https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-react","children":["$","code",null,{"children":"react"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],", ",["$","a",null,{"href":"https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-vue","children":["$","code",null,{"children":"vue"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],", ",["$","a",null,{"href":"https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-ngx","children":["$","code",null,{"children":"angular"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],", ",["$","a",null,{"href":"https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-svelte","children":["$","code",null,{"children":"svelte"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}]," and ",["$","a",null,{"href":"https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-solid","children":["$","code",null,{"children":"solid"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],"."]}],"\n"]}],"\n",["$","h2",null,{"children":"Choose your framework"}],"\n",["$","p",null,{"children":"Additionally to the vanilla JavaScript version you can use the official framework components & utilities:"}],"\n",["$","div",null,{"className":"flex flex-wrap","children":[["$","a",null,{"className":"flex-grow-0 flex-shrink-0 rounded-sm transition-transform hover:scale-110","href":"https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-react","children":["$","img",null,{"className":"h-[80px] mx-1 my-1","src":"https://raw.githubusercontent.com/KingSora/OverlayScrollbars/master/packages/overlayscrollbars-react/logo.svg","width":"80","height":"80","alt":"React"}]}],["$","a",null,{"className":"flex-grow-0 flex-shrink-0 rounded-sm transition-transform hover:scale-110","href":"https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-vue","children":["$","img",null,{"className":"h-[80px] mx-1 my-1","src":"https://raw.githubusercontent.com/KingSora/OverlayScrollbars/master/packages/overlayscrollbars-vue/logo.svg","width":"80","height":"80","alt":"Vue"}]}],["$","a",null,{"className":"flex-grow-0 flex-shrink-0 rounded-sm transition-transform hover:scale-110","href":"https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-ngx","children":["$","img",null,{"className":"h-[80px] mx-1 my-1","src":"https://raw.githubusercontent.com/KingSora/OverlayScrollbars/master/packages/overlayscrollbars-ngx/logo.svg","width":"80","height":"80","alt":"Angular"}]}],["$","a",null,{"className":"flex-grow-0 flex-shrink-0 rounded-sm transition-transform hover:scale-110","href":"https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-svelte","children":["$","img",null,{"className":"h-[80px] mx-1 my-1","src":"https://raw.githubusercontent.com/KingSora/OverlayScrollbars/master/packages/overlayscrollbars-svelte/logo.svg","width":"80","height":"80","alt":"Svelte"}]}],["$","a",null,{"className":"flex-grow-0 flex-shrink-0 rounded-sm transition-transform hover:scale-110","href":"https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-solid","children":["$","img",null,{"className":"h-[80px] mx-1 my-1","src":"https://raw.githubusercontent.com/KingSora/OverlayScrollbars/master/packages/overlayscrollbars-solid/logo.svg","width":"80","height":"80","alt":"Solid"}]}]]}],"\n",["$","h2",null,{"children":"Getting started"}],"\n",["$","h3",null,{"children":"npm & nodejs"}],"\n",["$","p",null,{"children":["OverlayScrollbars can be downloaded from ",["$","a",null,{"href":"https://www.npmjs.com/package/overlayscrollbars","children":"npm","className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}]," or the package manager of your choice:"]}],"\n",["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"sh","data-theme":"solarized-light","style":{"display":"grid"},"children":["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"npm"}],["$","span",null,{"style":{"color":"#2AA198"},"children":" install"}],["$","span",null,{"style":{"color":"#2AA198"},"children":" overlayscrollbars"}]]}]}]}]}],"\n",["$","p",null,{"children":"After installation it can be imported:"}],"\n",["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":"import"}],["$","span",null,{"style":{"color":"#2AA198"},"children":" 'overlayscrollbars/overlayscrollbars.css'"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":"import"}],["$","span",null,{"style":{"color":"#657B83"},"children":" { "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" ScrollbarsHidingPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" SizeObserverPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" ClickScrollPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":"} "}],["$","span",null,{"style":{"color":"#859900"},"children":"from"}],["$","span",null,{"style":{"color":"#2AA198"},"children":" 'overlayscrollbars'"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}]]}]}]}],"\n",["$","blockquote",null,{"children":["\n",["$","p",null,{"children":[["$","strong",null,{"children":"Note"}],": If the path ",["$","code",null,{"children":"'overlayscrollbars/overlayscrollbars.css'"}]," is not working use ",["$","code",null,{"children":"'overlayscrollbars/styles/overlayscrollbars.css'"}]," as the import path for the CSS file."]}],"\n"]}],"\n",["$","h3",null,{"children":"Manual download & embedding"}],"\n",["$","p",null,{"children":["You can use OverlayScrollbars without any bundler or package manager.",["$","br",null,{}],"\n","Simply download it from the ",["$","a",null,{"href":"https://github.com/KingSora/OverlayScrollbars/releases","children":"Releases","className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}]," or use a ",["$","a",null,{"href":"https://cdnjs.com/libraries/overlayscrollbars","children":"CDN","className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],"."]}],"\n",["$","ul",null,{"children":["\n",["$","li",null,{"children":["Use the javascript files with the ",["$","code",null,{"children":".browser"}]," extension."]}],"\n",["$","li",null,{"children":["Use the javascript files with the ",["$","code",null,{"children":".es5"}]," extension if you need to support older browsers, otherwise use the ",["$","code",null,{"children":".es6"}]," files."]}],"\n",["$","li",null,{"children":["For production use the javascript / stylesheet files with the ",["$","code",null,{"children":".min"}]," extension."]}],"\n"]}],"\n",["$","p",null,{"children":"Embedd OverlayScrollbars manually in your HTML:"}],"\n",["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"html","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":"<"}],["$","span",null,{"style":{"color":"#268BD2"},"children":"link"}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" type"}],["$","span",null,{"style":{"color":"#657B83"},"children":"="}],["$","span",null,{"style":{"color":"#2AA198"},"children":"\"text/css\""}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" href"}],["$","span",null,{"style":{"color":"#657B83"},"children":"="}],["$","span",null,{"style":{"color":"#2AA198"},"children":"\"path/to/overlayscrollbars.css\""}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" rel"}],["$","span",null,{"style":{"color":"#657B83"},"children":"="}],["$","span",null,{"style":{"color":"#2AA198"},"children":"\"stylesheet\""}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" />"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":"<"}],["$","span",null,{"style":{"color":"#268BD2"},"children":"script"}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" type"}],["$","span",null,{"style":{"color":"#657B83"},"children":"="}],["$","span",null,{"style":{"color":"#2AA198"},"children":"\"text/javascript\""}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" src"}],["$","span",null,{"style":{"color":"#657B83"},"children":"="}],["$","span",null,{"style":{"color":"#2AA198"},"children":"\"path/to/overlayscrollbars.browser.es.js\""}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" defer>"}]]}]]}]}]}],"\n",["$","p",null,{"children":["You can then use the global variable ",["$","code",null,{"children":"OverlayScrollbarsGlobal"}]," to access the api similar to how you can do it in nodejs / modules:"]}],"\n",["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"var"}],["$","span",null,{"style":{"color":"#657B83"},"children":" { "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" ScrollbarsHidingPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" SizeObserverPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" ClickScrollPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":"} "}],["$","span",null,{"style":{"color":"#859900"},"children":"="}],["$","span",null,{"style":{"color":"#268BD2"},"children":" OverlayScrollbarsGlobal"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}]]}]}]}],"\n",["$","p",null,{"children":["The examples in this documentation will use the ",["$","code",null,{"children":"import"}]," syntax instead of the ",["$","code",null,{"children":"OverlayScrollbarsGlobal"}]," object. Both versions are equivalent though."]}],"\n",["$","h2",null,{"children":"Initialization"}],"\n",["$","blockquote",null,{"children":["\n",["$","p",null,{"children":[["$","strong",null,{"children":"Note"}],": During initialization its expected that the ",["$","b",null,{"children":"CSS file is loaded and parsed"}]," by the browser."]}],"\n"]}],"\n",["$","p",null,{"children":["You can initialize either directly with an ",["$","code",null,{"children":"Element"}]," or with an ",["$","code",null,{"children":"Object"}]," where you have more control over the initialization process."]}],"\n",["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// simple initialization with an element"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"const"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" osInstance"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#268BD2"},"children":" OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#268BD2"},"children":"document"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"querySelector"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'#myElement'"}],["$","span",null,{"style":{"color":"#657B83"},"children":"), {});"}]]}]]}]}]}],"\n",["$","h3",null,{"children":"Bridging initialization flickering"}],"\n",["$","p",null,{"children":"If you initialize OverlayScrollbars it needs a few milliseconds to create and append all the elements to the DOM.\r\nWhile this period the native scrollbars are still visible and are switched out after the initialization is finished. This is perceived as flickering."}],"\n",["$","p",null,{"children":["To fix this behavior apply the ",["$","code",null,{"children":"data-overlayscrollbars-initialize"}]," attribute to the target element (and ",["$","code",null,{"children":"html"}]," element if the target element is ",["$","code",null,{"children":"body"}],")."]}],"\n",["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"html","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":""}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":"<"}],["$","span",null,{"style":{"color":"#268BD2"},"children":"html"}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" data-overlayscrollbars-initialize>"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":" <"}],["$","span",null,{"style":{"color":"#268BD2"},"children":"head"}],["$","span",null,{"style":{"color":"#93A1A1"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":" <"}],["$","span",null,{"style":{"color":"#268BD2"},"children":"body"}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" data-overlayscrollbars-initialize>"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":""}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":""}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":"<"}],["$","span",null,{"style":{"color":"#268BD2"},"children":"div"}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" data-overlayscrollbars-initialize>"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" OverlayScrollbars is applied to this div"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":""}]]}]]}]}]}],"\n",["$","h3",null,{"children":"Initialization with an Object"}],"\n",["$","details",null,{"children":[["$","summary",null,{"children":["$","p",null,{"children":"This is a in depth topic. Click here to read it."}]}],["$","br",null,{}],["$","p",null,{"children":["The only required field is the ",["$","code",null,{"children":"target"}]," field. This is the field to which the plugin is applied to.",["$","br",null,{}],"\n","If you use the object initialization only with the ",["$","code",null,{"children":"target"}]," field, the outcome is equivalent to the element initialization:"]}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// Both initializations have the same outcome"}]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#268BD2"},"children":"document"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"querySelector"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'#myElement'"}],["$","span",null,{"style":{"color":"#657B83"},"children":"), {});"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"({ target: "}],["$","span",null,{"style":{"color":"#268BD2"},"children":"document"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"querySelector"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'#myElement'"}],["$","span",null,{"style":{"color":"#657B83"},"children":") }, {});"}]]}]]}]}]}],["$","p",null,{"children":["In the initialization object you can specify how the library is handling generated elements.\r\nFor example you can appoint an existing element as the ",["$","code",null,{"children":"viewport"}]," element. Like this the library won't generate it but take the specified element instead:"]}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"({ "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" target: "}],["$","span",null,{"style":{"color":"#268BD2"},"children":"document"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"querySelector"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'#target'"}],["$","span",null,{"style":{"color":"#657B83"},"children":"),"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" elements: {"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" viewport: "}],["$","span",null,{"style":{"color":"#268BD2"},"children":"document"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"querySelector"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'#viewport'"}],["$","span",null,{"style":{"color":"#657B83"},"children":"),"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" },"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}, {});"}]}]]}]}]}],["$","p",null,{"children":"This is very useful if you have a fixed DOM structure and don't want OverlayScrollbars to generate its own elements. Those cases arise very often when you want an other library to work together with OverlayScrollbars."}],["$","hr",null,{}],["$","p",null,{"children":"You can also decide to which element the scrollbars should be applied to:"}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"({ "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" target: "}],["$","span",null,{"style":{"color":"#268BD2"},"children":"document"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"querySelector"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'#target'"}],["$","span",null,{"style":{"color":"#657B83"},"children":"),"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" scrollbars: {"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" slot: "}],["$","span",null,{"style":{"color":"#268BD2"},"children":"document"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"querySelector"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'#target'"}],["$","span",null,{"style":{"color":"#657B83"},"children":")."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"parentElement"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" },"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}, {});"}]}]]}]}]}],["$","hr",null,{}],["$","p",null,{"children":"And last but not least you can decide when the initialization should be canceled:"}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"({ "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" target: "}],["$","span",null,{"style":{"color":"#268BD2"},"children":"document"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"querySelector"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'#target'"}],["$","span",null,{"style":{"color":"#657B83"},"children":"),"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" cancel: {"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" nativeScrollbarsOverlaid: "}],["$","span",null,{"style":{"color":"#B58900"},"children":"true"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" body: "}],["$","span",null,{"style":{"color":"#B58900"},"children":"null"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" }"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}, {});"}]}]]}]}]}],["$","p",null,{"children":["In the above example the initialization is canceled when the native scrollbars are overlaid or when your target is a ",["$","code",null,{"children":"body"}]," element and the plugin determined that a initialization to the ",["$","code",null,{"children":"body"}]," element would affect native functionality like ",["$","code",null,{"children":"window.scrollTo"}],"."]}]]}],"\n",["$","h2",null,{"children":"Options"}],"\n",["$","p",null,{"children":["You can initialize OverlayScrollbars with an initial set of options, which can be changed at any time with the ",["$","code",null,{"children":"options"}]," method:"]}],"\n",["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#268BD2"},"children":"document"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"querySelector"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'#myElement'"}],["$","span",null,{"style":{"color":"#657B83"},"children":"), {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" overflow: {"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" x: "}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'hidden'"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" },"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"});"}]}]]}]}]}],"\n",["$","h3",null,{"children":"Options in depth"}],"\n",["$","details",null,{"children":[["$","summary",null,{"children":["$","p",null,{"children":"This is a in depth topic. Click here to read it."}]}],["$","br",null,{}],["$","p",null,{"children":"The default options are:"}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"const"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" defaultOptions"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" paddingAbsolute: "}],["$","span",null,{"style":{"color":"#B58900"},"children":"false"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" showNativeOverlaidScrollbars: "}],["$","span",null,{"style":{"color":"#B58900"},"children":"false"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" update: {"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" elementEvents: [["}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'img'"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'load'"}],["$","span",null,{"style":{"color":"#657B83"},"children":"]],"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" debounce: ["}],["$","span",null,{"style":{"color":"#D33682"},"children":"0"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}],["$","span",null,{"style":{"color":"#D33682"},"children":"33"}],["$","span",null,{"style":{"color":"#657B83"},"children":"],"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" attributes: "}],["$","span",null,{"style":{"color":"#B58900"},"children":"null"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" ignoreMutation: "}],["$","span",null,{"style":{"color":"#B58900"},"children":"null"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" },"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" overflow: {"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" x: "}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'scroll'"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" y: "}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'scroll'"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" },"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" scrollbars: {"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" theme: "}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'os-theme-dark'"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" visibility: "}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'auto'"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" autoHide: "}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'never'"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" autoHideDelay: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"1300"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" autoHideSuspend: "}],["$","span",null,{"style":{"color":"#B58900"},"children":"false"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" dragScroll: "}],["$","span",null,{"style":{"color":"#B58900"},"children":"true"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" clickScroll: "}],["$","span",null,{"style":{"color":"#B58900"},"children":"false"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" pointers: ["}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'mouse'"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'touch'"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'pen'"}],["$","span",null,{"style":{"color":"#657B83"},"children":"],"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" },"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"};"}]}]]}]}]}],["$","h3",null,{"children":["$","code",null,{"children":"paddingAbsolute"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"boolean"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"false"}]}]]}]}]]}],["$","p",null,{"children":"Indicates whether the padding for the content shall be absolute."}],["$","h3",null,{"children":["$","code",null,{"children":"showNativeOverlaidScrollbars"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"boolean"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"false"}]}]]}]}]]}],["$","p",null,{"children":"Indicates whether the native overlaid scrollbars shall be visible."}],["$","h3",null,{"children":["$","code",null,{"children":"update.elementEvents"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"Array<[string, string]> | null"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"[['img', 'load']]"}]}]]}]}]]}],["$","p",null,{"children":["An array of tuples. The first value in the tuple is an ",["$","code",null,{"children":"selector"}]," and the second value are ",["$","code",null,{"children":"event names"}],". The plugin will update itself if any of the elements with the specified selector will emit any specified event. The default value can be interpreted as \"The plugin will update itself if any ",["$","code",null,{"children":"img"}]," element emits an ",["$","code",null,{"children":"load"}]," event.\""]}],["$","h3",null,{"children":["$","code",null,{"children":"update.debounce"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"[number, number] | number | null"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"[0, 33]"}]}]]}]}]]}],["$","blockquote",null,{"children":["\n",["$","p",null,{"children":[["$","strong",null,{"children":"Note"}],": If 0 is used for the timeout, ",["$","code",null,{"children":"requestAnimationFrame"}]," instead of ",["$","code",null,{"children":"setTimeout"}]," is used for the debounce."]}],"\n"]}],["$","p",null,{"children":["Debounces the ",["$","code",null,{"children":"MutationObserver"}]," which tracks changes to the content. If a ",["$","strong",null,{"children":"tuple"}]," is passed, the first value is the timeout and second is the max wait. If only a ",["$","strong",null,{"children":"number"}]," is passed you specify only the timeout and there is no max wait. With ",["$","strong",null,{"children":"null"}]," there is no debounce. ",["$","strong",null,{"children":"Usefull to fine-tune performance."}]]}],["$","h3",null,{"children":["$","code",null,{"children":"update.attributes"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"string[] | null"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"null"}]}]]}]}]]}],["$","blockquote",null,{"children":["\n",["$","p",null,{"children":[["$","strong",null,{"children":"Note"}],": There is a base array of attributes that the ",["$","code",null,{"children":"MutationObserver"}]," always observes, even if this option is ",["$","code",null,{"children":"null"}],"."]}],"\n"]}],["$","p",null,{"children":["An array of additional attributes that the ",["$","code",null,{"children":"MutationObserver"}]," should observe for the content."]}],["$","h3",null,{"children":["$","code",null,{"children":"update.ignoreMutation"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"((mutation) => any) | null"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"null"}]}]]}]}]]}],["$","p",null,{"children":["A function which receives a ",["$","a",null,{"href":"https://developer.mozilla.org/en-US/docs/Web/API/MutationRecord","children":["$","code",null,{"children":"MutationRecord"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}]," as an argument. If the function returns a truthy value the mutation will be ignored and the plugin won't update. ",["$","strong",null,{"children":"Usefull to fine-tune performance."}]]}],["$","h3",null,{"children":["$","code",null,{"children":"overflow.x"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"string"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"'scroll'"}]}]]}]}]]}],["$","blockquote",null,{"children":["\n",["$","p",null,{"children":[["$","strong",null,{"children":"Note"}],": Valid values are: ",["$","code",null,{"children":"'hidden'"}],", ",["$","code",null,{"children":"'scroll'"}],", ",["$","code",null,{"children":"'visible'"}],", ",["$","code",null,{"children":"'visible-hidden'"}]," and ",["$","code",null,{"children":"'visible-scroll'"}],"."]}],"\n"]}],["$","p",null,{"children":"The overflow behavior for the horizontal (x) axis."}],["$","h3",null,{"children":["$","code",null,{"children":"overflow.y"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"string"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"'scroll'"}]}]]}]}]]}],["$","blockquote",null,{"children":["\n",["$","p",null,{"children":[["$","strong",null,{"children":"Note"}],": Valid values are: ",["$","code",null,{"children":"'hidden'"}],", ",["$","code",null,{"children":"'scroll'"}],", ",["$","code",null,{"children":"'visible'"}],", ",["$","code",null,{"children":"'visible-hidden'"}]," and ",["$","code",null,{"children":"'visible-scroll'"}],"."]}],"\n"]}],["$","p",null,{"children":"The overflow behavior for the vertical (y) axis."}],["$","h3",null,{"children":["$","code",null,{"children":"scrollbars.theme"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"string | null"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"'os-theme-dark'"}]}]]}]}]]}],["$","p",null,{"children":"Applies the specified theme (classname) to the scrollbars."}],["$","h3",null,{"children":["$","code",null,{"children":"scrollbars.visibility"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"string"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"'auto'"}]}]]}]}]]}],["$","blockquote",null,{"children":["\n",["$","p",null,{"children":[["$","strong",null,{"children":"Note"}],": Valid values are: ",["$","code",null,{"children":"'visible'"}],", ",["$","code",null,{"children":"'hidden'"}],", and ",["$","code",null,{"children":"'auto'"}],"."]}],"\n"]}],["$","p",null,{"children":["The visibility of a scrollbar if its scroll axis is able to have a scrollable overflow. (Scrollable overflow for an axis is only possible with the overflow behavior ",["$","code",null,{"children":"'scroll'"}]," or ",["$","code",null,{"children":"'visible-scroll'"}],")."]}],["$","h3",null,{"children":["$","code",null,{"children":"scrollbars.autoHide"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"string"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"'never'"}]}]]}]}]]}],["$","blockquote",null,{"children":["\n",["$","p",null,{"children":[["$","strong",null,{"children":"Note"}],": Valid values are: ",["$","code",null,{"children":"'never'"}],", ",["$","code",null,{"children":"'scroll'"}],", ",["$","code",null,{"children":"'leave'"}]," and ",["$","code",null,{"children":"'move'"}],"."]}],"\n"]}],["$","p",null,{"children":"The possibility to hide visible scrollbars automatically after a certain user action."}],["$","h3",null,{"children":["$","code",null,{"children":"scrollbars.autoHideDelay"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"number"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"1300"}]}]]}]}]]}],["$","p",null,{"children":"The delay in milliseconds before the scrollbars are hidden automatically."}],["$","h3",null,{"children":["$","code",null,{"children":"scrollbars.autoHideSuspend"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"boolean"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"false"}]}]]}]}]]}],["$","p",null,{"children":["Suspend the autoHide functionality until the first scroll interaction was performed.",["$","br",null,{}],"\n","The default value for this option is ",["$","code",null,{"children":"false"}]," for backwards compatibility reasons but is recommended to be ",["$","code",null,{"children":"true"}]," for better accessibility."]}],["$","h3",null,{"children":["$","code",null,{"children":"scrollbars.dragScroll"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"boolean"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"true"}]}]]}]}]]}],["$","p",null,{"children":"Indicates whether you can drag the scrollbar handles for scrolling."}],["$","h3",null,{"children":["$","code",null,{"children":"scrollbars.clickScroll"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"boolean"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"false"}]}]]}]}]]}],["$","blockquote",null,{"children":["\n",["$","p",null,{"children":[["$","strong",null,{"children":"Note"}],": This options requires the ",["$","strong",null,{"children":"ClickScrollPlugin"}]," to work."]}],"\n"]}],["$","p",null,{"children":"Indicates whether you can click on the scrollbar track for scrolling."}],["$","h3",null,{"children":["$","code",null,{"children":"scrollbars.pointers"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"string[] | null"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"['mouse', 'touch', 'pen']"}]}]]}]}]]}],["$","p",null,{"children":["The ",["$","a",null,{"href":"https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pointerType","children":["$","code",null,{"children":"PointerTypes"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}]," the plugin should react to."]}],["$","h4",null,{"children":"TypeScript"}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"ts","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// The options of a OverlayScrollbars instance."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":"export"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" type"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Options"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the padding shall be absolute."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" paddingAbsolute"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether to show the native scrollbars. Has only an effect it the native scrollbars are overlaid."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" showNativeOverlaidScrollbars"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Customizes the automatic update behavior."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" update"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" /**"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * The given Event(s) from the elements with the given selector(s) will trigger an update."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * Useful for everything the MutationObserver and ResizeObserver can't detect"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * e.g.: and Images `load` event or the `transitionend` / `animationend` events."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" */"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" elementEvents"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Array"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<[elementSelector: "}],["$","span",null,{"style":{"color":"#859900"},"children":"string"}],["$","span",null,{"style":{"color":"#657B83"},"children":", eventNames: "}],["$","span",null,{"style":{"color":"#859900"},"children":"string"}],["$","span",null,{"style":{"color":"#657B83"},"children":"]> "}],["$","span",null,{"style":{"color":"#859900"},"children":"|"}],["$","span",null,{"style":{"color":"#859900"},"children":" null"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" /**"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * The debounce which is used to detect content changes."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * If a tuple is provided you can customize the `timeout` and the `maxWait` in milliseconds."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * If a single number customizes only the `timeout`."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" *"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * If the `timeout` is `0`, a debounce still exists. (its executed via `requestAnimationFrame`)."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" */"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" debounce"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" [timeout: "}],["$","span",null,{"style":{"color":"#859900"},"children":"number"}],["$","span",null,{"style":{"color":"#657B83"},"children":", maxWait: "}],["$","span",null,{"style":{"color":"#859900"},"children":"number"}],["$","span",null,{"style":{"color":"#657B83"},"children":"] "}],["$","span",null,{"style":{"color":"#859900"},"children":"|"}],["$","span",null,{"style":{"color":"#859900"},"children":" number"}],["$","span",null,{"style":{"color":"#859900"},"children":" |"}],["$","span",null,{"style":{"color":"#859900"},"children":" null"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" /**"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * HTML attributes which will trigger an update if they're changed."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * Basic attributes like `id`, `class`, `style` etc. are always observed and doesn't have to be added explicitly."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" */"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" attributes"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" string"}],["$","span",null,{"style":{"color":"#657B83"},"children":"[] "}],["$","span",null,{"style":{"color":"#859900"},"children":"|"}],["$","span",null,{"style":{"color":"#859900"},"children":" null"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // A function which makes it possible to ignore a content mutation or null if nothing shall be ignored."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" ignoreMutation"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" ((mutation"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" MutationRecord"}],["$","span",null,{"style":{"color":"#657B83"},"children":") "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"=>"}],["$","span",null,{"style":{"color":"#859900"},"children":" any"}],["$","span",null,{"style":{"color":"#657B83"},"children":") "}],["$","span",null,{"style":{"color":"#859900"},"children":"|"}],["$","span",null,{"style":{"color":"#859900"},"children":" null"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" };"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Customizes the overflow behavior per axis."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" overflow"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The overflow behavior of the horizontal (x) axis."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" x"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" OverflowBehavior"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The overflow behavior of the vertical (y) axis."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" y"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" OverflowBehavior"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" };"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Customizes appearance of the scrollbars."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" scrollbars"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The scrollbars theme. The theme value will be added as `class` to all `scrollbar` elements of the instance."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" theme"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" string"}],["$","span",null,{"style":{"color":"#859900"},"children":" |"}],["$","span",null,{"style":{"color":"#859900"},"children":" null"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The scrollbars visibility behavior."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" visibility"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" ScrollbarsVisibilityBehavior"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The scrollbars auto hide behavior."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" autoHide"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" ScrollbarsAutoHideBehavior"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The scrollbars auto hide delay in milliseconds."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" autoHideDelay"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" number"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the scrollbars auto hide behavior is suspended until a scroll happened."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" autoHideSuspend"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether its possible to drag the handle of a scrollbar to scroll the viewport."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" dragScroll"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether its possible to click the track of a scrollbar to scroll the viewport."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" clickScroll"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // An array of pointer types which shall be supported."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" pointers"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" string"}],["$","span",null,{"style":{"color":"#657B83"},"children":"[] "}],["$","span",null,{"style":{"color":"#859900"},"children":"|"}],["$","span",null,{"style":{"color":"#859900"},"children":" null"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" };"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"};"}]}]]}]}]}]]}],"\n",["$","h2",null,{"children":"Events"}],"\n",["$","p",null,{"children":["You can initialize OverlayScrollbars with an initial set of events, which can be managed at any time with the ",["$","code",null,{"children":"on"}]," and ",["$","code",null,{"children":"off"}]," methods:"]}],"\n",["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#268BD2"},"children":"document"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"querySelector"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'#myElement'"}],["$","span",null,{"style":{"color":"#657B83"},"children":"), {}, {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" updated"}],["$","span",null,{"style":{"color":"#657B83"},"children":"(osInstance, onUpdatedArgs) {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // ..."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" }"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"});"}]}]]}]}]}],"\n",["$","h3",null,{"children":"Events in depth"}],"\n",["$","details",null,{"children":[["$","summary",null,{"children":["$","p",null,{"children":"This is a in depth topic. Click here to read it."}]}],["$","br",null,{}],["$","blockquote",null,{"children":["\n",["$","p",null,{"children":[["$","strong",null,{"children":"Note"}],": Every event receives the ",["$","code",null,{"children":"instance"}]," from which it was dispatched as the first argument. Always."]}],"\n"]}],["$","h3",null,{"children":["$","code",null,{"children":"initialized"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"arguments"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"instance"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The instance which dispatched the event."}]]}]}]]}],["$","p",null,{"children":"Is dispatched after all generated elements, observers and events were appended to the DOM."}],["$","h3",null,{"children":["$","code",null,{"children":"updated"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"arguments"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":[["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"instance"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The instance which dispatched the event."}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"onUpdatedArgs"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["An ",["$","code",null,{"children":"object"}]," which describes the update in detail."]}]]}]]}]]}],["$","blockquote",null,{"children":["\n",["$","p",null,{"children":[["$","strong",null,{"children":"Note"}],": If an update was triggered but nothing changed, the event won't be dispatched."]}],"\n"]}],["$","p",null,{"children":"Is dispatched after the instace was updated."}],["$","h3",null,{"children":["$","code",null,{"children":"destroyed"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"arguments"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":[["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"instance"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The instance which dispatched the event."}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"canceled"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["An ",["$","code",null,{"children":"boolean"}]," which indicates whether the initialization was canceled and thus destroyed."]}]]}]]}]]}],["$","p",null,{"children":"Is dispatched after all generated elements, observers and events were removed from the DOM."}],["$","h3",null,{"children":["$","code",null,{"children":"scroll"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"arguments"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":[["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"instance"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The instance which dispatched the event."}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"event"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["The original ",["$","code",null,{"children":"event"}]," argument of the DOM event."]}]]}]]}]]}],["$","p",null,{"children":"Is dispatched by scrolling the viewport."}],["$","h4",null,{"children":"TypeScript"}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"ts","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// A mapping between event names and their listener arguments."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":"export"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" type"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" EventListenerArgs"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Dispatched after all elements are initialized and appended."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" initialized"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" [instance: "}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"];"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Dispatched after an update."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" updated"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" [instance: "}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":", onUpdatedArgs: "}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"OnUpdatedEventListenerArgs"}],["$","span",null,{"style":{"color":"#657B83"},"children":"];"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Dispatched after all elements, observers and events are destroyed."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" destroyed"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" [instance: "}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":", canceled: "}],["$","span",null,{"style":{"color":"#859900"},"children":"boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":"];"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Dispatched on scroll."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" scroll"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" [instance: "}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":", event: "}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"Event"}],["$","span",null,{"style":{"color":"#657B83"},"children":"];"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"};"}]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":"export"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" interface"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" OnUpdatedEventListenerArgs"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Hints which describe what changed in the DOM."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" updateHints"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the size of the host element changed."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" sizeChanged"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the direction of the host element changed."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" directionChanged"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the intrinsic height behavior changed."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" heightIntrinsicChanged"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the overflow edge (clientWidth / clientHeight) of the viewport element changed."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" overflowEdgeChanged"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the overflow amount changed."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" overflowAmountChanged"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the overflow style changed."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" overflowStyleChanged"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether an host mutation took place."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" hostMutation"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether an content mutation took place."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" contentMutation"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" };"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The changed options."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" changedOptions"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" PartialOptions"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the update happened with an force invalidated cache."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" force"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}"}]}]]}]}]}]]}],"\n",["$","h2",null,{"children":"Instance"}],"\n",["$","p",null,{"children":["The OverlayScrollbars instance is created by calling the ",["$","code",null,{"children":"OverlayScrollbars"}]," function with an element and options object."]}],"\n",["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"const"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" osInstance"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#268BD2"},"children":" OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#268BD2"},"children":"document"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"body"}],["$","span",null,{"style":{"color":"#657B83"},"children":", {});"}]]}]}]}]}],"\n",["$","h3",null,{"children":"Instance Methods"}],"\n",["$","details",null,{"children":[["$","summary",null,{"children":["$","p",null,{"children":"This is a in depth topic. Click here to read it."}]}],["$","h3",null,{"children":["$","code",null,{"children":"options(): Options"}]}],["$","p",null,{"children":"Get the current options of the instance."}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"returns"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"Options"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The current options."}]]}]}]]}],["$","h3",null,{"children":["$","code",null,{"children":"options(newOptions, pure?): Options"}]}],["$","p",null,{"children":"Sets the current options of the instance."}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"parameter"}],["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":[["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"newOptions"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"PartialOptions"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The new (partial) options which should be applied."}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"pure"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"boolean / undefined"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"Whether the options should be reset before the new options are added."}]]}]]}]]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"returns"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"Options"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The complete new options."}]]}]}]]}],["$","h3",null,{"children":["$","code",null,{"children":"on(eventListeners, pure?): Function"}]}],["$","p",null,{"children":"Adds event listeners to the instance."}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"parameter"}],["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":[["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"eventListeners"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"EventListeners"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"An object which contains the added listeners. The fields are the event names and the values the listeners."}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"pure"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"boolean / undefined"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"Whether all already added event listeners should be removed before the new listeners are added."}]]}]]}]]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"returns"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"Function"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"A function which removes all added event listeners."}]]}]}]]}],["$","h3",null,{"children":["$","code",null,{"children":"on(name, listener): Function"}]}],["$","p",null,{"children":"Adds a single event listener to the instance."}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"parameter"}],["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":[["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"name"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"string"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The event name."}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"listener"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"Function"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The function which is invoked when the event is dispatched."}]]}]]}]]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"returns"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"Function"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"A function which removes the added event listener."}]]}]}]]}],["$","h3",null,{"children":["$","code",null,{"children":"on(name, listeners): Function"}]}],["$","p",null,{"children":"Adds multiple event listeners to the instance."}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"parameter"}],["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":[["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"name"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"string"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The event name."}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"listeners"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"Function[]"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The functions which are invoked when the event is dispatched."}]]}]]}]]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"returns"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"Function"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"A function which removes the added event listeners."}]]}]}]]}],["$","h3",null,{"children":["$","code",null,{"children":"off(name, listener): void"}]}],["$","p",null,{"children":"Removes a single event listener from the instance."}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"parameter"}],["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":[["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"name"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"string"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The event name."}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"listener"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"Function"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The function to be removed."}]]}]]}]]}],["$","h3",null,{"children":["$","code",null,{"children":"off(name, listeners): void"}]}],["$","p",null,{"children":"Removes multiple event listeners from the instance."}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"parameter"}],["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":[["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"name"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"string"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The event name."}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"listeners"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"Function[]"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The functions to be removed."}]]}]]}]]}],["$","h3",null,{"children":["$","code",null,{"children":"update(force?): boolean"}]}],["$","p",null,{"children":"Updates the instance."}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"parameter"}],["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"force"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"boolean / undefined"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"Whether the update should force the cache to be invalidated."}]]}]}]]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"returns"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"Function"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["A boolean which indicates whether the ",["$","code",null,{"children":"update"}]," event was triggered through this update."]}]]}]}]]}],["$","h3",null,{"children":["$","code",null,{"children":"state(): State"}]}],["$","p",null,{"children":"Gets the instances state."}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"returns"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"State"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"An object which describes the state of the instance."}]]}]}]]}],["$","h3",null,{"children":["$","code",null,{"children":"elements(): Elements"}]}],["$","p",null,{"children":"Gets the instances elments."}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"returns"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"Elements"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"An object which describes the elements of the instance."}]]}]}]]}],["$","h3",null,{"children":["$","code",null,{"children":"destroy(): void"}]}],["$","p",null,{"children":"Destroys the instance and removes all added elements."}],["$","h3",null,{"children":["$","code",null,{"children":"plugin(plugin: object): object | undefined"}]}],["$","p",null,{"children":"Gets the instance modules instance of the passed plugin."}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"returns"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"object / undefined"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["An object which describes the plugins instance modules instance or ",["$","code",null,{"children":"undefined"}]," if no instance was found."]}]]}]}]]}],["$","h4",null,{"children":"TypeScript"}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"ts","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// A simplified version of the OverlayScrollbars TypeScript interface."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"interface"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Get the current options of the instance."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" options"}],["$","span",null,{"style":{"color":"#657B83"},"children":"()"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Options"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Sets the current options of the instance."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" options"}],["$","span",null,{"style":{"color":"#657B83"},"children":"(newOptions"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" PartialOptions"}],["$","span",null,{"style":{"color":"#657B83"},"children":", pure"}],["$","span",null,{"style":{"color":"#859900"},"children":"?:"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":")"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Options"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Adds event listeners to the instance."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" on"}],["$","span",null,{"style":{"color":"#657B83"},"children":"(eventListeners"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" EventListeners"}],["$","span",null,{"style":{"color":"#657B83"},"children":", pure"}],["$","span",null,{"style":{"color":"#859900"},"children":"?:"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":")"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" () "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"=>"}],["$","span",null,{"style":{"color":"#859900"},"children":" void"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Adds a single event listener to the instance."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" on"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"N"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" extends"}],["$","span",null,{"style":{"color":"#859900"},"children":" keyof"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" EventListenerArgs"}],["$","span",null,{"style":{"color":"#657B83"},"children":">(name"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" N"}],["$","span",null,{"style":{"color":"#657B83"},"children":", listener"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" EventListener"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"N"}],["$","span",null,{"style":{"color":"#657B83"},"children":">)"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" () "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"=>"}],["$","span",null,{"style":{"color":"#859900"},"children":" void"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Adds multiple event listeners to the instance."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" on"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"N"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" extends"}],["$","span",null,{"style":{"color":"#859900"},"children":" keyof"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" EventListenerArgs"}],["$","span",null,{"style":{"color":"#657B83"},"children":">(name"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" N"}],["$","span",null,{"style":{"color":"#657B83"},"children":", listener"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" EventListener"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"N"}],["$","span",null,{"style":{"color":"#657B83"},"children":">[])"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" () "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"=>"}],["$","span",null,{"style":{"color":"#859900"},"children":" void"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Removes a single event listener from the instance."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" off"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"N"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" extends"}],["$","span",null,{"style":{"color":"#859900"},"children":" keyof"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" EventListenerArgs"}],["$","span",null,{"style":{"color":"#657B83"},"children":">(name"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" N"}],["$","span",null,{"style":{"color":"#657B83"},"children":", listener"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" EventListener"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"N"}],["$","span",null,{"style":{"color":"#657B83"},"children":">)"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" void"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Removes multiple event listeners from the instance."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" off"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"N"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" extends"}],["$","span",null,{"style":{"color":"#859900"},"children":" keyof"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" EventListenerArgs"}],["$","span",null,{"style":{"color":"#657B83"},"children":">(name"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" N"}],["$","span",null,{"style":{"color":"#657B83"},"children":", listener"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" EventListener"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"N"}],["$","span",null,{"style":{"color":"#657B83"},"children":">[])"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" void"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Updates the instance."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" update"}],["$","span",null,{"style":{"color":"#657B83"},"children":"(force"}],["$","span",null,{"style":{"color":"#859900"},"children":"?:"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":")"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Gets the instances state."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" state"}],["$","span",null,{"style":{"color":"#657B83"},"children":"()"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" State"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Gets the instances elements."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" elements"}],["$","span",null,{"style":{"color":"#657B83"},"children":"()"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Elements"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Destroys the instance and removes all added elements."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" destroy"}],["$","span",null,{"style":{"color":"#657B83"},"children":"()"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" void"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Gets the instance modules instance of the passed plugin."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"P"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" extends"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" InstancePlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":">(osPlugin"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" P"}],["$","span",null,{"style":{"color":"#657B83"},"children":")"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" InferInstancePluginModuleInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"P"}],["$","span",null,{"style":{"color":"#657B83"},"children":"> "}],["$","span",null,{"style":{"color":"#859900"},"children":"|"}],["$","span",null,{"style":{"color":"#859900"},"children":" undefined"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}"}]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// Describes a OverlayScrollbars instances state."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"interface"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" State"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Describes the current padding in pixel."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" padding"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" TRBL"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the current padding is absolute."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" paddingAbsolute"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The client width (x) & height (y) of the viewport in pixel."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" overflowEdge"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" XY"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#859900"},"children":"number"}],["$","span",null,{"style":{"color":"#657B83"},"children":">;"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The overflow amount in pixel."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" overflowAmount"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" XY"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#859900"},"children":"number"}],["$","span",null,{"style":{"color":"#657B83"},"children":">;"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The css overflow style of the viewport."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" overflowStyle"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" XY"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"OverflowStyle"}],["$","span",null,{"style":{"color":"#657B83"},"children":">;"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the viewport has an overflow."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" hasOverflow"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" XY"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#859900"},"children":"boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":">;"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the direction is considered rtl."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" directionRTL"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the instance is considered destroyed."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" destroyed"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}"}]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// Describes the elements of a OverlayScrollbars instance."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"interface"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Elements"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The element the instance was applied to."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" target"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" HTMLElement"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The host element. Its the root of all other elements."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" host"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" HTMLElement"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" /**"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * The element which is responsible to apply correct paddings."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * Depending on the Initialization it can be the same as the viewport element."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" */"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" padding"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" HTMLElement"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The element which is responsible to do any scrolling."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" viewport"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" HTMLElement"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" /**"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * The element which is responsible to hold the content."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * Depending on the Initialization it can be the same as the viewport element."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" */"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" content"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" HTMLElement"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" /**"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * The element through which you can get the current `scrollLeft` or `scrollTop` offset."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * Depending on the target element it can be the same as the viewport element."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" */"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" scrollOffsetElement"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" HTMLElement"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" /**"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * The element through which you can add `scroll` events."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * Depending on the target element it can be the same as the viewport element."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" */"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" scrollEventElement"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" HTMLElement"}],["$","span",null,{"style":{"color":"#859900"},"children":" |"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Document"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The horizontal scrollbar elements."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" scrollbarHorizontal"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" CloneableScrollbarElements"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The vertical scrollbar elements."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" scrollbarVertical"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" CloneableScrollbarElements"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}"}]}]]}]}]}]]}],"\n",["$","h2",null,{"children":"Static Object"}],"\n",["$","p",null,{"children":["The static ",["$","code",null,{"children":"OverlayScrollbars"}]," object."]}],"\n",["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#268BD2"},"children":"SomePlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":");"}]]}]}]}]}],"\n",["$","h3",null,{"children":"Static Object Methods"}],"\n",["$","details",null,{"children":[["$","summary",null,{"children":["$","p",null,{"children":"This is a in depth topic. Click here to read it."}]}],["$","h3",null,{"children":["$","code",null,{"children":"plugin(plugin): object | undefined"}]}],["$","p",null,{"children":"Adds a single plugin."}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"parameter"}],["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"plugin"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"object"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The plugin to be added."}]]}]}]]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"returns"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"object / void"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["An object which describes the plugins static modules instance or ",["$","code",null,{"children":"void"}]," if no instance was found."]}]]}]}]]}],["$","h3",null,{"children":["$","code",null,{"children":"plugin(plugins): (object | void)[]"}]}],["$","p",null,{"children":"Adds multiple plugins."}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"parameter"}],["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"plugins"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"object[]"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The plugins to be added."}]]}]}]]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"returns"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"(object / void)[]"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["An array which describes the plugins static modules instances or ",["$","code",null,{"children":"undefined"}]," if no instance was found."]}]]}]}]]}],["$","h3",null,{"children":["$","code",null,{"children":"valid(osInstance): boolean"}]}],["$","p",null,{"children":"Checks whether the passed value is a valid and not destroyed overlayscrollbars instance"}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"parameter"}],["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"osInstance"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"any"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The value to be checked."}]]}]}]]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"returns"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"boolean"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"Whether the passed value is a valid and not destroyed overlayscrollbars instance."}]]}]}]]}],["$","h3",null,{"children":["$","code",null,{"children":"env(): Environment"}]}],["$","p",null,{"children":"Gets the environment."}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"returns"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"Environment"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"An object which described the environment."}]]}]}]]}],["$","h4",null,{"children":"TypeScript"}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"ts","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// The OverlayScrollbars static object."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"interface"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" OverlayScrollbarsStatic"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Gets the instance of the passed target or `undefined` the target has no instance."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" (target"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" InitializationTarget"}],["$","span",null,{"style":{"color":"#657B83"},"children":")"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" OverlayScrollbars"}],["$","span",null,{"style":{"color":"#859900"},"children":" |"}],["$","span",null,{"style":{"color":"#859900"},"children":" undefined"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Initializes OverlayScrollbars to the passed target with passed options and event listeners."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" (target"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" InitializationTarget"}],["$","span",null,{"style":{"color":"#657B83"},"children":", options"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" PartialOptions"}],["$","span",null,{"style":{"color":"#657B83"},"children":", eventListeners"}],["$","span",null,{"style":{"color":"#859900"},"children":"?:"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" EventListeners"}],["$","span",null,{"style":{"color":"#657B83"},"children":")"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Adds a single plugin."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"(plugin"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":")"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" InferStaticPluginModuleInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"Plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Adds multiple plugins."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"(plugins"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"[])"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" InferStaticPluginModuleInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"Plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":">[];"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Checks whether the passed value is a valid and not destroyed overlayscrollbars instance."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" valid"}],["$","span",null,{"style":{"color":"#657B83"},"children":"(osInstance"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" any"}],["$","span",null,{"style":{"color":"#657B83"},"children":")"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" osInstance "}],["$","span",null,{"style":{"color":"#859900"},"children":"is"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Gets the environment."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" env"}],["$","span",null,{"style":{"color":"#657B83"},"children":"()"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Environment"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}"}]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// Describes the OverlayScrollbars environment."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"interface"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Environment"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The native scrollbars size of the browser / system."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" scrollbarsSize"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" XY"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#859900"},"children":"number"}],["$","span",null,{"style":{"color":"#657B83"},"children":">;"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the native scrollbars are overlaid."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" scrollbarsOverlaid"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" XY"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#859900"},"children":"boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":">;"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the browser supports native scrollbars hiding."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" scrollbarsHiding"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The rtl scroll behavior of the browser."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" rtlScrollBehavior"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" { n"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":"; i"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":" };"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the browser supports the ScrollTimeline API."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" scrollTimeline"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The default Initialization to use if nothing else is specified."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" staticDefaultInitialization"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Initialization"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The default Options to use if nothing else is specified."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" staticDefaultOptions"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Options"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Returns the current default Initialization."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" getDefaultInitialization"}],["$","span",null,{"style":{"color":"#657B83"},"children":"()"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Initialization"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Returns the current default Options."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" getDefaultOptions"}],["$","span",null,{"style":{"color":"#657B83"},"children":"()"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Options"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" /**"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * Sets a new default Initialization."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * If the new default Initialization is partially filled, its deeply merged with the current default Initialization."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"@param"}],["$","span",null,{"style":{"color":"#268BD2","fontStyle":"italic"},"children":" newDefaultInitialization"}],["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" The new default Initialization."}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"@returns"}],["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" The current default Initialization."}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" */"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" setDefaultInitialization"}],["$","span",null,{"style":{"color":"#657B83"},"children":"(newDefaultInitialization"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" PartialInitialization"}],["$","span",null,{"style":{"color":"#657B83"},"children":")"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Initialization"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" /**"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * Sets new default Options."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * If the new default Options are partially filled, they're deeply merged with the current default Options."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"@param"}],["$","span",null,{"style":{"color":"#268BD2","fontStyle":"italic"},"children":" newDefaultOptions"}],["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" The new default Options."}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"@returns"}],["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" The current default options."}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" */"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" setDefaultOptions"}],["$","span",null,{"style":{"color":"#657B83"},"children":"(newDefaultOptions"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" PartialOptions"}],["$","span",null,{"style":{"color":"#657B83"},"children":")"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Options"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}"}]}]]}]}]}]]}],"\n",["$","h2",null,{"children":"Styling"}],"\n",["$","p",null,{"children":["OverlayScrollbars comes with two themes called ",["$","code",null,{"children":"os-theme-dark"}]," and ",["$","code",null,{"children":"os-theme-light"}],". You can use the ",["$","code",null,{"children":"scrollbars.theme"}]," option to change the theme."]}],"\n",["$","p",null,{"children":["Custom themes can be done in multiple ways. The easiest and fastest is to use the predefined set of ",["$","code",null,{"children":"CSS Custom Properties"}]," aka. CSS variables. In case those aren't enought you can add custom class names or add custom styling to the existing class names."]}],"\n",["$","h3",null,{"children":"Styling in depth"}],"\n",["$","details",null,{"children":[["$","summary",null,{"children":["$","p",null,{"children":"This is a in depth topic. Click here to read it."}]}],["$","h3",null,{"children":"CSS Custom properties"}],["$","p",null,{"children":["OverlayScrollbars provides a set of ",["$","code",null,{"children":"CSS Custom Properties"}]," which makes scrollbar styling easy and fast:"]}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"scss","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":".os-scrollbar"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The size of the scrollbar"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" --os-size: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"0"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The axis-perpedicular padding of the scrollbar (horizontal: padding-y, vertical: padding-x)"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" --os-padding-perpendicular: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"0"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The axis padding of the scrollbar (horizontal: padding-x, vertical: padding-y)"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" --os-padding-axis: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"0"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The border radius of the scrollbar track"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" --os-track-border-radius: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"0"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The background of the scrollbar track"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" --os-track-bg: none;"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The :hover background of the scrollbar track"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" --os-track-bg-hover: none;"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The :active background of the scrollbar track"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" --os-track-bg-active: none;"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The border of the scrollbar track"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" --os-track-border: none;"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The :hover background of the scrollbar track"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" --os-track-border-hover: none;"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The :active background of the scrollbar track"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" --os-track-border-active: none;"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The border radius of the scrollbar handle"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" --os-handle-border-radius: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"0"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The background of the scrollbar handle"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" --os-handle-bg: none;"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The :hover background of the scrollbar handle"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" --os-handle-bg-hover: none;"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The :active background of the scrollbar handle"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" --os-handle-bg-active: none;"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The border of the scrollbar handle"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" --os-handle-border: none;"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The :hover border of the scrollbar handle"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" --os-handle-border-hover: none;"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The :active border of the scrollbar handle"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" --os-handle-border-active: none;"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The min size of the scrollbar handle"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" --os-handle-min-size: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"33"}],["$","span",null,{"style":{"color":"#859900"},"children":"px"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The max size of the scrollbar handle"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" --os-handle-max-size: none;"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The axis-perpedicular size of the scrollbar handle (horizontal: height, vertical: width)"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" --os-handle-perpendicular-size: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"100"}],["$","span",null,{"style":{"color":"#859900"},"children":"%"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The :hover axis-perpedicular size of the scrollbar handle (horizontal: height, vertical: width)"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" --os-handle-perpendicular-size-hover: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"100"}],["$","span",null,{"style":{"color":"#859900"},"children":"%"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The :active axis-perpedicular size of the scrollbar handle (horizontal: height, vertical: width)"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" --os-handle-perpendicular-size-active: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"100"}],["$","span",null,{"style":{"color":"#859900"},"children":"%"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Increases the interactive area of the scrollbar handle."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" --os-handle-interactive-area-offset: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"0"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}"}]}]]}]}]}],["$","p",null,{"children":["You can alter the properties either for both scrollbars at once or per scrollbar axis. In the example below I've chosen ",["$","code",null,{"children":"os-theme-custom"}]," as the theme name:"]}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"scss","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// horizontal and vertical scrollbar are 10px "}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":".os-theme-custom"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" --os-size: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"10"}],["$","span",null,{"style":{"color":"#859900"},"children":"px"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}"}]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// horizontal scrollbar is 10px"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":".os-theme-custom.os-scrollbar-horizontal"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" --os-size: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"10"}],["$","span",null,{"style":{"color":"#859900"},"children":"px"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// vertical scrollbar is 20px"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":".os-theme-custom.os-scrollbar-vertical"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" --os-size: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"20"}],["$","span",null,{"style":{"color":"#859900"},"children":"px"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}"}]}]]}]}]}],["$","p",null,{"children":["You can then use your theme by assigning it via the ",["$","code",null,{"children":"scrollbars.theme"}]," option:"]}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#268BD2"},"children":"document"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"body"}],["$","span",null,{"style":{"color":"#657B83"},"children":", {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" scrollbars: {"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" theme: "}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'os-theme-custom'"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" }"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"});"}]}]]}]}]}],["$","p",null,{"children":"Since scrollbar styles are usually simple, this set of options should be enough to get your desired styling.\r\nIn case you need more freedom you can create your own styles by adding styling to the base class names described in the next section."}],["$","h3",null,{"children":"Scrollbars structure and CSS class names"}],["$","p",null,{"children":"The scrollbars HTML markup looks like:"}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"html","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":"<"}],["$","span",null,{"style":{"color":"#268BD2"},"children":"div"}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" class"}],["$","span",null,{"style":{"color":"#657B83"},"children":"="}],["$","span",null,{"style":{"color":"#2AA198"},"children":"\"os-scrollbar os-scrollbar-horizontal\""}],["$","span",null,{"style":{"color":"#93A1A1"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":" <"}],["$","span",null,{"style":{"color":"#268BD2"},"children":"div"}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" class"}],["$","span",null,{"style":{"color":"#657B83"},"children":"="}],["$","span",null,{"style":{"color":"#2AA198"},"children":"\"os-scrollbar-track\""}],["$","span",null,{"style":{"color":"#93A1A1"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":" <"}],["$","span",null,{"style":{"color":"#268BD2"},"children":"div"}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" class"}],["$","span",null,{"style":{"color":"#657B83"},"children":"="}],["$","span",null,{"style":{"color":"#2AA198"},"children":"\"os-scrollbar-handle\""}],["$","span",null,{"style":{"color":"#93A1A1"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":""}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":"<"}],["$","span",null,{"style":{"color":"#268BD2"},"children":"div"}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" class"}],["$","span",null,{"style":{"color":"#657B83"},"children":"="}],["$","span",null,{"style":{"color":"#2AA198"},"children":"\"os-scrollbar os-scrollbar-vertical\""}],["$","span",null,{"style":{"color":"#93A1A1"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":" <"}],["$","span",null,{"style":{"color":"#268BD2"},"children":"div"}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" class"}],["$","span",null,{"style":{"color":"#657B83"},"children":"="}],["$","span",null,{"style":{"color":"#2AA198"},"children":"\"os-scrollbar-track\""}],["$","span",null,{"style":{"color":"#93A1A1"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":" <"}],["$","span",null,{"style":{"color":"#268BD2"},"children":"div"}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" class"}],["$","span",null,{"style":{"color":"#657B83"},"children":"="}],["$","span",null,{"style":{"color":"#2AA198"},"children":"\"os-scrollbar-handle\""}],["$","span",null,{"style":{"color":"#93A1A1"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":""}]]}]]}]}]}],["$","p",null,{"children":["The class names are simplified, in a real application the ",["$","code",null,{"children":".os-scrollbar"}]," element can have additional class names which modify the appearance (mostly visibility and alignment)."]}],["$","p",null,{"children":"Below is a list of the most important class names you will encounter:"}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"CSS class name"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":[["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":".os-scrollbar"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The root element of a scrollbar."}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":".os-scrollbar-rtl"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["Indicates a ",["$","code",null,{"children":"RTL"}]," direction of the host element the scrollbar belongs to."]}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":".os-scrollbar-horizontal"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The root element of a horizontal scrollbar."}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":".os-scrollbar-vertical"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The root element of a vertical scrollbar."}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":".os-scrollbar-handle-interactive"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["Indicates that the handle inside the scrollbar is interactive (",["$","code",null,{"children":"scrollbars.dragScroll"}]," is ",["$","code",null,{"children":"true"}],")."]}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":".os-scrollbar-track-interactive"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["Indicates that the track inside the scrollbar is interactive (",["$","code",null,{"children":"scrollbars.clickScroll"}]," is ",["$","code",null,{"children":"true"}],")."]}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":".os-scrollbar-track"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["The track element. This is the track of the nested handle element. If ",["$","code",null,{"children":"scrollbars.clickScroll"}]," is ",["$","code",null,{"children":"true"}]," this is the element users can click to change the scroll offset."]}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":".os-scrollbar-handle"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["The handle element. If ",["$","code",null,{"children":"scrollbars.dragScroll"}]," is ",["$","code",null,{"children":"true"}]," this is the handle users can drag to change the scroll offset."]}]]}]]}]]}],["$","p",null,{"children":"If you create your own theme, please only use the classes listed above. All other classes are modifier classes used to change visibility, alignment and pointer-events of the scrollbars."}],["$","h3",null,{"children":"Gotchas"}],["$","p",null,{"children":["Its important that the chosen theme class name in your CSS file matches the assigned theme name in the options. If the CSS class name is ",["$","code",null,{"children":".my-theme"}]," the ",["$","code",null,{"children":"scrollbars.theme"}]," has to be ",["$","code",null,{"children":"'my-theme'"}],"."]}],["$","p",null,{"children":["Please be aware of your stack. ",["$","code",null,{"children":"css-modules"}]," for example will alter your class names to prevent naming collisions. Always double check if your CSS is really what you expect it to be."]}]]}],"\n",["$","h2",null,{"children":"Plugins"}],"\n",["$","p",null,{"children":"Everything thats considered not core functionality or old browser compatibility is exposed via a plugin. This is done because all unused plugins are treeshaken and thus won't end up in your final bundle. OverlayScrollbars comes with the following plugins:"}],"\n",["$","ul",null,{"children":["\n",["$","li",null,{"children":[["$","strong",null,{"children":"ScrollbarsHidingPlugin"}],": Is needed for old browsers which aren't supporting native scrollbar styling features. ",["$","a",null,{"href":"https://caniuse.com/?search=scrollbar%20styling","children":"You can find the list of browsers where you need this plugin here","className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}]," (note that even though ",["$","code",null,{"children":"iOS Safari >= 14"}]," is marked as unsupported you only need this plugin for ",["$","code",null,{"children":"iOS < 7.1"}],")."]}],"\n",["$","li",null,{"children":[["$","strong",null,{"children":"SizeObserverPlugin"}],": Is needed for old browsers which aren't supporting the ",["$","code",null,{"children":"ResizeObserver"}]," api. ",["$","a",null,{"href":"https://caniuse.com/?search=ResizeObserver","children":"You can find the list of browsers where you need this plugin here","className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}]]}],"\n",["$","li",null,{"children":[["$","strong",null,{"children":"ClickScrollPlugin"}],": If you want to use the option ",["$","code",null,{"children":"scrollbars: { clickScroll: true }"}],"."]}],"\n"]}],"\n",["$","h3",null,{"children":"Consuming Plugins"}],"\n",["$","p",null,{"children":"Plugins are consumed like:"}],"\n",["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"ts","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":"import"}],["$","span",null,{"style":{"color":"#657B83"},"children":" { "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" ScrollbarsHidingPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" SizeObserverPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" ClickScrollPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":"} "}],["$","span",null,{"style":{"color":"#859900"},"children":"from"}],["$","span",null,{"style":{"color":"#2AA198"},"children":" 'overlayscrollbars'"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// single plugin"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#268BD2"},"children":"ScrollbarsHidingPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":");"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// multiple plugins"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"(["}],["$","span",null,{"style":{"color":"#268BD2"},"children":"SizeObserverPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}],["$","span",null,{"style":{"color":"#268BD2"},"children":"ClickScrollPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"]);"}]]}]]}]}]}],"\n",["$","h3",null,{"children":"Plugins in depth"}],"\n",["$","details",null,{"children":[["$","summary",null,{"children":["$","p",null,{"children":"This is a in depth topic. Click here to read it."}]}],["$","br",null,{}],["$","p",null,{"children":["Plugins are plain objects with a ",["$","strong",null,{"children":"single field"}],", the name of the field is the name of the plugin. This name is the plugins identifier and ",["$","em",null,{"children":"must"}]," be unique across all plugin. In case multiple plugins have the same name, the last added plugin overwrites previously added plugins."]}],["$","h3",null,{"children":"Plugin Modules"}],["$","p",null,{"children":["A Plugin module is the constructor of a plugin modules instance. There are two kinds of plugin modules: ",["$","code",null,{"children":"static"}]," and ",["$","code",null,{"children":"instance"}],". A single plugin must have one or more modules. Plugin modules can return an instance, but doesnt have to."]}],["$","h4",null,{"children":"Static Plugin Module"}],["$","p",null,{"children":["The ",["$","code",null,{"children":"static"}]," plugin module is invoked when the plugin is added with the ",["$","code",null,{"children":"OverlayScrollbars.plugin"}]," function."]}],["$","p",null,{"children":["Example plugin with a ",["$","code",null,{"children":"static"}]," module:"]}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"const"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" staticPlugin"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // plugin has the name `examplePlugin`"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" examplePlugin: {"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // static function describes a static module and returns the module instance or void / undefined if no instance is needed"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // the `osStatic` parameter is the global `OverlayScrollbars` object"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" static"}],["$","span",null,{"style":{"color":"#657B83"},"children":": (osStatic) "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"=>"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" let"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" count"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#D33682"},"children":" 0"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" const"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" staticPluginModuleInstance"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" getCount"}],["$","span",null,{"style":{"color":"#657B83"},"children":": () "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"=>"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" count"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" increment"}],["$","span",null,{"style":{"color":"#657B83"},"children":": () "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"=>"}],["$","span",null,{"style":{"color":"#657B83"},"children":" { "}],["$","span",null,{"style":{"color":"#268BD2"},"children":"count"}],["$","span",null,{"style":{"color":"#859900"},"children":"++"}],["$","span",null,{"style":{"color":"#657B83"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" }"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":" return"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" staticPluginModuleInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" }"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" }"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}"}]}]]}]}]}],["$","p",null,{"children":["When the plugin is added with the ",["$","code",null,{"children":"OverlayScrollbars.plugin"}]," function, the static module instance is returned:"]}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"const"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" staticModuleInstance"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#268BD2"},"children":" OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#268BD2"},"children":"staticPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"); "}],["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// plugins static module is invoked"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"staticModuleInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"count"}],["$","span",null,{"style":{"color":"#657B83"},"children":"; "}],["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// 0"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"staticModuleInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"increment"}],["$","span",null,{"style":{"color":"#657B83"},"children":"();"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"staticModuleInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"count"}],["$","span",null,{"style":{"color":"#657B83"},"children":"; "}],["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// 1"}]]}]]}]}]}],["$","h4",null,{"children":"Instance Plugin Module"}],["$","p",null,{"children":["The ",["$","code",null,{"children":"instance"}]," plugin module is invoked when a new ",["$","code",null,{"children":"OverlayScrollbars"}]," instance is created but before the ",["$","code",null,{"children":"initialized"}]," event is dispatched."]}],["$","p",null,{"children":["Example plugin with a ",["$","code",null,{"children":"instance"}]," module:"]}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"const"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" instancePlugin"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // plugin has the name `examplePlugin`"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" examplePlugin: {"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // instance function describes a instance module and returns the module instance or void / undefined if no instance is needed"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // the `osInstance` parameter is the OverlayScrollbar instance the plugin is bound to"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // the `event` parameter is a function which adds events to the instance which can't be removed from outside the plugin"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // the `osStatic` parameter is the gobal OverlayScrollbar object"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" instance"}],["$","span",null,{"style":{"color":"#657B83"},"children":": (osInstance, event, osStatic) "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"=>"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" let"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" count"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#D33682"},"children":" 0"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" const"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" instancePluginModuleInstance"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" getCount"}],["$","span",null,{"style":{"color":"#657B83"},"children":": () "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"=>"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" count"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" increment"}],["$","span",null,{"style":{"color":"#657B83"},"children":": () "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"=>"}],["$","span",null,{"style":{"color":"#657B83"},"children":" { "}],["$","span",null,{"style":{"color":"#268BD2"},"children":"count"}],["$","span",null,{"style":{"color":"#859900"},"children":"++"}],["$","span",null,{"style":{"color":"#657B83"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" }"}]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // event which fires when the instance was initialized"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" event"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'initialized'"}],["$","span",null,{"style":{"color":"#657B83"},"children":", () "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"=>"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" console"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"log"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#2AA198"},"children":"\"instance initialized\""}],["$","span",null,{"style":{"color":"#657B83"},"children":");"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" });"}]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // event which fires when the viewport was scrolled"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" const"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" removeScrollEvent"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#268BD2"},"children":" event"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'scroll'"}],["$","span",null,{"style":{"color":"#657B83"},"children":", () "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"=>"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" console"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"log"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#2AA198"},"children":"\"viewport scrolled\""}],["$","span",null,{"style":{"color":"#657B83"},"children":");"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" removeScrollEvent"}],["$","span",null,{"style":{"color":"#657B83"},"children":"(); "}],["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// removes the event after the first scroll"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" });"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" "}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":" return"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" instancePluginModuleInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" }"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" }"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}"}]}]]}]}]}],["$","p",null,{"children":["When the plugin is added with the ",["$","code",null,{"children":"OverlayScrollbars.plugin"}]," function all OverlayScrollbar instances will add the plugin automatically from that point on. Already created instances will not have the plugin. The instance modules instance is returned with the ",["$","code",null,{"children":"osInstance.plugin"}]," function:"]}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#268BD2"},"children":"instancePlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"); "}],["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// plugin is added"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"const"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" osInstance"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#268BD2"},"children":" OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#268BD2"},"children":"document"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"body"}],["$","span",null,{"style":{"color":"#657B83"},"children":", {}); "}],["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// plugins instance module is invoked"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"const"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" instancePluginInstance"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#268BD2"},"children":" osInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#268BD2"},"children":"instancePlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":");"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"instancePluginInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"count"}],["$","span",null,{"style":{"color":"#657B83"},"children":"; "}],["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// 0"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"instancePluginInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"increment"}],["$","span",null,{"style":{"color":"#657B83"},"children":"();"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"instancePluginInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"count"}],["$","span",null,{"style":{"color":"#657B83"},"children":"; "}],["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// 1"}]]}]]}]}]}],["$","h4",null,{"children":"TypeScript"}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"ts","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// Describes a OverlayScrollbar plugin."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":"export"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" type"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // the name of the plugin"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#CB4B16"},"children":" Name"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" extends"}],["$","span",null,{"style":{"color":"#859900"},"children":" string"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#859900"},"children":" string"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // the module instance type of the static module"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#CB4B16"},"children":" S"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" extends"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" PluginModuleInstance"}],["$","span",null,{"style":{"color":"#859900"},"children":" |"}],["$","span",null,{"style":{"color":"#859900"},"children":" void"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" PluginModuleInstance"}],["$","span",null,{"style":{"color":"#859900"},"children":" |"}],["$","span",null,{"style":{"color":"#859900"},"children":" void"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // the module instance type of the instance module"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#CB4B16"},"children":" I"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" extends"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" PluginModuleInstance"}],["$","span",null,{"style":{"color":"#859900"},"children":" |"}],["$","span",null,{"style":{"color":"#859900"},"children":" void"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" PluginModuleInstance"}],["$","span",null,{"style":{"color":"#859900"},"children":" |"}],["$","span",null,{"style":{"color":"#859900"},"children":" void"}],["$","span",null,{"style":{"color":"#657B83"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":"> "}],["$","span",null,{"style":{"color":"#859900"},"children":"="}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" ["}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"pluginName"}],["$","span",null,{"style":{"color":"#859900"},"children":" in"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Name"}],["$","span",null,{"style":{"color":"#657B83"},"children":"]"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" PluginModule"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"S"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"I"}],["$","span",null,{"style":{"color":"#657B83"},"children":">;"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"};"}]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// Describes a OverlayScrollbar plugin which has only a static module."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":"export"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" type"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" StaticPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#CB4B16"},"children":" Name"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" extends"}],["$","span",null,{"style":{"color":"#859900"},"children":" string"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#859900"},"children":" string"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#CB4B16"},"children":" T"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" extends"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" PluginModuleInstance"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" PluginModuleInstance"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":"> "}],["$","span",null,{"style":{"color":"#859900"},"children":"="}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"Name"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"T"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}],["$","span",null,{"style":{"color":"#859900"},"children":"void"}],["$","span",null,{"style":{"color":"#657B83"},"children":">;"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// Describes a OverlayScrollbar plugin which has only a instance module."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":"export"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" type"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" InstancePlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#CB4B16"},"children":" Name"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" extends"}],["$","span",null,{"style":{"color":"#859900"},"children":" string"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#859900"},"children":" string"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#CB4B16"},"children":" T"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" extends"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" PluginModuleInstance"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" PluginModuleInstance"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":"> "}],["$","span",null,{"style":{"color":"#859900"},"children":"="}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"Name"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}],["$","span",null,{"style":{"color":"#859900"},"children":"void"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"T"}],["$","span",null,{"style":{"color":"#657B83"},"children":">;"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// Infers the type of the static modules instance of the passed plugin."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":"export"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" type"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" InferStaticPluginModuleInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"T"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" extends"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" StaticPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":">;"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// Infers the type of the instance modules instance of the passed plugin."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":"export"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" type"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" InferInstancePluginModuleInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"T"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" extends"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" InstancePlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":">;"}]]}]]}]}]}]]}],"\n",["$","h2",null,{"children":"FAQ"}],"\n",["$","details",null,{"children":[["$","summary",null,{"children":["$","p",null,{"children":["How do I ",["$","code",null,{"children":"get / set"}]," the ",["$","code",null,{"children":"scroll position"}]," of an element I applied OverlayScrollbars to?"]}]}],["$","br",null,{}],["$","p",null,{"children":["If you applied ",["$","code",null,{"children":"OverlayScrollbars"}]," to the ",["$","code",null,{"children":"body"}]," element you can use ",["$","a",null,{"href":"https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollX","children":["$","code",null,{"children":"window.scrollX"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],", ",["$","a",null,{"href":"https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollY","children":["$","code",null,{"children":"window.scrollY"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],", ",["$","a",null,{"href":"https://developer.mozilla.org/en-US/docs/Web/API/Window/scroll","children":["$","code",null,{"children":"window.scroll"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],", ",["$","a",null,{"href":"https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo","children":["$","code",null,{"children":"window.scrollTo"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],", ",["$","a",null,{"href":"https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollBy","children":["$","code",null,{"children":"window.scrollBy"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}]," or any other native api."]}],["$","p",null,{"children":["If the plugin was applied to any other element you have to get the ",["$","code",null,{"children":"viewport"}]," element with the ",["$","code",null,{"children":"instance.elements()"}]," function first. With this element you can use ",["$","a",null,{"href":"https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollTop","children":["$","code",null,{"children":"element.scrollTop"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],", ",["$","a",null,{"href":"https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollLeft","children":["$","code",null,{"children":"element.scrollLeft"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],", ",["$","a",null,{"href":"https://developer.mozilla.org/en-US/docs/Web/API/Element/scroll","children":["$","code",null,{"children":"element.scroll"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],", ",["$","a",null,{"href":"https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollTo","children":["$","code",null,{"children":"element.scrollTo"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],", ",["$","a",null,{"href":"https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollBy","children":["$","code",null,{"children":"element.scrollBy"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}]," or any other native api."]}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"const"}],["$","span",null,{"style":{"color":"#657B83"},"children":" { "}],["$","span",null,{"style":{"color":"#268BD2"},"children":"viewport"}],["$","span",null,{"style":{"color":"#657B83"},"children":" } "}],["$","span",null,{"style":{"color":"#859900"},"children":"="}],["$","span",null,{"style":{"color":"#268BD2"},"children":" osInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"elements"}],["$","span",null,{"style":{"color":"#657B83"},"children":"();"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"const"}],["$","span",null,{"style":{"color":"#657B83"},"children":" { "}],["$","span",null,{"style":{"color":"#268BD2"},"children":"scrollLeft"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}],["$","span",null,{"style":{"color":"#268BD2"},"children":"scrollTop"}],["$","span",null,{"style":{"color":"#657B83"},"children":" } "}],["$","span",null,{"style":{"color":"#859900"},"children":"="}],["$","span",null,{"style":{"color":"#268BD2"},"children":" viewport"}],["$","span",null,{"style":{"color":"#657B83"},"children":"; "}],["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// get scroll offset"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"viewport"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"scrollTo"}],["$","span",null,{"style":{"color":"#657B83"},"children":"({ top: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"0"}],["$","span",null,{"style":{"color":"#657B83"},"children":" }); "}],["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// set scroll offset"}]]}]]}]}]}]]}],"\n",["$","details",null,{"children":[["$","summary",null,{"children":["$","p",null,{"children":["Is it possible to ",["$","code",null,{"children":"limit / adjust the scrollbar handle length"}],"?"]}]}],["$","br",null,{}],["$","p",null,{"children":["You can adjust a scrollbars handle length by setting a ",["$","code",null,{"children":"min-width / min-height"}]," and ",["$","code",null,{"children":"max-width / max-height"}]," style:"]}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"css","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"/* horizontal boundaries */"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":".os-scrollbar-horizontal"}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" .os-scrollbar-handle"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":" min-width"}],["$","span",null,{"style":{"color":"#657B83"},"children":": "}],["$","span",null,{"style":{"color":"#D33682"},"children":"50"}],["$","span",null,{"style":{"color":"#859900"},"children":"px"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":" max-width"}],["$","span",null,{"style":{"color":"#657B83"},"children":": "}],["$","span",null,{"style":{"color":"#D33682"},"children":"200"}],["$","span",null,{"style":{"color":"#859900"},"children":"px"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"/* vertical boundaries */"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":".os-scrollbar-vertical"}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" .os-scrollbar-handle"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":" min-height"}],["$","span",null,{"style":{"color":"#657B83"},"children":": "}],["$","span",null,{"style":{"color":"#D33682"},"children":"40"}],["$","span",null,{"style":{"color":"#859900"},"children":"px"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":" max-height"}],["$","span",null,{"style":{"color":"#657B83"},"children":": "}],["$","span",null,{"style":{"color":"#D33682"},"children":"40"}],["$","span",null,{"style":{"color":"#859900"},"children":"px"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}"}]}]]}]}]}],["$","p",null,{"children":["You can assign the same value to both properties to force the scrollbar to be always the same size.",["$","br",null,{}],"\n","Setting the ",["$","code",null,{"children":"width"}]," and ",["$","code",null,{"children":"height"}]," properties won't work since those are set by the plugin automatically."]}]]}],"\n",["$","h2",null,{"children":["Feature comparison to ",["$","code",null,{"children":"v1"}]]}],"\n",["$","ul",null,{"children":["\n",["$","li",null,{"children":["The ",["$","code",null,{"children":"scroll"}]," function is missing. Planned as a ",["$","code",null,{"children":"plugin"}],". (WIP)"]}],"\n",["$","li",null,{"children":["Initialization to the ",["$","code",null,{"children":"textarea"}]," element isn't supported yet. Planned as a ",["$","code",null,{"children":"plugin"}],". (WIP)"]}],"\n"]}],"\n",["$","h2",null,{"children":"Future Plans"}],"\n",["$","ul",null,{"children":["\n",["$","li",null,{"children":"Provide plugin based support for missing features. (treeshakeable)"}],"\n",["$","li",null,{"children":"Frequent updates in terms of bug-fixes and enhancements. (always use latest browser features)"}],"\n",["$","li",null,{"children":"Improve tests. (unit & browser tests)"}],"\n"]}],"\n",["$","h2",null,{"children":"License"}],"\n",["$","p",null,{"children":"MIT"}]]}]]}],null]]},[null,["$","$L4",null,{"children":["$","$L5",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/OverlayScrollbars/_next/static/css/f9e4b0be7c1f772a.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +0:["1npzBCWQz7KBvxFw8hjEs",[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",true],["",{"children":["__PAGE__",{},["$L1",["$","div",null,{"className":"sm:container default:px-6","children":[["$","div",null,{"className":"mt-8 flex justify-center items-center h-[33vh] min-h-32 max-h-40 xxs:max-h-44","children":["$","div",null,{"className":"h-full relative before:content-[\"\"] before:bg-[url(/OverlayScrollbars/img/logo.svg)] before:absolute before:left-0 before:w-full before:h-full before:bg-contain before:bg-center before:bg-no-repeat before:-z-10 before:[transform:translateZ(0)] before:[filter:blur(33px)_saturate(1.22)] before:opacity-50 before:top-2.5 after:content-[\"\"] after:bg-[url(/OverlayScrollbars/img/logo.svg)] after:absolute after:left-0 after:w-full after:h-full after:bg-contain after:bg-center after:bg-no-repeat after:-z-10 after:[transform:translateZ(0)] after:[filter:drop-shadow(0_6px_22px_#5242e3)_saturate(1.5)] after:opacity-10 after:top-0","children":["$","img",null,{"src":"/OverlayScrollbars/img/logo.svg","className":"h-full","alt":"OverlayScrollbars Logo","width":"200","height":"200"}]}]}],["$","h1",null,{"className":"text-center xxs:text-4xl text-2xl font-bold my-11","children":["Overlay",["$","wbr",null,{}],"Scrollbars"]}],["$","p",null,{"className":"text-center mx-auto max-w-screen-sm my-11 font-medium","children":"A javascript scrollbar plugin that hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling."}],["$","div",null,{"className":"my-6 text-center font-semiBold text-sm uppercase relative","children":["$","span",null,{"className":"p-3 bg-slate-50","children":[["$","span",null,{"children":"used by"}],["$","span",null,{"className":"absolute block top-1/2 left-1/2 w-full xs:w-[80%] border-t-[1px] border-slate-300 -translate-x-1/2 -translate-y-1/2 -z-10"}]]}]}],["$","$L2",null,{"defer":true,"children":["$","div",null,{"className":"flex justify-center","children":["$","div",null,{"className":"inline-flex items-center gap-6 px-1 py-6 opacity-60 [filter:brightness(0.8)_sepia(1)_saturate(1.44)_hue-rotate(175deg)]","children":[["$","a",null,{"className":"h-11 flex-none rounded-sm px-3 group py-1","target":"_blank","href":"https://github.com/KingSora/OverlayScrollbars/issues/150#issuecomment-658658186","children":["$","img",null,{"className":"h-full transition-all group-hover:scale-110 group-focus:scale-110","src":"/OverlayScrollbars/img/spotify-logo.svg","alt":"Spotify","style":{"filter":"brightness(0.35)"}}]}],["$","a",null,{"className":"h-11 flex-none rounded-sm px-3 group","target":"_blank","href":"https://github.com/JetBrains/intellij-community/blob/ee35416f381ed33f976d7b9322a5ee6156e7fa2f/platform/platform-api/src/com/intellij/ui/jcef/JBCefScrollbarsHelper.java#L41-L50","children":["$","img",null,{"className":"h-full transition-all group-hover:scale-110 group-focus:scale-110","src":"/OverlayScrollbars/img/intellij-idea-logo.svg","alt":"IntelliJ IDEA"}]}],["$","a",null,{"className":"h-11 flex-none rounded-sm px-3 group py-1.5","target":"_blank","href":"https://github.com/storybookjs/storybook/blob/32d2fafa8d1d2e197e885349f2c01f5422bde5b4/code/ui/components/package.json#L66-L67","children":["$","img",null,{"className":"h-full transition-all group-hover:scale-110 group-focus:scale-110","src":"/OverlayScrollbars/img/storybook-logo.svg","alt":"Storybook"}]}],["$","a",null,{"className":"h-11 flex-none rounded-sm px-3 group py-3","target":"_blank","href":"https://github.com/ColorlibHQ/AdminLTE/blob/3113ac5efed25971ccd0972f5eeff3c364f218dc/src/html/components/_scripts.astro#L6-L7","children":["$","img",null,{"className":"h-full transition-all group-hover:scale-110 group-focus:scale-110","src":"/OverlayScrollbars/img/adminlte-logo.png","alt":"Admin LTE"}]}],["$","a",null,{"className":"h-11 flex-none rounded-sm px-3 group","target":"_blank","href":"https://scramble.cloud/#credits","children":["$","img",null,{"className":"h-full transition-all group-hover:scale-110 group-focus:scale-110","src":"/OverlayScrollbars/img/scramble-logo.svg","alt":"Scramble.cloud"}]}]]}]}]}],["$","div",null,{"className":"my-6 text-center font-semiBold text-sm uppercase relative","children":["$","span",null,{"className":"p-3 bg-slate-50","children":[["$","span",null,{"children":["$","a",null,{"href":"https://github.com/KingSora/OverlayScrollbars","target":"_blank","className":"inline-block leading-[0] rounded-full","children":[["$","span",null,{"style":{"maskImage":"url(/OverlayScrollbars/icon/github.svg)","WebkitMaskImage":"url(/OverlayScrollbars/icon/github.svg)"},"className":"default:block default:flex-none default:bg-current mask-center mask-contain mask-no-repeat inline-block w-11 h-11 hover:scale-110 text-primary-dark hover:text-primary-blue1 active:text-primary-blue2 transition-transformColor ease-in-out duration-300"}],["$","span",null,{"className":"sr-only","children":"OverlayScrollbars on Github"}]]}]}],["$","span",null,{"className":"absolute block top-1/2 left-1/2 w-full xs:w-[80%] border-t-[1px] border-slate-300 -translate-x-1/2 -translate-y-1/2 -z-10"}]]}]}],["$","p",null,{"className":"text-center text-sm text-primary-gray2 mx-auto max-w-screen-sm my-11 font-medium","children":["Looking for the v1 docs? ",["$","$L3",null,{"href":"/v1","children":"Follow this link","className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],"."]}],["$","div",null,{"className":"mx-auto flex sm:flex-row justify-center gap-2 items-center flex-wrap","children":[["$","a",null,{"href":"https://www.npmjs.com/package/overlayscrollbars","className":"rounded-sm","children":["$","img",null,{"className":"min-h-[20px]","src":"https://img.shields.io/npm/dm/overlayscrollbars.svg?style=flat-square","alt":"Downloads"}]}],["$","a",null,{"href":"https://www.npmjs.com/package/overlayscrollbars","className":"rounded-sm","children":["$","img",null,{"className":"min-h-[20px]","src":"https://img.shields.io/npm/v/overlayscrollbars.svg?style=flat-square","alt":"Version"}]}],["$","a",null,{"href":"https://github.com/KingSora/OverlayScrollbars/blob/master/LICENSE","className":"rounded-sm","children":["$","img",null,{"className":"min-h-[20px]","src":"https://img.shields.io/github/license/kingsora/overlayscrollbars.svg?style=flat-square","alt":"License"}]}],["$","a",null,{"href":"https://app.codecov.io/gh/KingSora/OverlayScrollbars","className":"rounded-sm","children":["$","img",null,{"className":"min-h-[20px]","src":"https://img.shields.io/codecov/c/github/KingSora/OverlayScrollbars?style=flat-square","alt":"Code Coverage"}]}],["$","a",null,{"href":"https://bundlephobia.com/package/overlayscrollbars","className":"rounded-sm","children":["$","img",null,{"className":"min-h-[20px]","src":"https://img.shields.io/bundlephobia/minzip/overlayscrollbars?label=max.%20bundle%20size&style=flat-square","alt":"Max. Bundle Size"}]}]]}],["$","nav",null,{"className":"mx-auto my-6 text-lg flex sm:flex-row justify-center gap-2 items-center flex-wrap","children":[["$","a",null,{"href":"https://github.com/KingSora/OverlayScrollbars","target":"_blank","children":"GitHub","className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],["$","span",null,{"children":"  •  "}],["$","$L3",null,{"href":"/examples","target":"_blank","children":"Examples","className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}]]}],["$","main",null,{"className":"prose prose-primary mx-auto pb-12","children":[["$","h2",null,{"children":"Why"}],"\n",["$","p",null,{"children":"I created this plugin because I hate ugly and space consuming scrollbars. Similar plugins haven't met my requirements in terms of features, quality, simplicity, license or browser support."}],"\n",["$","h2",null,{"children":"Goals & Features"}],"\n",["$","ul",null,{"children":["\n",["$","li",null,{"children":"Simple, powerful and well documented API"}],"\n",["$","li",null,{"children":["High browser compatibility - ",["$","strong",null,{"children":"Firefox 59+"}],", ",["$","strong",null,{"children":"Chrome 55+"}],", ",["$","strong",null,{"children":"Opera 42+"}],", ",["$","strong",null,{"children":"Edge 15+"}]," and ",["$","strong",null,{"children":"Safari 10+"}]]}],"\n",["$","li",null,{"children":[["$","strong",null,{"children":"Fully Accessible"}]," - Native scroll behavior is completely preserved"]}],"\n",["$","li",null,{"children":["Can be run on the server (",["$","code",null,{"children":"Node"}],", ",["$","code",null,{"children":"Deno"}]," and ",["$","code",null,{"children":"Bun"}],") - ",["$","strong",null,{"children":"SSR"}],", ",["$","strong",null,{"children":"SSG"}]," and ",["$","strong",null,{"children":"ISR"}]," support"]}],"\n",["$","li",null,{"children":["Tested on various devices - ",["$","strong",null,{"children":"Mobile"}],", ",["$","strong",null,{"children":"Desktop"}]," and ",["$","strong",null,{"children":"Tablet"}]]}],"\n",["$","li",null,{"children":["Tested with various (and mixed) inputs - ",["$","strong",null,{"children":"Mouse"}],", ",["$","strong",null,{"children":"Touch"}]," and ",["$","strong",null,{"children":"Pen"}]]}],"\n",["$","li",null,{"children":[["$","strong",null,{"children":"Treeshaking"}]," - bundle only what you really need"]}],"\n",["$","li",null,{"children":["Automatic update detection - ",["$","strong",null,{"children":"no polling"}]]}],"\n",["$","li",null,{"children":["Usage of latest browser features - best ",["$","strong",null,{"children":"performance"}]," in new browsers"]}],"\n",["$","li",null,{"children":"Bidirectional - LTR or RTL direction support"}],"\n",["$","li",null,{"children":["Supports the ",["$","code",null,{"children":"body"}]," element"]}],"\n",["$","li",null,{"children":["Supports all ",["$","strong",null,{"children":"virtual scrolling"}]," libraries"]}],"\n",["$","li",null,{"children":"Simple and effective scrollbar styling"}],"\n",["$","li",null,{"children":"Highly customizable"}],"\n",["$","li",null,{"children":"TypeScript support - fully written in TypeScript"}],"\n",["$","li",null,{"children":"Dependency free - 100% self written to ensure small size and best functionality"}],"\n",["$","li",null,{"children":["High quality and fully typed framework versions for ",["$","a",null,{"href":"https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-react","children":["$","code",null,{"children":"react"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],", ",["$","a",null,{"href":"https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-vue","children":["$","code",null,{"children":"vue"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],", ",["$","a",null,{"href":"https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-ngx","children":["$","code",null,{"children":"angular"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],", ",["$","a",null,{"href":"https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-svelte","children":["$","code",null,{"children":"svelte"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}]," and ",["$","a",null,{"href":"https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-solid","children":["$","code",null,{"children":"solid"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],"."]}],"\n"]}],"\n",["$","h2",null,{"children":"Choose your framework"}],"\n",["$","p",null,{"children":"Additionally to the vanilla JavaScript version you can use the official framework components & utilities:"}],"\n",["$","div",null,{"className":"flex flex-wrap","children":[["$","a",null,{"className":"flex-grow-0 flex-shrink-0 rounded-sm transition-transform hover:scale-110","href":"https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-react","children":["$","img",null,{"className":"h-[80px] mx-1 my-1","src":"https://raw.githubusercontent.com/KingSora/OverlayScrollbars/master/packages/overlayscrollbars-react/logo.svg","width":"80","height":"80","alt":"React"}]}],["$","a",null,{"className":"flex-grow-0 flex-shrink-0 rounded-sm transition-transform hover:scale-110","href":"https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-vue","children":["$","img",null,{"className":"h-[80px] mx-1 my-1","src":"https://raw.githubusercontent.com/KingSora/OverlayScrollbars/master/packages/overlayscrollbars-vue/logo.svg","width":"80","height":"80","alt":"Vue"}]}],["$","a",null,{"className":"flex-grow-0 flex-shrink-0 rounded-sm transition-transform hover:scale-110","href":"https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-ngx","children":["$","img",null,{"className":"h-[80px] mx-1 my-1","src":"https://raw.githubusercontent.com/KingSora/OverlayScrollbars/master/packages/overlayscrollbars-ngx/logo.svg","width":"80","height":"80","alt":"Angular"}]}],["$","a",null,{"className":"flex-grow-0 flex-shrink-0 rounded-sm transition-transform hover:scale-110","href":"https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-svelte","children":["$","img",null,{"className":"h-[80px] mx-1 my-1","src":"https://raw.githubusercontent.com/KingSora/OverlayScrollbars/master/packages/overlayscrollbars-svelte/logo.svg","width":"80","height":"80","alt":"Svelte"}]}],["$","a",null,{"className":"flex-grow-0 flex-shrink-0 rounded-sm transition-transform hover:scale-110","href":"https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-solid","children":["$","img",null,{"className":"h-[80px] mx-1 my-1","src":"https://raw.githubusercontent.com/KingSora/OverlayScrollbars/master/packages/overlayscrollbars-solid/logo.svg","width":"80","height":"80","alt":"Solid"}]}]]}],"\n",["$","h2",null,{"children":"Getting started"}],"\n",["$","h3",null,{"children":"npm & nodejs"}],"\n",["$","p",null,{"children":["OverlayScrollbars can be downloaded from ",["$","a",null,{"href":"https://www.npmjs.com/package/overlayscrollbars","children":"npm","className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}]," or the package manager of your choice:"]}],"\n",["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"sh","data-theme":"solarized-light","style":{"display":"grid"},"children":["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"npm"}],["$","span",null,{"style":{"color":"#2AA198"},"children":" install"}],["$","span",null,{"style":{"color":"#2AA198"},"children":" overlayscrollbars"}]]}]}]}]}],"\n",["$","p",null,{"children":"After installation it can be imported:"}],"\n",["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":"import"}],["$","span",null,{"style":{"color":"#2AA198"},"children":" 'overlayscrollbars/overlayscrollbars.css'"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":"import"}],["$","span",null,{"style":{"color":"#657B83"},"children":" { "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" ScrollbarsHidingPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" SizeObserverPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" ClickScrollPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":"} "}],["$","span",null,{"style":{"color":"#859900"},"children":"from"}],["$","span",null,{"style":{"color":"#2AA198"},"children":" 'overlayscrollbars'"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}]]}]}]}],"\n",["$","blockquote",null,{"children":["\n",["$","p",null,{"children":[["$","strong",null,{"children":"Note"}],": If the path ",["$","code",null,{"children":"'overlayscrollbars/overlayscrollbars.css'"}]," is not working use ",["$","code",null,{"children":"'overlayscrollbars/styles/overlayscrollbars.css'"}]," as the import path for the CSS file."]}],"\n"]}],"\n",["$","h3",null,{"children":"Manual download & embedding"}],"\n",["$","p",null,{"children":["You can use OverlayScrollbars without any bundler or package manager.",["$","br",null,{}],"\n","Simply download it from the ",["$","a",null,{"href":"https://github.com/KingSora/OverlayScrollbars/releases","children":"Releases","className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}]," or use a ",["$","a",null,{"href":"https://cdnjs.com/libraries/overlayscrollbars","children":"CDN","className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],"."]}],"\n",["$","ul",null,{"children":["\n",["$","li",null,{"children":["Use the javascript files with the ",["$","code",null,{"children":".browser"}]," extension."]}],"\n",["$","li",null,{"children":["Use the javascript files with the ",["$","code",null,{"children":".es5"}]," extension if you need to support older browsers, otherwise use the ",["$","code",null,{"children":".es6"}]," files."]}],"\n",["$","li",null,{"children":["For production use the javascript / stylesheet files with the ",["$","code",null,{"children":".min"}]," extension."]}],"\n"]}],"\n",["$","p",null,{"children":"Embedd OverlayScrollbars manually in your HTML:"}],"\n",["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"html","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":"<"}],["$","span",null,{"style":{"color":"#268BD2"},"children":"link"}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" type"}],["$","span",null,{"style":{"color":"#657B83"},"children":"="}],["$","span",null,{"style":{"color":"#2AA198"},"children":"\"text/css\""}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" href"}],["$","span",null,{"style":{"color":"#657B83"},"children":"="}],["$","span",null,{"style":{"color":"#2AA198"},"children":"\"path/to/overlayscrollbars.css\""}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" rel"}],["$","span",null,{"style":{"color":"#657B83"},"children":"="}],["$","span",null,{"style":{"color":"#2AA198"},"children":"\"stylesheet\""}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" />"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":"<"}],["$","span",null,{"style":{"color":"#268BD2"},"children":"script"}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" type"}],["$","span",null,{"style":{"color":"#657B83"},"children":"="}],["$","span",null,{"style":{"color":"#2AA198"},"children":"\"text/javascript\""}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" src"}],["$","span",null,{"style":{"color":"#657B83"},"children":"="}],["$","span",null,{"style":{"color":"#2AA198"},"children":"\"path/to/overlayscrollbars.browser.es.js\""}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" defer>"}]]}]]}]}]}],"\n",["$","p",null,{"children":["You can then use the global variable ",["$","code",null,{"children":"OverlayScrollbarsGlobal"}]," to access the api similar to how you can do it in nodejs / modules:"]}],"\n",["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"var"}],["$","span",null,{"style":{"color":"#657B83"},"children":" { "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" ScrollbarsHidingPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" SizeObserverPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" ClickScrollPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":"} "}],["$","span",null,{"style":{"color":"#859900"},"children":"="}],["$","span",null,{"style":{"color":"#268BD2"},"children":" OverlayScrollbarsGlobal"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}]]}]}]}],"\n",["$","p",null,{"children":["The examples in this documentation will use the ",["$","code",null,{"children":"import"}]," syntax instead of the ",["$","code",null,{"children":"OverlayScrollbarsGlobal"}]," object. Both versions are equivalent though."]}],"\n",["$","h2",null,{"children":"Initialization"}],"\n",["$","p",null,{"children":["You can initialize either directly with an ",["$","code",null,{"children":"Element"}]," or with an ",["$","code",null,{"children":"Object"}]," where you have more control over the initialization process."]}],"\n",["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// simple initialization with an element"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"const"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" osInstance"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#268BD2"},"children":" OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#268BD2"},"children":"document"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"querySelector"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'#myElement'"}],["$","span",null,{"style":{"color":"#657B83"},"children":"), {});"}]]}]]}]}]}],"\n",["$","h3",null,{"children":"Bridging initialization flickering"}],"\n",["$","p",null,{"children":"If you initialize OverlayScrollbars it needs a few milliseconds to create and append all the elements to the DOM.\r\nWhile this period the native scrollbars are still visible and are switched out after the initialization is finished. This is perceived as flickering."}],"\n",["$","p",null,{"children":["To fix this behavior apply the ",["$","code",null,{"children":"data-overlayscrollbars-initialize"}]," attribute to the target element (and ",["$","code",null,{"children":"html"}]," element if the target element is ",["$","code",null,{"children":"body"}],")."]}],"\n",["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"html","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":""}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":"<"}],["$","span",null,{"style":{"color":"#268BD2"},"children":"html"}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" data-overlayscrollbars-initialize>"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":" <"}],["$","span",null,{"style":{"color":"#268BD2"},"children":"head"}],["$","span",null,{"style":{"color":"#93A1A1"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":" <"}],["$","span",null,{"style":{"color":"#268BD2"},"children":"body"}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" data-overlayscrollbars-initialize>"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":""}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":""}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":"<"}],["$","span",null,{"style":{"color":"#268BD2"},"children":"div"}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" data-overlayscrollbars-initialize>"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" OverlayScrollbars is applied to this div"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":""}]]}]]}]}]}],"\n",["$","h3",null,{"children":"Initialization with an Object"}],"\n",["$","details",null,{"children":[["$","summary",null,{"children":["$","p",null,{"children":"This is a in depth topic. Click here to read it."}]}],["$","br",null,{}],["$","p",null,{"children":["The only required field is the ",["$","code",null,{"children":"target"}]," field. This is the field to which the plugin is applied to.",["$","br",null,{}],"\n","If you use the object initialization only with the ",["$","code",null,{"children":"target"}]," field, the outcome is equivalent to the element initialization:"]}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// Both initializations have the same outcome"}]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#268BD2"},"children":"document"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"querySelector"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'#myElement'"}],["$","span",null,{"style":{"color":"#657B83"},"children":"), {});"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"({ target: "}],["$","span",null,{"style":{"color":"#268BD2"},"children":"document"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"querySelector"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'#myElement'"}],["$","span",null,{"style":{"color":"#657B83"},"children":") }, {});"}]]}]]}]}]}],["$","p",null,{"children":["In the initialization object you can specify how the library is handling generated elements.\r\nFor example you can appoint an existing element as the ",["$","code",null,{"children":"viewport"}]," element. Like this the library won't generate it but take the specified element instead:"]}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"({ "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" target: "}],["$","span",null,{"style":{"color":"#268BD2"},"children":"document"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"querySelector"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'#target'"}],["$","span",null,{"style":{"color":"#657B83"},"children":"),"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" elements: {"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" viewport: "}],["$","span",null,{"style":{"color":"#268BD2"},"children":"document"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"querySelector"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'#viewport'"}],["$","span",null,{"style":{"color":"#657B83"},"children":"),"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" },"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}, {});"}]}]]}]}]}],["$","p",null,{"children":"This is very useful if you have a fixed DOM structure and don't want OverlayScrollbars to generate its own elements. Those cases arise very often when you want an other library to work together with OverlayScrollbars."}],["$","hr",null,{}],["$","p",null,{"children":"You can also decide to which element the scrollbars should be applied to:"}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"({ "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" target: "}],["$","span",null,{"style":{"color":"#268BD2"},"children":"document"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"querySelector"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'#target'"}],["$","span",null,{"style":{"color":"#657B83"},"children":"),"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" scrollbars: {"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" slot: "}],["$","span",null,{"style":{"color":"#268BD2"},"children":"document"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"querySelector"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'#target'"}],["$","span",null,{"style":{"color":"#657B83"},"children":")."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"parentElement"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" },"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}, {});"}]}]]}]}]}],["$","hr",null,{}],["$","p",null,{"children":"And last but not least you can decide when the initialization should be canceled:"}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"({ "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" target: "}],["$","span",null,{"style":{"color":"#268BD2"},"children":"document"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"querySelector"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'#target'"}],["$","span",null,{"style":{"color":"#657B83"},"children":"),"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" cancel: {"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" nativeScrollbarsOverlaid: "}],["$","span",null,{"style":{"color":"#B58900"},"children":"true"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" body: "}],["$","span",null,{"style":{"color":"#B58900"},"children":"null"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" }"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}, {});"}]}]]}]}]}],["$","p",null,{"children":["In the above example the initialization is canceled when the native scrollbars are overlaid or when your target is a ",["$","code",null,{"children":"body"}]," element and the plugin determined that a initialization to the ",["$","code",null,{"children":"body"}]," element would affect native functionality like ",["$","code",null,{"children":"window.scrollTo"}],"."]}]]}],"\n",["$","h2",null,{"children":"Options"}],"\n",["$","p",null,{"children":["You can initialize OverlayScrollbars with an initial set of options, which can be changed at any time with the ",["$","code",null,{"children":"options"}]," method:"]}],"\n",["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#268BD2"},"children":"document"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"querySelector"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'#myElement'"}],["$","span",null,{"style":{"color":"#657B83"},"children":"), {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" overflow: {"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" x: "}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'hidden'"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" },"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"});"}]}]]}]}]}],"\n",["$","h3",null,{"children":"Options in depth"}],"\n",["$","details",null,{"children":[["$","summary",null,{"children":["$","p",null,{"children":"This is a in depth topic. Click here to read it."}]}],["$","br",null,{}],["$","p",null,{"children":"The default options are:"}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"const"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" defaultOptions"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" paddingAbsolute: "}],["$","span",null,{"style":{"color":"#B58900"},"children":"false"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" showNativeOverlaidScrollbars: "}],["$","span",null,{"style":{"color":"#B58900"},"children":"false"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" update: {"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" elementEvents: [["}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'img'"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'load'"}],["$","span",null,{"style":{"color":"#657B83"},"children":"]],"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" debounce: ["}],["$","span",null,{"style":{"color":"#D33682"},"children":"0"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}],["$","span",null,{"style":{"color":"#D33682"},"children":"33"}],["$","span",null,{"style":{"color":"#657B83"},"children":"],"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" attributes: "}],["$","span",null,{"style":{"color":"#B58900"},"children":"null"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" ignoreMutation: "}],["$","span",null,{"style":{"color":"#B58900"},"children":"null"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" },"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" overflow: {"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" x: "}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'scroll'"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" y: "}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'scroll'"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" },"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" scrollbars: {"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" theme: "}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'os-theme-dark'"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" visibility: "}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'auto'"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" autoHide: "}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'never'"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" autoHideDelay: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"1300"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" autoHideSuspend: "}],["$","span",null,{"style":{"color":"#B58900"},"children":"false"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" dragScroll: "}],["$","span",null,{"style":{"color":"#B58900"},"children":"true"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" clickScroll: "}],["$","span",null,{"style":{"color":"#B58900"},"children":"false"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" pointers: ["}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'mouse'"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'touch'"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'pen'"}],["$","span",null,{"style":{"color":"#657B83"},"children":"],"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" },"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"};"}]}]]}]}]}],["$","h3",null,{"children":["$","code",null,{"children":"paddingAbsolute"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"boolean"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"false"}]}]]}]}]]}],["$","p",null,{"children":"Indicates whether the padding for the content shall be absolute."}],["$","h3",null,{"children":["$","code",null,{"children":"showNativeOverlaidScrollbars"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"boolean"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"false"}]}]]}]}]]}],["$","p",null,{"children":"Indicates whether the native overlaid scrollbars shall be visible."}],["$","h3",null,{"children":["$","code",null,{"children":"update.elementEvents"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"Array<[string, string]> | null"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"[['img', 'load']]"}]}]]}]}]]}],["$","p",null,{"children":["An array of tuples. The first value in the tuple is an ",["$","code",null,{"children":"selector"}]," and the second value are ",["$","code",null,{"children":"event names"}],". The plugin will update itself if any of the elements with the specified selector will emit any specified event. The default value can be interpreted as \"The plugin will update itself if any ",["$","code",null,{"children":"img"}]," element emits an ",["$","code",null,{"children":"load"}]," event.\""]}],["$","h3",null,{"children":["$","code",null,{"children":"update.debounce"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"[number, number] | number | null"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"[0, 33]"}]}]]}]}]]}],["$","blockquote",null,{"children":["\n",["$","p",null,{"children":[["$","strong",null,{"children":"Note"}],": If 0 is used for the timeout, ",["$","code",null,{"children":"requestAnimationFrame"}]," instead of ",["$","code",null,{"children":"setTimeout"}]," is used for the debounce."]}],"\n"]}],["$","p",null,{"children":["Debounces the ",["$","code",null,{"children":"MutationObserver"}]," which tracks changes to the content. If a ",["$","strong",null,{"children":"tuple"}]," is passed, the first value is the timeout and second is the max wait. If only a ",["$","strong",null,{"children":"number"}]," is passed you specify only the timeout and there is no max wait. With ",["$","strong",null,{"children":"null"}]," there is no debounce. ",["$","strong",null,{"children":"Usefull to fine-tune performance."}]]}],["$","h3",null,{"children":["$","code",null,{"children":"update.attributes"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"string[] | null"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"null"}]}]]}]}]]}],["$","blockquote",null,{"children":["\n",["$","p",null,{"children":[["$","strong",null,{"children":"Note"}],": There is a base array of attributes that the ",["$","code",null,{"children":"MutationObserver"}]," always observes, even if this option is ",["$","code",null,{"children":"null"}],"."]}],"\n"]}],["$","p",null,{"children":["An array of additional attributes that the ",["$","code",null,{"children":"MutationObserver"}]," should observe for the content."]}],["$","h3",null,{"children":["$","code",null,{"children":"update.ignoreMutation"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"((mutation) => any) | null"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"null"}]}]]}]}]]}],["$","p",null,{"children":["A function which receives a ",["$","a",null,{"href":"https://developer.mozilla.org/en-US/docs/Web/API/MutationRecord","children":["$","code",null,{"children":"MutationRecord"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}]," as an argument. If the function returns a truthy value the mutation will be ignored and the plugin won't update. ",["$","strong",null,{"children":"Usefull to fine-tune performance."}]]}],["$","h3",null,{"children":["$","code",null,{"children":"overflow.x"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"string"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"'scroll'"}]}]]}]}]]}],["$","blockquote",null,{"children":["\n",["$","p",null,{"children":[["$","strong",null,{"children":"Note"}],": Valid values are: ",["$","code",null,{"children":"'hidden'"}],", ",["$","code",null,{"children":"'scroll'"}],", ",["$","code",null,{"children":"'visible'"}],", ",["$","code",null,{"children":"'visible-hidden'"}]," and ",["$","code",null,{"children":"'visible-scroll'"}],"."]}],"\n"]}],["$","p",null,{"children":"The overflow behavior for the horizontal (x) axis."}],["$","h3",null,{"children":["$","code",null,{"children":"overflow.y"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"string"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"'scroll'"}]}]]}]}]]}],["$","blockquote",null,{"children":["\n",["$","p",null,{"children":[["$","strong",null,{"children":"Note"}],": Valid values are: ",["$","code",null,{"children":"'hidden'"}],", ",["$","code",null,{"children":"'scroll'"}],", ",["$","code",null,{"children":"'visible'"}],", ",["$","code",null,{"children":"'visible-hidden'"}]," and ",["$","code",null,{"children":"'visible-scroll'"}],"."]}],"\n"]}],["$","p",null,{"children":"The overflow behavior for the vertical (y) axis."}],["$","h3",null,{"children":["$","code",null,{"children":"scrollbars.theme"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"string | null"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"'os-theme-dark'"}]}]]}]}]]}],["$","p",null,{"children":"Applies the specified theme (classname) to the scrollbars."}],["$","h3",null,{"children":["$","code",null,{"children":"scrollbars.visibility"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"string"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"'auto'"}]}]]}]}]]}],["$","blockquote",null,{"children":["\n",["$","p",null,{"children":[["$","strong",null,{"children":"Note"}],": Valid values are: ",["$","code",null,{"children":"'visible'"}],", ",["$","code",null,{"children":"'hidden'"}],", and ",["$","code",null,{"children":"'auto'"}],"."]}],"\n"]}],["$","p",null,{"children":["The visibility of a scrollbar if its scroll axis is able to have a scrollable overflow. (Scrollable overflow for an axis is only possible with the overflow behavior ",["$","code",null,{"children":"'scroll'"}]," or ",["$","code",null,{"children":"'visible-scroll'"}],")."]}],["$","h3",null,{"children":["$","code",null,{"children":"scrollbars.autoHide"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"string"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"'never'"}]}]]}]}]]}],["$","blockquote",null,{"children":["\n",["$","p",null,{"children":[["$","strong",null,{"children":"Note"}],": Valid values are: ",["$","code",null,{"children":"'never'"}],", ",["$","code",null,{"children":"'scroll'"}],", ",["$","code",null,{"children":"'leave'"}]," and ",["$","code",null,{"children":"'move'"}],"."]}],"\n"]}],["$","p",null,{"children":"The possibility to hide visible scrollbars automatically after a certain user action."}],["$","h3",null,{"children":["$","code",null,{"children":"scrollbars.autoHideDelay"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"number"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"1300"}]}]]}]}]]}],["$","p",null,{"children":"The delay in milliseconds before the scrollbars are hidden automatically."}],["$","h3",null,{"children":["$","code",null,{"children":"scrollbars.autoHideSuspend"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"boolean"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"false"}]}]]}]}]]}],["$","p",null,{"children":["Suspend the autoHide functionality until the first scroll interaction was performed.",["$","br",null,{}],"\n","The default value for this option is ",["$","code",null,{"children":"false"}]," for backwards compatibility reasons but is recommended to be ",["$","code",null,{"children":"true"}]," for better accessibility."]}],["$","h3",null,{"children":["$","code",null,{"children":"scrollbars.dragScroll"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"boolean"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"true"}]}]]}]}]]}],["$","p",null,{"children":"Indicates whether you can drag the scrollbar handles for scrolling."}],["$","h3",null,{"children":["$","code",null,{"children":"scrollbars.clickScroll"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"boolean"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"false"}]}]]}]}]]}],["$","blockquote",null,{"children":["\n",["$","p",null,{"children":[["$","strong",null,{"children":"Note"}],": This options requires the ",["$","strong",null,{"children":"ClickScrollPlugin"}]," to work."]}],"\n"]}],["$","p",null,{"children":"Indicates whether you can click on the scrollbar track for scrolling."}],["$","h3",null,{"children":["$","code",null,{"children":"scrollbars.pointers"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"default"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"string[] | null"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"['mouse', 'touch', 'pen']"}]}]]}]}]]}],["$","p",null,{"children":["The ",["$","a",null,{"href":"https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pointerType","children":["$","code",null,{"children":"PointerTypes"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}]," the plugin should react to."]}],["$","h4",null,{"children":"TypeScript"}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"ts","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// The options of a OverlayScrollbars instance."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":"export"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" type"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Options"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the padding shall be absolute."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" paddingAbsolute"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether to show the native scrollbars. Has only an effect it the native scrollbars are overlaid."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" showNativeOverlaidScrollbars"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Customizes the automatic update behavior."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" update"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" /**"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * The given Event(s) from the elements with the given selector(s) will trigger an update."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * Useful for everything the MutationObserver and ResizeObserver can't detect"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * e.g.: and Images `load` event or the `transitionend` / `animationend` events."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" */"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" elementEvents"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Array"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<[elementSelector: "}],["$","span",null,{"style":{"color":"#859900"},"children":"string"}],["$","span",null,{"style":{"color":"#657B83"},"children":", eventNames: "}],["$","span",null,{"style":{"color":"#859900"},"children":"string"}],["$","span",null,{"style":{"color":"#657B83"},"children":"]> "}],["$","span",null,{"style":{"color":"#859900"},"children":"|"}],["$","span",null,{"style":{"color":"#859900"},"children":" null"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" /**"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * The debounce which is used to detect content changes."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * If a tuple is provided you can customize the `timeout` and the `maxWait` in milliseconds."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * If a single number customizes only the `timeout`."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" *"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * If the `timeout` is `0`, a debounce still exists. (its executed via `requestAnimationFrame`)."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" */"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" debounce"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" [timeout: "}],["$","span",null,{"style":{"color":"#859900"},"children":"number"}],["$","span",null,{"style":{"color":"#657B83"},"children":", maxWait: "}],["$","span",null,{"style":{"color":"#859900"},"children":"number"}],["$","span",null,{"style":{"color":"#657B83"},"children":"] "}],["$","span",null,{"style":{"color":"#859900"},"children":"|"}],["$","span",null,{"style":{"color":"#859900"},"children":" number"}],["$","span",null,{"style":{"color":"#859900"},"children":" |"}],["$","span",null,{"style":{"color":"#859900"},"children":" null"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" /**"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * HTML attributes which will trigger an update if they're changed."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * Basic attributes like `id`, `class`, `style` etc. are always observed and doesn't have to be added explicitly."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" */"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" attributes"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" string"}],["$","span",null,{"style":{"color":"#657B83"},"children":"[] "}],["$","span",null,{"style":{"color":"#859900"},"children":"|"}],["$","span",null,{"style":{"color":"#859900"},"children":" null"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // A function which makes it possible to ignore a content mutation or null if nothing shall be ignored."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" ignoreMutation"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" ((mutation"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" MutationRecord"}],["$","span",null,{"style":{"color":"#657B83"},"children":") "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"=>"}],["$","span",null,{"style":{"color":"#859900"},"children":" any"}],["$","span",null,{"style":{"color":"#657B83"},"children":") "}],["$","span",null,{"style":{"color":"#859900"},"children":"|"}],["$","span",null,{"style":{"color":"#859900"},"children":" null"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" };"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Customizes the overflow behavior per axis."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" overflow"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The overflow behavior of the horizontal (x) axis."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" x"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" OverflowBehavior"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The overflow behavior of the vertical (y) axis."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" y"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" OverflowBehavior"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" };"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Customizes appearance of the scrollbars."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" scrollbars"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The scrollbars theme. The theme value will be added as `class` to all `scrollbar` elements of the instance."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" theme"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" string"}],["$","span",null,{"style":{"color":"#859900"},"children":" |"}],["$","span",null,{"style":{"color":"#859900"},"children":" null"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The scrollbars visibility behavior."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" visibility"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" ScrollbarsVisibilityBehavior"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The scrollbars auto hide behavior."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" autoHide"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" ScrollbarsAutoHideBehavior"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The scrollbars auto hide delay in milliseconds."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" autoHideDelay"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" number"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the scrollbars auto hide behavior is suspended until a scroll happened."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" autoHideSuspend"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether its possible to drag the handle of a scrollbar to scroll the viewport."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" dragScroll"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether its possible to click the track of a scrollbar to scroll the viewport."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" clickScroll"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // An array of pointer types which shall be supported."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" pointers"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" string"}],["$","span",null,{"style":{"color":"#657B83"},"children":"[] "}],["$","span",null,{"style":{"color":"#859900"},"children":"|"}],["$","span",null,{"style":{"color":"#859900"},"children":" null"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" };"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"};"}]}]]}]}]}]]}],"\n",["$","h2",null,{"children":"Events"}],"\n",["$","p",null,{"children":["You can initialize OverlayScrollbars with an initial set of events, which can be managed at any time with the ",["$","code",null,{"children":"on"}]," and ",["$","code",null,{"children":"off"}]," methods:"]}],"\n",["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#268BD2"},"children":"document"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"querySelector"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'#myElement'"}],["$","span",null,{"style":{"color":"#657B83"},"children":"), {}, {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" updated"}],["$","span",null,{"style":{"color":"#657B83"},"children":"(osInstance, onUpdatedArgs) {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // ..."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" }"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"});"}]}]]}]}]}],"\n",["$","h3",null,{"children":"Events in depth"}],"\n",["$","details",null,{"children":[["$","summary",null,{"children":["$","p",null,{"children":"This is a in depth topic. Click here to read it."}]}],["$","br",null,{}],["$","blockquote",null,{"children":["\n",["$","p",null,{"children":[["$","strong",null,{"children":"Note"}],": Every event receives the ",["$","code",null,{"children":"instance"}]," from which it was dispatched as the first argument. Always."]}],"\n"]}],["$","h3",null,{"children":["$","code",null,{"children":"initialized"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"arguments"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"instance"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The instance which dispatched the event."}]]}]}]]}],["$","p",null,{"children":"Is dispatched after all generated elements, observers and events were appended to the DOM."}],["$","h3",null,{"children":["$","code",null,{"children":"updated"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"arguments"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":[["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"instance"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The instance which dispatched the event."}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"onUpdatedArgs"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["An ",["$","code",null,{"children":"object"}]," which describes the update in detail."]}]]}]]}]]}],["$","blockquote",null,{"children":["\n",["$","p",null,{"children":[["$","strong",null,{"children":"Note"}],": If an update was triggered but nothing changed, the event won't be dispatched."]}],"\n"]}],["$","p",null,{"children":"Is dispatched after the instace was updated."}],["$","h3",null,{"children":["$","code",null,{"children":"destroyed"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"arguments"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":[["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"instance"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The instance which dispatched the event."}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"canceled"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["An ",["$","code",null,{"children":"boolean"}]," which indicates whether the initialization was canceled and thus destroyed."]}]]}]]}]]}],["$","p",null,{"children":"Is dispatched after all generated elements, observers and events were removed from the DOM."}],["$","h3",null,{"children":["$","code",null,{"children":"scroll"}]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"arguments"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":[["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"instance"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The instance which dispatched the event."}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"event"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["The original ",["$","code",null,{"children":"event"}]," argument of the DOM event."]}]]}]]}]]}],["$","p",null,{"children":"Is dispatched by scrolling the viewport."}],["$","h4",null,{"children":"TypeScript"}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"ts","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// A mapping between event names and their listener arguments."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":"export"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" type"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" EventListenerArgs"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Dispatched after all elements are initialized and appended."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" initialized"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" [instance: "}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"];"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Dispatched after an update."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" updated"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" [instance: "}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":", onUpdatedArgs: "}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"OnUpdatedEventListenerArgs"}],["$","span",null,{"style":{"color":"#657B83"},"children":"];"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Dispatched after all elements, observers and events are destroyed."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" destroyed"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" [instance: "}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":", canceled: "}],["$","span",null,{"style":{"color":"#859900"},"children":"boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":"];"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Dispatched on scroll."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" scroll"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" [instance: "}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":", event: "}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"Event"}],["$","span",null,{"style":{"color":"#657B83"},"children":"];"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"};"}]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":"export"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" interface"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" OnUpdatedEventListenerArgs"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Hints which describe what changed in the DOM."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" updateHints"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the size of the host element changed."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" sizeChanged"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the direction of the host element changed."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" directionChanged"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the intrinsic height behavior changed."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" heightIntrinsicChanged"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the overflow edge (clientWidth / clientHeight) of the viewport element changed."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" overflowEdgeChanged"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the overflow amount changed."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" overflowAmountChanged"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the overflow style changed."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" overflowStyleChanged"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether an host mutation took place."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" hostMutation"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether an content mutation took place."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" contentMutation"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" };"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The changed options."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" changedOptions"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" PartialOptions"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the update happened with an force invalidated cache."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" force"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}"}]}]]}]}]}]]}],"\n",["$","h2",null,{"children":"Instance"}],"\n",["$","p",null,{"children":["The OverlayScrollbars instance is created by calling the ",["$","code",null,{"children":"OverlayScrollbars"}]," function with an element and options object."]}],"\n",["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"const"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" osInstance"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#268BD2"},"children":" OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#268BD2"},"children":"document"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"body"}],["$","span",null,{"style":{"color":"#657B83"},"children":", {});"}]]}]}]}]}],"\n",["$","h3",null,{"children":"Instance Methods"}],"\n",["$","details",null,{"children":[["$","summary",null,{"children":["$","p",null,{"children":"This is a in depth topic. Click here to read it."}]}],["$","h3",null,{"children":["$","code",null,{"children":"options(): Options"}]}],["$","p",null,{"children":"Get the current options of the instance."}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"returns"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"Options"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The current options."}]]}]}]]}],["$","h3",null,{"children":["$","code",null,{"children":"options(newOptions, pure?): Options"}]}],["$","p",null,{"children":"Sets the current options of the instance."}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"parameter"}],["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":[["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"newOptions"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"PartialOptions"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The new (partial) options which should be applied."}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"pure"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"boolean / undefined"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"Whether the options should be reset before the new options are added."}]]}]]}]]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"returns"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"Options"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The complete new options."}]]}]}]]}],["$","h3",null,{"children":["$","code",null,{"children":"on(eventListeners, pure?): Function"}]}],["$","p",null,{"children":"Adds event listeners to the instance."}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"parameter"}],["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":[["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"eventListeners"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"EventListeners"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"An object which contains the added listeners. The fields are the event names and the values the listeners."}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"pure"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"boolean / undefined"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"Whether all already added event listeners should be removed before the new listeners are added."}]]}]]}]]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"returns"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"Function"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"A function which removes all added event listeners."}]]}]}]]}],["$","h3",null,{"children":["$","code",null,{"children":"on(name, listener): Function"}]}],["$","p",null,{"children":"Adds a single event listener to the instance."}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"parameter"}],["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":[["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"name"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"string"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The event name."}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"listener"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"Function"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The function which is invoked when the event is dispatched."}]]}]]}]]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"returns"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"Function"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"A function which removes the added event listener."}]]}]}]]}],["$","h3",null,{"children":["$","code",null,{"children":"on(name, listeners): Function"}]}],["$","p",null,{"children":"Adds multiple event listeners to the instance."}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"parameter"}],["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":[["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"name"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"string"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The event name."}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"listeners"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"Function[]"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The functions which are invoked when the event is dispatched."}]]}]]}]]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"returns"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"Function"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"A function which removes the added event listeners."}]]}]}]]}],["$","h3",null,{"children":["$","code",null,{"children":"off(name, listener): void"}]}],["$","p",null,{"children":"Removes a single event listener from the instance."}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"parameter"}],["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":[["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"name"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"string"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The event name."}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"listener"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"Function"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The function to be removed."}]]}]]}]]}],["$","h3",null,{"children":["$","code",null,{"children":"off(name, listeners): void"}]}],["$","p",null,{"children":"Removes multiple event listeners from the instance."}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"parameter"}],["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":[["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"name"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"string"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The event name."}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"listeners"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"Function[]"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The functions to be removed."}]]}]]}]]}],["$","h3",null,{"children":["$","code",null,{"children":"update(force?): boolean"}]}],["$","p",null,{"children":"Updates the instance."}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"parameter"}],["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"force"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"boolean / undefined"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"Whether the update should force the cache to be invalidated."}]]}]}]]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"returns"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"Function"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["A boolean which indicates whether the ",["$","code",null,{"children":"update"}]," event was triggered through this update."]}]]}]}]]}],["$","h3",null,{"children":["$","code",null,{"children":"state(): State"}]}],["$","p",null,{"children":"Gets the instances state."}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"returns"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"State"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"An object which describes the state of the instance."}]]}]}]]}],["$","h3",null,{"children":["$","code",null,{"children":"elements(): Elements"}]}],["$","p",null,{"children":"Gets the instances elments."}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"returns"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"Elements"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"An object which describes the elements of the instance."}]]}]}]]}],["$","h3",null,{"children":["$","code",null,{"children":"destroy(): void"}]}],["$","p",null,{"children":"Destroys the instance and removes all added elements."}],["$","h3",null,{"children":["$","code",null,{"children":"plugin(plugin: object): object | undefined"}]}],["$","p",null,{"children":"Gets the instance modules instance of the passed plugin."}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"returns"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"object / undefined"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["An object which describes the plugins instance modules instance or ",["$","code",null,{"children":"undefined"}]," if no instance was found."]}]]}]}]]}],["$","h4",null,{"children":"TypeScript"}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"ts","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// A simplified version of the OverlayScrollbars TypeScript interface."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"interface"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Get the current options of the instance."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" options"}],["$","span",null,{"style":{"color":"#657B83"},"children":"()"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Options"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Sets the current options of the instance."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" options"}],["$","span",null,{"style":{"color":"#657B83"},"children":"(newOptions"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" PartialOptions"}],["$","span",null,{"style":{"color":"#657B83"},"children":", pure"}],["$","span",null,{"style":{"color":"#859900"},"children":"?:"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":")"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Options"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Adds event listeners to the instance."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" on"}],["$","span",null,{"style":{"color":"#657B83"},"children":"(eventListeners"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" EventListeners"}],["$","span",null,{"style":{"color":"#657B83"},"children":", pure"}],["$","span",null,{"style":{"color":"#859900"},"children":"?:"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":")"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" () "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"=>"}],["$","span",null,{"style":{"color":"#859900"},"children":" void"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Adds a single event listener to the instance."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" on"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"N"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" extends"}],["$","span",null,{"style":{"color":"#859900"},"children":" keyof"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" EventListenerArgs"}],["$","span",null,{"style":{"color":"#657B83"},"children":">(name"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" N"}],["$","span",null,{"style":{"color":"#657B83"},"children":", listener"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" EventListener"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"N"}],["$","span",null,{"style":{"color":"#657B83"},"children":">)"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" () "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"=>"}],["$","span",null,{"style":{"color":"#859900"},"children":" void"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Adds multiple event listeners to the instance."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" on"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"N"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" extends"}],["$","span",null,{"style":{"color":"#859900"},"children":" keyof"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" EventListenerArgs"}],["$","span",null,{"style":{"color":"#657B83"},"children":">(name"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" N"}],["$","span",null,{"style":{"color":"#657B83"},"children":", listener"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" EventListener"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"N"}],["$","span",null,{"style":{"color":"#657B83"},"children":">[])"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" () "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"=>"}],["$","span",null,{"style":{"color":"#859900"},"children":" void"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Removes a single event listener from the instance."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" off"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"N"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" extends"}],["$","span",null,{"style":{"color":"#859900"},"children":" keyof"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" EventListenerArgs"}],["$","span",null,{"style":{"color":"#657B83"},"children":">(name"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" N"}],["$","span",null,{"style":{"color":"#657B83"},"children":", listener"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" EventListener"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"N"}],["$","span",null,{"style":{"color":"#657B83"},"children":">)"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" void"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Removes multiple event listeners from the instance."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" off"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"N"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" extends"}],["$","span",null,{"style":{"color":"#859900"},"children":" keyof"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" EventListenerArgs"}],["$","span",null,{"style":{"color":"#657B83"},"children":">(name"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" N"}],["$","span",null,{"style":{"color":"#657B83"},"children":", listener"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" EventListener"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"N"}],["$","span",null,{"style":{"color":"#657B83"},"children":">[])"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" void"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Updates the instance."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" update"}],["$","span",null,{"style":{"color":"#657B83"},"children":"(force"}],["$","span",null,{"style":{"color":"#859900"},"children":"?:"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":")"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Gets the instances state."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" state"}],["$","span",null,{"style":{"color":"#657B83"},"children":"()"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" State"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Gets the instances elements."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" elements"}],["$","span",null,{"style":{"color":"#657B83"},"children":"()"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Elements"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Destroys the instance and removes all added elements."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" destroy"}],["$","span",null,{"style":{"color":"#657B83"},"children":"()"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" void"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Gets the instance modules instance of the passed plugin."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"P"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" extends"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" InstancePlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":">(osPlugin"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" P"}],["$","span",null,{"style":{"color":"#657B83"},"children":")"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" InferInstancePluginModuleInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"P"}],["$","span",null,{"style":{"color":"#657B83"},"children":"> "}],["$","span",null,{"style":{"color":"#859900"},"children":"|"}],["$","span",null,{"style":{"color":"#859900"},"children":" undefined"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}"}]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// Describes a OverlayScrollbars instances state."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"interface"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" State"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Describes the current padding in pixel."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" padding"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" TRBL"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the current padding is absolute."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" paddingAbsolute"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The client width (x) & height (y) of the viewport in pixel."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" overflowEdge"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" XY"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#859900"},"children":"number"}],["$","span",null,{"style":{"color":"#657B83"},"children":">;"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The overflow amount in pixel."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" overflowAmount"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" XY"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#859900"},"children":"number"}],["$","span",null,{"style":{"color":"#657B83"},"children":">;"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The css overflow style of the viewport."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" overflowStyle"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" XY"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"OverflowStyle"}],["$","span",null,{"style":{"color":"#657B83"},"children":">;"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the viewport has an overflow."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" hasOverflow"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" XY"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#859900"},"children":"boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":">;"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the direction is considered rtl."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" directionRTL"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the instance is considered destroyed."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" destroyed"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}"}]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// Describes the elements of a OverlayScrollbars instance."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"interface"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Elements"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The element the instance was applied to."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" target"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" HTMLElement"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The host element. Its the root of all other elements."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" host"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" HTMLElement"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" /**"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * The element which is responsible to apply correct paddings."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * Depending on the Initialization it can be the same as the viewport element."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" */"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" padding"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" HTMLElement"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The element which is responsible to do any scrolling."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" viewport"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" HTMLElement"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" /**"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * The element which is responsible to hold the content."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * Depending on the Initialization it can be the same as the viewport element."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" */"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" content"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" HTMLElement"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" /**"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * The element through which you can get the current `scrollLeft` or `scrollTop` offset."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * Depending on the target element it can be the same as the viewport element."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" */"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" scrollOffsetElement"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" HTMLElement"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" /**"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * The element through which you can add `scroll` events."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * Depending on the target element it can be the same as the viewport element."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" */"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" scrollEventElement"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" HTMLElement"}],["$","span",null,{"style":{"color":"#859900"},"children":" |"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Document"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The horizontal scrollbar elements."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" scrollbarHorizontal"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" CloneableScrollbarElements"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The vertical scrollbar elements."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" scrollbarVertical"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" CloneableScrollbarElements"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}"}]}]]}]}]}]]}],"\n",["$","h2",null,{"children":"Static Object"}],"\n",["$","p",null,{"children":["The static ",["$","code",null,{"children":"OverlayScrollbars"}]," object."]}],"\n",["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#268BD2"},"children":"SomePlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":");"}]]}]}]}]}],"\n",["$","h3",null,{"children":"Static Object Methods"}],"\n",["$","details",null,{"children":[["$","summary",null,{"children":["$","p",null,{"children":"This is a in depth topic. Click here to read it."}]}],["$","h3",null,{"children":["$","code",null,{"children":"plugin(plugin): object | undefined"}]}],["$","p",null,{"children":"Adds a single plugin."}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"parameter"}],["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"plugin"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"object"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The plugin to be added."}]]}]}]]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"returns"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"object / void"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["An object which describes the plugins static modules instance or ",["$","code",null,{"children":"void"}]," if no instance was found."]}]]}]}]]}],["$","h3",null,{"children":["$","code",null,{"children":"plugin(plugins): (object | void)[]"}]}],["$","p",null,{"children":"Adds multiple plugins."}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"parameter"}],["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"plugins"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"object[]"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The plugins to be added."}]]}]}]]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"returns"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"(object / void)[]"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["An array which describes the plugins static modules instances or ",["$","code",null,{"children":"undefined"}]," if no instance was found."]}]]}]}]]}],["$","h3",null,{"children":["$","code",null,{"children":"valid(osInstance): boolean"}]}],["$","p",null,{"children":"Checks whether the passed value is a valid and not destroyed overlayscrollbars instance"}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"parameter"}],["$","th",null,{"style":{"textAlign":"left"},"children":"type"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":"osInstance"}],["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"any"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The value to be checked."}]]}]}]]}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"returns"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"boolean"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"Whether the passed value is a valid and not destroyed overlayscrollbars instance."}]]}]}]]}],["$","h3",null,{"children":["$","code",null,{"children":"env(): Environment"}]}],["$","p",null,{"children":"Gets the environment."}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"returns"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":"Environment"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"An object which described the environment."}]]}]}]]}],["$","h4",null,{"children":"TypeScript"}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"ts","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// The OverlayScrollbars static object."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"interface"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" OverlayScrollbarsStatic"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Gets the instance of the passed target or `undefined` the target has no instance."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" (target"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" InitializationTarget"}],["$","span",null,{"style":{"color":"#657B83"},"children":")"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" OverlayScrollbars"}],["$","span",null,{"style":{"color":"#859900"},"children":" |"}],["$","span",null,{"style":{"color":"#859900"},"children":" undefined"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Initializes OverlayScrollbars to the passed target with passed options and event listeners."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" (target"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" InitializationTarget"}],["$","span",null,{"style":{"color":"#657B83"},"children":", options"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" PartialOptions"}],["$","span",null,{"style":{"color":"#657B83"},"children":", eventListeners"}],["$","span",null,{"style":{"color":"#859900"},"children":"?:"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" EventListeners"}],["$","span",null,{"style":{"color":"#657B83"},"children":")"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Adds a single plugin."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"(plugin"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":")"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" InferStaticPluginModuleInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"Plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Adds multiple plugins."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"(plugins"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"[])"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" InferStaticPluginModuleInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"Plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":">[];"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Checks whether the passed value is a valid and not destroyed overlayscrollbars instance."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" valid"}],["$","span",null,{"style":{"color":"#657B83"},"children":"(osInstance"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" any"}],["$","span",null,{"style":{"color":"#657B83"},"children":")"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" osInstance "}],["$","span",null,{"style":{"color":"#859900"},"children":"is"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Gets the environment."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" env"}],["$","span",null,{"style":{"color":"#657B83"},"children":"()"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Environment"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}"}]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// Describes the OverlayScrollbars environment."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"interface"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Environment"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The native scrollbars size of the browser / system."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" scrollbarsSize"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" XY"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#859900"},"children":"number"}],["$","span",null,{"style":{"color":"#657B83"},"children":">;"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the native scrollbars are overlaid."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" scrollbarsOverlaid"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" XY"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#859900"},"children":"boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":">;"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the browser supports native scrollbars hiding."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" scrollbarsHiding"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The rtl scroll behavior of the browser."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" rtlScrollBehavior"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#657B83"},"children":" { n"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":"; i"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":" };"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Whether the browser supports the ScrollTimeline API."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" scrollTimeline"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#859900"},"children":" boolean"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The default Initialization to use if nothing else is specified."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" staticDefaultInitialization"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Initialization"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The default Options to use if nothing else is specified."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" staticDefaultOptions"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Options"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Returns the current default Initialization."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" getDefaultInitialization"}],["$","span",null,{"style":{"color":"#657B83"},"children":"()"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Initialization"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Returns the current default Options."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" getDefaultOptions"}],["$","span",null,{"style":{"color":"#657B83"},"children":"()"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Options"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" /**"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * Sets a new default Initialization."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * If the new default Initialization is partially filled, its deeply merged with the current default Initialization."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"@param"}],["$","span",null,{"style":{"color":"#268BD2","fontStyle":"italic"},"children":" newDefaultInitialization"}],["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" The new default Initialization."}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"@returns"}],["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" The current default Initialization."}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" */"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" setDefaultInitialization"}],["$","span",null,{"style":{"color":"#657B83"},"children":"(newDefaultInitialization"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" PartialInitialization"}],["$","span",null,{"style":{"color":"#657B83"},"children":")"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Initialization"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" /**"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * Sets new default Options."}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * If the new default Options are partially filled, they're deeply merged with the current default Options."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"@param"}],["$","span",null,{"style":{"color":"#268BD2","fontStyle":"italic"},"children":" newDefaultOptions"}],["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" The new default Options."}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" * "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"@returns"}],["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" The current default options."}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" */"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" setDefaultOptions"}],["$","span",null,{"style":{"color":"#657B83"},"children":"(newDefaultOptions"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" PartialOptions"}],["$","span",null,{"style":{"color":"#657B83"},"children":")"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Options"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}"}]}]]}]}]}]]}],"\n",["$","h2",null,{"children":"Styling"}],"\n",["$","p",null,{"children":["OverlayScrollbars comes with two themes called ",["$","code",null,{"children":"os-theme-dark"}]," and ",["$","code",null,{"children":"os-theme-light"}],". You can use the ",["$","code",null,{"children":"scrollbars.theme"}]," option to change the theme."]}],"\n",["$","p",null,{"children":["Custom themes can be done in multiple ways. The easiest and fastest is to use the predefined set of ",["$","code",null,{"children":"CSS Custom Properties"}]," aka. CSS variables. In case those aren't enought you can add custom class names or add custom styling to the existing class names."]}],"\n",["$","h3",null,{"children":"Styling in depth"}],"\n",["$","details",null,{"children":[["$","summary",null,{"children":["$","p",null,{"children":"This is a in depth topic. Click here to read it."}]}],["$","h3",null,{"children":"CSS Custom properties"}],["$","p",null,{"children":["OverlayScrollbars provides a set of ",["$","code",null,{"children":"CSS Custom Properties"}]," which makes scrollbar styling easy and fast:"]}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"scss","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":".os-scrollbar"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The size of the scrollbar"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" --os-size: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"0"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The axis-perpedicular padding of the scrollbar (horizontal: padding-y, vertical: padding-x)"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" --os-padding-perpendicular: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"0"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The axis padding of the scrollbar (horizontal: padding-x, vertical: padding-y)"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" --os-padding-axis: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"0"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The border radius of the scrollbar track"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" --os-track-border-radius: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"0"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The background of the scrollbar track"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" --os-track-bg: none;"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The :hover background of the scrollbar track"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" --os-track-bg-hover: none;"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The :active background of the scrollbar track"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" --os-track-bg-active: none;"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The border of the scrollbar track"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" --os-track-border: none;"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The :hover background of the scrollbar track"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" --os-track-border-hover: none;"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The :active background of the scrollbar track"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" --os-track-border-active: none;"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The border radius of the scrollbar handle"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" --os-handle-border-radius: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"0"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The background of the scrollbar handle"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" --os-handle-bg: none;"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The :hover background of the scrollbar handle"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" --os-handle-bg-hover: none;"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The :active background of the scrollbar handle"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" --os-handle-bg-active: none;"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The border of the scrollbar handle"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" --os-handle-border: none;"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The :hover border of the scrollbar handle"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" --os-handle-border-hover: none;"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The :active border of the scrollbar handle"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" --os-handle-border-active: none;"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The min size of the scrollbar handle"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" --os-handle-min-size: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"33"}],["$","span",null,{"style":{"color":"#859900"},"children":"px"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The max size of the scrollbar handle"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" --os-handle-max-size: none;"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The axis-perpedicular size of the scrollbar handle (horizontal: height, vertical: width)"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" --os-handle-perpendicular-size: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"100"}],["$","span",null,{"style":{"color":"#859900"},"children":"%"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The :hover axis-perpedicular size of the scrollbar handle (horizontal: height, vertical: width)"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" --os-handle-perpendicular-size-hover: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"100"}],["$","span",null,{"style":{"color":"#859900"},"children":"%"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // The :active axis-perpedicular size of the scrollbar handle (horizontal: height, vertical: width)"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" --os-handle-perpendicular-size-active: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"100"}],["$","span",null,{"style":{"color":"#859900"},"children":"%"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // Increases the interactive area of the scrollbar handle."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" --os-handle-interactive-area-offset: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"0"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}"}]}]]}]}]}],["$","p",null,{"children":["You can alter the properties either for both scrollbars at once or per scrollbar axis. In the example below I've chosen ",["$","code",null,{"children":"os-theme-custom"}]," as the theme name:"]}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"scss","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// horizontal and vertical scrollbar are 10px "}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":".os-theme-custom"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" --os-size: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"10"}],["$","span",null,{"style":{"color":"#859900"},"children":"px"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}"}]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// horizontal scrollbar is 10px"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":".os-theme-custom.os-scrollbar-horizontal"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" --os-size: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"10"}],["$","span",null,{"style":{"color":"#859900"},"children":"px"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// vertical scrollbar is 20px"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":".os-theme-custom.os-scrollbar-vertical"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" --os-size: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"20"}],["$","span",null,{"style":{"color":"#859900"},"children":"px"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}"}]}]]}]}]}],["$","p",null,{"children":["You can then use your theme by assigning it via the ",["$","code",null,{"children":"scrollbars.theme"}]," option:"]}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#268BD2"},"children":"document"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"body"}],["$","span",null,{"style":{"color":"#657B83"},"children":", {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" scrollbars: {"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" theme: "}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'os-theme-custom'"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" }"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"});"}]}]]}]}]}],["$","p",null,{"children":"Since scrollbar styles are usually simple, this set of options should be enough to get your desired styling.\r\nIn case you need more freedom you can create your own styles by adding styling to the base class names described in the next section."}],["$","h3",null,{"children":"Scrollbars structure and CSS class names"}],["$","p",null,{"children":"The scrollbars HTML markup looks like:"}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"html","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":"<"}],["$","span",null,{"style":{"color":"#268BD2"},"children":"div"}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" class"}],["$","span",null,{"style":{"color":"#657B83"},"children":"="}],["$","span",null,{"style":{"color":"#2AA198"},"children":"\"os-scrollbar os-scrollbar-horizontal\""}],["$","span",null,{"style":{"color":"#93A1A1"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":" <"}],["$","span",null,{"style":{"color":"#268BD2"},"children":"div"}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" class"}],["$","span",null,{"style":{"color":"#657B83"},"children":"="}],["$","span",null,{"style":{"color":"#2AA198"},"children":"\"os-scrollbar-track\""}],["$","span",null,{"style":{"color":"#93A1A1"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":" <"}],["$","span",null,{"style":{"color":"#268BD2"},"children":"div"}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" class"}],["$","span",null,{"style":{"color":"#657B83"},"children":"="}],["$","span",null,{"style":{"color":"#2AA198"},"children":"\"os-scrollbar-handle\""}],["$","span",null,{"style":{"color":"#93A1A1"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":""}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":"<"}],["$","span",null,{"style":{"color":"#268BD2"},"children":"div"}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" class"}],["$","span",null,{"style":{"color":"#657B83"},"children":"="}],["$","span",null,{"style":{"color":"#2AA198"},"children":"\"os-scrollbar os-scrollbar-vertical\""}],["$","span",null,{"style":{"color":"#93A1A1"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":" <"}],["$","span",null,{"style":{"color":"#268BD2"},"children":"div"}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" class"}],["$","span",null,{"style":{"color":"#657B83"},"children":"="}],["$","span",null,{"style":{"color":"#2AA198"},"children":"\"os-scrollbar-track\""}],["$","span",null,{"style":{"color":"#93A1A1"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":" <"}],["$","span",null,{"style":{"color":"#268BD2"},"children":"div"}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" class"}],["$","span",null,{"style":{"color":"#657B83"},"children":"="}],["$","span",null,{"style":{"color":"#2AA198"},"children":"\"os-scrollbar-handle\""}],["$","span",null,{"style":{"color":"#93A1A1"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":""}]]}]]}]}]}],["$","p",null,{"children":["The class names are simplified, in a real application the ",["$","code",null,{"children":".os-scrollbar"}]," element can have additional class names which modify the appearance (mostly visibility and alignment)."]}],["$","p",null,{"children":"Below is a list of the most important class names you will encounter:"}],["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"style":{"textAlign":"left"},"children":"CSS class name"}],["$","th",null,{"style":{"textAlign":"left"},"children":"description"}]]}]}],["$","tbody",null,{"children":[["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":".os-scrollbar"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The root element of a scrollbar."}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":".os-scrollbar-rtl"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["Indicates a ",["$","code",null,{"children":"RTL"}]," direction of the host element the scrollbar belongs to."]}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":".os-scrollbar-horizontal"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The root element of a horizontal scrollbar."}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":".os-scrollbar-vertical"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":"The root element of a vertical scrollbar."}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":".os-scrollbar-handle-interactive"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["Indicates that the handle inside the scrollbar is interactive (",["$","code",null,{"children":"scrollbars.dragScroll"}]," is ",["$","code",null,{"children":"true"}],")."]}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":".os-scrollbar-track-interactive"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["Indicates that the track inside the scrollbar is interactive (",["$","code",null,{"children":"scrollbars.clickScroll"}]," is ",["$","code",null,{"children":"true"}],")."]}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":".os-scrollbar-track"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["The track element. This is the track of the nested handle element. If ",["$","code",null,{"children":"scrollbars.clickScroll"}]," is ",["$","code",null,{"children":"true"}]," this is the element users can click to change the scroll offset."]}]]}],["$","tr",null,{"children":[["$","td",null,{"style":{"textAlign":"left"},"children":["$","code",null,{"children":".os-scrollbar-handle"}]}],["$","td",null,{"style":{"textAlign":"left"},"children":["The handle element. If ",["$","code",null,{"children":"scrollbars.dragScroll"}]," is ",["$","code",null,{"children":"true"}]," this is the handle users can drag to change the scroll offset."]}]]}]]}]]}],["$","p",null,{"children":"If you create your own theme, please only use the classes listed above. All other classes are modifier classes used to change visibility, alignment and pointer-events of the scrollbars."}],["$","h3",null,{"children":"Gotchas"}],["$","p",null,{"children":["Its important that the chosen theme class name in your CSS file matches the assigned theme name in the options. If the CSS class name is ",["$","code",null,{"children":".my-theme"}]," the ",["$","code",null,{"children":"scrollbars.theme"}]," has to be ",["$","code",null,{"children":"'my-theme'"}],"."]}],["$","p",null,{"children":["Please be aware of your stack. ",["$","code",null,{"children":"css-modules"}]," for example will alter your class names to prevent naming collisions. Always double check if your CSS is really what you expect it to be."]}]]}],"\n",["$","h2",null,{"children":"Plugins"}],"\n",["$","p",null,{"children":"Everything thats considered not core functionality or old browser compatibility is exposed via a plugin. This is done because all unused plugins are treeshaken and thus won't end up in your final bundle. OverlayScrollbars comes with the following plugins:"}],"\n",["$","ul",null,{"children":["\n",["$","li",null,{"children":[["$","strong",null,{"children":"ScrollbarsHidingPlugin"}],": Is needed for old browsers which aren't supporting native scrollbar styling features. ",["$","a",null,{"href":"https://caniuse.com/?search=scrollbar%20styling","children":"You can find the list of browsers where you need this plugin here","className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}]," (note that even though ",["$","code",null,{"children":"iOS Safari >= 14"}]," is marked as unsupported you only need this plugin for ",["$","code",null,{"children":"iOS < 7.1"}],")."]}],"\n",["$","li",null,{"children":[["$","strong",null,{"children":"SizeObserverPlugin"}],": Is needed for old browsers which aren't supporting the ",["$","code",null,{"children":"ResizeObserver"}]," api. ",["$","a",null,{"href":"https://caniuse.com/?search=ResizeObserver","children":"You can find the list of browsers where you need this plugin here","className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}]]}],"\n",["$","li",null,{"children":[["$","strong",null,{"children":"ClickScrollPlugin"}],": If you want to use the option ",["$","code",null,{"children":"scrollbars: { clickScroll: true }"}],"."]}],"\n"]}],"\n",["$","h3",null,{"children":"Consuming Plugins"}],"\n",["$","p",null,{"children":"Plugins are consumed like:"}],"\n",["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"ts","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":"import"}],["$","span",null,{"style":{"color":"#657B83"},"children":" { "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" ScrollbarsHidingPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" SizeObserverPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" ClickScrollPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":"} "}],["$","span",null,{"style":{"color":"#859900"},"children":"from"}],["$","span",null,{"style":{"color":"#2AA198"},"children":" 'overlayscrollbars'"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// single plugin"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#268BD2"},"children":"ScrollbarsHidingPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":");"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// multiple plugins"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"(["}],["$","span",null,{"style":{"color":"#268BD2"},"children":"SizeObserverPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}],["$","span",null,{"style":{"color":"#268BD2"},"children":"ClickScrollPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"]);"}]]}]]}]}]}],"\n",["$","h3",null,{"children":"Plugins in depth"}],"\n",["$","details",null,{"children":[["$","summary",null,{"children":["$","p",null,{"children":"This is a in depth topic. Click here to read it."}]}],["$","br",null,{}],["$","p",null,{"children":["Plugins are plain objects with a ",["$","strong",null,{"children":"single field"}],", the name of the field is the name of the plugin. This name is the plugins identifier and ",["$","em",null,{"children":"must"}]," be unique across all plugin. In case multiple plugins have the same name, the last added plugin overwrites previously added plugins."]}],["$","h3",null,{"children":"Plugin Modules"}],["$","p",null,{"children":["A Plugin module is the constructor of a plugin modules instance. There are two kinds of plugin modules: ",["$","code",null,{"children":"static"}]," and ",["$","code",null,{"children":"instance"}],". A single plugin must have one or more modules. Plugin modules can return an instance, but doesnt have to."]}],["$","h4",null,{"children":"Static Plugin Module"}],["$","p",null,{"children":["The ",["$","code",null,{"children":"static"}]," plugin module is invoked when the plugin is added with the ",["$","code",null,{"children":"OverlayScrollbars.plugin"}]," function."]}],["$","p",null,{"children":["Example plugin with a ",["$","code",null,{"children":"static"}]," module:"]}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"const"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" staticPlugin"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // plugin has the name `examplePlugin`"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" examplePlugin: {"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // static function describes a static module and returns the module instance or void / undefined if no instance is needed"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // the `osStatic` parameter is the global `OverlayScrollbars` object"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" static"}],["$","span",null,{"style":{"color":"#657B83"},"children":": (osStatic) "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"=>"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" let"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" count"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#D33682"},"children":" 0"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" const"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" staticPluginModuleInstance"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" getCount"}],["$","span",null,{"style":{"color":"#657B83"},"children":": () "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"=>"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" count"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" increment"}],["$","span",null,{"style":{"color":"#657B83"},"children":": () "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"=>"}],["$","span",null,{"style":{"color":"#657B83"},"children":" { "}],["$","span",null,{"style":{"color":"#268BD2"},"children":"count"}],["$","span",null,{"style":{"color":"#859900"},"children":"++"}],["$","span",null,{"style":{"color":"#657B83"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" }"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":" return"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" staticPluginModuleInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" }"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" }"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}"}]}]]}]}]}],["$","p",null,{"children":["When the plugin is added with the ",["$","code",null,{"children":"OverlayScrollbars.plugin"}]," function, the static module instance is returned:"]}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"const"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" staticModuleInstance"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#268BD2"},"children":" OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#268BD2"},"children":"staticPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"); "}],["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// plugins static module is invoked"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"staticModuleInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"count"}],["$","span",null,{"style":{"color":"#657B83"},"children":"; "}],["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// 0"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"staticModuleInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"increment"}],["$","span",null,{"style":{"color":"#657B83"},"children":"();"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"staticModuleInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"count"}],["$","span",null,{"style":{"color":"#657B83"},"children":"; "}],["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// 1"}]]}]]}]}]}],["$","h4",null,{"children":"Instance Plugin Module"}],["$","p",null,{"children":["The ",["$","code",null,{"children":"instance"}]," plugin module is invoked when a new ",["$","code",null,{"children":"OverlayScrollbars"}]," instance is created but before the ",["$","code",null,{"children":"initialized"}]," event is dispatched."]}],["$","p",null,{"children":["Example plugin with a ",["$","code",null,{"children":"instance"}]," module:"]}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"const"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" instancePlugin"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // plugin has the name `examplePlugin`"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" examplePlugin: {"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // instance function describes a instance module and returns the module instance or void / undefined if no instance is needed"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // the `osInstance` parameter is the OverlayScrollbar instance the plugin is bound to"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // the `event` parameter is a function which adds events to the instance which can't be removed from outside the plugin"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // the `osStatic` parameter is the gobal OverlayScrollbar object"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" instance"}],["$","span",null,{"style":{"color":"#657B83"},"children":": (osInstance, event, osStatic) "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"=>"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" let"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" count"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#D33682"},"children":" 0"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" const"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" instancePluginModuleInstance"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" getCount"}],["$","span",null,{"style":{"color":"#657B83"},"children":": () "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"=>"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" count"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" increment"}],["$","span",null,{"style":{"color":"#657B83"},"children":": () "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"=>"}],["$","span",null,{"style":{"color":"#657B83"},"children":" { "}],["$","span",null,{"style":{"color":"#268BD2"},"children":"count"}],["$","span",null,{"style":{"color":"#859900"},"children":"++"}],["$","span",null,{"style":{"color":"#657B83"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" }"}]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // event which fires when the instance was initialized"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" event"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'initialized'"}],["$","span",null,{"style":{"color":"#657B83"},"children":", () "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"=>"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" console"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"log"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#2AA198"},"children":"\"instance initialized\""}],["$","span",null,{"style":{"color":"#657B83"},"children":");"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" });"}]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // event which fires when the viewport was scrolled"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" const"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" removeScrollEvent"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#268BD2"},"children":" event"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#2AA198"},"children":"'scroll'"}],["$","span",null,{"style":{"color":"#657B83"},"children":", () "}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"=>"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" console"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"log"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#2AA198"},"children":"\"viewport scrolled\""}],["$","span",null,{"style":{"color":"#657B83"},"children":");"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":" removeScrollEvent"}],["$","span",null,{"style":{"color":"#657B83"},"children":"(); "}],["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// removes the event after the first scroll"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" });"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" "}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":" return"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" instancePluginModuleInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" }"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":" }"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}"}]}]]}]}]}],["$","p",null,{"children":["When the plugin is added with the ",["$","code",null,{"children":"OverlayScrollbars.plugin"}]," function all OverlayScrollbar instances will add the plugin automatically from that point on. Already created instances will not have the plugin. The instance modules instance is returned with the ",["$","code",null,{"children":"osInstance.plugin"}]," function:"]}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#268BD2"},"children":"instancePlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"); "}],["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// plugin is added"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"const"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" osInstance"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#268BD2"},"children":" OverlayScrollbars"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#268BD2"},"children":"document"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"body"}],["$","span",null,{"style":{"color":"#657B83"},"children":", {}); "}],["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// plugins instance module is invoked"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"const"}],["$","span",null,{"style":{"color":"#268BD2"},"children":" instancePluginInstance"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#268BD2"},"children":" osInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"("}],["$","span",null,{"style":{"color":"#268BD2"},"children":"instancePlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":");"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"instancePluginInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"count"}],["$","span",null,{"style":{"color":"#657B83"},"children":"; "}],["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// 0"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"instancePluginInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"increment"}],["$","span",null,{"style":{"color":"#657B83"},"children":"();"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"instancePluginInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"count"}],["$","span",null,{"style":{"color":"#657B83"},"children":"; "}],["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// 1"}]]}]]}]}]}],["$","h4",null,{"children":"TypeScript"}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"ts","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// Describes a OverlayScrollbar plugin."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":"export"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" type"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // the name of the plugin"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#CB4B16"},"children":" Name"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" extends"}],["$","span",null,{"style":{"color":"#859900"},"children":" string"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#859900"},"children":" string"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // the module instance type of the static module"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#CB4B16"},"children":" S"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" extends"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" PluginModuleInstance"}],["$","span",null,{"style":{"color":"#859900"},"children":" |"}],["$","span",null,{"style":{"color":"#859900"},"children":" void"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" PluginModuleInstance"}],["$","span",null,{"style":{"color":"#859900"},"children":" |"}],["$","span",null,{"style":{"color":"#859900"},"children":" void"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":" // the module instance type of the instance module"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#CB4B16"},"children":" I"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" extends"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" PluginModuleInstance"}],["$","span",null,{"style":{"color":"#859900"},"children":" |"}],["$","span",null,{"style":{"color":"#859900"},"children":" void"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" PluginModuleInstance"}],["$","span",null,{"style":{"color":"#859900"},"children":" |"}],["$","span",null,{"style":{"color":"#859900"},"children":" void"}],["$","span",null,{"style":{"color":"#657B83"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":"> "}],["$","span",null,{"style":{"color":"#859900"},"children":"="}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":" ["}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"pluginName"}],["$","span",null,{"style":{"color":"#859900"},"children":" in"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Name"}],["$","span",null,{"style":{"color":"#657B83"},"children":"]"}],["$","span",null,{"style":{"color":"#859900"},"children":":"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" PluginModule"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"S"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"I"}],["$","span",null,{"style":{"color":"#657B83"},"children":">;"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"};"}]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// Describes a OverlayScrollbar plugin which has only a static module."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":"export"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" type"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" StaticPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#CB4B16"},"children":" Name"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" extends"}],["$","span",null,{"style":{"color":"#859900"},"children":" string"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#859900"},"children":" string"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#CB4B16"},"children":" T"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" extends"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" PluginModuleInstance"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" PluginModuleInstance"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":"> "}],["$","span",null,{"style":{"color":"#859900"},"children":"="}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"Name"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"T"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}],["$","span",null,{"style":{"color":"#859900"},"children":"void"}],["$","span",null,{"style":{"color":"#657B83"},"children":">;"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// Describes a OverlayScrollbar plugin which has only a instance module."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":"export"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" type"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" InstancePlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#CB4B16"},"children":" Name"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" extends"}],["$","span",null,{"style":{"color":"#859900"},"children":" string"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#859900"},"children":" string"}],["$","span",null,{"style":{"color":"#657B83"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#CB4B16"},"children":" T"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" extends"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" PluginModuleInstance"}],["$","span",null,{"style":{"color":"#859900"},"children":" ="}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" PluginModuleInstance"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#657B83"},"children":"> "}],["$","span",null,{"style":{"color":"#859900"},"children":"="}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" Plugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"Name"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}],["$","span",null,{"style":{"color":"#859900"},"children":"void"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"T"}],["$","span",null,{"style":{"color":"#657B83"},"children":">;"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// Infers the type of the static modules instance of the passed plugin."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":"export"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" type"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" InferStaticPluginModuleInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"T"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" extends"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" StaticPlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":">;"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// Infers the type of the instance modules instance of the passed plugin."}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":"export"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" type"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" InferInstancePluginModuleInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":"<"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":"T"}],["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":" extends"}],["$","span",null,{"style":{"color":"#CB4B16"},"children":" InstancePlugin"}],["$","span",null,{"style":{"color":"#657B83"},"children":">;"}]]}]]}]}]}]]}],"\n",["$","h2",null,{"children":"FAQ"}],"\n",["$","details",null,{"children":[["$","summary",null,{"children":["$","p",null,{"children":["How do I ",["$","code",null,{"children":"get / set"}]," the ",["$","code",null,{"children":"scroll position"}]," of an element I applied OverlayScrollbars to?"]}]}],["$","br",null,{}],["$","p",null,{"children":["If you applied ",["$","code",null,{"children":"OverlayScrollbars"}]," to the ",["$","code",null,{"children":"body"}]," element you can use ",["$","a",null,{"href":"https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollX","children":["$","code",null,{"children":"window.scrollX"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],", ",["$","a",null,{"href":"https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollY","children":["$","code",null,{"children":"window.scrollY"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],", ",["$","a",null,{"href":"https://developer.mozilla.org/en-US/docs/Web/API/Window/scroll","children":["$","code",null,{"children":"window.scroll"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],", ",["$","a",null,{"href":"https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo","children":["$","code",null,{"children":"window.scrollTo"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],", ",["$","a",null,{"href":"https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollBy","children":["$","code",null,{"children":"window.scrollBy"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}]," or any other native api."]}],["$","p",null,{"children":["If the plugin was applied to any other element you have to get the ",["$","code",null,{"children":"viewport"}]," element with the ",["$","code",null,{"children":"instance.elements()"}]," function first. With this element you can use ",["$","a",null,{"href":"https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollTop","children":["$","code",null,{"children":"element.scrollTop"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],", ",["$","a",null,{"href":"https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollLeft","children":["$","code",null,{"children":"element.scrollLeft"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],", ",["$","a",null,{"href":"https://developer.mozilla.org/en-US/docs/Web/API/Element/scroll","children":["$","code",null,{"children":"element.scroll"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],", ",["$","a",null,{"href":"https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollTo","children":["$","code",null,{"children":"element.scrollTo"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}],", ",["$","a",null,{"href":"https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollBy","children":["$","code",null,{"children":"element.scrollBy"}],"className":"no-underline text-primary-blue2 font-medium [background:linear-gradient(0deg,currentColor,currentColor)_no-repeat_right_bottom_/_0_2px] [transition:background-size_250ms] hover:[background-size:100%_2px] hover:[background-position-x:left] focus-visible:rounded-sm"}]," or any other native api."]}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"js","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"const"}],["$","span",null,{"style":{"color":"#657B83"},"children":" { "}],["$","span",null,{"style":{"color":"#268BD2"},"children":"viewport"}],["$","span",null,{"style":{"color":"#657B83"},"children":" } "}],["$","span",null,{"style":{"color":"#859900"},"children":"="}],["$","span",null,{"style":{"color":"#268BD2"},"children":" osInstance"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"elements"}],["$","span",null,{"style":{"color":"#657B83"},"children":"();"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#586E75","fontWeight":"bold"},"children":"const"}],["$","span",null,{"style":{"color":"#657B83"},"children":" { "}],["$","span",null,{"style":{"color":"#268BD2"},"children":"scrollLeft"}],["$","span",null,{"style":{"color":"#657B83"},"children":", "}],["$","span",null,{"style":{"color":"#268BD2"},"children":"scrollTop"}],["$","span",null,{"style":{"color":"#657B83"},"children":" } "}],["$","span",null,{"style":{"color":"#859900"},"children":"="}],["$","span",null,{"style":{"color":"#268BD2"},"children":" viewport"}],["$","span",null,{"style":{"color":"#657B83"},"children":"; "}],["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// get scroll offset"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#268BD2"},"children":"viewport"}],["$","span",null,{"style":{"color":"#657B83"},"children":"."}],["$","span",null,{"style":{"color":"#268BD2"},"children":"scrollTo"}],["$","span",null,{"style":{"color":"#657B83"},"children":"({ top: "}],["$","span",null,{"style":{"color":"#D33682"},"children":"0"}],["$","span",null,{"style":{"color":"#657B83"},"children":" }); "}],["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"// set scroll offset"}]]}]]}]}]}]]}],"\n",["$","details",null,{"children":[["$","summary",null,{"children":["$","p",null,{"children":["Is it possible to ",["$","code",null,{"children":"limit / adjust the scrollbar handle length"}],"?"]}]}],["$","br",null,{}],["$","p",null,{"children":["You can adjust a scrollbars handle length by setting a ",["$","code",null,{"children":"min-width / min-height"}]," and ",["$","code",null,{"children":"max-width / max-height"}]," style:"]}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","$L2",null,{"defer":true,"element":"pre","options":{"paddingAbsolute":true,"scrollbars":{"autoHide":"scroll","autoHideSuspend":true}},"children":["$","code",null,{"data-language":"css","data-theme":"solarized-light","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"/* horizontal boundaries */"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":".os-scrollbar-horizontal"}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" .os-scrollbar-handle"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":" min-width"}],["$","span",null,{"style":{"color":"#657B83"},"children":": "}],["$","span",null,{"style":{"color":"#D33682"},"children":"50"}],["$","span",null,{"style":{"color":"#859900"},"children":"px"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":" max-width"}],["$","span",null,{"style":{"color":"#657B83"},"children":": "}],["$","span",null,{"style":{"color":"#D33682"},"children":"200"}],["$","span",null,{"style":{"color":"#859900"},"children":"px"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#93A1A1","fontStyle":"italic"},"children":"/* vertical boundaries */"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#93A1A1"},"children":".os-scrollbar-vertical"}],["$","span",null,{"style":{"color":"#93A1A1"},"children":" .os-scrollbar-handle"}],["$","span",null,{"style":{"color":"#657B83"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":" min-height"}],["$","span",null,{"style":{"color":"#657B83"},"children":": "}],["$","span",null,{"style":{"color":"#D33682"},"children":"40"}],["$","span",null,{"style":{"color":"#859900"},"children":"px"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#859900"},"children":" max-height"}],["$","span",null,{"style":{"color":"#657B83"},"children":": "}],["$","span",null,{"style":{"color":"#D33682"},"children":"40"}],["$","span",null,{"style":{"color":"#859900"},"children":"px"}],["$","span",null,{"style":{"color":"#657B83"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#657B83"},"children":"}"}]}]]}]}]}],["$","p",null,{"children":["You can assign the same value to both properties to force the scrollbar to be always the same size.",["$","br",null,{}],"\n","Setting the ",["$","code",null,{"children":"width"}]," and ",["$","code",null,{"children":"height"}]," properties won't work since those are set by the plugin automatically."]}]]}],"\n",["$","h2",null,{"children":["Feature comparison to ",["$","code",null,{"children":"v1"}]]}],"\n",["$","ul",null,{"children":["\n",["$","li",null,{"children":["The ",["$","code",null,{"children":"scroll"}]," function is missing. Planned as a ",["$","code",null,{"children":"plugin"}],". (WIP)"]}],"\n",["$","li",null,{"children":["Initialization to the ",["$","code",null,{"children":"textarea"}]," element isn't supported yet. Planned as a ",["$","code",null,{"children":"plugin"}],". (WIP)"]}],"\n"]}],"\n",["$","h2",null,{"children":"Future Plans"}],"\n",["$","ul",null,{"children":["\n",["$","li",null,{"children":"Provide plugin based support for missing features. (treeshakeable)"}],"\n",["$","li",null,{"children":"Frequent updates in terms of bug-fixes and enhancements. (always use latest browser features)"}],"\n",["$","li",null,{"children":"Improve tests. (unit & browser tests)"}],"\n"]}],"\n",["$","h2",null,{"children":"License"}],"\n",["$","p",null,{"children":"MIT"}]]}]]}],null]]},[null,["$","$L4",null,{"children":["$","$L5",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/OverlayScrollbars/_next/static/css/5db1410bcd8b9ff3.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"name":"theme-color","content":"#36befd"}],["$","meta","2",{"charSet":"utf-8"}],["$","title","3",{"children":"OverlayScrollbars"}],["$","meta","4",{"name":"description","content":"A javascript scrollbar plugin that hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling."}],["$","link","5",{"rel":"author","href":"https://github.com/KingSora"}],["$","meta","6",{"name":"author","content":"Rene Haas"}],["$","link","7",{"rel":"author","href":"https://github.com/KingSora"}],["$","meta","8",{"name":"author","content":"KingSora"}],["$","meta","9",{"name":"keywords","content":"OverlayScrollbars,Overlay,Scroll,Bar,Custom,Scrollbar,React,Vue,Angular,Solid,Solidjs,Svelte,JavaScript,TypeScript,Plugin,Library"}],["$","meta","10",{"name":"creator","content":"Rene Haas"}],["$","meta","11",{"name":"publisher","content":"Rene Haas"}],["$","meta","12",{"name":"twitter:card","content":"summary"}],["$","meta","13",{"name":"twitter:title","content":"OverlayScrollbars"}],["$","meta","14",{"name":"twitter:description","content":"A javascript scrollbar plugin that hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling."}],["$","link","15",{"rel":"icon","href":"/OverlayScrollbars/favicon.ico","type":"image/x-icon","sizes":"256x256"}]] 1:null diff --git a/packages/overlayscrollbars/test/playwright/setups/structureSetup/body/index.browser.ts b/packages/overlayscrollbars/test/playwright/setups/structureSetup/body/index.browser.ts index 5cf60cd4..e009d614 100644 --- a/packages/overlayscrollbars/test/playwright/setups/structureSetup/body/index.browser.ts +++ b/packages/overlayscrollbars/test/playwright/setups/structureSetup/body/index.browser.ts @@ -6,6 +6,8 @@ import { ScrollbarsHidingPlugin } from '~/plugins'; import { setTestResult, timeout } from '@~local/browser-testing'; import should from 'should'; +console.log(OverlayScrollbars.env()); + if (!OverlayScrollbars.env().scrollbarsHiding) { OverlayScrollbars.plugin(ScrollbarsHidingPlugin); } diff --git a/packages/overlayscrollbars/test/playwright/setups/structureSetup/focus/index.browser.ts b/packages/overlayscrollbars/test/playwright/setups/structureSetup/focus/index.browser.ts index 861bdb60..f8f048b6 100644 --- a/packages/overlayscrollbars/test/playwright/setups/structureSetup/focus/index.browser.ts +++ b/packages/overlayscrollbars/test/playwright/setups/structureSetup/focus/index.browser.ts @@ -7,6 +7,8 @@ import { setTestResult, timeout } from '@~local/browser-testing'; import should from 'should'; import { hasClass } from '~/support'; +console.log(OverlayScrollbars.env()); + if (!OverlayScrollbars.env().scrollbarsHiding) { OverlayScrollbars.plugin(ScrollbarsHidingPlugin); } diff --git a/packages/overlayscrollbars/test/playwright/setups/structureSetup/nesting/index.browser.ts b/packages/overlayscrollbars/test/playwright/setups/structureSetup/nesting/index.browser.ts index 9bfd2b9f..482e519c 100644 --- a/packages/overlayscrollbars/test/playwright/setups/structureSetup/nesting/index.browser.ts +++ b/packages/overlayscrollbars/test/playwright/setups/structureSetup/nesting/index.browser.ts @@ -6,6 +6,8 @@ import { OverlayScrollbars } from '~/overlayscrollbars'; import { addClass, each, isArray, removeAttrs, getStyles, setStyles } from '~/support'; import { ScrollbarsHidingPlugin, SizeObserverPlugin } from '~/plugins'; +console.log(OverlayScrollbars.env()); + if (!window.ResizeObserver) { OverlayScrollbars.plugin(SizeObserverPlugin); } diff --git a/packages/overlayscrollbars/test/playwright/setups/structureSetup/update/index.browser.ts b/packages/overlayscrollbars/test/playwright/setups/structureSetup/update/index.browser.ts index cdb8450a..438ed7cb 100644 --- a/packages/overlayscrollbars/test/playwright/setups/structureSetup/update/index.browser.ts +++ b/packages/overlayscrollbars/test/playwright/setups/structureSetup/update/index.browser.ts @@ -35,6 +35,8 @@ import type { WH } from '~/support'; import type { Options } from '~/options'; import type { DeepPartial } from '~/typings'; +console.log(OverlayScrollbars.env()); + OverlayScrollbars.plugin(ClickScrollPlugin); if (!window.ResizeObserver) {