range-slider-input - npm Package Compare versions

Comparing version 2.2.1 to 2.3.0

CHANGELOG.md

@@ -0,1 +1,4 @@
+### v2.3.x
+Added a return value property: [`removeGlobalEventListeners()`](https://github.com/n3r4zzurr0/range-slider-input#removeglobaleventlisteners)
+
 ### v2.2.x
@@ -2,0 +5,0 @@ Added a return value property: [`currentValueIndex()`](https://github.com/n3r4zzurr0/range-slider-input#currentvalueindex)

dist/rangeslider.umd.min.js

@@ -1,1 +0,1 @@
-!function(a){"object"==typeof exports&&"undefined"!=typeof module?module.exports=a():"function"==typeof define&&define.amd?define([],a):("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this).rangeSlider=a()}(function(){return(function d(e,f,b){function c(a,k){if(!f[a]){if(!e[a]){var i="function"==typeof require&&require;if(!k&&i)return i(a,!0);if(g)return g(a,!0);var j=new Error("Cannot find module '"+a+"'");throw j.code="MODULE_NOT_FOUND",j}var h=f[a]={exports:{}};e[a][0].call(h.exports,function(b){return c(e[a][1][b]||b)},h,h.exports,d,e,f,b)}return f[a].exports}for(var g="function"==typeof require&&require,a=0;a<b.length;a++)c(b[a]);return c})({1:[function(b,a,c){a.exports=(c,b={})=>{let v=a=>!isNaN(a)&& +a+""==a+"",d=(a=0,b=0)=>({min:a,max:b}),w=a=>{[U,V].forEach(a)},x=(a,b,c)=>{if(a)return b;c()},y=(a,b,c="")=>{a.setAttribute(b,c)},z=(a,b)=>{a.removeAttribute(b)},e=(a,b,c,d=!0)=>{a.addEventListener(b,c,d?{passive:!1,capture:!0}:{})},a=(a,c)=>{b[a]=({}).hasOwnProperty.call(b,a)?b[a]:c},A=(a,c)=>b.orientation===X?a:c,B=a=>1===a?ab.max:ab.min,i=()=>{let a=!1;v(b.min)&&v(b.max)||(a=!0),b.min=a?1:+b.min,b.max=a?1:+b.max},j=()=>{b.thumbsDisabled instanceof Array?(1===b.thumbsDisabled.length&&b.thumbsDisabled.push(!1),1!==b.thumbsDisabled.length&&2!==b.thumbsDisabled.length&&(b.thumbsDisabled=[!1,!1])):b.thumbsDisabled=[b.thumbsDisabled,b.thumbsDisabled],b.thumbsDisabled[0]=!!b.thumbsDisabled[0],b.thumbsDisabled[1]=!!b.thumbsDisabled[1]},k=(a,c=!1,g=!0)=>{let e=d(ak[ab.min].value,ak[ab.max].value);a=a||e,ak[ab.min].value=a.min,ak[ab.max].value=ai||c?a.max:a.min+ag,C(),aa.min>aa.max&&(ab.min=+!ab.min,ab.max=+!ab.max,z(u[ab.min],r),z(u[ab.max],q),y(u[ab.min],q),y(u[ab.max],r),ai&&(ai=ai===U?V:U),C()),af=c?aa:a;let f=!1;(e.min!==ak[ab.min].value||c)&&(f=!0),(e.max!==ak[ab.max].value||c)&&(f=!0),f&&(g&&b.onInput&&b.onInput([aa.min,aa.max]),H(),D(),E(),F())},C=()=>{w(a=>{aa[a]=+ak[ab[a]].value})},D=()=>{w(a=>{u[ab[a]].style[A("top","left")]=`calc(${(aa[a]-b.min)/s*100}% + ${(.5-(aa[a]-b.min)/s)*A(ad,ac)[a]}px)`})},E=()=>{let a=(.5-(aa.min-b.min)/s)*A(ad,ac).min/c[`client${A("Height","Width")}`],d=(.5-(aa.max-b.min)/s)*A(ad,ac).max/c[`client${A("Height","Width")}`];t.style[A("top","left")]=`${((aa.min-b.min)/s+a)*100}%`,t.style[A("height","width")]=`${((aa.max-b.min)/s-(aa.min-b.min)/s-a+d)*100}%`},l=()=>{w((a,c)=>{ae[a]=b.thumbsDisabled[c]?aa[a]:b[a]})},m=()=>{w((c,a)=>{b.disabled||b.thumbsDisabled[a]?z(u[B(a)],Y):y(u[B(a)],Y,0)})},F=()=>{w(a=>{y(u[ab[a]],"aria-valuemin",b.min),y(u[ab[a]],"aria-valuemax",b.max),y(u[ab[a]],"aria-valuenow",aa[a]),y(u[ab[a]],"aria-valuetext",aa[a])})},n=()=>{b.disabled?y(c,_):z(c,_)},o=()=>{b.thumbsDisabled.forEach((b,c)=>{let a=B(c);b?(y(u[a],_),y(u[a],"aria-disabled",!0)):(z(u[a],_),y(u[a],"aria-disabled",!1))})},G=(a,c=!1)=>{b[a]=c,i(),w(a=>{ak[0][a]=b[a],ak[1][a]=b[a]}),s=b.max-b.min,k("",!0),l()},p=()=>{b.orientation===X?y(c,$):z(c,$),t.style[A("left","top")]="",t.style[A("width","height")]="",u[0].style[A("left","top")]="",u[1].style[A("left","top")]=""},H=()=>{w(a=>{ac[a]=S(T(u[ab[a]]).width),ad[a]=S(T(u[ab[a]]).height)})},I=(e,d)=>{let a=(d[`offset${A("Top","Left")}`]+(e[`client${A("Y","X")}`]-d.getBoundingClientRect()[A("top","left")])-(ai?(.5-(aa[ai]-b.min)/s)*A(ad,ac)[ai]:0))/c[`client${A("Height","Width")}`]*s+b.min;return a<b.min?b.min:a>b.max?b.max:a},J=(a,b)=>!a.target.classList.contains(b),K=c=>{let e=!1;if(!b.disabled&&(J(c,"range-slider__thumb")&&J(c,"range-slider__range")||b.rangeSlideDisabled&&J(c,"range-slider__thumb"))&&(e=!0),e&&b.thumbsDisabled[0]&&b.thumbsDisabled[1]&&(e=!1),e){let a=I(c,t),f=R(aa.min-a),g=R(aa.max-a);if(b.thumbsDisabled[0])a>=aa.min&&(k(d(aa.min,a),!0),M(c,ab.max,u[ab.max]));else if(b.thumbsDisabled[1])a<=aa.max&&(k(d(a,aa.max),!0),M(c,ab.min,u[ab.min]));else{let h=ab.max;f===g?k(d(aa.min,a),!0):(k(d(f<g?a:aa.min,g<f?a:aa.max),!0),h=f<g?ab.min:ab.max),M(c,h,u[h])}}},L=(b,a)=>{H(),y(a,Z),aj=I(b,a),ah=!0},M=(c,a,d)=>{b.disabled||b.thumbsDisabled[B(a)]||(L(c,d),ai=ab.min===a?U:V,b.onThumbDragStart&&b.onThumbDragStart())},N=a=>{b.disabled||b.rangeSlideDisabled||(L(a,t),ag=aa.max-aa.min,ai=!1,b.onRangeDragStart&&b.onRangeDragStart())},O=i=>{if(ah){let e=I(i,t),h=e-aj,f=aa.min,g=aa.max,a=ai?ae.min:b.min,c=ai?ae.max:b.max;ai&&ai!==U||(f=ai?e:af.min+h),ai&&ai!==V||(g=ai?e:af.max+h),f>=a&&f<=c&&g>=a&&g<=c?(k({min:f,max:g}),aj=e):(f>c&&ai&&(k(d(c,c)),aj=e),g<a&&ai&&(k(d(a,a)),aj=e),f<a&&(ai?k(d(a,aa.max)):k(d(a,aa.max-aa.min+a)),aj=e),g>c&&(ai?k(d(aa.min,c)):k(d(aa.min-aa.max+c,c)),aj=e)),ai||l()}},P=()=>{let a=S(ak[0].step);return ak[0].step===W?W:0===a||isNaN(a)?1:a},Q=(c,f)=>{let g=(37===f||40===f?-1:1)*A(-1,1);if(!b.disabled&&!b.thumbsDisabled[B(c)]){let a=P();a=a===W?1:a;let d=aa.min+a*(ab.min===c?g:0),e=aa.max+a*(ab.max===c?g:0);d>ae.max&&(d=ae.max),e<ae.min&&(e=ae.min),k({min:d,max:e},!0)}},R=Math.abs,S=parseFloat,T=window.getComputedStyle,U="min",V="max",W="any",X="vertical",Y="tabindex",q="data-lower",r="data-upper",Z="data-active",$="data-vertical",_="data-disabled",aa=d(),ab=d(0,1),ac=d(),ad=d(),ae=d(),af=d(),s=0,ag=0,ah=!1,ai=!1,aj=0;if(!this.cssInjected){let f=document.createElement("style");f.textContent=".range-slider{touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;display:block;position:relative;width:100%;height:8px;background:#ddd;border-radius:4px}.range-slider[data-vertical]{height:100%;width:8px}.range-slider[data-disabled]{opacity:.5;cursor:not-allowed}.range-slider .range-slider__thumb{position:absolute;z-index:3;top:50%;width:24px;height:24px;transform:translate(-50%,-50%);border-radius:50%;background:#2196f3}.range-slider .range-slider__thumb:focus-visible{outline:0;box-shadow:0 0 0 6px rgba(33,150,243,.5)}.range-slider[data-vertical] .range-slider__thumb{left:50%}.range-slider .range-slider__thumb[data-disabled]{z-index:2}.range-slider .range-slider__range{position:absolute;z-index:1;transform:translate(0,-50%);top:50%;width:100%;height:100%;background:#51adf6}.range-slider[data-vertical] .range-slider__range{left:50%;transform:translate(-50%,0)}.range-slider input[type=range]{-webkit-appearance:none;pointer-events:none;position:absolute;z-index:2;top:0;left:0;width:0;height:0;background-color:transparent}.range-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none}.range-slider input[type=range]::-moz-range-thumb{width:0;height:0;border:0}.range-slider input[type=range]:focus{outline:0}";let g=document.head,h=document.querySelector("head>style,head>link");h?g.insertBefore(f,h):g.appendChild(f),this.cssInjected=!0}a("rangeSlideDisabled",!1),a("thumbsDisabled",[!1,!1]),a("orientation","horizontal"),a("disabled",!1),a("onThumbDragStart",!1),a("onRangeDragStart",!1),a("onThumbDragEnd",!1),a("onRangeDragEnd",!1),a("onInput",!1),a("value",[25,75]),a("step",1),a("min",0),a("max",100),i(),j(),c.innerHTML=`<input type="range" min="${b.min}" max="${b.max}" step="${b.step}" value="${b.value[0]}" disabled><input type="range" min="${b.min}" max="${b.max}" step="${b.step}" value="${b.value[1]}" disabled><div role="slider" class="range-slider__thumb" ${q}></div><div role="slider" class="range-slider__thumb" ${r}></div><div class="range-slider__range"></div>`,c.classList.add("range-slider");let t=c.querySelector(".range-slider__range"),ak=c.querySelectorAll("input"),u=c.querySelectorAll(".range-slider__thumb");return s=b.max-b.min,k("",!0,!1),l(),n(),o(),m(),p(),e(c,"pointerdown",a=>{K(a)}),Array.from(u).forEach((a,b)=>{e(a,"pointerdown",c=>{M(c,b,a)}),e(a,"keydown",a=>{a.which>=37&&a.which<=40&&(a.preventDefault(),Q(b,a.which))})}),e(t,"pointerdown",a=>{N(a)}),e(document,"pointermove",a=>{O(a)}),e(document,"pointerup",()=>{ah&&(z(u[0],Z),z(u[1],Z),z(t,Z),ah=!1,ai?b.onThumbDragEnd&&b.onThumbDragEnd():b.onRangeDragEnd&&b.onRangeDragEnd())}),e(window,"resize",()=>{H(),D(),E()}),{min:(a=!1)=>x(!a&&0!==a,b.min,()=>{G(U,a)}),max:(a=!1)=>x(!a&&0!==a,b.max,()=>{G(V,a)}),step:(a=!1)=>x(!a,P(),()=>{ak[0].step=a,ak[1].step=a,k("",!0)}),value:(a=!1)=>x(!a,[aa.min,aa.max],()=>{k(d(a[0],a[1]),!0),l()}),orientation:(a=!1)=>x(!a,b.orientation,()=>{b.orientation=a,p(),k("",!0)}),disabled(a=!0){b.disabled=!!a,n()},thumbsDisabled(a=[!0,!0]){b.thumbsDisabled=a,j(),l(),m(),o()},rangeSlideDisabled(a=!0){b.rangeSlideDisabled=!!a},currentValueIndex:()=>ai?ai===U?0:1:-1}}},{},]},{},[1])(1)})
+!function(e,a){"object"==typeof exports&&"object"==typeof module?module.exports=a():"function"==typeof define&&define.amd?define([],a):"object"==typeof exports?exports.rangeSlider=a():e.rangeSlider=a()}(this,(()=>{return e={265:function(e){e.exports=(e,a={})=>{const t=e=>!isNaN(e)&&+e+""==e+"",i=(e=0,a=0)=>({min:e,max:a}),n=e=>{[N,W].forEach(e)},r=(e,a,t)=>{if(e)return a;t()},s=(e,a,t="")=>{e.setAttribute(a,t)},l=(e,a)=>{e.removeAttribute(a)},d=(e,a,t,i=!0)=>{e.addEventListener(a,t,i?{passive:!1,capture:!0}:{})},m=(e,a,t,i=!0)=>{e.removeEventListener(a,t,i?{passive:!1,capture:!0}:{})},o=(e,t)=>{a[e]={}.hasOwnProperty.call(a,e)?a[e]:t},u=(e,t)=>a.orientation===M?e:t,b=e=>1===e?J.max:J.min,h=()=>{let e=!1;t(a.min)&&t(a.max)||(e=!0),a.min=e?1:+a.min,a.max=e?1:+a.max},p=()=>{a.thumbsDisabled instanceof Array?(1===a.thumbsDisabled.length&&a.thumbsDisabled.push(!1),1!==a.thumbsDisabled.length&&2!==a.thumbsDisabled.length&&(a.thumbsDisabled=[!1,!1])):a.thumbsDisabled=[a.thumbsDisabled,a.thumbsDisabled],a.thumbsDisabled[0]=!!a.thumbsDisabled[0],a.thumbsDisabled[1]=!!a.thumbsDisabled[1]},g=(e,t=!1,n=!0)=>{const r=i(se[J.min].value,se[J.max].value);e=e||r,se[J.min].value=e.min,se[J.max].value=ie||t?e.max:e.min+ae,c(),Y.min>Y.max&&(J.min=+!J.min,J.max=+!J.max,l(le[J.min],O),l(le[J.max],G),s(le[J.min],G),s(le[J.max],O),ie&&(ie=ie===N?W:N),c()),Z=t?Y:e;let d=!1;(r.min!==se[J.min].value||t)&&(d=!0),(r.max!==se[J.max].value||t)&&(d=!0),d&&(n&&a.onInput&&a.onInput([Y.min,Y.max]),E(),x(),v(),w())},c=()=>{n((e=>{Y[e]=+se[J[e]].value}))},x=()=>{n((e=>{le[J[e]].style[u("top","left")]=`calc(${(Y[e]-a.min)/ee*100}% + ${(.5-(Y[e]-a.min)/ee)*u(Q,K)[e]}px)`}))},v=()=>{const t=(.5-(Y.min-a.min)/ee)*u(Q,K).min/e[`client${u("Height","Width")}`],i=(.5-(Y.max-a.min)/ee)*u(Q,K).max/e[`client${u("Height","Width")}`];re.style[u("top","left")]=100*((Y.min-a.min)/ee+t)+"%",re.style[u("height","width")]=100*((Y.max-a.min)/ee-(Y.min-a.min)/ee-t+i)+"%"},f=()=>{n(((e,t)=>{U[e]=a.thumbsDisabled[t]?Y[e]:a[e]}))},D=()=>{n(((e,t)=>{a.disabled||a.thumbsDisabled[t]?l(le[b(t)],F):s(le[b(t)],F,0)}))},w=()=>{n((e=>{s(le[J[e]],"aria-valuemin",a.min),s(le[J[e]],"aria-valuemax",a.max),s(le[J[e]],"aria-valuenow",Y[e]),s(le[J[e]],"aria-valuetext",Y[e])}))},y=()=>{a.disabled?s(e,X):l(e,X)},_=()=>{a.thumbsDisabled.forEach(((e,a)=>{const t=b(a);e?(s(le[t],X),s(le[t],"aria-disabled",!0)):(l(le[t],X),s(le[t],"aria-disabled",!1))}))},S=(e,t=!1)=>{a[e]=t,h(),n((e=>{se[0][e]=a[e],se[1][e]=a[e]})),ee=a.max-a.min,g("",!0),f()},$=()=>{a.orientation===M?s(e,V):l(e,V),re.style[u("left","top")]="",re.style[u("width","height")]="",le[0].style[u("left","top")]="",le[1].style[u("left","top")]=""},E=()=>{n((e=>{K[e]=C(H(le[J[e]]).width),Q[e]=C(H(le[J[e]]).height)}))},k=(t,i)=>{const n=(i[`offset${u("Top","Left")}`]+(t[`client${u("Y","X")}`]-i.getBoundingClientRect()[u("top","left")])-(ie?(.5-(Y[ie]-a.min)/ee)*u(Q,K)[ie]:0))/e[`client${u("Height","Width")}`]*ee+a.min;return n<a.min?a.min:n>a.max?a.max:n},z=(e,a)=>!e.target.classList.contains(a),T=(e,a)=>{E(),s(a,P),ne=k(e,a),te=!0},L=(e,t,i)=>{a.disabled||a.thumbsDisabled[b(t)]||(T(e,i),ie=J.min===t?N:W,a.onThumbDragStart&&a.onThumbDragStart())},R=e=>{if(te){const t=k(e,re),n=t-ne;let r=Y.min,s=Y.max;const l=ie?U.min:a.min,d=ie?U.max:a.max;ie&&ie!==N||(r=ie?t:Z.min+n),ie&&ie!==W||(s=ie?t:Z.max+n),r>=l&&r<=d&&s>=l&&s<=d?(g({min:r,max:s}),ne=t):(r>d&&ie&&(g(i(d,d)),ne=t),s<l&&ie&&(g(i(l,l)),ne=t),r<l&&(g(i(l,ie?Y.max:Y.max-Y.min+l)),ne=t),s>d&&(g(i(ie?Y.min:Y.min-Y.max+d,d)),ne=t)),ie||f()}},A=()=>{te&&(l(le[0],P),l(le[1],P),l(re,P),te=!1,ie?a.onThumbDragEnd&&a.onThumbDragEnd():a.onRangeDragEnd&&a.onRangeDragEnd())},I=()=>{E(),x(),v()},j=()=>{const e=C(se[0].step);return se[0].step===B?B:0===e||isNaN(e)?1:e},q=Math.abs,C=parseFloat,H=window.getComputedStyle,N="min",W="max",B="any",M="vertical",F="tabindex",G="data-lower",O="data-upper",P="data-active",V="data-vertical",X="data-disabled",Y=i(),J=i(0,1),K=i(),Q=i(),U=i();let Z=i(),ee=0,ae=0,te=!1,ie=!1,ne=0;if(!this.cssInjected){const e=document.createElement("style");e.textContent=".range-slider{touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;display:block;position:relative;width:100%;height:8px;background:#ddd;border-radius:4px}.range-slider[data-vertical]{height:100%;width:8px}.range-slider[data-disabled]{opacity:.5;cursor:not-allowed}.range-slider .range-slider__thumb{position:absolute;z-index:3;top:50%;width:24px;height:24px;transform:translate(-50%,-50%);border-radius:50%;background:#2196f3}.range-slider .range-slider__thumb:focus-visible{outline:0;box-shadow:0 0 0 6px rgba(33,150,243,.5)}.range-slider[data-vertical] .range-slider__thumb{left:50%}.range-slider .range-slider__thumb[data-disabled]{z-index:2}.range-slider .range-slider__range{position:absolute;z-index:1;transform:translate(0,-50%);top:50%;width:100%;height:100%;background:#51adf6}.range-slider[data-vertical] .range-slider__range{left:50%;transform:translate(-50%,0)}.range-slider input[type=range]{-webkit-appearance:none;pointer-events:none;position:absolute;z-index:2;top:0;left:0;width:0;height:0;background-color:transparent}.range-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none}.range-slider input[type=range]::-moz-range-thumb{width:0;height:0;border:0}.range-slider input[type=range]:focus{outline:0}";const a=document.head,t=document.querySelector("head>style,head>link");t?a.insertBefore(e,t):a.appendChild(e),this.cssInjected=!0}o("rangeSlideDisabled",!1),o("thumbsDisabled",[!1,!1]),o("orientation","horizontal"),o("disabled",!1),o("onThumbDragStart",!1),o("onRangeDragStart",!1),o("onThumbDragEnd",!1),o("onRangeDragEnd",!1),o("onInput",!1),o("value",[25,75]),o("step",1),o("min",0),o("max",100),h(),p(),e.innerHTML=`<input type="range" min="${a.min}" max="${a.max}" step="${a.step}" value="${a.value[0]}" disabled><input type="range" min="${a.min}" max="${a.max}" step="${a.step}" value="${a.value[1]}" disabled><div role="slider" class="range-slider__thumb" ${G}></div><div role="slider" class="range-slider__thumb" ${O}></div><div class="range-slider__range"></div>`,e.classList.add("range-slider");const re=e.querySelector(".range-slider__range"),se=e.querySelectorAll("input"),le=e.querySelectorAll(".range-slider__thumb");return ee=a.max-a.min,g("",!0,!1),f(),y(),_(),D(),$(),d(e,"pointerdown",(e=>{(e=>{let t=!1;if(!a.disabled&&(z(e,"range-slider__thumb")&&z(e,"range-slider__range")||a.rangeSlideDisabled&&z(e,"range-slider__thumb"))&&(t=!0),t&&a.thumbsDisabled[0]&&a.thumbsDisabled[1]&&(t=!1),t){const t=k(e,re),n=q(Y.min-t),r=q(Y.max-t);if(a.thumbsDisabled[0])t>=Y.min&&(g(i(Y.min,t),!0),L(e,J.max,le[J.max]));else if(a.thumbsDisabled[1])t<=Y.max&&(g(i(t,Y.max),!0),L(e,J.min,le[J.min]));else{let a=J.max;n===r?g(i(Y.min,t),!0):(g(i(n<r?t:Y.min,r<n?t:Y.max),!0),a=n<r?J.min:J.max),L(e,a,le[a])}}})(e)})),Array.from(le).forEach(((e,t)=>{d(e,"pointerdown",(a=>{L(a,t,e)})),d(e,"keydown",(e=>{e.which>=37&&e.which<=40&&(e.preventDefault(),((e,t)=>{const i=(37===t||40===t?-1:1)*u(-1,1);if(!a.disabled&&!a.thumbsDisabled[b(e)]){let a=j();a=a===B?1:a;let t=Y.min+a*(J.min===e?i:0),n=Y.max+a*(J.max===e?i:0);t>U.max&&(t=U.max),n<U.min&&(n=U.min),g({min:t,max:n},!0)}})(t,e.which))}))})),d(re,"pointerdown",(e=>{(e=>{a.disabled||a.rangeSlideDisabled||(T(e,re),ae=Y.max-Y.min,ie=!1,a.onRangeDragStart&&a.onRangeDragStart())})(e)})),d(document,"pointermove",R),d(document,"pointerup",A),d(window,"resize",I),{min:(e=!1)=>r(!e&&0!==e,a.min,(()=>{S(N,e)})),max:(e=!1)=>r(!e&&0!==e,a.max,(()=>{S(W,e)})),step:(e=!1)=>r(!e,j(),(()=>{se[0].step=e,se[1].step=e,g("",!0)})),value:(e=!1)=>r(!e,[Y.min,Y.max],(()=>{g(i(e[0],e[1]),!0),f()})),orientation:(e=!1)=>r(!e,a.orientation,(()=>{a.orientation=e,$(),g("",!0)})),disabled:(e=!0)=>{a.disabled=!!e,y()},thumbsDisabled:(e=[!0,!0])=>{a.thumbsDisabled=e,p(),f(),D(),_()},rangeSlideDisabled:(e=!0)=>{a.rangeSlideDisabled=!!e},currentValueIndex:()=>ie?ie===N?0:1:-1,removeGlobalEventListeners:()=>{m(document,"pointermove",R),m(document,"pointerup",A),m(window,"resize",I)}}}}},a={},function t(i){var n=a[i];if(void 0!==n)return n.exports;var r=a[i]={exports:{}};return e[i].call(r.exports,r,r.exports,t),r.exports}(265);var e,a}));

package.json

 {
   "name": "range-slider-input",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "private": false,
@@ -17,3 +17,3 @@ "description": "A lightweight (~2kB) library to create range sliders that can capture a value or a range of values with one or two drag handles",
   ],
-  "main": "dist/rangeslider.min.js",
+  "main": "dist/rangeslider.nostyle.umd.min.js",
   "unpkg": "dist/rangeslider.umd.min.js",
@@ -44,3 +44,4 @@ "jsdelivr": "dist/rangeslider.umd.min.js",
   "scripts": {
-    "test": "standard && jest"
+    "test": "standard && jest",
+    "build": "webpack && cleancss -o dist/style.css src/style.css"
   },
@@ -52,6 +53,9 @@ "devDependencies": {
     "babel-jest": "^28.1.0",
+    "clean-css-cli": "^5.6.1",
     "jest": "^28.1.0",
     "jsdom": "^19.0.0",
-    "standard": "^17.0.0"
+    "standard": "^17.0.0",
+    "webpack": "^5.75.0",
+    "webpack-cli": "^5.0.0"
   }
 }

README.md

@@ -221,2 +221,6 @@ [circleci-image]: https://circleci.com/gh/n3r4zzurr0/range-slider-input.svg?style=shield
 
+#### `removeGlobalEventListeners()`
+
+Removes the global event listeners. It should be called when removing the range slider element from the DOM dynamically.
+
 ## Elements
@@ -223,0 +227,0 @@

Fixed alerts

Dynamic require

Supply chain risk

Dynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

30440

increased by3.21%

Number of low quality alerts

0

decreased by-100%

Number of lines in readme file

291

increased by1.39%

Number of low supply chain risk alerts

0

decreased by-100%

Worsened metrics

Dev dependency count

10

increased by42.86%

No dependency changes