From 7c1987631194ff37ab94b14384554021dab6603a Mon Sep 17 00:00:00 2001 From: Dominic Date: Mon, 9 Oct 2017 17:39:42 -0700 Subject: [PATCH] up package version. rebuild. --- dist/snacks.js | 6 +++--- docs/build/{bundle.f0de7a62.js => bundle.1140fda7.js} | 6 +++--- docs/index.html | 2 +- package.json | 2 +- 4 files changed, 8 insertions(+), 8 deletions(-) rename docs/build/{bundle.f0de7a62.js => bundle.1140fda7.js} (90%) diff --git a/dist/snacks.js b/dist/snacks.js index b022a2a8..f0206a63 100644 --- a/dist/snacks.js +++ b/dist/snacks.js @@ -166,7 +166,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n /***/ (function(module, exports, __webpack_require__) { "use strict"; -eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _class, _class2, _temp;\n\nvar _ScrollTrackStyles = __webpack_require__(22);\n\nvar _ScrollTrackStyles2 = _interopRequireDefault(_ScrollTrackStyles);\n\nvar _equalWidthTrack = __webpack_require__(23);\n\nvar _equalWidthTrack2 = _interopRequireDefault(_equalWidthTrack);\n\nvar _ScrollTrackPropTypes = __webpack_require__(14);\n\nvar _ScrollTrackPropTypes2 = _interopRequireDefault(_ScrollTrackPropTypes);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _CircleButton = __webpack_require__(9);\n\nvar _CircleButton2 = _interopRequireDefault(_CircleButton);\n\nvar _Icon = __webpack_require__(12);\n\nvar _Icon2 = _interopRequireDefault(_Icon);\n\nvar _radium = __webpack_require__(2);\n\nvar _radium2 = _interopRequireDefault(_radium);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _underscore = __webpack_require__(24);\n\nvar _underscore2 = _interopRequireDefault(_underscore);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar noOp = function noOp() {}; // eslint-disable-line no-empty-function\n\nvar ScrollTrack = (0, _radium2.default)(_class = (_temp = _class2 = function (_Component) {\n _inherits(ScrollTrack, _Component);\n\n function ScrollTrack(props) {\n _classCallCheck(this, ScrollTrack);\n\n var _this = _possibleConstructorReturn(this, (ScrollTrack.__proto__ || Object.getPrototypeOf(ScrollTrack)).call(this, props));\n\n _this.getNodeWidths = function () {\n var parentNode = _this.refs.container;\n var parentNodeBounds = parentNode && parentNode.getBoundingClientRect();\n var trackNode = _this.refs.track;\n var trackNodeBounds = trackNode && trackNode.getBoundingClientRect();\n var parentWidth = parentNodeBounds && parentNodeBounds.width;\n var trackWidth = trackNode && trackNode.offsetLeft + trackNode.scrollWidth;\n var trackBounds = trackNodeBounds;\n\n return { parentWidth: parentWidth, trackWidth: trackWidth, trackBounds: trackBounds };\n };\n\n _this.computeSlideAttributes = function () {\n var _this$getNodeWidths = _this.getNodeWidths(),\n parentWidth = _this$getNodeWidths.parentWidth,\n trackWidth = _this$getNodeWidths.trackWidth;\n\n var trackAtEnd = parentWidth < trackWidth && _this.state.left <= parentWidth - trackWidth;\n var trackAtBeginning = _this.state.left >= 0;\n\n if (!parentWidth || !trackWidth) {\n return;\n }\n if (Math.ceil(parentWidth) >= trackWidth) {\n return _this.hideArrows();\n }\n if (!trackAtEnd) {\n _this.showRightArrow();\n } else {\n _this.hideRightArrow();\n }\n if (!trackAtBeginning) {\n _this.showLeftArrow();\n } else {\n _this.hideLeftArrow();\n }\n };\n\n _this.hideArrows = function () {\n _this.setState({\n showLeftArrow: false,\n showRightArrow: false\n });\n };\n\n _this.hideRightArrow = function () {\n _this.setState({ showRightArrow: false });\n };\n\n _this.hideLeftArrow = function () {\n _this.setState({ showLeftArrow: false });\n };\n\n _this.showRightArrow = function () {\n _this.setState({ showRightArrow: true });\n };\n\n _this.showLeftArrow = function () {\n _this.setState({ showLeftArrow: true });\n };\n\n _this.slideForward = function () {\n var _this$getNodeWidths2 = _this.getNodeWidths(),\n parentWidth = _this$getNodeWidths2.parentWidth,\n trackWidth = _this$getNodeWidths2.trackWidth;\n\n var nextForward = _this.state.left - parentWidth;\n var fullForward = parentWidth - trackWidth;\n var _this$props = _this.props,\n onBeforeNext = _this$props.onBeforeNext,\n onAfterNext = _this$props.onAfterNext;\n\n // already is, or is going to be, full forward\n\n if (nextForward <= fullForward) {\n nextForward = fullForward;\n }\n\n var callbackProps = {\n atStart: trackWidth <= parentWidth,\n atEnd: fullForward === nextForward,\n slideTo: nextForward,\n parentWidth: parentWidth,\n trackWidth: trackWidth\n };\n\n onBeforeNext(callbackProps).then(function () {\n _this.updateLeftValue({\n left: nextForward,\n callback: onAfterNext,\n callbackProps: callbackProps\n });\n });\n };\n\n _this.slideBack = function () {\n var _this$getNodeWidths3 = _this.getNodeWidths(),\n parentWidth = _this$getNodeWidths3.parentWidth,\n trackWidth = _this$getNodeWidths3.trackWidth;\n\n var nextBack = _this.state.left + parentWidth;\n var _this$props2 = _this.props,\n onBeforeBack = _this$props2.onBeforeBack,\n onAfterBack = _this$props2.onAfterBack;\n\n // already is, or is going to be, full back\n\n if (_this.state.left >= 0 || nextBack >= 0) {\n nextBack = 0;\n }\n\n var callbackProps = {\n atStart: nextBack === 0,\n atEnd: false,\n slideTo: nextBack,\n parentWidth: parentWidth,\n trackWidth: trackWidth\n };\n\n onBeforeBack(callbackProps);\n\n _this.updateLeftValue({\n left: nextBack,\n callback: onAfterBack,\n callbackProps: callbackProps\n });\n };\n\n _this.renderRightArrow = function () {\n var slideButtonStyles = _ScrollTrackStyles2.default.slideButtonStyles;\n\n\n if (!_this.state.showRightArrow) {\n return;\n }\n\n var _this$props$styles$Ri = _this.props.styles.RightArrow,\n RightArrow = _this$props$styles$Ri === undefined ? {} : _this$props$styles$Ri;\n\n return _react2.default.createElement(\n _CircleButton2.default,\n {\n onClick: _this.slideForward,\n ariaLabel: 'next',\n styles: _extends({}, slideButtonStyles.default, slideButtonStyles.right, RightArrow)\n },\n _react2.default.createElement(_Icon2.default, {\n name: 'arrowRightSmallBold',\n style: { fontSize: '20px' }\n })\n );\n };\n\n _this.renderLeftArrow = function () {\n var slideButtonStyles = _ScrollTrackStyles2.default.slideButtonStyles;\n\n\n if (!_this.state.showLeftArrow) {\n return;\n }\n\n var _this$props$styles$Le = _this.props.styles.LeftArrow,\n LeftArrow = _this$props$styles$Le === undefined ? {} : _this$props$styles$Le;\n\n\n return _react2.default.createElement(\n _CircleButton2.default,\n {\n onClick: _this.slideBack,\n ariaLabel: 'back',\n styles: _extends({}, slideButtonStyles.default, slideButtonStyles.left, LeftArrow)\n },\n _react2.default.createElement(_Icon2.default, {\n name: 'arrowLeftSmallBold',\n style: { fontSize: '20px' }\n })\n );\n };\n\n _this.state = {\n showLeftArrow: false,\n showRightArrow: false,\n left: props.leftOverride\n };\n return _this;\n }\n\n _createClass(ScrollTrack, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n this.debouncdComputeSlideAttributes = _underscore2.default.debounce(this.computeSlideAttributes, 200);\n this.computeSlideAttributes();\n\n window.addEventListener('resize', this.debouncdComputeSlideAttributes);\n }\n }, {\n key: 'componentWillReceiveProps',\n value: function componentWillReceiveProps(nextProps) {\n if (nextProps.leftOverride !== this.props.leftOverride) {\n // this allows for control of the scrolltrack by parent components\n this.setState({ left: nextProps.leftOverride });\n this.computeSlideAttributes();\n }\n }\n }, {\n key: 'componentDidUpdate',\n value: function componentDidUpdate(prevProps) {\n var prevChildren = prevProps.children || [];\n var newChildren = this.props.children || [];\n\n if (!_underscore2.default.isEqual(prevChildren, newChildren)) {\n this.computeSlideAttributes();\n }\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('resize', this.debouncdComputeSlideAttributes);\n }\n }, {\n key: 'updateLeftValue',\n value: function updateLeftValue(_ref) {\n var _this2 = this;\n\n var left = _ref.left,\n callback = _ref.callback,\n callbackProps = _ref.callbackProps;\n\n this.setState({ left: left }, function () {\n _this2.computeSlideAttributes();\n callback(callbackProps);\n });\n }\n }, {\n key: 'render',\n value: function render() {\n var containerStyles = _ScrollTrackStyles2.default.containerStyles,\n innerContainerStyles = _ScrollTrackStyles2.default.innerContainerStyles;\n var _props = this.props,\n children = _props.children,\n scrollSpeed = _props.scrollSpeed,\n scrollTimingFunction = _props.scrollTimingFunction,\n style = _props.style,\n _props$styles$Track = _props.styles.Track,\n Track = _props$styles$Track === undefined ? {} : _props$styles$Track;\n\n\n if (!children) {\n return null;\n }\n\n return _react2.default.createElement(\n 'div',\n {\n ref: 'container',\n style: _extends({}, containerStyles, style)\n },\n this.renderLeftArrow(),\n _react2.default.createElement(\n 'div',\n {\n style: [{\n left: this.state.left,\n transition: 'left ' + scrollSpeed + 'ms ' + scrollTimingFunction\n }, innerContainerStyles]\n },\n _react2.default.createElement(\n 'div',\n { ref: 'track', style: Track },\n this.childrenWithTrackProps\n )\n ),\n this.renderRightArrow()\n );\n }\n }, {\n key: 'childrenWithTrackProps',\n get: function get() {\n var nodeWidths = this.getNodeWidths();\n var trackProps = _extends({}, this.state, nodeWidths);\n\n return _react2.default.Children.map(this.props.children, function (child) {\n var isHtmlTag = typeof child.type === 'string' && child.type[0] === child.type[0].toLowerCase();\n var childProps = isHtmlTag ? {} : { trackProps: trackProps };\n\n return _react2.default.cloneElement(child, childProps);\n });\n }\n }]);\n\n return ScrollTrack;\n}(_react.Component), _class2.equalWidthTrack = _equalWidthTrack2.default, _class2.ScrollTrackPropTypes = _ScrollTrackPropTypes2.default, _class2.propTypes = {\n /** Manually control left positioning of ScrollTrack */\n leftOverride: _propTypes2.default.number,\n\n /**\n * A callback called before sliding to next set.\n * ** Passed function must return a promsie **\n * -- will wait for promise resolution before continuing slide.\n * Use for high levels of control\n */\n onBeforeNext: _propTypes2.default.func,\n\n /** function to be called before sliding to previous set. */\n onBeforeBack: _propTypes2.default.func,\n\n /** function to be called after sliding to next set. */\n onAfterNext: _propTypes2.default.func,\n\n /** function to be called after sliding to previous set. */\n onAfterBack: _propTypes2.default.func,\n\n /** Transition timing function to use for scrolling animation - defaults to ease-in-out */\n scrollTimingFunction: _propTypes2.default.string,\n\n /** Speed of scrolling animaton in milleseconds - defaults to 150ms */\n scrollSpeed: _propTypes2.default.number,\n\n /** Style top level element */\n style: _propTypes2.default.object,\n\n /** Style specifc children elements [LeftArrow, RightArrow, Track] */\n styles: _propTypes2.default.shape({\n LeftArrow: _propTypes2.default.object,\n RightArrow: _propTypes2.default.object,\n Track: _propTypes2.default.object\n })\n}, _class2.defaultProps = {\n leftOverride: 0,\n scrollSpeed: 150,\n scrollTimingFunction: 'ease-in-out',\n styles: {\n LeftArrow: {},\n RightArrow: {},\n Track: {}\n },\n style: {},\n onBeforeBack: noOp,\n onAfterNext: noOp,\n onAfterBack: noOp,\n onBeforeNext: function onBeforeNext() {\n return new Promise(function (resolve) {\n return resolve();\n });\n }\n}, _temp)) || _class;\n\nexports.default = ScrollTrack;//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMTMuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vc3JjL2NvbXBvbmVudHMvU2Nyb2xsVHJhY2svU2Nyb2xsVHJhY2suanM/MzJlMyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgY29tcG9uZW50U3R5bGVzIGZyb20gJy4vU2Nyb2xsVHJhY2tTdHlsZXMnXG5pbXBvcnQgZXF1YWxXaWR0aFRyYWNrIGZyb20gJy4vZXF1YWxXaWR0aFRyYWNrJ1xuaW1wb3J0IFNjcm9sbFRyYWNrUHJvcFR5cGVzIGZyb20gJy4vU2Nyb2xsVHJhY2tQcm9wVHlwZXMnXG5cbmltcG9ydCBSZWFjdCwgeyBDb21wb25lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBDaXJjbGVCdXR0b24gIGZyb20gJy4uL0J1dHRvbnMvQ2lyY2xlQnV0dG9uJ1xuaW1wb3J0IEljb24gICAgICAgICAgZnJvbSAnLi4vSWNvbi9JY29uJ1xuaW1wb3J0IFJhZGl1bSAgICAgICAgZnJvbSAncmFkaXVtJ1xuaW1wb3J0IFByb3BUeXBlcyAgICAgZnJvbSAncHJvcC10eXBlcydcbmltcG9ydCBfICAgICAgICAgICAgIGZyb20gJ3VuZGVyc2NvcmUnXG5cbmNvbnN0IG5vT3AgPSAoKSA9PiB7fSAvLyBlc2xpbnQtZGlzYWJsZS1saW5lIG5vLWVtcHR5LWZ1bmN0aW9uXG5cbkBSYWRpdW1cbmNsYXNzIFNjcm9sbFRyYWNrIGV4dGVuZHMgQ29tcG9uZW50IHtcbiAgc3RhdGljIGVxdWFsV2lkdGhUcmFjayA9IGVxdWFsV2lkdGhUcmFja1xuICBzdGF0aWMgU2Nyb2xsVHJhY2tQcm9wVHlwZXMgPSBTY3JvbGxUcmFja1Byb3BUeXBlc1xuXG4gIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgLyoqIE1hbnVhbGx5IGNvbnRyb2wgbGVmdCBwb3NpdGlvbmluZyBvZiBTY3JvbGxUcmFjayAqL1xuICAgIGxlZnRPdmVycmlkZTogUHJvcFR5cGVzLm51bWJlcixcblxuICAgIC8qKlxuICAgICogQSBjYWxsYmFjayBjYWxsZWQgYmVmb3JlIHNsaWRpbmcgdG8gbmV4dCBzZXQuXG4gICAgKiAqKiBQYXNzZWQgZnVuY3Rpb24gbXVzdCByZXR1cm4gYSBwcm9tc2llICoqXG4gICAgKiAtLSB3aWxsIHdhaXQgZm9yIHByb21pc2UgcmVzb2x1dGlvbiBiZWZvcmUgY29udGludWluZyBzbGlkZS5cbiAgICAqIFVzZSBmb3IgaGlnaCBsZXZlbHMgb2YgY29udHJvbFxuICAgICovXG4gICAgb25CZWZvcmVOZXh0OiBQcm9wVHlwZXMuZnVuYyxcblxuICAgIC8qKiAgZnVuY3Rpb24gdG8gYmUgY2FsbGVkIGJlZm9yZSBzbGlkaW5nIHRvIHByZXZpb3VzIHNldC4gKi9cbiAgICBvbkJlZm9yZUJhY2s6IFByb3BUeXBlcy5mdW5jLFxuXG4gICAgLyoqICBmdW5jdGlvbiB0byBiZSBjYWxsZWQgYWZ0ZXIgc2xpZGluZyB0byBuZXh0IHNldC4gKi9cbiAgICBvbkFmdGVyTmV4dDogUHJvcFR5cGVzLmZ1bmMsXG5cbiAgICAvKiogIGZ1bmN0aW9uIHRvIGJlIGNhbGxlZCBhZnRlciBzbGlkaW5nIHRvIHByZXZpb3VzIHNldC4gKi9cbiAgICBvbkFmdGVyQmFjazogUHJvcFR5cGVzLmZ1bmMsXG5cbiAgICAvKiogVHJhbnNpdGlvbiB0aW1pbmcgZnVuY3Rpb24gdG8gdXNlIGZvciBzY3JvbGxpbmcgYW5pbWF0aW9uIC0gZGVmYXVsdHMgdG8gZWFzZS1pbi1vdXQgKi9cbiAgICBzY3JvbGxUaW1pbmdGdW5jdGlvbjogUHJvcFR5cGVzLnN0cmluZyxcblxuICAgIC8qKiBTcGVlZCBvZiBzY3JvbGxpbmcgYW5pbWF0b24gaW4gbWlsbGVzZWNvbmRzIC0gZGVmYXVsdHMgdG8gMTUwbXMgKi9cbiAgICBzY3JvbGxTcGVlZDogUHJvcFR5cGVzLm51bWJlcixcblxuICAgIC8qKiBTdHlsZSB0b3AgbGV2ZWwgZWxlbWVudCAqL1xuICAgIHN0eWxlOiBQcm9wVHlwZXMub2JqZWN0LFxuXG4gICAgLyoqIFN0eWxlIHNwZWNpZmMgY2hpbGRyZW4gZWxlbWVudHMgW0xlZnRBcnJvdywgUmlnaHRBcnJvdywgVHJhY2tdICovXG4gICAgc3R5bGVzOiBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgTGVmdEFycm93OiBQcm9wVHlwZXMub2JqZWN0LFxuICAgICAgUmlnaHRBcnJvdzogUHJvcFR5cGVzLm9iamVjdCxcbiAgICAgIFRyYWNrOiBQcm9wVHlwZXMub2JqZWN0LFxuICAgIH0pLFxuICB9XG5cbiAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICBsZWZ0T3ZlcnJpZGU6IDAsXG4gICAgc2Nyb2xsU3BlZWQ6IDE1MCxcbiAgICBzY3JvbGxUaW1pbmdGdW5jdGlvbjogJ2Vhc2UtaW4tb3V0JyxcbiAgICBzdHlsZXM6IHtcbiAgICAgIExlZnRBcnJvdzoge30sXG4gICAgICBSaWdodEFycm93OiB7fSxcbiAgICAgIFRyYWNrOiB7fVxuICAgIH0sXG4gICAgc3R5bGU6IHt9LFxuICAgIG9uQmVmb3JlQmFjazogbm9PcCxcbiAgICBvbkFmdGVyTmV4dDogbm9PcCxcbiAgICBvbkFmdGVyQmFjazogbm9PcCxcbiAgICBvbkJlZm9yZU5leHQ6ICgpID0+IG5ldyBQcm9taXNlKHJlc29sdmUgPT4gcmVzb2x2ZSgpKVxuICB9XG5cbiAgY29uc3RydWN0b3IocHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcylcblxuICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICBzaG93TGVmdEFycm93OiBmYWxzZSxcbiAgICAgIHNob3dSaWdodEFycm93OiBmYWxzZSxcbiAgICAgIGxlZnQ6IHByb3BzLmxlZnRPdmVycmlkZVxuICAgIH1cbiAgfVxuXG4gIGNvbXBvbmVudERpZE1vdW50KCkge1xuICAgIHRoaXMuZGVib3VuY2RDb21wdXRlU2xpZGVBdHRyaWJ1dGVzID0gXy5kZWJvdW5jZSh0aGlzLmNvbXB1dGVTbGlkZUF0dHJpYnV0ZXMsIDIwMClcbiAgICB0aGlzLmNvbXB1dGVTbGlkZUF0dHJpYnV0ZXMoKVxuXG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIHRoaXMuZGVib3VuY2RDb21wdXRlU2xpZGVBdHRyaWJ1dGVzKVxuICB9XG5cbiAgY29tcG9uZW50V2lsbFJlY2VpdmVQcm9wcyhuZXh0UHJvcHMpIHtcbiAgICBpZiAobmV4dFByb3BzLmxlZnRPdmVycmlkZSAhPT0gdGhpcy5wcm9wcy5sZWZ0T3ZlcnJpZGUpIHtcbiAgICAgIC8vIHRoaXMgYWxsb3dzIGZvciBjb250cm9sIG9mIHRoZSBzY3JvbGx0cmFjayBieSBwYXJlbnQgY29tcG9uZW50c1xuICAgICAgdGhpcy5zZXRTdGF0ZSh7IGxlZnQ6IG5leHRQcm9wcy5sZWZ0T3ZlcnJpZGUgfSlcbiAgICAgIHRoaXMuY29tcHV0ZVNsaWRlQXR0cmlidXRlcygpXG4gICAgfVxuICB9XG5cbiAgY29tcG9uZW50RGlkVXBkYXRlKHByZXZQcm9wcykge1xuICAgIGNvbnN0IHByZXZDaGlsZHJlbiA9IHByZXZQcm9wcy5jaGlsZHJlbiB8fCBbXVxuICAgIGNvbnN0IG5ld0NoaWxkcmVuID0gdGhpcy5wcm9wcy5jaGlsZHJlbiB8fCBbXVxuXG4gICAgaWYgKCFfLmlzRXF1YWwocHJldkNoaWxkcmVuLCBuZXdDaGlsZHJlbikpIHtcbiAgICAgIHRoaXMuY29tcHV0ZVNsaWRlQXR0cmlidXRlcygpXG4gICAgfVxuICB9XG5cbiAgY29tcG9uZW50V2lsbFVubW91bnQoKSB7XG4gICAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIHRoaXMuZGVib3VuY2RDb21wdXRlU2xpZGVBdHRyaWJ1dGVzKVxuICB9XG5cbiAgZ2V0IGNoaWxkcmVuV2l0aFRyYWNrUHJvcHMoKSB7XG4gICAgY29uc3Qgbm9kZVdpZHRocyA9IHRoaXMuZ2V0Tm9kZVdpZHRocygpXG4gICAgY29uc3QgdHJhY2tQcm9wcyA9IHtcbiAgICAgIC4uLnRoaXMuc3RhdGUsXG4gICAgICAuLi5ub2RlV2lkdGhzXG4gICAgfVxuXG4gICAgcmV0dXJuIFJlYWN0LkNoaWxkcmVuLm1hcCh0aGlzLnByb3BzLmNoaWxkcmVuLCBjaGlsZCA9PiB7XG4gICAgICBjb25zdCBpc0h0bWxUYWcgPSB0eXBlb2YgY2hpbGQudHlwZSA9PT0gJ3N0cmluZycgJiYgY2hpbGQudHlwZVswXSA9PT0gY2hpbGQudHlwZVswXS50b0xvd2VyQ2FzZSgpXG4gICAgICBjb25zdCBjaGlsZFByb3BzID0gaXNIdG1sVGFnID8ge30gOiB7IHRyYWNrUHJvcHMgfVxuXG4gICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCBjaGlsZFByb3BzKVxuICAgIH0pXG4gIH1cblxuICBnZXROb2RlV2lkdGhzID0gKCkgPT4ge1xuICAgIGNvbnN0IHBhcmVudE5vZGUgPSB0aGlzLnJlZnMuY29udGFpbmVyXG4gICAgY29uc3QgcGFyZW50Tm9kZUJvdW5kcyA9IHBhcmVudE5vZGUgJiYgcGFyZW50Tm9kZS5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKVxuICAgIGNvbnN0IHRyYWNrTm9kZSA9IHRoaXMucmVmcy50cmFja1xuICAgIGNvbnN0IHRyYWNrTm9kZUJvdW5kcyA9IHRyYWNrTm9kZSAmJiB0cmFja05vZGUuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KClcbiAgICBjb25zdCBwYXJlbnRXaWR0aCA9IHBhcmVudE5vZGVCb3VuZHMgJiYgcGFyZW50Tm9kZUJvdW5kcy53aWR0aFxuICAgIGNvbnN0IHRyYWNrV2lkdGggPSB0cmFja05vZGUgJiYgKHRyYWNrTm9kZS5vZmZzZXRMZWZ0ICsgdHJhY2tOb2RlLnNjcm9sbFdpZHRoKVxuICAgIGNvbnN0IHRyYWNrQm91bmRzID0gdHJhY2tOb2RlQm91bmRzXG5cbiAgICByZXR1cm4geyBwYXJlbnRXaWR0aCwgdHJhY2tXaWR0aCwgdHJhY2tCb3VuZHMgfVxuICB9XG5cbiAgY29tcHV0ZVNsaWRlQXR0cmlidXRlcyA9ICgpID0+IHtcbiAgICBjb25zdCB7IHBhcmVudFdpZHRoLCB0cmFja1dpZHRoIH0gPSB0aGlzLmdldE5vZGVXaWR0aHMoKVxuICAgIGNvbnN0IHRyYWNrQXRFbmQgPSBwYXJlbnRXaWR0aCA8IHRyYWNrV2lkdGggJiYgdGhpcy5zdGF0ZS5sZWZ0IDw9IChwYXJlbnRXaWR0aCAtIHRyYWNrV2lkdGgpXG4gICAgY29uc3QgdHJhY2tBdEJlZ2lubmluZyA9IHRoaXMuc3RhdGUubGVmdCA+PSAwXG5cbiAgICBpZiAoIXBhcmVudFdpZHRoIHx8ICF0cmFja1dpZHRoKSB7IHJldHVybiB9XG4gICAgaWYgKE1hdGguY2VpbChwYXJlbnRXaWR0aCkgPj0gdHJhY2tXaWR0aCkgeyByZXR1cm4gdGhpcy5oaWRlQXJyb3dzKCkgfVxuICAgIGlmICghdHJhY2tBdEVuZCkgeyB0aGlzLnNob3dSaWdodEFycm93KCkgfSBlbHNlIHsgdGhpcy5oaWRlUmlnaHRBcnJvdygpIH1cbiAgICBpZiAoIXRyYWNrQXRCZWdpbm5pbmcpIHsgdGhpcy5zaG93TGVmdEFycm93KCkgfSBlbHNlIHsgdGhpcy5oaWRlTGVmdEFycm93KCkgfVxuICB9XG5cbiAgaGlkZUFycm93cyA9ICgpID0+IHtcbiAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgIHNob3dMZWZ0QXJyb3c6IGZhbHNlLFxuICAgICAgc2hvd1JpZ2h0QXJyb3c6IGZhbHNlXG4gICAgfSlcbiAgfVxuXG4gIGhpZGVSaWdodEFycm93ID0gKCkgPT4ge1xuICAgIHRoaXMuc2V0U3RhdGUoeyBzaG93UmlnaHRBcnJvdzogZmFsc2UgfSlcbiAgfVxuXG4gIGhpZGVMZWZ0QXJyb3cgPSAoKSA9PiB7XG4gICAgdGhpcy5zZXRTdGF0ZSh7IHNob3dMZWZ0QXJyb3c6IGZhbHNlIH0pXG4gIH1cblxuICBzaG93UmlnaHRBcnJvdyA9ICgpID0+IHtcbiAgICB0aGlzLnNldFN0YXRlKHsgc2hvd1JpZ2h0QXJyb3c6IHRydWUgfSlcbiAgfVxuXG4gIHNob3dMZWZ0QXJyb3cgPSAoKSA9PiB7XG4gICAgdGhpcy5zZXRTdGF0ZSh7IHNob3dMZWZ0QXJyb3c6IHRydWUgfSlcbiAgfVxuXG4gIHNsaWRlRm9yd2FyZCA9ICgpID0+IHtcbiAgICBjb25zdCB7IHBhcmVudFdpZHRoLCB0cmFja1dpZHRoIH0gPSB0aGlzLmdldE5vZGVXaWR0aHMoKVxuICAgIGxldCBuZXh0Rm9yd2FyZCA9IHRoaXMuc3RhdGUubGVmdCAtIHBhcmVudFdpZHRoXG4gICAgY29uc3QgZnVsbEZvcndhcmQgPSBwYXJlbnRXaWR0aCAtIHRyYWNrV2lkdGhcbiAgICBjb25zdCB7IG9uQmVmb3JlTmV4dCwgb25BZnRlck5leHQgfSA9IHRoaXMucHJvcHNcblxuICAgIC8vIGFscmVhZHkgaXMsIG9yIGlzIGdvaW5nIHRvIGJlLCBmdWxsIGZvcndhcmRcbiAgICBpZiAobmV4dEZvcndhcmQgPD0gZnVsbEZvcndhcmQpIHsgbmV4dEZvcndhcmQgPSBmdWxsRm9yd2FyZCB9XG5cbiAgICBjb25zdCBjYWxsYmFja1Byb3BzID0ge1xuICAgICAgYXRTdGFydDogdHJhY2tXaWR0aCA8PSBwYXJlbnRXaWR0aCxcbiAgICAgIGF0RW5kOiBmdWxsRm9yd2FyZCA9PT0gbmV4dEZvcndhcmQsXG4gICAgICBzbGlkZVRvOiBuZXh0Rm9yd2FyZCxcbiAgICAgIHBhcmVudFdpZHRoLFxuICAgICAgdHJhY2tXaWR0aFxuICAgIH1cblxuICAgIG9uQmVmb3JlTmV4dChjYWxsYmFja1Byb3BzKS50aGVuKCgpID0+IHtcbiAgICAgIHRoaXMudXBkYXRlTGVmdFZhbHVlKHtcbiAgICAgICAgbGVmdDogbmV4dEZvcndhcmQsXG4gICAgICAgIGNhbGxiYWNrOiBvbkFmdGVyTmV4dCxcbiAgICAgICAgY2FsbGJhY2tQcm9wc1xuICAgICAgfSlcbiAgICB9KVxuICB9XG5cbiAgc2xpZGVCYWNrID0gKCkgPT4ge1xuICAgIGNvbnN0IHsgcGFyZW50V2lkdGgsIHRyYWNrV2lkdGggfSA9IHRoaXMuZ2V0Tm9kZVdpZHRocygpXG4gICAgbGV0IG5leHRCYWNrID0gdGhpcy5zdGF0ZS5sZWZ0ICsgcGFyZW50V2lkdGhcbiAgICBjb25zdCB7IG9uQmVmb3JlQmFjaywgb25BZnRlckJhY2sgfSA9IHRoaXMucHJvcHNcblxuICAgIC8vIGFscmVhZHkgaXMsIG9yIGlzIGdvaW5nIHRvIGJlLCBmdWxsIGJhY2tcbiAgICBpZiAodGhpcy5zdGF0ZS5sZWZ0ID49IDAgfHwgbmV4dEJhY2sgPj0gMCkgeyBuZXh0QmFjayA9IDAgfVxuXG4gICAgY29uc3QgY2FsbGJhY2tQcm9wcyA9IHtcbiAgICAgIGF0U3RhcnQ6IG5leHRCYWNrID09PSAwLFxuICAgICAgYXRFbmQ6IGZhbHNlLFxuICAgICAgc2xpZGVUbzogbmV4dEJhY2ssXG4gICAgICBwYXJlbnRXaWR0aCxcbiAgICAgIHRyYWNrV2lkdGhcbiAgICB9XG5cbiAgICBvbkJlZm9yZUJhY2soY2FsbGJhY2tQcm9wcylcblxuICAgIHRoaXMudXBkYXRlTGVmdFZhbHVlKHtcbiAgICAgIGxlZnQ6IG5leHRCYWNrLFxuICAgICAgY2FsbGJhY2s6IG9uQWZ0ZXJCYWNrLFxuICAgICAgY2FsbGJhY2tQcm9wc1xuICAgIH0pXG4gIH1cblxuICB1cGRhdGVMZWZ0VmFsdWUoe2xlZnQsIGNhbGxiYWNrLCBjYWxsYmFja1Byb3BzfSkge1xuICAgIHRoaXMuc2V0U3RhdGUoeyBsZWZ0IH0sICgpID0+IHtcbiAgICAgIHRoaXMuY29tcHV0ZVNsaWRlQXR0cmlidXRlcygpXG4gICAgICBjYWxsYmFjayhjYWxsYmFja1Byb3BzKVxuICAgIH0pXG4gIH1cblxuICByZW5kZXJSaWdodEFycm93ID0gKCkgPT4ge1xuICAgIGNvbnN0IHsgc2xpZGVCdXR0b25TdHlsZXMgfSA9IGNvbXBvbmVudFN0eWxlc1xuXG4gICAgaWYgKCF0aGlzLnN0YXRlLnNob3dSaWdodEFycm93KSB7IHJldHVybiB9XG5cbiAgICBjb25zdCB7IHN0eWxlczogeyBSaWdodEFycm93ID0ge30gfSB9ID0gdGhpcy5wcm9wc1xuICAgIHJldHVybiAoXG4gICAgICA8Q2lyY2xlQnV0dG9uXG4gICAgICAgIG9uQ2xpY2s9e3RoaXMuc2xpZGVGb3J3YXJkfVxuICAgICAgICBhcmlhTGFiZWw9J25leHQnXG4gICAgICAgIHN0eWxlcz17e1xuICAgICAgICAgIC4uLnNsaWRlQnV0dG9uU3R5bGVzLmRlZmF1bHQsXG4gICAgICAgICAgLi4uc2xpZGVCdXR0b25TdHlsZXMucmlnaHQsXG4gICAgICAgICAgLi4uUmlnaHRBcnJvd1xuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8SWNvblxuICAgICAgICAgIG5hbWU9J2Fycm93UmlnaHRTbWFsbEJvbGQnXG4gICAgICAgICAgc3R5bGU9e3sgZm9udFNpemU6ICcyMHB4JyB9fVxuICAgICAgICAvPlxuICAgICAgPC9DaXJjbGVCdXR0b24+XG4gICAgKVxuICB9XG5cbiAgcmVuZGVyTGVmdEFycm93ID0gKCkgPT4ge1xuICAgIGNvbnN0IHsgc2xpZGVCdXR0b25TdHlsZXMgfSA9IGNvbXBvbmVudFN0eWxlc1xuXG4gICAgaWYgKCF0aGlzLnN0YXRlLnNob3dMZWZ0QXJyb3cpIHsgcmV0dXJuIH1cblxuICAgIGNvbnN0IHsgc3R5bGVzOiB7IExlZnRBcnJvdyA9IHt9IH0gfSA9IHRoaXMucHJvcHNcblxuICAgIHJldHVybiAoXG4gICAgICA8Q2lyY2xlQnV0dG9uXG4gICAgICAgIG9uQ2xpY2s9e3RoaXMuc2xpZGVCYWNrfVxuICAgICAgICBhcmlhTGFiZWw9J2JhY2snXG4gICAgICAgIHN0eWxlcz17e1xuICAgICAgICAgIC4uLnNsaWRlQnV0dG9uU3R5bGVzLmRlZmF1bHQsXG4gICAgICAgICAgLi4uc2xpZGVCdXR0b25TdHlsZXMubGVmdCxcbiAgICAgICAgICAuLi5MZWZ0QXJyb3dcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPEljb25cbiAgICAgICAgICBuYW1lPSdhcnJvd0xlZnRTbWFsbEJvbGQnXG4gICAgICAgICAgc3R5bGU9e3sgZm9udFNpemU6ICcyMHB4JyB9fVxuICAgICAgICAvPlxuICAgICAgPC9DaXJjbGVCdXR0b24+XG4gICAgKVxuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgY29udGFpbmVyU3R5bGVzLCBpbm5lckNvbnRhaW5lclN0eWxlcyB9ID0gY29tcG9uZW50U3R5bGVzXG4gICAgY29uc3QgeyBjaGlsZHJlbiwgc2Nyb2xsU3BlZWQsIHNjcm9sbFRpbWluZ0Z1bmN0aW9uLCBzdHlsZSwgc3R5bGVzOiB7IFRyYWNrID0ge30gfSB9ID0gdGhpcy5wcm9wc1xuXG4gICAgaWYgKCFjaGlsZHJlbikgeyByZXR1cm4gbnVsbCB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICByZWY9J2NvbnRhaW5lcidcbiAgICAgICAgc3R5bGU9e3sgLi4uY29udGFpbmVyU3R5bGVzLCAuLi5zdHlsZSB9fVxuICAgICAgPlxuICAgICAgICB7dGhpcy5yZW5kZXJMZWZ0QXJyb3coKX1cbiAgICAgICAgPGRpdlxuICAgICAgICAgIHN0eWxlPXtbXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgIGxlZnQ6IHRoaXMuc3RhdGUubGVmdCxcbiAgICAgICAgICAgICAgdHJhbnNpdGlvbjogYGxlZnQgJHtzY3JvbGxTcGVlZH1tcyAke3Njcm9sbFRpbWluZ0Z1bmN0aW9ufWAsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgaW5uZXJDb250YWluZXJTdHlsZXNcbiAgICAgICAgICBdfVxuICAgICAgICA+XG4gICAgICAgICAgPGRpdiByZWY9J3RyYWNrJyBzdHlsZT17VHJhY2t9PlxuICAgICAgICAgICAge3RoaXMuY2hpbGRyZW5XaXRoVHJhY2tQcm9wc31cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIHt0aGlzLnJlbmRlclJpZ2h0QXJyb3coKX1cbiAgICAgIDwvZGl2PlxuICAgIClcbiAgfVxufVxuXG5cbmV4cG9ydCBkZWZhdWx0IFNjcm9sbFRyYWNrXG5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8gc3JjL2NvbXBvbmVudHMvU2Nyb2xsVHJhY2svU2Nyb2xsVHJhY2suanMiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUNBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7Ozs7Ozs7Ozs7O0FBQ0E7QUFDQTtBQUVBOzs7QUEwREE7QUFBQTtBQUNBO0FBREE7QUFDQTtBQURBO0FBc0RBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFoRUE7QUFpRUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUEzRUE7QUE2RUE7QUFDQTtBQUNBO0FBRkE7QUFJQTtBQUNBO0FBbEZBO0FBb0ZBO0FBQ0E7QUFDQTtBQXRGQTtBQXdGQTtBQUNBO0FBQ0E7QUExRkE7QUE0RkE7QUFDQTtBQUNBO0FBOUZBO0FBZ0dBO0FBQ0E7QUFDQTtBQWxHQTtBQW1HQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFIQTtBQUFBO0FBQUE7QUFDQTtBQUtBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUxBO0FBQ0E7QUFPQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSEE7QUFLQTtBQUNBO0FBQ0E7QUE1SEE7QUE2SEE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUZBO0FBQUE7QUFBQTtBQUNBO0FBSUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBTEE7QUFDQTtBQU9BO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUhBO0FBS0E7QUFDQTtBQXJKQTtBQTZKQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUpBO0FBQUE7QUFDQTtBQUtBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUhBO0FBU0E7QUFDQTtBQUNBO0FBRkE7QUFUQTtBQWVBO0FBQ0E7QUFwTEE7QUFxTEE7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFKQTtBQUFBO0FBQ0E7QUFDQTtBQUtBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUhBO0FBU0E7QUFDQTtBQUNBO0FBRkE7QUFUQTtBQWVBO0FBQ0E7QUExTUE7QUFDQTtBQUNBO0FBQ0E7QUFIQTtBQUhBO0FBUUE7QUFDQTs7O0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOzs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7O0FBRUE7QUFDQTtBQUNBOzs7QUFrSEE7QUFBQTtBQUNBO0FBREE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOzs7QUFtREE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBRUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBRkE7QUFJQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBRUE7QUFDQTtBQUZBO0FBRkE7QUFTQTtBQUFBO0FBQUE7QUFDQTtBQURBO0FBVEE7QUFhQTtBQWxCQTtBQXFCQTs7O0FBcE1BO0FBQ0E7QUFDQTtBQUNBO0FBSUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7Ozs7QUE1R0E7QUFJQTtBQUNBO0FBQ0E7QUFDQTs7Ozs7O0FBTUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFIQTtBQS9CQTtBQXVDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUhBO0FBS0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBYkE7QUFDQTtBQTZQQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///13\n"); +eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _class, _class2, _temp;\n\nvar _ScrollTrackStyles = __webpack_require__(22);\n\nvar _ScrollTrackStyles2 = _interopRequireDefault(_ScrollTrackStyles);\n\nvar _equalWidthTrack = __webpack_require__(23);\n\nvar _equalWidthTrack2 = _interopRequireDefault(_equalWidthTrack);\n\nvar _ScrollTrackPropTypes = __webpack_require__(14);\n\nvar _ScrollTrackPropTypes2 = _interopRequireDefault(_ScrollTrackPropTypes);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _CircleButton = __webpack_require__(9);\n\nvar _CircleButton2 = _interopRequireDefault(_CircleButton);\n\nvar _Icon = __webpack_require__(12);\n\nvar _Icon2 = _interopRequireDefault(_Icon);\n\nvar _radium = __webpack_require__(2);\n\nvar _radium2 = _interopRequireDefault(_radium);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _underscore = __webpack_require__(24);\n\nvar _underscore2 = _interopRequireDefault(_underscore);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar noOp = function noOp() {}; // eslint-disable-line no-empty-function\n\nvar ScrollTrack = (0, _radium2.default)(_class = (_temp = _class2 = function (_Component) {\n _inherits(ScrollTrack, _Component);\n\n function ScrollTrack(props) {\n _classCallCheck(this, ScrollTrack);\n\n var _this = _possibleConstructorReturn(this, (ScrollTrack.__proto__ || Object.getPrototypeOf(ScrollTrack)).call(this, props));\n\n _this.getNodeWidths = function () {\n var parentNode = _this.refs.container;\n var parentNodeBounds = parentNode && parentNode.getBoundingClientRect();\n var trackNode = _this.refs.track;\n var trackNodeBounds = trackNode && trackNode.getBoundingClientRect();\n var parentWidth = parentNodeBounds && parentNodeBounds.width;\n var trackWidth = trackNode && trackNode.offsetLeft + trackNode.scrollWidth;\n var trackBounds = trackNodeBounds;\n\n return { parentWidth: parentWidth, trackWidth: trackWidth, trackBounds: trackBounds };\n };\n\n _this.computeSlideAttributes = function () {\n var _this$getNodeWidths = _this.getNodeWidths(),\n parentWidth = _this$getNodeWidths.parentWidth,\n trackWidth = _this$getNodeWidths.trackWidth;\n\n var trackAtEnd = parentWidth < trackWidth && _this.state.left <= parentWidth - trackWidth;\n var trackAtBeginning = _this.state.left >= 0;\n\n if (!parentWidth || !trackWidth) {\n return;\n }\n if (Math.ceil(parentWidth) >= trackWidth) {\n return _this.hideArrows();\n }\n if (!trackAtEnd) {\n _this.showRightArrow();\n } else {\n _this.hideRightArrow();\n }\n if (!trackAtBeginning) {\n _this.showLeftArrow();\n } else {\n _this.hideLeftArrow();\n }\n };\n\n _this.hideArrows = function () {\n _this.setState({\n showLeftArrow: false,\n showRightArrow: false\n });\n };\n\n _this.hideRightArrow = function () {\n _this.setState({ showRightArrow: false });\n };\n\n _this.hideLeftArrow = function () {\n _this.setState({ showLeftArrow: false });\n };\n\n _this.showRightArrow = function () {\n _this.setState({ showRightArrow: true });\n };\n\n _this.showLeftArrow = function () {\n _this.setState({ showLeftArrow: true });\n };\n\n _this.slideForward = function () {\n var _this$getNodeWidths2 = _this.getNodeWidths(),\n parentWidth = _this$getNodeWidths2.parentWidth,\n trackWidth = _this$getNodeWidths2.trackWidth;\n\n var nextForward = _this.state.left - parentWidth;\n var fullForward = parentWidth - trackWidth;\n var _this$props = _this.props,\n onBeforeNext = _this$props.onBeforeNext,\n onAfterNext = _this$props.onAfterNext;\n\n // already is, or is going to be, full forward\n\n if (nextForward <= fullForward) {\n nextForward = fullForward;\n }\n\n var callbackProps = {\n atStart: trackWidth <= parentWidth,\n atEnd: fullForward === nextForward,\n slideTo: nextForward,\n parentWidth: parentWidth,\n trackWidth: trackWidth\n };\n\n onBeforeNext(callbackProps).then(function () {\n _this.updateLeftValue({\n left: nextForward,\n callback: onAfterNext,\n callbackProps: callbackProps\n });\n });\n };\n\n _this.slideBack = function () {\n var _this$getNodeWidths3 = _this.getNodeWidths(),\n parentWidth = _this$getNodeWidths3.parentWidth,\n trackWidth = _this$getNodeWidths3.trackWidth;\n\n var nextBack = _this.state.left + parentWidth;\n var _this$props2 = _this.props,\n onBeforeBack = _this$props2.onBeforeBack,\n onAfterBack = _this$props2.onAfterBack;\n\n // already is, or is going to be, full back\n\n if (_this.state.left >= 0 || nextBack >= 0) {\n nextBack = 0;\n }\n\n var callbackProps = {\n atStart: nextBack === 0,\n atEnd: false,\n slideTo: nextBack,\n parentWidth: parentWidth,\n trackWidth: trackWidth\n };\n\n onBeforeBack(callbackProps);\n\n _this.updateLeftValue({\n left: nextBack,\n callback: onAfterBack,\n callbackProps: callbackProps\n });\n };\n\n _this.renderRightArrow = function () {\n var slideButtonStyles = _ScrollTrackStyles2.default.slideButtonStyles;\n\n\n if (!_this.state.showRightArrow) {\n return;\n }\n\n var _this$props$styles$Ri = _this.props.styles.RightArrow,\n RightArrow = _this$props$styles$Ri === undefined ? {} : _this$props$styles$Ri;\n\n return _react2.default.createElement(\n _CircleButton2.default,\n {\n onClick: _this.slideForward,\n ariaLabel: 'next',\n styles: _extends({}, slideButtonStyles.default, slideButtonStyles.right, RightArrow)\n },\n _react2.default.createElement(_Icon2.default, {\n name: 'arrowRightSmallBold',\n style: { fontSize: '20px' }\n })\n );\n };\n\n _this.renderLeftArrow = function () {\n var slideButtonStyles = _ScrollTrackStyles2.default.slideButtonStyles;\n\n\n if (!_this.state.showLeftArrow) {\n return;\n }\n\n var _this$props$styles$Le = _this.props.styles.LeftArrow,\n LeftArrow = _this$props$styles$Le === undefined ? {} : _this$props$styles$Le;\n\n\n return _react2.default.createElement(\n _CircleButton2.default,\n {\n onClick: _this.slideBack,\n ariaLabel: 'back',\n styles: _extends({}, slideButtonStyles.default, slideButtonStyles.left, LeftArrow)\n },\n _react2.default.createElement(_Icon2.default, {\n name: 'arrowLeftSmallBold',\n style: { fontSize: '20px' }\n })\n );\n };\n\n _this.state = {\n showLeftArrow: false,\n showRightArrow: false,\n left: props.leftOverride\n };\n return _this;\n }\n\n _createClass(ScrollTrack, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n this.debouncdComputeSlideAttributes = _underscore2.default.debounce(this.computeSlideAttributes, 200);\n this.computeSlideAttributes();\n\n window.addEventListener('resize', this.debouncdComputeSlideAttributes);\n }\n }, {\n key: 'componentWillReceiveProps',\n value: function componentWillReceiveProps(nextProps) {\n if (nextProps.leftOverride !== this.props.leftOverride) {\n // this allows for control of the scrolltrack by parent components\n this.setState({ left: nextProps.leftOverride });\n this.computeSlideAttributes();\n }\n }\n }, {\n key: 'componentDidUpdate',\n value: function componentDidUpdate(prevProps) {\n var prevChildren = prevProps.children || [];\n var newChildren = this.props.children || [];\n\n if (!_underscore2.default.isEqual(prevChildren, newChildren)) {\n this.computeSlideAttributes();\n }\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('resize', this.debouncdComputeSlideAttributes);\n }\n }, {\n key: 'updateLeftValue',\n value: function updateLeftValue(_ref) {\n var _this2 = this;\n\n var left = _ref.left,\n callback = _ref.callback,\n callbackProps = _ref.callbackProps;\n\n this.setState({ left: left }, function () {\n _this2.computeSlideAttributes();\n callback(callbackProps);\n });\n }\n }, {\n key: 'render',\n value: function render() {\n var containerStyles = _ScrollTrackStyles2.default.containerStyles,\n innerContainerStyles = _ScrollTrackStyles2.default.innerContainerStyles;\n var _props = this.props,\n children = _props.children,\n scrollSpeed = _props.scrollSpeed,\n scrollTimingFunction = _props.scrollTimingFunction,\n style = _props.style,\n _props$styles$Track = _props.styles.Track,\n Track = _props$styles$Track === undefined ? {} : _props$styles$Track;\n\n\n if (!children) {\n return null;\n }\n\n return _react2.default.createElement(\n 'div',\n {\n ref: 'container',\n style: _extends({}, containerStyles, style)\n },\n this.renderLeftArrow(),\n _react2.default.createElement(\n 'div',\n {\n style: [{\n transition: 'transform ' + scrollSpeed + 'ms ' + scrollTimingFunction,\n transform: 'translate3d(' + this.state.left + 'px, 0, 0)'\n }, innerContainerStyles]\n },\n _react2.default.createElement(\n 'div',\n { ref: 'track', style: Track },\n this.childrenWithTrackProps\n )\n ),\n this.renderRightArrow()\n );\n }\n }, {\n key: 'childrenWithTrackProps',\n get: function get() {\n var nodeWidths = this.getNodeWidths();\n var trackProps = _extends({}, this.state, nodeWidths);\n\n return _react2.default.Children.map(this.props.children, function (child) {\n var isHtmlTag = typeof child.type === 'string' && child.type[0] === child.type[0].toLowerCase();\n var childProps = isHtmlTag ? {} : { trackProps: trackProps };\n\n return _react2.default.cloneElement(child, childProps);\n });\n }\n }]);\n\n return ScrollTrack;\n}(_react.Component), _class2.equalWidthTrack = _equalWidthTrack2.default, _class2.ScrollTrackPropTypes = _ScrollTrackPropTypes2.default, _class2.propTypes = {\n /** Manually control left positioning of ScrollTrack */\n leftOverride: _propTypes2.default.number,\n\n /**\n * A callback called before sliding to next set.\n * ** Passed function must return a promsie **\n * -- will wait for promise resolution before continuing slide.\n * Use for high levels of control\n */\n onBeforeNext: _propTypes2.default.func,\n\n /** function to be called before sliding to previous set. */\n onBeforeBack: _propTypes2.default.func,\n\n /** function to be called after sliding to next set. */\n onAfterNext: _propTypes2.default.func,\n\n /** function to be called after sliding to previous set. */\n onAfterBack: _propTypes2.default.func,\n\n /** Transition timing function to use for scrolling animation - defaults to ease-in-out */\n scrollTimingFunction: _propTypes2.default.string,\n\n /** Speed of scrolling animaton in milleseconds - defaults to 150ms */\n scrollSpeed: _propTypes2.default.number,\n\n /** Style top level element */\n style: _propTypes2.default.object,\n\n /** Style specifc children elements [LeftArrow, RightArrow, Track] */\n styles: _propTypes2.default.shape({\n LeftArrow: _propTypes2.default.object,\n RightArrow: _propTypes2.default.object,\n Track: _propTypes2.default.object\n })\n}, _class2.defaultProps = {\n leftOverride: 0,\n scrollSpeed: 150,\n scrollTimingFunction: 'ease-in-out',\n styles: {\n LeftArrow: {},\n RightArrow: {},\n Track: {}\n },\n style: {},\n onBeforeBack: noOp,\n onAfterNext: noOp,\n onAfterBack: noOp,\n onBeforeNext: function onBeforeNext() {\n return new Promise(function (resolve) {\n return resolve();\n });\n }\n}, _temp)) || _class;\n\nexports.default = ScrollTrack;//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMTMuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vc3JjL2NvbXBvbmVudHMvU2Nyb2xsVHJhY2svU2Nyb2xsVHJhY2suanM/MzJlMyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgY29tcG9uZW50U3R5bGVzIGZyb20gJy4vU2Nyb2xsVHJhY2tTdHlsZXMnXG5pbXBvcnQgZXF1YWxXaWR0aFRyYWNrIGZyb20gJy4vZXF1YWxXaWR0aFRyYWNrJ1xuaW1wb3J0IFNjcm9sbFRyYWNrUHJvcFR5cGVzIGZyb20gJy4vU2Nyb2xsVHJhY2tQcm9wVHlwZXMnXG5cbmltcG9ydCBSZWFjdCwgeyBDb21wb25lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBDaXJjbGVCdXR0b24gIGZyb20gJy4uL0J1dHRvbnMvQ2lyY2xlQnV0dG9uJ1xuaW1wb3J0IEljb24gICAgICAgICAgZnJvbSAnLi4vSWNvbi9JY29uJ1xuaW1wb3J0IFJhZGl1bSAgICAgICAgZnJvbSAncmFkaXVtJ1xuaW1wb3J0IFByb3BUeXBlcyAgICAgZnJvbSAncHJvcC10eXBlcydcbmltcG9ydCBfICAgICAgICAgICAgIGZyb20gJ3VuZGVyc2NvcmUnXG5cbmNvbnN0IG5vT3AgPSAoKSA9PiB7fSAvLyBlc2xpbnQtZGlzYWJsZS1saW5lIG5vLWVtcHR5LWZ1bmN0aW9uXG5cbkBSYWRpdW1cbmNsYXNzIFNjcm9sbFRyYWNrIGV4dGVuZHMgQ29tcG9uZW50IHtcbiAgc3RhdGljIGVxdWFsV2lkdGhUcmFjayA9IGVxdWFsV2lkdGhUcmFja1xuICBzdGF0aWMgU2Nyb2xsVHJhY2tQcm9wVHlwZXMgPSBTY3JvbGxUcmFja1Byb3BUeXBlc1xuXG4gIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgLyoqIE1hbnVhbGx5IGNvbnRyb2wgbGVmdCBwb3NpdGlvbmluZyBvZiBTY3JvbGxUcmFjayAqL1xuICAgIGxlZnRPdmVycmlkZTogUHJvcFR5cGVzLm51bWJlcixcblxuICAgIC8qKlxuICAgICogQSBjYWxsYmFjayBjYWxsZWQgYmVmb3JlIHNsaWRpbmcgdG8gbmV4dCBzZXQuXG4gICAgKiAqKiBQYXNzZWQgZnVuY3Rpb24gbXVzdCByZXR1cm4gYSBwcm9tc2llICoqXG4gICAgKiAtLSB3aWxsIHdhaXQgZm9yIHByb21pc2UgcmVzb2x1dGlvbiBiZWZvcmUgY29udGludWluZyBzbGlkZS5cbiAgICAqIFVzZSBmb3IgaGlnaCBsZXZlbHMgb2YgY29udHJvbFxuICAgICovXG4gICAgb25CZWZvcmVOZXh0OiBQcm9wVHlwZXMuZnVuYyxcblxuICAgIC8qKiAgZnVuY3Rpb24gdG8gYmUgY2FsbGVkIGJlZm9yZSBzbGlkaW5nIHRvIHByZXZpb3VzIHNldC4gKi9cbiAgICBvbkJlZm9yZUJhY2s6IFByb3BUeXBlcy5mdW5jLFxuXG4gICAgLyoqICBmdW5jdGlvbiB0byBiZSBjYWxsZWQgYWZ0ZXIgc2xpZGluZyB0byBuZXh0IHNldC4gKi9cbiAgICBvbkFmdGVyTmV4dDogUHJvcFR5cGVzLmZ1bmMsXG5cbiAgICAvKiogIGZ1bmN0aW9uIHRvIGJlIGNhbGxlZCBhZnRlciBzbGlkaW5nIHRvIHByZXZpb3VzIHNldC4gKi9cbiAgICBvbkFmdGVyQmFjazogUHJvcFR5cGVzLmZ1bmMsXG5cbiAgICAvKiogVHJhbnNpdGlvbiB0aW1pbmcgZnVuY3Rpb24gdG8gdXNlIGZvciBzY3JvbGxpbmcgYW5pbWF0aW9uIC0gZGVmYXVsdHMgdG8gZWFzZS1pbi1vdXQgKi9cbiAgICBzY3JvbGxUaW1pbmdGdW5jdGlvbjogUHJvcFR5cGVzLnN0cmluZyxcblxuICAgIC8qKiBTcGVlZCBvZiBzY3JvbGxpbmcgYW5pbWF0b24gaW4gbWlsbGVzZWNvbmRzIC0gZGVmYXVsdHMgdG8gMTUwbXMgKi9cbiAgICBzY3JvbGxTcGVlZDogUHJvcFR5cGVzLm51bWJlcixcblxuICAgIC8qKiBTdHlsZSB0b3AgbGV2ZWwgZWxlbWVudCAqL1xuICAgIHN0eWxlOiBQcm9wVHlwZXMub2JqZWN0LFxuXG4gICAgLyoqIFN0eWxlIHNwZWNpZmMgY2hpbGRyZW4gZWxlbWVudHMgW0xlZnRBcnJvdywgUmlnaHRBcnJvdywgVHJhY2tdICovXG4gICAgc3R5bGVzOiBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgTGVmdEFycm93OiBQcm9wVHlwZXMub2JqZWN0LFxuICAgICAgUmlnaHRBcnJvdzogUHJvcFR5cGVzLm9iamVjdCxcbiAgICAgIFRyYWNrOiBQcm9wVHlwZXMub2JqZWN0LFxuICAgIH0pLFxuICB9XG5cbiAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICBsZWZ0T3ZlcnJpZGU6IDAsXG4gICAgc2Nyb2xsU3BlZWQ6IDE1MCxcbiAgICBzY3JvbGxUaW1pbmdGdW5jdGlvbjogJ2Vhc2UtaW4tb3V0JyxcbiAgICBzdHlsZXM6IHtcbiAgICAgIExlZnRBcnJvdzoge30sXG4gICAgICBSaWdodEFycm93OiB7fSxcbiAgICAgIFRyYWNrOiB7fVxuICAgIH0sXG4gICAgc3R5bGU6IHt9LFxuICAgIG9uQmVmb3JlQmFjazogbm9PcCxcbiAgICBvbkFmdGVyTmV4dDogbm9PcCxcbiAgICBvbkFmdGVyQmFjazogbm9PcCxcbiAgICBvbkJlZm9yZU5leHQ6ICgpID0+IG5ldyBQcm9taXNlKHJlc29sdmUgPT4gcmVzb2x2ZSgpKVxuICB9XG5cbiAgY29uc3RydWN0b3IocHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcylcblxuICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICBzaG93TGVmdEFycm93OiBmYWxzZSxcbiAgICAgIHNob3dSaWdodEFycm93OiBmYWxzZSxcbiAgICAgIGxlZnQ6IHByb3BzLmxlZnRPdmVycmlkZVxuICAgIH1cbiAgfVxuXG4gIGNvbXBvbmVudERpZE1vdW50KCkge1xuICAgIHRoaXMuZGVib3VuY2RDb21wdXRlU2xpZGVBdHRyaWJ1dGVzID0gXy5kZWJvdW5jZSh0aGlzLmNvbXB1dGVTbGlkZUF0dHJpYnV0ZXMsIDIwMClcbiAgICB0aGlzLmNvbXB1dGVTbGlkZUF0dHJpYnV0ZXMoKVxuXG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIHRoaXMuZGVib3VuY2RDb21wdXRlU2xpZGVBdHRyaWJ1dGVzKVxuICB9XG5cbiAgY29tcG9uZW50V2lsbFJlY2VpdmVQcm9wcyhuZXh0UHJvcHMpIHtcbiAgICBpZiAobmV4dFByb3BzLmxlZnRPdmVycmlkZSAhPT0gdGhpcy5wcm9wcy5sZWZ0T3ZlcnJpZGUpIHtcbiAgICAgIC8vIHRoaXMgYWxsb3dzIGZvciBjb250cm9sIG9mIHRoZSBzY3JvbGx0cmFjayBieSBwYXJlbnQgY29tcG9uZW50c1xuICAgICAgdGhpcy5zZXRTdGF0ZSh7IGxlZnQ6IG5leHRQcm9wcy5sZWZ0T3ZlcnJpZGUgfSlcbiAgICAgIHRoaXMuY29tcHV0ZVNsaWRlQXR0cmlidXRlcygpXG4gICAgfVxuICB9XG5cbiAgY29tcG9uZW50RGlkVXBkYXRlKHByZXZQcm9wcykge1xuICAgIGNvbnN0IHByZXZDaGlsZHJlbiA9IHByZXZQcm9wcy5jaGlsZHJlbiB8fCBbXVxuICAgIGNvbnN0IG5ld0NoaWxkcmVuID0gdGhpcy5wcm9wcy5jaGlsZHJlbiB8fCBbXVxuXG4gICAgaWYgKCFfLmlzRXF1YWwocHJldkNoaWxkcmVuLCBuZXdDaGlsZHJlbikpIHtcbiAgICAgIHRoaXMuY29tcHV0ZVNsaWRlQXR0cmlidXRlcygpXG4gICAgfVxuICB9XG5cbiAgY29tcG9uZW50V2lsbFVubW91bnQoKSB7XG4gICAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIHRoaXMuZGVib3VuY2RDb21wdXRlU2xpZGVBdHRyaWJ1dGVzKVxuICB9XG5cbiAgZ2V0IGNoaWxkcmVuV2l0aFRyYWNrUHJvcHMoKSB7XG4gICAgY29uc3Qgbm9kZVdpZHRocyA9IHRoaXMuZ2V0Tm9kZVdpZHRocygpXG4gICAgY29uc3QgdHJhY2tQcm9wcyA9IHtcbiAgICAgIC4uLnRoaXMuc3RhdGUsXG4gICAgICAuLi5ub2RlV2lkdGhzXG4gICAgfVxuXG4gICAgcmV0dXJuIFJlYWN0LkNoaWxkcmVuLm1hcCh0aGlzLnByb3BzLmNoaWxkcmVuLCBjaGlsZCA9PiB7XG4gICAgICBjb25zdCBpc0h0bWxUYWcgPSB0eXBlb2YgY2hpbGQudHlwZSA9PT0gJ3N0cmluZycgJiYgY2hpbGQudHlwZVswXSA9PT0gY2hpbGQudHlwZVswXS50b0xvd2VyQ2FzZSgpXG4gICAgICBjb25zdCBjaGlsZFByb3BzID0gaXNIdG1sVGFnID8ge30gOiB7IHRyYWNrUHJvcHMgfVxuXG4gICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCBjaGlsZFByb3BzKVxuICAgIH0pXG4gIH1cblxuICBnZXROb2RlV2lkdGhzID0gKCkgPT4ge1xuICAgIGNvbnN0IHBhcmVudE5vZGUgPSB0aGlzLnJlZnMuY29udGFpbmVyXG4gICAgY29uc3QgcGFyZW50Tm9kZUJvdW5kcyA9IHBhcmVudE5vZGUgJiYgcGFyZW50Tm9kZS5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKVxuICAgIGNvbnN0IHRyYWNrTm9kZSA9IHRoaXMucmVmcy50cmFja1xuICAgIGNvbnN0IHRyYWNrTm9kZUJvdW5kcyA9IHRyYWNrTm9kZSAmJiB0cmFja05vZGUuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KClcbiAgICBjb25zdCBwYXJlbnRXaWR0aCA9IHBhcmVudE5vZGVCb3VuZHMgJiYgcGFyZW50Tm9kZUJvdW5kcy53aWR0aFxuICAgIGNvbnN0IHRyYWNrV2lkdGggPSB0cmFja05vZGUgJiYgKHRyYWNrTm9kZS5vZmZzZXRMZWZ0ICsgdHJhY2tOb2RlLnNjcm9sbFdpZHRoKVxuICAgIGNvbnN0IHRyYWNrQm91bmRzID0gdHJhY2tOb2RlQm91bmRzXG5cbiAgICByZXR1cm4geyBwYXJlbnRXaWR0aCwgdHJhY2tXaWR0aCwgdHJhY2tCb3VuZHMgfVxuICB9XG5cbiAgY29tcHV0ZVNsaWRlQXR0cmlidXRlcyA9ICgpID0+IHtcbiAgICBjb25zdCB7IHBhcmVudFdpZHRoLCB0cmFja1dpZHRoIH0gPSB0aGlzLmdldE5vZGVXaWR0aHMoKVxuICAgIGNvbnN0IHRyYWNrQXRFbmQgPSBwYXJlbnRXaWR0aCA8IHRyYWNrV2lkdGggJiYgdGhpcy5zdGF0ZS5sZWZ0IDw9IChwYXJlbnRXaWR0aCAtIHRyYWNrV2lkdGgpXG4gICAgY29uc3QgdHJhY2tBdEJlZ2lubmluZyA9IHRoaXMuc3RhdGUubGVmdCA+PSAwXG5cbiAgICBpZiAoIXBhcmVudFdpZHRoIHx8ICF0cmFja1dpZHRoKSB7IHJldHVybiB9XG4gICAgaWYgKE1hdGguY2VpbChwYXJlbnRXaWR0aCkgPj0gdHJhY2tXaWR0aCkgeyByZXR1cm4gdGhpcy5oaWRlQXJyb3dzKCkgfVxuICAgIGlmICghdHJhY2tBdEVuZCkgeyB0aGlzLnNob3dSaWdodEFycm93KCkgfSBlbHNlIHsgdGhpcy5oaWRlUmlnaHRBcnJvdygpIH1cbiAgICBpZiAoIXRyYWNrQXRCZWdpbm5pbmcpIHsgdGhpcy5zaG93TGVmdEFycm93KCkgfSBlbHNlIHsgdGhpcy5oaWRlTGVmdEFycm93KCkgfVxuICB9XG5cbiAgaGlkZUFycm93cyA9ICgpID0+IHtcbiAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgIHNob3dMZWZ0QXJyb3c6IGZhbHNlLFxuICAgICAgc2hvd1JpZ2h0QXJyb3c6IGZhbHNlXG4gICAgfSlcbiAgfVxuXG4gIGhpZGVSaWdodEFycm93ID0gKCkgPT4ge1xuICAgIHRoaXMuc2V0U3RhdGUoeyBzaG93UmlnaHRBcnJvdzogZmFsc2UgfSlcbiAgfVxuXG4gIGhpZGVMZWZ0QXJyb3cgPSAoKSA9PiB7XG4gICAgdGhpcy5zZXRTdGF0ZSh7IHNob3dMZWZ0QXJyb3c6IGZhbHNlIH0pXG4gIH1cblxuICBzaG93UmlnaHRBcnJvdyA9ICgpID0+IHtcbiAgICB0aGlzLnNldFN0YXRlKHsgc2hvd1JpZ2h0QXJyb3c6IHRydWUgfSlcbiAgfVxuXG4gIHNob3dMZWZ0QXJyb3cgPSAoKSA9PiB7XG4gICAgdGhpcy5zZXRTdGF0ZSh7IHNob3dMZWZ0QXJyb3c6IHRydWUgfSlcbiAgfVxuXG4gIHNsaWRlRm9yd2FyZCA9ICgpID0+IHtcbiAgICBjb25zdCB7IHBhcmVudFdpZHRoLCB0cmFja1dpZHRoIH0gPSB0aGlzLmdldE5vZGVXaWR0aHMoKVxuICAgIGxldCBuZXh0Rm9yd2FyZCA9IHRoaXMuc3RhdGUubGVmdCAtIHBhcmVudFdpZHRoXG4gICAgY29uc3QgZnVsbEZvcndhcmQgPSBwYXJlbnRXaWR0aCAtIHRyYWNrV2lkdGhcbiAgICBjb25zdCB7IG9uQmVmb3JlTmV4dCwgb25BZnRlck5leHQgfSA9IHRoaXMucHJvcHNcblxuICAgIC8vIGFscmVhZHkgaXMsIG9yIGlzIGdvaW5nIHRvIGJlLCBmdWxsIGZvcndhcmRcbiAgICBpZiAobmV4dEZvcndhcmQgPD0gZnVsbEZvcndhcmQpIHsgbmV4dEZvcndhcmQgPSBmdWxsRm9yd2FyZCB9XG5cbiAgICBjb25zdCBjYWxsYmFja1Byb3BzID0ge1xuICAgICAgYXRTdGFydDogdHJhY2tXaWR0aCA8PSBwYXJlbnRXaWR0aCxcbiAgICAgIGF0RW5kOiBmdWxsRm9yd2FyZCA9PT0gbmV4dEZvcndhcmQsXG4gICAgICBzbGlkZVRvOiBuZXh0Rm9yd2FyZCxcbiAgICAgIHBhcmVudFdpZHRoLFxuICAgICAgdHJhY2tXaWR0aFxuICAgIH1cblxuICAgIG9uQmVmb3JlTmV4dChjYWxsYmFja1Byb3BzKS50aGVuKCgpID0+IHtcbiAgICAgIHRoaXMudXBkYXRlTGVmdFZhbHVlKHtcbiAgICAgICAgbGVmdDogbmV4dEZvcndhcmQsXG4gICAgICAgIGNhbGxiYWNrOiBvbkFmdGVyTmV4dCxcbiAgICAgICAgY2FsbGJhY2tQcm9wc1xuICAgICAgfSlcbiAgICB9KVxuICB9XG5cbiAgc2xpZGVCYWNrID0gKCkgPT4ge1xuICAgIGNvbnN0IHsgcGFyZW50V2lkdGgsIHRyYWNrV2lkdGggfSA9IHRoaXMuZ2V0Tm9kZVdpZHRocygpXG4gICAgbGV0IG5leHRCYWNrID0gdGhpcy5zdGF0ZS5sZWZ0ICsgcGFyZW50V2lkdGhcbiAgICBjb25zdCB7IG9uQmVmb3JlQmFjaywgb25BZnRlckJhY2sgfSA9IHRoaXMucHJvcHNcblxuICAgIC8vIGFscmVhZHkgaXMsIG9yIGlzIGdvaW5nIHRvIGJlLCBmdWxsIGJhY2tcbiAgICBpZiAodGhpcy5zdGF0ZS5sZWZ0ID49IDAgfHwgbmV4dEJhY2sgPj0gMCkgeyBuZXh0QmFjayA9IDAgfVxuXG4gICAgY29uc3QgY2FsbGJhY2tQcm9wcyA9IHtcbiAgICAgIGF0U3RhcnQ6IG5leHRCYWNrID09PSAwLFxuICAgICAgYXRFbmQ6IGZhbHNlLFxuICAgICAgc2xpZGVUbzogbmV4dEJhY2ssXG4gICAgICBwYXJlbnRXaWR0aCxcbiAgICAgIHRyYWNrV2lkdGhcbiAgICB9XG5cbiAgICBvbkJlZm9yZUJhY2soY2FsbGJhY2tQcm9wcylcblxuICAgIHRoaXMudXBkYXRlTGVmdFZhbHVlKHtcbiAgICAgIGxlZnQ6IG5leHRCYWNrLFxuICAgICAgY2FsbGJhY2s6IG9uQWZ0ZXJCYWNrLFxuICAgICAgY2FsbGJhY2tQcm9wc1xuICAgIH0pXG4gIH1cblxuICB1cGRhdGVMZWZ0VmFsdWUoe2xlZnQsIGNhbGxiYWNrLCBjYWxsYmFja1Byb3BzfSkge1xuICAgIHRoaXMuc2V0U3RhdGUoeyBsZWZ0IH0sICgpID0+IHtcbiAgICAgIHRoaXMuY29tcHV0ZVNsaWRlQXR0cmlidXRlcygpXG4gICAgICBjYWxsYmFjayhjYWxsYmFja1Byb3BzKVxuICAgIH0pXG4gIH1cblxuICByZW5kZXJSaWdodEFycm93ID0gKCkgPT4ge1xuICAgIGNvbnN0IHsgc2xpZGVCdXR0b25TdHlsZXMgfSA9IGNvbXBvbmVudFN0eWxlc1xuXG4gICAgaWYgKCF0aGlzLnN0YXRlLnNob3dSaWdodEFycm93KSB7IHJldHVybiB9XG5cbiAgICBjb25zdCB7IHN0eWxlczogeyBSaWdodEFycm93ID0ge30gfSB9ID0gdGhpcy5wcm9wc1xuICAgIHJldHVybiAoXG4gICAgICA8Q2lyY2xlQnV0dG9uXG4gICAgICAgIG9uQ2xpY2s9e3RoaXMuc2xpZGVGb3J3YXJkfVxuICAgICAgICBhcmlhTGFiZWw9J25leHQnXG4gICAgICAgIHN0eWxlcz17e1xuICAgICAgICAgIC4uLnNsaWRlQnV0dG9uU3R5bGVzLmRlZmF1bHQsXG4gICAgICAgICAgLi4uc2xpZGVCdXR0b25TdHlsZXMucmlnaHQsXG4gICAgICAgICAgLi4uUmlnaHRBcnJvd1xuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8SWNvblxuICAgICAgICAgIG5hbWU9J2Fycm93UmlnaHRTbWFsbEJvbGQnXG4gICAgICAgICAgc3R5bGU9e3sgZm9udFNpemU6ICcyMHB4JyB9fVxuICAgICAgICAvPlxuICAgICAgPC9DaXJjbGVCdXR0b24+XG4gICAgKVxuICB9XG5cbiAgcmVuZGVyTGVmdEFycm93ID0gKCkgPT4ge1xuICAgIGNvbnN0IHsgc2xpZGVCdXR0b25TdHlsZXMgfSA9IGNvbXBvbmVudFN0eWxlc1xuXG4gICAgaWYgKCF0aGlzLnN0YXRlLnNob3dMZWZ0QXJyb3cpIHsgcmV0dXJuIH1cblxuICAgIGNvbnN0IHsgc3R5bGVzOiB7IExlZnRBcnJvdyA9IHt9IH0gfSA9IHRoaXMucHJvcHNcblxuICAgIHJldHVybiAoXG4gICAgICA8Q2lyY2xlQnV0dG9uXG4gICAgICAgIG9uQ2xpY2s9e3RoaXMuc2xpZGVCYWNrfVxuICAgICAgICBhcmlhTGFiZWw9J2JhY2snXG4gICAgICAgIHN0eWxlcz17e1xuICAgICAgICAgIC4uLnNsaWRlQnV0dG9uU3R5bGVzLmRlZmF1bHQsXG4gICAgICAgICAgLi4uc2xpZGVCdXR0b25TdHlsZXMubGVmdCxcbiAgICAgICAgICAuLi5MZWZ0QXJyb3dcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPEljb25cbiAgICAgICAgICBuYW1lPSdhcnJvd0xlZnRTbWFsbEJvbGQnXG4gICAgICAgICAgc3R5bGU9e3sgZm9udFNpemU6ICcyMHB4JyB9fVxuICAgICAgICAvPlxuICAgICAgPC9DaXJjbGVCdXR0b24+XG4gICAgKVxuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgY29udGFpbmVyU3R5bGVzLCBpbm5lckNvbnRhaW5lclN0eWxlcyB9ID0gY29tcG9uZW50U3R5bGVzXG4gICAgY29uc3QgeyBjaGlsZHJlbiwgc2Nyb2xsU3BlZWQsIHNjcm9sbFRpbWluZ0Z1bmN0aW9uLCBzdHlsZSwgc3R5bGVzOiB7IFRyYWNrID0ge30gfSB9ID0gdGhpcy5wcm9wc1xuXG4gICAgaWYgKCFjaGlsZHJlbikgeyByZXR1cm4gbnVsbCB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICByZWY9J2NvbnRhaW5lcidcbiAgICAgICAgc3R5bGU9e3sgLi4uY29udGFpbmVyU3R5bGVzLCAuLi5zdHlsZSB9fVxuICAgICAgPlxuICAgICAgICB7dGhpcy5yZW5kZXJMZWZ0QXJyb3coKX1cbiAgICAgICAgPGRpdlxuICAgICAgICAgIHN0eWxlPXtbXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgIHRyYW5zaXRpb246IGB0cmFuc2Zvcm0gJHtzY3JvbGxTcGVlZH1tcyAke3Njcm9sbFRpbWluZ0Z1bmN0aW9ufWAsXG4gICAgICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZTNkKCR7dGhpcy5zdGF0ZS5sZWZ0fXB4LCAwLCAwKWBcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBpbm5lckNvbnRhaW5lclN0eWxlc1xuICAgICAgICAgIF19XG4gICAgICAgID5cbiAgICAgICAgICA8ZGl2IHJlZj0ndHJhY2snIHN0eWxlPXtUcmFja30+XG4gICAgICAgICAgICB7dGhpcy5jaGlsZHJlbldpdGhUcmFja1Byb3BzfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAge3RoaXMucmVuZGVyUmlnaHRBcnJvdygpfVxuICAgICAgPC9kaXY+XG4gICAgKVxuICB9XG59XG5cblxuZXhwb3J0IGRlZmF1bHQgU2Nyb2xsVHJhY2tcblxuXG5cbi8vIFdFQlBBQ0sgRk9PVEVSIC8vXG4vLyBzcmMvY29tcG9uZW50cy9TY3JvbGxUcmFjay9TY3JvbGxUcmFjay5qcyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQ0E7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7Ozs7Ozs7Ozs7QUFDQTtBQUNBO0FBRUE7OztBQTBEQTtBQUFBO0FBQ0E7QUFEQTtBQUNBO0FBREE7QUFzREE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQWhFQTtBQWlFQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQTNFQTtBQTZFQTtBQUNBO0FBQ0E7QUFGQTtBQUlBO0FBQ0E7QUFsRkE7QUFvRkE7QUFDQTtBQUNBO0FBdEZBO0FBd0ZBO0FBQ0E7QUFDQTtBQTFGQTtBQTRGQTtBQUNBO0FBQ0E7QUE5RkE7QUFnR0E7QUFDQTtBQUNBO0FBbEdBO0FBbUdBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUhBO0FBQUE7QUFBQTtBQUNBO0FBS0E7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBTEE7QUFDQTtBQU9BO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFIQTtBQUtBO0FBQ0E7QUFDQTtBQTVIQTtBQTZIQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBRkE7QUFBQTtBQUFBO0FBQ0E7QUFJQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFMQTtBQUNBO0FBT0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSEE7QUFLQTtBQUNBO0FBckpBO0FBNkpBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBSkE7QUFBQTtBQUNBO0FBS0E7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBSEE7QUFTQTtBQUNBO0FBQ0E7QUFGQTtBQVRBO0FBZUE7QUFDQTtBQXBMQTtBQXFMQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUpBO0FBQUE7QUFDQTtBQUNBO0FBS0E7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBSEE7QUFTQTtBQUNBO0FBQ0E7QUFGQTtBQVRBO0FBZUE7QUFDQTtBQTFNQTtBQUNBO0FBQ0E7QUFDQTtBQUhBO0FBSEE7QUFRQTtBQUNBOzs7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7OztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOzs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOzs7QUFFQTtBQUNBO0FBQ0E7OztBQWtIQTtBQUFBO0FBQ0E7QUFEQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7OztBQW1EQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFFQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFGQTtBQUlBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFFQTtBQUNBO0FBRkE7QUFGQTtBQVNBO0FBQUE7QUFBQTtBQUNBO0FBREE7QUFUQTtBQWFBO0FBbEJBO0FBcUJBOzs7QUFwTUE7QUFDQTtBQUNBO0FBQ0E7QUFJQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7OztBQTVHQTtBQUlBO0FBQ0E7QUFDQTtBQUNBOzs7Ozs7QUFNQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUhBO0FBL0JBO0FBdUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSEE7QUFLQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFiQTtBQUNBO0FBNlBBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///13\n"); /***/ }), /* 14 */ @@ -216,14 +216,14 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n /***/ (function(module, exports, __webpack_require__) { "use strict"; -eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _radium = __webpack_require__(2);\n\nvar _radium2 = _interopRequireDefault(_radium);\n\nvar _NavigationPill = __webpack_require__(21);\n\nvar _NavigationPill2 = _interopRequireDefault(_NavigationPill);\n\nvar _ScrollTrack = __webpack_require__(13);\n\nvar _ScrollTrack2 = _interopRequireDefault(_ScrollTrack);\n\nvar _colors = __webpack_require__(4);\n\nvar _colors2 = _interopRequireDefault(_colors);\n\nvar _spacing = __webpack_require__(5);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar styles = {\n labelStyles: {\n marginRight: '10px'\n },\n wrapperStyles: {\n display: 'inline-block',\n height: '56px',\n minWidth: '100%',\n padding: _spacing.spacings.XS + 'px ' + _spacing.spacings.XS + 'px ' + _spacing.spacings.XS + 'px ' + _spacing.spacings.MD + 'px',\n backgroundColor: _colors2.default.WHITE,\n boxSizing: 'border-box'\n },\n pillsContainerStyles: {\n display: 'inline-block',\n margin: '0'\n }\n};\n\nvar NavigationPills = function NavigationPills(props) {\n var renderLabel = function renderLabel() {\n if (!props.label) {\n return;\n }\n\n return _react2.default.createElement(\n 'label',\n { style: styles.labelStyles },\n props.label\n );\n };\n\n var renderPill = function renderPill(pill, idx) {\n return _react2.default.createElement(_NavigationPill2.default, {\n isActive: props.activePill === pill.text,\n onClick: function onClick(e) {\n return props.onPillClick(e, pill);\n },\n text: pill.text,\n key: 'pill-' + idx\n });\n };\n\n var pillsContainerStyles = styles.pillsContainerStyles,\n wrapperStyles = styles.wrapperStyles;\n\n\n if (!props.pills || props.pills.length <= 1) {\n return null;\n }\n\n return _react2.default.createElement(\n _ScrollTrack2.default,\n null,\n _react2.default.createElement(\n 'div',\n {\n style: wrapperStyles,\n ref: 'pillsTrack'\n },\n renderLabel(),\n _react2.default.createElement(\n 'ul',\n { style: pillsContainerStyles },\n props.pills.map(renderPill)\n )\n )\n );\n};\n\nNavigationPills.propTypes = {\n /** array of pill objects */\n pills: _propTypes2.default.array,\n /** Callback function called after pill click\n * @param {SyntheticEvent} event The react `SyntheticEvent`\n * @param {props} object All the props passed to the component\n */\n onPillClick: _propTypes2.default.func,\n /** optional label placed in front of pills */\n label: _propTypes2.default.string,\n /** string matching the text of one of the pills. Determines which pill is active, if any */\n activePill: _propTypes2.default.string\n};\n\nexports.default = (0, _radium2.default)(NavigationPills);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMjAuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvblBpbGxzL05hdmlnYXRpb25QaWxscy5qcz9iMGZjIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCAgICAgICAgICAgZnJvbSAncmVhY3QnXG5pbXBvcnQgUHJvcFR5cGVzICAgICAgIGZyb20gJ3Byb3AtdHlwZXMnXG5pbXBvcnQgUmFkaXVtICAgICAgICAgIGZyb20gJ3JhZGl1bSdcbmltcG9ydCBOYXZpZ2F0aW9uUGlsbCAgZnJvbSAnLi9OYXZpZ2F0aW9uUGlsbCdcbmltcG9ydCBTY3JvbGxUcmFjayAgICAgZnJvbSAnLi4vU2Nyb2xsVHJhY2svU2Nyb2xsVHJhY2snXG5pbXBvcnQgY29sb3JzICAgICAgICAgIGZyb20gJy4uLy4uL3N0eWxlcy9jb2xvcnMnXG5pbXBvcnQgeyBzcGFjaW5ncyB9ICAgIGZyb20gJy4uLy4uL3N0eWxlcy9zcGFjaW5nJ1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGxhYmVsU3R5bGVzOiB7XG4gICAgbWFyZ2luUmlnaHQ6ICcxMHB4JyxcbiAgfSxcbiAgd3JhcHBlclN0eWxlczoge1xuICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgIGhlaWdodDogJzU2cHgnLFxuICAgIG1pbldpZHRoOiAnMTAwJScsXG4gICAgcGFkZGluZzogYCR7c3BhY2luZ3MuWFN9cHggJHtzcGFjaW5ncy5YU31weCAke3NwYWNpbmdzLlhTfXB4ICR7c3BhY2luZ3MuTUR9cHhgLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLldISVRFLFxuICAgIGJveFNpemluZzogJ2JvcmRlci1ib3gnXG4gIH0sXG4gIHBpbGxzQ29udGFpbmVyU3R5bGVzOiB7XG4gICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgbWFyZ2luOiAnMCdcbiAgfVxufVxuXG5jb25zdCBOYXZpZ2F0aW9uUGlsbHMgPSBwcm9wcyA9PiB7XG4gIGNvbnN0IHJlbmRlckxhYmVsID0gKCkgPT4ge1xuICAgIGlmICghcHJvcHMubGFiZWwpIHsgcmV0dXJuIH1cblxuICAgIHJldHVybiA8bGFiZWwgc3R5bGU9e3N0eWxlcy5sYWJlbFN0eWxlc30+e3Byb3BzLmxhYmVsfTwvbGFiZWw+XG4gIH1cblxuICBjb25zdCByZW5kZXJQaWxsID0gKHBpbGwsIGlkeCkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8TmF2aWdhdGlvblBpbGxcbiAgICAgICAgaXNBY3RpdmU9e3Byb3BzLmFjdGl2ZVBpbGwgPT09IHBpbGwudGV4dH1cbiAgICAgICAgb25DbGljaz17ZSA9PiBwcm9wcy5vblBpbGxDbGljayhlLCBwaWxsKX1cbiAgICAgICAgdGV4dD17cGlsbC50ZXh0fVxuICAgICAgICBrZXk9e2BwaWxsLSR7aWR4fWB9XG4gICAgICAvPlxuICAgIClcbiAgfVxuXG4gIGNvbnN0IHsgcGlsbHNDb250YWluZXJTdHlsZXMsIHdyYXBwZXJTdHlsZXMgfSA9IHN0eWxlc1xuXG4gIGlmICghcHJvcHMucGlsbHMgfHwgcHJvcHMucGlsbHMubGVuZ3RoIDw9IDEpIHsgcmV0dXJuIG51bGwgfVxuXG4gIHJldHVybiAoXG4gICAgPFNjcm9sbFRyYWNrPlxuICAgICAgPGRpdlxuICAgICAgICBzdHlsZT17d3JhcHBlclN0eWxlc31cbiAgICAgICAgcmVmPSdwaWxsc1RyYWNrJ1xuICAgICAgPlxuICAgICAgICB7cmVuZGVyTGFiZWwoKX1cbiAgICAgICAgPHVsIHN0eWxlPXtwaWxsc0NvbnRhaW5lclN0eWxlc30+XG4gICAgICAgICAge3Byb3BzLnBpbGxzLm1hcChyZW5kZXJQaWxsKX1cbiAgICAgICAgPC91bD5cbiAgICAgIDwvZGl2PlxuICAgIDwvU2Nyb2xsVHJhY2s+XG4gIClcbn1cblxuTmF2aWdhdGlvblBpbGxzLnByb3BUeXBlcyA9IHtcbiAgLyoqIGFycmF5IG9mIHBpbGwgb2JqZWN0cyAqL1xuICBwaWxsczogUHJvcFR5cGVzLmFycmF5LFxuICAvKiogQ2FsbGJhY2sgZnVuY3Rpb24gY2FsbGVkIGFmdGVyIHBpbGwgY2xpY2tcbiAgICogQHBhcmFtIHtTeW50aGV0aWNFdmVudH0gZXZlbnQgVGhlIHJlYWN0IGBTeW50aGV0aWNFdmVudGBcbiAgICogQHBhcmFtIHtwcm9wc30gb2JqZWN0IEFsbCB0aGUgcHJvcHMgcGFzc2VkIHRvIHRoZSBjb21wb25lbnRcbiAgKi9cbiAgb25QaWxsQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICAvKiogb3B0aW9uYWwgbGFiZWwgcGxhY2VkIGluIGZyb250IG9mIHBpbGxzICovXG4gIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAvKiogc3RyaW5nIG1hdGNoaW5nIHRoZSB0ZXh0IG9mIG9uZSBvZiB0aGUgcGlsbHMuIERldGVybWluZXMgd2hpY2ggcGlsbCBpcyBhY3RpdmUsIGlmIGFueSAqL1xuICBhY3RpdmVQaWxsOiBQcm9wVHlwZXMuc3RyaW5nXG59XG5cbmV4cG9ydCBkZWZhdWx0IFJhZGl1bShOYXZpZ2F0aW9uUGlsbHMpXG5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8gc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvblBpbGxzL05hdmlnYXRpb25QaWxscy5qcyJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQ0E7QUFDQTtBQUNBO0FBREE7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQU5BO0FBUUE7QUFDQTtBQUNBO0FBRkE7QUFaQTtBQUNBO0FBaUJBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUpBO0FBT0E7QUFDQTtBQWpCQTtBQUFBO0FBQ0E7QUFDQTtBQWtCQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFGQTtBQUlBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFEQTtBQUxBO0FBREE7QUFZQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7Ozs7QUFJQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBWEE7QUFDQTtBQWFBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///20\n"); +eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _radium = __webpack_require__(2);\n\nvar _radium2 = _interopRequireDefault(_radium);\n\nvar _NavigationPill = __webpack_require__(21);\n\nvar _NavigationPill2 = _interopRequireDefault(_NavigationPill);\n\nvar _ScrollTrack = __webpack_require__(13);\n\nvar _ScrollTrack2 = _interopRequireDefault(_ScrollTrack);\n\nvar _colors = __webpack_require__(4);\n\nvar _colors2 = _interopRequireDefault(_colors);\n\nvar _spacing = __webpack_require__(5);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar styles = {\n labelStyles: {\n marginRight: '10px'\n },\n wrapperStyles: {\n display: 'inline-block',\n height: '56px',\n minWidth: '100%',\n padding: _spacing.spacings.XS + 'px ' + _spacing.spacings.XS + 'px ' + _spacing.spacings.XS + 'px ' + _spacing.spacings.MD + 'px',\n backgroundColor: _colors2.default.WHITE,\n boxSizing: 'border-box'\n },\n pillsContainerStyles: {\n display: 'inline-block',\n margin: '0'\n }\n};\n\nvar NavigationPills = function NavigationPills(props) {\n var renderLabel = function renderLabel() {\n if (!props.label) {\n return;\n }\n\n return _react2.default.createElement(\n 'label',\n { style: styles.labelStyles },\n props.label\n );\n };\n\n var renderPill = function renderPill(pill, idx) {\n return _react2.default.createElement(_NavigationPill2.default, {\n isActive: props.activePill === pill.text,\n onClick: function onClick(e) {\n return props.onPillClick(e, pill);\n },\n text: pill.text,\n key: 'pill-' + idx\n });\n };\n\n var pillsContainerStyles = styles.pillsContainerStyles,\n wrapperStyles = styles.wrapperStyles;\n\n\n if (!props.pills || props.pills.length <= 1) {\n return null;\n }\n\n return _react2.default.createElement(\n _ScrollTrack2.default,\n null,\n _react2.default.createElement(\n 'div',\n _extends({\n style: wrapperStyles,\n ref: 'pillsTrack'\n }, props.elementAttributes),\n renderLabel(),\n _react2.default.createElement(\n 'ul',\n { style: pillsContainerStyles },\n props.pills.map(renderPill)\n )\n )\n );\n};\n\nNavigationPills.propTypes = {\n /** Any additonal props to add to the element (e.g. data attributes). */\n elementAttributes: _propTypes2.default.object,\n\n /** array of pill objects */\n pills: _propTypes2.default.array,\n /** Callback function called after pill click\n * @param {SyntheticEvent} event The react `SyntheticEvent`\n * @param {props} object All the props passed to the component\n */\n onPillClick: _propTypes2.default.func,\n /** optional label placed in front of pills */\n label: _propTypes2.default.string,\n /** string matching the text of one of the pills. Determines which pill is active, if any */\n activePill: _propTypes2.default.string\n};\n\nNavigationPills.defaultProps = {\n elementAttributes: {}\n};\n\nexports.default = (0, _radium2.default)(NavigationPills);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMjAuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvblBpbGxzL05hdmlnYXRpb25QaWxscy5qcz9iMGZjIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCAgICAgICAgICAgZnJvbSAncmVhY3QnXG5pbXBvcnQgUHJvcFR5cGVzICAgICAgIGZyb20gJ3Byb3AtdHlwZXMnXG5pbXBvcnQgUmFkaXVtICAgICAgICAgIGZyb20gJ3JhZGl1bSdcbmltcG9ydCBOYXZpZ2F0aW9uUGlsbCAgZnJvbSAnLi9OYXZpZ2F0aW9uUGlsbCdcbmltcG9ydCBTY3JvbGxUcmFjayAgICAgZnJvbSAnLi4vU2Nyb2xsVHJhY2svU2Nyb2xsVHJhY2snXG5pbXBvcnQgY29sb3JzICAgICAgICAgIGZyb20gJy4uLy4uL3N0eWxlcy9jb2xvcnMnXG5pbXBvcnQgeyBzcGFjaW5ncyB9ICAgIGZyb20gJy4uLy4uL3N0eWxlcy9zcGFjaW5nJ1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGxhYmVsU3R5bGVzOiB7XG4gICAgbWFyZ2luUmlnaHQ6ICcxMHB4JyxcbiAgfSxcbiAgd3JhcHBlclN0eWxlczoge1xuICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgIGhlaWdodDogJzU2cHgnLFxuICAgIG1pbldpZHRoOiAnMTAwJScsXG4gICAgcGFkZGluZzogYCR7c3BhY2luZ3MuWFN9cHggJHtzcGFjaW5ncy5YU31weCAke3NwYWNpbmdzLlhTfXB4ICR7c3BhY2luZ3MuTUR9cHhgLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLldISVRFLFxuICAgIGJveFNpemluZzogJ2JvcmRlci1ib3gnXG4gIH0sXG4gIHBpbGxzQ29udGFpbmVyU3R5bGVzOiB7XG4gICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgbWFyZ2luOiAnMCdcbiAgfVxufVxuXG5jb25zdCBOYXZpZ2F0aW9uUGlsbHMgPSBwcm9wcyA9PiB7XG4gIGNvbnN0IHJlbmRlckxhYmVsID0gKCkgPT4ge1xuICAgIGlmICghcHJvcHMubGFiZWwpIHsgcmV0dXJuIH1cblxuICAgIHJldHVybiA8bGFiZWwgc3R5bGU9e3N0eWxlcy5sYWJlbFN0eWxlc30+e3Byb3BzLmxhYmVsfTwvbGFiZWw+XG4gIH1cblxuICBjb25zdCByZW5kZXJQaWxsID0gKHBpbGwsIGlkeCkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8TmF2aWdhdGlvblBpbGxcbiAgICAgICAgaXNBY3RpdmU9e3Byb3BzLmFjdGl2ZVBpbGwgPT09IHBpbGwudGV4dH1cbiAgICAgICAgb25DbGljaz17ZSA9PiBwcm9wcy5vblBpbGxDbGljayhlLCBwaWxsKX1cbiAgICAgICAgdGV4dD17cGlsbC50ZXh0fVxuICAgICAgICBrZXk9e2BwaWxsLSR7aWR4fWB9XG4gICAgICAvPlxuICAgIClcbiAgfVxuXG4gIGNvbnN0IHsgcGlsbHNDb250YWluZXJTdHlsZXMsIHdyYXBwZXJTdHlsZXMgfSA9IHN0eWxlc1xuXG4gIGlmICghcHJvcHMucGlsbHMgfHwgcHJvcHMucGlsbHMubGVuZ3RoIDw9IDEpIHsgcmV0dXJuIG51bGwgfVxuXG4gIHJldHVybiAoXG4gICAgPFNjcm9sbFRyYWNrPlxuICAgICAgPGRpdlxuICAgICAgICBzdHlsZT17d3JhcHBlclN0eWxlc31cbiAgICAgICAgcmVmPSdwaWxsc1RyYWNrJ1xuICAgICAgICB7IC4uLnByb3BzLmVsZW1lbnRBdHRyaWJ1dGVzIH1cbiAgICAgID5cbiAgICAgICAge3JlbmRlckxhYmVsKCl9XG4gICAgICAgIDx1bCBzdHlsZT17cGlsbHNDb250YWluZXJTdHlsZXN9PlxuICAgICAgICAgIHtwcm9wcy5waWxscy5tYXAocmVuZGVyUGlsbCl9XG4gICAgICAgIDwvdWw+XG4gICAgICA8L2Rpdj5cbiAgICA8L1Njcm9sbFRyYWNrPlxuICApXG59XG5cbk5hdmlnYXRpb25QaWxscy5wcm9wVHlwZXMgPSB7XG4gIC8qKiBBbnkgYWRkaXRvbmFsIHByb3BzIHRvIGFkZCB0byB0aGUgZWxlbWVudCAoZS5nLiBkYXRhIGF0dHJpYnV0ZXMpLiAqL1xuICBlbGVtZW50QXR0cmlidXRlczogUHJvcFR5cGVzLm9iamVjdCxcblxuICAvKiogYXJyYXkgb2YgcGlsbCBvYmplY3RzICovXG4gIHBpbGxzOiBQcm9wVHlwZXMuYXJyYXksXG4gIC8qKiBDYWxsYmFjayBmdW5jdGlvbiBjYWxsZWQgYWZ0ZXIgcGlsbCBjbGlja1xuICAgKiBAcGFyYW0ge1N5bnRoZXRpY0V2ZW50fSBldmVudCBUaGUgcmVhY3QgYFN5bnRoZXRpY0V2ZW50YFxuICAgKiBAcGFyYW0ge3Byb3BzfSBvYmplY3QgQWxsIHRoZSBwcm9wcyBwYXNzZWQgdG8gdGhlIGNvbXBvbmVudFxuICAqL1xuICBvblBpbGxDbGljazogUHJvcFR5cGVzLmZ1bmMsXG4gIC8qKiBvcHRpb25hbCBsYWJlbCBwbGFjZWQgaW4gZnJvbnQgb2YgcGlsbHMgKi9cbiAgbGFiZWw6IFByb3BUeXBlcy5zdHJpbmcsXG4gIC8qKiBzdHJpbmcgbWF0Y2hpbmcgdGhlIHRleHQgb2Ygb25lIG9mIHRoZSBwaWxscy4gRGV0ZXJtaW5lcyB3aGljaCBwaWxsIGlzIGFjdGl2ZSwgaWYgYW55ICovXG4gIGFjdGl2ZVBpbGw6IFByb3BUeXBlcy5zdHJpbmdcbn1cblxuTmF2aWdhdGlvblBpbGxzLmRlZmF1bHRQcm9wcyA9IHtcbiAgZWxlbWVudEF0dHJpYnV0ZXM6IHt9XG59XG5cbmV4cG9ydCBkZWZhdWx0IFJhZGl1bShOYXZpZ2F0aW9uUGlsbHMpXG5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8gc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvblBpbGxzL05hdmlnYXRpb25QaWxscy5qcyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFDQTtBQUNBO0FBQ0E7QUFEQTtBQUdBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBTkE7QUFRQTtBQUNBO0FBQ0E7QUFGQTtBQVpBO0FBQ0E7QUFpQkE7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBRUE7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBSkE7QUFPQTtBQUNBO0FBakJBO0FBQUE7QUFDQTtBQUNBO0FBa0JBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUZBO0FBS0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQURBO0FBTkE7QUFEQTtBQWFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7OztBQUlBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFkQTtBQUNBO0FBZ0JBO0FBQ0E7QUFEQTtBQUNBO0FBR0EiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///20\n"); /***/ }), /* 21 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; -eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _radium = __webpack_require__(2);\n\nvar _radium2 = _interopRequireDefault(_radium);\n\nvar _colors = __webpack_require__(4);\n\nvar _colors2 = _interopRequireDefault(_colors);\n\nvar _withTheme = __webpack_require__(8);\n\nvar _withTheme2 = _interopRequireDefault(_withTheme);\n\nvar _utils = __webpack_require__(6);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar styles = {\n container: {\n display: 'inline-block'\n },\n main: {\n default: {\n padding: '12px 16px',\n display: 'block',\n fontSize: '14px',\n backgroundColor: _colors2.default.GRAY_97,\n borderRadius: '24px',\n margin: '0 4px',\n lineHeight: '1.2',\n transition: 'background-color 150ms ease-in-out',\n\n ':hover': {\n textDecoration: 'none',\n backgroundColor: _colors2.default.GRAY_93\n },\n\n ':focus': {\n textDecoration: 'none',\n backgroundColor: _colors2.default.GRAY_93,\n outline: 'none'\n }\n }\n }\n};\n\nvar NavigationPill = function NavigationPill(props) {\n var isActive = props.isActive,\n snacksTheme = props.snacksTheme,\n text = props.text;\n var primaryForeground = snacksTheme.colors.primaryForeground;\n\n\n var activeStyles = {\n backgroundColor: primaryForeground,\n color: _colors2.default.WHITE,\n\n ':hover': {\n backgroundColor: primaryForeground\n },\n ':focus': {\n backgroundColor: primaryForeground\n }\n };\n\n return _react2.default.createElement(\n 'li',\n { style: styles.container },\n _react2.default.createElement(\n 'a',\n {\n href: props.path || '#',\n 'data-bypass': true,\n onClick: function onClick(e) {\n return props.onClick(e, props);\n },\n style: [styles.main.default, { color: primaryForeground }, isActive && activeStyles],\n key: 'pill-anchor-' + text\n },\n text\n )\n );\n};\n\nNavigationPill.propTypes = {\n /** determines wether or not active styles are applied */\n isActive: _propTypes2.default.bool,\n /** Callback function called after pill click\n * @param {SyntheticEvent} event The react `SyntheticEvent`\n * @param {props} object All the props passed to the component\n */\n onClick: _propTypes2.default.func,\n /** url used for href property */\n path: _propTypes2.default.string,\n /** snacks theme attributes */\n snacksTheme: _utils.themePropTypes,\n /** text to appear inside pill */\n text: _propTypes2.default.string\n};\n\nNavigationPill.defaultProps = {\n isActive: false\n};\n\nexports.default = (0, _withTheme2.default)((0, _radium2.default)(NavigationPill));//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMjEuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvblBpbGxzL05hdmlnYXRpb25QaWxsLmpzP2YwMDQiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0ICAgICAgICAgICAgICBmcm9tICdyZWFjdCdcbmltcG9ydCBQcm9wVHlwZXMgICAgICAgICAgZnJvbSAncHJvcC10eXBlcydcbmltcG9ydCBSYWRpdW0gICAgICAgICAgICAgZnJvbSAncmFkaXVtJ1xuaW1wb3J0IGNvbG9ycyAgICAgICAgICAgICBmcm9tICcuLi8uLi9zdHlsZXMvY29sb3JzJ1xuaW1wb3J0IHdpdGhUaGVtZSAgICAgICAgICBmcm9tICcuLi8uLi9zdHlsZXMvdGhlbWVyL3dpdGhUaGVtZSdcbmltcG9ydCB7IHRoZW1lUHJvcFR5cGVzIH0gZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lci91dGlscydcblxuY29uc3Qgc3R5bGVzID0ge1xuICBjb250YWluZXI6IHtcbiAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJ1xuICB9LFxuICBtYWluOiB7XG4gICAgZGVmYXVsdDoge1xuICAgICAgcGFkZGluZzogJzEycHggMTZweCcsXG4gICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgZm9udFNpemU6ICcxNHB4JyxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLkdSQVlfOTcsXG4gICAgICBib3JkZXJSYWRpdXM6ICcyNHB4JyxcbiAgICAgIG1hcmdpbjogJzAgNHB4JyxcbiAgICAgIGxpbmVIZWlnaHQ6ICcxLjInLFxuICAgICAgdHJhbnNpdGlvbjogJ2JhY2tncm91bmQtY29sb3IgMTUwbXMgZWFzZS1pbi1vdXQnLFxuXG4gICAgICAnOmhvdmVyJzoge1xuICAgICAgICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy5HUkFZXzkzXG4gICAgICB9LFxuXG4gICAgICAnOmZvY3VzJzoge1xuICAgICAgICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy5HUkFZXzkzLFxuICAgICAgICBvdXRsaW5lOiAnbm9uZSdcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cblxuY29uc3QgTmF2aWdhdGlvblBpbGwgPSBwcm9wcyA9PiB7XG4gIGNvbnN0IHsgaXNBY3RpdmUsIHNuYWNrc1RoZW1lLCB0ZXh0IH0gPSBwcm9wc1xuICBjb25zdCB7IHByaW1hcnlGb3JlZ3JvdW5kIH0gPSBzbmFja3NUaGVtZS5jb2xvcnNcblxuICBjb25zdCBhY3RpdmVTdHlsZXMgPSB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBwcmltYXJ5Rm9yZWdyb3VuZCxcbiAgICBjb2xvcjogY29sb3JzLldISVRFLFxuXG4gICAgJzpob3Zlcic6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogcHJpbWFyeUZvcmVncm91bmRcbiAgICB9LFxuICAgICc6Zm9jdXMnOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHByaW1hcnlGb3JlZ3JvdW5kLFxuICAgIH1cbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGxpIHN0eWxlPXtzdHlsZXMuY29udGFpbmVyfT5cbiAgICAgIDxhXG4gICAgICAgIGhyZWY9e3Byb3BzLnBhdGggfHwgJyMnfVxuICAgICAgICBkYXRhLWJ5cGFzcz17dHJ1ZX1cbiAgICAgICAgb25DbGljaz17ZSA9PiBwcm9wcy5vbkNsaWNrKGUsIHByb3BzKX1cbiAgICAgICAgc3R5bGU9e1tcbiAgICAgICAgICBzdHlsZXMubWFpbi5kZWZhdWx0LFxuICAgICAgICAgIHsgY29sb3I6IHByaW1hcnlGb3JlZ3JvdW5kIH0sXG4gICAgICAgICAgaXNBY3RpdmUgJiYgYWN0aXZlU3R5bGVzXG4gICAgICAgIF19XG4gICAgICAgIGtleT17YHBpbGwtYW5jaG9yLSR7dGV4dH1gfVxuICAgICAgPlxuICAgICAgICB7dGV4dH1cbiAgICAgIDwvYT5cbiAgICA8L2xpPlxuICApXG59XG5cbk5hdmlnYXRpb25QaWxsLnByb3BUeXBlcyA9IHtcbiAgLyoqIGRldGVybWluZXMgd2V0aGVyIG9yIG5vdCBhY3RpdmUgc3R5bGVzIGFyZSBhcHBsaWVkICovXG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgLyoqIENhbGxiYWNrIGZ1bmN0aW9uIGNhbGxlZCBhZnRlciBwaWxsIGNsaWNrXG4gICAqIEBwYXJhbSB7U3ludGhldGljRXZlbnR9IGV2ZW50IFRoZSByZWFjdCBgU3ludGhldGljRXZlbnRgXG4gICAqIEBwYXJhbSB7cHJvcHN9IG9iamVjdCBBbGwgdGhlIHByb3BzIHBhc3NlZCB0byB0aGUgY29tcG9uZW50XG4gICovXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICAvKiogdXJsIHVzZWQgZm9yIGhyZWYgcHJvcGVydHkgKi9cbiAgcGF0aDogUHJvcFR5cGVzLnN0cmluZyxcbiAgLyoqIHNuYWNrcyB0aGVtZSBhdHRyaWJ1dGVzICovXG4gIHNuYWNrc1RoZW1lOiB0aGVtZVByb3BUeXBlcyxcbiAgLyoqIHRleHQgdG8gYXBwZWFyIGluc2lkZSBwaWxsICovXG4gIHRleHQ6IFByb3BUeXBlcy5zdHJpbmdcbn1cblxuTmF2aWdhdGlvblBpbGwuZGVmYXVsdFByb3BzID0ge1xuICBpc0FjdGl2ZTogZmFsc2Vcbn1cblxuZXhwb3J0IGRlZmF1bHQgd2l0aFRoZW1lKFJhZGl1bShOYXZpZ2F0aW9uUGlsbCkpXG5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8gc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvblBpbGxzL05hdmlnYXRpb25QaWxsLmpzIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFDQTtBQUNBO0FBQ0E7QUFEQTtBQUdBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFGQTtBQUNBO0FBSUE7QUFDQTtBQUNBO0FBQ0E7QUFIQTtBQWZBO0FBREE7QUFKQTtBQUNBO0FBNEJBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBREE7QUFHQTtBQUNBO0FBREE7QUFQQTtBQUNBO0FBV0E7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBS0E7QUFUQTtBQVdBO0FBWEE7QUFEQTtBQWdCQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7Ozs7QUFJQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQWJBO0FBQ0E7QUFlQTtBQUNBO0FBREE7QUFDQTtBQUdBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///21\n"); +eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _radium = __webpack_require__(2);\n\nvar _radium2 = _interopRequireDefault(_radium);\n\nvar _colors = __webpack_require__(4);\n\nvar _colors2 = _interopRequireDefault(_colors);\n\nvar _withTheme = __webpack_require__(8);\n\nvar _withTheme2 = _interopRequireDefault(_withTheme);\n\nvar _utils = __webpack_require__(6);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar styles = {\n container: {\n display: 'inline-block'\n },\n main: {\n default: {\n padding: '12px 16px',\n display: 'block',\n fontSize: '14px',\n backgroundColor: _colors2.default.GRAY_97,\n borderRadius: '24px',\n margin: '0 4px',\n lineHeight: '1.2',\n transition: 'background-color 150ms ease-in-out',\n\n ':hover': {\n textDecoration: 'none',\n backgroundColor: _colors2.default.GRAY_93\n },\n\n ':focus': {\n textDecoration: 'none',\n backgroundColor: _colors2.default.GRAY_93,\n outline: 'none'\n }\n }\n }\n};\n\nvar NavigationPill = function NavigationPill(props) {\n var isActive = props.isActive,\n snacksTheme = props.snacksTheme,\n text = props.text;\n var primaryForeground = snacksTheme.colors.primaryForeground;\n\n\n var activeStyles = {\n backgroundColor: primaryForeground,\n color: _colors2.default.WHITE,\n\n ':hover': {\n backgroundColor: primaryForeground\n },\n ':focus': {\n backgroundColor: primaryForeground\n }\n };\n\n return _react2.default.createElement(\n 'li',\n _extends({\n style: styles.container\n }, props.elementAttributes),\n _react2.default.createElement(\n 'a',\n {\n href: props.path || '#',\n 'data-bypass': true,\n onClick: function onClick(e) {\n return props.onClick(e, props);\n },\n style: [styles.main.default, { color: primaryForeground }, isActive && activeStyles],\n key: 'pill-anchor-' + text\n },\n text\n )\n );\n};\n\nNavigationPill.propTypes = {\n /** Any additonal props to add to the element (e.g. data attributes). */\n elementAttributes: _propTypes2.default.object,\n\n /** determines wether or not active styles are applied */\n isActive: _propTypes2.default.bool,\n /** Callback function called after pill click\n * @param {SyntheticEvent} event The react `SyntheticEvent`\n * @param {props} object All the props passed to the component\n */\n onClick: _propTypes2.default.func,\n /** url used for href property */\n path: _propTypes2.default.string,\n /** snacks theme attributes */\n snacksTheme: _utils.themePropTypes,\n /** text to appear inside pill */\n text: _propTypes2.default.string\n};\n\nNavigationPill.defaultProps = {\n elementAttributes: {},\n isActive: false\n};\n\nexports.default = (0, _withTheme2.default)((0, _radium2.default)(NavigationPill));//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMjEuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvblBpbGxzL05hdmlnYXRpb25QaWxsLmpzP2YwMDQiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0ICAgICAgICAgICAgICBmcm9tICdyZWFjdCdcbmltcG9ydCBQcm9wVHlwZXMgICAgICAgICAgZnJvbSAncHJvcC10eXBlcydcbmltcG9ydCBSYWRpdW0gICAgICAgICAgICAgZnJvbSAncmFkaXVtJ1xuaW1wb3J0IGNvbG9ycyAgICAgICAgICAgICBmcm9tICcuLi8uLi9zdHlsZXMvY29sb3JzJ1xuaW1wb3J0IHdpdGhUaGVtZSAgICAgICAgICBmcm9tICcuLi8uLi9zdHlsZXMvdGhlbWVyL3dpdGhUaGVtZSdcbmltcG9ydCB7IHRoZW1lUHJvcFR5cGVzIH0gZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lci91dGlscydcblxuY29uc3Qgc3R5bGVzID0ge1xuICBjb250YWluZXI6IHtcbiAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJ1xuICB9LFxuICBtYWluOiB7XG4gICAgZGVmYXVsdDoge1xuICAgICAgcGFkZGluZzogJzEycHggMTZweCcsXG4gICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgZm9udFNpemU6ICcxNHB4JyxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLkdSQVlfOTcsXG4gICAgICBib3JkZXJSYWRpdXM6ICcyNHB4JyxcbiAgICAgIG1hcmdpbjogJzAgNHB4JyxcbiAgICAgIGxpbmVIZWlnaHQ6ICcxLjInLFxuICAgICAgdHJhbnNpdGlvbjogJ2JhY2tncm91bmQtY29sb3IgMTUwbXMgZWFzZS1pbi1vdXQnLFxuXG4gICAgICAnOmhvdmVyJzoge1xuICAgICAgICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy5HUkFZXzkzXG4gICAgICB9LFxuXG4gICAgICAnOmZvY3VzJzoge1xuICAgICAgICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy5HUkFZXzkzLFxuICAgICAgICBvdXRsaW5lOiAnbm9uZSdcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cblxuY29uc3QgTmF2aWdhdGlvblBpbGwgPSBwcm9wcyA9PiB7XG4gIGNvbnN0IHsgaXNBY3RpdmUsIHNuYWNrc1RoZW1lLCB0ZXh0IH0gPSBwcm9wc1xuICBjb25zdCB7IHByaW1hcnlGb3JlZ3JvdW5kIH0gPSBzbmFja3NUaGVtZS5jb2xvcnNcblxuICBjb25zdCBhY3RpdmVTdHlsZXMgPSB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBwcmltYXJ5Rm9yZWdyb3VuZCxcbiAgICBjb2xvcjogY29sb3JzLldISVRFLFxuXG4gICAgJzpob3Zlcic6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogcHJpbWFyeUZvcmVncm91bmRcbiAgICB9LFxuICAgICc6Zm9jdXMnOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHByaW1hcnlGb3JlZ3JvdW5kLFxuICAgIH1cbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGxpXG4gICAgICBzdHlsZT17c3R5bGVzLmNvbnRhaW5lcn1cbiAgICAgIHsgLi4ucHJvcHMuZWxlbWVudEF0dHJpYnV0ZXMgfVxuICAgID5cbiAgICAgIDxhXG4gICAgICAgIGhyZWY9e3Byb3BzLnBhdGggfHwgJyMnfVxuICAgICAgICBkYXRhLWJ5cGFzcz17dHJ1ZX1cbiAgICAgICAgb25DbGljaz17ZSA9PiBwcm9wcy5vbkNsaWNrKGUsIHByb3BzKX1cbiAgICAgICAgc3R5bGU9e1tcbiAgICAgICAgICBzdHlsZXMubWFpbi5kZWZhdWx0LFxuICAgICAgICAgIHsgY29sb3I6IHByaW1hcnlGb3JlZ3JvdW5kIH0sXG4gICAgICAgICAgaXNBY3RpdmUgJiYgYWN0aXZlU3R5bGVzXG4gICAgICAgIF19XG4gICAgICAgIGtleT17YHBpbGwtYW5jaG9yLSR7dGV4dH1gfVxuICAgICAgPlxuICAgICAgICB7dGV4dH1cbiAgICAgIDwvYT5cbiAgICA8L2xpPlxuICApXG59XG5cbk5hdmlnYXRpb25QaWxsLnByb3BUeXBlcyA9IHtcbiAgLyoqIEFueSBhZGRpdG9uYWwgcHJvcHMgdG8gYWRkIHRvIHRoZSBlbGVtZW50IChlLmcuIGRhdGEgYXR0cmlidXRlcykuICovXG4gIGVsZW1lbnRBdHRyaWJ1dGVzOiBQcm9wVHlwZXMub2JqZWN0LFxuXG4gIC8qKiBkZXRlcm1pbmVzIHdldGhlciBvciBub3QgYWN0aXZlIHN0eWxlcyBhcmUgYXBwbGllZCAqL1xuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIC8qKiBDYWxsYmFjayBmdW5jdGlvbiBjYWxsZWQgYWZ0ZXIgcGlsbCBjbGlja1xuICAgKiBAcGFyYW0ge1N5bnRoZXRpY0V2ZW50fSBldmVudCBUaGUgcmVhY3QgYFN5bnRoZXRpY0V2ZW50YFxuICAgKiBAcGFyYW0ge3Byb3BzfSBvYmplY3QgQWxsIHRoZSBwcm9wcyBwYXNzZWQgdG8gdGhlIGNvbXBvbmVudFxuICAqL1xuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgLyoqIHVybCB1c2VkIGZvciBocmVmIHByb3BlcnR5ICovXG4gIHBhdGg6IFByb3BUeXBlcy5zdHJpbmcsXG4gIC8qKiBzbmFja3MgdGhlbWUgYXR0cmlidXRlcyAqL1xuICBzbmFja3NUaGVtZTogdGhlbWVQcm9wVHlwZXMsXG4gIC8qKiB0ZXh0IHRvIGFwcGVhciBpbnNpZGUgcGlsbCAqL1xuICB0ZXh0OiBQcm9wVHlwZXMuc3RyaW5nXG59XG5cbk5hdmlnYXRpb25QaWxsLmRlZmF1bHRQcm9wcyA9IHtcbiAgZWxlbWVudEF0dHJpYnV0ZXM6IHt9LFxuICBpc0FjdGl2ZTogZmFsc2Vcbn1cblxuZXhwb3J0IGRlZmF1bHQgd2l0aFRoZW1lKFJhZGl1bShOYXZpZ2F0aW9uUGlsbCkpXG5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8gc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvblBpbGxzL05hdmlnYXRpb25QaWxsLmpzIl0sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUNBO0FBQ0E7QUFDQTtBQURBO0FBR0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUZBO0FBQ0E7QUFJQTtBQUNBO0FBQ0E7QUFDQTtBQUhBO0FBZkE7QUFEQTtBQUpBO0FBQ0E7QUE0QkE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFEQTtBQUdBO0FBQ0E7QUFEQTtBQVBBO0FBQ0E7QUFXQTtBQUNBO0FBQUE7QUFDQTtBQURBO0FBSUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBS0E7QUFUQTtBQVdBO0FBWEE7QUFKQTtBQW1CQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7Ozs7QUFJQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQWhCQTtBQUNBO0FBa0JBO0FBQ0E7QUFDQTtBQUZBO0FBQ0E7QUFJQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///21\n"); /***/ }), /* 22 */ diff --git a/docs/build/bundle.f0de7a62.js b/docs/build/bundle.1140fda7.js similarity index 90% rename from docs/build/bundle.f0de7a62.js rename to docs/build/bundle.1140fda7.js index 99d743f8..ca65a623 100644 --- a/docs/build/bundle.f0de7a62.js +++ b/docs/build/bundle.1140fda7.js @@ -28,13 +28,13 @@ function isEventSupported(e,t){if(!i.canUseDOM||t&&!("addEventListener"in docume * Copyright (c) 2014-2015, Jon Schlinkert. * Licensed under the MIT License. */ -var r,i="";e.exports=function repeat(e,t){if("string"!=typeof e)throw new TypeError("expected a string");if(1===t)return e;if(2===t)return e+e;var n=e.length*t;if(r!==e||void 0===r)r=e,i="";else if(i.length>=n)return i.substr(0,n);for(;n>i.length&&t>1;)1&t&&(i+=e),t>>=1,e+=e;return i+=e,i=i.substr(0,n)}},function(e,t,n){"use strict";e.exports=function trimTrailingLines(e){for(var t=String(e),n=t.length;t.charAt(--n)===r;);return t.slice(0,n+1)};var r="\n"},function(e,t,n){"use strict";e.exports=function interrupt(e,t,n,r){for(var i,o,a,s,u,l,c=["pedantic","commonmark"],p=c.length,f=e.length,d=-1;++d=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t-1&&t._listeners.splice(n,1)}}},StyleKeeper.prototype.addCSS=function addCSS(e){var t=this;return this._cssSet[e]||(this._cssSet[e]=!0,this._emitChange()),{remove:function remove(){delete t._cssSet[e],t._emitChange()}}},StyleKeeper.prototype.getCSS=function getCSS(){return Object.keys(this._cssSet).join("\n")},StyleKeeper.prototype._emitChange=function _emitChange(){this._listeners.forEach(function(e){return e()})},StyleKeeper}();t.default=r,e.exports=t.default},function(e,t,n){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function createMarkupForStyles(e){return Object.keys(e).map(function(t){return t+": "+e[t]+";"}).join("\n")}Object.defineProperty(t,"__esModule",{value:!0}),t.default=function cssRuleSetToString(e,t,n){if(!t)return"";var s=(0,o.default)(t,function(e,t){return(0,r.default)(t,e)}),u=(0,a.getPrefixedStyle)(s,n);return e+"{"+createMarkupForStyles((0,i.default)(u))+"}"};var r=_interopRequireDefault(n(201)),i=_interopRequireDefault(n(585)),o=_interopRequireDefault(n(202)),a=n(114);e.exports=t.default},function(e,t,n){"use strict";(function(e){function transformValues(e){return Object.keys(e).reduce(function(t,n){var i=e[n];return Array.isArray(i)?i=i.join(";"+n+":"):i&&"object"===(void 0===i?"undefined":r(i))&&"function"==typeof i.toString&&(i=i.toString()),t[n]=i,t},{})}function getPrefixer(t){var n=t||e&&e.navigator&&e.navigator.userAgent;return a&&n===o||(a="all"===n?{prefix:i.default.prefixAll,prefixedKeyframes:"keyframes"}:new i.default({userAgent:n}),o=n),a}Object.defineProperty(t,"__esModule",{value:!0});var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};t.getPrefixedKeyframes=function getPrefixedKeyframes(e){return getPrefixer(e).prefixedKeyframes},t.getPrefixedStyle=function getPrefixedStyle(e,t){var n=transformValues(e);return getPrefixer(t).prefix(n)};var i=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(586)),o=void 0,a=void 0}).call(t,n(22))},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return e.charAt(0).toUpperCase()+e.slice(1)},e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return Array.isArray(e)&&(e=e.join(",")),null!==e.match(/-webkit-|-moz-|-ms-/)},e.exports=t.default},function(e,t,n){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t=0;if(n&&r){if(Math.ceil(n)>=r)return t.hideArrows();i?t.hideRightArrow():t.showRightArrow(),o?t.hideLeftArrow():t.showLeftArrow()}},t.hideArrows=function(){t.setState({showLeftArrow:!1,showRightArrow:!1})},t.hideRightArrow=function(){t.setState({showRightArrow:!1})},t.hideLeftArrow=function(){t.setState({showLeftArrow:!1})},t.showRightArrow=function(){t.setState({showRightArrow:!0})},t.showLeftArrow=function(){t.setState({showLeftArrow:!0})},t.slideForward=function(){var e=t.getNodeWidths(),n=e.parentWidth,r=e.trackWidth,i=t.state.left-n,o=n-r,a=t.props,s=a.onBeforeNext,u=a.onAfterNext;i<=o&&(i=o);var l={atStart:r<=n,atEnd:o===i,slideTo:i,parentWidth:n,trackWidth:r};s(l).then(function(){t.updateLeftValue({left:i,callback:u,callbackProps:l})})},t.slideBack=function(){var e=t.getNodeWidths(),n=e.parentWidth,r=e.trackWidth,i=t.state.left+n,o=t.props,a=o.onBeforeBack,s=o.onAfterBack;(t.state.left>=0||i>=0)&&(i=0);var u={atStart:0===i,atEnd:!1,slideTo:i,parentWidth:n,trackWidth:r};a(u),t.updateLeftValue({left:i,callback:s,callbackProps:u})},t.renderRightArrow=function(){var e=u.default.slideButtonStyles;if(t.state.showRightArrow){var n=t.props.styles.RightArrow,r=void 0===n?{}:n;return f.default.createElement(d.default,{onClick:t.slideForward,ariaLabel:"next",styles:a({},e.default,e.right,r)},f.default.createElement(h.default,{name:"arrowRightSmallBold",style:{fontSize:"20px"}}))}},t.renderLeftArrow=function(){var e=u.default.slideButtonStyles;if(t.state.showLeftArrow){var n=t.props.styles.LeftArrow,r=void 0===n?{}:n;return f.default.createElement(d.default,{onClick:t.slideBack,ariaLabel:"back",styles:a({},e.default,e.left,r)},f.default.createElement(h.default,{name:"arrowLeftSmallBold",style:{fontSize:"20px"}}))}},t.state={showLeftArrow:!1,showRightArrow:!1,left:e.leftOverride},t}return _inherits(ScrollTrack,p.Component),s(ScrollTrack,[{key:"componentDidMount",value:function componentDidMount(){this.debouncdComputeSlideAttributes=g.default.debounce(this.computeSlideAttributes,200),this.computeSlideAttributes(),window.addEventListener("resize",this.debouncdComputeSlideAttributes)}},{key:"componentWillReceiveProps",value:function componentWillReceiveProps(e){e.leftOverride!==this.props.leftOverride&&(this.setState({left:e.leftOverride}),this.computeSlideAttributes())}},{key:"componentDidUpdate",value:function componentDidUpdate(e){var t=e.children||[],n=this.props.children||[];g.default.isEqual(t,n)||this.computeSlideAttributes()}},{key:"componentWillUnmount",value:function componentWillUnmount(){window.removeEventListener("resize",this.debouncdComputeSlideAttributes)}},{key:"updateLeftValue",value:function updateLeftValue(e){var t=this,n=e.left,r=e.callback,i=e.callbackProps;this.setState({left:n},function(){t.computeSlideAttributes(),r(i)})}},{key:"render",value:function render(){var e=u.default.containerStyles,t=u.default.innerContainerStyles,n=this.props,r=n.children,i=n.scrollSpeed,o=n.scrollTimingFunction,s=n.style,l=n.styles.Track,c=void 0===l?{}:l;return r?f.default.createElement("div",{ref:"container",style:a({},e,s)},this.renderLeftArrow(),f.default.createElement("div",{style:[{left:this.state.left,transition:"left "+i+"ms "+o},t]},f.default.createElement("div",{ref:"track",style:c},this.childrenWithTrackProps)),this.renderRightArrow()):null}},{key:"childrenWithTrackProps",get:function get(){var e=this.getNodeWidths(),t=a({},this.state,e);return f.default.Children.map(this.props.children,function(e){var n="string"==typeof e.type&&e.type[0]===e.type[0].toLowerCase()?{}:{trackProps:t};return f.default.cloneElement(e,n)})}}]),ScrollTrack}(),i.equalWidthTrack=l.default,i.ScrollTrackPropTypes=c.default,i.propTypes={leftOverride:y.default.number,onBeforeNext:y.default.func,onBeforeBack:y.default.func,onAfterNext:y.default.func,onAfterBack:y.default.func,scrollTimingFunction:y.default.string,scrollSpeed:y.default.number,style:y.default.object,styles:y.default.shape({LeftArrow:y.default.object,RightArrow:y.default.object,Track:y.default.object})},i.defaultProps={leftOverride:0,scrollSpeed:150,scrollTimingFunction:"ease-in-out",styles:{LeftArrow:{},RightArrow:{},Track:{}},style:{},onBeforeBack:v,onAfterNext:v,onAfterBack:v,onBeforeNext:function onBeforeNext(){return new Promise(function(e){return e()})}},r=o))||r;t.default=b},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(1)),i={trackProps:r.default.shape({showLeftArrow:r.default.bool,showRightArrow:r.default.bool,left:r.default.number,parentWidth:r.default.number,trackWidth:r.default.number,trackBounds:r.default.object})};t.default=i},function(e,t,n){"use strict";var r=n(635);n.d(t,"a",function(){return r.a})},function(e,t,n){"use strict";e.exports=n(247)},function(e,t,n){"use strict";function ReactComponent(e,t,n){this.props=e,this.context=t,this.refs=a,this.updater=n||o}function ReactPureComponent(e,t,n){this.props=e,this.context=t,this.refs=a,this.updater=n||o}function ComponentDummy(){}var r=n(40),i=n(6),o=n(125),a=(n(126),n(48));n(2),n(234);ReactComponent.prototype.isReactComponent={},ReactComponent.prototype.setState=function(e,t){"object"!=typeof e&&"function"!=typeof e&&null!=e&&r("85"),this.updater.enqueueSetState(this,e),t&&this.updater.enqueueCallback(this,t,"setState")},ReactComponent.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this),e&&this.updater.enqueueCallback(this,e,"forceUpdate")};ComponentDummy.prototype=ReactComponent.prototype,(ReactPureComponent.prototype=new ComponentDummy).constructor=ReactPureComponent,i(ReactPureComponent.prototype,ReactComponent.prototype),ReactPureComponent.prototype.isPureReactComponent=!0,e.exports={Component:ReactComponent,PureComponent:ReactPureComponent}},function(e,t,n){"use strict";function warnNoop(e,t){}n(3);var r={isMounted:function(e){return!1},enqueueCallback:function(e,t){},enqueueForceUpdate:function(e){warnNoop()},enqueueReplaceState:function(e,t){warnNoop()},enqueueSetState:function(e,t){warnNoop()}};e.exports=r},function(e,t,n){"use strict";var r=!1;e.exports=r},function(e,t,n){"use strict";var r="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;e.exports=r},function(e,t,n){"use strict";var r=n(242);e.exports=function(e){return r(e,!1)}},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,n){"use strict";var r={hasCachedChildNodes:1};e.exports=r},function(e,t,n){"use strict";var r=n(4);n(2);e.exports=function accumulateInto(e,t){return null==t&&r("30"),null==e?t:Array.isArray(e)?Array.isArray(t)?(e.push.apply(e,t),e):(e.push(t),e):Array.isArray(t)?[e].concat(t):[e,t]}},function(e,t,n){"use strict";e.exports=function forEachAccumulated(e,t,n){Array.isArray(e)?e.forEach(t,n):e&&t.call(n,e)}},function(e,t,n){"use strict";var r=n(10),i=null;e.exports=function getTextContentAccessor(){return!i&&r.canUseDOM&&(i="textContent"in document.documentElement?"textContent":"innerText"),i}},function(e,t,n){"use strict";function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var r=n(4),i=n(26),o=(n(2),function(){function CallbackQueue(e){_classCallCheck(this,CallbackQueue),this._callbacks=null,this._contexts=null,this._arg=e}return CallbackQueue.prototype.enqueue=function enqueue(e,t){this._callbacks=this._callbacks||[],this._callbacks.push(e),this._contexts=this._contexts||[],this._contexts.push(t)},CallbackQueue.prototype.notifyAll=function notifyAll(){var e=this._callbacks,t=this._contexts,n=this._arg;if(e&&t){e.length!==t.length&&r("24"),this._callbacks=null,this._contexts=null;for(var i=0;i.":"function"==typeof t?" Instead of passing a class like Foo, pass React.createElement(Foo) or .":null!=t&&void 0!==t.props?" This may be caused by unintentionally loading two independent copies of React.":"");var o,s=a.createElement(P,{child:t});if(e){var u=f.get(e);o=u._processChildContext(u._context)}else o=g;var l=getTopLevelWrapperInContainer(n);if(l){var c=l._currentElement.props.child;if(_(c,t)){var p=l._renderedComponent.getPublicInstance(),d=i&&function(){i.call(p)};return D._updateRootComponent(l,s,o,n,d),p}D.unmountComponentAtNode(n)}var h=getReactRootElementInContainer(n),y=h&&!!internalGetID(h),v=hasNonRootReactChild(n),b=y&&!l&&!v,x=D._renderNewRootComponent(s,n,b,o)._renderedComponent.getPublicInstance();return i&&i.call(x),x},render:function(e,t,n){return D._renderSubtreeIntoContainer(null,e,t,n)},unmountComponentAtNode:function(e){isValidContainer(e)||r("40");var t=getTopLevelWrapperInContainer(e);if(!t){hasNonRootReactChild(e),1===e.nodeType&&e.hasAttribute(C);return!1}return delete S[t._instance.rootID],y.batchedUpdates(unmountComponentFromNode,t,e,!1),!0},_mountImageIntoNode:function(e,t,n,o,a){if(isValidContainer(t)||r("41"),o){var s=getReactRootElementInContainer(t);if(d.canReuseMarkup(e,s))return void u.precacheNode(n,s);var l=s.getAttribute(d.CHECKSUM_ATTR_NAME);s.removeAttribute(d.CHECKSUM_ATTR_NAME);var c=s.outerHTML;s.setAttribute(d.CHECKSUM_ATTR_NAME,l);var p=e,f=firstDifferenceIndex(p,c),h=" (client) "+p.substring(f-20,f+20)+"\n (server) "+c.substring(f-20,f+20);t.nodeType===k&&r("42",h)}if(t.nodeType===k&&r("43"),a.useCreateElement){for(;t.lastChild;)t.removeChild(t.lastChild);i.insertTreeBefore(t,e,null)}else b(t,e),u.precacheNode(n,t.firstChild)}};e.exports=D},function(e,t,n){"use strict";var r=n(145);e.exports=function getHostComponentFromComposite(e){for(var t;(t=e._renderedNodeType)===r.COMPOSITE;)e=e._renderedComponent;return t===r.HOST?e._renderedComponent:t===r.EMPTY?null:void 0}},function(e,t,n){(function(t){var n="object"==typeof t&&t&&t.Object===Object&&t;e.exports=n}).call(t,n(22))},function(e,t,n){"use strict";function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function defineProperties(e,t){for(var n=0;n=this.index)t.push(e);else for(var r=0;rn)return void t.splice(r,0,e)}},{key:"reset",value:function reset(){this.registry=[]}},{key:"remove",value:function remove(e){var t=this.registry.indexOf(e);this.registry.splice(t,1)}},{key:"toString",value:function toString(e){return this.registry.filter(function(e){return e.attached}).map(function(t){return t.toString(e)}).join("\n")}},{key:"index",get:function get(){return 0===this.registry.length?0:this.registry[this.registry.length-1].options.index}}]),SheetsRegistry}();t.default=i},function(e,t,n){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=function createRule(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"unnamed",t=arguments[1],n=arguments[2],a=n.jss,s=(0,o.default)(t),u=a.plugins.onCreateRule(e,s,n);return u||("@"===e[0]&&(0,r.default)(!1,"[JSS] Unknown at-rule %s",e),new i.default(e,s,n))};var r=_interopRequireDefault(n(34)),i=_interopRequireDefault(n(158)),o=_interopRequireDefault(n(332))},function(e,t,n){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i=function(){function defineProperties(e,t){for(var n=0;n1&&(n=[t.shift()],t.forEach(function(e,t){if(o){var a="separator-"+(e.key||t);i=r.cloneElement(i,{key:a})}return n.push(i,e)})),r.createElement(e.inline?"span":"div",{className:e.className},n)}var r=n(0),i=n(1);Group.propTypes={children:i.node,inline:i.bool,separator:i.node,className:i.string},Group.defaultProps={separator:" "},e.exports=Group},function(e,t,n){"use strict";(function(e){function kMaxLength(){return Buffer.TYPED_ARRAY_SUPPORT?2147483647:1073741823}function createBuffer(e,t){if(kMaxLength()=kMaxLength())throw new RangeError("Attempt to allocate Buffer larger than maximum size: 0x"+kMaxLength().toString(16)+" bytes");return 0|e}function byteLength(e,t){if(Buffer.isBuffer(e))return e.length;if("undefined"!=typeof ArrayBuffer&&"function"==typeof ArrayBuffer.isView&&(ArrayBuffer.isView(e)||e instanceof ArrayBuffer))return e.byteLength;"string"!=typeof e&&(e=""+e);var n=e.length;if(0===n)return 0;for(var r=!1;;)switch(t){case"ascii":case"latin1":case"binary":return n;case"utf8":case"utf-8":case void 0:return utf8ToBytes(e).length;case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return 2*n;case"hex":return n>>>1;case"base64":return base64ToBytes(e).length;default:if(r)return utf8ToBytes(e).length;t=(""+t).toLowerCase(),r=!0}}function slowToString(e,t,n){var r=!1;if((void 0===t||t<0)&&(t=0),t>this.length)return"";if((void 0===n||n>this.length)&&(n=this.length),n<=0)return"";if(n>>>=0,t>>>=0,n<=t)return"";for(e||(e="utf8");;)switch(e){case"hex":return hexSlice(this,t,n);case"utf8":case"utf-8":return utf8Slice(this,t,n);case"ascii":return asciiSlice(this,t,n);case"latin1":case"binary":return latin1Slice(this,t,n);case"base64":return base64Slice(this,t,n);case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return utf16leSlice(this,t,n);default:if(r)throw new TypeError("Unknown encoding: "+e);e=(e+"").toLowerCase(),r=!0}}function swap(e,t,n){var r=e[t];e[t]=e[n],e[n]=r}function bidirectionalIndexOf(e,t,n,r,i){if(0===e.length)return-1;if("string"==typeof n?(r=n,n=0):n>2147483647?n=2147483647:n<-2147483648&&(n=-2147483648),n=+n,isNaN(n)&&(n=i?0:e.length-1),n<0&&(n=e.length+n),n>=e.length){if(i)return-1;n=e.length-1}else if(n<0){if(!i)return-1;n=0}if("string"==typeof t&&(t=Buffer.from(t,r)),Buffer.isBuffer(t))return 0===t.length?-1:arrayIndexOf(e,t,n,r,i);if("number"==typeof t)return t&=255,Buffer.TYPED_ARRAY_SUPPORT&&"function"==typeof Uint8Array.prototype.indexOf?i?Uint8Array.prototype.indexOf.call(e,t,n):Uint8Array.prototype.lastIndexOf.call(e,t,n):arrayIndexOf(e,[t],n,r,i);throw new TypeError("val must be string, number or Buffer")}function arrayIndexOf(e,t,n,r,i){function read(e,t){return 1===o?e[t]:e.readUInt16BE(t*o)}var o=1,a=e.length,s=t.length;if(void 0!==r&&("ucs2"===(r=String(r).toLowerCase())||"ucs-2"===r||"utf16le"===r||"utf-16le"===r)){if(e.length<2||t.length<2)return-1;o=2,a/=2,s/=2,n/=2}var u;if(i){var l=-1;for(u=n;ua&&(n=a-s),u=n;u>=0;u--){for(var c=!0,p=0;pi&&(r=i):r=i;var o=t.length;if(o%2!=0)throw new TypeError("Invalid hex string");r>o/2&&(r=o/2);for(var a=0;a239?4:o>223?3:o>191?2:1;if(i+s<=n){var u,l,c,p;switch(s){case 1:o<128&&(a=o);break;case 2:128==(192&(u=e[i+1]))&&(p=(31&o)<<6|63&u)>127&&(a=p);break;case 3:u=e[i+1],l=e[i+2],128==(192&u)&&128==(192&l)&&(p=(15&o)<<12|(63&u)<<6|63&l)>2047&&(p<55296||p>57343)&&(a=p);break;case 4:u=e[i+1],l=e[i+2],c=e[i+3],128==(192&u)&&128==(192&l)&&128==(192&c)&&(p=(15&o)<<18|(63&u)<<12|(63&l)<<6|63&c)>65535&&p<1114112&&(a=p)}}null===a?(a=65533,s=1):a>65535&&(a-=65536,r.push(a>>>10&1023|55296),a=56320|1023&a),r.push(a),i+=s}return decodeCodePointsArray(r)}function decodeCodePointsArray(e){var t=e.length;if(t<=a)return String.fromCharCode.apply(String,e);for(var n="",r=0;rr)&&(n=r);for(var i="",o=t;on)throw new RangeError("Trying to access beyond buffer length")}function checkInt(e,t,n,r,i,o){if(!Buffer.isBuffer(e))throw new TypeError('"buffer" argument must be a Buffer instance');if(t>i||te.length)throw new RangeError("Index out of range")}function objectWriteUInt16(e,t,n,r){t<0&&(t=65535+t+1);for(var i=0,o=Math.min(e.length-n,2);i>>8*(r?i:1-i)}function objectWriteUInt32(e,t,n,r){t<0&&(t=4294967295+t+1);for(var i=0,o=Math.min(e.length-n,4);i>>8*(r?i:3-i)&255}function checkIEEE754(e,t,n,r,i,o){if(n+r>e.length)throw new RangeError("Index out of range");if(n<0)throw new RangeError("Index out of range")}function writeFloat(e,t,n,r,o){return o||checkIEEE754(e,t,n,4,3.4028234663852886e38,-3.4028234663852886e38),i.write(e,t,n,r,23,4),n+4}function writeDouble(e,t,n,r,o){return o||checkIEEE754(e,t,n,8,1.7976931348623157e308,-1.7976931348623157e308),i.write(e,t,n,r,52,8),n+8}function base64clean(e){if((e=stringtrim(e).replace(s,"")).length<2)return"";for(;e.length%4!=0;)e+="=";return e}function stringtrim(e){return e.trim?e.trim():e.replace(/^\s+|\s+$/g,"")}function toHex(e){return e<16?"0"+e.toString(16):e.toString(16)}function utf8ToBytes(e,t){t=t||1/0;for(var n,r=e.length,i=null,o=[],a=0;a55295&&n<57344){if(!i){if(n>56319){(t-=3)>-1&&o.push(239,191,189);continue}if(a+1===r){(t-=3)>-1&&o.push(239,191,189);continue}i=n;continue}if(n<56320){(t-=3)>-1&&o.push(239,191,189),i=n;continue}n=65536+(i-55296<<10|n-56320)}else i&&(t-=3)>-1&&o.push(239,191,189);if(i=null,n<128){if((t-=1)<0)break;o.push(n)}else if(n<2048){if((t-=2)<0)break;o.push(n>>6|192,63&n|128)}else if(n<65536){if((t-=3)<0)break;o.push(n>>12|224,n>>6&63|128,63&n|128)}else{if(!(n<1114112))throw new Error("Invalid code point");if((t-=4)<0)break;o.push(n>>18|240,n>>12&63|128,n>>6&63|128,63&n|128)}}return o}function asciiToBytes(e){for(var t=[],n=0;n>8,i=n%256,o.push(i),o.push(r);return o}function base64ToBytes(e){return r.toByteArray(base64clean(e))}function blitBuffer(e,t,n,r){for(var i=0;i=t.length||i>=e.length);++i)t[i+n]=e[i];return i}function isnan(e){return e!==e}/*! +var r,i="";e.exports=function repeat(e,t){if("string"!=typeof e)throw new TypeError("expected a string");if(1===t)return e;if(2===t)return e+e;var n=e.length*t;if(r!==e||void 0===r)r=e,i="";else if(i.length>=n)return i.substr(0,n);for(;n>i.length&&t>1;)1&t&&(i+=e),t>>=1,e+=e;return i+=e,i=i.substr(0,n)}},function(e,t,n){"use strict";e.exports=function trimTrailingLines(e){for(var t=String(e),n=t.length;t.charAt(--n)===r;);return t.slice(0,n+1)};var r="\n"},function(e,t,n){"use strict";e.exports=function interrupt(e,t,n,r){for(var i,o,a,s,u,l,c=["pedantic","commonmark"],p=c.length,f=e.length,d=-1;++d=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t-1&&t._listeners.splice(n,1)}}},StyleKeeper.prototype.addCSS=function addCSS(e){var t=this;return this._cssSet[e]||(this._cssSet[e]=!0,this._emitChange()),{remove:function remove(){delete t._cssSet[e],t._emitChange()}}},StyleKeeper.prototype.getCSS=function getCSS(){return Object.keys(this._cssSet).join("\n")},StyleKeeper.prototype._emitChange=function _emitChange(){this._listeners.forEach(function(e){return e()})},StyleKeeper}();t.default=r,e.exports=t.default},function(e,t,n){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function createMarkupForStyles(e){return Object.keys(e).map(function(t){return t+": "+e[t]+";"}).join("\n")}Object.defineProperty(t,"__esModule",{value:!0}),t.default=function cssRuleSetToString(e,t,n){if(!t)return"";var s=(0,o.default)(t,function(e,t){return(0,r.default)(t,e)}),u=(0,a.getPrefixedStyle)(s,n);return e+"{"+createMarkupForStyles((0,i.default)(u))+"}"};var r=_interopRequireDefault(n(201)),i=_interopRequireDefault(n(585)),o=_interopRequireDefault(n(202)),a=n(114);e.exports=t.default},function(e,t,n){"use strict";(function(e){function transformValues(e){return Object.keys(e).reduce(function(t,n){var i=e[n];return Array.isArray(i)?i=i.join(";"+n+":"):i&&"object"===(void 0===i?"undefined":r(i))&&"function"==typeof i.toString&&(i=i.toString()),t[n]=i,t},{})}function getPrefixer(t){var n=t||e&&e.navigator&&e.navigator.userAgent;return a&&n===o||(a="all"===n?{prefix:i.default.prefixAll,prefixedKeyframes:"keyframes"}:new i.default({userAgent:n}),o=n),a}Object.defineProperty(t,"__esModule",{value:!0});var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};t.getPrefixedKeyframes=function getPrefixedKeyframes(e){return getPrefixer(e).prefixedKeyframes},t.getPrefixedStyle=function getPrefixedStyle(e,t){var n=transformValues(e);return getPrefixer(t).prefix(n)};var i=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(586)),o=void 0,a=void 0}).call(t,n(22))},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return e.charAt(0).toUpperCase()+e.slice(1)},e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return Array.isArray(e)&&(e=e.join(",")),null!==e.match(/-webkit-|-moz-|-ms-/)},e.exports=t.default},function(e,t,n){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t=0;if(n&&r){if(Math.ceil(n)>=r)return t.hideArrows();i?t.hideRightArrow():t.showRightArrow(),o?t.hideLeftArrow():t.showLeftArrow()}},t.hideArrows=function(){t.setState({showLeftArrow:!1,showRightArrow:!1})},t.hideRightArrow=function(){t.setState({showRightArrow:!1})},t.hideLeftArrow=function(){t.setState({showLeftArrow:!1})},t.showRightArrow=function(){t.setState({showRightArrow:!0})},t.showLeftArrow=function(){t.setState({showLeftArrow:!0})},t.slideForward=function(){var e=t.getNodeWidths(),n=e.parentWidth,r=e.trackWidth,i=t.state.left-n,o=n-r,a=t.props,s=a.onBeforeNext,u=a.onAfterNext;i<=o&&(i=o);var l={atStart:r<=n,atEnd:o===i,slideTo:i,parentWidth:n,trackWidth:r};s(l).then(function(){t.updateLeftValue({left:i,callback:u,callbackProps:l})})},t.slideBack=function(){var e=t.getNodeWidths(),n=e.parentWidth,r=e.trackWidth,i=t.state.left+n,o=t.props,a=o.onBeforeBack,s=o.onAfterBack;(t.state.left>=0||i>=0)&&(i=0);var u={atStart:0===i,atEnd:!1,slideTo:i,parentWidth:n,trackWidth:r};a(u),t.updateLeftValue({left:i,callback:s,callbackProps:u})},t.renderRightArrow=function(){var e=u.default.slideButtonStyles;if(t.state.showRightArrow){var n=t.props.styles.RightArrow,r=void 0===n?{}:n;return f.default.createElement(d.default,{onClick:t.slideForward,ariaLabel:"next",styles:a({},e.default,e.right,r)},f.default.createElement(h.default,{name:"arrowRightSmallBold",style:{fontSize:"20px"}}))}},t.renderLeftArrow=function(){var e=u.default.slideButtonStyles;if(t.state.showLeftArrow){var n=t.props.styles.LeftArrow,r=void 0===n?{}:n;return f.default.createElement(d.default,{onClick:t.slideBack,ariaLabel:"back",styles:a({},e.default,e.left,r)},f.default.createElement(h.default,{name:"arrowLeftSmallBold",style:{fontSize:"20px"}}))}},t.state={showLeftArrow:!1,showRightArrow:!1,left:e.leftOverride},t}return _inherits(ScrollTrack,p.Component),s(ScrollTrack,[{key:"componentDidMount",value:function componentDidMount(){this.debouncdComputeSlideAttributes=g.default.debounce(this.computeSlideAttributes,200),this.computeSlideAttributes(),window.addEventListener("resize",this.debouncdComputeSlideAttributes)}},{key:"componentWillReceiveProps",value:function componentWillReceiveProps(e){e.leftOverride!==this.props.leftOverride&&(this.setState({left:e.leftOverride}),this.computeSlideAttributes())}},{key:"componentDidUpdate",value:function componentDidUpdate(e){var t=e.children||[],n=this.props.children||[];g.default.isEqual(t,n)||this.computeSlideAttributes()}},{key:"componentWillUnmount",value:function componentWillUnmount(){window.removeEventListener("resize",this.debouncdComputeSlideAttributes)}},{key:"updateLeftValue",value:function updateLeftValue(e){var t=this,n=e.left,r=e.callback,i=e.callbackProps;this.setState({left:n},function(){t.computeSlideAttributes(),r(i)})}},{key:"render",value:function render(){var e=u.default.containerStyles,t=u.default.innerContainerStyles,n=this.props,r=n.children,i=n.scrollSpeed,o=n.scrollTimingFunction,s=n.style,l=n.styles.Track,c=void 0===l?{}:l;return r?f.default.createElement("div",{ref:"container",style:a({},e,s)},this.renderLeftArrow(),f.default.createElement("div",{style:[{transition:"transform "+i+"ms "+o,transform:"translate3d("+this.state.left+"px, 0, 0)"},t]},f.default.createElement("div",{ref:"track",style:c},this.childrenWithTrackProps)),this.renderRightArrow()):null}},{key:"childrenWithTrackProps",get:function get(){var e=this.getNodeWidths(),t=a({},this.state,e);return f.default.Children.map(this.props.children,function(e){var n="string"==typeof e.type&&e.type[0]===e.type[0].toLowerCase()?{}:{trackProps:t};return f.default.cloneElement(e,n)})}}]),ScrollTrack}(),i.equalWidthTrack=l.default,i.ScrollTrackPropTypes=c.default,i.propTypes={leftOverride:y.default.number,onBeforeNext:y.default.func,onBeforeBack:y.default.func,onAfterNext:y.default.func,onAfterBack:y.default.func,scrollTimingFunction:y.default.string,scrollSpeed:y.default.number,style:y.default.object,styles:y.default.shape({LeftArrow:y.default.object,RightArrow:y.default.object,Track:y.default.object})},i.defaultProps={leftOverride:0,scrollSpeed:150,scrollTimingFunction:"ease-in-out",styles:{LeftArrow:{},RightArrow:{},Track:{}},style:{},onBeforeBack:v,onAfterNext:v,onAfterBack:v,onBeforeNext:function onBeforeNext(){return new Promise(function(e){return e()})}},r=o))||r;t.default=b},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(1)),i={trackProps:r.default.shape({showLeftArrow:r.default.bool,showRightArrow:r.default.bool,left:r.default.number,parentWidth:r.default.number,trackWidth:r.default.number,trackBounds:r.default.object})};t.default=i},function(e,t,n){"use strict";var r=n(635);n.d(t,"a",function(){return r.a})},function(e,t,n){"use strict";e.exports=n(247)},function(e,t,n){"use strict";function ReactComponent(e,t,n){this.props=e,this.context=t,this.refs=a,this.updater=n||o}function ReactPureComponent(e,t,n){this.props=e,this.context=t,this.refs=a,this.updater=n||o}function ComponentDummy(){}var r=n(40),i=n(6),o=n(125),a=(n(126),n(48));n(2),n(234);ReactComponent.prototype.isReactComponent={},ReactComponent.prototype.setState=function(e,t){"object"!=typeof e&&"function"!=typeof e&&null!=e&&r("85"),this.updater.enqueueSetState(this,e),t&&this.updater.enqueueCallback(this,t,"setState")},ReactComponent.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this),e&&this.updater.enqueueCallback(this,e,"forceUpdate")};ComponentDummy.prototype=ReactComponent.prototype,(ReactPureComponent.prototype=new ComponentDummy).constructor=ReactPureComponent,i(ReactPureComponent.prototype,ReactComponent.prototype),ReactPureComponent.prototype.isPureReactComponent=!0,e.exports={Component:ReactComponent,PureComponent:ReactPureComponent}},function(e,t,n){"use strict";function warnNoop(e,t){}n(3);var r={isMounted:function(e){return!1},enqueueCallback:function(e,t){},enqueueForceUpdate:function(e){warnNoop()},enqueueReplaceState:function(e,t){warnNoop()},enqueueSetState:function(e,t){warnNoop()}};e.exports=r},function(e,t,n){"use strict";var r=!1;e.exports=r},function(e,t,n){"use strict";var r="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;e.exports=r},function(e,t,n){"use strict";var r=n(242);e.exports=function(e){return r(e,!1)}},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,n){"use strict";var r={hasCachedChildNodes:1};e.exports=r},function(e,t,n){"use strict";var r=n(4);n(2);e.exports=function accumulateInto(e,t){return null==t&&r("30"),null==e?t:Array.isArray(e)?Array.isArray(t)?(e.push.apply(e,t),e):(e.push(t),e):Array.isArray(t)?[e].concat(t):[e,t]}},function(e,t,n){"use strict";e.exports=function forEachAccumulated(e,t,n){Array.isArray(e)?e.forEach(t,n):e&&t.call(n,e)}},function(e,t,n){"use strict";var r=n(10),i=null;e.exports=function getTextContentAccessor(){return!i&&r.canUseDOM&&(i="textContent"in document.documentElement?"textContent":"innerText"),i}},function(e,t,n){"use strict";function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var r=n(4),i=n(26),o=(n(2),function(){function CallbackQueue(e){_classCallCheck(this,CallbackQueue),this._callbacks=null,this._contexts=null,this._arg=e}return CallbackQueue.prototype.enqueue=function enqueue(e,t){this._callbacks=this._callbacks||[],this._callbacks.push(e),this._contexts=this._contexts||[],this._contexts.push(t)},CallbackQueue.prototype.notifyAll=function notifyAll(){var e=this._callbacks,t=this._contexts,n=this._arg;if(e&&t){e.length!==t.length&&r("24"),this._callbacks=null,this._contexts=null;for(var i=0;i.":"function"==typeof t?" Instead of passing a class like Foo, pass React.createElement(Foo) or .":null!=t&&void 0!==t.props?" This may be caused by unintentionally loading two independent copies of React.":"");var o,s=a.createElement(P,{child:t});if(e){var u=f.get(e);o=u._processChildContext(u._context)}else o=g;var l=getTopLevelWrapperInContainer(n);if(l){var c=l._currentElement.props.child;if(_(c,t)){var p=l._renderedComponent.getPublicInstance(),d=i&&function(){i.call(p)};return D._updateRootComponent(l,s,o,n,d),p}D.unmountComponentAtNode(n)}var h=getReactRootElementInContainer(n),y=h&&!!internalGetID(h),v=hasNonRootReactChild(n),b=y&&!l&&!v,x=D._renderNewRootComponent(s,n,b,o)._renderedComponent.getPublicInstance();return i&&i.call(x),x},render:function(e,t,n){return D._renderSubtreeIntoContainer(null,e,t,n)},unmountComponentAtNode:function(e){isValidContainer(e)||r("40");var t=getTopLevelWrapperInContainer(e);if(!t){hasNonRootReactChild(e),1===e.nodeType&&e.hasAttribute(C);return!1}return delete S[t._instance.rootID],y.batchedUpdates(unmountComponentFromNode,t,e,!1),!0},_mountImageIntoNode:function(e,t,n,o,a){if(isValidContainer(t)||r("41"),o){var s=getReactRootElementInContainer(t);if(d.canReuseMarkup(e,s))return void u.precacheNode(n,s);var l=s.getAttribute(d.CHECKSUM_ATTR_NAME);s.removeAttribute(d.CHECKSUM_ATTR_NAME);var c=s.outerHTML;s.setAttribute(d.CHECKSUM_ATTR_NAME,l);var p=e,f=firstDifferenceIndex(p,c),h=" (client) "+p.substring(f-20,f+20)+"\n (server) "+c.substring(f-20,f+20);t.nodeType===k&&r("42",h)}if(t.nodeType===k&&r("43"),a.useCreateElement){for(;t.lastChild;)t.removeChild(t.lastChild);i.insertTreeBefore(t,e,null)}else b(t,e),u.precacheNode(n,t.firstChild)}};e.exports=D},function(e,t,n){"use strict";var r=n(145);e.exports=function getHostComponentFromComposite(e){for(var t;(t=e._renderedNodeType)===r.COMPOSITE;)e=e._renderedComponent;return t===r.HOST?e._renderedComponent:t===r.EMPTY?null:void 0}},function(e,t,n){(function(t){var n="object"==typeof t&&t&&t.Object===Object&&t;e.exports=n}).call(t,n(22))},function(e,t,n){"use strict";function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function defineProperties(e,t){for(var n=0;n=this.index)t.push(e);else for(var r=0;rn)return void t.splice(r,0,e)}},{key:"reset",value:function reset(){this.registry=[]}},{key:"remove",value:function remove(e){var t=this.registry.indexOf(e);this.registry.splice(t,1)}},{key:"toString",value:function toString(e){return this.registry.filter(function(e){return e.attached}).map(function(t){return t.toString(e)}).join("\n")}},{key:"index",get:function get(){return 0===this.registry.length?0:this.registry[this.registry.length-1].options.index}}]),SheetsRegistry}();t.default=i},function(e,t,n){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=function createRule(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"unnamed",t=arguments[1],n=arguments[2],a=n.jss,s=(0,o.default)(t),u=a.plugins.onCreateRule(e,s,n);return u||("@"===e[0]&&(0,r.default)(!1,"[JSS] Unknown at-rule %s",e),new i.default(e,s,n))};var r=_interopRequireDefault(n(34)),i=_interopRequireDefault(n(158)),o=_interopRequireDefault(n(332))},function(e,t,n){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i=function(){function defineProperties(e,t){for(var n=0;n1&&(n=[t.shift()],t.forEach(function(e,t){if(o){var a="separator-"+(e.key||t);i=r.cloneElement(i,{key:a})}return n.push(i,e)})),r.createElement(e.inline?"span":"div",{className:e.className},n)}var r=n(0),i=n(1);Group.propTypes={children:i.node,inline:i.bool,separator:i.node,className:i.string},Group.defaultProps={separator:" "},e.exports=Group},function(e,t,n){"use strict";(function(e){function kMaxLength(){return Buffer.TYPED_ARRAY_SUPPORT?2147483647:1073741823}function createBuffer(e,t){if(kMaxLength()=kMaxLength())throw new RangeError("Attempt to allocate Buffer larger than maximum size: 0x"+kMaxLength().toString(16)+" bytes");return 0|e}function byteLength(e,t){if(Buffer.isBuffer(e))return e.length;if("undefined"!=typeof ArrayBuffer&&"function"==typeof ArrayBuffer.isView&&(ArrayBuffer.isView(e)||e instanceof ArrayBuffer))return e.byteLength;"string"!=typeof e&&(e=""+e);var n=e.length;if(0===n)return 0;for(var r=!1;;)switch(t){case"ascii":case"latin1":case"binary":return n;case"utf8":case"utf-8":case void 0:return utf8ToBytes(e).length;case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return 2*n;case"hex":return n>>>1;case"base64":return base64ToBytes(e).length;default:if(r)return utf8ToBytes(e).length;t=(""+t).toLowerCase(),r=!0}}function slowToString(e,t,n){var r=!1;if((void 0===t||t<0)&&(t=0),t>this.length)return"";if((void 0===n||n>this.length)&&(n=this.length),n<=0)return"";if(n>>>=0,t>>>=0,n<=t)return"";for(e||(e="utf8");;)switch(e){case"hex":return hexSlice(this,t,n);case"utf8":case"utf-8":return utf8Slice(this,t,n);case"ascii":return asciiSlice(this,t,n);case"latin1":case"binary":return latin1Slice(this,t,n);case"base64":return base64Slice(this,t,n);case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return utf16leSlice(this,t,n);default:if(r)throw new TypeError("Unknown encoding: "+e);e=(e+"").toLowerCase(),r=!0}}function swap(e,t,n){var r=e[t];e[t]=e[n],e[n]=r}function bidirectionalIndexOf(e,t,n,r,i){if(0===e.length)return-1;if("string"==typeof n?(r=n,n=0):n>2147483647?n=2147483647:n<-2147483648&&(n=-2147483648),n=+n,isNaN(n)&&(n=i?0:e.length-1),n<0&&(n=e.length+n),n>=e.length){if(i)return-1;n=e.length-1}else if(n<0){if(!i)return-1;n=0}if("string"==typeof t&&(t=Buffer.from(t,r)),Buffer.isBuffer(t))return 0===t.length?-1:arrayIndexOf(e,t,n,r,i);if("number"==typeof t)return t&=255,Buffer.TYPED_ARRAY_SUPPORT&&"function"==typeof Uint8Array.prototype.indexOf?i?Uint8Array.prototype.indexOf.call(e,t,n):Uint8Array.prototype.lastIndexOf.call(e,t,n):arrayIndexOf(e,[t],n,r,i);throw new TypeError("val must be string, number or Buffer")}function arrayIndexOf(e,t,n,r,i){function read(e,t){return 1===o?e[t]:e.readUInt16BE(t*o)}var o=1,a=e.length,s=t.length;if(void 0!==r&&("ucs2"===(r=String(r).toLowerCase())||"ucs-2"===r||"utf16le"===r||"utf-16le"===r)){if(e.length<2||t.length<2)return-1;o=2,a/=2,s/=2,n/=2}var u;if(i){var l=-1;for(u=n;ua&&(n=a-s),u=n;u>=0;u--){for(var c=!0,p=0;pi&&(r=i):r=i;var o=t.length;if(o%2!=0)throw new TypeError("Invalid hex string");r>o/2&&(r=o/2);for(var a=0;a239?4:o>223?3:o>191?2:1;if(i+s<=n){var u,l,c,p;switch(s){case 1:o<128&&(a=o);break;case 2:128==(192&(u=e[i+1]))&&(p=(31&o)<<6|63&u)>127&&(a=p);break;case 3:u=e[i+1],l=e[i+2],128==(192&u)&&128==(192&l)&&(p=(15&o)<<12|(63&u)<<6|63&l)>2047&&(p<55296||p>57343)&&(a=p);break;case 4:u=e[i+1],l=e[i+2],c=e[i+3],128==(192&u)&&128==(192&l)&&128==(192&c)&&(p=(15&o)<<18|(63&u)<<12|(63&l)<<6|63&c)>65535&&p<1114112&&(a=p)}}null===a?(a=65533,s=1):a>65535&&(a-=65536,r.push(a>>>10&1023|55296),a=56320|1023&a),r.push(a),i+=s}return decodeCodePointsArray(r)}function decodeCodePointsArray(e){var t=e.length;if(t<=a)return String.fromCharCode.apply(String,e);for(var n="",r=0;rr)&&(n=r);for(var i="",o=t;on)throw new RangeError("Trying to access beyond buffer length")}function checkInt(e,t,n,r,i,o){if(!Buffer.isBuffer(e))throw new TypeError('"buffer" argument must be a Buffer instance');if(t>i||te.length)throw new RangeError("Index out of range")}function objectWriteUInt16(e,t,n,r){t<0&&(t=65535+t+1);for(var i=0,o=Math.min(e.length-n,2);i>>8*(r?i:1-i)}function objectWriteUInt32(e,t,n,r){t<0&&(t=4294967295+t+1);for(var i=0,o=Math.min(e.length-n,4);i>>8*(r?i:3-i)&255}function checkIEEE754(e,t,n,r,i,o){if(n+r>e.length)throw new RangeError("Index out of range");if(n<0)throw new RangeError("Index out of range")}function writeFloat(e,t,n,r,o){return o||checkIEEE754(e,t,n,4,3.4028234663852886e38,-3.4028234663852886e38),i.write(e,t,n,r,23,4),n+4}function writeDouble(e,t,n,r,o){return o||checkIEEE754(e,t,n,8,1.7976931348623157e308,-1.7976931348623157e308),i.write(e,t,n,r,52,8),n+8}function base64clean(e){if((e=stringtrim(e).replace(s,"")).length<2)return"";for(;e.length%4!=0;)e+="=";return e}function stringtrim(e){return e.trim?e.trim():e.replace(/^\s+|\s+$/g,"")}function toHex(e){return e<16?"0"+e.toString(16):e.toString(16)}function utf8ToBytes(e,t){t=t||1/0;for(var n,r=e.length,i=null,o=[],a=0;a55295&&n<57344){if(!i){if(n>56319){(t-=3)>-1&&o.push(239,191,189);continue}if(a+1===r){(t-=3)>-1&&o.push(239,191,189);continue}i=n;continue}if(n<56320){(t-=3)>-1&&o.push(239,191,189),i=n;continue}n=65536+(i-55296<<10|n-56320)}else i&&(t-=3)>-1&&o.push(239,191,189);if(i=null,n<128){if((t-=1)<0)break;o.push(n)}else if(n<2048){if((t-=2)<0)break;o.push(n>>6|192,63&n|128)}else if(n<65536){if((t-=3)<0)break;o.push(n>>12|224,n>>6&63|128,63&n|128)}else{if(!(n<1114112))throw new Error("Invalid code point");if((t-=4)<0)break;o.push(n>>18|240,n>>12&63|128,n>>6&63|128,63&n|128)}}return o}function asciiToBytes(e){for(var t=[],n=0;n>8,i=n%256,o.push(i),o.push(r);return o}function base64ToBytes(e){return r.toByteArray(base64clean(e))}function blitBuffer(e,t,n,r){for(var i=0;i=t.length||i>=e.length);++i)t[i+n]=e[i];return i}function isnan(e){return e!==e}/*! * The buffer module from node.js, for the browser. * * @author Feross Aboukhadijeh * @license MIT */ -var r=n(417),i=n(418),o=n(419);t.Buffer=Buffer,t.SlowBuffer=function SlowBuffer(e){return+e!=e&&(e=0),Buffer.alloc(+e)},t.INSPECT_MAX_BYTES=50,Buffer.TYPED_ARRAY_SUPPORT=void 0!==e.TYPED_ARRAY_SUPPORT?e.TYPED_ARRAY_SUPPORT:function typedArraySupport(){try{var e=new Uint8Array(1);return e.__proto__={__proto__:Uint8Array.prototype,foo:function(){return 42}},42===e.foo()&&"function"==typeof e.subarray&&0===e.subarray(1,1).byteLength}catch(e){return!1}}(),t.kMaxLength=kMaxLength(),Buffer.poolSize=8192,Buffer._augment=function(e){return e.__proto__=Buffer.prototype,e},Buffer.from=function(e,t,n){return from(null,e,t,n)},Buffer.TYPED_ARRAY_SUPPORT&&(Buffer.prototype.__proto__=Uint8Array.prototype,Buffer.__proto__=Uint8Array,"undefined"!=typeof Symbol&&Symbol.species&&Buffer[Symbol.species]===Buffer&&Object.defineProperty(Buffer,Symbol.species,{value:null,configurable:!0})),Buffer.alloc=function(e,t,n){return alloc(null,e,t,n)},Buffer.allocUnsafe=function(e){return allocUnsafe(null,e)},Buffer.allocUnsafeSlow=function(e){return allocUnsafe(null,e)},Buffer.isBuffer=function isBuffer(e){return!(null==e||!e._isBuffer)},Buffer.compare=function compare(e,t){if(!Buffer.isBuffer(e)||!Buffer.isBuffer(t))throw new TypeError("Arguments must be Buffers");if(e===t)return 0;for(var n=e.length,r=t.length,i=0,o=Math.min(n,r);i0&&(e=this.toString("hex",0,n).match(/.{2}/g).join(" "),this.length>n&&(e+=" ... ")),""},Buffer.prototype.compare=function compare(e,t,n,r,i){if(!Buffer.isBuffer(e))throw new TypeError("Argument must be a Buffer");if(void 0===t&&(t=0),void 0===n&&(n=e?e.length:0),void 0===r&&(r=0),void 0===i&&(i=this.length),t<0||n>e.length||r<0||i>this.length)throw new RangeError("out of range index");if(r>=i&&t>=n)return 0;if(r>=i)return-1;if(t>=n)return 1;if(t>>>=0,n>>>=0,r>>>=0,i>>>=0,this===e)return 0;for(var o=i-r,a=n-t,s=Math.min(o,a),u=this.slice(r,i),l=e.slice(t,n),c=0;ci)&&(n=i),e.length>0&&(n<0||t<0)||t>this.length)throw new RangeError("Attempt to write outside buffer bounds");r||(r="utf8");for(var o=!1;;)switch(r){case"hex":return hexWrite(this,e,t,n);case"utf8":case"utf-8":return utf8Write(this,e,t,n);case"ascii":return asciiWrite(this,e,t,n);case"latin1":case"binary":return latin1Write(this,e,t,n);case"base64":return base64Write(this,e,t,n);case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return ucs2Write(this,e,t,n);default:if(o)throw new TypeError("Unknown encoding: "+r);r=(""+r).toLowerCase(),o=!0}},Buffer.prototype.toJSON=function toJSON(){return{type:"Buffer",data:Array.prototype.slice.call(this._arr||this,0)}};var a=4096;Buffer.prototype.slice=function slice(e,t){var n=this.length;e=~~e,t=void 0===t?n:~~t,e<0?(e+=n)<0&&(e=0):e>n&&(e=n),t<0?(t+=n)<0&&(t=0):t>n&&(t=n),t0&&(i*=256);)r+=this[e+--t]*i;return r},Buffer.prototype.readUInt8=function readUInt8(e,t){return t||checkOffset(e,1,this.length),this[e]},Buffer.prototype.readUInt16LE=function readUInt16LE(e,t){return t||checkOffset(e,2,this.length),this[e]|this[e+1]<<8},Buffer.prototype.readUInt16BE=function readUInt16BE(e,t){return t||checkOffset(e,2,this.length),this[e]<<8|this[e+1]},Buffer.prototype.readUInt32LE=function readUInt32LE(e,t){return t||checkOffset(e,4,this.length),(this[e]|this[e+1]<<8|this[e+2]<<16)+16777216*this[e+3]},Buffer.prototype.readUInt32BE=function readUInt32BE(e,t){return t||checkOffset(e,4,this.length),16777216*this[e]+(this[e+1]<<16|this[e+2]<<8|this[e+3])},Buffer.prototype.readIntLE=function readIntLE(e,t,n){e|=0,t|=0,n||checkOffset(e,t,this.length);for(var r=this[e],i=1,o=0;++o=i&&(r-=Math.pow(2,8*t)),r},Buffer.prototype.readIntBE=function readIntBE(e,t,n){e|=0,t|=0,n||checkOffset(e,t,this.length);for(var r=t,i=1,o=this[e+--r];r>0&&(i*=256);)o+=this[e+--r]*i;return i*=128,o>=i&&(o-=Math.pow(2,8*t)),o},Buffer.prototype.readInt8=function readInt8(e,t){return t||checkOffset(e,1,this.length),128&this[e]?-1*(255-this[e]+1):this[e]},Buffer.prototype.readInt16LE=function readInt16LE(e,t){t||checkOffset(e,2,this.length);var n=this[e]|this[e+1]<<8;return 32768&n?4294901760|n:n},Buffer.prototype.readInt16BE=function readInt16BE(e,t){t||checkOffset(e,2,this.length);var n=this[e+1]|this[e]<<8;return 32768&n?4294901760|n:n},Buffer.prototype.readInt32LE=function readInt32LE(e,t){return t||checkOffset(e,4,this.length),this[e]|this[e+1]<<8|this[e+2]<<16|this[e+3]<<24},Buffer.prototype.readInt32BE=function readInt32BE(e,t){return t||checkOffset(e,4,this.length),this[e]<<24|this[e+1]<<16|this[e+2]<<8|this[e+3]},Buffer.prototype.readFloatLE=function readFloatLE(e,t){return t||checkOffset(e,4,this.length),i.read(this,e,!0,23,4)},Buffer.prototype.readFloatBE=function readFloatBE(e,t){return t||checkOffset(e,4,this.length),i.read(this,e,!1,23,4)},Buffer.prototype.readDoubleLE=function readDoubleLE(e,t){return t||checkOffset(e,8,this.length),i.read(this,e,!0,52,8)},Buffer.prototype.readDoubleBE=function readDoubleBE(e,t){return t||checkOffset(e,8,this.length),i.read(this,e,!1,52,8)},Buffer.prototype.writeUIntLE=function writeUIntLE(e,t,n,r){e=+e,t|=0,n|=0,r||checkInt(this,e,t,n,Math.pow(2,8*n)-1,0);var i=1,o=0;for(this[t]=255&e;++o=0&&(o*=256);)this[t+i]=e/o&255;return t+n},Buffer.prototype.writeUInt8=function writeUInt8(e,t,n){return e=+e,t|=0,n||checkInt(this,e,t,1,255,0),Buffer.TYPED_ARRAY_SUPPORT||(e=Math.floor(e)),this[t]=255&e,t+1},Buffer.prototype.writeUInt16LE=function writeUInt16LE(e,t,n){return e=+e,t|=0,n||checkInt(this,e,t,2,65535,0),Buffer.TYPED_ARRAY_SUPPORT?(this[t]=255&e,this[t+1]=e>>>8):objectWriteUInt16(this,e,t,!0),t+2},Buffer.prototype.writeUInt16BE=function writeUInt16BE(e,t,n){return e=+e,t|=0,n||checkInt(this,e,t,2,65535,0),Buffer.TYPED_ARRAY_SUPPORT?(this[t]=e>>>8,this[t+1]=255&e):objectWriteUInt16(this,e,t,!1),t+2},Buffer.prototype.writeUInt32LE=function writeUInt32LE(e,t,n){return e=+e,t|=0,n||checkInt(this,e,t,4,4294967295,0),Buffer.TYPED_ARRAY_SUPPORT?(this[t+3]=e>>>24,this[t+2]=e>>>16,this[t+1]=e>>>8,this[t]=255&e):objectWriteUInt32(this,e,t,!0),t+4},Buffer.prototype.writeUInt32BE=function writeUInt32BE(e,t,n){return e=+e,t|=0,n||checkInt(this,e,t,4,4294967295,0),Buffer.TYPED_ARRAY_SUPPORT?(this[t]=e>>>24,this[t+1]=e>>>16,this[t+2]=e>>>8,this[t+3]=255&e):objectWriteUInt32(this,e,t,!1),t+4},Buffer.prototype.writeIntLE=function writeIntLE(e,t,n,r){if(e=+e,t|=0,!r){var i=Math.pow(2,8*n-1);checkInt(this,e,t,n,i-1,-i)}var o=0,a=1,s=0;for(this[t]=255&e;++o>0)-s&255;return t+n},Buffer.prototype.writeIntBE=function writeIntBE(e,t,n,r){if(e=+e,t|=0,!r){var i=Math.pow(2,8*n-1);checkInt(this,e,t,n,i-1,-i)}var o=n-1,a=1,s=0;for(this[t+o]=255&e;--o>=0&&(a*=256);)e<0&&0===s&&0!==this[t+o+1]&&(s=1),this[t+o]=(e/a>>0)-s&255;return t+n},Buffer.prototype.writeInt8=function writeInt8(e,t,n){return e=+e,t|=0,n||checkInt(this,e,t,1,127,-128),Buffer.TYPED_ARRAY_SUPPORT||(e=Math.floor(e)),e<0&&(e=255+e+1),this[t]=255&e,t+1},Buffer.prototype.writeInt16LE=function writeInt16LE(e,t,n){return e=+e,t|=0,n||checkInt(this,e,t,2,32767,-32768),Buffer.TYPED_ARRAY_SUPPORT?(this[t]=255&e,this[t+1]=e>>>8):objectWriteUInt16(this,e,t,!0),t+2},Buffer.prototype.writeInt16BE=function writeInt16BE(e,t,n){return e=+e,t|=0,n||checkInt(this,e,t,2,32767,-32768),Buffer.TYPED_ARRAY_SUPPORT?(this[t]=e>>>8,this[t+1]=255&e):objectWriteUInt16(this,e,t,!1),t+2},Buffer.prototype.writeInt32LE=function writeInt32LE(e,t,n){return e=+e,t|=0,n||checkInt(this,e,t,4,2147483647,-2147483648),Buffer.TYPED_ARRAY_SUPPORT?(this[t]=255&e,this[t+1]=e>>>8,this[t+2]=e>>>16,this[t+3]=e>>>24):objectWriteUInt32(this,e,t,!0),t+4},Buffer.prototype.writeInt32BE=function writeInt32BE(e,t,n){return e=+e,t|=0,n||checkInt(this,e,t,4,2147483647,-2147483648),e<0&&(e=4294967295+e+1),Buffer.TYPED_ARRAY_SUPPORT?(this[t]=e>>>24,this[t+1]=e>>>16,this[t+2]=e>>>8,this[t+3]=255&e):objectWriteUInt32(this,e,t,!1),t+4},Buffer.prototype.writeFloatLE=function writeFloatLE(e,t,n){return writeFloat(this,e,t,!0,n)},Buffer.prototype.writeFloatBE=function writeFloatBE(e,t,n){return writeFloat(this,e,t,!1,n)},Buffer.prototype.writeDoubleLE=function writeDoubleLE(e,t,n){return writeDouble(this,e,t,!0,n)},Buffer.prototype.writeDoubleBE=function writeDoubleBE(e,t,n){return writeDouble(this,e,t,!1,n)},Buffer.prototype.copy=function copy(e,t,n,r){if(n||(n=0),r||0===r||(r=this.length),t>=e.length&&(t=e.length),t||(t=0),r>0&&r=this.length)throw new RangeError("sourceStart out of bounds");if(r<0)throw new RangeError("sourceEnd out of bounds");r>this.length&&(r=this.length),e.length-t=0;--i)e[i+t]=this[i+n];else if(o<1e3||!Buffer.TYPED_ARRAY_SUPPORT)for(i=0;i>>=0,n=void 0===n?this.length:n>>>0,e||(e=0);var o;if("number"==typeof e)for(o=t;o=0;r--){var i=e[r];"."===i?e.splice(r,1):".."===i?(e.splice(r,1),n++):n&&(e.splice(r,1),n--)}if(t)for(;n--;n)e.unshift("..");return e}function filter(e,t){if(e.filter)return e.filter(t);for(var n=[],r=0;r=-1&&!n;r--){var i=r>=0?arguments[r]:e.cwd();if("string"!=typeof i)throw new TypeError("Arguments to path.resolve must be strings");i&&(t=i+"/"+t,n="/"===i.charAt(0))}return t=normalizeArray(filter(t.split("/"),function(e){return!!e}),!n).join("/"),(n?"/":"")+t||"."},t.normalize=function(e){var n=t.isAbsolute(e),r="/"===i(e,-1);return(e=normalizeArray(filter(e.split("/"),function(e){return!!e}),!n).join("/"))||n||(e="."),e&&r&&(e+="/"),(n?"/":"")+e},t.isAbsolute=function(e){return"/"===e.charAt(0)},t.join=function(){var e=Array.prototype.slice.call(arguments,0);return t.normalize(filter(e,function(e,t){if("string"!=typeof e)throw new TypeError("Arguments to path.join must be strings");return e}).join("/"))},t.relative=function(e,n){function trim(e){for(var t=0;t=0&&""===e[n];n--);return t>n?[]:e.slice(t,n-t+1)}e=t.resolve(e).substr(1),n=t.resolve(n).substr(1);for(var r=trim(e.split("/")),i=trim(n.split("/")),o=Math.min(r.length,i.length),a=o,s=0;s=97&&t<=122||t>=65&&t<=90}},function(e,t,n){"use strict";e.exports={position:!0,gfm:!0,commonmark:!1,footnotes:!1,pedantic:!1,blocks:n(452)}},function(e,t,n){"use strict";e.exports=function indentation(e){for(var t,n=0,i=0,o=e.charAt(n),a={};o in r;)i+=t=r[o],t>1&&(i=Math.floor(i/t)*t),a[i]=n,o=e.charAt(++n);return{indent:i,stops:a}};var r={" ":1,"\t":4}},function(e,t,n){"use strict";var r="<[A-Za-z][A-Za-z0-9\\-]*(?:\\s+[a-zA-Z_:][a-zA-Z0-9:._-]*(?:\\s*=\\s*(?:[^\"'=<>`\\u0000-\\u0020]+|'[^']*'|\"[^\"]*\"))?)*\\s*\\/?>",i="<\\/[A-Za-z][A-Za-z0-9\\-]*\\s*>";t.openCloseTag=new RegExp("^(?:"+r+"|"+i+")"),t.tag=new RegExp("^(?:"+r+"|"+i+"|\x3c!----\x3e|\x3c!--(?:-?[^>-])(?:-?[^-])*--\x3e|<[?].*?[?]>|]*>|)")},function(e,t,n){"use strict";e.exports=function locate(e,t){return e.indexOf("<",t)}},function(e,t,n){"use strict";e.exports=function locate(e,t){var n=e.indexOf("[",t),r=e.indexOf("![",t);return-1===r?n:nf))return!1;var h=c.get(e);if(h&&c.get(t))return h==t;var m=-1,y=!0,g=n&s?new r:void 0;for(c.set(e,t),c.set(t,e);++m1&&void 0!==arguments[1]?arguments[1]:{};if("function"!=typeof e){var u=r({},s,e);return function(e){return enhanceWithRadium(e,u)}}var l=e,c=l;isStateless(c)&&((c=function(e){function ComposedComponent(){return _classCallCheck(this,ComposedComponent),_possibleConstructorReturn(this,e.apply(this,arguments))}return _inherits(ComposedComponent,e),ComposedComponent.prototype.render=function render(){return l(this.props,this.context)},ComposedComponent}(i.Component)).displayName=l.displayName||l.name);var p=(n=t=function(e){function RadiumEnhancer(){_classCallCheck(this,RadiumEnhancer);var t=_possibleConstructorReturn(this,e.apply(this,arguments));return t.state=t.state||{},t.state._radiumStyleState={},t._radiumIsMounted=!0,t}return _inherits(RadiumEnhancer,e),RadiumEnhancer.prototype.componentWillUnmount=function componentWillUnmount(){e.prototype.componentWillUnmount&&e.prototype.componentWillUnmount.call(this),this._radiumIsMounted=!1,this._radiumMouseUpListener&&this._radiumMouseUpListener.remove(),this._radiumMediaQueryListenersByQuery&&Object.keys(this._radiumMediaQueryListenersByQuery).forEach(function(e){this._radiumMediaQueryListenersByQuery[e].remove()},this)},RadiumEnhancer.prototype.getChildContext=function getChildContext(){var t=e.prototype.getChildContext?e.prototype.getChildContext.call(this):{};if(!this.props.radiumConfig)return t;var n=r({},t);return this.props.radiumConfig&&(n._radiumConfig=this.props.radiumConfig),n},RadiumEnhancer.prototype.render=function render(){var t=e.prototype.render.call(this),n=this.props.radiumConfig||this.context._radiumConfig||s;return s&&n!==s&&(n=r({},s,n)),(0,a.default)(this,t,n)},RadiumEnhancer}(c),t._isRadiumEnhanced=!0,n);return copyProperties(l,p),p.propTypes&&p.propTypes.style&&(p.propTypes=r({},p.propTypes,{style:i.PropTypes.oneOfType([i.PropTypes.array,i.PropTypes.object])})),p.displayName=l.displayName||l.name||"Component",p.contextTypes=r({},p.contextTypes,{_radiumConfig:i.PropTypes.object,_radiumStyleKeeper:i.PropTypes.instanceOf(o.default)}),p.childContextTypes=r({},p.childContextTypes,{_radiumConfig:i.PropTypes.object,_radiumStyleKeeper:i.PropTypes.instanceOf(o.default)}),p}Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t2&&void 0!==arguments[2]?arguments[2]:h,r=arguments[3],i=arguments.length>4&&void 0!==arguments[4]&&arguments[4];if(r=r||{},!t||t.props&&t.props["data-radium"]||i&&!g(t))return t;var o=v({children:t.props.children,component:e,config:n,existingKeyMap:r}),a=b({component:e,config:n,existingKeyMap:r,props:t.props});return a=C({component:e,config:n,existingKeyMap:r,props:a,renderedElement:t}),o===t.props.children&&a===t.props?t:w(t,a!==t.props?a:{},o)};var k=!1;t.default=y,e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function appendPxIfNeeded(e,t){return r[e]||"number"!=typeof t||0===t?t:t+"px"};var r={animationIterationCount:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridRow:!0,gridColumn:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,stopOpacity:!0,strokeDashoffset:!0,strokeOpacity:!0,strokeWidth:!0};e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function mapObject(e,t){return Object.keys(e).reduce(function(n,r){return n[r]=t(e[r],r),n},{})},e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={Webkit:{transform:!0,transformOrigin:!0,transformOriginX:!0,transformOriginY:!0,backfaceVisibility:!0,perspective:!0,perspectiveOrigin:!0,transformStyle:!0,transformOriginZ:!0,animation:!0,animationDelay:!0,animationDirection:!0,animationFillMode:!0,animationDuration:!0,animationIterationCount:!0,animationName:!0,animationPlayState:!0,animationTimingFunction:!0,appearance:!0,userSelect:!0,fontKerning:!0,textEmphasisPosition:!0,textEmphasis:!0,textEmphasisStyle:!0,textEmphasisColor:!0,boxDecorationBreak:!0,clipPath:!0,maskImage:!0,maskMode:!0,maskRepeat:!0,maskPosition:!0,maskClip:!0,maskOrigin:!0,maskSize:!0,maskComposite:!0,mask:!0,maskBorderSource:!0,maskBorderMode:!0,maskBorderSlice:!0,maskBorderWidth:!0,maskBorderOutset:!0,maskBorderRepeat:!0,maskBorder:!0,maskType:!0,textDecorationStyle:!0,textDecorationSkip:!0,textDecorationLine:!0,textDecorationColor:!0,filter:!0,fontFeatureSettings:!0,breakAfter:!0,breakBefore:!0,breakInside:!0,columnCount:!0,columnFill:!0,columnGap:!0,columnRule:!0,columnRuleColor:!0,columnRuleStyle:!0,columnRuleWidth:!0,columns:!0,columnSpan:!0,columnWidth:!0,flex:!0,flexBasis:!0,flexDirection:!0,flexGrow:!0,flexFlow:!0,flexShrink:!0,flexWrap:!0,alignContent:!0,alignItems:!0,alignSelf:!0,justifyContent:!0,order:!0,transition:!0,transitionDelay:!0,transitionDuration:!0,transitionProperty:!0,transitionTimingFunction:!0,backdropFilter:!0,scrollSnapType:!0,scrollSnapPointsX:!0,scrollSnapPointsY:!0,scrollSnapDestination:!0,scrollSnapCoordinate:!0,shapeImageThreshold:!0,shapeImageMargin:!0,shapeImageOutside:!0,hyphens:!0,flowInto:!0,flowFrom:!0,regionFragment:!0,textSizeAdjust:!0},Moz:{appearance:!0,userSelect:!0,boxSizing:!0,textAlignLast:!0,textDecorationStyle:!0,textDecorationSkip:!0,textDecorationLine:!0,textDecorationColor:!0,tabSize:!0,hyphens:!0,fontFeatureSettings:!0,breakAfter:!0,breakBefore:!0,breakInside:!0,columnCount:!0,columnFill:!0,columnGap:!0,columnRule:!0,columnRuleColor:!0,columnRuleStyle:!0,columnRuleWidth:!0,columns:!0,columnSpan:!0,columnWidth:!0},ms:{flex:!0,flexBasis:!1,flexDirection:!0,flexGrow:!1,flexFlow:!0,flexShrink:!1,flexWrap:!0,alignContent:!1,alignItems:!1,alignSelf:!1,justifyContent:!1,order:!1,transform:!0,transformOrigin:!0,transformOriginX:!0,transformOriginY:!0,userSelect:!0,wrapFlow:!0,wrapThrough:!0,wrapMargin:!0,scrollSnapType:!0,scrollSnapPointsX:!0,scrollSnapPointsY:!0,scrollSnapDestination:!0,scrollSnapCoordinate:!0,touchAction:!0,hyphens:!0,flowInto:!0,flowFrom:!0,breakBefore:!0,breakAfter:!0,breakInside:!0,regionFragment:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0,gridTemplate:!0,gridAutoColumns:!0,gridAutoRows:!0,gridAutoFlow:!0,grid:!0,gridRowStart:!0,gridColumnStart:!0,gridRowEnd:!0,gridRow:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnGap:!0,gridRowGap:!0,gridArea:!0,gridGap:!0,textSizeAdjust:!0}},e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function sortPrefixedStyle(e){return Object.keys(e).sort(function(e,t){return(0,r.default)(e)&&!(0,r.default)(t)?-1:!(0,r.default)(e)&&(0,r.default)(t)?1:0}).reduce(function(t,n){return t[n]=e[n],t},{})};var r=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(588));e.exports=t.default},function(e,t,n){"use strict";var r=/[A-Z]/g,i=/^ms-/,o={};e.exports=function hyphenateStyleName(e){return e in o?o[e]:o[e]=e.replace(r,"-$&").toLowerCase().replace(i,"-ms-")}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(207));t.default=function getState(e,t,n){var i=(0,r.default)(t);return!!e&&!!e._radiumStyleState&&!!e._radiumStyleState[i]&&e._radiumStyleState[i][n]},e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default=function getStateKey(e){return null===e||void 0===e?"main":e.toString()},e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function hash(e){if(!e)return"";for(var t=5381,n=e.length-1;n;)t=33*t^e.charCodeAt(n),n-=1;return(t>>>0).toString(16)},e.exports=t.default},function(e,t,n){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=_interopRequireDefault(n(615)),i=_interopRequireDefault(n(616)),o=_interopRequireDefault(n(617)),a=_interopRequireDefault(n(618)),s=_interopRequireDefault(n(619)),u=_interopRequireDefault(n(620)),l=_interopRequireDefault(n(622)),c=_interopRequireDefault(n(623));t.default={checkProps:r.default,keyframes:i.default,mergeStyleArray:o.default,prefix:a.default,removeNestedStyles:s.default,resolveInteractionStyles:u.default,resolveMediaQueries:l.default,visited:c.default},e.exports=t.default},function(e,t,n){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var r,i,o,a=function(){function defineProperties(e,t){for(var n=0;n=0&&u.splice(t,1)}function createStyleElement(e){var t=document.createElement("style");return e.attrs.type="text/css",addAttrs(t,e.attrs),insertStyleElement(e,t),t}function createLinkElement(e){var t=document.createElement("link");return e.attrs.type="text/css",e.attrs.rel="stylesheet",addAttrs(t,e.attrs),insertStyleElement(e,t),t}function addAttrs(e,t){Object.keys(t).forEach(function(n){e.setAttribute(n,t[n])})}function addStyle(e,t){var n,r,i,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var u=s++;n=a||(a=createStyleElement(t)),r=applyToSingletonTag.bind(null,n,u,!1),i=applyToSingletonTag.bind(null,n,u,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=createLinkElement(t),r=updateLink.bind(null,n,t),i=function(){removeStyleElement(n),n.href&&URL.revokeObjectURL(n.href)}):(n=createStyleElement(t),r=applyToTag.bind(null,n),i=function(){removeStyleElement(n)});return r(e),function updateStyle(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else i()}}function applyToSingletonTag(e,t,n,r){var i=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=c(t,i);else{var o=document.createTextNode(i),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(o,a[t]):e.appendChild(o)}}function applyToTag(e,t){var n=t.css,r=t.media;if(r&&e.setAttribute("media",r),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}function updateLink(e,t,n){var r=n.css,i=n.sourceMap,o=void 0===t.convertToAbsoluteUrls&&i;(t.convertToAbsoluteUrls||o)&&(r=l(r)),i&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */");var a=new Blob([r],{type:"text/css"}),s=e.href;e.href=URL.createObjectURL(a),s&&URL.revokeObjectURL(s)}var r={},i=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(n){return void 0===t[n]&&(t[n]=e.call(this,n)),t[n]}}(function(e){return document.querySelector(e)}),a=null,s=0,u=[],l=n(411);e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||(t.singleton=i()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var n=listToStyles(e,t);return addStylesToDom(n,t),function update(e){for(var i=[],o=0;o=t||n<0||g&&r>=p}function timerExpired(){var e=i();if(shouldInvoke(e))return trailingEdge(e);d=setTimeout(timerExpired,remainingWait(e))}function trailingEdge(e){return d=void 0,v&&l?invokeFunc(e):(l=c=void 0,f)}function debounced(){var e=i(),n=shouldInvoke(e);if(l=arguments,c=this,h=e,n){if(void 0===d)return leadingEdge(h);if(g)return d=setTimeout(timerExpired,t),invokeFunc(h)}return void 0===d&&(d=setTimeout(timerExpired,t)),f}var l,c,p,f,d,h,m=0,y=!1,g=!1,v=!0;if("function"!=typeof e)throw new TypeError(a);return t=o(t)||0,r(n)&&(y=!!n.leading,p=(g="maxWait"in n)?s(o(n.maxWait)||0,t):p,v="trailing"in n?!!n.trailing:v),debounced.cancel=function cancel(){void 0!==d&&clearTimeout(d),m=0,l=h=c=d=void 0},debounced.flush=function flush(){return void 0===d?f:trailingEdge(i())},debounced}},function(e,t,n){e.exports=n(226)},function(e,t,n){"use strict";function renderStyleguide(){var e=n(666),t=Object(p.h)(e.sections),r=Object(p.f)(),o=r.targetName,s=r.targetIndex,d=!1,h=!1,m=!1;if(o){var y=Object(p.b)(t,o);if(y.length)t=[{components:y}],d=!0;else{var g=Object(p.e)(t,o);t=g?[g]:[],m=!0}u()(s)&&(1===y.length?(y[0]=Object(p.a)(y[0],s),h=!0):1===t.length&&(t[0]=Object(p.c)(t[0],s),h=!0))}p.j.reset(),t=Object(p.i)(t);var v=e.config.title;d||h?v=t[0].components[0].name+" — "+v:m&&(v=t[0].name+" — "+v),document.title=v,a.a.render(i.a.createElement(c.a,{codeRevision:f,config:e.config,slots:l.c,welcomeScreen:e.welcomeScreen,patterns:e.patterns,sections:t,isolatedComponent:d,isolatedExample:h,isolatedSection:m}),document.getElementById("app"))}Object.defineProperty(t,"__esModule",{value:!0});n(227);var r=n(0),i=n.n(r),o=n(123),a=n.n(o),s=n(323),u=n.n(s),l=n(86),c=n(558),p=n(65),f=(n(654),0);window.addEventListener("hashchange",renderStyleguide),renderStyleguide()},function(e,t,n){"use strict";var r=n(228),i=(n.n(r),n(229)),o=(n.n(i),n(231));n.n(o)},function(e,t){!function(){function _name(){var t,n;return this===Function||this===Function.prototype.constructor?n="Function":this!==Function.prototype&&(n=(t=(""+this).match(e))&&t[1]),n||""}var e=/^\s*function\s+([^\(\s]*)\s*/,t=!("name"in Function.prototype&&"name"in function x(){}),n="function"==typeof Object.defineProperty&&function(){var e;try{Object.defineProperty(Function.prototype,"_xyz",{get:function(){return"blah"},configurable:!0}),e="blah"===Function.prototype._xyz,delete Function.prototype._xyz}catch(t){e=!1}return e}(),r="function"==typeof Object.prototype.__defineGetter__&&function(){var e;try{Function.prototype.__defineGetter__("_abc",function(){return"foo"}),e="foo"===Function.prototype._abc,delete Function.prototype._abc}catch(t){e=!1}return e}();Function.prototype._name=_name,t&&(n?Object.defineProperty(Function.prototype,"name",{get:function(){var e=_name.call(this);return this!==Function.prototype&&Object.defineProperty(this,"name",{value:e,configurable:!0}),e},configurable:!0}):r&&Function.prototype.__defineGetter__("name",function(){var e=_name.call(this);return this!==Function.prototype&&this.__defineGetter__("name",function(){return e}),e}))}()},function(e,t,n){"use strict";n(230).polyfill()},function(e,t,n){"use strict";function assign(e,t){if(void 0===e||null===e)throw new TypeError("Cannot convert first argument to object");for(var n=Object(e),r=1;r0&&(e=this.toString("hex",0,n).match(/.{2}/g).join(" "),this.length>n&&(e+=" ... ")),""},Buffer.prototype.compare=function compare(e,t,n,r,i){if(!Buffer.isBuffer(e))throw new TypeError("Argument must be a Buffer");if(void 0===t&&(t=0),void 0===n&&(n=e?e.length:0),void 0===r&&(r=0),void 0===i&&(i=this.length),t<0||n>e.length||r<0||i>this.length)throw new RangeError("out of range index");if(r>=i&&t>=n)return 0;if(r>=i)return-1;if(t>=n)return 1;if(t>>>=0,n>>>=0,r>>>=0,i>>>=0,this===e)return 0;for(var o=i-r,a=n-t,s=Math.min(o,a),u=this.slice(r,i),l=e.slice(t,n),c=0;ci)&&(n=i),e.length>0&&(n<0||t<0)||t>this.length)throw new RangeError("Attempt to write outside buffer bounds");r||(r="utf8");for(var o=!1;;)switch(r){case"hex":return hexWrite(this,e,t,n);case"utf8":case"utf-8":return utf8Write(this,e,t,n);case"ascii":return asciiWrite(this,e,t,n);case"latin1":case"binary":return latin1Write(this,e,t,n);case"base64":return base64Write(this,e,t,n);case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return ucs2Write(this,e,t,n);default:if(o)throw new TypeError("Unknown encoding: "+r);r=(""+r).toLowerCase(),o=!0}},Buffer.prototype.toJSON=function toJSON(){return{type:"Buffer",data:Array.prototype.slice.call(this._arr||this,0)}};var a=4096;Buffer.prototype.slice=function slice(e,t){var n=this.length;e=~~e,t=void 0===t?n:~~t,e<0?(e+=n)<0&&(e=0):e>n&&(e=n),t<0?(t+=n)<0&&(t=0):t>n&&(t=n),t0&&(i*=256);)r+=this[e+--t]*i;return r},Buffer.prototype.readUInt8=function readUInt8(e,t){return t||checkOffset(e,1,this.length),this[e]},Buffer.prototype.readUInt16LE=function readUInt16LE(e,t){return t||checkOffset(e,2,this.length),this[e]|this[e+1]<<8},Buffer.prototype.readUInt16BE=function readUInt16BE(e,t){return t||checkOffset(e,2,this.length),this[e]<<8|this[e+1]},Buffer.prototype.readUInt32LE=function readUInt32LE(e,t){return t||checkOffset(e,4,this.length),(this[e]|this[e+1]<<8|this[e+2]<<16)+16777216*this[e+3]},Buffer.prototype.readUInt32BE=function readUInt32BE(e,t){return t||checkOffset(e,4,this.length),16777216*this[e]+(this[e+1]<<16|this[e+2]<<8|this[e+3])},Buffer.prototype.readIntLE=function readIntLE(e,t,n){e|=0,t|=0,n||checkOffset(e,t,this.length);for(var r=this[e],i=1,o=0;++o=i&&(r-=Math.pow(2,8*t)),r},Buffer.prototype.readIntBE=function readIntBE(e,t,n){e|=0,t|=0,n||checkOffset(e,t,this.length);for(var r=t,i=1,o=this[e+--r];r>0&&(i*=256);)o+=this[e+--r]*i;return i*=128,o>=i&&(o-=Math.pow(2,8*t)),o},Buffer.prototype.readInt8=function readInt8(e,t){return t||checkOffset(e,1,this.length),128&this[e]?-1*(255-this[e]+1):this[e]},Buffer.prototype.readInt16LE=function readInt16LE(e,t){t||checkOffset(e,2,this.length);var n=this[e]|this[e+1]<<8;return 32768&n?4294901760|n:n},Buffer.prototype.readInt16BE=function readInt16BE(e,t){t||checkOffset(e,2,this.length);var n=this[e+1]|this[e]<<8;return 32768&n?4294901760|n:n},Buffer.prototype.readInt32LE=function readInt32LE(e,t){return t||checkOffset(e,4,this.length),this[e]|this[e+1]<<8|this[e+2]<<16|this[e+3]<<24},Buffer.prototype.readInt32BE=function readInt32BE(e,t){return t||checkOffset(e,4,this.length),this[e]<<24|this[e+1]<<16|this[e+2]<<8|this[e+3]},Buffer.prototype.readFloatLE=function readFloatLE(e,t){return t||checkOffset(e,4,this.length),i.read(this,e,!0,23,4)},Buffer.prototype.readFloatBE=function readFloatBE(e,t){return t||checkOffset(e,4,this.length),i.read(this,e,!1,23,4)},Buffer.prototype.readDoubleLE=function readDoubleLE(e,t){return t||checkOffset(e,8,this.length),i.read(this,e,!0,52,8)},Buffer.prototype.readDoubleBE=function readDoubleBE(e,t){return t||checkOffset(e,8,this.length),i.read(this,e,!1,52,8)},Buffer.prototype.writeUIntLE=function writeUIntLE(e,t,n,r){e=+e,t|=0,n|=0,r||checkInt(this,e,t,n,Math.pow(2,8*n)-1,0);var i=1,o=0;for(this[t]=255&e;++o=0&&(o*=256);)this[t+i]=e/o&255;return t+n},Buffer.prototype.writeUInt8=function writeUInt8(e,t,n){return e=+e,t|=0,n||checkInt(this,e,t,1,255,0),Buffer.TYPED_ARRAY_SUPPORT||(e=Math.floor(e)),this[t]=255&e,t+1},Buffer.prototype.writeUInt16LE=function writeUInt16LE(e,t,n){return e=+e,t|=0,n||checkInt(this,e,t,2,65535,0),Buffer.TYPED_ARRAY_SUPPORT?(this[t]=255&e,this[t+1]=e>>>8):objectWriteUInt16(this,e,t,!0),t+2},Buffer.prototype.writeUInt16BE=function writeUInt16BE(e,t,n){return e=+e,t|=0,n||checkInt(this,e,t,2,65535,0),Buffer.TYPED_ARRAY_SUPPORT?(this[t]=e>>>8,this[t+1]=255&e):objectWriteUInt16(this,e,t,!1),t+2},Buffer.prototype.writeUInt32LE=function writeUInt32LE(e,t,n){return e=+e,t|=0,n||checkInt(this,e,t,4,4294967295,0),Buffer.TYPED_ARRAY_SUPPORT?(this[t+3]=e>>>24,this[t+2]=e>>>16,this[t+1]=e>>>8,this[t]=255&e):objectWriteUInt32(this,e,t,!0),t+4},Buffer.prototype.writeUInt32BE=function writeUInt32BE(e,t,n){return e=+e,t|=0,n||checkInt(this,e,t,4,4294967295,0),Buffer.TYPED_ARRAY_SUPPORT?(this[t]=e>>>24,this[t+1]=e>>>16,this[t+2]=e>>>8,this[t+3]=255&e):objectWriteUInt32(this,e,t,!1),t+4},Buffer.prototype.writeIntLE=function writeIntLE(e,t,n,r){if(e=+e,t|=0,!r){var i=Math.pow(2,8*n-1);checkInt(this,e,t,n,i-1,-i)}var o=0,a=1,s=0;for(this[t]=255&e;++o>0)-s&255;return t+n},Buffer.prototype.writeIntBE=function writeIntBE(e,t,n,r){if(e=+e,t|=0,!r){var i=Math.pow(2,8*n-1);checkInt(this,e,t,n,i-1,-i)}var o=n-1,a=1,s=0;for(this[t+o]=255&e;--o>=0&&(a*=256);)e<0&&0===s&&0!==this[t+o+1]&&(s=1),this[t+o]=(e/a>>0)-s&255;return t+n},Buffer.prototype.writeInt8=function writeInt8(e,t,n){return e=+e,t|=0,n||checkInt(this,e,t,1,127,-128),Buffer.TYPED_ARRAY_SUPPORT||(e=Math.floor(e)),e<0&&(e=255+e+1),this[t]=255&e,t+1},Buffer.prototype.writeInt16LE=function writeInt16LE(e,t,n){return e=+e,t|=0,n||checkInt(this,e,t,2,32767,-32768),Buffer.TYPED_ARRAY_SUPPORT?(this[t]=255&e,this[t+1]=e>>>8):objectWriteUInt16(this,e,t,!0),t+2},Buffer.prototype.writeInt16BE=function writeInt16BE(e,t,n){return e=+e,t|=0,n||checkInt(this,e,t,2,32767,-32768),Buffer.TYPED_ARRAY_SUPPORT?(this[t]=e>>>8,this[t+1]=255&e):objectWriteUInt16(this,e,t,!1),t+2},Buffer.prototype.writeInt32LE=function writeInt32LE(e,t,n){return e=+e,t|=0,n||checkInt(this,e,t,4,2147483647,-2147483648),Buffer.TYPED_ARRAY_SUPPORT?(this[t]=255&e,this[t+1]=e>>>8,this[t+2]=e>>>16,this[t+3]=e>>>24):objectWriteUInt32(this,e,t,!0),t+4},Buffer.prototype.writeInt32BE=function writeInt32BE(e,t,n){return e=+e,t|=0,n||checkInt(this,e,t,4,2147483647,-2147483648),e<0&&(e=4294967295+e+1),Buffer.TYPED_ARRAY_SUPPORT?(this[t]=e>>>24,this[t+1]=e>>>16,this[t+2]=e>>>8,this[t+3]=255&e):objectWriteUInt32(this,e,t,!1),t+4},Buffer.prototype.writeFloatLE=function writeFloatLE(e,t,n){return writeFloat(this,e,t,!0,n)},Buffer.prototype.writeFloatBE=function writeFloatBE(e,t,n){return writeFloat(this,e,t,!1,n)},Buffer.prototype.writeDoubleLE=function writeDoubleLE(e,t,n){return writeDouble(this,e,t,!0,n)},Buffer.prototype.writeDoubleBE=function writeDoubleBE(e,t,n){return writeDouble(this,e,t,!1,n)},Buffer.prototype.copy=function copy(e,t,n,r){if(n||(n=0),r||0===r||(r=this.length),t>=e.length&&(t=e.length),t||(t=0),r>0&&r=this.length)throw new RangeError("sourceStart out of bounds");if(r<0)throw new RangeError("sourceEnd out of bounds");r>this.length&&(r=this.length),e.length-t=0;--i)e[i+t]=this[i+n];else if(o<1e3||!Buffer.TYPED_ARRAY_SUPPORT)for(i=0;i>>=0,n=void 0===n?this.length:n>>>0,e||(e=0);var o;if("number"==typeof e)for(o=t;o=0;r--){var i=e[r];"."===i?e.splice(r,1):".."===i?(e.splice(r,1),n++):n&&(e.splice(r,1),n--)}if(t)for(;n--;n)e.unshift("..");return e}function filter(e,t){if(e.filter)return e.filter(t);for(var n=[],r=0;r=-1&&!n;r--){var i=r>=0?arguments[r]:e.cwd();if("string"!=typeof i)throw new TypeError("Arguments to path.resolve must be strings");i&&(t=i+"/"+t,n="/"===i.charAt(0))}return t=normalizeArray(filter(t.split("/"),function(e){return!!e}),!n).join("/"),(n?"/":"")+t||"."},t.normalize=function(e){var n=t.isAbsolute(e),r="/"===i(e,-1);return(e=normalizeArray(filter(e.split("/"),function(e){return!!e}),!n).join("/"))||n||(e="."),e&&r&&(e+="/"),(n?"/":"")+e},t.isAbsolute=function(e){return"/"===e.charAt(0)},t.join=function(){var e=Array.prototype.slice.call(arguments,0);return t.normalize(filter(e,function(e,t){if("string"!=typeof e)throw new TypeError("Arguments to path.join must be strings");return e}).join("/"))},t.relative=function(e,n){function trim(e){for(var t=0;t=0&&""===e[n];n--);return t>n?[]:e.slice(t,n-t+1)}e=t.resolve(e).substr(1),n=t.resolve(n).substr(1);for(var r=trim(e.split("/")),i=trim(n.split("/")),o=Math.min(r.length,i.length),a=o,s=0;s=97&&t<=122||t>=65&&t<=90}},function(e,t,n){"use strict";e.exports={position:!0,gfm:!0,commonmark:!1,footnotes:!1,pedantic:!1,blocks:n(452)}},function(e,t,n){"use strict";e.exports=function indentation(e){for(var t,n=0,i=0,o=e.charAt(n),a={};o in r;)i+=t=r[o],t>1&&(i=Math.floor(i/t)*t),a[i]=n,o=e.charAt(++n);return{indent:i,stops:a}};var r={" ":1,"\t":4}},function(e,t,n){"use strict";var r="<[A-Za-z][A-Za-z0-9\\-]*(?:\\s+[a-zA-Z_:][a-zA-Z0-9:._-]*(?:\\s*=\\s*(?:[^\"'=<>`\\u0000-\\u0020]+|'[^']*'|\"[^\"]*\"))?)*\\s*\\/?>",i="<\\/[A-Za-z][A-Za-z0-9\\-]*\\s*>";t.openCloseTag=new RegExp("^(?:"+r+"|"+i+")"),t.tag=new RegExp("^(?:"+r+"|"+i+"|\x3c!----\x3e|\x3c!--(?:-?[^>-])(?:-?[^-])*--\x3e|<[?].*?[?]>|]*>|)")},function(e,t,n){"use strict";e.exports=function locate(e,t){return e.indexOf("<",t)}},function(e,t,n){"use strict";e.exports=function locate(e,t){var n=e.indexOf("[",t),r=e.indexOf("![",t);return-1===r?n:nf))return!1;var h=c.get(e);if(h&&c.get(t))return h==t;var m=-1,y=!0,g=n&s?new r:void 0;for(c.set(e,t),c.set(t,e);++m1&&void 0!==arguments[1]?arguments[1]:{};if("function"!=typeof e){var u=r({},s,e);return function(e){return enhanceWithRadium(e,u)}}var l=e,c=l;isStateless(c)&&((c=function(e){function ComposedComponent(){return _classCallCheck(this,ComposedComponent),_possibleConstructorReturn(this,e.apply(this,arguments))}return _inherits(ComposedComponent,e),ComposedComponent.prototype.render=function render(){return l(this.props,this.context)},ComposedComponent}(i.Component)).displayName=l.displayName||l.name);var p=(n=t=function(e){function RadiumEnhancer(){_classCallCheck(this,RadiumEnhancer);var t=_possibleConstructorReturn(this,e.apply(this,arguments));return t.state=t.state||{},t.state._radiumStyleState={},t._radiumIsMounted=!0,t}return _inherits(RadiumEnhancer,e),RadiumEnhancer.prototype.componentWillUnmount=function componentWillUnmount(){e.prototype.componentWillUnmount&&e.prototype.componentWillUnmount.call(this),this._radiumIsMounted=!1,this._radiumMouseUpListener&&this._radiumMouseUpListener.remove(),this._radiumMediaQueryListenersByQuery&&Object.keys(this._radiumMediaQueryListenersByQuery).forEach(function(e){this._radiumMediaQueryListenersByQuery[e].remove()},this)},RadiumEnhancer.prototype.getChildContext=function getChildContext(){var t=e.prototype.getChildContext?e.prototype.getChildContext.call(this):{};if(!this.props.radiumConfig)return t;var n=r({},t);return this.props.radiumConfig&&(n._radiumConfig=this.props.radiumConfig),n},RadiumEnhancer.prototype.render=function render(){var t=e.prototype.render.call(this),n=this.props.radiumConfig||this.context._radiumConfig||s;return s&&n!==s&&(n=r({},s,n)),(0,a.default)(this,t,n)},RadiumEnhancer}(c),t._isRadiumEnhanced=!0,n);return copyProperties(l,p),p.propTypes&&p.propTypes.style&&(p.propTypes=r({},p.propTypes,{style:i.PropTypes.oneOfType([i.PropTypes.array,i.PropTypes.object])})),p.displayName=l.displayName||l.name||"Component",p.contextTypes=r({},p.contextTypes,{_radiumConfig:i.PropTypes.object,_radiumStyleKeeper:i.PropTypes.instanceOf(o.default)}),p.childContextTypes=r({},p.childContextTypes,{_radiumConfig:i.PropTypes.object,_radiumStyleKeeper:i.PropTypes.instanceOf(o.default)}),p}Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t2&&void 0!==arguments[2]?arguments[2]:h,r=arguments[3],i=arguments.length>4&&void 0!==arguments[4]&&arguments[4];if(r=r||{},!t||t.props&&t.props["data-radium"]||i&&!g(t))return t;var o=v({children:t.props.children,component:e,config:n,existingKeyMap:r}),a=b({component:e,config:n,existingKeyMap:r,props:t.props});return a=C({component:e,config:n,existingKeyMap:r,props:a,renderedElement:t}),o===t.props.children&&a===t.props?t:w(t,a!==t.props?a:{},o)};var k=!1;t.default=y,e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function appendPxIfNeeded(e,t){return r[e]||"number"!=typeof t||0===t?t:t+"px"};var r={animationIterationCount:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridRow:!0,gridColumn:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,stopOpacity:!0,strokeDashoffset:!0,strokeOpacity:!0,strokeWidth:!0};e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function mapObject(e,t){return Object.keys(e).reduce(function(n,r){return n[r]=t(e[r],r),n},{})},e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={Webkit:{transform:!0,transformOrigin:!0,transformOriginX:!0,transformOriginY:!0,backfaceVisibility:!0,perspective:!0,perspectiveOrigin:!0,transformStyle:!0,transformOriginZ:!0,animation:!0,animationDelay:!0,animationDirection:!0,animationFillMode:!0,animationDuration:!0,animationIterationCount:!0,animationName:!0,animationPlayState:!0,animationTimingFunction:!0,appearance:!0,userSelect:!0,fontKerning:!0,textEmphasisPosition:!0,textEmphasis:!0,textEmphasisStyle:!0,textEmphasisColor:!0,boxDecorationBreak:!0,clipPath:!0,maskImage:!0,maskMode:!0,maskRepeat:!0,maskPosition:!0,maskClip:!0,maskOrigin:!0,maskSize:!0,maskComposite:!0,mask:!0,maskBorderSource:!0,maskBorderMode:!0,maskBorderSlice:!0,maskBorderWidth:!0,maskBorderOutset:!0,maskBorderRepeat:!0,maskBorder:!0,maskType:!0,textDecorationStyle:!0,textDecorationSkip:!0,textDecorationLine:!0,textDecorationColor:!0,filter:!0,fontFeatureSettings:!0,breakAfter:!0,breakBefore:!0,breakInside:!0,columnCount:!0,columnFill:!0,columnGap:!0,columnRule:!0,columnRuleColor:!0,columnRuleStyle:!0,columnRuleWidth:!0,columns:!0,columnSpan:!0,columnWidth:!0,flex:!0,flexBasis:!0,flexDirection:!0,flexGrow:!0,flexFlow:!0,flexShrink:!0,flexWrap:!0,alignContent:!0,alignItems:!0,alignSelf:!0,justifyContent:!0,order:!0,transition:!0,transitionDelay:!0,transitionDuration:!0,transitionProperty:!0,transitionTimingFunction:!0,backdropFilter:!0,scrollSnapType:!0,scrollSnapPointsX:!0,scrollSnapPointsY:!0,scrollSnapDestination:!0,scrollSnapCoordinate:!0,shapeImageThreshold:!0,shapeImageMargin:!0,shapeImageOutside:!0,hyphens:!0,flowInto:!0,flowFrom:!0,regionFragment:!0,textSizeAdjust:!0},Moz:{appearance:!0,userSelect:!0,boxSizing:!0,textAlignLast:!0,textDecorationStyle:!0,textDecorationSkip:!0,textDecorationLine:!0,textDecorationColor:!0,tabSize:!0,hyphens:!0,fontFeatureSettings:!0,breakAfter:!0,breakBefore:!0,breakInside:!0,columnCount:!0,columnFill:!0,columnGap:!0,columnRule:!0,columnRuleColor:!0,columnRuleStyle:!0,columnRuleWidth:!0,columns:!0,columnSpan:!0,columnWidth:!0},ms:{flex:!0,flexBasis:!1,flexDirection:!0,flexGrow:!1,flexFlow:!0,flexShrink:!1,flexWrap:!0,alignContent:!1,alignItems:!1,alignSelf:!1,justifyContent:!1,order:!1,transform:!0,transformOrigin:!0,transformOriginX:!0,transformOriginY:!0,userSelect:!0,wrapFlow:!0,wrapThrough:!0,wrapMargin:!0,scrollSnapType:!0,scrollSnapPointsX:!0,scrollSnapPointsY:!0,scrollSnapDestination:!0,scrollSnapCoordinate:!0,touchAction:!0,hyphens:!0,flowInto:!0,flowFrom:!0,breakBefore:!0,breakAfter:!0,breakInside:!0,regionFragment:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0,gridTemplate:!0,gridAutoColumns:!0,gridAutoRows:!0,gridAutoFlow:!0,grid:!0,gridRowStart:!0,gridColumnStart:!0,gridRowEnd:!0,gridRow:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnGap:!0,gridRowGap:!0,gridArea:!0,gridGap:!0,textSizeAdjust:!0}},e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function sortPrefixedStyle(e){return Object.keys(e).sort(function(e,t){return(0,r.default)(e)&&!(0,r.default)(t)?-1:!(0,r.default)(e)&&(0,r.default)(t)?1:0}).reduce(function(t,n){return t[n]=e[n],t},{})};var r=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(588));e.exports=t.default},function(e,t,n){"use strict";var r=/[A-Z]/g,i=/^ms-/,o={};e.exports=function hyphenateStyleName(e){return e in o?o[e]:o[e]=e.replace(r,"-$&").toLowerCase().replace(i,"-ms-")}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(207));t.default=function getState(e,t,n){var i=(0,r.default)(t);return!!e&&!!e._radiumStyleState&&!!e._radiumStyleState[i]&&e._radiumStyleState[i][n]},e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default=function getStateKey(e){return null===e||void 0===e?"main":e.toString()},e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function hash(e){if(!e)return"";for(var t=5381,n=e.length-1;n;)t=33*t^e.charCodeAt(n),n-=1;return(t>>>0).toString(16)},e.exports=t.default},function(e,t,n){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=_interopRequireDefault(n(615)),i=_interopRequireDefault(n(616)),o=_interopRequireDefault(n(617)),a=_interopRequireDefault(n(618)),s=_interopRequireDefault(n(619)),u=_interopRequireDefault(n(620)),l=_interopRequireDefault(n(622)),c=_interopRequireDefault(n(623));t.default={checkProps:r.default,keyframes:i.default,mergeStyleArray:o.default,prefix:a.default,removeNestedStyles:s.default,resolveInteractionStyles:u.default,resolveMediaQueries:l.default,visited:c.default},e.exports=t.default},function(e,t,n){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var r,i,o,a=function(){function defineProperties(e,t){for(var n=0;n=0&&u.splice(t,1)}function createStyleElement(e){var t=document.createElement("style");return e.attrs.type="text/css",addAttrs(t,e.attrs),insertStyleElement(e,t),t}function createLinkElement(e){var t=document.createElement("link");return e.attrs.type="text/css",e.attrs.rel="stylesheet",addAttrs(t,e.attrs),insertStyleElement(e,t),t}function addAttrs(e,t){Object.keys(t).forEach(function(n){e.setAttribute(n,t[n])})}function addStyle(e,t){var n,r,i,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var u=s++;n=a||(a=createStyleElement(t)),r=applyToSingletonTag.bind(null,n,u,!1),i=applyToSingletonTag.bind(null,n,u,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=createLinkElement(t),r=updateLink.bind(null,n,t),i=function(){removeStyleElement(n),n.href&&URL.revokeObjectURL(n.href)}):(n=createStyleElement(t),r=applyToTag.bind(null,n),i=function(){removeStyleElement(n)});return r(e),function updateStyle(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else i()}}function applyToSingletonTag(e,t,n,r){var i=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=c(t,i);else{var o=document.createTextNode(i),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(o,a[t]):e.appendChild(o)}}function applyToTag(e,t){var n=t.css,r=t.media;if(r&&e.setAttribute("media",r),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}function updateLink(e,t,n){var r=n.css,i=n.sourceMap,o=void 0===t.convertToAbsoluteUrls&&i;(t.convertToAbsoluteUrls||o)&&(r=l(r)),i&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */");var a=new Blob([r],{type:"text/css"}),s=e.href;e.href=URL.createObjectURL(a),s&&URL.revokeObjectURL(s)}var r={},i=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(n){return void 0===t[n]&&(t[n]=e.call(this,n)),t[n]}}(function(e){return document.querySelector(e)}),a=null,s=0,u=[],l=n(411);e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||(t.singleton=i()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var n=listToStyles(e,t);return addStylesToDom(n,t),function update(e){for(var i=[],o=0;o=t||n<0||g&&r>=p}function timerExpired(){var e=i();if(shouldInvoke(e))return trailingEdge(e);d=setTimeout(timerExpired,remainingWait(e))}function trailingEdge(e){return d=void 0,v&&l?invokeFunc(e):(l=c=void 0,f)}function debounced(){var e=i(),n=shouldInvoke(e);if(l=arguments,c=this,h=e,n){if(void 0===d)return leadingEdge(h);if(g)return d=setTimeout(timerExpired,t),invokeFunc(h)}return void 0===d&&(d=setTimeout(timerExpired,t)),f}var l,c,p,f,d,h,m=0,y=!1,g=!1,v=!0;if("function"!=typeof e)throw new TypeError(a);return t=o(t)||0,r(n)&&(y=!!n.leading,p=(g="maxWait"in n)?s(o(n.maxWait)||0,t):p,v="trailing"in n?!!n.trailing:v),debounced.cancel=function cancel(){void 0!==d&&clearTimeout(d),m=0,l=h=c=d=void 0},debounced.flush=function flush(){return void 0===d?f:trailingEdge(i())},debounced}},function(e,t,n){e.exports=n(226)},function(e,t,n){"use strict";function renderStyleguide(){var e=n(666),t=Object(p.h)(e.sections),r=Object(p.f)(),o=r.targetName,s=r.targetIndex,d=!1,h=!1,m=!1;if(o){var y=Object(p.b)(t,o);if(y.length)t=[{components:y}],d=!0;else{var g=Object(p.e)(t,o);t=g?[g]:[],m=!0}u()(s)&&(1===y.length?(y[0]=Object(p.a)(y[0],s),h=!0):1===t.length&&(t[0]=Object(p.c)(t[0],s),h=!0))}p.j.reset(),t=Object(p.i)(t);var v=e.config.title;d||h?v=t[0].components[0].name+" — "+v:m&&(v=t[0].name+" — "+v),document.title=v,a.a.render(i.a.createElement(c.a,{codeRevision:f,config:e.config,slots:l.c,welcomeScreen:e.welcomeScreen,patterns:e.patterns,sections:t,isolatedComponent:d,isolatedExample:h,isolatedSection:m}),document.getElementById("app"))}Object.defineProperty(t,"__esModule",{value:!0});n(227);var r=n(0),i=n.n(r),o=n(123),a=n.n(o),s=n(323),u=n.n(s),l=n(86),c=n(558),p=n(65),f=(n(654),0);window.addEventListener("hashchange",renderStyleguide),renderStyleguide()},function(e,t,n){"use strict";var r=n(228),i=(n.n(r),n(229)),o=(n.n(i),n(231));n.n(o)},function(e,t){!function(){function _name(){var t,n;return this===Function||this===Function.prototype.constructor?n="Function":this!==Function.prototype&&(n=(t=(""+this).match(e))&&t[1]),n||""}var e=/^\s*function\s+([^\(\s]*)\s*/,t=!("name"in Function.prototype&&"name"in function x(){}),n="function"==typeof Object.defineProperty&&function(){var e;try{Object.defineProperty(Function.prototype,"_xyz",{get:function(){return"blah"},configurable:!0}),e="blah"===Function.prototype._xyz,delete Function.prototype._xyz}catch(t){e=!1}return e}(),r="function"==typeof Object.prototype.__defineGetter__&&function(){var e;try{Function.prototype.__defineGetter__("_abc",function(){return"foo"}),e="foo"===Function.prototype._abc,delete Function.prototype._abc}catch(t){e=!1}return e}();Function.prototype._name=_name,t&&(n?Object.defineProperty(Function.prototype,"name",{get:function(){var e=_name.call(this);return this!==Function.prototype&&Object.defineProperty(this,"name",{value:e,configurable:!0}),e},configurable:!0}):r&&Function.prototype.__defineGetter__("name",function(){var e=_name.call(this);return this!==Function.prototype&&this.__defineGetter__("name",function(){return e}),e}))}()},function(e,t,n){"use strict";n(230).polyfill()},function(e,t,n){"use strict";function assign(e,t){if(void 0===e||null===e)throw new TypeError("Cannot convert first argument to object");for(var n=Object(e),r=1;r=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function _getStyleKeeper(e){if(!e._radiumStyleKeeper){var t=e.props.radiumConfig&&e.props.radiumConfig.userAgent||e.context._radiumConfig&&e.context._radiumConfig.userAgent;e._radiumStyleKeeper=new a.default(t)}return e._radiumStyleKeeper}Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),i=_interopRequireDefault(r),o=_interopRequireDefault(n(199)),a=_interopRequireDefault(n(112)),s=_interopRequireDefault(n(627)),u=function(e){function StyleRoot(){_classCallCheck(this,StyleRoot);var t=_possibleConstructorReturn(this,e.apply(this,arguments));return _getStyleKeeper(t),t}return _inherits(StyleRoot,e),StyleRoot.prototype.getChildContext=function getChildContext(){return{_radiumStyleKeeper:_getStyleKeeper(this)}},StyleRoot.prototype.render=function render(){var e=this.props,t=(e.radiumConfig,_objectWithoutProperties(e,["radiumConfig"]));return i.default.createElement("div",t,this.props.children,i.default.createElement(s.default,null))},StyleRoot}(r.PureComponent);u.contextTypes={_radiumConfig:r.PropTypes.object,_radiumStyleKeeper:r.PropTypes.instanceOf(a.default)},u.childContextTypes={_radiumStyleKeeper:r.PropTypes.instanceOf(a.default)},u=(0,o.default)(u),t.default=u,e.exports=t.default},function(e,t,n){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,i,o=n(0),a=_interopRequireDefault(o),s=_interopRequireDefault(n(112)),u=(i=r=function(e){function StyleSheet(){_classCallCheck(this,StyleSheet);var t=_possibleConstructorReturn(this,e.apply(this,arguments));return t._onChange=function(){setTimeout(function(){t._isMounted&&t.setState(t._getCSSState())},0)},t.state=t._getCSSState(),t}return _inherits(StyleSheet,e),StyleSheet.prototype.componentDidMount=function componentDidMount(){this._isMounted=!0,this._subscription=this.context._radiumStyleKeeper.subscribe(this._onChange),this._onChange()},StyleSheet.prototype.componentWillUnmount=function componentWillUnmount(){this._isMounted=!1,this._subscription&&this._subscription.remove()},StyleSheet.prototype._getCSSState=function _getCSSState(){return{css:this.context._radiumStyleKeeper.getCSS()}},StyleSheet.prototype.render=function render(){return a.default.createElement("style",{dangerouslySetInnerHTML:{__html:this.state.css}})},StyleSheet}(o.PureComponent),r.contextTypes={_radiumStyleKeeper:a.default.PropTypes.instanceOf(s.default)},i);t.default=u,e.exports=t.default},function(e,t,n){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=function keyframes(e,t){return{__radiumKeyframes:!0,__process:function __process(n){var a=(0,o.getPrefixedKeyframes)(n),s=Object.keys(e).map(function(t){return(0,r.default)(t,e[t],n)}).join("\n"),u=(t?t+"-":"")+"radium-animation-"+(0,i.default)(s);return{css:"@"+a+" "+u+" {\n"+s+"\n}\n",animationName:u}}}};var r=_interopRequireDefault(n(113)),i=_interopRequireDefault(n(208)),o=n(114);e.exports=t.default},function(e,t,n){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.zIndex=t.withTheme=t.themer=t.spacing=t.SetStyles=t.ScrollTrack=t.Row=t.responsive=t.Normalize=t.NavigationPills=t.Icon=t.Grid=t.GlobalTheme=t.Column=t.CircleButton=t.colors=void 0;var r=_interopRequireDefault(n(37)),i=_interopRequireDefault(n(117)),o=_interopRequireDefault(n(213)),a=_interopRequireDefault(n(630)),s=_interopRequireDefault(n(214)),u=_interopRequireDefault(n(119)),l=_interopRequireDefault(n(216)),c=_interopRequireDefault(n(634)),p=_interopRequireDefault(n(38)),f=_interopRequireDefault(n(218)),d=_interopRequireDefault(n(120)),h=_interopRequireDefault(n(210)),m=_interopRequireDefault(n(67)),y=_interopRequireDefault(n(211)),g=_interopRequireDefault(n(212)),v=_interopRequireDefault(n(118));t.colors=r.default,t.CircleButton=i.default,t.Column=o.default,t.GlobalTheme=a.default,t.Grid=s.default,t.Icon=u.default,t.NavigationPills=l.default,t.Normalize=c.default,t.responsive=p.default,t.Row=f.default,t.ScrollTrack=d.default,t.SetStyles=h.default,t.spacing=m.default,t.themer=g.default,t.withTheme=v.default,t.zIndex=y.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={html:{fontSize:"16px"},"html, body":{height:"100%",mozOsxFontSmoothing:"grayscale",WebkitFontSmoothing:"antialiased"},body:{background:"#f7f7f7",fontFamily:'"Open Sans", "Helvetica Neue", Helvetica, sans-serif',color:"#393939",padding:"0px",fontSize:"14px"},a:{textDecoration:"none",backgroundColor:"transparent",":hover":{outline:0,textDecoration:"underline"}}}},function(e,t,n){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=_interopRequireDefault(n(38)),i=_interopRequireDefault(n(67));t.default={containerStyles:{overflow:"hidden",position:"relative"},innerContainerStyles:function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}({whiteSpace:"nowrap",position:"relative"},r.default.xs,{left:"inherit",overflowX:"scroll",display:"block",msOverflowStyle:"none",overflow:"-moz-scrollbars-none",webkitOverflowScrolling:"touch"}),slideButtonStyles:{default:{position:"absolute",top:"5px"},left:i.default.LEFT_XS,right:i.default.RIGHT_XS}}},function(e,t,n){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t=0&&o0?0:a-1;return arguments.length<3&&(r=t[o?o[s]:s],s+=e),iterator(t,n,r,o,s,a)}}function createPredicateIndexFinder(e){return function(t,n,r){n=_(n,r);for(var i=E(t),o=e>0?0:i-1;o>=0&&o0?a=o>=0?o:Math.max(o+s,a):s=o>=0?Math.min(o+1,s):o+s+1;else if(n&&o&&s)return o=n(r,i),r[o]===i?o:-1;if(i!==i)return(o=t(c.call(r,a,s),v.isNaN))>=0?o+a:-1;for(o=e>0?a:s-1;o>=0&&o=0&&t<=k};v.each=v.forEach=function(e,t,n){t=b(t,n);var r,i;if(S(e))for(r=0,i=e.length;r=0},v.invoke=function(e,t){var n=c.call(arguments,2),r=v.isFunction(t);return v.map(e,function(e){var i=r?t:e[t];return null==i?i:i.apply(e,n)})},v.pluck=function(e,t){return v.map(e,v.property(t))},v.where=function(e,t){return v.filter(e,v.matcher(t))},v.findWhere=function(e,t){return v.find(e,v.matcher(t))},v.max=function(e,t,n){var r,i,o=-1/0,a=-1/0;if(null==t&&null!=e)for(var s=0,u=(e=S(e)?e:v.values(e)).length;so&&(o=r);else t=_(t,n),v.each(e,function(e,n,r){((i=t(e,n,r))>a||i===-1/0&&o===-1/0)&&(o=e,a=i)});return o},v.min=function(e,t,n){var r,i,o=1/0,a=1/0;if(null==t&&null!=e)for(var s=0,u=(e=S(e)?e:v.values(e)).length;sr||void 0===n)return 1;if(nt?(a&&(clearTimeout(a),a=null),s=l,o=e.apply(r,i),a||(r=i=null)):a||!1===n.trailing||(a=setTimeout(u,c)),o}},v.debounce=function(e,t,n){var r,i,o,a,s,u=function(){var l=v.now()-a;l=0?r=setTimeout(u,t-l):(r=null,n||(s=e.apply(o,i),r||(o=i=null)))};return function(){o=this,i=arguments,a=v.now();var l=n&&!r;return r||(r=setTimeout(u,t)),l&&(s=e.apply(o,i),o=i=null),s}},v.wrap=function(e,t){return v.partial(t,e)},v.negate=function(e){return function(){return!e.apply(this,arguments)}},v.compose=function(){var e=arguments,t=e.length-1;return function(){for(var n=t,r=e[t].apply(this,arguments);n--;)r=e[n].call(this,r);return r}},v.after=function(e,t){return function(){if(--e<1)return t.apply(this,arguments)}},v.before=function(e,t){var n;return function(){return--e>0&&(n=t.apply(this,arguments)),e<=1&&(t=null),n}},v.once=v.partial(v.before,2);var O=!{toString:null}.propertyIsEnumerable("toString"),T=["valueOf","isPrototypeOf","toString","propertyIsEnumerable","hasOwnProperty","toLocaleString"];v.keys=function(e){if(!v.isObject(e))return[];if(h)return h(e);var t=[];for(var n in e)v.has(e,n)&&t.push(n);return O&&collectNonEnumProps(e,t),t},v.allKeys=function(e){if(!v.isObject(e))return[];var t=[];for(var n in e)t.push(n);return O&&collectNonEnumProps(e,t),t},v.values=function(e){for(var t=v.keys(e),n=t.length,r=Array(n),i=0;i":">",'"':""","'":"'","`":"`"},I=v.invert(j),M=function(e){var t=function(t){return e[t]},n="(?:"+v.keys(e).join("|")+")",r=RegExp(n),i=RegExp(n,"g");return function(e){return e=null==e?"":""+e,r.test(e)?e.replace(i,t):e}};v.escape=M(j),v.unescape=M(I),v.result=function(e,t,n){var r=null==e?void 0:e[t];return void 0===r&&(r=n),v.isFunction(r)?r.call(e):r};var N=0;v.uniqueId=function(e){var t=++N+"";return e?e+t:t},v.templateSettings={evaluate:/<%([\s\S]+?)%>/g,interpolate:/<%=([\s\S]+?)%>/g,escape:/<%-([\s\S]+?)%>/g};var L=/(.)^/,F={"'":"'","\\":"\\","\r":"r","\n":"n","\u2028":"u2028","\u2029":"u2029"},B=/\\|'|\r|\n|\u2028|\u2029/g,q=function(e){return"\\"+F[e]};v.template=function(e,t,n){!t&&n&&(t=n),t=v.defaults({},t,v.templateSettings);var r=RegExp([(t.escape||L).source,(t.interpolate||L).source,(t.evaluate||L).source].join("|")+"|$","g"),i=0,o="__p+='";e.replace(r,function(t,n,r,a,s){return o+=e.slice(i,s).replace(B,q),i=s+t.length,n?o+="'+\n((__t=("+n+"))==null?'':_.escape(__t))+\n'":r?o+="'+\n((__t=("+r+"))==null?'':__t)+\n'":a&&(o+="';\n"+a+"\n__p+='"),t}),o+="';\n",t.variable||(o="with(obj||{}){\n"+o+"}\n"),o="var __t,__p='',__j=Array.prototype.join,print=function(){__p+=__j.call(arguments,'');};\n"+o+"return __p;\n";try{var a=new Function(t.variable||"obj","_",o)}catch(e){throw e.source=o,e}var s=function(e){return a.call(this,e,v)},u=t.variable||"obj";return s.source="function("+u+"){\n"+o+"}",s},v.chain=function(e){var t=v(e);return t._chain=!0,t};var U=function(e,t){return e._chain?v(t).chain():t};v.mixin=function(e){v.each(v.functions(e),function(t){var n=v[t]=e[t];v.prototype[t]=function(){var e=[this._wrapped];return l.apply(e,arguments),U(this,n.apply(v,e))}})},v.mixin(v),v.each(["pop","push","reverse","shift","sort","splice","unshift"],function(e){var t=a[e];v.prototype[e]=function(){var n=this._wrapped;return t.apply(n,arguments),"shift"!==e&&"splice"!==e||0!==n.length||delete n[0],U(this,n)}}),v.each(["concat","join","slice"],function(e){var t=a[e];v.prototype[e]=function(){return U(this,t.apply(this._wrapped,arguments))}}),v.prototype.value=function(){return this._wrapped},v.prototype.valueOf=v.prototype.toJSON=v.prototype.value,v.prototype.toString=function(){return""+this._wrapped},r=[],void 0!==(i=function(){return v}.apply(t,r))&&(e.exports=i)}).call(this)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={html:{fontFamily:"sans-serif",msTextSizeAdjust:"100%",webkitTextSizeAdjust:"100%"},body:{margin:0,boxSizing:"border-box"},"article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary":{display:"block"},"audio, canvas, progress, video":{display:"inline-block",verticalAlign:"baseline"},"audio:not([controls])":{display:"none",height:0},"[hidden], template":{display:"none"},a:{backgroundColor:"transparent"},"a:active, a:hover":{outline:0},"abbr[title]":{borderBottom:"1px dotted"},"b, strong":{fontWeight:"bold"},dfn:{fontStyle:"italic"},h1:{fontSize:"2em",margin:"0.67em 0"},mark:{background:"#ff0",color:"#000"},small:{fontSize:"80%"},"sub, sup":{fontSize:"75%",lineHeight:0,position:"relative",verticalAlign:"baseline"},sup:{top:"-0.5em"},sub:{bottom:"-0.25em"},img:{border:0},"svg:not(:root)":{overflow:"hidden"},figure:{margin:"1em 40px"},hr:{boxSizing:"content-box",height:0},pre:{overflow:"auto"},"code, kbd, pre, samp":{fontFamily:"monospace, monospace",fontSize:"1em"},"button, input, optgroup, select, textarea":{color:"inherit",font:"inherit",margin:0},button:{overflow:"visible"},"button, select":{textTransform:"none"},'button, html input[type="button"], input[type="reset"], input[type="submit"]':{webkitAppearance:"button",cursor:"pointer"},"button[disabled], html input[disabled]":{cursor:"default"},"button::-moz-focus-inner, input::-moz-focus-inner":{border:0,padding:0},input:{lineHeight:"normal"},'input[type="checkbox"], input[type="radio"]':{boxSizing:"border-box",padding:0},'input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button':{height:"auto"},'input[type="search"]':{webkitAppearance:"textfield",boxSizing:"content-box"},'input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration':{webkitAppearance:"none"},fieldset:{border:"1px solid #c0c0c0",margin:"0 2px",padding:"0.35em 0.625em 0.75em"},legend:{border:0,padding:0},textarea:{overflow:"auto"},optgroup:{fontWeight:"bold"},table:{borderCollapse:"collapse",borderSpacing:0},"td, th":{padding:0}}},function(e,t,n){"use strict";function Slot(e,t){var n=e.name,r=e.active,o=e.onlyActive,a=e.className,u=e.props,l=void 0===u?{}:u,c=t.slots,p=c[n];if(!p)throw new Error('Slot "'+n+'" not found, available slots: '+Object.keys(c).join(", "));var f=p.map(function(e,t){var n=e,a=n.id,u=n.render;if(a&&u){if(o&&a!==r)return null;var c=l.onClick;l=s({},l,{name:a,active:r&&a===r,onClick:c&&function(){for(var e=arguments.length,t=Array(e),n=0;n0?i.a.createElement(s.a,{examples:v,name:r}):i.a.createElement(y,{name:r}),tabButtons:i.a.createElement(p.a,{name:"docsTabButtons",active:e,props:h({},n,{onClick:this.handleTabChange})}),tabBody:i.a.createElement(p.a,{name:"docsTabs",active:e,onlyActive:!0,props:n})}):null}}]),ReactComponent}();g.propTypes={component:a.a.object.isRequired},g.contextTypes={config:a.a.object.isRequired,isolatedComponent:a.a.bool},t.a=g},function(e,t,n){"use strict";function _objectWithoutProperties(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function SectionHeading(e){var t=e.slotName,n=e.slotProps,r=e.children,o=e.id,a=_objectWithoutProperties(e,["slotName","slotProps","children","id"]),p=Object(l.g)({slug:o,anchor:!0});return i.a.createElement(u.a,c({toolbar:i.a.createElement(s.a,{name:t,props:n}),id:o,href:p},a),r)}t.a=SectionHeading;var r=n(0),i=n.n(r),o=n(1),a=n.n(o),s=n(122),u=n(643),l=n(65),c=Object.assign||function(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:{},t=null==e.isolate||e.isolate,n=[],r=null,i=void 0;return{onProcessRule:function onProcessRule(s,u){if("style"===s.type&&u&&u!==r&&s.style){var l=s.options.parent;if(!l||"keyframes"!==l.type&&"conditional"!==l.type){var c=t;null!=u.options.isolate&&(c=u.options.isolate),null!=s.style.isolate&&(c=s.style.isolate,delete s.style.isolate),!1!==c&&(c!==s.key&&"string"==typeof c||(!r&&s.options.jss&&(r=s.options.jss.createStyleSheet({},{link:!0,meta:"jss-isolate",index:-1/0}),i=r.addRule("reset",a(e.reset)),r.attach()),-1===n.indexOf(s.selector)&&n.push(s.selector),o(i,n)))}}}}};var i=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(658)),o=function debounce(e){var t=!1;return function(){for(var n=arguments.length,r=Array(n),i=0;i0&&void 0!==arguments[0]?arguments[0]:"inherited";switch(e){case"inherited":return i.default;default:return r({},i.default,e)}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={"border-collapse":"separate","border-spacing":0,"caption-side":"top",color:"initial",cursor:"auto",direction:"initial","empty-cells":"show",font:"initial","font-size-adjust":"none","font-family":"initial","font-size":"medium","font-style":"normal","font-stretch":"normal","font-variant":"normal","font-weight":"normal","letter-spacing":"normal","line-height":"normal","list-style-image":"none","list-style-position":"outside","list-style-type":"disc","list-style":"initial",orphans:2,quotes:"initial","tab-size":8,"text-align":"initial","text-align-last":"auto","text-decoration-color":"initial","text-indent":0,"text-justify":"auto","text-shadow":"none","text-transform":"none",visibility:"visible","white-space":"normal",widows:2,"word-break":"normal","word-spacing":"normal","word-wrap":"normal"}},function(e,t,n){"use strict";function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:{});return{onProcessStyle:function onProcessStyle(t,n){if("style"!==n.type)return t;for(var r in t)t[r]=iterate(r,t[r],e);return t},onChangeValue:function onChangeValue(t,n){return iterate(n,t,e)}}};var i=addCamelCasedVersion(function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(662)).default)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={"animation-delay":"ms","animation-duration":"ms","background-position":"px","background-position-x":"px","background-position-y":"px","background-size":"px",border:"px","border-bottom":"px","border-bottom-left-radius":"px","border-bottom-right-radius":"px","border-bottom-width":"px","border-left":"px","border-left-width":"px","border-radius":"px","border-right":"px","border-right-width":"px","border-spacing":"px","border-top":"px","border-top-left-radius":"px","border-top-right-radius":"px","border-top-width":"px","border-width":"px","border-after-width":"px","border-before-width":"px","border-end-width":"px","border-horizontal-spacing":"px","border-start-width":"px","border-vertical-spacing":"px",bottom:"px","box-shadow":"px","column-gap":"px","column-rule":"px","column-rule-width":"px","column-width":"px","flex-basis":"px","font-size":"px","font-size-delta":"px",height:"px",left:"px","letter-spacing":"px","logical-height":"px","logical-width":"px",margin:"px","margin-after":"px","margin-before":"px","margin-bottom":"px","margin-left":"px","margin-right":"px","margin-top":"px","max-height":"px","max-width":"px","margin-end":"px","margin-start":"px","mask-position-x":"px","mask-position-y":"px","mask-size":"px","max-logical-height":"px","max-logical-width":"px","min-height":"px","min-width":"px","min-logical-height":"px","min-logical-width":"px",motion:"px","motion-offset":"px",outline:"px","outline-offset":"px","outline-width":"px",padding:"px","padding-bottom":"px","padding-left":"px","padding-right":"px","padding-top":"px","padding-after":"px","padding-before":"px","padding-end":"px","padding-start":"px","perspective-origin-x":"%","perspective-origin-y":"%",perspective:"px",right:"px","shape-margin":"px",size:"px","text-indent":"px","text-stroke":"px","text-stroke-width":"px",top:"px","transform-origin":"%","transform-origin-x":"%","transform-origin-y":"%","transform-origin-z":"%","transition-delay":"ms","transition-duration":"ms","vertical-align":"px",width:"px","word-spacing":"px","box-shadow-x":"px","box-shadow-y":"px","box-shadow-blur":"px","box-shadow-spread":"px","font-line-height":"px","text-shadow-x":"px","text-shadow-y":"px","text-shadow-blur":"px"}},function(e,t,n){"use strict";function registerClass(e,t){if(!t)return!0;if(Array.isArray(t)){for(var n=0;n-1)return registerClass(e,t.split(" "));var i=e.options.parent;if("$"===t[0]){var o=i.getRule(t.substr(1));return o?o===e?((0,r.default)(!1,"[JSS] Cyclic composition detected. \r\n%s",e),!1):(i.classes[e.key]+=" "+i.classes[o.key],!0):((0,r.default)(!1,"[JSS] Referenced rule is not defined. \r\n%s",e),!1)}return e.options.parent.classes[e.key]+=" "+t,!0}Object.defineProperty(t,"__esModule",{value:!0}),t.default=function jssCompose(){return{onProcessStyle:function onProcessStyle(e,t){return e.composes?(registerClass(t,e.composes),delete e.composes,e):e}}};var r=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(34))},function(e,t,n){"use strict";t.a={animation:"none 0s ease 0s 1 normal none running","backface-visibility":"visible",background:"transparent none repeat 0 0 / auto auto padding-box border-box scroll",border:"medium none currentColor","border-image":"none","border-radius":"0",bottom:"auto","box-shadow":"none",clear:"none",clip:"auto",columns:"auto","column-count":"auto","column-fill":"balance","column-gap":"normal","column-rule":"medium none currentColor","column-span":"1","column-width":"auto",content:"normal","counter-increment":"none","counter-reset":"none",float:"none",height:"auto",hyphens:"none",left:"auto",margin:"0","max-height":"none","max-width":"none","min-height":"0","min-width":"0",opacity:"1",outline:"medium none invert",overflow:"visible","overflow-x":"visible","overflow-y":"visible",padding:"0","page-break-after":"auto","page-break-before":"auto","page-break-inside":"auto",perspective:"none","perspective-origin":"50% 50%",position:"static",right:"auto","table-layout":"auto","text-decoration":"none",top:"auto",transform:"none","transform-origin":"50% 50% 0","transform-style":"flat",transition:"none 0s ease 0s","unicode-bidi":"normal","vertical-align":"baseline",width:"auto","z-index":"auto"}},function(e,t,n){"use strict";var r=n(54),i={body:{isolate:!1,margin:0,padding:0,border:0}},o=n.n(r).a.createStyleSheet(i).attach().classes.body;document.body.classList.add(o)},function(e,t,n){e.exports={config:{title:"Snacks",highlightTheme:"pastel-on-dark",showCode:!0,showUsage:!0,showSidebar:!0,previewDelay:500,theme:{color:{base:"#333",light:"#999",lightest:"#ccc",link:"#43B02A",linkHover:"#43B02A",border:"#BDBDBD",name:"#FF467E",type:"#5FCA44",error:"#fff",baseBackground:"#f7f7f7",errorBackground:"#E6003D",codeBackground:"#fff",sidebarBackground:"#fff"},fontFamily:{base:["Open Sans","Helvetica Neue","Helvetica","sans-serif"]}},styles:{StyleGuide:{content:{maxWidth:"1600px"}},ReactComponent:{root:{marginBottom:"48px",backgroundColor:"#fff",padding:"16px"}}},compilerConfig:{objectAssign:"Object.assign"}},welcomeScreen:!1,patterns:void 0,sections:[{name:"Introduction",components:[],sections:[],content:n(667)},{name:"Installation",components:[],sections:[],content:n(668)},{name:"Colors",components:[],sections:[],content:n(669)},{name:"Spacing",components:[],sections:[],content:n(670)},{name:"Icons",components:[],sections:[],content:n(671)},{name:"Themes",components:[],sections:[{name:"Themer",components:[],sections:[],content:n(672)},{name:"withTheme HOC",components:[],sections:[],content:n(673)}],content:n(674)},{name:"Components",components:[],sections:[{name:"Buttons",components:[{filepath:"src/components/Buttons/CircleButton.js",pathLine:"src/components/Buttons/CircleButton.js",module:n(117),props:n(675),hasExamples:!0,metadata:{}}],sections:[],content:void 0},{name:"Grid",components:[{filepath:"src/components/Grid/Column.js",pathLine:"src/components/Grid/Column.js",module:n(213),props:n(677),hasExamples:!0,metadata:{}},{filepath:"src/components/Grid/Grid.js",pathLine:"src/components/Grid/Grid.js",module:n(214),props:n(679),hasExamples:!0,metadata:{}},{filepath:"src/components/Grid/Row.js",pathLine:"src/components/Grid/Row.js",module:n(218),props:n(681),hasExamples:!0,metadata:{}}],sections:[],content:void 0},{name:"Icon",components:[{filepath:"src/components/Icon/Icon.js",pathLine:"src/components/Icon/Icon.js",module:n(119),props:n(683),hasExamples:!0,metadata:{}}],sections:[],content:void 0},{name:"NavigationPills",components:[{filepath:"src/components/NavigationPills/NavigationPill.js",pathLine:"src/components/NavigationPills/NavigationPill.js",module:n(217),props:n(685),hasExamples:!0,metadata:{}},{filepath:"src/components/NavigationPills/NavigationPills.js",pathLine:"src/components/NavigationPills/NavigationPills.js",module:n(216),props:n(687),hasExamples:!0,metadata:{}}],sections:[],content:void 0},{name:"ScrollTrack",components:[{filepath:"src/components/ScrollTrack/ScrollTrack.js",pathLine:"src/components/ScrollTrack/ScrollTrack.js",module:n(120),props:n(689),hasExamples:!0,metadata:{}},{filepath:"src/components/ScrollTrack/ScrollTrackPropTypes.js",pathLine:"src/components/ScrollTrack/ScrollTrackPropTypes.js",module:n(121),props:n(691),hasExamples:!1,metadata:{}}],sections:[],content:void 0}],content:n(692)}]}},function(e,t,n){var r={react:n(0)},i=n(8).bind(null,r);n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:"Snacks is a JavaScript and React based component library. It has a default theme matching Instacart's styles, but can accept theme configurations.\n\nFull code available on GitHub: \n\nTo see the list of known issues or to add a new issue: \n\nFor contribution guidelines: "}]},function(e,t,n){var r={react:n(0)},i=n(8).bind(null,r);n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:"### with yarn\n\n```sh\nyarn add 'ic-snacks'\n```\n\n### with npm\n\n```sh\nnpm install 'ic-snacks'\n```"}]},function(e,t,n){var r={"../src/styles/colors":n(37),react:n(0)},i=n(8).bind(null,r),o=n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:"Available colors:"},{type:"code",content:"const colors = require('../src/styles/colors').default;\nconst wrapperStyles = {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'wrap',\n margin: 0,\n padding: '15px',\n background: `repeating-linear-gradient( 45deg, ${colors.WHITE}, ${colors.WHITE} 10px, ${colors.GRAY_88} 10px, ${colors.GRAY_88} 20px )`\n};\n\nconst colorWrapStyles = {\n flex: 1,\n height: '200px',\n flexBasis: '200px',\n boxSizing: 'border-box',\n textAlign: 'center',\n listStyle: 'none',\n};\n\nconst colorSwatchStyles = {\n height: '150px'\n};\n\nconst colorsSwatches = Object.keys(colors).map(name => {\n return (\n
  • \n \n

    {name}

    \n
    • \n );\n});\n\n
      \n { colorsSwatches }\n
    ",settings:{},evalInContext:o}]},function(e,t,n){var r={react:n(0)},i=n(8).bind(null,r);n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:'The spacing module exports values which can be used for padding, margin, and positioning (top, left, bottom, right).\nUsing predefined values for spacing help us keep things visually consistent.\n\nThe pixel values are a base-8 strategy as defined by the design system.\n\n### Sizes\n\n| Property | Px value |\n| -------- | -------- |\n| XS | 8px |\n| SM | 16px |\n| MD | 24px |\n| LG | 32px |\n| XL | 48px |\n| HUGE | 64px |\n\n### Example usage:\n\n```markdown\nimport { spacing } from \'ic-snacks\'\n\n// If you need to reference the pixel values directly\nspacing.SM //=> 16\n\nconst styles = {\n // Padding/margin for all sides\n ...spacing.PADDING_SM, // => { padding: 16 }\n ...spacing.MARGIN_SM, // => { margin: 16 }\n\n // Padding/margin in one direction\n ...spacing.PADDING_LEFT_MD, // => { paddingLeft: 24 }\n ...spacing.MARGIN_TOP_MD, // => { marginLeft: 24 }\n\n // Padding/margin along one dimension\n ...spacing.PADDING_Y_XL // => { paddingTop: 64, paddingBottom: 64 }\n ...spacing.MARGIN_X_LG, // => { marginLeft: 32, marginRight: 32 }\n\n // Positioning\n ...spacing.LEFT_XS // => { left: 8 }\n ...spacing.RIGHT_SM, // => { right: 16 }\n}\n```'}]},function(e,t,n){var r={"../src/components/Icon/hexValues":n(215),"../src/styles/colors":n(37),react:n(0)},i=n(8).bind(null,r),o=n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:"To use an icon, see the `Icon` component in the Components section.\n\nAvailable Icons:"},{type:"code",content:"const hexValues = require('../src/components/Icon/hexValues');\nconst colors = require('../src/styles/colors').default;\nconst wrapperStyles = {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'wrap',\n margin: 0,\n padding: 0\n}\nconst iconWrapStyles = {\n flex: 1,\n height: '100px',\n flexBasis: '200px',\n padding: '8px',\n boxSizing: 'border-box',\n textAlign: 'center',\n listStyle: 'none',\n border: '1px solid #eee'\n}\nconst iconStyle = {\n fontSize: '26px',\n color: colors.GREEN_500\n}\nconst icons = Object.keys(hexValues.default).map(name => {\n return (\n
  • \n \n

    {name}

    \n
    • \n );\n});\n\n
      \n { icons }\n
    ",settings:{},evalInContext:o}]},function(e,t,n){var r={react:n(0)},i=n(8).bind(null,r);n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:'The Themer allows you to set and get the current theme being used by Snacks. It\'s used by the Snacks components internally, but can be used to theme external components along side Snacks components.\n\nTo get a value from the Themer:\n\n```js\nimport themer from \'ic-snacks\'\n\nthemer.get(\'colors\', \'primaryForeground\') // returns #43B02A if using default themer\n```\n\nTo set a value in the Themer:\n\n```js\nimport themer from \'ic-snacks\'\n\nthemer.set(\'colors\', \'primaryForeground\', \'#000\')\nthemer.get(\'colors\', \'primaryForeground\') // returns #000\n```\n\nTo set the entire Themer config:\n\n```js\nimport themer from \'ic-snacks\'\n\nthemer.themeConfig = {\n colors: {\n action: \'#ededed\',\n primaryBackground: \'#ccc\',\n primaryForeground: \'red\',\n secondaryBackground: \'rgba(255, 255, 255, 5)\',\n secondaryForeground: \'#ff3355\',\n }\n}\n\nthemer.get(\'colors\', \'primaryForeground\') // returns red\nthemer.get(\'colors\', \'action\') // returns #ededed\n```\n\nThemes will be validated before being set, and must match the theme config template found in `src/styles/themer/utils`\n\n```js\nimport themer from `ic-snacks`\n\nthemer.themeConfig = {\n colors: {\n action: \'#ededed\',\n primaryBackground: \'#ccc\',\n primaryForeground: \'red\',\n secondaryBackground: \'rgba(255, 255, 255, 5)\',\n secondaryForeground: \'#ff3355\',\n whatever:\'i am special\'\n },\n things: \'stuff\'\n}\n\n// console errors non-standard keys.\n\nconsole.log(themer.themerConfig)\n/*\nbad keys will not be set\n{\n colors: {\n action: \'#ededed\',\n primaryBackground: \'#ccc\',\n primaryForeground: \'red\',\n secondaryBackground: \'rgba(255, 255, 255, 5)\',\n secondaryForeground: \'#ff3355\'\n }\n}\n*/\n```\n\nTo get the entire Themer config:\n\n```js\nimport themer from \'ic-snacks\'\n\nthemer.themeConfig // return entire config object\n```'}]},function(e,t,n){var r={react:n(0)},i=n(8).bind(null,r);n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:'The withTheme higher order component is the best way to use Snacks themes in your own React components. It tracks updates to your theme config and re-renders your components as needed. Theme attributes are passed to your components via a `snacksTheme` prop. Using this or the themer directly allows you to share a theme across snacks components and your own components.\n\nIf you\'d like to change the theme, you\'ll need to import `themer` from snacks and set it there.\n\nClass with decorator style\n\n```js\n import React, { Component } from \'react\'\n import { withTheme } from \'ic-snacks\'\n\n @withTheme\n class MyComponent extends Component {\n render() {\n <p style={{ color: this.props.snacksTheme.color.action }}>\n Hi!\n </p>\n }\n }\n\n export default MyComponent\n```\n\nFunctional style\n\n```js\nimport { withTheme } from \'ic-snacks\'\n\nconst MyComponent = props => {\n return (\n <p style={{ color: props.snacksTheme.color.action }}>\n Hi!\n </p>\n )\n}\n\nexport default withTheme(MyComponent)\n```'}]},function(e,t,n){var r={"../src/styles/themer/utils":n(47),react:n(0)},i=n(8).bind(null,r),o=n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:"Snacks comes with a default color theme, but can be configured and/or used by code outside of Snacks itself.\n\nThe default theme is:"},{type:"code",content:"const defaultTheme = require('../src/styles/themer/utils').defaultTheme;\n\n
    \n {Object.keys(defaultTheme).map((section, idx) => {\n return (\n
    \n

    {section}

    \n { Object.keys(defaultTheme[section]).map((sectionKey, sidx) => {\n const value = defaultTheme[section][sectionKey];\n return (\n

    {sectionKey}: {value}

    \n )\n }) }\n
    \n )\n })\n\n }\n
    ",settings:{},evalInContext:o},{type:"markdown",content:"This theme can be controlled via the `themer`. See `themer` documentation below for more info."}]},function(e,t,n){e.exports={description:"",methods:[],displayName:"CircleButton",props:{ariaLabel:{type:{name:"string"},required:!1,description:"Label to be used by screen readers",tags:{}},disabled:{type:{name:"bool"},required:!1,description:"Bool to disable click/touch listeners",tags:{}},onClick:{type:{name:"func"},required:!1,description:"Callback function called after button click",tags:{}},snacksTheme:{type:{name:"custom",raw:"themePropTypes"},required:!1,description:"snacks theme attributes",tags:{}},styles:{type:{name:"object"},required:!1,description:"Optional style overrides",tags:{}}},doclets:{},examples:n(676)}},function(e,t,n){var r={react:n(0)},i=n(8).bind(null,r),o=n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:"CircleButton example:"},{type:"code",content:"
    \n +\n
    ",settings:{},evalInContext:o}]},function(e,t,n){e.exports={description:"",methods:[],displayName:"Column",props:{sizes:{type:{name:"shape",value:{xs:{name:"number",required:!1},sm:{name:"number",required:!1},md:{name:"number",required:!1},mdLg:{name:"number",required:!1},lg:{name:"number",required:!1},xl:{name:"number",required:!1}}},required:!1,description:"object where keys are breakpoint and value is number of columns to span at that breakpoint",defaultValue:{value:"{}",computed:!1},tags:{}},styles:{type:{name:"object"},required:!1,description:"Optional style overrides",tags:{}}},doclets:{},examples:n(678)}},function(e,t,n){var r={react:n(0)},i=n(8).bind(null,r),o=n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:"Column Example without a parent Grid or Row:"},{type:"code",content:"columnStyles = { backgroundColor: '#43B02A', border: '1px solid white', textAlign: 'center' };\n
    \n

    One

    \n

    Two

    \n

    Three

    \n
    ",settings:{},evalInContext:o}]},function(e,t,n){e.exports={description:"",methods:[],displayName:"Grid",props:{styles:{type:{name:"object"},required:!1,description:"Optional style overrides",tags:{}}},doclets:{},examples:n(680)}},function(e,t,n){var r={react:n(0)},i=n(8).bind(null,r),o=n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:"Grid example:"},{type:"code",content:"columnStyles = { backgroundColor: '#43B02A', border: '1px solid white', textAlign: 'center' };\n
    \n \n \n

    One

    \n

    Two

    \n

    Three

    \n

    Four

    \n

    Five

    \n

    Six

    \n

    Seven

    \n

    Eight

    \n

    Nine

    \n

    Ten

    \n

    Eleven

    \n

    Twelve

    \n

    Thirteen

    \n

    Fourteen

    \n     \n \n

    One

    \n

    Two

    \n

    Three

    \n

    Four

    \n

    Five

    \n

    Six

    \n

    Seven

    \n     \n \n

    One

    \n

    Two

    \n

    Three

    \n

    Four

    \n     \n \n

    One

    \n

    Two

    \n

    Two

    \n     \n \n

    One

    \n

    Two

    \n

    Three

    \n

    Four

    \n     \n \n

    One

    \n

    Two

    \n

    Three

    \n

    Four

    \n

    Five

    \n

    Six

    \n     \n \n

    One

    \n

    Two

    \n

    Three

    \n

    Four

    \n

    Five

    \n

    Six

    \n     \n     \n
    ",settings:{},evalInContext:o}]},function(e,t,n){e.exports={description:"",methods:[],displayName:"Row",props:{forceFullPage:{type:{name:"bool"},required:!1,description:"Force Row to width of 100vw -- Snacks will add negative margin",tags:{}},maxColumns:{type:{name:"number"},required:!1,description:"Maximum number of columns this Row should grow to as screen width increases. Cannot exceed 14.",defaultValue:{value:"14",computed:!1},tags:{}},styles:{type:{name:"object"},required:!1,description:"Optional style overrides",tags:{}}},doclets:{},examples:n(682)}},function(e,t,n){var r={react:n(0)},i=n(8).bind(null,r),o=n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:"Grid example:"},{type:"code",content:"rowStyles = { marginBottom: '20px' };\ncolumnStyles = { backgroundColor: '#43B02A', border: '1px solid white', textAlign: 'center' };\n
    \n \n \n

    One

    \n

    Two

    \n

    Three

    \n

    Four

    \n

    Five

    \n

    Six

    \n

    Seven

    \n     \n \n

    One

    \n

    Two

    \n

    Three

    \n

    Four

    \n

    Five

    \n

    Six

    \n

    Seven

    \n     \n     \n
    ",settings:{},evalInContext:o}]},function(e,t,n){e.exports={description:"",methods:[],displayName:"Icon",props:{name:{type:{name:"enum",computed:!0,value:"Object.keys(hexValues)"},required:!1,description:"String name of icon - ex 'cart'",tags:{}},code:{type:{name:"string"},required:!1,description:"Hexcode of desired icon from ic-icons",tags:{}},style:{type:{name:"object"},required:!1,description:"Optional style overrides",tags:{}},onClick:{type:{name:"func"},required:!1,description:"Callback function called after button click",tags:{param:[{title:"param",description:"The react `SyntheticEvent`",type:{type:"NameExpression",name:"SyntheticEvent"},name:"event"}]}}},doclets:{},examples:n(684)}},function(e,t,n){var r={react:n(0)},i=n(8).bind(null,r),o=n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:"Icon example:"},{type:"code",content:"
    \n \n \n \n
    ",settings:{},evalInContext:o},{type:"markdown",content:"See full list of available icons under the Icons section."}]},function(e,t,n){e.exports={description:"",methods:[],displayName:"NavigationPill",props:{isActive:{type:{name:"bool"},required:!1,description:"determines wether or not active styles are applied",defaultValue:{value:"false",computed:!1},tags:{}},onClick:{type:{name:"func"},required:!1,description:"Callback function called after pill click",tags:{param:[{title:"param",description:"The react `SyntheticEvent`",type:{type:"NameExpression",name:"SyntheticEvent"},name:"event"},{title:"param",description:"All the props passed to the component",type:{type:"NameExpression",name:"props"},name:"object"}]}},path:{type:{name:"string"},required:!1,description:"url used for href property",tags:{}},snacksTheme:{type:{name:"custom",raw:"themePropTypes"},required:!1,description:"snacks theme attributes",tags:{}},text:{type:{name:"string"},required:!1,description:"text to appear inside pill",tags:{}}},doclets:{},examples:n(686)}},function(e,t,n){var r={react:n(0)},i=n(8).bind(null,r),o=n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:"NavigationPill example:"},{type:"code",content:'
    \n {\n e.preventDefault()\n console.log(\'NavigationPill click!\', "bananas")\n }}\n text={"bananas"}\n />\n {\n e.preventDefault()\n console.log(\'NavigationPill click!\', "carrots")\n }}\n text={"carrots"}\n />\n {\n e.preventDefault()\n console.log(\'NavigationPill click!\', "watermelon")\n }}\n text={"watermelon"}\n />\n
    ',settings:{},evalInContext:o}]},function(e,t,n){e.exports={description:"",methods:[],displayName:"NavigationPills",props:{pills:{type:{name:"array"},required:!1,description:"array of pill objects",tags:{}},onPillClick:{type:{name:"func"},required:!1,description:"Callback function called after pill click",tags:{param:[{title:"param",description:"The react `SyntheticEvent`",type:{type:"NameExpression",name:"SyntheticEvent"},name:"event"},{title:"param",description:"All the props passed to the component",type:{type:"NameExpression",name:"props"},name:"object"}]}},label:{type:{name:"string"},required:!1,description:"optional label placed in front of pills",tags:{}},activePill:{type:{name:"string"},required:!1,description:"string matching the text of one of the pills. Determines which pill is active, if any",tags:{}}},doclets:{},examples:n(688)}},function(e,t,n){var r={react:n(0)},i=n(8).bind(null,r),o=n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:"NavigationPills example:"},{type:"code",content:"initialState = { activePill: 'carrots' };\npills = [\n { text: 'bananas' },\n { text: 'carrots' },\n { text: 'watermelon' },\n { text: 'snacks' },\n { text: 'kale' },\n { text: 'endives' },\n { text: 'arugula' },\n { text: 'spinach' },\n { text: 'potatoes' }\n];\n
    \n {\n e.preventDefault();\n setState({ activePill: pill.text })\n console.log('NavigationPills NavigationPill clicked!', pill)\n }}\n label={'Filter by'}\n activePill={state.activePill}\n />\n
    ",settings:{},evalInContext:o}]},function(e,t,n){e.exports={description:"",methods:[],displayName:"ScrollTrack",props:{leftOverride:{type:{name:"number"},required:!1,description:"Manually control left positioning of ScrollTrack",defaultValue:{value:"0",computed:!1},tags:{}},onBeforeNext:{type:{name:"func"},required:!1,description:"A callback called before sliding to next set.\n** Passed function must return a promsie **\n-- will wait for promise resolution before continuing slide.\nUse for high levels of control",defaultValue:{value:"() => new Promise(resolve => resolve())",computed:!1},tags:{}},onBeforeBack:{type:{name:"func"},required:!1,description:"function to be called before sliding to previous set.",defaultValue:{value:"() => {}",computed:!1},tags:{}},onAfterNext:{type:{name:"func"},required:!1,description:"function to be called after sliding to next set.",defaultValue:{value:"() => {}",computed:!1},tags:{}},onAfterBack:{type:{name:"func"},required:!1,description:"function to be called after sliding to previous set.",defaultValue:{value:"() => {}",computed:!1},tags:{}},scrollTimingFunction:{type:{name:"string"},required:!1,description:"Transition timing function to use for scrolling animation - defaults to ease-in-out",defaultValue:{value:"'ease-in-out'",computed:!1},tags:{}},scrollSpeed:{type:{name:"number"},required:!1,description:"Speed of scrolling animaton in milleseconds - defaults to 150ms",defaultValue:{value:"150",computed:!1},tags:{}},style:{type:{name:"object"},required:!1,description:"Style top level element",defaultValue:{value:"{}",computed:!1},tags:{}},styles:{type:{name:"shape",value:{LeftArrow:{name:"object",required:!1},RightArrow:{name:"object",required:!1},Track:{name:"object",required:!1}}},required:!1,description:"Style specifc children elements [LeftArrow, RightArrow, Track]",defaultValue:{value:"{\n LeftArrow: {},\n RightArrow: {},\n Track: {}\n}",computed:!1},tags:{}}},doclets:{},examples:n(690)}},function(e,t,n){var r={react:n(0)},i=n(8).bind(null,r),o=n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:"### ScollTrack example:"},{type:"code",content:'internalTrackStyles = {\n RightArrow: {\n backgroundColor: \'blue\'\n }\n}\n\nstyles = { padding: \'8px 20px\', marginRight: \'5px\', fontSize: \'24px\', borderRadius: \'4px\', backgroundColor: \'#eee\', color: \'#43B02A\', top: \'8px\' };\n
    \n \n
    \n \n \n {\n e.preventDefault()\n console.log(\'NavigationPill click!\', "bananas")\n }}\n text={"bananas"}\n />\n \n \n {\n e.preventDefault()\n console.log(\'NavigationPill click!\', "carrots")\n }}\n text={"carrots"}\n />\n \n \n {\n e.preventDefault()\n console.log(\'NavigationPill click!\', "watermelon")\n }}\n text={"watermelon"}\n />\n \n \n {\n e.preventDefault()\n console.log(\'NavigationPill click!\', "kale")\n }}\n text={"kale"}\n />\n \n \n {\n e.preventDefault()\n console.log(\'NavigationPill click!\', "arugula")\n }}\n text={"arugula"}\n />\n \n \n {\n e.preventDefault()\n console.log(\'NavigationPill click!\', "spinach")\n }}\n text={"spinach"}\n />\n
    \n     \n
    ',settings:{},evalInContext:o},{type:"markdown",content:'### ScrollTrack with equalWidthTrack wrapper\n\n**NOTE: This HOC assumes the wrapped component is a container of equally and static sized elements**\n\n`ScrollTrack.equalWidthTrack` is a higher order component that will supply the wrapped\ncomponent with two additional props: `startIndex` and `lastIndex`. This will enable the\nchild to determine how it wants to treat elements that are shown within the track\nor hidden off the overflow.\n\nExample use case: _A container of item cards that all have a width of 90px and margins of 5px on both sides_\n\n```js\n const childWidth = 100;\n\n @ScrollTrack.equalWidthTrack(childWidth)\n class ItemCardsContainer extends Component {\n static propTypes = {\n trackProps: ScrollTrack.ScrollTrackPropTypes.trackProps,\n startIndex: PropTypes.number,\n lastIndex: PropTypes.number\n };\n\n render () {\n ...\n }\n }\n```'},{type:"code",content:"const CustomComponent = ScrollTrack.equalWidthTrack(186)(({ startIndex, lastIndex, trackProps }) => {\n const { showRightArrow, showLeftArrow } = trackProps;\n const children = new Array(20).fill(1).map((_, index) => {\n const style = {\n backgroundColor: 'red',\n minWidth: '176px',\n minHeight: '176px',\n margin: '0 5px',\n opacity: (showLeftArrow && index === startIndex) || (showRightArrow && index === lastIndex) ? 0.6 : 1\n };\n\n return
    Item
    ;\n });\n\n return (\n
    \n {children}\n
    \n );\n});\n\nCustomComponent.propTypes = {\n trackProps: ScrollTrack.ScrollTrackPropTypes.trackProps,\n};\n\n\n \n",settings:{},evalInContext:o},{type:"markdown",content:'Using callbacks\n\n```js\n <ScrollTrack\n onBeforeNext={(props) => {\n return new Promise((resolve, reject) => {\n setTimeout(() => {\n console.log(\'before next!\', props)\n resolve()\n }, 1000)\n })\n }}\n onAfterNext={(props) => { console.log(\'after next!\', props) }}\n onBeforeBack={(props) => { console.log(\'before back!\', props) }}\n onAfterBack={(props) => { console.log(\'after back!\', props) }}\n >\n <div>\n <Icon name="cart" style={styles} />\n <Icon name="cart" style={styles} />\n <Icon name="cart" style={styles} />\n <Icon name="cart" style={styles} />\n <Icon name="cart" style={styles} />\n <Icon name="cart" style={styles} />\n </div>\n </ScrollTrack>\n```'}]},function(e,t,n){e.exports={methods:[],doclets:{},examples:[]}},function(e,t,n){var r={react:n(0)},i=n(8).bind(null,r);n(9).bind(null,"var React = require('react');",i);e.exports=[]}]); \ No newline at end of file +!function(){"use strict";var i=!("undefined"==typeof window||!window.document||!window.document.createElement),o={canUseDOM:i,canUseWorkers:"undefined"!=typeof Worker,canUseEventListeners:i&&!(!window.addEventListener&&!window.attachEvent),canUseViewport:i&&!!window.screen};void 0!==(r=function(){return o}.call(t,n,t,e))&&(e.exports=r)}()},function(e,t,n){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var r,i,o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a=_interopRequireDefault(n(113)),s=n(0),u=_interopRequireDefault(s),l=(i=r=function(e){function Style(){return _classCallCheck(this,Style),_possibleConstructorReturn(this,e.apply(this,arguments))}return _inherits(Style,e),Style.prototype._buildStyles=function _buildStyles(e){var t=this,n=this.props.radiumConfig&&this.props.radiumConfig.userAgent||this.context&&this.context._radiumConfig&&this.context._radiumConfig.userAgent,r=this.props.scopeSelector,i=Object.keys(e).reduce(function(t,n){return"object"!==o(e[n])&&(t[n]=e[n]),t},{});return(Object.keys(i).length?(0,a.default)(r||"",i,n):"")+Object.keys(e).reduce(function(i,s){var u=e[s];if("mediaQueries"===s)i+=t._buildMediaQueryString(u);else if("object"===o(e[s])){var l=r?s.split(",").map(function(e){return r+" "+e.trim()}).join(","):s;i+=(0,a.default)(l,u,n)}return i},"")},Style.prototype._buildMediaQueryString=function _buildMediaQueryString(e){var t=this,n="";return Object.keys(e).forEach(function(r){n+="@media "+r+"{"+t._buildStyles(e[r])+"}"}),n},Style.prototype.render=function render(){if(!this.props.rules)return null;var e=this._buildStyles(this.props.rules);return u.default.createElement("style",{dangerouslySetInnerHTML:{__html:e}})},Style}(s.PureComponent),r.propTypes={radiumConfig:s.PropTypes.object,rules:s.PropTypes.object,scopeSelector:s.PropTypes.string},r.contextTypes={_radiumConfig:s.PropTypes.object},r.defaultProps={scopeSelector:""},i);t.default=l,e.exports=t.default},function(e,t,n){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _objectWithoutProperties(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function _getStyleKeeper(e){if(!e._radiumStyleKeeper){var t=e.props.radiumConfig&&e.props.radiumConfig.userAgent||e.context._radiumConfig&&e.context._radiumConfig.userAgent;e._radiumStyleKeeper=new a.default(t)}return e._radiumStyleKeeper}Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),i=_interopRequireDefault(r),o=_interopRequireDefault(n(199)),a=_interopRequireDefault(n(112)),s=_interopRequireDefault(n(627)),u=function(e){function StyleRoot(){_classCallCheck(this,StyleRoot);var t=_possibleConstructorReturn(this,e.apply(this,arguments));return _getStyleKeeper(t),t}return _inherits(StyleRoot,e),StyleRoot.prototype.getChildContext=function getChildContext(){return{_radiumStyleKeeper:_getStyleKeeper(this)}},StyleRoot.prototype.render=function render(){var e=this.props,t=(e.radiumConfig,_objectWithoutProperties(e,["radiumConfig"]));return i.default.createElement("div",t,this.props.children,i.default.createElement(s.default,null))},StyleRoot}(r.PureComponent);u.contextTypes={_radiumConfig:r.PropTypes.object,_radiumStyleKeeper:r.PropTypes.instanceOf(a.default)},u.childContextTypes={_radiumStyleKeeper:r.PropTypes.instanceOf(a.default)},u=(0,o.default)(u),t.default=u,e.exports=t.default},function(e,t,n){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,i,o=n(0),a=_interopRequireDefault(o),s=_interopRequireDefault(n(112)),u=(i=r=function(e){function StyleSheet(){_classCallCheck(this,StyleSheet);var t=_possibleConstructorReturn(this,e.apply(this,arguments));return t._onChange=function(){setTimeout(function(){t._isMounted&&t.setState(t._getCSSState())},0)},t.state=t._getCSSState(),t}return _inherits(StyleSheet,e),StyleSheet.prototype.componentDidMount=function componentDidMount(){this._isMounted=!0,this._subscription=this.context._radiumStyleKeeper.subscribe(this._onChange),this._onChange()},StyleSheet.prototype.componentWillUnmount=function componentWillUnmount(){this._isMounted=!1,this._subscription&&this._subscription.remove()},StyleSheet.prototype._getCSSState=function _getCSSState(){return{css:this.context._radiumStyleKeeper.getCSS()}},StyleSheet.prototype.render=function render(){return a.default.createElement("style",{dangerouslySetInnerHTML:{__html:this.state.css}})},StyleSheet}(o.PureComponent),r.contextTypes={_radiumStyleKeeper:a.default.PropTypes.instanceOf(s.default)},i);t.default=u,e.exports=t.default},function(e,t,n){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=function keyframes(e,t){return{__radiumKeyframes:!0,__process:function __process(n){var a=(0,o.getPrefixedKeyframes)(n),s=Object.keys(e).map(function(t){return(0,r.default)(t,e[t],n)}).join("\n"),u=(t?t+"-":"")+"radium-animation-"+(0,i.default)(s);return{css:"@"+a+" "+u+" {\n"+s+"\n}\n",animationName:u}}}};var r=_interopRequireDefault(n(113)),i=_interopRequireDefault(n(208)),o=n(114);e.exports=t.default},function(e,t,n){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.zIndex=t.withTheme=t.themer=t.spacing=t.SetStyles=t.ScrollTrack=t.Row=t.responsive=t.Normalize=t.NavigationPills=t.Icon=t.Grid=t.GlobalTheme=t.Column=t.CircleButton=t.colors=void 0;var r=_interopRequireDefault(n(37)),i=_interopRequireDefault(n(117)),o=_interopRequireDefault(n(213)),a=_interopRequireDefault(n(630)),s=_interopRequireDefault(n(214)),u=_interopRequireDefault(n(119)),l=_interopRequireDefault(n(216)),c=_interopRequireDefault(n(634)),p=_interopRequireDefault(n(38)),f=_interopRequireDefault(n(218)),d=_interopRequireDefault(n(120)),h=_interopRequireDefault(n(210)),m=_interopRequireDefault(n(67)),y=_interopRequireDefault(n(211)),g=_interopRequireDefault(n(212)),v=_interopRequireDefault(n(118));t.colors=r.default,t.CircleButton=i.default,t.Column=o.default,t.GlobalTheme=a.default,t.Grid=s.default,t.Icon=u.default,t.NavigationPills=l.default,t.Normalize=c.default,t.responsive=p.default,t.Row=f.default,t.ScrollTrack=d.default,t.SetStyles=h.default,t.spacing=m.default,t.themer=g.default,t.withTheme=v.default,t.zIndex=y.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={html:{fontSize:"16px"},"html, body":{height:"100%",mozOsxFontSmoothing:"grayscale",WebkitFontSmoothing:"antialiased"},body:{background:"#f7f7f7",fontFamily:'"Open Sans", "Helvetica Neue", Helvetica, sans-serif',color:"#393939",padding:"0px",fontSize:"14px"},a:{textDecoration:"none",backgroundColor:"transparent",":hover":{outline:0,textDecoration:"underline"}}}},function(e,t,n){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=_interopRequireDefault(n(38)),i=_interopRequireDefault(n(67));t.default={containerStyles:{overflow:"hidden",position:"relative"},innerContainerStyles:function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}({whiteSpace:"nowrap",position:"relative"},r.default.xs,{left:"inherit",overflowX:"scroll",display:"block",msOverflowStyle:"none",overflow:"-moz-scrollbars-none",webkitOverflowScrolling:"touch"}),slideButtonStyles:{default:{position:"absolute",top:"5px"},left:i.default.LEFT_XS,right:i.default.RIGHT_XS}}},function(e,t,n){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t=0&&o0?0:a-1;return arguments.length<3&&(r=t[o?o[s]:s],s+=e),iterator(t,n,r,o,s,a)}}function createPredicateIndexFinder(e){return function(t,n,r){n=_(n,r);for(var i=E(t),o=e>0?0:i-1;o>=0&&o0?a=o>=0?o:Math.max(o+s,a):s=o>=0?Math.min(o+1,s):o+s+1;else if(n&&o&&s)return o=n(r,i),r[o]===i?o:-1;if(i!==i)return(o=t(c.call(r,a,s),v.isNaN))>=0?o+a:-1;for(o=e>0?a:s-1;o>=0&&o=0&&t<=k};v.each=v.forEach=function(e,t,n){t=b(t,n);var r,i;if(S(e))for(r=0,i=e.length;r=0},v.invoke=function(e,t){var n=c.call(arguments,2),r=v.isFunction(t);return v.map(e,function(e){var i=r?t:e[t];return null==i?i:i.apply(e,n)})},v.pluck=function(e,t){return v.map(e,v.property(t))},v.where=function(e,t){return v.filter(e,v.matcher(t))},v.findWhere=function(e,t){return v.find(e,v.matcher(t))},v.max=function(e,t,n){var r,i,o=-1/0,a=-1/0;if(null==t&&null!=e)for(var s=0,u=(e=S(e)?e:v.values(e)).length;so&&(o=r);else t=_(t,n),v.each(e,function(e,n,r){((i=t(e,n,r))>a||i===-1/0&&o===-1/0)&&(o=e,a=i)});return o},v.min=function(e,t,n){var r,i,o=1/0,a=1/0;if(null==t&&null!=e)for(var s=0,u=(e=S(e)?e:v.values(e)).length;sr||void 0===n)return 1;if(nt?(a&&(clearTimeout(a),a=null),s=l,o=e.apply(r,i),a||(r=i=null)):a||!1===n.trailing||(a=setTimeout(u,c)),o}},v.debounce=function(e,t,n){var r,i,o,a,s,u=function(){var l=v.now()-a;l=0?r=setTimeout(u,t-l):(r=null,n||(s=e.apply(o,i),r||(o=i=null)))};return function(){o=this,i=arguments,a=v.now();var l=n&&!r;return r||(r=setTimeout(u,t)),l&&(s=e.apply(o,i),o=i=null),s}},v.wrap=function(e,t){return v.partial(t,e)},v.negate=function(e){return function(){return!e.apply(this,arguments)}},v.compose=function(){var e=arguments,t=e.length-1;return function(){for(var n=t,r=e[t].apply(this,arguments);n--;)r=e[n].call(this,r);return r}},v.after=function(e,t){return function(){if(--e<1)return t.apply(this,arguments)}},v.before=function(e,t){var n;return function(){return--e>0&&(n=t.apply(this,arguments)),e<=1&&(t=null),n}},v.once=v.partial(v.before,2);var O=!{toString:null}.propertyIsEnumerable("toString"),T=["valueOf","isPrototypeOf","toString","propertyIsEnumerable","hasOwnProperty","toLocaleString"];v.keys=function(e){if(!v.isObject(e))return[];if(h)return h(e);var t=[];for(var n in e)v.has(e,n)&&t.push(n);return O&&collectNonEnumProps(e,t),t},v.allKeys=function(e){if(!v.isObject(e))return[];var t=[];for(var n in e)t.push(n);return O&&collectNonEnumProps(e,t),t},v.values=function(e){for(var t=v.keys(e),n=t.length,r=Array(n),i=0;i":">",'"':""","'":"'","`":"`"},I=v.invert(j),M=function(e){var t=function(t){return e[t]},n="(?:"+v.keys(e).join("|")+")",r=RegExp(n),i=RegExp(n,"g");return function(e){return e=null==e?"":""+e,r.test(e)?e.replace(i,t):e}};v.escape=M(j),v.unescape=M(I),v.result=function(e,t,n){var r=null==e?void 0:e[t];return void 0===r&&(r=n),v.isFunction(r)?r.call(e):r};var N=0;v.uniqueId=function(e){var t=++N+"";return e?e+t:t},v.templateSettings={evaluate:/<%([\s\S]+?)%>/g,interpolate:/<%=([\s\S]+?)%>/g,escape:/<%-([\s\S]+?)%>/g};var L=/(.)^/,F={"'":"'","\\":"\\","\r":"r","\n":"n","\u2028":"u2028","\u2029":"u2029"},B=/\\|'|\r|\n|\u2028|\u2029/g,q=function(e){return"\\"+F[e]};v.template=function(e,t,n){!t&&n&&(t=n),t=v.defaults({},t,v.templateSettings);var r=RegExp([(t.escape||L).source,(t.interpolate||L).source,(t.evaluate||L).source].join("|")+"|$","g"),i=0,o="__p+='";e.replace(r,function(t,n,r,a,s){return o+=e.slice(i,s).replace(B,q),i=s+t.length,n?o+="'+\n((__t=("+n+"))==null?'':_.escape(__t))+\n'":r?o+="'+\n((__t=("+r+"))==null?'':__t)+\n'":a&&(o+="';\n"+a+"\n__p+='"),t}),o+="';\n",t.variable||(o="with(obj||{}){\n"+o+"}\n"),o="var __t,__p='',__j=Array.prototype.join,print=function(){__p+=__j.call(arguments,'');};\n"+o+"return __p;\n";try{var a=new Function(t.variable||"obj","_",o)}catch(e){throw e.source=o,e}var s=function(e){return a.call(this,e,v)},u=t.variable||"obj";return s.source="function("+u+"){\n"+o+"}",s},v.chain=function(e){var t=v(e);return t._chain=!0,t};var U=function(e,t){return e._chain?v(t).chain():t};v.mixin=function(e){v.each(v.functions(e),function(t){var n=v[t]=e[t];v.prototype[t]=function(){var e=[this._wrapped];return l.apply(e,arguments),U(this,n.apply(v,e))}})},v.mixin(v),v.each(["pop","push","reverse","shift","sort","splice","unshift"],function(e){var t=a[e];v.prototype[e]=function(){var n=this._wrapped;return t.apply(n,arguments),"shift"!==e&&"splice"!==e||0!==n.length||delete n[0],U(this,n)}}),v.each(["concat","join","slice"],function(e){var t=a[e];v.prototype[e]=function(){return U(this,t.apply(this._wrapped,arguments))}}),v.prototype.value=function(){return this._wrapped},v.prototype.valueOf=v.prototype.toJSON=v.prototype.value,v.prototype.toString=function(){return""+this._wrapped},r=[],void 0!==(i=function(){return v}.apply(t,r))&&(e.exports=i)}).call(this)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={html:{fontFamily:"sans-serif",msTextSizeAdjust:"100%",webkitTextSizeAdjust:"100%"},body:{margin:0,boxSizing:"border-box"},"article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary":{display:"block"},"audio, canvas, progress, video":{display:"inline-block",verticalAlign:"baseline"},"audio:not([controls])":{display:"none",height:0},"[hidden], template":{display:"none"},a:{backgroundColor:"transparent"},"a:active, a:hover":{outline:0},"abbr[title]":{borderBottom:"1px dotted"},"b, strong":{fontWeight:"bold"},dfn:{fontStyle:"italic"},h1:{fontSize:"2em",margin:"0.67em 0"},mark:{background:"#ff0",color:"#000"},small:{fontSize:"80%"},"sub, sup":{fontSize:"75%",lineHeight:0,position:"relative",verticalAlign:"baseline"},sup:{top:"-0.5em"},sub:{bottom:"-0.25em"},img:{border:0},"svg:not(:root)":{overflow:"hidden"},figure:{margin:"1em 40px"},hr:{boxSizing:"content-box",height:0},pre:{overflow:"auto"},"code, kbd, pre, samp":{fontFamily:"monospace, monospace",fontSize:"1em"},"button, input, optgroup, select, textarea":{color:"inherit",font:"inherit",margin:0},button:{overflow:"visible"},"button, select":{textTransform:"none"},'button, html input[type="button"], input[type="reset"], input[type="submit"]':{webkitAppearance:"button",cursor:"pointer"},"button[disabled], html input[disabled]":{cursor:"default"},"button::-moz-focus-inner, input::-moz-focus-inner":{border:0,padding:0},input:{lineHeight:"normal"},'input[type="checkbox"], input[type="radio"]':{boxSizing:"border-box",padding:0},'input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button':{height:"auto"},'input[type="search"]':{webkitAppearance:"textfield",boxSizing:"content-box"},'input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration':{webkitAppearance:"none"},fieldset:{border:"1px solid #c0c0c0",margin:"0 2px",padding:"0.35em 0.625em 0.75em"},legend:{border:0,padding:0},textarea:{overflow:"auto"},optgroup:{fontWeight:"bold"},table:{borderCollapse:"collapse",borderSpacing:0},"td, th":{padding:0}}},function(e,t,n){"use strict";function Slot(e,t){var n=e.name,r=e.active,o=e.onlyActive,a=e.className,u=e.props,l=void 0===u?{}:u,c=t.slots,p=c[n];if(!p)throw new Error('Slot "'+n+'" not found, available slots: '+Object.keys(c).join(", "));var f=p.map(function(e,t){var n=e,a=n.id,u=n.render;if(a&&u){if(o&&a!==r)return null;var c=l.onClick;l=s({},l,{name:a,active:r&&a===r,onClick:c&&function(){for(var e=arguments.length,t=Array(e),n=0;n0?i.a.createElement(s.a,{examples:v,name:r}):i.a.createElement(y,{name:r}),tabButtons:i.a.createElement(p.a,{name:"docsTabButtons",active:e,props:h({},n,{onClick:this.handleTabChange})}),tabBody:i.a.createElement(p.a,{name:"docsTabs",active:e,onlyActive:!0,props:n})}):null}}]),ReactComponent}();g.propTypes={component:a.a.object.isRequired},g.contextTypes={config:a.a.object.isRequired,isolatedComponent:a.a.bool},t.a=g},function(e,t,n){"use strict";function _objectWithoutProperties(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function SectionHeading(e){var t=e.slotName,n=e.slotProps,r=e.children,o=e.id,a=_objectWithoutProperties(e,["slotName","slotProps","children","id"]),p=Object(l.g)({slug:o,anchor:!0});return i.a.createElement(u.a,c({toolbar:i.a.createElement(s.a,{name:t,props:n}),id:o,href:p},a),r)}t.a=SectionHeading;var r=n(0),i=n.n(r),o=n(1),a=n.n(o),s=n(122),u=n(643),l=n(65),c=Object.assign||function(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:{},t=null==e.isolate||e.isolate,n=[],r=null,i=void 0;return{onProcessRule:function onProcessRule(s,u){if("style"===s.type&&u&&u!==r&&s.style){var l=s.options.parent;if(!l||"keyframes"!==l.type&&"conditional"!==l.type){var c=t;null!=u.options.isolate&&(c=u.options.isolate),null!=s.style.isolate&&(c=s.style.isolate,delete s.style.isolate),!1!==c&&(c!==s.key&&"string"==typeof c||(!r&&s.options.jss&&(r=s.options.jss.createStyleSheet({},{link:!0,meta:"jss-isolate",index:-1/0}),i=r.addRule("reset",a(e.reset)),r.attach()),-1===n.indexOf(s.selector)&&n.push(s.selector),o(i,n)))}}}}};var i=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(658)),o=function debounce(e){var t=!1;return function(){for(var n=arguments.length,r=Array(n),i=0;i0&&void 0!==arguments[0]?arguments[0]:"inherited";switch(e){case"inherited":return i.default;default:return r({},i.default,e)}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={"border-collapse":"separate","border-spacing":0,"caption-side":"top",color:"initial",cursor:"auto",direction:"initial","empty-cells":"show",font:"initial","font-size-adjust":"none","font-family":"initial","font-size":"medium","font-style":"normal","font-stretch":"normal","font-variant":"normal","font-weight":"normal","letter-spacing":"normal","line-height":"normal","list-style-image":"none","list-style-position":"outside","list-style-type":"disc","list-style":"initial",orphans:2,quotes:"initial","tab-size":8,"text-align":"initial","text-align-last":"auto","text-decoration-color":"initial","text-indent":0,"text-justify":"auto","text-shadow":"none","text-transform":"none",visibility:"visible","white-space":"normal",widows:2,"word-break":"normal","word-spacing":"normal","word-wrap":"normal"}},function(e,t,n){"use strict";function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:{});return{onProcessStyle:function onProcessStyle(t,n){if("style"!==n.type)return t;for(var r in t)t[r]=iterate(r,t[r],e);return t},onChangeValue:function onChangeValue(t,n){return iterate(n,t,e)}}};var i=addCamelCasedVersion(function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(662)).default)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={"animation-delay":"ms","animation-duration":"ms","background-position":"px","background-position-x":"px","background-position-y":"px","background-size":"px",border:"px","border-bottom":"px","border-bottom-left-radius":"px","border-bottom-right-radius":"px","border-bottom-width":"px","border-left":"px","border-left-width":"px","border-radius":"px","border-right":"px","border-right-width":"px","border-spacing":"px","border-top":"px","border-top-left-radius":"px","border-top-right-radius":"px","border-top-width":"px","border-width":"px","border-after-width":"px","border-before-width":"px","border-end-width":"px","border-horizontal-spacing":"px","border-start-width":"px","border-vertical-spacing":"px",bottom:"px","box-shadow":"px","column-gap":"px","column-rule":"px","column-rule-width":"px","column-width":"px","flex-basis":"px","font-size":"px","font-size-delta":"px",height:"px",left:"px","letter-spacing":"px","logical-height":"px","logical-width":"px",margin:"px","margin-after":"px","margin-before":"px","margin-bottom":"px","margin-left":"px","margin-right":"px","margin-top":"px","max-height":"px","max-width":"px","margin-end":"px","margin-start":"px","mask-position-x":"px","mask-position-y":"px","mask-size":"px","max-logical-height":"px","max-logical-width":"px","min-height":"px","min-width":"px","min-logical-height":"px","min-logical-width":"px",motion:"px","motion-offset":"px",outline:"px","outline-offset":"px","outline-width":"px",padding:"px","padding-bottom":"px","padding-left":"px","padding-right":"px","padding-top":"px","padding-after":"px","padding-before":"px","padding-end":"px","padding-start":"px","perspective-origin-x":"%","perspective-origin-y":"%",perspective:"px",right:"px","shape-margin":"px",size:"px","text-indent":"px","text-stroke":"px","text-stroke-width":"px",top:"px","transform-origin":"%","transform-origin-x":"%","transform-origin-y":"%","transform-origin-z":"%","transition-delay":"ms","transition-duration":"ms","vertical-align":"px",width:"px","word-spacing":"px","box-shadow-x":"px","box-shadow-y":"px","box-shadow-blur":"px","box-shadow-spread":"px","font-line-height":"px","text-shadow-x":"px","text-shadow-y":"px","text-shadow-blur":"px"}},function(e,t,n){"use strict";function registerClass(e,t){if(!t)return!0;if(Array.isArray(t)){for(var n=0;n-1)return registerClass(e,t.split(" "));var i=e.options.parent;if("$"===t[0]){var o=i.getRule(t.substr(1));return o?o===e?((0,r.default)(!1,"[JSS] Cyclic composition detected. \r\n%s",e),!1):(i.classes[e.key]+=" "+i.classes[o.key],!0):((0,r.default)(!1,"[JSS] Referenced rule is not defined. \r\n%s",e),!1)}return e.options.parent.classes[e.key]+=" "+t,!0}Object.defineProperty(t,"__esModule",{value:!0}),t.default=function jssCompose(){return{onProcessStyle:function onProcessStyle(e,t){return e.composes?(registerClass(t,e.composes),delete e.composes,e):e}}};var r=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(34))},function(e,t,n){"use strict";t.a={animation:"none 0s ease 0s 1 normal none running","backface-visibility":"visible",background:"transparent none repeat 0 0 / auto auto padding-box border-box scroll",border:"medium none currentColor","border-image":"none","border-radius":"0",bottom:"auto","box-shadow":"none",clear:"none",clip:"auto",columns:"auto","column-count":"auto","column-fill":"balance","column-gap":"normal","column-rule":"medium none currentColor","column-span":"1","column-width":"auto",content:"normal","counter-increment":"none","counter-reset":"none",float:"none",height:"auto",hyphens:"none",left:"auto",margin:"0","max-height":"none","max-width":"none","min-height":"0","min-width":"0",opacity:"1",outline:"medium none invert",overflow:"visible","overflow-x":"visible","overflow-y":"visible",padding:"0","page-break-after":"auto","page-break-before":"auto","page-break-inside":"auto",perspective:"none","perspective-origin":"50% 50%",position:"static",right:"auto","table-layout":"auto","text-decoration":"none",top:"auto",transform:"none","transform-origin":"50% 50% 0","transform-style":"flat",transition:"none 0s ease 0s","unicode-bidi":"normal","vertical-align":"baseline",width:"auto","z-index":"auto"}},function(e,t,n){"use strict";var r=n(54),i={body:{isolate:!1,margin:0,padding:0,border:0}},o=n.n(r).a.createStyleSheet(i).attach().classes.body;document.body.classList.add(o)},function(e,t,n){e.exports={config:{title:"Snacks",highlightTheme:"pastel-on-dark",showCode:!0,showUsage:!0,showSidebar:!0,previewDelay:500,theme:{color:{base:"#333",light:"#999",lightest:"#ccc",link:"#43B02A",linkHover:"#43B02A",border:"#BDBDBD",name:"#FF467E",type:"#5FCA44",error:"#fff",baseBackground:"#f7f7f7",errorBackground:"#E6003D",codeBackground:"#fff",sidebarBackground:"#fff"},fontFamily:{base:["Open Sans","Helvetica Neue","Helvetica","sans-serif"]}},styles:{StyleGuide:{content:{maxWidth:"1600px"}},ReactComponent:{root:{marginBottom:"48px",backgroundColor:"#fff",padding:"16px"}}},compilerConfig:{objectAssign:"Object.assign"}},welcomeScreen:!1,patterns:void 0,sections:[{name:"Introduction",components:[],sections:[],content:n(667)},{name:"Installation",components:[],sections:[],content:n(668)},{name:"Colors",components:[],sections:[],content:n(669)},{name:"Spacing",components:[],sections:[],content:n(670)},{name:"Icons",components:[],sections:[],content:n(671)},{name:"Themes",components:[],sections:[{name:"Themer",components:[],sections:[],content:n(672)},{name:"withTheme HOC",components:[],sections:[],content:n(673)}],content:n(674)},{name:"Components",components:[],sections:[{name:"Buttons",components:[{filepath:"src/components/Buttons/CircleButton.js",pathLine:"src/components/Buttons/CircleButton.js",module:n(117),props:n(675),hasExamples:!0,metadata:{}}],sections:[],content:void 0},{name:"Grid",components:[{filepath:"src/components/Grid/Column.js",pathLine:"src/components/Grid/Column.js",module:n(213),props:n(677),hasExamples:!0,metadata:{}},{filepath:"src/components/Grid/Grid.js",pathLine:"src/components/Grid/Grid.js",module:n(214),props:n(679),hasExamples:!0,metadata:{}},{filepath:"src/components/Grid/Row.js",pathLine:"src/components/Grid/Row.js",module:n(218),props:n(681),hasExamples:!0,metadata:{}}],sections:[],content:void 0},{name:"Icon",components:[{filepath:"src/components/Icon/Icon.js",pathLine:"src/components/Icon/Icon.js",module:n(119),props:n(683),hasExamples:!0,metadata:{}}],sections:[],content:void 0},{name:"NavigationPills",components:[{filepath:"src/components/NavigationPills/NavigationPill.js",pathLine:"src/components/NavigationPills/NavigationPill.js",module:n(217),props:n(685),hasExamples:!0,metadata:{}},{filepath:"src/components/NavigationPills/NavigationPills.js",pathLine:"src/components/NavigationPills/NavigationPills.js",module:n(216),props:n(687),hasExamples:!0,metadata:{}}],sections:[],content:void 0},{name:"ScrollTrack",components:[{filepath:"src/components/ScrollTrack/ScrollTrack.js",pathLine:"src/components/ScrollTrack/ScrollTrack.js",module:n(120),props:n(689),hasExamples:!0,metadata:{}},{filepath:"src/components/ScrollTrack/ScrollTrackPropTypes.js",pathLine:"src/components/ScrollTrack/ScrollTrackPropTypes.js",module:n(121),props:n(691),hasExamples:!1,metadata:{}}],sections:[],content:void 0}],content:n(692)}]}},function(e,t,n){var r={react:n(0)},i=n(8).bind(null,r);n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:"Snacks is a JavaScript and React based component library. It has a default theme matching Instacart's styles, but can accept theme configurations.\n\nFull code available on GitHub: \n\nTo see the list of known issues or to add a new issue: \n\nFor contribution guidelines: "}]},function(e,t,n){var r={react:n(0)},i=n(8).bind(null,r);n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:"### with yarn\n\n```sh\nyarn add 'ic-snacks'\n```\n\n### with npm\n\n```sh\nnpm install 'ic-snacks'\n```"}]},function(e,t,n){var r={"../src/styles/colors":n(37),react:n(0)},i=n(8).bind(null,r),o=n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:"Available colors:"},{type:"code",content:"const colors = require('../src/styles/colors').default;\nconst wrapperStyles = {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'wrap',\n margin: 0,\n padding: '15px',\n background: `repeating-linear-gradient( 45deg, ${colors.WHITE}, ${colors.WHITE} 10px, ${colors.GRAY_88} 10px, ${colors.GRAY_88} 20px )`\n};\n\nconst colorWrapStyles = {\n flex: 1,\n height: '200px',\n flexBasis: '200px',\n boxSizing: 'border-box',\n textAlign: 'center',\n listStyle: 'none',\n};\n\nconst colorSwatchStyles = {\n height: '150px'\n};\n\nconst colorsSwatches = Object.keys(colors).map(name => {\n return (\n
  • \n \n

    {name}

    \n
    • \n );\n});\n\n
      \n { colorsSwatches }\n
    ",settings:{},evalInContext:o}]},function(e,t,n){var r={react:n(0)},i=n(8).bind(null,r);n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:'The spacing module exports values which can be used for padding, margin, and positioning (top, left, bottom, right).\nUsing predefined values for spacing help us keep things visually consistent.\n\nThe pixel values are a base-8 strategy as defined by the design system.\n\n### Sizes\n\n| Property | Px value |\n| -------- | -------- |\n| XS | 8px |\n| SM | 16px |\n| MD | 24px |\n| LG | 32px |\n| XL | 48px |\n| HUGE | 64px |\n\n### Example usage:\n\n```markdown\nimport { spacing } from \'ic-snacks\'\n\n// If you need to reference the pixel values directly\nspacing.SM //=> 16\n\nconst styles = {\n // Padding/margin for all sides\n ...spacing.PADDING_SM, // => { padding: 16 }\n ...spacing.MARGIN_SM, // => { margin: 16 }\n\n // Padding/margin in one direction\n ...spacing.PADDING_LEFT_MD, // => { paddingLeft: 24 }\n ...spacing.MARGIN_TOP_MD, // => { marginLeft: 24 }\n\n // Padding/margin along one dimension\n ...spacing.PADDING_Y_XL // => { paddingTop: 64, paddingBottom: 64 }\n ...spacing.MARGIN_X_LG, // => { marginLeft: 32, marginRight: 32 }\n\n // Positioning\n ...spacing.LEFT_XS // => { left: 8 }\n ...spacing.RIGHT_SM, // => { right: 16 }\n}\n```'}]},function(e,t,n){var r={"../src/components/Icon/hexValues":n(215),"../src/styles/colors":n(37),react:n(0)},i=n(8).bind(null,r),o=n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:"To use an icon, see the `Icon` component in the Components section.\n\nAvailable Icons:"},{type:"code",content:"const hexValues = require('../src/components/Icon/hexValues');\nconst colors = require('../src/styles/colors').default;\nconst wrapperStyles = {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'wrap',\n margin: 0,\n padding: 0\n}\nconst iconWrapStyles = {\n flex: 1,\n height: '100px',\n flexBasis: '200px',\n padding: '8px',\n boxSizing: 'border-box',\n textAlign: 'center',\n listStyle: 'none',\n border: '1px solid #eee'\n}\nconst iconStyle = {\n fontSize: '26px',\n color: colors.GREEN_500\n}\nconst icons = Object.keys(hexValues.default).map(name => {\n return (\n
  • \n \n

    {name}

    \n
    • \n );\n});\n\n
      \n { icons }\n
    ",settings:{},evalInContext:o}]},function(e,t,n){var r={react:n(0)},i=n(8).bind(null,r);n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:'The Themer allows you to set and get the current theme being used by Snacks. It\'s used by the Snacks components internally, but can be used to theme external components along side Snacks components.\n\nTo get a value from the Themer:\n\n```js\nimport themer from \'ic-snacks\'\n\nthemer.get(\'colors\', \'primaryForeground\') // returns #43B02A if using default themer\n```\n\nTo set a value in the Themer:\n\n```js\nimport themer from \'ic-snacks\'\n\nthemer.set(\'colors\', \'primaryForeground\', \'#000\')\nthemer.get(\'colors\', \'primaryForeground\') // returns #000\n```\n\nTo set the entire Themer config:\n\n```js\nimport themer from \'ic-snacks\'\n\nthemer.themeConfig = {\n colors: {\n action: \'#ededed\',\n primaryBackground: \'#ccc\',\n primaryForeground: \'red\',\n secondaryBackground: \'rgba(255, 255, 255, 5)\',\n secondaryForeground: \'#ff3355\',\n }\n}\n\nthemer.get(\'colors\', \'primaryForeground\') // returns red\nthemer.get(\'colors\', \'action\') // returns #ededed\n```\n\nThemes will be validated before being set, and must match the theme config template found in `src/styles/themer/utils`\n\n```js\nimport themer from `ic-snacks`\n\nthemer.themeConfig = {\n colors: {\n action: \'#ededed\',\n primaryBackground: \'#ccc\',\n primaryForeground: \'red\',\n secondaryBackground: \'rgba(255, 255, 255, 5)\',\n secondaryForeground: \'#ff3355\',\n whatever:\'i am special\'\n },\n things: \'stuff\'\n}\n\n// console errors non-standard keys.\n\nconsole.log(themer.themerConfig)\n/*\nbad keys will not be set\n{\n colors: {\n action: \'#ededed\',\n primaryBackground: \'#ccc\',\n primaryForeground: \'red\',\n secondaryBackground: \'rgba(255, 255, 255, 5)\',\n secondaryForeground: \'#ff3355\'\n }\n}\n*/\n```\n\nTo get the entire Themer config:\n\n```js\nimport themer from \'ic-snacks\'\n\nthemer.themeConfig // return entire config object\n```'}]},function(e,t,n){var r={react:n(0)},i=n(8).bind(null,r);n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:'The withTheme higher order component is the best way to use Snacks themes in your own React components. It tracks updates to your theme config and re-renders your components as needed. Theme attributes are passed to your components via a `snacksTheme` prop. Using this or the themer directly allows you to share a theme across snacks components and your own components.\n\nIf you\'d like to change the theme, you\'ll need to import `themer` from snacks and set it there.\n\nClass with decorator style\n\n```js\n import React, { Component } from \'react\'\n import { withTheme } from \'ic-snacks\'\n\n @withTheme\n class MyComponent extends Component {\n render() {\n <p style={{ color: this.props.snacksTheme.color.action }}>\n Hi!\n </p>\n }\n }\n\n export default MyComponent\n```\n\nFunctional style\n\n```js\nimport { withTheme } from \'ic-snacks\'\n\nconst MyComponent = props => {\n return (\n <p style={{ color: props.snacksTheme.color.action }}>\n Hi!\n </p>\n )\n}\n\nexport default withTheme(MyComponent)\n```'}]},function(e,t,n){var r={"../src/styles/themer/utils":n(47),react:n(0)},i=n(8).bind(null,r),o=n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:"Snacks comes with a default color theme, but can be configured and/or used by code outside of Snacks itself.\n\nThe default theme is:"},{type:"code",content:"const defaultTheme = require('../src/styles/themer/utils').defaultTheme;\n\n
    \n {Object.keys(defaultTheme).map((section, idx) => {\n return (\n
    \n

    {section}

    \n { Object.keys(defaultTheme[section]).map((sectionKey, sidx) => {\n const value = defaultTheme[section][sectionKey];\n return (\n

    {sectionKey}: {value}

    \n )\n }) }\n
    \n )\n })\n\n }\n
    ",settings:{},evalInContext:o},{type:"markdown",content:"This theme can be controlled via the `themer`. See `themer` documentation below for more info."}]},function(e,t,n){e.exports={description:"",methods:[],displayName:"CircleButton",props:{ariaLabel:{type:{name:"string"},required:!1,description:"Label to be used by screen readers",tags:{}},disabled:{type:{name:"bool"},required:!1,description:"Bool to disable click/touch listeners",tags:{}},onClick:{type:{name:"func"},required:!1,description:"Callback function called after button click",tags:{}},snacksTheme:{type:{name:"custom",raw:"themePropTypes"},required:!1,description:"snacks theme attributes",tags:{}},styles:{type:{name:"object"},required:!1,description:"Optional style overrides",tags:{}}},doclets:{},examples:n(676)}},function(e,t,n){var r={react:n(0)},i=n(8).bind(null,r),o=n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:"CircleButton example:"},{type:"code",content:"
    \n +\n
    ",settings:{},evalInContext:o}]},function(e,t,n){e.exports={description:"",methods:[],displayName:"Column",props:{sizes:{type:{name:"shape",value:{xs:{name:"number",required:!1},sm:{name:"number",required:!1},md:{name:"number",required:!1},mdLg:{name:"number",required:!1},lg:{name:"number",required:!1},xl:{name:"number",required:!1}}},required:!1,description:"object where keys are breakpoint and value is number of columns to span at that breakpoint",defaultValue:{value:"{}",computed:!1},tags:{}},styles:{type:{name:"object"},required:!1,description:"Optional style overrides",tags:{}}},doclets:{},examples:n(678)}},function(e,t,n){var r={react:n(0)},i=n(8).bind(null,r),o=n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:"Column Example without a parent Grid or Row:"},{type:"code",content:"columnStyles = { backgroundColor: '#43B02A', border: '1px solid white', textAlign: 'center' };\n
    \n

    One

    \n

    Two

    \n

    Three

    \n
    ",settings:{},evalInContext:o}]},function(e,t,n){e.exports={description:"",methods:[],displayName:"Grid",props:{styles:{type:{name:"object"},required:!1,description:"Optional style overrides",tags:{}}},doclets:{},examples:n(680)}},function(e,t,n){var r={react:n(0)},i=n(8).bind(null,r),o=n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:"Grid example:"},{type:"code",content:"columnStyles = { backgroundColor: '#43B02A', border: '1px solid white', textAlign: 'center' };\n
    \n \n \n

    One

    \n

    Two

    \n

    Three

    \n

    Four

    \n

    Five

    \n

    Six

    \n

    Seven

    \n

    Eight

    \n

    Nine

    \n

    Ten

    \n

    Eleven

    \n

    Twelve

    \n

    Thirteen

    \n

    Fourteen

    \n     \n \n

    One

    \n

    Two

    \n

    Three

    \n

    Four

    \n

    Five

    \n

    Six

    \n

    Seven

    \n     \n \n

    One

    \n

    Two

    \n

    Three

    \n

    Four

    \n     \n \n

    One

    \n

    Two

    \n

    Two

    \n     \n \n

    One

    \n

    Two

    \n

    Three

    \n

    Four

    \n     \n \n

    One

    \n

    Two

    \n

    Three

    \n

    Four

    \n

    Five

    \n

    Six

    \n     \n \n

    One

    \n

    Two

    \n

    Three

    \n

    Four

    \n

    Five

    \n

    Six

    \n     \n     \n
    ",settings:{},evalInContext:o}]},function(e,t,n){e.exports={description:"",methods:[],displayName:"Row",props:{forceFullPage:{type:{name:"bool"},required:!1,description:"Force Row to width of 100vw -- Snacks will add negative margin",tags:{}},maxColumns:{type:{name:"number"},required:!1,description:"Maximum number of columns this Row should grow to as screen width increases. Cannot exceed 14.",defaultValue:{value:"14",computed:!1},tags:{}},styles:{type:{name:"object"},required:!1,description:"Optional style overrides",tags:{}}},doclets:{},examples:n(682)}},function(e,t,n){var r={react:n(0)},i=n(8).bind(null,r),o=n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:"Grid example:"},{type:"code",content:"rowStyles = { marginBottom: '20px' };\ncolumnStyles = { backgroundColor: '#43B02A', border: '1px solid white', textAlign: 'center' };\n
    \n \n \n

    One

    \n

    Two

    \n

    Three

    \n

    Four

    \n

    Five

    \n

    Six

    \n

    Seven

    \n     \n \n

    One

    \n

    Two

    \n

    Three

    \n

    Four

    \n

    Five

    \n

    Six

    \n

    Seven

    \n     \n     \n
    ",settings:{},evalInContext:o}]},function(e,t,n){e.exports={description:"",methods:[],displayName:"Icon",props:{name:{type:{name:"enum",computed:!0,value:"Object.keys(hexValues)"},required:!1,description:"String name of icon - ex 'cart'",tags:{}},code:{type:{name:"string"},required:!1,description:"Hexcode of desired icon from ic-icons",tags:{}},style:{type:{name:"object"},required:!1,description:"Optional style overrides",tags:{}},onClick:{type:{name:"func"},required:!1,description:"Callback function called after button click",tags:{param:[{title:"param",description:"The react `SyntheticEvent`",type:{type:"NameExpression",name:"SyntheticEvent"},name:"event"}]}}},doclets:{},examples:n(684)}},function(e,t,n){var r={react:n(0)},i=n(8).bind(null,r),o=n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:"Icon example:"},{type:"code",content:"
    \n \n \n \n
    ",settings:{},evalInContext:o},{type:"markdown",content:"See full list of available icons under the Icons section."}]},function(e,t,n){e.exports={description:"",methods:[],displayName:"NavigationPill",props:{elementAttributes:{type:{name:"object"},required:!1,description:"Any additonal props to add to the element (e.g. data attributes).",defaultValue:{value:"{}",computed:!1},tags:{}},isActive:{type:{name:"bool"},required:!1,description:"determines wether or not active styles are applied",defaultValue:{value:"false",computed:!1},tags:{}},onClick:{type:{name:"func"},required:!1,description:"Callback function called after pill click",tags:{param:[{title:"param",description:"The react `SyntheticEvent`",type:{type:"NameExpression",name:"SyntheticEvent"},name:"event"},{title:"param",description:"All the props passed to the component",type:{type:"NameExpression",name:"props"},name:"object"}]}},path:{type:{name:"string"},required:!1,description:"url used for href property",tags:{}},snacksTheme:{type:{name:"custom",raw:"themePropTypes"},required:!1,description:"snacks theme attributes",tags:{}},text:{type:{name:"string"},required:!1,description:"text to appear inside pill",tags:{}}},doclets:{},examples:n(686)}},function(e,t,n){var r={react:n(0)},i=n(8).bind(null,r),o=n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:"NavigationPill example:"},{type:"code",content:'
    \n {\n e.preventDefault()\n console.log(\'NavigationPill click!\', "bananas")\n }}\n text={"bananas"}\n />\n {\n e.preventDefault()\n console.log(\'NavigationPill click!\', "carrots")\n }}\n text={"carrots"}\n />\n {\n e.preventDefault()\n console.log(\'NavigationPill click!\', "watermelon")\n }}\n text={"watermelon"}\n />\n
    ',settings:{},evalInContext:o}]},function(e,t,n){e.exports={description:"",methods:[],displayName:"NavigationPills",props:{elementAttributes:{type:{name:"object"},required:!1,description:"Any additonal props to add to the element (e.g. data attributes).",defaultValue:{value:"{}",computed:!1},tags:{}},pills:{type:{name:"array"},required:!1,description:"array of pill objects",tags:{}},onPillClick:{type:{name:"func"},required:!1,description:"Callback function called after pill click",tags:{param:[{title:"param",description:"The react `SyntheticEvent`",type:{type:"NameExpression",name:"SyntheticEvent"},name:"event"},{title:"param",description:"All the props passed to the component",type:{type:"NameExpression",name:"props"},name:"object"}]}},label:{type:{name:"string"},required:!1,description:"optional label placed in front of pills",tags:{}},activePill:{type:{name:"string"},required:!1,description:"string matching the text of one of the pills. Determines which pill is active, if any",tags:{}}},doclets:{},examples:n(688)}},function(e,t,n){var r={react:n(0)},i=n(8).bind(null,r),o=n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:"NavigationPills example:"},{type:"code",content:"initialState = { activePill: 'carrots' };\npills = [\n { text: 'bananas' },\n { text: 'carrots' },\n { text: 'watermelon' },\n { text: 'snacks' },\n { text: 'kale' },\n { text: 'endives' },\n { text: 'arugula' },\n { text: 'spinach' },\n { text: 'potatoes' }\n];\n
    \n {\n e.preventDefault();\n setState({ activePill: pill.text })\n console.log('NavigationPills NavigationPill clicked!', pill)\n }}\n label={'Filter by'}\n activePill={state.activePill}\n />\n
    ",settings:{},evalInContext:o}]},function(e,t,n){e.exports={description:"",methods:[],displayName:"ScrollTrack",props:{leftOverride:{type:{name:"number"},required:!1,description:"Manually control left positioning of ScrollTrack",defaultValue:{value:"0",computed:!1},tags:{}},onBeforeNext:{type:{name:"func"},required:!1,description:"A callback called before sliding to next set.\n** Passed function must return a promsie **\n-- will wait for promise resolution before continuing slide.\nUse for high levels of control",defaultValue:{value:"() => new Promise(resolve => resolve())",computed:!1},tags:{}},onBeforeBack:{type:{name:"func"},required:!1,description:"function to be called before sliding to previous set.",defaultValue:{value:"() => {}",computed:!1},tags:{}},onAfterNext:{type:{name:"func"},required:!1,description:"function to be called after sliding to next set.",defaultValue:{value:"() => {}",computed:!1},tags:{}},onAfterBack:{type:{name:"func"},required:!1,description:"function to be called after sliding to previous set.",defaultValue:{value:"() => {}",computed:!1},tags:{}},scrollTimingFunction:{type:{name:"string"},required:!1,description:"Transition timing function to use for scrolling animation - defaults to ease-in-out",defaultValue:{value:"'ease-in-out'",computed:!1},tags:{}},scrollSpeed:{type:{name:"number"},required:!1,description:"Speed of scrolling animaton in milleseconds - defaults to 150ms",defaultValue:{value:"150",computed:!1},tags:{}},style:{type:{name:"object"},required:!1,description:"Style top level element",defaultValue:{value:"{}",computed:!1},tags:{}},styles:{type:{name:"shape",value:{LeftArrow:{name:"object",required:!1},RightArrow:{name:"object",required:!1},Track:{name:"object",required:!1}}},required:!1,description:"Style specifc children elements [LeftArrow, RightArrow, Track]",defaultValue:{value:"{\n LeftArrow: {},\n RightArrow: {},\n Track: {}\n}",computed:!1},tags:{}}},doclets:{},examples:n(690)}},function(e,t,n){var r={react:n(0)},i=n(8).bind(null,r),o=n(9).bind(null,"var React = require('react');",i);e.exports=[{type:"markdown",content:"### ScollTrack example:"},{type:"code",content:'internalTrackStyles = {\n RightArrow: {\n backgroundColor: \'blue\'\n }\n}\n\nstyles = { padding: \'8px 20px\', marginRight: \'5px\', fontSize: \'24px\', borderRadius: \'4px\', backgroundColor: \'#eee\', color: \'#43B02A\', top: \'8px\' };\n
    \n \n
    \n \n \n {\n e.preventDefault()\n console.log(\'NavigationPill click!\', "bananas")\n }}\n text={"bananas"}\n />\n \n \n {\n e.preventDefault()\n console.log(\'NavigationPill click!\', "carrots")\n }}\n text={"carrots"}\n />\n \n \n {\n e.preventDefault()\n console.log(\'NavigationPill click!\', "watermelon")\n }}\n text={"watermelon"}\n />\n \n \n {\n e.preventDefault()\n console.log(\'NavigationPill click!\', "kale")\n }}\n text={"kale"}\n />\n \n \n {\n e.preventDefault()\n console.log(\'NavigationPill click!\', "arugula")\n }}\n text={"arugula"}\n />\n \n \n {\n e.preventDefault()\n console.log(\'NavigationPill click!\', "spinach")\n }}\n text={"spinach"}\n />\n
    \n     \n
    ',settings:{},evalInContext:o},{type:"markdown",content:'### ScrollTrack with equalWidthTrack wrapper\n\n**NOTE: This HOC assumes the wrapped component is a container of equally and static sized elements**\n\n`ScrollTrack.equalWidthTrack` is a higher order component that will supply the wrapped\ncomponent with two additional props: `startIndex` and `lastIndex`. This will enable the\nchild to determine how it wants to treat elements that are shown within the track\nor hidden off the overflow.\n\nExample use case: _A container of item cards that all have a width of 90px and margins of 5px on both sides_\n\n```js\n const childWidth = 100;\n\n @ScrollTrack.equalWidthTrack(childWidth)\n class ItemCardsContainer extends Component {\n static propTypes = {\n trackProps: ScrollTrack.ScrollTrackPropTypes.trackProps,\n startIndex: PropTypes.number,\n lastIndex: PropTypes.number\n };\n\n render () {\n ...\n }\n }\n```'},{type:"code",content:"const CustomComponent = ScrollTrack.equalWidthTrack(186)(({ startIndex, lastIndex, trackProps }) => {\n const { showRightArrow, showLeftArrow } = trackProps;\n const children = new Array(20).fill(1).map((_, index) => {\n const style = {\n backgroundColor: 'red',\n minWidth: '176px',\n minHeight: '176px',\n margin: '0 5px',\n opacity: (showLeftArrow && index === startIndex) || (showRightArrow && index === lastIndex) ? 0.6 : 1\n };\n\n return
    Item
    ;\n });\n\n return (\n
    \n {children}\n
    \n );\n});\n\nCustomComponent.propTypes = {\n trackProps: ScrollTrack.ScrollTrackPropTypes.trackProps,\n};\n\n\n \n",settings:{},evalInContext:o},{type:"markdown",content:'Using callbacks\n\n```js\n <ScrollTrack\n onBeforeNext={(props) => {\n return new Promise((resolve, reject) => {\n setTimeout(() => {\n console.log(\'before next!\', props)\n resolve()\n }, 1000)\n })\n }}\n onAfterNext={(props) => { console.log(\'after next!\', props) }}\n onBeforeBack={(props) => { console.log(\'before back!\', props) }}\n onAfterBack={(props) => { console.log(\'after back!\', props) }}\n >\n <div>\n <Icon name="cart" style={styles} />\n <Icon name="cart" style={styles} />\n <Icon name="cart" style={styles} />\n <Icon name="cart" style={styles} />\n <Icon name="cart" style={styles} />\n <Icon name="cart" style={styles} />\n </div>\n </ScrollTrack>\n```'}]},function(e,t,n){e.exports={methods:[],doclets:{},examples:[]}},function(e,t,n){var r={react:n(0)},i=n(8).bind(null,r);n(9).bind(null,"var React = require('react');",i);e.exports=[]}]); \ No newline at end of file diff --git a/docs/index.html b/docs/index.html index 713de07e..c171c107 100644 --- a/docs/index.html +++ b/docs/index.html @@ -7,5 +7,5 @@
    - + diff --git a/package.json b/package.json index c6913fe6..15d37ed2 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "ic-snacks", - "version": "0.0.48", + "version": "0.0.49", "description": "The Instacart Component Library for Web", "main": "dist/snacks.js", "scripts": {