From 02489d3ec0ef207351b6a91f199d02e834ab817b Mon Sep 17 00:00:00 2001 From: Ari Stathopoulos Date: Mon, 14 Oct 2019 01:18:16 +0300 Subject: [PATCH] v0.1 --- .gitattributes | 2 + dist/main.js | 2 +- src/Control/WCAGLinkColor.php | 6 +- src/WCAGLinkColorControl.js | 264 ++-------------------------------- 4 files changed, 19 insertions(+), 255 deletions(-) diff --git a/.gitattributes b/.gitattributes index a32479d..70a47c9 100644 --- a/.gitattributes +++ b/.gitattributes @@ -4,6 +4,8 @@ /.git export-ignore /.gitattributes export-ignore /.gitignore export-ignore +/.eslintignore export-ignore +/.eslintrc export-ignore /CHANGELOG.md export-ignore /composer.lock export-ignore /contributing.md export-ignore diff --git a/dist/main.js b/dist/main.js index 077d637..82f98a1 100644 --- a/dist/main.js +++ b/dist/main.js @@ -11,4 +11,4 @@ object-assign (c) Sindre Sorhus @license MIT -*/var n=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;function i(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},r=0;r<10;r++)t["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var r,l,u=i(e),c=1;c1&&void 0!==arguments[1]?arguments[1]:"span";return function(r){function n(){var r,a,c;l(this,n);for(var s=arguments.length,f=Array(s),d=0;d1&&void 0!==arguments[1])||arguments[1];r[e]=t};return 0===e&&n("first-child"),e===t-1&&n("last-child"),(0===e||e%2==0)&&n("even"),1===Math.abs(e%2)&&n("odd"),n("nth-child",e),r}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.AlphaPicker=void 0;var n=Object.assign||function(e){for(var t=1;ti?1:Math.round(100*s/i)/100,t.a!==f)return{h:t.h,s:t.s,l:t.l,a:f,source:"rgb"}}else{var d=void 0;if(n!==(d=c<0?0:c>a?1:Math.round(100*c/a)/100))return{h:t.h,s:t.s,l:t.l,a:d,source:"rgb"}}return null}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={},o=t.render=function(e,t,r,n){if("undefined"==typeof document&&!n)return null;var o=n?new n:document.createElement("canvas");o.width=2*r,o.height=2*r;var a=o.getContext("2d");return a?(a.fillStyle=e,a.fillRect(0,0,o.width,o.height),a.fillStyle=t,a.fillRect(0,0,r,r),a.translate(r,r),a.fillRect(0,0,r,r),o.toDataURL()):null};t.get=function(e,t,r,a){var i=e+"-"+t+"-"+r+(a?"-server":"");if(n[i])return n[i];var l=o(e,t,r,a);return n[i]=l,l}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.EditableInput=void 0;var n=function(){function e(e,t){for(var r=0;r-1},f=function(e){return Number(String(e).replace(/%/g,""))},d=t.EditableInput=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var r=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return r.handleBlur=function(){r.state.blurValue&&r.setState({value:r.state.blurValue,blurValue:null})},r.handleChange=function(e){r.setUpdatedValue(e.target.value,e)},r.handleKeyDown=function(e){var t=f(e.target.value);if(!isNaN(t)&&s(e.keyCode)){var n=r.getArrowOffset(),o=e.keyCode===u?t+n:t-n;r.setUpdatedValue(o,e)}},r.handleDrag=function(e){if(r.props.dragLabel){var t=Math.round(r.props.value+e.movementX);t>=0&&t<=r.props.dragMax&&r.props.onChange&&r.props.onChange(r.getValueObjectWithLabel(t),e)}},r.handleMouseDown=function(e){r.props.dragLabel&&(e.preventDefault(),r.handleDrag(e),window.addEventListener("mousemove",r.handleDrag),window.addEventListener("mouseup",r.handleMouseUp))},r.handleMouseUp=function(){r.unbindEventListeners()},r.unbindEventListeners=function(){window.removeEventListener("mousemove",r.handleDrag),window.removeEventListener("mouseup",r.handleMouseUp)},r.state={value:String(e.value).toUpperCase(),blurValue:String(e.value).toUpperCase()},r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),n(t,[{key:"componentWillReceiveProps",value:function(e){var t=this.input;e.value!==this.state.value&&(t===document.activeElement?this.setState({blurValue:String(e.value).toUpperCase()}):this.setState({value:String(e.value).toUpperCase(),blurValue:!this.state.blurValue&&String(e.value).toUpperCase()}))}},{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"getValueObjectWithLabel",value:function(e){return function(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}({},this.props.label,e)}},{key:"getArrowOffset",value:function(){return this.props.arrowOffset||1}},{key:"setUpdatedValue",value:function(e,t){var r=null!==this.props.label?this.getValueObjectWithLabel(e):e;this.props.onChange&&this.props.onChange(r,t);var n,o=function(e){return String(e).indexOf("%")>-1}(t.target.value);this.setState({value:o?(n=e,n+"%"):e})}},{key:"render",value:function(){var e=this,t=(0,i.default)({default:{wrap:{position:"relative"}},"user-override":{wrap:this.props.style&&this.props.style.wrap?this.props.style.wrap:{},input:this.props.style&&this.props.style.input?this.props.style.input:{},label:this.props.style&&this.props.style.label?this.props.style.label:{}},"dragLabel-true":{label:{cursor:"ew-resize"}}},{"user-override":!0},this.props);return a.default.createElement("div",{style:t.wrap},a.default.createElement("input",{style:t.input,ref:function(t){return e.input=t},value:this.state.value,onKeyDown:this.handleKeyDown,onChange:this.handleChange,onBlur:this.handleBlur,placeholder:this.props.placeholder,spellCheck:"false"}),this.props.label&&!this.props.hideLabel?a.default.createElement("span",{style:t.label,onMouseDown:this.handleMouseDown},this.props.label):null)}}]),t}(o.PureComponent||o.Component);t.default=d},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Hue=void 0;var n=function(){function e(e,t){for(var r=0;ra)s=0;else{s=360*(-100*c/a+100)/100}if(r.h!==s)return{h:s,s:r.s,l:r.l,a:r.a,source:"rgb"}}else{var f=void 0;if(u<0)f=0;else if(u>o)f=359;else{f=360*(100*u/o)/100}if(r.h!==f)return{h:f,s:r.s,l:r.l,a:r.a,source:"rgb"}}return null}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Raised=void 0;var n=l(r(0)),o=l(r(4)),a=l(r(1)),i=l(r(5));function l(e){return e&&e.__esModule?e:{default:e}}var u=t.Raised=function(e){var t=e.zDepth,r=e.radius,o=e.background,l=e.children,u=e.styles,c=void 0===u?{}:u,s=(0,a.default)((0,i.default)({default:{wrap:{position:"relative",display:"inline-block"},content:{position:"relative"},bg:{absolute:"0px 0px 0px 0px",boxShadow:"0 "+t+"px "+4*t+"px rgba(0,0,0,.24)",borderRadius:r,background:o}},"zDepth-0":{bg:{boxShadow:"none"}},"zDepth-1":{bg:{boxShadow:"0 2px 10px rgba(0,0,0,.12), 0 2px 5px rgba(0,0,0,.16)"}},"zDepth-2":{bg:{boxShadow:"0 6px 20px rgba(0,0,0,.19), 0 8px 17px rgba(0,0,0,.2)"}},"zDepth-3":{bg:{boxShadow:"0 17px 50px rgba(0,0,0,.19), 0 12px 15px rgba(0,0,0,.24)"}},"zDepth-4":{bg:{boxShadow:"0 25px 55px rgba(0,0,0,.21), 0 16px 28px rgba(0,0,0,.22)"}},"zDepth-5":{bg:{boxShadow:"0 40px 77px rgba(0,0,0,.22), 0 27px 24px rgba(0,0,0,.2)"}},square:{bg:{borderRadius:"0"}},circle:{bg:{borderRadius:"50%"}}},c),{"zDepth-1":1===t});return n.default.createElement("div",{style:s.wrap},n.default.createElement("div",{style:s.bg}),n.default.createElement("div",{style:s.content},l))};u.propTypes={background:o.default.string,zDepth:o.default.oneOf([0,1,2,3,4,5]),radius:o.default.number,styles:o.default.object},u.defaultProps={background:"#fff",zDepth:1,radius:2,styles:{}},t.default=u},function(e,t,r){"use strict";var n=r(189);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,r,o,a,i){if(i!==n){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var r={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return r.PropTypes=r,r}},function(e,t,r){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,r){var n=r(20),o=r(77),a=r(50),i=r(191),l=r(6),u=r(28),c=r(78);e.exports=function e(t,r,s,f,d){t!==r&&a(r,(function(a,u){if(d||(d=new n),l(a))i(t,r,u,s,e,f,d);else{var p=f?f(c(t,u),a,u+"",t,r,d):void 0;void 0===p&&(p=a),o(t,u,p)}}),u)}},function(e,t,r){var n=r(77),o=r(72),a=r(75),i=r(73),l=r(76),u=r(30),c=r(3),s=r(192),f=r(18),d=r(38),p=r(6),h=r(54),b=r(33),v=r(78),g=r(193);e.exports=function(e,t,r,y,x,m,w){var _=v(e,r),C=v(t,r),E=w.get(C);if(E)n(e,r,E);else{var O=m?m(_,C,r+"",e,t,w):void 0,j=void 0===O;if(j){var S=c(C),k=!S&&f(C),P=!S&&!k&&b(C);O=C,S||k||P?c(_)?O=_:s(_)?O=i(_):k?(j=!1,O=o(C,!0)):P?(j=!1,O=a(C,!0)):O=[]:h(C)||u(C)?(O=_,u(_)?O=g(_):p(_)&&!d(_)||(O=l(C))):j=!1}j&&(w.set(C,O),x(O,C,y,m,w),w.delete(C)),n(e,r,O)}}},function(e,t,r){var n=r(13),o=r(9);e.exports=function(e){return o(e)&&n(e)}},function(e,t,r){var n=r(17),o=r(28);e.exports=function(e){return n(e,o(e))}},function(e,t,r){var n=r(195),o=r(202);e.exports=function(e){return n((function(t,r){var n=-1,a=r.length,i=a>1?r[a-1]:void 0,l=a>2?r[2]:void 0;for(i=e.length>3&&"function"==typeof i?(a--,i):void 0,l&&o(r[0],r[1],l)&&(i=a<3?void 0:i,a=1),t=Object(t);++n0){if(++t>=r)return arguments[0]}else t=0;return e.apply(void 0,arguments)}}},function(e,t,r){var n=r(16),o=r(13),a=r(32),i=r(6);e.exports=function(e,t,r){if(!i(r))return!1;var l=typeof t;return!!("number"==l?o(r)&&a(t,r.length):"string"==l&&t in r)&&n(r[t],e)}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Saturation=void 0;var n=function(){function e(e,t){for(var r=0;ro?u=o:c<0?c=0:c>a&&(c=a);var s=100*u/o,f=-100*c/a+100;return{h:t.h,s:s,v:f,a:t.a,source:"rgb"}}},function(e,t,r){e.exports=r(209)},function(e,t,r){var n=r(69),o=r(68),a=r(53),i=r(3);e.exports=function(e,t){return(i(e)?n:o)(e,a(t))}},function(e,t,r){var n;!function(o){var a=/^\s+/,i=/\s+$/,l=0,u=o.round,c=o.min,s=o.max,f=o.random;function d(e,t){if(t=t||{},(e=e||"")instanceof d)return e;if(!(this instanceof d))return new d(e,t);var r=function(e){var t={r:0,g:0,b:0},r=1,n=null,l=null,u=null,f=!1,d=!1;"string"==typeof e&&(e=function(e){e=e.replace(a,"").replace(i,"").toLowerCase();var t,r=!1;if(M[e])e=M[e],r=!0;else if("transparent"==e)return{r:0,g:0,b:0,a:0,format:"name"};if(t=W.rgb.exec(e))return{r:t[1],g:t[2],b:t[3]};if(t=W.rgba.exec(e))return{r:t[1],g:t[2],b:t[3],a:t[4]};if(t=W.hsl.exec(e))return{h:t[1],s:t[2],l:t[3]};if(t=W.hsla.exec(e))return{h:t[1],s:t[2],l:t[3],a:t[4]};if(t=W.hsv.exec(e))return{h:t[1],s:t[2],v:t[3]};if(t=W.hsva.exec(e))return{h:t[1],s:t[2],v:t[3],a:t[4]};if(t=W.hex8.exec(e))return{r:H(t[1]),g:H(t[2]),b:H(t[3]),a:L(t[4]),format:r?"name":"hex8"};if(t=W.hex6.exec(e))return{r:H(t[1]),g:H(t[2]),b:H(t[3]),format:r?"name":"hex"};if(t=W.hex4.exec(e))return{r:H(t[1]+""+t[1]),g:H(t[2]+""+t[2]),b:H(t[3]+""+t[3]),a:L(t[4]+""+t[4]),format:r?"name":"hex8"};if(t=W.hex3.exec(e))return{r:H(t[1]+""+t[1]),g:H(t[2]+""+t[2]),b:H(t[3]+""+t[3]),format:r?"name":"hex"};return!1}(e));"object"==typeof e&&(U(e.r)&&U(e.g)&&U(e.b)?(p=e.r,h=e.g,b=e.b,t={r:255*F(p,255),g:255*F(h,255),b:255*F(b,255)},f=!0,d="%"===String(e.r).substr(-1)?"prgb":"rgb"):U(e.h)&&U(e.s)&&U(e.v)?(n=z(e.s),l=z(e.v),t=function(e,t,r){e=6*F(e,360),t=F(t,100),r=F(r,100);var n=o.floor(e),a=e-n,i=r*(1-t),l=r*(1-a*t),u=r*(1-(1-a)*t),c=n%6;return{r:255*[r,l,i,i,u,r][c],g:255*[u,r,r,l,i,i][c],b:255*[i,i,u,r,r,l][c]}}(e.h,n,l),f=!0,d="hsv"):U(e.h)&&U(e.s)&&U(e.l)&&(n=z(e.s),u=z(e.l),t=function(e,t,r){var n,o,a;function i(e,t,r){return r<0&&(r+=1),r>1&&(r-=1),r<1/6?e+6*(t-e)*r:r<.5?t:r<2/3?e+(t-e)*(2/3-r)*6:e}if(e=F(e,360),t=F(t,100),r=F(r,100),0===t)n=o=a=r;else{var l=r<.5?r*(1+t):r+t-r*t,u=2*r-l;n=i(u,l,e+1/3),o=i(u,l,e),a=i(u,l,e-1/3)}return{r:255*n,g:255*o,b:255*a}}(e.h,n,u),f=!0,d="hsl"),e.hasOwnProperty("a")&&(r=e.a));var p,h,b;return r=A(r),{ok:f,format:e.format||d,r:c(255,s(t.r,0)),g:c(255,s(t.g,0)),b:c(255,s(t.b,0)),a:r}}(e);this._originalInput=e,this._r=r.r,this._g=r.g,this._b=r.b,this._a=r.a,this._roundA=u(100*this._a)/100,this._format=t.format||r.format,this._gradientType=t.gradientType,this._r<1&&(this._r=u(this._r)),this._g<1&&(this._g=u(this._g)),this._b<1&&(this._b=u(this._b)),this._ok=r.ok,this._tc_id=l++}function p(e,t,r){e=F(e,255),t=F(t,255),r=F(r,255);var n,o,a=s(e,t,r),i=c(e,t,r),l=(a+i)/2;if(a==i)n=o=0;else{var u=a-i;switch(o=l>.5?u/(2-a-i):u/(a+i),a){case e:n=(t-r)/u+(t>1)+720)%360;--t;)n.h=(n.h+o)%360,a.push(d(n));return a}function P(e,t){t=t||6;for(var r=d(e).toHsv(),n=r.h,o=r.s,a=r.v,i=[],l=1/t;t--;)i.push(d({h:n,s:o,v:a})),a=(a+l)%1;return i}d.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(299*e.r+587*e.g+114*e.b)/1e3},getLuminance:function(){var e,t,r,n=this.toRgb();return e=n.r/255,t=n.g/255,r=n.b/255,.2126*(e<=.03928?e/12.92:o.pow((e+.055)/1.055,2.4))+.7152*(t<=.03928?t/12.92:o.pow((t+.055)/1.055,2.4))+.0722*(r<=.03928?r/12.92:o.pow((r+.055)/1.055,2.4))},setAlpha:function(e){return this._a=A(e),this._roundA=u(100*this._a)/100,this},toHsv:function(){var e=h(this._r,this._g,this._b);return{h:360*e.h,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=h(this._r,this._g,this._b),t=u(360*e.h),r=u(100*e.s),n=u(100*e.v);return 1==this._a?"hsv("+t+", "+r+"%, "+n+"%)":"hsva("+t+", "+r+"%, "+n+"%, "+this._roundA+")"},toHsl:function(){var e=p(this._r,this._g,this._b);return{h:360*e.h,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=p(this._r,this._g,this._b),t=u(360*e.h),r=u(100*e.s),n=u(100*e.l);return 1==this._a?"hsl("+t+", "+r+"%, "+n+"%)":"hsla("+t+", "+r+"%, "+n+"%, "+this._roundA+")"},toHex:function(e){return b(this._r,this._g,this._b,e)},toHexString:function(e){return"#"+this.toHex(e)},toHex8:function(e){return function(e,t,r,n,o){var a=[T(u(e).toString(16)),T(u(t).toString(16)),T(u(r).toString(16)),T(D(n))];if(o&&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[3].charAt(0)==a[3].charAt(1))return a[0].charAt(0)+a[1].charAt(0)+a[2].charAt(0)+a[3].charAt(0);return a.join("")}(this._r,this._g,this._b,this._a,e)},toHex8String:function(e){return"#"+this.toHex8(e)},toRgb:function(){return{r:u(this._r),g:u(this._g),b:u(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+u(this._r)+", "+u(this._g)+", "+u(this._b)+")":"rgba("+u(this._r)+", "+u(this._g)+", "+u(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:u(100*F(this._r,255))+"%",g:u(100*F(this._g,255))+"%",b:u(100*F(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+u(100*F(this._r,255))+"%, "+u(100*F(this._g,255))+"%, "+u(100*F(this._b,255))+"%)":"rgba("+u(100*F(this._r,255))+"%, "+u(100*F(this._g,255))+"%, "+u(100*F(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":!(this._a<1)&&(R[b(this._r,this._g,this._b,!0)]||!1)},toFilter:function(e){var t="#"+v(this._r,this._g,this._b,this._a),r=t,n=this._gradientType?"GradientType = 1, ":"";if(e){var o=d(e);r="#"+v(o._r,o._g,o._b,o._a)}return"progid:DXImageTransform.Microsoft.gradient("+n+"startColorstr="+t+",endColorstr="+r+")"},toString:function(e){var t=!!e;e=e||this._format;var r=!1,n=this._a<1&&this._a>=0;return t||!n||"hex"!==e&&"hex6"!==e&&"hex3"!==e&&"hex4"!==e&&"hex8"!==e&&"name"!==e?("rgb"===e&&(r=this.toRgbString()),"prgb"===e&&(r=this.toPercentageRgbString()),"hex"!==e&&"hex6"!==e||(r=this.toHexString()),"hex3"===e&&(r=this.toHexString(!0)),"hex4"===e&&(r=this.toHex8String(!0)),"hex8"===e&&(r=this.toHex8String()),"name"===e&&(r=this.toName()),"hsl"===e&&(r=this.toHslString()),"hsv"===e&&(r=this.toHsvString()),r||this.toHexString()):"name"===e&&0===this._a?this.toName():this.toRgbString()},clone:function(){return d(this.toString())},_applyModification:function(e,t){var r=e.apply(null,[this].concat([].slice.call(t)));return this._r=r._r,this._g=r._g,this._b=r._b,this.setAlpha(r._a),this},lighten:function(){return this._applyModification(m,arguments)},brighten:function(){return this._applyModification(w,arguments)},darken:function(){return this._applyModification(_,arguments)},desaturate:function(){return this._applyModification(g,arguments)},saturate:function(){return this._applyModification(y,arguments)},greyscale:function(){return this._applyModification(x,arguments)},spin:function(){return this._applyModification(C,arguments)},_applyCombination:function(e,t){return e.apply(null,[this].concat([].slice.call(t)))},analogous:function(){return this._applyCombination(k,arguments)},complement:function(){return this._applyCombination(E,arguments)},monochromatic:function(){return this._applyCombination(P,arguments)},splitcomplement:function(){return this._applyCombination(S,arguments)},triad:function(){return this._applyCombination(O,arguments)},tetrad:function(){return this._applyCombination(j,arguments)}},d.fromRatio=function(e,t){if("object"==typeof e){var r={};for(var n in e)e.hasOwnProperty(n)&&(r[n]="a"===n?e[n]:z(e[n]));e=r}return d(e,t)},d.equals=function(e,t){return!(!e||!t)&&d(e).toRgbString()==d(t).toRgbString()},d.random=function(){return d.fromRatio({r:f(),g:f(),b:f()})},d.mix=function(e,t,r){r=0===r?0:r||50;var n=d(e).toRgb(),o=d(t).toRgb(),a=r/100;return d({r:(o.r-n.r)*a+n.r,g:(o.g-n.g)*a+n.g,b:(o.b-n.b)*a+n.b,a:(o.a-n.a)*a+n.a})},d.readability=function(e,t){var r=d(e),n=d(t);return(o.max(r.getLuminance(),n.getLuminance())+.05)/(o.min(r.getLuminance(),n.getLuminance())+.05)},d.isReadable=function(e,t,r){var n,o,a=d.readability(e,t);switch(o=!1,(n=function(e){var t,r;t=((e=e||{level:"AA",size:"small"}).level||"AA").toUpperCase(),r=(e.size||"small").toLowerCase(),"AA"!==t&&"AAA"!==t&&(t="AA");"small"!==r&&"large"!==r&&(r="small");return{level:t,size:r}}(r)).level+n.size){case"AAsmall":case"AAAlarge":o=a>=4.5;break;case"AAlarge":o=a>=3;break;case"AAAsmall":o=a>=7}return o},d.mostReadable=function(e,t,r){var n,o,a,i,l=null,u=0;o=(r=r||{}).includeFallbackColors,a=r.level,i=r.size;for(var c=0;cu&&(u=n,l=d(t[c]));return d.isReadable(e,l,{level:a,size:i})||!o?l:(r.includeFallbackColors=!1,d.mostReadable(e,["#fff","#000"],r))};var M=d.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"},R=d.hexNames=function(e){var t={};for(var r in e)e.hasOwnProperty(r)&&(t[e[r]]=r);return t}(M);function A(e){return e=parseFloat(e),(isNaN(e)||e<0||e>1)&&(e=1),e}function F(e,t){(function(e){return"string"==typeof e&&-1!=e.indexOf(".")&&1===parseFloat(e)})(e)&&(e="100%");var r=function(e){return"string"==typeof e&&-1!=e.indexOf("%")}(e);return e=c(t,s(0,parseFloat(e))),r&&(e=parseInt(e*t,10)/100),o.abs(e-t)<1e-6?1:e%t/parseFloat(t)}function B(e){return c(1,s(0,e))}function H(e){return parseInt(e,16)}function T(e){return 1==e.length?"0"+e:""+e}function z(e){return e<=1&&(e=100*e+"%"),e}function D(e){return o.round(255*parseFloat(e)).toString(16)}function L(e){return H(e)/255}var I,N,G,W=(N="[\\s|\\(]+("+(I="(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)")+")[,|\\s]+("+I+")[,|\\s]+("+I+")\\s*\\)?",G="[\\s|\\(]+("+I+")[,|\\s]+("+I+")[,|\\s]+("+I+")[,|\\s]+("+I+")\\s*\\)?",{CSS_UNIT:new RegExp(I),rgb:new RegExp("rgb"+N),rgba:new RegExp("rgba"+G),hsl:new RegExp("hsl"+N),hsla:new RegExp("hsla"+G),hsv:new RegExp("hsv"+N),hsva:new RegExp("hsva"+G),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 U(e){return!!W.CSS_UNIT.exec(e)}e.exports?e.exports=d:void 0===(n=function(){return d}.call(t,r,t,e))||(e.exports=n)}(Math)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Swatch=void 0;var n=Object.assign||function(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:"span";return function(r){function n(){var e,t,r;u(this,n);for(var o=arguments.length,a=Array(o),i=0;i1&&(e.a=1),n.props.onChange({h:n.props.hsl.h,s:n.props.hsl.s,l:n.props.hsl.l,a:Math.round(100*e.a)/100,source:"rgb"},t)):(e.h||e.s||e.l)&&("string"==typeof e.s&&e.s.includes("%")&&(e.s=e.s.replace("%","")),"string"==typeof e.l&&e.l.includes("%")&&(e.l=e.l.replace("%","")),n.props.onChange({h:e.h||n.props.hsl.h,s:Number(e.s&&e.s||n.props.hsl.s),l:Number(e.l&&e.l||n.props.hsl.l),source:"hsl"},t))},n.showHighlight=function(e){e.currentTarget.style.background="#eee"},n.hideHighlight=function(e){e.currentTarget.style.background="transparent"},s(n,r)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),n(t,[{key:"componentDidMount",value:function(){1===this.props.hsl.a&&"hex"!==this.state.view?this.setState({view:"hex"}):"rgb"!==this.state.view&&"hsl"!==this.state.view&&this.setState({view:"rgb"})}},{key:"componentWillReceiveProps",value:function(e){1!==e.hsl.a&&"hex"===this.state.view&&this.setState({view:"rgb"})}},{key:"render",value:function(){var e=this,t=(0,a.default)({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),r=void 0;return"hex"===this.state.view?r=o.default.createElement("div",{style:t.fields,className:"flexbox-fix"},o.default.createElement("div",{style:t.field},o.default.createElement(l.EditableInput,{style:{input:t.input,label:t.label},label:"hex",value:this.props.hex,onChange:this.handleChange}))):"rgb"===this.state.view?r=o.default.createElement("div",{style:t.fields,className:"flexbox-fix"},o.default.createElement("div",{style:t.field},o.default.createElement(l.EditableInput,{style:{input:t.input,label:t.label},label:"r",value:this.props.rgb.r,onChange:this.handleChange})),o.default.createElement("div",{style:t.field},o.default.createElement(l.EditableInput,{style:{input:t.input,label:t.label},label:"g",value:this.props.rgb.g,onChange:this.handleChange})),o.default.createElement("div",{style:t.field},o.default.createElement(l.EditableInput,{style:{input:t.input,label:t.label},label:"b",value:this.props.rgb.b,onChange:this.handleChange})),o.default.createElement("div",{style:t.alpha},o.default.createElement(l.EditableInput,{style:{input:t.input,label:t.label},label:"a",value:this.props.rgb.a,arrowOffset:.01,onChange:this.handleChange}))):"hsl"===this.state.view&&(r=o.default.createElement("div",{style:t.fields,className:"flexbox-fix"},o.default.createElement("div",{style:t.field},o.default.createElement(l.EditableInput,{style:{input:t.input,label:t.label},label:"h",value:Math.round(this.props.hsl.h),onChange:this.handleChange})),o.default.createElement("div",{style:t.field},o.default.createElement(l.EditableInput,{style:{input:t.input,label:t.label},label:"s",value:Math.round(100*this.props.hsl.s)+"%",onChange:this.handleChange})),o.default.createElement("div",{style:t.field},o.default.createElement(l.EditableInput,{style:{input:t.input,label:t.label},label:"l",value:Math.round(100*this.props.hsl.l)+"%",onChange:this.handleChange})),o.default.createElement("div",{style:t.alpha},o.default.createElement(l.EditableInput,{style:{input:t.input,label:t.label},label:"a",value:this.props.hsl.a,arrowOffset:.01,onChange:this.handleChange})))),o.default.createElement("div",{style:t.wrap,className:"flexbox-fix"},r,o.default.createElement("div",{style:t.toggle},o.default.createElement("div",{style:t.icon,onClick:this.toggleViews,ref:function(t){return e.icon=t}},o.default.createElement(u.default,{style:t.svg,onMouseOver:this.showHighlight,onMouseEnter:this.showHighlight,onMouseOut:this.hideHighlight}))))}}]),t}(o.default.Component);t.default=f},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,o=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r}(e,["fill","width","height","style"]);return i.default.createElement("svg",o({viewBox:"0 0 24 24",style:o({fill:r,width:a,height:u},s)},f),i.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"}))}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ChromePointer=void 0;var n=a(r(0)),o=a(r(1));function a(e){return e&&e.__esModule?e:{default:e}}var i=t.ChromePointer=function(){var e=(0,o.default)({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 n.default.createElement("div",{style:e.picker})};t.default=i},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ChromePointerCircle=void 0;var n=a(r(0)),o=a(r(1));function a(e){return e&&e.__esModule?e:{default:e}}var i=t.ChromePointerCircle=function(){var e=(0,o.default)({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",boxShadow:"inset 0 0 0 1px #fff",transform:"translate(-6px, -6px)"}}});return n.default.createElement("div",{style:e.picker})};t.default=i},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Compact=void 0;var n=d(r(0)),o=d(r(4)),a=d(r(1)),i=d(r(10)),l=d(r(5)),u=d(r(8)),c=r(2),s=d(r(224)),f=d(r(225));function d(e){return e&&e.__esModule?e:{default:e}}var p=t.Compact=function(e){var t=e.onChange,r=e.onSwatchHover,o=e.colors,d=e.hex,p=e.rgb,h=e.styles,b=void 0===h?{}:h,v=e.className,g=void 0===v?"":v,y=(0,a.default)((0,l.default)({default:{Compact:{background:"#f6f6f6",radius:"4px"},compact:{paddingTop:"5px",paddingLeft:"5px",boxSizing:"initial",width:"240px"},clear:{clear:"both"}}},b)),x=function(e,r){e.hex?u.default.isValidHex(e.hex)&&t({hex:e.hex,source:"hex"},r):t(e,r)};return n.default.createElement(c.Raised,{style:y.Compact,styles:b},n.default.createElement("div",{style:y.compact,className:"compact-picker "+g},n.default.createElement("div",null,(0,i.default)(o,(function(e){return n.default.createElement(s.default,{key:e,color:e,active:e.toLowerCase()===d,onClick:x,onSwatchHover:r})})),n.default.createElement("div",{style:y.clear})),n.default.createElement(f.default,{hex:d,rgb:p,onChange:x})))};p.propTypes={colors:o.default.arrayOf(o.default.string),styles:o.default.object},p.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:{}},t.default=(0,c.ColorWrap)(p)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CompactColor=void 0;var n=l(r(0)),o=l(r(1)),a=l(r(8)),i=r(2);function l(e){return e&&e.__esModule?e:{default:e}}var u=t.CompactColor=function(e){var t=e.color,r=e.onClick,l=void 0===r?function(){}:r,u=e.onSwatchHover,c=e.active,s=(0,o.default)({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:a.default.getContrastingColor(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:c,"color-#FFFFFF":"#FFFFFF"===t,transparent:"transparent"===t});return n.default.createElement(i.Swatch,{style:s.color,color:t,onClick:l,onHover:u,focusStyle:{boxShadow:"0 0 4px "+t}},n.default.createElement("div",{style:s.dot}))};t.default=u},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CompactFields=void 0;var n=i(r(0)),o=i(r(1)),a=r(2);function i(e){return e&&e.__esModule?e:{default:e}}var l=t.CompactFields=function(e){var t=e.hex,r=e.rgb,i=e.onChange,l=(0,o.default)({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"}}}),u=function(e,t){e.r||e.g||e.b?i({r:e.r||r.r,g:e.g||r.g,b:e.b||r.b,source:"rgb"},t):i({hex:e.hex,source:"hex"},t)};return n.default.createElement("div",{style:l.fields,className:"flexbox-fix"},n.default.createElement("div",{style:l.active}),n.default.createElement(a.EditableInput,{style:{wrap:l.HEXwrap,input:l.HEXinput,label:l.HEXlabel},label:"hex",value:t,onChange:u}),n.default.createElement(a.EditableInput,{style:{wrap:l.RGBwrap,input:l.RGBinput,label:l.RGBlabel},label:"r",value:r.r,onChange:u}),n.default.createElement(a.EditableInput,{style:{wrap:l.RGBwrap,input:l.RGBinput,label:l.RGBlabel},label:"g",value:r.g,onChange:u}),n.default.createElement(a.EditableInput,{style:{wrap:l.RGBwrap,input:l.RGBinput,label:l.RGBlabel},label:"b",value:r.b,onChange:u}))};t.default=l},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Github=void 0;var n=s(r(0)),o=s(r(4)),a=s(r(1)),i=s(r(10)),l=s(r(5)),u=r(2),c=s(r(227));function s(e){return e&&e.__esModule?e:{default:e}}var f=t.Github=function(e){var t=e.width,r=e.colors,o=e.onChange,u=e.onSwatchHover,s=e.triangle,f=e.styles,d=void 0===f?{}:f,p=e.className,h=void 0===p?"":p,b=(0,a.default)((0,l.default)({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)"}}},d),{"hide-triangle":"hide"===s,"top-left-triangle":"top-left"===s,"top-right-triangle":"top-right"===s,"bottom-left-triangle":"bottom-left"===s,"bottom-right-triangle":"bottom-right"===s}),v=function(e,t){return o({hex:e,source:"hex"},t)};return n.default.createElement("div",{style:b.card,className:"github-picker "+h},n.default.createElement("div",{style:b.triangleShadow}),n.default.createElement("div",{style:b.triangle}),(0,i.default)(r,(function(e){return n.default.createElement(c.default,{color:e,key:e,onClick:v,onSwatchHover:u})})))};f.propTypes={width:o.default.oneOfType([o.default.string,o.default.number]),colors:o.default.arrayOf(o.default.string),triangle:o.default.oneOf(["hide","top-left","top-right","bottom-left","bottom-right"]),styles:o.default.object},f.defaultProps={width:200,colors:["#B80000","#DB3E00","#FCCB00","#008B02","#006B76","#1273DE","#004DCF","#5300EB","#EB9694","#FAD0C3","#FEF3BD","#C1E1C5","#BEDADC","#C4DEF6","#BED3F3","#D4C4FB"],triangle:"top-left",styles:{}},t.default=(0,u.ColorWrap)(f)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.GithubSwatch=void 0;var n=l(r(0)),o=r(1),a=l(o),i=r(2);function l(e){return e&&e.__esModule?e:{default:e}}var u=t.GithubSwatch=function(e){var t=e.hover,r=e.color,o=e.onClick,l=e.onSwatchHover,u={position:"relative",zIndex:"2",outline:"2px solid #fff",boxShadow:"0 0 5px 2px rgba(0,0,0,0.25)"},c=(0,a.default)({default:{swatch:{width:"25px",height:"25px",fontSize:"0"}},hover:{swatch:u}},{hover:t});return n.default.createElement("div",{style:c.swatch},n.default.createElement(i.Swatch,{color:r,onClick:o,onHover:l,focusStyle:u}))};t.default=(0,o.handleHover)(u)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.HuePicker=void 0;var n=Object.assign||function(e){for(var t=1;t.5});return n.default.createElement("div",{style:r.picker})};t.default=i},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.PhotoshopPointerCircle=void 0;var n=a(r(0)),o=a(r(1));function a(e){return e&&e.__esModule?e:{default:e}}var i=t.PhotoshopPointerCircle=function(){var e=(0,o.default)({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 n.default.createElement("div",{style:e.pointer},n.default.createElement("div",{style:e.left},n.default.createElement("div",{style:e.leftInside})),n.default.createElement("div",{style:e.right},n.default.createElement("div",{style:e.rightInside})))};t.default=i},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.PhotoshopButton=void 0;var n=a(r(0)),o=a(r(1));function a(e){return e&&e.__esModule?e:{default:e}}var i=t.PhotoshopButton=function(e){var t=e.onClick,r=e.label,a=e.children,i=e.active,l=(0,o.default)({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 n.default.createElement("div",{style:l.button,onClick:t},r||a)};t.default=i},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.PhotoshopPreviews=void 0;var n=a(r(0)),o=a(r(1));function a(e){return e&&e.__esModule?e:{default:e}}var i=t.PhotoshopPreviews=function(e){var t=e.rgb,r=e.currentColor,a=(0,o.default)({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:r,boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 -1px 0 #000"},label:{fontSize:"14px",color:"#000",textAlign:"center"}}});return n.default.createElement("div",null,n.default.createElement("div",{style:a.label},"new"),n.default.createElement("div",{style:a.swatches},n.default.createElement("div",{style:a.new}),n.default.createElement("div",{style:a.current})),n.default.createElement("div",{style:a.label},"current"))};t.default=i},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Sketch=void 0;var n=Object.assign||function(e){for(var t=1;t100&&(e.a=100),e.a/=100,t({h:l.h,s:l.s,l:l.l,a:e.a,source:"rgb"},n))};return n.default.createElement("div",{style:s.fields,className:"flexbox-fix"},n.default.createElement("div",{style:s.double},n.default.createElement(i.EditableInput,{style:{input:s.input,label:s.label},label:"hex",value:u.replace("#",""),onChange:f})),n.default.createElement("div",{style:s.single},n.default.createElement(i.EditableInput,{style:{input:s.input,label:s.label},label:"r",value:r.r,onChange:f,dragLabel:"true",dragMax:"255"})),n.default.createElement("div",{style:s.single},n.default.createElement(i.EditableInput,{style:{input:s.input,label:s.label},label:"g",value:r.g,onChange:f,dragLabel:"true",dragMax:"255"})),n.default.createElement("div",{style:s.single},n.default.createElement(i.EditableInput,{style:{input:s.input,label:s.label},label:"b",value:r.b,onChange:f,dragLabel:"true",dragMax:"255"})),n.default.createElement("div",{style:s.alpha},n.default.createElement(i.EditableInput,{style:{input:s.input,label:s.label},label:"a",value:Math.round(100*r.a),onChange:f,dragLabel:"true",dragMax:"100"})))};t.default=u},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SketchPresetColors=void 0;var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r}(e,["fill","width","height","style"]);return i.default.createElement("svg",o({viewBox:"0 0 24 24",style:o({fill:r,width:a,height:u},s)},f),i.default.createElement("path",{d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"}))}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Twitter=void 0;var n=s(r(0)),o=s(r(4)),a=s(r(1)),i=s(r(10)),l=s(r(5)),u=s(r(8)),c=r(2);function s(e){return e&&e.__esModule?e:{default:e}}var f=t.Twitter=function(e){var t=e.onChange,r=e.onSwatchHover,o=e.hex,s=e.colors,f=e.width,d=e.triangle,p=e.styles,h=void 0===p?{}:p,b=e.className,v=void 0===b?"":b,g=(0,a.default)((0,l.default)({default:{card:{width:f,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"}}},h),{"hide-triangle":"hide"===d,"top-left-triangle":"top-left"===d,"top-right-triangle":"top-right"===d}),y=function(e,r){u.default.isValidHex(e)&&t({hex:e,source:"hex"},r)};return n.default.createElement("div",{style:g.card,className:"twitter-picker "+v},n.default.createElement("div",{style:g.triangleShadow}),n.default.createElement("div",{style:g.triangle}),n.default.createElement("div",{style:g.body},(0,i.default)(s,(function(e,t){return n.default.createElement(c.Swatch,{key:t,color:e,hex:e,style:g.swatch,onClick:y,onHover:r,focusStyle:{boxShadow:"0 0 4px "+e}})})),n.default.createElement("div",{style:g.hash},"#"),n.default.createElement(c.EditableInput,{label:null,style:{input:g.input},value:o.replace("#",""),onChange:y}),n.default.createElement("div",{style:g.clear})))};f.propTypes={width:o.default.oneOfType([o.default.string,o.default.number]),triangle:o.default.oneOf(["hide","top-left","top-right"]),colors:o.default.arrayOf(o.default.string),styles:o.default.object},f.defaultProps={width:276,colors:["#FF6900","#FCB900","#7BDCB5","#00D084","#8ED1FC","#0693E3","#ABB8C3","#EB144C","#F78DA7","#9900EF"],triangle:"top-left",styles:{}},t.default=(0,c.ColorWrap)(f)},function(e,t,r){(function(t){var r="Expected a function",n=NaN,o="[object Symbol]",a=/^\s+|\s+$/g,i=/^[-+]0x[0-9a-f]+$/i,l=/^0b[01]+$/i,u=/^0o[0-7]+$/i,c=parseInt,s="object"==typeof t&&t&&t.Object===Object&&t,f="object"==typeof self&&self&&self.Object===Object&&self,d=s||f||Function("return this")(),p=Object.prototype.toString,h=Math.max,b=Math.min,v=function(){return d.Date.now()};function g(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function y(e){if("number"==typeof e)return e;if(function(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&p.call(e)==o}(e))return n;if(g(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=g(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(a,"");var r=l.test(e);return r||u.test(e)?c(e.slice(2),r?2:8):i.test(e)?n:+e}e.exports=function(e,t,n){var o,a,i,l,u,c,s=0,f=!1,d=!1,p=!0;if("function"!=typeof e)throw new TypeError(r);function x(t){var r=o,n=a;return o=a=void 0,s=t,l=e.apply(n,r)}function m(e){var r=e-c;return void 0===c||r>=t||r<0||d&&e-s>=i}function w(){var e=v();if(m(e))return _(e);u=setTimeout(w,function(e){var r=t-(e-c);return d?b(r,i-(e-s)):r}(e))}function _(e){return u=void 0,p&&o?x(e):(o=a=void 0,l)}function C(){var e=v(),r=m(e);if(o=arguments,a=this,c=e,r){if(void 0===u)return function(e){return s=e,u=setTimeout(w,t),f?x(e):l}(c);if(d)return u=setTimeout(w,t),x(c)}return void 0===u&&(u=setTimeout(w,t)),l}return t=y(t)||0,g(n)&&(f=!!n.leading,i=(d="maxWait"in n)?h(y(n.maxWait)||0,t):i,p="trailing"in n?!!n.trailing:p),C.cancel=function(){void 0!==u&&clearTimeout(u),s=0,o=c=a=u=void 0},C.flush=function(){return void 0===u?l:_(v())},C}}).call(this,r(48))},function(e,t,r){"use strict";r.r(t);var n=r(1),o=r.n(n),a=r(82),i=function(e){var t,r=function(){return Math.round(100*Color(e.value).getDistanceLuminosityFrom(Color(e.backgroundColor)))/100},n=function(){return Math.round(100*Color(e.value).getDistanceLuminosityFrom(Color(e.textColor)))/100},a=function(){return 7<=r()&&3<=n()?"AAA":4.5<=r()?"AA":" - "},i=o()({default:{selectedColorWrapper:{"padding-bottom":"12px",display:"grid","grid-template-columns":"max-content 1fr","grid-gap":"12px"},selectedColorIndicator:{width:"30px",height:"30px","border-radius":"50%",display:"block","background-color":e.value},selectedColorIndicatorWrapper:{display:"flex","align-items":"center","justify-content":"center","flex-direction":"column"},selectedColorIndicatorText:{"font-size":"10px","font-weight":"700","font-family":"Menlo, Consolas, monaco, monospace",width:"max-content"},ratingIndicator:{"border-radius":"3px",padding:"3px 10px","background-color":(t=a(),"AAA"===t?"#008a20":"AA"===t?"#187aa2":"#d63638"),color:"#fff","font-weight":"700","font-size":"10px"},table:{"font-size":"10px",width:"100%","line-height":"1"},td:{padding:"3px"}}});return React.createElement("div",{style:i.selectedColorWrapper},React.createElement("div",{style:i.selectedColorIndicatorWrapper},React.createElement("div",{style:i.selectedColorIndicator}),React.createElement("p",{style:i.selectedColorIndicatorText},e.value)),React.createElement("table",{style:i.table},React.createElement("tr",null,React.createElement("td",{style:i.td},"Rating"),React.createElement("td",{style:i.td},React.createElement("span",{style:i.ratingIndicator},a()))),React.createElement("tr",null,React.createElement("td",{style:i.td},"Contrast with background"),React.createElement("td",{style:i.td},r())),React.createElement("tr",null,React.createElement("td",{style:i.td},"Contrast with surrounding text"),React.createElement("td",{style:i.td},n()))))};function l(){return(l=Object.assign||function(e){for(var t=1;t7?e-7:7-e)*(t>3?t-3:3-t))},getRecommendedColorsFlat:function(e,t){return!t&&this.recommendedColorsFlat||this.setRecommendedColorsFlat(e),this.recommendedColorsFlat},setRecommendedColorsFlat:function(e){var t=this.getRecommendedColors(e);this.recommendedColorsFlat=[];for(var r=0;r1&&void 0!==arguments[1]?arguments[1]:"span";return function(r){function n(){var r,a,c;l(this,n);for(var s=arguments.length,f=Array(s),d=0;d1&&void 0!==arguments[1])||arguments[1];r[e]=t};return 0===e&&n("first-child"),e===t-1&&n("last-child"),(0===e||e%2==0)&&n("even"),1===Math.abs(e%2)&&n("odd"),n("nth-child",e),r}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.AlphaPicker=void 0;var n=Object.assign||function(e){for(var t=1;ti?1:Math.round(100*s/i)/100,t.a!==f)return{h:t.h,s:t.s,l:t.l,a:f,source:"rgb"}}else{var d=void 0;if(n!==(d=c<0?0:c>a?1:Math.round(100*c/a)/100))return{h:t.h,s:t.s,l:t.l,a:d,source:"rgb"}}return null}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={},o=t.render=function(e,t,r,n){if("undefined"==typeof document&&!n)return null;var o=n?new n:document.createElement("canvas");o.width=2*r,o.height=2*r;var a=o.getContext("2d");return a?(a.fillStyle=e,a.fillRect(0,0,o.width,o.height),a.fillStyle=t,a.fillRect(0,0,r,r),a.translate(r,r),a.fillRect(0,0,r,r),o.toDataURL()):null};t.get=function(e,t,r,a){var i=e+"-"+t+"-"+r+(a?"-server":"");if(n[i])return n[i];var l=o(e,t,r,a);return n[i]=l,l}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.EditableInput=void 0;var n=function(){function e(e,t){for(var r=0;r-1},f=function(e){return Number(String(e).replace(/%/g,""))},d=t.EditableInput=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var r=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return r.handleBlur=function(){r.state.blurValue&&r.setState({value:r.state.blurValue,blurValue:null})},r.handleChange=function(e){r.setUpdatedValue(e.target.value,e)},r.handleKeyDown=function(e){var t=f(e.target.value);if(!isNaN(t)&&s(e.keyCode)){var n=r.getArrowOffset(),o=e.keyCode===u?t+n:t-n;r.setUpdatedValue(o,e)}},r.handleDrag=function(e){if(r.props.dragLabel){var t=Math.round(r.props.value+e.movementX);t>=0&&t<=r.props.dragMax&&r.props.onChange&&r.props.onChange(r.getValueObjectWithLabel(t),e)}},r.handleMouseDown=function(e){r.props.dragLabel&&(e.preventDefault(),r.handleDrag(e),window.addEventListener("mousemove",r.handleDrag),window.addEventListener("mouseup",r.handleMouseUp))},r.handleMouseUp=function(){r.unbindEventListeners()},r.unbindEventListeners=function(){window.removeEventListener("mousemove",r.handleDrag),window.removeEventListener("mouseup",r.handleMouseUp)},r.state={value:String(e.value).toUpperCase(),blurValue:String(e.value).toUpperCase()},r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),n(t,[{key:"componentWillReceiveProps",value:function(e){var t=this.input;e.value!==this.state.value&&(t===document.activeElement?this.setState({blurValue:String(e.value).toUpperCase()}):this.setState({value:String(e.value).toUpperCase(),blurValue:!this.state.blurValue&&String(e.value).toUpperCase()}))}},{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"getValueObjectWithLabel",value:function(e){return function(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}({},this.props.label,e)}},{key:"getArrowOffset",value:function(){return this.props.arrowOffset||1}},{key:"setUpdatedValue",value:function(e,t){var r=null!==this.props.label?this.getValueObjectWithLabel(e):e;this.props.onChange&&this.props.onChange(r,t);var n,o=function(e){return String(e).indexOf("%")>-1}(t.target.value);this.setState({value:o?(n=e,n+"%"):e})}},{key:"render",value:function(){var e=this,t=(0,i.default)({default:{wrap:{position:"relative"}},"user-override":{wrap:this.props.style&&this.props.style.wrap?this.props.style.wrap:{},input:this.props.style&&this.props.style.input?this.props.style.input:{},label:this.props.style&&this.props.style.label?this.props.style.label:{}},"dragLabel-true":{label:{cursor:"ew-resize"}}},{"user-override":!0},this.props);return a.default.createElement("div",{style:t.wrap},a.default.createElement("input",{style:t.input,ref:function(t){return e.input=t},value:this.state.value,onKeyDown:this.handleKeyDown,onChange:this.handleChange,onBlur:this.handleBlur,placeholder:this.props.placeholder,spellCheck:"false"}),this.props.label&&!this.props.hideLabel?a.default.createElement("span",{style:t.label,onMouseDown:this.handleMouseDown},this.props.label):null)}}]),t}(o.PureComponent||o.Component);t.default=d},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Hue=void 0;var n=function(){function e(e,t){for(var r=0;ra)s=0;else{s=360*(-100*c/a+100)/100}if(r.h!==s)return{h:s,s:r.s,l:r.l,a:r.a,source:"rgb"}}else{var f=void 0;if(u<0)f=0;else if(u>o)f=359;else{f=360*(100*u/o)/100}if(r.h!==f)return{h:f,s:r.s,l:r.l,a:r.a,source:"rgb"}}return null}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Raised=void 0;var n=l(r(0)),o=l(r(4)),a=l(r(1)),i=l(r(5));function l(e){return e&&e.__esModule?e:{default:e}}var u=t.Raised=function(e){var t=e.zDepth,r=e.radius,o=e.background,l=e.children,u=e.styles,c=void 0===u?{}:u,s=(0,a.default)((0,i.default)({default:{wrap:{position:"relative",display:"inline-block"},content:{position:"relative"},bg:{absolute:"0px 0px 0px 0px",boxShadow:"0 "+t+"px "+4*t+"px rgba(0,0,0,.24)",borderRadius:r,background:o}},"zDepth-0":{bg:{boxShadow:"none"}},"zDepth-1":{bg:{boxShadow:"0 2px 10px rgba(0,0,0,.12), 0 2px 5px rgba(0,0,0,.16)"}},"zDepth-2":{bg:{boxShadow:"0 6px 20px rgba(0,0,0,.19), 0 8px 17px rgba(0,0,0,.2)"}},"zDepth-3":{bg:{boxShadow:"0 17px 50px rgba(0,0,0,.19), 0 12px 15px rgba(0,0,0,.24)"}},"zDepth-4":{bg:{boxShadow:"0 25px 55px rgba(0,0,0,.21), 0 16px 28px rgba(0,0,0,.22)"}},"zDepth-5":{bg:{boxShadow:"0 40px 77px rgba(0,0,0,.22), 0 27px 24px rgba(0,0,0,.2)"}},square:{bg:{borderRadius:"0"}},circle:{bg:{borderRadius:"50%"}}},c),{"zDepth-1":1===t});return n.default.createElement("div",{style:s.wrap},n.default.createElement("div",{style:s.bg}),n.default.createElement("div",{style:s.content},l))};u.propTypes={background:o.default.string,zDepth:o.default.oneOf([0,1,2,3,4,5]),radius:o.default.number,styles:o.default.object},u.defaultProps={background:"#fff",zDepth:1,radius:2,styles:{}},t.default=u},function(e,t,r){"use strict";var n=r(189);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,r,o,a,i){if(i!==n){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var r={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return r.PropTypes=r,r}},function(e,t,r){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,r){var n=r(20),o=r(77),a=r(50),i=r(191),l=r(6),u=r(28),c=r(78);e.exports=function e(t,r,s,f,d){t!==r&&a(r,(function(a,u){if(d||(d=new n),l(a))i(t,r,u,s,e,f,d);else{var p=f?f(c(t,u),a,u+"",t,r,d):void 0;void 0===p&&(p=a),o(t,u,p)}}),u)}},function(e,t,r){var n=r(77),o=r(72),a=r(75),i=r(73),l=r(76),u=r(30),c=r(3),s=r(192),f=r(18),d=r(38),p=r(6),h=r(54),b=r(33),v=r(78),g=r(193);e.exports=function(e,t,r,y,x,m,w){var _=v(e,r),C=v(t,r),E=w.get(C);if(E)n(e,r,E);else{var O=m?m(_,C,r+"",e,t,w):void 0,j=void 0===O;if(j){var S=c(C),k=!S&&f(C),P=!S&&!k&&b(C);O=C,S||k||P?c(_)?O=_:s(_)?O=i(_):k?(j=!1,O=o(C,!0)):P?(j=!1,O=a(C,!0)):O=[]:h(C)||u(C)?(O=_,u(_)?O=g(_):p(_)&&!d(_)||(O=l(C))):j=!1}j&&(w.set(C,O),x(O,C,y,m,w),w.delete(C)),n(e,r,O)}}},function(e,t,r){var n=r(13),o=r(9);e.exports=function(e){return o(e)&&n(e)}},function(e,t,r){var n=r(17),o=r(28);e.exports=function(e){return n(e,o(e))}},function(e,t,r){var n=r(195),o=r(202);e.exports=function(e){return n((function(t,r){var n=-1,a=r.length,i=a>1?r[a-1]:void 0,l=a>2?r[2]:void 0;for(i=e.length>3&&"function"==typeof i?(a--,i):void 0,l&&o(r[0],r[1],l)&&(i=a<3?void 0:i,a=1),t=Object(t);++n0){if(++t>=r)return arguments[0]}else t=0;return e.apply(void 0,arguments)}}},function(e,t,r){var n=r(16),o=r(13),a=r(32),i=r(6);e.exports=function(e,t,r){if(!i(r))return!1;var l=typeof t;return!!("number"==l?o(r)&&a(t,r.length):"string"==l&&t in r)&&n(r[t],e)}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Saturation=void 0;var n=function(){function e(e,t){for(var r=0;ro?u=o:c<0?c=0:c>a&&(c=a);var s=100*u/o,f=-100*c/a+100;return{h:t.h,s:s,v:f,a:t.a,source:"rgb"}}},function(e,t,r){e.exports=r(209)},function(e,t,r){var n=r(69),o=r(68),a=r(53),i=r(3);e.exports=function(e,t){return(i(e)?n:o)(e,a(t))}},function(e,t,r){var n;!function(o){var a=/^\s+/,i=/\s+$/,l=0,u=o.round,c=o.min,s=o.max,f=o.random;function d(e,t){if(t=t||{},(e=e||"")instanceof d)return e;if(!(this instanceof d))return new d(e,t);var r=function(e){var t={r:0,g:0,b:0},r=1,n=null,l=null,u=null,f=!1,d=!1;"string"==typeof e&&(e=function(e){e=e.replace(a,"").replace(i,"").toLowerCase();var t,r=!1;if(M[e])e=M[e],r=!0;else if("transparent"==e)return{r:0,g:0,b:0,a:0,format:"name"};if(t=W.rgb.exec(e))return{r:t[1],g:t[2],b:t[3]};if(t=W.rgba.exec(e))return{r:t[1],g:t[2],b:t[3],a:t[4]};if(t=W.hsl.exec(e))return{h:t[1],s:t[2],l:t[3]};if(t=W.hsla.exec(e))return{h:t[1],s:t[2],l:t[3],a:t[4]};if(t=W.hsv.exec(e))return{h:t[1],s:t[2],v:t[3]};if(t=W.hsva.exec(e))return{h:t[1],s:t[2],v:t[3],a:t[4]};if(t=W.hex8.exec(e))return{r:H(t[1]),g:H(t[2]),b:H(t[3]),a:L(t[4]),format:r?"name":"hex8"};if(t=W.hex6.exec(e))return{r:H(t[1]),g:H(t[2]),b:H(t[3]),format:r?"name":"hex"};if(t=W.hex4.exec(e))return{r:H(t[1]+""+t[1]),g:H(t[2]+""+t[2]),b:H(t[3]+""+t[3]),a:L(t[4]+""+t[4]),format:r?"name":"hex8"};if(t=W.hex3.exec(e))return{r:H(t[1]+""+t[1]),g:H(t[2]+""+t[2]),b:H(t[3]+""+t[3]),format:r?"name":"hex"};return!1}(e));"object"==typeof e&&(U(e.r)&&U(e.g)&&U(e.b)?(p=e.r,h=e.g,b=e.b,t={r:255*F(p,255),g:255*F(h,255),b:255*F(b,255)},f=!0,d="%"===String(e.r).substr(-1)?"prgb":"rgb"):U(e.h)&&U(e.s)&&U(e.v)?(n=z(e.s),l=z(e.v),t=function(e,t,r){e=6*F(e,360),t=F(t,100),r=F(r,100);var n=o.floor(e),a=e-n,i=r*(1-t),l=r*(1-a*t),u=r*(1-(1-a)*t),c=n%6;return{r:255*[r,l,i,i,u,r][c],g:255*[u,r,r,l,i,i][c],b:255*[i,i,u,r,r,l][c]}}(e.h,n,l),f=!0,d="hsv"):U(e.h)&&U(e.s)&&U(e.l)&&(n=z(e.s),u=z(e.l),t=function(e,t,r){var n,o,a;function i(e,t,r){return r<0&&(r+=1),r>1&&(r-=1),r<1/6?e+6*(t-e)*r:r<.5?t:r<2/3?e+(t-e)*(2/3-r)*6:e}if(e=F(e,360),t=F(t,100),r=F(r,100),0===t)n=o=a=r;else{var l=r<.5?r*(1+t):r+t-r*t,u=2*r-l;n=i(u,l,e+1/3),o=i(u,l,e),a=i(u,l,e-1/3)}return{r:255*n,g:255*o,b:255*a}}(e.h,n,u),f=!0,d="hsl"),e.hasOwnProperty("a")&&(r=e.a));var p,h,b;return r=A(r),{ok:f,format:e.format||d,r:c(255,s(t.r,0)),g:c(255,s(t.g,0)),b:c(255,s(t.b,0)),a:r}}(e);this._originalInput=e,this._r=r.r,this._g=r.g,this._b=r.b,this._a=r.a,this._roundA=u(100*this._a)/100,this._format=t.format||r.format,this._gradientType=t.gradientType,this._r<1&&(this._r=u(this._r)),this._g<1&&(this._g=u(this._g)),this._b<1&&(this._b=u(this._b)),this._ok=r.ok,this._tc_id=l++}function p(e,t,r){e=F(e,255),t=F(t,255),r=F(r,255);var n,o,a=s(e,t,r),i=c(e,t,r),l=(a+i)/2;if(a==i)n=o=0;else{var u=a-i;switch(o=l>.5?u/(2-a-i):u/(a+i),a){case e:n=(t-r)/u+(t>1)+720)%360;--t;)n.h=(n.h+o)%360,a.push(d(n));return a}function P(e,t){t=t||6;for(var r=d(e).toHsv(),n=r.h,o=r.s,a=r.v,i=[],l=1/t;t--;)i.push(d({h:n,s:o,v:a})),a=(a+l)%1;return i}d.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(299*e.r+587*e.g+114*e.b)/1e3},getLuminance:function(){var e,t,r,n=this.toRgb();return e=n.r/255,t=n.g/255,r=n.b/255,.2126*(e<=.03928?e/12.92:o.pow((e+.055)/1.055,2.4))+.7152*(t<=.03928?t/12.92:o.pow((t+.055)/1.055,2.4))+.0722*(r<=.03928?r/12.92:o.pow((r+.055)/1.055,2.4))},setAlpha:function(e){return this._a=A(e),this._roundA=u(100*this._a)/100,this},toHsv:function(){var e=h(this._r,this._g,this._b);return{h:360*e.h,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=h(this._r,this._g,this._b),t=u(360*e.h),r=u(100*e.s),n=u(100*e.v);return 1==this._a?"hsv("+t+", "+r+"%, "+n+"%)":"hsva("+t+", "+r+"%, "+n+"%, "+this._roundA+")"},toHsl:function(){var e=p(this._r,this._g,this._b);return{h:360*e.h,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=p(this._r,this._g,this._b),t=u(360*e.h),r=u(100*e.s),n=u(100*e.l);return 1==this._a?"hsl("+t+", "+r+"%, "+n+"%)":"hsla("+t+", "+r+"%, "+n+"%, "+this._roundA+")"},toHex:function(e){return b(this._r,this._g,this._b,e)},toHexString:function(e){return"#"+this.toHex(e)},toHex8:function(e){return function(e,t,r,n,o){var a=[T(u(e).toString(16)),T(u(t).toString(16)),T(u(r).toString(16)),T(D(n))];if(o&&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[3].charAt(0)==a[3].charAt(1))return a[0].charAt(0)+a[1].charAt(0)+a[2].charAt(0)+a[3].charAt(0);return a.join("")}(this._r,this._g,this._b,this._a,e)},toHex8String:function(e){return"#"+this.toHex8(e)},toRgb:function(){return{r:u(this._r),g:u(this._g),b:u(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+u(this._r)+", "+u(this._g)+", "+u(this._b)+")":"rgba("+u(this._r)+", "+u(this._g)+", "+u(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:u(100*F(this._r,255))+"%",g:u(100*F(this._g,255))+"%",b:u(100*F(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+u(100*F(this._r,255))+"%, "+u(100*F(this._g,255))+"%, "+u(100*F(this._b,255))+"%)":"rgba("+u(100*F(this._r,255))+"%, "+u(100*F(this._g,255))+"%, "+u(100*F(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":!(this._a<1)&&(R[b(this._r,this._g,this._b,!0)]||!1)},toFilter:function(e){var t="#"+v(this._r,this._g,this._b,this._a),r=t,n=this._gradientType?"GradientType = 1, ":"";if(e){var o=d(e);r="#"+v(o._r,o._g,o._b,o._a)}return"progid:DXImageTransform.Microsoft.gradient("+n+"startColorstr="+t+",endColorstr="+r+")"},toString:function(e){var t=!!e;e=e||this._format;var r=!1,n=this._a<1&&this._a>=0;return t||!n||"hex"!==e&&"hex6"!==e&&"hex3"!==e&&"hex4"!==e&&"hex8"!==e&&"name"!==e?("rgb"===e&&(r=this.toRgbString()),"prgb"===e&&(r=this.toPercentageRgbString()),"hex"!==e&&"hex6"!==e||(r=this.toHexString()),"hex3"===e&&(r=this.toHexString(!0)),"hex4"===e&&(r=this.toHex8String(!0)),"hex8"===e&&(r=this.toHex8String()),"name"===e&&(r=this.toName()),"hsl"===e&&(r=this.toHslString()),"hsv"===e&&(r=this.toHsvString()),r||this.toHexString()):"name"===e&&0===this._a?this.toName():this.toRgbString()},clone:function(){return d(this.toString())},_applyModification:function(e,t){var r=e.apply(null,[this].concat([].slice.call(t)));return this._r=r._r,this._g=r._g,this._b=r._b,this.setAlpha(r._a),this},lighten:function(){return this._applyModification(m,arguments)},brighten:function(){return this._applyModification(w,arguments)},darken:function(){return this._applyModification(_,arguments)},desaturate:function(){return this._applyModification(g,arguments)},saturate:function(){return this._applyModification(y,arguments)},greyscale:function(){return this._applyModification(x,arguments)},spin:function(){return this._applyModification(C,arguments)},_applyCombination:function(e,t){return e.apply(null,[this].concat([].slice.call(t)))},analogous:function(){return this._applyCombination(k,arguments)},complement:function(){return this._applyCombination(E,arguments)},monochromatic:function(){return this._applyCombination(P,arguments)},splitcomplement:function(){return this._applyCombination(S,arguments)},triad:function(){return this._applyCombination(O,arguments)},tetrad:function(){return this._applyCombination(j,arguments)}},d.fromRatio=function(e,t){if("object"==typeof e){var r={};for(var n in e)e.hasOwnProperty(n)&&(r[n]="a"===n?e[n]:z(e[n]));e=r}return d(e,t)},d.equals=function(e,t){return!(!e||!t)&&d(e).toRgbString()==d(t).toRgbString()},d.random=function(){return d.fromRatio({r:f(),g:f(),b:f()})},d.mix=function(e,t,r){r=0===r?0:r||50;var n=d(e).toRgb(),o=d(t).toRgb(),a=r/100;return d({r:(o.r-n.r)*a+n.r,g:(o.g-n.g)*a+n.g,b:(o.b-n.b)*a+n.b,a:(o.a-n.a)*a+n.a})},d.readability=function(e,t){var r=d(e),n=d(t);return(o.max(r.getLuminance(),n.getLuminance())+.05)/(o.min(r.getLuminance(),n.getLuminance())+.05)},d.isReadable=function(e,t,r){var n,o,a=d.readability(e,t);switch(o=!1,(n=function(e){var t,r;t=((e=e||{level:"AA",size:"small"}).level||"AA").toUpperCase(),r=(e.size||"small").toLowerCase(),"AA"!==t&&"AAA"!==t&&(t="AA");"small"!==r&&"large"!==r&&(r="small");return{level:t,size:r}}(r)).level+n.size){case"AAsmall":case"AAAlarge":o=a>=4.5;break;case"AAlarge":o=a>=3;break;case"AAAsmall":o=a>=7}return o},d.mostReadable=function(e,t,r){var n,o,a,i,l=null,u=0;o=(r=r||{}).includeFallbackColors,a=r.level,i=r.size;for(var c=0;cu&&(u=n,l=d(t[c]));return d.isReadable(e,l,{level:a,size:i})||!o?l:(r.includeFallbackColors=!1,d.mostReadable(e,["#fff","#000"],r))};var M=d.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"},R=d.hexNames=function(e){var t={};for(var r in e)e.hasOwnProperty(r)&&(t[e[r]]=r);return t}(M);function A(e){return e=parseFloat(e),(isNaN(e)||e<0||e>1)&&(e=1),e}function F(e,t){(function(e){return"string"==typeof e&&-1!=e.indexOf(".")&&1===parseFloat(e)})(e)&&(e="100%");var r=function(e){return"string"==typeof e&&-1!=e.indexOf("%")}(e);return e=c(t,s(0,parseFloat(e))),r&&(e=parseInt(e*t,10)/100),o.abs(e-t)<1e-6?1:e%t/parseFloat(t)}function B(e){return c(1,s(0,e))}function H(e){return parseInt(e,16)}function T(e){return 1==e.length?"0"+e:""+e}function z(e){return e<=1&&(e=100*e+"%"),e}function D(e){return o.round(255*parseFloat(e)).toString(16)}function L(e){return H(e)/255}var I,N,G,W=(N="[\\s|\\(]+("+(I="(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)")+")[,|\\s]+("+I+")[,|\\s]+("+I+")\\s*\\)?",G="[\\s|\\(]+("+I+")[,|\\s]+("+I+")[,|\\s]+("+I+")[,|\\s]+("+I+")\\s*\\)?",{CSS_UNIT:new RegExp(I),rgb:new RegExp("rgb"+N),rgba:new RegExp("rgba"+G),hsl:new RegExp("hsl"+N),hsla:new RegExp("hsla"+G),hsv:new RegExp("hsv"+N),hsva:new RegExp("hsva"+G),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 U(e){return!!W.CSS_UNIT.exec(e)}e.exports?e.exports=d:void 0===(n=function(){return d}.call(t,r,t,e))||(e.exports=n)}(Math)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Swatch=void 0;var n=Object.assign||function(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:"span";return function(r){function n(){var e,t,r;u(this,n);for(var o=arguments.length,a=Array(o),i=0;i1&&(e.a=1),n.props.onChange({h:n.props.hsl.h,s:n.props.hsl.s,l:n.props.hsl.l,a:Math.round(100*e.a)/100,source:"rgb"},t)):(e.h||e.s||e.l)&&("string"==typeof e.s&&e.s.includes("%")&&(e.s=e.s.replace("%","")),"string"==typeof e.l&&e.l.includes("%")&&(e.l=e.l.replace("%","")),n.props.onChange({h:e.h||n.props.hsl.h,s:Number(e.s&&e.s||n.props.hsl.s),l:Number(e.l&&e.l||n.props.hsl.l),source:"hsl"},t))},n.showHighlight=function(e){e.currentTarget.style.background="#eee"},n.hideHighlight=function(e){e.currentTarget.style.background="transparent"},s(n,r)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),n(t,[{key:"componentDidMount",value:function(){1===this.props.hsl.a&&"hex"!==this.state.view?this.setState({view:"hex"}):"rgb"!==this.state.view&&"hsl"!==this.state.view&&this.setState({view:"rgb"})}},{key:"componentWillReceiveProps",value:function(e){1!==e.hsl.a&&"hex"===this.state.view&&this.setState({view:"rgb"})}},{key:"render",value:function(){var e=this,t=(0,a.default)({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),r=void 0;return"hex"===this.state.view?r=o.default.createElement("div",{style:t.fields,className:"flexbox-fix"},o.default.createElement("div",{style:t.field},o.default.createElement(l.EditableInput,{style:{input:t.input,label:t.label},label:"hex",value:this.props.hex,onChange:this.handleChange}))):"rgb"===this.state.view?r=o.default.createElement("div",{style:t.fields,className:"flexbox-fix"},o.default.createElement("div",{style:t.field},o.default.createElement(l.EditableInput,{style:{input:t.input,label:t.label},label:"r",value:this.props.rgb.r,onChange:this.handleChange})),o.default.createElement("div",{style:t.field},o.default.createElement(l.EditableInput,{style:{input:t.input,label:t.label},label:"g",value:this.props.rgb.g,onChange:this.handleChange})),o.default.createElement("div",{style:t.field},o.default.createElement(l.EditableInput,{style:{input:t.input,label:t.label},label:"b",value:this.props.rgb.b,onChange:this.handleChange})),o.default.createElement("div",{style:t.alpha},o.default.createElement(l.EditableInput,{style:{input:t.input,label:t.label},label:"a",value:this.props.rgb.a,arrowOffset:.01,onChange:this.handleChange}))):"hsl"===this.state.view&&(r=o.default.createElement("div",{style:t.fields,className:"flexbox-fix"},o.default.createElement("div",{style:t.field},o.default.createElement(l.EditableInput,{style:{input:t.input,label:t.label},label:"h",value:Math.round(this.props.hsl.h),onChange:this.handleChange})),o.default.createElement("div",{style:t.field},o.default.createElement(l.EditableInput,{style:{input:t.input,label:t.label},label:"s",value:Math.round(100*this.props.hsl.s)+"%",onChange:this.handleChange})),o.default.createElement("div",{style:t.field},o.default.createElement(l.EditableInput,{style:{input:t.input,label:t.label},label:"l",value:Math.round(100*this.props.hsl.l)+"%",onChange:this.handleChange})),o.default.createElement("div",{style:t.alpha},o.default.createElement(l.EditableInput,{style:{input:t.input,label:t.label},label:"a",value:this.props.hsl.a,arrowOffset:.01,onChange:this.handleChange})))),o.default.createElement("div",{style:t.wrap,className:"flexbox-fix"},r,o.default.createElement("div",{style:t.toggle},o.default.createElement("div",{style:t.icon,onClick:this.toggleViews,ref:function(t){return e.icon=t}},o.default.createElement(u.default,{style:t.svg,onMouseOver:this.showHighlight,onMouseEnter:this.showHighlight,onMouseOut:this.hideHighlight}))))}}]),t}(o.default.Component);t.default=f},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,o=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r}(e,["fill","width","height","style"]);return i.default.createElement("svg",o({viewBox:"0 0 24 24",style:o({fill:r,width:a,height:u},s)},f),i.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"}))}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ChromePointer=void 0;var n=a(r(0)),o=a(r(1));function a(e){return e&&e.__esModule?e:{default:e}}var i=t.ChromePointer=function(){var e=(0,o.default)({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 n.default.createElement("div",{style:e.picker})};t.default=i},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ChromePointerCircle=void 0;var n=a(r(0)),o=a(r(1));function a(e){return e&&e.__esModule?e:{default:e}}var i=t.ChromePointerCircle=function(){var e=(0,o.default)({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",boxShadow:"inset 0 0 0 1px #fff",transform:"translate(-6px, -6px)"}}});return n.default.createElement("div",{style:e.picker})};t.default=i},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Compact=void 0;var n=d(r(0)),o=d(r(4)),a=d(r(1)),i=d(r(10)),l=d(r(5)),u=d(r(8)),c=r(2),s=d(r(224)),f=d(r(225));function d(e){return e&&e.__esModule?e:{default:e}}var p=t.Compact=function(e){var t=e.onChange,r=e.onSwatchHover,o=e.colors,d=e.hex,p=e.rgb,h=e.styles,b=void 0===h?{}:h,v=e.className,g=void 0===v?"":v,y=(0,a.default)((0,l.default)({default:{Compact:{background:"#f6f6f6",radius:"4px"},compact:{paddingTop:"5px",paddingLeft:"5px",boxSizing:"initial",width:"240px"},clear:{clear:"both"}}},b)),x=function(e,r){e.hex?u.default.isValidHex(e.hex)&&t({hex:e.hex,source:"hex"},r):t(e,r)};return n.default.createElement(c.Raised,{style:y.Compact,styles:b},n.default.createElement("div",{style:y.compact,className:"compact-picker "+g},n.default.createElement("div",null,(0,i.default)(o,(function(e){return n.default.createElement(s.default,{key:e,color:e,active:e.toLowerCase()===d,onClick:x,onSwatchHover:r})})),n.default.createElement("div",{style:y.clear})),n.default.createElement(f.default,{hex:d,rgb:p,onChange:x})))};p.propTypes={colors:o.default.arrayOf(o.default.string),styles:o.default.object},p.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:{}},t.default=(0,c.ColorWrap)(p)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CompactColor=void 0;var n=l(r(0)),o=l(r(1)),a=l(r(8)),i=r(2);function l(e){return e&&e.__esModule?e:{default:e}}var u=t.CompactColor=function(e){var t=e.color,r=e.onClick,l=void 0===r?function(){}:r,u=e.onSwatchHover,c=e.active,s=(0,o.default)({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:a.default.getContrastingColor(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:c,"color-#FFFFFF":"#FFFFFF"===t,transparent:"transparent"===t});return n.default.createElement(i.Swatch,{style:s.color,color:t,onClick:l,onHover:u,focusStyle:{boxShadow:"0 0 4px "+t}},n.default.createElement("div",{style:s.dot}))};t.default=u},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CompactFields=void 0;var n=i(r(0)),o=i(r(1)),a=r(2);function i(e){return e&&e.__esModule?e:{default:e}}var l=t.CompactFields=function(e){var t=e.hex,r=e.rgb,i=e.onChange,l=(0,o.default)({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"}}}),u=function(e,t){e.r||e.g||e.b?i({r:e.r||r.r,g:e.g||r.g,b:e.b||r.b,source:"rgb"},t):i({hex:e.hex,source:"hex"},t)};return n.default.createElement("div",{style:l.fields,className:"flexbox-fix"},n.default.createElement("div",{style:l.active}),n.default.createElement(a.EditableInput,{style:{wrap:l.HEXwrap,input:l.HEXinput,label:l.HEXlabel},label:"hex",value:t,onChange:u}),n.default.createElement(a.EditableInput,{style:{wrap:l.RGBwrap,input:l.RGBinput,label:l.RGBlabel},label:"r",value:r.r,onChange:u}),n.default.createElement(a.EditableInput,{style:{wrap:l.RGBwrap,input:l.RGBinput,label:l.RGBlabel},label:"g",value:r.g,onChange:u}),n.default.createElement(a.EditableInput,{style:{wrap:l.RGBwrap,input:l.RGBinput,label:l.RGBlabel},label:"b",value:r.b,onChange:u}))};t.default=l},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Github=void 0;var n=s(r(0)),o=s(r(4)),a=s(r(1)),i=s(r(10)),l=s(r(5)),u=r(2),c=s(r(227));function s(e){return e&&e.__esModule?e:{default:e}}var f=t.Github=function(e){var t=e.width,r=e.colors,o=e.onChange,u=e.onSwatchHover,s=e.triangle,f=e.styles,d=void 0===f?{}:f,p=e.className,h=void 0===p?"":p,b=(0,a.default)((0,l.default)({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)"}}},d),{"hide-triangle":"hide"===s,"top-left-triangle":"top-left"===s,"top-right-triangle":"top-right"===s,"bottom-left-triangle":"bottom-left"===s,"bottom-right-triangle":"bottom-right"===s}),v=function(e,t){return o({hex:e,source:"hex"},t)};return n.default.createElement("div",{style:b.card,className:"github-picker "+h},n.default.createElement("div",{style:b.triangleShadow}),n.default.createElement("div",{style:b.triangle}),(0,i.default)(r,(function(e){return n.default.createElement(c.default,{color:e,key:e,onClick:v,onSwatchHover:u})})))};f.propTypes={width:o.default.oneOfType([o.default.string,o.default.number]),colors:o.default.arrayOf(o.default.string),triangle:o.default.oneOf(["hide","top-left","top-right","bottom-left","bottom-right"]),styles:o.default.object},f.defaultProps={width:200,colors:["#B80000","#DB3E00","#FCCB00","#008B02","#006B76","#1273DE","#004DCF","#5300EB","#EB9694","#FAD0C3","#FEF3BD","#C1E1C5","#BEDADC","#C4DEF6","#BED3F3","#D4C4FB"],triangle:"top-left",styles:{}},t.default=(0,u.ColorWrap)(f)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.GithubSwatch=void 0;var n=l(r(0)),o=r(1),a=l(o),i=r(2);function l(e){return e&&e.__esModule?e:{default:e}}var u=t.GithubSwatch=function(e){var t=e.hover,r=e.color,o=e.onClick,l=e.onSwatchHover,u={position:"relative",zIndex:"2",outline:"2px solid #fff",boxShadow:"0 0 5px 2px rgba(0,0,0,0.25)"},c=(0,a.default)({default:{swatch:{width:"25px",height:"25px",fontSize:"0"}},hover:{swatch:u}},{hover:t});return n.default.createElement("div",{style:c.swatch},n.default.createElement(i.Swatch,{color:r,onClick:o,onHover:l,focusStyle:u}))};t.default=(0,o.handleHover)(u)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.HuePicker=void 0;var n=Object.assign||function(e){for(var t=1;t.5});return n.default.createElement("div",{style:r.picker})};t.default=i},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.PhotoshopPointerCircle=void 0;var n=a(r(0)),o=a(r(1));function a(e){return e&&e.__esModule?e:{default:e}}var i=t.PhotoshopPointerCircle=function(){var e=(0,o.default)({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 n.default.createElement("div",{style:e.pointer},n.default.createElement("div",{style:e.left},n.default.createElement("div",{style:e.leftInside})),n.default.createElement("div",{style:e.right},n.default.createElement("div",{style:e.rightInside})))};t.default=i},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.PhotoshopButton=void 0;var n=a(r(0)),o=a(r(1));function a(e){return e&&e.__esModule?e:{default:e}}var i=t.PhotoshopButton=function(e){var t=e.onClick,r=e.label,a=e.children,i=e.active,l=(0,o.default)({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 n.default.createElement("div",{style:l.button,onClick:t},r||a)};t.default=i},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.PhotoshopPreviews=void 0;var n=a(r(0)),o=a(r(1));function a(e){return e&&e.__esModule?e:{default:e}}var i=t.PhotoshopPreviews=function(e){var t=e.rgb,r=e.currentColor,a=(0,o.default)({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:r,boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 -1px 0 #000"},label:{fontSize:"14px",color:"#000",textAlign:"center"}}});return n.default.createElement("div",null,n.default.createElement("div",{style:a.label},"new"),n.default.createElement("div",{style:a.swatches},n.default.createElement("div",{style:a.new}),n.default.createElement("div",{style:a.current})),n.default.createElement("div",{style:a.label},"current"))};t.default=i},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Sketch=void 0;var n=Object.assign||function(e){for(var t=1;t100&&(e.a=100),e.a/=100,t({h:l.h,s:l.s,l:l.l,a:e.a,source:"rgb"},n))};return n.default.createElement("div",{style:s.fields,className:"flexbox-fix"},n.default.createElement("div",{style:s.double},n.default.createElement(i.EditableInput,{style:{input:s.input,label:s.label},label:"hex",value:u.replace("#",""),onChange:f})),n.default.createElement("div",{style:s.single},n.default.createElement(i.EditableInput,{style:{input:s.input,label:s.label},label:"r",value:r.r,onChange:f,dragLabel:"true",dragMax:"255"})),n.default.createElement("div",{style:s.single},n.default.createElement(i.EditableInput,{style:{input:s.input,label:s.label},label:"g",value:r.g,onChange:f,dragLabel:"true",dragMax:"255"})),n.default.createElement("div",{style:s.single},n.default.createElement(i.EditableInput,{style:{input:s.input,label:s.label},label:"b",value:r.b,onChange:f,dragLabel:"true",dragMax:"255"})),n.default.createElement("div",{style:s.alpha},n.default.createElement(i.EditableInput,{style:{input:s.input,label:s.label},label:"a",value:Math.round(100*r.a),onChange:f,dragLabel:"true",dragMax:"100"})))};t.default=u},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SketchPresetColors=void 0;var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r}(e,["fill","width","height","style"]);return i.default.createElement("svg",o({viewBox:"0 0 24 24",style:o({fill:r,width:a,height:u},s)},f),i.default.createElement("path",{d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"}))}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Twitter=void 0;var n=s(r(0)),o=s(r(4)),a=s(r(1)),i=s(r(10)),l=s(r(5)),u=s(r(8)),c=r(2);function s(e){return e&&e.__esModule?e:{default:e}}var f=t.Twitter=function(e){var t=e.onChange,r=e.onSwatchHover,o=e.hex,s=e.colors,f=e.width,d=e.triangle,p=e.styles,h=void 0===p?{}:p,b=e.className,v=void 0===b?"":b,g=(0,a.default)((0,l.default)({default:{card:{width:f,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"}}},h),{"hide-triangle":"hide"===d,"top-left-triangle":"top-left"===d,"top-right-triangle":"top-right"===d}),y=function(e,r){u.default.isValidHex(e)&&t({hex:e,source:"hex"},r)};return n.default.createElement("div",{style:g.card,className:"twitter-picker "+v},n.default.createElement("div",{style:g.triangleShadow}),n.default.createElement("div",{style:g.triangle}),n.default.createElement("div",{style:g.body},(0,i.default)(s,(function(e,t){return n.default.createElement(c.Swatch,{key:t,color:e,hex:e,style:g.swatch,onClick:y,onHover:r,focusStyle:{boxShadow:"0 0 4px "+e}})})),n.default.createElement("div",{style:g.hash},"#"),n.default.createElement(c.EditableInput,{label:null,style:{input:g.input},value:o.replace("#",""),onChange:y}),n.default.createElement("div",{style:g.clear})))};f.propTypes={width:o.default.oneOfType([o.default.string,o.default.number]),triangle:o.default.oneOf(["hide","top-left","top-right"]),colors:o.default.arrayOf(o.default.string),styles:o.default.object},f.defaultProps={width:276,colors:["#FF6900","#FCB900","#7BDCB5","#00D084","#8ED1FC","#0693E3","#ABB8C3","#EB144C","#F78DA7","#9900EF"],triangle:"top-left",styles:{}},t.default=(0,c.ColorWrap)(f)},function(e,t,r){(function(t){var r="Expected a function",n=NaN,o="[object Symbol]",a=/^\s+|\s+$/g,i=/^[-+]0x[0-9a-f]+$/i,l=/^0b[01]+$/i,u=/^0o[0-7]+$/i,c=parseInt,s="object"==typeof t&&t&&t.Object===Object&&t,f="object"==typeof self&&self&&self.Object===Object&&self,d=s||f||Function("return this")(),p=Object.prototype.toString,h=Math.max,b=Math.min,v=function(){return d.Date.now()};function g(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function y(e){if("number"==typeof e)return e;if(function(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&p.call(e)==o}(e))return n;if(g(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=g(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(a,"");var r=l.test(e);return r||u.test(e)?c(e.slice(2),r?2:8):i.test(e)?n:+e}e.exports=function(e,t,n){var o,a,i,l,u,c,s=0,f=!1,d=!1,p=!0;if("function"!=typeof e)throw new TypeError(r);function x(t){var r=o,n=a;return o=a=void 0,s=t,l=e.apply(n,r)}function m(e){var r=e-c;return void 0===c||r>=t||r<0||d&&e-s>=i}function w(){var e=v();if(m(e))return _(e);u=setTimeout(w,function(e){var r=t-(e-c);return d?b(r,i-(e-s)):r}(e))}function _(e){return u=void 0,p&&o?x(e):(o=a=void 0,l)}function C(){var e=v(),r=m(e);if(o=arguments,a=this,c=e,r){if(void 0===u)return function(e){return s=e,u=setTimeout(w,t),f?x(e):l}(c);if(d)return u=setTimeout(w,t),x(c)}return void 0===u&&(u=setTimeout(w,t)),l}return t=y(t)||0,g(n)&&(f=!!n.leading,i=(d="maxWait"in n)?h(y(n.maxWait)||0,t):i,p="trailing"in n?!!n.trailing:p),C.cancel=function(){void 0!==u&&clearTimeout(u),s=0,o=c=a=u=void 0},C.flush=function(){return void 0===u?l:_(v())},C}}).call(this,r(48))},function(e,t,r){"use strict";r.r(t);var n=r(1),o=r.n(n),a=r(82),i=function(e){var t,r=function(){return Math.round(100*Color(e.value).getDistanceLuminosityFrom(Color(e.backgroundColor)))/100},n=function(){return Math.round(100*Color(e.value).getDistanceLuminosityFrom(Color(e.textColor)))/100},a=function(){return 7<=r()&&3<=n()?"AAA":4.5<=r()?"AA":" - "},i=o()({default:{selectedColorWrapper:{"padding-bottom":"12px",display:"grid","grid-template-columns":"max-content 1fr","grid-gap":"12px"},selectedColorIndicator:{width:"30px",height:"30px","border-radius":"50%",display:"block","background-color":e.value},selectedColorIndicatorWrapper:{display:"flex","align-items":"center","justify-content":"center","flex-direction":"column"},selectedColorIndicatorText:{"font-size":"10px","font-weight":"700","font-family":"Menlo, Consolas, monaco, monospace",width:"max-content"},ratingIndicator:{"border-radius":"3px",padding:"3px 10px","background-color":(t=a(),"AAA"===t?"#008a20":"AA"===t?"#187aa2":"#d63638"),color:"#fff","font-weight":"700","font-size":"10px"},table:{"font-size":"10px",width:"100%","line-height":"1"},td:{padding:"3px"}}});return React.createElement("div",{style:i.selectedColorWrapper},React.createElement("div",{style:i.selectedColorIndicatorWrapper},React.createElement("div",{style:i.selectedColorIndicator}),React.createElement("p",{style:i.selectedColorIndicatorText},e.value)),React.createElement("table",{style:i.table},React.createElement("tr",null,React.createElement("td",{style:i.td},"Rating"),React.createElement("td",{style:i.td},React.createElement("span",{style:i.ratingIndicator},a()))),React.createElement("tr",null,React.createElement("td",{style:i.td},"Contrast with background"),React.createElement("td",{style:i.td},r())),React.createElement("tr",null,React.createElement("td",{style:i.td},"Contrast with surrounding text"),React.createElement("td",{style:i.td},n()))))};function l(){return(l=Object.assign||function(e){for(var t=1;t, control.container[ 0 ] @@ -92,8 +92,6 @@ const WCAGLinkColorControl = wp.customize.Control.extend( { ready: function ready() { const control = this; - control.setMode( control.getMode() ); - // Re-render control when setting changes. control.setting.bind( () => { control.renderContent(); @@ -175,13 +173,9 @@ const WCAGLinkColorControl = wp.customize.Control.extend( { control.backgroundColor = false; control.textColor = false; control.recommendedColors = false; - // If auto or recommended mode, change the active color. - if ( 'auto' === control.getMode() || 'recommended' === control.getMode() ) { - const val = control.getAutoColor( parseInt( control.getHue(), 10 ), true ); - control.setting.set( val ); - } else { - control.renderContent(); - } + + const val = control.getAutoColor( parseInt( control.getHue(), 10 ), true ); + control.setting.set( val ); }, 100 ) ); } ); @@ -192,13 +186,9 @@ const WCAGLinkColorControl = wp.customize.Control.extend( { control.backgroundColor = false; control.textColor = false; control.recommendedColors = false; - // If auto or recommended mode, change the active color. - if ( 'auto' === control.getMode() || 'recommended' === control.getMode() ) { - const val = control.getAutoColor( parseInt( control.getHue(), 10 ), true ); - control.setting.set( val ); - } else { - control.renderContent(); - } + + const val = control.getAutoColor( parseInt( control.getHue(), 10 ), true ); + control.setting.set( val ); }, 100 ) ); } ); } @@ -235,180 +225,17 @@ const WCAGLinkColorControl = wp.customize.Control.extend( { return this.getRecommendedColorsFlat( control.getHue(), forceRecalc )[ 0 ]; }, - getMode() { - const control = this; - - // If we already have a mode defined return it. - if ( control.forcedMode ) { - return control.forcedMode; - } - - const availableModes = control.getAvailableModes(); - - // If we only have 1 mode, return it. - if ( 1 === availableModes.length ) { - return availableModes[ 0 ]; - } - - const currentVal = control.setting.get(); - - // Check if auto. - if ( -1 !== availableModes.indexOf( 'auto' ) && currentVal === control.getAutoColor() ) { - return 'auto'; - } - - // Check if recommended. - if ( -1 !== availableModes.indexOf( 'recommended' ) && control.isColorRecommended( currentVal ) ) { - return 'recommended'; - } - - // If custom is available return it, otherwise fallback to the 1st available. - return ( -1 !== availableModes.indexOf( 'custom' ) ) ? 'custom' : availableModes[ 0 ]; - }, - isColorRecommended( color ) { return -1 !== this.getRecommendedColorsFlat().indexOf( color ); }, - // Get available modes. - getAvailableModes() { - const control = this; - const availableModes = []; - [ 'auto', 'recommended', 'custom' ].forEach( function( mode ) { - if ( control.isModeAvailable( mode ) ) { - availableModes.push( mode ); - } - } ); - return availableModes; - }, - - // Check if a mode is available. - isModeAvailable( mode ) { - const control = this; - if ( ! control.params.choices.show ) { - return true; - } - return ( false !== control.params.choices.show[ mode ] ); - }, - - // getRecommendedColors( checkHue ) { - // const control = this; - // const backgroundColor = Color( control.getBackgroundColor() ); - // const textColor = Color( control.getTextColor() ); - // const isDarkBackground = '#000000' !== backgroundColor.getMaxContrastColor().toCSS(); - // const hue = ( 'undefined' !== typeof checkHue ) ? parseInt( checkHue ) : Color( control.setting.get() ).h(); - // const lightnessStepsMap = [ - // { - // minHue: 20, - // maxHue: 40, - // lightness: [ 20, 40 ], - // step: 2 - // }, - // { - // minHue: 40, - // maxHue: 150, - // lightness: [ 12, 35 ], - // step: 1.5 - // }, - // { - // minHue: 150, - // maxHue: 200, - // lightness: [ 15, 35 ], - // step: 1.5 - // }, - // { - // minHue: 200, - // maxHue: 250, - // lightness: [ 21, 45 ], - // step: 1.5 - // }, - // // Fallback in case none of the above cases. - // { - // minHue: 0, - // maxHue: 359, - // lightness: [ 27, 42.5 ], - // step: 1.1 - // } - // ]; - // const minL = () => { - // for ( let i = 0; i < lightnessStepsMap.length; i++ ) { - // if ( hue >= lightnessStepsMap[ i ].minHue && hue <= lightnessStepsMap[ i ].maxHue ) { - // return ( isDarkBackground ) ? 100 - lightnessStepsMap[ i ].lightness[ 1 ] : lightnessStepsMap[ i ].lightness[ 0 ]; - // } - // } - // }; - // const maxL = () => { - // for ( let i = 0; i < lightnessStepsMap.length; i++ ) { - // if ( hue >= lightnessStepsMap[ i ].minHue && hue <= lightnessStepsMap[ i ].maxHue ) { - // return ( isDarkBackground ) ? 100 - lightnessStepsMap[ i ].lightness[ 0 ] : lightnessStepsMap[ i ].lightness[ 1 ]; - // } - // } - // }; - // const stepLightness = () => { - // for ( let i = 0; i < lightnessStepsMap.length; i++ ) { - // if ( hue >= lightnessStepsMap[ i ].minHue && hue <= lightnessStepsMap[ i ].maxHue ) { - // return lightnessStepsMap[ i ].step; - // } - // } - // }; - - // control.recommendedColors = []; - - // const saturationSteps = [ 40, 50, 55, 60, 62.5, 65, 67.5, 70, 72, 74, 76, 78, 80, 82, 5, 85, 87.5, 90, 95, 100 ]; - // saturationSteps.forEach( function( saturation ) { - // for ( let lightness = minL(); lightness <= maxL(); lightness += stepLightness() ) { - // const item = { - // color: Color( { - // h: hue, - // s: saturation, - // l: lightness - // } ) - // }; - // item.contrastBackground = item.color.getDistanceLuminosityFrom( backgroundColor ); - // item.contrastText = item.color.getDistanceLuminosityFrom( textColor ); - // item.score = control.getConstrastScore( item.contrastBackground, item.contrastText ); - - // // Check if the color is already in our array. - // const colorAlreadyInArray = control.recommendedColors.find( function( el ) { - // return el.color._color === item.color._color; - // } ); - - // // Only add if the color is not already in the array. - // if ( 4.5 < item.contrastBackground && undefined === colorAlreadyInArray ) { - // control.recommendedColors.push( item ); - // } - // } - // } ); - - // // Add fallbacks in case we couldn't find any colors. - // if ( ! control.recommendedColors.length ) { - // const item = { - // color: Color( { - // h: hue, - // s: 50, - // l: 50 - // } ).getReadableContrastingColor( backgroundColor ) - // }; - // item.contrastBackground = item.color.getDistanceLuminosityFrom( backgroundColor ); - // item.contrastText = item.color.getDistanceLuminosityFrom( textColor ); - // item.score = control.getConstrastScore( item.contrastBackground, item.contrastText ); - - // control.recommendedColors.push( item ); - // } - - // control.recommendedColors.sort( function( a, b ) { - // return b.score - a.score; - // } ); - - // return control.recommendedColors; - // }, // Get an array of Color objects for recommended colors for this hue. getRecommendedColors( checkHue ) { - const control = this; - const backgroundColor = Color( control.getBackgroundColor() ); - const textColor = Color( control.getTextColor() ); - const isDarkBackground = '#000000' !== backgroundColor.getMaxContrastColor().toCSS(); + const control = this, + backgroundColor = Color( control.getBackgroundColor() ), + textColor = Color( control.getTextColor() ), + isDarkBackground = '#000000' !== backgroundColor.getMaxContrastColor().toCSS(); let lightnessSteps = ( isDarkBackground ) ? [ 80, 78, 77, 76, 75, 73, 71, 68, 65, 61, 57 ] : [ 20, 22, 23, 24, 25, 27, 29, 32, 35, 39, 43 ]; if ( control.params.choices.lightnessSteps ) { lightnessSteps = ( isDarkBackground ) ? control.params.choices.lightnessSteps[ 1 ] : control.params.choices.lightnessSteps[ 0 ]; @@ -443,31 +270,6 @@ const WCAGLinkColorControl = wp.customize.Control.extend( { } ); } ); - // for ( let saturation = 50; saturation <= 100; saturation += stepSaturation ) { - // for ( let lightness = minL; lightness <= maxL; lightness += stepLightness ) { - // const item = { - // color: Color( { - // h: hue, - // s: saturation, - // l: lightness - // } ) - // }; - // item.contrastBackground = item.color.getDistanceLuminosityFrom( backgroundColor ); - // item.contrastText = item.color.getDistanceLuminosityFrom( textColor ); - // item.score = control.getConstrastScore( item.contrastBackground, item.contrastText ); - - // // Check if the color is already in our array. - // const colorAlreadyInArray = control.recommendedColors.find( function( el ) { - // return el.color._color === item.color._color; - // } ); - - // // Only add if the color is not already in the array. - // if ( 4.5 < item.contrastBackground && undefined === colorAlreadyInArray ) { - // control.recommendedColors.push( item ); - // } - // } - // } - // Add fallbacks in case we couldn't find any colors. if ( ! control.recommendedColors.length ) { const item = { @@ -492,8 +294,8 @@ const WCAGLinkColorControl = wp.customize.Control.extend( { }, getConstrastScore( backgroundContrast, textContrast ) { - const scoreB = ( backgroundContrast > 7 ) ? backgroundContrast - 7 : 7 - backgroundContrast; - const scoreT = ( textContrast > 3 ) ? textContrast - 3 : 3 - textContrast; + const scoreB = ( 7 < backgroundContrast ) ? backgroundContrast - 7 : 7 - backgroundContrast; + const scoreT = ( 3 < textContrast ) ? textContrast - 3 : 3 - textContrast; return 100 / ( scoreB * scoreT ); }, @@ -519,11 +321,6 @@ const WCAGLinkColorControl = wp.customize.Control.extend( { } }, - setMode( mode ) { - this.forcedMode = mode; - this.renderContent(); - }, - /** * Set the hue. * @@ -563,41 +360,6 @@ const WCAGLinkColorControl = wp.customize.Control.extend( { return control.setHue( Color( control.setting.get() ).h() ); }, - // setValue( val ) { - // const control = this; - // const currentVal = control.setting.get(); - - // if ( 'object' === typeof val ) { - // control.setHue( val.hsl.h ); - // val = val.hex; - // } - - // // Early exit if there's no change. - // if ( val === currentVal ) { - // return; - // } - - // // If auto mode, set the color and early exit. - // if ( 'auto' === this.getMode() ) { - // control.setting.set( control.getAutoColor() ); - // return; - // } - - // // We're on recommended mode. - // if ( 'recommended' === this.getMode() ) { - // // if a number then we've got a hue. - // // We can simply save the auto-color. - // if ( ! isNaN( val ) ) { - // control.setHue( val ); - // control.setting.set( control.getAutoColor() ); - // return; - // } - // } - - // // Save the value. - // control.setting.set( val ); - // }, - /** * Handle removal/de-registration of the control. *