.\n */\nconst Link = forwardRef(\n (\n {\n component = LinkAnchor,\n replace,\n to,\n innerRef, // TODO: deprecate\n ...rest\n },\n forwardedRef\n ) => {\n return (\n \n {context => {\n invariant(context, \"You should not use outside a \");\n\n const { history } = context;\n\n const location = normalizeToLocation(\n resolveToLocation(to, context.location),\n context.location\n );\n\n const href = location ? history.createHref(location) : \"\";\n const props = {\n ...rest,\n href,\n navigate() {\n const location = resolveToLocation(to, context.location);\n const method = replace ? history.replace : history.push;\n\n method(location);\n }\n };\n\n // React 15 compat\n if (forwardRefShim !== forwardRef) {\n props.ref = forwardedRef || innerRef;\n } else {\n props.innerRef = innerRef;\n }\n\n return React.createElement(component, props);\n }}\n \n );\n }\n);\n\nif (__DEV__) {\n const toType = PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.object,\n PropTypes.func\n ]);\n const refType = PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.shape({ current: PropTypes.any })\n ]);\n\n Link.displayName = \"Link\";\n\n Link.propTypes = {\n innerRef: refType,\n onClick: PropTypes.func,\n replace: PropTypes.bool,\n target: PropTypes.string,\n to: toType.isRequired\n };\n}\n\nexport default Link;\n","import React from \"react\";\nimport { __RouterContext as RouterContext, matchPath } from \"react-router\";\nimport PropTypes from \"prop-types\";\nimport invariant from \"tiny-invariant\";\nimport Link from \"./Link\";\nimport { resolveToLocation, normalizeToLocation } from \"./utils/locationUtils\";\n\n// React 15 compat\nconst forwardRefShim = C => C;\nlet { forwardRef } = React;\nif (typeof forwardRef === \"undefined\") {\n forwardRef = forwardRefShim;\n}\n\nfunction joinClassnames(...classnames) {\n return classnames.filter(i => i).join(\" \");\n}\n\n/**\n * A wrapper that knows if it's \"active\" or not.\n */\nconst NavLink = forwardRef(\n (\n {\n \"aria-current\": ariaCurrent = \"page\",\n activeClassName = \"active\",\n activeStyle,\n className: classNameProp,\n exact,\n isActive: isActiveProp,\n location: locationProp,\n strict,\n style: styleProp,\n to,\n innerRef, // TODO: deprecate\n ...rest\n },\n forwardedRef\n ) => {\n return (\n \n {context => {\n invariant(context, \"You should not use outside a \");\n\n const currentLocation = locationProp || context.location;\n const toLocation = normalizeToLocation(\n resolveToLocation(to, currentLocation),\n currentLocation\n );\n const { pathname: path } = toLocation;\n // Regex taken from: https://github.com/pillarjs/path-to-regexp/blob/master/index.js#L202\n const escapedPath =\n path && path.replace(/([.+*?=^!:${}()[\\]|/\\\\])/g, \"\\\\$1\");\n\n const match = escapedPath\n ? matchPath(currentLocation.pathname, {\n path: escapedPath,\n exact,\n strict\n })\n : null;\n const isActive = !!(isActiveProp\n ? isActiveProp(match, currentLocation)\n : match);\n\n const className = isActive\n ? joinClassnames(classNameProp, activeClassName)\n : classNameProp;\n const style = isActive ? { ...styleProp, ...activeStyle } : styleProp;\n\n const props = {\n \"aria-current\": (isActive && ariaCurrent) || null,\n className,\n style,\n to: toLocation,\n ...rest\n };\n\n // React 15 compat\n if (forwardRefShim !== forwardRef) {\n props.ref = forwardedRef || innerRef;\n } else {\n props.innerRef = innerRef;\n }\n\n return ;\n }}\n \n );\n }\n);\n\nif (__DEV__) {\n NavLink.displayName = \"NavLink\";\n\n const ariaCurrentType = PropTypes.oneOf([\n \"page\",\n \"step\",\n \"location\",\n \"date\",\n \"time\",\n \"true\"\n ]);\n\n NavLink.propTypes = {\n ...Link.propTypes,\n \"aria-current\": ariaCurrentType,\n activeClassName: PropTypes.string,\n activeStyle: PropTypes.object,\n className: PropTypes.string,\n exact: PropTypes.bool,\n isActive: PropTypes.func,\n location: PropTypes.object,\n strict: PropTypes.bool,\n style: PropTypes.object\n };\n}\n\nexport default NavLink;\n","function _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nmodule.exports = _classCallCheck;","function _getPrototypeOf(o) {\n module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nmodule.exports = _getPrototypeOf;","function _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\nmodule.exports = _createClass;","var _typeof = require(\"../helpers/typeof\");\n\nvar assertThisInitialized = require(\"./assertThisInitialized\");\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return assertThisInitialized(self);\n}\n\nmodule.exports = _possibleConstructorReturn;","var setPrototypeOf = require(\"./setPrototypeOf\");\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) setPrototypeOf(subClass, superClass);\n}\n\nmodule.exports = _inherits;","/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation. All rights reserved.\r\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use\r\nthis file except in compliance with the License. You may obtain a copy of the\r\nLicense at http://www.apache.org/licenses/LICENSE-2.0\r\n\r\nTHIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\r\nKIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED\r\nWARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,\r\nMERCHANTABLITY OR NON-INFRINGEMENT.\r\n\r\nSee the Apache Version 2.0 License for specific language governing permissions\r\nand limitations under the License.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport function __exportStar(m, exports) {\r\n for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n};\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n result.default = mod;\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, privateMap) {\r\n if (!privateMap.has(receiver)) {\r\n throw new TypeError(\"attempted to get private field on non-instance\");\r\n }\r\n return privateMap.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, privateMap, value) {\r\n if (!privateMap.has(receiver)) {\r\n throw new TypeError(\"attempted to set private field on non-instance\");\r\n }\r\n privateMap.set(receiver, value);\r\n return value;\r\n}\r\n","export default function _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}","export default function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}","import defineProperty from \"./defineProperty\";\nexport default function _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? Object(arguments[i]) : {};\n var ownKeys = Object.keys(source);\n\n if (typeof Object.getOwnPropertySymbols === 'function') {\n ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {\n return Object.getOwnPropertyDescriptor(source, sym).enumerable;\n }));\n }\n\n ownKeys.forEach(function (key) {\n defineProperty(target, key, source[key]);\n });\n }\n\n return target;\n}","export default function _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}","function _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nexport default function _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}","export default function _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}","import _typeof from \"../../helpers/esm/typeof\";\nimport assertThisInitialized from \"./assertThisInitialized\";\nexport default function _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return assertThisInitialized(self);\n}","export default function _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}","export default function _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}","import setPrototypeOf from \"./setPrototypeOf\";\nexport default function _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) setPrototypeOf(subClass, superClass);\n}","import arrayWithoutHoles from \"./arrayWithoutHoles\";\nimport iterableToArray from \"./iterableToArray\";\nimport nonIterableSpread from \"./nonIterableSpread\";\nexport default function _toConsumableArray(arr) {\n return arrayWithoutHoles(arr) || iterableToArray(arr) || nonIterableSpread();\n}","export default function _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) {\n for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n }\n}","export default function _iterableToArray(iter) {\n if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === \"[object Arguments]\") return Array.from(iter);\n}","export default function _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance\");\n}","import arrayWithHoles from \"./arrayWithHoles\";\nimport iterableToArrayLimit from \"./iterableToArrayLimit\";\nimport nonIterableRest from \"./nonIterableRest\";\nexport default function _slicedToArray(arr, i) {\n return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || nonIterableRest();\n}","export default function _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}","export default function _iterableToArrayLimit(arr, i) {\n if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === \"[object Arguments]\")) {\n return;\n }\n\n var _arr = [];\n var _n = true;\n var _d = false;\n var _e = undefined;\n\n try {\n for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {\n _arr.push(_s.value);\n\n if (i && _arr.length === i) break;\n }\n } catch (err) {\n _d = true;\n _e = err;\n } finally {\n try {\n if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n } finally {\n if (_d) throw _e;\n }\n }\n\n return _arr;\n}","export default function _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance\");\n}","import _typeof from '@babel/runtime/helpers/esm/typeof';\nimport _objectSpread from '@babel/runtime/helpers/esm/objectSpread';\nimport _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';\nimport _createClass from '@babel/runtime/helpers/esm/createClass';\nimport _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';\nimport _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';\nimport _assertThisInitialized from '@babel/runtime/helpers/esm/assertThisInitialized';\nimport _inherits from '@babel/runtime/helpers/esm/inherits';\nimport _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';\nimport _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';\n\nvar consoleLogger = {\n type: 'logger',\n log: function log(args) {\n this.output('log', args);\n },\n warn: function warn(args) {\n this.output('warn', args);\n },\n error: function error(args) {\n this.output('error', args);\n },\n output: function output(type, args) {\n var _console;\n\n /* eslint no-console: 0 */\n if (console && console[type]) (_console = console)[type].apply(_console, _toConsumableArray(args));\n }\n};\n\nvar Logger =\n/*#__PURE__*/\nfunction () {\n function Logger(concreteLogger) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n _classCallCheck(this, Logger);\n\n this.init(concreteLogger, options);\n }\n\n _createClass(Logger, [{\n key: \"init\",\n value: function init(concreteLogger) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n this.prefix = options.prefix || 'i18next:';\n this.logger = concreteLogger || consoleLogger;\n this.options = options;\n this.debug = options.debug;\n }\n }, {\n key: \"setDebug\",\n value: function setDebug(bool) {\n this.debug = bool;\n }\n }, {\n key: \"log\",\n value: function log() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return this.forward(args, 'log', '', true);\n }\n }, {\n key: \"warn\",\n value: function warn() {\n for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n\n return this.forward(args, 'warn', '', true);\n }\n }, {\n key: \"error\",\n value: function error() {\n for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {\n args[_key3] = arguments[_key3];\n }\n\n return this.forward(args, 'error', '');\n }\n }, {\n key: \"deprecate\",\n value: function deprecate() {\n for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {\n args[_key4] = arguments[_key4];\n }\n\n return this.forward(args, 'warn', 'WARNING DEPRECATED: ', true);\n }\n }, {\n key: \"forward\",\n value: function forward(args, lvl, prefix, debugOnly) {\n if (debugOnly && !this.debug) return null;\n if (typeof args[0] === 'string') args[0] = \"\".concat(prefix).concat(this.prefix, \" \").concat(args[0]);\n return this.logger[lvl](args);\n }\n }, {\n key: \"create\",\n value: function create(moduleName) {\n return new Logger(this.logger, _objectSpread({}, {\n prefix: \"\".concat(this.prefix, \":\").concat(moduleName, \":\")\n }, this.options));\n }\n }]);\n\n return Logger;\n}();\n\nvar baseLogger = new Logger();\n\nvar EventEmitter =\n/*#__PURE__*/\nfunction () {\n function EventEmitter() {\n _classCallCheck(this, EventEmitter);\n\n this.observers = {};\n }\n\n _createClass(EventEmitter, [{\n key: \"on\",\n value: function on(events, listener) {\n var _this = this;\n\n events.split(' ').forEach(function (event) {\n _this.observers[event] = _this.observers[event] || [];\n\n _this.observers[event].push(listener);\n });\n return this;\n }\n }, {\n key: \"off\",\n value: function off(event, listener) {\n if (!this.observers[event]) return;\n\n if (!listener) {\n delete this.observers[event];\n return;\n }\n\n this.observers[event] = this.observers[event].filter(function (l) {\n return l !== listener;\n });\n }\n }, {\n key: \"emit\",\n value: function emit(event) {\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n if (this.observers[event]) {\n var cloned = [].concat(this.observers[event]);\n cloned.forEach(function (observer) {\n observer.apply(void 0, args);\n });\n }\n\n if (this.observers['*']) {\n var _cloned = [].concat(this.observers['*']);\n\n _cloned.forEach(function (observer) {\n observer.apply(observer, [event].concat(args));\n });\n }\n }\n }]);\n\n return EventEmitter;\n}();\n\n// http://lea.verou.me/2016/12/resolve-promises-externally-with-this-one-weird-trick/\nfunction defer() {\n var res;\n var rej;\n var promise = new Promise(function (resolve, reject) {\n res = resolve;\n rej = reject;\n });\n promise.resolve = res;\n promise.reject = rej;\n return promise;\n}\nfunction makeString(object) {\n if (object == null) return '';\n /* eslint prefer-template: 0 */\n\n return '' + object;\n}\nfunction copy(a, s, t) {\n a.forEach(function (m) {\n if (s[m]) t[m] = s[m];\n });\n}\n\nfunction getLastOfPath(object, path, Empty) {\n function cleanKey(key) {\n return key && key.indexOf('###') > -1 ? key.replace(/###/g, '.') : key;\n }\n\n function canNotTraverseDeeper() {\n return !object || typeof object === 'string';\n }\n\n var stack = typeof path !== 'string' ? [].concat(path) : path.split('.');\n\n while (stack.length > 1) {\n if (canNotTraverseDeeper()) return {};\n var key = cleanKey(stack.shift());\n if (!object[key] && Empty) object[key] = new Empty();\n object = object[key];\n }\n\n if (canNotTraverseDeeper()) return {};\n return {\n obj: object,\n k: cleanKey(stack.shift())\n };\n}\n\nfunction setPath(object, path, newValue) {\n var _getLastOfPath = getLastOfPath(object, path, Object),\n obj = _getLastOfPath.obj,\n k = _getLastOfPath.k;\n\n obj[k] = newValue;\n}\nfunction pushPath(object, path, newValue, concat) {\n var _getLastOfPath2 = getLastOfPath(object, path, Object),\n obj = _getLastOfPath2.obj,\n k = _getLastOfPath2.k;\n\n obj[k] = obj[k] || [];\n if (concat) obj[k] = obj[k].concat(newValue);\n if (!concat) obj[k].push(newValue);\n}\nfunction getPath(object, path) {\n var _getLastOfPath3 = getLastOfPath(object, path),\n obj = _getLastOfPath3.obj,\n k = _getLastOfPath3.k;\n\n if (!obj) return undefined;\n return obj[k];\n}\nfunction getPathWithDefaults(data, defaultData, key) {\n var value = getPath(data, key);\n\n if (value !== undefined) {\n return value;\n } // Fallback to default values\n\n\n return getPath(defaultData, key);\n}\nfunction deepExtend(target, source, overwrite) {\n /* eslint no-restricted-syntax: 0 */\n for (var prop in source) {\n if (prop in target) {\n // If we reached a leaf string in target or source then replace with source or skip depending on the 'overwrite' switch\n if (typeof target[prop] === 'string' || target[prop] instanceof String || typeof source[prop] === 'string' || source[prop] instanceof String) {\n if (overwrite) target[prop] = source[prop];\n } else {\n deepExtend(target[prop], source[prop], overwrite);\n }\n } else {\n target[prop] = source[prop];\n }\n }\n\n return target;\n}\nfunction regexEscape(str) {\n /* eslint no-useless-escape: 0 */\n return str.replace(/[\\-\\[\\]\\/\\{\\}\\(\\)\\*\\+\\?\\.\\\\\\^\\$\\|]/g, '\\\\$&');\n}\n/* eslint-disable */\n\nvar _entityMap = {\n '&': '&',\n '<': '<',\n '>': '>',\n '\"': '"',\n \"'\": ''',\n '/': '/'\n};\n/* eslint-enable */\n\nfunction escape(data) {\n if (typeof data === 'string') {\n return data.replace(/[&<>\"'\\/]/g, function (s) {\n return _entityMap[s];\n });\n }\n\n return data;\n}\n\nvar ResourceStore =\n/*#__PURE__*/\nfunction (_EventEmitter) {\n _inherits(ResourceStore, _EventEmitter);\n\n function ResourceStore(data) {\n var _this;\n\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {\n ns: ['translation'],\n defaultNS: 'translation'\n };\n\n _classCallCheck(this, ResourceStore);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(ResourceStore).call(this));\n EventEmitter.call(_assertThisInitialized(_this)); // <=IE10 fix (unable to call parent constructor)\n\n _this.data = data || {};\n _this.options = options;\n\n if (_this.options.keySeparator === undefined) {\n _this.options.keySeparator = '.';\n }\n\n return _this;\n }\n\n _createClass(ResourceStore, [{\n key: \"addNamespaces\",\n value: function addNamespaces(ns) {\n if (this.options.ns.indexOf(ns) < 0) {\n this.options.ns.push(ns);\n }\n }\n }, {\n key: \"removeNamespaces\",\n value: function removeNamespaces(ns) {\n var index = this.options.ns.indexOf(ns);\n\n if (index > -1) {\n this.options.ns.splice(index, 1);\n }\n }\n }, {\n key: \"getResource\",\n value: function getResource(lng, ns, key) {\n var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};\n var keySeparator = options.keySeparator !== undefined ? options.keySeparator : this.options.keySeparator;\n var path = [lng, ns];\n if (key && typeof key !== 'string') path = path.concat(key);\n if (key && typeof key === 'string') path = path.concat(keySeparator ? key.split(keySeparator) : key);\n\n if (lng.indexOf('.') > -1) {\n path = lng.split('.');\n }\n\n return getPath(this.data, path);\n }\n }, {\n key: \"addResource\",\n value: function addResource(lng, ns, key, value) {\n var options = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {\n silent: false\n };\n var keySeparator = this.options.keySeparator;\n if (keySeparator === undefined) keySeparator = '.';\n var path = [lng, ns];\n if (key) path = path.concat(keySeparator ? key.split(keySeparator) : key);\n\n if (lng.indexOf('.') > -1) {\n path = lng.split('.');\n value = ns;\n ns = path[1];\n }\n\n this.addNamespaces(ns);\n setPath(this.data, path, value);\n if (!options.silent) this.emit('added', lng, ns, key, value);\n }\n }, {\n key: \"addResources\",\n value: function addResources(lng, ns, resources) {\n var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {\n silent: false\n };\n\n /* eslint no-restricted-syntax: 0 */\n for (var m in resources) {\n if (typeof resources[m] === 'string' || Object.prototype.toString.apply(resources[m]) === '[object Array]') this.addResource(lng, ns, m, resources[m], {\n silent: true\n });\n }\n\n if (!options.silent) this.emit('added', lng, ns, resources);\n }\n }, {\n key: \"addResourceBundle\",\n value: function addResourceBundle(lng, ns, resources, deep, overwrite) {\n var options = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {\n silent: false\n };\n var path = [lng, ns];\n\n if (lng.indexOf('.') > -1) {\n path = lng.split('.');\n deep = resources;\n resources = ns;\n ns = path[1];\n }\n\n this.addNamespaces(ns);\n var pack = getPath(this.data, path) || {};\n\n if (deep) {\n deepExtend(pack, resources, overwrite);\n } else {\n pack = _objectSpread({}, pack, resources);\n }\n\n setPath(this.data, path, pack);\n if (!options.silent) this.emit('added', lng, ns, resources);\n }\n }, {\n key: \"removeResourceBundle\",\n value: function removeResourceBundle(lng, ns) {\n if (this.hasResourceBundle(lng, ns)) {\n delete this.data[lng][ns];\n }\n\n this.removeNamespaces(ns);\n this.emit('removed', lng, ns);\n }\n }, {\n key: \"hasResourceBundle\",\n value: function hasResourceBundle(lng, ns) {\n return this.getResource(lng, ns) !== undefined;\n }\n }, {\n key: \"getResourceBundle\",\n value: function getResourceBundle(lng, ns) {\n if (!ns) ns = this.options.defaultNS; // COMPATIBILITY: remove extend in v2.1.0\n\n if (this.options.compatibilityAPI === 'v1') return _objectSpread({}, {}, this.getResource(lng, ns));\n return this.getResource(lng, ns);\n }\n }, {\n key: \"getDataByLanguage\",\n value: function getDataByLanguage(lng) {\n return this.data[lng];\n }\n }, {\n key: \"toJSON\",\n value: function toJSON() {\n return this.data;\n }\n }]);\n\n return ResourceStore;\n}(EventEmitter);\n\nvar postProcessor = {\n processors: {},\n addPostProcessor: function addPostProcessor(module) {\n this.processors[module.name] = module;\n },\n handle: function handle(processors, value, key, options, translator) {\n var _this = this;\n\n processors.forEach(function (processor) {\n if (_this.processors[processor]) value = _this.processors[processor].process(value, key, options, translator);\n });\n return value;\n }\n};\n\nvar checkedLoadedFor = {};\n\nvar Translator =\n/*#__PURE__*/\nfunction (_EventEmitter) {\n _inherits(Translator, _EventEmitter);\n\n function Translator(services) {\n var _this;\n\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n _classCallCheck(this, Translator);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(Translator).call(this));\n EventEmitter.call(_assertThisInitialized(_this)); // <=IE10 fix (unable to call parent constructor)\n\n copy(['resourceStore', 'languageUtils', 'pluralResolver', 'interpolator', 'backendConnector', 'i18nFormat', 'utils'], services, _assertThisInitialized(_this));\n _this.options = options;\n\n if (_this.options.keySeparator === undefined) {\n _this.options.keySeparator = '.';\n }\n\n _this.logger = baseLogger.create('translator');\n return _this;\n }\n\n _createClass(Translator, [{\n key: \"changeLanguage\",\n value: function changeLanguage(lng) {\n if (lng) this.language = lng;\n }\n }, {\n key: \"exists\",\n value: function exists(key) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {\n interpolation: {}\n };\n var resolved = this.resolve(key, options);\n return resolved && resolved.res !== undefined;\n }\n }, {\n key: \"extractFromKey\",\n value: function extractFromKey(key, options) {\n var nsSeparator = options.nsSeparator || this.options.nsSeparator;\n if (nsSeparator === undefined) nsSeparator = ':';\n var keySeparator = options.keySeparator !== undefined ? options.keySeparator : this.options.keySeparator;\n var namespaces = options.ns || this.options.defaultNS;\n\n if (nsSeparator && key.indexOf(nsSeparator) > -1) {\n var parts = key.split(nsSeparator);\n if (nsSeparator !== keySeparator || nsSeparator === keySeparator && this.options.ns.indexOf(parts[0]) > -1) namespaces = parts.shift();\n key = parts.join(keySeparator);\n }\n\n if (typeof namespaces === 'string') namespaces = [namespaces];\n return {\n key: key,\n namespaces: namespaces\n };\n }\n }, {\n key: \"translate\",\n value: function translate(keys, options) {\n var _this2 = this;\n\n if (_typeof(options) !== 'object' && this.options.overloadTranslationOptionHandler) {\n /* eslint prefer-rest-params: 0 */\n options = this.options.overloadTranslationOptionHandler(arguments);\n }\n\n if (!options) options = {}; // non valid keys handling\n\n if (keys === undefined || keys === null\n /* || keys === ''*/\n ) return '';\n if (!Array.isArray(keys)) keys = [String(keys)]; // separators\n\n var keySeparator = options.keySeparator !== undefined ? options.keySeparator : this.options.keySeparator; // get namespace(s)\n\n var _this$extractFromKey = this.extractFromKey(keys[keys.length - 1], options),\n key = _this$extractFromKey.key,\n namespaces = _this$extractFromKey.namespaces;\n\n var namespace = namespaces[namespaces.length - 1]; // return key on CIMode\n\n var lng = options.lng || this.language;\n var appendNamespaceToCIMode = options.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;\n\n if (lng && lng.toLowerCase() === 'cimode') {\n if (appendNamespaceToCIMode) {\n var nsSeparator = options.nsSeparator || this.options.nsSeparator;\n return namespace + nsSeparator + key;\n }\n\n return key;\n } // resolve from store\n\n\n var resolved = this.resolve(keys, options);\n var res = resolved && resolved.res;\n var resUsedKey = resolved && resolved.usedKey || key;\n var resExactUsedKey = resolved && resolved.exactUsedKey || key;\n var resType = Object.prototype.toString.apply(res);\n var noObject = ['[object Number]', '[object Function]', '[object RegExp]'];\n var joinArrays = options.joinArrays !== undefined ? options.joinArrays : this.options.joinArrays; // object\n\n var handleAsObjectInI18nFormat = !this.i18nFormat || this.i18nFormat.handleAsObject;\n var handleAsObject = typeof res !== 'string' && typeof res !== 'boolean' && typeof res !== 'number';\n\n if (handleAsObjectInI18nFormat && res && handleAsObject && noObject.indexOf(resType) < 0 && !(typeof joinArrays === 'string' && resType === '[object Array]')) {\n if (!options.returnObjects && !this.options.returnObjects) {\n this.logger.warn('accessing an object - but returnObjects options is not enabled!');\n return this.options.returnedObjectHandler ? this.options.returnedObjectHandler(resUsedKey, res, options) : \"key '\".concat(key, \" (\").concat(this.language, \")' returned an object instead of string.\");\n } // if we got a separator we loop over children - else we just return object as is\n // as having it set to false means no hierarchy so no lookup for nested values\n\n\n if (keySeparator) {\n var resTypeIsArray = resType === '[object Array]';\n var copy$$1 = resTypeIsArray ? [] : {}; // apply child translation on a copy\n\n /* eslint no-restricted-syntax: 0 */\n\n var newKeyToUse = resTypeIsArray ? resExactUsedKey : resUsedKey;\n\n for (var m in res) {\n if (Object.prototype.hasOwnProperty.call(res, m)) {\n var deepKey = \"\".concat(newKeyToUse).concat(keySeparator).concat(m);\n copy$$1[m] = this.translate(deepKey, _objectSpread({}, options, {\n joinArrays: false,\n ns: namespaces\n }));\n if (copy$$1[m] === deepKey) copy$$1[m] = res[m]; // if nothing found use orginal value as fallback\n }\n }\n\n res = copy$$1;\n }\n } else if (handleAsObjectInI18nFormat && typeof joinArrays === 'string' && resType === '[object Array]') {\n // array special treatment\n res = res.join(joinArrays);\n if (res) res = this.extendTranslation(res, keys, options);\n } else {\n // string, empty or null\n var usedDefault = false;\n var usedKey = false; // fallback value\n\n if (!this.isValidLookup(res) && options.defaultValue !== undefined) {\n usedDefault = true;\n\n if (options.count !== undefined) {\n var suffix = this.pluralResolver.getSuffix(lng, options.count);\n res = options[\"defaultValue\".concat(suffix)];\n }\n\n if (!res) res = options.defaultValue;\n }\n\n if (!this.isValidLookup(res)) {\n usedKey = true;\n res = key;\n } // save missing\n\n\n var updateMissing = options.defaultValue && options.defaultValue !== res && this.options.updateMissing;\n\n if (usedKey || usedDefault || updateMissing) {\n this.logger.log(updateMissing ? 'updateKey' : 'missingKey', lng, namespace, key, updateMissing ? options.defaultValue : res);\n var lngs = [];\n var fallbackLngs = this.languageUtils.getFallbackCodes(this.options.fallbackLng, options.lng || this.language);\n\n if (this.options.saveMissingTo === 'fallback' && fallbackLngs && fallbackLngs[0]) {\n for (var i = 0; i < fallbackLngs.length; i++) {\n lngs.push(fallbackLngs[i]);\n }\n } else if (this.options.saveMissingTo === 'all') {\n lngs = this.languageUtils.toResolveHierarchy(options.lng || this.language);\n } else {\n lngs.push(options.lng || this.language);\n }\n\n var send = function send(l, k) {\n if (_this2.options.missingKeyHandler) {\n _this2.options.missingKeyHandler(l, namespace, k, updateMissing ? options.defaultValue : res, updateMissing, options);\n } else if (_this2.backendConnector && _this2.backendConnector.saveMissing) {\n _this2.backendConnector.saveMissing(l, namespace, k, updateMissing ? options.defaultValue : res, updateMissing, options);\n }\n\n _this2.emit('missingKey', l, namespace, k, res);\n };\n\n if (this.options.saveMissing) {\n var needsPluralHandling = options.count !== undefined && typeof options.count !== 'string';\n\n if (this.options.saveMissingPlurals && needsPluralHandling) {\n lngs.forEach(function (l) {\n var plurals = _this2.pluralResolver.getPluralFormsOfKey(l, key);\n\n plurals.forEach(function (p) {\n return send([l], p);\n });\n });\n } else {\n send(lngs, key);\n }\n }\n } // extend\n\n\n res = this.extendTranslation(res, keys, options, resolved); // append namespace if still key\n\n if (usedKey && res === key && this.options.appendNamespaceToMissingKey) res = \"\".concat(namespace, \":\").concat(key); // parseMissingKeyHandler\n\n if (usedKey && this.options.parseMissingKeyHandler) res = this.options.parseMissingKeyHandler(res);\n } // return\n\n\n return res;\n }\n }, {\n key: \"extendTranslation\",\n value: function extendTranslation(res, key, options, resolved) {\n var _this3 = this;\n\n if (this.i18nFormat && this.i18nFormat.parse) {\n res = this.i18nFormat.parse(res, options, resolved.usedLng, resolved.usedNS, resolved.usedKey, {\n resolved: resolved\n });\n } else if (!options.skipInterpolation) {\n // i18next.parsing\n if (options.interpolation) this.interpolator.init(_objectSpread({}, options, {\n interpolation: _objectSpread({}, this.options.interpolation, options.interpolation)\n })); // interpolate\n\n var data = options.replace && typeof options.replace !== 'string' ? options.replace : options;\n if (this.options.interpolation.defaultVariables) data = _objectSpread({}, this.options.interpolation.defaultVariables, data);\n res = this.interpolator.interpolate(res, data, options.lng || this.language, options); // nesting\n\n if (options.nest !== false) res = this.interpolator.nest(res, function () {\n return _this3.translate.apply(_this3, arguments);\n }, options);\n if (options.interpolation) this.interpolator.reset();\n } // post process\n\n\n var postProcess = options.postProcess || this.options.postProcess;\n var postProcessorNames = typeof postProcess === 'string' ? [postProcess] : postProcess;\n\n if (res !== undefined && res !== null && postProcessorNames && postProcessorNames.length && options.applyPostProcessor !== false) {\n res = postProcessor.handle(postProcessorNames, res, key, this.options && this.options.postProcessPassResolved ? _objectSpread({\n i18nResolved: resolved\n }, options) : options, this);\n }\n\n return res;\n }\n }, {\n key: \"resolve\",\n value: function resolve(keys) {\n var _this4 = this;\n\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var found;\n var usedKey; // plain key\n\n var exactUsedKey; // key with context / plural\n\n var usedLng;\n var usedNS;\n if (typeof keys === 'string') keys = [keys]; // forEach possible key\n\n keys.forEach(function (k) {\n if (_this4.isValidLookup(found)) return;\n\n var extracted = _this4.extractFromKey(k, options);\n\n var key = extracted.key;\n usedKey = key;\n var namespaces = extracted.namespaces;\n if (_this4.options.fallbackNS) namespaces = namespaces.concat(_this4.options.fallbackNS);\n var needsPluralHandling = options.count !== undefined && typeof options.count !== 'string';\n var needsContextHandling = options.context !== undefined && typeof options.context === 'string' && options.context !== '';\n var codes = options.lngs ? options.lngs : _this4.languageUtils.toResolveHierarchy(options.lng || _this4.language, options.fallbackLng);\n namespaces.forEach(function (ns) {\n if (_this4.isValidLookup(found)) return;\n usedNS = ns;\n\n if (!checkedLoadedFor[\"\".concat(codes[0], \"-\").concat(ns)] && _this4.utils && _this4.utils.hasLoadedNamespace && !_this4.utils.hasLoadedNamespace(usedNS)) {\n checkedLoadedFor[\"\".concat(codes[0], \"-\").concat(ns)] = true;\n\n _this4.logger.warn(\"key \\\"\".concat(usedKey, \"\\\" for namespace \\\"\").concat(usedNS, \"\\\" for languages \\\"\").concat(codes.join(', '), \"\\\" won't get resolved as namespace was not yet loaded\"), 'This means something IS WRONG in your application setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!');\n }\n\n codes.forEach(function (code) {\n if (_this4.isValidLookup(found)) return;\n usedLng = code;\n var finalKey = key;\n var finalKeys = [finalKey];\n\n if (_this4.i18nFormat && _this4.i18nFormat.addLookupKeys) {\n _this4.i18nFormat.addLookupKeys(finalKeys, key, code, ns, options);\n } else {\n var pluralSuffix;\n if (needsPluralHandling) pluralSuffix = _this4.pluralResolver.getSuffix(code, options.count); // fallback for plural if context not found\n\n if (needsPluralHandling && needsContextHandling) finalKeys.push(finalKey + pluralSuffix); // get key for context if needed\n\n if (needsContextHandling) finalKeys.push(finalKey += \"\".concat(_this4.options.contextSeparator).concat(options.context)); // get key for plural if needed\n\n if (needsPluralHandling) finalKeys.push(finalKey += pluralSuffix);\n } // iterate over finalKeys starting with most specific pluralkey (-> contextkey only) -> singularkey only\n\n\n var possibleKey;\n /* eslint no-cond-assign: 0 */\n\n while (possibleKey = finalKeys.pop()) {\n if (!_this4.isValidLookup(found)) {\n exactUsedKey = possibleKey;\n found = _this4.getResource(code, ns, possibleKey, options);\n }\n }\n });\n });\n });\n return {\n res: found,\n usedKey: usedKey,\n exactUsedKey: exactUsedKey,\n usedLng: usedLng,\n usedNS: usedNS\n };\n }\n }, {\n key: \"isValidLookup\",\n value: function isValidLookup(res) {\n return res !== undefined && !(!this.options.returnNull && res === null) && !(!this.options.returnEmptyString && res === '');\n }\n }, {\n key: \"getResource\",\n value: function getResource(code, ns, key) {\n var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};\n if (this.i18nFormat && this.i18nFormat.getResource) return this.i18nFormat.getResource(code, ns, key, options);\n return this.resourceStore.getResource(code, ns, key, options);\n }\n }]);\n\n return Translator;\n}(EventEmitter);\n\nfunction capitalize(string) {\n return string.charAt(0).toUpperCase() + string.slice(1);\n}\n\nvar LanguageUtil =\n/*#__PURE__*/\nfunction () {\n function LanguageUtil(options) {\n _classCallCheck(this, LanguageUtil);\n\n this.options = options;\n this.whitelist = this.options.whitelist || false;\n this.logger = baseLogger.create('languageUtils');\n }\n\n _createClass(LanguageUtil, [{\n key: \"getScriptPartFromCode\",\n value: function getScriptPartFromCode(code) {\n if (!code || code.indexOf('-') < 0) return null;\n var p = code.split('-');\n if (p.length === 2) return null;\n p.pop();\n return this.formatLanguageCode(p.join('-'));\n }\n }, {\n key: \"getLanguagePartFromCode\",\n value: function getLanguagePartFromCode(code) {\n if (!code || code.indexOf('-') < 0) return code;\n var p = code.split('-');\n return this.formatLanguageCode(p[0]);\n }\n }, {\n key: \"formatLanguageCode\",\n value: function formatLanguageCode(code) {\n // http://www.iana.org/assignments/language-tags/language-tags.xhtml\n if (typeof code === 'string' && code.indexOf('-') > -1) {\n var specialCases = ['hans', 'hant', 'latn', 'cyrl', 'cans', 'mong', 'arab'];\n var p = code.split('-');\n\n if (this.options.lowerCaseLng) {\n p = p.map(function (part) {\n return part.toLowerCase();\n });\n } else if (p.length === 2) {\n p[0] = p[0].toLowerCase();\n p[1] = p[1].toUpperCase();\n if (specialCases.indexOf(p[1].toLowerCase()) > -1) p[1] = capitalize(p[1].toLowerCase());\n } else if (p.length === 3) {\n p[0] = p[0].toLowerCase(); // if lenght 2 guess it's a country\n\n if (p[1].length === 2) p[1] = p[1].toUpperCase();\n if (p[0] !== 'sgn' && p[2].length === 2) p[2] = p[2].toUpperCase();\n if (specialCases.indexOf(p[1].toLowerCase()) > -1) p[1] = capitalize(p[1].toLowerCase());\n if (specialCases.indexOf(p[2].toLowerCase()) > -1) p[2] = capitalize(p[2].toLowerCase());\n }\n\n return p.join('-');\n }\n\n return this.options.cleanCode || this.options.lowerCaseLng ? code.toLowerCase() : code;\n }\n }, {\n key: \"isWhitelisted\",\n value: function isWhitelisted(code) {\n if (this.options.load === 'languageOnly' || this.options.nonExplicitWhitelist) {\n code = this.getLanguagePartFromCode(code);\n }\n\n return !this.whitelist || !this.whitelist.length || this.whitelist.indexOf(code) > -1;\n }\n }, {\n key: \"getFallbackCodes\",\n value: function getFallbackCodes(fallbacks, code) {\n if (!fallbacks) return [];\n if (typeof fallbacks === 'string') fallbacks = [fallbacks];\n if (Object.prototype.toString.apply(fallbacks) === '[object Array]') return fallbacks;\n if (!code) return fallbacks[\"default\"] || []; // asume we have an object defining fallbacks\n\n var found = fallbacks[code];\n if (!found) found = fallbacks[this.getScriptPartFromCode(code)];\n if (!found) found = fallbacks[this.formatLanguageCode(code)];\n if (!found) found = fallbacks[\"default\"];\n return found || [];\n }\n }, {\n key: \"toResolveHierarchy\",\n value: function toResolveHierarchy(code, fallbackCode) {\n var _this = this;\n\n var fallbackCodes = this.getFallbackCodes(fallbackCode || this.options.fallbackLng || [], code);\n var codes = [];\n\n var addCode = function addCode(c) {\n if (!c) return;\n\n if (_this.isWhitelisted(c)) {\n codes.push(c);\n } else {\n _this.logger.warn(\"rejecting non-whitelisted language code: \".concat(c));\n }\n };\n\n if (typeof code === 'string' && code.indexOf('-') > -1) {\n if (this.options.load !== 'languageOnly') addCode(this.formatLanguageCode(code));\n if (this.options.load !== 'languageOnly' && this.options.load !== 'currentOnly') addCode(this.getScriptPartFromCode(code));\n if (this.options.load !== 'currentOnly') addCode(this.getLanguagePartFromCode(code));\n } else if (typeof code === 'string') {\n addCode(this.formatLanguageCode(code));\n }\n\n fallbackCodes.forEach(function (fc) {\n if (codes.indexOf(fc) < 0) addCode(_this.formatLanguageCode(fc));\n });\n return codes;\n }\n }]);\n\n return LanguageUtil;\n}();\n\n/* eslint-disable */\n\nvar sets = [{\n lngs: ['ach', 'ak', 'am', 'arn', 'br', 'fil', 'gun', 'ln', 'mfe', 'mg', 'mi', 'oc', 'pt', 'pt-BR', 'tg', 'ti', 'tr', 'uz', 'wa'],\n nr: [1, 2],\n fc: 1\n}, {\n lngs: ['af', 'an', 'ast', 'az', 'bg', 'bn', 'ca', 'da', 'de', 'dev', 'el', 'en', 'eo', 'es', 'et', 'eu', 'fi', 'fo', 'fur', 'fy', 'gl', 'gu', 'ha', 'hi', 'hu', 'hy', 'ia', 'it', 'kn', 'ku', 'lb', 'mai', 'ml', 'mn', 'mr', 'nah', 'nap', 'nb', 'ne', 'nl', 'nn', 'no', 'nso', 'pa', 'pap', 'pms', 'ps', 'pt-PT', 'rm', 'sco', 'se', 'si', 'so', 'son', 'sq', 'sv', 'sw', 'ta', 'te', 'tk', 'ur', 'yo'],\n nr: [1, 2],\n fc: 2\n}, {\n lngs: ['ay', 'bo', 'cgg', 'fa', 'id', 'ja', 'jbo', 'ka', 'kk', 'km', 'ko', 'ky', 'lo', 'ms', 'sah', 'su', 'th', 'tt', 'ug', 'vi', 'wo', 'zh'],\n nr: [1],\n fc: 3\n}, {\n lngs: ['be', 'bs', 'cnr', 'dz', 'hr', 'ru', 'sr', 'uk'],\n nr: [1, 2, 5],\n fc: 4\n}, {\n lngs: ['ar'],\n nr: [0, 1, 2, 3, 11, 100],\n fc: 5\n}, {\n lngs: ['cs', 'sk'],\n nr: [1, 2, 5],\n fc: 6\n}, {\n lngs: ['csb', 'pl'],\n nr: [1, 2, 5],\n fc: 7\n}, {\n lngs: ['cy'],\n nr: [1, 2, 3, 8],\n fc: 8\n}, {\n lngs: ['fr'],\n nr: [1, 2],\n fc: 9\n}, {\n lngs: ['ga'],\n nr: [1, 2, 3, 7, 11],\n fc: 10\n}, {\n lngs: ['gd'],\n nr: [1, 2, 3, 20],\n fc: 11\n}, {\n lngs: ['is'],\n nr: [1, 2],\n fc: 12\n}, {\n lngs: ['jv'],\n nr: [0, 1],\n fc: 13\n}, {\n lngs: ['kw'],\n nr: [1, 2, 3, 4],\n fc: 14\n}, {\n lngs: ['lt'],\n nr: [1, 2, 10],\n fc: 15\n}, {\n lngs: ['lv'],\n nr: [1, 2, 0],\n fc: 16\n}, {\n lngs: ['mk'],\n nr: [1, 2],\n fc: 17\n}, {\n lngs: ['mnk'],\n nr: [0, 1, 2],\n fc: 18\n}, {\n lngs: ['mt'],\n nr: [1, 2, 11, 20],\n fc: 19\n}, {\n lngs: ['or'],\n nr: [2, 1],\n fc: 2\n}, {\n lngs: ['ro'],\n nr: [1, 2, 20],\n fc: 20\n}, {\n lngs: ['sl'],\n nr: [5, 1, 2, 3],\n fc: 21\n}, {\n lngs: ['he'],\n nr: [1, 2, 20, 21],\n fc: 22\n}];\nvar _rulesPluralsTypes = {\n 1: function _(n) {\n return Number(n > 1);\n },\n 2: function _(n) {\n return Number(n != 1);\n },\n 3: function _(n) {\n return 0;\n },\n 4: function _(n) {\n return Number(n % 10 == 1 && n % 100 != 11 ? 0 : n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2);\n },\n 5: function _(n) {\n return Number(n === 0 ? 0 : n == 1 ? 1 : n == 2 ? 2 : n % 100 >= 3 && n % 100 <= 10 ? 3 : n % 100 >= 11 ? 4 : 5);\n },\n 6: function _(n) {\n return Number(n == 1 ? 0 : n >= 2 && n <= 4 ? 1 : 2);\n },\n 7: function _(n) {\n return Number(n == 1 ? 0 : n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2);\n },\n 8: function _(n) {\n return Number(n == 1 ? 0 : n == 2 ? 1 : n != 8 && n != 11 ? 2 : 3);\n },\n 9: function _(n) {\n return Number(n >= 2);\n },\n 10: function _(n) {\n return Number(n == 1 ? 0 : n == 2 ? 1 : n < 7 ? 2 : n < 11 ? 3 : 4);\n },\n 11: function _(n) {\n return Number(n == 1 || n == 11 ? 0 : n == 2 || n == 12 ? 1 : n > 2 && n < 20 ? 2 : 3);\n },\n 12: function _(n) {\n return Number(n % 10 != 1 || n % 100 == 11);\n },\n 13: function _(n) {\n return Number(n !== 0);\n },\n 14: function _(n) {\n return Number(n == 1 ? 0 : n == 2 ? 1 : n == 3 ? 2 : 3);\n },\n 15: function _(n) {\n return Number(n % 10 == 1 && n % 100 != 11 ? 0 : n % 10 >= 2 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2);\n },\n 16: function _(n) {\n return Number(n % 10 == 1 && n % 100 != 11 ? 0 : n !== 0 ? 1 : 2);\n },\n 17: function _(n) {\n return Number(n == 1 || n % 10 == 1 ? 0 : 1);\n },\n 18: function _(n) {\n return Number(n == 0 ? 0 : n == 1 ? 1 : 2);\n },\n 19: function _(n) {\n return Number(n == 1 ? 0 : n === 0 || n % 100 > 1 && n % 100 < 11 ? 1 : n % 100 > 10 && n % 100 < 20 ? 2 : 3);\n },\n 20: function _(n) {\n return Number(n == 1 ? 0 : n === 0 || n % 100 > 0 && n % 100 < 20 ? 1 : 2);\n },\n 21: function _(n) {\n return Number(n % 100 == 1 ? 1 : n % 100 == 2 ? 2 : n % 100 == 3 || n % 100 == 4 ? 3 : 0);\n },\n 22: function _(n) {\n return Number(n === 1 ? 0 : n === 2 ? 1 : (n < 0 || n > 10) && n % 10 == 0 ? 2 : 3);\n }\n};\n/* eslint-enable */\n\nfunction createRules() {\n var rules = {};\n sets.forEach(function (set) {\n set.lngs.forEach(function (l) {\n rules[l] = {\n numbers: set.nr,\n plurals: _rulesPluralsTypes[set.fc]\n };\n });\n });\n return rules;\n}\n\nvar PluralResolver =\n/*#__PURE__*/\nfunction () {\n function PluralResolver(languageUtils) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n _classCallCheck(this, PluralResolver);\n\n this.languageUtils = languageUtils;\n this.options = options;\n this.logger = baseLogger.create('pluralResolver');\n this.rules = createRules();\n }\n\n _createClass(PluralResolver, [{\n key: \"addRule\",\n value: function addRule(lng, obj) {\n this.rules[lng] = obj;\n }\n }, {\n key: \"getRule\",\n value: function getRule(code) {\n return this.rules[code] || this.rules[this.languageUtils.getLanguagePartFromCode(code)];\n }\n }, {\n key: \"needsPlural\",\n value: function needsPlural(code) {\n var rule = this.getRule(code);\n return rule && rule.numbers.length > 1;\n }\n }, {\n key: \"getPluralFormsOfKey\",\n value: function getPluralFormsOfKey(code, key) {\n var _this = this;\n\n var ret = [];\n var rule = this.getRule(code);\n if (!rule) return ret;\n rule.numbers.forEach(function (n) {\n var suffix = _this.getSuffix(code, n);\n\n ret.push(\"\".concat(key).concat(suffix));\n });\n return ret;\n }\n }, {\n key: \"getSuffix\",\n value: function getSuffix(code, count) {\n var _this2 = this;\n\n var rule = this.getRule(code);\n\n if (rule) {\n // if (rule.numbers.length === 1) return ''; // only singular\n var idx = rule.noAbs ? rule.plurals(count) : rule.plurals(Math.abs(count));\n var suffix = rule.numbers[idx]; // special treatment for lngs only having singular and plural\n\n if (this.options.simplifyPluralSuffix && rule.numbers.length === 2 && rule.numbers[0] === 1) {\n if (suffix === 2) {\n suffix = 'plural';\n } else if (suffix === 1) {\n suffix = '';\n }\n }\n\n var returnSuffix = function returnSuffix() {\n return _this2.options.prepend && suffix.toString() ? _this2.options.prepend + suffix.toString() : suffix.toString();\n }; // COMPATIBILITY JSON\n // v1\n\n\n if (this.options.compatibilityJSON === 'v1') {\n if (suffix === 1) return '';\n if (typeof suffix === 'number') return \"_plural_\".concat(suffix.toString());\n return returnSuffix();\n } else if (\n /* v2 */\n this.options.compatibilityJSON === 'v2') {\n return returnSuffix();\n } else if (\n /* v3 - gettext index */\n this.options.simplifyPluralSuffix && rule.numbers.length === 2 && rule.numbers[0] === 1) {\n return returnSuffix();\n }\n\n return this.options.prepend && idx.toString() ? this.options.prepend + idx.toString() : idx.toString();\n }\n\n this.logger.warn(\"no plural rule found for: \".concat(code));\n return '';\n }\n }]);\n\n return PluralResolver;\n}();\n\nvar Interpolator =\n/*#__PURE__*/\nfunction () {\n function Interpolator() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n _classCallCheck(this, Interpolator);\n\n this.logger = baseLogger.create('interpolator');\n this.options = options;\n\n this.format = options.interpolation && options.interpolation.format || function (value) {\n return value;\n };\n\n this.init(options);\n }\n /* eslint no-param-reassign: 0 */\n\n\n _createClass(Interpolator, [{\n key: \"init\",\n value: function init() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n if (!options.interpolation) options.interpolation = {\n escapeValue: true\n };\n var iOpts = options.interpolation;\n this.escape = iOpts.escape !== undefined ? iOpts.escape : escape;\n this.escapeValue = iOpts.escapeValue !== undefined ? iOpts.escapeValue : true;\n this.useRawValueToEscape = iOpts.useRawValueToEscape !== undefined ? iOpts.useRawValueToEscape : false;\n this.prefix = iOpts.prefix ? regexEscape(iOpts.prefix) : iOpts.prefixEscaped || '{{';\n this.suffix = iOpts.suffix ? regexEscape(iOpts.suffix) : iOpts.suffixEscaped || '}}';\n this.formatSeparator = iOpts.formatSeparator ? iOpts.formatSeparator : iOpts.formatSeparator || ',';\n this.unescapePrefix = iOpts.unescapeSuffix ? '' : iOpts.unescapePrefix || '-';\n this.unescapeSuffix = this.unescapePrefix ? '' : iOpts.unescapeSuffix || '';\n this.nestingPrefix = iOpts.nestingPrefix ? regexEscape(iOpts.nestingPrefix) : iOpts.nestingPrefixEscaped || regexEscape('$t(');\n this.nestingSuffix = iOpts.nestingSuffix ? regexEscape(iOpts.nestingSuffix) : iOpts.nestingSuffixEscaped || regexEscape(')');\n this.nestingOptionsSeparator = iOpts.nestingOptionsSeparator ? iOpts.nestingOptionsSeparator : iOpts.nestingOptionsSeparator || ',';\n this.maxReplaces = iOpts.maxReplaces ? iOpts.maxReplaces : 1000;\n this.alwaysFormat = iOpts.alwaysFormat !== undefined ? iOpts.alwaysFormat : false; // the regexp\n\n this.resetRegExp();\n }\n }, {\n key: \"reset\",\n value: function reset() {\n if (this.options) this.init(this.options);\n }\n }, {\n key: \"resetRegExp\",\n value: function resetRegExp() {\n // the regexp\n var regexpStr = \"\".concat(this.prefix, \"(.+?)\").concat(this.suffix);\n this.regexp = new RegExp(regexpStr, 'g');\n var regexpUnescapeStr = \"\".concat(this.prefix).concat(this.unescapePrefix, \"(.+?)\").concat(this.unescapeSuffix).concat(this.suffix);\n this.regexpUnescape = new RegExp(regexpUnescapeStr, 'g');\n var nestingRegexpStr = \"\".concat(this.nestingPrefix, \"(.+?)\").concat(this.nestingSuffix);\n this.nestingRegexp = new RegExp(nestingRegexpStr, 'g');\n }\n }, {\n key: \"interpolate\",\n value: function interpolate(str, data, lng, options) {\n var _this = this;\n\n var match;\n var value;\n var replaces;\n var defaultData = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {};\n\n function regexSafe(val) {\n return val.replace(/\\$/g, '$$$$');\n }\n\n var handleFormat = function handleFormat(key) {\n if (key.indexOf(_this.formatSeparator) < 0) {\n var path = getPathWithDefaults(data, defaultData, key);\n return _this.alwaysFormat ? _this.format(path, undefined, lng) : path;\n }\n\n var p = key.split(_this.formatSeparator);\n var k = p.shift().trim();\n var f = p.join(_this.formatSeparator).trim();\n return _this.format(getPathWithDefaults(data, defaultData, k), f, lng, options);\n };\n\n this.resetRegExp();\n var missingInterpolationHandler = options && options.missingInterpolationHandler || this.options.missingInterpolationHandler;\n replaces = 0; // unescape if has unescapePrefix/Suffix\n\n /* eslint no-cond-assign: 0 */\n\n while (match = this.regexpUnescape.exec(str)) {\n value = handleFormat(match[1].trim());\n\n if (value === undefined) {\n if (typeof missingInterpolationHandler === 'function') {\n var temp = missingInterpolationHandler(str, match, options);\n value = typeof temp === 'string' ? temp : '';\n } else {\n this.logger.warn(\"missed to pass in variable \".concat(match[1], \" for interpolating \").concat(str));\n value = '';\n }\n } else if (typeof value !== 'string' && !this.useRawValueToEscape) {\n value = makeString(value);\n }\n\n str = str.replace(match[0], regexSafe(value));\n this.regexpUnescape.lastIndex = 0;\n replaces++;\n\n if (replaces >= this.maxReplaces) {\n break;\n }\n }\n\n replaces = 0; // regular escape on demand\n\n while (match = this.regexp.exec(str)) {\n value = handleFormat(match[1].trim());\n\n if (value === undefined) {\n if (typeof missingInterpolationHandler === 'function') {\n var _temp = missingInterpolationHandler(str, match, options);\n\n value = typeof _temp === 'string' ? _temp : '';\n } else {\n this.logger.warn(\"missed to pass in variable \".concat(match[1], \" for interpolating \").concat(str));\n value = '';\n }\n } else if (typeof value !== 'string' && !this.useRawValueToEscape) {\n value = makeString(value);\n }\n\n value = this.escapeValue ? regexSafe(this.escape(value)) : regexSafe(value);\n str = str.replace(match[0], value);\n this.regexp.lastIndex = 0;\n replaces++;\n\n if (replaces >= this.maxReplaces) {\n break;\n }\n }\n\n return str;\n }\n }, {\n key: \"nest\",\n value: function nest(str, fc) {\n var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n var match;\n var value;\n\n var clonedOptions = _objectSpread({}, options);\n\n clonedOptions.applyPostProcessor = false; // avoid post processing on nested lookup\n\n delete clonedOptions.defaultValue; // assert we do not get a endless loop on interpolating defaultValue again and again\n // if value is something like \"myKey\": \"lorem $(anotherKey, { \"count\": {{aValueInOptions}} })\"\n\n function handleHasOptions(key, inheritedOptions) {\n var sep = this.nestingOptionsSeparator;\n if (key.indexOf(sep) < 0) return key;\n var c = key.split(new RegExp(\"\".concat(sep, \"[ ]*{\")));\n var optionsString = \"{\".concat(c[1]);\n key = c[0];\n optionsString = this.interpolate(optionsString, clonedOptions);\n optionsString = optionsString.replace(/'/g, '\"');\n\n try {\n clonedOptions = JSON.parse(optionsString);\n if (inheritedOptions) clonedOptions = _objectSpread({}, inheritedOptions, clonedOptions);\n } catch (e) {\n this.logger.warn(\"failed parsing options string in nesting for key \".concat(key), e);\n return \"\".concat(key).concat(sep).concat(optionsString);\n } // assert we do not get a endless loop on interpolating defaultValue again and again\n\n\n delete clonedOptions.defaultValue;\n return key;\n } // regular escape on demand\n\n\n while (match = this.nestingRegexp.exec(str)) {\n value = fc(handleHasOptions.call(this, match[1].trim(), clonedOptions), clonedOptions); // is only the nesting key (key1 = '$(key2)') return the value without stringify\n\n if (value && match[0] === str && typeof value !== 'string') return value; // no string to include or empty\n\n if (typeof value !== 'string') value = makeString(value);\n\n if (!value) {\n this.logger.warn(\"missed to resolve \".concat(match[1], \" for nesting \").concat(str));\n value = '';\n } // Nested keys should not be escaped by default #854\n // value = this.escapeValue ? regexSafe(utils.escape(value)) : regexSafe(value);\n\n\n str = str.replace(match[0], value);\n this.regexp.lastIndex = 0;\n }\n\n return str;\n }\n }]);\n\n return Interpolator;\n}();\n\nfunction remove(arr, what) {\n var found = arr.indexOf(what);\n\n while (found !== -1) {\n arr.splice(found, 1);\n found = arr.indexOf(what);\n }\n}\n\nvar Connector =\n/*#__PURE__*/\nfunction (_EventEmitter) {\n _inherits(Connector, _EventEmitter);\n\n function Connector(backend, store, services) {\n var _this;\n\n var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};\n\n _classCallCheck(this, Connector);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(Connector).call(this));\n EventEmitter.call(_assertThisInitialized(_this)); // <=IE10 fix (unable to call parent constructor)\n\n _this.backend = backend;\n _this.store = store;\n _this.services = services;\n _this.languageUtils = services.languageUtils;\n _this.options = options;\n _this.logger = baseLogger.create('backendConnector');\n _this.state = {};\n _this.queue = [];\n\n if (_this.backend && _this.backend.init) {\n _this.backend.init(services, options.backend, options);\n }\n\n return _this;\n }\n\n _createClass(Connector, [{\n key: \"queueLoad\",\n value: function queueLoad(languages, namespaces, options, callback) {\n var _this2 = this;\n\n // find what needs to be loaded\n var toLoad = [];\n var pending = [];\n var toLoadLanguages = [];\n var toLoadNamespaces = [];\n languages.forEach(function (lng) {\n var hasAllNamespaces = true;\n namespaces.forEach(function (ns) {\n var name = \"\".concat(lng, \"|\").concat(ns);\n\n if (!options.reload && _this2.store.hasResourceBundle(lng, ns)) {\n _this2.state[name] = 2; // loaded\n } else if (_this2.state[name] < 0) ; else if (_this2.state[name] === 1) {\n if (pending.indexOf(name) < 0) pending.push(name);\n } else {\n _this2.state[name] = 1; // pending\n\n hasAllNamespaces = false;\n if (pending.indexOf(name) < 0) pending.push(name);\n if (toLoad.indexOf(name) < 0) toLoad.push(name);\n if (toLoadNamespaces.indexOf(ns) < 0) toLoadNamespaces.push(ns);\n }\n });\n if (!hasAllNamespaces) toLoadLanguages.push(lng);\n });\n\n if (toLoad.length || pending.length) {\n this.queue.push({\n pending: pending,\n loaded: {},\n errors: [],\n callback: callback\n });\n }\n\n return {\n toLoad: toLoad,\n pending: pending,\n toLoadLanguages: toLoadLanguages,\n toLoadNamespaces: toLoadNamespaces\n };\n }\n }, {\n key: \"loaded\",\n value: function loaded(name, err, data) {\n var _name$split = name.split('|'),\n _name$split2 = _slicedToArray(_name$split, 2),\n lng = _name$split2[0],\n ns = _name$split2[1];\n\n if (err) this.emit('failedLoading', lng, ns, err);\n\n if (data) {\n this.store.addResourceBundle(lng, ns, data);\n } // set loaded\n\n\n this.state[name] = err ? -1 : 2; // consolidated loading done in this run - only emit once for a loaded namespace\n\n var loaded = {}; // callback if ready\n\n this.queue.forEach(function (q) {\n pushPath(q.loaded, [lng], ns);\n remove(q.pending, name);\n if (err) q.errors.push(err);\n\n if (q.pending.length === 0 && !q.done) {\n // only do once per loaded -> this.emit('loaded', q.loaded);\n Object.keys(q.loaded).forEach(function (l) {\n if (!loaded[l]) loaded[l] = [];\n\n if (q.loaded[l].length) {\n q.loaded[l].forEach(function (ns) {\n if (loaded[l].indexOf(ns) < 0) loaded[l].push(ns);\n });\n }\n });\n /* eslint no-param-reassign: 0 */\n\n q.done = true;\n\n if (q.errors.length) {\n q.callback(q.errors);\n } else {\n q.callback();\n }\n }\n }); // emit consolidated loaded event\n\n this.emit('loaded', loaded); // remove done load requests\n\n this.queue = this.queue.filter(function (q) {\n return !q.done;\n });\n }\n }, {\n key: \"read\",\n value: function read(lng, ns, fcName) {\n var _this3 = this;\n\n var tried = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;\n var wait = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 350;\n var callback = arguments.length > 5 ? arguments[5] : undefined;\n if (!lng.length) return callback(null, {}); // noting to load\n\n return this.backend[fcName](lng, ns, function (err, data) {\n if (err && data\n /* = retryFlag */\n && tried < 5) {\n setTimeout(function () {\n _this3.read.call(_this3, lng, ns, fcName, tried + 1, wait * 2, callback);\n }, wait);\n return;\n }\n\n callback(err, data);\n });\n }\n /* eslint consistent-return: 0 */\n\n }, {\n key: \"prepareLoading\",\n value: function prepareLoading(languages, namespaces) {\n var _this4 = this;\n\n var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n var callback = arguments.length > 3 ? arguments[3] : undefined;\n\n if (!this.backend) {\n this.logger.warn('No backend was added via i18next.use. Will not load resources.');\n return callback && callback();\n }\n\n if (typeof languages === 'string') languages = this.languageUtils.toResolveHierarchy(languages);\n if (typeof namespaces === 'string') namespaces = [namespaces];\n var toLoad = this.queueLoad(languages, namespaces, options, callback);\n\n if (!toLoad.toLoad.length) {\n if (!toLoad.pending.length) callback(); // nothing to load and no pendings...callback now\n\n return null; // pendings will trigger callback\n }\n\n toLoad.toLoad.forEach(function (name) {\n _this4.loadOne(name);\n });\n }\n }, {\n key: \"load\",\n value: function load(languages, namespaces, callback) {\n this.prepareLoading(languages, namespaces, {}, callback);\n }\n }, {\n key: \"reload\",\n value: function reload(languages, namespaces, callback) {\n this.prepareLoading(languages, namespaces, {\n reload: true\n }, callback);\n }\n }, {\n key: \"loadOne\",\n value: function loadOne(name) {\n var _this5 = this;\n\n var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';\n\n var _name$split3 = name.split('|'),\n _name$split4 = _slicedToArray(_name$split3, 2),\n lng = _name$split4[0],\n ns = _name$split4[1];\n\n this.read(lng, ns, 'read', undefined, undefined, function (err, data) {\n if (err) _this5.logger.warn(\"\".concat(prefix, \"loading namespace \").concat(ns, \" for language \").concat(lng, \" failed\"), err);\n if (!err && data) _this5.logger.log(\"\".concat(prefix, \"loaded namespace \").concat(ns, \" for language \").concat(lng), data);\n\n _this5.loaded(name, err, data);\n });\n }\n }, {\n key: \"saveMissing\",\n value: function saveMissing(languages, namespace, key, fallbackValue, isUpdate) {\n var options = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};\n\n if (this.services.utils && this.services.utils.hasLoadedNamespace && !this.services.utils.hasLoadedNamespace(namespace)) {\n this.logger.warn(\"did not save key \\\"\".concat(key, \"\\\" for namespace \\\"\").concat(namespace, \"\\\" as the namespace was not yet loaded\"), 'This means something IS WRONG in your application setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!');\n return;\n } // ignore non valid keys\n\n\n if (key === undefined || key === null || key === '') return;\n\n if (this.backend && this.backend.create) {\n this.backend.create(languages, namespace, key, fallbackValue, null\n /* unused callback */\n , _objectSpread({}, options, {\n isUpdate: isUpdate\n }));\n } // write to store to avoid resending\n\n\n if (!languages || !languages[0]) return;\n this.store.addResource(languages[0], namespace, key, fallbackValue);\n }\n }]);\n\n return Connector;\n}(EventEmitter);\n\nfunction get() {\n return {\n debug: false,\n initImmediate: true,\n ns: ['translation'],\n defaultNS: ['translation'],\n fallbackLng: ['dev'],\n fallbackNS: false,\n // string or array of namespaces\n whitelist: false,\n // array with whitelisted languages\n nonExplicitWhitelist: false,\n load: 'all',\n // | currentOnly | languageOnly\n preload: false,\n // array with preload languages\n simplifyPluralSuffix: true,\n keySeparator: '.',\n nsSeparator: ':',\n pluralSeparator: '_',\n contextSeparator: '_',\n partialBundledLanguages: false,\n // allow bundling certain languages that are not remotely fetched\n saveMissing: false,\n // enable to send missing values\n updateMissing: false,\n // enable to update default values if different from translated value (only useful on initial development, or when keeping code as source of truth)\n saveMissingTo: 'fallback',\n // 'current' || 'all'\n saveMissingPlurals: true,\n // will save all forms not only singular key\n missingKeyHandler: false,\n // function(lng, ns, key, fallbackValue) -> override if prefer on handling\n missingInterpolationHandler: false,\n // function(str, match)\n postProcess: false,\n // string or array of postProcessor names\n postProcessPassResolved: false,\n // pass resolved object into 'options.i18nResolved' for postprocessor\n returnNull: true,\n // allows null value as valid translation\n returnEmptyString: true,\n // allows empty string value as valid translation\n returnObjects: false,\n joinArrays: false,\n // or string to join array\n returnedObjectHandler: false,\n // function(key, value, options) triggered if key returns object but returnObjects is set to false\n parseMissingKeyHandler: false,\n // function(key) parsed a key that was not found in t() before returning\n appendNamespaceToMissingKey: false,\n appendNamespaceToCIMode: false,\n overloadTranslationOptionHandler: function handle(args) {\n var ret = {};\n if (_typeof(args[1]) === 'object') ret = args[1];\n if (typeof args[1] === 'string') ret.defaultValue = args[1];\n if (typeof args[2] === 'string') ret.tDescription = args[2];\n\n if (_typeof(args[2]) === 'object' || _typeof(args[3]) === 'object') {\n var options = args[3] || args[2];\n Object.keys(options).forEach(function (key) {\n ret[key] = options[key];\n });\n }\n\n return ret;\n },\n interpolation: {\n escapeValue: true,\n format: function format(value, _format, lng, options) {\n return value;\n },\n prefix: '{{',\n suffix: '}}',\n formatSeparator: ',',\n // prefixEscaped: '{{',\n // suffixEscaped: '}}',\n // unescapeSuffix: '',\n unescapePrefix: '-',\n nestingPrefix: '$t(',\n nestingSuffix: ')',\n nestingOptionsSeparator: ',',\n // nestingPrefixEscaped: '$t(',\n // nestingSuffixEscaped: ')',\n // defaultVariables: undefined // object that can have values to interpolate on - extends passed in interpolation data\n maxReplaces: 1000 // max replaces to prevent endless loop\n\n }\n };\n}\n/* eslint no-param-reassign: 0 */\n\nfunction transformOptions(options) {\n // create namespace object if namespace is passed in as string\n if (typeof options.ns === 'string') options.ns = [options.ns];\n if (typeof options.fallbackLng === 'string') options.fallbackLng = [options.fallbackLng];\n if (typeof options.fallbackNS === 'string') options.fallbackNS = [options.fallbackNS]; // extend whitelist with cimode\n\n if (options.whitelist && options.whitelist.indexOf('cimode') < 0) {\n options.whitelist = options.whitelist.concat(['cimode']);\n }\n\n return options;\n}\n\nfunction noop() {}\n\nvar I18n =\n/*#__PURE__*/\nfunction (_EventEmitter) {\n _inherits(I18n, _EventEmitter);\n\n function I18n() {\n var _this;\n\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var callback = arguments.length > 1 ? arguments[1] : undefined;\n\n _classCallCheck(this, I18n);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(I18n).call(this));\n EventEmitter.call(_assertThisInitialized(_this)); // <=IE10 fix (unable to call parent constructor)\n\n _this.options = transformOptions(options);\n _this.services = {};\n _this.logger = baseLogger;\n _this.modules = {\n external: []\n };\n\n if (callback && !_this.isInitialized && !options.isClone) {\n // https://github.com/i18next/i18next/issues/879\n if (!_this.options.initImmediate) {\n _this.init(options, callback);\n\n return _possibleConstructorReturn(_this, _assertThisInitialized(_this));\n }\n\n setTimeout(function () {\n _this.init(options, callback);\n }, 0);\n }\n\n return _this;\n }\n\n _createClass(I18n, [{\n key: \"init\",\n value: function init() {\n var _this2 = this;\n\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var callback = arguments.length > 1 ? arguments[1] : undefined;\n\n if (typeof options === 'function') {\n callback = options;\n options = {};\n }\n\n this.options = _objectSpread({}, get(), this.options, transformOptions(options));\n this.format = this.options.interpolation.format;\n if (!callback) callback = noop;\n\n function createClassOnDemand(ClassOrObject) {\n if (!ClassOrObject) return null;\n if (typeof ClassOrObject === 'function') return new ClassOrObject();\n return ClassOrObject;\n } // init services\n\n\n if (!this.options.isClone) {\n if (this.modules.logger) {\n baseLogger.init(createClassOnDemand(this.modules.logger), this.options);\n } else {\n baseLogger.init(null, this.options);\n }\n\n var lu = new LanguageUtil(this.options);\n this.store = new ResourceStore(this.options.resources, this.options);\n var s = this.services;\n s.logger = baseLogger;\n s.resourceStore = this.store;\n s.languageUtils = lu;\n s.pluralResolver = new PluralResolver(lu, {\n prepend: this.options.pluralSeparator,\n compatibilityJSON: this.options.compatibilityJSON,\n simplifyPluralSuffix: this.options.simplifyPluralSuffix\n });\n s.interpolator = new Interpolator(this.options);\n s.utils = {\n hasLoadedNamespace: this.hasLoadedNamespace.bind(this)\n };\n s.backendConnector = new Connector(createClassOnDemand(this.modules.backend), s.resourceStore, s, this.options); // pipe events from backendConnector\n\n s.backendConnector.on('*', function (event) {\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n _this2.emit.apply(_this2, [event].concat(args));\n });\n\n if (this.modules.languageDetector) {\n s.languageDetector = createClassOnDemand(this.modules.languageDetector);\n s.languageDetector.init(s, this.options.detection, this.options);\n }\n\n if (this.modules.i18nFormat) {\n s.i18nFormat = createClassOnDemand(this.modules.i18nFormat);\n if (s.i18nFormat.init) s.i18nFormat.init(this);\n }\n\n this.translator = new Translator(this.services, this.options); // pipe events from translator\n\n this.translator.on('*', function (event) {\n for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n args[_key2 - 1] = arguments[_key2];\n }\n\n _this2.emit.apply(_this2, [event].concat(args));\n });\n this.modules.external.forEach(function (m) {\n if (m.init) m.init(_this2);\n });\n }\n\n if (!this.modules.languageDetector && !this.options.lng) {\n this.logger.warn('init: no languageDetector is used and no lng is defined');\n } // append api\n\n\n var storeApi = ['getResource', 'addResource', 'addResources', 'addResourceBundle', 'removeResourceBundle', 'hasResourceBundle', 'getResourceBundle', 'getDataByLanguage'];\n storeApi.forEach(function (fcName) {\n _this2[fcName] = function () {\n var _this2$store;\n\n return (_this2$store = _this2.store)[fcName].apply(_this2$store, arguments);\n };\n });\n var deferred = defer();\n\n var load = function load() {\n _this2.changeLanguage(_this2.options.lng, function (err, t) {\n _this2.isInitialized = true;\n\n _this2.logger.log('initialized', _this2.options);\n\n _this2.emit('initialized', _this2.options);\n\n deferred.resolve(t); // not rejecting on err (as err is only a loading translation failed warning)\n\n callback(err, t);\n });\n };\n\n if (this.options.resources || !this.options.initImmediate) {\n load();\n } else {\n setTimeout(load, 0);\n }\n\n return deferred;\n }\n /* eslint consistent-return: 0 */\n\n }, {\n key: \"loadResources\",\n value: function loadResources(language) {\n var _this3 = this;\n\n var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop;\n var usedCallback = callback;\n var usedLng = typeof language === 'string' ? language : this.language;\n if (typeof language === 'function') usedCallback = language;\n\n if (!this.options.resources || this.options.partialBundledLanguages) {\n if (usedLng && usedLng.toLowerCase() === 'cimode') return usedCallback(); // avoid loading resources for cimode\n\n var toLoad = [];\n\n var append = function append(lng) {\n if (!lng) return;\n\n var lngs = _this3.services.languageUtils.toResolveHierarchy(lng);\n\n lngs.forEach(function (l) {\n if (toLoad.indexOf(l) < 0) toLoad.push(l);\n });\n };\n\n if (!usedLng) {\n // at least load fallbacks in this case\n var fallbacks = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);\n fallbacks.forEach(function (l) {\n return append(l);\n });\n } else {\n append(usedLng);\n }\n\n if (this.options.preload) {\n this.options.preload.forEach(function (l) {\n return append(l);\n });\n }\n\n this.services.backendConnector.load(toLoad, this.options.ns, usedCallback);\n } else {\n usedCallback(null);\n }\n }\n }, {\n key: \"reloadResources\",\n value: function reloadResources(lngs, ns, callback) {\n var deferred = defer();\n if (!lngs) lngs = this.languages;\n if (!ns) ns = this.options.ns;\n if (!callback) callback = noop;\n this.services.backendConnector.reload(lngs, ns, function (err) {\n deferred.resolve(); // not rejecting on err (as err is only a loading translation failed warning)\n\n callback(err);\n });\n return deferred;\n }\n }, {\n key: \"use\",\n value: function use(module) {\n if (module.type === 'backend') {\n this.modules.backend = module;\n }\n\n if (module.type === 'logger' || module.log && module.warn && module.error) {\n this.modules.logger = module;\n }\n\n if (module.type === 'languageDetector') {\n this.modules.languageDetector = module;\n }\n\n if (module.type === 'i18nFormat') {\n this.modules.i18nFormat = module;\n }\n\n if (module.type === 'postProcessor') {\n postProcessor.addPostProcessor(module);\n }\n\n if (module.type === '3rdParty') {\n this.modules.external.push(module);\n }\n\n return this;\n }\n }, {\n key: \"changeLanguage\",\n value: function changeLanguage(lng, callback) {\n var _this4 = this;\n\n this.isLanguageChangingTo = lng;\n var deferred = defer();\n this.emit('languageChanging', lng);\n\n var done = function done(err, l) {\n if (l) {\n _this4.language = l;\n _this4.languages = _this4.services.languageUtils.toResolveHierarchy(l);\n\n _this4.translator.changeLanguage(l);\n\n _this4.isLanguageChangingTo = undefined;\n\n _this4.emit('languageChanged', l);\n\n _this4.logger.log('languageChanged', l);\n } else {\n _this4.isLanguageChangingTo = undefined;\n }\n\n deferred.resolve(function () {\n return _this4.t.apply(_this4, arguments);\n });\n if (callback) callback(err, function () {\n return _this4.t.apply(_this4, arguments);\n });\n };\n\n var setLng = function setLng(l) {\n if (l) {\n if (!_this4.language) {\n _this4.language = l;\n _this4.languages = _this4.services.languageUtils.toResolveHierarchy(l);\n }\n\n if (!_this4.translator.language) _this4.translator.changeLanguage(l);\n if (_this4.services.languageDetector) _this4.services.languageDetector.cacheUserLanguage(l);\n }\n\n _this4.loadResources(l, function (err) {\n done(err, l);\n });\n };\n\n if (!lng && this.services.languageDetector && !this.services.languageDetector.async) {\n setLng(this.services.languageDetector.detect());\n } else if (!lng && this.services.languageDetector && this.services.languageDetector.async) {\n this.services.languageDetector.detect(setLng);\n } else {\n setLng(lng);\n }\n\n return deferred;\n }\n }, {\n key: \"getFixedT\",\n value: function getFixedT(lng, ns) {\n var _this5 = this;\n\n var fixedT = function fixedT(key, opts) {\n var options;\n\n if (_typeof(opts) !== 'object') {\n for (var _len3 = arguments.length, rest = new Array(_len3 > 2 ? _len3 - 2 : 0), _key3 = 2; _key3 < _len3; _key3++) {\n rest[_key3 - 2] = arguments[_key3];\n }\n\n options = _this5.options.overloadTranslationOptionHandler([key, opts].concat(rest));\n } else {\n options = _objectSpread({}, opts);\n }\n\n options.lng = options.lng || fixedT.lng;\n options.lngs = options.lngs || fixedT.lngs;\n options.ns = options.ns || fixedT.ns;\n return _this5.t(key, options);\n };\n\n if (typeof lng === 'string') {\n fixedT.lng = lng;\n } else {\n fixedT.lngs = lng;\n }\n\n fixedT.ns = ns;\n return fixedT;\n }\n }, {\n key: \"t\",\n value: function t() {\n var _this$translator;\n\n return this.translator && (_this$translator = this.translator).translate.apply(_this$translator, arguments);\n }\n }, {\n key: \"exists\",\n value: function exists() {\n var _this$translator2;\n\n return this.translator && (_this$translator2 = this.translator).exists.apply(_this$translator2, arguments);\n }\n }, {\n key: \"setDefaultNamespace\",\n value: function setDefaultNamespace(ns) {\n this.options.defaultNS = ns;\n }\n }, {\n key: \"hasLoadedNamespace\",\n value: function hasLoadedNamespace(ns) {\n var _this6 = this;\n\n if (!this.isInitialized) {\n this.logger.warn('hasLoadedNamespace: i18next was not initialized', this.languages);\n return false;\n }\n\n if (!this.languages || !this.languages.length) {\n this.logger.warn('hasLoadedNamespace: i18n.languages were undefined or empty', this.languages);\n return false;\n }\n\n var lng = this.languages[0];\n var fallbackLng = this.options ? this.options.fallbackLng : false;\n var lastLng = this.languages[this.languages.length - 1]; // we're in cimode so this shall pass\n\n if (lng.toLowerCase() === 'cimode') return true;\n\n var loadNotPending = function loadNotPending(l, n) {\n var loadState = _this6.services.backendConnector.state[\"\".concat(l, \"|\").concat(n)];\n\n return loadState === -1 || loadState === 2;\n }; // loaded -> SUCCESS\n\n\n if (this.hasResourceBundle(lng, ns)) return true; // were not loading at all -> SEMI SUCCESS\n\n if (!this.services.backendConnector.backend) return true; // failed loading ns - but at least fallback is not pending -> SEMI SUCCESS\n\n if (loadNotPending(lng, ns) && (!fallbackLng || loadNotPending(lastLng, ns))) return true;\n return false;\n }\n }, {\n key: \"loadNamespaces\",\n value: function loadNamespaces(ns, callback) {\n var _this7 = this;\n\n var deferred = defer();\n\n if (!this.options.ns) {\n callback && callback();\n return Promise.resolve();\n }\n\n if (typeof ns === 'string') ns = [ns];\n ns.forEach(function (n) {\n if (_this7.options.ns.indexOf(n) < 0) _this7.options.ns.push(n);\n });\n this.loadResources(function (err) {\n deferred.resolve();\n if (callback) callback(err);\n });\n return deferred;\n }\n }, {\n key: \"loadLanguages\",\n value: function loadLanguages(lngs, callback) {\n var deferred = defer();\n if (typeof lngs === 'string') lngs = [lngs];\n var preloaded = this.options.preload || [];\n var newLngs = lngs.filter(function (lng) {\n return preloaded.indexOf(lng) < 0;\n }); // Exit early if all given languages are already preloaded\n\n if (!newLngs.length) {\n if (callback) callback();\n return Promise.resolve();\n }\n\n this.options.preload = preloaded.concat(newLngs);\n this.loadResources(function (err) {\n deferred.resolve();\n if (callback) callback(err);\n });\n return deferred;\n }\n }, {\n key: \"dir\",\n value: function dir(lng) {\n if (!lng) lng = this.languages && this.languages.length > 0 ? this.languages[0] : this.language;\n if (!lng) return 'rtl';\n var rtlLngs = ['ar', 'shu', 'sqr', 'ssh', 'xaa', 'yhd', 'yud', 'aao', 'abh', 'abv', 'acm', 'acq', 'acw', 'acx', 'acy', 'adf', 'ads', 'aeb', 'aec', 'afb', 'ajp', 'apc', 'apd', 'arb', 'arq', 'ars', 'ary', 'arz', 'auz', 'avl', 'ayh', 'ayl', 'ayn', 'ayp', 'bbz', 'pga', 'he', 'iw', 'ps', 'pbt', 'pbu', 'pst', 'prp', 'prd', 'ur', 'ydd', 'yds', 'yih', 'ji', 'yi', 'hbo', 'men', 'xmn', 'fa', 'jpr', 'peo', 'pes', 'prs', 'dv', 'sam'];\n return rtlLngs.indexOf(this.services.languageUtils.getLanguagePartFromCode(lng)) >= 0 ? 'rtl' : 'ltr';\n }\n /* eslint class-methods-use-this: 0 */\n\n }, {\n key: \"createInstance\",\n value: function createInstance() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var callback = arguments.length > 1 ? arguments[1] : undefined;\n return new I18n(options, callback);\n }\n }, {\n key: \"cloneInstance\",\n value: function cloneInstance() {\n var _this8 = this;\n\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop;\n\n var mergedOptions = _objectSpread({}, this.options, options, {\n isClone: true\n });\n\n var clone = new I18n(mergedOptions);\n var membersToCopy = ['store', 'services', 'language'];\n membersToCopy.forEach(function (m) {\n clone[m] = _this8[m];\n });\n clone.translator = new Translator(clone.services, clone.options);\n clone.translator.on('*', function (event) {\n for (var _len4 = arguments.length, args = new Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) {\n args[_key4 - 1] = arguments[_key4];\n }\n\n clone.emit.apply(clone, [event].concat(args));\n });\n clone.init(mergedOptions, callback);\n clone.translator.options = clone.options; // sync options\n\n return clone;\n }\n }]);\n\n return I18n;\n}(EventEmitter);\n\nvar i18next = new I18n();\n\nexport default i18next;\n","module.exports = require(\"regenerator-runtime\");\n","/**\n * Checks if `value` is `null` or `undefined`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is nullish, else `false`.\n * @example\n *\n * _.isNil(null);\n * // => true\n *\n * _.isNil(void 0);\n * // => true\n *\n * _.isNil(NaN);\n * // => false\n */\nfunction isNil(value) {\n return value == null;\n}\n\nmodule.exports = isNil;\n","var defineProperty = require(\"./defineProperty\");\n\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? Object(arguments[i]) : {};\n var ownKeys = Object.keys(source);\n\n if (typeof Object.getOwnPropertySymbols === 'function') {\n ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {\n return Object.getOwnPropertyDescriptor(source, sym).enumerable;\n }));\n }\n\n ownKeys.forEach(function (key) {\n defineProperty(target, key, source[key]);\n });\n }\n\n return target;\n}\n\nmodule.exports = _objectSpread;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _has from \"lodash/has\";\nimport _invoke from \"lodash/invoke\";\nimport PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport { customPropTypes, getUnhandledProps } from '../../lib';\nimport Button from '../../elements/Button';\nimport Modal from '../../modules/Modal';\n/**\n * A Confirm modal gives the user a choice to confirm or cancel an action/\n * @see Modal\n */\n\nvar Confirm =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(Confirm, _Component);\n\n function Confirm() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, Confirm);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Confirm)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleCancel\", function (e) {\n _invoke(_this.props, 'onCancel', e, _this.props);\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleCancelOverrides\", function (predefinedProps) {\n return {\n onClick: function onClick(e, buttonProps) {\n _invoke(predefinedProps, 'onClick', e, buttonProps);\n\n _this.handleCancel(e);\n }\n };\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleConfirmOverrides\", function (predefinedProps) {\n return {\n onClick: function onClick(e, buttonProps) {\n _invoke(predefinedProps, 'onClick', e, buttonProps);\n\n _invoke(_this.props, 'onConfirm', e, _this.props);\n }\n };\n });\n\n return _this;\n }\n\n _createClass(Confirm, [{\n key: \"render\",\n value: function render() {\n var _this$props = this.props,\n cancelButton = _this$props.cancelButton,\n confirmButton = _this$props.confirmButton,\n content = _this$props.content,\n header = _this$props.header,\n open = _this$props.open,\n size = _this$props.size;\n var rest = getUnhandledProps(Confirm, this.props); // `open` is auto controlled by the Modal\n // It cannot be present (even undefined) with `defaultOpen`\n // only apply it if the user provided an open prop\n\n var openProp = {};\n if (_has(this.props, 'open')) openProp.open = open;\n return React.createElement(Modal, _extends({}, rest, openProp, {\n size: size,\n onClose: this.handleCancel\n }), Modal.Header.create(header, {\n autoGenerateKey: false\n }), Modal.Content.create(content, {\n autoGenerateKey: false\n }), React.createElement(Modal.Actions, null, Button.create(cancelButton, {\n autoGenerateKey: false,\n overrideProps: this.handleCancelOverrides\n }), Button.create(confirmButton, {\n autoGenerateKey: false,\n defaultProps: {\n primary: true\n },\n overrideProps: this.handleConfirmOverrides\n })));\n }\n }]);\n\n return Confirm;\n}(Component);\n\n_defineProperty(Confirm, \"defaultProps\", {\n cancelButton: 'Cancel',\n confirmButton: 'OK',\n content: 'Are you sure?',\n size: 'small'\n});\n\n_defineProperty(Confirm, \"handledProps\", [\"cancelButton\", \"confirmButton\", \"content\", \"header\", \"onCancel\", \"onConfirm\", \"open\", \"size\"]);\n\nConfirm.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** The cancel button text. */\n cancelButton: customPropTypes.itemShorthand,\n\n /** The OK button text. */\n confirmButton: customPropTypes.itemShorthand,\n\n /** The ModalContent text. */\n content: customPropTypes.itemShorthand,\n\n /** The ModalHeader text. */\n header: customPropTypes.itemShorthand,\n\n /**\n * Called when the Modal is closed without clicking confirm.\n *\n * @param {SyntheticEvent} event - React's original SyntheticEvent.\n * @param {object} data - All props.\n */\n onCancel: PropTypes.func,\n\n /**\n * Called when the OK button is clicked.\n *\n * @param {SyntheticEvent} event - React's original SyntheticEvent.\n * @param {object} data - All props.\n */\n onConfirm: PropTypes.func,\n\n /** Whether or not the modal is visible. */\n open: PropTypes.bool,\n\n /** A Confirm can vary in size */\n size: PropTypes.oneOf(['mini', 'tiny', 'small', 'large', 'fullscreen'])\n} : {};\nexport default Confirm;","import _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _invoke from \"lodash/invoke\";\nimport keyboardKey from 'keyboard-key';\nimport PropTypes from 'prop-types';\nimport { Component } from 'react';\nimport { createShorthandFactory } from '../../lib';\nimport MenuItem from '../../collections/Menu/MenuItem';\n/**\n * An item of a pagination.\n */\n\nvar PaginationItem =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(PaginationItem, _Component);\n\n function PaginationItem() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, PaginationItem);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(PaginationItem)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleClick\", function (e) {\n _invoke(_this.props, 'onClick', e, _this.props);\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleKeyDown\", function (e) {\n _invoke(_this.props, 'onKeyDown', e, _this.props);\n\n if (keyboardKey.getCode(e) === keyboardKey.Enter) _invoke(_this.props, 'onClick', e, _this.props);\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleOverrides\", function () {\n return {\n onClick: _this.handleClick,\n onKeyDown: _this.handleKeyDown\n };\n });\n\n return _this;\n }\n\n _createClass(PaginationItem, [{\n key: \"render\",\n value: function render() {\n var _this$props = this.props,\n active = _this$props.active,\n type = _this$props.type;\n var disabled = this.props.disabled || type === 'ellipsisItem';\n return MenuItem.create(this.props, {\n defaultProps: {\n active: active,\n 'aria-current': active,\n 'aria-disabled': disabled,\n disabled: disabled,\n onClick: this.handleClick,\n onKeyDown: this.handleKeyDown,\n tabIndex: disabled ? -1 : 0\n },\n overrideProps: this.handleOverrides\n });\n }\n }]);\n\n return PaginationItem;\n}(Component);\n\n_defineProperty(PaginationItem, \"handledProps\", [\"active\", \"disabled\", \"onClick\", \"onKeyDown\", \"type\"]);\n\nPaginationItem.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** A pagination item can be active. */\n active: PropTypes.bool,\n\n /** A pagination item can be disabled. */\n disabled: PropTypes.bool,\n\n /**\n * Called on click.\n *\n * @param {SyntheticEvent} event - React's original SyntheticEvent.\n * @param {object} data - All props.\n */\n onClick: PropTypes.func,\n\n /**\n * Called on key down.\n *\n * @param {SyntheticEvent} event - React's original SyntheticEvent.\n * @param {object} data - All props.\n */\n onKeyDown: PropTypes.func,\n\n /** A pagination should have a type. */\n type: PropTypes.oneOf(['ellipsisItem', 'firstItem', 'prevItem', 'pageItem', 'nextItem', 'lastItem'])\n} : {};\nPaginationItem.create = createShorthandFactory(PaginationItem, function (content) {\n return {\n content: content\n };\n});\nexport default PaginationItem;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _objectSpread from \"@babel/runtime/helpers/objectSpread\";\nimport _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _map from \"lodash/map\";\nimport _isNil from \"lodash/isNil\";\nimport _invoke from \"lodash/invoke\";\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { AutoControlledComponent as Component, createPaginationItems, customPropTypes, getUnhandledProps } from '../../lib';\nimport Menu from '../../collections/Menu';\nimport PaginationItem from './PaginationItem';\n/**\n * A component to render a pagination.\n */\n\nvar Pagination =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(Pagination, _Component);\n\n function Pagination() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, Pagination);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Pagination)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleItemClick\", function (e, _ref) {\n var nextActivePage = _ref.value;\n var prevActivePage = _this.state.activePage; // Heads up! We need the cast to the \"number\" type there, as `activePage` can be a string\n\n if (+prevActivePage === +nextActivePage) return;\n\n _this.trySetState({\n activePage: nextActivePage\n });\n\n _invoke(_this.props, 'onPageChange', e, _objectSpread({}, _this.props, {\n activePage: nextActivePage\n }));\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleItemOverrides\", function (active, type, value) {\n return function (predefinedProps) {\n return {\n active: active,\n type: type,\n key: \"\".concat(type, \"-\").concat(value),\n onClick: function onClick(e, itemProps) {\n _invoke(predefinedProps, 'onClick', e, itemProps);\n\n if (itemProps.type !== 'ellipsisItem') _this.handleItemClick(e, itemProps);\n }\n };\n };\n });\n\n return _this;\n }\n\n _createClass(Pagination, [{\n key: \"render\",\n value: function render() {\n var _this2 = this;\n\n var _this$props = this.props,\n ariaLabel = _this$props['aria-label'],\n boundaryRange = _this$props.boundaryRange,\n disabled = _this$props.disabled,\n ellipsisItem = _this$props.ellipsisItem,\n siblingRange = _this$props.siblingRange,\n totalPages = _this$props.totalPages;\n var activePage = this.state.activePage;\n var items = createPaginationItems({\n activePage: activePage,\n boundaryRange: boundaryRange,\n hideEllipsis: _isNil(ellipsisItem),\n siblingRange: siblingRange,\n totalPages: totalPages\n });\n var rest = getUnhandledProps(Pagination, this.props);\n return React.createElement(Menu, _extends({}, rest, {\n \"aria-label\": ariaLabel,\n pagination: true,\n role: \"navigation\"\n }), _map(items, function (_ref2) {\n var active = _ref2.active,\n type = _ref2.type,\n value = _ref2.value;\n return PaginationItem.create(_this2.props[type], {\n defaultProps: {\n content: value,\n disabled: disabled,\n value: value\n },\n overrideProps: _this2.handleItemOverrides(active, type, value)\n });\n }));\n }\n }]);\n\n return Pagination;\n}(Component);\n\n_defineProperty(Pagination, \"autoControlledProps\", ['activePage']);\n\n_defineProperty(Pagination, \"defaultProps\", {\n 'aria-label': 'Pagination Navigation',\n boundaryRange: 1,\n ellipsisItem: '...',\n firstItem: {\n 'aria-label': 'First item',\n content: '«'\n },\n lastItem: {\n 'aria-label': 'Last item',\n content: '»'\n },\n nextItem: {\n 'aria-label': 'Next item',\n content: '⟩'\n },\n pageItem: {},\n prevItem: {\n 'aria-label': 'Previous item',\n content: '⟨'\n },\n siblingRange: 1\n});\n\n_defineProperty(Pagination, \"Item\", PaginationItem);\n\n_defineProperty(Pagination, \"handledProps\", [\"activePage\", \"aria-label\", \"boundaryRange\", \"defaultActivePage\", \"disabled\", \"ellipsisItem\", \"firstItem\", \"lastItem\", \"nextItem\", \"onPageChange\", \"pageItem\", \"prevItem\", \"siblingRange\", \"totalPages\"]);\n\nexport { Pagination as default };\nPagination.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** A pagination item can have an aria label. */\n 'aria-label': PropTypes.string,\n\n /** Initial activePage value. */\n defaultActivePage: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /** Index of the currently active page. */\n activePage: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /** Number of always visible pages at the beginning and end. */\n boundaryRange: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /** A pagination can be disabled. */\n disabled: PropTypes.bool,\n\n /** A shorthand for PaginationItem. */\n ellipsisItem: customPropTypes.itemShorthand,\n\n /** A shorthand for PaginationItem. */\n firstItem: customPropTypes.itemShorthand,\n\n /** A shorthand for PaginationItem. */\n lastItem: customPropTypes.itemShorthand,\n\n /** A shorthand for PaginationItem. */\n nextItem: customPropTypes.itemShorthand,\n\n /** A shorthand for PaginationItem. */\n pageItem: customPropTypes.itemShorthand,\n\n /** A shorthand for PaginationItem. */\n prevItem: customPropTypes.itemShorthand,\n\n /**\n * Called on change of an active page.\n *\n * @param {SyntheticEvent} event - React's original SyntheticEvent.\n * @param {object} data - All props.\n */\n onPageChange: PropTypes.func,\n\n /** Number of always visible pages before and after the current one. */\n siblingRange: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /** Total number of pages. */\n totalPages: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired\n} : {};","import _isNil from \"lodash/isNil\";\n\nvar fitsMaxWidth = function fitsMaxWidth(width, maxWidth) {\n return _isNil(maxWidth) ? true : width <= maxWidth;\n};\n\nvar fitsMinWidth = function fitsMinWidth(width, minWidth) {\n return _isNil(minWidth) ? true : width >= minWidth;\n};\n\nvar isVisible = function isVisible(width, _ref) {\n var maxWidth = _ref.maxWidth,\n minWidth = _ref.minWidth;\n return fitsMinWidth(width, minWidth) && fitsMaxWidth(width, maxWidth);\n};\n\nexport default isVisible;","import _objectSpread from \"@babel/runtime/helpers/objectSpread\";\nimport _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _invoke from \"lodash/invoke\";\nimport PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport { customPropTypes, eventStack, getElementType, getUnhandledProps, isBrowser } from '../../lib';\nimport isVisible from './lib/isVisible';\n/**\n * Responsive can control visibility of content.\n */\n\nvar Responsive =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(Responsive, _Component);\n\n function Responsive() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, Responsive);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Responsive)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"state\", {\n visible: true\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleResize\", function (e) {\n if (_this.ticking) return;\n _this.ticking = true;\n _this.frameId = requestAnimationFrame(function () {\n return _this.handleUpdate(e);\n });\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleUpdate\", function (e) {\n _this.ticking = false;\n var visible = _this.state.visible;\n\n var width = _invoke(_this.props, 'getWidth');\n\n var nextVisible = isVisible(width, _this.props);\n if (visible !== nextVisible) _this.setState({\n visible: nextVisible\n });\n\n _invoke(_this.props, 'onUpdate', e, _objectSpread({}, _this.props, {\n width: width\n }));\n });\n\n return _this;\n }\n\n _createClass(Responsive, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n var fireOnMount = this.props.fireOnMount;\n eventStack.sub('resize', this.handleResize, {\n target: 'window'\n });\n if (fireOnMount) this.handleUpdate();\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n eventStack.unsub('resize', this.handleResize, {\n target: 'window'\n });\n cancelAnimationFrame(this.frameId);\n } // ----------------------------------------\n // Event handlers\n // ----------------------------------------\n\n }, {\n key: \"render\",\n // ----------------------------------------\n // Render\n // ----------------------------------------\n value: function render() {\n var children = this.props.children;\n var visible = this.state.visible;\n var ElementType = getElementType(Responsive, this.props);\n var rest = getUnhandledProps(Responsive, this.props);\n if (visible) return React.createElement(ElementType, rest, children);\n return null;\n }\n }], [{\n key: \"getDerivedStateFromProps\",\n value: function getDerivedStateFromProps(props) {\n var width = _invoke(props, 'getWidth');\n\n var visible = isVisible(width, props);\n return {\n visible: visible\n };\n }\n }]);\n\n return Responsive;\n}(Component);\n\n_defineProperty(Responsive, \"defaultProps\", {\n getWidth: function getWidth() {\n return isBrowser() ? window.innerWidth : 0;\n }\n});\n\n_defineProperty(Responsive, \"onlyMobile\", {\n minWidth: 320,\n maxWidth: 767\n});\n\n_defineProperty(Responsive, \"onlyTablet\", {\n minWidth: 768,\n maxWidth: 991\n});\n\n_defineProperty(Responsive, \"onlyComputer\", {\n minWidth: 992\n});\n\n_defineProperty(Responsive, \"onlyLargeScreen\", {\n minWidth: 1200,\n maxWidth: 1919\n});\n\n_defineProperty(Responsive, \"onlyWidescreen\", {\n minWidth: 1920\n});\n\n_defineProperty(Responsive, \"handledProps\", [\"as\", \"children\", \"fireOnMount\", \"getWidth\", \"maxWidth\", \"minWidth\", \"onUpdate\"]);\n\nexport { Responsive as default };\nResponsive.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Fires callbacks immediately after mount. */\n fireOnMount: PropTypes.bool,\n\n /**\n * Called to get width of screen. Defaults to using `window.innerWidth` when in a browser;\n * otherwise, assumes a width of 0.\n */\n getWidth: PropTypes.func,\n\n /** The maximum width at which content will be displayed. */\n maxWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /** The minimum width at which content will be displayed. */\n minWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * Called on update.\n *\n * @param {SyntheticEvent} event - The React SyntheticEvent object\n * @param {object} data - All props and the event value.\n */\n onUpdate: PropTypes.func\n} : {};","import _objectSpread from \"@babel/runtime/helpers/objectSpread\";\nimport _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _values from \"lodash/values\";\nimport _get from \"lodash/get\";\nimport _has from \"lodash/has\";\nimport _forEach from \"lodash/forEach\";\nimport _mapValues from \"lodash/mapValues\";\nimport PropTypes from 'prop-types';\nimport React, { cloneElement, Fragment } from 'react';\nimport { customPropTypes, getChildMapping, getElementType, getUnhandledProps, mergeChildMappings, SUI } from '../../lib';\nimport Transition from './Transition';\n\n/**\n * A Transition.Group animates children as they mount and unmount.\n */\nvar TransitionGroup =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inherits(TransitionGroup, _React$Component);\n\n function TransitionGroup() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, TransitionGroup);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(TransitionGroup)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleOnHide\", function (nothing, childProps) {\n var reactKey = childProps.reactKey;\n\n _this.setState(function (state) {\n var children = _objectSpread({}, state.children);\n\n delete children[reactKey];\n return {\n children: children\n };\n });\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"wrapChild\", function (child) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var _this$props = _this.props,\n animation = _this$props.animation,\n directional = _this$props.directional,\n duration = _this$props.duration;\n var key = child.key;\n var _options$visible = options.visible,\n visible = _options$visible === void 0 ? true : _options$visible,\n _options$transitionOn = options.transitionOnMount,\n transitionOnMount = _options$transitionOn === void 0 ? false : _options$transitionOn;\n return React.createElement(Transition, {\n animation: animation,\n directional: directional,\n duration: duration,\n key: key,\n onHide: _this.handleOnHide,\n reactKey: key,\n transitionOnMount: transitionOnMount,\n visible: visible\n }, child);\n });\n\n var _children = _this.props.children;\n _this.state = {\n children: _mapValues(getChildMapping(_children), function (child) {\n return _this.wrapChild(child);\n })\n };\n return _this;\n }\n\n _createClass(TransitionGroup, [{\n key: \"componentWillReceiveProps\",\n value: function componentWillReceiveProps(nextProps) {\n var _this2 = this;\n\n var prevMapping = this.state.children;\n var nextMapping = getChildMapping(nextProps.children);\n var children = mergeChildMappings(prevMapping, nextMapping);\n\n _forEach(children, function (child, key) {\n var hasPrev = _has(prevMapping, key);\n\n var hasNext = _has(nextMapping, key);\n\n var prevChild = prevMapping[key];\n var isLeaving = !_get(prevChild, 'props.visible'); // Heads up!\n // An item is new (entering), it will be picked from `nextChildren`, so it should be wrapped\n\n if (hasNext && (!hasPrev || isLeaving)) {\n children[key] = _this2.wrapChild(child, {\n transitionOnMount: true\n });\n return;\n } // Heads up!\n // An item is old (exiting), it will be picked from `prevChildren`, so it has been already\n // wrapped, so should be only updated\n\n\n if (!hasNext && hasPrev && !isLeaving) {\n children[key] = cloneElement(prevChild, {\n visible: false\n });\n return;\n } // Heads up!\n // An item item hasn't changed transition states, but it will be picked from `nextChildren`,\n // so we should wrap it again\n\n\n var _prevChild$props = prevChild.props,\n visible = _prevChild$props.visible,\n transitionOnMount = _prevChild$props.transitionOnMount;\n children[key] = _this2.wrapChild(child, {\n transitionOnMount: transitionOnMount,\n visible: visible\n });\n });\n\n this.setState({\n children: children\n });\n }\n }, {\n key: \"render\",\n value: function render() {\n var children = this.state.children;\n var ElementType = getElementType(TransitionGroup, this.props);\n var rest = getUnhandledProps(TransitionGroup, this.props);\n return React.createElement(ElementType, rest, _values(children));\n }\n }]);\n\n return TransitionGroup;\n}(React.Component);\n\n_defineProperty(TransitionGroup, \"defaultProps\", {\n as: Fragment,\n animation: 'fade',\n duration: 500\n});\n\n_defineProperty(TransitionGroup, \"handledProps\", [\"animation\", \"as\", \"children\", \"directional\", \"duration\"]);\n\nexport { TransitionGroup as default };\nTransitionGroup.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Named animation event to used. Must be defined in CSS. */\n animation: PropTypes.oneOfType([PropTypes.oneOf(SUI.TRANSITIONS), PropTypes.string]),\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Whether it is directional animation event or not. Use it only for custom transitions. */\n directional: PropTypes.bool,\n\n /** Duration of the CSS transition animation in milliseconds. */\n duration: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({\n hide: PropTypes.number.isRequired,\n show: PropTypes.number.isRequired\n }), PropTypes.string])\n} : {};","import _objectSpread from \"@babel/runtime/helpers/objectSpread\";\nimport _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _includes from \"lodash/includes\";\nimport _isNil from \"lodash/isNil\";\nimport _get from \"lodash/get\";\nimport _invoke from \"lodash/invoke\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport { cloneElement, Component } from 'react';\nimport { normalizeTransitionDuration, SUI, useKeyOnly } from '../../lib';\nimport TransitionGroup from './TransitionGroup';\nvar TRANSITION_TYPE = {\n ENTERING: 'show',\n EXITING: 'hide'\n /**\n * A transition is an animation usually used to move content in or out of view.\n */\n\n};\n\nvar Transition =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(Transition, _Component);\n\n function Transition() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, Transition);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Transition)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleStart\", function () {\n var duration = _this.props.duration;\n var status = _this.nextStatus;\n _this.nextStatus = null;\n\n _this.setState({\n status: status,\n animating: true\n }, function () {\n var durationType = TRANSITION_TYPE[status];\n var durationValue = normalizeTransitionDuration(duration, durationType);\n\n _invoke(_this.props, 'onStart', null, _objectSpread({}, _this.props, {\n status: status\n }));\n\n _this.timeoutId = setTimeout(_this.handleComplete, durationValue);\n });\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleComplete\", function () {\n var current = _this.state.status;\n\n _invoke(_this.props, 'onComplete', null, _objectSpread({}, _this.props, {\n status: current\n }));\n\n if (_this.nextStatus) {\n _this.handleStart();\n\n return;\n }\n\n var status = _this.computeCompletedStatus();\n\n var callback = current === Transition.ENTERING ? 'onShow' : 'onHide';\n\n _this.setState({\n status: status,\n animating: false\n }, function () {\n _invoke(_this.props, callback, null, _objectSpread({}, _this.props, {\n status: status\n }));\n });\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"updateStatus\", function () {\n var animating = _this.state.animating;\n\n if (_this.nextStatus) {\n _this.nextStatus = _this.computeNextStatus();\n if (!animating) _this.handleStart();\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"computeClasses\", function () {\n var _this$props = _this.props,\n animation = _this$props.animation,\n directional = _this$props.directional,\n children = _this$props.children;\n var _this$state = _this.state,\n animating = _this$state.animating,\n status = _this$state.status;\n\n var childClasses = _get(children, 'props.className');\n\n var isDirectional = _isNil(directional) ? _includes(SUI.DIRECTIONAL_TRANSITIONS, animation) : directional;\n\n if (isDirectional) {\n return cx(animation, childClasses, useKeyOnly(animating, 'animating'), useKeyOnly(status === Transition.ENTERING, 'in'), useKeyOnly(status === Transition.EXITING, 'out'), useKeyOnly(status === Transition.EXITED, 'hidden'), useKeyOnly(status !== Transition.EXITED, 'visible'), 'transition');\n }\n\n return cx(animation, childClasses, useKeyOnly(animating, 'animating transition'));\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"computeCompletedStatus\", function () {\n var unmountOnHide = _this.props.unmountOnHide;\n var status = _this.state.status;\n if (status === Transition.ENTERING) return Transition.ENTERED;\n return unmountOnHide ? Transition.UNMOUNTED : Transition.EXITED;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"computeInitialStatuses\", function () {\n var _this$props2 = _this.props,\n visible = _this$props2.visible,\n mountOnShow = _this$props2.mountOnShow,\n transitionOnMount = _this$props2.transitionOnMount,\n unmountOnHide = _this$props2.unmountOnHide;\n\n if (visible) {\n if (transitionOnMount) {\n return {\n initial: Transition.EXITED,\n next: Transition.ENTERING\n };\n }\n\n return {\n initial: Transition.ENTERED\n };\n }\n\n if (mountOnShow || unmountOnHide) return {\n initial: Transition.UNMOUNTED\n };\n return {\n initial: Transition.EXITED\n };\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"computeNextStatus\", function () {\n var _this$state2 = _this.state,\n animating = _this$state2.animating,\n status = _this$state2.status;\n if (animating) return status === Transition.ENTERING ? Transition.EXITING : Transition.ENTERING;\n return status === Transition.ENTERED ? Transition.EXITING : Transition.ENTERING;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"computeStatuses\", function (props) {\n var status = _this.state.status;\n var visible = props.visible;\n\n if (visible) {\n return {\n current: status === Transition.UNMOUNTED && Transition.EXITED,\n next: status !== Transition.ENTERING && status !== Transition.ENTERED && Transition.ENTERING\n };\n }\n\n return {\n next: (status === Transition.ENTERING || status === Transition.ENTERED) && Transition.EXITING\n };\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"computeStyle\", function () {\n var _this$props3 = _this.props,\n children = _this$props3.children,\n duration = _this$props3.duration;\n var status = _this.state.status;\n\n var childStyle = _get(children, 'props.style');\n\n var type = TRANSITION_TYPE[status];\n var animationDuration = type && \"\".concat(normalizeTransitionDuration(duration, type), \"ms\");\n return _objectSpread({}, childStyle, {\n animationDuration: animationDuration\n });\n });\n\n var _this$computeInitialS = _this.computeInitialStatuses(),\n _status = _this$computeInitialS.initial,\n next = _this$computeInitialS.next;\n\n _this.nextStatus = next;\n _this.state = {\n status: _status\n };\n return _this;\n } // ----------------------------------------\n // Lifecycle\n // ----------------------------------------\n\n\n _createClass(Transition, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.updateStatus();\n }\n }, {\n key: \"componentWillReceiveProps\",\n value: function componentWillReceiveProps(nextProps) {\n var _this$computeStatuses = this.computeStatuses(nextProps),\n status = _this$computeStatuses.current,\n next = _this$computeStatuses.next;\n\n this.nextStatus = next;\n if (status) this.setState({\n status: status\n });\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate() {\n this.updateStatus();\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n clearTimeout(this.timeoutId);\n } // ----------------------------------------\n // Callback handling\n // ----------------------------------------\n\n }, {\n key: \"render\",\n // ----------------------------------------\n // Render\n // ----------------------------------------\n value: function render() {\n var children = this.props.children;\n var status = this.state.status;\n if (status === Transition.UNMOUNTED) return null;\n return cloneElement(children, {\n className: this.computeClasses(),\n style: this.computeStyle()\n });\n }\n }]);\n\n return Transition;\n}(Component);\n\n_defineProperty(Transition, \"defaultProps\", {\n animation: 'fade',\n duration: 500,\n visible: true,\n mountOnShow: true,\n transitionOnMount: false,\n unmountOnHide: false\n});\n\n_defineProperty(Transition, \"ENTERED\", 'ENTERED');\n\n_defineProperty(Transition, \"ENTERING\", 'ENTERING');\n\n_defineProperty(Transition, \"EXITED\", 'EXITED');\n\n_defineProperty(Transition, \"EXITING\", 'EXITING');\n\n_defineProperty(Transition, \"UNMOUNTED\", 'UNMOUNTED');\n\n_defineProperty(Transition, \"Group\", TransitionGroup);\n\n_defineProperty(Transition, \"handledProps\", [\"animation\", \"children\", \"directional\", \"duration\", \"mountOnShow\", \"onComplete\", \"onHide\", \"onShow\", \"onStart\", \"reactKey\", \"transitionOnMount\", \"unmountOnHide\", \"visible\"]);\n\nexport { Transition as default };\nTransition.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** Named animation event to used. Must be defined in CSS. */\n animation: PropTypes.oneOfType([PropTypes.oneOf(SUI.TRANSITIONS), PropTypes.string]),\n\n /** Primary content. */\n children: PropTypes.element.isRequired,\n\n /** Whether it is directional animation event or not. Use it only for custom transitions. */\n directional: PropTypes.bool,\n\n /** Duration of the CSS transition animation in milliseconds. */\n duration: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({\n hide: PropTypes.number,\n show: PropTypes.number\n }), PropTypes.string]),\n\n /** Show the component; triggers the enter or exit animation. */\n visible: PropTypes.bool,\n\n /** Wait until the first \"enter\" transition to mount the component (add it to the DOM). */\n mountOnShow: PropTypes.bool,\n\n /**\n * Callback on each transition that changes visibility to shown.\n *\n * @param {null}\n * @param {object} data - All props with status.\n */\n onComplete: PropTypes.func,\n\n /**\n * Callback on each transition that changes visibility to hidden.\n *\n * @param {null}\n * @param {object} data - All props with status.\n */\n onHide: PropTypes.func,\n\n /**\n * Callback on each transition that changes visibility to shown.\n *\n * @param {null}\n * @param {object} data - All props with status.\n */\n onShow: PropTypes.func,\n\n /**\n * Callback on animation start.\n *\n * @param {null}\n * @param {object} data - All props with status.\n */\n onStart: PropTypes.func,\n\n /** React's key of the element. */\n reactKey: PropTypes.string,\n\n /** Run the enter animation when the component mounts, if it is initially shown. */\n transitionOnMount: PropTypes.bool,\n\n /** Unmount the component (remove it from the DOM) when it is not shown. */\n unmountOnHide: PropTypes.bool\n} : {};","import _extends from \"@babel/runtime/helpers/extends\";\nimport _objectSpread from \"@babel/runtime/helpers/objectSpread\";\nimport _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _invoke from \"lodash/invoke\";\nimport PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport Portal from '../Portal';\nimport Transition from '../../modules/Transition';\nimport { getUnhandledProps } from '../../lib';\n\n/**\n * A sugar for `Portal` and `Transition`.\n * @see Portal\n * @see Transition\n */\nvar TransitionablePortal =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(TransitionablePortal, _Component);\n\n function TransitionablePortal(props) {\n var _this;\n\n _classCallCheck(this, TransitionablePortal);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(TransitionablePortal).call(this, props));\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handlePortalClose\", function () {\n _this.setState({\n portalOpen: false\n });\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handlePortalOpen\", function () {\n _this.setState({\n portalOpen: true\n });\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleTransitionHide\", function (nothing, data) {\n var portalOpen = _this.state.portalOpen;\n\n _this.setState({\n transitionVisible: false\n });\n\n _invoke(_this.props, 'onClose', null, _objectSpread({}, data, {\n portalOpen: false,\n transitionVisible: false\n }));\n\n _invoke(_this.props, 'onHide', null, _objectSpread({}, data, {\n portalOpen: portalOpen,\n transitionVisible: false\n }));\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleTransitionStart\", function (nothing, data) {\n var portalOpen = _this.state.portalOpen;\n var status = data.status;\n var transitionVisible = status === Transition.ENTERING;\n\n _invoke(_this.props, 'onStart', null, _objectSpread({}, data, {\n portalOpen: portalOpen,\n transitionVisible: transitionVisible\n })); // Heads up! TransitionablePortal fires onOpen callback on the start of transition animation\n\n\n if (!transitionVisible) return;\n\n _this.setState({\n transitionVisible: transitionVisible\n });\n\n _invoke(_this.props, 'onOpen', null, _objectSpread({}, data, {\n transitionVisible: transitionVisible,\n portalOpen: true\n }));\n });\n\n _this.state = {\n portalOpen: props.open\n };\n return _this;\n } // ----------------------------------------\n // Lifecycle\n // ----------------------------------------\n\n\n _createClass(TransitionablePortal, [{\n key: \"componentWillReceiveProps\",\n value: function componentWillReceiveProps(_ref) {\n var open = _ref.open;\n this.setState({\n portalOpen: open\n });\n } // ----------------------------------------\n // Callback handling\n // ----------------------------------------\n\n }, {\n key: \"render\",\n // ----------------------------------------\n // Render\n // ----------------------------------------\n value: function render() {\n var _this$props = this.props,\n children = _this$props.children,\n transition = _this$props.transition;\n var _this$state = this.state,\n portalOpen = _this$state.portalOpen,\n transitionVisible = _this$state.transitionVisible;\n var open = portalOpen || transitionVisible;\n var rest = getUnhandledProps(TransitionablePortal, this.props);\n return React.createElement(Portal, _extends({}, rest, {\n open: open,\n onOpen: this.handlePortalOpen,\n onClose: this.handlePortalClose\n }), React.createElement(Transition, _extends({}, transition, {\n transitionOnMount: true,\n onStart: this.handleTransitionStart,\n onHide: this.handleTransitionHide,\n visible: portalOpen\n }), children));\n }\n }]);\n\n return TransitionablePortal;\n}(Component);\n\n_defineProperty(TransitionablePortal, \"defaultProps\", {\n transition: {\n animation: 'scale',\n duration: 400\n }\n});\n\n_defineProperty(TransitionablePortal, \"handledProps\", [\"children\", \"onClose\", \"onHide\", \"onOpen\", \"onStart\", \"open\", \"transition\"]);\n\nexport { TransitionablePortal as default };\nTransitionablePortal.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** Primary content. */\n children: PropTypes.node.isRequired,\n\n /**\n * Called when a close event happens.\n *\n * @param {SyntheticEvent} event - React's original SyntheticEvent.\n * @param {object} data - All props and internal state.\n */\n onClose: PropTypes.func,\n\n /**\n * Callback on each transition that changes visibility to hidden.\n *\n * @param {null}\n * @param {object} data - All props with transition status and internal state.\n */\n onHide: PropTypes.func,\n\n /**\n * Called when an open event happens.\n *\n * @param {SyntheticEvent} event - React's original SyntheticEvent.\n * @param {object} data - All props and internal state.\n */\n onOpen: PropTypes.func,\n\n /**\n * Callback on animation start.\n *\n * @param {null}\n * @param {object} data - All props with transition status and internal state.\n */\n onStart: PropTypes.func,\n\n /** Controls whether or not the portal is displayed. */\n open: PropTypes.bool,\n\n /** Transition props. */\n transition: PropTypes.object\n} : {};","import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport _objectSpread from \"@babel/runtime/helpers/objectSpread\";\nimport _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _invoke from \"lodash/invoke\";\nimport _forEach from \"lodash/forEach\";\nimport _without from \"lodash/without\";\nimport _includes from \"lodash/includes\";\nimport PropTypes from 'prop-types';\nimport React, { Component, createRef } from 'react';\nimport Ref from '../../addons/Ref';\nimport { eventStack, customPropTypes, getElementType, getUnhandledProps, normalizeOffset, isBrowser } from '../../lib';\n/**\n * Visibility provides a set of callbacks for when a content appears in the viewport.\n */\n\nvar Visibility =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(Visibility, _Component);\n\n function Visibility() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, Visibility);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Visibility)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"calculations\", {\n bottomPassed: false,\n bottomVisible: false,\n fits: false,\n passing: false,\n offScreen: false,\n onScreen: false,\n topPassed: false,\n topVisible: false\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"firedCallbacks\", []);\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"ref\", createRef());\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"fire\", function (_ref, value) {\n var callback = _ref.callback,\n name = _ref.name;\n var reverse = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n var _this$props = _this.props,\n continuous = _this$props.continuous,\n once = _this$props.once; // Heads up! For the execution is required:\n // - current value correspond to the fired direction\n // - `continuous` is true or calculation values are different\n\n var matchesDirection = _this.calculations[value] !== reverse;\n var executionPossible = continuous || _this.calculations[value] !== _this.oldCalculations[value];\n if (matchesDirection && executionPossible) _this.execute(callback, name); // Heads up! We should remove callback from the happened when it's not `once`\n\n if (!once) _this.firedCallbacks = _without(_this.firedCallbacks, name);\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleUpdate\", function () {\n if (_this.ticking) return;\n _this.ticking = true;\n _this.frameId = requestAnimationFrame(_this.update);\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"update\", function () {\n if (!_this.mounted) return;\n _this.ticking = false;\n _this.oldCalculations = _this.calculations;\n _this.calculations = _this.computeCalculations();\n _this.pageYOffset = window.pageYOffset;\n var _this$props2 = _this.props,\n onBottomPassed = _this$props2.onBottomPassed,\n onBottomPassedReverse = _this$props2.onBottomPassedReverse,\n onBottomVisible = _this$props2.onBottomVisible,\n onBottomVisibleReverse = _this$props2.onBottomVisibleReverse,\n onPassing = _this$props2.onPassing,\n onPassingReverse = _this$props2.onPassingReverse,\n onTopPassed = _this$props2.onTopPassed,\n onTopPassedReverse = _this$props2.onTopPassedReverse,\n onTopVisible = _this$props2.onTopVisible,\n onTopVisibleReverse = _this$props2.onTopVisibleReverse,\n onOffScreen = _this$props2.onOffScreen,\n onOnScreen = _this$props2.onOnScreen,\n updateOn = _this$props2.updateOn;\n var forward = {\n bottomPassed: {\n callback: onBottomPassed,\n name: 'onBottomPassed'\n },\n bottomVisible: {\n callback: onBottomVisible,\n name: 'onBottomVisible'\n },\n passing: {\n callback: onPassing,\n name: 'onPassing'\n },\n offScreen: {\n callback: onOffScreen,\n name: 'onOffScreen'\n },\n onScreen: {\n callback: onOnScreen,\n name: 'onOnScreen'\n },\n topPassed: {\n callback: onTopPassed,\n name: 'onTopPassed'\n },\n topVisible: {\n callback: onTopVisible,\n name: 'onTopVisible'\n }\n };\n var reverse = {\n bottomPassed: {\n callback: onBottomPassedReverse,\n name: 'onBottomPassedReverse'\n },\n bottomVisible: {\n callback: onBottomVisibleReverse,\n name: 'onBottomVisibleReverse'\n },\n passing: {\n callback: onPassingReverse,\n name: 'onPassingReverse'\n },\n topPassed: {\n callback: onTopPassedReverse,\n name: 'onTopPassedReverse'\n },\n topVisible: {\n callback: onTopVisibleReverse,\n name: 'onTopVisibleReverse'\n }\n };\n\n _invoke(_this.props, 'onUpdate', null, _objectSpread({}, _this.props, {\n calculations: _this.calculations\n }));\n\n _this.fireOnPassed(); // Heads up! Reverse callbacks should be fired first\n\n\n _forEach(reverse, function (data, value) {\n return _this.fire(data, value, true);\n });\n\n _forEach(forward, function (data, value) {\n return _this.fire(data, value);\n });\n\n if (updateOn === 'repaint') _this.handleUpdate();\n });\n\n return _this;\n }\n\n _createClass(Visibility, [{\n key: \"componentWillReceiveProps\",\n // ----------------------------------------\n // Lifecycle\n // ----------------------------------------\n value: function componentWillReceiveProps(_ref2) {\n var continuous = _ref2.continuous,\n once = _ref2.once,\n context = _ref2.context,\n updateOn = _ref2.updateOn;\n var cleanHappened = continuous !== this.props.continuous || once !== this.props.once || updateOn !== this.props.updateOn; // Heads up! We should clean up array of happened callbacks, if values of these props are changed\n\n if (cleanHappened) this.firedCallbacks = [];\n\n if (context !== this.props.context || updateOn !== this.props.updateOn) {\n this.unattachHandlers(this.props.context);\n this.attachHandlers(context, updateOn);\n }\n }\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.mounted = true;\n if (!isBrowser()) return;\n var _this$props3 = this.props,\n context = _this$props3.context,\n fireOnMount = _this$props3.fireOnMount,\n updateOn = _this$props3.updateOn;\n this.pageYOffset = window.pageYOffset;\n this.attachHandlers(context, updateOn);\n if (fireOnMount) this.update();\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n var context = this.props.context;\n this.unattachHandlers(context);\n this.mounted = false;\n }\n }, {\n key: \"attachHandlers\",\n value: function attachHandlers(context, updateOn) {\n if (updateOn === 'events') {\n if (context) {\n eventStack.sub('resize', this.handleUpdate, {\n target: context\n });\n eventStack.sub('scroll', this.handleUpdate, {\n target: context\n });\n }\n\n return;\n } // Heads up!\n // We will deal with `repaint` there\n\n\n this.handleUpdate();\n }\n }, {\n key: \"unattachHandlers\",\n value: function unattachHandlers(context) {\n if (context) {\n eventStack.unsub('resize', this.handleUpdate, {\n target: context\n });\n eventStack.unsub('scroll', this.handleUpdate, {\n target: context\n });\n }\n\n if (this.frameId) cancelAnimationFrame(this.frameId);\n } // ----------------------------------------\n // Callback handling\n // ----------------------------------------\n\n }, {\n key: \"execute\",\n value: function execute(callback, name) {\n var continuous = this.props.continuous;\n if (!callback) return; // Heads up! When `continuous` is true, callback will be fired always\n\n if (!continuous && _includes(this.firedCallbacks, name)) return;\n callback(null, _objectSpread({}, this.props, {\n calculations: this.calculations\n }));\n this.firedCallbacks.push(name);\n }\n }, {\n key: \"fireOnPassed\",\n value: function fireOnPassed() {\n var _this2 = this;\n\n var _this$calculations = this.calculations,\n percentagePassed = _this$calculations.percentagePassed,\n pixelsPassed = _this$calculations.pixelsPassed;\n var onPassed = this.props.onPassed;\n\n _forEach(onPassed, function (callback, passed) {\n var pixelsValue = Number(passed);\n\n if (pixelsValue && pixelsPassed >= pixelsValue) {\n _this2.execute(callback, passed);\n\n return;\n }\n\n var matchPercentage = \"\".concat(passed).match(/^(\\d+)%$/);\n if (!matchPercentage) return;\n var percentageValue = Number(matchPercentage[1]) / 100;\n if (percentagePassed >= percentageValue) _this2.execute(callback, passed);\n });\n }\n }, {\n key: \"computeCalculations\",\n // ----------------------------------------\n // Helpers\n // ----------------------------------------\n value: function computeCalculations() {\n var offset = this.props.offset;\n\n var _this$ref$current$get = this.ref.current.getBoundingClientRect(),\n bottom = _this$ref$current$get.bottom,\n height = _this$ref$current$get.height,\n top = _this$ref$current$get.top,\n width = _this$ref$current$get.width;\n\n var _normalizeOffset = normalizeOffset(offset),\n _normalizeOffset2 = _slicedToArray(_normalizeOffset, 2),\n topOffset = _normalizeOffset2[0],\n bottomOffset = _normalizeOffset2[1];\n\n var direction = window.pageYOffset > this.pageYOffset ? 'down' : 'up';\n var topPassed = top < topOffset;\n var bottomPassed = bottom < bottomOffset;\n var pixelsPassed = bottomPassed ? 0 : Math.max(top * -1, 0);\n var percentagePassed = pixelsPassed / height;\n var bottomVisible = bottom >= bottomOffset && bottom <= window.innerHeight;\n var topVisible = top >= topOffset && top <= window.innerHeight;\n var fits = topVisible && bottomVisible;\n var passing = topPassed && !bottomPassed;\n var onScreen = (topVisible || topPassed) && !bottomPassed;\n var offScreen = !onScreen;\n return {\n bottomPassed: bottomPassed,\n bottomVisible: bottomVisible,\n direction: direction,\n fits: fits,\n height: height,\n passing: passing,\n percentagePassed: percentagePassed,\n pixelsPassed: pixelsPassed,\n offScreen: offScreen,\n onScreen: onScreen,\n topPassed: topPassed,\n topVisible: topVisible,\n width: width\n };\n } // ----------------------------------------\n // Render\n // ----------------------------------------\n\n }, {\n key: \"render\",\n value: function render() {\n var children = this.props.children;\n var ElementType = getElementType(Visibility, this.props);\n var rest = getUnhandledProps(Visibility, this.props);\n return React.createElement(Ref, {\n innerRef: this.ref\n }, React.createElement(ElementType, rest, children));\n }\n }]);\n\n return Visibility;\n}(Component);\n\n_defineProperty(Visibility, \"defaultProps\", {\n context: isBrowser() ? window : null,\n continuous: false,\n offset: [0, 0],\n once: true,\n updateOn: 'events'\n});\n\n_defineProperty(Visibility, \"handledProps\", [\"as\", \"children\", \"context\", \"continuous\", \"fireOnMount\", \"offset\", \"onBottomPassed\", \"onBottomPassedReverse\", \"onBottomVisible\", \"onBottomVisibleReverse\", \"onOffScreen\", \"onOnScreen\", \"onPassed\", \"onPassing\", \"onPassingReverse\", \"onTopPassed\", \"onTopPassedReverse\", \"onTopVisible\", \"onTopVisibleReverse\", \"onUpdate\", \"once\", \"updateOn\"]);\n\nexport { Visibility as default };\nVisibility.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Context which visibility should attach onscroll events. */\n context: PropTypes.object,\n\n /**\n * When set to true a callback will occur anytime an element passes a condition not just immediately after the\n * threshold is met.\n */\n continuous: PropTypes.bool,\n\n /** Fires callbacks immediately after mount. */\n fireOnMount: PropTypes.bool,\n\n /**\n * Element's bottom edge has passed top of screen.\n *\n * @param {null}\n * @param {object} data - All props.\n */\n onBottomPassed: PropTypes.func,\n\n /**\n * Element's bottom edge has not passed top of screen.\n *\n * @param {null}\n * @param {object} data - All props.\n */\n onBottomPassedReverse: PropTypes.func,\n\n /**\n * Element's bottom edge has passed bottom of screen\n *\n * @param {null}\n * @param {object} data - All props.\n */\n onBottomVisible: PropTypes.func,\n\n /**\n * Element's bottom edge has not passed bottom of screen.\n *\n * @param {null}\n * @param {object} data - All props.\n */\n onBottomVisibleReverse: PropTypes.func,\n\n /**\n * Value that context should be adjusted in pixels. Useful for making content appear below content fixed to the\n * page.\n */\n offset: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string]))]),\n\n /** When set to false a callback will occur each time an element passes the threshold for a condition. */\n once: PropTypes.bool,\n\n /** Element is not visible on the screen. */\n onPassed: PropTypes.object,\n\n /**\n * Any part of an element is visible on screen.\n *\n * @param {null}\n * @param {object} data - All props.\n */\n onPassing: PropTypes.func,\n\n /**\n * Element's top has not passed top of screen but bottom has.\n *\n * @param {null}\n * @param {object} data - All props.\n */\n onPassingReverse: PropTypes.func,\n\n /**\n * Element is not visible on the screen.\n *\n * @param {null}\n * @param {object} data - All props.\n */\n onOffScreen: PropTypes.func,\n\n /**\n * Element is visible on the screen.\n *\n * @param {null}\n * @param {object} data - All props.\n */\n onOnScreen: PropTypes.func,\n\n /**\n * Element's top edge has passed top of the screen.\n *\n * @param {null}\n * @param {object} data - All props.\n */\n onTopPassed: PropTypes.func,\n\n /**\n * Element's top edge has not passed top of the screen.\n *\n * @param {null}\n * @param {object} data - All props.\n */\n onTopPassedReverse: PropTypes.func,\n\n /**\n * Element's top edge has passed bottom of screen.\n *\n * @param {null}\n * @param {object} data - All props.\n */\n onTopVisible: PropTypes.func,\n\n /**\n * Element's top edge has not passed bottom of screen.\n *\n * @param {null}\n * @param {object} data - All props.\n */\n onTopVisibleReverse: PropTypes.func,\n\n /**\n * Element's top edge has passed bottom of screen.\n *\n * @param {null}\n * @param {object} data - All props.\n */\n onUpdate: PropTypes.func,\n\n /**\n * Allows to choose the mode of the position calculations:\n * - `events` - (default) update and fire callbacks only on scroll/resize events\n * - `repaint` - update and fire callbacks on browser repaint (animation frames)\n */\n updateOn: PropTypes.oneOf(['events', 'repaint'])\n} : {};","import _extends from \"@babel/runtime/helpers/extends\";\nimport _objectSpread from \"@babel/runtime/helpers/objectSpread\";\nimport _isNil from \"lodash/isNil\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, createShorthandFactory, customPropTypes, getUnhandledProps, getElementType } from '../../lib';\nimport Icon from '../../elements/Icon';\n/**\n * A divider sub-component for Breadcrumb component.\n */\n\nfunction BreadcrumbDivider(props) {\n var children = props.children,\n className = props.className,\n content = props.content,\n icon = props.icon;\n var classes = cx('divider', className);\n var rest = getUnhandledProps(BreadcrumbDivider, props);\n var ElementType = getElementType(BreadcrumbDivider, props);\n\n if (!_isNil(icon)) {\n return Icon.create(icon, {\n defaultProps: _objectSpread({}, rest, {\n className: classes\n }),\n autoGenerateKey: false\n });\n }\n\n if (!_isNil(content)) {\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), content);\n }\n\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), childrenUtils.isNil(children) ? '/' : children);\n}\n\nBreadcrumbDivider.handledProps = [\"as\", \"children\", \"className\", \"content\", \"icon\"];\nBreadcrumbDivider.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand,\n\n /** Render as an `Icon` component with `divider` class instead of a `div`. */\n icon: customPropTypes.itemShorthand\n} : {};\nBreadcrumbDivider.create = createShorthandFactory(BreadcrumbDivider, function (icon) {\n return {\n icon: icon\n };\n});\nexport default BreadcrumbDivider;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _invoke from \"lodash/invoke\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport { childrenUtils, createShorthandFactory, customPropTypes, getUnhandledProps, getElementType, useKeyOnly } from '../../lib';\n/**\n * A section sub-component for Breadcrumb component.\n */\n\nvar BreadcrumbSection =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(BreadcrumbSection, _Component);\n\n function BreadcrumbSection() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, BreadcrumbSection);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(BreadcrumbSection)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"computeElementType\", function () {\n var _this$props = _this.props,\n link = _this$props.link,\n onClick = _this$props.onClick;\n if (link || onClick) return 'a';\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleClick\", function (e) {\n return _invoke(_this.props, 'onClick', e, _this.props);\n });\n\n return _this;\n }\n\n _createClass(BreadcrumbSection, [{\n key: \"render\",\n value: function render() {\n var _this$props2 = this.props,\n active = _this$props2.active,\n children = _this$props2.children,\n className = _this$props2.className,\n content = _this$props2.content,\n href = _this$props2.href;\n var classes = cx(useKeyOnly(active, 'active'), 'section', className);\n var rest = getUnhandledProps(BreadcrumbSection, this.props);\n var ElementType = getElementType(BreadcrumbSection, this.props, this.computeElementType);\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes,\n href: href,\n onClick: this.handleClick\n }), childrenUtils.isNil(children) ? content : children);\n }\n }]);\n\n return BreadcrumbSection;\n}(Component);\n\n_defineProperty(BreadcrumbSection, \"handledProps\", [\"active\", \"as\", \"children\", \"className\", \"content\", \"href\", \"link\", \"onClick\"]);\n\nexport { BreadcrumbSection as default };\nBreadcrumbSection.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Style as the currently active section. */\n active: PropTypes.bool,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand,\n\n /** Render as an `a` tag instead of a `div` and adds the href attribute. */\n href: customPropTypes.every([customPropTypes.disallow(['link']), PropTypes.string]),\n\n /** Render as an `a` tag instead of a `div`. */\n link: customPropTypes.every([customPropTypes.disallow(['href']), PropTypes.bool]),\n\n /**\n * Called on click. When passed, the component will render as an `a`\n * tag by default instead of a `div`.\n *\n * @param {SyntheticEvent} event - React's original SyntheticEvent.\n * @param {object} data - All props.\n */\n onClick: PropTypes.func\n} : {};\nBreadcrumbSection.create = createShorthandFactory(BreadcrumbSection, function (content) {\n return {\n content: content,\n link: true\n };\n});","import _extends from \"@babel/runtime/helpers/extends\";\nimport _without from \"lodash/without\";\nimport _each from \"lodash/each\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, customPropTypes, getUnhandledProps, getElementType, SUI } from '../../lib';\nimport BreadcrumbDivider from './BreadcrumbDivider';\nimport BreadcrumbSection from './BreadcrumbSection';\n/**\n * A breadcrumb is used to show hierarchy between content.\n */\n\nfunction Breadcrumb(props) {\n var children = props.children,\n className = props.className,\n divider = props.divider,\n icon = props.icon,\n sections = props.sections,\n size = props.size;\n var classes = cx('ui', size, 'breadcrumb', className);\n var rest = getUnhandledProps(Breadcrumb, props);\n var ElementType = getElementType(Breadcrumb, props);\n\n if (!childrenUtils.isNil(children)) {\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), children);\n }\n\n var childElements = [];\n\n _each(sections, function (section, index) {\n // section\n var breadcrumbElement = BreadcrumbSection.create(section);\n childElements.push(breadcrumbElement); // divider\n\n if (index !== sections.length - 1) {\n var key = \"\".concat(breadcrumbElement.key, \"_divider\") || JSON.stringify(section);\n childElements.push(BreadcrumbDivider.create({\n content: divider,\n icon: icon,\n key: key\n }));\n }\n });\n\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), childElements);\n}\n\nBreadcrumb.handledProps = [\"as\", \"children\", \"className\", \"divider\", \"icon\", \"sections\", \"size\"];\nBreadcrumb.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content of the Breadcrumb.Divider. */\n divider: customPropTypes.every([customPropTypes.disallow(['icon']), customPropTypes.contentShorthand]),\n\n /** For use with the sections prop. Render as an `Icon` component with `divider` class instead of a `div` in\n * Breadcrumb.Divider. */\n icon: customPropTypes.every([customPropTypes.disallow(['divider']), customPropTypes.itemShorthand]),\n\n /** Shorthand array of props for Breadcrumb.Section. */\n sections: customPropTypes.collectionShorthand,\n\n /** Size of Breadcrumb. */\n size: PropTypes.oneOf(_without(SUI.SIZES, 'medium'))\n} : {};\nBreadcrumb.Divider = BreadcrumbDivider;\nBreadcrumb.Section = BreadcrumbSection;\nexport default Breadcrumb;","import _extends from \"@babel/runtime/helpers/extends\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, customPropTypes, getElementType, getUnhandledProps, SUI, useKeyOnly, useTextAlignProp } from '../../lib';\n/**\n * A container limits content to a maximum width.\n */\n\nfunction Container(props) {\n var children = props.children,\n className = props.className,\n content = props.content,\n fluid = props.fluid,\n text = props.text,\n textAlign = props.textAlign;\n var classes = cx('ui', useKeyOnly(text, 'text'), useKeyOnly(fluid, 'fluid'), useTextAlignProp(textAlign), 'container', className);\n var rest = getUnhandledProps(Container, props);\n var ElementType = getElementType(Container, props);\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), childrenUtils.isNil(children) ? content : children);\n}\n\nContainer.handledProps = [\"as\", \"children\", \"className\", \"content\", \"fluid\", \"text\", \"textAlign\"];\nContainer.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand,\n\n /** Container has no maximum width. */\n fluid: PropTypes.bool,\n\n /** Reduce maximum width to more naturally accommodate text. */\n text: PropTypes.bool,\n\n /** Align container text. */\n textAlign: PropTypes.oneOf(SUI.TEXT_ALIGNMENTS)\n} : {};\nexport default Container;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _without from \"lodash/without\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, customPropTypes, getElementType, getUnhandledProps, SUI, useKeyOnly, useKeyOrValueAndKey } from '../../lib';\n/**\n * A rail is used to show accompanying content outside the boundaries of the main view of a site.\n */\n\nfunction Rail(props) {\n var attached = props.attached,\n children = props.children,\n className = props.className,\n close = props.close,\n content = props.content,\n dividing = props.dividing,\n internal = props.internal,\n position = props.position,\n size = props.size;\n var classes = cx('ui', position, size, useKeyOnly(attached, 'attached'), useKeyOnly(dividing, 'dividing'), useKeyOnly(internal, 'internal'), useKeyOrValueAndKey(close, 'close'), 'rail', className);\n var rest = getUnhandledProps(Rail, props);\n var ElementType = getElementType(Rail, props);\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), childrenUtils.isNil(children) ? content : children);\n}\n\nRail.handledProps = [\"as\", \"attached\", \"children\", \"className\", \"close\", \"content\", \"dividing\", \"internal\", \"position\", \"size\"];\nRail.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** A rail can appear attached to the main viewport. */\n attached: PropTypes.bool,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** A rail can appear closer to the main viewport. */\n close: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['very'])]),\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand,\n\n /** A rail can create a division between itself and a container. */\n dividing: PropTypes.bool,\n\n /** A rail can attach itself to the inside of a container. */\n internal: PropTypes.bool,\n\n /** A rail can be presented on the left or right side of a container. */\n position: PropTypes.oneOf(SUI.FLOATS).isRequired,\n\n /** A rail can have different sizes. */\n size: PropTypes.oneOf(_without(SUI.SIZES, 'medium'))\n} : {};\nexport default Rail;","import _extends from \"@babel/runtime/helpers/extends\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, customPropTypes, getElementType, getUnhandledProps, useKeyOnly } from '../../lib';\n/**\n * A content sub-component for the Reveal.\n */\n\nfunction RevealContent(props) {\n var children = props.children,\n className = props.className,\n content = props.content,\n hidden = props.hidden,\n visible = props.visible;\n var classes = cx('ui', useKeyOnly(hidden, 'hidden'), useKeyOnly(visible, 'visible'), 'content', className);\n var rest = getUnhandledProps(RevealContent, props);\n var ElementType = getElementType(RevealContent, props);\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), childrenUtils.isNil(children) ? content : children);\n}\n\nRevealContent.handledProps = [\"as\", \"children\", \"className\", \"content\", \"hidden\", \"visible\"];\nRevealContent.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand,\n\n /** A reveal may contain content that is visible before interaction. */\n hidden: PropTypes.bool,\n\n /** A reveal may contain content that is hidden before user interaction. */\n visible: PropTypes.bool\n} : {};\nexport default RevealContent;","import _extends from \"@babel/runtime/helpers/extends\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, customPropTypes, getElementType, getUnhandledProps, useKeyOnly } from '../../lib';\nimport RevealContent from './RevealContent';\n/**\n * A reveal displays additional content in place of previous content when activated.\n */\n\nfunction Reveal(props) {\n var active = props.active,\n animated = props.animated,\n children = props.children,\n className = props.className,\n content = props.content,\n disabled = props.disabled,\n instant = props.instant;\n var classes = cx('ui', animated, useKeyOnly(active, 'active'), useKeyOnly(disabled, 'disabled'), useKeyOnly(instant, 'instant'), 'reveal', className);\n var rest = getUnhandledProps(Reveal, props);\n var ElementType = getElementType(Reveal, props);\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), childrenUtils.isNil(children) ? content : children);\n}\n\nReveal.handledProps = [\"active\", \"animated\", \"as\", \"children\", \"className\", \"content\", \"disabled\", \"instant\"];\nReveal.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** An active reveal displays its hidden content. */\n active: PropTypes.bool,\n\n /** An animation name that will be applied to Reveal. */\n animated: PropTypes.oneOf(['fade', 'small fade', 'move', 'move right', 'move up', 'move down', 'rotate', 'rotate left']),\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand,\n\n /** A disabled reveal will not animate when hovered. */\n disabled: PropTypes.bool,\n\n /** An element can show its content without delay. */\n instant: PropTypes.bool\n} : {};\nReveal.Content = RevealContent;\nexport default Reveal;","import _extends from \"@babel/runtime/helpers/extends\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, createShorthandFactory, customPropTypes, getElementType, getUnhandledProps } from '../../lib';\n\nfunction StepDescription(props) {\n var children = props.children,\n className = props.className,\n content = props.content;\n var classes = cx('description', className);\n var rest = getUnhandledProps(StepDescription, props);\n var ElementType = getElementType(StepDescription, props);\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), childrenUtils.isNil(children) ? content : children);\n}\n\nStepDescription.handledProps = [\"as\", \"children\", \"className\", \"content\"];\nStepDescription.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand\n} : {};\nStepDescription.create = createShorthandFactory(StepDescription, function (content) {\n return {\n content: content\n };\n});\nexport default StepDescription;","import _extends from \"@babel/runtime/helpers/extends\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, createShorthandFactory, customPropTypes, getElementType, getUnhandledProps } from '../../lib';\n/**\n * A step can contain a title.\n */\n\nfunction StepTitle(props) {\n var children = props.children,\n className = props.className,\n content = props.content;\n var classes = cx('title', className);\n var rest = getUnhandledProps(StepTitle, props);\n var ElementType = getElementType(StepTitle, props);\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), childrenUtils.isNil(children) ? content : children);\n}\n\nStepTitle.handledProps = [\"as\", \"children\", \"className\", \"content\"];\nStepTitle.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand\n} : {};\nStepTitle.create = createShorthandFactory(StepTitle, function (content) {\n return {\n content: content\n };\n});\nexport default StepTitle;","import _extends from \"@babel/runtime/helpers/extends\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, createShorthandFactory, customPropTypes, getElementType, getUnhandledProps } from '../../lib';\nimport StepDescription from './StepDescription';\nimport StepTitle from './StepTitle';\n/**\n * A step can contain a content.\n */\n\nfunction StepContent(props) {\n var children = props.children,\n className = props.className,\n content = props.content,\n description = props.description,\n title = props.title;\n var classes = cx('content', className);\n var rest = getUnhandledProps(StepContent, props);\n var ElementType = getElementType(StepContent, props);\n\n if (!childrenUtils.isNil(children)) {\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), children);\n }\n\n if (!childrenUtils.isNil(content)) {\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), content);\n }\n\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), StepTitle.create(title, {\n autoGenerateKey: false\n }), StepDescription.create(description, {\n autoGenerateKey: false\n }));\n}\n\nStepContent.handledProps = [\"as\", \"children\", \"className\", \"content\", \"description\", \"title\"];\nStepContent.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand,\n\n /** Shorthand for StepDescription. */\n description: customPropTypes.itemShorthand,\n\n /** Shorthand for StepTitle. */\n title: customPropTypes.itemShorthand\n} : {};\nStepContent.create = createShorthandFactory(StepContent, function (content) {\n return {\n content: content\n };\n});\nexport default StepContent;","import _toConsumableArray from \"@babel/runtime/helpers/toConsumableArray\";\nimport _extends from \"@babel/runtime/helpers/extends\";\nimport _values from \"lodash/values\";\nimport _keys from \"lodash/keys\";\nimport _without from \"lodash/without\";\nimport _map from \"lodash/map\";\nimport _pickBy from \"lodash/pickBy\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, customPropTypes, getElementType, getUnhandledProps, numberToWordMap, SUI, useKeyOnly, useKeyOrValueAndKey, useValueAndKey, useWidthProp } from '../../lib';\nimport Step from './Step';\nvar numberMap = process.env.NODE_ENV !== \"production\" ? _pickBy(numberToWordMap, function (val, key) {\n return key <= 8;\n}) : {};;\n/**\n * A set of steps.\n */\n\nfunction StepGroup(props) {\n var attached = props.attached,\n children = props.children,\n className = props.className,\n content = props.content,\n fluid = props.fluid,\n items = props.items,\n ordered = props.ordered,\n size = props.size,\n stackable = props.stackable,\n unstackable = props.unstackable,\n vertical = props.vertical,\n widths = props.widths;\n var classes = cx('ui', size, useKeyOnly(fluid, 'fluid'), useKeyOnly(ordered, 'ordered'), useKeyOnly(unstackable, 'unstackable'), useKeyOnly(vertical, 'vertical'), useKeyOrValueAndKey(attached, 'attached'), useValueAndKey(stackable, 'stackable'), useWidthProp(widths), 'steps', className);\n var rest = getUnhandledProps(StepGroup, props);\n var ElementType = getElementType(StepGroup, props);\n\n if (!childrenUtils.isNil(children)) {\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), children);\n }\n\n if (!childrenUtils.isNil(content)) {\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), content);\n }\n\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), _map(items, function (item) {\n return Step.create(item);\n }));\n}\n\nStepGroup.handledProps = [\"as\", \"attached\", \"children\", \"className\", \"content\", \"fluid\", \"items\", \"ordered\", \"size\", \"stackable\", \"unstackable\", \"vertical\", \"widths\"];\nStepGroup.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Steps can be attached to other elements. */\n attached: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['top', 'bottom'])]),\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand,\n\n /** A fluid step takes up the width of its container. */\n fluid: PropTypes.bool,\n\n /** Shorthand array of props for Step. */\n items: customPropTypes.collectionShorthand,\n\n /** A step can show a ordered sequence of steps. */\n ordered: PropTypes.bool,\n\n /** Steps can have different sizes. */\n size: PropTypes.oneOf(_without(SUI.SIZES, 'medium')),\n\n /** A step can stack vertically only on smaller screens. */\n stackable: PropTypes.oneOf(['tablet']),\n\n /** A step can prevent itself from stacking on mobile. */\n unstackable: PropTypes.bool,\n\n /** A step can be displayed stacked vertically. */\n vertical: PropTypes.bool,\n\n /** Steps can be divided evenly inside their parent. */\n widths: PropTypes.oneOf(_toConsumableArray(_keys(numberMap)).concat(_toConsumableArray(_keys(numberMap).map(Number)), _toConsumableArray(_values(numberMap))))\n} : {};\nexport default StepGroup;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _invoke from \"lodash/invoke\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport { childrenUtils, createShorthandFactory, customPropTypes, getElementType, getUnhandledProps, useKeyOnly } from '../../lib';\nimport Icon from '../../elements/Icon';\nimport StepContent from './StepContent';\nimport StepDescription from './StepDescription';\nimport StepGroup from './StepGroup';\nimport StepTitle from './StepTitle';\n/**\n * A step shows the completion status of an activity in a series of activities.\n */\n\nvar Step =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(Step, _Component);\n\n function Step() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, Step);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Step)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"computeElementType\", function () {\n var onClick = _this.props.onClick;\n if (onClick) return 'a';\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleClick\", function (e) {\n var disabled = _this.props.disabled;\n if (!disabled) _invoke(_this.props, 'onClick', e, _this.props);\n });\n\n return _this;\n }\n\n _createClass(Step, [{\n key: \"render\",\n value: function render() {\n var _this$props = this.props,\n active = _this$props.active,\n children = _this$props.children,\n className = _this$props.className,\n completed = _this$props.completed,\n content = _this$props.content,\n description = _this$props.description,\n disabled = _this$props.disabled,\n href = _this$props.href,\n icon = _this$props.icon,\n link = _this$props.link,\n title = _this$props.title;\n var classes = cx(useKeyOnly(active, 'active'), useKeyOnly(completed, 'completed'), useKeyOnly(disabled, 'disabled'), useKeyOnly(link, 'link'), 'step', className);\n var rest = getUnhandledProps(Step, this.props);\n var ElementType = getElementType(Step, this.props, this.computeElementType);\n\n if (!childrenUtils.isNil(children)) {\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes,\n href: href,\n onClick: this.handleClick\n }), children);\n }\n\n if (!childrenUtils.isNil(content)) {\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes,\n href: href,\n onClick: this.handleClick\n }), content);\n }\n\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes,\n href: href,\n onClick: this.handleClick\n }), Icon.create(icon, {\n autoGenerateKey: false\n }), StepContent.create({\n description: description,\n title: title\n }, {\n autoGenerateKey: false\n }));\n }\n }]);\n\n return Step;\n}(Component);\n\n_defineProperty(Step, \"Content\", StepContent);\n\n_defineProperty(Step, \"Description\", StepDescription);\n\n_defineProperty(Step, \"Group\", StepGroup);\n\n_defineProperty(Step, \"Title\", StepTitle);\n\n_defineProperty(Step, \"handledProps\", [\"active\", \"as\", \"children\", \"className\", \"completed\", \"content\", \"description\", \"disabled\", \"href\", \"icon\", \"link\", \"onClick\", \"ordered\", \"title\"]);\n\nStep.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** A step can be highlighted as active. */\n active: PropTypes.bool,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** A step can show that a user has completed it. */\n completed: PropTypes.bool,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand,\n\n /** Shorthand for StepDescription. */\n description: customPropTypes.itemShorthand,\n\n /** Show that the Loader is inactive. */\n disabled: PropTypes.bool,\n\n /** Render as an `a` tag instead of a `div` and adds the href attribute. */\n href: PropTypes.string,\n\n /** Shorthand for Icon. */\n icon: customPropTypes.itemShorthand,\n\n /** A step can be link. */\n link: PropTypes.bool,\n\n /**\n * Called on click. When passed, the component will render as an `a`\n * tag by default instead of a `div`.\n *\n * @param {SyntheticEvent} event - React's original SyntheticEvent.\n * @param {object} data - All props.\n */\n onClick: PropTypes.func,\n\n /** A step can show a ordered sequence of steps. Passed from StepGroup. */\n ordered: PropTypes.bool,\n\n /** Shorthand for StepTitle. */\n title: customPropTypes.itemShorthand\n} : {};\nStep.create = createShorthandFactory(Step, function (content) {\n return {\n content: content\n };\n});\nexport default Step;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _isNil from \"lodash/isNil\";\nimport _invoke from \"lodash/invoke\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport { childrenUtils, createShorthandFactory, customPropTypes, getElementType, getUnhandledProps, useKeyOnly } from '../../lib';\nimport Icon from '../../elements/Icon';\n/**\n * A title sub-component for Accordion component.\n */\n\nvar AccordionTitle =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(AccordionTitle, _Component);\n\n function AccordionTitle() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, AccordionTitle);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(AccordionTitle)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleClick\", function (e) {\n return _invoke(_this.props, 'onClick', e, _this.props);\n });\n\n return _this;\n }\n\n _createClass(AccordionTitle, [{\n key: \"render\",\n value: function render() {\n var _this$props = this.props,\n active = _this$props.active,\n children = _this$props.children,\n className = _this$props.className,\n content = _this$props.content,\n icon = _this$props.icon;\n var classes = cx(useKeyOnly(active, 'active'), 'title', className);\n var rest = getUnhandledProps(AccordionTitle, this.props);\n var ElementType = getElementType(AccordionTitle, this.props);\n var iconValue = _isNil(icon) ? 'dropdown' : icon;\n\n if (!childrenUtils.isNil(children)) {\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes,\n onClick: this.handleClick\n }), children);\n }\n\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes,\n onClick: this.handleClick\n }), Icon.create(iconValue, {\n autoGenerateKey: false\n }), content);\n }\n }]);\n\n return AccordionTitle;\n}(Component);\n\n_defineProperty(AccordionTitle, \"handledProps\", [\"active\", \"as\", \"children\", \"className\", \"content\", \"icon\", \"index\", \"onClick\"]);\n\nexport { AccordionTitle as default };\nAccordionTitle.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Whether or not the title is in the open state. */\n active: PropTypes.bool,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand,\n\n /** Shorthand for Icon. */\n icon: customPropTypes.itemShorthand,\n\n /** AccordionTitle index inside Accordion. */\n index: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n /**\n * Called on click.\n *\n * @param {SyntheticEvent} event - React's original SyntheticEvent.\n * @param {object} data - All props.\n */\n onClick: PropTypes.func\n} : {};\nAccordionTitle.create = createShorthandFactory(AccordionTitle, function (content) {\n return {\n content: content\n };\n});","import _extends from \"@babel/runtime/helpers/extends\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, createShorthandFactory, customPropTypes, getElementType, getUnhandledProps, useKeyOnly } from '../../lib';\n/**\n * A content sub-component for Accordion component.\n */\n\nfunction AccordionContent(props) {\n var active = props.active,\n children = props.children,\n className = props.className,\n content = props.content;\n var classes = cx('content', useKeyOnly(active, 'active'), className);\n var rest = getUnhandledProps(AccordionContent, props);\n var ElementType = getElementType(AccordionContent, props);\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), childrenUtils.isNil(children) ? content : children);\n}\n\nAccordionContent.handledProps = [\"active\", \"as\", \"children\", \"className\", \"content\"];\nAccordionContent.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Whether or not the content is visible. */\n active: PropTypes.bool,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand\n} : {};\nAccordionContent.create = createShorthandFactory(AccordionContent, function (content) {\n return {\n content: content\n };\n});\nexport default AccordionContent;","import _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _invoke from \"lodash/invoke\";\nimport PropTypes from 'prop-types';\nimport React, { Component, Fragment } from 'react';\nimport { createShorthandFactory, customPropTypes } from '../../lib';\nimport AccordionTitle from './AccordionTitle';\nimport AccordionContent from './AccordionContent';\n/**\n * A panel sub-component for Accordion component.\n */\n\nvar AccordionPanel =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(AccordionPanel, _Component);\n\n function AccordionPanel() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, AccordionPanel);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(AccordionPanel)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleTitleOverrides\", function (predefinedProps) {\n return {\n onClick: function onClick(e, titleProps) {\n _invoke(predefinedProps, 'onClick', e, titleProps);\n\n _invoke(_this.props, 'onTitleClick', e, titleProps);\n }\n };\n });\n\n return _this;\n }\n\n _createClass(AccordionPanel, [{\n key: \"render\",\n value: function render() {\n var _this$props = this.props,\n active = _this$props.active,\n content = _this$props.content,\n index = _this$props.index,\n title = _this$props.title;\n return React.createElement(Fragment, null, AccordionTitle.create(title, {\n autoGenerateKey: false,\n defaultProps: {\n active: active,\n index: index\n },\n overrideProps: this.handleTitleOverrides\n }), AccordionContent.create(content, {\n autoGenerateKey: false,\n defaultProps: {\n active: active\n }\n }));\n }\n }]);\n\n return AccordionPanel;\n}(Component);\n\n_defineProperty(AccordionPanel, \"handledProps\", [\"active\", \"content\", \"index\", \"onTitleClick\", \"title\"]);\n\nAccordionPanel.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** Whether or not the title is in the open state. */\n active: PropTypes.bool,\n\n /** A shorthand for Accordion.Content. */\n content: customPropTypes.itemShorthand,\n\n /** A panel index. */\n index: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * Called when a panel title is clicked.\n *\n * @param {SyntheticEvent} event - React's original SyntheticEvent.\n * @param {object} data - All item props.\n */\n onTitleClick: PropTypes.func,\n\n /** A shorthand for Accordion.Title. */\n title: customPropTypes.itemShorthand\n} : {};\nAccordionPanel.create = createShorthandFactory(AccordionPanel, null);\nexport default AccordionPanel;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _toConsumableArray from \"@babel/runtime/helpers/toConsumableArray\";\nimport _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _map from \"lodash/map\";\nimport _invoke from \"lodash/invoke\";\nimport _without from \"lodash/without\";\nimport _includes from \"lodash/includes\";\nimport _isArray from \"lodash/isArray\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { AutoControlledComponent as Component, childrenUtils, createShorthandFactory, customPropTypes, getElementType, getUnhandledProps } from '../../lib';\nimport AccordionPanel from './AccordionPanel';\n\nvar warnIfPropsAreInvalid = function warnIfPropsAreInvalid(props, state) {\n var exclusive = props.exclusive;\n var activeIndex = state.activeIndex;\n /* eslint-disable no-console */\n\n if (exclusive && typeof activeIndex !== 'number') {\n console.error('`activeIndex` must be a number if `exclusive` is true');\n } else if (!exclusive && !_isArray(activeIndex)) {\n console.error('`activeIndex` must be an array if `exclusive` is false');\n }\n /* eslint-enable no-console */\n\n};\n/**\n * An Accordion can contain sub-accordions.\n */\n\n\nvar AccordionAccordion =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(AccordionAccordion, _Component);\n\n function AccordionAccordion() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, AccordionAccordion);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(AccordionAccordion)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"computeNewIndex\", function (index) {\n var exclusive = _this.props.exclusive;\n var activeIndex = _this.state.activeIndex;\n if (exclusive) return index === activeIndex ? -1 : index; // check to see if index is in array, and remove it, if not then add it\n\n return _includes(activeIndex, index) ? _without(activeIndex, index) : _toConsumableArray(activeIndex).concat([index]);\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleTitleClick\", function (e, titleProps) {\n var index = titleProps.index;\n\n _this.trySetState({\n activeIndex: _this.computeNewIndex(index)\n });\n\n _invoke(_this.props, 'onTitleClick', e, titleProps);\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"isIndexActive\", function (index) {\n var exclusive = _this.props.exclusive;\n var activeIndex = _this.state.activeIndex;\n return exclusive ? activeIndex === index : _includes(activeIndex, index);\n });\n\n return _this;\n }\n\n _createClass(AccordionAccordion, [{\n key: \"getInitialAutoControlledState\",\n value: function getInitialAutoControlledState(_ref) {\n var exclusive = _ref.exclusive;\n return {\n activeIndex: exclusive ? -1 : []\n };\n }\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n if (process.env.NODE_ENV !== 'production') {\n warnIfPropsAreInvalid(this.props, this.state);\n }\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate() {\n if (process.env.NODE_ENV !== 'production') {\n warnIfPropsAreInvalid(this.props, this.state);\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this2 = this;\n\n var _this$props = this.props,\n className = _this$props.className,\n children = _this$props.children,\n panels = _this$props.panels;\n var classes = cx('accordion', className);\n var rest = getUnhandledProps(AccordionAccordion, this.props);\n var ElementType = getElementType(AccordionAccordion, this.props);\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), childrenUtils.isNil(children) ? _map(panels, function (panel, index) {\n return AccordionPanel.create(panel, {\n defaultProps: {\n active: _this2.isIndexActive(index),\n index: index,\n onTitleClick: _this2.handleTitleClick\n }\n });\n }) : children);\n }\n }]);\n\n return AccordionAccordion;\n}(Component);\n\n_defineProperty(AccordionAccordion, \"defaultProps\", {\n exclusive: true\n});\n\n_defineProperty(AccordionAccordion, \"autoControlledProps\", ['activeIndex']);\n\n_defineProperty(AccordionAccordion, \"handledProps\", [\"activeIndex\", \"as\", \"children\", \"className\", \"defaultActiveIndex\", \"exclusive\", \"onTitleClick\", \"panels\"]);\n\nexport { AccordionAccordion as default };\nAccordionAccordion.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Index of the currently active panel. */\n activeIndex: customPropTypes.every([customPropTypes.disallow(['children']), PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number])]),\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Initial activeIndex value. */\n defaultActiveIndex: customPropTypes.every([customPropTypes.disallow(['children']), PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number])]),\n\n /** Only allow one panel open at a time. */\n exclusive: PropTypes.bool,\n\n /**\n * Called when a panel title is clicked.\n *\n * @param {SyntheticEvent} event - React's original SyntheticEvent.\n * @param {object} data - All item props.\n */\n onTitleClick: customPropTypes.every([customPropTypes.disallow(['children']), PropTypes.func]),\n\n /** Shorthand array of props for Accordion. */\n panels: customPropTypes.every([customPropTypes.disallow(['children']), PropTypes.arrayOf(PropTypes.shape({\n content: customPropTypes.itemShorthand,\n title: customPropTypes.itemShorthand\n }))])\n} : {};\nAccordionAccordion.create = createShorthandFactory(AccordionAccordion, function (content) {\n return {\n content: content\n };\n});","import _extends from \"@babel/runtime/helpers/extends\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { getUnhandledProps, useKeyOnly } from '../../lib';\nimport AccordionAccordion from './AccordionAccordion';\nimport AccordionContent from './AccordionContent';\nimport AccordionPanel from './AccordionPanel';\nimport AccordionTitle from './AccordionTitle';\n/**\n * An accordion allows users to toggle the display of sections of content.\n */\n\nfunction Accordion(props) {\n var className = props.className,\n fluid = props.fluid,\n inverted = props.inverted,\n styled = props.styled;\n var classes = cx('ui', useKeyOnly(fluid, 'fluid'), useKeyOnly(inverted, 'inverted'), useKeyOnly(styled, 'styled'), className);\n var rest = getUnhandledProps(Accordion, props);\n return React.createElement(AccordionAccordion, _extends({}, rest, {\n className: classes\n }));\n}\n\nAccordion.handledProps = [\"className\", \"fluid\", \"inverted\", \"styled\"];\nAccordion.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Format to take up the width of its container. */\n fluid: PropTypes.bool,\n\n /** Format for dark backgrounds. */\n inverted: PropTypes.bool,\n\n /** Adds some basic styling to accordion panels. */\n styled: PropTypes.bool\n} : {};\nAccordion.Accordion = AccordionAccordion;\nAccordion.Content = AccordionContent;\nAccordion.Panel = AccordionPanel;\nAccordion.Title = AccordionTitle;\nexport default Accordion;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _objectSpread from \"@babel/runtime/helpers/objectSpread\";\nimport _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { AutoControlledComponent as Component, childrenUtils, createHTMLIframe, customPropTypes, getElementType, getUnhandledProps, useKeyOnly } from '../../lib';\nimport Icon from '../../elements/Icon';\n/**\n * An embed displays content from other websites like YouTube videos or Google Maps.\n */\n\nvar Embed =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(Embed, _Component);\n\n function Embed() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, Embed);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Embed)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleClick\", function (e) {\n var onClick = _this.props.onClick;\n var active = _this.state.active;\n if (onClick) onClick(e, _objectSpread({}, _this.props, {\n active: true\n }));\n if (!active) _this.trySetState({\n active: true\n });\n });\n\n return _this;\n }\n\n _createClass(Embed, [{\n key: \"getSrc\",\n value: function getSrc() {\n var _this$props = this.props,\n _this$props$autoplay = _this$props.autoplay,\n autoplay = _this$props$autoplay === void 0 ? true : _this$props$autoplay,\n _this$props$brandedUI = _this$props.brandedUI,\n brandedUI = _this$props$brandedUI === void 0 ? false : _this$props$brandedUI,\n _this$props$color = _this$props.color,\n color = _this$props$color === void 0 ? '#444444' : _this$props$color,\n _this$props$hd = _this$props.hd,\n hd = _this$props$hd === void 0 ? true : _this$props$hd,\n id = _this$props.id,\n source = _this$props.source,\n url = _this$props.url;\n\n if (source === 'youtube') {\n return [\"//www.youtube.com/embed/\".concat(id), '?autohide=true', \"&autoplay=\".concat(autoplay), \"&color=\".concat(encodeURIComponent(color)), \"&hq=\".concat(hd), '&jsapi=false', \"&modestbranding=\".concat(brandedUI), \"&rel=\".concat(brandedUI ? 0 : 1)].join('');\n }\n\n if (source === 'vimeo') {\n return [\"//player.vimeo.com/video/\".concat(id), '?api=false', \"&autoplay=\".concat(autoplay), '&byline=false', \"&color=\".concat(encodeURIComponent(color)), '&portrait=false', '&title=false'].join('');\n }\n\n return url;\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this$props2 = this.props,\n aspectRatio = _this$props2.aspectRatio,\n className = _this$props2.className,\n icon = _this$props2.icon,\n placeholder = _this$props2.placeholder;\n var active = this.state.active;\n var classes = cx('ui', aspectRatio, useKeyOnly(active, 'active'), 'embed', className);\n var rest = getUnhandledProps(Embed, this.props);\n var ElementType = getElementType(Embed, this.props);\n var iconShorthand = icon !== undefined ? icon : 'video play';\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes,\n onClick: this.handleClick\n }), Icon.create(iconShorthand, {\n autoGenerateKey: false\n }), placeholder && React.createElement(\"img\", {\n className: \"placeholder\",\n src: placeholder\n }), this.renderEmbed());\n }\n }, {\n key: \"renderEmbed\",\n value: function renderEmbed() {\n var _this$props3 = this.props,\n children = _this$props3.children,\n content = _this$props3.content,\n iframe = _this$props3.iframe,\n source = _this$props3.source;\n var active = this.state.active;\n if (!active) return null;\n if (!childrenUtils.isNil(children)) return React.createElement(\"div\", {\n className: \"embed\"\n }, children);\n if (!childrenUtils.isNil(content)) return React.createElement(\"div\", {\n className: \"embed\"\n }, content);\n return React.createElement(\"div\", {\n className: \"embed\"\n }, createHTMLIframe(childrenUtils.isNil(iframe) ? this.getSrc() : iframe, {\n defaultProps: {\n allowFullScreen: false,\n frameBorder: 0,\n height: '100%',\n scrolling: 'no',\n src: this.getSrc(),\n title: \"Embedded content from \".concat(source, \".\"),\n width: '100%'\n },\n autoGenerateKey: false\n }));\n }\n }]);\n\n return Embed;\n}(Component);\n\n_defineProperty(Embed, \"autoControlledProps\", ['active']);\n\n_defineProperty(Embed, \"handledProps\", [\"active\", \"as\", \"aspectRatio\", \"autoplay\", \"brandedUI\", \"children\", \"className\", \"color\", \"content\", \"defaultActive\", \"hd\", \"icon\", \"id\", \"iframe\", \"onClick\", \"placeholder\", \"source\", \"url\"]);\n\nexport { Embed as default };\nEmbed.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** An embed can be active. */\n active: PropTypes.bool,\n\n /** An embed can specify an alternative aspect ratio. */\n aspectRatio: PropTypes.oneOf(['4:3', '16:9', '21:9']),\n\n /** Setting to true or false will force autoplay. */\n autoplay: customPropTypes.every([customPropTypes.demand(['source']), PropTypes.bool]),\n\n /** Whether to show networks branded UI like title cards, or after video calls to action. */\n brandedUI: customPropTypes.every([customPropTypes.demand(['source']), PropTypes.bool]),\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Specifies a default chrome color with Vimeo or YouTube. */\n color: customPropTypes.every([customPropTypes.demand(['source']), PropTypes.string]),\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand,\n\n /** Initial value of active. */\n defaultActive: PropTypes.bool,\n\n /** Whether to prefer HD content. */\n hd: customPropTypes.every([customPropTypes.demand(['source']), PropTypes.bool]),\n\n /** Specifies an icon to use with placeholder content. */\n icon: customPropTypes.itemShorthand,\n\n /** Specifies an id for source. */\n id: customPropTypes.every([customPropTypes.demand(['source']), PropTypes.string]),\n\n /** Shorthand for HTML iframe. */\n iframe: customPropTypes.every([customPropTypes.demand(['source']), customPropTypes.itemShorthand]),\n\n /**\n * Сalled on click.\n *\n * @param {SyntheticEvent} event - React's original SyntheticEvent.\n * @param {object} data - All props and proposed value.\n */\n onClick: PropTypes.func,\n\n /** A placeholder image for embed. */\n placeholder: PropTypes.string,\n\n /** Specifies a source to use. */\n source: customPropTypes.every([customPropTypes.disallow(['sourceUrl']), PropTypes.oneOf(['youtube', 'vimeo'])]),\n\n /** Specifies a url to use for embed. */\n url: customPropTypes.every([customPropTypes.disallow(['source']), PropTypes.string])\n} : {};","import _extends from \"@babel/runtime/helpers/extends\";\nimport _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _invoke from \"lodash/invoke\";\nimport cx from 'classnames';\nimport keyboardKey from 'keyboard-key';\nimport PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport { customPropTypes, getElementType, getUnhandledProps, useKeyOnly } from '../../lib';\n/**\n * An internal icon sub-component for Rating component\n */\n\nvar RatingIcon =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(RatingIcon, _Component);\n\n function RatingIcon() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, RatingIcon);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(RatingIcon)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleClick\", function (e) {\n _invoke(_this.props, 'onClick', e, _this.props);\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleKeyUp\", function (e) {\n _invoke(_this.props, 'onKeyUp', e, _this.props);\n\n switch (keyboardKey.getCode(e)) {\n case keyboardKey.Enter:\n case keyboardKey.Spacebar:\n e.preventDefault();\n\n _invoke(_this.props, 'onClick', e, _this.props);\n\n break;\n\n default:\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleMouseEnter\", function (e) {\n _invoke(_this.props, 'onMouseEnter', e, _this.props);\n });\n\n return _this;\n }\n\n _createClass(RatingIcon, [{\n key: \"render\",\n value: function render() {\n var _this$props = this.props,\n active = _this$props.active,\n className = _this$props.className,\n selected = _this$props.selected;\n var classes = cx(useKeyOnly(active, 'active'), useKeyOnly(selected, 'selected'), 'icon', className);\n var rest = getUnhandledProps(RatingIcon, this.props);\n var ElementType = getElementType(RatingIcon, this.props);\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes,\n onClick: this.handleClick,\n onKeyUp: this.handleKeyUp,\n onMouseEnter: this.handleMouseEnter,\n role: \"radio\"\n }));\n }\n }]);\n\n return RatingIcon;\n}(Component);\n\n_defineProperty(RatingIcon, \"defaultProps\", {\n as: 'i'\n});\n\n_defineProperty(RatingIcon, \"handledProps\", [\"active\", \"as\", \"className\", \"index\", \"onClick\", \"onKeyUp\", \"onMouseEnter\", \"selected\"]);\n\nexport { RatingIcon as default };\nRatingIcon.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Indicates activity of an icon. */\n active: PropTypes.bool,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** An index of icon inside Rating. */\n index: PropTypes.number,\n\n /**\n * Called on click.\n *\n * @param {SyntheticEvent} event - React's original SyntheticEvent.\n * @param {object} data - All props.\n */\n onClick: PropTypes.func,\n\n /**\n * Called on keyup.\n *\n * @param {SyntheticEvent} event - React's original SyntheticEvent.\n * @param {object} data - All props.\n */\n onKeyUp: PropTypes.func,\n\n /**\n * Called on mouseenter.\n *\n * @param {SyntheticEvent} event - React's original SyntheticEvent.\n * @param {object} data - All props.\n */\n onMouseEnter: PropTypes.func,\n\n /** Indicates selection of an icon. */\n selected: PropTypes.bool\n} : {};","import _extends from \"@babel/runtime/helpers/extends\";\nimport _objectSpread from \"@babel/runtime/helpers/objectSpread\";\nimport _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _times from \"lodash/times\";\nimport _invoke from \"lodash/invoke\";\nimport _without from \"lodash/without\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { AutoControlledComponent as Component, customPropTypes, getElementType, getUnhandledProps, SUI, useKeyOnly } from '../../lib';\nimport RatingIcon from './RatingIcon';\n/**\n * A rating indicates user interest in content.\n */\n\nvar Rating =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(Rating, _Component);\n\n function Rating() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, Rating);\n\n for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {\n _args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Rating)).call.apply(_getPrototypeOf2, [this].concat(_args)));\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleIconClick\", function (e, _ref) {\n var index = _ref.index;\n var _this$props = _this.props,\n clearable = _this$props.clearable,\n disabled = _this$props.disabled,\n maxRating = _this$props.maxRating,\n onRate = _this$props.onRate;\n var rating = _this.state.rating;\n if (disabled) return; // default newRating is the clicked icon\n // allow toggling a binary rating\n // allow clearing ratings\n\n var newRating = index + 1;\n\n if (clearable === 'auto' && maxRating === 1) {\n newRating = +!rating;\n } else if (clearable === true && newRating === rating) {\n newRating = 0;\n } // set rating\n\n\n _this.trySetState({\n rating: newRating\n }, {\n isSelecting: false\n });\n\n if (onRate) onRate(e, _objectSpread({}, _this.props, {\n rating: newRating\n }));\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleIconMouseEnter\", function (e, _ref2) {\n var index = _ref2.index;\n if (_this.props.disabled) return;\n\n _this.setState({\n selectedIndex: index,\n isSelecting: true\n });\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleMouseLeave\", function () {\n for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n\n _invoke.apply(void 0, [_this.props, 'onMouseLeave'].concat(args));\n\n if (_this.props.disabled) return;\n\n _this.setState({\n selectedIndex: -1,\n isSelecting: false\n });\n });\n\n return _this;\n }\n\n _createClass(Rating, [{\n key: \"render\",\n value: function render() {\n var _this2 = this;\n\n var _this$props2 = this.props,\n className = _this$props2.className,\n disabled = _this$props2.disabled,\n icon = _this$props2.icon,\n maxRating = _this$props2.maxRating,\n size = _this$props2.size;\n var _this$state = this.state,\n rating = _this$state.rating,\n selectedIndex = _this$state.selectedIndex,\n isSelecting = _this$state.isSelecting;\n var classes = cx('ui', icon, size, useKeyOnly(disabled, 'disabled'), useKeyOnly(isSelecting && !disabled && selectedIndex >= 0, 'selected'), 'rating', className);\n var rest = getUnhandledProps(Rating, this.props);\n var ElementType = getElementType(Rating, this.props);\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes,\n role: \"radiogroup\",\n onMouseLeave: this.handleMouseLeave,\n tabIndex: disabled ? 0 : -1\n }), _times(maxRating, function (i) {\n return React.createElement(RatingIcon, {\n tabIndex: disabled ? -1 : 0,\n active: rating >= i + 1,\n \"aria-checked\": rating === i + 1,\n \"aria-posinset\": i + 1,\n \"aria-setsize\": maxRating,\n index: i,\n key: i,\n onClick: _this2.handleIconClick,\n onMouseEnter: _this2.handleIconMouseEnter,\n selected: selectedIndex >= i && isSelecting\n });\n }));\n }\n }]);\n\n return Rating;\n}(Component);\n\n_defineProperty(Rating, \"autoControlledProps\", ['rating']);\n\n_defineProperty(Rating, \"defaultProps\", {\n clearable: 'auto',\n maxRating: 1\n});\n\n_defineProperty(Rating, \"Icon\", RatingIcon);\n\n_defineProperty(Rating, \"handledProps\", [\"as\", \"className\", \"clearable\", \"defaultRating\", \"disabled\", \"icon\", \"maxRating\", \"onRate\", \"rating\", \"size\"]);\n\nexport { Rating as default };\nRating.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /**\n * You can clear the rating by clicking on the current start rating.\n * By default a rating will be only clearable if there is 1 icon.\n * Setting to `true`/`false` will allow or disallow a user to clear their rating.\n */\n clearable: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['auto'])]),\n\n /** The initial rating value. */\n defaultRating: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /** You can disable or enable interactive rating. Makes a read-only rating. */\n disabled: PropTypes.bool,\n\n /** A rating can use a set of star or heart icons. */\n icon: PropTypes.oneOf(['star', 'heart']),\n\n /** The total number of icons. */\n maxRating: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * Called after user selects a new rating.\n *\n * @param {SyntheticEvent} event - React's original SyntheticEvent.\n * @param {object} data - All props and proposed rating.\n */\n onRate: PropTypes.func,\n\n /** The current number of active icons. */\n rating: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /** A progress bar can vary in size. */\n size: PropTypes.oneOf(_without(SUI.SIZES, 'medium', 'big'))\n} : {};","import _extends from \"@babel/runtime/helpers/extends\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, customPropTypes, getElementType, getUnhandledProps, useKeyOnly } from '../../lib';\n\nfunction SearchCategory(props) {\n var active = props.active,\n children = props.children,\n className = props.className,\n content = props.content,\n renderer = props.renderer;\n var classes = cx(useKeyOnly(active, 'active'), 'category', className);\n var rest = getUnhandledProps(SearchCategory, props);\n var ElementType = getElementType(SearchCategory, props);\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), React.createElement(\"div\", {\n className: \"name\"\n }, renderer(props)), React.createElement(\"div\", {\n className: \"results\"\n }, childrenUtils.isNil(children) ? content : children));\n}\n\nSearchCategory.handledProps = [\"active\", \"as\", \"children\", \"className\", \"content\", \"name\", \"renderer\", \"results\"];\nSearchCategory.defaultProps = {\n renderer: function renderer(_ref) {\n var name = _ref.name;\n return name;\n }\n};\nSearchCategory.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** The item currently selected by keyboard shortcut. */\n active: PropTypes.bool,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand,\n\n /** Display name. */\n name: PropTypes.string,\n\n /**\n * Renders the category contents.\n *\n * @param {object} props - The SearchCategory props object.\n * @returns {*} - Renderable category contents.\n */\n renderer: PropTypes.func,\n\n /** Array of Search.Result props. */\n results: PropTypes.array\n} : {};\nexport default SearchCategory;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport { createHTMLImage, customPropTypes, getElementType, getUnhandledProps, useKeyOnly } from '../../lib'; // Note: You technically only need the 'content' wrapper when there's an\n// image. However, optionally wrapping it makes this function a lot more\n// complicated and harder to read. Since always wrapping it doesn't affect\n// the style in any way let's just do that.\n//\n// Note: To avoid requiring a wrapping div, we return an array here so to\n// prevent rendering issues each node needs a unique key.\n\nvar defaultRenderer = function defaultRenderer(_ref) {\n var image = _ref.image,\n price = _ref.price,\n title = _ref.title,\n description = _ref.description;\n return [image && React.createElement(\"div\", {\n key: \"image\",\n className: \"image\"\n }, createHTMLImage(image, {\n autoGenerateKey: false\n })), React.createElement(\"div\", {\n key: \"content\",\n className: \"content\"\n }, price && React.createElement(\"div\", {\n className: \"price\"\n }, price), title && React.createElement(\"div\", {\n className: \"title\"\n }, title), description && React.createElement(\"div\", {\n className: \"description\"\n }, description))];\n};\n\ndefaultRenderer.handledProps = [];\n\nvar SearchResult =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(SearchResult, _Component);\n\n function SearchResult() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, SearchResult);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(SearchResult)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleClick\", function (e) {\n var onClick = _this.props.onClick;\n if (onClick) onClick(e, _this.props);\n });\n\n return _this;\n }\n\n _createClass(SearchResult, [{\n key: \"render\",\n value: function render() {\n var _this$props = this.props,\n active = _this$props.active,\n className = _this$props.className,\n renderer = _this$props.renderer;\n var classes = cx(useKeyOnly(active, 'active'), 'result', className);\n var rest = getUnhandledProps(SearchResult, this.props);\n var ElementType = getElementType(SearchResult, this.props); // Note: You technically only need the 'content' wrapper when there's an\n // image. However, optionally wrapping it makes this function a lot more\n // complicated and harder to read. Since always wrapping it doesn't affect\n // the style in any way let's just do that.\n\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes,\n onClick: this.handleClick\n }), renderer(this.props));\n }\n }]);\n\n return SearchResult;\n}(Component);\n\n_defineProperty(SearchResult, \"defaultProps\", {\n renderer: defaultRenderer\n});\n\n_defineProperty(SearchResult, \"handledProps\", [\"active\", \"as\", \"className\", \"content\", \"description\", \"id\", \"image\", \"onClick\", \"price\", \"renderer\", \"title\"]);\n\nexport { SearchResult as default };\nSearchResult.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** The item currently selected by keyboard shortcut. */\n active: PropTypes.bool,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand,\n\n /** Additional text with less emphasis. */\n description: PropTypes.string,\n\n /** A unique identifier. */\n id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /** Add an image to the item. */\n image: PropTypes.string,\n\n /**\n * Called on click.\n *\n * @param {SyntheticEvent} event - React's original SyntheticEvent.\n * @param {object} data - All props.\n */\n onClick: PropTypes.func,\n\n /** Customized text for price. */\n price: PropTypes.string,\n\n /**\n * Renders the result contents.\n *\n * @param {object} props - The SearchResult props object.\n * @returns {*} - Renderable result contents.\n */\n renderer: PropTypes.func,\n\n /** Display title. */\n title: PropTypes.string.isRequired\n} : {};","import _extends from \"@babel/runtime/helpers/extends\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, customPropTypes, getElementType, getUnhandledProps } from '../../lib';\n\nfunction SearchResults(props) {\n var children = props.children,\n className = props.className,\n content = props.content;\n var classes = cx('results transition', className);\n var rest = getUnhandledProps(SearchResults, props);\n var ElementType = getElementType(SearchResults, props);\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), childrenUtils.isNil(children) ? content : children);\n}\n\nSearchResults.handledProps = [\"as\", \"children\", \"className\", \"content\"];\nSearchResults.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand\n} : {};\nexport default SearchResults;","import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport _extends from \"@babel/runtime/helpers/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/objectWithoutProperties\";\nimport _objectSpread from \"@babel/runtime/helpers/objectSpread\";\nimport _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _get2 from \"@babel/runtime/helpers/get\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _isEmpty from \"lodash/isEmpty\";\nimport _partialRight from \"lodash/partialRight\";\nimport _inRange from \"lodash/inRange\";\nimport _map from \"lodash/map\";\nimport _get from \"lodash/get\";\nimport _reduce from \"lodash/reduce\";\nimport _invoke from \"lodash/invoke\";\nimport _without from \"lodash/without\";\nimport cx from 'classnames';\nimport keyboardKey from 'keyboard-key';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport shallowEqual from 'shallowequal';\nimport { AutoControlledComponent as Component, customPropTypes, eventStack, getElementType, getUnhandledProps, htmlInputAttrs, isBrowser, objectDiff, partitionHTMLProps, SUI, useKeyOnly, useValueAndKey } from '../../lib';\nimport Input from '../../elements/Input';\nimport SearchCategory from './SearchCategory';\nimport SearchResult from './SearchResult';\nimport SearchResults from './SearchResults';\n\n/**\n * A search module allows a user to query for results from a selection of data\n */\nvar Search =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(Search, _Component);\n\n function Search() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, Search);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Search)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleResultSelect\", function (e, result) {\n _invoke(_this.props, 'onResultSelect', e, _objectSpread({}, _this.props, {\n result: result\n }));\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleSelectionChange\", function (e) {\n var result = _this.getSelectedResult();\n\n _invoke(_this.props, 'onSelectionChange', e, _objectSpread({}, _this.props, {\n result: result\n }));\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"closeOnEscape\", function (e) {\n if (keyboardKey.getCode(e) !== keyboardKey.Escape) return;\n e.preventDefault();\n\n _this.close();\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"moveSelectionOnKeyDown\", function (e) {\n switch (keyboardKey.getCode(e)) {\n case keyboardKey.ArrowDown:\n e.preventDefault();\n\n _this.moveSelectionBy(e, 1);\n\n break;\n\n case keyboardKey.ArrowUp:\n e.preventDefault();\n\n _this.moveSelectionBy(e, -1);\n\n break;\n\n default:\n break;\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"selectItemOnEnter\", function (e) {\n if (keyboardKey.getCode(e) !== keyboardKey.Enter) return;\n\n var result = _this.getSelectedResult(); // prevent selecting null if there was no selected item value\n\n\n if (!result) return;\n e.preventDefault(); // notify the onResultSelect prop that the user is trying to change value\n\n _this.setValue(result.title);\n\n _this.handleResultSelect(e, result);\n\n _this.close();\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"closeOnDocumentClick\", function (e) {\n _this.close();\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleMouseDown\", function (e) {\n _this.isMouseDown = true;\n\n _invoke(_this.props, 'onMouseDown', e, _this.props);\n\n eventStack.sub('mouseup', _this.handleDocumentMouseUp);\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleDocumentMouseUp\", function () {\n _this.isMouseDown = false;\n eventStack.unsub('mouseup', _this.handleDocumentMouseUp);\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleInputClick\", function (e) {\n // prevent closeOnDocumentClick()\n e.nativeEvent.stopImmediatePropagation();\n\n _this.tryOpen();\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleItemClick\", function (e, _ref) {\n var id = _ref.id;\n\n var result = _this.getSelectedResult(id); // prevent closeOnDocumentClick()\n\n\n e.nativeEvent.stopImmediatePropagation(); // notify the onResultSelect prop that the user is trying to change value\n\n _this.setValue(result.title);\n\n _this.handleResultSelect(e, result);\n\n _this.close();\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleItemMouseDown\", function (e) {\n // Heads up! We should prevent default to prevent blur events.\n // https://github.com/Semantic-Org/Semantic-UI-React/issues/3298\n e.preventDefault();\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleFocus\", function (e) {\n _invoke(_this.props, 'onFocus', e, _this.props);\n\n _this.setState({\n focus: true\n });\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleBlur\", function (e) {\n _invoke(_this.props, 'onBlur', e, _this.props);\n\n _this.setState({\n focus: false\n });\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleSearchChange\", function (e) {\n // prevent propagating to this.props.onChange()\n e.stopPropagation();\n var minCharacters = _this.props.minCharacters;\n var open = _this.state.open;\n var newQuery = e.target.value;\n\n _invoke(_this.props, 'onSearchChange', e, _objectSpread({}, _this.props, {\n value: newQuery\n })); // open search dropdown on search query\n\n\n if (newQuery.length < minCharacters) {\n _this.close();\n } else if (!open) {\n _this.tryOpen(newQuery);\n }\n\n _this.setValue(newQuery);\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"getFlattenedResults\", function () {\n var _this$props = _this.props,\n category = _this$props.category,\n results = _this$props.results;\n return !category ? results : _reduce(results, function (memo, categoryData) {\n return memo.concat(categoryData.results);\n }, []);\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"getSelectedResult\", function () {\n var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.state.selectedIndex;\n\n var results = _this.getFlattenedResults();\n\n return _get(results, index);\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"setValue\", function (value) {\n var selectFirstResult = _this.props.selectFirstResult;\n\n _this.trySetState({\n value: value\n }, {\n selectedIndex: selectFirstResult ? 0 : -1\n });\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"moveSelectionBy\", function (e, offset) {\n var selectedIndex = _this.state.selectedIndex;\n\n var results = _this.getFlattenedResults();\n\n var lastIndex = results.length - 1; // next is after last, wrap to beginning\n // next is before first, wrap to end\n\n var nextIndex = selectedIndex + offset;\n if (nextIndex > lastIndex) nextIndex = 0;else if (nextIndex < 0) nextIndex = lastIndex;\n\n _this.setState({\n selectedIndex: nextIndex\n });\n\n _this.scrollSelectedItemIntoView();\n\n _this.handleSelectionChange(e);\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"scrollSelectedItemIntoView\", function () {\n // Do not access document when server side rendering\n if (!isBrowser()) return;\n var menu = document.querySelector('.ui.search.active.visible .results.visible');\n var item = menu.querySelector('.result.active');\n if (!item) return;\n var isOutOfUpperView = item.offsetTop < menu.scrollTop;\n var isOutOfLowerView = item.offsetTop + item.clientHeight > menu.scrollTop + menu.clientHeight;\n\n if (isOutOfUpperView) {\n menu.scrollTop = item.offsetTop;\n } else if (isOutOfLowerView) {\n menu.scrollTop = item.offsetTop + item.clientHeight - menu.clientHeight;\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"tryOpen\", function () {\n var currentValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.state.value;\n var minCharacters = _this.props.minCharacters;\n if (currentValue.length < minCharacters) return;\n\n _this.open();\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"open\", function () {\n _this.trySetState({\n open: true\n });\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"close\", function () {\n _this.trySetState({\n open: false\n });\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"renderSearchInput\", function (rest) {\n var _this$props2 = _this.props,\n icon = _this$props2.icon,\n input = _this$props2.input;\n var value = _this.state.value;\n return Input.create(input, {\n autoGenerateKey: false,\n defaultProps: _objectSpread({}, rest, {\n icon: icon,\n input: {\n className: 'prompt',\n tabIndex: '0',\n autoComplete: 'off'\n },\n onChange: _this.handleSearchChange,\n onClick: _this.handleInputClick,\n value: value\n })\n });\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"renderNoResults\", function () {\n var _this$props3 = _this.props,\n noResultsDescription = _this$props3.noResultsDescription,\n noResultsMessage = _this$props3.noResultsMessage;\n return React.createElement(\"div\", {\n className: \"message empty\"\n }, React.createElement(\"div\", {\n className: \"header\"\n }, noResultsMessage), noResultsDescription && React.createElement(\"div\", {\n className: \"description\"\n }, noResultsDescription));\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"renderResult\", function (_ref2, index, _array) {\n var childKey = _ref2.childKey,\n result = _objectWithoutProperties(_ref2, [\"childKey\"]);\n\n var offset = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;\n var resultRenderer = _this.props.resultRenderer;\n var selectedIndex = _this.state.selectedIndex;\n var offsetIndex = index + offset;\n return React.createElement(SearchResult, _extends({\n key: childKey || result.title,\n active: selectedIndex === offsetIndex,\n onClick: _this.handleItemClick,\n onMouseDown: _this.handleItemMouseDown,\n renderer: resultRenderer\n }, result, {\n id: offsetIndex // Used to lookup the result on item click\n\n }));\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"renderResults\", function () {\n var results = _this.props.results;\n return _map(results, _this.renderResult);\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"renderCategories\", function () {\n var _this$props4 = _this.props,\n categoryRenderer = _this$props4.categoryRenderer,\n categories = _this$props4.results;\n var selectedIndex = _this.state.selectedIndex;\n var count = 0;\n return _map(categories, function (_ref3) {\n var childKey = _ref3.childKey,\n category = _objectWithoutProperties(_ref3, [\"childKey\"]);\n\n var categoryProps = _objectSpread({\n key: childKey || category.name,\n active: _inRange(selectedIndex, count, count + category.results.length),\n renderer: categoryRenderer\n }, category);\n\n var renderFn = _partialRight(_this.renderResult, count);\n\n count += category.results.length;\n return React.createElement(SearchCategory, categoryProps, category.results.map(renderFn));\n });\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"renderMenuContent\", function () {\n var _this$props5 = _this.props,\n category = _this$props5.category,\n showNoResults = _this$props5.showNoResults,\n results = _this$props5.results;\n\n if (_isEmpty(results)) {\n return showNoResults ? _this.renderNoResults() : null;\n }\n\n return category ? _this.renderCategories() : _this.renderResults();\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"renderResultsMenu\", function () {\n var open = _this.state.open;\n var resultsClasses = open ? 'visible' : '';\n\n var menuContent = _this.renderMenuContent();\n\n if (!menuContent) return;\n return React.createElement(SearchResults, {\n className: resultsClasses\n }, menuContent);\n });\n\n return _this;\n }\n\n _createClass(Search, [{\n key: \"componentWillMount\",\n value: function componentWillMount() {\n var _this$state = this.state,\n open = _this$state.open,\n value = _this$state.value;\n this.setValue(value);\n if (open) this.open();\n }\n }, {\n key: \"componentWillReceiveProps\",\n value: function componentWillReceiveProps(nextProps) {\n _get2(_getPrototypeOf(Search.prototype), \"componentWillReceiveProps\", this).call(this, nextProps);\n\n if (!shallowEqual(nextProps.value, this.props.value)) {\n this.setValue(nextProps.value);\n }\n }\n }, {\n key: \"shouldComponentUpdate\",\n value: function shouldComponentUpdate(nextProps, nextState) {\n return !shallowEqual(nextProps, this.props) || !shallowEqual(nextState, this.state);\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps, prevState) {\n // eslint-disable-line complexity\n // focused / blurred\n if (!prevState.focus && this.state.focus) {\n if (!this.isMouseDown) {\n this.tryOpen();\n }\n\n if (this.state.open) {\n eventStack.sub('keydown', [this.moveSelectionOnKeyDown, this.selectItemOnEnter]);\n }\n } else if (prevState.focus && !this.state.focus) {\n if (!this.isMouseDown) {\n this.close();\n }\n\n eventStack.unsub('keydown', [this.moveSelectionOnKeyDown, this.selectItemOnEnter]);\n } // opened / closed\n\n\n if (!prevState.open && this.state.open) {\n this.open();\n eventStack.sub('click', this.closeOnDocumentClick);\n eventStack.sub('keydown', [this.closeOnEscape, this.moveSelectionOnKeyDown, this.selectItemOnEnter]);\n } else if (prevState.open && !this.state.open) {\n this.close();\n eventStack.unsub('click', this.closeOnDocumentClick);\n eventStack.unsub('keydown', [this.closeOnEscape, this.moveSelectionOnKeyDown, this.selectItemOnEnter]);\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n eventStack.unsub('click', this.closeOnDocumentClick);\n eventStack.unsub('keydown', [this.closeOnEscape, this.moveSelectionOnKeyDown, this.selectItemOnEnter]);\n } // ----------------------------------------\n // Document Event Handlers\n // ----------------------------------------\n\n }, {\n key: \"render\",\n value: function render() {\n var _this$state2 = this.state,\n searchClasses = _this$state2.searchClasses,\n focus = _this$state2.focus,\n open = _this$state2.open;\n var _this$props6 = this.props,\n aligned = _this$props6.aligned,\n category = _this$props6.category,\n className = _this$props6.className,\n fluid = _this$props6.fluid,\n loading = _this$props6.loading,\n size = _this$props6.size; // Classes\n\n var classes = cx('ui', open && 'active visible', size, searchClasses, useKeyOnly(category, 'category'), useKeyOnly(focus, 'focus'), useKeyOnly(fluid, 'fluid'), useKeyOnly(loading, 'loading'), useValueAndKey(aligned, 'aligned'), 'search', className);\n var unhandled = getUnhandledProps(Search, this.props);\n var ElementType = getElementType(Search, this.props);\n\n var _partitionHTMLProps = partitionHTMLProps(unhandled, {\n htmlProps: htmlInputAttrs\n }),\n _partitionHTMLProps2 = _slicedToArray(_partitionHTMLProps, 2),\n htmlInputProps = _partitionHTMLProps2[0],\n rest = _partitionHTMLProps2[1];\n\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes,\n onBlur: this.handleBlur,\n onFocus: this.handleFocus,\n onMouseDown: this.handleMouseDown\n }), this.renderSearchInput(htmlInputProps), this.renderResultsMenu());\n }\n }]);\n\n return Search;\n}(Component);\n\n_defineProperty(Search, \"defaultProps\", {\n icon: 'search',\n input: 'text',\n minCharacters: 1,\n noResultsMessage: 'No results found.',\n showNoResults: true\n});\n\n_defineProperty(Search, \"autoControlledProps\", ['open', 'value']);\n\n_defineProperty(Search, \"Category\", SearchCategory);\n\n_defineProperty(Search, \"Result\", SearchResult);\n\n_defineProperty(Search, \"Results\", SearchResults);\n\n_defineProperty(Search, \"handledProps\", [\"aligned\", \"as\", \"category\", \"categoryRenderer\", \"className\", \"defaultOpen\", \"defaultValue\", \"fluid\", \"icon\", \"input\", \"loading\", \"minCharacters\", \"noResultsDescription\", \"noResultsMessage\", \"onBlur\", \"onFocus\", \"onMouseDown\", \"onResultSelect\", \"onSearchChange\", \"onSelectionChange\", \"open\", \"resultRenderer\", \"results\", \"selectFirstResult\", \"showNoResults\", \"size\", \"value\"]);\n\nexport { Search as default };\nSearch.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n // ------------------------------------\n // Behavior\n // ------------------------------------\n\n /** Initial value of open. */\n defaultOpen: PropTypes.bool,\n\n /** Initial value. */\n defaultValue: PropTypes.string,\n\n /** Shorthand for Icon. */\n icon: PropTypes.oneOfType([PropTypes.node, PropTypes.object]),\n\n /** Minimum characters to query for results */\n minCharacters: PropTypes.number,\n\n /** Additional text for \"No Results\" message with less emphasis. */\n noResultsDescription: PropTypes.node,\n\n /** Message to display when there are no results. */\n noResultsMessage: PropTypes.node,\n\n /** Controls whether or not the results menu is displayed. */\n open: PropTypes.bool,\n\n /**\n * One of:\n * - array of Search.Result props e.g. `{ title: '', description: '' }` or\n * - object of categories e.g. `{ name: '', results: [{ title: '', description: '' }]`\n */\n results: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.shape(SearchResult.propTypes)), PropTypes.shape(SearchCategory.propTypes)]),\n\n /** Whether the search should automatically select the first result after searching. */\n selectFirstResult: PropTypes.bool,\n\n /** Whether a \"no results\" message should be shown if no results are found. */\n showNoResults: PropTypes.bool,\n\n /** Current value of the search input. Creates a controlled component. */\n value: PropTypes.string,\n // ------------------------------------\n // Rendering\n // ------------------------------------\n\n /**\n * Renders the SearchCategory contents.\n *\n * @param {object} props - The SearchCategory props object.\n * @returns {*} - Renderable SearchCategory contents.\n */\n categoryRenderer: PropTypes.func,\n\n /**\n * Renders the SearchResult contents.\n *\n * @param {object} props - The SearchResult props object.\n * @returns {*} - Renderable SearchResult contents.\n */\n resultRenderer: PropTypes.func,\n // ------------------------------------\n // Callbacks\n // ------------------------------------\n\n /**\n * Called on blur.\n *\n * @param {SyntheticEvent} event - React's original SyntheticEvent.\n * @param {object} data - All props.\n */\n onBlur: PropTypes.func,\n\n /**\n * Called on focus.\n *\n * @param {SyntheticEvent} event - React's original SyntheticEvent.\n * @param {object} data - All props.\n */\n onFocus: PropTypes.func,\n\n /**\n * Called on mousedown.\n *\n * @param {SyntheticEvent} event - React's original SyntheticEvent.\n * @param {object} data - All props.\n */\n onMouseDown: PropTypes.func,\n\n /**\n * Called when a result is selected.\n *\n * @param {SyntheticEvent} event - React's original SyntheticEvent.\n * @param {object} data - All props.\n */\n onResultSelect: PropTypes.func,\n\n /**\n * Called on search input change.\n *\n * @param {SyntheticEvent} event - React's original SyntheticEvent.\n * @param {object} data - All props, includes current value of search input.\n */\n onSearchChange: PropTypes.func,\n\n /**\n * Called when the active selection index is changed.\n *\n * @param {SyntheticEvent} event - React's original SyntheticEvent.\n * @param {object} data - All props.\n */\n onSelectionChange: PropTypes.func,\n // ------------------------------------\n // Style\n // ------------------------------------\n\n /** A search can have its results aligned to its left or right container edge. */\n aligned: PropTypes.string,\n\n /** A search can display results from remote content ordered by categories. */\n category: PropTypes.bool,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** A search can have its results take up the width of its container. */\n fluid: PropTypes.bool,\n\n /** A search input can take up the width of its container. */\n input: customPropTypes.itemShorthand,\n\n /** A search can show a loading indicator. */\n loading: PropTypes.bool,\n\n /** A search can have different sizes. */\n size: PropTypes.oneOf(_without(SUI.SIZES, 'medium'))\n} : {};","import _extends from \"@babel/runtime/helpers/extends\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, customPropTypes, getElementType, getUnhandledProps } from '../../lib';\n/**\n * A pushable sub-component for Sidebar.\n */\n\nfunction SidebarPushable(props) {\n var className = props.className,\n children = props.children,\n content = props.content;\n var classes = cx('pushable', className);\n var rest = getUnhandledProps(SidebarPushable, props);\n var ElementType = getElementType(SidebarPushable, props);\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), childrenUtils.isNil(children) ? content : children);\n}\n\nSidebarPushable.handledProps = [\"as\", \"children\", \"className\", \"content\"];\nSidebarPushable.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand\n} : {};\nexport default SidebarPushable;","import _extends from \"@babel/runtime/helpers/extends\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, customPropTypes, getElementType, getUnhandledProps, useKeyOnly } from '../../lib';\n/**\n * A pushable sub-component for Sidebar.\n */\n\nfunction SidebarPusher(props) {\n var className = props.className,\n dimmed = props.dimmed,\n children = props.children,\n content = props.content;\n var classes = cx('pusher', useKeyOnly(dimmed, 'dimmed'), className);\n var rest = getUnhandledProps(SidebarPusher, props);\n var ElementType = getElementType(SidebarPusher, props);\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), childrenUtils.isNil(children) ? content : children);\n}\n\nSidebarPusher.handledProps = [\"as\", \"children\", \"className\", \"content\", \"dimmed\"];\nSidebarPusher.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand,\n\n /** Controls whether or not the dim is displayed. */\n dimmed: PropTypes.bool\n} : {};\nexport default SidebarPusher;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _objectSpread from \"@babel/runtime/helpers/objectSpread\";\nimport _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _invoke from \"lodash/invoke\";\nimport EventStack from '@semantic-ui-react/event-stack';\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React, { Component, createRef } from 'react';\nimport Ref from '../../addons/Ref';\nimport { childrenUtils, customPropTypes, doesNodeContainClick, getUnhandledProps, getElementType, useKeyOnly } from '../../lib';\nimport SidebarPushable from './SidebarPushable';\nimport SidebarPusher from './SidebarPusher';\n/**\n * A sidebar hides additional content beside a page.\n */\n\nvar Sidebar =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(Sidebar, _Component);\n\n function Sidebar() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, Sidebar);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Sidebar)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"state\", {});\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"ref\", createRef());\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleAnimationStart\", function () {\n var visible = _this.props.visible;\n var callback = visible ? 'onVisible' : 'onHide';\n\n _this.setState({\n animating: true\n }, function () {\n clearTimeout(_this.animationTimer);\n _this.animationTimer = setTimeout(_this.handleAnimationEnd, Sidebar.animationDuration);\n\n if (_this.skipNextCallback) {\n _this.skipNextCallback = false;\n return;\n }\n\n _invoke(_this.props, callback, null, _this.props);\n });\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleAnimationEnd\", function () {\n var visible = _this.props.visible;\n var callback = visible ? 'onShow' : 'onHidden';\n\n _this.setState({\n animating: false\n });\n\n _invoke(_this.props, callback, null, _this.props);\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleDocumentClick\", function (e) {\n if (!doesNodeContainClick(_this.ref.current, e)) {\n _this.skipNextCallback = true;\n\n _invoke(_this.props, 'onHide', e, _objectSpread({}, _this.props, {\n visible: false\n }));\n }\n });\n\n return _this;\n }\n\n _createClass(Sidebar, [{\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n var prevVisible = prevProps.visible;\n var currentVisible = this.props.visible;\n if (prevVisible !== currentVisible) this.handleAnimationStart();\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n clearTimeout(this.animationTimer);\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this$props = this.props,\n animation = _this$props.animation,\n className = _this$props.className,\n children = _this$props.children,\n content = _this$props.content,\n direction = _this$props.direction,\n target = _this$props.target,\n visible = _this$props.visible,\n width = _this$props.width;\n var animating = this.state.animating;\n var classes = cx('ui', animation, direction, width, useKeyOnly(animating, 'animating'), useKeyOnly(visible, 'visible'), 'sidebar', className);\n var rest = getUnhandledProps(Sidebar, this.props);\n var ElementType = getElementType(Sidebar, this.props);\n return React.createElement(Ref, {\n innerRef: this.ref\n }, React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), childrenUtils.isNil(children) ? content : children, visible && React.createElement(EventStack, {\n name: \"click\",\n on: this.handleDocumentClick,\n target: target\n })));\n }\n }]);\n\n return Sidebar;\n}(Component);\n\n_defineProperty(Sidebar, \"defaultProps\", {\n direction: 'left'\n});\n\n_defineProperty(Sidebar, \"animationDuration\", 500);\n\n_defineProperty(Sidebar, \"autoControlledProps\", ['visible']);\n\n_defineProperty(Sidebar, \"Pushable\", SidebarPushable);\n\n_defineProperty(Sidebar, \"Pusher\", SidebarPusher);\n\n_defineProperty(Sidebar, \"handledProps\", [\"animation\", \"as\", \"children\", \"className\", \"content\", \"direction\", \"onHidden\", \"onHide\", \"onShow\", \"onVisible\", \"target\", \"visible\", \"width\"]);\n\nSidebar.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Animation style. */\n animation: PropTypes.oneOf(['overlay', 'push', 'scale down', 'uncover', 'slide out', 'slide along']),\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand,\n\n /** Direction the sidebar should appear on. */\n direction: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),\n\n /**\n * Called before a sidebar begins to animate out.\n *\n * @param {SyntheticEvent} event - React's original SyntheticEvent.\n * @param {object} data - All props.\n */\n onHide: PropTypes.func,\n\n /**\n * Called after a sidebar has finished animating out.\n *\n * @param {null}\n * @param {object} data - All props.\n */\n onHidden: PropTypes.func,\n\n /**\n * Called when a sidebar has finished animating in.\n *\n * @param {null}\n * @param {object} data - All props.\n */\n onShow: PropTypes.func,\n\n /**\n * Called when a sidebar begins animating in.\n *\n * @param {null}\n * @param {object} data - All props.\n */\n onVisible: PropTypes.func,\n\n /** A sidebar can handle clicks on the passed element. */\n target: PropTypes.oneOfType([customPropTypes.domNode, customPropTypes.refObject]),\n\n /** Controls whether or not the sidebar is visible on the page. */\n visible: PropTypes.bool,\n\n /** Sidebar width. */\n width: PropTypes.oneOf(['very thin', 'thin', 'wide', 'very wide'])\n} : {};\nexport default Sidebar;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _objectSpread from \"@babel/runtime/helpers/objectSpread\";\nimport _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _invoke from \"lodash/invoke\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React, { Component, createRef } from 'react';\nimport { eventStack, customPropTypes, getElementType, getUnhandledProps, isBrowser, isRefObject } from '../../lib';\n/**\n * Sticky content stays fixed to the browser viewport while another column of content is visible on the page.\n */\n\nvar Sticky =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(Sticky, _Component);\n\n function Sticky() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, Sticky);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Sticky)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"state\", {\n sticky: false\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"stickyRef\", createRef());\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"triggerRef\", createRef());\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"addListeners\", function (props) {\n var scrollContext = props.scrollContext;\n var scrollContextNode = isRefObject(scrollContext) ? scrollContext.current : scrollContext;\n\n if (scrollContextNode) {\n eventStack.sub('resize', _this.handleUpdate, {\n target: scrollContextNode\n });\n eventStack.sub('scroll', _this.handleUpdate, {\n target: scrollContextNode\n });\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"removeListeners\", function () {\n var scrollContext = _this.props.scrollContext;\n var scrollContextNode = isRefObject(scrollContext) ? scrollContext.current : scrollContext;\n\n if (scrollContextNode) {\n eventStack.unsub('resize', _this.handleUpdate, {\n target: scrollContextNode\n });\n eventStack.unsub('scroll', _this.handleUpdate, {\n target: scrollContextNode\n });\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"update\", function (e) {\n var pushing = _this.state.pushing;\n _this.ticking = false;\n\n _this.assignRects();\n\n if (pushing) {\n if (_this.didReachStartingPoint()) return _this.stickToContextTop(e);\n if (_this.didTouchScreenBottom()) return _this.stickToScreenBottom(e);\n return _this.stickToContextBottom(e);\n }\n\n if (_this.isOversized()) {\n if (_this.contextRect.top > 0) return _this.stickToContextTop(e);\n if (_this.contextRect.bottom < window.innerHeight) return _this.stickToContextBottom(e);\n }\n\n if (_this.didTouchScreenTop()) {\n if (_this.didReachContextBottom()) return _this.stickToContextBottom(e);\n return _this.stickToScreenTop(e);\n }\n\n return _this.stickToContextTop(e);\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleUpdate\", function (e) {\n if (!_this.ticking) {\n _this.ticking = true;\n _this.frameId = requestAnimationFrame(function () {\n return _this.update(e);\n });\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"assignRects\", function () {\n var context = _this.props.context;\n var contextNode = isRefObject(context) ? context.current : context || document.body;\n _this.triggerRect = _this.triggerRef.current.getBoundingClientRect();\n _this.contextRect = contextNode.getBoundingClientRect();\n _this.stickyRect = _this.stickyRef.current.getBoundingClientRect();\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"didReachContextBottom\", function () {\n var offset = _this.props.offset;\n return _this.stickyRect.height + offset >= _this.contextRect.bottom;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"didReachStartingPoint\", function () {\n return _this.stickyRect.top <= _this.triggerRect.top;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"didTouchScreenTop\", function () {\n return _this.triggerRect.top < _this.props.offset;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"didTouchScreenBottom\", function () {\n var bottomOffset = _this.props.bottomOffset;\n return _this.contextRect.bottom + bottomOffset > window.innerHeight;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"isOversized\", function () {\n return _this.stickyRect.height > window.innerHeight;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"pushing\", function (pushing) {\n var possible = _this.props.pushing;\n if (possible) _this.setState({\n pushing: pushing\n });\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"stick\", function (e, bound) {\n _this.setState({\n bound: bound,\n sticky: true\n });\n\n _invoke(_this.props, 'onStick', e, _this.props);\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"unstick\", function (e, bound) {\n _this.setState({\n bound: bound,\n sticky: false\n });\n\n _invoke(_this.props, 'onUnstick', e, _this.props);\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"stickToContextBottom\", function (e) {\n _invoke(_this.props, 'onBottom', e, _this.props);\n\n _this.stick(e, true);\n\n _this.pushing(true);\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"stickToContextTop\", function (e) {\n _invoke(_this.props, 'onTop', e, _this.props);\n\n _this.unstick(e, false);\n\n _this.pushing(false);\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"stickToScreenBottom\", function (e) {\n var bottom = _this.props.bottomOffset;\n\n _this.stick(e, false);\n\n _this.setState({\n bottom: bottom,\n top: null\n });\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"stickToScreenTop\", function (e) {\n var top = _this.props.offset;\n\n _this.stick(e, false);\n\n _this.setState({\n top: top,\n bottom: null\n });\n });\n\n return _this;\n }\n\n _createClass(Sticky, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n if (!isBrowser()) return;\n var active = this.props.active;\n\n if (active) {\n this.handleUpdate();\n this.addListeners(this.props);\n }\n }\n }, {\n key: \"componentWillReceiveProps\",\n value: function componentWillReceiveProps(nextProps) {\n var _this$props = this.props,\n current = _this$props.active,\n currentScrollContext = _this$props.scrollContext;\n var next = nextProps.active,\n nextScrollContext = nextProps.scrollContext;\n\n if (current === next) {\n if (currentScrollContext !== nextScrollContext) {\n this.removeListeners();\n this.addListeners(nextProps);\n }\n\n return;\n }\n\n if (next) {\n this.handleUpdate();\n this.addListeners(nextProps);\n return;\n }\n\n this.removeListeners();\n this.setState({\n sticky: false\n });\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n if (!isBrowser()) return;\n var active = this.props.active;\n\n if (active) {\n this.removeListeners();\n cancelAnimationFrame(this.frameId);\n }\n } // ----------------------------------------\n // Events\n // ----------------------------------------\n\n }, {\n key: \"computeStyle\",\n value: function computeStyle() {\n var styleElement = this.props.styleElement;\n var _this$state = this.state,\n bottom = _this$state.bottom,\n bound = _this$state.bound,\n sticky = _this$state.sticky,\n top = _this$state.top;\n if (!sticky) return styleElement;\n return _objectSpread({\n bottom: bound ? 0 : bottom,\n top: bound ? undefined : top,\n width: this.triggerRect.width\n }, styleElement);\n } // Return true when the component reached the bottom of the context\n\n }, {\n key: \"render\",\n // ----------------------------------------\n // Render\n // ----------------------------------------\n value: function render() {\n var _this$props2 = this.props,\n children = _this$props2.children,\n className = _this$props2.className;\n var _this$state2 = this.state,\n bottom = _this$state2.bottom,\n bound = _this$state2.bound,\n sticky = _this$state2.sticky;\n var rest = getUnhandledProps(Sticky, this.props);\n var ElementType = getElementType(Sticky, this.props);\n var containerClasses = cx(sticky && 'ui', sticky && 'stuck-container', sticky && (bound ? 'bound-container' : 'fixed-container'), className);\n var elementClasses = cx('ui', sticky && (bound ? 'bound bottom' : 'fixed'), sticky && !bound && (bottom === null ? 'top' : 'bottom'), 'sticky');\n return React.createElement(ElementType, _extends({}, rest, {\n className: containerClasses\n }), React.createElement(\"div\", {\n ref: this.triggerRef\n }), React.createElement(\"div\", {\n className: elementClasses,\n ref: this.stickyRef,\n style: this.computeStyle()\n }, children));\n }\n }]);\n\n return Sticky;\n}(Component);\n\n_defineProperty(Sticky, \"defaultProps\", {\n active: true,\n bottomOffset: 0,\n offset: 0,\n scrollContext: isBrowser() ? window : null\n});\n\n_defineProperty(Sticky, \"handledProps\", [\"active\", \"as\", \"bottomOffset\", \"children\", \"className\", \"context\", \"offset\", \"onBottom\", \"onStick\", \"onTop\", \"onUnstick\", \"pushing\", \"scrollContext\", \"styleElement\"]);\n\nexport { Sticky as default };\nSticky.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** A Sticky can be active. */\n active: PropTypes.bool,\n\n /** Offset in pixels from the bottom of the screen when fixing element to viewport. */\n bottomOffset: PropTypes.number,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Context which sticky element should stick to. */\n context: PropTypes.oneOfType([customPropTypes.domNode, customPropTypes.refObject]),\n\n /** Offset in pixels from the top of the screen when fixing element to viewport. */\n offset: PropTypes.number,\n\n /**\n * Callback when element is bound to bottom of parent container.\n *\n * @param {SyntheticEvent} event - React's original SyntheticEvent.\n * @param {object} data - All props.\n */\n onBottom: PropTypes.func,\n\n /**\n * Callback when element is fixed to page.\n *\n * @param {SyntheticEvent} event - React's original SyntheticEvent.\n * @param {object} data - All props.\n */\n onStick: PropTypes.func,\n\n /**\n * Callback when element is bound to top of parent container.\n *\n * @param {SyntheticEvent} event - React's original SyntheticEvent.\n * @param {object} data - All props.\n */\n onTop: PropTypes.func,\n\n /**\n * Callback when element is unfixed from page.\n *\n * @param {SyntheticEvent} event - React's original SyntheticEvent.\n * @param {object} data - All props.\n */\n onUnstick: PropTypes.func,\n\n /** Whether element should be \"pushed\" by the viewport, attaching to the bottom of the screen when scrolling up. */\n pushing: PropTypes.bool,\n\n /** Context which sticky should attach onscroll events. */\n scrollContext: PropTypes.oneOfType([customPropTypes.domNode, customPropTypes.refObject]),\n\n /** Custom style for sticky element. */\n styleElement: PropTypes.object\n} : {};","import _extends from \"@babel/runtime/helpers/extends\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, customPropTypes, getElementType, getUnhandledProps, useKeyOnly } from '../../lib';\n/**\n * An ad displays third-party promotional content.\n */\n\nfunction Advertisement(props) {\n var centered = props.centered,\n children = props.children,\n className = props.className,\n content = props.content,\n test = props.test,\n unit = props.unit;\n var classes = cx('ui', unit, useKeyOnly(centered, 'centered'), useKeyOnly(test, 'test'), 'ad', className);\n var rest = getUnhandledProps(Advertisement, props);\n var ElementType = getElementType(Advertisement, props);\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes,\n \"data-text\": test\n }), childrenUtils.isNil(children) ? content : children);\n}\n\nAdvertisement.handledProps = [\"as\", \"centered\", \"children\", \"className\", \"content\", \"test\", \"unit\"];\nAdvertisement.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Center the advertisement. */\n centered: PropTypes.bool,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand,\n\n /** Text to be displayed on the advertisement. */\n test: PropTypes.oneOfType([PropTypes.bool, PropTypes.number, PropTypes.string]),\n\n /** Varies the size of the advertisement. */\n unit: PropTypes.oneOf(['medium rectangle', 'large rectangle', 'vertical rectangle', 'small rectangle', 'mobile banner', 'banner', 'vertical banner', 'top banner', 'half banner', 'button', 'square button', 'small button', 'skyscraper', 'wide skyscraper', 'leaderboard', 'large leaderboard', 'mobile leaderboard', 'billboard', 'panorama', 'netboard', 'half page', 'square', 'small square']).isRequired\n} : {};\nexport default Advertisement;","import _extends from \"@babel/runtime/helpers/extends\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, customPropTypes, getElementType, getUnhandledProps, useKeyOnly } from '../../lib';\n/**\n * A comment can contain an action.\n */\n\nfunction CommentAction(props) {\n var active = props.active,\n className = props.className,\n children = props.children,\n content = props.content;\n var classes = cx(useKeyOnly(active, 'active'), className);\n var rest = getUnhandledProps(CommentAction, props);\n var ElementType = getElementType(CommentAction, props);\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), childrenUtils.isNil(children) ? content : children);\n}\n\nCommentAction.handledProps = [\"active\", \"as\", \"children\", \"className\", \"content\"];\nCommentAction.defaultProps = {\n as: 'a'\n};\nCommentAction.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Style as the currently active action. */\n active: PropTypes.bool,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand\n} : {};\nexport default CommentAction;","import _extends from \"@babel/runtime/helpers/extends\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, customPropTypes, getElementType, getUnhandledProps } from '../../lib';\n/**\n * A comment can contain an list of actions a user may perform related to this comment.\n */\n\nfunction CommentActions(props) {\n var className = props.className,\n children = props.children,\n content = props.content;\n var classes = cx('actions', className);\n var rest = getUnhandledProps(CommentActions, props);\n var ElementType = getElementType(CommentActions, props);\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), childrenUtils.isNil(children) ? content : children);\n}\n\nCommentActions.handledProps = [\"as\", \"children\", \"className\", \"content\"];\nCommentActions.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand\n} : {};\nexport default CommentActions;","import _extends from \"@babel/runtime/helpers/extends\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, customPropTypes, getElementType, getUnhandledProps } from '../../lib';\n/**\n * A comment can contain an author.\n */\n\nfunction CommentAuthor(props) {\n var className = props.className,\n children = props.children,\n content = props.content;\n var classes = cx('author', className);\n var rest = getUnhandledProps(CommentAuthor, props);\n var ElementType = getElementType(CommentAuthor, props);\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), childrenUtils.isNil(children) ? content : children);\n}\n\nCommentAuthor.handledProps = [\"as\", \"children\", \"className\", \"content\"];\nCommentAuthor.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand\n} : {};\nexport default CommentAuthor;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { createHTMLImage, customPropTypes, getElementType, getUnhandledProps, htmlImageProps, partitionHTMLProps } from '../../lib';\n/**\n * A comment can contain an image or avatar.\n */\n\nfunction CommentAvatar(props) {\n var className = props.className,\n src = props.src;\n var classes = cx('avatar', className);\n var rest = getUnhandledProps(CommentAvatar, props);\n\n var _partitionHTMLProps = partitionHTMLProps(rest, {\n htmlProps: htmlImageProps\n }),\n _partitionHTMLProps2 = _slicedToArray(_partitionHTMLProps, 2),\n imageProps = _partitionHTMLProps2[0],\n rootProps = _partitionHTMLProps2[1];\n\n var ElementType = getElementType(CommentAvatar, props);\n return React.createElement(ElementType, _extends({}, rootProps, {\n className: classes\n }), createHTMLImage(src, {\n autoGenerateKey: false,\n defaultProps: imageProps\n }));\n}\n\nCommentAvatar.handledProps = [\"as\", \"className\", \"src\"];\nCommentAvatar.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Specifies the URL of the image. */\n src: PropTypes.string\n} : {};\nexport default CommentAvatar;","import _extends from \"@babel/runtime/helpers/extends\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, customPropTypes, getElementType, getUnhandledProps } from '../../lib';\n/**\n * A comment can contain content.\n */\n\nfunction CommentContent(props) {\n var className = props.className,\n children = props.children,\n content = props.content;\n var classes = cx(className, 'content');\n var rest = getUnhandledProps(CommentContent, props);\n var ElementType = getElementType(CommentContent, props);\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), childrenUtils.isNil(children) ? content : children);\n}\n\nCommentContent.handledProps = [\"as\", \"children\", \"className\", \"content\"];\nCommentContent.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand\n} : {};\nexport default CommentContent;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _without from \"lodash/without\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, customPropTypes, getElementType, getUnhandledProps, SUI, useKeyOnly } from '../../lib';\n/**\n * Comments can be grouped.\n */\n\nfunction CommentGroup(props) {\n var className = props.className,\n children = props.children,\n collapsed = props.collapsed,\n content = props.content,\n minimal = props.minimal,\n size = props.size,\n threaded = props.threaded;\n var classes = cx('ui', size, useKeyOnly(collapsed, 'collapsed'), useKeyOnly(minimal, 'minimal'), useKeyOnly(threaded, 'threaded'), 'comments', className);\n var rest = getUnhandledProps(CommentGroup, props);\n var ElementType = getElementType(CommentGroup, props);\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), childrenUtils.isNil(children) ? content : children);\n}\n\nCommentGroup.handledProps = [\"as\", \"children\", \"className\", \"collapsed\", \"content\", \"minimal\", \"size\", \"threaded\"];\nCommentGroup.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Comments can be collapsed, or hidden from view. */\n collapsed: PropTypes.bool,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand,\n\n /** Comments can hide extra information unless a user shows intent to interact with a comment. */\n minimal: PropTypes.bool,\n\n /** Comments can have different sizes. */\n size: PropTypes.oneOf(_without(SUI.SIZES, 'medium')),\n\n /** A comment list can be threaded to showing the relationship between conversations. */\n threaded: PropTypes.bool\n} : {};\nexport default CommentGroup;","import _extends from \"@babel/runtime/helpers/extends\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, customPropTypes, getElementType, getUnhandledProps } from '../../lib';\n/**\n * A comment can contain metadata about the comment, an arbitrary amount of metadata may be defined.\n */\n\nfunction CommentMetadata(props) {\n var className = props.className,\n children = props.children,\n content = props.content;\n var classes = cx('metadata', className);\n var rest = getUnhandledProps(CommentMetadata, props);\n var ElementType = getElementType(CommentMetadata, props);\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), childrenUtils.isNil(children) ? content : children);\n}\n\nCommentMetadata.handledProps = [\"as\", \"children\", \"className\", \"content\"];\nCommentMetadata.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand\n} : {};\nexport default CommentMetadata;","import _extends from \"@babel/runtime/helpers/extends\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, customPropTypes, getElementType, getUnhandledProps } from '../../lib';\n/**\n * A comment can contain text.\n */\n\nfunction CommentText(props) {\n var className = props.className,\n children = props.children,\n content = props.content;\n var classes = cx(className, 'text');\n var rest = getUnhandledProps(CommentText, props);\n var ElementType = getElementType(CommentText, props);\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), childrenUtils.isNil(children) ? content : children);\n}\n\nCommentText.handledProps = [\"as\", \"children\", \"className\", \"content\"];\nCommentText.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand\n} : {};\nexport default CommentText;","import _extends from \"@babel/runtime/helpers/extends\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, customPropTypes, getElementType, getUnhandledProps, useKeyOnly } from '../../lib';\nimport CommentAction from './CommentAction';\nimport CommentActions from './CommentActions';\nimport CommentAuthor from './CommentAuthor';\nimport CommentAvatar from './CommentAvatar';\nimport CommentContent from './CommentContent';\nimport CommentGroup from './CommentGroup';\nimport CommentMetadata from './CommentMetadata';\nimport CommentText from './CommentText';\n/**\n * A comment displays user feedback to site content.\n */\n\nfunction Comment(props) {\n var className = props.className,\n children = props.children,\n collapsed = props.collapsed,\n content = props.content;\n var classes = cx(useKeyOnly(collapsed, 'collapsed'), 'comment', className);\n var rest = getUnhandledProps(Comment, props);\n var ElementType = getElementType(Comment, props);\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), childrenUtils.isNil(children) ? content : children);\n}\n\nComment.handledProps = [\"as\", \"children\", \"className\", \"collapsed\", \"content\"];\nComment.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Comment can be collapsed, or hidden from view. */\n collapsed: PropTypes.bool,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand\n} : {};\nComment.Author = CommentAuthor;\nComment.Action = CommentAction;\nComment.Actions = CommentActions;\nComment.Avatar = CommentAvatar;\nComment.Content = CommentContent;\nComment.Group = CommentGroup;\nComment.Metadata = CommentMetadata;\nComment.Text = CommentText;\nexport default Comment;","import _extends from \"@babel/runtime/helpers/extends\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, createShorthandFactory, customPropTypes, getElementType, getUnhandledProps } from '../../lib';\n/**\n * An item can contain a header.\n */\n\nfunction ItemHeader(props) {\n var children = props.children,\n className = props.className,\n content = props.content;\n var classes = cx('header', className);\n var rest = getUnhandledProps(ItemHeader, props);\n var ElementType = getElementType(ItemHeader, props);\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), childrenUtils.isNil(children) ? content : children);\n}\n\nItemHeader.handledProps = [\"as\", \"children\", \"className\", \"content\"];\nItemHeader.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand\n} : {};\nItemHeader.create = createShorthandFactory(ItemHeader, function (content) {\n return {\n content: content\n };\n});\nexport default ItemHeader;","import _extends from \"@babel/runtime/helpers/extends\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, createShorthandFactory, customPropTypes, getElementType, getUnhandledProps } from '../../lib';\n/**\n * An item can contain a description with a single or multiple paragraphs.\n */\n\nfunction ItemDescription(props) {\n var children = props.children,\n className = props.className,\n content = props.content;\n var classes = cx('description', className);\n var rest = getUnhandledProps(ItemDescription, props);\n var ElementType = getElementType(ItemDescription, props);\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), childrenUtils.isNil(children) ? content : children);\n}\n\nItemDescription.handledProps = [\"as\", \"children\", \"className\", \"content\"];\nItemDescription.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand\n} : {};\nItemDescription.create = createShorthandFactory(ItemDescription, function (content) {\n return {\n content: content\n };\n});\nexport default ItemDescription;","import _extends from \"@babel/runtime/helpers/extends\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, createShorthandFactory, customPropTypes, getElementType, getUnhandledProps } from '../../lib';\n/**\n * An item can contain extra content meant to be formatted separately from the main content.\n */\n\nfunction ItemExtra(props) {\n var children = props.children,\n className = props.className,\n content = props.content;\n var classes = cx('extra', className);\n var rest = getUnhandledProps(ItemExtra, props);\n var ElementType = getElementType(ItemExtra, props);\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), childrenUtils.isNil(children) ? content : children);\n}\n\nItemExtra.handledProps = [\"as\", \"children\", \"className\", \"content\"];\nItemExtra.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand\n} : {};\nItemExtra.create = createShorthandFactory(ItemExtra, function (content) {\n return {\n content: content\n };\n});\nexport default ItemExtra;","import _extends from \"@babel/runtime/helpers/extends\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, createShorthandFactory, customPropTypes, getElementType, getUnhandledProps } from '../../lib';\n/**\n * An item can contain content metadata.\n */\n\nfunction ItemMeta(props) {\n var children = props.children,\n className = props.className,\n content = props.content;\n var classes = cx('meta', className);\n var rest = getUnhandledProps(ItemMeta, props);\n var ElementType = getElementType(ItemMeta, props);\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), childrenUtils.isNil(children) ? content : children);\n}\n\nItemMeta.handledProps = [\"as\", \"children\", \"className\", \"content\"];\nItemMeta.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand\n} : {};\nItemMeta.create = createShorthandFactory(ItemMeta, function (content) {\n return {\n content: content\n };\n});\nexport default ItemMeta;","import _extends from \"@babel/runtime/helpers/extends\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, customPropTypes, getElementType, getUnhandledProps, SUI, useVerticalAlignProp } from '../../lib';\nimport ItemHeader from './ItemHeader';\nimport ItemDescription from './ItemDescription';\nimport ItemExtra from './ItemExtra';\nimport ItemMeta from './ItemMeta';\n/**\n * An item can contain content.\n */\n\nfunction ItemContent(props) {\n var children = props.children,\n className = props.className,\n content = props.content,\n description = props.description,\n extra = props.extra,\n header = props.header,\n meta = props.meta,\n verticalAlign = props.verticalAlign;\n var classes = cx(useVerticalAlignProp(verticalAlign), 'content', className);\n var rest = getUnhandledProps(ItemContent, props);\n var ElementType = getElementType(ItemContent, props);\n\n if (!childrenUtils.isNil(children)) {\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), children);\n }\n\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), ItemHeader.create(header, {\n autoGenerateKey: false\n }), ItemMeta.create(meta, {\n autoGenerateKey: false\n }), ItemDescription.create(description, {\n autoGenerateKey: false\n }), ItemExtra.create(extra, {\n autoGenerateKey: false\n }), content);\n}\n\nItemContent.handledProps = [\"as\", \"children\", \"className\", \"content\", \"description\", \"extra\", \"header\", \"meta\", \"verticalAlign\"];\nItemContent.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand,\n\n /** Shorthand for ItemDescription component. */\n description: customPropTypes.itemShorthand,\n\n /** Shorthand for ItemExtra component. */\n extra: customPropTypes.itemShorthand,\n\n /** Shorthand for ItemHeader component. */\n header: customPropTypes.itemShorthand,\n\n /** Shorthand for ItemMeta component. */\n meta: customPropTypes.itemShorthand,\n\n /** Content can specify its vertical alignment. */\n verticalAlign: PropTypes.oneOf(SUI.VERTICAL_ALIGNMENTS)\n} : {};\nexport default ItemContent;","import _objectWithoutProperties from \"@babel/runtime/helpers/objectWithoutProperties\";\nimport _extends from \"@babel/runtime/helpers/extends\";\nimport _map from \"lodash/map\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, customPropTypes, getElementType, getUnhandledProps, useKeyOnly, useKeyOrValueAndKey } from '../../lib';\nimport Item from './Item';\n/**\n * A group of items.\n */\n\nfunction ItemGroup(props) {\n var children = props.children,\n className = props.className,\n content = props.content,\n divided = props.divided,\n items = props.items,\n link = props.link,\n relaxed = props.relaxed,\n unstackable = props.unstackable;\n var classes = cx('ui', useKeyOnly(divided, 'divided'), useKeyOnly(link, 'link'), useKeyOnly(unstackable, 'unstackable'), useKeyOrValueAndKey(relaxed, 'relaxed'), 'items', className);\n var rest = getUnhandledProps(ItemGroup, props);\n var ElementType = getElementType(ItemGroup, props);\n\n if (!childrenUtils.isNil(children)) {\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), children);\n }\n\n if (!childrenUtils.isNil(content)) {\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), content);\n }\n\n var itemsJSX = _map(items, function (item) {\n var childKey = item.childKey,\n itemProps = _objectWithoutProperties(item, [\"childKey\"]);\n\n var finalKey = childKey || [itemProps.content, itemProps.description, itemProps.header, itemProps.meta].join('-');\n return React.createElement(Item, _extends({}, itemProps, {\n key: finalKey\n }));\n });\n\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), itemsJSX);\n}\n\nItemGroup.handledProps = [\"as\", \"children\", \"className\", \"content\", \"divided\", \"items\", \"link\", \"relaxed\", \"unstackable\"];\nItemGroup.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for primary content. */\n content: customPropTypes.contentShorthand,\n\n /** Items can be divided to better distinguish between grouped content. */\n divided: PropTypes.bool,\n\n /** Shorthand array of props for Item. */\n items: customPropTypes.collectionShorthand,\n\n /** An item can be formatted so that the entire contents link to another page. */\n link: PropTypes.bool,\n\n /** A group of items can relax its padding to provide more negative space. */\n relaxed: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['very'])]),\n\n /** Prevent items from stacking on mobile. */\n unstackable: PropTypes.bool\n} : {};\nexport default ItemGroup;","import _extends from \"@babel/runtime/helpers/extends\";\nimport React from 'react';\nimport { createShorthandFactory, getUnhandledProps } from '../../lib';\nimport Image from '../../elements/Image';\n/**\n * An item can contain an image.\n */\n\nfunction ItemImage(props) {\n var size = props.size;\n var rest = getUnhandledProps(ItemImage, props);\n return React.createElement(Image, _extends({}, rest, {\n size: size,\n ui: !!size,\n wrapped: true\n }));\n}\n\nItemImage.handledProps = [\"size\"];\nItemImage.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An image may appear at different sizes. */\n size: Image.propTypes.size\n} : {};\nItemImage.create = createShorthandFactory(ItemImage, function (src) {\n return {\n src: src\n };\n});\nexport default ItemImage;","import _extends from \"@babel/runtime/helpers/extends\";\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { childrenUtils, customPropTypes, getElementType, getUnhandledProps } from '../../lib';\nimport ItemContent from './ItemContent';\nimport ItemDescription from './ItemDescription';\nimport ItemExtra from './ItemExtra';\nimport ItemGroup from './ItemGroup';\nimport ItemHeader from './ItemHeader';\nimport ItemImage from './ItemImage';\nimport ItemMeta from './ItemMeta';\n/**\n * An item view presents large collections of site content for display.\n */\n\nfunction Item(props) {\n var children = props.children,\n className = props.className,\n content = props.content,\n description = props.description,\n extra = props.extra,\n header = props.header,\n image = props.image,\n meta = props.meta;\n var classes = cx('item', className);\n var rest = getUnhandledProps(Item, props);\n var ElementType = getElementType(Item, props);\n\n if (!childrenUtils.isNil(children)) {\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), children);\n }\n\n return React.createElement(ElementType, _extends({}, rest, {\n className: classes\n }), ItemImage.create(image, {\n autoGenerateKey: false\n }), React.createElement(ItemContent, {\n content: content,\n description: description,\n extra: extra,\n header: header,\n meta: meta\n }));\n}\n\nItem.handledProps = [\"as\", \"children\", \"className\", \"content\", \"description\", \"extra\", \"header\", \"image\", \"meta\"];\nItem.Content = ItemContent;\nItem.Description = ItemDescription;\nItem.Extra = ItemExtra;\nItem.Group = ItemGroup;\nItem.Header = ItemHeader;\nItem.Image = ItemImage;\nItem.Meta = ItemMeta;\nItem.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** An element type to render as (string or function). */\n as: customPropTypes.as,\n\n /** Primary content. */\n children: PropTypes.node,\n\n /** Additional classes. */\n className: PropTypes.string,\n\n /** Shorthand for ItemContent component. */\n content: customPropTypes.contentShorthand,\n\n /** Shorthand for ItemDescription component. */\n description: customPropTypes.itemShorthand,\n\n /** Shorthand for ItemExtra component. */\n extra: customPropTypes.itemShorthand,\n\n /** Shorthand for ItemHeader component. */\n header: customPropTypes.itemShorthand,\n\n /** Shorthand for ItemImage component. */\n image: customPropTypes.itemShorthand,\n\n /** Shorthand for ItemMeta component. */\n meta: customPropTypes.itemShorthand\n} : {};\nexport default Item;","export default function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}","import objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nexport default function _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n var target = objectWithoutPropertiesLoose(source, excluded);\n var key, i;\n\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n\n return target;\n}","export default function _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}","/**\n * Returns an object consisting of props beyond the scope of the Component.\n * Useful for getting and spreading unknown props from the user.\n * @param {function} Component A function or ReactClass.\n * @param {object} props A ReactElement props object\n * @returns {{}} A shallow copy of the prop object\n */\nvar getUnhandledProps = function getUnhandledProps(Component, props) {\n // Note that `handledProps` are generated automatically during build with `babel-plugin-transform-react-handled-props`\n var _Component$handledPro = Component.handledProps,\n handledProps = _Component$handledPro === void 0 ? [] : _Component$handledPro;\n return Object.keys(props).reduce(function (acc, prop) {\n if (prop === 'childKey') return acc;\n if (handledProps.indexOf(prop) === -1) acc[prop] = props[prop];\n return acc;\n }, {});\n};\n\nexport default getUnhandledProps;","/** PURE_IMPORTS_START tslib,_util_isFunction,_Observer,_Subscription,_internal_symbol_rxSubscriber,_config,_util_hostReportError PURE_IMPORTS_END */\nimport * as tslib_1 from \"tslib\";\nimport { isFunction } from './util/isFunction';\nimport { empty as emptyObserver } from './Observer';\nimport { Subscription } from './Subscription';\nimport { rxSubscriber as rxSubscriberSymbol } from '../internal/symbol/rxSubscriber';\nimport { config } from './config';\nimport { hostReportError } from './util/hostReportError';\nvar Subscriber = /*@__PURE__*/ (function (_super) {\n tslib_1.__extends(Subscriber, _super);\n function Subscriber(destinationOrNext, error, complete) {\n var _this = _super.call(this) || this;\n _this.syncErrorValue = null;\n _this.syncErrorThrown = false;\n _this.syncErrorThrowable = false;\n _this.isStopped = false;\n switch (arguments.length) {\n case 0:\n _this.destination = emptyObserver;\n break;\n case 1:\n if (!destinationOrNext) {\n _this.destination = emptyObserver;\n break;\n }\n if (typeof destinationOrNext === 'object') {\n if (destinationOrNext instanceof Subscriber) {\n _this.syncErrorThrowable = destinationOrNext.syncErrorThrowable;\n _this.destination = destinationOrNext;\n destinationOrNext.add(_this);\n }\n else {\n _this.syncErrorThrowable = true;\n _this.destination = new SafeSubscriber(_this, destinationOrNext);\n }\n break;\n }\n default:\n _this.syncErrorThrowable = true;\n _this.destination = new SafeSubscriber(_this, destinationOrNext, error, complete);\n break;\n }\n return _this;\n }\n Subscriber.prototype[rxSubscriberSymbol] = function () { return this; };\n Subscriber.create = function (next, error, complete) {\n var subscriber = new Subscriber(next, error, complete);\n subscriber.syncErrorThrowable = false;\n return subscriber;\n };\n Subscriber.prototype.next = function (value) {\n if (!this.isStopped) {\n this._next(value);\n }\n };\n Subscriber.prototype.error = function (err) {\n if (!this.isStopped) {\n this.isStopped = true;\n this._error(err);\n }\n };\n Subscriber.prototype.complete = function () {\n if (!this.isStopped) {\n this.isStopped = true;\n this._complete();\n }\n };\n Subscriber.prototype.unsubscribe = function () {\n if (this.closed) {\n return;\n }\n this.isStopped = true;\n _super.prototype.unsubscribe.call(this);\n };\n Subscriber.prototype._next = function (value) {\n this.destination.next(value);\n };\n Subscriber.prototype._error = function (err) {\n this.destination.error(err);\n this.unsubscribe();\n };\n Subscriber.prototype._complete = function () {\n this.destination.complete();\n this.unsubscribe();\n };\n Subscriber.prototype._unsubscribeAndRecycle = function () {\n var _parentOrParents = this._parentOrParents;\n this._parentOrParents = null;\n this.unsubscribe();\n this.closed = false;\n this.isStopped = false;\n this._parentOrParents = _parentOrParents;\n return this;\n };\n return Subscriber;\n}(Subscription));\nexport { Subscriber };\nvar SafeSubscriber = /*@__PURE__*/ (function (_super) {\n tslib_1.__extends(SafeSubscriber, _super);\n function SafeSubscriber(_parentSubscriber, observerOrNext, error, complete) {\n var _this = _super.call(this) || this;\n _this._parentSubscriber = _parentSubscriber;\n var next;\n var context = _this;\n if (isFunction(observerOrNext)) {\n next = observerOrNext;\n }\n else if (observerOrNext) {\n next = observerOrNext.next;\n error = observerOrNext.error;\n complete = observerOrNext.complete;\n if (observerOrNext !== emptyObserver) {\n context = Object.create(observerOrNext);\n if (isFunction(context.unsubscribe)) {\n _this.add(context.unsubscribe.bind(context));\n }\n context.unsubscribe = _this.unsubscribe.bind(_this);\n }\n }\n _this._context = context;\n _this._next = next;\n _this._error = error;\n _this._complete = complete;\n return _this;\n }\n SafeSubscriber.prototype.next = function (value) {\n if (!this.isStopped && this._next) {\n var _parentSubscriber = this._parentSubscriber;\n if (!config.useDeprecatedSynchronousErrorHandling || !_parentSubscriber.syncErrorThrowable) {\n this.__tryOrUnsub(this._next, value);\n }\n else if (this.__tryOrSetError(_parentSubscriber, this._next, value)) {\n this.unsubscribe();\n }\n }\n };\n SafeSubscriber.prototype.error = function (err) {\n if (!this.isStopped) {\n var _parentSubscriber = this._parentSubscriber;\n var useDeprecatedSynchronousErrorHandling = config.useDeprecatedSynchronousErrorHandling;\n if (this._error) {\n if (!useDeprecatedSynchronousErrorHandling || !_parentSubscriber.syncErrorThrowable) {\n this.__tryOrUnsub(this._error, err);\n this.unsubscribe();\n }\n else {\n this.__tryOrSetError(_parentSubscriber, this._error, err);\n this.unsubscribe();\n }\n }\n else if (!_parentSubscriber.syncErrorThrowable) {\n this.unsubscribe();\n if (useDeprecatedSynchronousErrorHandling) {\n throw err;\n }\n hostReportError(err);\n }\n else {\n if (useDeprecatedSynchronousErrorHandling) {\n _parentSubscriber.syncErrorValue = err;\n _parentSubscriber.syncErrorThrown = true;\n }\n else {\n hostReportError(err);\n }\n this.unsubscribe();\n }\n }\n };\n SafeSubscriber.prototype.complete = function () {\n var _this = this;\n if (!this.isStopped) {\n var _parentSubscriber = this._parentSubscriber;\n if (this._complete) {\n var wrappedComplete = function () { return _this._complete.call(_this._context); };\n if (!config.useDeprecatedSynchronousErrorHandling || !_parentSubscriber.syncErrorThrowable) {\n this.__tryOrUnsub(wrappedComplete);\n this.unsubscribe();\n }\n else {\n this.__tryOrSetError(_parentSubscriber, wrappedComplete);\n this.unsubscribe();\n }\n }\n else {\n this.unsubscribe();\n }\n }\n };\n SafeSubscriber.prototype.__tryOrUnsub = function (fn, value) {\n try {\n fn.call(this._context, value);\n }\n catch (err) {\n this.unsubscribe();\n if (config.useDeprecatedSynchronousErrorHandling) {\n throw err;\n }\n else {\n hostReportError(err);\n }\n }\n };\n SafeSubscriber.prototype.__tryOrSetError = function (parent, fn, value) {\n if (!config.useDeprecatedSynchronousErrorHandling) {\n throw new Error('bad call');\n }\n try {\n fn.call(this._context, value);\n }\n catch (err) {\n if (config.useDeprecatedSynchronousErrorHandling) {\n parent.syncErrorValue = err;\n parent.syncErrorThrown = true;\n return true;\n }\n else {\n hostReportError(err);\n return true;\n }\n }\n return false;\n };\n SafeSubscriber.prototype._unsubscribe = function () {\n var _parentSubscriber = this._parentSubscriber;\n this._context = null;\n this._parentSubscriber = null;\n _parentSubscriber.unsubscribe();\n };\n return SafeSubscriber;\n}(Subscriber));\nexport { SafeSubscriber };\n//# sourceMappingURL=Subscriber.js.map\n","import unsupportedIterableToArray from \"@babel/runtime/helpers/esm/unsupportedIterableToArray\";\nexport default function _createForOfIteratorHelper(o, allowArrayLike) {\n var it;\n\n if (typeof Symbol === \"undefined\" || o[Symbol.iterator] == null) {\n if (Array.isArray(o) || (it = unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") {\n if (it) o = it;\n var i = 0;\n\n var F = function F() {};\n\n return {\n s: F,\n n: function n() {\n if (i >= o.length) return {\n done: true\n };\n return {\n done: false,\n value: o[i++]\n };\n },\n e: function e(_e) {\n throw _e;\n },\n f: F\n };\n }\n\n throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n }\n\n var normalCompletion = true,\n didErr = false,\n err;\n return {\n s: function s() {\n it = o[Symbol.iterator]();\n },\n n: function n() {\n var step = it.next();\n normalCompletion = step.done;\n return step;\n },\n e: function e(_e2) {\n didErr = true;\n err = _e2;\n },\n f: function f() {\n try {\n if (!normalCompletion && it[\"return\"] != null) it[\"return\"]();\n } finally {\n if (didErr) throw err;\n }\n }\n };\n}","/**\n * Returns a createElement() type based on the props of the Component.\n * Useful for calculating what type a component should render as.\n *\n * @param {function} Component A function or ReactClass.\n * @param {object} props A ReactElement props object\n * @param {function} [getDefault] A function that returns a default element type.\n * @returns {string|function} A ReactElement type\n */\nfunction getElementType(Component, props, getDefault) {\n var _Component$defaultPro = Component.defaultProps,\n defaultProps = _Component$defaultPro === void 0 ? {} : _Component$defaultPro; // ----------------------------------------\n // user defined \"as\" element type\n\n if (props.as && props.as !== defaultProps.as) return props.as; // ----------------------------------------\n // computed default element type\n\n if (getDefault) {\n var computedDefault = getDefault();\n if (computedDefault) return computedDefault;\n } // ----------------------------------------\n // infer anchor links\n\n\n if (props.href) return 'a'; // ----------------------------------------\n // use defaultProp or 'div'\n\n return defaultProps.as || 'div';\n}\n\nexport default getElementType;","import {Basis} from \"./basis.js\";\n\nfunction Bundle(context, beta) {\n this._basis = new Basis(context);\n this._beta = beta;\n}\n\nBundle.prototype = {\n lineStart: function() {\n this._x = [];\n this._y = [];\n this._basis.lineStart();\n },\n lineEnd: function() {\n var x = this._x,\n y = this._y,\n j = x.length - 1;\n\n if (j > 0) {\n var x0 = x[0],\n y0 = y[0],\n dx = x[j] - x0,\n dy = y[j] - y0,\n i = -1,\n t;\n\n while (++i <= j) {\n t = i / j;\n this._basis.point(\n this._beta * x[i] + (1 - this._beta) * (x0 + t * dx),\n this._beta * y[i] + (1 - this._beta) * (y0 + t * dy)\n );\n }\n }\n\n this._x = this._y = null;\n this._basis.lineEnd();\n },\n point: function(x, y) {\n this._x.push(+x);\n this._y.push(+y);\n }\n};\n\nexport default (function custom(beta) {\n\n function bundle(context) {\n return beta === 1 ? new Basis(context) : new Bundle(context, beta);\n }\n\n bundle.beta = function(beta) {\n return custom(+beta);\n };\n\n return bundle;\n})(0.85);\n","export function point(that, x, y) {\n that._context.bezierCurveTo(\n that._x1 + that._k * (that._x2 - that._x0),\n that._y1 + that._k * (that._y2 - that._y0),\n that._x2 + that._k * (that._x1 - x),\n that._y2 + that._k * (that._y1 - y),\n that._x2,\n that._y2\n );\n}\n\nexport function Cardinal(context, tension) {\n this._context = context;\n this._k = (1 - tension) / 6;\n}\n\nCardinal.prototype = {\n areaStart: function() {\n this._line = 0;\n },\n areaEnd: function() {\n this._line = NaN;\n },\n lineStart: function() {\n this._x0 = this._x1 = this._x2 =\n this._y0 = this._y1 = this._y2 = NaN;\n this._point = 0;\n },\n lineEnd: function() {\n switch (this._point) {\n case 2: this._context.lineTo(this._x2, this._y2); break;\n case 3: point(this, this._x1, this._y1); break;\n }\n if (this._line || (this._line !== 0 && this._point === 1)) this._context.closePath();\n this._line = 1 - this._line;\n },\n point: function(x, y) {\n x = +x, y = +y;\n switch (this._point) {\n case 0: this._point = 1; this._line ? this._context.lineTo(x, y) : this._context.moveTo(x, y); break;\n case 1: this._point = 2; this._x1 = x, this._y1 = y; break;\n case 2: this._point = 3; // proceed\n default: point(this, x, y); break;\n }\n this._x0 = this._x1, this._x1 = this._x2, this._x2 = x;\n this._y0 = this._y1, this._y1 = this._y2, this._y2 = y;\n }\n};\n\nexport default (function custom(tension) {\n\n function cardinal(context) {\n return new Cardinal(context, tension);\n }\n\n cardinal.tension = function(tension) {\n return custom(+tension);\n };\n\n return cardinal;\n})(0);\n","import noop from \"../noop.js\";\nimport {point} from \"./cardinal.js\";\n\nexport function CardinalClosed(context, tension) {\n this._context = context;\n this._k = (1 - tension) / 6;\n}\n\nCardinalClosed.prototype = {\n areaStart: noop,\n areaEnd: noop,\n lineStart: function() {\n this._x0 = this._x1 = this._x2 = this._x3 = this._x4 = this._x5 =\n this._y0 = this._y1 = this._y2 = this._y3 = this._y4 = this._y5 = NaN;\n this._point = 0;\n },\n lineEnd: function() {\n switch (this._point) {\n case 1: {\n this._context.moveTo(this._x3, this._y3);\n this._context.closePath();\n break;\n }\n case 2: {\n this._context.lineTo(this._x3, this._y3);\n this._context.closePath();\n break;\n }\n case 3: {\n this.point(this._x3, this._y3);\n this.point(this._x4, this._y4);\n this.point(this._x5, this._y5);\n break;\n }\n }\n },\n point: function(x, y) {\n x = +x, y = +y;\n switch (this._point) {\n case 0: this._point = 1; this._x3 = x, this._y3 = y; break;\n case 1: this._point = 2; this._context.moveTo(this._x4 = x, this._y4 = y); break;\n case 2: this._point = 3; this._x5 = x, this._y5 = y; break;\n default: point(this, x, y); break;\n }\n this._x0 = this._x1, this._x1 = this._x2, this._x2 = x;\n this._y0 = this._y1, this._y1 = this._y2, this._y2 = y;\n }\n};\n\nexport default (function custom(tension) {\n\n function cardinal(context) {\n return new CardinalClosed(context, tension);\n }\n\n cardinal.tension = function(tension) {\n return custom(+tension);\n };\n\n return cardinal;\n})(0);\n","import {point} from \"./cardinal.js\";\n\nexport function CardinalOpen(context, tension) {\n this._context = context;\n this._k = (1 - tension) / 6;\n}\n\nCardinalOpen.prototype = {\n areaStart: function() {\n this._line = 0;\n },\n areaEnd: function() {\n this._line = NaN;\n },\n lineStart: function() {\n this._x0 = this._x1 = this._x2 =\n this._y0 = this._y1 = this._y2 = NaN;\n this._point = 0;\n },\n lineEnd: function() {\n if (this._line || (this._line !== 0 && this._point === 3)) this._context.closePath();\n this._line = 1 - this._line;\n },\n point: function(x, y) {\n x = +x, y = +y;\n switch (this._point) {\n case 0: this._point = 1; break;\n case 1: this._point = 2; break;\n case 2: this._point = 3; this._line ? this._context.lineTo(this._x2, this._y2) : this._context.moveTo(this._x2, this._y2); break;\n case 3: this._point = 4; // proceed\n default: point(this, x, y); break;\n }\n this._x0 = this._x1, this._x1 = this._x2, this._x2 = x;\n this._y0 = this._y1, this._y1 = this._y2, this._y2 = y;\n }\n};\n\nexport default (function custom(tension) {\n\n function cardinal(context) {\n return new CardinalOpen(context, tension);\n }\n\n cardinal.tension = function(tension) {\n return custom(+tension);\n };\n\n return cardinal;\n})(0);\n","import {epsilon} from \"../math.js\";\nimport {Cardinal} from \"./cardinal.js\";\n\nexport function point(that, x, y) {\n var x1 = that._x1,\n y1 = that._y1,\n x2 = that._x2,\n y2 = that._y2;\n\n if (that._l01_a > epsilon) {\n var a = 2 * that._l01_2a + 3 * that._l01_a * that._l12_a + that._l12_2a,\n n = 3 * that._l01_a * (that._l01_a + that._l12_a);\n x1 = (x1 * a - that._x0 * that._l12_2a + that._x2 * that._l01_2a) / n;\n y1 = (y1 * a - that._y0 * that._l12_2a + that._y2 * that._l01_2a) / n;\n }\n\n if (that._l23_a > epsilon) {\n var b = 2 * that._l23_2a + 3 * that._l23_a * that._l12_a + that._l12_2a,\n m = 3 * that._l23_a * (that._l23_a + that._l12_a);\n x2 = (x2 * b + that._x1 * that._l23_2a - x * that._l12_2a) / m;\n y2 = (y2 * b + that._y1 * that._l23_2a - y * that._l12_2a) / m;\n }\n\n that._context.bezierCurveTo(x1, y1, x2, y2, that._x2, that._y2);\n}\n\nfunction CatmullRom(context, alpha) {\n this._context = context;\n this._alpha = alpha;\n}\n\nCatmullRom.prototype = {\n areaStart: function() {\n this._line = 0;\n },\n areaEnd: function() {\n this._line = NaN;\n },\n lineStart: function() {\n this._x0 = this._x1 = this._x2 =\n this._y0 = this._y1 = this._y2 = NaN;\n this._l01_a = this._l12_a = this._l23_a =\n this._l01_2a = this._l12_2a = this._l23_2a =\n this._point = 0;\n },\n lineEnd: function() {\n switch (this._point) {\n case 2: this._context.lineTo(this._x2, this._y2); break;\n case 3: this.point(this._x2, this._y2); break;\n }\n if (this._line || (this._line !== 0 && this._point === 1)) this._context.closePath();\n this._line = 1 - this._line;\n },\n point: function(x, y) {\n x = +x, y = +y;\n\n if (this._point) {\n var x23 = this._x2 - x,\n y23 = this._y2 - y;\n this._l23_a = Math.sqrt(this._l23_2a = Math.pow(x23 * x23 + y23 * y23, this._alpha));\n }\n\n switch (this._point) {\n case 0: this._point = 1; this._line ? this._context.lineTo(x, y) : this._context.moveTo(x, y); break;\n case 1: this._point = 2; break;\n case 2: this._point = 3; // proceed\n default: point(this, x, y); break;\n }\n\n this._l01_a = this._l12_a, this._l12_a = this._l23_a;\n this._l01_2a = this._l12_2a, this._l12_2a = this._l23_2a;\n this._x0 = this._x1, this._x1 = this._x2, this._x2 = x;\n this._y0 = this._y1, this._y1 = this._y2, this._y2 = y;\n }\n};\n\nexport default (function custom(alpha) {\n\n function catmullRom(context) {\n return alpha ? new CatmullRom(context, alpha) : new Cardinal(context, 0);\n }\n\n catmullRom.alpha = function(alpha) {\n return custom(+alpha);\n };\n\n return catmullRom;\n})(0.5);\n","import {CardinalClosed} from \"./cardinalClosed.js\";\nimport noop from \"../noop.js\";\nimport {point} from \"./catmullRom.js\";\n\nfunction CatmullRomClosed(context, alpha) {\n this._context = context;\n this._alpha = alpha;\n}\n\nCatmullRomClosed.prototype = {\n areaStart: noop,\n areaEnd: noop,\n lineStart: function() {\n this._x0 = this._x1 = this._x2 = this._x3 = this._x4 = this._x5 =\n this._y0 = this._y1 = this._y2 = this._y3 = this._y4 = this._y5 = NaN;\n this._l01_a = this._l12_a = this._l23_a =\n this._l01_2a = this._l12_2a = this._l23_2a =\n this._point = 0;\n },\n lineEnd: function() {\n switch (this._point) {\n case 1: {\n this._context.moveTo(this._x3, this._y3);\n this._context.closePath();\n break;\n }\n case 2: {\n this._context.lineTo(this._x3, this._y3);\n this._context.closePath();\n break;\n }\n case 3: {\n this.point(this._x3, this._y3);\n this.point(this._x4, this._y4);\n this.point(this._x5, this._y5);\n break;\n }\n }\n },\n point: function(x, y) {\n x = +x, y = +y;\n\n if (this._point) {\n var x23 = this._x2 - x,\n y23 = this._y2 - y;\n this._l23_a = Math.sqrt(this._l23_2a = Math.pow(x23 * x23 + y23 * y23, this._alpha));\n }\n\n switch (this._point) {\n case 0: this._point = 1; this._x3 = x, this._y3 = y; break;\n case 1: this._point = 2; this._context.moveTo(this._x4 = x, this._y4 = y); break;\n case 2: this._point = 3; this._x5 = x, this._y5 = y; break;\n default: point(this, x, y); break;\n }\n\n this._l01_a = this._l12_a, this._l12_a = this._l23_a;\n this._l01_2a = this._l12_2a, this._l12_2a = this._l23_2a;\n this._x0 = this._x1, this._x1 = this._x2, this._x2 = x;\n this._y0 = this._y1, this._y1 = this._y2, this._y2 = y;\n }\n};\n\nexport default (function custom(alpha) {\n\n function catmullRom(context) {\n return alpha ? new CatmullRomClosed(context, alpha) : new CardinalClosed(context, 0);\n }\n\n catmullRom.alpha = function(alpha) {\n return custom(+alpha);\n };\n\n return catmullRom;\n})(0.5);\n","import {CardinalOpen} from \"./cardinalOpen.js\";\nimport {point} from \"./catmullRom.js\";\n\nfunction CatmullRomOpen(context, alpha) {\n this._context = context;\n this._alpha = alpha;\n}\n\nCatmullRomOpen.prototype = {\n areaStart: function() {\n this._line = 0;\n },\n areaEnd: function() {\n this._line = NaN;\n },\n lineStart: function() {\n this._x0 = this._x1 = this._x2 =\n this._y0 = this._y1 = this._y2 = NaN;\n this._l01_a = this._l12_a = this._l23_a =\n this._l01_2a = this._l12_2a = this._l23_2a =\n this._point = 0;\n },\n lineEnd: function() {\n if (this._line || (this._line !== 0 && this._point === 3)) this._context.closePath();\n this._line = 1 - this._line;\n },\n point: function(x, y) {\n x = +x, y = +y;\n\n if (this._point) {\n var x23 = this._x2 - x,\n y23 = this._y2 - y;\n this._l23_a = Math.sqrt(this._l23_2a = Math.pow(x23 * x23 + y23 * y23, this._alpha));\n }\n\n switch (this._point) {\n case 0: this._point = 1; break;\n case 1: this._point = 2; break;\n case 2: this._point = 3; this._line ? this._context.lineTo(this._x2, this._y2) : this._context.moveTo(this._x2, this._y2); break;\n case 3: this._point = 4; // proceed\n default: point(this, x, y); break;\n }\n\n this._l01_a = this._l12_a, this._l12_a = this._l23_a;\n this._l01_2a = this._l12_2a, this._l12_2a = this._l23_2a;\n this._x0 = this._x1, this._x1 = this._x2, this._x2 = x;\n this._y0 = this._y1, this._y1 = this._y2, this._y2 = y;\n }\n};\n\nexport default (function custom(alpha) {\n\n function catmullRom(context) {\n return alpha ? new CatmullRomOpen(context, alpha) : new CardinalOpen(context, 0);\n }\n\n catmullRom.alpha = function(alpha) {\n return custom(+alpha);\n };\n\n return catmullRom;\n})(0.5);\n","import none from \"./none.js\";\n\nexport default function(series) {\n var sums = series.map(sum);\n return none(series).sort(function(a, b) { return sums[a] - sums[b]; });\n}\n\nexport function sum(series) {\n var s = 0, i = -1, n = series.length, v;\n while (++i < n) if (v = +series[i][1]) s += v;\n return s;\n}\n","import none from \"./none.js\";\n\nexport default function(series) {\n var peaks = series.map(peak);\n return none(series).sort(function(a, b) { return peaks[a] - peaks[b]; });\n}\n\nfunction peak(series) {\n var i = -1, j = 0, n = series.length, vi, vj = -Infinity;\n while (++i < n) if ((vi = +series[i][1]) > vj) vj = vi, j = i;\n return j;\n}\n","import appearance from \"./appearance.js\";\nimport {sum} from \"./ascending.js\";\n\nexport default function(series) {\n var n = series.length,\n i,\n j,\n sums = series.map(sum),\n order = appearance(series),\n top = 0,\n bottom = 0,\n tops = [],\n bottoms = [];\n\n for (i = 0; i < n; ++i) {\n j = order[i];\n if (top < bottom) {\n top += sums[j];\n tops.push(j);\n } else {\n bottom += sums[j];\n bottoms.push(j);\n }\n }\n\n return bottoms.reverse().concat(tops);\n}\n","/*\n * This file is part of the nivo project.\n *\n * Copyright 2016-present, Raphaël Benitte.\n *\n * For the full copyright and license information, please view the LICENSE\n * file that was distributed with this source code.\n */\nimport PropTypes from 'prop-types'\n\nconst textProps = {\n fill: PropTypes.string,\n fontSize: PropTypes.number,\n fontFamily: PropTypes.string,\n}\n\nexport const axisThemePropType = PropTypes.shape({\n domain: PropTypes.shape({\n line: PropTypes.shape({\n stroke: PropTypes.string.isRequired,\n strokeWidth: PropTypes.number.isRequired,\n strokeDasharray: PropTypes.string,\n }).isRequired,\n }).isRequired,\n ticks: PropTypes.shape({\n line: PropTypes.shape({\n stroke: PropTypes.string.isRequired,\n strokeWidth: PropTypes.number.isRequired,\n strokeDasharray: PropTypes.string,\n }).isRequired,\n text: PropTypes.shape({ ...textProps }).isRequired,\n }).isRequired,\n legend: PropTypes.shape({\n text: PropTypes.shape({ ...textProps }).isRequired,\n }).isRequired,\n})\n\nexport const gridThemePropType = PropTypes.shape({\n line: PropTypes.shape({\n stroke: PropTypes.string.isRequired,\n strokeWidth: PropTypes.number.isRequired,\n strokeDasharray: PropTypes.string,\n }).isRequired,\n})\n\nexport const legendsThemePropType = PropTypes.shape({\n hidden: PropTypes.shape({\n symbol: PropTypes.shape({\n fill: PropTypes.string.isRequired,\n opacity: PropTypes.number,\n }).isRequired,\n text: PropTypes.shape({ ...textProps, opacity: PropTypes.number }).isRequired,\n }).isRequired,\n text: PropTypes.shape({ ...textProps }).isRequired,\n})\n\nexport const labelsThemePropType = PropTypes.shape({\n text: PropTypes.shape({ ...textProps }).isRequired,\n})\n\nexport const dotsThemePropType = PropTypes.shape({\n text: PropTypes.shape({ ...textProps }).isRequired,\n})\n\nexport const markersThemePropType = PropTypes.shape({\n text: PropTypes.shape({ ...textProps }).isRequired,\n})\n\nexport const crosshairPropType = PropTypes.shape({\n line: PropTypes.shape({\n stroke: PropTypes.string.isRequired,\n strokeWidth: PropTypes.number.isRequired,\n strokeDasharray: PropTypes.string,\n }).isRequired,\n})\n\nexport const annotationsPropType = PropTypes.shape({\n text: PropTypes.shape({\n ...textProps,\n outlineWidth: PropTypes.number.isRequired,\n outlineColor: PropTypes.string.isRequired,\n }).isRequired,\n link: PropTypes.shape({\n stroke: PropTypes.string.isRequired,\n strokeWidth: PropTypes.number.isRequired,\n outlineWidth: PropTypes.number.isRequired,\n outlineColor: PropTypes.string.isRequired,\n }).isRequired,\n outline: PropTypes.shape({\n stroke: PropTypes.string.isRequired,\n strokeWidth: PropTypes.number.isRequired,\n outlineWidth: PropTypes.number.isRequired,\n outlineColor: PropTypes.string.isRequired,\n }).isRequired,\n symbol: PropTypes.shape({\n fill: PropTypes.string.isRequired,\n outlineWidth: PropTypes.number.isRequired,\n outlineColor: PropTypes.string.isRequired,\n }).isRequired,\n})\n\nexport const themePropType = PropTypes.shape({\n background: PropTypes.string.isRequired,\n fontFamily: PropTypes.string.isRequired,\n fontSize: PropTypes.number.isRequired,\n textColor: PropTypes.string.isRequired,\n axis: axisThemePropType.isRequired,\n grid: gridThemePropType.isRequired,\n legends: legendsThemePropType.isRequired,\n labels: labelsThemePropType.isRequired,\n dots: dotsThemePropType.isRequired,\n markers: markersThemePropType,\n crosshair: crosshairPropType.isRequired,\n annotations: annotationsPropType.isRequired,\n})\n","/*\n * This file is part of the nivo project.\n *\n * Copyright 2016-present, Raphaël Benitte.\n *\n * For the full copyright and license information, please view the LICENSE\n * file that was distributed with this source code.\n */\nexport const defaultTheme = {\n background: 'transparent',\n fontFamily: 'sans-serif',\n fontSize: 11,\n textColor: '#333333',\n axis: {\n domain: {\n line: {\n stroke: 'transparent',\n strokeWidth: 1,\n },\n },\n ticks: {\n line: {\n stroke: '#777777',\n strokeWidth: 1,\n },\n text: {},\n },\n legend: {\n text: {\n fontSize: 12,\n },\n },\n },\n grid: {\n line: {\n stroke: '#dddddd',\n strokeWidth: 1,\n },\n },\n legends: {\n hidden: {\n symbol: {\n fill: '#333333',\n opacity: 0.6,\n },\n text: {\n fill: '#333333',\n opacity: 0.6,\n },\n },\n text: {},\n ticks: {\n line: {\n stroke: '#777777',\n strokeWidth: 1,\n },\n text: {\n fontSize: 10,\n },\n },\n title: {\n text: {},\n },\n },\n labels: {\n text: {},\n },\n markers: {\n lineColor: '#000000',\n lineStrokeWidth: 1,\n text: {},\n },\n dots: {\n text: {},\n },\n tooltip: {\n container: {\n background: 'white',\n color: 'inherit',\n fontSize: 'inherit',\n borderRadius: '2px',\n boxShadow: '0 1px 2px rgba(0, 0, 0, 0.25)',\n padding: '5px 9px',\n },\n basic: {\n whiteSpace: 'pre',\n display: 'flex',\n alignItems: 'center',\n },\n chip: {\n marginRight: 7,\n },\n table: {},\n tableCell: {\n padding: '3px 5px',\n },\n tableCellValue: {\n fontWeight: 'bold',\n },\n },\n crosshair: {\n line: {\n stroke: '#000000',\n strokeWidth: 1,\n strokeOpacity: 0.75,\n strokeDasharray: '6 6',\n },\n },\n annotations: {\n text: {\n fontSize: 13,\n outlineWidth: 2,\n outlineColor: '#ffffff',\n outlineOpacity: 1,\n },\n link: {\n stroke: '#000000',\n strokeWidth: 1,\n outlineWidth: 2,\n outlineColor: '#ffffff',\n outlineOpacity: 1,\n },\n outline: {\n fill: 'none',\n stroke: '#000000',\n strokeWidth: 2,\n outlineWidth: 2,\n outlineColor: '#ffffff',\n outlineOpacity: 1,\n },\n symbol: {\n fill: '#000000',\n outlineWidth: 2,\n outlineColor: '#ffffff',\n outlineOpacity: 1,\n },\n },\n}\n","/*\n * This file is part of the nivo project.\n *\n * Copyright 2016-present, Raphaël Benitte.\n *\n * For the full copyright and license information, please view the LICENSE\n * file that was distributed with this source code.\n */\nimport merge from 'lodash/merge'\nimport get from 'lodash/get'\nimport set from 'lodash/set'\n\nconst fontProps = [\n 'axis.ticks.text',\n 'axis.legend.text',\n 'legends.title.text',\n 'legends.text',\n 'legends.ticks.text',\n 'legends.title.text',\n 'labels.text',\n 'dots.text',\n 'markers.text',\n 'annotations.text',\n]\n\nexport const extendDefaultTheme = (defaultTheme, customTheme) => {\n const theme = merge({}, defaultTheme, customTheme)\n\n fontProps.forEach(prop => {\n if (get(theme, `${prop}.fontFamily`) === undefined) {\n set(theme, `${prop}.fontFamily`, theme.fontFamily)\n }\n if (get(theme, `${prop}.fontSize`) === undefined) {\n set(theme, `${prop}.fontSize`, theme.fontSize)\n }\n if (get(theme, `${prop}.fill`) === undefined) {\n set(theme, `${prop}.fill`, theme.textColor)\n }\n })\n\n return theme\n}\n","import { createContext, useMemo } from 'react'\nimport { isString } from 'lodash'\nimport PropTypes from 'prop-types'\nimport { config as presets } from '@react-spring/web'\n\nexport const motionConfigContext = createContext()\n\nexport const MotionConfigProvider = ({ children, animate, config }) => {\n const value = useMemo(() => {\n const reactSpringConfig = isString(config) ? presets[config] : config\n\n return {\n animate,\n config: reactSpringConfig,\n }\n }, [animate, config])\n\n return {children}\n}\n\nexport const motionPropTypes = {\n animate: PropTypes.bool,\n motionConfig: PropTypes.oneOfType([\n PropTypes.oneOf(Object.keys(presets)),\n PropTypes.shape({\n mass: PropTypes.number,\n tension: PropTypes.number,\n friction: PropTypes.number,\n clamp: PropTypes.bool,\n precision: PropTypes.number,\n velocity: PropTypes.number,\n duration: PropTypes.number,\n easing: PropTypes.func,\n }),\n ]),\n}\n\nMotionConfigProvider.propTypes = {\n children: PropTypes.node.isRequired,\n animate: motionPropTypes.animate,\n config: motionPropTypes.motionConfig,\n}\n\nexport const motionDefaultProps = {\n animate: true,\n config: 'default',\n}\n\nMotionConfigProvider.defaultProps = motionDefaultProps\n","/*\n * This file is part of the nivo project.\n *\n * Copyright 2016-present, Raphaël Benitte.\n *\n * For the full copyright and license information, please view the LICENSE\n * file that was distributed with this source code.\n */\nimport { useContext } from 'react'\nimport { motionConfigContext } from './context'\n\nexport const useMotionConfig = () => useContext(motionConfigContext)\n","import { interpolateString } from 'd3-interpolate'\nimport { useEffect, useMemo, useRef } from 'react'\nimport { useSpring, to } from '@react-spring/web'\nimport { useMotionConfig } from '../motion'\n\nconst usePrevious = value => {\n const ref = useRef()\n\n useEffect(() => {\n ref.current = value\n }, [value])\n\n return ref.current\n}\n\nexport const useAnimatedPath = path => {\n const { animate, config: springConfig } = useMotionConfig()\n\n const previousPath = usePrevious(path)\n const interpolator = useMemo(() => interpolateString(previousPath, path), [previousPath, path])\n\n const { value } = useSpring({\n from: { value: 0 },\n to: { value: 1 },\n reset: true,\n config: springConfig,\n immediate: !animate,\n })\n\n return to(value, interpolator)\n}\n","/*\n * This file is part of the nivo project.\n *\n * Copyright 2016-present, Raphaël Benitte.\n *\n * For the full copyright and license information, please view the LICENSE\n * file that was distributed with this source code.\n */\nimport last from 'lodash/last'\nimport isArray from 'lodash/isArray'\nimport isFunction from 'lodash/isFunction'\nimport { scaleQuantize } from 'd3-scale'\nimport {\n // Diverging\n schemeBrBG,\n schemePRGn,\n schemePiYG,\n schemePuOr,\n schemeRdBu,\n schemeRdGy,\n schemeRdYlBu,\n schemeRdYlGn,\n schemeSpectral,\n\n // Sequential (Single Hue)\n schemeBlues,\n schemeGreens,\n schemeGreys,\n schemeOranges,\n schemePurples,\n schemeReds,\n\n // Sequential (Multi-Hue)\n schemeBuGn,\n schemeBuPu,\n schemeGnBu,\n schemeOrRd,\n schemePuBuGn,\n schemePuBu,\n schemePuRd,\n schemeRdPu,\n schemeYlGnBu,\n schemeYlGn,\n schemeYlOrBr,\n schemeYlOrRd,\n} from 'd3-scale-chromatic'\n\nexport const quantizeColorScales = {\n nivo: ['#d76445', '#f47560', '#e8c1a0', '#97e3d5', '#61cdbb', '#00b0a7'],\n\n // Diverging\n BrBG: last(schemeBrBG),\n PRGn: last(schemePRGn),\n PiYG: last(schemePiYG),\n PuOr: last(schemePuOr),\n RdBu: last(schemeRdBu),\n RdGy: last(schemeRdGy),\n RdYlBu: last(schemeRdYlBu),\n RdYlGn: last(schemeRdYlGn),\n spectral: last(schemeSpectral),\n\n // Sequential (Single Hue)\n blues: last(schemeBlues),\n greens: last(schemeGreens),\n greys: last(schemeGreys),\n oranges: last(schemeOranges),\n purples: last(schemePurples),\n reds: last(schemeReds),\n\n // Sequential (Multi-Hue)\n BuGn: last(schemeBuGn),\n BuPu: last(schemeBuPu),\n GnBu: last(schemeGnBu),\n OrRd: last(schemeOrRd),\n PuBuGn: last(schemePuBuGn),\n PuBu: last(schemePuBu),\n PuRd: last(schemePuRd),\n RdPu: last(schemeRdPu),\n YlGnBu: last(schemeYlGnBu),\n YlGn: last(schemeYlGn),\n YlOrBr: last(schemeYlOrBr),\n YlOrRd: last(schemeYlOrRd),\n}\n\nexport const quantizeColorScalesKeys = Object.keys(quantizeColorScales)\n\nexport const guessQuantizeColorScale = colors => {\n // colors is already a valid scale\n if (isFunction(colors)) {\n if (!isFunction(colors.domain)) {\n throw new Error(\n `Provided colors should be a valid quantize scale providing a 'domain()' function`\n )\n }\n\n return colors\n }\n\n if (quantizeColorScales[colors]) {\n // use predefined d3 quantize color scale\n return scaleQuantize().range(quantizeColorScales[colors])\n }\n\n // user defined colors\n if (isArray(colors)) return scaleQuantize().range(colors)\n\n throw new Error(\n `Unable to guess quantize color scale from '${colors}',\\nmust be a function or one of:\\n'${quantizeColorScalesKeys.join(\n `', '`\n )}'`\n )\n}\n","import PropTypes from 'prop-types'\nimport without from 'lodash/without'\nimport {\n curveBasis,\n curveBasisClosed,\n curveBasisOpen,\n curveBundle,\n curveCardinal,\n curveCardinalClosed,\n curveCardinalOpen,\n curveCatmullRom,\n curveCatmullRomClosed,\n curveCatmullRomOpen,\n curveLinear,\n curveLinearClosed,\n curveMonotoneX,\n curveMonotoneY,\n curveNatural,\n curveStep,\n curveStepAfter,\n curveStepBefore,\n} from 'd3-shape'\n\nexport const curvePropMapping = {\n basis: curveBasis,\n basisClosed: curveBasisClosed,\n basisOpen: curveBasisOpen,\n bundle: curveBundle,\n cardinal: curveCardinal,\n cardinalClosed: curveCardinalClosed,\n cardinalOpen: curveCardinalOpen,\n catmullRom: curveCatmullRom,\n catmullRomClosed: curveCatmullRomClosed,\n catmullRomOpen: curveCatmullRomOpen,\n linear: curveLinear,\n linearClosed: curveLinearClosed,\n monotoneX: curveMonotoneX,\n monotoneY: curveMonotoneY,\n natural: curveNatural,\n step: curveStep,\n stepAfter: curveStepAfter,\n stepBefore: curveStepBefore,\n}\n\nexport const curvePropKeys = Object.keys(curvePropMapping)\n\nexport const curvePropType = PropTypes.oneOf(curvePropKeys)\n\nexport const closedCurvePropKeys = curvePropKeys.filter(c => c.endsWith('Closed'))\n\n// Safe curves to be used with d3 area shape generator\nexport const areaCurvePropKeys = without(\n curvePropKeys,\n 'bundle',\n 'basisClosed',\n 'basisOpen',\n 'cardinalClosed',\n 'cardinalOpen',\n 'catmullRomClosed',\n 'catmullRomOpen',\n 'linearClosed'\n)\n\n// Safe curves to be used with d3 line shape generator\nexport const lineCurvePropKeys = without(\n curvePropKeys,\n 'bundle',\n 'basisClosed',\n 'basisOpen',\n 'cardinalClosed',\n 'cardinalOpen',\n 'catmullRomClosed',\n 'catmullRomOpen',\n 'linearClosed'\n)\n\nexport const lineCurvePropType = PropTypes.oneOf(lineCurvePropKeys)\n\n/**\n * Returns curve interpolator from given identifier.\n *\n * @param {string} id - Curve interpolator identifier\n * @return {Function}\n */\nexport const curveFromProp = id => {\n const curveInterpolator = curvePropMapping[id]\n if (!curveInterpolator) {\n throw new TypeError(`'${id}', is not a valid curve interpolator identifier.`)\n }\n\n return curvePropMapping[id]\n}\n","/*\n * This file is part of the nivo project.\n *\n * Copyright 2016-present, Raphaël Benitte.\n *\n * For the full copyright and license information, please view the LICENSE\n * file that was distributed with this source code.\n */\nimport last from 'lodash/last'\nimport isArray from 'lodash/isArray'\nimport isString from 'lodash/isString'\nimport { scaleOrdinal, scaleSequential } from 'd3-scale'\nimport {\n // categorical\n schemeCategory10,\n schemeAccent,\n schemeDark2,\n schemePaired,\n schemePastel1,\n schemePastel2,\n schemeSet1,\n schemeSet2,\n schemeSet3,\n // diverging\n interpolateBrBG,\n schemeBrBG,\n interpolatePRGn,\n schemePRGn,\n interpolatePiYG,\n schemePiYG,\n interpolatePuOr,\n schemePuOr,\n interpolateRdBu,\n schemeRdBu,\n interpolateRdGy,\n schemeRdGy,\n interpolateRdYlBu,\n schemeRdYlBu,\n interpolateRdYlGn,\n schemeRdYlGn,\n interpolateSpectral,\n schemeSpectral,\n // sequential single hue\n interpolateBlues,\n schemeBlues,\n interpolateGreens,\n schemeGreens,\n interpolateGreys,\n schemeGreys,\n interpolateOranges,\n schemeOranges,\n interpolatePurples,\n schemePurples,\n interpolateReds,\n schemeReds,\n // sequential multi hue\n interpolateViridis,\n interpolateInferno,\n interpolateMagma,\n interpolatePlasma,\n interpolateWarm,\n interpolateCool,\n interpolateCubehelixDefault,\n interpolateBuGn,\n schemeBuGn,\n interpolateBuPu,\n schemeBuPu,\n interpolateGnBu,\n schemeGnBu,\n interpolateOrRd,\n schemeOrRd,\n interpolatePuBuGn,\n schemePuBuGn,\n interpolatePuBu,\n schemePuBu,\n interpolatePuRd,\n schemePuRd,\n interpolateRdPu,\n schemeRdPu,\n interpolateYlGnBu,\n schemeYlGnBu,\n interpolateYlGn,\n schemeYlGn,\n interpolateYlOrBr,\n schemeYlOrBr,\n interpolateYlOrRd,\n schemeYlOrRd,\n // cyclical\n interpolateRainbow,\n interpolateSinebow,\n} from 'd3-scale-chromatic'\n\n// used for ordinal color scales\nconst colorSchemes = {\n nivo: ['#e8c1a0', '#f47560', '#f1e15b', '#e8a838', '#61cdbb', '#97e3d5'],\n // categorical\n category10: schemeCategory10,\n accent: schemeAccent,\n dark2: schemeDark2,\n paired: schemePaired,\n pastel1: schemePastel1,\n pastel2: schemePastel2,\n set1: schemeSet1,\n set2: schemeSet2,\n set3: schemeSet3,\n // diverging\n brown_blueGreen: last(schemeBrBG),\n purpleRed_green: last(schemePRGn),\n pink_yellowGreen: last(schemePiYG),\n purple_orange: last(schemePuOr),\n red_blue: last(schemeRdBu),\n red_grey: last(schemeRdGy),\n red_yellow_blue: last(schemeRdYlBu),\n red_yellow_green: last(schemeRdYlGn),\n spectral: last(schemeSpectral),\n // sequential single hue\n blues: last(schemeBlues),\n greens: last(schemeGreens),\n greys: last(schemeGreys),\n oranges: last(schemeOranges),\n purples: last(schemePurples),\n reds: last(schemeReds),\n // sequential multi hue\n blue_green: last(schemeBuGn),\n blue_purple: last(schemeBuPu),\n green_blue: last(schemeGnBu),\n orange_red: last(schemeOrRd),\n purple_blue_green: last(schemePuBuGn),\n purple_blue: last(schemePuBu),\n purple_red: last(schemePuRd),\n red_purple: last(schemeRdPu),\n yellow_green_blue: last(schemeYlGnBu),\n yellow_green: last(schemeYlGn),\n yellow_orange_brown: last(schemeYlOrBr),\n yellow_orange_red: last(schemeYlOrRd),\n}\n\nexport const colorSchemeIds = [\n 'nivo',\n // categorical\n 'category10',\n 'accent',\n 'dark2',\n 'paired',\n 'pastel1',\n 'pastel2',\n 'set1',\n 'set2',\n 'set3',\n // diverging\n 'brown_blueGreen',\n 'purpleRed_green',\n 'pink_yellowGreen',\n 'purple_orange',\n 'red_blue',\n 'red_grey',\n 'red_yellow_blue',\n 'red_yellow_green',\n 'spectral',\n // sequential single hue\n 'blues',\n 'greens',\n 'greys',\n 'oranges',\n 'purples',\n 'reds',\n // sequential multi hue\n 'blue_green',\n 'blue_purple',\n 'green_blue',\n 'orange_red',\n 'purple_blue_green',\n 'purple_blue',\n 'purple_red',\n 'red_purple',\n 'yellow_green_blue',\n 'yellow_green',\n 'yellow_orange_brown',\n 'yellow_orange_red',\n]\n\n// used for sequential color scales\nexport const colorInterpolators = {\n // diverging\n brown_blueGreen: interpolateBrBG,\n purpleRed_green: interpolatePRGn,\n pink_yellowGreen: interpolatePiYG,\n purple_orange: interpolatePuOr,\n red_blue: interpolateRdBu,\n red_grey: interpolateRdGy,\n red_yellow_blue: interpolateRdYlBu,\n red_yellow_green: interpolateRdYlGn,\n spectral: interpolateSpectral,\n // sequential single hue\n blues: interpolateBlues,\n greens: interpolateGreens,\n greys: interpolateGreys,\n oranges: interpolateOranges,\n purples: interpolatePurples,\n reds: interpolateReds,\n // sequential multi hue\n viridis: interpolateViridis,\n inferno: interpolateInferno,\n magma: interpolateMagma,\n plasma: interpolatePlasma,\n warm: interpolateWarm,\n cool: interpolateCool,\n cubehelixDefault: interpolateCubehelixDefault,\n blue_green: interpolateBuGn,\n blue_purple: interpolateBuPu,\n green_blue: interpolateGnBu,\n orange_red: interpolateOrRd,\n purple_blue_green: interpolatePuBuGn,\n purple_blue: interpolatePuBu,\n purple_red: interpolatePuRd,\n red_purple: interpolateRdPu,\n yellow_green_blue: interpolateYlGnBu,\n yellow_green: interpolateYlGn,\n yellow_orange_brown: interpolateYlOrBr,\n yellow_orange_red: interpolateYlOrRd,\n // cyclical\n rainbow: interpolateRainbow,\n sinebow: interpolateSinebow,\n}\n\nexport const colorInterpolatorIds = [\n // diverging\n 'brown_blueGreen',\n 'purpleRed_green',\n 'pink_yellowGreen',\n 'purple_orange',\n 'red_blue',\n 'red_grey',\n 'red_yellow_blue',\n 'red_yellow_green',\n 'spectral',\n // sequential single hue\n 'blues',\n 'greens',\n 'greys',\n 'oranges',\n 'purples',\n 'reds',\n // sequential multi hue\n 'viridis',\n 'inferno',\n 'magma',\n 'plasma',\n 'warm',\n 'cool',\n 'cubehelixDefault',\n 'blue_green',\n 'blue_purple',\n 'green_blue',\n 'orange_red',\n 'purple_blue_green',\n 'purple_blue',\n 'purple_red',\n 'red_purple',\n 'yellow_green_blue',\n 'yellow_green',\n 'yellow_orange_brown',\n 'yellow_orange_red',\n // cyclical\n 'rainbow',\n 'sinebow',\n]\n\nexport const nivoCategoricalColors = () =>\n scaleOrdinal(['#e8c1a0', '#f47560', '#f1e15b', '#e8a838', '#61cdbb', '#97e3d5'])\n\nexport const getColorScale = (colors, dataScale) => {\n if (isString(colors)) {\n const scheme = colorSchemes[colors]\n if (scheme !== undefined) {\n const scale = scaleOrdinal(scheme)\n scale.type = 'ordinal'\n\n return scale\n }\n\n if (dataScale !== undefined && colors.indexOf('seq:') === 0) {\n const interpolator = colorInterpolators[colors.slice(4)]\n if (interpolator !== undefined) {\n const scale = scaleSequential(interpolator).domain(dataScale.domain())\n scale.type = 'sequential'\n\n return scale\n }\n }\n }\n\n if (isArray(colors)) {\n const scale = scaleOrdinal(colors)\n scale.type = 'ordinal'\n\n return scale\n }\n\n // just use provided value,\n // all elements will have identical color\n return () => colors\n}\n\nexport * from './quantize'\n","import PropTypes from 'prop-types'\nimport { quantizeColorScalesKeys } from '../lib/colors'\n\nexport const quantizeColorScalePropType = PropTypes.oneOfType([\n PropTypes.oneOf(quantizeColorScalesKeys),\n PropTypes.func,\n PropTypes.arrayOf(PropTypes.string),\n])\n","import PropTypes from 'prop-types'\n\nexport const defsPropTypes = {\n defs: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n })\n ).isRequired,\n fill: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n match: PropTypes.oneOfType([PropTypes.oneOf(['*']), PropTypes.object, PropTypes.func])\n .isRequired,\n })\n ).isRequired,\n}\n","import PropTypes from 'prop-types'\nimport {\n // order\n stackOrderAscending,\n stackOrderDescending,\n stackOrderInsideOut,\n stackOrderNone,\n stackOrderReverse,\n // offset\n stackOffsetExpand,\n stackOffsetDiverging,\n stackOffsetNone,\n stackOffsetSilhouette,\n stackOffsetWiggle,\n} from 'd3-shape'\n\nexport const stackOrderPropMapping = {\n ascending: stackOrderAscending,\n descending: stackOrderDescending,\n insideOut: stackOrderInsideOut,\n none: stackOrderNone,\n reverse: stackOrderReverse,\n}\n\nexport const stackOrderPropKeys = Object.keys(stackOrderPropMapping)\n\nexport const stackOrderPropType = PropTypes.oneOf(stackOrderPropKeys)\n\nexport const stackOrderFromProp = prop => stackOrderPropMapping[prop]\n\nexport const stackOffsetPropMapping = {\n expand: stackOffsetExpand,\n diverging: stackOffsetDiverging,\n none: stackOffsetNone,\n silhouette: stackOffsetSilhouette,\n wiggle: stackOffsetWiggle,\n}\n\nexport const stackOffsetPropKeys = Object.keys(stackOffsetPropMapping)\n\nexport const stackOffsetPropType = PropTypes.oneOf(stackOffsetPropKeys)\n\nexport const stackOffsetFromProp = prop => stackOffsetPropMapping[prop]\n","import ascending from \"./ascending.js\";\n\nexport default function(series) {\n return ascending(series).reverse();\n}\n","import none from \"./none.js\";\n\nexport default function(series) {\n return none(series).reverse();\n}\n","import PropTypes from 'prop-types'\n\nexport const marginPropType = PropTypes.shape({\n top: PropTypes.number,\n right: PropTypes.number,\n bottom: PropTypes.number,\n left: PropTypes.number,\n}).isRequired\n\nexport const blendModes = [\n 'normal',\n 'multiply',\n 'screen',\n 'overlay',\n 'darken',\n 'lighten',\n 'color-dodge',\n 'color-burn',\n 'hard-light',\n 'soft-light',\n 'difference',\n 'exclusion',\n 'hue',\n 'saturation',\n 'color',\n 'luminosity',\n]\n\nexport const blendModePropType = PropTypes.oneOf(blendModes)\n\nexport * from './colors'\nexport * from './curve'\nexport * from './defs'\nexport * from './stack'\n","import { scaleOrdinal } from 'd3-scale'\nimport { schemeSet3 } from 'd3-scale-chromatic'\nimport { nivoCategoricalColors } from '../lib/colors'\n\n// motion\nexport const defaultAnimate = true\n\n// colors\nexport const defaultCategoricalColors = nivoCategoricalColors\nexport const defaultColorRange = scaleOrdinal(schemeSet3)\n\n// margin\nexport const defaultMargin = {\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n}\n","import { useMemo } from 'react'\nimport { defaultMargin } from '../defaults'\n\nexport const useDimensions = (width, height, partialMargin = {}) =>\n useMemo(() => {\n const margin = {\n ...defaultMargin,\n ...partialMargin,\n }\n\n return {\n margin,\n innerWidth: width - margin.left - margin.right,\n innerHeight: height - margin.top - margin.bottom,\n outerWidth: width,\n outerHeight: height,\n }\n }, [\n width,\n height,\n partialMargin.top,\n partialMargin.right,\n partialMargin.bottom,\n partialMargin.left,\n ])\n","import { useRef, useState, useEffect } from 'react'\n\nexport const useMeasure = () => {\n const measureRef = useRef(null)\n\n const [bounds, setBounds] = useState({\n left: 0,\n top: 0,\n width: 0,\n height: 0,\n })\n\n const [observer] = useState(() => {\n // Check if ResizeObserver is defined in current env (could be browser, node.js, jsdom etc.).\n if (typeof ResizeObserver === 'undefined') return null\n\n return new ResizeObserver(([entry]) => setBounds(entry.contentRect))\n })\n\n useEffect(() => {\n if (measureRef.current && observer !== null) {\n observer.observe(measureRef.current)\n }\n\n return () => {\n if (observer !== null) observer.disconnect()\n }\n }, [])\n\n return [measureRef, bounds]\n}\n","import { useMemo } from 'react'\nimport { defaultTheme, extendDefaultTheme } from '../theming'\n\nexport const usePartialTheme = partialTheme =>\n useMemo(() => extendDefaultTheme(defaultTheme, partialTheme), [partialTheme])\n","import { useMemo } from 'react'\nimport { format as d3Format } from 'd3-format'\nimport { timeFormat as d3TimeFormat } from 'd3-time-format'\n\nexport const getValueFormatter = format => {\n // user defined function\n if (typeof format === 'function') return format\n\n if (typeof format === 'string') {\n // time format specifier\n if (format.indexOf('time:') === 0) {\n return d3TimeFormat(format.slice('5'))\n }\n\n // standard format specifier\n return d3Format(format)\n }\n\n // no formatting\n return value => `${value}`\n}\n\nexport const useValueFormatter = format => useMemo(() => getValueFormatter(format), [format])\n","/*\n * This file is part of the nivo project.\n *\n * Copyright 2016-present, Raphaël Benitte.\n *\n * For the full copyright and license information, please view the LICENSE\n * file that was distributed with this source code.\n */\nimport { createContext, useContext } from 'react'\nimport PropTypes from 'prop-types'\nimport { usePartialTheme } from '../hooks'\n\nexport const themeContext = createContext()\n\n// required to preserve equality\nconst defaultPartialTheme = {}\n\nexport const ThemeProvider = ({ theme: partialTheme = defaultPartialTheme, children }) => {\n const theme = usePartialTheme(partialTheme)\n\n return {children}\n}\n\nThemeProvider.propTypes = {\n children: PropTypes.node.isRequired,\n theme: PropTypes.object,\n}\n\nexport const useTheme = () => useContext(themeContext)\n","import { cloneElement } from 'react'\nimport PropTypes from 'prop-types'\n\n// type ConditionalWrapperProps = {\n// children: JSX.Element\n// condition: boolean\n// wrapper: (children: JSX.Element) => JSX.Element\n// }\n\nexport const ConditionalWrapper = ({ children, condition, wrapper }) => {\n if (!condition) return children\n\n return cloneElement(wrapper, {}, children)\n}\n\nConditionalWrapper.propTypes = {\n children: PropTypes.node.isRequired,\n condition: PropTypes.bool.isRequired,\n wrapper: PropTypes.element.isRequired,\n}\n","import { useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport { TooltipProvider, Tooltip } from '@nivo/tooltip'\nimport { ThemeProvider } from '../theming'\nimport { MotionConfigProvider } from '../motion'\nimport { ConditionalWrapper } from './ConditionalWrapper'\n\nconst containerStyle = {\n position: 'relative',\n}\n\nexport const Container = ({\n children,\n theme,\n renderWrapper = true,\n isInteractive = true,\n animate,\n motionConfig,\n}) => {\n const container = useRef(null)\n\n return (\n \n \n \n {/* we should not render the div element if using the HTTP API */}\n }\n >\n {children}\n {isInteractive && }\n \n \n \n \n )\n}\n\nContainer.propTypes = {\n children: PropTypes.element.isRequired,\n isInteractive: PropTypes.bool,\n renderWrapper: PropTypes.bool,\n theme: PropTypes.object,\n animate: PropTypes.bool,\n motionConfig: PropTypes.string,\n}\n\nexport default Container\n","import { useRef, useMemo, useCallback } from 'react'\nimport PropTypes from 'prop-types'\nimport {\n TooltipActionsContext,\n TooltipStateContext,\n useTooltipHandlers,\n Tooltip,\n} from '@nivo/tooltip'\nimport noop from '../lib/noop'\nimport { ThemeProvider } from '../theming'\nimport { MotionConfigProvider } from '../motion'\nimport { ConditionalWrapper } from './ConditionalWrapper'\n\nconst containerStyle = {\n position: 'relative',\n}\n\n/**\n * This component should only be used when relying on render props,\n * passing `showTooltip`, `hideTooltip`, but you should use the regular\n * `Container` component.\n *\n * @deprecated\n */\nexport const LegacyContainer = ({\n children,\n theme,\n isInteractive = true,\n renderWrapper = true,\n animate,\n motionConfig,\n}) => {\n const container = useRef(null)\n const { actions: tooltipActions, state: tooltipState } = useTooltipHandlers(container)\n\n const showTooltip = useCallback(\n (content, event) => tooltipActions.showTooltipFromEvent(content, event),\n [tooltipActions.showTooltipFromEvent]\n )\n\n const handlers = useMemo(\n () => ({\n showTooltip: isInteractive ? showTooltip : noop,\n hideTooltip: isInteractive ? tooltipActions.hideTooltip : noop,\n }),\n [tooltipActions.hideTooltip, isInteractive, showTooltip]\n )\n\n return (\n \n \n \n \n {/* we should not render the div element if using the HTTP API */}\n }\n >\n {children(handlers)}\n {isInteractive && }\n \n \n \n \n \n )\n}\n\nLegacyContainer.propTypes = {\n children: PropTypes.func.isRequired,\n isInteractive: PropTypes.bool,\n renderWrapper: PropTypes.bool,\n theme: PropTypes.object.isRequired,\n animate: PropTypes.bool.isRequired,\n motionConfig: PropTypes.string,\n}\n","/*\n * This file is part of the nivo project.\n *\n * Copyright 2016-present, Raphaël Benitte.\n *\n * For the full copyright and license information, please view the LICENSE\n * file that was distributed with this source code.\n */\nimport PropTypes from 'prop-types'\nimport { useMeasure } from '../hooks'\n\nconst ResponsiveWrapper = ({ children }) => {\n const [measureRef, bounds] = useMeasure()\n const shouldRender = bounds.width > 0 && bounds.height > 0\n\n return (\n \n {shouldRender && children({ width: bounds.width, height: bounds.height })}\n
\n )\n}\n\nResponsiveWrapper.propTypes = {\n children: PropTypes.func.isRequired,\n}\n\nexport default ResponsiveWrapper\n","/*\n * This file is part of the nivo project.\n *\n * Copyright 2016-present, Raphaël Benitte.\n *\n * For the full copyright and license information, please view the LICENSE\n * file that was distributed with this source code.\n */\nimport PropTypes from 'prop-types'\n\nexport const LinearGradient = ({ id, colors, ...rest }) => (\n \n {colors.map(({ offset, color, opacity }) => (\n \n ))}\n \n)\n\nLinearGradient.propTypes = {\n id: PropTypes.string.isRequired,\n colors: PropTypes.arrayOf(\n PropTypes.shape({\n offset: PropTypes.number.isRequired,\n color: PropTypes.string.isRequired,\n opacity: PropTypes.number,\n })\n ).isRequired,\n gradientTransform: PropTypes.string,\n}\n\nexport const linearGradientDef = (id, colors, options = {}) => ({\n id,\n type: 'linearGradient',\n colors,\n ...options,\n})\n","/*\n * This file is part of the nivo project.\n *\n * Copyright 2016-present, Raphaël Benitte.\n *\n * For the full copyright and license information, please view the LICENSE\n * file that was distributed with this source code.\n */\nimport { LinearGradient } from './LinearGradient'\n\nexport const gradientTypes = {\n linearGradient: LinearGradient,\n}\n\nexport * from './LinearGradient'\n","import { memo } from 'react'\nimport PropTypes from 'prop-types'\n\nexport const PatternDots = memo(({ id, background, color, size, padding, stagger }) => {\n let fullSize = size + padding\n const radius = size / 2\n const halfPadding = padding / 2\n if (stagger === true) {\n fullSize = size * 2 + padding * 2\n }\n\n return (\n \n \n \n {stagger && (\n \n )}\n \n )\n})\n\nPatternDots.displayName = 'PatternDots'\nPatternDots.propTypes = {\n id: PropTypes.string.isRequired,\n color: PropTypes.string.isRequired,\n background: PropTypes.string.isRequired,\n size: PropTypes.number.isRequired,\n padding: PropTypes.number.isRequired,\n stagger: PropTypes.bool.isRequired,\n}\n\nPatternDots.defaultProps = {\n color: '#000000',\n background: '#ffffff',\n size: 4,\n padding: 4,\n stagger: false,\n}\n\nexport const patternDotsDef = (id, options = {}) => ({\n id,\n type: 'patternDots',\n ...options,\n})\n","export const TWO_PI = Math.PI * 2\n\nexport const degreesToRadians = degrees => (degrees * Math.PI) / 180\n\nexport const radiansToDegrees = radians => (180 * radians) / Math.PI\n\nexport const midAngle = arc => arc.startAngle + (arc.endAngle - arc.startAngle) / 2\n\nexport const positionFromAngle = (angle, distance) => ({\n x: Math.cos(angle) * distance,\n y: Math.sin(angle) * distance,\n})\n\n/**\n * Normalize given angle (degrees) in the 0~360 range.\n *\n * @param {number} angle\n *\n * @return {number}\n */\nexport const absoluteAngleDegrees = angle => {\n let absAngle = angle % 360\n if (absAngle < 0) {\n absAngle += 360\n }\n\n return absAngle\n}\n\nexport const absoluteAngleRadians = angle => angle - TWO_PI * Math.floor((angle + Math.PI) / TWO_PI)\n\n/**\n * Ensure angle is always between 0~360.\n *\n * @param {number} rawAngle - in degrees\n *\n * @returns {number}\n */\nexport const normalizeAngle = rawAngle => {\n if (rawAngle < 0) {\n return 360 - (-rawAngle % 360)\n }\n\n return rawAngle % 360\n}\n\n/**\n * Ensure the absolute difference between start and end angles\n * is at most given length.\n *\n * @param startAngle - in degrees\n * @param endAngle - in degrees\n * @param length - in degrees\n *\n * @returns {[number, number]}\n */\nexport const clampArc = (startAngle, endAngle, length = 360) => {\n let clampedEndAngle = endAngle\n if (Math.abs(endAngle - startAngle) > length) {\n clampedEndAngle = startAngle + (endAngle > startAngle ? length : -length)\n }\n\n return [startAngle, clampedEndAngle]\n}\n","export const textPropsByEngine = {\n svg: {\n align: {\n left: 'start',\n center: 'middle',\n right: 'end',\n start: 'start',\n middle: 'middle',\n end: 'end',\n },\n baseline: {\n top: 'text-before-edge',\n center: 'central',\n bottom: 'alphabetic',\n },\n },\n canvas: {\n align: {\n left: 'left',\n center: 'center',\n right: 'right',\n start: 'left',\n middle: 'center',\n end: 'right',\n },\n baseline: {\n top: 'top',\n center: 'middle',\n bottom: 'bottom',\n },\n },\n}\n","import { memo } from 'react'\nimport PropTypes from 'prop-types'\nimport { degreesToRadians } from '../../../lib/polar'\n\nexport const PatternLines = memo(\n ({ id, spacing: _spacing, rotation: _rotation, background, color, lineWidth }) => {\n let rotation = Math.round(_rotation) % 360\n const spacing = Math.abs(_spacing)\n\n if (rotation > 180) rotation = rotation - 360\n else if (rotation > 90) rotation = rotation - 180\n else if (rotation < -180) rotation = rotation + 360\n else if (rotation < -90) rotation = rotation + 180\n\n let width = spacing\n let height = spacing\n let path\n\n if (rotation === 0) {\n path = `\n M 0 0 L ${width} 0\n M 0 ${height} L ${width} ${height}\n `\n } else if (rotation === 90) {\n path = `\n M 0 0 L 0 ${height}\n M ${width} 0 L ${width} ${height}\n `\n } else {\n width = Math.abs(spacing / Math.sin(degreesToRadians(rotation)))\n height = spacing / Math.sin(degreesToRadians(90 - rotation))\n\n if (rotation > 0) {\n path = `\n M 0 ${-height} L ${width * 2} ${height}\n M ${-width} ${-height} L ${width} ${height}\n M ${-width} 0 L ${width} ${height * 2}\n `\n } else {\n path = `\n M ${-width} ${height} L ${width} ${-height}\n M ${-width} ${height * 2} L ${width * 2} ${-height}\n M 0 ${height * 2} L ${width * 2} 0\n `\n }\n }\n\n return (\n \n \n \n \n )\n }\n)\n\nPatternLines.displayName = 'PatternLines'\nPatternLines.propTypes = {\n id: PropTypes.string.isRequired,\n spacing: PropTypes.number.isRequired,\n rotation: PropTypes.number.isRequired,\n background: PropTypes.string.isRequired,\n color: PropTypes.string.isRequired,\n lineWidth: PropTypes.number.isRequired,\n}\nPatternLines.defaultProps = {\n spacing: 5,\n rotation: 0,\n color: '#000000',\n background: '#ffffff',\n lineWidth: 2,\n}\n\nexport const patternLinesDef = (id, options = {}) => ({\n id,\n type: 'patternLines',\n ...options,\n})\n","import { memo } from 'react'\nimport PropTypes from 'prop-types'\n\nexport const PatternSquares = memo(({ id, background, color, size, padding, stagger }) => {\n let fullSize = size + padding\n const halfPadding = padding / 2\n if (stagger === true) {\n fullSize = size * 2 + padding * 2\n }\n\n return (\n \n \n \n {stagger && (\n \n )}\n \n )\n})\n\nPatternSquares.displayName = 'PatternSquares'\nPatternSquares.propTypes = {\n id: PropTypes.string.isRequired,\n color: PropTypes.string.isRequired,\n background: PropTypes.string.isRequired,\n size: PropTypes.number.isRequired,\n padding: PropTypes.number.isRequired,\n stagger: PropTypes.bool.isRequired,\n}\nPatternSquares.defaultProps = {\n color: '#000000',\n background: '#ffffff',\n size: 4,\n padding: 4,\n stagger: false,\n}\n\nexport const patternSquaresDef = (id, options = {}) => ({\n id,\n type: 'patternSquares',\n ...options,\n})\n","/*\n * This file is part of the nivo project.\n *\n * Copyright 2016-present, Raphaël Benitte.\n *\n * For the full copyright and license information, please view the LICENSE\n * file that was distributed with this source code.\n */\nimport { PatternDots } from './PatternDots'\nimport { PatternLines } from './PatternLines'\nimport { PatternSquares } from './PatternSquares'\n\nexport const patternTypes = {\n patternDots: PatternDots,\n patternLines: PatternLines,\n patternSquares: PatternSquares,\n}\n\nexport * from './PatternDots'\nexport * from './PatternLines'\nexport * from './PatternSquares'\n","/*\n * This file is part of the nivo project.\n *\n * Copyright 2016-present, Raphaël Benitte.\n *\n * For the full copyright and license information, please view the LICENSE\n * file that was distributed with this source code.\n */\nimport { createElement, memo } from 'react'\nimport PropTypes from 'prop-types'\nimport { gradientTypes } from './gradients'\nimport { patternTypes } from './patterns'\n\nexport const defsMapping = {\n ...gradientTypes,\n ...patternTypes,\n}\n\nconst Defs = ({ defs: definitions }) => {\n if (!definitions || definitions.length < 1) return null\n\n return (\n \n {definitions.map(({ type, ...def }) => {\n if (defsMapping[type])\n return createElement(defsMapping[type], { key: def.id, ...def })\n\n return null\n })}\n \n )\n}\n\nDefs.propTypes = {\n defs: PropTypes.arrayOf(\n PropTypes.shape({\n type: PropTypes.oneOf(Object.keys(defsMapping)).isRequired,\n id: PropTypes.string.isRequired,\n })\n ),\n}\n\nexport default memo(Defs)\n","import PropTypes from 'prop-types'\nimport { Defs } from './defs'\nimport { useTheme } from '../theming'\n\nconst SvgWrapper = ({\n width,\n height,\n margin,\n defs,\n children,\n role,\n ariaLabel,\n ariaLabelledBy,\n ariaDescribedBy,\n isFocusable,\n}) => {\n const theme = useTheme()\n\n return (\n \n \n \n {children}\n \n )\n}\n\nSvgWrapper.propTypes = {\n width: PropTypes.number.isRequired,\n height: PropTypes.number.isRequired,\n margin: PropTypes.shape({\n top: PropTypes.number.isRequired,\n left: PropTypes.number.isRequired,\n }).isRequired,\n defs: PropTypes.array,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n role: PropTypes.string,\n isFocusable: PropTypes.bool,\n ariaLabel: PropTypes.string,\n ariaLabelledBy: PropTypes.string,\n ariaDescribedBy: PropTypes.string,\n}\n\nexport default SvgWrapper\n","/*\n * This file is part of the nivo project.\n *\n * Copyright 2016-present, Raphaël Benitte.\n *\n * For the full copyright and license information, please view the LICENSE\n * file that was distributed with this source code.\n */\nimport { memo } from 'react'\nimport PropTypes from 'prop-types'\n\nconst DotsItemSymbol = ({ size, color, borderWidth, borderColor }) => (\n \n)\n\nDotsItemSymbol.propTypes = {\n size: PropTypes.number.isRequired,\n color: PropTypes.string.isRequired,\n borderWidth: PropTypes.number.isRequired,\n borderColor: PropTypes.string.isRequired,\n}\n\nexport default memo(DotsItemSymbol)\n","import { createElement, memo } from 'react'\nimport PropTypes from 'prop-types'\nimport { useSpring, animated } from '@react-spring/web'\nimport { useTheme } from '../../theming'\nimport { useMotionConfig } from '../../motion'\nimport DotsItemSymbol from './DotsItemSymbol'\n\nconst DotsItem = ({\n x,\n y,\n symbol = DotsItemSymbol,\n size,\n datum,\n color,\n borderWidth,\n borderColor,\n label,\n labelTextAnchor = 'middle',\n labelYOffset = -12,\n}) => {\n const theme = useTheme()\n\n const { animate, config: springConfig } = useMotionConfig()\n const animatedProps = useSpring({\n transform: `translate(${x}, ${y})`,\n config: springConfig,\n immediate: !animate,\n })\n\n return (\n \n {createElement(symbol, {\n size,\n color,\n datum,\n borderWidth,\n borderColor,\n })}\n {label && (\n \n {label}\n \n )}\n \n )\n}\n\nDotsItem.propTypes = {\n x: PropTypes.number.isRequired,\n y: PropTypes.number.isRequired,\n datum: PropTypes.object.isRequired,\n\n size: PropTypes.number.isRequired,\n color: PropTypes.string.isRequired,\n borderWidth: PropTypes.number.isRequired,\n borderColor: PropTypes.string.isRequired,\n\n symbol: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n labelTextAnchor: PropTypes.oneOf(['start', 'middle', 'end']),\n labelYOffset: PropTypes.number,\n}\n\nexport default memo(DotsItem)\n","/*\n * This file is part of the nivo project.\n *\n * Copyright 2016-present, Raphaël Benitte.\n *\n * For the full copyright and license information, please view the LICENSE\n * file that was distributed with this source code.\n */\nimport { memo } from 'react'\nimport PropTypes from 'prop-types'\nimport { useTheme } from '../../../theming'\n\n/**\n *\n * @param {string} axis\n * @param {number} width\n * @param {number} height\n * @param {string} position\n * @param {number} offsetX\n * @param {number} offsetY\n * @param {string} orientation\n * @return {{ x: number, y: number, textAnchor: string }}\n */\nconst computeLabel = ({ axis, width, height, position, offsetX, offsetY, orientation }) => {\n let x = 0\n let y = 0\n const rotation = orientation === 'vertical' ? -90 : 0\n let textAnchor = 'start'\n\n if (axis === 'x') {\n switch (position) {\n case 'top-left':\n x = -offsetX\n y = offsetY\n textAnchor = 'end'\n break\n case 'top':\n y = -offsetY\n if (orientation === 'horizontal') {\n textAnchor = 'middle'\n } else {\n textAnchor = 'start'\n }\n break\n case 'top-right':\n x = offsetX\n y = offsetY\n if (orientation === 'horizontal') {\n textAnchor = 'start'\n } else {\n textAnchor = 'end'\n }\n break\n case 'right':\n x = offsetX\n y = height / 2\n if (orientation === 'horizontal') {\n textAnchor = 'start'\n } else {\n textAnchor = 'middle'\n }\n break\n case 'bottom-right':\n x = offsetX\n y = height - offsetY\n textAnchor = 'start'\n break\n case 'bottom':\n y = height + offsetY\n if (orientation === 'horizontal') {\n textAnchor = 'middle'\n } else {\n textAnchor = 'end'\n }\n break\n case 'bottom-left':\n y = height - offsetY\n x = -offsetX\n if (orientation === 'horizontal') {\n textAnchor = 'end'\n } else {\n textAnchor = 'start'\n }\n break\n case 'left':\n x = -offsetX\n y = height / 2\n if (orientation === 'horizontal') {\n textAnchor = 'end'\n } else {\n textAnchor = 'middle'\n }\n break\n }\n } else {\n switch (position) {\n case 'top-left':\n x = offsetX\n y = -offsetY\n textAnchor = 'start'\n break\n case 'top':\n x = width / 2\n y = -offsetY\n if (orientation === 'horizontal') {\n textAnchor = 'middle'\n } else {\n textAnchor = 'start'\n }\n break\n case 'top-right':\n x = width - offsetX\n y = -offsetY\n if (orientation === 'horizontal') {\n textAnchor = 'end'\n } else {\n textAnchor = 'start'\n }\n break\n case 'right':\n x = width + offsetX\n if (orientation === 'horizontal') {\n textAnchor = 'start'\n } else {\n textAnchor = 'middle'\n }\n break\n case 'bottom-right':\n x = width - offsetX\n y = offsetY\n textAnchor = 'end'\n break\n case 'bottom':\n x = width / 2\n y = offsetY\n if (orientation === 'horizontal') {\n textAnchor = 'middle'\n } else {\n textAnchor = 'end'\n }\n break\n case 'bottom-left':\n x = offsetX\n y = offsetY\n if (orientation === 'horizontal') {\n textAnchor = 'start'\n } else {\n textAnchor = 'end'\n }\n break\n case 'left':\n x = -offsetX\n if (orientation === 'horizontal') {\n textAnchor = 'end'\n } else {\n textAnchor = 'middle'\n }\n break\n }\n }\n\n return { x, y, rotation, textAnchor }\n}\n\nconst CartesianMarkersItem = ({\n width,\n height,\n axis,\n scale,\n value,\n lineStyle,\n textStyle,\n legend,\n legendPosition,\n legendOffsetX,\n legendOffsetY,\n legendOrientation,\n}) => {\n const theme = useTheme()\n\n let x = 0\n let x2 = 0\n let y = 0\n let y2 = 0\n\n if (axis === 'y') {\n y = scale(value)\n x2 = width\n } else {\n x = scale(value)\n y2 = height\n }\n\n let legendNode = null\n if (legend) {\n const legendProps = computeLabel({\n axis,\n width,\n height,\n position: legendPosition,\n offsetX: legendOffsetX,\n offsetY: legendOffsetY,\n orientation: legendOrientation,\n })\n legendNode = (\n \n {legend}\n \n )\n }\n\n return (\n \n \n {legendNode}\n \n )\n}\n\nCartesianMarkersItem.propTypes = {\n width: PropTypes.number.isRequired,\n height: PropTypes.number.isRequired,\n\n axis: PropTypes.oneOf(['x', 'y']).isRequired,\n scale: PropTypes.func.isRequired,\n value: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.instanceOf(Date)])\n .isRequired,\n lineStyle: PropTypes.object,\n textStyle: PropTypes.object,\n\n legend: PropTypes.string,\n legendPosition: PropTypes.oneOf([\n 'top-left',\n 'top',\n 'top-right',\n 'right',\n 'bottom-right',\n 'bottom',\n 'bottom-left',\n 'left',\n ]),\n legendOffsetX: PropTypes.number.isRequired,\n legendOffsetY: PropTypes.number.isRequired,\n legendOrientation: PropTypes.oneOf(['horizontal', 'vertical']).isRequired,\n}\nCartesianMarkersItem.defaultProps = {\n legendPosition: 'top-right',\n legendOffsetX: 14,\n legendOffsetY: 14,\n legendOrientation: 'horizontal',\n}\n\nexport default memo(CartesianMarkersItem)\n","import { memo } from 'react'\nimport PropTypes from 'prop-types'\nimport CartesianMarkersItem from './CartesianMarkersItem'\n\nconst CartesianMarkers = ({ markers, width, height, xScale, yScale }) => {\n if (!markers || markers.length === 0) return null\n\n return markers.map((marker, i) => (\n \n ))\n}\n\nCartesianMarkers.propTypes = {\n width: PropTypes.number.isRequired,\n height: PropTypes.number.isRequired,\n\n xScale: PropTypes.func.isRequired,\n yScale: PropTypes.func.isRequired,\n\n markers: PropTypes.arrayOf(\n PropTypes.shape({\n axis: PropTypes.oneOf(['x', 'y']).isRequired,\n value: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string,\n PropTypes.instanceOf(Date),\n ]).isRequired,\n lineStyle: PropTypes.object,\n textStyle: PropTypes.object,\n })\n ),\n}\n\nexport default memo(CartesianMarkers)\n","/*\n * This file is part of the nivo project.\n *\n * Copyright 2016-present, Raphaël Benitte.\n *\n * For the full copyright and license information, please view the LICENSE\n * file that was distributed with this source code.\n */\nimport { Component } from 'react'\nimport { Container } from '../components/Container'\n\nexport const withContainer = WrappedComponent => {\n // eslint-disable-next-line react/display-name\n return class extends Component {\n render() {\n // eslint-disable-next-line react/prop-types\n const { theme, renderWrapper, animate, motionConfig, ...childProps } = this.props\n\n return (\n \n \n \n )\n }\n }\n}\n","import isFunction from 'lodash/isFunction'\nimport get from 'lodash/get'\nimport { format } from 'd3-format'\nimport { useMemo } from 'react'\n\nexport const getLabelGenerator = (_label, labelFormat) => {\n const getRawLabel = isFunction(_label) ? _label : d => get(d, _label)\n let formatter\n if (labelFormat) {\n formatter = isFunction(labelFormat) ? labelFormat : format(labelFormat)\n }\n\n if (formatter) return d => formatter(getRawLabel(d))\n return getRawLabel\n}\n\nexport const getPropertyAccessor = accessor =>\n isFunction(accessor) ? accessor : d => get(d, accessor)\n\nexport const usePropertyAccessor = accessor =>\n useMemo(() => getPropertyAccessor(accessor), [accessor])\n","/**\n * Computes distance between two points.\n *\n * @param {number} x1\n * @param {number} y1\n * @param {number} x2\n * @param {number} y2\n * @return {number}\n */\nexport const getDistance = (x1, y1, x2, y2) => {\n let deltaX = x2 - x1\n let deltaY = y2 - y1\n\n deltaX *= deltaX\n deltaY *= deltaY\n\n return Math.sqrt(deltaX + deltaY)\n}\n\n/**\n * Computes angle (radians) between two points.\n *\n * @param {number} x1\n * @param {number} y1\n * @param {number} x2\n * @param {number} y2\n * @return {number}\n */\nexport const getAngle = (x1, y1, x2, y2) => {\n const angle = Math.atan2(y2 - y1, x2 - x1) - Math.PI / 2\n\n return angle > 0 ? angle : Math.PI * 2 + angle\n}\n\n/**\n * Check if cursor is in given rectangle.\n *\n * @param {number} x\n * @param {number} y\n * @param {number} width\n * @param {number} height\n * @param {number} cursorX\n * @param {number} cursorY\n * @return {boolean}\n */\nexport const isCursorInRect = (x, y, width, height, cursorX, cursorY) =>\n x <= cursorX && cursorX <= x + width && y <= cursorY && cursorY <= y + height\n","/*\n * This file is part of the nivo project.\n *\n * Copyright 2016-present, Raphaël Benitte.\n *\n * For the full copyright and license information, please view the LICENSE\n * file that was distributed with this source code.\n */\n\nexport * from './detect'\n\n/**\n * Get the position of the cursor (from `event`) relative\n * to its container (`el`).\n *\n * In a normal situation mouse enter/leave events\n * capture the position ok. But when the chart is inside a scaled\n * element with a CSS transform like: `transform: scale(2);`\n * tooltip are not positioned ok.\n *\n * Comparing original width `box.width` against the scaled width\n * give us the scaling factor to calculate the proper mouse position.\n */\nexport const getRelativeCursor = (el, event) => {\n const { clientX, clientY } = event\n // Get the dimensions of the element, in case it has\n // been scaled using a transform for example, we get\n // the scaled dimensions, not the original ones.\n const currentBox = el.getBoundingClientRect()\n\n // Original dimensions, necessary to compute `scaleFactor`.\n let originalBox\n if (el.getBBox !== undefined) {\n // For SVG elements.\n originalBox = el.getBBox()\n } else {\n // Other elements.\n originalBox = {\n width: el.offsetWidth,\n height: el.offsetHeight,\n }\n }\n\n const scaleFactor =\n originalBox.width === currentBox.width ? 1 : originalBox.width / currentBox.width\n return [(clientX - currentBox.left) * scaleFactor, (clientY - currentBox.top) * scaleFactor]\n}\n","import isFunction from 'lodash/isFunction'\nimport isPlainObject from 'lodash/isPlainObject'\nimport pick from 'lodash/pick'\nimport isEqual from 'lodash/isEqual'\nimport get from 'lodash/get'\nimport set from 'lodash/set'\nimport { gradientTypes, patternTypes } from '../components/defs'\n\nconst gradientKeys = Object.keys(gradientTypes)\nconst patternKeys = Object.keys(patternTypes)\n\n/**\n * Check a node matches given def predicate.\n *\n * @param {string|Function|Object} predicate\n * @param {Object} node\n * @param {string} [dataKey] - Optional path to access node data\n * @returns {boolean}\n */\nexport const isMatchingDef = (predicate, node, dataKey) => {\n if (predicate === '*') {\n return true\n } else if (isFunction(predicate)) {\n return predicate(node)\n } else if (isPlainObject(predicate)) {\n const data = dataKey ? get(node, dataKey) : node\n return isEqual(pick(data, Object.keys(predicate)), predicate)\n }\n\n return false\n}\n\n/**\n * Compute SVG defs.\n *\n * @param {Array.