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

Comparing version 2.3.2 to 3.0.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,d,c=r.hasSteps,o=r.tooltipVisibility,a=r.tooltipPosition,s=r.value,h=r.onChange,f=r.from,v=r.to,g=r.formatter,m=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),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 j=t.useState(null),C=j[0],N=j[1],O=t.useState(null),R=O[0],E=O[1],L=t.useState(null),T=L[0],_=L[1],P=t.useState("always"===o?"visible":"hidden"),H=P[0],X=P[1],k=t.useState("hidden"),z=k[0],A=k[1],B=t.useState("always"===o?"visible":"hidden"),q=B[0],D=B[1],F=t.useState(null),K=F[0],V=F[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],re=t.useRef(null),ne=t.useRef(null),ie=t.useRef(null),le=t.useRef(null),ue=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),je=Ie[0],Ce=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],_e=Le[1],Pe=n.default.useRef({min:w.value,max:M.value,minIndex:w.valueIndex,maxIndex:M.valueIndex});function He(){ue.current&&oe.current&&(E(ue.current.clientWidth-oe.current.clientWidth/2),Me(oe.current.clientWidth)),ce.current&&(he(ce.current.clientWidth/-2),N(ue.current.clientWidth/(m.length-1)*Pe.current.minIndex-ce.current.clientWidth/2)),oe.current&&ue.current&&(ge(ue.current.clientWidth-oe.current.clientWidth/2),E(ue.current.clientWidth/(m.length-1)*Pe.current.maxIndex-oe.current.clientWidth/2));var e=ue.current.clientWidth/(m.length-1)*Pe.current.maxIndex-ue.current.clientWidth/(m.length-1)*Pe.current.minIndex,t=ue.current.clientWidth/(m.length-1)*Pe.current.minIndex;de.current&&_({width:e,left:t}),ie.current&&V((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,d=parseInt(window.getComputedStyle(le.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;_e(a),ne.current&&le.current&&de.current&&Q(ne.current.clientWidth/2+le.current.clientWidth/2>e*a)}function Xe(){Pe.current&&h(Pe.current),we(null),te(!1),"hover"===o&&(X("hidden"),D("hidden"),A("hidden"))}t.useEffect((function(){return document.addEventListener("mousemove",(function(e){Z(e.clientX)})),window.addEventListener("resize",He),He(),Re({value:null,action:""}),function(){window.removeEventListener("resize",He)}}),[]),t.useEffect((function(){if(!Ee.current){if(null!==C&&null!==R&&We&&_({left:C+We/2,width:R-C}),We&&T&&ie.current&&re.current){var e=T.left+T.width/2-ie.current.clientWidth/2;e<=-1*Number(window.getComputedStyle(re.current).marginLeft.replace("px",""))-We/2?(e=-1*Number(window.getComputedStyle(re.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>=re.current.clientWidth+Number(window.getComputedStyle(re.current).marginRight.replace("px",""))+We?(e=re.current.clientWidth+Number(window.getComputedStyle(re.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/ue.current.clientWidth*100)}Oe.value&&ze(Oe.value),ne.current&&le.current&&de.current&&Q(ne.current.clientWidth/2+le.current.clientWidth/2>de.current.clientWidth*Te)}}),[Oe]),t.useEffect((function(){Ee.current?Ee.current=!1:(Pe.current={min:w.value,max:M.value,minIndex:w.valueIndex,maxIndex:M.valueIndex},"jumpTo"===Oe.action&&h(Pe.current))}),[w.value,M.value]),t.useEffect((function(){"hover"===o?J&&ee?(A("visible"),X("hidden"),D("hidden")):pe===ce.current&&ee?(X("visible"),A("hidden"),D("hidden")):pe===oe.current&&ee?(D("visible"),A("hidden"),X("hidden")):(X("hidden"),D("hidden"),A("hidden")):"always"===o&&(J?(A("visible"),X("hidden"),D("hidden")):(A("hidden"),X("visible"),D("visible")))}),[J]),t.useEffect((function(){if(ee&&ye&&pe&&se&&ve&&We&&null!==je&&ue.current&&null!==C&&null!==R){var e=(je||0)+(Y-ye),t=Math.round(e/(ue.current.clientWidth/(m.length-1))),r=ue.current.clientWidth/(m.length-1)*t-We/2;if(c){if(r>=se&&r<=ve){if(pe===ce.current&&r>R)return;if(pe===oe.current&&r<C)return;pe===ce.current&&N(r),pe===oe.current&&E(r)}}else if(e>=se&&e<=ve){if(pe===ce.current&&e>=R)return;if(pe===oe.current&&e<=C)return;pe===ce.current&&N(e),pe===oe.current&&E(e)}Re({value:pe,action:"move"})}}),[Y]);var ke=function(e){if(ce.current&&oe.current&&We&&se&&ve&&null!==C&&null!==R){var t=Math.abs(e.clientX-ce.current.getBoundingClientRect().left)>Math.abs(e.clientX-oe.current.getBoundingClientRect().left)?oe.current:ce.current;Ce(t.offsetLeft);var r=t.offsetLeft+(e.clientX-t.getBoundingClientRect().left)-We/2,n=Math.round(r/(ue.current.clientWidth/(m.length-1))),i=ue.current.clientWidth/(m.length-1)*n-We/2;if(c){if(i>=se&&i<=ve){if(t===ce.current&&i>R)return;if(t===oe.current&&i<C)return;t===ce.current&&N(i),t===oe.current&&E(i)}}else if(r>=se&&r<=ve){if(t===ce.current&&r>=R)return;if(t===oe.current&&r<=C)return;t===ce.current&&N(r),t===oe.current&&E(r)}Re({value:t,action:"jumpTo"})}},ze=function(e){if(ue.current&&de.current&&e&&We){var t=ue.current.clientWidth/m.length,r=Number(window.getComputedStyle(e).left.replace("px",""));r=(r=r>ue.current.clientWidth?ue.current.clientWidth+We/2:r+We/2)<=0?0:r;var n=Math.floor(r/t);n>=m.length&&(n=m.length-1);var l="string"==typeof m[n]?m[n]:m[n].toString();e===ce.current&&S({value:b(l),valueIndex:n}),e===oe.current&&I({value:b(l),valueIndex:n})}Re(i(i({},Oe),{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:ke},{children:c&&m.map((function(t,r){return ue.current&&r>0&&r<m.length-1&&e.jsx("div",{className:"double-range-slider-step",style:{left:"".concat(ue.current.clientWidth/(m.length-1)*r-2.5,"px")}},r)}))})),e.jsx("div",{className:"double-range-slider-track",ref:de,style:T?{left:"".concat(T.left/(null===(l=ue.current)||void 0===l?void 0:l.clientWidth)*100,"%"),width:"".concat(T.width,"px")}:void 0,onMouseOver:function(){"hover"===o&&J?(A("visible"),X("hidden"),D("hidden")):"hover"===o&&(A("hidden"),X("hidden"),D("hidden"))},onMouseOut:function(){("hover"===o&&J||"hover"===o)&&(A("hidden"),X("hidden"),D("hidden"))},onClick:ke}),e.jsx("div",i({className:"double-range-slider-min double-range-slider-ball".concat(pe===ce.current?" double-range-slider-active":""),style:{left:"".concat(C/(null===(u=ue.current)||void 0===u?void 0:u.clientWidth)*100,"%")},ref:ce,onMouseOver:function(){"hover"!==o||J?"hover"===o&&J&&(X("hidden"),A("visible")):(X("visible"),A("hidden"))},onMouseOut:function(){"hover"!==o||J?"hover"===o&&J&&(X("hidden"),A("hidden")):(X("hidden"),A("hidden"))},onMouseDown:function(e){we(Y),xe(ce.current),Ce(C),te(!0),document.addEventListener("mouseup",Xe,{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:H},ref:ne},{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:z,left:"".concat(K,"%")}},{children:w.value===M.value?e.jsx("p",{className:"double-range-slider-mid-text-holder double-range-slider-text-holder",dangerouslySetInnerHTML:{__html:w.value}}):e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"double-range-slider-mid-text-holder double-range-slider-text-holder",dangerouslySetInnerHTML:{__html:w.value}}),e.jsx("p",i({className:"double-range-slider-mid-text-holder double-range-slider-text-holder"},{children:" – "})),e.jsx("p",{className:"double-range-slider-mid-text-holder double-range-slider-text-holder",dangerouslySetInnerHTML:{__html: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=ue.current)||void 0===d?void 0:d.clientWidth)*100,"%")},ref:oe,onMouseOver:function(){"hover"!==o||J?"hover"===o&&J&&(D("hidden"),A("visible")):(D("visible"),A("hidden"))},onMouseOut:function(){"hover"!==o||J?"hover"===o&&J&&(D("hidden"),A("hidden")):(D("hidden"),A("hidden"))},onMouseDown:function(e){we(Y),xe(oe.current),Ce(R),te(!0),document.addEventListener("mouseup",Xe,{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:le},{children:e.jsx("p",{className:"double-range-slider-max-text-holder double-range-slider-text-holder",dangerouslySetInnerHTML:{__html:M.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 l,u,d,c=n.hasSteps,o=n.tooltipVisibility,a=n.tooltipPosition,s=n.value,h=n.onChange,f=n.from,v=n.to,m=n.formatter,g=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===g.indexOf(f)?0:g.indexOf(f):0,x=v?-1===g.indexOf(v)?g.length-1:g.indexOf(v):g.length-1,b=m||function(e){return"".concat(e)},y=t.useState({value:g[p].toString(),valueIndex:p}),w=y[0],S=y[1],W=t.useState({value:g[x].toString(),valueIndex:x}),I=W[0],M=W[1];o||(o="always");var j=t.useState(null),E=j[0],N=j[1],C=t.useState(null),L=C[0],O=C[1],R=t.useState(null),T=R[0],P=R[1],_=t.useState("always"===o?"visible":"hidden"),X=_[0],H=_[1],D=t.useState("hidden"),z=D[0],A=D[1],B=t.useState("always"===o?"visible":"hidden"),q=B[0],F=B[1],K=t.useState(null),k=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),le=t.useRef(null),ue=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],me=fe[1],ge=t.useState(null),pe=ge[0],xe=ge[1],be=t.useState(null),ye=be[0],we=be[1],Se=t.useState(null),We=Se[0],Ie=Se[1],Me=t.useState(null),je=Me[0],Ee=Me[1],Ne=t.useState({value:null,action:""}),Ce=Ne[0],Le=Ne[1],Oe=t.useRef(!0),Re=t.useState(0),Te=Re[0],Pe=Re[1],_e=r.default.useRef({min:w.value,max:I.value,minIndex:w.valueIndex,maxIndex:I.valueIndex});function Xe(){ue.current&&oe.current&&(O(ue.current.clientWidth-oe.current.clientWidth/2),Ie(oe.current.clientWidth)),ce.current&&(he(ce.current.clientWidth/-2),N(ue.current.clientWidth/(g.length-1)*_e.current.minIndex-ce.current.clientWidth/2)),oe.current&&ue.current&&(me(ue.current.clientWidth-oe.current.clientWidth/2),O(ue.current.clientWidth/(g.length-1)*_e.current.maxIndex-oe.current.clientWidth/2));var e=ue.current.clientWidth/(g.length-1)*_e.current.maxIndex-ue.current.clientWidth/(g.length-1)*_e.current.minIndex,t=ue.current.clientWidth/(g.length-1)*_e.current.minIndex;de.current&&P({width:e,left:t}),ie.current&&V((t+e/2-ie.current.clientWidth/2)/ue.current.clientWidth*100);var n=window.getComputedStyle(re.current).transform,r=parseInt(window.getComputedStyle(re.current).width),i=new WebKitCSSMatrix(n),l=Math.round(10*i.m41)/20/r*100,u=window.getComputedStyle(le.current).transform,d=parseInt(window.getComputedStyle(le.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;Pe(a),re.current&&le.current&&de.current&&Q(re.current.clientWidth/2+le.current.clientWidth/2>e*a)}function He(){_e.current&&h(_e.current),we(null),te(!1),document.documentElement.style.overflow="visible","hover"===o&&(H("hidden"),F("hidden"),A("hidden"))}var De=function(e){Z(e.clientX)},ze=function(e){Z(e.touches[0].clientX)};t.useEffect((function(){return document.addEventListener("mousemove",De),document.addEventListener("touchmove",ze),window.addEventListener("resize",Xe),Xe(),Le({value:null,action:""}),function(){document.removeEventListener("mousemove",De),document.removeEventListener("touchmove",ze),window.removeEventListener("resize",Xe)}}),[]),t.useEffect((function(){if(!Oe.current){if(null!==E&&null!==L&&We&&P({left:E+We/2,width:L-E}),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/ue.current.clientWidth*100)}Ce.value&&Be(Ce.value),re.current&&le.current&&de.current&&Q(re.current.clientWidth/2+le.current.clientWidth/2>de.current.clientWidth*Te)}}),[Ce]),t.useEffect((function(){Oe.current?Oe.current=!1:(_e.current={min:w.value,max:I.value,minIndex:w.valueIndex,maxIndex:I.valueIndex},"jumpTo"===Ce.action&&h(_e.current))}),[w.value,I.value]),t.useEffect((function(){"hover"===o?J&&ee?(A("visible"),H("hidden"),F("hidden")):pe===ce.current&&ee?(H("visible"),A("hidden"),F("hidden")):pe===oe.current&&ee?(F("visible"),A("hidden"),H("hidden")):(H("hidden"),F("hidden"),A("hidden")):"always"===o&&(J?(A("visible"),H("hidden"),F("hidden")):(A("hidden"),H("visible"),F("visible")))}),[J]),t.useEffect((function(){if(ee&&ye&&pe&&se&&ve&&We&&null!==je&&ue.current&&null!==E&&null!==L){var e=(je||0)+(Y-ye),t=Math.round(e/(ue.current.clientWidth/(g.length-1))),n=ue.current.clientWidth/(g.length-1)*t-We/2;if(c){if(n>=se&&n<=ve){if(pe===ce.current&&n>L)return;if(pe===oe.current&&n<E)return;pe===ce.current&&N(n),pe===oe.current&&O(n)}}else if(e>=se&&e<=ve){if(pe===ce.current&&e>=L)return;if(pe===oe.current&&e<=E)return;pe===ce.current&&N(e),pe===oe.current&&O(e)}Le({value:pe,action:"move"})}}),[Y]);var Ae=function(e){if(ce.current&&oe.current&&We&&se&&ve&&null!==E&&null!==L){var t=Math.abs(e.clientX-ce.current.getBoundingClientRect().left)>Math.abs(e.clientX-oe.current.getBoundingClientRect().left)?oe.current:ce.current;Ee(t.offsetLeft);var n=t.offsetLeft+(e.clientX-t.getBoundingClientRect().left)-We/2,r=Math.round(n/(ue.current.clientWidth/(g.length-1))),i=ue.current.clientWidth/(g.length-1)*r-We/2;if(c){if(i>=se&&i<=ve){if(t===ce.current&&i>L)return;if(t===oe.current&&i<E)return;t===ce.current&&N(i),t===oe.current&&O(i)}}else if(n>=se&&n<=ve){if(t===ce.current&&n>=L)return;if(t===oe.current&&n<=E)return;t===ce.current&&N(n),t===oe.current&&O(n)}Le({value:t,action:"jumpTo"})}},Be=function(e){if(ue.current&&de.current&&e&&We){var t=ue.current.clientWidth/g.length,n=Number(window.getComputedStyle(e).left.replace("px",""));n=(n=n>ue.current.clientWidth?ue.current.clientWidth+We/2:n+We/2)<=0?0:n;var r=Math.floor(n/t);r>=g.length&&(r=g.length-1);var l="string"==typeof g[r]?g[r]:g[r].toString();e===ce.current&&S({value:l.toString(),valueIndex:r}),e===oe.current&&M({value:l.toString(),valueIndex:r})}Le(i(i({},Ce),{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:ue,onPointerDown:Ae},{children:c&&g.map((function(t,n){return ue.current&&n>0&&n<g.length-1&&e.jsx("div",{className:"double-range-slider-step",style:{left:"".concat(ue.current.clientWidth/(g.length-1)*n-2.5,"px")}},n)}))})),e.jsx("div",{className:"double-range-slider-track",ref:de,style:T?{left:"".concat(T.left/(null===(l=ue.current)||void 0===l?void 0:l.clientWidth)*100,"%"),width:"".concat(T.width,"px")}:void 0,onMouseOver:function(){"hover"===o&&J?(A("visible"),H("hidden"),F("hidden")):"hover"===o&&(A("hidden"),H("hidden"),F("hidden"))},onMouseOut:function(){("hover"===o&&J||"hover"===o)&&(A("hidden"),H("hidden"),F("hidden"))},onPointerDown: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(E/(null===(u=ue.current)||void 0===u?void 0:u.clientWidth)*100,"%")},ref:ce,onMouseOver:function(){"hover"!==o||J?"hover"===o&&J&&(H("hidden"),A("visible")):(H("visible"),A("hidden"))},onMouseOut:function(){"hover"!==o||J?"hover"===o&&J&&(H("hidden"),A("hidden")):(H("hidden"),A("hidden"))},onPointerDown:function(e){we(e.clientX),xe(ce.current),Ee(E),te(!0),document.documentElement.style.overflow="hidden","touch"===e.pointerType?document.addEventListener("touchend",He,{once:!0}):document.addEventListener("pointerup",He,{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:b(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:z,left:"".concat(k,"%")}},{children:w.value===I.value?e.jsx("p",{className:"double-range-slider-mid-text-holder double-range-slider-text-holder",dangerouslySetInnerHTML:{__html:b(w.value)}}):e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"double-range-slider-mid-text-holder double-range-slider-text-holder",dangerouslySetInnerHTML:{__html:b(w.value)}}),e.jsx("p",i({className:"double-range-slider-mid-text-holder double-range-slider-text-holder"},{children:" – "})),e.jsx("p",{className:"double-range-slider-mid-text-holder double-range-slider-text-holder",dangerouslySetInnerHTML:{__html:b(I.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(L/(null===(d=ue.current)||void 0===d?void 0:d.clientWidth)*100,"%")},ref:oe,onMouseOver:function(){"hover"!==o||J?"hover"===o&&J&&(F("hidden"),A("visible")):(F("visible"),A("hidden"))},onMouseOut:function(){"hover"!==o||J?"hover"===o&&J&&(F("hidden"),A("hidden")):(F("hidden"),A("hidden"))},onPointerDown:function(e){we(e.clientX),xe(oe.current),Ee(L),te(!0),document.documentElement.style.overflow="hidden","touch"===e.pointerType?document.addEventListener("touchend",He,{once:!0}):document.addEventListener("pointerup",He,{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:le},{children:e.jsx("p",{className:"double-range-slider-max-text-holder double-range-slider-text-holder",dangerouslySetInnerHTML:{__html:b(I.value)}})}))}))]}))};
 //# sourceMappingURL=index.js.map

dist/esm/index.js

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

package.json

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

103980

increased by2.08%

Lines of code

385

increased by1.05%

No dependency changes