react-color-picker - npm Package Compare versions

Comparing version 2.1.5 to 2.1.7

dist/react-color-picker.min.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("React")):"function"==typeof define&&define.amd?define(["React"],e):"object"==typeof exports?exports.ColorPicker=e(require("React")):t.ColorPicker=e(t.React)}(this,function(t){return function(t){function e(n){if(i[n])return i[n].exports;var r=i[n]={exports:{},id:n,loaded:!1};return t[n].call(r.exports,r,r.exports,e),r.loaded=!0,r.exports}var i={};return e.m=t,e.c=i,e.p="",e(0)}(function(t){for(var e in t)switch(typeof t[e]){case"number":t[e]=t[t[e]];break;case"object":t[e]=function(e){var i=e.slice(1),n=t[e[0]];return function(t,e,r){n.apply(null,[t,e,r].concat(i))}}(t[e])}return t}([function(t,e,i){"use strict";function n(){}var r=i(8),o=i(1),s=i(3),h=r.createFactory(i(53)),a=r.createFactory(i(54)),u=s.toHsv,f=r.createClass({displayName:"ColorPicker",getDefaultProps:function(){return{defaultColor:i(6),saturationWidth:300,saturationHeight:300,hueHeight:null,hueWidth:30,hueMargin:10}},getInitialState:function(){return{value:this.props.defaultValue}},prepareClasses:function(t){t.push("cp")},prepareProps:function(t){var e=[t.className||""];return this.prepareClasses(e),t.className=e.join(" "),t},render:function(){var t=this.prepareProps(o({},this.props)),e=this.props.hueStyle||{};e.marginLeft=this.props.hueMargin;var i=t.value?this.toColorValue(this.props.value):null,n=i?null:this.toColorValue(this.state.value||t.defaultValue||t.defaultColor),s={onDrag:this.handleSaturationDrag,onChange:this.handleSaturationChange,onMouseDown:this.handleSaturationMouseDown,height:t.saturationHeight,width:t.saturationWidth,inPicker:!0},u={onDrag:this.handleHueDrag,onChange:this.handleHueChange,height:t.hueHeight||t.saturationHeight,width:t.hueWidth,inPicker:!0,style:e};return this.state.dragHue&&((i||n).h=this.state.dragHue),i?(s.value=o({},i),u.value=o({},i)):(s.defaultValue=o({},n),u.defaultValue=o({},n)),r.DOM.div(t,a(s),h(u))},toColorValue:function(t){return"string"==typeof t?u(t):t},toStringValue:i(7),handleChange:function(t){this.state.dragHue=null,t=o({},t);var e=this.toStringValue(t);(this.props.onChange||n)(e,t)},handleSaturationChange:function(t){this.handleChange(t)},handleHueChange:function(t){this.handleChange(t)},handleHueDrag:function(t){this.handleDrag(t)},handleSaturationDrag:function(t){this.handleDrag(t)},handleDrag:function(t){this.props.value||this.setState({value:t}),(this.props.onDrag||n)(this.toStringValue(t),t)},handleSaturationMouseDown:function(t){this.setState({dragHue:t.h})}});f.HueSpectrum=h,f.SaturationSpectrum=a,t.exports=f},function(t){"use strict";function e(t){if(null==t)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(t)}t.exports=Object.assign||function(t){for(var i,n,r=e(t),o=1;o<arguments.length;o++){i=arguments[o],n=Object.keys(Object(i));for(var s=0;s<n.length;s++)r[n[s]]=i[n[s]]}return r}},[55,31],function(t,e,i){"use strict";function n(t){return a(t)}function r(t){var e=n(t).toHsl().h;return n({h:e,s:100,l:50,a:1})}function o(t){return a.fromRatio(t)}function s(t,e){return e>1&&(e/=100),t=n(t).toRgb(),t.a=e,n(t)}function h(t){return n(t).toHsv()}var a=i(52);"undefined"!=typeof window&&(window.tinycolor=a);var u={toColor:n,toPure:r,fromRatio:o,toAlpha:s,toHsv:h};"undefined"!=typeof window&&(window.color=u),t.exports=u},[55,49],function(t){"use strict";t.exports=function(t){return"number"==typeof t&&isFinite(t)}},function(t){t.exports="red"},function(t,e,i){"use strict";var n=i(1),r=i(3).toColor;t.exports=function(t){return t=r(n({},t)),1==t.toRgb().a?t.toHexString():t.toRgbString()}},function(e){e.exports=t},function(t){"use strict";var e="undefined";t.exports=function(t,i,n){arguments.length<3&&(n=i,i=null),i=i||{},n=n||Object.keys(t);for(var r,o=0,s=n.length;s>o;o++)r=n[o],typeof t[r]!==e&&(i[n[o]]=t[n[o]]);return i}},function(t){"use strict";var e="undefined";t.exports=function(t,i,n){arguments.length<3&&(n=i,i=null),i=i||{},n=n||Object.keys(t);for(var r,o=0,s=n.length;s>o;o++)r=n[o],typeof t[r]!==e&&typeof i[r]===e&&(i[r]=t[r]);return i}},function(t){"use strict";function e(t,e){function i(n){function r(){var r=arguments.length,o=[].concat(n);return r&&o.push.apply(o,arguments),o.length<e?i(o):t.apply(this,o)}return r}return"number"!=typeof e&&(e=t.length),i([])}var i=Object.prototype.hasOwnProperty;t.exports=e(function(t,e){return i.call(t,e)})},function(t){"use strict";t.exports=function(t){var e=!0;return t.right<t.left&&(e=!1,t.right=t.left),t.bottom<t.top&&(e=!1,t.bottom=t.top),e}},function(t,e,i){var n=i(35);t.exports=function(t,e){return n(e.length)(t,e)}},11,12,function(t){function e(){this._events=this._events||{},this._maxListeners=this._maxListeners||void 0}function i(t){return"function"==typeof t}function n(t){return"number"==typeof t}function r(t){return"object"==typeof t&&null!==t}function o(t){return void 0===t}t.exports=e,e.EventEmitter=e,e.prototype._events=void 0,e.prototype._maxListeners=void 0,e.defaultMaxListeners=10,e.prototype.setMaxListeners=function(t){if(!n(t)||0>t||isNaN(t))throw TypeError("n must be a positive number");return this._maxListeners=t,this},e.prototype.emit=function(t){var e,n,s,h,a,u;if(this._events||(this._events={}),"error"===t&&(!this._events.error||r(this._events.error)&&!this._events.error.length)){if(e=arguments[1],e instanceof Error)throw e;throw TypeError('Uncaught, unspecified "error" event.')}if(n=this._events[t],o(n))return!1;if(i(n))switch(arguments.length){case 1:n.call(this);break;case 2:n.call(this,arguments[1]);break;case 3:n.call(this,arguments[1],arguments[2]);break;default:for(s=arguments.length,h=new Array(s-1),a=1;s>a;a++)h[a-1]=arguments[a];n.apply(this,h)}else if(r(n)){for(s=arguments.length,h=new Array(s-1),a=1;s>a;a++)h[a-1]=arguments[a];for(u=n.slice(),s=u.length,a=0;s>a;a++)u[a].apply(this,h)}return!0},e.prototype.addListener=function(t,n){var s;if(!i(n))throw TypeError("listener must be a function");if(this._events||(this._events={}),this._events.newListener&&this.emit("newListener",t,i(n.listener)?n.listener:n),this._events[t]?r(this._events[t])?this._events[t].push(n):this._events[t]=[this._events[t],n]:this._events[t]=n,r(this._events[t])&&!this._events[t].warned){var s;s=o(this._maxListeners)?e.defaultMaxListeners:this._maxListeners,s&&s>0&&this._events[t].length>s&&(this._events[t].warned=!0,console.error("(node) warning: possible EventEmitter memory leak detected. %d listeners added. Use emitter.setMaxListeners() to increase limit.",this._events[t].length),"function"==typeof console.trace&&console.trace())}return this},e.prototype.on=e.prototype.addListener,e.prototype.once=function(t,e){function n(){this.removeListener(t,n),r||(r=!0,e.apply(this,arguments))}if(!i(e))throw TypeError("listener must be a function");var r=!1;return n.listener=e,this.on(t,n),this},e.prototype.removeListener=function(t,e){var n,o,s,h;if(!i(e))throw TypeError("listener must be a function");if(!this._events||!this._events[t])return this;if(n=this._events[t],s=n.length,o=-1,n===e||i(n.listener)&&n.listener===e)delete this._events[t],this._events.removeListener&&this.emit("removeListener",t,e);else if(r(n)){for(h=s;h-->0;)if(n[h]===e||n[h].listener&&n[h].listener===e){o=h;break}if(0>o)return this;1===n.length?(n.length=0,delete this._events[t]):n.splice(o,1),this._events.removeListener&&this.emit("removeListener",t,e)}return this},e.prototype.removeAllListeners=function(t){var e,n;if(!this._events)return this;if(!this._events.removeListener)return 0===arguments.length?this._events={}:this._events[t]&&delete this._events[t],this;if(0===arguments.length){for(e in this._events)"removeListener"!==e&&this.removeAllListeners(e);return this.removeAllListeners("removeListener"),this._events={},this}if(n=this._events[t],i(n))this.removeListener(t,n);else for(;n.length;)this.removeListener(t,n[n.length-1]);return delete this._events[t],this},e.prototype.listeners=function(t){var e;return e=this._events&&this._events[t]?i(this._events[t])?[this._events[t]]:this._events[t].slice():[]},e.listenerCount=function(t,e){var n;return n=t._events&&t._events[e]?i(t._events[e])?1:t._events[e].length:0}},function(t,e,i){"use strict";function n(){}var r=i(4),o=i(1),s=i(24),h=i(3).toHsv;t.exports={toColorValue:function(t){return"string"==typeof t?h(t):{h:t.h,s:t.s,v:t.v,a:t.a}},onMouseDown:function(t){t.preventDefault();var e=r.fromDOM(this.getDOMNode()),i=this.getEventInfo(t,e);s(t,{scope:this,constrainTo:e,onDragStart:function(t,e){e.initialPoint=i,this.handleDragStart(t)},onDrag:function(t,i){var n=this.getEventInfo(t,e);this.updateColor(n),this.handleDrag(t,i)},onDrop:function(t,i){var n=this.getEventInfo(t,e);this.updateColor(n),this.handleDrop(t,i)}}),this.updateColor(i),this.handleMouseDown(t,{initialPoint:i})},handleMouseDown:function(t,e){(this.props.onMouseDown||n).apply(this,this.getColors()),this.handleDrag(t,e)},handleUpdate:function(t,e){var i=e.diff||{top:0,left:0},n=e.initialPoint;if(n){var r,o;this.state.top=r=n.y+i.top,this.state.left=o=n.x+i.left,this.state.mouseDown={x:o,y:r,width:n.width,height:n.height}}this.props.inPicker||this.props.value||this.setState({value:this.hsv})},handleDragStart:function(){},handleDrag:function(t,e){this.handleUpdate(t,e),(this.props.onDrag||n).apply(this,this.getColors())},handleDrop:function(t,e){this.handleUpdate(t,e),this.state.mouseDown=!1,(this.props.onChange||n).apply(this,this.getColors())},getColors:function(){var t=this.props.inPicker?this.hsv:this.toStringValue(this.hsv),e=[t];return this.props.inPicker||e.push(o({},this.hsv)),e},getEventInfo:function(t,e){e=e||r.fromDOM(this.getDOMNode());var i=t.clientX-e.left,n=t.clientY-e.top;return{x:i,y:n,width:e.getWidth(),height:e.getHeight()}}}},function(t){"use strict";t.exports=function(t){var e=t.height,i=t.width;return t.x<0&&(t.x=0),t.x>=i&&(t.x=i),t.y<0&&(t.y=0),t.y>=e&&(t.y=e),t}},function(t){"use strict";var e=Object.prototype.hasOwnProperty,i="object";t.exports=function(t,n){if(n=n||{},null!=t&&typeof t===i)for(var r in t)e.call(t,r)&&(n[r]=t[r]);return n}},function(t){"use strict";var e=Object.prototype.hasOwnProperty,i="object",n="undefined";t.exports=function(t,r){if(r=r||{},null!=t&&typeof t===i)for(var o in t)e.call(t,o)&&typeof r[o]===n&&(r[o]=t[o]);return r}},function(t,e,i){"use strict";var n="undefined",r="object",o=Object.prototype.hasOwnProperty,s=i(9);t.exports=function(t,e,i){if(arguments.length<3&&(i=e,e=null),e=e||{},!i||Array.isArray(i))return s(t,e,i);if(null!=t&&typeof t===r&&null!=i&&typeof i===r){var h,a;for(var u in i)o.call(i,u)&&(a=i[u],h=typeof a,typeof t[u]!==n&&(e["string"==h?a:u]=t[u]))}return e}},function(t,e,i){"use strict";var n="undefined",r="object",o=Object.prototype.hasOwnProperty,s=i(10);t.exports=function(t,e,i){if(arguments.length<3&&(i=e,e=null),e=e||{},!i||Array.isArray(i))return s(t,e,i);if(null!=t&&typeof t===r&&null!=i&&typeof i===r){var h,a,u;for(var f in i)o.call(i,f)&&(a=i[f],h=typeof a,u="string"==h?a:f,typeof t[f]!==n&&typeof e[u]===n&&(e[u]=t[f]))}return e}},function(t,e,i){t.exports=function(){"use strict";var t=Object.prototype.hasOwnProperty,e="object",n="undefined";return{copy:i(19),copyIf:i(20),copyAs:function(i,n){var r={};if(n=n||1,null!=i&&typeof i===e)for(var o in i)t.call(i,o)&&(r[o]=n);return r},copyList:i(9),copyListIf:i(10),copyKeys:i(21),copyKeysIf:i(22),copyExceptKeys:function(i,n,r){if(n=n||{},r=r||{},null!=i&&typeof i===e)for(var o in i)t.call(i,o)&&!t.call(r,o)&&(n[o]=i[o]);return n},bindCopyKeys:function(i,r,o){if(2==arguments.length&&(o=r,r=null),r=r||{},null!=i&&typeof i===e&&null!=o&&typeof o===e){var s,h,a,u;for(var f in o)t.call(o,f)&&(h=o[f],s=typeof h,u=i[f],a=typeof u,a!==n&&(r["string"==s?h:f]="function"==a?u.bind(i):u))}return r}}}()},function(t,e,i){"use strict";function n(t){var e,i=t.pageX,n=t.pageY;return s&&t.touches&&(e=t.touches[0])&&(i=e.pageX,n=e.pageY),{pageX:i,pageY:n}}var r=i(1),o=i(30),s=i(25),h=i(34),a=function(t){this.config=t},u={move:s?"touchmove":"mousemove",up:s?"touchend":"mouseup"};r(a.prototype,{initDrag:function(t){this.onDragInit(t);var e=h(this.onDragStart,this),i=s?t.target:window,n=function(t){e(t),this.onDrag(t)}.bind(this),r=function(t){this.onDrop(t),i.removeEventListener(u.move,n),i.removeEventListener(u.up,r)}.bind(this);i.addEventListener(u.move,n,!1),i.addEventListener(u.up,r)},onDragInit:function(t){var e={diff:{left:0,top:0}};this.state={config:e},this.config.region&&(this.state.initialRegion=o.from(this.config.region),this.state.dragRegion=e.dragRegion=this.state.initialRegion.clone()),this.config.constrainTo&&(this.state.constrainTo=o.from(this.config.constrainTo)),this.callConfig("onDragInit",t)},onDragStart:function(t){this.state.initPageCoords=n(t),this.state.didDrag=this.state.config.didDrag=!0,this.callConfig("onDragStart",t)},onDrag:function(t){var e=this.state.config,i=this.state.initPageCoords,r=n(t),o=e.diff={left:r.pageX-i.pageX,top:r.pageY-i.pageY};if(this.state.initialRegion){var s=e.dragRegion;s.set(this.state.initialRegion),s.shift(o),this.state.constrainTo&&(s.constrainTo(this.state.constrainTo),o.left=s.left-this.state.initialRegion.left,o.top=s.top-this.state.initialRegion.top),e.dragRegion=s}this.callConfig("onDrag",t)},onDrop:function(t){this.callConfig("onDrop",t),this.state=null},callConfig:function(t,e){var i=this.state.config,n=[e,i],r=this.config[t];r&&r.apply(this,n)}}),t.exports=function(t,e){if(e.scope){var i={scope:1,region:1,constrainTo:1};Object.keys(e).forEach(function(t){var n=e[t];t in i||"function"==typeof n&&(e[t]=n.bind(e.scope))})}var n=new a(e);return n.initDrag(t),n}},function(t,e){(function(e){t.exports="ontouchstart"in e||e.DocumentTouch&&document instanceof DocumentTouch}).call(e,function(){return this}())},function(t,e,i){"use strict";var n=i(2);n.prototype.alignToRegion=function(t,e){return n.align(this,t,e),this},n.prototype.alignToPoint=function(t,e){return n.alignToPoint(this,t,e),this}},function(t,e,i){"use strict";var n=i(2);n.align=function(t,e,i){return e=n.from(e),i=(i||"c-c").split("-"),2!=i.length&&console.warn("Incorrect region alignment! The align parameter need to be in the form 'br-c', that is, a - separated string!",i),n.alignToPoint(t,e.getPoint(i[1]),i[0])},n.alignToPoint=function(t,e,i){t=n.from(t);var r=t.getPoint(i),o=0,s={};return null!=r.x&&null!=e.x&&(o++,s.left=e.x-r.x),null!=r.y&&null!=e.y&&(o++,s.top=e.y-r.y),o&&t.shift(s),t}},function(t,e,i){"use strict";function n(t,e,i,n){e=r.from(e),n=n||{};var o=n.constrain,s=n.sync,h=n.offset||[],a=!1,u=!1,f=t.clone();Array.isArray(i)||(i=i?[i]:[]),Array.isArray(h)||(h=h?[h]:[]),o&&(o=o===!0?r.getDocRegion():o.getRegion()),s&&(s.size?(a=!0,u=!0):(a=s===!0?!0:s.width||!1,u=s===!0?!0:s.height||!1)),a&&f.setWidth(e.getWidth()),u&&f.setHeight(e.getHeight());for(var c,g,l,p,d=0,m=i.length,v=-1,b=-1;m>d;d++){if(g=i[d],c=h[d],f.alignToRegion(e,g),c&&(Array.isArray(c)||(c=h[d]=[c.x||c.left,c.y||c.top]),f.shift({left:c[0],top:c[1]})),!o)return t.set(f),g;if(l=f.getIntersection(o),l&&l.equals(f))return t.set(f),g;l&&(p=l.getArea())>v&&(v=p,b=d)}return~b?(g=i[b],c=h[b],f.alignToRegion(e,g),c&&f.shift({left:c[0],top:c[1]}),l=f.getIntersection(o),f.setRegion(l),f.alignToRegion(e,g),c&&f.shift({left:c[0],top:c[1]}),t.set(f),g):void 0}var r=i(2);t.exports=n},function(t,e,i){"use strict";function n(t,e,i,n){t=o.from(t);var s=t.clone(),h=r(s,e,i,n);return{position:h,region:s,widthChanged:s.getWidth()!=t.getWidth(),heightChanged:s.getHeight()!=t.getHeight(),positionChanged:s.equalsPosition(t)}}var r=i(28),o=i(2);t.exports=n},function(t,e,i){"use strict";var n=i(2);i(27),i(26);var r=i(29);n.alignRegions=function(t,e,i,n){var o=r(t,e,i,n),s=o.region;return s.equals(t)||t.setRegion(s),o.position},n.prototype.alignTo=function(t,e,i){i=i||{};var o=this,s=n.from(t),h=r(o,s,e,i),a=h.region;return a.equalsSize(o)||this.setSize(a.getSize()),a.equalsPosition(o)||this.setPosition(a.getPosition(),{absolute:!!i.absolute}),h.position},t.exports=n},function(t,e,i){"use strict";function n(t,e,i){return t&&i.forEach(function(i){r(t,i)&&(e[i]=t[i])}),e}var r=i(11),o=i(13),s=i(1),h=i(16).EventEmitter,a=i(32),u=i(12),f=Object.prototype.toString,c=function(t){return"[object Object]"===f.apply(t)},g={cy:"YCenter",cx:"XCenter",t:"Top",tc:"TopCenter",tl:"TopLeft",tr:"TopRight",b:"Bottom",bc:"BottomCenter",bl:"BottomLeft",br:"BottomRight",l:"Left",lc:"LeftCenter",r:"Right",rc:"RightCenter",c:"Center"},l=function(t,e,i,r){return this instanceof l?(h.call(this),c(t)?(n(t,this,["top","right","bottom","left"]),null==t.bottom&&null!=t.height&&(this.bottom=this.top+t.height),null==t.right&&null!=t.width&&(this.right=this.left+t.width),t.emitChangeEvents&&(this.emitChangeEvents=t.emitChangeEvents)):(this.top=t,this.right=e,this.bottom=i,this.left=r),this[0]=this.left,this[1]=this.top,void u(this)):o(l,arguments)};a(l,h),s(l.prototype,{emitChangeEvents:!1,getRegion:function(t){return t?this.clone():this},setRegion:function(t){return this.set(t instanceof l?t.get():t),this},validate:function(){return l.validate(this)},_before:function(){return this.emitChangeEvents?n(this,{},["left","top","bottom","right"]):void 0},_after:function(t){this.emitChangeEvents&&((this.top!=t.top||this.left!=t.left)&&this.emitPositionChange(),(this.right!=t.right||this.bottom!=t.bottom)&&this.emitSizeChange())},notifyPositionChange:function(){this.emit("changeposition",this)},emitPositionChange:function(){this.notifyPositionChange()},notifySizeChange:function(){this.emit("changesize",this)},emitSizeChange:function(){this.notifySizeChange()},add:function(t){var e,i=this._before();for(e in t)r(t,e)&&(this[e]+=t[e]);return this[0]=this.left,this[1]=this.top,this._after(i),this},substract:function(t){var e,i=this._before();for(e in t)r(t,e)&&(this[e]-=t[e]);return this[0]=this.left,this[1]=this.top,this._after(i),this},getSize:function(){return{width:this.width,height:this.height}},setPosition:function(t){var e=this.width,i=this.height;return void 0!=t.left&&(t.right=t.left+e),void 0!=t.top&&(t.bottom=t.top+i),this.set(t)},setSize:function(t){return void 0!=t.height&&void 0!=t.width?this.set({right:this.left+t.width,bottom:this.top+t.height}):(void 0!=t.width&&this.setWidth(t.width),void 0!=t.height&&this.setHeight(t.height),this)},setWidth:function(t){return this.set({right:this.left+t})},setHeight:function(t){return this.set({bottom:this.top+t})},set:function(t){var e=this._before();return n(t,this,["left","top","bottom","right"]),null==t.bottom&&null!=t.height&&(this.bottom=this.top+t.height),null==t.right&&null!=t.width&&(this.right=this.left+t.width),this[0]=this.left,this[1]=this.top,this._after(e),this},get:function(t){return t?this[t]:n(this,{},["left","right","top","bottom"])},shift:function(t){var e=this._before();return t.top&&(this.top+=t.top,this.bottom+=t.top),t.left&&(this.left+=t.left,this.right+=t.left),this[0]=this.left,this[1]=this.top,this._after(e),this},unshift:function(t){return t.top&&(t.top*=-1),t.left&&(t.left*=-1),this.shift(t)},equals:function(t){return this.equalsPosition(t)&&this.equalsSize(t)},equalsSize:function(t){var e=t instanceof l,i={width:null==t.width&&e?t.getWidth():t.width,height:null==t.height&&e?t.getHeight():t.height};return this.getWidth()==i.width&&this.getHeight()==i.height},equalsPosition:function(t){return this.top==t.top&&this.left==t.left},addLeft:function(t){var e=this._before();return this.left=this[0]=this.left+t,this._after(e),this},addTop:function(t){var e=this._before();return this.top=this[1]=this.top+t,this._after(e),this},addBottom:function(t){var e=this._before();return this.bottom+=t,this._after(e),this},addRight:function(t){var e=this._before();return this.right+=t,this._after(e),this},minTop:function(){return this.expand({top:1})},maxBottom:function(){return this.expand({bottom:1})},minLeft:function(){return this.expand({left:1})},maxRight:function(){return this.expand({right:1})},expand:function(t,e){var i,o=e||l.getDocRegion(),s=[],h=this._before();for(i in t)r(t,i)&&s.push(i);return n(o,this,s),this[0]=this.left,this[1]=this.top,this._after(h),this},clone:function(){return new l({top:this.top,left:this.left,right:this.right,bottom:this.bottom})},containsPoint:function(t,e){return 1==arguments.length&&(e=t.y,t=t.x),this.left<=t&&t<=this.right&&this.top<=e&&e<=this.bottom},containsRegion:function(t){return this.containsPoint(t.left,t.top)&&this.containsPoint(t.right,t.bottom)},diffHeight:function(t){return this.diff(t,{top:!0,bottom:!0})},diffWidth:function(t){return this.diff(t,{left:!0,right:!0})},diff:function(t,e){var i,n={};for(i in e)r(e,i)&&(n[i]=this[i]-t[i]);return n},getPosition:function(){return{left:this.left,top:this.top}},getPoint:function(t,e){g[t]||console.warn("The position ",t," could not be found! Available options are tl, bl, tr, br, l, r, t, b.");var i="getPoint"+g[t],n=this[i]();return e?{left:n.x,top:n.y}:n},getPointYCenter:function(){return{x:null,y:this.top+this.getHeight()/2}},getPointXCenter:function(){return{x:this.left+this.getWidth()/2,y:null}},getPointTop:function(){return{x:null,y:this.top}},getPointTopCenter:function(){return{x:this.left+this.getWidth()/2,y:this.top}},getPointTopLeft:function(){return{x:this.left,y:this.top}},getPointTopRight:function(){return{x:this.right,y:this.top}},getPointBottom:function(){return{x:null,y:this.bottom}},getPointBottomCenter:function(){return{x:this.left+this.getWidth()/2,y:this.bottom}},getPointBottomLeft:function(){return{x:this.left,y:this.bottom}},getPointBottomRight:function(){return{x:this.right,y:this.bottom}},getPointLeft:function(){return{x:this.left,y:null}},getPointLeftCenter:function(){return{x:this.left,y:this.top+this.getHeight()/2}},getPointRight:function(){return{x:this.right,y:null}},getPointRightCenter:function(){return{x:this.right,y:this.top+this.getHeight()/2}},getPointCenter:function(){return{x:this.left+this.getWidth()/2,y:this.top+this.getHeight()/2}},getHeight:function(){return this.bottom-this.top},getWidth:function(){return this.right-this.left},getTop:function(){return this.top},getLeft:function(){return this.left},getBottom:function(){return this.bottom},getRight:function(){return this.right},getArea:function(){return this.getWidth()*this.getHeight()},constrainTo:function(t){var e,i=this.getIntersection(t);if(!i||!i.equals(this)){var n=t.getWidth(),r=t.getHeight();return this.getWidth()>n&&(this.left=t.left,this.setWidth(n)),this.getHeight()>r&&(this.top=t.top,this.setHeight(r)),e={},this.right>t.right&&(e.left=t.right-this.right),this.bottom>t.bottom&&(e.top=t.bottom-this.bottom),this.left<t.left&&(e.left=t.left-this.left),this.top<t.top&&(e.top=t.top-this.top),this.shift(e),!0}return!1},__IS_REGION:!0}),Object.defineProperties(l.prototype,{width:{get:function(){return this.getWidth()},set:function(t){return this.setWidth(t)}},height:{get:function(){return this.getHeight()},set:function(t){return this.setHeight(t)}}}),i(33)(l),t.exports=l},function(t){"use strict";t.exports=function(t,e){t.super_=e,t.prototype=Object.create(e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}})}},function(t,e,i){"use strict";var n=i(11),r=i(12);t.exports=function(t){var e=Math.max,i=Math.min,o={init:function(){var e,i,r={getIntersection:!0,getIntersectionArea:!0,getIntersectionHeight:!0,getIntersectionWidth:!0,getUnion:!0},o=t.prototype,s=n(r);for(i in r)s(i)&&(e=r[i],"string"!=typeof e&&(e=i),function(e,i,n){e[i]=function(e){return t[n]||console.warn("cannot find method ",n," on ",t),t[n](this,e)}}(o,e,i))},validate:r,getDocRegion:function(){return t.fromDOM(document.documentElement)},from:function(e){if(e.__IS_REGION)return e;if("undefined"!=typeof document){if("undefined"!=typeof HTMLElement&&e instanceof HTMLElement)return t.fromDOM(e);if(e.type&&"undefined"!=typeof e.pageX&&"undefined"!=typeof e.pageY)return t.fromEvent(e)}return t(e)},fromEvent:function(e){return t.fromPoint({x:e.pageX,y:e.pageY})},fromDOM:function(e){var i=e.getBoundingClientRect();return new t({top:i.top,left:i.left,bottom:i.bottom,right:i.right})},getIntersection:function(e,i){var n=this.getIntersectionArea(e,i);return n?new t(n):!1},getIntersectionWidth:function(t,n){var r=i(t.right,n.right),o=e(t.left,n.left);return r>o?r-o:0},getIntersectionHeight:function(t,n){var r=e(t.top,n.top),o=i(t.bottom,n.bottom);return o>r?o-r:0},getIntersectionArea:function(t,n){var r=e(t.top,n.top),o=i(t.right,n.right),s=i(t.bottom,n.bottom),h=e(t.left,n.left);return s>r&&o>h?{top:r,right:o,bottom:s,left:h,width:o-h,height:s-r}:!1},getUnion:function(n,r){var o=i(n.top,r.top),s=e(n.right,r.right),h=e(n.bottom,r.bottom),a=i(n.left,r.left);return new t(o,s,h,a)},getRegion:function(e){return t.from(e)},fromPoint:function(e){return new t({top:e.y,bottom:e.y,left:e.x,right:e.x})}};Object.keys(o).forEach(function(e){t[e]=o[e]}),t.init()}},function(t){"use once";t.exports=function(t,e){var i,n;return function(){return i?n:(i=!0,n=t.apply(e||this,arguments))}}},function(t){t.exports=function(){"use strict";var t={};return function(e){if(!t[e]){for(var i=[],n=0;e>n;n++)i.push("a["+n+"]");t[e]=new Function("c","a","return new c("+i.join(",")+")")}return t[e]}}()},[55,43],function(t){"use strict";var e=Object.prototype.toString;t.exports=function(t){return"[object Arguments]"===e.apply(t)||!!t.callee}},function(t){"use strict";t.exports=function(t){return Array.isArray(t)}},function(t){"use strict";t.exports=function(t){return"boolean"==typeof t}},function(t){"use strict";var e=Object.prototype.toString;t.exports=function(t){return"[object Date]"===e.apply(t)}},function(t,e,i){"use strict";var n=i(5);t.exports=function(t){return n(t)&&t===parseFloat(t,10)&&!(t===parseInt(t,10))}},function(t){"use strict";var e=Object.prototype.toString;t.exports=function(t){return"[object Function]"===e.apply(t)}},function(t,e,i){"use strict";t.exports={numeric:i(45),number:i(5),"int":i(44),"float":i(41),string:i(48),"function":i(42),object:i(46),arguments:i(37),"boolean":i(39),date:i(40),regexp:i(47),array:i(38)}},function(t,e,i){"use strict";var n=i(5);t.exports=function(t){return n(t)&&t===parseInt(t,10)}},function(t){"use strict";t.exports=function(t){return!isNaN(parseFloat(t))&&isFinite(t)}},function(t){"use strict";var e=Object.prototype.toString;t.exports=function(t){return"[object Object]"===e.apply(t)}},function(t){"use strict";var e=Object.prototype.toString;t.exports=function(t){return"[object RegExp]"===e.apply(t)}},function(t){"use strict";t.exports=function(t){return"string"==typeof t}},function(t,e,i){"use strict";var n=i(14),r=i(13),o=i(23),s=o.copyList,h=o.copy,a=i(36).object,u=i(16).EventEmitter,f=i(50),c=i(15),g={cy:"YCenter",cx:"XCenter",t:"Top",tc:"TopCenter",tl:"TopLeft",tr:"TopRight",b:"Bottom",bc:"BottomCenter",bl:"BottomLeft",br:"BottomRight",l:"Left",lc:"LeftCenter",r:"Right",rc:"RightCenter",c:"Center"},l=function(t,e,i,n){return this instanceof l?(u.call(this),a(t)?(s(t,this,["top","right","bottom","left"]),null==t.bottom&&null!=t.height&&(this.bottom=this.top+t.height),null==t.right&&null!=t.width&&(this.right=this.left+t.width),t.emitChangeEvents&&(this.emitChangeEvents=t.emitChangeEvents)):(this.top=t,this.right=e,this.bottom=i,this.left=n),this[0]=this.left,this[1]=this.top,void c(this)):r(l,arguments)};f(l,u),h({emitChangeEvents:!1,getRegion:function(t){return t?this.clone():this},setRegion:function(t){return this.set(t instanceof l?t.get():t),this},validate:function(){return l.validate(this)},_before:function(){return this.emitChangeEvents?s(this,{},["left","top","bottom","right"]):void 0},_after:function(t){this.emitChangeEvents&&((this.top!=t.top||this.left!=t.left)&&this.emitPositionChange(),(this.right!=t.right||this.bottom!=t.bottom)&&this.emitSizeChange())},notifyPositionChange:function(){this.emit("changeposition",this)},emitPositionChange:function(){this.notifyPositionChange()},notifySizeChange:function(){this.emit("changesize",this)},emitSizeChange:function(){this.notifySizeChange()},add:function(t){var e,i=this._before();for(e in t)n(t,e)&&(this[e]+=t[e]);return this[0]=this.left,this[1]=this.top,this._after(i),this},substract:function(t){var e,i=this._before();for(e in t)n(t,e)&&(this[e]-=t[e]);return this[0]=this.left,this[1]=this.top,this._after(i),this},getSize:function(){return{width:this.getWidth(),height:this.getHeight()}},setPosition:function(t){var e=this.getWidth(),i=this.getHeight();return t.left&&(t.right=t.left+e),t.top&&(t.bottom=t.top+i),this.set(t)},setSize:function(t){return t.height&&t.width?this.set({right:this.left+t.width,bottom:this.top+t.height}):(t.width&&this.setWidth(t.width),t.height&&this.setHeight(t.height),this)},setWidth:function(t){return this.set({right:this.left+t})},setHeight:function(t){return this.set({bottom:this.top+t})},set:function(t){var e=this._before();return s(t,this,["left","top","bottom","right"]),null==t.bottom&&null!=t.height&&(this.bottom=this.top+t.height),null==t.right&&null!=t.width&&(this.right=this.left+t.width),this[0]=this.left,this[1]=this.top,this._after(e),this},get:function(t){return t?this[t]:s(this,{},["left","right","top","bottom"])},shift:function(t){var e=this._before();return t.top&&(this.top+=t.top,this.bottom+=t.top),t.left&&(this.left+=t.left,this.right+=t.left),this[0]=this.left,this[1]=this.top,this._after(e),this},unshift:function(t){return t.top&&(t.top*=-1),t.left&&(t.left*=-1),this.shift(t)},equals:function(t){return this.equalsPosition(t)&&this.equalsSize(t)},equalsSize:function(t){var e=t instanceof l,i={width:null==t.width&&e?t.getWidth():t.width,height:null==t.height&&e?t.getHeight():t.height};return this.getWidth()==i.width&&this.getHeight()==i.height},equalsPosition:function(t){return this.top==t.top&&this.left==t.left},addLeft:function(t){var e=this._before();return this.left=this[0]=this.left+t,this._after(e),this},addTop:function(t){var e=this._before();return this.top=this[1]=this.top+t,this._after(e),this},addBottom:function(t){var e=this._before();return this.bottom+=t,this._after(e),this},addRight:function(t){var e=this._before();return this.right+=t,this._after(e),this},minTop:function(){return this.expand({top:1})},maxBottom:function(){return this.expand({bottom:1})},minLeft:function(){return this.expand({left:1})},maxRight:function(){return this.expand({right:1})},expand:function(t,e){var i,r=e||l.getDocRegion(),o=[],h=this._before();for(i in t)n(t,i)&&o.push(i);return s(r,this,o),this[0]=this.left,this[1]=this.top,this._after(h),this},clone:function(){return new l({top:this.top,left:this.left,right:this.right,bottom:this.bottom})},containsPoint:function(t,e){return 1==arguments.length&&(e=t.y,t=t.x),this.left<=t&&t<=this.right&&this.top<=e&&e<=this.bottom},containsRegion:function(t){return this.containsPoint(t.left,t.top)&&this.containsPoint(t.right,t.bottom)},diffHeight:function(t){return this.diff(t,{top:!0,bottom:!0})},diffWidth:function(t){return this.diff(t,{left:!0,right:!0})},diff:function(t,e){var i,r={};for(i in e)n(e,i)&&(r[i]=this[i]-t[i]);return r},getPosition:function(){return{left:this.left,top:this.top}},getPoint:function(t,e){g[t]||console.warn("The position ",t," could not be found! Available options are tl, bl, tr, br, l, r, t, b.");var i="getPoint"+g[t],n=this[i]();return e?{left:n.x,top:n.y}:n},getPointYCenter:function(){return{x:null,y:this.top+this.getHeight()/2}},getPointXCenter:function(){return{x:this.left+this.getWidth()/2,y:null}},getPointTop:function(){return{x:null,y:this.top}},getPointTopCenter:function(){return{x:this.left+this.getWidth()/2,y:this.top}},getPointTopLeft:function(){return{x:this.left,y:this.top}},getPointTopRight:function(){return{x:this.right,y:this.top}},getPointBottom:function(){return{x:null,y:this.bottom}},getPointBottomCenter:function(){return{x:this.left+this.getWidth()/2,y:this.bottom}},getPointBottomLeft:function(){return{x:this.left,y:this.bottom}},getPointBottomRight:function(){return{x:this.right,y:this.bottom}},getPointLeft:function(){return{x:this.left,y:null}},getPointLeftCenter:function(){return{x:this.left,y:this.top+this.getHeight()/2}},getPointRight:function(){return{x:this.right,y:null}
-},getPointRightCenter:function(){return{x:this.right,y:this.top+this.getHeight()/2}},getPointCenter:function(){return{x:this.left+this.getWidth()/2,y:this.top+this.getHeight()/2}},getHeight:function(){return this.bottom-this.top},getWidth:function(){return this.right-this.left},getTop:function(){return this.top},getLeft:function(){return this.left},getBottom:function(){return this.bottom},getRight:function(){return this.right},getArea:function(){return this.getWidth()*this.getHeight()},constrainTo:function(t){var e,i=this.getIntersection(t);if(!i||!i.equals(this)){var n=t.getWidth(),r=t.getHeight();return this.getWidth()>n&&(this.left=t.left,this.setWidth(n)),this.getHeight()>r&&(this.top=t.top,this.setHeight(r)),e={},this.right>t.right&&(e.left=t.right-this.right),this.bottom>t.bottom&&(e.top=t.bottom-this.bottom),this.left<t.left&&(e.left=t.left-this.left),this.top<t.top&&(e.top=t.top-this.top),this.shift(e),!0}return!1},__IS_REGION:!0},l.prototype),Object.defineProperties(l.prototype,{width:{get:function(){return this.getWidth()},set:function(t){return this.setWidth(t)}},height:{get:function(){return this.getHeight()},set:function(t){return this.setHeight(t)}}}),i(51)(l),t.exports=l},32,function(t,e,i){"use strict";var n=i(14),r=i(15);t.exports=function(t){var e=Math.max,i=Math.min,o={init:function(){var e,i,r={getIntersection:!0,getIntersectionArea:!0,getIntersectionHeight:!0,getIntersectionWidth:!0,getUnion:!0},o=t.prototype,s=n(r);for(i in r)s(i)&&(e=r[i],"string"!=typeof e&&(e=i),function(e,i,n){e[i]=function(e){return t[n]||console.warn("cannot find method ",n," on ",t),t[n](this,e)}}(o,e,i))},validate:r,getDocRegion:function(){return t.fromDOM(document.documentElement)},from:function(e){return e.__IS_REGION?e:"undefined"!=typeof HTMLElement&&e instanceof HTMLElement?t.fromDOM(e):e.type&&"undefined"!=typeof e.pageX&&"undefined"!=typeof e.pageY?t.fromEvent(e):t(e)},fromEvent:function(e){return t.fromPoint({x:e.pageX,y:e.pageY})},fromDOM:function(e){var i=e.getBoundingClientRect();return new t({top:i.top,left:i.left,bottom:i.bottom,right:i.right})},getIntersection:function(e,i){var n=this.getIntersectionArea(e,i);return n?new t(n):!1},getIntersectionWidth:function(t,n){var r=i(t.right,n.right),o=e(t.left,n.left);return r>o?r-o:0},getIntersectionHeight:function(t,n){var r=e(t.top,n.top),o=i(t.bottom,n.bottom);return o>r?o-r:0},getIntersectionArea:function(t,n){var r=e(t.top,n.top),o=i(t.right,n.right),s=i(t.bottom,n.bottom),h=e(t.left,n.left);return s>r&&o>h?{top:r,right:o,bottom:s,left:h,width:o-h,height:s-r}:!1},getUnion:function(n,r){var o=i(n.top,r.top),s=e(n.right,r.right),h=e(n.bottom,r.bottom),a=i(n.left,r.left);return new t(o,s,h,a)},getRegion:function(e){return t.from(e)},fromPoint:function(e){return new t({top:e.y,bottom:e.y,left:e.x,right:e.x})}};Object.keys(o).forEach(function(e){t[e]=o[e]}),t.init()}},function(t,e,i){var n;!function(){function r(t){var e={r:0,g:0,b:0},i=1,n=!1,r=!1;return"string"==typeof t&&(t=I(t)),"object"==typeof t&&(t.hasOwnProperty("r")&&t.hasOwnProperty("g")&&t.hasOwnProperty("b")?(e=o(t.r,t.g,t.b),n=!0,r="%"===String(t.r).substr(-1)?"prgb":"rgb"):t.hasOwnProperty("h")&&t.hasOwnProperty("s")&&t.hasOwnProperty("v")?(t.s=T(t.s),t.v=T(t.v),e=u(t.h,t.s,t.v),n=!0,r="hsv"):t.hasOwnProperty("h")&&t.hasOwnProperty("s")&&t.hasOwnProperty("l")&&(t.s=T(t.s),t.l=T(t.l),e=h(t.h,t.s,t.l),n=!0,r="hsl"),t.hasOwnProperty("a")&&(i=t.a)),i=S(i),{ok:n,format:t.format||r,r:q(255,F(e.r,0)),g:q(255,F(e.g,0)),b:q(255,F(e.b,0)),a:i}}function o(t,e,i){return{r:255*H(t,255),g:255*H(e,255),b:255*H(i,255)}}function s(t,e,i){t=H(t,255),e=H(e,255),i=H(i,255);var n,r,o=F(t,e,i),s=q(t,e,i),h=(o+s)/2;if(o==s)n=r=0;else{var a=o-s;switch(r=h>.5?a/(2-o-s):a/(o+s),o){case t:n=(e-i)/a+(i>e?6:0);break;case e:n=(i-t)/a+2;break;case i:n=(t-e)/a+4}n/=6}return{h:n,s:r,l:h}}function h(t,e,i){function n(t,e,i){return 0>i&&(i+=1),i>1&&(i-=1),1/6>i?t+6*(e-t)*i:.5>i?e:2/3>i?t+(e-t)*(2/3-i)*6:t}var r,o,s;if(t=H(t,360),e=H(e,100),i=H(i,100),0===e)r=o=s=i;else{var h=.5>i?i*(1+e):i+e-i*e,a=2*i-h;r=n(a,h,t+1/3),o=n(a,h,t),s=n(a,h,t-1/3)}return{r:255*r,g:255*o,b:255*s}}function a(t,e,i){t=H(t,255),e=H(e,255),i=H(i,255);var n,r,o=F(t,e,i),s=q(t,e,i),h=o,a=o-s;if(r=0===o?0:a/o,o==s)n=0;else{switch(o){case t:n=(e-i)/a+(i>e?6:0);break;case e:n=(i-t)/a+2;break;case i:n=(t-e)/a+4}n/=6}return{h:n,s:r,v:h}}function u(t,e,i){t=6*H(t,360),e=H(e,100),i=H(i,100);var n=z.floor(t),r=t-n,o=i*(1-e),s=i*(1-r*e),h=i*(1-(1-r)*e),a=n%6,u=[i,s,o,o,h,i][a],f=[h,i,i,s,o,o][a],c=[o,o,h,i,i,s][a];return{r:255*u,g:255*f,b:255*c}}function f(t,e,i,n){var r=[L(B(t).toString(16)),L(B(e).toString(16)),L(B(i).toString(16))];return n&&r[0].charAt(0)==r[0].charAt(1)&&r[1].charAt(0)==r[1].charAt(1)&&r[2].charAt(0)==r[2].charAt(1)?r[0].charAt(0)+r[1].charAt(0)+r[2].charAt(0):r.join("")}function c(t,e,i,n){var r=[L(E(n)),L(B(t).toString(16)),L(B(e).toString(16)),L(B(i).toString(16))];return r.join("")}function g(t,e){e=0===e?0:e||10;var i=X(t).toHsl();return i.s-=e/100,i.s=R(i.s),X(i)}function l(t,e){e=0===e?0:e||10;var i=X(t).toHsl();return i.s+=e/100,i.s=R(i.s),X(i)}function p(t){return X(t).desaturate(100)}function d(t,e){e=0===e?0:e||10;var i=X(t).toHsl();return i.l+=e/100,i.l=R(i.l),X(i)}function m(t,e){e=0===e?0:e||10;var i=X(t).toRgb();return i.r=F(0,q(255,i.r-B(255*-(e/100)))),i.g=F(0,q(255,i.g-B(255*-(e/100)))),i.b=F(0,q(255,i.b-B(255*-(e/100)))),X(i)}function v(t,e){e=0===e?0:e||10;var i=X(t).toHsl();return i.l-=e/100,i.l=R(i.l),X(i)}function b(t,e){var i=X(t).toHsl(),n=(B(i.h)+e)%360;return i.h=0>n?360+n:n,X(i)}function y(t){var e=X(t).toHsl();return e.h=(e.h+180)%360,X(e)}function _(t){var e=X(t).toHsl(),i=e.h;return[X(t),X({h:(i+120)%360,s:e.s,l:e.l}),X({h:(i+240)%360,s:e.s,l:e.l})]}function x(t){var e=X(t).toHsl(),i=e.h;return[X(t),X({h:(i+90)%360,s:e.s,l:e.l}),X({h:(i+180)%360,s:e.s,l:e.l}),X({h:(i+270)%360,s:e.s,l:e.l})]}function w(t){var e=X(t).toHsl(),i=e.h;return[X(t),X({h:(i+72)%360,s:e.s,l:e.l}),X({h:(i+216)%360,s:e.s,l:e.l})]}function C(t,e,i){e=e||6,i=i||30;var n=X(t).toHsl(),r=360/i,o=[X(t)];for(n.h=(n.h-(r*e>>1)+720)%360;--e;)n.h=(n.h+r)%360,o.push(X(n));return o}function P(t,e){e=e||6;for(var i=X(t).toHsv(),n=i.h,r=i.s,o=i.v,s=[],h=1/e;e--;)s.push(X({h:n,s:r,v:o})),o=(o+h)%1;return s}function D(t){var e={};for(var i in t)t.hasOwnProperty(i)&&(e[t[i]]=i);return e}function S(t){return t=parseFloat(t),(isNaN(t)||0>t||t>1)&&(t=1),t}function H(t,e){M(t)&&(t="100%");var i=k(t);return t=q(e,F(0,parseFloat(t))),i&&(t=parseInt(t*e,10)/100),z.abs(t-e)<1e-6?1:t%e/parseFloat(e)}function R(t){return q(1,F(0,t))}function O(t){return parseInt(t,16)}function M(t){return"string"==typeof t&&-1!=t.indexOf(".")&&1===parseFloat(t)}function k(t){return"string"==typeof t&&-1!=t.indexOf("%")}function L(t){return 1==t.length?"0"+t:""+t}function T(t){return 1>=t&&(t=100*t+"%"),t}function E(t){return Math.round(255*parseFloat(t)).toString(16)}function A(t){return O(t)/255}function I(t){t=t.replace(j,"").replace(W,"").toLowerCase();var e=!1;if(Y[t])t=Y[t],e=!0;else if("transparent"==t)return{r:0,g:0,b:0,a:0,format:"name"};var i;return(i=G.rgb.exec(t))?{r:i[1],g:i[2],b:i[3]}:(i=G.rgba.exec(t))?{r:i[1],g:i[2],b:i[3],a:i[4]}:(i=G.hsl.exec(t))?{h:i[1],s:i[2],l:i[3]}:(i=G.hsla.exec(t))?{h:i[1],s:i[2],l:i[3],a:i[4]}:(i=G.hsv.exec(t))?{h:i[1],s:i[2],v:i[3]}:(i=G.hsva.exec(t))?{h:i[1],s:i[2],v:i[3],a:i[4]}:(i=G.hex8.exec(t))?{a:A(i[1]),r:O(i[2]),g:O(i[3]),b:O(i[4]),format:e?"name":"hex8"}:(i=G.hex6.exec(t))?{r:O(i[1]),g:O(i[2]),b:O(i[3]),format:e?"name":"hex"}:(i=G.hex3.exec(t))?{r:O(i[1]+""+i[1]),g:O(i[2]+""+i[2]),b:O(i[3]+""+i[3]),format:e?"name":"hex"}:!1}var j=/^[\s,#]+/,W=/\s+$/,N=0,z=Math,B=z.round,q=z.min,F=z.max,V=z.random,X=function K(t,e){if(t=t?t:"",e=e||{},t instanceof K)return t;if(!(this instanceof K))return new K(t,e);var i=r(t);this._originalInput=t,this._r=i.r,this._g=i.g,this._b=i.b,this._a=i.a,this._roundA=B(100*this._a)/100,this._format=e.format||i.format,this._gradientType=e.gradientType,this._r<1&&(this._r=B(this._r)),this._g<1&&(this._g=B(this._g)),this._b<1&&(this._b=B(this._b)),this._ok=i.ok,this._tc_id=N++};X.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var t=this.toRgb();return(299*t.r+587*t.g+114*t.b)/1e3},setAlpha:function(t){return this._a=S(t),this._roundA=B(100*this._a)/100,this},toHsv:function(){var t=a(this._r,this._g,this._b);return{h:360*t.h,s:t.s,v:t.v,a:this._a}},toHsvString:function(){var t=a(this._r,this._g,this._b),e=B(360*t.h),i=B(100*t.s),n=B(100*t.v);return 1==this._a?"hsv("+e+", "+i+"%, "+n+"%)":"hsva("+e+", "+i+"%, "+n+"%, "+this._roundA+")"},toHsl:function(){var t=s(this._r,this._g,this._b);return{h:360*t.h,s:t.s,l:t.l,a:this._a}},toHslString:function(){var t=s(this._r,this._g,this._b),e=B(360*t.h),i=B(100*t.s),n=B(100*t.l);return 1==this._a?"hsl("+e+", "+i+"%, "+n+"%)":"hsla("+e+", "+i+"%, "+n+"%, "+this._roundA+")"},toHex:function(t){return f(this._r,this._g,this._b,t)},toHexString:function(t){return"#"+this.toHex(t)},toHex8:function(){return c(this._r,this._g,this._b,this._a)},toHex8String:function(){return"#"+this.toHex8()},toRgb:function(){return{r:B(this._r),g:B(this._g),b:B(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+B(this._r)+", "+B(this._g)+", "+B(this._b)+")":"rgba("+B(this._r)+", "+B(this._g)+", "+B(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:B(100*H(this._r,255))+"%",g:B(100*H(this._g,255))+"%",b:B(100*H(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+B(100*H(this._r,255))+"%, "+B(100*H(this._g,255))+"%, "+B(100*H(this._b,255))+"%)":"rgba("+B(100*H(this._r,255))+"%, "+B(100*H(this._g,255))+"%, "+B(100*H(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":this._a<1?!1:U[f(this._r,this._g,this._b,!0)]||!1},toFilter:function(t){var e="#"+c(this._r,this._g,this._b,this._a),i=e,n=this._gradientType?"GradientType = 1, ":"";if(t){var r=X(t);i=r.toHex8String()}return"progid:DXImageTransform.Microsoft.gradient("+n+"startColorstr="+e+",endColorstr="+i+")"},toString:function(t){var e=!!t;t=t||this._format;var i=!1,n=this._a<1&&this._a>=0,r=!e&&n&&("hex"===t||"hex6"===t||"hex3"===t||"name"===t);return r?"name"===t&&0===this._a?this.toName():this.toRgbString():("rgb"===t&&(i=this.toRgbString()),"prgb"===t&&(i=this.toPercentageRgbString()),("hex"===t||"hex6"===t)&&(i=this.toHexString()),"hex3"===t&&(i=this.toHexString(!0)),"hex8"===t&&(i=this.toHex8String()),"name"===t&&(i=this.toName()),"hsl"===t&&(i=this.toHslString()),"hsv"===t&&(i=this.toHsvString()),i||this.toHexString())},_applyModification:function(t,e){var i=t.apply(null,[this].concat([].slice.call(e)));return this._r=i._r,this._g=i._g,this._b=i._b,this.setAlpha(i._a),this},lighten:function(){return this._applyModification(d,arguments)},brighten:function(){return this._applyModification(m,arguments)},darken:function(){return this._applyModification(v,arguments)},desaturate:function(){return this._applyModification(g,arguments)},saturate:function(){return this._applyModification(l,arguments)},greyscale:function(){return this._applyModification(p,arguments)},spin:function(){return this._applyModification(b,arguments)},_applyCombination:function(t,e){return t.apply(null,[this].concat([].slice.call(e)))},analogous:function(){return this._applyCombination(C,arguments)},complement:function(){return this._applyCombination(y,arguments)},monochromatic:function(){return this._applyCombination(P,arguments)},splitcomplement:function(){return this._applyCombination(w,arguments)},triad:function(){return this._applyCombination(_,arguments)},tetrad:function(){return this._applyCombination(x,arguments)}},X.fromRatio=function(t,e){if("object"==typeof t){var i={};for(var n in t)t.hasOwnProperty(n)&&(i[n]="a"===n?t[n]:T(t[n]));t=i}return X(t,e)},X.equals=function(t,e){return t&&e?X(t).toRgbString()==X(e).toRgbString():!1},X.random=function(){return X.fromRatio({r:V(),g:V(),b:V()})},X.mix=function(t,e,i){i=0===i?0:i||50;var n,r=X(t).toRgb(),o=X(e).toRgb(),s=i/100,h=2*s-1,a=o.a-r.a;n=h*a==-1?h:(h+a)/(1+h*a),n=(n+1)/2;var u=1-n,f={r:o.r*n+r.r*u,g:o.g*n+r.g*u,b:o.b*n+r.b*u,a:o.a*s+r.a*(1-s)};return X(f)},X.readability=function(t,e){var i=X(t),n=X(e),r=i.toRgb(),o=n.toRgb(),s=i.getBrightness(),h=n.getBrightness(),a=Math.max(r.r,o.r)-Math.min(r.r,o.r)+Math.max(r.g,o.g)-Math.min(r.g,o.g)+Math.max(r.b,o.b)-Math.min(r.b,o.b);return{brightness:Math.abs(s-h),color:a}},X.isReadable=function(t,e){var i=X.readability(t,e);return i.brightness>125&&i.color>500},X.mostReadable=function(t,e){for(var i=null,n=0,r=!1,o=0;o<e.length;o++){var s=X.readability(t,e[o]),h=s.brightness>125&&s.color>500,a=3*(s.brightness/125)+s.color/500;(h&&!r||h&&r&&a>n||!h&&!r&&a>n)&&(r=h,n=a,i=X(e[o]))}return i};var Y=X.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},U=X.hexNames=D(Y),G=function(){var t="[-\\+]?\\d+%?",e="[-\\+]?\\d*\\.\\d+%?",i="(?:"+e+")|(?:"+t+")",n="[\\s|\\(]+("+i+")[,|\\s]+("+i+")[,|\\s]+("+i+")\\s*\\)?",r="[\\s|\\(]+("+i+")[,|\\s]+("+i+")[,|\\s]+("+i+")[,|\\s]+("+i+")\\s*\\)?";return{rgb:new RegExp("rgb"+n),rgba:new RegExp("rgba"+r),hsl:new RegExp("hsl"+n),hsla:new RegExp("hsla"+r),hsv:new RegExp("hsv"+n),hsva:new RegExp("hsva"+r),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})$/,hex8:/^([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/}}();"undefined"!=typeof t&&t.exports?t.exports=X:(n=function(){return X}.call(e,i,e,t),!(void 0!==n&&(t.exports=n)))}()},function(t,e,i){"use strict";var n=i(8),r=i(4),o=i(1),s=i(17),h=i(18);t.exports=n.createClass(o({displayName:"HueSpectrum",getDefaultProps:function(){return{height:300,width:30,pointerSize:3,defaultColor:i(6)}},getInitialState:function(){return{h:0}},componentDidUpdate:function(){},componentDidMount:function(){this.updateDragPositionIf()},updateDragPositionIf:function(){this.props.height||this.setState({})},render:function(){this.hsv=this.toColorValue(this.state.value||this.props.value||this.props.defaultValue||this.props.defaultColor),360!=this.state.h||this.hsv.h||(this.hsv.h=360);var t=o({},this.props.style);this.props.height&&(t.height=this.props.height),this.props.width&&(t.width=this.props.width);var e={height:this.props.pointerSize},i=this.getDragPosition();return null!=i&&(e.top=i,e.display="block"),n.DOM.div({className:"cp-hue-spectrum",style:t,onMouseDown:this.onMouseDown},n.DOM.div({className:"cp-hue-drag",style:e},n.DOM.div({className:"inner"})))},getDragPosition:function(t){if(t=t||this.hsv,!this.props.height&&!this.isMounted())return null;var e=this.props.height||r.fromDOM(this.getDOMNode()).getHeight(),i=this.props.pointerSize,n=Math.round(t.h*e/360),o=Math.round(i/2);return n-o},updateColor:function(t){t=h(t),this.hsv.h=360*t.y/t.height,0!=this.hsv.h&&(this.state.h=this.hsv.h),this.state.h=0!=this.hsv.h?this.hsv.h:0},toStringValue:i(7)},s))},function(t,e,i){"use strict";var n=i(8),r=i(4),o=i(1),s=i(3).fromRatio,h=i(17),a=i(18);t.exports=n.createClass(o({displayName:"SaturationSpectrum",getDefaultProps:function(){return{height:300,width:300,pointerSize:7,defaultColor:i(6)}},getInitialState:function(){return{pointerTop:null,pointerLeft:null}},componentDidUpdate:function(){},componentDidMount:function(){this.updateDragPositionIf()},updateDragPositionIf:function(){this.props.height&&this.props.width||this.setState({})},getDragPosition:function(t){t=t||this.hsv;var e=this.props.width,i=this.props.height,n=e&&i;if(!n&&!this.isMounted())return null;var o;n||(o=r.fromDOM(this.getDOMNode()),i=i||o.getHeight(),e=e||o.getWidth());var s=t.s*e,h=i-t.v*i,a=this.props.pointerSize,u=Math.floor(a/2);return this.props.value&&this.state.mouseDown&&(s=this.state.mouseDown.x),{left:s-u,top:h-u}},prepareBackgroundColor:function(t){var e=t,i=s({h:e.h%360/360,s:1,v:1});return i.toRgbString()},render:function(){var t=this.state.value||this.props.value||this.props.defaultValue||this.props.defaultColor;this.hsv=this.toColorValue(t);var e=this.props.style||{};this.props.height&&(e.height=this.props.height),this.props.width&&(e.width=this.props.width),e.backgroundColor=this.prepareBackgroundColor(this.hsv);var i={width:this.props.pointerSize,height:this.props.pointerSize},r=this.getDragPosition();return r&&(i.top=r.top,i.left=r.left,i.display="block"),n.DOM.div({className:"cp-saturation-spectrum",style:e,onMouseDown:this.onMouseDown},n.DOM.div({className:"cp-saturation-white"},n.DOM.div({className:"cp-saturation-black"})),n.DOM.div({className:"cp-saturation-drag",style:i},n.DOM.div({className:"inner"})))},getSaturationForPoint:function(t){return t.x/t.width},getColorValueForPoint:function(t){return(t.height-t.y)/t.height},updateColor:function(t){t=a(t),this.hsv.s=this.getSaturationForPoint(t),this.hsv.v=this.getColorValueForPoint(t)},toStringValue:i(7)},h))},function(t,e,i,n){t.exports=i(n)}]))});
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("React")):"function"==typeof define&&define.amd?define(["React"],e):"object"==typeof exports?exports.ColorPicker=e(require("React")):t.ColorPicker=e(t.React)}(this,function(t){return function(t){function e(n){if(i[n])return i[n].exports;var r=i[n]={exports:{},id:n,loaded:!1};return t[n].call(r.exports,r,r.exports,e),r.loaded=!0,r.exports}var i={};return e.m=t,e.c=i,e.p="",e(0)}([function(t,e,i){"use strict";function n(){}var r=i(6),o=i(2),s=i(3),h=i(26),a=i(27),u=s.toHsv,f=r.createClass({displayName:"ColorPicker",getDefaultProps:function(){return{defaultColor:i(4),saturationWidth:300,saturationHeight:300,hueHeight:null,hueWidth:30,hueMargin:10}},getInitialState:function(){return{value:this.props.defaultValue}},prepareClassName:function(t){var e=t.className||"";return e+=" cp"},prepareProps:function(t){return t.className=this.prepareClassName(t),t},render:function(){var t=this.prepareProps(o({},this.props)),e=this.props.hueStyle||{};e.marginLeft=this.props.hueMargin;var i=t.value?this.toColorValue(this.props.value):null,n=i?null:this.toColorValue(this.state.value||t.defaultValue||t.defaultColor),s={onDrag:this.handleSaturationDrag,onChange:this.handleSaturationChange,onMouseDown:this.handleSaturationMouseDown,height:t.saturationHeight,width:t.saturationWidth,inPicker:!0},u={onDrag:this.handleHueDrag,onChange:this.handleHueChange,height:t.hueHeight||t.saturationHeight,width:t.hueWidth,inPicker:!0,style:e};return this.state.dragHue&&((i||n).h=this.state.dragHue),i?(s.value=o({},i),u.value=o({},i)):(s.defaultValue=o({},n),u.defaultValue=o({},n)),r.createElement("div",r.__spread({},t),r.createElement(a,r.__spread({},s)),r.createElement(h,r.__spread({},u)))},toColorValue:function(t){return"string"==typeof t?u(t):t},toStringValue:i(5),handleChange:function(t){this.state.dragHue=null,t=o({},t);var e=this.toStringValue(t);(this.props.onChange||n)(e,t)},handleSaturationChange:function(t){this.handleChange(t)},handleHueChange:function(t){this.handleChange(t)},handleHueDrag:function(t){this.handleDrag(t)},handleSaturationDrag:function(t){this.handleDrag(t)},handleDrag:function(t){this.props.value||this.setState({value:t}),(this.props.onDrag||n)(this.toStringValue(t),t)},handleSaturationMouseDown:function(t){this.setState({dragHue:t.h})}});f.HueSpectrum=h,f.SaturationSpectrum=a,t.exports=f},function(t,e,i){t.exports=i(21)},function(t){"use strict";function e(t){if(null==t)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(t)}t.exports=Object.assign||function(t){for(var i,n,r=e(t),o=1;o<arguments.length;o++){i=arguments[o],n=Object.keys(Object(i));for(var s=0;s<n.length;s++)r[n[s]]=i[n[s]]}return r}},function(t,e,i){"use strict";function n(t){return a(t)}function r(t){var e=n(t).toHsl().h;return n({h:e,s:100,l:50,a:1})}function o(t){return a.fromRatio(t)}function s(t,e){return e>1&&(e/=100),t=n(t).toRgb(),t.a=e,n(t)}function h(t){return n(t).toHsv()}var a=i(24);"undefined"!=typeof window&&(window.tinycolor=a);var u={toColor:n,toPure:r,fromRatio:o,toAlpha:s,toHsv:h};"undefined"!=typeof window&&(window.color=u),t.exports=u},function(t){t.exports="red"},function(t,e,i){"use strict";var n=i(2),r=i(3).toColor;t.exports=function(t){return t=r(n({},t)),1==t.toRgb().a?t.toHexString():t.toRgbString()}},function(e){e.exports=t},function(t){"use strict";function e(t,e){function i(n){function r(){var r=arguments.length,o=[].concat(n);return r&&o.push.apply(o,arguments),o.length<e?i(o):t.apply(this,o)}return r}return"number"!=typeof e&&(e=t.length),i([])}var i=Object.prototype.hasOwnProperty;t.exports=e(function(t,e){return i.call(t,e)})},function(t){"use strict";t.exports=function(t){var e=!0;return t.right<t.left&&(e=!1,t.right=t.left),t.bottom<t.top&&(e=!1,t.bottom=t.top),e}},function(t,e,i){"use strict";function n(){}var r=i(1),o=i(2),s=i(11),h=i(3).toHsv;t.exports={toColorValue:function(t){return"string"==typeof t?h(t):{h:t.h,s:t.s,v:t.v,a:t.a}},onMouseDown:function(t){t.preventDefault();var e=r.fromDOM(this.getDOMNode()),i=this.getEventInfo(t,e);s(t,{scope:this,constrainTo:e,onDragStart:function(t,e){e.initialPoint=i,this.handleDragStart(t)},onDrag:function(t,i){var n=this.getEventInfo(t,e);this.updateColor(n),this.handleDrag(t,i)},onDrop:function(t,i){var n=this.getEventInfo(t,e);this.updateColor(n),this.handleDrop(t,i)}}),this.updateColor(i),this.handleMouseDown(t,{initialPoint:i})},handleMouseDown:function(t,e){(this.props.onMouseDown||n).apply(this,this.getColors()),this.handleDrag(t,e)},handleUpdate:function(t,e){var i=e.diff||{top:0,left:0},n=e.initialPoint;if(n){var r,o;this.state.top=r=n.y+i.top,this.state.left=o=n.x+i.left,this.state.mouseDown={x:o,y:r,width:n.width,height:n.height}}this.props.inPicker||this.props.value||this.setState({value:this.hsv})},handleDragStart:function(){},handleDrag:function(t,e){this.handleUpdate(t,e),(this.props.onDrag||n).apply(this,this.getColors())},handleDrop:function(t,e){this.handleUpdate(t,e),this.state.mouseDown=!1,(this.props.onChange||n).apply(this,this.getColors())},getColors:function(){var t=this.props.inPicker?this.hsv:this.toStringValue(this.hsv),e=[t];return this.props.inPicker||e.push(o({},this.hsv)),e},getEventInfo:function(t,e){e=e||r.fromDOM(this.getDOMNode());var i=t.clientX-e.left,n=t.clientY-e.top;return{x:i,y:n,width:e.getWidth(),height:e.getHeight()}}}},function(t){"use strict";t.exports=function(t){var e=t.height,i=t.width;return t.x<0&&(t.x=0),t.x>=i&&(t.x=i),t.y<0&&(t.y=0),t.y>=e&&(t.y=e),t}},function(t,e,i){"use strict";function n(t){var e,i=t.pageX,n=t.pageY;return s&&t.touches&&(e=t.touches[0])&&(i=e.pageX,n=e.pageY),{pageX:i,pageY:n}}var r=i(2),o=i(17),s=i(12),h=i(18),a=function(t){this.config=t},u={move:s?"touchmove":"mousemove",up:s?"touchend":"mouseup"};r(a.prototype,{initDrag:function(t){this.onDragInit(t);var e=h(this.onDragStart,this),i=s?t.target:window,n=function(t){e(t),this.onDrag(t)}.bind(this),r=function(t){this.onDrop(t),i.removeEventListener(u.move,n),i.removeEventListener(u.up,r)}.bind(this);i.addEventListener(u.move,n,!1),i.addEventListener(u.up,r)},onDragInit:function(t){var e={diff:{left:0,top:0}};this.state={config:e},this.config.region&&(this.state.initialRegion=o.from(this.config.region),this.state.dragRegion=e.dragRegion=this.state.initialRegion.clone()),this.config.constrainTo&&(this.state.constrainTo=o.from(this.config.constrainTo)),this.callConfig("onDragInit",t)},onDragStart:function(t){this.state.initPageCoords=n(t),this.state.didDrag=this.state.config.didDrag=!0,this.callConfig("onDragStart",t)},onDrag:function(t){var e=this.state.config,i=this.state.initPageCoords,r=n(t),o=e.diff={left:r.pageX-i.pageX,top:r.pageY-i.pageY};if(this.state.initialRegion){var s=e.dragRegion;s.set(this.state.initialRegion),s.shift(o),this.state.constrainTo&&(s.constrainTo(this.state.constrainTo),o.left=s.left-this.state.initialRegion.left,o.top=s.top-this.state.initialRegion.top),e.dragRegion=s}this.callConfig("onDrag",t)},onDrop:function(t){this.callConfig("onDrop",t),this.state=null},callConfig:function(t,e){var i=this.state.config,n=[e,i],r=this.config[t];r&&r.apply(this,n)}}),t.exports=function(t,e){if(e.scope){var i={scope:1,region:1,constrainTo:1};Object.keys(e).forEach(function(t){var n=e[t];t in i||"function"==typeof n&&(e[t]=n.bind(e.scope))})}var n=new a(e);return n.initDrag(t),n}},function(t,e){(function(e){t.exports="ontouchstart"in e||e.DocumentTouch&&document instanceof DocumentTouch}).call(e,function(){return this}())},function(t,e,i){"use strict";var n=i(1);n.prototype.alignToRegion=function(t,e){return n.align(this,t,e),this},n.prototype.alignToPoint=function(t,e){return n.alignToPoint(this,t,e),this}},function(t,e,i){"use strict";var n=i(1);n.align=function(t,e,i){return e=n.from(e),i=(i||"c-c").split("-"),2!=i.length&&console.warn("Incorrect region alignment! The align parameter need to be in the form 'br-c', that is, a - separated string!",i),n.alignToPoint(t,e.getPoint(i[1]),i[0])},n.alignToPoint=function(t,e,i){t=n.from(t);var r=t.getPoint(i),o=0,s={};return null!=r.x&&null!=e.x&&(o++,s.left=e.x-r.x),null!=r.y&&null!=e.y&&(o++,s.top=e.y-r.y),o&&t.shift(s),t}},function(t,e,i){"use strict";function n(t,e,i,n){e=r.from(e),n=n||{};var o=n.constrain,s=n.sync,h=n.offset||[],a=!1,u=!1,f=t.clone();Array.isArray(i)||(i=i?[i]:[]),Array.isArray(h)||(h=h?[h]:[]),o&&(o=o===!0?r.getDocRegion():o.getRegion()),s&&(s.size?(a=!0,u=!0):(a=s===!0?!0:s.width||!1,u=s===!0?!0:s.height||!1)),a&&f.setWidth(e.getWidth()),u&&f.setHeight(e.getHeight());for(var l,g,c,p,d=0,v=i.length,m=-1,b=-1;v>d;d++){if(g=i[d],l=h[d],f.alignToRegion(e,g),l&&(Array.isArray(l)||(l=h[d]=[l.x||l.left,l.y||l.top]),f.shift({left:l[0],top:l[1]})),!o)return t.set(f),g;if(c=f.getIntersection(o),c&&c.equals(f))return t.set(f),g;c&&(p=c.getArea())>m&&(m=p,b=d)}return~b?(g=i[b],l=h[b],f.alignToRegion(e,g),l&&f.shift({left:l[0],top:l[1]}),c=f.getIntersection(o),f.setRegion(c),f.alignToRegion(e,g),l&&f.shift({left:l[0],top:l[1]}),t.set(f),g):void 0}var r=i(1);t.exports=n},function(t,e,i){"use strict";function n(t,e,i,n){t=o.from(t);var s=t.clone(),h=r(s,e,i,n);return{position:h,region:s,widthChanged:s.getWidth()!=t.getWidth(),heightChanged:s.getHeight()!=t.getHeight(),positionChanged:s.equalsPosition(t)}}var r=i(15),o=i(1);t.exports=n},function(t,e,i){"use strict";var n=i(1);i(14),i(13);var r=i(16);n.alignRegions=function(t,e,i,n){var o=r(t,e,i,n),s=o.region;return s.equals(t)||t.setRegion(s),o.position},n.prototype.alignTo=function(t,e,i){i=i||{};var o=this,s=n.from(t),h=r(o,s,e,i),a=h.region;return a.equalsSize(o)||this.setSize(a.getSize()),a.equalsPosition(o)||this.setPosition(a.getPosition(),{absolute:!!i.absolute}),h.position},t.exports=n},function(t){"use once";t.exports=function(t,e){var i,n;return function(){return i?n:(i=!0,n=t.apply(e||this,arguments))}}},function(t){t.exports=function(){"use strict";var t={};return function(e){if(!t[e]){for(var i=[],n=0;e>n;n++)i.push("a["+n+"]");t[e]=new Function("c","a","return new c("+i.join(",")+")")}return t[e]}}()},function(t,e,i){var n=i(19);t.exports=function(t,e){return n(e.length)(t,e)}},function(t,e,i){"use strict";function n(t,e,i){return t&&i.forEach(function(i){r(t,i)&&(e[i]=t[i])}),e}var r=i(7),o=i(20),s=i(2),h=i(25).EventEmitter,a=i(22),u=i(8),f=Object.prototype.toString,l=function(t){return"[object Object]"===f.apply(t)},g={cy:"YCenter",cx:"XCenter",t:"Top",tc:"TopCenter",tl:"TopLeft",tr:"TopRight",b:"Bottom",bc:"BottomCenter",bl:"BottomLeft",br:"BottomRight",l:"Left",lc:"LeftCenter",r:"Right",rc:"RightCenter",c:"Center"},c=function(t,e,i,r){return this instanceof c?(h.call(this),l(t)?(n(t,this,["top","right","bottom","left"]),null==t.bottom&&null!=t.height&&(this.bottom=this.top+t.height),null==t.right&&null!=t.width&&(this.right=this.left+t.width),t.emitChangeEvents&&(this.emitChangeEvents=t.emitChangeEvents)):(this.top=t,this.right=e,this.bottom=i,this.left=r),this[0]=this.left,this[1]=this.top,void u(this)):o(c,arguments)};a(c,h),s(c.prototype,{emitChangeEvents:!1,getRegion:function(t){return t?this.clone():this},setRegion:function(t){return this.set(t instanceof c?t.get():t),this},validate:function(){return c.validate(this)},_before:function(){return this.emitChangeEvents?n(this,{},["left","top","bottom","right"]):void 0},_after:function(t){this.emitChangeEvents&&((this.top!=t.top||this.left!=t.left)&&this.emitPositionChange(),(this.right!=t.right||this.bottom!=t.bottom)&&this.emitSizeChange())},notifyPositionChange:function(){this.emit("changeposition",this)},emitPositionChange:function(){this.notifyPositionChange()},notifySizeChange:function(){this.emit("changesize",this)},emitSizeChange:function(){this.notifySizeChange()},add:function(t){var e,i=this._before();for(e in t)r(t,e)&&(this[e]+=t[e]);return this[0]=this.left,this[1]=this.top,this._after(i),this},substract:function(t){var e,i=this._before();for(e in t)r(t,e)&&(this[e]-=t[e]);return this[0]=this.left,this[1]=this.top,this._after(i),this},getSize:function(){return{width:this.width,height:this.height}},setPosition:function(t){var e=this.width,i=this.height;return void 0!=t.left&&(t.right=t.left+e),void 0!=t.top&&(t.bottom=t.top+i),this.set(t)},setSize:function(t){return void 0!=t.height&&void 0!=t.width?this.set({right:this.left+t.width,bottom:this.top+t.height}):(void 0!=t.width&&this.setWidth(t.width),void 0!=t.height&&this.setHeight(t.height),this)},setWidth:function(t){return this.set({right:this.left+t})},setHeight:function(t){return this.set({bottom:this.top+t})},set:function(t){var e=this._before();return n(t,this,["left","top","bottom","right"]),null==t.bottom&&null!=t.height&&(this.bottom=this.top+t.height),null==t.right&&null!=t.width&&(this.right=this.left+t.width),this[0]=this.left,this[1]=this.top,this._after(e),this},get:function(t){return t?this[t]:n(this,{},["left","right","top","bottom"])},shift:function(t){var e=this._before();return t.top&&(this.top+=t.top,this.bottom+=t.top),t.left&&(this.left+=t.left,this.right+=t.left),this[0]=this.left,this[1]=this.top,this._after(e),this},unshift:function(t){return t.top&&(t.top*=-1),t.left&&(t.left*=-1),this.shift(t)},equals:function(t){return this.equalsPosition(t)&&this.equalsSize(t)},equalsSize:function(t){var e=t instanceof c,i={width:null==t.width&&e?t.getWidth():t.width,height:null==t.height&&e?t.getHeight():t.height};return this.getWidth()==i.width&&this.getHeight()==i.height},equalsPosition:function(t){return this.top==t.top&&this.left==t.left},addLeft:function(t){var e=this._before();return this.left=this[0]=this.left+t,this._after(e),this},addTop:function(t){var e=this._before();return this.top=this[1]=this.top+t,this._after(e),this},addBottom:function(t){var e=this._before();return this.bottom+=t,this._after(e),this},addRight:function(t){var e=this._before();return this.right+=t,this._after(e),this},minTop:function(){return this.expand({top:1})},maxBottom:function(){return this.expand({bottom:1})},minLeft:function(){return this.expand({left:1})},maxRight:function(){return this.expand({right:1})},expand:function(t,e){var i,o=e||c.getDocRegion(),s=[],h=this._before();for(i in t)r(t,i)&&s.push(i);return n(o,this,s),this[0]=this.left,this[1]=this.top,this._after(h),this},clone:function(){return new c({top:this.top,left:this.left,right:this.right,bottom:this.bottom})},containsPoint:function(t,e){return 1==arguments.length&&(e=t.y,t=t.x),this.left<=t&&t<=this.right&&this.top<=e&&e<=this.bottom},containsRegion:function(t){return this.containsPoint(t.left,t.top)&&this.containsPoint(t.right,t.bottom)},diffHeight:function(t){return this.diff(t,{top:!0,bottom:!0})},diffWidth:function(t){return this.diff(t,{left:!0,right:!0})},diff:function(t,e){var i,n={};for(i in e)r(e,i)&&(n[i]=this[i]-t[i]);return n},getPosition:function(){return{left:this.left,top:this.top}},getPoint:function(t,e){g[t]||console.warn("The position ",t," could not be found! Available options are tl, bl, tr, br, l, r, t, b.");var i="getPoint"+g[t],n=this[i]();return e?{left:n.x,top:n.y}:n},getPointYCenter:function(){return{x:null,y:this.top+this.getHeight()/2}},getPointXCenter:function(){return{x:this.left+this.getWidth()/2,y:null}},getPointTop:function(){return{x:null,y:this.top}},getPointTopCenter:function(){return{x:this.left+this.getWidth()/2,y:this.top}},getPointTopLeft:function(){return{x:this.left,y:this.top}},getPointTopRight:function(){return{x:this.right,y:this.top}},getPointBottom:function(){return{x:null,y:this.bottom}},getPointBottomCenter:function(){return{x:this.left+this.getWidth()/2,y:this.bottom}},getPointBottomLeft:function(){return{x:this.left,y:this.bottom}},getPointBottomRight:function(){return{x:this.right,y:this.bottom}},getPointLeft:function(){return{x:this.left,y:null}},getPointLeftCenter:function(){return{x:this.left,y:this.top+this.getHeight()/2}},getPointRight:function(){return{x:this.right,y:null}},getPointRightCenter:function(){return{x:this.right,y:this.top+this.getHeight()/2}},getPointCenter:function(){return{x:this.left+this.getWidth()/2,y:this.top+this.getHeight()/2}},getHeight:function(){return this.bottom-this.top},getWidth:function(){return this.right-this.left},getTop:function(){return this.top},getLeft:function(){return this.left},getBottom:function(){return this.bottom},getRight:function(){return this.right},getArea:function(){return this.getWidth()*this.getHeight()},constrainTo:function(t){var e,i=this.getIntersection(t);if(!i||!i.equals(this)){var n=t.getWidth(),r=t.getHeight();return this.getWidth()>n&&(this.left=t.left,this.setWidth(n)),this.getHeight()>r&&(this.top=t.top,this.setHeight(r)),e={},this.right>t.right&&(e.left=t.right-this.right),this.bottom>t.bottom&&(e.top=t.bottom-this.bottom),this.left<t.left&&(e.left=t.left-this.left),this.top<t.top&&(e.top=t.top-this.top),this.shift(e),!0}return!1},__IS_REGION:!0}),Object.defineProperties(c.prototype,{width:{get:function(){return this.getWidth()},set:function(t){return this.setWidth(t)}},height:{get:function(){return this.getHeight()},set:function(t){return this.setHeight(t)}}}),i(23)(c),t.exports=c},function(t){"use strict";t.exports=function(t,e){t.super_=e,t.prototype=Object.create(e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}})}},function(t,e,i){"use strict";var n=i(7),r=i(8);t.exports=function(t){var e=Math.max,i=Math.min,o={init:function(){var e,i,r={getIntersection:!0,getIntersectionArea:!0,getIntersectionHeight:!0,getIntersectionWidth:!0,getUnion:!0},o=t.prototype,s=n(r);for(i in r)s(i)&&(e=r[i],"string"!=typeof e&&(e=i),function(e,i,n){e[i]=function(e){return t[n]||console.warn("cannot find method ",n," on ",t),t[n](this,e)}}(o,e,i))},validate:r,getDocRegion:function(){return t.fromDOM(document.documentElement)},from:function(e){if(e.__IS_REGION)return e;if("undefined"!=typeof document){if("undefined"!=typeof HTMLElement&&e instanceof HTMLElement)return t.fromDOM(e);if(e.type&&"undefined"!=typeof e.pageX&&"undefined"!=typeof e.pageY)return t.fromEvent(e)}return t(e)},fromEvent:function(e){return t.fromPoint({x:e.pageX,y:e.pageY})},fromDOM:function(e){var i=e.getBoundingClientRect();return new t({top:i.top,left:i.left,bottom:i.bottom,right:i.right})},getIntersection:function(e,i){var n=this.getIntersectionArea(e,i);return n?new t(n):!1},getIntersectionWidth:function(t,n){var r=i(t.right,n.right),o=e(t.left,n.left);return r>o?r-o:0},getIntersectionHeight:function(t,n){var r=e(t.top,n.top),o=i(t.bottom,n.bottom);return o>r?o-r:0},getIntersectionArea:function(t,n){var r=e(t.top,n.top),o=i(t.right,n.right),s=i(t.bottom,n.bottom),h=e(t.left,n.left);return s>r&&o>h?{top:r,right:o,bottom:s,left:h,width:o-h,height:s-r}:!1},getUnion:function(n,r){var o=i(n.top,r.top),s=e(n.right,r.right),h=e(n.bottom,r.bottom),a=i(n.left,r.left);return new t(o,s,h,a)},getRegion:function(e){return t.from(e)},fromPoint:function(e){return new t({top:e.y,bottom:e.y,left:e.x,right:e.x})}};Object.keys(o).forEach(function(e){t[e]=o[e]}),t.init()}},function(t,e,i){var n;!function(){function r(t){var e={r:0,g:0,b:0},i=1,n=!1,r=!1;return"string"==typeof t&&(t=I(t)),"object"==typeof t&&(t.hasOwnProperty("r")&&t.hasOwnProperty("g")&&t.hasOwnProperty("b")?(e=o(t.r,t.g,t.b),n=!0,r="%"===String(t.r).substr(-1)?"prgb":"rgb"):t.hasOwnProperty("h")&&t.hasOwnProperty("s")&&t.hasOwnProperty("v")?(t.s=T(t.s),t.v=T(t.v),e=u(t.h,t.s,t.v),n=!0,r="hsv"):t.hasOwnProperty("h")&&t.hasOwnProperty("s")&&t.hasOwnProperty("l")&&(t.s=T(t.s),t.l=T(t.l),e=h(t.h,t.s,t.l),n=!0,r="hsl"),t.hasOwnProperty("a")&&(i=t.a)),i=S(i),{ok:n,format:t.format||r,r:z(255,V(e.r,0)),g:z(255,V(e.g,0)),b:z(255,V(e.b,0)),a:i}}function o(t,e,i){return{r:255*H(t,255),g:255*H(e,255),b:255*H(i,255)}}function s(t,e,i){t=H(t,255),e=H(e,255),i=H(i,255);var n,r,o=V(t,e,i),s=z(t,e,i),h=(o+s)/2;if(o==s)n=r=0;else{var a=o-s;switch(r=h>.5?a/(2-o-s):a/(o+s),o){case t:n=(e-i)/a+(i>e?6:0);break;case e:n=(i-t)/a+2;break;case i:n=(t-e)/a+4}n/=6}return{h:n,s:r,l:h}}function h(t,e,i){function n(t,e,i){return 0>i&&(i+=1),i>1&&(i-=1),1/6>i?t+6*(e-t)*i:.5>i?e:2/3>i?t+(e-t)*(2/3-i)*6:t}var r,o,s;if(t=H(t,360),e=H(e,100),i=H(i,100),0===e)r=o=s=i;else{var h=.5>i?i*(1+e):i+e-i*e,a=2*i-h;r=n(a,h,t+1/3),o=n(a,h,t),s=n(a,h,t-1/3)}return{r:255*r,g:255*o,b:255*s}}function a(t,e,i){t=H(t,255),e=H(e,255),i=H(i,255);var n,r,o=V(t,e,i),s=z(t,e,i),h=o,a=o-s;if(r=0===o?0:a/o,o==s)n=0;else{switch(o){case t:n=(e-i)/a+(i>e?6:0);break;case e:n=(i-t)/a+2;break;case i:n=(t-e)/a+4}n/=6}return{h:n,s:r,v:h}}function u(t,e,i){t=6*H(t,360),e=H(e,100),i=H(i,100);var n=q.floor(t),r=t-n,o=i*(1-e),s=i*(1-r*e),h=i*(1-(1-r)*e),a=n%6,u=[i,s,o,o,h,i][a],f=[h,i,i,s,o,o][a],l=[o,o,h,i,i,s][a];return{r:255*u,g:255*f,b:255*l}}function f(t,e,i,n){var r=[L(F(t).toString(16)),L(F(e).toString(16)),L(F(i).toString(16))];return n&&r[0].charAt(0)==r[0].charAt(1)&&r[1].charAt(0)==r[1].charAt(1)&&r[2].charAt(0)==r[2].charAt(1)?r[0].charAt(0)+r[1].charAt(0)+r[2].charAt(0):r.join("")}function l(t,e,i,n){var r=[L(A(n)),L(F(t).toString(16)),L(F(e).toString(16)),L(F(i).toString(16))];return r.join("")}function g(t,e){e=0===e?0:e||10;var i=X(t).toHsl();return i.s-=e/100,i.s=R(i.s),X(i)}function c(t,e){e=0===e?0:e||10;var i=X(t).toHsl();return i.s+=e/100,i.s=R(i.s),X(i)}function p(t){return X(t).desaturate(100)}function d(t,e){e=0===e?0:e||10;var i=X(t).toHsl();return i.l+=e/100,i.l=R(i.l),X(i)}function v(t,e){e=0===e?0:e||10;var i=X(t).toRgb();return i.r=V(0,z(255,i.r-F(255*-(e/100)))),i.g=V(0,z(255,i.g-F(255*-(e/100)))),i.b=V(0,z(255,i.b-F(255*-(e/100)))),X(i)}function m(t,e){e=0===e?0:e||10;var i=X(t).toHsl();return i.l-=e/100,i.l=R(i.l),X(i)}function b(t,e){var i=X(t).toHsl(),n=(F(i.h)+e)%360;return i.h=0>n?360+n:n,X(i)}function y(t){var e=X(t).toHsl();return e.h=(e.h+180)%360,X(e)}function _(t){var e=X(t).toHsl(),i=e.h;return[X(t),X({h:(i+120)%360,s:e.s,l:e.l}),X({h:(i+240)%360,s:e.s,l:e.l})]}function x(t){var e=X(t).toHsl(),i=e.h;return[X(t),X({h:(i+90)%360,s:e.s,l:e.l}),X({h:(i+180)%360,s:e.s,l:e.l}),X({h:(i+270)%360,s:e.s,l:e.l})]}function w(t){var e=X(t).toHsl(),i=e.h;return[X(t),X({h:(i+72)%360,s:e.s,l:e.l}),X({h:(i+216)%360,s:e.s,l:e.l})]}function C(t,e,i){e=e||6,i=i||30;var n=X(t).toHsl(),r=360/i,o=[X(t)];for(n.h=(n.h-(r*e>>1)+720)%360;--e;)n.h=(n.h+r)%360,o.push(X(n));return o}function P(t,e){e=e||6;for(var i=X(t).toHsv(),n=i.h,r=i.s,o=i.v,s=[],h=1/e;e--;)s.push(X({h:n,s:r,v:o})),o=(o+h)%1;return s}function D(t){var e={};for(var i in t)t.hasOwnProperty(i)&&(e[t[i]]=i);return e}function S(t){return t=parseFloat(t),(isNaN(t)||0>t||t>1)&&(t=1),t}function H(t,e){M(t)&&(t="100%");var i=E(t);return t=z(e,V(0,parseFloat(t))),i&&(t=parseInt(t*e,10)/100),q.abs(t-e)<1e-6?1:t%e/parseFloat(e)}function R(t){return z(1,V(0,t))}function k(t){return parseInt(t,16)}function M(t){return"string"==typeof t&&-1!=t.indexOf(".")&&1===parseFloat(t)}function E(t){return"string"==typeof t&&-1!=t.indexOf("%")}function L(t){return 1==t.length?"0"+t:""+t}function T(t){return 1>=t&&(t=100*t+"%"),t}function A(t){return Math.round(255*parseFloat(t)).toString(16)}function O(t){return k(t)/255}function I(t){t=t.replace(N,"").replace(W,"").toLowerCase();var e=!1;if(Y[t])t=Y[t],e=!0;else if("transparent"==t)return{r:0,g:0,b:0,a:0,format:"name"};var i;return(i=$.rgb.exec(t))?{r:i[1],g:i[2],b:i[3]}:(i=$.rgba.exec(t))?{r:i[1],g:i[2],b:i[3],a:i[4]}:(i=$.hsl.exec(t))?{h:i[1],s:i[2],l:i[3]}:(i=$.hsla.exec(t))?{h:i[1],s:i[2],l:i[3],a:i[4]}:(i=$.hsv.exec(t))?{h:i[1],s:i[2],v:i[3]}:(i=$.hsva.exec(t))?{h:i[1],s:i[2],v:i[3],a:i[4]}:(i=$.hex8.exec(t))?{a:O(i[1]),r:k(i[2]),g:k(i[3]),b:k(i[4]),format:e?"name":"hex8"}:(i=$.hex6.exec(t))?{r:k(i[1]),g:k(i[2]),b:k(i[3]),format:e?"name":"hex"}:(i=$.hex3.exec(t))?{r:k(i[1]+""+i[1]),g:k(i[2]+""+i[2]),b:k(i[3]+""+i[3]),format:e?"name":"hex"}:!1}var N=/^[\s,#]+/,W=/\s+$/,j=0,q=Math,F=q.round,z=q.min,V=q.max,B=q.random,X=function G(t,e){if(t=t?t:"",e=e||{},t instanceof G)return t;if(!(this instanceof G))return new G(t,e);var i=r(t);this._originalInput=t,this._r=i.r,this._g=i.g,this._b=i.b,this._a=i.a,this._roundA=F(100*this._a)/100,this._format=e.format||i.format,this._gradientType=e.gradientType,this._r<1&&(this._r=F(this._r)),this._g<1&&(this._g=F(this._g)),this._b<1&&(this._b=F(this._b)),this._ok=i.ok,this._tc_id=j++};X.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var t=this.toRgb();return(299*t.r+587*t.g+114*t.b)/1e3},setAlpha:function(t){return this._a=S(t),this._roundA=F(100*this._a)/100,this},toHsv:function(){var t=a(this._r,this._g,this._b);return{h:360*t.h,s:t.s,v:t.v,a:this._a}},toHsvString:function(){var t=a(this._r,this._g,this._b),e=F(360*t.h),i=F(100*t.s),n=F(100*t.v);return 1==this._a?"hsv("+e+", "+i+"%, "+n+"%)":"hsva("+e+", "+i+"%, "+n+"%, "+this._roundA+")"},toHsl:function(){var t=s(this._r,this._g,this._b);return{h:360*t.h,s:t.s,l:t.l,a:this._a}},toHslString:function(){var t=s(this._r,this._g,this._b),e=F(360*t.h),i=F(100*t.s),n=F(100*t.l);return 1==this._a?"hsl("+e+", "+i+"%, "+n+"%)":"hsla("+e+", "+i+"%, "+n+"%, "+this._roundA+")"},toHex:function(t){return f(this._r,this._g,this._b,t)},toHexString:function(t){return"#"+this.toHex(t)},toHex8:function(){return l(this._r,this._g,this._b,this._a)},toHex8String:function(){return"#"+this.toHex8()},toRgb:function(){return{r:F(this._r),g:F(this._g),b:F(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+F(this._r)+", "+F(this._g)+", "+F(this._b)+")":"rgba("+F(this._r)+", "+F(this._g)+", "+F(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:F(100*H(this._r,255))+"%",g:F(100*H(this._g,255))+"%",b:F(100*H(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+F(100*H(this._r,255))+"%, "+F(100*H(this._g,255))+"%, "+F(100*H(this._b,255))+"%)":"rgba("+F(100*H(this._r,255))+"%, "+F(100*H(this._g,255))+"%, "+F(100*H(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":this._a<1?!1:U[f(this._r,this._g,this._b,!0)]||!1},toFilter:function(t){var e="#"+l(this._r,this._g,this._b,this._a),i=e,n=this._gradientType?"GradientType = 1, ":"";if(t){var r=X(t);i=r.toHex8String()}return"progid:DXImageTransform.Microsoft.gradient("+n+"startColorstr="+e+",endColorstr="+i+")"},toString:function(t){var e=!!t;t=t||this._format;var i=!1,n=this._a<1&&this._a>=0,r=!e&&n&&("hex"===t||"hex6"===t||"hex3"===t||"name"===t);return r?"name"===t&&0===this._a?this.toName():this.toRgbString():("rgb"===t&&(i=this.toRgbString()),"prgb"===t&&(i=this.toPercentageRgbString()),("hex"===t||"hex6"===t)&&(i=this.toHexString()),"hex3"===t&&(i=this.toHexString(!0)),"hex8"===t&&(i=this.toHex8String()),"name"===t&&(i=this.toName()),"hsl"===t&&(i=this.toHslString()),"hsv"===t&&(i=this.toHsvString()),i||this.toHexString())},_applyModification:function(t,e){var i=t.apply(null,[this].concat([].slice.call(e)));return this._r=i._r,this._g=i._g,this._b=i._b,this.setAlpha(i._a),this},lighten:function(){return this._applyModification(d,arguments)},brighten:function(){return this._applyModification(v,arguments)},darken:function(){return this._applyModification(m,arguments)},desaturate:function(){return this._applyModification(g,arguments)},saturate:function(){return this._applyModification(c,arguments)},greyscale:function(){return this._applyModification(p,arguments)},spin:function(){return this._applyModification(b,arguments)},_applyCombination:function(t,e){return t.apply(null,[this].concat([].slice.call(e)))},analogous:function(){return this._applyCombination(C,arguments)},complement:function(){return this._applyCombination(y,arguments)},monochromatic:function(){return this._applyCombination(P,arguments)},splitcomplement:function(){return this._applyCombination(w,arguments)},triad:function(){return this._applyCombination(_,arguments)},tetrad:function(){return this._applyCombination(x,arguments)}},X.fromRatio=function(t,e){if("object"==typeof t){var i={};for(var n in t)t.hasOwnProperty(n)&&(i[n]="a"===n?t[n]:T(t[n]));t=i}return X(t,e)},X.equals=function(t,e){return t&&e?X(t).toRgbString()==X(e).toRgbString():!1},X.random=function(){return X.fromRatio({r:B(),g:B(),b:B()})},X.mix=function(t,e,i){i=0===i?0:i||50;var n,r=X(t).toRgb(),o=X(e).toRgb(),s=i/100,h=2*s-1,a=o.a-r.a;n=h*a==-1?h:(h+a)/(1+h*a),n=(n+1)/2;var u=1-n,f={r:o.r*n+r.r*u,g:o.g*n+r.g*u,b:o.b*n+r.b*u,a:o.a*s+r.a*(1-s)};return X(f)},X.readability=function(t,e){var i=X(t),n=X(e),r=i.toRgb(),o=n.toRgb(),s=i.getBrightness(),h=n.getBrightness(),a=Math.max(r.r,o.r)-Math.min(r.r,o.r)+Math.max(r.g,o.g)-Math.min(r.g,o.g)+Math.max(r.b,o.b)-Math.min(r.b,o.b);return{brightness:Math.abs(s-h),color:a}},X.isReadable=function(t,e){var i=X.readability(t,e);return i.brightness>125&&i.color>500},X.mostReadable=function(t,e){for(var i=null,n=0,r=!1,o=0;o<e.length;o++){var s=X.readability(t,e[o]),h=s.brightness>125&&s.color>500,a=3*(s.brightness/125)+s.color/500;(h&&!r||h&&r&&a>n||!h&&!r&&a>n)&&(r=h,n=a,i=X(e[o]))}return i};var Y=X.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},U=X.hexNames=D(Y),$=function(){var t="[-\\+]?\\d+%?",e="[-\\+]?\\d*\\.\\d+%?",i="(?:"+e+")|(?:"+t+")",n="[\\s|\\(]+("+i+")[,|\\s]+("+i+")[,|\\s]+("+i+")\\s*\\)?",r="[\\s|\\(]+("+i+")[,|\\s]+("+i+")[,|\\s]+("+i+")[,|\\s]+("+i+")\\s*\\)?";
+return{rgb:new RegExp("rgb"+n),rgba:new RegExp("rgba"+r),hsl:new RegExp("hsl"+n),hsla:new RegExp("hsla"+r),hsv:new RegExp("hsv"+n),hsva:new RegExp("hsva"+r),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})$/,hex8:/^([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/}}();"undefined"!=typeof t&&t.exports?t.exports=X:(n=function(){return X}.call(e,i,e,t),!(void 0!==n&&(t.exports=n)))}()},function(t){function e(){this._events=this._events||{},this._maxListeners=this._maxListeners||void 0}function i(t){return"function"==typeof t}function n(t){return"number"==typeof t}function r(t){return"object"==typeof t&&null!==t}function o(t){return void 0===t}t.exports=e,e.EventEmitter=e,e.prototype._events=void 0,e.prototype._maxListeners=void 0,e.defaultMaxListeners=10,e.prototype.setMaxListeners=function(t){if(!n(t)||0>t||isNaN(t))throw TypeError("n must be a positive number");return this._maxListeners=t,this},e.prototype.emit=function(t){var e,n,s,h,a,u;if(this._events||(this._events={}),"error"===t&&(!this._events.error||r(this._events.error)&&!this._events.error.length)){if(e=arguments[1],e instanceof Error)throw e;throw TypeError('Uncaught, unspecified "error" event.')}if(n=this._events[t],o(n))return!1;if(i(n))switch(arguments.length){case 1:n.call(this);break;case 2:n.call(this,arguments[1]);break;case 3:n.call(this,arguments[1],arguments[2]);break;default:for(s=arguments.length,h=new Array(s-1),a=1;s>a;a++)h[a-1]=arguments[a];n.apply(this,h)}else if(r(n)){for(s=arguments.length,h=new Array(s-1),a=1;s>a;a++)h[a-1]=arguments[a];for(u=n.slice(),s=u.length,a=0;s>a;a++)u[a].apply(this,h)}return!0},e.prototype.addListener=function(t,n){var s;if(!i(n))throw TypeError("listener must be a function");if(this._events||(this._events={}),this._events.newListener&&this.emit("newListener",t,i(n.listener)?n.listener:n),this._events[t]?r(this._events[t])?this._events[t].push(n):this._events[t]=[this._events[t],n]:this._events[t]=n,r(this._events[t])&&!this._events[t].warned){var s;s=o(this._maxListeners)?e.defaultMaxListeners:this._maxListeners,s&&s>0&&this._events[t].length>s&&(this._events[t].warned=!0,console.error("(node) warning: possible EventEmitter memory leak detected. %d listeners added. Use emitter.setMaxListeners() to increase limit.",this._events[t].length),"function"==typeof console.trace&&console.trace())}return this},e.prototype.on=e.prototype.addListener,e.prototype.once=function(t,e){function n(){this.removeListener(t,n),r||(r=!0,e.apply(this,arguments))}if(!i(e))throw TypeError("listener must be a function");var r=!1;return n.listener=e,this.on(t,n),this},e.prototype.removeListener=function(t,e){var n,o,s,h;if(!i(e))throw TypeError("listener must be a function");if(!this._events||!this._events[t])return this;if(n=this._events[t],s=n.length,o=-1,n===e||i(n.listener)&&n.listener===e)delete this._events[t],this._events.removeListener&&this.emit("removeListener",t,e);else if(r(n)){for(h=s;h-->0;)if(n[h]===e||n[h].listener&&n[h].listener===e){o=h;break}if(0>o)return this;1===n.length?(n.length=0,delete this._events[t]):n.splice(o,1),this._events.removeListener&&this.emit("removeListener",t,e)}return this},e.prototype.removeAllListeners=function(t){var e,n;if(!this._events)return this;if(!this._events.removeListener)return 0===arguments.length?this._events={}:this._events[t]&&delete this._events[t],this;if(0===arguments.length){for(e in this._events)"removeListener"!==e&&this.removeAllListeners(e);return this.removeAllListeners("removeListener"),this._events={},this}if(n=this._events[t],i(n))this.removeListener(t,n);else for(;n.length;)this.removeListener(t,n[n.length-1]);return delete this._events[t],this},e.prototype.listeners=function(t){var e;return e=this._events&&this._events[t]?i(this._events[t])?[this._events[t]]:this._events[t].slice():[]},e.listenerCount=function(t,e){var n;return n=t._events&&t._events[e]?i(t._events[e])?1:t._events[e].length:0}},function(t,e,i){"use strict";var n=i(6),r=i(1),o=i(2),s=i(9),h=i(10);t.exports=n.createClass(o({displayName:"HueSpectrum",getDefaultProps:function(){return{height:300,width:30,pointerSize:3,defaultColor:i(4)}},getInitialState:function(){return{h:0}},componentDidUpdate:function(){},componentDidMount:function(){this.updateDragPositionIf()},updateDragPositionIf:function(){this.props.height||this.setState({})},render:function(){this.hsv=this.toColorValue(this.state.value||this.props.value||this.props.defaultValue||this.props.defaultColor),360!=this.state.h||this.hsv.h||(this.hsv.h=360);var t=o({},this.props.style);this.props.height&&(t.height=this.props.height),this.props.width&&(t.width=this.props.width);var e={height:this.props.pointerSize},i=this.getDragPosition();return null!=i&&(e.top=i,e.display="block"),n.createElement("div",{className:"cp-hue-spectrum",style:t,onMouseDown:this.onMouseDown},n.createElement("div",{className:"cp-hue-drag",style:e},n.createElement("div",{className:"inner"})))},getDragPosition:function(t){if(t=t||this.hsv,!this.props.height&&!this.isMounted())return null;var e=this.props.height||r.fromDOM(this.getDOMNode()).getHeight(),i=this.props.pointerSize,n=Math.round(t.h*e/360),o=Math.round(i/2);return n-o},updateColor:function(t){t=h(t),this.hsv.h=360*t.y/t.height,0!=this.hsv.h&&(this.state.h=this.hsv.h),this.state.h=0!=this.hsv.h?this.hsv.h:0},toStringValue:i(5)},s))},function(t,e,i){"use strict";var n=i(6),r=i(1),o=i(2),s=i(3).fromRatio,h=i(9),a=i(10);t.exports=n.createClass(o({displayName:"SaturationSpectrum",getDefaultProps:function(){return{height:300,width:300,pointerSize:7,defaultColor:i(4)}},getInitialState:function(){return{pointerTop:null,pointerLeft:null}},componentDidUpdate:function(){},componentDidMount:function(){this.updateDragPositionIf()},updateDragPositionIf:function(){this.props.height&&this.props.width||this.setState({})},getDragPosition:function(t){t=t||this.hsv;var e=this.props.width,i=this.props.height,n=e&&i;if(!n&&!this.isMounted())return null;var o;n||(o=r.fromDOM(this.getDOMNode()),i=i||o.getHeight(),e=e||o.getWidth());var s=t.s*e,h=i-t.v*i,a=this.props.pointerSize,u=Math.floor(a/2);return this.props.value&&this.state.mouseDown&&(s=this.state.mouseDown.x),{left:s-u,top:h-u}},prepareBackgroundColor:function(t){var e=t,i=s({h:e.h%360/360,s:1,v:1});return i.toRgbString()},render:function(){var t=this.state.value||this.props.value||this.props.defaultValue||this.props.defaultColor;this.hsv=this.toColorValue(t);var e=this.props.style||{};this.props.height&&(e.height=this.props.height),this.props.width&&(e.width=this.props.width),e.backgroundColor=this.prepareBackgroundColor(this.hsv);var i={width:this.props.pointerSize,height:this.props.pointerSize},r=this.getDragPosition();return r&&(i.top=r.top,i.left=r.left,i.display="block"),n.createElement("div",{className:"cp-saturation-spectrum",style:e,onMouseDown:this.onMouseDown},n.createElement("div",{className:"cp-saturation-white"},n.createElement("div",{className:"cp-saturation-black"})),n.createElement("div",{className:"cp-saturation-drag",style:i},n.createElement("div",{className:"inner"})))},getSaturationForPoint:function(t){return t.x/t.width},getColorValueForPoint:function(t){return(t.height-t.y)/t.height},updateColor:function(t){t=a(t),this.hsv.s=this.getSaturationForPoint(t),this.hsv.v=this.getColorValueForPoint(t)},toStringValue:i(5)},h))}])});

index.jsx

@@ -5,23 +5,11 @@ 'use strict';
 
-var React              = require('react')
-var ColorPicker        = require('./src')
-var HueSpectrum        = require('./src/HueSpectrum')
-var SaturationSpectrum = require('./src/SaturationSpectrum')
+var React       = require('react')
+var ColorPicker = require('./src')
 
-var colorUtils = require('./src/utils/color')
-
 var COLOR = '#F28281'
-var picker
 
-function onDrag(c){
-    COLOR = c
-}
-
 var App = React.createClass({
 
-    getState: function(){},
-
     onDrag: function(c){
-    	// console.log(c)
-        onDrag(c)
+        COLOR = c
         this.setState({})
@@ -31,6 +19,3 @@ },
     render: function(){
-    	// setTimeout(function(){
-    	// 	this.setState({})
-    	// }.bind(this), 100)
-        return <div>
+    	return <div>
         	<ColorPicker defaultValue={COLOR} onDrag={this.onDrag} saturationHeight={500}/>
@@ -43,3 +28,3 @@ <div style={{background: COLOR, width: 100, height: 100}} />
 
-React.render(<App />, document.body)
+React.render(<App />, document.getElementById('content'))
 

lib/index.js

 'use strict';
 
 var React      = require('react')
-var assign = require('object-assign')
+var assign     = require('object-assign')
 var colorUtils = require('./utils/color')
 
-var HueSpectrum        = React.createFactory(require('./HueSpectrum'))
-var SaturationSpectrum = React.createFactory(require('./SaturationSpectrum'))
+var HueSpectrum        = require('./HueSpectrum')
+var SaturationSpectrum = require('./SaturationSpectrum')
 
@@ -35,4 +35,8 @@ var toHsv = colorUtils.toHsv
 
-    prepareClasses: function(classes){
-        classes.push('cp')
+    prepareClassName: function(props){
+        var className = props.className || ''
+
+        className += ' cp'
+
+        return className
     },
@@ -42,5 +46,3 @@
 
-        var classes = [props.className || '']
-        this.prepareClasses(classes)
-        props.className = classes.join(' ')
+        props.className = this.prepareClassName(props)
 
@@ -52,4 +54,3 @@ return props
 
-        var props = this.prepareProps(assign({}, this.props))
-
+        var props    = this.prepareProps(assign({}, this.props))
         var hueStyle = this.props.hueStyle || {}
@@ -98,7 +99,6 @@
 
-        return React.DOM.div(
-                props,
-                SaturationSpectrum(saturationConfig),
-                HueSpectrum(hueConfig)
-            )
+        return React.createElement("div", React.__spread({},  props), 
+            React.createElement(SaturationSpectrum, React.__spread({},  saturationConfig)), 
+            React.createElement(HueSpectrum, React.__spread({},  hueConfig))
+        )
     },
@@ -105,0 +105,0 @@

package.json

 {
   "name": "react-color-picker",
-  "version": "2.1.5",
+  "version": "2.1.7",
   "description": "React Color Picker",
@@ -9,9 +9,9 @@ "main": "lib/index.js",
     "start": "npm run serve && npm run dev",
-    "serve": "./node_modules/.bin/http-server",
-    "css": "./node_modules/.bin/webpack --colors --progress --config stylus.config.js",
-    "lib": "./node_modules/.bin/gulp && npm run css",
-    "dist": "./node_modules/.bin/webpack --progress --colors --config dist.config.js",
-    "dist.min": "./node_modules/.bin/webpack --progress --colors --optimize-minimize --optimize-occurence-order --optimize-dedupe --config dist.min.config.js",
+    "serve": "http-server",
+    "css": "webpack --colors --progress --config stylus.config.js",
+    "lib": "gulp && npm run css",
+    "dist": "webpack --progress --colors --config dist.config.js",
+    "dist.min": "webpack --progress --colors --optimize-minimize --optimize-occurence-order --optimize-dedupe --config dist.min.config.js",
     "build": "npm run dist && npm run dist.min && npm run lib",
-    "dev": "./node_modules/.bin/webpack-dev-server --progress --colors --port 8090"
+    "dev": "webpack-dev-server --progress --colors --port 8090"
   },
@@ -25,4 +25,2 @@ "keywords": [
   ],
-  "author": "Radu Brehar",
-  "license": "MIT",
   "dependencies": {
@@ -32,4 +30,3 @@ "drag-helper": "^1.2.3",
     "object-assign": "^2.0.0",
-    "react": "^0.12.0",
-    "region": "^2.0.0",
+    "region": "^2.1.2",
     "tinycolor2": "^1.1.1"
@@ -41,5 +38,5 @@ },
     "gulp": "^3.8.11",
-    "gulp-react": "^2.0.0",
+    "gulp-react": "^3.0.1",
     "http-server": "^0.7.2",
-    "jsx-loader": "~0.11.2",
+    "jsx-loader": "~0.13.2",
     "style-loader": "~0.8.1",
@@ -50,12 +47,14 @@ "stylus-loader": "~0.4.0",
   },
-  "directories": {
-    "test": "test"
+  "peerDependencies": {
+    "react": ">=0.12.0"
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/radubrehar/react-color-picker.git"
+    "url": "https://github.com/zippyui/react-color-picker.git"
   },
   "bugs": {
-    "url": "https://github.com/radubrehar/react-color-picker/issues"
-  }
+    "url": "https://github.com/zippyui/react-color-picker/issues"
+  },
+  "license": "MIT",
+  "author": "ZippyUI <[e-mail]>"
 }

src/index.jsx

 'use strict';
 
 var React      = require('react')
-var assign = require('object-assign')
+var assign     = require('object-assign')
 var colorUtils = require('./utils/color')
 
-var HueSpectrum        = React.createFactory(require('./HueSpectrum'))
-var SaturationSpectrum = React.createFactory(require('./SaturationSpectrum'))
+var HueSpectrum        = require('./HueSpectrum')
+var SaturationSpectrum = require('./SaturationSpectrum')
 
@@ -35,4 +35,8 @@ var toHsv = colorUtils.toHsv
 
-    prepareClasses: function(classes){
-        classes.push('cp')
+    prepareClassName: function(props){
+        var className = props.className || ''
+
+        className += ' cp'
+
+        return className
     },
@@ -42,5 +46,3 @@
 
-        var classes = [props.className || '']
-        this.prepareClasses(classes)
-        props.className = classes.join(' ')
+        props.className = this.prepareClassName(props)
 
@@ -52,4 +54,3 @@ return props
 
-        var props = this.prepareProps(assign({}, this.props))
-
+        var props    = this.prepareProps(assign({}, this.props))
         var hueStyle = this.props.hueStyle || {}
@@ -98,7 +99,6 @@
 
-        return React.DOM.div(
-                props,
-                SaturationSpectrum(saturationConfig),
-                HueSpectrum(hueConfig)
-            )
+        return <div {...props}>
+            <SaturationSpectrum {...saturationConfig} />
+            <HueSpectrum {...hueConfig} />
+        </div>
     },
@@ -105,0 +105,0 @@

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

No bug tracker

Maintenance

Package does not have a linked bug tracker in package.json.

Found 1 instance in 1 package

Fixed alerts

No bug tracker

Maintenance

Package does not have a linked bug tracker in package.json.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

230529

decreased by-22.59%

Lines of code

5835

decreased by-21.91%

Number of medium supply chain risk alerts

3

increased by50%

Dependency changes

• + Addedjs-tokens@4.0.0(transitive)

• + Addedloose-envify@1.4.0(transitive)

• + Addedreact@18.3.1(transitive)

• - Removedreact@^0.12.0

• - Removedacorn@5.7.4(transitive)

• - Removedamdefine@1.0.1(transitive)

• - Removedast-types@0.9.6(transitive)

• - Removedbalanced-match@1.0.2(transitive)

• - Removedbase62@1.2.8(transitive)

• - Removedbrace-expansion@1.1.11(transitive)

• - Removedcommander@2.20.3(transitive)

• - Removedcommoner@0.10.8(transitive)

• - Removedconcat-map@0.0.1(transitive)

• - Removeddefined@1.0.1(transitive)

• - Removeddetective@4.7.1(transitive)

• - Removedenvify@3.4.1(transitive)

• - Removedesprima@3.1.3(transitive)

• - Removedesprima-fb@15001.1.0-dev-harmony-fb(transitive)

• - Removedglob@5.0.15(transitive)

• - Removedgraceful-fs@4.2.11(transitive)

• - Removediconv-lite@0.4.24(transitive)

• - Removedinflight@1.0.6(transitive)

• - Removedinherits@2.0.4(transitive)

• - Removedjstransform@11.0.3(transitive)

• - Removedminimatch@3.1.2(transitive)

• - Removedminimist@1.2.8(transitive)

• - Removedmkdirp@0.5.6(transitive)

• - Removedonce@1.4.0(transitive)

• - Removedpath-is-absolute@1.0.1(transitive)

• - Removedprivate@0.1.8(transitive)

• - Removedq@1.5.1(transitive)

• - Removedreact@0.12.2(transitive)

• - Removedrecast@0.11.23(transitive)

• - Removedsafer-buffer@2.1.2(transitive)

• - Removedsource-map@0.4.40.5.7(transitive)

• - Removedthrough@2.3.8(transitive)

• - Removedwrappy@1.0.2(transitive)

• Updatedregion@^2.1.2