@progress/kendo-react-animation - npm Package Compare versions

Comparing version 2.3.2-dev.201811011426 to 2.3.2-dev.201811061146

dist/cdn/js/kendo-react-animation.js

@@ -1,1 +0,1 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("prop-types"),require("react"),require("react-dom"),require("react-transition-group")):"function"==typeof define&&define.amd?define(["prop-types","react","react-dom","react-transition-group"],e):"object"==typeof exports?exports.KendoReactAnimation=e(require("prop-types"),require("react"),require("react-dom"),require("react-transition-group")):t.KendoReactAnimation=e(t.PropTypes,t.React,t.ReactDOM,t.ReactTransitionGroup)}(window,function(t,e,n,r){return function(t){var e={};function n(r){if(e[r])return e[r].exports;var i=e[r]={i:r,l:!1,exports:{}};return t[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)n.d(r,i,function(e){return t[e]}.bind(null,i));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=8)}([function(e,n){e.exports=t},function(t,n){t.exports=e},function(t,e,n){"use strict";var r=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=this&&this.__assign||Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var i in e=arguments[n])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t},o=this&&this.__rest||function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(t);i<r.length;i++)e.indexOf(r[i])<0&&(n[r[i]]=t[r[i]])}return n};Object.defineProperty(e,"__esModule",{value:!0});var a=n(1),p=n(0),s=n(4),c=n(6),l=n(7),u=n(3).default.styles,d=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return r(e,t),e.prototype.render=function(){var t=this.props,e=t.children,n=t.childFactory,r=t.className,p=t.component,d=t.id,f=t.style,h=t.stackChildren,v=t.componentChildClassName,y=t.componentChildStyle,m=o(t,["children","childFactory","className","component","id","style","stackChildren","componentChildClassName","componentChildStyle"]),x={childFactory:n,className:s.classNames(u["animation-container"],r),component:p,id:d,style:f},O=i({position:h?"absolute":"initial"},y),g=a.Children.map(e,function(t){return a.createElement(c.default,i({},m,{style:O,className:v}),t)});return a.createElement(l.TransitionGroup,i({},x),g)},e.propTypes={children:p.oneOfType([p.arrayOf(p.node),p.node]),childFactory:p.any,className:p.string,component:p.string,id:p.string,style:p.any,transitionName:p.string.isRequired,appear:p.bool.isRequired,enter:p.bool.isRequired,exit:p.bool.isRequired,transitionEnterDuration:p.number.isRequired,transitionExitDuration:p.number.isRequired},e.defaultProps={component:"div"},e}(a.Component);e.default=d},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={outerHeight:function(t){if(!t)return 0;var e=t.ownerDocument.defaultView.getComputedStyle(t),n=parseFloat(e.marginTop),r=parseFloat(e.marginBottom);return t.offsetHeight+n+r},outerWidth:function(t){if(!t)return 0;var e=t.ownerDocument.defaultView.getComputedStyle(t),n=parseFloat(e.marginLeft),r=parseFloat(e.marginRight);return t.offsetWidth+n+r},styles:{"animation-container":"k-animation-container","animation-container-fixed":"k-animation-container-fixed","push-right-enter":"k-push-right-enter","push-right-appear":"k-push-right-appear","push-right-enter-active":"k-push-right-enter-active","push-right-appear-active":"k-push-right-appear-active","push-right-exit":"k-push-right-exit","push-right-exit-active":"k-push-right-exit-active","push-left-enter":"k-push-left-enter","push-left-appear":"k-push-left-appear","push-left-enter-active":"k-push-left-enter-active","push-left-appear-active":"k-push-left-appear-active","push-left-exit":"k-push-left-exit","push-left-exit-active":"k-push-left-exit-active","push-down-enter":"k-push-down-enter","push-down-appear":"k-push-down-appear","push-down-enter-active":"k-push-down-enter-active","push-down-appear-active":"k-push-down-appear-active","push-down-exit":"k-push-down-exit","push-down-exit-active":"k-push-down-exit-active","push-up-enter":"k-push-up-enter","push-up-appear":"k-push-up-appear","push-up-enter-active":"k-push-up-enter-active","push-up-appear-active":"k-push-up-appear-active","push-up-exit":"k-push-up-exit","push-up-exit-active":"k-push-up-exit-active",expand:"k-expand","expand-vertical-enter":"k-expand-vertical-enter","expand-vertical-appear":"k-expand-vertical-appear","expand-vertical-enter-active":"k-expand-vertical-enter-active","expand-vertical-appear-active":"k-expand-vertical-appear-active","expand-vertical-exit":"k-expand-vertical-exit","expand-vertical-exit-active":"k-expand-vertical-exit-active","expand-horizontal-enter":"k-expand-horizontal-enter","expand-horizontal-appear":"k-expand-horizontal-appear","expand-horizontal-enter-active":"k-expand-horizontal-enter-active","expand-horizontal-appear-active":"k-expand-horizontal-appear-active","expand-horizontal-exit":"k-expand-horizontal-exit","expand-horizontal-exit-active":"k-expand-horizontal-exit-active","child-animation-container":"k-child-animation-container","fade-enter":"k-fade-enter","fade-appear":"k-fade-appear","fade-enter-active":"k-fade-enter-active","fade-appear-active":"k-fade-appear-active","fade-exit":"k-fade-exit","fade-exit-active":"k-fade-exit-active","zoom-in-enter":"k-zoom-in-enter","zoom-in-appear":"k-zoom-in-appear","zoom-in-enter-active":"k-zoom-in-enter-active","zoom-in-appear-active":"k-zoom-in-appear-active","zoom-in-exit":"k-zoom-in-exit","zoom-in-exit-active":"k-zoom-in-exit-active","zoom-out-enter":"k-zoom-out-enter","zoom-out-appear":"k-zoom-out-appear","zoom-out-enter-active":"k-zoom-out-enter-active","zoom-out-appear-active":"k-zoom-out-appear-active","zoom-out-exit":"k-zoom-out-exit","zoom-out-exit-active":"k-zoom-out-exit-active","slide-in-appear":"k-slide-in-appear",centered:"k-centered","slide-in-appear-active":"k-slide-in-appear-active","slide-down-enter":"k-slide-down-enter","slide-down-appear":"k-slide-down-appear","slide-down-enter-active":"k-slide-down-enter-active","slide-down-appear-active":"k-slide-down-appear-active","slide-down-exit":"k-slide-down-exit","slide-down-exit-active":"k-slide-down-exit-active","slide-up-enter":"k-slide-up-enter","slide-up-appear":"k-slide-up-appear","slide-up-enter-active":"k-slide-up-enter-active","slide-up-appear-active":"k-slide-up-appear-active","slide-up-exit":"k-slide-up-exit","slide-up-exit-active":"k-slide-up-exit-active","slide-right-enter":"k-slide-right-enter","slide-right-appear":"k-slide-right-appear","slide-right-enter-active":"k-slide-right-enter-active","slide-right-appear-active":"k-slide-right-appear-active","slide-right-exit":"k-slide-right-exit","slide-right-exit-active":"k-slide-right-exit-active","slide-left-enter":"k-slide-left-enter","slide-left-appear":"k-slide-left-appear","slide-left-enter-active":"k-slide-left-enter-active","slide-left-appear-active":"k-slide-left-appear-active","slide-left-exit":"k-slide-left-exit","slide-left-exit-active":"k-slide-left-exit-active","reveal-vertical-enter":"k-reveal-vertical-enter","reveal-vertical-appear":"k-reveal-vertical-appear","reveal-vertical-enter-active":"k-reveal-vertical-enter-active","reveal-vertical-appear-active":"k-reveal-vertical-appear-active","reveal-vertical-exit":"k-reveal-vertical-exit","reveal-vertical-exit-active":"k-reveal-vertical-exit-active","reveal-horizontal-enter":"k-reveal-horizontal-enter","reveal-horizontal-appear":"k-reveal-horizontal-appear","reveal-horizontal-enter-active":"k-reveal-horizontal-enter-active","reveal-horizontal-appear-active":"k-reveal-horizontal-appear-active","reveal-horizontal-exit":"k-reveal-horizontal-exit","reveal-horizontal-exit-active":"k-reveal-horizontal-exit-active"}}},function(t,e,n){"use strict";n.r(e);var r=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];return t.filter(function(t){return!0!==t&&!!t}).map(function(t){return Array.isArray(t)?r.apply(void 0,t):"object"==typeof t?Object.keys(t).map(function(e,n){return t[n]||t[e]&&e||null}).filter(function(t){return null!==t}).join(" "):t}).filter(function(t){return!!t}).join(" ")},i=function(){var t,e,n="";for(t=0;t<32;t++)e=16*Math.random()|0,8!==t&&12!==t&&16!==t&&20!==t||(n+="-"),n+=(12===t?4:16===t?3&e|8:e).toString(16);return n},o={backspace:8,tab:9,enter:13,shift:16,esc:27,space:32,pageUp:33,pageDown:34,end:35,home:36,left:37,up:38,right:39,down:40,delete:46},a=function(){},p=function(){return function(){}}(),s=n(1),c=n(0),l=function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),u=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.state={focused:!1},e.handleFocus=function(t){e.setState({focused:!0})},e.handleBlur=function(t){e.setState({focused:!1})},e}return l(e,t),e.prototype.render=function(){var t=this.props,e=t.label,n=t.id,i=t.className,o=t.value,a=t.placeholder,p=t.valid,c=t.style,l=r({"k-textbox-container":!0,"k-state-focused":this.state.focused,"k-state-empty":!(o||a),"k-state-invalid":!p&&void 0!==p},i);return s.createElement("span",{className:l,onFocus:this.handleFocus,onBlur:this.handleBlur,style:c},this.props.children,e?n?s.createElement("label",{htmlFor:n,className:"k-label"},e):s.createElement("span",{className:"k-label"},e):null)},e.propTypes={label:c.string,id:c.string,value:c.string,placeholder:c.string,valid:c.bool},e}(s.Component);function d(t,e,n,r){if(t){var i={syntheticEvent:e,nativeEvent:e.nativeEvent,target:n};t.call(void 0,Object.assign(i,r))}}var f=function(){return"undefined"==typeof window};n.d(e,"classNames",function(){return r}),n.d(e,"guid",function(){return i}),n.d(e,"Keys",function(){return o}),n.d(e,"noop",function(){return a}),n.d(e,"FloatingLabel",function(){return u}),n.d(e,"FormComponent",function(){return p}),n.d(e,"dispatchEvent",function(){return d}),n.d(e,"isServerRendering",function(){return f})},function(t,e){t.exports=n},function(t,e,n){"use strict";var r=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=this&&this.__assign||Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var i in e=arguments[n])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t},o=this&&this.__rest||function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(t);i<r.length;i++)e.indexOf(r[i])<0&&(n[r[i]]=t[r[i]])}return n};Object.defineProperty(e,"__esModule",{value:!0});var a=n(1),p=n(0),s=n(4),c=n(7),l=n(3).default.styles,u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return r(e,t),Object.defineProperty(e.prototype,"element",{get:function(){return this._element},enumerable:!0,configurable:!0}),e.prototype.render=function(){var t=this,e=this.props,n=e.children,r=e.style,p=e.appear,u=e.enter,d=e.exit,f=e.transitionName,h=e.transitionEnterDuration,v=e.transitionExitDuration,y=e.className,m=e.onEnter,x=e.onEntering,O=e.onEntered,g=e.onExit,_=e.onExiting,b=e.onExited,E=e.mountOnEnter,k=e.unmountOnExit,w=e.animationEnteringStyle,j=e.animationEnteredStyle,P=e.animationExitingStyle,D=e.animationExitedStyle,S=o(e,["children","style","appear","enter","exit","transitionName","transitionEnterDuration","transitionExitDuration","className","onEnter","onEntering","onEntered","onExit","onExiting","onExited","mountOnEnter","unmountOnExit","animationEnteringStyle","animationEnteredStyle","animationExitingStyle","animationExitedStyle"]),z=s.classNames(y,l["child-animation-container"]),C=i({transitionDelay:"0ms"},r),N={entering:i({transitionDuration:h+"ms"},w),entered:i({},j),exiting:i({transitionDuration:v+"ms"},P),exited:i({},D)},F={in:this.props.in,appear:p,enter:u,exit:d,mountOnEnter:E,unmountOnExit:k,timeout:{enter:h,exit:v},onEnter:function(e){m&&m.call(void 0,{animatedElement:e,target:t})},onEntering:function(e){x&&x.call(void 0,{animatedElement:e,target:t})},onEntered:function(e){O&&O.call(void 0,{animatedElement:e,target:t})},onExit:function(e){g&&g.call(void 0,{animatedElement:e,target:t})},onExiting:function(e){_&&_.call(void 0,{animatedElement:e,target:t})},onExited:function(e){b&&b.call(void 0,{animatedElement:e,target:t})},classNames:{appear:l[f+"-appear"]||f+"-appear",appearActive:l[f+"-appear-active"]||f+"-appear-active",enter:l[f+"-enter"]||f+"-enter",enterActive:l[f+"-enter-active"]||f+"-enter-active",exit:l[f+"-exit"]||f+"-exit",exitActive:l[f+"-exit-active"]||f+"-exit-active"}};return a.createElement(c.CSSTransition,i({},F,S),function(e){return a.createElement("div",{style:i({},C,N[e]),className:z,ref:function(e){t._element=e}},n)})},e.propTypes={in:p.bool,children:p.oneOfType([p.arrayOf(p.node),p.node]),transitionName:p.string.isRequired,className:p.string,appear:p.bool,enter:p.bool,exit:p.bool,transitionEnterDuration:p.number.isRequired,transitionExitDuration:p.number.isRequired,mountOnEnter:p.bool,unmountOnExit:p.bool,animationEnteringStyle:p.object,animationEnteredStyle:p.object,animationExitingStyle:p.object,animationExitedStyle:p.object},e.defaultProps={mountOnEnter:!0,unmountOnExit:!1,onEnter:s.noop,onEntering:s.noop,onEntered:s.noop,onExit:s.noop,onExiting:s.noop,onExited:s.noop,animationEnteringStyle:{},animationEnteredStyle:{},animationExitingStyle:{},animationExitedStyle:{}},e}(a.Component);e.default=u},function(t,e){t.exports=r},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(2);e.Animation=r.default;var i=n(6);e.AnimationChild=i.default;var o=n(9);e.Fade=o.default;var a=n(10);e.Expand=a.default;var p=n(11);e.Push=p.default;var s=n(12);e.Slide=s.default;var c=n(13);e.Zoom=c.default;var l=n(14);e.Reveal=l.default},function(t,e,n){"use strict";var r=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=this&&this.__assign||Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var i in e=arguments[n])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t},o=this&&this.__rest||function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(t);i<r.length;i++)e.indexOf(r[i])<0&&(n[r[i]]=t[r[i]])}return n};Object.defineProperty(e,"__esModule",{value:!0});var a=n(1),p=n(0),s=n(2),c=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return r(e,t),e.prototype.render=function(){var t=this.props,e=t.children,n=o(t,["children"]);return a.createElement(s.default,i({},{transitionName:"fade"},n),e)},e.propTypes={children:p.oneOfType([p.arrayOf(p.node),p.node]),childFactory:p.any,className:p.string,component:p.string,id:p.string,style:p.any},e.defaultProps={appear:!1,enter:!0,exit:!1,transitionEnterDuration:500,transitionExitDuration:500},e}(a.Component);e.default=c},function(t,e,n){"use strict";var r=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=this&&this.__assign||Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var i in e=arguments[n])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t},o=this&&this.__rest||function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(t);i<r.length;i++)e.indexOf(r[i])<0&&(n[r[i]]=t[r[i]])}return n};Object.defineProperty(e,"__esModule",{value:!0});var a=n(1),p=n(0),s=n(2),c=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return r(e,t),e.prototype.render=function(){var t=this.props,e=t.direction,n=t.children,r=o(t,["direction","children"]),p={transitionName:"expand-"+e};return a.createElement(s.default,i({},p,r),n)},e.propTypes={children:p.oneOfType([p.arrayOf(p.node),p.node]),childFactory:p.any,className:p.string,direction:p.oneOf(["horizontal","vertical"]),component:p.string,id:p.string,style:p.any},e.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"vertical"},e}(a.Component);e.default=c},function(t,e,n){"use strict";var r=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=this&&this.__assign||Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var i in e=arguments[n])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t},o=this&&this.__rest||function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(t);i<r.length;i++)e.indexOf(r[i])<0&&(n[r[i]]=t[r[i]])}return n};Object.defineProperty(e,"__esModule",{value:!0});var a=n(1),p=n(5),s=n(0),c=n(2),l=n(4),u=n(3),d=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.state={style:null},e.componentWillEnter=function(t){var n=e.props.onEnter;e.updateContainerDimensions(function(){n&&n.call(void 0,t)})},e.componentDidEnter=function(t){var n=e.props.onEntered;e.updateContainerDimensions(function(){n&&n.call(void 0,t)})},e.updateContainerDimensions=function(t){void 0===t&&(t=l.noop);var n=p.findDOMNode(e);if(n){var r,i=n.firstChild;if(e.props.stackChildren&&i)r={height:u.default.outerHeight(i)+"px",width:u.default.outerWidth(i)+"px"};e.setState({style:r},t)}},e}return r(e,t),e.prototype.componentWillReceiveProps=function(){this.updateContainerDimensions()},e.prototype.componentDidMount=function(){this.updateContainerDimensions()},e.prototype.render=function(){var t=this.props,e=t.children,n=t.direction,r=t.style,p=o(t,["children","direction","style"]);return a.createElement(c.default,i({},p,{onEnter:this.componentWillEnter,onEntered:this.componentDidEnter,transitionName:"push-"+n,style:i({style:r},this.state.style)}),e)},e.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]),childFactory:s.any,className:s.string,direction:s.oneOf(["up","down","left","right"]),component:s.string,id:s.string,style:s.any,stackChildren:s.bool},e.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"right",stackChildren:!1},e}(a.Component);e.default=d},function(t,e,n){"use strict";var r=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=this&&this.__assign||Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var i in e=arguments[n])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t},o=this&&this.__rest||function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(t);i<r.length;i++)e.indexOf(r[i])<0&&(n[r[i]]=t[r[i]])}return n};Object.defineProperty(e,"__esModule",{value:!0});var a=n(1),p=n(0),s=n(2),c=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return r(e,t),e.prototype.render=function(){var t=this.props,e=t.direction,n=t.children,r=o(t,["direction","children"]),p={transitionName:"slide-"+e};return a.createElement(s.default,i({},p,r),n)},e.propTypes={children:p.oneOfType([p.arrayOf(p.node),p.node]),childFactory:p.any,className:p.string,direction:p.oneOf(["up","down","left","right"]),component:p.string,id:p.string,style:p.any},e.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"down"},e}(a.Component);e.default=c},function(t,e,n){"use strict";var r=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=this&&this.__assign||Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var i in e=arguments[n])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t},o=this&&this.__rest||function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(t);i<r.length;i++)e.indexOf(r[i])<0&&(n[r[i]]=t[r[i]])}return n};Object.defineProperty(e,"__esModule",{value:!0});var a=n(1),p=n(5),s=n(0),c=n(2),l=n(4),u=n(3),d=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.state={style:null},e.componentWillEnter=function(t){var n=e.props.onEnter;e.updateContainerDimensions(function(){n&&n.call(void 0,t)})},e.componentDidEnter=function(t){var n=e.props.onEntered;e.updateContainerDimensions(function(){n&&n.call(void 0,t)})},e.updateContainerDimensions=function(t){void 0===t&&(t=l.noop);var n=p.findDOMNode(e);if(n){var r,i=n.firstChild;if(e.props.stackChildren&&i)r={height:u.default.outerHeight(i)+"px",width:u.default.outerWidth(i)+"px"};e.setState({style:r},t)}},e}return r(e,t),e.prototype.componentWillReceiveProps=function(){this.updateContainerDimensions()},e.prototype.componentDidMount=function(){this.updateContainerDimensions()},e.prototype.render=function(){var t=this.props,e=t.children,n=t.direction,r=t.style,p=o(t,["children","direction","style"]);return a.createElement(c.default,i({},p,{onEnter:this.componentWillEnter,onEntered:this.componentDidEnter,transitionName:"zoom-"+n,style:i({style:r},this.state.style)}),e)},e.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]),childFactory:s.any,className:s.string,direction:s.oneOf(["in","out"]),component:s.string,id:s.string,style:s.any,stackChildren:s.bool},e.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"out",stackChildren:!1},e}(a.Component);e.default=d},function(t,e,n){"use strict";var r=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=this&&this.__assign||Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var i in e=arguments[n])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t},o=this&&this.__rest||function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(t);i<r.length;i++)e.indexOf(r[i])<0&&(n[r[i]]=t[r[i]])}return n};Object.defineProperty(e,"__esModule",{value:!0});var a=n(1),p=n(5),s=n(0),c=n(2),l=n(4),u=n(3),d=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.state={maxHeight:void 0,maxWidth:void 0},e.componentWillEnter=function(t){var n=e.props.onEnter;e.updateContainerDimensions(t.animatedElement,function(){n&&n.call(void 0,t)})},e.componentIsEntering=function(t){var n=e.props.onEntering;e.updateContainerDimensions(t.animatedElement,function(){n&&n.call(void 0,t)})},e.componentWillExit=function(t){var n=e.props.onExit;e.updateContainerDimensions(t.animatedElement,function(){n&&n.call(void 0,t)})},e.updateContainerDimensions=function(t,n){void 0===n&&(n=l.noop);var r=p.findDOMNode(t);if(r){var i=r.firstChild;if(i){var o=u.default.outerHeight(i),a=u.default.outerWidth(i);e.setState({maxHeight:o,maxWidth:a},n)}}},e}return r(e,t),e.prototype.componentWillReceiveProps=function(){this.updateContainerDimensions(p.findDOMNode(this),l.noop)},e.prototype.render=function(){var t,e=this.props,n=e.direction,r=e.children,p=e.childFactory,s=o(e,["direction","children","childFactory"]),l=this.state,u=l.maxHeight,d=l.maxWidth,f={maxHeight:(t="vertical"===n?{maxHeight:u?u+"px":null}:{maxWidth:d?d+"px":null}).maxHeight,maxWidth:t.maxWidth};return a.createElement(c.default,i({},s,{childFactory:p||function(e){return e.props.in?e:a.cloneElement(e,i({},e.props,{style:i({},e.props.style,{maxHeight:t.maxHeight,maxWidth:t.maxWidth})}))},onEnter:this.componentWillEnter,onEntering:this.componentIsEntering,onExit:this.componentWillExit,animationEnteringStyle:f,transitionName:"reveal-"+n}),r)},e.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]),childFactory:s.any,className:s.string,direction:s.oneOf(["horizontal","vertical"]),component:s.string,id:s.string,style:s.any},e.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"vertical"},e}(a.Component);e.default=d}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("prop-types"),require("react"),require("react-transition-group")):"function"==typeof define&&define.amd?define(["prop-types","react","react-transition-group"],t):"object"==typeof exports?exports.KendoReactAnimation=t(require("prop-types"),require("react"),require("react-transition-group")):e.KendoReactAnimation=t(e.PropTypes,e.React,e.ReactTransitionGroup)}(window,function(e,t,n){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=7)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t,n){"use strict";var r=this&&this.__extends||function(){var e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=this&&this.__assign||Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},o=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&(n[r[i]]=e[r[i]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var a=n(1),p=n(0),c=n(4),s=n(5),l=n(6),u=n(3).default.styles,d=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this.props,t=e.id,n=e.style,r=e.children,p=e.component,d=e.className,f=e.childFactory,h=(e.stackChildren,e.componentChildStyle),v=e.componentChildClassName,y=o(e,["id","style","children","component","className","childFactory","stackChildren","componentChildStyle","componentChildClassName"]),m={id:t,style:n,component:p,childFactory:f,className:c.classNames(u["animation-container"],u["animation-container-relative"],d)},x=a.Children.map(r,function(e){return a.createElement(s.AnimationChild,i({},y,{style:h,className:v}),e)});return a.createElement(l.TransitionGroup,i({},m),x)},t.propTypes={children:p.oneOfType([p.arrayOf(p.node),p.node]),childFactory:p.any,className:p.string,component:p.string,id:p.string,style:p.any,transitionName:p.string.isRequired,appear:p.bool.isRequired,enter:p.bool.isRequired,exit:p.bool.isRequired,transitionEnterDuration:p.number.isRequired,transitionExitDuration:p.number.isRequired},t.defaultProps={component:"div"},t}(a.Component);t.Animation=d},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={outerHeight:function(e){if(!e)return 0;var t=e.ownerDocument.defaultView.getComputedStyle(e),n=parseFloat(t.marginTop),r=parseFloat(t.marginBottom);return e.offsetHeight+n+r},outerWidth:function(e){if(!e)return 0;var t=e.ownerDocument.defaultView.getComputedStyle(e),n=parseFloat(t.marginLeft),r=parseFloat(t.marginRight);return e.offsetWidth+n+r},styles:{"animation-container":"k-animation-container","animation-container-relative":"k-animation-container-relative","animation-container-fixed":"k-animation-container-fixed","push-right-enter":"k-push-right-enter","push-right-appear":"k-push-right-appear","push-right-enter-active":"k-push-right-enter-active","push-right-appear-active":"k-push-right-appear-active","push-right-exit":"k-push-right-exit","push-right-exit-active":"k-push-right-exit-active","push-left-enter":"k-push-left-enter","push-left-appear":"k-push-left-appear","push-left-enter-active":"k-push-left-enter-active","push-left-appear-active":"k-push-left-appear-active","push-left-exit":"k-push-left-exit","push-left-exit-active":"k-push-left-exit-active","push-down-enter":"k-push-down-enter","push-down-appear":"k-push-down-appear","push-down-enter-active":"k-push-down-enter-active","push-down-appear-active":"k-push-down-appear-active","push-down-exit":"k-push-down-exit","push-down-exit-active":"k-push-down-exit-active","push-up-enter":"k-push-up-enter","push-up-appear":"k-push-up-appear","push-up-enter-active":"k-push-up-enter-active","push-up-appear-active":"k-push-up-appear-active","push-up-exit":"k-push-up-exit","push-up-exit-active":"k-push-up-exit-active",expand:"k-expand","expand-vertical-enter":"k-expand-vertical-enter","expand-vertical-appear":"k-expand-vertical-appear","expand-vertical-enter-active":"k-expand-vertical-enter-active","expand-vertical-appear-active":"k-expand-vertical-appear-active","expand-vertical-exit":"k-expand-vertical-exit","expand-vertical-exit-active":"k-expand-vertical-exit-active","expand-horizontal-enter":"k-expand-horizontal-enter","expand-horizontal-appear":"k-expand-horizontal-appear","expand-horizontal-enter-active":"k-expand-horizontal-enter-active","expand-horizontal-appear-active":"k-expand-horizontal-appear-active","expand-horizontal-exit":"k-expand-horizontal-exit","expand-horizontal-exit-active":"k-expand-horizontal-exit-active","child-animation-container":"k-child-animation-container","fade-enter":"k-fade-enter","fade-appear":"k-fade-appear","fade-enter-active":"k-fade-enter-active","fade-appear-active":"k-fade-appear-active","fade-exit":"k-fade-exit","fade-exit-active":"k-fade-exit-active","zoom-in-enter":"k-zoom-in-enter","zoom-in-appear":"k-zoom-in-appear","zoom-in-enter-active":"k-zoom-in-enter-active","zoom-in-appear-active":"k-zoom-in-appear-active","zoom-in-exit":"k-zoom-in-exit","zoom-in-exit-active":"k-zoom-in-exit-active","zoom-out-enter":"k-zoom-out-enter","zoom-out-appear":"k-zoom-out-appear","zoom-out-enter-active":"k-zoom-out-enter-active","zoom-out-appear-active":"k-zoom-out-appear-active","zoom-out-exit":"k-zoom-out-exit","zoom-out-exit-active":"k-zoom-out-exit-active","slide-in-appear":"k-slide-in-appear",centered:"k-centered","slide-in-appear-active":"k-slide-in-appear-active","slide-down-enter":"k-slide-down-enter","slide-down-appear":"k-slide-down-appear","slide-down-enter-active":"k-slide-down-enter-active","slide-down-appear-active":"k-slide-down-appear-active","slide-down-exit":"k-slide-down-exit","slide-down-exit-active":"k-slide-down-exit-active","slide-up-enter":"k-slide-up-enter","slide-up-appear":"k-slide-up-appear","slide-up-enter-active":"k-slide-up-enter-active","slide-up-appear-active":"k-slide-up-appear-active","slide-up-exit":"k-slide-up-exit","slide-up-exit-active":"k-slide-up-exit-active","slide-right-enter":"k-slide-right-enter","slide-right-appear":"k-slide-right-appear","slide-right-enter-active":"k-slide-right-enter-active","slide-right-appear-active":"k-slide-right-appear-active","slide-right-exit":"k-slide-right-exit","slide-right-exit-active":"k-slide-right-exit-active","slide-left-enter":"k-slide-left-enter","slide-left-appear":"k-slide-left-appear","slide-left-enter-active":"k-slide-left-enter-active","slide-left-appear-active":"k-slide-left-appear-active","slide-left-exit":"k-slide-left-exit","slide-left-exit-active":"k-slide-left-exit-active","reveal-vertical-enter":"k-reveal-vertical-enter","reveal-vertical-appear":"k-reveal-vertical-appear","reveal-vertical-enter-active":"k-reveal-vertical-enter-active","reveal-vertical-appear-active":"k-reveal-vertical-appear-active","reveal-vertical-exit":"k-reveal-vertical-exit","reveal-vertical-exit-active":"k-reveal-vertical-exit-active","reveal-horizontal-enter":"k-reveal-horizontal-enter","reveal-horizontal-appear":"k-reveal-horizontal-appear","reveal-horizontal-enter-active":"k-reveal-horizontal-enter-active","reveal-horizontal-appear-active":"k-reveal-horizontal-appear-active","reveal-horizontal-exit":"k-reveal-horizontal-exit","reveal-horizontal-exit-active":"k-reveal-horizontal-exit-active"}}},function(e,t,n){"use strict";n.r(t);var r=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(function(e){return!0!==e&&!!e}).map(function(e){return Array.isArray(e)?r.apply(void 0,e):"object"==typeof e?Object.keys(e).map(function(t,n){return e[n]||e[t]&&t||null}).filter(function(e){return null!==e}).join(" "):e}).filter(function(e){return!!e}).join(" ")},i=function(){var e,t,n="";for(e=0;e<32;e++)t=16*Math.random()|0,8!==e&&12!==e&&16!==e&&20!==e||(n+="-"),n+=(12===e?4:16===e?3&t|8:t).toString(16);return n},o={backspace:8,tab:9,enter:13,shift:16,esc:27,space:32,pageUp:33,pageDown:34,end:35,home:36,left:37,up:38,right:39,down:40,delete:46},a=function(){},p=function(){return function(){}}(),c=n(1),s=n(0),l=function(){var e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),u=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={focused:!1},t.handleFocus=function(e){t.setState({focused:!0})},t.handleBlur=function(e){t.setState({focused:!1})},t}return l(t,e),t.prototype.render=function(){var e=this.props,t=e.label,n=e.id,i=e.className,o=e.value,a=e.placeholder,p=e.valid,s=e.style,l=r({"k-textbox-container":!0,"k-state-focused":this.state.focused,"k-state-empty":!(o||a),"k-state-invalid":!p&&void 0!==p},i);return c.createElement("span",{className:l,onFocus:this.handleFocus,onBlur:this.handleBlur,style:s},this.props.children,t?n?c.createElement("label",{htmlFor:n,className:"k-label"},t):c.createElement("span",{className:"k-label"},t):null)},t.propTypes={label:s.string,id:s.string,value:s.string,placeholder:s.string,valid:s.bool},t}(c.Component);function d(e,t,n,r){if(e){var i={syntheticEvent:t,nativeEvent:t.nativeEvent,target:n};e.call(void 0,Object.assign(i,r))}}var f=function(){return"undefined"==typeof window};n.d(t,"classNames",function(){return r}),n.d(t,"guid",function(){return i}),n.d(t,"Keys",function(){return o}),n.d(t,"noop",function(){return a}),n.d(t,"FloatingLabel",function(){return u}),n.d(t,"FormComponent",function(){return p}),n.d(t,"dispatchEvent",function(){return d}),n.d(t,"isServerRendering",function(){return f})},function(e,t,n){"use strict";var r=this&&this.__extends||function(){var e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=this&&this.__assign||Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},o=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&(n[r[i]]=e[r[i]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var a=n(1),p=n(0),c=n(4),s=n(6),l=n(3).default.styles,u=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),Object.defineProperty(t.prototype,"element",{get:function(){return this._element},enumerable:!0,configurable:!0}),t.prototype.render=function(){var e=this,t=this.props,n=t.children,r=t.style,p=t.appear,u=t.enter,d=t.exit,f=t.transitionName,h=t.transitionEnterDuration,v=t.transitionExitDuration,y=t.className,m=t.onEnter,x=t.onEntering,O=t.onEntered,g=t.onExit,_=t.onExiting,b=t.onExited,E=t.mountOnEnter,k=t.unmountOnExit,j=t.animationEnteringStyle,w=t.animationEnteredStyle,P=t.animationExitingStyle,S=t.animationExitedStyle,z=o(t,["children","style","appear","enter","exit","transitionName","transitionEnterDuration","transitionExitDuration","className","onEnter","onEntering","onEntered","onExit","onExiting","onExited","mountOnEnter","unmountOnExit","animationEnteringStyle","animationEnteredStyle","animationExitingStyle","animationExitedStyle"]),C=c.classNames(y,l["child-animation-container"]),N=i({transitionDelay:"0ms"},r),D={entering:i({transitionDuration:h+"ms"},j),entered:i({},w),exiting:i({transitionDuration:v+"ms"},P),exited:i({},S)},A={in:this.props.in,appear:p,enter:u,exit:d,mountOnEnter:E,unmountOnExit:k,timeout:{enter:h,exit:v},onEnter:function(t){m&&m.call(void 0,{animatedElement:t,target:e})},onEntering:function(t){x&&x.call(void 0,{animatedElement:t,target:e})},onEntered:function(t){O&&O.call(void 0,{animatedElement:t,target:e})},onExit:function(t){g&&g.call(void 0,{animatedElement:t,target:e})},onExiting:function(t){_&&_.call(void 0,{animatedElement:t,target:e})},onExited:function(t){b&&b.call(void 0,{animatedElement:t,target:e})},classNames:{appear:l[f+"-appear"]||f+"-appear",appearActive:l[f+"-appear-active"]||f+"-appear-active",enter:l[f+"-enter"]||f+"-enter",enterActive:l[f+"-enter-active"]||f+"-enter-active",exit:l[f+"-exit"]||f+"-exit",exitActive:l[f+"-exit-active"]||f+"-exit-active"}};return a.createElement(s.CSSTransition,i({},A,z),function(t){return a.createElement("div",{style:i({},N,D[t]),className:C,ref:function(t){e._element=t}},n)})},t.propTypes={in:p.bool,children:p.oneOfType([p.arrayOf(p.node),p.node]),transitionName:p.string.isRequired,className:p.string,appear:p.bool,enter:p.bool,exit:p.bool,transitionEnterDuration:p.number.isRequired,transitionExitDuration:p.number.isRequired,mountOnEnter:p.bool,unmountOnExit:p.bool,animationEnteringStyle:p.object,animationEnteredStyle:p.object,animationExitingStyle:p.object,animationExitedStyle:p.object},t.defaultProps={mountOnEnter:!0,unmountOnExit:!1,onEnter:c.noop,onEntering:c.noop,onEntered:c.noop,onExit:c.noop,onExiting:c.noop,onExited:c.noop,animationEnteringStyle:{},animationEnteredStyle:{},animationExitingStyle:{},animationExitedStyle:{}},t}(a.Component);t.AnimationChild=u},function(e,t){e.exports=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(2);t.Animation=r.Animation;var i=n(5);t.AnimationChild=i.AnimationChild;var o=n(8);t.Fade=o.Fade;var a=n(9);t.Expand=a.Expand;var p=n(10);t.Push=p.Push;var c=n(11);t.Slide=c.Slide;var s=n(12);t.Zoom=s.Zoom;var l=n(13);t.Reveal=l.Reveal},function(e,t,n){"use strict";var r=this&&this.__extends||function(){var e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=this&&this.__assign||Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},o=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&(n[r[i]]=e[r[i]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var a=n(1),p=n(0),c=n(2),s=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this.props,t=e.children,n=o(e,["children"]);return a.createElement(c.Animation,i({},{transitionName:"fade"},n),t)},t.propTypes={children:p.oneOfType([p.arrayOf(p.node),p.node]),childFactory:p.any,className:p.string,component:p.string,id:p.string,style:p.any},t.defaultProps={appear:!1,enter:!0,exit:!1,transitionEnterDuration:500,transitionExitDuration:500},t}(a.Component);t.Fade=s},function(e,t,n){"use strict";var r=this&&this.__extends||function(){var e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=this&&this.__assign||Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},o=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&(n[r[i]]=e[r[i]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var a=n(1),p=n(0),c=n(2),s=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this.props,t=e.direction,n=e.children,r=o(e,["direction","children"]),p={transitionName:"expand-"+t};return a.createElement(c.Animation,i({},p,r),n)},t.propTypes={children:p.oneOfType([p.arrayOf(p.node),p.node]),childFactory:p.any,className:p.string,direction:p.oneOf(["horizontal","vertical"]),component:p.string,id:p.string,style:p.any},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"vertical"},t}(a.Component);t.Expand=s},function(e,t,n){"use strict";var r=this&&this.__extends||function(){var e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=this&&this.__assign||Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},o=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&(n[r[i]]=e[r[i]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var a=n(1),p=n(0),c=n(2),s={position:"absolute",top:"0",left:"0"},l=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this.props,t=e.children,n=e.direction,r=o(e,["children","direction"]);return a.createElement(c.Animation,i({},r,{transitionName:"push-"+n,animationExitingStyle:this.props.stackChildren?s:void 0}),t)},t.propTypes={children:p.oneOfType([p.arrayOf(p.node),p.node]),childFactory:p.any,className:p.string,direction:p.oneOf(["up","down","left","right"]),component:p.string,id:p.string,style:p.any,stackChildren:p.bool},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"right",stackChildren:!1},t}(a.Component);t.Push=l},function(e,t,n){"use strict";var r=this&&this.__extends||function(){var e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=this&&this.__assign||Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},o=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&(n[r[i]]=e[r[i]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var a=n(1),p=n(0),c=n(2),s=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this.props,t=e.direction,n=e.children,r=o(e,["direction","children"]),p={transitionName:"slide-"+t};return a.createElement(c.Animation,i({},p,r),n)},t.propTypes={children:p.oneOfType([p.arrayOf(p.node),p.node]),childFactory:p.any,className:p.string,direction:p.oneOf(["up","down","left","right"]),component:p.string,id:p.string,style:p.any},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"down"},t}(a.Component);t.Slide=s},function(e,t,n){"use strict";var r=this&&this.__extends||function(){var e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=this&&this.__assign||Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},o=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&(n[r[i]]=e[r[i]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var a=n(1),p=n(0),c=n(2),s={position:"absolute",top:"0",left:"0"},l=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this.props,t=e.children,n=e.direction,r=o(e,["children","direction"]);return a.createElement(c.Animation,i({},r,{transitionName:"zoom-"+n,animationExitingStyle:this.props.stackChildren?s:void 0}),t)},t.propTypes={children:p.oneOfType([p.arrayOf(p.node),p.node]),childFactory:p.any,className:p.string,direction:p.oneOf(["in","out"]),component:p.string,id:p.string,style:p.any,stackChildren:p.bool},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"out",stackChildren:!1},t}(a.Component);t.Zoom=l},function(e,t,n){"use strict";var r=this&&this.__extends||function(){var e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=this&&this.__assign||Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},o=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&(n[r[i]]=e[r[i]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var a=n(1),p=n(0),c=n(2),s=n(4),l=n(3),u=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={maxHeight:void 0,maxWidth:void 0},t.componentWillEnter=function(e){var n=t.props.onEnter;t.updateContainerDimensions(e.animatedElement,function(){n&&n.call(void 0,e)})},t.componentIsEntering=function(e){var n=t.props.onEntering;t.updateContainerDimensions(e.animatedElement,function(){n&&n.call(void 0,e)})},t.componentWillExit=function(e){var n=t.props.onExit;t.updateContainerDimensions(e.animatedElement,function(){n&&n.call(void 0,e)})},t.updateContainerDimensions=function(e,n){void 0===n&&(n=s.noop);var r=e.firstChild;if(r){var i=l.default.outerHeight(r),o=l.default.outerWidth(r);t.setState({maxHeight:i,maxWidth:o},n)}},t}return r(t,e),t.prototype.render=function(){var e,t=this.props,n=t.direction,r=t.children,p=t.childFactory,s=o(t,["direction","children","childFactory"]),l=this.state,u=l.maxHeight,d=l.maxWidth,f={maxHeight:(e="vertical"===n?{maxHeight:u?u+"px":null}:{maxWidth:d?d+"px":null}).maxHeight,maxWidth:e.maxWidth};return a.createElement(c.Animation,i({},s,{childFactory:p||function(t){return t.props.in?t:a.cloneElement(t,i({},t.props,{style:i({},t.props.style,{maxHeight:e.maxHeight,maxWidth:e.maxWidth})}))},onEnter:this.componentWillEnter,onEntering:this.componentIsEntering,onExit:this.componentWillExit,animationEnteringStyle:f,transitionName:"reveal-"+n}),r)},t.propTypes={children:p.oneOfType([p.arrayOf(p.node),p.node]),childFactory:p.any,className:p.string,direction:p.oneOf(["horizontal","vertical"]),component:p.string,id:p.string,style:p.any},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"vertical"},t}(a.Component);t.Reveal=u}])});

