@para-ui/core 4.0.77 → 4.0.79

package/umd/ScrollBar.js

@@ -1 +1 @@
-!function(r,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react")):"function"==typeof define&&define.amd?define(["react"],e):"object"==typeof exports?exports.ParaUI=e(require("react")):r.ParaUI=e(r.react)}(self,(r=>(()=>{var e={20053:(r,e,t)=>{"use strict";function a(r){var e,t,o="";if("string"==typeof r||"number"==typeof r)o+=r;else if("object"==typeof r)if(Array.isArray(r))for(e=0;e<r.length;e++)r[e]&&(t=a(r[e]))&&(o&&(o+=" "),o+=t);else for(e in r)r[e]&&(o&&(o+=" "),o+=e);return o}function o(){for(var r,e,t=0,o="";t<arguments.length;)(r=arguments[t++])&&(e=a(r))&&(o&&(o+=" "),o+=e);return o}t.d(e,{A:()=>o})},4663:(r,e,t)=>{(e=t(76314)(!1)).push([r.id,".paraui-v4-scroll-bar{overflow:hidden;position:relative}.paraui-v4-scroll-bar>.slider{position:relative}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-horizontal{width:100%}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-horizontal>.slider{height:100%}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-vertical{height:100%}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-vertical>.slider{width:100%}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-small>.slider,.paraui-v4-scroll-bar.paraui-v4-scroll-bar-medium>.slider{border-radius:4px}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-small.paraui-v4-scroll-bar-horizontal,.paraui-v4-scroll-bar.paraui-v4-scroll-bar-medium.paraui-v4-scroll-bar-horizontal{height:4px}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-small.paraui-v4-scroll-bar-vertical,.paraui-v4-scroll-bar.paraui-v4-scroll-bar-medium.paraui-v4-scroll-bar-vertical{width:4px}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-large>.slider{border-radius:8px}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-large.paraui-v4-scroll-bar-horizontal{height:8px}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-large.paraui-v4-scroll-bar-vertical{width:8px}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-light{background-color:#eaecf1}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-light>.slider{background-color:#a1a8b3}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-light>.slider:hover{background-color:#d4dae3}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-light.paraui-v4-scroll-bar-move>.slider{background-color:#d4dae3}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-deep{background-color:#5c6573}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-deep>.slider{background-color:#d4dae3}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-deep>.slider:hover{background-color:#a1a8b3}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-deep.paraui-v4-scroll-bar-move>.slider{background-color:#a1a8b3}",""]),r.exports=e},76314:r=>{"use strict";r.exports=function(r){var e=[];return e.toString=function(){return this.map((function(e){var t=function(r,e){var t=r[1]||"",a=r[3];if(!a)return t;if(e&&"function"==typeof btoa){var o=(l=a,c=btoa(unescape(encodeURIComponent(JSON.stringify(l)))),i="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(i," */")),n=a.sources.map((function(r){return"/*# sourceURL=".concat(a.sourceRoot||"").concat(r," */")}));return[t].concat(n).concat([o]).join("\n")}var l,c,i;return[t].join("\n")}(e,r);return e[2]?"@media ".concat(e[2]," {").concat(t,"}"):t})).join("")},e.i=function(r,t,a){"string"==typeof r&&(r=[[null,r,""]]);var o={};if(a)for(var n=0;n<this.length;n++){var l=this[n][0];null!=l&&(o[l]=!0)}for(var c=0;c<r.length;c++){var i=[].concat(r[c]);a&&o[i[0]]||(t&&(i[2]?i[2]="".concat(t," and ").concat(i[2]):i[2]=t),e.push(i))}},e}},65992:(r,e,t)=>{var a=t(85072),o=t(4663);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[r.id,o,""]]);var n={insert:"head",singleton:!1};a(o,n);r.exports=o.locals||{}},85072:(r,e,t)=>{"use strict";var a,o=function(){return void 0===a&&(a=Boolean(window&&document&&document.all&&!window.atob)),a},n=function(){var r={};return function(e){if(void 0===r[e]){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(r){t=null}r[e]=t}return r[e]}}(),l=[];function c(r){for(var e=-1,t=0;t<l.length;t++)if(l[t].identifier===r){e=t;break}return e}function i(r,e){for(var t={},a=[],o=0;o<r.length;o++){var n=r[o],i=e.base?n[0]+e.base:n[0],u=t[i]||0,s="".concat(i," ").concat(u);t[i]=u+1;var v=c(s),d={css:n[1],media:n[2],sourceMap:n[3]};-1!==v?(l[v].references++,l[v].updater(d)):l.push({identifier:s,updater:h(d,e),references:1}),a.push(s)}return a}function u(r){var e=document.createElement("style"),a=r.attributes||{};if(void 0===a.nonce){var o=t.nc;o&&(a.nonce=o)}if(Object.keys(a).forEach((function(r){e.setAttribute(r,a[r])})),"function"==typeof r.insert)r.insert(e);else{var l=n(r.insert||"head");if(!l)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");l.appendChild(e)}return e}var s,v=(s=[],function(r,e){return s[r]=e,s.filter(Boolean).join("\n")});function d(r,e,t,a){var o=t?"":a.media?"@media ".concat(a.media," {").concat(a.css,"}"):a.css;if(r.styleSheet)r.styleSheet.cssText=v(e,o);else{var n=document.createTextNode(o),l=r.childNodes;l[e]&&r.removeChild(l[e]),l.length?r.insertBefore(n,l[e]):r.appendChild(n)}}function p(r,e,t){var a=t.css,o=t.media,n=t.sourceMap;if(o?r.setAttribute("media",o):r.removeAttribute("media"),n&&"undefined"!=typeof btoa&&(a+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(n))))," */")),r.styleSheet)r.styleSheet.cssText=a;else{for(;r.firstChild;)r.removeChild(r.firstChild);r.appendChild(document.createTextNode(a))}}var f=null,b=0;function h(r,e){var t,a,o;if(e.singleton){var n=b++;t=f||(f=u(e)),a=d.bind(null,t,n,!1),o=d.bind(null,t,n,!0)}else t=u(e),a=p.bind(null,t,e),o=function(){!function(r){if(null===r.parentNode)return!1;r.parentNode.removeChild(r)}(t)};return a(r),function(e){if(e){if(e.css===r.css&&e.media===r.media&&e.sourceMap===r.sourceMap)return;a(r=e)}else o()}}r.exports=function(r,e){(e=e||{}).singleton||"boolean"==typeof e.singleton||(e.singleton=o());var t=i(r=r||[],e);return function(r){if(r=r||[],"[object Array]"===Object.prototype.toString.call(r)){for(var a=0;a<t.length;a++){var o=c(t[a]);l[o].references--}for(var n=i(r,e),u=0;u<t.length;u++){var s=c(t[u]);0===l[s].references&&(l[s].updater(),l.splice(s,1))}t=n}}}},14552:(r,e,t)=>{"use strict";t.d(e,{n:()=>a});var a="paraui-v4"},39155:e=>{"use strict";e.exports=r}},t={};function a(r){var o=t[r];if(void 0!==o)return o.exports;var n=t[r]={id:r,exports:{}};return e[r](n,n.exports,a),n.exports}a.n=r=>{var e=r&&r.__esModule?()=>r.default:()=>r;return a.d(e,{a:e}),e},a.d=(r,e)=>{for(var t in e)a.o(e,t)&&!a.o(r,t)&&Object.defineProperty(r,t,{enumerable:!0,get:e[t]})},a.o=(r,e)=>Object.prototype.hasOwnProperty.call(r,e),a.r=r=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},a.nc=void 0;var o={};return(()=>{"use strict";a.r(o),a.d(o,{default:()=>l});var r=a(39155),e=a.n(r),t=a(20053),n=a(14552);a(65992);const l=function(a){var o=a.className,l=a.style,c=a.type,i=void 0===c?"vertical":c,u=a.size,s=void 0===u?"large":u,v=a.color,d=void 0===v?"light":v,p=a.scrollTotalLength,f=a.scrollLength,b=a.onScroll,h=(0,r.useRef)(null),m=(0,r.useRef)(null),g=(0,r.useRef)({typeMap:{vertical:{length:"height",movePage:"pageY",pos:"top",startPos:"offsetTop"},horizontal:{length:"width",movePage:"pageX",pos:"left",startPos:"offsetLeft"}},moveMaxLength:0,startLength:0,visualWindowLength:0,scrollTotalLength:0,sliderLength:0,scrollLength:0});g.current.scrollTotalLength=p,g.current.scrollLength=f,(0,r.useEffect)((function(){return x(),window.addEventListener("resize",y),function(){window.removeEventListener("resize",y)}}),[]),(0,r.useEffect)((function(){L(),w()}),[f,p]);var y=function(){L(),w()},L=function(){var r=h.current,e=m.current;if(p&&r&&e){var t=r.getBoundingClientRect(),a=g.current.typeMap[i].length,o=t[a],n=o/p*o;n<16&&(n=16),e.style[a]=n/o*100+"%",g.current.moveMaxLength=o-n,g.current.visualWindowLength=o,g.current.sliderLength=n}},x=function(){var r=h.current,e=m.current;if(r&&e){var t=g.current.typeMap[i].pos,a=g.current.typeMap[i].startPos,o=g.current.typeMap[i].movePage,l=function(r,a){var n=r[o]-a[o];(n=g.current.startLength+n)<0&&(n=0),n>g.current.moveMaxLength&&(n=g.current.moveMaxLength),e.style[t]=n/g.current.visualWindowLength*100+"%",b&&b(n/g.current.moveMaxLength*g.current.scrollTotalLength)},c=function(){r.classList.remove("".concat(n.n,"-scroll-bar-move"))};r.onmousedown=function(t){r.classList.add("".concat(n.n,"-scroll-bar-move")),g.current.startLength=e[a],document.onmousemove=function(r){l(r,t)},document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null,c()}},r.ontouchstart=function(r){r.preventDefault();var t=r.touches[0];return g.current.startLength=e[a],document.ontouchmove=function(r){r.preventDefault();var e=r.touches[0];return l(e,t),!1},document.ontouchend=function(){document.ontouchmove=null,document.ontouchend=null,c()},!1}}},w=function(){var r=m.current;if(r){var e=g.current.typeMap[i].pos,t=g.current.moveMaxLength/g.current.visualWindowLength,a=Number(g.current.scrollLength)/g.current.scrollTotalLength;r.style[e]=t*a*100+"%"}};return e().createElement("div",{className:(0,t.A)("".concat(n.n,"-scroll-bar ").concat(n.n,"-scroll-bar-").concat(i," ").concat(n.n,"-scroll-bar-").concat(s," ").concat(n.n,"-scroll-bar-").concat(d),o),style:l,ref:h},e().createElement("div",{ref:m,className:"slider"}))}})(),o})()));
+!function(r,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react")):"function"==typeof define&&define.amd?define(["react"],e):"object"==typeof exports?exports.ParaUI=e(require("react")):r.ParaUI=e(r.react)}(self,(r=>(()=>{var e={20053:(r,e,t)=>{"use strict";function a(r){var e,t,o="";if("string"==typeof r||"number"==typeof r)o+=r;else if("object"==typeof r)if(Array.isArray(r))for(e=0;e<r.length;e++)r[e]&&(t=a(r[e]))&&(o&&(o+=" "),o+=t);else for(e in r)r[e]&&(o&&(o+=" "),o+=e);return o}function o(){for(var r,e,t=0,o="";t<arguments.length;)(r=arguments[t++])&&(e=a(r))&&(o&&(o+=" "),o+=e);return o}t.d(e,{A:()=>o})},4663:(r,e,t)=>{(e=t(76314)(!1)).push([r.id,".paraui-v4-scroll-bar{overflow:hidden;position:relative}.paraui-v4-scroll-bar>.slider{position:relative}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-horizontal{width:100%}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-horizontal>.slider{height:100%}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-vertical{height:100%}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-vertical>.slider{width:100%}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-small>.slider,.paraui-v4-scroll-bar.paraui-v4-scroll-bar-medium>.slider{border-radius:4px}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-small.paraui-v4-scroll-bar-horizontal,.paraui-v4-scroll-bar.paraui-v4-scroll-bar-medium.paraui-v4-scroll-bar-horizontal{height:4px}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-small.paraui-v4-scroll-bar-vertical,.paraui-v4-scroll-bar.paraui-v4-scroll-bar-medium.paraui-v4-scroll-bar-vertical{width:4px}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-large>.slider{border-radius:8px}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-large.paraui-v4-scroll-bar-horizontal{height:8px}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-large.paraui-v4-scroll-bar-vertical{width:8px}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-light{background-color:#eaecf1}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-light>.slider{background-color:#a1a8b3}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-light>.slider:hover{background-color:#d4dae3}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-light.paraui-v4-scroll-bar-move>.slider{background-color:#d4dae3}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-deep{background-color:#5c6573}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-deep>.slider{background-color:#d4dae3}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-deep>.slider:hover{background-color:#a1a8b3}.paraui-v4-scroll-bar.paraui-v4-scroll-bar-deep.paraui-v4-scroll-bar-move>.slider{background-color:#a1a8b3}",""]),r.exports=e},76314:r=>{"use strict";r.exports=function(r){var e=[];return e.toString=function(){return this.map((function(e){var t=function(r,e){var t=r[1]||"",a=r[3];if(!a)return t;if(e&&"function"==typeof btoa){var o=(l=a,c=btoa(unescape(encodeURIComponent(JSON.stringify(l)))),i="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(i," */")),n=a.sources.map((function(r){return"/*# sourceURL=".concat(a.sourceRoot||"").concat(r," */")}));return[t].concat(n).concat([o]).join("\n")}var l,c,i;return[t].join("\n")}(e,r);return e[2]?"@media ".concat(e[2]," {").concat(t,"}"):t})).join("")},e.i=function(r,t,a){"string"==typeof r&&(r=[[null,r,""]]);var o={};if(a)for(var n=0;n<this.length;n++){var l=this[n][0];null!=l&&(o[l]=!0)}for(var c=0;c<r.length;c++){var i=[].concat(r[c]);a&&o[i[0]]||(t&&(i[2]?i[2]="".concat(t," and ").concat(i[2]):i[2]=t),e.push(i))}},e}},65992:(r,e,t)=>{var a=t(85072),o=t(4663);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[r.id,o,""]]);var n={insert:"head",singleton:!1};a(o,n);r.exports=o.locals||{}},85072:(r,e,t)=>{"use strict";var a,o=function(){return void 0===a&&(a=Boolean(window&&document&&document.all&&!window.atob)),a},n=function(){var r={};return function(e){if(void 0===r[e]){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(r){t=null}r[e]=t}return r[e]}}(),l=[];function c(r){for(var e=-1,t=0;t<l.length;t++)if(l[t].identifier===r){e=t;break}return e}function i(r,e){for(var t={},a=[],o=0;o<r.length;o++){var n=r[o],i=e.base?n[0]+e.base:n[0],u=t[i]||0,s="".concat(i," ").concat(u);t[i]=u+1;var v=c(s),d={css:n[1],media:n[2],sourceMap:n[3]};-1!==v?(l[v].references++,l[v].updater(d)):l.push({identifier:s,updater:h(d,e),references:1}),a.push(s)}return a}function u(r){var e=document.createElement("style"),a=r.attributes||{};if(void 0===a.nonce){var o=t.nc;o&&(a.nonce=o)}if(Object.keys(a).forEach((function(r){e.setAttribute(r,a[r])})),"function"==typeof r.insert)r.insert(e);else{var l=n(r.insert||"head");if(!l)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");l.appendChild(e)}return e}var s,v=(s=[],function(r,e){return s[r]=e,s.filter(Boolean).join("\n")});function d(r,e,t,a){var o=t?"":a.media?"@media ".concat(a.media," {").concat(a.css,"}"):a.css;if(r.styleSheet)r.styleSheet.cssText=v(e,o);else{var n=document.createTextNode(o),l=r.childNodes;l[e]&&r.removeChild(l[e]),l.length?r.insertBefore(n,l[e]):r.appendChild(n)}}function p(r,e,t){var a=t.css,o=t.media,n=t.sourceMap;if(o?r.setAttribute("media",o):r.removeAttribute("media"),n&&"undefined"!=typeof btoa&&(a+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(n))))," */")),r.styleSheet)r.styleSheet.cssText=a;else{for(;r.firstChild;)r.removeChild(r.firstChild);r.appendChild(document.createTextNode(a))}}var f=null,b=0;function h(r,e){var t,a,o;if(e.singleton){var n=b++;t=f||(f=u(e)),a=d.bind(null,t,n,!1),o=d.bind(null,t,n,!0)}else t=u(e),a=p.bind(null,t,e),o=function(){!function(r){if(null===r.parentNode)return!1;r.parentNode.removeChild(r)}(t)};return a(r),function(e){if(e){if(e.css===r.css&&e.media===r.media&&e.sourceMap===r.sourceMap)return;a(r=e)}else o()}}r.exports=function(r,e){(e=e||{}).singleton||"boolean"==typeof e.singleton||(e.singleton=o());var t=i(r=r||[],e);return function(r){if(r=r||[],"[object Array]"===Object.prototype.toString.call(r)){for(var a=0;a<t.length;a++){var o=c(t[a]);l[o].references--}for(var n=i(r,e),u=0;u<t.length;u++){var s=c(t[u]);0===l[s].references&&(l[s].updater(),l.splice(s,1))}t=n}}}},14552:(r,e,t)=>{"use strict";t.d(e,{n:()=>a});var a="paraui-v4"},39155:e=>{"use strict";e.exports=r}},t={};function a(r){var o=t[r];if(void 0!==o)return o.exports;var n=t[r]={id:r,exports:{}};return e[r](n,n.exports,a),n.exports}a.n=r=>{var e=r&&r.__esModule?()=>r.default:()=>r;return a.d(e,{a:e}),e},a.d=(r,e)=>{for(var t in e)a.o(e,t)&&!a.o(r,t)&&Object.defineProperty(r,t,{enumerable:!0,get:e[t]})},a.o=(r,e)=>Object.prototype.hasOwnProperty.call(r,e),a.r=r=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},a.nc=void 0;var o={};return(()=>{"use strict";a.r(o),a.d(o,{default:()=>l});var r=a(39155),e=a.n(r),t=a(20053),n=a(14552);a(65992);const l=function(a){var o=a.className,l=a.style,c=a.type,i=void 0===c?"vertical":c,u=a.size,s=void 0===u?"large":u,v=a.color,d=void 0===v?"light":v,p=a.scrollTotalLength,f=a.scrollLength,b=a.onScroll,h=(0,r.useRef)(null),m=(0,r.useRef)(null),g=(0,r.useRef)({typeMap:{vertical:{length:"height",movePage:"pageY",pos:"top",startPos:"offsetTop"},horizontal:{length:"width",movePage:"pageX",pos:"left",startPos:"offsetLeft"}},moveMaxLength:0,startLength:0,visualWindowLength:0,scrollTotalLength:0,sliderLength:0,scrollLength:0});g.current.scrollTotalLength=p,g.current.scrollLength=f,(0,r.useEffect)((function(){return x(),window.addEventListener("resize",y),function(){window.removeEventListener("resize",y)}}),[]),(0,r.useEffect)((function(){L(),w()}),[f,p]);var y=function(){L(),w()},L=function(){var r=h.current,e=m.current;if(p&&r&&e){var t=r.getBoundingClientRect(),a=g.current.typeMap[i].length,o=t[a],n=o/(p+o)*o;n<16&&(n=16),e.style[a]=n/o*100+"%",g.current.moveMaxLength=o-n,g.current.visualWindowLength=o,g.current.sliderLength=n}},x=function(){var r=h.current,e=m.current;if(r&&e){var t=g.current.typeMap[i].pos,a=g.current.typeMap[i].startPos,o=g.current.typeMap[i].movePage,l=function(r,a){var n=r[o]-a[o];(n=g.current.startLength+n)<0&&(n=0),n>g.current.moveMaxLength&&(n=g.current.moveMaxLength),e.style[t]=n/g.current.visualWindowLength*100+"%",b&&b(n/g.current.moveMaxLength*g.current.scrollTotalLength)},c=function(){r.classList.remove("".concat(n.n,"-scroll-bar-move"))};r.onmousedown=function(t){r.classList.add("".concat(n.n,"-scroll-bar-move")),g.current.startLength=e[a],document.onmousemove=function(r){l(r,t)},document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null,c()}},r.ontouchstart=function(r){r.preventDefault();var t=r.touches[0];return g.current.startLength=e[a],document.ontouchmove=function(r){r.preventDefault();var e=r.touches[0];return l(e,t),!1},document.ontouchend=function(){document.ontouchmove=null,document.ontouchend=null,c()},!1}}},w=function(){var r=m.current;if(r){var e=g.current.typeMap[i].pos,t=g.current.moveMaxLength/g.current.visualWindowLength,a=Number(g.current.scrollLength)/g.current.scrollTotalLength;r.style[e]=t*a*100+"%"}};return e().createElement("div",{className:(0,t.A)("".concat(n.n,"-scroll-bar ").concat(n.n,"-scroll-bar-").concat(i," ").concat(n.n,"-scroll-bar-").concat(s," ").concat(n.n,"-scroll-bar-").concat(d),o),style:l,ref:h},e().createElement("div",{ref:m,className:"slider"}))}})(),o})()));