Module 33349

function(e,t,r){"use strict";r.d(t,{A:()=>l});var n=r(64700),o=r(205662),a=r(717519),i=r(708005);let l=function(e){var t=e.onChange,r=e.rgb,l=e.hsl,s=e.hex,u=e.hsv,c=function(e,r){if(e.hex)a.qt(e.hex)&&t({hex:e.hex,source:"hex"},r);else if(e.rgb){var n=e.rgb.split(",");a.Zk(e.rgb,"rgb")&&t({r:n[0],g:n[1],b:n[2],a:1,source:"rgb"},r)}else if(e.hsv){var o=e.hsv.split(",");a.Zk(e.hsv,"hsv")&&(o[2]=o[2].replace("%",""),o[1]=o[1].replace("%",""),o[0]=o[0].replace("\xb0",""),1==o[1]?o[1]=.01:1==o[2]&&(o[2]=.01),t({h:Number(o[0]),s:Number(o[1]),v:Number(o[2]),source:"hsv"},r))}else if(e.hsl){var i=e.hsl.split(",");a.Zk(e.hsl,"hsl")&&(i[2]=i[2].replace("%",""),i[1]=i[1].replace("%",""),i[0]=i[0].replace("\xb0",""),1==h[1]?h[1]=.01:1==h[2]&&(h[2]=.01),t({h:Number(i[0]),s:Number(i[1]),v:Number(i[2]),source:"hsl"},r))}},p=(0,o.default)({default:{wrap:{display:"flex",height:"100px",marginTop:"4px"},fields:{width:"100%"},column:{paddingTop:"10px",display:"flex",justifyContent:"space-between"},double:{padding:"0px 4.4px",boxSizing:"border-box"},input:{width:"100%",height:"38px",boxSizing:"border-box",padding:"4px 10% 3px",textAlign:"center",border:"1px solid #dadce0",fontSize:"11px",textTransform:"lowercase",borderRadius:"5px",outline:"none",fontFamily:"Roboto,Arial,sans-serif"},input2:{height:"38px",width:"100%",border:"1px solid #dadce0",boxSizing:"border-box",fontSize:"11px",textTransform:"lowercase",borderRadius:"5px",outline:"none",paddingLeft:"10px",fontFamily:"Roboto,Arial,sans-serif"},label:{textAlign:"center",fontSize:"12px",background:"#fff",position:"absolute",textTransform:"uppercase",color:"#3c4043",width:"35px",top:"-6px",left:"0",right:"0",marginLeft:"auto",marginRight:"auto",fontFamily:"Roboto,Arial,sans-serif"},label2:{left:"10px",textAlign:"center",fontSize:"12px",background:"#fff",position:"absolute",textTransform:"uppercase",color:"#3c4043",width:"32px",top:"-6px",fontFamily:"Roboto,Arial,sans-serif"},single:{flexGrow:"1",margin:"0px 4.4px"}}}),d=r.r+", "+r.g+", "+r.b,f=Math.round(l.h)+"\xb0, "+Math.round(100*l.s)+"%, "+Math.round(100*l.l)+"%",h=Math.round(u.h)+"\xb0, "+Math.round(100*u.s)+"%, "+Math.round(100*u.v)+"%";return n.createElement("div",{style:p.wrap,className:"flexbox-fix"},n.createElement("div",{style:p.fields},n.createElement("div",{style:p.double},n.createElement(i.jc,{style:{input:p.input,label:p.label},label:"hex",value:s,onChange:c})),n.createElement("div",{style:p.column},n.createElement("div",{style:p.single},n.createElement(i.jc,{style:{input:p.input2,label:p.label2},label:"rgb",value:d,onChange:c})),n.createElement("div",{style:p.single},n.createElement(i.jc,{style:{input:p.input2,label:p.label2},label:"hsv",value:h,onChange:c})),n.createElement("div",{style:p.single},n.createElement(i.jc,{style:{input:p.input2,label:p.label2},label:"hsl",value:f,onChange:c})))))}}