"use strict";(self.webpackChunkengine=self.webpackChunkengine||[]).push([[5814,6272],{66272:(e,n,t)=>{t.r(n),t.d(n,{useRanger:()=>l});var o=t(28416);function r(){return r=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},r.apply(this,arguments)}function u(e,n){if(null==e)return{};var t,o,r={},u=Object.keys(e);for(o=0;o<u.length;o++)t=u[o],n.indexOf(t)>=0||(r[t]=e[t]);return r}var a=function(e){var n=e.getBoundingClientRect();return{left:Math.ceil(n.left),width:Math.ceil(n.width)}},i=function(e){return[].concat(e).sort((function(e,n){return Number(e)-Number(n)}))},c=function(e){var n=o.useRef(e);return n.current=e,o.useCallback((function(){return n.current}),[])},s={getPercentageForValue:function(e,n,t){return Math.max(0,Math.min(100,(e-n)/(t-n)*100))},getValueForClientX:function(e,n,t,o){return(o-t)*((e-n.left)/n.width)+t}};function l(e){var n=e.interpolator,t=void 0===n?s:n,l=e.tickSize,v=void 0===l?10:l,f=e.values,d=e.min,m=e.max,h=e.ticks,p=e.steps,y=e.onChange,g=e.onDrag,k=e.stepSize,C=o.useState(null),b=C[0],w=C[1],M=o.useState(),D=M[0],x=M[1],E=c({activeHandleIndex:b,onChange:y,onDrag:g,values:f,tempValues:D}),S=o.useRef(),L=o.useCallback((function(e){var n=a(S.current);return t.getValueForClientX(e,n,d,m)}),[t,m,d]),P=o.useCallback((function(e,n){if(p){var t=p.indexOf(e)+n;return t>=0&&t<p.length?p[t]:e}var o=e+k*n;return o>=d&&o<=m?o:e}),[m,d,k,p]),O=o.useCallback((function(e){var n=d,t=m;if(p)p.forEach((function(o){o<=e&&o>n&&(n=o),o>=e&&o<t&&(t=o)}));else{for(;n<e&&n+k<e;)n+=k;t=Math.min(n+k,m)}return e-n<t-e?n:t}),[m,d,k,p]),R=o.useCallback((function(e){var n=E(),t=n.activeHandleIndex,o=n.onDrag,r="touchmove"===e.type?e.changedTouches[0].clientX:e.clientX,u=L(r),a=O(u),i=[].concat(f.slice(0,t),[a],f.slice(t+1));o?o(i):x(i)}),[E,L,O,f]),T=o.useCallback((function(e,n){var t=E(),o=t.values,r=t.onChange,u=void 0===r?function(){}:r;if(37===e.keyCode||39===e.keyCode){w(n);var a=37===e.keyCode?-1:1,c=P(o[n],a),s=[].concat(o.slice(0,n),[c],o.slice(n+1));u(i(s))}}),[E,P]),V=o.useCallback((function(e,n){w(n);var t=function e(n){var t=E(),o=t.tempValues,r=t.values,u=t.onChange,a=void 0===u?function(){}:u,c=t.onDrag,s=void 0===c?function(){}:c;document.removeEventListener("mousemove",R),document.removeEventListener("touchmove",R),document.removeEventListener("mouseup",e),document.removeEventListener("touchend",e);var l=i(o||r);a(l),s(l),w(null),x()};document.addEventListener("mousemove",R),document.addEventListener("touchmove",R),document.addEventListener("mouseup",t),document.addEventListener("touchend",t)}),[E,R]),X=o.useCallback((function(e){return t.getPercentageForValue(e,d,m)}),[t,m,d]),F=o.useMemo((function(){var e=h||p;if(!e){for(e=[d];e[e.length-1]<m-v;)e.push(e[e.length-1]+v);e.push(m)}return e.map((function(e,n){return{value:e,getTickProps:function(t){var o=void 0===t?{}:t,a=o.key,i=void 0===a?n:a,c=o.style,s=void 0===c?{}:c,l=u(o,["key","style"]);return r({key:i,style:r({position:"absolute",width:0,left:X(e)+"%",transform:"translateX(-50%)"},s)},l)}}}))}),[h,X,m,d,p,v]),H=o.useMemo((function(){var e=i(D||f);return[].concat(e,[m]).map((function(n,t){return{value:n,getSegmentProps:function(o){var a=void 0===o?{}:o,i=a.key,c=void 0===i?t:i,s=a.style,l=void 0===s?{}:s,v=u(a,["key","style"]),f=X(e[t-1]?e[t-1]:d);return r({key:c,style:r({position:"absolute",left:f+"%",width:X(n)-f+"%"},l)},v)}}}))}),[X,m,d,D,f]),I=o.useMemo((function(){return(D||f).map((function(e,n){return{value:e,active:n===b,getHandleProps:function(t){var o=void 0===t?{}:t,a=o.key,i=void 0===a?n:a,c=(o.ref,o.innerRef,o.onKeyDown),s=o.onMouseDown,l=o.onTouchStart,v=o.style,f=void 0===v?{}:v,h=u(o,["key","ref","innerRef","onKeyDown","onMouseDown","onTouchStart","style"]);return r({key:i,onKeyDown:function(e){e.persist(),T(e,n),c&&c(e)},onMouseDown:function(e){e.persist(),V(e,n),s&&s(e)},onTouchStart:function(e){e.persist(),V(e,n),l&&l(e)},role:"slider","aria-valuemin":d,"aria-valuemax":m,"aria-valuenow":e,style:r({position:"absolute",top:"50%",left:X(e)+"%",zIndex:n===b?"1":"0",transform:"translate(-50%, -50%)"},f)},h)}}}))}),[b,X,T,V,d,m,D,f]);return{activeHandleIndex:b,getTrackProps:function(e){var n=void 0===e?{}:e,t=n.style,o=void 0===t?{}:t,a=n.ref,i=u(n,["style","ref"]);return r({ref:function(e){S.current=e,a&&("function"==typeof a?a(e):a.current=e)},style:r({position:"relative",userSelect:"none"},o)},i)},ticks:F,segments:H,handles:I}}}}]);