cti
/
jis-gitlab
12
0
Fork 0
Code Issues 0 Pull Requests 0 Projects 0 Releases 0 Wiki Activity
test de déploiement du build depuis gitlab
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
6 Commits
1 Branch
20 MiB
 
 
 
Tree: a6ce8ea525
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'a6ce8ea525'
${ noResults }
jis-gitlab/assets/ColorPicker-BYeWsagE.js

27 lines
117 KiB
Raw Blame History

import{o as e,t}from"./chunk-jRWAZmH_.js";import{n,t as r}from"./jsx-runtime-CEixWuwE.js";import{It as i,Lt as a,Rt as o,n as s}from"./axios-BDcMaxoP.js";import{t as c}from"./button-xukQsL9n.js";import{t as l}from"./tooltip-D0a9NNK5.js";import{S as u,v as d}from"./sanitizeDataUtils-DBUp8Fd9.js";import{r as f}from"./react-redux-Bek2gPun.js";import{t as p}from"./cloneDeep-CmY0yaDx.js";import{Z as m}from"./index-C1mw6CgG.js";import{n as h,t as g}from"./map-CF4UXsnC.js";var _=t(((e,t)=>{var n=a(),r=o(),s=i(),c=`[object String]`;function l(e){return typeof e==`string`||!r(e)&&s(e)&&n(e)==c}t.exports=l})),v=t(((e,t)=>{var n=d();function r(e){return typeof e==`function`?e:n}t.exports=r})),y=t(((e,t)=>{var n=u(),r=v();function i(e,t){return e&&n(e,r(t))}t.exports=i})),ee=t((e=>{Object.defineProperty(e,`__esModule`,{value:!0}),e.flattenNames=void 0;var t=a(_()),n=a(y()),r=a(h()),i=a(g());function a(e){return e&&e.__esModule?e:{default:e}}e.default=e.flattenNames=function e(){var a=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],o=[];return(0,i.default)(a,function(i){Array.isArray(i)?e(i).map(function(e){return o.push(e)}):(0,r.default)(i)?(0,n.default)(i,function(e,t){e===!0&&o.push(t),o.push(t+`-`+e)}):(0,t.default)(i)&&o.push(i)}),o}})),te=t((e=>{Object.defineProperty(e,`__esModule`,{value:!0}),e.mergeClasses=void 0;var t=i(y()),n=i(p()),r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};function i(e){return e&&e.__esModule?e:{default:e}}e.default=e.mergeClasses=function(e){var i=arguments.length>1&&arguments[1]!==void 0?arguments[1]:[],a=e.default&&(0,n.default)(e.default)||{};return i.map(function(n){var i=e[n];return i&&(0,t.default)(i,function(e,t){a[t]||(a[t]={}),a[t]=r({},a[t],i[t])}),n}),a}})),ne=t((e=>{Object.defineProperty(e,`__esModule`,{value:!0}),e.autoprefix=void 0;var t=r(y()),n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};function r(e){return e&&e.__esModule?e:{default:e}}var i={borderRadius:function(e){return{msBorderRadius:e,MozBorderRadius:e,OBorderRadius:e,WebkitBorderRadius:e,borderRadius:e}},boxShadow:function(e){return{msBoxShadow:e,MozBoxShadow:e,OBoxShadow:e,WebkitBoxShadow:e,boxShadow:e}},userSelect:function(e){return{WebkitTouchCallout:e,KhtmlUserSelect:e,MozUserSelect:e,msUserSelect:e,WebkitUserSelect:e,userSelect:e}},flex:function(e){return{WebkitBoxFlex:e,MozBoxFlex:e,WebkitFlex:e,msFlex:e,flex:e}},flexBasis:function(e){return{WebkitFlexBasis:e,flexBasis:e}},justifyContent:function(e){return{WebkitJustifyContent:e,justifyContent:e}},transition:function(e){return{msTransition:e,MozTransition:e,OTransition:e,WebkitTransition:e,transition:e}},transform:function(e){return{msTransform:e,MozTransform:e,OTransform:e,WebkitTransform:e,transform:e}},absolute:function(e){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){return t[e]||{extend:e}}};e.default=e.autoprefix=function(e){var r={};return(0,t.default)(e,function(e,a){var o={};(0,t.default)(e,function(e,t){var r=i[t];r?o=n({},o,r(e)):o[t]=e}),r[a]=o}),r}})),re=t((e=>{Object.defineProperty(e,`__esModule`,{value:!0}),e.hover=void 0;var t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r=i(n());function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(!(e instanceof t))throw TypeError(`Cannot call a class as a function`)}function o(e,t){if(!e)throw ReferenceError(`this hasn't been initialised - super() hasn't been called`);return t&&(typeof t==`object`||typeof t==`function`)?t:e}function s(e,t){if(typeof t!=`function`&&t!==null)throw TypeError(`Super expression must either be null or a function, not `+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}e.default=e.hover=function(e){var n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:`span`;return function(i){s(c,i);function c(){var i,s,l,u;a(this,c);var d=[...arguments];return u=(s=(l=o(this,(i=c.__proto__||Object.getPrototypeOf(c)).call.apply(i,[this].concat(d))),l),l.state={hover:!1},l.handleMouseOver=function(){return l.setState({hover:!0})},l.handleMouseOut=function(){return l.setState({hover:!1})},l.render=function(){return r.default.createElement(n,{onMouseOver:l.handleMouseOver,onMouseOut:l.handleMouseOut},r.default.createElement(e,t({},l.props,l.state)))},s),o(l,u)}return c}(r.default.Component)}})),ie=t((e=>{Object.defineProperty(e,`__esModule`,{value:!0}),e.active=void 0;var t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r=i(n());function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(!(e instanceof t))throw TypeError(`Cannot call a class as a function`)}function o(e,t){if(!e)throw ReferenceError(`this hasn't been initialised - super() hasn't been called`);return t&&(typeof t==`object`||typeof t==`function`)?t:e}function s(e,t){if(typeof t!=`function`&&t!==null)throw TypeError(`Super expression must either be null or a function, not `+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}e.default=e.active=function(e){var n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:`span`;return function(i){s(c,i);function c(){var i,s,l,u;a(this,c);var d=[...arguments];return u=(s=(l=o(this,(i=c.__proto__||Object.getPrototypeOf(c)).call.apply(i,[this].concat(d))),l),l.state={active:!1},l.handleMouseDown=function(){return l.setState({active:!0})},l.handleMouseUp=function(){return l.setState({active:!1})},l.render=function(){return r.default.createElement(n,{onMouseDown:l.handleMouseDown,onMouseUp:l.handleMouseUp},r.default.createElement(e,t({},l.props,l.state)))},s),o(l,u)}return c}(r.default.Component)}})),ae=t((e=>{Object.defineProperty(e,`__esModule`,{value:!0}),e.default=function(e,t){var n={},r=function(e){n[e]=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0};return e===0&&r(`first-child`),e===t-1&&r(`last-child`),(e===0||e%2==0)&&r(`even`),Math.abs(e%2)===1&&r(`odd`),r(`nth-child`,e),n}})),oe=t((e=>{Object.defineProperty(e,`__esModule`,{value:!0}),e.ReactCSS=e.loop=e.handleActive=e.handleHover=e.hover=void 0;var t=s(ee()),n=s(te()),r=s(ne()),i=s(re()),a=s(ie()),o=s(ae());function s(e){return e&&e.__esModule?e:{default:e}}e.hover=i.default,e.handleHover=i.default,e.handleActive=a.default,e.loop=o.default,e.default=e.ReactCSS=function(e){var i=[...arguments].slice(1),a=(0,t.default)(i),o=(0,n.default)(e,a);return(0,r.default)(o)}})),b=e(n()),x=e(oe()),se=function(e,t,n,r,i){var a=i.clientWidth,o=i.clientHeight,s=typeof e.pageX==`number`?e.pageX:e.touches[0].pageX,c=typeof e.pageY==`number`?e.pageY:e.touches[0].pageY,l=s-(i.getBoundingClientRect().left+window.pageXOffset),u=c-(i.getBoundingClientRect().top+window.pageYOffset);if(n===`vertical`){var d=void 0;if(d=u<0?0:u>o?1:Math.round(u*100/o)/100,t.a!==d)return{h:t.h,s:t.s,l:t.l,a:d,source:`rgb`}}else{var f=void 0;if(f=l<0?0:l>a?1:Math.round(l*100/a)/100,r!==f)return{h:t.h,s:t.s,l:t.l,a:f,source:`rgb`}}return null},ce={},le=function(e,t,n,r){if(typeof document>`u`&&!r)return null;var i=r?new r:document.createElement(`canvas`);i.width=n*2,i.height=n*2;var a=i.getContext(`2d`);return a?(a.fillStyle=e,a.fillRect(0,0,i.width,i.height),a.fillStyle=t,a.fillRect(0,0,n,n),a.translate(n,n),a.fillRect(0,0,n,n),i.toDataURL()):null},ue=function(e,t,n,r){var i=e+`-`+t+`-`+n+(r?`-server`:``);if(ce[i])return ce[i];var a=le(e,t,n,r);return ce[i]=a,a},de=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},S=function(e){var t=e.white,n=e.grey,r=e.size,i=e.renderers,a=e.borderRadius,o=e.boxShadow,s=e.children,c=(0,x.default)({default:{grid:{borderRadius:a,boxShadow:o,absolute:`0px 0px 0px 0px`,background:`url(`+ue(t,n,r,i.canvas)+`) center left`}}});return(0,b.isValidElement)(s)?b.cloneElement(s,de({},s.props,{style:de({},s.props.style,c.grid)})):b.createElement(`div`,{style:c.grid})};S.defaultProps={size:8,white:`transparent`,grey:`rgba(0,0,0,.08)`,renderers:{}};var fe=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},pe=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,`value`in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}();function me(e,t){if(!(e instanceof t))throw TypeError(`Cannot call a class as a function`)}function he(e,t){if(!e)throw ReferenceError(`this hasn't been initialised - super() hasn't been called`);return t&&(typeof t==`object`||typeof t==`function`)?t:e}function ge(e,t){if(typeof t!=`function`&&t!==null)throw TypeError(`Super expression must either be null or a function, not `+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var _e=function(e){ge(t,e);function t(){var e,n,r,i;me(this,t);var a=[...arguments];return i=(n=(r=he(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(a))),r),r.handleChange=function(e){var t=se(e,r.props.hsl,r.props.direction,r.props.a,r.container);t&&typeof r.props.onChange==`function`&&r.props.onChange(t,e)},r.handleMouseDown=function(e){r.handleChange(e),window.addEventListener(`mousemove`,r.handleChange),window.addEventListener(`mouseup`,r.handleMouseUp)},r.handleMouseUp=function(){r.unbindEventListeners()},r.unbindEventListeners=function(){window.removeEventListener(`mousemove`,r.handleChange),window.removeEventListener(`mouseup`,r.handleMouseUp)},n),he(r,i)}return pe(t,[{key:`componentWillUnmount`,value:function(){this.unbindEventListeners()}},{key:`render`,value:function(){var e=this,t=this.props.rgb,n=(0,x.default)({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(`+t.r+`,`+t.g+`,`+t.b+`, 0) 0%,
rgba(`+t.r+`,`+t.g+`,`+t.b+`, 1) 100%)`,boxShadow:this.props.shadow,borderRadius:this.props.radius},container:{position:`relative`,height:`100%`,margin:`0 3px`},pointer:{position:`absolute`,left:t.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(`+t.r+`,`+t.g+`,`+t.b+`, 0) 0%,
rgba(`+t.r+`,`+t.g+`,`+t.b+`, 1) 100%)`},pointer:{left:0,top:t.a*100+`%`}},overwrite:fe({},this.props.style)},{vertical:this.props.direction===`vertical`,overwrite:!0});return b.createElement(`div`,{style:n.alpha},b.createElement(`div`,{style:n.checkboard},b.createElement(S,{renderers:this.props.renderers})),b.createElement(`div`,{style:n.gradient}),b.createElement(`div`,{style:n.container,ref:function(t){return e.container=t},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},b.createElement(`div`,{style:n.pointer},this.props.pointer?b.createElement(this.props.pointer,this.props):b.createElement(`div`,{style:n.slider}))))}}]),t}(b.PureComponent||b.Component),ve=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,`value`in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}();function ye(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function be(e,t){if(!(e instanceof t))throw TypeError(`Cannot call a class as a function`)}function xe(e,t){if(!e)throw ReferenceError(`this hasn't been initialised - super() hasn't been called`);return t&&(typeof t==`object`||typeof t==`function`)?t:e}function Se(e,t){if(typeof t!=`function`&&t!==null)throw TypeError(`Super expression must either be null or a function, not `+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var Ce=1,we=38,Te=[we,40],Ee=function(e){return Te.indexOf(e)>-1},De=function(e){return Number(String(e).replace(/%/g,``))},Oe=1,C=function(e){Se(t,e);function t(e){be(this,t);var n=xe(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return n.handleBlur=function(){n.state.blurValue&&n.setState({value:n.state.blurValue,blurValue:null})},n.handleChange=function(e){n.setUpdatedValue(e.target.value,e)},n.handleKeyDown=function(e){var t=De(e.target.value);if(!isNaN(t)&&Ee(e.keyCode)){var r=n.getArrowOffset(),i=e.keyCode===we?t+r:t-r;n.setUpdatedValue(i,e)}},n.handleDrag=function(e){if(n.props.dragLabel){var t=Math.round(n.props.value+e.movementX);t>=0&&t<=n.props.dragMax&&n.props.onChange&&n.props.onChange(n.getValueObjectWithLabel(t),e)}},n.handleMouseDown=function(e){n.props.dragLabel&&(e.preventDefault(),n.handleDrag(e),window.addEventListener(`mousemove`,n.handleDrag),window.addEventListener(`mouseup`,n.handleMouseUp))},n.handleMouseUp=function(){n.unbindEventListeners()},n.unbindEventListeners=function(){window.removeEventListener(`mousemove`,n.handleDrag),window.removeEventListener(`mouseup`,n.handleMouseUp)},n.state={value:String(e.value).toUpperCase(),blurValue:String(e.value).toUpperCase()},n.inputId=`rc-editable-input-`+ Oe++,n}return ve(t,[{key:`componentDidUpdate`,value:function(e,t){this.props.value!==this.state.value&&(e.value!==this.props.value||t.value!==this.state.value)&&(this.input===document.activeElement?this.setState({blurValue:String(this.props.value).toUpperCase()}):this.setState({value:String(this.props.value).toUpperCase(),blurValue:!this.state.blurValue&&String(this.props.value).toUpperCase()}))}},{key:`componentWillUnmount`,value:function(){this.unbindEventListeners()}},{key:`getValueObjectWithLabel`,value:function(e){return ye({},this.props.label,e)}},{key:`getArrowOffset`,value:function(){return this.props.arrowOffset||Ce}},{key:`setUpdatedValue`,value:function(e,t){var n=this.props.label?this.getValueObjectWithLabel(e):e;this.props.onChange&&this.props.onChange(n,t),this.setState({value:e})}},{key:`render`,value:function(){var e=this,t=(0,x.default)({default:{wrap:{position:`relative`}},"user-override":{wrap:this.props.style&&this.props.style.wrap?this.props.style.wrap:{},input:this.props.style&&this.props.style.input?this.props.style.input:{},label:this.props.style&&this.props.style.label?this.props.style.label:{}},"dragLabel-true":{label:{cursor:`ew-resize`}}},{"user-override":!0},this.props);return b.createElement(`div`,{style:t.wrap},b.createElement(`input`,{id:this.inputId,style:t.input,ref:function(t){return e.input=t},value:this.state.value,onKeyDown:this.handleKeyDown,onChange:this.handleChange,onBlur:this.handleBlur,placeholder:this.props.placeholder,spellCheck:`false`}),this.props.label&&!this.props.hideLabel?b.createElement(`label`,{htmlFor:this.inputId,style:t.label,onMouseDown:this.handleMouseDown},this.props.label):null)}}]),t}(b.PureComponent||b.Component),ke=function(e,t,n,r){var i=r.clientWidth,a=r.clientHeight,o=typeof e.pageX==`number`?e.pageX:e.touches[0].pageX,s=typeof e.pageY==`number`?e.pageY:e.touches[0].pageY,c=o-(r.getBoundingClientRect().left+window.pageXOffset),l=s-(r.getBoundingClientRect().top+window.pageYOffset);if(t===`vertical`){var u=void 0;if(u=l<0?359:l>a?0:360*(-(l*100/a)+100)/100,n.h!==u)return{h:u,s:n.s,l:n.l,a:n.a,source:`hsl`}}else{var d=void 0;if(d=c<0?0:c>i?359:360*(c*100/i)/100,n.h!==d)return{h:d,s:n.s,l:n.l,a:n.a,source:`hsl`}}return null},Ae=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,`value`in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}();function je(e,t){if(!(e instanceof t))throw TypeError(`Cannot call a class as a function`)}function Me(e,t){if(!e)throw ReferenceError(`this hasn't been initialised - super() hasn't been called`);return t&&(typeof t==`object`||typeof t==`function`)?t:e}function Ne(e,t){if(typeof t!=`function`&&t!==null)throw TypeError(`Super expression must either be null or a function, not `+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var w=function(e){Ne(t,e);function t(){var e,n,r,i;je(this,t);var a=[...arguments];return i=(n=(r=Me(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(a))),r),r.handleChange=function(e){var t=ke(e,r.props.direction,r.props.hsl,r.container);t&&typeof r.props.onChange==`function`&&r.props.onChange(t,e)},r.handleMouseDown=function(e){r.handleChange(e),window.addEventListener(`mousemove`,r.handleChange),window.addEventListener(`mouseup`,r.handleMouseUp)},r.handleMouseUp=function(){r.unbindEventListeners()},n),Me(r,i)}return Ae(t,[{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 e=this,t=this.props.direction,n=t===void 0?`horizontal`:t,r=(0,x.default)({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:n===`vertical`});return b.createElement(`div`,{style:r.hue},b.createElement(`div`,{className:`hue-`+n,style:r.container,ref:function(t){return e.container=t},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},b.createElement(`style`,null,`
.hue-horizontal {
background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0
33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
background: -webkit-linear-gradient(to right, #f00 0%, #ff0
17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}
.hue-vertical {
background: linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%,
#0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
background: -webkit-linear-gradient(to top, #f00 0%, #ff0 17%,
#0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}
`),b.createElement(`div`,{style:r.pointer},this.props.pointer?b.createElement(this.props.pointer,this.props):b.createElement(`div`,{style:r.slider}))))}}]),t}(b.PureComponent||b.Component),T=e(s());function Pe(){this.__data__=[],this.size=0}function Fe(e,t){return e===t||e!==e&&t!==t}function Ie(e,t){for(var n=e.length;n--;)if(Fe(e[n][0],t))return n;return-1}var Le=Array.prototype.splice;function Re(e){var t=this.__data__,n=Ie(t,e);return n<0?!1:(n==t.length-1?t.pop():Le.call(t,n,1),--this.size,!0)}function ze(e){var t=this.__data__,n=Ie(t,e);return n<0?void 0:t[n][1]}function Be(e){return Ie(this.__data__,e)>-1}function Ve(e,t){var n=this.__data__,r=Ie(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this}function E(e){var t=-1,n=e==null?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}E.prototype.clear=Pe,E.prototype.delete=Re,E.prototype.get=ze,E.prototype.has=Be,E.prototype.set=Ve;function He(){this.__data__=new E,this.size=0}function Ue(e){var t=this.__data__,n=t.delete(e);return this.size=t.size,n}function We(e){return this.__data__.get(e)}function Ge(e){return this.__data__.has(e)}var Ke=typeof global==`object`&&global&&global.Object===Object&&global,qe=typeof self==`object`&&self&&self.Object===Object&&self,D=Ke||qe||Function(`return this`)(),O=D.Symbol,Je=Object.prototype,Ye=Je.hasOwnProperty,Xe=Je.toString,Ze=O?O.toStringTag:void 0;function Qe(e){var t=Ye.call(e,Ze),n=e[Ze];try{e[Ze]=void 0;var r=!0}catch{}var i=Xe.call(e);return r&&(t?e[Ze]=n:delete e[Ze]),i}var $e=Object.prototype.toString;function et(e){return $e.call(e)}var tt=`[object Null]`,nt=`[object Undefined]`,rt=O?O.toStringTag:void 0;function k(e){return e==null?e===void 0?nt:tt:rt&&rt in Object(e)?Qe(e):et(e)}function A(e){var t=typeof e;return e!=null&&(t==`object`||t==`function`)}var it=`[object AsyncFunction]`,at=`[object Function]`,ot=`[object GeneratorFunction]`,st=`[object Proxy]`;function ct(e){if(!A(e))return!1;var t=k(e);return t==at||t==ot||t==it||t==st}var lt=D[`__core-js_shared__`],ut=function(){var e=/[^.]+$/.exec(lt&&lt.keys&&lt.keys.IE_PROTO||``);return e?`Symbol(src)_1.`+e:``}();function dt(e){return!!ut&&ut in e}var ft=Function.prototype.toString;function j(e){if(e!=null){try{return ft.call(e)}catch{}try{return e+``}catch{}}return``}var pt=/[\\^$.*+?()[\]{}|]/g,mt=/^\[object .+?Constructor\]$/,ht=Function.prototype,gt=Object.prototype,_t=ht.toString,vt=gt.hasOwnProperty,yt=RegExp(`^`+_t.call(vt).replace(pt,`\\$&`).replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,`$1.*?`)+`$`);function bt(e){return!A(e)||dt(e)?!1:(ct(e)?yt:mt).test(j(e))}function xt(e,t){return e?.[t]}function M(e,t){var n=xt(e,t);return bt(n)?n:void 0}var St=M(D,`Map`),Ct=M(Object,`create`);function wt(){this.__data__=Ct?Ct(null):{},this.size=0}function Tt(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=+!!t,t}var Et=`__lodash_hash_undefined__`,Dt=Object.prototype.hasOwnProperty;function Ot(e){var t=this.__data__;if(Ct){var n=t[e];return n===Et?void 0:n}return Dt.call(t,e)?t[e]:void 0}var kt=Object.prototype.hasOwnProperty;function At(e){var t=this.__data__;return Ct?t[e]!==void 0:kt.call(t,e)}var jt=`__lodash_hash_undefined__`;function Mt(e,t){var n=this.__data__;return this.size+=+!this.has(e),n[e]=Ct&&t===void 0?jt:t,this}function N(e){var t=-1,n=e==null?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}N.prototype.clear=wt,N.prototype.delete=Tt,N.prototype.get=Ot,N.prototype.has=At,N.prototype.set=Mt;function Nt(){this.size=0,this.__data__={hash:new N,map:new(St||E),string:new N}}function Pt(e){var t=typeof e;return t==`string`||t==`number`||t==`symbol`||t==`boolean`?e!==`__proto__`:e===null}function Ft(e,t){var n=e.__data__;return Pt(t)?n[typeof t==`string`?`string`:`hash`]:n.map}function It(e){var t=Ft(this,e).delete(e);return this.size-=+!!t,t}function Lt(e){return Ft(this,e).get(e)}function Rt(e){return Ft(this,e).has(e)}function zt(e,t){var n=Ft(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this}function P(e){var t=-1,n=e==null?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}P.prototype.clear=Nt,P.prototype.delete=It,P.prototype.get=Lt,P.prototype.has=Rt,P.prototype.set=zt;var Bt=200;function Vt(e,t){var n=this.__data__;if(n instanceof E){var r=n.__data__;if(!St||r.length<Bt-1)return r.push([e,t]),this.size=++n.size,this;n=this.__data__=new P(r)}return n.set(e,t),this.size=n.size,this}function F(e){var t=this.__data__=new E(e);this.size=t.size}F.prototype.clear=He,F.prototype.delete=Ue,F.prototype.get=We,F.prototype.has=Ge,F.prototype.set=Vt;var Ht=function(){try{var e=M(Object,`defineProperty`);return e({},``,{}),e}catch{}}();function Ut(e,t,n){t==`__proto__`&&Ht?Ht(e,t,{configurable:!0,enumerable:!0,value:n,writable:!0}):e[t]=n}function Wt(e,t,n){(n!==void 0&&!Fe(e[t],n)||n===void 0&&!(t in e))&&Ut(e,t,n)}function Gt(e){return function(t,n,r){for(var i=-1,a=Object(t),o=r(t),s=o.length;s--;){var c=o[e?s:++i];if(n(a[c],c,a)===!1)break}return t}}var Kt=Gt(),qt=typeof exports==`object`&&exports&&!exports.nodeType&&exports,Jt=qt&&typeof module==`object`&&module&&!module.nodeType&&module,Yt=Jt&&Jt.exports===qt?D.Buffer:void 0,Xt=Yt?Yt.allocUnsafe:void 0;function Zt(e,t){if(t)return e.slice();var n=e.length,r=Xt?Xt(n):new e.constructor(n);return e.copy(r),r}var Qt=D.Uint8Array;function $t(e){var t=new e.constructor(e.byteLength);return new Qt(t).set(new Qt(e)),t}function en(e,t){var n=t?$t(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.length)}function tn(e,t){var n=-1,r=e.length;for(t||=Array(r);++n<r;)t[n]=e[n];return t}var nn=Object.create,rn=function(){function e(){}return function(t){if(!A(t))return{};if(nn)return nn(t);e.prototype=t;var n=new e;return e.prototype=void 0,n}}();function an(e,t){return function(n){return e(t(n))}}var on=an(Object.getPrototypeOf,Object),sn=Object.prototype;function cn(e){var t=e&&e.constructor;return e===(typeof t==`function`&&t.prototype||sn)}function ln(e){return typeof e.constructor==`function`&&!cn(e)?rn(on(e)):{}}function I(e){return typeof e==`object`&&!!e}var un=`[object Arguments]`;function dn(e){return I(e)&&k(e)==un}var fn=Object.prototype,pn=fn.hasOwnProperty,mn=fn.propertyIsEnumerable,hn=dn(function(){return arguments}())?dn:function(e){return I(e)&&pn.call(e,`callee`)&&!mn.call(e,`callee`)},L=Array.isArray,gn=9007199254740991;function _n(e){return typeof e==`number`&&e>-1&&e%1==0&&e<=gn}function R(e){return e!=null&&_n(e.length)&&!ct(e)}function vn(e){return I(e)&&R(e)}function yn(){return!1}var bn=typeof exports==`object`&&exports&&!exports.nodeType&&exports,xn=bn&&typeof module==`object`&&module&&!module.nodeType&&module,Sn=xn&&xn.exports===bn?D.Buffer:void 0,Cn=(Sn?Sn.isBuffer:void 0)||yn,wn=`[object Object]`,Tn=Function.prototype,En=Object.prototype,Dn=Tn.toString,On=En.hasOwnProperty,kn=Dn.call(Object);function An(e){if(!I(e)||k(e)!=wn)return!1;var t=on(e);if(t===null)return!0;var n=On.call(t,`constructor`)&&t.constructor;return typeof n==`function`&&n instanceof n&&Dn.call(n)==kn}var jn=`[object Arguments]`,Mn=`[object Array]`,Nn=`[object Boolean]`,Pn=`[object Date]`,Fn=`[object Error]`,In=`[object Function]`,Ln=`[object Map]`,Rn=`[object Number]`,zn=`[object Object]`,Bn=`[object RegExp]`,Vn=`[object Set]`,Hn=`[object String]`,Un=`[object WeakMap]`,Wn=`[object ArrayBuffer]`,Gn=`[object DataView]`,Kn=`[object Float32Array]`,qn=`[object Float64Array]`,Jn=`[object Int8Array]`,Yn=`[object Int16Array]`,Xn=`[object Int32Array]`,Zn=`[object Uint8Array]`,Qn=`[object Uint8ClampedArray]`,$n=`[object Uint16Array]`,er=`[object Uint32Array]`,z={};z[Kn]=z[qn]=z[Jn]=z[Yn]=z[Xn]=z[Zn]=z[Qn]=z[$n]=z[er]=!0,z[jn]=z[Mn]=z[Wn]=z[Nn]=z[Gn]=z[Pn]=z[Fn]=z[In]=z[Ln]=z[Rn]=z[zn]=z[Bn]=z[Vn]=z[Hn]=z[Un]=!1;function tr(e){return I(e)&&_n(e.length)&&!!z[k(e)]}function nr(e){return function(t){return e(t)}}var rr=typeof exports==`object`&&exports&&!exports.nodeType&&exports,ir=rr&&typeof module==`object`&&module&&!module.nodeType&&module,ar=ir&&ir.exports===rr&&Ke.process,or=function(){try{return ir&&ir.require&&ir.require(`util`).types||ar&&ar.binding&&ar.binding(`util`)}catch{}}(),sr=or&&or.isTypedArray,cr=sr?nr(sr):tr;function lr(e,t){if(!(t===`constructor`&&typeof e[t]==`function`)&&t!=`__proto__`)return e[t]}var ur=Object.prototype.hasOwnProperty;function dr(e,t,n){var r=e[t];(!(ur.call(e,t)&&Fe(r,n))||n===void 0&&!(t in e))&&Ut(e,t,n)}function fr(e,t,n,r){var i=!n;n||={};for(var a=-1,o=t.length;++a<o;){var s=t[a],c=r?r(n[s],e[s],s,n,e):void 0;c===void 0&&(c=e[s]),i?Ut(n,s,c):dr(n,s,c)}return n}function pr(e,t){for(var n=-1,r=Array(e);++n<e;)r[n]=t(n);return r}var mr=9007199254740991,hr=/^(?:0|[1-9]\d*)$/;function gr(e,t){var n=typeof e;return t??=mr,!!t&&(n==`number`||n!=`symbol`&&hr.test(e))&&e>-1&&e%1==0&&e<t}var _r=Object.prototype.hasOwnProperty;function vr(e,t){var n=L(e),r=!n&&hn(e),i=!n&&!r&&Cn(e),a=!n&&!r&&!i&&cr(e),o=n||r||i||a,s=o?pr(e.length,String):[],c=s.length;for(var l in e)(t||_r.call(e,l))&&!(o&&(l==`length`||i&&(l==`offset`||l==`parent`)||a&&(l==`buffer`||l==`byteLength`||l==`byteOffset`)||gr(l,c)))&&s.push(l);return s}function yr(e){var t=[];if(e!=null)for(var n in Object(e))t.push(n);return t}var br=Object.prototype.hasOwnProperty;function xr(e){if(!A(e))return yr(e);var t=cn(e),n=[];for(var r in e)r==`constructor`&&(t||!br.call(e,r))||n.push(r);return n}function Sr(e){return R(e)?vr(e,!0):xr(e)}function Cr(e){return fr(e,Sr(e))}function wr(e,t,n,r,i,a,o){var s=lr(e,n),c=lr(t,n),l=o.get(c);if(l){Wt(e,n,l);return}var u=a?a(s,c,n+``,e,t,o):void 0,d=u===void 0;if(d){var f=L(c),p=!f&&Cn(c),m=!f&&!p&&cr(c);u=c,f||p||m?L(s)?u=s:vn(s)?u=tn(s):p?(d=!1,u=Zt(c,!0)):m?(d=!1,u=en(c,!0)):u=[]:An(c)||hn(c)?(u=s,hn(s)?u=Cr(s):(!A(s)||ct(s))&&(u=ln(c))):d=!1}d&&(o.set(c,u),i(u,c,r,a,o),o.delete(c)),Wt(e,n,u)}function Tr(e,t,n,r,i){e!==t&&Kt(t,function(a,o){if(i||=new F,A(a))wr(e,t,o,n,Tr,r,i);else{var s=r?r(lr(e,o),a,o+``,e,t,i):void 0;s===void 0&&(s=a),Wt(e,o,s)}},Sr)}function Er(e){return e}function Dr(e,t,n){switch(n.length){case 0:return e.call(t);case 1:return e.call(t,n[0]);case 2:return e.call(t,n[0],n[1]);case 3:return e.call(t,n[0],n[1],n[2])}return e.apply(t,n)}var Or=Math.max;function kr(e,t,n){return t=Or(t===void 0?e.length-1:t,0),function(){for(var r=arguments,i=-1,a=Or(r.length-t,0),o=Array(a);++i<a;)o[i]=r[t+i];i=-1;for(var s=Array(t+1);++i<t;)s[i]=r[i];return s[t]=n(o),Dr(e,this,s)}}function Ar(e){return function(){return e}}var jr=Ht?function(e,t){return Ht(e,`toString`,{configurable:!0,enumerable:!1,value:Ar(t),writable:!0})}:Er,Mr=800,Nr=16,Pr=Date.now;function Fr(e){var t=0,n=0;return function(){var r=Pr(),i=Nr-(r-n);if(n=r,i>0){if(++t>=Mr)return arguments[0]}else t=0;return e.apply(void 0,arguments)}}var Ir=Fr(jr);function Lr(e,t){return Ir(kr(e,t,Er),e+``)}function Rr(e,t,n){if(!A(n))return!1;var r=typeof t;return(r==`number`?R(n)&&gr(t,n.length):r==`string`&&t in n)?Fe(n[t],e):!1}function zr(e){return Lr(function(t,n){var r=-1,i=n.length,a=i>1?n[i-1]:void 0,o=i>2?n[2]:void 0;for(a=e.length>3&&typeof a==`function`?(i--,a):void 0,o&&Rr(n[0],n[1],o)&&(a=i<3?void 0:a,i=1),t=Object(t);++r<i;){var s=n[r];s&&e(t,s,r,a)}return t})}var B=zr(function(e,t,n){Tr(e,t,n)}),Br=function(e){var t=e.zDepth,n=e.radius,r=e.background,i=e.children,a=e.styles,o=a===void 0?{}:a,s=(0,x.default)(B({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:r}},"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%`}}},o),{"zDepth-1":t===1});return b.createElement(`div`,{style:s.wrap},b.createElement(`div`,{style:s.bg}),b.createElement(`div`,{style:s.content},i))};Br.propTypes={background:T.default.string,zDepth:T.default.oneOf([0,1,2,3,4,5]),radius:T.default.number,styles:T.default.object},Br.defaultProps={background:`#fff`,zDepth:1,radius:2,styles:{}};var Vr=function(){return D.Date.now()},Hr=/\s/;function Ur(e){for(var t=e.length;t--&&Hr.test(e.charAt(t)););return t}var Wr=/^\s+/;function Gr(e){return e&&e.slice(0,Ur(e)+1).replace(Wr,``)}var Kr=`[object Symbol]`;function qr(e){return typeof e==`symbol`||I(e)&&k(e)==Kr}var Jr=NaN,Yr=/^[-+]0x[0-9a-f]+$/i,Xr=/^0b[01]+$/i,Zr=/^0o[0-7]+$/i,Qr=parseInt;function $r(e){if(typeof e==`number`)return e;if(qr(e))return Jr;if(A(e)){var t=typeof e.valueOf==`function`?e.valueOf():e;e=A(t)?t+``:t}if(typeof e!=`string`)return e===0?e:+e;e=Gr(e);var n=Xr.test(e);return n||Zr.test(e)?Qr(e.slice(2),n?2:8):Yr.test(e)?Jr:+e}var ei=`Expected a function`,ti=Math.max,ni=Math.min;function ri(e,t,n){var r,i,a,o,s,c,l=0,u=!1,d=!1,f=!0;if(typeof e!=`function`)throw TypeError(ei);t=$r(t)||0,A(n)&&(u=!!n.leading,d=`maxWait`in n,a=d?ti($r(n.maxWait)||0,t):a,f=`trailing`in n?!!n.trailing:f);function p(t){var n=r,a=i;return r=i=void 0,l=t,o=e.apply(a,n),o}function m(e){return l=e,s=setTimeout(_,t),u?p(e):o}function h(e){var n=e-c,r=e-l,i=t-n;return d?ni(i,a-r):i}function g(e){var n=e-c,r=e-l;return c===void 0||n>=t||n<0||d&&r>=a}function _(){var e=Vr();if(g(e))return v(e);s=setTimeout(_,h(e))}function v(e){return s=void 0,f&&r?p(e):(r=i=void 0,o)}function y(){s!==void 0&&clearTimeout(s),l=0,r=c=i=s=void 0}function ee(){return s===void 0?o:v(Vr())}function te(){var e=Vr(),n=g(e);if(r=arguments,i=this,c=e,n){if(s===void 0)return m(c);if(d)return clearTimeout(s),s=setTimeout(_,t),p(c)}return s===void 0&&(s=setTimeout(_,t)),o}return te.cancel=y,te.flush=ee,te}var ii=`Expected a function`;function ai(e,t,n){var r=!0,i=!0;if(typeof e!=`function`)throw TypeError(ii);return A(n)&&(r=`leading`in n?!!n.leading:r,i=`trailing`in n?!!n.trailing:i),ri(e,t,{leading:r,maxWait:t,trailing:i})}var oi=function(e,t,n){var r=n.getBoundingClientRect(),i=r.width,a=r.height,o=typeof e.pageX==`number`?e.pageX:e.touches[0].pageX,s=typeof e.pageY==`number`?e.pageY:e.touches[0].pageY,c=o-(n.getBoundingClientRect().left+window.pageXOffset),l=s-(n.getBoundingClientRect().top+window.pageYOffset);c<0?c=0:c>i&&(c=i),l<0?l=0:l>a&&(l=a);var u=c/i,d=1-l/a;return{h:t.h,s:u,v:d,a:t.a,source:`hsv`}},si=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,`value`in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}();function ci(e,t){if(!(e instanceof t))throw TypeError(`Cannot call a class as a function`)}function li(e,t){if(!e)throw ReferenceError(`this hasn't been initialised - super() hasn't been called`);return t&&(typeof t==`object`||typeof t==`function`)?t:e}function ui(e,t){if(typeof t!=`function`&&t!==null)throw TypeError(`Super expression must either be null or a function, not `+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var di=function(e){ui(t,e);function t(e){ci(this,t);var n=li(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.handleChange=function(e){typeof n.props.onChange==`function`&&n.throttle(n.props.onChange,oi(e,n.props.hsl,n.container),e)},n.handleMouseDown=function(e){n.handleChange(e);var t=n.getContainerRenderWindow();t.addEventListener(`mousemove`,n.handleChange),t.addEventListener(`mouseup`,n.handleMouseUp)},n.handleMouseUp=function(){n.unbindEventListeners()},n.throttle=ai(function(e,t,n){e(t,n)},50),n}return si(t,[{key:`componentWillUnmount`,value:function(){this.throttle.cancel(),this.unbindEventListeners()}},{key:`getContainerRenderWindow`,value:function(){for(var e=this.container,t=window;!t.document.contains(e)&&t.parent!==t;)t=t.parent;return t}},{key:`unbindEventListeners`,value:function(){var e=this.getContainerRenderWindow();e.removeEventListener(`mousemove`,this.handleChange),e.removeEventListener(`mouseup`,this.handleMouseUp)}},{key:`render`,value:function(){var e=this,t=this.props.style||{},n=t.color,r=t.white,i=t.black,a=t.pointer,o=t.circle,s=(0,x.default)({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:n,white:r,black:i,pointer:a,circle:o}},{custom:!!this.props.style});return b.createElement(`div`,{style:s.color,ref:function(t){return e.container=t},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},b.createElement(`style`,null,`
.saturation-white {
background: -webkit-linear-gradient(to right, #fff, rgba(255,255,255,0));
background: linear-gradient(to right, #fff, rgba(255,255,255,0));
}
.saturation-black {
background: -webkit-linear-gradient(to top, #000, rgba(0,0,0,0));
background: linear-gradient(to top, #000, rgba(0,0,0,0));
}
`),b.createElement(`div`,{style:s.white,className:`saturation-white`},b.createElement(`div`,{style:s.black,className:`saturation-black`}),b.createElement(`div`,{style:s.pointer},this.props.pointer?b.createElement(this.props.pointer,this.props):b.createElement(`div`,{style:s.circle}))))}}]),t}(b.PureComponent||b.Component);function fi(e,t){for(var n=-1,r=e==null?0:e.length;++n<r&&t(e[n],n,e)!==!1;);return e}var pi=an(Object.keys,Object),mi=Object.prototype.hasOwnProperty;function hi(e){if(!cn(e))return pi(e);var t=[];for(var n in Object(e))mi.call(e,n)&&n!=`constructor`&&t.push(n);return t}function gi(e){return R(e)?vr(e):hi(e)}function _i(e,t){return e&&Kt(e,t,gi)}function vi(e,t){return function(n,r){if(n==null)return n;if(!R(n))return e(n,r);for(var i=n.length,a=t?i:-1,o=Object(n);(t?a--:++a<i)&&r(o[a],a,o)!==!1;);return n}}var yi=vi(_i);function bi(e){return typeof e==`function`?e:Er}function xi(e,t){return(L(e)?fi:yi)(e,bi(t))}function Si(e){"@babel/helpers - typeof";return Si=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},Si(e)}var Ci=/^\s+/,wi=/\s+$/;function V(e,t){if(e||=``,t||={},e instanceof V)return e;if(!(this instanceof V))return new V(e,t);var n=Ti(e);this._originalInput=e,this._r=n.r,this._g=n.g,this._b=n.b,this._a=n.a,this._roundA=Math.round(100*this._a)/100,this._format=t.format||n.format,this._gradientType=t.gradientType,this._r<1&&(this._r=Math.round(this._r)),this._g<1&&(this._g=Math.round(this._g)),this._b<1&&(this._b=Math.round(this._b)),this._ok=n.ok}V.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=e.r/255,n=e.g/255,r=e.b/255,i=t<=.03928?t/12.92:((t+.055)/1.055)**2.4,a=n<=.03928?n/12.92:((n+.055)/1.055)**2.4,o=r<=.03928?r/12.92:((r+.055)/1.055)**2.4;return .2126*i+.7152*a+.0722*o},setAlpha:function(e){return this._a=Yi(e),this._roundA=Math.round(100*this._a)/100,this},toHsv:function(){var e=ki(this._r,this._g,this._b);return{h:e.h*360,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=ki(this._r,this._g,this._b),t=Math.round(e.h*360),n=Math.round(e.s*100),r=Math.round(e.v*100);return this._a==1?`hsv(`+t+`, `+n+`%, `+r+`%)`:`hsva(`+t+`, `+n+`%, `+r+`%, `+this._roundA+`)`},toHsl:function(){var e=Di(this._r,this._g,this._b);return{h:e.h*360,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=Di(this._r,this._g,this._b),t=Math.round(e.h*360),n=Math.round(e.s*100),r=Math.round(e.l*100);return this._a==1?`hsl(`+t+`, `+n+`%, `+r+`%)`:`hsla(`+t+`, `+n+`%, `+r+`%, `+this._roundA+`)`},toHex:function(e){return ji(this._r,this._g,this._b,e)},toHexString:function(e){return`#`+this.toHex(e)},toHex8:function(e){return Mi(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(H(this._r,255)*100)+`%`,g:Math.round(H(this._g,255)*100)+`%`,b:Math.round(H(this._b,255)*100)+`%`,a:this._a}},toPercentageRgbString:function(){return this._a==1?`rgb(`+Math.round(H(this._r,255)*100)+`%, `+Math.round(H(this._g,255)*100)+`%, `+Math.round(H(this._b,255)*100)+`%)`:`rgba(`+Math.round(H(this._r,255)*100)+`%, `+Math.round(H(this._g,255)*100)+`%, `+Math.round(H(this._b,255)*100)+`%, `+this._roundA+`)`},toName:function(){return this._a===0?`transparent`:this._a<1?!1:qi[ji(this._r,this._g,this._b,!0)]||!1},toFilter:function(e){var t=`#`+Ni(this._r,this._g,this._b,this._a),n=t,r=this._gradientType?`GradientType = 1, `:``;if(e){var i=V(e);n=`#`+Ni(i._r,i._g,i._b,i._a)}return`progid:DXImageTransform.Microsoft.gradient(`+r+`startColorstr=`+t+`,endColorstr=`+n+`)`},toString:function(e){var t=!!e;e||=this._format;var n=!1,r=this._a<1&&this._a>=0;return!t&&r&&(e===`hex`||e===`hex6`||e===`hex3`||e===`hex4`||e===`hex8`||e===`name`)?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 V(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(Li,arguments)},brighten:function(){return this._applyModification(Ri,arguments)},darken:function(){return this._applyModification(zi,arguments)},desaturate:function(){return this._applyModification(Pi,arguments)},saturate:function(){return this._applyModification(Fi,arguments)},greyscale:function(){return this._applyModification(Ii,arguments)},spin:function(){return this._applyModification(Bi,arguments)},_applyCombination:function(e,t){return e.apply(null,[this].concat([].slice.call(t)))},analogous:function(){return this._applyCombination(Wi,arguments)},complement:function(){return this._applyCombination(Vi,arguments)},monochromatic:function(){return this._applyCombination(Gi,arguments)},splitcomplement:function(){return this._applyCombination(Ui,arguments)},triad:function(){return this._applyCombination(Hi,[3])},tetrad:function(){return this._applyCombination(Hi,[4])}},V.fromRatio=function(e,t){if(Si(e)==`object`){var n={};for(var r in e)e.hasOwnProperty(r)&&(r===`a`?n[r]=e[r]:n[r]=$i(e[r]));e=n}return V(e,t)};function Ti(e){var t={r:0,g:0,b:0},n=1,r=null,i=null,a=null,o=!1,s=!1;return typeof e==`string`&&(e=na(e)),Si(e)==`object`&&(K(e.r)&&K(e.g)&&K(e.b)?(t=Ei(e.r,e.g,e.b),o=!0,s=String(e.r).substr(-1)===`%`?`prgb`:`rgb`):K(e.h)&&K(e.s)&&K(e.v)?(r=$i(e.s),i=$i(e.v),t=Ai(e.h,r,i),o=!0,s=`hsv`):K(e.h)&&K(e.s)&&K(e.l)&&(r=$i(e.s),a=$i(e.l),t=Oi(e.h,r,a),o=!0,s=`hsl`),e.hasOwnProperty(`a`)&&(n=e.a)),n=Yi(n),{ok:o,format:e.format||s,r:Math.min(255,Math.max(t.r,0)),g:Math.min(255,Math.max(t.g,0)),b:Math.min(255,Math.max(t.b,0)),a:n}}function Ei(e,t,n){return{r:H(e,255)*255,g:H(t,255)*255,b:H(n,255)*255}}function Di(e,t,n){e=H(e,255),t=H(t,255),n=H(n,255);var r=Math.max(e,t,n),i=Math.min(e,t,n),a,o,s=(r+i)/2;if(r==i)a=o=0;else{var c=r-i;switch(o=s>.5?c/(2-r-i):c/(r+i),r){case e:a=(t-n)/c+(t<n?6:0);break;case t:a=(n-e)/c+2;break;case n:a=(e-t)/c+4;break}a/=6}return{h:a,s:o,l:s}}function Oi(e,t,n){var r,i,a;e=H(e,360),t=H(t,100),n=H(n,100);function o(e,t,n){return n<0&&(n+=1),n>1&&--n,n<1/6?e+(t-e)*6*n:n<1/2?t:n<2/3?e+(t-e)*(2/3-n)*6:e}if(t===0)r=i=a=n;else{var s=n<.5?n*(1+t):n+t-n*t,c=2*n-s;r=o(c,s,e+1/3),i=o(c,s,e),a=o(c,s,e-1/3)}return{r:r*255,g:i*255,b:a*255}}function ki(e,t,n){e=H(e,255),t=H(t,255),n=H(n,255);var r=Math.max(e,t,n),i=Math.min(e,t,n),a,o,s=r,c=r-i;if(o=r===0?0:c/r,r==i)a=0;else{switch(r){case e:a=(t-n)/c+(t<n?6:0);break;case t:a=(n-e)/c+2;break;case n:a=(e-t)/c+4;break}a/=6}return{h:a,s:o,v:s}}function Ai(e,t,n){e=H(e,360)*6,t=H(t,100),n=H(n,100);var r=Math.floor(e),i=e-r,a=n*(1-t),o=n*(1-i*t),s=n*(1-(1-i)*t),c=r%6,l=[n,o,a,a,s,n][c],u=[s,n,n,o,a,a][c],d=[a,a,s,n,n,o][c];return{r:l*255,g:u*255,b:d*255}}function ji(e,t,n,r){var i=[W(Math.round(e).toString(16)),W(Math.round(t).toString(16)),W(Math.round(n).toString(16))];return r&&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[0].charAt(0)+i[1].charAt(0)+i[2].charAt(0):i.join(``)}function Mi(e,t,n,r,i){var a=[W(Math.round(e).toString(16)),W(Math.round(t).toString(16)),W(Math.round(n).toString(16)),W(ea(r))];return i&&a[0].charAt(0)==a[0].charAt(1)&&a[1].charAt(0)==a[1].charAt(1)&&a[2].charAt(0)==a[2].charAt(1)&&a[3].charAt(0)==a[3].charAt(1)?a[0].charAt(0)+a[1].charAt(0)+a[2].charAt(0)+a[3].charAt(0):a.join(``)}function Ni(e,t,n,r){return[W(ea(r)),W(Math.round(e).toString(16)),W(Math.round(t).toString(16)),W(Math.round(n).toString(16))].join(``)}V.equals=function(e,t){return!e||!t?!1:V(e).toRgbString()==V(t).toRgbString()},V.random=function(){return V.fromRatio({r:Math.random(),g:Math.random(),b:Math.random()})};function Pi(e,t){t=t===0?0:t||10;var n=V(e).toHsl();return n.s-=t/100,n.s=Xi(n.s),V(n)}function Fi(e,t){t=t===0?0:t||10;var n=V(e).toHsl();return n.s+=t/100,n.s=Xi(n.s),V(n)}function Ii(e){return V(e).desaturate(100)}function Li(e,t){t=t===0?0:t||10;var n=V(e).toHsl();return n.l+=t/100,n.l=Xi(n.l),V(n)}function Ri(e,t){t=t===0?0:t||10;var n=V(e).toRgb();return n.r=Math.max(0,Math.min(255,n.r-Math.round(255*-(t/100)))),n.g=Math.max(0,Math.min(255,n.g-Math.round(255*-(t/100)))),n.b=Math.max(0,Math.min(255,n.b-Math.round(255*-(t/100)))),V(n)}function zi(e,t){t=t===0?0:t||10;var n=V(e).toHsl();return n.l-=t/100,n.l=Xi(n.l),V(n)}function Bi(e,t){var n=V(e).toHsl(),r=(n.h+t)%360;return n.h=r<0?360+r:r,V(n)}function Vi(e){var t=V(e).toHsl();return t.h=(t.h+180)%360,V(t)}function Hi(e,t){if(isNaN(t)||t<=0)throw Error(`Argument to polyad must be a positive number`);for(var n=V(e).toHsl(),r=[V(e)],i=360/t,a=1;a<t;a++)r.push(V({h:(n.h+a*i)%360,s:n.s,l:n.l}));return r}function Ui(e){var t=V(e).toHsl(),n=t.h;return[V(e),V({h:(n+72)%360,s:t.s,l:t.l}),V({h:(n+216)%360,s:t.s,l:t.l})]}function Wi(e,t,n){t||=6,n||=30;var r=V(e).toHsl(),i=360/n,a=[V(e)];for(r.h=(r.h-(i*t>>1)+720)%360;--t;)r.h=(r.h+i)%360,a.push(V(r));return a}function Gi(e,t){t||=6;for(var n=V(e).toHsv(),r=n.h,i=n.s,a=n.v,o=[],s=1/t;t--;)o.push(V({h:r,s:i,v:a})),a=(a+s)%1;return o}V.mix=function(e,t,n){n=n===0?0:n||50;var r=V(e).toRgb(),i=V(t).toRgb(),a=n/100;return V({r:(i.r-r.r)*a+r.r,g:(i.g-r.g)*a+r.g,b:(i.b-r.b)*a+r.b,a:(i.a-r.a)*a+r.a})},V.readability=function(e,t){var n=V(e),r=V(t);return(Math.max(n.getLuminance(),r.getLuminance())+.05)/(Math.min(n.getLuminance(),r.getLuminance())+.05)},V.isReadable=function(e,t,n){var r=V.readability(e,t),i,a=!1;switch(i=ra(n),i.level+i.size){case`AAsmall`:case`AAAlarge`:a=r>=4.5;break;case`AAlarge`:a=r>=3;break;case`AAAsmall`:a=r>=7;break}return a},V.mostReadable=function(e,t,n){var r=null,i=0,a,o,s,c;n||={},o=n.includeFallbackColors,s=n.level,c=n.size;for(var l=0;l<t.length;l++)a=V.readability(e,t[l]),a>i&&(i=a,r=V(t[l]));return V.isReadable(e,r,{level:s,size:c})||!o?r:(n.includeFallbackColors=!1,V.mostReadable(e,[`#fff`,`#000`],n))};var Ki=V.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`},qi=V.hexNames=Ji(Ki);function Ji(e){var t={};for(var n in e)e.hasOwnProperty(n)&&(t[e[n]]=n);return t}function Yi(e){return e=parseFloat(e),(isNaN(e)||e<0||e>1)&&(e=1),e}function H(e,t){Zi(e)&&(e=`100%`);var n=Qi(e);return e=Math.min(t,Math.max(0,parseFloat(e))),n&&(e=parseInt(e*t,10)/100),Math.abs(e-t)<1e-6?1:e%t/parseFloat(t)}function Xi(e){return Math.min(1,Math.max(0,e))}function U(e){return parseInt(e,16)}function Zi(e){return typeof e==`string`&&e.indexOf(`.`)!=-1&&parseFloat(e)===1}function Qi(e){return typeof e==`string`&&e.indexOf(`%`)!=-1}function W(e){return e.length==1?`0`+e:``+e}function $i(e){return e<=1&&(e=e*100+`%`),e}function ea(e){return Math.round(parseFloat(e)*255).toString(16)}function ta(e){return U(e)/255}var G=function(){var e=`(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)`,t=`[\\s|\\(]+(`+e+`)[,|\\s]+(`+e+`)[,|\\s]+(`+e+`)\\s*\\)?`,n=`[\\s|\\(]+(`+e+`)[,|\\s]+(`+e+`)[,|\\s]+(`+e+`)[,|\\s]+(`+e+`)\\s*\\)?`;return{CSS_UNIT:new RegExp(e),rgb:RegExp(`rgb`+t),rgba:RegExp(`rgba`+n),hsl:RegExp(`hsl`+t),hsla:RegExp(`hsla`+n),hsv:RegExp(`hsv`+t),hsva:RegExp(`hsva`+n),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 K(e){return!!G.CSS_UNIT.exec(e)}function na(e){e=e.replace(Ci,``).replace(wi,``).toLowerCase();var t=!1;if(Ki[e])e=Ki[e],t=!0;else if(e==`transparent`)return{r:0,g:0,b:0,a:0,format:`name`};var n;return(n=G.rgb.exec(e))?{r:n[1],g:n[2],b:n[3]}:(n=G.rgba.exec(e))?{r:n[1],g:n[2],b:n[3],a:n[4]}:(n=G.hsl.exec(e))?{h:n[1],s:n[2],l:n[3]}:(n=G.hsla.exec(e))?{h:n[1],s:n[2],l:n[3],a:n[4]}:(n=G.hsv.exec(e))?{h:n[1],s:n[2],v:n[3]}:(n=G.hsva.exec(e))?{h:n[1],s:n[2],v:n[3],a:n[4]}:(n=G.hex8.exec(e))?{r:U(n[1]),g:U(n[2]),b:U(n[3]),a:ta(n[4]),format:t?`name`:`hex8`}:(n=G.hex6.exec(e))?{r:U(n[1]),g:U(n[2]),b:U(n[3]),format:t?`name`:`hex`}:(n=G.hex4.exec(e))?{r:U(n[1]+``+n[1]),g:U(n[2]+``+n[2]),b:U(n[3]+``+n[3]),a:ta(n[4]+``+n[4]),format:t?`name`:`hex8`}:(n=G.hex3.exec(e))?{r:U(n[1]+``+n[1]),g:U(n[2]+``+n[2]),b:U(n[3]+``+n[3]),format:t?`name`:`hex`}:!1}function ra(e){var t,n;return e||={level:`AA`,size:`small`},t=(e.level||`AA`).toUpperCase(),n=(e.size||`small`).toLowerCase(),t!==`AA`&&t!==`AAA`&&(t=`AA`),n!==`small`&&n!==`large`&&(n=`small`),{level:t,size:n}}var ia=function(e){var t=[`r`,`g`,`b`,`a`,`h`,`s`,`l`,`v`],n=0,r=0;return xi(t,function(t){e[t]&&(n+=1,isNaN(e[t])||(r+=1),(t===`s`||t===`l`)&&/^\d+%$/.test(e[t])&&(r+=1))}),n===r?e:!1},aa=function(e,t){var n=e.hex?V(e.hex):V(e),r=n.toHsl(),i=n.toHsv(),a=n.toRgb(),o=n.toHex();return r.s===0&&(r.h=t||0,i.h=t||0),{hsl:r,hex:o===`000000`&&a.a===0?`transparent`:`#`+o,rgb:a,hsv:i,oldHue:e.h||t||r.h,source:e.source}},q=function(e){if(e===`transparent`)return!0;var t=+(String(e).charAt(0)===`#`);return e.length!==4+t&&e.length<7+t&&V(e).isValid()},oa=function(e){if(!e)return`#fff`;var t=aa(e);return t.hex===`transparent`?`rgba(0,0,0,0.4)`:(t.rgb.r*299+t.rgb.g*587+t.rgb.b*114)/1e3>=128?`#000`:`#fff`},sa=function(e,t){var n=e.replace(`°`,``);return V(t+` (`+n+`)`)._ok},ca=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},la=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,`value`in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}();function ua(e,t){if(!(e instanceof t))throw TypeError(`Cannot call a class as a function`)}function da(e,t){if(!e)throw ReferenceError(`this hasn't been initialised - super() hasn't been called`);return t&&(typeof t==`object`||typeof t==`function`)?t:e}function fa(e,t){if(typeof t!=`function`&&t!==null)throw TypeError(`Super expression must either be null or a function, not `+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var J=function(e){var t=function(t){fa(n,t);function n(e){ua(this,n);var t=da(this,(n.__proto__||Object.getPrototypeOf(n)).call(this));return t.handleChange=function(e,n){if(ia(e)){var r=aa(e,e.h||t.state.oldHue);t.setState(r),t.props.onChangeComplete&&t.debounce(t.props.onChangeComplete,r,n),t.props.onChange&&t.props.onChange(r,n)}},t.handleSwatchHover=function(e,n){if(ia(e)){var r=aa(e,e.h||t.state.oldHue);t.props.onSwatchHover&&t.props.onSwatchHover(r,n)}},t.state=ca({},aa(e.color,0)),t.debounce=ri(function(e,t,n){e(t,n)},100),t}return la(n,[{key:`render`,value:function(){var t={};return this.props.onSwatchHover&&(t.onSwatchHover=this.handleSwatchHover),b.createElement(e,ca({},this.props,this.state,{onChange:this.handleChange},t))}}],[{key:`getDerivedStateFromProps`,value:function(e,t){return ca({},aa(e.color,t.oldHue))}}]),n}(b.PureComponent||b.Component);return t.propTypes=ca({},e.propTypes),t.defaultProps=ca({},e.defaultProps,{color:{h:250,s:.5,l:.2,a:1}}),t},pa=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},ma=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,`value`in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}();function ha(e,t){if(!(e instanceof t))throw TypeError(`Cannot call a class as a function`)}function ga(e,t){if(!e)throw ReferenceError(`this hasn't been initialised - super() hasn't been called`);return t&&(typeof t==`object`||typeof t==`function`)?t:e}function _a(e,t){if(typeof t!=`function`&&t!==null)throw TypeError(`Super expression must either be null or a function, not `+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var va=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:`span`;return function(n){_a(r,n);function r(){var e,t,n,i;ha(this,r);var a=[...arguments];return i=(t=(n=ga(this,(e=r.__proto__||Object.getPrototypeOf(r)).call.apply(e,[this].concat(a))),n),n.state={focus:!1},n.handleFocus=function(){return n.setState({focus:!0})},n.handleBlur=function(){return n.setState({focus:!1})},t),ga(n,i)}return ma(r,[{key:`render`,value:function(){return b.createElement(t,{onFocus:this.handleFocus,onBlur:this.handleBlur},b.createElement(e,pa({},this.props,this.state)))}}]),r}(b.Component)},ya=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},ba=13,Y=va(function(e){var t=e.color,n=e.style,r=e.onClick,i=r===void 0?function(){}:r,a=e.onHover,o=e.title,s=o===void 0?t:o,c=e.children,l=e.focus,u=e.focusStyle,d=u===void 0?{}:u,f=t===`transparent`,p=(0,x.default)({default:{swatch:ya({background:t,height:`100%`,width:`100%`,cursor:`pointer`,position:`relative`,outline:`none`},n,l?d:{})}}),m=function(e){return i(t,e)},h=function(e){return e.keyCode===ba&&i(t,e)},g=function(e){return a(t,e)},_={};return a&&(_.onMouseOver=g),b.createElement(`div`,ya({style:p.swatch,onClick:m,title:s,tabIndex:0,onKeyDown:h},_),c,f&&b.createElement(S,{borderRadius:p.swatch.borderRadius,boxShadow:`inset 0 0 0 1px rgba(0,0,0,0.1)`}))}),xa=function(e){var t=e.direction,n=(0,x.default)({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 b.createElement(`div`,{style:n.picker})},Sa=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ca=function(e){var t=e.rgb,n=e.hsl,r=e.width,i=e.height,a=e.onChange,o=e.direction,s=e.style,c=e.renderers,l=e.pointer,u=e.className,d=u===void 0?``:u,f=(0,x.default)({default:{picker:{position:`relative`,width:r,height:i},alpha:{radius:`2px`,style:s}}});return b.createElement(`div`,{style:f.picker,className:`alpha-picker `+d},b.createElement(_e,Sa({},f.alpha,{rgb:t,hsl:n,pointer:l,renderers:c,onChange:a,direction:o})))};Ca.defaultProps={width:`316px`,height:`16px`,direction:`horizontal`,pointer:xa},J(Ca);function wa(e,t){for(var n=-1,r=e==null?0:e.length,i=Array(r);++n<r;)i[n]=t(e[n],n,e);return i}var Ta=`__lodash_hash_undefined__`;function Ea(e){return this.__data__.set(e,Ta),this}function Da(e){return this.__data__.has(e)}function Oa(e){var t=-1,n=e==null?0:e.length;for(this.__data__=new P;++t<n;)this.add(e[t])}Oa.prototype.add=Oa.prototype.push=Ea,Oa.prototype.has=Da;function ka(e,t){for(var n=-1,r=e==null?0:e.length;++n<r;)if(t(e[n],n,e))return!0;return!1}function Aa(e,t){return e.has(t)}var ja=1,Ma=2;function Na(e,t,n,r,i,a){var o=n&ja,s=e.length,c=t.length;if(s!=c&&!(o&&c>s))return!1;var l=a.get(e),u=a.get(t);if(l&&u)return l==t&&u==e;var d=-1,f=!0,p=n&Ma?new Oa:void 0;for(a.set(e,t),a.set(t,e);++d<s;){var m=e[d],h=t[d];if(r)var g=o?r(h,m,d,t,e,a):r(m,h,d,e,t,a);if(g!==void 0){if(g)continue;f=!1;break}if(p){if(!ka(t,function(e,t){if(!Aa(p,t)&&(m===e||i(m,e,n,r,a)))return p.push(t)})){f=!1;break}}else if(!(m===h||i(m,h,n,r,a))){f=!1;break}}return a.delete(e),a.delete(t),f}function Pa(e){var t=-1,n=Array(e.size);return e.forEach(function(e,r){n[++t]=[r,e]}),n}function Fa(e){var t=-1,n=Array(e.size);return e.forEach(function(e){n[++t]=e}),n}var Ia=1,La=2,Ra=`[object Boolean]`,za=`[object Date]`,Ba=`[object Error]`,Va=`[object Map]`,Ha=`[object Number]`,Ua=`[object RegExp]`,Wa=`[object Set]`,Ga=`[object String]`,Ka=`[object Symbol]`,qa=`[object ArrayBuffer]`,Ja=`[object DataView]`,Ya=O?O.prototype:void 0,Xa=Ya?Ya.valueOf:void 0;function Za(e,t,n,r,i,a,o){switch(n){case Ja:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case qa:return!(e.byteLength!=t.byteLength||!a(new Qt(e),new Qt(t)));case Ra:case za:case Ha:return Fe(+e,+t);case Ba:return e.name==t.name&&e.message==t.message;case Ua:case Ga:return e==t+``;case Va:var s=Pa;case Wa:var c=r&Ia;if(s||=Fa,e.size!=t.size&&!c)return!1;var l=o.get(e);if(l)return l==t;r|=La,o.set(e,t);var u=Na(s(e),s(t),r,i,a,o);return o.delete(e),u;case Ka:if(Xa)return Xa.call(e)==Xa.call(t)}return!1}function Qa(e,t){for(var n=-1,r=t.length,i=e.length;++n<r;)e[i+n]=t[n];return e}function $a(e,t,n){var r=t(e);return L(e)?r:Qa(r,n(e))}function eo(e,t){for(var n=-1,r=e==null?0:e.length,i=0,a=[];++n<r;){var o=e[n];t(o,n,e)&&(a[i++]=o)}return a}function to(){return[]}var no=Object.prototype.propertyIsEnumerable,ro=Object.getOwnPropertySymbols,io=ro?function(e){return e==null?[]:(e=Object(e),eo(ro(e),function(t){return no.call(e,t)}))}:to;function ao(e){return $a(e,gi,io)}var oo=1,so=Object.prototype.hasOwnProperty;function co(e,t,n,r,i,a){var o=n&oo,s=ao(e),c=s.length;if(c!=ao(t).length&&!o)return!1;for(var l=c;l--;){var u=s[l];if(!(o?u in t:so.call(t,u)))return!1}var d=a.get(e),f=a.get(t);if(d&&f)return d==t&&f==e;var p=!0;a.set(e,t),a.set(t,e);for(var m=o;++l<c;){u=s[l];var h=e[u],g=t[u];if(r)var _=o?r(g,h,u,t,e,a):r(h,g,u,e,t,a);if(!(_===void 0?h===g||i(h,g,n,r,a):_)){p=!1;break}m||=u==`constructor`}if(p&&!m){var v=e.constructor,y=t.constructor;v!=y&&`constructor`in e&&`constructor`in t&&!(typeof v==`function`&&v instanceof v&&typeof y==`function`&&y instanceof y)&&(p=!1)}return a.delete(e),a.delete(t),p}var lo=M(D,`DataView`),uo=M(D,`Promise`),fo=M(D,`Set`),po=M(D,`WeakMap`),mo=`[object Map]`,ho=`[object Object]`,go=`[object Promise]`,_o=`[object Set]`,vo=`[object WeakMap]`,yo=`[object DataView]`,bo=j(lo),xo=j(St),So=j(uo),Co=j(fo),wo=j(po),X=k;(lo&&X(new lo(new ArrayBuffer(1)))!=yo||St&&X(new St)!=mo||uo&&X(uo.resolve())!=go||fo&&X(new fo)!=_o||po&&X(new po)!=vo)&&(X=function(e){var t=k(e),n=t==ho?e.constructor:void 0,r=n?j(n):``;if(r)switch(r){case bo:return yo;case xo:return mo;case So:return go;case Co:return _o;case wo:return vo}return t});var To=X,Eo=1,Do=`[object Arguments]`,Oo=`[object Array]`,ko=`[object Object]`,Ao=Object.prototype.hasOwnProperty;function jo(e,t,n,r,i,a){var o=L(e),s=L(t),c=o?Oo:To(e),l=s?Oo:To(t);c=c==Do?ko:c,l=l==Do?ko:l;var u=c==ko,d=l==ko,f=c==l;if(f&&Cn(e)){if(!Cn(t))return!1;o=!0,u=!1}if(f&&!u)return a||=new F,o||cr(e)?Na(e,t,n,r,i,a):Za(e,t,c,n,r,i,a);if(!(n&Eo)){var p=u&&Ao.call(e,`__wrapped__`),m=d&&Ao.call(t,`__wrapped__`);if(p||m){var h=p?e.value():e,g=m?t.value():t;return a||=new F,i(h,g,n,r,a)}}return f?(a||=new F,co(e,t,n,r,i,a)):!1}function Mo(e,t,n,r,i){return e===t?!0:e==null||t==null||!I(e)&&!I(t)?e!==e&&t!==t:jo(e,t,n,r,Mo,i)}var No=1,Po=2;function Fo(e,t,n,r){var i=n.length,a=i,o=!r;if(e==null)return!a;for(e=Object(e);i--;){var s=n[i];if(o&&s[2]?s[1]!==e[s[0]]:!(s[0]in e))return!1}for(;++i<a;){s=n[i];var c=s[0],l=e[c],u=s[1];if(o&&s[2]){if(l===void 0&&!(c in e))return!1}else{var d=new F;if(r)var f=r(l,u,c,e,t,d);if(!(f===void 0?Mo(u,l,No|Po,r,d):f))return!1}}return!0}function Io(e){return e===e&&!A(e)}function Lo(e){for(var t=gi(e),n=t.length;n--;){var r=t[n],i=e[r];t[n]=[r,i,Io(i)]}return t}function Ro(e,t){return function(n){return n==null?!1:n[e]===t&&(t!==void 0||e in Object(n))}}function zo(e){var t=Lo(e);return t.length==1&&t[0][2]?Ro(t[0][0],t[0][1]):function(n){return n===e||Fo(n,e,t)}}var Bo=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,Vo=/^\w*$/;function Ho(e,t){if(L(e))return!1;var n=typeof e;return n==`number`||n==`symbol`||n==`boolean`||e==null||qr(e)?!0:Vo.test(e)||!Bo.test(e)||t!=null&&e in Object(t)}var Uo=`Expected a function`;function Wo(e,t){if(typeof e!=`function`||t!=null&&typeof t!=`function`)throw TypeError(Uo);var n=function(){var r=arguments,i=t?t.apply(this,r):r[0],a=n.cache;if(a.has(i))return a.get(i);var o=e.apply(this,r);return n.cache=a.set(i,o)||a,o};return n.cache=new(Wo.Cache||P),n}Wo.Cache=P;var Go=500;function Ko(e){var t=Wo(e,function(e){return n.size===Go&&n.clear(),e}),n=t.cache;return t}var qo=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Jo=/\\(\\)?/g,Yo=Ko(function(e){var t=[];return e.charCodeAt(0)===46&&t.push(``),e.replace(qo,function(e,n,r,i){t.push(r?i.replace(Jo,`$1`):n||e)}),t}),Xo=1/0,Zo=O?O.prototype:void 0,Qo=Zo?Zo.toString:void 0;function $o(e){if(typeof e==`string`)return e;if(L(e))return wa(e,$o)+``;if(qr(e))return Qo?Qo.call(e):``;var t=e+``;return t==`0`&&1/e==-Xo?`-0`:t}function es(e){return e==null?``:$o(e)}function ts(e,t){return L(e)?e:Ho(e,t)?[e]:Yo(es(e))}var ns=1/0;function rs(e){if(typeof e==`string`||qr(e))return e;var t=e+``;return t==`0`&&1/e==-ns?`-0`:t}function is(e,t){t=ts(t,e);for(var n=0,r=t.length;e!=null&&n<r;)e=e[rs(t[n++])];return n&&n==r?e:void 0}function as(e,t,n){var r=e==null?void 0:is(e,t);return r===void 0?n:r}function os(e,t){return e!=null&&t in Object(e)}function ss(e,t,n){t=ts(t,e);for(var r=-1,i=t.length,a=!1;++r<i;){var o=rs(t[r]);if(!(a=e!=null&&n(e,o)))break;e=e[o]}return a||++r!=i?a:(i=e==null?0:e.length,!!i&&_n(i)&&gr(o,i)&&(L(e)||hn(e)))}function cs(e,t){return e!=null&&ss(e,t,os)}var ls=1,us=2;function ds(e,t){return Ho(e)&&Io(t)?Ro(rs(e),t):function(n){var r=as(n,e);return r===void 0&&r===t?cs(n,e):Mo(t,r,ls|us)}}function fs(e){return function(t){return t?.[e]}}function ps(e){return function(t){return is(t,e)}}function ms(e){return Ho(e)?fs(rs(e)):ps(e)}function hs(e){return typeof e==`function`?e:e==null?Er:typeof e==`object`?L(e)?ds(e[0],e[1]):zo(e):ms(e)}function gs(e,t){var n=-1,r=R(e)?Array(e.length):[];return yi(e,function(e,i,a){r[++n]=t(e,i,a)}),r}function Z(e,t){return(L(e)?wa:gs)(e,hs(t,3))}var _s=function(e){var t=e.colors,n=e.onClick,r=e.onSwatchHover,i=(0,x.default)({default:{swatches:{marginRight:`-10px`},swatch:{width:`22px`,height:`22px`,float:`left`,marginRight:`10px`,marginBottom:`10px`,borderRadius:`4px`},clear:{clear:`both`}}});return b.createElement(`div`,{style:i.swatches},Z(t,function(e){return b.createElement(Y,{key:e,color:e,style:i.swatch,onClick:n,onHover:r,focusStyle:{boxShadow:`0 0 4px `+e}})}),b.createElement(`div`,{style:i.clear}))},vs=function(e){var t=e.onChange,n=e.onSwatchHover,r=e.hex,i=e.colors,a=e.width,o=e.triangle,s=e.styles,c=s===void 0?{}:s,l=e.className,u=l===void 0?``:l,d=r===`transparent`,f=function(e,n){q(e)&&t({hex:e,source:`hex`},n)},p=(0,x.default)(B({default:{card:{width:a,background:`#fff`,boxShadow:`0 1px rgba(0,0,0,.1)`,borderRadius:`6px`,position:`relative`},head:{height:`110px`,background:r,borderRadius:`6px 6px 0 0`,display:`flex`,alignItems:`center`,justifyContent:`center`,position:`relative`},body:{padding:`10px`},label:{fontSize:`18px`,color:oa(r),position:`relative`},triangle:{width:`0px`,height:`0px`,borderStyle:`solid`,borderWidth:`0 10px 10px 10px`,borderColor:`transparent transparent `+r+` 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`}}},c),{"hide-triangle":o===`hide`});return b.createElement(`div`,{style:p.card,className:`block-picker `+u},b.createElement(`div`,{style:p.triangle}),b.createElement(`div`,{style:p.head},d&&b.createElement(S,{borderRadius:`6px 6px 0 0`}),b.createElement(`div`,{style:p.label},r)),b.createElement(`div`,{style:p.body},b.createElement(_s,{colors:i,onClick:f,onSwatchHover:n}),b.createElement(C,{style:{input:p.input},value:r,onChange:f})))};vs.propTypes={width:T.default.oneOfType([T.default.string,T.default.number]),colors:T.default.arrayOf(T.default.string),triangle:T.default.oneOf([`top`,`hide`]),styles:T.default.object},vs.defaultProps={width:170,colors:[`#D9E3F0`,`#F47373`,`#697689`,`#37D67A`,`#2CCCE4`,`#555555`,`#dce775`,`#ff8a65`,`#ba68c8`],triangle:`top`,styles:{}};var ys=J(vs),Q={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`},bs={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`},xs={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`},Ss={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`},Cs={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`},ws={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`},Ts={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`},Es={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`},Ds={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`},Os={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`},ks={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`},As={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`},js={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`},Ms={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`},Ns={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`},Ps={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`},Fs={50:`#efebe9`,100:`#d7ccc8`,200:`#bcaaa4`,300:`#a1887f`,400:`#8d6e63`,500:`#795548`,600:`#6d4c41`,700:`#5d4037`,800:`#4e342e`,900:`#3e2723`},Is={50:`#eceff1`,100:`#cfd8dc`,200:`#b0bec5`,300:`#90a4ae`,400:`#78909c`,500:`#607d8b`,600:`#546e7a`,700:`#455a64`,800:`#37474f`,900:`#263238`},Ls=function(e){var t=e.color,n=e.onClick,r=e.onSwatchHover,i=e.hover,a=e.active,o=e.circleSize,s=e.circleSpacing,c=(0,x.default)({default:{swatch:{width:o,height:o,marginRight:s,marginBottom:s,transform:`scale(1)`,transition:`100ms transform ease`},Swatch:{borderRadius:`50%`,background:`transparent`,boxShadow:`inset 0 0 0 `+(o/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:a});return b.createElement(`div`,{style:c.swatch},b.createElement(Y,{style:c.Swatch,color:t,onClick:n,onHover:r,focusStyle:{boxShadow:c.Swatch.boxShadow+`, 0 0 5px `+t}}))};Ls.defaultProps={circleSize:28,circleSpacing:14};var Rs=(0,x.handleHover)(Ls),zs=function(e){var t=e.width,n=e.onChange,r=e.onSwatchHover,i=e.colors,a=e.hex,o=e.circleSize,s=e.styles,c=s===void 0?{}:s,l=e.circleSpacing,u=e.className,d=u===void 0?``:u,f=(0,x.default)(B({default:{card:{width:t,display:`flex`,flexWrap:`wrap`,marginRight:-l,marginBottom:-l}}},c)),p=function(e,t){return n({hex:e,source:`hex`},t)};return b.createElement(`div`,{style:f.card,className:`circle-picker `+d},Z(i,function(e){return b.createElement(Rs,{key:e,color:e,onClick:p,onSwatchHover:r,active:a===e.toLowerCase(),circleSize:o,circleSpacing:l})}))};zs.propTypes={width:T.default.oneOfType([T.default.string,T.default.number]),circleSize:T.default.number,circleSpacing:T.default.number,styles:T.default.object},zs.defaultProps={width:252,circleSize:28,circleSpacing:14,colors:[Q[500],bs[500],xs[500],Ss[500],Cs[500],ws[500],Ts[500],Es[500],Ds[500],Os[500],ks[500],As[500],js[500],Ms[500],Ns[500],Ps[500],Fs[500],Is[500]],styles:{}},J(zs);function Bs(e){return e===void 0}var Vs=e(t((e=>{Object.defineProperty(e,`__esModule`,{value:!0});var t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r=i(n());function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}var o=24;e.default=function(e){var n=e.fill,i=n===void 0?`currentColor`:n,s=e.width,c=s===void 0?o:s,l=e.height,u=l===void 0?o:l,d=e.style,f=d===void 0?{}:d,p=a(e,[`fill`,`width`,`height`,`style`]);return r.default.createElement(`svg`,t({viewBox:`0 0 `+o+` `+o,style:t({fill:i,width:c,height:u},f)},p),r.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`}))}}))()),Hs=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,`value`in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}();function Us(e,t){if(!(e instanceof t))throw TypeError(`Cannot call a class as a function`)}function Ws(e,t){if(!e)throw ReferenceError(`this hasn't been initialised - super() hasn't been called`);return t&&(typeof t==`object`||typeof t==`function`)?t:e}function Gs(e,t){if(typeof t!=`function`&&t!==null)throw TypeError(`Super expression must either be null or a function, not `+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var Ks=function(e){Gs(t,e);function t(e){Us(this,t);var n=Ws(this,(t.__proto__||Object.getPrototypeOf(t)).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(e,t){e.hex?q(e.hex)&&n.props.onChange({hex:e.hex,source:`hex`},t):e.r||e.g||e.b?n.props.onChange({r:e.r||n.props.rgb.r,g:e.g||n.props.rgb.g,b:e.b||n.props.rgb.b,source:`rgb`},t):e.a?(e.a<0?e.a=0:e.a>1&&(e.a=1),n.props.onChange({h:n.props.hsl.h,s:n.props.hsl.s,l:n.props.hsl.l,a:Math.round(e.a*100)/100,source:`rgb`},t)):(e.h||e.s||e.l)&&(typeof e.s==`string`&&e.s.includes(`%`)&&(e.s=e.s.replace(`%`,``)),typeof e.l==`string`&&e.l.includes(`%`)&&(e.l=e.l.replace(`%`,``)),e.s==1?e.s=.01:e.l==1&&(e.l=.01),n.props.onChange({h:e.h||n.props.hsl.h,s:Number(Bs(e.s)?n.props.hsl.s:e.s),l:Number(Bs(e.l)?n.props.hsl.l:e.l),source:`hsl`},t))},n.showHighlight=function(e){e.currentTarget.style.background=`#eee`},n.hideHighlight=function(e){e.currentTarget.style.background=`transparent`},e.hsl.a!==1&&e.view===`hex`?n.state={view:`rgb`}:n.state={view:e.view},n}return Hs(t,[{key:`render`,value:function(){var e=this,t=(0,x.default)({default:{wrap:{paddingTop:`16px`,display:`flex`},fields:{flex:`1`,display:`flex`,marginLeft:`-6px`},field:{paddingLeft:`6px`,width:`100%`},alpha:{paddingLeft:`6px`,width:`100%`},toggle:{width:`32px`,textAlign:`right`,position:`relative`},icon:{marginRight:`-4px`,marginTop:`12px`,cursor:`pointer`,position:`relative`},iconHighlight:{position:`absolute`,width:`24px`,height:`28px`,background:`#eee`,borderRadius:`4px`,top:`10px`,left:`12px`,display:`none`},input:{fontSize:`11px`,color:`#333`,width:`100%`,borderRadius:`2px`,border:`none`,boxShadow:`inset 0 0 0 1px #dadada`,height:`21px`,textAlign:`center`},label:{textTransform:`uppercase`,fontSize:`11px`,lineHeight:`11px`,color:`#969696`,textAlign:`center`,display:`block`,marginTop:`12px`},svg:{fill:`#333`,width:`24px`,height:`24px`,border:`1px transparent solid`,borderRadius:`5px`}},disableAlpha:{alpha:{display:`none`}}},this.props,this.state),n=void 0;return this.state.view===`hex`?n=b.createElement(`div`,{style:t.fields,className:`flexbox-fix`},b.createElement(`div`,{style:t.field},b.createElement(C,{style:{input:t.input,label:t.label},label:`hex`,value:this.props.hex,onChange:this.handleChange}))):this.state.view===`rgb`?n=b.createElement(`div`,{style:t.fields,className:`flexbox-fix`},b.createElement(`div`,{style:t.field},b.createElement(C,{style:{input:t.input,label:t.label},label:`r`,value:this.props.rgb.r,onChange:this.handleChange})),b.createElement(`div`,{style:t.field},b.createElement(C,{style:{input:t.input,label:t.label},label:`g`,value:this.props.rgb.g,onChange:this.handleChange})),b.createElement(`div`,{style:t.field},b.createElement(C,{style:{input:t.input,label:t.label},label:`b`,value:this.props.rgb.b,onChange:this.handleChange})),b.createElement(`div`,{style:t.alpha},b.createElement(C,{style:{input:t.input,label:t.label},label:`a`,value:this.props.rgb.a,arrowOffset:.01,onChange:this.handleChange}))):this.state.view===`hsl`&&(n=b.createElement(`div`,{style:t.fields,className:`flexbox-fix`},b.createElement(`div`,{style:t.field},b.createElement(C,{style:{input:t.input,label:t.label},label:`h`,value:Math.round(this.props.hsl.h),onChange:this.handleChange})),b.createElement(`div`,{style:t.field},b.createElement(C,{style:{input:t.input,label:t.label},label:`s`,value:Math.round(this.props.hsl.s*100)+`%`,onChange:this.handleChange})),b.createElement(`div`,{style:t.field},b.createElement(C,{style:{input:t.input,label:t.label},label:`l`,value:Math.round(this.props.hsl.l*100)+`%`,onChange:this.handleChange})),b.createElement(`div`,{style:t.alpha},b.createElement(C,{style:{input:t.input,label:t.label},label:`a`,value:this.props.hsl.a,arrowOffset:.01,onChange:this.handleChange})))),b.createElement(`div`,{style:t.wrap,className:`flexbox-fix`},n,b.createElement(`div`,{style:t.toggle},b.createElement(`div`,{style:t.icon,onClick:this.toggleViews,ref:function(t){return e.icon=t}},b.createElement(Vs.default,{style:t.svg,onMouseOver:this.showHighlight,onMouseEnter:this.showHighlight,onMouseOut:this.hideHighlight}))))}}],[{key:`getDerivedStateFromProps`,value:function(e,t){return e.hsl.a!==1&&t.view===`hex`?{view:`rgb`}:null}}]),t}(b.Component);Ks.defaultProps={view:`hex`};var qs=function(){var e=(0,x.default)({default:{picker:{width:`12px`,height:`12px`,borderRadius:`6px`,transform:`translate(-6px, -1px)`,backgroundColor:`rgb(248, 248, 248)`,boxShadow:`0 1px 4px 0 rgba(0, 0, 0, 0.37)`}}});return b.createElement(`div`,{style:e.picker})},Js=function(){var e=(0,x.default)({default:{picker:{width:`12px`,height:`12px`,borderRadius:`6px`,boxShadow:`inset 0 0 0 1px #fff`,transform:`translate(-6px, -6px)`}}});return b.createElement(`div`,{style:e.picker})},Ys=function(e){var t=e.width,n=e.onChange,r=e.disableAlpha,i=e.rgb,a=e.hsl,o=e.hsv,s=e.hex,c=e.renderers,l=e.styles,u=l===void 0?{}:l,d=e.className,f=d===void 0?``:d,p=e.defaultView,m=(0,x.default)(B({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:r});return b.createElement(`div`,{style:m.picker,className:`chrome-picker `+f},b.createElement(`div`,{style:m.saturation},b.createElement(di,{style:m.Saturation,hsl:a,hsv:o,pointer:Js,onChange:n})),b.createElement(`div`,{style:m.body},b.createElement(`div`,{style:m.controls,className:`flexbox-fix`},b.createElement(`div`,{style:m.color},b.createElement(`div`,{style:m.swatch},b.createElement(`div`,{style:m.active}),b.createElement(S,{renderers:c}))),b.createElement(`div`,{style:m.toggles},b.createElement(`div`,{style:m.hue},b.createElement(w,{style:m.Hue,hsl:a,pointer:qs,onChange:n})),b.createElement(`div`,{style:m.alpha},b.createElement(_e,{style:m.Alpha,rgb:i,hsl:a,pointer:qs,renderers:c,onChange:n})))),b.createElement(Ks,{rgb:i,hsl:a,hex:s,view:p,onChange:n,disableAlpha:r})))};Ys.propTypes={width:T.default.oneOfType([T.default.string,T.default.number]),disableAlpha:T.default.bool,styles:T.default.object,defaultView:T.default.oneOf([`hex`,`rgb`,`hsl`])},Ys.defaultProps={width:225,disableAlpha:!1,styles:{}},J(Ys);var Xs=function(e){var t=e.color,n=e.onClick,r=n===void 0?function(){}:n,i=e.onSwatchHover,a=e.active,o=(0,x.default)({default:{color:{background:t,width:`15px`,height:`15px`,float:`left`,marginRight:`5px`,marginBottom:`5px`,position:`relative`,cursor:`pointer`},dot:{absolute:`5px 5px 5px 5px`,background:oa(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:a,"color-#FFFFFF":t===`#FFFFFF`,transparent:t===`transparent`});return b.createElement(Y,{style:o.color,color:t,onClick:r,onHover:i,focusStyle:{boxShadow:`0 0 4px `+t}},b.createElement(`div`,{style:o.dot}))},Zs=function(e){var t=e.hex,n=e.rgb,r=e.onChange,i=(0,x.default)({default:{fields:{display:`flex`,paddingBottom:`6px`,paddingRight:`5px`,position:`relative`},active:{position:`absolute`,top:`6px`,left:`5px`,height:`9px`,width:`9px`,background:t},HEXwrap:{flex:`6`,position:`relative`},HEXinput:{width:`80%`,padding:`0px`,paddingLeft:`20%`,border:`none`,outline:`none`,background:`none`,fontSize:`12px`,color:`#333`,height:`16px`},HEXlabel:{display:`none`},RGBwrap:{flex:`3`,position:`relative`},RGBinput:{width:`70%`,padding:`0px`,paddingLeft:`30%`,border:`none`,outline:`none`,background:`none`,fontSize:`12px`,color:`#333`,height:`16px`},RGBlabel:{position:`absolute`,top:`3px`,left:`0px`,lineHeight:`16px`,textTransform:`uppercase`,fontSize:`12px`,color:`#999`}}}),a=function(e,t){e.r||e.g||e.b?r({r:e.r||n.r,g:e.g||n.g,b:e.b||n.b,source:`rgb`},t):r({hex:e.hex,source:`hex`},t)};return b.createElement(`div`,{style:i.fields,className:`flexbox-fix`},b.createElement(`div`,{style:i.active}),b.createElement(C,{style:{wrap:i.HEXwrap,input:i.HEXinput,label:i.HEXlabel},label:`hex`,value:t,onChange:a}),b.createElement(C,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:`r`,value:n.r,onChange:a}),b.createElement(C,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:`g`,value:n.g,onChange:a}),b.createElement(C,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:`b`,value:n.b,onChange:a}))},Qs=function(e){var t=e.onChange,n=e.onSwatchHover,r=e.colors,i=e.hex,a=e.rgb,o=e.styles,s=o===void 0?{}:o,c=e.className,l=c===void 0?``:c,u=(0,x.default)(B({default:{Compact:{background:`#f6f6f6`,radius:`4px`},compact:{paddingTop:`5px`,paddingLeft:`5px`,boxSizing:`initial`,width:`240px`},clear:{clear:`both`}}},s)),d=function(e,n){e.hex?q(e.hex)&&t({hex:e.hex,source:`hex`},n):t(e,n)};return b.createElement(Br,{style:u.Compact,styles:s},b.createElement(`div`,{style:u.compact,className:`compact-picker `+l},b.createElement(`div`,null,Z(r,function(e){return b.createElement(Xs,{key:e,color:e,active:e.toLowerCase()===i,onClick:d,onSwatchHover:n})}),b.createElement(`div`,{style:u.clear})),b.createElement(Zs,{hex:i,rgb:a,onChange:d})))};Qs.propTypes={colors:T.default.arrayOf(T.default.string),styles:T.default.object},Qs.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`.split(`.`),styles:{}},J(Qs);var $s=(0,x.handleHover)(function(e){var t=e.hover,n=e.color,r=e.onClick,i=e.onSwatchHover,a={position:`relative`,zIndex:`2`,outline:`2px solid #fff`,boxShadow:`0 0 5px 2px rgba(0,0,0,0.25)`},o=(0,x.default)({default:{swatch:{width:`25px`,height:`25px`,fontSize:`0`}},hover:{swatch:a}},{hover:t});return b.createElement(`div`,{style:o.swatch},b.createElement(Y,{color:n,onClick:r,onHover:i,focusStyle:a}))}),ec=function(e){var t=e.width,n=e.colors,r=e.onChange,i=e.onSwatchHover,a=e.triangle,o=e.styles,s=o===void 0?{}:o,c=e.className,l=c===void 0?``:c,u=(0,x.default)(B({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)`}}},s),{"hide-triangle":a===`hide`,"top-left-triangle":a===`top-left`,"top-right-triangle":a===`top-right`,"bottom-left-triangle":a===`bottom-left`,"bottom-right-triangle":a===`bottom-right`}),d=function(e,t){return r({hex:e,source:`hex`},t)};return b.createElement(`div`,{style:u.card,className:`github-picker `+l},b.createElement(`div`,{style:u.triangleShadow}),b.createElement(`div`,{style:u.triangle}),Z(n,function(e){return b.createElement($s,{color:e,key:e,onClick:d,onSwatchHover:i})}))};ec.propTypes={width:T.default.oneOfType([T.default.string,T.default.number]),colors:T.default.arrayOf(T.default.string),triangle:T.default.oneOf([`hide`,`top-left`,`top-right`,`bottom-left`,`bottom-right`]),styles:T.default.object},ec.defaultProps={width:200,colors:[`#B80000`,`#DB3E00`,`#FCCB00`,`#008B02`,`#006B76`,`#1273DE`,`#004DCF`,`#5300EB`,`#EB9694`,`#FAD0C3`,`#FEF3BD`,`#C1E1C5`,`#BEDADC`,`#C4DEF6`,`#BED3F3`,`#D4C4FB`],triangle:`top-left`,styles:{}},J(ec);var tc=function(e){var t=e.direction,n=(0,x.default)({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 b.createElement(`div`,{style:n.picker})},nc=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},rc=function(e){var t=e.width,n=e.height,r=e.onChange,i=e.hsl,a=e.direction,o=e.pointer,s=e.styles,c=s===void 0?{}:s,l=e.className,u=l===void 0?``:l,d=(0,x.default)(B({default:{picker:{position:`relative`,width:t,height:n},hue:{radius:`2px`}}},c));return b.createElement(`div`,{style:d.picker,className:`hue-picker `+u},b.createElement(w,nc({},d.hue,{hsl:i,pointer:o,onChange:function(e){return r({a:1,h:e.h,l:.5,s:1})},direction:a})))};rc.propTypes={styles:T.default.object},rc.defaultProps={width:`316px`,height:`16px`,direction:`horizontal`,pointer:tc,styles:{}},J(rc),J(function(e){var t=e.onChange,n=e.hex,r=e.rgb,i=e.styles,a=i===void 0?{}:i,o=e.className,s=o===void 0?``:o,c=(0,x.default)(B({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`}}},a)),l=function(e,n){e.hex?q(e.hex)&&t({hex:e.hex,source:`hex`},n):(e.r||e.g||e.b)&&t({r:e.r||r.r,g:e.g||r.g,b:e.b||r.b,source:`rgb`},n)};return b.createElement(Br,{styles:a},b.createElement(`div`,{style:c.material,className:`material-picker `+s},b.createElement(C,{style:{wrap:c.HEXwrap,input:c.HEXinput,label:c.HEXlabel},label:`hex`,value:n,onChange:l}),b.createElement(`div`,{style:c.split,className:`flexbox-fix`},b.createElement(`div`,{style:c.third},b.createElement(C,{style:{wrap:c.RGBwrap,input:c.RGBinput,label:c.RGBlabel},label:`r`,value:r.r,onChange:l})),b.createElement(`div`,{style:c.third},b.createElement(C,{style:{wrap:c.RGBwrap,input:c.RGBinput,label:c.RGBlabel},label:`g`,value:r.g,onChange:l})),b.createElement(`div`,{style:c.third},b.createElement(C,{style:{wrap:c.RGBwrap,input:c.RGBinput,label:c.RGBlabel},label:`b`,value:r.b,onChange:l})))))});var ic=function(e){var t=e.onChange,n=e.rgb,r=e.hsv,i=e.hex,a=(0,x.default)({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`}}}),o=function(e,i){e[`#`]?q(e[`#`])&&t({hex:e[`#`],source:`hex`},i):e.r||e.g||e.b?t({r:e.r||n.r,g:e.g||n.g,b:e.b||n.b,source:`rgb`},i):(e.h||e.s||e.v)&&t({h:e.h||r.h,s:e.s||r.s,v:e.v||r.v,source:`hsv`},i)};return b.createElement(`div`,{style:a.fields},b.createElement(C,{style:{wrap:a.RGBwrap,input:a.RGBinput,label:a.RGBlabel},label:`h`,value:Math.round(r.h),onChange:o}),b.createElement(C,{style:{wrap:a.RGBwrap,input:a.RGBinput,label:a.RGBlabel},label:`s`,value:Math.round(r.s*100),onChange:o}),b.createElement(C,{style:{wrap:a.RGBwrap,input:a.RGBinput,label:a.RGBlabel},label:`v`,value:Math.round(r.v*100),onChange:o}),b.createElement(`div`,{style:a.divider}),b.createElement(C,{style:{wrap:a.RGBwrap,input:a.RGBinput,label:a.RGBlabel},label:`r`,value:n.r,onChange:o}),b.createElement(C,{style:{wrap:a.RGBwrap,input:a.RGBinput,label:a.RGBlabel},label:`g`,value:n.g,onChange:o}),b.createElement(C,{style:{wrap:a.RGBwrap,input:a.RGBinput,label:a.RGBlabel},label:`b`,value:n.b,onChange:o}),b.createElement(`div`,{style:a.divider}),b.createElement(C,{style:{wrap:a.HEXwrap,input:a.HEXinput,label:a.HEXlabel},label:`#`,value:i.replace(`#`,``),onChange:o}),b.createElement(`div`,{style:a.fieldSymbols},b.createElement(`div`,{style:a.symbol},`°`),b.createElement(`div`,{style:a.symbol},`%`),b.createElement(`div`,{style:a.symbol},`%`)))},ac=function(e){var t=e.hsl,n=(0,x.default)({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 b.createElement(`div`,{style:n.picker})},oc=function(){var e=(0,x.default)({default:{triangle:{width:0,height:0,borderStyle:`solid`,borderWidth:`4px 0 4px 6px`,borderColor:`transparent transparent transparent #fff`,position:`absolute`,top:`1px`,left:`1px`},triangleBorder:{width:0,height:0,borderStyle:`solid`,borderWidth:`5px 0 5px 8px`,borderColor:`transparent transparent transparent #555`},left:{Extend:`triangleBorder`,transform:`translate(-13px, -4px)`},leftInside:{Extend:`triangle`,transform:`translate(-8px, -5px)`},right:{Extend:`triangleBorder`,transform:`translate(20px, -14px) rotate(180deg)`},rightInside:{Extend:`triangle`,transform:`translate(-8px, -5px)`}}});return b.createElement(`div`,{style:e.pointer},b.createElement(`div`,{style:e.left},b.createElement(`div`,{style:e.leftInside})),b.createElement(`div`,{style:e.right},b.createElement(`div`,{style:e.rightInside})))},sc=function(e){var t=e.onClick,n=e.label,r=e.children,i=e.active,a=(0,x.default)({default:{button:{backgroundImage:`linear-gradient(-180deg, #FFFFFF 0%, #E6E6E6 100%)`,border:`1px solid #878787`,borderRadius:`2px`,height:`20px`,boxShadow:`0 1px 0 0 #EAEAEA`,fontSize:`14px`,color:`#000`,lineHeight:`20px`,textAlign:`center`,marginBottom:`10px`,cursor:`pointer`}},active:{button:{boxShadow:`0 0 0 1px #878787`}}},{active:i});return b.createElement(`div`,{style:a.button,onClick:t},n||r)},cc=function(e){var t=e.rgb,n=e.currentColor,r=(0,x.default)({default:{swatches:{border:`1px solid #B3B3B3`,borderBottom:`1px solid #F0F0F0`,marginBottom:`2px`,marginTop:`1px`},new:{height:`34px`,background:`rgb(`+t.r+`,`+t.g+`, `+t.b+`)`,boxShadow:`inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 1px 0 #000`},current:{height:`34px`,background: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 b.createElement(`div`,null,b.createElement(`div`,{style:r.label},`new`),b.createElement(`div`,{style:r.swatches},b.createElement(`div`,{style:r.new}),b.createElement(`div`,{style:r.current})),b.createElement(`div`,{style:r.label},`current`))},lc=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,`value`in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}();function uc(e,t){if(!(e instanceof t))throw TypeError(`Cannot call a class as a function`)}function dc(e,t){if(!e)throw ReferenceError(`this hasn't been initialised - super() hasn't been called`);return t&&(typeof t==`object`||typeof t==`function`)?t:e}function fc(e,t){if(typeof t!=`function`&&t!==null)throw TypeError(`Super expression must either be null or a function, not `+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var pc=function(e){fc(t,e);function t(e){uc(this,t);var n=dc(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return n.state={currentColor:e.hex},n}return lc(t,[{key:`render`,value:function(){var e=this.props,t=e.styles,n=t===void 0?{}:t,r=e.className,i=r===void 0?``:r,a=(0,x.default)(B({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`}}},n));return b.createElement(`div`,{style:a.picker,className:`photoshop-picker `+i},b.createElement(`div`,{style:a.head},this.props.header),b.createElement(`div`,{style:a.body,className:`flexbox-fix`},b.createElement(`div`,{style:a.saturation},b.createElement(di,{hsl:this.props.hsl,hsv:this.props.hsv,pointer:ac,onChange:this.props.onChange})),b.createElement(`div`,{style:a.hue},b.createElement(w,{direction:`vertical`,hsl:this.props.hsl,pointer:oc,onChange:this.props.onChange})),b.createElement(`div`,{style:a.controls},b.createElement(`div`,{style:a.top,className:`flexbox-fix`},b.createElement(`div`,{style:a.previews},b.createElement(cc,{rgb:this.props.rgb,currentColor:this.state.currentColor})),b.createElement(`div`,{style:a.actions},b.createElement(sc,{label:`OK`,onClick:this.props.onAccept,active:!0}),b.createElement(sc,{label:`Cancel`,onClick:this.props.onCancel}),b.createElement(ic,{onChange:this.props.onChange,rgb:this.props.rgb,hsv:this.props.hsv,hex:this.props.hex}))))))}}]),t}(b.Component);pc.propTypes={header:T.default.string,styles:T.default.object},pc.defaultProps={header:`Color Picker`,styles:{}},J(pc);var mc=function(e){var t=e.onChange,n=e.rgb,r=e.hsl,i=e.hex,a=e.disableAlpha,o=(0,x.default)({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:a}),s=function(e,i){e.hex?q(e.hex)&&t({hex:e.hex,source:`hex`},i):e.r||e.g||e.b?t({r:e.r||n.r,g:e.g||n.g,b:e.b||n.b,a:n.a,source:`rgb`},i):e.a&&(e.a<0?e.a=0:e.a>100&&(e.a=100),e.a/=100,t({h:r.h,s:r.s,l:r.l,a:e.a,source:`rgb`},i))};return b.createElement(`div`,{style:o.fields,className:`flexbox-fix`},b.createElement(`div`,{style:o.double},b.createElement(C,{style:{input:o.input,label:o.label},label:`hex`,value:i.replace(`#`,``),onChange:s})),b.createElement(`div`,{style:o.single},b.createElement(C,{style:{input:o.input,label:o.label},label:`r`,value:n.r,onChange:s,dragLabel:`true`,dragMax:`255`})),b.createElement(`div`,{style:o.single},b.createElement(C,{style:{input:o.input,label:o.label},label:`g`,value:n.g,onChange:s,dragLabel:`true`,dragMax:`255`})),b.createElement(`div`,{style:o.single},b.createElement(C,{style:{input:o.input,label:o.label},label:`b`,value:n.b,onChange:s,dragLabel:`true`,dragMax:`255`})),b.createElement(`div`,{style:o.alpha},b.createElement(C,{style:{input:o.input,label:o.label},label:`a`,value:Math.round(n.a*100),onChange:s,dragLabel:`true`,dragMax:`100`})))},hc=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},gc=function(e){var t=e.colors,n=e.onClick,r=n===void 0?function(){}:n,i=e.onSwatchHover,a=(0,x.default)({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}),o=function(e,t){r({hex:e,source:`hex`},t)};return b.createElement(`div`,{style:a.colors,className:`flexbox-fix`},t.map(function(e){var t=typeof e==`string`?{color:e}:e,n=``+t.color+(t.title||``);return b.createElement(`div`,{key:n,style:a.swatchWrap},b.createElement(Y,hc({},t,{style:a.swatch,onClick:o,onHover:i,focusStyle:{boxShadow:`inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px `+t.color}})))}))};gc.propTypes={colors:T.default.arrayOf(T.default.oneOfType([T.default.string,T.default.shape({color:T.default.string,title:T.default.string})])).isRequired};var _c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},vc=function(e){var t=e.width,n=e.rgb,r=e.hex,i=e.hsv,a=e.hsl,o=e.onChange,s=e.onSwatchHover,c=e.disableAlpha,l=e.presetColors,u=e.renderers,d=e.styles,f=d===void 0?{}:d,p=e.className,m=p===void 0?``:p,h=(0,x.default)(B({default:_c({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)`}},f),disableAlpha:{color:{height:`10px`},hue:{height:`10px`},alpha:{display:`none`}}},f),{disableAlpha:c});return b.createElement(`div`,{style:h.picker,className:`sketch-picker `+m},b.createElement(`div`,{style:h.saturation},b.createElement(di,{style:h.Saturation,hsl:a,hsv:i,onChange:o})),b.createElement(`div`,{style:h.controls,className:`flexbox-fix`},b.createElement(`div`,{style:h.sliders},b.createElement(`div`,{style:h.hue},b.createElement(w,{style:h.Hue,hsl:a,onChange:o})),b.createElement(`div`,{style:h.alpha},b.createElement(_e,{style:h.Alpha,rgb:n,hsl:a,renderers:u,onChange:o}))),b.createElement(`div`,{style:h.color},b.createElement(S,null),b.createElement(`div`,{style:h.activeColor}))),b.createElement(mc,{rgb:n,hsl:a,hex:r,onChange:o,disableAlpha:c}),b.createElement(gc,{colors:l,onClick:o,onSwatchHover:s}))};vc.propTypes={disableAlpha:T.default.bool,width:T.default.oneOfType([T.default.string,T.default.number]),styles:T.default.object},vc.defaultProps={disableAlpha:!1,width:200,styles:{},presetColors:[`#D0021B`,`#F5A623`,`#F8E71C`,`#8B572A`,`#7ED321`,`#417505`,`#BD10E0`,`#9013FE`,`#4A90E2`,`#50E3C2`,`#B8E986`,`#000000`,`#4A4A4A`,`#9B9B9B`,`#FFFFFF`]},J(vc);var yc=function(e){var t=e.hsl,n=e.offset,r=e.onClick,i=r===void 0?function(){}:r,a=e.active,o=e.first,s=e.last,c=(0,x.default)({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:a,first:o,last:s});return b.createElement(`div`,{style:c.swatch,onClick:function(e){return i({h:t.h,s:.5,l:n,source:`hsl`},e)}})},bc=function(e){var t=e.onClick,n=e.hsl,r=(0,x.default)({default:{swatches:{marginTop:`20px`},swatch:{boxSizing:`border-box`,width:`20%`,paddingRight:`1px`,float:`left`},clear:{clear:`both`}}}),i=.1;return b.createElement(`div`,{style:r.swatches},b.createElement(`div`,{style:r.swatch},b.createElement(yc,{hsl:n,offset:`.80`,active:Math.abs(n.l-.8)<i&&Math.abs(n.s-.5)<i,onClick:t,first:!0})),b.createElement(`div`,{style:r.swatch},b.createElement(yc,{hsl:n,offset:`.65`,active:Math.abs(n.l-.65)<i&&Math.abs(n.s-.5)<i,onClick:t})),b.createElement(`div`,{style:r.swatch},b.createElement(yc,{hsl:n,offset:`.50`,active:Math.abs(n.l-.5)<i&&Math.abs(n.s-.5)<i,onClick:t})),b.createElement(`div`,{style:r.swatch},b.createElement(yc,{hsl:n,offset:`.35`,active:Math.abs(n.l-.35)<i&&Math.abs(n.s-.5)<i,onClick:t})),b.createElement(`div`,{style:r.swatch},b.createElement(yc,{hsl:n,offset:`.20`,active:Math.abs(n.l-.2)<i&&Math.abs(n.s-.5)<i,onClick:t,last:!0})),b.createElement(`div`,{style:r.clear}))},xc=function(){var e=(0,x.default)({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 b.createElement(`div`,{style:e.picker})},Sc=function(e){var t=e.hsl,n=e.onChange,r=e.pointer,i=e.styles,a=i===void 0?{}:i,o=e.className,s=o===void 0?``:o,c=(0,x.default)(B({default:{hue:{height:`12px`,position:`relative`},Hue:{radius:`2px`}}},a));return b.createElement(`div`,{style:c.wrap||{},className:`slider-picker `+s},b.createElement(`div`,{style:c.hue},b.createElement(w,{style:c.Hue,hsl:t,pointer:r,onChange:n})),b.createElement(`div`,{style:c.swatches},b.createElement(bc,{hsl:t,onClick:n})))};Sc.propTypes={styles:T.default.object},Sc.defaultProps={pointer:xc,styles:{}},J(Sc);var Cc=e(t((e=>{Object.defineProperty(e,`__esModule`,{value:!0});var t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r=i(n());function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}var o=24;e.default=function(e){var n=e.fill,i=n===void 0?`currentColor`:n,s=e.width,c=s===void 0?o:s,l=e.height,u=l===void 0?o:l,d=e.style,f=d===void 0?{}:d,p=a(e,[`fill`,`width`,`height`,`style`]);return r.default.createElement(`svg`,t({viewBox:`0 0 `+o+` `+o,style:t({fill:i,width:c,height:u},f)},p),r.default.createElement(`path`,{d:`M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z`}))}}))()),wc=function(e){var t=e.color,n=e.onClick,r=n===void 0?function(){}:n,i=e.onSwatchHover,a=e.first,o=e.last,s=e.active,c=(0,x.default)({default:{color:{width:`40px`,height:`24px`,cursor:`pointer`,background:t,marginBottom:`1px`},check:{color:oa(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:a,last:o,active:s,"color-#FFFFFF":t===`#FFFFFF`,transparent:t===`transparent`});return b.createElement(Y,{color:t,style:c.color,onClick:r,onHover:i,focusStyle:{boxShadow:`0 0 4px `+t}},b.createElement(`div`,{style:c.check},b.createElement(Cc.default,null)))},Tc=function(e){var t=e.onClick,n=e.onSwatchHover,r=e.group,i=e.active,a=(0,x.default)({default:{group:{paddingBottom:`10px`,width:`40px`,float:`left`,marginRight:`10px`}}});return b.createElement(`div`,{style:a.group},Z(r,function(e,a){return b.createElement(wc,{key:e,color:e,active:e.toLowerCase()===i,first:a===0,last:a===r.length-1,onClick:t,onSwatchHover:n})}))},Ec=function(e){var t=e.width,n=e.height,r=e.onChange,i=e.onSwatchHover,a=e.colors,o=e.hex,s=e.styles,c=s===void 0?{}:s,l=e.className,u=l===void 0?``:l,d=(0,x.default)(B({default:{picker:{width:t,height:n},overflow:{height:n,overflowY:`scroll`},body:{padding:`16px 0 6px 16px`},clear:{clear:`both`}}},c)),f=function(e,t){return r({hex:e,source:`hex`},t)};return b.createElement(`div`,{style:d.picker,className:`swatches-picker `+u},b.createElement(Br,null,b.createElement(`div`,{style:d.overflow},b.createElement(`div`,{style:d.body},Z(a,function(e){return b.createElement(Tc,{key:e.toString(),group:e,active:o,onClick:f,onSwatchHover:i})}),b.createElement(`div`,{style:d.clear})))))};Ec.propTypes={width:T.default.oneOfType([T.default.string,T.default.number]),height:T.default.oneOfType([T.default.string,T.default.number]),colors:T.default.arrayOf(T.default.arrayOf(T.default.string)),styles:T.default.object},Ec.defaultProps={width:320,height:240,colors:[[Q[900],Q[700],Q[500],Q[300],Q[100]],[bs[900],bs[700],bs[500],bs[300],bs[100]],[xs[900],xs[700],xs[500],xs[300],xs[100]],[Ss[900],Ss[700],Ss[500],Ss[300],Ss[100]],[Cs[900],Cs[700],Cs[500],Cs[300],Cs[100]],[ws[900],ws[700],ws[500],ws[300],ws[100]],[Ts[900],Ts[700],Ts[500],Ts[300],Ts[100]],[Es[900],Es[700],Es[500],Es[300],Es[100]],[Ds[900],Ds[700],Ds[500],Ds[300],Ds[100]],[`#194D33`,Os[700],Os[500],Os[300],Os[100]],[ks[900],ks[700],ks[500],ks[300],ks[100]],[As[900],As[700],As[500],As[300],As[100]],[js[900],js[700],js[500],js[300],js[100]],[Ms[900],Ms[700],Ms[500],Ms[300],Ms[100]],[Ns[900],Ns[700],Ns[500],Ns[300],Ns[100]],[Ps[900],Ps[700],Ps[500],Ps[300],Ps[100]],[Fs[900],Fs[700],Fs[500],Fs[300],Fs[100]],[Is[900],Is[700],Is[500],Is[300],Is[100]],[`#000000`,`#525252`,`#969696`,`#D9D9D9`,`#FFFFFF`]],styles:{}},J(Ec);var Dc=function(e){var t=e.onChange,n=e.onSwatchHover,r=e.hex,i=e.colors,a=e.width,o=e.triangle,s=e.styles,c=s===void 0?{}:s,l=e.className,u=l===void 0?``:l,d=(0,x.default)(B({default:{card:{width:a,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`}}},c),{"hide-triangle":o===`hide`,"top-left-triangle":o===`top-left`,"top-right-triangle":o===`top-right`}),f=function(e,n){q(e)&&t({hex:e,source:`hex`},n)};return b.createElement(`div`,{style:d.card,className:`twitter-picker `+u},b.createElement(`div`,{style:d.triangleShadow}),b.createElement(`div`,{style:d.triangle}),b.createElement(`div`,{style:d.body},Z(i,function(e,t){return b.createElement(Y,{key:t,color:e,hex:e,style:d.swatch,onClick:f,onHover:n,focusStyle:{boxShadow:`0 0 4px `+e}})}),b.createElement(`div`,{style:d.hash},`#`),b.createElement(C,{label:null,style:{input:d.input},value:r.replace(`#`,``),onChange:f}),b.createElement(`div`,{style:d.clear})))};Dc.propTypes={width:T.default.oneOfType([T.default.string,T.default.number]),triangle:T.default.oneOf([`hide`,`top-left`,`top-right`]),colors:T.default.arrayOf(T.default.string),styles:T.default.object},Dc.defaultProps={width:276,colors:[`#FF6900`,`#FCB900`,`#7BDCB5`,`#00D084`,`#8ED1FC`,`#0693E3`,`#ABB8C3`,`#EB144C`,`#F78DA7`,`#9900EF`],triangle:`top-left`,styles:{}},J(Dc);var Oc=function(e){var t=(0,x.default)({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 b.createElement(`div`,{style:t.picker})};Oc.propTypes={hsl:T.default.shape({h:T.default.number,s:T.default.number,l:T.default.number,a:T.default.number})},Oc.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};var kc=function(e){var t=(0,x.default)({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 b.createElement(`div`,{style:t.picker})};kc.propTypes={hsl:T.default.shape({h:T.default.number,s:T.default.number,l:T.default.number,a:T.default.number})},kc.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};var Ac=function(e){var t=e.onChange,n=e.rgb,r=e.hsl,i=e.hex,a=e.hsv,o=function(e,n){if(e.hex)q(e.hex)&&t({hex:e.hex,source:`hex`},n);else if(e.rgb){var r=e.rgb.split(`,`);sa(e.rgb,`rgb`)&&t({r:r[0],g:r[1],b:r[2],a:1,source:`rgb`},n)}else if(e.hsv){var i=e.hsv.split(`,`);sa(e.hsv,`hsv`)&&(i[2]=i[2].replace(`%`,``),i[1]=i[1].replace(`%`,``),i[0]=i[0].replace(`°`,``),i[1]==1?i[1]=.01:i[2]==1&&(i[2]=.01),t({h:Number(i[0]),s:Number(i[1]),v:Number(i[2]),source:`hsv`},n))}else if(e.hsl){var a=e.hsl.split(`,`);sa(e.hsl,`hsl`)&&(a[2]=a[2].replace(`%`,``),a[1]=a[1].replace(`%`,``),a[0]=a[0].replace(`°`,``),u[1]==1?u[1]=.01:u[2]==1&&(u[2]=.01),t({h:Number(a[0]),s:Number(a[1]),v:Number(a[2]),source:`hsl`},n))}},s=(0,x.default)({default:{wrap:{display:`flex`,height:`100px`,marginTop:`4px`},fields:{width:`100%`},column:{paddingTop:`10px`,display:`flex`,justifyContent:`space-between`},double:{padding:`0px 4.4px`,boxSizing:`border-box`},input:{width:`100%`,height:`38px`,boxSizing:`border-box`,padding:`4px 10% 3px`,textAlign:`center`,border:`1px solid #dadce0`,fontSize:`11px`,textTransform:`lowercase`,borderRadius:`5px`,outline:`none`,fontFamily:`Roboto,Arial,sans-serif`},input2:{height:`38px`,width:`100%`,border:`1px solid #dadce0`,boxSizing:`border-box`,fontSize:`11px`,textTransform:`lowercase`,borderRadius:`5px`,outline:`none`,paddingLeft:`10px`,fontFamily:`Roboto,Arial,sans-serif`},label:{textAlign:`center`,fontSize:`12px`,background:`#fff`,position:`absolute`,textTransform:`uppercase`,color:`#3c4043`,width:`35px`,top:`-6px`,left:`0`,right:`0`,marginLeft:`auto`,marginRight:`auto`,fontFamily:`Roboto,Arial,sans-serif`},label2:{left:`10px`,textAlign:`center`,fontSize:`12px`,background:`#fff`,position:`absolute`,textTransform:`uppercase`,color:`#3c4043`,width:`32px`,top:`-6px`,fontFamily:`Roboto,Arial,sans-serif`},single:{flexGrow:`1`,margin:`0px 4.4px`}}}),c=n.r+`, `+n.g+`, `+n.b,l=Math.round(r.h)+`°, `+Math.round(r.s*100)+`%, `+Math.round(r.l*100)+`%`,u=Math.round(a.h)+`°, `+Math.round(a.s*100)+`%, `+Math.round(a.v*100)+`%`;return b.createElement(`div`,{style:s.wrap,className:`flexbox-fix`},b.createElement(`div`,{style:s.fields},b.createElement(`div`,{style:s.double},b.createElement(C,{style:{input:s.input,label:s.label},label:`hex`,value:i,onChange:o})),b.createElement(`div`,{style:s.column},b.createElement(`div`,{style:s.single},b.createElement(C,{style:{input:s.input2,label:s.label2},label:`rgb`,value:c,onChange:o})),b.createElement(`div`,{style:s.single},b.createElement(C,{style:{input:s.input2,label:s.label2},label:`hsv`,value:u,onChange:o})),b.createElement(`div`,{style:s.single},b.createElement(C,{style:{input:s.input2,label:s.label2},label:`hsl`,value:l,onChange:o})))))},jc=function(e){var t=e.width,n=e.onChange,r=e.rgb,i=e.hsl,a=e.hsv,o=e.hex,s=e.header,c=e.styles,l=c===void 0?{}:c,u=e.className,d=u===void 0?``:u,f=(0,x.default)(B({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(`+r.r+`, `+r.g+`, `+r.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`}}},l));return b.createElement(`div`,{style:f.picker,className:`google-picker `+d},b.createElement(`div`,{style:f.head},s),b.createElement(`div`,{style:f.swatch}),b.createElement(`div`,{style:f.saturation},b.createElement(di,{hsl:i,hsv:a,pointer:Oc,onChange:n})),b.createElement(`div`,{style:f.body},b.createElement(`div`,{style:f.controls,className:`flexbox-fix`},b.createElement(`div`,{style:f.hue},b.createElement(w,{style:f.Hue,hsl:i,radius:`4px`,pointer:kc,onChange:n}))),b.createElement(Ac,{rgb:r,hsl:i,hex:o,hsv:a,onChange:n})))};jc.propTypes={width:T.default.oneOfType([T.default.string,T.default.number]),styles:T.default.object,header:T.default.string},jc.defaultProps={width:652,styles:{},header:`Color picker`},J(jc);var $=r(),Mc=({onChange:e,color:t,style:n,triangle:r,buttonStyle:i,position:a=`bottom`})=>{let o=f(e=>e.cti.ui.primaryColor),[s,u]=(0,b.useState)(!1),d=new Event(`onChange`),p=Array.from(new Set([o,...[`#FCB900`,`#7BDCB5`,`#00D084`,`#8ED1FC`,`#0693E3`,`#ABB8C3`,`#EB144C`,`#F78DA7`,`#FF8801`]])),h=()=>{u(!s)},g=(t,n)=>{u(!1),e(t,n),dispatchEvent(d)},_=``;return a===`top`&&(_=`translateY(-200px)`),(0,$.jsxs)(`div`,{className:`color-picker-container`,children:[(0,$.jsxs)(`div`,{className:`color-button`,style:i,children:[(0,$.jsx)(`div`,{onClick:h,style:{width:`36px`,height:`14px`,borderRadius:`2px`,backgroundColor:t}}),s?(0,$.jsx)(`div`,{className:`wrapper`,style:{...n,transform:_},children:(0,$.jsx)(ys,{triangle:r,colors:p,color:t,onChangeComplete:g,style:n})}):null]}),(0,$.jsx)(`div`,{style:i,className:`reset-button`,children:t?(0,$.jsx)(l,{placement:`top`,title:`Supprimer la couleur`,children:(0,$.jsx)(c,{type:`danger`,icon:(0,$.jsx)(m,{}),onClick:g,size:`small`})}):null})]})};export{Mc as t};