react-lite-scrollbar/dist/index.umd.cjs

react-lite-scrollbar

(function(b,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],d):(b=typeof globalThis<"u"?globalThis:b||self,d(b.ReactLiteScrollbar={},b.React))})(this,function(b,d){"use strict";var p={exports:{}},_={};/**
 * @license React
 * react-jsx-runtime.production.js
 *
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */var y;function $(){if(y)return _;y=1;var c=Symbol.for("react.transitional.element"),m=Symbol.for("react.fragment");function i(f,a,s){var l=null;if(s!==void 0&&(l=""+s),a.key!==void 0&&(l=""+a.key),"key"in a){s={};for(var E in a)E!=="key"&&(s[E]=a[E])}else s=a;return a=s.ref,{$$typeof:c,type:f,key:l,ref:a!==void 0?a:null,props:s}}return _.Fragment=m,_.jsx=i,_.jsxs=i,_}var v={};/**
 * @license React
 * react-jsx-runtime.development.js
 *
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */var P;function z(){return P||(P=1,process.env.NODE_ENV!=="production"&&function(){function c(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ue?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case h:return"Fragment";case re:return"Profiler";case ee:return"StrictMode";case ae:return"Suspense";case se:return"SuspenseList";case le:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case K:return"Portal";case ne:return(e.displayName||"Context")+".Provider";case te:return(e._context.displayName||"Context")+".Consumer";case oe:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ce:return r=e.displayName||null,r!==null?r:c(e.type)||"Memo";case Y:r=e._payload,e=e._init;try{return c(e(r))}catch{}}return null}function m(e){return""+e}function i(e){try{m(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,n=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",n),m(e)}}function f(e){if(e===h)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===Y)return"<...>";try{var r=c(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function a(){var e=O.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function l(e){if(I.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function E(e,r){function t(){L||(L=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function S(){var e=c(this.type);return F[e]||(F[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function Q(e,r,t,n,R,u,w,g){return t=u.ref,e={$$typeof:D,type:e,key:r,props:u,_owner:R},(t!==void 0?t:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:S}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:w}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:g}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function N(e,r,t,n,R,u,w,g){var o=r.children;if(o!==void 0)if(n)if(ie(o)){for(n=0;n<o.length;n++)C(o[n]);Object.freeze&&Object.freeze(o)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else C(o);if(I.call(r,"key")){o=c(e);var T=Object.keys(r).filter(function(fe){return fe!=="key"});n=0<T.length?"{key: someKey, "+T.join(": ..., ")+": ...}":"{key: someKey}",W[o+n]||(T=0<T.length?"{"+T.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
  let props = %s;
  <%s {...props} />
React keys must be passed directly to JSX without using spread:
  let props = %s;
  <%s key={someKey} {...props} />`,n,o,T,o),W[o+n]=!0)}if(o=null,t!==void 0&&(i(t),o=""+t),l(r)&&(i(r.key),o=""+r.key),"key"in r){t={};for(var x in r)x!=="key"&&(t[x]=r[x])}else t=r;return o&&E(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),Q(e,o,u,R,a(),t,w,g)}function C(e){typeof e=="object"&&e!==null&&e.$$typeof===D&&e._store&&(e._store.validated=1)}var k=d,D=Symbol.for("react.transitional.element"),K=Symbol.for("react.portal"),h=Symbol.for("react.fragment"),ee=Symbol.for("react.strict_mode"),re=Symbol.for("react.profiler"),te=Symbol.for("react.consumer"),ne=Symbol.for("react.context"),oe=Symbol.for("react.forward_ref"),ae=Symbol.for("react.suspense"),se=Symbol.for("react.suspense_list"),ce=Symbol.for("react.memo"),Y=Symbol.for("react.lazy"),le=Symbol.for("react.activity"),ue=Symbol.for("react.client.reference"),O=k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,I=Object.prototype.hasOwnProperty,ie=Array.isArray,A=console.createTask?console.createTask:function(){return null};k={"react-stack-bottom-frame":function(e){return e()}};var L,F={},U=k["react-stack-bottom-frame"].bind(k,s)(),M=A(f(s)),W={};v.Fragment=h,v.jsx=function(e,r,t,n,R){var u=1e4>O.recentlyCreatedOwnerStacks++;return N(e,r,t,!1,n,R,u?Error("react-stack-top-frame"):U,u?A(f(e)):M)},v.jsxs=function(e,r,t,n,R){var u=1e4>O.recentlyCreatedOwnerStacks++;return N(e,r,t,!0,n,R,u?Error("react-stack-top-frame"):U,u?A(f(e)):M)}}()),v}var j;function G(){return j||(j=1,process.env.NODE_ENV==="production"?p.exports=$():p.exports=z()),p.exports}var J=G();const H="4",V="#000",X="0.1",q=999,B=(c,m=H,i=V,f=X)=>({margin:0,padding:0,top:0,position:"fixed",zIndex:q,backgroundColor:i,height:`${m}px`,width:c??void 0,transitionDuration:`${f}s`});function Z({height:c,bgColor:m,duration:i}){const[f,a]=d.useState(null),s=d.useCallback(()=>{const l=document.body.scrollTop||document.documentElement.scrollTop,E=document.documentElement.scrollHeight-document.documentElement.clientHeight,S=l/E*100;E>0?a(`${S}%`):a(null)},[]);return d.useEffect(()=>{try{window.addEventListener("scroll",s)}catch(l){console.error(l)}return()=>{try{window.removeEventListener("scroll",s)}catch(l){console.error(l)}}},[s]),J.jsx("div",{style:B(f,c,m,i)})}b.ScrollBar=Z,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})});