@cgi-learning-hub/ui 1.5.1-dev.1745857468 → 1.5.1-dev.1745918699
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.
|
@@ -24,4 +24,4 @@
|
|
|
24
24
|
background: -webkit-linear-gradient(to top, #000, rgba(0,0,0,0));
|
|
25
25
|
background: linear-gradient(to top, #000, rgba(0,0,0,0));
|
|
26
26
|
}
|
|
27
|
-
`),c.createElement("div",{style:f.white,className:"saturation-white"},c.createElement("div",{style:f.black,className:"saturation-black"}),c.createElement("div",{style:f.pointer},this.props.pointer?c.createElement(this.props.pointer,this.props):c.createElement("div",{style:f.circle}))))}}]),e}(c.PureComponent||c.Component);function h0(r,e){for(var t=-1,n=r==null?0:r.length;++t<n&&e(r[t],t,r)!==!1;);return r}var d0=fc(Object.keys,Object),g0=Object.prototype,v0=g0.hasOwnProperty;function b0(r){if(!hi(r))return d0(r);var e=[];for(var t in Object(r))v0.call(r,t)&&t!="constructor"&&e.push(t);return e}function bi(r){return We(r)?bc(r):b0(r)}function y0(r,e){return r&&uc(r,e,bi)}function m0(r,e){return function(t,n){if(t==null)return t;if(!We(t))return r(t,n);for(var a=t.length,i=-1,o=Object(t);++i<a&&n(o[i],i,o)!==!1;);return t}}var _c=m0(y0);function x0(r){return typeof r=="function"?r:jr}function _0(r,e){var t=z(r)?h0:_c;return t(r,x0(e))}function Sr(r){"@babel/helpers - typeof";return Sr=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Sr(r)}var w0=/^\s+/,S0=/\s+$/;function _(r,e){if(r=r||"",e=e||{},r instanceof _)return r;if(!(this instanceof _))return new _(r,e);var t=C0(r);this._originalInput=r,this._r=t.r,this._g=t.g,this._b=t.b,this._a=t.a,this._roundA=Math.round(100*this._a)/100,this._format=e.format||t.format,this._gradientType=e.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)),this._ok=t.ok}_.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(e.r*299+e.g*587+e.b*114)/1e3},getLuminance:function(){var e=this.toRgb(),t,n,a,i,o,s;return t=e.r/255,n=e.g/255,a=e.b/255,t<=.03928?i=t/12.92:i=Math.pow((t+.055)/1.055,2.4),n<=.03928?o=n/12.92:o=Math.pow((n+.055)/1.055,2.4),a<=.03928?s=a/12.92:s=Math.pow((a+.055)/1.055,2.4),.2126*i+.7152*o+.0722*s},setAlpha:function(e){return this._a=wc(e),this._roundA=Math.round(100*this._a)/100,this},toHsv:function(){var e=uu(this._r,this._g,this._b);return{h:e.h*360,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=uu(this._r,this._g,this._b),t=Math.round(e.h*360),n=Math.round(e.s*100),a=Math.round(e.v*100);return this._a==1?"hsv("+t+", "+n+"%, "+a+"%)":"hsva("+t+", "+n+"%, "+a+"%, "+this._roundA+")"},toHsl:function(){var e=lu(this._r,this._g,this._b);return{h:e.h*360,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=lu(this._r,this._g,this._b),t=Math.round(e.h*360),n=Math.round(e.s*100),a=Math.round(e.l*100);return this._a==1?"hsl("+t+", "+n+"%, "+a+"%)":"hsla("+t+", "+n+"%, "+a+"%, "+this._roundA+")"},toHex:function(e){return cu(this._r,this._g,this._b,e)},toHexString:function(e){return"#"+this.toHex(e)},toHex8:function(e){return O0(this._r,this._g,this._b,this._a,e)},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 this._a==1?"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(j(this._r,255)*100)+"%",g:Math.round(j(this._g,255)*100)+"%",b:Math.round(j(this._b,255)*100)+"%",a:this._a}},toPercentageRgbString:function(){return this._a==1?"rgb("+Math.round(j(this._r,255)*100)+"%, "+Math.round(j(this._g,255)*100)+"%, "+Math.round(j(this._b,255)*100)+"%)":"rgba("+Math.round(j(this._r,255)*100)+"%, "+Math.round(j(this._g,255)*100)+"%, "+Math.round(j(this._b,255)*100)+"%, "+this._roundA+")"},toName:function(){return this._a===0?"transparent":this._a<1?!1:L0[cu(this._r,this._g,this._b,!0)]||!1},toFilter:function(e){var t="#"+fu(this._r,this._g,this._b,this._a),n=t,a=this._gradientType?"GradientType = 1, ":"";if(e){var i=_(e);n="#"+fu(i._r,i._g,i._b,i._a)}return"progid:DXImageTransform.Microsoft.gradient("+a+"startColorstr="+t+",endColorstr="+n+")"},toString:function(e){var t=!!e;e=e||this._format;var n=!1,a=this._a<1&&this._a>=0,i=!t&&a&&(e==="hex"||e==="hex6"||e==="hex3"||e==="hex4"||e==="hex8"||e==="name");return i?e==="name"&&this._a===0?this.toName():this.toRgbString():(e==="rgb"&&(n=this.toRgbString()),e==="prgb"&&(n=this.toPercentageRgbString()),(e==="hex"||e==="hex6")&&(n=this.toHexString()),e==="hex3"&&(n=this.toHexString(!0)),e==="hex4"&&(n=this.toHex8String(!0)),e==="hex8"&&(n=this.toHex8String()),e==="name"&&(n=this.toName()),e==="hsl"&&(n=this.toHslString()),e==="hsv"&&(n=this.toHsvString()),n||this.toHexString())},clone:function(){return _(this.toString())},_applyModification:function(e,t){var n=e.apply(null,[this].concat([].slice.call(t)));return this._r=n._r,this._g=n._g,this._b=n._b,this.setAlpha(n._a),this},lighten:function(){return this._applyModification(M0,arguments)},brighten:function(){return this._applyModification(I0,arguments)},darken:function(){return this._applyModification(F0,arguments)},desaturate:function(){return this._applyModification(R0,arguments)},saturate:function(){return this._applyModification(P0,arguments)},greyscale:function(){return this._applyModification(q0,arguments)},spin:function(){return this._applyModification(j0,arguments)},_applyCombination:function(e,t){return e.apply(null,[this].concat([].slice.call(t)))},analogous:function(){return this._applyCombination(D0,arguments)},complement:function(){return this._applyCombination(B0,arguments)},monochromatic:function(){return this._applyCombination(H0,arguments)},splitcomplement:function(){return this._applyCombination(k0,arguments)},triad:function(){return this._applyCombination(pu,[3])},tetrad:function(){return this._applyCombination(pu,[4])}};_.fromRatio=function(r,e){if(Sr(r)=="object"){var t={};for(var n in r)r.hasOwnProperty(n)&&(n==="a"?t[n]=r[n]:t[n]=rr(r[n]));r=t}return _(r,e)};function C0(r){var e={r:0,g:0,b:0},t=1,n=null,a=null,i=null,o=!1,s=!1;return typeof r=="string"&&(r=z0(r)),Sr(r)=="object"&&(J(r.r)&&J(r.g)&&J(r.b)?(e=E0(r.r,r.g,r.b),o=!0,s=String(r.r).substr(-1)==="%"?"prgb":"rgb"):J(r.h)&&J(r.s)&&J(r.v)?(n=rr(r.s),a=rr(r.v),e=A0(r.h,n,a),o=!0,s="hsv"):J(r.h)&&J(r.s)&&J(r.l)&&(n=rr(r.s),i=rr(r.l),e=T0(r.h,n,i),o=!0,s="hsl"),r.hasOwnProperty("a")&&(t=r.a)),t=wc(t),{ok:o,format:r.format||s,r:Math.min(255,Math.max(e.r,0)),g:Math.min(255,Math.max(e.g,0)),b:Math.min(255,Math.max(e.b,0)),a:t}}function E0(r,e,t){return{r:j(r,255)*255,g:j(e,255)*255,b:j(t,255)*255}}function lu(r,e,t){r=j(r,255),e=j(e,255),t=j(t,255);var n=Math.max(r,e,t),a=Math.min(r,e,t),i,o,s=(n+a)/2;if(n==a)i=o=0;else{var l=n-a;switch(o=s>.5?l/(2-n-a):l/(n+a),n){case r:i=(e-t)/l+(e<t?6:0);break;case e:i=(t-r)/l+2;break;case t:i=(r-e)/l+4;break}i/=6}return{h:i,s:o,l:s}}function T0(r,e,t){var n,a,i;r=j(r,360),e=j(e,100),t=j(t,100);function o(u,f,p){return p<0&&(p+=1),p>1&&(p-=1),p<1/6?u+(f-u)*6*p:p<1/2?f:p<2/3?u+(f-u)*(2/3-p)*6:u}if(e===0)n=a=i=t;else{var s=t<.5?t*(1+e):t+e-t*e,l=2*t-s;n=o(l,s,r+1/3),a=o(l,s,r),i=o(l,s,r-1/3)}return{r:n*255,g:a*255,b:i*255}}function uu(r,e,t){r=j(r,255),e=j(e,255),t=j(t,255);var n=Math.max(r,e,t),a=Math.min(r,e,t),i,o,s=n,l=n-a;if(o=n===0?0:l/n,n==a)i=0;else{switch(n){case r:i=(e-t)/l+(e<t?6:0);break;case e:i=(t-r)/l+2;break;case t:i=(r-e)/l+4;break}i/=6}return{h:i,s:o,v:s}}function A0(r,e,t){r=j(r,360)*6,e=j(e,100),t=j(t,100);var n=Math.floor(r),a=r-n,i=t*(1-e),o=t*(1-a*e),s=t*(1-(1-a)*e),l=n%6,u=[t,o,i,i,s,t][l],f=[s,t,t,o,i,i][l],p=[i,i,s,t,t,o][l];return{r:u*255,g:f*255,b:p*255}}function cu(r,e,t,n){var a=[W(Math.round(r).toString(16)),W(Math.round(e).toString(16)),W(Math.round(t).toString(16))];return n&&a[0].charAt(0)==a[0].charAt(1)&&a[1].charAt(0)==a[1].charAt(1)&&a[2].charAt(0)==a[2].charAt(1)?a[0].charAt(0)+a[1].charAt(0)+a[2].charAt(0):a.join("")}function O0(r,e,t,n,a){var i=[W(Math.round(r).toString(16)),W(Math.round(e).toString(16)),W(Math.round(t).toString(16)),W(Sc(n))];return a&&i[0].charAt(0)==i[0].charAt(1)&&i[1].charAt(0)==i[1].charAt(1)&&i[2].charAt(0)==i[2].charAt(1)&&i[3].charAt(0)==i[3].charAt(1)?i[0].charAt(0)+i[1].charAt(0)+i[2].charAt(0)+i[3].charAt(0):i.join("")}function fu(r,e,t,n){var a=[W(Sc(n)),W(Math.round(r).toString(16)),W(Math.round(e).toString(16)),W(Math.round(t).toString(16))];return a.join("")}_.equals=function(r,e){return!r||!e?!1:_(r).toRgbString()==_(e).toRgbString()};_.random=function(){return _.fromRatio({r:Math.random(),g:Math.random(),b:Math.random()})};function R0(r,e){e=e===0?0:e||10;var t=_(r).toHsl();return t.s-=e/100,t.s=Dr(t.s),_(t)}function P0(r,e){e=e===0?0:e||10;var t=_(r).toHsl();return t.s+=e/100,t.s=Dr(t.s),_(t)}function q0(r){return _(r).desaturate(100)}function M0(r,e){e=e===0?0:e||10;var t=_(r).toHsl();return t.l+=e/100,t.l=Dr(t.l),_(t)}function I0(r,e){e=e===0?0:e||10;var t=_(r).toRgb();return t.r=Math.max(0,Math.min(255,t.r-Math.round(255*-(e/100)))),t.g=Math.max(0,Math.min(255,t.g-Math.round(255*-(e/100)))),t.b=Math.max(0,Math.min(255,t.b-Math.round(255*-(e/100)))),_(t)}function F0(r,e){e=e===0?0:e||10;var t=_(r).toHsl();return t.l-=e/100,t.l=Dr(t.l),_(t)}function j0(r,e){var t=_(r).toHsl(),n=(t.h+e)%360;return t.h=n<0?360+n:n,_(t)}function B0(r){var e=_(r).toHsl();return e.h=(e.h+180)%360,_(e)}function pu(r,e){if(isNaN(e)||e<=0)throw new Error("Argument to polyad must be a positive number");for(var t=_(r).toHsl(),n=[_(r)],a=360/e,i=1;i<e;i++)n.push(_({h:(t.h+i*a)%360,s:t.s,l:t.l}));return n}function k0(r){var e=_(r).toHsl(),t=e.h;return[_(r),_({h:(t+72)%360,s:e.s,l:e.l}),_({h:(t+216)%360,s:e.s,l:e.l})]}function D0(r,e,t){e=e||6,t=t||30;var n=_(r).toHsl(),a=360/t,i=[_(r)];for(n.h=(n.h-(a*e>>1)+720)%360;--e;)n.h=(n.h+a)%360,i.push(_(n));return i}function H0(r,e){e=e||6;for(var t=_(r).toHsv(),n=t.h,a=t.s,i=t.v,o=[],s=1/e;e--;)o.push(_({h:n,s:a,v:i})),i=(i+s)%1;return o}_.mix=function(r,e,t){t=t===0?0:t||50;var n=_(r).toRgb(),a=_(e).toRgb(),i=t/100,o={r:(a.r-n.r)*i+n.r,g:(a.g-n.g)*i+n.g,b:(a.b-n.b)*i+n.b,a:(a.a-n.a)*i+n.a};return _(o)};_.readability=function(r,e){var t=_(r),n=_(e);return(Math.max(t.getLuminance(),n.getLuminance())+.05)/(Math.min(t.getLuminance(),n.getLuminance())+.05)};_.isReadable=function(r,e,t){var n=_.readability(r,e),a,i;switch(i=!1,a=U0(t),a.level+a.size){case"AAsmall":case"AAAlarge":i=n>=4.5;break;case"AAlarge":i=n>=3;break;case"AAAsmall":i=n>=7;break}return i};_.mostReadable=function(r,e,t){var n=null,a=0,i,o,s,l;t=t||{},o=t.includeFallbackColors,s=t.level,l=t.size;for(var u=0;u<e.length;u++)i=_.readability(r,e[u]),i>a&&(a=i,n=_(e[u]));return _.isReadable(r,n,{level:s,size:l})||!o?n:(t.includeFallbackColors=!1,_.mostReadable(r,["#fff","#000"],t))};var Na=_.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"},L0=_.hexNames=$0(Na);function $0(r){var e={};for(var t in r)r.hasOwnProperty(t)&&(e[r[t]]=t);return e}function wc(r){return r=parseFloat(r),(isNaN(r)||r<0||r>1)&&(r=1),r}function j(r,e){N0(r)&&(r="100%");var t=G0(r);return r=Math.min(e,Math.max(0,parseFloat(r))),t&&(r=parseInt(r*e,10)/100),Math.abs(r-e)<1e-6?1:r%e/parseFloat(e)}function Dr(r){return Math.min(1,Math.max(0,r))}function G(r){return parseInt(r,16)}function N0(r){return typeof r=="string"&&r.indexOf(".")!=-1&&parseFloat(r)===1}function G0(r){return typeof r=="string"&&r.indexOf("%")!=-1}function W(r){return r.length==1?"0"+r:""+r}function rr(r){return r<=1&&(r=r*100+"%"),r}function Sc(r){return Math.round(parseFloat(r)*255).toString(16)}function hu(r){return G(r)/255}var K=function(){var r="[-\\+]?\\d+%?",e="[-\\+]?\\d*\\.\\d+%?",t="(?:"+e+")|(?:"+r+")",n="[\\s|\\(]+("+t+")[,|\\s]+("+t+")[,|\\s]+("+t+")\\s*\\)?",a="[\\s|\\(]+("+t+")[,|\\s]+("+t+")[,|\\s]+("+t+")[,|\\s]+("+t+")\\s*\\)?";return{CSS_UNIT:new RegExp(t),rgb:new RegExp("rgb"+n),rgba:new RegExp("rgba"+a),hsl:new RegExp("hsl"+n),hsla:new RegExp("hsla"+a),hsv:new RegExp("hsv"+n),hsva:new RegExp("hsva"+a),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 J(r){return!!K.CSS_UNIT.exec(r)}function z0(r){r=r.replace(w0,"").replace(S0,"").toLowerCase();var e=!1;if(Na[r])r=Na[r],e=!0;else if(r=="transparent")return{r:0,g:0,b:0,a:0,format:"name"};var t;return(t=K.rgb.exec(r))?{r:t[1],g:t[2],b:t[3]}:(t=K.rgba.exec(r))?{r:t[1],g:t[2],b:t[3],a:t[4]}:(t=K.hsl.exec(r))?{h:t[1],s:t[2],l:t[3]}:(t=K.hsla.exec(r))?{h:t[1],s:t[2],l:t[3],a:t[4]}:(t=K.hsv.exec(r))?{h:t[1],s:t[2],v:t[3]}:(t=K.hsva.exec(r))?{h:t[1],s:t[2],v:t[3],a:t[4]}:(t=K.hex8.exec(r))?{r:G(t[1]),g:G(t[2]),b:G(t[3]),a:hu(t[4]),format:e?"name":"hex8"}:(t=K.hex6.exec(r))?{r:G(t[1]),g:G(t[2]),b:G(t[3]),format:e?"name":"hex"}:(t=K.hex4.exec(r))?{r:G(t[1]+""+t[1]),g:G(t[2]+""+t[2]),b:G(t[3]+""+t[3]),a:hu(t[4]+""+t[4]),format:e?"name":"hex8"}:(t=K.hex3.exec(r))?{r:G(t[1]+""+t[1]),g:G(t[2]+""+t[2]),b:G(t[3]+""+t[3]),format:e?"name":"hex"}:!1}function U0(r){var e,t;return r=r||{level:"AA",size:"small"},e=(r.level||"AA").toUpperCase(),t=(r.size||"small").toLowerCase(),e!=="AA"&&e!=="AAA"&&(e="AA"),t!=="small"&&t!=="large"&&(t="small"),{level:e,size:t}}var du=function(e){var t=["r","g","b","a","h","s","l","v"],n=0,a=0;return _0(t,function(i){if(e[i]&&(n+=1,isNaN(e[i])||(a+=1),i==="s"||i==="l")){var o=/^\d+%$/;o.test(e[i])&&(a+=1)}}),n===a?e:!1},tr=function(e,t){var n=e.hex?_(e.hex):_(e),a=n.toHsl(),i=n.toHsv(),o=n.toRgb(),s=n.toHex();a.s===0&&(a.h=t||0,i.h=t||0);var l=s==="000000"&&o.a===0;return{hsl:a,hex:l?"transparent":"#"+s,rgb:o,hsv:i,oldHue:e.h||t||a.h,source:e.source}},se=function(e){if(e==="transparent")return!0;var t=String(e).charAt(0)==="#"?1:0;return e.length!==4+t&&e.length<7+t&&_(e).isValid()},yi=function(e){if(!e)return"#fff";var t=tr(e);if(t.hex==="transparent")return"rgba(0,0,0,0.4)";var n=(t.rgb.r*299+t.rgb.g*587+t.rgb.b*114)/1e3;return n>=128?"#000":"#fff"},Da=function(e,t){var n=e.replace("°","");return _(t+" ("+n+")")._ok},Ye=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},K0=function(){function r(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}}();function W0(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}function V0(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:r}function X0(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);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)}var $=function(e){var t=function(n){X0(a,n);function a(i){W0(this,a);var o=V0(this,(a.__proto__||Object.getPrototypeOf(a)).call(this));return o.handleChange=function(s,l){var u=du(s);if(u){var f=tr(s,s.h||o.state.oldHue);o.setState(f),o.props.onChangeComplete&&o.debounce(o.props.onChangeComplete,f,l),o.props.onChange&&o.props.onChange(f,l)}},o.handleSwatchHover=function(s,l){var u=du(s);if(u){var f=tr(s,s.h||o.state.oldHue);o.props.onSwatchHover&&o.props.onSwatchHover(f,l)}},o.state=Ye({},tr(i.color,0)),o.debounce=xc(function(s,l,u){s(l,u)},100),o}return K0(a,[{key:"render",value:function(){var o={};return this.props.onSwatchHover&&(o.onSwatchHover=this.handleSwatchHover),c.createElement(e,Ye({},this.props,this.state,{onChange:this.handleChange},o))}}],[{key:"getDerivedStateFromProps",value:function(o,s){return Ye({},tr(o.color,s.oldHue))}}]),a}(c.PureComponent||c.Component);return t.propTypes=Ye({},e.propTypes),t.defaultProps=Ye({},e.defaultProps,{color:{h:250,s:.5,l:.2,a:1}}),t},Y0=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},Z0=function(){function r(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}}();function J0(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}function gu(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:r}function Q0(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);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)}var ev=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"span";return function(n){Q0(a,n);function a(){var i,o,s,l;J0(this,a);for(var u=arguments.length,f=Array(u),p=0;p<u;p++)f[p]=arguments[p];return l=(o=(s=gu(this,(i=a.__proto__||Object.getPrototypeOf(a)).call.apply(i,[this].concat(f))),s),s.state={focus:!1},s.handleFocus=function(){return s.setState({focus:!0})},s.handleBlur=function(){return s.setState({focus:!1})},o),gu(s,l)}return Z0(a,[{key:"render",value:function(){return c.createElement(t,{onFocus:this.handleFocus,onBlur:this.handleBlur},c.createElement(e,Y0({},this.props,this.state)))}}]),a}(c.Component)},vu=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},rv=13,tv=function(e){var t=e.color,n=e.style,a=e.onClick,i=a===void 0?function(){}:a,o=e.onHover,s=e.title,l=s===void 0?t:s,u=e.children,f=e.focus,p=e.focusStyle,h=p===void 0?{}:p,d=t==="transparent",v=C({default:{swatch:vu({background:t,height:"100%",width:"100%",cursor:"pointer",position:"relative",outline:"none"},n,f?h:{})}}),g=function(S){return i(t,S)},b=function(S){return S.keyCode===rv&&i(t,S)},m=function(S){return o(t,S)},x={};return o&&(x.onMouseOver=m),c.createElement("div",vu({style:v.swatch,onClick:g,title:l,tabIndex:0,onKeyDown:b},x),u,d&&c.createElement(Ue,{borderRadius:v.swatch.borderRadius,boxShadow:"inset 0 0 0 1px rgba(0,0,0,0.1)"}))};const ge=ev(tv);var nv=function(e){var t=e.direction,n=C({default:{picker:{width:"18px",height:"18px",borderRadius:"50%",transform:"translate(-9px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}},vertical:{picker:{transform:"translate(-3px, -9px)"}}},{vertical:t==="vertical"});return c.createElement("div",{style:n.picker})},av=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},Cc=function(e){var t=e.rgb,n=e.hsl,a=e.width,i=e.height,o=e.onChange,s=e.direction,l=e.style,u=e.renderers,f=e.pointer,p=e.className,h=p===void 0?"":p,d=C({default:{picker:{position:"relative",width:a,height:i},alpha:{radius:"2px",style:l}}});return c.createElement("div",{style:d.picker,className:"alpha-picker "+h},c.createElement(ci,av({},d.alpha,{rgb:t,hsl:n,pointer:f,renderers:u,onChange:o,direction:s})))};Cc.defaultProps={width:"316px",height:"16px",direction:"horizontal",pointer:nv};$(Cc);function Ec(r,e){for(var t=-1,n=r==null?0:r.length,a=Array(n);++t<n;)a[t]=e(r[t],t,r);return a}var iv="__lodash_hash_undefined__";function ov(r){return this.__data__.set(r,iv),this}function sv(r){return this.__data__.has(r)}function Cr(r){var e=-1,t=r==null?0:r.length;for(this.__data__=new re;++e<t;)this.add(r[e])}Cr.prototype.add=Cr.prototype.push=ov;Cr.prototype.has=sv;function lv(r,e){for(var t=-1,n=r==null?0:r.length;++t<n;)if(e(r[t],t,r))return!0;return!1}function uv(r,e){return r.has(e)}var cv=1,fv=2;function Tc(r,e,t,n,a,i){var o=t&cv,s=r.length,l=e.length;if(s!=l&&!(o&&l>s))return!1;var u=i.get(r),f=i.get(e);if(u&&f)return u==e&&f==r;var p=-1,h=!0,d=t&fv?new Cr:void 0;for(i.set(r,e),i.set(e,r);++p<s;){var v=r[p],g=e[p];if(n)var b=o?n(g,v,p,e,r,i):n(v,g,p,r,e,i);if(b!==void 0){if(b)continue;h=!1;break}if(d){if(!lv(e,function(m,x){if(!uv(d,x)&&(v===m||a(v,m,t,n,i)))return d.push(x)})){h=!1;break}}else if(!(v===g||a(v,g,t,n,i))){h=!1;break}}return i.delete(r),i.delete(e),h}function pv(r){var e=-1,t=Array(r.size);return r.forEach(function(n,a){t[++e]=[a,n]}),t}function hv(r){var e=-1,t=Array(r.size);return r.forEach(function(n){t[++e]=n}),t}var dv=1,gv=2,vv="[object Boolean]",bv="[object Date]",yv="[object Error]",mv="[object Map]",xv="[object Number]",_v="[object RegExp]",wv="[object Set]",Sv="[object String]",Cv="[object Symbol]",Ev="[object ArrayBuffer]",Tv="[object DataView]",bu=ie?ie.prototype:void 0,Ha=bu?bu.valueOf:void 0;function Av(r,e,t,n,a,i,o){switch(t){case Tv:if(r.byteLength!=e.byteLength||r.byteOffset!=e.byteOffset)return!1;r=r.buffer,e=e.buffer;case Ev:return!(r.byteLength!=e.byteLength||!i(new xr(r),new xr(e)));case vv:case bv:case xv:return ur(+r,+e);case yv:return r.name==e.name&&r.message==e.message;case _v:case Sv:return r==e+"";case mv:var s=pv;case wv:var l=n&dv;if(s||(s=hv),r.size!=e.size&&!l)return!1;var u=o.get(r);if(u)return u==e;n|=gv,o.set(r,e);var f=Tc(s(r),s(e),n,a,i,o);return o.delete(r),f;case Cv:if(Ha)return Ha.call(r)==Ha.call(e)}return!1}function Ov(r,e){for(var t=-1,n=e.length,a=r.length;++t<n;)r[a+t]=e[t];return r}function Rv(r,e,t){var n=e(r);return z(r)?n:Ov(n,t(r))}function Pv(r,e){for(var t=-1,n=r==null?0:r.length,a=0,i=[];++t<n;){var o=r[t];e(o,t,r)&&(i[a++]=o)}return i}function qv(){return[]}var Mv=Object.prototype,Iv=Mv.propertyIsEnumerable,yu=Object.getOwnPropertySymbols,Fv=yu?function(r){return r==null?[]:(r=Object(r),Pv(yu(r),function(e){return Iv.call(r,e)}))}:qv;function mu(r){return Rv(r,bi,Fv)}var jv=1,Bv=Object.prototype,kv=Bv.hasOwnProperty;function Dv(r,e,t,n,a,i){var o=t&jv,s=mu(r),l=s.length,u=mu(e),f=u.length;if(l!=f&&!o)return!1;for(var p=l;p--;){var h=s[p];if(!(o?h in e:kv.call(e,h)))return!1}var d=i.get(r),v=i.get(e);if(d&&v)return d==e&&v==r;var g=!0;i.set(r,e),i.set(e,r);for(var b=o;++p<l;){h=s[p];var m=r[h],x=e[h];if(n)var T=o?n(x,m,h,e,r,i):n(m,x,h,r,e,i);if(!(T===void 0?m===x||a(m,x,t,n,i):T)){g=!1;break}b||(b=h=="constructor")}if(g&&!b){var S=r.constructor,R=e.constructor;S!=R&&"constructor"in r&&"constructor"in e&&!(typeof S=="function"&&S instanceof S&&typeof R=="function"&&R instanceof R)&&(g=!1)}return i.delete(r),i.delete(e),g}var Ga=de(X,"DataView"),za=de(X,"Promise"),Ua=de(X,"Set"),Ka=de(X,"WeakMap"),xu="[object Map]",Hv="[object Object]",_u="[object Promise]",wu="[object Set]",Su="[object WeakMap]",Cu="[object DataView]",Lv=he(Ga),$v=he(ir),Nv=he(za),Gv=he(Ua),zv=he(Ka),ae=pe;(Ga&&ae(new Ga(new ArrayBuffer(1)))!=Cu||ir&&ae(new ir)!=xu||za&&ae(za.resolve())!=_u||Ua&&ae(new Ua)!=wu||Ka&&ae(new Ka)!=Su)&&(ae=function(r){var e=pe(r),t=e==Hv?r.constructor:void 0,n=t?he(t):"";if(n)switch(n){case Lv:return Cu;case $v:return xu;case Nv:return _u;case Gv:return wu;case zv:return Su}return e});var Uv=1,Eu="[object Arguments]",Tu="[object Array]",vr="[object Object]",Kv=Object.prototype,Au=Kv.hasOwnProperty;function Wv(r,e,t,n,a,i){var o=z(r),s=z(e),l=o?Tu:ae(r),u=s?Tu:ae(e);l=l==Eu?vr:l,u=u==Eu?vr:u;var f=l==vr,p=u==vr,h=l==u;if(h&&wr(r)){if(!wr(e))return!1;o=!0,f=!1}if(h&&!f)return i||(i=new Y),o||gi(r)?Tc(r,e,t,n,a,i):Av(r,e,l,t,n,a,i);if(!(t&Uv)){var d=f&&Au.call(r,"__wrapped__"),v=p&&Au.call(e,"__wrapped__");if(d||v){var g=d?r.value():r,b=v?e.value():e;return i||(i=new Y),a(g,b,t,n,i)}}return h?(i||(i=new Y),Dv(r,e,t,n,a,i)):!1}function mi(r,e,t,n,a){return r===e?!0:r==null||e==null||!oe(r)&&!oe(e)?r!==r&&e!==e:Wv(r,e,t,n,mi,a)}var Vv=1,Xv=2;function Yv(r,e,t,n){var a=t.length,i=a;if(r==null)return!i;for(r=Object(r);a--;){var o=t[a];if(o[2]?o[1]!==r[o[0]]:!(o[0]in r))return!1}for(;++a<i;){o=t[a];var s=o[0],l=r[s],u=o[1];if(o[2]){if(l===void 0&&!(s in r))return!1}else{var f=new Y,p;if(!(p===void 0?mi(u,l,Vv|Xv,n,f):p))return!1}}return!0}function Ac(r){return r===r&&!U(r)}function Zv(r){for(var e=bi(r),t=e.length;t--;){var n=e[t],a=r[n];e[t]=[n,a,Ac(a)]}return e}function Oc(r,e){return function(t){return t==null?!1:t[r]===e&&(e!==void 0||r in Object(t))}}function Jv(r){var e=Zv(r);return e.length==1&&e[0][2]?Oc(e[0][0],e[0][1]):function(t){return t===r||Yv(t,r,e)}}var Qv=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,eb=/^\w*$/;function xi(r,e){if(z(r))return!1;var t=typeof r;return t=="number"||t=="symbol"||t=="boolean"||r==null||Br(r)?!0:eb.test(r)||!Qv.test(r)||e!=null&&r in Object(e)}var rb="Expected a function";function _i(r,e){if(typeof r!="function"||e!=null&&typeof e!="function")throw new TypeError(rb);var t=function(){var n=arguments,a=e?e.apply(this,n):n[0],i=t.cache;if(i.has(a))return i.get(a);var o=r.apply(this,n);return t.cache=i.set(a,o)||i,o};return t.cache=new(_i.Cache||re),t}_i.Cache=re;var tb=500;function nb(r){var e=_i(r,function(n){return t.size===tb&&t.clear(),n}),t=e.cache;return e}var ab=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,ib=/\\(\\)?/g,ob=nb(function(r){var e=[];return r.charCodeAt(0)===46&&e.push(""),r.replace(ab,function(t,n,a,i){e.push(a?i.replace(ib,"$1"):n||t)}),e}),Ou=ie?ie.prototype:void 0,Ru=Ou?Ou.toString:void 0;function Rc(r){if(typeof r=="string")return r;if(z(r))return Ec(r,Rc)+"";if(Br(r))return Ru?Ru.call(r):"";var e=r+"";return e=="0"&&1/r==-1/0?"-0":e}function sb(r){return r==null?"":Rc(r)}function Pc(r,e){return z(r)?r:xi(r,e)?[r]:ob(sb(r))}function Hr(r){if(typeof r=="string"||Br(r))return r;var e=r+"";return e=="0"&&1/r==-1/0?"-0":e}function qc(r,e){e=Pc(e,r);for(var t=0,n=e.length;r!=null&&t<n;)r=r[Hr(e[t++])];return t&&t==n?r:void 0}function lb(r,e,t){var n=r==null?void 0:qc(r,e);return n===void 0?t:n}function ub(r,e){return r!=null&&e in Object(r)}function cb(r,e,t){e=Pc(e,r);for(var n=-1,a=e.length,i=!1;++n<a;){var o=Hr(e[n]);if(!(i=r!=null&&t(r,o)))break;r=r[o]}return i||++n!=a?i:(a=r==null?0:r.length,!!a&&di(a)&&vi(o,a)&&(z(r)||_r(r)))}function fb(r,e){return r!=null&&cb(r,e,ub)}var pb=1,hb=2;function db(r,e){return xi(r)&&Ac(e)?Oc(Hr(r),e):function(t){var n=lb(t,r);return n===void 0&&n===e?fb(t,r):mi(e,n,pb|hb)}}function gb(r){return function(e){return e==null?void 0:e[r]}}function vb(r){return function(e){return qc(e,r)}}function bb(r){return xi(r)?gb(Hr(r)):vb(r)}function yb(r){return typeof r=="function"?r:r==null?jr:typeof r=="object"?z(r)?db(r[0],r[1]):Jv(r):bb(r)}function mb(r,e){var t=-1,n=We(r)?Array(r.length):[];return _c(r,function(a,i,o){n[++t]=e(a,i,o)}),n}function ve(r,e){var t=z(r)?Ec:mb;return t(r,yb(e))}var xb=function(e){var t=e.colors,n=e.onClick,a=e.onSwatchHover,i=C({default:{swatches:{marginRight:"-10px"},swatch:{width:"22px",height:"22px",float:"left",marginRight:"10px",marginBottom:"10px",borderRadius:"4px"},clear:{clear:"both"}}});return c.createElement("div",{style:i.swatches},ve(t,function(o){return c.createElement(ge,{key:o,color:o,style:i.swatch,onClick:n,onHover:a,focusStyle:{boxShadow:"0 0 4px "+o}})}),c.createElement("div",{style:i.clear}))},wi=function(e){var t=e.onChange,n=e.onSwatchHover,a=e.hex,i=e.colors,o=e.width,s=e.triangle,l=e.styles,u=l===void 0?{}:l,f=e.className,p=f===void 0?"":f,h=a==="transparent",d=function(b,m){se(b)&&t({hex:b,source:"hex"},m)},v=C(L({default:{card:{width:o,background:"#fff",boxShadow:"0 1px rgba(0,0,0,.1)",borderRadius:"6px",position:"relative"},head:{height:"110px",background:a,borderRadius:"6px 6px 0 0",display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},body:{padding:"10px"},label:{fontSize:"18px",color:yi(a),position:"relative"},triangle:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 10px 10px 10px",borderColor:"transparent transparent "+a+" 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"}}},u),{"hide-triangle":s==="hide"});return c.createElement("div",{style:v.card,className:"block-picker "+p},c.createElement("div",{style:v.triangle}),c.createElement("div",{style:v.head},h&&c.createElement(Ue,{borderRadius:"6px 6px 0 0"}),c.createElement("div",{style:v.label},a)),c.createElement("div",{style:v.body},c.createElement(xb,{colors:i,onClick:d,onSwatchHover:n}),c.createElement(O,{style:{input:v.input},value:a,onChange:d})))};wi.propTypes={width:y.PropTypes.oneOfType([y.PropTypes.string,y.PropTypes.number]),colors:y.PropTypes.arrayOf(y.PropTypes.string),triangle:y.PropTypes.oneOf(["top","hide"]),styles:y.PropTypes.object};wi.defaultProps={width:170,colors:["#D9E3F0","#F47373","#697689","#37D67A","#2CCCE4","#555555","#dce775","#ff8a65","#ba68c8"],triangle:"top",styles:{}};$(wi);var Ae={100:"#ffcdd2",300:"#e57373",500:"#f44336",700:"#d32f2f",900:"#b71c1c"},Oe={100:"#f8bbd0",300:"#f06292",500:"#e91e63",700:"#c2185b",900:"#880e4f"},Re={100:"#e1bee7",300:"#ba68c8",500:"#9c27b0",700:"#7b1fa2",900:"#4a148c"},Pe={100:"#d1c4e9",300:"#9575cd",500:"#673ab7",700:"#512da8",900:"#311b92"},qe={100:"#c5cae9",300:"#7986cb",500:"#3f51b5",700:"#303f9f",900:"#1a237e"},Me={100:"#bbdefb",300:"#64b5f6",500:"#2196f3",700:"#1976d2",900:"#0d47a1"},Ie={100:"#b3e5fc",300:"#4fc3f7",500:"#03a9f4",700:"#0288d1",900:"#01579b"},Fe={100:"#b2ebf2",300:"#4dd0e1",500:"#00bcd4",700:"#0097a7",900:"#006064"},je={100:"#b2dfdb",300:"#4db6ac",500:"#009688",700:"#00796b",900:"#004d40"},nr={100:"#c8e6c9",300:"#81c784",500:"#4caf50",700:"#388e3c"},Be={100:"#dcedc8",300:"#aed581",500:"#8bc34a",700:"#689f38",900:"#33691e"},ke={100:"#f0f4c3",300:"#dce775",500:"#cddc39",700:"#afb42b",900:"#827717"},De={100:"#fff9c4",300:"#fff176",500:"#ffeb3b",700:"#fbc02d",900:"#f57f17"},He={100:"#ffecb3",300:"#ffd54f",500:"#ffc107",700:"#ffa000",900:"#ff6f00"},Le={100:"#ffe0b2",300:"#ffb74d",500:"#ff9800",700:"#f57c00",900:"#e65100"},$e={100:"#ffccbc",300:"#ff8a65",500:"#ff5722",700:"#e64a19",900:"#bf360c"},Ne={100:"#d7ccc8",300:"#a1887f",500:"#795548",700:"#5d4037",900:"#3e2723"},Ge={100:"#cfd8dc",300:"#90a4ae",500:"#607d8b",700:"#455a64",900:"#263238"},Mc=function(e){var t=e.color,n=e.onClick,a=e.onSwatchHover,i=e.hover,o=e.active,s=e.circleSize,l=e.circleSpacing,u=C({default:{swatch:{width:s,height:s,marginRight:l,marginBottom:l,transform:"scale(1)",transition:"100ms transform ease"},Swatch:{borderRadius:"50%",background:"transparent",boxShadow:"inset 0 0 0 "+(s/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:i,active:o});return c.createElement("div",{style:u.swatch},c.createElement(ge,{style:u.Swatch,color:t,onClick:n,onHover:a,focusStyle:{boxShadow:u.Swatch.boxShadow+", 0 0 5px "+t}}))};Mc.defaultProps={circleSize:28,circleSpacing:14};const _b=ui.handleHover(Mc);var Si=function(e){var t=e.width,n=e.onChange,a=e.onSwatchHover,i=e.colors,o=e.hex,s=e.circleSize,l=e.styles,u=l===void 0?{}:l,f=e.circleSpacing,p=e.className,h=p===void 0?"":p,d=C(L({default:{card:{width:t,display:"flex",flexWrap:"wrap",marginRight:-f,marginBottom:-f}}},u)),v=function(b,m){return n({hex:b,source:"hex"},m)};return c.createElement("div",{style:d.card,className:"circle-picker "+h},ve(i,function(g){return c.createElement(_b,{key:g,color:g,onClick:v,onSwatchHover:a,active:o===g.toLowerCase(),circleSize:s,circleSpacing:f})}))};Si.propTypes={width:y.PropTypes.oneOfType([y.PropTypes.string,y.PropTypes.number]),circleSize:y.PropTypes.number,circleSpacing:y.PropTypes.number,styles:y.PropTypes.object};Si.defaultProps={width:252,circleSize:28,circleSpacing:14,colors:[Ae[500],Oe[500],Re[500],Pe[500],qe[500],Me[500],Ie[500],Fe[500],je[500],nr[500],Be[500],ke[500],De[500],He[500],Le[500],$e[500],Ne[500],Ge[500]],styles:{}};const wb=$(Si);function Pu(r){return r===void 0}var br={},qu;function Sb(){if(qu)return br;qu=1,Object.defineProperty(br,"__esModule",{value:!0});var r=Object.assign||function(o){for(var s=1;s<arguments.length;s++){var l=arguments[s];for(var u in l)Object.prototype.hasOwnProperty.call(l,u)&&(o[u]=l[u])}return o},e=c,t=n(e);function n(o){return o&&o.__esModule?o:{default:o}}function a(o,s){var l={};for(var u in o)s.indexOf(u)>=0||Object.prototype.hasOwnProperty.call(o,u)&&(l[u]=o[u]);return l}var i=24;return br.default=function(o){var s=o.fill,l=s===void 0?"currentColor":s,u=o.width,f=u===void 0?i:u,p=o.height,h=p===void 0?i:p,d=o.style,v=d===void 0?{}:d,g=a(o,["fill","width","height","style"]);return t.default.createElement("svg",r({viewBox:"0 0 "+i+" "+i,style:r({fill:l,width:f,height:h},v)},g),t.default.createElement("path",{d:"M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z"}))},br}var Cb=Sb();const Eb=y.getDefaultExportFromCjs(Cb);var Tb=function(){function r(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}}();function Ab(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}function Ob(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:r}function Rb(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);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)}var Ic=function(r){Rb(e,r);function e(t){Ab(this,e);var n=Ob(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return n.toggleViews=function(){n.state.view==="hex"?n.setState({view:"rgb"}):n.state.view==="rgb"?n.setState({view:"hsl"}):n.state.view==="hsl"&&(n.props.hsl.a===1?n.setState({view:"hex"}):n.setState({view:"rgb"}))},n.handleChange=function(a,i){a.hex?se(a.hex)&&n.props.onChange({hex:a.hex,source:"hex"},i):a.r||a.g||a.b?n.props.onChange({r:a.r||n.props.rgb.r,g:a.g||n.props.rgb.g,b:a.b||n.props.rgb.b,source:"rgb"},i):a.a?(a.a<0?a.a=0:a.a>1&&(a.a=1),n.props.onChange({h:n.props.hsl.h,s:n.props.hsl.s,l:n.props.hsl.l,a:Math.round(a.a*100)/100,source:"rgb"},i)):(a.h||a.s||a.l)&&(typeof a.s=="string"&&a.s.includes("%")&&(a.s=a.s.replace("%","")),typeof a.l=="string"&&a.l.includes("%")&&(a.l=a.l.replace("%","")),a.s==1?a.s=.01:a.l==1&&(a.l=.01),n.props.onChange({h:a.h||n.props.hsl.h,s:Number(Pu(a.s)?n.props.hsl.s:a.s),l:Number(Pu(a.l)?n.props.hsl.l:a.l),source:"hsl"},i))},n.showHighlight=function(a){a.currentTarget.style.background="#eee"},n.hideHighlight=function(a){a.currentTarget.style.background="transparent"},t.hsl.a!==1&&t.view==="hex"?n.state={view:"rgb"}:n.state={view:t.view},n}return Tb(e,[{key:"render",value:function(){var n=this,a=C({default:{wrap:{paddingTop:"16px",display:"flex"},fields:{flex:"1",display:"flex",marginLeft:"-6px"},field:{paddingLeft:"6px",width:"100%"},alpha:{paddingLeft:"6px",width:"100%"},toggle:{width:"32px",textAlign:"right",position:"relative"},icon:{marginRight:"-4px",marginTop:"12px",cursor:"pointer",position:"relative"},iconHighlight:{position:"absolute",width:"24px",height:"28px",background:"#eee",borderRadius:"4px",top:"10px",left:"12px",display:"none"},input:{fontSize:"11px",color:"#333",width:"100%",borderRadius:"2px",border:"none",boxShadow:"inset 0 0 0 1px #dadada",height:"21px",textAlign:"center"},label:{textTransform:"uppercase",fontSize:"11px",lineHeight:"11px",color:"#969696",textAlign:"center",display:"block",marginTop:"12px"},svg:{fill:"#333",width:"24px",height:"24px",border:"1px transparent solid",borderRadius:"5px"}},disableAlpha:{alpha:{display:"none"}}},this.props,this.state),i=void 0;return this.state.view==="hex"?i=c.createElement("div",{style:a.fields,className:"flexbox-fix"},c.createElement("div",{style:a.field},c.createElement(O,{style:{input:a.input,label:a.label},label:"hex",value:this.props.hex,onChange:this.handleChange}))):this.state.view==="rgb"?i=c.createElement("div",{style:a.fields,className:"flexbox-fix"},c.createElement("div",{style:a.field},c.createElement(O,{style:{input:a.input,label:a.label},label:"r",value:this.props.rgb.r,onChange:this.handleChange})),c.createElement("div",{style:a.field},c.createElement(O,{style:{input:a.input,label:a.label},label:"g",value:this.props.rgb.g,onChange:this.handleChange})),c.createElement("div",{style:a.field},c.createElement(O,{style:{input:a.input,label:a.label},label:"b",value:this.props.rgb.b,onChange:this.handleChange})),c.createElement("div",{style:a.alpha},c.createElement(O,{style:{input:a.input,label:a.label},label:"a",value:this.props.rgb.a,arrowOffset:.01,onChange:this.handleChange}))):this.state.view==="hsl"&&(i=c.createElement("div",{style:a.fields,className:"flexbox-fix"},c.createElement("div",{style:a.field},c.createElement(O,{style:{input:a.input,label:a.label},label:"h",value:Math.round(this.props.hsl.h),onChange:this.handleChange})),c.createElement("div",{style:a.field},c.createElement(O,{style:{input:a.input,label:a.label},label:"s",value:Math.round(this.props.hsl.s*100)+"%",onChange:this.handleChange})),c.createElement("div",{style:a.field},c.createElement(O,{style:{input:a.input,label:a.label},label:"l",value:Math.round(this.props.hsl.l*100)+"%",onChange:this.handleChange})),c.createElement("div",{style:a.alpha},c.createElement(O,{style:{input:a.input,label:a.label},label:"a",value:this.props.hsl.a,arrowOffset:.01,onChange:this.handleChange})))),c.createElement("div",{style:a.wrap,className:"flexbox-fix"},i,c.createElement("div",{style:a.toggle},c.createElement("div",{style:a.icon,onClick:this.toggleViews,ref:function(s){return n.icon=s}},c.createElement(Eb,{style:a.svg,onMouseOver:this.showHighlight,onMouseEnter:this.showHighlight,onMouseOut:this.hideHighlight}))))}}],[{key:"getDerivedStateFromProps",value:function(n,a){return n.hsl.a!==1&&a.view==="hex"?{view:"rgb"}:null}}]),e}(c.Component);Ic.defaultProps={view:"hex"};var Mu=function(){var e=C({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",transform:"translate(-6px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}}});return c.createElement("div",{style:e.picker})},Pb=function(){var e=C({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",boxShadow:"inset 0 0 0 1px #fff",transform:"translate(-6px, -6px)"}}});return c.createElement("div",{style:e.picker})},Ci=function(e){var t=e.width,n=e.onChange,a=e.disableAlpha,i=e.rgb,o=e.hsl,s=e.hsv,l=e.hex,u=e.renderers,f=e.styles,p=f===void 0?{}:f,h=e.className,d=h===void 0?"":h,v=e.defaultView,g=C(L({default:{picker:{width:t,background:"#fff",borderRadius:"2px",boxShadow:"0 0 2px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.3)",boxSizing:"initial",fontFamily:"Menlo"},saturation:{width:"100%",paddingBottom:"55%",position:"relative",borderRadius:"2px 2px 0 0",overflow:"hidden"},Saturation:{radius:"2px 2px 0 0"},body:{padding:"16px 16px 12px"},controls:{display:"flex"},color:{width:"32px"},swatch:{marginTop:"6px",width:"16px",height:"16px",borderRadius:"8px",position:"relative",overflow:"hidden"},active:{absolute:"0px 0px 0px 0px",borderRadius:"8px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.1)",background:"rgba("+i.r+", "+i.g+", "+i.b+", "+i.a+")",zIndex:"2"},toggles:{flex:"1"},hue:{height:"10px",position:"relative",marginBottom:"8px"},Hue:{radius:"2px"},alpha:{height:"10px",position:"relative"},Alpha:{radius:"2px"}},disableAlpha:{color:{width:"22px"},alpha:{display:"none"},hue:{marginBottom:"0px"},swatch:{width:"10px",height:"10px",marginTop:"0px"}}},p),{disableAlpha:a});return c.createElement("div",{style:g.picker,className:"chrome-picker "+d},c.createElement("div",{style:g.saturation},c.createElement(kr,{style:g.Saturation,hsl:o,hsv:s,pointer:Pb,onChange:n})),c.createElement("div",{style:g.body},c.createElement("div",{style:g.controls,className:"flexbox-fix"},c.createElement("div",{style:g.color},c.createElement("div",{style:g.swatch},c.createElement("div",{style:g.active}),c.createElement(Ue,{renderers:u}))),c.createElement("div",{style:g.toggles},c.createElement("div",{style:g.hue},c.createElement(Ke,{style:g.Hue,hsl:o,pointer:Mu,onChange:n})),c.createElement("div",{style:g.alpha},c.createElement(ci,{style:g.Alpha,rgb:i,hsl:o,pointer:Mu,renderers:u,onChange:n})))),c.createElement(Ic,{rgb:i,hsl:o,hex:l,view:v,onChange:n,disableAlpha:a})))};Ci.propTypes={width:y.PropTypes.oneOfType([y.PropTypes.string,y.PropTypes.number]),disableAlpha:y.PropTypes.bool,styles:y.PropTypes.object,defaultView:y.PropTypes.oneOf(["hex","rgb","hsl"])};Ci.defaultProps={width:225,disableAlpha:!1,styles:{}};$(Ci);var qb=function(e){var t=e.color,n=e.onClick,a=n===void 0?function(){}:n,i=e.onSwatchHover,o=e.active,s=C({default:{color:{background:t,width:"15px",height:"15px",float:"left",marginRight:"5px",marginBottom:"5px",position:"relative",cursor:"pointer"},dot:{absolute:"5px 5px 5px 5px",background:yi(t),borderRadius:"50%",opacity:"0"}},active:{dot:{opacity:"1"}},"color-#FFFFFF":{color:{boxShadow:"inset 0 0 0 1px #ddd"},dot:{background:"#000"}},transparent:{dot:{background:"#000"}}},{active:o,"color-#FFFFFF":t==="#FFFFFF",transparent:t==="transparent"});return c.createElement(ge,{style:s.color,color:t,onClick:a,onHover:i,focusStyle:{boxShadow:"0 0 4px "+t}},c.createElement("div",{style:s.dot}))},Mb=function(e){var t=e.hex,n=e.rgb,a=e.onChange,i=C({default:{fields:{display:"flex",paddingBottom:"6px",paddingRight:"5px",position:"relative"},active:{position:"absolute",top:"6px",left:"5px",height:"9px",width:"9px",background:t},HEXwrap:{flex:"6",position:"relative"},HEXinput:{width:"80%",padding:"0px",paddingLeft:"20%",border:"none",outline:"none",background:"none",fontSize:"12px",color:"#333",height:"16px"},HEXlabel:{display:"none"},RGBwrap:{flex:"3",position:"relative"},RGBinput:{width:"70%",padding:"0px",paddingLeft:"30%",border:"none",outline:"none",background:"none",fontSize:"12px",color:"#333",height:"16px"},RGBlabel:{position:"absolute",top:"3px",left:"0px",lineHeight:"16px",textTransform:"uppercase",fontSize:"12px",color:"#999"}}}),o=function(l,u){l.r||l.g||l.b?a({r:l.r||n.r,g:l.g||n.g,b:l.b||n.b,source:"rgb"},u):a({hex:l.hex,source:"hex"},u)};return c.createElement("div",{style:i.fields,className:"flexbox-fix"},c.createElement("div",{style:i.active}),c.createElement(O,{style:{wrap:i.HEXwrap,input:i.HEXinput,label:i.HEXlabel},label:"hex",value:t,onChange:o}),c.createElement(O,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"r",value:n.r,onChange:o}),c.createElement(O,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"g",value:n.g,onChange:o}),c.createElement(O,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"b",value:n.b,onChange:o}))},Ei=function(e){var t=e.onChange,n=e.onSwatchHover,a=e.colors,i=e.hex,o=e.rgb,s=e.styles,l=s===void 0?{}:s,u=e.className,f=u===void 0?"":u,p=C(L({default:{Compact:{background:"#f6f6f6",radius:"4px"},compact:{paddingTop:"5px",paddingLeft:"5px",boxSizing:"initial",width:"240px"},clear:{clear:"both"}}},l)),h=function(v,g){v.hex?se(v.hex)&&t({hex:v.hex,source:"hex"},g):t(v,g)};return c.createElement(cr,{style:p.Compact,styles:l},c.createElement("div",{style:p.compact,className:"compact-picker "+f},c.createElement("div",null,ve(a,function(d){return c.createElement(qb,{key:d,color:d,active:d.toLowerCase()===i,onClick:h,onSwatchHover:n})}),c.createElement("div",{style:p.clear})),c.createElement(Mb,{hex:i,rgb:o,onChange:h})))};Ei.propTypes={colors:y.PropTypes.arrayOf(y.PropTypes.string),styles:y.PropTypes.object};Ei.defaultProps={colors:["#4D4D4D","#999999","#FFFFFF","#F44E3B","#FE9200","#FCDC00","#DBDF00","#A4DD00","#68CCCA","#73D8FF","#AEA1FF","#FDA1FF","#333333","#808080","#cccccc","#D33115","#E27300","#FCC400","#B0BC00","#68BC00","#16A5A5","#009CE0","#7B64FF","#FA28FF","#000000","#666666","#B3B3B3","#9F0500","#C45100","#FB9E00","#808900","#194D33","#0C797D","#0062B1","#653294","#AB149E"],styles:{}};$(Ei);var Ib=function(e){var t=e.hover,n=e.color,a=e.onClick,i=e.onSwatchHover,o={position:"relative",zIndex:"2",outline:"2px solid #fff",boxShadow:"0 0 5px 2px rgba(0,0,0,0.25)"},s=C({default:{swatch:{width:"25px",height:"25px",fontSize:"0"}},hover:{swatch:o}},{hover:t});return c.createElement("div",{style:s.swatch},c.createElement(ge,{color:n,onClick:a,onHover:i,focusStyle:o}))};const Fb=ui.handleHover(Ib);var Ti=function(e){var t=e.width,n=e.colors,a=e.onChange,i=e.onSwatchHover,o=e.triangle,s=e.styles,l=s===void 0?{}:s,u=e.className,f=u===void 0?"":u,p=C(L({default:{card:{width:t,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":o==="hide","top-left-triangle":o==="top-left","top-right-triangle":o==="top-right","bottom-left-triangle":o==="bottom-left","bottom-right-triangle":o==="bottom-right"}),h=function(v,g){return a({hex:v,source:"hex"},g)};return c.createElement("div",{style:p.card,className:"github-picker "+f},c.createElement("div",{style:p.triangleShadow}),c.createElement("div",{style:p.triangle}),ve(n,function(d){return c.createElement(Fb,{color:d,key:d,onClick:h,onSwatchHover:i})}))};Ti.propTypes={width:y.PropTypes.oneOfType([y.PropTypes.string,y.PropTypes.number]),colors:y.PropTypes.arrayOf(y.PropTypes.string),triangle:y.PropTypes.oneOf(["hide","top-left","top-right","bottom-left","bottom-right"]),styles:y.PropTypes.object};Ti.defaultProps={width:200,colors:["#B80000","#DB3E00","#FCCB00","#008B02","#006B76","#1273DE","#004DCF","#5300EB","#EB9694","#FAD0C3","#FEF3BD","#C1E1C5","#BEDADC","#C4DEF6","#BED3F3","#D4C4FB"],triangle:"top-left",styles:{}};$(Ti);var jb=function(e){var t=e.direction,n=C({default:{picker:{width:"18px",height:"18px",borderRadius:"50%",transform:"translate(-9px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}},vertical:{picker:{transform:"translate(-3px, -9px)"}}},{vertical:t==="vertical"});return c.createElement("div",{style:n.picker})},Bb=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},Ai=function(e){var t=e.width,n=e.height,a=e.onChange,i=e.hsl,o=e.direction,s=e.pointer,l=e.styles,u=l===void 0?{}:l,f=e.className,p=f===void 0?"":f,h=C(L({default:{picker:{position:"relative",width:t,height:n},hue:{radius:"2px"}}},u)),d=function(g){return a({a:1,h:g.h,l:.5,s:1})};return c.createElement("div",{style:h.picker,className:"hue-picker "+p},c.createElement(Ke,Bb({},h.hue,{hsl:i,pointer:s,onChange:d,direction:o})))};Ai.propTypes={styles:y.PropTypes.object};Ai.defaultProps={width:"316px",height:"16px",direction:"horizontal",pointer:jb,styles:{}};$(Ai);var kb=function(e){var t=e.onChange,n=e.hex,a=e.rgb,i=e.styles,o=i===void 0?{}:i,s=e.className,l=s===void 0?"":s,u=C(L({default:{material:{width:"98px",height:"98px",padding:"16px",fontFamily:"Roboto"},HEXwrap:{position:"relative"},HEXinput:{width:"100%",marginTop:"12px",fontSize:"15px",color:"#333",padding:"0px",border:"0px",borderBottom:"2px solid "+n,outline:"none",height:"30px"},HEXlabel:{position:"absolute",top:"0px",left:"0px",fontSize:"11px",color:"#999999",textTransform:"capitalize"},Hex:{style:{}},RGBwrap:{position:"relative"},RGBinput:{width:"100%",marginTop:"12px",fontSize:"15px",color:"#333",padding:"0px",border:"0px",borderBottom:"1px solid #eee",outline:"none",height:"30px"},RGBlabel:{position:"absolute",top:"0px",left:"0px",fontSize:"11px",color:"#999999",textTransform:"capitalize"},split:{display:"flex",marginRight:"-10px",paddingTop:"11px"},third:{flex:"1",paddingRight:"10px"}}},o)),f=function(h,d){h.hex?se(h.hex)&&t({hex:h.hex,source:"hex"},d):(h.r||h.g||h.b)&&t({r:h.r||a.r,g:h.g||a.g,b:h.b||a.b,source:"rgb"},d)};return c.createElement(cr,{styles:o},c.createElement("div",{style:u.material,className:"material-picker "+l},c.createElement(O,{style:{wrap:u.HEXwrap,input:u.HEXinput,label:u.HEXlabel},label:"hex",value:n,onChange:f}),c.createElement("div",{style:u.split,className:"flexbox-fix"},c.createElement("div",{style:u.third},c.createElement(O,{style:{wrap:u.RGBwrap,input:u.RGBinput,label:u.RGBlabel},label:"r",value:a.r,onChange:f})),c.createElement("div",{style:u.third},c.createElement(O,{style:{wrap:u.RGBwrap,input:u.RGBinput,label:u.RGBlabel},label:"g",value:a.g,onChange:f})),c.createElement("div",{style:u.third},c.createElement(O,{style:{wrap:u.RGBwrap,input:u.RGBinput,label:u.RGBlabel},label:"b",value:a.b,onChange:f})))))};$(kb);var Db=function(e){var t=e.onChange,n=e.rgb,a=e.hsv,i=e.hex,o=C({default:{fields:{paddingTop:"5px",paddingBottom:"9px",width:"80px",position:"relative"},divider:{height:"5px"},RGBwrap:{position:"relative"},RGBinput:{marginLeft:"40%",width:"40%",height:"18px",border:"1px solid #888888",boxShadow:"inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",marginBottom:"5px",fontSize:"13px",paddingLeft:"3px",marginRight:"10px"},RGBlabel:{left:"0px",top:"0px",width:"34px",textTransform:"uppercase",fontSize:"13px",height:"18px",lineHeight:"22px",position:"absolute"},HEXwrap:{position:"relative"},HEXinput:{marginLeft:"20%",width:"80%",height:"18px",border:"1px solid #888888",boxShadow:"inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",marginBottom:"6px",fontSize:"13px",paddingLeft:"3px"},HEXlabel:{position:"absolute",top:"0px",left:"0px",width:"14px",textTransform:"uppercase",fontSize:"13px",height:"18px",lineHeight:"22px"},fieldSymbols:{position:"absolute",top:"5px",right:"-7px",fontSize:"13px"},symbol:{height:"20px",lineHeight:"22px",paddingBottom:"7px"}}}),s=function(u,f){u["#"]?se(u["#"])&&t({hex:u["#"],source:"hex"},f):u.r||u.g||u.b?t({r:u.r||n.r,g:u.g||n.g,b:u.b||n.b,source:"rgb"},f):(u.h||u.s||u.v)&&t({h:u.h||a.h,s:u.s||a.s,v:u.v||a.v,source:"hsv"},f)};return c.createElement("div",{style:o.fields},c.createElement(O,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"h",value:Math.round(a.h),onChange:s}),c.createElement(O,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"s",value:Math.round(a.s*100),onChange:s}),c.createElement(O,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"v",value:Math.round(a.v*100),onChange:s}),c.createElement("div",{style:o.divider}),c.createElement(O,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"r",value:n.r,onChange:s}),c.createElement(O,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"g",value:n.g,onChange:s}),c.createElement(O,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"b",value:n.b,onChange:s}),c.createElement("div",{style:o.divider}),c.createElement(O,{style:{wrap:o.HEXwrap,input:o.HEXinput,label:o.HEXlabel},label:"#",value:i.replace("#",""),onChange:s}),c.createElement("div",{style:o.fieldSymbols},c.createElement("div",{style:o.symbol},"°"),c.createElement("div",{style:o.symbol},"%"),c.createElement("div",{style:o.symbol},"%")))},Hb=function(e){var t=e.hsl,n=C({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",boxShadow:"inset 0 0 0 1px #fff",transform:"translate(-6px, -6px)"}},"black-outline":{picker:{boxShadow:"inset 0 0 0 1px #000"}}},{"black-outline":t.l>.5});return c.createElement("div",{style:n.picker})},Lb=function(){var e=C({default:{triangle:{width:0,height:0,borderStyle:"solid",borderWidth:"4px 0 4px 6px",borderColor:"transparent transparent transparent #fff",position:"absolute",top:"1px",left:"1px"},triangleBorder:{width:0,height:0,borderStyle:"solid",borderWidth:"5px 0 5px 8px",borderColor:"transparent transparent transparent #555"},left:{Extend:"triangleBorder",transform:"translate(-13px, -4px)"},leftInside:{Extend:"triangle",transform:"translate(-8px, -5px)"},right:{Extend:"triangleBorder",transform:"translate(20px, -14px) rotate(180deg)"},rightInside:{Extend:"triangle",transform:"translate(-8px, -5px)"}}});return c.createElement("div",{style:e.pointer},c.createElement("div",{style:e.left},c.createElement("div",{style:e.leftInside})),c.createElement("div",{style:e.right},c.createElement("div",{style:e.rightInside})))},Iu=function(e){var t=e.onClick,n=e.label,a=e.children,i=e.active,o=C({default:{button:{backgroundImage:"linear-gradient(-180deg, #FFFFFF 0%, #E6E6E6 100%)",border:"1px solid #878787",borderRadius:"2px",height:"20px",boxShadow:"0 1px 0 0 #EAEAEA",fontSize:"14px",color:"#000",lineHeight:"20px",textAlign:"center",marginBottom:"10px",cursor:"pointer"}},active:{button:{boxShadow:"0 0 0 1px #878787"}}},{active:i});return c.createElement("div",{style:o.button,onClick:t},n||a)},$b=function(e){var t=e.rgb,n=e.currentColor,a=C({default:{swatches:{border:"1px solid #B3B3B3",borderBottom:"1px solid #F0F0F0",marginBottom:"2px",marginTop:"1px"},new:{height:"34px",background:"rgb("+t.r+","+t.g+", "+t.b+")",boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 1px 0 #000"},current:{height:"34px",background:n,boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 -1px 0 #000"},label:{fontSize:"14px",color:"#000",textAlign:"center"}}});return c.createElement("div",null,c.createElement("div",{style:a.label},"new"),c.createElement("div",{style:a.swatches},c.createElement("div",{style:a.new}),c.createElement("div",{style:a.current})),c.createElement("div",{style:a.label},"current"))},Nb=function(){function r(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}}();function Gb(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}function zb(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:r}function Ub(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);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)}var Oi=function(r){Ub(e,r);function e(t){Gb(this,e);var n=zb(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return n.state={currentColor:t.hex},n}return Nb(e,[{key:"render",value:function(){var n=this.props,a=n.styles,i=a===void 0?{}:a,o=n.className,s=o===void 0?"":o,l=C(L({default:{picker:{background:"#DCDCDC",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.25), 0 8px 16px rgba(0,0,0,.15)",boxSizing:"initial",width:"513px"},head:{backgroundImage:"linear-gradient(-180deg, #F0F0F0 0%, #D4D4D4 100%)",borderBottom:"1px solid #B1B1B1",boxShadow:"inset 0 1px 0 0 rgba(255,255,255,.2), inset 0 -1px 0 0 rgba(0,0,0,.02)",height:"23px",lineHeight:"24px",borderRadius:"4px 4px 0 0",fontSize:"13px",color:"#4D4D4D",textAlign:"center"},body:{padding:"15px 15px 0",display:"flex"},saturation:{width:"256px",height:"256px",position:"relative",border:"2px solid #B3B3B3",borderBottom:"2px solid #F0F0F0",overflow:"hidden"},hue:{position:"relative",height:"256px",width:"19px",marginLeft:"10px",border:"2px solid #B3B3B3",borderBottom:"2px solid #F0F0F0"},controls:{width:"180px",marginLeft:"10px"},top:{display:"flex"},previews:{width:"60px"},actions:{flex:"1",marginLeft:"20px"}}},i));return c.createElement("div",{style:l.picker,className:"photoshop-picker "+s},c.createElement("div",{style:l.head},this.props.header),c.createElement("div",{style:l.body,className:"flexbox-fix"},c.createElement("div",{style:l.saturation},c.createElement(kr,{hsl:this.props.hsl,hsv:this.props.hsv,pointer:Hb,onChange:this.props.onChange})),c.createElement("div",{style:l.hue},c.createElement(Ke,{direction:"vertical",hsl:this.props.hsl,pointer:Lb,onChange:this.props.onChange})),c.createElement("div",{style:l.controls},c.createElement("div",{style:l.top,className:"flexbox-fix"},c.createElement("div",{style:l.previews},c.createElement($b,{rgb:this.props.rgb,currentColor:this.state.currentColor})),c.createElement("div",{style:l.actions},c.createElement(Iu,{label:"OK",onClick:this.props.onAccept,active:!0}),c.createElement(Iu,{label:"Cancel",onClick:this.props.onCancel}),c.createElement(Db,{onChange:this.props.onChange,rgb:this.props.rgb,hsv:this.props.hsv,hex:this.props.hex}))))))}}]),e}(c.Component);Oi.propTypes={header:y.PropTypes.string,styles:y.PropTypes.object};Oi.defaultProps={header:"Color Picker",styles:{}};$(Oi);var Kb=function(e){var t=e.onChange,n=e.rgb,a=e.hsl,i=e.hex,o=e.disableAlpha,s=C({default:{fields:{display:"flex",paddingTop:"4px"},single:{flex:"1",paddingLeft:"6px"},alpha:{flex:"1",paddingLeft:"6px"},double:{flex:"2"},input:{width:"80%",padding:"4px 10% 3px",border:"none",boxShadow:"inset 0 0 0 1px #ccc",fontSize:"11px"},label:{display:"block",textAlign:"center",fontSize:"11px",color:"#222",paddingTop:"3px",paddingBottom:"4px",textTransform:"capitalize"}},disableAlpha:{alpha:{display:"none"}}},{disableAlpha:o}),l=function(f,p){f.hex?se(f.hex)&&t({hex:f.hex,source:"hex"},p):f.r||f.g||f.b?t({r:f.r||n.r,g:f.g||n.g,b:f.b||n.b,a:n.a,source:"rgb"},p):f.a&&(f.a<0?f.a=0:f.a>100&&(f.a=100),f.a/=100,t({h:a.h,s:a.s,l:a.l,a:f.a,source:"rgb"},p))};return c.createElement("div",{style:s.fields,className:"flexbox-fix"},c.createElement("div",{style:s.double},c.createElement(O,{style:{input:s.input,label:s.label},label:"hex",value:i.replace("#",""),onChange:l})),c.createElement("div",{style:s.single},c.createElement(O,{style:{input:s.input,label:s.label},label:"r",value:n.r,onChange:l,dragLabel:"true",dragMax:"255"})),c.createElement("div",{style:s.single},c.createElement(O,{style:{input:s.input,label:s.label},label:"g",value:n.g,onChange:l,dragLabel:"true",dragMax:"255"})),c.createElement("div",{style:s.single},c.createElement(O,{style:{input:s.input,label:s.label},label:"b",value:n.b,onChange:l,dragLabel:"true",dragMax:"255"})),c.createElement("div",{style:s.alpha},c.createElement(O,{style:{input:s.input,label:s.label},label:"a",value:Math.round(n.a*100),onChange:l,dragLabel:"true",dragMax:"100"})))},Wb=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},Fc=function(e){var t=e.colors,n=e.onClick,a=n===void 0?function(){}:n,i=e.onSwatchHover,o=C({default:{colors:{margin:"0 -10px",padding:"10px 0 0 10px",borderTop:"1px solid #eee",display:"flex",flexWrap:"wrap",position:"relative"},swatchWrap:{width:"16px",height:"16px",margin:"0 10px 10px 0"},swatch:{borderRadius:"3px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15)"}},"no-presets":{colors:{display:"none"}}},{"no-presets":!t||!t.length}),s=function(u,f){a({hex:u,source:"hex"},f)};return c.createElement("div",{style:o.colors,className:"flexbox-fix"},t.map(function(l){var u=typeof l=="string"?{color:l}:l,f=""+u.color+(u.title||"");return c.createElement("div",{key:f,style:o.swatchWrap},c.createElement(ge,Wb({},u,{style:o.swatch,onClick:s,onHover:i,focusStyle:{boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px "+u.color}})))}))};Fc.propTypes={colors:y.PropTypes.arrayOf(y.PropTypes.oneOfType([y.PropTypes.string,y.PropTypes.shape({color:y.PropTypes.string,title:y.PropTypes.string})])).isRequired};var Vb=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},Ri=function(e){var t=e.width,n=e.rgb,a=e.hex,i=e.hsv,o=e.hsl,s=e.onChange,l=e.onSwatchHover,u=e.disableAlpha,f=e.presetColors,p=e.renderers,h=e.styles,d=h===void 0?{}:h,v=e.className,g=v===void 0?"":v,b=C(L({default:Vb({picker:{width:t,padding:"10px 10px 0",boxSizing:"initial",background:"#fff",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.15), 0 8px 16px rgba(0,0,0,.15)"},saturation:{width:"100%",paddingBottom:"75%",position:"relative",overflow:"hidden"},Saturation:{radius:"3px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},controls:{display:"flex"},sliders:{padding:"4px 0",flex:"1"},color:{width:"24px",height:"24px",position:"relative",marginTop:"4px",marginLeft:"4px",borderRadius:"3px"},activeColor:{absolute:"0px 0px 0px 0px",borderRadius:"2px",background:"rgba("+n.r+","+n.g+","+n.b+","+n.a+")",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},hue:{position:"relative",height:"10px",overflow:"hidden"},Hue:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},alpha:{position:"relative",height:"10px",marginTop:"4px",overflow:"hidden"},Alpha:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"}},d),disableAlpha:{color:{height:"10px"},hue:{height:"10px"},alpha:{display:"none"}}},d),{disableAlpha:u});return c.createElement("div",{style:b.picker,className:"sketch-picker "+g},c.createElement("div",{style:b.saturation},c.createElement(kr,{style:b.Saturation,hsl:o,hsv:i,onChange:s})),c.createElement("div",{style:b.controls,className:"flexbox-fix"},c.createElement("div",{style:b.sliders},c.createElement("div",{style:b.hue},c.createElement(Ke,{style:b.Hue,hsl:o,onChange:s})),c.createElement("div",{style:b.alpha},c.createElement(ci,{style:b.Alpha,rgb:n,hsl:o,renderers:p,onChange:s}))),c.createElement("div",{style:b.color},c.createElement(Ue,null),c.createElement("div",{style:b.activeColor}))),c.createElement(Kb,{rgb:n,hsl:o,hex:a,onChange:s,disableAlpha:u}),c.createElement(Fc,{colors:f,onClick:s,onSwatchHover:l}))};Ri.propTypes={disableAlpha:y.PropTypes.bool,width:y.PropTypes.oneOfType([y.PropTypes.string,y.PropTypes.number]),styles:y.PropTypes.object};Ri.defaultProps={disableAlpha:!1,width:200,styles:{},presetColors:["#D0021B","#F5A623","#F8E71C","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"]};$(Ri);var Ze=function(e){var t=e.hsl,n=e.offset,a=e.onClick,i=a===void 0?function(){}:a,o=e.active,s=e.first,l=e.last,u=C({default:{swatch:{height:"12px",background:"hsl("+t.h+", 50%, "+n*100+"%)",cursor:"pointer"}},first:{swatch:{borderRadius:"2px 0 0 2px"}},last:{swatch:{borderRadius:"0 2px 2px 0"}},active:{swatch:{transform:"scaleY(1.8)",borderRadius:"3.6px/2px"}}},{active:o,first:s,last:l}),f=function(h){return i({h:t.h,s:.5,l:n,source:"hsl"},h)};return c.createElement("div",{style:u.swatch,onClick:f})},Xb=function(e){var t=e.onClick,n=e.hsl,a=C({default:{swatches:{marginTop:"20px"},swatch:{boxSizing:"border-box",width:"20%",paddingRight:"1px",float:"left"},clear:{clear:"both"}}}),i=.1;return c.createElement("div",{style:a.swatches},c.createElement("div",{style:a.swatch},c.createElement(Ze,{hsl:n,offset:".80",active:Math.abs(n.l-.8)<i&&Math.abs(n.s-.5)<i,onClick:t,first:!0})),c.createElement("div",{style:a.swatch},c.createElement(Ze,{hsl:n,offset:".65",active:Math.abs(n.l-.65)<i&&Math.abs(n.s-.5)<i,onClick:t})),c.createElement("div",{style:a.swatch},c.createElement(Ze,{hsl:n,offset:".50",active:Math.abs(n.l-.5)<i&&Math.abs(n.s-.5)<i,onClick:t})),c.createElement("div",{style:a.swatch},c.createElement(Ze,{hsl:n,offset:".35",active:Math.abs(n.l-.35)<i&&Math.abs(n.s-.5)<i,onClick:t})),c.createElement("div",{style:a.swatch},c.createElement(Ze,{hsl:n,offset:".20",active:Math.abs(n.l-.2)<i&&Math.abs(n.s-.5)<i,onClick:t,last:!0})),c.createElement("div",{style:a.clear}))},Yb=function(){var e=C({default:{picker:{width:"14px",height:"14px",borderRadius:"6px",transform:"translate(-7px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}}});return c.createElement("div",{style:e.picker})},Pi=function(e){var t=e.hsl,n=e.onChange,a=e.pointer,i=e.styles,o=i===void 0?{}:i,s=e.className,l=s===void 0?"":s,u=C(L({default:{hue:{height:"12px",position:"relative"},Hue:{radius:"2px"}}},o));return c.createElement("div",{style:u.wrap||{},className:"slider-picker "+l},c.createElement("div",{style:u.hue},c.createElement(Ke,{style:u.Hue,hsl:t,pointer:a,onChange:n})),c.createElement("div",{style:u.swatches},c.createElement(Xb,{hsl:t,onClick:n})))};Pi.propTypes={styles:y.PropTypes.object};Pi.defaultProps={pointer:Yb,styles:{}};$(Pi);var yr={},Fu;function Zb(){if(Fu)return yr;Fu=1,Object.defineProperty(yr,"__esModule",{value:!0});var r=Object.assign||function(o){for(var s=1;s<arguments.length;s++){var l=arguments[s];for(var u in l)Object.prototype.hasOwnProperty.call(l,u)&&(o[u]=l[u])}return o},e=c,t=n(e);function n(o){return o&&o.__esModule?o:{default:o}}function a(o,s){var l={};for(var u in o)s.indexOf(u)>=0||Object.prototype.hasOwnProperty.call(o,u)&&(l[u]=o[u]);return l}var i=24;return yr.default=function(o){var s=o.fill,l=s===void 0?"currentColor":s,u=o.width,f=u===void 0?i:u,p=o.height,h=p===void 0?i:p,d=o.style,v=d===void 0?{}:d,g=a(o,["fill","width","height","style"]);return t.default.createElement("svg",r({viewBox:"0 0 "+i+" "+i,style:r({fill:l,width:f,height:h},v)},g),t.default.createElement("path",{d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"}))},yr}var Jb=Zb();const Qb=y.getDefaultExportFromCjs(Jb);var ey=function(e){var t=e.color,n=e.onClick,a=n===void 0?function(){}:n,i=e.onSwatchHover,o=e.first,s=e.last,l=e.active,u=C({default:{color:{width:"40px",height:"24px",cursor:"pointer",background:t,marginBottom:"1px"},check:{color:yi(t),marginLeft:"8px",display:"none"}},first:{color:{overflow:"hidden",borderRadius:"2px 2px 0 0"}},last:{color:{overflow:"hidden",borderRadius:"0 0 2px 2px"}},active:{check:{display:"block"}},"color-#FFFFFF":{color:{boxShadow:"inset 0 0 0 1px #ddd"},check:{color:"#333"}},transparent:{check:{color:"#333"}}},{first:o,last:s,active:l,"color-#FFFFFF":t==="#FFFFFF",transparent:t==="transparent"});return c.createElement(ge,{color:t,style:u.color,onClick:a,onHover:i,focusStyle:{boxShadow:"0 0 4px "+t}},c.createElement("div",{style:u.check},c.createElement(Qb,null)))},ry=function(e){var t=e.onClick,n=e.onSwatchHover,a=e.group,i=e.active,o=C({default:{group:{paddingBottom:"10px",width:"40px",float:"left",marginRight:"10px"}}});return c.createElement("div",{style:o.group},ve(a,function(s,l){return c.createElement(ey,{key:s,color:s,active:s.toLowerCase()===i,first:l===0,last:l===a.length-1,onClick:t,onSwatchHover:n})}))},qi=function(e){var t=e.width,n=e.height,a=e.onChange,i=e.onSwatchHover,o=e.colors,s=e.hex,l=e.styles,u=l===void 0?{}:l,f=e.className,p=f===void 0?"":f,h=C(L({default:{picker:{width:t,height:n},overflow:{height:n,overflowY:"scroll"},body:{padding:"16px 0 6px 16px"},clear:{clear:"both"}}},u)),d=function(g,b){return a({hex:g,source:"hex"},b)};return c.createElement("div",{style:h.picker,className:"swatches-picker "+p},c.createElement(cr,null,c.createElement("div",{style:h.overflow},c.createElement("div",{style:h.body},ve(o,function(v){return c.createElement(ry,{key:v.toString(),group:v,active:s,onClick:d,onSwatchHover:i})}),c.createElement("div",{style:h.clear})))))};qi.propTypes={width:y.PropTypes.oneOfType([y.PropTypes.string,y.PropTypes.number]),height:y.PropTypes.oneOfType([y.PropTypes.string,y.PropTypes.number]),colors:y.PropTypes.arrayOf(y.PropTypes.arrayOf(y.PropTypes.string)),styles:y.PropTypes.object};qi.defaultProps={width:320,height:240,colors:[[Ae[900],Ae[700],Ae[500],Ae[300],Ae[100]],[Oe[900],Oe[700],Oe[500],Oe[300],Oe[100]],[Re[900],Re[700],Re[500],Re[300],Re[100]],[Pe[900],Pe[700],Pe[500],Pe[300],Pe[100]],[qe[900],qe[700],qe[500],qe[300],qe[100]],[Me[900],Me[700],Me[500],Me[300],Me[100]],[Ie[900],Ie[700],Ie[500],Ie[300],Ie[100]],[Fe[900],Fe[700],Fe[500],Fe[300],Fe[100]],[je[900],je[700],je[500],je[300],je[100]],["#194D33",nr[700],nr[500],nr[300],nr[100]],[Be[900],Be[700],Be[500],Be[300],Be[100]],[ke[900],ke[700],ke[500],ke[300],ke[100]],[De[900],De[700],De[500],De[300],De[100]],[He[900],He[700],He[500],He[300],He[100]],[Le[900],Le[700],Le[500],Le[300],Le[100]],[$e[900],$e[700],$e[500],$e[300],$e[100]],[Ne[900],Ne[700],Ne[500],Ne[300],Ne[100]],[Ge[900],Ge[700],Ge[500],Ge[300],Ge[100]],["#000000","#525252","#969696","#D9D9D9","#FFFFFF"]],styles:{}};$(qi);var Mi=function(e){var t=e.onChange,n=e.onSwatchHover,a=e.hex,i=e.colors,o=e.width,s=e.triangle,l=e.styles,u=l===void 0?{}:l,f=e.className,p=f===void 0?"":f,h=C(L({default:{card:{width:o,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"}}},u),{"hide-triangle":s==="hide","top-left-triangle":s==="top-left","top-right-triangle":s==="top-right"}),d=function(g,b){se(g)&&t({hex:g,source:"hex"},b)};return c.createElement("div",{style:h.card,className:"twitter-picker "+p},c.createElement("div",{style:h.triangleShadow}),c.createElement("div",{style:h.triangle}),c.createElement("div",{style:h.body},ve(i,function(v,g){return c.createElement(ge,{key:g,color:v,hex:v,style:h.swatch,onClick:d,onHover:n,focusStyle:{boxShadow:"0 0 4px "+v}})}),c.createElement("div",{style:h.hash},"#"),c.createElement(O,{label:null,style:{input:h.input},value:a.replace("#",""),onChange:d}),c.createElement("div",{style:h.clear})))};Mi.propTypes={width:y.PropTypes.oneOfType([y.PropTypes.string,y.PropTypes.number]),triangle:y.PropTypes.oneOf(["hide","top-left","top-right"]),colors:y.PropTypes.arrayOf(y.PropTypes.string),styles:y.PropTypes.object};Mi.defaultProps={width:276,colors:["#FF6900","#FCB900","#7BDCB5","#00D084","#8ED1FC","#0693E3","#ABB8C3","#EB144C","#F78DA7","#9900EF"],triangle:"top-left",styles:{}};$(Mi);var Ii=function(e){var t=C({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",border:"2px #fff solid",transform:"translate(-12px, -13px)",background:"hsl("+Math.round(e.hsl.h)+", "+Math.round(e.hsl.s*100)+"%, "+Math.round(e.hsl.l*100)+"%)"}}});return c.createElement("div",{style:t.picker})};Ii.propTypes={hsl:y.PropTypes.shape({h:y.PropTypes.number,s:y.PropTypes.number,l:y.PropTypes.number,a:y.PropTypes.number})};Ii.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};var Fi=function(e){var t=C({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",transform:"translate(-10px, -7px)",background:"hsl("+Math.round(e.hsl.h)+", 100%, 50%)",border:"2px white solid"}}});return c.createElement("div",{style:t.picker})};Fi.propTypes={hsl:y.PropTypes.shape({h:y.PropTypes.number,s:y.PropTypes.number,l:y.PropTypes.number,a:y.PropTypes.number})};Fi.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};var ty=function(e){var t=e.onChange,n=e.rgb,a=e.hsl,i=e.hex,o=e.hsv,s=function(d,v){if(d.hex)se(d.hex)&&t({hex:d.hex,source:"hex"},v);else if(d.rgb){var g=d.rgb.split(",");Da(d.rgb,"rgb")&&t({r:g[0],g:g[1],b:g[2],a:1,source:"rgb"},v)}else if(d.hsv){var b=d.hsv.split(",");Da(d.hsv,"hsv")&&(b[2]=b[2].replace("%",""),b[1]=b[1].replace("%",""),b[0]=b[0].replace("°",""),b[1]==1?b[1]=.01:b[2]==1&&(b[2]=.01),t({h:Number(b[0]),s:Number(b[1]),v:Number(b[2]),source:"hsv"},v))}else if(d.hsl){var m=d.hsl.split(",");Da(d.hsl,"hsl")&&(m[2]=m[2].replace("%",""),m[1]=m[1].replace("%",""),m[0]=m[0].replace("°",""),p[1]==1?p[1]=.01:p[2]==1&&(p[2]=.01),t({h:Number(m[0]),s:Number(m[1]),v:Number(m[2]),source:"hsl"},v))}},l=C({default:{wrap:{display:"flex",height:"100px",marginTop:"4px"},fields:{width:"100%"},column:{paddingTop:"10px",display:"flex",justifyContent:"space-between"},double:{padding:"0px 4.4px",boxSizing:"border-box"},input:{width:"100%",height:"38px",boxSizing:"border-box",padding:"4px 10% 3px",textAlign:"center",border:"1px solid #dadce0",fontSize:"11px",textTransform:"lowercase",borderRadius:"5px",outline:"none",fontFamily:"Roboto,Arial,sans-serif"},input2:{height:"38px",width:"100%",border:"1px solid #dadce0",boxSizing:"border-box",fontSize:"11px",textTransform:"lowercase",borderRadius:"5px",outline:"none",paddingLeft:"10px",fontFamily:"Roboto,Arial,sans-serif"},label:{textAlign:"center",fontSize:"12px",background:"#fff",position:"absolute",textTransform:"uppercase",color:"#3c4043",width:"35px",top:"-6px",left:"0",right:"0",marginLeft:"auto",marginRight:"auto",fontFamily:"Roboto,Arial,sans-serif"},label2:{left:"10px",textAlign:"center",fontSize:"12px",background:"#fff",position:"absolute",textTransform:"uppercase",color:"#3c4043",width:"32px",top:"-6px",fontFamily:"Roboto,Arial,sans-serif"},single:{flexGrow:"1",margin:"0px 4.4px"}}}),u=n.r+", "+n.g+", "+n.b,f=Math.round(a.h)+"°, "+Math.round(a.s*100)+"%, "+Math.round(a.l*100)+"%",p=Math.round(o.h)+"°, "+Math.round(o.s*100)+"%, "+Math.round(o.v*100)+"%";return c.createElement("div",{style:l.wrap,className:"flexbox-fix"},c.createElement("div",{style:l.fields},c.createElement("div",{style:l.double},c.createElement(O,{style:{input:l.input,label:l.label},label:"hex",value:i,onChange:s})),c.createElement("div",{style:l.column},c.createElement("div",{style:l.single},c.createElement(O,{style:{input:l.input2,label:l.label2},label:"rgb",value:u,onChange:s})),c.createElement("div",{style:l.single},c.createElement(O,{style:{input:l.input2,label:l.label2},label:"hsv",value:p,onChange:s})),c.createElement("div",{style:l.single},c.createElement(O,{style:{input:l.input2,label:l.label2},label:"hsl",value:f,onChange:s})))))},ji=function(e){var t=e.width,n=e.onChange,a=e.rgb,i=e.hsl,o=e.hsv,s=e.hex,l=e.header,u=e.styles,f=u===void 0?{}:u,p=e.className,h=p===void 0?"":p,d=C(L({default:{picker:{width:t,background:"#fff",border:"1px solid #dfe1e5",boxSizing:"initial",display:"flex",flexWrap:"wrap",borderRadius:"8px 8px 0px 0px"},head:{height:"57px",width:"100%",paddingTop:"16px",paddingBottom:"16px",paddingLeft:"16px",fontSize:"20px",boxSizing:"border-box",fontFamily:"Roboto-Regular,HelveticaNeue,Arial,sans-serif"},saturation:{width:"70%",padding:"0px",position:"relative",overflow:"hidden"},swatch:{width:"30%",height:"228px",padding:"0px",background:"rgba("+a.r+", "+a.g+", "+a.b+", 1)",position:"relative",overflow:"hidden"},body:{margin:"auto",width:"95%"},controls:{display:"flex",boxSizing:"border-box",height:"52px",paddingTop:"22px"},color:{width:"32px"},hue:{height:"8px",position:"relative",margin:"0px 16px 0px 16px",width:"100%"},Hue:{radius:"2px"}}},f));return c.createElement("div",{style:d.picker,className:"google-picker "+h},c.createElement("div",{style:d.head},l),c.createElement("div",{style:d.swatch}),c.createElement("div",{style:d.saturation},c.createElement(kr,{hsl:i,hsv:o,pointer:Ii,onChange:n})),c.createElement("div",{style:d.body},c.createElement("div",{style:d.controls,className:"flexbox-fix"},c.createElement("div",{style:d.hue},c.createElement(Ke,{style:d.Hue,hsl:i,radius:"4px",pointer:Fi,onChange:n}))),c.createElement(ty,{rgb:a,hsl:i,hex:s,hsv:o,onChange:n})))};ji.propTypes={width:y.PropTypes.oneOfType([y.PropTypes.string,y.PropTypes.number]),styles:y.PropTypes.object,header:y.PropTypes.string};ji.defaultProps={width:652,styles:{},header:"Color picker"};$(ji);const ny=({disabled:r=!1,colors:e,selectColor:t,onColorChange:n,slotProps:a})=>{const[i,o]=c.useState(!1),s=()=>{if(!r)return o(f=>!f)},l=()=>{o(!1)},u=f=>{f.key==="Enter"&&s()};return Ve.jsx($i.ClickAwayListener,{onClickAway:l,children:Ve.jsxs(Ni.PickerBackgroundBox,{disabled:r,tabIndex:0,onKeyDown:u,children:[Ve.jsx(rf.ColorPickerIcon,{onClick:s,fill:t}),i&&Ve.jsx($i.Box,{sx:Ni.circlePickerStyle,children:Ve.jsx(wb,{colors:e,color:t,onChange:f=>{n(f.hex),l()},circleSize:20,circleSpacing:5,width:"15rem"})})]})})};module.exports=ny;
|
|
27
|
+
`),c.createElement("div",{style:f.white,className:"saturation-white"},c.createElement("div",{style:f.black,className:"saturation-black"}),c.createElement("div",{style:f.pointer},this.props.pointer?c.createElement(this.props.pointer,this.props):c.createElement("div",{style:f.circle}))))}}]),e}(c.PureComponent||c.Component);function h0(r,e){for(var t=-1,n=r==null?0:r.length;++t<n&&e(r[t],t,r)!==!1;);return r}var d0=fc(Object.keys,Object),g0=Object.prototype,v0=g0.hasOwnProperty;function b0(r){if(!hi(r))return d0(r);var e=[];for(var t in Object(r))v0.call(r,t)&&t!="constructor"&&e.push(t);return e}function bi(r){return We(r)?bc(r):b0(r)}function y0(r,e){return r&&uc(r,e,bi)}function m0(r,e){return function(t,n){if(t==null)return t;if(!We(t))return r(t,n);for(var a=t.length,i=-1,o=Object(t);++i<a&&n(o[i],i,o)!==!1;);return t}}var _c=m0(y0);function x0(r){return typeof r=="function"?r:jr}function _0(r,e){var t=z(r)?h0:_c;return t(r,x0(e))}function Sr(r){"@babel/helpers - typeof";return Sr=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Sr(r)}var w0=/^\s+/,S0=/\s+$/;function _(r,e){if(r=r||"",e=e||{},r instanceof _)return r;if(!(this instanceof _))return new _(r,e);var t=C0(r);this._originalInput=r,this._r=t.r,this._g=t.g,this._b=t.b,this._a=t.a,this._roundA=Math.round(100*this._a)/100,this._format=e.format||t.format,this._gradientType=e.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)),this._ok=t.ok}_.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(e.r*299+e.g*587+e.b*114)/1e3},getLuminance:function(){var e=this.toRgb(),t,n,a,i,o,s;return t=e.r/255,n=e.g/255,a=e.b/255,t<=.03928?i=t/12.92:i=Math.pow((t+.055)/1.055,2.4),n<=.03928?o=n/12.92:o=Math.pow((n+.055)/1.055,2.4),a<=.03928?s=a/12.92:s=Math.pow((a+.055)/1.055,2.4),.2126*i+.7152*o+.0722*s},setAlpha:function(e){return this._a=wc(e),this._roundA=Math.round(100*this._a)/100,this},toHsv:function(){var e=uu(this._r,this._g,this._b);return{h:e.h*360,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=uu(this._r,this._g,this._b),t=Math.round(e.h*360),n=Math.round(e.s*100),a=Math.round(e.v*100);return this._a==1?"hsv("+t+", "+n+"%, "+a+"%)":"hsva("+t+", "+n+"%, "+a+"%, "+this._roundA+")"},toHsl:function(){var e=lu(this._r,this._g,this._b);return{h:e.h*360,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=lu(this._r,this._g,this._b),t=Math.round(e.h*360),n=Math.round(e.s*100),a=Math.round(e.l*100);return this._a==1?"hsl("+t+", "+n+"%, "+a+"%)":"hsla("+t+", "+n+"%, "+a+"%, "+this._roundA+")"},toHex:function(e){return cu(this._r,this._g,this._b,e)},toHexString:function(e){return"#"+this.toHex(e)},toHex8:function(e){return O0(this._r,this._g,this._b,this._a,e)},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 this._a==1?"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(j(this._r,255)*100)+"%",g:Math.round(j(this._g,255)*100)+"%",b:Math.round(j(this._b,255)*100)+"%",a:this._a}},toPercentageRgbString:function(){return this._a==1?"rgb("+Math.round(j(this._r,255)*100)+"%, "+Math.round(j(this._g,255)*100)+"%, "+Math.round(j(this._b,255)*100)+"%)":"rgba("+Math.round(j(this._r,255)*100)+"%, "+Math.round(j(this._g,255)*100)+"%, "+Math.round(j(this._b,255)*100)+"%, "+this._roundA+")"},toName:function(){return this._a===0?"transparent":this._a<1?!1:L0[cu(this._r,this._g,this._b,!0)]||!1},toFilter:function(e){var t="#"+fu(this._r,this._g,this._b,this._a),n=t,a=this._gradientType?"GradientType = 1, ":"";if(e){var i=_(e);n="#"+fu(i._r,i._g,i._b,i._a)}return"progid:DXImageTransform.Microsoft.gradient("+a+"startColorstr="+t+",endColorstr="+n+")"},toString:function(e){var t=!!e;e=e||this._format;var n=!1,a=this._a<1&&this._a>=0,i=!t&&a&&(e==="hex"||e==="hex6"||e==="hex3"||e==="hex4"||e==="hex8"||e==="name");return i?e==="name"&&this._a===0?this.toName():this.toRgbString():(e==="rgb"&&(n=this.toRgbString()),e==="prgb"&&(n=this.toPercentageRgbString()),(e==="hex"||e==="hex6")&&(n=this.toHexString()),e==="hex3"&&(n=this.toHexString(!0)),e==="hex4"&&(n=this.toHex8String(!0)),e==="hex8"&&(n=this.toHex8String()),e==="name"&&(n=this.toName()),e==="hsl"&&(n=this.toHslString()),e==="hsv"&&(n=this.toHsvString()),n||this.toHexString())},clone:function(){return _(this.toString())},_applyModification:function(e,t){var n=e.apply(null,[this].concat([].slice.call(t)));return this._r=n._r,this._g=n._g,this._b=n._b,this.setAlpha(n._a),this},lighten:function(){return this._applyModification(M0,arguments)},brighten:function(){return this._applyModification(I0,arguments)},darken:function(){return this._applyModification(F0,arguments)},desaturate:function(){return this._applyModification(R0,arguments)},saturate:function(){return this._applyModification(P0,arguments)},greyscale:function(){return this._applyModification(q0,arguments)},spin:function(){return this._applyModification(j0,arguments)},_applyCombination:function(e,t){return e.apply(null,[this].concat([].slice.call(t)))},analogous:function(){return this._applyCombination(D0,arguments)},complement:function(){return this._applyCombination(B0,arguments)},monochromatic:function(){return this._applyCombination(H0,arguments)},splitcomplement:function(){return this._applyCombination(k0,arguments)},triad:function(){return this._applyCombination(pu,[3])},tetrad:function(){return this._applyCombination(pu,[4])}};_.fromRatio=function(r,e){if(Sr(r)=="object"){var t={};for(var n in r)r.hasOwnProperty(n)&&(n==="a"?t[n]=r[n]:t[n]=rr(r[n]));r=t}return _(r,e)};function C0(r){var e={r:0,g:0,b:0},t=1,n=null,a=null,i=null,o=!1,s=!1;return typeof r=="string"&&(r=z0(r)),Sr(r)=="object"&&(J(r.r)&&J(r.g)&&J(r.b)?(e=E0(r.r,r.g,r.b),o=!0,s=String(r.r).substr(-1)==="%"?"prgb":"rgb"):J(r.h)&&J(r.s)&&J(r.v)?(n=rr(r.s),a=rr(r.v),e=A0(r.h,n,a),o=!0,s="hsv"):J(r.h)&&J(r.s)&&J(r.l)&&(n=rr(r.s),i=rr(r.l),e=T0(r.h,n,i),o=!0,s="hsl"),r.hasOwnProperty("a")&&(t=r.a)),t=wc(t),{ok:o,format:r.format||s,r:Math.min(255,Math.max(e.r,0)),g:Math.min(255,Math.max(e.g,0)),b:Math.min(255,Math.max(e.b,0)),a:t}}function E0(r,e,t){return{r:j(r,255)*255,g:j(e,255)*255,b:j(t,255)*255}}function lu(r,e,t){r=j(r,255),e=j(e,255),t=j(t,255);var n=Math.max(r,e,t),a=Math.min(r,e,t),i,o,s=(n+a)/2;if(n==a)i=o=0;else{var l=n-a;switch(o=s>.5?l/(2-n-a):l/(n+a),n){case r:i=(e-t)/l+(e<t?6:0);break;case e:i=(t-r)/l+2;break;case t:i=(r-e)/l+4;break}i/=6}return{h:i,s:o,l:s}}function T0(r,e,t){var n,a,i;r=j(r,360),e=j(e,100),t=j(t,100);function o(u,f,p){return p<0&&(p+=1),p>1&&(p-=1),p<1/6?u+(f-u)*6*p:p<1/2?f:p<2/3?u+(f-u)*(2/3-p)*6:u}if(e===0)n=a=i=t;else{var s=t<.5?t*(1+e):t+e-t*e,l=2*t-s;n=o(l,s,r+1/3),a=o(l,s,r),i=o(l,s,r-1/3)}return{r:n*255,g:a*255,b:i*255}}function uu(r,e,t){r=j(r,255),e=j(e,255),t=j(t,255);var n=Math.max(r,e,t),a=Math.min(r,e,t),i,o,s=n,l=n-a;if(o=n===0?0:l/n,n==a)i=0;else{switch(n){case r:i=(e-t)/l+(e<t?6:0);break;case e:i=(t-r)/l+2;break;case t:i=(r-e)/l+4;break}i/=6}return{h:i,s:o,v:s}}function A0(r,e,t){r=j(r,360)*6,e=j(e,100),t=j(t,100);var n=Math.floor(r),a=r-n,i=t*(1-e),o=t*(1-a*e),s=t*(1-(1-a)*e),l=n%6,u=[t,o,i,i,s,t][l],f=[s,t,t,o,i,i][l],p=[i,i,s,t,t,o][l];return{r:u*255,g:f*255,b:p*255}}function cu(r,e,t,n){var a=[W(Math.round(r).toString(16)),W(Math.round(e).toString(16)),W(Math.round(t).toString(16))];return n&&a[0].charAt(0)==a[0].charAt(1)&&a[1].charAt(0)==a[1].charAt(1)&&a[2].charAt(0)==a[2].charAt(1)?a[0].charAt(0)+a[1].charAt(0)+a[2].charAt(0):a.join("")}function O0(r,e,t,n,a){var i=[W(Math.round(r).toString(16)),W(Math.round(e).toString(16)),W(Math.round(t).toString(16)),W(Sc(n))];return a&&i[0].charAt(0)==i[0].charAt(1)&&i[1].charAt(0)==i[1].charAt(1)&&i[2].charAt(0)==i[2].charAt(1)&&i[3].charAt(0)==i[3].charAt(1)?i[0].charAt(0)+i[1].charAt(0)+i[2].charAt(0)+i[3].charAt(0):i.join("")}function fu(r,e,t,n){var a=[W(Sc(n)),W(Math.round(r).toString(16)),W(Math.round(e).toString(16)),W(Math.round(t).toString(16))];return a.join("")}_.equals=function(r,e){return!r||!e?!1:_(r).toRgbString()==_(e).toRgbString()};_.random=function(){return _.fromRatio({r:Math.random(),g:Math.random(),b:Math.random()})};function R0(r,e){e=e===0?0:e||10;var t=_(r).toHsl();return t.s-=e/100,t.s=Dr(t.s),_(t)}function P0(r,e){e=e===0?0:e||10;var t=_(r).toHsl();return t.s+=e/100,t.s=Dr(t.s),_(t)}function q0(r){return _(r).desaturate(100)}function M0(r,e){e=e===0?0:e||10;var t=_(r).toHsl();return t.l+=e/100,t.l=Dr(t.l),_(t)}function I0(r,e){e=e===0?0:e||10;var t=_(r).toRgb();return t.r=Math.max(0,Math.min(255,t.r-Math.round(255*-(e/100)))),t.g=Math.max(0,Math.min(255,t.g-Math.round(255*-(e/100)))),t.b=Math.max(0,Math.min(255,t.b-Math.round(255*-(e/100)))),_(t)}function F0(r,e){e=e===0?0:e||10;var t=_(r).toHsl();return t.l-=e/100,t.l=Dr(t.l),_(t)}function j0(r,e){var t=_(r).toHsl(),n=(t.h+e)%360;return t.h=n<0?360+n:n,_(t)}function B0(r){var e=_(r).toHsl();return e.h=(e.h+180)%360,_(e)}function pu(r,e){if(isNaN(e)||e<=0)throw new Error("Argument to polyad must be a positive number");for(var t=_(r).toHsl(),n=[_(r)],a=360/e,i=1;i<e;i++)n.push(_({h:(t.h+i*a)%360,s:t.s,l:t.l}));return n}function k0(r){var e=_(r).toHsl(),t=e.h;return[_(r),_({h:(t+72)%360,s:e.s,l:e.l}),_({h:(t+216)%360,s:e.s,l:e.l})]}function D0(r,e,t){e=e||6,t=t||30;var n=_(r).toHsl(),a=360/t,i=[_(r)];for(n.h=(n.h-(a*e>>1)+720)%360;--e;)n.h=(n.h+a)%360,i.push(_(n));return i}function H0(r,e){e=e||6;for(var t=_(r).toHsv(),n=t.h,a=t.s,i=t.v,o=[],s=1/e;e--;)o.push(_({h:n,s:a,v:i})),i=(i+s)%1;return o}_.mix=function(r,e,t){t=t===0?0:t||50;var n=_(r).toRgb(),a=_(e).toRgb(),i=t/100,o={r:(a.r-n.r)*i+n.r,g:(a.g-n.g)*i+n.g,b:(a.b-n.b)*i+n.b,a:(a.a-n.a)*i+n.a};return _(o)};_.readability=function(r,e){var t=_(r),n=_(e);return(Math.max(t.getLuminance(),n.getLuminance())+.05)/(Math.min(t.getLuminance(),n.getLuminance())+.05)};_.isReadable=function(r,e,t){var n=_.readability(r,e),a,i;switch(i=!1,a=U0(t),a.level+a.size){case"AAsmall":case"AAAlarge":i=n>=4.5;break;case"AAlarge":i=n>=3;break;case"AAAsmall":i=n>=7;break}return i};_.mostReadable=function(r,e,t){var n=null,a=0,i,o,s,l;t=t||{},o=t.includeFallbackColors,s=t.level,l=t.size;for(var u=0;u<e.length;u++)i=_.readability(r,e[u]),i>a&&(a=i,n=_(e[u]));return _.isReadable(r,n,{level:s,size:l})||!o?n:(t.includeFallbackColors=!1,_.mostReadable(r,["#fff","#000"],t))};var Na=_.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"},L0=_.hexNames=$0(Na);function $0(r){var e={};for(var t in r)r.hasOwnProperty(t)&&(e[r[t]]=t);return e}function wc(r){return r=parseFloat(r),(isNaN(r)||r<0||r>1)&&(r=1),r}function j(r,e){N0(r)&&(r="100%");var t=G0(r);return r=Math.min(e,Math.max(0,parseFloat(r))),t&&(r=parseInt(r*e,10)/100),Math.abs(r-e)<1e-6?1:r%e/parseFloat(e)}function Dr(r){return Math.min(1,Math.max(0,r))}function G(r){return parseInt(r,16)}function N0(r){return typeof r=="string"&&r.indexOf(".")!=-1&&parseFloat(r)===1}function G0(r){return typeof r=="string"&&r.indexOf("%")!=-1}function W(r){return r.length==1?"0"+r:""+r}function rr(r){return r<=1&&(r=r*100+"%"),r}function Sc(r){return Math.round(parseFloat(r)*255).toString(16)}function hu(r){return G(r)/255}var K=function(){var r="[-\\+]?\\d+%?",e="[-\\+]?\\d*\\.\\d+%?",t="(?:"+e+")|(?:"+r+")",n="[\\s|\\(]+("+t+")[,|\\s]+("+t+")[,|\\s]+("+t+")\\s*\\)?",a="[\\s|\\(]+("+t+")[,|\\s]+("+t+")[,|\\s]+("+t+")[,|\\s]+("+t+")\\s*\\)?";return{CSS_UNIT:new RegExp(t),rgb:new RegExp("rgb"+n),rgba:new RegExp("rgba"+a),hsl:new RegExp("hsl"+n),hsla:new RegExp("hsla"+a),hsv:new RegExp("hsv"+n),hsva:new RegExp("hsva"+a),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 J(r){return!!K.CSS_UNIT.exec(r)}function z0(r){r=r.replace(w0,"").replace(S0,"").toLowerCase();var e=!1;if(Na[r])r=Na[r],e=!0;else if(r=="transparent")return{r:0,g:0,b:0,a:0,format:"name"};var t;return(t=K.rgb.exec(r))?{r:t[1],g:t[2],b:t[3]}:(t=K.rgba.exec(r))?{r:t[1],g:t[2],b:t[3],a:t[4]}:(t=K.hsl.exec(r))?{h:t[1],s:t[2],l:t[3]}:(t=K.hsla.exec(r))?{h:t[1],s:t[2],l:t[3],a:t[4]}:(t=K.hsv.exec(r))?{h:t[1],s:t[2],v:t[3]}:(t=K.hsva.exec(r))?{h:t[1],s:t[2],v:t[3],a:t[4]}:(t=K.hex8.exec(r))?{r:G(t[1]),g:G(t[2]),b:G(t[3]),a:hu(t[4]),format:e?"name":"hex8"}:(t=K.hex6.exec(r))?{r:G(t[1]),g:G(t[2]),b:G(t[3]),format:e?"name":"hex"}:(t=K.hex4.exec(r))?{r:G(t[1]+""+t[1]),g:G(t[2]+""+t[2]),b:G(t[3]+""+t[3]),a:hu(t[4]+""+t[4]),format:e?"name":"hex8"}:(t=K.hex3.exec(r))?{r:G(t[1]+""+t[1]),g:G(t[2]+""+t[2]),b:G(t[3]+""+t[3]),format:e?"name":"hex"}:!1}function U0(r){var e,t;return r=r||{level:"AA",size:"small"},e=(r.level||"AA").toUpperCase(),t=(r.size||"small").toLowerCase(),e!=="AA"&&e!=="AAA"&&(e="AA"),t!=="small"&&t!=="large"&&(t="small"),{level:e,size:t}}var du=function(e){var t=["r","g","b","a","h","s","l","v"],n=0,a=0;return _0(t,function(i){if(e[i]&&(n+=1,isNaN(e[i])||(a+=1),i==="s"||i==="l")){var o=/^\d+%$/;o.test(e[i])&&(a+=1)}}),n===a?e:!1},tr=function(e,t){var n=e.hex?_(e.hex):_(e),a=n.toHsl(),i=n.toHsv(),o=n.toRgb(),s=n.toHex();a.s===0&&(a.h=t||0,i.h=t||0);var l=s==="000000"&&o.a===0;return{hsl:a,hex:l?"transparent":"#"+s,rgb:o,hsv:i,oldHue:e.h||t||a.h,source:e.source}},se=function(e){if(e==="transparent")return!0;var t=String(e).charAt(0)==="#"?1:0;return e.length!==4+t&&e.length<7+t&&_(e).isValid()},yi=function(e){if(!e)return"#fff";var t=tr(e);if(t.hex==="transparent")return"rgba(0,0,0,0.4)";var n=(t.rgb.r*299+t.rgb.g*587+t.rgb.b*114)/1e3;return n>=128?"#000":"#fff"},Da=function(e,t){var n=e.replace("°","");return _(t+" ("+n+")")._ok},Ye=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},K0=function(){function r(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}}();function W0(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}function V0(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:r}function X0(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);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)}var $=function(e){var t=function(n){X0(a,n);function a(i){W0(this,a);var o=V0(this,(a.__proto__||Object.getPrototypeOf(a)).call(this));return o.handleChange=function(s,l){var u=du(s);if(u){var f=tr(s,s.h||o.state.oldHue);o.setState(f),o.props.onChangeComplete&&o.debounce(o.props.onChangeComplete,f,l),o.props.onChange&&o.props.onChange(f,l)}},o.handleSwatchHover=function(s,l){var u=du(s);if(u){var f=tr(s,s.h||o.state.oldHue);o.props.onSwatchHover&&o.props.onSwatchHover(f,l)}},o.state=Ye({},tr(i.color,0)),o.debounce=xc(function(s,l,u){s(l,u)},100),o}return K0(a,[{key:"render",value:function(){var o={};return this.props.onSwatchHover&&(o.onSwatchHover=this.handleSwatchHover),c.createElement(e,Ye({},this.props,this.state,{onChange:this.handleChange},o))}}],[{key:"getDerivedStateFromProps",value:function(o,s){return Ye({},tr(o.color,s.oldHue))}}]),a}(c.PureComponent||c.Component);return t.propTypes=Ye({},e.propTypes),t.defaultProps=Ye({},e.defaultProps,{color:{h:250,s:.5,l:.2,a:1}}),t},Y0=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},Z0=function(){function r(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}}();function J0(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}function gu(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:r}function Q0(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);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)}var ev=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"span";return function(n){Q0(a,n);function a(){var i,o,s,l;J0(this,a);for(var u=arguments.length,f=Array(u),p=0;p<u;p++)f[p]=arguments[p];return l=(o=(s=gu(this,(i=a.__proto__||Object.getPrototypeOf(a)).call.apply(i,[this].concat(f))),s),s.state={focus:!1},s.handleFocus=function(){return s.setState({focus:!0})},s.handleBlur=function(){return s.setState({focus:!1})},o),gu(s,l)}return Z0(a,[{key:"render",value:function(){return c.createElement(t,{onFocus:this.handleFocus,onBlur:this.handleBlur},c.createElement(e,Y0({},this.props,this.state)))}}]),a}(c.Component)},vu=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},rv=13,tv=function(e){var t=e.color,n=e.style,a=e.onClick,i=a===void 0?function(){}:a,o=e.onHover,s=e.title,l=s===void 0?t:s,u=e.children,f=e.focus,p=e.focusStyle,h=p===void 0?{}:p,d=t==="transparent",v=C({default:{swatch:vu({background:t,height:"100%",width:"100%",cursor:"pointer",position:"relative",outline:"none"},n,f?h:{})}}),g=function(S){return i(t,S)},b=function(S){return S.keyCode===rv&&i(t,S)},m=function(S){return o(t,S)},x={};return o&&(x.onMouseOver=m),c.createElement("div",vu({style:v.swatch,onClick:g,title:l,tabIndex:0,onKeyDown:b},x),u,d&&c.createElement(Ue,{borderRadius:v.swatch.borderRadius,boxShadow:"inset 0 0 0 1px rgba(0,0,0,0.1)"}))};const ge=ev(tv);var nv=function(e){var t=e.direction,n=C({default:{picker:{width:"18px",height:"18px",borderRadius:"50%",transform:"translate(-9px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}},vertical:{picker:{transform:"translate(-3px, -9px)"}}},{vertical:t==="vertical"});return c.createElement("div",{style:n.picker})},av=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},Cc=function(e){var t=e.rgb,n=e.hsl,a=e.width,i=e.height,o=e.onChange,s=e.direction,l=e.style,u=e.renderers,f=e.pointer,p=e.className,h=p===void 0?"":p,d=C({default:{picker:{position:"relative",width:a,height:i},alpha:{radius:"2px",style:l}}});return c.createElement("div",{style:d.picker,className:"alpha-picker "+h},c.createElement(ci,av({},d.alpha,{rgb:t,hsl:n,pointer:f,renderers:u,onChange:o,direction:s})))};Cc.defaultProps={width:"316px",height:"16px",direction:"horizontal",pointer:nv};$(Cc);function Ec(r,e){for(var t=-1,n=r==null?0:r.length,a=Array(n);++t<n;)a[t]=e(r[t],t,r);return a}var iv="__lodash_hash_undefined__";function ov(r){return this.__data__.set(r,iv),this}function sv(r){return this.__data__.has(r)}function Cr(r){var e=-1,t=r==null?0:r.length;for(this.__data__=new re;++e<t;)this.add(r[e])}Cr.prototype.add=Cr.prototype.push=ov;Cr.prototype.has=sv;function lv(r,e){for(var t=-1,n=r==null?0:r.length;++t<n;)if(e(r[t],t,r))return!0;return!1}function uv(r,e){return r.has(e)}var cv=1,fv=2;function Tc(r,e,t,n,a,i){var o=t&cv,s=r.length,l=e.length;if(s!=l&&!(o&&l>s))return!1;var u=i.get(r),f=i.get(e);if(u&&f)return u==e&&f==r;var p=-1,h=!0,d=t&fv?new Cr:void 0;for(i.set(r,e),i.set(e,r);++p<s;){var v=r[p],g=e[p];if(n)var b=o?n(g,v,p,e,r,i):n(v,g,p,r,e,i);if(b!==void 0){if(b)continue;h=!1;break}if(d){if(!lv(e,function(m,x){if(!uv(d,x)&&(v===m||a(v,m,t,n,i)))return d.push(x)})){h=!1;break}}else if(!(v===g||a(v,g,t,n,i))){h=!1;break}}return i.delete(r),i.delete(e),h}function pv(r){var e=-1,t=Array(r.size);return r.forEach(function(n,a){t[++e]=[a,n]}),t}function hv(r){var e=-1,t=Array(r.size);return r.forEach(function(n){t[++e]=n}),t}var dv=1,gv=2,vv="[object Boolean]",bv="[object Date]",yv="[object Error]",mv="[object Map]",xv="[object Number]",_v="[object RegExp]",wv="[object Set]",Sv="[object String]",Cv="[object Symbol]",Ev="[object ArrayBuffer]",Tv="[object DataView]",bu=ie?ie.prototype:void 0,Ha=bu?bu.valueOf:void 0;function Av(r,e,t,n,a,i,o){switch(t){case Tv:if(r.byteLength!=e.byteLength||r.byteOffset!=e.byteOffset)return!1;r=r.buffer,e=e.buffer;case Ev:return!(r.byteLength!=e.byteLength||!i(new xr(r),new xr(e)));case vv:case bv:case xv:return ur(+r,+e);case yv:return r.name==e.name&&r.message==e.message;case _v:case Sv:return r==e+"";case mv:var s=pv;case wv:var l=n&dv;if(s||(s=hv),r.size!=e.size&&!l)return!1;var u=o.get(r);if(u)return u==e;n|=gv,o.set(r,e);var f=Tc(s(r),s(e),n,a,i,o);return o.delete(r),f;case Cv:if(Ha)return Ha.call(r)==Ha.call(e)}return!1}function Ov(r,e){for(var t=-1,n=e.length,a=r.length;++t<n;)r[a+t]=e[t];return r}function Rv(r,e,t){var n=e(r);return z(r)?n:Ov(n,t(r))}function Pv(r,e){for(var t=-1,n=r==null?0:r.length,a=0,i=[];++t<n;){var o=r[t];e(o,t,r)&&(i[a++]=o)}return i}function qv(){return[]}var Mv=Object.prototype,Iv=Mv.propertyIsEnumerable,yu=Object.getOwnPropertySymbols,Fv=yu?function(r){return r==null?[]:(r=Object(r),Pv(yu(r),function(e){return Iv.call(r,e)}))}:qv;function mu(r){return Rv(r,bi,Fv)}var jv=1,Bv=Object.prototype,kv=Bv.hasOwnProperty;function Dv(r,e,t,n,a,i){var o=t&jv,s=mu(r),l=s.length,u=mu(e),f=u.length;if(l!=f&&!o)return!1;for(var p=l;p--;){var h=s[p];if(!(o?h in e:kv.call(e,h)))return!1}var d=i.get(r),v=i.get(e);if(d&&v)return d==e&&v==r;var g=!0;i.set(r,e),i.set(e,r);for(var b=o;++p<l;){h=s[p];var m=r[h],x=e[h];if(n)var T=o?n(x,m,h,e,r,i):n(m,x,h,r,e,i);if(!(T===void 0?m===x||a(m,x,t,n,i):T)){g=!1;break}b||(b=h=="constructor")}if(g&&!b){var S=r.constructor,R=e.constructor;S!=R&&"constructor"in r&&"constructor"in e&&!(typeof S=="function"&&S instanceof S&&typeof R=="function"&&R instanceof R)&&(g=!1)}return i.delete(r),i.delete(e),g}var Ga=de(X,"DataView"),za=de(X,"Promise"),Ua=de(X,"Set"),Ka=de(X,"WeakMap"),xu="[object Map]",Hv="[object Object]",_u="[object Promise]",wu="[object Set]",Su="[object WeakMap]",Cu="[object DataView]",Lv=he(Ga),$v=he(ir),Nv=he(za),Gv=he(Ua),zv=he(Ka),ae=pe;(Ga&&ae(new Ga(new ArrayBuffer(1)))!=Cu||ir&&ae(new ir)!=xu||za&&ae(za.resolve())!=_u||Ua&&ae(new Ua)!=wu||Ka&&ae(new Ka)!=Su)&&(ae=function(r){var e=pe(r),t=e==Hv?r.constructor:void 0,n=t?he(t):"";if(n)switch(n){case Lv:return Cu;case $v:return xu;case Nv:return _u;case Gv:return wu;case zv:return Su}return e});var Uv=1,Eu="[object Arguments]",Tu="[object Array]",vr="[object Object]",Kv=Object.prototype,Au=Kv.hasOwnProperty;function Wv(r,e,t,n,a,i){var o=z(r),s=z(e),l=o?Tu:ae(r),u=s?Tu:ae(e);l=l==Eu?vr:l,u=u==Eu?vr:u;var f=l==vr,p=u==vr,h=l==u;if(h&&wr(r)){if(!wr(e))return!1;o=!0,f=!1}if(h&&!f)return i||(i=new Y),o||gi(r)?Tc(r,e,t,n,a,i):Av(r,e,l,t,n,a,i);if(!(t&Uv)){var d=f&&Au.call(r,"__wrapped__"),v=p&&Au.call(e,"__wrapped__");if(d||v){var g=d?r.value():r,b=v?e.value():e;return i||(i=new Y),a(g,b,t,n,i)}}return h?(i||(i=new Y),Dv(r,e,t,n,a,i)):!1}function mi(r,e,t,n,a){return r===e?!0:r==null||e==null||!oe(r)&&!oe(e)?r!==r&&e!==e:Wv(r,e,t,n,mi,a)}var Vv=1,Xv=2;function Yv(r,e,t,n){var a=t.length,i=a;if(r==null)return!i;for(r=Object(r);a--;){var o=t[a];if(o[2]?o[1]!==r[o[0]]:!(o[0]in r))return!1}for(;++a<i;){o=t[a];var s=o[0],l=r[s],u=o[1];if(o[2]){if(l===void 0&&!(s in r))return!1}else{var f=new Y,p;if(!(p===void 0?mi(u,l,Vv|Xv,n,f):p))return!1}}return!0}function Ac(r){return r===r&&!U(r)}function Zv(r){for(var e=bi(r),t=e.length;t--;){var n=e[t],a=r[n];e[t]=[n,a,Ac(a)]}return e}function Oc(r,e){return function(t){return t==null?!1:t[r]===e&&(e!==void 0||r in Object(t))}}function Jv(r){var e=Zv(r);return e.length==1&&e[0][2]?Oc(e[0][0],e[0][1]):function(t){return t===r||Yv(t,r,e)}}var Qv=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,eb=/^\w*$/;function xi(r,e){if(z(r))return!1;var t=typeof r;return t=="number"||t=="symbol"||t=="boolean"||r==null||Br(r)?!0:eb.test(r)||!Qv.test(r)||e!=null&&r in Object(e)}var rb="Expected a function";function _i(r,e){if(typeof r!="function"||e!=null&&typeof e!="function")throw new TypeError(rb);var t=function(){var n=arguments,a=e?e.apply(this,n):n[0],i=t.cache;if(i.has(a))return i.get(a);var o=r.apply(this,n);return t.cache=i.set(a,o)||i,o};return t.cache=new(_i.Cache||re),t}_i.Cache=re;var tb=500;function nb(r){var e=_i(r,function(n){return t.size===tb&&t.clear(),n}),t=e.cache;return e}var ab=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,ib=/\\(\\)?/g,ob=nb(function(r){var e=[];return r.charCodeAt(0)===46&&e.push(""),r.replace(ab,function(t,n,a,i){e.push(a?i.replace(ib,"$1"):n||t)}),e}),Ou=ie?ie.prototype:void 0,Ru=Ou?Ou.toString:void 0;function Rc(r){if(typeof r=="string")return r;if(z(r))return Ec(r,Rc)+"";if(Br(r))return Ru?Ru.call(r):"";var e=r+"";return e=="0"&&1/r==-1/0?"-0":e}function sb(r){return r==null?"":Rc(r)}function Pc(r,e){return z(r)?r:xi(r,e)?[r]:ob(sb(r))}function Hr(r){if(typeof r=="string"||Br(r))return r;var e=r+"";return e=="0"&&1/r==-1/0?"-0":e}function qc(r,e){e=Pc(e,r);for(var t=0,n=e.length;r!=null&&t<n;)r=r[Hr(e[t++])];return t&&t==n?r:void 0}function lb(r,e,t){var n=r==null?void 0:qc(r,e);return n===void 0?t:n}function ub(r,e){return r!=null&&e in Object(r)}function cb(r,e,t){e=Pc(e,r);for(var n=-1,a=e.length,i=!1;++n<a;){var o=Hr(e[n]);if(!(i=r!=null&&t(r,o)))break;r=r[o]}return i||++n!=a?i:(a=r==null?0:r.length,!!a&&di(a)&&vi(o,a)&&(z(r)||_r(r)))}function fb(r,e){return r!=null&&cb(r,e,ub)}var pb=1,hb=2;function db(r,e){return xi(r)&&Ac(e)?Oc(Hr(r),e):function(t){var n=lb(t,r);return n===void 0&&n===e?fb(t,r):mi(e,n,pb|hb)}}function gb(r){return function(e){return e==null?void 0:e[r]}}function vb(r){return function(e){return qc(e,r)}}function bb(r){return xi(r)?gb(Hr(r)):vb(r)}function yb(r){return typeof r=="function"?r:r==null?jr:typeof r=="object"?z(r)?db(r[0],r[1]):Jv(r):bb(r)}function mb(r,e){var t=-1,n=We(r)?Array(r.length):[];return _c(r,function(a,i,o){n[++t]=e(a,i,o)}),n}function ve(r,e){var t=z(r)?Ec:mb;return t(r,yb(e))}var xb=function(e){var t=e.colors,n=e.onClick,a=e.onSwatchHover,i=C({default:{swatches:{marginRight:"-10px"},swatch:{width:"22px",height:"22px",float:"left",marginRight:"10px",marginBottom:"10px",borderRadius:"4px"},clear:{clear:"both"}}});return c.createElement("div",{style:i.swatches},ve(t,function(o){return c.createElement(ge,{key:o,color:o,style:i.swatch,onClick:n,onHover:a,focusStyle:{boxShadow:"0 0 4px "+o}})}),c.createElement("div",{style:i.clear}))},wi=function(e){var t=e.onChange,n=e.onSwatchHover,a=e.hex,i=e.colors,o=e.width,s=e.triangle,l=e.styles,u=l===void 0?{}:l,f=e.className,p=f===void 0?"":f,h=a==="transparent",d=function(b,m){se(b)&&t({hex:b,source:"hex"},m)},v=C(L({default:{card:{width:o,background:"#fff",boxShadow:"0 1px rgba(0,0,0,.1)",borderRadius:"6px",position:"relative"},head:{height:"110px",background:a,borderRadius:"6px 6px 0 0",display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},body:{padding:"10px"},label:{fontSize:"18px",color:yi(a),position:"relative"},triangle:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 10px 10px 10px",borderColor:"transparent transparent "+a+" 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"}}},u),{"hide-triangle":s==="hide"});return c.createElement("div",{style:v.card,className:"block-picker "+p},c.createElement("div",{style:v.triangle}),c.createElement("div",{style:v.head},h&&c.createElement(Ue,{borderRadius:"6px 6px 0 0"}),c.createElement("div",{style:v.label},a)),c.createElement("div",{style:v.body},c.createElement(xb,{colors:i,onClick:d,onSwatchHover:n}),c.createElement(O,{style:{input:v.input},value:a,onChange:d})))};wi.propTypes={width:y.PropTypes.oneOfType([y.PropTypes.string,y.PropTypes.number]),colors:y.PropTypes.arrayOf(y.PropTypes.string),triangle:y.PropTypes.oneOf(["top","hide"]),styles:y.PropTypes.object};wi.defaultProps={width:170,colors:["#D9E3F0","#F47373","#697689","#37D67A","#2CCCE4","#555555","#dce775","#ff8a65","#ba68c8"],triangle:"top",styles:{}};$(wi);var Ae={100:"#ffcdd2",300:"#e57373",500:"#f44336",700:"#d32f2f",900:"#b71c1c"},Oe={100:"#f8bbd0",300:"#f06292",500:"#e91e63",700:"#c2185b",900:"#880e4f"},Re={100:"#e1bee7",300:"#ba68c8",500:"#9c27b0",700:"#7b1fa2",900:"#4a148c"},Pe={100:"#d1c4e9",300:"#9575cd",500:"#673ab7",700:"#512da8",900:"#311b92"},qe={100:"#c5cae9",300:"#7986cb",500:"#3f51b5",700:"#303f9f",900:"#1a237e"},Me={100:"#bbdefb",300:"#64b5f6",500:"#2196f3",700:"#1976d2",900:"#0d47a1"},Ie={100:"#b3e5fc",300:"#4fc3f7",500:"#03a9f4",700:"#0288d1",900:"#01579b"},Fe={100:"#b2ebf2",300:"#4dd0e1",500:"#00bcd4",700:"#0097a7",900:"#006064"},je={100:"#b2dfdb",300:"#4db6ac",500:"#009688",700:"#00796b",900:"#004d40"},nr={100:"#c8e6c9",300:"#81c784",500:"#4caf50",700:"#388e3c"},Be={100:"#dcedc8",300:"#aed581",500:"#8bc34a",700:"#689f38",900:"#33691e"},ke={100:"#f0f4c3",300:"#dce775",500:"#cddc39",700:"#afb42b",900:"#827717"},De={100:"#fff9c4",300:"#fff176",500:"#ffeb3b",700:"#fbc02d",900:"#f57f17"},He={100:"#ffecb3",300:"#ffd54f",500:"#ffc107",700:"#ffa000",900:"#ff6f00"},Le={100:"#ffe0b2",300:"#ffb74d",500:"#ff9800",700:"#f57c00",900:"#e65100"},$e={100:"#ffccbc",300:"#ff8a65",500:"#ff5722",700:"#e64a19",900:"#bf360c"},Ne={100:"#d7ccc8",300:"#a1887f",500:"#795548",700:"#5d4037",900:"#3e2723"},Ge={100:"#cfd8dc",300:"#90a4ae",500:"#607d8b",700:"#455a64",900:"#263238"},Mc=function(e){var t=e.color,n=e.onClick,a=e.onSwatchHover,i=e.hover,o=e.active,s=e.circleSize,l=e.circleSpacing,u=C({default:{swatch:{width:s,height:s,marginRight:l,marginBottom:l,transform:"scale(1)",transition:"100ms transform ease"},Swatch:{borderRadius:"50%",background:"transparent",boxShadow:"inset 0 0 0 "+(s/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:i,active:o});return c.createElement("div",{style:u.swatch},c.createElement(ge,{style:u.Swatch,color:t,onClick:n,onHover:a,focusStyle:{boxShadow:u.Swatch.boxShadow+", 0 0 5px "+t}}))};Mc.defaultProps={circleSize:28,circleSpacing:14};const _b=ui.handleHover(Mc);var Si=function(e){var t=e.width,n=e.onChange,a=e.onSwatchHover,i=e.colors,o=e.hex,s=e.circleSize,l=e.styles,u=l===void 0?{}:l,f=e.circleSpacing,p=e.className,h=p===void 0?"":p,d=C(L({default:{card:{width:t,display:"flex",flexWrap:"wrap",marginRight:-f,marginBottom:-f}}},u)),v=function(b,m){return n({hex:b,source:"hex"},m)};return c.createElement("div",{style:d.card,className:"circle-picker "+h},ve(i,function(g){return c.createElement(_b,{key:g,color:g,onClick:v,onSwatchHover:a,active:o===g.toLowerCase(),circleSize:s,circleSpacing:f})}))};Si.propTypes={width:y.PropTypes.oneOfType([y.PropTypes.string,y.PropTypes.number]),circleSize:y.PropTypes.number,circleSpacing:y.PropTypes.number,styles:y.PropTypes.object};Si.defaultProps={width:252,circleSize:28,circleSpacing:14,colors:[Ae[500],Oe[500],Re[500],Pe[500],qe[500],Me[500],Ie[500],Fe[500],je[500],nr[500],Be[500],ke[500],De[500],He[500],Le[500],$e[500],Ne[500],Ge[500]],styles:{}};const wb=$(Si);function Pu(r){return r===void 0}var br={},qu;function Sb(){if(qu)return br;qu=1,Object.defineProperty(br,"__esModule",{value:!0});var r=Object.assign||function(o){for(var s=1;s<arguments.length;s++){var l=arguments[s];for(var u in l)Object.prototype.hasOwnProperty.call(l,u)&&(o[u]=l[u])}return o},e=c,t=n(e);function n(o){return o&&o.__esModule?o:{default:o}}function a(o,s){var l={};for(var u in o)s.indexOf(u)>=0||Object.prototype.hasOwnProperty.call(o,u)&&(l[u]=o[u]);return l}var i=24;return br.default=function(o){var s=o.fill,l=s===void 0?"currentColor":s,u=o.width,f=u===void 0?i:u,p=o.height,h=p===void 0?i:p,d=o.style,v=d===void 0?{}:d,g=a(o,["fill","width","height","style"]);return t.default.createElement("svg",r({viewBox:"0 0 "+i+" "+i,style:r({fill:l,width:f,height:h},v)},g),t.default.createElement("path",{d:"M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z"}))},br}var Cb=Sb();const Eb=y.getDefaultExportFromCjs(Cb);var Tb=function(){function r(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}}();function Ab(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}function Ob(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:r}function Rb(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);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)}var Ic=function(r){Rb(e,r);function e(t){Ab(this,e);var n=Ob(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return n.toggleViews=function(){n.state.view==="hex"?n.setState({view:"rgb"}):n.state.view==="rgb"?n.setState({view:"hsl"}):n.state.view==="hsl"&&(n.props.hsl.a===1?n.setState({view:"hex"}):n.setState({view:"rgb"}))},n.handleChange=function(a,i){a.hex?se(a.hex)&&n.props.onChange({hex:a.hex,source:"hex"},i):a.r||a.g||a.b?n.props.onChange({r:a.r||n.props.rgb.r,g:a.g||n.props.rgb.g,b:a.b||n.props.rgb.b,source:"rgb"},i):a.a?(a.a<0?a.a=0:a.a>1&&(a.a=1),n.props.onChange({h:n.props.hsl.h,s:n.props.hsl.s,l:n.props.hsl.l,a:Math.round(a.a*100)/100,source:"rgb"},i)):(a.h||a.s||a.l)&&(typeof a.s=="string"&&a.s.includes("%")&&(a.s=a.s.replace("%","")),typeof a.l=="string"&&a.l.includes("%")&&(a.l=a.l.replace("%","")),a.s==1?a.s=.01:a.l==1&&(a.l=.01),n.props.onChange({h:a.h||n.props.hsl.h,s:Number(Pu(a.s)?n.props.hsl.s:a.s),l:Number(Pu(a.l)?n.props.hsl.l:a.l),source:"hsl"},i))},n.showHighlight=function(a){a.currentTarget.style.background="#eee"},n.hideHighlight=function(a){a.currentTarget.style.background="transparent"},t.hsl.a!==1&&t.view==="hex"?n.state={view:"rgb"}:n.state={view:t.view},n}return Tb(e,[{key:"render",value:function(){var n=this,a=C({default:{wrap:{paddingTop:"16px",display:"flex"},fields:{flex:"1",display:"flex",marginLeft:"-6px"},field:{paddingLeft:"6px",width:"100%"},alpha:{paddingLeft:"6px",width:"100%"},toggle:{width:"32px",textAlign:"right",position:"relative"},icon:{marginRight:"-4px",marginTop:"12px",cursor:"pointer",position:"relative"},iconHighlight:{position:"absolute",width:"24px",height:"28px",background:"#eee",borderRadius:"4px",top:"10px",left:"12px",display:"none"},input:{fontSize:"11px",color:"#333",width:"100%",borderRadius:"2px",border:"none",boxShadow:"inset 0 0 0 1px #dadada",height:"21px",textAlign:"center"},label:{textTransform:"uppercase",fontSize:"11px",lineHeight:"11px",color:"#969696",textAlign:"center",display:"block",marginTop:"12px"},svg:{fill:"#333",width:"24px",height:"24px",border:"1px transparent solid",borderRadius:"5px"}},disableAlpha:{alpha:{display:"none"}}},this.props,this.state),i=void 0;return this.state.view==="hex"?i=c.createElement("div",{style:a.fields,className:"flexbox-fix"},c.createElement("div",{style:a.field},c.createElement(O,{style:{input:a.input,label:a.label},label:"hex",value:this.props.hex,onChange:this.handleChange}))):this.state.view==="rgb"?i=c.createElement("div",{style:a.fields,className:"flexbox-fix"},c.createElement("div",{style:a.field},c.createElement(O,{style:{input:a.input,label:a.label},label:"r",value:this.props.rgb.r,onChange:this.handleChange})),c.createElement("div",{style:a.field},c.createElement(O,{style:{input:a.input,label:a.label},label:"g",value:this.props.rgb.g,onChange:this.handleChange})),c.createElement("div",{style:a.field},c.createElement(O,{style:{input:a.input,label:a.label},label:"b",value:this.props.rgb.b,onChange:this.handleChange})),c.createElement("div",{style:a.alpha},c.createElement(O,{style:{input:a.input,label:a.label},label:"a",value:this.props.rgb.a,arrowOffset:.01,onChange:this.handleChange}))):this.state.view==="hsl"&&(i=c.createElement("div",{style:a.fields,className:"flexbox-fix"},c.createElement("div",{style:a.field},c.createElement(O,{style:{input:a.input,label:a.label},label:"h",value:Math.round(this.props.hsl.h),onChange:this.handleChange})),c.createElement("div",{style:a.field},c.createElement(O,{style:{input:a.input,label:a.label},label:"s",value:Math.round(this.props.hsl.s*100)+"%",onChange:this.handleChange})),c.createElement("div",{style:a.field},c.createElement(O,{style:{input:a.input,label:a.label},label:"l",value:Math.round(this.props.hsl.l*100)+"%",onChange:this.handleChange})),c.createElement("div",{style:a.alpha},c.createElement(O,{style:{input:a.input,label:a.label},label:"a",value:this.props.hsl.a,arrowOffset:.01,onChange:this.handleChange})))),c.createElement("div",{style:a.wrap,className:"flexbox-fix"},i,c.createElement("div",{style:a.toggle},c.createElement("div",{style:a.icon,onClick:this.toggleViews,ref:function(s){return n.icon=s}},c.createElement(Eb,{style:a.svg,onMouseOver:this.showHighlight,onMouseEnter:this.showHighlight,onMouseOut:this.hideHighlight}))))}}],[{key:"getDerivedStateFromProps",value:function(n,a){return n.hsl.a!==1&&a.view==="hex"?{view:"rgb"}:null}}]),e}(c.Component);Ic.defaultProps={view:"hex"};var Mu=function(){var e=C({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",transform:"translate(-6px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}}});return c.createElement("div",{style:e.picker})},Pb=function(){var e=C({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",boxShadow:"inset 0 0 0 1px #fff",transform:"translate(-6px, -6px)"}}});return c.createElement("div",{style:e.picker})},Ci=function(e){var t=e.width,n=e.onChange,a=e.disableAlpha,i=e.rgb,o=e.hsl,s=e.hsv,l=e.hex,u=e.renderers,f=e.styles,p=f===void 0?{}:f,h=e.className,d=h===void 0?"":h,v=e.defaultView,g=C(L({default:{picker:{width:t,background:"#fff",borderRadius:"2px",boxShadow:"0 0 2px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.3)",boxSizing:"initial",fontFamily:"Menlo"},saturation:{width:"100%",paddingBottom:"55%",position:"relative",borderRadius:"2px 2px 0 0",overflow:"hidden"},Saturation:{radius:"2px 2px 0 0"},body:{padding:"16px 16px 12px"},controls:{display:"flex"},color:{width:"32px"},swatch:{marginTop:"6px",width:"16px",height:"16px",borderRadius:"8px",position:"relative",overflow:"hidden"},active:{absolute:"0px 0px 0px 0px",borderRadius:"8px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.1)",background:"rgba("+i.r+", "+i.g+", "+i.b+", "+i.a+")",zIndex:"2"},toggles:{flex:"1"},hue:{height:"10px",position:"relative",marginBottom:"8px"},Hue:{radius:"2px"},alpha:{height:"10px",position:"relative"},Alpha:{radius:"2px"}},disableAlpha:{color:{width:"22px"},alpha:{display:"none"},hue:{marginBottom:"0px"},swatch:{width:"10px",height:"10px",marginTop:"0px"}}},p),{disableAlpha:a});return c.createElement("div",{style:g.picker,className:"chrome-picker "+d},c.createElement("div",{style:g.saturation},c.createElement(kr,{style:g.Saturation,hsl:o,hsv:s,pointer:Pb,onChange:n})),c.createElement("div",{style:g.body},c.createElement("div",{style:g.controls,className:"flexbox-fix"},c.createElement("div",{style:g.color},c.createElement("div",{style:g.swatch},c.createElement("div",{style:g.active}),c.createElement(Ue,{renderers:u}))),c.createElement("div",{style:g.toggles},c.createElement("div",{style:g.hue},c.createElement(Ke,{style:g.Hue,hsl:o,pointer:Mu,onChange:n})),c.createElement("div",{style:g.alpha},c.createElement(ci,{style:g.Alpha,rgb:i,hsl:o,pointer:Mu,renderers:u,onChange:n})))),c.createElement(Ic,{rgb:i,hsl:o,hex:l,view:v,onChange:n,disableAlpha:a})))};Ci.propTypes={width:y.PropTypes.oneOfType([y.PropTypes.string,y.PropTypes.number]),disableAlpha:y.PropTypes.bool,styles:y.PropTypes.object,defaultView:y.PropTypes.oneOf(["hex","rgb","hsl"])};Ci.defaultProps={width:225,disableAlpha:!1,styles:{}};$(Ci);var qb=function(e){var t=e.color,n=e.onClick,a=n===void 0?function(){}:n,i=e.onSwatchHover,o=e.active,s=C({default:{color:{background:t,width:"15px",height:"15px",float:"left",marginRight:"5px",marginBottom:"5px",position:"relative",cursor:"pointer"},dot:{absolute:"5px 5px 5px 5px",background:yi(t),borderRadius:"50%",opacity:"0"}},active:{dot:{opacity:"1"}},"color-#FFFFFF":{color:{boxShadow:"inset 0 0 0 1px #ddd"},dot:{background:"#000"}},transparent:{dot:{background:"#000"}}},{active:o,"color-#FFFFFF":t==="#FFFFFF",transparent:t==="transparent"});return c.createElement(ge,{style:s.color,color:t,onClick:a,onHover:i,focusStyle:{boxShadow:"0 0 4px "+t}},c.createElement("div",{style:s.dot}))},Mb=function(e){var t=e.hex,n=e.rgb,a=e.onChange,i=C({default:{fields:{display:"flex",paddingBottom:"6px",paddingRight:"5px",position:"relative"},active:{position:"absolute",top:"6px",left:"5px",height:"9px",width:"9px",background:t},HEXwrap:{flex:"6",position:"relative"},HEXinput:{width:"80%",padding:"0px",paddingLeft:"20%",border:"none",outline:"none",background:"none",fontSize:"12px",color:"#333",height:"16px"},HEXlabel:{display:"none"},RGBwrap:{flex:"3",position:"relative"},RGBinput:{width:"70%",padding:"0px",paddingLeft:"30%",border:"none",outline:"none",background:"none",fontSize:"12px",color:"#333",height:"16px"},RGBlabel:{position:"absolute",top:"3px",left:"0px",lineHeight:"16px",textTransform:"uppercase",fontSize:"12px",color:"#999"}}}),o=function(l,u){l.r||l.g||l.b?a({r:l.r||n.r,g:l.g||n.g,b:l.b||n.b,source:"rgb"},u):a({hex:l.hex,source:"hex"},u)};return c.createElement("div",{style:i.fields,className:"flexbox-fix"},c.createElement("div",{style:i.active}),c.createElement(O,{style:{wrap:i.HEXwrap,input:i.HEXinput,label:i.HEXlabel},label:"hex",value:t,onChange:o}),c.createElement(O,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"r",value:n.r,onChange:o}),c.createElement(O,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"g",value:n.g,onChange:o}),c.createElement(O,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"b",value:n.b,onChange:o}))},Ei=function(e){var t=e.onChange,n=e.onSwatchHover,a=e.colors,i=e.hex,o=e.rgb,s=e.styles,l=s===void 0?{}:s,u=e.className,f=u===void 0?"":u,p=C(L({default:{Compact:{background:"#f6f6f6",radius:"4px"},compact:{paddingTop:"5px",paddingLeft:"5px",boxSizing:"initial",width:"240px"},clear:{clear:"both"}}},l)),h=function(v,g){v.hex?se(v.hex)&&t({hex:v.hex,source:"hex"},g):t(v,g)};return c.createElement(cr,{style:p.Compact,styles:l},c.createElement("div",{style:p.compact,className:"compact-picker "+f},c.createElement("div",null,ve(a,function(d){return c.createElement(qb,{key:d,color:d,active:d.toLowerCase()===i,onClick:h,onSwatchHover:n})}),c.createElement("div",{style:p.clear})),c.createElement(Mb,{hex:i,rgb:o,onChange:h})))};Ei.propTypes={colors:y.PropTypes.arrayOf(y.PropTypes.string),styles:y.PropTypes.object};Ei.defaultProps={colors:["#4D4D4D","#999999","#FFFFFF","#F44E3B","#FE9200","#FCDC00","#DBDF00","#A4DD00","#68CCCA","#73D8FF","#AEA1FF","#FDA1FF","#333333","#808080","#cccccc","#D33115","#E27300","#FCC400","#B0BC00","#68BC00","#16A5A5","#009CE0","#7B64FF","#FA28FF","#000000","#666666","#B3B3B3","#9F0500","#C45100","#FB9E00","#808900","#194D33","#0C797D","#0062B1","#653294","#AB149E"],styles:{}};$(Ei);var Ib=function(e){var t=e.hover,n=e.color,a=e.onClick,i=e.onSwatchHover,o={position:"relative",zIndex:"2",outline:"2px solid #fff",boxShadow:"0 0 5px 2px rgba(0,0,0,0.25)"},s=C({default:{swatch:{width:"25px",height:"25px",fontSize:"0"}},hover:{swatch:o}},{hover:t});return c.createElement("div",{style:s.swatch},c.createElement(ge,{color:n,onClick:a,onHover:i,focusStyle:o}))};const Fb=ui.handleHover(Ib);var Ti=function(e){var t=e.width,n=e.colors,a=e.onChange,i=e.onSwatchHover,o=e.triangle,s=e.styles,l=s===void 0?{}:s,u=e.className,f=u===void 0?"":u,p=C(L({default:{card:{width:t,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":o==="hide","top-left-triangle":o==="top-left","top-right-triangle":o==="top-right","bottom-left-triangle":o==="bottom-left","bottom-right-triangle":o==="bottom-right"}),h=function(v,g){return a({hex:v,source:"hex"},g)};return c.createElement("div",{style:p.card,className:"github-picker "+f},c.createElement("div",{style:p.triangleShadow}),c.createElement("div",{style:p.triangle}),ve(n,function(d){return c.createElement(Fb,{color:d,key:d,onClick:h,onSwatchHover:i})}))};Ti.propTypes={width:y.PropTypes.oneOfType([y.PropTypes.string,y.PropTypes.number]),colors:y.PropTypes.arrayOf(y.PropTypes.string),triangle:y.PropTypes.oneOf(["hide","top-left","top-right","bottom-left","bottom-right"]),styles:y.PropTypes.object};Ti.defaultProps={width:200,colors:["#B80000","#DB3E00","#FCCB00","#008B02","#006B76","#1273DE","#004DCF","#5300EB","#EB9694","#FAD0C3","#FEF3BD","#C1E1C5","#BEDADC","#C4DEF6","#BED3F3","#D4C4FB"],triangle:"top-left",styles:{}};$(Ti);var jb=function(e){var t=e.direction,n=C({default:{picker:{width:"18px",height:"18px",borderRadius:"50%",transform:"translate(-9px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}},vertical:{picker:{transform:"translate(-3px, -9px)"}}},{vertical:t==="vertical"});return c.createElement("div",{style:n.picker})},Bb=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},Ai=function(e){var t=e.width,n=e.height,a=e.onChange,i=e.hsl,o=e.direction,s=e.pointer,l=e.styles,u=l===void 0?{}:l,f=e.className,p=f===void 0?"":f,h=C(L({default:{picker:{position:"relative",width:t,height:n},hue:{radius:"2px"}}},u)),d=function(g){return a({a:1,h:g.h,l:.5,s:1})};return c.createElement("div",{style:h.picker,className:"hue-picker "+p},c.createElement(Ke,Bb({},h.hue,{hsl:i,pointer:s,onChange:d,direction:o})))};Ai.propTypes={styles:y.PropTypes.object};Ai.defaultProps={width:"316px",height:"16px",direction:"horizontal",pointer:jb,styles:{}};$(Ai);var kb=function(e){var t=e.onChange,n=e.hex,a=e.rgb,i=e.styles,o=i===void 0?{}:i,s=e.className,l=s===void 0?"":s,u=C(L({default:{material:{width:"98px",height:"98px",padding:"16px",fontFamily:"Roboto"},HEXwrap:{position:"relative"},HEXinput:{width:"100%",marginTop:"12px",fontSize:"15px",color:"#333",padding:"0px",border:"0px",borderBottom:"2px solid "+n,outline:"none",height:"30px"},HEXlabel:{position:"absolute",top:"0px",left:"0px",fontSize:"11px",color:"#999999",textTransform:"capitalize"},Hex:{style:{}},RGBwrap:{position:"relative"},RGBinput:{width:"100%",marginTop:"12px",fontSize:"15px",color:"#333",padding:"0px",border:"0px",borderBottom:"1px solid #eee",outline:"none",height:"30px"},RGBlabel:{position:"absolute",top:"0px",left:"0px",fontSize:"11px",color:"#999999",textTransform:"capitalize"},split:{display:"flex",marginRight:"-10px",paddingTop:"11px"},third:{flex:"1",paddingRight:"10px"}}},o)),f=function(h,d){h.hex?se(h.hex)&&t({hex:h.hex,source:"hex"},d):(h.r||h.g||h.b)&&t({r:h.r||a.r,g:h.g||a.g,b:h.b||a.b,source:"rgb"},d)};return c.createElement(cr,{styles:o},c.createElement("div",{style:u.material,className:"material-picker "+l},c.createElement(O,{style:{wrap:u.HEXwrap,input:u.HEXinput,label:u.HEXlabel},label:"hex",value:n,onChange:f}),c.createElement("div",{style:u.split,className:"flexbox-fix"},c.createElement("div",{style:u.third},c.createElement(O,{style:{wrap:u.RGBwrap,input:u.RGBinput,label:u.RGBlabel},label:"r",value:a.r,onChange:f})),c.createElement("div",{style:u.third},c.createElement(O,{style:{wrap:u.RGBwrap,input:u.RGBinput,label:u.RGBlabel},label:"g",value:a.g,onChange:f})),c.createElement("div",{style:u.third},c.createElement(O,{style:{wrap:u.RGBwrap,input:u.RGBinput,label:u.RGBlabel},label:"b",value:a.b,onChange:f})))))};$(kb);var Db=function(e){var t=e.onChange,n=e.rgb,a=e.hsv,i=e.hex,o=C({default:{fields:{paddingTop:"5px",paddingBottom:"9px",width:"80px",position:"relative"},divider:{height:"5px"},RGBwrap:{position:"relative"},RGBinput:{marginLeft:"40%",width:"40%",height:"18px",border:"1px solid #888888",boxShadow:"inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",marginBottom:"5px",fontSize:"13px",paddingLeft:"3px",marginRight:"10px"},RGBlabel:{left:"0px",top:"0px",width:"34px",textTransform:"uppercase",fontSize:"13px",height:"18px",lineHeight:"22px",position:"absolute"},HEXwrap:{position:"relative"},HEXinput:{marginLeft:"20%",width:"80%",height:"18px",border:"1px solid #888888",boxShadow:"inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",marginBottom:"6px",fontSize:"13px",paddingLeft:"3px"},HEXlabel:{position:"absolute",top:"0px",left:"0px",width:"14px",textTransform:"uppercase",fontSize:"13px",height:"18px",lineHeight:"22px"},fieldSymbols:{position:"absolute",top:"5px",right:"-7px",fontSize:"13px"},symbol:{height:"20px",lineHeight:"22px",paddingBottom:"7px"}}}),s=function(u,f){u["#"]?se(u["#"])&&t({hex:u["#"],source:"hex"},f):u.r||u.g||u.b?t({r:u.r||n.r,g:u.g||n.g,b:u.b||n.b,source:"rgb"},f):(u.h||u.s||u.v)&&t({h:u.h||a.h,s:u.s||a.s,v:u.v||a.v,source:"hsv"},f)};return c.createElement("div",{style:o.fields},c.createElement(O,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"h",value:Math.round(a.h),onChange:s}),c.createElement(O,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"s",value:Math.round(a.s*100),onChange:s}),c.createElement(O,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"v",value:Math.round(a.v*100),onChange:s}),c.createElement("div",{style:o.divider}),c.createElement(O,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"r",value:n.r,onChange:s}),c.createElement(O,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"g",value:n.g,onChange:s}),c.createElement(O,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"b",value:n.b,onChange:s}),c.createElement("div",{style:o.divider}),c.createElement(O,{style:{wrap:o.HEXwrap,input:o.HEXinput,label:o.HEXlabel},label:"#",value:i.replace("#",""),onChange:s}),c.createElement("div",{style:o.fieldSymbols},c.createElement("div",{style:o.symbol},"°"),c.createElement("div",{style:o.symbol},"%"),c.createElement("div",{style:o.symbol},"%")))},Hb=function(e){var t=e.hsl,n=C({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",boxShadow:"inset 0 0 0 1px #fff",transform:"translate(-6px, -6px)"}},"black-outline":{picker:{boxShadow:"inset 0 0 0 1px #000"}}},{"black-outline":t.l>.5});return c.createElement("div",{style:n.picker})},Lb=function(){var e=C({default:{triangle:{width:0,height:0,borderStyle:"solid",borderWidth:"4px 0 4px 6px",borderColor:"transparent transparent transparent #fff",position:"absolute",top:"1px",left:"1px"},triangleBorder:{width:0,height:0,borderStyle:"solid",borderWidth:"5px 0 5px 8px",borderColor:"transparent transparent transparent #555"},left:{Extend:"triangleBorder",transform:"translate(-13px, -4px)"},leftInside:{Extend:"triangle",transform:"translate(-8px, -5px)"},right:{Extend:"triangleBorder",transform:"translate(20px, -14px) rotate(180deg)"},rightInside:{Extend:"triangle",transform:"translate(-8px, -5px)"}}});return c.createElement("div",{style:e.pointer},c.createElement("div",{style:e.left},c.createElement("div",{style:e.leftInside})),c.createElement("div",{style:e.right},c.createElement("div",{style:e.rightInside})))},Iu=function(e){var t=e.onClick,n=e.label,a=e.children,i=e.active,o=C({default:{button:{backgroundImage:"linear-gradient(-180deg, #FFFFFF 0%, #E6E6E6 100%)",border:"1px solid #878787",borderRadius:"2px",height:"20px",boxShadow:"0 1px 0 0 #EAEAEA",fontSize:"14px",color:"#000",lineHeight:"20px",textAlign:"center",marginBottom:"10px",cursor:"pointer"}},active:{button:{boxShadow:"0 0 0 1px #878787"}}},{active:i});return c.createElement("div",{style:o.button,onClick:t},n||a)},$b=function(e){var t=e.rgb,n=e.currentColor,a=C({default:{swatches:{border:"1px solid #B3B3B3",borderBottom:"1px solid #F0F0F0",marginBottom:"2px",marginTop:"1px"},new:{height:"34px",background:"rgb("+t.r+","+t.g+", "+t.b+")",boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 1px 0 #000"},current:{height:"34px",background:n,boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 -1px 0 #000"},label:{fontSize:"14px",color:"#000",textAlign:"center"}}});return c.createElement("div",null,c.createElement("div",{style:a.label},"new"),c.createElement("div",{style:a.swatches},c.createElement("div",{style:a.new}),c.createElement("div",{style:a.current})),c.createElement("div",{style:a.label},"current"))},Nb=function(){function r(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}}();function Gb(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}function zb(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:r}function Ub(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);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)}var Oi=function(r){Ub(e,r);function e(t){Gb(this,e);var n=zb(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return n.state={currentColor:t.hex},n}return Nb(e,[{key:"render",value:function(){var n=this.props,a=n.styles,i=a===void 0?{}:a,o=n.className,s=o===void 0?"":o,l=C(L({default:{picker:{background:"#DCDCDC",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.25), 0 8px 16px rgba(0,0,0,.15)",boxSizing:"initial",width:"513px"},head:{backgroundImage:"linear-gradient(-180deg, #F0F0F0 0%, #D4D4D4 100%)",borderBottom:"1px solid #B1B1B1",boxShadow:"inset 0 1px 0 0 rgba(255,255,255,.2), inset 0 -1px 0 0 rgba(0,0,0,.02)",height:"23px",lineHeight:"24px",borderRadius:"4px 4px 0 0",fontSize:"13px",color:"#4D4D4D",textAlign:"center"},body:{padding:"15px 15px 0",display:"flex"},saturation:{width:"256px",height:"256px",position:"relative",border:"2px solid #B3B3B3",borderBottom:"2px solid #F0F0F0",overflow:"hidden"},hue:{position:"relative",height:"256px",width:"19px",marginLeft:"10px",border:"2px solid #B3B3B3",borderBottom:"2px solid #F0F0F0"},controls:{width:"180px",marginLeft:"10px"},top:{display:"flex"},previews:{width:"60px"},actions:{flex:"1",marginLeft:"20px"}}},i));return c.createElement("div",{style:l.picker,className:"photoshop-picker "+s},c.createElement("div",{style:l.head},this.props.header),c.createElement("div",{style:l.body,className:"flexbox-fix"},c.createElement("div",{style:l.saturation},c.createElement(kr,{hsl:this.props.hsl,hsv:this.props.hsv,pointer:Hb,onChange:this.props.onChange})),c.createElement("div",{style:l.hue},c.createElement(Ke,{direction:"vertical",hsl:this.props.hsl,pointer:Lb,onChange:this.props.onChange})),c.createElement("div",{style:l.controls},c.createElement("div",{style:l.top,className:"flexbox-fix"},c.createElement("div",{style:l.previews},c.createElement($b,{rgb:this.props.rgb,currentColor:this.state.currentColor})),c.createElement("div",{style:l.actions},c.createElement(Iu,{label:"OK",onClick:this.props.onAccept,active:!0}),c.createElement(Iu,{label:"Cancel",onClick:this.props.onCancel}),c.createElement(Db,{onChange:this.props.onChange,rgb:this.props.rgb,hsv:this.props.hsv,hex:this.props.hex}))))))}}]),e}(c.Component);Oi.propTypes={header:y.PropTypes.string,styles:y.PropTypes.object};Oi.defaultProps={header:"Color Picker",styles:{}};$(Oi);var Kb=function(e){var t=e.onChange,n=e.rgb,a=e.hsl,i=e.hex,o=e.disableAlpha,s=C({default:{fields:{display:"flex",paddingTop:"4px"},single:{flex:"1",paddingLeft:"6px"},alpha:{flex:"1",paddingLeft:"6px"},double:{flex:"2"},input:{width:"80%",padding:"4px 10% 3px",border:"none",boxShadow:"inset 0 0 0 1px #ccc",fontSize:"11px"},label:{display:"block",textAlign:"center",fontSize:"11px",color:"#222",paddingTop:"3px",paddingBottom:"4px",textTransform:"capitalize"}},disableAlpha:{alpha:{display:"none"}}},{disableAlpha:o}),l=function(f,p){f.hex?se(f.hex)&&t({hex:f.hex,source:"hex"},p):f.r||f.g||f.b?t({r:f.r||n.r,g:f.g||n.g,b:f.b||n.b,a:n.a,source:"rgb"},p):f.a&&(f.a<0?f.a=0:f.a>100&&(f.a=100),f.a/=100,t({h:a.h,s:a.s,l:a.l,a:f.a,source:"rgb"},p))};return c.createElement("div",{style:s.fields,className:"flexbox-fix"},c.createElement("div",{style:s.double},c.createElement(O,{style:{input:s.input,label:s.label},label:"hex",value:i.replace("#",""),onChange:l})),c.createElement("div",{style:s.single},c.createElement(O,{style:{input:s.input,label:s.label},label:"r",value:n.r,onChange:l,dragLabel:"true",dragMax:"255"})),c.createElement("div",{style:s.single},c.createElement(O,{style:{input:s.input,label:s.label},label:"g",value:n.g,onChange:l,dragLabel:"true",dragMax:"255"})),c.createElement("div",{style:s.single},c.createElement(O,{style:{input:s.input,label:s.label},label:"b",value:n.b,onChange:l,dragLabel:"true",dragMax:"255"})),c.createElement("div",{style:s.alpha},c.createElement(O,{style:{input:s.input,label:s.label},label:"a",value:Math.round(n.a*100),onChange:l,dragLabel:"true",dragMax:"100"})))},Wb=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},Fc=function(e){var t=e.colors,n=e.onClick,a=n===void 0?function(){}:n,i=e.onSwatchHover,o=C({default:{colors:{margin:"0 -10px",padding:"10px 0 0 10px",borderTop:"1px solid #eee",display:"flex",flexWrap:"wrap",position:"relative"},swatchWrap:{width:"16px",height:"16px",margin:"0 10px 10px 0"},swatch:{borderRadius:"3px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15)"}},"no-presets":{colors:{display:"none"}}},{"no-presets":!t||!t.length}),s=function(u,f){a({hex:u,source:"hex"},f)};return c.createElement("div",{style:o.colors,className:"flexbox-fix"},t.map(function(l){var u=typeof l=="string"?{color:l}:l,f=""+u.color+(u.title||"");return c.createElement("div",{key:f,style:o.swatchWrap},c.createElement(ge,Wb({},u,{style:o.swatch,onClick:s,onHover:i,focusStyle:{boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px "+u.color}})))}))};Fc.propTypes={colors:y.PropTypes.arrayOf(y.PropTypes.oneOfType([y.PropTypes.string,y.PropTypes.shape({color:y.PropTypes.string,title:y.PropTypes.string})])).isRequired};var Vb=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},Ri=function(e){var t=e.width,n=e.rgb,a=e.hex,i=e.hsv,o=e.hsl,s=e.onChange,l=e.onSwatchHover,u=e.disableAlpha,f=e.presetColors,p=e.renderers,h=e.styles,d=h===void 0?{}:h,v=e.className,g=v===void 0?"":v,b=C(L({default:Vb({picker:{width:t,padding:"10px 10px 0",boxSizing:"initial",background:"#fff",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.15), 0 8px 16px rgba(0,0,0,.15)"},saturation:{width:"100%",paddingBottom:"75%",position:"relative",overflow:"hidden"},Saturation:{radius:"3px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},controls:{display:"flex"},sliders:{padding:"4px 0",flex:"1"},color:{width:"24px",height:"24px",position:"relative",marginTop:"4px",marginLeft:"4px",borderRadius:"3px"},activeColor:{absolute:"0px 0px 0px 0px",borderRadius:"2px",background:"rgba("+n.r+","+n.g+","+n.b+","+n.a+")",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},hue:{position:"relative",height:"10px",overflow:"hidden"},Hue:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},alpha:{position:"relative",height:"10px",marginTop:"4px",overflow:"hidden"},Alpha:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"}},d),disableAlpha:{color:{height:"10px"},hue:{height:"10px"},alpha:{display:"none"}}},d),{disableAlpha:u});return c.createElement("div",{style:b.picker,className:"sketch-picker "+g},c.createElement("div",{style:b.saturation},c.createElement(kr,{style:b.Saturation,hsl:o,hsv:i,onChange:s})),c.createElement("div",{style:b.controls,className:"flexbox-fix"},c.createElement("div",{style:b.sliders},c.createElement("div",{style:b.hue},c.createElement(Ke,{style:b.Hue,hsl:o,onChange:s})),c.createElement("div",{style:b.alpha},c.createElement(ci,{style:b.Alpha,rgb:n,hsl:o,renderers:p,onChange:s}))),c.createElement("div",{style:b.color},c.createElement(Ue,null),c.createElement("div",{style:b.activeColor}))),c.createElement(Kb,{rgb:n,hsl:o,hex:a,onChange:s,disableAlpha:u}),c.createElement(Fc,{colors:f,onClick:s,onSwatchHover:l}))};Ri.propTypes={disableAlpha:y.PropTypes.bool,width:y.PropTypes.oneOfType([y.PropTypes.string,y.PropTypes.number]),styles:y.PropTypes.object};Ri.defaultProps={disableAlpha:!1,width:200,styles:{},presetColors:["#D0021B","#F5A623","#F8E71C","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"]};$(Ri);var Ze=function(e){var t=e.hsl,n=e.offset,a=e.onClick,i=a===void 0?function(){}:a,o=e.active,s=e.first,l=e.last,u=C({default:{swatch:{height:"12px",background:"hsl("+t.h+", 50%, "+n*100+"%)",cursor:"pointer"}},first:{swatch:{borderRadius:"2px 0 0 2px"}},last:{swatch:{borderRadius:"0 2px 2px 0"}},active:{swatch:{transform:"scaleY(1.8)",borderRadius:"3.6px/2px"}}},{active:o,first:s,last:l}),f=function(h){return i({h:t.h,s:.5,l:n,source:"hsl"},h)};return c.createElement("div",{style:u.swatch,onClick:f})},Xb=function(e){var t=e.onClick,n=e.hsl,a=C({default:{swatches:{marginTop:"20px"},swatch:{boxSizing:"border-box",width:"20%",paddingRight:"1px",float:"left"},clear:{clear:"both"}}}),i=.1;return c.createElement("div",{style:a.swatches},c.createElement("div",{style:a.swatch},c.createElement(Ze,{hsl:n,offset:".80",active:Math.abs(n.l-.8)<i&&Math.abs(n.s-.5)<i,onClick:t,first:!0})),c.createElement("div",{style:a.swatch},c.createElement(Ze,{hsl:n,offset:".65",active:Math.abs(n.l-.65)<i&&Math.abs(n.s-.5)<i,onClick:t})),c.createElement("div",{style:a.swatch},c.createElement(Ze,{hsl:n,offset:".50",active:Math.abs(n.l-.5)<i&&Math.abs(n.s-.5)<i,onClick:t})),c.createElement("div",{style:a.swatch},c.createElement(Ze,{hsl:n,offset:".35",active:Math.abs(n.l-.35)<i&&Math.abs(n.s-.5)<i,onClick:t})),c.createElement("div",{style:a.swatch},c.createElement(Ze,{hsl:n,offset:".20",active:Math.abs(n.l-.2)<i&&Math.abs(n.s-.5)<i,onClick:t,last:!0})),c.createElement("div",{style:a.clear}))},Yb=function(){var e=C({default:{picker:{width:"14px",height:"14px",borderRadius:"6px",transform:"translate(-7px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}}});return c.createElement("div",{style:e.picker})},Pi=function(e){var t=e.hsl,n=e.onChange,a=e.pointer,i=e.styles,o=i===void 0?{}:i,s=e.className,l=s===void 0?"":s,u=C(L({default:{hue:{height:"12px",position:"relative"},Hue:{radius:"2px"}}},o));return c.createElement("div",{style:u.wrap||{},className:"slider-picker "+l},c.createElement("div",{style:u.hue},c.createElement(Ke,{style:u.Hue,hsl:t,pointer:a,onChange:n})),c.createElement("div",{style:u.swatches},c.createElement(Xb,{hsl:t,onClick:n})))};Pi.propTypes={styles:y.PropTypes.object};Pi.defaultProps={pointer:Yb,styles:{}};$(Pi);var yr={},Fu;function Zb(){if(Fu)return yr;Fu=1,Object.defineProperty(yr,"__esModule",{value:!0});var r=Object.assign||function(o){for(var s=1;s<arguments.length;s++){var l=arguments[s];for(var u in l)Object.prototype.hasOwnProperty.call(l,u)&&(o[u]=l[u])}return o},e=c,t=n(e);function n(o){return o&&o.__esModule?o:{default:o}}function a(o,s){var l={};for(var u in o)s.indexOf(u)>=0||Object.prototype.hasOwnProperty.call(o,u)&&(l[u]=o[u]);return l}var i=24;return yr.default=function(o){var s=o.fill,l=s===void 0?"currentColor":s,u=o.width,f=u===void 0?i:u,p=o.height,h=p===void 0?i:p,d=o.style,v=d===void 0?{}:d,g=a(o,["fill","width","height","style"]);return t.default.createElement("svg",r({viewBox:"0 0 "+i+" "+i,style:r({fill:l,width:f,height:h},v)},g),t.default.createElement("path",{d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"}))},yr}var Jb=Zb();const Qb=y.getDefaultExportFromCjs(Jb);var ey=function(e){var t=e.color,n=e.onClick,a=n===void 0?function(){}:n,i=e.onSwatchHover,o=e.first,s=e.last,l=e.active,u=C({default:{color:{width:"40px",height:"24px",cursor:"pointer",background:t,marginBottom:"1px"},check:{color:yi(t),marginLeft:"8px",display:"none"}},first:{color:{overflow:"hidden",borderRadius:"2px 2px 0 0"}},last:{color:{overflow:"hidden",borderRadius:"0 0 2px 2px"}},active:{check:{display:"block"}},"color-#FFFFFF":{color:{boxShadow:"inset 0 0 0 1px #ddd"},check:{color:"#333"}},transparent:{check:{color:"#333"}}},{first:o,last:s,active:l,"color-#FFFFFF":t==="#FFFFFF",transparent:t==="transparent"});return c.createElement(ge,{color:t,style:u.color,onClick:a,onHover:i,focusStyle:{boxShadow:"0 0 4px "+t}},c.createElement("div",{style:u.check},c.createElement(Qb,null)))},ry=function(e){var t=e.onClick,n=e.onSwatchHover,a=e.group,i=e.active,o=C({default:{group:{paddingBottom:"10px",width:"40px",float:"left",marginRight:"10px"}}});return c.createElement("div",{style:o.group},ve(a,function(s,l){return c.createElement(ey,{key:s,color:s,active:s.toLowerCase()===i,first:l===0,last:l===a.length-1,onClick:t,onSwatchHover:n})}))},qi=function(e){var t=e.width,n=e.height,a=e.onChange,i=e.onSwatchHover,o=e.colors,s=e.hex,l=e.styles,u=l===void 0?{}:l,f=e.className,p=f===void 0?"":f,h=C(L({default:{picker:{width:t,height:n},overflow:{height:n,overflowY:"scroll"},body:{padding:"16px 0 6px 16px"},clear:{clear:"both"}}},u)),d=function(g,b){return a({hex:g,source:"hex"},b)};return c.createElement("div",{style:h.picker,className:"swatches-picker "+p},c.createElement(cr,null,c.createElement("div",{style:h.overflow},c.createElement("div",{style:h.body},ve(o,function(v){return c.createElement(ry,{key:v.toString(),group:v,active:s,onClick:d,onSwatchHover:i})}),c.createElement("div",{style:h.clear})))))};qi.propTypes={width:y.PropTypes.oneOfType([y.PropTypes.string,y.PropTypes.number]),height:y.PropTypes.oneOfType([y.PropTypes.string,y.PropTypes.number]),colors:y.PropTypes.arrayOf(y.PropTypes.arrayOf(y.PropTypes.string)),styles:y.PropTypes.object};qi.defaultProps={width:320,height:240,colors:[[Ae[900],Ae[700],Ae[500],Ae[300],Ae[100]],[Oe[900],Oe[700],Oe[500],Oe[300],Oe[100]],[Re[900],Re[700],Re[500],Re[300],Re[100]],[Pe[900],Pe[700],Pe[500],Pe[300],Pe[100]],[qe[900],qe[700],qe[500],qe[300],qe[100]],[Me[900],Me[700],Me[500],Me[300],Me[100]],[Ie[900],Ie[700],Ie[500],Ie[300],Ie[100]],[Fe[900],Fe[700],Fe[500],Fe[300],Fe[100]],[je[900],je[700],je[500],je[300],je[100]],["#194D33",nr[700],nr[500],nr[300],nr[100]],[Be[900],Be[700],Be[500],Be[300],Be[100]],[ke[900],ke[700],ke[500],ke[300],ke[100]],[De[900],De[700],De[500],De[300],De[100]],[He[900],He[700],He[500],He[300],He[100]],[Le[900],Le[700],Le[500],Le[300],Le[100]],[$e[900],$e[700],$e[500],$e[300],$e[100]],[Ne[900],Ne[700],Ne[500],Ne[300],Ne[100]],[Ge[900],Ge[700],Ge[500],Ge[300],Ge[100]],["#000000","#525252","#969696","#D9D9D9","#FFFFFF"]],styles:{}};$(qi);var Mi=function(e){var t=e.onChange,n=e.onSwatchHover,a=e.hex,i=e.colors,o=e.width,s=e.triangle,l=e.styles,u=l===void 0?{}:l,f=e.className,p=f===void 0?"":f,h=C(L({default:{card:{width:o,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"}}},u),{"hide-triangle":s==="hide","top-left-triangle":s==="top-left","top-right-triangle":s==="top-right"}),d=function(g,b){se(g)&&t({hex:g,source:"hex"},b)};return c.createElement("div",{style:h.card,className:"twitter-picker "+p},c.createElement("div",{style:h.triangleShadow}),c.createElement("div",{style:h.triangle}),c.createElement("div",{style:h.body},ve(i,function(v,g){return c.createElement(ge,{key:g,color:v,hex:v,style:h.swatch,onClick:d,onHover:n,focusStyle:{boxShadow:"0 0 4px "+v}})}),c.createElement("div",{style:h.hash},"#"),c.createElement(O,{label:null,style:{input:h.input},value:a.replace("#",""),onChange:d}),c.createElement("div",{style:h.clear})))};Mi.propTypes={width:y.PropTypes.oneOfType([y.PropTypes.string,y.PropTypes.number]),triangle:y.PropTypes.oneOf(["hide","top-left","top-right"]),colors:y.PropTypes.arrayOf(y.PropTypes.string),styles:y.PropTypes.object};Mi.defaultProps={width:276,colors:["#FF6900","#FCB900","#7BDCB5","#00D084","#8ED1FC","#0693E3","#ABB8C3","#EB144C","#F78DA7","#9900EF"],triangle:"top-left",styles:{}};$(Mi);var Ii=function(e){var t=C({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",border:"2px #fff solid",transform:"translate(-12px, -13px)",background:"hsl("+Math.round(e.hsl.h)+", "+Math.round(e.hsl.s*100)+"%, "+Math.round(e.hsl.l*100)+"%)"}}});return c.createElement("div",{style:t.picker})};Ii.propTypes={hsl:y.PropTypes.shape({h:y.PropTypes.number,s:y.PropTypes.number,l:y.PropTypes.number,a:y.PropTypes.number})};Ii.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};var Fi=function(e){var t=C({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",transform:"translate(-10px, -7px)",background:"hsl("+Math.round(e.hsl.h)+", 100%, 50%)",border:"2px white solid"}}});return c.createElement("div",{style:t.picker})};Fi.propTypes={hsl:y.PropTypes.shape({h:y.PropTypes.number,s:y.PropTypes.number,l:y.PropTypes.number,a:y.PropTypes.number})};Fi.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};var ty=function(e){var t=e.onChange,n=e.rgb,a=e.hsl,i=e.hex,o=e.hsv,s=function(d,v){if(d.hex)se(d.hex)&&t({hex:d.hex,source:"hex"},v);else if(d.rgb){var g=d.rgb.split(",");Da(d.rgb,"rgb")&&t({r:g[0],g:g[1],b:g[2],a:1,source:"rgb"},v)}else if(d.hsv){var b=d.hsv.split(",");Da(d.hsv,"hsv")&&(b[2]=b[2].replace("%",""),b[1]=b[1].replace("%",""),b[0]=b[0].replace("°",""),b[1]==1?b[1]=.01:b[2]==1&&(b[2]=.01),t({h:Number(b[0]),s:Number(b[1]),v:Number(b[2]),source:"hsv"},v))}else if(d.hsl){var m=d.hsl.split(",");Da(d.hsl,"hsl")&&(m[2]=m[2].replace("%",""),m[1]=m[1].replace("%",""),m[0]=m[0].replace("°",""),p[1]==1?p[1]=.01:p[2]==1&&(p[2]=.01),t({h:Number(m[0]),s:Number(m[1]),v:Number(m[2]),source:"hsl"},v))}},l=C({default:{wrap:{display:"flex",height:"100px",marginTop:"4px"},fields:{width:"100%"},column:{paddingTop:"10px",display:"flex",justifyContent:"space-between"},double:{padding:"0px 4.4px",boxSizing:"border-box"},input:{width:"100%",height:"38px",boxSizing:"border-box",padding:"4px 10% 3px",textAlign:"center",border:"1px solid #dadce0",fontSize:"11px",textTransform:"lowercase",borderRadius:"5px",outline:"none",fontFamily:"Roboto,Arial,sans-serif"},input2:{height:"38px",width:"100%",border:"1px solid #dadce0",boxSizing:"border-box",fontSize:"11px",textTransform:"lowercase",borderRadius:"5px",outline:"none",paddingLeft:"10px",fontFamily:"Roboto,Arial,sans-serif"},label:{textAlign:"center",fontSize:"12px",background:"#fff",position:"absolute",textTransform:"uppercase",color:"#3c4043",width:"35px",top:"-6px",left:"0",right:"0",marginLeft:"auto",marginRight:"auto",fontFamily:"Roboto,Arial,sans-serif"},label2:{left:"10px",textAlign:"center",fontSize:"12px",background:"#fff",position:"absolute",textTransform:"uppercase",color:"#3c4043",width:"32px",top:"-6px",fontFamily:"Roboto,Arial,sans-serif"},single:{flexGrow:"1",margin:"0px 4.4px"}}}),u=n.r+", "+n.g+", "+n.b,f=Math.round(a.h)+"°, "+Math.round(a.s*100)+"%, "+Math.round(a.l*100)+"%",p=Math.round(o.h)+"°, "+Math.round(o.s*100)+"%, "+Math.round(o.v*100)+"%";return c.createElement("div",{style:l.wrap,className:"flexbox-fix"},c.createElement("div",{style:l.fields},c.createElement("div",{style:l.double},c.createElement(O,{style:{input:l.input,label:l.label},label:"hex",value:i,onChange:s})),c.createElement("div",{style:l.column},c.createElement("div",{style:l.single},c.createElement(O,{style:{input:l.input2,label:l.label2},label:"rgb",value:u,onChange:s})),c.createElement("div",{style:l.single},c.createElement(O,{style:{input:l.input2,label:l.label2},label:"hsv",value:p,onChange:s})),c.createElement("div",{style:l.single},c.createElement(O,{style:{input:l.input2,label:l.label2},label:"hsl",value:f,onChange:s})))))},ji=function(e){var t=e.width,n=e.onChange,a=e.rgb,i=e.hsl,o=e.hsv,s=e.hex,l=e.header,u=e.styles,f=u===void 0?{}:u,p=e.className,h=p===void 0?"":p,d=C(L({default:{picker:{width:t,background:"#fff",border:"1px solid #dfe1e5",boxSizing:"initial",display:"flex",flexWrap:"wrap",borderRadius:"8px 8px 0px 0px"},head:{height:"57px",width:"100%",paddingTop:"16px",paddingBottom:"16px",paddingLeft:"16px",fontSize:"20px",boxSizing:"border-box",fontFamily:"Roboto-Regular,HelveticaNeue,Arial,sans-serif"},saturation:{width:"70%",padding:"0px",position:"relative",overflow:"hidden"},swatch:{width:"30%",height:"228px",padding:"0px",background:"rgba("+a.r+", "+a.g+", "+a.b+", 1)",position:"relative",overflow:"hidden"},body:{margin:"auto",width:"95%"},controls:{display:"flex",boxSizing:"border-box",height:"52px",paddingTop:"22px"},color:{width:"32px"},hue:{height:"8px",position:"relative",margin:"0px 16px 0px 16px",width:"100%"},Hue:{radius:"2px"}}},f));return c.createElement("div",{style:d.picker,className:"google-picker "+h},c.createElement("div",{style:d.head},l),c.createElement("div",{style:d.swatch}),c.createElement("div",{style:d.saturation},c.createElement(kr,{hsl:i,hsv:o,pointer:Ii,onChange:n})),c.createElement("div",{style:d.body},c.createElement("div",{style:d.controls,className:"flexbox-fix"},c.createElement("div",{style:d.hue},c.createElement(Ke,{style:d.Hue,hsl:i,radius:"4px",pointer:Fi,onChange:n}))),c.createElement(ty,{rgb:a,hsl:i,hex:s,hsv:o,onChange:n})))};ji.propTypes={width:y.PropTypes.oneOfType([y.PropTypes.string,y.PropTypes.number]),styles:y.PropTypes.object,header:y.PropTypes.string};ji.defaultProps={width:652,styles:{},header:"Color picker"};$(ji);const ny=({disabled:r=!1,options:e,value:t,onChange:n,slotProps:a})=>{const[i,o]=c.useState(!1),s=()=>{if(!r)return o(f=>!f)},l=()=>{o(!1)},u=f=>{f.key==="Enter"&&s()};return Ve.jsx($i.ClickAwayListener,{onClickAway:l,children:Ve.jsxs(Ni.PickerBackgroundBox,{disabled:r,tabIndex:0,onKeyDown:u,children:[Ve.jsx(rf.ColorPickerIcon,{onClick:s,fill:t}),i&&Ve.jsx($i.Box,{sx:Ni.circlePickerStyle,children:Ve.jsx(wb,{colors:e,color:t,onChange:f=>{n(f.hex),l()},circleSize:20,circleSpacing:5,width:"15rem"})})]})})};module.exports=ny;
|
|
@@ -7917,9 +7917,9 @@ Hi.defaultProps = {
|
|
|
7917
7917
|
$(Hi);
|
|
7918
7918
|
const yy = ({
|
|
7919
7919
|
disabled: r = !1,
|
|
7920
|
-
|
|
7921
|
-
|
|
7922
|
-
|
|
7920
|
+
options: e,
|
|
7921
|
+
value: t,
|
|
7922
|
+
onChange: n,
|
|
7923
7923
|
slotProps: a
|
|
7924
7924
|
}) => {
|
|
7925
7925
|
const [i, o] = lf(!1), s = () => {
|
|
@@ -8,15 +8,12 @@ export type CirclePickerSlotProps = {
|
|
|
8
8
|
};
|
|
9
9
|
export type ColorPickerProps = {
|
|
10
10
|
disabled?: boolean;
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
options?: string[];
|
|
12
|
+
value: string;
|
|
13
|
+
onChange: (newColor: HexaColor) => void;
|
|
14
14
|
slotProps?: CirclePickerSlotProps;
|
|
15
15
|
};
|
|
16
16
|
export type PickerBackGroundBoxProps = {
|
|
17
17
|
disabled: boolean | undefined;
|
|
18
18
|
};
|
|
19
|
-
export type PickerColorBoxProps = {
|
|
20
|
-
selectColor: string;
|
|
21
|
-
};
|
|
22
19
|
export type CustomSVGProps = SVGAttributes<SVGSVGElement>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cgi-learning-hub/ui",
|
|
3
|
-
"version": "1.5.1-dev.
|
|
3
|
+
"version": "1.5.1-dev.1745918699",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "CGI Learning-hub Team",
|
|
6
6
|
"description": "@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features",
|