"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7211],{17211:function(e,t,n){n.r(t),n.d(t,{SliderInput:function(){return D}});var r,i,o,a,c=n(95235),l=n(8529),u=n(2784),s=n(28316),d=n(26947),f=n(80594),h=n.n(f),p=n(98357),g=n.n(p),b=function(e,t){return(b=Object.setPrototypeOf||({__proto__:[]})instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},v=function(){return(v=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}).apply(this,arguments)},m=function(e,t,n,r){switch(t){case"debounce":return h()(e,n,r);case"throttle":return g()(e,n,r);default:return e}},y=function(e){return"function"==typeof e},O=function(){return"undefined"==typeof window},w=function(e){return e instanceof Element||e instanceof HTMLDocument};!function(e){function t(t){var n=e.call(this,t)||this;n.cancelHandler=function(){n.resizeHandler&&n.resizeHandler.cancel&&(n.resizeHandler.cancel(),n.resizeHandler=null)},n.rafClean=function(){n.raf&&n.raf.cancel&&(n.raf.cancel(),n.raf=null)},n.attachObserver=function(){var e=n.props.targetRef;if(!O()){e&&e.current&&(n.targetRef.current=e.current);var t=n.getElement();t&&(!n.observableElement||n.observableElement!==t)&&(n.observableElement=t,n.resizeObserver.observe(t))}},n.getElement=function(){var e=n.props,t=e.querySelector,r=e.targetDomEl;if(O())return null;if(t)return document.querySelector(t);if(r&&w(r))return r;if(n.targetRef&&w(n.targetRef.current))return n.targetRef.current;var i=(0,s.findDOMNode)(n);if(!i)return null;switch(n.getRenderType()){case"renderProp":case"childFunction":case"child":case"childArray":return i;default:return i.parentElement}},n.createUpdater=function(){return n.rafClean(),n.raf=(0,d.Z)(function(e){var t=e.width,r=e.height,i=n.props.onResize;i&&y(i)&&i(t,r),n.setState({width:t,height:r})}),n.raf},n.createResizeHandler=function(e){var t=n.state,r=t.width,i=t.height,o=n.props,a=o.handleWidth,c=void 0===a||a,l=o.handleHeight,u=void 0===l||l;if(c||u){var s=n.createUpdater();e.forEach(function(e){var t=e&&e.contentRect||{},o=t.width,a=t.height,l=c&&r!==o,d=u&&i!==a;!n.skipOnMount&&(l||d)&&!O()&&s({width:o,height:a}),n.skipOnMount=!1})}},n.getRenderType=function(){var e=n.props,t=e.render,r=e.children;return y(t)?"renderProp":y(r)?"childFunction":(0,u.isValidElement)(r)?"child":Array.isArray(r)?"childArray":"parent"};var r=t.skipOnMount,i=t.refreshMode,o=t.refreshRate,a=t.refreshOptions;return n.state={width:void 0,height:void 0},n.skipOnMount=r,n.raf=null,n.targetRef=(0,u.createRef)(),n.observableElement=null,O()||(n.resizeHandler=m(n.createResizeHandler,i,void 0===o?1e3:o,a),n.resizeObserver=new window.ResizeObserver(n.resizeHandler)),n}!function(e,t){function n(){this.constructor=e}b(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}(t,e),t.prototype.componentDidMount=function(){this.attachObserver()},t.prototype.componentDidUpdate=function(){this.attachObserver()},t.prototype.componentWillUnmount=function(){O()||(this.resizeObserver.disconnect(),this.rafClean(),this.cancelHandler())},t.prototype.render=function(){var e,t=this.props,n=t.render,r=t.children,i=t.nodeType,o=this.state,a={width:o.width,height:o.height,targetRef:this.targetRef};switch(this.getRenderType()){case"renderProp":return n&&n(a);case"childFunction":return(e=r)(a);case"child":if((e=r).type&&"string"==typeof e.type){var c=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&0>t.indexOf(r)&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,r=Object.getOwnPropertySymbols(e);i<r.length;i++)0>t.indexOf(r[i])&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]]);return n}(a,["targetRef"]);return(0,u.cloneElement)(e,c)}return(0,u.cloneElement)(e,a);case"childArray":return(e=r).map(function(e){return!!e&&(0,u.cloneElement)(e,a)});default:return u.createElement(void 0===i?"div":i,null)}}}(u.PureComponent);var x=n(40226),E=n(60976),R=n(3105);function P(e){let t=(0,R.h)(()=>(0,x.BX)(e)),{isStatic:n}=(0,u.useContext)(E._);if(n){let[,n]=(0,u.useState)(e);(0,u.useEffect)(()=>t.on("change",n),[])}return t}var j=n(7328),k=n(95793),z=n(48840),M=(0,z.zo)(k.yK)(r||(r=(0,j.Z)(["\n  width: ",";\n  height: ",";\n  border-radius: 50%;\n  background-color: ",";\n  top: -",";\n  position: absolute;\n  left: -",";\n\n  &:hover {\n    outline: "," solid\n      ",";\n  }\n\n  &:active {\n    background-color: ",";\n    box-shadow: 0 0 0 ","\n      ",";\n    outline-offset: ",";\n    outline: "," solid\n      ",";\n  }\n"])),(0,z.W0)(2.5),(0,z.W0)(2.5),function(e){return e.theme.colors.palette.brand.base},(0,z.W0)(.75),(0,z.W0)(1),(0,z.W0)(.875),function(e){return e.theme.colors.palette.brand.lighter},function(e){return e.theme.colors.palette.brand.darker},(0,z.W0)(.5),function(e){return e.theme.colors.palette.brand.lighter},(0,z.W0)(.5),(0,z.W0)(.25),function(e){return e.theme.colors.palette.brand.base}),H=(0,z.zo)(k.yK)(i||(i=(0,j.Z)(["\n  width: 100%;\n  height: 8px;\n  background-color: ",";\n  border-radius: 4px;\n  position: relative;\n  ","\n"])),function(e){return e.theme.colors.palette.brand.base},function(e){var t=e.minPercentage,n=e.maxPercentage,r=e.theme;return(0,z.iv)(o||(o=(0,j.Z)(["\n    background: linear-gradient(\n      to right,\n      "," 0%,\n      "," ","%,\n      "," ","%,\n      "," ","%,\n      "," ","%\n    );\n  "])),r.colors.palette.greys.light,r.colors.palette.greys.light,t.toFixed(2),r.colors.palette.brand.base,t.toFixed(2),r.colors.palette.brand.base,n.toFixed(2),r.colors.palette.greys.light,n.toFixed(2))}),S=z.zo.div(a||(a=(0,j.Z)(["\n  display: flex;\n  flex-flow: column wrap;\n  justify-content: center;\n  align-items: center;\n  margin: "," 0 ",";\n"])),(0,z.W0)(2),(0,z.W0)(3)),C=n(52322);function V(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function W(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?V(Object(n),!0).forEach(function(t){(0,c.Z)(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):V(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var D=function(e){var t,n,r,i,o,a,c,s,f,h,p,g,b,w,x,E,R,j,k,z=u.useState(1),V=(0,l.Z)(z,2),D=V[0],_=V[1],F=P(1),Z=P(1),A=function(){return{minPercentage:e.selectedMinValue/e.maxValue*100,maxPercentage:e.selectedMaxValue/e.maxValue*100}},K=function(){var e=A();return{minKnobPixels:e.minPercentage/100*D,maxKnobPixels:e.maxPercentage/100*D}},N=function(t){return Number((e.maxValue/(D/t)).toFixed(2))};u.useEffect(function(){var e=K(),t=e.minKnobPixels,n=e.maxKnobPixels;F.set(t),Z.set(n)},[F.get(),Z.get()]),u.useEffect(function(){var t=F.onChange(function(t){var n=N(t);n<e.minValue&&(n=e.minValue),e.setSliderMin(n)}),n=Z.onChange(function(t){var n=N(t);e.isSingleHandle&&n<e.minValue&&(n=e.minValue),n>e.maxValue&&(n=e.maxValue),e.setSliderMax(n)});return function(){t(),n()}});var T=(r=void 0!==(n=(t={onResize:u.useCallback(function(e){_(e)},[]),handleWidth:!0,refreshMode:"debounce",refreshRate:100}).skipOnMount)&&n,i=t.refreshMode,a=void 0===(o=t.refreshRate)?1e3:o,c=t.refreshOptions,f=void 0===(s=t.handleWidth)||s,p=void 0===(h=t.handleHeight)||h,g=t.onResize,b=(0,u.useRef)(null),w=(0,u.useRef)(null),x=(0,u.useRef)(null),E=(0,u.useRef)(g),(0,u.useEffect)(function(){null===b.current&&(b.current=r)},[r]),j=(R=(0,u.useState)({width:void 0,height:void 0}))[0],k=R[1],(0,u.useEffect)(function(){if(!O()){var e,t=(e=E.current,(0,d.Z)(function(t){var n=t.width,r=t.height;e&&y(e)&&e(n,r),k(function(e){return e.width===n&&e.height===r?e:{width:n,height:r}})}));x.current=m(function(e){(f||p)&&e.forEach(function(e){var n=e&&e.contentRect||{},r=n.width,i=n.height;b.current||O()||t({width:r,height:i}),b.current=!1})},i,a,c);var n=new window.ResizeObserver(x.current);return w.current&&n.observe(w.current),function(){n.disconnect(),t.cancel();var e=x.current;e&&e.cancel&&e.cancel()}}},[i,a,c,f,p,E]),v({ref:w},j)).ref;return(0,C.jsx)(S,{"data-testid":"slider-container",ref:T,children:(0,C.jsxs)(H,W(W({},A()),{},{children:[!e.isSingleHandle&&(0,C.jsx)(M,{"data-testid":"slider-input-min-knob",drag:"x",initial:{x:F.get()},onDragEnd:function(){var t;null===(t=e.onDragEndCallback)||void 0===t||t.call(e)},dragMomentum:!1,dragElastic:!1,style:{x:F},dragConstraints:{left:0,right:Number(e.selectedMaxValue/(e.maxValue/D))-16}}),(0,C.jsx)(M,{"data-testid":"slider-input-max-knob",drag:"x",initial:{x:Z.get()},onDragEnd:function(){var t;return null===(t=e.onDragEndCallback)||void 0===t?void 0:t.call(e)},dragMomentum:!1,dragElastic:!1,style:{x:Z},dragConstraints:{top:0,bottom:0,left:e.isSingleHandle?0:F.get()+16,right:D}})]}))})}}}]);
//# sourceMappingURL=7211.259bdae94a28dc96.js.map