react-double-range-slider - npm Package Compare versions

Comparing version 2.2.0 to 2.3.0

dist/cjs/index.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(t),i=function(){return i=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},i.apply(this,arguments)};exports.RangeSlider=function(n){var u,l,d,c=n.hasSteps,o=n.tooltipVisibility,a=n.tooltipPosition,s=n.value,h=n.onChange,f=n.from,v=n.to,g=n.formatter,m=s instanceof Array?s:function(e,t,n){var r=[];if(0===n)throw TypeError("Step cannot be zero.");if(void 0===e||void 0===t)throw TypeError("Must pass start and end arguments.");if(typeof e!=typeof t)throw TypeError("Start and end arguments must be of same type.");if(void 0===n&&(n=1),t<e&&(n=-n),"number"==typeof e)for(;n>0?t>=e:t<=e;)r.push(e),e+=n;else{if("string"!=typeof e||"string"!=typeof t)throw TypeError("Only string and number types are supported");if(1!=e.length||1!=t.length)throw TypeError("Only strings with one character are supported.");for(e=e.charCodeAt(0),t=t.charCodeAt(0);n>0?t>=e:t<=e;)r.push(String.fromCharCode(e)),e+=n}return r}(s.min,s.max,1),p=f?-1===m.indexOf(f)?0:m.indexOf(f):0,x=v?-1===m.indexOf(v)?m.length-1:m.indexOf(v):m.length-1,b=g||function(e){return"".concat(e)},y=t.useState({value:b(m[p]),valueIndex:p}),w=y[0],W=y[1],S=t.useState({value:b(m[x]),valueIndex:x}),C=S[0],M=S[1];o||(o="always");var j=t.useState(null),I=j[0],N=j[1],O=t.useState(null),R=O[0],E=O[1],L=t.useState(null),P=L[0],T=L[1],X=t.useState("always"===o?"visible":"hidden"),k=X[0],z=X[1],A=t.useState("hidden"),B=A[0],q=A[1],D=t.useState("always"===o?"visible":"hidden"),K=D[0],_=D[1],F=t.useState(null),V=F[0],G=F[1],H=t.useState(!1),J=H[0],Q=H[1],U=t.useState(0),Y=U[0],Z=U[1],$=t.useState(!1),ee=$[0],te=$[1],ne=t.useRef(null),re=t.useRef(null),ie=t.useRef(null),ue=t.useRef(null),le=t.useRef(null),de=t.useRef(null),ce=t.useRef(null),oe=t.useRef(null),ae=t.useState(null),se=ae[0],he=ae[1],fe=t.useState(null),ve=fe[0],ge=fe[1],me=t.useState(null),pe=me[0],xe=me[1],be=t.useState(null),ye=be[0],we=be[1],We=t.useState(null),Se=We[0],Ce=We[1],Me=t.useState(null),je=Me[0],Ie=Me[1],Ne=t.useState({value:null,action:""}),Oe=Ne[0],Re=Ne[1],Ee=t.useRef(!0),Le=t.useState(0),Pe=Le[0],Te=Le[1],Xe=r.default.useRef({min:w.value,max:C.value,minIndex:w.valueIndex,maxIndex:C.valueIndex});function ke(){le.current&&oe.current&&(E(le.current.clientWidth-oe.current.clientWidth/2),Ce(oe.current.clientWidth)),ce.current&&(he(ce.current.clientWidth/-2),N(le.current.clientWidth/(m.length-1)*Xe.current.minIndex-ce.current.clientWidth/2)),oe.current&&le.current&&(ge(le.current.clientWidth-oe.current.clientWidth/2),E(le.current.clientWidth/(m.length-1)*Xe.current.maxIndex-oe.current.clientWidth/2));var e=le.current.clientWidth/(m.length-1)*Xe.current.maxIndex-le.current.clientWidth/(m.length-1)*Xe.current.minIndex,t=le.current.clientWidth/(m.length-1)*Xe.current.minIndex;de.current&&T({width:e,left:t}),ie.current&&G((t+e/2-ie.current.clientWidth/2)/le.current.clientWidth*100);var n=window.getComputedStyle(re.current).transform,r=parseInt(window.getComputedStyle(re.current).width),i=new WebKitCSSMatrix(n),u=Math.round(10*i.m41)/20/r*100,l=window.getComputedStyle(ue.current).transform,d=parseInt(window.getComputedStyle(ue.current).width),c=new WebKitCSSMatrix(l),o=Math.round(10*c.m41)/20/d*100,a=isFinite(1/(Math.floor((u-o)/10)/10+1))?1/(Math.floor((u-o)/10)/10+1):0;Te(a),re.current&&ue.current&&de.current&&Q(re.current.clientWidth/2+ue.current.clientWidth/2>e*a)}function ze(){Xe.current&&h(Xe.current),we(null),te(!1),"hover"===o&&(z("hidden"),_("hidden"),q("hidden"))}t.useEffect((function(){return document.addEventListener("mousemove",(function(e){Z(e.clientX)})),window.addEventListener("resize",ke),ke(),Re({value:null,action:""}),function(){window.removeEventListener("resize",ke)}}),[]),t.useEffect((function(){if(!Ee.current){if(null!==I&&null!==R&&Se&&T({left:I+Se/2,width:R-I}),Se&&P&&ie.current&&ne.current){var e=P.left+P.width/2-ie.current.clientWidth/2;e<=-1*Number(window.getComputedStyle(ne.current).marginLeft.replace("px",""))-Se/2?(e=-1*Number(window.getComputedStyle(ne.current).marginLeft.replace("px",""))-Se/2,ie.current.style.setProperty("--after-left","0"),ie.current.style.setProperty("--after-margin-left","".concat(P.left+P.width/2+Se,"px"))):e+ie.current.clientWidth>=ne.current.clientWidth+Number(window.getComputedStyle(ne.current).marginRight.replace("px",""))+Se?(e=ne.current.clientWidth+Number(window.getComputedStyle(ne.current).marginRight.replace("px",""))-ie.current.clientWidth+Se,ie.current.style.setProperty("--after-left","0"),ie.current.style.setProperty("--after-margin-left","".concat(P.left+P.width/2-e-Se/2,"px"))):(e=P.left+P.width/2-ie.current.clientWidth/2,ie.current.style.setProperty("--after-left","50%"),ie.current.style.setProperty("--after-margin-left","-10px")),G(e/le.current.clientWidth*100)}Oe.value&&Be(Oe.value),re.current&&ue.current&&de.current&&Q(re.current.clientWidth/2+ue.current.clientWidth/2>de.current.clientWidth*Pe)}}),[Oe]),t.useEffect((function(){Ee.current?Ee.current=!1:(Xe.current={min:w.value,max:C.value,minIndex:w.valueIndex,maxIndex:C.valueIndex},"jumpTo"===Oe.action&&h(Xe.current))}),[w.value,C.value]),t.useEffect((function(){"hover"===o?J&&ee?(q("visible"),z("hidden"),_("hidden")):pe===ce.current&&ee?(z("visible"),q("hidden"),_("hidden")):pe===oe.current&&ee?(_("visible"),q("hidden"),z("hidden")):(z("hidden"),_("hidden"),q("hidden")):"always"===o&&(J?(q("visible"),z("hidden"),_("hidden")):(q("hidden"),z("visible"),_("visible")))}),[J]),t.useEffect((function(){if(ee&&ye&&pe&&se&&ve&&Se&&null!==je&&le.current&&null!==I&&null!==R){var e=(je||0)+(Y-ye),t=Math.round(e/(le.current.clientWidth/(m.length-1))),n=le.current.clientWidth/(m.length-1)*t-Se/2;if(c){if(n>=se&&n<=ve){if(pe===ce.current&&n>R)return;if(pe===oe.current&&n<I)return;pe===ce.current&&N(n),pe===oe.current&&E(n)}}else if(e>=se&&e<=ve){if(pe===ce.current&&e>=R)return;if(pe===oe.current&&e<=I)return;pe===ce.current&&N(e),pe===oe.current&&E(e)}Re({value:pe,action:"move"})}}),[Y]);var Ae=function(e){if(ce.current&&oe.current&&Se&&se&&ve&&null!==I&&null!==R){var t=Math.abs(e.clientX-ce.current.getBoundingClientRect().left)>Math.abs(e.clientX-oe.current.getBoundingClientRect().left)?oe.current:ce.current;Ie(t.offsetLeft);var n=t.offsetLeft+(e.clientX-t.getBoundingClientRect().left)-Se/2,r=Math.round(n/(le.current.clientWidth/(m.length-1))),i=le.current.clientWidth/(m.length-1)*r-Se/2;if(c){if(i>=se&&i<=ve){if(t===ce.current&&i>R)return;if(t===oe.current&&i<I)return;t===ce.current&&N(i),t===oe.current&&E(i)}}else if(n>=se&&n<=ve){if(t===ce.current&&n>=R)return;if(t===oe.current&&n<=I)return;t===ce.current&&N(n),t===oe.current&&E(n)}Re({value:t,action:"jumpTo"})}},Be=function(e){if(le.current&&de.current&&e&&Se){var t=le.current.clientWidth/m.length,n=Number(window.getComputedStyle(e).left.replace("px",""));n=(n=n>le.current.clientWidth?le.current.clientWidth+Se/2:n+Se/2)<=0?0:n;var r=Math.floor(n/t);r>=m.length&&(r=m.length-1);var u="string"==typeof m[r]?m[r]:m[r].toString();e===ce.current&&W({value:b(u),valueIndex:r}),e===oe.current&&M({value:b(u),valueIndex:r})}Re(i(i({},Oe),{value:null}))};return e.jsxs("div",i({className:"double-range-slider-container",ref:ne},{children:[e.jsx("div",i({className:"double-range-slider-rail",ref:le,onClick:Ae},{children:c&&m.map((function(t,n){return le.current&&n>0&&n<m.length-1&&e.jsx("div",{className:"double-range-slider-step",style:{left:"".concat(le.current.clientWidth/(m.length-1)*n-2.5,"px")}},n)}))})),e.jsx("div",{className:"double-range-slider-track",ref:de,style:P?{left:"".concat(P.left/(null===(u=le.current)||void 0===u?void 0:u.clientWidth)*100,"%"),width:"".concat(P.width,"px")}:void 0,onMouseOver:function(){"hover"===o&&J?(q("visible"),z("hidden"),_("hidden")):"hover"===o&&(q("hidden"),z("hidden"),_("hidden"))},onMouseOut:function(){("hover"===o&&J||"hover"===o)&&(q("hidden"),z("hidden"),_("hidden"))},onClick:Ae}),e.jsx("div",i({className:"double-range-slider-min double-range-slider-ball".concat(pe===ce.current?" double-range-slider-active":""),style:{left:"".concat(I/(null===(l=le.current)||void 0===l?void 0:l.clientWidth)*100,"%")},ref:ce,onMouseOver:function(){"hover"!==o||J?"hover"===o&&J&&(z("hidden"),q("visible")):(z("visible"),q("hidden"))},onMouseOut:function(){"hover"!==o||J?"hover"===o&&J&&(z("hidden"),q("hidden")):(z("hidden"),q("hidden"))},onMouseDown:function(e){we(Y),xe(ce.current),Ie(I),te(!0),document.addEventListener("mouseup",ze,{once:!0})}},{children:e.jsx("div",i({className:"double-range-slider-tooltip ".concat(a?"double-range-slider-".concat(a):"double-range-slider-over"),style:{visibility:k},ref:re},{children:e.jsx("p",i({className:"double-range-slider-min-text-holder double-range-slider-text-holder"},{children:w.value}))}))})),e.jsx("div",i({className:"double-range-slider-mid double-range-slider-tooltip ".concat(a?"double-range-slider-".concat(a):"double-range-slider-over"),ref:ie,style:{visibility:B,left:"".concat(V,"%")}},{children:e.jsx("p",i({className:"double-range-slider-mid-text-holder double-range-slider-text-holder"},{children:w.value===C.value?"".concat(w.value):"".concat(w.value," - ").concat(C.value)}))})),e.jsx("div",i({className:"double-range-slider-max double-range-slider-ball".concat(pe===oe.current?" double-range-slider-active":""),style:{left:"".concat(R/(null===(d=le.current)||void 0===d?void 0:d.clientWidth)*100,"%")},ref:oe,onMouseOver:function(){"hover"!==o||J?"hover"===o&&J&&(_("hidden"),q("visible")):(_("visible"),q("hidden"))},onMouseOut:function(){"hover"!==o||J?"hover"===o&&J&&(_("hidden"),q("hidden")):(_("hidden"),q("hidden"))},onMouseDown:function(e){we(Y),xe(oe.current),Ie(R),te(!0),document.addEventListener("mouseup",ze,{once:!0})}},{children:e.jsx("div",i({className:"double-range-slider-tooltip ".concat(a?"double-range-slider-".concat(a):"double-range-slider-over"),style:{visibility:K},ref:ue},{children:e.jsx("p",i({className:"double-range-slider-max-text-holder double-range-slider-text-holder"},{children:C.value}))}))}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(t),i=function(){return i=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},i.apply(this,arguments)};exports.RangeSlider=function(n){var u,l,d,c=n.hasSteps,o=n.tooltipVisibility,a=n.tooltipPosition,s=n.value,h=n.onChange,f=n.from,v=n.to,g=n.formatter,m=s instanceof Array?s:function(e,t,n){var r=[];if(0===n)throw TypeError("Step cannot be zero.");if(void 0===e||void 0===t)throw TypeError("Must pass start and end arguments.");if(typeof e!=typeof t)throw TypeError("Start and end arguments must be of same type.");if(void 0===n&&(n=1),t<e&&(n=-n),"number"==typeof e)for(;n>0?t>=e:t<=e;)r.push(e),e+=n;else{if("string"!=typeof e||"string"!=typeof t)throw TypeError("Only string and number types are supported");if(1!=e.length||1!=t.length)throw TypeError("Only strings with one character are supported.");for(e=e.charCodeAt(0),t=t.charCodeAt(0);n>0?t>=e:t<=e;)r.push(String.fromCharCode(e)),e+=n}return r}(s.min,s.max,1),p=f?-1===m.indexOf(f)?0:m.indexOf(f):0,x=v?-1===m.indexOf(v)?m.length-1:m.indexOf(v):m.length-1,b=g||function(e){return"".concat(e)},y=t.useState({value:b(m[p]),valueIndex:p}),w=y[0],S=y[1],W=t.useState({value:b(m[x]),valueIndex:x}),M=W[0],I=W[1];o||(o="always");var C=t.useState(null),j=C[0],N=C[1],O=t.useState(null),R=O[0],E=O[1],L=t.useState(null),T=L[0],P=L[1],_=t.useState("always"===o?"visible":"hidden"),X=_[0],k=_[1],z=t.useState("hidden"),A=z[0],B=z[1],H=t.useState("always"===o?"visible":"hidden"),q=H[0],D=H[1],K=t.useState(null),F=K[0],V=K[1],G=t.useState(!1),J=G[0],Q=G[1],U=t.useState(0),Y=U[0],Z=U[1],$=t.useState(!1),ee=$[0],te=$[1],ne=t.useRef(null),re=t.useRef(null),ie=t.useRef(null),ue=t.useRef(null),le=t.useRef(null),de=t.useRef(null),ce=t.useRef(null),oe=t.useRef(null),ae=t.useState(null),se=ae[0],he=ae[1],fe=t.useState(null),ve=fe[0],ge=fe[1],me=t.useState(null),pe=me[0],xe=me[1],be=t.useState(null),ye=be[0],we=be[1],Se=t.useState(null),We=Se[0],Me=Se[1],Ie=t.useState(null),Ce=Ie[0],je=Ie[1],Ne=t.useState({value:null,action:""}),Oe=Ne[0],Re=Ne[1],Ee=t.useRef(!0),Le=t.useState(0),Te=Le[0],Pe=Le[1],_e=r.default.useRef({min:w.value,max:M.value,minIndex:w.valueIndex,maxIndex:M.valueIndex});function Xe(){le.current&&oe.current&&(E(le.current.clientWidth-oe.current.clientWidth/2),Me(oe.current.clientWidth)),ce.current&&(he(ce.current.clientWidth/-2),N(le.current.clientWidth/(m.length-1)*_e.current.minIndex-ce.current.clientWidth/2)),oe.current&&le.current&&(ge(le.current.clientWidth-oe.current.clientWidth/2),E(le.current.clientWidth/(m.length-1)*_e.current.maxIndex-oe.current.clientWidth/2));var e=le.current.clientWidth/(m.length-1)*_e.current.maxIndex-le.current.clientWidth/(m.length-1)*_e.current.minIndex,t=le.current.clientWidth/(m.length-1)*_e.current.minIndex;de.current&&P({width:e,left:t}),ie.current&&V((t+e/2-ie.current.clientWidth/2)/le.current.clientWidth*100);var n=window.getComputedStyle(re.current).transform,r=parseInt(window.getComputedStyle(re.current).width),i=new WebKitCSSMatrix(n),u=Math.round(10*i.m41)/20/r*100,l=window.getComputedStyle(ue.current).transform,d=parseInt(window.getComputedStyle(ue.current).width),c=new WebKitCSSMatrix(l),o=Math.round(10*c.m41)/20/d*100,a=isFinite(1/(Math.floor((u-o)/10)/10+1))?1/(Math.floor((u-o)/10)/10+1):0;Pe(a),re.current&&ue.current&&de.current&&Q(re.current.clientWidth/2+ue.current.clientWidth/2>e*a)}function ke(){_e.current&&h(_e.current),we(null),te(!1),"hover"===o&&(k("hidden"),D("hidden"),B("hidden"))}t.useEffect((function(){return document.addEventListener("mousemove",(function(e){Z(e.clientX)})),window.addEventListener("resize",Xe),Xe(),Re({value:null,action:""}),function(){window.removeEventListener("resize",Xe)}}),[]),t.useEffect((function(){if(!Ee.current){if(null!==j&&null!==R&&We&&P({left:j+We/2,width:R-j}),We&&T&&ie.current&&ne.current){var e=T.left+T.width/2-ie.current.clientWidth/2;e<=-1*Number(window.getComputedStyle(ne.current).marginLeft.replace("px",""))-We/2?(e=-1*Number(window.getComputedStyle(ne.current).marginLeft.replace("px",""))-We/2,ie.current.style.setProperty("--after-left","0"),ie.current.style.setProperty("--after-margin-left","".concat(T.left+T.width/2+We,"px"))):e+ie.current.clientWidth>=ne.current.clientWidth+Number(window.getComputedStyle(ne.current).marginRight.replace("px",""))+We?(e=ne.current.clientWidth+Number(window.getComputedStyle(ne.current).marginRight.replace("px",""))-ie.current.clientWidth+We,ie.current.style.setProperty("--after-left","0"),ie.current.style.setProperty("--after-margin-left","".concat(T.left+T.width/2-e-We/2,"px"))):(e=T.left+T.width/2-ie.current.clientWidth/2,ie.current.style.setProperty("--after-left","50%"),ie.current.style.setProperty("--after-margin-left","-10px")),V(e/le.current.clientWidth*100)}Oe.value&&Ae(Oe.value),re.current&&ue.current&&de.current&&Q(re.current.clientWidth/2+ue.current.clientWidth/2>de.current.clientWidth*Te)}}),[Oe]),t.useEffect((function(){Ee.current?Ee.current=!1:(_e.current={min:w.value,max:M.value,minIndex:w.valueIndex,maxIndex:M.valueIndex},"jumpTo"===Oe.action&&h(_e.current))}),[w.value,M.value]),t.useEffect((function(){"hover"===o?J&&ee?(B("visible"),k("hidden"),D("hidden")):pe===ce.current&&ee?(k("visible"),B("hidden"),D("hidden")):pe===oe.current&&ee?(D("visible"),B("hidden"),k("hidden")):(k("hidden"),D("hidden"),B("hidden")):"always"===o&&(J?(B("visible"),k("hidden"),D("hidden")):(B("hidden"),k("visible"),D("visible")))}),[J]),t.useEffect((function(){if(ee&&ye&&pe&&se&&ve&&We&&null!==Ce&&le.current&&null!==j&&null!==R){var e=(Ce||0)+(Y-ye),t=Math.round(e/(le.current.clientWidth/(m.length-1))),n=le.current.clientWidth/(m.length-1)*t-We/2;if(c){if(n>=se&&n<=ve){if(pe===ce.current&&n>R)return;if(pe===oe.current&&n<j)return;pe===ce.current&&N(n),pe===oe.current&&E(n)}}else if(e>=se&&e<=ve){if(pe===ce.current&&e>=R)return;if(pe===oe.current&&e<=j)return;pe===ce.current&&N(e),pe===oe.current&&E(e)}Re({value:pe,action:"move"})}}),[Y]);var ze=function(e){if(ce.current&&oe.current&&We&&se&&ve&&null!==j&&null!==R){var t=Math.abs(e.clientX-ce.current.getBoundingClientRect().left)>Math.abs(e.clientX-oe.current.getBoundingClientRect().left)?oe.current:ce.current;je(t.offsetLeft);var n=t.offsetLeft+(e.clientX-t.getBoundingClientRect().left)-We/2,r=Math.round(n/(le.current.clientWidth/(m.length-1))),i=le.current.clientWidth/(m.length-1)*r-We/2;if(c){if(i>=se&&i<=ve){if(t===ce.current&&i>R)return;if(t===oe.current&&i<j)return;t===ce.current&&N(i),t===oe.current&&E(i)}}else if(n>=se&&n<=ve){if(t===ce.current&&n>=R)return;if(t===oe.current&&n<=j)return;t===ce.current&&N(n),t===oe.current&&E(n)}Re({value:t,action:"jumpTo"})}},Ae=function(e){if(le.current&&de.current&&e&&We){var t=le.current.clientWidth/m.length,n=Number(window.getComputedStyle(e).left.replace("px",""));n=(n=n>le.current.clientWidth?le.current.clientWidth+We/2:n+We/2)<=0?0:n;var r=Math.floor(n/t);r>=m.length&&(r=m.length-1);var u="string"==typeof m[r]?m[r]:m[r].toString();e===ce.current&&S({value:b(u),valueIndex:r}),e===oe.current&&I({value:b(u),valueIndex:r})}Re(i(i({},Oe),{value:null}))};return e.jsxs("div",i({className:"double-range-slider-container",ref:ne},{children:[e.jsx("div",i({className:"double-range-slider-rail",ref:le,onClick:ze},{children:c&&m.map((function(t,n){return le.current&&n>0&&n<m.length-1&&e.jsx("div",{className:"double-range-slider-step",style:{left:"".concat(le.current.clientWidth/(m.length-1)*n-2.5,"px")}},n)}))})),e.jsx("div",{className:"double-range-slider-track",ref:de,style:T?{left:"".concat(T.left/(null===(u=le.current)||void 0===u?void 0:u.clientWidth)*100,"%"),width:"".concat(T.width,"px")}:void 0,onMouseOver:function(){"hover"===o&&J?(B("visible"),k("hidden"),D("hidden")):"hover"===o&&(B("hidden"),k("hidden"),D("hidden"))},onMouseOut:function(){("hover"===o&&J||"hover"===o)&&(B("hidden"),k("hidden"),D("hidden"))},onClick:ze}),e.jsx("div",i({className:"double-range-slider-min double-range-slider-ball".concat(pe===ce.current?" double-range-slider-active":""),style:{left:"".concat(j/(null===(l=le.current)||void 0===l?void 0:l.clientWidth)*100,"%")},ref:ce,onMouseOver:function(){"hover"!==o||J?"hover"===o&&J&&(k("hidden"),B("visible")):(k("visible"),B("hidden"))},onMouseOut:function(){"hover"!==o||J?"hover"===o&&J&&(k("hidden"),B("hidden")):(k("hidden"),B("hidden"))},onMouseDown:function(e){we(Y),xe(ce.current),je(j),te(!0),document.addEventListener("mouseup",ke,{once:!0})}},{children:e.jsx("div",i({className:"double-range-slider-tooltip ".concat(a?"double-range-slider-".concat(a):"double-range-slider-over"),style:{visibility:X},ref:re},{children:e.jsx("p",{className:"double-range-slider-min-text-holder double-range-slider-text-holder",dangerouslySetInnerHTML:{__html:w.value}})}))})),e.jsx("div",i({className:"double-range-slider-mid double-range-slider-tooltip ".concat(a?"double-range-slider-".concat(a):"double-range-slider-over"),ref:ie,style:{visibility:A,left:"".concat(F,"%")}},{children:e.jsx("p",{className:"double-range-slider-mid-text-holder double-range-slider-text-holder",dangerouslySetInnerHTML:{__html:w.value===M.value?"".concat(w.value):"".concat(w.value," - ").concat(M.value)}})})),e.jsx("div",i({className:"double-range-slider-max double-range-slider-ball".concat(pe===oe.current?" double-range-slider-active":""),style:{left:"".concat(R/(null===(d=le.current)||void 0===d?void 0:d.clientWidth)*100,"%")},ref:oe,onMouseOver:function(){"hover"!==o||J?"hover"===o&&J&&(D("hidden"),B("visible")):(D("visible"),B("hidden"))},onMouseOut:function(){"hover"!==o||J?"hover"===o&&J&&(D("hidden"),B("hidden")):(D("hidden"),B("hidden"))},onMouseDown:function(e){we(Y),xe(oe.current),je(R),te(!0),document.addEventListener("mouseup",ke,{once:!0})}},{children:e.jsx("div",i({className:"double-range-slider-tooltip ".concat(a?"double-range-slider-".concat(a):"double-range-slider-over"),style:{visibility:q},ref:ue},{children:e.jsx("p",{className:"double-range-slider-max-text-holder double-range-slider-text-holder",dangerouslySetInnerHTML:{__html:M.value}})}))}))]}))};
 //# sourceMappingURL=index.js.map

dist/esm/index.js

@@ -1,2 +0,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import n,{useState as r,useRef as i,useEffect as l}from"react";var u=function(){return u=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},u.apply(this,arguments)},d=function(d){var c,o,a,h=d.hasSteps,s=d.tooltipVisibility,f=d.tooltipPosition,v=d.value,m=d.onChange,g=d.from,p=d.to,b=d.formatter,y=v instanceof Array?v:function(e,t,n){var r=[];if(0===n)throw TypeError("Step cannot be zero.");if(void 0===e||void 0===t)throw TypeError("Must pass start and end arguments.");if(typeof e!=typeof t)throw TypeError("Start and end arguments must be of same type.");if(void 0===n&&(n=1),t<e&&(n=-n),"number"==typeof e)for(;n>0?t>=e:t<=e;)r.push(e),e+=n;else{if("string"!=typeof e||"string"!=typeof t)throw TypeError("Only string and number types are supported");if(1!=e.length||1!=t.length)throw TypeError("Only strings with one character are supported.");for(e=e.charCodeAt(0),t=t.charCodeAt(0);n>0?t>=e:t<=e;)r.push(String.fromCharCode(e)),e+=n}return r}(v.min,v.max,1),x=g?-1===y.indexOf(g)?0:y.indexOf(g):0,w=p?-1===y.indexOf(p)?y.length-1:y.indexOf(p):y.length-1,W=b||function(e){return"".concat(e)},C=r({value:W(y[x]),valueIndex:x}),M=C[0],I=C[1],S=r({value:W(y[w]),valueIndex:w}),N=S[0],O=S[1];s||(s="always");var E=r(null),L=E[0],P=E[1],T=r(null),R=T[0],j=T[1],X=r(null),k=X[0],z=X[1],A=r("always"===s?"visible":"hidden"),B=A[0],D=A[1],K=r("hidden"),F=K[0],V=K[1],q=r("always"===s?"visible":"hidden"),G=q[0],H=q[1],J=r(null),Q=J[0],U=J[1],Y=r(!1),Z=Y[0],$=Y[1],_=r(0),ee=_[0],te=_[1],ne=r(!1),re=ne[0],ie=ne[1],le=i(null),ue=i(null),de=i(null),ce=i(null),oe=i(null),ae=i(null),he=i(null),se=i(null),fe=r(null),ve=fe[0],me=fe[1],ge=r(null),pe=ge[0],be=ge[1],ye=r(null),xe=ye[0],we=ye[1],We=r(null),Ce=We[0],Me=We[1],Ie=r(null),Se=Ie[0],Ne=Ie[1],Oe=r(null),Ee=Oe[0],Le=Oe[1],Pe=r({value:null,action:""}),Te=Pe[0],Re=Pe[1],je=i(!0),Xe=r(0),ke=Xe[0],ze=Xe[1],Ae=n.useRef({min:M.value,max:N.value,minIndex:M.valueIndex,maxIndex:N.valueIndex});function Be(){oe.current&&se.current&&(j(oe.current.clientWidth-se.current.clientWidth/2),Ne(se.current.clientWidth)),he.current&&(me(he.current.clientWidth/-2),P(oe.current.clientWidth/(y.length-1)*Ae.current.minIndex-he.current.clientWidth/2)),se.current&&oe.current&&(be(oe.current.clientWidth-se.current.clientWidth/2),j(oe.current.clientWidth/(y.length-1)*Ae.current.maxIndex-se.current.clientWidth/2));var e=oe.current.clientWidth/(y.length-1)*Ae.current.maxIndex-oe.current.clientWidth/(y.length-1)*Ae.current.minIndex,t=oe.current.clientWidth/(y.length-1)*Ae.current.minIndex;ae.current&&z({width:e,left:t}),de.current&&U((t+e/2-de.current.clientWidth/2)/oe.current.clientWidth*100);var n=window.getComputedStyle(ue.current).transform,r=parseInt(window.getComputedStyle(ue.current).width),i=new WebKitCSSMatrix(n),l=Math.round(10*i.m41)/20/r*100,u=window.getComputedStyle(ce.current).transform,d=parseInt(window.getComputedStyle(ce.current).width),c=new WebKitCSSMatrix(u),o=Math.round(10*c.m41)/20/d*100,a=isFinite(1/(Math.floor((l-o)/10)/10+1))?1/(Math.floor((l-o)/10)/10+1):0;ze(a),ue.current&&ce.current&&ae.current&&$(ue.current.clientWidth/2+ce.current.clientWidth/2>e*a)}function De(){Ae.current&&m(Ae.current),Me(null),ie(!1),"hover"===s&&(D("hidden"),H("hidden"),V("hidden"))}l((function(){return document.addEventListener("mousemove",(function(e){te(e.clientX)})),window.addEventListener("resize",Be),Be(),Re({value:null,action:""}),function(){window.removeEventListener("resize",Be)}}),[]),l((function(){if(!je.current){if(null!==L&&null!==R&&Se&&z({left:L+Se/2,width:R-L}),Se&&k&&de.current&&le.current){var e=k.left+k.width/2-de.current.clientWidth/2;e<=-1*Number(window.getComputedStyle(le.current).marginLeft.replace("px",""))-Se/2?(e=-1*Number(window.getComputedStyle(le.current).marginLeft.replace("px",""))-Se/2,de.current.style.setProperty("--after-left","0"),de.current.style.setProperty("--after-margin-left","".concat(k.left+k.width/2+Se,"px"))):e+de.current.clientWidth>=le.current.clientWidth+Number(window.getComputedStyle(le.current).marginRight.replace("px",""))+Se?(e=le.current.clientWidth+Number(window.getComputedStyle(le.current).marginRight.replace("px",""))-de.current.clientWidth+Se,de.current.style.setProperty("--after-left","0"),de.current.style.setProperty("--after-margin-left","".concat(k.left+k.width/2-e-Se/2,"px"))):(e=k.left+k.width/2-de.current.clientWidth/2,de.current.style.setProperty("--after-left","50%"),de.current.style.setProperty("--after-margin-left","-10px")),U(e/oe.current.clientWidth*100)}Te.value&&Fe(Te.value),ue.current&&ce.current&&ae.current&&$(ue.current.clientWidth/2+ce.current.clientWidth/2>ae.current.clientWidth*ke)}}),[Te]),l((function(){je.current?je.current=!1:(Ae.current={min:M.value,max:N.value,minIndex:M.valueIndex,maxIndex:N.valueIndex},"jumpTo"===Te.action&&m(Ae.current))}),[M.value,N.value]),l((function(){"hover"===s?Z&&re?(V("visible"),D("hidden"),H("hidden")):xe===he.current&&re?(D("visible"),V("hidden"),H("hidden")):xe===se.current&&re?(H("visible"),V("hidden"),D("hidden")):(D("hidden"),H("hidden"),V("hidden")):"always"===s&&(Z?(V("visible"),D("hidden"),H("hidden")):(V("hidden"),D("visible"),H("visible")))}),[Z]),l((function(){if(re&&Ce&&xe&&ve&&pe&&Se&&null!==Ee&&oe.current&&null!==L&&null!==R){var e=(Ee||0)+(ee-Ce),t=Math.round(e/(oe.current.clientWidth/(y.length-1))),n=oe.current.clientWidth/(y.length-1)*t-Se/2;if(h){if(n>=ve&&n<=pe){if(xe===he.current&&n>R)return;if(xe===se.current&&n<L)return;xe===he.current&&P(n),xe===se.current&&j(n)}}else if(e>=ve&&e<=pe){if(xe===he.current&&e>=R)return;if(xe===se.current&&e<=L)return;xe===he.current&&P(e),xe===se.current&&j(e)}Re({value:xe,action:"move"})}}),[ee]);var Ke=function(e){if(he.current&&se.current&&Se&&ve&&pe&&null!==L&&null!==R){var t=Math.abs(e.clientX-he.current.getBoundingClientRect().left)>Math.abs(e.clientX-se.current.getBoundingClientRect().left)?se.current:he.current;Le(t.offsetLeft);var n=t.offsetLeft+(e.clientX-t.getBoundingClientRect().left)-Se/2,r=Math.round(n/(oe.current.clientWidth/(y.length-1))),i=oe.current.clientWidth/(y.length-1)*r-Se/2;if(h){if(i>=ve&&i<=pe){if(t===he.current&&i>R)return;if(t===se.current&&i<L)return;t===he.current&&P(i),t===se.current&&j(i)}}else if(n>=ve&&n<=pe){if(t===he.current&&n>=R)return;if(t===se.current&&n<=L)return;t===he.current&&P(n),t===se.current&&j(n)}Re({value:t,action:"jumpTo"})}},Fe=function(e){if(oe.current&&ae.current&&e&&Se){var t=oe.current.clientWidth/y.length,n=Number(window.getComputedStyle(e).left.replace("px",""));n=(n=n>oe.current.clientWidth?oe.current.clientWidth+Se/2:n+Se/2)<=0?0:n;var r=Math.floor(n/t);r>=y.length&&(r=y.length-1);var i="string"==typeof y[r]?y[r]:y[r].toString();e===he.current&&I({value:W(i),valueIndex:r}),e===se.current&&O({value:W(i),valueIndex:r})}Re(u(u({},Te),{value:null}))};return e("div",u({className:"double-range-slider-container",ref:le},{children:[t("div",u({className:"double-range-slider-rail",ref:oe,onClick:Ke},{children:h&&y.map((function(e,n){return oe.current&&n>0&&n<y.length-1&&t("div",{className:"double-range-slider-step",style:{left:"".concat(oe.current.clientWidth/(y.length-1)*n-2.5,"px")}},n)}))})),t("div",{className:"double-range-slider-track",ref:ae,style:k?{left:"".concat(k.left/(null===(c=oe.current)||void 0===c?void 0:c.clientWidth)*100,"%"),width:"".concat(k.width,"px")}:void 0,onMouseOver:function(){"hover"===s&&Z?(V("visible"),D("hidden"),H("hidden")):"hover"===s&&(V("hidden"),D("hidden"),H("hidden"))},onMouseOut:function(){("hover"===s&&Z||"hover"===s)&&(V("hidden"),D("hidden"),H("hidden"))},onClick:Ke}),t("div",u({className:"double-range-slider-min double-range-slider-ball".concat(xe===he.current?" double-range-slider-active":""),style:{left:"".concat(L/(null===(o=oe.current)||void 0===o?void 0:o.clientWidth)*100,"%")},ref:he,onMouseOver:function(){"hover"!==s||Z?"hover"===s&&Z&&(D("hidden"),V("visible")):(D("visible"),V("hidden"))},onMouseOut:function(){"hover"!==s||Z?"hover"===s&&Z&&(D("hidden"),V("hidden")):(D("hidden"),V("hidden"))},onMouseDown:function(e){Me(ee),we(he.current),Le(L),ie(!0),document.addEventListener("mouseup",De,{once:!0})}},{children:t("div",u({className:"double-range-slider-tooltip ".concat(f?"double-range-slider-".concat(f):"double-range-slider-over"),style:{visibility:B},ref:ue},{children:t("p",u({className:"double-range-slider-min-text-holder double-range-slider-text-holder"},{children:M.value}))}))})),t("div",u({className:"double-range-slider-mid double-range-slider-tooltip ".concat(f?"double-range-slider-".concat(f):"double-range-slider-over"),ref:de,style:{visibility:F,left:"".concat(Q,"%")}},{children:t("p",u({className:"double-range-slider-mid-text-holder double-range-slider-text-holder"},{children:M.value===N.value?"".concat(M.value):"".concat(M.value," - ").concat(N.value)}))})),t("div",u({className:"double-range-slider-max double-range-slider-ball".concat(xe===se.current?" double-range-slider-active":""),style:{left:"".concat(R/(null===(a=oe.current)||void 0===a?void 0:a.clientWidth)*100,"%")},ref:se,onMouseOver:function(){"hover"!==s||Z?"hover"===s&&Z&&(H("hidden"),V("visible")):(H("visible"),V("hidden"))},onMouseOut:function(){"hover"!==s||Z?"hover"===s&&Z&&(H("hidden"),V("hidden")):(H("hidden"),V("hidden"))},onMouseDown:function(e){Me(ee),we(se.current),Le(R),ie(!0),document.addEventListener("mouseup",De,{once:!0})}},{children:t("div",u({className:"double-range-slider-tooltip ".concat(f?"double-range-slider-".concat(f):"double-range-slider-over"),style:{visibility:G},ref:ce},{children:t("p",u({className:"double-range-slider-max-text-holder double-range-slider-text-holder"},{children:N.value}))}))}))]}))};export{d as RangeSlider};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import n,{useState as r,useRef as i,useEffect as l}from"react";var u=function(){return u=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},u.apply(this,arguments)},d=function(d){var c,o,a,h=d.hasSteps,s=d.tooltipVisibility,f=d.tooltipPosition,v=d.value,m=d.onChange,g=d.from,p=d.to,b=d.formatter,y=v instanceof Array?v:function(e,t,n){var r=[];if(0===n)throw TypeError("Step cannot be zero.");if(void 0===e||void 0===t)throw TypeError("Must pass start and end arguments.");if(typeof e!=typeof t)throw TypeError("Start and end arguments must be of same type.");if(void 0===n&&(n=1),t<e&&(n=-n),"number"==typeof e)for(;n>0?t>=e:t<=e;)r.push(e),e+=n;else{if("string"!=typeof e||"string"!=typeof t)throw TypeError("Only string and number types are supported");if(1!=e.length||1!=t.length)throw TypeError("Only strings with one character are supported.");for(e=e.charCodeAt(0),t=t.charCodeAt(0);n>0?t>=e:t<=e;)r.push(String.fromCharCode(e)),e+=n}return r}(v.min,v.max,1),x=g?-1===y.indexOf(g)?0:y.indexOf(g):0,w=p?-1===y.indexOf(p)?y.length-1:y.indexOf(p):y.length-1,W=b||function(e){return"".concat(e)},M=r({value:W(y[x]),valueIndex:x}),I=M[0],C=M[1],S=r({value:W(y[w]),valueIndex:w}),N=S[0],O=S[1];s||(s="always");var L=r(null),E=L[0],T=L[1],P=r(null),R=P[0],_=P[1],j=r(null),X=j[0],k=j[1],z=r("always"===s?"visible":"hidden"),A=z[0],B=z[1],H=r("hidden"),D=H[0],K=H[1],F=r("always"===s?"visible":"hidden"),V=F[0],q=F[1],G=r(null),J=G[0],Q=G[1],U=r(!1),Y=U[0],Z=U[1],$=r(0),ee=$[0],te=$[1],ne=r(!1),re=ne[0],ie=ne[1],le=i(null),ue=i(null),de=i(null),ce=i(null),oe=i(null),ae=i(null),he=i(null),se=i(null),fe=r(null),ve=fe[0],me=fe[1],ge=r(null),pe=ge[0],be=ge[1],ye=r(null),xe=ye[0],we=ye[1],We=r(null),Me=We[0],Ie=We[1],Ce=r(null),Se=Ce[0],Ne=Ce[1],Oe=r(null),Le=Oe[0],Ee=Oe[1],Te=r({value:null,action:""}),Pe=Te[0],Re=Te[1],_e=i(!0),je=r(0),Xe=je[0],ke=je[1],ze=n.useRef({min:I.value,max:N.value,minIndex:I.valueIndex,maxIndex:N.valueIndex});function Ae(){oe.current&&se.current&&(_(oe.current.clientWidth-se.current.clientWidth/2),Ne(se.current.clientWidth)),he.current&&(me(he.current.clientWidth/-2),T(oe.current.clientWidth/(y.length-1)*ze.current.minIndex-he.current.clientWidth/2)),se.current&&oe.current&&(be(oe.current.clientWidth-se.current.clientWidth/2),_(oe.current.clientWidth/(y.length-1)*ze.current.maxIndex-se.current.clientWidth/2));var e=oe.current.clientWidth/(y.length-1)*ze.current.maxIndex-oe.current.clientWidth/(y.length-1)*ze.current.minIndex,t=oe.current.clientWidth/(y.length-1)*ze.current.minIndex;ae.current&&k({width:e,left:t}),de.current&&Q((t+e/2-de.current.clientWidth/2)/oe.current.clientWidth*100);var n=window.getComputedStyle(ue.current).transform,r=parseInt(window.getComputedStyle(ue.current).width),i=new WebKitCSSMatrix(n),l=Math.round(10*i.m41)/20/r*100,u=window.getComputedStyle(ce.current).transform,d=parseInt(window.getComputedStyle(ce.current).width),c=new WebKitCSSMatrix(u),o=Math.round(10*c.m41)/20/d*100,a=isFinite(1/(Math.floor((l-o)/10)/10+1))?1/(Math.floor((l-o)/10)/10+1):0;ke(a),ue.current&&ce.current&&ae.current&&Z(ue.current.clientWidth/2+ce.current.clientWidth/2>e*a)}function Be(){ze.current&&m(ze.current),Ie(null),ie(!1),"hover"===s&&(B("hidden"),q("hidden"),K("hidden"))}l((function(){return document.addEventListener("mousemove",(function(e){te(e.clientX)})),window.addEventListener("resize",Ae),Ae(),Re({value:null,action:""}),function(){window.removeEventListener("resize",Ae)}}),[]),l((function(){if(!_e.current){if(null!==E&&null!==R&&Se&&k({left:E+Se/2,width:R-E}),Se&&X&&de.current&&le.current){var e=X.left+X.width/2-de.current.clientWidth/2;e<=-1*Number(window.getComputedStyle(le.current).marginLeft.replace("px",""))-Se/2?(e=-1*Number(window.getComputedStyle(le.current).marginLeft.replace("px",""))-Se/2,de.current.style.setProperty("--after-left","0"),de.current.style.setProperty("--after-margin-left","".concat(X.left+X.width/2+Se,"px"))):e+de.current.clientWidth>=le.current.clientWidth+Number(window.getComputedStyle(le.current).marginRight.replace("px",""))+Se?(e=le.current.clientWidth+Number(window.getComputedStyle(le.current).marginRight.replace("px",""))-de.current.clientWidth+Se,de.current.style.setProperty("--after-left","0"),de.current.style.setProperty("--after-margin-left","".concat(X.left+X.width/2-e-Se/2,"px"))):(e=X.left+X.width/2-de.current.clientWidth/2,de.current.style.setProperty("--after-left","50%"),de.current.style.setProperty("--after-margin-left","-10px")),Q(e/oe.current.clientWidth*100)}Pe.value&&De(Pe.value),ue.current&&ce.current&&ae.current&&Z(ue.current.clientWidth/2+ce.current.clientWidth/2>ae.current.clientWidth*Xe)}}),[Pe]),l((function(){_e.current?_e.current=!1:(ze.current={min:I.value,max:N.value,minIndex:I.valueIndex,maxIndex:N.valueIndex},"jumpTo"===Pe.action&&m(ze.current))}),[I.value,N.value]),l((function(){"hover"===s?Y&&re?(K("visible"),B("hidden"),q("hidden")):xe===he.current&&re?(B("visible"),K("hidden"),q("hidden")):xe===se.current&&re?(q("visible"),K("hidden"),B("hidden")):(B("hidden"),q("hidden"),K("hidden")):"always"===s&&(Y?(K("visible"),B("hidden"),q("hidden")):(K("hidden"),B("visible"),q("visible")))}),[Y]),l((function(){if(re&&Me&&xe&&ve&&pe&&Se&&null!==Le&&oe.current&&null!==E&&null!==R){var e=(Le||0)+(ee-Me),t=Math.round(e/(oe.current.clientWidth/(y.length-1))),n=oe.current.clientWidth/(y.length-1)*t-Se/2;if(h){if(n>=ve&&n<=pe){if(xe===he.current&&n>R)return;if(xe===se.current&&n<E)return;xe===he.current&&T(n),xe===se.current&&_(n)}}else if(e>=ve&&e<=pe){if(xe===he.current&&e>=R)return;if(xe===se.current&&e<=E)return;xe===he.current&&T(e),xe===se.current&&_(e)}Re({value:xe,action:"move"})}}),[ee]);var He=function(e){if(he.current&&se.current&&Se&&ve&&pe&&null!==E&&null!==R){var t=Math.abs(e.clientX-he.current.getBoundingClientRect().left)>Math.abs(e.clientX-se.current.getBoundingClientRect().left)?se.current:he.current;Ee(t.offsetLeft);var n=t.offsetLeft+(e.clientX-t.getBoundingClientRect().left)-Se/2,r=Math.round(n/(oe.current.clientWidth/(y.length-1))),i=oe.current.clientWidth/(y.length-1)*r-Se/2;if(h){if(i>=ve&&i<=pe){if(t===he.current&&i>R)return;if(t===se.current&&i<E)return;t===he.current&&T(i),t===se.current&&_(i)}}else if(n>=ve&&n<=pe){if(t===he.current&&n>=R)return;if(t===se.current&&n<=E)return;t===he.current&&T(n),t===se.current&&_(n)}Re({value:t,action:"jumpTo"})}},De=function(e){if(oe.current&&ae.current&&e&&Se){var t=oe.current.clientWidth/y.length,n=Number(window.getComputedStyle(e).left.replace("px",""));n=(n=n>oe.current.clientWidth?oe.current.clientWidth+Se/2:n+Se/2)<=0?0:n;var r=Math.floor(n/t);r>=y.length&&(r=y.length-1);var i="string"==typeof y[r]?y[r]:y[r].toString();e===he.current&&C({value:W(i),valueIndex:r}),e===se.current&&O({value:W(i),valueIndex:r})}Re(u(u({},Pe),{value:null}))};return e("div",u({className:"double-range-slider-container",ref:le},{children:[t("div",u({className:"double-range-slider-rail",ref:oe,onClick:He},{children:h&&y.map((function(e,n){return oe.current&&n>0&&n<y.length-1&&t("div",{className:"double-range-slider-step",style:{left:"".concat(oe.current.clientWidth/(y.length-1)*n-2.5,"px")}},n)}))})),t("div",{className:"double-range-slider-track",ref:ae,style:X?{left:"".concat(X.left/(null===(c=oe.current)||void 0===c?void 0:c.clientWidth)*100,"%"),width:"".concat(X.width,"px")}:void 0,onMouseOver:function(){"hover"===s&&Y?(K("visible"),B("hidden"),q("hidden")):"hover"===s&&(K("hidden"),B("hidden"),q("hidden"))},onMouseOut:function(){("hover"===s&&Y||"hover"===s)&&(K("hidden"),B("hidden"),q("hidden"))},onClick:He}),t("div",u({className:"double-range-slider-min double-range-slider-ball".concat(xe===he.current?" double-range-slider-active":""),style:{left:"".concat(E/(null===(o=oe.current)||void 0===o?void 0:o.clientWidth)*100,"%")},ref:he,onMouseOver:function(){"hover"!==s||Y?"hover"===s&&Y&&(B("hidden"),K("visible")):(B("visible"),K("hidden"))},onMouseOut:function(){"hover"!==s||Y?"hover"===s&&Y&&(B("hidden"),K("hidden")):(B("hidden"),K("hidden"))},onMouseDown:function(e){Ie(ee),we(he.current),Ee(E),ie(!0),document.addEventListener("mouseup",Be,{once:!0})}},{children:t("div",u({className:"double-range-slider-tooltip ".concat(f?"double-range-slider-".concat(f):"double-range-slider-over"),style:{visibility:A},ref:ue},{children:t("p",{className:"double-range-slider-min-text-holder double-range-slider-text-holder",dangerouslySetInnerHTML:{__html:I.value}})}))})),t("div",u({className:"double-range-slider-mid double-range-slider-tooltip ".concat(f?"double-range-slider-".concat(f):"double-range-slider-over"),ref:de,style:{visibility:D,left:"".concat(J,"%")}},{children:t("p",{className:"double-range-slider-mid-text-holder double-range-slider-text-holder",dangerouslySetInnerHTML:{__html:I.value===N.value?"".concat(I.value):"".concat(I.value," - ").concat(N.value)}})})),t("div",u({className:"double-range-slider-max double-range-slider-ball".concat(xe===se.current?" double-range-slider-active":""),style:{left:"".concat(R/(null===(a=oe.current)||void 0===a?void 0:a.clientWidth)*100,"%")},ref:se,onMouseOver:function(){"hover"!==s||Y?"hover"===s&&Y&&(q("hidden"),K("visible")):(q("visible"),K("hidden"))},onMouseOut:function(){"hover"!==s||Y?"hover"===s&&Y&&(q("hidden"),K("hidden")):(q("hidden"),K("hidden"))},onMouseDown:function(e){Ie(ee),we(se.current),Ee(R),ie(!0),document.addEventListener("mouseup",Be,{once:!0})}},{children:t("div",u({className:"double-range-slider-tooltip ".concat(f?"double-range-slider-".concat(f):"double-range-slider-over"),style:{visibility:V},ref:ce},{children:t("p",{className:"double-range-slider-max-text-holder double-range-slider-text-holder",dangerouslySetInnerHTML:{__html:N.value}})}))}))]}))};export{d as RangeSlider};
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "react-double-range-slider",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "Range slider component for React 18",
@@ -5,0 +5,0 @@ "main": "dist/cjs/index.js",

No alert changes

Improved metrics

Total package byte prevSize

100849

increased by0.24%

Lines of code

378

increased by0.27%

No dependency changes