npm - @abtnode/blocklet-services - Versions diffs - 1.16.42-beta-20250403-230303-c167c6a1 → 1.16.42-beta-20250407-225010-b71aee89 - Mend

@abtnode/blocklet-services 1.16.42-beta-20250403-230303-c167c6a1 → 1.16.42-beta-20250407-225010-b71aee89

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

Files changed (211) hide show

package/dist/assets/{Google-Drf-_CBl.js → Google-BxEqzKy9.js} RENAMED Viewed

@@ -1,6 +1,6 @@
-import{a as be,r as C,b as o}from"./vendor-react-DoD83n6N.js";import{E as f}from"./vendor-mui-core-BL-xsBvI.js";import{ah as kt,ai as Rt,aj as _t,ak as Ot,a0 as k,t as Mt,al as Ft,d as Bt,am as H,G as Ie}from"./vendor-utils-Cs6ARqvU.js";import{ak as At}from"./vendor-ux-did-connect-CWUKGZcn.js";var O={},le={};const ke=be(kt),Ht=be(Rt),Pt=be(_t);Object.defineProperty(le,"__esModule",{value:!0});le.flattenNames=void 0;var $t=At,Tt=ve($t),Nt=ke,Dt=ve(Nt),jt=Ht,Lt=ve(jt),zt=Pt,Gt=ve(zt);function ve(r){return r&&r.__esModule?r:{default:r}}var Wt=le.flattenNames=function r(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],t=[];return(0,Gt.default)(e,function(n){Array.isArray(n)?r(n).map(function(a){return t.push(a)}):(0,Lt.default)(n)?(0,Dt.default)(n,function(a,i){a===!0&&t.push(i),t.push(i+"-"+a)}):(0,Tt.default)(n)&&t.push(n)}),t};le.default=Wt;var se={};const Ut=be(Ot);Object.defineProperty(se,"__esModule",{value:!0});se.mergeClasses=void 0;var Vt=ke,It=dt(Vt),Xt=Ut,qt=dt(Xt),Yt=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r};function dt(r){return r&&r.__esModule?r:{default:r}}var Kt=se.mergeClasses=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:[],n=e.default&&(0,qt.default)(e.default)||{};return t.map(function(a){var i=e[a];return i&&(0,It.default)(i,function(l,s){n[s]||(n[s]={}),n[s]=Yt({},n[s],i[s])}),a}),n};se.default=Kt;var he={};Object.defineProperty(he,"__esModule",{value:!0});he.autoprefix=void 0;var Zt=ke,Xe=Qt(Zt),Jt=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r};function Qt(r){return r&&r.__esModule?r:{default:r}}var er={borderRadius:function(e){return{msBorderRadius:e,MozBorderRadius:e,OBorderRadius:e,WebkitBorderRadius:e,borderRadius:e}},boxShadow:function(e){return{msBoxShadow:e,MozBoxShadow:e,OBoxShadow:e,WebkitBoxShadow:e,boxShadow:e}},userSelect:function(e){return{WebkitTouchCallout:e,KhtmlUserSelect:e,MozUserSelect:e,msUserSelect:e,WebkitUserSelect:e,userSelect:e}},flex:function(e){return{WebkitBoxFlex:e,MozBoxFlex:e,WebkitFlex:e,msFlex:e,flex:e}},flexBasis:function(e){return{WebkitFlexBasis:e,flexBasis:e}},justifyContent:function(e){return{WebkitJustifyContent:e,justifyContent:e}},transition:function(e){return{msTransition:e,MozTransition:e,OTransition:e,WebkitTransition:e,transition:e}},transform:function(e){return{msTransform:e,MozTransform:e,OTransform:e,WebkitTransform:e,transform:e}},absolute:function(e){var t=e&&e.split(" ");return{position:"absolute",top:t&&t[0],right:t&&t[1],bottom:t&&t[2],left:t&&t[3]}},extend:function(e,t){var n=t[e];return n||{extend:e}}},tr=he.autoprefix=function(e){var t={};return(0,Xe.default)(e,function(n,a){var i={};(0,Xe.default)(n,function(l,s){var h=er[s];h?i=Jt({},i,h(l)):i[s]=l}),t[a]=i}),t};he.default=tr;var pe={};Object.defineProperty(pe,"__esModule",{value:!0});pe.hover=void 0;var rr=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},nr=C,ye=ar(nr);function ar(r){return r&&r.__esModule?r:{default:r}}function ir(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}function qe(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:r}function or(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);r.prototype=Object.create(e&&e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(r,e):r.__proto__=e)}var lr=pe.hover=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"span";return function(n){or(a,n);function a(){var i,l,s,h;ir(this,a);for(var p=arguments.length,c=Array(p),u=0;u<p;u++)c[u]=arguments[u];return h=(l=(s=qe(this,(i=a.__proto__||Object.getPrototypeOf(a)).call.apply(i,[this].concat(c))),s),s.state={hover:!1},s.handleMouseOver=function(){return s.setState({hover:!0})},s.handleMouseOut=function(){return s.setState({hover:!1})},s.render=function(){return ye.default.createElement(t,{onMouseOver:s.handleMouseOver,onMouseOut:s.handleMouseOut},ye.default.createElement(e,rr({},s.props,s.state)))},l),qe(s,h)}return a}(ye.default.Component)};pe.default=lr;var ce={};Object.defineProperty(ce,"__esModule",{value:!0});ce.active=void 0;var sr=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},hr=C,we=pr(hr);function pr(r){return r&&r.__esModule?r:{default:r}}function cr(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}function Ye(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:r}function ur(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);r.prototype=Object.create(e&&e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(r,e):r.__proto__=e)}var fr=ce.active=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"span";return function(n){ur(a,n);function a(){var i,l,s,h;cr(this,a);for(var p=arguments.length,c=Array(p),u=0;u<p;u++)c[u]=arguments[u];return h=(l=(s=Ye(this,(i=a.__proto__||Object.getPrototypeOf(a)).call.apply(i,[this].concat(c))),s),s.state={active:!1},s.handleMouseDown=function(){return s.setState({active:!0})},s.handleMouseUp=function(){return s.setState({active:!1})},s.render=function(){return we.default.createElement(t,{onMouseDown:s.handleMouseDown,onMouseUp:s.handleMouseUp},we.default.createElement(e,sr({},s.props,s.state)))},l),Ye(s,h)}return a}(we.default.Component)};ce.default=fr;var Re={};Object.defineProperty(Re,"__esModule",{value:!0});var dr=function(e,t){var n={},a=function(l){var s=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0;n[l]=s};return e===0&&a("first-child"),e===t-1&&a("last-child"),(e===0||e%2===0)&&a("even"),Math.abs(e%2)===1&&a("odd"),a("nth-child",e),n};Re.default=dr;Object.defineProperty(O,"__esModule",{value:!0});O.ReactCSS=O.loop=O.handleActive=_e=O.handleHover=O.hover=void 0;var gr=le,br=Q(gr),vr=se,xr=Q(vr),mr=he,yr=Q(mr),wr=pe,gt=Q(wr),Er=ce,Sr=Q(Er),Cr=Re,kr=Q(Cr);function Q(r){return r&&r.__esModule?r:{default:r}}O.hover=gt.default;var _e=O.handleHover=gt.default;O.handleActive=Sr.default;O.loop=kr.default;var Rr=O.ReactCSS=function(e){for(var t=arguments.length,n=Array(t>1?t-1:0),a=1;a<t;a++)n[a-1]=arguments[a];var i=(0,br.default)(n),l=(0,xr.default)(e,i);return(0,yr.default)(l)},v=O.default=Rr,_r=function(e,t,n,a,i){var l=i.clientWidth,s=i.clientHeight,h=typeof e.pageX=="number"?e.pageX:e.touches[0].pageX,p=typeof e.pageY=="number"?e.pageY:e.touches[0].pageY,c=h-(i.getBoundingClientRect().left+window.pageXOffset),u=p-(i.getBoundingClientRect().top+window.pageYOffset);if(n==="vertical"){var g=void 0;if(u<0?g=0:u>s?g=1:g=Math.round(u*100/s)/100,t.a!==g)return{h:t.h,s:t.s,l:t.l,a:g,source:"rgb"}}else{var d=void 0;if(c<0?d=0:c>l?d=1:d=Math.round(c*100/l)/100,a!==d)return{h:t.h,s:t.s,l:t.l,a:d,source:"rgb"}}return null},Ee={},Or=function(e,t,n,a){if(typeof document>"u"&&!a)return null;var i=a?new a:document.createElement("canvas");i.width=n*2,i.height=n*2;var l=i.getContext("2d");return l?(l.fillStyle=e,l.fillRect(0,0,i.width,i.height),l.fillStyle=t,l.fillRect(0,0,n,n),l.translate(n,n),l.fillRect(0,0,n,n),i.toDataURL()):null},Mr=function(e,t,n,a){var i=e+"-"+t+"-"+n+(a?"-server":"");if(Ee[i])return Ee[i];var l=Or(e,t,n,a);return Ee[i]=l,l},Ke=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},ee=function(e){var t=e.white,n=e.grey,a=e.size,i=e.renderers,l=e.borderRadius,s=e.boxShadow,h=e.children,p=v({default:{grid:{borderRadius:l,boxShadow:s,absolute:"0px 0px 0px 0px",background:"url("+Mr(t,n,a,i.canvas)+") center left"}}});return C.isValidElement(h)?o.cloneElement(h,Ke({},h.props,{style:Ke({},h.props.style,p.grid)})):o.createElement("div",{style:p.grid})};ee.defaultProps={size:8,white:"transparent",grey:"rgba(0,0,0,.08)",renderers:{}};var Fr=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},Br=function(){function r(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}}();function Ar(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}function Ze(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:r}function Hr(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);r.prototype=Object.create(e&&e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(r,e):r.__proto__=e)}var Oe=function(r){Hr(e,r);function e(){var t,n,a,i;Ar(this,e);for(var l=arguments.length,s=Array(l),h=0;h<l;h++)s[h]=arguments[h];return i=(n=(a=Ze(this,(t=e.__proto__||Object.getPrototypeOf(e)).call.apply(t,[this].concat(s))),a),a.handleChange=function(p){var c=_r(p,a.props.hsl,a.props.direction,a.props.a,a.container);c&&typeof a.props.onChange=="function"&&a.props.onChange(c,p)},a.handleMouseDown=function(p){a.handleChange(p),window.addEventListener("mousemove",a.handleChange),window.addEventListener("mouseup",a.handleMouseUp)},a.handleMouseUp=function(){a.unbindEventListeners()},a.unbindEventListeners=function(){window.removeEventListener("mousemove",a.handleChange),window.removeEventListener("mouseup",a.handleMouseUp)},n),Ze(a,i)}return Br(e,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"render",value:function(){var n=this,a=this.props.rgb,i=v({default:{alpha:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},checkboard:{absolute:"0px 0px 0px 0px",overflow:"hidden",borderRadius:this.props.radius},gradient:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, rgba("+a.r+","+a.g+","+a.b+`, 0) 0%,
+import{a as Ce,r as C,b as o}from"./vendor-react-DoD83n6N.js";import{E as f}from"./vendor-mui-core-C-PhacC8.js";import{ah as kt,ai as Rt,aj as _t,a0 as k,t as Ot,ak as Mt,d as Ft,al as H,G as Ie}from"./vendor-utils-CRBr0QUY.js";import{bm as Bt}from"./vendor-ux-did-connect-BihFfRkM.js";import{r as At}from"./cloneDeep-C7Ok409J.js";var O={},le={};const ke=Ce(kt),Ht=Ce(Rt),Pt=Ce(_t);Object.defineProperty(le,"__esModule",{value:!0});le.flattenNames=void 0;var $t=Bt,Tt=be($t),Nt=ke,Dt=be(Nt),jt=Ht,Lt=be(jt),zt=Pt,Gt=be(zt);function be(r){return r&&r.__esModule?r:{default:r}}var Wt=le.flattenNames=function r(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],t=[];return(0,Gt.default)(e,function(n){Array.isArray(n)?r(n).map(function(a){return t.push(a)}):(0,Lt.default)(n)?(0,Dt.default)(n,function(a,i){a===!0&&t.push(i),t.push(i+"-"+a)}):(0,Tt.default)(n)&&t.push(n)}),t};le.default=Wt;var se={};Object.defineProperty(se,"__esModule",{value:!0});se.mergeClasses=void 0;var Ut=ke,Vt=dt(Ut),It=At,Xt=dt(It),qt=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r};function dt(r){return r&&r.__esModule?r:{default:r}}var Yt=se.mergeClasses=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:[],n=e.default&&(0,Xt.default)(e.default)||{};return t.map(function(a){var i=e[a];return i&&(0,Vt.default)(i,function(l,s){n[s]||(n[s]={}),n[s]=qt({},n[s],i[s])}),a}),n};se.default=Yt;var he={};Object.defineProperty(he,"__esModule",{value:!0});he.autoprefix=void 0;var Kt=ke,Xe=Jt(Kt),Zt=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r};function Jt(r){return r&&r.__esModule?r:{default:r}}var Qt={borderRadius:function(e){return{msBorderRadius:e,MozBorderRadius:e,OBorderRadius:e,WebkitBorderRadius:e,borderRadius:e}},boxShadow:function(e){return{msBoxShadow:e,MozBoxShadow:e,OBoxShadow:e,WebkitBoxShadow:e,boxShadow:e}},userSelect:function(e){return{WebkitTouchCallout:e,KhtmlUserSelect:e,MozUserSelect:e,msUserSelect:e,WebkitUserSelect:e,userSelect:e}},flex:function(e){return{WebkitBoxFlex:e,MozBoxFlex:e,WebkitFlex:e,msFlex:e,flex:e}},flexBasis:function(e){return{WebkitFlexBasis:e,flexBasis:e}},justifyContent:function(e){return{WebkitJustifyContent:e,justifyContent:e}},transition:function(e){return{msTransition:e,MozTransition:e,OTransition:e,WebkitTransition:e,transition:e}},transform:function(e){return{msTransform:e,MozTransform:e,OTransform:e,WebkitTransform:e,transform:e}},absolute:function(e){var t=e&&e.split(" ");return{position:"absolute",top:t&&t[0],right:t&&t[1],bottom:t&&t[2],left:t&&t[3]}},extend:function(e,t){var n=t[e];return n||{extend:e}}},er=he.autoprefix=function(e){var t={};return(0,Xe.default)(e,function(n,a){var i={};(0,Xe.default)(n,function(l,s){var h=Qt[s];h?i=Zt({},i,h(l)):i[s]=l}),t[a]=i}),t};he.default=er;var pe={};Object.defineProperty(pe,"__esModule",{value:!0});pe.hover=void 0;var tr=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},rr=C,me=nr(rr);function nr(r){return r&&r.__esModule?r:{default:r}}function ar(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}function qe(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:r}function ir(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);r.prototype=Object.create(e&&e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(r,e):r.__proto__=e)}var or=pe.hover=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"span";return function(n){ir(a,n);function a(){var i,l,s,h;ar(this,a);for(var p=arguments.length,c=Array(p),u=0;u<p;u++)c[u]=arguments[u];return h=(l=(s=qe(this,(i=a.__proto__||Object.getPrototypeOf(a)).call.apply(i,[this].concat(c))),s),s.state={hover:!1},s.handleMouseOver=function(){return s.setState({hover:!0})},s.handleMouseOut=function(){return s.setState({hover:!1})},s.render=function(){return me.default.createElement(t,{onMouseOver:s.handleMouseOver,onMouseOut:s.handleMouseOut},me.default.createElement(e,tr({},s.props,s.state)))},l),qe(s,h)}return a}(me.default.Component)};pe.default=or;var ce={};Object.defineProperty(ce,"__esModule",{value:!0});ce.active=void 0;var lr=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},sr=C,ye=hr(sr);function hr(r){return r&&r.__esModule?r:{default:r}}function pr(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}function Ye(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:r}function cr(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);r.prototype=Object.create(e&&e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(r,e):r.__proto__=e)}var ur=ce.active=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"span";return function(n){cr(a,n);function a(){var i,l,s,h;pr(this,a);for(var p=arguments.length,c=Array(p),u=0;u<p;u++)c[u]=arguments[u];return h=(l=(s=Ye(this,(i=a.__proto__||Object.getPrototypeOf(a)).call.apply(i,[this].concat(c))),s),s.state={active:!1},s.handleMouseDown=function(){return s.setState({active:!0})},s.handleMouseUp=function(){return s.setState({active:!1})},s.render=function(){return ye.default.createElement(t,{onMouseDown:s.handleMouseDown,onMouseUp:s.handleMouseUp},ye.default.createElement(e,lr({},s.props,s.state)))},l),Ye(s,h)}return a}(ye.default.Component)};ce.default=ur;var Re={};Object.defineProperty(Re,"__esModule",{value:!0});var fr=function(e,t){var n={},a=function(l){var s=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0;n[l]=s};return e===0&&a("first-child"),e===t-1&&a("last-child"),(e===0||e%2===0)&&a("even"),Math.abs(e%2)===1&&a("odd"),a("nth-child",e),n};Re.default=fr;Object.defineProperty(O,"__esModule",{value:!0});O.ReactCSS=O.loop=O.handleActive=_e=O.handleHover=O.hover=void 0;var dr=le,gr=Q(dr),br=se,vr=Q(br),xr=he,mr=Q(xr),yr=pe,gt=Q(yr),wr=ce,Er=Q(wr),Sr=Re,Cr=Q(Sr);function Q(r){return r&&r.__esModule?r:{default:r}}O.hover=gt.default;var _e=O.handleHover=gt.default;O.handleActive=Er.default;O.loop=Cr.default;var kr=O.ReactCSS=function(e){for(var t=arguments.length,n=Array(t>1?t-1:0),a=1;a<t;a++)n[a-1]=arguments[a];var i=(0,gr.default)(n),l=(0,vr.default)(e,i);return(0,mr.default)(l)},v=O.default=kr,Rr=function(e,t,n,a,i){var l=i.clientWidth,s=i.clientHeight,h=typeof e.pageX=="number"?e.pageX:e.touches[0].pageX,p=typeof e.pageY=="number"?e.pageY:e.touches[0].pageY,c=h-(i.getBoundingClientRect().left+window.pageXOffset),u=p-(i.getBoundingClientRect().top+window.pageYOffset);if(n==="vertical"){var g=void 0;if(u<0?g=0:u>s?g=1:g=Math.round(u*100/s)/100,t.a!==g)return{h:t.h,s:t.s,l:t.l,a:g,source:"rgb"}}else{var d=void 0;if(c<0?d=0:c>l?d=1:d=Math.round(c*100/l)/100,a!==d)return{h:t.h,s:t.s,l:t.l,a:d,source:"rgb"}}return null},we={},_r=function(e,t,n,a){if(typeof document>"u"&&!a)return null;var i=a?new a:document.createElement("canvas");i.width=n*2,i.height=n*2;var l=i.getContext("2d");return l?(l.fillStyle=e,l.fillRect(0,0,i.width,i.height),l.fillStyle=t,l.fillRect(0,0,n,n),l.translate(n,n),l.fillRect(0,0,n,n),i.toDataURL()):null},Or=function(e,t,n,a){var i=e+"-"+t+"-"+n+(a?"-server":"");if(we[i])return we[i];var l=_r(e,t,n,a);return we[i]=l,l},Ke=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},ee=function(e){var t=e.white,n=e.grey,a=e.size,i=e.renderers,l=e.borderRadius,s=e.boxShadow,h=e.children,p=v({default:{grid:{borderRadius:l,boxShadow:s,absolute:"0px 0px 0px 0px",background:"url("+Or(t,n,a,i.canvas)+") center left"}}});return C.isValidElement(h)?o.cloneElement(h,Ke({},h.props,{style:Ke({},h.props.style,p.grid)})):o.createElement("div",{style:p.grid})};ee.defaultProps={size:8,white:"transparent",grey:"rgba(0,0,0,.08)",renderers:{}};var Mr=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},Fr=function(){function r(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}}();function Br(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}function Ze(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:r}function Ar(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);r.prototype=Object.create(e&&e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(r,e):r.__proto__=e)}var Oe=function(r){Ar(e,r);function e(){var t,n,a,i;Br(this,e);for(var l=arguments.length,s=Array(l),h=0;h<l;h++)s[h]=arguments[h];return i=(n=(a=Ze(this,(t=e.__proto__||Object.getPrototypeOf(e)).call.apply(t,[this].concat(s))),a),a.handleChange=function(p){var c=Rr(p,a.props.hsl,a.props.direction,a.props.a,a.container);c&&typeof a.props.onChange=="function"&&a.props.onChange(c,p)},a.handleMouseDown=function(p){a.handleChange(p),window.addEventListener("mousemove",a.handleChange),window.addEventListener("mouseup",a.handleMouseUp)},a.handleMouseUp=function(){a.unbindEventListeners()},a.unbindEventListeners=function(){window.removeEventListener("mousemove",a.handleChange),window.removeEventListener("mouseup",a.handleMouseUp)},n),Ze(a,i)}return Fr(e,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"render",value:function(){var n=this,a=this.props.rgb,i=v({default:{alpha:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},checkboard:{absolute:"0px 0px 0px 0px",overflow:"hidden",borderRadius:this.props.radius},gradient:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, rgba("+a.r+","+a.g+","+a.b+`, 0) 0%,
            rgba(`+a.r+","+a.g+","+a.b+", 1) 100%)",boxShadow:this.props.shadow,borderRadius:this.props.radius},container:{position:"relative",height:"100%",margin:"0 3px"},pointer:{position:"absolute",left:a.a*100+"%"},slider:{width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",marginTop:"1px",transform:"translateX(-2px)"}},vertical:{gradient:{background:"linear-gradient(to bottom, rgba("+a.r+","+a.g+","+a.b+`, 0) 0%,
-           rgba(`+a.r+","+a.g+","+a.b+", 1) 100%)"},pointer:{left:0,top:a.a*100+"%"}},overwrite:Fr({},this.props.style)},{vertical:this.props.direction==="vertical",overwrite:!0});return o.createElement("div",{style:i.alpha},o.createElement("div",{style:i.checkboard},o.createElement(ee,{renderers:this.props.renderers})),o.createElement("div",{style:i.gradient}),o.createElement("div",{style:i.container,ref:function(s){return n.container=s},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},o.createElement("div",{style:i.pointer},this.props.pointer?o.createElement(this.props.pointer,this.props):o.createElement("div",{style:i.slider}))))}}]),e}(C.PureComponent||C.Component),Pr=function(){function r(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}}();function $r(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function Tr(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}function Nr(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:r}function Dr(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);r.prototype=Object.create(e&&e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(r,e):r.__proto__=e)}var jr=1,bt=38,Lr=40,zr=[bt,Lr],Gr=function(e){return zr.indexOf(e)>-1},Wr=function(e){return Number(String(e).replace(/%/g,""))},Ur=1,w=function(r){Dr(e,r);function e(t){Tr(this,e);var n=Nr(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return n.handleBlur=function(){n.state.blurValue&&n.setState({value:n.state.blurValue,blurValue:null})},n.handleChange=function(a){n.setUpdatedValue(a.target.value,a)},n.handleKeyDown=function(a){var i=Wr(a.target.value);if(!isNaN(i)&&Gr(a.keyCode)){var l=n.getArrowOffset(),s=a.keyCode===bt?i+l:i-l;n.setUpdatedValue(s,a)}},n.handleDrag=function(a){if(n.props.dragLabel){var i=Math.round(n.props.value+a.movementX);i>=0&&i<=n.props.dragMax&&n.props.onChange&&n.props.onChange(n.getValueObjectWithLabel(i),a)}},n.handleMouseDown=function(a){n.props.dragLabel&&(a.preventDefault(),n.handleDrag(a),window.addEventListener("mousemove",n.handleDrag),window.addEventListener("mouseup",n.handleMouseUp))},n.handleMouseUp=function(){n.unbindEventListeners()},n.unbindEventListeners=function(){window.removeEventListener("mousemove",n.handleDrag),window.removeEventListener("mouseup",n.handleMouseUp)},n.state={value:String(t.value).toUpperCase(),blurValue:String(t.value).toUpperCase()},n.inputId="rc-editable-input-"+Ur++,n}return Pr(e,[{key:"componentDidUpdate",value:function(n,a){this.props.value!==this.state.value&&(n.value!==this.props.value||a.value!==this.state.value)&&(this.input===document.activeElement?this.setState({blurValue:String(this.props.value).toUpperCase()}):this.setState({value:String(this.props.value).toUpperCase(),blurValue:!this.state.blurValue&&String(this.props.value).toUpperCase()}))}},{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"getValueObjectWithLabel",value:function(n){return $r({},this.props.label,n)}},{key:"getArrowOffset",value:function(){return this.props.arrowOffset||jr}},{key:"setUpdatedValue",value:function(n,a){var i=this.props.label?this.getValueObjectWithLabel(n):n;this.props.onChange&&this.props.onChange(i,a),this.setState({value:n})}},{key:"render",value:function(){var n=this,a=v({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 o.createElement("div",{style:a.wrap},o.createElement("input",{id:this.inputId,style:a.input,ref:function(l){return n.input=l},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?o.createElement("label",{htmlFor:this.inputId,style:a.label,onMouseDown:this.handleMouseDown},this.props.label):null)}}]),e}(C.PureComponent||C.Component),Vr=function(e,t,n,a){var i=a.clientWidth,l=a.clientHeight,s=typeof e.pageX=="number"?e.pageX:e.touches[0].pageX,h=typeof e.pageY=="number"?e.pageY:e.touches[0].pageY,p=s-(a.getBoundingClientRect().left+window.pageXOffset),c=h-(a.getBoundingClientRect().top+window.pageYOffset);if(t==="vertical"){var u=void 0;if(c<0)u=359;else if(c>l)u=0;else{var g=-(c*100/l)+100;u=360*g/100}if(n.h!==u)return{h:u,s:n.s,l:n.l,a:n.a,source:"hsl"}}else{var d=void 0;if(p<0)d=0;else if(p>i)d=359;else{var m=p*100/i;d=360*m/100}if(n.h!==d)return{h:d,s:n.s,l:n.l,a:n.a,source:"hsl"}}return null},Ir=function(){function r(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}}();function Xr(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}function Je(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:r}function qr(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);r.prototype=Object.create(e&&e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(r,e):r.__proto__=e)}var te=function(r){qr(e,r);function e(){var t,n,a,i;Xr(this,e);for(var l=arguments.length,s=Array(l),h=0;h<l;h++)s[h]=arguments[h];return i=(n=(a=Je(this,(t=e.__proto__||Object.getPrototypeOf(e)).call.apply(t,[this].concat(s))),a),a.handleChange=function(p){var c=Vr(p,a.props.direction,a.props.hsl,a.container);c&&typeof a.props.onChange=="function"&&a.props.onChange(c,p)},a.handleMouseDown=function(p){a.handleChange(p),window.addEventListener("mousemove",a.handleChange),window.addEventListener("mouseup",a.handleMouseUp)},a.handleMouseUp=function(){a.unbindEventListeners()},n),Je(a,i)}return Ir(e,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"unbindEventListeners",value:function(){window.removeEventListener("mousemove",this.handleChange),window.removeEventListener("mouseup",this.handleMouseUp)}},{key:"render",value:function(){var n=this,a=this.props.direction,i=a===void 0?"horizontal":a,l=v({default:{hue:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius,boxShadow:this.props.shadow},container:{padding:"0 2px",position:"relative",height:"100%",borderRadius:this.props.radius},pointer:{position:"absolute",left:this.props.hsl.h*100/360+"%"},slider:{marginTop:"1px",width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",transform:"translateX(-2px)"}},vertical:{pointer:{left:"0px",top:-(this.props.hsl.h*100/360)+100+"%"}}},{vertical:i==="vertical"});return o.createElement("div",{style:l.hue},o.createElement("div",{className:"hue-"+i,style:l.container,ref:function(h){return n.container=h},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},o.createElement("style",null,`
+           rgba(`+a.r+","+a.g+","+a.b+", 1) 100%)"},pointer:{left:0,top:a.a*100+"%"}},overwrite:Mr({},this.props.style)},{vertical:this.props.direction==="vertical",overwrite:!0});return o.createElement("div",{style:i.alpha},o.createElement("div",{style:i.checkboard},o.createElement(ee,{renderers:this.props.renderers})),o.createElement("div",{style:i.gradient}),o.createElement("div",{style:i.container,ref:function(s){return n.container=s},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},o.createElement("div",{style:i.pointer},this.props.pointer?o.createElement(this.props.pointer,this.props):o.createElement("div",{style:i.slider}))))}}]),e}(C.PureComponent||C.Component),Hr=function(){function r(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}}();function Pr(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function $r(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}function Tr(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:r}function Nr(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);r.prototype=Object.create(e&&e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(r,e):r.__proto__=e)}var Dr=1,bt=38,jr=40,Lr=[bt,jr],zr=function(e){return Lr.indexOf(e)>-1},Gr=function(e){return Number(String(e).replace(/%/g,""))},Wr=1,w=function(r){Nr(e,r);function e(t){$r(this,e);var n=Tr(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return n.handleBlur=function(){n.state.blurValue&&n.setState({value:n.state.blurValue,blurValue:null})},n.handleChange=function(a){n.setUpdatedValue(a.target.value,a)},n.handleKeyDown=function(a){var i=Gr(a.target.value);if(!isNaN(i)&&zr(a.keyCode)){var l=n.getArrowOffset(),s=a.keyCode===bt?i+l:i-l;n.setUpdatedValue(s,a)}},n.handleDrag=function(a){if(n.props.dragLabel){var i=Math.round(n.props.value+a.movementX);i>=0&&i<=n.props.dragMax&&n.props.onChange&&n.props.onChange(n.getValueObjectWithLabel(i),a)}},n.handleMouseDown=function(a){n.props.dragLabel&&(a.preventDefault(),n.handleDrag(a),window.addEventListener("mousemove",n.handleDrag),window.addEventListener("mouseup",n.handleMouseUp))},n.handleMouseUp=function(){n.unbindEventListeners()},n.unbindEventListeners=function(){window.removeEventListener("mousemove",n.handleDrag),window.removeEventListener("mouseup",n.handleMouseUp)},n.state={value:String(t.value).toUpperCase(),blurValue:String(t.value).toUpperCase()},n.inputId="rc-editable-input-"+Wr++,n}return Hr(e,[{key:"componentDidUpdate",value:function(n,a){this.props.value!==this.state.value&&(n.value!==this.props.value||a.value!==this.state.value)&&(this.input===document.activeElement?this.setState({blurValue:String(this.props.value).toUpperCase()}):this.setState({value:String(this.props.value).toUpperCase(),blurValue:!this.state.blurValue&&String(this.props.value).toUpperCase()}))}},{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"getValueObjectWithLabel",value:function(n){return Pr({},this.props.label,n)}},{key:"getArrowOffset",value:function(){return this.props.arrowOffset||Dr}},{key:"setUpdatedValue",value:function(n,a){var i=this.props.label?this.getValueObjectWithLabel(n):n;this.props.onChange&&this.props.onChange(i,a),this.setState({value:n})}},{key:"render",value:function(){var n=this,a=v({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 o.createElement("div",{style:a.wrap},o.createElement("input",{id:this.inputId,style:a.input,ref:function(l){return n.input=l},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?o.createElement("label",{htmlFor:this.inputId,style:a.label,onMouseDown:this.handleMouseDown},this.props.label):null)}}]),e}(C.PureComponent||C.Component),Ur=function(e,t,n,a){var i=a.clientWidth,l=a.clientHeight,s=typeof e.pageX=="number"?e.pageX:e.touches[0].pageX,h=typeof e.pageY=="number"?e.pageY:e.touches[0].pageY,p=s-(a.getBoundingClientRect().left+window.pageXOffset),c=h-(a.getBoundingClientRect().top+window.pageYOffset);if(t==="vertical"){var u=void 0;if(c<0)u=359;else if(c>l)u=0;else{var g=-(c*100/l)+100;u=360*g/100}if(n.h!==u)return{h:u,s:n.s,l:n.l,a:n.a,source:"hsl"}}else{var d=void 0;if(p<0)d=0;else if(p>i)d=359;else{var m=p*100/i;d=360*m/100}if(n.h!==d)return{h:d,s:n.s,l:n.l,a:n.a,source:"hsl"}}return null},Vr=function(){function r(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}}();function Ir(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}function Je(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:r}function Xr(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);r.prototype=Object.create(e&&e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(r,e):r.__proto__=e)}var te=function(r){Xr(e,r);function e(){var t,n,a,i;Ir(this,e);for(var l=arguments.length,s=Array(l),h=0;h<l;h++)s[h]=arguments[h];return i=(n=(a=Je(this,(t=e.__proto__||Object.getPrototypeOf(e)).call.apply(t,[this].concat(s))),a),a.handleChange=function(p){var c=Ur(p,a.props.direction,a.props.hsl,a.container);c&&typeof a.props.onChange=="function"&&a.props.onChange(c,p)},a.handleMouseDown=function(p){a.handleChange(p),window.addEventListener("mousemove",a.handleChange),window.addEventListener("mouseup",a.handleMouseUp)},a.handleMouseUp=function(){a.unbindEventListeners()},n),Je(a,i)}return Vr(e,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"unbindEventListeners",value:function(){window.removeEventListener("mousemove",this.handleChange),window.removeEventListener("mouseup",this.handleMouseUp)}},{key:"render",value:function(){var n=this,a=this.props.direction,i=a===void 0?"horizontal":a,l=v({default:{hue:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius,boxShadow:this.props.shadow},container:{padding:"0 2px",position:"relative",height:"100%",borderRadius:this.props.radius},pointer:{position:"absolute",left:this.props.hsl.h*100/360+"%"},slider:{marginTop:"1px",width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",transform:"translateX(-2px)"}},vertical:{pointer:{left:"0px",top:-(this.props.hsl.h*100/360)+100+"%"}}},{vertical:i==="vertical"});return o.createElement("div",{style:l.hue},o.createElement("div",{className:"hue-"+i,style:l.container,ref:function(h){return n.container=h},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},o.createElement("style",null,`
             .hue-horizontal {
               background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0
                 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
@@ -14,7 +14,7 @@ import{a as be,r as C,b as o}from"./vendor-react-DoD83n6N.js";import{E as f}from
               background: -webkit-linear-gradient(to top, #f00 0%, #ff0 17%,
                 #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
             }
-          `),o.createElement("div",{style:l.pointer},this.props.pointer?o.createElement(this.props.pointer,this.props):o.createElement("div",{style:l.slider}))))}}]),e}(C.PureComponent||C.Component),ue=function(e){var t=e.zDepth,n=e.radius,a=e.background,i=e.children,l=e.styles,s=l===void 0?{}:l,h=v(k({default:{wrap:{position:"relative",display:"inline-block"},content:{position:"relative"},bg:{absolute:"0px 0px 0px 0px",boxShadow:"0 "+t+"px "+t*4+"px rgba(0,0,0,.24)",borderRadius:n,background:a}},"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%"}}},s),{"zDepth-1":t===1});return o.createElement("div",{style:h.wrap},o.createElement("div",{style:h.bg}),o.createElement("div",{style:h.content},i))};ue.propTypes={background:f.string,zDepth:f.oneOf([0,1,2,3,4,5]),radius:f.number,styles:f.object};ue.defaultProps={background:"#fff",zDepth:1,radius:2,styles:{}};var Yr=function(e,t,n){var a=n.getBoundingClientRect(),i=a.width,l=a.height,s=typeof e.pageX=="number"?e.pageX:e.touches[0].pageX,h=typeof e.pageY=="number"?e.pageY:e.touches[0].pageY,p=s-(n.getBoundingClientRect().left+window.pageXOffset),c=h-(n.getBoundingClientRect().top+window.pageYOffset);p<0?p=0:p>i&&(p=i),c<0?c=0:c>l&&(c=l);var u=p/i,g=1-c/l;return{h:t.h,s:u,v:g,a:t.a,source:"hsv"}},Kr=function(){function r(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}}();function Zr(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}function Jr(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:r}function Qr(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);r.prototype=Object.create(e&&e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(r,e):r.__proto__=e)}var xe=function(r){Qr(e,r);function e(t){Zr(this,e);var n=Jr(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return n.handleChange=function(a){typeof n.props.onChange=="function"&&n.throttle(n.props.onChange,Yr(a,n.props.hsl,n.container),a)},n.handleMouseDown=function(a){n.handleChange(a);var i=n.getContainerRenderWindow();i.addEventListener("mousemove",n.handleChange),i.addEventListener("mouseup",n.handleMouseUp)},n.handleMouseUp=function(){n.unbindEventListeners()},n.throttle=Mt(function(a,i,l){a(i,l)},50),n}return Kr(e,[{key:"componentWillUnmount",value:function(){this.throttle.cancel(),this.unbindEventListeners()}},{key:"getContainerRenderWindow",value:function(){for(var n=this.container,a=window;!a.document.contains(n)&&a.parent!==a;)a=a.parent;return a}},{key:"unbindEventListeners",value:function(){var n=this.getContainerRenderWindow();n.removeEventListener("mousemove",this.handleChange),n.removeEventListener("mouseup",this.handleMouseUp)}},{key:"render",value:function(){var n=this,a=this.props.style||{},i=a.color,l=a.white,s=a.black,h=a.pointer,p=a.circle,c=v({default:{color:{absolute:"0px 0px 0px 0px",background:"hsl("+this.props.hsl.h+",100%, 50%)",borderRadius:this.props.radius},white:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},black:{absolute:"0px 0px 0px 0px",boxShadow:this.props.shadow,borderRadius:this.props.radius},pointer:{position:"absolute",top:-(this.props.hsv.v*100)+100+"%",left:this.props.hsv.s*100+"%",cursor:"default"},circle:{width:"4px",height:"4px",boxShadow:`0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),
+          `),o.createElement("div",{style:l.pointer},this.props.pointer?o.createElement(this.props.pointer,this.props):o.createElement("div",{style:l.slider}))))}}]),e}(C.PureComponent||C.Component),ue=function(e){var t=e.zDepth,n=e.radius,a=e.background,i=e.children,l=e.styles,s=l===void 0?{}:l,h=v(k({default:{wrap:{position:"relative",display:"inline-block"},content:{position:"relative"},bg:{absolute:"0px 0px 0px 0px",boxShadow:"0 "+t+"px "+t*4+"px rgba(0,0,0,.24)",borderRadius:n,background:a}},"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%"}}},s),{"zDepth-1":t===1});return o.createElement("div",{style:h.wrap},o.createElement("div",{style:h.bg}),o.createElement("div",{style:h.content},i))};ue.propTypes={background:f.string,zDepth:f.oneOf([0,1,2,3,4,5]),radius:f.number,styles:f.object};ue.defaultProps={background:"#fff",zDepth:1,radius:2,styles:{}};var qr=function(e,t,n){var a=n.getBoundingClientRect(),i=a.width,l=a.height,s=typeof e.pageX=="number"?e.pageX:e.touches[0].pageX,h=typeof e.pageY=="number"?e.pageY:e.touches[0].pageY,p=s-(n.getBoundingClientRect().left+window.pageXOffset),c=h-(n.getBoundingClientRect().top+window.pageYOffset);p<0?p=0:p>i&&(p=i),c<0?c=0:c>l&&(c=l);var u=p/i,g=1-c/l;return{h:t.h,s:u,v:g,a:t.a,source:"hsv"}},Yr=function(){function r(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}}();function Kr(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}function Zr(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:r}function Jr(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);r.prototype=Object.create(e&&e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(r,e):r.__proto__=e)}var ve=function(r){Jr(e,r);function e(t){Kr(this,e);var n=Zr(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return n.handleChange=function(a){typeof n.props.onChange=="function"&&n.throttle(n.props.onChange,qr(a,n.props.hsl,n.container),a)},n.handleMouseDown=function(a){n.handleChange(a);var i=n.getContainerRenderWindow();i.addEventListener("mousemove",n.handleChange),i.addEventListener("mouseup",n.handleMouseUp)},n.handleMouseUp=function(){n.unbindEventListeners()},n.throttle=Ot(function(a,i,l){a(i,l)},50),n}return Yr(e,[{key:"componentWillUnmount",value:function(){this.throttle.cancel(),this.unbindEventListeners()}},{key:"getContainerRenderWindow",value:function(){for(var n=this.container,a=window;!a.document.contains(n)&&a.parent!==a;)a=a.parent;return a}},{key:"unbindEventListeners",value:function(){var n=this.getContainerRenderWindow();n.removeEventListener("mousemove",this.handleChange),n.removeEventListener("mouseup",this.handleMouseUp)}},{key:"render",value:function(){var n=this,a=this.props.style||{},i=a.color,l=a.white,s=a.black,h=a.pointer,p=a.circle,c=v({default:{color:{absolute:"0px 0px 0px 0px",background:"hsl("+this.props.hsl.h+",100%, 50%)",borderRadius:this.props.radius},white:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},black:{absolute:"0px 0px 0px 0px",boxShadow:this.props.shadow,borderRadius:this.props.radius},pointer:{position:"absolute",top:-(this.props.hsv.v*100)+100+"%",left:this.props.hsv.s*100+"%",cursor:"default"},circle:{width:"4px",height:"4px",boxShadow:`0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),
             0 0 1px 2px rgba(0,0,0,.4)`,borderRadius:"50%",cursor:"hand",transform:"translate(-2px, -2px)"}},custom:{color:i,white:l,black:s,pointer:h,circle:p}},{custom:!!this.props.style});return o.createElement("div",{style:c.color,ref:function(g){return n.container=g},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},o.createElement("style",null,`
           .saturation-white {
             background: -webkit-linear-gradient(to right, #fff, rgba(255,255,255,0));
@@ -24,4 +24,4 @@ import{a as be,r as C,b as o}from"./vendor-react-DoD83n6N.js";import{E as f}from
             background: -webkit-linear-gradient(to top, #000, rgba(0,0,0,0));
             background: linear-gradient(to top, #000, rgba(0,0,0,0));
           }
-        `),o.createElement("div",{style:c.white,className:"saturation-white"},o.createElement("div",{style:c.black,className:"saturation-black"}),o.createElement("div",{style:c.pointer},this.props.pointer?o.createElement(this.props.pointer,this.props):o.createElement("div",{style:c.circle}))))}}]),e}(C.PureComponent||C.Component);function ge(r){"@babel/helpers - typeof";return ge=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ge(r)}var en=/^\s+/,tn=/\s+$/;function b(r,e){if(r=r||"",e=e||{},r instanceof b)return r;if(!(this instanceof b))return new b(r,e);var t=rn(r);this._originalInput=r,this._r=t.r,this._g=t.g,this._b=t.b,this._a=t.a,this._roundA=Math.round(100*this._a)/100,this._format=e.format||t.format,this._gradientType=e.gradientType,this._r<1&&(this._r=Math.round(this._r)),this._g<1&&(this._g=Math.round(this._g)),this._b<1&&(this._b=Math.round(this._b)),this._ok=t.ok}b.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var e=this.toRgb();return(e.r*299+e.g*587+e.b*114)/1e3},getLuminance:function(){var e=this.toRgb(),t,n,a,i,l,s;return t=e.r/255,n=e.g/255,a=e.b/255,t<=.03928?i=t/12.92:i=Math.pow((t+.055)/1.055,2.4),n<=.03928?l=n/12.92:l=Math.pow((n+.055)/1.055,2.4),a<=.03928?s=a/12.92:s=Math.pow((a+.055)/1.055,2.4),.2126*i+.7152*l+.0722*s},setAlpha:function(e){return this._a=vt(e),this._roundA=Math.round(100*this._a)/100,this},toHsv:function(){var e=et(this._r,this._g,this._b);return{h:e.h*360,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=et(this._r,this._g,this._b),t=Math.round(e.h*360),n=Math.round(e.s*100),a=Math.round(e.v*100);return this._a==1?"hsv("+t+", "+n+"%, "+a+"%)":"hsva("+t+", "+n+"%, "+a+"%, "+this._roundA+")"},toHsl:function(){var e=Qe(this._r,this._g,this._b);return{h:e.h*360,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=Qe(this._r,this._g,this._b),t=Math.round(e.h*360),n=Math.round(e.s*100),a=Math.round(e.l*100);return this._a==1?"hsl("+t+", "+n+"%, "+a+"%)":"hsla("+t+", "+n+"%, "+a+"%, "+this._roundA+")"},toHex:function(e){return tt(this._r,this._g,this._b,e)},toHexString:function(e){return"#"+this.toHex(e)},toHex8:function(e){return ln(this._r,this._g,this._b,this._a,e)},toHex8String:function(e){return"#"+this.toHex8(e)},toRgb:function(){return{r:Math.round(this._r),g:Math.round(this._g),b:Math.round(this._b),a:this._a}},toRgbString:function(){return this._a==1?"rgb("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+")":"rgba("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:Math.round(E(this._r,255)*100)+"%",g:Math.round(E(this._g,255)*100)+"%",b:Math.round(E(this._b,255)*100)+"%",a:this._a}},toPercentageRgbString:function(){return this._a==1?"rgb("+Math.round(E(this._r,255)*100)+"%, "+Math.round(E(this._g,255)*100)+"%, "+Math.round(E(this._b,255)*100)+"%)":"rgba("+Math.round(E(this._r,255)*100)+"%, "+Math.round(E(this._g,255)*100)+"%, "+Math.round(E(this._b,255)*100)+"%, "+this._roundA+")"},toName:function(){return this._a===0?"transparent":this._a<1?!1:mn[tt(this._r,this._g,this._b,!0)]||!1},toFilter:function(e){var t="#"+rt(this._r,this._g,this._b,this._a),n=t,a=this._gradientType?"GradientType = 1, ":"";if(e){var i=b(e);n="#"+rt(i._r,i._g,i._b,i._a)}return"progid:DXImageTransform.Microsoft.gradient("+a+"startColorstr="+t+",endColorstr="+n+")"},toString:function(e){var t=!!e;e=e||this._format;var n=!1,a=this._a<1&&this._a>=0,i=!t&&a&&(e==="hex"||e==="hex6"||e==="hex3"||e==="hex4"||e==="hex8"||e==="name");return i?e==="name"&&this._a===0?this.toName():this.toRgbString():(e==="rgb"&&(n=this.toRgbString()),e==="prgb"&&(n=this.toPercentageRgbString()),(e==="hex"||e==="hex6")&&(n=this.toHexString()),e==="hex3"&&(n=this.toHexString(!0)),e==="hex4"&&(n=this.toHex8String(!0)),e==="hex8"&&(n=this.toHex8String()),e==="name"&&(n=this.toName()),e==="hsl"&&(n=this.toHslString()),e==="hsv"&&(n=this.toHsvString()),n||this.toHexString())},clone:function(){return b(this.toString())},_applyModification:function(e,t){var n=e.apply(null,[this].concat([].slice.call(t)));return this._r=n._r,this._g=n._g,this._b=n._b,this.setAlpha(n._a),this},lighten:function(){return this._applyModification(cn,arguments)},brighten:function(){return this._applyModification(un,arguments)},darken:function(){return this._applyModification(fn,arguments)},desaturate:function(){return this._applyModification(sn,arguments)},saturate:function(){return this._applyModification(hn,arguments)},greyscale:function(){return this._applyModification(pn,arguments)},spin:function(){return this._applyModification(dn,arguments)},_applyCombination:function(e,t){return e.apply(null,[this].concat([].slice.call(t)))},analogous:function(){return this._applyCombination(vn,arguments)},complement:function(){return this._applyCombination(gn,arguments)},monochromatic:function(){return this._applyCombination(xn,arguments)},splitcomplement:function(){return this._applyCombination(bn,arguments)},triad:function(){return this._applyCombination(nt,[3])},tetrad:function(){return this._applyCombination(nt,[4])}};b.fromRatio=function(r,e){if(ge(r)=="object"){var t={};for(var n in r)r.hasOwnProperty(n)&&(n==="a"?t[n]=r[n]:t[n]=ae(r[n]));r=t}return b(r,e)};function rn(r){var e={r:0,g:0,b:0},t=1,n=null,a=null,i=null,l=!1,s=!1;return typeof r=="string"&&(r=Sn(r)),ge(r)=="object"&&(B(r.r)&&B(r.g)&&B(r.b)?(e=nn(r.r,r.g,r.b),l=!0,s=String(r.r).substr(-1)==="%"?"prgb":"rgb"):B(r.h)&&B(r.s)&&B(r.v)?(n=ae(r.s),a=ae(r.v),e=on(r.h,n,a),l=!0,s="hsv"):B(r.h)&&B(r.s)&&B(r.l)&&(n=ae(r.s),i=ae(r.l),e=an(r.h,n,i),l=!0,s="hsl"),r.hasOwnProperty("a")&&(t=r.a)),t=vt(t),{ok:l,format:r.format||s,r:Math.min(255,Math.max(e.r,0)),g:Math.min(255,Math.max(e.g,0)),b:Math.min(255,Math.max(e.b,0)),a:t}}function nn(r,e,t){return{r:E(r,255)*255,g:E(e,255)*255,b:E(t,255)*255}}function Qe(r,e,t){r=E(r,255),e=E(e,255),t=E(t,255);var n=Math.max(r,e,t),a=Math.min(r,e,t),i,l,s=(n+a)/2;if(n==a)i=l=0;else{var h=n-a;switch(l=s>.5?h/(2-n-a):h/(n+a),n){case r:i=(e-t)/h+(e<t?6:0);break;case e:i=(t-r)/h+2;break;case t:i=(r-e)/h+4;break}i/=6}return{h:i,s:l,l:s}}function an(r,e,t){var n,a,i;r=E(r,360),e=E(e,100),t=E(t,100);function l(p,c,u){return u<0&&(u+=1),u>1&&(u-=1),u<1/6?p+(c-p)*6*u:u<1/2?c:u<2/3?p+(c-p)*(2/3-u)*6:p}if(e===0)n=a=i=t;else{var s=t<.5?t*(1+e):t+e-t*e,h=2*t-s;n=l(h,s,r+1/3),a=l(h,s,r),i=l(h,s,r-1/3)}return{r:n*255,g:a*255,b:i*255}}function et(r,e,t){r=E(r,255),e=E(e,255),t=E(t,255);var n=Math.max(r,e,t),a=Math.min(r,e,t),i,l,s=n,h=n-a;if(l=n===0?0:h/n,n==a)i=0;else{switch(n){case r:i=(e-t)/h+(e<t?6:0);break;case e:i=(t-r)/h+2;break;case t:i=(r-e)/h+4;break}i/=6}return{h:i,s:l,v:s}}function on(r,e,t){r=E(r,360)*6,e=E(e,100),t=E(t,100);var n=Math.floor(r),a=r-n,i=t*(1-e),l=t*(1-a*e),s=t*(1-(1-a)*e),h=n%6,p=[t,l,i,i,s,t][h],c=[s,t,t,l,i,i][h],u=[i,i,s,t,t,l][h];return{r:p*255,g:c*255,b:u*255}}function tt(r,e,t,n){var a=[F(Math.round(r).toString(16)),F(Math.round(e).toString(16)),F(Math.round(t).toString(16))];return n&&a[0].charAt(0)==a[0].charAt(1)&&a[1].charAt(0)==a[1].charAt(1)&&a[2].charAt(0)==a[2].charAt(1)?a[0].charAt(0)+a[1].charAt(0)+a[2].charAt(0):a.join("")}function ln(r,e,t,n,a){var i=[F(Math.round(r).toString(16)),F(Math.round(e).toString(16)),F(Math.round(t).toString(16)),F(xt(n))];return a&&i[0].charAt(0)==i[0].charAt(1)&&i[1].charAt(0)==i[1].charAt(1)&&i[2].charAt(0)==i[2].charAt(1)&&i[3].charAt(0)==i[3].charAt(1)?i[0].charAt(0)+i[1].charAt(0)+i[2].charAt(0)+i[3].charAt(0):i.join("")}function rt(r,e,t,n){var a=[F(xt(n)),F(Math.round(r).toString(16)),F(Math.round(e).toString(16)),F(Math.round(t).toString(16))];return a.join("")}b.equals=function(r,e){return!r||!e?!1:b(r).toRgbString()==b(e).toRgbString()};b.random=function(){return b.fromRatio({r:Math.random(),g:Math.random(),b:Math.random()})};function sn(r,e){e=e===0?0:e||10;var t=b(r).toHsl();return t.s-=e/100,t.s=me(t.s),b(t)}function hn(r,e){e=e===0?0:e||10;var t=b(r).toHsl();return t.s+=e/100,t.s=me(t.s),b(t)}function pn(r){return b(r).desaturate(100)}function cn(r,e){e=e===0?0:e||10;var t=b(r).toHsl();return t.l+=e/100,t.l=me(t.l),b(t)}function un(r,e){e=e===0?0:e||10;var t=b(r).toRgb();return t.r=Math.max(0,Math.min(255,t.r-Math.round(255*-(e/100)))),t.g=Math.max(0,Math.min(255,t.g-Math.round(255*-(e/100)))),t.b=Math.max(0,Math.min(255,t.b-Math.round(255*-(e/100)))),b(t)}function fn(r,e){e=e===0?0:e||10;var t=b(r).toHsl();return t.l-=e/100,t.l=me(t.l),b(t)}function dn(r,e){var t=b(r).toHsl(),n=(t.h+e)%360;return t.h=n<0?360+n:n,b(t)}function gn(r){var e=b(r).toHsl();return e.h=(e.h+180)%360,b(e)}function nt(r,e){if(isNaN(e)||e<=0)throw new Error("Argument to polyad must be a positive number");for(var t=b(r).toHsl(),n=[b(r)],a=360/e,i=1;i<e;i++)n.push(b({h:(t.h+i*a)%360,s:t.s,l:t.l}));return n}function bn(r){var e=b(r).toHsl(),t=e.h;return[b(r),b({h:(t+72)%360,s:e.s,l:e.l}),b({h:(t+216)%360,s:e.s,l:e.l})]}function vn(r,e,t){e=e||6,t=t||30;var n=b(r).toHsl(),a=360/t,i=[b(r)];for(n.h=(n.h-(a*e>>1)+720)%360;--e;)n.h=(n.h+a)%360,i.push(b(n));return i}function xn(r,e){e=e||6;for(var t=b(r).toHsv(),n=t.h,a=t.s,i=t.v,l=[],s=1/e;e--;)l.push(b({h:n,s:a,v:i})),i=(i+s)%1;return l}b.mix=function(r,e,t){t=t===0?0:t||50;var n=b(r).toRgb(),a=b(e).toRgb(),i=t/100,l={r:(a.r-n.r)*i+n.r,g:(a.g-n.g)*i+n.g,b:(a.b-n.b)*i+n.b,a:(a.a-n.a)*i+n.a};return b(l)};b.readability=function(r,e){var t=b(r),n=b(e);return(Math.max(t.getLuminance(),n.getLuminance())+.05)/(Math.min(t.getLuminance(),n.getLuminance())+.05)};b.isReadable=function(r,e,t){var n=b.readability(r,e),a,i;switch(i=!1,a=Cn(t),a.level+a.size){case"AAsmall":case"AAAlarge":i=n>=4.5;break;case"AAlarge":i=n>=3;break;case"AAAsmall":i=n>=7;break}return i};b.mostReadable=function(r,e,t){var n=null,a=0,i,l,s,h;t=t||{},l=t.includeFallbackColors,s=t.level,h=t.size;for(var p=0;p<e.length;p++)i=b.readability(r,e[p]),i>a&&(a=i,n=b(e[p]));return b.isReadable(r,n,{level:s,size:h})||!l?n:(t.includeFallbackColors=!1,b.mostReadable(r,["#fff","#000"],t))};var Ce=b.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"},mn=b.hexNames=yn(Ce);function yn(r){var e={};for(var t in r)r.hasOwnProperty(t)&&(e[r[t]]=t);return e}function vt(r){return r=parseFloat(r),(isNaN(r)||r<0||r>1)&&(r=1),r}function E(r,e){wn(r)&&(r="100%");var t=En(r);return r=Math.min(e,Math.max(0,parseFloat(r))),t&&(r=parseInt(r*e,10)/100),Math.abs(r-e)<1e-6?1:r%e/parseFloat(e)}function me(r){return Math.min(1,Math.max(0,r))}function _(r){return parseInt(r,16)}function wn(r){return typeof r=="string"&&r.indexOf(".")!=-1&&parseFloat(r)===1}function En(r){return typeof r=="string"&&r.indexOf("%")!=-1}function F(r){return r.length==1?"0"+r:""+r}function ae(r){return r<=1&&(r=r*100+"%"),r}function xt(r){return Math.round(parseFloat(r)*255).toString(16)}function at(r){return _(r)/255}var M=function(){var r="[-\\+]?\\d+%?",e="[-\\+]?\\d*\\.\\d+%?",t="(?:"+e+")|(?:"+r+")",n="[\\s|\\(]+("+t+")[,|\\s]+("+t+")[,|\\s]+("+t+")\\s*\\)?",a="[\\s|\\(]+("+t+")[,|\\s]+("+t+")[,|\\s]+("+t+")[,|\\s]+("+t+")\\s*\\)?";return{CSS_UNIT:new RegExp(t),rgb:new RegExp("rgb"+n),rgba:new RegExp("rgba"+a),hsl:new RegExp("hsl"+n),hsla:new RegExp("hsla"+a),hsv:new RegExp("hsv"+n),hsva:new RegExp("hsva"+a),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/}}();function B(r){return!!M.CSS_UNIT.exec(r)}function Sn(r){r=r.replace(en,"").replace(tn,"").toLowerCase();var e=!1;if(Ce[r])r=Ce[r],e=!0;else if(r=="transparent")return{r:0,g:0,b:0,a:0,format:"name"};var t;return(t=M.rgb.exec(r))?{r:t[1],g:t[2],b:t[3]}:(t=M.rgba.exec(r))?{r:t[1],g:t[2],b:t[3],a:t[4]}:(t=M.hsl.exec(r))?{h:t[1],s:t[2],l:t[3]}:(t=M.hsla.exec(r))?{h:t[1],s:t[2],l:t[3],a:t[4]}:(t=M.hsv.exec(r))?{h:t[1],s:t[2],v:t[3]}:(t=M.hsva.exec(r))?{h:t[1],s:t[2],v:t[3],a:t[4]}:(t=M.hex8.exec(r))?{r:_(t[1]),g:_(t[2]),b:_(t[3]),a:at(t[4]),format:e?"name":"hex8"}:(t=M.hex6.exec(r))?{r:_(t[1]),g:_(t[2]),b:_(t[3]),format:e?"name":"hex"}:(t=M.hex4.exec(r))?{r:_(t[1]+""+t[1]),g:_(t[2]+""+t[2]),b:_(t[3]+""+t[3]),a:at(t[4]+""+t[4]),format:e?"name":"hex8"}:(t=M.hex3.exec(r))?{r:_(t[1]+""+t[1]),g:_(t[2]+""+t[2]),b:_(t[3]+""+t[3]),format:e?"name":"hex"}:!1}function Cn(r){var e,t;return r=r||{level:"AA",size:"small"},e=(r.level||"AA").toUpperCase(),t=(r.size||"small").toLowerCase(),e!=="AA"&&e!=="AAA"&&(e="AA"),t!=="small"&&t!=="large"&&(t="small"),{level:e,size:t}}var it=function(e){var t=["r","g","b","a","h","s","l","v"],n=0,a=0;return Ft(t,function(i){if(e[i]&&(n+=1,isNaN(e[i])||(a+=1),i==="s"||i==="l")){var l=/^\d+%$/;l.test(e[i])&&(a+=1)}}),n===a?e:!1},ie=function(e,t){var n=e.hex?b(e.hex):b(e),a=n.toHsl(),i=n.toHsv(),l=n.toRgb(),s=n.toHex();a.s===0&&(a.h=t||0,i.h=t||0);var h=s==="000000"&&l.a===0;return{hsl:a,hex:h?"transparent":"#"+s,rgb:l,hsv:i,oldHue:e.h||t||a.h,source:e.source}},A=function(e){if(e==="transparent")return!0;var t=String(e).charAt(0)==="#"?1:0;return e.length!==4+t&&e.length<7+t&&b(e).isValid()},Me=function(e){if(!e)return"#fff";var t=ie(e);if(t.hex==="transparent")return"rgba(0,0,0,0.4)";var n=(t.rgb.r*299+t.rgb.g*587+t.rgb.b*114)/1e3;return n>=128?"#000":"#fff"},Se=function(e,t){var n=e.replace("°","");return b(t+" ("+n+")")._ok},re=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},kn=function(){function r(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}}();function Rn(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}function _n(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:r}function On(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);r.prototype=Object.create(e&&e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(r,e):r.__proto__=e)}var R=function(e){var t=function(n){On(a,n);function a(i){Rn(this,a);var l=_n(this,(a.__proto__||Object.getPrototypeOf(a)).call(this));return l.handleChange=function(s,h){var p=it(s);if(p){var c=ie(s,s.h||l.state.oldHue);l.setState(c),l.props.onChangeComplete&&l.debounce(l.props.onChangeComplete,c,h),l.props.onChange&&l.props.onChange(c,h)}},l.handleSwatchHover=function(s,h){var p=it(s);if(p){var c=ie(s,s.h||l.state.oldHue);l.props.onSwatchHover&&l.props.onSwatchHover(c,h)}},l.state=re({},ie(i.color,0)),l.debounce=Bt(function(s,h,p){s(h,p)},100),l}return kn(a,[{key:"render",value:function(){var l={};return this.props.onSwatchHover&&(l.onSwatchHover=this.handleSwatchHover),o.createElement(e,re({},this.props,this.state,{onChange:this.handleChange},l))}}],[{key:"getDerivedStateFromProps",value:function(l,s){return re({},ie(l.color,s.oldHue))}}]),a}(C.PureComponent||C.Component);return t.propTypes=re({},e.propTypes),t.defaultProps=re({},e.defaultProps,{color:{h:250,s:.5,l:.2,a:1}}),t},Mn=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},Fn=function(){function r(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}}();function Bn(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}function ot(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:r}function An(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);r.prototype=Object.create(e&&e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(r,e):r.__proto__=e)}var Hn=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"span";return function(n){An(a,n);function a(){var i,l,s,h;Bn(this,a);for(var p=arguments.length,c=Array(p),u=0;u<p;u++)c[u]=arguments[u];return h=(l=(s=ot(this,(i=a.__proto__||Object.getPrototypeOf(a)).call.apply(i,[this].concat(c))),s),s.state={focus:!1},s.handleFocus=function(){return s.setState({focus:!0})},s.handleBlur=function(){return s.setState({focus:!1})},l),ot(s,h)}return Fn(a,[{key:"render",value:function(){return o.createElement(t,{onFocus:this.handleFocus,onBlur:this.handleBlur},o.createElement(e,Mn({},this.props,this.state)))}}]),a}(o.Component)},lt=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},Pn=13,$n=function(e){var t=e.color,n=e.style,a=e.onClick,i=a===void 0?function(){}:a,l=e.onHover,s=e.title,h=s===void 0?t:s,p=e.children,c=e.focus,u=e.focusStyle,g=u===void 0?{}:u,d=t==="transparent",m=v({default:{swatch:lt({background:t,height:"100%",width:"100%",cursor:"pointer",position:"relative",outline:"none"},n,c?g:{})}}),x=function($){return i(t,$)},y=function($){return $.keyCode===Pn&&i(t,$)},S=function($){return l(t,$)},Ue={};return l&&(Ue.onMouseOver=S),o.createElement("div",lt({style:m.swatch,onClick:x,title:h,tabIndex:0,onKeyDown:y},Ue),p,d&&o.createElement(ee,{borderRadius:m.swatch.borderRadius,boxShadow:"inset 0 0 0 1px rgba(0,0,0,0.1)"}))};const P=Hn($n);var Tn=function(e){var t=e.direction,n=v({default:{picker:{width:"18px",height:"18px",borderRadius:"50%",transform:"translate(-9px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}},vertical:{picker:{transform:"translate(-3px, -9px)"}}},{vertical:t==="vertical"});return o.createElement("div",{style:n.picker})},Nn=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},mt=function(e){var t=e.rgb,n=e.hsl,a=e.width,i=e.height,l=e.onChange,s=e.direction,h=e.style,p=e.renderers,c=e.pointer,u=e.className,g=u===void 0?"":u,d=v({default:{picker:{position:"relative",width:a,height:i},alpha:{radius:"2px",style:h}}});return o.createElement("div",{style:d.picker,className:"alpha-picker "+g},o.createElement(Oe,Nn({},d.alpha,{rgb:t,hsl:n,pointer:c,renderers:p,onChange:l,direction:s})))};mt.defaultProps={width:"316px",height:"16px",direction:"horizontal",pointer:Tn};R(mt);var Dn=function(e){var t=e.colors,n=e.onClick,a=e.onSwatchHover,i=v({default:{swatches:{marginRight:"-10px"},swatch:{width:"22px",height:"22px",float:"left",marginRight:"10px",marginBottom:"10px",borderRadius:"4px"},clear:{clear:"both"}}});return o.createElement("div",{style:i.swatches},H(t,function(l){return o.createElement(P,{key:l,color:l,style:i.swatch,onClick:n,onHover:a,focusStyle:{boxShadow:"0 0 4px "+l}})}),o.createElement("div",{style:i.clear}))},Fe=function(e){var t=e.onChange,n=e.onSwatchHover,a=e.hex,i=e.colors,l=e.width,s=e.triangle,h=e.styles,p=h===void 0?{}:h,c=e.className,u=c===void 0?"":c,g=a==="transparent",d=function(y,S){A(y)&&t({hex:y,source:"hex"},S)},m=v(k({default:{card:{width:l,background:"#fff",boxShadow:"0 1px rgba(0,0,0,.1)",borderRadius:"6px",position:"relative"},head:{height:"110px",background:a,borderRadius:"6px 6px 0 0",display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},body:{padding:"10px"},label:{fontSize:"18px",color:Me(a),position:"relative"},triangle:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 10px 10px 10px",borderColor:"transparent transparent "+a+" transparent",position:"absolute",top:"-10px",left:"50%",marginLeft:"-10px"},input:{width:"100%",fontSize:"12px",color:"#666",border:"0px",outline:"none",height:"22px",boxShadow:"inset 0 0 0 1px #ddd",borderRadius:"4px",padding:"0 7px",boxSizing:"border-box"}},"hide-triangle":{triangle:{display:"none"}}},p),{"hide-triangle":s==="hide"});return o.createElement("div",{style:m.card,className:"block-picker "+u},o.createElement("div",{style:m.triangle}),o.createElement("div",{style:m.head},g&&o.createElement(ee,{borderRadius:"6px 6px 0 0"}),o.createElement("div",{style:m.label},a)),o.createElement("div",{style:m.body},o.createElement(Dn,{colors:i,onClick:d,onSwatchHover:n}),o.createElement(w,{style:{input:m.input},value:a,onChange:d})))};Fe.propTypes={width:f.oneOfType([f.string,f.number]),colors:f.arrayOf(f.string),triangle:f.oneOf(["top","hide"]),styles:f.object};Fe.defaultProps={width:170,colors:["#D9E3F0","#F47373","#697689","#37D67A","#2CCCE4","#555555","#dce775","#ff8a65","#ba68c8"],triangle:"top",styles:{}};R(Fe);var T={50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",a100:"#ff8a80",a200:"#ff5252",a400:"#ff1744",a700:"#d50000"},N={50:"#fce4ec",100:"#f8bbd0",200:"#f48fb1",300:"#f06292",400:"#ec407a",500:"#e91e63",600:"#d81b60",700:"#c2185b",800:"#ad1457",900:"#880e4f",a100:"#ff80ab",a200:"#ff4081",a400:"#f50057",a700:"#c51162"},D={50:"#f3e5f5",100:"#e1bee7",200:"#ce93d8",300:"#ba68c8",400:"#ab47bc",500:"#9c27b0",600:"#8e24aa",700:"#7b1fa2",800:"#6a1b9a",900:"#4a148c",a100:"#ea80fc",a200:"#e040fb",a400:"#d500f9",a700:"#aa00ff"},j={50:"#ede7f6",100:"#d1c4e9",200:"#b39ddb",300:"#9575cd",400:"#7e57c2",500:"#673ab7",600:"#5e35b1",700:"#512da8",800:"#4527a0",900:"#311b92",a100:"#b388ff",a200:"#7c4dff",a400:"#651fff",a700:"#6200ea"},L={50:"#e8eaf6",100:"#c5cae9",200:"#9fa8da",300:"#7986cb",400:"#5c6bc0",500:"#3f51b5",600:"#3949ab",700:"#303f9f",800:"#283593",900:"#1a237e",a100:"#8c9eff",a200:"#536dfe",a400:"#3d5afe",a700:"#304ffe"},z={50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",a100:"#82b1ff",a200:"#448aff",a400:"#2979ff",a700:"#2962ff"},G={50:"#e1f5fe",100:"#b3e5fc",200:"#81d4fa",300:"#4fc3f7",400:"#29b6f6",500:"#03a9f4",600:"#039be5",700:"#0288d1",800:"#0277bd",900:"#01579b",a100:"#80d8ff",a200:"#40c4ff",a400:"#00b0ff",a700:"#0091ea"},W={50:"#e0f7fa",100:"#b2ebf2",200:"#80deea",300:"#4dd0e1",400:"#26c6da",500:"#00bcd4",600:"#00acc1",700:"#0097a7",800:"#00838f",900:"#006064",a100:"#84ffff",a200:"#18ffff",a400:"#00e5ff",a700:"#00b8d4"},U={50:"#e0f2f1",100:"#b2dfdb",200:"#80cbc4",300:"#4db6ac",400:"#26a69a",500:"#009688",600:"#00897b",700:"#00796b",800:"#00695c",900:"#004d40",a100:"#a7ffeb",a200:"#64ffda",a400:"#1de9b6",a700:"#00bfa5"},oe={50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",a100:"#b9f6ca",a200:"#69f0ae",a400:"#00e676",a700:"#00c853"},V={50:"#f1f8e9",100:"#dcedc8",200:"#c5e1a5",300:"#aed581",400:"#9ccc65",500:"#8bc34a",600:"#7cb342",700:"#689f38",800:"#558b2f",900:"#33691e",a100:"#ccff90",a200:"#b2ff59",a400:"#76ff03",a700:"#64dd17"},I={50:"#f9fbe7",100:"#f0f4c3",200:"#e6ee9c",300:"#dce775",400:"#d4e157",500:"#cddc39",600:"#c0ca33",700:"#afb42b",800:"#9e9d24",900:"#827717",a100:"#f4ff81",a200:"#eeff41",a400:"#c6ff00",a700:"#aeea00"},X={50:"#fffde7",100:"#fff9c4",200:"#fff59d",300:"#fff176",400:"#ffee58",500:"#ffeb3b",600:"#fdd835",700:"#fbc02d",800:"#f9a825",900:"#f57f17",a100:"#ffff8d",a200:"#ffff00",a400:"#ffea00",a700:"#ffd600"},q={50:"#fff8e1",100:"#ffecb3",200:"#ffe082",300:"#ffd54f",400:"#ffca28",500:"#ffc107",600:"#ffb300",700:"#ffa000",800:"#ff8f00",900:"#ff6f00",a100:"#ffe57f",a200:"#ffd740",a400:"#ffc400",a700:"#ffab00"},Y={50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100",a100:"#ffd180",a200:"#ffab40",a400:"#ff9100",a700:"#ff6d00"},K={50:"#fbe9e7",100:"#ffccbc",200:"#ffab91",300:"#ff8a65",400:"#ff7043",500:"#ff5722",600:"#f4511e",700:"#e64a19",800:"#d84315",900:"#bf360c",a100:"#ff9e80",a200:"#ff6e40",a400:"#ff3d00",a700:"#dd2c00"},Z={50:"#efebe9",100:"#d7ccc8",200:"#bcaaa4",300:"#a1887f",400:"#8d6e63",500:"#795548",600:"#6d4c41",700:"#5d4037",800:"#4e342e",900:"#3e2723"},J={50:"#eceff1",100:"#cfd8dc",200:"#b0bec5",300:"#90a4ae",400:"#78909c",500:"#607d8b",600:"#546e7a",700:"#455a64",800:"#37474f",900:"#263238"},yt=function(e){var t=e.color,n=e.onClick,a=e.onSwatchHover,i=e.hover,l=e.active,s=e.circleSize,h=e.circleSpacing,p=v({default:{swatch:{width:s,height:s,marginRight:h,marginBottom:h,transform:"scale(1)",transition:"100ms transform ease"},Swatch:{borderRadius:"50%",background:"transparent",boxShadow:"inset 0 0 0 "+(s/2+1)+"px "+t,transition:"100ms box-shadow ease"}},hover:{swatch:{transform:"scale(1.2)"}},active:{Swatch:{boxShadow:"inset 0 0 0 3px "+t}}},{hover:i,active:l});return o.createElement("div",{style:p.swatch},o.createElement(P,{style:p.Swatch,color:t,onClick:n,onHover:a,focusStyle:{boxShadow:p.Swatch.boxShadow+", 0 0 5px "+t}}))};yt.defaultProps={circleSize:28,circleSpacing:14};const jn=_e(yt);var Be=function(e){var t=e.width,n=e.onChange,a=e.onSwatchHover,i=e.colors,l=e.hex,s=e.circleSize,h=e.styles,p=h===void 0?{}:h,c=e.circleSpacing,u=e.className,g=u===void 0?"":u,d=v(k({default:{card:{width:t,display:"flex",flexWrap:"wrap",marginRight:-c,marginBottom:-c}}},p)),m=function(y,S){return n({hex:y,source:"hex"},S)};return o.createElement("div",{style:d.card,className:"circle-picker "+g},H(i,function(x){return o.createElement(jn,{key:x,color:x,onClick:m,onSwatchHover:a,active:l===x.toLowerCase(),circleSize:s,circleSpacing:c})}))};Be.propTypes={width:f.oneOfType([f.string,f.number]),circleSize:f.number,circleSpacing:f.number,styles:f.object};Be.defaultProps={width:252,circleSize:28,circleSpacing:14,colors:[T[500],N[500],D[500],j[500],L[500],z[500],G[500],W[500],U[500],oe[500],V[500],I[500],X[500],q[500],Y[500],K[500],Z[500],J[500]],styles:{}};R(Be);var wt={};Object.defineProperty(wt,"__esModule",{value:!0});var st=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},Ln=C,ht=zn(Ln);function zn(r){return r&&r.__esModule?r:{default:r}}function Gn(r,e){var t={};for(var n in r)e.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n]);return t}var fe=24,Wn=wt.default=function(r){var e=r.fill,t=e===void 0?"currentColor":e,n=r.width,a=n===void 0?fe:n,i=r.height,l=i===void 0?fe:i,s=r.style,h=s===void 0?{}:s,p=Gn(r,["fill","width","height","style"]);return ht.default.createElement("svg",st({viewBox:"0 0 "+fe+" "+fe,style:st({fill:t,width:a,height:l},h)},p),ht.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"}))},Un=function(){function r(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}}();function Vn(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}function In(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:r}function Xn(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);r.prototype=Object.create(e&&e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(r,e):r.__proto__=e)}var Et=function(r){Xn(e,r);function e(t){Vn(this,e);var n=In(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return n.toggleViews=function(){n.state.view==="hex"?n.setState({view:"rgb"}):n.state.view==="rgb"?n.setState({view:"hsl"}):n.state.view==="hsl"&&(n.props.hsl.a===1?n.setState({view:"hex"}):n.setState({view:"rgb"}))},n.handleChange=function(a,i){a.hex?A(a.hex)&&n.props.onChange({hex:a.hex,source:"hex"},i):a.r||a.g||a.b?n.props.onChange({r:a.r||n.props.rgb.r,g:a.g||n.props.rgb.g,b:a.b||n.props.rgb.b,source:"rgb"},i):a.a?(a.a<0?a.a=0:a.a>1&&(a.a=1),n.props.onChange({h:n.props.hsl.h,s:n.props.hsl.s,l:n.props.hsl.l,a:Math.round(a.a*100)/100,source:"rgb"},i)):(a.h||a.s||a.l)&&(typeof a.s=="string"&&a.s.includes("%")&&(a.s=a.s.replace("%","")),typeof a.l=="string"&&a.l.includes("%")&&(a.l=a.l.replace("%","")),a.s==1?a.s=.01:a.l==1&&(a.l=.01),n.props.onChange({h:a.h||n.props.hsl.h,s:Number(Ie(a.s)?n.props.hsl.s:a.s),l:Number(Ie(a.l)?n.props.hsl.l:a.l),source:"hsl"},i))},n.showHighlight=function(a){a.currentTarget.style.background="#eee"},n.hideHighlight=function(a){a.currentTarget.style.background="transparent"},t.hsl.a!==1&&t.view==="hex"?n.state={view:"rgb"}:n.state={view:t.view},n}return Un(e,[{key:"render",value:function(){var n=this,a=v({default:{wrap:{paddingTop:"16px",display:"flex"},fields:{flex:"1",display:"flex",marginLeft:"-6px"},field:{paddingLeft:"6px",width:"100%"},alpha:{paddingLeft:"6px",width:"100%"},toggle:{width:"32px",textAlign:"right",position:"relative"},icon:{marginRight:"-4px",marginTop:"12px",cursor:"pointer",position:"relative"},iconHighlight:{position:"absolute",width:"24px",height:"28px",background:"#eee",borderRadius:"4px",top:"10px",left:"12px",display:"none"},input:{fontSize:"11px",color:"#333",width:"100%",borderRadius:"2px",border:"none",boxShadow:"inset 0 0 0 1px #dadada",height:"21px",textAlign:"center"},label:{textTransform:"uppercase",fontSize:"11px",lineHeight:"11px",color:"#969696",textAlign:"center",display:"block",marginTop:"12px"},svg:{fill:"#333",width:"24px",height:"24px",border:"1px transparent solid",borderRadius:"5px"}},disableAlpha:{alpha:{display:"none"}}},this.props,this.state),i=void 0;return this.state.view==="hex"?i=o.createElement("div",{style:a.fields,className:"flexbox-fix"},o.createElement("div",{style:a.field},o.createElement(w,{style:{input:a.input,label:a.label},label:"hex",value:this.props.hex,onChange:this.handleChange}))):this.state.view==="rgb"?i=o.createElement("div",{style:a.fields,className:"flexbox-fix"},o.createElement("div",{style:a.field},o.createElement(w,{style:{input:a.input,label:a.label},label:"r",value:this.props.rgb.r,onChange:this.handleChange})),o.createElement("div",{style:a.field},o.createElement(w,{style:{input:a.input,label:a.label},label:"g",value:this.props.rgb.g,onChange:this.handleChange})),o.createElement("div",{style:a.field},o.createElement(w,{style:{input:a.input,label:a.label},label:"b",value:this.props.rgb.b,onChange:this.handleChange})),o.createElement("div",{style:a.alpha},o.createElement(w,{style:{input:a.input,label:a.label},label:"a",value:this.props.rgb.a,arrowOffset:.01,onChange:this.handleChange}))):this.state.view==="hsl"&&(i=o.createElement("div",{style:a.fields,className:"flexbox-fix"},o.createElement("div",{style:a.field},o.createElement(w,{style:{input:a.input,label:a.label},label:"h",value:Math.round(this.props.hsl.h),onChange:this.handleChange})),o.createElement("div",{style:a.field},o.createElement(w,{style:{input:a.input,label:a.label},label:"s",value:Math.round(this.props.hsl.s*100)+"%",onChange:this.handleChange})),o.createElement("div",{style:a.field},o.createElement(w,{style:{input:a.input,label:a.label},label:"l",value:Math.round(this.props.hsl.l*100)+"%",onChange:this.handleChange})),o.createElement("div",{style:a.alpha},o.createElement(w,{style:{input:a.input,label:a.label},label:"a",value:this.props.hsl.a,arrowOffset:.01,onChange:this.handleChange})))),o.createElement("div",{style:a.wrap,className:"flexbox-fix"},i,o.createElement("div",{style:a.toggle},o.createElement("div",{style:a.icon,onClick:this.toggleViews,ref:function(s){return n.icon=s}},o.createElement(Wn,{style:a.svg,onMouseOver:this.showHighlight,onMouseEnter:this.showHighlight,onMouseOut:this.hideHighlight}))))}}],[{key:"getDerivedStateFromProps",value:function(n,a){return n.hsl.a!==1&&a.view==="hex"?{view:"rgb"}:null}}]),e}(o.Component);Et.defaultProps={view:"hex"};var pt=function(){var e=v({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 o.createElement("div",{style:e.picker})},qn=function(){var e=v({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",boxShadow:"inset 0 0 0 1px #fff",transform:"translate(-6px, -6px)"}}});return o.createElement("div",{style:e.picker})},Ae=function(e){var t=e.width,n=e.onChange,a=e.disableAlpha,i=e.rgb,l=e.hsl,s=e.hsv,h=e.hex,p=e.renderers,c=e.styles,u=c===void 0?{}:c,g=e.className,d=g===void 0?"":g,m=e.defaultView,x=v(k({default:{picker:{width:t,background:"#fff",borderRadius:"2px",boxShadow:"0 0 2px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.3)",boxSizing:"initial",fontFamily:"Menlo"},saturation:{width:"100%",paddingBottom:"55%",position:"relative",borderRadius:"2px 2px 0 0",overflow:"hidden"},Saturation:{radius:"2px 2px 0 0"},body:{padding:"16px 16px 12px"},controls:{display:"flex"},color:{width:"32px"},swatch:{marginTop:"6px",width:"16px",height:"16px",borderRadius:"8px",position:"relative",overflow:"hidden"},active:{absolute:"0px 0px 0px 0px",borderRadius:"8px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.1)",background:"rgba("+i.r+", "+i.g+", "+i.b+", "+i.a+")",zIndex:"2"},toggles:{flex:"1"},hue:{height:"10px",position:"relative",marginBottom:"8px"},Hue:{radius:"2px"},alpha:{height:"10px",position:"relative"},Alpha:{radius:"2px"}},disableAlpha:{color:{width:"22px"},alpha:{display:"none"},hue:{marginBottom:"0px"},swatch:{width:"10px",height:"10px",marginTop:"0px"}}},u),{disableAlpha:a});return o.createElement("div",{style:x.picker,className:"chrome-picker "+d},o.createElement("div",{style:x.saturation},o.createElement(xe,{style:x.Saturation,hsl:l,hsv:s,pointer:qn,onChange:n})),o.createElement("div",{style:x.body},o.createElement("div",{style:x.controls,className:"flexbox-fix"},o.createElement("div",{style:x.color},o.createElement("div",{style:x.swatch},o.createElement("div",{style:x.active}),o.createElement(ee,{renderers:p}))),o.createElement("div",{style:x.toggles},o.createElement("div",{style:x.hue},o.createElement(te,{style:x.Hue,hsl:l,pointer:pt,onChange:n})),o.createElement("div",{style:x.alpha},o.createElement(Oe,{style:x.Alpha,rgb:i,hsl:l,pointer:pt,renderers:p,onChange:n})))),o.createElement(Et,{rgb:i,hsl:l,hex:h,view:m,onChange:n,disableAlpha:a})))};Ae.propTypes={width:f.oneOfType([f.string,f.number]),disableAlpha:f.bool,styles:f.object,defaultView:f.oneOf(["hex","rgb","hsl"])};Ae.defaultProps={width:225,disableAlpha:!1,styles:{}};const Ra=R(Ae);var Yn=function(e){var t=e.color,n=e.onClick,a=n===void 0?function(){}:n,i=e.onSwatchHover,l=e.active,s=v({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:Me(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:l,"color-#FFFFFF":t==="#FFFFFF",transparent:t==="transparent"});return o.createElement(P,{style:s.color,color:t,onClick:a,onHover:i,focusStyle:{boxShadow:"0 0 4px "+t}},o.createElement("div",{style:s.dot}))},Kn=function(e){var t=e.hex,n=e.rgb,a=e.onChange,i=v({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"}}}),l=function(h,p){h.r||h.g||h.b?a({r:h.r||n.r,g:h.g||n.g,b:h.b||n.b,source:"rgb"},p):a({hex:h.hex,source:"hex"},p)};return o.createElement("div",{style:i.fields,className:"flexbox-fix"},o.createElement("div",{style:i.active}),o.createElement(w,{style:{wrap:i.HEXwrap,input:i.HEXinput,label:i.HEXlabel},label:"hex",value:t,onChange:l}),o.createElement(w,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"r",value:n.r,onChange:l}),o.createElement(w,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"g",value:n.g,onChange:l}),o.createElement(w,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"b",value:n.b,onChange:l}))},He=function(e){var t=e.onChange,n=e.onSwatchHover,a=e.colors,i=e.hex,l=e.rgb,s=e.styles,h=s===void 0?{}:s,p=e.className,c=p===void 0?"":p,u=v(k({default:{Compact:{background:"#f6f6f6",radius:"4px"},compact:{paddingTop:"5px",paddingLeft:"5px",boxSizing:"initial",width:"240px"},clear:{clear:"both"}}},h)),g=function(m,x){m.hex?A(m.hex)&&t({hex:m.hex,source:"hex"},x):t(m,x)};return o.createElement(ue,{style:u.Compact,styles:h},o.createElement("div",{style:u.compact,className:"compact-picker "+c},o.createElement("div",null,H(a,function(d){return o.createElement(Yn,{key:d,color:d,active:d.toLowerCase()===i,onClick:g,onSwatchHover:n})}),o.createElement("div",{style:u.clear})),o.createElement(Kn,{hex:i,rgb:l,onChange:g})))};He.propTypes={colors:f.arrayOf(f.string),styles:f.object};He.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:{}};R(He);var Zn=function(e){var t=e.hover,n=e.color,a=e.onClick,i=e.onSwatchHover,l={position:"relative",zIndex:"2",outline:"2px solid #fff",boxShadow:"0 0 5px 2px rgba(0,0,0,0.25)"},s=v({default:{swatch:{width:"25px",height:"25px",fontSize:"0"}},hover:{swatch:l}},{hover:t});return o.createElement("div",{style:s.swatch},o.createElement(P,{color:n,onClick:a,onHover:i,focusStyle:l}))};const Jn=_e(Zn);var Pe=function(e){var t=e.width,n=e.colors,a=e.onChange,i=e.onSwatchHover,l=e.triangle,s=e.styles,h=s===void 0?{}:s,p=e.className,c=p===void 0?"":p,u=v(k({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)"}}},h),{"hide-triangle":l==="hide","top-left-triangle":l==="top-left","top-right-triangle":l==="top-right","bottom-left-triangle":l==="bottom-left","bottom-right-triangle":l==="bottom-right"}),g=function(m,x){return a({hex:m,source:"hex"},x)};return o.createElement("div",{style:u.card,className:"github-picker "+c},o.createElement("div",{style:u.triangleShadow}),o.createElement("div",{style:u.triangle}),H(n,function(d){return o.createElement(Jn,{color:d,key:d,onClick:g,onSwatchHover:i})}))};Pe.propTypes={width:f.oneOfType([f.string,f.number]),colors:f.arrayOf(f.string),triangle:f.oneOf(["hide","top-left","top-right","bottom-left","bottom-right"]),styles:f.object};Pe.defaultProps={width:200,colors:["#B80000","#DB3E00","#FCCB00","#008B02","#006B76","#1273DE","#004DCF","#5300EB","#EB9694","#FAD0C3","#FEF3BD","#C1E1C5","#BEDADC","#C4DEF6","#BED3F3","#D4C4FB"],triangle:"top-left",styles:{}};R(Pe);var Qn=function(e){var t=e.direction,n=v({default:{picker:{width:"18px",height:"18px",borderRadius:"50%",transform:"translate(-9px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}},vertical:{picker:{transform:"translate(-3px, -9px)"}}},{vertical:t==="vertical"});return o.createElement("div",{style:n.picker})},ea=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},$e=function(e){var t=e.width,n=e.height,a=e.onChange,i=e.hsl,l=e.direction,s=e.pointer,h=e.styles,p=h===void 0?{}:h,c=e.className,u=c===void 0?"":c,g=v(k({default:{picker:{position:"relative",width:t,height:n},hue:{radius:"2px"}}},p)),d=function(x){return a({a:1,h:x.h,l:.5,s:1})};return o.createElement("div",{style:g.picker,className:"hue-picker "+u},o.createElement(te,ea({},g.hue,{hsl:i,pointer:s,onChange:d,direction:l})))};$e.propTypes={styles:f.object};$e.defaultProps={width:"316px",height:"16px",direction:"horizontal",pointer:Qn,styles:{}};R($e);var ta=function(e){var t=e.onChange,n=e.hex,a=e.rgb,i=e.styles,l=i===void 0?{}:i,s=e.className,h=s===void 0?"":s,p=v(k({default:{material:{width:"98px",height:"98px",padding:"16px",fontFamily:"Roboto"},HEXwrap:{position:"relative"},HEXinput:{width:"100%",marginTop:"12px",fontSize:"15px",color:"#333",padding:"0px",border:"0px",borderBottom:"2px solid "+n,outline:"none",height:"30px"},HEXlabel:{position:"absolute",top:"0px",left:"0px",fontSize:"11px",color:"#999999",textTransform:"capitalize"},Hex:{style:{}},RGBwrap:{position:"relative"},RGBinput:{width:"100%",marginTop:"12px",fontSize:"15px",color:"#333",padding:"0px",border:"0px",borderBottom:"1px solid #eee",outline:"none",height:"30px"},RGBlabel:{position:"absolute",top:"0px",left:"0px",fontSize:"11px",color:"#999999",textTransform:"capitalize"},split:{display:"flex",marginRight:"-10px",paddingTop:"11px"},third:{flex:"1",paddingRight:"10px"}}},l)),c=function(g,d){g.hex?A(g.hex)&&t({hex:g.hex,source:"hex"},d):(g.r||g.g||g.b)&&t({r:g.r||a.r,g:g.g||a.g,b:g.b||a.b,source:"rgb"},d)};return o.createElement(ue,{styles:l},o.createElement("div",{style:p.material,className:"material-picker "+h},o.createElement(w,{style:{wrap:p.HEXwrap,input:p.HEXinput,label:p.HEXlabel},label:"hex",value:n,onChange:c}),o.createElement("div",{style:p.split,className:"flexbox-fix"},o.createElement("div",{style:p.third},o.createElement(w,{style:{wrap:p.RGBwrap,input:p.RGBinput,label:p.RGBlabel},label:"r",value:a.r,onChange:c})),o.createElement("div",{style:p.third},o.createElement(w,{style:{wrap:p.RGBwrap,input:p.RGBinput,label:p.RGBlabel},label:"g",value:a.g,onChange:c})),o.createElement("div",{style:p.third},o.createElement(w,{style:{wrap:p.RGBwrap,input:p.RGBinput,label:p.RGBlabel},label:"b",value:a.b,onChange:c})))))};R(ta);var ra=function(e){var t=e.onChange,n=e.rgb,a=e.hsv,i=e.hex,l=v({default:{fields:{paddingTop:"5px",paddingBottom:"9px",width:"80px",position:"relative"},divider:{height:"5px"},RGBwrap:{position:"relative"},RGBinput:{marginLeft:"40%",width:"40%",height:"18px",border:"1px solid #888888",boxShadow:"inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",marginBottom:"5px",fontSize:"13px",paddingLeft:"3px",marginRight:"10px"},RGBlabel:{left:"0px",top:"0px",width:"34px",textTransform:"uppercase",fontSize:"13px",height:"18px",lineHeight:"22px",position:"absolute"},HEXwrap:{position:"relative"},HEXinput:{marginLeft:"20%",width:"80%",height:"18px",border:"1px solid #888888",boxShadow:"inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",marginBottom:"6px",fontSize:"13px",paddingLeft:"3px"},HEXlabel:{position:"absolute",top:"0px",left:"0px",width:"14px",textTransform:"uppercase",fontSize:"13px",height:"18px",lineHeight:"22px"},fieldSymbols:{position:"absolute",top:"5px",right:"-7px",fontSize:"13px"},symbol:{height:"20px",lineHeight:"22px",paddingBottom:"7px"}}}),s=function(p,c){p["#"]?A(p["#"])&&t({hex:p["#"],source:"hex"},c):p.r||p.g||p.b?t({r:p.r||n.r,g:p.g||n.g,b:p.b||n.b,source:"rgb"},c):(p.h||p.s||p.v)&&t({h:p.h||a.h,s:p.s||a.s,v:p.v||a.v,source:"hsv"},c)};return o.createElement("div",{style:l.fields},o.createElement(w,{style:{wrap:l.RGBwrap,input:l.RGBinput,label:l.RGBlabel},label:"h",value:Math.round(a.h),onChange:s}),o.createElement(w,{style:{wrap:l.RGBwrap,input:l.RGBinput,label:l.RGBlabel},label:"s",value:Math.round(a.s*100),onChange:s}),o.createElement(w,{style:{wrap:l.RGBwrap,input:l.RGBinput,label:l.RGBlabel},label:"v",value:Math.round(a.v*100),onChange:s}),o.createElement("div",{style:l.divider}),o.createElement(w,{style:{wrap:l.RGBwrap,input:l.RGBinput,label:l.RGBlabel},label:"r",value:n.r,onChange:s}),o.createElement(w,{style:{wrap:l.RGBwrap,input:l.RGBinput,label:l.RGBlabel},label:"g",value:n.g,onChange:s}),o.createElement(w,{style:{wrap:l.RGBwrap,input:l.RGBinput,label:l.RGBlabel},label:"b",value:n.b,onChange:s}),o.createElement("div",{style:l.divider}),o.createElement(w,{style:{wrap:l.HEXwrap,input:l.HEXinput,label:l.HEXlabel},label:"#",value:i.replace("#",""),onChange:s}),o.createElement("div",{style:l.fieldSymbols},o.createElement("div",{style:l.symbol},"°"),o.createElement("div",{style:l.symbol},"%"),o.createElement("div",{style:l.symbol},"%")))},na=function(e){var t=e.hsl,n=v({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",boxShadow:"inset 0 0 0 1px #fff",transform:"translate(-6px, -6px)"}},"black-outline":{picker:{boxShadow:"inset 0 0 0 1px #000"}}},{"black-outline":t.l>.5});return o.createElement("div",{style:n.picker})},aa=function(){var e=v({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 o.createElement("div",{style:e.pointer},o.createElement("div",{style:e.left},o.createElement("div",{style:e.leftInside})),o.createElement("div",{style:e.right},o.createElement("div",{style:e.rightInside})))},ct=function(e){var t=e.onClick,n=e.label,a=e.children,i=e.active,l=v({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 o.createElement("div",{style:l.button,onClick:t},n||a)},ia=function(e){var t=e.rgb,n=e.currentColor,a=v({default:{swatches:{border:"1px solid #B3B3B3",borderBottom:"1px solid #F0F0F0",marginBottom:"2px",marginTop:"1px"},new:{height:"34px",background:"rgb("+t.r+","+t.g+", "+t.b+")",boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 1px 0 #000"},current:{height:"34px",background:n,boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 -1px 0 #000"},label:{fontSize:"14px",color:"#000",textAlign:"center"}}});return o.createElement("div",null,o.createElement("div",{style:a.label},"new"),o.createElement("div",{style:a.swatches},o.createElement("div",{style:a.new}),o.createElement("div",{style:a.current})),o.createElement("div",{style:a.label},"current"))},oa=function(){function r(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}}();function la(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}function sa(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:r}function ha(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);r.prototype=Object.create(e&&e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(r,e):r.__proto__=e)}var Te=function(r){ha(e,r);function e(t){la(this,e);var n=sa(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return n.state={currentColor:t.hex},n}return oa(e,[{key:"render",value:function(){var n=this.props,a=n.styles,i=a===void 0?{}:a,l=n.className,s=l===void 0?"":l,h=v(k({default:{picker:{background:"#DCDCDC",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.25), 0 8px 16px rgba(0,0,0,.15)",boxSizing:"initial",width:"513px"},head:{backgroundImage:"linear-gradient(-180deg, #F0F0F0 0%, #D4D4D4 100%)",borderBottom:"1px solid #B1B1B1",boxShadow:"inset 0 1px 0 0 rgba(255,255,255,.2), inset 0 -1px 0 0 rgba(0,0,0,.02)",height:"23px",lineHeight:"24px",borderRadius:"4px 4px 0 0",fontSize:"13px",color:"#4D4D4D",textAlign:"center"},body:{padding:"15px 15px 0",display:"flex"},saturation:{width:"256px",height:"256px",position:"relative",border:"2px solid #B3B3B3",borderBottom:"2px solid #F0F0F0",overflow:"hidden"},hue:{position:"relative",height:"256px",width:"19px",marginLeft:"10px",border:"2px solid #B3B3B3",borderBottom:"2px solid #F0F0F0"},controls:{width:"180px",marginLeft:"10px"},top:{display:"flex"},previews:{width:"60px"},actions:{flex:"1",marginLeft:"20px"}}},i));return o.createElement("div",{style:h.picker,className:"photoshop-picker "+s},o.createElement("div",{style:h.head},this.props.header),o.createElement("div",{style:h.body,className:"flexbox-fix"},o.createElement("div",{style:h.saturation},o.createElement(xe,{hsl:this.props.hsl,hsv:this.props.hsv,pointer:na,onChange:this.props.onChange})),o.createElement("div",{style:h.hue},o.createElement(te,{direction:"vertical",hsl:this.props.hsl,pointer:aa,onChange:this.props.onChange})),o.createElement("div",{style:h.controls},o.createElement("div",{style:h.top,className:"flexbox-fix"},o.createElement("div",{style:h.previews},o.createElement(ia,{rgb:this.props.rgb,currentColor:this.state.currentColor})),o.createElement("div",{style:h.actions},o.createElement(ct,{label:"OK",onClick:this.props.onAccept,active:!0}),o.createElement(ct,{label:"Cancel",onClick:this.props.onCancel}),o.createElement(ra,{onChange:this.props.onChange,rgb:this.props.rgb,hsv:this.props.hsv,hex:this.props.hex}))))))}}]),e}(o.Component);Te.propTypes={header:f.string,styles:f.object};Te.defaultProps={header:"Color Picker",styles:{}};R(Te);var pa=function(e){var t=e.onChange,n=e.rgb,a=e.hsl,i=e.hex,l=e.disableAlpha,s=v({default:{fields:{display:"flex",paddingTop:"4px"},single:{flex:"1",paddingLeft:"6px"},alpha:{flex:"1",paddingLeft:"6px"},double:{flex:"2"},input:{width:"80%",padding:"4px 10% 3px",border:"none",boxShadow:"inset 0 0 0 1px #ccc",fontSize:"11px"},label:{display:"block",textAlign:"center",fontSize:"11px",color:"#222",paddingTop:"3px",paddingBottom:"4px",textTransform:"capitalize"}},disableAlpha:{alpha:{display:"none"}}},{disableAlpha:l}),h=function(c,u){c.hex?A(c.hex)&&t({hex:c.hex,source:"hex"},u):c.r||c.g||c.b?t({r:c.r||n.r,g:c.g||n.g,b:c.b||n.b,a:n.a,source:"rgb"},u):c.a&&(c.a<0?c.a=0:c.a>100&&(c.a=100),c.a/=100,t({h:a.h,s:a.s,l:a.l,a:c.a,source:"rgb"},u))};return o.createElement("div",{style:s.fields,className:"flexbox-fix"},o.createElement("div",{style:s.double},o.createElement(w,{style:{input:s.input,label:s.label},label:"hex",value:i.replace("#",""),onChange:h})),o.createElement("div",{style:s.single},o.createElement(w,{style:{input:s.input,label:s.label},label:"r",value:n.r,onChange:h,dragLabel:"true",dragMax:"255"})),o.createElement("div",{style:s.single},o.createElement(w,{style:{input:s.input,label:s.label},label:"g",value:n.g,onChange:h,dragLabel:"true",dragMax:"255"})),o.createElement("div",{style:s.single},o.createElement(w,{style:{input:s.input,label:s.label},label:"b",value:n.b,onChange:h,dragLabel:"true",dragMax:"255"})),o.createElement("div",{style:s.alpha},o.createElement(w,{style:{input:s.input,label:s.label},label:"a",value:Math.round(n.a*100),onChange:h,dragLabel:"true",dragMax:"100"})))},ca=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},St=function(e){var t=e.colors,n=e.onClick,a=n===void 0?function(){}:n,i=e.onSwatchHover,l=v({default:{colors:{margin:"0 -10px",padding:"10px 0 0 10px",borderTop:"1px solid #eee",display:"flex",flexWrap:"wrap",position:"relative"},swatchWrap:{width:"16px",height:"16px",margin:"0 10px 10px 0"},swatch:{borderRadius:"3px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15)"}},"no-presets":{colors:{display:"none"}}},{"no-presets":!t||!t.length}),s=function(p,c){a({hex:p,source:"hex"},c)};return o.createElement("div",{style:l.colors,className:"flexbox-fix"},t.map(function(h){var p=typeof h=="string"?{color:h}:h,c=""+p.color+(p.title||"");return o.createElement("div",{key:c,style:l.swatchWrap},o.createElement(P,ca({},p,{style:l.swatch,onClick:s,onHover:i,focusStyle:{boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px "+p.color}})))}))};St.propTypes={colors:f.arrayOf(f.oneOfType([f.string,f.shape({color:f.string,title:f.string})])).isRequired};var ua=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},Ne=function(e){var t=e.width,n=e.rgb,a=e.hex,i=e.hsv,l=e.hsl,s=e.onChange,h=e.onSwatchHover,p=e.disableAlpha,c=e.presetColors,u=e.renderers,g=e.styles,d=g===void 0?{}:g,m=e.className,x=m===void 0?"":m,y=v(k({default:ua({picker:{width:t,padding:"10px 10px 0",boxSizing:"initial",background:"#fff",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.15), 0 8px 16px rgba(0,0,0,.15)"},saturation:{width:"100%",paddingBottom:"75%",position:"relative",overflow:"hidden"},Saturation:{radius:"3px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},controls:{display:"flex"},sliders:{padding:"4px 0",flex:"1"},color:{width:"24px",height:"24px",position:"relative",marginTop:"4px",marginLeft:"4px",borderRadius:"3px"},activeColor:{absolute:"0px 0px 0px 0px",borderRadius:"2px",background:"rgba("+n.r+","+n.g+","+n.b+","+n.a+")",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},hue:{position:"relative",height:"10px",overflow:"hidden"},Hue:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},alpha:{position:"relative",height:"10px",marginTop:"4px",overflow:"hidden"},Alpha:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"}},d),disableAlpha:{color:{height:"10px"},hue:{height:"10px"},alpha:{display:"none"}}},d),{disableAlpha:p});return o.createElement("div",{style:y.picker,className:"sketch-picker "+x},o.createElement("div",{style:y.saturation},o.createElement(xe,{style:y.Saturation,hsl:l,hsv:i,onChange:s})),o.createElement("div",{style:y.controls,className:"flexbox-fix"},o.createElement("div",{style:y.sliders},o.createElement("div",{style:y.hue},o.createElement(te,{style:y.Hue,hsl:l,onChange:s})),o.createElement("div",{style:y.alpha},o.createElement(Oe,{style:y.Alpha,rgb:n,hsl:l,renderers:u,onChange:s}))),o.createElement("div",{style:y.color},o.createElement(ee,null),o.createElement("div",{style:y.activeColor}))),o.createElement(pa,{rgb:n,hsl:l,hex:a,onChange:s,disableAlpha:p}),o.createElement(St,{colors:c,onClick:s,onSwatchHover:h}))};Ne.propTypes={disableAlpha:f.bool,width:f.oneOfType([f.string,f.number]),styles:f.object};Ne.defaultProps={disableAlpha:!1,width:200,styles:{},presetColors:["#D0021B","#F5A623","#F8E71C","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"]};const _a=R(Ne);var ne=function(e){var t=e.hsl,n=e.offset,a=e.onClick,i=a===void 0?function(){}:a,l=e.active,s=e.first,h=e.last,p=v({default:{swatch:{height:"12px",background:"hsl("+t.h+", 50%, "+n*100+"%)",cursor:"pointer"}},first:{swatch:{borderRadius:"2px 0 0 2px"}},last:{swatch:{borderRadius:"0 2px 2px 0"}},active:{swatch:{transform:"scaleY(1.8)",borderRadius:"3.6px/2px"}}},{active:l,first:s,last:h}),c=function(g){return i({h:t.h,s:.5,l:n,source:"hsl"},g)};return o.createElement("div",{style:p.swatch,onClick:c})},fa=function(e){var t=e.onClick,n=e.hsl,a=v({default:{swatches:{marginTop:"20px"},swatch:{boxSizing:"border-box",width:"20%",paddingRight:"1px",float:"left"},clear:{clear:"both"}}}),i=.1;return o.createElement("div",{style:a.swatches},o.createElement("div",{style:a.swatch},o.createElement(ne,{hsl:n,offset:".80",active:Math.abs(n.l-.8)<i&&Math.abs(n.s-.5)<i,onClick:t,first:!0})),o.createElement("div",{style:a.swatch},o.createElement(ne,{hsl:n,offset:".65",active:Math.abs(n.l-.65)<i&&Math.abs(n.s-.5)<i,onClick:t})),o.createElement("div",{style:a.swatch},o.createElement(ne,{hsl:n,offset:".50",active:Math.abs(n.l-.5)<i&&Math.abs(n.s-.5)<i,onClick:t})),o.createElement("div",{style:a.swatch},o.createElement(ne,{hsl:n,offset:".35",active:Math.abs(n.l-.35)<i&&Math.abs(n.s-.5)<i,onClick:t})),o.createElement("div",{style:a.swatch},o.createElement(ne,{hsl:n,offset:".20",active:Math.abs(n.l-.2)<i&&Math.abs(n.s-.5)<i,onClick:t,last:!0})),o.createElement("div",{style:a.clear}))},da=function(){var e=v({default:{picker:{width:"14px",height:"14px",borderRadius:"6px",transform:"translate(-7px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}}});return o.createElement("div",{style:e.picker})},De=function(e){var t=e.hsl,n=e.onChange,a=e.pointer,i=e.styles,l=i===void 0?{}:i,s=e.className,h=s===void 0?"":s,p=v(k({default:{hue:{height:"12px",position:"relative"},Hue:{radius:"2px"}}},l));return o.createElement("div",{style:p.wrap||{},className:"slider-picker "+h},o.createElement("div",{style:p.hue},o.createElement(te,{style:p.Hue,hsl:t,pointer:a,onChange:n})),o.createElement("div",{style:p.swatches},o.createElement(fa,{hsl:t,onClick:n})))};De.propTypes={styles:f.object};De.defaultProps={pointer:da,styles:{}};R(De);var Ct={};Object.defineProperty(Ct,"__esModule",{value:!0});var ut=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},ga=C,ft=ba(ga);function ba(r){return r&&r.__esModule?r:{default:r}}function va(r,e){var t={};for(var n in r)e.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n]);return t}var de=24,xa=Ct.default=function(r){var e=r.fill,t=e===void 0?"currentColor":e,n=r.width,a=n===void 0?de:n,i=r.height,l=i===void 0?de:i,s=r.style,h=s===void 0?{}:s,p=va(r,["fill","width","height","style"]);return ft.default.createElement("svg",ut({viewBox:"0 0 "+de+" "+de,style:ut({fill:t,width:a,height:l},h)},p),ft.default.createElement("path",{d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"}))},ma=function(e){var t=e.color,n=e.onClick,a=n===void 0?function(){}:n,i=e.onSwatchHover,l=e.first,s=e.last,h=e.active,p=v({default:{color:{width:"40px",height:"24px",cursor:"pointer",background:t,marginBottom:"1px"},check:{color:Me(t),marginLeft:"8px",display:"none"}},first:{color:{overflow:"hidden",borderRadius:"2px 2px 0 0"}},last:{color:{overflow:"hidden",borderRadius:"0 0 2px 2px"}},active:{check:{display:"block"}},"color-#FFFFFF":{color:{boxShadow:"inset 0 0 0 1px #ddd"},check:{color:"#333"}},transparent:{check:{color:"#333"}}},{first:l,last:s,active:h,"color-#FFFFFF":t==="#FFFFFF",transparent:t==="transparent"});return o.createElement(P,{color:t,style:p.color,onClick:a,onHover:i,focusStyle:{boxShadow:"0 0 4px "+t}},o.createElement("div",{style:p.check},o.createElement(xa,null)))},ya=function(e){var t=e.onClick,n=e.onSwatchHover,a=e.group,i=e.active,l=v({default:{group:{paddingBottom:"10px",width:"40px",float:"left",marginRight:"10px"}}});return o.createElement("div",{style:l.group},H(a,function(s,h){return o.createElement(ma,{key:s,color:s,active:s.toLowerCase()===i,first:h===0,last:h===a.length-1,onClick:t,onSwatchHover:n})}))},je=function(e){var t=e.width,n=e.height,a=e.onChange,i=e.onSwatchHover,l=e.colors,s=e.hex,h=e.styles,p=h===void 0?{}:h,c=e.className,u=c===void 0?"":c,g=v(k({default:{picker:{width:t,height:n},overflow:{height:n,overflowY:"scroll"},body:{padding:"16px 0 6px 16px"},clear:{clear:"both"}}},p)),d=function(x,y){return a({hex:x,source:"hex"},y)};return o.createElement("div",{style:g.picker,className:"swatches-picker "+u},o.createElement(ue,null,o.createElement("div",{style:g.overflow},o.createElement("div",{style:g.body},H(l,function(m){return o.createElement(ya,{key:m.toString(),group:m,active:s,onClick:d,onSwatchHover:i})}),o.createElement("div",{style:g.clear})))))};je.propTypes={width:f.oneOfType([f.string,f.number]),height:f.oneOfType([f.string,f.number]),colors:f.arrayOf(f.arrayOf(f.string)),styles:f.object};je.defaultProps={width:320,height:240,colors:[[T[900],T[700],T[500],T[300],T[100]],[N[900],N[700],N[500],N[300],N[100]],[D[900],D[700],D[500],D[300],D[100]],[j[900],j[700],j[500],j[300],j[100]],[L[900],L[700],L[500],L[300],L[100]],[z[900],z[700],z[500],z[300],z[100]],[G[900],G[700],G[500],G[300],G[100]],[W[900],W[700],W[500],W[300],W[100]],[U[900],U[700],U[500],U[300],U[100]],["#194D33",oe[700],oe[500],oe[300],oe[100]],[V[900],V[700],V[500],V[300],V[100]],[I[900],I[700],I[500],I[300],I[100]],[X[900],X[700],X[500],X[300],X[100]],[q[900],q[700],q[500],q[300],q[100]],[Y[900],Y[700],Y[500],Y[300],Y[100]],[K[900],K[700],K[500],K[300],K[100]],[Z[900],Z[700],Z[500],Z[300],Z[100]],[J[900],J[700],J[500],J[300],J[100]],["#000000","#525252","#969696","#D9D9D9","#FFFFFF"]],styles:{}};R(je);var Le=function(e){var t=e.onChange,n=e.onSwatchHover,a=e.hex,i=e.colors,l=e.width,s=e.triangle,h=e.styles,p=h===void 0?{}:h,c=e.className,u=c===void 0?"":c,g=v(k({default:{card:{width:l,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"}}},p),{"hide-triangle":s==="hide","top-left-triangle":s==="top-left","top-right-triangle":s==="top-right"}),d=function(x,y){A(x)&&t({hex:x,source:"hex"},y)};return o.createElement("div",{style:g.card,className:"twitter-picker "+u},o.createElement("div",{style:g.triangleShadow}),o.createElement("div",{style:g.triangle}),o.createElement("div",{style:g.body},H(i,function(m,x){return o.createElement(P,{key:x,color:m,hex:m,style:g.swatch,onClick:d,onHover:n,focusStyle:{boxShadow:"0 0 4px "+m}})}),o.createElement("div",{style:g.hash},"#"),o.createElement(w,{label:null,style:{input:g.input},value:a.replace("#",""),onChange:d}),o.createElement("div",{style:g.clear})))};Le.propTypes={width:f.oneOfType([f.string,f.number]),triangle:f.oneOf(["hide","top-left","top-right"]),colors:f.arrayOf(f.string),styles:f.object};Le.defaultProps={width:276,colors:["#FF6900","#FCB900","#7BDCB5","#00D084","#8ED1FC","#0693E3","#ABB8C3","#EB144C","#F78DA7","#9900EF"],triangle:"top-left",styles:{}};R(Le);var ze=function(e){var t=v({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",border:"2px #fff solid",transform:"translate(-12px, -13px)",background:"hsl("+Math.round(e.hsl.h)+", "+Math.round(e.hsl.s*100)+"%, "+Math.round(e.hsl.l*100)+"%)"}}});return o.createElement("div",{style:t.picker})};ze.propTypes={hsl:f.shape({h:f.number,s:f.number,l:f.number,a:f.number})};ze.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};var Ge=function(e){var t=v({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",transform:"translate(-10px, -7px)",background:"hsl("+Math.round(e.hsl.h)+", 100%, 50%)",border:"2px white solid"}}});return o.createElement("div",{style:t.picker})};Ge.propTypes={hsl:f.shape({h:f.number,s:f.number,l:f.number,a:f.number})};Ge.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};var wa=function(e){var t=e.onChange,n=e.rgb,a=e.hsl,i=e.hex,l=e.hsv,s=function(d,m){if(d.hex)A(d.hex)&&t({hex:d.hex,source:"hex"},m);else if(d.rgb){var x=d.rgb.split(",");Se(d.rgb,"rgb")&&t({r:x[0],g:x[1],b:x[2],a:1,source:"rgb"},m)}else if(d.hsv){var y=d.hsv.split(",");Se(d.hsv,"hsv")&&(y[2]=y[2].replace("%",""),y[1]=y[1].replace("%",""),y[0]=y[0].replace("°",""),y[1]==1?y[1]=.01:y[2]==1&&(y[2]=.01),t({h:Number(y[0]),s:Number(y[1]),v:Number(y[2]),source:"hsv"},m))}else if(d.hsl){var S=d.hsl.split(",");Se(d.hsl,"hsl")&&(S[2]=S[2].replace("%",""),S[1]=S[1].replace("%",""),S[0]=S[0].replace("°",""),u[1]==1?u[1]=.01:u[2]==1&&(u[2]=.01),t({h:Number(S[0]),s:Number(S[1]),v:Number(S[2]),source:"hsl"},m))}},h=v({default:{wrap:{display:"flex",height:"100px",marginTop:"4px"},fields:{width:"100%"},column:{paddingTop:"10px",display:"flex",justifyContent:"space-between"},double:{padding:"0px 4.4px",boxSizing:"border-box"},input:{width:"100%",height:"38px",boxSizing:"border-box",padding:"4px 10% 3px",textAlign:"center",border:"1px solid #dadce0",fontSize:"11px",textTransform:"lowercase",borderRadius:"5px",outline:"none",fontFamily:"Roboto,Arial,sans-serif"},input2:{height:"38px",width:"100%",border:"1px solid #dadce0",boxSizing:"border-box",fontSize:"11px",textTransform:"lowercase",borderRadius:"5px",outline:"none",paddingLeft:"10px",fontFamily:"Roboto,Arial,sans-serif"},label:{textAlign:"center",fontSize:"12px",background:"#fff",position:"absolute",textTransform:"uppercase",color:"#3c4043",width:"35px",top:"-6px",left:"0",right:"0",marginLeft:"auto",marginRight:"auto",fontFamily:"Roboto,Arial,sans-serif"},label2:{left:"10px",textAlign:"center",fontSize:"12px",background:"#fff",position:"absolute",textTransform:"uppercase",color:"#3c4043",width:"32px",top:"-6px",fontFamily:"Roboto,Arial,sans-serif"},single:{flexGrow:"1",margin:"0px 4.4px"}}}),p=n.r+", "+n.g+", "+n.b,c=Math.round(a.h)+"°, "+Math.round(a.s*100)+"%, "+Math.round(a.l*100)+"%",u=Math.round(l.h)+"°, "+Math.round(l.s*100)+"%, "+Math.round(l.v*100)+"%";return o.createElement("div",{style:h.wrap,className:"flexbox-fix"},o.createElement("div",{style:h.fields},o.createElement("div",{style:h.double},o.createElement(w,{style:{input:h.input,label:h.label},label:"hex",value:i,onChange:s})),o.createElement("div",{style:h.column},o.createElement("div",{style:h.single},o.createElement(w,{style:{input:h.input2,label:h.label2},label:"rgb",value:p,onChange:s})),o.createElement("div",{style:h.single},o.createElement(w,{style:{input:h.input2,label:h.label2},label:"hsv",value:u,onChange:s})),o.createElement("div",{style:h.single},o.createElement(w,{style:{input:h.input2,label:h.label2},label:"hsl",value:c,onChange:s})))))},We=function(e){var t=e.width,n=e.onChange,a=e.rgb,i=e.hsl,l=e.hsv,s=e.hex,h=e.header,p=e.styles,c=p===void 0?{}:p,u=e.className,g=u===void 0?"":u,d=v(k({default:{picker:{width:t,background:"#fff",border:"1px solid #dfe1e5",boxSizing:"initial",display:"flex",flexWrap:"wrap",borderRadius:"8px 8px 0px 0px"},head:{height:"57px",width:"100%",paddingTop:"16px",paddingBottom:"16px",paddingLeft:"16px",fontSize:"20px",boxSizing:"border-box",fontFamily:"Roboto-Regular,HelveticaNeue,Arial,sans-serif"},saturation:{width:"70%",padding:"0px",position:"relative",overflow:"hidden"},swatch:{width:"30%",height:"228px",padding:"0px",background:"rgba("+a.r+", "+a.g+", "+a.b+", 1)",position:"relative",overflow:"hidden"},body:{margin:"auto",width:"95%"},controls:{display:"flex",boxSizing:"border-box",height:"52px",paddingTop:"22px"},color:{width:"32px"},hue:{height:"8px",position:"relative",margin:"0px 16px 0px 16px",width:"100%"},Hue:{radius:"2px"}}},c));return o.createElement("div",{style:d.picker,className:"google-picker "+g},o.createElement("div",{style:d.head},h),o.createElement("div",{style:d.swatch}),o.createElement("div",{style:d.saturation},o.createElement(xe,{hsl:i,hsv:l,pointer:ze,onChange:n})),o.createElement("div",{style:d.body},o.createElement("div",{style:d.controls,className:"flexbox-fix"},o.createElement("div",{style:d.hue},o.createElement(te,{style:d.Hue,hsl:i,radius:"4px",pointer:Ge,onChange:n}))),o.createElement(wa,{rgb:a,hsl:i,hex:s,hsv:l,onChange:n})))};We.propTypes={width:f.oneOfType([f.string,f.number]),styles:f.object,header:f.string};We.defaultProps={width:652,styles:{},header:"Color picker"};R(We);export{Ra as C,_a as S,Ut as r};
+        `),o.createElement("div",{style:c.white,className:"saturation-white"},o.createElement("div",{style:c.black,className:"saturation-black"}),o.createElement("div",{style:c.pointer},this.props.pointer?o.createElement(this.props.pointer,this.props):o.createElement("div",{style:c.circle}))))}}]),e}(C.PureComponent||C.Component);function ge(r){"@babel/helpers - typeof";return ge=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ge(r)}var Qr=/^\s+/,en=/\s+$/;function b(r,e){if(r=r||"",e=e||{},r instanceof b)return r;if(!(this instanceof b))return new b(r,e);var t=tn(r);this._originalInput=r,this._r=t.r,this._g=t.g,this._b=t.b,this._a=t.a,this._roundA=Math.round(100*this._a)/100,this._format=e.format||t.format,this._gradientType=e.gradientType,this._r<1&&(this._r=Math.round(this._r)),this._g<1&&(this._g=Math.round(this._g)),this._b<1&&(this._b=Math.round(this._b)),this._ok=t.ok}b.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var e=this.toRgb();return(e.r*299+e.g*587+e.b*114)/1e3},getLuminance:function(){var e=this.toRgb(),t,n,a,i,l,s;return t=e.r/255,n=e.g/255,a=e.b/255,t<=.03928?i=t/12.92:i=Math.pow((t+.055)/1.055,2.4),n<=.03928?l=n/12.92:l=Math.pow((n+.055)/1.055,2.4),a<=.03928?s=a/12.92:s=Math.pow((a+.055)/1.055,2.4),.2126*i+.7152*l+.0722*s},setAlpha:function(e){return this._a=vt(e),this._roundA=Math.round(100*this._a)/100,this},toHsv:function(){var e=et(this._r,this._g,this._b);return{h:e.h*360,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=et(this._r,this._g,this._b),t=Math.round(e.h*360),n=Math.round(e.s*100),a=Math.round(e.v*100);return this._a==1?"hsv("+t+", "+n+"%, "+a+"%)":"hsva("+t+", "+n+"%, "+a+"%, "+this._roundA+")"},toHsl:function(){var e=Qe(this._r,this._g,this._b);return{h:e.h*360,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=Qe(this._r,this._g,this._b),t=Math.round(e.h*360),n=Math.round(e.s*100),a=Math.round(e.l*100);return this._a==1?"hsl("+t+", "+n+"%, "+a+"%)":"hsla("+t+", "+n+"%, "+a+"%, "+this._roundA+")"},toHex:function(e){return tt(this._r,this._g,this._b,e)},toHexString:function(e){return"#"+this.toHex(e)},toHex8:function(e){return on(this._r,this._g,this._b,this._a,e)},toHex8String:function(e){return"#"+this.toHex8(e)},toRgb:function(){return{r:Math.round(this._r),g:Math.round(this._g),b:Math.round(this._b),a:this._a}},toRgbString:function(){return this._a==1?"rgb("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+")":"rgba("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:Math.round(E(this._r,255)*100)+"%",g:Math.round(E(this._g,255)*100)+"%",b:Math.round(E(this._b,255)*100)+"%",a:this._a}},toPercentageRgbString:function(){return this._a==1?"rgb("+Math.round(E(this._r,255)*100)+"%, "+Math.round(E(this._g,255)*100)+"%, "+Math.round(E(this._b,255)*100)+"%)":"rgba("+Math.round(E(this._r,255)*100)+"%, "+Math.round(E(this._g,255)*100)+"%, "+Math.round(E(this._b,255)*100)+"%, "+this._roundA+")"},toName:function(){return this._a===0?"transparent":this._a<1?!1:xn[tt(this._r,this._g,this._b,!0)]||!1},toFilter:function(e){var t="#"+rt(this._r,this._g,this._b,this._a),n=t,a=this._gradientType?"GradientType = 1, ":"";if(e){var i=b(e);n="#"+rt(i._r,i._g,i._b,i._a)}return"progid:DXImageTransform.Microsoft.gradient("+a+"startColorstr="+t+",endColorstr="+n+")"},toString:function(e){var t=!!e;e=e||this._format;var n=!1,a=this._a<1&&this._a>=0,i=!t&&a&&(e==="hex"||e==="hex6"||e==="hex3"||e==="hex4"||e==="hex8"||e==="name");return i?e==="name"&&this._a===0?this.toName():this.toRgbString():(e==="rgb"&&(n=this.toRgbString()),e==="prgb"&&(n=this.toPercentageRgbString()),(e==="hex"||e==="hex6")&&(n=this.toHexString()),e==="hex3"&&(n=this.toHexString(!0)),e==="hex4"&&(n=this.toHex8String(!0)),e==="hex8"&&(n=this.toHex8String()),e==="name"&&(n=this.toName()),e==="hsl"&&(n=this.toHslString()),e==="hsv"&&(n=this.toHsvString()),n||this.toHexString())},clone:function(){return b(this.toString())},_applyModification:function(e,t){var n=e.apply(null,[this].concat([].slice.call(t)));return this._r=n._r,this._g=n._g,this._b=n._b,this.setAlpha(n._a),this},lighten:function(){return this._applyModification(pn,arguments)},brighten:function(){return this._applyModification(cn,arguments)},darken:function(){return this._applyModification(un,arguments)},desaturate:function(){return this._applyModification(ln,arguments)},saturate:function(){return this._applyModification(sn,arguments)},greyscale:function(){return this._applyModification(hn,arguments)},spin:function(){return this._applyModification(fn,arguments)},_applyCombination:function(e,t){return e.apply(null,[this].concat([].slice.call(t)))},analogous:function(){return this._applyCombination(bn,arguments)},complement:function(){return this._applyCombination(dn,arguments)},monochromatic:function(){return this._applyCombination(vn,arguments)},splitcomplement:function(){return this._applyCombination(gn,arguments)},triad:function(){return this._applyCombination(nt,[3])},tetrad:function(){return this._applyCombination(nt,[4])}};b.fromRatio=function(r,e){if(ge(r)=="object"){var t={};for(var n in r)r.hasOwnProperty(n)&&(n==="a"?t[n]=r[n]:t[n]=ae(r[n]));r=t}return b(r,e)};function tn(r){var e={r:0,g:0,b:0},t=1,n=null,a=null,i=null,l=!1,s=!1;return typeof r=="string"&&(r=En(r)),ge(r)=="object"&&(B(r.r)&&B(r.g)&&B(r.b)?(e=rn(r.r,r.g,r.b),l=!0,s=String(r.r).substr(-1)==="%"?"prgb":"rgb"):B(r.h)&&B(r.s)&&B(r.v)?(n=ae(r.s),a=ae(r.v),e=an(r.h,n,a),l=!0,s="hsv"):B(r.h)&&B(r.s)&&B(r.l)&&(n=ae(r.s),i=ae(r.l),e=nn(r.h,n,i),l=!0,s="hsl"),r.hasOwnProperty("a")&&(t=r.a)),t=vt(t),{ok:l,format:r.format||s,r:Math.min(255,Math.max(e.r,0)),g:Math.min(255,Math.max(e.g,0)),b:Math.min(255,Math.max(e.b,0)),a:t}}function rn(r,e,t){return{r:E(r,255)*255,g:E(e,255)*255,b:E(t,255)*255}}function Qe(r,e,t){r=E(r,255),e=E(e,255),t=E(t,255);var n=Math.max(r,e,t),a=Math.min(r,e,t),i,l,s=(n+a)/2;if(n==a)i=l=0;else{var h=n-a;switch(l=s>.5?h/(2-n-a):h/(n+a),n){case r:i=(e-t)/h+(e<t?6:0);break;case e:i=(t-r)/h+2;break;case t:i=(r-e)/h+4;break}i/=6}return{h:i,s:l,l:s}}function nn(r,e,t){var n,a,i;r=E(r,360),e=E(e,100),t=E(t,100);function l(p,c,u){return u<0&&(u+=1),u>1&&(u-=1),u<1/6?p+(c-p)*6*u:u<1/2?c:u<2/3?p+(c-p)*(2/3-u)*6:p}if(e===0)n=a=i=t;else{var s=t<.5?t*(1+e):t+e-t*e,h=2*t-s;n=l(h,s,r+1/3),a=l(h,s,r),i=l(h,s,r-1/3)}return{r:n*255,g:a*255,b:i*255}}function et(r,e,t){r=E(r,255),e=E(e,255),t=E(t,255);var n=Math.max(r,e,t),a=Math.min(r,e,t),i,l,s=n,h=n-a;if(l=n===0?0:h/n,n==a)i=0;else{switch(n){case r:i=(e-t)/h+(e<t?6:0);break;case e:i=(t-r)/h+2;break;case t:i=(r-e)/h+4;break}i/=6}return{h:i,s:l,v:s}}function an(r,e,t){r=E(r,360)*6,e=E(e,100),t=E(t,100);var n=Math.floor(r),a=r-n,i=t*(1-e),l=t*(1-a*e),s=t*(1-(1-a)*e),h=n%6,p=[t,l,i,i,s,t][h],c=[s,t,t,l,i,i][h],u=[i,i,s,t,t,l][h];return{r:p*255,g:c*255,b:u*255}}function tt(r,e,t,n){var a=[F(Math.round(r).toString(16)),F(Math.round(e).toString(16)),F(Math.round(t).toString(16))];return n&&a[0].charAt(0)==a[0].charAt(1)&&a[1].charAt(0)==a[1].charAt(1)&&a[2].charAt(0)==a[2].charAt(1)?a[0].charAt(0)+a[1].charAt(0)+a[2].charAt(0):a.join("")}function on(r,e,t,n,a){var i=[F(Math.round(r).toString(16)),F(Math.round(e).toString(16)),F(Math.round(t).toString(16)),F(xt(n))];return a&&i[0].charAt(0)==i[0].charAt(1)&&i[1].charAt(0)==i[1].charAt(1)&&i[2].charAt(0)==i[2].charAt(1)&&i[3].charAt(0)==i[3].charAt(1)?i[0].charAt(0)+i[1].charAt(0)+i[2].charAt(0)+i[3].charAt(0):i.join("")}function rt(r,e,t,n){var a=[F(xt(n)),F(Math.round(r).toString(16)),F(Math.round(e).toString(16)),F(Math.round(t).toString(16))];return a.join("")}b.equals=function(r,e){return!r||!e?!1:b(r).toRgbString()==b(e).toRgbString()};b.random=function(){return b.fromRatio({r:Math.random(),g:Math.random(),b:Math.random()})};function ln(r,e){e=e===0?0:e||10;var t=b(r).toHsl();return t.s-=e/100,t.s=xe(t.s),b(t)}function sn(r,e){e=e===0?0:e||10;var t=b(r).toHsl();return t.s+=e/100,t.s=xe(t.s),b(t)}function hn(r){return b(r).desaturate(100)}function pn(r,e){e=e===0?0:e||10;var t=b(r).toHsl();return t.l+=e/100,t.l=xe(t.l),b(t)}function cn(r,e){e=e===0?0:e||10;var t=b(r).toRgb();return t.r=Math.max(0,Math.min(255,t.r-Math.round(255*-(e/100)))),t.g=Math.max(0,Math.min(255,t.g-Math.round(255*-(e/100)))),t.b=Math.max(0,Math.min(255,t.b-Math.round(255*-(e/100)))),b(t)}function un(r,e){e=e===0?0:e||10;var t=b(r).toHsl();return t.l-=e/100,t.l=xe(t.l),b(t)}function fn(r,e){var t=b(r).toHsl(),n=(t.h+e)%360;return t.h=n<0?360+n:n,b(t)}function dn(r){var e=b(r).toHsl();return e.h=(e.h+180)%360,b(e)}function nt(r,e){if(isNaN(e)||e<=0)throw new Error("Argument to polyad must be a positive number");for(var t=b(r).toHsl(),n=[b(r)],a=360/e,i=1;i<e;i++)n.push(b({h:(t.h+i*a)%360,s:t.s,l:t.l}));return n}function gn(r){var e=b(r).toHsl(),t=e.h;return[b(r),b({h:(t+72)%360,s:e.s,l:e.l}),b({h:(t+216)%360,s:e.s,l:e.l})]}function bn(r,e,t){e=e||6,t=t||30;var n=b(r).toHsl(),a=360/t,i=[b(r)];for(n.h=(n.h-(a*e>>1)+720)%360;--e;)n.h=(n.h+a)%360,i.push(b(n));return i}function vn(r,e){e=e||6;for(var t=b(r).toHsv(),n=t.h,a=t.s,i=t.v,l=[],s=1/e;e--;)l.push(b({h:n,s:a,v:i})),i=(i+s)%1;return l}b.mix=function(r,e,t){t=t===0?0:t||50;var n=b(r).toRgb(),a=b(e).toRgb(),i=t/100,l={r:(a.r-n.r)*i+n.r,g:(a.g-n.g)*i+n.g,b:(a.b-n.b)*i+n.b,a:(a.a-n.a)*i+n.a};return b(l)};b.readability=function(r,e){var t=b(r),n=b(e);return(Math.max(t.getLuminance(),n.getLuminance())+.05)/(Math.min(t.getLuminance(),n.getLuminance())+.05)};b.isReadable=function(r,e,t){var n=b.readability(r,e),a,i;switch(i=!1,a=Sn(t),a.level+a.size){case"AAsmall":case"AAAlarge":i=n>=4.5;break;case"AAlarge":i=n>=3;break;case"AAAsmall":i=n>=7;break}return i};b.mostReadable=function(r,e,t){var n=null,a=0,i,l,s,h;t=t||{},l=t.includeFallbackColors,s=t.level,h=t.size;for(var p=0;p<e.length;p++)i=b.readability(r,e[p]),i>a&&(a=i,n=b(e[p]));return b.isReadable(r,n,{level:s,size:h})||!l?n:(t.includeFallbackColors=!1,b.mostReadable(r,["#fff","#000"],t))};var Se=b.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"},xn=b.hexNames=mn(Se);function mn(r){var e={};for(var t in r)r.hasOwnProperty(t)&&(e[r[t]]=t);return e}function vt(r){return r=parseFloat(r),(isNaN(r)||r<0||r>1)&&(r=1),r}function E(r,e){yn(r)&&(r="100%");var t=wn(r);return r=Math.min(e,Math.max(0,parseFloat(r))),t&&(r=parseInt(r*e,10)/100),Math.abs(r-e)<1e-6?1:r%e/parseFloat(e)}function xe(r){return Math.min(1,Math.max(0,r))}function _(r){return parseInt(r,16)}function yn(r){return typeof r=="string"&&r.indexOf(".")!=-1&&parseFloat(r)===1}function wn(r){return typeof r=="string"&&r.indexOf("%")!=-1}function F(r){return r.length==1?"0"+r:""+r}function ae(r){return r<=1&&(r=r*100+"%"),r}function xt(r){return Math.round(parseFloat(r)*255).toString(16)}function at(r){return _(r)/255}var M=function(){var r="[-\\+]?\\d+%?",e="[-\\+]?\\d*\\.\\d+%?",t="(?:"+e+")|(?:"+r+")",n="[\\s|\\(]+("+t+")[,|\\s]+("+t+")[,|\\s]+("+t+")\\s*\\)?",a="[\\s|\\(]+("+t+")[,|\\s]+("+t+")[,|\\s]+("+t+")[,|\\s]+("+t+")\\s*\\)?";return{CSS_UNIT:new RegExp(t),rgb:new RegExp("rgb"+n),rgba:new RegExp("rgba"+a),hsl:new RegExp("hsl"+n),hsla:new RegExp("hsla"+a),hsv:new RegExp("hsv"+n),hsva:new RegExp("hsva"+a),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/}}();function B(r){return!!M.CSS_UNIT.exec(r)}function En(r){r=r.replace(Qr,"").replace(en,"").toLowerCase();var e=!1;if(Se[r])r=Se[r],e=!0;else if(r=="transparent")return{r:0,g:0,b:0,a:0,format:"name"};var t;return(t=M.rgb.exec(r))?{r:t[1],g:t[2],b:t[3]}:(t=M.rgba.exec(r))?{r:t[1],g:t[2],b:t[3],a:t[4]}:(t=M.hsl.exec(r))?{h:t[1],s:t[2],l:t[3]}:(t=M.hsla.exec(r))?{h:t[1],s:t[2],l:t[3],a:t[4]}:(t=M.hsv.exec(r))?{h:t[1],s:t[2],v:t[3]}:(t=M.hsva.exec(r))?{h:t[1],s:t[2],v:t[3],a:t[4]}:(t=M.hex8.exec(r))?{r:_(t[1]),g:_(t[2]),b:_(t[3]),a:at(t[4]),format:e?"name":"hex8"}:(t=M.hex6.exec(r))?{r:_(t[1]),g:_(t[2]),b:_(t[3]),format:e?"name":"hex"}:(t=M.hex4.exec(r))?{r:_(t[1]+""+t[1]),g:_(t[2]+""+t[2]),b:_(t[3]+""+t[3]),a:at(t[4]+""+t[4]),format:e?"name":"hex8"}:(t=M.hex3.exec(r))?{r:_(t[1]+""+t[1]),g:_(t[2]+""+t[2]),b:_(t[3]+""+t[3]),format:e?"name":"hex"}:!1}function Sn(r){var e,t;return r=r||{level:"AA",size:"small"},e=(r.level||"AA").toUpperCase(),t=(r.size||"small").toLowerCase(),e!=="AA"&&e!=="AAA"&&(e="AA"),t!=="small"&&t!=="large"&&(t="small"),{level:e,size:t}}var it=function(e){var t=["r","g","b","a","h","s","l","v"],n=0,a=0;return Mt(t,function(i){if(e[i]&&(n+=1,isNaN(e[i])||(a+=1),i==="s"||i==="l")){var l=/^\d+%$/;l.test(e[i])&&(a+=1)}}),n===a?e:!1},ie=function(e,t){var n=e.hex?b(e.hex):b(e),a=n.toHsl(),i=n.toHsv(),l=n.toRgb(),s=n.toHex();a.s===0&&(a.h=t||0,i.h=t||0);var h=s==="000000"&&l.a===0;return{hsl:a,hex:h?"transparent":"#"+s,rgb:l,hsv:i,oldHue:e.h||t||a.h,source:e.source}},A=function(e){if(e==="transparent")return!0;var t=String(e).charAt(0)==="#"?1:0;return e.length!==4+t&&e.length<7+t&&b(e).isValid()},Me=function(e){if(!e)return"#fff";var t=ie(e);if(t.hex==="transparent")return"rgba(0,0,0,0.4)";var n=(t.rgb.r*299+t.rgb.g*587+t.rgb.b*114)/1e3;return n>=128?"#000":"#fff"},Ee=function(e,t){var n=e.replace("°","");return b(t+" ("+n+")")._ok},re=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},Cn=function(){function r(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}}();function kn(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}function Rn(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:r}function _n(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);r.prototype=Object.create(e&&e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(r,e):r.__proto__=e)}var R=function(e){var t=function(n){_n(a,n);function a(i){kn(this,a);var l=Rn(this,(a.__proto__||Object.getPrototypeOf(a)).call(this));return l.handleChange=function(s,h){var p=it(s);if(p){var c=ie(s,s.h||l.state.oldHue);l.setState(c),l.props.onChangeComplete&&l.debounce(l.props.onChangeComplete,c,h),l.props.onChange&&l.props.onChange(c,h)}},l.handleSwatchHover=function(s,h){var p=it(s);if(p){var c=ie(s,s.h||l.state.oldHue);l.props.onSwatchHover&&l.props.onSwatchHover(c,h)}},l.state=re({},ie(i.color,0)),l.debounce=Ft(function(s,h,p){s(h,p)},100),l}return Cn(a,[{key:"render",value:function(){var l={};return this.props.onSwatchHover&&(l.onSwatchHover=this.handleSwatchHover),o.createElement(e,re({},this.props,this.state,{onChange:this.handleChange},l))}}],[{key:"getDerivedStateFromProps",value:function(l,s){return re({},ie(l.color,s.oldHue))}}]),a}(C.PureComponent||C.Component);return t.propTypes=re({},e.propTypes),t.defaultProps=re({},e.defaultProps,{color:{h:250,s:.5,l:.2,a:1}}),t},On=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},Mn=function(){function r(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}}();function Fn(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}function ot(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:r}function Bn(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);r.prototype=Object.create(e&&e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(r,e):r.__proto__=e)}var An=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"span";return function(n){Bn(a,n);function a(){var i,l,s,h;Fn(this,a);for(var p=arguments.length,c=Array(p),u=0;u<p;u++)c[u]=arguments[u];return h=(l=(s=ot(this,(i=a.__proto__||Object.getPrototypeOf(a)).call.apply(i,[this].concat(c))),s),s.state={focus:!1},s.handleFocus=function(){return s.setState({focus:!0})},s.handleBlur=function(){return s.setState({focus:!1})},l),ot(s,h)}return Mn(a,[{key:"render",value:function(){return o.createElement(t,{onFocus:this.handleFocus,onBlur:this.handleBlur},o.createElement(e,On({},this.props,this.state)))}}]),a}(o.Component)},lt=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},Hn=13,Pn=function(e){var t=e.color,n=e.style,a=e.onClick,i=a===void 0?function(){}:a,l=e.onHover,s=e.title,h=s===void 0?t:s,p=e.children,c=e.focus,u=e.focusStyle,g=u===void 0?{}:u,d=t==="transparent",m=v({default:{swatch:lt({background:t,height:"100%",width:"100%",cursor:"pointer",position:"relative",outline:"none"},n,c?g:{})}}),x=function($){return i(t,$)},y=function($){return $.keyCode===Hn&&i(t,$)},S=function($){return l(t,$)},Ue={};return l&&(Ue.onMouseOver=S),o.createElement("div",lt({style:m.swatch,onClick:x,title:h,tabIndex:0,onKeyDown:y},Ue),p,d&&o.createElement(ee,{borderRadius:m.swatch.borderRadius,boxShadow:"inset 0 0 0 1px rgba(0,0,0,0.1)"}))};const P=An(Pn);var $n=function(e){var t=e.direction,n=v({default:{picker:{width:"18px",height:"18px",borderRadius:"50%",transform:"translate(-9px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}},vertical:{picker:{transform:"translate(-3px, -9px)"}}},{vertical:t==="vertical"});return o.createElement("div",{style:n.picker})},Tn=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},mt=function(e){var t=e.rgb,n=e.hsl,a=e.width,i=e.height,l=e.onChange,s=e.direction,h=e.style,p=e.renderers,c=e.pointer,u=e.className,g=u===void 0?"":u,d=v({default:{picker:{position:"relative",width:a,height:i},alpha:{radius:"2px",style:h}}});return o.createElement("div",{style:d.picker,className:"alpha-picker "+g},o.createElement(Oe,Tn({},d.alpha,{rgb:t,hsl:n,pointer:c,renderers:p,onChange:l,direction:s})))};mt.defaultProps={width:"316px",height:"16px",direction:"horizontal",pointer:$n};R(mt);var Nn=function(e){var t=e.colors,n=e.onClick,a=e.onSwatchHover,i=v({default:{swatches:{marginRight:"-10px"},swatch:{width:"22px",height:"22px",float:"left",marginRight:"10px",marginBottom:"10px",borderRadius:"4px"},clear:{clear:"both"}}});return o.createElement("div",{style:i.swatches},H(t,function(l){return o.createElement(P,{key:l,color:l,style:i.swatch,onClick:n,onHover:a,focusStyle:{boxShadow:"0 0 4px "+l}})}),o.createElement("div",{style:i.clear}))},Fe=function(e){var t=e.onChange,n=e.onSwatchHover,a=e.hex,i=e.colors,l=e.width,s=e.triangle,h=e.styles,p=h===void 0?{}:h,c=e.className,u=c===void 0?"":c,g=a==="transparent",d=function(y,S){A(y)&&t({hex:y,source:"hex"},S)},m=v(k({default:{card:{width:l,background:"#fff",boxShadow:"0 1px rgba(0,0,0,.1)",borderRadius:"6px",position:"relative"},head:{height:"110px",background:a,borderRadius:"6px 6px 0 0",display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},body:{padding:"10px"},label:{fontSize:"18px",color:Me(a),position:"relative"},triangle:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 10px 10px 10px",borderColor:"transparent transparent "+a+" transparent",position:"absolute",top:"-10px",left:"50%",marginLeft:"-10px"},input:{width:"100%",fontSize:"12px",color:"#666",border:"0px",outline:"none",height:"22px",boxShadow:"inset 0 0 0 1px #ddd",borderRadius:"4px",padding:"0 7px",boxSizing:"border-box"}},"hide-triangle":{triangle:{display:"none"}}},p),{"hide-triangle":s==="hide"});return o.createElement("div",{style:m.card,className:"block-picker "+u},o.createElement("div",{style:m.triangle}),o.createElement("div",{style:m.head},g&&o.createElement(ee,{borderRadius:"6px 6px 0 0"}),o.createElement("div",{style:m.label},a)),o.createElement("div",{style:m.body},o.createElement(Nn,{colors:i,onClick:d,onSwatchHover:n}),o.createElement(w,{style:{input:m.input},value:a,onChange:d})))};Fe.propTypes={width:f.oneOfType([f.string,f.number]),colors:f.arrayOf(f.string),triangle:f.oneOf(["top","hide"]),styles:f.object};Fe.defaultProps={width:170,colors:["#D9E3F0","#F47373","#697689","#37D67A","#2CCCE4","#555555","#dce775","#ff8a65","#ba68c8"],triangle:"top",styles:{}};R(Fe);var T={50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",a100:"#ff8a80",a200:"#ff5252",a400:"#ff1744",a700:"#d50000"},N={50:"#fce4ec",100:"#f8bbd0",200:"#f48fb1",300:"#f06292",400:"#ec407a",500:"#e91e63",600:"#d81b60",700:"#c2185b",800:"#ad1457",900:"#880e4f",a100:"#ff80ab",a200:"#ff4081",a400:"#f50057",a700:"#c51162"},D={50:"#f3e5f5",100:"#e1bee7",200:"#ce93d8",300:"#ba68c8",400:"#ab47bc",500:"#9c27b0",600:"#8e24aa",700:"#7b1fa2",800:"#6a1b9a",900:"#4a148c",a100:"#ea80fc",a200:"#e040fb",a400:"#d500f9",a700:"#aa00ff"},j={50:"#ede7f6",100:"#d1c4e9",200:"#b39ddb",300:"#9575cd",400:"#7e57c2",500:"#673ab7",600:"#5e35b1",700:"#512da8",800:"#4527a0",900:"#311b92",a100:"#b388ff",a200:"#7c4dff",a400:"#651fff",a700:"#6200ea"},L={50:"#e8eaf6",100:"#c5cae9",200:"#9fa8da",300:"#7986cb",400:"#5c6bc0",500:"#3f51b5",600:"#3949ab",700:"#303f9f",800:"#283593",900:"#1a237e",a100:"#8c9eff",a200:"#536dfe",a400:"#3d5afe",a700:"#304ffe"},z={50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",a100:"#82b1ff",a200:"#448aff",a400:"#2979ff",a700:"#2962ff"},G={50:"#e1f5fe",100:"#b3e5fc",200:"#81d4fa",300:"#4fc3f7",400:"#29b6f6",500:"#03a9f4",600:"#039be5",700:"#0288d1",800:"#0277bd",900:"#01579b",a100:"#80d8ff",a200:"#40c4ff",a400:"#00b0ff",a700:"#0091ea"},W={50:"#e0f7fa",100:"#b2ebf2",200:"#80deea",300:"#4dd0e1",400:"#26c6da",500:"#00bcd4",600:"#00acc1",700:"#0097a7",800:"#00838f",900:"#006064",a100:"#84ffff",a200:"#18ffff",a400:"#00e5ff",a700:"#00b8d4"},U={50:"#e0f2f1",100:"#b2dfdb",200:"#80cbc4",300:"#4db6ac",400:"#26a69a",500:"#009688",600:"#00897b",700:"#00796b",800:"#00695c",900:"#004d40",a100:"#a7ffeb",a200:"#64ffda",a400:"#1de9b6",a700:"#00bfa5"},oe={50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",a100:"#b9f6ca",a200:"#69f0ae",a400:"#00e676",a700:"#00c853"},V={50:"#f1f8e9",100:"#dcedc8",200:"#c5e1a5",300:"#aed581",400:"#9ccc65",500:"#8bc34a",600:"#7cb342",700:"#689f38",800:"#558b2f",900:"#33691e",a100:"#ccff90",a200:"#b2ff59",a400:"#76ff03",a700:"#64dd17"},I={50:"#f9fbe7",100:"#f0f4c3",200:"#e6ee9c",300:"#dce775",400:"#d4e157",500:"#cddc39",600:"#c0ca33",700:"#afb42b",800:"#9e9d24",900:"#827717",a100:"#f4ff81",a200:"#eeff41",a400:"#c6ff00",a700:"#aeea00"},X={50:"#fffde7",100:"#fff9c4",200:"#fff59d",300:"#fff176",400:"#ffee58",500:"#ffeb3b",600:"#fdd835",700:"#fbc02d",800:"#f9a825",900:"#f57f17",a100:"#ffff8d",a200:"#ffff00",a400:"#ffea00",a700:"#ffd600"},q={50:"#fff8e1",100:"#ffecb3",200:"#ffe082",300:"#ffd54f",400:"#ffca28",500:"#ffc107",600:"#ffb300",700:"#ffa000",800:"#ff8f00",900:"#ff6f00",a100:"#ffe57f",a200:"#ffd740",a400:"#ffc400",a700:"#ffab00"},Y={50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100",a100:"#ffd180",a200:"#ffab40",a400:"#ff9100",a700:"#ff6d00"},K={50:"#fbe9e7",100:"#ffccbc",200:"#ffab91",300:"#ff8a65",400:"#ff7043",500:"#ff5722",600:"#f4511e",700:"#e64a19",800:"#d84315",900:"#bf360c",a100:"#ff9e80",a200:"#ff6e40",a400:"#ff3d00",a700:"#dd2c00"},Z={50:"#efebe9",100:"#d7ccc8",200:"#bcaaa4",300:"#a1887f",400:"#8d6e63",500:"#795548",600:"#6d4c41",700:"#5d4037",800:"#4e342e",900:"#3e2723"},J={50:"#eceff1",100:"#cfd8dc",200:"#b0bec5",300:"#90a4ae",400:"#78909c",500:"#607d8b",600:"#546e7a",700:"#455a64",800:"#37474f",900:"#263238"},yt=function(e){var t=e.color,n=e.onClick,a=e.onSwatchHover,i=e.hover,l=e.active,s=e.circleSize,h=e.circleSpacing,p=v({default:{swatch:{width:s,height:s,marginRight:h,marginBottom:h,transform:"scale(1)",transition:"100ms transform ease"},Swatch:{borderRadius:"50%",background:"transparent",boxShadow:"inset 0 0 0 "+(s/2+1)+"px "+t,transition:"100ms box-shadow ease"}},hover:{swatch:{transform:"scale(1.2)"}},active:{Swatch:{boxShadow:"inset 0 0 0 3px "+t}}},{hover:i,active:l});return o.createElement("div",{style:p.swatch},o.createElement(P,{style:p.Swatch,color:t,onClick:n,onHover:a,focusStyle:{boxShadow:p.Swatch.boxShadow+", 0 0 5px "+t}}))};yt.defaultProps={circleSize:28,circleSpacing:14};const Dn=_e(yt);var Be=function(e){var t=e.width,n=e.onChange,a=e.onSwatchHover,i=e.colors,l=e.hex,s=e.circleSize,h=e.styles,p=h===void 0?{}:h,c=e.circleSpacing,u=e.className,g=u===void 0?"":u,d=v(k({default:{card:{width:t,display:"flex",flexWrap:"wrap",marginRight:-c,marginBottom:-c}}},p)),m=function(y,S){return n({hex:y,source:"hex"},S)};return o.createElement("div",{style:d.card,className:"circle-picker "+g},H(i,function(x){return o.createElement(Dn,{key:x,color:x,onClick:m,onSwatchHover:a,active:l===x.toLowerCase(),circleSize:s,circleSpacing:c})}))};Be.propTypes={width:f.oneOfType([f.string,f.number]),circleSize:f.number,circleSpacing:f.number,styles:f.object};Be.defaultProps={width:252,circleSize:28,circleSpacing:14,colors:[T[500],N[500],D[500],j[500],L[500],z[500],G[500],W[500],U[500],oe[500],V[500],I[500],X[500],q[500],Y[500],K[500],Z[500],J[500]],styles:{}};R(Be);var wt={};Object.defineProperty(wt,"__esModule",{value:!0});var st=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},jn=C,ht=Ln(jn);function Ln(r){return r&&r.__esModule?r:{default:r}}function zn(r,e){var t={};for(var n in r)e.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n]);return t}var fe=24,Gn=wt.default=function(r){var e=r.fill,t=e===void 0?"currentColor":e,n=r.width,a=n===void 0?fe:n,i=r.height,l=i===void 0?fe:i,s=r.style,h=s===void 0?{}:s,p=zn(r,["fill","width","height","style"]);return ht.default.createElement("svg",st({viewBox:"0 0 "+fe+" "+fe,style:st({fill:t,width:a,height:l},h)},p),ht.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"}))},Wn=function(){function r(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}}();function Un(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}function Vn(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:r}function In(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);r.prototype=Object.create(e&&e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(r,e):r.__proto__=e)}var Et=function(r){In(e,r);function e(t){Un(this,e);var n=Vn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return n.toggleViews=function(){n.state.view==="hex"?n.setState({view:"rgb"}):n.state.view==="rgb"?n.setState({view:"hsl"}):n.state.view==="hsl"&&(n.props.hsl.a===1?n.setState({view:"hex"}):n.setState({view:"rgb"}))},n.handleChange=function(a,i){a.hex?A(a.hex)&&n.props.onChange({hex:a.hex,source:"hex"},i):a.r||a.g||a.b?n.props.onChange({r:a.r||n.props.rgb.r,g:a.g||n.props.rgb.g,b:a.b||n.props.rgb.b,source:"rgb"},i):a.a?(a.a<0?a.a=0:a.a>1&&(a.a=1),n.props.onChange({h:n.props.hsl.h,s:n.props.hsl.s,l:n.props.hsl.l,a:Math.round(a.a*100)/100,source:"rgb"},i)):(a.h||a.s||a.l)&&(typeof a.s=="string"&&a.s.includes("%")&&(a.s=a.s.replace("%","")),typeof a.l=="string"&&a.l.includes("%")&&(a.l=a.l.replace("%","")),a.s==1?a.s=.01:a.l==1&&(a.l=.01),n.props.onChange({h:a.h||n.props.hsl.h,s:Number(Ie(a.s)?n.props.hsl.s:a.s),l:Number(Ie(a.l)?n.props.hsl.l:a.l),source:"hsl"},i))},n.showHighlight=function(a){a.currentTarget.style.background="#eee"},n.hideHighlight=function(a){a.currentTarget.style.background="transparent"},t.hsl.a!==1&&t.view==="hex"?n.state={view:"rgb"}:n.state={view:t.view},n}return Wn(e,[{key:"render",value:function(){var n=this,a=v({default:{wrap:{paddingTop:"16px",display:"flex"},fields:{flex:"1",display:"flex",marginLeft:"-6px"},field:{paddingLeft:"6px",width:"100%"},alpha:{paddingLeft:"6px",width:"100%"},toggle:{width:"32px",textAlign:"right",position:"relative"},icon:{marginRight:"-4px",marginTop:"12px",cursor:"pointer",position:"relative"},iconHighlight:{position:"absolute",width:"24px",height:"28px",background:"#eee",borderRadius:"4px",top:"10px",left:"12px",display:"none"},input:{fontSize:"11px",color:"#333",width:"100%",borderRadius:"2px",border:"none",boxShadow:"inset 0 0 0 1px #dadada",height:"21px",textAlign:"center"},label:{textTransform:"uppercase",fontSize:"11px",lineHeight:"11px",color:"#969696",textAlign:"center",display:"block",marginTop:"12px"},svg:{fill:"#333",width:"24px",height:"24px",border:"1px transparent solid",borderRadius:"5px"}},disableAlpha:{alpha:{display:"none"}}},this.props,this.state),i=void 0;return this.state.view==="hex"?i=o.createElement("div",{style:a.fields,className:"flexbox-fix"},o.createElement("div",{style:a.field},o.createElement(w,{style:{input:a.input,label:a.label},label:"hex",value:this.props.hex,onChange:this.handleChange}))):this.state.view==="rgb"?i=o.createElement("div",{style:a.fields,className:"flexbox-fix"},o.createElement("div",{style:a.field},o.createElement(w,{style:{input:a.input,label:a.label},label:"r",value:this.props.rgb.r,onChange:this.handleChange})),o.createElement("div",{style:a.field},o.createElement(w,{style:{input:a.input,label:a.label},label:"g",value:this.props.rgb.g,onChange:this.handleChange})),o.createElement("div",{style:a.field},o.createElement(w,{style:{input:a.input,label:a.label},label:"b",value:this.props.rgb.b,onChange:this.handleChange})),o.createElement("div",{style:a.alpha},o.createElement(w,{style:{input:a.input,label:a.label},label:"a",value:this.props.rgb.a,arrowOffset:.01,onChange:this.handleChange}))):this.state.view==="hsl"&&(i=o.createElement("div",{style:a.fields,className:"flexbox-fix"},o.createElement("div",{style:a.field},o.createElement(w,{style:{input:a.input,label:a.label},label:"h",value:Math.round(this.props.hsl.h),onChange:this.handleChange})),o.createElement("div",{style:a.field},o.createElement(w,{style:{input:a.input,label:a.label},label:"s",value:Math.round(this.props.hsl.s*100)+"%",onChange:this.handleChange})),o.createElement("div",{style:a.field},o.createElement(w,{style:{input:a.input,label:a.label},label:"l",value:Math.round(this.props.hsl.l*100)+"%",onChange:this.handleChange})),o.createElement("div",{style:a.alpha},o.createElement(w,{style:{input:a.input,label:a.label},label:"a",value:this.props.hsl.a,arrowOffset:.01,onChange:this.handleChange})))),o.createElement("div",{style:a.wrap,className:"flexbox-fix"},i,o.createElement("div",{style:a.toggle},o.createElement("div",{style:a.icon,onClick:this.toggleViews,ref:function(s){return n.icon=s}},o.createElement(Gn,{style:a.svg,onMouseOver:this.showHighlight,onMouseEnter:this.showHighlight,onMouseOut:this.hideHighlight}))))}}],[{key:"getDerivedStateFromProps",value:function(n,a){return n.hsl.a!==1&&a.view==="hex"?{view:"rgb"}:null}}]),e}(o.Component);Et.defaultProps={view:"hex"};var pt=function(){var e=v({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 o.createElement("div",{style:e.picker})},Xn=function(){var e=v({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",boxShadow:"inset 0 0 0 1px #fff",transform:"translate(-6px, -6px)"}}});return o.createElement("div",{style:e.picker})},Ae=function(e){var t=e.width,n=e.onChange,a=e.disableAlpha,i=e.rgb,l=e.hsl,s=e.hsv,h=e.hex,p=e.renderers,c=e.styles,u=c===void 0?{}:c,g=e.className,d=g===void 0?"":g,m=e.defaultView,x=v(k({default:{picker:{width:t,background:"#fff",borderRadius:"2px",boxShadow:"0 0 2px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.3)",boxSizing:"initial",fontFamily:"Menlo"},saturation:{width:"100%",paddingBottom:"55%",position:"relative",borderRadius:"2px 2px 0 0",overflow:"hidden"},Saturation:{radius:"2px 2px 0 0"},body:{padding:"16px 16px 12px"},controls:{display:"flex"},color:{width:"32px"},swatch:{marginTop:"6px",width:"16px",height:"16px",borderRadius:"8px",position:"relative",overflow:"hidden"},active:{absolute:"0px 0px 0px 0px",borderRadius:"8px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.1)",background:"rgba("+i.r+", "+i.g+", "+i.b+", "+i.a+")",zIndex:"2"},toggles:{flex:"1"},hue:{height:"10px",position:"relative",marginBottom:"8px"},Hue:{radius:"2px"},alpha:{height:"10px",position:"relative"},Alpha:{radius:"2px"}},disableAlpha:{color:{width:"22px"},alpha:{display:"none"},hue:{marginBottom:"0px"},swatch:{width:"10px",height:"10px",marginTop:"0px"}}},u),{disableAlpha:a});return o.createElement("div",{style:x.picker,className:"chrome-picker "+d},o.createElement("div",{style:x.saturation},o.createElement(ve,{style:x.Saturation,hsl:l,hsv:s,pointer:Xn,onChange:n})),o.createElement("div",{style:x.body},o.createElement("div",{style:x.controls,className:"flexbox-fix"},o.createElement("div",{style:x.color},o.createElement("div",{style:x.swatch},o.createElement("div",{style:x.active}),o.createElement(ee,{renderers:p}))),o.createElement("div",{style:x.toggles},o.createElement("div",{style:x.hue},o.createElement(te,{style:x.Hue,hsl:l,pointer:pt,onChange:n})),o.createElement("div",{style:x.alpha},o.createElement(Oe,{style:x.Alpha,rgb:i,hsl:l,pointer:pt,renderers:p,onChange:n})))),o.createElement(Et,{rgb:i,hsl:l,hex:h,view:m,onChange:n,disableAlpha:a})))};Ae.propTypes={width:f.oneOfType([f.string,f.number]),disableAlpha:f.bool,styles:f.object,defaultView:f.oneOf(["hex","rgb","hsl"])};Ae.defaultProps={width:225,disableAlpha:!1,styles:{}};const Ra=R(Ae);var qn=function(e){var t=e.color,n=e.onClick,a=n===void 0?function(){}:n,i=e.onSwatchHover,l=e.active,s=v({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:Me(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:l,"color-#FFFFFF":t==="#FFFFFF",transparent:t==="transparent"});return o.createElement(P,{style:s.color,color:t,onClick:a,onHover:i,focusStyle:{boxShadow:"0 0 4px "+t}},o.createElement("div",{style:s.dot}))},Yn=function(e){var t=e.hex,n=e.rgb,a=e.onChange,i=v({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"}}}),l=function(h,p){h.r||h.g||h.b?a({r:h.r||n.r,g:h.g||n.g,b:h.b||n.b,source:"rgb"},p):a({hex:h.hex,source:"hex"},p)};return o.createElement("div",{style:i.fields,className:"flexbox-fix"},o.createElement("div",{style:i.active}),o.createElement(w,{style:{wrap:i.HEXwrap,input:i.HEXinput,label:i.HEXlabel},label:"hex",value:t,onChange:l}),o.createElement(w,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"r",value:n.r,onChange:l}),o.createElement(w,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"g",value:n.g,onChange:l}),o.createElement(w,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"b",value:n.b,onChange:l}))},He=function(e){var t=e.onChange,n=e.onSwatchHover,a=e.colors,i=e.hex,l=e.rgb,s=e.styles,h=s===void 0?{}:s,p=e.className,c=p===void 0?"":p,u=v(k({default:{Compact:{background:"#f6f6f6",radius:"4px"},compact:{paddingTop:"5px",paddingLeft:"5px",boxSizing:"initial",width:"240px"},clear:{clear:"both"}}},h)),g=function(m,x){m.hex?A(m.hex)&&t({hex:m.hex,source:"hex"},x):t(m,x)};return o.createElement(ue,{style:u.Compact,styles:h},o.createElement("div",{style:u.compact,className:"compact-picker "+c},o.createElement("div",null,H(a,function(d){return o.createElement(qn,{key:d,color:d,active:d.toLowerCase()===i,onClick:g,onSwatchHover:n})}),o.createElement("div",{style:u.clear})),o.createElement(Yn,{hex:i,rgb:l,onChange:g})))};He.propTypes={colors:f.arrayOf(f.string),styles:f.object};He.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:{}};R(He);var Kn=function(e){var t=e.hover,n=e.color,a=e.onClick,i=e.onSwatchHover,l={position:"relative",zIndex:"2",outline:"2px solid #fff",boxShadow:"0 0 5px 2px rgba(0,0,0,0.25)"},s=v({default:{swatch:{width:"25px",height:"25px",fontSize:"0"}},hover:{swatch:l}},{hover:t});return o.createElement("div",{style:s.swatch},o.createElement(P,{color:n,onClick:a,onHover:i,focusStyle:l}))};const Zn=_e(Kn);var Pe=function(e){var t=e.width,n=e.colors,a=e.onChange,i=e.onSwatchHover,l=e.triangle,s=e.styles,h=s===void 0?{}:s,p=e.className,c=p===void 0?"":p,u=v(k({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)"}}},h),{"hide-triangle":l==="hide","top-left-triangle":l==="top-left","top-right-triangle":l==="top-right","bottom-left-triangle":l==="bottom-left","bottom-right-triangle":l==="bottom-right"}),g=function(m,x){return a({hex:m,source:"hex"},x)};return o.createElement("div",{style:u.card,className:"github-picker "+c},o.createElement("div",{style:u.triangleShadow}),o.createElement("div",{style:u.triangle}),H(n,function(d){return o.createElement(Zn,{color:d,key:d,onClick:g,onSwatchHover:i})}))};Pe.propTypes={width:f.oneOfType([f.string,f.number]),colors:f.arrayOf(f.string),triangle:f.oneOf(["hide","top-left","top-right","bottom-left","bottom-right"]),styles:f.object};Pe.defaultProps={width:200,colors:["#B80000","#DB3E00","#FCCB00","#008B02","#006B76","#1273DE","#004DCF","#5300EB","#EB9694","#FAD0C3","#FEF3BD","#C1E1C5","#BEDADC","#C4DEF6","#BED3F3","#D4C4FB"],triangle:"top-left",styles:{}};R(Pe);var Jn=function(e){var t=e.direction,n=v({default:{picker:{width:"18px",height:"18px",borderRadius:"50%",transform:"translate(-9px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}},vertical:{picker:{transform:"translate(-3px, -9px)"}}},{vertical:t==="vertical"});return o.createElement("div",{style:n.picker})},Qn=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},$e=function(e){var t=e.width,n=e.height,a=e.onChange,i=e.hsl,l=e.direction,s=e.pointer,h=e.styles,p=h===void 0?{}:h,c=e.className,u=c===void 0?"":c,g=v(k({default:{picker:{position:"relative",width:t,height:n},hue:{radius:"2px"}}},p)),d=function(x){return a({a:1,h:x.h,l:.5,s:1})};return o.createElement("div",{style:g.picker,className:"hue-picker "+u},o.createElement(te,Qn({},g.hue,{hsl:i,pointer:s,onChange:d,direction:l})))};$e.propTypes={styles:f.object};$e.defaultProps={width:"316px",height:"16px",direction:"horizontal",pointer:Jn,styles:{}};R($e);var ea=function(e){var t=e.onChange,n=e.hex,a=e.rgb,i=e.styles,l=i===void 0?{}:i,s=e.className,h=s===void 0?"":s,p=v(k({default:{material:{width:"98px",height:"98px",padding:"16px",fontFamily:"Roboto"},HEXwrap:{position:"relative"},HEXinput:{width:"100%",marginTop:"12px",fontSize:"15px",color:"#333",padding:"0px",border:"0px",borderBottom:"2px solid "+n,outline:"none",height:"30px"},HEXlabel:{position:"absolute",top:"0px",left:"0px",fontSize:"11px",color:"#999999",textTransform:"capitalize"},Hex:{style:{}},RGBwrap:{position:"relative"},RGBinput:{width:"100%",marginTop:"12px",fontSize:"15px",color:"#333",padding:"0px",border:"0px",borderBottom:"1px solid #eee",outline:"none",height:"30px"},RGBlabel:{position:"absolute",top:"0px",left:"0px",fontSize:"11px",color:"#999999",textTransform:"capitalize"},split:{display:"flex",marginRight:"-10px",paddingTop:"11px"},third:{flex:"1",paddingRight:"10px"}}},l)),c=function(g,d){g.hex?A(g.hex)&&t({hex:g.hex,source:"hex"},d):(g.r||g.g||g.b)&&t({r:g.r||a.r,g:g.g||a.g,b:g.b||a.b,source:"rgb"},d)};return o.createElement(ue,{styles:l},o.createElement("div",{style:p.material,className:"material-picker "+h},o.createElement(w,{style:{wrap:p.HEXwrap,input:p.HEXinput,label:p.HEXlabel},label:"hex",value:n,onChange:c}),o.createElement("div",{style:p.split,className:"flexbox-fix"},o.createElement("div",{style:p.third},o.createElement(w,{style:{wrap:p.RGBwrap,input:p.RGBinput,label:p.RGBlabel},label:"r",value:a.r,onChange:c})),o.createElement("div",{style:p.third},o.createElement(w,{style:{wrap:p.RGBwrap,input:p.RGBinput,label:p.RGBlabel},label:"g",value:a.g,onChange:c})),o.createElement("div",{style:p.third},o.createElement(w,{style:{wrap:p.RGBwrap,input:p.RGBinput,label:p.RGBlabel},label:"b",value:a.b,onChange:c})))))};R(ea);var ta=function(e){var t=e.onChange,n=e.rgb,a=e.hsv,i=e.hex,l=v({default:{fields:{paddingTop:"5px",paddingBottom:"9px",width:"80px",position:"relative"},divider:{height:"5px"},RGBwrap:{position:"relative"},RGBinput:{marginLeft:"40%",width:"40%",height:"18px",border:"1px solid #888888",boxShadow:"inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",marginBottom:"5px",fontSize:"13px",paddingLeft:"3px",marginRight:"10px"},RGBlabel:{left:"0px",top:"0px",width:"34px",textTransform:"uppercase",fontSize:"13px",height:"18px",lineHeight:"22px",position:"absolute"},HEXwrap:{position:"relative"},HEXinput:{marginLeft:"20%",width:"80%",height:"18px",border:"1px solid #888888",boxShadow:"inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",marginBottom:"6px",fontSize:"13px",paddingLeft:"3px"},HEXlabel:{position:"absolute",top:"0px",left:"0px",width:"14px",textTransform:"uppercase",fontSize:"13px",height:"18px",lineHeight:"22px"},fieldSymbols:{position:"absolute",top:"5px",right:"-7px",fontSize:"13px"},symbol:{height:"20px",lineHeight:"22px",paddingBottom:"7px"}}}),s=function(p,c){p["#"]?A(p["#"])&&t({hex:p["#"],source:"hex"},c):p.r||p.g||p.b?t({r:p.r||n.r,g:p.g||n.g,b:p.b||n.b,source:"rgb"},c):(p.h||p.s||p.v)&&t({h:p.h||a.h,s:p.s||a.s,v:p.v||a.v,source:"hsv"},c)};return o.createElement("div",{style:l.fields},o.createElement(w,{style:{wrap:l.RGBwrap,input:l.RGBinput,label:l.RGBlabel},label:"h",value:Math.round(a.h),onChange:s}),o.createElement(w,{style:{wrap:l.RGBwrap,input:l.RGBinput,label:l.RGBlabel},label:"s",value:Math.round(a.s*100),onChange:s}),o.createElement(w,{style:{wrap:l.RGBwrap,input:l.RGBinput,label:l.RGBlabel},label:"v",value:Math.round(a.v*100),onChange:s}),o.createElement("div",{style:l.divider}),o.createElement(w,{style:{wrap:l.RGBwrap,input:l.RGBinput,label:l.RGBlabel},label:"r",value:n.r,onChange:s}),o.createElement(w,{style:{wrap:l.RGBwrap,input:l.RGBinput,label:l.RGBlabel},label:"g",value:n.g,onChange:s}),o.createElement(w,{style:{wrap:l.RGBwrap,input:l.RGBinput,label:l.RGBlabel},label:"b",value:n.b,onChange:s}),o.createElement("div",{style:l.divider}),o.createElement(w,{style:{wrap:l.HEXwrap,input:l.HEXinput,label:l.HEXlabel},label:"#",value:i.replace("#",""),onChange:s}),o.createElement("div",{style:l.fieldSymbols},o.createElement("div",{style:l.symbol},"°"),o.createElement("div",{style:l.symbol},"%"),o.createElement("div",{style:l.symbol},"%")))},ra=function(e){var t=e.hsl,n=v({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",boxShadow:"inset 0 0 0 1px #fff",transform:"translate(-6px, -6px)"}},"black-outline":{picker:{boxShadow:"inset 0 0 0 1px #000"}}},{"black-outline":t.l>.5});return o.createElement("div",{style:n.picker})},na=function(){var e=v({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 o.createElement("div",{style:e.pointer},o.createElement("div",{style:e.left},o.createElement("div",{style:e.leftInside})),o.createElement("div",{style:e.right},o.createElement("div",{style:e.rightInside})))},ct=function(e){var t=e.onClick,n=e.label,a=e.children,i=e.active,l=v({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 o.createElement("div",{style:l.button,onClick:t},n||a)},aa=function(e){var t=e.rgb,n=e.currentColor,a=v({default:{swatches:{border:"1px solid #B3B3B3",borderBottom:"1px solid #F0F0F0",marginBottom:"2px",marginTop:"1px"},new:{height:"34px",background:"rgb("+t.r+","+t.g+", "+t.b+")",boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 1px 0 #000"},current:{height:"34px",background:n,boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 -1px 0 #000"},label:{fontSize:"14px",color:"#000",textAlign:"center"}}});return o.createElement("div",null,o.createElement("div",{style:a.label},"new"),o.createElement("div",{style:a.swatches},o.createElement("div",{style:a.new}),o.createElement("div",{style:a.current})),o.createElement("div",{style:a.label},"current"))},ia=function(){function r(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}}();function oa(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}function la(r,e){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:r}function sa(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);r.prototype=Object.create(e&&e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(r,e):r.__proto__=e)}var Te=function(r){sa(e,r);function e(t){oa(this,e);var n=la(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return n.state={currentColor:t.hex},n}return ia(e,[{key:"render",value:function(){var n=this.props,a=n.styles,i=a===void 0?{}:a,l=n.className,s=l===void 0?"":l,h=v(k({default:{picker:{background:"#DCDCDC",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.25), 0 8px 16px rgba(0,0,0,.15)",boxSizing:"initial",width:"513px"},head:{backgroundImage:"linear-gradient(-180deg, #F0F0F0 0%, #D4D4D4 100%)",borderBottom:"1px solid #B1B1B1",boxShadow:"inset 0 1px 0 0 rgba(255,255,255,.2), inset 0 -1px 0 0 rgba(0,0,0,.02)",height:"23px",lineHeight:"24px",borderRadius:"4px 4px 0 0",fontSize:"13px",color:"#4D4D4D",textAlign:"center"},body:{padding:"15px 15px 0",display:"flex"},saturation:{width:"256px",height:"256px",position:"relative",border:"2px solid #B3B3B3",borderBottom:"2px solid #F0F0F0",overflow:"hidden"},hue:{position:"relative",height:"256px",width:"19px",marginLeft:"10px",border:"2px solid #B3B3B3",borderBottom:"2px solid #F0F0F0"},controls:{width:"180px",marginLeft:"10px"},top:{display:"flex"},previews:{width:"60px"},actions:{flex:"1",marginLeft:"20px"}}},i));return o.createElement("div",{style:h.picker,className:"photoshop-picker "+s},o.createElement("div",{style:h.head},this.props.header),o.createElement("div",{style:h.body,className:"flexbox-fix"},o.createElement("div",{style:h.saturation},o.createElement(ve,{hsl:this.props.hsl,hsv:this.props.hsv,pointer:ra,onChange:this.props.onChange})),o.createElement("div",{style:h.hue},o.createElement(te,{direction:"vertical",hsl:this.props.hsl,pointer:na,onChange:this.props.onChange})),o.createElement("div",{style:h.controls},o.createElement("div",{style:h.top,className:"flexbox-fix"},o.createElement("div",{style:h.previews},o.createElement(aa,{rgb:this.props.rgb,currentColor:this.state.currentColor})),o.createElement("div",{style:h.actions},o.createElement(ct,{label:"OK",onClick:this.props.onAccept,active:!0}),o.createElement(ct,{label:"Cancel",onClick:this.props.onCancel}),o.createElement(ta,{onChange:this.props.onChange,rgb:this.props.rgb,hsv:this.props.hsv,hex:this.props.hex}))))))}}]),e}(o.Component);Te.propTypes={header:f.string,styles:f.object};Te.defaultProps={header:"Color Picker",styles:{}};R(Te);var ha=function(e){var t=e.onChange,n=e.rgb,a=e.hsl,i=e.hex,l=e.disableAlpha,s=v({default:{fields:{display:"flex",paddingTop:"4px"},single:{flex:"1",paddingLeft:"6px"},alpha:{flex:"1",paddingLeft:"6px"},double:{flex:"2"},input:{width:"80%",padding:"4px 10% 3px",border:"none",boxShadow:"inset 0 0 0 1px #ccc",fontSize:"11px"},label:{display:"block",textAlign:"center",fontSize:"11px",color:"#222",paddingTop:"3px",paddingBottom:"4px",textTransform:"capitalize"}},disableAlpha:{alpha:{display:"none"}}},{disableAlpha:l}),h=function(c,u){c.hex?A(c.hex)&&t({hex:c.hex,source:"hex"},u):c.r||c.g||c.b?t({r:c.r||n.r,g:c.g||n.g,b:c.b||n.b,a:n.a,source:"rgb"},u):c.a&&(c.a<0?c.a=0:c.a>100&&(c.a=100),c.a/=100,t({h:a.h,s:a.s,l:a.l,a:c.a,source:"rgb"},u))};return o.createElement("div",{style:s.fields,className:"flexbox-fix"},o.createElement("div",{style:s.double},o.createElement(w,{style:{input:s.input,label:s.label},label:"hex",value:i.replace("#",""),onChange:h})),o.createElement("div",{style:s.single},o.createElement(w,{style:{input:s.input,label:s.label},label:"r",value:n.r,onChange:h,dragLabel:"true",dragMax:"255"})),o.createElement("div",{style:s.single},o.createElement(w,{style:{input:s.input,label:s.label},label:"g",value:n.g,onChange:h,dragLabel:"true",dragMax:"255"})),o.createElement("div",{style:s.single},o.createElement(w,{style:{input:s.input,label:s.label},label:"b",value:n.b,onChange:h,dragLabel:"true",dragMax:"255"})),o.createElement("div",{style:s.alpha},o.createElement(w,{style:{input:s.input,label:s.label},label:"a",value:Math.round(n.a*100),onChange:h,dragLabel:"true",dragMax:"100"})))},pa=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},St=function(e){var t=e.colors,n=e.onClick,a=n===void 0?function(){}:n,i=e.onSwatchHover,l=v({default:{colors:{margin:"0 -10px",padding:"10px 0 0 10px",borderTop:"1px solid #eee",display:"flex",flexWrap:"wrap",position:"relative"},swatchWrap:{width:"16px",height:"16px",margin:"0 10px 10px 0"},swatch:{borderRadius:"3px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15)"}},"no-presets":{colors:{display:"none"}}},{"no-presets":!t||!t.length}),s=function(p,c){a({hex:p,source:"hex"},c)};return o.createElement("div",{style:l.colors,className:"flexbox-fix"},t.map(function(h){var p=typeof h=="string"?{color:h}:h,c=""+p.color+(p.title||"");return o.createElement("div",{key:c,style:l.swatchWrap},o.createElement(P,pa({},p,{style:l.swatch,onClick:s,onHover:i,focusStyle:{boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px "+p.color}})))}))};St.propTypes={colors:f.arrayOf(f.oneOfType([f.string,f.shape({color:f.string,title:f.string})])).isRequired};var ca=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},Ne=function(e){var t=e.width,n=e.rgb,a=e.hex,i=e.hsv,l=e.hsl,s=e.onChange,h=e.onSwatchHover,p=e.disableAlpha,c=e.presetColors,u=e.renderers,g=e.styles,d=g===void 0?{}:g,m=e.className,x=m===void 0?"":m,y=v(k({default:ca({picker:{width:t,padding:"10px 10px 0",boxSizing:"initial",background:"#fff",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.15), 0 8px 16px rgba(0,0,0,.15)"},saturation:{width:"100%",paddingBottom:"75%",position:"relative",overflow:"hidden"},Saturation:{radius:"3px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},controls:{display:"flex"},sliders:{padding:"4px 0",flex:"1"},color:{width:"24px",height:"24px",position:"relative",marginTop:"4px",marginLeft:"4px",borderRadius:"3px"},activeColor:{absolute:"0px 0px 0px 0px",borderRadius:"2px",background:"rgba("+n.r+","+n.g+","+n.b+","+n.a+")",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},hue:{position:"relative",height:"10px",overflow:"hidden"},Hue:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},alpha:{position:"relative",height:"10px",marginTop:"4px",overflow:"hidden"},Alpha:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"}},d),disableAlpha:{color:{height:"10px"},hue:{height:"10px"},alpha:{display:"none"}}},d),{disableAlpha:p});return o.createElement("div",{style:y.picker,className:"sketch-picker "+x},o.createElement("div",{style:y.saturation},o.createElement(ve,{style:y.Saturation,hsl:l,hsv:i,onChange:s})),o.createElement("div",{style:y.controls,className:"flexbox-fix"},o.createElement("div",{style:y.sliders},o.createElement("div",{style:y.hue},o.createElement(te,{style:y.Hue,hsl:l,onChange:s})),o.createElement("div",{style:y.alpha},o.createElement(Oe,{style:y.Alpha,rgb:n,hsl:l,renderers:u,onChange:s}))),o.createElement("div",{style:y.color},o.createElement(ee,null),o.createElement("div",{style:y.activeColor}))),o.createElement(ha,{rgb:n,hsl:l,hex:a,onChange:s,disableAlpha:p}),o.createElement(St,{colors:c,onClick:s,onSwatchHover:h}))};Ne.propTypes={disableAlpha:f.bool,width:f.oneOfType([f.string,f.number]),styles:f.object};Ne.defaultProps={disableAlpha:!1,width:200,styles:{},presetColors:["#D0021B","#F5A623","#F8E71C","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"]};R(Ne);var ne=function(e){var t=e.hsl,n=e.offset,a=e.onClick,i=a===void 0?function(){}:a,l=e.active,s=e.first,h=e.last,p=v({default:{swatch:{height:"12px",background:"hsl("+t.h+", 50%, "+n*100+"%)",cursor:"pointer"}},first:{swatch:{borderRadius:"2px 0 0 2px"}},last:{swatch:{borderRadius:"0 2px 2px 0"}},active:{swatch:{transform:"scaleY(1.8)",borderRadius:"3.6px/2px"}}},{active:l,first:s,last:h}),c=function(g){return i({h:t.h,s:.5,l:n,source:"hsl"},g)};return o.createElement("div",{style:p.swatch,onClick:c})},ua=function(e){var t=e.onClick,n=e.hsl,a=v({default:{swatches:{marginTop:"20px"},swatch:{boxSizing:"border-box",width:"20%",paddingRight:"1px",float:"left"},clear:{clear:"both"}}}),i=.1;return o.createElement("div",{style:a.swatches},o.createElement("div",{style:a.swatch},o.createElement(ne,{hsl:n,offset:".80",active:Math.abs(n.l-.8)<i&&Math.abs(n.s-.5)<i,onClick:t,first:!0})),o.createElement("div",{style:a.swatch},o.createElement(ne,{hsl:n,offset:".65",active:Math.abs(n.l-.65)<i&&Math.abs(n.s-.5)<i,onClick:t})),o.createElement("div",{style:a.swatch},o.createElement(ne,{hsl:n,offset:".50",active:Math.abs(n.l-.5)<i&&Math.abs(n.s-.5)<i,onClick:t})),o.createElement("div",{style:a.swatch},o.createElement(ne,{hsl:n,offset:".35",active:Math.abs(n.l-.35)<i&&Math.abs(n.s-.5)<i,onClick:t})),o.createElement("div",{style:a.swatch},o.createElement(ne,{hsl:n,offset:".20",active:Math.abs(n.l-.2)<i&&Math.abs(n.s-.5)<i,onClick:t,last:!0})),o.createElement("div",{style:a.clear}))},fa=function(){var e=v({default:{picker:{width:"14px",height:"14px",borderRadius:"6px",transform:"translate(-7px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}}});return o.createElement("div",{style:e.picker})},De=function(e){var t=e.hsl,n=e.onChange,a=e.pointer,i=e.styles,l=i===void 0?{}:i,s=e.className,h=s===void 0?"":s,p=v(k({default:{hue:{height:"12px",position:"relative"},Hue:{radius:"2px"}}},l));return o.createElement("div",{style:p.wrap||{},className:"slider-picker "+h},o.createElement("div",{style:p.hue},o.createElement(te,{style:p.Hue,hsl:t,pointer:a,onChange:n})),o.createElement("div",{style:p.swatches},o.createElement(ua,{hsl:t,onClick:n})))};De.propTypes={styles:f.object};De.defaultProps={pointer:fa,styles:{}};R(De);var Ct={};Object.defineProperty(Ct,"__esModule",{value:!0});var ut=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},da=C,ft=ga(da);function ga(r){return r&&r.__esModule?r:{default:r}}function ba(r,e){var t={};for(var n in r)e.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n]);return t}var de=24,va=Ct.default=function(r){var e=r.fill,t=e===void 0?"currentColor":e,n=r.width,a=n===void 0?de:n,i=r.height,l=i===void 0?de:i,s=r.style,h=s===void 0?{}:s,p=ba(r,["fill","width","height","style"]);return ft.default.createElement("svg",ut({viewBox:"0 0 "+de+" "+de,style:ut({fill:t,width:a,height:l},h)},p),ft.default.createElement("path",{d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"}))},xa=function(e){var t=e.color,n=e.onClick,a=n===void 0?function(){}:n,i=e.onSwatchHover,l=e.first,s=e.last,h=e.active,p=v({default:{color:{width:"40px",height:"24px",cursor:"pointer",background:t,marginBottom:"1px"},check:{color:Me(t),marginLeft:"8px",display:"none"}},first:{color:{overflow:"hidden",borderRadius:"2px 2px 0 0"}},last:{color:{overflow:"hidden",borderRadius:"0 0 2px 2px"}},active:{check:{display:"block"}},"color-#FFFFFF":{color:{boxShadow:"inset 0 0 0 1px #ddd"},check:{color:"#333"}},transparent:{check:{color:"#333"}}},{first:l,last:s,active:h,"color-#FFFFFF":t==="#FFFFFF",transparent:t==="transparent"});return o.createElement(P,{color:t,style:p.color,onClick:a,onHover:i,focusStyle:{boxShadow:"0 0 4px "+t}},o.createElement("div",{style:p.check},o.createElement(va,null)))},ma=function(e){var t=e.onClick,n=e.onSwatchHover,a=e.group,i=e.active,l=v({default:{group:{paddingBottom:"10px",width:"40px",float:"left",marginRight:"10px"}}});return o.createElement("div",{style:l.group},H(a,function(s,h){return o.createElement(xa,{key:s,color:s,active:s.toLowerCase()===i,first:h===0,last:h===a.length-1,onClick:t,onSwatchHover:n})}))},je=function(e){var t=e.width,n=e.height,a=e.onChange,i=e.onSwatchHover,l=e.colors,s=e.hex,h=e.styles,p=h===void 0?{}:h,c=e.className,u=c===void 0?"":c,g=v(k({default:{picker:{width:t,height:n},overflow:{height:n,overflowY:"scroll"},body:{padding:"16px 0 6px 16px"},clear:{clear:"both"}}},p)),d=function(x,y){return a({hex:x,source:"hex"},y)};return o.createElement("div",{style:g.picker,className:"swatches-picker "+u},o.createElement(ue,null,o.createElement("div",{style:g.overflow},o.createElement("div",{style:g.body},H(l,function(m){return o.createElement(ma,{key:m.toString(),group:m,active:s,onClick:d,onSwatchHover:i})}),o.createElement("div",{style:g.clear})))))};je.propTypes={width:f.oneOfType([f.string,f.number]),height:f.oneOfType([f.string,f.number]),colors:f.arrayOf(f.arrayOf(f.string)),styles:f.object};je.defaultProps={width:320,height:240,colors:[[T[900],T[700],T[500],T[300],T[100]],[N[900],N[700],N[500],N[300],N[100]],[D[900],D[700],D[500],D[300],D[100]],[j[900],j[700],j[500],j[300],j[100]],[L[900],L[700],L[500],L[300],L[100]],[z[900],z[700],z[500],z[300],z[100]],[G[900],G[700],G[500],G[300],G[100]],[W[900],W[700],W[500],W[300],W[100]],[U[900],U[700],U[500],U[300],U[100]],["#194D33",oe[700],oe[500],oe[300],oe[100]],[V[900],V[700],V[500],V[300],V[100]],[I[900],I[700],I[500],I[300],I[100]],[X[900],X[700],X[500],X[300],X[100]],[q[900],q[700],q[500],q[300],q[100]],[Y[900],Y[700],Y[500],Y[300],Y[100]],[K[900],K[700],K[500],K[300],K[100]],[Z[900],Z[700],Z[500],Z[300],Z[100]],[J[900],J[700],J[500],J[300],J[100]],["#000000","#525252","#969696","#D9D9D9","#FFFFFF"]],styles:{}};R(je);var Le=function(e){var t=e.onChange,n=e.onSwatchHover,a=e.hex,i=e.colors,l=e.width,s=e.triangle,h=e.styles,p=h===void 0?{}:h,c=e.className,u=c===void 0?"":c,g=v(k({default:{card:{width:l,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"}}},p),{"hide-triangle":s==="hide","top-left-triangle":s==="top-left","top-right-triangle":s==="top-right"}),d=function(x,y){A(x)&&t({hex:x,source:"hex"},y)};return o.createElement("div",{style:g.card,className:"twitter-picker "+u},o.createElement("div",{style:g.triangleShadow}),o.createElement("div",{style:g.triangle}),o.createElement("div",{style:g.body},H(i,function(m,x){return o.createElement(P,{key:x,color:m,hex:m,style:g.swatch,onClick:d,onHover:n,focusStyle:{boxShadow:"0 0 4px "+m}})}),o.createElement("div",{style:g.hash},"#"),o.createElement(w,{label:null,style:{input:g.input},value:a.replace("#",""),onChange:d}),o.createElement("div",{style:g.clear})))};Le.propTypes={width:f.oneOfType([f.string,f.number]),triangle:f.oneOf(["hide","top-left","top-right"]),colors:f.arrayOf(f.string),styles:f.object};Le.defaultProps={width:276,colors:["#FF6900","#FCB900","#7BDCB5","#00D084","#8ED1FC","#0693E3","#ABB8C3","#EB144C","#F78DA7","#9900EF"],triangle:"top-left",styles:{}};R(Le);var ze=function(e){var t=v({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",border:"2px #fff solid",transform:"translate(-12px, -13px)",background:"hsl("+Math.round(e.hsl.h)+", "+Math.round(e.hsl.s*100)+"%, "+Math.round(e.hsl.l*100)+"%)"}}});return o.createElement("div",{style:t.picker})};ze.propTypes={hsl:f.shape({h:f.number,s:f.number,l:f.number,a:f.number})};ze.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};var Ge=function(e){var t=v({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",transform:"translate(-10px, -7px)",background:"hsl("+Math.round(e.hsl.h)+", 100%, 50%)",border:"2px white solid"}}});return o.createElement("div",{style:t.picker})};Ge.propTypes={hsl:f.shape({h:f.number,s:f.number,l:f.number,a:f.number})};Ge.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};var ya=function(e){var t=e.onChange,n=e.rgb,a=e.hsl,i=e.hex,l=e.hsv,s=function(d,m){if(d.hex)A(d.hex)&&t({hex:d.hex,source:"hex"},m);else if(d.rgb){var x=d.rgb.split(",");Ee(d.rgb,"rgb")&&t({r:x[0],g:x[1],b:x[2],a:1,source:"rgb"},m)}else if(d.hsv){var y=d.hsv.split(",");Ee(d.hsv,"hsv")&&(y[2]=y[2].replace("%",""),y[1]=y[1].replace("%",""),y[0]=y[0].replace("°",""),y[1]==1?y[1]=.01:y[2]==1&&(y[2]=.01),t({h:Number(y[0]),s:Number(y[1]),v:Number(y[2]),source:"hsv"},m))}else if(d.hsl){var S=d.hsl.split(",");Ee(d.hsl,"hsl")&&(S[2]=S[2].replace("%",""),S[1]=S[1].replace("%",""),S[0]=S[0].replace("°",""),u[1]==1?u[1]=.01:u[2]==1&&(u[2]=.01),t({h:Number(S[0]),s:Number(S[1]),v:Number(S[2]),source:"hsl"},m))}},h=v({default:{wrap:{display:"flex",height:"100px",marginTop:"4px"},fields:{width:"100%"},column:{paddingTop:"10px",display:"flex",justifyContent:"space-between"},double:{padding:"0px 4.4px",boxSizing:"border-box"},input:{width:"100%",height:"38px",boxSizing:"border-box",padding:"4px 10% 3px",textAlign:"center",border:"1px solid #dadce0",fontSize:"11px",textTransform:"lowercase",borderRadius:"5px",outline:"none",fontFamily:"Roboto,Arial,sans-serif"},input2:{height:"38px",width:"100%",border:"1px solid #dadce0",boxSizing:"border-box",fontSize:"11px",textTransform:"lowercase",borderRadius:"5px",outline:"none",paddingLeft:"10px",fontFamily:"Roboto,Arial,sans-serif"},label:{textAlign:"center",fontSize:"12px",background:"#fff",position:"absolute",textTransform:"uppercase",color:"#3c4043",width:"35px",top:"-6px",left:"0",right:"0",marginLeft:"auto",marginRight:"auto",fontFamily:"Roboto,Arial,sans-serif"},label2:{left:"10px",textAlign:"center",fontSize:"12px",background:"#fff",position:"absolute",textTransform:"uppercase",color:"#3c4043",width:"32px",top:"-6px",fontFamily:"Roboto,Arial,sans-serif"},single:{flexGrow:"1",margin:"0px 4.4px"}}}),p=n.r+", "+n.g+", "+n.b,c=Math.round(a.h)+"°, "+Math.round(a.s*100)+"%, "+Math.round(a.l*100)+"%",u=Math.round(l.h)+"°, "+Math.round(l.s*100)+"%, "+Math.round(l.v*100)+"%";return o.createElement("div",{style:h.wrap,className:"flexbox-fix"},o.createElement("div",{style:h.fields},o.createElement("div",{style:h.double},o.createElement(w,{style:{input:h.input,label:h.label},label:"hex",value:i,onChange:s})),o.createElement("div",{style:h.column},o.createElement("div",{style:h.single},o.createElement(w,{style:{input:h.input2,label:h.label2},label:"rgb",value:p,onChange:s})),o.createElement("div",{style:h.single},o.createElement(w,{style:{input:h.input2,label:h.label2},label:"hsv",value:u,onChange:s})),o.createElement("div",{style:h.single},o.createElement(w,{style:{input:h.input2,label:h.label2},label:"hsl",value:c,onChange:s})))))},We=function(e){var t=e.width,n=e.onChange,a=e.rgb,i=e.hsl,l=e.hsv,s=e.hex,h=e.header,p=e.styles,c=p===void 0?{}:p,u=e.className,g=u===void 0?"":u,d=v(k({default:{picker:{width:t,background:"#fff",border:"1px solid #dfe1e5",boxSizing:"initial",display:"flex",flexWrap:"wrap",borderRadius:"8px 8px 0px 0px"},head:{height:"57px",width:"100%",paddingTop:"16px",paddingBottom:"16px",paddingLeft:"16px",fontSize:"20px",boxSizing:"border-box",fontFamily:"Roboto-Regular,HelveticaNeue,Arial,sans-serif"},saturation:{width:"70%",padding:"0px",position:"relative",overflow:"hidden"},swatch:{width:"30%",height:"228px",padding:"0px",background:"rgba("+a.r+", "+a.g+", "+a.b+", 1)",position:"relative",overflow:"hidden"},body:{margin:"auto",width:"95%"},controls:{display:"flex",boxSizing:"border-box",height:"52px",paddingTop:"22px"},color:{width:"32px"},hue:{height:"8px",position:"relative",margin:"0px 16px 0px 16px",width:"100%"},Hue:{radius:"2px"}}},c));return o.createElement("div",{style:d.picker,className:"google-picker "+g},o.createElement("div",{style:d.head},h),o.createElement("div",{style:d.swatch}),o.createElement("div",{style:d.saturation},o.createElement(ve,{hsl:i,hsv:l,pointer:ze,onChange:n})),o.createElement("div",{style:d.body},o.createElement("div",{style:d.controls,className:"flexbox-fix"},o.createElement("div",{style:d.hue},o.createElement(te,{style:d.Hue,hsl:i,radius:"4px",pointer:Ge,onChange:n}))),o.createElement(ya,{rgb:a,hsl:i,hex:s,hsv:l,onChange:n})))};We.propTypes={width:f.oneOfType([f.string,f.number]),styles:f.object,header:f.string};We.defaultProps={width:652,styles:{},header:"Color picker"};R(We);export{Ra as C};