@progress/kendo-react-animation 4.11.0-dev.202111111356 → 4.11.0-dev.202111180932

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("prop-types"),require("@progress/kendo-licensing"),require("react-transition-group")):"function"==typeof define&&define.amd?define(["react","prop-types","@progress/kendo-licensing","react-transition-group"],t):"object"==typeof exports?exports.KendoReactAnimation=t(require("react"),require("prop-types"),require("@progress/kendo-licensing"),require("react-transition-group")):e.KendoReactAnimation=t(e.React,e.PropTypes,e.KendoLicensing,e.ReactTransitionGroup)}(window,(function(e,t,n,r){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.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 o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));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=8)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=function(e,t){return(r=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])})(e,t)},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||function(){return(i=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},a=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var u=n(0),c=n(1),s=n(3),l=n(6),p=n(7),f=n(3),d=n(9),h=n(4).default.styles,v=function(e){function t(t){var n=e.call(this,t)||this;return f.validatePackage(d.packageMetadata),n}return o(t,e),t.prototype.render=function(){var e=this.props,t=e.id,n=e.style,r=e.children,o=e.component,c=e.className,f=e.childFactory,d=(e.stackChildren,e.componentChildStyle),v=e.componentChildClassName,m=a(e,["id","style","children","component","className","childFactory","stackChildren","componentChildStyle","componentChildClassName"]),y={id:t,style:n,component:o,childFactory:f,className:s.classNames(h["animation-container"],h["animation-container-relative"],c)},g=u.Children.map(r||null,(function(e){return u.createElement(l.AnimationChild,i({},m,{style:d,className:v}),e)}));return u.createElement(p.TransitionGroup,i({},y),g)},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,transitionName:c.string.isRequired,appear:c.bool.isRequired,enter:c.bool.isRequired,exit:c.bool.isRequired,transitionEnterDuration:c.number.isRequired,transitionExitDuration:c.number.isRequired},t.defaultProps={component:"div"},t}(u.Component);t.Animation=v},function(e,t,n){"use strict";n.r(t),n.d(t,"BrowserSupportService",(function(){return o})),n.d(t,"canUseDOM",(function(){return i})),n.d(t,"canUseRef",(function(){return a})),n.d(t,"classNames",(function(){return u})),n.d(t,"cloneDate",(function(){return s})),n.d(t,"clone",(function(){return l})),n.d(t,"cloneObject",(function(){return p})),n.d(t,"cloneValue",(function(){return f})),n.d(t,"cloneArray",(function(){return d})),n.d(t,"Draggable",(function(){return P})),n.d(t,"focusFirstFocusableChild",(function(){return C})),n.d(t,"FormComponent",(function(){return M})),n.d(t,"getTabIndex",(function(){return S})),n.d(t,"getter",(function(){return N})),n.d(t,"guid",(function(){return A})),n.d(t,"Keys",(function(){return R})),n.d(t,"noop",(function(){return F})),n.d(t,"getScrollbarWidth",(function(){return H})),n.d(t,"setScrollbarWidth",(function(){return W})),n.d(t,"setter",(function(){return I})),n.d(t,"mapTree",(function(){return K})),n.d(t,"mapTreeItem",(function(){return X})),n.d(t,"extendDataItem",(function(){return Y})),n.d(t,"getItemPath",(function(){return V})),n.d(t,"validatePackage",(function(){return G})),n.d(t,"hasRelativeStackingContext",(function(){return $})),n.d(t,"dispatchEvent",(function(){return J})),n.d(t,"AsyncFocusBlur",(function(){return te})),n.d(t,"createPropsContext",(function(){return oe})),n.d(t,"withContextProps",(function(){return ie})),n.d(t,"useDir",(function(){return ae})),n.d(t,"useAsyncFocusBlur",(function(){return Q})),n.d(t,"useDraggable",(function(){return ue})),n.d(t,"useRtl",(function(){return ce})),n.d(t,"useMouse",(function(){return se})),n.d(t,"useCustomComponent",(function(){return le})),n.d(t,"useContextProps",(function(){return ne})),n.d(t,"Icon",(function(){return he})),n.d(t,"SvgIcon",(function(){return ge})),n.d(t,"Typography",(function(){return ze}));var r=function(){return"undefined"!=typeof document?document:{}},o=function(){function e(){}return Object.defineProperty(e.prototype,"scrollbarWidth",{get:function(){var e=r();if(!this.scrollbar&&e&&e.createElement){var t=e.createElement("div");t.style.cssText="overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block",t.innerHTML="&nbsp;",e.body.appendChild(t),this.scrollbar=t.offsetWidth-t.scrollWidth,e.body.removeChild(t)}return this.scrollbar},enumerable:!0,configurable:!0}),e}(),i=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement),a=function(e){return"string"!=typeof Comment&&(function(e){return Boolean("function"==typeof e&&!!e.prototype.isReactComponent)}(e)||function(e){return Boolean(e.$$typeof&&"function"==typeof e.render)}(e))},u=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)?u.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(" ")},c=n(0),s=function(e){return e?new Date(e.getTime()):null};function l(e){var t={};return p(e,t),t}function p(e,t){for(var n in e)if(e.hasOwnProperty(n)){var r=e[n];t[n]=f(r,t[n])}}function f(e,t){if(Array.isArray(e))return d(e);if(e instanceof Date)return s(e);if(c.isValidElement(e))return c.cloneElement(e,e.props);if(e&&"object"==typeof e){var n=t||{};return p(e,n),n}return e}function d(e){return e.map((function(e){return f(e,void 0)}))}var h=n(1),v=function(e,t){return function(n){return t(e(n))}},m=function(e,t,n){return e.addEventListener&&e.addEventListener(t,n)},y=function(e,t,n){return e&&e.removeEventListener&&e.removeEventListener(t,n)},g=function(){},x=function(e){return e.preventDefault()},O=/touch/;function b(e){return e.type.match(O)?{pageX:e.changedTouches[0].pageX,pageY:e.changedTouches[0].pageY,clientX:e.changedTouches[0].clientX,clientY:e.changedTouches[0].clientY,type:e.type,originalEvent:e,isTouch:!0}:{pageX:e.pageX,pageY:e.pageY,clientX:e.clientX,clientY:e.clientY,offsetX:e.offsetX,offsetY:e.offsetY,type:e.type,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,originalEvent:e}}var _=function(e){var t=this,n=e.press;void 0===n&&(n=g);var r=e.drag;void 0===r&&(r=g);var o=e.release;void 0===o&&(o=g);var i=e.mouseOnly;void 0===i&&(i=!1),this._pressHandler=v(b,n),this._dragHandler=v(b,r),this._releaseHandler=v(b,o),this._ignoreMouse=!1,this._mouseOnly=i,this._touchstart=function(e){1===e.touches.length&&t._pressHandler(e)},this._touchmove=function(e){1===e.touches.length&&t._dragHandler(e)},this._touchend=function(e){0===e.touches.length&&1===e.changedTouches.length&&(t._releaseHandler(e),t._ignoreMouse=!0,setTimeout(t._restoreMouse,2e3))},this._restoreMouse=function(){t._ignoreMouse=!1},this._mousedown=function(e){var n=e.which;n&&n>1||t._ignoreMouse||(m(t.document,"mousemove",t._mousemove),m(t.document,"mouseup",t._mouseup),t._pressHandler(e))},this._mousemove=function(e){t._dragHandler(e)},this._mouseup=function(e){y(t.document,"mousemove",t._mousemove),y(t.document,"mouseup",t._mouseup),t._releaseHandler(e)},this._pointerdown=function(e){e.isPrimary&&0===e.button&&(m(t.document,"pointermove",t._pointermove),m(t.document,"pointerup",t._pointerup),m(t.document,"pointercancel",t._pointerup),m(t.document,"contextmenu",x),t._pressHandler(e))},this._pointermove=function(e){e.isPrimary&&t._dragHandler(e)},this._pointerup=function(e){e.isPrimary&&(y(t.document,"pointermove",t._pointermove),y(t.document,"pointerup",t._pointerup),y(t.document,"pointercancel",t._pointerup),y(t.document,"contextmenu",x),t._releaseHandler(e))}},k={document:{configurable:!0}};_.supportPointerEvent=function(){return"undefined"!=typeof window&&window.PointerEvent},k.document.get=function(){return this._element?this._element.ownerDocument:document},_.prototype.bindTo=function(e){e!==this._element&&(this._element&&this._unbindFromCurrent(),this._element=e,this._bindToCurrent())},_.prototype._bindToCurrent=function(){var e=this._element;this._usePointers()?m(e,"pointerdown",this._pointerdown):(m(e,"mousedown",this._mousedown),this._mouseOnly||(m(e,"touchstart",this._touchstart),m(e,"touchmove",this._touchmove),m(e,"touchend",this._touchend)))},_.prototype._unbindFromCurrent=function(){var e=this._element;if(this._usePointers())return y(e,"pointerdown",this._pointerdown),y(this.document,"pointermove",this._pointermove),y(this.document,"pointerup",this._pointerup),y(this.document,"contextmenu",x),void y(this.document,"pointercancel",this._pointerup);y(e,"mousedown",this._mousedown),this._mouseOnly||(y(e,"touchstart",this._touchstart),y(e,"touchmove",this._touchmove),y(e,"touchend",this._touchend))},_.prototype._usePointers=function(){return!this._mouseOnly&&_.supportPointerEvent()},_.prototype.update=function(e){var t=e.press;void 0===t&&(t=g);var n=e.drag;void 0===n&&(n=g);var r=e.release;void 0===r&&(r=g);var o=e.mouseOnly;void 0===o&&(o=!1),this._pressHandler=v(b,t),this._dragHandler=v(b,n),this._releaseHandler=v(b,r),this._mouseOnly=o},_.prototype.destroy=function(){this._unbindFromCurrent(),this._element=null},Object.defineProperties(_.prototype,k),_.default=_;var w,E=_,j=(w=function(e,t){return(w=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])})(e,t)},function(e,t){function n(){this.constructor=e}w(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),P=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.element=null,t.draggable=new E({press:function(e){t.element&&t.props.onPress&&t.props.onPress.call(void 0,{target:t,event:e,element:t.element})},drag:function(e){t.element&&t.props.onDrag&&t.props.onDrag.call(void 0,{target:t,event:e,element:t.element})},release:function(e){t.element&&t.props.onRelease&&t.props.onRelease.call(void 0,{target:t,event:e})}}),t.childRef=function(e){var n=t.props.childRef;t.element=e,n&&"function"==typeof n&&n(e)},t}return j(t,e),t.prototype.componentDidMount=function(){this.element&&this.draggable.bindTo(this.element)},t.prototype.componentWillUnmount=function(){this.draggable.destroy()},t.prototype.render=function(){return c.cloneElement(c.Children.only(this.props.children),{ref:this.childRef})},t.propTypes={children:h.element.isRequired},t}(c.Component),C=function(e){if(e){if((e instanceof HTMLInputElement||-1!==e.tabIndex)&&e.focus)return void e.focus();var t=e.querySelector('input, [tabindex]:not([tabindex="-1"])');t&&t.focus&&t.focus()}},M=function(){},S=function(e,t,n){var r="string"==typeof e?parseInt(e,void 0):e;if(NaN!==r)return void 0!==r?r:t?n?void 0:-1:0},z=/\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g;function D(e){var t=[];return e.replace(z,(function(e,n,r,o){t.push(void 0!==n?n:r||o)})),t}var T={};function N(e){if(T[e])return T[e];var t=D(e);return T[e]=function(e){for(var n=e,r=0;r<t.length&&n;r++)n=n[t[r]];return n},T[e]}T.undefined=function(){};var A=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},R={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},F=function(){},H=function(){return!(!i||!document.body)&&(new o).scrollbarWidth},W=function(){if(!i||!document.body)return!1;var e=(new o).scrollbarWidth;document.body.style.setProperty("--kendo-scrollbar-width",e+"px")},q={undefined:function(e){return e}},B=function(e,t){return t&&t.arrays&&!isNaN(Number(e))?[]:{}};function I(e){if(q[e])return q[e];var t=D(e);return q[e]=function(e,n,r){for(var o=e,i=t.length-1,a=0;a<i&&o;a++)o=o[t[a]]=o[t[a]]||B(t[a+1],r);o[t[i]]=n},q[e]}var L=function(){return(L=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function U(e,t,n){var r;return n?L({},e,((r={})[t]=n.length?n.slice():void 0,r)):e&&e[t]?e[t].slice():[]}var K=function(e,t,n){return e.map((function(e){return function e(t,n,r){if(t[n]){var o=U(t,n).map((function(t){return e(t,n,r)}));return r(U(t,n,o))}return r(t)}(e,t,n)})).slice()},X=function(e,t,n,r){for(var o=e,i=[],a=0;a<t.length;a++)o=o[t[a]],o=Array.isArray(o)?o:o[n],i.push(o);var u=i.length>1?i[i.length-2]:e,c=t[t.length-1],s=r(u[c]);u.splice(c,1,s)},Y=function(e,t,n){var r;return Object.assign({},e,e[t]?((r={})[t]=e[t].slice(),r):{},n||{})},V=function(e,t,n){var r=[],o=t.slice();if(o.length){var i=e[o.shift()||0];for(r.push(i);o.length&&n;)i=i[n][o.shift()||0],r.push(i)}return r},Z=n(5);function G(e){if(void 0!==Z)Z.validatePackage(e);else{var t="License activation failed for "+e.name+"\n";t+="The @progress/kendo-licensing script is not loaded.\n",t+="See "+e.licensingDocsUrl+" for more information.\n",console.warn(t)}}var $=function(e){if(!i)return!1;var t=e?e.ownerDocument:document;if(!t||!t.body)return!1;var n=t.createElement("div");n.style.transform="matrix(10, 0, 0, 10, 0, 0)",n.innerHTML='<div style="position: fixed; top: 10px;">child</div>',t.body.appendChild(n);var r=10!==n.children[0].getBoundingClientRect().top;return t.body.removeChild(n),r};function J(e,t,n,r){if(e){var o={syntheticEvent:t,nativeEvent:t.nativeEvent,target:n};e.call(void 0,Object.assign(o,r))}}function Q(e){var t=e.onFocus,n=e.onBlur,r=e.onSyncFocus,o=e.onSyncBlur,i=c.useRef(!1),a=c.useRef(0),u=c.useCallback((function(e){clearTimeout(a.current),a.current=window.setTimeout((function(){return e()}))}),[a]),s=c.useCallback((function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];clearTimeout(a.current),r&&r.call.apply(r,[void 0].concat(e)),i.current||(i.current=!0,t&&t.call.apply(t,[void 0].concat(e)))}),[i,t,r]),l=c.useCallback((function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];o&&o.call.apply(o,[void 0].concat(e)),u((function(){i.current&&n&&(i.current=!1,n.call.apply(n,[void 0].concat(e)))}))}),[i,u,n,o]);return c.useEffect((function(){return function(){clearTimeout(a.current)}}),[]),{onFocus:s,onBlur:l}}var ee=function(){return(ee=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},te=function(e){var t=e.children,n=Q({onFocus:e.onFocus,onBlur:e.onBlur,onSyncFocus:e.onSyncFocus,onSyncBlur:e.onSyncBlur});return t.call(void 0,ee({},n))},ne=function(e,t){return c.useContext(e)(t)},re=function(){return(re=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},oe=function(){return c.createContext((function(e){return e}))},ie=function(e,t){return c.forwardRef((function(n,r){var o=ne(e,n);return c.createElement(t,re({},o,{ref:r}))}))};function ae(e,t,n){var r=c.useState(t),o=r[0],i=r[1];return c.useEffect((function(){if(!o&&window&&e.current){var t=window.getComputedStyle(e.current).direction;t&&i(t)}}),n),o}function ue(e,t){var n=t.onPress,r=t.onDrag,o=t.onRelease,i=c.useMemo((function(){return new E({press:n,drag:r,release:o})}),[]);c.useEffect((function(){var t=e.current;if(t)return i.bindTo(t),function(){i.destroy()}}),[]),c.useEffect((function(){i.update({press:n,drag:r,release:o})}),[n,r,o])}function ce(e,t,n){var r=c.useState(t),o=r[0],i=r[1];return c.useEffect((function(){if(!o&&window&&e.current){var t=window.getComputedStyle(e.current).direction;t&&i(t)}}),n),o}var se=function(e,t,n){void 0===n&&(n={});var r=c.useCallback((function(r){n.onMouseDown&&n.onMouseDown.call(void 0,r),e.onMouseDown&&e.onMouseDown.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseDown,e.onMouseDown,t]),o=c.useCallback((function(r){n.onMouseUp&&n.onMouseUp.call(void 0,r),e.onMouseUp&&e.onMouseUp.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseUp,e.onMouseUp,t]);return{onClick:c.useCallback((function(r){n.onClick&&n.onClick.call(void 0,r),e.onClick&&e.onClick.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onClick,e.onClick,t]),onMouseUp:o,onMouseDown:r,onDoubleClick:c.useCallback((function(r){n.onDoubleClick&&n.onDoubleClick.call(void 0,r),e.onDoubleClick&&e.onDoubleClick.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onDoubleClick,e.onDoubleClick,t]),onMouseEnter:c.useCallback((function(r){n.onMouseEnter&&n.onMouseEnter.call(void 0,r),e.onMouseEnter&&e.onMouseEnter.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseEnter,e.onMouseEnter,t]),onMouseLeave:c.useCallback((function(r){n.onMouseLeave&&n.onMouseLeave.call(void 0,r),e.onMouseLeave&&e.onMouseLeave.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseLeave,e.onMouseLeave,t]),onMouseMove:c.useCallback((function(r){n.onMouseMove&&n.onMouseMove.call(void 0,r),e.onMouseMove&&e.onMouseMove.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseMove,e.onMouseMove,t]),onMouseOut:c.useCallback((function(r){n.onMouseOut&&n.onMouseOut.call(void 0,r),e.onMouseOut&&e.onMouseOut.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseOut,e.onMouseOut,t]),onMouseOver:c.useCallback((function(r){n.onMouseOver&&n.onMouseOver.call(void 0,r),e.onMouseOver&&e.onMouseOver.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseOver,e.onMouseOver,t])}},le=function(e){return c.isValidElement(e)?[e.type,e.props]:[e,{}]},pe={default:"",xsmall:"k-icon-xs",small:"k-icon-sm",medium:"k-icon-md",large:"k-icon-lg",xlarge:"k-icon-xl"},fe=function(){return(fe=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},de=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n},he=c.forwardRef((function(e,t){var n=e.className,r=e.name,o=e.themeColor,i=e.size,a=e.flip,s=e.style,l=de(e,["className","name","themeColor","size","flip","style"]),p=c.useRef(null),f=c.useRef(null);c.useImperativeHandle(p,(function(){return{element:f.current}})),c.useImperativeHandle(t,(function(){return p.current}));var d=c.useMemo((function(){return o||ve.themeColor}),[o]),h=c.useMemo((function(){return i||ve.size}),[i]),v=c.useMemo((function(){return a||ve.flip}),[a]),m=c.useMemo((function(){return u("k-icon","k-i-"+r,"k-color-"+d,{"k-flip-h":"horizontal"===v||"both"===v,"k-flip-v":"vertical"===v||"both"===v},pe[h],n)}),[r,d,h,v,n]),y=se(e,p);return c.createElement("span",fe({ref:f},l,y,{className:m,style:s,role:"presentation"}))}));he.propTypes={style:h.object,classNames:h.string,name:h.string,themeColor:h.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"]),size:h.oneOf(["default","xsmall","small","medium","large","xlarge"]),flip:h.oneOf(["default","horizontal","vertical","both"])};var ve={size:"default",themeColor:"inherit",flip:"default"};he.displayName="KendoIcon";var me=function(){return(me=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},ye=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n},ge=c.forwardRef((function(e,t){var n=e.children,r=e.className,o=e.svgClassName,i=e.icon,a=e.flip,s=e.size,l=e.style,p=e.svgStyle,f=e.themeColor,d=e.viewBox,h=ye(e,["children","className","svgClassName","icon","flip","size","style","svgStyle","themeColor","viewBox"]),v=c.useRef(null);c.useImperativeHandle(t,(function(){return{element:v.current}}));var m=c.useMemo((function(){return i?i.name:xe.icon}),[i]),y=c.useMemo((function(){return f||xe.themeColor}),[f]),g=c.useMemo((function(){return s||xe.size}),[s]),x=c.useMemo((function(){return a||xe.flip}),[a]),O=c.useMemo((function(){return d||xe.viewBox}),[d]),b=c.useMemo((function(){return u("k-svg-icon","k-color-"+y,"k-svg-i-"+m,{"k-flip-h":"horizontal"===x||"both"===x,"k-flip-v":"vertical"===x||"both"===x},pe[g],r)}),[m,y,g,x,r]),_=c.useMemo((function(){return e.width&&e.height?me({width:e.width,height:e.height},l):e.width?me({width:e.width,height:e.width},l):e.height?me({width:e.height,height:e.height},l):me({},l)}),[e.width,e.height,l]);return c.createElement("span",{className:b,style:_,ref:v},c.createElement("svg",me({className:o,style:p,"aria-hidden":!0,focusable:"false",xmlns:"http://www.w3.org/2000/svg",viewBox:i?i.viewBox:O,dangerouslySetInnerHTML:i?{__html:i.content}:void 0},h),i?void 0:n))}));ge.propTypes={style:h.object,classNames:h.string,children:h.any,icon:h.object,themeColor:h.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"]),size:h.oneOf(["default","xsmall","small","medium","large","xlarge"]),flip:h.oneOf(["default","horizontal","vertical","both"])};var xe={size:"default",themeColor:"inherit",flip:"default",icon:"",viewBox:"0 0 24 24"};ge.displayName="KendoSvgIcon";var Oe={xsmall:"k-fs-xs",small:"k-fs-sm",medium:"k-fs-md",large:"k-fs-lg",xlarge:"k-fs-xl"},be={light:"k-font-weight-light",normal:"k-font-weight-normal",bold:"k-font-weight-bold"},_e={xsmall:"k-m-xs",small:"k-m-sm",medium:"k-m-md",large:"k-m-lg",xlarge:"k-m-xl",thin:"k-m-thin",hair:"k-m-hair"},ke={xsmall:"xs",small:"sm",medium:"md",large:"lg",xlarge:"xl",thin:"thin",hair:"hair"},we={top:"k-mt-",right:"k-mr-",bottom:"k-mb-",left:"k-ml-"},Ee={left:"k-text-left",right:"k-text-right",center:"k-text-center",justify:"k-text-justify"},je={lowercase:"k-text-lowercase",uppercase:"k-text-uppercase",capitalize:"k-text-capitalize"},Pe={inherit:"k-color-inherit",primary:"k-color-primary",secondary:"k-color-secondary",tertiary:"k-color-tertiary",info:"k-color-info",success:"k-color-success",warning:"k-color-warning",error:"k-color-error",dark:"k-color-dark",light:"k-color-light",inverse:"k-color-inverse"},Ce=function(){return(Ce=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},Me=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n},Se=function(e){var t=c.forwardRef((function(t,n){var r=t.className,o=t.fontSize,i=t.fontWeight,a=t.textAlign,u=t.textTransform,s=t.themeColor,l=t.margin,p=Me(t,["className","fontSize","fontWeight","textAlign","textTransform","themeColor","margin"]),f=c.useRef(null),d=c.useRef(null);c.useImperativeHandle(f,(function(){return{element:d.current,props:t}})),c.useImperativeHandle(n,(function(){return f.current}));var h=e,v=function(){if(void 0!==l){if("string"==typeof l)return[_e[l]];if("number"==typeof l&&l>=0&&l<=24)return["k-m-"+l];if("object"==typeof l){var e=[];return Object.keys(l).forEach((function(t){var n,r;null!==l[t]&&void 0!==l[t]&&e.push((n=t,r=l[t],""+we[n]+("string"==typeof r?ke[r]:r)))})),e.join(" ")}}};return c.createElement(h,Ce({ref:d,className:["k-"+("p"===e?"paragraph":e),Oe[o],be[i],Ee[a],je[u],Pe[s],v(),r].filter((function(e){return void 0!==e})).join(" ")},p),t.children)}));return t.propTypes={style:h.object,className:h.string,fontSize:h.oneOf(["xsmall","small","medium","large","xlarge"]),fontWeight:h.oneOf(["light","normal","bold"]),margin:h.oneOfType([h.number,h.object,h.oneOf(["xsmall","small","medium","large","xlarge","thin","hair"])]),textAlign:h.oneOf(["left","right","center","justify"]),textTransform:h.oneOf(["lowercase","uppercase","capitalize"]),themeColor:h.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"])},t.displayName="KendoReactTypography"+e.toUpperCase(),t},ze={h1:Se("h1"),h2:Se("h2"),h3:Se("h3"),h4:Se("h4"),h5:Se("h5"),h6:Se("h6"),p:Se("p"),code:Se("code"),pre:Se("pre")}},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){e.exports=n},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=function(e,t){return(r=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])})(e,t)},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||function(){return(i=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},a=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var u=n(0),c=n(1),s=n(3),l=n(7),p=n(4).default.styles,f=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(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,o=t.appear,c=t.enter,f=t.exit,d=t.transitionName,h=t.transitionEnterDuration,v=t.transitionExitDuration,m=t.className,y=t.onEnter,g=t.onEntering,x=t.onEntered,O=t.onExit,b=t.onExiting,_=t.onExited,k=t.mountOnEnter,w=t.unmountOnExit,E=t.animationEnteringStyle,j=t.animationEnteredStyle,P=t.animationExitingStyle,C=t.animationExitedStyle,M=a(t,["children","style","appear","enter","exit","transitionName","transitionEnterDuration","transitionExitDuration","className","onEnter","onEntering","onEntered","onExit","onExiting","onExited","mountOnEnter","unmountOnExit","animationEnteringStyle","animationEnteredStyle","animationExitingStyle","animationExitedStyle"]),S=s.classNames(m,p["child-animation-container"]),z=i({transitionDelay:"0ms"},r),D={entering:i({transitionDuration:h+"ms"},E),entered:i({},j),exiting:i({transitionDuration:v+"ms"},P),exited:i({},C)},T={in:this.props.in,appear:o,enter:c,exit:f,mountOnEnter:k,unmountOnExit:w,timeout:{enter:h,exit:v},onEnter:function(t){y&&y.call(void 0,{animatedElement:t,target:e})},onEntering:function(t){g&&g.call(void 0,{animatedElement:t,target:e})},onEntered:function(t){x&&x.call(void 0,{animatedElement:t,target:e})},onExit:function(t){O&&O.call(void 0,{animatedElement:t,target:e})},onExiting:function(t){b&&b.call(void 0,{animatedElement:t,target:e})},onExited:function(t){_&&_.call(void 0,{animatedElement:t,target:e})},classNames:{appear:p[d+"-appear"]||d+"-appear",appearActive:p[d+"-appear-active"]||d+"-appear-active",enter:p[d+"-enter"]||d+"-enter",enterActive:p[d+"-enter-active"]||d+"-enter-active",exit:p[d+"-exit"]||d+"-exit",exitActive:p[d+"-exit-active"]||d+"-exit-active"}};return u.createElement(l.CSSTransition,i({},T,M),(function(t){return u.createElement("div",{style:i({},z,D[t]),className:S,ref:function(t){e._element=t}},n)}))},t.propTypes={in:c.bool,children:c.oneOfType([c.arrayOf(c.node),c.node]),transitionName:c.string.isRequired,className:c.string,appear:c.bool,enter:c.bool,exit:c.bool,transitionEnterDuration:c.number.isRequired,transitionExitDuration:c.number.isRequired,mountOnEnter:c.bool,unmountOnExit:c.bool,animationEnteringStyle:c.object,animationEnteredStyle:c.object,animationExitingStyle:c.object,animationExitedStyle:c.object},t.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:{}},t}(u.Component);t.AnimationChild=f},function(e,t){e.exports=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(2);t.Animation=r.Animation;var o=n(6);t.AnimationChild=o.AnimationChild;var i=n(10);t.Fade=i.Fade;var a=n(11);t.Expand=a.Expand;var u=n(12);t.Push=u.Push;var c=n(13);t.Slide=c.Slide;var s=n(14);t.Zoom=s.Zoom;var l=n(15);t.Reveal=l.Reveal;var p=n(16);t.useAnimation=p.useAnimation},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata={name:"@progress/kendo-react-animation",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1636637574,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"}},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=function(e,t){return(r=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])})(e,t)},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||function(){return(i=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},a=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var u=n(0),c=n(1),s=n(2),l=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.prototype.render=function(){var e=this.props,t=e.children,n=a(e,["children"]);return u.createElement(s.Animation,i({},{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}(u.Component);t.Fade=l},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=function(e,t){return(r=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])})(e,t)},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||function(){return(i=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},a=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var u=n(0),c=n(1),s=n(2),l=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.prototype.render=function(){var e=this.props,t=e.direction,n=e.children,r=a(e,["direction","children"]),o={transitionName:"expand-"+t};return u.createElement(s.Animation,i({},o,r),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}(u.Component);t.Expand=l},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=function(e,t){return(r=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])})(e,t)},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||function(){return(i=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},a=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var u=n(0),c=n(1),s=n(2),l={position:"absolute",top:"0",left:"0"},p=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.prototype.render=function(){var e=this.props,t=e.children,n=e.direction,r=a(e,["children","direction"]);return u.createElement(s.Animation,i({},r,{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}(u.Component);t.Push=p},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=function(e,t){return(r=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])})(e,t)},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||function(){return(i=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},a=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var u=n(0),c=n(1),s=n(2),l=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.prototype.render=function(){var e=this.props,t=e.direction,n=e.children,r=a(e,["direction","children"]),o={transitionName:"slide-"+t};return u.createElement(s.Animation,i({},o,r),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}(u.Component);t.Slide=l},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=function(e,t){return(r=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])})(e,t)},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||function(){return(i=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},a=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var u=n(0),c=n(1),s=n(2),l={position:"absolute",top:"0",left:"0"},p=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.prototype.render=function(){var e=this.props,t=e.children,n=e.direction,r=a(e,["children","direction"]);return u.createElement(s.Animation,i({},r,{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}(u.Component);t.Zoom=p},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=function(e,t){return(r=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])})(e,t)},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||function(){return(i=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},a=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var u=n(0),c=n(1),s=n(2),l=n(3),p=n(4),f=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=l.noop);var r=e.firstChild;if(r){var o=p.default.outerHeight(r),i=p.default.outerWidth(r);t.setState({maxHeight:o,maxWidth:i},n)}},t}return o(t,e),t.prototype.render=function(){var e,t=this.props,n=t.direction,r=t.children,o=t.childFactory,c=a(t,["direction","children","childFactory"]),l=this.state,p=l.maxHeight,f=l.maxWidth,d={maxHeight:(e="vertical"===n?{maxHeight:p?p+"px":null}:{maxWidth:f?f+"px":null}).maxHeight,maxWidth:e.maxWidth};return u.createElement(s.Animation,i({},c,{childFactory:o||function(t){return t.props.in?t:u.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:d,transitionName:"reveal-"+n}),r)},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}(u.Component);t.Reveal=f},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0);t.useAnimation=function(e,t){var n=r.useRef(0),o=r.useRef(!1),i=r.useRef();r.useEffect((function(){return function(e){var t,r=e.duration,o=n.current&&1-n.current;e.onStart&&e.onStart();var a=function(u){t||(t=u);var c=(u-t+1)/r+o;c<=1?(e.onUpdate&&e.onUpdate(c),i.current=window.requestAnimationFrame(a),n.current=c):(e.onEnd&&e.onEnd(1),n.current=0)};i.current=window.requestAnimationFrame(a)}(e),function(){i.current&&window.cancelAnimationFrame(i.current)}}),t),r.useEffect((function(){o.current=!0}),[])}}])}));
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("prop-types"),require("@progress/kendo-licensing"),require("react-transition-group")):"function"==typeof define&&define.amd?define(["react","prop-types","@progress/kendo-licensing","react-transition-group"],t):"object"==typeof exports?exports.KendoReactAnimation=t(require("react"),require("prop-types"),require("@progress/kendo-licensing"),require("react-transition-group")):e.KendoReactAnimation=t(e.React,e.PropTypes,e.KendoLicensing,e.ReactTransitionGroup)}(window,(function(e,t,n,r){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.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 o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));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=8)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=function(e,t){return(r=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])})(e,t)},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||function(){return(i=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},a=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var c=n(0),u=n(1),s=n(3),l=n(6),p=n(7),f=n(3),d=n(9),h=n(4).default.styles,v=function(e){function t(t){var n=e.call(this,t)||this;return f.validatePackage(d.packageMetadata),n}return o(t,e),t.prototype.render=function(){var e=this.props,t=e.id,n=e.style,r=e.children,o=e.component,u=e.className,f=e.childFactory,d=(e.stackChildren,e.componentChildStyle),v=e.componentChildClassName,m=a(e,["id","style","children","component","className","childFactory","stackChildren","componentChildStyle","componentChildClassName"]),y={id:t,style:n,component:o,childFactory:f,className:s.classNames(h["animation-container"],h["animation-container-relative"],u)},g=c.Children.map(r||null,(function(e){return c.createElement(l.AnimationChild,i({},m,{style:d,className:v}),e)}));return c.createElement(p.TransitionGroup,i({},y),g)},t.propTypes={children:u.oneOfType([u.arrayOf(u.node),u.node]),childFactory:u.any,className:u.string,component:u.string,id:u.string,style:u.any,transitionName:u.string.isRequired,appear:u.bool.isRequired,enter:u.bool.isRequired,exit:u.bool.isRequired,transitionEnterDuration:u.number.isRequired,transitionExitDuration:u.number.isRequired},t.defaultProps={component:"div"},t}(c.Component);t.Animation=v},function(e,t,n){"use strict";n.r(t),n.d(t,"BrowserSupportService",(function(){return o})),n.d(t,"canUseDOM",(function(){return i})),n.d(t,"canUseRef",(function(){return a})),n.d(t,"classNames",(function(){return c})),n.d(t,"cloneDate",(function(){return s})),n.d(t,"clone",(function(){return l})),n.d(t,"cloneObject",(function(){return p})),n.d(t,"cloneValue",(function(){return f})),n.d(t,"cloneArray",(function(){return d})),n.d(t,"Draggable",(function(){return P})),n.d(t,"focusFirstFocusableChild",(function(){return C})),n.d(t,"FormComponent",(function(){return M})),n.d(t,"getTabIndex",(function(){return S})),n.d(t,"getter",(function(){return N})),n.d(t,"guid",(function(){return A})),n.d(t,"Keys",(function(){return R})),n.d(t,"noop",(function(){return F})),n.d(t,"getScrollbarWidth",(function(){return H})),n.d(t,"setScrollbarWidth",(function(){return W})),n.d(t,"setter",(function(){return I})),n.d(t,"mapTree",(function(){return K})),n.d(t,"mapTreeItem",(function(){return X})),n.d(t,"extendDataItem",(function(){return Y})),n.d(t,"getItemPath",(function(){return V})),n.d(t,"validatePackage",(function(){return G})),n.d(t,"hasRelativeStackingContext",(function(){return $})),n.d(t,"dispatchEvent",(function(){return J})),n.d(t,"AsyncFocusBlur",(function(){return te})),n.d(t,"createPropsContext",(function(){return oe})),n.d(t,"withPropsContext",(function(){return ie})),n.d(t,"useDir",(function(){return ae})),n.d(t,"useAsyncFocusBlur",(function(){return Q})),n.d(t,"useDraggable",(function(){return ce})),n.d(t,"useRtl",(function(){return ue})),n.d(t,"useMouse",(function(){return se})),n.d(t,"useCustomComponent",(function(){return le})),n.d(t,"usePropsContext",(function(){return ne})),n.d(t,"Icon",(function(){return he})),n.d(t,"SvgIcon",(function(){return ge})),n.d(t,"Typography",(function(){return ze}));var r=function(){return"undefined"!=typeof document?document:{}},o=function(){function e(){}return Object.defineProperty(e.prototype,"scrollbarWidth",{get:function(){var e=r();if(!this.scrollbar&&e&&e.createElement){var t=e.createElement("div");t.style.cssText="overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block",t.innerHTML="&nbsp;",e.body.appendChild(t),this.scrollbar=t.offsetWidth-t.scrollWidth,e.body.removeChild(t)}return this.scrollbar},enumerable:!0,configurable:!0}),e}(),i=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement),a=function(e){return"string"!=typeof Comment&&(function(e){return Boolean("function"==typeof e&&!!e.prototype.isReactComponent)}(e)||function(e){return Boolean(e.$$typeof&&"function"==typeof e.render)}(e))},c=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)?c.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(" ")},u=n(0),s=function(e){return e?new Date(e.getTime()):null};function l(e){var t={};return p(e,t),t}function p(e,t){for(var n in e)if(e.hasOwnProperty(n)){var r=e[n];t[n]=f(r,t[n])}}function f(e,t){if(Array.isArray(e))return d(e);if(e instanceof Date)return s(e);if(u.isValidElement(e))return u.cloneElement(e,e.props);if(e&&"object"==typeof e){var n=t||{};return p(e,n),n}return e}function d(e){return e.map((function(e){return f(e,void 0)}))}var h=n(1),v=function(e,t){return function(n){return t(e(n))}},m=function(e,t,n){return e.addEventListener&&e.addEventListener(t,n)},y=function(e,t,n){return e&&e.removeEventListener&&e.removeEventListener(t,n)},g=function(){},x=function(e){return e.preventDefault()},O=/touch/;function b(e){return e.type.match(O)?{pageX:e.changedTouches[0].pageX,pageY:e.changedTouches[0].pageY,clientX:e.changedTouches[0].clientX,clientY:e.changedTouches[0].clientY,type:e.type,originalEvent:e,isTouch:!0}:{pageX:e.pageX,pageY:e.pageY,clientX:e.clientX,clientY:e.clientY,offsetX:e.offsetX,offsetY:e.offsetY,type:e.type,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,originalEvent:e}}var _=function(e){var t=this,n=e.press;void 0===n&&(n=g);var r=e.drag;void 0===r&&(r=g);var o=e.release;void 0===o&&(o=g);var i=e.mouseOnly;void 0===i&&(i=!1),this._pressHandler=v(b,n),this._dragHandler=v(b,r),this._releaseHandler=v(b,o),this._ignoreMouse=!1,this._mouseOnly=i,this._touchstart=function(e){1===e.touches.length&&t._pressHandler(e)},this._touchmove=function(e){1===e.touches.length&&t._dragHandler(e)},this._touchend=function(e){0===e.touches.length&&1===e.changedTouches.length&&(t._releaseHandler(e),t._ignoreMouse=!0,setTimeout(t._restoreMouse,2e3))},this._restoreMouse=function(){t._ignoreMouse=!1},this._mousedown=function(e){var n=e.which;n&&n>1||t._ignoreMouse||(m(t.document,"mousemove",t._mousemove),m(t.document,"mouseup",t._mouseup),t._pressHandler(e))},this._mousemove=function(e){t._dragHandler(e)},this._mouseup=function(e){y(t.document,"mousemove",t._mousemove),y(t.document,"mouseup",t._mouseup),t._releaseHandler(e)},this._pointerdown=function(e){e.isPrimary&&0===e.button&&(m(t.document,"pointermove",t._pointermove),m(t.document,"pointerup",t._pointerup),m(t.document,"pointercancel",t._pointerup),m(t.document,"contextmenu",x),t._pressHandler(e))},this._pointermove=function(e){e.isPrimary&&t._dragHandler(e)},this._pointerup=function(e){e.isPrimary&&(y(t.document,"pointermove",t._pointermove),y(t.document,"pointerup",t._pointerup),y(t.document,"pointercancel",t._pointerup),y(t.document,"contextmenu",x),t._releaseHandler(e))}},k={document:{configurable:!0}};_.supportPointerEvent=function(){return"undefined"!=typeof window&&window.PointerEvent},k.document.get=function(){return this._element?this._element.ownerDocument:document},_.prototype.bindTo=function(e){e!==this._element&&(this._element&&this._unbindFromCurrent(),this._element=e,this._bindToCurrent())},_.prototype._bindToCurrent=function(){var e=this._element;this._usePointers()?m(e,"pointerdown",this._pointerdown):(m(e,"mousedown",this._mousedown),this._mouseOnly||(m(e,"touchstart",this._touchstart),m(e,"touchmove",this._touchmove),m(e,"touchend",this._touchend)))},_.prototype._unbindFromCurrent=function(){var e=this._element;if(this._usePointers())return y(e,"pointerdown",this._pointerdown),y(this.document,"pointermove",this._pointermove),y(this.document,"pointerup",this._pointerup),y(this.document,"contextmenu",x),void y(this.document,"pointercancel",this._pointerup);y(e,"mousedown",this._mousedown),this._mouseOnly||(y(e,"touchstart",this._touchstart),y(e,"touchmove",this._touchmove),y(e,"touchend",this._touchend))},_.prototype._usePointers=function(){return!this._mouseOnly&&_.supportPointerEvent()},_.prototype.update=function(e){var t=e.press;void 0===t&&(t=g);var n=e.drag;void 0===n&&(n=g);var r=e.release;void 0===r&&(r=g);var o=e.mouseOnly;void 0===o&&(o=!1),this._pressHandler=v(b,t),this._dragHandler=v(b,n),this._releaseHandler=v(b,r),this._mouseOnly=o},_.prototype.destroy=function(){this._unbindFromCurrent(),this._element=null},Object.defineProperties(_.prototype,k),_.default=_;var w,E=_,j=(w=function(e,t){return(w=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])})(e,t)},function(e,t){function n(){this.constructor=e}w(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),P=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.element=null,t.draggable=new E({press:function(e){t.element&&t.props.onPress&&t.props.onPress.call(void 0,{target:t,event:e,element:t.element})},drag:function(e){t.element&&t.props.onDrag&&t.props.onDrag.call(void 0,{target:t,event:e,element:t.element})},release:function(e){t.element&&t.props.onRelease&&t.props.onRelease.call(void 0,{target:t,event:e})}}),t.childRef=function(e){var n=t.props.childRef;t.element=e,n&&"function"==typeof n&&n(e)},t}return j(t,e),t.prototype.componentDidMount=function(){this.element&&this.draggable.bindTo(this.element)},t.prototype.componentWillUnmount=function(){this.draggable.destroy()},t.prototype.render=function(){return u.cloneElement(u.Children.only(this.props.children),{ref:this.childRef})},t.propTypes={children:h.element.isRequired},t}(u.Component),C=function(e){if(e){if((e instanceof HTMLInputElement||-1!==e.tabIndex)&&e.focus)return void e.focus();var t=e.querySelector('input, [tabindex]:not([tabindex="-1"])');t&&t.focus&&t.focus()}},M=function(){},S=function(e,t,n){var r="string"==typeof e?parseInt(e,void 0):e;if(NaN!==r)return void 0!==r?r:t?n?void 0:-1:0},z=/\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g;function D(e){var t=[];return e.replace(z,(function(e,n,r,o){t.push(void 0!==n?n:r||o)})),t}var T={};function N(e){if(T[e])return T[e];var t=D(e);return T[e]=function(e){for(var n=e,r=0;r<t.length&&n;r++)n=n[t[r]];return n},T[e]}T.undefined=function(){};var A=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},R={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},F=function(){},H=function(){return!(!i||!document.body)&&(new o).scrollbarWidth},W=function(){if(!i||!document.body)return!1;var e=(new o).scrollbarWidth;document.body.style.setProperty("--kendo-scrollbar-width",e+"px")},B={undefined:function(e){return e}},q=function(e,t){return t&&t.arrays&&!isNaN(Number(e))?[]:{}};function I(e){if(B[e])return B[e];var t=D(e);return B[e]=function(e,n,r){for(var o=e,i=t.length-1,a=0;a<i&&o;a++)o=o[t[a]]=o[t[a]]||q(t[a+1],r);o[t[i]]=n},B[e]}var L=function(){return(L=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function U(e,t,n){var r;return n?L({},e,((r={})[t]=n.length?n.slice():void 0,r)):e&&e[t]?e[t].slice():[]}var K=function(e,t,n){return e.map((function(e){return function e(t,n,r){if(t[n]){var o=U(t,n).map((function(t){return e(t,n,r)}));return r(U(t,n,o))}return r(t)}(e,t,n)})).slice()},X=function(e,t,n,r){for(var o=e,i=[],a=0;a<t.length;a++)o=o[t[a]],o=Array.isArray(o)?o:o[n],i.push(o);var c=i.length>1?i[i.length-2]:e,u=t[t.length-1],s=r(c[u]);c.splice(u,1,s)},Y=function(e,t,n){var r;return Object.assign({},e,e[t]?((r={})[t]=e[t].slice(),r):{},n||{})},V=function(e,t,n){var r=[],o=t.slice();if(o.length){var i=e[o.shift()||0];for(r.push(i);o.length&&n;)i=i[n][o.shift()||0],r.push(i)}return r},Z=n(5);function G(e){if(void 0!==Z)Z.validatePackage(e);else{var t="License activation failed for "+e.name+"\n";t+="The @progress/kendo-licensing script is not loaded.\n",t+="See "+e.licensingDocsUrl+" for more information.\n",console.warn(t)}}var $=function(e){if(!i)return!1;var t=e?e.ownerDocument:document;if(!t||!t.body)return!1;var n=t.createElement("div");n.style.transform="matrix(10, 0, 0, 10, 0, 0)",n.innerHTML='<div style="position: fixed; top: 10px;">child</div>',t.body.appendChild(n);var r=10!==n.children[0].getBoundingClientRect().top;return t.body.removeChild(n),r};function J(e,t,n,r){if(e){var o={syntheticEvent:t,nativeEvent:t.nativeEvent,target:n};e.call(void 0,Object.assign(o,r))}}function Q(e){var t=e.onFocus,n=e.onBlur,r=e.onSyncFocus,o=e.onSyncBlur,i=u.useRef(!1),a=u.useRef(0),c=u.useCallback((function(e){clearTimeout(a.current),a.current=window.setTimeout((function(){return e()}))}),[a]),s=u.useCallback((function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];clearTimeout(a.current),r&&r.call.apply(r,[void 0].concat(e)),i.current||(i.current=!0,t&&t.call.apply(t,[void 0].concat(e)))}),[i,t,r]),l=u.useCallback((function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];o&&o.call.apply(o,[void 0].concat(e)),c((function(){i.current&&n&&(i.current=!1,n.call.apply(n,[void 0].concat(e)))}))}),[i,c,n,o]);return u.useEffect((function(){return function(){clearTimeout(a.current)}}),[]),{onFocus:s,onBlur:l}}var ee=function(){return(ee=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},te=function(e){var t=e.children,n=Q({onFocus:e.onFocus,onBlur:e.onBlur,onSyncFocus:e.onSyncFocus,onSyncBlur:e.onSyncBlur});return t.call(void 0,ee({},n))},ne=function(e,t){return u.useContext(e)(t)},re=function(){return(re=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},oe=function(){return u.createContext((function(e){return e}))},ie=function(e,t){return u.forwardRef((function(n,r){var o=ne(e,n);return u.createElement(t,re({},o,{ref:r}))}))};function ae(e,t,n){var r=u.useState(t),o=r[0],i=r[1];return u.useEffect((function(){if(!o&&window&&e.current){var t=window.getComputedStyle(e.current).direction;t&&i(t)}}),n),o}function ce(e,t){var n=t.onPress,r=t.onDrag,o=t.onRelease,i=u.useMemo((function(){return new E({press:n,drag:r,release:o})}),[]);u.useEffect((function(){var t=e.current;if(t)return i.bindTo(t),function(){i.destroy()}}),[]),u.useEffect((function(){i.update({press:n,drag:r,release:o})}),[n,r,o])}function ue(e,t,n){var r=u.useState(t),o=r[0],i=r[1];return u.useEffect((function(){if(!o&&window&&e.current){var t=window.getComputedStyle(e.current).direction;t&&i(t)}}),n),o}var se=function(e,t,n){void 0===n&&(n={});var r=u.useCallback((function(r){n.onMouseDown&&n.onMouseDown.call(void 0,r),e.onMouseDown&&e.onMouseDown.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseDown,e.onMouseDown,t]),o=u.useCallback((function(r){n.onMouseUp&&n.onMouseUp.call(void 0,r),e.onMouseUp&&e.onMouseUp.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseUp,e.onMouseUp,t]);return{onClick:u.useCallback((function(r){n.onClick&&n.onClick.call(void 0,r),e.onClick&&e.onClick.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onClick,e.onClick,t]),onMouseUp:o,onMouseDown:r,onDoubleClick:u.useCallback((function(r){n.onDoubleClick&&n.onDoubleClick.call(void 0,r),e.onDoubleClick&&e.onDoubleClick.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onDoubleClick,e.onDoubleClick,t]),onMouseEnter:u.useCallback((function(r){n.onMouseEnter&&n.onMouseEnter.call(void 0,r),e.onMouseEnter&&e.onMouseEnter.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseEnter,e.onMouseEnter,t]),onMouseLeave:u.useCallback((function(r){n.onMouseLeave&&n.onMouseLeave.call(void 0,r),e.onMouseLeave&&e.onMouseLeave.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseLeave,e.onMouseLeave,t]),onMouseMove:u.useCallback((function(r){n.onMouseMove&&n.onMouseMove.call(void 0,r),e.onMouseMove&&e.onMouseMove.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseMove,e.onMouseMove,t]),onMouseOut:u.useCallback((function(r){n.onMouseOut&&n.onMouseOut.call(void 0,r),e.onMouseOut&&e.onMouseOut.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseOut,e.onMouseOut,t]),onMouseOver:u.useCallback((function(r){n.onMouseOver&&n.onMouseOver.call(void 0,r),e.onMouseOver&&e.onMouseOver.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseOver,e.onMouseOver,t])}},le=function(e){return u.isValidElement(e)?[e.type,e.props]:[e,{}]},pe={default:"",xsmall:"k-icon-xs",small:"k-icon-sm",medium:"k-icon-md",large:"k-icon-lg",xlarge:"k-icon-xl"},fe=function(){return(fe=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},de=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n},he=u.forwardRef((function(e,t){var n=e.className,r=e.name,o=e.themeColor,i=e.size,a=e.flip,s=e.style,l=de(e,["className","name","themeColor","size","flip","style"]),p=u.useRef(null),f=u.useRef(null);u.useImperativeHandle(p,(function(){return{element:f.current}})),u.useImperativeHandle(t,(function(){return p.current}));var d=u.useMemo((function(){return o||ve.themeColor}),[o]),h=u.useMemo((function(){return i||ve.size}),[i]),v=u.useMemo((function(){return a||ve.flip}),[a]),m=u.useMemo((function(){return c("k-icon","k-i-"+r,"k-color-"+d,{"k-flip-h":"horizontal"===v||"both"===v,"k-flip-v":"vertical"===v||"both"===v},pe[h],n)}),[r,d,h,v,n]),y=se(e,p);return u.createElement("span",fe({ref:f},l,y,{className:m,style:s,role:"presentation"}))}));he.propTypes={style:h.object,classNames:h.string,name:h.string,themeColor:h.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"]),size:h.oneOf(["default","xsmall","small","medium","large","xlarge"]),flip:h.oneOf(["default","horizontal","vertical","both"])};var ve={size:"default",themeColor:"inherit",flip:"default"};he.displayName="KendoIcon";var me=function(){return(me=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},ye=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n},ge=u.forwardRef((function(e,t){var n=e.children,r=e.className,o=e.svgClassName,i=e.icon,a=e.flip,s=e.size,l=e.style,p=e.svgStyle,f=e.themeColor,d=e.viewBox,h=ye(e,["children","className","svgClassName","icon","flip","size","style","svgStyle","themeColor","viewBox"]),v=u.useRef(null);u.useImperativeHandle(t,(function(){return{element:v.current}}));var m=u.useMemo((function(){return i?i.name:xe.icon}),[i]),y=u.useMemo((function(){return f||xe.themeColor}),[f]),g=u.useMemo((function(){return s||xe.size}),[s]),x=u.useMemo((function(){return a||xe.flip}),[a]),O=u.useMemo((function(){return d||xe.viewBox}),[d]),b=u.useMemo((function(){return c("k-svg-icon","k-color-"+y,"k-svg-i-"+m,{"k-flip-h":"horizontal"===x||"both"===x,"k-flip-v":"vertical"===x||"both"===x},pe[g],r)}),[m,y,g,x,r]),_=u.useMemo((function(){return e.width&&e.height?me({width:e.width,height:e.height},l):e.width?me({width:e.width,height:e.width},l):e.height?me({width:e.height,height:e.height},l):me({},l)}),[e.width,e.height,l]);return u.createElement("span",{className:b,style:_,ref:v},u.createElement("svg",me({className:o,style:p,"aria-hidden":!0,focusable:"false",xmlns:"http://www.w3.org/2000/svg",viewBox:i?i.viewBox:O,dangerouslySetInnerHTML:i?{__html:i.content}:void 0},h),i?void 0:n))}));ge.propTypes={style:h.object,classNames:h.string,children:h.any,icon:h.object,themeColor:h.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"]),size:h.oneOf(["default","xsmall","small","medium","large","xlarge"]),flip:h.oneOf(["default","horizontal","vertical","both"])};var xe={size:"default",themeColor:"inherit",flip:"default",icon:"",viewBox:"0 0 24 24"};ge.displayName="KendoSvgIcon";var Oe={xsmall:"k-fs-xs",small:"k-fs-sm",medium:"k-fs-md",large:"k-fs-lg",xlarge:"k-fs-xl"},be={light:"k-font-weight-light",normal:"k-font-weight-normal",bold:"k-font-weight-bold"},_e={xsmall:"k-m-xs",small:"k-m-sm",medium:"k-m-md",large:"k-m-lg",xlarge:"k-m-xl",thin:"k-m-thin",hair:"k-m-hair"},ke={xsmall:"xs",small:"sm",medium:"md",large:"lg",xlarge:"xl",thin:"thin",hair:"hair"},we={top:"k-mt-",right:"k-mr-",bottom:"k-mb-",left:"k-ml-"},Ee={left:"k-text-left",right:"k-text-right",center:"k-text-center",justify:"k-text-justify"},je={lowercase:"k-text-lowercase",uppercase:"k-text-uppercase",capitalize:"k-text-capitalize"},Pe={inherit:"k-color-inherit",primary:"k-color-primary",secondary:"k-color-secondary",tertiary:"k-color-tertiary",info:"k-color-info",success:"k-color-success",warning:"k-color-warning",error:"k-color-error",dark:"k-color-dark",light:"k-color-light",inverse:"k-color-inverse"},Ce=function(){return(Ce=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},Me=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n},Se=function(e){var t=u.forwardRef((function(t,n){var r=t.className,o=t.fontSize,i=t.fontWeight,a=t.textAlign,c=t.textTransform,s=t.themeColor,l=t.margin,p=Me(t,["className","fontSize","fontWeight","textAlign","textTransform","themeColor","margin"]),f=u.useRef(null),d=u.useRef(null);u.useImperativeHandle(f,(function(){return{element:d.current,props:t}})),u.useImperativeHandle(n,(function(){return f.current}));var h=e,v=function(){if(void 0!==l){if("string"==typeof l)return[_e[l]];if("number"==typeof l&&l>=0&&l<=24)return["k-m-"+l];if("object"==typeof l){var e=[];return Object.keys(l).forEach((function(t){var n,r;null!==l[t]&&void 0!==l[t]&&e.push((n=t,r=l[t],""+we[n]+("string"==typeof r?ke[r]:r)))})),e.join(" ")}}};return u.createElement(h,Ce({ref:d,className:["k-"+("p"===e?"paragraph":e),Oe[o],be[i],Ee[a],je[c],Pe[s],v(),r].filter((function(e){return void 0!==e})).join(" ")},p),t.children)}));return t.propTypes={style:h.object,className:h.string,fontSize:h.oneOf(["xsmall","small","medium","large","xlarge"]),fontWeight:h.oneOf(["light","normal","bold"]),margin:h.oneOfType([h.number,h.object,h.oneOf(["xsmall","small","medium","large","xlarge","thin","hair"])]),textAlign:h.oneOf(["left","right","center","justify"]),textTransform:h.oneOf(["lowercase","uppercase","capitalize"]),themeColor:h.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"])},t.displayName="KendoReactTypography"+e.toUpperCase(),t},ze={h1:Se("h1"),h2:Se("h2"),h3:Se("h3"),h4:Se("h4"),h5:Se("h5"),h6:Se("h6"),p:Se("p"),code:Se("code"),pre:Se("pre")}},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){e.exports=n},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=function(e,t){return(r=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])})(e,t)},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||function(){return(i=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},a=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var c=n(0),u=n(1),s=n(3),l=n(7),p=n(4).default.styles,f=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(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,o=t.appear,u=t.enter,f=t.exit,d=t.transitionName,h=t.transitionEnterDuration,v=t.transitionExitDuration,m=t.className,y=t.onEnter,g=t.onEntering,x=t.onEntered,O=t.onExit,b=t.onExiting,_=t.onExited,k=t.onAfterExited,w=t.mountOnEnter,E=t.unmountOnExit,j=t.animationEnteringStyle,P=t.animationEnteredStyle,C=t.animationExitingStyle,M=t.animationExitedStyle,S=a(t,["children","style","appear","enter","exit","transitionName","transitionEnterDuration","transitionExitDuration","className","onEnter","onEntering","onEntered","onExit","onExiting","onExited","onAfterExited","mountOnEnter","unmountOnExit","animationEnteringStyle","animationEnteredStyle","animationExitingStyle","animationExitedStyle"]),z=s.classNames(m,p["child-animation-container"]),D=i({transitionDelay:"0ms"},r),T={entering:i({transitionDuration:h+"ms"},j),entered:i({},P),exiting:i({transitionDuration:v+"ms"},C),exited:i({},M)},N={in:this.props.in,appear:o,enter:u,exit:f,mountOnEnter:w,unmountOnExit:E,timeout:{enter:h,exit:v},onEnter:function(t){y&&y.call(void 0,{animatedElement:t,target:e})},onEntering:function(t){g&&g.call(void 0,{animatedElement:t,target:e})},onEntered:function(t){x&&x.call(void 0,{animatedElement:t,target:e})},onExit:function(t){O&&O.call(void 0,{animatedElement:t,target:e})},onExiting:function(t){b&&b.call(void 0,{animatedElement:t,target:e})},onExited:function(t){k&&k.call(void 0,{animatedElement:t,target:e}),_&&_.call(void 0,{animatedElement:t,target:e})},classNames:{appear:p[d+"-appear"]||d+"-appear",appearActive:p[d+"-appear-active"]||d+"-appear-active",enter:p[d+"-enter"]||d+"-enter",enterActive:p[d+"-enter-active"]||d+"-enter-active",exit:p[d+"-exit"]||d+"-exit",exitActive:p[d+"-exit-active"]||d+"-exit-active"}};return c.createElement(l.CSSTransition,i({},N,S),(function(t){return c.createElement("div",{style:i({},D,T[t]),className:z,ref:function(t){e._element=t}},n)}))},t.propTypes={in:u.bool,children:u.oneOfType([u.arrayOf(u.node),u.node]),transitionName:u.string.isRequired,className:u.string,appear:u.bool,enter:u.bool,exit:u.bool,transitionEnterDuration:u.number.isRequired,transitionExitDuration:u.number.isRequired,mountOnEnter:u.bool,unmountOnExit:u.bool,animationEnteringStyle:u.object,animationEnteredStyle:u.object,animationExitingStyle:u.object,animationExitedStyle:u.object},t.defaultProps={mountOnEnter:!0,unmountOnExit:!1,onEnter:s.noop,onEntering:s.noop,onEntered:s.noop,onExit:s.noop,onExiting:s.noop,onExited:s.noop,onAfterExited:s.noop,animationEnteringStyle:{},animationEnteredStyle:{},animationExitingStyle:{},animationExitedStyle:{}},t}(c.Component);t.AnimationChild=f},function(e,t){e.exports=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(2);t.Animation=r.Animation;var o=n(6);t.AnimationChild=o.AnimationChild;var i=n(10);t.Fade=i.Fade;var a=n(11);t.Expand=a.Expand;var c=n(12);t.Push=c.Push;var u=n(13);t.Slide=u.Slide;var s=n(14);t.Zoom=s.Zoom;var l=n(15);t.Reveal=l.Reveal;var p=n(16);t.useAnimation=p.useAnimation},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata={name:"@progress/kendo-react-animation",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1637226507,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"}},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=function(e,t){return(r=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])})(e,t)},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||function(){return(i=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},a=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var c=n(0),u=n(1),s=n(2),l=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.prototype.render=function(){var e=this.props,t=e.children,n=a(e,["children"]);return c.createElement(s.Animation,i({},{transitionName:"fade"},n),t)},t.propTypes={children:u.oneOfType([u.arrayOf(u.node),u.node]),childFactory:u.any,className:u.string,component:u.string,id:u.string,style:u.any},t.defaultProps={appear:!1,enter:!0,exit:!1,transitionEnterDuration:500,transitionExitDuration:500},t}(c.Component);t.Fade=l},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=function(e,t){return(r=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])})(e,t)},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||function(){return(i=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},a=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var c=n(0),u=n(1),s=n(2),l=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.prototype.render=function(){var e=this.props,t=e.direction,n=e.children,r=a(e,["direction","children"]),o={transitionName:"expand-"+t};return c.createElement(s.Animation,i({},o,r),n)},t.propTypes={children:u.oneOfType([u.arrayOf(u.node),u.node]),childFactory:u.any,className:u.string,direction:u.oneOf(["horizontal","vertical"]),component:u.string,id:u.string,style:u.any},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"vertical"},t}(c.Component);t.Expand=l},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=function(e,t){return(r=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])})(e,t)},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||function(){return(i=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},a=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var c=n(0),u=n(1),s=n(2),l={position:"absolute",top:"0",left:"0"},p=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.prototype.render=function(){var e=this.props,t=e.children,n=e.direction,r=a(e,["children","direction"]);return c.createElement(s.Animation,i({},r,{transitionName:"push-"+n,animationExitingStyle:this.props.stackChildren?l:void 0}),t)},t.propTypes={children:u.oneOfType([u.arrayOf(u.node),u.node]),childFactory:u.any,className:u.string,direction:u.oneOf(["up","down","left","right"]),component:u.string,id:u.string,style:u.any,stackChildren:u.bool},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"right",stackChildren:!1},t}(c.Component);t.Push=p},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=function(e,t){return(r=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])})(e,t)},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||function(){return(i=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},a=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var c=n(0),u=n(1),s=n(2),l=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.prototype.render=function(){var e=this.props,t=e.direction,n=e.children,r=a(e,["direction","children"]),o={transitionName:"slide-"+t};return c.createElement(s.Animation,i({},o,r),n)},t.propTypes={children:u.oneOfType([u.arrayOf(u.node),u.node]),childFactory:u.any,className:u.string,direction:u.oneOf(["up","down","left","right"]),component:u.string,id:u.string,style:u.any},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"down"},t}(c.Component);t.Slide=l},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=function(e,t){return(r=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])})(e,t)},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||function(){return(i=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},a=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var c=n(0),u=n(1),s=n(2),l={position:"absolute",top:"0",left:"0"},p=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.prototype.render=function(){var e=this.props,t=e.children,n=e.direction,r=a(e,["children","direction"]);return c.createElement(s.Animation,i({},r,{transitionName:"zoom-"+n,animationExitingStyle:this.props.stackChildren?l:void 0}),t)},t.propTypes={children:u.oneOfType([u.arrayOf(u.node),u.node]),childFactory:u.any,className:u.string,direction:u.oneOf(["in","out"]),component:u.string,id:u.string,style:u.any,stackChildren:u.bool},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"out",stackChildren:!1},t}(c.Component);t.Zoom=p},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=function(e,t){return(r=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])})(e,t)},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||function(){return(i=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},a=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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var c=n(0),u=n(1),s=n(2),l=n(3),p=n(4),f=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,r=n.onEnter,o=n.onBeforeEnter;o&&o.call(void 0,e),t.updateContainerDimensions(e.animatedElement,(function(){r&&r.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=l.noop);var r=e.firstChild;if(r){var o=p.default.outerHeight(r),i=p.default.outerWidth(r);t.setState({maxHeight:o,maxWidth:i},n)}},t}return o(t,e),t.prototype.render=function(){var e,t=this.props,n=t.direction,r=t.children,o=t.childFactory,u=a(t,["direction","children","childFactory"]),l=this.state,p=l.maxHeight,f=l.maxWidth,d={maxHeight:(e="vertical"===n?{maxHeight:p?p+"px":null}:{maxWidth:f?f+"px":null}).maxHeight,maxWidth:e.maxWidth};return c.createElement(s.Animation,i({},u,{childFactory:function(t){var n=o?o(t):t;return n.props.in?n:c.cloneElement(n,i({},n.props,{style:i({},n.props.style,{maxHeight:e.maxHeight,maxWidth:e.maxWidth})}))},onEnter:this.componentWillEnter,onEntering:this.componentIsEntering,onExit:this.componentWillExit,animationEnteringStyle:d,transitionName:"reveal-"+n}),r)},t.propTypes={children:u.oneOfType([u.arrayOf(u.node),u.node]),childFactory:u.any,className:u.string,direction:u.oneOf(["horizontal","vertical"]),component:u.string,id:u.string,style:u.any},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"vertical"},t}(c.Component);t.Reveal=f},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0);t.useAnimation=function(e,t){var n=r.useRef(0),o=r.useRef(!1),i=r.useRef();r.useEffect((function(){return function(e){var t,r=e.duration,o=n.current&&1-n.current;e.onStart&&e.onStart();var a=function(c){t||(t=c);var u=(c-t+1)/r+o;u<=1?(e.onUpdate&&e.onUpdate(u),i.current=window.requestAnimationFrame(a),n.current=u):(e.onEnd&&e.onEnd(1),n.current=0)};i.current=window.requestAnimationFrame(a)}(e),function(){i.current&&window.cancelAnimationFrame(i.current)}}),t),r.useEffect((function(){o.current=!0}),[])}}])}));
@@ -71,6 +71,7 @@ export declare class AnimationChild extends React.Component<AnimationChildProps,
71
71
  onExit: () => void;
72
72
  onExiting: () => void;
73
73
  onExited: () => void;
74
+ onAfterExited: () => void;
74
75
  animationEnteringStyle: {};
75
76
  animationEnteredStyle: {};
76
77
  animationExitingStyle: {};
@@ -57,7 +57,7 @@ var AnimationChild = /** @class */ (function (_super) {
57
57
  */
58
58
  AnimationChild.prototype.render = function () {
59
59
  var _this = this;
60
- var _a = this.props, children = _a.children, style = _a.style, appear = _a.appear, enter = _a.enter, exit = _a.exit, transitionName = _a.transitionName, transitionEnterDuration = _a.transitionEnterDuration, transitionExitDuration = _a.transitionExitDuration, className = _a.className, onEnter = _a.onEnter, onEntering = _a.onEntering, onEntered = _a.onEntered, onExit = _a.onExit, onExiting = _a.onExiting, onExited = _a.onExited, mountOnEnter = _a.mountOnEnter, unmountOnExit = _a.unmountOnExit, animationEnteringStyle = _a.animationEnteringStyle, animationEnteredStyle = _a.animationEnteredStyle, animationExitingStyle = _a.animationExitingStyle, animationExitedStyle = _a.animationExitedStyle, other = __rest(_a, ["children", "style", "appear", "enter", "exit", "transitionName", "transitionEnterDuration", "transitionExitDuration", "className", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "mountOnEnter", "unmountOnExit", "animationEnteringStyle", "animationEnteredStyle", "animationExitingStyle", "animationExitedStyle"]);
60
+ var _a = this.props, children = _a.children, style = _a.style, appear = _a.appear, enter = _a.enter, exit = _a.exit, transitionName = _a.transitionName, transitionEnterDuration = _a.transitionEnterDuration, transitionExitDuration = _a.transitionExitDuration, className = _a.className, onEnter = _a.onEnter, onEntering = _a.onEntering, onEntered = _a.onEntered, onExit = _a.onExit, onExiting = _a.onExiting, onExited = _a.onExited, onAfterExited = _a.onAfterExited, mountOnEnter = _a.mountOnEnter, unmountOnExit = _a.unmountOnExit, animationEnteringStyle = _a.animationEnteringStyle, animationEnteredStyle = _a.animationEnteredStyle, animationExitingStyle = _a.animationExitingStyle, animationExitedStyle = _a.animationExitedStyle, other = __rest(_a, ["children", "style", "appear", "enter", "exit", "transitionName", "transitionEnterDuration", "transitionExitDuration", "className", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "onAfterExited", "mountOnEnter", "unmountOnExit", "animationEnteringStyle", "animationEnteredStyle", "animationExitingStyle", "animationExitedStyle"]);
61
61
  var childAnimationContainerClassNames = classNames(className, styles['child-animation-container']);
62
62
  var defaultStyle = __assign({ transitionDelay: '0ms' }, style);
63
63
  var animationStyle = {
@@ -103,6 +103,9 @@ var AnimationChild = /** @class */ (function (_super) {
103
103
  }
104
104
  }),
105
105
  onExited: (function (e) {
106
+ if (onAfterExited) {
107
+ onAfterExited.call(undefined, { animatedElement: e, target: _this });
108
+ }
106
109
  if (onExited) {
107
110
  onExited.call(undefined, { animatedElement: e, target: _this });
108
111
  }
@@ -155,6 +158,7 @@ var AnimationChild = /** @class */ (function (_super) {
155
158
  onExit: noop,
156
159
  onExiting: noop,
157
160
  onExited: noop,
161
+ onAfterExited: noop,
158
162
  animationEnteringStyle: {},
159
163
  animationEnteredStyle: {},
160
164
  animationExitingStyle: {},
@@ -48,6 +48,11 @@ export interface AnimationInterface {
48
48
  * An event that is called after the Animation has reached its exited state ([more information and example]({% slug lifecyclehooks_animation %}#toc-removing-child-elements)).
49
49
  */
50
50
  onExited?: (event: AnimationEventArguments) => void;
51
+ /**
52
+ * @hidden
53
+ * This event is always triggered in contrast to `onExited` which TransitionGroup prevents when target element is not removed from DOM.
54
+ */
55
+ onAfterExited?: (event: AnimationEventArguments) => void;
51
56
  /**
52
57
  * Defines whether a transition should happen on the first mount. Defaults to `false`.
53
58
  */
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import * as PropTypes from 'prop-types';
3
- import { AnimationInterface } from './AnimationInterface';
3
+ import { AnimationInterface, AnimationEventArguments } from './AnimationInterface';
4
4
  /**
5
5
  * Specifies the direction of the Reveal Animation ([see example]({% slug direction_animation %}#toc-reveal)).
6
6
  *
@@ -49,6 +49,11 @@ export interface RevealProps extends AnimationInterface {
49
49
  * Specifies the style of the parent Animation.
50
50
  */
51
51
  style?: any;
52
+ /**
53
+ * @hidden
54
+ * This is synchronious variant of `onEnter` event.
55
+ */
56
+ onBeforeEnter?: (event: AnimationEventArguments) => void;
52
57
  }
53
58
  /**
54
59
  * @hidden
package/dist/es/Reveal.js CHANGED
@@ -48,7 +48,10 @@ var Reveal = /** @class */ (function (_super) {
48
48
  maxWidth: undefined
49
49
  };
50
50
  _this.componentWillEnter = function (event) {
51
- var onEnter = _this.props.onEnter;
51
+ var _a = _this.props, onEnter = _a.onEnter, onBeforeEnter = _a.onBeforeEnter;
52
+ if (onBeforeEnter) {
53
+ onBeforeEnter.call(undefined, event);
54
+ }
52
55
  _this.updateContainerDimensions(event.animatedElement, function () {
53
56
  if (onEnter) {
54
57
  onEnter.call(undefined, event);
@@ -103,12 +106,13 @@ var Reveal = /** @class */ (function (_super) {
103
106
  maxWidth: maxOffset.maxWidth
104
107
  };
105
108
  var factory = function (child) {
106
- if (!child.props.in) {
107
- return React.cloneElement(child, __assign({}, child.props, { style: __assign({}, child.props.style, { maxHeight: maxOffset.maxHeight, maxWidth: maxOffset.maxWidth }) }));
109
+ var result = childFactory ? childFactory(child) : child;
110
+ if (!result.props.in) {
111
+ return React.cloneElement(result, __assign({}, result.props, { style: __assign({}, result.props.style, { maxHeight: maxOffset.maxHeight, maxWidth: maxOffset.maxWidth }) }));
108
112
  }
109
- return child;
113
+ return result;
110
114
  };
111
- return (React.createElement(Animation, __assign({}, other, { childFactory: childFactory ? childFactory : factory, onEnter: this.componentWillEnter, onEntering: this.componentIsEntering, onExit: this.componentWillExit, animationEnteringStyle: animationEnteringStyle, transitionName: "reveal-" + direction }), children));
115
+ return (React.createElement(Animation, __assign({}, other, { childFactory: factory, onEnter: this.componentWillEnter, onEntering: this.componentIsEntering, onExit: this.componentWillExit, animationEnteringStyle: animationEnteringStyle, transitionName: "reveal-" + direction }), children));
112
116
  };
113
117
  /**
114
118
  * @hidden
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-react-animation',
6
6
  productName: 'KendoReact',
7
7
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
8
- publishDate: 1636637574,
8
+ publishDate: 1637226507,
9
9
  version: '',
10
10
  licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
11
11
  };
@@ -71,6 +71,7 @@ export declare class AnimationChild extends React.Component<AnimationChildProps,
71
71
  onExit: () => void;
72
72
  onExiting: () => void;
73
73
  onExited: () => void;
74
+ onAfterExited: () => void;
74
75
  animationEnteringStyle: {};
75
76
  animationEnteredStyle: {};
76
77
  animationExitingStyle: {};
@@ -59,7 +59,7 @@ var AnimationChild = /** @class */ (function (_super) {
59
59
  */
60
60
  AnimationChild.prototype.render = function () {
61
61
  var _this = this;
62
- var _a = this.props, children = _a.children, style = _a.style, appear = _a.appear, enter = _a.enter, exit = _a.exit, transitionName = _a.transitionName, transitionEnterDuration = _a.transitionEnterDuration, transitionExitDuration = _a.transitionExitDuration, className = _a.className, onEnter = _a.onEnter, onEntering = _a.onEntering, onEntered = _a.onEntered, onExit = _a.onExit, onExiting = _a.onExiting, onExited = _a.onExited, mountOnEnter = _a.mountOnEnter, unmountOnExit = _a.unmountOnExit, animationEnteringStyle = _a.animationEnteringStyle, animationEnteredStyle = _a.animationEnteredStyle, animationExitingStyle = _a.animationExitingStyle, animationExitedStyle = _a.animationExitedStyle, other = __rest(_a, ["children", "style", "appear", "enter", "exit", "transitionName", "transitionEnterDuration", "transitionExitDuration", "className", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "mountOnEnter", "unmountOnExit", "animationEnteringStyle", "animationEnteredStyle", "animationExitingStyle", "animationExitedStyle"]);
62
+ var _a = this.props, children = _a.children, style = _a.style, appear = _a.appear, enter = _a.enter, exit = _a.exit, transitionName = _a.transitionName, transitionEnterDuration = _a.transitionEnterDuration, transitionExitDuration = _a.transitionExitDuration, className = _a.className, onEnter = _a.onEnter, onEntering = _a.onEntering, onEntered = _a.onEntered, onExit = _a.onExit, onExiting = _a.onExiting, onExited = _a.onExited, onAfterExited = _a.onAfterExited, mountOnEnter = _a.mountOnEnter, unmountOnExit = _a.unmountOnExit, animationEnteringStyle = _a.animationEnteringStyle, animationEnteredStyle = _a.animationEnteredStyle, animationExitingStyle = _a.animationExitingStyle, animationExitedStyle = _a.animationExitedStyle, other = __rest(_a, ["children", "style", "appear", "enter", "exit", "transitionName", "transitionEnterDuration", "transitionExitDuration", "className", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "onAfterExited", "mountOnEnter", "unmountOnExit", "animationEnteringStyle", "animationEnteredStyle", "animationExitingStyle", "animationExitedStyle"]);
63
63
  var childAnimationContainerClassNames = kendo_react_common_1.classNames(className, styles['child-animation-container']);
64
64
  var defaultStyle = __assign({ transitionDelay: '0ms' }, style);
65
65
  var animationStyle = {
@@ -105,6 +105,9 @@ var AnimationChild = /** @class */ (function (_super) {
105
105
  }
106
106
  }),
107
107
  onExited: (function (e) {
108
+ if (onAfterExited) {
109
+ onAfterExited.call(undefined, { animatedElement: e, target: _this });
110
+ }
108
111
  if (onExited) {
109
112
  onExited.call(undefined, { animatedElement: e, target: _this });
110
113
  }
@@ -157,6 +160,7 @@ var AnimationChild = /** @class */ (function (_super) {
157
160
  onExit: kendo_react_common_1.noop,
158
161
  onExiting: kendo_react_common_1.noop,
159
162
  onExited: kendo_react_common_1.noop,
163
+ onAfterExited: kendo_react_common_1.noop,
160
164
  animationEnteringStyle: {},
161
165
  animationEnteredStyle: {},
162
166
  animationExitingStyle: {},
@@ -48,6 +48,11 @@ export interface AnimationInterface {
48
48
  * An event that is called after the Animation has reached its exited state ([more information and example]({% slug lifecyclehooks_animation %}#toc-removing-child-elements)).
49
49
  */
50
50
  onExited?: (event: AnimationEventArguments) => void;
51
+ /**
52
+ * @hidden
53
+ * This event is always triggered in contrast to `onExited` which TransitionGroup prevents when target element is not removed from DOM.
54
+ */
55
+ onAfterExited?: (event: AnimationEventArguments) => void;
51
56
  /**
52
57
  * Defines whether a transition should happen on the first mount. Defaults to `false`.
53
58
  */
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import * as PropTypes from 'prop-types';
3
- import { AnimationInterface } from './AnimationInterface';
3
+ import { AnimationInterface, AnimationEventArguments } from './AnimationInterface';
4
4
  /**
5
5
  * Specifies the direction of the Reveal Animation ([see example]({% slug direction_animation %}#toc-reveal)).
6
6
  *
@@ -49,6 +49,11 @@ export interface RevealProps extends AnimationInterface {
49
49
  * Specifies the style of the parent Animation.
50
50
  */
51
51
  style?: any;
52
+ /**
53
+ * @hidden
54
+ * This is synchronious variant of `onEnter` event.
55
+ */
56
+ onBeforeEnter?: (event: AnimationEventArguments) => void;
52
57
  }
53
58
  /**
54
59
  * @hidden
@@ -50,7 +50,10 @@ var Reveal = /** @class */ (function (_super) {
50
50
  maxWidth: undefined
51
51
  };
52
52
  _this.componentWillEnter = function (event) {
53
- var onEnter = _this.props.onEnter;
53
+ var _a = _this.props, onEnter = _a.onEnter, onBeforeEnter = _a.onBeforeEnter;
54
+ if (onBeforeEnter) {
55
+ onBeforeEnter.call(undefined, event);
56
+ }
54
57
  _this.updateContainerDimensions(event.animatedElement, function () {
55
58
  if (onEnter) {
56
59
  onEnter.call(undefined, event);
@@ -105,12 +108,13 @@ var Reveal = /** @class */ (function (_super) {
105
108
  maxWidth: maxOffset.maxWidth
106
109
  };
107
110
  var factory = function (child) {
108
- if (!child.props.in) {
109
- return React.cloneElement(child, __assign({}, child.props, { style: __assign({}, child.props.style, { maxHeight: maxOffset.maxHeight, maxWidth: maxOffset.maxWidth }) }));
111
+ var result = childFactory ? childFactory(child) : child;
112
+ if (!result.props.in) {
113
+ return React.cloneElement(result, __assign({}, result.props, { style: __assign({}, result.props.style, { maxHeight: maxOffset.maxHeight, maxWidth: maxOffset.maxWidth }) }));
110
114
  }
111
- return child;
115
+ return result;
112
116
  };
113
- 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));
117
+ return (React.createElement(Animation_1.Animation, __assign({}, other, { childFactory: factory, onEnter: this.componentWillEnter, onEntering: this.componentIsEntering, onExit: this.componentWillExit, animationEnteringStyle: animationEnteringStyle, transitionName: "reveal-" + direction }), children));
114
118
  };
115
119
  /**
116
120
  * @hidden
@@ -7,7 +7,7 @@ exports.packageMetadata = {
7
7
  name: '@progress/kendo-react-animation',
8
8
  productName: 'KendoReact',
9
9
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
10
- publishDate: 1636637574,
10
+ publishDate: 1637226507,
11
11
  version: '',
12
12
  licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
13
13
  };
@@ -1 +1 @@
1
- System.register("@progress/kendo-react-animation",["react","prop-types","@progress/kendo-react-common","react-transition-group"],function(o){var a,p,c,s;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){a=t(e)},function(e){p=t(e)},function(e){c=t(e)},function(e){s=t(e)}],execute:function(){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}var n,i;n=[function(e,t){e.exports=a},function(e,t){e.exports=p},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=function(e,t){return(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])})(e,t)},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||function(){return(l=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}).apply(this,arguments)},u=this&&this.__rest||function(e,t){var n={};for(r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,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 o,d=n(0),a=n(1),f=n(3),h=n(5),v=n(6),p=n(3),c=n(8),y=n(4).default.styles,a=(o=d.Component,r(s,o),s.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=u(e,["id","style","children","component","className","childFactory","stackChildren","componentChildStyle","componentChildClassName"]),o={id:t,style:n,component:r,childFactory:a,className:f.classNames(y["animation-container"],y["animation-container-relative"],o)},i=d.Children.map(i||null,function(e){return d.createElement(h.AnimationChild,l({},s,{style:p,className:c}),e)});return d.createElement(v.TransitionGroup,l({},o),i)},s.propTypes={children:a.oneOfType([a.arrayOf(a.node),a.node]),childFactory:a.any,className:a.string,component:a.string,id:a.string,style:a.any,transitionName:a.string.isRequired,appear:a.bool.isRequired,enter:a.bool.isRequired,exit:a.bool.isRequired,transitionEnterDuration:a.number.isRequired,transitionExitDuration:a.number.isRequired},s.defaultProps={component:"div"},s);function s(e){e=o.call(this,e)||this;return p.validatePackage(c.packageMetadata),e}t.Animation=a},function(e,t){e.exports=c},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),t=parseFloat(t.marginBottom);return e.offsetHeight+n+t},outerWidth:function(e){if(!e)return 0;var t=e.ownerDocument.defaultView.getComputedStyle(e),n=parseFloat(t.marginLeft),t=parseFloat(t.marginRight);return e.offsetWidth+n+t},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=function(e,t){return(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])})(e,t)},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),j=this&&this.__assign||function(){return(j=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}).apply(this,arguments)},P=this&&this.__rest||function(e,t){var n={};for(r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,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 o,S=n(0),a=n(1),z=n(3),C=n(6),D=n(4).default.styles,a=(o=S.Component,r(p,o),Object.defineProperty(p.prototype,"element",{get:function(){return this._element},enumerable:!0,configurable:!0}),p.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,e=P(e,["children","style","appear","enter","exit","transitionName","transitionEnterDuration","transitionExitDuration","className","onEnter","onEntering","onEntered","onExit","onExiting","onExited","mountOnEnter","unmountOnExit","animationEnteringStyle","animationEnteredStyle","animationExitingStyle","animationExitedStyle"]),k=z.classNames(l,D["child-animation-container"]),E=j({transitionDelay:"0ms"},i),w={entering:j({transitionDuration:c+"ms"},O),entered:j({},g),exiting:j({transitionDuration:s+"ms"},_),exited:j({},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:D[p+"-appear"]||p+"-appear",appearActive:D[p+"-appear-active"]||p+"-appear-active",enter:D[p+"-enter"]||p+"-enter",enterActive:D[p+"-enter-active"]||p+"-enter-active",exit:D[p+"-exit"]||p+"-exit",exitActive:D[p+"-exit-active"]||p+"-exit-active"}};return S.createElement(C.CSSTransition,j({},p,e),function(e){return S.createElement("div",{style:j({},E,w[e]),className:k,ref:function(e){t._element=e}},n)})},p.propTypes={in:a.bool,children:a.oneOfType([a.arrayOf(a.node),a.node]),transitionName:a.string.isRequired,className:a.string,appear:a.bool,enter:a.bool,exit:a.bool,transitionEnterDuration:a.number.isRequired,transitionExitDuration:a.number.isRequired,mountOnEnter:a.bool,unmountOnExit:a.bool,animationEnteringStyle:a.object,animationEnteredStyle:a.object,animationExitingStyle:a.object,animationExitedStyle:a.object},p.defaultProps={mountOnEnter:!0,unmountOnExit:!1,onEnter:z.noop,onEntering:z.noop,onEntered:z.noop,onExit:z.noop,onExiting:z.noop,onExited:z.noop,animationEnteringStyle:{},animationEnteredStyle:{},animationExitingStyle:{},animationExitedStyle:{}},p);function p(){return null!==o&&o.apply(this,arguments)||this}t.AnimationChild=a},function(e,t){e.exports=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2);t.Animation=i.Animation;i=n(5);t.AnimationChild=i.AnimationChild;i=n(9);t.Fade=i.Fade;i=n(10);t.Expand=i.Expand;i=n(11);t.Push=i.Push;i=n(12);t.Slide=i.Slide;i=n(13);t.Zoom=i.Zoom;i=n(14);t.Reveal=i.Reveal;n=n(15);t.useAnimation=n.useAnimation,function(e){for(var t in e)o(t,e[t])}(t)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata={name:"@progress/kendo-react-animation",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1636637574,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"}},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=function(e,t){return(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])})(e,t)},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||function(){return(o=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}).apply(this,arguments)},a=this&&this.__rest||function(e,t){var n={};for(r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,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 p,c=n(0),s=n(1),l=n(2),s=(p=c.Component,r(u,p),u.prototype.render=function(){var e=this.props,t=e.children,e=a(e,["children"]);return c.createElement(l.Animation,o({},{transitionName:"fade"},e),t)},u.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},u.defaultProps={appear:!1,enter:!0,exit:!1,transitionEnterDuration:500,transitionExitDuration:500},u);function u(){return null!==p&&p.apply(this,arguments)||this}t.Fade=s},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=function(e,t){return(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])})(e,t)},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||function(){return(o=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}).apply(this,arguments)},a=this&&this.__rest||function(e,t){var n={};for(r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,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 p,c=n(0),s=n(1),l=n(2),s=(p=c.Component,r(u,p),u.prototype.render=function(){var e=this.props,t=e.direction,n=e.children,e=a(e,["direction","children"]);return c.createElement(l.Animation,o({},{transitionName:"expand-"+t},e),n)},u.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},u.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"vertical"},u);function u(){return null!==p&&p.apply(this,arguments)||this}t.Expand=s},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=function(e,t){return(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])})(e,t)},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||function(){return(o=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}).apply(this,arguments)},a=this&&this.__rest||function(e,t){var n={};for(r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,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 p,c=n(0),s=n(1),l=n(2),u={position:"absolute",top:"0",left:"0"},s=(p=c.Component,r(d,p),d.prototype.render=function(){var e=this.props,t=e.children,n=e.direction,e=a(e,["children","direction"]);return c.createElement(l.Animation,o({},e,{transitionName:"push-"+n,animationExitingStyle:this.props.stackChildren?u:void 0}),t)},d.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},d.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"right",stackChildren:!1},d);function d(){return null!==p&&p.apply(this,arguments)||this}t.Push=s},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=function(e,t){return(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])})(e,t)},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||function(){return(o=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}).apply(this,arguments)},a=this&&this.__rest||function(e,t){var n={};for(r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,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 p,c=n(0),s=n(1),l=n(2),s=(p=c.Component,r(u,p),u.prototype.render=function(){var e=this.props,t=e.direction,n=e.children,e=a(e,["direction","children"]);return c.createElement(l.Animation,o({},{transitionName:"slide-"+t},e),n)},u.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},u.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"down"},u);function u(){return null!==p&&p.apply(this,arguments)||this}t.Slide=s},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=function(e,t){return(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])})(e,t)},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||function(){return(o=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}).apply(this,arguments)},a=this&&this.__rest||function(e,t){var n={};for(r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,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 p,c=n(0),s=n(1),l=n(2),u={position:"absolute",top:"0",left:"0"},s=(p=c.Component,r(d,p),d.prototype.render=function(){var e=this.props,t=e.children,n=e.direction,e=a(e,["children","direction"]);return c.createElement(l.Animation,o({},e,{transitionName:"zoom-"+n,animationExitingStyle:this.props.stackChildren?u:void 0}),t)},d.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},d.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"out",stackChildren:!1},d);function d(){return null!==p&&p.apply(this,arguments)||this}t.Zoom=s},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=function(e,t){return(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])})(e,t)},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),p=this&&this.__assign||function(){return(p=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}).apply(this,arguments)},c=this&&this.__rest||function(e,t){var n={};for(r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,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 o,s=n(0),a=n(1),l=n(2),u=n(3),d=n(4),a=(o=s.Component,r(f,o),f.prototype.render=function(){var t,e=this.props,n=e.direction,i=e.children,r=e.childFactory,o=c(e,["direction","children","childFactory"]),a=this.state,e=a.maxHeight,a=a.maxWidth,a={maxHeight:(t="vertical"===n?{maxHeight:e?e+"px":null}:{maxWidth:a?a+"px":null}).maxHeight,maxWidth:t.maxWidth};return s.createElement(l.Animation,p({},o,{childFactory:r||function(e){return e.props.in?e:s.cloneElement(e,p({},e.props,{style:p({},e.props.style,{maxHeight:t.maxHeight,maxWidth:t.maxWidth})}))},onEnter:this.componentWillEnter,onEntering:this.componentIsEntering,onExit:this.componentWillExit,animationEnteringStyle:a,transitionName:"reveal-"+n}),i)},f.propTypes={children:a.oneOfType([a.arrayOf(a.node),a.node]),childFactory:a.any,className:a.string,direction:a.oneOf(["horizontal","vertical"]),component:a.string,id:a.string,style:a.any},f.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"vertical"},f);function f(){var i=null!==o&&o.apply(this,arguments)||this;return i.state={maxHeight:void 0,maxWidth:void 0},i.componentWillEnter=function(e){var t=i.props.onEnter;i.updateContainerDimensions(e.animatedElement,function(){t&&t.call(void 0,e)})},i.componentIsEntering=function(e){var t=i.props.onEntering;i.updateContainerDimensions(e.animatedElement,function(){t&&t.call(void 0,e)})},i.componentWillExit=function(e){var t=i.props.onExit;i.updateContainerDimensions(e.animatedElement,function(){t&&t.call(void 0,e)})},i.updateContainerDimensions=function(e,t){void 0===t&&(t=u.noop);var n=e.firstChild;n&&(e=d.default.outerHeight(n),n=d.default.outerWidth(n),i.setState({maxHeight:e,maxWidth:n},t))},i}t.Reveal=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(0);t.useAnimation=function(e,t){var a=i.useRef(0),n=i.useRef(!1),p=i.useRef();i.useEffect(function(){return function(t){var n,i=t.duration,r=a.current&&1-a.current;t.onStart&&t.onStart();function o(e){(e=(e-(n=n||e)+1)/i+r)<=1?(t.onUpdate&&t.onUpdate(e),p.current=window.requestAnimationFrame(o),a.current=e):(t.onEnd&&t.onEnd(1),a.current=0)}p.current=window.requestAnimationFrame(o)}(e),function(){p.current&&window.cancelAnimationFrame(p.current)}},t),i.useEffect(function(){n.current=!0},[])}}],i={},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)}}});
1
+ System.register("@progress/kendo-react-animation",["react","prop-types","@progress/kendo-react-common","react-transition-group"],function(o){var a,p,c,s;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){a=t(e)},function(e){p=t(e)},function(e){c=t(e)},function(e){s=t(e)}],execute:function(){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}var n,i;n=[function(e,t){e.exports=a},function(e,t){e.exports=p},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=function(e,t){return(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])})(e,t)},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||function(){return(l=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}).apply(this,arguments)},u=this&&this.__rest||function(e,t){var n={};for(r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,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 o,d=n(0),a=n(1),f=n(3),h=n(5),v=n(6),p=n(3),c=n(8),y=n(4).default.styles,a=(o=d.Component,r(s,o),s.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=u(e,["id","style","children","component","className","childFactory","stackChildren","componentChildStyle","componentChildClassName"]),o={id:t,style:n,component:r,childFactory:a,className:f.classNames(y["animation-container"],y["animation-container-relative"],o)},i=d.Children.map(i||null,function(e){return d.createElement(h.AnimationChild,l({},s,{style:p,className:c}),e)});return d.createElement(v.TransitionGroup,l({},o),i)},s.propTypes={children:a.oneOfType([a.arrayOf(a.node),a.node]),childFactory:a.any,className:a.string,component:a.string,id:a.string,style:a.any,transitionName:a.string.isRequired,appear:a.bool.isRequired,enter:a.bool.isRequired,exit:a.bool.isRequired,transitionEnterDuration:a.number.isRequired,transitionExitDuration:a.number.isRequired},s.defaultProps={component:"div"},s);function s(e){e=o.call(this,e)||this;return p.validatePackage(c.packageMetadata),e}t.Animation=a},function(e,t){e.exports=c},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),t=parseFloat(t.marginBottom);return e.offsetHeight+n+t},outerWidth:function(e){if(!e)return 0;var t=e.ownerDocument.defaultView.getComputedStyle(e),n=parseFloat(t.marginLeft),t=parseFloat(t.marginRight);return e.offsetWidth+n+t},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=function(e,t){return(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])})(e,t)},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),P=this&&this.__assign||function(){return(P=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}).apply(this,arguments)},S=this&&this.__rest||function(e,t){var n={};for(r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,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 o,z=n(0),a=n(1),C=n(3),A=n(6),D=n(4).default.styles,a=(o=z.Component,r(p,o),Object.defineProperty(p.prototype,"element",{get:function(){return this._element},enumerable:!0,configurable:!0}),p.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.onAfterExited,x=e.mountOnEnter,O=e.unmountOnExit,g=e.animationEnteringStyle,_=e.animationEnteredStyle,b=e.animationExitingStyle,E=e.animationExitedStyle,e=S(e,["children","style","appear","enter","exit","transitionName","transitionEnterDuration","transitionExitDuration","className","onEnter","onEntering","onEntered","onExit","onExiting","onExited","onAfterExited","mountOnEnter","unmountOnExit","animationEnteringStyle","animationEnteredStyle","animationExitingStyle","animationExitedStyle"]),k=C.classNames(l,D["child-animation-container"]),w=P({transitionDelay:"0ms"},i),j={entering:P({transitionDuration:c+"ms"},g),entered:P({},_),exiting:P({transitionDuration:s+"ms"},b),exited:P({},E)},p={in:this.props.in,appear:r,enter:o,exit:a,mountOnEnter:x,unmountOnExit:O,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){m&&m.call(void 0,{animatedElement:e,target:t}),y&&y.call(void 0,{animatedElement:e,target:t})},classNames:{appear:D[p+"-appear"]||p+"-appear",appearActive:D[p+"-appear-active"]||p+"-appear-active",enter:D[p+"-enter"]||p+"-enter",enterActive:D[p+"-enter-active"]||p+"-enter-active",exit:D[p+"-exit"]||p+"-exit",exitActive:D[p+"-exit-active"]||p+"-exit-active"}};return z.createElement(A.CSSTransition,P({},p,e),function(e){return z.createElement("div",{style:P({},w,j[e]),className:k,ref:function(e){t._element=e}},n)})},p.propTypes={in:a.bool,children:a.oneOfType([a.arrayOf(a.node),a.node]),transitionName:a.string.isRequired,className:a.string,appear:a.bool,enter:a.bool,exit:a.bool,transitionEnterDuration:a.number.isRequired,transitionExitDuration:a.number.isRequired,mountOnEnter:a.bool,unmountOnExit:a.bool,animationEnteringStyle:a.object,animationEnteredStyle:a.object,animationExitingStyle:a.object,animationExitedStyle:a.object},p.defaultProps={mountOnEnter:!0,unmountOnExit:!1,onEnter:C.noop,onEntering:C.noop,onEntered:C.noop,onExit:C.noop,onExiting:C.noop,onExited:C.noop,onAfterExited:C.noop,animationEnteringStyle:{},animationEnteredStyle:{},animationExitingStyle:{},animationExitedStyle:{}},p);function p(){return null!==o&&o.apply(this,arguments)||this}t.AnimationChild=a},function(e,t){e.exports=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2);t.Animation=i.Animation;i=n(5);t.AnimationChild=i.AnimationChild;i=n(9);t.Fade=i.Fade;i=n(10);t.Expand=i.Expand;i=n(11);t.Push=i.Push;i=n(12);t.Slide=i.Slide;i=n(13);t.Zoom=i.Zoom;i=n(14);t.Reveal=i.Reveal;n=n(15);t.useAnimation=n.useAnimation,function(e){for(var t in e)o(t,e[t])}(t)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata={name:"@progress/kendo-react-animation",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1637226507,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"}},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=function(e,t){return(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])})(e,t)},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||function(){return(o=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}).apply(this,arguments)},a=this&&this.__rest||function(e,t){var n={};for(r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,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 p,c=n(0),s=n(1),l=n(2),s=(p=c.Component,r(u,p),u.prototype.render=function(){var e=this.props,t=e.children,e=a(e,["children"]);return c.createElement(l.Animation,o({},{transitionName:"fade"},e),t)},u.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},u.defaultProps={appear:!1,enter:!0,exit:!1,transitionEnterDuration:500,transitionExitDuration:500},u);function u(){return null!==p&&p.apply(this,arguments)||this}t.Fade=s},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=function(e,t){return(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])})(e,t)},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||function(){return(o=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}).apply(this,arguments)},a=this&&this.__rest||function(e,t){var n={};for(r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,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 p,c=n(0),s=n(1),l=n(2),s=(p=c.Component,r(u,p),u.prototype.render=function(){var e=this.props,t=e.direction,n=e.children,e=a(e,["direction","children"]);return c.createElement(l.Animation,o({},{transitionName:"expand-"+t},e),n)},u.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},u.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"vertical"},u);function u(){return null!==p&&p.apply(this,arguments)||this}t.Expand=s},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=function(e,t){return(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])})(e,t)},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||function(){return(o=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}).apply(this,arguments)},a=this&&this.__rest||function(e,t){var n={};for(r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,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 p,c=n(0),s=n(1),l=n(2),u={position:"absolute",top:"0",left:"0"},s=(p=c.Component,r(d,p),d.prototype.render=function(){var e=this.props,t=e.children,n=e.direction,e=a(e,["children","direction"]);return c.createElement(l.Animation,o({},e,{transitionName:"push-"+n,animationExitingStyle:this.props.stackChildren?u:void 0}),t)},d.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},d.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"right",stackChildren:!1},d);function d(){return null!==p&&p.apply(this,arguments)||this}t.Push=s},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=function(e,t){return(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])})(e,t)},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||function(){return(o=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}).apply(this,arguments)},a=this&&this.__rest||function(e,t){var n={};for(r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,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 p,c=n(0),s=n(1),l=n(2),s=(p=c.Component,r(u,p),u.prototype.render=function(){var e=this.props,t=e.direction,n=e.children,e=a(e,["direction","children"]);return c.createElement(l.Animation,o({},{transitionName:"slide-"+t},e),n)},u.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},u.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"down"},u);function u(){return null!==p&&p.apply(this,arguments)||this}t.Slide=s},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=function(e,t){return(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])})(e,t)},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||function(){return(o=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}).apply(this,arguments)},a=this&&this.__rest||function(e,t){var n={};for(r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,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 p,c=n(0),s=n(1),l=n(2),u={position:"absolute",top:"0",left:"0"},s=(p=c.Component,r(d,p),d.prototype.render=function(){var e=this.props,t=e.children,n=e.direction,e=a(e,["children","direction"]);return c.createElement(l.Animation,o({},e,{transitionName:"zoom-"+n,animationExitingStyle:this.props.stackChildren?u:void 0}),t)},d.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},d.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"out",stackChildren:!1},d);function d(){return null!==p&&p.apply(this,arguments)||this}t.Zoom=s},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=function(e,t){return(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])})(e,t)},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),p=this&&this.__assign||function(){return(p=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}).apply(this,arguments)},c=this&&this.__rest||function(e,t){var n={};for(r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,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 o,s=n(0),a=n(1),l=n(2),u=n(3),d=n(4),a=(o=s.Component,r(f,o),f.prototype.render=function(){var t,e=this.props,n=e.direction,i=e.children,r=e.childFactory,o=c(e,["direction","children","childFactory"]),a=this.state,e=a.maxHeight,a=a.maxWidth,a={maxHeight:(t="vertical"===n?{maxHeight:e?e+"px":null}:{maxWidth:a?a+"px":null}).maxHeight,maxWidth:t.maxWidth};return s.createElement(l.Animation,p({},o,{childFactory:function(e){e=r?r(e):e;return e.props.in?e:s.cloneElement(e,p({},e.props,{style:p({},e.props.style,{maxHeight:t.maxHeight,maxWidth:t.maxWidth})}))},onEnter:this.componentWillEnter,onEntering:this.componentIsEntering,onExit:this.componentWillExit,animationEnteringStyle:a,transitionName:"reveal-"+n}),i)},f.propTypes={children:a.oneOfType([a.arrayOf(a.node),a.node]),childFactory:a.any,className:a.string,direction:a.oneOf(["horizontal","vertical"]),component:a.string,id:a.string,style:a.any},f.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"vertical"},f);function f(){var i=null!==o&&o.apply(this,arguments)||this;return i.state={maxHeight:void 0,maxWidth:void 0},i.componentWillEnter=function(e){var t=i.props,n=t.onEnter,t=t.onBeforeEnter;t&&t.call(void 0,e),i.updateContainerDimensions(e.animatedElement,function(){n&&n.call(void 0,e)})},i.componentIsEntering=function(e){var t=i.props.onEntering;i.updateContainerDimensions(e.animatedElement,function(){t&&t.call(void 0,e)})},i.componentWillExit=function(e){var t=i.props.onExit;i.updateContainerDimensions(e.animatedElement,function(){t&&t.call(void 0,e)})},i.updateContainerDimensions=function(e,t){void 0===t&&(t=u.noop);var n=e.firstChild;n&&(e=d.default.outerHeight(n),n=d.default.outerWidth(n),i.setState({maxHeight:e,maxWidth:n},t))},i}t.Reveal=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(0);t.useAnimation=function(e,t){var a=i.useRef(0),n=i.useRef(!1),p=i.useRef();i.useEffect(function(){return function(t){var n,i=t.duration,r=a.current&&1-a.current;t.onStart&&t.onStart();function o(e){(e=(e-(n=n||e)+1)/i+r)<=1?(t.onUpdate&&t.onUpdate(e),p.current=window.requestAnimationFrame(o),a.current=e):(t.onEnd&&t.onEnd(1),a.current=0)}p.current=window.requestAnimationFrame(o)}(e),function(){p.current&&window.cancelAnimationFrame(p.current)}},t),i.useEffect(function(){n.current=!0},[])}}],i={},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)}}});
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-react-animation",
3
3
  "description": "KendoReact Animation package",
4
- "version": "4.11.0-dev.202111111356",
4
+ "version": "4.11.0-dev.202111180932",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/telerik/kendo-react.git"
@@ -35,7 +35,7 @@
35
35
  "react-dom": "^16.8.2 || ^17.0.0"
36
36
  },
37
37
  "dependencies": {
38
- "@progress/kendo-react-common": "4.11.0-dev.202111111356",
38
+ "@progress/kendo-react-common": "4.11.0-dev.202111180932",
39
39
  "prop-types": "^15.6.0",
40
40
  "react-transition-group": "^4.4.2"
41
41
  },