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

Comparing version 2.1.1 to 2.2.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 r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(t),i=function(){return i=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},i.apply(this,arguments)};exports.RangeSlider=function(r){var l,u,c,d=r.hasSteps,o=r.tooltipVisibility,a=r.tooltipPosition,s=r.value,h=r.onChange,f=r.from,v=r.to,g=r.formatter,p=s instanceof Array?s:function(e,t,r){var n=[];if(0===r)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===r&&(r=1),t<e&&(r=-r),"number"==typeof e)for(;r>0?t>=e:t<=e;)n.push(e),e+=r;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);r>0?t>=e:t<=e;)n.push(String.fromCharCode(e)),e+=r}return n}(s.min,s.max,1),m=f?-1===p.indexOf(f)?0:p.indexOf(f):0,b=v?-1===p.indexOf(v)?p.length-1:p.indexOf(v):p.length-1,y=g||function(e){return"".concat(e)},x=t.useState({value:y(p[m]),valueIndex:m}),w=x[0],W=x[1],S=t.useState({value:y(p[b]),valueIndex:b}),C=S[0],M=S[1];o||(o="always");var j=t.useState(null),N=j[0],O=j[1],R=t.useState(null),E=R[0],I=R[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],re=t.useRef(null),ne=t.useRef(null),ie=t.useRef(null),le=t.useRef(null),ue=t.useRef(null),ce=t.useRef(null),de=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],pe=t.useState(null),me=pe[0],be=pe[1],ye=t.useState(null),xe=ye[0],we=ye[1],We=t.useState(null),Se=We[0],Ce=We[1],Me=t.useState(null),je=Me[0],Ne=Me[1],Oe=t.useState({value:null,action:""}),Re=Oe[0],Ee=Oe[1],Ie=t.useRef(!0),Le=t.useState(0),Pe=Le[0],Te=Le[1],Xe=n.default.useRef(null);function ke(){ue.current&&oe.current&&(I(ue.current.clientWidth-oe.current.clientWidth/2),Ce(oe.current.clientWidth)),de.current&&(he(de.current.clientWidth/-2),O(ue.current.clientWidth/(p.length-1)*m-de.current.clientWidth/2)),oe.current&&ce.current&&(ge(ce.current.clientWidth-oe.current.clientWidth/2),I(ue.current.clientWidth/(p.length-1)*b-oe.current.clientWidth/2));var e=ue.current.clientWidth/(p.length-1)*b-ue.current.clientWidth/(p.length-1)*m,t=ue.current.clientWidth/(p.length-1)*m;ce.current&&T({width:e,left:t}),ie.current&&G((t+e/2-ie.current.clientWidth/2)/ue.current.clientWidth*100);var r=window.getComputedStyle(ne.current).transform,n=parseInt(window.getComputedStyle(ne.current).width),i=new WebKitCSSMatrix(r),l=Math.round(10*i.m41)/20/n*100,u=window.getComputedStyle(le.current).transform,c=parseInt(window.getComputedStyle(le.current).width),d=new WebKitCSSMatrix(u),o=Math.round(10*d.m41)/20/c*100;Te(isFinite(1/(Math.floor((l-o)/10)/10+1))?1/(Math.floor((l-o)/10)/10+1):0),ne.current&&le.current&&ce.current&&Q(ne.current.clientWidth/2+le.current.clientWidth/2>e*Pe)}function ze(){Xe.current&&h(Xe.current),we(null),te(!1),"hover"===o&&(z("hidden"),_("hidden"),q("hidden"))}function Ae(){ke()}t.useEffect((function(){return document.addEventListener("mousemove",(function(e){Z(e.clientX)})),window.addEventListener("resize",Ae),ke(),Ee({value:null,action:""}),function(){window.removeEventListener("resize",Ae)}}),[]),t.useEffect((function(){if(!Ie.current){if(null!==N&&null!==E&&Se&&T({left:N+Se/2,width:E-N}),Se&&P&&ie.current&&re.current){var e=P.left+P.width/2-ie.current.clientWidth/2;e<=-1*Number(window.getComputedStyle(re.current).marginLeft.replace("px",""))-Se/2?(e=-1*Number(window.getComputedStyle(re.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>=re.current.clientWidth+Number(window.getComputedStyle(re.current).marginRight.replace("px",""))+Se?(e=re.current.clientWidth+Number(window.getComputedStyle(re.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/ue.current.clientWidth*100)}Re.value&&qe(Re.value),ne.current&&le.current&&ce.current&&Q(ne.current.clientWidth/2+le.current.clientWidth/2>ce.current.clientWidth*Pe)}}),[Re]),t.useEffect((function(){Ie.current?Ie.current=!1:(Xe.current={min:w.value,max:C.value,minIndex:w.valueIndex,maxIndex:C.valueIndex},"jumpTo"===Re.action&&h(Xe.current))}),[w.value,C.value]),t.useEffect((function(){"hover"===o?J&&ee?(q("visible"),z("hidden"),_("hidden")):me===de.current&&ee?(z("visible"),q("hidden"),_("hidden")):me===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&&xe&&me&&se&&ve&&Se&&null!==je&&ue.current&&null!==N&&null!==E){var e=(je||0)+(Y-xe),t=Math.round(e/(ue.current.clientWidth/(p.length-1))),r=ue.current.clientWidth/(p.length-1)*t-Se/2;if(d){if(r>=se&&r<=ve){if(me===de.current&&r>E)return;if(me===oe.current&&r<N)return;me===de.current&&O(r),me===oe.current&&I(r)}}else if(e>=se&&e<=ve){if(me===de.current&&e>=E)return;if(me===oe.current&&e<=N)return;me===de.current&&O(e),me===oe.current&&I(e)}Ee({value:me,action:"move"})}}),[Y]);var Be=function(e){if(de.current&&oe.current&&Se&&se&&ve&&null!==N&&null!==E){var t=Math.abs(e.clientX-de.current.getBoundingClientRect().left)>Math.abs(e.clientX-oe.current.getBoundingClientRect().left)?oe.current:de.current;Ne(t.offsetLeft);var r=t.offsetLeft+(e.clientX-t.getBoundingClientRect().left)-Se/2,n=Math.round(r/(ue.current.clientWidth/(p.length-1))),i=ue.current.clientWidth/(p.length-1)*n-Se/2;if(d){if(i>=se&&i<=ve){if(t===de.current&&i>E)return;if(t===oe.current&&i<N)return;t===de.current&&O(i),t===oe.current&&I(i)}}else if(r>=se&&r<=ve){if(t===de.current&&r>=E)return;if(t===oe.current&&r<=N)return;t===de.current&&O(r),t===oe.current&&I(r)}Ee({value:t,action:"jumpTo"})}},qe=function(e){if(ue.current&&ce.current&&e&&Se){var t=ue.current.clientWidth/p.length,r=Number(window.getComputedStyle(e).left.replace("px",""));r=(r=r>ue.current.clientWidth?ue.current.clientWidth+Se/2:r+Se/2)<=0?0:r;var n=Math.floor(r/t);n>=p.length&&(n=p.length-1);var l="string"==typeof p[n]?p[n]:p[n].toString();e===de.current&&W({value:y(l),valueIndex:n}),e===oe.current&&M({value:y(l),valueIndex:n})}Ee(i(i({},Re),{value:null}))};return e.jsxs("div",i({className:"double-range-slider-container",ref:re},{children:[e.jsx("div",i({className:"double-range-slider-rail",ref:ue,onClick:Be},{children:d&&p.map((function(t,r){return ue.current&&r>0&&r<p.length-1&&e.jsx("div",{className:"double-range-slider-step",style:{left:"".concat(ue.current.clientWidth/(p.length-1)*r-2.5,"px")}},r)}))})),e.jsx("div",{className:"double-range-slider-track",ref:ce,style:P?{left:"".concat(P.left/(null===(l=ue.current)||void 0===l?void 0:l.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:Be}),e.jsx("div",i({className:"double-range-slider-min double-range-slider-ball".concat(me===de.current?" double-range-slider-active":""),style:{left:"".concat(N/(null===(u=ue.current)||void 0===u?void 0:u.clientWidth)*100,"%")},ref:de,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),be(de.current),Ne(N),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:ne},{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(me===oe.current?" double-range-slider-active":""),style:{left:"".concat(E/(null===(c=ue.current)||void 0===c?void 0:c.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),be(oe.current),Ne(E),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:le},{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],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}))}))}))]}))};
 //# sourceMappingURL=index.js.map

dist/esm/index.js

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

package.json

 {
   "name": "react-double-range-slider",
-  "version": "2.1.1",
+  "version": "2.2.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

100609

increased by0.52%

No dependency changes