(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[71010],{63322:(e,s,t)=>{"use strict";t.d(s,{A:()=>l});var n=t(52751),r=t(68852),o=t(99460);let a=e=>e instanceof MouseEvent,l=function(e){let{buffer:s=0,throttleBy:t=18,excludeTouchEvents:l,onEnterBox:u,onLeaveBox:c}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},p=(0,o.A)(e),[i,d]=n.useState({x:null,y:null}),v=n.useRef(!1),m=n.useRef(u),h=n.useRef(c);return m.current=u,h.current=c,n.useEffect(()=>{let e=m.current,n=h.current,o=t=>{a(t)&&(t.preventDefault(),t.stopPropagation());let{clientX:r,clientY:o}=t;if(!p)return;if(!(r>=p.left-s&&r<=p.left+p.width+s&&o>=p.top-s&&o<=p.top+p.height+s)){v.current&&"function"==typeof n&&n(),v.current=!1;return}v.current||("function"==typeof e&&e(),v.current=!0);let l={x:r-p.left,y:o-p.top};v.current=!0,d(l)},[u,c]=(0,r.Pd)(o,t),[i,w]=(0,r.Pd)(e=>{o(e.touches[0])},t);return window.addEventListener("mousemove",u),l||window.addEventListener("touchmove",i),()=>{window.removeEventListener("mousemove",u),c(),l||(window.removeEventListener("touchmove",i),w())}},[p,s,t,l]),[i,p]}},71010:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>k});var n=t(87687),r=t(52751),o=t(31928),a=t(68852),l=t(63322);let u=e=>{let{r:s,g:t,b:n}=e;return"rgb(".concat(s," ").concat(t," ").concat(n,")")},c=e=>"linear-gradient(90deg, ".concat(e.join(", "),")"),p=(0,o.I)("div")({name:"Wrapper",class:"wlcwux6",propsAsIs:!1}),i=(0,o.I)("div")({name:"TopRow",class:"t19h02b3",propsAsIs:!1}),d=(0,o.I)("label")({name:"Label",class:"lpuat1a",propsAsIs:!1}),v=(0,o.I)("div")({name:"Value",class:"vzytuuw",propsAsIs:!1}),m=(0,o.I)("button")({name:"SliderButton",class:"shx7s09",propsAsIs:!1}),h=(0,o.I)("span")({name:"HandleWrapper",class:"hx5nmpm",propsAsIs:!1}),w=(0,o.I)("span")({name:"Handle",class:"h1wyvrrv",propsAsIs:!1}),f=function(e){let{label:s,color:t,channel:o,value:f,dynamicGradients:x,onChange:b}=e,y=r.useRef(),I=r.useId(),[j,E]=(0,l.A)(y,{buffer:128}),[A,g]=r.useState(!1);r.useEffect(()=>{if(!A||"number"!=typeof j.x||"number"!=typeof j.y||!E)return;let e=j.x/E.width*255;b(o,e=Math.round((0,a.qE)(e,0,255)))},[A,j,E,o,b]),r.useEffect(()=>{function e(){g(!1)}return window.addEventListener("mouseup",e),window.addEventListener("touchend",e),document.addEventListener("mouseleave",e),()=>{window.removeEventListener("mouseup",e),window.removeEventListener("touchend",e),document.removeEventListener("mouseleave",e)}},[A]);let k=(0,a.y1)(10).map(e=>{let s=x?{...t}:{r:0,g:0,b:0};return s[o]=(0,a.S8)(e,0,9,0,255),u(s)}),L=(0,a.S8)(f,0,255,0,100);return(0,n.jsxs)(p,{children:[(0,n.jsxs)(i,{children:[(0,n.jsx)(d,{htmlFor:"slider-".concat(I),children:s}),(0,n.jsx)(v,{children:f})]}),(0,n.jsx)(m,{ref:y,id:"slider-".concat(I),style:{background:c(k)},onMouseDown:()=>g(!0),onTouchStart:()=>g(!0),onKeyDown:function(e){switch(e.key){case"ArrowLeft":e.preventDefault(),b(o,(0,a.qE)(f-10,0,255));break;case"ArrowRight":e.preventDefault(),b(o,(0,a.qE)(f+10,0,255))}},children:(0,n.jsx)(h,{children:(0,n.jsx)(w,{style:{left:"".concat(L,"%")}})})})]})};t(54668);let x=(0,o.I)("div")({name:"Wrapper",class:"wyki552",propsAsIs:!1}),b=(0,o.I)("span")({name:"Color",class:"cda6ynm",propsAsIs:!1}),y=function(e){let{r:s,g:t,b:r}=e;return(0,n.jsxs)(x,{children:["rgb(",(0,n.jsx)(b,{children:s}),"\xa0",(0,n.jsx)(b,{children:t}),"\xa0",(0,n.jsx)(b,{children:r}),");"]})};t(42154);let I={r:"Red",g:"Green",b:"Blue"},j=(0,o.I)("div")({name:"Wrapper",class:"w1997lpl",propsAsIs:!1}),E=(0,o.I)("div")({name:"Sliders",class:"s1pxkd12",propsAsIs:!1}),A=(0,o.I)("div")({name:"Preview",class:"ppw3vqu",propsAsIs:!1}),g=(0,o.I)("div")({name:"Output",class:"o1pb353l",propsAsIs:!1}),k=r.memo(function(e){let{dynamicGradients:s=!1}=e,[t,o]=r.useState({r:255,g:0,b:0}),a=r.useCallback((e,s)=>{o(t=>({...t,[e]:s}))},[]),l=Object.keys(t);return(0,n.jsxs)(j,{children:[(0,n.jsx)(E,{children:l.map(e=>(0,n.jsx)(f,{label:I[e],color:t,channel:e,value:t[e],dynamicGradients:s,onChange:a},e))}),(0,n.jsxs)(g,{children:[(0,n.jsx)(A,{style:{backgroundColor:"rgb(".concat(t.r," ").concat(t.g," ").concat(t.b,")")}}),(0,n.jsx)(y,{...t})]})]})});t(95262)},54668:e=>{e.exports={t19h02b3:"t19h02b3",lpuat1a:"lpuat1a",vzytuuw:"vzytuuw",shx7s09:"shx7s09",hx5nmpm:"hx5nmpm",h1wyvrrv:"h1wyvrrv"}},95262:e=>{e.exports={w1997lpl:"w1997lpl",s1pxkd12:"s1pxkd12",ppw3vqu:"ppw3vqu",o1pb353l:"o1pb353l"}},42154:e=>{e.exports={wyki552:"wyki552",cda6ynm:"cda6ynm"}}}]);
//# sourceMappingURL=71010.89176bdbd0a47e0a.js.map