mirror of
https://github.com/tenrok/OverlayScrollbars.git
synced 2026-06-19 08:00:36 +03:00
Rene
1 line
6.7 KiB
JavaScript
1 line
6.7 KiB
JavaScript
function r(r){return"number"==typeof r}function t(r){return"string"==typeof r}function n(r){return Array.isArray(r)}function e(t){const e=!!t&&t.length;return n(t)||!function(r){return"function"==typeof r}(t)&&r(e)&&e>-1&&e%1==0}function o(r,t,n,e){if(void 0===e)return n?n[r]:t;n&&(n[r]=e)}function i(r,t){return o("scrollLeft",0,r,t)}function s(r,t){return o("scrollTop",0,r,t)}const l=/[^\x20\t\r\n\f]+/g,c=(r,n)=>{((r,n,e)=>{let o,i=0,s=!1;if(r&&t(n)){const t=n.match(l)||[];for(s=t.length>0;o=t[i++];)s=e(r.classList,o)&&s}})(r,n,(r,t)=>r.add(t))};function a(r,t){if(e(r))for(let n=0;n<r.length&&!1!==t(r[n],n,r);n++);else r&&a(Object.keys(r),n=>t(r[n],n,r));return r}const d=r=>{if(Array.from)return Array.from(r);const t=[];return a(r,r=>{t.push(r)}),t},v=r=>{r instanceof Set?r.forEach(r=>r&&r()):a(r,r=>r&&r())},u=(r,t,n)=>{if(n){let o,i=t;r&&(e(n)?(o=document.createDocumentFragment(),a(n,r=>{r===i&&(i=r.previousSibling),o.appendChild(r)})):o=n,t&&(i?i!==t&&(i=i.nextSibling):i=r.firstChild),r.insertBefore(o,i))}},f=(r,t)=>{u(r,null,t)},w=r=>{if(e(r))a(d(r),r=>w(r));else if(r){const n=(t=r)?t.parentElement:null;n&&n.removeChild(r)}var t},b=r=>{const t=document.createElement("div");return t.innerHTML=r.trim(),a((n=t)?d(n.childNodes):[],r=>w(r));var n},h={w:0,h:0},m=()=>({w:window.innerWidth,h:window.innerHeight}),p=r=>r?{w:r.offsetWidth,h:r.offsetHeight}:h;let y;const z=(r,t,n,e)=>{a(t.split(" "),t=>{r.removeEventListener(t,n,e)})},g=(r,t,n,e)=>{const o=(()=>{if(void 0===y){y=!1;try{window.addEventListener("test",null,Object.defineProperty({},"passive",{get:function(){y=!0}}))}catch(r){}}return y})(),i=o&&e&&e.t||!1,s=e&&e.o||!1,l=e&&e.s||!1,c=[],d=o?{passive:i,capture:s}:s;return a(t.split(" "),t=>{const e=l?o=>{r.removeEventListener(t,e,s),n&&n(o)}:n;c.push(z.bind(null,r,t,e,s)),r.addEventListener(t,e,d)}),v.bind(0,c)},_=r=>r.stopPropagation(),x=r=>r.preventDefault(),O={animationiterationcount:1,columncount:1,fillopacity:1,flexgrow:1,flexshrink:1,fontweight:1,lineheight:1,opacity:1,order:1,orphans:1,widows:1,zindex:1,zoom:1},S=(r,t,n)=>null!=t?t.getPropertyValue(n):r.style[n],j=(t,n,e)=>{try{t&&void 0!==t.style[n]&&(t.style[n]=((t,n)=>!O[t.toLowerCase()]&&r(n)?n+"px":n)(n,e))}catch(o){}};function k(r,e){const o=t(e);if(n(e)||o){let t=o?"":{};if(r){const n=window.getComputedStyle(r,null);t=o?S(r,n,e):e.reduce((t,e)=>(t[e]=S(r,n,e),t),t)}return t}var i;a((i=e)?Object.keys(i):[],t=>j(r,t,e[t]))}const A={x:0,y:0},L=r=>{const t=r?(r=>r.getBoundingClientRect())(r):0;return t?{x:t.left+window.pageYOffset,y:t.top+window.pageXOffset}:A},q=["WebKit","Moz","O","MS","webkit","moz","o","ms"],M={},T=r=>{let t=M[r]||window[r];return n=M,e=r,Object.prototype.hasOwnProperty.call(n,e)||(a(q,n=>{var e;return t=t||window[n+(e=r,e.charAt(0).toUpperCase()+e.slice(1))],!t}),M[r]=t),t;var n,e};T("ResizeObserver");!function(r,t,n){r(n={path:t,exports:{},require:function(r,t){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}(null==t&&n.path)}},n.exports),n.exports}((function(r){function t(){return r.exports=t=Object.assign||function(r){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&(r[e]=n[e])}return r},t.apply(this,arguments)}r.exports=t}));const E=["__TPL_","_TYPE__"];["boolean","number","string","array","object","function","null"].reduce((r,t)=>(r[t]=E[0]+t+E[1],r),{});let F;const{abs:P,round:R}=Math,Y=(r,t)=>{f(r,t);const n=(e=t)?{w:e.clientWidth,h:e.clientHeight}:h;var e;const o=p(t);return{x:o.h-n.h,y:o.w-n.w}},B=r=>{let t=!1;c(r,"os-viewport-native-scrollbars-invisible");try{t="none"===k(r,"scrollbar-width")||"none"===window.getComputedStyle(r,"::-webkit-scrollbar").getPropertyValue("display")}catch(n){}return t},D=(r,t)=>{k(r,{overflowX:"hidden",overflowY:"hidden",direction:"rtl"}),i(r,0);const n=L(r),e=L(t);i(r,-999);const o=L(t);return{i:n.x===e.x,n:e.x!==o.x}},I=()=>{const r=window.screen.deviceXDPI||0,t=window.screen.logicalXDPI||1;return window.devicePixelRatio||r/t},K=()=>{const{body:r}=document,t=b('<div id="os-environment"><div></div></div>')[0],n=t.firstChild,e=new Set,o=Y(r,t),i={x:0===o.x,y:0===o.y},s={l:!1,v:o,u:i,m:B(t),p:D(t,n),g(r){e.add(r)},_(r){e.delete(r)}};var l,c;if(c="style",null==(l=t)||l.removeAttribute(c),w(t),!i.x||!i.y){let n=m(),i=I(),s=o;window.addEventListener("resize",()=>{if(e.size){const o=m(),l={w:o.w-n.w,h:o.h-n.h};if(0===l.w&&0===l.h)return;const c={w:P(l.w),h:P(l.h)},a={w:P(R(o.w/(n.w/100))),h:P(R(o.h/(n.h/100)))},d=I(),u=c.w>2&&c.h>2,f=!((r,t)=>{const n=P(r),e=P(t);return!(n===e||n+1===e||n-1===e)})(a.w,a.h),b=d!==i&&i>0;if(u&&f&&b){const n=F.v=Y(r,t);w(t),s.x===n.x&&s.y===n.y||v(e),s=n}n=o,i=d}})}return s},U=()=>(F||(F=K()),F),W=T("ResizeObserver"),X=cancelAnimationFrame,C=requestAnimationFrame,G=r=>k(r,"direction"),H=(r,t,n)=>{const e=U().p,o=b('<div class="os-size-observer"><div class="os-size-observer-listener"></div></div>')[0],l=o.firstChild,c=r=>{if(n){const r="rtl"===G(o);i(o,r?e.n?-3333333:e.i?0:3333333:3333333),s(o,3333333)}t(!0===r)},a=[];let d=c;if(W){new W(c).observe(l)}else{const r=b('<div class="os-size-observer-listener-item" dir="ltr"><div class="os-size-observer-listener-item"><div class="os-size-observer-listener-item-final"></div></div><div class="os-size-observer-listener-item"><div class="os-size-observer-listener-item-final" style="width: 200%; height: 200%"></div></div></div>');f(l,r);const t=r[0],n=t.lastChild,e=t.firstChild,o=null==e?void 0:e.firstChild;let v,u=p(l),w=u,h=!1;const m=()=>{i(e,3333333),s(e,3333333),i(n,3333333),s(n,3333333)},y=function(){v=0,h&&(u=w,c())},z=r=>(w=p(l),h=!r||w.w!==u.w||w.h!==u.h,r&&h&&!v?(X(v),v=C(y)):r||y(),m(),r&&(x(r),_(r)),!1);a.push(g(e,"scroll",z)),a.push(g(n,"scroll",z)),k(o,{width:3333333,height:3333333}),m(),d=z}if(n){let r;a.push(g(o,"scroll",t=>{const n=G(o);return n!==r&&(k(l,"rtl"===n?{left:"auto",right:0}:{left:0,right:"auto"}),r=n,c(!0)),x(t),_(t),!1}))}var h,m;return a.push(g(o,"animationstart",d)),m=o,u(h=r,h&&h.firstChild,m),()=>{v(a),w(o)}};export default()=>[U(),H(document.body,()=>{}),b(' <div class="os-host"> <div class="os-resize-observer-host"></div> <div class="os-padding"> <div class="os-viewport"> <div class="os-content"> fdfhdfgh </div> </div> </div> <div class="os-scrollbar os-scrollbar-horizontal"> <div class="os-scrollbar-track"> <div class="os-scrollbar-handle"></div> </div> </div> <div class="os-scrollbar os-scrollbar-vertical"> <div class="os-scrollbar-track"> <div class="os-scrollbar-handle"></div> </div> </div> <div class="os-scrollbar-corner"></div> </div>')]; |