dist/es/Animation.d.ts

@@ -56,3 +56,3 @@ import * as React from 'react';
 }
-export default class Animation extends React.Component<AnimationProps, {}> {
+export declare class Animation extends React.Component<AnimationProps, {}> {
     /**
@@ -59,0 +59,0 @@ * @hidden

dist/es/Animation.js

@@ -31,3 +31,3 @@ var __extends = (this && this.__extends) || (function () {
 import { classNames } from '@progress/kendo-react-common';
-import AnimationChild from './AnimationChild';
+import { AnimationChild } from './AnimationChild';
 import { TransitionGroup } from 'react-transition-group';
@@ -45,12 +45,11 @@ import util from './util';
     Animation.prototype.render = function () {
-        var _a = this.props, children = _a.children, childFactory = _a.childFactory, className = _a.className, component = _a.component, id = _a.id, style = _a.style, stackChildren = _a.stackChildren, componentChildClassName = _a.componentChildClassName, componentChildStyle = _a.componentChildStyle, other = __rest(_a, ["children", "childFactory", "className", "component", "id", "style", "stackChildren", "componentChildClassName", "componentChildStyle"]);
+        var _a = this.props, id = _a.id, style = _a.style, children = _a.children, component = _a.component, className = _a.className, childFactory = _a.childFactory, stackChildren = _a.stackChildren, componentChildStyle = _a.componentChildStyle, componentChildClassName = _a.componentChildClassName, other = __rest(_a, ["id", "style", "children", "component", "className", "childFactory", "stackChildren", "componentChildStyle", "componentChildClassName"]);
         var transitionProps = {
+            id: id,
+            style: style,
+            component: component,
             childFactory: childFactory,
-            className: classNames(styles['animation-container'], className),
-            component: component,
-            id: id,
-            style: style
+            className: classNames(styles['animation-container'], styles['animation-container-relative'], className)
         };
-        var childrenStyle = __assign({ position: stackChildren ? 'absolute' : 'initial' }, componentChildStyle);
-        var content = React.Children.map(children, function (child) { return (React.createElement(AnimationChild, __assign({}, other, { style: childrenStyle, className: componentChildClassName }), child)); });
+        var content = React.Children.map(children, function (child) { return (React.createElement(AnimationChild, __assign({}, other, { style: componentChildStyle, className: componentChildClassName }), child)); });
         return (React.createElement(TransitionGroup, __assign({}, transitionProps), content));
@@ -86,3 +85,3 @@ };
 }(React.Component));
-export default Animation;
+export { Animation };
 //# sourceMappingURL=Animation.js.map

dist/es/AnimationChild.d.ts

@@ -41,3 +41,3 @@ import * as React from 'react';
 }
-export default class AnimationChild extends React.Component<AnimationChildProps, {}> {
+export declare class AnimationChild extends React.Component<AnimationChildProps, {}> {
     /**
@@ -44,0 +44,0 @@ * @hidden

dist/es/AnimationChild.js

@@ -159,3 +159,3 @@ var __extends = (this && this.__extends) || (function () {
 }(React.Component));
-export default AnimationChild;
+export { AnimationChild };
 //# sourceMappingURL=AnimationChild.js.map

dist/es/AnimationInterface.d.ts

@@ -1,2 +0,2 @@
-import AnimationChild from './AnimationChild';
+import { AnimationChild } from './AnimationChild';
 /**
@@ -74,3 +74,3 @@ * The arguments that are passed to the life-cycle hooks.
      * Specifies the duration of the transition for the entering Animation (`animation in`)
-     * ([see example])({% slug duration_animation %}).
+     * ([see example]({% slug duration_animation %})).
      * After the time runs out, the Animation is terminated. Defaults to `300ms`.
@@ -81,3 +81,3 @@ */
      * Specifies the duration of the transition for the exiting Animation (`animation out`)
-     * ([see example])({% slug duration_animation %})ss.
+     * ([see example]({% slug duration_animation %})).
      * After the time runs out, the Animation is terminated. Defaults to `300ms`.
@@ -84,0 +84,0 @@ */

dist/es/Expand.d.ts

@@ -140,3 +140,3 @@ import * as React from 'react';
 }
-export default class Expand extends React.Component<ExpandProps, {}> {
+export declare class Expand extends React.Component<ExpandProps, {}> {
     /**
@@ -143,0 +143,0 @@ * @hidden

dist/es/Expand.js

@@ -30,3 +30,3 @@ var __extends = (this && this.__extends) || (function () {
 import * as PropTypes from 'prop-types';
-import Animation from './Animation';
+import { Animation } from './Animation';
 var Expand = /** @class */ (function (_super) {
@@ -78,3 +78,3 @@ __extends(Expand, _super);
 }(React.Component));
-export default Expand;
+export { Expand };
 //# sourceMappingURL=Expand.js.map

dist/es/Fade.d.ts

@@ -83,3 +83,3 @@ import * as React from 'react';
 }
-export default class Fade extends React.Component<FadeProps, {}> {
+export declare class Fade extends React.Component<FadeProps, {}> {
     /**
@@ -86,0 +86,0 @@ * @hidden

dist/es/Fade.js

@@ -30,3 +30,3 @@ var __extends = (this && this.__extends) || (function () {
 import * as PropTypes from 'prop-types';
-import Animation from './Animation';
+import { Animation } from './Animation';
 var Fade = /** @class */ (function (_super) {
@@ -73,3 +73,3 @@ __extends(Fade, _super);
 }(React.Component));
-export default Fade;
+export { Fade };
 //# sourceMappingURL=Fade.js.map

dist/es/main.d.ts

@@ -1,9 +0,9 @@
-import Animation, { AnimationProps } from './Animation';
-import AnimationChild, { AnimationChildProps } from './AnimationChild';
-import Fade, { FadeProps } from './Fade';
-import Expand, { ExpandDirection, ExpandProps } from './Expand';
-import Push, { PushDirection, PushProps } from './Push';
-import Slide, { SlideDirection, SlideProps } from './Slide';
-import Zoom, { ZoomDirection, ZoomProps } from './Zoom';
-import Reveal, { RevealDirection, RevealProps } from './Reveal';
+import { Animation, AnimationProps } from './Animation';
+import { AnimationChild, AnimationChildProps } from './AnimationChild';
+import { Fade, FadeProps } from './Fade';
+import { Expand, ExpandDirection, ExpandProps } from './Expand';
+import { Push, PushDirection, PushProps } from './Push';
+import { Slide, SlideDirection, SlideProps } from './Slide';
+import { Zoom, ZoomDirection, ZoomProps } from './Zoom';
+import { Reveal, RevealDirection, RevealProps } from './Reveal';
 export { Animation, AnimationProps, AnimationChild, AnimationChildProps, Fade, FadeProps, Expand, ExpandProps, ExpandDirection, Push, PushProps, PushDirection, Slide, SlideProps, SlideDirection, Zoom, ZoomProps, ZoomDirection, Reveal, RevealProps, RevealDirection };

dist/es/main.js

@@ -1,10 +0,10 @@
-import Animation from './Animation';
-import AnimationChild from './AnimationChild';
-import Fade from './Fade';
-import Expand from './Expand';
-import Push from './Push';
-import Slide from './Slide';
-import Zoom from './Zoom';
-import Reveal from './Reveal';
+import { Animation } from './Animation';
+import { AnimationChild } from './AnimationChild';
+import { Fade } from './Fade';
+import { Expand } from './Expand';
+import { Push } from './Push';
+import { Slide } from './Slide';
+import { Zoom } from './Zoom';
+import { Reveal } from './Reveal';
 export { Animation, AnimationChild, Fade, Expand, Push, Slide, Zoom, Reveal };
 //# sourceMappingURL=main.js.map

dist/es/Push.d.ts

@@ -145,11 +145,3 @@ import * as React from 'react';
 }
-/**
- * @hidden
- */
-export interface PushState {
-    style: any;
-    width?: number;
-    height?: number;
-}
-export default class Push extends React.Component<PushProps, PushState> {
+export declare class Push extends React.Component<PushProps, {}> {
     /**
@@ -183,18 +175,3 @@ * @hidden
      */
-    readonly state: PushState;
-    /**
-     * @hidden
-     */
-    componentWillReceiveProps(): void;
-    /**
-     * @hidden
-     */
-    componentDidMount(): void;
-    /**
-     * @hidden
-     */
     render(): JSX.Element;
-    private componentWillEnter;
-    private componentDidEnter;
-    private updateContainerDimensions;
 }

dist/es/Push.js

@@ -29,52 +29,9 @@ var __extends = (this && this.__extends) || (function () {
 import * as React from 'react';
-import * as ReactDOM from 'react-dom';
 import * as PropTypes from 'prop-types';
-import Animation from './Animation';
-import { noop } from '@progress/kendo-react-common';
-import util from './util';
+import { Animation } from './Animation';
+var EXITING_ANIMATION_STYLE = { position: 'absolute', top: '0', left: '0' };
 var Push = /** @class */ (function (_super) {
     __extends(Push, _super);
     function Push() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        /**
-         * @hidden
-         */
-        _this.state = {
-            style: null
-        };
-        _this.componentWillEnter = function (event) {
-            var onEnter = _this.props.onEnter;
-            _this.updateContainerDimensions(function () {
-                if (onEnter) {
-                    onEnter.call(undefined, event);
-                }
-            });
-        };
-        _this.componentDidEnter = function (event) {
-            var onEntered = _this.props.onEntered;
-            _this.updateContainerDimensions(function () {
-                if (onEntered) {
-                    onEntered.call(undefined, event);
-                }
-            });
-        };
-        _this.updateContainerDimensions = function (done) {
-            if (done === void 0) { done = noop; }
-            var node = ReactDOM.findDOMNode(_this);
-            if (!node) {
-                return;
-            }
-            var content = node.firstChild;
-            var style;
-            if (_this.props.stackChildren && content) {
-                var newHeight = util.outerHeight(content);
-                var newWidth = util.outerWidth(content);
-                style = {
-                    height: newHeight + 'px',
-                    width: newWidth + 'px'
-                };
-            }
-            _this.setState({ style: style }, done);
-        };
-        return _this;
+        return _super !== null && _super.apply(this, arguments) || this;
     }
@@ -84,17 +41,7 @@ /**
      */
-    Push.prototype.componentWillReceiveProps = function () {
-        this.updateContainerDimensions();
-    };
-    /**
-     * @hidden
-     */
-    Push.prototype.componentDidMount = function () {
-        this.updateContainerDimensions();
-    };
-    /**
-     * @hidden
-     */
     Push.prototype.render = function () {
-        var _a = this.props, children = _a.children, direction = _a.direction, style = _a.style, other = __rest(_a, ["children", "direction", "style"]);
-        return (React.createElement(Animation, __assign({}, other, { onEnter: this.componentWillEnter, onEntered: this.componentDidEnter, transitionName: "push-" + direction, style: __assign({ style: style }, this.state.style) }), children));
+        var _a = this.props, children = _a.children, direction = _a.direction, other = __rest(_a, ["children", "direction"]);
+        return (React.createElement(Animation, __assign({}, other, { transitionName: "push-" + direction, animationExitingStyle: this.props.stackChildren
+                ? EXITING_ANIMATION_STYLE
+                : undefined }), children));
     };
@@ -136,3 +83,3 @@ /**
 }(React.Component));
-export default Push;
+export { Push };
 //# sourceMappingURL=Push.js.map

dist/es/Reveal.d.ts

@@ -136,3 +136,3 @@ import * as React from 'react';
 }
-export default class Reveal extends React.Component<RevealProps, RevealState> {
+export declare class Reveal extends React.Component<RevealProps, RevealState> {
     /**
@@ -168,6 +168,2 @@ * @hidden
      */
-    componentWillReceiveProps(): void;
-    /**
-     * @hidden
-     */
     render(): JSX.Element;
@@ -174,0 +170,0 @@ private componentWillEnter;

dist/es/Reveal.js

@@ -29,5 +29,4 @@ var __extends = (this && this.__extends) || (function () {
 import * as React from 'react';
-import * as ReactDOM from 'react-dom';
 import * as PropTypes from 'prop-types';
-import Animation from './Animation';
+import { Animation } from './Animation';
 import { noop } from '@progress/kendo-react-common';
@@ -70,8 +69,4 @@ import util from './util';
         };
-        _this.updateContainerDimensions = function (element, done) {
+        _this.updateContainerDimensions = function (node, done) {
             if (done === void 0) { done = noop; }
-            var node = ReactDOM.findDOMNode(element);
-            if (!node) {
-                return;
-            }
             var content = node.firstChild;
@@ -92,8 +87,2 @@ if (content) {
      */
-    Reveal.prototype.componentWillReceiveProps = function () {
-        this.updateContainerDimensions(ReactDOM.findDOMNode(this), noop);
-    };
-    /**
-     * @hidden
-     */
     Reveal.prototype.render = function () {
@@ -152,3 +141,3 @@ var _a = this.props, direction = _a.direction, children = _a.children, childFactory = _a.childFactory, other = __rest(_a, ["direction", "children", "childFactory"]);
 }(React.Component));
-export default Reveal;
+export { Reveal };
 //# sourceMappingURL=Reveal.js.map

dist/es/Slide.d.ts

@@ -142,3 +142,3 @@ import * as React from 'react';
 }
-export default class Slide extends React.Component<SlideProps, {}> {
+export declare class Slide extends React.Component<SlideProps, {}> {
     /**
@@ -145,0 +145,0 @@ * @hidden

dist/es/Slide.js

@@ -30,3 +30,3 @@ var __extends = (this && this.__extends) || (function () {
 import * as PropTypes from 'prop-types';
-import Animation from './Animation';
+import { Animation } from './Animation';
 var Slide = /** @class */ (function (_super) {
@@ -80,3 +80,3 @@ __extends(Slide, _super);
 }(React.Component));
-export default Slide;
+export { Slide };
 //# sourceMappingURL=Slide.js.map

dist/es/util.d.ts

@@ -6,2 +6,3 @@ declare const _default: {
         'animation-container': string;
+        'animation-container-relative': string;
         'animation-container-fixed': string;
@@ -8,0 +9,0 @@ 'push-right-enter': string;

dist/es/util.js

@@ -32,2 +32,3 @@ /**
     'animation-container': 'k-animation-container',
+    'animation-container-relative': 'k-animation-container-relative',
     'animation-container-fixed': 'k-animation-container-fixed',
@@ -34,0 +35,0 @@ 'push-right-enter': 'k-push-right-enter',

dist/es/Zoom.d.ts

@@ -133,9 +133,3 @@ import * as React from 'react';
 }
-/**
- * @hidden
- */
-export interface ZoomState {
-    style?: any;
-}
-export default class Zoom extends React.Component<ZoomProps, ZoomState> {
+export declare class Zoom extends React.Component<ZoomProps, {}> {
     /**
@@ -169,18 +163,3 @@ * @hidden
      */
-    readonly state: ZoomState;
-    /**
-     * @hidden
-     */
-    componentWillReceiveProps(): void;
-    /**
-     * @hidden
-     */
-    componentDidMount(): void;
-    /**
-     * @hidden
-     */
     render(): JSX.Element;
-    private componentWillEnter;
-    private componentDidEnter;
-    private updateContainerDimensions;
 }

dist/es/Zoom.js

@@ -29,52 +29,9 @@ var __extends = (this && this.__extends) || (function () {
 import * as React from 'react';
-import * as ReactDOM from 'react-dom';
 import * as PropTypes from 'prop-types';
-import Animation from './Animation';
-import { noop } from '@progress/kendo-react-common';
-import util from './util';
+import { Animation } from './Animation';
+var EXITING_ANIMATION_STYLE = { position: 'absolute', top: '0', left: '0' };
 var Zoom = /** @class */ (function (_super) {
     __extends(Zoom, _super);
     function Zoom() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        /**
-         * @hidden
-         */
-        _this.state = {
-            style: null
-        };
-        _this.componentWillEnter = function (event) {
-            var onEnter = _this.props.onEnter;
-            _this.updateContainerDimensions(function () {
-                if (onEnter) {
-                    onEnter.call(undefined, event);
-                }
-            });
-        };
-        _this.componentDidEnter = function (event) {
-            var onEntered = _this.props.onEntered;
-            _this.updateContainerDimensions(function () {
-                if (onEntered) {
-                    onEntered.call(undefined, event);
-                }
-            });
-        };
-        _this.updateContainerDimensions = function (done) {
-            if (done === void 0) { done = noop; }
-            var node = ReactDOM.findDOMNode(_this);
-            if (!node) {
-                return;
-            }
-            var content = node.firstChild;
-            var style;
-            if (_this.props.stackChildren && content) {
-                var newHeight = util.outerHeight(content);
-                var newWidth = util.outerWidth(content);
-                style = {
-                    height: newHeight + 'px',
-                    width: newWidth + 'px'
-                };
-            }
-            _this.setState({ style: style }, done);
-        };
-        return _this;
+        return _super !== null && _super.apply(this, arguments) || this;
     }
@@ -84,17 +41,7 @@ /**
      */
-    Zoom.prototype.componentWillReceiveProps = function () {
-        this.updateContainerDimensions();
-    };
-    /**
-     * @hidden
-     */
-    Zoom.prototype.componentDidMount = function () {
-        this.updateContainerDimensions();
-    };
-    /**
-     * @hidden
-     */
     Zoom.prototype.render = function () {
-        var _a = this.props, children = _a.children, direction = _a.direction, style = _a.style, other = __rest(_a, ["children", "direction", "style"]);
-        return (React.createElement(Animation, __assign({}, other, { onEnter: this.componentWillEnter, onEntered: this.componentDidEnter, transitionName: "zoom-" + direction, style: __assign({ style: style }, this.state.style) }), children));
+        var _a = this.props, children = _a.children, direction = _a.direction, other = __rest(_a, ["children", "direction"]);
+        return (React.createElement(Animation, __assign({}, other, { transitionName: "zoom-" + direction, animationExitingStyle: this.props.stackChildren
+                ? EXITING_ANIMATION_STYLE
+                : undefined }), children));
     };
@@ -134,3 +81,3 @@ /**
 }(React.Component));
-export default Zoom;
+export { Zoom };
 //# sourceMappingURL=Zoom.js.map

dist/npm/Animation.d.ts

@@ -56,3 +56,3 @@ import * as React from 'react';
 }
-export default class Animation extends React.Component<AnimationProps, {}> {
+export declare class Animation extends React.Component<AnimationProps, {}> {
     /**
@@ -59,0 +59,0 @@ * @hidden

dist/npm/Animation.js

@@ -46,12 +46,11 @@ "use strict";
     Animation.prototype.render = function () {
-        var _a = this.props, children = _a.children, childFactory = _a.childFactory, className = _a.className, component = _a.component, id = _a.id, style = _a.style, stackChildren = _a.stackChildren, componentChildClassName = _a.componentChildClassName, componentChildStyle = _a.componentChildStyle, other = __rest(_a, ["children", "childFactory", "className", "component", "id", "style", "stackChildren", "componentChildClassName", "componentChildStyle"]);
+        var _a = this.props, id = _a.id, style = _a.style, children = _a.children, component = _a.component, className = _a.className, childFactory = _a.childFactory, stackChildren = _a.stackChildren, componentChildStyle = _a.componentChildStyle, componentChildClassName = _a.componentChildClassName, other = __rest(_a, ["id", "style", "children", "component", "className", "childFactory", "stackChildren", "componentChildStyle", "componentChildClassName"]);
         var transitionProps = {
+            id: id,
+            style: style,
+            component: component,
             childFactory: childFactory,
-            className: kendo_react_common_1.classNames(styles['animation-container'], className),
-            component: component,
-            id: id,
-            style: style
+            className: kendo_react_common_1.classNames(styles['animation-container'], styles['animation-container-relative'], className)
         };
-        var childrenStyle = __assign({ position: stackChildren ? 'absolute' : 'initial' }, componentChildStyle);
-        var content = React.Children.map(children, function (child) { return (React.createElement(AnimationChild_1.default, __assign({}, other, { style: childrenStyle, className: componentChildClassName }), child)); });
+        var content = React.Children.map(children, function (child) { return (React.createElement(AnimationChild_1.AnimationChild, __assign({}, other, { style: componentChildStyle, className: componentChildClassName }), child)); });
         return (React.createElement(react_transition_group_1.TransitionGroup, __assign({}, transitionProps), content));
@@ -87,3 +86,3 @@ };
 }(React.Component));
-exports.default = Animation;
+exports.Animation = Animation;
 //# sourceMappingURL=Animation.js.map

dist/npm/AnimationChild.d.ts

@@ -41,3 +41,3 @@ import * as React from 'react';
 }
-export default class AnimationChild extends React.Component<AnimationChildProps, {}> {
+export declare class AnimationChild extends React.Component<AnimationChildProps, {}> {
     /**
@@ -44,0 +44,0 @@ * @hidden

dist/npm/AnimationChild.js

@@ -161,3 +161,3 @@ "use strict";
 }(React.Component));
-exports.default = AnimationChild;
+exports.AnimationChild = AnimationChild;
 //# sourceMappingURL=AnimationChild.js.map

dist/npm/AnimationInterface.d.ts

@@ -1,2 +0,2 @@
-import AnimationChild from './AnimationChild';
+import { AnimationChild } from './AnimationChild';
 /**
@@ -74,3 +74,3 @@ * The arguments that are passed to the life-cycle hooks.
      * Specifies the duration of the transition for the entering Animation (`animation in`)
-     * ([see example])({% slug duration_animation %}).
+     * ([see example]({% slug duration_animation %})).
      * After the time runs out, the Animation is terminated. Defaults to `300ms`.
@@ -81,3 +81,3 @@ */
      * Specifies the duration of the transition for the exiting Animation (`animation out`)
-     * ([see example])({% slug duration_animation %})ss.
+     * ([see example]({% slug duration_animation %})).
      * After the time runs out, the Animation is terminated. Defaults to `300ms`.
@@ -84,0 +84,0 @@ */

dist/npm/Expand.d.ts

@@ -140,3 +140,3 @@ import * as React from 'react';
 }
-export default class Expand extends React.Component<ExpandProps, {}> {
+export declare class Expand extends React.Component<ExpandProps, {}> {
     /**
@@ -143,0 +143,0 @@ * @hidden

dist/npm/Expand.js

@@ -46,3 +46,3 @@ "use strict";
         };
-        return (React.createElement(Animation_1.default, __assign({}, animationProps, other), children));
+        return (React.createElement(Animation_1.Animation, __assign({}, animationProps, other), children));
     };
@@ -80,3 +80,3 @@ /**
 }(React.Component));
-exports.default = Expand;
+exports.Expand = Expand;
 //# sourceMappingURL=Expand.js.map

dist/npm/Fade.d.ts

@@ -83,3 +83,3 @@ import * as React from 'react';
 }
-export default class Fade extends React.Component<FadeProps, {}> {
+export declare class Fade extends React.Component<FadeProps, {}> {
     /**
@@ -86,0 +86,0 @@ * @hidden

dist/npm/Fade.js

@@ -46,3 +46,3 @@ "use strict";
         };
-        return (React.createElement(Animation_1.default, __assign({}, animationProps, other), children));
+        return (React.createElement(Animation_1.Animation, __assign({}, animationProps, other), children));
     };
@@ -75,3 +75,3 @@ /**
 }(React.Component));
-exports.default = Fade;
+exports.Fade = Fade;
 //# sourceMappingURL=Fade.js.map

dist/npm/main.d.ts

@@ -1,9 +0,9 @@
-import Animation, { AnimationProps } from './Animation';
-import AnimationChild, { AnimationChildProps } from './AnimationChild';
-import Fade, { FadeProps } from './Fade';
-import Expand, { ExpandDirection, ExpandProps } from './Expand';
-import Push, { PushDirection, PushProps } from './Push';
-import Slide, { SlideDirection, SlideProps } from './Slide';
-import Zoom, { ZoomDirection, ZoomProps } from './Zoom';
-import Reveal, { RevealDirection, RevealProps } from './Reveal';
+import { Animation, AnimationProps } from './Animation';
+import { AnimationChild, AnimationChildProps } from './AnimationChild';
+import { Fade, FadeProps } from './Fade';
+import { Expand, ExpandDirection, ExpandProps } from './Expand';
+import { Push, PushDirection, PushProps } from './Push';
+import { Slide, SlideDirection, SlideProps } from './Slide';
+import { Zoom, ZoomDirection, ZoomProps } from './Zoom';
+import { Reveal, RevealDirection, RevealProps } from './Reveal';
 export { Animation, AnimationProps, AnimationChild, AnimationChildProps, Fade, FadeProps, Expand, ExpandProps, ExpandDirection, Push, PushProps, PushDirection, Slide, SlideProps, SlideDirection, Zoom, ZoomProps, ZoomDirection, Reveal, RevealProps, RevealDirection };

dist/npm/main.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var Animation_1 = require("./Animation");
-exports.Animation = Animation_1.default;
+exports.Animation = Animation_1.Animation;
 var AnimationChild_1 = require("./AnimationChild");
-exports.AnimationChild = AnimationChild_1.default;
+exports.AnimationChild = AnimationChild_1.AnimationChild;
 var Fade_1 = require("./Fade");
-exports.Fade = Fade_1.default;
+exports.Fade = Fade_1.Fade;
 var Expand_1 = require("./Expand");
-exports.Expand = Expand_1.default;
+exports.Expand = Expand_1.Expand;
 var Push_1 = require("./Push");
-exports.Push = Push_1.default;
+exports.Push = Push_1.Push;
 var Slide_1 = require("./Slide");
-exports.Slide = Slide_1.default;
+exports.Slide = Slide_1.Slide;
 var Zoom_1 = require("./Zoom");
-exports.Zoom = Zoom_1.default;
+exports.Zoom = Zoom_1.Zoom;
 var Reveal_1 = require("./Reveal");
-exports.Reveal = Reveal_1.default;
+exports.Reveal = Reveal_1.Reveal;
 //# sourceMappingURL=main.js.map

dist/npm/Push.d.ts

@@ -145,11 +145,3 @@ import * as React from 'react';
 }
-/**
- * @hidden
- */
-export interface PushState {
-    style: any;
-    width?: number;
-    height?: number;
-}
-export default class Push extends React.Component<PushProps, PushState> {
+export declare class Push extends React.Component<PushProps, {}> {
     /**
@@ -183,18 +175,3 @@ * @hidden
      */
-    readonly state: PushState;
-    /**
-     * @hidden
-     */
-    componentWillReceiveProps(): void;
-    /**
-     * @hidden
-     */
-    componentDidMount(): void;
-    /**
-     * @hidden
-     */
     render(): JSX.Element;
-    private componentWillEnter;
-    private componentDidEnter;
-    private updateContainerDimensions;
 }

dist/npm/Push.js

@@ -31,52 +31,9 @@ "use strict";
 var React = require("react");
-var ReactDOM = require("react-dom");
 var PropTypes = require("prop-types");
 var Animation_1 = require("./Animation");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var util_1 = require("./util");
+var EXITING_ANIMATION_STYLE = { position: 'absolute', top: '0', left: '0' };
 var Push = /** @class */ (function (_super) {
     __extends(Push, _super);
     function Push() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        /**
-         * @hidden
-         */
-        _this.state = {
-            style: null
-        };
-        _this.componentWillEnter = function (event) {
-            var onEnter = _this.props.onEnter;
-            _this.updateContainerDimensions(function () {
-                if (onEnter) {
-                    onEnter.call(undefined, event);
-                }
-            });
-        };
-        _this.componentDidEnter = function (event) {
-            var onEntered = _this.props.onEntered;
-            _this.updateContainerDimensions(function () {
-                if (onEntered) {
-                    onEntered.call(undefined, event);
-                }
-            });
-        };
-        _this.updateContainerDimensions = function (done) {
-            if (done === void 0) { done = kendo_react_common_1.noop; }
-            var node = ReactDOM.findDOMNode(_this);
-            if (!node) {
-                return;
-            }
-            var content = node.firstChild;
-            var style;
-            if (_this.props.stackChildren && content) {
-                var newHeight = util_1.default.outerHeight(content);
-                var newWidth = util_1.default.outerWidth(content);
-                style = {
-                    height: newHeight + 'px',
-                    width: newWidth + 'px'
-                };
-            }
-            _this.setState({ style: style }, done);
-        };
-        return _this;
+        return _super !== null && _super.apply(this, arguments) || this;
     }
@@ -86,17 +43,7 @@ /**
      */
-    Push.prototype.componentWillReceiveProps = function () {
-        this.updateContainerDimensions();
-    };
-    /**
-     * @hidden
-     */
-    Push.prototype.componentDidMount = function () {
-        this.updateContainerDimensions();
-    };
-    /**
-     * @hidden
-     */
     Push.prototype.render = function () {
-        var _a = this.props, children = _a.children, direction = _a.direction, style = _a.style, other = __rest(_a, ["children", "direction", "style"]);
-        return (React.createElement(Animation_1.default, __assign({}, other, { onEnter: this.componentWillEnter, onEntered: this.componentDidEnter, transitionName: "push-" + direction, style: __assign({ style: style }, this.state.style) }), children));
+        var _a = this.props, children = _a.children, direction = _a.direction, other = __rest(_a, ["children", "direction"]);
+        return (React.createElement(Animation_1.Animation, __assign({}, other, { transitionName: "push-" + direction, animationExitingStyle: this.props.stackChildren
+                ? EXITING_ANIMATION_STYLE
+                : undefined }), children));
     };
@@ -138,3 +85,3 @@ /**
 }(React.Component));
-exports.default = Push;
+exports.Push = Push;
 //# sourceMappingURL=Push.js.map

dist/npm/Reveal.d.ts

@@ -136,3 +136,3 @@ import * as React from 'react';
 }
-export default class Reveal extends React.Component<RevealProps, RevealState> {
+export declare class Reveal extends React.Component<RevealProps, RevealState> {
     /**
@@ -168,6 +168,2 @@ * @hidden
      */
-    componentWillReceiveProps(): void;
-    /**
-     * @hidden
-     */
     render(): JSX.Element;
@@ -174,0 +170,0 @@ private componentWillEnter;

dist/npm/Reveal.js

@@ -31,3 +31,2 @@ "use strict";
 var React = require("react");
-var ReactDOM = require("react-dom");
 var PropTypes = require("prop-types");
@@ -72,8 +71,4 @@ var Animation_1 = require("./Animation");
         };
-        _this.updateContainerDimensions = function (element, done) {
+        _this.updateContainerDimensions = function (node, done) {
             if (done === void 0) { done = kendo_react_common_1.noop; }
-            var node = ReactDOM.findDOMNode(element);
-            if (!node) {
-                return;
-            }
             var content = node.firstChild;
@@ -94,8 +89,2 @@ if (content) {
      */
-    Reveal.prototype.componentWillReceiveProps = function () {
-        this.updateContainerDimensions(ReactDOM.findDOMNode(this), kendo_react_common_1.noop);
-    };
-    /**
-     * @hidden
-     */
     Reveal.prototype.render = function () {
@@ -121,3 +110,3 @@ var _a = this.props, direction = _a.direction, children = _a.children, childFactory = _a.childFactory, other = __rest(_a, ["direction", "children", "childFactory"]);
         };
-        return (React.createElement(Animation_1.default, __assign({}, other, { childFactory: childFactory ? childFactory : factory, onEnter: this.componentWillEnter, onEntering: this.componentIsEntering, onExit: this.componentWillExit, animationEnteringStyle: animationEnteringStyle, transitionName: "reveal-" + direction }), children));
+        return (React.createElement(Animation_1.Animation, __assign({}, other, { childFactory: childFactory ? childFactory : factory, onEnter: this.componentWillEnter, onEntering: this.componentIsEntering, onExit: this.componentWillExit, animationEnteringStyle: animationEnteringStyle, transitionName: "reveal-" + direction }), children));
     };
@@ -155,3 +144,3 @@ /**
 }(React.Component));
-exports.default = Reveal;
+exports.Reveal = Reveal;
 //# sourceMappingURL=Reveal.js.map

dist/npm/Slide.d.ts

@@ -142,3 +142,3 @@ import * as React from 'react';
 }
-export default class Slide extends React.Component<SlideProps, {}> {
+export declare class Slide extends React.Component<SlideProps, {}> {
     /**
@@ -145,0 +145,0 @@ * @hidden

dist/npm/Slide.js

@@ -46,3 +46,3 @@ "use strict";
         };
-        return (React.createElement(Animation_1.default, __assign({}, animationProps, other), children));
+        return (React.createElement(Animation_1.Animation, __assign({}, animationProps, other), children));
     };
@@ -82,3 +82,3 @@ /**
 }(React.Component));
-exports.default = Slide;
+exports.Slide = Slide;
 //# sourceMappingURL=Slide.js.map

dist/npm/util.d.ts

@@ -6,2 +6,3 @@ declare const _default: {
         'animation-container': string;
+        'animation-container-relative': string;
         'animation-container-fixed': string;
@@ -8,0 +9,0 @@ 'push-right-enter': string;

dist/npm/util.js

@@ -34,2 +34,3 @@ "use strict";
     'animation-container': 'k-animation-container',
+    'animation-container-relative': 'k-animation-container-relative',
     'animation-container-fixed': 'k-animation-container-fixed',
@@ -36,0 +37,0 @@ 'push-right-enter': 'k-push-right-enter',

dist/npm/Zoom.d.ts

@@ -133,9 +133,3 @@ import * as React from 'react';
 }
-/**
- * @hidden
- */
-export interface ZoomState {
-    style?: any;
-}
-export default class Zoom extends React.Component<ZoomProps, ZoomState> {
+export declare class Zoom extends React.Component<ZoomProps, {}> {
     /**
@@ -169,18 +163,3 @@ * @hidden
      */
-    readonly state: ZoomState;
-    /**
-     * @hidden
-     */
-    componentWillReceiveProps(): void;
-    /**
-     * @hidden
-     */
-    componentDidMount(): void;
-    /**
-     * @hidden
-     */
     render(): JSX.Element;
-    private componentWillEnter;
-    private componentDidEnter;
-    private updateContainerDimensions;
 }

dist/npm/Zoom.js

@@ -31,52 +31,9 @@ "use strict";
 var React = require("react");
-var ReactDOM = require("react-dom");
 var PropTypes = require("prop-types");
 var Animation_1 = require("./Animation");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var util_1 = require("./util");
+var EXITING_ANIMATION_STYLE = { position: 'absolute', top: '0', left: '0' };
 var Zoom = /** @class */ (function (_super) {
     __extends(Zoom, _super);
     function Zoom() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        /**
-         * @hidden
-         */
-        _this.state = {
-            style: null
-        };
-        _this.componentWillEnter = function (event) {
-            var onEnter = _this.props.onEnter;
-            _this.updateContainerDimensions(function () {
-                if (onEnter) {
-                    onEnter.call(undefined, event);
-                }
-            });
-        };
-        _this.componentDidEnter = function (event) {
-            var onEntered = _this.props.onEntered;
-            _this.updateContainerDimensions(function () {
-                if (onEntered) {
-                    onEntered.call(undefined, event);
-                }
-            });
-        };
-        _this.updateContainerDimensions = function (done) {
-            if (done === void 0) { done = kendo_react_common_1.noop; }
-            var node = ReactDOM.findDOMNode(_this);
-            if (!node) {
-                return;
-            }
-            var content = node.firstChild;
-            var style;
-            if (_this.props.stackChildren && content) {
-                var newHeight = util_1.default.outerHeight(content);
-                var newWidth = util_1.default.outerWidth(content);
-                style = {
-                    height: newHeight + 'px',
-                    width: newWidth + 'px'
-                };
-            }
-            _this.setState({ style: style }, done);
-        };
-        return _this;
+        return _super !== null && _super.apply(this, arguments) || this;
     }
@@ -86,17 +43,7 @@ /**
      */
-    Zoom.prototype.componentWillReceiveProps = function () {
-        this.updateContainerDimensions();
-    };
-    /**
-     * @hidden
-     */
-    Zoom.prototype.componentDidMount = function () {
-        this.updateContainerDimensions();
-    };
-    /**
-     * @hidden
-     */
     Zoom.prototype.render = function () {
-        var _a = this.props, children = _a.children, direction = _a.direction, style = _a.style, other = __rest(_a, ["children", "direction", "style"]);
-        return (React.createElement(Animation_1.default, __assign({}, other, { onEnter: this.componentWillEnter, onEntered: this.componentDidEnter, transitionName: "zoom-" + direction, style: __assign({ style: style }, this.state.style) }), children));
+        var _a = this.props, children = _a.children, direction = _a.direction, other = __rest(_a, ["children", "direction"]);
+        return (React.createElement(Animation_1.Animation, __assign({}, other, { transitionName: "zoom-" + direction, animationExitingStyle: this.props.stackChildren
+                ? EXITING_ANIMATION_STYLE
+                : undefined }), children));
     };
@@ -136,3 +83,3 @@ /**
 }(React.Component));
-exports.default = Zoom;
+exports.Zoom = Zoom;
 //# sourceMappingURL=Zoom.js.map

dist/systemjs/kendo-react-animation.js

@@ -1,1 +0,1 @@
-System.register("@progress/kendo-react-animation",["prop-types","react","react-transition-group","@progress/kendo-react-common","react-dom"],function(u){var n,i,r,o,a;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){n=t(e)},function(e){i=t(e)},function(e){r=t(e)},function(e){o=t(e)},function(e){a=t(e)}],execute:function(){!function(n){var i={};function r(e){if(i[e])return i[e].exports;var t=i[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,r),t.l=!0,t.exports}r.m=n,r.c=i,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(t,e){if(1&e&&(t=r(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)r.d(n,i,function(e){return t[e]}.bind(null,i));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=8)}([function(e,t){e.exports=i},function(e,t){e.exports=n},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),h=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},v=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var y=n(0),o=n(1),m=n(3),x=n(6),O=n(7),g=n(4).default.styles,a=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this.props,t=e.children,n=e.childFactory,i=e.className,r=e.component,o=e.id,a=e.style,p=e.stackChildren,s=e.componentChildClassName,l=e.componentChildStyle,c=v(e,["children","childFactory","className","component","id","style","stackChildren","componentChildClassName","componentChildStyle"]),u={childFactory:n,className:m.classNames(g["animation-container"],i),component:r,id:o,style:a},d=h({position:p?"absolute":"initial"},l),f=y.Children.map(t,function(e){return y.createElement(x.default,h({},c,{style:d,className:s}),e)});return y.createElement(O.TransitionGroup,h({},u),f)},t.propTypes={children:o.oneOfType([o.arrayOf(o.node),o.node]),childFactory:o.any,className:o.string,component:o.string,id:o.string,style:o.any,transitionName:o.string.isRequired,appear:o.bool.isRequired,enter:o.bool.isRequired,exit:o.bool.isRequired,transitionEnterDuration:o.number.isRequired,transitionExitDuration:o.number.isRequired},t.defaultProps={component:"div"},t}(y.Component);t.default=a},function(e,t){e.exports=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={outerHeight:function(e){if(!e)return 0;var t=e.ownerDocument.defaultView.getComputedStyle(e),n=parseFloat(t.marginTop),i=parseFloat(t.marginBottom);return e.offsetHeight+n+i},outerWidth:function(e){if(!e)return 0;var t=e.ownerDocument.defaultView.getComputedStyle(e),n=parseFloat(t.marginLeft),i=parseFloat(t.marginRight);return e.offsetWidth+n+i},styles:{"animation-container":"k-animation-container","animation-container-fixed":"k-animation-container-fixed","push-right-enter":"k-push-right-enter","push-right-appear":"k-push-right-appear","push-right-enter-active":"k-push-right-enter-active","push-right-appear-active":"k-push-right-appear-active","push-right-exit":"k-push-right-exit","push-right-exit-active":"k-push-right-exit-active","push-left-enter":"k-push-left-enter","push-left-appear":"k-push-left-appear","push-left-enter-active":"k-push-left-enter-active","push-left-appear-active":"k-push-left-appear-active","push-left-exit":"k-push-left-exit","push-left-exit-active":"k-push-left-exit-active","push-down-enter":"k-push-down-enter","push-down-appear":"k-push-down-appear","push-down-enter-active":"k-push-down-enter-active","push-down-appear-active":"k-push-down-appear-active","push-down-exit":"k-push-down-exit","push-down-exit-active":"k-push-down-exit-active","push-up-enter":"k-push-up-enter","push-up-appear":"k-push-up-appear","push-up-enter-active":"k-push-up-enter-active","push-up-appear-active":"k-push-up-appear-active","push-up-exit":"k-push-up-exit","push-up-exit-active":"k-push-up-exit-active",expand:"k-expand","expand-vertical-enter":"k-expand-vertical-enter","expand-vertical-appear":"k-expand-vertical-appear","expand-vertical-enter-active":"k-expand-vertical-enter-active","expand-vertical-appear-active":"k-expand-vertical-appear-active","expand-vertical-exit":"k-expand-vertical-exit","expand-vertical-exit-active":"k-expand-vertical-exit-active","expand-horizontal-enter":"k-expand-horizontal-enter","expand-horizontal-appear":"k-expand-horizontal-appear","expand-horizontal-enter-active":"k-expand-horizontal-enter-active","expand-horizontal-appear-active":"k-expand-horizontal-appear-active","expand-horizontal-exit":"k-expand-horizontal-exit","expand-horizontal-exit-active":"k-expand-horizontal-exit-active","child-animation-container":"k-child-animation-container","fade-enter":"k-fade-enter","fade-appear":"k-fade-appear","fade-enter-active":"k-fade-enter-active","fade-appear-active":"k-fade-appear-active","fade-exit":"k-fade-exit","fade-exit-active":"k-fade-exit-active","zoom-in-enter":"k-zoom-in-enter","zoom-in-appear":"k-zoom-in-appear","zoom-in-enter-active":"k-zoom-in-enter-active","zoom-in-appear-active":"k-zoom-in-appear-active","zoom-in-exit":"k-zoom-in-exit","zoom-in-exit-active":"k-zoom-in-exit-active","zoom-out-enter":"k-zoom-out-enter","zoom-out-appear":"k-zoom-out-appear","zoom-out-enter-active":"k-zoom-out-enter-active","zoom-out-appear-active":"k-zoom-out-appear-active","zoom-out-exit":"k-zoom-out-exit","zoom-out-exit-active":"k-zoom-out-exit-active","slide-in-appear":"k-slide-in-appear",centered:"k-centered","slide-in-appear-active":"k-slide-in-appear-active","slide-down-enter":"k-slide-down-enter","slide-down-appear":"k-slide-down-appear","slide-down-enter-active":"k-slide-down-enter-active","slide-down-appear-active":"k-slide-down-appear-active","slide-down-exit":"k-slide-down-exit","slide-down-exit-active":"k-slide-down-exit-active","slide-up-enter":"k-slide-up-enter","slide-up-appear":"k-slide-up-appear","slide-up-enter-active":"k-slide-up-enter-active","slide-up-appear-active":"k-slide-up-appear-active","slide-up-exit":"k-slide-up-exit","slide-up-exit-active":"k-slide-up-exit-active","slide-right-enter":"k-slide-right-enter","slide-right-appear":"k-slide-right-appear","slide-right-enter-active":"k-slide-right-enter-active","slide-right-appear-active":"k-slide-right-appear-active","slide-right-exit":"k-slide-right-exit","slide-right-exit-active":"k-slide-right-exit-active","slide-left-enter":"k-slide-left-enter","slide-left-appear":"k-slide-left-appear","slide-left-enter-active":"k-slide-left-enter-active","slide-left-appear-active":"k-slide-left-appear-active","slide-left-exit":"k-slide-left-exit","slide-left-exit-active":"k-slide-left-exit-active","reveal-vertical-enter":"k-reveal-vertical-enter","reveal-vertical-appear":"k-reveal-vertical-appear","reveal-vertical-enter-active":"k-reveal-vertical-enter-active","reveal-vertical-appear-active":"k-reveal-vertical-appear-active","reveal-vertical-exit":"k-reveal-vertical-exit","reveal-vertical-exit-active":"k-reveal-vertical-exit-active","reveal-horizontal-enter":"k-reveal-horizontal-enter","reveal-horizontal-appear":"k-reveal-horizontal-appear","reveal-horizontal-enter-active":"k-reveal-horizontal-enter-active","reveal-horizontal-appear-active":"k-reveal-horizontal-appear-active","reveal-horizontal-exit":"k-reveal-horizontal-exit","reveal-horizontal-exit-active":"k-reveal-horizontal-exit-active"}}},function(e,t){e.exports=a},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),z=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},D=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var S=n(0),o=n(1),C=n(3),N=n(7),W=n(4).default.styles,a=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),Object.defineProperty(t.prototype,"element",{get:function(){return this._element},enumerable:!0,configurable:!0}),t.prototype.render=function(){var t=this,e=this.props,n=e.children,i=e.style,r=e.appear,o=e.enter,a=e.exit,p=e.transitionName,s=e.transitionEnterDuration,l=e.transitionExitDuration,c=e.className,u=e.onEnter,d=e.onEntering,f=e.onEntered,h=e.onExit,v=e.onExiting,y=e.onExited,m=e.mountOnEnter,x=e.unmountOnExit,O=e.animationEnteringStyle,g=e.animationEnteredStyle,_=e.animationExitingStyle,E=e.animationExitedStyle,b=D(e,["children","style","appear","enter","exit","transitionName","transitionEnterDuration","transitionExitDuration","className","onEnter","onEntering","onEntered","onExit","onExiting","onExited","mountOnEnter","unmountOnExit","animationEnteringStyle","animationEnteredStyle","animationExitingStyle","animationExitedStyle"]),k=C.classNames(c,W["child-animation-container"]),w=z({transitionDelay:"0ms"},i),j={entering:z({transitionDuration:s+"ms"},O),entered:z({},g),exiting:z({transitionDuration:l+"ms"},_),exited:z({},E)},P={in:this.props.in,appear:r,enter:o,exit:a,mountOnEnter:m,unmountOnExit:x,timeout:{enter:s,exit:l},onEnter:function(e){u&&u.call(void 0,{animatedElement:e,target:t})},onEntering:function(e){d&&d.call(void 0,{animatedElement:e,target:t})},onEntered:function(e){f&&f.call(void 0,{animatedElement:e,target:t})},onExit:function(e){h&&h.call(void 0,{animatedElement:e,target:t})},onExiting:function(e){v&&v.call(void 0,{animatedElement:e,target:t})},onExited:function(e){y&&y.call(void 0,{animatedElement:e,target:t})},classNames:{appear:W[p+"-appear"]||p+"-appear",appearActive:W[p+"-appear-active"]||p+"-appear-active",enter:W[p+"-enter"]||p+"-enter",enterActive:W[p+"-enter-active"]||p+"-enter-active",exit:W[p+"-exit"]||p+"-exit",exitActive:W[p+"-exit-active"]||p+"-exit-active"}};return S.createElement(N.CSSTransition,z({},P,b),function(e){return S.createElement("div",{style:z({},w,j[e]),className:k,ref:function(e){t._element=e}},n)})},t.propTypes={in:o.bool,children:o.oneOfType([o.arrayOf(o.node),o.node]),transitionName:o.string.isRequired,className:o.string,appear:o.bool,enter:o.bool,exit:o.bool,transitionEnterDuration:o.number.isRequired,transitionExitDuration:o.number.isRequired,mountOnEnter:o.bool,unmountOnExit:o.bool,animationEnteringStyle:o.object,animationEnteredStyle:o.object,animationExitingStyle:o.object,animationExitedStyle:o.object},t.defaultProps={mountOnEnter:!0,unmountOnExit:!1,onEnter:C.noop,onEntering:C.noop,onEntered:C.noop,onExit:C.noop,onExiting:C.noop,onExited:C.noop,animationEnteringStyle:{},animationEnteredStyle:{},animationExitingStyle:{},animationExitedStyle:{}},t}(S.Component);t.default=a},function(e,t){e.exports=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2);t.Animation=i.default;var r=n(6);t.AnimationChild=r.default;var o=n(9);t.Fade=o.default;var a=n(10);t.Expand=a.default;var p=n(11);t.Push=p.default;var s=n(12);t.Slide=s.default;var l=n(13);t.Zoom=l.default;var c=n(14);t.Reveal=c.default,function(e){for(var t in e)u(t,e[t])}(t)},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var p=n(0),s=n(1),l=n(2),c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this.props,t=e.children,n=a(e,["children"]);return p.createElement(l.default,o({},{transitionName:"fade"},n),t)},t.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]),childFactory:s.any,className:s.string,component:s.string,id:s.string,style:s.any},t.defaultProps={appear:!1,enter:!0,exit:!1,transitionEnterDuration:500,transitionExitDuration:500},t}(p.Component);t.default=c},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var p=n(0),s=n(1),l=n(2),c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this.props,t=e.direction,n=e.children,i=a(e,["direction","children"]),r={transitionName:"expand-"+t};return p.createElement(l.default,o({},r,i),n)},t.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]),childFactory:s.any,className:s.string,direction:s.oneOf(["horizontal","vertical"]),component:s.string,id:s.string,style:s.any},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"vertical"},t}(p.Component);t.default=c},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var p=n(0),s=n(5),l=n(1),c=n(2),u=n(3),d=n(4),f=function(e){function t(){var r=null!==e&&e.apply(this,arguments)||this;return r.state={style:null},r.componentWillEnter=function(e){var t=r.props.onEnter;r.updateContainerDimensions(function(){t&&t.call(void 0,e)})},r.componentDidEnter=function(e){var t=r.props.onEntered;r.updateContainerDimensions(function(){t&&t.call(void 0,e)})},r.updateContainerDimensions=function(e){void 0===e&&(e=u.noop);var t=s.findDOMNode(r);if(t){var n,i=t.firstChild;r.props.stackChildren&&i&&(n={height:d.default.outerHeight(i)+"px",width:d.default.outerWidth(i)+"px"}),r.setState({style:n},e)}},r}return r(t,e),t.prototype.componentWillReceiveProps=function(){this.updateContainerDimensions()},t.prototype.componentDidMount=function(){this.updateContainerDimensions()},t.prototype.render=function(){var e=this.props,t=e.children,n=e.direction,i=e.style,r=a(e,["children","direction","style"]);return p.createElement(c.default,o({},r,{onEnter:this.componentWillEnter,onEntered:this.componentDidEnter,transitionName:"push-"+n,style:o({style:i},this.state.style)}),t)},t.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]),childFactory:l.any,className:l.string,direction:l.oneOf(["up","down","left","right"]),component:l.string,id:l.string,style:l.any,stackChildren:l.bool},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"right",stackChildren:!1},t}(p.Component);t.default=f},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var p=n(0),s=n(1),l=n(2),c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this.props,t=e.direction,n=e.children,i=a(e,["direction","children"]),r={transitionName:"slide-"+t};return p.createElement(l.default,o({},r,i),n)},t.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]),childFactory:s.any,className:s.string,direction:s.oneOf(["up","down","left","right"]),component:s.string,id:s.string,style:s.any},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"down"},t}(p.Component);t.default=c},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var p=n(0),s=n(5),l=n(1),c=n(2),u=n(3),d=n(4),f=function(e){function t(){var r=null!==e&&e.apply(this,arguments)||this;return r.state={style:null},r.componentWillEnter=function(e){var t=r.props.onEnter;r.updateContainerDimensions(function(){t&&t.call(void 0,e)})},r.componentDidEnter=function(e){var t=r.props.onEntered;r.updateContainerDimensions(function(){t&&t.call(void 0,e)})},r.updateContainerDimensions=function(e){void 0===e&&(e=u.noop);var t=s.findDOMNode(r);if(t){var n,i=t.firstChild;r.props.stackChildren&&i&&(n={height:d.default.outerHeight(i)+"px",width:d.default.outerWidth(i)+"px"}),r.setState({style:n},e)}},r}return r(t,e),t.prototype.componentWillReceiveProps=function(){this.updateContainerDimensions()},t.prototype.componentDidMount=function(){this.updateContainerDimensions()},t.prototype.render=function(){var e=this.props,t=e.children,n=e.direction,i=e.style,r=a(e,["children","direction","style"]);return p.createElement(c.default,o({},r,{onEnter:this.componentWillEnter,onEntered:this.componentDidEnter,transitionName:"zoom-"+n,style:o({style:i},this.state.style)}),t)},t.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]),childFactory:l.any,className:l.string,direction:l.oneOf(["in","out"]),component:l.string,id:l.string,style:l.any,stackChildren:l.bool},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"out",stackChildren:!1},t}(p.Component);t.default=f},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),c=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},u=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var d=n(0),p=n(5),o=n(1),f=n(2),s=n(3),l=n(4),a=function(e){function t(){var a=null!==e&&e.apply(this,arguments)||this;return a.state={maxHeight:void 0,maxWidth:void 0},a.componentWillEnter=function(e){var t=a.props.onEnter;a.updateContainerDimensions(e.animatedElement,function(){t&&t.call(void 0,e)})},a.componentIsEntering=function(e){var t=a.props.onEntering;a.updateContainerDimensions(e.animatedElement,function(){t&&t.call(void 0,e)})},a.componentWillExit=function(e){var t=a.props.onExit;a.updateContainerDimensions(e.animatedElement,function(){t&&t.call(void 0,e)})},a.updateContainerDimensions=function(e,t){void 0===t&&(t=s.noop);var n=p.findDOMNode(e);if(n){var i=n.firstChild;if(i){var r=l.default.outerHeight(i),o=l.default.outerWidth(i);a.setState({maxHeight:r,maxWidth:o},t)}}},a}return r(t,e),t.prototype.componentWillReceiveProps=function(){this.updateContainerDimensions(p.findDOMNode(this),s.noop)},t.prototype.render=function(){var t,e=this.props,n=e.direction,i=e.children,r=e.childFactory,o=u(e,["direction","children","childFactory"]),a=this.state,p=a.maxHeight,s=a.maxWidth,l={maxHeight:(t="vertical"===n?{maxHeight:p?p+"px":null}:{maxWidth:s?s+"px":null}).maxHeight,maxWidth:t.maxWidth};return d.createElement(f.default,c({},o,{childFactory:r||function(e){return e.props.in?e:d.cloneElement(e,c({},e.props,{style:c({},e.props.style,{maxHeight:t.maxHeight,maxWidth:t.maxWidth})}))},onEnter:this.componentWillEnter,onEntering:this.componentIsEntering,onExit:this.componentWillExit,animationEnteringStyle:l,transitionName:"reveal-"+n}),i)},t.propTypes={children:o.oneOfType([o.arrayOf(o.node),o.node]),childFactory:o.any,className:o.string,direction:o.oneOf(["horizontal","vertical"]),component:o.string,id:o.string,style:o.any},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"vertical"},t}(d.Component);t.default=a}])}}});
+System.register("@progress/kendo-react-animation",["prop-types","react","@progress/kendo-react-common","react-transition-group"],function(u){var n,i,r,o;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){n=t(e)},function(e){i=t(e)},function(e){r=t(e)},function(e){o=t(e)}],execute:function(){!function(n){var i={};function r(e){if(i[e])return i[e].exports;var t=i[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,r),t.l=!0,t.exports}r.m=n,r.c=i,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(t,e){if(1&e&&(t=r(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)r.d(n,i,function(e){return t[e]}.bind(null,i));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=7)}([function(e,t){e.exports=i},function(e,t){e.exports=n},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),d=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},f=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var h=n(0),o=n(1),v=n(3),y=n(5),m=n(6),x=n(4).default.styles,a=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this.props,t=e.id,n=e.style,i=e.children,r=e.component,o=e.className,a=e.childFactory,p=(e.stackChildren,e.componentChildStyle),c=e.componentChildClassName,s=f(e,["id","style","children","component","className","childFactory","stackChildren","componentChildStyle","componentChildClassName"]),l={id:t,style:n,component:r,childFactory:a,className:v.classNames(x["animation-container"],x["animation-container-relative"],o)},u=h.Children.map(i,function(e){return h.createElement(y.AnimationChild,d({},s,{style:p,className:c}),e)});return h.createElement(m.TransitionGroup,d({},l),u)},t.propTypes={children:o.oneOfType([o.arrayOf(o.node),o.node]),childFactory:o.any,className:o.string,component:o.string,id:o.string,style:o.any,transitionName:o.string.isRequired,appear:o.bool.isRequired,enter:o.bool.isRequired,exit:o.bool.isRequired,transitionEnterDuration:o.number.isRequired,transitionExitDuration:o.number.isRequired},t.defaultProps={component:"div"},t}(h.Component);t.Animation=a},function(e,t){e.exports=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={outerHeight:function(e){if(!e)return 0;var t=e.ownerDocument.defaultView.getComputedStyle(e),n=parseFloat(t.marginTop),i=parseFloat(t.marginBottom);return e.offsetHeight+n+i},outerWidth:function(e){if(!e)return 0;var t=e.ownerDocument.defaultView.getComputedStyle(e),n=parseFloat(t.marginLeft),i=parseFloat(t.marginRight);return e.offsetWidth+n+i},styles:{"animation-container":"k-animation-container","animation-container-relative":"k-animation-container-relative","animation-container-fixed":"k-animation-container-fixed","push-right-enter":"k-push-right-enter","push-right-appear":"k-push-right-appear","push-right-enter-active":"k-push-right-enter-active","push-right-appear-active":"k-push-right-appear-active","push-right-exit":"k-push-right-exit","push-right-exit-active":"k-push-right-exit-active","push-left-enter":"k-push-left-enter","push-left-appear":"k-push-left-appear","push-left-enter-active":"k-push-left-enter-active","push-left-appear-active":"k-push-left-appear-active","push-left-exit":"k-push-left-exit","push-left-exit-active":"k-push-left-exit-active","push-down-enter":"k-push-down-enter","push-down-appear":"k-push-down-appear","push-down-enter-active":"k-push-down-enter-active","push-down-appear-active":"k-push-down-appear-active","push-down-exit":"k-push-down-exit","push-down-exit-active":"k-push-down-exit-active","push-up-enter":"k-push-up-enter","push-up-appear":"k-push-up-appear","push-up-enter-active":"k-push-up-enter-active","push-up-appear-active":"k-push-up-appear-active","push-up-exit":"k-push-up-exit","push-up-exit-active":"k-push-up-exit-active",expand:"k-expand","expand-vertical-enter":"k-expand-vertical-enter","expand-vertical-appear":"k-expand-vertical-appear","expand-vertical-enter-active":"k-expand-vertical-enter-active","expand-vertical-appear-active":"k-expand-vertical-appear-active","expand-vertical-exit":"k-expand-vertical-exit","expand-vertical-exit-active":"k-expand-vertical-exit-active","expand-horizontal-enter":"k-expand-horizontal-enter","expand-horizontal-appear":"k-expand-horizontal-appear","expand-horizontal-enter-active":"k-expand-horizontal-enter-active","expand-horizontal-appear-active":"k-expand-horizontal-appear-active","expand-horizontal-exit":"k-expand-horizontal-exit","expand-horizontal-exit-active":"k-expand-horizontal-exit-active","child-animation-container":"k-child-animation-container","fade-enter":"k-fade-enter","fade-appear":"k-fade-appear","fade-enter-active":"k-fade-enter-active","fade-appear-active":"k-fade-appear-active","fade-exit":"k-fade-exit","fade-exit-active":"k-fade-exit-active","zoom-in-enter":"k-zoom-in-enter","zoom-in-appear":"k-zoom-in-appear","zoom-in-enter-active":"k-zoom-in-enter-active","zoom-in-appear-active":"k-zoom-in-appear-active","zoom-in-exit":"k-zoom-in-exit","zoom-in-exit-active":"k-zoom-in-exit-active","zoom-out-enter":"k-zoom-out-enter","zoom-out-appear":"k-zoom-out-appear","zoom-out-enter-active":"k-zoom-out-enter-active","zoom-out-appear-active":"k-zoom-out-appear-active","zoom-out-exit":"k-zoom-out-exit","zoom-out-exit-active":"k-zoom-out-exit-active","slide-in-appear":"k-slide-in-appear",centered:"k-centered","slide-in-appear-active":"k-slide-in-appear-active","slide-down-enter":"k-slide-down-enter","slide-down-appear":"k-slide-down-appear","slide-down-enter-active":"k-slide-down-enter-active","slide-down-appear-active":"k-slide-down-appear-active","slide-down-exit":"k-slide-down-exit","slide-down-exit-active":"k-slide-down-exit-active","slide-up-enter":"k-slide-up-enter","slide-up-appear":"k-slide-up-appear","slide-up-enter-active":"k-slide-up-enter-active","slide-up-appear-active":"k-slide-up-appear-active","slide-up-exit":"k-slide-up-exit","slide-up-exit-active":"k-slide-up-exit-active","slide-right-enter":"k-slide-right-enter","slide-right-appear":"k-slide-right-appear","slide-right-enter-active":"k-slide-right-enter-active","slide-right-appear-active":"k-slide-right-appear-active","slide-right-exit":"k-slide-right-exit","slide-right-exit-active":"k-slide-right-exit-active","slide-left-enter":"k-slide-left-enter","slide-left-appear":"k-slide-left-appear","slide-left-enter-active":"k-slide-left-enter-active","slide-left-appear-active":"k-slide-left-appear-active","slide-left-exit":"k-slide-left-exit","slide-left-exit-active":"k-slide-left-exit-active","reveal-vertical-enter":"k-reveal-vertical-enter","reveal-vertical-appear":"k-reveal-vertical-appear","reveal-vertical-enter-active":"k-reveal-vertical-enter-active","reveal-vertical-appear-active":"k-reveal-vertical-appear-active","reveal-vertical-exit":"k-reveal-vertical-exit","reveal-vertical-exit-active":"k-reveal-vertical-exit-active","reveal-horizontal-enter":"k-reveal-horizontal-enter","reveal-horizontal-appear":"k-reveal-horizontal-appear","reveal-horizontal-enter-active":"k-reveal-horizontal-enter-active","reveal-horizontal-appear-active":"k-reveal-horizontal-appear-active","reveal-horizontal-exit":"k-reveal-horizontal-exit","reveal-horizontal-exit-active":"k-reveal-horizontal-exit-active"}}},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),z=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},S=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var C=n(0),o=n(1),D=n(3),N=n(6),A=n(4).default.styles,a=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),Object.defineProperty(t.prototype,"element",{get:function(){return this._element},enumerable:!0,configurable:!0}),t.prototype.render=function(){var t=this,e=this.props,n=e.children,i=e.style,r=e.appear,o=e.enter,a=e.exit,p=e.transitionName,c=e.transitionEnterDuration,s=e.transitionExitDuration,l=e.className,u=e.onEnter,d=e.onEntering,f=e.onEntered,h=e.onExit,v=e.onExiting,y=e.onExited,m=e.mountOnEnter,x=e.unmountOnExit,O=e.animationEnteringStyle,g=e.animationEnteredStyle,_=e.animationExitingStyle,b=e.animationExitedStyle,k=S(e,["children","style","appear","enter","exit","transitionName","transitionEnterDuration","transitionExitDuration","className","onEnter","onEntering","onEntered","onExit","onExiting","onExited","mountOnEnter","unmountOnExit","animationEnteringStyle","animationEnteredStyle","animationExitingStyle","animationExitedStyle"]),E=D.classNames(l,A["child-animation-container"]),w=z({transitionDelay:"0ms"},i),j={entering:z({transitionDuration:c+"ms"},O),entered:z({},g),exiting:z({transitionDuration:s+"ms"},_),exited:z({},b)},P={in:this.props.in,appear:r,enter:o,exit:a,mountOnEnter:m,unmountOnExit:x,timeout:{enter:c,exit:s},onEnter:function(e){u&&u.call(void 0,{animatedElement:e,target:t})},onEntering:function(e){d&&d.call(void 0,{animatedElement:e,target:t})},onEntered:function(e){f&&f.call(void 0,{animatedElement:e,target:t})},onExit:function(e){h&&h.call(void 0,{animatedElement:e,target:t})},onExiting:function(e){v&&v.call(void 0,{animatedElement:e,target:t})},onExited:function(e){y&&y.call(void 0,{animatedElement:e,target:t})},classNames:{appear:A[p+"-appear"]||p+"-appear",appearActive:A[p+"-appear-active"]||p+"-appear-active",enter:A[p+"-enter"]||p+"-enter",enterActive:A[p+"-enter-active"]||p+"-enter-active",exit:A[p+"-exit"]||p+"-exit",exitActive:A[p+"-exit-active"]||p+"-exit-active"}};return C.createElement(N.CSSTransition,z({},P,k),function(e){return C.createElement("div",{style:z({},w,j[e]),className:E,ref:function(e){t._element=e}},n)})},t.propTypes={in:o.bool,children:o.oneOfType([o.arrayOf(o.node),o.node]),transitionName:o.string.isRequired,className:o.string,appear:o.bool,enter:o.bool,exit:o.bool,transitionEnterDuration:o.number.isRequired,transitionExitDuration:o.number.isRequired,mountOnEnter:o.bool,unmountOnExit:o.bool,animationEnteringStyle:o.object,animationEnteredStyle:o.object,animationExitingStyle:o.object,animationExitedStyle:o.object},t.defaultProps={mountOnEnter:!0,unmountOnExit:!1,onEnter:D.noop,onEntering:D.noop,onEntered:D.noop,onExit:D.noop,onExiting:D.noop,onExited:D.noop,animationEnteringStyle:{},animationEnteredStyle:{},animationExitingStyle:{},animationExitedStyle:{}},t}(C.Component);t.AnimationChild=a},function(e,t){e.exports=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2);t.Animation=i.Animation;var r=n(5);t.AnimationChild=r.AnimationChild;var o=n(8);t.Fade=o.Fade;var a=n(9);t.Expand=a.Expand;var p=n(10);t.Push=p.Push;var c=n(11);t.Slide=c.Slide;var s=n(12);t.Zoom=s.Zoom;var l=n(13);t.Reveal=l.Reveal,function(e){for(var t in e)u(t,e[t])}(t)},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var p=n(0),c=n(1),s=n(2),l=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this.props,t=e.children,n=a(e,["children"]);return p.createElement(s.Animation,o({},{transitionName:"fade"},n),t)},t.propTypes={children:c.oneOfType([c.arrayOf(c.node),c.node]),childFactory:c.any,className:c.string,component:c.string,id:c.string,style:c.any},t.defaultProps={appear:!1,enter:!0,exit:!1,transitionEnterDuration:500,transitionExitDuration:500},t}(p.Component);t.Fade=l},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var p=n(0),c=n(1),s=n(2),l=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this.props,t=e.direction,n=e.children,i=a(e,["direction","children"]),r={transitionName:"expand-"+t};return p.createElement(s.Animation,o({},r,i),n)},t.propTypes={children:c.oneOfType([c.arrayOf(c.node),c.node]),childFactory:c.any,className:c.string,direction:c.oneOf(["horizontal","vertical"]),component:c.string,id:c.string,style:c.any},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"vertical"},t}(p.Component);t.Expand=l},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var p=n(0),c=n(1),s=n(2),l={position:"absolute",top:"0",left:"0"},u=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this.props,t=e.children,n=e.direction,i=a(e,["children","direction"]);return p.createElement(s.Animation,o({},i,{transitionName:"push-"+n,animationExitingStyle:this.props.stackChildren?l:void 0}),t)},t.propTypes={children:c.oneOfType([c.arrayOf(c.node),c.node]),childFactory:c.any,className:c.string,direction:c.oneOf(["up","down","left","right"]),component:c.string,id:c.string,style:c.any,stackChildren:c.bool},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"right",stackChildren:!1},t}(p.Component);t.Push=u},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var p=n(0),c=n(1),s=n(2),l=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this.props,t=e.direction,n=e.children,i=a(e,["direction","children"]),r={transitionName:"slide-"+t};return p.createElement(s.Animation,o({},r,i),n)},t.propTypes={children:c.oneOfType([c.arrayOf(c.node),c.node]),childFactory:c.any,className:c.string,direction:c.oneOf(["up","down","left","right"]),component:c.string,id:c.string,style:c.any},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"down"},t}(p.Component);t.Slide=l},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var p=n(0),c=n(1),s=n(2),l={position:"absolute",top:"0",left:"0"},u=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this.props,t=e.children,n=e.direction,i=a(e,["children","direction"]);return p.createElement(s.Animation,o({},i,{transitionName:"zoom-"+n,animationExitingStyle:this.props.stackChildren?l:void 0}),t)},t.propTypes={children:c.oneOfType([c.arrayOf(c.node),c.node]),childFactory:c.any,className:c.string,direction:c.oneOf(["in","out"]),component:c.string,id:c.string,style:c.any,stackChildren:c.bool},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"out",stackChildren:!1},t}(p.Component);t.Zoom=u},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),l=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},u=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var d=n(0),o=n(1),f=n(2),a=n(3),p=n(4),c=function(e){function t(){var o=null!==e&&e.apply(this,arguments)||this;return o.state={maxHeight:void 0,maxWidth:void 0},o.componentWillEnter=function(e){var t=o.props.onEnter;o.updateContainerDimensions(e.animatedElement,function(){t&&t.call(void 0,e)})},o.componentIsEntering=function(e){var t=o.props.onEntering;o.updateContainerDimensions(e.animatedElement,function(){t&&t.call(void 0,e)})},o.componentWillExit=function(e){var t=o.props.onExit;o.updateContainerDimensions(e.animatedElement,function(){t&&t.call(void 0,e)})},o.updateContainerDimensions=function(e,t){void 0===t&&(t=a.noop);var n=e.firstChild;if(n){var i=p.default.outerHeight(n),r=p.default.outerWidth(n);o.setState({maxHeight:i,maxWidth:r},t)}},o}return r(t,e),t.prototype.render=function(){var t,e=this.props,n=e.direction,i=e.children,r=e.childFactory,o=u(e,["direction","children","childFactory"]),a=this.state,p=a.maxHeight,c=a.maxWidth,s={maxHeight:(t="vertical"===n?{maxHeight:p?p+"px":null}:{maxWidth:c?c+"px":null}).maxHeight,maxWidth:t.maxWidth};return d.createElement(f.Animation,l({},o,{childFactory:r||function(e){return e.props.in?e:d.cloneElement(e,l({},e.props,{style:l({},e.props.style,{maxHeight:t.maxHeight,maxWidth:t.maxWidth})}))},onEnter:this.componentWillEnter,onEntering:this.componentIsEntering,onExit:this.componentWillExit,animationEnteringStyle:s,transitionName:"reveal-"+n}),i)},t.propTypes={children:o.oneOfType([o.arrayOf(o.node),o.node]),childFactory:o.any,className:o.string,direction:o.oneOf(["horizontal","vertical"]),component:o.string,id:o.string,style:o.any},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"vertical"},t}(d.Component);t.Reveal=c}])}}});

package.json

 {
   "name": "@progress/kendo-react-animation",
   "description": "KendoReact Animation package",
-  "version": "2.3.2-dev.201811011426",
+  "version": "2.3.2-dev.201811061146",
   "repository": {
@@ -30,3 +30,3 @@ "type": "git",
   "dependencies": {
-    "@progress/kendo-react-common": "2.3.2-dev.201811011426",
+    "@progress/kendo-react-common": "2.3.2-dev.201811061146",
     "prop-types": "^15.6.0",
@@ -33,0 +33,0 @@ "react-transition-group": "^2.2.0"

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

251027

decreased by-6.57%

Lines of code

4543

decreased by-6.73%

Dependency changes

• + Added@progress/kendo-react-common@2.3.2-dev.201811061146(transitive)

• - Removed@progress/kendo-react-common@2.3.2-dev.201811011426(transitive)

• Updated@progress/kendo-react-common@2.3.2-dev.201811061146