npm - feffery_utils_components - Versions diffs - 0.2.0-rc11 → 0.2.0-rc13 - Mend

feffery_utils_components 0.2.0-rc11 → 0.2.0-rc13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (52) hide show

package/feffery_utils_components/async-feffery_color_pickers.js CHANGED Viewed

	@@ -1 +1 @@
1	- (window.webpackJsonpfeffery_utils_components=window.webpackJsonpfeffery_utils_components\|\|[]).push([[8],{502:function(e,t,r){"use strict";r.r(t);function n(e){var t=e.id,r=e.className,n=e.style,o=e.color,a=e.showAlpha,i=e.setProps,e=e.loading_state;return Object(s.useEffect)(function(){i({color:o})},[]),a?React.createElement(l.a,{id:t,className:r,style:n,color:o,onChange:function(e){return i({color:e})},"data-dash-is-loading":e&&e.is_loading\|\|void 0}):React.createElement(l.b,{id:t,className:r,style:n,color:o,onChange:function(e){return i({color:e})},"data-dash-is-loading":e&&e.is_loading\|\|void 0})}var l=r(599),s=r(1),r=r(178);(t.default=n).defaultProps=r.b,n.propTypes=r.c},503:function(e,t,r){"use strict";r.r(t);function n(e){var t=e.id,r=e.className,n=e.style,o=e.color,a=e.showAlpha,i=e.setProps,e=e.loading_state;return Object(s.useEffect)(function(){i({color:o})},[]),a?React.createElement(l.d,{id:t,className:r,style:n,color:o,onChange:function(e){return i({color:e})},"data-dash-is-loading":e&&e.is_loading\|\|void 0}):React.createElement(l.c,{id:t,className:r,style:n,color:o,onChange:function(e){return i({color:e})},"data-dash-is-loading":e&&e.is_loading\|\|void 0})}var l=r(599),s=r(1),r=r(179);(t.default=n).defaultProps=r.b,n.propTypes=r.c},529:function(e,t,r){"use strict";r.r(t);var b=r(1),i=r.n(b),n=r(557),g=r.n(n),n=r(579),v=r.n(n),m=(Math.PI,e=>{var{r:e,g:t,b:r}=e;return"#"+(e=(e<<16\|t<<8\|r).toString(16),new Array(7-e.length).join("0")+e)}),y=e=>{var{r:e,g:t,b:r,a:n}=e=(e=>{var t=e.replace("#",""),r=(/^#?/.test(e)&&3===t.length&&(e="#"+t.charAt(0)+t.charAt(0)+t.charAt(1)+t.charAt(1)+t.charAt(2)+t.charAt(2)),new RegExp("[A-Za-z0-9]{2}","g")),[n,o,a=0,i]=e.match(r).map(e=>parseInt(e,16));return{r:n,g:o,b:a,a:(null!=i?i:255)/255}})(e),o=Math.max(e,t,r),a=o-Math.min(e,t,r);return{h:60((r=a?o===e?(t-r)/a:o===t?2+(r-e)/a:4+(e-t)/a:0)<0?6+r:r),s:o?a/o100:0,v:o/255100,a:n}},w=e=>{var{h:e,s:t,v:r,a:n}=e,e=e/60,t=t/100,o=r/100,r=Math.floor(e)%6,e=e-Math.floor(e),a=255o(1-t),i=255o(1-te),l=255o(1-t(1-e)),s=(o=255,{});switch(r){case 0:s.r=o,s.g=l,s.b=a;break;case 1:s.r=i,s.g=o,s.b=a;break;case 2:s.r=a,s.g=o,s.b=l;break;case 3:s.r=a,s.g=i,s.b=o;break;case 4:s.r=l,s.g=a,s.b=o;break;case 5:s.r=o,s.g=a,s.b=i}return s.r=Math.round(s.r),s.g=Math.round(s.g),s.b=Math.round(s.b),g()({},s,{a:n})},x=e=>m(w(e)),_=e=>/^#?([A-Fa-f0-9]{3,4}){1,2}$/.test(e);function O(e){var r=Object(b.useRef)(e);return Object(b.useEffect)(()=>{r.current=e}),Object(b.useCallback)((e,t)=>r.current&&r.current(e,t),[])}function o(e,t,r){return void 0===t&&(t=0),(r=void 0===r?1:r)<e?r:e<t?t:e}var j=e=>"touches"in e,E=e=>{!j(e)&&e.preventDefault&&e.preventDefault()},C=(e,t)=>{e=e.getBoundingClientRect(),t=j(t)?t.touches[0]:t;return{left:o((t.pageX-(e.left+window.pageXOffset))/e.width),top:o((t.pageY-(e.top+window.pageYOffset))/e.height),width:e.width,height:e.height,x:t.pageX-(e.left+window.pageXOffset),y:t.pageY-(e.top+window.pageYOffset)}},S=r(569),M=["prefixCls","className","onMove","onDown"],n=i.a.forwardRef((e,t)=>{var{prefixCls:r="w-color-interactive",className:n,onMove:o,onDown:a}=e,e=v()(e,M),i=Object(b.useRef)(null),l=Object(b.useRef)(!1),[s,c]=Object(b.useState)(!1),u=O(o),f=O(a),h=Object(b.useCallback)(e=>{E(e),(j(e)?0<e.touches.length:0<e.buttons)&&i.current?u&&u(C(i.current,e),e):c(!1)},[u]),p=Object(b.useCallback)(()=>c(!1),[]),d=Object(b.useCallback)(e=>{e=e?window.addEventListener:window.removeEventListener;e(l.current?"touchmove":"mousemove",h),e(l.current?"touchend":"mouseup",p)},[]),o=(Object(b.useEffect)(()=>(d(s),()=>{s&&d(!1)}),[s,d]),Object(b.useCallback)(e=>{var t;E(e.nativeEvent),t=e.nativeEvent,l.current&&!j(t)\|\|(l.current=j(t),0)\|\|(f&&f(C(i.current,e.nativeEvent),e.nativeEvent),c(!0))},[f]));return Object(S.jsx)("div",g()({},e,{className:[r,n\|\|""].filter(Boolean).join(" "),style:g()({},e.style,{touchAction:"none"}),ref:i,tabIndex:0,onMouseDown:o,onTouchStart:o}))}),k=(n.displayName="Interactive",n),R=e=>{var{className:e,color:t,left:r,top:n,style:o,prefixCls:a}=e,o=g()({},o,{position:"absolute",top:n,left:r}),n=a+"-pointer "+(e\|\|"");return Object(S.jsx)("div",{className:n,style:o,children:Object(S.jsx)("div",{className:a+"-fill",style:{width:10,height:10,transform:"translate(-5px, -5px)",boxShadow:"rgb(255 255 255) 0px 0px 0px 1.5px, rgb(0 0 0 / 30%) 0px 0px 1px 1px inset, rgb(0 0 0 / 40%) 0px 0px 1px 2px",borderRadius:"50%",backgroundColor:"#fff"},children:Object(S.jsx)("div",{style:{inset:0,borderRadius:"50%",position:"absolute",backgroundColor:t}})})})},A=2Math.PI;function P(e){var{width:e=0}=e,t=e/2;return{width:e,radius:t,cx:t,cy:t}}function N(e){var{width:e=0}=e;return e/2}function H(e,t,r){var n=e.angle\|\|0,e=e.direction;return r&&"clockwise"===e?t=n+t:"clockwise"===e?t=360-n+t:r&&"anticlockwise"===e?t=n+180-t:"anticlockwise"===e&&(t=n-t),(t%360+360)%360}function a(e){var t=e.id,r=e.className,n=e.style,o=e.color,a=e.setProps,e=e.loading_state;return Object(b.useEffect)(function(){o\|\|a({color:"#fffc51"})},[]),i.a.createElement(l,{id:t,className:r,style:n,color:o,onChange:function(e){a({color:e.hex})},"data-dash-is-loading":e&&e.is_loading\|\|void 0})}var T=["prefixCls","radius","pointer","className","style","width","height","oval","direction","angle","color","onChange"],n=i.a.forwardRef((e,t)=>{var{prefixCls:r="w-color-wheel",pointer:n,className:o,style:a,width:u=200,height:f=200,oval:i,direction:l="anticlockwise",angle:s=180,color:c,onChange:h}=e,e=v()(e,T),p="string"==typeof c&&_(c)?y(c):c\|\|{},c=c?x(p):"",d=function(e){var{cx:t,cy:r}=P(e),n=N(e),o=(180+H(e,p.h,!0))(A/360),n=p.s/100n,e="clockwise"===e.direction?-1:1;return{x:t+nMath.cos(o)e,y:r+nMath.sin(o)e}}({width:u}),c={top:"0",left:"0",color:c},b=(e,t)=>{var r,n,o,a,i,l,s,c,e=function(e,t,r){var{cx:n,cy:o}=P(e),a=N(e),n=(t=n-t,r=o-r,H(e,Math.atan2(-r,-t)(360/A))),o=Math.min(Math.sqrt(tt+rr),a);return{h:Math.round(n),s:Math.round(100/ao)}}({width:u},u-e.x,f-e.y),e={h:e.h,s:e.s,v:p.v,a:p.a};h&&h(("string"==typeof(e=e)&&_(e)?(l=y(e),s=e):"string"!=typeof e&&(l=e),l&&(o=(()=>{var{h:e,s:t,v:r}=l;return{h:e,s:t,v:r}})(),i=(e=>{var{h:e,s:t,v:r,a:n}=e,o=(200-t)r/100;return{h:e,s:0<o&&o<200?tr/100/(o<=100?o:200-o)100:0,l:o/2,a:n}})(l),c=(e=>{var{r:e,g:t,b:r,a:n}=e,o="number"==typeof n&&(255n\|256).toString(16).slice(1);return""+m({r:e,g:t,b:r,a:n})+(o\|\|"")})(a=w(l)),s=x(l),n=(()=>{var{h:e,s:t,l:r}=i;return{h:e,s:t,l:r}})(),r=(()=>{var{r:e,g:t,b:r}=a;return{r:e,g:t,b:r}})()),{rgb:r,hsl:n,hsv:o,rgba:a,hsla:i,hsva:l,hex:s,hexa:c}))},d={zIndex:1,transform:"translate("+d.x+"px, "+d.y+"px) "+("x"===i\|\|"X"===i?"scaleY(2)":"y"===i\|\|"Y"===i?"scaleX(2)":"")},n=n&&"function"==typeof n?n(g()({prefixCls:r,style:d},c)):Object(S.jsx)(R,g()({prefixCls:r,style:d},c));return Object(S.jsxs)(k,g()({className:[r,o\|\|""].filter(Boolean).join(" ")},e,{style:g()({position:"relative",width:u,transform:"x"===i\|\|"X"===i?"scaleY(0.5)":"y"===i\|\|"Y"===i?"scaleX(0.5)":"",height:f},a),ref:t,onMove:b,onDown:b,children:[n,Object(S.jsx)("div",{style:{position:"absolute",borderRadius:"50%",background:"anticlockwise"===l?"conic-gradient(red, yellow, lime, aqua, blue, magenta, red)":"conic-gradient(red, magenta, blue, aqua, lime, yellow, red)",transform:"rotateZ("+(s+90)+"deg)",inset:0}}),Object(S.jsx)("div",{style:{position:"absolute",borderRadius:"50%",background:"radial-gradient(circle closest-side, #fff, transparent)",inset:0}}),Object(S.jsx)("div",{style:{backgroundColor:"#000",borderRadius:"50%",position:"absolute",inset:0,opacity:"number"==typeof p.v?1-p.v/100:0}})]}))}),l=(n.displayName="Wheel",n),n=r(184);(t.default=a).defaultProps=n.b,a.propTypes=n.c},532:function(e,t,r){"use strict";r.r(t);function n(e){var t=e.color,r=e.onClick,n=e.onSwatchHover,o=e.hover,a=e.active,i=e.circleSize,e=e.circleSpacing,e=h()({default:{swatch:{width:i,height:i,marginRight:e,marginBottom:e,transform:"scale(1)",transition:"100ms transform ease"},Swatch:{borderRadius:"50%",background:"transparent",boxShadow:"inset 0 0 0 "+(i/2+1)+"px "+t,transition:"100ms box-shadow ease"}},hover:{swatch:{transform:"scale(1.2)"}},active:{Swatch:{boxShadow:"inset 0 0 0 3px "+t}}},{hover:o,active:a});return f.a.createElement("div",{style:e.swatch},f.a.createElement(s.d,{style:e.Swatch,color:t,onClick:r,onHover:n,focusStyle:{boxShadow:e.Swatch.boxShadow+", 0 0 5px "+t}}))}function o(e){function t(e,t){return n({hex:e,source:"hex"},t)}var r=e.width,n=e.onChange,o=e.onSwatchHover,a=e.colors,i=e.hex,l=e.circleSize,s=void 0===(s=e.styles)?{}:s,c=e.circleSpacing,e=void 0===(e=e.className)?"":e,r=h()(Object(d.a)({default:{card:{width:r,display:"flex",flexWrap:"wrap",marginRight:-c,marginBottom:-c}}},s));return f.a.createElement("div",{style:r.card,className:"circle-picker "+e},Object(p.a)(a,function(e){return f.a.createElement(b,{key:e,color:e,onClick:t,onSwatchHover:o,active:i===e.toLowerCase(),circleSize:l,circleSpacing:c})}))}function a(e){var t=e.id,r=e.className,n=e.style,o=e.width,a=e.circleSize,i=e.circleSpacing,l=e.color,s=e.colors,c=e.setProps,e=e.loading_state;return Object(u.useEffect)(function(){s&&!l&&c({color:s[0]})},[]),f.a.createElement(g,{id:t,className:r,style:n,width:o,circleSize:a,circleSpacing:i,color:l,colors:s,onChangeComplete:function(e,t){return c({color:e.hex})},"data-dash-is-loading":e&&e.is_loading\|\|void 0})}var u=r(1),f=r.n(u),i=r(0),i=r.n(i),l=r(550),h=r.n(l),p=r(575),d=r(566),s=r(556),b=(n.defaultProps={circleSize:28,circleSpacing:14},Object(l.handleHover)(n)),g=(o.propTypes={width:i.a.oneOfType([i.a.string,i.a.number]),circleSize:i.a.number,circleSpacing:i.a.number,styles:i.a.object},o.defaultProps={width:252,circleSize:28,circleSpacing:14,colors:["#f44336","#e91e63","#9c27b0","#673ab7","#3f51b5","#2196f3","#03a9f4","#00bcd4","#009688","#4caf50","#8bc34a","#cddc39","#ffeb3b","#ffc107","#ff9800","#ff5722","#795548","#607d8b"],styles:{}},Object(s.b)(o)),l=r(183);(t.default=a).defaultProps=l.b,a.propTypes=l.c},533:function(e,t,r){"use strict";r.r(t);function n(e){function t(e,t){return o({hex:e,source:"hex"},t)}var r=e.width,n=e.colors,o=e.onChange,a=e.onSwatchHover,i=e.triangle,l=void 0===(l=e.styles)?{}:l,e=void 0===(e=e.className)?"":e,r=u()(Object(h.a)({default:{card:{width:r,background:"#fff",border:"1px solid rgba(0,0,0,0.2)",boxShadow:"0 3px 12px rgba(0,0,0,0.15)",borderRadius:"4px",position:"relative",padding:"5px",display:"flex",flexWrap:"wrap"},triangle:{position:"absolute",border:"7px solid transparent",borderBottomColor:"#fff"},triangleShadow:{position:"absolute",border:"8px solid transparent",borderBottomColor:"rgba(0,0,0,0.15)"}},"hide-triangle":{triangle:{display:"none"},triangleShadow:{display:"none"}},"top-left-triangle":{triangle:{top:"-14px",left:"10px"},triangleShadow:{top:"-16px",left:"9px"}},"top-right-triangle":{triangle:{top:"-14px",right:"10px"},triangleShadow:{top:"-16px",right:"9px"}},"bottom-left-triangle":{triangle:{top:"35px",left:"10px",transform:"rotate(180deg)"},triangleShadow:{top:"37px",left:"9px",transform:"rotate(180deg)"}},"bottom-right-triangle":{triangle:{top:"35px",right:"10px",transform:"rotate(180deg)"},triangleShadow:{top:"37px",right:"9px",transform:"rotate(180deg)"}}},l),{"hide-triangle":"hide"===i,"top-left-triangle":"top-left"===i,"top-right-triangle":"top-right"===i,"bottom-left-triangle":"bottom-left"===i,"bottom-right-triangle":"bottom-right"===i});return c.a.createElement("div",{style:r.card,className:"github-picker "+e},c.a.createElement("div",{style:r.triangleShadow}),c.a.createElement("div",{style:r.triangle}),Object(f.a)(n,function(e){return c.a.createElement(p,{color:e,key:e,onClick:t,onSwatchHover:a})}))}function o(e){var t=e.id,r=e.className,n=e.style,o=e.color,a=e.colors,i=e.triangle,l=e.setProps,e=e.loading_state;return Object(s.useEffect)(function(){a&&!o&&l({color:a[0]})},[]),c.a.createElement(d,{id:t,className:r,style:n,color:o,colors:a,triangle:i,onChangeComplete:function(e,t){return l({color:e.hex})},"data-dash-is-loading":e&&e.is_loading\|\|void 0})}var s=r(1),c=r.n(s),a=r(0),a=r.n(a),i=r(550),u=r.n(i),f=r(575),h=r(566),l=r(556),p=Object(i.handleHover)(function(e){var t=e.hover,r=e.color,n=e.onClick,e=e.onSwatchHover,o={position:"relative",zIndex:"2",outline:"2px solid #fff",boxShadow:"0 0 5px 2px rgba(0,0,0,0.25)"},t=u()({default:{swatch:{width:"25px",height:"25px",fontSize:"0"}},hover:{swatch:o}},{hover:t});return c.a.createElement("div",{style:t.swatch},c.a.createElement(l.d,{color:r,onClick:n,onHover:e,focusStyle:o}))}),d=(n.propTypes={width:a.a.oneOfType([a.a.string,a.a.number]),colors:a.a.arrayOf(a.a.string),triangle:a.a.oneOf(["hide","top-left","top-right","bottom-left","bottom-right"]),styles:a.a.object},n.defaultProps={width:200,colors:["#B80000","#DB3E00","#FCCB00","#008B02","#006B76","#1273DE","#004DCF","#5300EB","#EB9694","#FAD0C3","#FEF3BD","#C1E1C5","#BEDADC","#C4DEF6","#BED3F3","#D4C4FB"],triangle:"top-left",styles:{}},Object(l.b)(n)),i=r(180);(t.default=o).defaultProps=i.b,o.propTypes=i.c},534:function(e,t,r){"use strict";r.r(t);function u(e){var t=e.colors,r=e.onClick,n=e.onSwatchHover,o=h()({default:{swatches:{marginRight:"-10px"},swatch:{width:"22px",height:"22px",float:"left",marginRight:"10px",marginBottom:"10px",borderRadius:"4px"},clear:{clear:"both"}}});return f.a.createElement("div",{style:o.swatches},Object(l.a)(t,function(e){return f.a.createElement(b.d,{key:e,color:e,style:o.swatch,onClick:r,onHover:n,focusStyle:{boxShadow:"0 0 4px "+e}})}),f.a.createElement("div",{style:o.clear}))}function n(e){function t(e,t){d.b(e)&&r({hex:e,source:"hex"},t)}var r=e.onChange,n=e.onSwatchHover,o=e.hex,a=e.colors,i=e.width,l=e.triangle,s=void 0===(s=e.styles)?{}:s,e=void 0===(e=e.className)?"":e,c="transparent"===o,i=h()(Object(p.a)({default:{card:{width:i,background:"#fff",boxShadow:"0 1px rgba(0,0,0,.1)",borderRadius:"6px",position:"relative"},head:{height:"110px",background:o,borderRadius:"6px 6px 0 0",display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},body:{padding:"10px"},label:{fontSize:"18px",color:d.a(o),position:"relative"},triangle:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 10px 10px 10px",borderColor:"transparent transparent "+o+" transparent",position:"absolute",top:"-10px",left:"50%",marginLeft:"-10px"},input:{width:"100%",fontSize:"12px",color:"#666",border:"0px",outline:"none",height:"22px",boxShadow:"inset 0 0 0 1px #ddd",borderRadius:"4px",padding:"0 7px",boxSizing:"border-box"}},"hide-triangle":{triangle:{display:"none"}}},s),{"hide-triangle":"hide"===l});return f.a.createElement("div",{style:i.card,className:"block-picker "+e},f.a.createElement("div",{style:i.triangle}),f.a.createElement("div",{style:i.head},c&&f.a.createElement(b.a,{borderRadius:"6px 6px 0 0"}),f.a.createElement("div",{style:i.label},o)),f.a.createElement("div",{style:i.body},f.a.createElement(u,{colors:a,onClick:t,onSwatchHover:n}),f.a.createElement(b.c,{style:{input:i.input},value:o,onChange:t})))}function o(e){var t=e.id,r=e.className,n=e.style,o=e.width,a=e.color,i=e.colors,l=e.triangle,s=e.setProps,e=e.loading_state;return Object(c.useEffect)(function(){i&&!a&&s({color:i[0]})},[]),f.a.createElement(g,{id:t,className:r,style:n,color:a,colors:i,width:o,triangle:l,onChangeComplete:function(e,t){return s({color:e.hex})},"data-dash-is-loading":e&&e.is_loading\|\|void 0})}var c=r(1),f=r.n(c),a=r(0),a=r.n(a),i=r(550),h=r.n(i),p=r(566),d=r(595),b=r(556),l=r(575),g=(n.propTypes={width:a.a.oneOfType([a.a.string,a.a.number]),colors:a.a.arrayOf(a.a.string),triangle:a.a.oneOf(["top","hide"]),styles:a.a.object},n.defaultProps={width:170,colors:["#D9E3F0","#F47373","#697689","#37D67A","#2CCCE4","#555555","#dce775","#ff8a65","#ba68c8"],triangle:"top",styles:{}},Object(b.b)(n)),i=r(182);(t.default=o).defaultProps=i.b,o.propTypes=i.c},537:function(e,t,r){"use strict";r.r(t);function n(e){function r(e,t){d.b(e)&&n({hex:e,source:"hex"},t)}var n=e.onChange,o=e.onSwatchHover,t=e.hex,a=e.colors,i=e.width,l=e.triangle,s=void 0===(s=e.styles)?{}:s,e=void 0===(e=e.className)?"":e,c=f()(Object(p.a)({default:{card:{width:i,background:"#fff",border:"0 solid rgba(0,0,0,0.25)",boxShadow:"0 1px 4px rgba(0,0,0,0.25)",borderRadius:"4px",position:"relative"},body:{padding:"15px 9px 9px 15px"},label:{fontSize:"18px",color:"#fff"},triangle:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 9px 10px 9px",borderColor:"transparent transparent #fff transparent",position:"absolute"},triangleShadow:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 9px 10px 9px",borderColor:"transparent transparent rgba(0,0,0,.1) transparent",position:"absolute"},hash:{background:"#F0F0F0",height:"30px",width:"30px",borderRadius:"4px 0 0 4px",float:"left",color:"#98A1A4",display:"flex",alignItems:"center",justifyContent:"center"},input:{width:"100px",fontSize:"14px",color:"#666",border:"0px",outline:"none",height:"28px",boxShadow:"inset 0 0 0 1px #F0F0F0",boxSizing:"content-box",borderRadius:"0 4px 4px 0",float:"left",paddingLeft:"8px"},swatch:{width:"30px",height:"30px",float:"left",borderRadius:"4px",margin:"0 6px 6px 0"},clear:{clear:"both"}},"hide-triangle":{triangle:{display:"none"},triangleShadow:{display:"none"}},"top-left-triangle":{triangle:{top:"-10px",left:"12px"},triangleShadow:{top:"-11px",left:"12px"}},"top-right-triangle":{triangle:{top:"-10px",right:"12px"},triangleShadow:{top:"-11px",right:"12px"}}},s),{"hide-triangle":"hide"===l,"top-left-triangle":"top-left"===l,"top-right-triangle":"top-right"===l});return u.a.createElement("div",{style:c.card,className:"twitter-picker "+e},u.a.createElement("div",{style:c.triangleShadow}),u.a.createElement("div",{style:c.triangle}),u.a.createElement("div",{style:c.body},Object(h.a)(a,function(e,t){return u.a.createElement(b.d,{key:t,color:e,hex:e,style:c.swatch,onClick:r,onHover:o,focusStyle:{boxShadow:"0 0 4px "+e}})}),u.a.createElement("div",{style:c.hash},"#"),u.a.createElement(b.c,{label:null,style:{input:c.input},value:t.replace("#",""),onChange:r}),u.a.createElement("div",{style:c.clear})))}function o(e){var t=e.id,r=e.className,n=e.style,o=e.width,a=e.color,i=e.colors,l=e.triangle,s=e.setProps,e=e.loading_state;return Object(c.useEffect)(function(){i&&!a&&s({color:i[0]})},[]),u.a.createElement(g,{id:t,className:r,style:n,color:a,colors:i,width:o,triangle:l,onChangeComplete:function(e,t){return s({color:e.hex})},"data-dash-is-loading":e&&e.is_loading\|\|void 0})}var c=r(1),u=r.n(c),a=r(0),a=r.n(a),i=r(550),f=r.n(i),h=r(575),p=r(566),d=r(595),b=r(556),g=(n.propTypes={width:a.a.oneOfType([a.a.string,a.a.number]),triangle:a.a.oneOf(["hide","top-left","top-right"]),colors:a.a.arrayOf(a.a.string),styles:a.a.object},n.defaultProps={width:276,colors:["#FF6900","#FCB900","#7BDCB5","#00D084","#8ED1FC","#0693E3","#ABB8C3","#EB144C","#F78DA7","#9900EF"],triangle:"top-left",styles:{}},Object(b.b)(n)),i=r(181);(t.default=o).defaultProps=i.b,o.propTypes=i.c},538:function(e,t,r){"use strict";r.r(t);var c=r(1);const o=()=>"undefined"!=typeof window&&"EyeDropper"in window,n=()=>Promise.reject(new Error("Unsupported browser."));function a(e){var t=e.id,r=e.enable,n=e.setProps,e=e.loading_state,o=s(),a=o.open,i=o.close,l=o.isSupported;return Object(c.useEffect)(function(){l()&&(r?a().then(function(e){n({color:e.sRGBHex,enable:!1})}).catch(function(e){return n({enable:!1})}):i())},[r]),React.createElement("div",{id:t,"data-dash-is-loading":e&&e.is_loading\|\|void 0})}var s=t=>{const a=Object(c.useMemo)(()=>{return e=t,(e=o()&&new EyeDropper(e))?EyeDropper.prototype.open.bind(e):n;var e},[t]),[i,e]=(()=>{const e=Object(c.useRef)(),[t,r]=Object(c.useState)(!1);Object(c.useEffect)(()=>(e.current=!0,r(o()),()=>{e.current=!1}),[]);var n=Object(c.useCallback)(()=>t,[t]);return[e,n]})(),l=Object(c.useRef)(),s=Object(c.useCallback)(()=>{void 0!==l.current&&l.current.abort()},[l]),r=Object(c.useCallback)(async function(e){void 0===e&&(e={}),s();const{signal:t,...r}=e,n=new AbortController;l.current=n;var o=void 0!==t?(e=>{const t=new AbortController,r=()=>{t.abort();for(const t of e)t.removeEventListener("abort",r)};for(const t of e){if(t.aborted){r();break}t.addEventListener("abort",r)}return t.signal})([t,n.signal]):n.signal;try{return await a({...r,signal:o})}catch(e){throw i.current\|\|(e.canceled=!0),e}},[l,i,s,a]);return Object(c.useEffect)(()=>s,[s]),{open:r,close:s,isSupported:e}},r=r(192);(t.default=a).defaultProps=r.b,a.propTypes=r.c},550:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ReactCSS=t.loop=t.handleActive=t.handleHover=t.hover=void 0;var a=s(r(665)),i=s(r(691)),l=s(r(693)),n=s(r(694)),o=s(r(695)),r=s(r(696));function s(e){return e&&e.__esModule?e:{default:e}}t.hover=n.default,t.handleHover=n.default,t.handleActive=o.default,t.loop=r.default;n=t.ReactCSS=function(e){for(var t=arguments.length,r=Array(1<t?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];var o=(0,a.default)(r),e=(0,i.default)(e,o);return(0,l.default)(e)};t.default=n},556:function(D,e,t){"use strict";function r(e){var t=e.white,r=e.grey,n=e.size,o=e.renderers,a=e.borderRadius,i=e.boxShadow,e=e.children,i=u()({default:{grid:{borderRadius:a,boxShadow:i,absolute:"0px 0px 0px 0px",background:"url("+(a=t,i=r,t=n,r=o.canvas,s[n=a+"-"+i+"-"+t+(r?"-server":"")]\|\|(a=a,i=i,t=t,a=("undefined"!=typeof document\|\|r)&&((r=r?new r:document.createElement("canvas")).width=2t,r.height=2t,o=r.getContext("2d"))?(o.fillStyle=a,o.fillRect(0,0,r.width,r.height),o.fillStyle=i,o.fillRect(0,0,t,t),o.translate(t,t),o.fillRect(0,0,t,t),r.toDataURL()):null,s[n]=a))+") center left"}}});return Object(l.isValidElement)(e)?c.a.cloneElement(e,f({},e.props,{style:f({},e.props.style,i.grid)})):c.a.createElement("div",{style:i.grid})}var l=t(1),c=t.n(l),n=t(550),u=t.n(n),s={},f=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},h=(r.defaultProps={size:8,white:"transparent",grey:"rgba(0,0,0,.08)",renderers:{}},r),o=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},n=function(e,t,r){return t&&a(e.prototype,t),r&&a(e,r),e};function a(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable\|\|!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function i(e,t){if(e)return!t\|\|"object"!=typeof t&&"function"!=typeof t?e:t;throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}var p=l.PureComponent\|\|l.Component;function d(){var r,e=this,t=d;if(!(e instanceof t))throw new TypeError("Cannot call a class as a function");for(var n=arguments.length,o=Array(n),a=0;a<n;a++)o[a]=arguments[a];return t=r=i(this,(e=d.__proto__\|\|Object.getPrototypeOf(d)).call.apply(e,[this].concat(o))),r.handleChange=function(e){var t=function(e,t,r,n,o){var a=o.clientWidth,i=o.clientHeight,l=("number"==typeof e.pageX?e:e.touches[0]).pageX,e=("number"==typeof e.pageY?e:e.touches[0]).pageY,l=l-(o.getBoundingClientRect().left+window.pageXOffset),e=e-(o.getBoundingClientRect().top+window.pageYOffset);if("vertical"===r){o=e<0?0:i<e?1:Math.round(100e/i)/100;if(t.a!==o)return{h:t.h,s:t.s,l:t.l,a:o,source:"rgb"}}else if(n!==(r=l<0?0:a<l?1:Math.round(100l/a)/100))return{h:t.h,s:t.s,l:t.l,a:r,source:"rgb"};return null}(e,r.props.hsl,r.props.direction,r.props.a,r.container);t&&"function"==typeof r.props.onChange&&r.props.onChange(t,e)},r.handleMouseDown=function(e){r.handleChange(e),window.addEventListener("mousemove",r.handleChange),window.addEventListener("mouseup",r.handleMouseUp)},r.handleMouseUp=function(){r.unbindEventListeners()},r.unbindEventListeners=function(){window.removeEventListener("mousemove",r.handleChange),window.removeEventListener("mouseup",r.handleMouseUp)},i(r,t)}var b=d;if("function"!=typeof p&&null!==p)throw new TypeError("Super expression must either be null or a function, not "+typeof p);b.prototype=Object.create(p&&p.prototype,{constructor:{value:b,enumerable:!1,writable:!0,configurable:!0}}),p&&(Object.setPrototypeOf?Object.setPrototypeOf(b,p):b.__proto__=p),n(d,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"render",value:function(){var t=this,e=this.props.rgb,e=u()({default:{alpha:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},checkboard:{absolute:"0px 0px 0px 0px",overflow:"hidden",borderRadius:this.props.radius},gradient:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, rgba("+e.r+","+e.g+","+e.b+", 0) 0%,\n rgba("+e.r+","+e.g+","+e.b+", 1) 100%)",boxShadow:this.props.shadow,borderRadius:this.props.radius},container:{position:"relative",height:"100%",margin:"0 3px"},pointer:{position:"absolute",left:100e.a+"%"},slider:{width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",marginTop:"1px",transform:"translateX(-2px)"}},vertical:{gradient:{background:"linear-gradient(to bottom, rgba("+e.r+","+e.g+","+e.b+", 0) 0%,\n rgba("+e.r+","+e.g+","+e.b+", 1) 100%)"},pointer:{left:0,top:100e.a+"%"}},overwrite:o({},this.props.style)},{vertical:"vertical"===this.props.direction,overwrite:!0});return c.a.createElement("div",{style:e.alpha},c.a.createElement("div",{style:e.checkboard},c.a.createElement(h,{renderers:this.props.renderers})),c.a.createElement("div",{style:e.gradient}),c.a.createElement("div",{style:e.container,ref:function(e){return t.container=e},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},c.a.createElement("div",{style:e.pointer},this.props.pointer?c.a.createElement(this.props.pointer,this.props):c.a.createElement("div",{style:e.slider}))))}}]);var g=function(e,t,r){return t&&v(e.prototype,t),r&&v(e,r),e};function v(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable\|\|!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}var m=[38,40],y=1,w=function(e){function t(e){var n;if(this instanceof t)return(n=function(e,t){if(e)return!t\|\|"object"!=typeof t&&"function"!=typeof t?e:t;throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}(this,(t.__proto__\|\|Object.getPrototypeOf(t)).call(this))).handleBlur=function(){n.state.blurValue&&n.setState({value:n.state.blurValue,blurValue:null})},n.handleChange=function(e){n.setUpdatedValue(e.target.value,e)},n.handleKeyDown=function(e){r=e.target.value;var t,r=Number(String(r).replace(/%/g,""));!isNaN(r)&&(t=e.keyCode,-1<m.indexOf(t))&&(t=n.getArrowOffset(),r=38===e.keyCode?r+t:r-t,n.setUpdatedValue(r,e))},n.handleDrag=function(e){var t;n.props.dragLabel&&0<=(t=Math.round(n.props.value+e.movementX))&&t<=n.props.dragMax&&n.props.onChange&&n.props.onChange(n.getValueObjectWithLabel(t),e)},n.handleMouseDown=function(e){n.props.dragLabel&&(e.preventDefault(),n.handleDrag(e),window.addEventListener("mousemove",n.handleDrag),window.addEventListener("mouseup",n.handleMouseUp))},n.handleMouseUp=function(){n.unbindEventListeners()},n.unbindEventListeners=function(){window.removeEventListener("mousemove",n.handleDrag),window.removeEventListener("mouseup",n.handleMouseUp)},n.state={value:String(e.value).toUpperCase(),blurValue:String(e.value).toUpperCase()},n.inputId="rc-editable-input-"+y++,n;throw new TypeError("Cannot call a class as a function")}var r=t;if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);return r.prototype=Object.create(e&&e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(r,e):r.__proto__=e),g(t,[{key:"componentDidUpdate",value:function(e,t){this.props.value===this.state.value\|\|e.value===this.props.value&&t.value===this.state.value\|\|(this.input===document.activeElement?this.setState({blurValue:String(this.props.value).toUpperCase()}):this.setState({value:String(this.props.value).toUpperCase(),blurValue:!this.state.blurValue&&String(this.props.value).toUpperCase()}))}},{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"getValueObjectWithLabel",value:function(e){return t={},r=this.props.label,e=e,r in t?Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[r]=e,t;var t,r}},{key:"getArrowOffset",value:function(){return this.props.arrowOffset\|\|1}},{key:"setUpdatedValue",value:function(e,t){var r=this.props.label?this.getValueObjectWithLabel(e):e;this.props.onChange&&this.props.onChange(r,t),this.setState({value:e})}},{key:"render",value:function(){var t=this,e=u()({default:{wrap:{position:"relative"}},"user-override":{wrap:this.props.style&&this.props.style.wrap?this.props.style.wrap:{},input:this.props.style&&this.props.style.input?this.props.style.input:{},label:this.props.style&&this.props.style.label?this.props.style.label:{}},"dragLabel-true":{label:{cursor:"ew-resize"}}},{"user-override":!0},this.props);return c.a.createElement("div",{style:e.wrap},c.a.createElement("input",{id:this.inputId,style:e.input,ref:function(e){return t.input=e},value:this.state.value,onKeyDown:this.handleKeyDown,onChange:this.handleChange,onBlur:this.handleBlur,placeholder:this.props.placeholder,spellCheck:"false"}),this.props.label&&!this.props.hideLabel?c.a.createElement("label",{htmlFor:this.inputId,style:e.label,onMouseDown:this.handleMouseDown},this.props.label):null)}}]),t}(l.PureComponent\|\|l.Component),b=function(e,t,r){return t&&x(e.prototype,t),r&&x(e,r),e};function x(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable\|\|!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _(e,t){if(e)return!t\|\|"object"!=typeof t&&"function"!=typeof t?e:t;throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}p=l.PureComponent\|\|l.Component;function O(){var r,e=this,t=O;if(!(e instanceof t))throw new TypeError("Cannot call a class as a function");for(var n=arguments.length,o=Array(n),a=0;a<n;a++)o[a]=arguments[a];return t=r=_(this,(e=O.__proto__\|\|Object.getPrototypeOf(O)).call.apply(e,[this].concat(o))),r.handleChange=function(e){var t=function(e,t,r,n){var o=n.clientWidth,a=n.clientHeight,i=("number"==typeof e.pageX?e:e.touches[0]).pageX,e=("number"==typeof e.pageY?e:e.touches[0]).pageY,i=i-(n.getBoundingClientRect().left+window.pageXOffset),e=e-(n.getBoundingClientRect().top+window.pageYOffset);if("vertical"===t){n=void 0,n=e<0?359:a<e?0:360(-100e/a+100)/100;if(r.h!==n)return{h:n,s:r.s,l:r.l,a:r.a,source:"hsl"}}else{t=void 0,t=i<0?0:o<i?359:100i/o360/100;if(r.h!==t)return{h:t,s:r.s,l:r.l,a:r.a,source:"hsl"}}return null}(e,r.props.direction,r.props.hsl,r.container);t&&"function"==typeof r.props.onChange&&r.props.onChange(t,e)},r.handleMouseDown=function(e){r.handleChange(e),window.addEventListener("mousemove",r.handleChange),window.addEventListener("mouseup",r.handleMouseUp)},r.handleMouseUp=function(){r.unbindEventListeners()},_(r,t)}n=O;if("function"!=typeof p&&null!==p)throw new TypeError("Super expression must either be null or a function, not "+typeof p);n.prototype=Object.create(p&&p.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),p&&(Object.setPrototypeOf?Object.setPrototypeOf(n,p):n.__proto__=p),b(O,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"unbindEventListeners",value:function(){window.removeEventListener("mousemove",this.handleChange),window.removeEventListener("mouseup",this.handleMouseUp)}},{key:"render",value:function(){var t=this,e=this.props.direction,e=void 0===e?"horizontal":e,r=u()({default:{hue:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius,boxShadow:this.props.shadow},container:{padding:"0 2px",position:"relative",height:"100%",borderRadius:this.props.radius},pointer:{position:"absolute",left:100this.props.hsl.h/360+"%"},slider:{marginTop:"1px",width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",transform:"translateX(-2px)"}},vertical:{pointer:{left:"0px",top:-100this.props.hsl.h/360+100+"%"}}},{vertical:"vertical"===e});return c.a.createElement("div",{style:r.hue},c.a.createElement("div",{className:"hue-"+e,style:r.container,ref:function(e){return t.container=e},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},c.a.createElement("style",null,"\n .hue-horizontal {\n background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0\n 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n background: -webkit-linear-gradient(to right, #f00 0%, #ff0\n 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n }\n\n .hue-vertical {\n background: linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%,\n #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n background: -webkit-linear-gradient(to top, #f00 0%, #ff0 17%,\n #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n }\n "),c.a.createElement("div",{style:r.pointer},this.props.pointer?c.a.createElement(this.props.pointer,this.props):c.a.createElement("div",{style:r.slider}))))}}]);var n=t(0),p=t.n(n),j=(t(566),p.a.string,p.a.oneOf([0,1,2,3,4,5]),p.a.number,p.a.object,t(499)),b=function(e,t,r){return t&&E(e.prototype,t),r&&E(e,r),e};function E(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable\|\|!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}n=l.PureComponent\|\|l.Component;function C(e){var l;if(this instanceof C)return(l=function(e,t){if(e)return!t\|\|"object"!=typeof t&&"function"!=typeof t?e:t;throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}(this,(C.__proto__\|\|Object.getPrototypeOf(C)).call(this,e))).handleChange=function(e){var t,r,n,o,a,i;"function"==typeof l.props.onChange&&l.throttle(l.props.onChange,(t=e,r=l.props.hsl,n=l.container,o=n.getBoundingClientRect(),a=o.width,o=o.height,i=("number"==typeof t.pageX?t:t.touches[0]).pageX,t=("number"==typeof t.pageY?t:t.touches[0]).pageY,i-=n.getBoundingClientRect().left+window.pageXOffset,t-=n.getBoundingClientRect().top+window.pageYOffset,i<0?i=0:a<i&&(i=a),t<0?t=0:o<t&&(t=o),{h:r.h,s:i/a,v:1-t/o,a:r.a,source:"hsv"}),e)},l.handleMouseDown=function(e){l.handleChange(e);e=l.getContainerRenderWindow();e.addEventListener("mousemove",l.handleChange),e.addEventListener("mouseup",l.handleMouseUp)},l.handleMouseUp=function(){l.unbindEventListeners()},l.throttle=Object(j.a)(function(e,t,r){e(t,r)},50),l;throw new TypeError("Cannot call a class as a function")}p=C;if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);p.prototype=Object.create(n&&n.prototype,{constructor:{value:p,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(p,n):p.__proto__=n),b(C,[{key:"componentWillUnmount",value:function(){this.throttle.cancel(),this.unbindEventListeners()}},{key:"getContainerRenderWindow",value:function(){for(var e=this.container,t=window;!t.document.contains(e)&&t.parent!==t;)t=t.parent;return t}},{key:"unbindEventListeners",value:function(){var e=this.getContainerRenderWindow();e.removeEventListener("mousemove",this.handleChange),e.removeEventListener("mouseup",this.handleMouseUp)}},{key:"render",value:function(){var t=this,e=this.props.style\|\|{},r=e.color,n=e.white,o=e.black,a=e.pointer,e=e.circle,r=u()({default:{color:{absolute:"0px 0px 0px 0px",background:"hsl("+this.props.hsl.h+",100%, 50%)",borderRadius:this.props.radius},white:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},black:{absolute:"0px 0px 0px 0px",boxShadow:this.props.shadow,borderRadius:this.props.radius},pointer:{position:"absolute",top:-100this.props.hsv.v+100+"%",left:100this.props.hsv.s+"%",cursor:"default"},circle:{width:"4px",height:"4px",boxShadow:"0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),\n 0 0 1px 2px rgba(0,0,0,.4)",borderRadius:"50%",cursor:"hand",transform:"translate(-2px, -2px)"}},custom:{color:r,white:n,black:o,pointer:a,circle:e}},{custom:!!this.props.style});return c.a.createElement("div",{style:r.color,ref:function(e){return t.container=e},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},c.a.createElement("style",null,"\n .saturation-white {\n background: -webkit-linear-gradient(to right, #fff, rgba(255,255,255,0));\n background: linear-gradient(to right, #fff, rgba(255,255,255,0));\n }\n .saturation-black {\n background: -webkit-linear-gradient(to top, #000, rgba(0,0,0,0));\n background: linear-gradient(to top, #000, rgba(0,0,0,0));\n }\n "),c.a.createElement("div",{style:r.white,className:"saturation-white"},c.a.createElement("div",{style:r.black,className:"saturation-black"}),c.a.createElement("div",{style:r.pointer},this.props.pointer?c.a.createElement(this.props.pointer,this.props):c.a.createElement("div",{style:r.circle}))))}}]);var S=t(292),M=t(595),k=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},R=function(e,t,r){return t&&A(e.prototype,t),r&&A(e,r),e};function A(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable\|\|!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function P(n){var e=function(e){function t(e){var r;if(this instanceof t)return(r=function(e,t){if(e)return!t\|\|"object"!=typeof t&&"function"!=typeof t?e:t;throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}(this,(t.__proto__\|\|Object.getPrototypeOf(t)).call(this))).handleChange=function(e,t){M.c(e)&&(e=M.d(e,e.h\|\|r.state.oldHue),r.setState(e),r.props.onChangeComplete&&r.debounce(r.props.onChangeComplete,e,t),r.props.onChange)&&r.props.onChange(e,t)},r.handleSwatchHover=function(e,t){M.c(e)&&(e=M.d(e,e.h\|\|r.state.oldHue),r.props.onSwatchHover)&&r.props.onSwatchHover(e,t)},r.state=k({},M.d(e.color,0)),r.debounce=Object(S.a)(function(e,t,r){e(t,r)},100),r;throw new TypeError("Cannot call a class as a function")}var r=t;if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);return r.prototype=Object.create(e&&e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(r,e):r.__proto__=e),R(t,[{key:"render",value:function(){var e={};return this.props.onSwatchHover&&(e.onSwatchHover=this.handleSwatchHover),c.a.createElement(n,k({},this.props,this.state,{onChange:this.handleChange},e))}}],[{key:"getDerivedStateFromProps",value:function(e,t){return k({},M.d(e.color,t.oldHue))}}]),t}(l.PureComponent\|\|l.Component);return e.propTypes=k({},n.propTypes),e.defaultProps=k({},n.defaultProps,{color:{h:250,s:.5,l:.2,a:1}}),e}var F=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},L=function(e,t,r){return t&&N(e.prototype,t),r&&N(e,r),e};function N(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable\|\|!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function H(e,t){if(e)return!t\|\|"object"!=typeof t&&"function"!=typeof t?e:t;throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}var T=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},B=function(e,t){var r=1<arguments.length&&void 0!==t?t:"span",t=c.a.Component;function i(){var e,t=this,r=i;if(!(t instanceof r))throw new TypeError("Cannot call a class as a function");for(var n=arguments.length,o=Array(n),a=0;a<n;a++)o[a]=arguments[a];return r=e=H(this,(t=i.__proto__\|\|Object.getPrototypeOf(i)).call.apply(t,[this].concat(o))),e.state={focus:!1},e.handleFocus=function(){return e.setState({focus:!0})},e.handleBlur=function(){return e.setState({focus:!1})},H(e,r)}var n=i;if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);return n.prototype=Object.create(t&&t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(n,t):n.__proto__=t),L(i,[{key:"render",value:function(){return c.a.createElement(r,{onFocus:this.handleFocus,onBlur:this.handleBlur},c.a.createElement(e,F({},this.props,this.state)))}}]),i}(function(e){var t=e.color,r=e.style,n=e.onClick,o=void 0===n?function(){}:n,a=e.onHover,n=e.title,n=void 0===n?t:n,i=e.children,l=e.focus,e=e.focusStyle,e=void 0===e?{}:e,s="transparent"===t,r=u()({default:{swatch:T({background:t,height:"100%",width:"100%",cursor:"pointer",position:"relative",outline:"none"},r,l?e:{})}}),l={};return a&&(l.onMouseOver=function(e){return a(t,e)}),c.a.createElement("div",T({style:r.swatch,onClick:function(e){return o(t,e)},title:n,tabIndex:0,onKeyDown:function(e){return 13===e.keyCode&&o(t,e)}},l),i,s&&c.a.createElement(h,{borderRadius:r.swatch.borderRadius,boxShadow:"inset 0 0 0 1px rgba(0,0,0,0.1)"}))});t.d(e,"a",function(){return h}),t.d(e,"c",function(){return w}),t.d(e,"b",function(){return P}),t.d(e,"d",function(){return B})},566:function(D,e,t){"use strict";var w=t(120),r=t(32),n=function(){try{var e=Object(r.a)(Object,"defineProperty");return e({},"",{}),e}catch(e){}}(),f=function(e,t,r){"__proto__"==t&&n?n(e,t,{configurable:!0,enumerable:!0,value:r,writable:!0}):e[t]=r},h=t(94),x=function(e,t,r){(void 0===r\|\|Object(h.a)(e[t],r))&&(void 0!==r\|\|t in e)\|\|f(e,t,r)},o=t(652),_=t(697),a=t(165),O=function(e,t){var r,t=t?(t=e.buffer,r=new t.constructor(t.byteLength),new a.a(r).set(new a.a(t)),r):e.buffer;return new e.constructor(t,e.byteOffset,e.length)},j=function(e,t){var r=-1,n=e.length;for(t=t\|\|Array(n);++r<n;)t[r]=e[r];return t},E=t(35),i=Object.create,l=function(e){if(!Object(E.a)(e))return{};if(i)return i(e);p.prototype=e;e=new p;return p.prototype=void 0,e},s=t(284),c=Object(s.a)(Object.getPrototypeOf,Object),u=t(191);function p(){}function d(e,t,r,n){var o=!r;r=r\|\|{};for(var a,i,l=-1,s=t.length;++l<s;){var c=t[l],u=n?n(r[c],e[c],c,r,e):void 0;void 0===u&&(u=e[c]),o?f(r,c,u):(u=u,i=void 0,i=(a=r)[c=c],V.call(a,c)&&Object(h.a)(i,u)&&(void 0!==u\|\|c in a)\|\|f(a,c,u))}return r}function C(e){return Object(y.a)(e)?Object($.a)(e,!0):J(e)}function S(b,g,v,m,y){b!==g&&Object(o.a)(g,function(e,t){var r,n,o,a,i,l,s,c,u,f,h,p,d;y=y\|\|new w.a,Object(E.a)(e)?(n=g,a=v,i=S,l=m,s=y,h=N(r=b,o=t),p=N(n,o),(d=s.get(p))?x(r,o,d):((n=void 0===(d=l?l(h,p,o+"",r,n,s):void 0))&&(u=!(c=Object(k.a)(p))&&Object(z.a)(p),f=!c&&!u&&Object(q.a)(p),d=p,c\|\|u\|\|f?d=Object(k.a)(h)?h:B(h)?j(h):u?(n=!1,Object(_.a)(p,!0)):f?O(p,!(n=!1)):[]:Y(p)\|\|Object(M.a)(p)?(d=h,Object(M.a)(h)?d=G(h):Object(E.a)(h)&&!Object(U.a)(h)\|\|(d=L(p))):n=!1),n&&(s.set(p,d),i(d,p,a,l,s),s.delete(p)),x(r,o,d))):(c=m?m(N(b,t),e,t+"",b,g,y):void 0,x(b,t,c=void 0===c?e:c))},C)}function F(e,t){return ee((a=e,i=t,l=H.a,i=T(void 0===i?a.length-1:i,0),function(){for(var e=arguments,t=-1,r=T(e.length-i,0),n=Array(r);++t<r;)n[t]=e[i+t];for(var t=-1,o=Array(i+1);++t<i;)o[t]=e[t];return o[i]=l(n),Z(a,this,o)}),e+"");var a,i,l}var b,g,v,m,L=function(e){return"function"!=typeof e.constructor\|\|Object(u.a)(e)?{}:l(c(e))},M=t(232),k=t(52),y=t(171),R=t(36),B=function(e){return Object(R.a)(e)&&Object(y.a)(e)},z=t(83),U=t(117),I=t(37),s=Function.prototype,A=Object.prototype,P=s.toString,W=A.hasOwnProperty,X=P.call(Object),Y=function(e){return!(!Object(R.a)(e)\|\|"[object Object]"!=Object(I.a)(e))&&(null===(e=c(e))\|\|"function"==typeof(e=W.call(e,"constructor")&&e.constructor)&&e instanceof e&&P.call(e)==X)},q=t(121),N=function(e,t){if(("constructor"!==t\|\|"function"!=typeof e[t])&&"__proto__"!=t)return e[t]},V=Object.prototype.hasOwnProperty,$=t(293),K=Object.prototype.hasOwnProperty,J=function(e){if(Object(E.a)(e)){var t,r=Object(u.a)(e),n=[];for(t in e)("constructor"!=t\|\|!r&&K.call(e,t))&&n.push(t);return n}var o=e,a=[];if(null!=o)for(var i in Object(o))a.push(i);return a},G=function(e){return d(e,C(e))},H=t(568),Z=function(e,t,r){switch(r.length){case 0:return e.call(t);case 1:return e.call(t,r[0]);case 2:return e.call(t,r[0],r[1]);case 3:return e.call(t,r[0],r[1],r[2])}return e.apply(t,r)},T=Math.max,s=n?function(e,t){return n(e,"toString",{configurable:!0,enumerable:!1,value:(r=t,function(){return r}),writable:!0});var r}:H.a,Q=Date.now,ee=(b=s,v=g=0,function(){var e=Q(),t=16-(e-v);if(v=e,0<t){if(800<=++g)return arguments[0]}else g=0;return b.apply(void 0,arguments)}),te=t(190),A=(m=function(e,t,r){S(e,t,r)},F(function(e,t){var r,n,o,a=-1,i=t.length,l=1<i?t[i-1]:void 0,s=2<i?t[2]:void 0,l=3<m.length&&"function"==typeof l?(i--,l):void 0;for((s&&(r=t[0],n=t[1],s=s,!!Object(E.a)(s))&&!!("number"==(o=typeof n)?Object(y.a)(s)&&Object(te.a)(n,s.length):"string"==o&&n in s)&&Object(h.a)(s[n],r)&&(l=i<3?void 0:l,i=1),e=Object(e));++a<i;){var c=t[a];c&&m(e,c,a)}return e}));e.a=A},567:function(e,t,r){var n=r(316);e.exports=function(e){var t;return"string"==typeof e\|\|n(e)?e:"0"==(t=e+"")&&1/e==-1/0?"-0":t}},568:function(e,t,r){"use strict";t.a=function(e){return e}},569:function(e,t,r){"use strict";e.exports=r(699)},575:function(D,e,t){"use strict";var r=function(e,t){for(var r=-1,n=null==e?0:e.length,o=Array(n);++r<n;)o[r]=t(e[r],r,e);return o},p=t(120),d=t(230),a=function(e,t,r,n){var o=r.length,a=o,i=!n;if(null==e)return!a;for(e=Object(e);o--;){var l=r[o];if(i&&l[2]?l[1]!==e[l[0]]:!(l[0]in e))return!1}for(;++o<a;){var s=(l=r[o])[0],c=e[s],u=l[1];if(i&&l[2]){if(void 0===c&&!(s in e))return!1}else{var f,h=new p.a;if(!(void 0===(f=n?n(c,u,s,e,t,h):f)?Object(d.a)(u,c,3,n,h):f))return!1}}return!0},n=t(35),i=function(e){return e==e&&!Object(n.a)(e)},l=t(231),s=function(e){for(var t=Object(l.a)(e),r=t.length;r--;){var n=t[r],o=e[n];t[r]=[n,o,i(o)]}return t},c=function(t,r){return function(e){return null!=e&&e[t]===r&&(void 0!==r\|\|t in Object(e))}},u=t(52),o=t(172),f=/\.\|\[(?:[^[\]]\|(["'])(?:(?!\1)[^\\]\|\\.)?\1)\]/,h=/^\w$/,b=function(e,t){var r;return!Object(u.a)(e)&&(!("number"!=(r=typeof e)&&"symbol"!=r&&"boolean"!=r&&null!=e&&!Object(o.a)(e))\|\|h.test(e)\|\|!f.test(e)\|\|null!=t&&e in Object(t))},g=t(119);function v(n,o){if("function"!=typeof n\|\|null!=o&&"function"!=typeof o)throw new TypeError("Expected a function");function a(){var e=arguments,t=o?o.apply(this,e):e[0],r=a.cache;return r.has(t)?r.get(t):(e=n.apply(this,e),a.cache=r.set(t,e)\|\|r,e)}return a.cache=new(v.Cache\|\|g.a),a}v.Cache=g.a;function m(e){var t;return"string"==typeof e?e:Object(u.a)(e)?r(e,m)+"":Object(o.a)(e)?M?M.call(e):"":"0"==(t=e+"")&&1/e==-1/0?"-0":t}function y(e,t){return Object(u.a)(e)?e:b(e,t)?[e]:C(null==(t=e)?"":m(t))}function w(e,t){for(var r=0,n=(t=y(t,e)).length;null!=e&&r<n;)e=e[k(t[r++])];return r&&r==n?e:void 0}function x(e,t){return null!=e&&t in Object(e)}function _(e){return"function"==typeof e?e:null==e?T.a:"object"==typeof e?Object(u.a)(e)?(n=e[0],o=e[1],b(n)&&i(o)?c(k(n),o):function(e){var t=R(e,n);return void 0===t&&t===o?H(e,n):Object(d.a)(o,t,3)}):1==(r=s(t=e)).length&&r[0][2]?c(r[0][0],r[0][1]):function(e){return e===t\|\|a(e,t,r)}:b(e=e)?F(k(e)):L(e);var t,r,n,o}var O,j=/[^.[\]]+\|\[(?:(-?\d+(?:\.\d+)?)\|(["'])((?:(?!\2)[^\\]\|\\.)?)\2)\]\|(?=(?:\.\|\[\])(?:\.\|\[\]\|$))/g,E=/\$\$?/g,C=(O=(S=v(function(e){var o=[];return 46===e.charCodeAt(0)&&o.push(""),e.replace(j,function(e,t,r,n){o.push(r?n.replace(E,"$1"):t\|\|e)}),o},function(e){return 500===O.size&&O.clear(),e})).cache,S),S=t(44),S=S.a?S.a.prototype:void 0,M=S?S.toString:void 0,k=function(e){var t;return"string"==typeof e\|\|Object(o.a)(e)?e:"0"==(t=e+"")&&1/e==-1/0?"-0":t},R=function(e,t,r){e=null==e?void 0:w(e,t);return void 0===e?r:e},A=t(232),P=t(190),N=t(118),H=function(e,t){return null!=e&&function(e,t,r){for(var n=-1,o=(t=y(t,e)).length,a=!1;++n<o;){var i=k(t[n]);if(!(a=null!=e&&r(e,i)))break;e=e[i]}return a\|\|++n!=o?a:!!(o=null==e?0:e.length)&&Object(N.a)(o)&&Object(P.a)(i,o)&&(Object(u.a)(e)\|\|Object(A.a)(e))}(e,t,x)},T=t(568),F=function(t){return function(e){return null==e?void 0:e[t]}},L=function(t){return function(e){return w(e,t)}},B=t(651),z=t(171);e.a=function(e,t){return(Object(u.a)(e)?r:function(e,n){var o=-1,a=Object(z.a)(e)?Array(e.length):[];return Object(B.a)(e,function(e,t,r){a[++o]=n(e,t,r)}),a})(e,_(t))}},577:function(e,t,r){var n=r(600),o=r(669);e.exports=function(e,t){return e&&n(e,o(t))}},578:function(e,t,r){var n=r(89),o=r(316),a=/\.\|\[(?:[^[\]]\|(["'])(?:(?!\1)[^\\]\|\\.)?\1)\]/,i=/^\w$/;e.exports=function(e,t){var r;return!n(e)&&(!("number"!=(r=typeof e)&&"symbol"!=r&&"boolean"!=r&&null!=e&&!o(e))\|\|i.test(e)\|\|!a.test(e)\|\|null!=t&&e in Object(t))}},595:function(e,t,r){"use strict";var a=function(e,t){for(var r=-1,n=null==e?0:e.length;++r<n&&!1!==t(e[r],r,e););return e},i=r(651),n=r(568),l=function(e){return"function"==typeof e?e:n.a},s=r(52),o=r(698),c=r.n(o),u=(r.d(t,"c",function(){return u}),r.d(t,"d",function(){return f}),r.d(t,"b",function(){return h}),r.d(t,"a",function(){return p}),function(t){var e,r,n=0,o=0;return e=["r","g","b","a","h","s","l","v"],r=function(e){!t[e]\|\|(n+=1,isNaN(t[e])\|\|(o+=1),"s"!==e&&"l"!==e)\|\|/^\d+%$/.test(t[e])&&(o+=1)},(Object(s.a)(e)?a:i.a)(e,l(r)),n===o&&t}),f=function(e,t){var r=e.hex?c()(e.hex):c()(e),n=r.toHsl(),o=r.toHsv(),a=r.toRgb(),r=r.toHex();return 0===n.s&&(n.h=t\|\|0,o.h=t\|\|0),{hsl:n,hex:"000000"===r&&0===a.a?"transparent":"#"+r,rgb:a,hsv:o,oldHue:e.h\|\|t\|\|n.h,source:e.source}},h=function(e){var t;return"transparent"===e\|\|(t="#"===String(e).charAt(0)?1:0,e.length!==4+t&&e.length<7+t&&c()(e).isValid())},p=function(e){return e?"transparent"===(e=f(e)).hex?"rgba(0,0,0,0.4)":128<=(299e.rgb.r+587e.rgb.g+114e.rgb.b)/1e3?"#000":"#fff":"#fff"}},599:function(D,e,o){"use strict";o.d(e,"a",function(){return I}),o.d(e,"b",function(){return B}),o.d(e,"c",function(){return q}),o.d(e,"d",function(){return X});var f=o(1),h=o.n(f);function p(){return(p=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function d(e,t){if(null==e)return{};for(var r,n={},o=Object.keys(e),a=0;a<o.length;a++)0<=t.indexOf(r=o[a])\|\|(n[r]=e[r]);return n}function b(e){var t=Object(f.useRef)(e),r=Object(f.useRef)(function(e){t.current&&t.current(e)});return t.current=e,r.current}function a(e,t,r){return void 0===t&&(t=0),(r=void 0===r?1:r)<e?r:e<t?t:e}function g(e){return"touches"in e}function v(e){return e&&e.ownerDocument.defaultView\|\|self}function m(e,t,r){var n=e.getBoundingClientRect(),r=g(t)?function(e,t){for(var r=0;r<e.length;r++)if(e[r].identifier===t)return e[r];return e[0]}(t.touches,r):t;return{left:a((r.pageX-(n.left+v(e).pageXOffset))/n.width),top:a((r.pageY-(n.top+v(e).pageYOffset))/n.height)}}function y(e){g(e)\|\|e.preventDefault()}function i(e){var t=e.color,r=e.left,n=void 0===(n=e.top)?.5:n,e=j(["react-colorful__pointer",e.className]);return h.a.createElement("div",{className:e,style:{top:100n+"%",left:100r+"%"}},h.a.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))}function t(e){return M(C(e))}function r(e){return e=c(e),t=e.r,r=e.g,n=e.b,e=(e=e.a)<1?S(E(255e)):"","#"+S(t)+S(r)+S(n)+e;var t,r,n}function n(e){var t=e.s,r=e.v,n=e.a,o=(200-t)r/100;return{h:E(e.h),s:E(0<o&&o<200?tr/100/(o<=100?o:200-o)100:0),l:E(o/2),a:E(n,2)}}function l(e){return"hsl("+(e=n(e)).h+", "+e.s+"%, "+e.l+"%)"}function s(e){return"hsla("+(e=n(e)).h+", "+e.s+"%, "+e.l+"%, "+e.a+")"}function c(e){var t=e.h,r=e.s,n=e.v,e=e.a,t=t/3606,o=(r/=100,n/=100,Math.floor(t)),a=n(1-r),i=n(1-(t-o)r);return{r:E(255[n,i,a,a,t=n(1-(1-t+o)r),n][r=o%6]),g:E(255[t,n,n,i,a,a][r]),b:E(255[a,a,t,n,n,i][r]),a:E(e,2)}}function u(e){return(e=/rgba?$?\s(-?\d\.?\d+)(%)?[,\s]+(-?\d\.?\d+)(%)?[,\s]+(-?\d\.?\d+)(%)?,?\s[/\s](-?\d\.?\d+)?(%)?\s$?/i.exec(e))?M({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:void 0===e[7]?1:Number(e[7])/(e[8]?100:1)}):{h:0,s:0,v:0,a:1}}function w(e,t){if(e!==t)for(var r in e)if(e[r]!==t[r])return!1;return!0}function x(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")}function _(e,t){return e.toLowerCase()===t.toLowerCase()\|\|w(C(e),C(t))}var O=h.a.memo(function(e){var t=e.onMove,r=e.onKey,e=d(e,["onMove","onKey"]),i=Object(f.useRef)(null),l=b(t),s=b(r),c=Object(f.useRef)(null),u=Object(f.useRef)(!1),t=Object(f.useMemo)(function(){function n(e){y(e),(g(e)?0<e.touches.length:0<e.buttons)&&i.current?l(m(i.current,e,c.current)):a(!1)}function o(){return a(!1)}function a(e){var t=u.current,r=v(i.current),e=e?r.addEventListener:r.removeEventListener;e(t?"touchmove":"mousemove",n),e(t?"touchend":"mouseup",o)}return[function(e){var t,e=e.nativeEvent,r=i.current;r&&(y(e),!u.current\|\|g(e))&&r&&(g(e)&&(u.current=!0,(t=e.changedTouches\|\|[]).length)&&(c.current=t[0].identifier),r.focus(),l(m(r,e,c.current)),a(!0))},function(e){var t=e.which\|\|e.keyCode;t<37\|\|40<t\|\|(e.preventDefault(),s({left:39===t?.05:37===t?-.05:0,top:40===t?.05:38===t?-.05:0}))},a]},[s,l]),r=t[0],n=t[1],o=t[2];return Object(f.useEffect)(function(){return o},[o]),h.a.createElement("div",p({},e,{onTouchStart:r,onMouseDown:r,className:"react-colorful__interactive",ref:i,onKeyDown:n,tabIndex:0,role:"slider"}))}),j=function(e){return e.filter(Boolean).join(" ")},E=function(e,t,r){return void 0===t&&(t=0),void 0===r&&(r=Math.pow(10,t)),Math.round(re)/r},C=(Math.PI,function(e){return(e="#"===e[0]?e.substring(1):e).length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:4===e.length?E(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:8===e.length?E(parseInt(e.substring(6,8),16)/255,2):1}}),e=u,S=function(e){e=e.toString(16);return e.length<2?"0"+e:e},M=function(e){var t=e.r,r=e.g,n=e.b,e=e.a,o=Math.max(t,r,n),a=o-Math.min(t,r,n),n=a?o===t?(r-n)/a:o===r?2+(n-t)/a:4+(t-r)/a:0;return{h:E(60(n<0?6+n:n)),s:E(o?a/o100:0),v:E(o/255100),a:e}},k=h.a.memo(function(e){var t=e.hue,r=e.onChange,e=j(["react-colorful__hue",e.className]);return h.a.createElement("div",{className:e},h.a.createElement(O,{onMove:function(e){r({h:360e.left})},onKey:function(e){r({h:a(t+360e.left,0,360)})},"aria-label":"Hue","aria-valuenow":E(t),"aria-valuemax":"360","aria-valuemin":"0"},h.a.createElement(i,{className:"react-colorful__hue-pointer",left:t/360,color:l({h:t,s:100,v:100,a:1})})))}),R=h.a.memo(function(e){var t=e.hsva,r=e.onChange,e={backgroundColor:l({h:t.h,s:100,v:100,a:1})};return h.a.createElement("div",{className:"react-colorful__saturation",style:e},h.a.createElement(O,{onMove:function(e){r({s:100e.left,v:100-100e.top})},onKey:function(e){r({s:a(t.s+100e.left,0,100),v:a(t.v-100e.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+E(t.s)+"%, Brightness "+E(t.v)+"%"},h.a.createElement(i,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:l(t)})))});function A(t,r,e){var n=b(e),e=Object(f.useState)(function(){return t.toHsva(r)}),o=e[0],a=e[1],i=Object(f.useRef)({color:r,hsva:o}),e=(Object(f.useEffect)(function(){var e;t.equal(r,i.current.color)\|\|(e=t.toHsva(r),i.current={hsva:e,color:r},a(e))},[r,t]),Object(f.useEffect)(function(){var e;w(o,i.current.hsva)\|\|t.equal(e=t.fromHsva(o),i.current.color)\|\|(i.current={hsva:o,color:e},n(e))},[o,t,n]),Object(f.useCallback)(function(t){a(function(e){return Object.assign({},e,t)})},[]));return[o,e]}function P(e){var t=e.className,r=e.colorModel,n=void 0===(n=e.color)?r.defaultColor:n,o=e.onChange,e=d(e,["className","colorModel","color","onChange"]),a=Object(f.useRef)(null);T(a);n=(r=A(r,n,o))[0],o=r[1],r=j(["react-colorful",t]);return h.a.createElement("div",p({},e,{ref:a,className:r}),h.a.createElement(R,{hsva:n,onChange:o}),h.a.createElement(k,{hue:n.h,onChange:o,className:"react-colorful__last-control"}))}function N(e){var t=e.className,r=e.colorModel,n=void 0===(n=e.color)?r.defaultColor:n,o=e.onChange,e=d(e,["className","colorModel","color","onChange"]),a=Object(f.useRef)(null);T(a);n=(r=A(r,n,o))[0],o=r[1],r=j(["react-colorful",t]);return h.a.createElement("div",p({},e,{ref:a,className:r}),h.a.createElement(R,{hsva:n,onChange:o}),h.a.createElement(k,{hue:n.h,onChange:o}),h.a.createElement(z,{hsva:n,onChange:o,className:"react-colorful__last-control"}))}var F="undefined"!=typeof window?f.useLayoutEffect:f.useEffect,H=new Map,T=function(n){F(function(){var e,t,r=n.current?n.current.ownerDocument:document;void 0===r\|\|H.has(r)\|\|((e=r.createElement("style")).innerHTML='.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>\')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}',H.set(r,e),(t=o.nc)&&e.setAttribute("nonce",t),r.head.appendChild(e))},[])},L={defaultColor:"000",toHsva:t,fromHsva:function(e){return r({h:e.h,s:e.s,v:e.v,a:1})},equal:_},B=function(e){return h.a.createElement(P,p({},e,{colorModel:L}))},z=function(e){var t=e.className,r=e.hsva,n=e.onChange,e={backgroundImage:"linear-gradient(90deg, "+s(Object.assign({},r,{a:0}))+", "+s(Object.assign({},r,{a:1}))+")"},t=j(["react-colorful__alpha",t]),o=E(100r.a);return h.a.createElement("div",{className:t},h.a.createElement("div",{className:"react-colorful__alpha-gradient",style:e}),h.a.createElement(O,{onMove:function(e){n({a:e.left})},onKey:function(e){n({a:a(r.a+e.left)})},"aria-label":"Alpha","aria-valuetext":o+"%","aria-valuenow":o,"aria-valuemin":"0","aria-valuemax":"100"},h.a.createElement(i,{className:"react-colorful__alpha-pointer",left:r.a,color:s(r)})))},U={defaultColor:"0001",toHsva:t,fromHsva:r,equal:_},I=function(e){return h.a.createElement(N,p({},e,{colorModel:U}))},W={defaultColor:"rgba(0, 0, 0, 1)",toHsva:u,fromHsva:function(e){e=c(e);return"rgba("+e.r+", "+e.g+", "+e.b+", "+e.a+")"},equal:x},X=function(e){return h.a.createElement(N,p({},e,{colorModel:W}))},Y={defaultColor:"rgb(0, 0, 0)",toHsva:e,fromHsva:function(e){e=c(e);return"rgb("+e.r+", "+e.g+", "+e.b+")"},equal:x},q=function(e){return h.a.createElement(P,p({},e,{colorModel:Y}))}},600:function(e,t,r){var n=r(667),o=r(91);e.exports=function(e,t){return e&&n(e,t,o)}},602:function(e,t,r){var n=r(40);e.exports=function(e){return e==e&&!n(e)}},603:function(e,t){e.exports=function(t,r){return function(e){return null!=e&&e[t]===r&&(void 0!==r\|\|t in Object(e))}}},604:function(e,t,r){var o=r(605),a=r(567);e.exports=function(e,t){for(var r=0,n=(t=o(t,e)).length;null!=e&&r<n;)e=e[a(t[r++])];return r&&r==n?e:void 0}},605:function(e,t,r){var n=r(89),o=r(578),a=r(678),i=r(562);e.exports=function(e,t){return n(e)?e:o(e,t)?[e]:a(i(e))}},651:function(e,t,r){"use strict";function n(e,t){if(null!=e){if(!Object(l.a)(e))return a(e,t);for(var r=e.length,n=-1,o=Object(e);++n<r&&!1!==t(o[n],n,o););}return e}var a,o=r(652),i=r(231),l=r(171);a=function(e,t){return e&&Object(o.a)(e,t,i.a)};t.a=n},652:function(e,t,r){"use strict";t.a=function(e,t,r){for(var n=-1,o=Object(e),a=r(e),i=a.length;i--;){var l=a[++n];if(!1===t(o[l],l,o))break}return e}},665:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.flattenNames=void 0;var n=l(r(666)),o=l(r(577)),a=l(r(670)),i=l(r(671));function l(e){return e&&e.__esModule?e:{default:e}}r=t.flattenNames=function t(){var r=[];return(0,i.default)(0<arguments.length&&void 0!==arguments[0]?arguments[0]:[],function(e){Array.isArray(e)?t(e).map(function(e){return r.push(e)}):(0,a.default)(e)?(0,o.default)(e,function(e,t){!0===e&&r.push(t),r.push(t+"-"+e)}):(0,n.default)(e)&&r.push(e)}),r};t.default=r},666:function(e,t,r){var n=r(70),o=r(89),a=r(53);e.exports=function(e){return"string"==typeof e\|\|!o(e)&&a(e)&&"[object String]"==n(e)}},667:function(e,t,r){r=r(668)();e.exports=r},668:function(e,t){e.exports=function(s){return function(e,t,r){for(var n=-1,o=Object(e),a=r(e),i=a.length;i--;){var l=a[s?i:++n];if(!1===t(o[l],l,o))break}return e}}},669:function(e,t,r){var n=r(173);e.exports=function(e){return"function"==typeof e?e:n}},670:function(e,t,r){var n=r(70),o=r(193),a=r(53),r=Function.prototype,i=Object.prototype,l=r.toString,s=i.hasOwnProperty,c=l.call(Object);e.exports=function(e){return!(!a(e)\|\|"[object Object]"!=n(e))&&(null===(e=o(e))\|\|"function"==typeof(e=s.call(e,"constructor")&&e.constructor)&&e instanceof e&&l.call(e)==c)}},671:function(e,t,r){var n=r(601),o=r(672),a=r(688),i=r(89);e.exports=function(e,t){return(i(e)?n:a)(e,o(t,3))}},672:function(e,t,r){var n=r(673),o=r(676),a=r(173),i=r(89),l=r(685);e.exports=function(e){return"function"==typeof e?e:null==e?a:"object"==typeof e?i(e)?o(e[0],e[1]):n(e):l(e)}},673:function(e,t,r){var n=r(674),o=r(675),a=r(603);e.exports=function(t){var r=o(t);return 1==r.length&&r[0][2]?a(r[0][0],r[0][1]):function(e){return e===t\|\|n(e,t,r)}}},674:function(e,t,r){var p=r(185),d=r(317);e.exports=function(e,t,r,n){var o=r.length,a=o,i=!n;if(null==e)return!a;for(e=Object(e);o--;){var l=r[o];if(i&&l[2]?l[1]!==e[l[0]]:!(l[0]in e))return!1}for(;++o<a;){var s=(l=r[o])[0],c=e[s],u=l[1];if(i&&l[2]){if(void 0===c&&!(s in e))return!1}else{var f,h=new p;if(!(void 0===(f=n?n(c,u,s,e,t,h):f)?d(u,c,3,n,h):f))return!1}}return!0}},675:function(e,t,r){var a=r(602),i=r(91);e.exports=function(e){for(var t=i(e),r=t.length;r--;){var n=t[r],o=e[n];t[r]=[n,o,a(o)]}return t}},676:function(e,t,r){var o=r(317),a=r(677),i=r(682),l=r(578),s=r(602),c=r(603),u=r(567);e.exports=function(r,n){return l(r)&&s(n)?c(u(r),n):function(e){var t=a(e,r);return void 0===t&&t===n?i(e,r):o(n,t,3)}}},677:function(e,t,r){var n=r(604);e.exports=function(e,t,r){e=null==e?void 0:n(e,t);return void 0===e?r:e}},678:function(e,t,r){var r=r(679),n=/[^.[\]]+\|\[(?:(-?\d+(?:\.\d+)?)\|(["'])((?:(?!\2)[^\\]\|\\.)?)\2)\]\|(?=(?:\.\|\[\])(?:\.\|\[\]\|$))/g,a=/\$\$?/g,r=r(function(e){var o=[];return 46===e.charCodeAt(0)&&o.push(""),e.replace(n,function(e,t,r,n){o.push(r?n.replace(a,"$1"):t\|\|e)}),o});e.exports=r},679:function(e,t,r){var n=r(680);e.exports=function(e){var e=n(e,function(e){return 500===t.size&&t.clear(),e}),t=e.cache;return e}},680:function(e,t,r){var i=r(186);function l(n,o){if("function"!=typeof n\|\|null!=o&&"function"!=typeof o)throw new TypeError("Expected a function");function a(){var e=arguments,t=o?o.apply(this,e):e[0],r=a.cache;return r.has(t)?r.get(t):(e=n.apply(this,e),a.cache=r.set(t,e)\|\|r,e)}return a.cache=new(l.Cache\|\|i),a}l.Cache=i,e.exports=l},682:function(e,t,r){var n=r(683),o=r(684);e.exports=function(e,t){return null!=e&&o(e,t,n)}},683:function(e,t){e.exports=function(e,t){return null!=e&&t in Object(e)}},684:function(e,t,r){var l=r(605),s=r(318),c=r(89),u=r(187),f=r(188),h=r(567);e.exports=function(e,t,r){for(var n=-1,o=(t=l(t,e)).length,a=!1;++n<o;){var i=h(t[n]);if(!(a=null!=e&&r(e,i)))break;e=e[i]}return a\|\|++n!=o?a:!!(o=null==e?0:e.length)&&f(o)&&u(i,o)&&(c(e)\|\|s(e))}},685:function(e,t,r){var n=r(686),o=r(687),a=r(578),i=r(567);e.exports=function(e){return a(e)?n(i(e)):o(e)}},686:function(e,t){e.exports=function(t){return function(e){return null==e?void 0:e[t]}}},687:function(e,t,r){var n=r(604);e.exports=function(t){return function(e){return n(e,t)}}},688:function(e,t,r){var i=r(689),l=r(92);e.exports=function(e,n){var o=-1,a=l(e)?Array(e.length):[];return i(e,function(e,t,r){a[++o]=n(e,t,r)}),a}},689:function(e,t,r){var n=r(600),r=r(690)(n);e.exports=r},690:function(e,t,r){var l=r(92);e.exports=function(a,i){return function(e,t){if(null!=e){if(!l(e))return a(e,t);for(var r=e.length,n=i?r:-1,o=Object(e);(i?n--:++n<r)&&!1!==t(o[n],n,o););}return e}}},691:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.mergeClasses=void 0;var o=n(r(577)),a=n(r(692)),i=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};function n(e){return e&&e.__esModule?e:{default:e}}r=t.mergeClasses=function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:[],n=t.default&&(0,a.default)(t.default)\|\|{};return e.map(function(e){var r=t[e];return r&&(0,o.default)(r,function(e,t){n[t]\|\|(n[t]={}),n[t]=i({},n[t],r[t])}),e}),n};t.default=r},692:function(e,t,r){var n=r(319);e.exports=function(e){return n(e,5)}},693:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.autoprefix=void 0;var r=r(577),o=r&&r.__esModule?r:{default:r},a=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i={borderRadius:function(e){return{msBorderRadius:e,MozBorderRadius:e,OBorderRadius:e,WebkitBorderRadius:e,borderRadius:e}},boxShadow:function(e){return{msBoxShadow:e,MozBoxShadow:e,OBoxShadow:e,WebkitBoxShadow:e,boxShadow:e}},userSelect:function(e){return{WebkitTouchCallout:e,KhtmlUserSelect:e,MozUserSelect:e,msUserSelect:e,WebkitUserSelect:e,userSelect:e}},flex:function(e){return{WebkitBoxFlex:e,MozBoxFlex:e,WebkitFlex:e,msFlex:e,flex:e}},flexBasis:function(e){return{WebkitFlexBasis:e,flexBasis:e}},justifyContent:function(e){return{WebkitJustifyContent:e,justifyContent:e}},transition:function(e){return{msTransition:e,MozTransition:e,OTransition:e,WebkitTransition:e,transition:e}},transform:function(e){return{msTransform:e,MozTransform:e,OTransform:e,WebkitTransform:e,transform:e}},absolute:function(e){e=e&&e.split(" ");return{position:"absolute",top:e&&e[0],right:e&&e[1],bottom:e&&e[2],left:e&&e[3]}},extend:function(e,t){return t[e]\|\|{extend:e}}},r=t.autoprefix=function(e){var r={};return(0,o.default)(e,function(e,t){var n={};(0,o.default)(e,function(e,t){var r=i[t];r?n=a({},n,r(e)):n[t]=e}),r[t]=n}),r};t.default=r},694:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.hover=void 0;var c=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r=r(1),u=r&&r.__esModule?r:{default:r};function f(e,t){if(e)return!t\|\|"object"!=typeof t&&"function"!=typeof t?e:t;throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}r=t.hover=function(i){var l=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"span",e=u.default.Component;function s(){var e,t=this,r=s;if(!(t instanceof r))throw new TypeError("Cannot call a class as a function");for(var n=arguments.length,o=Array(n),a=0;a<n;a++)o[a]=arguments[a];return r=e=f(this,(t=s.__proto__\|\|Object.getPrototypeOf(s)).call.apply(t,[this].concat(o))),e.state={hover:!1},e.handleMouseOver=function(){return e.setState({hover:!0})},e.handleMouseOut=function(){return e.setState({hover:!1})},e.render=function(){return u.default.createElement(l,{onMouseOver:e.handleMouseOver,onMouseOut:e.handleMouseOut},u.default.createElement(i,c({},e.props,e.state)))},f(e,r)}var t=s;if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);return t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e),s};t.default=r},695:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.active=void 0;var c=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r=r(1),u=r&&r.__esModule?r:{default:r};function f(e,t){if(e)return!t\|\|"object"!=typeof t&&"function"!=typeof t?e:t;throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}r=t.active=function(i){var l=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"span",e=u.default.Component;function s(){var e,t=this,r=s;if(!(t instanceof r))throw new TypeError("Cannot call a class as a function");for(var n=arguments.length,o=Array(n),a=0;a<n;a++)o[a]=arguments[a];return r=e=f(this,(t=s.__proto__\|\|Object.getPrototypeOf(s)).call.apply(t,[this].concat(o))),e.state={active:!1},e.handleMouseDown=function(){return e.setState({active:!0})},e.handleMouseUp=function(){return e.setState({active:!1})},e.render=function(){return u.default.createElement(l,{onMouseDown:e.handleMouseDown,onMouseUp:e.handleMouseUp},u.default.createElement(i,c({},e.props,e.state)))},f(e,r)}var t=s;if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);return t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e),s};t.default=r},696:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){function r(e){n[e]=!(1<arguments.length&&void 0!==arguments[1])\|\|arguments[1]}var n={};return 0===e&&r("first-child"),e===t-1&&r("last-child"),0!==e&&e%2!=0\|\|r("even"),1===Math.abs(e%2)&&r("odd"),r("nth-child",e),n}},697:function(e,o,a){"use strict";!function(e){var t=a(15),r="object"==typeof exports&&exports&&!exports.nodeType&&exports,e=r&&"object"==typeof e&&e&&!e.nodeType&&e,e=e&&e.exports===r?t.a.Buffer:void 0,n=e?e.allocUnsafe:void 0;o.a=function(e,t){return t?e.slice():(t=e.length,t=n?n(t):new e.constructor(t),e.copy(t),t)}}.call(this,a(189)(e))},698:function(e,t,r){e.exports=function(){"use strict";function m(e){return(m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var y=/^\s+/,w=/\s+$/;function x(e,t){var r,n,o,a,i,l,s,c,u,f,h,p,d,b,g;return t=t\|\|{},(e=e\|\|"")instanceof x?e:this instanceof x?(h={r:0,g:0,b:0},d=null,g=b=!(p=1),p=O(p="object"==m(r="string"==typeof(r=e)?function(e){e=e.replace(y,"").replace(w,"").toLowerCase();var t,r=!1;if(_[e])e=_[e],r=!0;else if("transparent"==e)return{r:0,g:0,b:0,a:0,format:"name"};return(t=N.rgb.exec(e))?{r:t[1],g:t[2],b:t[3]}:(t=N.rgba.exec(e))?{r:t[1],g:t[2],b:t[3],a:t[4]}:(t=N.hsl.exec(e))?{h:t[1],s:t[2],l:t[3]}:(t=N.hsla.exec(e))?{h:t[1],s:t[2],l:t[3],a:t[4]}:(t=N.hsv.exec(e))?{h:t[1],s:t[2],v:t[3]}:(t=N.hsva.exec(e))?{h:t[1],s:t[2],v:t[3],a:t[4]}:(t=N.hex8.exec(e))?{r:E(t[1]),g:E(t[2]),b:E(t[3]),a:k(t[4]),format:r?"name":"hex8"}:(t=N.hex6.exec(e))?{r:E(t[1]),g:E(t[2]),b:E(t[3]),format:r?"name":"hex"}:(t=N.hex4.exec(e))?{r:E(t[1]+""+t[1]),g:E(t[2]+""+t[2]),b:E(t[3]+""+t[3]),a:k(t[4]+""+t[4]),format:r?"name":"hex8"}:!!(t=N.hex3.exec(e))&&{r:E(t[1]+""+t[1]),g:E(t[2]+""+t[2]),b:E(t[3]+""+t[3]),format:r?"name":"hex"}}(r):r)&&(H(r.r)&&H(r.g)&&H(r.b)?(s=r.r,i=r.g,l=r.b,h={r:255j(s,255),g:255j(i,255),b:255j(l,255)},b=!0,g="%"===String(r.r).substr(-1)?"prgb":"rgb"):H(r.h)&&H(r.s)&&H(r.v)?(d=S(r.s),s=S(r.v),i=r.h,l=d,s=s,i=6j(i,360),l=j(l,100),s=j(s,100),c=Math.floor(i),h={r:255[s,f=s(1-(i-=c)l),u=s(1-l),u,i=s(1-(1-i)l),s][l=c%6],g:255[i,s,s,f,u,u][l],b:255[u,u,i,s,s,f][l]},b=!0,g="hsv"):H(r.h)&&H(r.s)&&H(r.l)&&(d=S(r.s),c=S(r.l),u=r.h,i=d,s=c,u=j(u,360),i=j(i,100),s=j(s,100),0===i?n=o=a=s:(n=v(i=2s-(s=s<.5?s(1+i):s+i-si),s,u+1/3),o=v(i,s,u),a=v(i,s,u-1/3)),h={r:255n,g:255o,b:255a},b=!0,g="hsl"),r.hasOwnProperty("a"))?r.a:p),f={ok:b,format:r.format\|\|g,r:Math.min(255,Math.max(h.r,0)),g:Math.min(255,Math.max(h.g,0)),b:Math.min(255,Math.max(h.b,0)),a:p},this._originalInput=e,this._r=f.r,this._g=f.g,this._b=f.b,this._a=f.a,this._roundA=Math.round(100this._a)/100,this._format=t.format\|\|f.format,this._gradientType=t.gradientType,this._r<1&&(this._r=Math.round(this._r)),this._g<1&&(this._g=Math.round(this._g)),this._b<1&&(this._b=Math.round(this._b)),void(this._ok=f.ok)):new x(e,t);function v(e,t,r){return r<0&&(r+=1),1<r&&--r,r<1/6?e+6(t-e)r:r<.5?t:r<2/3?e+(t-e)(2/3-r)6:e}}function n(e,t,r){e=j(e,255),t=j(t,255),r=j(r,255);var n,o=Math.max(e,t,r),a=Math.min(e,t,r),i=(o+a)/2;if(o==a)n=s=0;else{var l=o-a,s=.5<i?l/(2-o-a):l/(o+a);switch(o){case e:n=(t-r)/l+(t<r?6:0);break;case t:n=(r-e)/l+2;break;case r:n=(e-t)/l+4}n/=6}return{h:n,s:s,l:i}}function o(e,t,r){e=j(e,255),t=j(t,255),r=j(r,255);var n,o=Math.max(e,t,r),a=Math.min(e,t,r),i=o,l=o-a,s=0===o?0:l/o;if(o==a)n=0;else{switch(o){case e:n=(t-r)/l+(t<r?6:0);break;case t:n=(r-e)/l+2;break;case r:n=(e-t)/l+4}n/=6}return{h:n,s:s,v:i}}function t(e,t,r,n){e=[C(Math.round(e).toString(16)),C(Math.round(t).toString(16)),C(Math.round(r).toString(16))];return n&&e[0].charAt(0)==e[0].charAt(1)&&e[1].charAt(0)==e[1].charAt(1)&&e[2].charAt(0)==e[2].charAt(1)?e[0].charAt(0)+e[1].charAt(0)+e[2].charAt(0):e.join("")}function a(e,t,r,n){return[C(M(n)),C(Math.round(e).toString(16)),C(Math.round(t).toString(16)),C(Math.round(r).toString(16))].join("")}function e(e,t){t=0===t?0:t\|\|10;e=x(e).toHsl();return e.s-=t/100,e.s=v(e.s),x(e)}function r(e,t){t=0===t?0:t\|\|10;e=x(e).toHsl();return e.s+=t/100,e.s=v(e.s),x(e)}function i(e){return x(e).desaturate(100)}function l(e,t){t=0===t?0:t\|\|10;e=x(e).toHsl();return e.l+=t/100,e.l=v(e.l),x(e)}function s(e,t){t=0===t?0:t\|\|10;e=x(e).toRgb();return e.r=Math.max(0,Math.min(255,e.r-Math.round(-t/100255))),e.g=Math.max(0,Math.min(255,e.g-Math.round(-t/100255))),e.b=Math.max(0,Math.min(255,e.b-Math.round(-t/100255))),x(e)}function c(e,t){t=0===t?0:t\|\|10;e=x(e).toHsl();return e.l-=t/100,e.l=v(e.l),x(e)}function u(e,t){e=x(e).toHsl(),t=(e.h+t)%360;return e.h=t<0?360+t:t,x(e)}function f(e){e=x(e).toHsl();return e.h=(e.h+180)%360,x(e)}function h(e,t){if(isNaN(t)\|\|t<=0)throw new Error("Argument to polyad must be a positive number");for(var r=x(e).toHsl(),n=[x(e)],o=360/t,a=1;a<t;a++)n.push(x({h:(r.h+ao)%360,s:r.s,l:r.l}));return n}function p(e){var t=x(e).toHsl(),r=t.h;return[x(e),x({h:(r+72)%360,s:t.s,l:t.l}),x({h:(r+216)%360,s:t.s,l:t.l})]}function d(e,t,r){t=t\|\|6,r=r\|\|30;var n=x(e).toHsl(),o=360/r,a=[x(e)];for(n.h=(n.h-(ot>>1)+720)%360;--t;)n.h=(n.h+o)%360,a.push(x(n));return a}function b(e,t){t=t\|\|6;for(var e=x(e).toHsv(),r=e.h,n=e.s,o=e.v,a=[],i=1/t;t--;)a.push(x({h:r,s:n,v:o})),o=(o+i)%1;return a}x.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var e=this.toRgb();return(299e.r+587e.g+114e.b)/1e3},getLuminance:function(){var e=this.toRgb(),t=e.r/255,r=e.g/255,e=e.b/255;return.2126(t<=.03928?t/12.92:Math.pow((.055+t)/1.055,2.4))+.7152(r<=.03928?r/12.92:Math.pow((.055+r)/1.055,2.4))+.0722(e<=.03928?e/12.92:Math.pow((.055+e)/1.055,2.4))},setAlpha:function(e){return this._a=O(e),this._roundA=Math.round(100this._a)/100,this},toHsv:function(){var e=o(this._r,this._g,this._b);return{h:360e.h,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=o(this._r,this._g,this._b),t=Math.round(360e.h),r=Math.round(100e.s),e=Math.round(100e.v);return 1==this._a?"hsv("+t+", "+r+"%, "+e+"%)":"hsva("+t+", "+r+"%, "+e+"%, "+this._roundA+")"},toHsl:function(){var e=n(this._r,this._g,this._b);return{h:360e.h,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=n(this._r,this._g,this._b),t=Math.round(360e.h),r=Math.round(100e.s),e=Math.round(100e.l);return 1==this._a?"hsl("+t+", "+r+"%, "+e+"%)":"hsla("+t+", "+r+"%, "+e+"%, "+this._roundA+")"},toHex:function(e){return t(this._r,this._g,this._b,e)},toHexString:function(e){return"#"+this.toHex(e)},toHex8:function(e){var t=this._r,r=this._g,n=this._b,o=this._a;return t=[C(Math.round(t).toString(16)),C(Math.round(r).toString(16)),C(Math.round(n).toString(16)),C(M(o))],e&&t[0].charAt(0)==t[0].charAt(1)&&t[1].charAt(0)==t[1].charAt(1)&&t[2].charAt(0)==t[2].charAt(1)&&t[3].charAt(0)==t[3].charAt(1)?t[0].charAt(0)+t[1].charAt(0)+t[2].charAt(0)+t[3].charAt(0):t.join("")},toHex8String:function(e){return"#"+this.toHex8(e)},toRgb:function(){return{r:Math.round(this._r),g:Math.round(this._g),b:Math.round(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+")":"rgba("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:Math.round(100j(this._r,255))+"%",g:Math.round(100j(this._g,255))+"%",b:Math.round(100j(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+Math.round(100j(this._r,255))+"%, "+Math.round(100j(this._g,255))+"%, "+Math.round(100j(this._b,255))+"%)":"rgba("+Math.round(100j(this._r,255))+"%, "+Math.round(100j(this._g,255))+"%, "+Math.round(100j(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":!(this._a<1)&&(g[t(this._r,this._g,this._b,!0)]\|\|!1)},toFilter:function(e){var t="#"+a(this._r,this._g,this._b,this._a),r=t;return"progid:DXImageTransform.Microsoft.gradient("+(this._gradientType?"GradientType = 1, ":"")+"startColorstr="+t+",endColorstr="+(r=e?"#"+a((t=x(e))._r,t._g,t._b,t._a):r)+")"},toString:function(e){var t=!!e,r=(e=e\|\|this._format,!1),n=this._a<1&&0<=this._a;return t\|\|!n\|\|"hex"!==e&&"hex6"!==e&&"hex3"!==e&&"hex4"!==e&&"hex8"!==e&&"name"!==e?("rgb"===e&&(r=this.toRgbString()),"prgb"===e&&(r=this.toPercentageRgbString()),"hex"!==e&&"hex6"!==e\|\|(r=this.toHexString()),"hex3"===e&&(r=this.toHexString(!0)),"hex4"===e&&(r=this.toHex8String(!0)),"hex8"===e&&(r=this.toHex8String()),"name"===e&&(r=this.toName()),"hsl"===e&&(r=this.toHslString()),(r="hsv"===e?this.toHsvString():r)\|\|this.toHexString()):"name"===e&&0===this._a?this.toName():this.toRgbString()},clone:function(){return x(this.toString())},_applyModification:function(e,t){e=e.apply(null,[this].concat([].slice.call(t)));return this._r=e._r,this._g=e._g,this._b=e._b,this.setAlpha(e._a),this},lighten:function(){return this._applyModification(l,arguments)},brighten:function(){return this._applyModification(s,arguments)},darken:function(){return this._applyModification(c,arguments)},desaturate:function(){return this._applyModification(e,arguments)},saturate:function(){return this._applyModification(r,arguments)},greyscale:function(){return this._applyModification(i,arguments)},spin:function(){return this._applyModification(u,arguments)},_applyCombination:function(e,t){return e.apply(null,[this].concat([].slice.call(t)))},analogous:function(){return this._applyCombination(d,arguments)},complement:function(){return this._applyCombination(f,arguments)},monochromatic:function(){return this._applyCombination(b,arguments)},splitcomplement:function(){return this._applyCombination(p,arguments)},triad:function(){return this._applyCombination(h,[3])},tetrad:function(){return this._applyCombination(h,[4])}},x.fromRatio=function(e,t){if("object"==m(e)){var r,n={};for(r in e)e.hasOwnProperty(r)&&(n[r]="a"===r?e[r]:S(e[r]));e=n}return x(e,t)},x.equals=function(e,t){return!(!e\|\|!t)&&x(e).toRgbString()==x(t).toRgbString()},x.random=function(){return x.fromRatio({r:Math.random(),g:Math.random(),b:Math.random()})},x.mix=function(e,t,r){r=0===r?0:r\|\|50;e=x(e).toRgb(),t=x(t).toRgb(),r/=100;return x({r:(t.r-e.r)r+e.r,g:(t.g-e.g)r+e.g,b:(t.b-e.b)r+e.b,a:(t.a-e.a)r+e.a})},x.readability=function(e,t){e=x(e),t=x(t);return(Math.max(e.getLuminance(),t.getLuminance())+.05)/(Math.min(e.getLuminance(),t.getLuminance())+.05)},x.isReadable=function(e,t,r){var n=x.readability(e,t),o=!1,e=r,t=((e=r\|\|{level:"AA",size:"small"}).level\|\|"AA").toUpperCase(),r=(e.size\|\|"small").toLowerCase();switch((e={level:t="AA"!==t&&"AAA"!==t?"AA":t,size:r="small"!==r&&"large"!==r?"small":r}).level+e.size){case"AAsmall":case"AAAlarge":o=4.5<=n;break;case"AAlarge":o=3<=n;break;case"AAAsmall":o=7<=n}return o},x.mostReadable=function(e,t,r){for(var n,o=null,a=0,i=(r=r\|\|{}).includeFallbackColors,l=r.level,s=r.size,c=0;c<t.length;c++)(n=x.readability(e,t[c]))>a&&(a=n,o=x(t[c]));return x.isReadable(e,o,{level:l,size:s})\|\|!i?o:(r.includeFallbackColors=!1,x.mostReadable(e,["#fff","#000"],r))};var _=x.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},g=x.hexNames=function(e){var t,r={};for(t in e)e.hasOwnProperty(t)&&(r[e[t]]=t);return r}(_);function O(e){return e=parseFloat(e),e=isNaN(e)\|\|e<0\|\|1<e?1:e}function j(e,t){var r="string"==typeof(e="string"==typeof(r=e)&&-1!=r.indexOf(".")&&1===parseFloat(r)?"100%":e)&&-1!=e.indexOf("%");return e=Math.min(t,Math.max(0,parseFloat(e))),r&&(e=parseInt(et,10)/100),Math.abs(e-t)<1e-6?1:e%t/parseFloat(t)}function v(e){return Math.min(1,Math.max(0,e))}function E(e){return parseInt(e,16)}function C(e){return 1==e.length?"0"+e:""+e}function S(e){return e=e<=1?100e+"%":e}function M(e){return Math.round(255parseFloat(e)).toString(16)}function k(e){return E(e)/255}A="[\\s\|\$]+("+(R="(?:[-\\+]?\\d\\.\\d+%?)\|(?:[-\\+]?\\d+%?)")+")[,\|\\s]+("+R+")[,\|\\s]+("+R+")\\s\$?",P="[\\s\|\$]+("+R+")[,\|\\s]+("+R+")[,\|\\s]+("+R+")[,\|\\s]+("+R+")\\s\$?";var R,A,P,N={CSS_UNIT:new RegExp(R),rgb:new RegExp("rgb"+A),rgba:new RegExp("rgba"+P),hsl:new RegExp("hsl"+A),hsla:new RegExp("hsla"+P),hsv:new RegExp("hsv"+A),hsva:new RegExp("hsva"+P),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/};function H(e){return N.CSS_UNIT.exec(e)}return x}()},699:function(e,t,r){"use strict";var n,r=r(1),l=60103,s=(t.Fragment=60107,"function"==typeof Symbol&&Symbol.for&&(l=(n=Symbol.for)("react.element"),t.Fragment=n("react.fragment")),r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner),c=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function o(e,t,r){var n,o={},a=null,i=null;for(n in void 0!==r&&(a=""+r),void 0!==t.key&&(a=""+t.key),void 0!==t.ref&&(i=t.ref),t)c.call(t,n)&&!u.hasOwnProperty(n)&&(o[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps)void 0===o[n]&&(o[n]=t[n]);return{$$typeof:l,type:e,key:a,ref:i,props:o,_owner:s.current}}t.jsx=o,t.jsxs=o}}]);
1	+ (window.webpackJsonpfeffery_utils_components=window.webpackJsonpfeffery_utils_components\|\|[]).push([[8],{503:function(e,t,r){"use strict";r.r(t);function n(e){var t=e.id,r=e.className,n=e.style,o=e.color,a=e.showAlpha,i=e.setProps,e=e.loading_state;return Object(s.useEffect)(function(){i({color:o})},[]),a?React.createElement(l.a,{id:t,className:r,style:n,color:o,onChange:function(e){return i({color:e})},"data-dash-is-loading":e&&e.is_loading\|\|void 0}):React.createElement(l.b,{id:t,className:r,style:n,color:o,onChange:function(e){return i({color:e})},"data-dash-is-loading":e&&e.is_loading\|\|void 0})}var l=r(603),s=r(1),r=r(178);(t.default=n).defaultProps=r.b,n.propTypes=r.c},504:function(e,t,r){"use strict";r.r(t);function n(e){var t=e.id,r=e.className,n=e.style,o=e.color,a=e.showAlpha,i=e.setProps,e=e.loading_state;return Object(s.useEffect)(function(){i({color:o})},[]),a?React.createElement(l.d,{id:t,className:r,style:n,color:o,onChange:function(e){return i({color:e})},"data-dash-is-loading":e&&e.is_loading\|\|void 0}):React.createElement(l.c,{id:t,className:r,style:n,color:o,onChange:function(e){return i({color:e})},"data-dash-is-loading":e&&e.is_loading\|\|void 0})}var l=r(603),s=r(1),r=r(179);(t.default=n).defaultProps=r.b,n.propTypes=r.c},531:function(e,t,r){"use strict";r.r(t);var b=r(1),i=r.n(b),n=r(559),g=r.n(n),n=r(582),v=r.n(n),m=(Math.PI,e=>{var{r:e,g:t,b:r}=e;return"#"+(e=(e<<16\|t<<8\|r).toString(16),new Array(7-e.length).join("0")+e)}),y=e=>{var{r:e,g:t,b:r,a:n}=e=(e=>{var t=e.replace("#",""),r=(/^#?/.test(e)&&3===t.length&&(e="#"+t.charAt(0)+t.charAt(0)+t.charAt(1)+t.charAt(1)+t.charAt(2)+t.charAt(2)),new RegExp("[A-Za-z0-9]{2}","g")),[n,o,a=0,i]=e.match(r).map(e=>parseInt(e,16));return{r:n,g:o,b:a,a:(null!=i?i:255)/255}})(e),o=Math.max(e,t,r),a=o-Math.min(e,t,r);return{h:60((r=a?o===e?(t-r)/a:o===t?2+(r-e)/a:4+(e-t)/a:0)<0?6+r:r),s:o?a/o100:0,v:o/255100,a:n}},w=e=>{var{h:e,s:t,v:r,a:n}=e,e=e/60,t=t/100,o=r/100,r=Math.floor(e)%6,e=e-Math.floor(e),a=255o(1-t),i=255o(1-te),l=255o(1-t(1-e)),s=(o=255,{});switch(r){case 0:s.r=o,s.g=l,s.b=a;break;case 1:s.r=i,s.g=o,s.b=a;break;case 2:s.r=a,s.g=o,s.b=l;break;case 3:s.r=a,s.g=i,s.b=o;break;case 4:s.r=l,s.g=a,s.b=o;break;case 5:s.r=o,s.g=a,s.b=i}return s.r=Math.round(s.r),s.g=Math.round(s.g),s.b=Math.round(s.b),g()({},s,{a:n})},x=e=>m(w(e)),_=e=>/^#?([A-Fa-f0-9]{3,4}){1,2}$/.test(e);function O(e){var r=Object(b.useRef)(e);return Object(b.useEffect)(()=>{r.current=e}),Object(b.useCallback)((e,t)=>r.current&&r.current(e,t),[])}function o(e,t,r){return void 0===t&&(t=0),(r=void 0===r?1:r)<e?r:e<t?t:e}var j=e=>"touches"in e,E=e=>{!j(e)&&e.preventDefault&&e.preventDefault()},C=(e,t)=>{e=e.getBoundingClientRect(),t=j(t)?t.touches[0]:t;return{left:o((t.pageX-(e.left+window.pageXOffset))/e.width),top:o((t.pageY-(e.top+window.pageYOffset))/e.height),width:e.width,height:e.height,x:t.pageX-(e.left+window.pageXOffset),y:t.pageY-(e.top+window.pageYOffset)}},S=r(572),M=["prefixCls","className","onMove","onDown"],n=i.a.forwardRef((e,t)=>{var{prefixCls:r="w-color-interactive",className:n,onMove:o,onDown:a}=e,e=v()(e,M),i=Object(b.useRef)(null),l=Object(b.useRef)(!1),[s,c]=Object(b.useState)(!1),u=O(o),f=O(a),h=Object(b.useCallback)(e=>{E(e),(j(e)?0<e.touches.length:0<e.buttons)&&i.current?u&&u(C(i.current,e),e):c(!1)},[u]),p=Object(b.useCallback)(()=>c(!1),[]),d=Object(b.useCallback)(e=>{e=e?window.addEventListener:window.removeEventListener;e(l.current?"touchmove":"mousemove",h),e(l.current?"touchend":"mouseup",p)},[]),o=(Object(b.useEffect)(()=>(d(s),()=>{s&&d(!1)}),[s,d]),Object(b.useCallback)(e=>{var t;E(e.nativeEvent),t=e.nativeEvent,l.current&&!j(t)\|\|(l.current=j(t),0)\|\|(f&&f(C(i.current,e.nativeEvent),e.nativeEvent),c(!0))},[f]));return Object(S.jsx)("div",g()({},e,{className:[r,n\|\|""].filter(Boolean).join(" "),style:g()({},e.style,{touchAction:"none"}),ref:i,tabIndex:0,onMouseDown:o,onTouchStart:o}))}),k=(n.displayName="Interactive",n),R=e=>{var{className:e,color:t,left:r,top:n,style:o,prefixCls:a}=e,o=g()({},o,{position:"absolute",top:n,left:r}),n=a+"-pointer "+(e\|\|"");return Object(S.jsx)("div",{className:n,style:o,children:Object(S.jsx)("div",{className:a+"-fill",style:{width:10,height:10,transform:"translate(-5px, -5px)",boxShadow:"rgb(255 255 255) 0px 0px 0px 1.5px, rgb(0 0 0 / 30%) 0px 0px 1px 1px inset, rgb(0 0 0 / 40%) 0px 0px 1px 2px",borderRadius:"50%",backgroundColor:"#fff"},children:Object(S.jsx)("div",{style:{inset:0,borderRadius:"50%",position:"absolute",backgroundColor:t}})})})},A=2Math.PI;function P(e){var{width:e=0}=e,t=e/2;return{width:e,radius:t,cx:t,cy:t}}function N(e){var{width:e=0}=e;return e/2}function H(e,t,r){var n=e.angle\|\|0,e=e.direction;return r&&"clockwise"===e?t=n+t:"clockwise"===e?t=360-n+t:r&&"anticlockwise"===e?t=n+180-t:"anticlockwise"===e&&(t=n-t),(t%360+360)%360}function a(e){var t=e.id,r=e.className,n=e.style,o=e.color,a=e.setProps,e=e.loading_state;return Object(b.useEffect)(function(){o\|\|a({color:"#fffc51"})},[]),i.a.createElement(l,{id:t,className:r,style:n,color:o,onChange:function(e){a({color:e.hex})},"data-dash-is-loading":e&&e.is_loading\|\|void 0})}var T=["prefixCls","radius","pointer","className","style","width","height","oval","direction","angle","color","onChange"],n=i.a.forwardRef((e,t)=>{var{prefixCls:r="w-color-wheel",pointer:n,className:o,style:a,width:u=200,height:f=200,oval:i,direction:l="anticlockwise",angle:s=180,color:c,onChange:h}=e,e=v()(e,T),p="string"==typeof c&&_(c)?y(c):c\|\|{},c=c?x(p):"",d=function(e){var{cx:t,cy:r}=P(e),n=N(e),o=(180+H(e,p.h,!0))(A/360),n=p.s/100n,e="clockwise"===e.direction?-1:1;return{x:t+nMath.cos(o)e,y:r+nMath.sin(o)e}}({width:u}),c={top:"0",left:"0",color:c},b=(e,t)=>{var r,n,o,a,i,l,s,c,e=function(e,t,r){var{cx:n,cy:o}=P(e),a=N(e),n=(t=n-t,r=o-r,H(e,Math.atan2(-r,-t)(360/A))),o=Math.min(Math.sqrt(tt+rr),a);return{h:Math.round(n),s:Math.round(100/ao)}}({width:u},u-e.x,f-e.y),e={h:e.h,s:e.s,v:p.v,a:p.a};h&&h(("string"==typeof(e=e)&&_(e)?(l=y(e),s=e):"string"!=typeof e&&(l=e),l&&(o=(()=>{var{h:e,s:t,v:r}=l;return{h:e,s:t,v:r}})(),i=(e=>{var{h:e,s:t,v:r,a:n}=e,o=(200-t)r/100;return{h:e,s:0<o&&o<200?tr/100/(o<=100?o:200-o)100:0,l:o/2,a:n}})(l),c=(e=>{var{r:e,g:t,b:r,a:n}=e,o="number"==typeof n&&(255n\|256).toString(16).slice(1);return""+m({r:e,g:t,b:r,a:n})+(o\|\|"")})(a=w(l)),s=x(l),n=(()=>{var{h:e,s:t,l:r}=i;return{h:e,s:t,l:r}})(),r=(()=>{var{r:e,g:t,b:r}=a;return{r:e,g:t,b:r}})()),{rgb:r,hsl:n,hsv:o,rgba:a,hsla:i,hsva:l,hex:s,hexa:c}))},d={zIndex:1,transform:"translate("+d.x+"px, "+d.y+"px) "+("x"===i\|\|"X"===i?"scaleY(2)":"y"===i\|\|"Y"===i?"scaleX(2)":"")},n=n&&"function"==typeof n?n(g()({prefixCls:r,style:d},c)):Object(S.jsx)(R,g()({prefixCls:r,style:d},c));return Object(S.jsxs)(k,g()({className:[r,o\|\|""].filter(Boolean).join(" ")},e,{style:g()({position:"relative",width:u,transform:"x"===i\|\|"X"===i?"scaleY(0.5)":"y"===i\|\|"Y"===i?"scaleX(0.5)":"",height:f},a),ref:t,onMove:b,onDown:b,children:[n,Object(S.jsx)("div",{style:{position:"absolute",borderRadius:"50%",background:"anticlockwise"===l?"conic-gradient(red, yellow, lime, aqua, blue, magenta, red)":"conic-gradient(red, magenta, blue, aqua, lime, yellow, red)",transform:"rotateZ("+(s+90)+"deg)",inset:0}}),Object(S.jsx)("div",{style:{position:"absolute",borderRadius:"50%",background:"radial-gradient(circle closest-side, #fff, transparent)",inset:0}}),Object(S.jsx)("div",{style:{backgroundColor:"#000",borderRadius:"50%",position:"absolute",inset:0,opacity:"number"==typeof p.v?1-p.v/100:0}})]}))}),l=(n.displayName="Wheel",n),n=r(184);(t.default=a).defaultProps=n.b,a.propTypes=n.c},534:function(e,t,r){"use strict";r.r(t);function n(e){var t=e.color,r=e.onClick,n=e.onSwatchHover,o=e.hover,a=e.active,i=e.circleSize,e=e.circleSpacing,e=h()({default:{swatch:{width:i,height:i,marginRight:e,marginBottom:e,transform:"scale(1)",transition:"100ms transform ease"},Swatch:{borderRadius:"50%",background:"transparent",boxShadow:"inset 0 0 0 "+(i/2+1)+"px "+t,transition:"100ms box-shadow ease"}},hover:{swatch:{transform:"scale(1.2)"}},active:{Swatch:{boxShadow:"inset 0 0 0 3px "+t}}},{hover:o,active:a});return f.a.createElement("div",{style:e.swatch},f.a.createElement(s.d,{style:e.Swatch,color:t,onClick:r,onHover:n,focusStyle:{boxShadow:e.Swatch.boxShadow+", 0 0 5px "+t}}))}function o(e){function t(e,t){return n({hex:e,source:"hex"},t)}var r=e.width,n=e.onChange,o=e.onSwatchHover,a=e.colors,i=e.hex,l=e.circleSize,s=void 0===(s=e.styles)?{}:s,c=e.circleSpacing,e=void 0===(e=e.className)?"":e,r=h()(Object(d.a)({default:{card:{width:r,display:"flex",flexWrap:"wrap",marginRight:-c,marginBottom:-c}}},s));return f.a.createElement("div",{style:r.card,className:"circle-picker "+e},Object(p.a)(a,function(e){return f.a.createElement(b,{key:e,color:e,onClick:t,onSwatchHover:o,active:i===e.toLowerCase(),circleSize:l,circleSpacing:c})}))}function a(e){var t=e.id,r=e.className,n=e.style,o=e.width,a=e.circleSize,i=e.circleSpacing,l=e.color,s=e.colors,c=e.setProps,e=e.loading_state;return Object(u.useEffect)(function(){s&&!l&&c({color:s[0]})},[]),f.a.createElement(g,{id:t,className:r,style:n,width:o,circleSize:a,circleSpacing:i,color:l,colors:s,onChangeComplete:function(e,t){return c({color:e.hex})},"data-dash-is-loading":e&&e.is_loading\|\|void 0})}var u=r(1),f=r.n(u),i=r(0),i=r.n(i),l=r(552),h=r.n(l),p=r(578),d=r(569),s=r(558),b=(n.defaultProps={circleSize:28,circleSpacing:14},Object(l.handleHover)(n)),g=(o.propTypes={width:i.a.oneOfType([i.a.string,i.a.number]),circleSize:i.a.number,circleSpacing:i.a.number,styles:i.a.object},o.defaultProps={width:252,circleSize:28,circleSpacing:14,colors:["#f44336","#e91e63","#9c27b0","#673ab7","#3f51b5","#2196f3","#03a9f4","#00bcd4","#009688","#4caf50","#8bc34a","#cddc39","#ffeb3b","#ffc107","#ff9800","#ff5722","#795548","#607d8b"],styles:{}},Object(s.b)(o)),l=r(183);(t.default=a).defaultProps=l.b,a.propTypes=l.c},535:function(e,t,r){"use strict";r.r(t);function n(e){function t(e,t){return o({hex:e,source:"hex"},t)}var r=e.width,n=e.colors,o=e.onChange,a=e.onSwatchHover,i=e.triangle,l=void 0===(l=e.styles)?{}:l,e=void 0===(e=e.className)?"":e,r=u()(Object(h.a)({default:{card:{width:r,background:"#fff",border:"1px solid rgba(0,0,0,0.2)",boxShadow:"0 3px 12px rgba(0,0,0,0.15)",borderRadius:"4px",position:"relative",padding:"5px",display:"flex",flexWrap:"wrap"},triangle:{position:"absolute",border:"7px solid transparent",borderBottomColor:"#fff"},triangleShadow:{position:"absolute",border:"8px solid transparent",borderBottomColor:"rgba(0,0,0,0.15)"}},"hide-triangle":{triangle:{display:"none"},triangleShadow:{display:"none"}},"top-left-triangle":{triangle:{top:"-14px",left:"10px"},triangleShadow:{top:"-16px",left:"9px"}},"top-right-triangle":{triangle:{top:"-14px",right:"10px"},triangleShadow:{top:"-16px",right:"9px"}},"bottom-left-triangle":{triangle:{top:"35px",left:"10px",transform:"rotate(180deg)"},triangleShadow:{top:"37px",left:"9px",transform:"rotate(180deg)"}},"bottom-right-triangle":{triangle:{top:"35px",right:"10px",transform:"rotate(180deg)"},triangleShadow:{top:"37px",right:"9px",transform:"rotate(180deg)"}}},l),{"hide-triangle":"hide"===i,"top-left-triangle":"top-left"===i,"top-right-triangle":"top-right"===i,"bottom-left-triangle":"bottom-left"===i,"bottom-right-triangle":"bottom-right"===i});return c.a.createElement("div",{style:r.card,className:"github-picker "+e},c.a.createElement("div",{style:r.triangleShadow}),c.a.createElement("div",{style:r.triangle}),Object(f.a)(n,function(e){return c.a.createElement(p,{color:e,key:e,onClick:t,onSwatchHover:a})}))}function o(e){var t=e.id,r=e.className,n=e.style,o=e.color,a=e.colors,i=e.triangle,l=e.setProps,e=e.loading_state;return Object(s.useEffect)(function(){a&&!o&&l({color:a[0]})},[]),c.a.createElement(d,{id:t,className:r,style:n,color:o,colors:a,triangle:i,onChangeComplete:function(e,t){return l({color:e.hex})},"data-dash-is-loading":e&&e.is_loading\|\|void 0})}var s=r(1),c=r.n(s),a=r(0),a=r.n(a),i=r(552),u=r.n(i),f=r(578),h=r(569),l=r(558),p=Object(i.handleHover)(function(e){var t=e.hover,r=e.color,n=e.onClick,e=e.onSwatchHover,o={position:"relative",zIndex:"2",outline:"2px solid #fff",boxShadow:"0 0 5px 2px rgba(0,0,0,0.25)"},t=u()({default:{swatch:{width:"25px",height:"25px",fontSize:"0"}},hover:{swatch:o}},{hover:t});return c.a.createElement("div",{style:t.swatch},c.a.createElement(l.d,{color:r,onClick:n,onHover:e,focusStyle:o}))}),d=(n.propTypes={width:a.a.oneOfType([a.a.string,a.a.number]),colors:a.a.arrayOf(a.a.string),triangle:a.a.oneOf(["hide","top-left","top-right","bottom-left","bottom-right"]),styles:a.a.object},n.defaultProps={width:200,colors:["#B80000","#DB3E00","#FCCB00","#008B02","#006B76","#1273DE","#004DCF","#5300EB","#EB9694","#FAD0C3","#FEF3BD","#C1E1C5","#BEDADC","#C4DEF6","#BED3F3","#D4C4FB"],triangle:"top-left",styles:{}},Object(l.b)(n)),i=r(180);(t.default=o).defaultProps=i.b,o.propTypes=i.c},536:function(e,t,r){"use strict";r.r(t);function u(e){var t=e.colors,r=e.onClick,n=e.onSwatchHover,o=h()({default:{swatches:{marginRight:"-10px"},swatch:{width:"22px",height:"22px",float:"left",marginRight:"10px",marginBottom:"10px",borderRadius:"4px"},clear:{clear:"both"}}});return f.a.createElement("div",{style:o.swatches},Object(l.a)(t,function(e){return f.a.createElement(b.d,{key:e,color:e,style:o.swatch,onClick:r,onHover:n,focusStyle:{boxShadow:"0 0 4px "+e}})}),f.a.createElement("div",{style:o.clear}))}function n(e){function t(e,t){d.b(e)&&r({hex:e,source:"hex"},t)}var r=e.onChange,n=e.onSwatchHover,o=e.hex,a=e.colors,i=e.width,l=e.triangle,s=void 0===(s=e.styles)?{}:s,e=void 0===(e=e.className)?"":e,c="transparent"===o,i=h()(Object(p.a)({default:{card:{width:i,background:"#fff",boxShadow:"0 1px rgba(0,0,0,.1)",borderRadius:"6px",position:"relative"},head:{height:"110px",background:o,borderRadius:"6px 6px 0 0",display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},body:{padding:"10px"},label:{fontSize:"18px",color:d.a(o),position:"relative"},triangle:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 10px 10px 10px",borderColor:"transparent transparent "+o+" transparent",position:"absolute",top:"-10px",left:"50%",marginLeft:"-10px"},input:{width:"100%",fontSize:"12px",color:"#666",border:"0px",outline:"none",height:"22px",boxShadow:"inset 0 0 0 1px #ddd",borderRadius:"4px",padding:"0 7px",boxSizing:"border-box"}},"hide-triangle":{triangle:{display:"none"}}},s),{"hide-triangle":"hide"===l});return f.a.createElement("div",{style:i.card,className:"block-picker "+e},f.a.createElement("div",{style:i.triangle}),f.a.createElement("div",{style:i.head},c&&f.a.createElement(b.a,{borderRadius:"6px 6px 0 0"}),f.a.createElement("div",{style:i.label},o)),f.a.createElement("div",{style:i.body},f.a.createElement(u,{colors:a,onClick:t,onSwatchHover:n}),f.a.createElement(b.c,{style:{input:i.input},value:o,onChange:t})))}function o(e){var t=e.id,r=e.className,n=e.style,o=e.width,a=e.color,i=e.colors,l=e.triangle,s=e.setProps,e=e.loading_state;return Object(c.useEffect)(function(){i&&!a&&s({color:i[0]})},[]),f.a.createElement(g,{id:t,className:r,style:n,color:a,colors:i,width:o,triangle:l,onChangeComplete:function(e,t){return s({color:e.hex})},"data-dash-is-loading":e&&e.is_loading\|\|void 0})}var c=r(1),f=r.n(c),a=r(0),a=r.n(a),i=r(552),h=r.n(i),p=r(569),d=r(598),b=r(558),l=r(578),g=(n.propTypes={width:a.a.oneOfType([a.a.string,a.a.number]),colors:a.a.arrayOf(a.a.string),triangle:a.a.oneOf(["top","hide"]),styles:a.a.object},n.defaultProps={width:170,colors:["#D9E3F0","#F47373","#697689","#37D67A","#2CCCE4","#555555","#dce775","#ff8a65","#ba68c8"],triangle:"top",styles:{}},Object(b.b)(n)),i=r(182);(t.default=o).defaultProps=i.b,o.propTypes=i.c},539:function(e,t,r){"use strict";r.r(t);function n(e){function r(e,t){d.b(e)&&n({hex:e,source:"hex"},t)}var n=e.onChange,o=e.onSwatchHover,t=e.hex,a=e.colors,i=e.width,l=e.triangle,s=void 0===(s=e.styles)?{}:s,e=void 0===(e=e.className)?"":e,c=f()(Object(p.a)({default:{card:{width:i,background:"#fff",border:"0 solid rgba(0,0,0,0.25)",boxShadow:"0 1px 4px rgba(0,0,0,0.25)",borderRadius:"4px",position:"relative"},body:{padding:"15px 9px 9px 15px"},label:{fontSize:"18px",color:"#fff"},triangle:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 9px 10px 9px",borderColor:"transparent transparent #fff transparent",position:"absolute"},triangleShadow:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 9px 10px 9px",borderColor:"transparent transparent rgba(0,0,0,.1) transparent",position:"absolute"},hash:{background:"#F0F0F0",height:"30px",width:"30px",borderRadius:"4px 0 0 4px",float:"left",color:"#98A1A4",display:"flex",alignItems:"center",justifyContent:"center"},input:{width:"100px",fontSize:"14px",color:"#666",border:"0px",outline:"none",height:"28px",boxShadow:"inset 0 0 0 1px #F0F0F0",boxSizing:"content-box",borderRadius:"0 4px 4px 0",float:"left",paddingLeft:"8px"},swatch:{width:"30px",height:"30px",float:"left",borderRadius:"4px",margin:"0 6px 6px 0"},clear:{clear:"both"}},"hide-triangle":{triangle:{display:"none"},triangleShadow:{display:"none"}},"top-left-triangle":{triangle:{top:"-10px",left:"12px"},triangleShadow:{top:"-11px",left:"12px"}},"top-right-triangle":{triangle:{top:"-10px",right:"12px"},triangleShadow:{top:"-11px",right:"12px"}}},s),{"hide-triangle":"hide"===l,"top-left-triangle":"top-left"===l,"top-right-triangle":"top-right"===l});return u.a.createElement("div",{style:c.card,className:"twitter-picker "+e},u.a.createElement("div",{style:c.triangleShadow}),u.a.createElement("div",{style:c.triangle}),u.a.createElement("div",{style:c.body},Object(h.a)(a,function(e,t){return u.a.createElement(b.d,{key:t,color:e,hex:e,style:c.swatch,onClick:r,onHover:o,focusStyle:{boxShadow:"0 0 4px "+e}})}),u.a.createElement("div",{style:c.hash},"#"),u.a.createElement(b.c,{label:null,style:{input:c.input},value:t.replace("#",""),onChange:r}),u.a.createElement("div",{style:c.clear})))}function o(e){var t=e.id,r=e.className,n=e.style,o=e.width,a=e.color,i=e.colors,l=e.triangle,s=e.setProps,e=e.loading_state;return Object(c.useEffect)(function(){i&&!a&&s({color:i[0]})},[]),u.a.createElement(g,{id:t,className:r,style:n,color:a,colors:i,width:o,triangle:l,onChangeComplete:function(e,t){return s({color:e.hex})},"data-dash-is-loading":e&&e.is_loading\|\|void 0})}var c=r(1),u=r.n(c),a=r(0),a=r.n(a),i=r(552),f=r.n(i),h=r(578),p=r(569),d=r(598),b=r(558),g=(n.propTypes={width:a.a.oneOfType([a.a.string,a.a.number]),triangle:a.a.oneOf(["hide","top-left","top-right"]),colors:a.a.arrayOf(a.a.string),styles:a.a.object},n.defaultProps={width:276,colors:["#FF6900","#FCB900","#7BDCB5","#00D084","#8ED1FC","#0693E3","#ABB8C3","#EB144C","#F78DA7","#9900EF"],triangle:"top-left",styles:{}},Object(b.b)(n)),i=r(181);(t.default=o).defaultProps=i.b,o.propTypes=i.c},540:function(e,t,r){"use strict";r.r(t);var c=r(1);const o=()=>"undefined"!=typeof window&&"EyeDropper"in window,n=()=>Promise.reject(new Error("Unsupported browser."));function a(e){var t=e.id,r=e.enable,n=e.setProps,e=e.loading_state,o=s(),a=o.open,i=o.close,l=o.isSupported;return Object(c.useEffect)(function(){l()&&(r?a().then(function(e){n({color:e.sRGBHex,enable:!1})}).catch(function(e){return n({enable:!1})}):i())},[r]),React.createElement("div",{id:t,"data-dash-is-loading":e&&e.is_loading\|\|void 0})}var s=t=>{const a=Object(c.useMemo)(()=>{return e=t,(e=o()&&new EyeDropper(e))?EyeDropper.prototype.open.bind(e):n;var e},[t]),[i,e]=(()=>{const e=Object(c.useRef)(),[t,r]=Object(c.useState)(!1);Object(c.useEffect)(()=>(e.current=!0,r(o()),()=>{e.current=!1}),[]);var n=Object(c.useCallback)(()=>t,[t]);return[e,n]})(),l=Object(c.useRef)(),s=Object(c.useCallback)(()=>{void 0!==l.current&&l.current.abort()},[l]),r=Object(c.useCallback)(async function(e){void 0===e&&(e={}),s();const{signal:t,...r}=e,n=new AbortController;l.current=n;var o=void 0!==t?(e=>{const t=new AbortController,r=()=>{t.abort();for(const t of e)t.removeEventListener("abort",r)};for(const t of e){if(t.aborted){r();break}t.addEventListener("abort",r)}return t.signal})([t,n.signal]):n.signal;try{return await a({...r,signal:o})}catch(e){throw i.current\|\|(e.canceled=!0),e}},[l,i,s,a]);return Object(c.useEffect)(()=>s,[s]),{open:r,close:s,isSupported:e}},r=r(192);(t.default=a).defaultProps=r.b,a.propTypes=r.c},552:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ReactCSS=t.loop=t.handleActive=t.handleHover=t.hover=void 0;var a=s(r(669)),i=s(r(695)),l=s(r(697)),n=s(r(698)),o=s(r(699)),r=s(r(700));function s(e){return e&&e.__esModule?e:{default:e}}t.hover=n.default,t.handleHover=n.default,t.handleActive=o.default,t.loop=r.default;n=t.ReactCSS=function(e){for(var t=arguments.length,r=Array(1<t?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];var o=(0,a.default)(r),e=(0,i.default)(e,o);return(0,l.default)(e)};t.default=n},558:function(D,e,t){"use strict";function r(e){var t=e.white,r=e.grey,n=e.size,o=e.renderers,a=e.borderRadius,i=e.boxShadow,e=e.children,i=u()({default:{grid:{borderRadius:a,boxShadow:i,absolute:"0px 0px 0px 0px",background:"url("+(a=t,i=r,t=n,r=o.canvas,s[n=a+"-"+i+"-"+t+(r?"-server":"")]\|\|(a=a,i=i,t=t,a=("undefined"!=typeof document\|\|r)&&((r=r?new r:document.createElement("canvas")).width=2t,r.height=2t,o=r.getContext("2d"))?(o.fillStyle=a,o.fillRect(0,0,r.width,r.height),o.fillStyle=i,o.fillRect(0,0,t,t),o.translate(t,t),o.fillRect(0,0,t,t),r.toDataURL()):null,s[n]=a))+") center left"}}});return Object(l.isValidElement)(e)?c.a.cloneElement(e,f({},e.props,{style:f({},e.props.style,i.grid)})):c.a.createElement("div",{style:i.grid})}var l=t(1),c=t.n(l),n=t(552),u=t.n(n),s={},f=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},h=(r.defaultProps={size:8,white:"transparent",grey:"rgba(0,0,0,.08)",renderers:{}},r),o=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},n=function(e,t,r){return t&&a(e.prototype,t),r&&a(e,r),e};function a(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable\|\|!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function i(e,t){if(e)return!t\|\|"object"!=typeof t&&"function"!=typeof t?e:t;throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}var p=l.PureComponent\|\|l.Component;function d(){var r,e=this,t=d;if(!(e instanceof t))throw new TypeError("Cannot call a class as a function");for(var n=arguments.length,o=Array(n),a=0;a<n;a++)o[a]=arguments[a];return t=r=i(this,(e=d.__proto__\|\|Object.getPrototypeOf(d)).call.apply(e,[this].concat(o))),r.handleChange=function(e){var t=function(e,t,r,n,o){var a=o.clientWidth,i=o.clientHeight,l=("number"==typeof e.pageX?e:e.touches[0]).pageX,e=("number"==typeof e.pageY?e:e.touches[0]).pageY,l=l-(o.getBoundingClientRect().left+window.pageXOffset),e=e-(o.getBoundingClientRect().top+window.pageYOffset);if("vertical"===r){o=e<0?0:i<e?1:Math.round(100e/i)/100;if(t.a!==o)return{h:t.h,s:t.s,l:t.l,a:o,source:"rgb"}}else if(n!==(r=l<0?0:a<l?1:Math.round(100l/a)/100))return{h:t.h,s:t.s,l:t.l,a:r,source:"rgb"};return null}(e,r.props.hsl,r.props.direction,r.props.a,r.container);t&&"function"==typeof r.props.onChange&&r.props.onChange(t,e)},r.handleMouseDown=function(e){r.handleChange(e),window.addEventListener("mousemove",r.handleChange),window.addEventListener("mouseup",r.handleMouseUp)},r.handleMouseUp=function(){r.unbindEventListeners()},r.unbindEventListeners=function(){window.removeEventListener("mousemove",r.handleChange),window.removeEventListener("mouseup",r.handleMouseUp)},i(r,t)}var b=d;if("function"!=typeof p&&null!==p)throw new TypeError("Super expression must either be null or a function, not "+typeof p);b.prototype=Object.create(p&&p.prototype,{constructor:{value:b,enumerable:!1,writable:!0,configurable:!0}}),p&&(Object.setPrototypeOf?Object.setPrototypeOf(b,p):b.__proto__=p),n(d,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"render",value:function(){var t=this,e=this.props.rgb,e=u()({default:{alpha:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},checkboard:{absolute:"0px 0px 0px 0px",overflow:"hidden",borderRadius:this.props.radius},gradient:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, rgba("+e.r+","+e.g+","+e.b+", 0) 0%,\n rgba("+e.r+","+e.g+","+e.b+", 1) 100%)",boxShadow:this.props.shadow,borderRadius:this.props.radius},container:{position:"relative",height:"100%",margin:"0 3px"},pointer:{position:"absolute",left:100e.a+"%"},slider:{width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",marginTop:"1px",transform:"translateX(-2px)"}},vertical:{gradient:{background:"linear-gradient(to bottom, rgba("+e.r+","+e.g+","+e.b+", 0) 0%,\n rgba("+e.r+","+e.g+","+e.b+", 1) 100%)"},pointer:{left:0,top:100e.a+"%"}},overwrite:o({},this.props.style)},{vertical:"vertical"===this.props.direction,overwrite:!0});return c.a.createElement("div",{style:e.alpha},c.a.createElement("div",{style:e.checkboard},c.a.createElement(h,{renderers:this.props.renderers})),c.a.createElement("div",{style:e.gradient}),c.a.createElement("div",{style:e.container,ref:function(e){return t.container=e},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},c.a.createElement("div",{style:e.pointer},this.props.pointer?c.a.createElement(this.props.pointer,this.props):c.a.createElement("div",{style:e.slider}))))}}]);var g=function(e,t,r){return t&&v(e.prototype,t),r&&v(e,r),e};function v(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable\|\|!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}var m=[38,40],y=1,w=function(e){function t(e){var n;if(this instanceof t)return(n=function(e,t){if(e)return!t\|\|"object"!=typeof t&&"function"!=typeof t?e:t;throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}(this,(t.__proto__\|\|Object.getPrototypeOf(t)).call(this))).handleBlur=function(){n.state.blurValue&&n.setState({value:n.state.blurValue,blurValue:null})},n.handleChange=function(e){n.setUpdatedValue(e.target.value,e)},n.handleKeyDown=function(e){r=e.target.value;var t,r=Number(String(r).replace(/%/g,""));!isNaN(r)&&(t=e.keyCode,-1<m.indexOf(t))&&(t=n.getArrowOffset(),r=38===e.keyCode?r+t:r-t,n.setUpdatedValue(r,e))},n.handleDrag=function(e){var t;n.props.dragLabel&&0<=(t=Math.round(n.props.value+e.movementX))&&t<=n.props.dragMax&&n.props.onChange&&n.props.onChange(n.getValueObjectWithLabel(t),e)},n.handleMouseDown=function(e){n.props.dragLabel&&(e.preventDefault(),n.handleDrag(e),window.addEventListener("mousemove",n.handleDrag),window.addEventListener("mouseup",n.handleMouseUp))},n.handleMouseUp=function(){n.unbindEventListeners()},n.unbindEventListeners=function(){window.removeEventListener("mousemove",n.handleDrag),window.removeEventListener("mouseup",n.handleMouseUp)},n.state={value:String(e.value).toUpperCase(),blurValue:String(e.value).toUpperCase()},n.inputId="rc-editable-input-"+y++,n;throw new TypeError("Cannot call a class as a function")}var r=t;if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);return r.prototype=Object.create(e&&e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(r,e):r.__proto__=e),g(t,[{key:"componentDidUpdate",value:function(e,t){this.props.value===this.state.value\|\|e.value===this.props.value&&t.value===this.state.value\|\|(this.input===document.activeElement?this.setState({blurValue:String(this.props.value).toUpperCase()}):this.setState({value:String(this.props.value).toUpperCase(),blurValue:!this.state.blurValue&&String(this.props.value).toUpperCase()}))}},{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"getValueObjectWithLabel",value:function(e){return t={},r=this.props.label,e=e,r in t?Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[r]=e,t;var t,r}},{key:"getArrowOffset",value:function(){return this.props.arrowOffset\|\|1}},{key:"setUpdatedValue",value:function(e,t){var r=this.props.label?this.getValueObjectWithLabel(e):e;this.props.onChange&&this.props.onChange(r,t),this.setState({value:e})}},{key:"render",value:function(){var t=this,e=u()({default:{wrap:{position:"relative"}},"user-override":{wrap:this.props.style&&this.props.style.wrap?this.props.style.wrap:{},input:this.props.style&&this.props.style.input?this.props.style.input:{},label:this.props.style&&this.props.style.label?this.props.style.label:{}},"dragLabel-true":{label:{cursor:"ew-resize"}}},{"user-override":!0},this.props);return c.a.createElement("div",{style:e.wrap},c.a.createElement("input",{id:this.inputId,style:e.input,ref:function(e){return t.input=e},value:this.state.value,onKeyDown:this.handleKeyDown,onChange:this.handleChange,onBlur:this.handleBlur,placeholder:this.props.placeholder,spellCheck:"false"}),this.props.label&&!this.props.hideLabel?c.a.createElement("label",{htmlFor:this.inputId,style:e.label,onMouseDown:this.handleMouseDown},this.props.label):null)}}]),t}(l.PureComponent\|\|l.Component),b=function(e,t,r){return t&&x(e.prototype,t),r&&x(e,r),e};function x(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable\|\|!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _(e,t){if(e)return!t\|\|"object"!=typeof t&&"function"!=typeof t?e:t;throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}p=l.PureComponent\|\|l.Component;function O(){var r,e=this,t=O;if(!(e instanceof t))throw new TypeError("Cannot call a class as a function");for(var n=arguments.length,o=Array(n),a=0;a<n;a++)o[a]=arguments[a];return t=r=_(this,(e=O.__proto__\|\|Object.getPrototypeOf(O)).call.apply(e,[this].concat(o))),r.handleChange=function(e){var t=function(e,t,r,n){var o=n.clientWidth,a=n.clientHeight,i=("number"==typeof e.pageX?e:e.touches[0]).pageX,e=("number"==typeof e.pageY?e:e.touches[0]).pageY,i=i-(n.getBoundingClientRect().left+window.pageXOffset),e=e-(n.getBoundingClientRect().top+window.pageYOffset);if("vertical"===t){n=void 0,n=e<0?359:a<e?0:360(-100e/a+100)/100;if(r.h!==n)return{h:n,s:r.s,l:r.l,a:r.a,source:"hsl"}}else{t=void 0,t=i<0?0:o<i?359:100i/o360/100;if(r.h!==t)return{h:t,s:r.s,l:r.l,a:r.a,source:"hsl"}}return null}(e,r.props.direction,r.props.hsl,r.container);t&&"function"==typeof r.props.onChange&&r.props.onChange(t,e)},r.handleMouseDown=function(e){r.handleChange(e),window.addEventListener("mousemove",r.handleChange),window.addEventListener("mouseup",r.handleMouseUp)},r.handleMouseUp=function(){r.unbindEventListeners()},_(r,t)}n=O;if("function"!=typeof p&&null!==p)throw new TypeError("Super expression must either be null or a function, not "+typeof p);n.prototype=Object.create(p&&p.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),p&&(Object.setPrototypeOf?Object.setPrototypeOf(n,p):n.__proto__=p),b(O,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"unbindEventListeners",value:function(){window.removeEventListener("mousemove",this.handleChange),window.removeEventListener("mouseup",this.handleMouseUp)}},{key:"render",value:function(){var t=this,e=this.props.direction,e=void 0===e?"horizontal":e,r=u()({default:{hue:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius,boxShadow:this.props.shadow},container:{padding:"0 2px",position:"relative",height:"100%",borderRadius:this.props.radius},pointer:{position:"absolute",left:100this.props.hsl.h/360+"%"},slider:{marginTop:"1px",width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",transform:"translateX(-2px)"}},vertical:{pointer:{left:"0px",top:-100this.props.hsl.h/360+100+"%"}}},{vertical:"vertical"===e});return c.a.createElement("div",{style:r.hue},c.a.createElement("div",{className:"hue-"+e,style:r.container,ref:function(e){return t.container=e},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},c.a.createElement("style",null,"\n .hue-horizontal {\n background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0\n 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n background: -webkit-linear-gradient(to right, #f00 0%, #ff0\n 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n }\n\n .hue-vertical {\n background: linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%,\n #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n background: -webkit-linear-gradient(to top, #f00 0%, #ff0 17%,\n #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n }\n "),c.a.createElement("div",{style:r.pointer},this.props.pointer?c.a.createElement(this.props.pointer,this.props):c.a.createElement("div",{style:r.slider}))))}}]);var n=t(0),p=t.n(n),j=(t(569),p.a.string,p.a.oneOf([0,1,2,3,4,5]),p.a.number,p.a.object,t(500)),b=function(e,t,r){return t&&E(e.prototype,t),r&&E(e,r),e};function E(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable\|\|!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}n=l.PureComponent\|\|l.Component;function C(e){var l;if(this instanceof C)return(l=function(e,t){if(e)return!t\|\|"object"!=typeof t&&"function"!=typeof t?e:t;throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}(this,(C.__proto__\|\|Object.getPrototypeOf(C)).call(this,e))).handleChange=function(e){var t,r,n,o,a,i;"function"==typeof l.props.onChange&&l.throttle(l.props.onChange,(t=e,r=l.props.hsl,n=l.container,o=n.getBoundingClientRect(),a=o.width,o=o.height,i=("number"==typeof t.pageX?t:t.touches[0]).pageX,t=("number"==typeof t.pageY?t:t.touches[0]).pageY,i-=n.getBoundingClientRect().left+window.pageXOffset,t-=n.getBoundingClientRect().top+window.pageYOffset,i<0?i=0:a<i&&(i=a),t<0?t=0:o<t&&(t=o),{h:r.h,s:i/a,v:1-t/o,a:r.a,source:"hsv"}),e)},l.handleMouseDown=function(e){l.handleChange(e);e=l.getContainerRenderWindow();e.addEventListener("mousemove",l.handleChange),e.addEventListener("mouseup",l.handleMouseUp)},l.handleMouseUp=function(){l.unbindEventListeners()},l.throttle=Object(j.a)(function(e,t,r){e(t,r)},50),l;throw new TypeError("Cannot call a class as a function")}p=C;if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);p.prototype=Object.create(n&&n.prototype,{constructor:{value:p,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(p,n):p.__proto__=n),b(C,[{key:"componentWillUnmount",value:function(){this.throttle.cancel(),this.unbindEventListeners()}},{key:"getContainerRenderWindow",value:function(){for(var e=this.container,t=window;!t.document.contains(e)&&t.parent!==t;)t=t.parent;return t}},{key:"unbindEventListeners",value:function(){var e=this.getContainerRenderWindow();e.removeEventListener("mousemove",this.handleChange),e.removeEventListener("mouseup",this.handleMouseUp)}},{key:"render",value:function(){var t=this,e=this.props.style\|\|{},r=e.color,n=e.white,o=e.black,a=e.pointer,e=e.circle,r=u()({default:{color:{absolute:"0px 0px 0px 0px",background:"hsl("+this.props.hsl.h+",100%, 50%)",borderRadius:this.props.radius},white:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},black:{absolute:"0px 0px 0px 0px",boxShadow:this.props.shadow,borderRadius:this.props.radius},pointer:{position:"absolute",top:-100this.props.hsv.v+100+"%",left:100this.props.hsv.s+"%",cursor:"default"},circle:{width:"4px",height:"4px",boxShadow:"0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),\n 0 0 1px 2px rgba(0,0,0,.4)",borderRadius:"50%",cursor:"hand",transform:"translate(-2px, -2px)"}},custom:{color:r,white:n,black:o,pointer:a,circle:e}},{custom:!!this.props.style});return c.a.createElement("div",{style:r.color,ref:function(e){return t.container=e},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},c.a.createElement("style",null,"\n .saturation-white {\n background: -webkit-linear-gradient(to right, #fff, rgba(255,255,255,0));\n background: linear-gradient(to right, #fff, rgba(255,255,255,0));\n }\n .saturation-black {\n background: -webkit-linear-gradient(to top, #000, rgba(0,0,0,0));\n background: linear-gradient(to top, #000, rgba(0,0,0,0));\n }\n "),c.a.createElement("div",{style:r.white,className:"saturation-white"},c.a.createElement("div",{style:r.black,className:"saturation-black"}),c.a.createElement("div",{style:r.pointer},this.props.pointer?c.a.createElement(this.props.pointer,this.props):c.a.createElement("div",{style:r.circle}))))}}]);var S=t(293),M=t(598),k=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},R=function(e,t,r){return t&&A(e.prototype,t),r&&A(e,r),e};function A(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable\|\|!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function P(n){var e=function(e){function t(e){var r;if(this instanceof t)return(r=function(e,t){if(e)return!t\|\|"object"!=typeof t&&"function"!=typeof t?e:t;throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}(this,(t.__proto__\|\|Object.getPrototypeOf(t)).call(this))).handleChange=function(e,t){M.c(e)&&(e=M.d(e,e.h\|\|r.state.oldHue),r.setState(e),r.props.onChangeComplete&&r.debounce(r.props.onChangeComplete,e,t),r.props.onChange)&&r.props.onChange(e,t)},r.handleSwatchHover=function(e,t){M.c(e)&&(e=M.d(e,e.h\|\|r.state.oldHue),r.props.onSwatchHover)&&r.props.onSwatchHover(e,t)},r.state=k({},M.d(e.color,0)),r.debounce=Object(S.a)(function(e,t,r){e(t,r)},100),r;throw new TypeError("Cannot call a class as a function")}var r=t;if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);return r.prototype=Object.create(e&&e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(r,e):r.__proto__=e),R(t,[{key:"render",value:function(){var e={};return this.props.onSwatchHover&&(e.onSwatchHover=this.handleSwatchHover),c.a.createElement(n,k({},this.props,this.state,{onChange:this.handleChange},e))}}],[{key:"getDerivedStateFromProps",value:function(e,t){return k({},M.d(e.color,t.oldHue))}}]),t}(l.PureComponent\|\|l.Component);return e.propTypes=k({},n.propTypes),e.defaultProps=k({},n.defaultProps,{color:{h:250,s:.5,l:.2,a:1}}),e}var F=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},L=function(e,t,r){return t&&N(e.prototype,t),r&&N(e,r),e};function N(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable\|\|!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function H(e,t){if(e)return!t\|\|"object"!=typeof t&&"function"!=typeof t?e:t;throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}var T=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},B=function(e,t){var r=1<arguments.length&&void 0!==t?t:"span",t=c.a.Component;function i(){var e,t=this,r=i;if(!(t instanceof r))throw new TypeError("Cannot call a class as a function");for(var n=arguments.length,o=Array(n),a=0;a<n;a++)o[a]=arguments[a];return r=e=H(this,(t=i.__proto__\|\|Object.getPrototypeOf(i)).call.apply(t,[this].concat(o))),e.state={focus:!1},e.handleFocus=function(){return e.setState({focus:!0})},e.handleBlur=function(){return e.setState({focus:!1})},H(e,r)}var n=i;if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);return n.prototype=Object.create(t&&t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(n,t):n.__proto__=t),L(i,[{key:"render",value:function(){return c.a.createElement(r,{onFocus:this.handleFocus,onBlur:this.handleBlur},c.a.createElement(e,F({},this.props,this.state)))}}]),i}(function(e){var t=e.color,r=e.style,n=e.onClick,o=void 0===n?function(){}:n,a=e.onHover,n=e.title,n=void 0===n?t:n,i=e.children,l=e.focus,e=e.focusStyle,e=void 0===e?{}:e,s="transparent"===t,r=u()({default:{swatch:T({background:t,height:"100%",width:"100%",cursor:"pointer",position:"relative",outline:"none"},r,l?e:{})}}),l={};return a&&(l.onMouseOver=function(e){return a(t,e)}),c.a.createElement("div",T({style:r.swatch,onClick:function(e){return o(t,e)},title:n,tabIndex:0,onKeyDown:function(e){return 13===e.keyCode&&o(t,e)}},l),i,s&&c.a.createElement(h,{borderRadius:r.swatch.borderRadius,boxShadow:"inset 0 0 0 1px rgba(0,0,0,0.1)"}))});t.d(e,"a",function(){return h}),t.d(e,"c",function(){return w}),t.d(e,"b",function(){return P}),t.d(e,"d",function(){return B})},569:function(D,e,t){"use strict";var w=t(120),r=t(32),n=function(){try{var e=Object(r.a)(Object,"defineProperty");return e({},"",{}),e}catch(e){}}(),f=function(e,t,r){"__proto__"==t&&n?n(e,t,{configurable:!0,enumerable:!0,value:r,writable:!0}):e[t]=r},h=t(94),x=function(e,t,r){(void 0===r\|\|Object(h.a)(e[t],r))&&(void 0!==r\|\|t in e)\|\|f(e,t,r)},o=t(656),_=t(701),a=t(165),O=function(e,t){var r,t=t?(t=e.buffer,r=new t.constructor(t.byteLength),new a.a(r).set(new a.a(t)),r):e.buffer;return new e.constructor(t,e.byteOffset,e.length)},j=function(e,t){var r=-1,n=e.length;for(t=t\|\|Array(n);++r<n;)t[r]=e[r];return t},E=t(35),i=Object.create,l=function(e){if(!Object(E.a)(e))return{};if(i)return i(e);p.prototype=e;e=new p;return p.prototype=void 0,e},s=t(285),c=Object(s.a)(Object.getPrototypeOf,Object),u=t(191);function p(){}function d(e,t,r,n){var o=!r;r=r\|\|{};for(var a,i,l=-1,s=t.length;++l<s;){var c=t[l],u=n?n(r[c],e[c],c,r,e):void 0;void 0===u&&(u=e[c]),o?f(r,c,u):(u=u,i=void 0,i=(a=r)[c=c],V.call(a,c)&&Object(h.a)(i,u)&&(void 0!==u\|\|c in a)\|\|f(a,c,u))}return r}function C(e){return Object(y.a)(e)?Object($.a)(e,!0):J(e)}function S(b,g,v,m,y){b!==g&&Object(o.a)(g,function(e,t){var r,n,o,a,i,l,s,c,u,f,h,p,d;y=y\|\|new w.a,Object(E.a)(e)?(n=g,a=v,i=S,l=m,s=y,h=N(r=b,o=t),p=N(n,o),(d=s.get(p))?x(r,o,d):((n=void 0===(d=l?l(h,p,o+"",r,n,s):void 0))&&(u=!(c=Object(k.a)(p))&&Object(z.a)(p),f=!c&&!u&&Object(q.a)(p),d=p,c\|\|u\|\|f?d=Object(k.a)(h)?h:B(h)?j(h):u?(n=!1,Object(_.a)(p,!0)):f?O(p,!(n=!1)):[]:Y(p)\|\|Object(M.a)(p)?(d=h,Object(M.a)(h)?d=G(h):Object(E.a)(h)&&!Object(U.a)(h)\|\|(d=L(p))):n=!1),n&&(s.set(p,d),i(d,p,a,l,s),s.delete(p)),x(r,o,d))):(c=m?m(N(b,t),e,t+"",b,g,y):void 0,x(b,t,c=void 0===c?e:c))},C)}function F(e,t){return ee((a=e,i=t,l=H.a,i=T(void 0===i?a.length-1:i,0),function(){for(var e=arguments,t=-1,r=T(e.length-i,0),n=Array(r);++t<r;)n[t]=e[i+t];for(var t=-1,o=Array(i+1);++t<i;)o[t]=e[t];return o[i]=l(n),Z(a,this,o)}),e+"");var a,i,l}var b,g,v,m,L=function(e){return"function"!=typeof e.constructor\|\|Object(u.a)(e)?{}:l(c(e))},M=t(233),k=t(52),y=t(171),R=t(36),B=function(e){return Object(R.a)(e)&&Object(y.a)(e)},z=t(83),U=t(117),I=t(37),s=Function.prototype,A=Object.prototype,P=s.toString,W=A.hasOwnProperty,X=P.call(Object),Y=function(e){return!(!Object(R.a)(e)\|\|"[object Object]"!=Object(I.a)(e))&&(null===(e=c(e))\|\|"function"==typeof(e=W.call(e,"constructor")&&e.constructor)&&e instanceof e&&P.call(e)==X)},q=t(121),N=function(e,t){if(("constructor"!==t\|\|"function"!=typeof e[t])&&"__proto__"!=t)return e[t]},V=Object.prototype.hasOwnProperty,$=t(294),K=Object.prototype.hasOwnProperty,J=function(e){if(Object(E.a)(e)){var t,r=Object(u.a)(e),n=[];for(t in e)("constructor"!=t\|\|!r&&K.call(e,t))&&n.push(t);return n}var o=e,a=[];if(null!=o)for(var i in Object(o))a.push(i);return a},G=function(e){return d(e,C(e))},H=t(571),Z=function(e,t,r){switch(r.length){case 0:return e.call(t);case 1:return e.call(t,r[0]);case 2:return e.call(t,r[0],r[1]);case 3:return e.call(t,r[0],r[1],r[2])}return e.apply(t,r)},T=Math.max,s=n?function(e,t){return n(e,"toString",{configurable:!0,enumerable:!1,value:(r=t,function(){return r}),writable:!0});var r}:H.a,Q=Date.now,ee=(b=s,v=g=0,function(){var e=Q(),t=16-(e-v);if(v=e,0<t){if(800<=++g)return arguments[0]}else g=0;return b.apply(void 0,arguments)}),te=t(190),A=(m=function(e,t,r){S(e,t,r)},F(function(e,t){var r,n,o,a=-1,i=t.length,l=1<i?t[i-1]:void 0,s=2<i?t[2]:void 0,l=3<m.length&&"function"==typeof l?(i--,l):void 0;for((s&&(r=t[0],n=t[1],s=s,!!Object(E.a)(s))&&!!("number"==(o=typeof n)?Object(y.a)(s)&&Object(te.a)(n,s.length):"string"==o&&n in s)&&Object(h.a)(s[n],r)&&(l=i<3?void 0:l,i=1),e=Object(e));++a<i;){var c=t[a];c&&m(e,c,a)}return e}));e.a=A},570:function(e,t,r){var n=r(317);e.exports=function(e){var t;return"string"==typeof e\|\|n(e)?e:"0"==(t=e+"")&&1/e==-1/0?"-0":t}},571:function(e,t,r){"use strict";t.a=function(e){return e}},572:function(e,t,r){"use strict";e.exports=r(703)},578:function(D,e,t){"use strict";var r=function(e,t){for(var r=-1,n=null==e?0:e.length,o=Array(n);++r<n;)o[r]=t(e[r],r,e);return o},p=t(120),d=t(231),a=function(e,t,r,n){var o=r.length,a=o,i=!n;if(null==e)return!a;for(e=Object(e);o--;){var l=r[o];if(i&&l[2]?l[1]!==e[l[0]]:!(l[0]in e))return!1}for(;++o<a;){var s=(l=r[o])[0],c=e[s],u=l[1];if(i&&l[2]){if(void 0===c&&!(s in e))return!1}else{var f,h=new p.a;if(!(void 0===(f=n?n(c,u,s,e,t,h):f)?Object(d.a)(u,c,3,n,h):f))return!1}}return!0},n=t(35),i=function(e){return e==e&&!Object(n.a)(e)},l=t(232),s=function(e){for(var t=Object(l.a)(e),r=t.length;r--;){var n=t[r],o=e[n];t[r]=[n,o,i(o)]}return t},c=function(t,r){return function(e){return null!=e&&e[t]===r&&(void 0!==r\|\|t in Object(e))}},u=t(52),o=t(172),f=/\.\|\[(?:[^[\]]\|(["'])(?:(?!\1)[^\\]\|\\.)?\1)\]/,h=/^\w$/,b=function(e,t){var r;return!Object(u.a)(e)&&(!("number"!=(r=typeof e)&&"symbol"!=r&&"boolean"!=r&&null!=e&&!Object(o.a)(e))\|\|h.test(e)\|\|!f.test(e)\|\|null!=t&&e in Object(t))},g=t(119);function v(n,o){if("function"!=typeof n\|\|null!=o&&"function"!=typeof o)throw new TypeError("Expected a function");function a(){var e=arguments,t=o?o.apply(this,e):e[0],r=a.cache;return r.has(t)?r.get(t):(e=n.apply(this,e),a.cache=r.set(t,e)\|\|r,e)}return a.cache=new(v.Cache\|\|g.a),a}v.Cache=g.a;function m(e){var t;return"string"==typeof e?e:Object(u.a)(e)?r(e,m)+"":Object(o.a)(e)?M?M.call(e):"":"0"==(t=e+"")&&1/e==-1/0?"-0":t}function y(e,t){return Object(u.a)(e)?e:b(e,t)?[e]:C(null==(t=e)?"":m(t))}function w(e,t){for(var r=0,n=(t=y(t,e)).length;null!=e&&r<n;)e=e[k(t[r++])];return r&&r==n?e:void 0}function x(e,t){return null!=e&&t in Object(e)}function _(e){return"function"==typeof e?e:null==e?T.a:"object"==typeof e?Object(u.a)(e)?(n=e[0],o=e[1],b(n)&&i(o)?c(k(n),o):function(e){var t=R(e,n);return void 0===t&&t===o?H(e,n):Object(d.a)(o,t,3)}):1==(r=s(t=e)).length&&r[0][2]?c(r[0][0],r[0][1]):function(e){return e===t\|\|a(e,t,r)}:b(e=e)?F(k(e)):L(e);var t,r,n,o}var O,j=/[^.[\]]+\|\[(?:(-?\d+(?:\.\d+)?)\|(["'])((?:(?!\2)[^\\]\|\\.)?)\2)\]\|(?=(?:\.\|\[\])(?:\.\|\[\]\|$))/g,E=/\$\$?/g,C=(O=(S=v(function(e){var o=[];return 46===e.charCodeAt(0)&&o.push(""),e.replace(j,function(e,t,r,n){o.push(r?n.replace(E,"$1"):t\|\|e)}),o},function(e){return 500===O.size&&O.clear(),e})).cache,S),S=t(44),S=S.a?S.a.prototype:void 0,M=S?S.toString:void 0,k=function(e){var t;return"string"==typeof e\|\|Object(o.a)(e)?e:"0"==(t=e+"")&&1/e==-1/0?"-0":t},R=function(e,t,r){e=null==e?void 0:w(e,t);return void 0===e?r:e},A=t(233),P=t(190),N=t(118),H=function(e,t){return null!=e&&function(e,t,r){for(var n=-1,o=(t=y(t,e)).length,a=!1;++n<o;){var i=k(t[n]);if(!(a=null!=e&&r(e,i)))break;e=e[i]}return a\|\|++n!=o?a:!!(o=null==e?0:e.length)&&Object(N.a)(o)&&Object(P.a)(i,o)&&(Object(u.a)(e)\|\|Object(A.a)(e))}(e,t,x)},T=t(571),F=function(t){return function(e){return null==e?void 0:e[t]}},L=function(t){return function(e){return w(e,t)}},B=t(655),z=t(171);e.a=function(e,t){return(Object(u.a)(e)?r:function(e,n){var o=-1,a=Object(z.a)(e)?Array(e.length):[];return Object(B.a)(e,function(e,t,r){a[++o]=n(e,t,r)}),a})(e,_(t))}},580:function(e,t,r){var n=r(604),o=r(673);e.exports=function(e,t){return e&&n(e,o(t))}},581:function(e,t,r){var n=r(89),o=r(317),a=/\.\|\[(?:[^[\]]\|(["'])(?:(?!\1)[^\\]\|\\.)?\1)\]/,i=/^\w$/;e.exports=function(e,t){var r;return!n(e)&&(!("number"!=(r=typeof e)&&"symbol"!=r&&"boolean"!=r&&null!=e&&!o(e))\|\|i.test(e)\|\|!a.test(e)\|\|null!=t&&e in Object(t))}},598:function(e,t,r){"use strict";var a=function(e,t){for(var r=-1,n=null==e?0:e.length;++r<n&&!1!==t(e[r],r,e););return e},i=r(655),n=r(571),l=function(e){return"function"==typeof e?e:n.a},s=r(52),o=r(702),c=r.n(o),u=(r.d(t,"c",function(){return u}),r.d(t,"d",function(){return f}),r.d(t,"b",function(){return h}),r.d(t,"a",function(){return p}),function(t){var e,r,n=0,o=0;return e=["r","g","b","a","h","s","l","v"],r=function(e){!t[e]\|\|(n+=1,isNaN(t[e])\|\|(o+=1),"s"!==e&&"l"!==e)\|\|/^\d+%$/.test(t[e])&&(o+=1)},(Object(s.a)(e)?a:i.a)(e,l(r)),n===o&&t}),f=function(e,t){var r=e.hex?c()(e.hex):c()(e),n=r.toHsl(),o=r.toHsv(),a=r.toRgb(),r=r.toHex();return 0===n.s&&(n.h=t\|\|0,o.h=t\|\|0),{hsl:n,hex:"000000"===r&&0===a.a?"transparent":"#"+r,rgb:a,hsv:o,oldHue:e.h\|\|t\|\|n.h,source:e.source}},h=function(e){var t;return"transparent"===e\|\|(t="#"===String(e).charAt(0)?1:0,e.length!==4+t&&e.length<7+t&&c()(e).isValid())},p=function(e){return e?"transparent"===(e=f(e)).hex?"rgba(0,0,0,0.4)":128<=(299e.rgb.r+587e.rgb.g+114e.rgb.b)/1e3?"#000":"#fff":"#fff"}},603:function(D,e,o){"use strict";o.d(e,"a",function(){return I}),o.d(e,"b",function(){return B}),o.d(e,"c",function(){return q}),o.d(e,"d",function(){return X});var f=o(1),h=o.n(f);function p(){return(p=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function d(e,t){if(null==e)return{};for(var r,n={},o=Object.keys(e),a=0;a<o.length;a++)0<=t.indexOf(r=o[a])\|\|(n[r]=e[r]);return n}function b(e){var t=Object(f.useRef)(e),r=Object(f.useRef)(function(e){t.current&&t.current(e)});return t.current=e,r.current}function a(e,t,r){return void 0===t&&(t=0),(r=void 0===r?1:r)<e?r:e<t?t:e}function g(e){return"touches"in e}function v(e){return e&&e.ownerDocument.defaultView\|\|self}function m(e,t,r){var n=e.getBoundingClientRect(),r=g(t)?function(e,t){for(var r=0;r<e.length;r++)if(e[r].identifier===t)return e[r];return e[0]}(t.touches,r):t;return{left:a((r.pageX-(n.left+v(e).pageXOffset))/n.width),top:a((r.pageY-(n.top+v(e).pageYOffset))/n.height)}}function y(e){g(e)\|\|e.preventDefault()}function i(e){var t=e.color,r=e.left,n=void 0===(n=e.top)?.5:n,e=j(["react-colorful__pointer",e.className]);return h.a.createElement("div",{className:e,style:{top:100n+"%",left:100r+"%"}},h.a.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))}function t(e){return M(C(e))}function r(e){return e=c(e),t=e.r,r=e.g,n=e.b,e=(e=e.a)<1?S(E(255e)):"","#"+S(t)+S(r)+S(n)+e;var t,r,n}function n(e){var t=e.s,r=e.v,n=e.a,o=(200-t)r/100;return{h:E(e.h),s:E(0<o&&o<200?tr/100/(o<=100?o:200-o)100:0),l:E(o/2),a:E(n,2)}}function l(e){return"hsl("+(e=n(e)).h+", "+e.s+"%, "+e.l+"%)"}function s(e){return"hsla("+(e=n(e)).h+", "+e.s+"%, "+e.l+"%, "+e.a+")"}function c(e){var t=e.h,r=e.s,n=e.v,e=e.a,t=t/3606,o=(r/=100,n/=100,Math.floor(t)),a=n(1-r),i=n(1-(t-o)r);return{r:E(255[n,i,a,a,t=n(1-(1-t+o)r),n][r=o%6]),g:E(255[t,n,n,i,a,a][r]),b:E(255[a,a,t,n,n,i][r]),a:E(e,2)}}function u(e){return(e=/rgba?$?\s(-?\d\.?\d+)(%)?[,\s]+(-?\d\.?\d+)(%)?[,\s]+(-?\d\.?\d+)(%)?,?\s[/\s](-?\d\.?\d+)?(%)?\s$?/i.exec(e))?M({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:void 0===e[7]?1:Number(e[7])/(e[8]?100:1)}):{h:0,s:0,v:0,a:1}}function w(e,t){if(e!==t)for(var r in e)if(e[r]!==t[r])return!1;return!0}function x(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")}function _(e,t){return e.toLowerCase()===t.toLowerCase()\|\|w(C(e),C(t))}var O=h.a.memo(function(e){var t=e.onMove,r=e.onKey,e=d(e,["onMove","onKey"]),i=Object(f.useRef)(null),l=b(t),s=b(r),c=Object(f.useRef)(null),u=Object(f.useRef)(!1),t=Object(f.useMemo)(function(){function n(e){y(e),(g(e)?0<e.touches.length:0<e.buttons)&&i.current?l(m(i.current,e,c.current)):a(!1)}function o(){return a(!1)}function a(e){var t=u.current,r=v(i.current),e=e?r.addEventListener:r.removeEventListener;e(t?"touchmove":"mousemove",n),e(t?"touchend":"mouseup",o)}return[function(e){var t,e=e.nativeEvent,r=i.current;r&&(y(e),!u.current\|\|g(e))&&r&&(g(e)&&(u.current=!0,(t=e.changedTouches\|\|[]).length)&&(c.current=t[0].identifier),r.focus(),l(m(r,e,c.current)),a(!0))},function(e){var t=e.which\|\|e.keyCode;t<37\|\|40<t\|\|(e.preventDefault(),s({left:39===t?.05:37===t?-.05:0,top:40===t?.05:38===t?-.05:0}))},a]},[s,l]),r=t[0],n=t[1],o=t[2];return Object(f.useEffect)(function(){return o},[o]),h.a.createElement("div",p({},e,{onTouchStart:r,onMouseDown:r,className:"react-colorful__interactive",ref:i,onKeyDown:n,tabIndex:0,role:"slider"}))}),j=function(e){return e.filter(Boolean).join(" ")},E=function(e,t,r){return void 0===t&&(t=0),void 0===r&&(r=Math.pow(10,t)),Math.round(re)/r},C=(Math.PI,function(e){return(e="#"===e[0]?e.substring(1):e).length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:4===e.length?E(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:8===e.length?E(parseInt(e.substring(6,8),16)/255,2):1}}),e=u,S=function(e){e=e.toString(16);return e.length<2?"0"+e:e},M=function(e){var t=e.r,r=e.g,n=e.b,e=e.a,o=Math.max(t,r,n),a=o-Math.min(t,r,n),n=a?o===t?(r-n)/a:o===r?2+(n-t)/a:4+(t-r)/a:0;return{h:E(60(n<0?6+n:n)),s:E(o?a/o100:0),v:E(o/255100),a:e}},k=h.a.memo(function(e){var t=e.hue,r=e.onChange,e=j(["react-colorful__hue",e.className]);return h.a.createElement("div",{className:e},h.a.createElement(O,{onMove:function(e){r({h:360e.left})},onKey:function(e){r({h:a(t+360e.left,0,360)})},"aria-label":"Hue","aria-valuenow":E(t),"aria-valuemax":"360","aria-valuemin":"0"},h.a.createElement(i,{className:"react-colorful__hue-pointer",left:t/360,color:l({h:t,s:100,v:100,a:1})})))}),R=h.a.memo(function(e){var t=e.hsva,r=e.onChange,e={backgroundColor:l({h:t.h,s:100,v:100,a:1})};return h.a.createElement("div",{className:"react-colorful__saturation",style:e},h.a.createElement(O,{onMove:function(e){r({s:100e.left,v:100-100e.top})},onKey:function(e){r({s:a(t.s+100e.left,0,100),v:a(t.v-100e.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+E(t.s)+"%, Brightness "+E(t.v)+"%"},h.a.createElement(i,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:l(t)})))});function A(t,r,e){var n=b(e),e=Object(f.useState)(function(){return t.toHsva(r)}),o=e[0],a=e[1],i=Object(f.useRef)({color:r,hsva:o}),e=(Object(f.useEffect)(function(){var e;t.equal(r,i.current.color)\|\|(e=t.toHsva(r),i.current={hsva:e,color:r},a(e))},[r,t]),Object(f.useEffect)(function(){var e;w(o,i.current.hsva)\|\|t.equal(e=t.fromHsva(o),i.current.color)\|\|(i.current={hsva:o,color:e},n(e))},[o,t,n]),Object(f.useCallback)(function(t){a(function(e){return Object.assign({},e,t)})},[]));return[o,e]}function P(e){var t=e.className,r=e.colorModel,n=void 0===(n=e.color)?r.defaultColor:n,o=e.onChange,e=d(e,["className","colorModel","color","onChange"]),a=Object(f.useRef)(null);T(a);n=(r=A(r,n,o))[0],o=r[1],r=j(["react-colorful",t]);return h.a.createElement("div",p({},e,{ref:a,className:r}),h.a.createElement(R,{hsva:n,onChange:o}),h.a.createElement(k,{hue:n.h,onChange:o,className:"react-colorful__last-control"}))}function N(e){var t=e.className,r=e.colorModel,n=void 0===(n=e.color)?r.defaultColor:n,o=e.onChange,e=d(e,["className","colorModel","color","onChange"]),a=Object(f.useRef)(null);T(a);n=(r=A(r,n,o))[0],o=r[1],r=j(["react-colorful",t]);return h.a.createElement("div",p({},e,{ref:a,className:r}),h.a.createElement(R,{hsva:n,onChange:o}),h.a.createElement(k,{hue:n.h,onChange:o}),h.a.createElement(z,{hsva:n,onChange:o,className:"react-colorful__last-control"}))}var F="undefined"!=typeof window?f.useLayoutEffect:f.useEffect,H=new Map,T=function(n){F(function(){var e,t,r=n.current?n.current.ownerDocument:document;void 0===r\|\|H.has(r)\|\|((e=r.createElement("style")).innerHTML='.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>\')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}',H.set(r,e),(t=o.nc)&&e.setAttribute("nonce",t),r.head.appendChild(e))},[])},L={defaultColor:"000",toHsva:t,fromHsva:function(e){return r({h:e.h,s:e.s,v:e.v,a:1})},equal:_},B=function(e){return h.a.createElement(P,p({},e,{colorModel:L}))},z=function(e){var t=e.className,r=e.hsva,n=e.onChange,e={backgroundImage:"linear-gradient(90deg, "+s(Object.assign({},r,{a:0}))+", "+s(Object.assign({},r,{a:1}))+")"},t=j(["react-colorful__alpha",t]),o=E(100r.a);return h.a.createElement("div",{className:t},h.a.createElement("div",{className:"react-colorful__alpha-gradient",style:e}),h.a.createElement(O,{onMove:function(e){n({a:e.left})},onKey:function(e){n({a:a(r.a+e.left)})},"aria-label":"Alpha","aria-valuetext":o+"%","aria-valuenow":o,"aria-valuemin":"0","aria-valuemax":"100"},h.a.createElement(i,{className:"react-colorful__alpha-pointer",left:r.a,color:s(r)})))},U={defaultColor:"0001",toHsva:t,fromHsva:r,equal:_},I=function(e){return h.a.createElement(N,p({},e,{colorModel:U}))},W={defaultColor:"rgba(0, 0, 0, 1)",toHsva:u,fromHsva:function(e){e=c(e);return"rgba("+e.r+", "+e.g+", "+e.b+", "+e.a+")"},equal:x},X=function(e){return h.a.createElement(N,p({},e,{colorModel:W}))},Y={defaultColor:"rgb(0, 0, 0)",toHsva:e,fromHsva:function(e){e=c(e);return"rgb("+e.r+", "+e.g+", "+e.b+")"},equal:x},q=function(e){return h.a.createElement(P,p({},e,{colorModel:Y}))}},604:function(e,t,r){var n=r(671),o=r(91);e.exports=function(e,t){return e&&n(e,t,o)}},606:function(e,t,r){var n=r(40);e.exports=function(e){return e==e&&!n(e)}},607:function(e,t){e.exports=function(t,r){return function(e){return null!=e&&e[t]===r&&(void 0!==r\|\|t in Object(e))}}},608:function(e,t,r){var o=r(609),a=r(570);e.exports=function(e,t){for(var r=0,n=(t=o(t,e)).length;null!=e&&r<n;)e=e[a(t[r++])];return r&&r==n?e:void 0}},609:function(e,t,r){var n=r(89),o=r(581),a=r(682),i=r(564);e.exports=function(e,t){return n(e)?e:o(e,t)?[e]:a(i(e))}},655:function(e,t,r){"use strict";function n(e,t){if(null!=e){if(!Object(l.a)(e))return a(e,t);for(var r=e.length,n=-1,o=Object(e);++n<r&&!1!==t(o[n],n,o););}return e}var a,o=r(656),i=r(232),l=r(171);a=function(e,t){return e&&Object(o.a)(e,t,i.a)};t.a=n},656:function(e,t,r){"use strict";t.a=function(e,t,r){for(var n=-1,o=Object(e),a=r(e),i=a.length;i--;){var l=a[++n];if(!1===t(o[l],l,o))break}return e}},669:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.flattenNames=void 0;var n=l(r(670)),o=l(r(580)),a=l(r(674)),i=l(r(675));function l(e){return e&&e.__esModule?e:{default:e}}r=t.flattenNames=function t(){var r=[];return(0,i.default)(0<arguments.length&&void 0!==arguments[0]?arguments[0]:[],function(e){Array.isArray(e)?t(e).map(function(e){return r.push(e)}):(0,a.default)(e)?(0,o.default)(e,function(e,t){!0===e&&r.push(t),r.push(t+"-"+e)}):(0,n.default)(e)&&r.push(e)}),r};t.default=r},670:function(e,t,r){var n=r(70),o=r(89),a=r(53);e.exports=function(e){return"string"==typeof e\|\|!o(e)&&a(e)&&"[object String]"==n(e)}},671:function(e,t,r){r=r(672)();e.exports=r},672:function(e,t){e.exports=function(s){return function(e,t,r){for(var n=-1,o=Object(e),a=r(e),i=a.length;i--;){var l=a[s?i:++n];if(!1===t(o[l],l,o))break}return e}}},673:function(e,t,r){var n=r(173);e.exports=function(e){return"function"==typeof e?e:n}},674:function(e,t,r){var n=r(70),o=r(193),a=r(53),r=Function.prototype,i=Object.prototype,l=r.toString,s=i.hasOwnProperty,c=l.call(Object);e.exports=function(e){return!(!a(e)\|\|"[object Object]"!=n(e))&&(null===(e=o(e))\|\|"function"==typeof(e=s.call(e,"constructor")&&e.constructor)&&e instanceof e&&l.call(e)==c)}},675:function(e,t,r){var n=r(605),o=r(676),a=r(692),i=r(89);e.exports=function(e,t){return(i(e)?n:a)(e,o(t,3))}},676:function(e,t,r){var n=r(677),o=r(680),a=r(173),i=r(89),l=r(689);e.exports=function(e){return"function"==typeof e?e:null==e?a:"object"==typeof e?i(e)?o(e[0],e[1]):n(e):l(e)}},677:function(e,t,r){var n=r(678),o=r(679),a=r(607);e.exports=function(t){var r=o(t);return 1==r.length&&r[0][2]?a(r[0][0],r[0][1]):function(e){return e===t\|\|n(e,t,r)}}},678:function(e,t,r){var p=r(185),d=r(318);e.exports=function(e,t,r,n){var o=r.length,a=o,i=!n;if(null==e)return!a;for(e=Object(e);o--;){var l=r[o];if(i&&l[2]?l[1]!==e[l[0]]:!(l[0]in e))return!1}for(;++o<a;){var s=(l=r[o])[0],c=e[s],u=l[1];if(i&&l[2]){if(void 0===c&&!(s in e))return!1}else{var f,h=new p;if(!(void 0===(f=n?n(c,u,s,e,t,h):f)?d(u,c,3,n,h):f))return!1}}return!0}},679:function(e,t,r){var a=r(606),i=r(91);e.exports=function(e){for(var t=i(e),r=t.length;r--;){var n=t[r],o=e[n];t[r]=[n,o,a(o)]}return t}},680:function(e,t,r){var o=r(318),a=r(681),i=r(686),l=r(581),s=r(606),c=r(607),u=r(570);e.exports=function(r,n){return l(r)&&s(n)?c(u(r),n):function(e){var t=a(e,r);return void 0===t&&t===n?i(e,r):o(n,t,3)}}},681:function(e,t,r){var n=r(608);e.exports=function(e,t,r){e=null==e?void 0:n(e,t);return void 0===e?r:e}},682:function(e,t,r){var r=r(683),n=/[^.[\]]+\|\[(?:(-?\d+(?:\.\d+)?)\|(["'])((?:(?!\2)[^\\]\|\\.)?)\2)\]\|(?=(?:\.\|\[\])(?:\.\|\[\]\|$))/g,a=/\$\$?/g,r=r(function(e){var o=[];return 46===e.charCodeAt(0)&&o.push(""),e.replace(n,function(e,t,r,n){o.push(r?n.replace(a,"$1"):t\|\|e)}),o});e.exports=r},683:function(e,t,r){var n=r(684);e.exports=function(e){var e=n(e,function(e){return 500===t.size&&t.clear(),e}),t=e.cache;return e}},684:function(e,t,r){var i=r(186);function l(n,o){if("function"!=typeof n\|\|null!=o&&"function"!=typeof o)throw new TypeError("Expected a function");function a(){var e=arguments,t=o?o.apply(this,e):e[0],r=a.cache;return r.has(t)?r.get(t):(e=n.apply(this,e),a.cache=r.set(t,e)\|\|r,e)}return a.cache=new(l.Cache\|\|i),a}l.Cache=i,e.exports=l},686:function(e,t,r){var n=r(687),o=r(688);e.exports=function(e,t){return null!=e&&o(e,t,n)}},687:function(e,t){e.exports=function(e,t){return null!=e&&t in Object(e)}},688:function(e,t,r){var l=r(609),s=r(319),c=r(89),u=r(187),f=r(188),h=r(570);e.exports=function(e,t,r){for(var n=-1,o=(t=l(t,e)).length,a=!1;++n<o;){var i=h(t[n]);if(!(a=null!=e&&r(e,i)))break;e=e[i]}return a\|\|++n!=o?a:!!(o=null==e?0:e.length)&&f(o)&&u(i,o)&&(c(e)\|\|s(e))}},689:function(e,t,r){var n=r(690),o=r(691),a=r(581),i=r(570);e.exports=function(e){return a(e)?n(i(e)):o(e)}},690:function(e,t){e.exports=function(t){return function(e){return null==e?void 0:e[t]}}},691:function(e,t,r){var n=r(608);e.exports=function(t){return function(e){return n(e,t)}}},692:function(e,t,r){var i=r(693),l=r(92);e.exports=function(e,n){var o=-1,a=l(e)?Array(e.length):[];return i(e,function(e,t,r){a[++o]=n(e,t,r)}),a}},693:function(e,t,r){var n=r(604),r=r(694)(n);e.exports=r},694:function(e,t,r){var l=r(92);e.exports=function(a,i){return function(e,t){if(null!=e){if(!l(e))return a(e,t);for(var r=e.length,n=i?r:-1,o=Object(e);(i?n--:++n<r)&&!1!==t(o[n],n,o););}return e}}},695:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.mergeClasses=void 0;var o=n(r(580)),a=n(r(696)),i=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};function n(e){return e&&e.__esModule?e:{default:e}}r=t.mergeClasses=function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:[],n=t.default&&(0,a.default)(t.default)\|\|{};return e.map(function(e){var r=t[e];return r&&(0,o.default)(r,function(e,t){n[t]\|\|(n[t]={}),n[t]=i({},n[t],r[t])}),e}),n};t.default=r},696:function(e,t,r){var n=r(320);e.exports=function(e){return n(e,5)}},697:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.autoprefix=void 0;var r=r(580),o=r&&r.__esModule?r:{default:r},a=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i={borderRadius:function(e){return{msBorderRadius:e,MozBorderRadius:e,OBorderRadius:e,WebkitBorderRadius:e,borderRadius:e}},boxShadow:function(e){return{msBoxShadow:e,MozBoxShadow:e,OBoxShadow:e,WebkitBoxShadow:e,boxShadow:e}},userSelect:function(e){return{WebkitTouchCallout:e,KhtmlUserSelect:e,MozUserSelect:e,msUserSelect:e,WebkitUserSelect:e,userSelect:e}},flex:function(e){return{WebkitBoxFlex:e,MozBoxFlex:e,WebkitFlex:e,msFlex:e,flex:e}},flexBasis:function(e){return{WebkitFlexBasis:e,flexBasis:e}},justifyContent:function(e){return{WebkitJustifyContent:e,justifyContent:e}},transition:function(e){return{msTransition:e,MozTransition:e,OTransition:e,WebkitTransition:e,transition:e}},transform:function(e){return{msTransform:e,MozTransform:e,OTransform:e,WebkitTransform:e,transform:e}},absolute:function(e){e=e&&e.split(" ");return{position:"absolute",top:e&&e[0],right:e&&e[1],bottom:e&&e[2],left:e&&e[3]}},extend:function(e,t){return t[e]\|\|{extend:e}}},r=t.autoprefix=function(e){var r={};return(0,o.default)(e,function(e,t){var n={};(0,o.default)(e,function(e,t){var r=i[t];r?n=a({},n,r(e)):n[t]=e}),r[t]=n}),r};t.default=r},698:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.hover=void 0;var c=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r=r(1),u=r&&r.__esModule?r:{default:r};function f(e,t){if(e)return!t\|\|"object"!=typeof t&&"function"!=typeof t?e:t;throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}r=t.hover=function(i){var l=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"span",e=u.default.Component;function s(){var e,t=this,r=s;if(!(t instanceof r))throw new TypeError("Cannot call a class as a function");for(var n=arguments.length,o=Array(n),a=0;a<n;a++)o[a]=arguments[a];return r=e=f(this,(t=s.__proto__\|\|Object.getPrototypeOf(s)).call.apply(t,[this].concat(o))),e.state={hover:!1},e.handleMouseOver=function(){return e.setState({hover:!0})},e.handleMouseOut=function(){return e.setState({hover:!1})},e.render=function(){return u.default.createElement(l,{onMouseOver:e.handleMouseOver,onMouseOut:e.handleMouseOut},u.default.createElement(i,c({},e.props,e.state)))},f(e,r)}var t=s;if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);return t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e),s};t.default=r},699:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.active=void 0;var c=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r=r(1),u=r&&r.__esModule?r:{default:r};function f(e,t){if(e)return!t\|\|"object"!=typeof t&&"function"!=typeof t?e:t;throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}r=t.active=function(i){var l=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"span",e=u.default.Component;function s(){var e,t=this,r=s;if(!(t instanceof r))throw new TypeError("Cannot call a class as a function");for(var n=arguments.length,o=Array(n),a=0;a<n;a++)o[a]=arguments[a];return r=e=f(this,(t=s.__proto__\|\|Object.getPrototypeOf(s)).call.apply(t,[this].concat(o))),e.state={active:!1},e.handleMouseDown=function(){return e.setState({active:!0})},e.handleMouseUp=function(){return e.setState({active:!1})},e.render=function(){return u.default.createElement(l,{onMouseDown:e.handleMouseDown,onMouseUp:e.handleMouseUp},u.default.createElement(i,c({},e.props,e.state)))},f(e,r)}var t=s;if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);return t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e),s};t.default=r},700:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){function r(e){n[e]=!(1<arguments.length&&void 0!==arguments[1])\|\|arguments[1]}var n={};return 0===e&&r("first-child"),e===t-1&&r("last-child"),0!==e&&e%2!=0\|\|r("even"),1===Math.abs(e%2)&&r("odd"),r("nth-child",e),n}},701:function(e,o,a){"use strict";!function(e){var t=a(15),r="object"==typeof exports&&exports&&!exports.nodeType&&exports,e=r&&"object"==typeof e&&e&&!e.nodeType&&e,e=e&&e.exports===r?t.a.Buffer:void 0,n=e?e.allocUnsafe:void 0;o.a=function(e,t){return t?e.slice():(t=e.length,t=n?n(t):new e.constructor(t),e.copy(t),t)}}.call(this,a(189)(e))},702:function(e,t,r){e.exports=function(){"use strict";function m(e){return(m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var y=/^\s+/,w=/\s+$/;function x(e,t){var r,n,o,a,i,l,s,c,u,f,h,p,d,b,g;return t=t\|\|{},(e=e\|\|"")instanceof x?e:this instanceof x?(h={r:0,g:0,b:0},d=null,g=b=!(p=1),p=O(p="object"==m(r="string"==typeof(r=e)?function(e){e=e.replace(y,"").replace(w,"").toLowerCase();var t,r=!1;if(_[e])e=_[e],r=!0;else if("transparent"==e)return{r:0,g:0,b:0,a:0,format:"name"};return(t=N.rgb.exec(e))?{r:t[1],g:t[2],b:t[3]}:(t=N.rgba.exec(e))?{r:t[1],g:t[2],b:t[3],a:t[4]}:(t=N.hsl.exec(e))?{h:t[1],s:t[2],l:t[3]}:(t=N.hsla.exec(e))?{h:t[1],s:t[2],l:t[3],a:t[4]}:(t=N.hsv.exec(e))?{h:t[1],s:t[2],v:t[3]}:(t=N.hsva.exec(e))?{h:t[1],s:t[2],v:t[3],a:t[4]}:(t=N.hex8.exec(e))?{r:E(t[1]),g:E(t[2]),b:E(t[3]),a:k(t[4]),format:r?"name":"hex8"}:(t=N.hex6.exec(e))?{r:E(t[1]),g:E(t[2]),b:E(t[3]),format:r?"name":"hex"}:(t=N.hex4.exec(e))?{r:E(t[1]+""+t[1]),g:E(t[2]+""+t[2]),b:E(t[3]+""+t[3]),a:k(t[4]+""+t[4]),format:r?"name":"hex8"}:!!(t=N.hex3.exec(e))&&{r:E(t[1]+""+t[1]),g:E(t[2]+""+t[2]),b:E(t[3]+""+t[3]),format:r?"name":"hex"}}(r):r)&&(H(r.r)&&H(r.g)&&H(r.b)?(s=r.r,i=r.g,l=r.b,h={r:255j(s,255),g:255j(i,255),b:255j(l,255)},b=!0,g="%"===String(r.r).substr(-1)?"prgb":"rgb"):H(r.h)&&H(r.s)&&H(r.v)?(d=S(r.s),s=S(r.v),i=r.h,l=d,s=s,i=6j(i,360),l=j(l,100),s=j(s,100),c=Math.floor(i),h={r:255[s,f=s(1-(i-=c)l),u=s(1-l),u,i=s(1-(1-i)l),s][l=c%6],g:255[i,s,s,f,u,u][l],b:255[u,u,i,s,s,f][l]},b=!0,g="hsv"):H(r.h)&&H(r.s)&&H(r.l)&&(d=S(r.s),c=S(r.l),u=r.h,i=d,s=c,u=j(u,360),i=j(i,100),s=j(s,100),0===i?n=o=a=s:(n=v(i=2s-(s=s<.5?s(1+i):s+i-si),s,u+1/3),o=v(i,s,u),a=v(i,s,u-1/3)),h={r:255n,g:255o,b:255a},b=!0,g="hsl"),r.hasOwnProperty("a"))?r.a:p),f={ok:b,format:r.format\|\|g,r:Math.min(255,Math.max(h.r,0)),g:Math.min(255,Math.max(h.g,0)),b:Math.min(255,Math.max(h.b,0)),a:p},this._originalInput=e,this._r=f.r,this._g=f.g,this._b=f.b,this._a=f.a,this._roundA=Math.round(100this._a)/100,this._format=t.format\|\|f.format,this._gradientType=t.gradientType,this._r<1&&(this._r=Math.round(this._r)),this._g<1&&(this._g=Math.round(this._g)),this._b<1&&(this._b=Math.round(this._b)),void(this._ok=f.ok)):new x(e,t);function v(e,t,r){return r<0&&(r+=1),1<r&&--r,r<1/6?e+6(t-e)r:r<.5?t:r<2/3?e+(t-e)(2/3-r)6:e}}function n(e,t,r){e=j(e,255),t=j(t,255),r=j(r,255);var n,o=Math.max(e,t,r),a=Math.min(e,t,r),i=(o+a)/2;if(o==a)n=s=0;else{var l=o-a,s=.5<i?l/(2-o-a):l/(o+a);switch(o){case e:n=(t-r)/l+(t<r?6:0);break;case t:n=(r-e)/l+2;break;case r:n=(e-t)/l+4}n/=6}return{h:n,s:s,l:i}}function o(e,t,r){e=j(e,255),t=j(t,255),r=j(r,255);var n,o=Math.max(e,t,r),a=Math.min(e,t,r),i=o,l=o-a,s=0===o?0:l/o;if(o==a)n=0;else{switch(o){case e:n=(t-r)/l+(t<r?6:0);break;case t:n=(r-e)/l+2;break;case r:n=(e-t)/l+4}n/=6}return{h:n,s:s,v:i}}function t(e,t,r,n){e=[C(Math.round(e).toString(16)),C(Math.round(t).toString(16)),C(Math.round(r).toString(16))];return n&&e[0].charAt(0)==e[0].charAt(1)&&e[1].charAt(0)==e[1].charAt(1)&&e[2].charAt(0)==e[2].charAt(1)?e[0].charAt(0)+e[1].charAt(0)+e[2].charAt(0):e.join("")}function a(e,t,r,n){return[C(M(n)),C(Math.round(e).toString(16)),C(Math.round(t).toString(16)),C(Math.round(r).toString(16))].join("")}function e(e,t){t=0===t?0:t\|\|10;e=x(e).toHsl();return e.s-=t/100,e.s=v(e.s),x(e)}function r(e,t){t=0===t?0:t\|\|10;e=x(e).toHsl();return e.s+=t/100,e.s=v(e.s),x(e)}function i(e){return x(e).desaturate(100)}function l(e,t){t=0===t?0:t\|\|10;e=x(e).toHsl();return e.l+=t/100,e.l=v(e.l),x(e)}function s(e,t){t=0===t?0:t\|\|10;e=x(e).toRgb();return e.r=Math.max(0,Math.min(255,e.r-Math.round(-t/100255))),e.g=Math.max(0,Math.min(255,e.g-Math.round(-t/100255))),e.b=Math.max(0,Math.min(255,e.b-Math.round(-t/100255))),x(e)}function c(e,t){t=0===t?0:t\|\|10;e=x(e).toHsl();return e.l-=t/100,e.l=v(e.l),x(e)}function u(e,t){e=x(e).toHsl(),t=(e.h+t)%360;return e.h=t<0?360+t:t,x(e)}function f(e){e=x(e).toHsl();return e.h=(e.h+180)%360,x(e)}function h(e,t){if(isNaN(t)\|\|t<=0)throw new Error("Argument to polyad must be a positive number");for(var r=x(e).toHsl(),n=[x(e)],o=360/t,a=1;a<t;a++)n.push(x({h:(r.h+ao)%360,s:r.s,l:r.l}));return n}function p(e){var t=x(e).toHsl(),r=t.h;return[x(e),x({h:(r+72)%360,s:t.s,l:t.l}),x({h:(r+216)%360,s:t.s,l:t.l})]}function d(e,t,r){t=t\|\|6,r=r\|\|30;var n=x(e).toHsl(),o=360/r,a=[x(e)];for(n.h=(n.h-(ot>>1)+720)%360;--t;)n.h=(n.h+o)%360,a.push(x(n));return a}function b(e,t){t=t\|\|6;for(var e=x(e).toHsv(),r=e.h,n=e.s,o=e.v,a=[],i=1/t;t--;)a.push(x({h:r,s:n,v:o})),o=(o+i)%1;return a}x.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var e=this.toRgb();return(299e.r+587e.g+114e.b)/1e3},getLuminance:function(){var e=this.toRgb(),t=e.r/255,r=e.g/255,e=e.b/255;return.2126(t<=.03928?t/12.92:Math.pow((.055+t)/1.055,2.4))+.7152(r<=.03928?r/12.92:Math.pow((.055+r)/1.055,2.4))+.0722(e<=.03928?e/12.92:Math.pow((.055+e)/1.055,2.4))},setAlpha:function(e){return this._a=O(e),this._roundA=Math.round(100this._a)/100,this},toHsv:function(){var e=o(this._r,this._g,this._b);return{h:360e.h,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=o(this._r,this._g,this._b),t=Math.round(360e.h),r=Math.round(100e.s),e=Math.round(100e.v);return 1==this._a?"hsv("+t+", "+r+"%, "+e+"%)":"hsva("+t+", "+r+"%, "+e+"%, "+this._roundA+")"},toHsl:function(){var e=n(this._r,this._g,this._b);return{h:360e.h,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=n(this._r,this._g,this._b),t=Math.round(360e.h),r=Math.round(100e.s),e=Math.round(100e.l);return 1==this._a?"hsl("+t+", "+r+"%, "+e+"%)":"hsla("+t+", "+r+"%, "+e+"%, "+this._roundA+")"},toHex:function(e){return t(this._r,this._g,this._b,e)},toHexString:function(e){return"#"+this.toHex(e)},toHex8:function(e){var t=this._r,r=this._g,n=this._b,o=this._a;return t=[C(Math.round(t).toString(16)),C(Math.round(r).toString(16)),C(Math.round(n).toString(16)),C(M(o))],e&&t[0].charAt(0)==t[0].charAt(1)&&t[1].charAt(0)==t[1].charAt(1)&&t[2].charAt(0)==t[2].charAt(1)&&t[3].charAt(0)==t[3].charAt(1)?t[0].charAt(0)+t[1].charAt(0)+t[2].charAt(0)+t[3].charAt(0):t.join("")},toHex8String:function(e){return"#"+this.toHex8(e)},toRgb:function(){return{r:Math.round(this._r),g:Math.round(this._g),b:Math.round(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+")":"rgba("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:Math.round(100j(this._r,255))+"%",g:Math.round(100j(this._g,255))+"%",b:Math.round(100j(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+Math.round(100j(this._r,255))+"%, "+Math.round(100j(this._g,255))+"%, "+Math.round(100j(this._b,255))+"%)":"rgba("+Math.round(100j(this._r,255))+"%, "+Math.round(100j(this._g,255))+"%, "+Math.round(100j(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":!(this._a<1)&&(g[t(this._r,this._g,this._b,!0)]\|\|!1)},toFilter:function(e){var t="#"+a(this._r,this._g,this._b,this._a),r=t;return"progid:DXImageTransform.Microsoft.gradient("+(this._gradientType?"GradientType = 1, ":"")+"startColorstr="+t+",endColorstr="+(r=e?"#"+a((t=x(e))._r,t._g,t._b,t._a):r)+")"},toString:function(e){var t=!!e,r=(e=e\|\|this._format,!1),n=this._a<1&&0<=this._a;return t\|\|!n\|\|"hex"!==e&&"hex6"!==e&&"hex3"!==e&&"hex4"!==e&&"hex8"!==e&&"name"!==e?("rgb"===e&&(r=this.toRgbString()),"prgb"===e&&(r=this.toPercentageRgbString()),"hex"!==e&&"hex6"!==e\|\|(r=this.toHexString()),"hex3"===e&&(r=this.toHexString(!0)),"hex4"===e&&(r=this.toHex8String(!0)),"hex8"===e&&(r=this.toHex8String()),"name"===e&&(r=this.toName()),"hsl"===e&&(r=this.toHslString()),(r="hsv"===e?this.toHsvString():r)\|\|this.toHexString()):"name"===e&&0===this._a?this.toName():this.toRgbString()},clone:function(){return x(this.toString())},_applyModification:function(e,t){e=e.apply(null,[this].concat([].slice.call(t)));return this._r=e._r,this._g=e._g,this._b=e._b,this.setAlpha(e._a),this},lighten:function(){return this._applyModification(l,arguments)},brighten:function(){return this._applyModification(s,arguments)},darken:function(){return this._applyModification(c,arguments)},desaturate:function(){return this._applyModification(e,arguments)},saturate:function(){return this._applyModification(r,arguments)},greyscale:function(){return this._applyModification(i,arguments)},spin:function(){return this._applyModification(u,arguments)},_applyCombination:function(e,t){return e.apply(null,[this].concat([].slice.call(t)))},analogous:function(){return this._applyCombination(d,arguments)},complement:function(){return this._applyCombination(f,arguments)},monochromatic:function(){return this._applyCombination(b,arguments)},splitcomplement:function(){return this._applyCombination(p,arguments)},triad:function(){return this._applyCombination(h,[3])},tetrad:function(){return this._applyCombination(h,[4])}},x.fromRatio=function(e,t){if("object"==m(e)){var r,n={};for(r in e)e.hasOwnProperty(r)&&(n[r]="a"===r?e[r]:S(e[r]));e=n}return x(e,t)},x.equals=function(e,t){return!(!e\|\|!t)&&x(e).toRgbString()==x(t).toRgbString()},x.random=function(){return x.fromRatio({r:Math.random(),g:Math.random(),b:Math.random()})},x.mix=function(e,t,r){r=0===r?0:r\|\|50;e=x(e).toRgb(),t=x(t).toRgb(),r/=100;return x({r:(t.r-e.r)r+e.r,g:(t.g-e.g)r+e.g,b:(t.b-e.b)r+e.b,a:(t.a-e.a)r+e.a})},x.readability=function(e,t){e=x(e),t=x(t);return(Math.max(e.getLuminance(),t.getLuminance())+.05)/(Math.min(e.getLuminance(),t.getLuminance())+.05)},x.isReadable=function(e,t,r){var n=x.readability(e,t),o=!1,e=r,t=((e=r\|\|{level:"AA",size:"small"}).level\|\|"AA").toUpperCase(),r=(e.size\|\|"small").toLowerCase();switch((e={level:t="AA"!==t&&"AAA"!==t?"AA":t,size:r="small"!==r&&"large"!==r?"small":r}).level+e.size){case"AAsmall":case"AAAlarge":o=4.5<=n;break;case"AAlarge":o=3<=n;break;case"AAAsmall":o=7<=n}return o},x.mostReadable=function(e,t,r){for(var n,o=null,a=0,i=(r=r\|\|{}).includeFallbackColors,l=r.level,s=r.size,c=0;c<t.length;c++)(n=x.readability(e,t[c]))>a&&(a=n,o=x(t[c]));return x.isReadable(e,o,{level:l,size:s})\|\|!i?o:(r.includeFallbackColors=!1,x.mostReadable(e,["#fff","#000"],r))};var _=x.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},g=x.hexNames=function(e){var t,r={};for(t in e)e.hasOwnProperty(t)&&(r[e[t]]=t);return r}(_);function O(e){return e=parseFloat(e),e=isNaN(e)\|\|e<0\|\|1<e?1:e}function j(e,t){var r="string"==typeof(e="string"==typeof(r=e)&&-1!=r.indexOf(".")&&1===parseFloat(r)?"100%":e)&&-1!=e.indexOf("%");return e=Math.min(t,Math.max(0,parseFloat(e))),r&&(e=parseInt(et,10)/100),Math.abs(e-t)<1e-6?1:e%t/parseFloat(t)}function v(e){return Math.min(1,Math.max(0,e))}function E(e){return parseInt(e,16)}function C(e){return 1==e.length?"0"+e:""+e}function S(e){return e=e<=1?100e+"%":e}function M(e){return Math.round(255parseFloat(e)).toString(16)}function k(e){return E(e)/255}A="[\\s\|\$]+("+(R="(?:[-\\+]?\\d\\.\\d+%?)\|(?:[-\\+]?\\d+%?)")+")[,\|\\s]+("+R+")[,\|\\s]+("+R+")\\s\$?",P="[\\s\|\$]+("+R+")[,\|\\s]+("+R+")[,\|\\s]+("+R+")[,\|\\s]+("+R+")\\s\$?";var R,A,P,N={CSS_UNIT:new RegExp(R),rgb:new RegExp("rgb"+A),rgba:new RegExp("rgba"+P),hsl:new RegExp("hsl"+A),hsla:new RegExp("hsla"+P),hsv:new RegExp("hsv"+A),hsva:new RegExp("hsva"+P),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/};function H(e){return N.CSS_UNIT.exec(e)}return x}()},703:function(e,t,r){"use strict";var n,r=r(1),l=60103,s=(t.Fragment=60107,"function"==typeof Symbol&&Symbol.for&&(l=(n=Symbol.for)("react.element"),t.Fragment=n("react.fragment")),r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner),c=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function o(e,t,r){var n,o={},a=null,i=null;for(n in void 0!==r&&(a=""+r),void 0!==t.key&&(a=""+t.key),void 0!==t.ref&&(i=t.ref),t)c.call(t,n)&&!u.hasOwnProperty(n)&&(o[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps)void 0===o[n]&&(o[n]=t[n]);return{$$typeof:l,type:e,key:a,ref:i,props:o,_owner:s.current}}t.jsx=o,t.jsxs=o}}]);