Socket
Socket
Sign inDemoInstall

react-smooth

Package Overview
Dependencies
14
Maintainers
3
Versions
53
Alerts
File Explorer

Advanced tools

npm Scripts

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 2.0.2 to 2.0.3

6

CHANGELOG.md

@@ -0,1 +1,7 @@

## 2.0.3 / 2023-05-08
### fix
- treat `duration={0}` as if animation is not active by doing a check and returning early. This fixes a bug where NaN can cause a crash in the browser.
## 2.0.2 / 2023-02-23

@@ -2,0 +8,0 @@

95

es6/Animate.js

@@ -0,3 +1,3 @@

function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
var _excluded = ["children", "begin", "duration", "attributeName", "easing", "isActive", "steps", "from", "to", "canBegin", "onAnimationEnd", "shouldReAnimate", "onAnimationReStart"];
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

@@ -13,5 +13,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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, _toPropertyKey(descriptor.key), descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }

@@ -24,5 +27,2 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
import React, { PureComponent, cloneElement, Children } from 'react';

@@ -48,6 +48,7 @@ import PropTypes from 'prop-types';

steps = _this$props.steps,
children = _this$props.children;
children = _this$props.children,
duration = _this$props.duration;
_this.handleStyleChange = _this.handleStyleChange.bind(_assertThisInitialized(_this));
_this.changeStyle = _this.changeStyle.bind(_assertThisInitialized(_this));
if (!isActive) {
if (!isActive || duration <= 0) {
_this.state = {

@@ -105,3 +106,6 @@ style: {}

attributeName = _this$props3.attributeName,
shouldReAnimate = _this$props3.shouldReAnimate;
shouldReAnimate = _this$props3.shouldReAnimate,
to = _this$props3.to,
currentFrom = _this$props3.from;
var style = this.state.style;
if (!canBegin) {

@@ -112,6 +116,6 @@ return;

var newState = {
style: attributeName ? _defineProperty({}, attributeName, this.props.to) : this.props.to
style: attributeName ? _defineProperty({}, attributeName, to) : to
};
if (this.state && this.state.style) {
if (attributeName && this.state.style[attributeName] !== this.props.to || !attributeName && this.state.style !== this.props.to) {
if (this.state && style) {
if (attributeName && style[attributeName] !== to || !attributeName && style !== to) {
// eslint-disable-next-line react/no-did-update-set-state

@@ -123,3 +127,3 @@ this.setState(newState);

}
if (deepEqual(prevProps.to, this.props.to) && prevProps.canBegin && prevProps.isActive) {
if (deepEqual(prevProps.to, to) && prevProps.canBegin && prevProps.isActive) {
return;

@@ -134,8 +138,8 @@ }

}
var from = isTriggered || shouldReAnimate ? this.props.from : prevProps.to;
if (this.state && this.state.style) {
var from = isTriggered || shouldReAnimate ? currentFrom : prevProps.to;
if (this.state && style) {
var _newState = {
style: attributeName ? _defineProperty({}, attributeName, from) : from
};
if (attributeName && this.state.style[attributeName] !== from || !attributeName && this.state.style !== from) {
if (attributeName && [attributeName] !== from || !attributeName && style !== from) {
// eslint-disable-next-line react/no-did-update-set-state

@@ -166,2 +170,16 @@ this.setState(_newState);

}, {
key: "handleStyleChange",
value: function handleStyleChange(style) {
this.changeStyle(style);
}
}, {
key: "changeStyle",
value: function changeStyle(style) {
if (this.mounted) {
this.setState({
style: style
});
}
}
}, {
key: "runJSAnimation",

@@ -254,16 +272,2 @@ value: function runJSAnimation(props) {

}, {
key: "handleStyleChange",
value: function handleStyleChange(style) {
this.changeStyle(style);
}
}, {
key: "changeStyle",
value: function changeStyle(style) {
if (this.mounted) {
this.setState({
style: style
});
}
}
}, {
key: "render",

@@ -287,2 +291,3 @@ value: function render() {

var count = Children.count(children);
// eslint-disable-next-line react/destructuring-assignment
var stateStyle = translateStyle(this.state.style);

@@ -292,3 +297,3 @@ if (typeof children === 'function') {

}
if (!isActive || count === 0) {
if (!isActive || count === 0 || duration <= 0) {
return children;

@@ -317,4 +322,17 @@ }

}(PureComponent);
_defineProperty(Animate, "displayName", 'Animate');
_defineProperty(Animate, "propTypes", {
Animate.displayName = 'Animate';
Animate.defaultProps = {
begin: 0,
duration: 1000,
from: '',
to: '',
attributeName: '',
easing: 'ease',
isActive: true,
canBegin: true,
steps: [],
onAnimationEnd: function onAnimationEnd() {},
onAnimationStart: function onAnimationStart() {}
};
Animate.propTypes = {
from: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),

@@ -343,16 +361,3 @@ to: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),

onAnimationReStart: PropTypes.func
});
_defineProperty(Animate, "defaultProps", {
begin: 0,
duration: 1000,
from: '',
to: '',
attributeName: '',
easing: 'ease',
isActive: true,
canBegin: true,
steps: [],
onAnimationEnd: function onAnimationEnd() {},
onAnimationStart: function onAnimationStart() {}
});
};
export default Animate;

18

es6/AnimateGroupChild.js

@@ -50,9 +50,3 @@ var _excluded = ["children", "appearOptions", "enterOptions", "leaveOptions"];

_classCallCheck(this, AnimateGroupChild);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _super.call.apply(_super, [this].concat(args));
_defineProperty(_assertThisInitialized(_this), "state", {
isActive: false
});
_this = _super.call(this);
_defineProperty(_assertThisInitialized(_this), "handleEnter", function (node, isAppearing) {

@@ -65,4 +59,8 @@ var _this$props = _this.props,

_defineProperty(_assertThisInitialized(_this), "handleExit", function () {
_this.handleStyleActive(_this.props.leaveOptions);
var leaveOptions = _this.props.leaveOptions;
_this.handleStyleActive(leaveOptions);
});
_this.state = {
isActive: false
};
return _this;

@@ -113,3 +111,3 @@ }

}(Component);
_defineProperty(AnimateGroupChild, "propTypes", {
AnimateGroupChild.propTypes = {
appearOptions: PropTypes.object,

@@ -119,3 +117,3 @@ enterOptions: PropTypes.object,

children: PropTypes.element
});
};
export default AnimateGroupChild;

9

es6/easing.js

@@ -93,3 +93,3 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }

} else {
warn(false, '[configBezier]: arguments should be one of ' + 'oneOf \'linear\', \'ease\', \'ease-in\', \'ease-out\', ' + '\'ease-in-out\',\'cubic-bezier(x1,y1,x2,y2)\', instead received %s', args);
warn(false, '[configBezier]: arguments should be one of ' + "oneOf 'linear', 'ease', 'ease-in', 'ease-out', " + "'ease-in-out','cubic-bezier(x1,y1,x2,y2)', instead received %s", args);
}

@@ -108,3 +108,4 @@ }

return 1;
} else if (value < 0) {
}
if (value < 0) {
return 0;

@@ -171,3 +172,3 @@ }

}
warn(false, '[configEasing]: first argument should be one of \'ease\', \'ease-in\', ' + '\'ease-out\', \'ease-in-out\',\'cubic-bezier(x1,y1,x2,y2)\', \'linear\' and \'spring\', instead received %s', args);
warn(false, "[configEasing]: first argument should be one of 'ease', 'ease-in', " + "'ease-out', 'ease-in-out','cubic-bezier(x1,y1,x2,y2)', 'linear' and 'spring', instead received %s", args);
}

@@ -178,4 +179,4 @@ }

}
warn(false, '[configEasing]: first argument type should be function or ' + 'string, instead received %s', args);
warn(false, '[configEasing]: first argument type should be function or string, instead received %s', args);
return null;
};

2

es6/util.js

@@ -38,3 +38,3 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }

if (IN_COMPATIBLE_PROPERTY.indexOf(name) === -1) {
return _defineProperty({}, name, value);
return _defineProperty({}, name, Number.isNaN(value) ? 0 : value);
}

@@ -41,0 +41,0 @@ var isTransition = name === 'transition';

95

lib/Animate.js
"use strict";
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
Object.defineProperty(exports, "__esModule", {

@@ -18,3 +19,2 @@ value: true

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

@@ -30,5 +30,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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, _toPropertyKey(descriptor.key), descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }

@@ -41,5 +44,2 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
var Animate = /*#__PURE__*/function (_PureComponent) {

@@ -58,6 +58,7 @@ _inherits(Animate, _PureComponent);

steps = _this$props.steps,
children = _this$props.children;
children = _this$props.children,
duration = _this$props.duration;
_this.handleStyleChange = _this.handleStyleChange.bind(_assertThisInitialized(_this));
_this.changeStyle = _this.changeStyle.bind(_assertThisInitialized(_this));
if (!isActive) {
if (!isActive || duration <= 0) {
_this.state = {

@@ -115,3 +116,6 @@ style: {}

attributeName = _this$props3.attributeName,
shouldReAnimate = _this$props3.shouldReAnimate;
shouldReAnimate = _this$props3.shouldReAnimate,
to = _this$props3.to,
currentFrom = _this$props3.from;
var style = this.state.style;
if (!canBegin) {

@@ -122,6 +126,6 @@ return;

var newState = {
style: attributeName ? _defineProperty({}, attributeName, this.props.to) : this.props.to
style: attributeName ? _defineProperty({}, attributeName, to) : to
};
if (this.state && this.state.style) {
if (attributeName && this.state.style[attributeName] !== this.props.to || !attributeName && this.state.style !== this.props.to) {
if (this.state && style) {
if (attributeName && style[attributeName] !== to || !attributeName && style !== to) {
// eslint-disable-next-line react/no-did-update-set-state

@@ -133,3 +137,3 @@ this.setState(newState);

}
if ((0, _fastEquals.deepEqual)(prevProps.to, this.props.to) && prevProps.canBegin && prevProps.isActive) {
if ((0, _fastEquals.deepEqual)(prevProps.to, to) && prevProps.canBegin && prevProps.isActive) {
return;

@@ -144,8 +148,8 @@ }

}
var from = isTriggered || shouldReAnimate ? this.props.from : prevProps.to;
if (this.state && this.state.style) {
var from = isTriggered || shouldReAnimate ? currentFrom : prevProps.to;
if (this.state && style) {
var _newState = {
style: attributeName ? _defineProperty({}, attributeName, from) : from
};
if (attributeName && this.state.style[attributeName] !== from || !attributeName && this.state.style !== from) {
if (attributeName && [attributeName] !== from || !attributeName && style !== from) {
// eslint-disable-next-line react/no-did-update-set-state

@@ -176,2 +180,16 @@ this.setState(_newState);

}, {
key: "handleStyleChange",
value: function handleStyleChange(style) {
this.changeStyle(style);
}
}, {
key: "changeStyle",
value: function changeStyle(style) {
if (this.mounted) {
this.setState({
style: style
});
}
}
}, {
key: "runJSAnimation",

@@ -264,16 +282,2 @@ value: function runJSAnimation(props) {

}, {
key: "handleStyleChange",
value: function handleStyleChange(style) {
this.changeStyle(style);
}
}, {
key: "changeStyle",
value: function changeStyle(style) {
if (this.mounted) {
this.setState({
style: style
});
}
}
}, {
key: "render",

@@ -297,2 +301,3 @@ value: function render() {

var count = _react.Children.count(children);
// eslint-disable-next-line react/destructuring-assignment
var stateStyle = (0, _util.translateStyle)(this.state.style);

@@ -302,3 +307,3 @@ if (typeof children === 'function') {

}
if (!isActive || count === 0) {
if (!isActive || count === 0 || duration <= 0) {
return children;

@@ -327,4 +332,17 @@ }

}(_react.PureComponent);
_defineProperty(Animate, "displayName", 'Animate');
_defineProperty(Animate, "propTypes", {
Animate.displayName = 'Animate';
Animate.defaultProps = {
begin: 0,
duration: 1000,
from: '',
to: '',
attributeName: '',
easing: 'ease',
isActive: true,
canBegin: true,
steps: [],
onAnimationEnd: function onAnimationEnd() {},
onAnimationStart: function onAnimationStart() {}
};
Animate.propTypes = {
from: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.string]),

@@ -353,17 +371,4 @@ to: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.string]),

onAnimationReStart: _propTypes.default.func
});
_defineProperty(Animate, "defaultProps", {
begin: 0,
duration: 1000,
from: '',
to: '',
attributeName: '',
easing: 'ease',
isActive: true,
canBegin: true,
steps: [],
onAnimationEnd: function onAnimationEnd() {},
onAnimationStart: function onAnimationStart() {}
});
};
var _default = Animate;
exports.default = _default;

18

lib/AnimateGroupChild.js

@@ -59,9 +59,3 @@ "use strict";

_classCallCheck(this, AnimateGroupChild);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _super.call.apply(_super, [this].concat(args));
_defineProperty(_assertThisInitialized(_this), "state", {
isActive: false
});
_this = _super.call(this);
_defineProperty(_assertThisInitialized(_this), "handleEnter", function (node, isAppearing) {

@@ -74,4 +68,8 @@ var _this$props = _this.props,

_defineProperty(_assertThisInitialized(_this), "handleExit", function () {
_this.handleStyleActive(_this.props.leaveOptions);
var leaveOptions = _this.props.leaveOptions;
_this.handleStyleActive(leaveOptions);
});
_this.state = {
isActive: false
};
return _this;

@@ -122,3 +120,3 @@ }

}(_react.Component);
_defineProperty(AnimateGroupChild, "propTypes", {
AnimateGroupChild.propTypes = {
appearOptions: _propTypes.default.object,

@@ -128,4 +126,4 @@ enterOptions: _propTypes.default.object,

children: _propTypes.default.element
});
};
var _default = AnimateGroupChild;
exports.default = _default;

9

lib/easing.js

@@ -99,3 +99,3 @@ "use strict";

} else {
(0, _util.warn)(false, '[configBezier]: arguments should be one of ' + 'oneOf \'linear\', \'ease\', \'ease-in\', \'ease-out\', ' + '\'ease-in-out\',\'cubic-bezier(x1,y1,x2,y2)\', instead received %s', args);
(0, _util.warn)(false, '[configBezier]: arguments should be one of ' + "oneOf 'linear', 'ease', 'ease-in', 'ease-out', " + "'ease-in-out','cubic-bezier(x1,y1,x2,y2)', instead received %s", args);
}

@@ -114,3 +114,4 @@ }

return 1;
} else if (value < 0) {
}
if (value < 0) {
return 0;

@@ -179,3 +180,3 @@ }

}
(0, _util.warn)(false, '[configEasing]: first argument should be one of \'ease\', \'ease-in\', ' + '\'ease-out\', \'ease-in-out\',\'cubic-bezier(x1,y1,x2,y2)\', \'linear\' and \'spring\', instead received %s', args);
(0, _util.warn)(false, "[configEasing]: first argument should be one of 'ease', 'ease-in', " + "'ease-out', 'ease-in-out','cubic-bezier(x1,y1,x2,y2)', 'linear' and 'spring', instead received %s", args);
}

@@ -186,5 +187,5 @@ }

}
(0, _util.warn)(false, '[configEasing]: first argument type should be function or ' + 'string, instead received %s', args);
(0, _util.warn)(false, '[configEasing]: first argument type should be function or string, instead received %s', args);
return null;
};
exports.configEasing = configEasing;

2

lib/util.js

@@ -47,3 +47,3 @@ "use strict";

if (IN_COMPATIBLE_PROPERTY.indexOf(name) === -1) {
return _defineProperty({}, name, value);
return _defineProperty({}, name, Number.isNaN(value) ? 0 : value);
}

@@ -50,0 +50,0 @@ var isTransition = name === 'transition';

7

package.json
{
"name": "react-smooth",
"version": "2.0.2",
"version": "2.0.3",
"description": "react animation library",

@@ -49,3 +49,3 @@ "main": "lib/index",

"dependencies": {
"fast-equals": "^4.0.3",
"fast-equals": "^5.0.0",
"react-transition-group": "2.9.0"

@@ -75,4 +75,6 @@ },

"eslint-config-airbnb": "^19.0.4",
"eslint-config-prettier": "^7.2.0",
"eslint-plugin-import": "^2.27.5",
"eslint-plugin-jsx-a11y": "^6.7.1",
"eslint-plugin-prettier": "^3.1.2",
"eslint-plugin-react": "^7.32.2",

@@ -83,2 +85,3 @@ "jest": "^29.4.3",

"pre-commit": "^1.2.2",
"prettier": "^2.8.4",
"react": "^18.2.0",

@@ -85,0 +88,0 @@ "react-dom": "^18.2.0",

186

src/Animate.js

@@ -10,53 +10,6 @@ import React, { PureComponent, cloneElement, Children } from 'react';

class Animate extends PureComponent {
static displayName = 'Animate';
static propTypes = {
from: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
to: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
attributeName: PropTypes.string,
// animation duration
duration: PropTypes.number,
begin: PropTypes.number,
easing: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
steps: PropTypes.arrayOf(PropTypes.shape({
duration: PropTypes.number.isRequired,
style: PropTypes.object.isRequired,
easing: PropTypes.oneOfType([
PropTypes.oneOf(['ease', 'ease-in', 'ease-out', 'ease-in-out', 'linear']),
PropTypes.func,
]),
// transition css properties(dash case), optional
properties: PropTypes.arrayOf('string'),
onAnimationEnd: PropTypes.func,
})),
children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
isActive: PropTypes.bool,
canBegin: PropTypes.bool,
onAnimationEnd: PropTypes.func,
// decide if it should reanimate with initial from style when props change
shouldReAnimate: PropTypes.bool,
onAnimationStart: PropTypes.func,
onAnimationReStart: PropTypes.func,
};
static defaultProps = {
begin: 0,
duration: 1000,
from: '',
to: '',
attributeName: '',
easing: 'ease',
isActive: true,
canBegin: true,
steps: [],
onAnimationEnd: () => {},
onAnimationStart: () => {},
};
constructor(props, context) {
super(props, context);
const {
isActive, attributeName, from, to, steps, children,
} = this.props;
const { isActive, attributeName, from, to, steps, children, duration } = this.props;

@@ -66,3 +19,3 @@ this.handleStyleChange = this.handleStyleChange.bind(this);

if (!isActive) {
if (!isActive || duration <= 0) {
this.state = { style: {} };

@@ -109,5 +62,4 @@

componentDidUpdate(prevProps) {
const {
isActive, canBegin, attributeName, shouldReAnimate,
} = this.props;
const { isActive, canBegin, attributeName, shouldReAnimate, to, from: currentFrom } = this.props;
const { style } = this.state;

@@ -120,9 +72,6 @@ if (!canBegin) {

const newState = {
style: attributeName ? { [attributeName]: this.props.to } : this.props.to,
style: attributeName ? { [attributeName]: to } : to,
};
if (this.state && this.state.style) {
if (
(attributeName && this.state.style[attributeName] !== this.props.to) ||
(!attributeName && this.state.style !== this.props.to)
) {
if (this.state && style) {
if ((attributeName && style[attributeName] !== to) || (!attributeName && style !== to)) {
// eslint-disable-next-line react/no-did-update-set-state

@@ -135,3 +84,3 @@ this.setState(newState);

if (deepEqual(prevProps.to, this.props.to) && prevProps.canBegin && prevProps.isActive) {
if (deepEqual(prevProps.to, to) && prevProps.canBegin && prevProps.isActive) {
return;

@@ -150,12 +99,9 @@ }

const from = isTriggered || shouldReAnimate ? this.props.from : prevProps.to;
const from = isTriggered || shouldReAnimate ? currentFrom : prevProps.to;
if (this.state && this.state.style) {
if (this.state && style) {
const newState = {
style: attributeName ? { [attributeName]: from } : from,
};
if (
(attributeName && this.state.style[attributeName] !== from) ||
(!attributeName && this.state.style !== from)
) {
if ((attributeName && [attributeName] !== from) || (!attributeName && style !== from)) {
// eslint-disable-next-line react/no-did-update-set-state

@@ -190,6 +136,16 @@ this.setState(newState);

handleStyleChange(style) {
this.changeStyle(style);
}
changeStyle(style) {
if (this.mounted) {
this.setState({
style,
});
}
}
runJSAnimation(props) {
const {
from, to, duration, easing, begin, onAnimationEnd, onAnimationStart,
} = props;
const { from, to, duration, easing, begin, onAnimationEnd, onAnimationStart } = props;
const startAnimation = configUpdate(from, to, configEasing(easing), duration, this.changeStyle);

@@ -201,9 +157,3 @@

this.manager.start([
onAnimationStart,
begin,
finalStartAnimation,
duration,
onAnimationEnd,
]);
this.manager.start([onAnimationStart, begin, finalStartAnimation, duration, onAnimationEnd]);
}

@@ -220,9 +170,3 @@

const {
duration,
easing = 'ease',
style,
properties: nextProperties,
onAnimationEnd,
} = nextItem;
const { duration, easing = 'ease', style, properties: nextProperties, onAnimationEnd } = nextItem;

@@ -233,8 +177,12 @@ const preItem = index > 0 ? steps[index - 1] : nextItem;

if (typeof easing === 'function' || easing === 'spring') {
return [...sequence, this.runJSAnimation.bind(this, {
from: preItem.style,
to: style,
return [
...sequence,
this.runJSAnimation.bind(this, {
from: preItem.style,
to: style,
duration,
easing,
}),
duration,
easing,
}), duration];
];
}

@@ -295,14 +243,2 @@

handleStyleChange(style) {
this.changeStyle(style);
}
changeStyle(style) {
if (this.mounted) {
this.setState({
style,
});
}
}
render() {

@@ -326,2 +262,3 @@ const {

const count = Children.count(children);
// eslint-disable-next-line react/destructuring-assignment
const stateStyle = translateStyle(this.state.style);

@@ -333,7 +270,7 @@

if (!isActive || count === 0) {
if (!isActive || count === 0 || duration <= 0) {
return children;
}
const cloneContainer = (container) => {
const cloneContainer = container => {
const { style = {}, className } = container.props;

@@ -360,2 +297,49 @@

Animate.displayName = 'Animate';
Animate.defaultProps = {
begin: 0,
duration: 1000,
from: '',
to: '',
attributeName: '',
easing: 'ease',
isActive: true,
canBegin: true,
steps: [],
onAnimationEnd: () => {},
onAnimationStart: () => {},
};
Animate.propTypes = {
from: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
to: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
attributeName: PropTypes.string,
// animation duration
duration: PropTypes.number,
begin: PropTypes.number,
easing: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
steps: PropTypes.arrayOf(
PropTypes.shape({
duration: PropTypes.number.isRequired,
style: PropTypes.object.isRequired,
easing: PropTypes.oneOfType([
PropTypes.oneOf(['ease', 'ease-in', 'ease-out', 'ease-in-out', 'linear']),
PropTypes.func,
]),
// transition css properties(dash case), optional
properties: PropTypes.arrayOf('string'),
onAnimationEnd: PropTypes.func,
}),
),
children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
isActive: PropTypes.bool,
canBegin: PropTypes.bool,
onAnimationEnd: PropTypes.func,
// decide if it should reanimate with initial from style when props change
shouldReAnimate: PropTypes.bool,
onAnimationStart: PropTypes.func,
onAnimationReStart: PropTypes.func,
};
export default Animate;

24

src/AnimateGroup.js

@@ -7,20 +7,16 @@ import React, { Children } from 'react';

function AnimateGroup(props) {
const {
component, children, appear, enter, leave,
} = props;
const { component, children, appear, enter, leave } = props;
return (
<TransitionGroup component={component}>
{
Children.map(children, (child, index) => ((
<AnimateGroupChild
appearOptions={appear}
enterOptions={enter}
leaveOptions={leave}
{Children.map(children, (child, index) => (
<AnimateGroupChild
appearOptions={appear}
enterOptions={enter}
leaveOptions={leave}
key={`child-${index}`} // eslint-disable-line
>
{child}
</AnimateGroupChild>
)))
}
>
{child}
</AnimateGroupChild>
))}
</TransitionGroup>

@@ -27,0 +23,0 @@ );

70

src/AnimateGroupChild.js

@@ -16,5 +16,6 @@ import React, { Component, Children } from 'react';

if (steps && steps.length) {
return steps.reduce((result, entry) => (
result + (Number.isFinite(entry.duration) && entry.duration > 0 ? entry.duration : 0)
), 0);
return steps.reduce(
(result, entry) => result + (Number.isFinite(entry.duration) && entry.duration > 0 ? entry.duration : 0),
0,
);
}

@@ -30,20 +31,16 @@

class AnimateGroupChild extends Component {
static propTypes = {
appearOptions: PropTypes.object,
enterOptions: PropTypes.object,
leaveOptions: PropTypes.object,
children: PropTypes.element,
};
constructor() {
super();
this.state = {
isActive: false,
};
}
state = {
isActive: false,
};
handleStyleActive(style) {
if (style) {
const onAnimationEnd = style.onAnimationEnd ?
() => {
style.onAnimationEnd();
} :
null;
const onAnimationEnd = style.onAnimationEnd
? () => {
style.onAnimationEnd();
}
: null;

@@ -62,7 +59,8 @@ this.setState({

this.handleStyleActive(isAppearing ? appearOptions : enterOptions);
}
};
handleExit = () => {
this.handleStyleActive(this.props.leaveOptions);
}
const { leaveOptions } = this.props;
this.handleStyleActive(leaveOptions);
};

@@ -72,24 +70,15 @@ parseTimeout() {

return parseDurationOfSingleTransition(appearOptions) +
return (
parseDurationOfSingleTransition(appearOptions) +
parseDurationOfSingleTransition(enterOptions) +
parseDurationOfSingleTransition(leaveOptions);
parseDurationOfSingleTransition(leaveOptions)
);
}
render() {
const {
children, appearOptions, enterOptions, leaveOptions, ...props
} = this.props;
const { children, appearOptions, enterOptions, leaveOptions, ...props } = this.props;
return (
<Transition
{...props}
onEnter={this.handleEnter}
onExit={this.handleExit}
timeout={this.parseTimeout()}
>
{() => (
<Animate {...this.state}>
{Children.only(children)}
</Animate>
)}
<Transition {...props} onEnter={this.handleEnter} onExit={this.handleExit} timeout={this.parseTimeout()}>
{() => <Animate {...this.state}>{Children.only(children)}</Animate>}
</Transition>

@@ -100,2 +89,9 @@ );

AnimateGroupChild.propTypes = {
appearOptions: PropTypes.object,
enterOptions: PropTypes.object,
leaveOptions: PropTypes.object,
children: PropTypes.element,
};
export default AnimateGroupChild;

10

src/AnimateManager.js

@@ -8,3 +8,3 @@ import setRafTimeout from './setRafTimeout';

const setStyle = (_style) => {
const setStyle = _style => {
if (shouldStop) {

@@ -15,3 +15,5 @@ return;

if (Array.isArray(_style)) {
if (!_style.length) { return; }
if (!_style.length) {
return;
}

@@ -46,7 +48,7 @@ const styles = _style;

},
start: (style) => {
start: style => {
shouldStop = false;
setStyle(style);
},
subscribe: (_handleChange) => {
subscribe: _handleChange => {
handleChange = _handleChange;

@@ -53,0 +55,0 @@

40

src/configUpdate.js

@@ -44,15 +44,21 @@ import { getIntersectionKeys, mapObject } from './util';

const interKeys = getIntersectionKeys(from, to);
const timingStyle = interKeys.reduce((res, key) => ({
...res,
[key]: [from[key], to[key]],
}), {});
const timingStyle = interKeys.reduce(
(res, key) => ({
...res,
[key]: [from[key], to[key]],
}),
{},
);
let stepperStyle = interKeys.reduce((res, key) => ({
...res,
[key]: {
from: from[key],
velocity: 0,
to: to[key],
},
}), {});
let stepperStyle = interKeys.reduce(
(res, key) => ({
...res,
[key]: {
from: from[key],
velocity: 0,
to: to[key],
},
}),
{},
);
let cafId = -1;

@@ -67,3 +73,3 @@ let preTime;

// stepper timing function like spring
const stepperUpdate = (now) => {
const stepperUpdate = now => {
if (!preTime) {

@@ -91,3 +97,3 @@ preTime = now;

// t => val timing function like cubic-bezier
const timingUpdate = (now) => {
const timingUpdate = now => {
if (!beginTime) {

@@ -98,4 +104,3 @@ beginTime = now;

const t = (now - beginTime) / duration;
const currStyle = mapObject((key, val) =>
alpha(...val, easing(t)), timingStyle);
const currStyle = mapObject((key, val) => alpha(...val, easing(t)), timingStyle);

@@ -112,4 +117,3 @@ // get union set and add compatible prefix

} else {
const finalStyle = mapObject((key, val) =>
alpha(...val, easing(1)), timingStyle);
const finalStyle = mapObject((key, val) => alpha(...val, easing(1)), timingStyle);

@@ -116,0 +120,0 @@ render({

50

src/easing.js

@@ -5,14 +5,7 @@ import { warn } from './util';

const cubicBezierFactor = (c1, c2) => [
0,
3 * c1,
3 * c2 - 6 * c1,
3 * c1 - 3 * c2 + 1,
];
const cubicBezierFactor = (c1, c2) => [0, 3 * c1, 3 * c2 - 6 * c1, 3 * c1 - 3 * c2 + 1];
const multyTime = (params, t) =>
params.map((param, i) =>
param * (t ** i)).reduce((pre, curr) => pre + curr);
const multyTime = (params, t) => params.map((param, i) => param * t ** i).reduce((pre, curr) => pre + curr);
const cubicBezier = (c1, c2) => (t) => {
const cubicBezier = (c1, c2) => t => {
const params = cubicBezierFactor(c1, c2);

@@ -23,3 +16,3 @@

const derivativeCubicBezier = (c1, c2) => (t) => {
const derivativeCubicBezier = (c1, c2) => t => {
const params = cubicBezierFactor(c1, c2);

@@ -55,7 +48,14 @@ const newParams = [...params.map((param, i) => param * i).slice(1), 0];

if (easing[0] === 'cubic-bezier' && easing[1].split(')')[0].split(',').length === 4) {
[x1, y1, x2, y2] = easing[1].split(')')[0].split(',').map(x => parseFloat(x));
[x1, y1, x2, y2] = easing[1]
.split(')')[0]
.split(',')
.map(x => parseFloat(x));
} else {
warn(false, '[configBezier]: arguments should be one of ' +
'oneOf \'linear\', \'ease\', \'ease-in\', \'ease-out\', ' +
'\'ease-in-out\',\'cubic-bezier(x1,y1,x2,y2)\', instead received %s', args);
warn(
false,
'[configBezier]: arguments should be one of ' +
"oneOf 'linear', 'ease', 'ease-in', 'ease-out', " +
"'ease-in-out','cubic-bezier(x1,y1,x2,y2)', instead received %s",
args,
);
}

@@ -67,3 +67,3 @@ }

warn(
[x1, x2, y1, y2].every(num => (typeof num === 'number' && num >= 0 && num <= 1)),
[x1, x2, y1, y2].every(num => typeof num === 'number' && num >= 0 && num <= 1),
'[configBezier]: arguments should be x1, y1, x2, y2 of [0, 1] instead received %s',

@@ -76,6 +76,7 @@ args,

const derCurveX = derivativeCubicBezier(x1, x2);
const rangeValue = (value) => {
const rangeValue = value => {
if (value > 1) {
return 1;
} else if (value < 0) {
}
if (value < 0) {
return 0;

@@ -87,3 +88,3 @@ }

const bezier = (_t) => {
const bezier = _t => {
const t = _t > 1 ? 1 : _t;

@@ -116,4 +117,4 @@ let x = t;

const FDamping = currV * damping;
const newV = currV + (FSpring - FDamping) * dt / 1000;
const newX = currV * dt / 1000 + currX;
const newV = currV + ((FSpring - FDamping) * dt) / 1000;
const newX = (currV * dt) / 1000 + currX;

@@ -151,4 +152,4 @@ if (Math.abs(newX - destX) < ACCURACY && Math.abs(newV) < ACCURACY) {

false,
'[configEasing]: first argument should be one of \'ease\', \'ease-in\', ' +
'\'ease-out\', \'ease-in-out\',\'cubic-bezier(x1,y1,x2,y2)\', \'linear\' and \'spring\', instead received %s',
"[configEasing]: first argument should be one of 'ease', 'ease-in', " +
"'ease-out', 'ease-in-out','cubic-bezier(x1,y1,x2,y2)', 'linear' and 'spring', instead received %s",
args,

@@ -163,6 +164,5 @@ );

warn(false, '[configEasing]: first argument type should be function or ' +
'string, instead received %s', args);
warn(false, '[configEasing]: first argument type should be function or string, instead received %s', args);
return null;
};

2

src/setRafTimeout.js
export default function setRafTimeout(callback, timeout = 0) {
let currTime = -1;
const shouldUpdate = (now) => {
const shouldUpdate = now => {
if (currTime < 0) {

@@ -6,0 +6,0 @@ currTime = now;

59

src/util.js

@@ -7,6 +7,3 @@ /* eslint no-console: 0 */

export const getIntersectionKeys = (preObj, nextObj) =>
[
Object.keys(preObj),
Object.keys(nextObj),
].reduce((a, b) => a.filter(c => b.includes(c)));
[Object.keys(preObj), Object.keys(nextObj)].reduce((a, b) => a.filter(c => b.includes(c)));

@@ -27,3 +24,3 @@ export const identity = param => param;

if (IN_COMPATIBLE_PROPERTY.indexOf(name) === -1) {
return { [name]: value };
return { [name]: Number.isNaN(value) ? 0 : value };
}

@@ -55,3 +52,3 @@

*/
export const debug = name => (item) => {
export const debug = name => item => {
log(name, item);

@@ -66,11 +63,13 @@

*/
export const debugf = (tag, f) => (...args) => {
const res = f(...args);
const name = tag || f.name || 'anonymous function';
const argNames = `(${args.map(JSON.stringify).join(', ')})`;
export const debugf =
(tag, f) =>
(...args) => {
const res = f(...args);
const name = tag || f.name || 'anonymous function';
const argNames = `(${args.map(JSON.stringify).join(', ')})`;
log(`${name}: ${argNames} => ${JSON.stringify(res)}`);
log(`${name}: ${argNames} => ${JSON.stringify(res)}`);
return res;
};
return res;
};

@@ -82,6 +81,9 @@ /*

export const mapObject = (fn, obj) =>
Object.keys(obj).reduce((res, key) => ({
...res,
[key]: fn(key, obj[key]),
}), {});
Object.keys(obj).reduce(
(res, key) => ({
...res,
[key]: fn(key, obj[key]),
}),
{},
);

@@ -93,6 +95,9 @@ /*

export const translateStyle = style =>
Object.keys(style).reduce((res, key) => ({
...res,
...generatePrefixStyle(key, res[key]),
}), style);
Object.keys(style).reduce(
(res, key) => ({
...res,
...generatePrefixStyle(key, res[key]),
}),
style,
);

@@ -109,9 +114,7 @@ export const compose = (...args) => {

return (...composeArgs) => (tailsFn.reduce((res, fn) => (fn(res)), firstFn(...composeArgs)));
return (...composeArgs) => tailsFn.reduce((res, fn) => fn(res), firstFn(...composeArgs));
};
export const getTransitionVal = (props, duration, easing) =>
props.map(prop =>
`${getDashCase(prop)} ${duration}ms ${easing}`)
.join(',');
props.map(prop => `${getDashCase(prop)} ${duration}ms ${easing}`).join(',');

@@ -128,4 +131,6 @@ const isDev = process.env.NODE_ENV !== 'production';

if (format === undefined) {
console.warn('Minified exception occurred; use the non-minified dev environment ' +
'for the full error message and additional helpful warnings.');
console.warn(
'Minified exception occurred; use the non-minified dev environment ' +
'for the full error message and additional helpful warnings.',
);
} else {

@@ -132,0 +137,0 @@ const args = [a, b, c, d, e, f];

2

umd/ReactSmooth.min.js

@@ -1,1 +0,1 @@

(()=>{var t={192:(t,e,r)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n=function(t,e){if(t&&t.__esModule)return t;if(null===t||"object"!==y(t)&&"function"!=typeof t)return{default:t};var r=p(e);if(r&&r.has(t))return r.get(t);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in t)if("default"!==i&&Object.prototype.hasOwnProperty.call(t,i)){var a=o?Object.getOwnPropertyDescriptor(t,i):null;a&&(a.get||a.set)?Object.defineProperty(n,i,a):n[i]=t[i]}return n.default=t,r&&r.set(t,n),n}(r(370)),o=s(r(768)),i=r(367),a=s(r(700)),u=r(364),c=s(r(363)),f=r(839),l=["children","begin","duration","attributeName","easing","isActive","steps","from","to","canBegin","onAnimationEnd","shouldReAnimate","onAnimationReStart"];function s(t){return t&&t.__esModule?t:{default:t}}function p(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,r=new WeakMap;return(p=function(t){return t?r:e})(t)}function y(t){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},y(t)}function b(t){return function(t){if(Array.isArray(t))return d(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return d(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?d(t,e):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function v(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function m(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?v(Object(r),!0).forEach((function(e){w(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function h(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,A(n.key),n)}}function g(t,e){return g=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},g(t,e)}function O(t,e){if(e&&("object"===y(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return j(t)}function j(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function S(t){return S=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},S(t)}function w(t,e,r){return(e=A(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function A(t){var e=function(t,e){if("object"!==y(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,"string");if("object"!==y(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"===y(e)?e:String(e)}var P=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&g(t,e)}(y,t);var e,r,o,s,p=(o=y,s=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}(),function(){var t,e=S(o);if(s){var r=S(this).constructor;t=Reflect.construct(e,arguments,r)}else t=e.apply(this,arguments);return O(this,t)});function y(t,e){var r;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,y);var n=(r=p.call(this,t,e)).props,o=n.isActive,i=n.attributeName,a=n.from,u=n.to,c=n.steps,f=n.children;if(r.handleStyleChange=r.handleStyleChange.bind(j(r)),r.changeStyle=r.changeStyle.bind(j(r)),!o)return r.state={style:{}},"function"==typeof f&&(r.state={style:u}),O(r);if(c&&c.length)r.state={style:c[0].style};else if(a){if("function"==typeof f)return r.state={style:a},O(r);r.state={style:i?w({},i,a):a}}else r.state={style:{}};return r}return e=y,(r=[{key:"componentDidMount",value:function(){var t=this.props,e=t.isActive,r=t.canBegin;this.mounted=!0,e&&r&&this.runAnimation(this.props)}},{key:"componentDidUpdate",value:function(t){var e=this.props,r=e.isActive,n=e.canBegin,o=e.attributeName,a=e.shouldReAnimate;if(n)if(r){if(!((0,i.deepEqual)(t.to,this.props.to)&&t.canBegin&&t.isActive)){var u=!t.canBegin||!t.isActive;this.manager&&this.manager.stop(),this.stopJSAnimation&&this.stopJSAnimation();var c=u||a?this.props.from:t.to;if(this.state&&this.state.style){var f={style:o?w({},o,c):c};(o&&this.state.style[o]!==c||!o&&this.state.style!==c)&&this.setState(f)}this.runAnimation(m(m({},this.props),{},{from:c,begin:0}))}}else{var l={style:o?w({},o,this.props.to):this.props.to};this.state&&this.state.style&&(o&&this.state.style[o]!==this.props.to||!o&&this.state.style!==this.props.to)&&this.setState(l)}}},{key:"componentWillUnmount",value:function(){this.mounted=!1,this.unSubscribe&&this.unSubscribe(),this.manager&&(this.manager.stop(),this.manager=null),this.stopJSAnimation&&this.stopJSAnimation()}},{key:"runJSAnimation",value:function(t){var e=this,r=t.from,n=t.to,o=t.duration,i=t.easing,a=t.begin,f=t.onAnimationEnd,l=t.onAnimationStart,s=(0,c.default)(r,n,(0,u.configEasing)(i),o,this.changeStyle);this.manager.start([l,a,function(){e.stopJSAnimation=s()},o,f])}},{key:"runStepAnimation",value:function(t){var e=this,r=t.steps,n=t.begin,o=t.onAnimationStart,i=r[0],a=i.style,u=i.duration,c=void 0===u?0:u;return this.manager.start([o].concat(b(r.reduce((function(t,n,o){if(0===o)return t;var i=n.duration,a=n.easing,u=void 0===a?"ease":a,c=n.style,l=n.properties,s=n.onAnimationEnd,p=o>0?r[o-1]:n,y=l||Object.keys(c);if("function"==typeof u||"spring"===u)return[].concat(b(t),[e.runJSAnimation.bind(e,{from:p.style,to:c,duration:i,easing:u}),i]);var d=(0,f.getTransitionVal)(y,i,u),v=m(m(m({},p.style),c),{},{transition:d});return[].concat(b(t),[v,i,s]).filter(f.identity)}),[a,Math.max(c,n)])),[t.onAnimationEnd]))}},{key:"runAnimation",value:function(t){this.manager||(this.manager=(0,a.default)());var e=t.begin,r=t.duration,n=t.attributeName,o=t.to,i=t.easing,u=t.onAnimationStart,c=t.onAnimationEnd,l=t.steps,s=t.children,p=this.manager;if(this.unSubscribe=p.subscribe(this.handleStyleChange),"function"!=typeof i&&"function"!=typeof s&&"spring"!==i)if(l.length>1)this.runStepAnimation(t);else{var y=n?w({},n,o):o,b=(0,f.getTransitionVal)(Object.keys(y),r,i);p.start([u,e,m(m({},y),{},{transition:b}),r,c])}else this.runJSAnimation(t)}},{key:"handleStyleChange",value:function(t){this.changeStyle(t)}},{key:"changeStyle",value:function(t){this.mounted&&this.setState({style:t})}},{key:"render",value:function(){var t=this.props,e=t.children,r=(t.begin,t.duration,t.attributeName,t.easing,t.isActive),o=(t.steps,t.from,t.to,t.canBegin,t.onAnimationEnd,t.shouldReAnimate,t.onAnimationReStart,function(t,e){if(null==t)return{};var r,n,o=function(t,e){if(null==t)return{};var r,n,o={},i=Object.keys(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||(o[r]=t[r]);return o}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(t,l)),i=n.Children.count(e),a=(0,f.translateStyle)(this.state.style);if("function"==typeof e)return e(a);if(!r||0===i)return e;var u=function(t){var e=t.props,r=e.style,i=void 0===r?{}:r,u=e.className;return(0,n.cloneElement)(t,m(m({},o),{},{style:m(m({},i),a),className:u}))};return 1===i?u(n.Children.only(e)):n.default.createElement("div",null,n.Children.map(e,(function(t){return u(t)})))}}])&&h(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),y}(n.PureComponent);w(P,"displayName","Animate"),w(P,"propTypes",{from:o.default.oneOfType([o.default.object,o.default.string]),to:o.default.oneOfType([o.default.object,o.default.string]),attributeName:o.default.string,duration:o.default.number,begin:o.default.number,easing:o.default.oneOfType([o.default.string,o.default.func]),steps:o.default.arrayOf(o.default.shape({duration:o.default.number.isRequired,style:o.default.object.isRequired,easing:o.default.oneOfType([o.default.oneOf(["ease","ease-in","ease-out","ease-in-out","linear"]),o.default.func]),properties:o.default.arrayOf("string"),onAnimationEnd:o.default.func})),children:o.default.oneOfType([o.default.node,o.default.func]),isActive:o.default.bool,canBegin:o.default.bool,onAnimationEnd:o.default.func,shouldReAnimate:o.default.bool,onAnimationStart:o.default.func,onAnimationReStart:o.default.func}),w(P,"defaultProps",{begin:0,duration:1e3,from:"",to:"",attributeName:"",easing:"ease",isActive:!0,canBegin:!0,steps:[],onAnimationEnd:function(){},onAnimationStart:function(){}});var E=P;e.default=E},389:(t,e,r)=>{"use strict";function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var o=function(t,e){if(t&&t.__esModule)return t;if(null===t||"object"!==n(t)&&"function"!=typeof t)return{default:t};var r=f(e);if(r&&r.has(t))return r.get(t);var o={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in t)if("default"!==a&&Object.prototype.hasOwnProperty.call(t,a)){var u=i?Object.getOwnPropertyDescriptor(t,a):null;u&&(u.get||u.set)?Object.defineProperty(o,a,u):o[a]=t[a]}return o.default=t,r&&r.set(t,o),o}(r(370)),i=r(897),a=c(r(768)),u=c(r(186));function c(t){return t&&t.__esModule?t:{default:t}}function f(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,r=new WeakMap;return(f=function(t){return t?r:e})(t)}function l(t){var e=t.component,r=t.children,n=t.appear,a=t.enter,c=t.leave;return o.default.createElement(i.TransitionGroup,{component:e},o.Children.map(r,(function(t,e){return o.default.createElement(u.default,{appearOptions:n,enterOptions:a,leaveOptions:c,key:"child-".concat(e)},t)})))}l.propTypes={appear:a.default.object,enter:a.default.object,leave:a.default.object,children:a.default.oneOfType([a.default.array,a.default.element]),component:a.default.any},l.defaultProps={component:"span"};var s=l;e.default=s},186:(t,e,r)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n=function(t,e){if(t&&t.__esModule)return t;if(null===t||"object"!==l(t)&&"function"!=typeof t)return{default:t};var r=f(e);if(r&&r.has(t))return r.get(t);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in t)if("default"!==i&&Object.prototype.hasOwnProperty.call(t,i)){var a=o?Object.getOwnPropertyDescriptor(t,i):null;a&&(a.get||a.set)?Object.defineProperty(n,i,a):n[i]=t[i]}return n.default=t,r&&r.set(t,n),n}(r(370)),o=r(897),i=c(r(768)),a=c(r(192)),u=["children","appearOptions","enterOptions","leaveOptions"];function c(t){return t&&t.__esModule?t:{default:t}}function f(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,r=new WeakMap;return(f=function(t){return t?r:e})(t)}function l(t){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},l(t)}function s(){return s=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},s.apply(this,arguments)}function p(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function y(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?p(Object(r),!0).forEach((function(e){h(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function b(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,g(n.key),n)}}function d(t,e){return d=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},d(t,e)}function v(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function m(t){return m=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},m(t)}function h(t,e,r){return(e=g(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function g(t){var e=function(t,e){if("object"!==l(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,"string");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"===l(e)?e:String(e)}void 0===Number.isFinite&&(Number.isFinite=function(t){return"number"==typeof t&&isFinite(t)});var O=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.steps,r=t.duration;return e&&e.length?e.reduce((function(t,e){return t+(Number.isFinite(e.duration)&&e.duration>0?e.duration:0)}),0):Number.isFinite(r)?r:0},j=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&d(t,e)}(p,t);var e,r,i,c,f=(i=p,c=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}(),function(){var t,e=m(i);if(c){var r=m(this).constructor;t=Reflect.construct(e,arguments,r)}else t=e.apply(this,arguments);return function(t,e){if(e&&("object"===l(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return v(t)}(this,t)});function p(){var t;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,p);for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];return h(v(t=f.call.apply(f,[this].concat(r))),"state",{isActive:!1}),h(v(t),"handleEnter",(function(e,r){var n=t.props,o=n.appearOptions,i=n.enterOptions;t.handleStyleActive(r?o:i)})),h(v(t),"handleExit",(function(){t.handleStyleActive(t.props.leaveOptions)})),t}return e=p,(r=[{key:"handleStyleActive",value:function(t){if(t){var e=t.onAnimationEnd?function(){t.onAnimationEnd()}:null;this.setState(y(y({},t),{},{onAnimationEnd:e,isActive:!0}))}}},{key:"parseTimeout",value:function(){var t=this.props,e=t.appearOptions,r=t.enterOptions,n=t.leaveOptions;return O(e)+O(r)+O(n)}},{key:"render",value:function(){var t=this,e=this.props,r=e.children,i=(e.appearOptions,e.enterOptions,e.leaveOptions,function(t,e){if(null==t)return{};var r,n,o=function(t,e){if(null==t)return{};var r,n,o={},i=Object.keys(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||(o[r]=t[r]);return o}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(e,u));return n.default.createElement(o.Transition,s({},i,{onEnter:this.handleEnter,onExit:this.handleExit,timeout:this.parseTimeout()}),(function(){return n.default.createElement(a.default,t.state,n.Children.only(r))}))}}])&&b(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),p}(n.Component);h(j,"propTypes",{appearOptions:i.default.object,enterOptions:i.default.object,leaveOptions:i.default.object,children:i.default.element});var S=j;e.default=S},700:(t,e,r)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(){var t=function(){return null},e=!1,r=function r(n){if(!e){if(Array.isArray(n)){if(!n.length)return;var u=function(t){if(Array.isArray(t))return t}(l=n)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(l)||function(t,e){if(t){if("string"==typeof t)return a(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?a(t,e):void 0}}(l)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),c=u[0],f=u.slice(1);return"number"==typeof c?void(0,o.default)(r.bind(null,f),c):(r(c),void(0,o.default)(r.bind(null,f)))}var l;"object"===i(n)&&t(n),"function"==typeof n&&n()}};return{stop:function(){e=!0},start:function(t){e=!1,r(t)},subscribe:function(e){return t=e,function(){t=function(){return null}}}}};var n,o=(n=r(98))&&n.__esModule?n:{default:n};function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}function a(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}},363:(t,e,r)=>{"use strict";function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var o=r(839);function i(t){return function(t){if(Array.isArray(t))return l(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||f(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function u(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?a(Object(r),!0).forEach((function(e){c(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function c(t,e,r){return(e=function(t){var e=function(t,e){if("object"!==n(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var o=r.call(t,"string");if("object"!==n(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"===n(e)?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function f(t,e){if(t){if("string"==typeof t)return l(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?l(t,e):void 0}}function l(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}var s=function(t,e,r){return t+(e-t)*r},p=function(t){return t.from!==t.to},y=function t(e,r,n){var i=(0,o.mapObject)((function(t,r){if(p(r)){var n=(a=e(r.from,r.to,r.velocity),c=2,function(t){if(Array.isArray(t))return t}(a)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,a,u=[],c=!0,f=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(u.push(n.value),u.length!==e);c=!0);}catch(t){f=!0,o=t}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(f)throw o}}return u}}(a,c)||f(a,c)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),o=n[0],i=n[1];return u(u({},r),{},{from:o,velocity:i})}var a,c;return r}),r);return n<1?(0,o.mapObject)((function(t,e){return p(e)?u(u({},e),{},{velocity:s(e.velocity,i[t].velocity,n),from:s(e.from,i[t].from,n)}):e}),r):t(e,i,n-1)};e.default=function(t,e,r,n,a){var f,l,b=(0,o.getIntersectionKeys)(t,e),d=b.reduce((function(r,n){return u(u({},r),{},c({},n,[t[n],e[n]]))}),{}),v=b.reduce((function(r,n){return u(u({},r),{},c({},n,{from:t[n],velocity:0,to:e[n]}))}),{}),m=-1,h=function(){return null};return h=r.isStepper?function(n){f||(f=n);var i=(n-f)/r.dt;v=y(r,v,i),a(u(u(u({},t),e),(0,o.mapObject)((function(t,e){return e.from}),v))),f=n,Object.values(v).filter(p).length&&(m=requestAnimationFrame(h))}:function(c){l||(l=c);var f=(c-l)/n,p=(0,o.mapObject)((function(t,e){return s.apply(void 0,i(e).concat([r(f)]))}),d);if(a(u(u(u({},t),e),p)),f<1)m=requestAnimationFrame(h);else{var y=(0,o.mapObject)((function(t,e){return s.apply(void 0,i(e).concat([r(1)]))}),d);a(u(u(u({},t),e),y))}},function(){return requestAnimationFrame(h),function(){cancelAnimationFrame(m)}}}},364:(t,e,r)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.configSpring=e.configEasing=e.configBezier=void 0;var n=r(839);function o(t,e){if(t){if("string"==typeof t)return i(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?i(t,e):void 0}}function i(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}var a=1e-4,u=function(t,e){return[0,3*t,3*e-6*t,3*t-3*e+1]},c=function(t,e){return t.map((function(t,r){return t*Math.pow(e,r)})).reduce((function(t,e){return t+e}))},f=function(t,e){return function(r){var n=u(t,e);return c(n,r)}},l=function(t,e){return function(r){var n,a=u(t,e),f=[].concat(function(t){if(Array.isArray(t))return i(t)}(n=a.map((function(t,e){return t*e})).slice(1))||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(n)||o(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),[0]);return c(f,r)}},s=function(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];var i,u,c=e[0],s=e[1],p=e[2],y=e[3];if(1===e.length)switch(e[0]){case"linear":c=0,s=0,p=1,y=1;break;case"ease":c=.25,s=.1,p=.25,y=1;break;case"ease-in":c=.42,s=0,p=1,y=1;break;case"ease-out":c=.42,s=0,p=.58,y=1;break;case"ease-in-out":c=0,s=0,p=.58,y=1;break;default:var b=e[0].split("(");if("cubic-bezier"===b[0]&&4===b[1].split(")")[0].split(",").length){var d=(i=b[1].split(")")[0].split(",").map((function(t){return parseFloat(t)})),u=4,function(t){if(Array.isArray(t))return t}(i)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,a,u=[],c=!0,f=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(u.push(n.value),u.length!==e);c=!0);}catch(t){f=!0,o=t}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(f)throw o}}return u}}(i,u)||o(i,u)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}());c=d[0],s=d[1],p=d[2],y=d[3]}else(0,n.warn)(!1,"[configBezier]: arguments should be one of oneOf 'linear', 'ease', 'ease-in', 'ease-out', 'ease-in-out','cubic-bezier(x1,y1,x2,y2)', instead received %s",e)}(0,n.warn)([c,p,s,y].every((function(t){return"number"==typeof t&&t>=0&&t<=1})),"[configBezier]: arguments should be x1, y1, x2, y2 of [0, 1] instead received %s",e);var v=f(c,p),m=f(s,y),h=l(c,p),g=function(t){for(var e,r=t>1?1:t,n=r,o=0;o<8;++o){var i=v(n)-r,u=h(n);if(Math.abs(i-r)<a||u<a)return m(n);n=(e=n-i/u)>1?1:e<0?0:e}return m(n)};return g.isStepper=!1,g};e.configBezier=s;var p=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.stiff,r=void 0===e?100:e,n=t.damping,o=void 0===n?8:n,i=t.dt,u=void 0===i?17:i,c=function(t,e,n){var i=n+(-(t-e)*r-n*o)*u/1e3,c=n*u/1e3+t;return Math.abs(c-e)<a&&Math.abs(i)<a?[e,0]:[c,i]};return c.isStepper=!0,c.dt=u,c};e.configSpring=p,e.configEasing=function(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];var o=e[0];if("string"==typeof o)switch(o){case"ease":case"ease-in-out":case"ease-out":case"ease-in":case"linear":return s(o);case"spring":return p();default:if("cubic-bezier"===o.split("(")[0])return s(o);(0,n.warn)(!1,"[configEasing]: first argument should be one of 'ease', 'ease-in', 'ease-out', 'ease-in-out','cubic-bezier(x1,y1,x2,y2)', 'linear' and 'spring', instead received %s",e)}return"function"==typeof o?o:((0,n.warn)(!1,"[configEasing]: first argument type should be function or string, instead received %s",e),null)}},98:(t,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=-1;requestAnimationFrame((function n(o){r<0&&(r=o),o-r>e?(t(o),r=-1):requestAnimationFrame(n)}))}},839:(t,e)=>{"use strict";function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}function n(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function o(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?n(Object(r),!0).forEach((function(e){i(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function i(t,e,n){return(e=function(t){var e=function(t,e){if("object"!==r(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var o=n.call(t,"string");if("object"!==r(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"===r(e)?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}Object.defineProperty(e,"__esModule",{value:!0}),e.warn=e.translateStyle=e.mapObject=e.log=e.identity=e.getTransitionVal=e.getIntersectionKeys=e.getDashCase=e.generatePrefixStyle=e.debugf=e.debug=e.compose=void 0;var a=["Webkit","Moz","O","ms"],u=["-webkit-","-moz-","-o-","-ms-"],c=["transform","transformOrigin","transition"];e.getIntersectionKeys=function(t,e){return[Object.keys(t),Object.keys(e)].reduce((function(t,e){return t.filter((function(t){return e.includes(t)}))}))};var f=function(t){return t};e.identity=f;var l=function(t){return t.replace(/([A-Z])/g,(function(t){return"-".concat(t.toLowerCase())}))};e.getDashCase=l;var s=function(t,e){if(-1===c.indexOf(t))return i({},t,e);var r="transition"===t,n=t.replace(/(\w)/,(function(t){return t.toUpperCase()})),f=e;return a.reduce((function(t,a,c){return r&&(f=e.replace(/(transform|transform-origin)/gim,"".concat(u[c],"$1"))),o(o({},t),{},i({},a+n,f))}),{})};e.generatePrefixStyle=s;var p=function(){var t;(t=console).log.apply(t,arguments)};e.log=p,e.debug=function(t){return function(e){return p(t,e),e}},e.debugf=function(t,e){return function(){for(var r=arguments.length,n=new Array(r),o=0;o<r;o++)n[o]=arguments[o];var i=e.apply(void 0,n),a=t||e.name||"anonymous function",u="(".concat(n.map(JSON.stringify).join(", "),")");return p("".concat(a,": ").concat(u," => ").concat(JSON.stringify(i))),i}},e.mapObject=function(t,e){return Object.keys(e).reduce((function(r,n){return o(o({},r),{},i({},n,t(n,e[n])))}),{})},e.translateStyle=function(t){return Object.keys(t).reduce((function(t,e){return o(o({},t),s(e,t[e]))}),t)},e.compose=function(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];if(!e.length)return f;var n=e.reverse(),o=n[0],i=n.slice(1);return function(){return i.reduce((function(t,e){return e(t)}),o.apply(void 0,arguments))}},e.getTransitionVal=function(t,e,r){return t.map((function(t){return"".concat(l(t)," ").concat(e,"ms ").concat(r)})).join(",")},e.warn=function(t,e,r,n,o,i,a,u){}},367:function(t,e){!function(t){"use strict";function e(t){return function(e,r,n,o,i,a,u){return t(e,r,u)}}function r(t){return function(e,r,n,o){if(!e||!r||"object"!=typeof e||"object"!=typeof r)return t(e,r,n,o);var i=o.get(e),a=o.get(r);if(i&&a)return i===r&&a===e;o.set(e,r),o.set(r,e);var u=t(e,r,n,o);return o.delete(e),o.delete(r),u}}function n(t,e){var r={};for(var n in t)r[n]=t[n];for(var n in e)r[n]=e[n];return r}function o(t){return t.constructor===Object||null==t.constructor}function i(t){return"function"==typeof t.then}function a(t,e){return t===e||t!=t&&e!=e}var u="[object Arguments]",c="[object Boolean]",f="[object Date]",l="[object RegExp]",s="[object Map]",p="[object Number]",y="[object Object]",b="[object Set]",d="[object String]",v=Object.prototype.toString;function m(t){var e=t.areArraysEqual,r=t.areDatesEqual,n=t.areMapsEqual,m=t.areObjectsEqual,h=t.areRegExpsEqual,g=t.areSetsEqual,O=(0,t.createIsNestedEqual)(j);function j(t,j,S){if(t===j)return!0;if(!t||!j||"object"!=typeof t||"object"!=typeof j)return t!=t&&j!=j;if(o(t)&&o(j))return m(t,j,O,S);var w=Array.isArray(t),A=Array.isArray(j);if(w||A)return w===A&&e(t,j,O,S);var P=v.call(t);return P===v.call(j)&&(P===f?r(t,j,O,S):P===l?h(t,j,O,S):P===s?n(t,j,O,S):P===b?g(t,j,O,S):P===y||P===u?!i(t)&&!i(j)&&m(t,j,O,S):(P===c||P===p||P===d)&&a(t.valueOf(),j.valueOf()))}return j}function h(t,e,r,n){var o=t.length;if(e.length!==o)return!1;for(;o-- >0;)if(!r(t[o],e[o],o,o,t,e,n))return!1;return!0}var g=r(h);function O(t,e){return a(t.valueOf(),e.valueOf())}function j(t,e,r,n){var o=t.size===e.size;if(!o)return!1;if(!t.size)return!0;var i={},a=0;return t.forEach((function(u,c){if(o){var f=!1,l=0;e.forEach((function(o,s){f||i[l]||!(f=r(c,s,a,l,t,e,n)&&r(u,o,c,s,t,e,n))||(i[l]=!0),l++})),a++,o=f}})),o}var S=r(j),w="_owner",A=Object.prototype.hasOwnProperty;function P(t,e,r,n){var o,i=Object.keys(t),a=i.length;if(Object.keys(e).length!==a)return!1;for(;a-- >0;){if((o=i[a])===w){var u=!!t.$$typeof,c=!!e.$$typeof;if((u||c)&&u!==c)return!1}if(!A.call(e,o)||!r(t[o],e[o],o,o,t,e,n))return!1}return!0}var E=r(P);function _(t,e){return t.source===e.source&&t.flags===e.flags}function k(t,e,r,n){var o=t.size===e.size;if(!o)return!1;if(!t.size)return!0;var i={};return t.forEach((function(a,u){if(o){var c=!1,f=0;e.forEach((function(o,l){c||i[f]||!(c=r(a,o,u,l,t,e,n))||(i[f]=!0),f++})),o=c}})),o}var M=r(k),q=Object.freeze({areArraysEqual:h,areDatesEqual:O,areMapsEqual:j,areObjectsEqual:P,areRegExpsEqual:_,areSetsEqual:k,createIsNestedEqual:e}),x=Object.freeze({areArraysEqual:g,areDatesEqual:O,areMapsEqual:S,areObjectsEqual:E,areRegExpsEqual:_,areSetsEqual:M,createIsNestedEqual:e}),D=m(q);var T=m(n(q,{createIsNestedEqual:function(){return a}}));var I=m(x);var R=m(n(x,{createIsNestedEqual:function(){return a}}));t.circularDeepEqual=function(t,e){return I(t,e,new WeakMap)},t.circularShallowEqual=function(t,e){return R(t,e,new WeakMap)},t.createCustomCircularEqual=function(t){var e=m(n(x,t(x)));return function(t,r,n){return void 0===n&&(n=new WeakMap),e(t,r,n)}},t.createCustomEqual=function(t){return m(n(q,t(q)))},t.deepEqual=function(t,e){return D(t,e,void 0)},t.sameValueZeroEqual=a,t.shallowEqual=function(t,e){return T(t,e,void 0)},Object.defineProperty(t,"__esModule",{value:!0})}(e)},768:t=>{"use strict";t.exports=void 0},370:t=>{"use strict";t.exports=void 0},897:t=>{"use strict";t.exports=void 0}},e={};function r(n){var o=e[n];if(void 0!==o)return o.exports;var i=e[n]={exports:{}};return t[n].call(i.exports,i,i.exports,r),i.exports}(()=>{"use strict";var t=e(r(192));r(364),r(839),e(r(389));function e(t){return t&&t.__esModule?t:{default:t}}t.default})()})();
(()=>{"use strict";var e={192:(e,t,r)=>{function n(e){return n="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},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!=typeof e)return{default:e};var r=y(t);if(r&&r.has(e))return r.get(e);var o={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var u=i?Object.getOwnPropertyDescriptor(e,a):null;u&&(u.get||u.set)?Object.defineProperty(o,a,u):o[a]=e[a]}return o.default=e,r&&r.set(e,o),o}(r(370)),i=p(r(768)),a=r(886),u=p(r(700)),c=r(364),f=p(r(363)),l=r(839),s=["children","begin","duration","attributeName","easing","isActive","steps","from","to","canBegin","onAnimationEnd","shouldReAnimate","onAnimationReStart"];function p(e){return e&&e.__esModule?e:{default:e}}function y(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(y=function(e){return e?r:t})(e)}function b(e){return function(e){if(Array.isArray(e))return d(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return d(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?d(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function v(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach((function(t){g(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function g(e,t,r){return(t=O(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function h(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,O(n.key),n)}}function O(e){var t=function(e,t){if("object"!==n(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,"string");if("object"!==n(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===n(t)?t:String(t)}function j(e,t){return j=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},j(e,t)}function S(e,t){if(t&&("object"===n(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return w(e)}function w(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function A(e){return A=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},A(e)}var P=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&j(e,t)}(y,e);var t,r,n,i,p=(n=y,i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=A(n);if(i){var r=A(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return S(this,e)});function y(e,t){var r;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,y);var n=(r=p.call(this,e,t)).props,o=n.isActive,i=n.attributeName,a=n.from,u=n.to,c=n.steps,f=n.children,l=n.duration;if(r.handleStyleChange=r.handleStyleChange.bind(w(r)),r.changeStyle=r.changeStyle.bind(w(r)),!o||l<=0)return r.state={style:{}},"function"==typeof f&&(r.state={style:u}),S(r);if(c&&c.length)r.state={style:c[0].style};else if(a){if("function"==typeof f)return r.state={style:a},S(r);r.state={style:i?g({},i,a):a}}else r.state={style:{}};return r}return t=y,(r=[{key:"componentDidMount",value:function(){var e=this.props,t=e.isActive,r=e.canBegin;this.mounted=!0,t&&r&&this.runAnimation(this.props)}},{key:"componentDidUpdate",value:function(e){var t=this.props,r=t.isActive,n=t.canBegin,o=t.attributeName,i=t.shouldReAnimate,u=t.to,c=t.from,f=this.state.style;if(n)if(r){if(!((0,a.deepEqual)(e.to,u)&&e.canBegin&&e.isActive)){var l=!e.canBegin||!e.isActive;this.manager&&this.manager.stop(),this.stopJSAnimation&&this.stopJSAnimation();var s=l||i?c:e.to;if(this.state&&f){var p={style:o?g({},o,s):s};(o&&[o]!==s||!o&&f!==s)&&this.setState(p)}this.runAnimation(v(v({},this.props),{},{from:s,begin:0}))}}else{var y={style:o?g({},o,u):u};this.state&&f&&(o&&f[o]!==u||!o&&f!==u)&&this.setState(y)}}},{key:"componentWillUnmount",value:function(){this.mounted=!1,this.unSubscribe&&this.unSubscribe(),this.manager&&(this.manager.stop(),this.manager=null),this.stopJSAnimation&&this.stopJSAnimation()}},{key:"handleStyleChange",value:function(e){this.changeStyle(e)}},{key:"changeStyle",value:function(e){this.mounted&&this.setState({style:e})}},{key:"runJSAnimation",value:function(e){var t=this,r=e.from,n=e.to,o=e.duration,i=e.easing,a=e.begin,u=e.onAnimationEnd,l=e.onAnimationStart,s=(0,f.default)(r,n,(0,c.configEasing)(i),o,this.changeStyle);this.manager.start([l,a,function(){t.stopJSAnimation=s()},o,u])}},{key:"runStepAnimation",value:function(e){var t=this,r=e.steps,n=e.begin,o=e.onAnimationStart,i=r[0],a=i.style,u=i.duration,c=void 0===u?0:u;return this.manager.start([o].concat(b(r.reduce((function(e,n,o){if(0===o)return e;var i=n.duration,a=n.easing,u=void 0===a?"ease":a,c=n.style,f=n.properties,s=n.onAnimationEnd,p=o>0?r[o-1]:n,y=f||Object.keys(c);if("function"==typeof u||"spring"===u)return[].concat(b(e),[t.runJSAnimation.bind(t,{from:p.style,to:c,duration:i,easing:u}),i]);var d=(0,l.getTransitionVal)(y,i,u),m=v(v(v({},p.style),c),{},{transition:d});return[].concat(b(e),[m,i,s]).filter(l.identity)}),[a,Math.max(c,n)])),[e.onAnimationEnd]))}},{key:"runAnimation",value:function(e){this.manager||(this.manager=(0,u.default)());var t=e.begin,r=e.duration,n=e.attributeName,o=e.to,i=e.easing,a=e.onAnimationStart,c=e.onAnimationEnd,f=e.steps,s=e.children,p=this.manager;if(this.unSubscribe=p.subscribe(this.handleStyleChange),"function"!=typeof i&&"function"!=typeof s&&"spring"!==i)if(f.length>1)this.runStepAnimation(e);else{var y=n?g({},n,o):o,b=(0,l.getTransitionVal)(Object.keys(y),r,i);p.start([a,t,v(v({},y),{},{transition:b}),r,c])}else this.runJSAnimation(e)}},{key:"render",value:function(){var e=this.props,t=e.children,r=(e.begin,e.duration),n=(e.attributeName,e.easing,e.isActive),i=(e.steps,e.from,e.to,e.canBegin,e.onAnimationEnd,e.shouldReAnimate,e.onAnimationReStart,function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(e,s)),a=o.Children.count(t),u=(0,l.translateStyle)(this.state.style);if("function"==typeof t)return t(u);if(!n||0===a||r<=0)return t;var c=function(e){var t=e.props,r=t.style,n=void 0===r?{}:r,a=t.className;return(0,o.cloneElement)(e,v(v({},i),{},{style:v(v({},n),u),className:a}))};return 1===a?c(o.Children.only(t)):o.default.createElement("div",null,o.Children.map(t,(function(e){return c(e)})))}}])&&h(t.prototype,r),Object.defineProperty(t,"prototype",{writable:!1}),y}(o.PureComponent);P.displayName="Animate",P.defaultProps={begin:0,duration:1e3,from:"",to:"",attributeName:"",easing:"ease",isActive:!0,canBegin:!0,steps:[],onAnimationEnd:function(){},onAnimationStart:function(){}},P.propTypes={from:i.default.oneOfType([i.default.object,i.default.string]),to:i.default.oneOfType([i.default.object,i.default.string]),attributeName:i.default.string,duration:i.default.number,begin:i.default.number,easing:i.default.oneOfType([i.default.string,i.default.func]),steps:i.default.arrayOf(i.default.shape({duration:i.default.number.isRequired,style:i.default.object.isRequired,easing:i.default.oneOfType([i.default.oneOf(["ease","ease-in","ease-out","ease-in-out","linear"]),i.default.func]),properties:i.default.arrayOf("string"),onAnimationEnd:i.default.func})),children:i.default.oneOfType([i.default.node,i.default.func]),isActive:i.default.bool,canBegin:i.default.bool,onAnimationEnd:i.default.func,shouldReAnimate:i.default.bool,onAnimationStart:i.default.func,onAnimationReStart:i.default.func};var E=P;t.default=E},389:(e,t,r)=>{function n(e){return n="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},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!=typeof e)return{default:e};var r=f(t);if(r&&r.has(e))return r.get(e);var o={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var u=i?Object.getOwnPropertyDescriptor(e,a):null;u&&(u.get||u.set)?Object.defineProperty(o,a,u):o[a]=e[a]}return o.default=e,r&&r.set(e,o),o}(r(370)),i=r(897),a=c(r(768)),u=c(r(186));function c(e){return e&&e.__esModule?e:{default:e}}function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(f=function(e){return e?r:t})(e)}function l(e){var t=e.component,r=e.children,n=e.appear,a=e.enter,c=e.leave;return o.default.createElement(i.TransitionGroup,{component:t},o.Children.map(r,(function(e,t){return o.default.createElement(u.default,{appearOptions:n,enterOptions:a,leaveOptions:c,key:"child-".concat(t)},e)})))}l.propTypes={appear:a.default.object,enter:a.default.object,leave:a.default.object,children:a.default.oneOfType([a.default.array,a.default.element]),component:a.default.any},l.defaultProps={component:"span"};var s=l;t.default=s},186:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!==l(e)&&"function"!=typeof e)return{default:e};var r=f(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var a=o?Object.getOwnPropertyDescriptor(e,i):null;a&&(a.get||a.set)?Object.defineProperty(n,i,a):n[i]=e[i]}return n.default=e,r&&r.set(e,n),n}(r(370)),o=r(897),i=c(r(768)),a=c(r(192)),u=["children","appearOptions","enterOptions","leaveOptions"];function c(e){return e&&e.__esModule?e:{default:e}}function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(f=function(e){return e?r:t})(e)}function l(e){return l="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},l(e)}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){g(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function b(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,h(n.key),n)}}function d(e,t){return d=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},d(e,t)}function m(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function v(e){return v=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},v(e)}function g(e,t,r){return(t=h(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function h(e){var t=function(e,t){if("object"!==l(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===l(t)?t:String(t)}void 0===Number.isFinite&&(Number.isFinite=function(e){return"number"==typeof e&&isFinite(e)});var O=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.steps,r=e.duration;return t&&t.length?t.reduce((function(e,t){return e+(Number.isFinite(t.duration)&&t.duration>0?t.duration:0)}),0):Number.isFinite(r)?r:0},j=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&d(e,t)}(p,e);var t,r,i,c,f=(i=p,c=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=v(i);if(c){var r=v(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return m(e)}(this,e)});function p(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,p),g(m(e=f.call(this)),"handleEnter",(function(t,r){var n=e.props,o=n.appearOptions,i=n.enterOptions;e.handleStyleActive(r?o:i)})),g(m(e),"handleExit",(function(){var t=e.props.leaveOptions;e.handleStyleActive(t)})),e.state={isActive:!1},e}return t=p,(r=[{key:"handleStyleActive",value:function(e){if(e){var t=e.onAnimationEnd?function(){e.onAnimationEnd()}:null;this.setState(y(y({},e),{},{onAnimationEnd:t,isActive:!0}))}}},{key:"parseTimeout",value:function(){var e=this.props,t=e.appearOptions,r=e.enterOptions,n=e.leaveOptions;return O(t)+O(r)+O(n)}},{key:"render",value:function(){var e=this,t=this.props,r=t.children,i=(t.appearOptions,t.enterOptions,t.leaveOptions,function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(t,u));return n.default.createElement(o.Transition,s({},i,{onEnter:this.handleEnter,onExit:this.handleExit,timeout:this.parseTimeout()}),(function(){return n.default.createElement(a.default,e.state,n.Children.only(r))}))}}])&&b(t.prototype,r),Object.defineProperty(t,"prototype",{writable:!1}),p}(n.Component);j.propTypes={appearOptions:i.default.object,enterOptions:i.default.object,leaveOptions:i.default.object,children:i.default.element};var S=j;t.default=S},700:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){var e=function(){return null},t=!1,r=function r(n){if(!t){if(Array.isArray(n)){if(!n.length)return;var u=function(e){if(Array.isArray(e))return e}(l=n)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(l)||function(e,t){if(e){if("string"==typeof e)return a(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?a(e,t):void 0}}(l)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),c=u[0],f=u.slice(1);return"number"==typeof c?void(0,o.default)(r.bind(null,f),c):(r(c),void(0,o.default)(r.bind(null,f)))}var l;"object"===i(n)&&e(n),"function"==typeof n&&n()}};return{stop:function(){t=!0},start:function(e){t=!1,r(e)},subscribe:function(t){return e=t,function(){e=function(){return null}}}}};var n,o=(n=r(98))&&n.__esModule?n:{default:n};function i(e){return i="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(e)}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}},363:(e,t,r)=>{function n(e){return n="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},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(839);function i(e){return function(e){if(Array.isArray(e))return l(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||f(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){c(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function c(e,t,r){return(t=function(e){var t=function(e,t){if("object"!==n(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,"string");if("object"!==n(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===n(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f(e,t){if(e){if("string"==typeof e)return l(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?l(e,t):void 0}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var s=function(e,t,r){return e+(t-e)*r},p=function(e){return e.from!==e.to},y=function e(t,r,n){var i=(0,o.mapObject)((function(e,r){if(p(r)){var n=(a=t(r.from,r.to,r.velocity),c=2,function(e){if(Array.isArray(e))return e}(a)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,a,u=[],c=!0,f=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(u.push(n.value),u.length!==t);c=!0);}catch(e){f=!0,o=e}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(f)throw o}}return u}}(a,c)||f(a,c)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),o=n[0],i=n[1];return u(u({},r),{},{from:o,velocity:i})}var a,c;return r}),r);return n<1?(0,o.mapObject)((function(e,t){return p(t)?u(u({},t),{},{velocity:s(t.velocity,i[e].velocity,n),from:s(t.from,i[e].from,n)}):t}),r):e(t,i,n-1)};t.default=function(e,t,r,n,a){var f,l,b=(0,o.getIntersectionKeys)(e,t),d=b.reduce((function(r,n){return u(u({},r),{},c({},n,[e[n],t[n]]))}),{}),m=b.reduce((function(r,n){return u(u({},r),{},c({},n,{from:e[n],velocity:0,to:t[n]}))}),{}),v=-1,g=function(){return null};return g=r.isStepper?function(n){f||(f=n);var i=(n-f)/r.dt;m=y(r,m,i),a(u(u(u({},e),t),(0,o.mapObject)((function(e,t){return t.from}),m))),f=n,Object.values(m).filter(p).length&&(v=requestAnimationFrame(g))}:function(c){l||(l=c);var f=(c-l)/n,p=(0,o.mapObject)((function(e,t){return s.apply(void 0,i(t).concat([r(f)]))}),d);if(a(u(u(u({},e),t),p)),f<1)v=requestAnimationFrame(g);else{var y=(0,o.mapObject)((function(e,t){return s.apply(void 0,i(t).concat([r(1)]))}),d);a(u(u(u({},e),t),y))}},function(){return requestAnimationFrame(g),function(){cancelAnimationFrame(v)}}}},364:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.configSpring=t.configEasing=t.configBezier=void 0;var n=r(839);function o(e,t){if(e){if("string"==typeof e)return i(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?i(e,t):void 0}}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var a=1e-4,u=function(e,t){return[0,3*e,3*t-6*e,3*e-3*t+1]},c=function(e,t){return e.map((function(e,r){return e*Math.pow(t,r)})).reduce((function(e,t){return e+t}))},f=function(e,t){return function(r){var n=u(e,t);return c(n,r)}},l=function(e,t){return function(r){var n,a=u(e,t),f=[].concat(function(e){if(Array.isArray(e))return i(e)}(n=a.map((function(e,t){return e*t})).slice(1))||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(n)||o(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),[0]);return c(f,r)}},s=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];var i,u,c=t[0],s=t[1],p=t[2],y=t[3];if(1===t.length)switch(t[0]){case"linear":c=0,s=0,p=1,y=1;break;case"ease":c=.25,s=.1,p=.25,y=1;break;case"ease-in":c=.42,s=0,p=1,y=1;break;case"ease-out":c=.42,s=0,p=.58,y=1;break;case"ease-in-out":c=0,s=0,p=.58,y=1;break;default:var b=t[0].split("(");if("cubic-bezier"===b[0]&&4===b[1].split(")")[0].split(",").length){var d=(i=b[1].split(")")[0].split(",").map((function(e){return parseFloat(e)})),u=4,function(e){if(Array.isArray(e))return e}(i)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,a,u=[],c=!0,f=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(u.push(n.value),u.length!==t);c=!0);}catch(e){f=!0,o=e}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(f)throw o}}return u}}(i,u)||o(i,u)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}());c=d[0],s=d[1],p=d[2],y=d[3]}else(0,n.warn)(!1,"[configBezier]: arguments should be one of oneOf 'linear', 'ease', 'ease-in', 'ease-out', 'ease-in-out','cubic-bezier(x1,y1,x2,y2)', instead received %s",t)}(0,n.warn)([c,p,s,y].every((function(e){return"number"==typeof e&&e>=0&&e<=1})),"[configBezier]: arguments should be x1, y1, x2, y2 of [0, 1] instead received %s",t);var m=f(c,p),v=f(s,y),g=l(c,p),h=function(e){for(var t,r=e>1?1:e,n=r,o=0;o<8;++o){var i=m(n)-r,u=g(n);if(Math.abs(i-r)<a||u<a)return v(n);n=(t=n-i/u)>1?1:t<0?0:t}return v(n)};return h.isStepper=!1,h};t.configBezier=s;var p=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.stiff,r=void 0===t?100:t,n=e.damping,o=void 0===n?8:n,i=e.dt,u=void 0===i?17:i,c=function(e,t,n){var i=n+(-(e-t)*r-n*o)*u/1e3,c=n*u/1e3+e;return Math.abs(c-t)<a&&Math.abs(i)<a?[t,0]:[c,i]};return c.isStepper=!0,c.dt=u,c};t.configSpring=p,t.configEasing=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];var o=t[0];if("string"==typeof o)switch(o){case"ease":case"ease-in-out":case"ease-out":case"ease-in":case"linear":return s(o);case"spring":return p();default:if("cubic-bezier"===o.split("(")[0])return s(o);(0,n.warn)(!1,"[configEasing]: first argument should be one of 'ease', 'ease-in', 'ease-out', 'ease-in-out','cubic-bezier(x1,y1,x2,y2)', 'linear' and 'spring', instead received %s",t)}return"function"==typeof o?o:((0,n.warn)(!1,"[configEasing]: first argument type should be function or string, instead received %s",t),null)}},98:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=-1;requestAnimationFrame((function n(o){r<0&&(r=o),o-r>t?(e(o),r=-1):requestAnimationFrame(n)}))}},839:(e,t)=>{function r(e){return 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},r(e)}function n(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach((function(t){i(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function i(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==r(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,"string");if("object"!==r(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===r(t)?t:String(t)}(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}),t.warn=t.translateStyle=t.mapObject=t.log=t.identity=t.getTransitionVal=t.getIntersectionKeys=t.getDashCase=t.generatePrefixStyle=t.debugf=t.debug=t.compose=void 0;var a=["Webkit","Moz","O","ms"],u=["-webkit-","-moz-","-o-","-ms-"],c=["transform","transformOrigin","transition"];t.getIntersectionKeys=function(e,t){return[Object.keys(e),Object.keys(t)].reduce((function(e,t){return e.filter((function(e){return t.includes(e)}))}))};var f=function(e){return e};t.identity=f;var l=function(e){return e.replace(/([A-Z])/g,(function(e){return"-".concat(e.toLowerCase())}))};t.getDashCase=l;var s=function(e,t){if(-1===c.indexOf(e))return i({},e,Number.isNaN(t)?0:t);var r="transition"===e,n=e.replace(/(\w)/,(function(e){return e.toUpperCase()})),f=t;return a.reduce((function(e,a,c){return r&&(f=t.replace(/(transform|transform-origin)/gim,"".concat(u[c],"$1"))),o(o({},e),{},i({},a+n,f))}),{})};t.generatePrefixStyle=s;var p=function(){var e;(e=console).log.apply(e,arguments)};t.log=p,t.debug=function(e){return function(t){return p(e,t),t}},t.debugf=function(e,t){return function(){for(var r=arguments.length,n=new Array(r),o=0;o<r;o++)n[o]=arguments[o];var i=t.apply(void 0,n),a=e||t.name||"anonymous function",u="(".concat(n.map(JSON.stringify).join(", "),")");return p("".concat(a,": ").concat(u," => ").concat(JSON.stringify(i))),i}},t.mapObject=function(e,t){return Object.keys(t).reduce((function(r,n){return o(o({},r),{},i({},n,e(n,t[n])))}),{})},t.translateStyle=function(e){return Object.keys(e).reduce((function(e,t){return o(o({},e),s(t,e[t]))}),e)},t.compose=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];if(!t.length)return f;var n=t.reverse(),o=n[0],i=n.slice(1);return function(){return i.reduce((function(e,t){return t(e)}),o.apply(void 0,arguments))}},t.getTransitionVal=function(e,t,r){return e.map((function(e){return"".concat(l(e)," ").concat(t,"ms ").concat(r)})).join(",")},t.warn=function(e,t,r,n,o,i,a,u){}},768:e=>{e.exports=void 0},370:e=>{e.exports=void 0},897:e=>{e.exports=void 0},886:(e,t)=>{var r=Object.getOwnPropertyNames,n=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty;function i(e,t){return function(r,n,o){return e(r,n,o)&&t(r,n,o)}}function a(e){return function(t,r,n){if(!t||!r||"object"!=typeof t||"object"!=typeof r)return e(t,r,n);var o=n.cache,i=o.get(t),a=o.get(r);if(i&&a)return i===r&&a===t;o.set(t,r),o.set(r,t);var u=e(t,r,n);return o.delete(t),o.delete(r),u}}function u(e){return r(e).concat(n(e))}var c=Object.hasOwn||function(e,t){return o.call(e,t)};function f(e,t){return e||t?e===t:e===t||e!=e&&t!=t}var l="_owner",s=Object.getOwnPropertyDescriptor,p=Object.keys;function y(e,t,r){var n=e.length;if(t.length!==n)return!1;for(;n-- >0;)if(!r.equals(e[n],t[n],n,n,e,t,r))return!1;return!0}function b(e,t){return f(e.getTime(),t.getTime())}function d(e,t,r){if(e.size!==t.size)return!1;for(var n,o,i={},a=e.entries(),u=0;(n=a.next())&&!n.done;){for(var c=t.entries(),f=!1,l=0;(o=c.next())&&!o.done;){var s=n.value,p=s[0],y=s[1],b=o.value,d=b[0],m=b[1];f||i[l]||!(f=r.equals(p,d,u,l,e,t,r)&&r.equals(y,m,p,d,e,t,r))||(i[l]=!0),l++}if(!f)return!1;u++}return!0}function m(e,t,r){var n,o=p(e),i=o.length;if(p(t).length!==i)return!1;for(;i-- >0;){if((n=o[i])===l&&(e.$$typeof||t.$$typeof)&&e.$$typeof!==t.$$typeof)return!1;if(!c(t,n)||!r.equals(e[n],t[n],n,n,e,t,r))return!1}return!0}function v(e,t,r){var n,o,i,a=u(e),f=a.length;if(u(t).length!==f)return!1;for(;f-- >0;){if((n=a[f])===l&&(e.$$typeof||t.$$typeof)&&e.$$typeof!==t.$$typeof)return!1;if(!c(t,n))return!1;if(!r.equals(e[n],t[n],n,n,e,t,r))return!1;if(o=s(e,n),i=s(t,n),(o||i)&&(!o||!i||o.configurable!==i.configurable||o.enumerable!==i.enumerable||o.writable!==i.writable))return!1}return!0}function g(e,t){return f(e.valueOf(),t.valueOf())}function h(e,t){return e.source===t.source&&e.flags===t.flags}function O(e,t,r){if(e.size!==t.size)return!1;for(var n,o,i={},a=e.values();(n=a.next())&&!n.done;){for(var u=t.values(),c=!1,f=0;(o=u.next())&&!o.done;)c||i[f]||!(c=r.equals(n.value,o.value,n.value,o.value,e,t,r))||(i[f]=!0),f++;if(!c)return!1}return!0}function j(e,t){var r=e.length;if(t.length!==r)return!1;for(;r-- >0;)if(e[r]!==t[r])return!1;return!0}var S="[object Arguments]",w="[object Boolean]",A="[object Date]",P="[object Map]",E="[object Number]",q="[object Object]",_="[object RegExp]",k="[object Set]",M="[object String]",x=Array.isArray,T="function"==typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView:null,D=Object.assign,C=Object.prototype.toString.call.bind(Object.prototype.toString),I=J(),R=J({strict:!0}),N=J({circular:!0}),$=J({circular:!0,strict:!0}),B=J({createInternalComparator:function(){return f}}),W=J({strict:!0,createInternalComparator:function(){return f}}),z=J({circular:!0,createInternalComparator:function(){return f}}),F=J({circular:!0,createInternalComparator:function(){return f},strict:!0});function J(e){void 0===e&&(e={});var t,r=e.circular,n=void 0!==r&&r,o=e.createInternalComparator,u=e.createState,c=e.strict,f=void 0!==c&&c,l=function(e){var t=e.circular,r=e.createCustomConfig,n=e.strict,o={areArraysEqual:n?v:y,areDatesEqual:b,areMapsEqual:n?i(d,v):d,areObjectsEqual:n?v:m,arePrimitiveWrappersEqual:g,areRegExpsEqual:h,areSetsEqual:n?i(O,v):O,areTypedArraysEqual:n?v:j};if(r&&(o=D({},o,r(o))),t){var u=a(o.areArraysEqual),c=a(o.areMapsEqual),f=a(o.areObjectsEqual),l=a(o.areSetsEqual);o=D({},o,{areArraysEqual:u,areMapsEqual:c,areObjectsEqual:f,areSetsEqual:l})}return o}(e),s=function(e){var t=e.areArraysEqual,r=e.areDatesEqual,n=e.areMapsEqual,o=e.areObjectsEqual,i=e.arePrimitiveWrappersEqual,a=e.areRegExpsEqual,u=e.areSetsEqual,c=e.areTypedArraysEqual;return function(e,f,l){if(e===f)return!0;if(null==e||null==f||"object"!=typeof e||"object"!=typeof f)return e!=e&&f!=f;var s=e.constructor;if(s!==f.constructor)return!1;if(s===Object)return o(e,f,l);if(x(e))return t(e,f,l);if(null!=T&&T(e))return c(e,f,l);if(s===Date)return r(e,f,l);if(s===RegExp)return a(e,f,l);if(s===Map)return n(e,f,l);if(s===Set)return u(e,f,l);var p=C(e);return p===A?r(e,f,l):p===_?a(e,f,l):p===P?n(e,f,l):p===k?u(e,f,l):p===q?"function"!=typeof e.then&&"function"!=typeof f.then&&o(e,f,l):p===S?o(e,f,l):(p===w||p===E||p===M)&&i(e,f,l)}}(l);return function(e){var t=e.circular,r=e.comparator,n=e.createState,o=e.equals,i=e.strict;if(n)return function(e,a){var u=n(),c=u.cache,f=void 0===c?t?new WeakMap:void 0:c,l=u.meta;return r(e,a,{cache:f,equals:o,meta:l,strict:i})};if(t)return function(e,t){return r(e,t,{cache:new WeakMap,equals:o,meta:void 0,strict:i})};var a={cache:void 0,equals:o,meta:void 0,strict:i};return function(e,t){return r(e,t,a)}}({circular:n,comparator:s,createState:u,equals:o?o(s):(t=s,function(e,r,n,o,i,a,u){return t(e,r,u)}),strict:f})}t.circularDeepEqual=N,t.circularShallowEqual=z,t.createCustomEqual=J,t.deepEqual=I,t.sameValueZeroEqual=f,t.shallowEqual=B,t.strictCircularDeepEqual=$,t.strictCircularShallowEqual=F,t.strictDeepEqual=R,t.strictShallowEqual=W}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var i=t[n]={exports:{}};return e[n](i,i.exports,r),i.exports}(()=>{var e=t(r(192));r(364),r(839),t(r(389));function t(e){return e&&e.__esModule?e:{default:e}}e.default})()})();
umd/ReactSmooth.js

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

About

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc