From bb14c4f5011735415aafc1f4aadb2e090173b951 Mon Sep 17 00:00:00 2001 From: Dhruv Kothari Date: Mon, 23 Nov 2020 20:33:46 +0530 Subject: [PATCH 1/2] Update index.html --- docs/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/index.html b/docs/index.html index 2b1ebfea..0e8a43fe 100644 --- a/docs/index.html +++ b/docs/index.html @@ -4,7 +4,7 @@ - + React Color From d54f367bca05cd958ff88abad137e204ffeae3e3 Mon Sep 17 00:00:00 2001 From: kothariji Date: Mon, 23 Nov 2020 20:51:56 +0530 Subject: [PATCH 2/2] added favicon --- docs/build/bundle.js | 23112 +++++++++++++++-------------------------- 1 file changed, 8453 insertions(+), 14659 deletions(-) diff --git a/docs/build/bundle.js b/docs/build/bundle.js index b074197f..e0581f1a 100644 --- a/docs/build/bundle.js +++ b/docs/build/bundle.js @@ -80,11 +80,11 @@ var _react2 = _interopRequireDefault(_react); - var _reactDom = __webpack_require__(32); + var _reactDom = __webpack_require__(34); var _reactDom2 = _interopRequireDefault(_reactDom); - var _Home = __webpack_require__(171); + var _Home = __webpack_require__(173); var _Home2 = _interopRequireDefault(_Home); @@ -114,12 +114,10 @@ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -132,10 +130,10 @@ var ReactDOMFactories = __webpack_require__(22); var ReactElement = __webpack_require__(16); var ReactPropTypes = __webpack_require__(23); - var ReactVersion = __webpack_require__(28); + var ReactVersion = __webpack_require__(30); - var createReactClass = __webpack_require__(29); - var onlyChild = __webpack_require__(31); + var createReactClass = __webpack_require__(31); + var onlyChild = __webpack_require__(33); var createElement = ReactElement.createElement; var createFactory = ReactElement.createFactory; @@ -346,12 +344,10 @@ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -494,11 +490,9 @@ /** * Copyright (c) 2013-present, Facebook, Inc. - * All rights reserved. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * */ @@ -536,12 +530,10 @@ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2015-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2015-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -635,12 +627,10 @@ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2014-2015, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2014-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -658,45 +648,43 @@ var warning = emptyFunction; if (false) { - (function () { - var printWarning = function printWarning(format) { - for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { - args[_key - 1] = arguments[_key]; - } - - var argIndex = 0; - var message = 'Warning: ' + format.replace(/%s/g, function () { - return args[argIndex++]; - }); - if (typeof console !== 'undefined') { - console.error(message); - } - try { - // --- Welcome to debugging React --- - // This error was thrown as a convenience so that you can use this stack - // to find the callsite that caused this warning to fire. - throw new Error(message); - } catch (x) {} - }; + var printWarning = function printWarning(format) { + for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { + args[_key - 1] = arguments[_key]; + } - warning = function warning(condition, format) { - if (format === undefined) { - throw new Error('`warning(condition, format, ...args)` requires a warning ' + 'message argument'); - } + var argIndex = 0; + var message = 'Warning: ' + format.replace(/%s/g, function () { + return args[argIndex++]; + }); + if (typeof console !== 'undefined') { + console.error(message); + } + try { + // --- Welcome to debugging React --- + // This error was thrown as a convenience so that you can use this stack + // to find the callsite that caused this warning to fire. + throw new Error(message); + } catch (x) {} + }; - if (format.indexOf('Failed Composite propType: ') === 0) { - return; // Ignore CompositeComponent proptype check. - } + warning = function warning(condition, format) { + if (format === undefined) { + throw new Error('`warning(condition, format, ...args)` requires a warning ' + 'message argument'); + } - if (!condition) { - for (var _len2 = arguments.length, args = Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) { - args[_key2 - 2] = arguments[_key2]; - } + if (format.indexOf('Failed Composite propType: ') === 0) { + return; // Ignore CompositeComponent proptype check. + } - printWarning.apply(undefined, [format].concat(args)); + if (!condition) { + for (var _len2 = arguments.length, args = Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) { + args[_key2 - 2] = arguments[_key2]; } - }; - })(); + + printWarning.apply(undefined, [format].concat(args)); + } + }; } module.exports = warning; @@ -709,11 +697,9 @@ /** * Copyright (c) 2013-present, Facebook, Inc. - * All rights reserved. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * */ @@ -749,12 +735,10 @@ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * */ @@ -780,11 +764,9 @@ /** * Copyright (c) 2013-present, Facebook, Inc. - * All rights reserved. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -804,11 +786,9 @@ /** * Copyright (c) 2013-present, Facebook, Inc. - * All rights reserved. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -863,12 +843,10 @@ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2014-2015, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2014-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -932,12 +910,10 @@ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -1124,17 +1100,15 @@ /***/ }), /* 15 */ -[443, 6], +[439, 6], /* 16 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2014-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2014-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -1474,12 +1448,10 @@ /***/ (function(module, exports) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * */ @@ -1507,12 +1479,10 @@ /***/ (function(module, exports) { /** - * Copyright 2014-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2014-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * */ @@ -1531,12 +1501,10 @@ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -1711,12 +1679,10 @@ /***/ (function(module, exports) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * */ @@ -1756,12 +1722,10 @@ /***/ (function(module, exports) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * */ @@ -1819,12 +1783,10 @@ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -1992,12 +1954,10 @@ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -2015,12 +1975,10 @@ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. */ 'use strict'; @@ -2042,22 +2000,41 @@ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. */ 'use strict'; - var emptyFunction = __webpack_require__(9); - var invariant = __webpack_require__(12); - var warning = __webpack_require__(8); + var ReactIs = __webpack_require__(26); + var assign = __webpack_require__(4); + + var ReactPropTypesSecret = __webpack_require__(28); + var checkPropTypes = __webpack_require__(29); + + var has = Function.call.bind(Object.prototype.hasOwnProperty); + var printWarning = function() {}; + + if (false) { + printWarning = function(text) { + var message = 'Warning: ' + text; + if (typeof console !== 'undefined') { + console.error(message); + } + try { + // --- Welcome to debugging React --- + // This error was thrown as a convenience so that you can use this stack + // to find the callsite that caused this warning to fire. + throw new Error(message); + } catch (x) {} + }; + } - var ReactPropTypesSecret = __webpack_require__(26); - var checkPropTypes = __webpack_require__(27); + function emptyFunctionThatReturnsNull() { + return null; + } module.exports = function(isValidElement, throwOnDirectAccess) { /* global Symbol */ @@ -2148,12 +2125,14 @@ any: createAnyTypeChecker(), arrayOf: createArrayOfTypeChecker, element: createElementTypeChecker(), + elementType: createElementTypeTypeChecker(), instanceOf: createInstanceTypeChecker, node: createNodeChecker(), objectOf: createObjectOfTypeChecker, oneOf: createEnumTypeChecker, oneOfType: createUnionTypeChecker, - shape: createShapeTypeChecker + shape: createShapeTypeChecker, + exact: createStrictShapeTypeChecker, }; /** @@ -2200,12 +2179,13 @@ if (secret !== ReactPropTypesSecret) { if (throwOnDirectAccess) { // New behavior only for users of `prop-types` package - invariant( - false, + var err = new Error( 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use `PropTypes.checkPropTypes()` to call them. ' + 'Read more at http://fb.me/use-check-prop-types' ); + err.name = 'Invariant Violation'; + throw err; } else if (false) { // Old behavior for people using React.PropTypes var cacheKey = componentName + ':' + propName; @@ -2214,15 +2194,12 @@ // Avoid spamming the console because they are often not actionable except for lib authors manualPropTypeWarningCount < 3 ) { - warning( - false, + printWarning( 'You are manually calling a React.PropTypes validation ' + - 'function for the `%s` prop on `%s`. This is deprecated ' + + 'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' + 'and will throw in the standalone `prop-types` package. ' + 'You may be seeing this warning due to a third-party PropTypes ' + - 'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.', - propFullName, - componentName + 'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.' ); manualPropTypeCallCache[cacheKey] = true; manualPropTypeWarningCount++; @@ -2266,7 +2243,7 @@ } function createAnyTypeChecker() { - return createChainableTypeChecker(emptyFunction.thatReturnsNull); + return createChainableTypeChecker(emptyFunctionThatReturnsNull); } function createArrayOfTypeChecker(typeChecker) { @@ -2302,6 +2279,18 @@ return createChainableTypeChecker(validate); } + function createElementTypeTypeChecker() { + function validate(props, propName, componentName, location, propFullName) { + var propValue = props[propName]; + if (!ReactIs.isValidElementType(propValue)) { + var propType = getPropType(propValue); + return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement type.')); + } + return null; + } + return createChainableTypeChecker(validate); + } + function createInstanceTypeChecker(expectedClass) { function validate(props, propName, componentName, location, propFullName) { if (!(props[propName] instanceof expectedClass)) { @@ -2316,8 +2305,17 @@ function createEnumTypeChecker(expectedValues) { if (!Array.isArray(expectedValues)) { - false ? warning(false, 'Invalid argument supplied to oneOf, expected an instance of array.') : void 0; - return emptyFunction.thatReturnsNull; + if (false) { + if (arguments.length > 1) { + printWarning( + 'Invalid arguments supplied to oneOf, expected an array, got ' + arguments.length + ' arguments. ' + + 'A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).' + ); + } else { + printWarning('Invalid argument supplied to oneOf, expected an array.'); + } + } + return emptyFunctionThatReturnsNull; } function validate(props, propName, componentName, location, propFullName) { @@ -2328,8 +2326,14 @@ } } - var valuesString = JSON.stringify(expectedValues); - return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + propValue + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.')); + var valuesString = JSON.stringify(expectedValues, function replacer(key, value) { + var type = getPreciseType(value); + if (type === 'symbol') { + return String(value); + } + return value; + }); + return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + String(propValue) + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.')); } return createChainableTypeChecker(validate); } @@ -2345,7 +2349,7 @@ return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.')); } for (var key in propValue) { - if (propValue.hasOwnProperty(key)) { + if (has(propValue, key)) { var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret); if (error instanceof Error) { return error; @@ -2359,21 +2363,18 @@ function createUnionTypeChecker(arrayOfTypeCheckers) { if (!Array.isArray(arrayOfTypeCheckers)) { - false ? warning(false, 'Invalid argument supplied to oneOfType, expected an instance of array.') : void 0; - return emptyFunction.thatReturnsNull; + false ? printWarning('Invalid argument supplied to oneOfType, expected an instance of array.') : void 0; + return emptyFunctionThatReturnsNull; } for (var i = 0; i < arrayOfTypeCheckers.length; i++) { var checker = arrayOfTypeCheckers[i]; if (typeof checker !== 'function') { - warning( - false, - 'Invalid argument supplid to oneOfType. Expected an array of check functions, but ' + - 'received %s at index %s.', - getPostfixForTypeWarning(checker), - i + printWarning( + 'Invalid argument supplied to oneOfType. Expected an array of check functions, but ' + + 'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.' ); - return emptyFunction.thatReturnsNull; + return emptyFunctionThatReturnsNull; } } @@ -2422,6 +2423,36 @@ return createChainableTypeChecker(validate); } + function createStrictShapeTypeChecker(shapeTypes) { + function validate(props, propName, componentName, location, propFullName) { + var propValue = props[propName]; + var propType = getPropType(propValue); + if (propType !== 'object') { + return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.')); + } + // We need to check all keys in case some are required but missing from + // props. + var allKeys = assign({}, props[propName], shapeTypes); + for (var key in allKeys) { + var checker = shapeTypes[key]; + if (!checker) { + return new PropTypeError( + 'Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' + + '\nBad object: ' + JSON.stringify(props[propName], null, ' ') + + '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, ' ') + ); + } + var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret); + if (error) { + return error; + } + } + return null; + } + + return createChainableTypeChecker(validate); + } + function isNode(propValue) { switch (typeof propValue) { case 'number': @@ -2475,6 +2506,11 @@ return true; } + // falsy value can't be a Symbol + if (!propValue) { + return false; + } + // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol' if (propValue['@@toStringTag'] === 'Symbol') { return true; @@ -2549,6 +2585,7 @@ } ReactPropTypes.checkPropTypes = checkPropTypes; + ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache; ReactPropTypes.PropTypes = ReactPropTypes; return ReactPropTypes; @@ -2557,15 +2594,47 @@ /***/ }), /* 26 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + if (true) { + module.exports = __webpack_require__(27); + } else { + module.exports = require('./cjs/react-is.development.js'); + } + + +/***/ }), +/* 27 */ +/***/ (function(module, exports) { + + /** @license React v16.13.1 + * react-is.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ + + 'use strict';var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b? + Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119; + function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}exports.AsyncMode=l;exports.ConcurrentMode=m;exports.ContextConsumer=k;exports.ContextProvider=h;exports.Element=c;exports.ForwardRef=n;exports.Fragment=e;exports.Lazy=t;exports.Memo=r;exports.Portal=d; + exports.Profiler=g;exports.StrictMode=f;exports.Suspense=p;exports.isAsyncMode=function(a){return A(a)||z(a)===l};exports.isConcurrentMode=A;exports.isContextConsumer=function(a){return z(a)===k};exports.isContextProvider=function(a){return z(a)===h};exports.isElement=function(a){return"object"===typeof a&&null!==a&&a.$$typeof===c};exports.isForwardRef=function(a){return z(a)===n};exports.isFragment=function(a){return z(a)===e};exports.isLazy=function(a){return z(a)===t}; + exports.isMemo=function(a){return z(a)===r};exports.isPortal=function(a){return z(a)===d};exports.isProfiler=function(a){return z(a)===g};exports.isStrictMode=function(a){return z(a)===f};exports.isSuspense=function(a){return z(a)===p}; + exports.isValidElementType=function(a){return"string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};exports.typeOf=z; + + +/***/ }), +/* 28 */ /***/ (function(module, exports) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. */ 'use strict'; @@ -2576,25 +2645,37 @@ /***/ }), -/* 27 */ +/* 29 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. */ 'use strict'; + var printWarning = function() {}; + if (false) { - var invariant = require('fbjs/lib/invariant'); - var warning = require('fbjs/lib/warning'); var ReactPropTypesSecret = require('./lib/ReactPropTypesSecret'); var loggedTypeFailures = {}; + var has = Function.call.bind(Object.prototype.hasOwnProperty); + + printWarning = function(text) { + var message = 'Warning: ' + text; + if (typeof console !== 'undefined') { + console.error(message); + } + try { + // --- Welcome to debugging React --- + // This error was thrown as a convenience so that you can use this stack + // to find the callsite that caused this warning to fire. + throw new Error(message); + } catch (x) {} + }; } /** @@ -2611,7 +2692,7 @@ function checkPropTypes(typeSpecs, values, location, componentName, getStack) { if (false) { for (var typeSpecName in typeSpecs) { - if (typeSpecs.hasOwnProperty(typeSpecName)) { + if (has(typeSpecs, typeSpecName)) { var error; // Prop type validation may throw. In case they do, we don't want to // fail the render phase where it didn't fail before. So we log it. @@ -2619,12 +2700,28 @@ try { // This is intentionally an invariant that gets caught. It's the same // behavior as without this statement except with a better message. - invariant(typeof typeSpecs[typeSpecName] === 'function', '%s: %s type `%s` is invalid; it must be a function, usually from ' + 'React.PropTypes.', componentName || 'React class', location, typeSpecName); + if (typeof typeSpecs[typeSpecName] !== 'function') { + var err = Error( + (componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + ); + err.name = 'Invariant Violation'; + throw err; + } error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret); } catch (ex) { error = ex; } - warning(!error || error instanceof Error, '%s: type specification of %s `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error); + if (error && !(error instanceof Error)) { + printWarning( + (componentName || 'React class') + ': type specification of ' + + location + ' `' + typeSpecName + '` is invalid; the type checker ' + + 'function must return `null` or an `Error` but returned a ' + typeof error + '. ' + + 'You may have forgotten to pass an argument to the type checker ' + + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + + 'shape all require an argument).' + ); + } if (error instanceof Error && !(error.message in loggedTypeFailures)) { // Only monitor this failure once because there tends to be a lot of the // same error. @@ -2632,45 +2729,55 @@ var stack = getStack ? getStack() : ''; - warning(false, 'Failed %s type: %s%s', location, error.message, stack != null ? stack : ''); + printWarning( + 'Failed ' + location + ' type: ' + error.message + (stack != null ? stack : '') + ); } } } } } + /** + * Resets warning cache when testing. + * + * @private + */ + checkPropTypes.resetWarningCache = function() { + if (false) { + loggedTypeFailures = {}; + } + } + module.exports = checkPropTypes; /***/ }), -/* 28 */ +/* 30 */ /***/ (function(module, exports) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - module.exports = '15.6.1'; + module.exports = '15.7.0'; + /***/ }), -/* 29 */ +/* 31 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -2683,21 +2790,19 @@ isValidElement = _require2.isValidElement; var ReactNoopUpdateQueue = __webpack_require__(7); - var factory = __webpack_require__(30); + var factory = __webpack_require__(32); module.exports = factory(Component, isValidElement, ReactNoopUpdateQueue); /***/ }), -/* 30 */ +/* 32 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -2705,13 +2810,89 @@ var _assign = __webpack_require__(4); - var emptyObject = __webpack_require__(11); - var _invariant = __webpack_require__(12); + // -- Inlined from fbjs -- + + var emptyObject = {}; + + if (false) { + Object.freeze(emptyObject); + } + + var validateFormat = function validateFormat(format) {}; + + if (false) { + validateFormat = function validateFormat(format) { + if (format === undefined) { + throw new Error('invariant requires an error message argument'); + } + }; + } + + function _invariant(condition, format, a, b, c, d, e, f) { + validateFormat(format); + + if (!condition) { + var error; + if (format === undefined) { + error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.'); + } else { + var args = [a, b, c, d, e, f]; + var argIndex = 0; + error = new Error(format.replace(/%s/g, function () { + return args[argIndex++]; + })); + error.name = 'Invariant Violation'; + } + + error.framesToPop = 1; // we don't care about invariant's own frame + throw error; + } + } + + var warning = function(){}; if (false) { - var warning = require('fbjs/lib/warning'); + var printWarning = function printWarning(format) { + for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { + args[_key - 1] = arguments[_key]; + } + + var argIndex = 0; + var message = 'Warning: ' + format.replace(/%s/g, function () { + return args[argIndex++]; + }); + if (typeof console !== 'undefined') { + console.error(message); + } + try { + // --- Welcome to debugging React --- + // This error was thrown as a convenience so that you can use this stack + // to find the callsite that caused this warning to fire. + throw new Error(message); + } catch (x) {} + }; + + warning = function warning(condition, format) { + if (format === undefined) { + throw new Error('`warning(condition, format, ...args)` requires a warning ' + 'message argument'); + } + + if (format.indexOf('Failed Composite propType: ') === 0) { + return; // Ignore CompositeComponent proptype check. + } + + if (!condition) { + for (var _len2 = arguments.length, args = Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) { + args[_key2 - 2] = arguments[_key2]; + } + + printWarning.apply(undefined, [format].concat(args)); + } + }; } + // /-- Inlined from fbjs -- + var MIXINS_KEY = 'mixins'; // Helper function to allow the creation of anonymous functions which do not @@ -2965,22 +3146,60 @@ */ componentWillUnmount: 'DEFINE_MANY', - // ==== Advanced methods ==== - /** - * Updates the component's currently mounted DOM representation. - * - * By default, this implements React's rendering and reconciliation algorithm. - * Sophisticated clients may wish to override this. + * Replacement for (deprecated) `componentWillMount`. * - * @param {ReactReconcileTransaction} transaction - * @internal - * @overridable + * @optional */ - updateComponent: 'OVERRIDE_BASE' - }; + UNSAFE_componentWillMount: 'DEFINE_MANY', - /** + /** + * Replacement for (deprecated) `componentWillReceiveProps`. + * + * @optional + */ + UNSAFE_componentWillReceiveProps: 'DEFINE_MANY', + + /** + * Replacement for (deprecated) `componentWillUpdate`. + * + * @optional + */ + UNSAFE_componentWillUpdate: 'DEFINE_MANY', + + // ==== Advanced methods ==== + + /** + * Updates the component's currently mounted DOM representation. + * + * By default, this implements React's rendering and reconciliation algorithm. + * Sophisticated clients may wish to override this. + * + * @param {ReactReconcileTransaction} transaction + * @internal + * @overridable + */ + updateComponent: 'OVERRIDE_BASE' + }; + + /** + * Similar to ReactClassInterface but for static methods. + */ + var ReactClassStaticInterface = { + /** + * This method is invoked after a component is instantiated and when it + * receives new props. Return an object to update state in response to + * prop changes. Return null to indicate no change to state. + * + * If an object is returned, its keys will be merged into the existing state. + * + * @return {object || null} + * @optional + */ + getDerivedStateFromProps: 'DEFINE_MANY_MERGED' + }; + + /** * Mapping from class specification keys to special processing functions. * * Although these are declared like instance properties in the specification @@ -3214,6 +3433,7 @@ if (!statics) { return; } + for (var name in statics) { var property = statics[name]; if (!statics.hasOwnProperty(name)) { @@ -3230,14 +3450,25 @@ name ); - var isInherited = name in Constructor; - _invariant( - !isInherited, - 'ReactClass: You are attempting to define ' + - '`%s` on your component more than once. This conflict may be ' + - 'due to a mixin.', - name - ); + var isAlreadyDefined = name in Constructor; + if (isAlreadyDefined) { + var specPolicy = ReactClassStaticInterface.hasOwnProperty(name) + ? ReactClassStaticInterface[name] + : null; + + _invariant( + specPolicy === 'DEFINE_MANY_MERGED', + 'ReactClass: You are attempting to define ' + + '`%s` on your component more than once. This conflict may be ' + + 'due to a mixin.', + name + ); + + Constructor[name] = createMergedResultFunction(Constructor[name], property); + + return; + } + Constructor[name] = property; } } @@ -3547,6 +3778,12 @@ 'componentWillRecieveProps(). Did you mean componentWillReceiveProps()?', spec.displayName || 'A component' ); + warning( + !Constructor.prototype.UNSAFE_componentWillRecieveProps, + '%s has a method called UNSAFE_componentWillRecieveProps(). ' + + 'Did you mean UNSAFE_componentWillReceiveProps()?', + spec.displayName || 'A component' + ); } // Reduce time spent doing lookups by setting these on the prototype. @@ -3566,16 +3803,14 @@ /***/ }), -/* 31 */ +/* 33 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; @@ -3608,25 +3843,23 @@ module.exports = onlyChild; /***/ }), -/* 32 */ +/* 34 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; - module.exports = __webpack_require__(33); + module.exports = __webpack_require__(35); /***/ }), -/* 33 */ +/* 35 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -3634,16 +3867,16 @@ 'use strict'; - var ReactDOMComponentTree = __webpack_require__(34); - var ReactDefaultInjection = __webpack_require__(38); - var ReactMount = __webpack_require__(162); - var ReactReconciler = __webpack_require__(59); - var ReactUpdates = __webpack_require__(56); - var ReactVersion = __webpack_require__(167); + var ReactDOMComponentTree = __webpack_require__(36); + var ReactDefaultInjection = __webpack_require__(40); + var ReactMount = __webpack_require__(164); + var ReactReconciler = __webpack_require__(61); + var ReactUpdates = __webpack_require__(58); + var ReactVersion = __webpack_require__(169); - var findDOMNode = __webpack_require__(168); - var getHostComponentFromComposite = __webpack_require__(169); - var renderSubtreeIntoContainer = __webpack_require__(170); + var findDOMNode = __webpack_require__(170); + var getHostComponentFromComposite = __webpack_require__(171); + var renderSubtreeIntoContainer = __webpack_require__(172); var warning = __webpack_require__(8); ReactDefaultInjection.inject(); @@ -3732,25 +3965,23 @@ module.exports = ReactDOM; /***/ }), -/* 34 */ +/* 36 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var _prodInvariant = __webpack_require__(35); + var _prodInvariant = __webpack_require__(37); - var DOMProperty = __webpack_require__(36); - var ReactDOMComponentFlags = __webpack_require__(37); + var DOMProperty = __webpack_require__(38); + var ReactDOMComponentFlags = __webpack_require__(39); var invariant = __webpack_require__(12); @@ -3931,24 +4162,22 @@ module.exports = ReactDOMComponentTree; /***/ }), -/* 35 */ +/* 37 */ 6, -/* 36 */ +/* 38 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var _prodInvariant = __webpack_require__(35); + var _prodInvariant = __webpack_require__(37); var invariant = __webpack_require__(12); @@ -4146,16 +4375,14 @@ module.exports = DOMProperty; /***/ }), -/* 37 */ +/* 39 */ /***/ (function(module, exports) { /** - * Copyright 2015-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2015-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -4168,40 +4395,38 @@ module.exports = ReactDOMComponentFlags; /***/ }), -/* 38 */ +/* 40 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var ARIADOMPropertyConfig = __webpack_require__(39); - var BeforeInputEventPlugin = __webpack_require__(40); - var ChangeEventPlugin = __webpack_require__(55); - var DefaultEventPluginOrder = __webpack_require__(68); - var EnterLeaveEventPlugin = __webpack_require__(69); - var HTMLDOMPropertyConfig = __webpack_require__(74); - var ReactComponentBrowserEnvironment = __webpack_require__(75); - var ReactDOMComponent = __webpack_require__(88); - var ReactDOMComponentTree = __webpack_require__(34); - var ReactDOMEmptyComponent = __webpack_require__(133); - var ReactDOMTreeTraversal = __webpack_require__(134); - var ReactDOMTextComponent = __webpack_require__(135); - var ReactDefaultBatchingStrategy = __webpack_require__(136); - var ReactEventListener = __webpack_require__(137); - var ReactInjection = __webpack_require__(140); - var ReactReconcileTransaction = __webpack_require__(141); - var SVGDOMPropertyConfig = __webpack_require__(149); - var SelectEventPlugin = __webpack_require__(150); - var SimpleEventPlugin = __webpack_require__(151); + var ARIADOMPropertyConfig = __webpack_require__(41); + var BeforeInputEventPlugin = __webpack_require__(42); + var ChangeEventPlugin = __webpack_require__(57); + var DefaultEventPluginOrder = __webpack_require__(70); + var EnterLeaveEventPlugin = __webpack_require__(71); + var HTMLDOMPropertyConfig = __webpack_require__(76); + var ReactComponentBrowserEnvironment = __webpack_require__(77); + var ReactDOMComponent = __webpack_require__(90); + var ReactDOMComponentTree = __webpack_require__(36); + var ReactDOMEmptyComponent = __webpack_require__(135); + var ReactDOMTreeTraversal = __webpack_require__(136); + var ReactDOMTextComponent = __webpack_require__(137); + var ReactDefaultBatchingStrategy = __webpack_require__(138); + var ReactEventListener = __webpack_require__(139); + var ReactInjection = __webpack_require__(142); + var ReactReconcileTransaction = __webpack_require__(143); + var SVGDOMPropertyConfig = __webpack_require__(151); + var SelectEventPlugin = __webpack_require__(152); + var SimpleEventPlugin = __webpack_require__(153); var alreadyInjected = false; @@ -4258,16 +4483,14 @@ }; /***/ }), -/* 39 */ +/* 41 */ /***/ (function(module, exports) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -4336,26 +4559,24 @@ module.exports = ARIADOMPropertyConfig; /***/ }), -/* 40 */ +/* 42 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var EventPropagators = __webpack_require__(41); - var ExecutionEnvironment = __webpack_require__(48); - var FallbackCompositionState = __webpack_require__(49); - var SyntheticCompositionEvent = __webpack_require__(52); - var SyntheticInputEvent = __webpack_require__(54); + var EventPropagators = __webpack_require__(43); + var ExecutionEnvironment = __webpack_require__(50); + var FallbackCompositionState = __webpack_require__(51); + var SyntheticCompositionEvent = __webpack_require__(54); + var SyntheticInputEvent = __webpack_require__(56); var END_KEYCODES = [9, 13, 27, 32]; // Tab, Return, Esc, Space var START_KEYCODE = 229; @@ -4724,26 +4945,24 @@ module.exports = BeforeInputEventPlugin; /***/ }), -/* 41 */ +/* 43 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var EventPluginHub = __webpack_require__(42); - var EventPluginUtils = __webpack_require__(44); + var EventPluginHub = __webpack_require__(44); + var EventPluginUtils = __webpack_require__(46); - var accumulateInto = __webpack_require__(46); - var forEachAccumulated = __webpack_require__(47); + var accumulateInto = __webpack_require__(48); + var forEachAccumulated = __webpack_require__(49); var warning = __webpack_require__(8); var getListener = EventPluginHub.getListener; @@ -4862,29 +5081,27 @@ module.exports = EventPropagators; /***/ }), -/* 42 */ +/* 44 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var _prodInvariant = __webpack_require__(35); + var _prodInvariant = __webpack_require__(37); - var EventPluginRegistry = __webpack_require__(43); - var EventPluginUtils = __webpack_require__(44); - var ReactErrorUtils = __webpack_require__(45); + var EventPluginRegistry = __webpack_require__(45); + var EventPluginUtils = __webpack_require__(46); + var ReactErrorUtils = __webpack_require__(47); - var accumulateInto = __webpack_require__(46); - var forEachAccumulated = __webpack_require__(47); + var accumulateInto = __webpack_require__(48); + var forEachAccumulated = __webpack_require__(49); var invariant = __webpack_require__(12); /** @@ -5140,23 +5357,21 @@ module.exports = EventPluginHub; /***/ }), -/* 43 */ +/* 45 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * */ 'use strict'; - var _prodInvariant = __webpack_require__(35); + var _prodInvariant = __webpack_require__(37); var invariant = __webpack_require__(12); @@ -5397,24 +5612,22 @@ module.exports = EventPluginRegistry; /***/ }), -/* 44 */ +/* 46 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var _prodInvariant = __webpack_require__(35); + var _prodInvariant = __webpack_require__(37); - var ReactErrorUtils = __webpack_require__(45); + var ReactErrorUtils = __webpack_require__(47); var invariant = __webpack_require__(12); var warning = __webpack_require__(8); @@ -5627,16 +5840,14 @@ module.exports = EventPluginUtils; /***/ }), -/* 45 */ +/* 47 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * */ @@ -5693,7 +5904,9 @@ if (typeof window !== 'undefined' && typeof window.dispatchEvent === 'function' && typeof document !== 'undefined' && typeof document.createEvent === 'function') { var fakeNode = document.createElement('react'); ReactErrorUtils.invokeGuardedCallback = function (name, func, a) { - var boundFunc = func.bind(null, a); + var boundFunc = function () { + func(a); + }; var evtType = 'react-' + name; fakeNode.addEventListener(evtType, boundFunc, false); var evt = document.createEvent('Event'); @@ -5707,23 +5920,21 @@ module.exports = ReactErrorUtils; /***/ }), -/* 46 */ +/* 48 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2014-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2014-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * */ 'use strict'; - var _prodInvariant = __webpack_require__(35); + var _prodInvariant = __webpack_require__(37); var invariant = __webpack_require__(12); @@ -5769,16 +5980,14 @@ module.exports = accumulateInto; /***/ }), -/* 47 */ +/* 49 */ /***/ (function(module, exports) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * */ @@ -5804,16 +6013,14 @@ module.exports = forEachAccumulated; /***/ }), -/* 48 */ +/* 50 */ /***/ (function(module, exports) { /** * Copyright (c) 2013-present, Facebook, Inc. - * All rights reserved. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -5844,16 +6051,14 @@ module.exports = ExecutionEnvironment; /***/ }), -/* 49 */ +/* 51 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -5861,9 +6066,9 @@ var _assign = __webpack_require__(4); - var PooledClass = __webpack_require__(50); + var PooledClass = __webpack_require__(52); - var getTextContentAccessor = __webpack_require__(51); + var getTextContentAccessor = __webpack_require__(53); /** * This helper class stores information about text content of a target node, @@ -5943,24 +6148,22 @@ module.exports = FallbackCompositionState; /***/ }), -/* 50 */ -[443, 35], -/* 51 */ +/* 52 */ +[439, 37], +/* 53 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var ExecutionEnvironment = __webpack_require__(48); + var ExecutionEnvironment = __webpack_require__(50); var contentKey = null; @@ -5982,22 +6185,20 @@ module.exports = getTextContentAccessor; /***/ }), -/* 52 */ +/* 54 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var SyntheticEvent = __webpack_require__(53); + var SyntheticEvent = __webpack_require__(55); /** * @interface Event @@ -6022,16 +6223,14 @@ module.exports = SyntheticCompositionEvent; /***/ }), -/* 53 */ +/* 55 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -6039,7 +6238,7 @@ var _assign = __webpack_require__(4); - var PooledClass = __webpack_require__(50); + var PooledClass = __webpack_require__(52); var emptyFunction = __webpack_require__(9); var warning = __webpack_require__(8); @@ -6207,6 +6406,33 @@ SyntheticEvent.Interface = EventInterface; + /** + * Helper to reduce boilerplate when creating subclasses. + * + * @param {function} Class + * @param {?object} Interface + */ + SyntheticEvent.augmentClass = function (Class, Interface) { + var Super = this; + + var E = function () {}; + E.prototype = Super.prototype; + var prototype = new E(); + + _assign(prototype, Class.prototype); + Class.prototype = prototype; + Class.prototype.constructor = Class; + + Class.Interface = _assign({}, Super.Interface, Interface); + Class.augmentClass = Super.augmentClass; + + PooledClass.addPoolingTo(Class, PooledClass.fourArgumentPooler); + }; + + /** Proxying after everything set on SyntheticEvent + * to resolve Proxy issue on some WebKit browsers + * in which some Event properties are set to undefined (GH#10010) + */ if (false) { if (isProxySupported) { /*eslint-disable no-func-assign */ @@ -6230,28 +6456,6 @@ /*eslint-enable no-func-assign */ } } - /** - * Helper to reduce boilerplate when creating subclasses. - * - * @param {function} Class - * @param {?object} Interface - */ - SyntheticEvent.augmentClass = function (Class, Interface) { - var Super = this; - - var E = function () {}; - E.prototype = Super.prototype; - var prototype = new E(); - - _assign(prototype, Class.prototype); - Class.prototype = prototype; - Class.prototype.constructor = Class; - - Class.Interface = _assign({}, Super.Interface, Interface); - Class.augmentClass = Super.augmentClass; - - PooledClass.addPoolingTo(Class, PooledClass.fourArgumentPooler); - }; PooledClass.addPoolingTo(SyntheticEvent, PooledClass.fourArgumentPooler); @@ -6292,22 +6496,20 @@ } /***/ }), -/* 54 */ +/* 56 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var SyntheticEvent = __webpack_require__(53); + var SyntheticEvent = __webpack_require__(55); /** * @interface Event @@ -6333,32 +6535,30 @@ module.exports = SyntheticInputEvent; /***/ }), -/* 55 */ +/* 57 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var EventPluginHub = __webpack_require__(42); - var EventPropagators = __webpack_require__(41); - var ExecutionEnvironment = __webpack_require__(48); - var ReactDOMComponentTree = __webpack_require__(34); - var ReactUpdates = __webpack_require__(56); - var SyntheticEvent = __webpack_require__(53); + var EventPluginHub = __webpack_require__(44); + var EventPropagators = __webpack_require__(43); + var ExecutionEnvironment = __webpack_require__(50); + var ReactDOMComponentTree = __webpack_require__(36); + var ReactUpdates = __webpack_require__(58); + var SyntheticEvent = __webpack_require__(55); - var inputValueTracking = __webpack_require__(64); - var getEventTarget = __webpack_require__(65); - var isEventSupported = __webpack_require__(66); - var isTextInputElement = __webpack_require__(67); + var inputValueTracking = __webpack_require__(66); + var getEventTarget = __webpack_require__(67); + var isEventSupported = __webpack_require__(68); + var isTextInputElement = __webpack_require__(69); var eventTypes = { change: { @@ -6467,7 +6667,7 @@ // IE9 claims to support the input event but fails to trigger it when // deleting text, so we ignore its input events. - isInputEventSupported = isEventSupported('input') && (!('documentMode' in document) || document.documentMode > 9); + isInputEventSupported = isEventSupported('input') && (!document.documentMode || document.documentMode > 9); } /** @@ -6649,29 +6849,27 @@ module.exports = ChangeEventPlugin; /***/ }), -/* 56 */ +/* 58 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var _prodInvariant = __webpack_require__(35), + var _prodInvariant = __webpack_require__(37), _assign = __webpack_require__(4); - var CallbackQueue = __webpack_require__(57); - var PooledClass = __webpack_require__(50); - var ReactFeatureFlags = __webpack_require__(58); - var ReactReconciler = __webpack_require__(59); - var Transaction = __webpack_require__(63); + var CallbackQueue = __webpack_require__(59); + var PooledClass = __webpack_require__(52); + var ReactFeatureFlags = __webpack_require__(60); + var ReactReconciler = __webpack_require__(61); + var Transaction = __webpack_require__(65); var invariant = __webpack_require__(12); @@ -6866,7 +7064,7 @@ * if no updates are currently being performed. */ function asap(callback, context) { - !batchingStrategy.isBatchingUpdates ? false ? invariant(false, 'ReactUpdates.asap: Can\'t enqueue an asap callback in a context whereupdates are not being batched.') : _prodInvariant('125') : void 0; + invariant(batchingStrategy.isBatchingUpdates, "ReactUpdates.asap: Can't enqueue an asap callback in a context where" + 'updates are not being batched.'); asapCallbackQueue.enqueue(callback, context); asapEnqueued = true; } @@ -6904,27 +7102,25 @@ module.exports = ReactUpdates; /***/ }), -/* 57 */ +/* 59 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * */ 'use strict'; - var _prodInvariant = __webpack_require__(35); + var _prodInvariant = __webpack_require__(37); function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - var PooledClass = __webpack_require__(50); + var PooledClass = __webpack_require__(52); var invariant = __webpack_require__(12); @@ -7027,16 +7223,14 @@ module.exports = PooledClass.addPoolingTo(CallbackQueue); /***/ }), -/* 58 */ +/* 60 */ /***/ (function(module, exports) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * */ @@ -7053,23 +7247,21 @@ module.exports = ReactFeatureFlags; /***/ }), -/* 59 */ +/* 61 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var ReactRef = __webpack_require__(60); - var ReactInstrumentation = __webpack_require__(62); + var ReactRef = __webpack_require__(62); + var ReactInstrumentation = __webpack_require__(64); var warning = __webpack_require__(8); @@ -7223,23 +7415,21 @@ module.exports = ReactReconciler; /***/ }), -/* 60 */ +/* 62 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * */ 'use strict'; - var ReactOwner = __webpack_require__(61); + var ReactOwner = __webpack_require__(63); var ReactRef = {}; @@ -7316,23 +7506,21 @@ module.exports = ReactRef; /***/ }), -/* 61 */ +/* 63 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * */ 'use strict'; - var _prodInvariant = __webpack_require__(35); + var _prodInvariant = __webpack_require__(37); var invariant = __webpack_require__(12); @@ -7413,16 +7601,14 @@ module.exports = ReactOwner; /***/ }), -/* 62 */ +/* 64 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2016-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2016-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * */ @@ -7441,23 +7627,21 @@ module.exports = { debugTool: debugTool }; /***/ }), -/* 63 */ +/* 65 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * */ 'use strict'; - var _prodInvariant = __webpack_require__(35); + var _prodInvariant = __webpack_require__(37); var invariant = __webpack_require__(12); @@ -7673,22 +7857,20 @@ module.exports = TransactionImpl; /***/ }), -/* 64 */ +/* 66 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var ReactDOMComponentTree = __webpack_require__(34); + var ReactDOMComponentTree = __webpack_require__(36); function isCheckable(elem) { var type = elem.type; @@ -7705,7 +7887,7 @@ } function detachTracker(inst) { - delete inst._wrapperState.valueTracker; + inst._wrapperState.valueTracker = null; } function getValueFromNode(node) { @@ -7800,16 +7982,14 @@ module.exports = inputValueTracking; /***/ }), -/* 65 */ +/* 67 */ /***/ (function(module, exports) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -7839,22 +8019,20 @@ module.exports = getEventTarget; /***/ }), -/* 66 */ +/* 68 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var ExecutionEnvironment = __webpack_require__(48); + var ExecutionEnvironment = __webpack_require__(50); var useHasFeature; if (ExecutionEnvironment.canUseDOM) { @@ -7903,16 +8081,14 @@ module.exports = isEventSupported; /***/ }), -/* 67 */ +/* 69 */ /***/ (function(module, exports) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * */ @@ -7958,16 +8134,14 @@ module.exports = isTextInputElement; /***/ }), -/* 68 */ +/* 70 */ /***/ (function(module, exports) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -7988,24 +8162,22 @@ module.exports = DefaultEventPluginOrder; /***/ }), -/* 69 */ +/* 71 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var EventPropagators = __webpack_require__(41); - var ReactDOMComponentTree = __webpack_require__(34); - var SyntheticMouseEvent = __webpack_require__(70); + var EventPropagators = __webpack_require__(43); + var ReactDOMComponentTree = __webpack_require__(36); + var SyntheticMouseEvent = __webpack_require__(72); var eventTypes = { mouseEnter: { @@ -8090,25 +8262,23 @@ module.exports = EnterLeaveEventPlugin; /***/ }), -/* 70 */ +/* 72 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var SyntheticUIEvent = __webpack_require__(71); - var ViewportMetrics = __webpack_require__(72); + var SyntheticUIEvent = __webpack_require__(73); + var ViewportMetrics = __webpack_require__(74); - var getEventModifierState = __webpack_require__(73); + var getEventModifierState = __webpack_require__(75); /** * @interface MouseEvent @@ -8166,24 +8336,22 @@ module.exports = SyntheticMouseEvent; /***/ }), -/* 71 */ +/* 73 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var SyntheticEvent = __webpack_require__(53); + var SyntheticEvent = __webpack_require__(55); - var getEventTarget = __webpack_require__(65); + var getEventTarget = __webpack_require__(67); /** * @interface UIEvent @@ -8229,16 +8397,14 @@ module.exports = SyntheticUIEvent; /***/ }), -/* 72 */ +/* 74 */ /***/ (function(module, exports) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -8258,16 +8424,14 @@ module.exports = ViewportMetrics; /***/ }), -/* 73 */ +/* 75 */ /***/ (function(module, exports) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -8305,22 +8469,20 @@ module.exports = getEventModifierState; /***/ }), -/* 74 */ +/* 76 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var DOMProperty = __webpack_require__(36); + var DOMProperty = __webpack_require__(38); var MUST_USE_PROPERTY = DOMProperty.injection.MUST_USE_PROPERTY; var HAS_BOOLEAN_VALUE = DOMProperty.injection.HAS_BOOLEAN_VALUE; @@ -8363,6 +8525,7 @@ contentEditable: 0, contextMenu: 0, controls: HAS_BOOLEAN_VALUE, + controlsList: 0, coords: 0, crossOrigin: 0, data: 0, // For `` acts as `src`. @@ -8545,23 +8708,21 @@ module.exports = HTMLDOMPropertyConfig; /***/ }), -/* 75 */ +/* 77 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var DOMChildrenOperations = __webpack_require__(76); - var ReactDOMIDOperations = __webpack_require__(87); + var DOMChildrenOperations = __webpack_require__(78); + var ReactDOMIDOperations = __webpack_require__(89); /** * Abstracts away all functionality of the reconciler that requires knowledge of @@ -8577,29 +8738,27 @@ module.exports = ReactComponentBrowserEnvironment; /***/ }), -/* 76 */ +/* 78 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var DOMLazyTree = __webpack_require__(77); - var Danger = __webpack_require__(83); - var ReactDOMComponentTree = __webpack_require__(34); - var ReactInstrumentation = __webpack_require__(62); + var DOMLazyTree = __webpack_require__(79); + var Danger = __webpack_require__(85); + var ReactDOMComponentTree = __webpack_require__(36); + var ReactInstrumentation = __webpack_require__(64); - var createMicrosoftUnsafeLocalFunction = __webpack_require__(80); - var setInnerHTML = __webpack_require__(79); - var setTextContent = __webpack_require__(81); + var createMicrosoftUnsafeLocalFunction = __webpack_require__(82); + var setInnerHTML = __webpack_require__(81); + var setTextContent = __webpack_require__(83); function getNodeAfter(parentNode, node) { // Special case for text components, which return [open, close] comments @@ -8807,26 +8966,24 @@ module.exports = DOMChildrenOperations; /***/ }), -/* 77 */ +/* 79 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2015-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2015-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var DOMNamespaces = __webpack_require__(78); - var setInnerHTML = __webpack_require__(79); + var DOMNamespaces = __webpack_require__(80); + var setInnerHTML = __webpack_require__(81); - var createMicrosoftUnsafeLocalFunction = __webpack_require__(80); - var setTextContent = __webpack_require__(81); + var createMicrosoftUnsafeLocalFunction = __webpack_require__(82); + var setTextContent = __webpack_require__(83); var ELEMENT_NODE_TYPE = 1; var DOCUMENT_FRAGMENT_NODE_TYPE = 11; @@ -8929,16 +9086,14 @@ module.exports = DOMLazyTree; /***/ }), -/* 78 */ +/* 80 */ /***/ (function(module, exports) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -8953,28 +9108,26 @@ module.exports = DOMNamespaces; /***/ }), -/* 79 */ +/* 81 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var ExecutionEnvironment = __webpack_require__(48); - var DOMNamespaces = __webpack_require__(78); + var ExecutionEnvironment = __webpack_require__(50); + var DOMNamespaces = __webpack_require__(80); var WHITESPACE_TEST = /^[ \r\n\t\f]/; var NONVISIBLE_TEST = /<(!--|link|noscript|meta|script|style)[ \r\n\t\f\/>]/; - var createMicrosoftUnsafeLocalFunction = __webpack_require__(80); + var createMicrosoftUnsafeLocalFunction = __webpack_require__(82); // SVG temp container for IE lacking innerHTML var reusableSVGContainer; @@ -9055,16 +9208,14 @@ module.exports = setInnerHTML; /***/ }), -/* 80 */ +/* 82 */ /***/ (function(module, exports) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -9091,24 +9242,22 @@ module.exports = createMicrosoftUnsafeLocalFunction; /***/ }), -/* 81 */ +/* 83 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var ExecutionEnvironment = __webpack_require__(48); - var escapeTextContentForBrowser = __webpack_require__(82); - var setInnerHTML = __webpack_require__(79); + var ExecutionEnvironment = __webpack_require__(50); + var escapeTextContentForBrowser = __webpack_require__(84); + var setInnerHTML = __webpack_require__(81); /** * Set the textContent property of a node, ensuring that whitespace is preserved @@ -9147,16 +9296,14 @@ module.exports = setTextContent; /***/ }), -/* 82 */ +/* 84 */ /***/ (function(module, exports) { /** - * Copyright 2016-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2016-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * Based on the escape-html library, which is used under the MIT License below: * @@ -9273,27 +9420,25 @@ module.exports = escapeTextContentForBrowser; /***/ }), -/* 83 */ +/* 85 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var _prodInvariant = __webpack_require__(35); + var _prodInvariant = __webpack_require__(37); - var DOMLazyTree = __webpack_require__(77); - var ExecutionEnvironment = __webpack_require__(48); + var DOMLazyTree = __webpack_require__(79); + var ExecutionEnvironment = __webpack_require__(50); - var createNodesFromMarkup = __webpack_require__(84); + var createNodesFromMarkup = __webpack_require__(86); var emptyFunction = __webpack_require__(9); var invariant = __webpack_require__(12); @@ -9323,28 +9468,26 @@ module.exports = Danger; /***/ }), -/* 84 */ +/* 86 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; /** * Copyright (c) 2013-present, Facebook, Inc. - * All rights reserved. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * @typechecks */ /*eslint-disable fb-www/unsafe-html*/ - var ExecutionEnvironment = __webpack_require__(48); + var ExecutionEnvironment = __webpack_require__(50); - var createArrayFromMixed = __webpack_require__(85); - var getMarkupWrap = __webpack_require__(86); + var createArrayFromMixed = __webpack_require__(87); + var getMarkupWrap = __webpack_require__(88); var invariant = __webpack_require__(12); /** @@ -9411,18 +9554,16 @@ module.exports = createNodesFromMarkup; /***/ }), -/* 85 */ +/* 87 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; /** * Copyright (c) 2013-present, Facebook, Inc. - * All rights reserved. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * @typechecks */ @@ -9542,24 +9683,22 @@ module.exports = createArrayFromMixed; /***/ }), -/* 86 */ +/* 88 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; /** * Copyright (c) 2013-present, Facebook, Inc. - * All rights reserved. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ /*eslint-disable fb-www/unsafe-html */ - var ExecutionEnvironment = __webpack_require__(48); + var ExecutionEnvironment = __webpack_require__(50); var invariant = __webpack_require__(12); @@ -9641,23 +9780,21 @@ module.exports = getMarkupWrap; /***/ }), -/* 87 */ +/* 89 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var DOMChildrenOperations = __webpack_require__(76); - var ReactDOMComponentTree = __webpack_require__(34); + var DOMChildrenOperations = __webpack_require__(78); + var ReactDOMComponentTree = __webpack_require__(36); /** * Operations used to process updates to DOM nodes. @@ -9678,16 +9815,14 @@ module.exports = ReactDOMIDOperations; /***/ }), -/* 88 */ +/* 90 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -9695,35 +9830,35 @@ 'use strict'; - var _prodInvariant = __webpack_require__(35), + var _prodInvariant = __webpack_require__(37), _assign = __webpack_require__(4); - var AutoFocusUtils = __webpack_require__(89); - var CSSPropertyOperations = __webpack_require__(91); - var DOMLazyTree = __webpack_require__(77); - var DOMNamespaces = __webpack_require__(78); - var DOMProperty = __webpack_require__(36); - var DOMPropertyOperations = __webpack_require__(99); - var EventPluginHub = __webpack_require__(42); - var EventPluginRegistry = __webpack_require__(43); - var ReactBrowserEventEmitter = __webpack_require__(101); - var ReactDOMComponentFlags = __webpack_require__(37); - var ReactDOMComponentTree = __webpack_require__(34); - var ReactDOMInput = __webpack_require__(104); - var ReactDOMOption = __webpack_require__(107); - var ReactDOMSelect = __webpack_require__(108); - var ReactDOMTextarea = __webpack_require__(109); - var ReactInstrumentation = __webpack_require__(62); - var ReactMultiChild = __webpack_require__(110); - var ReactServerRenderingTransaction = __webpack_require__(129); + var AutoFocusUtils = __webpack_require__(91); + var CSSPropertyOperations = __webpack_require__(93); + var DOMLazyTree = __webpack_require__(79); + var DOMNamespaces = __webpack_require__(80); + var DOMProperty = __webpack_require__(38); + var DOMPropertyOperations = __webpack_require__(101); + var EventPluginHub = __webpack_require__(44); + var EventPluginRegistry = __webpack_require__(45); + var ReactBrowserEventEmitter = __webpack_require__(103); + var ReactDOMComponentFlags = __webpack_require__(39); + var ReactDOMComponentTree = __webpack_require__(36); + var ReactDOMInput = __webpack_require__(106); + var ReactDOMOption = __webpack_require__(109); + var ReactDOMSelect = __webpack_require__(110); + var ReactDOMTextarea = __webpack_require__(111); + var ReactInstrumentation = __webpack_require__(64); + var ReactMultiChild = __webpack_require__(112); + var ReactServerRenderingTransaction = __webpack_require__(131); var emptyFunction = __webpack_require__(9); - var escapeTextContentForBrowser = __webpack_require__(82); + var escapeTextContentForBrowser = __webpack_require__(84); var invariant = __webpack_require__(12); - var isEventSupported = __webpack_require__(66); - var shallowEqual = __webpack_require__(118); - var inputValueTracking = __webpack_require__(64); - var validateDOMNesting = __webpack_require__(132); + var isEventSupported = __webpack_require__(68); + var shallowEqual = __webpack_require__(120); + var inputValueTracking = __webpack_require__(66); + var validateDOMNesting = __webpack_require__(134); var warning = __webpack_require__(8); var Flags = ReactDOMComponentFlags; @@ -10448,6 +10583,10 @@ // happen after `_updateDOMProperties`. Otherwise HTML5 input validations // raise warnings and prevent the new value from being assigned. ReactDOMInput.updateWrapper(this); + + // We also check that we haven't missed a value update, such as a + // Radio group shifting the checked value to another named radio input. + inputValueTracking.updateValueIfChanged(this); break; case 'textarea': ReactDOMTextarea.updateWrapper(this); @@ -10692,24 +10831,22 @@ module.exports = ReactDOMComponent; /***/ }), -/* 89 */ +/* 91 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var ReactDOMComponentTree = __webpack_require__(34); + var ReactDOMComponentTree = __webpack_require__(36); - var focusNode = __webpack_require__(90); + var focusNode = __webpack_require__(92); var AutoFocusUtils = { focusDOMComponent: function () { @@ -10720,16 +10857,14 @@ module.exports = AutoFocusUtils; /***/ }), -/* 90 */ +/* 92 */ /***/ (function(module, exports) { /** * Copyright (c) 2013-present, Facebook, Inc. - * All rights reserved. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -10751,29 +10886,27 @@ module.exports = focusNode; /***/ }), -/* 91 */ +/* 93 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var CSSProperty = __webpack_require__(92); - var ExecutionEnvironment = __webpack_require__(48); - var ReactInstrumentation = __webpack_require__(62); + var CSSProperty = __webpack_require__(94); + var ExecutionEnvironment = __webpack_require__(50); + var ReactInstrumentation = __webpack_require__(64); - var camelizeStyleName = __webpack_require__(93); - var dangerousStyleValue = __webpack_require__(95); - var hyphenateStyleName = __webpack_require__(96); - var memoizeStringOnly = __webpack_require__(98); + var camelizeStyleName = __webpack_require__(95); + var dangerousStyleValue = __webpack_require__(97); + var hyphenateStyleName = __webpack_require__(98); + var memoizeStringOnly = __webpack_require__(100); var warning = __webpack_require__(8); var processStyleName = memoizeStringOnly(function (styleName) { @@ -10970,16 +11103,14 @@ module.exports = CSSPropertyOperations; /***/ }), -/* 92 */ +/* 94 */ /***/ (function(module, exports) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -10998,6 +11129,7 @@ boxFlexGroup: true, boxOrdinalGroup: true, columnCount: true, + columns: true, flex: true, flexGrow: true, flexPositive: true, @@ -11128,23 +11260,21 @@ module.exports = CSSProperty; /***/ }), -/* 93 */ +/* 95 */ /***/ (function(module, exports, __webpack_require__) { /** * Copyright (c) 2013-present, Facebook, Inc. - * All rights reserved. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * @typechecks */ 'use strict'; - var camelize = __webpack_require__(94); + var camelize = __webpack_require__(96); var msPattern = /^-ms-/; @@ -11172,18 +11302,16 @@ module.exports = camelizeStyleName; /***/ }), -/* 94 */ +/* 96 */ /***/ (function(module, exports) { "use strict"; /** * Copyright (c) 2013-present, Facebook, Inc. - * All rights reserved. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * @typechecks */ @@ -11208,22 +11336,20 @@ module.exports = camelize; /***/ }), -/* 95 */ +/* 97 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var CSSProperty = __webpack_require__(92); + var CSSProperty = __webpack_require__(94); var warning = __webpack_require__(8); var isUnitlessNumber = CSSProperty.isUnitlessNumber; @@ -11291,23 +11417,21 @@ module.exports = dangerousStyleValue; /***/ }), -/* 96 */ +/* 98 */ /***/ (function(module, exports, __webpack_require__) { /** * Copyright (c) 2013-present, Facebook, Inc. - * All rights reserved. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * @typechecks */ 'use strict'; - var hyphenate = __webpack_require__(97); + var hyphenate = __webpack_require__(99); var msPattern = /^ms-/; @@ -11334,18 +11458,16 @@ module.exports = hyphenateStyleName; /***/ }), -/* 97 */ +/* 99 */ /***/ (function(module, exports) { 'use strict'; /** * Copyright (c) 2013-present, Facebook, Inc. - * All rights reserved. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * @typechecks */ @@ -11371,16 +11493,14 @@ module.exports = hyphenate; /***/ }), -/* 98 */ +/* 100 */ /***/ (function(module, exports) { /** * Copyright (c) 2013-present, Facebook, Inc. - * All rights reserved. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * * @typechecks static-only @@ -11405,26 +11525,24 @@ module.exports = memoizeStringOnly; /***/ }), -/* 99 */ +/* 101 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var DOMProperty = __webpack_require__(36); - var ReactDOMComponentTree = __webpack_require__(34); - var ReactInstrumentation = __webpack_require__(62); + var DOMProperty = __webpack_require__(38); + var ReactDOMComponentTree = __webpack_require__(36); + var ReactInstrumentation = __webpack_require__(64); - var quoteAttributeValueForBrowser = __webpack_require__(100); + var quoteAttributeValueForBrowser = __webpack_require__(102); var warning = __webpack_require__(8); var VALID_ATTRIBUTE_NAME_REGEX = new RegExp('^[' + DOMProperty.ATTRIBUTE_NAME_START_CHAR + '][' + DOMProperty.ATTRIBUTE_NAME_CHAR + ']*$'); @@ -11644,22 +11762,20 @@ module.exports = DOMPropertyOperations; /***/ }), -/* 100 */ +/* 102 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var escapeTextContentForBrowser = __webpack_require__(82); + var escapeTextContentForBrowser = __webpack_require__(84); /** * Escapes attribute value to prevent scripting attacks. @@ -11674,16 +11790,14 @@ module.exports = quoteAttributeValueForBrowser; /***/ }), -/* 101 */ +/* 103 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -11691,12 +11805,12 @@ var _assign = __webpack_require__(4); - var EventPluginRegistry = __webpack_require__(43); - var ReactEventEmitterMixin = __webpack_require__(102); - var ViewportMetrics = __webpack_require__(72); + var EventPluginRegistry = __webpack_require__(45); + var ReactEventEmitterMixin = __webpack_require__(104); + var ViewportMetrics = __webpack_require__(74); - var getVendorPrefixedEventName = __webpack_require__(103); - var isEventSupported = __webpack_require__(66); + var getVendorPrefixedEventName = __webpack_require__(105); + var isEventSupported = __webpack_require__(68); /** * Summary of `ReactBrowserEventEmitter` event handling: @@ -12002,22 +12116,20 @@ module.exports = ReactBrowserEventEmitter; /***/ }), -/* 102 */ +/* 104 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var EventPluginHub = __webpack_require__(42); + var EventPluginHub = __webpack_require__(44); function runEventQueueInBatch(events) { EventPluginHub.enqueueEvents(events); @@ -12038,22 +12150,20 @@ module.exports = ReactEventEmitterMixin; /***/ }), -/* 103 */ +/* 105 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var ExecutionEnvironment = __webpack_require__(48); + var ExecutionEnvironment = __webpack_require__(50); /** * Generate a mapping of standard vendor prefixes using the defined style property and event name. @@ -12143,28 +12253,26 @@ module.exports = getVendorPrefixedEventName; /***/ }), -/* 104 */ +/* 106 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var _prodInvariant = __webpack_require__(35), + var _prodInvariant = __webpack_require__(37), _assign = __webpack_require__(4); - var DOMPropertyOperations = __webpack_require__(99); - var LinkedValueUtils = __webpack_require__(105); - var ReactDOMComponentTree = __webpack_require__(34); - var ReactUpdates = __webpack_require__(56); + var DOMPropertyOperations = __webpack_require__(101); + var LinkedValueUtils = __webpack_require__(107); + var ReactDOMComponentTree = __webpack_require__(36); + var ReactUpdates = __webpack_require__(58); var invariant = __webpack_require__(12); var warning = __webpack_require__(8); @@ -12434,24 +12542,22 @@ module.exports = ReactDOMInput; /***/ }), -/* 105 */ +/* 107 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var _prodInvariant = __webpack_require__(35); + var _prodInvariant = __webpack_require__(37); - var ReactPropTypesSecret = __webpack_require__(106); + var ReactPropTypesSecret = __webpack_require__(108); var propTypesFactory = __webpack_require__(24); var React = __webpack_require__(3); @@ -12576,16 +12682,14 @@ module.exports = LinkedValueUtils; /***/ }), -/* 106 */ +/* 108 */ /***/ (function(module, exports) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * */ @@ -12597,16 +12701,14 @@ module.exports = ReactPropTypesSecret; /***/ }), -/* 107 */ +/* 109 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -12615,8 +12717,8 @@ var _assign = __webpack_require__(4); var React = __webpack_require__(3); - var ReactDOMComponentTree = __webpack_require__(34); - var ReactDOMSelect = __webpack_require__(108); + var ReactDOMComponentTree = __webpack_require__(36); + var ReactDOMSelect = __webpack_require__(110); var warning = __webpack_require__(8); var didWarnInvalidOptionChildren = false; @@ -12723,16 +12825,14 @@ module.exports = ReactDOMOption; /***/ }), -/* 108 */ +/* 110 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -12740,9 +12840,9 @@ var _assign = __webpack_require__(4); - var LinkedValueUtils = __webpack_require__(105); - var ReactDOMComponentTree = __webpack_require__(34); - var ReactUpdates = __webpack_require__(56); + var LinkedValueUtils = __webpack_require__(107); + var ReactDOMComponentTree = __webpack_require__(36); + var ReactUpdates = __webpack_require__(58); var warning = __webpack_require__(8); @@ -12927,27 +13027,25 @@ module.exports = ReactDOMSelect; /***/ }), -/* 109 */ +/* 111 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var _prodInvariant = __webpack_require__(35), + var _prodInvariant = __webpack_require__(37), _assign = __webpack_require__(4); - var LinkedValueUtils = __webpack_require__(105); - var ReactDOMComponentTree = __webpack_require__(34); - var ReactUpdates = __webpack_require__(56); + var LinkedValueUtils = __webpack_require__(107); + var ReactDOMComponentTree = __webpack_require__(36); + var ReactUpdates = __webpack_require__(58); var invariant = __webpack_require__(12); var warning = __webpack_require__(8); @@ -13091,33 +13189,31 @@ module.exports = ReactDOMTextarea; /***/ }), -/* 110 */ +/* 112 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var _prodInvariant = __webpack_require__(35); + var _prodInvariant = __webpack_require__(37); - var ReactComponentEnvironment = __webpack_require__(111); - var ReactInstanceMap = __webpack_require__(112); - var ReactInstrumentation = __webpack_require__(62); + var ReactComponentEnvironment = __webpack_require__(113); + var ReactInstanceMap = __webpack_require__(114); + var ReactInstrumentation = __webpack_require__(64); var ReactCurrentOwner = __webpack_require__(17); - var ReactReconciler = __webpack_require__(59); - var ReactChildReconciler = __webpack_require__(113); + var ReactReconciler = __webpack_require__(61); + var ReactChildReconciler = __webpack_require__(115); var emptyFunction = __webpack_require__(9); - var flattenChildren = __webpack_require__(128); + var flattenChildren = __webpack_require__(130); var invariant = __webpack_require__(12); /** @@ -13541,23 +13637,21 @@ module.exports = ReactMultiChild; /***/ }), -/* 111 */ +/* 113 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2014-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2014-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * */ 'use strict'; - var _prodInvariant = __webpack_require__(35); + var _prodInvariant = __webpack_require__(37); var invariant = __webpack_require__(12); @@ -13589,16 +13683,14 @@ module.exports = ReactComponentEnvironment; /***/ }), -/* 112 */ +/* 114 */ /***/ (function(module, exports) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -13639,27 +13731,25 @@ module.exports = ReactInstanceMap; /***/ }), -/* 113 */ +/* 115 */ /***/ (function(module, exports, __webpack_require__) { /* WEBPACK VAR INJECTION */(function(process) {/** - * Copyright 2014-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2014-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var ReactReconciler = __webpack_require__(59); + var ReactReconciler = __webpack_require__(61); - var instantiateReactComponent = __webpack_require__(115); - var KeyEscapeUtils = __webpack_require__(123); - var shouldUpdateReactComponent = __webpack_require__(119); - var traverseAllChildren = __webpack_require__(124); + var instantiateReactComponent = __webpack_require__(117); + var KeyEscapeUtils = __webpack_require__(125); + var shouldUpdateReactComponent = __webpack_require__(121); + var traverseAllChildren = __webpack_require__(126); var warning = __webpack_require__(8); var ReactComponentTreeHook; @@ -13670,7 +13760,7 @@ // https://github.com/facebook/react/issues/7240 // Remove the inline requires when we don't need them anymore: // https://github.com/facebook/react/pull/7178 - ReactComponentTreeHook = __webpack_require__(127); + ReactComponentTreeHook = __webpack_require__(129); } function instantiateChild(childInstances, child, name, selfDebugID) { @@ -13794,10 +13884,10 @@ }; module.exports = ReactChildReconciler; - /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(114))) + /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(116))) /***/ }), -/* 114 */ +/* 116 */ /***/ (function(module, exports) { // shim for using process in browser @@ -13987,29 +14077,27 @@ /***/ }), -/* 115 */ +/* 117 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var _prodInvariant = __webpack_require__(35), + var _prodInvariant = __webpack_require__(37), _assign = __webpack_require__(4); - var ReactCompositeComponent = __webpack_require__(116); - var ReactEmptyComponent = __webpack_require__(120); - var ReactHostComponent = __webpack_require__(121); + var ReactCompositeComponent = __webpack_require__(118); + var ReactEmptyComponent = __webpack_require__(122); + var ReactHostComponent = __webpack_require__(123); - var getNextDebugID = __webpack_require__(122); + var getNextDebugID = __webpack_require__(124); var invariant = __webpack_require__(12); var warning = __webpack_require__(8); @@ -14120,32 +14208,30 @@ module.exports = instantiateReactComponent; /***/ }), -/* 116 */ +/* 118 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var _prodInvariant = __webpack_require__(35), + var _prodInvariant = __webpack_require__(37), _assign = __webpack_require__(4); var React = __webpack_require__(3); - var ReactComponentEnvironment = __webpack_require__(111); + var ReactComponentEnvironment = __webpack_require__(113); var ReactCurrentOwner = __webpack_require__(17); - var ReactErrorUtils = __webpack_require__(45); - var ReactInstanceMap = __webpack_require__(112); - var ReactInstrumentation = __webpack_require__(62); - var ReactNodeTypes = __webpack_require__(117); - var ReactReconciler = __webpack_require__(59); + var ReactErrorUtils = __webpack_require__(47); + var ReactInstanceMap = __webpack_require__(114); + var ReactInstrumentation = __webpack_require__(64); + var ReactNodeTypes = __webpack_require__(119); + var ReactReconciler = __webpack_require__(61); if (false) { var checkReactTypeSpec = require('./checkReactTypeSpec'); @@ -14153,8 +14239,8 @@ var emptyObject = __webpack_require__(11); var invariant = __webpack_require__(12); - var shallowEqual = __webpack_require__(118); - var shouldUpdateReactComponent = __webpack_require__(119); + var shallowEqual = __webpack_require__(120); + var shouldUpdateReactComponent = __webpack_require__(121); var warning = __webpack_require__(8); var CompositeTypes = { @@ -15024,23 +15110,21 @@ module.exports = ReactCompositeComponent; /***/ }), -/* 117 */ +/* 119 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * */ 'use strict'; - var _prodInvariant = __webpack_require__(35); + var _prodInvariant = __webpack_require__(37); var React = __webpack_require__(3); @@ -15068,16 +15152,14 @@ module.exports = ReactNodeTypes; /***/ }), -/* 118 */ +/* 120 */ /***/ (function(module, exports) { /** * Copyright (c) 2013-present, Facebook, Inc. - * All rights reserved. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * @typechecks * @@ -15140,16 +15222,14 @@ module.exports = shallowEqual; /***/ }), -/* 119 */ +/* 121 */ /***/ (function(module, exports) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -15186,16 +15266,14 @@ module.exports = shouldUpdateReactComponent; /***/ }), -/* 120 */ +/* 122 */ /***/ (function(module, exports) { /** - * Copyright 2014-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2014-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -15220,22 +15298,20 @@ module.exports = ReactEmptyComponent; /***/ }), -/* 121 */ +/* 123 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2014-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2014-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var _prodInvariant = __webpack_require__(35); + var _prodInvariant = __webpack_require__(37); var invariant = __webpack_require__(12); @@ -15292,16 +15368,14 @@ module.exports = ReactHostComponent; /***/ }), -/* 122 */ +/* 124 */ /***/ (function(module, exports) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * */ @@ -15317,31 +15391,29 @@ module.exports = getNextDebugID; /***/ }), -/* 123 */ +/* 125 */ 21, -/* 124 */ +/* 126 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var _prodInvariant = __webpack_require__(35); + var _prodInvariant = __webpack_require__(37); var ReactCurrentOwner = __webpack_require__(17); - var REACT_ELEMENT_TYPE = __webpack_require__(125); + var REACT_ELEMENT_TYPE = __webpack_require__(127); - var getIteratorFn = __webpack_require__(126); + var getIteratorFn = __webpack_require__(128); var invariant = __webpack_require__(12); - var KeyEscapeUtils = __webpack_require__(123); + var KeyEscapeUtils = __webpack_require__(125); var warning = __webpack_require__(8); var SEPARATOR = '.'; @@ -15499,20 +15571,18 @@ module.exports = traverseAllChildren; /***/ }), -/* 125 */ +/* 127 */ 18, -/* 126 */ +/* 128 */ 20, -/* 127 */ +/* 129 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2016-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2016-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * */ @@ -15886,24 +15956,22 @@ module.exports = ReactComponentTreeHook; /***/ }), -/* 128 */ +/* 130 */ /***/ (function(module, exports, __webpack_require__) { /* WEBPACK VAR INJECTION */(function(process) {/** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * */ 'use strict'; - var KeyEscapeUtils = __webpack_require__(123); - var traverseAllChildren = __webpack_require__(124); + var KeyEscapeUtils = __webpack_require__(125); + var traverseAllChildren = __webpack_require__(126); var warning = __webpack_require__(8); var ReactComponentTreeHook; @@ -15914,7 +15982,7 @@ // https://github.com/facebook/react/issues/7240 // Remove the inline requires when we don't need them anymore: // https://github.com/facebook/react/pull/7178 - ReactComponentTreeHook = __webpack_require__(127); + ReactComponentTreeHook = __webpack_require__(129); } /** @@ -15964,19 +16032,17 @@ } module.exports = flattenChildren; - /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(114))) + /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(116))) /***/ }), -/* 129 */ +/* 131 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2014-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2014-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -15984,10 +16050,10 @@ var _assign = __webpack_require__(4); - var PooledClass = __webpack_require__(50); - var Transaction = __webpack_require__(63); - var ReactInstrumentation = __webpack_require__(62); - var ReactServerUpdateQueue = __webpack_require__(130); + var PooledClass = __webpack_require__(52); + var Transaction = __webpack_require__(65); + var ReactInstrumentation = __webpack_require__(64); + var ReactServerUpdateQueue = __webpack_require__(132); /** * Executed within the scope of the `Transaction` instance. Consider these as @@ -16061,16 +16127,14 @@ module.exports = ReactServerRenderingTransaction; /***/ }), -/* 130 */ +/* 132 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2015-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2015-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * */ @@ -16079,7 +16143,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - var ReactUpdateQueue = __webpack_require__(131); + var ReactUpdateQueue = __webpack_require__(133); var warning = __webpack_require__(8); @@ -16204,27 +16268,25 @@ module.exports = ReactServerUpdateQueue; /***/ }), -/* 131 */ +/* 133 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2015-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2015-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var _prodInvariant = __webpack_require__(35); + var _prodInvariant = __webpack_require__(37); var ReactCurrentOwner = __webpack_require__(17); - var ReactInstanceMap = __webpack_require__(112); - var ReactInstrumentation = __webpack_require__(62); - var ReactUpdates = __webpack_require__(56); + var ReactInstanceMap = __webpack_require__(114); + var ReactInstrumentation = __webpack_require__(64); + var ReactUpdates = __webpack_require__(58); var invariant = __webpack_require__(12); var warning = __webpack_require__(8); @@ -16442,16 +16504,14 @@ module.exports = ReactUpdateQueue; /***/ }), -/* 132 */ +/* 134 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2015-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2015-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -16817,16 +16877,14 @@ module.exports = validateDOMNesting; /***/ }), -/* 133 */ +/* 135 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2014-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2014-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -16834,8 +16892,8 @@ var _assign = __webpack_require__(4); - var DOMLazyTree = __webpack_require__(77); - var ReactDOMComponentTree = __webpack_require__(34); + var DOMLazyTree = __webpack_require__(79); + var ReactDOMComponentTree = __webpack_require__(36); var ReactDOMEmptyComponent = function (instantiate) { // ReactCompositeComponent uses this: @@ -16881,22 +16939,20 @@ module.exports = ReactDOMEmptyComponent; /***/ }), -/* 134 */ +/* 136 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2015-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2015-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var _prodInvariant = __webpack_require__(35); + var _prodInvariant = __webpack_require__(37); var invariant = __webpack_require__(12); @@ -17021,31 +17077,29 @@ }; /***/ }), -/* 135 */ +/* 137 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var _prodInvariant = __webpack_require__(35), + var _prodInvariant = __webpack_require__(37), _assign = __webpack_require__(4); - var DOMChildrenOperations = __webpack_require__(76); - var DOMLazyTree = __webpack_require__(77); - var ReactDOMComponentTree = __webpack_require__(34); + var DOMChildrenOperations = __webpack_require__(78); + var DOMLazyTree = __webpack_require__(79); + var ReactDOMComponentTree = __webpack_require__(36); - var escapeTextContentForBrowser = __webpack_require__(82); + var escapeTextContentForBrowser = __webpack_require__(84); var invariant = __webpack_require__(12); - var validateDOMNesting = __webpack_require__(132); + var validateDOMNesting = __webpack_require__(134); /** * Text nodes violate a couple assumptions that React makes about components: @@ -17187,16 +17241,14 @@ module.exports = ReactDOMTextComponent; /***/ }), -/* 136 */ +/* 138 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -17204,8 +17256,8 @@ var _assign = __webpack_require__(4); - var ReactUpdates = __webpack_require__(56); - var Transaction = __webpack_require__(63); + var ReactUpdates = __webpack_require__(58); + var Transaction = __webpack_require__(65); var emptyFunction = __webpack_require__(9); @@ -17259,16 +17311,14 @@ module.exports = ReactDefaultBatchingStrategy; /***/ }), -/* 137 */ +/* 139 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -17276,14 +17326,14 @@ var _assign = __webpack_require__(4); - var EventListener = __webpack_require__(138); - var ExecutionEnvironment = __webpack_require__(48); - var PooledClass = __webpack_require__(50); - var ReactDOMComponentTree = __webpack_require__(34); - var ReactUpdates = __webpack_require__(56); + var EventListener = __webpack_require__(140); + var ExecutionEnvironment = __webpack_require__(50); + var PooledClass = __webpack_require__(52); + var ReactDOMComponentTree = __webpack_require__(36); + var ReactUpdates = __webpack_require__(58); - var getEventTarget = __webpack_require__(65); - var getUnboundedScrollPosition = __webpack_require__(139); + var getEventTarget = __webpack_require__(67); + var getUnboundedScrollPosition = __webpack_require__(141); /** * Find the deepest React component completely containing the root of the @@ -17418,7 +17468,7 @@ module.exports = ReactEventListener; /***/ }), -/* 138 */ +/* 140 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -17426,17 +17476,8 @@ /** * Copyright (c) 2013-present, Facebook, Inc. * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * @typechecks */ @@ -17506,16 +17547,14 @@ module.exports = EventListener; /***/ }), -/* 139 */ +/* 141 */ /***/ (function(module, exports) { /** * Copyright (c) 2013-present, Facebook, Inc. - * All rights reserved. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * @typechecks */ @@ -17549,29 +17588,27 @@ module.exports = getUnboundedScrollPosition; /***/ }), -/* 140 */ +/* 142 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var DOMProperty = __webpack_require__(36); - var EventPluginHub = __webpack_require__(42); - var EventPluginUtils = __webpack_require__(44); - var ReactComponentEnvironment = __webpack_require__(111); - var ReactEmptyComponent = __webpack_require__(120); - var ReactBrowserEventEmitter = __webpack_require__(101); - var ReactHostComponent = __webpack_require__(121); - var ReactUpdates = __webpack_require__(56); + var DOMProperty = __webpack_require__(38); + var EventPluginHub = __webpack_require__(44); + var EventPluginUtils = __webpack_require__(46); + var ReactComponentEnvironment = __webpack_require__(113); + var ReactEmptyComponent = __webpack_require__(122); + var ReactBrowserEventEmitter = __webpack_require__(103); + var ReactHostComponent = __webpack_require__(123); + var ReactUpdates = __webpack_require__(58); var ReactInjection = { Component: ReactComponentEnvironment.injection, @@ -17587,16 +17624,14 @@ module.exports = ReactInjection; /***/ }), -/* 141 */ +/* 143 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -17604,13 +17639,13 @@ var _assign = __webpack_require__(4); - var CallbackQueue = __webpack_require__(57); - var PooledClass = __webpack_require__(50); - var ReactBrowserEventEmitter = __webpack_require__(101); - var ReactInputSelection = __webpack_require__(142); - var ReactInstrumentation = __webpack_require__(62); - var Transaction = __webpack_require__(63); - var ReactUpdateQueue = __webpack_require__(131); + var CallbackQueue = __webpack_require__(59); + var PooledClass = __webpack_require__(52); + var ReactBrowserEventEmitter = __webpack_require__(103); + var ReactInputSelection = __webpack_require__(144); + var ReactInstrumentation = __webpack_require__(64); + var Transaction = __webpack_require__(65); + var ReactUpdateQueue = __webpack_require__(133); /** * Ensures that, when possible, the selection range (currently selected text @@ -17769,26 +17804,24 @@ module.exports = ReactReconcileTransaction; /***/ }), -/* 142 */ +/* 144 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var ReactDOMSelection = __webpack_require__(143); + var ReactDOMSelection = __webpack_require__(145); - var containsNode = __webpack_require__(145); - var focusNode = __webpack_require__(90); - var getActiveElement = __webpack_require__(148); + var containsNode = __webpack_require__(147); + var focusNode = __webpack_require__(92); + var getActiveElement = __webpack_require__(150); function isInDocument(node) { return containsNode(document.documentElement, node); @@ -17896,25 +17929,23 @@ module.exports = ReactInputSelection; /***/ }), -/* 143 */ +/* 145 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var ExecutionEnvironment = __webpack_require__(48); + var ExecutionEnvironment = __webpack_require__(50); - var getNodeForCharacterOffset = __webpack_require__(144); - var getTextContentAccessor = __webpack_require__(51); + var getNodeForCharacterOffset = __webpack_require__(146); + var getTextContentAccessor = __webpack_require__(53); /** * While `isCollapsed` is available on the Selection object and `collapsed` @@ -18112,16 +18143,14 @@ module.exports = ReactDOMSelection; /***/ }), -/* 144 */ +/* 146 */ /***/ (function(module, exports) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -18190,23 +18219,21 @@ module.exports = getNodeForCharacterOffset; /***/ }), -/* 145 */ +/* 147 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; /** * Copyright (c) 2013-present, Facebook, Inc. - * All rights reserved. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * */ - var isTextNode = __webpack_require__(146); + var isTextNode = __webpack_require__(148); /*eslint-disable no-bitwise */ @@ -18234,23 +18261,21 @@ module.exports = containsNode; /***/ }), -/* 146 */ +/* 148 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; /** * Copyright (c) 2013-present, Facebook, Inc. - * All rights reserved. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * @typechecks */ - var isNode = __webpack_require__(147); + var isNode = __webpack_require__(149); /** * @param {*} object The object to check. @@ -18263,18 +18288,16 @@ module.exports = isTextNode; /***/ }), -/* 147 */ +/* 149 */ /***/ (function(module, exports) { 'use strict'; /** * Copyright (c) 2013-present, Facebook, Inc. - * All rights reserved. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * @typechecks */ @@ -18292,18 +18315,16 @@ module.exports = isNode; /***/ }), -/* 148 */ +/* 150 */ /***/ (function(module, exports) { 'use strict'; /** * Copyright (c) 2013-present, Facebook, Inc. - * All rights reserved. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * @typechecks */ @@ -18335,16 +18356,14 @@ module.exports = getActiveElement; /***/ }), -/* 149 */ +/* 151 */ /***/ (function(module, exports) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -18641,30 +18660,28 @@ module.exports = SVGDOMPropertyConfig; /***/ }), -/* 150 */ +/* 152 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var EventPropagators = __webpack_require__(41); - var ExecutionEnvironment = __webpack_require__(48); - var ReactDOMComponentTree = __webpack_require__(34); - var ReactInputSelection = __webpack_require__(142); - var SyntheticEvent = __webpack_require__(53); + var EventPropagators = __webpack_require__(43); + var ExecutionEnvironment = __webpack_require__(50); + var ReactDOMComponentTree = __webpack_require__(36); + var ReactInputSelection = __webpack_require__(144); + var SyntheticEvent = __webpack_require__(55); - var getActiveElement = __webpack_require__(148); - var isTextInputElement = __webpack_require__(67); - var shallowEqual = __webpack_require__(118); + var getActiveElement = __webpack_require__(150); + var isTextInputElement = __webpack_require__(69); + var shallowEqual = __webpack_require__(120); var skipSelectionChangeEvent = ExecutionEnvironment.canUseDOM && 'documentMode' in document && document.documentMode <= 11; @@ -18833,41 +18850,39 @@ module.exports = SelectEventPlugin; /***/ }), -/* 151 */ +/* 153 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * */ 'use strict'; - var _prodInvariant = __webpack_require__(35); - - var EventListener = __webpack_require__(138); - var EventPropagators = __webpack_require__(41); - var ReactDOMComponentTree = __webpack_require__(34); - var SyntheticAnimationEvent = __webpack_require__(152); - var SyntheticClipboardEvent = __webpack_require__(153); - var SyntheticEvent = __webpack_require__(53); - var SyntheticFocusEvent = __webpack_require__(154); - var SyntheticKeyboardEvent = __webpack_require__(155); - var SyntheticMouseEvent = __webpack_require__(70); - var SyntheticDragEvent = __webpack_require__(158); - var SyntheticTouchEvent = __webpack_require__(159); - var SyntheticTransitionEvent = __webpack_require__(160); - var SyntheticUIEvent = __webpack_require__(71); - var SyntheticWheelEvent = __webpack_require__(161); + var _prodInvariant = __webpack_require__(37); + + var EventListener = __webpack_require__(140); + var EventPropagators = __webpack_require__(43); + var ReactDOMComponentTree = __webpack_require__(36); + var SyntheticAnimationEvent = __webpack_require__(154); + var SyntheticClipboardEvent = __webpack_require__(155); + var SyntheticEvent = __webpack_require__(55); + var SyntheticFocusEvent = __webpack_require__(156); + var SyntheticKeyboardEvent = __webpack_require__(157); + var SyntheticMouseEvent = __webpack_require__(72); + var SyntheticDragEvent = __webpack_require__(160); + var SyntheticTouchEvent = __webpack_require__(161); + var SyntheticTransitionEvent = __webpack_require__(162); + var SyntheticUIEvent = __webpack_require__(73); + var SyntheticWheelEvent = __webpack_require__(163); var emptyFunction = __webpack_require__(9); - var getEventCharCode = __webpack_require__(156); + var getEventCharCode = __webpack_require__(158); var invariant = __webpack_require__(12); /** @@ -19063,22 +19078,20 @@ module.exports = SimpleEventPlugin; /***/ }), -/* 152 */ +/* 154 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var SyntheticEvent = __webpack_require__(53); + var SyntheticEvent = __webpack_require__(55); /** * @interface Event @@ -19106,22 +19119,20 @@ module.exports = SyntheticAnimationEvent; /***/ }), -/* 153 */ +/* 155 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var SyntheticEvent = __webpack_require__(53); + var SyntheticEvent = __webpack_require__(55); /** * @interface Event @@ -19148,22 +19159,20 @@ module.exports = SyntheticClipboardEvent; /***/ }), -/* 154 */ +/* 156 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var SyntheticUIEvent = __webpack_require__(71); + var SyntheticUIEvent = __webpack_require__(73); /** * @interface FocusEvent @@ -19188,26 +19197,24 @@ module.exports = SyntheticFocusEvent; /***/ }), -/* 155 */ +/* 157 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var SyntheticUIEvent = __webpack_require__(71); + var SyntheticUIEvent = __webpack_require__(73); - var getEventCharCode = __webpack_require__(156); - var getEventKey = __webpack_require__(157); - var getEventModifierState = __webpack_require__(73); + var getEventCharCode = __webpack_require__(158); + var getEventKey = __webpack_require__(159); + var getEventModifierState = __webpack_require__(75); /** * @interface KeyboardEvent @@ -19276,16 +19283,14 @@ module.exports = SyntheticKeyboardEvent; /***/ }), -/* 156 */ +/* 158 */ /***/ (function(module, exports) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -19330,22 +19335,20 @@ module.exports = getEventCharCode; /***/ }), -/* 157 */ +/* 159 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var getEventCharCode = __webpack_require__(156); + var getEventCharCode = __webpack_require__(158); /** * Normalization of deprecated HTML5 `key` values @@ -19446,22 +19449,20 @@ module.exports = getEventKey; /***/ }), -/* 158 */ +/* 160 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var SyntheticMouseEvent = __webpack_require__(70); + var SyntheticMouseEvent = __webpack_require__(72); /** * @interface DragEvent @@ -19486,24 +19487,22 @@ module.exports = SyntheticDragEvent; /***/ }), -/* 159 */ +/* 161 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var SyntheticUIEvent = __webpack_require__(71); + var SyntheticUIEvent = __webpack_require__(73); - var getEventModifierState = __webpack_require__(73); + var getEventModifierState = __webpack_require__(75); /** * @interface TouchEvent @@ -19535,22 +19534,20 @@ module.exports = SyntheticTouchEvent; /***/ }), -/* 160 */ +/* 162 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var SyntheticEvent = __webpack_require__(53); + var SyntheticEvent = __webpack_require__(55); /** * @interface Event @@ -19578,22 +19575,20 @@ module.exports = SyntheticTransitionEvent; /***/ }), -/* 161 */ +/* 163 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var SyntheticMouseEvent = __webpack_require__(70); + var SyntheticMouseEvent = __webpack_require__(72); /** * @interface WheelEvent @@ -19633,44 +19628,42 @@ module.exports = SyntheticWheelEvent; /***/ }), -/* 162 */ +/* 164 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var _prodInvariant = __webpack_require__(35); + var _prodInvariant = __webpack_require__(37); - var DOMLazyTree = __webpack_require__(77); - var DOMProperty = __webpack_require__(36); + var DOMLazyTree = __webpack_require__(79); + var DOMProperty = __webpack_require__(38); var React = __webpack_require__(3); - var ReactBrowserEventEmitter = __webpack_require__(101); + var ReactBrowserEventEmitter = __webpack_require__(103); var ReactCurrentOwner = __webpack_require__(17); - var ReactDOMComponentTree = __webpack_require__(34); - var ReactDOMContainerInfo = __webpack_require__(163); - var ReactDOMFeatureFlags = __webpack_require__(164); - var ReactFeatureFlags = __webpack_require__(58); - var ReactInstanceMap = __webpack_require__(112); - var ReactInstrumentation = __webpack_require__(62); - var ReactMarkupChecksum = __webpack_require__(165); - var ReactReconciler = __webpack_require__(59); - var ReactUpdateQueue = __webpack_require__(131); - var ReactUpdates = __webpack_require__(56); + var ReactDOMComponentTree = __webpack_require__(36); + var ReactDOMContainerInfo = __webpack_require__(165); + var ReactDOMFeatureFlags = __webpack_require__(166); + var ReactFeatureFlags = __webpack_require__(60); + var ReactInstanceMap = __webpack_require__(114); + var ReactInstrumentation = __webpack_require__(64); + var ReactMarkupChecksum = __webpack_require__(167); + var ReactReconciler = __webpack_require__(61); + var ReactUpdateQueue = __webpack_require__(133); + var ReactUpdates = __webpack_require__(58); var emptyObject = __webpack_require__(11); - var instantiateReactComponent = __webpack_require__(115); + var instantiateReactComponent = __webpack_require__(117); var invariant = __webpack_require__(12); - var setInnerHTML = __webpack_require__(79); - var shouldUpdateReactComponent = __webpack_require__(119); + var setInnerHTML = __webpack_require__(81); + var shouldUpdateReactComponent = __webpack_require__(121); var warning = __webpack_require__(8); var ATTR_NAME = DOMProperty.ID_ATTRIBUTE_NAME; @@ -20175,22 +20168,20 @@ module.exports = ReactMount; /***/ }), -/* 163 */ +/* 165 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var validateDOMNesting = __webpack_require__(132); + var validateDOMNesting = __webpack_require__(134); var DOC_NODE_TYPE = 9; @@ -20212,16 +20203,14 @@ module.exports = ReactDOMContainerInfo; /***/ }), -/* 164 */ +/* 166 */ /***/ (function(module, exports) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ @@ -20235,22 +20224,20 @@ module.exports = ReactDOMFeatureFlags; /***/ }), -/* 165 */ +/* 167 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var adler32 = __webpack_require__(166); + var adler32 = __webpack_require__(168); var TAG_END = /\/?>/; var COMMENT_START = /^<\!\-\-/; @@ -20289,16 +20276,14 @@ module.exports = ReactMarkupChecksum; /***/ }), -/* 166 */ +/* 168 */ /***/ (function(module, exports) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * */ @@ -20337,30 +20322,42 @@ module.exports = adler32; /***/ }), -/* 167 */ -28, -/* 168 */ +/* 169 */ +/***/ (function(module, exports) { + + /** + * Copyright (c) 2013-present, Facebook, Inc. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + * + */ + + 'use strict'; + + module.exports = '15.6.2'; + +/***/ }), +/* 170 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var _prodInvariant = __webpack_require__(35); + var _prodInvariant = __webpack_require__(37); var ReactCurrentOwner = __webpack_require__(17); - var ReactDOMComponentTree = __webpack_require__(34); - var ReactInstanceMap = __webpack_require__(112); + var ReactDOMComponentTree = __webpack_require__(36); + var ReactInstanceMap = __webpack_require__(114); - var getHostComponentFromComposite = __webpack_require__(169); + var getHostComponentFromComposite = __webpack_require__(171); var invariant = __webpack_require__(12); var warning = __webpack_require__(8); @@ -20403,22 +20400,20 @@ module.exports = findDOMNode; /***/ }), -/* 169 */ +/* 171 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var ReactNodeTypes = __webpack_require__(117); + var ReactNodeTypes = __webpack_require__(119); function getHostComponentFromComposite(inst) { var type; @@ -20437,27 +20432,25 @@ module.exports = getHostComponentFromComposite; /***/ }), -/* 170 */ +/* 172 */ /***/ (function(module, exports, __webpack_require__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * */ 'use strict'; - var ReactMount = __webpack_require__(162); + var ReactMount = __webpack_require__(164); module.exports = ReactMount.renderSubtreeIntoContainer; /***/ }), -/* 171 */ +/* 173 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -20472,15 +20465,15 @@ var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); - var _HomeFeature = __webpack_require__(338); + var _HomeFeature = __webpack_require__(339); var _HomeFeature2 = _interopRequireDefault(_HomeFeature); - var _HomeDocumentation = __webpack_require__(410); + var _HomeDocumentation = __webpack_require__(424); var _HomeDocumentation2 = _interopRequireDefault(_HomeDocumentation); @@ -20544,7 +20537,7 @@ exports.default = Home; /***/ }), -/* 172 */ +/* 174 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -20554,27 +20547,27 @@ }); exports.ReactCSS = exports.loop = exports.handleActive = exports.handleHover = exports.hover = undefined; - var _flattenNames = __webpack_require__(173); + var _flattenNames = __webpack_require__(175); var _flattenNames2 = _interopRequireDefault(_flattenNames); - var _mergeClasses = __webpack_require__(301); + var _mergeClasses = __webpack_require__(303); var _mergeClasses2 = _interopRequireDefault(_mergeClasses); - var _autoprefix = __webpack_require__(334); + var _autoprefix = __webpack_require__(335); var _autoprefix2 = _interopRequireDefault(_autoprefix); - var _hover2 = __webpack_require__(335); + var _hover2 = __webpack_require__(336); var _hover3 = _interopRequireDefault(_hover2); - var _active = __webpack_require__(336); + var _active = __webpack_require__(337); var _active2 = _interopRequireDefault(_active); - var _loop2 = __webpack_require__(337); + var _loop2 = __webpack_require__(338); var _loop3 = _interopRequireDefault(_loop2); @@ -20597,7 +20590,7 @@ exports.default = ReactCSS; /***/ }), -/* 173 */ +/* 175 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -20607,19 +20600,19 @@ }); exports.flattenNames = undefined; - var _isString2 = __webpack_require__(174); + var _isString2 = __webpack_require__(176); var _isString3 = _interopRequireDefault(_isString2); - var _forOwn2 = __webpack_require__(183); + var _forOwn2 = __webpack_require__(185); var _forOwn3 = _interopRequireDefault(_forOwn2); - var _isPlainObject2 = __webpack_require__(210); + var _isPlainObject2 = __webpack_require__(212); var _isPlainObject3 = _interopRequireDefault(_isPlainObject2); - var _map2 = __webpack_require__(212); + var _map2 = __webpack_require__(214); var _map3 = _interopRequireDefault(_map2); @@ -20651,12 +20644,12 @@ exports.default = flattenNames; /***/ }), -/* 174 */ +/* 176 */ /***/ (function(module, exports, __webpack_require__) { - var baseGetTag = __webpack_require__(175), - isArray = __webpack_require__(181), - isObjectLike = __webpack_require__(182); + var baseGetTag = __webpack_require__(177), + isArray = __webpack_require__(183), + isObjectLike = __webpack_require__(184); /** `Object#toString` result references. */ var stringTag = '[object String]'; @@ -20687,12 +20680,12 @@ /***/ }), -/* 175 */ +/* 177 */ /***/ (function(module, exports, __webpack_require__) { - var Symbol = __webpack_require__(176), - getRawTag = __webpack_require__(179), - objectToString = __webpack_require__(180); + var Symbol = __webpack_require__(178), + getRawTag = __webpack_require__(181), + objectToString = __webpack_require__(182); /** `Object#toString` result references. */ var nullTag = '[object Null]', @@ -20721,10 +20714,10 @@ /***/ }), -/* 176 */ +/* 178 */ /***/ (function(module, exports, __webpack_require__) { - var root = __webpack_require__(177); + var root = __webpack_require__(179); /** Built-in value references. */ var Symbol = root.Symbol; @@ -20733,10 +20726,10 @@ /***/ }), -/* 177 */ +/* 179 */ /***/ (function(module, exports, __webpack_require__) { - var freeGlobal = __webpack_require__(178); + var freeGlobal = __webpack_require__(180); /** Detect free variable `self`. */ var freeSelf = typeof self == 'object' && self && self.Object === Object && self; @@ -20748,7 +20741,7 @@ /***/ }), -/* 178 */ +/* 180 */ /***/ (function(module, exports) { /* WEBPACK VAR INJECTION */(function(global) {/** Detect free variable `global` from Node.js. */ @@ -20759,10 +20752,10 @@ /* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }()))) /***/ }), -/* 179 */ +/* 181 */ /***/ (function(module, exports, __webpack_require__) { - var Symbol = __webpack_require__(176); + var Symbol = __webpack_require__(178); /** Used for built-in method references. */ var objectProto = Object.prototype; @@ -20811,7 +20804,7 @@ /***/ }), -/* 180 */ +/* 182 */ /***/ (function(module, exports) { /** Used for built-in method references. */ @@ -20839,7 +20832,7 @@ /***/ }), -/* 181 */ +/* 183 */ /***/ (function(module, exports) { /** @@ -20871,7 +20864,7 @@ /***/ }), -/* 182 */ +/* 184 */ /***/ (function(module, exports) { /** @@ -20906,11 +20899,11 @@ /***/ }), -/* 183 */ +/* 185 */ /***/ (function(module, exports, __webpack_require__) { - var baseForOwn = __webpack_require__(184), - castFunction = __webpack_require__(208); + var baseForOwn = __webpack_require__(186), + castFunction = __webpack_require__(210); /** * Iterates over own enumerable string keyed properties of an object and @@ -20948,11 +20941,11 @@ /***/ }), -/* 184 */ +/* 186 */ /***/ (function(module, exports, __webpack_require__) { - var baseFor = __webpack_require__(185), - keys = __webpack_require__(187); + var baseFor = __webpack_require__(187), + keys = __webpack_require__(189); /** * The base implementation of `_.forOwn` without support for iteratee shorthands. @@ -20970,10 +20963,10 @@ /***/ }), -/* 185 */ +/* 187 */ /***/ (function(module, exports, __webpack_require__) { - var createBaseFor = __webpack_require__(186); + var createBaseFor = __webpack_require__(188); /** * The base implementation of `baseForOwn` which iterates over `object` @@ -20992,7 +20985,7 @@ /***/ }), -/* 186 */ +/* 188 */ /***/ (function(module, exports) { /** @@ -21023,12 +21016,12 @@ /***/ }), -/* 187 */ +/* 189 */ /***/ (function(module, exports, __webpack_require__) { - var arrayLikeKeys = __webpack_require__(188), - baseKeys = __webpack_require__(201), - isArrayLike = __webpack_require__(205); + var arrayLikeKeys = __webpack_require__(190), + baseKeys = __webpack_require__(203), + isArrayLike = __webpack_require__(207); /** * Creates an array of the own enumerable property names of `object`. @@ -21066,15 +21059,15 @@ /***/ }), -/* 188 */ +/* 190 */ /***/ (function(module, exports, __webpack_require__) { - var baseTimes = __webpack_require__(189), - isArguments = __webpack_require__(190), - isArray = __webpack_require__(181), - isBuffer = __webpack_require__(192), - isIndex = __webpack_require__(195), - isTypedArray = __webpack_require__(196); + var baseTimes = __webpack_require__(191), + isArguments = __webpack_require__(192), + isArray = __webpack_require__(183), + isBuffer = __webpack_require__(194), + isIndex = __webpack_require__(197), + isTypedArray = __webpack_require__(198); /** Used for built-in method references. */ var objectProto = Object.prototype; @@ -21121,7 +21114,7 @@ /***/ }), -/* 189 */ +/* 191 */ /***/ (function(module, exports) { /** @@ -21147,11 +21140,11 @@ /***/ }), -/* 190 */ +/* 192 */ /***/ (function(module, exports, __webpack_require__) { - var baseIsArguments = __webpack_require__(191), - isObjectLike = __webpack_require__(182); + var baseIsArguments = __webpack_require__(193), + isObjectLike = __webpack_require__(184); /** Used for built-in method references. */ var objectProto = Object.prototype; @@ -21189,11 +21182,11 @@ /***/ }), -/* 191 */ +/* 193 */ /***/ (function(module, exports, __webpack_require__) { - var baseGetTag = __webpack_require__(175), - isObjectLike = __webpack_require__(182); + var baseGetTag = __webpack_require__(177), + isObjectLike = __webpack_require__(184); /** `Object#toString` result references. */ var argsTag = '[object Arguments]'; @@ -21213,11 +21206,11 @@ /***/ }), -/* 192 */ +/* 194 */ /***/ (function(module, exports, __webpack_require__) { - /* WEBPACK VAR INJECTION */(function(module) {var root = __webpack_require__(177), - stubFalse = __webpack_require__(194); + /* WEBPACK VAR INJECTION */(function(module) {var root = __webpack_require__(179), + stubFalse = __webpack_require__(196); /** Detect free variable `exports`. */ var freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports; @@ -21255,10 +21248,10 @@ module.exports = isBuffer; - /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(193)(module))) + /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(195)(module))) /***/ }), -/* 193 */ +/* 195 */ /***/ (function(module, exports) { module.exports = function(module) { @@ -21274,7 +21267,7 @@ /***/ }), -/* 194 */ +/* 196 */ /***/ (function(module, exports) { /** @@ -21298,7 +21291,7 @@ /***/ }), -/* 195 */ +/* 197 */ /***/ (function(module, exports) { /** Used as references for various `Number` constants. */ @@ -21316,22 +21309,25 @@ * @returns {boolean} Returns `true` if `value` is a valid index, else `false`. */ function isIndex(value, length) { + var type = typeof value; length = length == null ? MAX_SAFE_INTEGER : length; + return !!length && - (typeof value == 'number' || reIsUint.test(value)) && - (value > -1 && value % 1 == 0 && value < length); + (type == 'number' || + (type != 'symbol' && reIsUint.test(value))) && + (value > -1 && value % 1 == 0 && value < length); } module.exports = isIndex; /***/ }), -/* 196 */ +/* 198 */ /***/ (function(module, exports, __webpack_require__) { - var baseIsTypedArray = __webpack_require__(197), - baseUnary = __webpack_require__(199), - nodeUtil = __webpack_require__(200); + var baseIsTypedArray = __webpack_require__(199), + baseUnary = __webpack_require__(201), + nodeUtil = __webpack_require__(202); /* Node.js helper references. */ var nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray; @@ -21359,12 +21355,12 @@ /***/ }), -/* 197 */ +/* 199 */ /***/ (function(module, exports, __webpack_require__) { - var baseGetTag = __webpack_require__(175), - isLength = __webpack_require__(198), - isObjectLike = __webpack_require__(182); + var baseGetTag = __webpack_require__(177), + isLength = __webpack_require__(200), + isObjectLike = __webpack_require__(184); /** `Object#toString` result references. */ var argsTag = '[object Arguments]', @@ -21425,7 +21421,7 @@ /***/ }), -/* 198 */ +/* 200 */ /***/ (function(module, exports) { /** Used as references for various `Number` constants. */ @@ -21466,7 +21462,7 @@ /***/ }), -/* 199 */ +/* 201 */ /***/ (function(module, exports) { /** @@ -21486,10 +21482,10 @@ /***/ }), -/* 200 */ +/* 202 */ /***/ (function(module, exports, __webpack_require__) { - /* WEBPACK VAR INJECTION */(function(module) {var freeGlobal = __webpack_require__(178); + /* WEBPACK VAR INJECTION */(function(module) {var freeGlobal = __webpack_require__(180); /** Detect free variable `exports`. */ var freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports; @@ -21506,20 +21502,28 @@ /** Used to access faster Node.js helpers. */ var nodeUtil = (function() { try { + // Use `util.types` for Node.js 10+. + var types = freeModule && freeModule.require && freeModule.require('util').types; + + if (types) { + return types; + } + + // Legacy `process.binding('util')` for Node.js < 10. return freeProcess && freeProcess.binding && freeProcess.binding('util'); } catch (e) {} }()); module.exports = nodeUtil; - /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(193)(module))) + /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(195)(module))) /***/ }), -/* 201 */ +/* 203 */ /***/ (function(module, exports, __webpack_require__) { - var isPrototype = __webpack_require__(202), - nativeKeys = __webpack_require__(203); + var isPrototype = __webpack_require__(204), + nativeKeys = __webpack_require__(205); /** Used for built-in method references. */ var objectProto = Object.prototype; @@ -21551,7 +21555,7 @@ /***/ }), -/* 202 */ +/* 204 */ /***/ (function(module, exports) { /** Used for built-in method references. */ @@ -21575,10 +21579,10 @@ /***/ }), -/* 203 */ +/* 205 */ /***/ (function(module, exports, __webpack_require__) { - var overArg = __webpack_require__(204); + var overArg = __webpack_require__(206); /* Built-in method references for those with the same name as other `lodash` methods. */ var nativeKeys = overArg(Object.keys, Object); @@ -21587,7 +21591,7 @@ /***/ }), -/* 204 */ +/* 206 */ /***/ (function(module, exports) { /** @@ -21608,11 +21612,11 @@ /***/ }), -/* 205 */ +/* 207 */ /***/ (function(module, exports, __webpack_require__) { - var isFunction = __webpack_require__(206), - isLength = __webpack_require__(198); + var isFunction = __webpack_require__(208), + isLength = __webpack_require__(200); /** * Checks if `value` is array-like. A value is considered array-like if it's @@ -21647,11 +21651,11 @@ /***/ }), -/* 206 */ +/* 208 */ /***/ (function(module, exports, __webpack_require__) { - var baseGetTag = __webpack_require__(175), - isObject = __webpack_require__(207); + var baseGetTag = __webpack_require__(177), + isObject = __webpack_require__(209); /** `Object#toString` result references. */ var asyncTag = '[object AsyncFunction]', @@ -21690,7 +21694,7 @@ /***/ }), -/* 207 */ +/* 209 */ /***/ (function(module, exports) { /** @@ -21727,10 +21731,10 @@ /***/ }), -/* 208 */ +/* 210 */ /***/ (function(module, exports, __webpack_require__) { - var identity = __webpack_require__(209); + var identity = __webpack_require__(211); /** * Casts `value` to `identity` if it's not a function. @@ -21747,7 +21751,7 @@ /***/ }), -/* 209 */ +/* 211 */ /***/ (function(module, exports) { /** @@ -21774,12 +21778,12 @@ /***/ }), -/* 210 */ +/* 212 */ /***/ (function(module, exports, __webpack_require__) { - var baseGetTag = __webpack_require__(175), - getPrototype = __webpack_require__(211), - isObjectLike = __webpack_require__(182); + var baseGetTag = __webpack_require__(177), + getPrototype = __webpack_require__(213), + isObjectLike = __webpack_require__(184); /** `Object#toString` result references. */ var objectTag = '[object Object]'; @@ -21842,10 +21846,10 @@ /***/ }), -/* 211 */ +/* 213 */ /***/ (function(module, exports, __webpack_require__) { - var overArg = __webpack_require__(204); + var overArg = __webpack_require__(206); /** Built-in value references. */ var getPrototype = overArg(Object.getPrototypeOf, Object); @@ -21854,13 +21858,13 @@ /***/ }), -/* 212 */ +/* 214 */ /***/ (function(module, exports, __webpack_require__) { - var arrayMap = __webpack_require__(213), - baseIteratee = __webpack_require__(214), - baseMap = __webpack_require__(298), - isArray = __webpack_require__(181); + var arrayMap = __webpack_require__(215), + baseIteratee = __webpack_require__(216), + baseMap = __webpack_require__(300), + isArray = __webpack_require__(183); /** * Creates an array of values by running each element in `collection` thru @@ -21913,7 +21917,7 @@ /***/ }), -/* 213 */ +/* 215 */ /***/ (function(module, exports) { /** @@ -21940,14 +21944,14 @@ /***/ }), -/* 214 */ +/* 216 */ /***/ (function(module, exports, __webpack_require__) { - var baseMatches = __webpack_require__(215), - baseMatchesProperty = __webpack_require__(280), - identity = __webpack_require__(209), - isArray = __webpack_require__(181), - property = __webpack_require__(295); + var baseMatches = __webpack_require__(217), + baseMatchesProperty = __webpack_require__(282), + identity = __webpack_require__(211), + isArray = __webpack_require__(183), + property = __webpack_require__(297); /** * The base implementation of `_.iteratee`. @@ -21977,12 +21981,12 @@ /***/ }), -/* 215 */ +/* 217 */ /***/ (function(module, exports, __webpack_require__) { - var baseIsMatch = __webpack_require__(216), - getMatchData = __webpack_require__(277), - matchesStrictComparable = __webpack_require__(279); + var baseIsMatch = __webpack_require__(218), + getMatchData = __webpack_require__(279), + matchesStrictComparable = __webpack_require__(281); /** * The base implementation of `_.matches` which doesn't clone `source`. @@ -22005,11 +22009,11 @@ /***/ }), -/* 216 */ +/* 218 */ /***/ (function(module, exports, __webpack_require__) { - var Stack = __webpack_require__(217), - baseIsEqual = __webpack_require__(253); + var Stack = __webpack_require__(219), + baseIsEqual = __webpack_require__(255); /** Used to compose bitmasks for value comparisons. */ var COMPARE_PARTIAL_FLAG = 1, @@ -22073,15 +22077,15 @@ /***/ }), -/* 217 */ +/* 219 */ /***/ (function(module, exports, __webpack_require__) { - var ListCache = __webpack_require__(218), - stackClear = __webpack_require__(226), - stackDelete = __webpack_require__(227), - stackGet = __webpack_require__(228), - stackHas = __webpack_require__(229), - stackSet = __webpack_require__(230); + var ListCache = __webpack_require__(220), + stackClear = __webpack_require__(228), + stackDelete = __webpack_require__(229), + stackGet = __webpack_require__(230), + stackHas = __webpack_require__(231), + stackSet = __webpack_require__(232); /** * Creates a stack cache object to store key-value pairs. @@ -22106,14 +22110,14 @@ /***/ }), -/* 218 */ +/* 220 */ /***/ (function(module, exports, __webpack_require__) { - var listCacheClear = __webpack_require__(219), - listCacheDelete = __webpack_require__(220), - listCacheGet = __webpack_require__(223), - listCacheHas = __webpack_require__(224), - listCacheSet = __webpack_require__(225); + var listCacheClear = __webpack_require__(221), + listCacheDelete = __webpack_require__(222), + listCacheGet = __webpack_require__(225), + listCacheHas = __webpack_require__(226), + listCacheSet = __webpack_require__(227); /** * Creates an list cache object. @@ -22144,7 +22148,7 @@ /***/ }), -/* 219 */ +/* 221 */ /***/ (function(module, exports) { /** @@ -22163,10 +22167,10 @@ /***/ }), -/* 220 */ +/* 222 */ /***/ (function(module, exports, __webpack_require__) { - var assocIndexOf = __webpack_require__(221); + var assocIndexOf = __webpack_require__(223); /** Used for built-in method references. */ var arrayProto = Array.prototype; @@ -22204,10 +22208,10 @@ /***/ }), -/* 221 */ +/* 223 */ /***/ (function(module, exports, __webpack_require__) { - var eq = __webpack_require__(222); + var eq = __webpack_require__(224); /** * Gets the index at which the `key` is found in `array` of key-value pairs. @@ -22231,7 +22235,7 @@ /***/ }), -/* 222 */ +/* 224 */ /***/ (function(module, exports) { /** @@ -22274,10 +22278,10 @@ /***/ }), -/* 223 */ +/* 225 */ /***/ (function(module, exports, __webpack_require__) { - var assocIndexOf = __webpack_require__(221); + var assocIndexOf = __webpack_require__(223); /** * Gets the list cache value for `key`. @@ -22299,10 +22303,10 @@ /***/ }), -/* 224 */ +/* 226 */ /***/ (function(module, exports, __webpack_require__) { - var assocIndexOf = __webpack_require__(221); + var assocIndexOf = __webpack_require__(223); /** * Checks if a list cache value for `key` exists. @@ -22321,10 +22325,10 @@ /***/ }), -/* 225 */ +/* 227 */ /***/ (function(module, exports, __webpack_require__) { - var assocIndexOf = __webpack_require__(221); + var assocIndexOf = __webpack_require__(223); /** * Sets the list cache `key` to `value`. @@ -22353,10 +22357,10 @@ /***/ }), -/* 226 */ +/* 228 */ /***/ (function(module, exports, __webpack_require__) { - var ListCache = __webpack_require__(218); + var ListCache = __webpack_require__(220); /** * Removes all key-value entries from the stack. @@ -22374,7 +22378,7 @@ /***/ }), -/* 227 */ +/* 229 */ /***/ (function(module, exports) { /** @@ -22398,7 +22402,7 @@ /***/ }), -/* 228 */ +/* 230 */ /***/ (function(module, exports) { /** @@ -22418,7 +22422,7 @@ /***/ }), -/* 229 */ +/* 231 */ /***/ (function(module, exports) { /** @@ -22438,12 +22442,12 @@ /***/ }), -/* 230 */ +/* 232 */ /***/ (function(module, exports, __webpack_require__) { - var ListCache = __webpack_require__(218), - Map = __webpack_require__(231), - MapCache = __webpack_require__(238); + var ListCache = __webpack_require__(220), + Map = __webpack_require__(233), + MapCache = __webpack_require__(240); /** Used as the size to enable large array optimizations. */ var LARGE_ARRAY_SIZE = 200; @@ -22478,11 +22482,11 @@ /***/ }), -/* 231 */ +/* 233 */ /***/ (function(module, exports, __webpack_require__) { - var getNative = __webpack_require__(232), - root = __webpack_require__(177); + var getNative = __webpack_require__(234), + root = __webpack_require__(179); /* Built-in method references that are verified to be native. */ var Map = getNative(root, 'Map'); @@ -22491,11 +22495,11 @@ /***/ }), -/* 232 */ +/* 234 */ /***/ (function(module, exports, __webpack_require__) { - var baseIsNative = __webpack_require__(233), - getValue = __webpack_require__(237); + var baseIsNative = __webpack_require__(235), + getValue = __webpack_require__(239); /** * Gets the native function at `key` of `object`. @@ -22514,13 +22518,13 @@ /***/ }), -/* 233 */ +/* 235 */ /***/ (function(module, exports, __webpack_require__) { - var isFunction = __webpack_require__(206), - isMasked = __webpack_require__(234), - isObject = __webpack_require__(207), - toSource = __webpack_require__(236); + var isFunction = __webpack_require__(208), + isMasked = __webpack_require__(236), + isObject = __webpack_require__(209), + toSource = __webpack_require__(238); /** * Used to match `RegExp` @@ -22567,10 +22571,10 @@ /***/ }), -/* 234 */ +/* 236 */ /***/ (function(module, exports, __webpack_require__) { - var coreJsData = __webpack_require__(235); + var coreJsData = __webpack_require__(237); /** Used to detect methods masquerading as native. */ var maskSrcKey = (function() { @@ -22593,10 +22597,10 @@ /***/ }), -/* 235 */ +/* 237 */ /***/ (function(module, exports, __webpack_require__) { - var root = __webpack_require__(177); + var root = __webpack_require__(179); /** Used to detect overreaching core-js shims. */ var coreJsData = root['__core-js_shared__']; @@ -22605,7 +22609,7 @@ /***/ }), -/* 236 */ +/* 238 */ /***/ (function(module, exports) { /** Used for built-in method references. */ @@ -22637,7 +22641,7 @@ /***/ }), -/* 237 */ +/* 239 */ /***/ (function(module, exports) { /** @@ -22656,14 +22660,14 @@ /***/ }), -/* 238 */ +/* 240 */ /***/ (function(module, exports, __webpack_require__) { - var mapCacheClear = __webpack_require__(239), - mapCacheDelete = __webpack_require__(247), - mapCacheGet = __webpack_require__(250), - mapCacheHas = __webpack_require__(251), - mapCacheSet = __webpack_require__(252); + var mapCacheClear = __webpack_require__(241), + mapCacheDelete = __webpack_require__(249), + mapCacheGet = __webpack_require__(252), + mapCacheHas = __webpack_require__(253), + mapCacheSet = __webpack_require__(254); /** * Creates a map cache object to store key-value pairs. @@ -22694,12 +22698,12 @@ /***/ }), -/* 239 */ +/* 241 */ /***/ (function(module, exports, __webpack_require__) { - var Hash = __webpack_require__(240), - ListCache = __webpack_require__(218), - Map = __webpack_require__(231); + var Hash = __webpack_require__(242), + ListCache = __webpack_require__(220), + Map = __webpack_require__(233); /** * Removes all key-value entries from the map. @@ -22721,14 +22725,14 @@ /***/ }), -/* 240 */ +/* 242 */ /***/ (function(module, exports, __webpack_require__) { - var hashClear = __webpack_require__(241), - hashDelete = __webpack_require__(243), - hashGet = __webpack_require__(244), - hashHas = __webpack_require__(245), - hashSet = __webpack_require__(246); + var hashClear = __webpack_require__(243), + hashDelete = __webpack_require__(245), + hashGet = __webpack_require__(246), + hashHas = __webpack_require__(247), + hashSet = __webpack_require__(248); /** * Creates a hash object. @@ -22759,10 +22763,10 @@ /***/ }), -/* 241 */ +/* 243 */ /***/ (function(module, exports, __webpack_require__) { - var nativeCreate = __webpack_require__(242); + var nativeCreate = __webpack_require__(244); /** * Removes all key-value entries from the hash. @@ -22780,10 +22784,10 @@ /***/ }), -/* 242 */ +/* 244 */ /***/ (function(module, exports, __webpack_require__) { - var getNative = __webpack_require__(232); + var getNative = __webpack_require__(234); /* Built-in method references that are verified to be native. */ var nativeCreate = getNative(Object, 'create'); @@ -22792,7 +22796,7 @@ /***/ }), -/* 243 */ +/* 245 */ /***/ (function(module, exports) { /** @@ -22815,10 +22819,10 @@ /***/ }), -/* 244 */ +/* 246 */ /***/ (function(module, exports, __webpack_require__) { - var nativeCreate = __webpack_require__(242); + var nativeCreate = __webpack_require__(244); /** Used to stand-in for `undefined` hash values. */ var HASH_UNDEFINED = '__lodash_hash_undefined__'; @@ -22851,10 +22855,10 @@ /***/ }), -/* 245 */ +/* 247 */ /***/ (function(module, exports, __webpack_require__) { - var nativeCreate = __webpack_require__(242); + var nativeCreate = __webpack_require__(244); /** Used for built-in method references. */ var objectProto = Object.prototype; @@ -22880,10 +22884,10 @@ /***/ }), -/* 246 */ +/* 248 */ /***/ (function(module, exports, __webpack_require__) { - var nativeCreate = __webpack_require__(242); + var nativeCreate = __webpack_require__(244); /** Used to stand-in for `undefined` hash values. */ var HASH_UNDEFINED = '__lodash_hash_undefined__'; @@ -22909,10 +22913,10 @@ /***/ }), -/* 247 */ +/* 249 */ /***/ (function(module, exports, __webpack_require__) { - var getMapData = __webpack_require__(248); + var getMapData = __webpack_require__(250); /** * Removes `key` and its value from the map. @@ -22933,10 +22937,10 @@ /***/ }), -/* 248 */ +/* 250 */ /***/ (function(module, exports, __webpack_require__) { - var isKeyable = __webpack_require__(249); + var isKeyable = __webpack_require__(251); /** * Gets the data for `map`. @@ -22957,7 +22961,7 @@ /***/ }), -/* 249 */ +/* 251 */ /***/ (function(module, exports) { /** @@ -22978,10 +22982,10 @@ /***/ }), -/* 250 */ +/* 252 */ /***/ (function(module, exports, __webpack_require__) { - var getMapData = __webpack_require__(248); + var getMapData = __webpack_require__(250); /** * Gets the map value for `key`. @@ -23000,10 +23004,10 @@ /***/ }), -/* 251 */ +/* 253 */ /***/ (function(module, exports, __webpack_require__) { - var getMapData = __webpack_require__(248); + var getMapData = __webpack_require__(250); /** * Checks if a map value for `key` exists. @@ -23022,10 +23026,10 @@ /***/ }), -/* 252 */ +/* 254 */ /***/ (function(module, exports, __webpack_require__) { - var getMapData = __webpack_require__(248); + var getMapData = __webpack_require__(250); /** * Sets the map `key` to `value`. @@ -23050,11 +23054,11 @@ /***/ }), -/* 253 */ +/* 255 */ /***/ (function(module, exports, __webpack_require__) { - var baseIsEqualDeep = __webpack_require__(254), - isObjectLike = __webpack_require__(182); + var baseIsEqualDeep = __webpack_require__(256), + isObjectLike = __webpack_require__(184); /** * The base implementation of `_.isEqual` which supports partial comparisons @@ -23084,17 +23088,17 @@ /***/ }), -/* 254 */ +/* 256 */ /***/ (function(module, exports, __webpack_require__) { - var Stack = __webpack_require__(217), - equalArrays = __webpack_require__(255), - equalByTag = __webpack_require__(261), - equalObjects = __webpack_require__(265), - getTag = __webpack_require__(272), - isArray = __webpack_require__(181), - isBuffer = __webpack_require__(192), - isTypedArray = __webpack_require__(196); + var Stack = __webpack_require__(219), + equalArrays = __webpack_require__(257), + equalByTag = __webpack_require__(263), + equalObjects = __webpack_require__(267), + getTag = __webpack_require__(274), + isArray = __webpack_require__(183), + isBuffer = __webpack_require__(194), + isTypedArray = __webpack_require__(198); /** Used to compose bitmasks for value comparisons. */ var COMPARE_PARTIAL_FLAG = 1; @@ -23173,12 +23177,12 @@ /***/ }), -/* 255 */ +/* 257 */ /***/ (function(module, exports, __webpack_require__) { - var SetCache = __webpack_require__(256), - arraySome = __webpack_require__(259), - cacheHas = __webpack_require__(260); + var SetCache = __webpack_require__(258), + arraySome = __webpack_require__(261), + cacheHas = __webpack_require__(262); /** Used to compose bitmasks for value comparisons. */ var COMPARE_PARTIAL_FLAG = 1, @@ -23205,10 +23209,11 @@ if (arrLength != othLength && !(isPartial && othLength > arrLength)) { return false; } - // Assume cyclic values are equal. - var stacked = stack.get(array); - if (stacked && stack.get(other)) { - return stacked == other; + // Check that cyclic values are equal. + var arrStacked = stack.get(array); + var othStacked = stack.get(other); + if (arrStacked && othStacked) { + return arrStacked == other && othStacked == array; } var index = -1, result = true, @@ -23262,12 +23267,12 @@ /***/ }), -/* 256 */ +/* 258 */ /***/ (function(module, exports, __webpack_require__) { - var MapCache = __webpack_require__(238), - setCacheAdd = __webpack_require__(257), - setCacheHas = __webpack_require__(258); + var MapCache = __webpack_require__(240), + setCacheAdd = __webpack_require__(259), + setCacheHas = __webpack_require__(260); /** * @@ -23295,7 +23300,7 @@ /***/ }), -/* 257 */ +/* 259 */ /***/ (function(module, exports) { /** Used to stand-in for `undefined` hash values. */ @@ -23320,7 +23325,7 @@ /***/ }), -/* 258 */ +/* 260 */ /***/ (function(module, exports) { /** @@ -23340,7 +23345,7 @@ /***/ }), -/* 259 */ +/* 261 */ /***/ (function(module, exports) { /** @@ -23369,7 +23374,7 @@ /***/ }), -/* 260 */ +/* 262 */ /***/ (function(module, exports) { /** @@ -23388,15 +23393,15 @@ /***/ }), -/* 261 */ +/* 263 */ /***/ (function(module, exports, __webpack_require__) { - var Symbol = __webpack_require__(176), - Uint8Array = __webpack_require__(262), - eq = __webpack_require__(222), - equalArrays = __webpack_require__(255), - mapToArray = __webpack_require__(263), - setToArray = __webpack_require__(264); + var Symbol = __webpack_require__(178), + Uint8Array = __webpack_require__(264), + eq = __webpack_require__(224), + equalArrays = __webpack_require__(257), + mapToArray = __webpack_require__(265), + setToArray = __webpack_require__(266); /** Used to compose bitmasks for value comparisons. */ var COMPARE_PARTIAL_FLAG = 1, @@ -23506,10 +23511,10 @@ /***/ }), -/* 262 */ +/* 264 */ /***/ (function(module, exports, __webpack_require__) { - var root = __webpack_require__(177); + var root = __webpack_require__(179); /** Built-in value references. */ var Uint8Array = root.Uint8Array; @@ -23518,7 +23523,7 @@ /***/ }), -/* 263 */ +/* 265 */ /***/ (function(module, exports) { /** @@ -23542,7 +23547,7 @@ /***/ }), -/* 264 */ +/* 266 */ /***/ (function(module, exports) { /** @@ -23566,10 +23571,10 @@ /***/ }), -/* 265 */ +/* 267 */ /***/ (function(module, exports, __webpack_require__) { - var getAllKeys = __webpack_require__(266); + var getAllKeys = __webpack_require__(268); /** Used to compose bitmasks for value comparisons. */ var COMPARE_PARTIAL_FLAG = 1; @@ -23610,10 +23615,11 @@ return false; } } - // Assume cyclic values are equal. - var stacked = stack.get(object); - if (stacked && stack.get(other)) { - return stacked == other; + // Check that cyclic values are equal. + var objStacked = stack.get(object); + var othStacked = stack.get(other); + if (objStacked && othStacked) { + return objStacked == other && othStacked == object; } var result = true; stack.set(object, other); @@ -23661,12 +23667,12 @@ /***/ }), -/* 266 */ +/* 268 */ /***/ (function(module, exports, __webpack_require__) { - var baseGetAllKeys = __webpack_require__(267), - getSymbols = __webpack_require__(269), - keys = __webpack_require__(187); + var baseGetAllKeys = __webpack_require__(269), + getSymbols = __webpack_require__(271), + keys = __webpack_require__(189); /** * Creates an array of own enumerable property names and symbols of `object`. @@ -23683,11 +23689,11 @@ /***/ }), -/* 267 */ +/* 269 */ /***/ (function(module, exports, __webpack_require__) { - var arrayPush = __webpack_require__(268), - isArray = __webpack_require__(181); + var arrayPush = __webpack_require__(270), + isArray = __webpack_require__(183); /** * The base implementation of `getAllKeys` and `getAllKeysIn` which uses @@ -23709,7 +23715,7 @@ /***/ }), -/* 268 */ +/* 270 */ /***/ (function(module, exports) { /** @@ -23735,11 +23741,11 @@ /***/ }), -/* 269 */ +/* 271 */ /***/ (function(module, exports, __webpack_require__) { - var arrayFilter = __webpack_require__(270), - stubArray = __webpack_require__(271); + var arrayFilter = __webpack_require__(272), + stubArray = __webpack_require__(273); /** Used for built-in method references. */ var objectProto = Object.prototype; @@ -23771,7 +23777,7 @@ /***/ }), -/* 270 */ +/* 272 */ /***/ (function(module, exports) { /** @@ -23802,7 +23808,7 @@ /***/ }), -/* 271 */ +/* 273 */ /***/ (function(module, exports) { /** @@ -23831,16 +23837,16 @@ /***/ }), -/* 272 */ +/* 274 */ /***/ (function(module, exports, __webpack_require__) { - var DataView = __webpack_require__(273), - Map = __webpack_require__(231), - Promise = __webpack_require__(274), - Set = __webpack_require__(275), - WeakMap = __webpack_require__(276), - baseGetTag = __webpack_require__(175), - toSource = __webpack_require__(236); + var DataView = __webpack_require__(275), + Map = __webpack_require__(233), + Promise = __webpack_require__(276), + Set = __webpack_require__(277), + WeakMap = __webpack_require__(278), + baseGetTag = __webpack_require__(177), + toSource = __webpack_require__(238); /** `Object#toString` result references. */ var mapTag = '[object Map]', @@ -23895,11 +23901,11 @@ /***/ }), -/* 273 */ +/* 275 */ /***/ (function(module, exports, __webpack_require__) { - var getNative = __webpack_require__(232), - root = __webpack_require__(177); + var getNative = __webpack_require__(234), + root = __webpack_require__(179); /* Built-in method references that are verified to be native. */ var DataView = getNative(root, 'DataView'); @@ -23908,11 +23914,11 @@ /***/ }), -/* 274 */ +/* 276 */ /***/ (function(module, exports, __webpack_require__) { - var getNative = __webpack_require__(232), - root = __webpack_require__(177); + var getNative = __webpack_require__(234), + root = __webpack_require__(179); /* Built-in method references that are verified to be native. */ var Promise = getNative(root, 'Promise'); @@ -23921,11 +23927,11 @@ /***/ }), -/* 275 */ +/* 277 */ /***/ (function(module, exports, __webpack_require__) { - var getNative = __webpack_require__(232), - root = __webpack_require__(177); + var getNative = __webpack_require__(234), + root = __webpack_require__(179); /* Built-in method references that are verified to be native. */ var Set = getNative(root, 'Set'); @@ -23934,11 +23940,11 @@ /***/ }), -/* 276 */ +/* 278 */ /***/ (function(module, exports, __webpack_require__) { - var getNative = __webpack_require__(232), - root = __webpack_require__(177); + var getNative = __webpack_require__(234), + root = __webpack_require__(179); /* Built-in method references that are verified to be native. */ var WeakMap = getNative(root, 'WeakMap'); @@ -23947,11 +23953,11 @@ /***/ }), -/* 277 */ +/* 279 */ /***/ (function(module, exports, __webpack_require__) { - var isStrictComparable = __webpack_require__(278), - keys = __webpack_require__(187); + var isStrictComparable = __webpack_require__(280), + keys = __webpack_require__(189); /** * Gets the property names, values, and compare flags of `object`. @@ -23977,10 +23983,10 @@ /***/ }), -/* 278 */ +/* 280 */ /***/ (function(module, exports, __webpack_require__) { - var isObject = __webpack_require__(207); + var isObject = __webpack_require__(209); /** * Checks if `value` is suitable for strict equality comparisons, i.e. `===`. @@ -23998,7 +24004,7 @@ /***/ }), -/* 279 */ +/* 281 */ /***/ (function(module, exports) { /** @@ -24024,16 +24030,16 @@ /***/ }), -/* 280 */ +/* 282 */ /***/ (function(module, exports, __webpack_require__) { - var baseIsEqual = __webpack_require__(253), - get = __webpack_require__(281), - hasIn = __webpack_require__(292), - isKey = __webpack_require__(284), - isStrictComparable = __webpack_require__(278), - matchesStrictComparable = __webpack_require__(279), - toKey = __webpack_require__(291); + var baseIsEqual = __webpack_require__(255), + get = __webpack_require__(283), + hasIn = __webpack_require__(294), + isKey = __webpack_require__(286), + isStrictComparable = __webpack_require__(280), + matchesStrictComparable = __webpack_require__(281), + toKey = __webpack_require__(293); /** Used to compose bitmasks for value comparisons. */ var COMPARE_PARTIAL_FLAG = 1, @@ -24063,10 +24069,10 @@ /***/ }), -/* 281 */ +/* 283 */ /***/ (function(module, exports, __webpack_require__) { - var baseGet = __webpack_require__(282); + var baseGet = __webpack_require__(284); /** * Gets the value at `path` of `object`. If the resolved value is @@ -24102,11 +24108,11 @@ /***/ }), -/* 282 */ +/* 284 */ /***/ (function(module, exports, __webpack_require__) { - var castPath = __webpack_require__(283), - toKey = __webpack_require__(291); + var castPath = __webpack_require__(285), + toKey = __webpack_require__(293); /** * The base implementation of `_.get` without support for default values. @@ -24132,13 +24138,13 @@ /***/ }), -/* 283 */ +/* 285 */ /***/ (function(module, exports, __webpack_require__) { - var isArray = __webpack_require__(181), - isKey = __webpack_require__(284), - stringToPath = __webpack_require__(286), - toString = __webpack_require__(289); + var isArray = __webpack_require__(183), + isKey = __webpack_require__(286), + stringToPath = __webpack_require__(288), + toString = __webpack_require__(291); /** * Casts `value` to a path array if it's not one. @@ -24159,11 +24165,11 @@ /***/ }), -/* 284 */ +/* 286 */ /***/ (function(module, exports, __webpack_require__) { - var isArray = __webpack_require__(181), - isSymbol = __webpack_require__(285); + var isArray = __webpack_require__(183), + isSymbol = __webpack_require__(287); /** Used to match property names within property paths. */ var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, @@ -24194,11 +24200,11 @@ /***/ }), -/* 285 */ +/* 287 */ /***/ (function(module, exports, __webpack_require__) { - var baseGetTag = __webpack_require__(175), - isObjectLike = __webpack_require__(182); + var baseGetTag = __webpack_require__(177), + isObjectLike = __webpack_require__(184); /** `Object#toString` result references. */ var symbolTag = '[object Symbol]'; @@ -24229,14 +24235,13 @@ /***/ }), -/* 286 */ +/* 288 */ /***/ (function(module, exports, __webpack_require__) { - var memoizeCapped = __webpack_require__(287); + var memoizeCapped = __webpack_require__(289); /** Used to match property names within property paths. */ - var reLeadingDot = /^\./, - rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g; + var rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g; /** Used to match backslashes in property paths. */ var reEscapeChar = /\\(\\)?/g; @@ -24250,11 +24255,11 @@ */ var stringToPath = memoizeCapped(function(string) { var result = []; - if (reLeadingDot.test(string)) { + if (string.charCodeAt(0) === 46 /* . */) { result.push(''); } - string.replace(rePropName, function(match, number, quote, string) { - result.push(quote ? string.replace(reEscapeChar, '$1') : (number || match)); + string.replace(rePropName, function(match, number, quote, subString) { + result.push(quote ? subString.replace(reEscapeChar, '$1') : (number || match)); }); return result; }); @@ -24263,10 +24268,10 @@ /***/ }), -/* 287 */ +/* 289 */ /***/ (function(module, exports, __webpack_require__) { - var memoize = __webpack_require__(288); + var memoize = __webpack_require__(290); /** Used as the maximum memoize cache size. */ var MAX_MEMOIZE_SIZE = 500; @@ -24295,10 +24300,10 @@ /***/ }), -/* 288 */ +/* 290 */ /***/ (function(module, exports, __webpack_require__) { - var MapCache = __webpack_require__(238); + var MapCache = __webpack_require__(240); /** Error message constants. */ var FUNC_ERROR_TEXT = 'Expected a function'; @@ -24374,10 +24379,10 @@ /***/ }), -/* 289 */ +/* 291 */ /***/ (function(module, exports, __webpack_require__) { - var baseToString = __webpack_require__(290); + var baseToString = __webpack_require__(292); /** * Converts `value` to a string. An empty string is returned for `null` @@ -24408,13 +24413,13 @@ /***/ }), -/* 290 */ +/* 292 */ /***/ (function(module, exports, __webpack_require__) { - var Symbol = __webpack_require__(176), - arrayMap = __webpack_require__(213), - isArray = __webpack_require__(181), - isSymbol = __webpack_require__(285); + var Symbol = __webpack_require__(178), + arrayMap = __webpack_require__(215), + isArray = __webpack_require__(183), + isSymbol = __webpack_require__(287); /** Used as references for various `Number` constants. */ var INFINITY = 1 / 0; @@ -24451,10 +24456,10 @@ /***/ }), -/* 291 */ +/* 293 */ /***/ (function(module, exports, __webpack_require__) { - var isSymbol = __webpack_require__(285); + var isSymbol = __webpack_require__(287); /** Used as references for various `Number` constants. */ var INFINITY = 1 / 0; @@ -24478,11 +24483,11 @@ /***/ }), -/* 292 */ +/* 294 */ /***/ (function(module, exports, __webpack_require__) { - var baseHasIn = __webpack_require__(293), - hasPath = __webpack_require__(294); + var baseHasIn = __webpack_require__(295), + hasPath = __webpack_require__(296); /** * Checks if `path` is a direct or inherited property of `object`. @@ -24518,7 +24523,7 @@ /***/ }), -/* 293 */ +/* 295 */ /***/ (function(module, exports) { /** @@ -24537,15 +24542,15 @@ /***/ }), -/* 294 */ +/* 296 */ /***/ (function(module, exports, __webpack_require__) { - var castPath = __webpack_require__(283), - isArguments = __webpack_require__(190), - isArray = __webpack_require__(181), - isIndex = __webpack_require__(195), - isLength = __webpack_require__(198), - toKey = __webpack_require__(291); + var castPath = __webpack_require__(285), + isArguments = __webpack_require__(192), + isArray = __webpack_require__(183), + isIndex = __webpack_require__(197), + isLength = __webpack_require__(200), + toKey = __webpack_require__(293); /** * Checks if `path` exists on `object`. @@ -24582,13 +24587,13 @@ /***/ }), -/* 295 */ +/* 297 */ /***/ (function(module, exports, __webpack_require__) { - var baseProperty = __webpack_require__(296), - basePropertyDeep = __webpack_require__(297), - isKey = __webpack_require__(284), - toKey = __webpack_require__(291); + var baseProperty = __webpack_require__(298), + basePropertyDeep = __webpack_require__(299), + isKey = __webpack_require__(286), + toKey = __webpack_require__(293); /** * Creates a function that returns the value at `path` of a given object. @@ -24620,7 +24625,7 @@ /***/ }), -/* 296 */ +/* 298 */ /***/ (function(module, exports) { /** @@ -24640,10 +24645,10 @@ /***/ }), -/* 297 */ +/* 299 */ /***/ (function(module, exports, __webpack_require__) { - var baseGet = __webpack_require__(282); + var baseGet = __webpack_require__(284); /** * A specialized version of `baseProperty` which supports deep paths. @@ -24662,11 +24667,11 @@ /***/ }), -/* 298 */ +/* 300 */ /***/ (function(module, exports, __webpack_require__) { - var baseEach = __webpack_require__(299), - isArrayLike = __webpack_require__(205); + var baseEach = __webpack_require__(301), + isArrayLike = __webpack_require__(207); /** * The base implementation of `_.map` without support for iteratee shorthands. @@ -24690,11 +24695,11 @@ /***/ }), -/* 299 */ +/* 301 */ /***/ (function(module, exports, __webpack_require__) { - var baseForOwn = __webpack_require__(184), - createBaseEach = __webpack_require__(300); + var baseForOwn = __webpack_require__(186), + createBaseEach = __webpack_require__(302); /** * The base implementation of `_.forEach` without support for iteratee shorthands. @@ -24710,10 +24715,10 @@ /***/ }), -/* 300 */ +/* 302 */ /***/ (function(module, exports, __webpack_require__) { - var isArrayLike = __webpack_require__(205); + var isArrayLike = __webpack_require__(207); /** * Creates a `baseEach` or `baseEachRight` function. @@ -24748,7 +24753,7 @@ /***/ }), -/* 301 */ +/* 303 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -24758,11 +24763,11 @@ }); exports.mergeClasses = undefined; - var _forOwn2 = __webpack_require__(183); + var _forOwn2 = __webpack_require__(185); var _forOwn3 = _interopRequireDefault(_forOwn2); - var _cloneDeep2 = __webpack_require__(302); + var _cloneDeep2 = __webpack_require__(304); var _cloneDeep3 = _interopRequireDefault(_cloneDeep2); @@ -24794,10 +24799,10 @@ exports.default = mergeClasses; /***/ }), -/* 302 */ +/* 304 */ /***/ (function(module, exports, __webpack_require__) { - var baseClone = __webpack_require__(303); + var baseClone = __webpack_require__(305); /** Used to compose bitmasks for cloning. */ var CLONE_DEEP_FLAG = 1, @@ -24829,28 +24834,31 @@ /***/ }), -/* 303 */ +/* 305 */ /***/ (function(module, exports, __webpack_require__) { - var Stack = __webpack_require__(217), - arrayEach = __webpack_require__(304), - assignValue = __webpack_require__(305), - baseAssign = __webpack_require__(308), - baseAssignIn = __webpack_require__(310), - cloneBuffer = __webpack_require__(314), - copyArray = __webpack_require__(315), - copySymbols = __webpack_require__(316), - copySymbolsIn = __webpack_require__(317), - getAllKeys = __webpack_require__(266), - getAllKeysIn = __webpack_require__(319), - getTag = __webpack_require__(272), - initCloneArray = __webpack_require__(320), - initCloneByTag = __webpack_require__(321), - initCloneObject = __webpack_require__(332), - isArray = __webpack_require__(181), - isBuffer = __webpack_require__(192), - isObject = __webpack_require__(207), - keys = __webpack_require__(187); + var Stack = __webpack_require__(219), + arrayEach = __webpack_require__(306), + assignValue = __webpack_require__(307), + baseAssign = __webpack_require__(310), + baseAssignIn = __webpack_require__(312), + cloneBuffer = __webpack_require__(316), + copyArray = __webpack_require__(317), + copySymbols = __webpack_require__(318), + copySymbolsIn = __webpack_require__(319), + getAllKeys = __webpack_require__(268), + getAllKeysIn = __webpack_require__(321), + getTag = __webpack_require__(274), + initCloneArray = __webpack_require__(322), + initCloneByTag = __webpack_require__(323), + initCloneObject = __webpack_require__(329), + isArray = __webpack_require__(183), + isBuffer = __webpack_require__(194), + isMap = __webpack_require__(331), + isObject = __webpack_require__(209), + isSet = __webpack_require__(333), + keys = __webpack_require__(189), + keysIn = __webpack_require__(313); /** Used to compose bitmasks for cloning. */ var CLONE_DEEP_FLAG = 1, @@ -24957,7 +24965,7 @@ if (!cloneableTags[tag]) { return object ? value : {}; } - result = initCloneByTag(value, tag, baseClone, isDeep); + result = initCloneByTag(value, tag, isDeep); } } // Check for circular references and return its corresponding clone. @@ -24968,6 +24976,16 @@ } stack.set(value, result); + if (isSet(value)) { + value.forEach(function(subValue) { + result.add(baseClone(subValue, bitmask, customizer, subValue, value, stack)); + }); + } else if (isMap(value)) { + value.forEach(function(subValue, key) { + result.set(key, baseClone(subValue, bitmask, customizer, key, value, stack)); + }); + } + var keysFunc = isFull ? (isFlat ? getAllKeysIn : getAllKeys) : (isFlat ? keysIn : keys); @@ -24988,7 +25006,7 @@ /***/ }), -/* 304 */ +/* 306 */ /***/ (function(module, exports) { /** @@ -25016,11 +25034,11 @@ /***/ }), -/* 305 */ +/* 307 */ /***/ (function(module, exports, __webpack_require__) { - var baseAssignValue = __webpack_require__(306), - eq = __webpack_require__(222); + var baseAssignValue = __webpack_require__(308), + eq = __webpack_require__(224); /** Used for built-in method references. */ var objectProto = Object.prototype; @@ -25050,10 +25068,10 @@ /***/ }), -/* 306 */ +/* 308 */ /***/ (function(module, exports, __webpack_require__) { - var defineProperty = __webpack_require__(307); + var defineProperty = __webpack_require__(309); /** * The base implementation of `assignValue` and `assignMergeValue` without @@ -25081,10 +25099,10 @@ /***/ }), -/* 307 */ +/* 309 */ /***/ (function(module, exports, __webpack_require__) { - var getNative = __webpack_require__(232); + var getNative = __webpack_require__(234); var defineProperty = (function() { try { @@ -25098,11 +25116,11 @@ /***/ }), -/* 308 */ +/* 310 */ /***/ (function(module, exports, __webpack_require__) { - var copyObject = __webpack_require__(309), - keys = __webpack_require__(187); + var copyObject = __webpack_require__(311), + keys = __webpack_require__(189); /** * The base implementation of `_.assign` without support for multiple sources @@ -25121,11 +25139,11 @@ /***/ }), -/* 309 */ +/* 311 */ /***/ (function(module, exports, __webpack_require__) { - var assignValue = __webpack_require__(305), - baseAssignValue = __webpack_require__(306); + var assignValue = __webpack_require__(307), + baseAssignValue = __webpack_require__(308); /** * Copies properties of `source` to `object`. @@ -25167,11 +25185,11 @@ /***/ }), -/* 310 */ +/* 312 */ /***/ (function(module, exports, __webpack_require__) { - var copyObject = __webpack_require__(309), - keysIn = __webpack_require__(311); + var copyObject = __webpack_require__(311), + keysIn = __webpack_require__(313); /** * The base implementation of `_.assignIn` without support for multiple sources @@ -25190,12 +25208,12 @@ /***/ }), -/* 311 */ +/* 313 */ /***/ (function(module, exports, __webpack_require__) { - var arrayLikeKeys = __webpack_require__(188), - baseKeysIn = __webpack_require__(312), - isArrayLike = __webpack_require__(205); + var arrayLikeKeys = __webpack_require__(190), + baseKeysIn = __webpack_require__(314), + isArrayLike = __webpack_require__(207); /** * Creates an array of the own and inherited enumerable property names of `object`. @@ -25228,12 +25246,12 @@ /***/ }), -/* 312 */ +/* 314 */ /***/ (function(module, exports, __webpack_require__) { - var isObject = __webpack_require__(207), - isPrototype = __webpack_require__(202), - nativeKeysIn = __webpack_require__(313); + var isObject = __webpack_require__(209), + isPrototype = __webpack_require__(204), + nativeKeysIn = __webpack_require__(315); /** Used for built-in method references. */ var objectProto = Object.prototype; @@ -25267,7 +25285,7 @@ /***/ }), -/* 313 */ +/* 315 */ /***/ (function(module, exports) { /** @@ -25293,10 +25311,10 @@ /***/ }), -/* 314 */ +/* 316 */ /***/ (function(module, exports, __webpack_require__) { - /* WEBPACK VAR INJECTION */(function(module) {var root = __webpack_require__(177); + /* WEBPACK VAR INJECTION */(function(module) {var root = __webpack_require__(179); /** Detect free variable `exports`. */ var freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports; @@ -25332,10 +25350,10 @@ module.exports = cloneBuffer; - /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(193)(module))) + /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(195)(module))) /***/ }), -/* 315 */ +/* 317 */ /***/ (function(module, exports) { /** @@ -25361,11 +25379,11 @@ /***/ }), -/* 316 */ +/* 318 */ /***/ (function(module, exports, __webpack_require__) { - var copyObject = __webpack_require__(309), - getSymbols = __webpack_require__(269); + var copyObject = __webpack_require__(311), + getSymbols = __webpack_require__(271); /** * Copies own symbols of `source` to `object`. @@ -25383,11 +25401,11 @@ /***/ }), -/* 317 */ +/* 319 */ /***/ (function(module, exports, __webpack_require__) { - var copyObject = __webpack_require__(309), - getSymbolsIn = __webpack_require__(318); + var copyObject = __webpack_require__(311), + getSymbolsIn = __webpack_require__(320); /** * Copies own and inherited symbols of `source` to `object`. @@ -25405,13 +25423,13 @@ /***/ }), -/* 318 */ +/* 320 */ /***/ (function(module, exports, __webpack_require__) { - var arrayPush = __webpack_require__(268), - getPrototype = __webpack_require__(211), - getSymbols = __webpack_require__(269), - stubArray = __webpack_require__(271); + var arrayPush = __webpack_require__(270), + getPrototype = __webpack_require__(213), + getSymbols = __webpack_require__(271), + stubArray = __webpack_require__(273); /* Built-in method references for those with the same name as other `lodash` methods. */ var nativeGetSymbols = Object.getOwnPropertySymbols; @@ -25436,12 +25454,12 @@ /***/ }), -/* 319 */ +/* 321 */ /***/ (function(module, exports, __webpack_require__) { - var baseGetAllKeys = __webpack_require__(267), - getSymbolsIn = __webpack_require__(318), - keysIn = __webpack_require__(311); + var baseGetAllKeys = __webpack_require__(269), + getSymbolsIn = __webpack_require__(320), + keysIn = __webpack_require__(313); /** * Creates an array of own and inherited enumerable property names and @@ -25459,7 +25477,7 @@ /***/ }), -/* 320 */ +/* 322 */ /***/ (function(module, exports) { /** Used for built-in method references. */ @@ -25477,7 +25495,7 @@ */ function initCloneArray(array) { var length = array.length, - result = array.constructor(length); + result = new array.constructor(length); // Add properties assigned by `RegExp#exec`. if (length && typeof array[0] == 'string' && hasOwnProperty.call(array, 'index')) { @@ -25491,16 +25509,14 @@ /***/ }), -/* 321 */ +/* 323 */ /***/ (function(module, exports, __webpack_require__) { - var cloneArrayBuffer = __webpack_require__(322), - cloneDataView = __webpack_require__(323), - cloneMap = __webpack_require__(324), - cloneRegExp = __webpack_require__(327), - cloneSet = __webpack_require__(328), - cloneSymbol = __webpack_require__(330), - cloneTypedArray = __webpack_require__(331); + var cloneArrayBuffer = __webpack_require__(324), + cloneDataView = __webpack_require__(325), + cloneRegExp = __webpack_require__(326), + cloneSymbol = __webpack_require__(327), + cloneTypedArray = __webpack_require__(328); /** `Object#toString` result references. */ var boolTag = '[object Boolean]', @@ -25528,16 +25544,15 @@ * Initializes an object clone based on its `toStringTag`. * * **Note:** This function only supports cloning values with tags of - * `Boolean`, `Date`, `Error`, `Number`, `RegExp`, or `String`. + * `Boolean`, `Date`, `Error`, `Map`, `Number`, `RegExp`, `Set`, or `String`. * * @private * @param {Object} object The object to clone. * @param {string} tag The `toStringTag` of the object to clone. - * @param {Function} cloneFunc The function to clone values. * @param {boolean} [isDeep] Specify a deep clone. * @returns {Object} Returns the initialized clone. */ - function initCloneByTag(object, tag, cloneFunc, isDeep) { + function initCloneByTag(object, tag, isDeep) { var Ctor = object.constructor; switch (tag) { case arrayBufferTag: @@ -25556,7 +25571,7 @@ return cloneTypedArray(object, isDeep); case mapTag: - return cloneMap(object, isDeep, cloneFunc); + return new Ctor; case numberTag: case stringTag: @@ -25566,7 +25581,7 @@ return cloneRegExp(object); case setTag: - return cloneSet(object, isDeep, cloneFunc); + return new Ctor; case symbolTag: return cloneSymbol(object); @@ -25577,10 +25592,10 @@ /***/ }), -/* 322 */ +/* 324 */ /***/ (function(module, exports, __webpack_require__) { - var Uint8Array = __webpack_require__(262); + var Uint8Array = __webpack_require__(264); /** * Creates a clone of `arrayBuffer`. @@ -25599,10 +25614,10 @@ /***/ }), -/* 323 */ +/* 325 */ /***/ (function(module, exports, __webpack_require__) { - var cloneArrayBuffer = __webpack_require__(322); + var cloneArrayBuffer = __webpack_require__(324); /** * Creates a clone of `dataView`. @@ -25620,89 +25635,8 @@ module.exports = cloneDataView; -/***/ }), -/* 324 */ -/***/ (function(module, exports, __webpack_require__) { - - var addMapEntry = __webpack_require__(325), - arrayReduce = __webpack_require__(326), - mapToArray = __webpack_require__(263); - - /** Used to compose bitmasks for cloning. */ - var CLONE_DEEP_FLAG = 1; - - /** - * Creates a clone of `map`. - * - * @private - * @param {Object} map The map to clone. - * @param {Function} cloneFunc The function to clone values. - * @param {boolean} [isDeep] Specify a deep clone. - * @returns {Object} Returns the cloned map. - */ - function cloneMap(map, isDeep, cloneFunc) { - var array = isDeep ? cloneFunc(mapToArray(map), CLONE_DEEP_FLAG) : mapToArray(map); - return arrayReduce(array, addMapEntry, new map.constructor); - } - - module.exports = cloneMap; - - -/***/ }), -/* 325 */ -/***/ (function(module, exports) { - - /** - * Adds the key-value `pair` to `map`. - * - * @private - * @param {Object} map The map to modify. - * @param {Array} pair The key-value pair to add. - * @returns {Object} Returns `map`. - */ - function addMapEntry(map, pair) { - // Don't return `map.set` because it's not chainable in IE 11. - map.set(pair[0], pair[1]); - return map; - } - - module.exports = addMapEntry; - - /***/ }), /* 326 */ -/***/ (function(module, exports) { - - /** - * A specialized version of `_.reduce` for arrays without support for - * iteratee shorthands. - * - * @private - * @param {Array} [array] The array to iterate over. - * @param {Function} iteratee The function invoked per iteration. - * @param {*} [accumulator] The initial value. - * @param {boolean} [initAccum] Specify using the first element of `array` as - * the initial value. - * @returns {*} Returns the accumulated value. - */ - function arrayReduce(array, iteratee, accumulator, initAccum) { - var index = -1, - length = array == null ? 0 : array.length; - - if (initAccum && length) { - accumulator = array[++index]; - } - while (++index < length) { - accumulator = iteratee(accumulator, array[index], index, array); - } - return accumulator; - } - - module.exports = arrayReduce; - - -/***/ }), -/* 327 */ /***/ (function(module, exports) { /** Used to match `RegExp` flags from their coerced string values. */ @@ -25725,59 +25659,10 @@ /***/ }), -/* 328 */ -/***/ (function(module, exports, __webpack_require__) { - - var addSetEntry = __webpack_require__(329), - arrayReduce = __webpack_require__(326), - setToArray = __webpack_require__(264); - - /** Used to compose bitmasks for cloning. */ - var CLONE_DEEP_FLAG = 1; - - /** - * Creates a clone of `set`. - * - * @private - * @param {Object} set The set to clone. - * @param {Function} cloneFunc The function to clone values. - * @param {boolean} [isDeep] Specify a deep clone. - * @returns {Object} Returns the cloned set. - */ - function cloneSet(set, isDeep, cloneFunc) { - var array = isDeep ? cloneFunc(setToArray(set), CLONE_DEEP_FLAG) : setToArray(set); - return arrayReduce(array, addSetEntry, new set.constructor); - } - - module.exports = cloneSet; - - -/***/ }), -/* 329 */ -/***/ (function(module, exports) { - - /** - * Adds `value` to `set`. - * - * @private - * @param {Object} set The set to modify. - * @param {*} value The value to add. - * @returns {Object} Returns `set`. - */ - function addSetEntry(set, value) { - // Don't return `set.add` because it's not chainable in IE 11. - set.add(value); - return set; - } - - module.exports = addSetEntry; - - -/***/ }), -/* 330 */ +/* 327 */ /***/ (function(module, exports, __webpack_require__) { - var Symbol = __webpack_require__(176); + var Symbol = __webpack_require__(178); /** Used to convert symbols to primitives and strings. */ var symbolProto = Symbol ? Symbol.prototype : undefined, @@ -25798,10 +25683,10 @@ /***/ }), -/* 331 */ +/* 328 */ /***/ (function(module, exports, __webpack_require__) { - var cloneArrayBuffer = __webpack_require__(322); + var cloneArrayBuffer = __webpack_require__(324); /** * Creates a clone of `typedArray`. @@ -25820,12 +25705,12 @@ /***/ }), -/* 332 */ +/* 329 */ /***/ (function(module, exports, __webpack_require__) { - var baseCreate = __webpack_require__(333), - getPrototype = __webpack_require__(211), - isPrototype = __webpack_require__(202); + var baseCreate = __webpack_require__(330), + getPrototype = __webpack_require__(213), + isPrototype = __webpack_require__(204); /** * Initializes an object clone. @@ -25844,10 +25729,10 @@ /***/ }), -/* 333 */ +/* 330 */ /***/ (function(module, exports, __webpack_require__) { - var isObject = __webpack_require__(207); + var isObject = __webpack_require__(209); /** Built-in value references. */ var objectCreate = Object.create; @@ -25879,8 +25764,122 @@ module.exports = baseCreate; +/***/ }), +/* 331 */ +/***/ (function(module, exports, __webpack_require__) { + + var baseIsMap = __webpack_require__(332), + baseUnary = __webpack_require__(201), + nodeUtil = __webpack_require__(202); + + /* Node.js helper references. */ + var nodeIsMap = nodeUtil && nodeUtil.isMap; + + /** + * Checks if `value` is classified as a `Map` object. + * + * @static + * @memberOf _ + * @since 4.3.0 + * @category Lang + * @param {*} value The value to check. + * @returns {boolean} Returns `true` if `value` is a map, else `false`. + * @example + * + * _.isMap(new Map); + * // => true + * + * _.isMap(new WeakMap); + * // => false + */ + var isMap = nodeIsMap ? baseUnary(nodeIsMap) : baseIsMap; + + module.exports = isMap; + + +/***/ }), +/* 332 */ +/***/ (function(module, exports, __webpack_require__) { + + var getTag = __webpack_require__(274), + isObjectLike = __webpack_require__(184); + + /** `Object#toString` result references. */ + var mapTag = '[object Map]'; + + /** + * The base implementation of `_.isMap` without Node.js optimizations. + * + * @private + * @param {*} value The value to check. + * @returns {boolean} Returns `true` if `value` is a map, else `false`. + */ + function baseIsMap(value) { + return isObjectLike(value) && getTag(value) == mapTag; + } + + module.exports = baseIsMap; + + +/***/ }), +/* 333 */ +/***/ (function(module, exports, __webpack_require__) { + + var baseIsSet = __webpack_require__(334), + baseUnary = __webpack_require__(201), + nodeUtil = __webpack_require__(202); + + /* Node.js helper references. */ + var nodeIsSet = nodeUtil && nodeUtil.isSet; + + /** + * Checks if `value` is classified as a `Set` object. + * + * @static + * @memberOf _ + * @since 4.3.0 + * @category Lang + * @param {*} value The value to check. + * @returns {boolean} Returns `true` if `value` is a set, else `false`. + * @example + * + * _.isSet(new Set); + * // => true + * + * _.isSet(new WeakSet); + * // => false + */ + var isSet = nodeIsSet ? baseUnary(nodeIsSet) : baseIsSet; + + module.exports = isSet; + + /***/ }), /* 334 */ +/***/ (function(module, exports, __webpack_require__) { + + var getTag = __webpack_require__(274), + isObjectLike = __webpack_require__(184); + + /** `Object#toString` result references. */ + var setTag = '[object Set]'; + + /** + * The base implementation of `_.isSet` without Node.js optimizations. + * + * @private + * @param {*} value The value to check. + * @returns {boolean} Returns `true` if `value` is a set, else `false`. + */ + function baseIsSet(value) { + return isObjectLike(value) && getTag(value) == setTag; + } + + module.exports = baseIsSet; + + +/***/ }), +/* 335 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -25890,7 +25889,7 @@ }); exports.autoprefix = undefined; - var _forOwn2 = __webpack_require__(183); + var _forOwn2 = __webpack_require__(185); var _forOwn3 = _interopRequireDefault(_forOwn2); @@ -26010,7 +26009,7 @@ exports.default = autoprefix; /***/ }), -/* 335 */ +/* 336 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -26071,7 +26070,7 @@ exports.default = hover; /***/ }), -/* 336 */ +/* 337 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -26132,7 +26131,7 @@ exports.default = active; /***/ }), -/* 337 */ +/* 338 */ /***/ (function(module, exports) { 'use strict'; @@ -26160,7 +26159,7 @@ exports.default = loopable; /***/ }), -/* 338 */ +/* 339 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; /* eslint import/no-unresolved: 0 */ @@ -26175,15 +26174,15 @@ var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); - var _reactColor = __webpack_require__(339); + var _reactColor = __webpack_require__(340); - var _reactBasicLayout = __webpack_require__(405); + var _reactBasicLayout = __webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"react-basic-layout\""); e.code = 'MODULE_NOT_FOUND'; throw e; }())); - var _reactMove = __webpack_require__(408); + var _reactMove = __webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"react-move\""); e.code = 'MODULE_NOT_FOUND'; throw e; }())); var _reactMove2 = _interopRequireDefault(_reactMove); @@ -26659,7 +26658,7 @@ exports.default = HomeFeature; /***/ }), -/* 339 */ +/* 340 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -26667,9 +26666,9 @@ Object.defineProperty(exports, "__esModule", { value: true }); - exports.CustomPicker = exports.TwitterPicker = exports.SwatchesPicker = exports.SliderPicker = exports.SketchPicker = exports.PhotoshopPicker = exports.MaterialPicker = exports.HuePicker = exports.GithubPicker = exports.CompactPicker = exports.ChromePicker = exports.default = exports.CirclePicker = exports.BlockPicker = exports.AlphaPicker = undefined; + exports.CustomPicker = exports.GooglePicker = exports.TwitterPicker = exports.SwatchesPicker = exports.SliderPicker = exports.SketchPicker = exports.PhotoshopPicker = exports.MaterialPicker = exports.HuePicker = exports.GithubPicker = exports.CompactPicker = exports.ChromePicker = exports.default = exports.CirclePicker = exports.BlockPicker = exports.AlphaPicker = undefined; - var _Alpha = __webpack_require__(340); + var _Alpha = __webpack_require__(341); Object.defineProperty(exports, 'AlphaPicker', { enumerable: true, @@ -26678,7 +26677,7 @@ } }); - var _Block = __webpack_require__(363); + var _Block = __webpack_require__(383); Object.defineProperty(exports, 'BlockPicker', { enumerable: true, @@ -26687,7 +26686,7 @@ } }); - var _Circle = __webpack_require__(365); + var _Circle = __webpack_require__(385); Object.defineProperty(exports, 'CirclePicker', { enumerable: true, @@ -26696,7 +26695,7 @@ } }); - var _Chrome = __webpack_require__(368); + var _Chrome = __webpack_require__(388); Object.defineProperty(exports, 'ChromePicker', { enumerable: true, @@ -26705,7 +26704,7 @@ } }); - var _Compact = __webpack_require__(372); + var _Compact = __webpack_require__(394); Object.defineProperty(exports, 'CompactPicker', { enumerable: true, @@ -26714,7 +26713,7 @@ } }); - var _Github = __webpack_require__(383); + var _Github = __webpack_require__(397); Object.defineProperty(exports, 'GithubPicker', { enumerable: true, @@ -26723,7 +26722,7 @@ } }); - var _Hue = __webpack_require__(385); + var _Hue = __webpack_require__(399); Object.defineProperty(exports, 'HuePicker', { enumerable: true, @@ -26732,7 +26731,7 @@ } }); - var _Material = __webpack_require__(387); + var _Material = __webpack_require__(401); Object.defineProperty(exports, 'MaterialPicker', { enumerable: true, @@ -26741,7 +26740,7 @@ } }); - var _Photoshop = __webpack_require__(388); + var _Photoshop = __webpack_require__(402); Object.defineProperty(exports, 'PhotoshopPicker', { enumerable: true, @@ -26750,7 +26749,7 @@ } }); - var _Sketch = __webpack_require__(394); + var _Sketch = __webpack_require__(408); Object.defineProperty(exports, 'SketchPicker', { enumerable: true, @@ -26759,7 +26758,7 @@ } }); - var _Slider = __webpack_require__(397); + var _Slider = __webpack_require__(411); Object.defineProperty(exports, 'SliderPicker', { enumerable: true, @@ -26768,7 +26767,7 @@ } }); - var _Swatches = __webpack_require__(401); + var _Swatches = __webpack_require__(415); Object.defineProperty(exports, 'SwatchesPicker', { enumerable: true, @@ -26777,7 +26776,7 @@ } }); - var _Twitter = __webpack_require__(404); + var _Twitter = __webpack_require__(419); Object.defineProperty(exports, 'TwitterPicker', { enumerable: true, @@ -26786,7 +26785,16 @@ } }); - var _ColorWrap = __webpack_require__(355); + var _Google = __webpack_require__(420); + + Object.defineProperty(exports, 'GooglePicker', { + enumerable: true, + get: function get() { + return _interopRequireDefault(_Google).default; + } + }); + + var _ColorWrap = __webpack_require__(375); Object.defineProperty(exports, 'CustomPicker', { enumerable: true, @@ -26802,7 +26810,7 @@ exports.default = _Chrome2.default; /***/ }), -/* 340 */ +/* 341 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -26818,13 +26826,13 @@ var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); - var _common = __webpack_require__(341); + var _common = __webpack_require__(342); - var _AlphaPointer = __webpack_require__(362); + var _AlphaPointer = __webpack_require__(382); var _AlphaPointer2 = _interopRequireDefault(_AlphaPointer); @@ -26839,7 +26847,9 @@ direction = _ref.direction, style = _ref.style, renderers = _ref.renderers, - pointer = _ref.pointer; + pointer = _ref.pointer, + _ref$className = _ref.className, + className = _ref$className === undefined ? '' : _ref$className; var styles = (0, _reactcss2.default)({ 'default': { @@ -26857,7 +26867,7 @@ return _react2.default.createElement( 'div', - { style: styles.picker, className: 'alpha-picker' }, + { style: styles.picker, className: 'alpha-picker ' + className }, _react2.default.createElement(_common.Alpha, _extends({}, styles.alpha, { rgb: rgb, hsl: hsl, @@ -26879,7 +26889,7 @@ exports.default = (0, _common.ColorWrap)(AlphaPicker); /***/ }), -/* 341 */ +/* 342 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -26888,7 +26898,7 @@ value: true }); - var _Alpha = __webpack_require__(342); + var _Alpha = __webpack_require__(343); Object.defineProperty(exports, 'Alpha', { enumerable: true, @@ -26897,7 +26907,7 @@ } }); - var _Checkboard = __webpack_require__(344); + var _Checkboard = __webpack_require__(345); Object.defineProperty(exports, 'Checkboard', { enumerable: true, @@ -26906,7 +26916,7 @@ } }); - var _EditableInput = __webpack_require__(346); + var _EditableInput = __webpack_require__(347); Object.defineProperty(exports, 'EditableInput', { enumerable: true, @@ -26915,7 +26925,7 @@ } }); - var _Hue = __webpack_require__(347); + var _Hue = __webpack_require__(348); Object.defineProperty(exports, 'Hue', { enumerable: true, @@ -26924,7 +26934,16 @@ } }); - var _Saturation = __webpack_require__(349); + var _Raised = __webpack_require__(350); + + Object.defineProperty(exports, 'Raised', { + enumerable: true, + get: function get() { + return _interopRequireDefault(_Raised).default; + } + }); + + var _Saturation = __webpack_require__(369); Object.defineProperty(exports, 'Saturation', { enumerable: true, @@ -26933,7 +26952,7 @@ } }); - var _ColorWrap = __webpack_require__(355); + var _ColorWrap = __webpack_require__(375); Object.defineProperty(exports, 'ColorWrap', { enumerable: true, @@ -26942,7 +26961,7 @@ } }); - var _Swatch = __webpack_require__(360); + var _Swatch = __webpack_require__(380); Object.defineProperty(exports, 'Swatch', { enumerable: true, @@ -26954,7 +26973,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } /***/ }), -/* 342 */ +/* 343 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -26972,15 +26991,15 @@ var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); - var _alpha = __webpack_require__(343); + var _alpha = __webpack_require__(344); var alpha = _interopRequireWildcard(_alpha); - var _Checkboard = __webpack_require__(344); + var _Checkboard = __webpack_require__(345); var _Checkboard2 = _interopRequireDefault(_Checkboard); @@ -27008,11 +27027,11 @@ args[_key] = arguments[_key]; } - return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref2 = Alpha.__proto__ || Object.getPrototypeOf(Alpha)).call.apply(_ref2, [this].concat(args))), _this), _this.handleChange = function (e, skip) { - var change = alpha.calculateChange(e, skip, _this.props, _this.refs.container); - change && _this.props.onChange && _this.props.onChange(change, e); + return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref2 = Alpha.__proto__ || Object.getPrototypeOf(Alpha)).call.apply(_ref2, [this].concat(args))), _this), _this.handleChange = function (e) { + var change = alpha.calculateChange(e, _this.props.hsl, _this.props.direction, _this.props.a, _this.container); + change && typeof _this.props.onChange === 'function' && _this.props.onChange(change, e); }, _this.handleMouseDown = function (e) { - _this.handleChange(e, true); + _this.handleChange(e); window.addEventListener('mousemove', _this.handleChange); window.addEventListener('mouseup', _this.handleMouseUp); }, _this.handleMouseUp = function () { @@ -27031,6 +27050,8 @@ }, { key: 'render', value: function render() { + var _this2 = this; + var rgb = this.props.rgb; var styles = (0, _reactcss2.default)({ 'default': { @@ -27040,7 +27061,8 @@ }, checkboard: { absolute: '0px 0px 0px 0px', - overflow: 'hidden' + overflow: 'hidden', + borderRadius: this.props.radius }, gradient: { absolute: '0px 0px 0px 0px', @@ -27095,7 +27117,9 @@ 'div', { style: styles.container, - ref: 'container', + ref: function ref(container) { + return _this2.container = container; + }, onMouseDown: this.handleMouseDown, onTouchMove: this.handleChange, onTouchStart: this.handleChange @@ -27116,7 +27140,7 @@ exports.default = Alpha; /***/ }), -/* 343 */ +/* 344 */ /***/ (function(module, exports) { 'use strict'; @@ -27124,9 +27148,7 @@ Object.defineProperty(exports, "__esModule", { value: true }); - exports.calculateChange = calculateChange; - function calculateChange(e, skip, props, container) { - !skip && e.preventDefault(); + var calculateChange = exports.calculateChange = function calculateChange(e, hsl, direction, initialA, container) { var containerWidth = container.clientWidth; var containerHeight = container.clientHeight; var x = typeof e.pageX === 'number' ? e.pageX : e.touches[0].pageX; @@ -27134,7 +27156,7 @@ var left = x - (container.getBoundingClientRect().left + window.pageXOffset); var top = y - (container.getBoundingClientRect().top + window.pageYOffset); - if (props.direction === 'vertical') { + if (direction === 'vertical') { var a = void 0; if (top < 0) { a = 0; @@ -27144,11 +27166,11 @@ a = Math.round(top * 100 / containerHeight) / 100; } - if (props.hsl.a !== a) { + if (hsl.a !== a) { return { - h: props.hsl.h, - s: props.hsl.s, - l: props.hsl.l, + h: hsl.h, + s: hsl.s, + l: hsl.l, a: a, source: 'rgb' }; @@ -27163,21 +27185,21 @@ _a = Math.round(left * 100 / containerWidth) / 100; } - if (props.a !== _a) { + if (initialA !== _a) { return { - h: props.hsl.h, - s: props.hsl.s, - l: props.hsl.l, + h: hsl.h, + s: hsl.s, + l: hsl.l, a: _a, source: 'rgb' }; } } return null; - } + }; /***/ }), -/* 344 */ +/* 345 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -27187,15 +27209,17 @@ }); exports.Checkboard = undefined; + var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; + var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); - var _checkboard = __webpack_require__(345); + var _checkboard = __webpack_require__(346); var checkboard = _interopRequireWildcard(_checkboard); @@ -27209,7 +27233,8 @@ size = _ref.size, renderers = _ref.renderers, borderRadius = _ref.borderRadius, - boxShadow = _ref.boxShadow; + boxShadow = _ref.boxShadow, + children = _ref.children; var styles = (0, _reactcss2.default)({ 'default': { @@ -27221,8 +27246,7 @@ } } }); - - return _react2.default.createElement('div', { style: styles.grid }); + return (0, _react.isValidElement)(children) ? _react2.default.cloneElement(children, _extends({}, children.props, { style: _extends({}, children.props.style, styles.grid) })) : _react2.default.createElement('div', { style: styles.grid }); }; Checkboard.defaultProps = { @@ -27235,7 +27259,7 @@ exports.default = Checkboard; /***/ }), -/* 345 */ +/* 346 */ /***/ (function(module, exports) { 'use strict'; @@ -27243,17 +27267,19 @@ Object.defineProperty(exports, "__esModule", { value: true }); - exports.render = render; - exports.get = get; var checkboardCache = {}; - function render(c1, c2, size, serverCanvas) { - if (typeof document === 'undefined' && !serverCanvas) return null; + var render = exports.render = function render(c1, c2, size, serverCanvas) { + if (typeof document === 'undefined' && !serverCanvas) { + return null; + } var canvas = serverCanvas ? new serverCanvas() : document.createElement('canvas'); canvas.width = size * 2; canvas.height = size * 2; var ctx = canvas.getContext('2d'); - if (!ctx) return null; // If no context can be found, return early. + if (!ctx) { + return null; + } // If no context can be found, return early. ctx.fillStyle = c1; ctx.fillRect(0, 0, canvas.width, canvas.height); ctx.fillStyle = c2; @@ -27261,21 +27287,22 @@ ctx.translate(size, size); ctx.fillRect(0, 0, size, size); return canvas.toDataURL(); - } + }; - function get(c1, c2, size, serverCanvas) { + var get = exports.get = function get(c1, c2, size, serverCanvas) { var key = c1 + '-' + c2 + '-' + size + (serverCanvas ? '-server' : ''); - var checkboard = render(c1, c2, size, serverCanvas); if (checkboardCache[key]) { return checkboardCache[key]; } + + var checkboard = render(c1, c2, size, serverCanvas); checkboardCache[key] = checkboard; return checkboard; - } + }; /***/ }), -/* 346 */ +/* 347 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -27291,7 +27318,7 @@ var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); @@ -27305,6 +27332,20 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } + var DEFAULT_ARROW_OFFSET = 1; + + var UP_KEY_CODE = 38; + var DOWN_KEY_CODE = 40; + var VALID_KEY_CODES = [UP_KEY_CODE, DOWN_KEY_CODE]; + var isValidKeyCode = function isValidKeyCode(keyCode) { + return VALID_KEY_CODES.indexOf(keyCode) > -1; + }; + var getNumberValue = function getNumberValue(value) { + return Number(String(value).replace(/%/g, '')); + }; + + var idCounter = 1; + var EditableInput = exports.EditableInput = function (_ref) { _inherits(EditableInput, _ref); @@ -27320,41 +27361,19 @@ }; _this.handleChange = function (e) { - if (!!_this.props.label) { - _this.props.onChange && _this.props.onChange(_defineProperty({}, _this.props.label, e.target.value), e); - } else { - _this.props.onChange && _this.props.onChange(e.target.value, e); - } - - _this.setState({ value: e.target.value }); + _this.setUpdatedValue(e.target.value, e); }; _this.handleKeyDown = function (e) { - var number = Number(e.target.value); - if (!isNaN(number)) { - var amount = _this.props.arrowOffset || 1; - - // Up - if (e.keyCode === 38) { - if (_this.props.label !== null) { - _this.props.onChange && _this.props.onChange(_defineProperty({}, _this.props.label, number + amount), e); - } else { - _this.props.onChange && _this.props.onChange(number + amount, e); - } + // In case `e.target.value` is a percentage remove the `%` character + // and update accordingly with a percentage + // https://github.com/casesandberg/react-color/issues/383 + var value = getNumberValue(e.target.value); + if (!isNaN(value) && isValidKeyCode(e.keyCode)) { + var offset = _this.getArrowOffset(); + var updatedValue = e.keyCode === UP_KEY_CODE ? value + offset : value - offset; - _this.setState({ value: number + amount }); - } - - // Down - if (e.keyCode === 40) { - if (_this.props.label !== null) { - _this.props.onChange && _this.props.onChange(_defineProperty({}, _this.props.label, number - amount), e); - } else { - _this.props.onChange && _this.props.onChange(number - amount, e); - } - - _this.setState({ value: number - amount }); - } + _this.setUpdatedValue(updatedValue, e); } }; @@ -27362,7 +27381,7 @@ if (_this.props.dragLabel) { var newValue = Math.round(_this.props.value + e.movementX); if (newValue >= 0 && newValue <= _this.props.dragMax) { - _this.props.onChange && _this.props.onChange(_defineProperty({}, _this.props.label, newValue), e); + _this.props.onChange && _this.props.onChange(_this.getValueObjectWithLabel(newValue), e); } } }; @@ -27389,18 +27408,19 @@ value: String(props.value).toUpperCase(), blurValue: String(props.value).toUpperCase() }; + + _this.inputId = 'rc-editable-input-' + idCounter++; return _this; } _createClass(EditableInput, [{ - key: 'componentWillReceiveProps', - value: function componentWillReceiveProps(nextProps) { - var input = this.refs.input; - if (nextProps.value !== this.state.value) { - if (input === document.activeElement) { - this.setState({ blurValue: String(nextProps.value).toUpperCase() }); + key: 'componentDidUpdate', + value: function componentDidUpdate(prevProps, prevState) { + if (this.props.value !== this.state.value && (prevProps.value !== this.props.value || prevState.value !== this.state.value)) { + if (this.input === document.activeElement) { + this.setState({ blurValue: String(this.props.value).toUpperCase() }); } else { - this.setState({ value: String(nextProps.value).toUpperCase() }); + this.setState({ value: String(this.props.value).toUpperCase(), blurValue: !this.state.blurValue && String(this.props.value).toUpperCase() }); } } } @@ -27409,9 +27429,29 @@ value: function componentWillUnmount() { this.unbindEventListeners(); } + }, { + key: 'getValueObjectWithLabel', + value: function getValueObjectWithLabel(value) { + return _defineProperty({}, this.props.label, value); + } + }, { + key: 'getArrowOffset', + value: function getArrowOffset() { + return this.props.arrowOffset || DEFAULT_ARROW_OFFSET; + } + }, { + key: 'setUpdatedValue', + value: function setUpdatedValue(value, e) { + var onChangeValue = this.props.label ? this.getValueObjectWithLabel(value) : value; + this.props.onChange && this.props.onChange(onChangeValue, e); + + this.setState({ value: value }); + } }, { key: 'render', value: function render() { + var _this2 = this; + var styles = (0, _reactcss2.default)({ 'default': { wrap: { @@ -27436,17 +27476,25 @@ 'div', { style: styles.wrap }, _react2.default.createElement('input', { + id: this.inputId, style: styles.input, - ref: 'input', + ref: function ref(input) { + return _this2.input = input; + }, value: this.state.value, onKeyDown: this.handleKeyDown, onChange: this.handleChange, onBlur: this.handleBlur, - placeholder: this.props.placeholder + placeholder: this.props.placeholder, + spellCheck: 'false' }), - this.props.label ? _react2.default.createElement( - 'span', - { style: styles.label, onMouseDown: this.handleMouseDown }, + this.props.label && !this.props.hideLabel ? _react2.default.createElement( + 'label', + { + htmlFor: this.inputId, + style: styles.label, + onMouseDown: this.handleMouseDown + }, this.props.label ) : null ); @@ -27459,7 +27507,7 @@ exports.default = EditableInput; /***/ }), -/* 347 */ +/* 348 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -27475,11 +27523,11 @@ var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); - var _hue = __webpack_require__(348); + var _hue = __webpack_require__(349); var hue = _interopRequireWildcard(_hue); @@ -27507,11 +27555,11 @@ args[_key] = arguments[_key]; } - return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref2 = Hue.__proto__ || Object.getPrototypeOf(Hue)).call.apply(_ref2, [this].concat(args))), _this), _this.handleChange = function (e, skip) { - var change = hue.calculateChange(e, skip, _this.props, _this.refs.container); - change && _this.props.onChange && _this.props.onChange(change, e); + return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref2 = Hue.__proto__ || Object.getPrototypeOf(Hue)).call.apply(_ref2, [this].concat(args))), _this), _this.handleChange = function (e) { + var change = hue.calculateChange(e, _this.props.direction, _this.props.hsl, _this.container); + change && typeof _this.props.onChange === 'function' && _this.props.onChange(change, e); }, _this.handleMouseDown = function (e) { - _this.handleChange(e, true); + _this.handleChange(e); window.addEventListener('mousemove', _this.handleChange); window.addEventListener('mouseup', _this.handleMouseUp); }, _this.handleMouseUp = function () { @@ -27533,18 +27581,24 @@ }, { key: 'render', value: function render() { + var _this2 = this; + + var _props$direction = this.props.direction, + direction = _props$direction === undefined ? 'horizontal' : _props$direction; + + var styles = (0, _reactcss2.default)({ 'default': { hue: { absolute: '0px 0px 0px 0px', - background: 'linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%,\n #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)', borderRadius: this.props.radius, boxShadow: this.props.shadow }, container: { - margin: '0 2px', + padding: '0 2px', position: 'relative', - height: '100%' + height: '100%', + borderRadius: this.props.radius }, pointer: { position: 'absolute', @@ -27561,15 +27615,12 @@ } }, 'vertical': { - hue: { - background: 'linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%,\n #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)' - }, pointer: { left: '0px', top: -(this.props.hsl.h * 100 / 360) + 100 + '%' } } - }, { vertical: this.props.direction === 'vertical' }); + }, { vertical: direction === 'vertical' }); return _react2.default.createElement( 'div', @@ -27577,12 +27628,20 @@ _react2.default.createElement( 'div', { + className: 'hue-' + direction, style: styles.container, - ref: 'container', + ref: function ref(container) { + return _this2.container = container; + }, onMouseDown: this.handleMouseDown, onTouchMove: this.handleChange, onTouchStart: this.handleChange }, + _react2.default.createElement( + 'style', + null, + '\n .hue-horizontal {\n background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0\n 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n background: -webkit-linear-gradient(to right, #f00 0%, #ff0\n 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n }\n\n .hue-vertical {\n background: linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%,\n #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n background: -webkit-linear-gradient(to top, #f00 0%, #ff0 17%,\n #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n }\n ' + ), _react2.default.createElement( 'div', { style: styles.pointer }, @@ -27599,7 +27658,7 @@ exports.default = Hue; /***/ }), -/* 348 */ +/* 349 */ /***/ (function(module, exports) { 'use strict'; @@ -27607,9 +27666,7 @@ Object.defineProperty(exports, "__esModule", { value: true }); - exports.calculateChange = calculateChange; - function calculateChange(e, skip, props, container) { - !skip && e.preventDefault(); + var calculateChange = exports.calculateChange = function calculateChange(e, direction, hsl, container) { var containerWidth = container.clientWidth; var containerHeight = container.clientHeight; var x = typeof e.pageX === 'number' ? e.pageX : e.touches[0].pageX; @@ -27617,7 +27674,7 @@ var left = x - (container.getBoundingClientRect().left + window.pageXOffset); var top = y - (container.getBoundingClientRect().top + window.pageYOffset); - if (props.direction === 'vertical') { + if (direction === 'vertical') { var h = void 0; if (top < 0) { h = 359; @@ -27628,13 +27685,13 @@ h = 360 * percent / 100; } - if (props.hsl.h !== h) { + if (hsl.h !== h) { return { h: h, - s: props.hsl.s, - l: props.hsl.l, - a: props.hsl.a, - source: 'rgb' + s: hsl.s, + l: hsl.l, + a: hsl.a, + source: 'hsl' }; } } else { @@ -27648,21 +27705,21 @@ _h = 360 * _percent / 100; } - if (props.hsl.h !== _h) { + if (hsl.h !== _h) { return { h: _h, - s: props.hsl.s, - l: props.hsl.l, - a: props.hsl.a, - source: 'rgb' + s: hsl.s, + l: hsl.l, + a: hsl.a, + source: 'hsl' }; } } return null; - } + }; /***/ }), -/* 349 */ +/* 350 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -27670,2041 +27727,1540 @@ Object.defineProperty(exports, "__esModule", { value: true }); - exports.Saturation = undefined; - - var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + exports.Raised = undefined; var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); - - var _reactcss2 = _interopRequireDefault(_reactcss); + var _propTypes = __webpack_require__(351); - var _throttle = __webpack_require__(350); + var _propTypes2 = _interopRequireDefault(_propTypes); - var _throttle2 = _interopRequireDefault(_throttle); + var _reactcss = __webpack_require__(174); - var _saturation = __webpack_require__(354); + var _reactcss2 = _interopRequireDefault(_reactcss); - var saturation = _interopRequireWildcard(_saturation); + var _merge = __webpack_require__(353); - function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } + var _merge2 = _interopRequireDefault(_merge); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - - var Saturation = exports.Saturation = function (_ref) { - _inherits(Saturation, _ref); + var Raised = exports.Raised = function Raised(_ref) { + var zDepth = _ref.zDepth, + radius = _ref.radius, + background = _ref.background, + children = _ref.children, + _ref$styles = _ref.styles, + passedStyles = _ref$styles === undefined ? {} : _ref$styles; - function Saturation(props) { - _classCallCheck(this, Saturation); + var styles = (0, _reactcss2.default)((0, _merge2.default)({ + 'default': { + wrap: { + position: 'relative', + display: 'inline-block' + }, + content: { + position: 'relative' + }, + bg: { + absolute: '0px 0px 0px 0px', + boxShadow: '0 ' + zDepth + 'px ' + zDepth * 4 + 'px rgba(0,0,0,.24)', + borderRadius: radius, + background: background + } + }, + 'zDepth-0': { + bg: { + boxShadow: 'none' + } + }, - var _this = _possibleConstructorReturn(this, (Saturation.__proto__ || Object.getPrototypeOf(Saturation)).call(this, props)); + 'zDepth-1': { + bg: { + boxShadow: '0 2px 10px rgba(0,0,0,.12), 0 2px 5px rgba(0,0,0,.16)' + } + }, + 'zDepth-2': { + bg: { + boxShadow: '0 6px 20px rgba(0,0,0,.19), 0 8px 17px rgba(0,0,0,.2)' + } + }, + 'zDepth-3': { + bg: { + boxShadow: '0 17px 50px rgba(0,0,0,.19), 0 12px 15px rgba(0,0,0,.24)' + } + }, + 'zDepth-4': { + bg: { + boxShadow: '0 25px 55px rgba(0,0,0,.21), 0 16px 28px rgba(0,0,0,.22)' + } + }, + 'zDepth-5': { + bg: { + boxShadow: '0 40px 77px rgba(0,0,0,.22), 0 27px 24px rgba(0,0,0,.2)' + } + }, + 'square': { + bg: { + borderRadius: '0' + } + }, + 'circle': { + bg: { + borderRadius: '50%' + } + } + }, passedStyles), { 'zDepth-1': zDepth === 1 }); - _this.handleChange = function (e, skip) { - _this.props.onChange && _this.throttle(_this.props.onChange, saturation.calculateChange(e, skip, _this.props, _this.refs.container), e); - }; + return _react2.default.createElement( + 'div', + { style: styles.wrap }, + _react2.default.createElement('div', { style: styles.bg }), + _react2.default.createElement( + 'div', + { style: styles.content }, + children + ) + ); + }; - _this.handleMouseDown = function (e) { - _this.handleChange(e, true); - window.addEventListener('mousemove', _this.handleChange); - window.addEventListener('mouseup', _this.handleMouseUp); - }; + Raised.propTypes = { + background: _propTypes2.default.string, + zDepth: _propTypes2.default.oneOf([0, 1, 2, 3, 4, 5]), + radius: _propTypes2.default.number, + styles: _propTypes2.default.object + }; - _this.handleMouseUp = function () { - _this.unbindEventListeners(); - }; + Raised.defaultProps = { + background: '#fff', + zDepth: 1, + radius: 2, + styles: {} + }; - _this.throttle = (0, _throttle2.default)(function (fn, data, e) { - fn(data, e); - }, 50); - return _this; - } + exports.default = Raised; - _createClass(Saturation, [{ - key: 'componentWillUnmount', - value: function componentWillUnmount() { - this.unbindEventListeners(); - } - }, { - key: 'unbindEventListeners', - value: function unbindEventListeners() { - window.removeEventListener('mousemove', this.handleChange); - window.removeEventListener('mouseup', this.handleMouseUp); - } - }, { - key: 'render', - value: function render() { - var _ref2 = this.props.style || {}, - color = _ref2.color, - white = _ref2.white, - black = _ref2.black, - pointer = _ref2.pointer, - circle = _ref2.circle; +/***/ }), +/* 351 */ +/***/ (function(module, exports, __webpack_require__) { - var styles = (0, _reactcss2.default)({ - 'default': { - color: { - absolute: '0px 0px 0px 0px', - background: 'hsl(' + this.props.hsl.h + ',100%, 50%)', - borderRadius: this.props.radius - }, - white: { - absolute: '0px 0px 0px 0px', - background: 'linear-gradient(to right, #fff, rgba(255,255,255,0))' - }, - black: { - absolute: '0px 0px 0px 0px', - background: 'linear-gradient(to top, #000, rgba(0,0,0,0))', - boxShadow: this.props.shadow - }, - pointer: { - position: 'absolute', - top: -(this.props.hsv.v * 100) + 100 + '%', - left: this.props.hsv.s * 100 + '%', - cursor: 'default' - }, - circle: { - width: '4px', - height: '4px', - boxShadow: '0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),\n 0 0 1px 2px rgba(0,0,0,.4)', - borderRadius: '50%', - cursor: 'hand', - transform: 'translate(-2px, -2px)' - } - }, - 'custom': { - color: color, - white: white, - black: black, - pointer: pointer, - circle: circle - } - }, { 'custom': !!this.props.style }); + /** + * Copyright (c) 2013-present, Facebook, Inc. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ - return _react2.default.createElement( - 'div', - { - style: styles.color, - ref: 'container', - onMouseDown: this.handleMouseDown, - onTouchMove: this.handleChange, - onTouchStart: this.handleChange - }, - _react2.default.createElement( - 'div', - { style: styles.white }, - _react2.default.createElement('div', { style: styles.black }), - _react2.default.createElement( - 'div', - { style: styles.pointer }, - this.props.pointer ? _react2.default.createElement(this.props.pointer, this.props) : _react2.default.createElement('div', { style: styles.circle }) - ) - ) - ); - } - }]); + if (false) { + var ReactIs = require('react-is'); - return Saturation; - }(_react.PureComponent || _react.Component); + // By explicitly using `prop-types` you are opting into new development behavior. + // http://fb.me/prop-types-in-prod + var throwOnDirectAccess = true; + module.exports = require('./factoryWithTypeCheckers')(ReactIs.isElement, throwOnDirectAccess); + } else { + // By explicitly using `prop-types` you are opting into new production behavior. + // http://fb.me/prop-types-in-prod + module.exports = __webpack_require__(352)(); + } - exports.default = Saturation; /***/ }), -/* 350 */ +/* 352 */ /***/ (function(module, exports, __webpack_require__) { - var debounce = __webpack_require__(351), - isObject = __webpack_require__(207); - - /** Error message constants. */ - var FUNC_ERROR_TEXT = 'Expected a function'; - /** - * Creates a throttled function that only invokes `func` at most once per - * every `wait` milliseconds. The throttled function comes with a `cancel` - * method to cancel delayed `func` invocations and a `flush` method to - * immediately invoke them. Provide `options` to indicate whether `func` - * should be invoked on the leading and/or trailing edge of the `wait` - * timeout. The `func` is invoked with the last arguments provided to the - * throttled function. Subsequent calls to the throttled function return the - * result of the last `func` invocation. - * - * **Note:** If `leading` and `trailing` options are `true`, `func` is - * invoked on the trailing edge of the timeout only if the throttled function - * is invoked more than once during the `wait` timeout. - * - * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred - * until to the next tick, similar to `setTimeout` with a timeout of `0`. - * - * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/) - * for details over the differences between `_.throttle` and `_.debounce`. + * Copyright (c) 2013-present, Facebook, Inc. * - * @static - * @memberOf _ - * @since 0.1.0 - * @category Function - * @param {Function} func The function to throttle. - * @param {number} [wait=0] The number of milliseconds to throttle invocations to. - * @param {Object} [options={}] The options object. - * @param {boolean} [options.leading=true] - * Specify invoking on the leading edge of the timeout. - * @param {boolean} [options.trailing=true] - * Specify invoking on the trailing edge of the timeout. - * @returns {Function} Returns the new throttled function. - * @example - * - * // Avoid excessively updating the position while scrolling. - * jQuery(window).on('scroll', _.throttle(updatePosition, 100)); - * - * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes. - * var throttled = _.throttle(renewToken, 300000, { 'trailing': false }); - * jQuery(element).on('click', throttled); - * - * // Cancel the trailing throttled invocation. - * jQuery(window).on('popstate', throttled.cancel); + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. */ - function throttle(func, wait, options) { - var leading = true, - trailing = true; - if (typeof func != 'function') { - throw new TypeError(FUNC_ERROR_TEXT); - } - if (isObject(options)) { - leading = 'leading' in options ? !!options.leading : leading; - trailing = 'trailing' in options ? !!options.trailing : trailing; - } - return debounce(func, wait, { - 'leading': leading, - 'maxWait': wait, - 'trailing': trailing - }); - } + 'use strict'; - module.exports = throttle; + var ReactPropTypesSecret = __webpack_require__(28); + function emptyFunction() {} + function emptyFunctionWithReset() {} + emptyFunctionWithReset.resetWarningCache = emptyFunction; -/***/ }), -/* 351 */ -/***/ (function(module, exports, __webpack_require__) { + module.exports = function() { + function shim(props, propName, componentName, location, propFullName, secret) { + if (secret === ReactPropTypesSecret) { + // It is still safe when called from React. + return; + } + var err = new Error( + 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' + + 'Use PropTypes.checkPropTypes() to call them. ' + + 'Read more at http://fb.me/use-check-prop-types' + ); + err.name = 'Invariant Violation'; + throw err; + }; + shim.isRequired = shim; + function getShim() { + return shim; + }; + // Important! + // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`. + var ReactPropTypes = { + array: shim, + bool: shim, + func: shim, + number: shim, + object: shim, + string: shim, + symbol: shim, - var isObject = __webpack_require__(207), - now = __webpack_require__(352), - toNumber = __webpack_require__(353); + any: shim, + arrayOf: getShim, + element: shim, + elementType: shim, + instanceOf: getShim, + node: shim, + objectOf: getShim, + oneOf: getShim, + oneOfType: getShim, + shape: getShim, + exact: getShim, - /** Error message constants. */ - var FUNC_ERROR_TEXT = 'Expected a function'; + checkPropTypes: emptyFunctionWithReset, + resetWarningCache: emptyFunction + }; - /* Built-in method references for those with the same name as other `lodash` methods. */ - var nativeMax = Math.max, - nativeMin = Math.min; + ReactPropTypes.PropTypes = ReactPropTypes; + + return ReactPropTypes; + }; + + +/***/ }), +/* 353 */ +/***/ (function(module, exports, __webpack_require__) { + + var baseMerge = __webpack_require__(354), + createAssigner = __webpack_require__(360); /** - * Creates a debounced function that delays invoking `func` until after `wait` - * milliseconds have elapsed since the last time the debounced function was - * invoked. The debounced function comes with a `cancel` method to cancel - * delayed `func` invocations and a `flush` method to immediately invoke them. - * Provide `options` to indicate whether `func` should be invoked on the - * leading and/or trailing edge of the `wait` timeout. The `func` is invoked - * with the last arguments provided to the debounced function. Subsequent - * calls to the debounced function return the result of the last `func` - * invocation. - * - * **Note:** If `leading` and `trailing` options are `true`, `func` is - * invoked on the trailing edge of the timeout only if the debounced function - * is invoked more than once during the `wait` timeout. - * - * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred - * until to the next tick, similar to `setTimeout` with a timeout of `0`. + * This method is like `_.assign` except that it recursively merges own and + * inherited enumerable string keyed properties of source objects into the + * destination object. Source properties that resolve to `undefined` are + * skipped if a destination value exists. Array and plain object properties + * are merged recursively. Other objects and value types are overridden by + * assignment. Source objects are applied from left to right. Subsequent + * sources overwrite property assignments of previous sources. * - * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/) - * for details over the differences between `_.debounce` and `_.throttle`. + * **Note:** This method mutates `object`. * * @static * @memberOf _ - * @since 0.1.0 - * @category Function - * @param {Function} func The function to debounce. - * @param {number} [wait=0] The number of milliseconds to delay. - * @param {Object} [options={}] The options object. - * @param {boolean} [options.leading=false] - * Specify invoking on the leading edge of the timeout. - * @param {number} [options.maxWait] - * The maximum time `func` is allowed to be delayed before it's invoked. - * @param {boolean} [options.trailing=true] - * Specify invoking on the trailing edge of the timeout. - * @returns {Function} Returns the new debounced function. + * @since 0.5.0 + * @category Object + * @param {Object} object The destination object. + * @param {...Object} [sources] The source objects. + * @returns {Object} Returns `object`. * @example * - * // Avoid costly calculations while the window size is in flux. - * jQuery(window).on('resize', _.debounce(calculateLayout, 150)); - * - * // Invoke `sendMail` when clicked, debouncing subsequent calls. - * jQuery(element).on('click', _.debounce(sendMail, 300, { - * 'leading': true, - * 'trailing': false - * })); + * var object = { + * 'a': [{ 'b': 2 }, { 'd': 4 }] + * }; * - * // Ensure `batchLog` is invoked once after 1 second of debounced calls. - * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 }); - * var source = new EventSource('/stream'); - * jQuery(source).on('message', debounced); + * var other = { + * 'a': [{ 'c': 3 }, { 'e': 5 }] + * }; * - * // Cancel the trailing debounced invocation. - * jQuery(window).on('popstate', debounced.cancel); + * _.merge(object, other); + * // => { 'a': [{ 'b': 2, 'c': 3 }, { 'd': 4, 'e': 5 }] } */ - function debounce(func, wait, options) { - var lastArgs, - lastThis, - maxWait, - result, - timerId, - lastCallTime, - lastInvokeTime = 0, - leading = false, - maxing = false, - trailing = true; - - if (typeof func != 'function') { - throw new TypeError(FUNC_ERROR_TEXT); - } - wait = toNumber(wait) || 0; - if (isObject(options)) { - leading = !!options.leading; - maxing = 'maxWait' in options; - maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait; - trailing = 'trailing' in options ? !!options.trailing : trailing; - } + var merge = createAssigner(function(object, source, srcIndex) { + baseMerge(object, source, srcIndex); + }); - function invokeFunc(time) { - var args = lastArgs, - thisArg = lastThis; + module.exports = merge; - lastArgs = lastThis = undefined; - lastInvokeTime = time; - result = func.apply(thisArg, args); - return result; - } - function leadingEdge(time) { - // Reset any `maxWait` timer. - lastInvokeTime = time; - // Start the timer for the trailing edge. - timerId = setTimeout(timerExpired, wait); - // Invoke the leading edge. - return leading ? invokeFunc(time) : result; - } +/***/ }), +/* 354 */ +/***/ (function(module, exports, __webpack_require__) { - function remainingWait(time) { - var timeSinceLastCall = time - lastCallTime, - timeSinceLastInvoke = time - lastInvokeTime, - result = wait - timeSinceLastCall; + var Stack = __webpack_require__(219), + assignMergeValue = __webpack_require__(355), + baseFor = __webpack_require__(187), + baseMergeDeep = __webpack_require__(356), + isObject = __webpack_require__(209), + keysIn = __webpack_require__(313), + safeGet = __webpack_require__(358); - return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result; + /** + * The base implementation of `_.merge` without support for multiple sources. + * + * @private + * @param {Object} object The destination object. + * @param {Object} source The source object. + * @param {number} srcIndex The index of `source`. + * @param {Function} [customizer] The function to customize merged values. + * @param {Object} [stack] Tracks traversed source values and their merged + * counterparts. + */ + function baseMerge(object, source, srcIndex, customizer, stack) { + if (object === source) { + return; } + baseFor(source, function(srcValue, key) { + stack || (stack = new Stack); + if (isObject(srcValue)) { + baseMergeDeep(object, source, key, srcIndex, baseMerge, customizer, stack); + } + else { + var newValue = customizer + ? customizer(safeGet(object, key), srcValue, (key + ''), object, source, stack) + : undefined; - function shouldInvoke(time) { - var timeSinceLastCall = time - lastCallTime, - timeSinceLastInvoke = time - lastInvokeTime; + if (newValue === undefined) { + newValue = srcValue; + } + assignMergeValue(object, key, newValue); + } + }, keysIn); + } - // Either this is the first call, activity has stopped and we're at the - // trailing edge, the system time has gone backwards and we're treating - // it as the trailing edge, or we've hit the `maxWait` limit. - return (lastCallTime === undefined || (timeSinceLastCall >= wait) || - (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait)); - } + module.exports = baseMerge; - function timerExpired() { - var time = now(); - if (shouldInvoke(time)) { - return trailingEdge(time); - } - // Restart the timer. - timerId = setTimeout(timerExpired, remainingWait(time)); - } - function trailingEdge(time) { - timerId = undefined; +/***/ }), +/* 355 */ +/***/ (function(module, exports, __webpack_require__) { - // Only invoke if we have `lastArgs` which means `func` has been - // debounced at least once. - if (trailing && lastArgs) { - return invokeFunc(time); - } - lastArgs = lastThis = undefined; - return result; - } + var baseAssignValue = __webpack_require__(308), + eq = __webpack_require__(224); - function cancel() { - if (timerId !== undefined) { - clearTimeout(timerId); - } - lastInvokeTime = 0; - lastArgs = lastCallTime = lastThis = timerId = undefined; + /** + * This function is like `assignValue` except that it doesn't assign + * `undefined` values. + * + * @private + * @param {Object} object The object to modify. + * @param {string} key The key of the property to assign. + * @param {*} value The value to assign. + */ + function assignMergeValue(object, key, value) { + if ((value !== undefined && !eq(object[key], value)) || + (value === undefined && !(key in object))) { + baseAssignValue(object, key, value); } + } - function flush() { - return timerId === undefined ? result : trailingEdge(now()); - } + module.exports = assignMergeValue; - function debounced() { - var time = now(), - isInvoking = shouldInvoke(time); - lastArgs = arguments; - lastThis = this; - lastCallTime = time; +/***/ }), +/* 356 */ +/***/ (function(module, exports, __webpack_require__) { - if (isInvoking) { - if (timerId === undefined) { - return leadingEdge(lastCallTime); + var assignMergeValue = __webpack_require__(355), + cloneBuffer = __webpack_require__(316), + cloneTypedArray = __webpack_require__(328), + copyArray = __webpack_require__(317), + initCloneObject = __webpack_require__(329), + isArguments = __webpack_require__(192), + isArray = __webpack_require__(183), + isArrayLikeObject = __webpack_require__(357), + isBuffer = __webpack_require__(194), + isFunction = __webpack_require__(208), + isObject = __webpack_require__(209), + isPlainObject = __webpack_require__(212), + isTypedArray = __webpack_require__(198), + safeGet = __webpack_require__(358), + toPlainObject = __webpack_require__(359); + + /** + * A specialized version of `baseMerge` for arrays and objects which performs + * deep merges and tracks traversed objects enabling objects with circular + * references to be merged. + * + * @private + * @param {Object} object The destination object. + * @param {Object} source The source object. + * @param {string} key The key of the value to merge. + * @param {number} srcIndex The index of `source`. + * @param {Function} mergeFunc The function to merge values. + * @param {Function} [customizer] The function to customize assigned values. + * @param {Object} [stack] Tracks traversed source values and their merged + * counterparts. + */ + function baseMergeDeep(object, source, key, srcIndex, mergeFunc, customizer, stack) { + var objValue = safeGet(object, key), + srcValue = safeGet(source, key), + stacked = stack.get(srcValue); + + if (stacked) { + assignMergeValue(object, key, stacked); + return; + } + var newValue = customizer + ? customizer(objValue, srcValue, (key + ''), object, source, stack) + : undefined; + + var isCommon = newValue === undefined; + + if (isCommon) { + var isArr = isArray(srcValue), + isBuff = !isArr && isBuffer(srcValue), + isTyped = !isArr && !isBuff && isTypedArray(srcValue); + + newValue = srcValue; + if (isArr || isBuff || isTyped) { + if (isArray(objValue)) { + newValue = objValue; } - if (maxing) { - // Handle invocations in a tight loop. - timerId = setTimeout(timerExpired, wait); - return invokeFunc(lastCallTime); + else if (isArrayLikeObject(objValue)) { + newValue = copyArray(objValue); + } + else if (isBuff) { + isCommon = false; + newValue = cloneBuffer(srcValue, true); + } + else if (isTyped) { + isCommon = false; + newValue = cloneTypedArray(srcValue, true); + } + else { + newValue = []; } } - if (timerId === undefined) { - timerId = setTimeout(timerExpired, wait); + else if (isPlainObject(srcValue) || isArguments(srcValue)) { + newValue = objValue; + if (isArguments(objValue)) { + newValue = toPlainObject(objValue); + } + else if (!isObject(objValue) || isFunction(objValue)) { + newValue = initCloneObject(srcValue); + } + } + else { + isCommon = false; } - return result; } - debounced.cancel = cancel; - debounced.flush = flush; - return debounced; + if (isCommon) { + // Recursively merge objects and arrays (susceptible to call stack limits). + stack.set(srcValue, newValue); + mergeFunc(newValue, srcValue, srcIndex, customizer, stack); + stack['delete'](srcValue); + } + assignMergeValue(object, key, newValue); } - module.exports = debounce; + module.exports = baseMergeDeep; /***/ }), -/* 352 */ +/* 357 */ /***/ (function(module, exports, __webpack_require__) { - var root = __webpack_require__(177); + var isArrayLike = __webpack_require__(207), + isObjectLike = __webpack_require__(184); /** - * Gets the timestamp of the number of milliseconds that have elapsed since - * the Unix epoch (1 January 1970 00:00:00 UTC). + * This method is like `_.isArrayLike` except that it also checks if `value` + * is an object. * * @static * @memberOf _ - * @since 2.4.0 - * @category Date - * @returns {number} Returns the timestamp. + * @since 4.0.0 + * @category Lang + * @param {*} value The value to check. + * @returns {boolean} Returns `true` if `value` is an array-like object, + * else `false`. * @example * - * _.defer(function(stamp) { - * console.log(_.now() - stamp); - * }, _.now()); - * // => Logs the number of milliseconds it took for the deferred invocation. + * _.isArrayLikeObject([1, 2, 3]); + * // => true + * + * _.isArrayLikeObject(document.body.children); + * // => true + * + * _.isArrayLikeObject('abc'); + * // => false + * + * _.isArrayLikeObject(_.noop); + * // => false */ - var now = function() { - return root.Date.now(); - }; + function isArrayLikeObject(value) { + return isObjectLike(value) && isArrayLike(value); + } - module.exports = now; + module.exports = isArrayLikeObject; /***/ }), -/* 353 */ -/***/ (function(module, exports, __webpack_require__) { +/* 358 */ +/***/ (function(module, exports) { - var isObject = __webpack_require__(207), - isSymbol = __webpack_require__(285); + /** + * Gets the value at `key`, unless `key` is "__proto__" or "constructor". + * + * @private + * @param {Object} object The object to query. + * @param {string} key The key of the property to get. + * @returns {*} Returns the property value. + */ + function safeGet(object, key) { + if (key === 'constructor' && typeof object[key] === 'function') { + return; + } - /** Used as references for various `Number` constants. */ - var NAN = 0 / 0; + if (key == '__proto__') { + return; + } - /** Used to match leading and trailing whitespace. */ - var reTrim = /^\s+|\s+$/g; + return object[key]; + } - /** Used to detect bad signed hexadecimal string values. */ - var reIsBadHex = /^[-+]0x[0-9a-f]+$/i; + module.exports = safeGet; - /** Used to detect binary string values. */ - var reIsBinary = /^0b[01]+$/i; - /** Used to detect octal string values. */ - var reIsOctal = /^0o[0-7]+$/i; +/***/ }), +/* 359 */ +/***/ (function(module, exports, __webpack_require__) { - /** Built-in method references without a dependency on `root`. */ - var freeParseInt = parseInt; + var copyObject = __webpack_require__(311), + keysIn = __webpack_require__(313); /** - * Converts `value` to a number. + * Converts `value` to a plain object flattening inherited enumerable string + * keyed properties of `value` to own properties of the plain object. * * @static * @memberOf _ - * @since 4.0.0 + * @since 3.0.0 * @category Lang - * @param {*} value The value to process. - * @returns {number} Returns the number. + * @param {*} value The value to convert. + * @returns {Object} Returns the converted plain object. * @example * - * _.toNumber(3.2); - * // => 3.2 + * function Foo() { + * this.b = 2; + * } * - * _.toNumber(Number.MIN_VALUE); - * // => 5e-324 + * Foo.prototype.c = 3; * - * _.toNumber(Infinity); - * // => Infinity + * _.assign({ 'a': 1 }, new Foo); + * // => { 'a': 1, 'b': 2 } * - * _.toNumber('3.2'); - * // => 3.2 + * _.assign({ 'a': 1 }, _.toPlainObject(new Foo)); + * // => { 'a': 1, 'b': 2, 'c': 3 } */ - function toNumber(value) { - if (typeof value == 'number') { - return value; - } - if (isSymbol(value)) { - return NAN; - } - if (isObject(value)) { - var other = typeof value.valueOf == 'function' ? value.valueOf() : value; - value = isObject(other) ? (other + '') : other; - } - if (typeof value != 'string') { - return value === 0 ? value : +value; - } - value = value.replace(reTrim, ''); - var isBinary = reIsBinary.test(value); - return (isBinary || reIsOctal.test(value)) - ? freeParseInt(value.slice(2), isBinary ? 2 : 8) - : (reIsBadHex.test(value) ? NAN : +value); + function toPlainObject(value) { + return copyObject(value, keysIn(value)); } - module.exports = toNumber; + module.exports = toPlainObject; /***/ }), -/* 354 */ -/***/ (function(module, exports) { - - 'use strict'; +/* 360 */ +/***/ (function(module, exports, __webpack_require__) { - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.calculateChange = calculateChange; - function calculateChange(e, skip, props, container) { - !skip && e.preventDefault(); - var containerWidth = container.clientWidth; - var containerHeight = container.clientHeight; - var x = typeof e.pageX === 'number' ? e.pageX : e.touches[0].pageX; - var y = typeof e.pageY === 'number' ? e.pageY : e.touches[0].pageY; - var left = x - (container.getBoundingClientRect().left + window.pageXOffset); - var top = y - (container.getBoundingClientRect().top + window.pageYOffset); + var baseRest = __webpack_require__(361), + isIterateeCall = __webpack_require__(368); - if (left < 0) { - left = 0; - } else if (left > containerWidth) { - left = containerWidth; - } else if (top < 0) { - top = 0; - } else if (top > containerHeight) { - top = containerHeight; - } + /** + * Creates a function like `_.assign`. + * + * @private + * @param {Function} assigner The function to assign values. + * @returns {Function} Returns the new assigner function. + */ + function createAssigner(assigner) { + return baseRest(function(object, sources) { + var index = -1, + length = sources.length, + customizer = length > 1 ? sources[length - 1] : undefined, + guard = length > 2 ? sources[2] : undefined; - var saturation = left * 100 / containerWidth; - var bright = -(top * 100 / containerHeight) + 100; + customizer = (assigner.length > 3 && typeof customizer == 'function') + ? (length--, customizer) + : undefined; - return { - h: props.hsl.h, - s: saturation, - v: bright, - a: props.hsl.a, - source: 'rgb' - }; + if (guard && isIterateeCall(sources[0], sources[1], guard)) { + customizer = length < 3 ? undefined : customizer; + length = 1; + } + object = Object(object); + while (++index < length) { + var source = sources[index]; + if (source) { + assigner(object, source, index, customizer); + } + } + return object; + }); } + module.exports = createAssigner; + + /***/ }), -/* 355 */ +/* 361 */ /***/ (function(module, exports, __webpack_require__) { - 'use strict'; + var identity = __webpack_require__(211), + overRest = __webpack_require__(362), + setToString = __webpack_require__(364); - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.ColorWrap = undefined; + /** + * The base implementation of `_.rest` which doesn't validate or coerce arguments. + * + * @private + * @param {Function} func The function to apply a rest parameter to. + * @param {number} [start=func.length-1] The start position of the rest parameter. + * @returns {Function} Returns the new function. + */ + function baseRest(func, start) { + return setToString(overRest(func, start, identity), func + ''); + } - var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; + module.exports = baseRest; - var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - var _react = __webpack_require__(2); +/***/ }), +/* 362 */ +/***/ (function(module, exports, __webpack_require__) { - var _react2 = _interopRequireDefault(_react); + var apply = __webpack_require__(363); - var _debounce = __webpack_require__(351); + /* Built-in method references for those with the same name as other `lodash` methods. */ + var nativeMax = Math.max; - var _debounce2 = _interopRequireDefault(_debounce); + /** + * A specialized version of `baseRest` which transforms the rest array. + * + * @private + * @param {Function} func The function to apply a rest parameter to. + * @param {number} [start=func.length-1] The start position of the rest parameter. + * @param {Function} transform The rest array transform. + * @returns {Function} Returns the new function. + */ + function overRest(func, start, transform) { + start = nativeMax(start === undefined ? (func.length - 1) : start, 0); + return function() { + var args = arguments, + index = -1, + length = nativeMax(args.length - start, 0), + array = Array(length); - var _color = __webpack_require__(356); + while (++index < length) { + array[index] = args[start + index]; + } + index = -1; + var otherArgs = Array(start + 1); + while (++index < start) { + otherArgs[index] = args[index]; + } + otherArgs[start] = transform(array); + return apply(func, this, otherArgs); + }; + } - var _color2 = _interopRequireDefault(_color); + module.exports = overRest; - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } +/***/ }), +/* 363 */ +/***/ (function(module, exports) { - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } + /** + * A faster alternative to `Function#apply`, this function invokes `func` + * with the `this` binding of `thisArg` and the arguments of `args`. + * + * @private + * @param {Function} func The function to invoke. + * @param {*} thisArg The `this` binding of `func`. + * @param {Array} args The arguments to invoke `func` with. + * @returns {*} Returns the result of `func`. + */ + function apply(func, thisArg, args) { + switch (args.length) { + case 0: return func.call(thisArg); + case 1: return func.call(thisArg, args[0]); + case 2: return func.call(thisArg, args[0], args[1]); + case 3: return func.call(thisArg, args[0], args[1], args[2]); + } + return func.apply(thisArg, args); + } - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } + module.exports = apply; - var ColorWrap = exports.ColorWrap = function ColorWrap(Picker) { - var ColorPicker = function (_ref) { - _inherits(ColorPicker, _ref); - function ColorPicker(props) { - _classCallCheck(this, ColorPicker); +/***/ }), +/* 364 */ +/***/ (function(module, exports, __webpack_require__) { - var _this = _possibleConstructorReturn(this, (ColorPicker.__proto__ || Object.getPrototypeOf(ColorPicker)).call(this)); + var baseSetToString = __webpack_require__(365), + shortOut = __webpack_require__(367); - _this.handleChange = function (data, event) { - var isValidColor = _color2.default.simpleCheckForValidColor(data); - if (isValidColor) { - var colors = _color2.default.toState(data, data.h || _this.state.oldHue); - _this.setState(colors); - _this.props.onChangeComplete && _this.debounce(_this.props.onChangeComplete, colors, event); - _this.props.onChange && _this.props.onChange(colors, event); - } - }; + /** + * Sets the `toString` method of `func` to return `string`. + * + * @private + * @param {Function} func The function to modify. + * @param {Function} string The `toString` result. + * @returns {Function} Returns `func`. + */ + var setToString = shortOut(baseSetToString); - _this.state = _extends({}, _color2.default.toState(props.color, 0)); + module.exports = setToString; - _this.debounce = (0, _debounce2.default)(function (fn, data, event) { - fn(data, event); - }, 100); - return _this; - } - _createClass(ColorPicker, [{ - key: 'componentWillReceiveProps', - value: function componentWillReceiveProps(nextProps) { - this.setState(_extends({}, _color2.default.toState(nextProps.color, this.state.oldHue))); - } - }, { - key: 'render', - value: function render() { - return _react2.default.createElement(Picker, _extends({}, this.props, this.state, { onChange: this.handleChange })); - } - }]); +/***/ }), +/* 365 */ +/***/ (function(module, exports, __webpack_require__) { - return ColorPicker; - }(_react.PureComponent || _react.Component); + var constant = __webpack_require__(366), + defineProperty = __webpack_require__(309), + identity = __webpack_require__(211); - ColorPicker.defaultProps = { - color: { - h: 250, - s: 0.50, - l: 0.20, - a: 1 - } - }; - - return ColorPicker; - }; - - exports.default = ColorWrap; - -/***/ }), -/* 356 */ -/***/ (function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.red = undefined; - - var _each = __webpack_require__(357); - - var _each2 = _interopRequireDefault(_each); - - var _tinycolor = __webpack_require__(359); - - var _tinycolor2 = _interopRequireDefault(_tinycolor); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - exports.default = { - simpleCheckForValidColor: function simpleCheckForValidColor(data) { - var keysToCheck = ['r', 'g', 'b', 'a', 'h', 's', 'a', 'v']; - var checked = 0; - var passed = 0; - (0, _each2.default)(keysToCheck, function (letter) { - if (data[letter]) { - checked += 1; - if (!isNaN(data[letter])) { - passed += 1; - } - } - }); - return checked === passed ? data : false; - }, - toState: function toState(data, oldHue) { - var color = data.hex ? (0, _tinycolor2.default)(data.hex) : (0, _tinycolor2.default)(data); - var hsl = color.toHsl(); - var hsv = color.toHsv(); - var rgb = color.toRgb(); - var hex = color.toHex(); - if (hsl.s === 0) { - hsl.h = oldHue || 0; - hsv.h = oldHue || 0; - } - var transparent = hex === '000000' && rgb.a === 0; - - return { - hsl: hsl, - hex: transparent ? 'transparent' : '#' + hex, - rgb: rgb, - hsv: hsv, - oldHue: data.h || oldHue || hsl.h, - source: data.source - }; - }, - isValidHex: function isValidHex(hex) { - return (0, _tinycolor2.default)(hex).isValid(); - } - }; - var red = exports.red = { - hsl: { a: 1, h: 0, l: 0.5, s: 1 }, - hex: '#ff0000', - rgb: { r: 255, g: 0, b: 0, a: 1 }, - hsv: { h: 0, s: 1, v: 1, a: 1 } + /** + * The base implementation of `setToString` without support for hot loop shorting. + * + * @private + * @param {Function} func The function to modify. + * @param {Function} string The `toString` result. + * @returns {Function} Returns `func`. + */ + var baseSetToString = !defineProperty ? identity : function(func, string) { + return defineProperty(func, 'toString', { + 'configurable': true, + 'enumerable': false, + 'value': constant(string), + 'writable': true + }); }; -/***/ }), -/* 357 */ -/***/ (function(module, exports, __webpack_require__) { - - module.exports = __webpack_require__(358); + module.exports = baseSetToString; /***/ }), -/* 358 */ -/***/ (function(module, exports, __webpack_require__) { - - var arrayEach = __webpack_require__(304), - baseEach = __webpack_require__(299), - castFunction = __webpack_require__(208), - isArray = __webpack_require__(181); +/* 366 */ +/***/ (function(module, exports) { /** - * Iterates over elements of `collection` and invokes `iteratee` for each element. - * The iteratee is invoked with three arguments: (value, index|key, collection). - * Iteratee functions may exit iteration early by explicitly returning `false`. - * - * **Note:** As with other "Collections" methods, objects with a "length" - * property are iterated like arrays. To avoid this behavior use `_.forIn` - * or `_.forOwn` for object iteration. + * Creates a function that returns `value`. * * @static * @memberOf _ - * @since 0.1.0 - * @alias each - * @category Collection - * @param {Array|Object} collection The collection to iterate over. - * @param {Function} [iteratee=_.identity] The function invoked per iteration. - * @returns {Array|Object} Returns `collection`. - * @see _.forEachRight + * @since 2.4.0 + * @category Util + * @param {*} value The value to return from the new function. + * @returns {Function} Returns the new constant function. * @example * - * _.forEach([1, 2], function(value) { - * console.log(value); - * }); - * // => Logs `1` then `2`. + * var objects = _.times(2, _.constant({ 'a': 1 })); * - * _.forEach({ 'a': 1, 'b': 2 }, function(value, key) { - * console.log(key); - * }); - * // => Logs 'a' then 'b' (iteration order is not guaranteed). + * console.log(objects); + * // => [{ 'a': 1 }, { 'a': 1 }] + * + * console.log(objects[0] === objects[1]); + * // => true */ - function forEach(collection, iteratee) { - var func = isArray(collection) ? arrayEach : baseEach; - return func(collection, castFunction(iteratee)); + function constant(value) { + return function() { + return value; + }; } - module.exports = forEach; + module.exports = constant; /***/ }), -/* 359 */ -/***/ (function(module, exports, __webpack_require__) { - - var __WEBPACK_AMD_DEFINE_RESULT__;// jscs: disable - - // TinyColor v1.1.2 - // https://github.com/bgrins/TinyColor - // Brian Grinstead, MIT License - - (function() { - - var trimLeft = /^[\s,#]+/; - var trimRight = /\s+$/; - var tinyCounter = 0; - var math = Math; - var mathRound = math.round; - var mathMin = math.min; - var mathMax = math.max; - var mathRandom = math.random; - - function tinycolor(color, opts) { +/* 367 */ +/***/ (function(module, exports) { - color = (color) ? color : ''; - opts = opts || { }; + /** Used to detect hot functions by number of calls within a span of milliseconds. */ + var HOT_COUNT = 800, + HOT_SPAN = 16; - // If input is already a tinycolor, return itself - if (color instanceof tinycolor) { - return color; - } - // If we are called as a function, call using new instead - if (!(this instanceof tinycolor)) { - return new tinycolor(color, opts); - } + /* Built-in method references for those with the same name as other `lodash` methods. */ + var nativeNow = Date.now; - var rgb = inputToRGB(color); - this._originalInput = color, - this._r = rgb.r, - this._g = rgb.g, - this._b = rgb.b, - this._a = rgb.a, - this._roundA = mathRound(100*this._a) / 100, - this._format = opts.format || rgb.format; - this._gradientType = opts.gradientType; + /** + * Creates a function that'll short out and invoke `identity` instead + * of `func` when it's called `HOT_COUNT` or more times in `HOT_SPAN` + * milliseconds. + * + * @private + * @param {Function} func The function to restrict. + * @returns {Function} Returns the new shortable function. + */ + function shortOut(func) { + var count = 0, + lastCalled = 0; - // Don't let the range of [0,255] come back in [0,1]. - // Potentially lose a little bit of precision here, but will fix issues where - // .5 gets interpreted as half of the total, instead of half of 1 - // If it was supposed to be 128, this was already taken care of by `inputToRgb` - if (this._r < 1) { this._r = mathRound(this._r); } - if (this._g < 1) { this._g = mathRound(this._g); } - if (this._b < 1) { this._b = mathRound(this._b); } + return function() { + var stamp = nativeNow(), + remaining = HOT_SPAN - (stamp - lastCalled); - this._ok = rgb.ok; - this._tc_id = tinyCounter++; + lastCalled = stamp; + if (remaining > 0) { + if (++count >= HOT_COUNT) { + return arguments[0]; + } + } else { + count = 0; + } + return func.apply(undefined, arguments); + }; } - tinycolor.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() { - //http://www.w3.org/TR/AERT#color-contrast - var rgb = this.toRgb(); - return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000; - }, - getLuminance: function() { - //http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef - var rgb = this.toRgb(); - var RsRGB, GsRGB, BsRGB, R, G, B; - RsRGB = rgb.r/255; - GsRGB = rgb.g/255; - BsRGB = rgb.b/255; - - if (RsRGB <= 0.03928) {R = RsRGB / 12.92;} else {R = Math.pow(((RsRGB + 0.055) / 1.055), 2.4);} - if (GsRGB <= 0.03928) {G = GsRGB / 12.92;} else {G = Math.pow(((GsRGB + 0.055) / 1.055), 2.4);} - if (BsRGB <= 0.03928) {B = BsRGB / 12.92;} else {B = Math.pow(((BsRGB + 0.055) / 1.055), 2.4);} - return (0.2126 * R) + (0.7152 * G) + (0.0722 * B); - }, - setAlpha: function(value) { - this._a = boundAlpha(value); - this._roundA = mathRound(100*this._a) / 100; - return this; - }, - toHsv: function() { - var hsv = rgbToHsv(this._r, this._g, this._b); - return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this._a }; - }, - toHsvString: function() { - var hsv = rgbToHsv(this._r, this._g, this._b); - var h = mathRound(hsv.h * 360), s = mathRound(hsv.s * 100), v = mathRound(hsv.v * 100); - return (this._a == 1) ? - "hsv(" + h + ", " + s + "%, " + v + "%)" : - "hsva(" + h + ", " + s + "%, " + v + "%, "+ this._roundA + ")"; - }, - toHsl: function() { - var hsl = rgbToHsl(this._r, this._g, this._b); - return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this._a }; - }, - toHslString: function() { - var hsl = rgbToHsl(this._r, this._g, this._b); - var h = mathRound(hsl.h * 360), s = mathRound(hsl.s * 100), l = mathRound(hsl.l * 100); - return (this._a == 1) ? - "hsl(" + h + ", " + s + "%, " + l + "%)" : - "hsla(" + h + ", " + s + "%, " + l + "%, "+ this._roundA + ")"; - }, - toHex: function(allow3Char) { - return rgbToHex(this._r, this._g, this._b, allow3Char); - }, - toHexString: function(allow3Char) { - return '#' + this.toHex(allow3Char); - }, - toHex8: function() { - return rgbaToHex(this._r, this._g, this._b, this._a); - }, - toHex8String: function() { - return '#' + this.toHex8(); - }, - toRgb: function() { - return { r: mathRound(this._r), g: mathRound(this._g), b: mathRound(this._b), a: this._a }; - }, - toRgbString: function() { - return (this._a == 1) ? - "rgb(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ")" : - "rgba(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ", " + this._roundA + ")"; - }, - toPercentageRgb: function() { - return { r: mathRound(bound01(this._r, 255) * 100) + "%", g: mathRound(bound01(this._g, 255) * 100) + "%", b: mathRound(bound01(this._b, 255) * 100) + "%", a: this._a }; - }, - toPercentageRgbString: function() { - return (this._a == 1) ? - "rgb(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%)" : - "rgba(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%, " + this._roundA + ")"; - }, - toName: function() { - if (this._a === 0) { - return "transparent"; - } + module.exports = shortOut; - if (this._a < 1) { - return false; - } - return hexNames[rgbToHex(this._r, this._g, this._b, true)] || false; - }, - toFilter: function(secondColor) { - var hex8String = '#' + rgbaToHex(this._r, this._g, this._b, this._a); - var secondHex8String = hex8String; - var gradientType = this._gradientType ? "GradientType = 1, " : ""; +/***/ }), +/* 368 */ +/***/ (function(module, exports, __webpack_require__) { - if (secondColor) { - var s = tinycolor(secondColor); - secondHex8String = s.toHex8String(); - } + var eq = __webpack_require__(224), + isArrayLike = __webpack_require__(207), + isIndex = __webpack_require__(197), + isObject = __webpack_require__(209); - return "progid:DXImageTransform.Microsoft.gradient("+gradientType+"startColorstr="+hex8String+",endColorstr="+secondHex8String+")"; - }, - toString: function(format) { - var formatSet = !!format; - format = format || this._format; - - var formattedString = false; - var hasAlpha = this._a < 1 && this._a >= 0; - var needsAlphaFormat = !formatSet && hasAlpha && (format === "hex" || format === "hex6" || format === "hex3" || format === "name"); - - if (needsAlphaFormat) { - // Special case for "transparent", all other non-alpha formats - // will return rgba when there is transparency. - if (format === "name" && this._a === 0) { - return this.toName(); - } - return this.toRgbString(); - } - if (format === "rgb") { - formattedString = this.toRgbString(); - } - if (format === "prgb") { - formattedString = this.toPercentageRgbString(); - } - if (format === "hex" || format === "hex6") { - formattedString = this.toHexString(); - } - if (format === "hex3") { - formattedString = this.toHexString(true); - } - if (format === "hex8") { - formattedString = this.toHex8String(); - } - if (format === "name") { - formattedString = this.toName(); - } - if (format === "hsl") { - formattedString = this.toHslString(); - } - if (format === "hsv") { - formattedString = this.toHsvString(); - } + /** + * Checks if the given arguments are from an iteratee call. + * + * @private + * @param {*} value The potential iteratee value argument. + * @param {*} index The potential iteratee index or key argument. + * @param {*} object The potential iteratee object argument. + * @returns {boolean} Returns `true` if the arguments are from an iteratee call, + * else `false`. + */ + function isIterateeCall(value, index, object) { + if (!isObject(object)) { + return false; + } + var type = typeof index; + if (type == 'number' + ? (isArrayLike(object) && isIndex(index, object.length)) + : (type == 'string' && index in object) + ) { + return eq(object[index], value); + } + return false; + } - return formattedString || this.toHexString(); - }, - - _applyModification: function(fn, args) { - var color = fn.apply(null, [this].concat([].slice.call(args))); - this._r = color._r; - this._g = color._g; - this._b = color._b; - this.setAlpha(color._a); - return this; - }, - lighten: function() { - return this._applyModification(lighten, arguments); - }, - brighten: function() { - return this._applyModification(brighten, arguments); - }, - darken: function() { - return this._applyModification(darken, arguments); - }, - desaturate: function() { - return this._applyModification(desaturate, arguments); - }, - saturate: function() { - return this._applyModification(saturate, arguments); - }, - greyscale: function() { - return this._applyModification(greyscale, arguments); - }, - spin: function() { - return this._applyModification(spin, arguments); - }, - - _applyCombination: function(fn, args) { - return fn.apply(null, [this].concat([].slice.call(args))); - }, - analogous: function() { - return this._applyCombination(analogous, arguments); - }, - complement: function() { - return this._applyCombination(complement, arguments); - }, - monochromatic: function() { - return this._applyCombination(monochromatic, arguments); - }, - splitcomplement: function() { - return this._applyCombination(splitcomplement, arguments); - }, - triad: function() { - return this._applyCombination(triad, arguments); - }, - tetrad: function() { - return this._applyCombination(tetrad, arguments); - } - }; + module.exports = isIterateeCall; - // If input is an object, force 1 into "1.0" to handle ratios properly - // String input requires "1.0" as input, so 1 will be treated as 1 - tinycolor.fromRatio = function(color, opts) { - if (typeof color == "object") { - var newColor = {}; - for (var i in color) { - if (color.hasOwnProperty(i)) { - if (i === "a") { - newColor[i] = color[i]; - } - else { - newColor[i] = convertToPercentage(color[i]); - } - } - } - color = newColor; - } - return tinycolor(color, opts); - }; +/***/ }), +/* 369 */ +/***/ (function(module, exports, __webpack_require__) { - // Given a string or object, convert that input to RGB - // Possible string inputs: - // - // "red" - // "#f00" or "f00" - // "#ff0000" or "ff0000" - // "#ff000000" or "ff000000" - // "rgb 255 0 0" or "rgb (255, 0, 0)" - // "rgb 1.0 0 0" or "rgb (1, 0, 0)" - // "rgba (255, 0, 0, 1)" or "rgba 255, 0, 0, 1" - // "rgba (1.0, 0, 0, 1)" or "rgba 1.0, 0, 0, 1" - // "hsl(0, 100%, 50%)" or "hsl 0 100% 50%" - // "hsla(0, 100%, 50%, 1)" or "hsla 0 100% 50%, 1" - // "hsv(0, 100%, 100%)" or "hsv 0 100% 100%" - // - function inputToRGB(color) { + 'use strict'; - var rgb = { r: 0, g: 0, b: 0 }; - var a = 1; - var ok = false; - var format = false; + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.Saturation = undefined; - if (typeof color == "string") { - color = stringInputToObject(color); - } + var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - if (typeof color == "object") { - if (color.hasOwnProperty("r") && color.hasOwnProperty("g") && color.hasOwnProperty("b")) { - rgb = rgbToRgb(color.r, color.g, color.b); - ok = true; - format = String(color.r).substr(-1) === "%" ? "prgb" : "rgb"; - } - else if (color.hasOwnProperty("h") && color.hasOwnProperty("s") && color.hasOwnProperty("v")) { - color.s = convertToPercentage(color.s, 1); - color.v = convertToPercentage(color.v, 1); - rgb = hsvToRgb(color.h, color.s, color.v); - ok = true; - format = "hsv"; - } - else if (color.hasOwnProperty("h") && color.hasOwnProperty("s") && color.hasOwnProperty("l")) { - color.s = convertToPercentage(color.s); - color.l = convertToPercentage(color.l); - rgb = hslToRgb(color.h, color.s, color.l); - ok = true; - format = "hsl"; - } + var _react = __webpack_require__(2); - if (color.hasOwnProperty("a")) { - a = color.a; - } - } + var _react2 = _interopRequireDefault(_react); - a = boundAlpha(a); + var _reactcss = __webpack_require__(174); - return { - ok: ok, - format: color.format || format, - r: mathMin(255, mathMax(rgb.r, 0)), - g: mathMin(255, mathMax(rgb.g, 0)), - b: mathMin(255, mathMax(rgb.b, 0)), - a: a - }; - } + var _reactcss2 = _interopRequireDefault(_reactcss); + var _throttle = __webpack_require__(370); - // Conversion Functions - // -------------------- + var _throttle2 = _interopRequireDefault(_throttle); - // `rgbToHsl`, `rgbToHsv`, `hslToRgb`, `hsvToRgb` modified from: - // + var _saturation = __webpack_require__(374); - // `rgbToRgb` - // Handle bounds / percentage checking to conform to CSS color spec - // - // *Assumes:* r, g, b in [0, 255] or [0, 1] - // *Returns:* { r, g, b } in [0, 255] - function rgbToRgb(r, g, b){ - return { - r: bound01(r, 255) * 255, - g: bound01(g, 255) * 255, - b: bound01(b, 255) * 255 - }; - } + var saturation = _interopRequireWildcard(_saturation); - // `rgbToHsl` - // Converts an RGB color value to HSL. - // *Assumes:* r, g, and b are contained in [0, 255] or [0, 1] - // *Returns:* { h, s, l } in [0,1] - function rgbToHsl(r, g, b) { + function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } - r = bound01(r, 255); - g = bound01(g, 255); - b = bound01(b, 255); + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var max = mathMax(r, g, b), min = mathMin(r, g, b); - var h, s, l = (max + min) / 2; + function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - if(max == min) { - h = s = 0; // achromatic - } - else { - var d = max - min; - s = l > 0.5 ? d / (2 - max - min) : d / (max + min); - switch(max) { - case r: h = (g - b) / d + (g < b ? 6 : 0); break; - case g: h = (b - r) / d + 2; break; - case b: h = (r - g) / d + 4; break; - } + function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - h /= 6; - } + function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - return { h: h, s: s, l: l }; - } + var Saturation = exports.Saturation = function (_ref) { + _inherits(Saturation, _ref); - // `hslToRgb` - // Converts an HSL color value to RGB. - // *Assumes:* h is contained in [0, 1] or [0, 360] and s and l are contained [0, 1] or [0, 100] - // *Returns:* { r, g, b } in the set [0, 255] - function hslToRgb(h, s, l) { - var r, g, b; - - h = bound01(h, 360); - s = bound01(s, 100); - l = bound01(l, 100); - - function hue2rgb(p, q, t) { - if(t < 0) t += 1; - if(t > 1) t -= 1; - if(t < 1/6) return p + (q - p) * 6 * t; - if(t < 1/2) return q; - if(t < 2/3) return p + (q - p) * (2/3 - t) * 6; - return p; - } + function Saturation(props) { + _classCallCheck(this, Saturation); - if(s === 0) { - r = g = b = l; // achromatic - } - else { - var q = l < 0.5 ? l * (1 + s) : l + s - l * s; - var p = 2 * l - q; - r = hue2rgb(p, q, h + 1/3); - g = hue2rgb(p, q, h); - b = hue2rgb(p, q, h - 1/3); - } + var _this = _possibleConstructorReturn(this, (Saturation.__proto__ || Object.getPrototypeOf(Saturation)).call(this, props)); - return { r: r * 255, g: g * 255, b: b * 255 }; - } + _this.handleChange = function (e) { + typeof _this.props.onChange === 'function' && _this.throttle(_this.props.onChange, saturation.calculateChange(e, _this.props.hsl, _this.container), e); + }; - // `rgbToHsv` - // Converts an RGB color value to HSV - // *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1] - // *Returns:* { h, s, v } in [0,1] - function rgbToHsv(r, g, b) { + _this.handleMouseDown = function (e) { + _this.handleChange(e); + var renderWindow = _this.getContainerRenderWindow(); + renderWindow.addEventListener('mousemove', _this.handleChange); + renderWindow.addEventListener('mouseup', _this.handleMouseUp); + }; - r = bound01(r, 255); - g = bound01(g, 255); - b = bound01(b, 255); + _this.handleMouseUp = function () { + _this.unbindEventListeners(); + }; - var max = mathMax(r, g, b), min = mathMin(r, g, b); - var h, s, v = max; + _this.throttle = (0, _throttle2.default)(function (fn, data, e) { + fn(data, e); + }, 50); + return _this; + } - var d = max - min; - s = max === 0 ? 0 : d / max; + _createClass(Saturation, [{ + key: 'componentWillUnmount', + value: function componentWillUnmount() { + this.throttle.cancel(); + this.unbindEventListeners(); + } + }, { + key: 'getContainerRenderWindow', + value: function getContainerRenderWindow() { + var container = this.container; - if(max == min) { - h = 0; // achromatic - } - else { - switch(max) { - case r: h = (g - b) / d + (g < b ? 6 : 0); break; - case g: h = (b - r) / d + 2; break; - case b: h = (r - g) / d + 4; break; - } - h /= 6; - } - return { h: h, s: s, v: v }; - } + var renderWindow = window; + while (!renderWindow.document.contains(container) && renderWindow.parent !== renderWindow) { + renderWindow = renderWindow.parent; + } + return renderWindow; + } + }, { + key: 'unbindEventListeners', + value: function unbindEventListeners() { + var renderWindow = this.getContainerRenderWindow(); + renderWindow.removeEventListener('mousemove', this.handleChange); + renderWindow.removeEventListener('mouseup', this.handleMouseUp); + } + }, { + key: 'render', + value: function render() { + var _this2 = this; - // `hsvToRgb` - // Converts an HSV color value to RGB. - // *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100] - // *Returns:* { r, g, b } in the set [0, 255] - function hsvToRgb(h, s, v) { + var _ref2 = this.props.style || {}, + color = _ref2.color, + white = _ref2.white, + black = _ref2.black, + pointer = _ref2.pointer, + circle = _ref2.circle; - h = bound01(h, 360) * 6; - s = bound01(s, 100); - v = bound01(v, 100); - - var i = math.floor(h), - f = h - i, - p = v * (1 - s), - q = v * (1 - f * s), - t = v * (1 - (1 - f) * s), - mod = i % 6, - r = [v, q, p, p, t, v][mod], - g = [t, v, v, q, p, p][mod], - b = [p, p, t, v, v, q][mod]; + var styles = (0, _reactcss2.default)({ + 'default': { + color: { + absolute: '0px 0px 0px 0px', + background: 'hsl(' + this.props.hsl.h + ',100%, 50%)', + borderRadius: this.props.radius + }, + white: { + absolute: '0px 0px 0px 0px', + borderRadius: this.props.radius + }, + black: { + absolute: '0px 0px 0px 0px', + boxShadow: this.props.shadow, + borderRadius: this.props.radius + }, + pointer: { + position: 'absolute', + top: -(this.props.hsv.v * 100) + 100 + '%', + left: this.props.hsv.s * 100 + '%', + cursor: 'default' + }, + circle: { + width: '4px', + height: '4px', + boxShadow: '0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),\n 0 0 1px 2px rgba(0,0,0,.4)', + borderRadius: '50%', + cursor: 'hand', + transform: 'translate(-2px, -2px)' + } + }, + 'custom': { + color: color, + white: white, + black: black, + pointer: pointer, + circle: circle + } + }, { 'custom': !!this.props.style }); - return { r: r * 255, g: g * 255, b: b * 255 }; - } + return _react2.default.createElement( + 'div', + { + style: styles.color, + ref: function ref(container) { + return _this2.container = container; + }, + onMouseDown: this.handleMouseDown, + onTouchMove: this.handleChange, + onTouchStart: this.handleChange + }, + _react2.default.createElement( + 'style', + null, + '\n .saturation-white {\n background: -webkit-linear-gradient(to right, #fff, rgba(255,255,255,0));\n background: linear-gradient(to right, #fff, rgba(255,255,255,0));\n }\n .saturation-black {\n background: -webkit-linear-gradient(to top, #000, rgba(0,0,0,0));\n background: linear-gradient(to top, #000, rgba(0,0,0,0));\n }\n ' + ), + _react2.default.createElement( + 'div', + { style: styles.white, className: 'saturation-white' }, + _react2.default.createElement('div', { style: styles.black, className: 'saturation-black' }), + _react2.default.createElement( + 'div', + { style: styles.pointer }, + this.props.pointer ? _react2.default.createElement(this.props.pointer, this.props) : _react2.default.createElement('div', { style: styles.circle }) + ) + ) + ); + } + }]); - // `rgbToHex` - // Converts an RGB color to hex - // Assumes r, g, and b are contained in the set [0, 255] - // Returns a 3 or 6 character hex - function rgbToHex(r, g, b, allow3Char) { + return Saturation; + }(_react.PureComponent || _react.Component); - var hex = [ - pad2(mathRound(r).toString(16)), - pad2(mathRound(g).toString(16)), - pad2(mathRound(b).toString(16)) - ]; + exports.default = Saturation; - // Return a 3 character hex if possible - if (allow3Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1)) { - return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0); - } +/***/ }), +/* 370 */ +/***/ (function(module, exports, __webpack_require__) { - return hex.join(""); - } - // `rgbaToHex` - // Converts an RGBA color plus alpha transparency to hex - // Assumes r, g, b and a are contained in the set [0, 255] - // Returns an 8 character hex - function rgbaToHex(r, g, b, a) { + var debounce = __webpack_require__(371), + isObject = __webpack_require__(209); - var hex = [ - pad2(convertDecimalToHex(a)), - pad2(mathRound(r).toString(16)), - pad2(mathRound(g).toString(16)), - pad2(mathRound(b).toString(16)) - ]; + /** Error message constants. */ + var FUNC_ERROR_TEXT = 'Expected a function'; - return hex.join(""); - } + /** + * Creates a throttled function that only invokes `func` at most once per + * every `wait` milliseconds. The throttled function comes with a `cancel` + * method to cancel delayed `func` invocations and a `flush` method to + * immediately invoke them. Provide `options` to indicate whether `func` + * should be invoked on the leading and/or trailing edge of the `wait` + * timeout. The `func` is invoked with the last arguments provided to the + * throttled function. Subsequent calls to the throttled function return the + * result of the last `func` invocation. + * + * **Note:** If `leading` and `trailing` options are `true`, `func` is + * invoked on the trailing edge of the timeout only if the throttled function + * is invoked more than once during the `wait` timeout. + * + * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred + * until to the next tick, similar to `setTimeout` with a timeout of `0`. + * + * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/) + * for details over the differences between `_.throttle` and `_.debounce`. + * + * @static + * @memberOf _ + * @since 0.1.0 + * @category Function + * @param {Function} func The function to throttle. + * @param {number} [wait=0] The number of milliseconds to throttle invocations to. + * @param {Object} [options={}] The options object. + * @param {boolean} [options.leading=true] + * Specify invoking on the leading edge of the timeout. + * @param {boolean} [options.trailing=true] + * Specify invoking on the trailing edge of the timeout. + * @returns {Function} Returns the new throttled function. + * @example + * + * // Avoid excessively updating the position while scrolling. + * jQuery(window).on('scroll', _.throttle(updatePosition, 100)); + * + * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes. + * var throttled = _.throttle(renewToken, 300000, { 'trailing': false }); + * jQuery(element).on('click', throttled); + * + * // Cancel the trailing throttled invocation. + * jQuery(window).on('popstate', throttled.cancel); + */ + function throttle(func, wait, options) { + var leading = true, + trailing = true; - // `equals` - // Can be called with any tinycolor input - tinycolor.equals = function (color1, color2) { - if (!color1 || !color2) { return false; } - return tinycolor(color1).toRgbString() == tinycolor(color2).toRgbString(); - }; - tinycolor.random = function() { - return tinycolor.fromRatio({ - r: mathRandom(), - g: mathRandom(), - b: mathRandom() - }); - }; + if (typeof func != 'function') { + throw new TypeError(FUNC_ERROR_TEXT); + } + if (isObject(options)) { + leading = 'leading' in options ? !!options.leading : leading; + trailing = 'trailing' in options ? !!options.trailing : trailing; + } + return debounce(func, wait, { + 'leading': leading, + 'maxWait': wait, + 'trailing': trailing + }); + } + module.exports = throttle; - // Modification Functions - // ---------------------- - // Thanks to less.js for some of the basics here - // - function desaturate(color, amount) { - amount = (amount === 0) ? 0 : (amount || 10); - var hsl = tinycolor(color).toHsl(); - hsl.s -= amount / 100; - hsl.s = clamp01(hsl.s); - return tinycolor(hsl); - } +/***/ }), +/* 371 */ +/***/ (function(module, exports, __webpack_require__) { - function saturate(color, amount) { - amount = (amount === 0) ? 0 : (amount || 10); - var hsl = tinycolor(color).toHsl(); - hsl.s += amount / 100; - hsl.s = clamp01(hsl.s); - return tinycolor(hsl); - } + var isObject = __webpack_require__(209), + now = __webpack_require__(372), + toNumber = __webpack_require__(373); - function greyscale(color) { - return tinycolor(color).desaturate(100); - } + /** Error message constants. */ + var FUNC_ERROR_TEXT = 'Expected a function'; - function lighten (color, amount) { - amount = (amount === 0) ? 0 : (amount || 10); - var hsl = tinycolor(color).toHsl(); - hsl.l += amount / 100; - hsl.l = clamp01(hsl.l); - return tinycolor(hsl); - } + /* Built-in method references for those with the same name as other `lodash` methods. */ + var nativeMax = Math.max, + nativeMin = Math.min; - function brighten(color, amount) { - amount = (amount === 0) ? 0 : (amount || 10); - var rgb = tinycolor(color).toRgb(); - rgb.r = mathMax(0, mathMin(255, rgb.r - mathRound(255 * - (amount / 100)))); - rgb.g = mathMax(0, mathMin(255, rgb.g - mathRound(255 * - (amount / 100)))); - rgb.b = mathMax(0, mathMin(255, rgb.b - mathRound(255 * - (amount / 100)))); - return tinycolor(rgb); - } + /** + * Creates a debounced function that delays invoking `func` until after `wait` + * milliseconds have elapsed since the last time the debounced function was + * invoked. The debounced function comes with a `cancel` method to cancel + * delayed `func` invocations and a `flush` method to immediately invoke them. + * Provide `options` to indicate whether `func` should be invoked on the + * leading and/or trailing edge of the `wait` timeout. The `func` is invoked + * with the last arguments provided to the debounced function. Subsequent + * calls to the debounced function return the result of the last `func` + * invocation. + * + * **Note:** If `leading` and `trailing` options are `true`, `func` is + * invoked on the trailing edge of the timeout only if the debounced function + * is invoked more than once during the `wait` timeout. + * + * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred + * until to the next tick, similar to `setTimeout` with a timeout of `0`. + * + * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/) + * for details over the differences between `_.debounce` and `_.throttle`. + * + * @static + * @memberOf _ + * @since 0.1.0 + * @category Function + * @param {Function} func The function to debounce. + * @param {number} [wait=0] The number of milliseconds to delay. + * @param {Object} [options={}] The options object. + * @param {boolean} [options.leading=false] + * Specify invoking on the leading edge of the timeout. + * @param {number} [options.maxWait] + * The maximum time `func` is allowed to be delayed before it's invoked. + * @param {boolean} [options.trailing=true] + * Specify invoking on the trailing edge of the timeout. + * @returns {Function} Returns the new debounced function. + * @example + * + * // Avoid costly calculations while the window size is in flux. + * jQuery(window).on('resize', _.debounce(calculateLayout, 150)); + * + * // Invoke `sendMail` when clicked, debouncing subsequent calls. + * jQuery(element).on('click', _.debounce(sendMail, 300, { + * 'leading': true, + * 'trailing': false + * })); + * + * // Ensure `batchLog` is invoked once after 1 second of debounced calls. + * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 }); + * var source = new EventSource('/stream'); + * jQuery(source).on('message', debounced); + * + * // Cancel the trailing debounced invocation. + * jQuery(window).on('popstate', debounced.cancel); + */ + function debounce(func, wait, options) { + var lastArgs, + lastThis, + maxWait, + result, + timerId, + lastCallTime, + lastInvokeTime = 0, + leading = false, + maxing = false, + trailing = true; - function darken (color, amount) { - amount = (amount === 0) ? 0 : (amount || 10); - var hsl = tinycolor(color).toHsl(); - hsl.l -= amount / 100; - hsl.l = clamp01(hsl.l); - return tinycolor(hsl); - } + if (typeof func != 'function') { + throw new TypeError(FUNC_ERROR_TEXT); + } + wait = toNumber(wait) || 0; + if (isObject(options)) { + leading = !!options.leading; + maxing = 'maxWait' in options; + maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait; + trailing = 'trailing' in options ? !!options.trailing : trailing; + } - // Spin takes a positive or negative amount within [-360, 360] indicating the change of hue. - // Values outside of this range will be wrapped into this range. - function spin(color, amount) { - var hsl = tinycolor(color).toHsl(); - var hue = (mathRound(hsl.h) + amount) % 360; - hsl.h = hue < 0 ? 360 + hue : hue; - return tinycolor(hsl); - } + function invokeFunc(time) { + var args = lastArgs, + thisArg = lastThis; - // Combination Functions - // --------------------- - // Thanks to jQuery xColor for some of the ideas behind these - // - - function complement(color) { - var hsl = tinycolor(color).toHsl(); - hsl.h = (hsl.h + 180) % 360; - return tinycolor(hsl); - } + lastArgs = lastThis = undefined; + lastInvokeTime = time; + result = func.apply(thisArg, args); + return result; + } - function triad(color) { - var hsl = tinycolor(color).toHsl(); - var h = hsl.h; - return [ - tinycolor(color), - tinycolor({ h: (h + 120) % 360, s: hsl.s, l: hsl.l }), - tinycolor({ h: (h + 240) % 360, s: hsl.s, l: hsl.l }) - ]; - } + function leadingEdge(time) { + // Reset any `maxWait` timer. + lastInvokeTime = time; + // Start the timer for the trailing edge. + timerId = setTimeout(timerExpired, wait); + // Invoke the leading edge. + return leading ? invokeFunc(time) : result; + } - function tetrad(color) { - var hsl = tinycolor(color).toHsl(); - var h = hsl.h; - return [ - tinycolor(color), - tinycolor({ h: (h + 90) % 360, s: hsl.s, l: hsl.l }), - tinycolor({ h: (h + 180) % 360, s: hsl.s, l: hsl.l }), - tinycolor({ h: (h + 270) % 360, s: hsl.s, l: hsl.l }) - ]; - } + function remainingWait(time) { + var timeSinceLastCall = time - lastCallTime, + timeSinceLastInvoke = time - lastInvokeTime, + timeWaiting = wait - timeSinceLastCall; - function splitcomplement(color) { - var hsl = tinycolor(color).toHsl(); - var h = hsl.h; - return [ - tinycolor(color), - tinycolor({ h: (h + 72) % 360, s: hsl.s, l: hsl.l}), - tinycolor({ h: (h + 216) % 360, s: hsl.s, l: hsl.l}) - ]; - } + return maxing + ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) + : timeWaiting; + } - function analogous(color, results, slices) { - results = results || 6; - slices = slices || 30; + function shouldInvoke(time) { + var timeSinceLastCall = time - lastCallTime, + timeSinceLastInvoke = time - lastInvokeTime; - var hsl = tinycolor(color).toHsl(); - var part = 360 / slices; - var ret = [tinycolor(color)]; + // Either this is the first call, activity has stopped and we're at the + // trailing edge, the system time has gone backwards and we're treating + // it as the trailing edge, or we've hit the `maxWait` limit. + return (lastCallTime === undefined || (timeSinceLastCall >= wait) || + (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait)); + } - for (hsl.h = ((hsl.h - (part * results >> 1)) + 720) % 360; --results; ) { - hsl.h = (hsl.h + part) % 360; - ret.push(tinycolor(hsl)); - } - return ret; - } + function timerExpired() { + var time = now(); + if (shouldInvoke(time)) { + return trailingEdge(time); + } + // Restart the timer. + timerId = setTimeout(timerExpired, remainingWait(time)); + } - function monochromatic(color, results) { - results = results || 6; - var hsv = tinycolor(color).toHsv(); - var h = hsv.h, s = hsv.s, v = hsv.v; - var ret = []; - var modification = 1 / results; - - while (results--) { - ret.push(tinycolor({ h: h, s: s, v: v})); - v = (v + modification) % 1; - } + function trailingEdge(time) { + timerId = undefined; - return ret; - } + // Only invoke if we have `lastArgs` which means `func` has been + // debounced at least once. + if (trailing && lastArgs) { + return invokeFunc(time); + } + lastArgs = lastThis = undefined; + return result; + } - // Utility Functions - // --------------------- + function cancel() { + if (timerId !== undefined) { + clearTimeout(timerId); + } + lastInvokeTime = 0; + lastArgs = lastCallTime = lastThis = timerId = undefined; + } - tinycolor.mix = function(color1, color2, amount) { - amount = (amount === 0) ? 0 : (amount || 50); + function flush() { + return timerId === undefined ? result : trailingEdge(now()); + } - var rgb1 = tinycolor(color1).toRgb(); - var rgb2 = tinycolor(color2).toRgb(); + function debounced() { + var time = now(), + isInvoking = shouldInvoke(time); - var p = amount / 100; - var w = p * 2 - 1; - var a = rgb2.a - rgb1.a; + lastArgs = arguments; + lastThis = this; + lastCallTime = time; - var w1; + if (isInvoking) { + if (timerId === undefined) { + return leadingEdge(lastCallTime); + } + if (maxing) { + // Handle invocations in a tight loop. + clearTimeout(timerId); + timerId = setTimeout(timerExpired, wait); + return invokeFunc(lastCallTime); + } + } + if (timerId === undefined) { + timerId = setTimeout(timerExpired, wait); + } + return result; + } + debounced.cancel = cancel; + debounced.flush = flush; + return debounced; + } - if (w * a == -1) { - w1 = w; - } else { - w1 = (w + a) / (1 + w * a); - } + module.exports = debounce; - w1 = (w1 + 1) / 2; - var w2 = 1 - w1; +/***/ }), +/* 372 */ +/***/ (function(module, exports, __webpack_require__) { - var rgba = { - r: rgb2.r * w1 + rgb1.r * w2, - g: rgb2.g * w1 + rgb1.g * w2, - b: rgb2.b * w1 + rgb1.b * w2, - a: rgb2.a * p + rgb1.a * (1 - p) - }; + var root = __webpack_require__(179); - return tinycolor(rgba); + /** + * Gets the timestamp of the number of milliseconds that have elapsed since + * the Unix epoch (1 January 1970 00:00:00 UTC). + * + * @static + * @memberOf _ + * @since 2.4.0 + * @category Date + * @returns {number} Returns the timestamp. + * @example + * + * _.defer(function(stamp) { + * console.log(_.now() - stamp); + * }, _.now()); + * // => Logs the number of milliseconds it took for the deferred invocation. + */ + var now = function() { + return root.Date.now(); }; + module.exports = now; - // Readability Functions - // --------------------- - // false - // tinycolor.isReadable("#000", "#111",{level:"AA",size:"large"}) => false + var isObject = __webpack_require__(209), + isSymbol = __webpack_require__(287); - tinycolor.isReadable = function(color1, color2, wcag2) { - var readability = tinycolor.readability(color1, color2); - var wcag2Parms, out; - - out = false; - - wcag2Parms = validateWCAG2Parms(wcag2); - switch (wcag2Parms.level + wcag2Parms.size) { - case "AAsmall": - case "AAAlarge": - out = readability >= 4.5; - break; - case "AAlarge": - out = readability >= 3; - break; - case "AAAsmall": - out = readability >= 7; - break; - } - return out; + /** Used as references for various `Number` constants. */ + var NAN = 0 / 0; - }; + /** Used to match leading and trailing whitespace. */ + var reTrim = /^\s+|\s+$/g; - // `mostReadable` - // Given a base color and a list of possible foreground or background - // colors for that base, returns the most readable color. - // Optionally returns Black or White if the most readable color is unreadable. - // *Example* - // tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:false}).toHexString(); // "#112255" - // tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:true}).toHexString(); // "#ffffff" - // tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"large"}).toHexString(); // "#faf3f3" - // tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"small"}).toHexString(); // "#ffffff" + /** Used to detect bad signed hexadecimal string values. */ + var reIsBadHex = /^[-+]0x[0-9a-f]+$/i; + /** Used to detect binary string values. */ + var reIsBinary = /^0b[01]+$/i; - tinycolor.mostReadable = function(baseColor, colorList, args) { - var bestColor = null; - var bestScore = 0; - var readability; - var includeFallbackColors, level, size ; - args = args || {}; - includeFallbackColors = args.includeFallbackColors ; - level = args.level; - size = args.size; - - for (var i= 0; i < colorList.length ; i++) { - readability = tinycolor.readability(baseColor, colorList[i]); - if (readability > bestScore) { - bestScore = readability; - bestColor = tinycolor(colorList[i]); - } - } + /** Used to detect octal string values. */ + var reIsOctal = /^0o[0-7]+$/i; - if (tinycolor.isReadable(baseColor, bestColor, {"level":level,"size":size}) || !includeFallbackColors) { - return bestColor; - } - else { - args.includeFallbackColors=false; - return tinycolor.mostReadable(baseColor,["#fff", "#000"],args); - } - }; + /** Built-in method references without a dependency on `root`. */ + var freeParseInt = parseInt; + /** + * Converts `value` to a number. + * + * @static + * @memberOf _ + * @since 4.0.0 + * @category Lang + * @param {*} value The value to process. + * @returns {number} Returns the number. + * @example + * + * _.toNumber(3.2); + * // => 3.2 + * + * _.toNumber(Number.MIN_VALUE); + * // => 5e-324 + * + * _.toNumber(Infinity); + * // => Infinity + * + * _.toNumber('3.2'); + * // => 3.2 + */ + function toNumber(value) { + if (typeof value == 'number') { + return value; + } + if (isSymbol(value)) { + return NAN; + } + if (isObject(value)) { + var other = typeof value.valueOf == 'function' ? value.valueOf() : value; + value = isObject(other) ? (other + '') : other; + } + if (typeof value != 'string') { + return value === 0 ? value : +value; + } + value = value.replace(reTrim, ''); + var isBinary = reIsBinary.test(value); + return (isBinary || reIsOctal.test(value)) + ? freeParseInt(value.slice(2), isBinary ? 2 : 8) + : (reIsBadHex.test(value) ? NAN : +value); + } - // Big List of Colors - // ------------------ - // - var names = tinycolor.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" - }; + module.exports = toNumber; - // Make it easy to access colors via `hexNames[hex]` - var hexNames = tinycolor.hexNames = flip(names); +/***/ }), +/* 374 */ +/***/ (function(module, exports) { - // Utilities - // --------- + 'use strict'; - // `{ 'name1': 'val1' }` becomes `{ 'val1': 'name1' }` - function flip(o) { - var flipped = { }; - for (var i in o) { - if (o.hasOwnProperty(i)) { - flipped[o[i]] = i; - } - } - return flipped; - } + Object.defineProperty(exports, "__esModule", { + value: true + }); + var calculateChange = exports.calculateChange = function calculateChange(e, hsl, container) { + var _container$getBoundin = container.getBoundingClientRect(), + containerWidth = _container$getBoundin.width, + containerHeight = _container$getBoundin.height; - // Return a valid alpha value [0,1] with all invalid values being set to 1 - function boundAlpha(a) { - a = parseFloat(a); + var x = typeof e.pageX === 'number' ? e.pageX : e.touches[0].pageX; + var y = typeof e.pageY === 'number' ? e.pageY : e.touches[0].pageY; + var left = x - (container.getBoundingClientRect().left + window.pageXOffset); + var top = y - (container.getBoundingClientRect().top + window.pageYOffset); - if (isNaN(a) || a < 0 || a > 1) { - a = 1; - } + if (left < 0) { + left = 0; + } else if (left > containerWidth) { + left = containerWidth; + } - return a; - } + if (top < 0) { + top = 0; + } else if (top > containerHeight) { + top = containerHeight; + } - // Take input from [0, n] and return it as [0, 1] - function bound01(n, max) { - if (isOnePointZero(n)) { n = "100%"; } + var saturation = left / containerWidth; + var bright = 1 - top / containerHeight; - var processPercent = isPercentage(n); - n = mathMin(max, mathMax(0, parseFloat(n))); + return { + h: hsl.h, + s: saturation, + v: bright, + a: hsl.a, + source: 'hsv' + }; + }; - // Automatically convert percentage into number - if (processPercent) { - n = parseInt(n * max, 10) / 100; - } - - // Handle floating point rounding errors - if ((math.abs(n - max) < 0.000001)) { - return 1; - } - - // Convert into [0, 1] range if it isn't already - return (n % max) / parseFloat(max); - } - - // Force a number between 0 and 1 - function clamp01(val) { - return mathMin(1, mathMax(0, val)); - } - - // Parse a base-16 hex value into a base-10 integer - function parseIntFromHex(val) { - return parseInt(val, 16); - } - - // Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1 - // - function isOnePointZero(n) { - return typeof n == "string" && n.indexOf('.') != -1 && parseFloat(n) === 1; - } - - // Check to see if string passed in is a percentage - function isPercentage(n) { - return typeof n === "string" && n.indexOf('%') != -1; - } +/***/ }), +/* 375 */ +/***/ (function(module, exports, __webpack_require__) { - // Force a hex value to have 2 characters - function pad2(c) { - return c.length == 1 ? '0' + c : '' + c; - } + 'use strict'; - // Replace a decimal with it's percentage value - function convertToPercentage(n, multiplier) { - multiplier = multiplier || 100; - if (n <= 1) { - n = (n * multiplier) + "%"; - } + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.ColorWrap = undefined; - return n; - } + var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - // Converts a decimal to a hex value - function convertDecimalToHex(d) { - return Math.round(parseFloat(d) * 255).toString(16); - } - // Converts a hex value to a decimal - function convertHexToDecimal(h) { - return (parseIntFromHex(h) / 255); - } + var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - var matchers = (function() { + var _react = __webpack_require__(2); - // - var CSS_INTEGER = "[-\\+]?\\d+%?"; - - // - var CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?"; - - // Allow positive/negative integer/number. Don't capture the either/or, just the entire outcome. - var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")"; - - // Actual matching. - // Parentheses and commas are optional, but not required. - // Whitespace can take the place of commas or opening paren - var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?"; - var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?"; - - return { - rgb: new RegExp("rgb" + PERMISSIVE_MATCH3), - rgba: new RegExp("rgba" + PERMISSIVE_MATCH4), - hsl: new RegExp("hsl" + PERMISSIVE_MATCH3), - hsla: new RegExp("hsla" + PERMISSIVE_MATCH4), - hsv: new RegExp("hsv" + PERMISSIVE_MATCH3), - hsva: new RegExp("hsva" + PERMISSIVE_MATCH4), - 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})$/ - }; - })(); + var _react2 = _interopRequireDefault(_react); - // `stringInputToObject` - // Permissive string parsing. Take in a number of formats, and output an object - // based on detected format. Returns `{ r, g, b }` or `{ h, s, l }` or `{ h, s, v}` - function stringInputToObject(color) { + var _debounce = __webpack_require__(371); - color = color.replace(trimLeft,'').replace(trimRight, '').toLowerCase(); - var named = false; - if (names[color]) { - color = names[color]; - named = true; - } - else if (color == 'transparent') { - return { r: 0, g: 0, b: 0, a: 0, format: "name" }; - } + var _debounce2 = _interopRequireDefault(_debounce); - // Try to match string input using regular expressions. - // Keep most of the number bounding out of this function - don't worry about [0,1] or [0,100] or [0,360] - // Just return an object and let the conversion functions handle that. - // This way the result will be the same whether the tinycolor is initialized with string or object. - var match; - if ((match = matchers.rgb.exec(color))) { - return { r: match[1], g: match[2], b: match[3] }; - } - if ((match = matchers.rgba.exec(color))) { - return { r: match[1], g: match[2], b: match[3], a: match[4] }; - } - if ((match = matchers.hsl.exec(color))) { - return { h: match[1], s: match[2], l: match[3] }; - } - if ((match = matchers.hsla.exec(color))) { - return { h: match[1], s: match[2], l: match[3], a: match[4] }; - } - if ((match = matchers.hsv.exec(color))) { - return { h: match[1], s: match[2], v: match[3] }; - } - if ((match = matchers.hsva.exec(color))) { - return { h: match[1], s: match[2], v: match[3], a: match[4] }; - } - if ((match = matchers.hex8.exec(color))) { - return { - a: convertHexToDecimal(match[1]), - r: parseIntFromHex(match[2]), - g: parseIntFromHex(match[3]), - b: parseIntFromHex(match[4]), - format: named ? "name" : "hex8" - }; - } - if ((match = matchers.hex6.exec(color))) { - return { - r: parseIntFromHex(match[1]), - g: parseIntFromHex(match[2]), - b: parseIntFromHex(match[3]), - format: named ? "name" : "hex" - }; - } - if ((match = matchers.hex3.exec(color))) { - return { - r: parseIntFromHex(match[1] + '' + match[1]), - g: parseIntFromHex(match[2] + '' + match[2]), - b: parseIntFromHex(match[3] + '' + match[3]), - format: named ? "name" : "hex" - }; - } + var _color = __webpack_require__(376); - return false; - } + var color = _interopRequireWildcard(_color); - function validateWCAG2Parms(parms) { - // return valid WCAG2 parms for isReadable. - // If input parms are invalid, return {"level":"AA", "size":"small"} - var level, size; - parms = parms || {"level":"AA", "size":"small"}; - level = (parms.level || "AA").toUpperCase(); - size = (parms.size || "small").toLowerCase(); - if (level !== "AA" && level !== "AAA") { - level = "AA"; - } - if (size !== "small" && size !== "large") { - size = "small"; - } - return {"level":level, "size":size}; - } - // Node: Export function - if (typeof module !== "undefined" && module.exports) { - module.exports = tinycolor; - } - // AMD/requirejs: Define the module - else if (true) { - !(__WEBPACK_AMD_DEFINE_RESULT__ = function () {return tinycolor;}.call(exports, __webpack_require__, exports, module), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)); - } - // Browser: Expose to window - else { - window.tinycolor = tinycolor; - } + function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } - })(); + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } -/***/ }), -/* 360 */ -/***/ (function(module, exports, __webpack_require__) { + function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - 'use strict'; + function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.Swatch = undefined; + var ColorWrap = exports.ColorWrap = function ColorWrap(Picker) { + var ColorPicker = function (_ref) { + _inherits(ColorPicker, _ref); - var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; + function ColorPicker(props) { + _classCallCheck(this, ColorPicker); - var _react = __webpack_require__(2); + var _this = _possibleConstructorReturn(this, (ColorPicker.__proto__ || Object.getPrototypeOf(ColorPicker)).call(this)); - var _react2 = _interopRequireDefault(_react); + _this.handleChange = function (data, event) { + var isValidColor = color.simpleCheckForValidColor(data); + if (isValidColor) { + var colors = color.toState(data, data.h || _this.state.oldHue); + _this.setState(colors); + _this.props.onChangeComplete && _this.debounce(_this.props.onChangeComplete, colors, event); + _this.props.onChange && _this.props.onChange(colors, event); + } + }; - var _reactcss = __webpack_require__(172); + _this.handleSwatchHover = function (data, event) { + var isValidColor = color.simpleCheckForValidColor(data); + if (isValidColor) { + var colors = color.toState(data, data.h || _this.state.oldHue); + _this.props.onSwatchHover && _this.props.onSwatchHover(colors, event); + } + }; - var _reactcss2 = _interopRequireDefault(_reactcss); + _this.state = _extends({}, color.toState(props.color, 0)); - var _interaction = __webpack_require__(361); + _this.debounce = (0, _debounce2.default)(function (fn, data, event) { + fn(data, event); + }, 100); + return _this; + } - var _ = __webpack_require__(341); + _createClass(ColorPicker, [{ + key: 'render', + value: function render() { + var optionalEvents = {}; + if (this.props.onSwatchHover) { + optionalEvents.onSwatchHover = this.handleSwatchHover; + } - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + return _react2.default.createElement(Picker, _extends({}, this.props, this.state, { + onChange: this.handleChange + }, optionalEvents)); + } + }], [{ + key: 'getDerivedStateFromProps', + value: function getDerivedStateFromProps(nextProps, state) { + return _extends({}, color.toState(nextProps.color, state.oldHue)); + } + }]); - var ENTER = 13; + return ColorPicker; + }(_react.PureComponent || _react.Component); - var Swatch = exports.Swatch = function Swatch(_ref) { - var color = _ref.color, - style = _ref.style, - _ref$onClick = _ref.onClick, - onClick = _ref$onClick === undefined ? function () {} : _ref$onClick, - onHover = _ref.onHover, - _ref$title = _ref.title, - title = _ref$title === undefined ? color : _ref$title, - children = _ref.children, - focus = _ref.focus, - _ref$focusStyle = _ref.focusStyle, - focusStyle = _ref$focusStyle === undefined ? {} : _ref$focusStyle; + ColorPicker.propTypes = _extends({}, Picker.propTypes); - var transparent = color === 'transparent'; - var styles = (0, _reactcss2.default)({ - default: { - swatch: _extends({ - background: color, - height: '100%', - width: '100%', - cursor: 'pointer', - position: 'relative', - outline: 'none' - }, style, focus ? focusStyle : {}) + ColorPicker.defaultProps = _extends({}, Picker.defaultProps, { + color: { + h: 250, + s: 0.50, + l: 0.20, + a: 1 } }); - var handleClick = function handleClick(e) { - return onClick(color, e); - }; - var handleKeyDown = function handleKeyDown(e) { - return e.keyCode === ENTER && onClick(color, e); - }; - var handleHover = function handleHover(e) { - return onHover(color, e); - }; - - var optionalEvents = {}; - if (onHover) { - optionalEvents.onMouseOver = handleHover; - } - - return _react2.default.createElement( - 'div', - _extends({ - style: styles.swatch, - onClick: handleClick, - title: title, - tabIndex: 0, - onKeyDown: handleKeyDown - }, optionalEvents), - children, - transparent && _react2.default.createElement(_.Checkboard, { - borderRadius: styles.swatch.borderRadius, - boxShadow: 'inset 0 0 0 1px rgba(0,0,0,0.1)' - }) - ); + return ColorPicker; }; - exports.default = (0, _interaction.handleFocus)(Swatch); + exports.default = ColorWrap; /***/ }), -/* 361 */ +/* 376 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -29712,502 +29268,1351 @@ Object.defineProperty(exports, "__esModule", { value: true }); - exports.handleFocus = undefined; + exports.isvalidColorString = exports.red = exports.getContrastingColor = exports.isValidHex = exports.toState = exports.simpleCheckForValidColor = undefined; - var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; + var _each = __webpack_require__(377); - var _react = __webpack_require__(2); + var _each2 = _interopRequireDefault(_each); - var _react2 = _interopRequireDefault(_react); + var _tinycolor = __webpack_require__(379); - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + var _tinycolor2 = _interopRequireDefault(_tinycolor); - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } + var simpleCheckForValidColor = exports.simpleCheckForValidColor = function simpleCheckForValidColor(data) { + var keysToCheck = ['r', 'g', 'b', 'a', 'h', 's', 'l', 'v']; + var checked = 0; + var passed = 0; + (0, _each2.default)(keysToCheck, function (letter) { + if (data[letter]) { + checked += 1; + if (!isNaN(data[letter])) { + passed += 1; + } + if (letter === 's' || letter === 'l') { + var percentPatt = /^\d+%$/; + if (percentPatt.test(data[letter])) { + passed += 1; + } + } + } + }); + return checked === passed ? data : false; + }; - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } + var toState = exports.toState = function toState(data, oldHue) { + var color = data.hex ? (0, _tinycolor2.default)(data.hex) : (0, _tinycolor2.default)(data); + var hsl = color.toHsl(); + var hsv = color.toHsv(); + var rgb = color.toRgb(); + var hex = color.toHex(); + if (hsl.s === 0) { + hsl.h = oldHue || 0; + hsv.h = oldHue || 0; + } + var transparent = hex === '000000' && rgb.a === 0; - var handleFocus = exports.handleFocus = function handleFocus(Component) { - var Span = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'span'; + return { + hsl: hsl, + hex: transparent ? 'transparent' : '#' + hex, + rgb: rgb, + hsv: hsv, + oldHue: data.h || oldHue || hsl.h, + source: data.source + }; + }; - return function (_React$Component) { - _inherits(Focus, _React$Component); + var isValidHex = exports.isValidHex = function isValidHex(hex) { + if (hex === 'transparent') { + return true; + } + // disable hex4 and hex8 + var lh = String(hex).charAt(0) === '#' ? 1 : 0; + return hex.length !== 4 + lh && hex.length < 7 + lh && (0, _tinycolor2.default)(hex).isValid(); + }; - function Focus() { - var _ref; + var getContrastingColor = exports.getContrastingColor = function getContrastingColor(data) { + if (!data) { + return '#fff'; + } + var col = toState(data); + if (col.hex === 'transparent') { + return 'rgba(0,0,0,0.4)'; + } + var yiq = (col.rgb.r * 299 + col.rgb.g * 587 + col.rgb.b * 114) / 1000; + return yiq >= 128 ? '#000' : '#fff'; + }; - var _temp, _this, _ret; + var red = exports.red = { + hsl: { a: 1, h: 0, l: 0.5, s: 1 }, + hex: '#ff0000', + rgb: { r: 255, g: 0, b: 0, a: 1 }, + hsv: { h: 0, s: 1, v: 1, a: 1 } + }; - _classCallCheck(this, Focus); + var isvalidColorString = exports.isvalidColorString = function isvalidColorString(string, type) { + var stringWithoutDegree = string.replace('°', ''); + return (0, _tinycolor2.default)(type + ' (' + stringWithoutDegree + ')')._ok; + }; - for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { - args[_key] = arguments[_key]; - } +/***/ }), +/* 377 */ +/***/ (function(module, exports, __webpack_require__) { - return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Focus.__proto__ || Object.getPrototypeOf(Focus)).call.apply(_ref, [this].concat(args))), _this), _this.state = { focus: false }, _this.handleFocus = function () { - return _this.setState({ focus: true }); - }, _this.handleBlur = function () { - return _this.setState({ focus: false }); - }, _this.render = function () { - return _react2.default.createElement( - Span, - { onFocus: _this.handleFocus, onBlur: _this.handleBlur }, - _react2.default.createElement(Component, _extends({}, _this.props, _this.state)) - ); - }, _temp), _possibleConstructorReturn(_this, _ret); - } + module.exports = __webpack_require__(378); - return Focus; - }(_react2.default.Component); - }; /***/ }), -/* 362 */ +/* 378 */ /***/ (function(module, exports, __webpack_require__) { - 'use strict'; + var arrayEach = __webpack_require__(306), + baseEach = __webpack_require__(301), + castFunction = __webpack_require__(210), + isArray = __webpack_require__(183); - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.AlphaPointer = undefined; - - var _react = __webpack_require__(2); - - var _react2 = _interopRequireDefault(_react); - - var _reactcss = __webpack_require__(172); - - var _reactcss2 = _interopRequireDefault(_reactcss); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - var AlphaPointer = exports.AlphaPointer = function AlphaPointer(_ref) { - var direction = _ref.direction; - - var styles = (0, _reactcss2.default)({ - 'default': { - picker: { - width: '18px', - height: '18px', - borderRadius: '50%', - transform: 'translate(-9px, -1px)', - backgroundColor: 'rgb(248, 248, 248)', - boxShadow: '0 1px 4px 0 rgba(0, 0, 0, 0.37)' - } - }, - 'vertical': { - picker: { - transform: 'translate(-3px, -9px)' - } - } - }, { vertical: direction === 'vertical' }); + /** + * Iterates over elements of `collection` and invokes `iteratee` for each element. + * The iteratee is invoked with three arguments: (value, index|key, collection). + * Iteratee functions may exit iteration early by explicitly returning `false`. + * + * **Note:** As with other "Collections" methods, objects with a "length" + * property are iterated like arrays. To avoid this behavior use `_.forIn` + * or `_.forOwn` for object iteration. + * + * @static + * @memberOf _ + * @since 0.1.0 + * @alias each + * @category Collection + * @param {Array|Object} collection The collection to iterate over. + * @param {Function} [iteratee=_.identity] The function invoked per iteration. + * @returns {Array|Object} Returns `collection`. + * @see _.forEachRight + * @example + * + * _.forEach([1, 2], function(value) { + * console.log(value); + * }); + * // => Logs `1` then `2`. + * + * _.forEach({ 'a': 1, 'b': 2 }, function(value, key) { + * console.log(key); + * }); + * // => Logs 'a' then 'b' (iteration order is not guaranteed). + */ + function forEach(collection, iteratee) { + var func = isArray(collection) ? arrayEach : baseEach; + return func(collection, castFunction(iteratee)); + } - return _react2.default.createElement('div', { style: styles.picker }); - }; + module.exports = forEach; - exports.default = AlphaPointer; /***/ }), -/* 363 */ +/* 379 */ /***/ (function(module, exports, __webpack_require__) { - 'use strict'; + var __WEBPACK_AMD_DEFINE_RESULT__;// TinyColor v1.4.2 + // https://github.com/bgrins/TinyColor + // Brian Grinstead, MIT License - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.Block = undefined; + (function(Math) { - var _react = __webpack_require__(2); + var trimLeft = /^\s+/, + trimRight = /\s+$/, + tinyCounter = 0, + mathRound = Math.round, + mathMin = Math.min, + mathMax = Math.max, + mathRandom = Math.random; - var _react2 = _interopRequireDefault(_react); + function tinycolor (color, opts) { - var _reactcss = __webpack_require__(172); + color = (color) ? color : ''; + opts = opts || { }; - var _reactcss2 = _interopRequireDefault(_reactcss); + // If input is already a tinycolor, return itself + if (color instanceof tinycolor) { + return color; + } + // If we are called as a function, call using new instead + if (!(this instanceof tinycolor)) { + return new tinycolor(color, opts); + } - var _color = __webpack_require__(356); + var rgb = inputToRGB(color); + this._originalInput = color, + this._r = rgb.r, + this._g = rgb.g, + this._b = rgb.b, + this._a = rgb.a, + this._roundA = mathRound(100*this._a) / 100, + this._format = opts.format || rgb.format; + this._gradientType = opts.gradientType; - var _color2 = _interopRequireDefault(_color); + // Don't let the range of [0,255] come back in [0,1]. + // Potentially lose a little bit of precision here, but will fix issues where + // .5 gets interpreted as half of the total, instead of half of 1 + // If it was supposed to be 128, this was already taken care of by `inputToRgb` + if (this._r < 1) { this._r = mathRound(this._r); } + if (this._g < 1) { this._g = mathRound(this._g); } + if (this._b < 1) { this._b = mathRound(this._b); } - var _common = __webpack_require__(341); + this._ok = rgb.ok; + this._tc_id = tinyCounter++; + } - var _BlockSwatches = __webpack_require__(364); + tinycolor.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() { + //http://www.w3.org/TR/AERT#color-contrast + var rgb = this.toRgb(); + return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000; + }, + getLuminance: function() { + //http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef + var rgb = this.toRgb(); + var RsRGB, GsRGB, BsRGB, R, G, B; + RsRGB = rgb.r/255; + GsRGB = rgb.g/255; + BsRGB = rgb.b/255; + + if (RsRGB <= 0.03928) {R = RsRGB / 12.92;} else {R = Math.pow(((RsRGB + 0.055) / 1.055), 2.4);} + if (GsRGB <= 0.03928) {G = GsRGB / 12.92;} else {G = Math.pow(((GsRGB + 0.055) / 1.055), 2.4);} + if (BsRGB <= 0.03928) {B = BsRGB / 12.92;} else {B = Math.pow(((BsRGB + 0.055) / 1.055), 2.4);} + return (0.2126 * R) + (0.7152 * G) + (0.0722 * B); + }, + setAlpha: function(value) { + this._a = boundAlpha(value); + this._roundA = mathRound(100*this._a) / 100; + return this; + }, + toHsv: function() { + var hsv = rgbToHsv(this._r, this._g, this._b); + return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this._a }; + }, + toHsvString: function() { + var hsv = rgbToHsv(this._r, this._g, this._b); + var h = mathRound(hsv.h * 360), s = mathRound(hsv.s * 100), v = mathRound(hsv.v * 100); + return (this._a == 1) ? + "hsv(" + h + ", " + s + "%, " + v + "%)" : + "hsva(" + h + ", " + s + "%, " + v + "%, "+ this._roundA + ")"; + }, + toHsl: function() { + var hsl = rgbToHsl(this._r, this._g, this._b); + return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this._a }; + }, + toHslString: function() { + var hsl = rgbToHsl(this._r, this._g, this._b); + var h = mathRound(hsl.h * 360), s = mathRound(hsl.s * 100), l = mathRound(hsl.l * 100); + return (this._a == 1) ? + "hsl(" + h + ", " + s + "%, " + l + "%)" : + "hsla(" + h + ", " + s + "%, " + l + "%, "+ this._roundA + ")"; + }, + toHex: function(allow3Char) { + return rgbToHex(this._r, this._g, this._b, allow3Char); + }, + toHexString: function(allow3Char) { + return '#' + this.toHex(allow3Char); + }, + toHex8: function(allow4Char) { + return rgbaToHex(this._r, this._g, this._b, this._a, allow4Char); + }, + toHex8String: function(allow4Char) { + return '#' + this.toHex8(allow4Char); + }, + toRgb: function() { + return { r: mathRound(this._r), g: mathRound(this._g), b: mathRound(this._b), a: this._a }; + }, + toRgbString: function() { + return (this._a == 1) ? + "rgb(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ")" : + "rgba(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ", " + this._roundA + ")"; + }, + toPercentageRgb: function() { + return { r: mathRound(bound01(this._r, 255) * 100) + "%", g: mathRound(bound01(this._g, 255) * 100) + "%", b: mathRound(bound01(this._b, 255) * 100) + "%", a: this._a }; + }, + toPercentageRgbString: function() { + return (this._a == 1) ? + "rgb(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%)" : + "rgba(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%, " + this._roundA + ")"; + }, + toName: function() { + if (this._a === 0) { + return "transparent"; + } - var _BlockSwatches2 = _interopRequireDefault(_BlockSwatches); + if (this._a < 1) { + return false; + } - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + return hexNames[rgbToHex(this._r, this._g, this._b, true)] || false; + }, + toFilter: function(secondColor) { + var hex8String = '#' + rgbaToArgbHex(this._r, this._g, this._b, this._a); + var secondHex8String = hex8String; + var gradientType = this._gradientType ? "GradientType = 1, " : ""; + + if (secondColor) { + var s = tinycolor(secondColor); + secondHex8String = '#' + rgbaToArgbHex(s._r, s._g, s._b, s._a); + } - var Block = exports.Block = function Block(_ref) { - var onChange = _ref.onChange, - onSwatchHover = _ref.onSwatchHover, - hex = _ref.hex, - colors = _ref.colors, - width = _ref.width, - triangle = _ref.triangle; + return "progid:DXImageTransform.Microsoft.gradient("+gradientType+"startColorstr="+hex8String+",endColorstr="+secondHex8String+")"; + }, + toString: function(format) { + var formatSet = !!format; + format = format || this._format; + + var formattedString = false; + var hasAlpha = this._a < 1 && this._a >= 0; + var needsAlphaFormat = !formatSet && hasAlpha && (format === "hex" || format === "hex6" || format === "hex3" || format === "hex4" || format === "hex8" || format === "name"); + + if (needsAlphaFormat) { + // Special case for "transparent", all other non-alpha formats + // will return rgba when there is transparency. + if (format === "name" && this._a === 0) { + return this.toName(); + } + return this.toRgbString(); + } + if (format === "rgb") { + formattedString = this.toRgbString(); + } + if (format === "prgb") { + formattedString = this.toPercentageRgbString(); + } + if (format === "hex" || format === "hex6") { + formattedString = this.toHexString(); + } + if (format === "hex3") { + formattedString = this.toHexString(true); + } + if (format === "hex4") { + formattedString = this.toHex8String(true); + } + if (format === "hex8") { + formattedString = this.toHex8String(); + } + if (format === "name") { + formattedString = this.toName(); + } + if (format === "hsl") { + formattedString = this.toHslString(); + } + if (format === "hsv") { + formattedString = this.toHsvString(); + } - var transparent = hex === 'transparent'; - var handleChange = function handleChange(hexCode, e) { - _color2.default.isValidHex(hexCode) && onChange({ - hex: hexCode, - source: 'hex' - }, e); - }; + return formattedString || this.toHexString(); + }, + clone: function() { + return tinycolor(this.toString()); + }, - var styles = (0, _reactcss2.default)({ - 'default': { - card: { - width: width, - background: '#fff', - boxShadow: '0 1px rgba(0,0,0,.1)', - borderRadius: '6px', - position: 'relative' - }, - head: { - height: '110px', - background: hex, - borderRadius: '6px 6px 0 0', - display: 'flex', - alignItems: 'center', - justifyContent: 'center', - position: 'relative' - }, - body: { - padding: '10px' - }, - label: { - fontSize: '18px', - color: transparent ? 'rgba(0,0,0,0.4)' : '#fff', - position: 'relative' - }, - triangle: { - width: '0px', - height: '0px', - borderStyle: 'solid', - borderWidth: '0 10px 10px 10px', - borderColor: 'transparent transparent ' + hex + ' transparent', - position: 'absolute', - top: '-10px', - left: '50%', - marginLeft: '-10px' - }, - input: { - width: '100%', - fontSize: '12px', - color: '#666', - border: '0px', - outline: 'none', - height: '22px', - boxShadow: 'inset 0 0 0 1px #ddd', - borderRadius: '4px', - padding: '0 7px', - boxSizing: 'border-box' - } + _applyModification: function(fn, args) { + var color = fn.apply(null, [this].concat([].slice.call(args))); + this._r = color._r; + this._g = color._g; + this._b = color._b; + this.setAlpha(color._a); + return this; + }, + lighten: function() { + return this._applyModification(lighten, arguments); + }, + brighten: function() { + return this._applyModification(brighten, arguments); + }, + darken: function() { + return this._applyModification(darken, arguments); + }, + desaturate: function() { + return this._applyModification(desaturate, arguments); + }, + saturate: function() { + return this._applyModification(saturate, arguments); + }, + greyscale: function() { + return this._applyModification(greyscale, arguments); + }, + spin: function() { + return this._applyModification(spin, arguments); }, - 'hide-triangle': { - triangle: { - display: 'none' - } - } - }, { 'hide-triangle': triangle === 'hide' }); - return _react2.default.createElement( - 'div', - { style: styles.card, className: 'block-picker' }, - _react2.default.createElement('div', { style: styles.triangle }), - _react2.default.createElement( - 'div', - { style: styles.head }, - transparent && _react2.default.createElement(_common.Checkboard, { borderRadius: '6px 6px 0 0' }), - _react2.default.createElement( - 'div', - { style: styles.label }, - hex - ) - ), - _react2.default.createElement( - 'div', - { style: styles.body }, - _react2.default.createElement(_BlockSwatches2.default, { colors: colors, onClick: handleChange, onSwatchHover: onSwatchHover }), - _react2.default.createElement(_common.EditableInput, { - style: { input: styles.input }, - value: hex, - onChange: handleChange - }) - ) - ); + _applyCombination: function(fn, args) { + return fn.apply(null, [this].concat([].slice.call(args))); + }, + analogous: function() { + return this._applyCombination(analogous, arguments); + }, + complement: function() { + return this._applyCombination(complement, arguments); + }, + monochromatic: function() { + return this._applyCombination(monochromatic, arguments); + }, + splitcomplement: function() { + return this._applyCombination(splitcomplement, arguments); + }, + triad: function() { + return this._applyCombination(triad, arguments); + }, + tetrad: function() { + return this._applyCombination(tetrad, arguments); + } }; - Block.defaultProps = { - width: '170px', - colors: ['#D9E3F0', '#F47373', '#697689', '#37D67A', '#2CCCE4', '#555555', '#dce775', '#ff8a65', '#ba68c8'], - triangle: 'top' + // If input is an object, force 1 into "1.0" to handle ratios properly + // String input requires "1.0" as input, so 1 will be treated as 1 + tinycolor.fromRatio = function(color, opts) { + if (typeof color == "object") { + var newColor = {}; + for (var i in color) { + if (color.hasOwnProperty(i)) { + if (i === "a") { + newColor[i] = color[i]; + } + else { + newColor[i] = convertToPercentage(color[i]); + } + } + } + color = newColor; + } + + return tinycolor(color, opts); }; - exports.default = (0, _common.ColorWrap)(Block); + // Given a string or object, convert that input to RGB + // Possible string inputs: + // + // "red" + // "#f00" or "f00" + // "#ff0000" or "ff0000" + // "#ff000000" or "ff000000" + // "rgb 255 0 0" or "rgb (255, 0, 0)" + // "rgb 1.0 0 0" or "rgb (1, 0, 0)" + // "rgba (255, 0, 0, 1)" or "rgba 255, 0, 0, 1" + // "rgba (1.0, 0, 0, 1)" or "rgba 1.0, 0, 0, 1" + // "hsl(0, 100%, 50%)" or "hsl 0 100% 50%" + // "hsla(0, 100%, 50%, 1)" or "hsla 0 100% 50%, 1" + // "hsv(0, 100%, 100%)" or "hsv 0 100% 100%" + // + function inputToRGB(color) { -/***/ }), -/* 364 */ -/***/ (function(module, exports, __webpack_require__) { + var rgb = { r: 0, g: 0, b: 0 }; + var a = 1; + var s = null; + var v = null; + var l = null; + var ok = false; + var format = false; - 'use strict'; + if (typeof color == "string") { + color = stringInputToObject(color); + } - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.BlockSwatches = undefined; + if (typeof color == "object") { + if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) { + rgb = rgbToRgb(color.r, color.g, color.b); + ok = true; + format = String(color.r).substr(-1) === "%" ? "prgb" : "rgb"; + } + else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) { + s = convertToPercentage(color.s); + v = convertToPercentage(color.v); + rgb = hsvToRgb(color.h, s, v); + ok = true; + format = "hsv"; + } + else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) { + s = convertToPercentage(color.s); + l = convertToPercentage(color.l); + rgb = hslToRgb(color.h, s, l); + ok = true; + format = "hsl"; + } - var _react = __webpack_require__(2); + if (color.hasOwnProperty("a")) { + a = color.a; + } + } - var _react2 = _interopRequireDefault(_react); + a = boundAlpha(a); - var _reactcss = __webpack_require__(172); + return { + ok: ok, + format: color.format || format, + r: mathMin(255, mathMax(rgb.r, 0)), + g: mathMin(255, mathMax(rgb.g, 0)), + b: mathMin(255, mathMax(rgb.b, 0)), + a: a + }; + } - var _reactcss2 = _interopRequireDefault(_reactcss); - var _map = __webpack_require__(212); + // Conversion Functions + // -------------------- - var _map2 = _interopRequireDefault(_map); + // `rgbToHsl`, `rgbToHsv`, `hslToRgb`, `hsvToRgb` modified from: + // - var _common = __webpack_require__(341); + // `rgbToRgb` + // Handle bounds / percentage checking to conform to CSS color spec + // + // *Assumes:* r, g, b in [0, 255] or [0, 1] + // *Returns:* { r, g, b } in [0, 255] + function rgbToRgb(r, g, b){ + return { + r: bound01(r, 255) * 255, + g: bound01(g, 255) * 255, + b: bound01(b, 255) * 255 + }; + } - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + // `rgbToHsl` + // Converts an RGB color value to HSL. + // *Assumes:* r, g, and b are contained in [0, 255] or [0, 1] + // *Returns:* { h, s, l } in [0,1] + function rgbToHsl(r, g, b) { - var BlockSwatches = exports.BlockSwatches = function BlockSwatches(_ref) { - var colors = _ref.colors, - onClick = _ref.onClick, - onSwatchHover = _ref.onSwatchHover; + r = bound01(r, 255); + g = bound01(g, 255); + b = bound01(b, 255); - var styles = (0, _reactcss2.default)({ - 'default': { - swatches: { - marginRight: '-10px' - }, - swatch: { - width: '22px', - height: '22px', - float: 'left', - marginRight: '10px', - marginBottom: '10px', - borderRadius: '4px' - }, - clear: { - clear: 'both' - } - } - }); + var max = mathMax(r, g, b), min = mathMin(r, g, b); + var h, s, l = (max + min) / 2; - return _react2.default.createElement( - 'div', - { style: styles.swatches }, - (0, _map2.default)(colors, function (c) { - return _react2.default.createElement(_common.Swatch, { - key: c, - color: c, - style: styles.swatch, - onClick: onClick, - onHover: onSwatchHover, - focusStyle: { - boxShadow: '0 0 4px ' + c + if(max == min) { + h = s = 0; // achromatic + } + else { + var d = max - min; + s = l > 0.5 ? d / (2 - max - min) : d / (max + min); + switch(max) { + case r: h = (g - b) / d + (g < b ? 6 : 0); break; + case g: h = (b - r) / d + 2; break; + case b: h = (r - g) / d + 4; break; } - }); - }), - _react2.default.createElement('div', { style: styles.clear }) - ); - }; - exports.default = BlockSwatches; + h /= 6; + } -/***/ }), -/* 365 */ -/***/ (function(module, exports, __webpack_require__) { + return { h: h, s: s, l: l }; + } - 'use strict'; + // `hslToRgb` + // Converts an HSL color value to RGB. + // *Assumes:* h is contained in [0, 1] or [0, 360] and s and l are contained [0, 1] or [0, 100] + // *Returns:* { r, g, b } in the set [0, 255] + function hslToRgb(h, s, l) { + var r, g, b; - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.Circle = undefined; + h = bound01(h, 360); + s = bound01(s, 100); + l = bound01(l, 100); - var _react = __webpack_require__(2); + function hue2rgb(p, q, t) { + if(t < 0) t += 1; + if(t > 1) t -= 1; + if(t < 1/6) return p + (q - p) * 6 * t; + if(t < 1/2) return q; + if(t < 2/3) return p + (q - p) * (2/3 - t) * 6; + return p; + } - var _react2 = _interopRequireDefault(_react); + if(s === 0) { + r = g = b = l; // achromatic + } + else { + var q = l < 0.5 ? l * (1 + s) : l + s - l * s; + var p = 2 * l - q; + r = hue2rgb(p, q, h + 1/3); + g = hue2rgb(p, q, h); + b = hue2rgb(p, q, h - 1/3); + } - var _reactcss = __webpack_require__(172); + return { r: r * 255, g: g * 255, b: b * 255 }; + } - var _reactcss2 = _interopRequireDefault(_reactcss); + // `rgbToHsv` + // Converts an RGB color value to HSV + // *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1] + // *Returns:* { h, s, v } in [0,1] + function rgbToHsv(r, g, b) { - var _map = __webpack_require__(212); + r = bound01(r, 255); + g = bound01(g, 255); + b = bound01(b, 255); - var _map2 = _interopRequireDefault(_map); + var max = mathMax(r, g, b), min = mathMin(r, g, b); + var h, s, v = max; - var _materialColors = __webpack_require__(366); + var d = max - min; + s = max === 0 ? 0 : d / max; - var material = _interopRequireWildcard(_materialColors); + if(max == min) { + h = 0; // achromatic + } + else { + switch(max) { + case r: h = (g - b) / d + (g < b ? 6 : 0); break; + case g: h = (b - r) / d + 2; break; + case b: h = (r - g) / d + 4; break; + } + h /= 6; + } + return { h: h, s: s, v: v }; + } - var _common = __webpack_require__(341); + // `hsvToRgb` + // Converts an HSV color value to RGB. + // *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100] + // *Returns:* { r, g, b } in the set [0, 255] + function hsvToRgb(h, s, v) { - var _CircleSwatch = __webpack_require__(367); + h = bound01(h, 360) * 6; + s = bound01(s, 100); + v = bound01(v, 100); - var _CircleSwatch2 = _interopRequireDefault(_CircleSwatch); + var i = Math.floor(h), + f = h - i, + p = v * (1 - s), + q = v * (1 - f * s), + t = v * (1 - (1 - f) * s), + mod = i % 6, + r = [v, q, p, p, t, v][mod], + g = [t, v, v, q, p, p][mod], + b = [p, p, t, v, v, q][mod]; - function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } + return { r: r * 255, g: g * 255, b: b * 255 }; + } - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + // `rgbToHex` + // Converts an RGB color to hex + // Assumes r, g, and b are contained in the set [0, 255] + // Returns a 3 or 6 character hex + function rgbToHex(r, g, b, allow3Char) { - var Circle = exports.Circle = function Circle(_ref) { - var width = _ref.width, - onChange = _ref.onChange, - onSwatchHover = _ref.onSwatchHover, - colors = _ref.colors, - hex = _ref.hex, - circleSize = _ref.circleSize, - circleSpacing = _ref.circleSpacing; + var hex = [ + pad2(mathRound(r).toString(16)), + pad2(mathRound(g).toString(16)), + pad2(mathRound(b).toString(16)) + ]; - var styles = (0, _reactcss2.default)({ - 'default': { - card: { - width: width, - display: 'flex', - flexWrap: 'wrap', - marginRight: -circleSpacing, - marginBottom: -circleSpacing - } + // Return a 3 character hex if possible + if (allow3Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1)) { + return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0); } - }); - var handleChange = function handleChange(hexCode, e) { - return onChange({ hex: hexCode, source: 'hex' }, e); - }; + return hex.join(""); + } - return _react2.default.createElement( - 'div', - { style: styles.card, className: 'circle-picker' }, - (0, _map2.default)(colors, function (c) { - return _react2.default.createElement(_CircleSwatch2.default, { - key: c, - color: c, - onClick: handleChange, - onSwatchHover: onSwatchHover, - active: hex === c.toLowerCase(), - circleSize: circleSize, - circleSpacing: circleSpacing - }); - }) - ); + // `rgbaToHex` + // Converts an RGBA color plus alpha transparency to hex + // Assumes r, g, b are contained in the set [0, 255] and + // a in [0, 1]. Returns a 4 or 8 character rgba hex + function rgbaToHex(r, g, b, a, allow4Char) { + + var hex = [ + pad2(mathRound(r).toString(16)), + pad2(mathRound(g).toString(16)), + pad2(mathRound(b).toString(16)), + pad2(convertDecimalToHex(a)) + ]; + + // Return a 4 character hex if possible + if (allow4Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1) && hex[3].charAt(0) == hex[3].charAt(1)) { + return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0); + } + + return hex.join(""); + } + + // `rgbaToArgbHex` + // Converts an RGBA color to an ARGB Hex8 string + // Rarely used, but required for "toFilter()" + function rgbaToArgbHex(r, g, b, a) { + + var hex = [ + pad2(convertDecimalToHex(a)), + pad2(mathRound(r).toString(16)), + pad2(mathRound(g).toString(16)), + pad2(mathRound(b).toString(16)) + ]; + + return hex.join(""); + } + + // `equals` + // Can be called with any tinycolor input + tinycolor.equals = function (color1, color2) { + if (!color1 || !color2) { return false; } + return tinycolor(color1).toRgbString() == tinycolor(color2).toRgbString(); }; - Circle.defaultProps = { - width: '252px', - circleSize: 28, - circleSpacing: 14, - colors: [material.red['500'], material.pink['500'], material.purple['500'], material.deepPurple['500'], material.indigo['500'], material.blue['500'], material.lightBlue['500'], material.cyan['500'], material.teal['500'], material.green['500'], material.lightGreen['500'], material.lime['500'], material.yellow['500'], material.amber['500'], material.orange['500'], material.deepOrange['500'], material.brown['500'], material.blueGrey['500']] + tinycolor.random = function() { + return tinycolor.fromRatio({ + r: mathRandom(), + g: mathRandom(), + b: mathRandom() + }); }; - exports.default = (0, _common.ColorWrap)(Circle); -/***/ }), -/* 366 */ -/***/ (function(module, exports, __webpack_require__) { + // Modification Functions + // ---------------------- + // Thanks to less.js for some of the basics here + // - var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(root, factory) { - if (true) { - !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)); - } else if (typeof exports === 'object') { - module.exports = factory(); - } else { - root.materialColors = factory(); - } - })(this, function() { - return {"red":{"50":"#ffebee","100":"#ffcdd2","200":"#ef9a9a","300":"#e57373","400":"#ef5350","500":"#f44336","600":"#e53935","700":"#d32f2f","800":"#c62828","900":"#b71c1c","a100":"#ff8a80","a200":"#ff5252","a400":"#ff1744","a700":"#d50000"},"pink":{"50":"#fce4ec","100":"#f8bbd0","200":"#f48fb1","300":"#f06292","400":"#ec407a","500":"#e91e63","600":"#d81b60","700":"#c2185b","800":"#ad1457","900":"#880e4f","a100":"#ff80ab","a200":"#ff4081","a400":"#f50057","a700":"#c51162"},"purple":{"50":"#f3e5f5","100":"#e1bee7","200":"#ce93d8","300":"#ba68c8","400":"#ab47bc","500":"#9c27b0","600":"#8e24aa","700":"#7b1fa2","800":"#6a1b9a","900":"#4a148c","a100":"#ea80fc","a200":"#e040fb","a400":"#d500f9","a700":"#aa00ff"},"deepPurple":{"50":"#ede7f6","100":"#d1c4e9","200":"#b39ddb","300":"#9575cd","400":"#7e57c2","500":"#673ab7","600":"#5e35b1","700":"#512da8","800":"#4527a0","900":"#311b92","a100":"#b388ff","a200":"#7c4dff","a400":"#651fff","a700":"#6200ea"},"indigo":{"50":"#e8eaf6","100":"#c5cae9","200":"#9fa8da","300":"#7986cb","400":"#5c6bc0","500":"#3f51b5","600":"#3949ab","700":"#303f9f","800":"#283593","900":"#1a237e","a100":"#8c9eff","a200":"#536dfe","a400":"#3d5afe","a700":"#304ffe"},"blue":{"50":"#e3f2fd","100":"#bbdefb","200":"#90caf9","300":"#64b5f6","400":"#42a5f5","500":"#2196f3","600":"#1e88e5","700":"#1976d2","800":"#1565c0","900":"#0d47a1","a100":"#82b1ff","a200":"#448aff","a400":"#2979ff","a700":"#2962ff"},"lightBlue":{"50":"#e1f5fe","100":"#b3e5fc","200":"#81d4fa","300":"#4fc3f7","400":"#29b6f6","500":"#03a9f4","600":"#039be5","700":"#0288d1","800":"#0277bd","900":"#01579b","a100":"#80d8ff","a200":"#40c4ff","a400":"#00b0ff","a700":"#0091ea"},"cyan":{"50":"#e0f7fa","100":"#b2ebf2","200":"#80deea","300":"#4dd0e1","400":"#26c6da","500":"#00bcd4","600":"#00acc1","700":"#0097a7","800":"#00838f","900":"#006064","a100":"#84ffff","a200":"#18ffff","a400":"#00e5ff","a700":"#00b8d4"},"teal":{"50":"#e0f2f1","100":"#b2dfdb","200":"#80cbc4","300":"#4db6ac","400":"#26a69a","500":"#009688","600":"#00897b","700":"#00796b","800":"#00695c","900":"#004d40","a100":"#a7ffeb","a200":"#64ffda","a400":"#1de9b6","a700":"#00bfa5"},"green":{"50":"#e8f5e9","100":"#c8e6c9","200":"#a5d6a7","300":"#81c784","400":"#66bb6a","500":"#4caf50","600":"#43a047","700":"#388e3c","800":"#2e7d32","900":"#1b5e20","a100":"#b9f6ca","a200":"#69f0ae","a400":"#00e676","a700":"#00c853"},"lightGreen":{"50":"#f1f8e9","100":"#dcedc8","200":"#c5e1a5","300":"#aed581","400":"#9ccc65","500":"#8bc34a","600":"#7cb342","700":"#689f38","800":"#558b2f","900":"#33691e","a100":"#ccff90","a200":"#b2ff59","a400":"#76ff03","a700":"#64dd17"},"lime":{"50":"#f9fbe7","100":"#f0f4c3","200":"#e6ee9c","300":"#dce775","400":"#d4e157","500":"#cddc39","600":"#c0ca33","700":"#afb42b","800":"#9e9d24","900":"#827717","a100":"#f4ff81","a200":"#eeff41","a400":"#c6ff00","a700":"#aeea00"},"yellow":{"50":"#fffde7","100":"#fff9c4","200":"#fff59d","300":"#fff176","400":"#ffee58","500":"#ffeb3b","600":"#fdd835","700":"#fbc02d","800":"#f9a825","900":"#f57f17","a100":"#ffff8d","a200":"#ffff00","a400":"#ffea00","a700":"#ffd600"},"amber":{"50":"#fff8e1","100":"#ffecb3","200":"#ffe082","300":"#ffd54f","400":"#ffca28","500":"#ffc107","600":"#ffb300","700":"#ffa000","800":"#ff8f00","900":"#ff6f00","a100":"#ffe57f","a200":"#ffd740","a400":"#ffc400","a700":"#ffab00"},"orange":{"50":"#fff3e0","100":"#ffe0b2","200":"#ffcc80","300":"#ffb74d","400":"#ffa726","500":"#ff9800","600":"#fb8c00","700":"#f57c00","800":"#ef6c00","900":"#e65100","a100":"#ffd180","a200":"#ffab40","a400":"#ff9100","a700":"#ff6d00"},"deepOrange":{"50":"#fbe9e7","100":"#ffccbc","200":"#ffab91","300":"#ff8a65","400":"#ff7043","500":"#ff5722","600":"#f4511e","700":"#e64a19","800":"#d84315","900":"#bf360c","a100":"#ff9e80","a200":"#ff6e40","a400":"#ff3d00","a700":"#dd2c00"},"brown":{"50":"#efebe9","100":"#d7ccc8","200":"#bcaaa4","300":"#a1887f","400":"#8d6e63","500":"#795548","600":"#6d4c41","700":"#5d4037","800":"#4e342e","900":"#3e2723"},"grey":{"50":"#fafafa","100":"#f5f5f5","200":"#eeeeee","300":"#e0e0e0","400":"#bdbdbd","500":"#9e9e9e","600":"#757575","700":"#616161","800":"#424242","900":"#212121"},"blueGrey":{"50":"#eceff1","100":"#cfd8dc","200":"#b0bec5","300":"#90a4ae","400":"#78909c","500":"#607d8b","600":"#546e7a","700":"#455a64","800":"#37474f","900":"#263238"},"darkText":{"primary":"rgba(0, 0, 0, 0.87)","secondary":"rgba(0, 0, 0, 0.54)","disabled":"rgba(0, 0, 0, 0.38)","dividers":"rgba(0, 0, 0, 0.12)"},"lightText":{"primary":"rgba(255, 255, 255, 1)","secondary":"rgba(255, 255, 255, 0.7)","disabled":"rgba(255, 255, 255, 0.5)","dividers":"rgba(255, 255, 255, 0.12)"},"darkIcons":{"active":"rgba(0, 0, 0, 0.54)","inactive":"rgba(0, 0, 0, 0.38)"},"lightIcons":{"active":"rgba(255, 255, 255, 1)","inactive":"rgba(255, 255, 255, 0.5)"},"white":"#ffffff","black":"#000000"}; - }); + function desaturate(color, amount) { + amount = (amount === 0) ? 0 : (amount || 10); + var hsl = tinycolor(color).toHsl(); + hsl.s -= amount / 100; + hsl.s = clamp01(hsl.s); + return tinycolor(hsl); + } + function saturate(color, amount) { + amount = (amount === 0) ? 0 : (amount || 10); + var hsl = tinycolor(color).toHsl(); + hsl.s += amount / 100; + hsl.s = clamp01(hsl.s); + return tinycolor(hsl); + } -/***/ }), -/* 367 */ -/***/ (function(module, exports, __webpack_require__) { + function greyscale(color) { + return tinycolor(color).desaturate(100); + } - 'use strict'; + function lighten (color, amount) { + amount = (amount === 0) ? 0 : (amount || 10); + var hsl = tinycolor(color).toHsl(); + hsl.l += amount / 100; + hsl.l = clamp01(hsl.l); + return tinycolor(hsl); + } - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.CircleSwatch = undefined; + function brighten(color, amount) { + amount = (amount === 0) ? 0 : (amount || 10); + var rgb = tinycolor(color).toRgb(); + rgb.r = mathMax(0, mathMin(255, rgb.r - mathRound(255 * - (amount / 100)))); + rgb.g = mathMax(0, mathMin(255, rgb.g - mathRound(255 * - (amount / 100)))); + rgb.b = mathMax(0, mathMin(255, rgb.b - mathRound(255 * - (amount / 100)))); + return tinycolor(rgb); + } - var _react = __webpack_require__(2); + function darken (color, amount) { + amount = (amount === 0) ? 0 : (amount || 10); + var hsl = tinycolor(color).toHsl(); + hsl.l -= amount / 100; + hsl.l = clamp01(hsl.l); + return tinycolor(hsl); + } - var _react2 = _interopRequireDefault(_react); + // Spin takes a positive or negative amount within [-360, 360] indicating the change of hue. + // Values outside of this range will be wrapped into this range. + function spin(color, amount) { + var hsl = tinycolor(color).toHsl(); + var hue = (hsl.h + amount) % 360; + hsl.h = hue < 0 ? 360 + hue : hue; + return tinycolor(hsl); + } - var _reactcss = __webpack_require__(172); + // Combination Functions + // --------------------- + // Thanks to jQuery xColor for some of the ideas behind these + // - var _reactcss2 = _interopRequireDefault(_reactcss); + function complement(color) { + var hsl = tinycolor(color).toHsl(); + hsl.h = (hsl.h + 180) % 360; + return tinycolor(hsl); + } - var _common = __webpack_require__(341); + function triad(color) { + var hsl = tinycolor(color).toHsl(); + var h = hsl.h; + return [ + tinycolor(color), + tinycolor({ h: (h + 120) % 360, s: hsl.s, l: hsl.l }), + tinycolor({ h: (h + 240) % 360, s: hsl.s, l: hsl.l }) + ]; + } - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + function tetrad(color) { + var hsl = tinycolor(color).toHsl(); + var h = hsl.h; + return [ + tinycolor(color), + tinycolor({ h: (h + 90) % 360, s: hsl.s, l: hsl.l }), + tinycolor({ h: (h + 180) % 360, s: hsl.s, l: hsl.l }), + tinycolor({ h: (h + 270) % 360, s: hsl.s, l: hsl.l }) + ]; + } - var CircleSwatch = exports.CircleSwatch = function CircleSwatch(_ref) { - var color = _ref.color, - onClick = _ref.onClick, - onSwatchHover = _ref.onSwatchHover, - hover = _ref.hover, - active = _ref.active, - circleSize = _ref.circleSize, - circleSpacing = _ref.circleSpacing; + function splitcomplement(color) { + var hsl = tinycolor(color).toHsl(); + var h = hsl.h; + return [ + tinycolor(color), + tinycolor({ h: (h + 72) % 360, s: hsl.s, l: hsl.l}), + tinycolor({ h: (h + 216) % 360, s: hsl.s, l: hsl.l}) + ]; + } - var styles = (0, _reactcss2.default)({ - 'default': { - swatch: { - width: circleSize, - height: circleSize, - marginRight: circleSpacing, - marginBottom: circleSpacing, - transform: 'scale(1)', - transition: '100ms transform ease' - }, - Swatch: { - borderRadius: '50%', - background: 'transparent', - boxShadow: 'inset 0 0 0 ' + circleSize / 2 + 'px ' + color, - transition: '100ms box-shadow ease' - } - }, - 'hover': { - swatch: { - transform: 'scale(1.2)' - } - }, - 'active': { - Swatch: { - boxShadow: 'inset 0 0 0 3px ' + color - } + function analogous(color, results, slices) { + results = results || 6; + slices = slices || 30; + + var hsl = tinycolor(color).toHsl(); + var part = 360 / slices; + var ret = [tinycolor(color)]; + + for (hsl.h = ((hsl.h - (part * results >> 1)) + 720) % 360; --results; ) { + hsl.h = (hsl.h + part) % 360; + ret.push(tinycolor(hsl)); } - }, { hover: hover, active: active }); + return ret; + } - return _react2.default.createElement( - 'div', - { style: styles.swatch }, - _react2.default.createElement(_common.Swatch, { - style: styles.Swatch, - color: color, - onClick: onClick, - onHover: onSwatchHover, - focusStyle: { boxShadow: styles.Swatch.boxShadow + ', 0 0 5px ' + color } - }) - ); + function monochromatic(color, results) { + results = results || 6; + var hsv = tinycolor(color).toHsv(); + var h = hsv.h, s = hsv.s, v = hsv.v; + var ret = []; + var modification = 1 / results; + + while (results--) { + ret.push(tinycolor({ h: h, s: s, v: v})); + v = (v + modification) % 1; + } + + return ret; + } + + // Utility Functions + // --------------------- + + tinycolor.mix = function(color1, color2, amount) { + amount = (amount === 0) ? 0 : (amount || 50); + + var rgb1 = tinycolor(color1).toRgb(); + var rgb2 = tinycolor(color2).toRgb(); + + var p = amount / 100; + + var rgba = { + r: ((rgb2.r - rgb1.r) * p) + rgb1.r, + g: ((rgb2.g - rgb1.g) * p) + rgb1.g, + b: ((rgb2.b - rgb1.b) * p) + rgb1.b, + a: ((rgb2.a - rgb1.a) * p) + rgb1.a + }; + + return tinycolor(rgba); }; - CircleSwatch.defaultProps = { - circleSize: 28, - circleSpacing: 14 + + // Readability Functions + // --------------------- + // false + // tinycolor.isReadable("#000", "#111",{level:"AA",size:"large"}) => false + tinycolor.isReadable = function(color1, color2, wcag2) { + var readability = tinycolor.readability(color1, color2); + var wcag2Parms, out; + + out = false; + + wcag2Parms = validateWCAG2Parms(wcag2); + switch (wcag2Parms.level + wcag2Parms.size) { + case "AAsmall": + case "AAAlarge": + out = readability >= 4.5; + break; + case "AAlarge": + out = readability >= 3; + break; + case "AAAsmall": + out = readability >= 7; + break; + } + return out; + + }; + + // `mostReadable` + // Given a base color and a list of possible foreground or background + // colors for that base, returns the most readable color. + // Optionally returns Black or White if the most readable color is unreadable. + // *Example* + // tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:false}).toHexString(); // "#112255" + // tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:true}).toHexString(); // "#ffffff" + // tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"large"}).toHexString(); // "#faf3f3" + // tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"small"}).toHexString(); // "#ffffff" + tinycolor.mostReadable = function(baseColor, colorList, args) { + var bestColor = null; + var bestScore = 0; + var readability; + var includeFallbackColors, level, size ; + args = args || {}; + includeFallbackColors = args.includeFallbackColors ; + level = args.level; + size = args.size; + + for (var i= 0; i < colorList.length ; i++) { + readability = tinycolor.readability(baseColor, colorList[i]); + if (readability > bestScore) { + bestScore = readability; + bestColor = tinycolor(colorList[i]); + } + } + + if (tinycolor.isReadable(baseColor, bestColor, {"level":level,"size":size}) || !includeFallbackColors) { + return bestColor; + } + else { + args.includeFallbackColors=false; + return tinycolor.mostReadable(baseColor,["#fff", "#000"],args); + } + }; + + + // Big List of Colors + // ------------------ + // + var names = tinycolor.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" + }; + + // Make it easy to access colors via `hexNames[hex]` + var hexNames = tinycolor.hexNames = flip(names); + + + // Utilities + // --------- + + // `{ 'name1': 'val1' }` becomes `{ 'val1': 'name1' }` + function flip(o) { + var flipped = { }; + for (var i in o) { + if (o.hasOwnProperty(i)) { + flipped[o[i]] = i; + } + } + return flipped; + } + + // Return a valid alpha value [0,1] with all invalid values being set to 1 + function boundAlpha(a) { + a = parseFloat(a); + + if (isNaN(a) || a < 0 || a > 1) { + a = 1; + } + + return a; + } + + // Take input from [0, n] and return it as [0, 1] + function bound01(n, max) { + if (isOnePointZero(n)) { n = "100%"; } + + var processPercent = isPercentage(n); + n = mathMin(max, mathMax(0, parseFloat(n))); + + // Automatically convert percentage into number + if (processPercent) { + n = parseInt(n * max, 10) / 100; + } + + // Handle floating point rounding errors + if ((Math.abs(n - max) < 0.000001)) { + return 1; + } + + // Convert into [0, 1] range if it isn't already + return (n % max) / parseFloat(max); + } + + // Force a number between 0 and 1 + function clamp01(val) { + return mathMin(1, mathMax(0, val)); + } + + // Parse a base-16 hex value into a base-10 integer + function parseIntFromHex(val) { + return parseInt(val, 16); + } + + // Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1 + // + function isOnePointZero(n) { + return typeof n == "string" && n.indexOf('.') != -1 && parseFloat(n) === 1; + } + + // Check to see if string passed in is a percentage + function isPercentage(n) { + return typeof n === "string" && n.indexOf('%') != -1; + } + + // Force a hex value to have 2 characters + function pad2(c) { + return c.length == 1 ? '0' + c : '' + c; + } + + // Replace a decimal with it's percentage value + function convertToPercentage(n) { + if (n <= 1) { + n = (n * 100) + "%"; + } + + return n; + } + + // Converts a decimal to a hex value + function convertDecimalToHex(d) { + return Math.round(parseFloat(d) * 255).toString(16); + } + // Converts a hex value to a decimal + function convertHexToDecimal(h) { + return (parseIntFromHex(h) / 255); + } + + var matchers = (function() { + + // + var CSS_INTEGER = "[-\\+]?\\d+%?"; + + // + var CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?"; + + // Allow positive/negative integer/number. Don't capture the either/or, just the entire outcome. + var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")"; + + // Actual matching. + // Parentheses and commas are optional, but not required. + // Whitespace can take the place of commas or opening paren + var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?"; + var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?"; + + return { + CSS_UNIT: new RegExp(CSS_UNIT), + rgb: new RegExp("rgb" + PERMISSIVE_MATCH3), + rgba: new RegExp("rgba" + PERMISSIVE_MATCH4), + hsl: new RegExp("hsl" + PERMISSIVE_MATCH3), + hsla: new RegExp("hsla" + PERMISSIVE_MATCH4), + hsv: new RegExp("hsv" + PERMISSIVE_MATCH3), + hsva: new RegExp("hsva" + PERMISSIVE_MATCH4), + hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, + hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/, + hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, + hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/ + }; + })(); + + // `isValidCSSUnit` + // Take in a single string / number and check to see if it looks like a CSS unit + // (see `matchers` above for definition). + function isValidCSSUnit(color) { + return !!matchers.CSS_UNIT.exec(color); + } + + // `stringInputToObject` + // Permissive string parsing. Take in a number of formats, and output an object + // based on detected format. Returns `{ r, g, b }` or `{ h, s, l }` or `{ h, s, v}` + function stringInputToObject(color) { + + color = color.replace(trimLeft,'').replace(trimRight, '').toLowerCase(); + var named = false; + if (names[color]) { + color = names[color]; + named = true; + } + else if (color == 'transparent') { + return { r: 0, g: 0, b: 0, a: 0, format: "name" }; + } + + // Try to match string input using regular expressions. + // Keep most of the number bounding out of this function - don't worry about [0,1] or [0,100] or [0,360] + // Just return an object and let the conversion functions handle that. + // This way the result will be the same whether the tinycolor is initialized with string or object. + var match; + if ((match = matchers.rgb.exec(color))) { + return { r: match[1], g: match[2], b: match[3] }; + } + if ((match = matchers.rgba.exec(color))) { + return { r: match[1], g: match[2], b: match[3], a: match[4] }; + } + if ((match = matchers.hsl.exec(color))) { + return { h: match[1], s: match[2], l: match[3] }; + } + if ((match = matchers.hsla.exec(color))) { + return { h: match[1], s: match[2], l: match[3], a: match[4] }; + } + if ((match = matchers.hsv.exec(color))) { + return { h: match[1], s: match[2], v: match[3] }; + } + if ((match = matchers.hsva.exec(color))) { + return { h: match[1], s: match[2], v: match[3], a: match[4] }; + } + if ((match = matchers.hex8.exec(color))) { + return { + r: parseIntFromHex(match[1]), + g: parseIntFromHex(match[2]), + b: parseIntFromHex(match[3]), + a: convertHexToDecimal(match[4]), + format: named ? "name" : "hex8" + }; + } + if ((match = matchers.hex6.exec(color))) { + return { + r: parseIntFromHex(match[1]), + g: parseIntFromHex(match[2]), + b: parseIntFromHex(match[3]), + format: named ? "name" : "hex" + }; + } + if ((match = matchers.hex4.exec(color))) { + return { + r: parseIntFromHex(match[1] + '' + match[1]), + g: parseIntFromHex(match[2] + '' + match[2]), + b: parseIntFromHex(match[3] + '' + match[3]), + a: convertHexToDecimal(match[4] + '' + match[4]), + format: named ? "name" : "hex8" + }; + } + if ((match = matchers.hex3.exec(color))) { + return { + r: parseIntFromHex(match[1] + '' + match[1]), + g: parseIntFromHex(match[2] + '' + match[2]), + b: parseIntFromHex(match[3] + '' + match[3]), + format: named ? "name" : "hex" + }; + } + + return false; + } + + function validateWCAG2Parms(parms) { + // return valid WCAG2 parms for isReadable. + // If input parms are invalid, return {"level":"AA", "size":"small"} + var level, size; + parms = parms || {"level":"AA", "size":"small"}; + level = (parms.level || "AA").toUpperCase(); + size = (parms.size || "small").toLowerCase(); + if (level !== "AA" && level !== "AAA") { + level = "AA"; + } + if (size !== "small" && size !== "large") { + size = "small"; + } + return {"level":level, "size":size}; + } + + // Node: Export function + if (typeof module !== "undefined" && module.exports) { + module.exports = tinycolor; + } + // AMD/requirejs: Define the module + else if (true) { + !(__WEBPACK_AMD_DEFINE_RESULT__ = function () {return tinycolor;}.call(exports, __webpack_require__, exports, module), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)); + } + // Browser: Expose to window + else { + window.tinycolor = tinycolor; + } + + })(Math); + /***/ }), -/* 368 */ +/* 380 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -30215,194 +30620,91 @@ Object.defineProperty(exports, "__esModule", { value: true }); - exports.Chrome = undefined; + exports.Swatch = undefined; + + var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); - var _common = __webpack_require__(341); - - var _ChromeFields = __webpack_require__(369); + var _interaction = __webpack_require__(381); - var _ChromeFields2 = _interopRequireDefault(_ChromeFields); - - var _ChromePointer = __webpack_require__(370); - - var _ChromePointer2 = _interopRequireDefault(_ChromePointer); + var _Checkboard = __webpack_require__(345); - var _ChromePointerCircle = __webpack_require__(371); - - var _ChromePointerCircle2 = _interopRequireDefault(_ChromePointerCircle); + var _Checkboard2 = _interopRequireDefault(_Checkboard); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var Chrome = exports.Chrome = function Chrome(_ref) { - var onChange = _ref.onChange, - disableAlpha = _ref.disableAlpha, - rgb = _ref.rgb, - hsl = _ref.hsl, - hsv = _ref.hsv, - hex = _ref.hex, - renderers = _ref.renderers; + var ENTER = 13; + + var Swatch = exports.Swatch = function Swatch(_ref) { + var color = _ref.color, + style = _ref.style, + _ref$onClick = _ref.onClick, + onClick = _ref$onClick === undefined ? function () {} : _ref$onClick, + onHover = _ref.onHover, + _ref$title = _ref.title, + title = _ref$title === undefined ? color : _ref$title, + children = _ref.children, + focus = _ref.focus, + _ref$focusStyle = _ref.focusStyle, + focusStyle = _ref$focusStyle === undefined ? {} : _ref$focusStyle; + var transparent = color === 'transparent'; var styles = (0, _reactcss2.default)({ - 'default': { - picker: { - background: '#fff', - borderRadius: '2px', - boxShadow: '0 0 2px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.3)', - boxSizing: 'initial', - width: '225px', - fontFamily: 'Menlo' - }, - saturation: { + default: { + swatch: _extends({ + background: color, + height: '100%', width: '100%', - paddingBottom: '55%', - position: 'relative', - borderRadius: '2px 2px 0 0', - overflow: 'hidden' - }, - Saturation: { - radius: '2px 2px 0 0' - }, - body: { - padding: '16px 16px 12px' - }, - controls: { - display: 'flex' - }, - color: { - width: '32px' - }, - swatch: { - marginTop: '6px', - width: '16px', - height: '16px', - borderRadius: '8px', - position: 'relative', - overflow: 'hidden' - }, - active: { - absolute: '0px 0px 0px 0px', - borderRadius: '8px', - boxShadow: 'inset 0 0 0 1px rgba(0,0,0,.1)', - background: 'rgba(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ', ' + rgb.a + ')', - zIndex: '2' - }, - toggles: { - flex: '1' - }, - hue: { - height: '10px', + cursor: 'pointer', position: 'relative', - marginBottom: '8px' - }, - Hue: { - radius: '2px' - }, - alpha: { - height: '10px', - position: 'relative' - }, - Alpha: { - radius: '2px' - } - }, - 'disableAlpha': { - color: { - width: '22px' - }, - alpha: { - display: 'none' - }, - hue: { - marginBottom: '0px' - }, - swatch: { - width: '10px', - height: '10px', - marginTop: '0px' - } + outline: 'none' + }, style, focus ? focusStyle : {}) } - }, { disableAlpha: disableAlpha }); + }); + + var handleClick = function handleClick(e) { + return onClick(color, e); + }; + var handleKeyDown = function handleKeyDown(e) { + return e.keyCode === ENTER && onClick(color, e); + }; + var handleHover = function handleHover(e) { + return onHover(color, e); + }; + + var optionalEvents = {}; + if (onHover) { + optionalEvents.onMouseOver = handleHover; + } return _react2.default.createElement( 'div', - { style: styles.picker, className: 'chrome-picker' }, - _react2.default.createElement( - 'div', - { style: styles.saturation }, - _react2.default.createElement(_common.Saturation, { - style: styles.Saturation, - hsl: hsl, - hsv: hsv, - pointer: _ChromePointerCircle2.default, - onChange: onChange - }) - ), - _react2.default.createElement( - 'div', - { style: styles.body }, - _react2.default.createElement( - 'div', - { style: styles.controls, className: 'flexbox-fix' }, - _react2.default.createElement( - 'div', - { style: styles.color }, - _react2.default.createElement( - 'div', - { style: styles.swatch }, - _react2.default.createElement('div', { style: styles.active }), - _react2.default.createElement(_common.Checkboard, { renderers: renderers }) - ) - ), - _react2.default.createElement( - 'div', - { style: styles.toggles }, - _react2.default.createElement( - 'div', - { style: styles.hue }, - _react2.default.createElement(_common.Hue, { - style: styles.Hue, - hsl: hsl, - pointer: _ChromePointer2.default, - onChange: onChange - }) - ), - _react2.default.createElement( - 'div', - { style: styles.alpha }, - _react2.default.createElement(_common.Alpha, { - style: styles.Alpha, - rgb: rgb, - hsl: hsl, - pointer: _ChromePointer2.default, - renderers: renderers, - onChange: onChange - }) - ) - ) - ), - _react2.default.createElement(_ChromeFields2.default, { - rgb: rgb, - hsl: hsl, - hex: hex, - onChange: onChange, - disableAlpha: disableAlpha - }) - ) + _extends({ + style: styles.swatch, + onClick: handleClick, + title: title, + tabIndex: 0, + onKeyDown: handleKeyDown + }, optionalEvents), + children, + transparent && _react2.default.createElement(_Checkboard2.default, { + borderRadius: styles.swatch.borderRadius, + boxShadow: 'inset 0 0 0 1px rgba(0,0,0,0.1)' + }) ); }; - exports.default = (0, _common.ColorWrap)(Chrome); + exports.default = (0, _interaction.handleFocus)(Swatch); /***/ }), -/* 369 */ +/* 381 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -30410,7 +30712,9 @@ Object.defineProperty(exports, "__esModule", { value: true }); - exports.ChromeFields = undefined; + exports.handleFocus = undefined; + + var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); @@ -30418,338 +30722,55 @@ var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); - - var _reactcss2 = _interopRequireDefault(_reactcss); - - var _color = __webpack_require__(356); - - var _color2 = _interopRequireDefault(_color); - - var _common = __webpack_require__(341); - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* eslint-disable react/no-did-mount-set-state, no-param-reassign */ + function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* eslint-disable no-invalid-this */ - var ChromeFields = exports.ChromeFields = function (_React$Component) { - _inherits(ChromeFields, _React$Component); - function ChromeFields() { - var _ref; + var handleFocus = exports.handleFocus = function handleFocus(Component) { + var Span = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'span'; + return function (_React$Component) { + _inherits(Focus, _React$Component); - var _temp, _this, _ret; + function Focus() { + var _ref; - _classCallCheck(this, ChromeFields); + var _temp, _this, _ret; - for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { - args[_key] = arguments[_key]; - } + _classCallCheck(this, Focus); - return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ChromeFields.__proto__ || Object.getPrototypeOf(ChromeFields)).call.apply(_ref, [this].concat(args))), _this), _this.state = { - view: '' - }, _this.toggleViews = function () { - if (_this.state.view === 'hex') { - _this.setState({ view: 'rgb' }); - } else if (_this.state.view === 'rgb') { - _this.setState({ view: 'hsl' }); - } else if (_this.state.view === 'hsl') { - if (_this.props.hsl.a === 1) { - _this.setState({ view: 'hex' }); - } else { - _this.setState({ view: 'rgb' }); - } + for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { + args[_key] = arguments[_key]; } - }, _this.handleChange = function (data, e) { - if (data.hex) { - _color2.default.isValidHex(data.hex) && _this.props.onChange({ - hex: data.hex, - source: 'hex' - }, e); - } else if (data.r || data.g || data.b) { - _this.props.onChange({ - r: data.r || _this.props.rgb.r, - g: data.g || _this.props.rgb.g, - b: data.b || _this.props.rgb.b, - source: 'rgb' - }, e); - } else if (data.a) { - if (data.a < 0) { - data.a = 0; - } else if (data.a > 1) { - data.a = 1; - } - _this.props.onChange({ - h: _this.props.hsl.h, - s: _this.props.hsl.s, - l: _this.props.hsl.l, - a: Math.round(data.a * 100) / 100, - source: 'rgb' - }, e); - } else if (data.h || data.s || data.l) { - _this.props.onChange({ - h: data.h || _this.props.hsl.h, - s: data.s && data.s.replace('%', '') || _this.props.hsl.s, - l: data.l && data.l.replace('%', '') || _this.props.hsl.l, - source: 'hsl' - }, e); + return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Focus.__proto__ || Object.getPrototypeOf(Focus)).call.apply(_ref, [this].concat(args))), _this), _this.state = { focus: false }, _this.handleFocus = function () { + return _this.setState({ focus: true }); + }, _this.handleBlur = function () { + return _this.setState({ focus: false }); + }, _temp), _possibleConstructorReturn(_this, _ret); + } + + _createClass(Focus, [{ + key: 'render', + value: function render() { + return _react2.default.createElement( + Span, + { onFocus: this.handleFocus, onBlur: this.handleBlur }, + _react2.default.createElement(Component, _extends({}, this.props, this.state)) + ); } - }, _this.showHighlight = function (e) { - e.target.style.background = '#eee'; - }, _this.hideHighlight = function (e) { - e.target.style.background = 'transparent'; - }, _temp), _possibleConstructorReturn(_this, _ret); - } + }]); - _createClass(ChromeFields, [{ - key: 'componentDidMount', - value: function componentDidMount() { - if (this.props.hsl.a === 1 && this.state.view !== 'hex') { - this.setState({ view: 'hex' }); - } else if (this.state.view !== 'rgb' && this.state.view !== 'hsl') { - this.setState({ view: 'rgb' }); - } - } - }, { - key: 'componentWillReceiveProps', - value: function componentWillReceiveProps(nextProps) { - if (nextProps.hsl.a !== 1 && this.state.view === 'hex') { - this.setState({ view: 'rgb' }); - } - } - }, { - key: 'render', - value: function render() { - var styles = (0, _reactcss2.default)({ - 'default': { - wrap: { - paddingTop: '16px', - display: 'flex' - }, - fields: { - flex: '1', - display: 'flex', - marginLeft: '-6px' - }, - field: { - paddingLeft: '6px', - width: '100%' - }, - alpha: { - paddingLeft: '6px', - width: '100%' - }, - toggle: { - width: '32px', - textAlign: 'right', - position: 'relative' - }, - icon: { - marginRight: '-4px', - marginTop: '12px', - cursor: 'pointer', - position: 'relative' - }, - iconHighlight: { - position: 'absolute', - width: '24px', - height: '28px', - background: '#eee', - borderRadius: '4px', - top: '10px', - left: '12px', - display: 'none' - }, - input: { - fontSize: '11px', - color: '#333', - width: '100%', - borderRadius: '2px', - border: 'none', - boxShadow: 'inset 0 0 0 1px #dadada', - height: '21px', - textAlign: 'center' - }, - label: { - textTransform: 'uppercase', - fontSize: '11px', - lineHeight: '11px', - color: '#969696', - textAlign: 'center', - display: 'block', - marginTop: '12px' - }, - svg: { - width: '24px', - height: '24px', - border: '1px transparent solid', - borderRadius: '5px' - } - }, - 'disableAlpha': { - alpha: { - display: 'none' - } - } - }, this.props, this.state); - - var fields = void 0; - if (this.state.view === 'hex') { - fields = _react2.default.createElement( - 'div', - { style: styles.fields, className: 'flexbox-fix' }, - _react2.default.createElement( - 'div', - { style: styles.field }, - _react2.default.createElement(_common.EditableInput, { - style: { input: styles.input, label: styles.label }, - label: 'hex', value: this.props.hex, - onChange: this.handleChange - }) - ) - ); - } else if (this.state.view === 'rgb') { - fields = _react2.default.createElement( - 'div', - { style: styles.fields, className: 'flexbox-fix' }, - _react2.default.createElement( - 'div', - { style: styles.field }, - _react2.default.createElement(_common.EditableInput, { - style: { input: styles.input, label: styles.label }, - label: 'r', - value: this.props.rgb.r, - onChange: this.handleChange - }) - ), - _react2.default.createElement( - 'div', - { style: styles.field }, - _react2.default.createElement(_common.EditableInput, { - style: { input: styles.input, label: styles.label }, - label: 'g', - value: this.props.rgb.g, - onChange: this.handleChange - }) - ), - _react2.default.createElement( - 'div', - { style: styles.field }, - _react2.default.createElement(_common.EditableInput, { - style: { input: styles.input, label: styles.label }, - label: 'b', - value: this.props.rgb.b, - onChange: this.handleChange - }) - ), - _react2.default.createElement( - 'div', - { style: styles.alpha }, - _react2.default.createElement(_common.EditableInput, { - style: { input: styles.input, label: styles.label }, - label: 'a', - value: this.props.rgb.a, - arrowOffset: 0.01, - onChange: this.handleChange - }) - ) - ); - } else if (this.state.view === 'hsl') { - fields = _react2.default.createElement( - 'div', - { style: styles.fields, className: 'flexbox-fix' }, - _react2.default.createElement( - 'div', - { style: styles.field }, - _react2.default.createElement(_common.EditableInput, { - style: { input: styles.input, label: styles.label }, - label: 'h', - value: Math.round(this.props.hsl.h), - onChange: this.handleChange - }) - ), - _react2.default.createElement( - 'div', - { style: styles.field }, - _react2.default.createElement(_common.EditableInput, { - style: { input: styles.input, label: styles.label }, - label: 's', - value: Math.round(this.props.hsl.s * 100) + '%', - onChange: this.handleChange - }) - ), - _react2.default.createElement( - 'div', - { style: styles.field }, - _react2.default.createElement(_common.EditableInput, { - style: { input: styles.input, label: styles.label }, - label: 'l', - value: Math.round(this.props.hsl.l * 100) + '%', - onChange: this.handleChange - }) - ), - _react2.default.createElement( - 'div', - { style: styles.alpha }, - _react2.default.createElement(_common.EditableInput, { - style: { input: styles.input, label: styles.label }, - label: 'a', - value: this.props.hsl.a, - arrowOffset: 0.01, - onChange: this.handleChange - }) - ) - ); - } - - return _react2.default.createElement( - 'div', - { style: styles.wrap, className: 'flexbox-fix' }, - fields, - _react2.default.createElement( - 'div', - { style: styles.toggle }, - _react2.default.createElement( - 'div', - { style: styles.icon, onClick: this.toggleViews, ref: 'icon' }, - _react2.default.createElement( - 'svg', - { - style: styles.svg, - viewBox: '0 0 24 24', - onMouseOver: this.showHighlight, - onMouseEnter: this.showHighlight, - onMouseOut: this.hideHighlight - }, - _react2.default.createElement('path', { - ref: 'iconUp', - fill: '#333', - d: 'M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z' - }), - _react2.default.createElement('path', { - ref: 'iconDown', - fill: '#333', - d: 'M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15Z' - }) - ) - ) - ) - ); - } - }]); - - return ChromeFields; - }(_react2.default.Component); - - exports.default = ChromeFields; + return Focus; + }(_react2.default.Component); + }; /***/ }), -/* 370 */ +/* 382 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -30757,39 +30778,46 @@ Object.defineProperty(exports, "__esModule", { value: true }); - exports.ChromePointer = undefined; + exports.AlphaPointer = undefined; var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var ChromePointer = exports.ChromePointer = function ChromePointer() { + var AlphaPointer = exports.AlphaPointer = function AlphaPointer(_ref) { + var direction = _ref.direction; + var styles = (0, _reactcss2.default)({ 'default': { picker: { - width: '12px', - height: '12px', - borderRadius: '6px', - transform: 'translate(-6px, -1px)', + width: '18px', + height: '18px', + borderRadius: '50%', + transform: 'translate(-9px, -1px)', backgroundColor: 'rgb(248, 248, 248)', boxShadow: '0 1px 4px 0 rgba(0, 0, 0, 0.37)' } + }, + 'vertical': { + picker: { + transform: 'translate(-3px, -9px)' + } } - }); + }, { vertical: direction === 'vertical' }); return _react2.default.createElement('div', { style: styles.picker }); }; - exports.default = ChromePointer; + exports.default = AlphaPointer; /***/ }), -/* 371 */ +/* 383 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -30797,539 +30825,438 @@ Object.defineProperty(exports, "__esModule", { value: true }); - exports.ChromePointerCircle = undefined; + exports.Block = undefined; var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _propTypes = __webpack_require__(351); + + var _propTypes2 = _interopRequireDefault(_propTypes); + + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + var _merge = __webpack_require__(353); - var ChromePointerCircle = exports.ChromePointerCircle = function ChromePointerCircle() { - var styles = (0, _reactcss2.default)({ - 'default': { - picker: { - width: '12px', - height: '12px', - borderRadius: '6px', - boxShadow: 'inset 0 0 0 1px #fff', - transform: 'translate(-6px, -6px)' - } - } - }); - - return _react2.default.createElement('div', { style: styles.picker }); - }; - - exports.default = ChromePointerCircle; - -/***/ }), -/* 372 */ -/***/ (function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.Compact = undefined; - - var _react = __webpack_require__(2); - - var _react2 = _interopRequireDefault(_react); - - var _reactcss = __webpack_require__(172); - - var _reactcss2 = _interopRequireDefault(_reactcss); - - var _map = __webpack_require__(212); - - var _map2 = _interopRequireDefault(_map); - - var _color = __webpack_require__(356); + var _merge2 = _interopRequireDefault(_merge); - var _color2 = _interopRequireDefault(_color); + var _color = __webpack_require__(376); - var _reactMaterialDesign = __webpack_require__(373); + var color = _interopRequireWildcard(_color); - var _common = __webpack_require__(341); + var _common = __webpack_require__(342); - var _CompactColor = __webpack_require__(381); - - var _CompactColor2 = _interopRequireDefault(_CompactColor); + var _BlockSwatches = __webpack_require__(384); - var _CompactFields = __webpack_require__(382); + var _BlockSwatches2 = _interopRequireDefault(_BlockSwatches); - var _CompactFields2 = _interopRequireDefault(_CompactFields); + function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var Compact = exports.Compact = function Compact(_ref) { + var Block = exports.Block = function Block(_ref) { var onChange = _ref.onChange, onSwatchHover = _ref.onSwatchHover, - colors = _ref.colors, hex = _ref.hex, - rgb = _ref.rgb; + colors = _ref.colors, + width = _ref.width, + triangle = _ref.triangle, + _ref$styles = _ref.styles, + passedStyles = _ref$styles === undefined ? {} : _ref$styles, + _ref$className = _ref.className, + className = _ref$className === undefined ? '' : _ref$className; - var styles = (0, _reactcss2.default)({ + var transparent = hex === 'transparent'; + var handleChange = function handleChange(hexCode, e) { + color.isValidHex(hexCode) && onChange({ + hex: hexCode, + source: 'hex' + }, e); + }; + + var styles = (0, _reactcss2.default)((0, _merge2.default)({ 'default': { - Compact: { - background: '#f6f6f6', - radius: '4px' + card: { + width: width, + background: '#fff', + boxShadow: '0 1px rgba(0,0,0,.1)', + borderRadius: '6px', + position: 'relative' }, - compact: { - paddingTop: '5px', - paddingLeft: '5px', - boxSizing: 'initial', - width: '240px' + head: { + height: '110px', + background: hex, + borderRadius: '6px 6px 0 0', + display: 'flex', + alignItems: 'center', + justifyContent: 'center', + position: 'relative' }, - clear: { - clear: 'both' + body: { + padding: '10px' + }, + label: { + fontSize: '18px', + color: color.getContrastingColor(hex), + position: 'relative' + }, + triangle: { + width: '0px', + height: '0px', + borderStyle: 'solid', + borderWidth: '0 10px 10px 10px', + borderColor: 'transparent transparent ' + hex + ' transparent', + position: 'absolute', + top: '-10px', + left: '50%', + marginLeft: '-10px' + }, + input: { + width: '100%', + fontSize: '12px', + color: '#666', + border: '0px', + outline: 'none', + height: '22px', + boxShadow: 'inset 0 0 0 1px #ddd', + borderRadius: '4px', + padding: '0 7px', + boxSizing: 'border-box' + } + }, + 'hide-triangle': { + triangle: { + display: 'none' } } - }); - - var handleChange = function handleChange(data, e) { - if (data.hex) { - _color2.default.isValidHex(data.hex) && onChange({ - hex: data.hex, - source: 'hex' - }, e); - } else { - onChange(data, e); - } - }; + }, passedStyles), { 'hide-triangle': triangle === 'hide' }); return _react2.default.createElement( - _reactMaterialDesign.Raised, - { style: styles.Compact }, + 'div', + { style: styles.card, className: 'block-picker ' + className }, + _react2.default.createElement('div', { style: styles.triangle }), _react2.default.createElement( 'div', - { style: styles.compact, className: 'compact-picker' }, + { style: styles.head }, + transparent && _react2.default.createElement(_common.Checkboard, { borderRadius: '6px 6px 0 0' }), _react2.default.createElement( 'div', - null, - (0, _map2.default)(colors, function (c) { - return _react2.default.createElement(_CompactColor2.default, { - key: c, - color: c, - active: c.toLowerCase() === hex, - onClick: handleChange, - onSwatchHover: onSwatchHover - }); - }), - _react2.default.createElement('div', { style: styles.clear }) - ), - _react2.default.createElement(_CompactFields2.default, { hex: hex, rgb: rgb, onChange: handleChange }) + { style: styles.label }, + hex + ) + ), + _react2.default.createElement( + 'div', + { style: styles.body }, + _react2.default.createElement(_BlockSwatches2.default, { colors: colors, onClick: handleChange, onSwatchHover: onSwatchHover }), + _react2.default.createElement(_common.EditableInput, { + style: { input: styles.input }, + value: hex, + onChange: handleChange + }) ) ); }; - Compact.defaultProps = { - colors: ['#4D4D4D', '#999999', '#FFFFFF', '#F44E3B', '#FE9200', '#FCDC00', '#DBDF00', '#A4DD00', '#68CCCA', '#73D8FF', '#AEA1FF', '#FDA1FF', '#333333', '#808080', '#cccccc', '#D33115', '#E27300', '#FCC400', '#B0BC00', '#68BC00', '#16A5A5', '#009CE0', '#7B64FF', '#FA28FF', '#000000', '#666666', '#B3B3B3', '#9F0500', '#C45100', '#FB9E00', '#808900', '#194D33', '#0C797D', '#0062B1', '#653294', '#AB149E'] + Block.propTypes = { + width: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]), + colors: _propTypes2.default.arrayOf(_propTypes2.default.string), + triangle: _propTypes2.default.oneOf(['top', 'hide']), + styles: _propTypes2.default.object }; - exports.default = (0, _common.ColorWrap)(Compact); + Block.defaultProps = { + width: 170, + colors: ['#D9E3F0', '#F47373', '#697689', '#37D67A', '#2CCCE4', '#555555', '#dce775', '#ff8a65', '#ba68c8'], + triangle: 'top', + styles: {} + }; + + exports.default = (0, _common.ColorWrap)(Block); /***/ }), -/* 373 */ +/* 384 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; - Object.defineProperty(exports, '__esModule', { - value: true, + Object.defineProperty(exports, "__esModule", { + value: true }); + exports.BlockSwatches = undefined; + + var _react = __webpack_require__(2); + + var _react2 = _interopRequireDefault(_react); + + var _reactcss = __webpack_require__(174); - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } + var _reactcss2 = _interopRequireDefault(_reactcss); - var _libComponentsRaised = __webpack_require__(374); + var _map = __webpack_require__(214); - var _libComponentsRaised2 = _interopRequireDefault(_libComponentsRaised); + var _map2 = _interopRequireDefault(_map); - var _libComponentsTile = __webpack_require__(377); + var _common = __webpack_require__(342); - var _libComponentsTile2 = _interopRequireDefault(_libComponentsTile); + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var _libComponentsTabs = __webpack_require__(378); + var BlockSwatches = exports.BlockSwatches = function BlockSwatches(_ref) { + var colors = _ref.colors, + onClick = _ref.onClick, + onSwatchHover = _ref.onSwatchHover; - var _libComponentsTabs2 = _interopRequireDefault(_libComponentsTabs); + var styles = (0, _reactcss2.default)({ + 'default': { + swatches: { + marginRight: '-10px' + }, + swatch: { + width: '22px', + height: '22px', + float: 'left', + marginRight: '10px', + marginBottom: '10px', + borderRadius: '4px' + }, + clear: { + clear: 'both' + } + } + }); - exports.Raised = _libComponentsRaised2['default']; - exports.Tile = _libComponentsTile2['default']; - exports.Tabs = _libComponentsTabs2['default']; + return _react2.default.createElement( + 'div', + { style: styles.swatches }, + (0, _map2.default)(colors, function (c) { + return _react2.default.createElement(_common.Swatch, { + key: c, + color: c, + style: styles.swatch, + onClick: onClick, + onHover: onSwatchHover, + focusStyle: { + boxShadow: '0 0 4px ' + c + } + }); + }), + _react2.default.createElement('div', { style: styles.clear }) + ); + }; + exports.default = BlockSwatches; /***/ }), -/* 374 */ +/* 385 */ /***/ (function(module, exports, __webpack_require__) { - /* jshint node: true, esnext: true */ - "use strict"; + 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); - - var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + exports.Circle = undefined; var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); - var _propTypes = __webpack_require__(375); + var _propTypes = __webpack_require__(351); var _propTypes2 = _interopRequireDefault(_propTypes); - var _reactcss = __webpack_require__(172); + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + var _map = __webpack_require__(214); - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + var _map2 = _interopRequireDefault(_map); - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } + var _merge = __webpack_require__(353); - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } + var _merge2 = _interopRequireDefault(_merge); - var Raised = function (_React$Component) { - _inherits(Raised, _React$Component); + var _materialColors = __webpack_require__(386); - function Raised() { - _classCallCheck(this, Raised); + var material = _interopRequireWildcard(_materialColors); - return _possibleConstructorReturn(this, (Raised.__proto__ || Object.getPrototypeOf(Raised)).apply(this, arguments)); - } + var _common = __webpack_require__(342); - _createClass(Raised, [{ - key: 'render', - value: function render() { + var _CircleSwatch = __webpack_require__(387); - var styles = (0, _reactcss2.default)({ - 'default': { - wrap: { - position: 'relative' - }, - content: { - position: 'relative' - }, - bg: { - absolute: '0px 0px 0px 0px', - boxShadow: '0 ${ this.props.zDepth }px ${ this.props.zDepth * 4 }px rgba(0,0,0,.24)', - borderRadius: this.props.radius, - background: this.props.background - } - }, - 'zDepth-0': { - bg: { - boxShadow: 'none' - } - }, + var _CircleSwatch2 = _interopRequireDefault(_CircleSwatch); - 'zDepth-1': { - bg: { - boxShadow: '0 2px 10px rgba(0,0,0,.12), 0 2px 5px rgba(0,0,0,.16)' - } - }, - 'zDepth-2': { - bg: { - boxShadow: '0 6px 20px rgba(0,0,0,.19), 0 8px 17px rgba(0,0,0,.2)' - } - }, - 'zDepth-3': { - bg: { - boxShadow: '0 17px 50px rgba(0,0,0,.19), 0 12px 15px rgba(0,0,0,.24)' - } - }, - 'zDepth-4': { - bg: { - boxShadow: '0 25px 55px rgba(0,0,0,.21), 0 16px 28px rgba(0,0,0,.22)' - } - }, - 'zDepth-5': { - bg: { - boxShadow: '0 40px 77px rgba(0,0,0,.22), 0 27px 24px rgba(0,0,0,.2)' - } - }, - 'square': { - bg: { - borderRadius: '0' - } - }, - 'circle': { - bg: { - borderRadius: '50%' - } - } - }, this.props); + function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } - return _react2.default.createElement( - 'div', - { style: styles.wrap }, - _react2.default.createElement('div', { style: styles.bg }), - _react2.default.createElement( - 'div', - { style: styles.content }, - this.props.children - ) - ); + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + var Circle = exports.Circle = function Circle(_ref) { + var width = _ref.width, + onChange = _ref.onChange, + onSwatchHover = _ref.onSwatchHover, + colors = _ref.colors, + hex = _ref.hex, + circleSize = _ref.circleSize, + _ref$styles = _ref.styles, + passedStyles = _ref$styles === undefined ? {} : _ref$styles, + circleSpacing = _ref.circleSpacing, + _ref$className = _ref.className, + className = _ref$className === undefined ? '' : _ref$className; + + var styles = (0, _reactcss2.default)((0, _merge2.default)({ + 'default': { + card: { + width: width, + display: 'flex', + flexWrap: 'wrap', + marginRight: -circleSpacing, + marginBottom: -circleSpacing + } } - }]); + }, passedStyles)); - return Raised; - }(_react2.default.Component); + var handleChange = function handleChange(hexCode, e) { + return onChange({ hex: hexCode, source: 'hex' }, e); + }; - Raised.propTypes = { - background: _propTypes2.default.string, - zDepth: _propTypes2.default.oneOf(['0', '1', '2', '3', '4', '5', 0, 1, 2, 3, 4, 5]), - radius: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]) + return _react2.default.createElement( + 'div', + { style: styles.card, className: 'circle-picker ' + className }, + (0, _map2.default)(colors, function (c) { + return _react2.default.createElement(_CircleSwatch2.default, { + key: c, + color: c, + onClick: handleChange, + onSwatchHover: onSwatchHover, + active: hex === c.toLowerCase(), + circleSize: circleSize, + circleSpacing: circleSpacing + }); + }) + ); }; - Raised.defaultProps = { - background: '#fff', - zDepth: '1', - radius: '2px' + Circle.propTypes = { + width: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]), + circleSize: _propTypes2.default.number, + circleSpacing: _propTypes2.default.number, + styles: _propTypes2.default.object }; - exports.default = Raised; - -/***/ }), -/* 375 */ -/***/ (function(module, exports, __webpack_require__) { - - /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. - * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. - */ - - if (false) { - var REACT_ELEMENT_TYPE = (typeof Symbol === 'function' && - Symbol.for && - Symbol.for('react.element')) || - 0xeac7; - - var isValidElement = function(object) { - return typeof object === 'object' && - object !== null && - object.$$typeof === REACT_ELEMENT_TYPE; - }; - - // By explicitly using `prop-types` you are opting into new development behavior. - // http://fb.me/prop-types-in-prod - var throwOnDirectAccess = true; - module.exports = require('./factoryWithTypeCheckers')(isValidElement, throwOnDirectAccess); - } else { - // By explicitly using `prop-types` you are opting into new production behavior. - // http://fb.me/prop-types-in-prod - module.exports = __webpack_require__(376)(); - } + Circle.defaultProps = { + width: 252, + circleSize: 28, + circleSpacing: 14, + colors: [material.red['500'], material.pink['500'], material.purple['500'], material.deepPurple['500'], material.indigo['500'], material.blue['500'], material.lightBlue['500'], material.cyan['500'], material.teal['500'], material.green['500'], material.lightGreen['500'], material.lime['500'], material.yellow['500'], material.amber['500'], material.orange['500'], material.deepOrange['500'], material.brown['500'], material.blueGrey['500']], + styles: {} + }; + exports.default = (0, _common.ColorWrap)(Circle); /***/ }), -/* 376 */ +/* 386 */ /***/ (function(module, exports, __webpack_require__) { - /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. - * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. - */ - - 'use strict'; - - var emptyFunction = __webpack_require__(9); - var invariant = __webpack_require__(12); - var ReactPropTypesSecret = __webpack_require__(26); - - module.exports = function() { - function shim(props, propName, componentName, location, propFullName, secret) { - if (secret === ReactPropTypesSecret) { - // It is still safe when called from React. - return; - } - invariant( - false, - 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' + - 'Use PropTypes.checkPropTypes() to call them. ' + - 'Read more at http://fb.me/use-check-prop-types' - ); - }; - shim.isRequired = shim; - function getShim() { - return shim; - }; - // Important! - // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`. - var ReactPropTypes = { - array: shim, - bool: shim, - func: shim, - number: shim, - object: shim, - string: shim, - symbol: shim, - - any: shim, - arrayOf: getShim, - element: shim, - instanceOf: getShim, - node: shim, - objectOf: getShim, - oneOf: getShim, - oneOfType: getShim, - shape: getShim - }; - - ReactPropTypes.checkPropTypes = emptyFunction; - ReactPropTypes.PropTypes = ReactPropTypes; - - return ReactPropTypes; - }; + var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(root, factory) { + if (true) { + !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)); + } else if (typeof exports === 'object') { + module.exports = factory(); + } else { + root.materialColors = factory(); + } + })(this, function() { + return {"red":{"50":"#ffebee","100":"#ffcdd2","200":"#ef9a9a","300":"#e57373","400":"#ef5350","500":"#f44336","600":"#e53935","700":"#d32f2f","800":"#c62828","900":"#b71c1c","a100":"#ff8a80","a200":"#ff5252","a400":"#ff1744","a700":"#d50000"},"pink":{"50":"#fce4ec","100":"#f8bbd0","200":"#f48fb1","300":"#f06292","400":"#ec407a","500":"#e91e63","600":"#d81b60","700":"#c2185b","800":"#ad1457","900":"#880e4f","a100":"#ff80ab","a200":"#ff4081","a400":"#f50057","a700":"#c51162"},"purple":{"50":"#f3e5f5","100":"#e1bee7","200":"#ce93d8","300":"#ba68c8","400":"#ab47bc","500":"#9c27b0","600":"#8e24aa","700":"#7b1fa2","800":"#6a1b9a","900":"#4a148c","a100":"#ea80fc","a200":"#e040fb","a400":"#d500f9","a700":"#aa00ff"},"deepPurple":{"50":"#ede7f6","100":"#d1c4e9","200":"#b39ddb","300":"#9575cd","400":"#7e57c2","500":"#673ab7","600":"#5e35b1","700":"#512da8","800":"#4527a0","900":"#311b92","a100":"#b388ff","a200":"#7c4dff","a400":"#651fff","a700":"#6200ea"},"indigo":{"50":"#e8eaf6","100":"#c5cae9","200":"#9fa8da","300":"#7986cb","400":"#5c6bc0","500":"#3f51b5","600":"#3949ab","700":"#303f9f","800":"#283593","900":"#1a237e","a100":"#8c9eff","a200":"#536dfe","a400":"#3d5afe","a700":"#304ffe"},"blue":{"50":"#e3f2fd","100":"#bbdefb","200":"#90caf9","300":"#64b5f6","400":"#42a5f5","500":"#2196f3","600":"#1e88e5","700":"#1976d2","800":"#1565c0","900":"#0d47a1","a100":"#82b1ff","a200":"#448aff","a400":"#2979ff","a700":"#2962ff"},"lightBlue":{"50":"#e1f5fe","100":"#b3e5fc","200":"#81d4fa","300":"#4fc3f7","400":"#29b6f6","500":"#03a9f4","600":"#039be5","700":"#0288d1","800":"#0277bd","900":"#01579b","a100":"#80d8ff","a200":"#40c4ff","a400":"#00b0ff","a700":"#0091ea"},"cyan":{"50":"#e0f7fa","100":"#b2ebf2","200":"#80deea","300":"#4dd0e1","400":"#26c6da","500":"#00bcd4","600":"#00acc1","700":"#0097a7","800":"#00838f","900":"#006064","a100":"#84ffff","a200":"#18ffff","a400":"#00e5ff","a700":"#00b8d4"},"teal":{"50":"#e0f2f1","100":"#b2dfdb","200":"#80cbc4","300":"#4db6ac","400":"#26a69a","500":"#009688","600":"#00897b","700":"#00796b","800":"#00695c","900":"#004d40","a100":"#a7ffeb","a200":"#64ffda","a400":"#1de9b6","a700":"#00bfa5"},"green":{"50":"#e8f5e9","100":"#c8e6c9","200":"#a5d6a7","300":"#81c784","400":"#66bb6a","500":"#4caf50","600":"#43a047","700":"#388e3c","800":"#2e7d32","900":"#1b5e20","a100":"#b9f6ca","a200":"#69f0ae","a400":"#00e676","a700":"#00c853"},"lightGreen":{"50":"#f1f8e9","100":"#dcedc8","200":"#c5e1a5","300":"#aed581","400":"#9ccc65","500":"#8bc34a","600":"#7cb342","700":"#689f38","800":"#558b2f","900":"#33691e","a100":"#ccff90","a200":"#b2ff59","a400":"#76ff03","a700":"#64dd17"},"lime":{"50":"#f9fbe7","100":"#f0f4c3","200":"#e6ee9c","300":"#dce775","400":"#d4e157","500":"#cddc39","600":"#c0ca33","700":"#afb42b","800":"#9e9d24","900":"#827717","a100":"#f4ff81","a200":"#eeff41","a400":"#c6ff00","a700":"#aeea00"},"yellow":{"50":"#fffde7","100":"#fff9c4","200":"#fff59d","300":"#fff176","400":"#ffee58","500":"#ffeb3b","600":"#fdd835","700":"#fbc02d","800":"#f9a825","900":"#f57f17","a100":"#ffff8d","a200":"#ffff00","a400":"#ffea00","a700":"#ffd600"},"amber":{"50":"#fff8e1","100":"#ffecb3","200":"#ffe082","300":"#ffd54f","400":"#ffca28","500":"#ffc107","600":"#ffb300","700":"#ffa000","800":"#ff8f00","900":"#ff6f00","a100":"#ffe57f","a200":"#ffd740","a400":"#ffc400","a700":"#ffab00"},"orange":{"50":"#fff3e0","100":"#ffe0b2","200":"#ffcc80","300":"#ffb74d","400":"#ffa726","500":"#ff9800","600":"#fb8c00","700":"#f57c00","800":"#ef6c00","900":"#e65100","a100":"#ffd180","a200":"#ffab40","a400":"#ff9100","a700":"#ff6d00"},"deepOrange":{"50":"#fbe9e7","100":"#ffccbc","200":"#ffab91","300":"#ff8a65","400":"#ff7043","500":"#ff5722","600":"#f4511e","700":"#e64a19","800":"#d84315","900":"#bf360c","a100":"#ff9e80","a200":"#ff6e40","a400":"#ff3d00","a700":"#dd2c00"},"brown":{"50":"#efebe9","100":"#d7ccc8","200":"#bcaaa4","300":"#a1887f","400":"#8d6e63","500":"#795548","600":"#6d4c41","700":"#5d4037","800":"#4e342e","900":"#3e2723"},"grey":{"50":"#fafafa","100":"#f5f5f5","200":"#eeeeee","300":"#e0e0e0","400":"#bdbdbd","500":"#9e9e9e","600":"#757575","700":"#616161","800":"#424242","900":"#212121"},"blueGrey":{"50":"#eceff1","100":"#cfd8dc","200":"#b0bec5","300":"#90a4ae","400":"#78909c","500":"#607d8b","600":"#546e7a","700":"#455a64","800":"#37474f","900":"#263238"},"darkText":{"primary":"rgba(0, 0, 0, 0.87)","secondary":"rgba(0, 0, 0, 0.54)","disabled":"rgba(0, 0, 0, 0.38)","dividers":"rgba(0, 0, 0, 0.12)"},"lightText":{"primary":"rgba(255, 255, 255, 1)","secondary":"rgba(255, 255, 255, 0.7)","disabled":"rgba(255, 255, 255, 0.5)","dividers":"rgba(255, 255, 255, 0.12)"},"darkIcons":{"active":"rgba(0, 0, 0, 0.54)","inactive":"rgba(0, 0, 0, 0.38)"},"lightIcons":{"active":"rgba(255, 255, 255, 1)","inactive":"rgba(255, 255, 255, 0.5)"},"white":"#ffffff","black":"#000000"}; + }); /***/ }), -/* 377 */ +/* 387 */ /***/ (function(module, exports, __webpack_require__) { - /* jshint node: true, esnext: true */ - "use strict"; + 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); - - var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }(); - - var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + exports.CircleSwatch = undefined; var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - - var Tile = function (_React$Component) { - _inherits(Tile, _React$Component); - - function Tile() { - _classCallCheck(this, Tile); - - return _possibleConstructorReturn(this, (Tile.__proto__ || Object.getPrototypeOf(Tile)).apply(this, arguments)); - } - - _createClass(Tile, [{ - key: 'render', - value: function render() { + var _common = __webpack_require__(342); - var styles = (0, _reactcss2.default)({ - 'default': { - tile: { - fontSize: '16px', - padding: '16px', - display: 'flex', - justifyContent: 'space-between', - color: this.props.color - }, - primary: { - display: 'flex', - width: '100%' - }, - sidebar: { - minWidth: '56px', - maxWidth: '56px', - flexBasis: '56px' }, - content: { - background: 'none', - flex: '1', - overflow: 'auto' - }, - secondary: { - flexBasis: '42', - textAlign: 'center' - }, - sidebarIcon: { - marginTop: '-12px', - marginLeft: '-12px', - marginBottom: '-12px' - } - }, - 'divider': { - tile: { - boxShadow: 'inset 0 -1px 0 rgba(0,0,0,.12)' - } - }, - 'condensed': { - tile: { - paddingBottom: '0px', - paddingTop: '0px', - paddingRight: '0px' - }, - sidebar: { - minWidth: '28px', - maxWidth: '28px', - flexBasis: '28px' - } - } - }, { - 'clickable': this.props.onClick - }, this.props); + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var _props$children = _slicedToArray(this.props.children, 2), - sidebar = _props$children[0], - content = _props$children[1]; + var CircleSwatch = exports.CircleSwatch = function CircleSwatch(_ref) { + var color = _ref.color, + onClick = _ref.onClick, + onSwatchHover = _ref.onSwatchHover, + hover = _ref.hover, + active = _ref.active, + circleSize = _ref.circleSize, + circleSpacing = _ref.circleSpacing; - return _react2.default.createElement( - 'div', - { style: styles.tile, className: 'flexbox-fix' }, - _react2.default.createElement( - 'div', - { style: styles.primary, className: 'flexbox-fix' }, - _react2.default.createElement( - 'div', - { style: styles.sidebar, key: "sidebar-#{ sidebar }" }, - sidebar - ), - _react2.default.createElement( - 'div', - { style: styles.content, key: "content-#{ content }" }, - content - ) - ) - ); + var styles = (0, _reactcss2.default)({ + 'default': { + swatch: { + width: circleSize, + height: circleSize, + marginRight: circleSpacing, + marginBottom: circleSpacing, + transform: 'scale(1)', + transition: '100ms transform ease' + }, + Swatch: { + borderRadius: '50%', + background: 'transparent', + boxShadow: 'inset 0 0 0 ' + (circleSize / 2 + 1) + 'px ' + color, + transition: '100ms box-shadow ease' + } + }, + 'hover': { + swatch: { + transform: 'scale(1.2)' + } + }, + 'active': { + Swatch: { + boxShadow: 'inset 0 0 0 3px ' + color + } } - }]); + }, { hover: hover, active: active }); - return Tile; - }(_react2.default.Component); + return _react2.default.createElement( + 'div', + { style: styles.swatch }, + _react2.default.createElement(_common.Swatch, { + style: styles.Swatch, + color: color, + onClick: onClick, + onHover: onSwatchHover, + focusStyle: { boxShadow: styles.Swatch.boxShadow + ', 0 0 5px ' + color } + }) + ); + }; - ; + CircleSwatch.defaultProps = { + circleSize: 28, + circleSpacing: 14 + }; - exports.default = Tile; + exports.default = (0, _reactcss.handleHover)(CircleSwatch); /***/ }), -/* 378 */ +/* 388 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -31337,266 +31264,222 @@ Object.defineProperty(exports, "__esModule", { value: true }); - - var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + exports.Chrome = undefined; var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _propTypes = __webpack_require__(351); - var _reactcss2 = _interopRequireDefault(_reactcss); + var _propTypes2 = _interopRequireDefault(_propTypes); - var _isString = __webpack_require__(174); + var _reactcss = __webpack_require__(174); - var _isString2 = _interopRequireDefault(_isString); + var _reactcss2 = _interopRequireDefault(_reactcss); - var _Tab = __webpack_require__(379); + var _merge = __webpack_require__(353); - var _Tab2 = _interopRequireDefault(_Tab); + var _merge2 = _interopRequireDefault(_merge); - var _Link = __webpack_require__(380); + var _common = __webpack_require__(342); - var _Link2 = _interopRequireDefault(_Link); + var _ChromeFields = __webpack_require__(389); - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + var _ChromeFields2 = _interopRequireDefault(_ChromeFields); - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - - // var Ink = require('./Ink'); - - // var context = { - // primaryColor: '#2196F3', - // accentColor: '#E91E63', - // theme: 'light' - // } - - var Tabs = function (_React$Component) { - _inherits(Tabs, _React$Component); + var _ChromePointer = __webpack_require__(392); - function Tabs(props) { - _classCallCheck(this, Tabs); - - var _this = _possibleConstructorReturn(this, (Tabs.__proto__ || Object.getPrototypeOf(Tabs)).call(this)); - - var selectedTab; - if (props.selectedTab < (props.tabs && props.tabs.length)) { - selectedTab = props.selectedTab; - } else { - selectedTab = 0; - } - - _this.state = { - selectedTab: selectedTab - }; + var _ChromePointer2 = _interopRequireDefault(_ChromePointer); - _this.handleClick = _this.handleClick.bind(_this); - _this.slide = _this.slide.bind(_this); - return _this; - } + var _ChromePointerCircle = __webpack_require__(393); - _createClass(Tabs, [{ - key: 'handleClick', - value: function handleClick(tab) { - if (this.props.onChange) { - this.props.onChange(tab); - } + var _ChromePointerCircle2 = _interopRequireDefault(_ChromePointerCircle); - this.setState({ - selectedTab: tab - }); - } - }, { - key: 'slide', - value: function slide() { - if (this.props.tabs.length) { - var containerNode = this.refs.tabs.getDOMNode(); - var containerLeft = containerNode.scrollLeft; - var containerRight = containerNode.offsetWidth + containerNode.scrollLeft; - - var selectedNode = this.refs['tab-' + this.state.selectedTab] && this.refs['tab-' + this.state.selectedTab].getDOMNode(); - var selectedLeft = selectedNode && selectedNode.getBoundingClientRect().left - containerNode.getBoundingClientRect().left + containerNode.scrollLeft; - var selectedRight = selectedNode && selectedLeft + selectedNode.offsetWidth; - - // scroll right if tab is off screen - if (selectedRight > containerRight) { - containerNode.scrollLeft += selectedRight - containerRight; - } + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - // scroll left if tab is off screen - if (selectedLeft < containerLeft) { - containerNode.scrollLeft -= containerLeft - selectedLeft; - } + var Chrome = exports.Chrome = function Chrome(_ref) { + var width = _ref.width, + onChange = _ref.onChange, + disableAlpha = _ref.disableAlpha, + rgb = _ref.rgb, + hsl = _ref.hsl, + hsv = _ref.hsv, + hex = _ref.hex, + renderers = _ref.renderers, + _ref$styles = _ref.styles, + passedStyles = _ref$styles === undefined ? {} : _ref$styles, + _ref$className = _ref.className, + className = _ref$className === undefined ? '' : _ref$className, + defaultView = _ref.defaultView; - // slide the indicator - var indicator = this.refs.indicator; - indicator.style.left = selectedLeft + 'px'; - indicator.style.width = selectedNode.offsetWidth + 'px'; - indicator.style.height = '2px'; - } - } - }, { - key: 'componentDidMount', - value: function componentDidMount() { - this.slide(); - } - }, { - key: 'componentWillReceiveProps', - value: function componentWillReceiveProps(nextProps) { - if (nextProps.selectedTab !== this.state.selectedTab) { - this.setState({ selectedTab: nextProps.selectedTab }); + var styles = (0, _reactcss2.default)((0, _merge2.default)({ + 'default': { + picker: { + width: width, + background: '#fff', + borderRadius: '2px', + boxShadow: '0 0 2px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.3)', + boxSizing: 'initial', + fontFamily: 'Menlo' + }, + saturation: { + width: '100%', + paddingBottom: '55%', + position: 'relative', + borderRadius: '2px 2px 0 0', + overflow: 'hidden' + }, + Saturation: { + radius: '2px 2px 0 0' + }, + body: { + padding: '16px 16px 12px' + }, + controls: { + display: 'flex' + }, + color: { + width: '32px' + }, + swatch: { + marginTop: '6px', + width: '16px', + height: '16px', + borderRadius: '8px', + position: 'relative', + overflow: 'hidden' + }, + active: { + absolute: '0px 0px 0px 0px', + borderRadius: '8px', + boxShadow: 'inset 0 0 0 1px rgba(0,0,0,.1)', + background: 'rgba(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ', ' + rgb.a + ')', + zIndex: '2' + }, + toggles: { + flex: '1' + }, + hue: { + height: '10px', + position: 'relative', + marginBottom: '8px' + }, + Hue: { + radius: '2px' + }, + alpha: { + height: '10px', + position: 'relative' + }, + Alpha: { + radius: '2px' } - } - }, { - key: 'componentWillUpdate', - value: function componentWillUpdate(nextProps, nextState) { - if (nextState.selectedTab >= (nextProps.tabs && nextProps.tabs.length)) { - nextState.selectedTab = nextProps.tabs.length - 1; + }, + 'disableAlpha': { + color: { + width: '22px' + }, + alpha: { + display: 'none' + }, + hue: { + marginBottom: '0px' + }, + swatch: { + width: '10px', + height: '10px', + marginTop: '0px' } } - }, { - key: 'componentDidUpdate', - value: function componentDidUpdate() { - this.slide(); - } - }, { - key: 'render', - value: function render() { - - var styles = (0, _reactcss2.default)({ - 'default': { - tabs: { - position: 'relative', - background: this.props.background - }, - tabWrap: { - display: 'flex' - }, - tab: { - justifyContent: 'flex-start', - minWidth: '68px', - maxWidth: '240px' - }, - Tab: { - color: this.props.color, - inactive: this.props.inactive, - capitalize: this.props.capitalize - }, - indicator: { - height: '0', - position: 'absolute', - bottom: '0', - left: '0', - background: this.props.color, - transition: 'all 200ms linear' - } - }, - 'scrollable': { - tabs: { - overflowX: 'scroll' - }, - tabWrap: { - paddingLeft: '60px', - justifyContent: 'flex-start', - width: '400%' - }, - tab: { - width: 'auto' - } - }, - 'align-justify': { - tabWrap: { - justifyContent: 'space-between' - }, - tab: { - width: 100 / this.props.tabs.length + '%' - } - }, - 'align-left': { - tabWrap: { - paddingLeft: '60px', - justifyContent: 'flex-start' - }, - tab: { - width: 'auto' - } - }, - 'align-center': { - tabWrap: { - justifyContent: 'center' - }, - tab: { - width: 'auto' - } - } - }, { - 'scrollable': this.props.width / this.props.tabs.length < 72 - }, this.props, this.state); + }, passedStyles), { disableAlpha: disableAlpha }); - var tabs = []; - for (var i = 0; i < this.props.tabs.length; i++) { - var tab = this.props.tabs[i]; - - var label; - var callback; - var callbackValue; - var newTab; - if ((0, _isString2.default)(tab)) { - label = tab; - callback = null; - } else { - label = tab.label; - callback = tab.onClick; - callbackValue = tab.callbackValue; - newTab = tab.newTab; - } - - tabs.push(_react2.default.createElement( + return _react2.default.createElement( + 'div', + { style: styles.picker, className: 'chrome-picker ' + className }, + _react2.default.createElement( + 'div', + { style: styles.saturation }, + _react2.default.createElement(_common.Saturation, { + style: styles.Saturation, + hsl: hsl, + hsv: hsv, + pointer: _ChromePointerCircle2.default, + onChange: onChange + }) + ), + _react2.default.createElement( + 'div', + { style: styles.body }, + _react2.default.createElement( + 'div', + { style: styles.controls, className: 'flexbox-fix' }, + _react2.default.createElement( 'div', - { style: styles.tab, ref: 'tab-' + i, key: i }, + { style: styles.color }, _react2.default.createElement( - _Link2.default, - { onClick: callback, callbackValue: callbackValue, newTab: newTab }, - _react2.default.createElement( - _Tab2.default, - { style: styles.Tab, tab: i, selected: this.state.selectedTab === i, selectable: tab.selectable, onClick: this.handleClick }, - label - ) + 'div', + { style: styles.swatch }, + _react2.default.createElement('div', { style: styles.active }), + _react2.default.createElement(_common.Checkboard, { renderers: renderers }) ) - )); - } - - return _react2.default.createElement( - 'div', - { style: styles.tabs, ref: 'tabs' }, + ), _react2.default.createElement( 'div', - { style: styles.tabWrap, className: 'flexbox-fix' }, - tabs - ), - _react2.default.createElement('div', { style: styles.indicator, ref: 'indicator' }) - ); - } - }]); + { style: styles.toggles }, + _react2.default.createElement( + 'div', + { style: styles.hue }, + _react2.default.createElement(_common.Hue, { + style: styles.Hue, + hsl: hsl, + pointer: _ChromePointer2.default, + onChange: onChange + }) + ), + _react2.default.createElement( + 'div', + { style: styles.alpha }, + _react2.default.createElement(_common.Alpha, { + style: styles.Alpha, + rgb: rgb, + hsl: hsl, + pointer: _ChromePointer2.default, + renderers: renderers, + onChange: onChange + }) + ) + ) + ), + _react2.default.createElement(_ChromeFields2.default, { + rgb: rgb, + hsl: hsl, + hex: hex, + view: defaultView, + onChange: onChange, + disableAlpha: disableAlpha + }) + ) + ); + }; - return Tabs; - }(_react2.default.Component); + Chrome.propTypes = { + width: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]), + disableAlpha: _propTypes2.default.bool, + styles: _propTypes2.default.object, + defaultView: _propTypes2.default.oneOf(["hex", "rgb", "hsl"]) + }; - Tabs.defaultProps = { - selectedTab: 0, - background: 'transparent', - color: '#fff' + Chrome.defaultProps = { + width: 225, + disableAlpha: false, + styles: {} }; - exports.default = Tabs; + exports.default = (0, _common.ColorWrap)(Chrome); /***/ }), -/* 379 */ +/* 389 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -31604,6 +31487,7 @@ Object.defineProperty(exports, "__esModule", { value: true }); + exports.ChromeFields = undefined; var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); @@ -31611,13 +31495,25 @@ var _react2 = _interopRequireDefault(_react); - var _propTypes = __webpack_require__(375); + var _reactcss = __webpack_require__(174); - var _propTypes2 = _interopRequireDefault(_propTypes); + var _reactcss2 = _interopRequireDefault(_reactcss); - var _reactcss = __webpack_require__(172); + var _color = __webpack_require__(376); - var _reactcss2 = _interopRequireDefault(_reactcss); + var color = _interopRequireWildcard(_color); + + var _isUndefined = __webpack_require__(390); + + var _isUndefined2 = _interopRequireDefault(_isUndefined); + + var _common = __webpack_require__(342); + + var _UnfoldMoreHorizontalIcon = __webpack_require__(391); + + var _UnfoldMoreHorizontalIcon2 = _interopRequireDefault(_UnfoldMoreHorizontalIcon); + + function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } @@ -31625,1390 +31521,361 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - - var Tab = function (_React$Component) { - _inherits(Tab, _React$Component); - - function Tab() { - _classCallCheck(this, Tab); + function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* eslint-disable react/no-did-mount-set-state, no-param-reassign */ - var _this = _possibleConstructorReturn(this, (Tab.__proto__ || Object.getPrototypeOf(Tab)).call(this)); + var ChromeFields = exports.ChromeFields = function (_React$Component) { + _inherits(ChromeFields, _React$Component); - _this.handleClick = _this.handleClick.bind(_this); - return _this; - } + function ChromeFields(props) { + _classCallCheck(this, ChromeFields); - _createClass(Tab, [{ - key: 'handleClick', - value: function handleClick() { - if (this.props.selectable !== false) { - this.props.onClick(this.props.tab); - } - } - }, { - key: 'render', - value: function render() { + var _this = _possibleConstructorReturn(this, (ChromeFields.__proto__ || Object.getPrototypeOf(ChromeFields)).call(this)); - var styles = (0, _reactcss2.default)({ - 'default': { - tab: { - color: this.props.inactive || this.props.color, - cursor: 'pointer', - paddingLeft: '12px', - paddingRight: '12px', - height: '48px', - lineHeight: '48px', - textAlign: 'center', - fontSize: '14px', - textTransform: this.props.capitalize === false ? '' : 'uppercase', - fontWeight: '500', - whiteSpace: 'nowrap', - opacity: '.47', - transition: 'opacity 100ms linear' - } - }, - 'selected': { - tab: { - color: this.props.color, - opacity: '.87' - } + _this.toggleViews = function () { + if (_this.state.view === 'hex') { + _this.setState({ view: 'rgb' }); + } else if (_this.state.view === 'rgb') { + _this.setState({ view: 'hsl' }); + } else if (_this.state.view === 'hsl') { + if (_this.props.hsl.a === 1) { + _this.setState({ view: 'hex' }); + } else { + _this.setState({ view: 'rgb' }); } - }, this.props); - - return _react2.default.createElement( - 'div', - { style: styles.tab, onClick: this.handleClick }, - this.props.children - ); - } - }]); - - return Tab; - }(_react2.default.Component); - - Tab.propTypes = { - selected: _propTypes2.default.bool - }; - - Tab.defaultProps = { - selected: false, - color: '#fff' - }; - - exports.default = Tab; - -/***/ }), -/* 380 */ -/***/ (function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - - var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - - var _react = __webpack_require__(2); - - var _react2 = _interopRequireDefault(_react); - - var _isString = __webpack_require__(174); - - var _isString2 = _interopRequireDefault(_isString); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + } + }; - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + _this.handleChange = function (data, e) { + if (data.hex) { + color.isValidHex(data.hex) && _this.props.onChange({ + hex: data.hex, + source: 'hex' + }, e); + } else if (data.r || data.g || data.b) { + _this.props.onChange({ + r: data.r || _this.props.rgb.r, + g: data.g || _this.props.rgb.g, + b: data.b || _this.props.rgb.b, + source: 'rgb' + }, e); + } else if (data.a) { + if (data.a < 0) { + data.a = 0; + } else if (data.a > 1) { + data.a = 1; + } - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } + _this.props.onChange({ + h: _this.props.hsl.h, + s: _this.props.hsl.s, + l: _this.props.hsl.l, + a: Math.round(data.a * 100) / 100, + source: 'rgb' + }, e); + } else if (data.h || data.s || data.l) { + // Remove any occurances of '%'. + if (typeof data.s === 'string' && data.s.includes('%')) { + data.s = data.s.replace('%', ''); + } + if (typeof data.l === 'string' && data.l.includes('%')) { + data.l = data.l.replace('%', ''); + } - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } + // We store HSL as a unit interval so we need to override the 1 input to 0.01 + if (data.s == 1) { + data.s = 0.01; + } else if (data.l == 1) { + data.l = 0.01; + } - var Link = function (_React$Component) { - _inherits(Link, _React$Component); + _this.props.onChange({ + h: data.h || _this.props.hsl.h, + s: Number(!(0, _isUndefined2.default)(data.s) ? data.s : _this.props.hsl.s), + l: Number(!(0, _isUndefined2.default)(data.l) ? data.l : _this.props.hsl.l), + source: 'hsl' + }, e); + } + }; - function Link() { - _classCallCheck(this, Link); + _this.showHighlight = function (e) { + e.currentTarget.style.background = '#eee'; + }; - var _this = _possibleConstructorReturn(this, (Link.__proto__ || Object.getPrototypeOf(Link)).call(this)); + _this.hideHighlight = function (e) { + e.currentTarget.style.background = 'transparent'; + }; - _this.handleClick = _this.handleClick.bind(_this); + if (props.hsl.a !== 1 && props.view === "hex") { + _this.state = { + view: "rgb" + }; + } else { + _this.state = { + view: props.view + }; + } return _this; } - _createClass(Link, [{ - key: 'handleClick', - value: function handleClick(e) { - if (this.props.onClick) { - this.props.onClick(e, this.props.callbackValue); - } - } - }, { + _createClass(ChromeFields, [{ key: 'render', value: function render() { + var _this2 = this; + + var styles = (0, _reactcss2.default)({ + 'default': { + wrap: { + paddingTop: '16px', + display: 'flex' + }, + fields: { + flex: '1', + display: 'flex', + marginLeft: '-6px' + }, + field: { + paddingLeft: '6px', + width: '100%' + }, + alpha: { + paddingLeft: '6px', + width: '100%' + }, + toggle: { + width: '32px', + textAlign: 'right', + position: 'relative' + }, + icon: { + marginRight: '-4px', + marginTop: '12px', + cursor: 'pointer', + position: 'relative' + }, + iconHighlight: { + position: 'absolute', + width: '24px', + height: '28px', + background: '#eee', + borderRadius: '4px', + top: '10px', + left: '12px', + display: 'none' + }, + input: { + fontSize: '11px', + color: '#333', + width: '100%', + borderRadius: '2px', + border: 'none', + boxShadow: 'inset 0 0 0 1px #dadada', + height: '21px', + textAlign: 'center' + }, + label: { + textTransform: 'uppercase', + fontSize: '11px', + lineHeight: '11px', + color: '#969696', + textAlign: 'center', + display: 'block', + marginTop: '12px' + }, + svg: { + fill: '#333', + width: '24px', + height: '24px', + border: '1px transparent solid', + borderRadius: '5px' + } + }, + 'disableAlpha': { + alpha: { + display: 'none' + } + } + }, this.props, this.state); - var a; - if ((0, _isString2.default)(this.props.onClick)) { - a = _react2.default.createElement( - 'a', - { style: { textDecoration: 'none' }, href: this.props.onClick, target: this.props.newTab && '_blank' }, - this.props.children + var fields = void 0; + if (this.state.view === 'hex') { + fields = _react2.default.createElement( + 'div', + { style: styles.fields, className: 'flexbox-fix' }, + _react2.default.createElement( + 'div', + { style: styles.field }, + _react2.default.createElement(_common.EditableInput, { + style: { input: styles.input, label: styles.label }, + label: 'hex', value: this.props.hex, + onChange: this.handleChange + }) + ) ); - } else { - a = _react2.default.createElement( - 'a', - { style: { textDecoration: 'none' }, onClick: this.handleClick }, - this.props.children + } else if (this.state.view === 'rgb') { + fields = _react2.default.createElement( + 'div', + { style: styles.fields, className: 'flexbox-fix' }, + _react2.default.createElement( + 'div', + { style: styles.field }, + _react2.default.createElement(_common.EditableInput, { + style: { input: styles.input, label: styles.label }, + label: 'r', + value: this.props.rgb.r, + onChange: this.handleChange + }) + ), + _react2.default.createElement( + 'div', + { style: styles.field }, + _react2.default.createElement(_common.EditableInput, { + style: { input: styles.input, label: styles.label }, + label: 'g', + value: this.props.rgb.g, + onChange: this.handleChange + }) + ), + _react2.default.createElement( + 'div', + { style: styles.field }, + _react2.default.createElement(_common.EditableInput, { + style: { input: styles.input, label: styles.label }, + label: 'b', + value: this.props.rgb.b, + onChange: this.handleChange + }) + ), + _react2.default.createElement( + 'div', + { style: styles.alpha }, + _react2.default.createElement(_common.EditableInput, { + style: { input: styles.input, label: styles.label }, + label: 'a', + value: this.props.rgb.a, + arrowOffset: 0.01, + onChange: this.handleChange + }) + ) ); - } - - return a; - } - }]); - - return Link; - }(_react2.default.Component); - - // Link.propTypes = - // onClick: PropTypes.oneOfType( - // PropTypes.string, - // PropTypes.func - // ); - - Link.defaultProps = { - newTab: false - }; - - exports.default = Link; - -/***/ }), -/* 381 */ -/***/ (function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.CompactColor = undefined; - - var _react = __webpack_require__(2); - - var _react2 = _interopRequireDefault(_react); - - var _reactcss = __webpack_require__(172); - - var _reactcss2 = _interopRequireDefault(_reactcss); - - var _common = __webpack_require__(341); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - var CompactColor = exports.CompactColor = function CompactColor(_ref) { - var color = _ref.color, - _ref$onClick = _ref.onClick, - onClick = _ref$onClick === undefined ? function () {} : _ref$onClick, - onSwatchHover = _ref.onSwatchHover, - active = _ref.active; - - var styles = (0, _reactcss2.default)({ - 'default': { - color: { - background: color, - width: '15px', - height: '15px', - float: 'left', - marginRight: '5px', - marginBottom: '5px', - position: 'relative', - cursor: 'pointer' - }, - dot: { - absolute: '5px 5px 5px 5px', - background: '#fff', - borderRadius: '50%', - opacity: '0' - } - }, - 'active': { - dot: { - opacity: '1' - } - }, - 'color-#FFFFFF': { - color: { - boxShadow: 'inset 0 0 0 1px #ddd' - }, - dot: { - background: '#000' - } - }, - 'transparent': { - dot: { - background: '#000' - } - } - }, { active: active, 'color-#FFFFFF': color === '#FFFFFF', 'transparent': color === 'transparent' }); - - return _react2.default.createElement( - _common.Swatch, - { - style: styles.color, - color: color, - onClick: onClick, - onHover: onSwatchHover, - focusStyle: { boxShadow: '0 0 4px ' + color } - }, - _react2.default.createElement('div', { style: styles.dot }) - ); - }; - - exports.default = CompactColor; - -/***/ }), -/* 382 */ -/***/ (function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.CompactFields = undefined; - - var _react = __webpack_require__(2); - - var _react2 = _interopRequireDefault(_react); - - var _reactcss = __webpack_require__(172); - - var _reactcss2 = _interopRequireDefault(_reactcss); - - var _common = __webpack_require__(341); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - var CompactFields = exports.CompactFields = function CompactFields(_ref) { - var hex = _ref.hex, - rgb = _ref.rgb, - onChange = _ref.onChange; - - var styles = (0, _reactcss2.default)({ - 'default': { - fields: { - display: 'flex', - paddingBottom: '6px', - paddingRight: '5px', - position: 'relative' - }, - active: { - position: 'absolute', - top: '6px', - left: '5px', - height: '9px', - width: '9px', - background: hex - }, - HEXwrap: { - flex: '6', - position: 'relative' - }, - HEXinput: { - width: '80%', - padding: '0px', - paddingLeft: '20%', - border: 'none', - outline: 'none', - background: 'none', - fontSize: '12px', - color: '#333', - height: '16px' - }, - HEXlabel: { - display: 'none' - }, - RGBwrap: { - flex: '3', - position: 'relative' - }, - RGBinput: { - width: '70%', - padding: '0px', - paddingLeft: '30%', - border: 'none', - outline: 'none', - background: 'none', - fontSize: '12px', - color: '#333', - height: '16px' - }, - RGBlabel: { - position: 'absolute', - top: '3px', - left: '0px', - lineHeight: '16px', - textTransform: 'uppercase', - fontSize: '12px', - color: '#999' - } - } - }); - - var handleChange = function handleChange(data, e) { - if (data.r || data.g || data.b) { - onChange({ - r: data.r || rgb.r, - g: data.g || rgb.g, - b: data.b || rgb.b, - source: 'rgb' - }, e); - } else { - onChange({ - hex: data.hex, - source: 'hex' - }, e); - } - }; - - return _react2.default.createElement( - 'div', - { style: styles.fields, className: 'flexbox-fix' }, - _react2.default.createElement('div', { style: styles.active }), - _react2.default.createElement(_common.EditableInput, { - style: { wrap: styles.HEXwrap, input: styles.HEXinput, label: styles.HEXlabel }, - label: 'hex', - value: hex, - onChange: handleChange - }), - _react2.default.createElement(_common.EditableInput, { - style: { wrap: styles.RGBwrap, input: styles.RGBinput, label: styles.RGBlabel }, - label: 'r', - value: rgb.r, - onChange: handleChange - }), - _react2.default.createElement(_common.EditableInput, { - style: { wrap: styles.RGBwrap, input: styles.RGBinput, label: styles.RGBlabel }, - label: 'g', - value: rgb.g, - onChange: handleChange - }), - _react2.default.createElement(_common.EditableInput, { - style: { wrap: styles.RGBwrap, input: styles.RGBinput, label: styles.RGBlabel }, - label: 'b', - value: rgb.b, - onChange: handleChange - }) - ); - }; - - exports.default = CompactFields; - -/***/ }), -/* 383 */ -/***/ (function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.Github = undefined; - - var _react = __webpack_require__(2); - - var _react2 = _interopRequireDefault(_react); - - var _reactcss = __webpack_require__(172); - - var _reactcss2 = _interopRequireDefault(_reactcss); - - var _map = __webpack_require__(212); - - var _map2 = _interopRequireDefault(_map); - - var _common = __webpack_require__(341); - - var _GithubSwatch = __webpack_require__(384); - - var _GithubSwatch2 = _interopRequireDefault(_GithubSwatch); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - var Github = exports.Github = function Github(_ref) { - var width = _ref.width, - colors = _ref.colors, - onChange = _ref.onChange, - onSwatchHover = _ref.onSwatchHover, - triangle = _ref.triangle; - - var styles = (0, _reactcss2.default)({ - 'default': { - card: { - width: width, - background: '#fff', - border: '1px solid rgba(0,0,0,0.2)', - boxShadow: '0 3px 12px rgba(0,0,0,0.15)', - borderRadius: '4px', - position: 'relative', - padding: '5px', - display: 'flex', - flexWrap: 'wrap' - }, - triangle: { - position: 'absolute', - border: '7px solid transparent', - borderBottomColor: '#fff' - }, - triangleShadow: { - position: 'absolute', - border: '8px solid transparent', - borderBottomColor: 'rgba(0,0,0,0.15)' - } - }, - 'hide-triangle': { - triangle: { - display: 'none' - }, - triangleShadow: { - display: 'none' - } - }, - 'top-left-triangle': { - triangle: { - top: '-14px', - left: '10px' - }, - triangleShadow: { - top: '-16px', - left: '9px' - } - }, - 'top-right-triangle': { - triangle: { - top: '-14px', - right: '10px' - }, - triangleShadow: { - top: '-16px', - right: '9px' - } - }, - 'bottom-right-triangle': { - triangle: { - top: '35px', - right: '10px', - transform: 'rotate(180deg)' - }, - triangleShadow: { - top: '37px', - right: '9px', - transform: 'rotate(180deg)' - } - } - }, { - 'hide-triangle': triangle === 'hide', - 'top-left-triangle': triangle === 'top-left', - 'top-right-triangle': triangle === 'top-right', - 'bottom-right-triangle': triangle === 'bottom-right' - }); - - var handleChange = function handleChange(hex, e) { - return onChange({ hex: hex, source: 'hex' }, e); - }; - - return _react2.default.createElement( - 'div', - { style: styles.card, className: 'github-picker' }, - _react2.default.createElement('div', { style: styles.triangleShadow }), - _react2.default.createElement('div', { style: styles.triangle }), - (0, _map2.default)(colors, function (c) { - return _react2.default.createElement(_GithubSwatch2.default, { color: c, key: c, onClick: handleChange, onSwatchHover: onSwatchHover }); - }) - ); - }; - - Github.defaultProps = { - width: '200px', - colors: ['#B80000', '#DB3E00', '#FCCB00', '#008B02', '#006B76', '#1273DE', '#004DCF', '#5300EB', '#EB9694', '#FAD0C3', '#FEF3BD', '#C1E1C5', '#BEDADC', '#C4DEF6', '#BED3F3', '#D4C4FB'], - triangle: 'top-left' - }; - - exports.default = (0, _common.ColorWrap)(Github); - -/***/ }), -/* 384 */ -/***/ (function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.GithubSwatch = undefined; - - var _react = __webpack_require__(2); - - var _react2 = _interopRequireDefault(_react); - - var _reactcss = __webpack_require__(172); - - var _reactcss2 = _interopRequireDefault(_reactcss); - - var _common = __webpack_require__(341); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - var GithubSwatch = exports.GithubSwatch = function GithubSwatch(_ref) { - var hover = _ref.hover, - color = _ref.color, - onClick = _ref.onClick, - onSwatchHover = _ref.onSwatchHover; - - var hoverSwatch = { - position: 'relative', - zIndex: '2', - outline: '2px solid #fff', - boxShadow: '0 0 5px 2px rgba(0,0,0,0.25)' - }; - - var styles = (0, _reactcss2.default)({ - 'default': { - swatch: { - width: '25px', - height: '25px' - } - }, - 'hover': { - swatch: hoverSwatch - } - }, { hover: hover }); - - return _react2.default.createElement( - 'div', - { style: styles.swatch }, - _react2.default.createElement(_common.Swatch, { color: color, onClick: onClick, onHover: onSwatchHover, focusStyle: hoverSwatch }) - ); - }; - - exports.default = (0, _reactcss.handleHover)(GithubSwatch); - -/***/ }), -/* 385 */ -/***/ (function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.HuePicker = undefined; - - var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - - var _react = __webpack_require__(2); - - var _react2 = _interopRequireDefault(_react); - - var _reactcss = __webpack_require__(172); - - var _reactcss2 = _interopRequireDefault(_reactcss); - - var _common = __webpack_require__(341); - - var _HuePointer = __webpack_require__(386); - - var _HuePointer2 = _interopRequireDefault(_HuePointer); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - var HuePicker = exports.HuePicker = function HuePicker(_ref) { - var width = _ref.width, - height = _ref.height, - onChange = _ref.onChange, - hsl = _ref.hsl, - direction = _ref.direction, - pointer = _ref.pointer; - - var styles = (0, _reactcss2.default)({ - 'default': { - picker: { - position: 'relative', - width: width, - height: height - }, - hue: { - radius: '2px' - } - } - }); - - // Overwrite to provide pure hue color - var handleChange = function handleChange(data) { - return onChange({ a: 1, h: data.h, l: 0.5, s: 1 }); - }; - - return _react2.default.createElement( - 'div', - { style: styles.picker, className: 'hue-picker' }, - _react2.default.createElement(_common.Hue, _extends({}, styles.hue, { - hsl: hsl, - pointer: pointer, - onChange: handleChange, - direction: direction - })) - ); - }; - - HuePicker.defaultProps = { - width: '316px', - height: '16px', - direction: 'horizontal', - pointer: _HuePointer2.default - }; - - exports.default = (0, _common.ColorWrap)(HuePicker); - -/***/ }), -/* 386 */ -/***/ (function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.SliderPointer = undefined; - - var _react = __webpack_require__(2); - - var _react2 = _interopRequireDefault(_react); - - var _reactcss = __webpack_require__(172); - - var _reactcss2 = _interopRequireDefault(_reactcss); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - var SliderPointer = exports.SliderPointer = function SliderPointer(_ref) { - var direction = _ref.direction; - - var styles = (0, _reactcss2.default)({ - 'default': { - picker: { - width: '18px', - height: '18px', - borderRadius: '50%', - transform: 'translate(-9px, -1px)', - backgroundColor: 'rgb(248, 248, 248)', - boxShadow: '0 1px 4px 0 rgba(0, 0, 0, 0.37)' - } - }, - 'vertical': { - picker: { - transform: 'translate(-3px, -9px)' - } - } - }, { vertical: direction === 'vertical' }); - - return _react2.default.createElement('div', { style: styles.picker }); - }; - - exports.default = SliderPointer; - -/***/ }), -/* 387 */ -/***/ (function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.Material = undefined; - - var _react = __webpack_require__(2); - - var _react2 = _interopRequireDefault(_react); - - var _reactcss = __webpack_require__(172); - - var _reactcss2 = _interopRequireDefault(_reactcss); - - var _color = __webpack_require__(356); - - var _color2 = _interopRequireDefault(_color); - - var _reactMaterialDesign = __webpack_require__(373); - - var _common = __webpack_require__(341); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - var Material = exports.Material = function Material(_ref) { - var onChange = _ref.onChange, - hex = _ref.hex, - rgb = _ref.rgb; - - var styles = (0, _reactcss2.default)({ - 'default': { - material: { - width: '98px', - height: '98px', - padding: '16px', - fontFamily: 'Roboto' - }, - HEXwrap: { - position: 'relative' - }, - HEXinput: { - width: '100%', - marginTop: '12px', - fontSize: '15px', - color: '#333', - padding: '0px', - border: '0px', - borderBottom: '2px solid ' + hex, - outline: 'none', - height: '30px' - }, - HEXlabel: { - position: 'absolute', - top: '0px', - left: '0px', - fontSize: '11px', - color: '#999999', - textTransform: 'capitalize' - }, - Hex: { - style: {} - }, - RGBwrap: { - position: 'relative' - }, - RGBinput: { - width: '100%', - marginTop: '12px', - fontSize: '15px', - color: '#333', - padding: '0px', - border: '0px', - borderBottom: '1px solid #eee', - outline: 'none', - height: '30px' - }, - RGBlabel: { - position: 'absolute', - top: '0px', - left: '0px', - fontSize: '11px', - color: '#999999', - textTransform: 'capitalize' - }, - split: { - display: 'flex', - marginRight: '-10px', - paddingTop: '11px' - }, - third: { - flex: '1', - paddingRight: '10px' - } - } - }); - - var handleChange = function handleChange(data, e) { - if (data.hex) { - _color2.default.isValidHex(data.hex) && onChange({ - hex: data.hex, - source: 'hex' - }, e); - } else if (data.r || data.g || data.b) { - onChange({ - r: data.r || rgb.r, - g: data.g || rgb.g, - b: data.b || rgb.b, - source: 'rgb' - }, e); - } - }; - - return _react2.default.createElement( - _reactMaterialDesign.Raised, - null, - _react2.default.createElement( - 'div', - { style: styles.material, className: 'material-picker' }, - _react2.default.createElement(_common.EditableInput, { - style: { wrap: styles.HEXwrap, input: styles.HEXinput, label: styles.HEXlabel }, - label: 'hex', - value: hex, - onChange: handleChange - }), - _react2.default.createElement( - 'div', - { style: styles.split, className: 'flexbox-fix' }, - _react2.default.createElement( - 'div', - { style: styles.third }, - _react2.default.createElement(_common.EditableInput, { - style: { wrap: styles.RGBwrap, input: styles.RGBinput, label: styles.RGBlabel }, - label: 'r', value: rgb.r, - onChange: handleChange - }) - ), - _react2.default.createElement( - 'div', - { style: styles.third }, - _react2.default.createElement(_common.EditableInput, { - style: { wrap: styles.RGBwrap, input: styles.RGBinput, label: styles.RGBlabel }, - label: 'g', - value: rgb.g, - onChange: handleChange - }) - ), - _react2.default.createElement( - 'div', - { style: styles.third }, - _react2.default.createElement(_common.EditableInput, { - style: { wrap: styles.RGBwrap, input: styles.RGBinput, label: styles.RGBlabel }, - label: 'b', - value: rgb.b, - onChange: handleChange - }) - ) - ) - ) - ); - }; - - exports.default = (0, _common.ColorWrap)(Material); - -/***/ }), -/* 388 */ -/***/ (function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.Photoshop = undefined; - - var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - - var _react = __webpack_require__(2); - - var _react2 = _interopRequireDefault(_react); - - var _reactcss = __webpack_require__(172); - - var _reactcss2 = _interopRequireDefault(_reactcss); - - var _common = __webpack_require__(341); - - var _PhotoshopFields = __webpack_require__(389); - - var _PhotoshopFields2 = _interopRequireDefault(_PhotoshopFields); - - var _PhotoshopPointerCircle = __webpack_require__(390); - - var _PhotoshopPointerCircle2 = _interopRequireDefault(_PhotoshopPointerCircle); - - var _PhotoshopPointer = __webpack_require__(391); - - var _PhotoshopPointer2 = _interopRequireDefault(_PhotoshopPointer); - - var _PhotoshopButton = __webpack_require__(392); - - var _PhotoshopButton2 = _interopRequireDefault(_PhotoshopButton); - - var _PhotoshopPreviews = __webpack_require__(393); - - var _PhotoshopPreviews2 = _interopRequireDefault(_PhotoshopPreviews); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - - var Photoshop = exports.Photoshop = function (_React$Component) { - _inherits(Photoshop, _React$Component); - - function Photoshop(props) { - _classCallCheck(this, Photoshop); - - var _this = _possibleConstructorReturn(this, (Photoshop.__proto__ || Object.getPrototypeOf(Photoshop)).call(this)); - - _this.state = { - currentColor: props.hex - }; - return _this; - } - - _createClass(Photoshop, [{ - key: 'render', - value: function render() { - var styles = (0, _reactcss2.default)({ - 'default': { - picker: { - background: '#DCDCDC', - borderRadius: '4px', - boxShadow: '0 0 0 1px rgba(0,0,0,.25), 0 8px 16px rgba(0,0,0,.15)', - boxSizing: 'initial', - width: '513px' - }, - head: { - backgroundImage: 'linear-gradient(-180deg, #F0F0F0 0%, #D4D4D4 100%)', - borderBottom: '1px solid #B1B1B1', - boxShadow: 'inset 0 1px 0 0 rgba(255,255,255,.2), inset 0 -1px 0 0 rgba(0,0,0,.02)', - height: '23px', - lineHeight: '24px', - borderRadius: '4px 4px 0 0', - fontSize: '13px', - color: '#4D4D4D', - textAlign: 'center' - }, - body: { - padding: '15px 15px 0', - display: 'flex' - }, - saturation: { - width: '256px', - height: '256px', - position: 'relative', - border: '2px solid #B3B3B3', - borderBottom: '2px solid #F0F0F0', - overflow: 'hidden' - }, - hue: { - position: 'relative', - height: '256px', - width: '19px', - marginLeft: '10px', - border: '2px solid #B3B3B3', - borderBottom: '2px solid #F0F0F0' - }, - controls: { - width: '180px', - marginLeft: '10px' - }, - top: { - display: 'flex' - }, - previews: { - width: '60px' - }, - actions: { - flex: '1', - marginLeft: '20px' - } - } - }); - - return _react2.default.createElement( - 'div', - { style: styles.picker, className: 'photoshop-picker' }, - _react2.default.createElement( - 'div', - { style: styles.head }, - this.props.header - ), - _react2.default.createElement( - 'div', - { style: styles.body, className: 'flexbox-fix' }, - _react2.default.createElement( - 'div', - { style: styles.saturation }, - _react2.default.createElement(_common.Saturation, { - hsl: this.props.hsl, - hsv: this.props.hsv, - pointer: _PhotoshopPointerCircle2.default, - onChange: this.props.onChange - }) - ), - _react2.default.createElement( - 'div', - { style: styles.hue }, - _react2.default.createElement(_common.Hue, { - direction: 'vertical', - hsl: this.props.hsl, - pointer: _PhotoshopPointer2.default, - onChange: this.props.onChange - }) - ), - _react2.default.createElement( - 'div', - { style: styles.controls }, - _react2.default.createElement( - 'div', - { style: styles.top, className: 'flexbox-fix' }, - _react2.default.createElement( - 'div', - { style: styles.previews }, - _react2.default.createElement(_PhotoshopPreviews2.default, { - rgb: this.props.rgb, - currentColor: this.state.currentColor - }) - ), - _react2.default.createElement( - 'div', - { style: styles.actions }, - _react2.default.createElement(_PhotoshopButton2.default, { label: 'OK', onClick: this.props.onAccept, active: true }), - _react2.default.createElement(_PhotoshopButton2.default, { label: 'Cancel', onClick: this.props.onCancel }), - _react2.default.createElement(_PhotoshopFields2.default, { - onChange: this.props.onChange, - rgb: this.props.rgb, - hsv: this.props.hsv, - hex: this.props.hex - }) - ) - ) - ) - ) - ); - } - }]); - - return Photoshop; - }(_react2.default.Component); - - Photoshop.defaultProps = { - header: 'Color Picker' - }; - - exports.default = (0, _common.ColorWrap)(Photoshop); - -/***/ }), -/* 389 */ -/***/ (function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.PhotoshopPicker = undefined; - - var _react = __webpack_require__(2); - - var _react2 = _interopRequireDefault(_react); - - var _reactcss = __webpack_require__(172); - - var _reactcss2 = _interopRequireDefault(_reactcss); - - var _color = __webpack_require__(356); - - var _color2 = _interopRequireDefault(_color); - - var _common = __webpack_require__(341); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - var PhotoshopPicker = exports.PhotoshopPicker = function PhotoshopPicker(_ref) { - var onChange = _ref.onChange, - rgb = _ref.rgb, - hsv = _ref.hsv, - hex = _ref.hex; - - var styles = (0, _reactcss2.default)({ - 'default': { - fields: { - paddingTop: '5px', - paddingBottom: '9px', - width: '80px', - position: 'relative' - }, - divider: { - height: '5px' - }, - RGBwrap: { - position: 'relative' - }, - RGBinput: { - marginLeft: '40%', - width: '40%', - height: '18px', - border: '1px solid #888888', - boxShadow: 'inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC', - marginBottom: '5px', - fontSize: '13px', - paddingLeft: '3px', - marginRight: '10px' - }, - RGBlabel: { - left: '0px', - width: '34px', - textTransform: 'uppercase', - fontSize: '13px', - height: '18px', - lineHeight: '22px', - position: 'absolute' - }, - HEXwrap: { - position: 'relative' - }, - HEXinput: { - marginLeft: '20%', - width: '80%', - height: '18px', - border: '1px solid #888888', - boxShadow: 'inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC', - marginBottom: '6px', - fontSize: '13px', - paddingLeft: '3px' - }, - HEXlabel: { - position: 'absolute', - top: '0px', - left: '0px', - width: '14px', - textTransform: 'uppercase', - fontSize: '13px', - height: '18px', - lineHeight: '22px' - }, - fieldSymbols: { - position: 'absolute', - top: '5px', - right: '-7px', - fontSize: '13px' - }, - symbol: { - height: '20px', - lineHeight: '22px', - paddingBottom: '7px' - } - } - }); - - var handleChange = function handleChange(data, e) { - if (data['#']) { - _color2.default.isValidHex(data['#']) && onChange({ - hex: data['#'], - source: 'hex' - }, e); - } else if (data.r || data.g || data.b) { - onChange({ - r: data.r || rgb.r, - g: data.g || rgb.g, - b: data.b || rgb.b, - source: 'rgb' - }, e); - } else if (data.h || data.s || data.v) { - onChange({ - h: data.h || hsv.h, - s: data.s || hsv.s, - v: data.v || hsv.v, - source: 'hsv' - }, e); - } - }; - - return _react2.default.createElement( - 'div', - { style: styles.fields }, - _react2.default.createElement(_common.EditableInput, { - style: { wrap: styles.RGBwrap, input: styles.RGBinput, label: styles.RGBlabel }, - label: 'h', - value: Math.round(hsv.h), - onChange: handleChange - }), - _react2.default.createElement(_common.EditableInput, { - style: { wrap: styles.RGBwrap, input: styles.RGBinput, label: styles.RGBlabel }, - label: 's', - value: Math.round(hsv.s * 100), - onChange: handleChange - }), - _react2.default.createElement(_common.EditableInput, { - style: { wrap: styles.RGBwrap, input: styles.RGBinput, label: styles.RGBlabel }, - label: 'v', - value: Math.round(hsv.v * 100), - onChange: handleChange - }), - _react2.default.createElement('div', { style: styles.divider }), - _react2.default.createElement(_common.EditableInput, { - style: { wrap: styles.RGBwrap, input: styles.RGBinput, label: styles.RGBlabel }, - label: 'r', - value: rgb.r, - onChange: handleChange - }), - _react2.default.createElement(_common.EditableInput, { - style: { wrap: styles.RGBwrap, input: styles.RGBinput, label: styles.RGBlabel }, - label: 'g', - value: rgb.g, - onChange: handleChange - }), - _react2.default.createElement(_common.EditableInput, { - style: { wrap: styles.RGBwrap, input: styles.RGBinput, label: styles.RGBlabel }, - label: 'b', - value: rgb.b, - onChange: handleChange - }), - _react2.default.createElement('div', { style: styles.divider }), - _react2.default.createElement(_common.EditableInput, { - style: { wrap: styles.HEXwrap, input: styles.HEXinput, label: styles.HEXlabel }, - label: '#', - value: hex.replace('#', ''), - onChange: handleChange - }), - _react2.default.createElement( - 'div', - { style: styles.fieldSymbols }, - _react2.default.createElement( - 'div', - { style: styles.symbol }, - '\xB0' - ), - _react2.default.createElement( - 'div', - { style: styles.symbol }, - '%' - ), - _react2.default.createElement( - 'div', - { style: styles.symbol }, - '%' - ) - ) - ); - }; - - exports.default = PhotoshopPicker; - -/***/ }), -/* 390 */ -/***/ (function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.PhotoshopPointerCircle = undefined; - - var _react = __webpack_require__(2); - - var _react2 = _interopRequireDefault(_react); - - var _reactcss = __webpack_require__(172); - - var _reactcss2 = _interopRequireDefault(_reactcss); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - var PhotoshopPointerCircle = exports.PhotoshopPointerCircle = function PhotoshopPointerCircle(_ref) { - var hsl = _ref.hsl; - - var styles = (0, _reactcss2.default)({ - 'default': { - picker: { - width: '12px', - height: '12px', - borderRadius: '6px', - boxShadow: 'inset 0 0 0 1px #fff', - transform: 'translate(-6px, -6px)' - } - }, - 'black-outline': { - picker: { - boxShadow: 'inset 0 0 0 1px #000' - } - } - }, { 'black-outline': hsl.l > 0.5 }); - - return _react2.default.createElement('div', { style: styles.picker }); - }; - - exports.default = PhotoshopPointerCircle; - -/***/ }), -/* 391 */ -/***/ (function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.PhotoshopPointerCircle = undefined; - - var _react = __webpack_require__(2); - - var _react2 = _interopRequireDefault(_react); - - var _reactcss = __webpack_require__(172); - - var _reactcss2 = _interopRequireDefault(_reactcss); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - var PhotoshopPointerCircle = exports.PhotoshopPointerCircle = function PhotoshopPointerCircle() { - var styles = (0, _reactcss2.default)({ - 'default': { - triangle: { - width: 0, - height: 0, - borderStyle: 'solid', - borderWidth: '4px 0 4px 6px', - borderColor: 'transparent transparent transparent #fff', - position: 'absolute', - top: '1px', - left: '1px' - }, - triangleBorder: { - width: 0, - height: 0, - borderStyle: 'solid', - borderWidth: '5px 0 5px 8px', - borderColor: 'transparent transparent transparent #555' - }, - - left: { - Extend: 'triangleBorder', - transform: 'translate(-13px, -4px)' - }, - leftInside: { - Extend: 'triangle', - transform: 'translate(-8px, -5px)' - }, + } else if (this.state.view === 'hsl') { + fields = _react2.default.createElement( + 'div', + { style: styles.fields, className: 'flexbox-fix' }, + _react2.default.createElement( + 'div', + { style: styles.field }, + _react2.default.createElement(_common.EditableInput, { + style: { input: styles.input, label: styles.label }, + label: 'h', + value: Math.round(this.props.hsl.h), + onChange: this.handleChange + }) + ), + _react2.default.createElement( + 'div', + { style: styles.field }, + _react2.default.createElement(_common.EditableInput, { + style: { input: styles.input, label: styles.label }, + label: 's', + value: Math.round(this.props.hsl.s * 100) + '%', + onChange: this.handleChange + }) + ), + _react2.default.createElement( + 'div', + { style: styles.field }, + _react2.default.createElement(_common.EditableInput, { + style: { input: styles.input, label: styles.label }, + label: 'l', + value: Math.round(this.props.hsl.l * 100) + '%', + onChange: this.handleChange + }) + ), + _react2.default.createElement( + 'div', + { style: styles.alpha }, + _react2.default.createElement(_common.EditableInput, { + style: { input: styles.input, label: styles.label }, + label: 'a', + value: this.props.hsl.a, + arrowOffset: 0.01, + onChange: this.handleChange + }) + ) + ); + } - right: { - Extend: 'triangleBorder', - transform: 'translate(20px, -14px) rotate(180deg)' - }, - rightInside: { - Extend: 'triangle', - transform: 'translate(-8px, -5px)' + return _react2.default.createElement( + 'div', + { style: styles.wrap, className: 'flexbox-fix' }, + fields, + _react2.default.createElement( + 'div', + { style: styles.toggle }, + _react2.default.createElement( + 'div', + { style: styles.icon, onClick: this.toggleViews, ref: function ref(icon) { + return _this2.icon = icon; + } }, + _react2.default.createElement(_UnfoldMoreHorizontalIcon2.default, { + style: styles.svg, + onMouseOver: this.showHighlight, + onMouseEnter: this.showHighlight, + onMouseOut: this.hideHighlight + }) + ) + ) + ); + } + }], [{ + key: 'getDerivedStateFromProps', + value: function getDerivedStateFromProps(nextProps, state) { + if (nextProps.hsl.a !== 1 && state.view === 'hex') { + return { view: 'rgb' }; } + return null; } - }); + }]); - return _react2.default.createElement( - 'div', - { style: styles.pointer }, - _react2.default.createElement( - 'div', - { style: styles.left }, - _react2.default.createElement('div', { style: styles.leftInside }) - ), - _react2.default.createElement( - 'div', - { style: styles.right }, - _react2.default.createElement('div', { style: styles.rightInside }) - ) - ); + return ChromeFields; + }(_react2.default.Component); + + ChromeFields.defaultProps = { + view: "hex" }; - exports.default = PhotoshopPointerCircle; + exports.default = ChromeFields; /***/ }), -/* 392 */ +/* 390 */ +/***/ (function(module, exports) { + + /** + * Checks if `value` is `undefined`. + * + * @static + * @since 0.1.0 + * @memberOf _ + * @category Lang + * @param {*} value The value to check. + * @returns {boolean} Returns `true` if `value` is `undefined`, else `false`. + * @example + * + * _.isUndefined(void 0); + * // => true + * + * _.isUndefined(null); + * // => false + */ + function isUndefined(value) { + return value === undefined; + } + + module.exports = isUndefined; + + +/***/ }), +/* 391 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -33016,58 +31883,42 @@ Object.defineProperty(exports, "__esModule", { value: true }); - exports.PhotoshopBotton = undefined; + + var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); - - var _reactcss2 = _interopRequireDefault(_reactcss); - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var PhotoshopBotton = exports.PhotoshopBotton = function PhotoshopBotton(_ref) { - var onClick = _ref.onClick, - label = _ref.label, - children = _ref.children, - active = _ref.active; + function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } - var styles = (0, _reactcss2.default)({ - 'default': { - button: { - backgroundImage: 'linear-gradient(-180deg, #FFFFFF 0%, #E6E6E6 100%)', - border: '1px solid #878787', - borderRadius: '2px', - height: '20px', - boxShadow: '0 1px 0 0 #EAEAEA', - fontSize: '14px', - color: '#000', - lineHeight: '20px', - textAlign: 'center', - marginBottom: '10px', - cursor: 'pointer' - } - }, - 'active': { - button: { - boxShadow: '0 0 0 1px #878787' - } - } - }, { active: active }); + var DEFAULT_SIZE = 24; + + exports.default = function (_ref) { + var _ref$fill = _ref.fill, + fill = _ref$fill === undefined ? 'currentColor' : _ref$fill, + _ref$width = _ref.width, + width = _ref$width === undefined ? DEFAULT_SIZE : _ref$width, + _ref$height = _ref.height, + height = _ref$height === undefined ? DEFAULT_SIZE : _ref$height, + _ref$style = _ref.style, + style = _ref$style === undefined ? {} : _ref$style, + props = _objectWithoutProperties(_ref, ['fill', 'width', 'height', 'style']); return _react2.default.createElement( - 'div', - { style: styles.button, onClick: onClick }, - label || children + 'svg', + _extends({ + viewBox: '0 0 ' + DEFAULT_SIZE + ' ' + DEFAULT_SIZE, + style: _extends({ fill: fill, width: width, height: height }, style) + }, props), + _react2.default.createElement('path', { d: 'M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z' }) ); }; - exports.default = PhotoshopBotton; - /***/ }), -/* 393 */ +/* 392 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -33075,74 +31926,39 @@ Object.defineProperty(exports, "__esModule", { value: true }); - exports.PhotoshopPreviews = undefined; + exports.ChromePointer = undefined; var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var PhotoshopPreviews = exports.PhotoshopPreviews = function PhotoshopPreviews(_ref) { - var rgb = _ref.rgb, - currentColor = _ref.currentColor; - + var ChromePointer = exports.ChromePointer = function ChromePointer() { var styles = (0, _reactcss2.default)({ 'default': { - swatches: { - border: '1px solid #B3B3B3', - borderBottom: '1px solid #F0F0F0', - marginBottom: '2px', - marginTop: '1px' - }, - new: { - height: '34px', - background: 'rgb(' + rgb.r + ',' + rgb.g + ', ' + rgb.b + ')', - boxShadow: 'inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 1px 0 #000' - }, - current: { - height: '34px', - background: currentColor, - boxShadow: 'inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 -1px 0 #000' - }, - label: { - fontSize: '14px', - color: '#000', - textAlign: 'center' + picker: { + width: '12px', + height: '12px', + borderRadius: '6px', + transform: 'translate(-6px, -1px)', + backgroundColor: 'rgb(248, 248, 248)', + boxShadow: '0 1px 4px 0 rgba(0, 0, 0, 0.37)' } } }); - return _react2.default.createElement( - 'div', - null, - _react2.default.createElement( - 'div', - { style: styles.label }, - 'new' - ), - _react2.default.createElement( - 'div', - { style: styles.swatches }, - _react2.default.createElement('div', { style: styles.new }), - _react2.default.createElement('div', { style: styles.current }) - ), - _react2.default.createElement( - 'div', - { style: styles.label }, - 'current' - ) - ); + return _react2.default.createElement('div', { style: styles.picker }); }; - exports.default = PhotoshopPreviews; + exports.default = ChromePointer; /***/ }), -/* 394 */ +/* 393 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -33150,179 +31966,161 @@ Object.defineProperty(exports, "__esModule", { value: true }); - exports.Sketch = undefined; + exports.ChromePointerCircle = undefined; var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); - var _common = __webpack_require__(341); - - var _SketchFields = __webpack_require__(395); - - var _SketchFields2 = _interopRequireDefault(_SketchFields); - - var _SketchPresetColors = __webpack_require__(396); - - var _SketchPresetColors2 = _interopRequireDefault(_SketchPresetColors); - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var Sketch = exports.Sketch = function Sketch(_ref) { - var width = _ref.width, - rgb = _ref.rgb, - hex = _ref.hex, - hsv = _ref.hsv, - hsl = _ref.hsl, - onChange = _ref.onChange, - onSwatchHover = _ref.onSwatchHover, - disableAlpha = _ref.disableAlpha, - presetColors = _ref.presetColors, - renderers = _ref.renderers; - + var ChromePointerCircle = exports.ChromePointerCircle = function ChromePointerCircle() { var styles = (0, _reactcss2.default)({ 'default': { picker: { - width: width, - padding: '10px 10px 0', - boxSizing: 'initial', - background: '#fff', - borderRadius: '4px', - boxShadow: '0 0 0 1px rgba(0,0,0,.15), 0 8px 16px rgba(0,0,0,.15)' - }, - saturation: { - width: '100%', - paddingBottom: '75%', - position: 'relative', - overflow: 'hidden' - }, - Saturation: { - radius: '3px', - shadow: 'inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)' - }, - controls: { - display: 'flex' - }, - sliders: { - padding: '4px 0', - flex: '1' - }, - color: { - width: '24px', - height: '24px', - position: 'relative', - marginTop: '4px', - marginLeft: '4px', - borderRadius: '3px' - }, - activeColor: { - absolute: '0px 0px 0px 0px', - borderRadius: '2px', - background: 'rgba(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ',' + rgb.a + ')', - boxShadow: 'inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)' - }, - hue: { - position: 'relative', - height: '10px', - overflow: 'hidden' - }, - Hue: { - radius: '2px', - shadow: 'inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)' - }, - - alpha: { - position: 'relative', - height: '10px', - marginTop: '4px', - overflow: 'hidden' - }, - Alpha: { - radius: '2px', - shadow: 'inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)' + width: '12px', + height: '12px', + borderRadius: '6px', + boxShadow: 'inset 0 0 0 1px #fff', + transform: 'translate(-6px, -6px)' } - }, - 'disableAlpha': { - color: { - height: '10px' + } + }); + + return _react2.default.createElement('div', { style: styles.picker }); + }; + + exports.default = ChromePointerCircle; + +/***/ }), +/* 394 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.Compact = undefined; + + var _react = __webpack_require__(2); + + var _react2 = _interopRequireDefault(_react); + + var _propTypes = __webpack_require__(351); + + var _propTypes2 = _interopRequireDefault(_propTypes); + + var _reactcss = __webpack_require__(174); + + var _reactcss2 = _interopRequireDefault(_reactcss); + + var _map = __webpack_require__(214); + + var _map2 = _interopRequireDefault(_map); + + var _merge = __webpack_require__(353); + + var _merge2 = _interopRequireDefault(_merge); + + var _color = __webpack_require__(376); + + var color = _interopRequireWildcard(_color); + + var _common = __webpack_require__(342); + + var _CompactColor = __webpack_require__(395); + + var _CompactColor2 = _interopRequireDefault(_CompactColor); + + var _CompactFields = __webpack_require__(396); + + var _CompactFields2 = _interopRequireDefault(_CompactFields); + + function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + var Compact = exports.Compact = function Compact(_ref) { + var onChange = _ref.onChange, + onSwatchHover = _ref.onSwatchHover, + colors = _ref.colors, + hex = _ref.hex, + rgb = _ref.rgb, + _ref$styles = _ref.styles, + passedStyles = _ref$styles === undefined ? {} : _ref$styles, + _ref$className = _ref.className, + className = _ref$className === undefined ? '' : _ref$className; + + var styles = (0, _reactcss2.default)((0, _merge2.default)({ + 'default': { + Compact: { + background: '#f6f6f6', + radius: '4px' }, - hue: { - height: '10px' + compact: { + paddingTop: '5px', + paddingLeft: '5px', + boxSizing: 'initial', + width: '240px' }, - alpha: { - display: 'none' + clear: { + clear: 'both' } } - }, { disableAlpha: disableAlpha }); + }, passedStyles)); + + var handleChange = function handleChange(data, e) { + if (data.hex) { + color.isValidHex(data.hex) && onChange({ + hex: data.hex, + source: 'hex' + }, e); + } else { + onChange(data, e); + } + }; return _react2.default.createElement( - 'div', - { style: styles.picker, className: 'sketch-picker' }, - _react2.default.createElement( - 'div', - { style: styles.saturation }, - _react2.default.createElement(_common.Saturation, { - style: styles.Saturation, - hsl: hsl, - hsv: hsv, - onChange: onChange - }) - ), + _common.Raised, + { style: styles.Compact, styles: passedStyles }, _react2.default.createElement( 'div', - { style: styles.controls, className: 'flexbox-fix' }, + { style: styles.compact, className: 'compact-picker ' + className }, _react2.default.createElement( 'div', - { style: styles.sliders }, - _react2.default.createElement( - 'div', - { style: styles.hue }, - _react2.default.createElement(_common.Hue, { - style: styles.Hue, - hsl: hsl, - onChange: onChange - }) - ), - _react2.default.createElement( - 'div', - { style: styles.alpha }, - _react2.default.createElement(_common.Alpha, { - style: styles.Alpha, - rgb: rgb, - hsl: hsl, - renderers: renderers, - onChange: onChange - }) - ) + null, + (0, _map2.default)(colors, function (c) { + return _react2.default.createElement(_CompactColor2.default, { + key: c, + color: c, + active: c.toLowerCase() === hex, + onClick: handleChange, + onSwatchHover: onSwatchHover + }); + }), + _react2.default.createElement('div', { style: styles.clear }) ), - _react2.default.createElement( - 'div', - { style: styles.color }, - _react2.default.createElement(_common.Checkboard, null), - _react2.default.createElement('div', { style: styles.activeColor }) - ) - ), - _react2.default.createElement(_SketchFields2.default, { - rgb: rgb, - hsl: hsl, - hex: hex, - onChange: onChange, - disableAlpha: disableAlpha - }), - _react2.default.createElement(_SketchPresetColors2.default, { colors: presetColors, onClick: onChange, onSwatchHover: onSwatchHover }) + _react2.default.createElement(_CompactFields2.default, { hex: hex, rgb: rgb, onChange: handleChange }) + ) ); }; - Sketch.defaultProps = { - presetColors: ['#D0021B', '#F5A623', '#F8E71C', '#8B572A', '#7ED321', '#417505', '#BD10E0', '#9013FE', '#4A90E2', '#50E3C2', '#B8E986', '#000000', '#4A4A4A', '#9B9B9B', '#FFFFFF'], - width: 200 + Compact.propTypes = { + colors: _propTypes2.default.arrayOf(_propTypes2.default.string), + styles: _propTypes2.default.object }; - exports.default = (0, _common.ColorWrap)(Sketch); + Compact.defaultProps = { + colors: ['#4D4D4D', '#999999', '#FFFFFF', '#F44E3B', '#FE9200', '#FCDC00', '#DBDF00', '#A4DD00', '#68CCCA', '#73D8FF', '#AEA1FF', '#FDA1FF', '#333333', '#808080', '#cccccc', '#D33115', '#E27300', '#FCC400', '#B0BC00', '#68BC00', '#16A5A5', '#009CE0', '#7B64FF', '#FA28FF', '#000000', '#666666', '#B3B3B3', '#9F0500', '#C45100', '#FB9E00', '#808900', '#194D33', '#0C797D', '#0062B1', '#653294', '#AB149E'], + styles: {} + }; + + exports.default = (0, _common.ColorWrap)(Compact); /***/ }), /* 395 */ @@ -33333,171 +32131,86 @@ Object.defineProperty(exports, "__esModule", { value: true }); - exports.ShetchFields = undefined; + exports.CompactColor = undefined; var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); - var _color = __webpack_require__(356); + var _color = __webpack_require__(376); - var _color2 = _interopRequireDefault(_color); + var colorUtils = _interopRequireWildcard(_color); - var _common = __webpack_require__(341); + var _common = __webpack_require__(342); - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } - /* eslint-disable no-param-reassign */ + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var ShetchFields = exports.ShetchFields = function ShetchFields(_ref) { - var onChange = _ref.onChange, - rgb = _ref.rgb, - hsl = _ref.hsl, - hex = _ref.hex, - disableAlpha = _ref.disableAlpha; + var CompactColor = exports.CompactColor = function CompactColor(_ref) { + var color = _ref.color, + _ref$onClick = _ref.onClick, + onClick = _ref$onClick === undefined ? function () {} : _ref$onClick, + onSwatchHover = _ref.onSwatchHover, + active = _ref.active; var styles = (0, _reactcss2.default)({ 'default': { - fields: { - display: 'flex', - paddingTop: '4px' - }, - single: { - flex: '1', - paddingLeft: '6px' - }, - alpha: { - flex: '1', - paddingLeft: '6px' - }, - double: { - flex: '2' - }, - input: { - width: '80%', - padding: '4px 10% 3px', - border: 'none', - boxShadow: 'inset 0 0 0 1px #ccc', - fontSize: '11px' + color: { + background: color, + width: '15px', + height: '15px', + float: 'left', + marginRight: '5px', + marginBottom: '5px', + position: 'relative', + cursor: 'pointer' }, - label: { - display: 'block', - textAlign: 'center', - fontSize: '11px', - color: '#222', - paddingTop: '3px', - paddingBottom: '4px', - textTransform: 'capitalize' + dot: { + absolute: '5px 5px 5px 5px', + background: colorUtils.getContrastingColor(color), + borderRadius: '50%', + opacity: '0' } }, - 'disableAlpha': { - alpha: { - display: 'none' + 'active': { + dot: { + opacity: '1' } - } - }, { disableAlpha: disableAlpha }); - - var handleChange = function handleChange(data, e) { - if (data.hex) { - _color2.default.isValidHex(data.hex) && onChange({ - hex: data.hex, - source: 'hex' - }, e); - } else if (data.r || data.g || data.b) { - onChange({ - r: data.r || rgb.r, - g: data.g || rgb.g, - b: data.b || rgb.b, - a: rgb.a, - source: 'rgb' - }, e); - } else if (data.a) { - if (data.a < 0) { - data.a = 0; - } else if (data.a > 100) { - data.a = 100; + }, + 'color-#FFFFFF': { + color: { + boxShadow: 'inset 0 0 0 1px #ddd' + }, + dot: { + background: '#000' + } + }, + 'transparent': { + dot: { + background: '#000' } - - data.a = data.a / 100; - onChange({ - h: hsl.h, - s: hsl.s, - l: hsl.l, - a: data.a, - source: 'rgb' - }, e); } - }; + }, { active: active, 'color-#FFFFFF': color === '#FFFFFF', 'transparent': color === 'transparent' }); return _react2.default.createElement( - 'div', - { style: styles.fields, className: 'flexbox-fix' }, - _react2.default.createElement( - 'div', - { style: styles.double }, - _react2.default.createElement(_common.EditableInput, { - style: { input: styles.input, label: styles.label }, - label: 'hex', - value: hex.replace('#', ''), - onChange: handleChange - }) - ), - _react2.default.createElement( - 'div', - { style: styles.single }, - _react2.default.createElement(_common.EditableInput, { - style: { input: styles.input, label: styles.label }, - label: 'r', - value: rgb.r, - onChange: handleChange, - dragLabel: 'true', - dragMax: '255' - }) - ), - _react2.default.createElement( - 'div', - { style: styles.single }, - _react2.default.createElement(_common.EditableInput, { - style: { input: styles.input, label: styles.label }, - label: 'g', - value: rgb.g, - onChange: handleChange, - dragLabel: 'true', - dragMax: '255' - }) - ), - _react2.default.createElement( - 'div', - { style: styles.single }, - _react2.default.createElement(_common.EditableInput, { - style: { input: styles.input, label: styles.label }, - label: 'b', - value: rgb.b, - onChange: handleChange, - dragLabel: 'true', - dragMax: '255' - }) - ), - _react2.default.createElement( - 'div', - { style: styles.alpha }, - _react2.default.createElement(_common.EditableInput, { - style: { input: styles.input, label: styles.label }, - label: 'a', - value: Math.round(rgb.a * 100), - onChange: handleChange, - dragLabel: 'true', - dragMax: '100' - }) - ) + _common.Swatch, + { + style: styles.color, + color: color, + onClick: onClick, + onHover: onSwatchHover, + focusStyle: { boxShadow: '0 0 4px ' + color } + }, + _react2.default.createElement('div', { style: styles.dot }) ); }; - exports.default = ShetchFields; + exports.default = CompactColor; /***/ }), /* 396 */ @@ -33508,96 +32221,134 @@ Object.defineProperty(exports, "__esModule", { value: true }); - exports.SketchPresetColors = undefined; - - var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; + exports.CompactFields = undefined; var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); - var _propTypes = __webpack_require__(375); - - var _propTypes2 = _interopRequireDefault(_propTypes); - - var _reactcss = __webpack_require__(172); + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); - var _common = __webpack_require__(341); + var _common = __webpack_require__(342); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var SketchPresetColors = exports.SketchPresetColors = function SketchPresetColors(_ref) { - var colors = _ref.colors, - _ref$onClick = _ref.onClick, - onClick = _ref$onClick === undefined ? function () {} : _ref$onClick, - onSwatchHover = _ref.onSwatchHover; + var CompactFields = exports.CompactFields = function CompactFields(_ref) { + var hex = _ref.hex, + rgb = _ref.rgb, + onChange = _ref.onChange; var styles = (0, _reactcss2.default)({ 'default': { - colors: { - margin: '0 -10px', - padding: '10px 0 0 10px', - borderTop: '1px solid #eee', + fields: { display: 'flex', - flexWrap: 'wrap', + paddingBottom: '6px', + paddingRight: '5px', position: 'relative' }, - swatchWrap: { - width: '16px', - height: '16px', - margin: '0 10px 10px 0' + active: { + position: 'absolute', + top: '6px', + left: '5px', + height: '9px', + width: '9px', + background: hex }, - swatch: { - borderRadius: '3px', - boxShadow: 'inset 0 0 0 1px rgba(0,0,0,.15)' - } - }, - 'no-presets': { - colors: { + HEXwrap: { + flex: '6', + position: 'relative' + }, + HEXinput: { + width: '80%', + padding: '0px', + paddingLeft: '20%', + border: 'none', + outline: 'none', + background: 'none', + fontSize: '12px', + color: '#333', + height: '16px' + }, + HEXlabel: { display: 'none' + }, + RGBwrap: { + flex: '3', + position: 'relative' + }, + RGBinput: { + width: '70%', + padding: '0px', + paddingLeft: '30%', + border: 'none', + outline: 'none', + background: 'none', + fontSize: '12px', + color: '#333', + height: '16px' + }, + RGBlabel: { + position: 'absolute', + top: '3px', + left: '0px', + lineHeight: '16px', + textTransform: 'uppercase', + fontSize: '12px', + color: '#999' } } - }, { - 'no-presets': !colors || !colors.length }); - var handleClick = function handleClick(hex, e) { - onClick({ - hex: hex, - source: 'hex' - }, e); + var handleChange = function handleChange(data, e) { + if (data.r || data.g || data.b) { + onChange({ + r: data.r || rgb.r, + g: data.g || rgb.g, + b: data.b || rgb.b, + source: 'rgb' + }, e); + } else { + onChange({ + hex: data.hex, + source: 'hex' + }, e); + } }; return _react2.default.createElement( 'div', - { style: styles.colors, className: 'flexbox-fix' }, - colors.map(function (colorObjOrString) { - var c = typeof colorObjOrString === 'string' ? { color: colorObjOrString } : colorObjOrString; - return _react2.default.createElement( - 'div', - { key: c.color, style: styles.swatchWrap }, - _react2.default.createElement(_common.Swatch, _extends({}, c, { - style: styles.swatch, - onClick: handleClick, - onHover: onSwatchHover, - focusStyle: { - boxShadow: 'inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px ' + c.color - } - })) - ); + { style: styles.fields, className: 'flexbox-fix' }, + _react2.default.createElement('div', { style: styles.active }), + _react2.default.createElement(_common.EditableInput, { + style: { wrap: styles.HEXwrap, input: styles.HEXinput, label: styles.HEXlabel }, + label: 'hex', + value: hex, + onChange: handleChange + }), + _react2.default.createElement(_common.EditableInput, { + style: { wrap: styles.RGBwrap, input: styles.RGBinput, label: styles.RGBlabel }, + label: 'r', + value: rgb.r, + onChange: handleChange + }), + _react2.default.createElement(_common.EditableInput, { + style: { wrap: styles.RGBwrap, input: styles.RGBinput, label: styles.RGBlabel }, + label: 'g', + value: rgb.g, + onChange: handleChange + }), + _react2.default.createElement(_common.EditableInput, { + style: { wrap: styles.RGBwrap, input: styles.RGBinput, label: styles.RGBlabel }, + label: 'b', + value: rgb.b, + onChange: handleChange }) ); }; - SketchPresetColors.propTypes = { - colors: _propTypes2.default.arrayOf(_propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.shape({ - color: _propTypes2.default.string, - title: _propTypes2.default.string - })])) - }; - exports.default = SketchPresetColors; + exports.default = CompactFields; /***/ }), /* 397 */ @@ -33608,71 +32359,166 @@ Object.defineProperty(exports, "__esModule", { value: true }); - exports.Slider = undefined; + exports.Github = undefined; var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _propTypes = __webpack_require__(351); + + var _propTypes2 = _interopRequireDefault(_propTypes); + + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); - var _common = __webpack_require__(341); + var _map = __webpack_require__(214); + + var _map2 = _interopRequireDefault(_map); - var _SliderSwatches = __webpack_require__(398); + var _merge = __webpack_require__(353); - var _SliderSwatches2 = _interopRequireDefault(_SliderSwatches); + var _merge2 = _interopRequireDefault(_merge); - var _SliderPointer = __webpack_require__(400); + var _common = __webpack_require__(342); - var _SliderPointer2 = _interopRequireDefault(_SliderPointer); + var _GithubSwatch = __webpack_require__(398); + + var _GithubSwatch2 = _interopRequireDefault(_GithubSwatch); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var Slider = exports.Slider = function Slider(_ref) { - var hsl = _ref.hsl, + var Github = exports.Github = function Github(_ref) { + var width = _ref.width, + colors = _ref.colors, onChange = _ref.onChange, - pointer = _ref.pointer; + onSwatchHover = _ref.onSwatchHover, + triangle = _ref.triangle, + _ref$styles = _ref.styles, + passedStyles = _ref$styles === undefined ? {} : _ref$styles, + _ref$className = _ref.className, + className = _ref$className === undefined ? '' : _ref$className; - var styles = (0, _reactcss2.default)({ + var styles = (0, _reactcss2.default)((0, _merge2.default)({ 'default': { - hue: { - height: '12px', - position: 'relative' + card: { + width: width, + background: '#fff', + border: '1px solid rgba(0,0,0,0.2)', + boxShadow: '0 3px 12px rgba(0,0,0,0.15)', + borderRadius: '4px', + position: 'relative', + padding: '5px', + display: 'flex', + flexWrap: 'wrap' + }, + triangle: { + position: 'absolute', + border: '7px solid transparent', + borderBottomColor: '#fff' }, - Hue: { - radius: '2px' + triangleShadow: { + position: 'absolute', + border: '8px solid transparent', + borderBottomColor: 'rgba(0,0,0,0.15)' + } + }, + 'hide-triangle': { + triangle: { + display: 'none' + }, + triangleShadow: { + display: 'none' + } + }, + 'top-left-triangle': { + triangle: { + top: '-14px', + left: '10px' + }, + triangleShadow: { + top: '-16px', + left: '9px' + } + }, + 'top-right-triangle': { + triangle: { + top: '-14px', + right: '10px' + }, + triangleShadow: { + top: '-16px', + right: '9px' + } + }, + 'bottom-left-triangle': { + triangle: { + top: '35px', + left: '10px', + transform: 'rotate(180deg)' + }, + triangleShadow: { + top: '37px', + left: '9px', + transform: 'rotate(180deg)' + } + }, + 'bottom-right-triangle': { + triangle: { + top: '35px', + right: '10px', + transform: 'rotate(180deg)' + }, + triangleShadow: { + top: '37px', + right: '9px', + transform: 'rotate(180deg)' } } + }, passedStyles), { + 'hide-triangle': triangle === 'hide', + 'top-left-triangle': triangle === 'top-left', + 'top-right-triangle': triangle === 'top-right', + 'bottom-left-triangle': triangle === 'bottom-left', + 'bottom-right-triangle': triangle === 'bottom-right' }); + var handleChange = function handleChange(hex, e) { + return onChange({ hex: hex, source: 'hex' }, e); + }; + return _react2.default.createElement( 'div', - { className: 'slider-picker' }, - _react2.default.createElement( - 'div', - { style: styles.hue }, - _react2.default.createElement(_common.Hue, { - style: styles.Hue, - hsl: hsl, - pointer: pointer, - onChange: onChange - }) - ), - _react2.default.createElement( - 'div', - { style: styles.swatches }, - _react2.default.createElement(_SliderSwatches2.default, { hsl: hsl, onClick: onChange }) - ) + { style: styles.card, className: 'github-picker ' + className }, + _react2.default.createElement('div', { style: styles.triangleShadow }), + _react2.default.createElement('div', { style: styles.triangle }), + (0, _map2.default)(colors, function (c) { + return _react2.default.createElement(_GithubSwatch2.default, { + color: c, + key: c, + onClick: handleChange, + onSwatchHover: onSwatchHover + }); + }) ); }; - Slider.defaultProps = { - pointer: _SliderPointer2.default + Github.propTypes = { + width: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]), + colors: _propTypes2.default.arrayOf(_propTypes2.default.string), + triangle: _propTypes2.default.oneOf(['hide', 'top-left', 'top-right', 'bottom-left', 'bottom-right']), + styles: _propTypes2.default.object }; - exports.default = (0, _common.ColorWrap)(Slider); + Github.defaultProps = { + width: 200, + colors: ['#B80000', '#DB3E00', '#FCCB00', '#008B02', '#006B76', '#1273DE', '#004DCF', '#5300EB', '#EB9694', '#FAD0C3', '#FEF3BD', '#C1E1C5', '#BEDADC', '#C4DEF6', '#BED3F3', '#D4C4FB'], + triangle: 'top-left', + styles: {} + }; + + exports.default = (0, _common.ColorWrap)(Github); /***/ }), /* 398 */ @@ -33683,103 +32529,59 @@ Object.defineProperty(exports, "__esModule", { value: true }); - exports.SliderSwatches = undefined; + exports.GithubSwatch = undefined; var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); - var _SliderSwatch = __webpack_require__(399); - - var _SliderSwatch2 = _interopRequireDefault(_SliderSwatch); + var _common = __webpack_require__(342); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var SliderSwatches = exports.SliderSwatches = function SliderSwatches(_ref) { - var onClick = _ref.onClick, - hsl = _ref.hsl; + var GithubSwatch = exports.GithubSwatch = function GithubSwatch(_ref) { + var hover = _ref.hover, + color = _ref.color, + onClick = _ref.onClick, + onSwatchHover = _ref.onSwatchHover; + + var hoverSwatch = { + position: 'relative', + zIndex: '2', + outline: '2px solid #fff', + boxShadow: '0 0 5px 2px rgba(0,0,0,0.25)' + }; var styles = (0, _reactcss2.default)({ 'default': { - swatches: { - marginTop: '20px' - }, swatch: { - boxSizing: 'border-box', - width: '20%', - paddingRight: '1px', - float: 'left' - }, - clear: { - clear: 'both' + width: '25px', + height: '25px', + fontSize: '0' } + }, + 'hover': { + swatch: hoverSwatch } - }); + }, { hover: hover }); return _react2.default.createElement( 'div', - { style: styles.swatches }, - _react2.default.createElement( - 'div', - { style: styles.swatch }, - _react2.default.createElement(_SliderSwatch2.default, { - hsl: hsl, - offset: '.80', - active: Math.round(hsl.l * 100) / 100 === 0.80 && Math.round(hsl.s * 100) / 100 === 0.50, - onClick: onClick, - first: true - }) - ), - _react2.default.createElement( - 'div', - { style: styles.swatch }, - _react2.default.createElement(_SliderSwatch2.default, { - hsl: hsl, - offset: '.65', - active: Math.round(hsl.l * 100) / 100 === 0.65 && Math.round(hsl.s * 100) / 100 === 0.50, - onClick: onClick - }) - ), - _react2.default.createElement( - 'div', - { style: styles.swatch }, - _react2.default.createElement(_SliderSwatch2.default, { - hsl: hsl, - offset: '.50', - active: Math.round(hsl.l * 100) / 100 === 0.50 && Math.round(hsl.s * 100) / 100 === 0.50, - onClick: onClick - }) - ), - _react2.default.createElement( - 'div', - { style: styles.swatch }, - _react2.default.createElement(_SliderSwatch2.default, { - hsl: hsl, - offset: '.35', - active: Math.round(hsl.l * 100) / 100 === 0.35 && Math.round(hsl.s * 100) / 100 === 0.50, - onClick: onClick - }) - ), - _react2.default.createElement( - 'div', - { style: styles.swatch }, - _react2.default.createElement(_SliderSwatch2.default, { - hsl: hsl, - offset: '.20', - active: Math.round(hsl.l * 100) / 100 === 0.20 && Math.round(hsl.s * 100) / 100 === 0.50, - onClick: onClick, - last: true - }) - ), - _react2.default.createElement('div', { style: styles.clear }) + { style: styles.swatch }, + _react2.default.createElement(_common.Swatch, { + color: color, + onClick: onClick, + onHover: onSwatchHover, + focusStyle: hoverSwatch + }) ); }; - exports.default = SliderSwatches; + exports.default = (0, _reactcss.handleHover)(GithubSwatch); /***/ }), /* 399 */ @@ -33790,66 +32592,88 @@ Object.defineProperty(exports, "__esModule", { value: true }); - exports.SliderSwatch = undefined; + exports.HuePicker = undefined; + + var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _propTypes = __webpack_require__(351); + + var _propTypes2 = _interopRequireDefault(_propTypes); + + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); + var _merge = __webpack_require__(353); + + var _merge2 = _interopRequireDefault(_merge); + + var _common = __webpack_require__(342); + + var _HuePointer = __webpack_require__(400); + + var _HuePointer2 = _interopRequireDefault(_HuePointer); + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var SliderSwatch = exports.SliderSwatch = function SliderSwatch(_ref) { - var hsl = _ref.hsl, - offset = _ref.offset, - _ref$onClick = _ref.onClick, - onClick = _ref$onClick === undefined ? function () {} : _ref$onClick, - active = _ref.active, - first = _ref.first, - last = _ref.last; + var HuePicker = exports.HuePicker = function HuePicker(_ref) { + var width = _ref.width, + height = _ref.height, + onChange = _ref.onChange, + hsl = _ref.hsl, + direction = _ref.direction, + pointer = _ref.pointer, + _ref$styles = _ref.styles, + passedStyles = _ref$styles === undefined ? {} : _ref$styles, + _ref$className = _ref.className, + className = _ref$className === undefined ? '' : _ref$className; - var styles = (0, _reactcss2.default)({ + var styles = (0, _reactcss2.default)((0, _merge2.default)({ 'default': { - swatch: { - height: '12px', - background: 'hsl(' + hsl.h + ', 50%, ' + offset * 100 + '%)', - cursor: 'pointer' - } - }, - 'first': { - swatch: { - borderRadius: '2px 0 0 2px' - } - }, - 'last': { - swatch: { - borderRadius: '0 2px 2px 0' - } - }, - 'active': { - swatch: { - transform: 'scaleY(1.8)', - borderRadius: '3.6px/2px' + picker: { + position: 'relative', + width: width, + height: height + }, + hue: { + radius: '2px' } } - }, { active: active, first: first, last: last }); + }, passedStyles)); - var handleClick = function handleClick(e) { - return onClick({ - h: hsl.h, - s: 0.5, - l: offset, - source: 'hsl' - }, e); + // Overwrite to provide pure hue color + var handleChange = function handleChange(data) { + return onChange({ a: 1, h: data.h, l: 0.5, s: 1 }); }; - return _react2.default.createElement('div', { style: styles.swatch, onClick: handleClick }); + return _react2.default.createElement( + 'div', + { style: styles.picker, className: 'hue-picker ' + className }, + _react2.default.createElement(_common.Hue, _extends({}, styles.hue, { + hsl: hsl, + pointer: pointer, + onChange: handleChange, + direction: direction + })) + ); + }; + + HuePicker.propTypes = { + styles: _propTypes2.default.object + }; + HuePicker.defaultProps = { + width: '316px', + height: '16px', + direction: 'horizontal', + pointer: _HuePointer2.default, + styles: {} }; - exports.default = SliderSwatch; + exports.default = (0, _common.ColorWrap)(HuePicker); /***/ }), /* 400 */ @@ -33866,25 +32690,32 @@ var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var SliderPointer = exports.SliderPointer = function SliderPointer() { + var SliderPointer = exports.SliderPointer = function SliderPointer(_ref) { + var direction = _ref.direction; + var styles = (0, _reactcss2.default)({ 'default': { picker: { - width: '14px', - height: '14px', - borderRadius: '6px', - transform: 'translate(-7px, -1px)', + width: '18px', + height: '18px', + borderRadius: '50%', + transform: 'translate(-9px, -1px)', backgroundColor: 'rgb(248, 248, 248)', boxShadow: '0 1px 4px 0 rgba(0, 0, 0, 0.37)' } + }, + 'vertical': { + picker: { + transform: 'translate(-3px, -9px)' + } } - }); + }, { vertical: direction === 'vertical' }); return _react2.default.createElement('div', { style: styles.picker }); }; @@ -33900,178 +32731,175 @@ Object.defineProperty(exports, "__esModule", { value: true }); - exports.Swatches = undefined; + exports.Material = undefined; var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); - var _map = __webpack_require__(212); - - var _map2 = _interopRequireDefault(_map); - - var _color = __webpack_require__(356); - - var _color2 = _interopRequireDefault(_color); - - var _materialColors = __webpack_require__(366); - - var material = _interopRequireWildcard(_materialColors); + var _merge = __webpack_require__(353); - var _common = __webpack_require__(341); + var _merge2 = _interopRequireDefault(_merge); - var _reactMaterialDesign = __webpack_require__(373); + var _color = __webpack_require__(376); - var _SwatchesGroup = __webpack_require__(402); + var color = _interopRequireWildcard(_color); - var _SwatchesGroup2 = _interopRequireDefault(_SwatchesGroup); + var _common = __webpack_require__(342); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var Swatches = exports.Swatches = function Swatches(_ref) { - var width = _ref.width, - height = _ref.height, - onChange = _ref.onChange, - onSwatchHover = _ref.onSwatchHover, - colors = _ref.colors, - hex = _ref.hex; + var Material = exports.Material = function Material(_ref) { + var onChange = _ref.onChange, + hex = _ref.hex, + rgb = _ref.rgb, + _ref$styles = _ref.styles, + passedStyles = _ref$styles === undefined ? {} : _ref$styles, + _ref$className = _ref.className, + className = _ref$className === undefined ? '' : _ref$className; - var styles = (0, _reactcss2.default)({ + var styles = (0, _reactcss2.default)((0, _merge2.default)({ 'default': { - picker: { - width: width, - height: height + material: { + width: '98px', + height: '98px', + padding: '16px', + fontFamily: 'Roboto' }, - overflow: { - height: height, - overflowY: 'scroll' + HEXwrap: { + position: 'relative' }, - body: { - padding: '16px 0 6px 16px' + HEXinput: { + width: '100%', + marginTop: '12px', + fontSize: '15px', + color: '#333', + padding: '0px', + border: '0px', + borderBottom: '2px solid ' + hex, + outline: 'none', + height: '30px' }, - clear: { - clear: 'both' + HEXlabel: { + position: 'absolute', + top: '0px', + left: '0px', + fontSize: '11px', + color: '#999999', + textTransform: 'capitalize' + }, + Hex: { + style: {} + }, + RGBwrap: { + position: 'relative' + }, + RGBinput: { + width: '100%', + marginTop: '12px', + fontSize: '15px', + color: '#333', + padding: '0px', + border: '0px', + borderBottom: '1px solid #eee', + outline: 'none', + height: '30px' + }, + RGBlabel: { + position: 'absolute', + top: '0px', + left: '0px', + fontSize: '11px', + color: '#999999', + textTransform: 'capitalize' + }, + split: { + display: 'flex', + marginRight: '-10px', + paddingTop: '11px' + }, + third: { + flex: '1', + paddingRight: '10px' } } - }); + }, passedStyles)); var handleChange = function handleChange(data, e) { - _color2.default.isValidHex(data) && onChange({ - hex: data, - source: 'hex' - }, e); + if (data.hex) { + color.isValidHex(data.hex) && onChange({ + hex: data.hex, + source: 'hex' + }, e); + } else if (data.r || data.g || data.b) { + onChange({ + r: data.r || rgb.r, + g: data.g || rgb.g, + b: data.b || rgb.b, + source: 'rgb' + }, e); + } }; return _react2.default.createElement( - 'div', - { style: styles.picker, className: 'swatches-picker' }, + _common.Raised, + { styles: passedStyles }, _react2.default.createElement( - _reactMaterialDesign.Raised, - null, + 'div', + { style: styles.material, className: 'material-picker ' + className }, + _react2.default.createElement(_common.EditableInput, { + style: { wrap: styles.HEXwrap, input: styles.HEXinput, label: styles.HEXlabel }, + label: 'hex', + value: hex, + onChange: handleChange + }), _react2.default.createElement( 'div', - { style: styles.overflow }, + { style: styles.split, className: 'flexbox-fix' }, _react2.default.createElement( 'div', - { style: styles.body }, - (0, _map2.default)(colors, function (group) { - return _react2.default.createElement(_SwatchesGroup2.default, { - key: group.toString(), - group: group, - active: hex, - onClick: handleChange, - onSwatchHover: onSwatchHover - }); - }), - _react2.default.createElement('div', { style: styles.clear }) - ) - ) - ) - ); - }; - - /* eslint-disable max-len */ - Swatches.defaultProps = { - width: 320, - height: 240, - colors: [[material.red['900'], material.red['700'], material.red['500'], material.red['300'], material.red['100']], [material.pink['900'], material.pink['700'], material.pink['500'], material.pink['300'], material.pink['100']], [material.purple['900'], material.purple['700'], material.purple['500'], material.purple['300'], material.purple['100']], [material.deepPurple['900'], material.deepPurple['700'], material.deepPurple['500'], material.deepPurple['300'], material.deepPurple['100']], [material.indigo['900'], material.indigo['700'], material.indigo['500'], material.indigo['300'], material.indigo['100']], [material.blue['900'], material.blue['700'], material.blue['500'], material.blue['300'], material.blue['100']], [material.lightBlue['900'], material.lightBlue['700'], material.lightBlue['500'], material.lightBlue['300'], material.lightBlue['100']], [material.cyan['900'], material.cyan['700'], material.cyan['500'], material.cyan['300'], material.cyan['100']], [material.teal['900'], material.teal['700'], material.teal['500'], material.teal['300'], material.teal['100']], ['#194D33', material.green['700'], material.green['500'], material.green['300'], material.green['100']], [material.lightGreen['900'], material.lightGreen['700'], material.lightGreen['500'], material.lightGreen['300'], material.lightGreen['100']], [material.lime['900'], material.lime['700'], material.lime['500'], material.lime['300'], material.lime['100']], [material.yellow['900'], material.yellow['700'], material.yellow['500'], material.yellow['300'], material.yellow['100']], [material.amber['900'], material.amber['700'], material.amber['500'], material.amber['300'], material.amber['100']], [material.orange['900'], material.orange['700'], material.orange['500'], material.orange['300'], material.orange['100']], [material.deepOrange['900'], material.deepOrange['700'], material.deepOrange['500'], material.deepOrange['300'], material.deepOrange['100']], [material.brown['900'], material.brown['700'], material.brown['500'], material.brown['300'], material.brown['100']], [material.blueGrey['900'], material.blueGrey['700'], material.blueGrey['500'], material.blueGrey['300'], material.blueGrey['100']], ['#000000', '#525252', '#969696', '#D9D9D9', '#FFFFFF']] - }; - - exports.default = (0, _common.ColorWrap)(Swatches); - -/***/ }), -/* 402 */ -/***/ (function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.SwatchesGroup = undefined; - - var _react = __webpack_require__(2); - - var _react2 = _interopRequireDefault(_react); - - var _reactcss = __webpack_require__(172); - - var _reactcss2 = _interopRequireDefault(_reactcss); - - var _map = __webpack_require__(212); - - var _map2 = _interopRequireDefault(_map); - - var _SwatchesColor = __webpack_require__(403); - - var _SwatchesColor2 = _interopRequireDefault(_SwatchesColor); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - var SwatchesGroup = exports.SwatchesGroup = function SwatchesGroup(_ref) { - var onClick = _ref.onClick, - onSwatchHover = _ref.onSwatchHover, - group = _ref.group, - active = _ref.active; - - var styles = (0, _reactcss2.default)({ - 'default': { - group: { - paddingBottom: '10px', - width: '40px', - float: 'left', - marginRight: '10px' - } - } - }); - - return _react2.default.createElement( - 'div', - { style: styles.group }, - (0, _map2.default)(group, function (color, i) { - return _react2.default.createElement(_SwatchesColor2.default, { - key: color, - color: color, - active: color.toLowerCase() === active, - first: i === 0, - last: i === group.length - 1, - onClick: onClick, - onSwatchHover: onSwatchHover - }); - }) + { style: styles.third }, + _react2.default.createElement(_common.EditableInput, { + style: { wrap: styles.RGBwrap, input: styles.RGBinput, label: styles.RGBlabel }, + label: 'r', value: rgb.r, + onChange: handleChange + }) + ), + _react2.default.createElement( + 'div', + { style: styles.third }, + _react2.default.createElement(_common.EditableInput, { + style: { wrap: styles.RGBwrap, input: styles.RGBinput, label: styles.RGBlabel }, + label: 'g', + value: rgb.g, + onChange: handleChange + }) + ), + _react2.default.createElement( + 'div', + { style: styles.third }, + _react2.default.createElement(_common.EditableInput, { + style: { wrap: styles.RGBwrap, input: styles.RGBinput, label: styles.RGBlabel }, + label: 'b', + value: rgb.b, + onChange: handleChange + }) + ) + ) + ) ); }; - exports.default = SwatchesGroup; + exports.default = (0, _common.ColorWrap)(Material); /***/ }), -/* 403 */ +/* 402 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -34079,107 +32907,217 @@ Object.defineProperty(exports, "__esModule", { value: true }); - exports.SwatchesColor = undefined; + exports.Photoshop = undefined; + + var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _propTypes = __webpack_require__(351); + + var _propTypes2 = _interopRequireDefault(_propTypes); + + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); - var _common = __webpack_require__(341); + var _merge = __webpack_require__(353); + + var _merge2 = _interopRequireDefault(_merge); + + var _common = __webpack_require__(342); + + var _PhotoshopFields = __webpack_require__(403); + + var _PhotoshopFields2 = _interopRequireDefault(_PhotoshopFields); + + var _PhotoshopPointerCircle = __webpack_require__(404); + + var _PhotoshopPointerCircle2 = _interopRequireDefault(_PhotoshopPointerCircle); + + var _PhotoshopPointer = __webpack_require__(405); + + var _PhotoshopPointer2 = _interopRequireDefault(_PhotoshopPointer); + + var _PhotoshopButton = __webpack_require__(406); + + var _PhotoshopButton2 = _interopRequireDefault(_PhotoshopButton); + + var _PhotoshopPreviews = __webpack_require__(407); + + var _PhotoshopPreviews2 = _interopRequireDefault(_PhotoshopPreviews); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var SwatchesColor = exports.SwatchesColor = function SwatchesColor(_ref) { - var color = _ref.color, - _ref$onClick = _ref.onClick, - onClick = _ref$onClick === undefined ? function () {} : _ref$onClick, - onSwatchHover = _ref.onSwatchHover, - first = _ref.first, - last = _ref.last, - active = _ref.active; + function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - var styles = (0, _reactcss2.default)({ - 'default': { - color: { - width: '40px', - height: '24px', - cursor: 'pointer', - background: color, - marginBottom: '1px' - }, - check: { - fill: '#fff', - marginLeft: '8px', - display: 'none' - } - }, - 'first': { - color: { - overflow: 'hidden', - borderRadius: '2px 2px 0 0' - } - }, - 'last': { - color: { - overflow: 'hidden', - borderRadius: '0 0 2px 2px' - } - }, - 'active': { - check: { - display: 'block' - } - }, - 'color-#FFFFFF': { - color: { - boxShadow: 'inset 0 0 0 1px #ddd' - }, - check: { - fill: '#333' - } - }, - 'transparent': { - check: { - fill: '#333' - } + function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } + + function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } + + var Photoshop = exports.Photoshop = function (_React$Component) { + _inherits(Photoshop, _React$Component); + + function Photoshop(props) { + _classCallCheck(this, Photoshop); + + var _this = _possibleConstructorReturn(this, (Photoshop.__proto__ || Object.getPrototypeOf(Photoshop)).call(this)); + + _this.state = { + currentColor: props.hex + }; + return _this; + } + + _createClass(Photoshop, [{ + key: 'render', + value: function render() { + var _props = this.props, + _props$styles = _props.styles, + passedStyles = _props$styles === undefined ? {} : _props$styles, + _props$className = _props.className, + className = _props$className === undefined ? '' : _props$className; + + var styles = (0, _reactcss2.default)((0, _merge2.default)({ + 'default': { + picker: { + background: '#DCDCDC', + borderRadius: '4px', + boxShadow: '0 0 0 1px rgba(0,0,0,.25), 0 8px 16px rgba(0,0,0,.15)', + boxSizing: 'initial', + width: '513px' + }, + head: { + backgroundImage: 'linear-gradient(-180deg, #F0F0F0 0%, #D4D4D4 100%)', + borderBottom: '1px solid #B1B1B1', + boxShadow: 'inset 0 1px 0 0 rgba(255,255,255,.2), inset 0 -1px 0 0 rgba(0,0,0,.02)', + height: '23px', + lineHeight: '24px', + borderRadius: '4px 4px 0 0', + fontSize: '13px', + color: '#4D4D4D', + textAlign: 'center' + }, + body: { + padding: '15px 15px 0', + display: 'flex' + }, + saturation: { + width: '256px', + height: '256px', + position: 'relative', + border: '2px solid #B3B3B3', + borderBottom: '2px solid #F0F0F0', + overflow: 'hidden' + }, + hue: { + position: 'relative', + height: '256px', + width: '19px', + marginLeft: '10px', + border: '2px solid #B3B3B3', + borderBottom: '2px solid #F0F0F0' + }, + controls: { + width: '180px', + marginLeft: '10px' + }, + top: { + display: 'flex' + }, + previews: { + width: '60px' + }, + actions: { + flex: '1', + marginLeft: '20px' + } + } + }, passedStyles)); + + return _react2.default.createElement( + 'div', + { style: styles.picker, className: 'photoshop-picker ' + className }, + _react2.default.createElement( + 'div', + { style: styles.head }, + this.props.header + ), + _react2.default.createElement( + 'div', + { style: styles.body, className: 'flexbox-fix' }, + _react2.default.createElement( + 'div', + { style: styles.saturation }, + _react2.default.createElement(_common.Saturation, { + hsl: this.props.hsl, + hsv: this.props.hsv, + pointer: _PhotoshopPointerCircle2.default, + onChange: this.props.onChange + }) + ), + _react2.default.createElement( + 'div', + { style: styles.hue }, + _react2.default.createElement(_common.Hue, { + direction: 'vertical', + hsl: this.props.hsl, + pointer: _PhotoshopPointer2.default, + onChange: this.props.onChange + }) + ), + _react2.default.createElement( + 'div', + { style: styles.controls }, + _react2.default.createElement( + 'div', + { style: styles.top, className: 'flexbox-fix' }, + _react2.default.createElement( + 'div', + { style: styles.previews }, + _react2.default.createElement(_PhotoshopPreviews2.default, { + rgb: this.props.rgb, + currentColor: this.state.currentColor + }) + ), + _react2.default.createElement( + 'div', + { style: styles.actions }, + _react2.default.createElement(_PhotoshopButton2.default, { label: 'OK', onClick: this.props.onAccept, active: true }), + _react2.default.createElement(_PhotoshopButton2.default, { label: 'Cancel', onClick: this.props.onCancel }), + _react2.default.createElement(_PhotoshopFields2.default, { + onChange: this.props.onChange, + rgb: this.props.rgb, + hsv: this.props.hsv, + hex: this.props.hex + }) + ) + ) + ) + ) + ); } - }, { - first: first, - last: last, - active: active, - 'color-#FFFFFF': color === '#FFFFFF', - 'transparent': color === 'transparent' - }); + }]); - return _react2.default.createElement( - _common.Swatch, - { - color: color, - style: styles.color, - onClick: onClick, - onHover: onSwatchHover, - focusStyle: { boxShadow: '0 0 4px ' + color } - }, - _react2.default.createElement( - 'div', - { style: styles.check }, - _react2.default.createElement( - 'svg', - { style: { width: '24px', height: '24px' }, viewBox: '0 0 24 24' }, - _react2.default.createElement('path', { d: 'M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z' }) - ) - ) - ); + return Photoshop; + }(_react2.default.Component); + + Photoshop.propTypes = { + header: _propTypes2.default.string, + styles: _propTypes2.default.object }; - exports.default = SwatchesColor; + Photoshop.defaultProps = { + header: 'Color Picker', + styles: {} + }; + + exports.default = (0, _common.ColorWrap)(Photoshop); /***/ }), -/* 404 */ +/* 403 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -34187,214 +33125,200 @@ Object.defineProperty(exports, "__esModule", { value: true }); - exports.Twitter = undefined; + exports.PhotoshopPicker = undefined; var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); - var _map = __webpack_require__(212); - - var _map2 = _interopRequireDefault(_map); + var _color = __webpack_require__(376); - var _color = __webpack_require__(356); + var color = _interopRequireWildcard(_color); - var _color2 = _interopRequireDefault(_color); + var _common = __webpack_require__(342); - var _common = __webpack_require__(341); + function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var Twitter = exports.Twitter = function Twitter(_ref) { + var PhotoshopPicker = exports.PhotoshopPicker = function PhotoshopPicker(_ref) { var onChange = _ref.onChange, - onSwatchHover = _ref.onSwatchHover, - hex = _ref.hex, - colors = _ref.colors, - width = _ref.width, - triangle = _ref.triangle; + rgb = _ref.rgb, + hsv = _ref.hsv, + hex = _ref.hex; var styles = (0, _reactcss2.default)({ 'default': { - card: { - width: width, - background: '#fff', - border: '0 solid rgba(0,0,0,0.25)', - boxShadow: '0 1px 4px rgba(0,0,0,0.25)', - borderRadius: '4px', + fields: { + paddingTop: '5px', + paddingBottom: '9px', + width: '80px', position: 'relative' }, - body: { - padding: '15px 9px 9px 15px' + divider: { + height: '5px' }, - label: { - fontSize: '18px', - color: '#fff' + RGBwrap: { + position: 'relative' }, - triangle: { - width: '0px', - height: '0px', - borderStyle: 'solid', - borderWidth: '0 9px 10px 9px', - borderColor: 'transparent transparent #fff transparent', - position: 'absolute' + RGBinput: { + marginLeft: '40%', + width: '40%', + height: '18px', + border: '1px solid #888888', + boxShadow: 'inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC', + marginBottom: '5px', + fontSize: '13px', + paddingLeft: '3px', + marginRight: '10px' }, - triangleShadow: { - width: '0px', - height: '0px', - borderStyle: 'solid', - borderWidth: '0 9px 10px 9px', - borderColor: 'transparent transparent rgba(0,0,0,.1) transparent', + RGBlabel: { + left: '0px', + top: '0px', + width: '34px', + textTransform: 'uppercase', + fontSize: '13px', + height: '18px', + lineHeight: '22px', position: 'absolute' }, - hash: { - background: '#F0F0F0', - height: '30px', - width: '30px', - borderRadius: '4px 0 0 4px', - float: 'left', - color: '#98A1A4', - display: 'flex', - alignItems: 'center', - justifyContent: 'center' - }, - input: { - width: '100px', - fontSize: '14px', - color: '#666', - border: '0px', - outline: 'none', - height: '28px', - boxShadow: 'inset 0 0 0 1px #F0F0F0', - borderRadius: '0 4px 4px 0', - float: 'left', - paddingLeft: '8px' - }, - swatch: { - width: '30px', - height: '30px', - float: 'left', - borderRadius: '4px', - margin: '0 6px 6px 0' + HEXwrap: { + position: 'relative' }, - clear: { - clear: 'both' - } - }, - 'hide-triangle': { - triangle: { - display: 'none' + HEXinput: { + marginLeft: '20%', + width: '80%', + height: '18px', + border: '1px solid #888888', + boxShadow: 'inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC', + marginBottom: '6px', + fontSize: '13px', + paddingLeft: '3px' }, - triangleShadow: { - display: 'none' - } - }, - 'top-left-triangle': { - triangle: { - top: '-10px', - left: '12px' + HEXlabel: { + position: 'absolute', + top: '0px', + left: '0px', + width: '14px', + textTransform: 'uppercase', + fontSize: '13px', + height: '18px', + lineHeight: '22px' }, - triangleShadow: { - top: '-11px', - left: '12px' - } - }, - 'top-right-triangle': { - triangle: { - top: '-10px', - right: '12px' + fieldSymbols: { + position: 'absolute', + top: '5px', + right: '-7px', + fontSize: '13px' }, - triangleShadow: { - top: '-11px', - right: '12px' + symbol: { + height: '20px', + lineHeight: '22px', + paddingBottom: '7px' } } - }, { - 'hide-triangle': triangle === 'hide', - 'top-left-triangle': triangle === 'top-left', - 'top-right-triangle': triangle === 'top-right' }); - var handleChange = function handleChange(hexcode, e) { - _color2.default.isValidHex(hexcode) && onChange({ - hex: hexcode, - source: 'hex' - }, e); + var handleChange = function handleChange(data, e) { + if (data['#']) { + color.isValidHex(data['#']) && onChange({ + hex: data['#'], + source: 'hex' + }, e); + } else if (data.r || data.g || data.b) { + onChange({ + r: data.r || rgb.r, + g: data.g || rgb.g, + b: data.b || rgb.b, + source: 'rgb' + }, e); + } else if (data.h || data.s || data.v) { + onChange({ + h: data.h || hsv.h, + s: data.s || hsv.s, + v: data.v || hsv.v, + source: 'hsv' + }, e); + } }; return _react2.default.createElement( 'div', - { style: styles.card, className: 'twitter-picker' }, - _react2.default.createElement('div', { style: styles.triangleShadow }), - _react2.default.createElement('div', { style: styles.triangle }), + { style: styles.fields }, + _react2.default.createElement(_common.EditableInput, { + style: { wrap: styles.RGBwrap, input: styles.RGBinput, label: styles.RGBlabel }, + label: 'h', + value: Math.round(hsv.h), + onChange: handleChange + }), + _react2.default.createElement(_common.EditableInput, { + style: { wrap: styles.RGBwrap, input: styles.RGBinput, label: styles.RGBlabel }, + label: 's', + value: Math.round(hsv.s * 100), + onChange: handleChange + }), + _react2.default.createElement(_common.EditableInput, { + style: { wrap: styles.RGBwrap, input: styles.RGBinput, label: styles.RGBlabel }, + label: 'v', + value: Math.round(hsv.v * 100), + onChange: handleChange + }), + _react2.default.createElement('div', { style: styles.divider }), + _react2.default.createElement(_common.EditableInput, { + style: { wrap: styles.RGBwrap, input: styles.RGBinput, label: styles.RGBlabel }, + label: 'r', + value: rgb.r, + onChange: handleChange + }), + _react2.default.createElement(_common.EditableInput, { + style: { wrap: styles.RGBwrap, input: styles.RGBinput, label: styles.RGBlabel }, + label: 'g', + value: rgb.g, + onChange: handleChange + }), + _react2.default.createElement(_common.EditableInput, { + style: { wrap: styles.RGBwrap, input: styles.RGBinput, label: styles.RGBlabel }, + label: 'b', + value: rgb.b, + onChange: handleChange + }), + _react2.default.createElement('div', { style: styles.divider }), + _react2.default.createElement(_common.EditableInput, { + style: { wrap: styles.HEXwrap, input: styles.HEXinput, label: styles.HEXlabel }, + label: '#', + value: hex.replace('#', ''), + onChange: handleChange + }), _react2.default.createElement( 'div', - { style: styles.body }, - (0, _map2.default)(colors, function (c, i) { - return _react2.default.createElement(_common.Swatch, { - key: i, - color: c, - hex: c, - style: styles.swatch, - onClick: handleChange, - onHover: onSwatchHover, - focusStyle: { - boxShadow: '0 0 4px ' + c - } - }); - }), + { style: styles.fieldSymbols }, _react2.default.createElement( 'div', - { style: styles.hash }, - '#' + { style: styles.symbol }, + '\xB0' ), - _react2.default.createElement(_common.EditableInput, { - style: { input: styles.input }, - value: hex.replace('#', ''), - onChange: handleChange - }), - _react2.default.createElement('div', { style: styles.clear }) + _react2.default.createElement( + 'div', + { style: styles.symbol }, + '%' + ), + _react2.default.createElement( + 'div', + { style: styles.symbol }, + '%' + ) ) ); }; - Twitter.defaultProps = { - width: '276px', - colors: ['#FF6900', '#FCB900', '#7BDCB5', '#00D084', '#8ED1FC', '#0693E3', '#ABB8C3', '#EB144C', '#F78DA7', '#9900EF'], - triangle: 'top-left' - }; - - exports.default = (0, _common.ColorWrap)(Twitter); - -/***/ }), -/* 405 */ -/***/ (function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, '__esModule', { - value: true, - }); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } - - var _libComponentsContainer = __webpack_require__(406); - - var _libComponentsContainer2 = _interopRequireDefault(_libComponentsContainer); - - var _libComponentsGrid = __webpack_require__(407); - - var _libComponentsGrid2 = _interopRequireDefault(_libComponentsGrid); - - exports.Container = _libComponentsContainer2['default']; - exports.Grid = _libComponentsGrid2['default']; - + exports.default = PhotoshopPicker; /***/ }), -/* 406 */ +/* 404 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -34402,67 +33326,45 @@ Object.defineProperty(exports, "__esModule", { value: true }); - - var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + exports.PhotoshopPointerCircle = undefined; var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - - var Container = function (_React$Component) { - _inherits(Container, _React$Component); - - function Container() { - _classCallCheck(this, Container); - - return _possibleConstructorReturn(this, Object.getPrototypeOf(Container).apply(this, arguments)); - } - - _createClass(Container, [{ - key: 'render', - value: function render() { - - var styles = (0, _reactcss2.default)({ - 'default': { - container: { - maxWidth: this.props.width + 'px', - padding: '0 20px', - margin: '0 auto' - } - } - }); + var PhotoshopPointerCircle = exports.PhotoshopPointerCircle = function PhotoshopPointerCircle(_ref) { + var hsl = _ref.hsl; - return _react2.default.createElement( - 'div', - { style: styles.container }, - this.props.children - ); + var styles = (0, _reactcss2.default)({ + 'default': { + picker: { + width: '12px', + height: '12px', + borderRadius: '6px', + boxShadow: 'inset 0 0 0 1px #fff', + transform: 'translate(-6px, -6px)' + } + }, + 'black-outline': { + picker: { + boxShadow: 'inset 0 0 0 1px #000' + } } - }]); - - return Container; - }(_react2.default.Component); + }, { 'black-outline': hsl.l > 0.5 }); - Container.defaultProps = { - width: 960 + return _react2.default.createElement('div', { style: styles.picker }); }; - exports.default = Container; + exports.default = PhotoshopPointerCircle; /***/ }), -/* 407 */ +/* 405 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -34470,200 +33372,79 @@ Object.defineProperty(exports, "__esModule", { value: true }); - - var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + exports.PhotoshopPointerCircle = undefined; var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - - var Grid = function (_React$Component) { - _inherits(Grid, _React$Component); - - function Grid() { - _classCallCheck(this, Grid); - - return _possibleConstructorReturn(this, Object.getPrototypeOf(Grid).apply(this, arguments)); - } - - _createClass(Grid, [{ - key: 'render', - value: function render() { - var isMobile = document.getElementById('root').clientWidth < 500; - var styles = (0, _reactcss2.default)({ - 'default': { - grid: { - position: 'relative' - } - }, - 'preset-default': { - left: { - position: 'absolute', - width: '170px' - }, - main: { - paddingLeft: '190px' - } - }, - 'preset-one': { - left: { - width: 'auto', - position: 'relative', - paddingRight: '260px' - }, - main: { - position: 'absolute', - right: '0px', - top: '0px', - width: '225px' - } - }, - 'preset-two': { - left: { - width: '220px', - position: 'absolute' - }, - main: { - paddingLeft: '267px', - width: '513px' - } - }, - 'preset-three': { - left: { - width: '410px', - position: 'absolute', - height: '100%' - }, - main: { - paddingLeft: '460px' - } - }, - - 'preset-four': { - left: { - width: '170px', - position: 'absolute', - height: '100%' - }, - main: { - paddingLeft: '210px' - } - }, + var PhotoshopPointerCircle = exports.PhotoshopPointerCircle = function PhotoshopPointerCircle() { + var styles = (0, _reactcss2.default)({ + 'default': { + triangle: { + width: 0, + height: 0, + borderStyle: 'solid', + borderWidth: '4px 0 4px 6px', + borderColor: 'transparent transparent transparent #fff', + position: 'absolute', + top: '1px', + left: '1px' + }, + triangleBorder: { + width: 0, + height: 0, + borderStyle: 'solid', + borderWidth: '5px 0 5px 8px', + borderColor: 'transparent transparent transparent #555' + }, - 'mobile-default': { - main: { - padding: '0px' - }, - left: { - display: 'none' - } - }, - 'mobile-one': { - left: { - paddingRight: '0px' - }, - main: { - display: 'none' - } - }, - 'mobile-two': { - grid: { - position: 'relative', - width: '100%' - }, - left: { - position: 'absolute', - left: '50%', - transform: 'translateX(-50%)', - marginLeft: '-20px' - }, - main: { - display: 'none' - } - }, - 'mobile-three': { - grid: { - display: 'none' - } - }, - 'mobile-four': { - grid: { - display: 'none' - } - } - }, { - 'preset-default': this.props.preset === 'default', - 'preset-one': this.props.preset === 'one', - 'preset-two': this.props.preset === 'two', - 'preset-three': this.props.preset === 'three', - 'preset-four': this.props.preset === 'four', - 'mobile-default': this.props.preset === 'default' && isMobile, - 'mobile-one': this.props.preset === 'one' && isMobile, - 'mobile-two': this.props.preset === 'two' && isMobile, - 'mobile-three': this.props.preset === 'three' && isMobile, - 'mobile-four': this.props.preset === 'four' && isMobile - }); + left: { + Extend: 'triangleBorder', + transform: 'translate(-13px, -4px)' + }, + leftInside: { + Extend: 'triangle', + transform: 'translate(-8px, -5px)' + }, - return _react2.default.createElement( - 'div', - { style: styles.grid }, - _react2.default.createElement( - 'div', - { style: styles.left }, - this.props.children[0] - ), - _react2.default.createElement( - 'div', - { style: styles.main }, - this.props.children[1] - ) - ); + right: { + Extend: 'triangleBorder', + transform: 'translate(20px, -14px) rotate(180deg)' + }, + rightInside: { + Extend: 'triangle', + transform: 'translate(-8px, -5px)' + } } - }]); - - return Grid; - }(_react2.default.Component); + }); - Grid.defaultProps = { - preset: 'default' + return _react2.default.createElement( + 'div', + { style: styles.pointer }, + _react2.default.createElement( + 'div', + { style: styles.left }, + _react2.default.createElement('div', { style: styles.leftInside }) + ), + _react2.default.createElement( + 'div', + { style: styles.right }, + _react2.default.createElement('div', { style: styles.rightInside }) + ) + ); }; - exports.default = Grid; - -/***/ }), -/* 408 */ -/***/ (function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, '__esModule', { - value: true, - }); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } - - var _libComponentsMove = __webpack_require__(409); - - var _libComponentsMove2 = _interopRequireDefault(_libComponentsMove); - - exports['default'] = _libComponentsMove2['default']; - module.exports = exports['default']; - + exports.default = PhotoshopPointerCircle; /***/ }), -/* 409 */ +/* 406 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -34671,268 +33452,342 @@ Object.defineProperty(exports, "__esModule", { value: true }); - exports.Move = undefined; - - var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + exports.PhotoshopButton = undefined; var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - - var Move = exports.Move = function (_React$Component) { - _inherits(Move, _React$Component); - - function Move() { - _classCallCheck(this, Move); - - return _possibleConstructorReturn(this, Object.getPrototypeOf(Move).apply(this, arguments)); - } - - _createClass(Move, [{ - key: 'componentDidMount', - value: function componentDidMount() { - var animate = this.refs.outer; - - setTimeout(function () { - animate.style.opacity = this.props.inEndOpacity; - animate.style.transform = this.props.inEndTransform; - animate.style.transition = this.props.inEndTransition; - }.bind(this), this.props.inDelay); - } - }, { - key: 'render', - value: function render() { - - var styles = (0, _reactcss2.default)({ - 'default': { - outer: { - opacity: this.props.inStartOpacity, - transform: this.props.inStartTransform, - transition: this.props.inStartTransition - } - } - }); + var PhotoshopButton = exports.PhotoshopButton = function PhotoshopButton(_ref) { + var onClick = _ref.onClick, + label = _ref.label, + children = _ref.children, + active = _ref.active; - return _react2.default.createElement( - 'div', - { style: styles.outer, ref: 'outer', className: 'foobarbaz' }, - this.props.children - ); + var styles = (0, _reactcss2.default)({ + 'default': { + button: { + backgroundImage: 'linear-gradient(-180deg, #FFFFFF 0%, #E6E6E6 100%)', + border: '1px solid #878787', + borderRadius: '2px', + height: '20px', + boxShadow: '0 1px 0 0 #EAEAEA', + fontSize: '14px', + color: '#000', + lineHeight: '20px', + textAlign: 'center', + marginBottom: '10px', + cursor: 'pointer' + } + }, + 'active': { + button: { + boxShadow: '0 0 0 1px #878787' + } } - }]); - - return Move; - }(_react2.default.Component); + }, { active: active }); - Move.defaultProps = { - inStartOpacity: '0', - inStartTransform: '', - inStartTransition: 'all 400ms cubic-bezier(.55,0,.1,1)', - inEndOpacity: '1', - inEndTransform: '', - inEndTransition: 'all 400ms cubic-bezier(.55,0,.1,1)', - inDelay: 0 + return _react2.default.createElement( + 'div', + { style: styles.button, onClick: onClick }, + label || children + ); }; - exports.default = Move; + exports.default = PhotoshopButton; /***/ }), -/* 410 */ +/* 407 */ /***/ (function(module, exports, __webpack_require__) { - 'use strict'; /* eslint import/no-unresolved: 0 */ + 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); - - var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + exports.PhotoshopPreviews = undefined; var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); - var _reactBasicLayout = __webpack_require__(405); + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var _reactDocs = __webpack_require__(411); + var PhotoshopPreviews = exports.PhotoshopPreviews = function PhotoshopPreviews(_ref) { + var rgb = _ref.rgb, + currentColor = _ref.currentColor; - var _reactDocs2 = _interopRequireDefault(_reactDocs); + var styles = (0, _reactcss2.default)({ + 'default': { + swatches: { + border: '1px solid #B3B3B3', + borderBottom: '1px solid #F0F0F0', + marginBottom: '2px', + marginTop: '1px' + }, + new: { + height: '34px', + background: 'rgb(' + rgb.r + ',' + rgb.g + ', ' + rgb.b + ')', + boxShadow: 'inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 1px 0 #000' + }, + current: { + height: '34px', + background: currentColor, + boxShadow: 'inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 -1px 0 #000' + }, + label: { + fontSize: '14px', + color: '#000', + textAlign: 'center' + } + } + }); - var _Markdown = __webpack_require__(419); + return _react2.default.createElement( + 'div', + null, + _react2.default.createElement( + 'div', + { style: styles.label }, + 'new' + ), + _react2.default.createElement( + 'div', + { style: styles.swatches }, + _react2.default.createElement('div', { style: styles.new }), + _react2.default.createElement('div', { style: styles.current }) + ), + _react2.default.createElement( + 'div', + { style: styles.label }, + 'current' + ) + ); + }; - var _Markdown2 = _interopRequireDefault(_Markdown); + exports.default = PhotoshopPreviews; - var _documentation = __webpack_require__(424); +/***/ }), +/* 408 */ +/***/ (function(module, exports, __webpack_require__) { - var _documentation2 = _interopRequireDefault(_documentation); + 'use strict'; - var _examples = __webpack_require__(438); + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.Sketch = undefined; - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + var _react = __webpack_require__(2); - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } + var _react2 = _interopRequireDefault(_react); - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } + var _propTypes = __webpack_require__(351); - var HomeDocumentation = function (_React$Component) { - _inherits(HomeDocumentation, _React$Component); + var _propTypes2 = _interopRequireDefault(_propTypes); - function HomeDocumentation() { - _classCallCheck(this, HomeDocumentation); + var _reactcss = __webpack_require__(174); - return _possibleConstructorReturn(this, (HomeDocumentation.__proto__ || Object.getPrototypeOf(HomeDocumentation)).apply(this, arguments)); - } + var _reactcss2 = _interopRequireDefault(_reactcss); - _createClass(HomeDocumentation, [{ - key: 'render', - value: function render() { - var styles = (0, _reactcss2.default)({ - 'default': { - body: { - paddingTop: '50px', - paddingBottom: '50px' - }, - examples: { - paddingTop: '30px' - }, - example: { - paddingBottom: '40px' - }, - playground: { - background: '#ddd', - boxShadow: 'inset 0 2px 3px rgba(0,0,0,.1)', - position: 'relative', - height: '200px', - borderRadius: '4px 4px 0 0' - }, - exampleButton: { - width: '90px', - height: '24px', - margin: '-12px 0 0 -45px', - position: 'absolute', - left: '50%', - top: '50%' - }, - exampleSketch: { - width: '46px', - height: '24px', - margin: '-12px 0 0 -23px', - position: 'absolute', - left: '50%', - top: '50%' - } - } - }); + var _merge = __webpack_require__(353); - var bottom = _react2.default.createElement('iframe', { src: 'https://ghbtns.com/github-btn.html?user=casesandberg&repo=react-color&type=star&count=true&size=large', scrolling: '0', width: '160px', height: '30px', frameBorder: '0' }); + var _merge2 = _interopRequireDefault(_merge); - // return
; - return _react2.default.createElement( - 'div', - { style: styles.body }, - _react2.default.createElement( - _reactBasicLayout.Container, - { width: 780 }, - _react2.default.createElement(_reactDocs2.default, { - markdown: _documentation2.default, - primaryColor: this.props.primaryColor, - bottom: bottom - }), - _react2.default.createElement( - _reactBasicLayout.Grid, - null, - _react2.default.createElement('div', null), - _react2.default.createElement( - 'div', - { style: styles.examples }, - _react2.default.createElement( - 'div', - { style: styles.example }, - _react2.default.createElement( - 'div', - { style: styles.playground }, - _react2.default.createElement( - 'div', - { style: styles.exampleButton }, - _react2.default.createElement(_examples.Button, null) - ) - ), - _react2.default.createElement( - _Markdown2.default, - null, - _examples.buttonmd - ) - ), - _react2.default.createElement( - 'div', - { style: styles.example }, - _react2.default.createElement( - 'div', - { style: styles.playground }, - _react2.default.createElement( - 'div', - { style: styles.exampleSketch }, - _react2.default.createElement(_examples.Sketch, null) - ) - ), - _react2.default.createElement( - _Markdown2.default, - null, - _examples.sketchmd - ) - ) - ) - ) - ) - ); - } - }]); + var _common = __webpack_require__(342); - return HomeDocumentation; - }(_react2.default.Component); + var _SketchFields = __webpack_require__(409); - exports.default = HomeDocumentation; + var _SketchFields2 = _interopRequireDefault(_SketchFields); -/***/ }), -/* 411 */ -/***/ (function(module, exports, __webpack_require__) { + var _SketchPresetColors = __webpack_require__(410); - 'use strict'; + var _SketchPresetColors2 = _interopRequireDefault(_SketchPresetColors); - Object.defineProperty(exports, '__esModule', { - value: true, - }); + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + var Sketch = exports.Sketch = function Sketch(_ref) { + var width = _ref.width, + rgb = _ref.rgb, + hex = _ref.hex, + hsv = _ref.hsv, + hsl = _ref.hsl, + onChange = _ref.onChange, + onSwatchHover = _ref.onSwatchHover, + disableAlpha = _ref.disableAlpha, + presetColors = _ref.presetColors, + renderers = _ref.renderers, + _ref$styles = _ref.styles, + passedStyles = _ref$styles === undefined ? {} : _ref$styles, + _ref$className = _ref.className, + className = _ref$className === undefined ? '' : _ref$className; + + var styles = (0, _reactcss2.default)((0, _merge2.default)({ + 'default': _extends({ + picker: { + width: width, + padding: '10px 10px 0', + boxSizing: 'initial', + background: '#fff', + borderRadius: '4px', + boxShadow: '0 0 0 1px rgba(0,0,0,.15), 0 8px 16px rgba(0,0,0,.15)' + }, + saturation: { + width: '100%', + paddingBottom: '75%', + position: 'relative', + overflow: 'hidden' + }, + Saturation: { + radius: '3px', + shadow: 'inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)' + }, + controls: { + display: 'flex' + }, + sliders: { + padding: '4px 0', + flex: '1' + }, + color: { + width: '24px', + height: '24px', + position: 'relative', + marginTop: '4px', + marginLeft: '4px', + borderRadius: '3px' + }, + activeColor: { + absolute: '0px 0px 0px 0px', + borderRadius: '2px', + background: 'rgba(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ',' + rgb.a + ')', + boxShadow: 'inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)' + }, + hue: { + position: 'relative', + height: '10px', + overflow: 'hidden' + }, + Hue: { + radius: '2px', + shadow: 'inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)' + }, - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } + alpha: { + position: 'relative', + height: '10px', + marginTop: '4px', + overflow: 'hidden' + }, + Alpha: { + radius: '2px', + shadow: 'inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)' + } + }, passedStyles), + 'disableAlpha': { + color: { + height: '10px' + }, + hue: { + height: '10px' + }, + alpha: { + display: 'none' + } + } + }, passedStyles), { disableAlpha: disableAlpha }); - var _libComponentsDocs = __webpack_require__(412); + return _react2.default.createElement( + 'div', + { style: styles.picker, className: 'sketch-picker ' + className }, + _react2.default.createElement( + 'div', + { style: styles.saturation }, + _react2.default.createElement(_common.Saturation, { + style: styles.Saturation, + hsl: hsl, + hsv: hsv, + onChange: onChange + }) + ), + _react2.default.createElement( + 'div', + { style: styles.controls, className: 'flexbox-fix' }, + _react2.default.createElement( + 'div', + { style: styles.sliders }, + _react2.default.createElement( + 'div', + { style: styles.hue }, + _react2.default.createElement(_common.Hue, { + style: styles.Hue, + hsl: hsl, + onChange: onChange + }) + ), + _react2.default.createElement( + 'div', + { style: styles.alpha }, + _react2.default.createElement(_common.Alpha, { + style: styles.Alpha, + rgb: rgb, + hsl: hsl, + renderers: renderers, + onChange: onChange + }) + ) + ), + _react2.default.createElement( + 'div', + { style: styles.color }, + _react2.default.createElement(_common.Checkboard, null), + _react2.default.createElement('div', { style: styles.activeColor }) + ) + ), + _react2.default.createElement(_SketchFields2.default, { + rgb: rgb, + hsl: hsl, + hex: hex, + onChange: onChange, + disableAlpha: disableAlpha + }), + _react2.default.createElement(_SketchPresetColors2.default, { + colors: presetColors, + onClick: onChange, + onSwatchHover: onSwatchHover + }) + ); + }; - var _libComponentsDocs2 = _interopRequireDefault(_libComponentsDocs); + Sketch.propTypes = { + disableAlpha: _propTypes2.default.bool, + width: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]), + styles: _propTypes2.default.object + }; - exports['default'] = _libComponentsDocs2['default']; - module.exports = exports['default']; + Sketch.defaultProps = { + disableAlpha: false, + width: 200, + styles: {}, + presetColors: ['#D0021B', '#F5A623', '#F8E71C', '#8B572A', '#7ED321', '#417505', '#BD10E0', '#9013FE', '#4A90E2', '#50E3C2', '#B8E986', '#000000', '#4A4A4A', '#9B9B9B', '#FFFFFF'] + }; + exports.default = (0, _common.ColorWrap)(Sketch); /***/ }), -/* 412 */ +/* 409 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -34940,196 +33795,278 @@ Object.defineProperty(exports, "__esModule", { value: true }); - - var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + exports.SketchFields = undefined; var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); - var _markdown = __webpack_require__(413); + var _color = __webpack_require__(376); - var _markdown2 = _interopRequireDefault(_markdown); + var color = _interopRequireWildcard(_color); - var _reactBasicLayout = __webpack_require__(405); + var _common = __webpack_require__(342); - var _MarkdownTitle = __webpack_require__(418); + function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } - var _MarkdownTitle2 = _interopRequireDefault(_MarkdownTitle); + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var _Markdown = __webpack_require__(419); + /* eslint-disable no-param-reassign */ - var _Markdown2 = _interopRequireDefault(_Markdown); + var SketchFields = exports.SketchFields = function SketchFields(_ref) { + var onChange = _ref.onChange, + rgb = _ref.rgb, + hsl = _ref.hsl, + hex = _ref.hex, + disableAlpha = _ref.disableAlpha; + + var styles = (0, _reactcss2.default)({ + 'default': { + fields: { + display: 'flex', + paddingTop: '4px' + }, + single: { + flex: '1', + paddingLeft: '6px' + }, + alpha: { + flex: '1', + paddingLeft: '6px' + }, + double: { + flex: '2' + }, + input: { + width: '80%', + padding: '4px 10% 3px', + border: 'none', + boxShadow: 'inset 0 0 0 1px #ccc', + fontSize: '11px' + }, + label: { + display: 'block', + textAlign: 'center', + fontSize: '11px', + color: '#222', + paddingTop: '3px', + paddingBottom: '4px', + textTransform: 'capitalize' + } + }, + 'disableAlpha': { + alpha: { + display: 'none' + } + } + }, { disableAlpha: disableAlpha }); - var _Code = __webpack_require__(420); + var handleChange = function handleChange(data, e) { + if (data.hex) { + color.isValidHex(data.hex) && onChange({ + hex: data.hex, + source: 'hex' + }, e); + } else if (data.r || data.g || data.b) { + onChange({ + r: data.r || rgb.r, + g: data.g || rgb.g, + b: data.b || rgb.b, + a: rgb.a, + source: 'rgb' + }, e); + } else if (data.a) { + if (data.a < 0) { + data.a = 0; + } else if (data.a > 100) { + data.a = 100; + } - var _Code2 = _interopRequireDefault(_Code); + data.a /= 100; + onChange({ + h: hsl.h, + s: hsl.s, + l: hsl.l, + a: data.a, + source: 'rgb' + }, e); + } + }; - var _Sidebar = __webpack_require__(422); + return _react2.default.createElement( + 'div', + { style: styles.fields, className: 'flexbox-fix' }, + _react2.default.createElement( + 'div', + { style: styles.double }, + _react2.default.createElement(_common.EditableInput, { + style: { input: styles.input, label: styles.label }, + label: 'hex', + value: hex.replace('#', ''), + onChange: handleChange + }) + ), + _react2.default.createElement( + 'div', + { style: styles.single }, + _react2.default.createElement(_common.EditableInput, { + style: { input: styles.input, label: styles.label }, + label: 'r', + value: rgb.r, + onChange: handleChange, + dragLabel: 'true', + dragMax: '255' + }) + ), + _react2.default.createElement( + 'div', + { style: styles.single }, + _react2.default.createElement(_common.EditableInput, { + style: { input: styles.input, label: styles.label }, + label: 'g', + value: rgb.g, + onChange: handleChange, + dragLabel: 'true', + dragMax: '255' + }) + ), + _react2.default.createElement( + 'div', + { style: styles.single }, + _react2.default.createElement(_common.EditableInput, { + style: { input: styles.input, label: styles.label }, + label: 'b', + value: rgb.b, + onChange: handleChange, + dragLabel: 'true', + dragMax: '255' + }) + ), + _react2.default.createElement( + 'div', + { style: styles.alpha }, + _react2.default.createElement(_common.EditableInput, { + style: { input: styles.input, label: styles.label }, + label: 'a', + value: Math.round(rgb.a * 100), + onChange: handleChange, + dragLabel: 'true', + dragMax: '100' + }) + ) + ); + }; - var _Sidebar2 = _interopRequireDefault(_Sidebar); + exports.default = SketchFields; - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +/***/ }), +/* 410 */ +/***/ (function(module, exports, __webpack_require__) { - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + 'use strict'; - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.SketchPresetColors = undefined; - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } + var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var Docs = function (_React$Component) { - _inherits(Docs, _React$Component); + var _react = __webpack_require__(2); - function Docs() { - _classCallCheck(this, Docs); + var _react2 = _interopRequireDefault(_react); - var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Docs).call(this)); + var _propTypes = __webpack_require__(351); - _this.state = { - sidebarFixed: false, - visible: false, - files: {} - }; - _this.changeSelection = _this.changeSelection.bind(_this); - _this.attachSidebar = _this.attachSidebar.bind(_this); - _this.handleScroll = _this.handleScroll.bind(_this); - return _this; - } + var _propTypes2 = _interopRequireDefault(_propTypes); - _createClass(Docs, [{ - key: 'componentDidMount', - value: function componentDidMount() { - window.addEventListener('scroll', this.handleScroll, false); + var _reactcss = __webpack_require__(174); - var domFiles = this.refs.files && this.refs.files.children; + var _reactcss2 = _interopRequireDefault(_reactcss); - if (domFiles) { - var files = {}; - for (var i = 0; i < domFiles.length; i++) { - var file = domFiles[i]; - files[file.offsetTop] = file.id; - } + var _common = __webpack_require__(342); - this.setState({ files: files }); - } - } - }, { - key: 'componentWillUnmount', - value: function componentWillUnmount() { - window.removeEventListener('scroll', this.handleScroll, false); - } - }, { - key: 'handleScroll', - value: function handleScroll(e) { - this.changeSelection(); - this.attachSidebar(); - } - }, { - key: 'attachSidebar', - value: function attachSidebar() { - var sidebarTop = this.refs.sidebar.getBoundingClientRect().top; + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - if (sidebarTop <= 0 && this.state.sidebarFixed === false) { - this.setState({ sidebarFixed: true }); - } + var SketchPresetColors = exports.SketchPresetColors = function SketchPresetColors(_ref) { + var colors = _ref.colors, + _ref$onClick = _ref.onClick, + onClick = _ref$onClick === undefined ? function () {} : _ref$onClick, + onSwatchHover = _ref.onSwatchHover; - if (sidebarTop > 0 && this.state.sidebarFixed === true) { - this.setState({ sidebarFixed: false }); - } - } - }, { - key: 'changeSelection', - value: function changeSelection() { - var top = document.body.scrollTop - 300; - var mostVisible = ''; - - for (var offset in this.state.files) { - if (this.state.files.hasOwnProperty(offset)) { - var id = this.state.files[offset]; - if (offset < top) { - mostVisible = id; - } - } + var styles = (0, _reactcss2.default)({ + 'default': { + colors: { + margin: '0 -10px', + padding: '10px 0 0 10px', + borderTop: '1px solid #eee', + display: 'flex', + flexWrap: 'wrap', + position: 'relative' + }, + swatchWrap: { + width: '16px', + height: '16px', + margin: '0 10px 10px 0' + }, + swatch: { + borderRadius: '3px', + boxShadow: 'inset 0 0 0 1px rgba(0,0,0,.15)' } - - if (mostVisible !== this.state.visible) { - this.setState({ visible: mostVisible }); + }, + 'no-presets': { + colors: { + display: 'none' } } }, { - key: 'render', - value: function render() { - - var styles = (0, _reactcss2.default)({ - 'default': {} - }); - - var markdownFiles = []; - - for (var fileName in this.props.markdown) { - if (this.props.markdown.hasOwnProperty(fileName)) { - var file = this.props.markdown[fileName]; - var args = _markdown2.default.getArgs(file); - var body = _markdown2.default.getBody(file); + 'no-presets': !colors || !colors.length + }); - markdownFiles.push(_react2.default.createElement( - 'div', - { key: fileName, id: args.id, style: styles.file, className: 'markdown' }, - _react2.default.createElement(_MarkdownTitle2.default, { - isHeadline: _markdown2.default.isSubSection(fileName) ? true : false, - title: args.title, - link: args.id, - primaryColor: this.props.primaryColor }), - _react2.default.createElement( - _Markdown2.default, - null, - body - ) - )); - } - } + var handleClick = function handleClick(hex, e) { + onClick({ + hex: hex, + source: 'hex' + }, e); + }; + return _react2.default.createElement( + 'div', + { style: styles.colors, className: 'flexbox-fix' }, + colors.map(function (colorObjOrString) { + var c = typeof colorObjOrString === 'string' ? { color: colorObjOrString } : colorObjOrString; + var key = '' + c.color + (c.title || ''); return _react2.default.createElement( 'div', - null, - _react2.default.createElement( - 'style', - null, - '\n .rendered{\n color: #607D8B; // blue grey 500\n }\n .rendered .hljs-comment {\n color: #B0BEC5; // blue grey 200\n }\n .rendered .hljs-keyword{\n color: #EF9A9A; // red 200\n }\n .rendered .hljs-string{\n color: #689F38; // light green 700\n }\n .rendered .hljs-title{\n }\n .text code{\n background: #ddd;\n padding: 1px 5px 3px;\n border-radius: 2px;\n box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);\n font-size: 85%;\n vertical-align: bottom;\n }\n .markdown p{\n margin: 15px 24px 15px 0;\n }\n .markdown h1{\n font-size: 38px;\n font-weight: 200;\n color: rgba(0,0,0,.77);\n margin: 0;\n padding-top: 54px;\n padding-bottom: 5px;\n }\n .markdown h2{\n font-size: 26px;\n line-height: 32px;\n font-weight: 200;\n color: rgba(0,0,0,.57);\n padding-top: 20px;\n margin-top: 20px;\n margin-bottom: 10px;\n }\n .markdown h3{\n font-weight: normal;\n font-size: 20px;\n padding-top: 20px;\n margin-top: 20px;\n color: rgba(0,0,0,.67);\n }\n ' - ), - _react2.default.createElement( - _reactBasicLayout.Grid, - null, - _react2.default.createElement( - 'div', - { style: styles.sidebar, ref: 'sidebar' }, - _react2.default.createElement(_Sidebar2.default, { files: this.props.markdown, active: this.state.visible, primaryColor: this.props.primaryColor, bottom: this.props.bottom, fixed: this.state.sidebarFixed }) - ), - _react2.default.createElement( - 'div', - { ref: 'files', style: styles.files }, - markdownFiles - ) - ) + { key: key, style: styles.swatchWrap }, + _react2.default.createElement(_common.Swatch, _extends({}, c, { + style: styles.swatch, + onClick: handleClick, + onHover: onSwatchHover, + focusStyle: { + boxShadow: 'inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px ' + c.color + } + })) ); - } - }]); - - return Docs; - }(_react2.default.Component); + }) + ); + }; - Docs.defaultProps = { - primaryColor: '#03A9F4' + SketchPresetColors.propTypes = { + colors: _propTypes2.default.arrayOf(_propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.shape({ + color: _propTypes2.default.string, + title: _propTypes2.default.string + })])).isRequired }; - exports.default = Docs; + exports.default = SketchPresetColors; /***/ }), -/* 413 */ +/* 411 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; @@ -35137,5823 +34074,868 @@ Object.defineProperty(exports, "__esModule", { value: true }); + exports.Slider = undefined; - var _remarkable = __webpack_require__(414); - - var _remarkable2 = _interopRequireDefault(_remarkable); - - var _highlight = __webpack_require__(415); + var _react = __webpack_require__(2); - var _highlight2 = _interopRequireDefault(_highlight); + var _react2 = _interopRequireDefault(_react); - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + var _propTypes = __webpack_require__(351); - var regularMd = new _remarkable2.default(); - var codeMd = new _remarkable2.default({ - highlight: function highlight(str) { - try { - return _highlight2.default.highlight('javascript', str).value; - } catch (err) { - console.log(err); - } - } - }); + var _propTypes2 = _interopRequireDefault(_propTypes); - exports.default = { + var _reactcss = __webpack_require__(174); - render: function render(text) { - return regularMd.render(text); - }, + var _reactcss2 = _interopRequireDefault(_reactcss); - renderCode: function renderCode(text) { - return codeMd.render(text); - }, + var _merge = __webpack_require__(353); - getArgs: function getArgs(code) { - var args = {}; - if (code.indexOf('---') > -1) { - var match = /---([\s\S]*?)---\n([\s\S]*)/.exec(code); - var argSplit = match[1].trim().split('\n'); + var _merge2 = _interopRequireDefault(_merge); - for (var i = 0; i < argSplit.length; i++) { - var arg = argSplit[i]; - var regex = /(.+?): (.+)/.exec(arg); - args[regex[1]] = regex[2]; - } + var _common = __webpack_require__(342); - code = match[2]; - } + var _SliderSwatches = __webpack_require__(412); - return args; - }, + var _SliderSwatches2 = _interopRequireDefault(_SliderSwatches); - getBody: function getBody(code) { - if (code.indexOf('---') > -1) { - var match = /---([\s\S]*?)---\n([\s\S]*)/.exec(code); - return match[2]; - } else { - return code; - } - }, + var _SliderPointer = __webpack_require__(414); - isCode: function isCode(text) { - var array = []; - var reg = new RegExp(/(```.*\n([\s\S]*?)```)/g); - var match; - while ((match = reg.exec(text)) !== null) { - array.push(match); - } + var _SliderPointer2 = _interopRequireDefault(_SliderPointer); - return array; - }, + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - isCodeBlock: function isCodeBlock(string) { - if (string.indexOf('|Code:') > -1) { - return true; - } else { - return false; - } - }, + var Slider = exports.Slider = function Slider(_ref) { + var hsl = _ref.hsl, + onChange = _ref.onChange, + pointer = _ref.pointer, + _ref$styles = _ref.styles, + passedStyles = _ref$styles === undefined ? {} : _ref$styles, + _ref$className = _ref.className, + className = _ref$className === undefined ? '' : _ref$className; - isSubSection: function isSubSection(string) { - if (string.split('-')[0].indexOf('.') === -1) { - return true; - } else { - return false; + var styles = (0, _reactcss2.default)((0, _merge2.default)({ + 'default': { + hue: { + height: '12px', + position: 'relative' + }, + Hue: { + radius: '2px' + } } - }, + }, passedStyles)); - codeNumber: function codeNumber(string) { - return (/\|Code:(.+?)\|/.exec(string)[1] - ); - } + return _react2.default.createElement( + 'div', + { style: styles.wrap || {}, className: 'slider-picker ' + className }, + _react2.default.createElement( + 'div', + { style: styles.hue }, + _react2.default.createElement(_common.Hue, { + style: styles.Hue, + hsl: hsl, + pointer: pointer, + onChange: onChange + }) + ), + _react2.default.createElement( + 'div', + { style: styles.swatches }, + _react2.default.createElement(_SliderSwatches2.default, { hsl: hsl, onClick: onChange }) + ) + ); + }; + Slider.propTypes = { + styles: _propTypes2.default.object + }; + Slider.defaultProps = { + pointer: _SliderPointer2.default, + styles: {} }; + exports.default = (0, _common.ColorWrap)(Slider); + /***/ }), -/* 414 */ +/* 412 */ /***/ (function(module, exports, __webpack_require__) { - var require;var require;/*! remarkable 1.5.0 https://github.com//jonschlinkert/remarkable @license MIT */ ! function(e) { - if (true) module.exports = e(); - else if ("function" == typeof define && define.amd) define([], e); - else { - var t; - "undefined" != typeof window ? t = window : "undefined" != typeof global ? t = global : "undefined" != typeof self && (t = self), t.Remarkable = e() - } - }(function() { - var e; - return function t(e, r, n) { - function s(i, l) { - if (!r[i]) { - if (!e[i]) { - var a = "function" == typeof require && require; - if (!l && a) return require(i, !0); - if (o) return o(i, !0); - var c = new Error("Cannot find module '" + i + "'"); - throw c.code = "MODULE_NOT_FOUND", c - } - var u = r[i] = { - exports: {} - }; - e[i][0].call(u.exports, function(t) { - var r = e[i][1][t]; - return s(r ? r : t) - }, u, u.exports, t, e, r, n) - } - return r[i].exports - } - for (var o = "function" == typeof require && require, i = 0; i < n.length; i++) s(n[i]); - return s - }({ - 1: [function(e, t) { - "use strict"; - t.exports = { - Aacute: "Á", - aacute: "á", - Abreve: "Ă", - abreve: "ă", - ac: "∾", - acd: "∿", - acE: "∾̳", - Acirc: "Â", - acirc: "â", - acute: "´", - Acy: "А", - acy: "а", - AElig: "Æ", - aelig: "æ", - af: "⁡", - Afr: "𝔄", - afr: "𝔞", - Agrave: "À", - agrave: "à", - alefsym: "ℵ", - aleph: "ℵ", - Alpha: "Α", - alpha: "α", - Amacr: "Ā", - amacr: "ā", - amalg: "⨿", - AMP: "&", - amp: "&", - And: "⩓", - and: "∧", - andand: "⩕", - andd: "⩜", - andslope: "⩘", - andv: "⩚", - ang: "∠", - ange: "⦤", - angle: "∠", - angmsd: "∡", - angmsdaa: "⦨", - angmsdab: "⦩", - angmsdac: "⦪", - angmsdad: "⦫", - angmsdae: "⦬", - angmsdaf: "⦭", - angmsdag: "⦮", - angmsdah: "⦯", - angrt: "∟", - angrtvb: "⊾", - angrtvbd: "⦝", - angsph: "∢", - angst: "Å", - angzarr: "⍼", - Aogon: "Ą", - aogon: "ą", - Aopf: "𝔸", - aopf: "𝕒", - ap: "≈", - apacir: "⩯", - apE: "⩰", - ape: "≊", - apid: "≋", - apos: "'", - ApplyFunction: "⁡", - approx: "≈", - approxeq: "≊", - Aring: "Å", - aring: "å", - Ascr: "𝒜", - ascr: "𝒶", - Assign: "≔", - ast: "*", - asymp: "≈", - asympeq: "≍", - Atilde: "Ã", - atilde: "ã", - Auml: "Ä", - auml: "ä", - awconint: "∳", - awint: "⨑", - backcong: "≌", - backepsilon: "϶", - backprime: "‵", - backsim: "∽", - backsimeq: "⋍", - Backslash: "∖", - Barv: "⫧", - barvee: "⊽", - Barwed: "⌆", - barwed: "⌅", - barwedge: "⌅", - bbrk: "⎵", - bbrktbrk: "⎶", - bcong: "≌", - Bcy: "Б", - bcy: "б", - bdquo: "„", - becaus: "∵", - Because: "∵", - because: "∵", - bemptyv: "⦰", - bepsi: "϶", - bernou: "ℬ", - Bernoullis: "ℬ", - Beta: "Β", - beta: "β", - beth: "ℶ", - between: "≬", - Bfr: "𝔅", - bfr: "𝔟", - bigcap: "⋂", - bigcirc: "◯", - bigcup: "⋃", - bigodot: "⨀", - bigoplus: "⨁", - bigotimes: "⨂", - bigsqcup: "⨆", - bigstar: "★", - bigtriangledown: "▽", - bigtriangleup: "△", - biguplus: "⨄", - bigvee: "⋁", - bigwedge: "⋀", - bkarow: "⤍", - blacklozenge: "⧫", - blacksquare: "▪", - blacktriangle: "▴", - blacktriangledown: "▾", - blacktriangleleft: "◂", - blacktriangleright: "▸", - blank: "␣", - blk12: "▒", - blk14: "░", - blk34: "▓", - block: "█", - bne: "=⃥", - bnequiv: "≡⃥", - bNot: "⫭", - bnot: "⌐", - Bopf: "𝔹", - bopf: "𝕓", - bot: "⊥", - bottom: "⊥", - bowtie: "⋈", - boxbox: "⧉", - boxDL: "╗", - boxDl: "╖", - boxdL: "╕", - boxdl: "┐", - boxDR: "╔", - boxDr: "╓", - boxdR: "╒", - boxdr: "┌", - boxH: "═", - boxh: "─", - boxHD: "╦", - boxHd: "╤", - boxhD: "╥", - boxhd: "┬", - boxHU: "╩", - boxHu: "╧", - boxhU: "╨", - boxhu: "┴", - boxminus: "⊟", - boxplus: "⊞", - boxtimes: "⊠", - boxUL: "╝", - boxUl: "╜", - boxuL: "╛", - boxul: "┘", - boxUR: "╚", - boxUr: "╙", - boxuR: "╘", - boxur: "└", - boxV: "║", - boxv: "│", - boxVH: "╬", - boxVh: "╫", - boxvH: "╪", - boxvh: "┼", - boxVL: "╣", - boxVl: "╢", - boxvL: "╡", - boxvl: "┤", - boxVR: "╠", - boxVr: "╟", - boxvR: "╞", - boxvr: "├", - bprime: "‵", - Breve: "˘", - breve: "˘", - brvbar: "¦", - Bscr: "ℬ", - bscr: "𝒷", - bsemi: "⁏", - bsim: "∽", - bsime: "⋍", - bsol: "\\", - bsolb: "⧅", - bsolhsub: "⟈", - bull: "•", - bullet: "•", - bump: "≎", - bumpE: "⪮", - bumpe: "≏", - Bumpeq: "≎", - bumpeq: "≏", - Cacute: "Ć", - cacute: "ć", - Cap: "⋒", - cap: "∩", - capand: "⩄", - capbrcup: "⩉", - capcap: "⩋", - capcup: "⩇", - capdot: "⩀", - CapitalDifferentialD: "ⅅ", - caps: "∩︀", - caret: "⁁", - caron: "ˇ", - Cayleys: "ℭ", - ccaps: "⩍", - Ccaron: "Č", - ccaron: "č", - Ccedil: "Ç", - ccedil: "ç", - Ccirc: "Ĉ", - ccirc: "ĉ", - Cconint: "∰", - ccups: "⩌", - ccupssm: "⩐", - Cdot: "Ċ", - cdot: "ċ", - cedil: "¸", - Cedilla: "¸", - cemptyv: "⦲", - cent: "¢", - CenterDot: "·", - centerdot: "·", - Cfr: "ℭ", - cfr: "𝔠", - CHcy: "Ч", - chcy: "ч", - check: "✓", - checkmark: "✓", - Chi: "Χ", - chi: "χ", - cir: "○", - circ: "ˆ", - circeq: "≗", - circlearrowleft: "↺", - circlearrowright: "↻", - circledast: "⊛", - circledcirc: "⊚", - circleddash: "⊝", - CircleDot: "⊙", - circledR: "®", - circledS: "Ⓢ", - CircleMinus: "⊖", - CirclePlus: "⊕", - CircleTimes: "⊗", - cirE: "⧃", - cire: "≗", - cirfnint: "⨐", - cirmid: "⫯", - cirscir: "⧂", - ClockwiseContourIntegral: "∲", - CloseCurlyDoubleQuote: "”", - CloseCurlyQuote: "’", - clubs: "♣", - clubsuit: "♣", - Colon: "∷", - colon: ":", - Colone: "⩴", - colone: "≔", - coloneq: "≔", - comma: ",", - commat: "@", - comp: "∁", - compfn: "∘", - complement: "∁", - complexes: "ℂ", - cong: "≅", - congdot: "⩭", - Congruent: "≡", - Conint: "∯", - conint: "∮", - ContourIntegral: "∮", - Copf: "ℂ", - copf: "𝕔", - coprod: "∐", - Coproduct: "∐", - COPY: "©", - copy: "©", - copysr: "℗", - CounterClockwiseContourIntegral: "∳", - crarr: "↵", - Cross: "⨯", - cross: "✗", - Cscr: "𝒞", - cscr: "𝒸", - csub: "⫏", - csube: "⫑", - csup: "⫐", - csupe: "⫒", - ctdot: "⋯", - cudarrl: "⤸", - cudarrr: "⤵", - cuepr: "⋞", - cuesc: "⋟", - cularr: "↶", - cularrp: "⤽", - Cup: "⋓", - cup: "∪", - cupbrcap: "⩈", - CupCap: "≍", - cupcap: "⩆", - cupcup: "⩊", - cupdot: "⊍", - cupor: "⩅", - cups: "∪︀", - curarr: "↷", - curarrm: "⤼", - curlyeqprec: "⋞", - curlyeqsucc: "⋟", - curlyvee: "⋎", - curlywedge: "⋏", - curren: "¤", - curvearrowleft: "↶", - curvearrowright: "↷", - cuvee: "⋎", - cuwed: "⋏", - cwconint: "∲", - cwint: "∱", - cylcty: "⌭", - Dagger: "‡", - dagger: "†", - daleth: "ℸ", - Darr: "↡", - dArr: "⇓", - darr: "↓", - dash: "‐", - Dashv: "⫤", - dashv: "⊣", - dbkarow: "⤏", - dblac: "˝", - Dcaron: "Ď", - dcaron: "ď", - Dcy: "Д", - dcy: "д", - DD: "ⅅ", - dd: "ⅆ", - ddagger: "‡", - ddarr: "⇊", - DDotrahd: "⤑", - ddotseq: "⩷", - deg: "°", - Del: "∇", - Delta: "Δ", - delta: "δ", - demptyv: "⦱", - dfisht: "⥿", - Dfr: "𝔇", - dfr: "𝔡", - dHar: "⥥", - dharl: "⇃", - dharr: "⇂", - DiacriticalAcute: "´", - DiacriticalDot: "˙", - DiacriticalDoubleAcute: "˝", - DiacriticalGrave: "`", - DiacriticalTilde: "˜", - diam: "⋄", - Diamond: "⋄", - diamond: "⋄", - diamondsuit: "♦", - diams: "♦", - die: "¨", - DifferentialD: "ⅆ", - digamma: "ϝ", - disin: "⋲", - div: "÷", - divide: "÷", - divideontimes: "⋇", - divonx: "⋇", - DJcy: "Ђ", - djcy: "ђ", - dlcorn: "⌞", - dlcrop: "⌍", - dollar: "$", - Dopf: "𝔻", - dopf: "𝕕", - Dot: "¨", - dot: "˙", - DotDot: "⃜", - doteq: "≐", - doteqdot: "≑", - DotEqual: "≐", - dotminus: "∸", - dotplus: "∔", - dotsquare: "⊡", - doublebarwedge: "⌆", - DoubleContourIntegral: "∯", - DoubleDot: "¨", - DoubleDownArrow: "⇓", - DoubleLeftArrow: "⇐", - DoubleLeftRightArrow: "⇔", - DoubleLeftTee: "⫤", - DoubleLongLeftArrow: "⟸", - DoubleLongLeftRightArrow: "⟺", - DoubleLongRightArrow: "⟹", - DoubleRightArrow: "⇒", - DoubleRightTee: "⊨", - DoubleUpArrow: "⇑", - DoubleUpDownArrow: "⇕", - DoubleVerticalBar: "∥", - DownArrow: "↓", - Downarrow: "⇓", - downarrow: "↓", - DownArrowBar: "⤓", - DownArrowUpArrow: "⇵", - DownBreve: "̑", - downdownarrows: "⇊", - downharpoonleft: "⇃", - downharpoonright: "⇂", - DownLeftRightVector: "⥐", - DownLeftTeeVector: "⥞", - DownLeftVector: "↽", - DownLeftVectorBar: "⥖", - DownRightTeeVector: "⥟", - DownRightVector: "⇁", - DownRightVectorBar: "⥗", - DownTee: "⊤", - DownTeeArrow: "↧", - drbkarow: "⤐", - drcorn: "⌟", - drcrop: "⌌", - Dscr: "𝒟", - dscr: "𝒹", - DScy: "Ѕ", - dscy: "ѕ", - dsol: "⧶", - Dstrok: "Đ", - dstrok: "đ", - dtdot: "⋱", - dtri: "▿", - dtrif: "▾", - duarr: "⇵", - duhar: "⥯", - dwangle: "⦦", - DZcy: "Џ", - dzcy: "џ", - dzigrarr: "⟿", - Eacute: "É", - eacute: "é", - easter: "⩮", - Ecaron: "Ě", - ecaron: "ě", - ecir: "≖", - Ecirc: "Ê", - ecirc: "ê", - ecolon: "≕", - Ecy: "Э", - ecy: "э", - eDDot: "⩷", - Edot: "Ė", - eDot: "≑", - edot: "ė", - ee: "ⅇ", - efDot: "≒", - Efr: "𝔈", - efr: "𝔢", - eg: "⪚", - Egrave: "È", - egrave: "è", - egs: "⪖", - egsdot: "⪘", - el: "⪙", - Element: "∈", - elinters: "⏧", - ell: "ℓ", - els: "⪕", - elsdot: "⪗", - Emacr: "Ē", - emacr: "ē", - empty: "∅", - emptyset: "∅", - EmptySmallSquare: "◻", - emptyv: "∅", - EmptyVerySmallSquare: "▫", - emsp: " ", - emsp13: " ", - emsp14: " ", - ENG: "Ŋ", - eng: "ŋ", - ensp: " ", - Eogon: "Ę", - eogon: "ę", - Eopf: "𝔼", - eopf: "𝕖", - epar: "⋕", - eparsl: "⧣", - eplus: "⩱", - epsi: "ε", - Epsilon: "Ε", - epsilon: "ε", - epsiv: "ϵ", - eqcirc: "≖", - eqcolon: "≕", - eqsim: "≂", - eqslantgtr: "⪖", - eqslantless: "⪕", - Equal: "⩵", - equals: "=", - EqualTilde: "≂", - equest: "≟", - Equilibrium: "⇌", - equiv: "≡", - equivDD: "⩸", - eqvparsl: "⧥", - erarr: "⥱", - erDot: "≓", - Escr: "ℰ", - escr: "ℯ", - esdot: "≐", - Esim: "⩳", - esim: "≂", - Eta: "Η", - eta: "η", - ETH: "Ð", - eth: "ð", - Euml: "Ë", - euml: "ë", - euro: "€", - excl: "!", - exist: "∃", - Exists: "∃", - expectation: "ℰ", - ExponentialE: "ⅇ", - exponentiale: "ⅇ", - fallingdotseq: "≒", - Fcy: "Ф", - fcy: "ф", - female: "♀", - ffilig: "ffi", - fflig: "ff", - ffllig: "ffl", - Ffr: "𝔉", - ffr: "𝔣", - filig: "fi", - FilledSmallSquare: "◼", - FilledVerySmallSquare: "▪", - fjlig: "fj", - flat: "♭", - fllig: "fl", - fltns: "▱", - fnof: "ƒ", - Fopf: "𝔽", - fopf: "𝕗", - ForAll: "∀", - forall: "∀", - fork: "⋔", - forkv: "⫙", - Fouriertrf: "ℱ", - fpartint: "⨍", - frac12: "½", - frac13: "⅓", - frac14: "¼", - frac15: "⅕", - frac16: "⅙", - frac18: "⅛", - frac23: "⅔", - frac25: "⅖", - frac34: "¾", - frac35: "⅗", - frac38: "⅜", - frac45: "⅘", - frac56: "⅚", - frac58: "⅝", - frac78: "⅞", - frasl: "⁄", - frown: "⌢", - Fscr: "ℱ", - fscr: "𝒻", - gacute: "ǵ", - Gamma: "Γ", - gamma: "γ", - Gammad: "Ϝ", - gammad: "ϝ", - gap: "⪆", - Gbreve: "Ğ", - gbreve: "ğ", - Gcedil: "Ģ", - Gcirc: "Ĝ", - gcirc: "ĝ", - Gcy: "Г", - gcy: "г", - Gdot: "Ġ", - gdot: "ġ", - gE: "≧", - ge: "≥", - gEl: "⪌", - gel: "⋛", - geq: "≥", - geqq: "≧", - geqslant: "⩾", - ges: "⩾", - gescc: "⪩", - gesdot: "⪀", - gesdoto: "⪂", - gesdotol: "⪄", - gesl: "⋛︀", - gesles: "⪔", - Gfr: "𝔊", - gfr: "𝔤", - Gg: "⋙", - gg: "≫", - ggg: "⋙", - gimel: "ℷ", - GJcy: "Ѓ", - gjcy: "ѓ", - gl: "≷", - gla: "⪥", - glE: "⪒", - glj: "⪤", - gnap: "⪊", - gnapprox: "⪊", - gnE: "≩", - gne: "⪈", - gneq: "⪈", - gneqq: "≩", - gnsim: "⋧", - Gopf: "𝔾", - gopf: "𝕘", - grave: "`", - GreaterEqual: "≥", - GreaterEqualLess: "⋛", - GreaterFullEqual: "≧", - GreaterGreater: "⪢", - GreaterLess: "≷", - GreaterSlantEqual: "⩾", - GreaterTilde: "≳", - Gscr: "𝒢", - gscr: "ℊ", - gsim: "≳", - gsime: "⪎", - gsiml: "⪐", - GT: ">", - Gt: "≫", - gt: ">", - gtcc: "⪧", - gtcir: "⩺", - gtdot: "⋗", - gtlPar: "⦕", - gtquest: "⩼", - gtrapprox: "⪆", - gtrarr: "⥸", - gtrdot: "⋗", - gtreqless: "⋛", - gtreqqless: "⪌", - gtrless: "≷", - gtrsim: "≳", - gvertneqq: "≩︀", - gvnE: "≩︀", - Hacek: "ˇ", - hairsp: " ", - half: "½", - hamilt: "ℋ", - HARDcy: "Ъ", - hardcy: "ъ", - hArr: "⇔", - harr: "↔", - harrcir: "⥈", - harrw: "↭", - Hat: "^", - hbar: "ℏ", - Hcirc: "Ĥ", - hcirc: "ĥ", - hearts: "♥", - heartsuit: "♥", - hellip: "…", - hercon: "⊹", - Hfr: "ℌ", - hfr: "𝔥", - HilbertSpace: "ℋ", - hksearow: "⤥", - hkswarow: "⤦", - hoarr: "⇿", - homtht: "∻", - hookleftarrow: "↩", - hookrightarrow: "↪", - Hopf: "ℍ", - hopf: "𝕙", - horbar: "―", - HorizontalLine: "─", - Hscr: "ℋ", - hscr: "𝒽", - hslash: "ℏ", - Hstrok: "Ħ", - hstrok: "ħ", - HumpDownHump: "≎", - HumpEqual: "≏", - hybull: "⁃", - hyphen: "‐", - Iacute: "Í", - iacute: "í", - ic: "⁣", - Icirc: "Î", - icirc: "î", - Icy: "И", - icy: "и", - Idot: "İ", - IEcy: "Е", - iecy: "е", - iexcl: "¡", - iff: "⇔", - Ifr: "ℑ", - ifr: "𝔦", - Igrave: "Ì", - igrave: "ì", - ii: "ⅈ", - iiiint: "⨌", - iiint: "∭", - iinfin: "⧜", - iiota: "℩", - IJlig: "IJ", - ijlig: "ij", - Im: "ℑ", - Imacr: "Ī", - imacr: "ī", - image: "ℑ", - ImaginaryI: "ⅈ", - imagline: "ℐ", - imagpart: "ℑ", - imath: "ı", - imof: "⊷", - imped: "Ƶ", - Implies: "⇒", - "in": "∈", - incare: "℅", - infin: "∞", - infintie: "⧝", - inodot: "ı", - Int: "∬", - "int": "∫", - intcal: "⊺", - integers: "ℤ", - Integral: "∫", - intercal: "⊺", - Intersection: "⋂", - intlarhk: "⨗", - intprod: "⨼", - InvisibleComma: "⁣", - InvisibleTimes: "⁢", - IOcy: "Ё", - iocy: "ё", - Iogon: "Į", - iogon: "į", - Iopf: "𝕀", - iopf: "𝕚", - Iota: "Ι", - iota: "ι", - iprod: "⨼", - iquest: "¿", - Iscr: "ℐ", - iscr: "𝒾", - isin: "∈", - isindot: "⋵", - isinE: "⋹", - isins: "⋴", - isinsv: "⋳", - isinv: "∈", - it: "⁢", - Itilde: "Ĩ", - itilde: "ĩ", - Iukcy: "І", - iukcy: "і", - Iuml: "Ï", - iuml: "ï", - Jcirc: "Ĵ", - jcirc: "ĵ", - Jcy: "Й", - jcy: "й", - Jfr: "𝔍", - jfr: "𝔧", - jmath: "ȷ", - Jopf: "𝕁", - jopf: "𝕛", - Jscr: "𝒥", - jscr: "𝒿", - Jsercy: "Ј", - jsercy: "ј", - Jukcy: "Є", - jukcy: "є", - Kappa: "Κ", - kappa: "κ", - kappav: "ϰ", - Kcedil: "Ķ", - kcedil: "ķ", - Kcy: "К", - kcy: "к", - Kfr: "𝔎", - kfr: "𝔨", - kgreen: "ĸ", - KHcy: "Х", - khcy: "х", - KJcy: "Ќ", - kjcy: "ќ", - Kopf: "𝕂", - kopf: "𝕜", - Kscr: "𝒦", - kscr: "𝓀", - lAarr: "⇚", - Lacute: "Ĺ", - lacute: "ĺ", - laemptyv: "⦴", - lagran: "ℒ", - Lambda: "Λ", - lambda: "λ", - Lang: "⟪", - lang: "⟨", - langd: "⦑", - langle: "⟨", - lap: "⪅", - Laplacetrf: "ℒ", - laquo: "«", - Larr: "↞", - lArr: "⇐", - larr: "←", - larrb: "⇤", - larrbfs: "⤟", - larrfs: "⤝", - larrhk: "↩", - larrlp: "↫", - larrpl: "⤹", - larrsim: "⥳", - larrtl: "↢", - lat: "⪫", - lAtail: "⤛", - latail: "⤙", - late: "⪭", - lates: "⪭︀", - lBarr: "⤎", - lbarr: "⤌", - lbbrk: "❲", - lbrace: "{", - lbrack: "[", - lbrke: "⦋", - lbrksld: "⦏", - lbrkslu: "⦍", - Lcaron: "Ľ", - lcaron: "ľ", - Lcedil: "Ļ", - lcedil: "ļ", - lceil: "⌈", - lcub: "{", - Lcy: "Л", - lcy: "л", - ldca: "⤶", - ldquo: "“", - ldquor: "„", - ldrdhar: "⥧", - ldrushar: "⥋", - ldsh: "↲", - lE: "≦", - le: "≤", - LeftAngleBracket: "⟨", - LeftArrow: "←", - Leftarrow: "⇐", - leftarrow: "←", - LeftArrowBar: "⇤", - LeftArrowRightArrow: "⇆", - leftarrowtail: "↢", - LeftCeiling: "⌈", - LeftDoubleBracket: "⟦", - LeftDownTeeVector: "⥡", - LeftDownVector: "⇃", - LeftDownVectorBar: "⥙", - LeftFloor: "⌊", - leftharpoondown: "↽", - leftharpoonup: "↼", - leftleftarrows: "⇇", - LeftRightArrow: "↔", - Leftrightarrow: "⇔", - leftrightarrow: "↔", - leftrightarrows: "⇆", - leftrightharpoons: "⇋", - leftrightsquigarrow: "↭", - LeftRightVector: "⥎", - LeftTee: "⊣", - LeftTeeArrow: "↤", - LeftTeeVector: "⥚", - leftthreetimes: "⋋", - LeftTriangle: "⊲", - LeftTriangleBar: "⧏", - LeftTriangleEqual: "⊴", - LeftUpDownVector: "⥑", - LeftUpTeeVector: "⥠", - LeftUpVector: "↿", - LeftUpVectorBar: "⥘", - LeftVector: "↼", - LeftVectorBar: "⥒", - lEg: "⪋", - leg: "⋚", - leq: "≤", - leqq: "≦", - leqslant: "⩽", - les: "⩽", - lescc: "⪨", - lesdot: "⩿", - lesdoto: "⪁", - lesdotor: "⪃", - lesg: "⋚︀", - lesges: "⪓", - lessapprox: "⪅", - lessdot: "⋖", - lesseqgtr: "⋚", - lesseqqgtr: "⪋", - LessEqualGreater: "⋚", - LessFullEqual: "≦", - LessGreater: "≶", - lessgtr: "≶", - LessLess: "⪡", - lesssim: "≲", - LessSlantEqual: "⩽", - LessTilde: "≲", - lfisht: "⥼", - lfloor: "⌊", - Lfr: "𝔏", - lfr: "𝔩", - lg: "≶", - lgE: "⪑", - lHar: "⥢", - lhard: "↽", - lharu: "↼", - lharul: "⥪", - lhblk: "▄", - LJcy: "Љ", - ljcy: "љ", - Ll: "⋘", - ll: "≪", - llarr: "⇇", - llcorner: "⌞", - Lleftarrow: "⇚", - llhard: "⥫", - lltri: "◺", - Lmidot: "Ŀ", - lmidot: "ŀ", - lmoust: "⎰", - lmoustache: "⎰", - lnap: "⪉", - lnapprox: "⪉", - lnE: "≨", - lne: "⪇", - lneq: "⪇", - lneqq: "≨", - lnsim: "⋦", - loang: "⟬", - loarr: "⇽", - lobrk: "⟦", - LongLeftArrow: "⟵", - Longleftarrow: "⟸", - longleftarrow: "⟵", - LongLeftRightArrow: "⟷", - Longleftrightarrow: "⟺", - longleftrightarrow: "⟷", - longmapsto: "⟼", - LongRightArrow: "⟶", - Longrightarrow: "⟹", - longrightarrow: "⟶", - looparrowleft: "↫", - looparrowright: "↬", - lopar: "⦅", - Lopf: "𝕃", - lopf: "𝕝", - loplus: "⨭", - lotimes: "⨴", - lowast: "∗", - lowbar: "_", - LowerLeftArrow: "↙", - LowerRightArrow: "↘", - loz: "◊", - lozenge: "◊", - lozf: "⧫", - lpar: "(", - lparlt: "⦓", - lrarr: "⇆", - lrcorner: "⌟", - lrhar: "⇋", - lrhard: "⥭", - lrm: "‎", - lrtri: "⊿", - lsaquo: "‹", - Lscr: "ℒ", - lscr: "𝓁", - Lsh: "↰", - lsh: "↰", - lsim: "≲", - lsime: "⪍", - lsimg: "⪏", - lsqb: "[", - lsquo: "‘", - lsquor: "‚", - Lstrok: "Ł", - lstrok: "ł", - LT: "<", - Lt: "≪", - lt: "<", - ltcc: "⪦", - ltcir: "⩹", - ltdot: "⋖", - lthree: "⋋", - ltimes: "⋉", - ltlarr: "⥶", - ltquest: "⩻", - ltri: "◃", - ltrie: "⊴", - ltrif: "◂", - ltrPar: "⦖", - lurdshar: "⥊", - luruhar: "⥦", - lvertneqq: "≨︀", - lvnE: "≨︀", - macr: "¯", - male: "♂", - malt: "✠", - maltese: "✠", - Map: "⤅", - map: "↦", - mapsto: "↦", - mapstodown: "↧", - mapstoleft: "↤", - mapstoup: "↥", - marker: "▮", - mcomma: "⨩", - Mcy: "М", - mcy: "м", - mdash: "—", - mDDot: "∺", - measuredangle: "∡", - MediumSpace: " ", - Mellintrf: "ℳ", - Mfr: "𝔐", - mfr: "𝔪", - mho: "℧", - micro: "µ", - mid: "∣", - midast: "*", - midcir: "⫰", - middot: "·", - minus: "−", - minusb: "⊟", - minusd: "∸", - minusdu: "⨪", - MinusPlus: "∓", - mlcp: "⫛", - mldr: "…", - mnplus: "∓", - models: "⊧", - Mopf: "𝕄", - mopf: "𝕞", - mp: "∓", - Mscr: "ℳ", - mscr: "𝓂", - mstpos: "∾", - Mu: "Μ", - mu: "μ", - multimap: "⊸", - mumap: "⊸", - nabla: "∇", - Nacute: "Ń", - nacute: "ń", - nang: "∠⃒", - nap: "≉", - napE: "⩰̸", - napid: "≋̸", - napos: "ʼn", - napprox: "≉", - natur: "♮", - natural: "♮", - naturals: "ℕ", - nbsp: " ", - nbump: "≎̸", - nbumpe: "≏̸", - ncap: "⩃", - Ncaron: "Ň", - ncaron: "ň", - Ncedil: "Ņ", - ncedil: "ņ", - ncong: "≇", - ncongdot: "⩭̸", - ncup: "⩂", - Ncy: "Н", - ncy: "н", - ndash: "–", - ne: "≠", - nearhk: "⤤", - neArr: "⇗", - nearr: "↗", - nearrow: "↗", - nedot: "≐̸", - NegativeMediumSpace: "​", - NegativeThickSpace: "​", - NegativeThinSpace: "​", - NegativeVeryThinSpace: "​", - nequiv: "≢", - nesear: "⤨", - nesim: "≂̸", - NestedGreaterGreater: "≫", - NestedLessLess: "≪", - NewLine: "\n", - nexist: "∄", - nexists: "∄", - Nfr: "𝔑", - nfr: "𝔫", - ngE: "≧̸", - nge: "≱", - ngeq: "≱", - ngeqq: "≧̸", - ngeqslant: "⩾̸", - nges: "⩾̸", - nGg: "⋙̸", - ngsim: "≵", - nGt: "≫⃒", - ngt: "≯", - ngtr: "≯", - nGtv: "≫̸", - nhArr: "⇎", - nharr: "↮", - nhpar: "⫲", - ni: "∋", - nis: "⋼", - nisd: "⋺", - niv: "∋", - NJcy: "Њ", - njcy: "њ", - nlArr: "⇍", - nlarr: "↚", - nldr: "‥", - nlE: "≦̸", - nle: "≰", - nLeftarrow: "⇍", - nleftarrow: "↚", - nLeftrightarrow: "⇎", - nleftrightarrow: "↮", - nleq: "≰", - nleqq: "≦̸", - nleqslant: "⩽̸", - nles: "⩽̸", - nless: "≮", - nLl: "⋘̸", - nlsim: "≴", - nLt: "≪⃒", - nlt: "≮", - nltri: "⋪", - nltrie: "⋬", - nLtv: "≪̸", - nmid: "∤", - NoBreak: "⁠", - NonBreakingSpace: " ", - Nopf: "ℕ", - nopf: "𝕟", - Not: "⫬", - not: "¬", - NotCongruent: "≢", - NotCupCap: "≭", - NotDoubleVerticalBar: "∦", - NotElement: "∉", - NotEqual: "≠", - NotEqualTilde: "≂̸", - NotExists: "∄", - NotGreater: "≯", - NotGreaterEqual: "≱", - NotGreaterFullEqual: "≧̸", - NotGreaterGreater: "≫̸", - NotGreaterLess: "≹", - NotGreaterSlantEqual: "⩾̸", - NotGreaterTilde: "≵", - NotHumpDownHump: "≎̸", - NotHumpEqual: "≏̸", - notin: "∉", - notindot: "⋵̸", - notinE: "⋹̸", - notinva: "∉", - notinvb: "⋷", - notinvc: "⋶", - NotLeftTriangle: "⋪", - NotLeftTriangleBar: "⧏̸", - NotLeftTriangleEqual: "⋬", - NotLess: "≮", - NotLessEqual: "≰", - NotLessGreater: "≸", - NotLessLess: "≪̸", - NotLessSlantEqual: "⩽̸", - NotLessTilde: "≴", - NotNestedGreaterGreater: "⪢̸", - NotNestedLessLess: "⪡̸", - notni: "∌", - notniva: "∌", - notnivb: "⋾", - notnivc: "⋽", - NotPrecedes: "⊀", - NotPrecedesEqual: "⪯̸", - NotPrecedesSlantEqual: "⋠", - NotReverseElement: "∌", - NotRightTriangle: "⋫", - NotRightTriangleBar: "⧐̸", - NotRightTriangleEqual: "⋭", - NotSquareSubset: "⊏̸", - NotSquareSubsetEqual: "⋢", - NotSquareSuperset: "⊐̸", - NotSquareSupersetEqual: "⋣", - NotSubset: "⊂⃒", - NotSubsetEqual: "⊈", - NotSucceeds: "⊁", - NotSucceedsEqual: "⪰̸", - NotSucceedsSlantEqual: "⋡", - NotSucceedsTilde: "≿̸", - NotSuperset: "⊃⃒", - NotSupersetEqual: "⊉", - NotTilde: "≁", - NotTildeEqual: "≄", - NotTildeFullEqual: "≇", - NotTildeTilde: "≉", - NotVerticalBar: "∤", - npar: "∦", - nparallel: "∦", - nparsl: "⫽⃥", - npart: "∂̸", - npolint: "⨔", - npr: "⊀", - nprcue: "⋠", - npre: "⪯̸", - nprec: "⊀", - npreceq: "⪯̸", - nrArr: "⇏", - nrarr: "↛", - nrarrc: "⤳̸", - nrarrw: "↝̸", - nRightarrow: "⇏", - nrightarrow: "↛", - nrtri: "⋫", - nrtrie: "⋭", - nsc: "⊁", - nsccue: "⋡", - nsce: "⪰̸", - Nscr: "𝒩", - nscr: "𝓃", - nshortmid: "∤", - nshortparallel: "∦", - nsim: "≁", - nsime: "≄", - nsimeq: "≄", - nsmid: "∤", - nspar: "∦", - nsqsube: "⋢", - nsqsupe: "⋣", - nsub: "⊄", - nsubE: "⫅̸", - nsube: "⊈", - nsubset: "⊂⃒", - nsubseteq: "⊈", - nsubseteqq: "⫅̸", - nsucc: "⊁", - nsucceq: "⪰̸", - nsup: "⊅", - nsupE: "⫆̸", - nsupe: "⊉", - nsupset: "⊃⃒", - nsupseteq: "⊉", - nsupseteqq: "⫆̸", - ntgl: "≹", - Ntilde: "Ñ", - ntilde: "ñ", - ntlg: "≸", - ntriangleleft: "⋪", - ntrianglelefteq: "⋬", - ntriangleright: "⋫", - ntrianglerighteq: "⋭", - Nu: "Ν", - nu: "ν", - num: "#", - numero: "№", - numsp: " ", - nvap: "≍⃒", - nVDash: "⊯", - nVdash: "⊮", - nvDash: "⊭", - nvdash: "⊬", - nvge: "≥⃒", - nvgt: ">⃒", - nvHarr: "⤄", - nvinfin: "⧞", - nvlArr: "⤂", - nvle: "≤⃒", - nvlt: "<⃒", - nvltrie: "⊴⃒", - nvrArr: "⤃", - nvrtrie: "⊵⃒", - nvsim: "∼⃒", - nwarhk: "⤣", - nwArr: "⇖", - nwarr: "↖", - nwarrow: "↖", - nwnear: "⤧", - Oacute: "Ó", - oacute: "ó", - oast: "⊛", - ocir: "⊚", - Ocirc: "Ô", - ocirc: "ô", - Ocy: "О", - ocy: "о", - odash: "⊝", - Odblac: "Ő", - odblac: "ő", - odiv: "⨸", - odot: "⊙", - odsold: "⦼", - OElig: "Œ", - oelig: "œ", - ofcir: "⦿", - Ofr: "𝔒", - ofr: "𝔬", - ogon: "˛", - Ograve: "Ò", - ograve: "ò", - ogt: "⧁", - ohbar: "⦵", - ohm: "Ω", - oint: "∮", - olarr: "↺", - olcir: "⦾", - olcross: "⦻", - oline: "‾", - olt: "⧀", - Omacr: "Ō", - omacr: "ō", - Omega: "Ω", - omega: "ω", - Omicron: "Ο", - omicron: "ο", - omid: "⦶", - ominus: "⊖", - Oopf: "𝕆", - oopf: "𝕠", - opar: "⦷", - OpenCurlyDoubleQuote: "“", - OpenCurlyQuote: "‘", - operp: "⦹", - oplus: "⊕", - Or: "⩔", - or: "∨", - orarr: "↻", - ord: "⩝", - order: "ℴ", - orderof: "ℴ", - ordf: "ª", - ordm: "º", - origof: "⊶", - oror: "⩖", - orslope: "⩗", - orv: "⩛", - oS: "Ⓢ", - Oscr: "𝒪", - oscr: "ℴ", - Oslash: "Ø", - oslash: "ø", - osol: "⊘", - Otilde: "Õ", - otilde: "õ", - Otimes: "⨷", - otimes: "⊗", - otimesas: "⨶", - Ouml: "Ö", - ouml: "ö", - ovbar: "⌽", - OverBar: "‾", - OverBrace: "⏞", - OverBracket: "⎴", - OverParenthesis: "⏜", - par: "∥", - para: "¶", - parallel: "∥", - parsim: "⫳", - parsl: "⫽", - part: "∂", - PartialD: "∂", - Pcy: "П", - pcy: "п", - percnt: "%", - period: ".", - permil: "‰", - perp: "⊥", - pertenk: "‱", - Pfr: "𝔓", - pfr: "𝔭", - Phi: "Φ", - phi: "φ", - phiv: "ϕ", - phmmat: "ℳ", - phone: "☎", - Pi: "Π", - pi: "π", - pitchfork: "⋔", - piv: "ϖ", - planck: "ℏ", - planckh: "ℎ", - plankv: "ℏ", - plus: "+", - plusacir: "⨣", - plusb: "⊞", - pluscir: "⨢", - plusdo: "∔", - plusdu: "⨥", - pluse: "⩲", - PlusMinus: "±", - plusmn: "±", - plussim: "⨦", - plustwo: "⨧", - pm: "±", - Poincareplane: "ℌ", - pointint: "⨕", - Popf: "ℙ", - popf: "𝕡", - pound: "£", - Pr: "⪻", - pr: "≺", - prap: "⪷", - prcue: "≼", - prE: "⪳", - pre: "⪯", - prec: "≺", - precapprox: "⪷", - preccurlyeq: "≼", - Precedes: "≺", - PrecedesEqual: "⪯", - PrecedesSlantEqual: "≼", - PrecedesTilde: "≾", - preceq: "⪯", - precnapprox: "⪹", - precneqq: "⪵", - precnsim: "⋨", - precsim: "≾", - Prime: "″", - prime: "′", - primes: "ℙ", - prnap: "⪹", - prnE: "⪵", - prnsim: "⋨", - prod: "∏", - Product: "∏", - profalar: "⌮", - profline: "⌒", - profsurf: "⌓", - prop: "∝", - Proportion: "∷", - Proportional: "∝", - propto: "∝", - prsim: "≾", - prurel: "⊰", - Pscr: "𝒫", - pscr: "𝓅", - Psi: "Ψ", - psi: "ψ", - puncsp: " ", - Qfr: "𝔔", - qfr: "𝔮", - qint: "⨌", - Qopf: "ℚ", - qopf: "𝕢", - qprime: "⁗", - Qscr: "𝒬", - qscr: "𝓆", - quaternions: "ℍ", - quatint: "⨖", - quest: "?", - questeq: "≟", - QUOT: '"', - quot: '"', - rAarr: "⇛", - race: "∽̱", - Racute: "Ŕ", - racute: "ŕ", - radic: "√", - raemptyv: "⦳", - Rang: "⟫", - rang: "⟩", - rangd: "⦒", - range: "⦥", - rangle: "⟩", - raquo: "»", - Rarr: "↠", - rArr: "⇒", - rarr: "→", - rarrap: "⥵", - rarrb: "⇥", - rarrbfs: "⤠", - rarrc: "⤳", - rarrfs: "⤞", - rarrhk: "↪", - rarrlp: "↬", - rarrpl: "⥅", - rarrsim: "⥴", - Rarrtl: "⤖", - rarrtl: "↣", - rarrw: "↝", - rAtail: "⤜", - ratail: "⤚", - ratio: "∶", - rationals: "ℚ", - RBarr: "⤐", - rBarr: "⤏", - rbarr: "⤍", - rbbrk: "❳", - rbrace: "}", - rbrack: "]", - rbrke: "⦌", - rbrksld: "⦎", - rbrkslu: "⦐", - Rcaron: "Ř", - rcaron: "ř", - Rcedil: "Ŗ", - rcedil: "ŗ", - rceil: "⌉", - rcub: "}", - Rcy: "Р", - rcy: "р", - rdca: "⤷", - rdldhar: "⥩", - rdquo: "”", - rdquor: "”", - rdsh: "↳", - Re: "ℜ", - real: "ℜ", - realine: "ℛ", - realpart: "ℜ", - reals: "ℝ", - rect: "▭", - REG: "®", - reg: "®", - ReverseElement: "∋", - ReverseEquilibrium: "⇋", - ReverseUpEquilibrium: "⥯", - rfisht: "⥽", - rfloor: "⌋", - Rfr: "ℜ", - rfr: "𝔯", - rHar: "⥤", - rhard: "⇁", - rharu: "⇀", - rharul: "⥬", - Rho: "Ρ", - rho: "ρ", - rhov: "ϱ", - RightAngleBracket: "⟩", - RightArrow: "→", - Rightarrow: "⇒", - rightarrow: "→", - RightArrowBar: "⇥", - RightArrowLeftArrow: "⇄", - rightarrowtail: "↣", - RightCeiling: "⌉", - RightDoubleBracket: "⟧", - RightDownTeeVector: "⥝", - RightDownVector: "⇂", - RightDownVectorBar: "⥕", - RightFloor: "⌋", - rightharpoondown: "⇁", - rightharpoonup: "⇀", - rightleftarrows: "⇄", - rightleftharpoons: "⇌", - rightrightarrows: "⇉", - rightsquigarrow: "↝", - RightTee: "⊢", - RightTeeArrow: "↦", - RightTeeVector: "⥛", - rightthreetimes: "⋌", - RightTriangle: "⊳", - RightTriangleBar: "⧐", - RightTriangleEqual: "⊵", - RightUpDownVector: "⥏", - RightUpTeeVector: "⥜", - RightUpVector: "↾", - RightUpVectorBar: "⥔", - RightVector: "⇀", - RightVectorBar: "⥓", - ring: "˚", - risingdotseq: "≓", - rlarr: "⇄", - rlhar: "⇌", - rlm: "‏", - rmoust: "⎱", - rmoustache: "⎱", - rnmid: "⫮", - roang: "⟭", - roarr: "⇾", - robrk: "⟧", - ropar: "⦆", - Ropf: "ℝ", - ropf: "𝕣", - roplus: "⨮", - rotimes: "⨵", - RoundImplies: "⥰", - rpar: ")", - rpargt: "⦔", - rppolint: "⨒", - rrarr: "⇉", - Rrightarrow: "⇛", - rsaquo: "›", - Rscr: "ℛ", - rscr: "𝓇", - Rsh: "↱", - rsh: "↱", - rsqb: "]", - rsquo: "’", - rsquor: "’", - rthree: "⋌", - rtimes: "⋊", - rtri: "▹", - rtrie: "⊵", - rtrif: "▸", - rtriltri: "⧎", - RuleDelayed: "⧴", - ruluhar: "⥨", - rx: "℞", - Sacute: "Ś", - sacute: "ś", - sbquo: "‚", - Sc: "⪼", - sc: "≻", - scap: "⪸", - Scaron: "Š", - scaron: "š", - sccue: "≽", - scE: "⪴", - sce: "⪰", - Scedil: "Ş", - scedil: "ş", - Scirc: "Ŝ", - scirc: "ŝ", - scnap: "⪺", - scnE: "⪶", - scnsim: "⋩", - scpolint: "⨓", - scsim: "≿", - Scy: "С", - scy: "с", - sdot: "⋅", - sdotb: "⊡", - sdote: "⩦", - searhk: "⤥", - seArr: "⇘", - searr: "↘", - searrow: "↘", - sect: "§", - semi: ";", - seswar: "⤩", - setminus: "∖", - setmn: "∖", - sext: "✶", - Sfr: "𝔖", - sfr: "𝔰", - sfrown: "⌢", - sharp: "♯", - SHCHcy: "Щ", - shchcy: "щ", - SHcy: "Ш", - shcy: "ш", - ShortDownArrow: "↓", - ShortLeftArrow: "←", - shortmid: "∣", - shortparallel: "∥", - ShortRightArrow: "→", - ShortUpArrow: "↑", - shy: "­", - Sigma: "Σ", - sigma: "σ", - sigmaf: "ς", - sigmav: "ς", - sim: "∼", - simdot: "⩪", - sime: "≃", - simeq: "≃", - simg: "⪞", - simgE: "⪠", - siml: "⪝", - simlE: "⪟", - simne: "≆", - simplus: "⨤", - simrarr: "⥲", - slarr: "←", - SmallCircle: "∘", - smallsetminus: "∖", - smashp: "⨳", - smeparsl: "⧤", - smid: "∣", - smile: "⌣", - smt: "⪪", - smte: "⪬", - smtes: "⪬︀", - SOFTcy: "Ь", - softcy: "ь", - sol: "/", - solb: "⧄", - solbar: "⌿", - Sopf: "𝕊", - sopf: "𝕤", - spades: "♠", - spadesuit: "♠", - spar: "∥", - sqcap: "⊓", - sqcaps: "⊓︀", - sqcup: "⊔", - sqcups: "⊔︀", - Sqrt: "√", - sqsub: "⊏", - sqsube: "⊑", - sqsubset: "⊏", - sqsubseteq: "⊑", - sqsup: "⊐", - sqsupe: "⊒", - sqsupset: "⊐", - sqsupseteq: "⊒", - squ: "□", - Square: "□", - square: "□", - SquareIntersection: "⊓", - SquareSubset: "⊏", - SquareSubsetEqual: "⊑", - SquareSuperset: "⊐", - SquareSupersetEqual: "⊒", - SquareUnion: "⊔", - squarf: "▪", - squf: "▪", - srarr: "→", - Sscr: "𝒮", - sscr: "𝓈", - ssetmn: "∖", - ssmile: "⌣", - sstarf: "⋆", - Star: "⋆", - star: "☆", - starf: "★", - straightepsilon: "ϵ", - straightphi: "ϕ", - strns: "¯", - Sub: "⋐", - sub: "⊂", - subdot: "⪽", - subE: "⫅", - sube: "⊆", - subedot: "⫃", - submult: "⫁", - subnE: "⫋", - subne: "⊊", - subplus: "⪿", - subrarr: "⥹", - Subset: "⋐", - subset: "⊂", - subseteq: "⊆", - subseteqq: "⫅", - SubsetEqual: "⊆", - subsetneq: "⊊", - subsetneqq: "⫋", - subsim: "⫇", - subsub: "⫕", - subsup: "⫓", - succ: "≻", - succapprox: "⪸", - succcurlyeq: "≽", - Succeeds: "≻", - SucceedsEqual: "⪰", - SucceedsSlantEqual: "≽", - SucceedsTilde: "≿", - succeq: "⪰", - succnapprox: "⪺", - succneqq: "⪶", - succnsim: "⋩", - succsim: "≿", - SuchThat: "∋", - Sum: "∑", - sum: "∑", - sung: "♪", - Sup: "⋑", - sup: "⊃", - sup1: "¹", - sup2: "²", - sup3: "³", - supdot: "⪾", - supdsub: "⫘", - supE: "⫆", - supe: "⊇", - supedot: "⫄", - Superset: "⊃", - SupersetEqual: "⊇", - suphsol: "⟉", - suphsub: "⫗", - suplarr: "⥻", - supmult: "⫂", - supnE: "⫌", - supne: "⊋", - supplus: "⫀", - Supset: "⋑", - supset: "⊃", - supseteq: "⊇", - supseteqq: "⫆", - supsetneq: "⊋", - supsetneqq: "⫌", - supsim: "⫈", - supsub: "⫔", - supsup: "⫖", - swarhk: "⤦", - swArr: "⇙", - swarr: "↙", - swarrow: "↙", - swnwar: "⤪", - szlig: "ß", - Tab: " ", - target: "⌖", - Tau: "Τ", - tau: "τ", - tbrk: "⎴", - Tcaron: "Ť", - tcaron: "ť", - Tcedil: "Ţ", - tcedil: "ţ", - Tcy: "Т", - tcy: "т", - tdot: "⃛", - telrec: "⌕", - Tfr: "𝔗", - tfr: "𝔱", - there4: "∴", - Therefore: "∴", - therefore: "∴", - Theta: "Θ", - theta: "θ", - thetasym: "ϑ", - thetav: "ϑ", - thickapprox: "≈", - thicksim: "∼", - ThickSpace: "  ", - thinsp: " ", - ThinSpace: " ", - thkap: "≈", - thksim: "∼", - THORN: "Þ", - thorn: "þ", - Tilde: "∼", - tilde: "˜", - TildeEqual: "≃", - TildeFullEqual: "≅", - TildeTilde: "≈", - times: "×", - timesb: "⊠", - timesbar: "⨱", - timesd: "⨰", - tint: "∭", - toea: "⤨", - top: "⊤", - topbot: "⌶", - topcir: "⫱", - Topf: "𝕋", - topf: "𝕥", - topfork: "⫚", - tosa: "⤩", - tprime: "‴", - TRADE: "™", - trade: "™", - triangle: "▵", - triangledown: "▿", - triangleleft: "◃", - trianglelefteq: "⊴", - triangleq: "≜", - triangleright: "▹", - trianglerighteq: "⊵", - tridot: "◬", - trie: "≜", - triminus: "⨺", - TripleDot: "⃛", - triplus: "⨹", - trisb: "⧍", - tritime: "⨻", - trpezium: "⏢", - Tscr: "𝒯", - tscr: "𝓉", - TScy: "Ц", - tscy: "ц", - TSHcy: "Ћ", - tshcy: "ћ", - Tstrok: "Ŧ", - tstrok: "ŧ", - twixt: "≬", - twoheadleftarrow: "↞", - twoheadrightarrow: "↠", - Uacute: "Ú", - uacute: "ú", - Uarr: "↟", - uArr: "⇑", - uarr: "↑", - Uarrocir: "⥉", - Ubrcy: "Ў", - ubrcy: "ў", - Ubreve: "Ŭ", - ubreve: "ŭ", - Ucirc: "Û", - ucirc: "û", - Ucy: "У", - ucy: "у", - udarr: "⇅", - Udblac: "Ű", - udblac: "ű", - udhar: "⥮", - ufisht: "⥾", - Ufr: "𝔘", - ufr: "𝔲", - Ugrave: "Ù", - ugrave: "ù", - uHar: "⥣", - uharl: "↿", - uharr: "↾", - uhblk: "▀", - ulcorn: "⌜", - ulcorner: "⌜", - ulcrop: "⌏", - ultri: "◸", - Umacr: "Ū", - umacr: "ū", - uml: "¨", - UnderBar: "_", - UnderBrace: "⏟", - UnderBracket: "⎵", - UnderParenthesis: "⏝", - Union: "⋃", - UnionPlus: "⊎", - Uogon: "Ų", - uogon: "ų", - Uopf: "𝕌", - uopf: "𝕦", - UpArrow: "↑", - Uparrow: "⇑", - uparrow: "↑", - UpArrowBar: "⤒", - UpArrowDownArrow: "⇅", - UpDownArrow: "↕", - Updownarrow: "⇕", - updownarrow: "↕", - UpEquilibrium: "⥮", - upharpoonleft: "↿", - upharpoonright: "↾", - uplus: "⊎", - UpperLeftArrow: "↖", - UpperRightArrow: "↗", - Upsi: "ϒ", - upsi: "υ", - upsih: "ϒ", - Upsilon: "Υ", - upsilon: "υ", - UpTee: "⊥", - UpTeeArrow: "↥", - upuparrows: "⇈", - urcorn: "⌝", - urcorner: "⌝", - urcrop: "⌎", - Uring: "Ů", - uring: "ů", - urtri: "◹", - Uscr: "𝒰", - uscr: "𝓊", - utdot: "⋰", - Utilde: "Ũ", - utilde: "ũ", - utri: "▵", - utrif: "▴", - uuarr: "⇈", - Uuml: "Ü", - uuml: "ü", - uwangle: "⦧", - vangrt: "⦜", - varepsilon: "ϵ", - varkappa: "ϰ", - varnothing: "∅", - varphi: "ϕ", - varpi: "ϖ", - varpropto: "∝", - vArr: "⇕", - varr: "↕", - varrho: "ϱ", - varsigma: "ς", - varsubsetneq: "⊊︀", - varsubsetneqq: "⫋︀", - varsupsetneq: "⊋︀", - varsupsetneqq: "⫌︀", - vartheta: "ϑ", - vartriangleleft: "⊲", - vartriangleright: "⊳", - Vbar: "⫫", - vBar: "⫨", - vBarv: "⫩", - Vcy: "В", - vcy: "в", - VDash: "⊫", - Vdash: "⊩", - vDash: "⊨", - vdash: "⊢", - Vdashl: "⫦", - Vee: "⋁", - vee: "∨", - veebar: "⊻", - veeeq: "≚", - vellip: "⋮", - Verbar: "‖", - verbar: "|", - Vert: "‖", - vert: "|", - VerticalBar: "∣", - VerticalLine: "|", - VerticalSeparator: "❘", - VerticalTilde: "≀", - VeryThinSpace: " ", - Vfr: "𝔙", - vfr: "𝔳", - vltri: "⊲", - vnsub: "⊂⃒", - vnsup: "⊃⃒", - Vopf: "𝕍", - vopf: "𝕧", - vprop: "∝", - vrtri: "⊳", - Vscr: "𝒱", - vscr: "𝓋", - vsubnE: "⫋︀", - vsubne: "⊊︀", - vsupnE: "⫌︀", - vsupne: "⊋︀", - Vvdash: "⊪", - vzigzag: "⦚", - Wcirc: "Ŵ", - wcirc: "ŵ", - wedbar: "⩟", - Wedge: "⋀", - wedge: "∧", - wedgeq: "≙", - weierp: "℘", - Wfr: "𝔚", - wfr: "𝔴", - Wopf: "𝕎", - wopf: "𝕨", - wp: "℘", - wr: "≀", - wreath: "≀", - Wscr: "𝒲", - wscr: "𝓌", - xcap: "⋂", - xcirc: "◯", - xcup: "⋃", - xdtri: "▽", - Xfr: "𝔛", - xfr: "𝔵", - xhArr: "⟺", - xharr: "⟷", - Xi: "Ξ", - xi: "ξ", - xlArr: "⟸", - xlarr: "⟵", - xmap: "⟼", - xnis: "⋻", - xodot: "⨀", - Xopf: "𝕏", - xopf: "𝕩", - xoplus: "⨁", - xotime: "⨂", - xrArr: "⟹", - xrarr: "⟶", - Xscr: "𝒳", - xscr: "𝓍", - xsqcup: "⨆", - xuplus: "⨄", - xutri: "△", - xvee: "⋁", - xwedge: "⋀", - Yacute: "Ý", - yacute: "ý", - YAcy: "Я", - yacy: "я", - Ycirc: "Ŷ", - ycirc: "ŷ", - Ycy: "Ы", - ycy: "ы", - yen: "¥", - Yfr: "𝔜", - yfr: "𝔶", - YIcy: "Ї", - yicy: "ї", - Yopf: "𝕐", - yopf: "𝕪", - Yscr: "𝒴", - yscr: "𝓎", - YUcy: "Ю", - yucy: "ю", - Yuml: "Ÿ", - yuml: "ÿ", - Zacute: "Ź", - zacute: "ź", - Zcaron: "Ž", - zcaron: "ž", - Zcy: "З", - zcy: "з", - Zdot: "Ż", - zdot: "ż", - zeetrf: "ℨ", - ZeroWidthSpace: "​", - Zeta: "Ζ", - zeta: "ζ", - Zfr: "ℨ", - zfr: "𝔷", - ZHcy: "Ж", - zhcy: "ж", - zigrarr: "⇝", - Zopf: "ℤ", - zopf: "𝕫", - Zscr: "𝒵", - zscr: "𝓏", - zwj: "‍", - zwnj: "‌" - } - }, {}], - 2: [function(e, t) { - "use strict"; - var r = {}; - ["article", "aside", "button", "blockquote", "body", "canvas", "caption", "col", "colgroup", "dd", "div", "dl", "dt", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "header", "hgroup", "hr", "iframe", "li", "map", "object", "ol", "output", "p", "pre", "progress", "script", "section", "style", "table", "tbody", "td", "textarea", "tfoot", "th", "tr", "thead", "ul", "video"].forEach(function(e) { - r[e] = !0 - }), t.exports = r - }, {}], - 3: [function(e, t) { - "use strict"; - - function r(e, t) { - return e = e.source, t = t || "", - function r(n, s) { - return n ? (s = s.source || s, e = e.replace(n, s), r) : new RegExp(e, t) - } - } - var n = /[a-zA-Z_:][a-zA-Z0-9:._-]*/, - s = /[^"'=<>`\x00-\x20]+/, - o = /'[^']*'/, - i = /"[^"]*"/, - l = r(/(?:unquoted|single_quoted|double_quoted)/)("unquoted", s)("single_quoted", o)("double_quoted", i)(), - a = r(/(?:\s+attr_name(?:\s*=\s*attr_value)?)/)("attr_name", n)("attr_value", l)(), - c = r(/<[A-Za-z][A-Za-z0-9]*attribute*\s*\/?>/)("attribute", a)(), - u = /<\/[A-Za-z][A-Za-z0-9]*\s*>/, - p = //, - h = /<[?].*?[?]>/, - f = /]*>/, - d = /])*\]\]>/, - g = r(/^(?:open_tag|close_tag|comment|processing|declaration|cdata)/)("open_tag", c)("close_tag", u)("comment", p)("processing", h)("declaration", f)("cdata", d)(); - t.exports.HTML_TAG_RE = g - }, {}], - 4: [function(e, t) { - "use strict"; - t.exports = ["coap", "doi", "javascript", "aaa", "aaas", "about", "acap", "cap", "cid", "crid", "data", "dav", "dict", "dns", "file", "ftp", "geo", "go", "gopher", "h323", "http", "https", "iax", "icap", "im", "imap", "info", "ipp", "iris", "iris.beep", "iris.xpc", "iris.xpcs", "iris.lwz", "ldap", "mailto", "mid", "msrp", "msrps", "mtqp", "mupdate", "news", "nfs", "ni", "nih", "nntp", "opaquelocktoken", "pop", "pres", "rtsp", "service", "session", "shttp", "sieve", "sip", "sips", "sms", "snmp", "soap.beep", "soap.beeps", "tag", "tel", "telnet", "tftp", "thismessage", "tn3270", "tip", "tv", "urn", "vemmi", "ws", "wss", "xcon", "xcon-userid", "xmlrpc.beep", "xmlrpc.beeps", "xmpp", "z39.50r", "z39.50s", "adiumxtra", "afp", "afs", "aim", "apt", "attachment", "aw", "beshare", "bitcoin", "bolo", "callto", "chrome", "chrome-extension", "com-eventbrite-attendee", "content", "cvs", "dlna-playsingle", "dlna-playcontainer", "dtn", "dvb", "ed2k", "facetime", "feed", "finger", "fish", "gg", "git", "gizmoproject", "gtalk", "hcp", "icon", "ipn", "irc", "irc6", "ircs", "itms", "jar", "jms", "keyparc", "lastfm", "ldaps", "magnet", "maps", "market", "message", "mms", "ms-help", "msnim", "mumble", "mvn", "notes", "oid", "palm", "paparazzi", "platform", "proxy", "psyc", "query", "res", "resource", "rmi", "rsync", "rtmp", "secondlife", "sftp", "sgn", "skype", "smb", "soldat", "spotify", "ssh", "steam", "svn", "teamspeak", "things", "udp", "unreal", "ut2004", "ventrilo", "view-source", "webcal", "wtai", "wyciwyg", "xfire", "xri", "ymsgr"] - }, {}], - 5: [function(e, t, r) { - "use strict"; - - function n(e) { - return Object.prototype.toString.call(e) - } - - function s(e) { - return "[object String]" === n(e) - } - - function o(e, t) { - return e ? d.call(e, t) : !1 - } + 'use strict'; - function i(e) { - var t = Array.prototype.slice.call(arguments, 1); - return t.forEach(function(t) { - if (t) { - if ("object" != typeof t) throw new TypeError(t + "must be object"); - Object.keys(t).forEach(function(r) { - e[r] = t[r] - }) - } - }), e - } + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.SliderSwatches = undefined; - function l(e) { - return e.indexOf("\\") < 0 ? e : e.replace(g, "$1") - } + var _react = __webpack_require__(2); - function a(e) { - return e >= 55296 && 57343 >= e ? !1 : e >= 64976 && 65007 >= e ? !1 : 65535 === (65535 & e) || 65534 === (65535 & e) ? !1 : e >= 0 && 8 >= e ? !1 : 11 === e ? !1 : e >= 14 && 31 >= e ? !1 : e >= 127 && 159 >= e ? !1 : e > 1114111 ? !1 : !0 - } + var _react2 = _interopRequireDefault(_react); - function c(e) { - if (e > 65535) { - e -= 65536; - var t = 55296 + (e >> 10), - r = 56320 + (1023 & e); - return String.fromCharCode(t, r) - } - return String.fromCharCode(e) - } + var _reactcss = __webpack_require__(174); - function u(e, t) { - var r = 0; - return o(v, t) ? v[t] : 35 === t.charCodeAt(0) && b.test(t) && (r = "x" === t[1].toLowerCase() ? parseInt(t.slice(2), 16) : parseInt(t.slice(1), 10), a(r)) ? c(r) : e - } + var _reactcss2 = _interopRequireDefault(_reactcss); - function p(e) { - return e.indexOf("&") < 0 ? e : e.replace(m, u) - } + var _SliderSwatch = __webpack_require__(413); - function h(e) { - return y[e] - } + var _SliderSwatch2 = _interopRequireDefault(_SliderSwatch); - function f(e) { - return k.test(e) ? e.replace(_, h) : e - } - var d = Object.prototype.hasOwnProperty, - g = /\\([\\!"#$%&'()*+,.\/:;<=>?@[\]^_`{|}~-])/g, - m = /&([a-z#][a-z0-9]{1,31});/gi, - b = /^#((?:x[a-f0-9]{1,8}|[0-9]{1,8}))/i, - v = e("./entities"), - k = /[&<>"]/, - _ = /[&<>"]/g, - y = { - "&": "&", - "<": "<", - ">": ">", - '"': """ - }; - r.assign = i, r.isString = s, r.has = o, r.unescapeMd = l, r.isValidEntityCode = a, r.fromCodePoint = c, r.replaceEntities = p, r.escapeHtml = f - }, { - "./entities": 1 - }], - 6: [function(e, t) { - "use strict"; - t.exports = { - options: { - html: !0, - xhtmlOut: !0, - breaks: !1, - langPrefix: "language-", - linkify: !1, - typographer: !1, - quotes: "“”‘’", - highlight: null, - maxNesting: 20 - }, - components: { - core: { - rules: ["block", "inline", "references", "abbr2"] - }, - block: { - rules: ["blockquote", "code", "fences", "heading", "hr", "htmlblock", "lheading", "list", "paragraph"] - }, - inline: { - rules: ["autolink", "backticks", "emphasis", "entity", "escape", "htmltag", "links", "newline", "text"] - } - } - } - }, {}], - 7: [function(e, t) { - "use strict"; - t.exports = { - options: { - html: !1, - xhtmlOut: !1, - breaks: !1, - langPrefix: "language-", - linkify: !1, - typographer: !1, - quotes: "“”‘’", - highlight: null, - maxNesting: 20 - }, - components: { - core: { - rules: ["block", "inline", "references", "replacements", "linkify", "smartquotes", "references", "abbr2", "footnote_tail"] - }, - block: { - rules: ["blockquote", "code", "fences", "heading", "hr", "htmlblock", "lheading", "list", "paragraph", "table"] - }, - inline: { - rules: ["autolink", "backticks", "del", "emphasis", "entity", "escape", "footnote_ref", "htmltag", "links", "newline", "text"] - } - } - } - }, {}], - 8: [function(e, t) { - "use strict"; - t.exports = { - options: { - html: !1, - xhtmlOut: !1, - breaks: !1, - langPrefix: "language-", - linkify: !1, - typographer: !1, - quotes: "“”‘’", - highlight: null, - maxNesting: 20 - }, - components: { - core: {}, - block: {}, - inline: {} - } - } - }, {}], - 9: [function(e, t) { - "use strict"; - var r = e("../common/utils").replaceEntities; - t.exports = function(e) { - var t = r(e); - try { - t = decodeURI(t) - } catch (n) {} - return encodeURI(t) - } - }, { - "../common/utils": 5 - }], - 10: [function(e, t) { - "use strict"; - t.exports = function(e) { - return e.trim().replace(/\s+/g, " ").toUpperCase() - } - }, {}], - 11: [function(e, t) { - "use strict"; - var r = e("./normalize_link"), - n = e("../common/utils").unescapeMd; - t.exports = function(e, t) { - var s, o, i, l = t, - a = e.posMax; - if (60 === e.src.charCodeAt(t)) { - for (t++; a > t;) { - if (s = e.src.charCodeAt(t), 10 === s) return !1; - if (62 === s) return i = r(n(e.src.slice(l + 1, t))), e.parser.validateLink(i) ? (e.pos = t + 1, e.linkContent = i, !0) : !1; - 92 === s && a > t + 1 ? t += 2 : t++ - } - return !1 - } - for (o = 0; a > t && (s = e.src.charCodeAt(t), 32 !== s) && !(32 > s || 127 === s);) - if (92 === s && a > t + 1) t += 2; - else { - if (40 === s && (o++, o > 1)) break; - if (41 === s && (o--, 0 > o)) break; - t++ - } - return l === t ? !1 : (i = r(n(e.src.slice(l, t))), e.parser.validateLink(i) ? (e.linkContent = i, e.pos = t, !0) : !1) - } - }, { - "../common/utils": 5, - "./normalize_link": 9 - }], - 12: [function(e, t) { - "use strict"; - t.exports = function(e, t) { - var r, n, s, o = -1, - i = e.posMax, - l = e.pos, - a = e.isInLabel; - if (e.isInLabel) return -1; - if (e.labelUnmatchedScopes) return e.labelUnmatchedScopes--, -1; - for (e.pos = t + 1, e.isInLabel = !0, r = 1; e.pos < i;) { - if (s = e.src.charCodeAt(e.pos), 91 === s) r++; - else if (93 === s && (r--, 0 === r)) { - n = !0; - break - } - e.parser.skipToken(e) - } - return n ? (o = e.pos, e.labelUnmatchedScopes = 0) : e.labelUnmatchedScopes = r - 1, e.pos = l, e.isInLabel = a, o - } - }, {}], - 13: [function(e, t) { - "use strict"; - var r = e("../common/utils").unescapeMd; - t.exports = function(e, t) { - var n, s = t, - o = e.posMax, - i = e.src.charCodeAt(t); - if (34 !== i && 39 !== i && 40 !== i) return !1; - for (t++, 40 === i && (i = 41); o > t;) { - if (n = e.src.charCodeAt(t), n === i) return e.pos = t + 1, e.linkContent = r(e.src.slice(s + 1, t)), !0; - 92 === n && o > t + 1 ? t += 2 : t++ - } - return !1 - } - }, { - "../common/utils": 5 - }], - 14: [function(e, t) { - "use strict"; - - function r(e, t, r) { - this.src = t, this.env = r, this.options = e.options, this.tokens = [], this.inlineMode = !1, this.inline = e.inline, this.block = e.block, this.renderer = e.renderer, this.typographer = e.typographer - } + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - function n(e, t) { - t || o(e) || (t = e || {}, e = "default"), this.inline = new c, this.block = new a, this.core = new l, this.renderer = new i, this.ruler = new u, this.options = {}, this.configure(p[e]), t && this.set(t) - } - var s = e("./common/utils").assign, - o = e("./common/utils").isString, - i = e("./renderer"), - l = e("./parser_core"), - a = e("./parser_block"), - c = e("./parser_inline"), - u = e("./ruler"), - p = { - "default": e("./configs/default"), - full: e("./configs/full"), - commonmark: e("./configs/commonmark") - }; - n.prototype.set = function(e) { - s(this.options, e) - }, n.prototype.configure = function(e) { - var t = this; - if (!e) throw new Error("Wrong `remarkable` preset, check name/content"); - e.options && t.set(e.options), e.components && Object.keys(e.components).forEach(function(r) { - e.components[r].rules && t[r].ruler.enable(e.components[r].rules, !0) - }) - }, n.prototype.use = function(e, t) { - return e(this, t), this - }, n.prototype.parse = function(e, t) { - var n = new r(this, e, t); - return this.core.process(n), n.tokens - }, n.prototype.render = function(e, t) { - return t = t || {}, this.renderer.render(this.parse(e, t), this.options, t) - }, n.prototype.parseInline = function(e, t) { - var n = new r(this, e, t); - return n.inlineMode = !0, this.core.process(n), n.tokens - }, n.prototype.renderInline = function(e, t) { - return t = t || {}, this.renderer.render(this.parseInline(e, t), this.options, t) - }, t.exports = n, t.exports.utils = e("./common/utils") - }, { - "./common/utils": 5, - "./configs/commonmark": 6, - "./configs/default": 7, - "./configs/full": 8, - "./parser_block": 15, - "./parser_core": 16, - "./parser_inline": 17, - "./renderer": 18, - "./ruler": 19 - }], - 15: [function(e, t) { - "use strict"; - - function r() { - this.ruler = new n; - for (var e = 0; e < o.length; e++) this.ruler.push(o[e][0], o[e][1], { - alt: (o[e][2] || []).slice() - }) - } - var n = e("./ruler"), - s = e("./rules_block/state_block"), - o = [ - ["code", e("./rules_block/code")], - ["fences", e("./rules_block/fences"), ["paragraph", "blockquote", "list"]], - ["blockquote", e("./rules_block/blockquote"), ["paragraph", "blockquote", "list"]], - ["hr", e("./rules_block/hr"), ["paragraph", "blockquote", "list"]], - ["list", e("./rules_block/list"), ["paragraph", "blockquote"]], - ["footnote", e("./rules_block/footnote"), ["paragraph"]], - ["heading", e("./rules_block/heading"), ["paragraph", "blockquote"]], - ["lheading", e("./rules_block/lheading")], - ["htmlblock", e("./rules_block/htmlblock"), ["paragraph", "blockquote"]], - ["table", e("./rules_block/table"), ["paragraph"]], - ["deflist", e("./rules_block/deflist"), ["paragraph"]], - ["paragraph", e("./rules_block/paragraph")] - ]; - r.prototype.tokenize = function(e, t, r) { - for (var n, s, o = this.ruler.getRules(""), i = o.length, l = t, a = !1; r > l && (e.line = l = e.skipEmptyLines(l), !(l >= r)) && !(e.tShift[l] < e.blkIndent);) { - for (s = 0; i > s && !(n = o[s](e, l, r, !1)); s++); - if (e.tight = !a, e.isEmpty(e.line - 1) && (a = !0), l = e.line, r > l && e.isEmpty(l)) { - if (a = !0, l++, r > l && "list" === e.parentType && e.isEmpty(l)) break; - e.line = l - } - } - }; - var i = /[\n\t]/g, - l = /\r[\n\u0085]|[\u2424\u2028\u0085]/g, - a = /\u00a0/g; - r.prototype.parse = function(e, t, r, n) { - var o, c = 0, - u = 0; - return e ? (e = e.replace(a, " "), e = e.replace(l, "\n"), e.indexOf(" ") >= 0 && (e = e.replace(i, function(t, r) { - var n; - return 10 === e.charCodeAt(r) ? (c = r + 1, u = 0, t) : (n = " ".slice((r - c - u) % 4), u = r - c + 1, n) - })), o = new s(e, this, t, r, n), void this.tokenize(o, o.line, o.lineMax)) : [] - }, t.exports = r - }, { - "./ruler": 19, - "./rules_block/blockquote": 20, - "./rules_block/code": 21, - "./rules_block/deflist": 22, - "./rules_block/fences": 23, - "./rules_block/footnote": 24, - "./rules_block/heading": 25, - "./rules_block/hr": 26, - "./rules_block/htmlblock": 27, - "./rules_block/lheading": 28, - "./rules_block/list": 29, - "./rules_block/paragraph": 30, - "./rules_block/state_block": 31, - "./rules_block/table": 32 - }], - 16: [function(e, t) { - "use strict"; - - function r() { - this.options = {}, this.ruler = new n; - for (var e = 0; e < s.length; e++) this.ruler.push(s[e][0], s[e][1]) - } - var n = e("./ruler"), - s = [ - ["block", e("./rules_core/block")], - ["abbr", e("./rules_core/abbr")], - ["references", e("./rules_core/references")], - ["inline", e("./rules_core/inline")], - ["footnote_tail", e("./rules_core/footnote_tail")], - ["abbr2", e("./rules_core/abbr2")], - ["replacements", e("./rules_core/replacements")], - ["smartquotes", e("./rules_core/smartquotes")], - ["linkify", e("./rules_core/linkify")] - ]; - r.prototype.process = function(e) { - var t, r, n; - for (n = this.ruler.getRules(""), t = 0, r = n.length; r > t; t++) n[t](e) - }, t.exports = r - }, { - "./ruler": 19, - "./rules_core/abbr": 33, - "./rules_core/abbr2": 34, - "./rules_core/block": 35, - "./rules_core/footnote_tail": 36, - "./rules_core/inline": 37, - "./rules_core/linkify": 38, - "./rules_core/references": 39, - "./rules_core/replacements": 40, - "./rules_core/smartquotes": 41 - }], - 17: [function(e, t) { - "use strict"; - - function r(e) { - var t = e.trim().toLowerCase(); - return t = i(t), t.indexOf(":") >= 0 && a.indexOf(t.split(":")[0]) >= 0 ? !1 : !0 - } + var SliderSwatches = exports.SliderSwatches = function SliderSwatches(_ref) { + var onClick = _ref.onClick, + hsl = _ref.hsl; - function n() { - this.validateLink = r, this.ruler = new s; - for (var e = 0; e < l.length; e++) this.ruler.push(l[e][0], l[e][1]) - } - var s = e("./ruler"), - o = e("./rules_inline/state_inline"), - i = e("./common/utils").replaceEntities, - l = [ - ["text", e("./rules_inline/text")], - ["newline", e("./rules_inline/newline")], - ["escape", e("./rules_inline/escape")], - ["backticks", e("./rules_inline/backticks")], - ["del", e("./rules_inline/del")], - ["ins", e("./rules_inline/ins")], - ["mark", e("./rules_inline/mark")], - ["emphasis", e("./rules_inline/emphasis")], - ["sub", e("./rules_inline/sub")], - ["sup", e("./rules_inline/sup")], - ["links", e("./rules_inline/links")], - ["footnote_inline", e("./rules_inline/footnote_inline")], - ["footnote_ref", e("./rules_inline/footnote_ref")], - ["autolink", e("./rules_inline/autolink")], - ["htmltag", e("./rules_inline/htmltag")], - ["entity", e("./rules_inline/entity")] - ], - a = ["vbscript", "javascript", "file"]; - n.prototype.skipToken = function(e) { - var t, r, n = e.pos, - s = this.ruler.getRules(""), - o = s.length; - if ((r = e.cacheGet(n)) > 0) return void(e.pos = r); - for (t = 0; o > t; t++) - if (s[t](e, !0)) return void e.cacheSet(n, e.pos); - e.pos++, e.cacheSet(n, e.pos) - }, n.prototype.tokenize = function(e) { - for (var t, r, n = this.ruler.getRules(""), s = n.length, o = e.posMax; e.pos < o;) { - for (r = 0; s > r && !(t = n[r](e, !1)); r++); - if (t) { - if (e.pos >= o) break - } else e.pending += e.src[e.pos++] - } - e.pending && e.pushPending() - }, n.prototype.parse = function(e, t, r, n) { - var s = new o(e, this, t, r, n); - this.tokenize(s) - }, t.exports = n - }, { - "./common/utils": 5, - "./ruler": 19, - "./rules_inline/autolink": 42, - "./rules_inline/backticks": 43, - "./rules_inline/del": 44, - "./rules_inline/emphasis": 45, - "./rules_inline/entity": 46, - "./rules_inline/escape": 47, - "./rules_inline/footnote_inline": 48, - "./rules_inline/footnote_ref": 49, - "./rules_inline/htmltag": 50, - "./rules_inline/ins": 51, - "./rules_inline/links": 52, - "./rules_inline/mark": 53, - "./rules_inline/newline": 54, - "./rules_inline/state_inline": 55, - "./rules_inline/sub": 56, - "./rules_inline/sup": 57, - "./rules_inline/text": 58 - }], - 18: [function(e, t) { - "use strict"; - - function r(e, t) { - return ++t >= e.length - 2 ? t : "paragraph_open" === e[t].type && e[t].tight && "inline" === e[t + 1].type && 0 === e[t + 1].content.length && "paragraph_close" === e[t + 2].type && e[t + 2].tight ? r(e, t + 2) : t - } + var styles = (0, _reactcss2.default)({ + 'default': { + swatches: { + marginTop: '20px' + }, + swatch: { + boxSizing: 'border-box', + width: '20%', + paddingRight: '1px', + float: 'left' + }, + clear: { + clear: 'both' + } + } + }); - function n(e, t) { - return t = r(e, t), t < e.length && "list_item_close" === e[t].type ? "" : "\n" - } + // Acceptible difference in floating point equality + var epsilon = 0.1; - function s() { - this.rules = o({}, u), this.getBreak = n - } - var o = e("./common/utils").assign, - i = e("./common/utils").has, - l = e("./common/utils").unescapeMd, - a = e("./common/utils").replaceEntities, - c = e("./common/utils").escapeHtml, - u = {}; - u.blockquote_open = function() { - return "
\n" - }, u.blockquote_close = function(e, t) { - return "
" + n(e, t) - }, u.code = function(e, t) { - return e[t].block ? "
" + c(e[t].content) + "
" + n(e, t) : "" + c(e[t].content) + "" - }, u.fence = function(e, t, r, s, o) { - var u, p, h = e[t], - f = "", - d = r.langPrefix, - g = ""; - if (h.params) { - if (u = h.params.split(/\s+/g)[0], i(o.rules.fence_custom, u)) return o.rules.fence_custom[u](e, t, r, s, o); - g = c(a(l(u))), f = ' class="' + d + g + '"' - } - return p = r.highlight ? r.highlight(h.content, g) || c(h.content) : c(h.content), "
" + p + "
" + n(e, t) - }, u.fence_custom = {}, u.heading_open = function(e, t) { - return "" - }, u.heading_close = function(e, t) { - return "\n" - }, u.hr = function(e, t, r) { - return (r.xhtmlOut ? "
" : "
") + n(e, t) - }, u.bullet_list_open = function() { - return "
    \n" - }, u.bullet_list_close = function(e, t) { - return "
" + n(e, t) - }, u.list_item_open = function() { - return "
  • " - }, u.list_item_close = function() { - return "
    • \n" - }, u.ordered_list_open = function(e, t) { - var r = e[t]; - return " 1 ? ' start="' + r.order + '"' : "") + ">\n" - }, u.ordered_list_close = function(e, t) { - return "" + n(e, t) - }, u.paragraph_open = function(e, t) { - return e[t].tight ? "" : "

    " - }, u.paragraph_close = function(e, t) { - var r = !(e[t].tight && t && "inline" === e[t - 1].type && !e[t - 1].content); - return (e[t].tight ? "" : "

    ") + (r ? n(e, t) : "") - }, u.link_open = function(e, t) { - var r = e[t].title ? ' title="' + c(a(e[t].title)) + '"' : ""; - return '" - }, u.link_close = function() { - return "" - }, u.image = function(e, t, r) { - var n = ' src="' + c(e[t].src) + '"', - s = e[t].title ? ' title="' + c(a(e[t].title)) + '"' : "", - o = ' alt="' + (e[t].alt ? c(a(e[t].alt)) : "") + '"', - i = r.xhtmlOut ? " /" : ""; - return "" - }, u.table_open = function() { - return "\n" - }, u.table_close = function() { - return "
    \n" - }, u.thead_open = function() { - return "\n" - }, u.thead_close = function() { - return "\n" - }, u.tbody_open = function() { - return "\n" - }, u.tbody_close = function() { - return "\n" - }, u.tr_open = function() { - return "" - }, u.tr_close = function() { - return "\n" - }, u.th_open = function(e, t) { - var r = e[t]; - return "" - }, u.th_close = function() { - return "" - }, u.td_open = function(e, t) { - var r = e[t]; - return "" - }, u.td_close = function() { - return "" - }, u.strong_open = function() { - return "" - }, u.strong_close = function() { - return "" - }, u.em_open = function() { - return "" - }, u.em_close = function() { - return "" - }, u.del_open = function() { - return "" - }, u.del_close = function() { - return "" - }, u.ins_open = function() { - return "" - }, u.ins_close = function() { - return "" - }, u.mark_open = function() { - return "" - }, u.mark_close = function() { - return "" - }, u.sub = function(e, t) { - return "" + c(e[t].content) + "" - }, u.sup = function(e, t) { - return "" + c(e[t].content) + "" - }, u.hardbreak = function(e, t, r) { - return r.xhtmlOut ? "
    \n" : "
    \n" - }, u.softbreak = function(e, t, r) { - return r.breaks ? r.xhtmlOut ? "
    \n" : "
    \n" : "\n" - }, u.text = function(e, t) { - return c(e[t].content) - }, u.htmlblock = function(e, t) { - return e[t].content - }, u.htmltag = function(e, t) { - return e[t].content - }, u.abbr_open = function(e, t) { - return '' - }, u.abbr_close = function() { - return "" - }, u.footnote_ref = function(e, t) { - var r = Number(e[t].id + 1).toString(), - n = "fnref" + r; - return e[t].subId > 0 && (n += ":" + e[t].subId), '[' + r + "]" - }, u.footnote_block_open = function(e, t, r) { - return (r.xhtmlOut ? '
    \n' : '
    \n') + '
    \n
      \n' - }, u.footnote_block_close = function() { - return "
    \n
    \n" - }, u.footnote_open = function(e, t) { - var r = Number(e[t].id + 1).toString(); - return '
  • ' - }, u.footnote_close = function() { - return "
    • \n" - }, u.footnote_anchor = function(e, t) { - var r = Number(e[t].id + 1).toString(), - n = "fnref" + r; - return e[t].subId > 0 && (n += ":" + e[t].subId), ' ↩' - }, u.dl_open = function() { - return "
    \n" - }, u.dt_open = function() { - return "
    " - }, u.dd_open = function() { - return "
    " - }, u.dl_close = function() { - return "
    \n" - }, u.dt_close = function() { - return "\n" - }, u.dd_close = function() { - return "\n" - }, s.prototype.renderInline = function(e, t, r) { - for (var n = "", s = this.rules, o = 0, i = e.length; i > o; o++) n += s[e[o].type](e, o, t, r, this); - return n - }, s.prototype.render = function(e, t, r) { - var n, s, o = "", - i = this.rules; - for (n = 0, s = e.length; s > n; n++) o += "inline" === e[n].type ? this.renderInline(e[n].children, t, r) : i[e[n].type](e, n, t, r, this); - return o - }, t.exports = s - }, { - "./common/utils": 5 - }], - 19: [function(e, t) { - "use strict"; - - function r() { - this.__rules__ = [], this.__cache__ = null - } - r.prototype.__find__ = function(e) { - for (var t = 0; t < this.__rules__.length; t++) - if (this.__rules__[t].name === e) return t; - return -1 - }, r.prototype.__compile__ = function() { - var e = this, - t = [""]; - e.__rules__.forEach(function(e) { - e.enabled && e.alt.forEach(function(e) { - t.indexOf(e) < 0 && t.push(e) - }) - }), e.__cache__ = {}, t.forEach(function(t) { - e.__cache__[t] = [], e.__rules__.forEach(function(r) { - r.enabled && (t && r.alt.indexOf(t) < 0 || e.__cache__[t].push(r.fn)) - }) - }) - }, r.prototype.at = function(e, t, r) { - var n = this.__find__(e), - s = r || {}; - if (-1 === n) throw new Error("Parser rule not found: " + e); - this.__rules__[n].fn = t, this.__rules__[n].alt = s.alt || [], this.__cache__ = null - }, r.prototype.before = function(e, t, r, n) { - var s = this.__find__(e), - o = n || {}; - if (-1 === s) throw new Error("Parser rule not found: " + e); - this.__rules__.splice(s, 0, { - name: t, - enabled: !0, - fn: r, - alt: o.alt || [] - }), this.__cache__ = null - }, r.prototype.after = function(e, t, r, n) { - var s = this.__find__(e), - o = n || {}; - if (-1 === s) throw new Error("Parser rule not found: " + e); - this.__rules__.splice(s + 1, 0, { - name: t, - enabled: !0, - fn: r, - alt: o.alt || [] - }), this.__cache__ = null - }, r.prototype.push = function(e, t, r) { - var n = r || {}; - this.__rules__.push({ - name: e, - enabled: !0, - fn: t, - alt: n.alt || [] - }), this.__cache__ = null - }, r.prototype.enable = function(e, t) { - Array.isArray(e) || (e = [e]), t && this.__rules__.forEach(function(e) { - e.enabled = !1 - }), e.forEach(function(e) { - var t = this.__find__(e); - if (0 > t) throw new Error("Rules manager: invalid rule name " + e); - this.__rules__[t].enabled = !0 - }, this), this.__cache__ = null - }, r.prototype.disable = function(e) { - Array.isArray(e) || (e = [e]), e.forEach(function(e) { - var t = this.__find__(e); - if (0 > t) throw new Error("Rules manager: invalid rule name " + e); - this.__rules__[t].enabled = !1 - }, this), this.__cache__ = null - }, r.prototype.getRules = function(e) { - return null === this.__cache__ && this.__compile__(), this.__cache__[e] - }, t.exports = r - }, {}], - 20: [function(e, t) { - "use strict"; - t.exports = function(e, t, r, n) { - var s, o, i, l, a, c, u, p, h, f, d, g = e.bMarks[t] + e.tShift[t], - m = e.eMarks[t]; - if (g > m) return !1; - if (62 !== e.src.charCodeAt(g++)) return !1; - if (e.level >= e.options.maxNesting) return !1; - if (n) return !0; - for (32 === e.src.charCodeAt(g) && g++, a = e.blkIndent, e.blkIndent = 0, l = [e.bMarks[t]], e.bMarks[t] = g, g = m > g ? e.skipSpaces(g) : g, o = g >= m, i = [e.tShift[t]], e.tShift[t] = g - e.bMarks[t], p = e.parser.ruler.getRules("blockquote"), s = t + 1; r > s && (g = e.bMarks[s] + e.tShift[s], m = e.eMarks[s], !(g >= m)); s++) - if (62 !== e.src.charCodeAt(g++)) { - if (o) break; - for (d = !1, h = 0, f = p.length; f > h; h++) - if (p[h](e, s, r, !0)) { - d = !0; - break - } - if (d) break; - l.push(e.bMarks[s]), i.push(e.tShift[s]), e.tShift[s] = -1337 - } else 32 === e.src.charCodeAt(g) && g++, l.push(e.bMarks[s]), e.bMarks[s] = g, g = m > g ? e.skipSpaces(g) : g, o = g >= m, i.push(e.tShift[s]), e.tShift[s] = g - e.bMarks[s]; - for (c = e.parentType, e.parentType = "blockquote", e.tokens.push({ - type: "blockquote_open", - lines: u = [t, 0], - level: e.level++ - }), e.parser.tokenize(e, t, s), e.tokens.push({ - type: "blockquote_close", - level: --e.level - }), e.parentType = c, u[1] = e.line, h = 0; h < i.length; h++) e.bMarks[h + t] = l[h], e.tShift[h + t] = i[h]; - return e.blkIndent = a, !0 - } - }, {}], - 21: [function(e, t) { - "use strict"; - t.exports = function(e, t, r) { - var n, s; - if (e.tShift[t] - e.blkIndent < 4) return !1; - for (s = n = t + 1; r > n;) - if (e.isEmpty(n)) n++; - else { - if (!(e.tShift[n] - e.blkIndent >= 4)) break; - n++, s = n - } - return e.line = n, e.tokens.push({ - type: "code", - content: e.getLines(t, s, 4 + e.blkIndent, !0), - block: !0, - lines: [t, e.line], - level: e.level - }), !0 - } - }, {}], - 22: [function(e, t) { - "use strict"; - - function r(e, t) { - var r, n, s = e.bMarks[t] + e.tShift[t], - o = e.eMarks[t]; - return s >= o ? -1 : (n = e.src.charCodeAt(s++), 126 !== n && 58 !== n ? -1 : (r = e.skipSpaces(s), s === r ? -1 : r >= o ? -1 : r)) - } + return _react2.default.createElement( + 'div', + { style: styles.swatches }, + _react2.default.createElement( + 'div', + { style: styles.swatch }, + _react2.default.createElement(_SliderSwatch2.default, { + hsl: hsl, + offset: '.80', + active: Math.abs(hsl.l - 0.80) < epsilon && Math.abs(hsl.s - 0.50) < epsilon, + onClick: onClick, + first: true + }) + ), + _react2.default.createElement( + 'div', + { style: styles.swatch }, + _react2.default.createElement(_SliderSwatch2.default, { + hsl: hsl, + offset: '.65', + active: Math.abs(hsl.l - 0.65) < epsilon && Math.abs(hsl.s - 0.50) < epsilon, + onClick: onClick + }) + ), + _react2.default.createElement( + 'div', + { style: styles.swatch }, + _react2.default.createElement(_SliderSwatch2.default, { + hsl: hsl, + offset: '.50', + active: Math.abs(hsl.l - 0.50) < epsilon && Math.abs(hsl.s - 0.50) < epsilon, + onClick: onClick + }) + ), + _react2.default.createElement( + 'div', + { style: styles.swatch }, + _react2.default.createElement(_SliderSwatch2.default, { + hsl: hsl, + offset: '.35', + active: Math.abs(hsl.l - 0.35) < epsilon && Math.abs(hsl.s - 0.50) < epsilon, + onClick: onClick + }) + ), + _react2.default.createElement( + 'div', + { style: styles.swatch }, + _react2.default.createElement(_SliderSwatch2.default, { + hsl: hsl, + offset: '.20', + active: Math.abs(hsl.l - 0.20) < epsilon && Math.abs(hsl.s - 0.50) < epsilon, + onClick: onClick, + last: true + }) + ), + _react2.default.createElement('div', { style: styles.clear }) + ); + }; - function n(e, t) { - var r, n, s = e.level + 2; - for (r = t + 2, n = e.tokens.length - 2; n > r; r++) e.tokens[r].level === s && "paragraph_open" === e.tokens[r].type && (e.tokens[r + 2].tight = !0, e.tokens[r].tight = !0, r += 2) - } - t.exports = function(e, t, s, o) { - var i, l, a, c, u, p, h, f, d, g, m, b, v, k; - if (o) return e.ddIndent < 0 ? !1 : r(e, t) >= 0; - if (h = t + 1, e.isEmpty(h) && ++h > s) return !1; - if (e.tShift[h] < e.blkIndent) return !1; - if (i = r(e, h), 0 > i) return !1; - if (e.level >= e.options.maxNesting) return !1; - p = e.tokens.length, e.tokens.push({ - type: "dl_open", - lines: u = [t, 0], - level: e.level++ - }), a = t, l = h; - e: for (;;) { - for (k = !0, v = !1, e.tokens.push({ - type: "dt_open", - lines: [a, a], - level: e.level++ - }), e.tokens.push({ - type: "inline", - content: e.getLines(a, a + 1, e.blkIndent, !1).trim(), - level: e.level + 1, - lines: [a, a], - children: [] - }), e.tokens.push({ - type: "dt_close", - level: --e.level - });;) { - if (e.tokens.push({ - type: "dd_open", - lines: c = [h, 0], - level: e.level++ - }), b = e.tight, d = e.ddIndent, f = e.blkIndent, m = e.tShift[l], g = e.parentType, e.blkIndent = e.ddIndent = e.tShift[l] + 2, e.tShift[l] = i - e.bMarks[l], e.tight = !0, e.parentType = "deflist", e.parser.tokenize(e, l, s, !0), (!e.tight || v) && (k = !1), v = e.line - l > 1 && e.isEmpty(e.line - 1), e.tShift[l] = m, e.tight = b, e.parentType = g, e.blkIndent = f, e.ddIndent = d, e.tokens.push({ - type: "dd_close", - level: --e.level - }), c[1] = h = e.line, h >= s) break e; - if (e.tShift[h] < e.blkIndent) break e; - if (i = r(e, h), 0 > i) break; - l = h - } - if (h >= s) break; - if (a = h, e.isEmpty(a)) break; - if (e.tShift[a] < e.blkIndent) break; - if (l = a + 1, l >= s) break; - if (e.isEmpty(l) && l++, l >= s) break; - if (e.tShift[l] < e.blkIndent) break; - if (i = r(e, l), 0 > i) break - } - return e.tokens.push({ - type: "dl_close", - level: --e.level - }), u[1] = h, e.line = h, k && n(e, p), !0 - } - }, {}], - 23: [function(e, t) { - "use strict"; - t.exports = function(e, t, r, n) { - var s, o, i, l, a, c = !1, - u = e.bMarks[t] + e.tShift[t], - p = e.eMarks[t]; - if (u + 3 > p) return !1; - if (s = e.src.charCodeAt(u), 126 !== s && 96 !== s) return !1; - if (a = u, u = e.skipChars(u, s), o = u - a, 3 > o) return !1; - if (i = e.src.slice(u, p).trim(), i.indexOf("`") >= 0) return !1; - if (n) return !0; - for (l = t; - (l++, !(l >= r)) && (u = a = e.bMarks[l] + e.tShift[l], p = e.eMarks[l], !(p > u && e.tShift[l] < e.blkIndent));) - if (e.src.charCodeAt(u) === s && !(e.tShift[l] - e.blkIndent >= 4 || (u = e.skipChars(u, s), o > u - a || (u = e.skipSpaces(u), p > u)))) { - c = !0; - break - } - return o = e.tShift[t], e.line = l + (c ? 1 : 0), e.tokens.push({ - type: "fence", - params: i, - content: e.getLines(t + 1, l, o, !0), - lines: [t, e.line], - level: e.level - }), !0 - } - }, {}], - 24: [function(e, t) { - "use strict"; - t.exports = function(e, t, r, n) { - var s, o, i, l, a, c = e.bMarks[t] + e.tShift[t], - u = e.eMarks[t]; - if (c + 4 > u) return !1; - if (91 !== e.src.charCodeAt(c)) return !1; - if (94 !== e.src.charCodeAt(c + 1)) return !1; - if (e.level >= e.options.maxNesting) return !1; - for (l = c + 2; u > l; l++) { - if (32 === e.src.charCodeAt(l)) return !1; - if (93 === e.src.charCodeAt(l)) break - } - return l === c + 2 ? !1 : l + 1 >= u || 58 !== e.src.charCodeAt(++l) ? !1 : n ? !0 : (l++, e.env.footnotes || (e.env.footnotes = {}), e.env.footnotes.refs || (e.env.footnotes.refs = {}), a = e.src.slice(c + 2, l - 2), e.env.footnotes.refs[":" + a] = -1, e.tokens.push({ - type: "footnote_reference_open", - label: a, - level: e.level++ - }), s = e.bMarks[t], o = e.tShift[t], i = e.parentType, e.tShift[t] = e.skipSpaces(l) - l, e.bMarks[t] = l, e.blkIndent += 4, e.parentType = "footnote", e.tShift[t] < e.blkIndent && (e.tShift[t] += e.blkIndent, e.bMarks[t] -= e.blkIndent), e.parser.tokenize(e, t, r, !0), e.parentType = i, e.blkIndent -= 4, e.tShift[t] = o, e.bMarks[t] = s, e.tokens.push({ - type: "footnote_reference_close", - level: --e.level - }), !0) - } - }, {}], - 25: [function(e, t) { - "use strict"; - t.exports = function(e, t, r, n) { - var s, o, i, l = e.bMarks[t] + e.tShift[t], - a = e.eMarks[t]; - if (l >= a) return !1; - if (s = e.src.charCodeAt(l), 35 !== s || l >= a) return !1; - for (o = 1, s = e.src.charCodeAt(++l); 35 === s && a > l && 6 >= o;) o++, s = e.src.charCodeAt(++l); - return o > 6 || a > l && 32 !== s ? !1 : n ? !0 : (a = e.skipCharsBack(a, 32, l), i = e.skipCharsBack(a, 35, l), i > l && 32 === e.src.charCodeAt(i - 1) && (a = i), e.line = t + 1, e.tokens.push({ - type: "heading_open", - hLevel: o, - lines: [t, e.line], - level: e.level - }), a > l && e.tokens.push({ - type: "inline", - content: e.src.slice(l, a).trim(), - level: e.level + 1, - lines: [t, e.line], - children: [] - }), e.tokens.push({ - type: "heading_close", - hLevel: o, - level: e.level - }), !0) - } - }, {}], - 26: [function(e, t) { - "use strict"; - t.exports = function(e, t, r, n) { - var s, o, i, l = e.bMarks[t], - a = e.eMarks[t]; - if (l += e.tShift[t], l > a) return !1; - if (s = e.src.charCodeAt(l++), 42 !== s && 45 !== s && 95 !== s) return !1; - for (o = 1; a > l;) { - if (i = e.src.charCodeAt(l++), i !== s && 32 !== i) return !1; - i === s && o++ - } - return 3 > o ? !1 : n ? !0 : (e.line = t + 1, e.tokens.push({ - type: "hr", - lines: [t, e.line], - level: e.level - }), !0) - } - }, {}], - 27: [function(e, t) { - "use strict"; + exports.default = SliderSwatches; - function r(e) { - var t = 32 | e; - return t >= 97 && 122 >= t - } - var n = e("../common/html_blocks"), - s = /^<([a-zA-Z]{1,15})[\s\/>]/, - o = /^<\/([a-zA-Z]{1,15})[\s>]/; - t.exports = function(e, t, i, l) { - var a, c, u, p = e.bMarks[t], - h = e.eMarks[t], - f = e.tShift[t]; - if (p += f, !e.options.html) return !1; - if (f > 3 || p + 2 >= h) return !1; - if (60 !== e.src.charCodeAt(p)) return !1; - if (a = e.src.charCodeAt(p + 1), 33 === a || 63 === a) { - if (l) return !0 - } else { - if (47 !== a && !r(a)) return !1; - if (47 === a) { - if (c = e.src.slice(p, h).match(o), !c) return !1 - } else if (c = e.src.slice(p, h).match(s), !c) return !1; - if (n[c[1].toLowerCase()] !== !0) return !1; - if (l) return !0 - } - for (u = t + 1; u < e.lineMax && !e.isEmpty(u);) u++; - return e.line = u, e.tokens.push({ - type: "htmlblock", - level: e.level, - lines: [t, e.line], - content: e.getLines(t, u, 0, !0) - }), !0 - } - }, { - "../common/html_blocks": 2 - }], - 28: [function(e, t) { - "use strict"; - t.exports = function(e, t, r) { - var n, s, o, i = t + 1; - return i >= r ? !1 : e.tShift[i] < e.blkIndent ? !1 : e.tShift[i] - e.blkIndent > 3 ? !1 : (s = e.bMarks[i] + e.tShift[i], o = e.eMarks[i], s >= o ? !1 : (n = e.src.charCodeAt(s), 45 !== n && 61 !== n ? !1 : (s = e.skipChars(s, n), s = e.skipSpaces(s), o > s ? !1 : (s = e.bMarks[t] + e.tShift[t], e.line = i + 1, e.tokens.push({ - type: "heading_open", - hLevel: 61 === n ? 1 : 2, - lines: [t, e.line], - level: e.level - }), e.tokens.push({ - type: "inline", - content: e.src.slice(s, e.eMarks[t]).trim(), - level: e.level + 1, - lines: [t, e.line - 1], - children: [] - }), e.tokens.push({ - type: "heading_close", - hLevel: 61 === n ? 1 : 2, - level: e.level - }), !0)))) - } - }, {}], - 29: [function(e, t) { - "use strict"; +/***/ }), +/* 413 */ +/***/ (function(module, exports, __webpack_require__) { - function r(e, t) { - var r, n, s; - return n = e.bMarks[t] + e.tShift[t], s = e.eMarks[t], n >= s ? -1 : (r = e.src.charCodeAt(n++), 42 !== r && 45 !== r && 43 !== r ? -1 : s > n && 32 !== e.src.charCodeAt(n) ? -1 : n) - } + 'use strict'; - function n(e, t) { - var r, n = e.bMarks[t] + e.tShift[t], - s = e.eMarks[t]; - if (n + 1 >= s) return -1; - if (r = e.src.charCodeAt(n++), 48 > r || r > 57) return -1; - for (;;) { - if (n >= s) return -1; - if (r = e.src.charCodeAt(n++), !(r >= 48 && 57 >= r)) { - if (41 === r || 46 === r) break; - return -1 - } - } - return s > n && 32 !== e.src.charCodeAt(n) ? -1 : n - } + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.SliderSwatch = undefined; - function s(e, t) { - var r, n, s = e.level + 2; - for (r = t + 2, n = e.tokens.length - 2; n > r; r++) e.tokens[r].level === s && "paragraph_open" === e.tokens[r].type && (e.tokens[r + 2].tight = !0, e.tokens[r].tight = !0, r += 2) - } - t.exports = function(e, t, o, i) { - var l, a, c, u, p, h, f, d, g, m, b, v, k, _, y, x, w, A, q, C, S, M, E = !0; - if ((d = n(e, t)) >= 0) k = !0; - else { - if (!((d = r(e, t)) >= 0)) return !1; - k = !1 - } - if (e.level >= e.options.maxNesting) return !1; - if (v = e.src.charCodeAt(d - 1), i) return !0; - for (y = e.tokens.length, k ? (f = e.bMarks[t] + e.tShift[t], b = Number(e.src.substr(f, d - f - 1)), e.tokens.push({ - type: "ordered_list_open", - order: b, - lines: w = [t, 0], - level: e.level++ - })) : e.tokens.push({ - type: "bullet_list_open", - lines: w = [t, 0], - level: e.level++ - }), l = t, x = !1, q = e.parser.ruler.getRules("list"); !(!(o > l) || (_ = e.skipSpaces(d), g = e.eMarks[l], m = _ >= g ? 1 : _ - d, m > 4 && (m = 1), 1 > m && (m = 1), a = d - e.bMarks[l] + m, e.tokens.push({ - type: "list_item_open", - lines: A = [t, 0], - level: e.level++ - }), u = e.blkIndent, p = e.tight, c = e.tShift[t], h = e.parentType, e.tShift[t] = _ - e.bMarks[t], e.blkIndent = a, e.tight = !0, e.parentType = "list", e.parser.tokenize(e, t, o, !0), (!e.tight || x) && (E = !1), x = e.line - t > 1 && e.isEmpty(e.line - 1), e.blkIndent = u, e.tShift[t] = c, e.tight = p, e.parentType = h, e.tokens.push({ - type: "list_item_close", - level: --e.level - }), l = t = e.line, A[1] = l, _ = e.bMarks[t], l >= o) || e.isEmpty(l) || e.tShift[l] < e.blkIndent);) { - for (M = !1, C = 0, S = q.length; S > C; C++) - if (q[C](e, l, o, !0)) { - M = !0; - break - } - if (M) break; - if (k) { - if (d = n(e, l), 0 > d) break - } else if (d = r(e, l), 0 > d) break; - if (v !== e.src.charCodeAt(d - 1)) break - } - return e.tokens.push({ - type: k ? "ordered_list_close" : "bullet_list_close", - level: --e.level - }), w[1] = l, e.line = l, E && s(e, y), !0 - } - }, {}], - 30: [function(e, t) { - "use strict"; - t.exports = function(e, t) { - var r, n, s, o, i, l, a = t + 1; - if (r = e.lineMax, r > a && !e.isEmpty(a)) - for (l = e.parser.ruler.getRules("paragraph"); r > a && !e.isEmpty(a); a++) - if (!(e.tShift[a] - e.blkIndent > 3)) { - for (s = !1, o = 0, i = l.length; i > o; o++) - if (l[o](e, a, r, !0)) { - s = !0; - break - } - if (s) break - } - return n = e.getLines(t, a, e.blkIndent, !1).trim(), e.line = a, n.length && (e.tokens.push({ - type: "paragraph_open", - tight: !1, - lines: [t, e.line], - level: e.level - }), e.tokens.push({ - type: "inline", - content: n, - level: e.level + 1, - lines: [t, e.line], - children: [] - }), e.tokens.push({ - type: "paragraph_close", - tight: !1, - level: e.level - })), !0 - } - }, {}], - 31: [function(e, t) { - "use strict"; - - function r(e, t, r, n, s) { - var o, i, l, a, c, u, p; - for (this.src = e, this.parser = t, this.options = r, this.env = n, this.tokens = s, this.bMarks = [], this.eMarks = [], this.tShift = [], this.blkIndent = 0, this.line = 0, this.lineMax = 0, this.tight = !1, this.parentType = "root", this.ddIndent = -1, this.level = 0, this.result = "", i = this.src, u = 0, p = !1, l = a = u = 0, c = i.length; c > a; a++) { - if (o = i.charCodeAt(a), !p) { - if (32 === o) { - u++; - continue - } - p = !0 - }(10 === o || a === c - 1) && (10 !== o && a++, this.bMarks.push(l), this.eMarks.push(a), this.tShift.push(u), p = !1, u = 0, l = a + 1) - } - this.bMarks.push(i.length), this.eMarks.push(i.length), this.tShift.push(0), this.lineMax = this.bMarks.length - 1 - } - r.prototype.isEmpty = function(e) { - return this.bMarks[e] + this.tShift[e] >= this.eMarks[e] - }, r.prototype.skipEmptyLines = function(e) { - for (var t = this.lineMax; t > e && !(this.bMarks[e] + this.tShift[e] < this.eMarks[e]); e++); - return e - }, r.prototype.skipSpaces = function(e) { - for (var t = this.src.length; t > e && 32 === this.src.charCodeAt(e); e++); - return e - }, r.prototype.skipChars = function(e, t) { - for (var r = this.src.length; r > e && this.src.charCodeAt(e) === t; e++); - return e - }, r.prototype.skipCharsBack = function(e, t, r) { - if (r >= e) return e; - for (; e > r;) - if (t !== this.src.charCodeAt(--e)) return e + 1; - return e - }, r.prototype.getLines = function(e, t, r, n) { - var s, o, i, l, a, c = e; - if (e >= t) return ""; - if (c + 1 === t) return o = this.bMarks[c] + Math.min(this.tShift[c], r), i = n ? this.bMarks[t] : this.eMarks[t - 1], this.src.slice(o, i); - for (l = new Array(t - e), s = 0; t > c; c++, s++) a = this.tShift[c], a > r && (a = r), 0 > a && (a = 0), o = this.bMarks[c] + a, i = t > c + 1 || n ? this.eMarks[c] + 1 : this.eMarks[c], l[s] = this.src.slice(o, i); - return l.join("") - }, t.exports = r - }, {}], - 32: [function(e, t) { - "use strict"; - - function r(e, t) { - var r = e.bMarks[t] + e.blkIndent, - n = e.eMarks[t]; - return e.src.substr(r, n - r) - } - t.exports = function(e, t, n, s) { - var o, i, l, a, c, u, p, h, f, d; - if (t + 2 > n) return !1; - if (c = t + 1, e.tShift[c] < e.blkIndent) return !1; - if (l = e.bMarks[c] + e.tShift[c], l >= e.eMarks[c]) return !1; - if (o = e.src.charCodeAt(l), 124 !== o && 45 !== o && 58 !== o) return !1; - if (i = r(e, t + 1), !/^[-:| ]+$/.test(i)) return !1; - if (u = i.split("|"), 2 >= u) return !1; - for (p = [], a = 0; a < u.length; a++) { - if (h = u[a].trim(), !h) { - if (0 === a || a === u.length - 1) continue; - return !1 - } - if (!/^:?-+:?$/.test(h)) return !1; - p.push(58 === h.charCodeAt(h.length - 1) ? 58 === h.charCodeAt(0) ? "center" : "right" : 58 === h.charCodeAt(0) ? "left" : "") - } - if (i = r(e, t).trim(), -1 === i.indexOf("|")) return !1; - if (u = i.replace(/^\||\|$/g, "").split("|"), p.length !== u.length) return !1; - if (s) return !0; - for (e.tokens.push({ - type: "table_open", - lines: f = [t, 0], - level: e.level++ - }), e.tokens.push({ - type: "thead_open", - lines: [t, t + 1], - level: e.level++ - }), e.tokens.push({ - type: "tr_open", - lines: [t, t + 1], - level: e.level++ - }), a = 0; a < u.length; a++) e.tokens.push({ - type: "th_open", - align: p[a], - lines: [t, t + 1], - level: e.level++ - }), e.tokens.push({ - type: "inline", - content: u[a].trim(), - lines: [t, t + 1], - level: e.level, - children: [] - }), e.tokens.push({ - type: "th_close", - level: --e.level - }); - for (e.tokens.push({ - type: "tr_close", - level: --e.level - }), e.tokens.push({ - type: "thead_close", - level: --e.level - }), e.tokens.push({ - type: "tbody_open", - lines: d = [t + 2, 0], - level: e.level++ - }), c = t + 2; n > c && !(e.tShift[c] < e.blkIndent) && (i = r(e, c).trim(), -1 !== i.indexOf("|")); c++) { - for (u = i.replace(/^\||\|$/g, "").split("|"), e.tokens.push({ - type: "tr_open", - level: e.level++ - }), a = 0; a < u.length; a++) e.tokens.push({ - type: "td_open", - align: p[a], - level: e.level++ - }), e.tokens.push({ - type: "inline", - content: u[a].replace(/^\|? *| *\|?$/g, ""), - level: e.level, - children: [] - }), e.tokens.push({ - type: "td_close", - level: --e.level - }); - e.tokens.push({ - type: "tr_close", - level: --e.level - }) - } - return e.tokens.push({ - type: "tbody_close", - level: --e.level - }), e.tokens.push({ - type: "table_close", - level: --e.level - }), f[1] = d[1] = c, e.line = c, !0 - } - }, {}], - 33: [function(e, t) { - "use strict"; - - function r(e, t, r, o) { - var i, l, a, c, u, p; - if (42 !== e.charCodeAt(0)) return -1; - if (91 !== e.charCodeAt(1)) return -1; - if (-1 === e.indexOf("]:")) return -1; - if (i = new n(e, t, r, o, []), l = s(i, 1), 0 > l || 58 !== e.charCodeAt(l + 1)) return -1; - for (c = i.posMax, a = l + 2; c > a && 10 !== i.src.charCodeAt(a); a++); - return u = e.slice(2, l), p = e.slice(l + 2, a).trim(), 0 === p.length ? -1 : (o.abbreviations || (o.abbreviations = {}), "undefined" == typeof o.abbreviations[":" + u] && (o.abbreviations[":" + u] = p), a) - } - var n = e("../rules_inline/state_inline"), - s = e("../helpers/parse_link_label"); - t.exports = function(e) { - var t, n, s, o, i = e.tokens; - if (!e.inlineMode) - for (t = 1, n = i.length - 1; n > t; t++) - if ("paragraph_open" === i[t - 1].type && "inline" === i[t].type && "paragraph_close" === i[t + 1].type) { - for (s = i[t].content; s.length && (o = r(s, e.inline, e.options, e.env), !(0 > o));) s = s.slice(o).trim(); - i[t].content = s, s.length || (i[t - 1].tight = !0, i[t + 1].tight = !0) - } - } - }, { - "../helpers/parse_link_label": 12, - "../rules_inline/state_inline": 55 - }], - 34: [function(e, t) { - "use strict"; - - function r(e) { - return e.replace(/([-()\[\]{}+?*.$\^|,:# s; s++) - if ("inline" === g[s].type) - for (i = g[s].children, t = i.length - 1; t >= 0; t--) - if (l = i[t], "text" === l.type) { - for (u = 0, a = l.content, h.lastIndex = 0, p = l.level, c = []; f = h.exec(a);) h.lastIndex > u && c.push({ - type: "text", - content: a.slice(u, f.index + f[1].length), - level: p - }), c.push({ - type: "abbr_open", - title: e.env.abbreviations[":" + f[2]], - level: p++ - }), c.push({ - type: "text", - content: f[2], - level: p - }), c.push({ - type: "abbr_close", - level: --p - }), u = h.lastIndex - f[3].length; - c.length && (u < a.length && c.push({ - type: "text", - content: a.slice(u), - level: p - }), g[s].children = i = [].concat(i.slice(0, t), c, i.slice(t + 1))) - } - } - }, {}], - 35: [function(e, t) { - "use strict"; - t.exports = function(e) { - e.inlineMode ? e.tokens.push({ - type: "inline", - content: e.src.replace(/\n/g, " ").trim(), - level: 0, - lines: [0, 1], - children: [] - }) : e.block.parse(e.src, e.options, e.env, e.tokens) - } - }, {}], - 36: [function(e, t) { - "use strict"; - t.exports = function(e) { - var t, r, n, s, o, i, l, a, c, u = 0, - p = !1, - h = {}; - if (e.env.footnotes && (e.tokens = e.tokens.filter(function(e) { - return "footnote_reference_open" === e.type ? (p = !0, a = [], c = e.label, !1) : "footnote_reference_close" === e.type ? (p = !1, h[":" + c] = a, !1) : (p && a.push(e), !p) - }), e.env.footnotes.list)) { - for (i = e.env.footnotes.list, e.tokens.push({ - type: "footnote_block_open", - level: u++ - }), t = 0, r = i.length; r > t; t++) { - for (e.tokens.push({ - type: "footnote_open", - id: t, - level: u++ - }), i[t].tokens ? (l = [], l.push({ - type: "paragraph_open", - tight: !1, - level: u++ - }), l.push({ - type: "inline", - content: "", - level: u, - children: i[t].tokens - }), l.push({ - type: "paragraph_close", - tight: !1, - level: --u - })) : i[t].label && (l = h[":" + i[t].label]), e.tokens = e.tokens.concat(l), o = "paragraph_close" === e.tokens[e.tokens.length - 1].type ? e.tokens.pop() : null, s = i[t].count > 0 ? i[t].count : 1, n = 0; s > n; n++) e.tokens.push({ - type: "footnote_anchor", - id: t, - subId: n, - level: u - }); - o && e.tokens.push(o), e.tokens.push({ - type: "footnote_close", - level: --u - }) - } - e.tokens.push({ - type: "footnote_block_close", - level: --u - }) - } - } - }, {}], - 37: [function(e, t) { - "use strict"; - t.exports = function(e) { - var t, r, n, s = e.tokens; - for (r = 0, n = s.length; n > r; r++) t = s[r], "inline" === t.type && e.inline.parse(t.content, e.options, e.env, t.children) - } - }, {}], - 38: [function(e, t) { - "use strict"; + var _react = __webpack_require__(2); - function r(e) { - return /^\s]/i.test(e) - } + var _react2 = _interopRequireDefault(_react); - function n(e) { - return /^<\/a\s*>/i.test(e) - } + var _reactcss = __webpack_require__(174); - function s() { - var e = [], - t = new o({ - stripPrefix: !1, - url: !0, - email: !0, - twitter: !1, - replaceFn: function(t, r) { - switch (r.getType()) { - case "url": - e.push({ - text: r.matchedText, - url: r.getUrl() - }); - break; - case "email": - e.push({ - text: r.matchedText, - url: "mailto:" + r.getEmail().replace(/^mailto:/i, "") - }) - } - return !1 - } - }); - return { - links: e, - autolinker: t - } - } - var o = e("autolinker"), - i = /www|@|\:\/\//; - t.exports = function(e) { - var t, o, l, a, c, u, p, h, f, d, g, m, b, v = e.tokens, - k = null; - if (e.options.linkify) - for (o = 0, l = v.length; l > o; o++) - if ("inline" === v[o].type) - for (a = v[o].children, g = 0, t = a.length - 1; t >= 0; t--) - if (c = a[t], "link_close" !== c.type) { - if ("htmltag" === c.type && (r(c.content) && g > 0 && g--, n(c.content) && g++), !(g > 0) && "text" === c.type && i.test(c.content)) { - if (k || (k = s(), m = k.links, b = k.autolinker), u = c.content, m.length = 0, b.link(u), !m.length) continue; - for (p = [], d = c.level, h = 0; h < m.length; h++) e.inline.validateLink(m[h].url) && (f = u.indexOf(m[h].text), f && (d = d, p.push({ - type: "text", - content: u.slice(0, f), - level: d - })), p.push({ - type: "link_open", - href: m[h].url, - title: "", - level: d++ - }), p.push({ - type: "text", - content: m[h].text, - level: d - }), p.push({ - type: "link_close", - level: --d - }), u = u.slice(f + m[h].text.length)); - u.length && p.push({ - type: "text", - content: u, - level: d - }), v[o].children = a = [].concat(a.slice(0, t), p, a.slice(t + 1)) - } - } else - for (t--; a[t].level !== c.level && "link_open" !== a[t].type;) t-- - } - }, { - autolinker: 59 - }], - 39: [function(e, t) { - "use strict"; - - function r(e, t, r, a) { - var c, u, p, h, f, d, g, m, b; - if (91 !== e.charCodeAt(0)) return -1; - if (-1 === e.indexOf("]:")) return -1; - if (c = new n(e, t, r, a, []), u = s(c, 0), 0 > u || 58 !== e.charCodeAt(u + 1)) return -1; - for (h = c.posMax, p = u + 2; h > p && (f = c.src.charCodeAt(p), 32 === f || 10 === f); p++); - if (!o(c, p)) return -1; - for (g = c.linkContent, p = c.pos, d = p, p += 1; h > p && (f = c.src.charCodeAt(p), 32 === f || 10 === f); p++); - for (h > p && d !== p && i(c, p) ? (m = c.linkContent, p = c.pos) : (m = "", p = d); h > p && 32 === c.src.charCodeAt(p);) p++; - return h > p && 10 !== c.src.charCodeAt(p) ? -1 : (b = l(e.slice(1, u)), "undefined" == typeof a.references[b] && (a.references[b] = { - title: m, - href: g - }), p) - } - var n = e("../rules_inline/state_inline"), - s = e("../helpers/parse_link_label"), - o = e("../helpers/parse_link_destination"), - i = e("../helpers/parse_link_title"), - l = e("../helpers/normalize_reference"); - t.exports = function(e) { - var t, n, s, o, i = e.tokens; - if (e.env.references = e.env.references || {}, !e.inlineMode) - for (t = 1, n = i.length - 1; n > t; t++) - if ("inline" === i[t].type && "paragraph_open" === i[t - 1].type && "paragraph_close" === i[t + 1].type) { - for (s = i[t].content; s.length && (o = r(s, e.inline, e.options, e.env), !(0 > o));) s = s.slice(o).trim(); - i[t].content = s, s.length || (i[t - 1].tight = !0, i[t + 1].tight = !0) - } - } - }, { - "../helpers/normalize_reference": 10, - "../helpers/parse_link_destination": 11, - "../helpers/parse_link_label": 12, - "../helpers/parse_link_title": 13, - "../rules_inline/state_inline": 55 - }], - 40: [function(e, t) { - "use strict"; - - function r(e) { - return e.indexOf("(") < 0 ? e : e.replace(s, function(e, t) { - return o[t.toLowerCase()] - }) - } - var n = /\+-|\.\.|\?\?\?\?|!!!!|,,|--/, - s = /\((c|tm|r|p)\)/gi, - o = { - c: "©", - r: "®", - p: "§", - tm: "™" - }; - t.exports = function(e) { - var t, s, o, i, l; - if (e.options.typographer) - for (l = e.tokens.length - 1; l >= 0; l--) - if ("inline" === e.tokens[l].type) - for (i = e.tokens[l].children, t = i.length - 1; t >= 0; t--) s = i[t], "text" === s.type && (o = s.content, o = r(o), n.test(o) && (o = o.replace(/\+-/g, "±").replace(/\.{2,}/g, "…").replace(/([?!])…/g, "$1..").replace(/([?!]){4,}/g, "$1$1$1").replace(/,{2,}/g, ",").replace(/(^|[^-])---([^-]|$)/gm, "$1—$2").replace(/(^|\s)--(\s|$)/gm, "$1–$2").replace(/(^|[^-\s])--([^-\s]|$)/gm, "$1–$2")), s.content = o) - } - }, {}], - 41: [function(e, t) { - "use strict"; + var _reactcss2 = _interopRequireDefault(_reactcss); - function r(e, t) { - return 0 > t || t >= e.length ? !1 : !i.test(e[t]) - } + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - function n(e, t, r) { - return e.substr(0, t) + r + e.substr(t + 1) - } - var s = /['"]/, - o = /['"]/g, - i = /[-\s()\[\]]/, - l = "’"; - t.exports = function(e) { - var t, i, a, c, u, p, h, f, d, g, m, b, v, k, _, y, x; - if (e.options.typographer) - for (x = [], _ = e.tokens.length - 1; _ >= 0; _--) - if ("inline" === e.tokens[_].type) - for (y = e.tokens[_].children, x.length = 0, t = 0; t < y.length; t++) - if (i = y[t], "text" === i.type && !s.test(i.text)) { - for (h = y[t].level, v = x.length - 1; v >= 0 && !(x[v].level <= h); v--); - x.length = v + 1, a = i.content, u = 0, p = a.length; - e: for (; p > u && (o.lastIndex = u, c = o.exec(a));) - if (f = !r(a, c.index - 1), u = c.index + 1, k = "'" === c[0], d = !r(a, u), d || f) { - if (m = !d, b = !f) - for (v = x.length - 1; v >= 0 && (g = x[v], !(x[v].level < h)); v--) - if (g.single === k && x[v].level === h) { - g = x[v], k ? (y[g.token].content = n(y[g.token].content, g.pos, e.options.quotes[2]), i.content = n(i.content, c.index, e.options.quotes[3])) : (y[g.token].content = n(y[g.token].content, g.pos, e.options.quotes[0]), i.content = n(i.content, c.index, e.options.quotes[1])), x.length = v; - continue e - } - m ? x.push({ - token: t, - pos: c.index, - single: k, - level: h - }) : b && k && (i.content = n(i.content, c.index, l)) - } else k && (i.content = n(i.content, c.index, l)) - } - } - }, {}], - 42: [function(e, t) { - "use strict"; - var r = e("../common/url_schemas"), - n = e("../helpers/normalize_link"), - s = /^<([a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*)>/, - o = /^<([a-zA-Z.\-]{1,25}):([^<>\x00-\x20]*)>/; - t.exports = function(e, t) { - var i, l, a, c, u, p = e.pos; - return 60 !== e.src.charCodeAt(p) ? !1 : (i = e.src.slice(p), i.indexOf(">") < 0 ? !1 : (l = i.match(o)) ? r.indexOf(l[1].toLowerCase()) < 0 ? !1 : (c = l[0].slice(1, -1), u = n(c), e.parser.validateLink(c) ? (t || (e.push({ - type: "link_open", - href: u, - level: e.level - }), e.push({ - type: "text", - content: c, - level: e.level + 1 - }), e.push({ - type: "link_close", - level: e.level - })), e.pos += l[0].length, !0) : !1) : (a = i.match(s), a ? (c = a[0].slice(1, -1), u = n("mailto:" + c), e.parser.validateLink(u) ? (t || (e.push({ - type: "link_open", - href: u, - level: e.level - }), e.push({ - type: "text", - content: c, - level: e.level + 1 - }), e.push({ - type: "link_close", - level: e.level - })), e.pos += a[0].length, !0) : !1) : !1)) - } - }, { - "../common/url_schemas": 4, - "../helpers/normalize_link": 9 - }], - 43: [function(e, t) { - "use strict"; - t.exports = function(e, t) { - var r, n, s, o, i, l = e.pos, - a = e.src.charCodeAt(l); - if (96 !== a) return !1; - for (r = l, l++, n = e.posMax; n > l && 96 === e.src.charCodeAt(l);) l++; - for (s = e.src.slice(r, l), o = i = l; - 1 !== (o = e.src.indexOf("`", i));) { - for (i = o + 1; n > i && 96 === e.src.charCodeAt(i);) i++; - if (i - o === s.length) return t || e.push({ - type: "code", - content: e.src.slice(l, o).replace(/[ \n]+/g, " ").trim(), - block: !1, - level: e.level - }), e.pos = i, !0 - } - return t || (e.pending += s), e.pos += s.length, !0 - } - }, {}], - 44: [function(e, t) { - "use strict"; - t.exports = function(e, t) { - var r, n, s, o, i, l = e.posMax, - a = e.pos; - if (126 !== e.src.charCodeAt(a)) return !1; - if (t) return !1; - if (a + 4 >= l) return !1; - if (126 !== e.src.charCodeAt(a + 1)) return !1; - if (e.level >= e.options.maxNesting) return !1; - if (o = a > 0 ? e.src.charCodeAt(a - 1) : -1, i = e.src.charCodeAt(a + 2), 126 === o) return !1; - if (126 === i) return !1; - if (32 === i || 10 === i) return !1; - for (n = a + 2; l > n && 126 === e.src.charCodeAt(n);) n++; - if (n > a + 3) return e.pos += n - a, t || (e.pending += e.src.slice(a, n)), !0; - for (e.pos = a + 2, s = 1; e.pos + 1 < l;) { - if (126 === e.src.charCodeAt(e.pos) && 126 === e.src.charCodeAt(e.pos + 1) && (o = e.src.charCodeAt(e.pos - 1), i = e.pos + 2 < l ? e.src.charCodeAt(e.pos + 2) : -1, 126 !== i && 126 !== o && (32 !== o && 10 !== o ? s-- : 32 !== i && 10 !== i && s++, 0 >= s))) { - r = !0; - break - } - e.parser.skipToken(e) - } - return r ? (e.posMax = e.pos, e.pos = a + 2, t || (e.push({ - type: "del_open", - level: e.level++ - }), e.parser.tokenize(e), e.push({ - type: "del_close", - level: --e.level - })), e.pos = e.posMax + 2, e.posMax = l, !0) : (e.pos = a, !1) - } - }, {}], - 45: [function(e, t) { - "use strict"; + var SliderSwatch = exports.SliderSwatch = function SliderSwatch(_ref) { + var hsl = _ref.hsl, + offset = _ref.offset, + _ref$onClick = _ref.onClick, + onClick = _ref$onClick === undefined ? function () {} : _ref$onClick, + active = _ref.active, + first = _ref.first, + last = _ref.last; - function r(e) { - return e >= 48 && 57 >= e || e >= 65 && 90 >= e || e >= 97 && 122 >= e - } + var styles = (0, _reactcss2.default)({ + 'default': { + swatch: { + height: '12px', + background: 'hsl(' + hsl.h + ', 50%, ' + offset * 100 + '%)', + cursor: 'pointer' + } + }, + 'first': { + swatch: { + borderRadius: '2px 0 0 2px' + } + }, + 'last': { + swatch: { + borderRadius: '0 2px 2px 0' + } + }, + 'active': { + swatch: { + transform: 'scaleY(1.8)', + borderRadius: '3.6px/2px' + } + } + }, { active: active, first: first, last: last }); - function n(e, t) { - var n, s, o, i = t, - l = !0, - a = !0, - c = e.posMax, - u = e.src.charCodeAt(t); - for (n = t > 0 ? e.src.charCodeAt(t - 1) : -1; c > i && e.src.charCodeAt(i) === u;) i++; - return i >= c && (l = !1), o = i - t, o >= 4 ? l = a = !1 : (s = c > i ? e.src.charCodeAt(i) : -1, (32 === s || 10 === s) && (l = !1), (32 === n || 10 === n) && (a = !1), 95 === u && (r(n) && (l = !1), r(s) && (a = !1))), { - can_open: l, - can_close: a, - delims: o - } - } - t.exports = function(e, t) { - var r, s, o, i, l, a, c, u = e.posMax, - p = e.pos, - h = e.src.charCodeAt(p); - if (95 !== h && 42 !== h) return !1; - if (t) return !1; - if (c = n(e, p), r = c.delims, !c.can_open) return e.pos += r, t || (e.pending += e.src.slice(p, e.pos)), !0; - if (e.level >= e.options.maxNesting) return !1; - for (e.pos = p + r, a = [r]; e.pos < u;) - if (e.src.charCodeAt(e.pos) !== h) e.parser.skipToken(e); - else { - if (c = n(e, e.pos), s = c.delims, c.can_close) { - for (i = a.pop(), l = s; i !== l;) { - if (i > l) { - a.push(i - l); - break - } - if (l -= i, 0 === a.length) break; - e.pos += i, i = a.pop() - } - if (0 === a.length) { - r = i, o = !0; - break - } - e.pos += s; - continue - } - c.can_open && a.push(s), e.pos += s - } - return o ? (e.posMax = e.pos, e.pos = p + r, t || ((2 === r || 3 === r) && e.push({ - type: "strong_open", - level: e.level++ - }), (1 === r || 3 === r) && e.push({ - type: "em_open", - level: e.level++ - }), e.parser.tokenize(e), (1 === r || 3 === r) && e.push({ - type: "em_close", - level: --e.level - }), (2 === r || 3 === r) && e.push({ - type: "strong_close", - level: --e.level - })), e.pos = e.posMax + r, e.posMax = u, !0) : (e.pos = p, !1) - } - }, {}], - 46: [function(e, t) { - "use strict"; - var r = e("../common/entities"), - n = e("../common/utils").has, - s = e("../common/utils").isValidEntityCode, - o = e("../common/utils").fromCodePoint, - i = /^&#((?:x[a-f0-9]{1,8}|[0-9]{1,8}));/i, - l = /^&([a-z][a-z0-9]{1,31});/i; - t.exports = function(e, t) { - var a, c, u, p = e.pos, - h = e.posMax; - if (38 !== e.src.charCodeAt(p)) return !1; - if (h > p + 1) - if (a = e.src.charCodeAt(p + 1), 35 === a) { - if (u = e.src.slice(p).match(i)) return t || (c = "x" === u[1][0].toLowerCase() ? parseInt(u[1].slice(1), 16) : parseInt(u[1], 10), e.pending += o(s(c) ? c : 65533)), e.pos += u[0].length, !0 - } else if (u = e.src.slice(p).match(l), u && n(r, u[1])) return t || (e.pending += r[u[1]]), e.pos += u[0].length, !0; - return t || (e.pending += "&"), e.pos++, !0 - } - }, { - "../common/entities": 1, - "../common/utils": 5 - }], - 47: [function(e, t) { - "use strict"; - for (var r = [], n = 0; 256 > n; n++) r.push(0); - "\\!\"#$%&'()*+,./:;<=>?@[]^_`{|}~-".split("").forEach(function(e) { - r[e.charCodeAt(0)] = 1 - }), t.exports = function(e, t) { - var n, s = e.pos, - o = e.posMax; - if (92 !== e.src.charCodeAt(s)) return !1; - if (s++, o > s) { - if (n = e.src.charCodeAt(s), 256 > n && 0 !== r[n]) return t || (e.pending += e.src[s]), e.pos += 2, !0; - if (10 === n) { - for (t || e.push({ - type: "hardbreak", - level: e.level - }), s++; o > s && 32 === e.src.charCodeAt(s);) s++; - return e.pos = s, !0 - } - } - return t || (e.pending += "\\"), e.pos++, !0 - } - }, {}], - 48: [function(e, t) { - "use strict"; - var r = e("../helpers/parse_link_label"); - t.exports = function(e, t) { - var n, s, o, i, l = e.posMax, - a = e.pos; - return a + 2 >= l ? !1 : 94 !== e.src.charCodeAt(a) ? !1 : 91 !== e.src.charCodeAt(a + 1) ? !1 : e.level >= e.options.maxNesting ? !1 : (n = a + 2, s = r(e, a + 1), 0 > s ? !1 : (t || (e.env.footnotes || (e.env.footnotes = {}), e.env.footnotes.list || (e.env.footnotes.list = []), o = e.env.footnotes.list.length, e.pos = n, e.posMax = s, e.push({ - type: "footnote_ref", - id: o, - level: e.level - }), e.linkLevel++, i = e.tokens.length, e.parser.tokenize(e), e.env.footnotes.list[o] = { - tokens: e.tokens.splice(i) - }, e.linkLevel--), e.pos = s + 1, e.posMax = l, !0)) - } - }, { - "../helpers/parse_link_label": 12 - }], - 49: [function(e, t) { - "use strict"; - t.exports = function(e, t) { - var r, n, s, o, i = e.posMax, - l = e.pos; - if (l + 3 > i) return !1; - if (!e.env.footnotes || !e.env.footnotes.refs) return !1; - if (91 !== e.src.charCodeAt(l)) return !1; - if (94 !== e.src.charCodeAt(l + 1)) return !1; - if (e.level >= e.options.maxNesting) return !1; - for (n = l + 2; i > n; n++) { - if (32 === e.src.charCodeAt(n)) return !1; - if (10 === e.src.charCodeAt(n)) return !1; - if (93 === e.src.charCodeAt(n)) break - } - return n === l + 2 ? !1 : n >= i ? !1 : (n++, r = e.src.slice(l + 2, n - 1), "undefined" == typeof e.env.footnotes.refs[":" + r] ? !1 : (t || (e.env.footnotes.list || (e.env.footnotes.list = []), e.env.footnotes.refs[":" + r] < 0 ? (s = e.env.footnotes.list.length, e.env.footnotes.list[s] = { - label: r, - count: 0 - }, e.env.footnotes.refs[":" + r] = s) : s = e.env.footnotes.refs[":" + r], o = e.env.footnotes.list[s].count, e.env.footnotes.list[s].count++, e.push({ - type: "footnote_ref", - id: s, - subId: o, - level: e.level - })), e.pos = n, e.posMax = i, !0)) - } - }, {}], - 50: [function(e, t) { - "use strict"; + var handleClick = function handleClick(e) { + return onClick({ + h: hsl.h, + s: 0.5, + l: offset, + source: 'hsl' + }, e); + }; - function r(e) { - var t = 32 | e; - return t >= 97 && 122 >= t - } - var n = e("../common/html_re").HTML_TAG_RE; - t.exports = function(e, t) { - var s, o, i, l = e.pos; - return e.options.html ? (i = e.posMax, 60 !== e.src.charCodeAt(l) || l + 2 >= i ? !1 : (s = e.src.charCodeAt(l + 1), (33 === s || 63 === s || 47 === s || r(s)) && (o = e.src.slice(l).match(n)) ? (t || e.push({ - type: "htmltag", - content: e.src.slice(l, l + o[0].length), - level: e.level - }), e.pos += o[0].length, !0) : !1)) : !1 - } - }, { - "../common/html_re": 3 - }], - 51: [function(e, t) { - "use strict"; - t.exports = function(e, t) { - var r, n, s, o, i, l = e.posMax, - a = e.pos; - if (43 !== e.src.charCodeAt(a)) return !1; - if (t) return !1; - if (a + 4 >= l) return !1; - if (43 !== e.src.charCodeAt(a + 1)) return !1; - if (e.level >= e.options.maxNesting) return !1; - if (o = a > 0 ? e.src.charCodeAt(a - 1) : -1, i = e.src.charCodeAt(a + 2), 43 === o) return !1; - if (43 === i) return !1; - if (32 === i || 10 === i) return !1; - for (n = a + 2; l > n && 43 === e.src.charCodeAt(n);) n++; - if (n !== a + 2) return e.pos += n - a, t || (e.pending += e.src.slice(a, n)), !0; - for (e.pos = a + 2, s = 1; e.pos + 1 < l;) { - if (43 === e.src.charCodeAt(e.pos) && 43 === e.src.charCodeAt(e.pos + 1) && (o = e.src.charCodeAt(e.pos - 1), i = e.pos + 2 < l ? e.src.charCodeAt(e.pos + 2) : -1, 43 !== i && 43 !== o && (32 !== o && 10 !== o ? s-- : 32 !== i && 10 !== i && s++, 0 >= s))) { - r = !0; - break - } - e.parser.skipToken(e) - } - return r ? (e.posMax = e.pos, e.pos = a + 2, t || (e.push({ - type: "ins_open", - level: e.level++ - }), e.parser.tokenize(e), e.push({ - type: "ins_close", - level: --e.level - })), e.pos = e.posMax + 2, e.posMax = l, !0) : (e.pos = a, !1) - } - }, {}], - 52: [function(e, t) { - "use strict"; - var r = e("../helpers/parse_link_label"), - n = e("../helpers/parse_link_destination"), - s = e("../helpers/parse_link_title"), - o = e("../helpers/normalize_reference"); - t.exports = function(e, t) { - var i, l, a, c, u, p, h, f, d = !1, - g = e.pos, - m = e.posMax, - b = e.pos, - v = e.src.charCodeAt(b); - if (33 === v && (d = !0, v = e.src.charCodeAt(++b)), 91 !== v) return !1; - if (e.level >= e.options.maxNesting) return !1; - if (i = b + 1, l = r(e, b), 0 > l) return !1; - if (p = l + 1, m > p && 40 === e.src.charCodeAt(p)) { - for (p++; m > p && (f = e.src.charCodeAt(p), 32 === f || 10 === f); p++); - if (p >= m) return !1; - for (b = p, n(e, p) ? (c = e.linkContent, p = e.pos) : c = "", b = p; m > p && (f = e.src.charCodeAt(p), 32 === f || 10 === f); p++); - if (m > p && b !== p && s(e, p)) - for (u = e.linkContent, p = e.pos; m > p && (f = e.src.charCodeAt(p), 32 === f || 10 === f); p++); - else u = ""; - if (p >= m || 41 !== e.src.charCodeAt(p)) return e.pos = g, !1; - p++ - } else { - if (e.linkLevel > 0) return !1; - for (; m > p && (f = e.src.charCodeAt(p), 32 === f || 10 === f); p++); - if (m > p && 91 === e.src.charCodeAt(p) && (b = p + 1, p = r(e, p), p >= 0 ? a = e.src.slice(b, p++) : p = b - 1), a || (a = e.src.slice(i, l)), h = e.env.references[o(a)], !h) return e.pos = g, !1; - c = h.href, u = h.title - } - return t || (e.pos = i, e.posMax = l, d ? e.push({ - type: "image", - src: c, - title: u, - alt: e.src.substr(i, l - i), - level: e.level - }) : (e.push({ - type: "link_open", - href: c, - title: u, - level: e.level++ - }), e.linkLevel++, e.parser.tokenize(e), e.linkLevel--, e.push({ - type: "link_close", - level: --e.level - }))), e.pos = p, e.posMax = m, !0 - } - }, { - "../helpers/normalize_reference": 10, - "../helpers/parse_link_destination": 11, - "../helpers/parse_link_label": 12, - "../helpers/parse_link_title": 13 - }], - 53: [function(e, t) { - "use strict"; - t.exports = function(e, t) { - var r, n, s, o, i, l = e.posMax, - a = e.pos; - if (61 !== e.src.charCodeAt(a)) return !1; - if (t) return !1; - if (a + 4 >= l) return !1; - if (61 !== e.src.charCodeAt(a + 1)) return !1; - if (e.level >= e.options.maxNesting) return !1; - if (o = a > 0 ? e.src.charCodeAt(a - 1) : -1, i = e.src.charCodeAt(a + 2), 61 === o) return !1; - if (61 === i) return !1; - if (32 === i || 10 === i) return !1; - for (n = a + 2; l > n && 61 === e.src.charCodeAt(n);) n++; - if (n !== a + 2) return e.pos += n - a, t || (e.pending += e.src.slice(a, n)), !0; - for (e.pos = a + 2, s = 1; e.pos + 1 < l;) { - if (61 === e.src.charCodeAt(e.pos) && 61 === e.src.charCodeAt(e.pos + 1) && (o = e.src.charCodeAt(e.pos - 1), i = e.pos + 2 < l ? e.src.charCodeAt(e.pos + 2) : -1, 61 !== i && 61 !== o && (32 !== o && 10 !== o ? s-- : 32 !== i && 10 !== i && s++, 0 >= s))) { - r = !0; - break - } - e.parser.skipToken(e) - } - return r ? (e.posMax = e.pos, e.pos = a + 2, t || (e.push({ - type: "mark_open", - level: e.level++ - }), e.parser.tokenize(e), e.push({ - type: "mark_close", - level: --e.level - })), e.pos = e.posMax + 2, e.posMax = l, !0) : (e.pos = a, !1) - } - }, {}], - 54: [function(e, t) { - "use strict"; - t.exports = function(e, t) { - var r, n, s = e.pos; - if (10 !== e.src.charCodeAt(s)) return !1; - for (r = e.pending.length - 1, n = e.posMax, t || (r >= 0 && 32 === e.pending.charCodeAt(r) ? r >= 1 && 32 === e.pending.charCodeAt(r - 1) ? (e.pending = e.pending.replace(/ +$/, ""), e.push({ - type: "hardbreak", - level: e.level - })) : (e.pending = e.pending.slice(0, -1), e.push({ - type: "softbreak", - level: e.level - })) : e.push({ - type: "softbreak", - level: e.level - })), s++; n > s && 32 === e.src.charCodeAt(s);) s++; - return e.pos = s, !0 - } - }, {}], - 55: [function(e, t) { - "use strict"; + return _react2.default.createElement('div', { style: styles.swatch, onClick: handleClick }); + }; - function r(e, t, r, n, s) { - this.src = e, this.env = n, this.options = r, this.parser = t, this.tokens = s, this.pos = 0, this.posMax = this.src.length, this.level = 0, this.pending = "", this.pendingLevel = 0, this.cache = [], this.isInLabel = !1, this.linkLevel = 0, this.linkContent = "", this.labelUnmatchedScopes = 0 - } - r.prototype.pushPending = function() { - this.tokens.push({ - type: "text", - content: this.pending, - level: this.pendingLevel - }), this.pending = "" - }, r.prototype.push = function(e) { - this.pending && this.pushPending(), this.tokens.push(e), this.pendingLevel = this.level - }, r.prototype.cacheSet = function(e, t) { - for (var r = this.cache.length; e >= r; r++) this.cache.push(0); - this.cache[e] = t - }, r.prototype.cacheGet = function(e) { - return e < this.cache.length ? this.cache[e] : 0 - }, t.exports = r - }, {}], - 56: [function(e, t) { - "use strict"; - var r = /\\([ \\!"#$%&'()*+,.\/:;<=>?@[\]^_`{|}~-])/g; - t.exports = function(e, t) { - var n, s, o = e.posMax, - i = e.pos; - if (126 !== e.src.charCodeAt(i)) return !1; - if (t) return !1; - if (i + 2 >= o) return !1; - if (e.level >= e.options.maxNesting) return !1; - for (e.pos = i + 1; e.pos < o;) { - if (126 === e.src.charCodeAt(e.pos)) { - n = !0; - break - } - e.parser.skipToken(e) - } - return n && i + 1 !== e.pos ? (s = e.src.slice(i + 1, e.pos), s.match(/(^|[^\\])(\\\\)*\s/) ? (e.pos = i, !1) : (e.posMax = e.pos, e.pos = i + 1, t || e.push({ - type: "sub", - level: e.level, - content: s.replace(r, "$1") - }), e.pos = e.posMax + 1, e.posMax = o, !0)) : (e.pos = i, !1) - } - }, {}], - 57: [function(e, t) { - "use strict"; - var r = /\\([ \\!"#$%&'()*+,.\/:;<=>?@[\]^_`{|}~-])/g; - t.exports = function(e, t) { - var n, s, o = e.posMax, - i = e.pos; - if (94 !== e.src.charCodeAt(i)) return !1; - if (t) return !1; - if (i + 2 >= o) return !1; - if (e.level >= e.options.maxNesting) return !1; - for (e.pos = i + 1; e.pos < o;) { - if (94 === e.src.charCodeAt(e.pos)) { - n = !0; - break - } - e.parser.skipToken(e) - } - return n && i + 1 !== e.pos ? (s = e.src.slice(i + 1, e.pos), s.match(/(^|[^\\])(\\\\)*\s/) ? (e.pos = i, !1) : (e.posMax = e.pos, e.pos = i + 1, t || e.push({ - type: "sup", - level: e.level, - content: s.replace(r, "$1") - }), e.pos = e.posMax + 1, e.posMax = o, !0)) : (e.pos = i, !1) - } - }, {}], - 58: [function(e, t) { - "use strict"; - - function r(e) { - switch (e) { - case 10: - case 92: - case 96: - case 42: - case 95: - case 94: - case 91: - case 93: - case 33: - case 38: - case 60: - case 62: - case 123: - case 125: - case 36: - case 37: - case 64: - case 126: - case 43: - case 61: - case 58: - return !0; - default: - return !1 - } - } - t.exports = function(e, t) { - for (var n = e.pos; n < e.posMax && !r(e.src.charCodeAt(n));) n++; - return n === e.pos ? !1 : (t || (e.pending += e.src.slice(e.pos, n)), e.pos = n, !0) - } - }, {}], - 59: [function(t, r, n) { - ! function(t, s) { - "function" == typeof e && e.amd ? e([], function() { - return t.returnExportsGlobal = s() - }) : "object" == typeof n ? r.exports = s() : t.Autolinker = s() - }(this, function() { - var e = function(t) { - e.Util.assign(this, t), this.matchValidator = new e.MatchValidator - }; - return e.prototype = { - constructor: e, - urls: !0, - email: !0, - twitter: !0, - newWindow: !0, - stripPrefix: !0, - className: "", - htmlCharacterEntitiesRegex: /( | |<|<|>|>)/gi, - matcherRegex: function() { - var e = /(^|[^\w])@(\w{1,15})/, - t = /(?:[\-;:&=\+\$,\w\.]+@)/, - r = /(?:[A-Za-z][-.+A-Za-z0-9]+:(?![A-Za-z][-.+A-Za-z0-9]+:\/\/)(?!\d+\/?)(?:\/\/)?)/, - n = /(?:www\.)/, - s = /[A-Za-z0-9\.\-]*[A-Za-z0-9\-]/, - o = /\.(?:international|construction|contractors|enterprises|photography|productions|foundation|immobilien|industries|management|properties|technology|christmas|community|directory|education|equipment|institute|marketing|solutions|vacations|bargains|boutique|builders|catering|cleaning|clothing|computer|democrat|diamonds|graphics|holdings|lighting|partners|plumbing|supplies|training|ventures|academy|careers|company|cruises|domains|exposed|flights|florist|gallery|guitars|holiday|kitchen|neustar|okinawa|recipes|rentals|reviews|shiksha|singles|support|systems|agency|berlin|camera|center|coffee|condos|dating|estate|events|expert|futbol|kaufen|luxury|maison|monash|museum|nagoya|photos|repair|report|social|supply|tattoo|tienda|travel|viajes|villas|vision|voting|voyage|actor|build|cards|cheap|codes|dance|email|glass|house|mango|ninja|parts|photo|shoes|solar|today|tokyo|tools|watch|works|aero|arpa|asia|best|bike|blue|buzz|camp|club|cool|coop|farm|fish|gift|guru|info|jobs|kiwi|kred|land|limo|link|menu|mobi|moda|name|pics|pink|post|qpon|rich|ruhr|sexy|tips|vote|voto|wang|wien|wiki|zone|bar|bid|biz|cab|cat|ceo|com|edu|gov|int|kim|mil|net|onl|org|pro|pub|red|tel|uno|wed|xxx|xyz|ac|ad|ae|af|ag|ai|al|am|an|ao|aq|ar|as|at|au|aw|ax|az|ba|bb|bd|be|bf|bg|bh|bi|bj|bm|bn|bo|br|bs|bt|bv|bw|by|bz|ca|cc|cd|cf|cg|ch|ci|ck|cl|cm|cn|co|cr|cu|cv|cw|cx|cy|cz|de|dj|dk|dm|do|dz|ec|ee|eg|er|es|et|eu|fi|fj|fk|fm|fo|fr|ga|gb|gd|ge|gf|gg|gh|gi|gl|gm|gn|gp|gq|gr|gs|gt|gu|gw|gy|hk|hm|hn|hr|ht|hu|id|ie|il|im|in|io|iq|ir|is|it|je|jm|jo|jp|ke|kg|kh|ki|km|kn|kp|kr|kw|ky|kz|la|lb|lc|li|lk|lr|ls|lt|lu|lv|ly|ma|mc|md|me|mg|mh|mk|ml|mm|mn|mo|mp|mq|mr|ms|mt|mu|mv|mw|mx|my|mz|na|nc|ne|nf|ng|ni|nl|no|np|nr|nu|nz|om|pa|pe|pf|pg|ph|pk|pl|pm|pn|pr|ps|pt|pw|py|qa|re|ro|rs|ru|rw|sa|sb|sc|sd|se|sg|sh|si|sj|sk|sl|sm|sn|so|sr|st|su|sv|sx|sy|sz|tc|td|tf|tg|th|tj|tk|tl|tm|tn|to|tp|tr|tt|tv|tw|tz|ua|ug|uk|us|uy|uz|va|vc|ve|vg|vi|vn|vu|wf|ws|ye|yt|za|zm|zw)\b/, - i = /[\-A-Za-z0-9+&@#\/%=~_()|'$*\[\]?!:,.;]*[\-A-Za-z0-9+&@#\/%=~_()|'$*\[\]]/; - return new RegExp(["(", e.source, ")", "|", "(", t.source, s.source, o.source, ")", "|", "(", "(?:", "(", r.source, s.source, ")", "|", "(?:", "(.?//)?", n.source, s.source, ")", "|", "(?:", "(.?//)?", s.source, o.source, ")", ")", "(?:" + i.source + ")?", ")"].join(""), "gi") - }(), - charBeforeProtocolRelMatchRegex: /^(.)?\/\//, - link: function(t) { - var r = this, - n = this.getHtmlParser(), - s = this.htmlCharacterEntitiesRegex, - o = 0, - i = []; - return n.parse(t, { - processHtmlNode: function(e, t, r) { - "a" === t && (r ? o = Math.max(o - 1, 0) : o++), i.push(e) - }, - processTextNode: function(t) { - if (0 === o) - for (var n = e.Util.splitAndCapture(t, s), l = 0, a = n.length; a > l; l++) { - var c = n[l], - u = r.processTextNode(c); - i.push(u) - } else i.push(t) - } - }), i.join("") - }, - getHtmlParser: function() { - var t = this.htmlParser; - return t || (t = this.htmlParser = new e.HtmlParser), t - }, - getTagBuilder: function() { - var t = this.tagBuilder; - return t || (t = this.tagBuilder = new e.AnchorTagBuilder({ - newWindow: this.newWindow, - truncate: this.truncate, - className: this.className - })), t - }, - processTextNode: function(e) { - var t = this; - return e.replace(this.matcherRegex, function(e, r, n, s, o, i, l, a, c) { - var u = t.processCandidateMatch(e, r, n, s, o, i, l, a, c); - if (u) { - var p = t.createMatchReturnVal(u.match, u.matchStr); - return u.prefixStr + p + u.suffixStr - } - return e - }) - }, - processCandidateMatch: function(t, r, n, s, o, i, l, a, c) { - var u, p = a || c, - h = "", - f = ""; - if (r && !this.twitter || o && !this.email || i && !this.urls || !this.matchValidator.isValidMatch(i, l, p)) return null; - if (this.matchHasUnbalancedClosingParen(t) && (t = t.substr(0, t.length - 1), f = ")"), o) u = new e.match.Email({ - matchedText: t, - email: o - }); - else if (r) n && (h = n, t = t.slice(1)), u = new e.match.Twitter({ - matchedText: t, - twitterHandle: s - }); - else { - if (p) { - var d = p.match(this.charBeforeProtocolRelMatchRegex)[1] || ""; - d && (h = d, t = t.slice(1)) - } - u = new e.match.Url({ - matchedText: t, - url: t, - protocolUrlMatch: !!l, - protocolRelativeMatch: !!p, - stripPrefix: this.stripPrefix - }) - } - return { - prefixStr: h, - suffixStr: f, - matchStr: t, - match: u - } - }, - matchHasUnbalancedClosingParen: function(e) { - var t = e.charAt(e.length - 1); - if (")" === t) { - var r = e.match(/\(/g), - n = e.match(/\)/g), - s = r && r.length || 0, - o = n && n.length || 0; - if (o > s) return !0 - } - return !1 - }, - createMatchReturnVal: function(t, r) { - var n; - if (this.replaceFn && (n = this.replaceFn.call(this, this, t)), "string" == typeof n) return n; - if (n === !1) return r; - if (n instanceof e.HtmlTag) return n.toString(); - var s = this.getTagBuilder(), - o = s.build(t); - return o.toString() - } - }, e.link = function(t, r) { - var n = new e(r); - return n.link(t) - }, e.match = {}, e.Util = { - abstractMethod: function() { - throw "abstract" - }, - assign: function(e, t) { - for (var r in t) t.hasOwnProperty(r) && (e[r] = t[r]); - return e - }, - extend: function(t, r) { - var n = t.prototype, - s = function() {}; - s.prototype = n; - var o; - o = r.hasOwnProperty("constructor") ? r.constructor : function() { - n.constructor.apply(this, arguments) - }; - var i = o.prototype = new s; - return i.constructor = o, i.superclass = n, delete r.constructor, e.Util.assign(i, r), o - }, - ellipsis: function(e, t, r) { - return e.length > t && (r = null == r ? ".." : r, e = e.substring(0, t - r.length) + r), e - }, - indexOf: function(e, t) { - if (Array.prototype.indexOf) return e.indexOf(t); - for (var r = 0, n = e.length; n > r; r++) - if (e[r] === t) return r; - return -1 - }, - splitAndCapture: function(e, t) { - if (!t.global) throw new Error("`splitRegex` must have the 'g' flag set"); - for (var r, n = [], s = 0; r = t.exec(e);) n.push(e.substring(s, r.index)), n.push(r[0]), s = r.index + r[0].length; - return n.push(e.substring(s)), n - } - }, e.HtmlParser = e.Util.extend(Object, { - htmlRegex: function() { - var e = /[0-9a-zA-Z][0-9a-zA-Z:]*/, - t = /[^\s\0"'>\/=\x01-\x1F\x7F]+/, - r = /(?:".*?"|'.*?'|[^'"=<>`\s]+)/, - n = t.source + "(?:\\s*=\\s*" + r.source + ")?"; - return new RegExp(["(?:", "<(!DOCTYPE)", "(?:", "\\s+", "(?:", n, "|", r.source + ")", ")*", ">", ")", "|", "(?:", "<(/)?", "(" + e.source + ")", "(?:", "\\s+", n, ")*", "\\s*/?", ">", ")"].join(""), "gi") - }(), - parse: function(e, t) { - t = t || {}; - for (var r, n = t.processHtmlNode || function() {}, s = t.processTextNode || function() {}, o = this.htmlRegex, i = 0; null !== (r = o.exec(e));) { - var l = r[0], - a = r[1] || r[3], - c = !!r[2], - u = e.substring(i, r.index); - u && s(u), n(l, a.toLowerCase(), c), i = r.index + l.length - } - if (i < e.length) { - var p = e.substring(i); - p && s(p) - } - } - }), e.HtmlTag = e.Util.extend(Object, { - whitespaceRegex: /\s+/, - constructor: function(t) { - e.Util.assign(this, t), this.innerHtml = this.innerHtml || this.innerHTML - }, - setTagName: function(e) { - return this.tagName = e, this - }, - getTagName: function() { - return this.tagName || "" - }, - setAttr: function(e, t) { - var r = this.getAttrs(); - return r[e] = t, this - }, - getAttr: function(e) { - return this.getAttrs()[e] - }, - setAttrs: function(t) { - var r = this.getAttrs(); - return e.Util.assign(r, t), this - }, - getAttrs: function() { - return this.attrs || (this.attrs = {}) - }, - setClass: function(e) { - return this.setAttr("class", e) - }, - addClass: function(t) { - for (var r, n = this.getClass(), s = this.whitespaceRegex, o = e.Util.indexOf, i = n ? n.split(s) : [], l = t.split(s); r = l.shift();) - 1 === o(i, r) && i.push(r); - return this.getAttrs()["class"] = i.join(" "), this - }, - removeClass: function(t) { - for (var r, n = this.getClass(), s = this.whitespaceRegex, o = e.Util.indexOf, i = n ? n.split(s) : [], l = t.split(s); i.length && (r = l.shift());) { - var a = o(i, r); - 1 !== a && i.splice(a, 1) - } - return this.getAttrs()["class"] = i.join(" "), this - }, - getClass: function() { - return this.getAttrs()["class"] || "" - }, - hasClass: function(e) { - return -1 !== (" " + this.getClass() + " ").indexOf(" " + e + " ") - }, - setInnerHtml: function(e) { - return this.innerHtml = e, this - }, - getInnerHtml: function() { - return this.innerHtml || "" - }, - toString: function() { - var e = this.getTagName(), - t = this.buildAttrsStr(); - return t = t ? " " + t : "", ["<", e, t, ">", this.getInnerHtml(), ""].join("") - }, - buildAttrsStr: function() { - if (!this.attrs) return ""; - var e = this.getAttrs(), - t = []; - for (var r in e) e.hasOwnProperty(r) && t.push(r + '="' + e[r] + '"'); - return t.join(" ") - } - }), e.MatchValidator = e.Util.extend(Object, { - invalidProtocolRelMatchRegex: /^[\w]\/\//, - hasFullProtocolRegex: /^[A-Za-z][-.+A-Za-z0-9]+:\/\//, - uriSchemeRegex: /^[A-Za-z][-.+A-Za-z0-9]+:/, - hasWordCharAfterProtocolRegex: /:[^\s]*?[A-Za-z]/, - isValidMatch: function(e, t, r) { - return t && !this.isValidUriScheme(t) || this.urlMatchDoesNotHaveProtocolOrDot(e, t) || this.urlMatchDoesNotHaveAtLeastOneWordChar(e, t) || this.isInvalidProtocolRelativeMatch(r) ? !1 : !0 - }, - isValidUriScheme: function(e) { - var t = e.match(this.uriSchemeRegex)[0]; - return "javascript:" !== t && "vbscript:" !== t - }, - urlMatchDoesNotHaveProtocolOrDot: function(e, t) { - return !(!e || t && this.hasFullProtocolRegex.test(t) || -1 !== e.indexOf(".")) - }, - urlMatchDoesNotHaveAtLeastOneWordChar: function(e, t) { - return e && t ? !this.hasWordCharAfterProtocolRegex.test(e) : !1 - }, - isInvalidProtocolRelativeMatch: function(e) { - return !!e && this.invalidProtocolRelMatchRegex.test(e) - } - }), e.AnchorTagBuilder = e.Util.extend(Object, { - constructor: function(t) { - e.Util.assign(this, t) - }, - build: function(t) { - var r = new e.HtmlTag({ - tagName: "a", - attrs: this.createAttrs(t.getType(), t.getAnchorHref()), - innerHtml: this.processAnchorText(t.getAnchorText()) - }); - return r - }, - createAttrs: function(e, t) { - var r = { - href: t - }, - n = this.createCssClass(e); - return n && (r["class"] = n), this.newWindow && (r.target = "_blank"), r - }, - createCssClass: function(e) { - var t = this.className; - return t ? t + " " + t + "-" + e : "" - }, - processAnchorText: function(e) { - return e = this.doTruncate(e) - }, - doTruncate: function(t) { - return e.Util.ellipsis(t, this.truncate || Number.POSITIVE_INFINITY) - } - }), e.match.Match = e.Util.extend(Object, { - constructor: function(t) { - e.Util.assign(this, t) - }, - getType: e.Util.abstractMethod, - getMatchedText: function() { - return this.matchedText - }, - getAnchorHref: e.Util.abstractMethod, - getAnchorText: e.Util.abstractMethod - }), e.match.Email = e.Util.extend(e.match.Match, { - getType: function() { - return "email" - }, - getEmail: function() { - return this.email - }, - getAnchorHref: function() { - return "mailto:" + this.email - }, - getAnchorText: function() { - return this.email - } - }), e.match.Twitter = e.Util.extend(e.match.Match, { - getType: function() { - return "twitter" - }, - getTwitterHandle: function() { - return this.twitterHandle - }, - getAnchorHref: function() { - return "https://twitter.com/" + this.twitterHandle - }, - getAnchorText: function() { - return "@" + this.twitterHandle - } - }), e.match.Url = e.Util.extend(e.match.Match, { - urlPrefixRegex: /^(https?:\/\/)?(www\.)?/i, - protocolRelativeRegex: /^\/\//, - protocolPrepended: !1, - getType: function() { - return "url" - }, - getUrl: function() { - var e = this.url; - return this.protocolRelativeMatch || this.protocolUrlMatch || this.protocolPrepended || (e = this.url = "http://" + e, this.protocolPrepended = !0), e - }, - getAnchorHref: function() { - var e = this.getUrl(); - return e.replace(/&/g, "&") - }, - getAnchorText: function() { - var e = this.getUrl(); - return this.protocolRelativeMatch && (e = this.stripProtocolRelativePrefix(e)), this.stripPrefix && (e = this.stripUrlPrefix(e)), e = this.removeTrailingSlash(e) - }, - stripUrlPrefix: function(e) { - return e.replace(this.urlPrefixRegex, "") - }, - stripProtocolRelativePrefix: function(e) { - return e.replace(this.protocolRelativeRegex, "") - }, - removeTrailingSlash: function(e) { - return "/" === e.charAt(e.length - 1) && (e = e.slice(0, -1)), e - } - }), e - }) - }, {}], - "/": [function(e, t) { - "use strict"; - t.exports = e("./lib/") - }, { - "./lib/": 14 - }] - }, {}, [])("/") - }); + exports.default = SliderSwatch; /***/ }), -/* 415 */ +/* 414 */ /***/ (function(module, exports, __webpack_require__) { - var hljs = __webpack_require__(416); + 'use strict'; - hljs.registerLanguage('javascript', __webpack_require__(417)); + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.SliderPointer = undefined; - module.exports = hljs; + var _react = __webpack_require__(2); + var _react2 = _interopRequireDefault(_react); -/***/ }), -/* 416 */ -/***/ (function(module, exports, __webpack_require__) { + var _reactcss = __webpack_require__(174); - /* - Syntax highlighting with language autodetection. - https://highlightjs.org/ - */ + var _reactcss2 = _interopRequireDefault(_reactcss); - (function(factory) { + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - // Setup highlight.js for different environments. First is Node.js or - // CommonJS. - if(true) { - factory(exports); - } else { - // Export hljs globally even when using AMD for cases when this script - // is loaded with others that may still expect a global hljs. - window.hljs = factory({}); - - // Finally register the global hljs with AMD. - if(typeof define === 'function' && define.amd) { - define('hljs', [], function() { - return window.hljs; - }); + var SliderPointer = exports.SliderPointer = function SliderPointer() { + var styles = (0, _reactcss2.default)({ + 'default': { + picker: { + width: '14px', + height: '14px', + borderRadius: '6px', + transform: 'translate(-7px, -1px)', + backgroundColor: 'rgb(248, 248, 248)', + boxShadow: '0 1px 4px 0 rgba(0, 0, 0, 0.37)' + } } - } + }); + + return _react2.default.createElement('div', { style: styles.picker }); + }; - }(function(hljs) { + exports.default = SliderPointer; - /* Utility functions */ +/***/ }), +/* 415 */ +/***/ (function(module, exports, __webpack_require__) { - function escape(value) { - return value.replace(/&/gm, '&').replace(//gm, '>'); - } + 'use strict'; - function tag(node) { - return node.nodeName.toLowerCase(); - } + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.Swatches = undefined; - function testRe(re, lexeme) { - var match = re && re.exec(lexeme); - return match && match.index == 0; - } + var _react = __webpack_require__(2); - function isNotHighlighted(language) { - return /no-?highlight|plain|text/.test(language); - } + var _react2 = _interopRequireDefault(_react); - function blockLanguage(block) { - var i, match, length, - classes = block.className + ' '; + var _propTypes = __webpack_require__(351); - classes += block.parentNode ? block.parentNode.className : ''; + var _propTypes2 = _interopRequireDefault(_propTypes); - // language-* takes precedence over non-prefixed class names and - match = /\blang(?:uage)?-([\w-]+)\b/.exec(classes); - if (match) { - return getLanguage(match[1]) ? match[1] : 'no-highlight'; - } + var _reactcss = __webpack_require__(174); - classes = classes.split(/\s+/); - for(i = 0, length = classes.length; i < length; i++) { - if(getLanguage(classes[i]) || isNotHighlighted(classes[i])) { - return classes[i]; - } - } + var _reactcss2 = _interopRequireDefault(_reactcss); - } + var _map = __webpack_require__(214); - function inherit(parent, obj) { - var result = {}, key; - for (key in parent) - result[key] = parent[key]; - if (obj) - for (key in obj) - result[key] = obj[key]; - return result; - } + var _map2 = _interopRequireDefault(_map); - /* Stream merging */ + var _merge = __webpack_require__(353); - function nodeStream(node) { - var result = []; - (function _nodeStream(node, offset) { - for (var child = node.firstChild; child; child = child.nextSibling) { - if (child.nodeType == 3) - offset += child.nodeValue.length; - else if (child.nodeType == 1) { - result.push({ - event: 'start', - offset: offset, - node: child - }); - offset = _nodeStream(child, offset); - // Prevent void elements from having an end tag that would actually - // double them in the output. There are more void elements in HTML - // but we list only those realistically expected in code display. - if (!tag(child).match(/br|hr|img|input/)) { - result.push({ - event: 'stop', - offset: offset, - node: child - }); - } - } - } - return offset; - })(node, 0); - return result; - } + var _merge2 = _interopRequireDefault(_merge); - function mergeStreams(original, highlighted, value) { - var processed = 0; - var result = ''; - var nodeStack = []; + var _materialColors = __webpack_require__(386); - function selectStream() { - if (!original.length || !highlighted.length) { - return original.length ? original : highlighted; - } - if (original[0].offset != highlighted[0].offset) { - return (original[0].offset < highlighted[0].offset) ? original : highlighted; - } + var material = _interopRequireWildcard(_materialColors); - /* - To avoid starting the stream just before it should stop the order is - ensured that original always starts first and closes last: + var _common = __webpack_require__(342); - if (event1 == 'start' && event2 == 'start') - return original; - if (event1 == 'start' && event2 == 'stop') - return highlighted; - if (event1 == 'stop' && event2 == 'start') - return original; - if (event1 == 'stop' && event2 == 'stop') - return highlighted; + var _SwatchesGroup = __webpack_require__(416); - ... which is collapsed to: - */ - return highlighted[0].event == 'start' ? original : highlighted; - } + var _SwatchesGroup2 = _interopRequireDefault(_SwatchesGroup); - function open(node) { - function attr_str(a) {return ' ' + a.nodeName + '="' + escape(a.value) + '"';} - result += '<' + tag(node) + Array.prototype.map.call(node.attributes, attr_str).join('') + '>'; - } + function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } - function close(node) { - result += ''; - } + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - function render(event) { - (event.event == 'start' ? open : close)(event.node); - } + var Swatches = exports.Swatches = function Swatches(_ref) { + var width = _ref.width, + height = _ref.height, + onChange = _ref.onChange, + onSwatchHover = _ref.onSwatchHover, + colors = _ref.colors, + hex = _ref.hex, + _ref$styles = _ref.styles, + passedStyles = _ref$styles === undefined ? {} : _ref$styles, + _ref$className = _ref.className, + className = _ref$className === undefined ? '' : _ref$className; - while (original.length || highlighted.length) { - var stream = selectStream(); - result += escape(value.substr(processed, stream[0].offset - processed)); - processed = stream[0].offset; - if (stream == original) { - /* - On any opening or closing tag of the original markup we first close - the entire highlighted node stack, then render the original tag along - with all the following original tags at the same offset and then - reopen all the tags on the highlighted stack. - */ - nodeStack.reverse().forEach(close); - do { - render(stream.splice(0, 1)[0]); - stream = selectStream(); - } while (stream == original && stream.length && stream[0].offset == processed); - nodeStack.reverse().forEach(open); - } else { - if (stream[0].event == 'start') { - nodeStack.push(stream[0].node); - } else { - nodeStack.pop(); - } - render(stream.splice(0, 1)[0]); + var styles = (0, _reactcss2.default)((0, _merge2.default)({ + 'default': { + picker: { + width: width, + height: height + }, + overflow: { + height: height, + overflowY: 'scroll' + }, + body: { + padding: '16px 0 6px 16px' + }, + clear: { + clear: 'both' } } - return result + escape(value.substr(processed)); - } + }, passedStyles)); - /* Initialization */ + var handleChange = function handleChange(data, e) { + return onChange({ hex: data, source: 'hex' }, e); + }; - function compileLanguage(language) { + return _react2.default.createElement( + 'div', + { style: styles.picker, className: 'swatches-picker ' + className }, + _react2.default.createElement( + _common.Raised, + null, + _react2.default.createElement( + 'div', + { style: styles.overflow }, + _react2.default.createElement( + 'div', + { style: styles.body }, + (0, _map2.default)(colors, function (group) { + return _react2.default.createElement(_SwatchesGroup2.default, { + key: group.toString(), + group: group, + active: hex, + onClick: handleChange, + onSwatchHover: onSwatchHover + }); + }), + _react2.default.createElement('div', { style: styles.clear }) + ) + ) + ) + ); + }; - function reStr(re) { - return (re && re.source) || re; - } + Swatches.propTypes = { + width: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]), + height: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]), + colors: _propTypes2.default.arrayOf(_propTypes2.default.arrayOf(_propTypes2.default.string)), + styles: _propTypes2.default.object - function langRe(value, global) { - return new RegExp( - reStr(value), - 'm' + (language.case_insensitive ? 'i' : '') + (global ? 'g' : '') - ); - } + /* eslint-disable max-len */ + };Swatches.defaultProps = { + width: 320, + height: 240, + colors: [[material.red['900'], material.red['700'], material.red['500'], material.red['300'], material.red['100']], [material.pink['900'], material.pink['700'], material.pink['500'], material.pink['300'], material.pink['100']], [material.purple['900'], material.purple['700'], material.purple['500'], material.purple['300'], material.purple['100']], [material.deepPurple['900'], material.deepPurple['700'], material.deepPurple['500'], material.deepPurple['300'], material.deepPurple['100']], [material.indigo['900'], material.indigo['700'], material.indigo['500'], material.indigo['300'], material.indigo['100']], [material.blue['900'], material.blue['700'], material.blue['500'], material.blue['300'], material.blue['100']], [material.lightBlue['900'], material.lightBlue['700'], material.lightBlue['500'], material.lightBlue['300'], material.lightBlue['100']], [material.cyan['900'], material.cyan['700'], material.cyan['500'], material.cyan['300'], material.cyan['100']], [material.teal['900'], material.teal['700'], material.teal['500'], material.teal['300'], material.teal['100']], ['#194D33', material.green['700'], material.green['500'], material.green['300'], material.green['100']], [material.lightGreen['900'], material.lightGreen['700'], material.lightGreen['500'], material.lightGreen['300'], material.lightGreen['100']], [material.lime['900'], material.lime['700'], material.lime['500'], material.lime['300'], material.lime['100']], [material.yellow['900'], material.yellow['700'], material.yellow['500'], material.yellow['300'], material.yellow['100']], [material.amber['900'], material.amber['700'], material.amber['500'], material.amber['300'], material.amber['100']], [material.orange['900'], material.orange['700'], material.orange['500'], material.orange['300'], material.orange['100']], [material.deepOrange['900'], material.deepOrange['700'], material.deepOrange['500'], material.deepOrange['300'], material.deepOrange['100']], [material.brown['900'], material.brown['700'], material.brown['500'], material.brown['300'], material.brown['100']], [material.blueGrey['900'], material.blueGrey['700'], material.blueGrey['500'], material.blueGrey['300'], material.blueGrey['100']], ['#000000', '#525252', '#969696', '#D9D9D9', '#FFFFFF']], + styles: {} + }; - function compileMode(mode, parent) { - if (mode.compiled) - return; - mode.compiled = true; + exports.default = (0, _common.ColorWrap)(Swatches); - mode.keywords = mode.keywords || mode.beginKeywords; - if (mode.keywords) { - var compiled_keywords = {}; +/***/ }), +/* 416 */ +/***/ (function(module, exports, __webpack_require__) { - var flatten = function(className, str) { - if (language.case_insensitive) { - str = str.toLowerCase(); - } - str.split(' ').forEach(function(kw) { - var pair = kw.split('|'); - compiled_keywords[pair[0]] = [className, pair[1] ? Number(pair[1]) : 1]; - }); - }; + 'use strict'; - if (typeof mode.keywords == 'string') { // string - flatten('keyword', mode.keywords); - } else { - Object.keys(mode.keywords).forEach(function (className) { - flatten(className, mode.keywords[className]); - }); - } - mode.keywords = compiled_keywords; - } - mode.lexemesRe = langRe(mode.lexemes || /\b\w+\b/, true); + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.SwatchesGroup = undefined; - if (parent) { - if (mode.beginKeywords) { - mode.begin = '\\b(' + mode.beginKeywords.split(' ').join('|') + ')\\b'; - } - if (!mode.begin) - mode.begin = /\B|\b/; - mode.beginRe = langRe(mode.begin); - if (!mode.end && !mode.endsWithParent) - mode.end = /\B|\b/; - if (mode.end) - mode.endRe = langRe(mode.end); - mode.terminator_end = reStr(mode.end) || ''; - if (mode.endsWithParent && parent.terminator_end) - mode.terminator_end += (mode.end ? '|' : '') + parent.terminator_end; - } - if (mode.illegal) - mode.illegalRe = langRe(mode.illegal); - if (mode.relevance === undefined) - mode.relevance = 1; - if (!mode.contains) { - mode.contains = []; - } - var expanded_contains = []; - mode.contains.forEach(function(c) { - if (c.variants) { - c.variants.forEach(function(v) {expanded_contains.push(inherit(c, v));}); - } else { - expanded_contains.push(c == 'self' ? mode : c); - } - }); - mode.contains = expanded_contains; - mode.contains.forEach(function(c) {compileMode(c, mode);}); + var _react = __webpack_require__(2); - if (mode.starts) { - compileMode(mode.starts, parent); - } + var _react2 = _interopRequireDefault(_react); - var terminators = - mode.contains.map(function(c) { - return c.beginKeywords ? '\\.?(' + c.begin + ')\\.?' : c.begin; - }) - .concat([mode.terminator_end, mode.illegal]) - .map(reStr) - .filter(Boolean); - mode.terminators = terminators.length ? langRe(terminators.join('|'), true) : {exec: function(/*s*/) {return null;}}; - } + var _reactcss = __webpack_require__(174); - compileMode(language); - } + var _reactcss2 = _interopRequireDefault(_reactcss); + + var _map = __webpack_require__(214); - /* - Core highlighting function. Accepts a language name, or an alias, and a - string with the code to highlight. Returns an object with the following - properties: + var _map2 = _interopRequireDefault(_map); - - relevance (int) - - value (an HTML string with highlighting markup) + var _SwatchesColor = __webpack_require__(417); - */ - function highlight(name, value, ignore_illegals, continuation) { + var _SwatchesColor2 = _interopRequireDefault(_SwatchesColor); - function subMode(lexeme, mode) { - for (var i = 0; i < mode.contains.length; i++) { - if (testRe(mode.contains[i].beginRe, lexeme)) { - return mode.contains[i]; - } - } - } + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - function endOfMode(mode, lexeme) { - if (testRe(mode.endRe, lexeme)) { - while (mode.endsParent && mode.parent) { - mode = mode.parent; - } - return mode; - } - if (mode.endsWithParent) { - return endOfMode(mode.parent, lexeme); - } - } + var SwatchesGroup = exports.SwatchesGroup = function SwatchesGroup(_ref) { + var onClick = _ref.onClick, + onSwatchHover = _ref.onSwatchHover, + group = _ref.group, + active = _ref.active; - function isIllegal(lexeme, mode) { - return !ignore_illegals && testRe(mode.illegalRe, lexeme); + var styles = (0, _reactcss2.default)({ + 'default': { + group: { + paddingBottom: '10px', + width: '40px', + float: 'left', + marginRight: '10px' + } } + }); - function keywordMatch(mode, match) { - var match_str = language.case_insensitive ? match[0].toLowerCase() : match[0]; - return mode.keywords.hasOwnProperty(match_str) && mode.keywords[match_str]; - } + return _react2.default.createElement( + 'div', + { style: styles.group }, + (0, _map2.default)(group, function (color, i) { + return _react2.default.createElement(_SwatchesColor2.default, { + key: color, + color: color, + active: color.toLowerCase() === active, + first: i === 0, + last: i === group.length - 1, + onClick: onClick, + onSwatchHover: onSwatchHover + }); + }) + ); + }; - function buildSpan(classname, insideSpan, leaveOpen, noPrefix) { - var classPrefix = noPrefix ? '' : options.classPrefix, - openSpan = ''; +/***/ }), +/* 417 */ +/***/ (function(module, exports, __webpack_require__) { - return openSpan + insideSpan + closeSpan; - } + 'use strict'; - function processKeywords() { - if (!top.keywords) - return escape(mode_buffer); - var result = ''; - var last_index = 0; - top.lexemesRe.lastIndex = 0; - var match = top.lexemesRe.exec(mode_buffer); - while (match) { - result += escape(mode_buffer.substr(last_index, match.index - last_index)); - var keyword_match = keywordMatch(top, match); - if (keyword_match) { - relevance += keyword_match[1]; - result += buildSpan(keyword_match[0], escape(match[0])); - } else { - result += escape(match[0]); - } - last_index = top.lexemesRe.lastIndex; - match = top.lexemesRe.exec(mode_buffer); - } - return result + escape(mode_buffer.substr(last_index)); - } + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.SwatchesColor = undefined; - function processSubLanguage() { - var explicit = typeof top.subLanguage == 'string'; - if (explicit && !languages[top.subLanguage]) { - return escape(mode_buffer); - } + var _react = __webpack_require__(2); - var result = explicit ? - highlight(top.subLanguage, mode_buffer, true, continuations[top.subLanguage]) : - highlightAuto(mode_buffer, top.subLanguage.length ? top.subLanguage : undefined); + var _react2 = _interopRequireDefault(_react); - // Counting embedded language score towards the host language may be disabled - // with zeroing the containing mode relevance. Usecase in point is Markdown that - // allows XML everywhere and makes every XML snippet to have a much larger Markdown - // score. - if (top.relevance > 0) { - relevance += result.relevance; - } - if (explicit) { - continuations[top.subLanguage] = result.top; - } - return buildSpan(result.language, result.value, false, true); - } + var _reactcss = __webpack_require__(174); - function processBuffer() { - return top.subLanguage !== undefined ? processSubLanguage() : processKeywords(); - } + var _reactcss2 = _interopRequireDefault(_reactcss); - function startNewMode(mode, lexeme) { - var markup = mode.className? buildSpan(mode.className, '', true): ''; - if (mode.returnBegin) { - result += markup; - mode_buffer = ''; - } else if (mode.excludeBegin) { - result += escape(lexeme) + markup; - mode_buffer = ''; - } else { - result += markup; - mode_buffer = lexeme; - } - top = Object.create(mode, {parent: {value: top}}); - } + var _color = __webpack_require__(376); - function processLexeme(buffer, lexeme) { + var colorUtils = _interopRequireWildcard(_color); - mode_buffer += buffer; - if (lexeme === undefined) { - result += processBuffer(); - return 0; - } + var _common = __webpack_require__(342); - var new_mode = subMode(lexeme, top); - if (new_mode) { - result += processBuffer(); - startNewMode(new_mode, lexeme); - return new_mode.returnBegin ? 0 : lexeme.length; - } + var _CheckIcon = __webpack_require__(418); - var end_mode = endOfMode(top, lexeme); - if (end_mode) { - var origin = top; - if (!(origin.returnEnd || origin.excludeEnd)) { - mode_buffer += lexeme; - } - result += processBuffer(); - do { - if (top.className) { - result += ''; - } - relevance += top.relevance; - top = top.parent; - } while (top != end_mode.parent); - if (origin.excludeEnd) { - result += escape(lexeme); - } - mode_buffer = ''; - if (end_mode.starts) { - startNewMode(end_mode.starts, ''); - } - return origin.returnEnd ? 0 : lexeme.length; - } + var _CheckIcon2 = _interopRequireDefault(_CheckIcon); - if (isIllegal(lexeme, top)) - throw new Error('Illegal lexeme "' + lexeme + '" for mode "' + (top.className || '') + '"'); + function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } - /* - Parser should not reach this point as all types of lexemes should be caught - earlier, but if it does due to some bug make sure it advances at least one - character forward to prevent infinite looping. - */ - mode_buffer += lexeme; - return lexeme.length || 1; - } + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var language = getLanguage(name); - if (!language) { - throw new Error('Unknown language: "' + name + '"'); - } + var SwatchesColor = exports.SwatchesColor = function SwatchesColor(_ref) { + var color = _ref.color, + _ref$onClick = _ref.onClick, + onClick = _ref$onClick === undefined ? function () {} : _ref$onClick, + onSwatchHover = _ref.onSwatchHover, + first = _ref.first, + last = _ref.last, + active = _ref.active; - compileLanguage(language); - var top = continuation || language; - var continuations = {}; // keep continuations for sub-languages - var result = '', current; - for(current = top; current != language; current = current.parent) { - if (current.className) { - result = buildSpan(current.className, '', true) + result; - } - } - var mode_buffer = ''; - var relevance = 0; - try { - var match, count, index = 0; - while (true) { - top.terminators.lastIndex = index; - match = top.terminators.exec(value); - if (!match) - break; - count = processLexeme(value.substr(index, match.index - index), match[0]); - index = match.index + count; + var styles = (0, _reactcss2.default)({ + 'default': { + color: { + width: '40px', + height: '24px', + cursor: 'pointer', + background: color, + marginBottom: '1px' + }, + check: { + color: colorUtils.getContrastingColor(color), + marginLeft: '8px', + display: 'none' } - processLexeme(value.substr(index)); - for(current = top; current.parent; current = current.parent) { // close dangling modes - if (current.className) { - result += ''; - } + }, + 'first': { + color: { + overflow: 'hidden', + borderRadius: '2px 2px 0 0' } - return { - relevance: relevance, - value: result, - language: name, - top: top - }; - } catch (e) { - if (e.message.indexOf('Illegal') != -1) { - return { - relevance: 0, - value: escape(value) - }; - } else { - throw e; + }, + 'last': { + color: { + overflow: 'hidden', + borderRadius: '0 0 2px 2px' } - } - } - - /* - Highlighting with language detection. Accepts a string with the code to - highlight. Returns an object with the following properties: - - - language (detected language) - - relevance (int) - - value (an HTML string with highlighting markup) - - second_best (object with the same structure for second-best heuristically - detected language, may be absent) - - */ - function highlightAuto(text, languageSubset) { - languageSubset = languageSubset || options.languages || Object.keys(languages); - var result = { - relevance: 0, - value: escape(text) - }; - var second_best = result; - languageSubset.forEach(function(name) { - if (!getLanguage(name)) { - return; + }, + 'active': { + check: { + display: 'block' } - var current = highlight(name, text, false); - current.language = name; - if (current.relevance > second_best.relevance) { - second_best = current; + }, + 'color-#FFFFFF': { + color: { + boxShadow: 'inset 0 0 0 1px #ddd' + }, + check: { + color: '#333' } - if (current.relevance > result.relevance) { - second_best = result; - result = current; + }, + 'transparent': { + check: { + color: '#333' } - }); - if (second_best.language) { - result.second_best = second_best; - } - return result; - } - - /* - Post-processing of the highlighted markup: - - - replace TABs with something more useful - - replace real line-breaks with '
    ' for non-pre containers - - */ - function fixMarkup(value) { - if (options.tabReplace) { - value = value.replace(/^((<[^>]+>|\t)+)/gm, function(match, p1 /*..., offset, s*/) { - return p1.replace(/\t/g, options.tabReplace); - }); - } - if (options.useBR) { - value = value.replace(/\n/g, '
    '); - } - return value; - } - - function buildClassName(prevClassName, currentLang, resultLang) { - var language = currentLang ? aliases[currentLang] : resultLang, - result = [prevClassName.trim()]; - - if (!prevClassName.match(/\bhljs\b/)) { - result.push('hljs'); - } - - if (prevClassName.indexOf(language) === -1) { - result.push(language); - } - - return result.join(' ').trim(); - } - - /* - Applies highlighting to a DOM node containing code. Accepts a DOM node and - two optional parameters for fixMarkup. - */ - function highlightBlock(block) { - var language = blockLanguage(block); - if (isNotHighlighted(language)) - return; - - var node; - if (options.useBR) { - node = document.createElementNS('http://www.w3.org/1999/xhtml', 'div'); - node.innerHTML = block.innerHTML.replace(/\n/g, '').replace(//g, '\n'); - } else { - node = block; - } - var text = node.textContent; - var result = language ? highlight(language, text, true) : highlightAuto(text); - - var originalStream = nodeStream(node); - if (originalStream.length) { - var resultNode = document.createElementNS('http://www.w3.org/1999/xhtml', 'div'); - resultNode.innerHTML = result.value; - result.value = mergeStreams(originalStream, nodeStream(resultNode), text); } - result.value = fixMarkup(result.value); - - block.innerHTML = result.value; - block.className = buildClassName(block.className, language, result.language); - block.result = { - language: result.language, - re: result.relevance - }; - if (result.second_best) { - block.second_best = { - language: result.second_best.language, - re: result.second_best.relevance - }; - } - } - - var options = { - classPrefix: 'hljs-', - tabReplace: null, - useBR: false, - languages: undefined - }; - - /* - Updates highlight.js global options with values passed in the form of an object - */ - function configure(user_options) { - options = inherit(options, user_options); - } - - /* - Applies highlighting to all 
    ..
    blocks on a page. - */ - function initHighlighting() { - if (initHighlighting.called) - return; - initHighlighting.called = true; - - var blocks = document.querySelectorAll('pre code'); - Array.prototype.forEach.call(blocks, highlightBlock); - } + }, { + first: first, + last: last, + active: active, + 'color-#FFFFFF': color === '#FFFFFF', + 'transparent': color === 'transparent' + }); - /* - Attaches highlighting to the page load event. - */ - function initHighlightingOnLoad() { - addEventListener('DOMContentLoaded', initHighlighting, false); - addEventListener('load', initHighlighting, false); - } + return _react2.default.createElement( + _common.Swatch, + { + color: color, + style: styles.color, + onClick: onClick, + onHover: onSwatchHover, + focusStyle: { boxShadow: '0 0 4px ' + color } + }, + _react2.default.createElement( + 'div', + { style: styles.check }, + _react2.default.createElement(_CheckIcon2.default, null) + ) + ); + }; - var languages = {}; - var aliases = {}; + exports.default = SwatchesColor; - function registerLanguage(name, language) { - var lang = languages[name] = language(hljs); - if (lang.aliases) { - lang.aliases.forEach(function(alias) {aliases[alias] = name;}); - } - } +/***/ }), +/* 418 */ +/***/ (function(module, exports, __webpack_require__) { - function listLanguages() { - return Object.keys(languages); - } + 'use strict'; - function getLanguage(name) { - return languages[name] || languages[aliases[name]]; - } + Object.defineProperty(exports, "__esModule", { + value: true + }); - /* Interface definition */ + var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - hljs.highlight = highlight; - hljs.highlightAuto = highlightAuto; - hljs.fixMarkup = fixMarkup; - hljs.highlightBlock = highlightBlock; - hljs.configure = configure; - hljs.initHighlighting = initHighlighting; - hljs.initHighlightingOnLoad = initHighlightingOnLoad; - hljs.registerLanguage = registerLanguage; - hljs.listLanguages = listLanguages; - hljs.getLanguage = getLanguage; - hljs.inherit = inherit; + var _react = __webpack_require__(2); - // Common regexps - hljs.IDENT_RE = '[a-zA-Z]\\w*'; - hljs.UNDERSCORE_IDENT_RE = '[a-zA-Z_]\\w*'; - hljs.NUMBER_RE = '\\b\\d+(\\.\\d+)?'; - hljs.C_NUMBER_RE = '(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)'; // 0x..., 0..., decimal, float - hljs.BINARY_NUMBER_RE = '\\b(0b[01]+)'; // 0b... - hljs.RE_STARTERS_RE = '!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~'; + var _react2 = _interopRequireDefault(_react); - // Common modes - hljs.BACKSLASH_ESCAPE = { - begin: '\\\\[\\s\\S]', relevance: 0 - }; - hljs.APOS_STRING_MODE = { - className: 'string', - begin: '\'', end: '\'', - illegal: '\\n', - contains: [hljs.BACKSLASH_ESCAPE] - }; - hljs.QUOTE_STRING_MODE = { - className: 'string', - begin: '"', end: '"', - illegal: '\\n', - contains: [hljs.BACKSLASH_ESCAPE] - }; - hljs.PHRASAL_WORDS_MODE = { - begin: /\b(a|an|the|are|I|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such)\b/ - }; - hljs.COMMENT = function (begin, end, inherits) { - var mode = hljs.inherit( - { - className: 'comment', - begin: begin, end: end, - contains: [] - }, - inherits || {} - ); - mode.contains.push(hljs.PHRASAL_WORDS_MODE); - mode.contains.push({ - className: 'doctag', - begin: "(?:TODO|FIXME|NOTE|BUG|XXX):", - relevance: 0 - }); - return mode; - }; - hljs.C_LINE_COMMENT_MODE = hljs.COMMENT('//', '$'); - hljs.C_BLOCK_COMMENT_MODE = hljs.COMMENT('/\\*', '\\*/'); - hljs.HASH_COMMENT_MODE = hljs.COMMENT('#', '$'); - hljs.NUMBER_MODE = { - className: 'number', - begin: hljs.NUMBER_RE, - relevance: 0 - }; - hljs.C_NUMBER_MODE = { - className: 'number', - begin: hljs.C_NUMBER_RE, - relevance: 0 - }; - hljs.BINARY_NUMBER_MODE = { - className: 'number', - begin: hljs.BINARY_NUMBER_RE, - relevance: 0 - }; - hljs.CSS_NUMBER_MODE = { - className: 'number', - begin: hljs.NUMBER_RE + '(' + - '%|em|ex|ch|rem' + - '|vw|vh|vmin|vmax' + - '|cm|mm|in|pt|pc|px' + - '|deg|grad|rad|turn' + - '|s|ms' + - '|Hz|kHz' + - '|dpi|dpcm|dppx' + - ')?', - relevance: 0 - }; - hljs.REGEXP_MODE = { - className: 'regexp', - begin: /\//, end: /\/[gimuy]*/, - illegal: /\n/, - contains: [ - hljs.BACKSLASH_ESCAPE, - { - begin: /\[/, end: /\]/, - relevance: 0, - contains: [hljs.BACKSLASH_ESCAPE] - } - ] - }; - hljs.TITLE_MODE = { - className: 'title', - begin: hljs.IDENT_RE, - relevance: 0 - }; - hljs.UNDERSCORE_TITLE_MODE = { - className: 'title', - begin: hljs.UNDERSCORE_IDENT_RE, - relevance: 0 - }; + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - return hljs; - })); + function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } + var DEFAULT_SIZE = 24; -/***/ }), -/* 417 */ -/***/ (function(module, exports) { + exports.default = function (_ref) { + var _ref$fill = _ref.fill, + fill = _ref$fill === undefined ? 'currentColor' : _ref$fill, + _ref$width = _ref.width, + width = _ref$width === undefined ? DEFAULT_SIZE : _ref$width, + _ref$height = _ref.height, + height = _ref$height === undefined ? DEFAULT_SIZE : _ref$height, + _ref$style = _ref.style, + style = _ref$style === undefined ? {} : _ref$style, + props = _objectWithoutProperties(_ref, ['fill', 'width', 'height', 'style']); - module.exports = function(hljs) { - return { - aliases: ['js'], - keywords: { - keyword: - 'in of if for while finally var new function do return void else break catch ' + - 'instanceof with throw case default try this switch continue typeof delete ' + - 'let yield const export super debugger as async await', - literal: - 'true false null undefined NaN Infinity', - built_in: - 'eval isFinite isNaN parseFloat parseInt decodeURI decodeURIComponent ' + - 'encodeURI encodeURIComponent escape unescape Object Function Boolean Error ' + - 'EvalError InternalError RangeError ReferenceError StopIteration SyntaxError ' + - 'TypeError URIError Number Math Date String RegExp Array Float32Array ' + - 'Float64Array Int16Array Int32Array Int8Array Uint16Array Uint32Array ' + - 'Uint8Array Uint8ClampedArray ArrayBuffer DataView JSON Intl arguments require ' + - 'module console window document Symbol Set Map WeakSet WeakMap Proxy Reflect ' + - 'Promise' - }, - contains: [ - { - className: 'pi', - relevance: 10, - begin: /^\s*['"]use (strict|asm)['"]/ - }, - hljs.APOS_STRING_MODE, - hljs.QUOTE_STRING_MODE, - { // template string - className: 'string', - begin: '`', end: '`', - contains: [ - hljs.BACKSLASH_ESCAPE, - { - className: 'subst', - begin: '\\$\\{', end: '\\}' - } - ] - }, - hljs.C_LINE_COMMENT_MODE, - hljs.C_BLOCK_COMMENT_MODE, - { - className: 'number', - variants: [ - { begin: '\\b(0[bB][01]+)' }, - { begin: '\\b(0[oO][0-7]+)' }, - { begin: hljs.C_NUMBER_RE } - ], - relevance: 0 - }, - { // "value" container - begin: '(' + hljs.RE_STARTERS_RE + '|\\b(case|return|throw)\\b)\\s*', - keywords: 'return throw case', - contains: [ - hljs.C_LINE_COMMENT_MODE, - hljs.C_BLOCK_COMMENT_MODE, - hljs.REGEXP_MODE, - { // E4X / JSX - begin: /\s*[);\]]/, - relevance: 0, - subLanguage: 'xml' - } - ], - relevance: 0 - }, - { - className: 'function', - beginKeywords: 'function', end: /\{/, excludeEnd: true, - contains: [ - hljs.inherit(hljs.TITLE_MODE, {begin: /[A-Za-z$_][0-9A-Za-z$_]*/}), - { - className: 'params', - begin: /\(/, end: /\)/, - excludeBegin: true, - excludeEnd: true, - contains: [ - hljs.C_LINE_COMMENT_MODE, - hljs.C_BLOCK_COMMENT_MODE - ], - illegal: /["'\(]/ - } - ], - illegal: /\[|%/ - }, - { - begin: /\$[(.]/ // relevance booster for a pattern common to JS libs: `$(something)` and `$.something` - }, - { - begin: '\\.' + hljs.IDENT_RE, relevance: 0 // hack: prevents detection of keywords after dots - }, - // ECMAScript 6 modules import - { - beginKeywords: 'import', end: '[;$]', - keywords: 'import from as', - contains: [ - hljs.APOS_STRING_MODE, - hljs.QUOTE_STRING_MODE - ] - }, - { // ES6 class - className: 'class', - beginKeywords: 'class', end: /[{;=]/, excludeEnd: true, - illegal: /[:"\[\]]/, - contains: [ - {beginKeywords: 'extends'}, - hljs.UNDERSCORE_TITLE_MODE - ] - } - ], - illegal: /#/ - }; + return _react2.default.createElement( + 'svg', + _extends({ + viewBox: '0 0 ' + DEFAULT_SIZE + ' ' + DEFAULT_SIZE, + style: _extends({ fill: fill, width: width, height: height }, style) + }, props), + _react2.default.createElement('path', { d: 'M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z' }) + ); }; /***/ }), -/* 418 */ +/* 419 */ /***/ (function(module, exports, __webpack_require__) { - /* jshint node: true, esnext: true */ - "use strict"; + 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); - - var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + exports.Twitter = undefined; var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _propTypes = __webpack_require__(351); - var _reactcss2 = _interopRequireDefault(_reactcss); + var _propTypes2 = _interopRequireDefault(_propTypes); - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + var _reactcss = __webpack_require__(174); - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + var _reactcss2 = _interopRequireDefault(_reactcss); - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } + var _map = __webpack_require__(214); - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } + var _map2 = _interopRequireDefault(_map); - var MarkdownTitle = function (_React$Component) { - _inherits(MarkdownTitle, _React$Component); + var _merge = __webpack_require__(353); - function MarkdownTitle() { - _classCallCheck(this, MarkdownTitle); + var _merge2 = _interopRequireDefault(_merge); - var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(MarkdownTitle).call(this)); + var _color = __webpack_require__(376); - _this.state = { - hover: false - }; - _this.handleHover = _this.handleHover.bind(_this); - return _this; - } + var color = _interopRequireWildcard(_color); - _createClass(MarkdownTitle, [{ - key: 'handleHover', - value: function handleHover(e) { - if (e.type === 'mouseenter') { - this.setState({ hover: true }); - } else if (e.type === 'mouseleave') { - this.setState({ hover: false }); - } - } - }, { - key: 'render', - value: function render() { + var _common = __webpack_require__(342); - var styles = (0, _reactcss2.default)({ - 'default': { - link: { - opacity: '0', - textDecoration: 'none', - fill: this.props.primaryColor, - transition: 'opacity 200ms linear' - } - }, - 'hovered': { - link: { - opacity: '1' - } - } - }, { - 'hovered': this.state.hover - }); + function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } - var linkSvg = { - __html: '\n \n \n \n ' - }; + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var title; - if (this.props.isHeadline) { - title = _react2.default.createElement( - 'h1', - null, - this.props.title, - ' ', - _react2.default.createElement('a', { style: styles.link, href: '#' + this.props.link, dangerouslySetInnerHTML: linkSvg }) - ); - } else { - title = _react2.default.createElement( - 'h2', - null, - this.props.title, - ' ', - _react2.default.createElement('a', { style: styles.link, href: '#' + this.props.link, dangerouslySetInnerHTML: linkSvg }) - ); + var Twitter = exports.Twitter = function Twitter(_ref) { + var onChange = _ref.onChange, + onSwatchHover = _ref.onSwatchHover, + hex = _ref.hex, + colors = _ref.colors, + width = _ref.width, + triangle = _ref.triangle, + _ref$styles = _ref.styles, + passedStyles = _ref$styles === undefined ? {} : _ref$styles, + _ref$className = _ref.className, + className = _ref$className === undefined ? '' : _ref$className; + + var styles = (0, _reactcss2.default)((0, _merge2.default)({ + 'default': { + card: { + width: width, + background: '#fff', + border: '0 solid rgba(0,0,0,0.25)', + boxShadow: '0 1px 4px rgba(0,0,0,0.25)', + borderRadius: '4px', + position: 'relative' + }, + body: { + padding: '15px 9px 9px 15px' + }, + label: { + fontSize: '18px', + color: '#fff' + }, + triangle: { + width: '0px', + height: '0px', + borderStyle: 'solid', + borderWidth: '0 9px 10px 9px', + borderColor: 'transparent transparent #fff transparent', + position: 'absolute' + }, + triangleShadow: { + width: '0px', + height: '0px', + borderStyle: 'solid', + borderWidth: '0 9px 10px 9px', + borderColor: 'transparent transparent rgba(0,0,0,.1) transparent', + position: 'absolute' + }, + hash: { + background: '#F0F0F0', + height: '30px', + width: '30px', + borderRadius: '4px 0 0 4px', + float: 'left', + color: '#98A1A4', + display: 'flex', + alignItems: 'center', + justifyContent: 'center' + }, + input: { + width: '100px', + fontSize: '14px', + color: '#666', + border: '0px', + outline: 'none', + height: '28px', + boxShadow: 'inset 0 0 0 1px #F0F0F0', + boxSizing: 'content-box', + borderRadius: '0 4px 4px 0', + float: 'left', + paddingLeft: '8px' + }, + swatch: { + width: '30px', + height: '30px', + float: 'left', + borderRadius: '4px', + margin: '0 6px 6px 0' + }, + clear: { + clear: 'both' + } + }, + 'hide-triangle': { + triangle: { + display: 'none' + }, + triangleShadow: { + display: 'none' + } + }, + 'top-left-triangle': { + triangle: { + top: '-10px', + left: '12px' + }, + triangleShadow: { + top: '-11px', + left: '12px' + } + }, + 'top-right-triangle': { + triangle: { + top: '-10px', + right: '12px' + }, + triangleShadow: { + top: '-11px', + right: '12px' } - - return _react2.default.createElement( - 'div', - { onMouseEnter: this.handleHover, onMouseLeave: this.handleHover }, - title - ); } - }]); - - return MarkdownTitle; - }(_react2.default.Component); - - ; - - exports.default = MarkdownTitle; - -/***/ }), -/* 419 */ -/***/ (function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - - var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - - var _react = __webpack_require__(2); - - var _react2 = _interopRequireDefault(_react); - - var _reactcss = __webpack_require__(172); - - var _reactcss2 = _interopRequireDefault(_reactcss); - - var _markdown = __webpack_require__(413); - - var _markdown2 = _interopRequireDefault(_markdown); - - var _Code = __webpack_require__(420); - - var _Code2 = _interopRequireDefault(_Code); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - - var Markdown = function (_React$Component) { - _inherits(Markdown, _React$Component); - - function Markdown() { - _classCallCheck(this, Markdown); - - return _possibleConstructorReturn(this, Object.getPrototypeOf(Markdown).apply(this, arguments)); - } + }, passedStyles), { + 'hide-triangle': triangle === 'hide', + 'top-left-triangle': triangle === 'top-left', + 'top-right-triangle': triangle === 'top-right' + }); - _createClass(Markdown, [{ - key: 'shouldComponentUpdate', - value: function shouldComponentUpdate() { - return false; - } - }, { - key: 'render', - value: function render() { + var handleChange = function handleChange(hexcode, e) { + color.isValidHex(hexcode) && onChange({ + hex: hexcode, + source: 'hex' + }, e); + }; - var styles = (0, _reactcss2.default)({ - 'default': { - markdown: { - fontSize: '17px', - lineHeight: '24px', - color: 'rgba(0,0,0,.47)' + return _react2.default.createElement( + 'div', + { style: styles.card, className: 'twitter-picker ' + className }, + _react2.default.createElement('div', { style: styles.triangleShadow }), + _react2.default.createElement('div', { style: styles.triangle }), + _react2.default.createElement( + 'div', + { style: styles.body }, + (0, _map2.default)(colors, function (c, i) { + return _react2.default.createElement(_common.Swatch, { + key: i, + color: c, + hex: c, + style: styles.swatch, + onClick: handleChange, + onHover: onSwatchHover, + focusStyle: { + boxShadow: '0 0 4px ' + c } - } - }); - - var children = this.props.children; - - var newLines = children; - - var codes = []; - for (var i = 0; i < _markdown2.default.isCode(children).length; i++) { - var codeBlock = _markdown2.default.isCode(children)[i]; - newLines = newLines.replace(codeBlock[1], '|Code:' + i + '|'); - codes[i] = _react2.default.createElement(_Code2.default, { file: codeBlock[2], condensed: this.props.condensed, borders: true }); - } - - var markdownFile = []; - for (var i = 0; i < newLines.split('\n').length; i++) { - var line = newLines.split('\n')[i]; - if (_markdown2.default.isCodeBlock(line)) { - markdownFile.push(_react2.default.createElement( - 'div', - { key: i }, - codes[_markdown2.default.codeNumber(line)] - )); - } else { - markdownFile.push(_react2.default.createElement('div', { key: i, style: styles.markdown, className: 'markdown text', dangerouslySetInnerHTML: { __html: _markdown2.default.render(line) } })); - } - } - - return _react2.default.createElement( + }); + }), + _react2.default.createElement( 'div', - { style: styles.markdown }, - markdownFile - ); - } - }]); + { style: styles.hash }, + '#' + ), + _react2.default.createElement(_common.EditableInput, { + label: null, + style: { input: styles.input }, + value: hex.replace('#', ''), + onChange: handleChange + }), + _react2.default.createElement('div', { style: styles.clear }) + ) + ); + }; - return Markdown; - }(_react2.default.Component); + Twitter.propTypes = { + width: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]), + triangle: _propTypes2.default.oneOf(['hide', 'top-left', 'top-right']), + colors: _propTypes2.default.arrayOf(_propTypes2.default.string), + styles: _propTypes2.default.object + }; - ; + Twitter.defaultProps = { + width: 276, + colors: ['#FF6900', '#FCB900', '#7BDCB5', '#00D084', '#8ED1FC', '#0693E3', '#ABB8C3', '#EB144C', '#F78DA7', '#9900EF'], + triangle: 'top-left', + styles: {} + }; - exports.default = Markdown; + exports.default = (0, _common.ColorWrap)(Twitter); /***/ }), /* 420 */ @@ -40964,519 +34946,523 @@ Object.defineProperty(exports, "__esModule", { value: true }); - - var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + exports.Google = undefined; var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _propTypes = __webpack_require__(351); - var _reactcss2 = _interopRequireDefault(_reactcss); - - var _markdown = __webpack_require__(413); - - var _markdown2 = _interopRequireDefault(_markdown); + var _propTypes2 = _interopRequireDefault(_propTypes); - var _reactContext = __webpack_require__(421); + var _reactcss = __webpack_require__(174); - var _reactContext2 = _interopRequireDefault(_reactContext); + var _reactcss2 = _interopRequireDefault(_reactcss); - var _reactMaterialDesign = __webpack_require__(373); + var _merge = __webpack_require__(353); - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + var _merge2 = _interopRequireDefault(_merge); - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + var _common = __webpack_require__(342); - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } + var _GooglePointerCircle = __webpack_require__(421); - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } + var _GooglePointerCircle2 = _interopRequireDefault(_GooglePointerCircle); - var Code = function (_React$Component) { - _inherits(Code, _React$Component); + var _GooglePointer = __webpack_require__(422); - function Code() { - _classCallCheck(this, Code); + var _GooglePointer2 = _interopRequireDefault(_GooglePointer); - return _possibleConstructorReturn(this, Object.getPrototypeOf(Code).call(this)); - } + var _GoogleFields = __webpack_require__(423); - _createClass(Code, [{ - key: 'render', - value: function render() { + var _GoogleFields2 = _interopRequireDefault(_GoogleFields); - var styles = (0, _reactcss2.default)({ - 'default': { - shortCodeBlock: { - display: 'inline-block' - }, - shortCode: { - padding: '14px 16px' - }, - head: { - borderRadius: '2px 2px 0 0', - background: '#fafafa' - }, - files: { - display: 'inline-block' - }, - Files: { - align: 'none', - color: '#666' - }, - center: { - fontFamily: 'Monaco', - fontSize: '14px', - lineHeight: '19px', - color: 'rgba(0,0,0,.77)' - }, - numbers: { - fontSize: '14px', - lineHeight: '19px', - display: 'inline-block', - textAlign: 'right', - color: 'rgba(0,0,0,.20)', - userSelect: 'none', - paddingLeft: '7px' - } - }, - 'condensed': { - Tile: { - condensed: true - }, - center: { - paddingTop: '16px', - paddingBottom: '16px', - fontSize: '13px', - lineHeight: '15px', - overflowX: 'scroll' - }, - numbers: { - paddingTop: '16px', - fontSize: '13px', - lineHeight: '15px' - } - } - }, { - 'condensed': this.context.width < 500 - }); + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var code = _markdown2.default.getBody(this.props.file); - var args = _markdown2.default.getArgs(this.props.file); - var colorCoded = _markdown2.default.renderCode('```\n' + code + '```').trim(); - var lineCount = colorCoded.split('\n').length; + var Google = exports.Google = function Google(_ref) { + var width = _ref.width, + onChange = _ref.onChange, + rgb = _ref.rgb, + hsl = _ref.hsl, + hsv = _ref.hsv, + hex = _ref.hex, + header = _ref.header, + _ref$styles = _ref.styles, + passedStyles = _ref$styles === undefined ? {} : _ref$styles, + _ref$className = _ref.className, + className = _ref$className === undefined ? '' : _ref$className; - var lines; - if (args.lineDecoration) { - lines = args.lineDecoration; - } else { - lines = []; - for (var i = 1; i < lineCount; i++) { - lines.push(_react2.default.createElement( - 'div', - { key: i }, - i - )); - } + var styles = (0, _reactcss2.default)((0, _merge2.default)({ + 'default': { + picker: { + width: width, + background: '#fff', + border: '1px solid #dfe1e5', + boxSizing: 'initial', + display: 'flex', + flexWrap: 'wrap', + borderRadius: '8px 8px 0px 0px' + }, + head: { + height: '57px', + width: '100%', + paddingTop: '16px', + paddingBottom: '16px', + paddingLeft: '16px', + fontSize: '20px', + boxSizing: 'border-box', + fontFamily: 'Roboto-Regular,HelveticaNeue,Arial,sans-serif' + }, + saturation: { + width: '70%', + padding: '0px', + position: 'relative', + overflow: 'hidden' + }, + swatch: { + width: '30%', + height: '228px', + padding: '0px', + background: 'rgba(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ', 1)', + position: 'relative', + overflow: 'hidden' + }, + body: { + margin: 'auto', + width: '95%' + }, + controls: { + display: 'flex', + boxSizing: 'border-box', + height: '52px', + paddingTop: '22px' + }, + color: { + width: '32px' + }, + hue: { + height: '8px', + position: 'relative', + margin: '0px 16px 0px 16px', + width: '100%' + }, + Hue: { + radius: '2px' } - - return _react2.default.createElement( - _reactMaterialDesign.Raised, - null, - _react2.default.createElement( - _reactMaterialDesign.Tile, - { style: styles.Tile }, - _react2.default.createElement( - 'div', - { style: styles.numbers }, - lines - ), - _react2.default.createElement( - 'div', - { style: styles.center }, - _react2.default.createElement( - 'style', - null, - '\n .rendered pre{\n margin: 0;\n }\n .rendered p{\n margin: 0;\n }\n ' - ), - _react2.default.createElement('div', { className: 'rendered', dangerouslySetInnerHTML: { __html: colorCoded } }) - ) - ) - ); } - }]); + }, passedStyles)); + return _react2.default.createElement( + 'div', + { style: styles.picker, className: 'google-picker ' + className }, + _react2.default.createElement( + 'div', + { style: styles.head }, + header + ), + _react2.default.createElement('div', { style: styles.swatch }), + _react2.default.createElement( + 'div', + { style: styles.saturation }, + _react2.default.createElement(_common.Saturation, { + hsl: hsl, + hsv: hsv, + pointer: _GooglePointerCircle2.default, + onChange: onChange + }) + ), + _react2.default.createElement( + 'div', + { style: styles.body }, + _react2.default.createElement( + 'div', + { style: styles.controls, className: 'flexbox-fix' }, + _react2.default.createElement( + 'div', + { style: styles.hue }, + _react2.default.createElement(_common.Hue, { + style: styles.Hue, + hsl: hsl, + radius: '4px', + pointer: _GooglePointer2.default, + onChange: onChange + }) + ) + ), + _react2.default.createElement(_GoogleFields2.default, { + rgb: rgb, + hsl: hsl, + hex: hex, + hsv: hsv, + onChange: onChange + }) + ) + ); + }; - return Code; - }(_react2.default.Component); + Google.propTypes = { + width: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]), + styles: _propTypes2.default.object, + header: _propTypes2.default.string + + }; - Code.contextTypes = _reactContext2.default.subscribe(['width']); + Google.defaultProps = { + width: 652, + styles: {}, + header: 'Color picker' + }; - exports.default = Code; + exports.default = (0, _common.ColorWrap)(Google); /***/ }), /* 421 */ /***/ (function(module, exports, __webpack_require__) { - /* jshint node: true, esnext: true, browser: true */ - "use strict"; + 'use strict'; - var React = __webpack_require__(2); + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.GooglePointerCircle = undefined; - var contextTypes = { - pointer: React.PropTypes.string, - density: React.PropTypes.number, - width: React.PropTypes.number, - height: React.PropTypes.number, - language: React.PropTypes.string, - focus: React.PropTypes.bool, - scroll: React.PropTypes.number, - adBlock: React.PropTypes.bool, - os: React.PropTypes.string, - browser: React.PropTypes.string, - browserVersion: React.PropTypes.string - }; + var _react = __webpack_require__(2); - var context = function context(Component) { + var _react2 = _interopRequireDefault(_react); - var Context = React.createClass({ - displayName: 'Context', + var _reactcss = __webpack_require__(174); + var _reactcss2 = _interopRequireDefault(_reactcss); - getInitialState: function getInitialState() { - return { - width: window.innerWidth, - height: window.innerHeight, - focus: document.hasFocus(), - scroll: window.scrollY, - adBlock: false - }; - }, + var _propTypes = __webpack_require__(351); - childContextTypes: contextTypes, + var _propTypes2 = _interopRequireDefault(_propTypes); - getChildContext: function getChildContext() { - return { - // pointer: (('ontouchstart' in window) || (window.DocumentTouch && document instanceof DocumentTouch) || (navigator.MaxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0)) ? 'touch' : 'mouse', - density: window.devicePixelRatio, - width: this.state.width, - height: this.state.height, - language: window.navigator.userLanguage || window.navigator.language, - focus: this.state.focus, - scroll: this.state.scroll, - adBlock: this.state.adBlock, - os: this.checkOS(), - browser: this.checkBrowser().browser, - browserVersion: this.checkBrowser().version - }; - }, + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - // (C) viazenetti GmbH (Christian Ludwig) - // http://jsfiddle.net/ChristianL/AVyND/ - checkOS: function checkOS() { - var os; - var clientStrings = [{ - s: 'Windows', - r: /(Windows)/ - }, { - s: 'Android', - r: /Android/ - }, { - s: 'Open BSD', - r: /OpenBSD/ - }, { - s: 'Linux', - r: /(Linux|X11)/ - }, { - s: 'iOS', - r: /(iPhone|iPad|iPod)/ - }, { - s: 'Mac', - r: /Mac/ - }, { - s: 'UNIX', - r: /UNIX/ - }, { - s: 'Robot', - r: /(nuhk|Googlebot|Yammybot|Openbot|Slurp|MSNBot|Ask Jeeves\/Teoma|ia_archiver)/ - }]; - - for (var i = 0; i < clientStrings.length; i++) { - var cs = clientStrings[i]; - if (cs.r.test(navigator.userAgent)) { - return cs.s; - } + var GooglePointerCircle = exports.GooglePointerCircle = function GooglePointerCircle(props) { + var styles = (0, _reactcss2.default)({ + 'default': { + picker: { + width: '20px', + height: '20px', + borderRadius: '22px', + border: '2px #fff solid', + transform: 'translate(-12px, -13px)', + background: 'hsl(' + Math.round(props.hsl.h) + ', ' + Math.round(props.hsl.s * 100) + '%, ' + Math.round(props.hsl.l * 100) + '%)' } - }, + } + }); - // (C) viazenetti GmbH (Christian Ludwig) - // http://jsfiddle.net/ChristianL/AVyND/ - checkBrowser: function checkBrowser() { - var UA = navigator.userAgent; - var browser; - var version; - var verOffset; - var nameOffset; - - if ((verOffset = UA.indexOf('Opera')) > -1) { - browser = 'Opera'; - version = UA.substring(verOffset + 6); - if ((verOffset = UA.indexOf('Version')) > -1) { - version = UA.substring(verOffset + 8); - } - } else if ((verOffset = UA.indexOf('MSIE')) > -1) { - browser = 'Internet Explorer'; - version = UA.substring(verOffset + 5); - } else if ((verOffset = UA.indexOf('Chrome')) > -1) { - browser = 'Chrome'; - version = UA.substring(verOffset + 7); - } else if ((verOffset = UA.indexOf('Safari')) > -1) { - browser = 'Safari'; - version = UA.substring(verOffset + 7); - if ((verOffset = UA.indexOf('Version')) > -1) { - version = UA.substring(verOffset + 8); - } - } else if ((verOffset = UA.indexOf('Firefox')) > -1) { - browser = 'Firefox'; - version = UA.substring(verOffset + 8); - } else if (UA.indexOf('Trident/') > -1) { - browser = 'Internet Explorer'; - version = UA.substring(UA.indexOf('rv:') + 3); - } else if ((nameOffset = UA.lastIndexOf(' ') + 1) < (verOffset = UA.lastIndexOf('/'))) { - browser = UA.substring(nameOffset, verOffset); - version = UA.substring(verOffset + 1); - if (browser.toLowerCase() == browser.toUpperCase()) { - browser = navigator.appName; - } - } + return _react2.default.createElement('div', { style: styles.picker }); + }; - return { - browser: browser, - version: version - }; - }, + GooglePointerCircle.propTypes = { + hsl: _propTypes2.default.shape({ + h: _propTypes2.default.number, + s: _propTypes2.default.number, + l: _propTypes2.default.number, + a: _propTypes2.default.number + }) + }; - componentDidMount: function componentDidMount() { - window.addEventListener('resize', this.handleResize, false); - window.addEventListener('focus', this.handleFocus, false); - window.addEventListener('blur', this.handleFocus, false); - window.addEventListener('scroll', this.handleScroll, false); - this.checkForAdBlock(); - }, + GooglePointerCircle.defaultProps = { + hsl: { a: 1, h: 249.94, l: 0.2, s: 0.50 } + }; - componentWillUnmount: function componentWillUnmount() { - window.removeEventListener('resize', this.handleResize, false); - window.removeEventListener('focus', this.handleFocus, false); - window.removeEventListener('blur', this.handleFocus, false); - window.removeEventListener('scroll', this.handleScroll, false); - }, + exports.default = GooglePointerCircle; - handleScroll: function handleScroll() { - this.setState({ - scroll: window.scrollY - }); - }, +/***/ }), +/* 422 */ +/***/ (function(module, exports, __webpack_require__) { - // Cross-browser height and width values - // http://stackoverflow.com/a/8876069/989006 - handleResize: function handleResize() { - this.setState({ - width: Math.max(document.documentElement.clientWidth, window.innerWidth || 0), - height: Math.max(document.documentElement.clientHeight, window.innerHeight || 0) - }); - }, + 'use strict'; - handleFocus: function handleFocus(e) { - this.setState({ - focus: e.type === 'focus' ? true : false - }); - }, + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.GooglePointer = undefined; - // FuckAdBlock 3.1.1 - // Copyright (c) 2015 Valentin Allaire - // Released under the MIT license - // https://github.com/sitexw/FuckAdBlock - checkForAdBlock: function checkForAdBlock() { - var ad = React.findDOMNode(this.refs.fakeAd); + var _react = __webpack_require__(2); - if (ad) { - if (window.document.body.getAttribute('abp') !== null || ad.offsetParent === null || ad.offsetHeight === 0 || ad.offsetLeft === 0 || ad.offsetTop === 0 || ad.offsetWidth === 0 || ad.clientHeight === 0 || ad.clientWidth === 0) { - this.setState({ adBlock: true }); - } + var _react2 = _interopRequireDefault(_react); - if (window.getComputedStyle !== undefined) { - var adStyles = window.getComputedStyle(ad, null); + var _reactcss = __webpack_require__(174); - if (adStyles.getPropertyValue('display') == 'none' || adStyles.getPropertyValue('visibility') == 'hidden') { - this.setState({ adBlock: true }); - } - } - } - }, + var _reactcss2 = _interopRequireDefault(_reactcss); - render: function render() { - var fakeAdClasses = 'pub_300x250 pub_300x250m pub_728x90 text-ad textAd text_ad text_ads text-ads text-ad-links'; - var fakeAdStyles = { - width: '1px !important', - height: '1px !important', - position: 'absolute !important', - left: '-10000px !important', - top: '-1000px !important' - }; + var _propTypes = __webpack_require__(351); + + var _propTypes2 = _interopRequireDefault(_propTypes); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - return React.createElement('div', null, React.createElement('div', { ref: "fakeAd", className: fakeAdClasses, style: fakeAdStyles }), React.createElement(Component, this.props)); + var GooglePointer = exports.GooglePointer = function GooglePointer(props) { + var styles = (0, _reactcss2.default)({ + 'default': { + picker: { + width: '20px', + height: '20px', + borderRadius: '22px', + transform: 'translate(-10px, -7px)', + background: 'hsl(' + Math.round(props.hsl.h) + ', 100%, 50%)', + border: '2px white solid' + } } }); - return Context; + return _react2.default.createElement('div', { style: styles.picker }); }; - context.subscribe = function (lookup) { - if (!lookup) { - return contextTypes; - } else { - var customTypes = {}; - for (var i = 0; i < lookup.length; i++) { - var type = lookup[i]; - if (contextTypes[type]) { - customTypes[type] = contextTypes[type]; - } else { - console.warn('Context type `' + type + '` does not exist'); - } - } - return customTypes; - } + GooglePointer.propTypes = { + hsl: _propTypes2.default.shape({ + h: _propTypes2.default.number, + s: _propTypes2.default.number, + l: _propTypes2.default.number, + a: _propTypes2.default.number + }) + }; + + GooglePointer.defaultProps = { + hsl: { a: 1, h: 249.94, l: 0.2, s: 0.50 } }; - module.exports = context; + exports.default = GooglePointer; /***/ }), -/* 422 */ +/* 423 */ /***/ (function(module, exports, __webpack_require__) { - /* jshint node: true, esnext: true */ - "use strict"; + 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); - - var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + exports.GoogleFields = undefined; var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); - var _markdown = __webpack_require__(413); + var _color = __webpack_require__(376); - var _markdown2 = _interopRequireDefault(_markdown); + var color = _interopRequireWildcard(_color); - var _reactMaterialDesign = __webpack_require__(373); + var _common = __webpack_require__(342); - var _SidebarItem = __webpack_require__(423); - - var _SidebarItem2 = _interopRequireDefault(_SidebarItem); + function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - - var Sidebar = function (_React$Component) { - _inherits(Sidebar, _React$Component); - - function Sidebar() { - _classCallCheck(this, Sidebar); - - return _possibleConstructorReturn(this, Object.getPrototypeOf(Sidebar).apply(this, arguments)); - } + var GoogleFields = exports.GoogleFields = function GoogleFields(_ref) { + var onChange = _ref.onChange, + rgb = _ref.rgb, + hsl = _ref.hsl, + hex = _ref.hex, + hsv = _ref.hsv; - _createClass(Sidebar, [{ - key: 'render', - value: function render() { - var styles = (0, _reactcss2.default)({ - 'default': { - sidebar: { - paddingTop: '20px', - position: 'relative', - width: '190px' - }, - star: { - display: 'none', - position: 'absolute' - } - }, - 'fixed': { - sidebar: { - top: '0', - bottom: '0', - position: 'fixed' - }, - star: { - bottom: '30px', - top: 'auto', - display: 'block' - } + var handleChange = function handleChange(data, e) { + if (data.hex) { + color.isValidHex(data.hex) && onChange({ + hex: data.hex, + source: 'hex' + }, e); + } else if (data.rgb) { + var values = data.rgb.split(','); + color.isvalidColorString(data.rgb, 'rgb') && onChange({ + r: values[0], + g: values[1], + b: values[2], + a: 1, + source: 'rgb' + }, e); + } else if (data.hsv) { + var _values = data.hsv.split(','); + if (color.isvalidColorString(data.hsv, 'hsv')) { + _values[2] = _values[2].replace('%', ''); + _values[1] = _values[1].replace('%', ''); + _values[0] = _values[0].replace('°', ''); + if (_values[1] == 1) { + _values[1] = 0.01; + } else if (_values[2] == 1) { + _values[2] = 0.01; } - }, this.props); - - var sidebarItems = []; - - for (var fileName in this.props.files) { - if (this.props.files.hasOwnProperty(fileName)) { - var file = this.props.files[fileName]; - var args = _markdown2.default.getArgs(file); - var sectionNumber; - if (_markdown2.default.isSubSection(fileName)) { - sectionNumber = fileName.split('-')[0]; - } else { - sectionNumber = false; - } - - sidebarItems.push(_react2.default.createElement(_SidebarItem2.default, { key: fileName, - sidebarNumber: sectionNumber, - href: '#' + args.id, - active: this.props.active === args.id, - bold: sectionNumber && true, - label: args.title, - primaryColor: this.props.primaryColor })); + onChange({ + h: Number(_values[0]), + s: Number(_values[1]), + v: Number(_values[2]), + source: 'hsv' + }, e); + } + } else if (data.hsl) { + var _values2 = data.hsl.split(','); + if (color.isvalidColorString(data.hsl, 'hsl')) { + _values2[2] = _values2[2].replace('%', ''); + _values2[1] = _values2[1].replace('%', ''); + _values2[0] = _values2[0].replace('°', ''); + if (hsvValue[1] == 1) { + hsvValue[1] = 0.01; + } else if (hsvValue[2] == 1) { + hsvValue[2] = 0.01; } + onChange({ + h: Number(_values2[0]), + s: Number(_values2[1]), + v: Number(_values2[2]), + source: 'hsl' + }, e); } + } + }; - return _react2.default.createElement( + var styles = (0, _reactcss2.default)({ + 'default': { + wrap: { + display: 'flex', + height: '100px', + marginTop: '4px' + }, + fields: { + width: '100%' + }, + column: { + paddingTop: '10px', + display: 'flex', + justifyContent: 'space-between' + }, + double: { + padding: '0px 4.4px', + boxSizing: 'border-box' + }, + input: { + width: '100%', + height: '38px', + boxSizing: 'border-box', + padding: '4px 10% 3px', + textAlign: 'center', + border: '1px solid #dadce0', + fontSize: '11px', + textTransform: 'lowercase', + borderRadius: '5px', + outline: 'none', + fontFamily: 'Roboto,Arial,sans-serif' + }, + input2: { + height: '38px', + width: '100%', + border: '1px solid #dadce0', + boxSizing: 'border-box', + fontSize: '11px', + textTransform: 'lowercase', + borderRadius: '5px', + outline: 'none', + paddingLeft: '10px', + fontFamily: 'Roboto,Arial,sans-serif' + }, + label: { + textAlign: 'center', + fontSize: '12px', + background: '#fff', + position: 'absolute', + textTransform: 'uppercase', + color: '#3c4043', + width: '35px', + top: '-6px', + left: '0', + right: '0', + marginLeft: 'auto', + marginRight: 'auto', + fontFamily: 'Roboto,Arial,sans-serif' + }, + label2: { + left: '10px', + textAlign: 'center', + fontSize: '12px', + background: '#fff', + position: 'absolute', + textTransform: 'uppercase', + color: '#3c4043', + width: '32px', + top: '-6px', + fontFamily: 'Roboto,Arial,sans-serif' + }, + single: { + flexGrow: '1', + margin: '0px 4.4px' + } + } + }); + + var rgbValue = rgb.r + ', ' + rgb.g + ', ' + rgb.b; + var hslValue = Math.round(hsl.h) + '\xB0, ' + Math.round(hsl.s * 100) + '%, ' + Math.round(hsl.l * 100) + '%'; + var hsvValue = Math.round(hsv.h) + '\xB0, ' + Math.round(hsv.s * 100) + '%, ' + Math.round(hsv.v * 100) + '%'; + + return _react2.default.createElement( + 'div', + { style: styles.wrap, className: 'flexbox-fix' }, + _react2.default.createElement( + 'div', + { style: styles.fields }, + _react2.default.createElement( + 'div', + { style: styles.double }, + _react2.default.createElement(_common.EditableInput, { + style: { input: styles.input, label: styles.label }, + label: 'hex', + value: hex, + onChange: handleChange + }) + ), + _react2.default.createElement( 'div', - { style: styles.sidebar }, + { style: styles.column }, + _react2.default.createElement( + 'div', + { style: styles.single }, + _react2.default.createElement(_common.EditableInput, { + style: { input: styles.input2, label: styles.label2 }, + label: 'rgb', + value: rgbValue, + onChange: handleChange + }) + ), _react2.default.createElement( 'div', - { style: styles.star }, - this.props.bottom + { style: styles.single }, + _react2.default.createElement(_common.EditableInput, { + style: { input: styles.input2, label: styles.label2 }, + label: 'hsv', + value: hsvValue, + onChange: handleChange + }) ), - sidebarItems - ); - } - }]); - - return Sidebar; - }(_react2.default.Component); - - ; + _react2.default.createElement( + 'div', + { style: styles.single }, + _react2.default.createElement(_common.EditableInput, { + style: { input: styles.input2, label: styles.label2 }, + label: 'hsl', + value: hslValue, + onChange: handleChange + }) + ) + ) + ) + ); + }; - exports.default = Sidebar; + exports.default = GoogleFields; /***/ }), -/* 423 */ +/* 424 */ /***/ (function(module, exports, __webpack_require__) { - /* jshint node: true, esnext: true */ - "use strict"; + 'use strict'; /* eslint import/no-unresolved: 0 */ Object.defineProperty(exports, "__esModule", { value: true @@ -41488,11 +35474,25 @@ var _react2 = _interopRequireDefault(_react); - var _reactcss = __webpack_require__(172); + var _reactcss = __webpack_require__(174); var _reactcss2 = _interopRequireDefault(_reactcss); - var _reactMaterialDesign = __webpack_require__(373); + var _reactBasicLayout = __webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"react-basic-layout\""); e.code = 'MODULE_NOT_FOUND'; throw e; }())); + + var _reactDocs = __webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"react-docs\""); e.code = 'MODULE_NOT_FOUND'; throw e; }())); + + var _reactDocs2 = _interopRequireDefault(_reactDocs); + + var _Markdown = __webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"../../../modules/react-docs/lib/components/Markdown\""); e.code = 'MODULE_NOT_FOUND'; throw e; }())); + + var _Markdown2 = _interopRequireDefault(_Markdown); + + var _documentation = __webpack_require__(425); + + var _documentation2 = _interopRequireDefault(_documentation); + + var _examples = __webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"../../../examples\""); e.code = 'MODULE_NOT_FOUND'; throw e; }())); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } @@ -41502,441 +35502,235 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - var SidebarItem = function (_React$Component) { - _inherits(SidebarItem, _React$Component); + var HomeDocumentation = function (_React$Component) { + _inherits(HomeDocumentation, _React$Component); - function SidebarItem() { - _classCallCheck(this, SidebarItem); + function HomeDocumentation() { + _classCallCheck(this, HomeDocumentation); - return _possibleConstructorReturn(this, Object.getPrototypeOf(SidebarItem).apply(this, arguments)); + return _possibleConstructorReturn(this, (HomeDocumentation.__proto__ || Object.getPrototypeOf(HomeDocumentation)).apply(this, arguments)); } - _createClass(SidebarItem, [{ + _createClass(HomeDocumentation, [{ key: 'render', value: function render() { - var styles = (0, _reactcss2.default)({ 'default': { - sidebarItem: { - fontSize: '14px', - textDecoration: 'none', - color: 'rgba(0, 0, 0, .57)', - transition: 'all 200ms linear' + body: { + paddingTop: '50px', + paddingBottom: '50px' + }, + examples: { + paddingTop: '30px' }, - number: { - fontSize: '14px', - color: 'rgba(0, 0, 0, .27)', - fontWeight: 'bold', - paddingTop: '14px' + example: { + paddingBottom: '40px' }, - li: { - paddingBottom: '8px' - } - }, - 'bold': { - sidebarItem: { - fontWeight: 'bold', - paddingTop: '14px', - display: 'block' - } - }, - 'active': { - sidebarItem: { - color: this.props.primaryColor + playground: { + background: '#ddd', + boxShadow: 'inset 0 2px 3px rgba(0,0,0,.1)', + position: 'relative', + height: '200px', + borderRadius: '4px 4px 0 0' + }, + exampleButton: { + width: '90px', + height: '24px', + margin: '-12px 0 0 -45px', + position: 'absolute', + left: '50%', + top: '50%' + }, + exampleSketch: { + width: '46px', + height: '24px', + margin: '-12px 0 0 -23px', + position: 'absolute', + left: '50%', + top: '50%' } } - }, this.props); + }); + + var bottom = _react2.default.createElement('iframe', { src: 'https://ghbtns.com/github-btn.html?user=casesandberg&repo=react-color&type=star&count=true&size=large', scrolling: '0', width: '160px', height: '30px', frameBorder: '0' }); + // return
    ; return _react2.default.createElement( 'div', - { style: styles.li }, + { style: styles.body }, _react2.default.createElement( - _reactMaterialDesign.Tile, - { condensed: true }, - _react2.default.createElement( - 'div', - { style: styles.number }, - this.props.sidebarNumber - ), + _reactBasicLayout.Container, + { width: 780 }, + _react2.default.createElement(_reactDocs2.default, { + markdown: _documentation2.default, + primaryColor: this.props.primaryColor, + bottom: bottom + }), _react2.default.createElement( - 'a', - { href: this.props.href, style: styles.sidebarItem }, - this.props.label + _reactBasicLayout.Grid, + null, + _react2.default.createElement('div', null), + _react2.default.createElement( + 'div', + { style: styles.examples }, + _react2.default.createElement( + 'div', + { style: styles.example }, + _react2.default.createElement( + 'div', + { style: styles.playground }, + _react2.default.createElement( + 'div', + { style: styles.exampleButton }, + _react2.default.createElement(_examples.Button, null) + ) + ), + _react2.default.createElement( + _Markdown2.default, + null, + _examples.buttonmd + ) + ), + _react2.default.createElement( + 'div', + { style: styles.example }, + _react2.default.createElement( + 'div', + { style: styles.playground }, + _react2.default.createElement( + 'div', + { style: styles.exampleSketch }, + _react2.default.createElement(_examples.Sketch, null) + ) + ), + _react2.default.createElement( + _Markdown2.default, + null, + _examples.sketchmd + ) + ) + ) ) ) ); } }]); - return SidebarItem; + return HomeDocumentation; }(_react2.default.Component); - ; - - exports.default = SidebarItem; + exports.default = HomeDocumentation; /***/ }), -/* 424 */ +/* 425 */ /***/ (function(module, exports, __webpack_require__) { 'use strict'; /* eslint-disable global-require */ module.exports = { - '01-about': __webpack_require__(425), - '02-getting-started': __webpack_require__(426), - '02.01-install': __webpack_require__(427), - '02.02-include': __webpack_require__(428), - '03-api': __webpack_require__(429), - '03.01-color': __webpack_require__(430), - '03.02-onChange': __webpack_require__(431), - '03.03-onChangeComplete': __webpack_require__(432), - '03.04-individual': __webpack_require__(433), - '04-create': __webpack_require__(434), - '04.01-parent': __webpack_require__(435), - '04.02-helpers': __webpack_require__(436), - '05-examples': __webpack_require__(437) + '01-about': __webpack_require__(426), + '02-getting-started': __webpack_require__(427), + '02.01-install': __webpack_require__(428), + '02.02-include': __webpack_require__(429), + '03-api': __webpack_require__(430), + '03.01-color': __webpack_require__(431), + '03.02-onChange': __webpack_require__(432), + '03.03-onChangeComplete': __webpack_require__(433), + '03.04-individual': __webpack_require__(434), + '04-create': __webpack_require__(435), + '04.01-parent': __webpack_require__(436), + '04.02-helpers': __webpack_require__(437), + '05-examples': __webpack_require__(438) }; -/***/ }), -/* 425 */ -/***/ (function(module, exports) { - - module.exports = "---\nid: about\ntitle: About\n---\n\n**13 Different Pickers** - Sketch, Photoshop, Chrome and many more\n\n**Make Your Own** - Use the building block components to make your own\n"; - /***/ }), /* 426 */ /***/ (function(module, exports) { - module.exports = "---\nid: getting-started\ntitle: Getting Started\n---\n"; + module.exports = "---\r\nid: about\r\ntitle: About\r\n---\r\n\r\n**13 Different Pickers** - Sketch, Photoshop, Chrome and many more\r\n\r\n**Make Your Own** - Use the building block components to make your own\r\n"; /***/ }), /* 427 */ /***/ (function(module, exports) { - module.exports = "---\nid: usage-install\ntitle: Install\n---\nStart by installing `react-color` via npm:\n```\nnpm install react-color --save\n```\n"; + module.exports = "---\r\nid: getting-started\r\ntitle: Getting Started\r\n---\r\n"; /***/ }), /* 428 */ /***/ (function(module, exports) { - module.exports = "---\nid: usage-include\ntitle: Include Component\n---\nImport a color picker from `react-color` at the top of a component and then use it in the render function:\n```\nimport React from 'react';\nimport { SketchPicker } from 'react-color';\n\nclass Component extends React.Component {\n\n render() {\n return ;\n }\n}\n```\nYou can import `AlphaPicker` `BlockPicker` `ChromePicker` `CirclePicker` `CompactPicker` `GithubPicker` `HuePicker` `MaterialPicker` `PhotoshopPicker` `SketchPicker` `SliderPicker` `SwatchesPicker` `TwitterPicker` respectively.\n"; + module.exports = "---\r\nid: usage-install\r\ntitle: Install\r\n---\r\nStart by installing `react-color` via npm:\r\n```\r\nnpm install react-color --save\r\n```\r\n"; /***/ }), /* 429 */ /***/ (function(module, exports) { - module.exports = "---\nid: api\ntitle: Component API\n---\n"; + module.exports = "---\r\nid: usage-include\r\ntitle: Include Component\r\n---\r\nImport a color picker from `react-color` at the top of a component and then use it in the render function:\r\n```\r\nimport React from 'react';\r\nimport { SketchPicker } from 'react-color';\r\n\r\nclass Component extends React.Component {\r\n\r\n render() {\r\n return ;\r\n }\r\n}\r\n```\r\nYou can import `AlphaPicker` `BlockPicker` `ChromePicker` `CirclePicker` `CompactPicker` `GithubPicker` `HuePicker` `MaterialPicker` `PhotoshopPicker` `SketchPicker` `SliderPicker` `SwatchesPicker` `TwitterPicker` respectively.\r\n\r\nYou can also import a picker individually to optimize your bundle size.\r\n```\r\nimport SketchPicker from 'react-color/lib/Sketch';\r\nimport ChromePicker from 'react-color/lib/Chrome';\r\n```\r\n"; /***/ }), /* 430 */ /***/ (function(module, exports) { - module.exports = "---\nid: api-color\ntitle: color\n---\nColor controls what color is active on the color picker. You can use this to initialize the color picker with a particular color, or to keep it in sync with the state of a parent component.\n\nColor accepts either a string of a hex color `'#333'` or a object of rgb or hsl values `{ r: 51, g: 51, b: 51 }` or `{ h: 0, s: 0, l: .10 }`. Both rgb and hsl will also take a `a: 1` value for alpha. You can also use `transparent`.\n\n```\nimport React from 'react';\nimport { SketchPicker } from 'react-color';\n\nclass Component extends React.Component {\n state = {\n background: '#fff',\n };\n\n handleChangeComplete = (color) => {\n this.setState({ background: color.hex });\n };\n\n render() {\n return (\n \n );\n }\n}\n```\nIn this case, the color picker will initialize with the color `#fff`. When the color is changed, `handleChangeComplete` will fire and set the new color to state.\n"; + module.exports = "---\r\nid: api\r\ntitle: Component API\r\n---\r\n"; /***/ }), /* 431 */ /***/ (function(module, exports) { - module.exports = "---\nid: api-onChange\ntitle: onChange\n---\nPass a function to call every time the color is changed. Use this to store the color in the state of a parent component or to make other transformations.\n\nKeep in mind this is called on drag events that can happen quite frequently. If you just need to get the color once use `onChangeComplete`.\n\n```\nimport React from 'react';\nimport { SwatchesPicker } from 'react-color';\n\nclass Component extends React.Component {\n\n handleChange(color, event) {\n // color = {\n // hex: '#333',\n // rgb: {\n // r: 51,\n // g: 51,\n // b: 51,\n // a: 1,\n // },\n // hsl: {\n // h: 0,\n // s: 0,\n // l: .20,\n // a: 1,\n // },\n // }\n }\n\n render() {\n return ;\n }\n}\n```\n"; + module.exports = "---\r\nid: api-color\r\ntitle: color\r\n---\r\nColor controls what color is active on the color picker. You can use this to initialize the color picker with a particular color, or to keep it in sync with the state of a parent component.\r\n\r\nColor accepts either a string of a hex color `'#333'` or a object of rgb or hsl values `{ r: 51, g: 51, b: 51 }` or `{ h: 0, s: 0, l: .10 }`. Both rgb and hsl will also take a `a: 1` value for alpha. You can also use `transparent`.\r\n\r\n```\r\nimport React from 'react';\r\nimport { SketchPicker } from 'react-color';\r\n\r\nclass Component extends React.Component {\r\n state = {\r\n background: '#fff',\r\n };\r\n\r\n handleChangeComplete = (color) => {\r\n this.setState({ background: color.hex });\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n```\r\nIn this case, the color picker will initialize with the color `#fff`. When the color is changed, `handleChangeComplete` will fire and set the new color to state.\r\n"; /***/ }), /* 432 */ /***/ (function(module, exports) { - module.exports = "---\nid: api-onChangeComplete\ntitle: onChangeComplete\n---\nPass a function to call once a color change is complete.\n\n```\nimport React from 'react';\nimport { PhotoshopPicker } from 'react-color';\n\nclass Component extends React.Component {\n state = {\n background: '#fff',\n };\n\n handleChangeComplete = (color, event) => {\n this.setState({ background: color.hex });\n };\n\n render() {\n return ;\n }\n}\n```\n"; + module.exports = "---\r\nid: api-onChange\r\ntitle: onChange\r\n---\r\nPass a function to call every time the color is changed. Use this to store the color in the state of a parent component or to make other transformations.\r\n\r\nKeep in mind this is called on drag events that can happen quite frequently. If you just need to get the color once use `onChangeComplete`.\r\n\r\n```\r\nimport React from 'react';\r\nimport { SwatchesPicker } from 'react-color';\r\n\r\nclass Component extends React.Component {\r\n\r\n handleChange(color, event) {\r\n // color = {\r\n // hex: '#333',\r\n // rgb: {\r\n // r: 51,\r\n // g: 51,\r\n // b: 51,\r\n // a: 1,\r\n // },\r\n // hsl: {\r\n // h: 0,\r\n // s: 0,\r\n // l: .20,\r\n // a: 1,\r\n // },\r\n // }\r\n }\r\n\r\n render() {\r\n return ;\r\n }\r\n}\r\n```\r\n"; /***/ }), /* 433 */ /***/ (function(module, exports) { - module.exports = "---\nid: api-individual\ntitle: Individual APIs\n---\nSome pickers have specific APIs that are unique to themselves:\n\n### \n* **width** - String, Pixel value for picker width. Default `316px`\n* **height** - String, Pixel value for picker height. Default `16px`\n* **direction** - String Enum, `horizontal` or `vertical`. Default `horizontal`\n* **renderers** - Object, Use { canvas: Canvas } with node canvas to do SSR\n* **pointer** - React Component, Custom pointer component\n\n### \n* **width** - String, Pixel value for picker width. Default `170px`\n* **colors** - Array of Strings, Color squares to display. Default `['#D9E3F0', '#F47373', '#697689', '#37D67A', '#2CCCE4', '#555555', '#dce775', '#ff8a65', '#ba68c8']`\n* **triangle** - String, Either `hide` or `top`. Default `top`\n* **onSwatchHover** - An event handler for `onMouseOver` on the ``s within this component. Gives the args `(color, event)`\n\n### \n* **disableAlpha** - Bool, Remove alpha slider and options from picker. Default `false`\n* **renderers** - Object, Use { canvas: Canvas } with node canvas to do SSR\n\n### \n* **width** - String, Pixel value for picker width. Default `252px`\n* **colors** - Array of Strings, Color squares to display. Default `[\"#f44336\", \"#e91e63\", \"#9c27b0\", \"#673ab7\", \"#3f51b5\", \"#2196f3\", \"#03a9f4\", \"#00bcd4\", \"#009688\", \"#4caf50\", \"#8bc34a\", \"#cddc39\", \"#ffeb3b\", \"#ffc107\", \"#ff9800\", \"#ff5722\", \"#795548\", \"#607d8b\"]`\n* **circleSize** - Number, Value for circle size. Default `28`\n* **circleSpacing** - Number, Value for spacing between circles. Default `14`\n* **onSwatchHover** - An event handler for `onMouseOver` on the ``s within this component. Gives the args `(color, event)`\n\n### \n* **colors** - Array of Strings, Color squares to display. Default `['#4D4D4D', '#999999', '#FFFFFF', '#F44E3B', '#FE9200', '#FCDC00', '#DBDF00', '#A4DD00', '#68CCCA', '#73D8FF', '#AEA1FF', '#FDA1FF', '#333333', '#808080', '#cccccc', '#D33115', '#E27300', '#FCC400', '#B0BC00', '#68BC00', '#16A5A5', '#009CE0', '#7B64FF', '#FA28FF', '#000000', '#666666', '#B3B3B3', '#9F0500', '#C45100', '#FB9E00', '#808900', '#194D33', '#0C797D', '#0062B1', '#653294', '#AB149E']`\n* **onSwatchHover** - An event handler for `onMouseOver` on the ``s within this component. Gives the args `(color, event)`\n\n### \n* **width** - String, Pixel value for picker width. Default `200px`\n* **colors** - Array of Strings, Color squares to display. Default `['#B80000', '#DB3E00', '#FCCB00', '#008B02', '#006B76', '#1273DE', '#004DCF', '#5300EB', '#EB9694', '#FAD0C3', '#FEF3BD', '#C1E1C5', '#BEDADC', '#C4DEF6', '#BED3F3', '#D4C4FB']`\n* **triangle** - String, Either `hide`, `top-left` or `top-right`. Default `top-left`\n* **onSwatchHover** - An event handler for `onMouseOver` on the ``s within this component. Gives the args `(color, event)`\n\n### \n* **width** - String, Pixel value for picker width. Default `316px`\n* **height** - String, Pixel value for picker height. Default `16px`\n* **direction** - String Enum, `horizontal` or `vertical`. Default `horizontal`\n* **pointer** - React Component, Custom pointer component\n\n### \n* **header** - String, Title text. Default `Color Picker`\n* **onAccept** - Function, Callback for when accept is clicked.\n* **onCancel** - Function, Callback for when cancel is clicked.\n\n### \n* **disableAlpha** - Bool, Remove alpha slider and options from picker. Default `false`\n* **presetColors** - Array of Strings or Objects, Hex strings for default colors at bottom of picker. Default `['#D0021B', '#F5A623', '#F8E71C', '#8B572A', '#7ED321', '#417505', '#BD10E0', '#9013FE', '#4A90E2', '#50E3C2', '#B8E986', '#000000', '#4A4A4A', '#9B9B9B', '#FFFFFF']`\n> **presetColors** may also be described as an array of objects with `color` and `title` properties: `[{ color: '#f00', title: 'red' }]` or a combination of both\n* **width** - Number, Width of picker. Default `200`\n* **renderers** - Object, Use { canvas: Canvas } with node canvas to do SSR\n* **onSwatchHover** - An event handler for `onMouseOver` on the ``s within this component. Gives the args `(color, event)`\n\n### \n* **pointer** - React Component, Custom pointer component\n\n### \n* **width** - Number, Pixel value for picker width. Default `320`\n* **height** - Number, Pixel value for picker height. Default `240`\n* **colors** - Array of Arrays of Strings, An array of color groups, each with an array of colors\n* **onSwatchHover** - An event handler for `onMouseOver` on the ``s within this component. Gives the args `(color, event)`\n\n### \n* **width** - String, Pixel value for picker width. Default `276px`\n* **colors** - Array of Strings, Color squares to display. Default `['#FF6900', '#FCB900', '#7BDCB5', '#00D084', '#8ED1FC', '#0693E3', '#ABB8C3', '#EB144C', '#F78DA7', '#9900EF']`\n* **triangle** - String, Either `hide`, `top-left` or `top-right`. Default `top-left`\n* **onSwatchHover** - An event handler for `onMouseOver` on the ``s within this component. Gives the args `(color, event)`\n"; + module.exports = "---\r\nid: api-onChangeComplete\r\ntitle: onChangeComplete\r\n---\r\nPass a function to call once a color change is complete.\r\n\r\n```\r\nimport React from 'react';\r\nimport { PhotoshopPicker } from 'react-color';\r\n\r\nclass Component extends React.Component {\r\n state = {\r\n background: '#fff',\r\n };\r\n\r\n handleChangeComplete = (color, event) => {\r\n this.setState({ background: color.hex });\r\n };\r\n\r\n render() {\r\n return ;\r\n }\r\n}\r\n```\r\n"; /***/ }), /* 434 */ /***/ (function(module, exports) { - module.exports = "---\nid: create\ntitle: Create Your Own\n---\n"; + module.exports = "---\r\nid: api-individual\r\ntitle: Individual APIs\r\n---\r\nSome pickers have specific APIs that are unique to themselves:\r\n\r\n### \r\n* **width** - String, Pixel value for picker width. Default `316px`\r\n* **height** - String, Pixel value for picker height. Default `16px`\r\n* **direction** - String Enum, `horizontal` or `vertical`. Default `horizontal`\r\n* **renderers** - Object, Use { canvas: Canvas } with node canvas to do SSR\r\n* **pointer** - React Component, Custom pointer component\r\n\r\n### \r\n* **width** - String, Pixel value for picker width. Default `170px`\r\n* **colors** - Array of Strings, Color squares to display. Default `['#D9E3F0', '#F47373', '#697689', '#37D67A', '#2CCCE4', '#555555', '#dce775', '#ff8a65', '#ba68c8']`\r\n* **triangle** - String, Either `hide` or `top`. Default `top`\r\n* **onSwatchHover** - An event handler for `onMouseOver` on the ``s within this component. Gives the args `(color, event)`\r\n\r\n### \r\n* **disableAlpha** - Bool, Remove alpha slider and options from picker. Default `false`\r\n* **renderers** - Object, Use { canvas: Canvas } with node canvas to do SSR\r\n\r\n### \r\n* **width** - String, Pixel value for picker width. Default `252px`\r\n* **colors** - Array of Strings, Color squares to display. Default `[\"#f44336\", \"#e91e63\", \"#9c27b0\", \"#673ab7\", \"#3f51b5\", \"#2196f3\", \"#03a9f4\", \"#00bcd4\", \"#009688\", \"#4caf50\", \"#8bc34a\", \"#cddc39\", \"#ffeb3b\", \"#ffc107\", \"#ff9800\", \"#ff5722\", \"#795548\", \"#607d8b\"]`\r\n* **circleSize** - Number, Value for circle size. Default `28`\r\n* **circleSpacing** - Number, Value for spacing between circles. Default `14`\r\n* **onSwatchHover** - An event handler for `onMouseOver` on the ``s within this component. Gives the args `(color, event)`\r\n\r\n### \r\n* **colors** - Array of Strings, Color squares to display. Default `['#4D4D4D', '#999999', '#FFFFFF', '#F44E3B', '#FE9200', '#FCDC00', '#DBDF00', '#A4DD00', '#68CCCA', '#73D8FF', '#AEA1FF', '#FDA1FF', '#333333', '#808080', '#cccccc', '#D33115', '#E27300', '#FCC400', '#B0BC00', '#68BC00', '#16A5A5', '#009CE0', '#7B64FF', '#FA28FF', '#000000', '#666666', '#B3B3B3', '#9F0500', '#C45100', '#FB9E00', '#808900', '#194D33', '#0C797D', '#0062B1', '#653294', '#AB149E']`\r\n* **onSwatchHover** - An event handler for `onMouseOver` on the ``s within this component. Gives the args `(color, event)`\r\n\r\n### \r\n* **width** - String, Pixel value for picker width. Default `200px`\r\n* **colors** - Array of Strings, Color squares to display. Default `['#B80000', '#DB3E00', '#FCCB00', '#008B02', '#006B76', '#1273DE', '#004DCF', '#5300EB', '#EB9694', '#FAD0C3', '#FEF3BD', '#C1E1C5', '#BEDADC', '#C4DEF6', '#BED3F3', '#D4C4FB']`\r\n* **triangle** - String, Either `hide`, `top-left` or `top-right`. Default `top-left`\r\n* **onSwatchHover** - An event handler for `onMouseOver` on the ``s within this component. Gives the args `(color, event)`\r\n\r\n### \r\n* **width** - String, Pixel value for picker width. Default `316px`\r\n* **height** - String, Pixel value for picker height. Default `16px`\r\n* **direction** - String Enum, `horizontal` or `vertical`. Default `horizontal`\r\n* **pointer** - React Component, Custom pointer component\r\n\r\n### \r\n* **header** - String, Title text. Default `Color Picker`\r\n* **onAccept** - Function, Callback for when accept is clicked.\r\n* **onCancel** - Function, Callback for when cancel is clicked.\r\n\r\n### \r\n* **disableAlpha** - Bool, Remove alpha slider and options from picker. Default `false`\r\n* **presetColors** - Array of Strings or Objects, Hex strings for default colors at bottom of picker. Default `['#D0021B', '#F5A623', '#F8E71C', '#8B572A', '#7ED321', '#417505', '#BD10E0', '#9013FE', '#4A90E2', '#50E3C2', '#B8E986', '#000000', '#4A4A4A', '#9B9B9B', '#FFFFFF']`\r\n> **presetColors** may also be described as an array of objects with `color` and `title` properties: `[{ color: '#f00', title: 'red' }]` or a combination of both\r\n* **width** - Number, Width of picker. Default `200`\r\n* **renderers** - Object, Use { canvas: Canvas } with node canvas to do SSR\r\n* **onSwatchHover** - An event handler for `onMouseOver` on the ``s within this component. Gives the args `(color, event)`\r\n\r\n### \r\n* **pointer** - React Component, Custom pointer component\r\n\r\n### \r\n* **width** - Number, Pixel value for picker width. Default `320`\r\n* **height** - Number, Pixel value for picker height. Default `240`\r\n* **colors** - Array of Arrays of Strings, An array of color groups, each with an array of colors\r\n* **onSwatchHover** - An event handler for `onMouseOver` on the ``s within this component. Gives the args `(color, event)`\r\n\r\n### \r\n* **width** - String, Pixel value for picker width. Default `276px`\r\n* **colors** - Array of Strings, Color squares to display. Default `['#FF6900', '#FCB900', '#7BDCB5', '#00D084', '#8ED1FC', '#0693E3', '#ABB8C3', '#EB144C', '#F78DA7', '#9900EF']`\r\n* **triangle** - String, Either `hide`, `top-left` or `top-right`. Default `top-left`\r\n* **onSwatchHover** - An event handler for `onMouseOver` on the ``s within this component. Gives the args `(color, event)`\r\n"; /***/ }), /* 435 */ /***/ (function(module, exports) { - module.exports = "---\nid: create-parent\ntitle: Parent Component\n---\nTo make a custom color picker, create a top-level component that will act as the bridge with the `CustomPicker` high order component. Wrap the export with the CustomPicker function:\n\n```\nimport React from 'react';\nimport { CustomPicker } from 'react-color';\n\nclass MyColorPicker extends React.Component {\n render() {\n return
    MyColorPicker
    ;\n }\n}\n\nexport default CustomPicker(MyColorPicker);\n```\n\nThis component will be passed `hex`, `rgb` and `hsl` values as props for the current color. It is also provided an `onChange` prop that should be called to propagate a new color. Pass it a hex string, or an rgb or hsl object.\n"; + module.exports = "---\r\nid: create\r\ntitle: Create Your Own\r\n---\r\n"; /***/ }), /* 436 */ /***/ (function(module, exports) { - module.exports = "---\nid: create-helpers\ntitle: Helper Components\n---\nEvery color picker provided is made up of a collection of helper components. Those components are accessible for you to use to make a custom color picker.\n\n### \nUse Alpha to display a slider to toggle the alpha value. Make sure to wrap it in a div that's the size you want the slider to be and that it is `position: relative`.\n\n* **...this.props** - Pass down all the color props from your top-most component.\n* **pointer** - Define a custom pointer component for the slider pointer.\n* **onChange** - Function callback. Make sure this calls the onChange function of the parent to make it change.\n```\nvar { Alpha } = require('react-color/lib/components/common');\n\n\n```\n\n\n### \nUse EditableInput to display an input / label that acts as the single source of truth until the input is blurred. \n\n* **label** - Used to put a label on the input.\n* **value** - The value to be passed down to the input.\n* **onChange** - Function callback. Use this to call the onChange function of the parent. Returns an object where the key is the label and the value is the new value.\n* **style** - Inline css to style the children elements: `{ wrap: {}, input: {}, label: {} }`\n\n```\nvar { EditableInput } = require('react-color/lib/components/common');\n\nvar inputStyles = {\n input: {\n border: none,\n },\n label: {\n fontSize: '12px',\n color: '#999',\n },\n};\n\n\n```\n\n### \nUse Hue to display a slider to toggle the hue value. Make sure to wrap it in a div that's the size you want the slider to be and that it is `position: relative`.\n\n* **...this.props** - Pass down all the color props from your top-most component.\n* **pointer** - Define a custom pointer component for the slider pointer.\n* **onChange** - Function callback. Make sure this calls the onChange function of the parent to make it change.\n* **direction** - Display direction of the slider. Horizontal by default.\n```\nvar { Hue } = require('react-color/lib/components/common');\n\n\n```\n\n### \nUse Saturation to display a saturation block that users can drag to change the value. Make sure to wrap it in a div that's the size you want the block to be and that it is `position: relative`.\n\n* **...this.props** - Pass down all the color props from your top-most component.\n* **pointer** - Define a custom pointer component for the slider pointer.\n* **onChange** - Function callback. Make sure this calls the onChange function of the parent to make it change.\n```\nvar { Saturation } = require('react-color/lib/components/common');\n\n\n```\n\n### \nThe Checkboard component renders a background of black / white checkerboard for use when displaying gradients or alpha. Make sure to wrap it in a div that's the size you want the block to be and that it is `position: relative`.\n\n* **size** - Number, Size of squares. Default `8`\n* **white** - String, Color of white squares. Default `transparent`\n* **grey** - String, Color of grey squares. Default `rgba(0,0,0,.08)`\n```\nvar { Checkboard } = require('react-color/lib/components/common');\n\n\n```\n"; + module.exports = "---\r\nid: create-parent\r\ntitle: Parent Component\r\n---\r\nTo make a custom color picker, create a top-level component that will act as the bridge with the `CustomPicker` high order component. Wrap the export with the CustomPicker function:\r\n\r\n```\r\nimport React from 'react';\r\nimport { CustomPicker } from 'react-color';\r\n\r\nclass MyColorPicker extends React.Component {\r\n render() {\r\n return
    MyColorPicker
    ;\r\n }\r\n}\r\n\r\nexport default CustomPicker(MyColorPicker);\r\n```\r\n\r\nThis component will be passed `hex`, `rgb` and `hsl` values as props for the current color. It is also provided an `onChange` prop that should be called to propagate a new color. Pass it a hex string, or an rgb or hsl object.\r\n"; /***/ }), /* 437 */ /***/ (function(module, exports) { - module.exports = "---\nid: examples\ntitle: More Examples\n---\n"; + module.exports = "---\r\nid: create-helpers\r\ntitle: Helper Components\r\n---\r\nEvery color picker provided is made up of a collection of helper components. Those components are accessible for you to use to make a custom color picker.\r\n\r\n### \r\nUse Alpha to display a slider to toggle the alpha value. Make sure to wrap it in a div that's the size you want the slider to be and that it is `position: relative`.\r\n\r\n* **...this.props** - Pass down all the color props from your top-most component.\r\n* **pointer** - Define a custom pointer component for the slider pointer.\r\n* **onChange** - Function callback. Make sure this calls the onChange function of the parent to make it change.\r\n```\r\nvar { Alpha } = require('react-color/lib/components/common');\r\n\r\n\r\n```\r\n\r\n\r\n### \r\nUse EditableInput to display an input / label that acts as the single source of truth until the input is blurred. \r\n\r\n* **label** - Used to put a label on the input.\r\n* **value** - The value to be passed down to the input.\r\n* **onChange** - Function callback. Use this to call the onChange function of the parent. Returns an object where the key is the label and the value is the new value.\r\n* **style** - Inline css to style the children elements: `{ wrap: {}, input: {}, label: {} }`\r\n\r\n```\r\nvar { EditableInput } = require('react-color/lib/components/common');\r\n\r\nvar inputStyles = {\r\n input: {\r\n border: none,\r\n },\r\n label: {\r\n fontSize: '12px',\r\n color: '#999',\r\n },\r\n};\r\n\r\n\r\n```\r\n\r\n### \r\nUse Hue to display a slider to toggle the hue value. Make sure to wrap it in a div that's the size you want the slider to be and that it is `position: relative`.\r\n\r\n* **...this.props** - Pass down all the color props from your top-most component.\r\n* **pointer** - Define a custom pointer component for the slider pointer.\r\n* **onChange** - Function callback. Make sure this calls the onChange function of the parent to make it change.\r\n* **direction** - Display direction of the slider. Horizontal by default.\r\n```\r\nvar { Hue } = require('react-color/lib/components/common');\r\n\r\n\r\n```\r\n\r\n### \r\nUse Saturation to display a saturation block that users can drag to change the value. Make sure to wrap it in a div that's the size you want the block to be and that it is `position: relative`.\r\n\r\n* **...this.props** - Pass down all the color props from your top-most component.\r\n* **pointer** - Define a custom pointer component for the slider pointer.\r\n* **onChange** - Function callback. Make sure this calls the onChange function of the parent to make it change.\r\n```\r\nvar { Saturation } = require('react-color/lib/components/common');\r\n\r\n\r\n```\r\n\r\n### \r\nThe Checkboard component renders a background of black / white checkerboard for use when displaying gradients or alpha. Make sure to wrap it in a div that's the size you want the block to be and that it is `position: relative`.\r\n\r\n* **size** - Number, Size of squares. Default `8`\r\n* **white** - String, Color of white squares. Default `transparent`\r\n* **grey** - String, Color of grey squares. Default `rgba(0,0,0,.08)`\r\n```\r\nvar { Checkboard } = require('react-color/lib/components/common');\r\n\r\n\r\n```\r\n"; /***/ }), /* 438 */ -/***/ (function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, '__esModule', { - value: true - }); - - function _interopRequireDefault(obj) { - return obj && obj.__esModule ? obj : { 'default': obj }; - } - - var _Button = __webpack_require__(439); - - var _Button2 = _interopRequireDefault(_Button); - - var _buttonMd = __webpack_require__(440); - - var _buttonMd2 = _interopRequireDefault(_buttonMd); - - var _Sketch = __webpack_require__(441); - - var _Sketch2 = _interopRequireDefault(_Sketch); - - var _sketchMd = __webpack_require__(442); - - var _sketchMd2 = _interopRequireDefault(_sketchMd); - - exports.Button = _Button2['default']; - exports.buttonmd = _buttonMd2['default']; - exports.Sketch = _Sketch2['default']; - exports.sketchmd = _sketchMd2['default']; - -/***/ }), -/* 439 */ -/***/ (function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - - var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - - var _react = __webpack_require__(2); - - var _react2 = _interopRequireDefault(_react); - - var _reactColor = __webpack_require__(339); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - - var ButtonExample = function (_React$Component) { - _inherits(ButtonExample, _React$Component); - - function ButtonExample() { - var _ref; - - var _temp, _this, _ret; - - _classCallCheck(this, ButtonExample); - - for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { - args[_key] = arguments[_key]; - } - - return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ButtonExample.__proto__ || Object.getPrototypeOf(ButtonExample)).call.apply(_ref, [this].concat(args))), _this), _this.state = { - displayColorPicker: false - }, _this.handleClick = function () { - _this.setState({ displayColorPicker: !_this.state.displayColorPicker }); - }, _this.handleClose = function () { - _this.setState({ displayColorPicker: false }); - }, _temp), _possibleConstructorReturn(_this, _ret); - } - - _createClass(ButtonExample, [{ - key: 'render', - value: function render() { - var popover = { - position: 'absolute', - zIndex: '2' - }; - var cover = { - position: 'fixed', - top: '0px', - right: '0px', - bottom: '0px', - left: '0px' - }; - return _react2.default.createElement( - 'div', - null, - _react2.default.createElement( - 'button', - { onClick: this.handleClick }, - 'Pick Color' - ), - this.state.displayColorPicker ? _react2.default.createElement( - 'div', - { style: popover }, - _react2.default.createElement('div', { style: cover, onClick: this.handleClose }), - _react2.default.createElement(_reactColor.ChromePicker, null) - ) : null - ); - } - }]); - - return ButtonExample; - }(_react2.default.Component); - - exports.default = ButtonExample; - -/***/ }), -/* 440 */ -/***/ (function(module, exports) { - - module.exports = "```\n'use strict'\n\nimport React from 'react'\nimport { ChromePicker } from 'react-color'\n\nclass ButtonExample extends React.Component {\n state = {\n displayColorPicker: false,\n };\n\n handleClick = () => {\n this.setState({ displayColorPicker: !this.state.displayColorPicker })\n };\n\n handleClose = () => {\n this.setState({ displayColorPicker: false })\n };\n\n render() {\n const popover = {\n position: 'absolute',\n zIndex: '2',\n }\n const cover = {\n position: 'fixed',\n top: '0px',\n right: '0px',\n bottom: '0px',\n left: '0px',\n }\n return (\n
    \n \n { this.state.displayColorPicker ?
    \n
    \n \n
    : null }\n
    \n )\n }\n}\n\nexport default ButtonExample\n```\n"; - -/***/ }), -/* 441 */ -/***/ (function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - - var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - - var _react = __webpack_require__(2); - - var _react2 = _interopRequireDefault(_react); - - var _reactcss = __webpack_require__(172); - - var _reactcss2 = _interopRequireDefault(_reactcss); - - var _reactColor = __webpack_require__(339); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - - var SketchExample = function (_React$Component) { - _inherits(SketchExample, _React$Component); - - function SketchExample() { - var _ref; - - var _temp, _this, _ret; - - _classCallCheck(this, SketchExample); - - for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { - args[_key] = arguments[_key]; - } - - return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = SketchExample.__proto__ || Object.getPrototypeOf(SketchExample)).call.apply(_ref, [this].concat(args))), _this), _this.state = { - displayColorPicker: false, - color: { - r: '241', - g: '112', - b: '19', - a: '1' - } - }, _this.handleClick = function () { - _this.setState({ displayColorPicker: !_this.state.displayColorPicker }); - }, _this.handleClose = function () { - _this.setState({ displayColorPicker: false }); - }, _this.handleChange = function (color) { - _this.setState({ color: color.rgb }); - }, _temp), _possibleConstructorReturn(_this, _ret); - } - - _createClass(SketchExample, [{ - key: 'render', - value: function render() { - var styles = (0, _reactcss2.default)({ - 'default': { - color: { - width: '36px', - height: '14px', - borderRadius: '2px', - background: 'rgba(' + this.state.color.r + ', ' + this.state.color.g + ', ' + this.state.color.b + ', ' + this.state.color.a + ')' - }, - swatch: { - padding: '5px', - background: '#fff', - borderRadius: '1px', - boxShadow: '0 0 0 1px rgba(0,0,0,.1)', - display: 'inline-block', - cursor: 'pointer' - }, - popover: { - position: 'absolute', - zIndex: '2' - }, - cover: { - position: 'fixed', - top: '0px', - right: '0px', - bottom: '0px', - left: '0px' - } - } - }); - - return _react2.default.createElement( - 'div', - null, - _react2.default.createElement( - 'div', - { style: styles.swatch, onClick: this.handleClick }, - _react2.default.createElement('div', { style: styles.color }) - ), - this.state.displayColorPicker ? _react2.default.createElement( - 'div', - { style: styles.popover }, - _react2.default.createElement('div', { style: styles.cover, onClick: this.handleClose }), - _react2.default.createElement(_reactColor.SketchPicker, { color: this.state.color, onChange: this.handleChange }) - ) : null - ); - } - }]); - - return SketchExample; - }(_react2.default.Component); - - exports.default = SketchExample; - -/***/ }), -/* 442 */ /***/ (function(module, exports) { - module.exports = "```\n'use strict'\n\nimport React from 'react'\nimport reactCSS from 'reactcss'\nimport { SketchPicker } from 'react-color'\n\nclass SketchExample extends React.Component {\n state = {\n displayColorPicker: false,\n color: {\n r: '241',\n g: '112',\n b: '19',\n a: '1',\n },\n };\n\n handleClick = () => {\n this.setState({ displayColorPicker: !this.state.displayColorPicker })\n };\n\n handleClose = () => {\n this.setState({ displayColorPicker: false })\n };\n\n handleChange = (color) => {\n this.setState({ color: color.rgb })\n };\n\n render() {\n\n const styles = reactCSS({\n 'default': {\n color: {\n width: '36px',\n height: '14px',\n borderRadius: '2px',\n background: `rgba(${ this.state.color.r }, ${ this.state.color.g }, ${ this.state.color.b }, ${ this.state.color.a })`,\n },\n swatch: {\n padding: '5px',\n background: '#fff',\n borderRadius: '1px',\n boxShadow: '0 0 0 1px rgba(0,0,0,.1)',\n display: 'inline-block',\n cursor: 'pointer',\n },\n popover: {\n position: 'absolute',\n zIndex: '2',\n },\n cover: {\n position: 'fixed',\n top: '0px',\n right: '0px',\n bottom: '0px',\n left: '0px',\n },\n },\n });\n\n return (\n
    \n
    \n
    \n
    \n { this.state.displayColorPicker ?
    \n
    \n \n
    : null }\n\n
    \n )\n }\n}\n\nexport default SketchExample\n```\n"; + module.exports = "---\r\nid: examples\r\ntitle: More Examples\r\n---\r\n"; /***/ }), -/* 443 */ +/* 439 */ /***/ (function(module, exports, __webpack_require__, __webpack_module_template_argument_0__) { /** - * Copyright 2013-present, Facebook, Inc. - * All rights reserved. + * Copyright (c) 2013-present, Facebook, Inc. * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. * * */