@progress/kendo-react-popup
Advanced tools
Comparing version 2.3.3-dev.201811120921 to 2.4.0-dev.201811141803
@@ -1,1 +0,1 @@ | ||
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("prop-types"),require("react"),require("react-transition-group"),require("react-dom"),require("react-dom/server")):"function"==typeof define&&define.amd?define(["prop-types","react","react-transition-group","react-dom","react-dom/server"],e):"object"==typeof exports?exports.KendoReactPopup=e(require("prop-types"),require("react"),require("react-transition-group"),require("react-dom"),require("react-dom/server")):t.KendoReactPopup=e(t.PropTypes,t.React,t.ReactTransitionGroup,t.ReactDOM,t.ReactDOMServer)}(window,function(t,e,n,i,o){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var o=e[i]={i:i,l:!1,exports:{}};return t[i].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(i,o,function(e){return t[e]}.bind(null,o));return i},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=6)}([function(e,n){e.exports=t},function(t,n){t.exports=e},function(t,e,n){"use strict";n.r(e);var i=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];return t.filter(function(t){return!0!==t&&!!t}).map(function(t){return Array.isArray(t)?i.apply(void 0,t):"object"==typeof t?Object.keys(t).map(function(e,n){return t[n]||t[e]&&e||null}).filter(function(t){return null!==t}).join(" "):t}).filter(function(t){return!!t}).join(" ")},o=function(){var t,e,n="";for(t=0;t<32;t++)e=16*Math.random()|0,8!==t&&12!==t&&16!==t&&20!==t||(n+="-"),n+=(12===t?4:16===t?3&e|8:e).toString(16);return n},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},a=function(){},l=function(){return function(){}}(),c=n(1),p=n(0),s=function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),u=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.state={focused:!1},e.handleFocus=function(t){e.setState({focused:!0})},e.handleBlur=function(t){e.setState({focused:!1})},e}return s(e,t),e.prototype.render=function(){var t=this.props,e=t.label,n=t.id,o=t.className,r=t.value,a=t.placeholder,l=t.valid,p=t.style,s=i({"k-textbox-container":!0,"k-state-focused":this.state.focused,"k-state-empty":!(r||a),"k-state-invalid":!l&&void 0!==l},o);return c.createElement("span",{className:s,onFocus:this.handleFocus,onBlur:this.handleBlur,style:p},this.props.children,e?n?c.createElement("label",{htmlFor:n,className:"k-label"},e):c.createElement("span",{className:"k-label"},e):null)},e.propTypes={label:p.string,id:p.string,value:p.string,placeholder:p.string,valid:p.bool},e}(c.Component);function f(t,e,n,i){if(t){var o={syntheticEvent:e,nativeEvent:e.nativeEvent,target:n};t.call(void 0,Object.assign(o,i))}}var d=function(){return"undefined"==typeof window};n.d(e,"classNames",function(){return i}),n.d(e,"guid",function(){return o}),n.d(e,"Keys",function(){return r}),n.d(e,"noop",function(){return a}),n.d(e,"FloatingLabel",function(){return u}),n.d(e,"FormComponent",function(){return l}),n.d(e,"dispatchEvent",function(){return f}),n.d(e,"isServerRendering",function(){return d})},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(5);e.eitherRect=function(t,e){return t||{height:0,left:e.left,top:e.top,width:0}},e.replaceOffset=function(t,e){return e?{height:t.height,left:e.left,top:e.top,width:t.width}:t},e.removeStackingOffset=function(t,e){return e?{height:t.height,left:t.left-e.left,top:t.top-e.top,width:t.width}:t},e.isDifferentOffset=function(t,e){var n=t.left,i=t.top,o=e.left,r=e.top;return Math.abs(n-o)>=1||Math.abs(i-r)>=1},e.isDocumentAvailable=function(){return"undefined"!=typeof document&&!!document.body},e.isWindowAvailable=function(){return"undefined"!=typeof window},e.hasBoundingRect=function(t){return!!t.getBoundingClientRect},e.OVERFLOW_REGEXP=/auto|scroll/;var o=function(t){var e=window.getComputedStyle(t);return""+e.overflow+e.overflowX+e.overflowY};e.scrollableParents=function(t){var n=[];if(!e.isDocumentAvailable()||!e.isWindowAvailable())return n;for(var i=t.parentElement;i;)e.OVERFLOW_REGEXP.test(o(i))&&n.push(i),i=i.parentElement;return n.push(window),n},e.FRAME_DURATION=1e3/60,e.hasRelativeStackingContext=function(){if(!e.isDocumentAvailable())return!1;var t=document.createElement("div");t.style.transform="matrix(10, 0, 0, 10, 0, 0)",t.innerHTML='<div style="position: fixed; top: 10px;">child</div>',document.body.appendChild(t);var n=10!==t.children[0].getBoundingClientRect().top;return document.body.removeChild(t),n},e.HAS_RELATIVE_STACKING_CONTEXT=e.hasRelativeStackingContext(),e.zIndex=function(t,n){if(!t||!e.isDocumentAvailable()||!e.isWindowAvailable())return null;var o=i.siblingContainer(t,n);if(!o)return null;var r=[t].concat(i.parents(t,o)).reduce(function(t,e){var n=e.style.zIndex||window.getComputedStyle(e).zIndex,i=parseInt(n,10);return i>t?i:t},0);return r?r+1:null},e.CollisionType={fit:"fit",flip:"flip"},e.AlignPoint={left:"left",center:"center",right:"right",bottom:"bottom",top:"top"},e.throttle=function(t,e,n){var i,o,r,a;void 0===n&&(n={});var l=0;n=n||{};var c=function(){l=!1===n.leading?0:(new Date).getTime(),i=null,a=t.apply(o,r),i||(o=r=null)};return function(){var p=(new Date).getTime();l||!1!==n.leading||(l=p);var s=e-(p-l);return o=this,r=arguments,s<=0||s>e?(i&&(clearTimeout(i),i=null),l=p,a=t.apply(o,r),i||(o=r=null)):i||!1===n.trailing||(i=setTimeout(c,s)),a}}},function(t,e){t.exports=n},function(t,e,n){"use strict";n.r(e);var i={bottom:"bottom",center:"center",middle:"middle",left:"left",right:"right",top:"top"},o=function(t){var e=t.anchorRect,n=t.anchorAlign,o=t.elementRect,r=t.elementAlign,a=t.margin;void 0===a&&(a={});var l=n.horizontal,c=n.vertical,p=r.horizontal,s=r.vertical,u=a.horizontal||0,f=a.vertical||0,d=e.top,h=e.left;return c===i.bottom&&(d+=e.height),c!==i.center&&c!==i.middle||(d+=Math.round(e.height/2)),s===i.bottom&&(d-=o.height,f*=-1),s!==i.center&&s!==i.middle||(d-=Math.round(o.height/2),f*=-1),l===i.right&&(h+=e.width),l!==i.center&&l!==i.middle||(h+=Math.round(e.width/2)),p===i.right&&(h-=o.width,u*=-1),p!==i.center&&p!==i.middle||(h-=Math.round(o.width/2),u*=-1),{top:d+f,left:h+u}};function r(t,e){return{top:t.top+e.y,left:t.left+e.x,height:t.height,width:t.width}}function a(t,e,n){var i=t.top,o=t.left;return n&&(o=0,i=0),{top:i+e.top,left:o+e.left,height:t.height,width:t.width}}function l(t){return t.ownerDocument||t.document||t}var c=function(t){return l(t).defaultView},p=function(t){return l(t).documentElement},s=0;function u(){if(!s&&"undefined"!=typeof document){var t=document.createElement("div");t.style.cssText="overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block",t.innerHTML=" ",document.body.appendChild(t),s=t.offsetWidth-t.scrollWidth,document.body.removeChild(t)}return s}function f(t){var e=c(t),n=p(t),i={height:e.innerHeight,width:e.innerWidth};return n.scrollHeight-n.clientHeight>0&&(i.width-=u()),i}var d=function(t){if(!t.getBoundingClientRect){var e=f(t);return{bottom:e.height,left:0,right:e.width,top:0}}var n=t.getBoundingClientRect();return{bottom:n.bottom,left:n.left,right:n.right,top:n.top}},h=function(t){for(var e=t.offsetParent;e&&"static"===e.style.position;)e=e.offsetParent;return e||p(t)},v=function(t){return h(t)===t.ownerDocument.body},m=function(t){var e=t.getBoundingClientRect(),n=e.left,i=e.top;return e.height||e.width||(e=function(t){var e=t.style,n=e.display,i=e.left,o=e.position;t.style.display="",t.style.left="-10000px",t.style.position="absolute";var r=t.getBoundingClientRect();return t.style.display=n,t.style.left=i,t.style.position=o,r}(t)),{top:i,left:n,height:e.height,width:e.width}},y=function(t,e){for(var n=[],i=t.parentNode;i&&(n.push(i),i!==e);)i=i.parentNode;return n};function g(t){var e=p(t),n=c(t);return{x:n.pageXOffset||e.scrollLeft||0,y:n.pageYOffset||e.scrollTop||0}}var x=function(t){return t===(t.ownerDocument||{}).body?g(t):{x:t.scrollLeft,y:t.scrollTop}};function O(t){var e=h(t);return e?x(e):{x:0,y:0}}var b=function(t,e){var n=c(t),i=n.getComputedStyle(t),o=m(t),r=e||h(t),a=t.ownerDocument,l=r!==a.body&&r!==a.documentElement,p={top:0,left:0};if("fixed"!==i.position&&l){var s=n.getComputedStyle(r);(p=m(r)).top+=parseInt(s.borderTopWidth,10),p.left+=parseInt(s.borderLeftWidth,10)}return{top:o.top-p.top,left:o.left-p.left,height:o.height,width:o.width}},w=function(t,e){var n=e?h(e):null,i=b(t,n),o=i.top,r=i.left,a=i.height,l=i.width,c=function(t,e){return t?x(t):O(e)}(n,t),p=c.x;return{top:o+c.y,left:r+p,height:a,width:l}};function E(t,e){return{top:t.top-e.y,left:t.left-e.x,height:t.height,width:t.width}}var _={fit:"fit",flip:"flip"},P=function(t,e,n){var i=0;return t+e>n&&(i=n-(t+e)),t<0&&(i=-t),i},k=function(t){var e=t.offset,n=t.size,o=t.anchorSize,r=t.viewPortSize,a=t.anchorAlignPoint,l=t.elementAlignPoint,c=0,p=2*t.margin;if(l!==a&&!(l===i.center||l===i.middle)&&!(a===i.center||a===i.middle)){var s=a===i.top||a===i.left;e<0&&s?e+(c=n+o+p)+n>r&&(c=0):e>=0&&!s&&(e+n>r&&(c+=-(o+n+p)),e+c<0&&(c=0))}return c},S=function(t){var e=t.anchorRect,n=t.anchorAlign,i=t.elementRect,o=t.elementAlign,r=t.collisions,a=t.viewPort,l=t.margin;void 0===l&&(l={});var c=i.top,p=i.left,s=i.height,u=i.width,f=a.height,d=a.width,h=l.horizontal||0,v=l.vertical||0,m=0,y=0,g=r.horizontal===_.flip,x=r.vertical===_.flip;r.vertical===_.fit&&(y+=P(c,s,f)),r.horizontal===_.fit&&(m+=P(p,u,d)),x&&(y+=k({margin:v,offset:c,size:s,anchorSize:e.height,viewPortSize:f,anchorAlignPoint:n.vertical,elementAlignPoint:o.vertical})),g&&(m+=k({margin:h,offset:p,size:u,anchorSize:e.width,viewPortSize:d,anchorAlignPoint:n.horizontal,elementAlignPoint:o.horizontal}));var O=g&&0!==m,b=x&&0!==y;return{flipped:O||b,flip:{horizontal:O,vertical:b},offset:{left:m,top:y}}},A=function(t){for(var e=[],n=t.parentNode.firstElementChild;n;)n!==t&&e.push(n),n=n.nextElementSibling;return e},j=function(t,e){for(var n,i,o=y(t),r=e;r&&(n=A(r),!(i=o.reduce(function(t,e){return t.concat(n.filter(function(t){return t===e}))},[])[0]));)r=r.parentElement;return i};n.d(e,"align",function(){return o}),n.d(e,"addScroll",function(){return r}),n.d(e,"applyLocationOffset",function(){return a}),n.d(e,"boundingOffset",function(){return d}),n.d(e,"isBodyOffset",function(){return v}),n.d(e,"offsetParent",function(){return h}),n.d(e,"offset",function(){return m}),n.d(e,"parents",function(){return y}),n.d(e,"parentScrollPosition",function(){return O}),n.d(e,"position",function(){return b}),n.d(e,"positionWithScroll",function(){return w}),n.d(e,"removeScroll",function(){return E}),n.d(e,"restrictToView",function(){return S}),n.d(e,"scrollPosition",function(){return g}),n.d(e,"siblingContainer",function(){return j}),n.d(e,"siblings",function(){return A}),n.d(e,"getDocumentElement",function(){return p}),n.d(e,"getWindow",function(){return c}),n.d(e,"getWindowViewPort",function(){return f}),n.d(e,"AlignPoint",function(){return i}),n.d(e,"Collision",function(){return _})},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(7);e.Popup=i.default},function(t,e,n){"use strict";var i=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),o=this&&this.__assign||Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t};Object.defineProperty(e,"__esModule",{value:!0});var r=n(1),a=n(8),l=n(0),c=n(9),p=n(13),s=n(2),u=n(3),f=n(10),d=n(11),h=n(12),v={left:-1e3,top:0},m="k-animation-container-shown",y=function(t){return a.findDOMNode(t)},g=function(t){function e(e){var n=t.call(this,e)||this;return n._exitingAnimation=!1,n._prevShow=!1,n.onOpened=function(){var t=y(n);n.props.show&&t.classList.add(m),n.attachRepositionHandlers(t),n.props.open&&n.props.open.call(void 0,{target:n})},n.onClosing=function(){n.props.show||y(n).classList.remove(m);n.detachRepositionHandlers()},n.onClosed=function(){n._exitingAnimation&&(n._exitingAnimation=!1,n.forceUpdate()),n.props.close&&n.props.close.call(void 0,{target:n})},n.position=function(t,e,i){var o=t.anchorAlign,r=t.popupAlign,a=t.collision,l=t.offset,c=n._alignService.alignElement({anchor:i,element:e,elementAlign:r,anchorAlign:o,offset:l});return n._positionService.positionElement({anchor:i,anchorAlign:o,collisions:a,element:e,currentLocation:c,elementAlign:r})},n._flipped=!1,n._offset=n.props.offset,n._prevShow=e.show,n._domService=new d.DOMService,n._alignService=new f.AlignService(n._domService),n._positionService=new h.PositionService(n._domService),n.onOpened=n.onOpened.bind(n),n.onClosing=n.onClosing.bind(n),n.reposition=u.throttle(n.reposition.bind(n),u.FRAME_DURATION),n}return i(e,t),e.prototype.componentDidUpdate=function(){this._prevShow=this.props.show},e.prototype.componentWillUnmount=function(){this.detachRepositionHandlers()},e.prototype.render=function(){var t=this.props,e=t.animate,n=t.children,i=t.className,l=t.popupClass,c=t.show,f=t.id,d=t.appendTo,h=void 0===d?u.isWindowAvailable()?document.body:void 0:d;if(c){var v=this.calculatePosition(this.props,h);this._offset=v.offset,this._flipped=!!v.flipped}var m=this._flipped&&c?"up":"down",y=e?void 0:0,g=Object.assign({},{position:"absolute"},this.props.style||{},o({},this._offset));if(this._exitingAnimation=this._exitingAnimation||this._prevShow&&!c,(c||this._exitingAnimation)&&h){var x=r.createElement(p.Slide,{componentChildClassName:s.classNames(l,"k-popup"),className:s.classNames(i),id:f,onEntered:this.onOpened,onExiting:this.onClosing,onExited:this.onClosed,direction:m,style:g,transitionEnterDuration:y,transitionExitDuration:y,appear:!0},c?n:null);return a.createPortal(x,h)}return null},e.prototype.calculatePosition=function(t,e){if(!e||!u.isWindowAvailable())return{flipped:!1,offset:t.offset};var n=document.createElement("div");e.appendChild(n);var i=Object.assign({},t.style||{},o({visibility:"hidden"},v)),a={className:s.classNames(t.popupClass,"k-popup","k-child-animation-container")},l=r.createElement("div",{className:s.classNames("k-animation-container",m,t.className),style:i},r.Children.map(t.children,function(t,e){return r.createElement("div",o({key:e},a),t)}));n.innerHTML=c.renderToStaticMarkup(l);var p=this.position(t,n.firstChild,t.anchor);return n.parentNode.removeChild(n),p},e.prototype.attachRepositionHandlers=function(t){var e=this;this.detachRepositionHandlers(),this._scrollableParents=this._domService.scrollableParents(this.props.anchor||t),this._scrollableParents.map(function(t){return t.addEventListener("scroll",e.reposition)}),window.addEventListener("resize",this.reposition)},e.prototype.detachRepositionHandlers=function(){var t=this;this._scrollableParents&&(this._scrollableParents.map(function(e){return e.removeEventListener("scroll",t.reposition)}),this._scrollableParents=void 0),window.removeEventListener("resize",this.reposition)},e.prototype.reposition=function(){this.forceUpdate()},e.propTypes={anchor:function(t){var e=t.anchor;if(e&&"number"!=typeof e.nodeType)return new Error("Invalid prop `anchor` supplied to `Kendo React Popup`. Validation failed.")},appendTo:function(t){var e=t.appendTo;if(e&&"number"!=typeof e.nodeType)return new Error("Invalid prop `appendTo` supplied to `Kendo React Popup`. Validation failed.")},className:l.string,id:l.string,popupClass:l.string,collision:l.shape({horizontal:l.oneOf([u.CollisionType.fit,u.CollisionType.flip]),vertical:l.oneOf([u.CollisionType.fit,u.CollisionType.flip])}),anchorAlign:l.shape({horizontal:l.oneOf([u.AlignPoint.left,u.AlignPoint.center,u.AlignPoint.right]),vertical:l.oneOf([u.AlignPoint.top,u.AlignPoint.center,u.AlignPoint.bottom])}),popupAlign:l.shape({horizontal:l.oneOf([u.AlignPoint.left,u.AlignPoint.center,u.AlignPoint.right]),vertical:l.oneOf([u.AlignPoint.top,u.AlignPoint.center,u.AlignPoint.bottom])}),offset:l.shape({left:l.number,top:l.number}),children:l.oneOfType([l.element,l.node]),show:l.bool,animate:l.bool},e.defaultProps={collision:{horizontal:u.CollisionType.fit,vertical:u.CollisionType.flip},anchorAlign:{horizontal:u.AlignPoint.left,vertical:u.AlignPoint.bottom},popupAlign:{horizontal:u.AlignPoint.left,vertical:u.AlignPoint.top},offset:v,animate:!0,show:!1},e}(r.Component);e.default=g},function(t,e){t.exports=i},function(t,e){t.exports=o},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(3),o=function(){function t(t){this._dom=t}return t.prototype.alignElement=function(t){var e=t.anchor,n=t.element,i=t.anchorAlign,o=t.elementAlign,r=t.offset,a=!this._dom.hasOffsetParent(n)?this.absoluteRect(e,n,r):this.relativeRect(e,n,r);return this._dom.align({anchorAlign:i,anchorRect:a,elementAlign:o,elementRect:this._dom.offset(n)})},t.prototype.absoluteRect=function(t,e,n){var o=this._dom,r=i.eitherRect(o.offset(t),n),a=o.stackingElementOffset(e),l=i.removeStackingOffset(r,a),c=o.stackingElementScroll(e),p=o.addScroll(l,c),s=this.elementScrollPosition(t,e),u=o.removeScroll(p,s);return u.left+=window.scrollX||window.pageXOffset,u.top+=window.scrollY||window.pageYOffset,u},t.prototype.elementScrollPosition=function(t,e){return t?{x:0,y:0}:this._dom.scrollPosition(e)},t.prototype.relativeRect=function(t,e,n){return i.eitherRect(this._dom.position(t,e),n)},t}();e.AlignService=o},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(5),o=n(3),r=function(){function t(){}return t.prototype.addOffset=function(t,e){return{left:t.left+e.left,top:t.top+e.top}},t.prototype.align=function(t){return i.align(t)},t.prototype.boundingOffset=function(t){return i.boundingOffset(t)},t.prototype.getWindow=function(){return o.isWindowAvailable()?window:null},t.prototype.isBodyOffset=function(t){return i.isBodyOffset(t)},t.prototype.hasOffsetParent=function(t){if(!t)return!1;var e=t.offsetParent;return e&&!("BODY"===e.nodeName&&"static"===window.getComputedStyle(e).position)},t.prototype.offset=function(t){return t?i.offset(t):null},t.prototype.staticOffset=function(t){if(!t)return null;var e=t.style,n=e.left,o=e.top;t.style.left="0px",t.style.top="0px";var r=i.offset(t);return t.style.left=n,t.style.top=o,r},t.prototype.position=function(t,e){if(!t||!e)return null;var n=i.siblingContainer(t,e);return i.positionWithScroll(t,n)},t.prototype.relativeOffset=function(t,e){return i.applyLocationOffset(this.offset(t),e,this.isBodyOffset(t))},t.prototype.addScroll=function(t,e){return i.addScroll(t,e)},t.prototype.removeScroll=function(t,e){return i.removeScroll(t,e)},t.prototype.restrictToView=function(t){return i.restrictToView(t)},t.prototype.scrollPosition=function(t){return i.scrollPosition(t)},t.prototype.scrollableParents=function(t){return o.scrollableParents(t)},t.prototype.stackingElementOffset=function(t){var e=this.getRelativeContextElement(t);return e?i.offset(e):null},t.prototype.stackingElementScroll=function(t){var e=this.getRelativeContextElement(t);return e?{x:e.scrollLeft,y:e.scrollTop}:{x:0,y:0}},t.prototype.stackingElementViewPort=function(t){var e=this.getRelativeContextElement(t);return e?{height:e.scrollHeight,width:e.scrollWidth}:null},t.prototype.getRelativeContextElement=function(t){if(!t||!o.HAS_RELATIVE_STACKING_CONTEXT)return null;for(var e=t.parentElement;e;){if("none"!==window.getComputedStyle(e).transform)return e;e=e.parentElement}return null},t.prototype.useRelativePosition=function(t){return!!this.getRelativeContextElement(t)},t.prototype.windowViewPort=function(t){return i.getWindowViewPort(t)},t.prototype.zIndex=function(t,e){return o.zIndex(t,e)},t.prototype.zoomLevel=function(){return o.isDocumentAvailable()&&o.isWindowAvailable()?parseFloat((document.documentElement.clientWidth/window.innerWidth).toFixed(2)):1},t.prototype.isZoomed=function(){return this.zoomLevel()>1},t}();e.DOMService=r},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(3),o=function(){function t(t){this._dom=t}return t.prototype.positionElement=function(t){var e=t.anchor,n=t.currentLocation,o=t.element,r=t.anchorAlign,a=t.elementAlign,l=t.collisions,c=this._dom,p=t.viewPort||c.stackingElementViewPort(o)||c.windowViewPort(o),s=i.eitherRect(c.offset(e),n),u=i.replaceOffset(c.staticOffset(o),n),f=this.elementRect(o,u),d=c.restrictToView({anchorAlign:r,anchorRect:s,collisions:l,elementAlign:a,elementRect:f,viewPort:p});return{flipped:d.flipped,offset:c.addOffset(u,d.offset)}},t.prototype.elementRect=function(t,e){return this._dom.removeScroll(e,this._dom.scrollPosition(t))},t}();e.PositionService=o},function(t,e,n){"use strict";n.r(e);var i=n(1),o=n(0),r=n(2),a=n(4),l={outerHeight:function(t){if(!t)return 0;var e=t.ownerDocument.defaultView.getComputedStyle(t),n=parseFloat(e.marginTop),i=parseFloat(e.marginBottom);return t.offsetHeight+n+i},outerWidth:function(t){if(!t)return 0;var e=t.ownerDocument.defaultView.getComputedStyle(t),n=parseFloat(e.marginLeft),i=parseFloat(e.marginRight);return t.offsetWidth+n+i},styles:{"animation-container":"k-animation-container","animation-container-relative":"k-animation-container-relative","animation-container-fixed":"k-animation-container-fixed","push-right-enter":"k-push-right-enter","push-right-appear":"k-push-right-appear","push-right-enter-active":"k-push-right-enter-active","push-right-appear-active":"k-push-right-appear-active","push-right-exit":"k-push-right-exit","push-right-exit-active":"k-push-right-exit-active","push-left-enter":"k-push-left-enter","push-left-appear":"k-push-left-appear","push-left-enter-active":"k-push-left-enter-active","push-left-appear-active":"k-push-left-appear-active","push-left-exit":"k-push-left-exit","push-left-exit-active":"k-push-left-exit-active","push-down-enter":"k-push-down-enter","push-down-appear":"k-push-down-appear","push-down-enter-active":"k-push-down-enter-active","push-down-appear-active":"k-push-down-appear-active","push-down-exit":"k-push-down-exit","push-down-exit-active":"k-push-down-exit-active","push-up-enter":"k-push-up-enter","push-up-appear":"k-push-up-appear","push-up-enter-active":"k-push-up-enter-active","push-up-appear-active":"k-push-up-appear-active","push-up-exit":"k-push-up-exit","push-up-exit-active":"k-push-up-exit-active",expand:"k-expand","expand-vertical-enter":"k-expand-vertical-enter","expand-vertical-appear":"k-expand-vertical-appear","expand-vertical-enter-active":"k-expand-vertical-enter-active","expand-vertical-appear-active":"k-expand-vertical-appear-active","expand-vertical-exit":"k-expand-vertical-exit","expand-vertical-exit-active":"k-expand-vertical-exit-active","expand-horizontal-enter":"k-expand-horizontal-enter","expand-horizontal-appear":"k-expand-horizontal-appear","expand-horizontal-enter-active":"k-expand-horizontal-enter-active","expand-horizontal-appear-active":"k-expand-horizontal-appear-active","expand-horizontal-exit":"k-expand-horizontal-exit","expand-horizontal-exit-active":"k-expand-horizontal-exit-active","child-animation-container":"k-child-animation-container","fade-enter":"k-fade-enter","fade-appear":"k-fade-appear","fade-enter-active":"k-fade-enter-active","fade-appear-active":"k-fade-appear-active","fade-exit":"k-fade-exit","fade-exit-active":"k-fade-exit-active","zoom-in-enter":"k-zoom-in-enter","zoom-in-appear":"k-zoom-in-appear","zoom-in-enter-active":"k-zoom-in-enter-active","zoom-in-appear-active":"k-zoom-in-appear-active","zoom-in-exit":"k-zoom-in-exit","zoom-in-exit-active":"k-zoom-in-exit-active","zoom-out-enter":"k-zoom-out-enter","zoom-out-appear":"k-zoom-out-appear","zoom-out-enter-active":"k-zoom-out-enter-active","zoom-out-appear-active":"k-zoom-out-appear-active","zoom-out-exit":"k-zoom-out-exit","zoom-out-exit-active":"k-zoom-out-exit-active","slide-in-appear":"k-slide-in-appear",centered:"k-centered","slide-in-appear-active":"k-slide-in-appear-active","slide-down-enter":"k-slide-down-enter","slide-down-appear":"k-slide-down-appear","slide-down-enter-active":"k-slide-down-enter-active","slide-down-appear-active":"k-slide-down-appear-active","slide-down-exit":"k-slide-down-exit","slide-down-exit-active":"k-slide-down-exit-active","slide-up-enter":"k-slide-up-enter","slide-up-appear":"k-slide-up-appear","slide-up-enter-active":"k-slide-up-enter-active","slide-up-appear-active":"k-slide-up-appear-active","slide-up-exit":"k-slide-up-exit","slide-up-exit-active":"k-slide-up-exit-active","slide-right-enter":"k-slide-right-enter","slide-right-appear":"k-slide-right-appear","slide-right-enter-active":"k-slide-right-enter-active","slide-right-appear-active":"k-slide-right-appear-active","slide-right-exit":"k-slide-right-exit","slide-right-exit-active":"k-slide-right-exit-active","slide-left-enter":"k-slide-left-enter","slide-left-appear":"k-slide-left-appear","slide-left-enter-active":"k-slide-left-enter-active","slide-left-appear-active":"k-slide-left-appear-active","slide-left-exit":"k-slide-left-exit","slide-left-exit-active":"k-slide-left-exit-active","reveal-vertical-enter":"k-reveal-vertical-enter","reveal-vertical-appear":"k-reveal-vertical-appear","reveal-vertical-enter-active":"k-reveal-vertical-enter-active","reveal-vertical-appear-active":"k-reveal-vertical-appear-active","reveal-vertical-exit":"k-reveal-vertical-exit","reveal-vertical-exit-active":"k-reveal-vertical-exit-active","reveal-horizontal-enter":"k-reveal-horizontal-enter","reveal-horizontal-appear":"k-reveal-horizontal-appear","reveal-horizontal-enter-active":"k-reveal-horizontal-enter-active","reveal-horizontal-appear-active":"k-reveal-horizontal-appear-active","reveal-horizontal-exit":"k-reveal-horizontal-exit","reveal-horizontal-exit-active":"k-reveal-horizontal-exit-active"}},c=function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),p=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},s=function(t,e){var n={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(t);o<i.length;o++)e.indexOf(i[o])<0&&(n[i[o]]=t[i[o]])}return n},u=l.styles,f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),Object.defineProperty(e.prototype,"element",{get:function(){return this._element},enumerable:!0,configurable:!0}),e.prototype.render=function(){var t=this,e=this.props,n=e.children,o=e.style,l=e.appear,c=e.enter,f=e.exit,d=e.transitionName,h=e.transitionEnterDuration,v=e.transitionExitDuration,m=e.className,y=e.onEnter,g=e.onEntering,x=e.onEntered,O=e.onExit,b=e.onExiting,w=e.onExited,E=e.mountOnEnter,_=e.unmountOnExit,P=e.animationEnteringStyle,k=e.animationEnteredStyle,S=e.animationExitingStyle,A=e.animationExitedStyle,j=s(e,["children","style","appear","enter","exit","transitionName","transitionEnterDuration","transitionExitDuration","className","onEnter","onEntering","onEntered","onExit","onExiting","onExited","mountOnEnter","unmountOnExit","animationEnteringStyle","animationEnteredStyle","animationExitingStyle","animationExitedStyle"]),C=Object(r.classNames)(m,u["child-animation-container"]),z=p({transitionDelay:"0ms"},o),R={entering:p({transitionDuration:h+"ms"},P),entered:p({},k),exiting:p({transitionDuration:v+"ms"},S),exited:p({},A)},T={in:this.props.in,appear:l,enter:c,exit:f,mountOnEnter:E,unmountOnExit:_,timeout:{enter:h,exit:v},onEnter:function(e){y&&y.call(void 0,{animatedElement:e,target:t})},onEntering:function(e){g&&g.call(void 0,{animatedElement:e,target:t})},onEntered:function(e){x&&x.call(void 0,{animatedElement:e,target:t})},onExit:function(e){O&&O.call(void 0,{animatedElement:e,target:t})},onExiting:function(e){b&&b.call(void 0,{animatedElement:e,target:t})},onExited:function(e){w&&w.call(void 0,{animatedElement:e,target:t})},classNames:{appear:u[d+"-appear"]||d+"-appear",appearActive:u[d+"-appear-active"]||d+"-appear-active",enter:u[d+"-enter"]||d+"-enter",enterActive:u[d+"-enter-active"]||d+"-enter-active",exit:u[d+"-exit"]||d+"-exit",exitActive:u[d+"-exit-active"]||d+"-exit-active"}};return i.createElement(a.CSSTransition,p({},T,j),function(e){return i.createElement("div",{style:p({},z,R[e]),className:C,ref:function(e){t._element=e}},n)})},e.propTypes={in:o.bool,children:o.oneOfType([o.arrayOf(o.node),o.node]),transitionName:o.string.isRequired,className:o.string,appear:o.bool,enter:o.bool,exit:o.bool,transitionEnterDuration:o.number.isRequired,transitionExitDuration:o.number.isRequired,mountOnEnter:o.bool,unmountOnExit:o.bool,animationEnteringStyle:o.object,animationEnteredStyle:o.object,animationExitingStyle:o.object,animationExitedStyle:o.object},e.defaultProps={mountOnEnter:!0,unmountOnExit:!1,onEnter:r.noop,onEntering:r.noop,onEntered:r.noop,onExit:r.noop,onExiting:r.noop,onExited:r.noop,animationEnteringStyle:{},animationEnteredStyle:{},animationExitingStyle:{},animationExitedStyle:{}},e}(i.Component),d=function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),h=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},v=function(t,e){var n={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(t);o<i.length;o++)e.indexOf(i[o])<0&&(n[i[o]]=t[i[o]])}return n},m=l.styles,y=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return d(e,t),e.prototype.render=function(){var t=this.props,e=t.id,n=t.style,o=t.children,l=t.component,c=t.className,p=t.childFactory,s=(t.stackChildren,t.componentChildStyle),u=t.componentChildClassName,d=v(t,["id","style","children","component","className","childFactory","stackChildren","componentChildStyle","componentChildClassName"]),y={id:e,style:n,component:l,childFactory:p,className:Object(r.classNames)(m["animation-container"],m["animation-container-relative"],c)},g=i.Children.map(o,function(t){return i.createElement(f,h({},d,{style:s,className:u}),t)});return i.createElement(a.TransitionGroup,h({},y),g)},e.propTypes={children:o.oneOfType([o.arrayOf(o.node),o.node]),childFactory:o.any,className:o.string,component:o.string,id:o.string,style:o.any,transitionName:o.string.isRequired,appear:o.bool.isRequired,enter:o.bool.isRequired,exit:o.bool.isRequired,transitionEnterDuration:o.number.isRequired,transitionExitDuration:o.number.isRequired},e.defaultProps={component:"div"},e}(i.Component),g=function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),x=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},O=function(t,e){var n={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(t);o<i.length;o++)e.indexOf(i[o])<0&&(n[i[o]]=t[i[o]])}return n},b=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return g(e,t),e.prototype.render=function(){var t=this.props,e=t.children,n=O(t,["children"]);return i.createElement(y,x({},{transitionName:"fade"},n),e)},e.propTypes={children:o.oneOfType([o.arrayOf(o.node),o.node]),childFactory:o.any,className:o.string,component:o.string,id:o.string,style:o.any},e.defaultProps={appear:!1,enter:!0,exit:!1,transitionEnterDuration:500,transitionExitDuration:500},e}(i.Component),w=function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),E=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},_=function(t,e){var n={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(t);o<i.length;o++)e.indexOf(i[o])<0&&(n[i[o]]=t[i[o]])}return n},P=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return w(e,t),e.prototype.render=function(){var t=this.props,e=t.direction,n=t.children,o=_(t,["direction","children"]),r={transitionName:"expand-"+e};return i.createElement(y,E({},r,o),n)},e.propTypes={children:o.oneOfType([o.arrayOf(o.node),o.node]),childFactory:o.any,className:o.string,direction:o.oneOf(["horizontal","vertical"]),component:o.string,id:o.string,style:o.any},e.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"vertical"},e}(i.Component),k=function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),S=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},A=function(t,e){var n={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(t);o<i.length;o++)e.indexOf(i[o])<0&&(n[i[o]]=t[i[o]])}return n},j={position:"absolute",top:"0",left:"0"},C=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return k(e,t),e.prototype.render=function(){var t=this.props,e=t.children,n=t.direction,o=A(t,["children","direction"]);return i.createElement(y,S({},o,{transitionName:"push-"+n,animationExitingStyle:this.props.stackChildren?j:void 0}),e)},e.propTypes={children:o.oneOfType([o.arrayOf(o.node),o.node]),childFactory:o.any,className:o.string,direction:o.oneOf(["up","down","left","right"]),component:o.string,id:o.string,style:o.any,stackChildren:o.bool},e.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"right",stackChildren:!1},e}(i.Component),z=function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),R=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},T=function(t,e){var n={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(t);o<i.length;o++)e.indexOf(i[o])<0&&(n[i[o]]=t[i[o]])}return n},N=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return z(e,t),e.prototype.render=function(){var t=this.props,e=t.direction,n=t.children,o=T(t,["direction","children"]),r={transitionName:"slide-"+e};return i.createElement(y,R({},r,o),n)},e.propTypes={children:o.oneOfType([o.arrayOf(o.node),o.node]),childFactory:o.any,className:o.string,direction:o.oneOf(["up","down","left","right"]),component:o.string,id:o.string,style:o.any},e.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"down"},e}(i.Component),D=function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),W=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},F=function(t,e){var n={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(t);o<i.length;o++)e.indexOf(i[o])<0&&(n[i[o]]=t[i[o]])}return n},M={position:"absolute",top:"0",left:"0"},H=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return D(e,t),e.prototype.render=function(){var t=this.props,e=t.children,n=t.direction,o=F(t,["children","direction"]);return i.createElement(y,W({},o,{transitionName:"zoom-"+n,animationExitingStyle:this.props.stackChildren?M:void 0}),e)},e.propTypes={children:o.oneOfType([o.arrayOf(o.node),o.node]),childFactory:o.any,className:o.string,direction:o.oneOf(["in","out"]),component:o.string,id:o.string,style:o.any,stackChildren:o.bool},e.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"out",stackChildren:!1},e}(i.Component),L=function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),q=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},V=function(t,e){var n={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(t);o<i.length;o++)e.indexOf(i[o])<0&&(n[i[o]]=t[i[o]])}return n},I=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.state={maxHeight:void 0,maxWidth:void 0},e.componentWillEnter=function(t){var n=e.props.onEnter;e.updateContainerDimensions(t.animatedElement,function(){n&&n.call(void 0,t)})},e.componentIsEntering=function(t){var n=e.props.onEntering;e.updateContainerDimensions(t.animatedElement,function(){n&&n.call(void 0,t)})},e.componentWillExit=function(t){var n=e.props.onExit;e.updateContainerDimensions(t.animatedElement,function(){n&&n.call(void 0,t)})},e.updateContainerDimensions=function(t,n){void 0===n&&(n=r.noop);var i=t.firstChild;if(i){var o=l.outerHeight(i),a=l.outerWidth(i);e.setState({maxHeight:o,maxWidth:a},n)}},e}return L(e,t),e.prototype.render=function(){var t,e=this.props,n=e.direction,o=e.children,r=e.childFactory,a=V(e,["direction","children","childFactory"]),l=this.state,c=l.maxHeight,p=l.maxWidth,s={maxHeight:(t="vertical"===n?{maxHeight:c?c+"px":null}:{maxWidth:p?p+"px":null}).maxHeight,maxWidth:t.maxWidth};return i.createElement(y,q({},a,{childFactory:r||function(e){return e.props.in?e:i.cloneElement(e,q({},e.props,{style:q({},e.props.style,{maxHeight:t.maxHeight,maxWidth:t.maxWidth})}))},onEnter:this.componentWillEnter,onEntering:this.componentIsEntering,onExit:this.componentWillExit,animationEnteringStyle:s,transitionName:"reveal-"+n}),o)},e.propTypes={children:o.oneOfType([o.arrayOf(o.node),o.node]),childFactory:o.any,className:o.string,direction:o.oneOf(["horizontal","vertical"]),component:o.string,id:o.string,style:o.any},e.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"vertical"},e}(i.Component);n.d(e,"Animation",function(){return y}),n.d(e,"AnimationChild",function(){return f}),n.d(e,"Fade",function(){return b}),n.d(e,"Expand",function(){return P}),n.d(e,"Push",function(){return C}),n.d(e,"Slide",function(){return N}),n.d(e,"Zoom",function(){return H}),n.d(e,"Reveal",function(){return I})}])}); | ||
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("prop-types"),require("react"),require("react-transition-group"),require("react-dom"),require("react-dom/server")):"function"==typeof define&&define.amd?define(["prop-types","react","react-transition-group","react-dom","react-dom/server"],e):"object"==typeof exports?exports.KendoReactPopup=e(require("prop-types"),require("react"),require("react-transition-group"),require("react-dom"),require("react-dom/server")):t.KendoReactPopup=e(t.PropTypes,t.React,t.ReactTransitionGroup,t.ReactDOM,t.ReactDOMServer)}(window,function(t,e,n,i,o){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var o=e[i]={i:i,l:!1,exports:{}};return t[i].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(i,o,function(e){return t[e]}.bind(null,o));return i},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=6)}([function(e,n){e.exports=t},function(t,n){t.exports=e},function(t,e,n){"use strict";n.r(e);var i=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];return t.filter(function(t){return!0!==t&&!!t}).map(function(t){return Array.isArray(t)?i.apply(void 0,t):"object"==typeof t?Object.keys(t).map(function(e,n){return t[n]||t[e]&&e||null}).filter(function(t){return null!==t}).join(" "):t}).filter(function(t){return!!t}).join(" ")},o=function(){var t,e,n="";for(t=0;t<32;t++)e=16*Math.random()|0,8!==t&&12!==t&&16!==t&&20!==t||(n+="-"),n+=(12===t?4:16===t?3&e|8:e).toString(16);return n},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},a=function(){},l=function(){return function(){}}(),c=n(1),p=n(0),s=function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),u=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.state={focused:!1},e.handleFocus=function(t){e.setState({focused:!0})},e.handleBlur=function(t){e.setState({focused:!1})},e}return s(e,t),e.prototype.render=function(){var t=this.props,e=t.label,n=t.id,o=t.className,r=t.value,a=t.placeholder,l=t.valid,p=t.style,s=i({"k-textbox-container":!0,"k-state-focused":this.state.focused,"k-state-empty":!(r||a),"k-state-invalid":!l&&void 0!==l},o);return c.createElement("span",{className:s,onFocus:this.handleFocus,onBlur:this.handleBlur,style:p},this.props.children,e?n?c.createElement("label",{htmlFor:n,className:"k-label"},e):c.createElement("span",{className:"k-label"},e):null)},e.propTypes={label:p.string,id:p.string,value:p.string,placeholder:p.string,valid:p.bool},e}(c.Component);function f(t,e,n,i){if(t){var o={syntheticEvent:e,nativeEvent:e.nativeEvent,target:n};t.call(void 0,Object.assign(o,i))}}var d=function(){return"undefined"==typeof window};n.d(e,"classNames",function(){return i}),n.d(e,"guid",function(){return o}),n.d(e,"Keys",function(){return r}),n.d(e,"noop",function(){return a}),n.d(e,"FloatingLabel",function(){return u}),n.d(e,"FormComponent",function(){return l}),n.d(e,"dispatchEvent",function(){return f}),n.d(e,"isServerRendering",function(){return d})},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(5);e.eitherRect=function(t,e){return t||{height:0,left:e.left,top:e.top,width:0}},e.replaceOffset=function(t,e){return e?{height:t.height,left:e.left,top:e.top,width:t.width}:t},e.removeStackingOffset=function(t,e){return e?{height:t.height,left:t.left-e.left,top:t.top-e.top,width:t.width}:t},e.isDifferentOffset=function(t,e){var n=t.left,i=t.top,o=e.left,r=e.top;return Math.abs(n-o)>=1||Math.abs(i-r)>=1},e.isDocumentAvailable=function(){return"undefined"!=typeof document&&!!document.body},e.isWindowAvailable=function(){return"undefined"!=typeof window},e.hasBoundingRect=function(t){return!!t.getBoundingClientRect},e.OVERFLOW_REGEXP=/auto|scroll/;var o=function(t){var e=window.getComputedStyle(t);return""+e.overflow+e.overflowX+e.overflowY};e.scrollableParents=function(t){var n=[];if(!e.isDocumentAvailable()||!e.isWindowAvailable())return n;for(var i=t.parentElement;i;)e.OVERFLOW_REGEXP.test(o(i))&&n.push(i),i=i.parentElement;return n.push(window),n},e.FRAME_DURATION=1e3/60,e.hasRelativeStackingContext=function(){if(!e.isDocumentAvailable())return!1;var t=document.createElement("div");t.style.transform="matrix(10, 0, 0, 10, 0, 0)",t.innerHTML='<div style="position: fixed; top: 10px;">child</div>',document.body.appendChild(t);var n=10!==t.children[0].getBoundingClientRect().top;return document.body.removeChild(t),n},e.HAS_RELATIVE_STACKING_CONTEXT=e.hasRelativeStackingContext(),e.zIndex=function(t,n){if(!t||!e.isDocumentAvailable()||!e.isWindowAvailable())return null;var o=i.siblingContainer(t,n);if(!o)return null;var r=[t].concat(i.parents(t,o)).reduce(function(t,e){var n=e.style.zIndex||window.getComputedStyle(e).zIndex,i=parseInt(n,10);return i>t?i:t},0);return r?r+1:null},e.CollisionType={fit:"fit",flip:"flip"},e.AlignPoint={left:"left",center:"center",right:"right",bottom:"bottom",top:"top"},e.throttle=function(t,e,n){var i,o,r,a;void 0===n&&(n={});var l=0;n=n||{};var c=function(){l=!1===n.leading?0:(new Date).getTime(),i=null,a=t.apply(o,r),i||(o=r=null)};return function(){var p=(new Date).getTime();l||!1!==n.leading||(l=p);var s=e-(p-l);return o=this,r=arguments,s<=0||s>e?(i&&(clearTimeout(i),i=null),l=p,a=t.apply(o,r),i||(o=r=null)):i||!1===n.trailing||(i=setTimeout(c,s)),a}}},function(t,e){t.exports=n},function(t,e,n){"use strict";n.r(e);var i={bottom:"bottom",center:"center",middle:"middle",left:"left",right:"right",top:"top"},o=function(t){var e=t.anchorRect,n=t.anchorAlign,o=t.elementRect,r=t.elementAlign,a=t.margin;void 0===a&&(a={});var l=n.horizontal,c=n.vertical,p=r.horizontal,s=r.vertical,u=a.horizontal||0,f=a.vertical||0,d=e.top,h=e.left;return c===i.bottom&&(d+=e.height),c!==i.center&&c!==i.middle||(d+=Math.round(e.height/2)),s===i.bottom&&(d-=o.height,f*=-1),s!==i.center&&s!==i.middle||(d-=Math.round(o.height/2),f*=-1),l===i.right&&(h+=e.width),l!==i.center&&l!==i.middle||(h+=Math.round(e.width/2)),p===i.right&&(h-=o.width,u*=-1),p!==i.center&&p!==i.middle||(h-=Math.round(o.width/2),u*=-1),{top:d+f,left:h+u}};function r(t,e){return{top:t.top+e.y,left:t.left+e.x,height:t.height,width:t.width}}function a(t,e,n){var i=t.top,o=t.left;return n&&(o=0,i=0),{top:i+e.top,left:o+e.left,height:t.height,width:t.width}}function l(t){return t.ownerDocument||t.document||t}var c=function(t){return l(t).defaultView},p=function(t){return l(t).documentElement},s=0;function u(){if(!s&&"undefined"!=typeof document){var t=document.createElement("div");t.style.cssText="overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block",t.innerHTML=" ",document.body.appendChild(t),s=t.offsetWidth-t.scrollWidth,document.body.removeChild(t)}return s}function f(t){var e=c(t),n=p(t),i={height:e.innerHeight,width:e.innerWidth};return n.scrollHeight-n.clientHeight>0&&(i.width-=u()),i}var d=function(t){if(!t.getBoundingClientRect){var e=f(t);return{bottom:e.height,left:0,right:e.width,top:0}}var n=t.getBoundingClientRect();return{bottom:n.bottom,left:n.left,right:n.right,top:n.top}},h=function(t){for(var e=t.offsetParent;e&&"static"===e.style.position;)e=e.offsetParent;return e||p(t)},v=function(t){return h(t)===t.ownerDocument.body},m=function(t){var e=t.getBoundingClientRect(),n=e.left,i=e.top;return e.height||e.width||(e=function(t){var e=t.style,n=e.display,i=e.left,o=e.position;t.style.display="",t.style.left="-10000px",t.style.position="absolute";var r=t.getBoundingClientRect();return t.style.display=n,t.style.left=i,t.style.position=o,r}(t)),{top:i,left:n,height:e.height,width:e.width}},y=function(t,e){for(var n=[],i=t.parentNode;i&&(n.push(i),i!==e);)i=i.parentNode;return n};function g(t){var e=p(t),n=c(t);return{x:n.pageXOffset||e.scrollLeft||0,y:n.pageYOffset||e.scrollTop||0}}var x=function(t){return t===(t.ownerDocument||{}).body?g(t):{x:t.scrollLeft,y:t.scrollTop}};function O(t){var e=h(t);return e?x(e):{x:0,y:0}}var b=function(t,e){var n=c(t),i=n.getComputedStyle(t),o=m(t),r=e||h(t),a=t.ownerDocument,l=r!==a.body&&r!==a.documentElement,p={top:0,left:0};if("fixed"!==i.position&&l){var s=n.getComputedStyle(r);(p=m(r)).top+=parseInt(s.borderTopWidth,10),p.left+=parseInt(s.borderLeftWidth,10)}return{top:o.top-p.top,left:o.left-p.left,height:o.height,width:o.width}},w=function(t,e){var n=e?h(e):null,i=b(t,n),o=i.top,r=i.left,a=i.height,l=i.width,c=function(t,e){return t?x(t):O(e)}(n,t),p=c.x;return{top:o+c.y,left:r+p,height:a,width:l}};function E(t,e){return{top:t.top-e.y,left:t.left-e.x,height:t.height,width:t.width}}var _={fit:"fit",flip:"flip"},P=function(t,e,n){var i=0;return t+e>n&&(i=n-(t+e)),t<0&&(i=-t),i},k=function(t){var e=t.offset,n=t.size,o=t.anchorSize,r=t.viewPortSize,a=t.anchorAlignPoint,l=t.elementAlignPoint,c=0,p=2*t.margin;if(l!==a&&!(l===i.center||l===i.middle)&&!(a===i.center||a===i.middle)){var s=a===i.top||a===i.left;e<0&&s?e+(c=n+o+p)+n>r&&(c=0):e>=0&&!s&&(e+n>r&&(c+=-(o+n+p)),e+c<0&&(c=0))}return c},S=function(t){var e=t.anchorRect,n=t.anchorAlign,i=t.elementRect,o=t.elementAlign,r=t.collisions,a=t.viewPort,l=t.margin;void 0===l&&(l={});var c=i.top,p=i.left,s=i.height,u=i.width,f=a.height,d=a.width,h=l.horizontal||0,v=l.vertical||0,m=0,y=0,g=r.horizontal===_.flip,x=r.vertical===_.flip;r.vertical===_.fit&&(y+=P(c,s,f)),r.horizontal===_.fit&&(m+=P(p,u,d)),x&&(y+=k({margin:v,offset:c,size:s,anchorSize:e.height,viewPortSize:f,anchorAlignPoint:n.vertical,elementAlignPoint:o.vertical})),g&&(m+=k({margin:h,offset:p,size:u,anchorSize:e.width,viewPortSize:d,anchorAlignPoint:n.horizontal,elementAlignPoint:o.horizontal}));var O=g&&0!==m,b=x&&0!==y;return{flipped:O||b,flip:{horizontal:O,vertical:b},offset:{left:m,top:y}}},j=function(t){for(var e=[],n=t.parentNode.firstElementChild;n;)n!==t&&e.push(n),n=n.nextElementSibling;return e},A=function(t,e){for(var n,i,o=y(t),r=e;r&&(n=j(r),!(i=o.reduce(function(t,e){return t.concat(n.filter(function(t){return t===e}))},[])[0]));)r=r.parentElement;return i};n.d(e,"align",function(){return o}),n.d(e,"addScroll",function(){return r}),n.d(e,"applyLocationOffset",function(){return a}),n.d(e,"boundingOffset",function(){return d}),n.d(e,"isBodyOffset",function(){return v}),n.d(e,"offsetParent",function(){return h}),n.d(e,"offset",function(){return m}),n.d(e,"parents",function(){return y}),n.d(e,"parentScrollPosition",function(){return O}),n.d(e,"position",function(){return b}),n.d(e,"positionWithScroll",function(){return w}),n.d(e,"removeScroll",function(){return E}),n.d(e,"restrictToView",function(){return S}),n.d(e,"scrollPosition",function(){return g}),n.d(e,"siblingContainer",function(){return A}),n.d(e,"siblings",function(){return j}),n.d(e,"getDocumentElement",function(){return p}),n.d(e,"getWindow",function(){return c}),n.d(e,"getWindowViewPort",function(){return f}),n.d(e,"AlignPoint",function(){return i}),n.d(e,"Collision",function(){return _})},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(7);e.Popup=i.default},function(t,e,n){"use strict";var i=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),o=this&&this.__assign||Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t};Object.defineProperty(e,"__esModule",{value:!0});var r=n(1),a=n(8),l=n(0),c=n(9),p=n(13),s=n(2),u=n(3),f=n(10),d=n(11),h=n(12),v={left:-1e3,top:0},m="k-animation-container-shown",y=function(t){return a.findDOMNode(t)},g=function(t){function e(e){var n=t.call(this,e)||this;return n._exitingAnimation=!1,n._prevShow=!1,n.onOpened=function(){var t=y(n);n.props.show&&t.classList.add(m),n.attachRepositionHandlers(t),n.props.open&&n.props.open.call(void 0,{target:n})},n.onClosing=function(){n.props.show||y(n).classList.remove(m);n.detachRepositionHandlers()},n.onClosed=function(){n._exitingAnimation&&(n._exitingAnimation=!1,n.forceUpdate()),n.props.close&&n.props.close.call(void 0,{target:n})},n.position=function(t,e,i){var o=t.anchorAlign,r=t.popupAlign,a=t.collision,l=t.offset,c=n._alignService.alignElement({anchor:i,element:e,elementAlign:r,anchorAlign:o,offset:l});return n._positionService.positionElement({anchor:i,anchorAlign:o,collisions:a,element:e,currentLocation:c,elementAlign:r})},n._flipped=!1,n._offset=n.props.offset,n._prevShow=e.show,n._domService=new d.DOMService,n._alignService=new f.AlignService(n._domService),n._positionService=new h.PositionService(n._domService),n.onOpened=n.onOpened.bind(n),n.onClosing=n.onClosing.bind(n),n.reposition=u.throttle(n.reposition.bind(n),u.FRAME_DURATION),n}return i(e,t),e.prototype.componentDidUpdate=function(){this._prevShow=this.props.show},e.prototype.componentWillUnmount=function(){this.detachRepositionHandlers()},e.prototype.render=function(){var t=this.props,e=t.children,n=t.className,i=t.popupClass,l=t.show,c=t.id,f=t.appendTo,d=void 0===f?u.isWindowAvailable()?document.body:void 0:f;if(l){var h=this.calculatePosition(this.props,d);this._offset=h.offset,this._flipped=!!h.flipped}var v=this._flipped&&l?"up":"down",m=this.transitionDuration,y=m.transitionEnterDuration,g=m.transitionExitDuration,x=Object.assign({},{position:"absolute"},this.props.style||{},o({},this._offset));if(this._exitingAnimation=this._exitingAnimation||this._prevShow&&!l,(l||this._exitingAnimation)&&d){var O=r.createElement(p.Slide,{componentChildClassName:s.classNames(i,"k-popup"),className:s.classNames(n),id:c,onEntered:this.onOpened,onExiting:this.onClosing,onExited:this.onClosed,direction:v,style:x,transitionEnterDuration:y,transitionExitDuration:g,appear:!0},l?e:null);return a.createPortal(O,d)}return null},Object.defineProperty(e.prototype,"transitionDuration",{get:function(){var t=this.props.animate,e=0,n=0;return t&&(!0===t?e=n=void 0:(e=t.openDuration,n=t.closeDuration)),{transitionEnterDuration:e,transitionExitDuration:n}},enumerable:!0,configurable:!0}),e.prototype.calculatePosition=function(t,e){if(!e||!u.isWindowAvailable())return{flipped:!1,offset:t.offset};var n=document.createElement("div");e.appendChild(n);var i=Object.assign({},t.style||{},o({visibility:"hidden"},v)),a={className:s.classNames(t.popupClass,"k-popup","k-child-animation-container")},l=r.createElement("div",{className:s.classNames("k-animation-container",m,t.className),style:i},r.Children.map(t.children,function(t,e){return r.createElement("div",o({key:e},a),t)}));n.innerHTML=c.renderToStaticMarkup(l);var p=this.position(t,n.firstChild,t.anchor);return n.parentNode.removeChild(n),p},e.prototype.attachRepositionHandlers=function(t){var e=this;this.detachRepositionHandlers(),this._scrollableParents=this._domService.scrollableParents(this.props.anchor||t),this._scrollableParents.map(function(t){return t.addEventListener("scroll",e.reposition)}),window.addEventListener("resize",this.reposition)},e.prototype.detachRepositionHandlers=function(){var t=this;this._scrollableParents&&(this._scrollableParents.map(function(e){return e.removeEventListener("scroll",t.reposition)}),this._scrollableParents=void 0),window.removeEventListener("resize",this.reposition)},e.prototype.reposition=function(){this.forceUpdate()},e.propTypes={anchor:function(t){var e=t.anchor;if(e&&"number"!=typeof e.nodeType)return new Error("Invalid prop `anchor` supplied to `Kendo React Popup`. Validation failed.")},appendTo:function(t){var e=t.appendTo;if(e&&"number"!=typeof e.nodeType)return new Error("Invalid prop `appendTo` supplied to `Kendo React Popup`. Validation failed.")},className:l.string,id:l.string,popupClass:l.string,collision:l.shape({horizontal:l.oneOf([u.CollisionType.fit,u.CollisionType.flip]),vertical:l.oneOf([u.CollisionType.fit,u.CollisionType.flip])}),anchorAlign:l.shape({horizontal:l.oneOf([u.AlignPoint.left,u.AlignPoint.center,u.AlignPoint.right]),vertical:l.oneOf([u.AlignPoint.top,u.AlignPoint.center,u.AlignPoint.bottom])}),popupAlign:l.shape({horizontal:l.oneOf([u.AlignPoint.left,u.AlignPoint.center,u.AlignPoint.right]),vertical:l.oneOf([u.AlignPoint.top,u.AlignPoint.center,u.AlignPoint.bottom])}),offset:l.shape({left:l.number,top:l.number}),children:l.oneOfType([l.element,l.node]),show:l.bool,animate:l.oneOfType([l.bool,l.shape({openDuration:l.number,closeDuration:l.number})])},e.defaultProps={collision:{horizontal:u.CollisionType.fit,vertical:u.CollisionType.flip},anchorAlign:{horizontal:u.AlignPoint.left,vertical:u.AlignPoint.bottom},popupAlign:{horizontal:u.AlignPoint.left,vertical:u.AlignPoint.top},offset:v,animate:!0,show:!1},e}(r.Component);e.default=g},function(t,e){t.exports=i},function(t,e){t.exports=o},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(3),o=function(){function t(t){this._dom=t}return t.prototype.alignElement=function(t){var e=t.anchor,n=t.element,i=t.anchorAlign,o=t.elementAlign,r=t.offset,a=!this._dom.hasOffsetParent(n)?this.absoluteRect(e,n,r):this.relativeRect(e,n,r);return this._dom.align({anchorAlign:i,anchorRect:a,elementAlign:o,elementRect:this._dom.offset(n)})},t.prototype.absoluteRect=function(t,e,n){var o=this._dom,r=i.eitherRect(o.offset(t),n),a=o.stackingElementOffset(e),l=i.removeStackingOffset(r,a),c=o.stackingElementScroll(e),p=o.addScroll(l,c),s=this.elementScrollPosition(t,e),u=o.removeScroll(p,s);return u.left+=window.scrollX||window.pageXOffset,u.top+=window.scrollY||window.pageYOffset,u},t.prototype.elementScrollPosition=function(t,e){return t?{x:0,y:0}:this._dom.scrollPosition(e)},t.prototype.relativeRect=function(t,e,n){return i.eitherRect(this._dom.position(t,e),n)},t}();e.AlignService=o},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(5),o=n(3),r=function(){function t(){}return t.prototype.addOffset=function(t,e){return{left:t.left+e.left,top:t.top+e.top}},t.prototype.align=function(t){return i.align(t)},t.prototype.boundingOffset=function(t){return i.boundingOffset(t)},t.prototype.getWindow=function(){return o.isWindowAvailable()?window:null},t.prototype.isBodyOffset=function(t){return i.isBodyOffset(t)},t.prototype.hasOffsetParent=function(t){if(!t)return!1;var e=t.offsetParent;return e&&!("BODY"===e.nodeName&&"static"===window.getComputedStyle(e).position)},t.prototype.offset=function(t){return t?i.offset(t):null},t.prototype.staticOffset=function(t){if(!t)return null;var e=t.style,n=e.left,o=e.top;t.style.left="0px",t.style.top="0px";var r=i.offset(t);return t.style.left=n,t.style.top=o,r},t.prototype.position=function(t,e){if(!t||!e)return null;var n=i.siblingContainer(t,e);return i.positionWithScroll(t,n)},t.prototype.relativeOffset=function(t,e){return i.applyLocationOffset(this.offset(t),e,this.isBodyOffset(t))},t.prototype.addScroll=function(t,e){return i.addScroll(t,e)},t.prototype.removeScroll=function(t,e){return i.removeScroll(t,e)},t.prototype.restrictToView=function(t){return i.restrictToView(t)},t.prototype.scrollPosition=function(t){return i.scrollPosition(t)},t.prototype.scrollableParents=function(t){return o.scrollableParents(t)},t.prototype.stackingElementOffset=function(t){var e=this.getRelativeContextElement(t);return e?i.offset(e):null},t.prototype.stackingElementScroll=function(t){var e=this.getRelativeContextElement(t);return e?{x:e.scrollLeft,y:e.scrollTop}:{x:0,y:0}},t.prototype.stackingElementViewPort=function(t){var e=this.getRelativeContextElement(t);return e?{height:e.scrollHeight,width:e.scrollWidth}:null},t.prototype.getRelativeContextElement=function(t){if(!t||!o.HAS_RELATIVE_STACKING_CONTEXT)return null;for(var e=t.parentElement;e;){if("none"!==window.getComputedStyle(e).transform)return e;e=e.parentElement}return null},t.prototype.useRelativePosition=function(t){return!!this.getRelativeContextElement(t)},t.prototype.windowViewPort=function(t){return i.getWindowViewPort(t)},t.prototype.zIndex=function(t,e){return o.zIndex(t,e)},t.prototype.zoomLevel=function(){return o.isDocumentAvailable()&&o.isWindowAvailable()?parseFloat((document.documentElement.clientWidth/window.innerWidth).toFixed(2)):1},t.prototype.isZoomed=function(){return this.zoomLevel()>1},t}();e.DOMService=r},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(3),o=function(){function t(t){this._dom=t}return t.prototype.positionElement=function(t){var e=t.anchor,n=t.currentLocation,o=t.element,r=t.anchorAlign,a=t.elementAlign,l=t.collisions,c=this._dom,p=t.viewPort||c.stackingElementViewPort(o)||c.windowViewPort(o),s=i.eitherRect(c.offset(e),n),u=i.replaceOffset(c.staticOffset(o),n),f=this.elementRect(o,u),d=c.restrictToView({anchorAlign:r,anchorRect:s,collisions:l,elementAlign:a,elementRect:f,viewPort:p});return{flipped:d.flipped,offset:c.addOffset(u,d.offset)}},t.prototype.elementRect=function(t,e){return this._dom.removeScroll(e,this._dom.scrollPosition(t))},t}();e.PositionService=o},function(t,e,n){"use strict";n.r(e);var i=n(1),o=n(0),r=n(2),a=n(4),l={outerHeight:function(t){if(!t)return 0;var e=t.ownerDocument.defaultView.getComputedStyle(t),n=parseFloat(e.marginTop),i=parseFloat(e.marginBottom);return t.offsetHeight+n+i},outerWidth:function(t){if(!t)return 0;var e=t.ownerDocument.defaultView.getComputedStyle(t),n=parseFloat(e.marginLeft),i=parseFloat(e.marginRight);return t.offsetWidth+n+i},styles:{"animation-container":"k-animation-container","animation-container-relative":"k-animation-container-relative","animation-container-fixed":"k-animation-container-fixed","push-right-enter":"k-push-right-enter","push-right-appear":"k-push-right-appear","push-right-enter-active":"k-push-right-enter-active","push-right-appear-active":"k-push-right-appear-active","push-right-exit":"k-push-right-exit","push-right-exit-active":"k-push-right-exit-active","push-left-enter":"k-push-left-enter","push-left-appear":"k-push-left-appear","push-left-enter-active":"k-push-left-enter-active","push-left-appear-active":"k-push-left-appear-active","push-left-exit":"k-push-left-exit","push-left-exit-active":"k-push-left-exit-active","push-down-enter":"k-push-down-enter","push-down-appear":"k-push-down-appear","push-down-enter-active":"k-push-down-enter-active","push-down-appear-active":"k-push-down-appear-active","push-down-exit":"k-push-down-exit","push-down-exit-active":"k-push-down-exit-active","push-up-enter":"k-push-up-enter","push-up-appear":"k-push-up-appear","push-up-enter-active":"k-push-up-enter-active","push-up-appear-active":"k-push-up-appear-active","push-up-exit":"k-push-up-exit","push-up-exit-active":"k-push-up-exit-active",expand:"k-expand","expand-vertical-enter":"k-expand-vertical-enter","expand-vertical-appear":"k-expand-vertical-appear","expand-vertical-enter-active":"k-expand-vertical-enter-active","expand-vertical-appear-active":"k-expand-vertical-appear-active","expand-vertical-exit":"k-expand-vertical-exit","expand-vertical-exit-active":"k-expand-vertical-exit-active","expand-horizontal-enter":"k-expand-horizontal-enter","expand-horizontal-appear":"k-expand-horizontal-appear","expand-horizontal-enter-active":"k-expand-horizontal-enter-active","expand-horizontal-appear-active":"k-expand-horizontal-appear-active","expand-horizontal-exit":"k-expand-horizontal-exit","expand-horizontal-exit-active":"k-expand-horizontal-exit-active","child-animation-container":"k-child-animation-container","fade-enter":"k-fade-enter","fade-appear":"k-fade-appear","fade-enter-active":"k-fade-enter-active","fade-appear-active":"k-fade-appear-active","fade-exit":"k-fade-exit","fade-exit-active":"k-fade-exit-active","zoom-in-enter":"k-zoom-in-enter","zoom-in-appear":"k-zoom-in-appear","zoom-in-enter-active":"k-zoom-in-enter-active","zoom-in-appear-active":"k-zoom-in-appear-active","zoom-in-exit":"k-zoom-in-exit","zoom-in-exit-active":"k-zoom-in-exit-active","zoom-out-enter":"k-zoom-out-enter","zoom-out-appear":"k-zoom-out-appear","zoom-out-enter-active":"k-zoom-out-enter-active","zoom-out-appear-active":"k-zoom-out-appear-active","zoom-out-exit":"k-zoom-out-exit","zoom-out-exit-active":"k-zoom-out-exit-active","slide-in-appear":"k-slide-in-appear",centered:"k-centered","slide-in-appear-active":"k-slide-in-appear-active","slide-down-enter":"k-slide-down-enter","slide-down-appear":"k-slide-down-appear","slide-down-enter-active":"k-slide-down-enter-active","slide-down-appear-active":"k-slide-down-appear-active","slide-down-exit":"k-slide-down-exit","slide-down-exit-active":"k-slide-down-exit-active","slide-up-enter":"k-slide-up-enter","slide-up-appear":"k-slide-up-appear","slide-up-enter-active":"k-slide-up-enter-active","slide-up-appear-active":"k-slide-up-appear-active","slide-up-exit":"k-slide-up-exit","slide-up-exit-active":"k-slide-up-exit-active","slide-right-enter":"k-slide-right-enter","slide-right-appear":"k-slide-right-appear","slide-right-enter-active":"k-slide-right-enter-active","slide-right-appear-active":"k-slide-right-appear-active","slide-right-exit":"k-slide-right-exit","slide-right-exit-active":"k-slide-right-exit-active","slide-left-enter":"k-slide-left-enter","slide-left-appear":"k-slide-left-appear","slide-left-enter-active":"k-slide-left-enter-active","slide-left-appear-active":"k-slide-left-appear-active","slide-left-exit":"k-slide-left-exit","slide-left-exit-active":"k-slide-left-exit-active","reveal-vertical-enter":"k-reveal-vertical-enter","reveal-vertical-appear":"k-reveal-vertical-appear","reveal-vertical-enter-active":"k-reveal-vertical-enter-active","reveal-vertical-appear-active":"k-reveal-vertical-appear-active","reveal-vertical-exit":"k-reveal-vertical-exit","reveal-vertical-exit-active":"k-reveal-vertical-exit-active","reveal-horizontal-enter":"k-reveal-horizontal-enter","reveal-horizontal-appear":"k-reveal-horizontal-appear","reveal-horizontal-enter-active":"k-reveal-horizontal-enter-active","reveal-horizontal-appear-active":"k-reveal-horizontal-appear-active","reveal-horizontal-exit":"k-reveal-horizontal-exit","reveal-horizontal-exit-active":"k-reveal-horizontal-exit-active"}},c=function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),p=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},s=function(t,e){var n={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(t);o<i.length;o++)e.indexOf(i[o])<0&&(n[i[o]]=t[i[o]])}return n},u=l.styles,f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),Object.defineProperty(e.prototype,"element",{get:function(){return this._element},enumerable:!0,configurable:!0}),e.prototype.render=function(){var t=this,e=this.props,n=e.children,o=e.style,l=e.appear,c=e.enter,f=e.exit,d=e.transitionName,h=e.transitionEnterDuration,v=e.transitionExitDuration,m=e.className,y=e.onEnter,g=e.onEntering,x=e.onEntered,O=e.onExit,b=e.onExiting,w=e.onExited,E=e.mountOnEnter,_=e.unmountOnExit,P=e.animationEnteringStyle,k=e.animationEnteredStyle,S=e.animationExitingStyle,j=e.animationExitedStyle,A=s(e,["children","style","appear","enter","exit","transitionName","transitionEnterDuration","transitionExitDuration","className","onEnter","onEntering","onEntered","onExit","onExiting","onExited","mountOnEnter","unmountOnExit","animationEnteringStyle","animationEnteredStyle","animationExitingStyle","animationExitedStyle"]),C=Object(r.classNames)(m,u["child-animation-container"]),z=p({transitionDelay:"0ms"},o),R={entering:p({transitionDuration:h+"ms"},P),entered:p({},k),exiting:p({transitionDuration:v+"ms"},S),exited:p({},j)},T={in:this.props.in,appear:l,enter:c,exit:f,mountOnEnter:E,unmountOnExit:_,timeout:{enter:h,exit:v},onEnter:function(e){y&&y.call(void 0,{animatedElement:e,target:t})},onEntering:function(e){g&&g.call(void 0,{animatedElement:e,target:t})},onEntered:function(e){x&&x.call(void 0,{animatedElement:e,target:t})},onExit:function(e){O&&O.call(void 0,{animatedElement:e,target:t})},onExiting:function(e){b&&b.call(void 0,{animatedElement:e,target:t})},onExited:function(e){w&&w.call(void 0,{animatedElement:e,target:t})},classNames:{appear:u[d+"-appear"]||d+"-appear",appearActive:u[d+"-appear-active"]||d+"-appear-active",enter:u[d+"-enter"]||d+"-enter",enterActive:u[d+"-enter-active"]||d+"-enter-active",exit:u[d+"-exit"]||d+"-exit",exitActive:u[d+"-exit-active"]||d+"-exit-active"}};return i.createElement(a.CSSTransition,p({},T,A),function(e){return i.createElement("div",{style:p({},z,R[e]),className:C,ref:function(e){t._element=e}},n)})},e.propTypes={in:o.bool,children:o.oneOfType([o.arrayOf(o.node),o.node]),transitionName:o.string.isRequired,className:o.string,appear:o.bool,enter:o.bool,exit:o.bool,transitionEnterDuration:o.number.isRequired,transitionExitDuration:o.number.isRequired,mountOnEnter:o.bool,unmountOnExit:o.bool,animationEnteringStyle:o.object,animationEnteredStyle:o.object,animationExitingStyle:o.object,animationExitedStyle:o.object},e.defaultProps={mountOnEnter:!0,unmountOnExit:!1,onEnter:r.noop,onEntering:r.noop,onEntered:r.noop,onExit:r.noop,onExiting:r.noop,onExited:r.noop,animationEnteringStyle:{},animationEnteredStyle:{},animationExitingStyle:{},animationExitedStyle:{}},e}(i.Component),d=function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),h=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},v=function(t,e){var n={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(t);o<i.length;o++)e.indexOf(i[o])<0&&(n[i[o]]=t[i[o]])}return n},m=l.styles,y=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return d(e,t),e.prototype.render=function(){var t=this.props,e=t.id,n=t.style,o=t.children,l=t.component,c=t.className,p=t.childFactory,s=(t.stackChildren,t.componentChildStyle),u=t.componentChildClassName,d=v(t,["id","style","children","component","className","childFactory","stackChildren","componentChildStyle","componentChildClassName"]),y={id:e,style:n,component:l,childFactory:p,className:Object(r.classNames)(m["animation-container"],m["animation-container-relative"],c)},g=i.Children.map(o,function(t){return i.createElement(f,h({},d,{style:s,className:u}),t)});return i.createElement(a.TransitionGroup,h({},y),g)},e.propTypes={children:o.oneOfType([o.arrayOf(o.node),o.node]),childFactory:o.any,className:o.string,component:o.string,id:o.string,style:o.any,transitionName:o.string.isRequired,appear:o.bool.isRequired,enter:o.bool.isRequired,exit:o.bool.isRequired,transitionEnterDuration:o.number.isRequired,transitionExitDuration:o.number.isRequired},e.defaultProps={component:"div"},e}(i.Component),g=function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),x=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},O=function(t,e){var n={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(t);o<i.length;o++)e.indexOf(i[o])<0&&(n[i[o]]=t[i[o]])}return n},b=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return g(e,t),e.prototype.render=function(){var t=this.props,e=t.children,n=O(t,["children"]);return i.createElement(y,x({},{transitionName:"fade"},n),e)},e.propTypes={children:o.oneOfType([o.arrayOf(o.node),o.node]),childFactory:o.any,className:o.string,component:o.string,id:o.string,style:o.any},e.defaultProps={appear:!1,enter:!0,exit:!1,transitionEnterDuration:500,transitionExitDuration:500},e}(i.Component),w=function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),E=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},_=function(t,e){var n={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(t);o<i.length;o++)e.indexOf(i[o])<0&&(n[i[o]]=t[i[o]])}return n},P=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return w(e,t),e.prototype.render=function(){var t=this.props,e=t.direction,n=t.children,o=_(t,["direction","children"]),r={transitionName:"expand-"+e};return i.createElement(y,E({},r,o),n)},e.propTypes={children:o.oneOfType([o.arrayOf(o.node),o.node]),childFactory:o.any,className:o.string,direction:o.oneOf(["horizontal","vertical"]),component:o.string,id:o.string,style:o.any},e.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"vertical"},e}(i.Component),k=function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),S=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},j=function(t,e){var n={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(t);o<i.length;o++)e.indexOf(i[o])<0&&(n[i[o]]=t[i[o]])}return n},A={position:"absolute",top:"0",left:"0"},C=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return k(e,t),e.prototype.render=function(){var t=this.props,e=t.children,n=t.direction,o=j(t,["children","direction"]);return i.createElement(y,S({},o,{transitionName:"push-"+n,animationExitingStyle:this.props.stackChildren?A:void 0}),e)},e.propTypes={children:o.oneOfType([o.arrayOf(o.node),o.node]),childFactory:o.any,className:o.string,direction:o.oneOf(["up","down","left","right"]),component:o.string,id:o.string,style:o.any,stackChildren:o.bool},e.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"right",stackChildren:!1},e}(i.Component),z=function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),R=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},T=function(t,e){var n={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(t);o<i.length;o++)e.indexOf(i[o])<0&&(n[i[o]]=t[i[o]])}return n},D=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return z(e,t),e.prototype.render=function(){var t=this.props,e=t.direction,n=t.children,o=T(t,["direction","children"]),r={transitionName:"slide-"+e};return i.createElement(y,R({},r,o),n)},e.propTypes={children:o.oneOfType([o.arrayOf(o.node),o.node]),childFactory:o.any,className:o.string,direction:o.oneOf(["up","down","left","right"]),component:o.string,id:o.string,style:o.any},e.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"down"},e}(i.Component),N=function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),W=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},F=function(t,e){var n={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(t);o<i.length;o++)e.indexOf(i[o])<0&&(n[i[o]]=t[i[o]])}return n},M={position:"absolute",top:"0",left:"0"},H=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return N(e,t),e.prototype.render=function(){var t=this.props,e=t.children,n=t.direction,o=F(t,["children","direction"]);return i.createElement(y,W({},o,{transitionName:"zoom-"+n,animationExitingStyle:this.props.stackChildren?M:void 0}),e)},e.propTypes={children:o.oneOfType([o.arrayOf(o.node),o.node]),childFactory:o.any,className:o.string,direction:o.oneOf(["in","out"]),component:o.string,id:o.string,style:o.any,stackChildren:o.bool},e.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"out",stackChildren:!1},e}(i.Component),L=function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),q=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},V=function(t,e){var n={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(t);o<i.length;o++)e.indexOf(i[o])<0&&(n[i[o]]=t[i[o]])}return n},I=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.state={maxHeight:void 0,maxWidth:void 0},e.componentWillEnter=function(t){var n=e.props.onEnter;e.updateContainerDimensions(t.animatedElement,function(){n&&n.call(void 0,t)})},e.componentIsEntering=function(t){var n=e.props.onEntering;e.updateContainerDimensions(t.animatedElement,function(){n&&n.call(void 0,t)})},e.componentWillExit=function(t){var n=e.props.onExit;e.updateContainerDimensions(t.animatedElement,function(){n&&n.call(void 0,t)})},e.updateContainerDimensions=function(t,n){void 0===n&&(n=r.noop);var i=t.firstChild;if(i){var o=l.outerHeight(i),a=l.outerWidth(i);e.setState({maxHeight:o,maxWidth:a},n)}},e}return L(e,t),e.prototype.render=function(){var t,e=this.props,n=e.direction,o=e.children,r=e.childFactory,a=V(e,["direction","children","childFactory"]),l=this.state,c=l.maxHeight,p=l.maxWidth,s={maxHeight:(t="vertical"===n?{maxHeight:c?c+"px":null}:{maxWidth:p?p+"px":null}).maxHeight,maxWidth:t.maxWidth};return i.createElement(y,q({},a,{childFactory:r||function(e){return e.props.in?e:i.cloneElement(e,q({},e.props,{style:q({},e.props.style,{maxHeight:t.maxHeight,maxWidth:t.maxWidth})}))},onEnter:this.componentWillEnter,onEntering:this.componentIsEntering,onExit:this.componentWillExit,animationEnteringStyle:s,transitionName:"reveal-"+n}),o)},e.propTypes={children:o.oneOfType([o.arrayOf(o.node),o.node]),childFactory:o.any,className:o.string,direction:o.oneOf(["horizontal","vertical"]),component:o.string,id:o.string,style:o.any},e.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"vertical"},e}(i.Component);n.d(e,"Animation",function(){return y}),n.d(e,"AnimationChild",function(){return f}),n.d(e,"Fade",function(){return b}),n.d(e,"Expand",function(){return P}),n.d(e,"Push",function(){return C}),n.d(e,"Slide",function(){return D}),n.d(e,"Zoom",function(){return H}),n.d(e,"Reveal",function(){return I})}])}); |
@@ -7,3 +7,4 @@ import Popup from './Popup'; | ||
import { Offset } from './models/Offset'; | ||
import { PopupAnimation } from './models/PopupAnimation'; | ||
import { OpenEvent as PopupOpenEvent, CloseEvent as PopupCloseEvent } from './models/Events'; | ||
export { Popup, PopupProps, PopupSettings, Align, Collision, Offset, PopupOpenEvent, PopupCloseEvent }; | ||
export { Popup, PopupProps, PopupSettings, Align, Collision, Offset, PopupAnimation, PopupOpenEvent, PopupCloseEvent }; |
@@ -6,2 +6,3 @@ /// <reference types="react" /> | ||
import { Offset } from './Offset'; | ||
import { PopupAnimation } from './PopupAnimation'; | ||
/** | ||
@@ -16,3 +17,3 @@ * @hidden | ||
*/ | ||
animate?: boolean; | ||
animate?: boolean | PopupAnimation; | ||
/** | ||
@@ -19,0 +20,0 @@ * Specifies the element which will be used as an anchor |
@@ -75,2 +75,3 @@ import * as React from 'react'; | ||
private onClosed; | ||
private readonly transitionDuration; | ||
private calculatePosition; | ||
@@ -77,0 +78,0 @@ private position; |
@@ -117,3 +117,3 @@ var __extends = (this && this.__extends) || (function () { | ||
Popup.prototype.render = function () { | ||
var _a = this.props, animate = _a.animate, children = _a.children, className = _a.className, popupClass = _a.popupClass, show = _a.show, id = _a.id, _b = _a.appendTo, appendTo = _b === void 0 ? isWindowAvailable() ? document.body : undefined : _b; | ||
var _a = this.props, children = _a.children, className = _a.className, popupClass = _a.popupClass, show = _a.show, id = _a.id, _b = _a.appendTo, appendTo = _b === void 0 ? isWindowAvailable() ? document.body : undefined : _b; | ||
if (show) { | ||
@@ -125,7 +125,7 @@ var newPosition = this.calculatePosition(this.props, appendTo); | ||
var direction = this._flipped && show ? 'up' : 'down'; | ||
var transitionDuration = animate ? undefined : 0; | ||
var _c = this.transitionDuration, transitionEnterDuration = _c.transitionEnterDuration, transitionExitDuration = _c.transitionExitDuration; | ||
var style = Object.assign({}, { position: 'absolute' }, this.props.style || {}, __assign({}, this._offset)); | ||
this._exitingAnimation = this._exitingAnimation || (this._prevShow && !show); | ||
if ((show || this._exitingAnimation) && appendTo) { | ||
var popup = (React.createElement(Slide, { componentChildClassName: classNames(popupClass, K_POPUP), className: classNames(className), id: id, onEntered: this.onOpened, onExiting: this.onClosing, onExited: this.onClosed, direction: direction, style: style, transitionEnterDuration: transitionDuration, transitionExitDuration: transitionDuration, appear: true }, show ? children : null)); | ||
var popup = (React.createElement(Slide, { componentChildClassName: classNames(popupClass, K_POPUP), className: classNames(className), id: id, onEntered: this.onOpened, onExiting: this.onClosing, onExited: this.onClosed, direction: direction, style: style, transitionEnterDuration: transitionEnterDuration, transitionExitDuration: transitionExitDuration, appear: true }, show ? children : null)); | ||
return ReactDOM.createPortal(popup, appendTo); | ||
@@ -135,2 +135,22 @@ } | ||
}; | ||
Object.defineProperty(Popup.prototype, "transitionDuration", { | ||
get: function () { | ||
var animate = this.props.animate; | ||
var transitionEnterDuration = 0; | ||
var transitionExitDuration = 0; | ||
if (animate) { | ||
if (animate === true) { | ||
// Inherit the default duration of the Animation component. | ||
transitionEnterDuration = transitionExitDuration = undefined; | ||
} | ||
else { | ||
transitionEnterDuration = animate.openDuration; | ||
transitionExitDuration = animate.closeDuration; | ||
} | ||
} | ||
return { transitionEnterDuration: transitionEnterDuration, transitionExitDuration: transitionExitDuration }; | ||
}, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
Popup.prototype.calculatePosition = function (props, appendTo) { | ||
@@ -235,3 +255,9 @@ if (!appendTo || !isWindowAvailable()) { | ||
show: PropTypes.bool, | ||
animate: PropTypes.bool | ||
animate: PropTypes.oneOfType([ | ||
PropTypes.bool, | ||
PropTypes.shape({ | ||
openDuration: PropTypes.number, | ||
closeDuration: PropTypes.number | ||
}) | ||
]) | ||
}; | ||
@@ -238,0 +264,0 @@ /** |
@@ -7,3 +7,4 @@ import Popup from './Popup'; | ||
import { Offset } from './models/Offset'; | ||
import { PopupAnimation } from './models/PopupAnimation'; | ||
import { OpenEvent as PopupOpenEvent, CloseEvent as PopupCloseEvent } from './models/Events'; | ||
export { Popup, PopupProps, PopupSettings, Align, Collision, Offset, PopupOpenEvent, PopupCloseEvent }; | ||
export { Popup, PopupProps, PopupSettings, Align, Collision, Offset, PopupAnimation, PopupOpenEvent, PopupCloseEvent }; |
@@ -6,2 +6,3 @@ /// <reference types="react" /> | ||
import { Offset } from './Offset'; | ||
import { PopupAnimation } from './PopupAnimation'; | ||
/** | ||
@@ -16,3 +17,3 @@ * @hidden | ||
*/ | ||
animate?: boolean; | ||
animate?: boolean | PopupAnimation; | ||
/** | ||
@@ -19,0 +20,0 @@ * Specifies the element which will be used as an anchor |
@@ -75,2 +75,3 @@ import * as React from 'react'; | ||
private onClosed; | ||
private readonly transitionDuration; | ||
private calculatePosition; | ||
@@ -77,0 +78,0 @@ private position; |
@@ -119,3 +119,3 @@ "use strict"; | ||
Popup.prototype.render = function () { | ||
var _a = this.props, animate = _a.animate, children = _a.children, className = _a.className, popupClass = _a.popupClass, show = _a.show, id = _a.id, _b = _a.appendTo, appendTo = _b === void 0 ? util_1.isWindowAvailable() ? document.body : undefined : _b; | ||
var _a = this.props, children = _a.children, className = _a.className, popupClass = _a.popupClass, show = _a.show, id = _a.id, _b = _a.appendTo, appendTo = _b === void 0 ? util_1.isWindowAvailable() ? document.body : undefined : _b; | ||
if (show) { | ||
@@ -127,7 +127,7 @@ var newPosition = this.calculatePosition(this.props, appendTo); | ||
var direction = this._flipped && show ? 'up' : 'down'; | ||
var transitionDuration = animate ? undefined : 0; | ||
var _c = this.transitionDuration, transitionEnterDuration = _c.transitionEnterDuration, transitionExitDuration = _c.transitionExitDuration; | ||
var style = Object.assign({}, { position: 'absolute' }, this.props.style || {}, __assign({}, this._offset)); | ||
this._exitingAnimation = this._exitingAnimation || (this._prevShow && !show); | ||
if ((show || this._exitingAnimation) && appendTo) { | ||
var popup = (React.createElement(kendo_react_animation_1.Slide, { componentChildClassName: kendo_react_common_1.classNames(popupClass, K_POPUP), className: kendo_react_common_1.classNames(className), id: id, onEntered: this.onOpened, onExiting: this.onClosing, onExited: this.onClosed, direction: direction, style: style, transitionEnterDuration: transitionDuration, transitionExitDuration: transitionDuration, appear: true }, show ? children : null)); | ||
var popup = (React.createElement(kendo_react_animation_1.Slide, { componentChildClassName: kendo_react_common_1.classNames(popupClass, K_POPUP), className: kendo_react_common_1.classNames(className), id: id, onEntered: this.onOpened, onExiting: this.onClosing, onExited: this.onClosed, direction: direction, style: style, transitionEnterDuration: transitionEnterDuration, transitionExitDuration: transitionExitDuration, appear: true }, show ? children : null)); | ||
return ReactDOM.createPortal(popup, appendTo); | ||
@@ -137,2 +137,22 @@ } | ||
}; | ||
Object.defineProperty(Popup.prototype, "transitionDuration", { | ||
get: function () { | ||
var animate = this.props.animate; | ||
var transitionEnterDuration = 0; | ||
var transitionExitDuration = 0; | ||
if (animate) { | ||
if (animate === true) { | ||
// Inherit the default duration of the Animation component. | ||
transitionEnterDuration = transitionExitDuration = undefined; | ||
} | ||
else { | ||
transitionEnterDuration = animate.openDuration; | ||
transitionExitDuration = animate.closeDuration; | ||
} | ||
} | ||
return { transitionEnterDuration: transitionEnterDuration, transitionExitDuration: transitionExitDuration }; | ||
}, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
Popup.prototype.calculatePosition = function (props, appendTo) { | ||
@@ -237,3 +257,9 @@ if (!appendTo || !util_1.isWindowAvailable()) { | ||
show: PropTypes.bool, | ||
animate: PropTypes.bool | ||
animate: PropTypes.oneOfType([ | ||
PropTypes.bool, | ||
PropTypes.shape({ | ||
openDuration: PropTypes.number, | ||
closeDuration: PropTypes.number | ||
}) | ||
]) | ||
}; | ||
@@ -240,0 +266,0 @@ /** |
@@ -1,1 +0,1 @@ | ||
System.register("@progress/kendo-react-popup",["react","@progress/kendo-react-animation","prop-types","@progress/kendo-react-common","react-dom","react-dom/server","@progress/kendo-popup-common"],function(i){var n,o,r,l,s,a,c;function e(t){return t.__useDefault?t.default:t}return{setters:[function(t){n=e(t)},function(t){o=e(t)},function(t){r=e(t)},function(t){l=e(t)},function(t){s=e(t)},function(t){a=e(t)},function(t){c=e(t)}],execute:function(){!function(n){var o={};function i(t){if(o[t])return o[t].exports;var e=o[t]={i:t,l:!1,exports:{}};return n[t].call(e.exports,e,e.exports,i),e.l=!0,e.exports}i.m=n,i.c=o,i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)i.d(n,o,function(t){return e[t]}.bind(null,o));return n},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="",i(i.s=2)}([function(t,r,e){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var i=e(1);r.eitherRect=function(t,e){return t||{height:0,left:e.left,top:e.top,width:0}},r.replaceOffset=function(t,e){return e?{height:t.height,left:e.left,top:e.top,width:t.width}:t},r.removeStackingOffset=function(t,e){return e?{height:t.height,left:t.left-e.left,top:t.top-e.top,width:t.width}:t},r.isDifferentOffset=function(t,e){var n=t.left,o=t.top,i=e.left,r=e.top;return 1<=Math.abs(n-i)||1<=Math.abs(o-r)},r.isDocumentAvailable=function(){return"undefined"!=typeof document&&!!document.body},r.isWindowAvailable=function(){return"undefined"!=typeof window},r.hasBoundingRect=function(t){return!!t.getBoundingClientRect},r.OVERFLOW_REGEXP=/auto|scroll/;r.scrollableParents=function(t){var e,n,o=[];if(!r.isDocumentAvailable()||!r.isWindowAvailable())return o;for(var i=t.parentElement;i;)r.OVERFLOW_REGEXP.test((e=i,void 0,""+(n=window.getComputedStyle(e)).overflow+n.overflowX+n.overflowY))&&o.push(i),i=i.parentElement;return o.push(window),o},r.FRAME_DURATION=1e3/60,r.hasRelativeStackingContext=function(){if(!r.isDocumentAvailable())return!1;var t=document.createElement("div");t.style.transform="matrix(10, 0, 0, 10, 0, 0)",t.innerHTML='<div style="position: fixed; top: 10px;">child</div>',document.body.appendChild(t);var e=10!==t.children[0].getBoundingClientRect().top;return document.body.removeChild(t),e},r.HAS_RELATIVE_STACKING_CONTEXT=r.hasRelativeStackingContext(),r.zIndex=function(t,e){if(!t||!r.isDocumentAvailable()||!r.isWindowAvailable())return null;var n=i.siblingContainer(t,e);if(!n)return null;var o=[t].concat(i.parents(t,n)).reduce(function(t,e){var n=e.style.zIndex||window.getComputedStyle(e).zIndex,o=parseInt(n,10);return t<o?o:t},0);return o?o+1:null},r.CollisionType={fit:"fit",flip:"flip"},r.AlignPoint={left:"left",center:"center",right:"right",bottom:"bottom",top:"top"},r.throttle=function(n,o,i){var r,l,s,a;void 0===i&&(i={});var c=0;i=i||{};var p=function(){c=!1===i.leading?0:(new Date).getTime(),r=null,a=n.apply(l,s),r||(l=s=null)};return function(){var t=(new Date).getTime();c||!1!==i.leading||(c=t);var e=o-(t-c);return l=this,s=arguments,e<=0||o<e?(r&&(clearTimeout(r),r=null),c=t,a=n.apply(l,s),r||(l=s=null)):r||!1===i.trailing||(r=setTimeout(p,e)),a}}},function(t,e){t.exports=c},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=n(3);e.Popup=o.default,function(t){for(var e in t)i(e,t[e])}(e)},function(t,e,n){"use strict";var o,i=this&&this.__extends||(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])},function(t,e){function n(){this.constructor=t}o(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}),h=this&&this.__assign||Object.assign||function(t){for(var e,n=1,o=arguments.length;n<o;n++)for(var i in e=arguments[n])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t};Object.defineProperty(e,"__esModule",{value:!0});var m=n(4),v=n(5),r=n(6),s=n(7),g=n(8),y=n(9),w=n(0),l=n(10),c=n(11),p=n(12),a={left:-1e3,top:0},f="k-animation-container-shown",u=function(t){return v.findDOMNode(t)},d=function(e){function t(t){var a=e.call(this,t)||this;return a._exitingAnimation=!1,a._prevShow=!1,a.onOpened=function(){var t=u(a);a.props.show&&t.classList.add(f),a.attachRepositionHandlers(t),a.props.open&&a.props.open.call(void 0,{target:a})},a.onClosing=function(){a.props.show||u(a).classList.remove(f),a.detachRepositionHandlers()},a.onClosed=function(){a._exitingAnimation&&(a._exitingAnimation=!1,a.forceUpdate()),a.props.close&&a.props.close.call(void 0,{target:a})},a.position=function(t,e,n){var o=t.anchorAlign,i=t.popupAlign,r=t.collision,l=t.offset,s=a._alignService.alignElement({anchor:n,element:e,elementAlign:i,anchorAlign:o,offset:l});return a._positionService.positionElement({anchor:n,anchorAlign:o,collisions:r,element:e,currentLocation:s,elementAlign:i})},a._flipped=!1,a._offset=a.props.offset,a._prevShow=t.show,a._domService=new c.DOMService,a._alignService=new l.AlignService(a._domService),a._positionService=new p.PositionService(a._domService),a.onOpened=a.onOpened.bind(a),a.onClosing=a.onClosing.bind(a),a.reposition=w.throttle(a.reposition.bind(a),w.FRAME_DURATION),a}return i(t,e),t.prototype.componentDidUpdate=function(){this._prevShow=this.props.show},t.prototype.componentWillUnmount=function(){this.detachRepositionHandlers()},t.prototype.render=function(){var t=this.props,e=t.animate,n=t.children,o=t.className,i=t.popupClass,r=t.show,l=t.id,s=t.appendTo,a=void 0===s?w.isWindowAvailable()?document.body:void 0:s;if(r){var c=this.calculatePosition(this.props,a);this._offset=c.offset,this._flipped=!!c.flipped}var p=this._flipped&&r?"up":"down",f=e?void 0:0,u=Object.assign({},{position:"absolute"},this.props.style||{},h({},this._offset));if(this._exitingAnimation=this._exitingAnimation||this._prevShow&&!r,(r||this._exitingAnimation)&&a){var d=m.createElement(g.Slide,{componentChildClassName:y.classNames(i,"k-popup"),className:y.classNames(o),id:l,onEntered:this.onOpened,onExiting:this.onClosing,onExited:this.onClosed,direction:p,style:u,transitionEnterDuration:f,transitionExitDuration:f,appear:!0},r?n:null);return v.createPortal(d,a)}return null},t.prototype.calculatePosition=function(t,e){if(!e||!w.isWindowAvailable())return{flipped:!1,offset:t.offset};var n=document.createElement("div");e.appendChild(n);var o=Object.assign({},t.style||{},h({visibility:"hidden"},a)),i={className:y.classNames(t.popupClass,"k-popup","k-child-animation-container")},r=m.createElement("div",{className:y.classNames("k-animation-container",f,t.className),style:o},m.Children.map(t.children,function(t,e){return m.createElement("div",h({key:e},i),t)}));n.innerHTML=s.renderToStaticMarkup(r);var l=this.position(t,n.firstChild,t.anchor);return n.parentNode.removeChild(n),l},t.prototype.attachRepositionHandlers=function(t){var e=this;this.detachRepositionHandlers(),this._scrollableParents=this._domService.scrollableParents(this.props.anchor||t),this._scrollableParents.map(function(t){return t.addEventListener("scroll",e.reposition)}),window.addEventListener("resize",this.reposition)},t.prototype.detachRepositionHandlers=function(){var e=this;this._scrollableParents&&(this._scrollableParents.map(function(t){return t.removeEventListener("scroll",e.reposition)}),this._scrollableParents=void 0),window.removeEventListener("resize",this.reposition)},t.prototype.reposition=function(){this.forceUpdate()},t.propTypes={anchor:function(t){var e=t.anchor;if(e&&"number"!=typeof e.nodeType)return new Error("Invalid prop `anchor` supplied to `Kendo React Popup`. Validation failed.")},appendTo:function(t){var e=t.appendTo;if(e&&"number"!=typeof e.nodeType)return new Error("Invalid prop `appendTo` supplied to `Kendo React Popup`. Validation failed.")},className:r.string,id:r.string,popupClass:r.string,collision:r.shape({horizontal:r.oneOf([w.CollisionType.fit,w.CollisionType.flip]),vertical:r.oneOf([w.CollisionType.fit,w.CollisionType.flip])}),anchorAlign:r.shape({horizontal:r.oneOf([w.AlignPoint.left,w.AlignPoint.center,w.AlignPoint.right]),vertical:r.oneOf([w.AlignPoint.top,w.AlignPoint.center,w.AlignPoint.bottom])}),popupAlign:r.shape({horizontal:r.oneOf([w.AlignPoint.left,w.AlignPoint.center,w.AlignPoint.right]),vertical:r.oneOf([w.AlignPoint.top,w.AlignPoint.center,w.AlignPoint.bottom])}),offset:r.shape({left:r.number,top:r.number}),children:r.oneOfType([r.element,r.node]),show:r.bool,animate:r.bool},t.defaultProps={collision:{horizontal:w.CollisionType.fit,vertical:w.CollisionType.flip},anchorAlign:{horizontal:w.AlignPoint.left,vertical:w.AlignPoint.bottom},popupAlign:{horizontal:w.AlignPoint.left,vertical:w.AlignPoint.top},offset:a,animate:!0,show:!1},t}(m.Component);e.default=d},function(t,e){t.exports=n},function(t,e){t.exports=s},function(t,e){t.exports=r},function(t,e){t.exports=a},function(t,e){t.exports=o},function(t,e){t.exports=l},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var f=n(0),o=function(){function t(t){this._dom=t}return t.prototype.alignElement=function(t){var e=t.anchor,n=t.element,o=t.anchorAlign,i=t.elementAlign,r=t.offset,l=this._dom.hasOffsetParent(n)?this.relativeRect(e,n,r):this.absoluteRect(e,n,r);return this._dom.align({anchorAlign:o,anchorRect:l,elementAlign:i,elementRect:this._dom.offset(n)})},t.prototype.absoluteRect=function(t,e,n){var o=this._dom,i=f.eitherRect(o.offset(t),n),r=o.stackingElementOffset(e),l=f.removeStackingOffset(i,r),s=o.stackingElementScroll(e),a=o.addScroll(l,s),c=this.elementScrollPosition(t,e),p=o.removeScroll(a,c);return p.left+=window.scrollX||window.pageXOffset,p.top+=window.scrollY||window.pageYOffset,p},t.prototype.elementScrollPosition=function(t,e){return t?{x:0,y:0}:this._dom.scrollPosition(e)},t.prototype.relativeRect=function(t,e,n){return f.eitherRect(this._dom.position(t,e),n)},t}();e.AlignService=o},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(1),o=n(0),i=function(){function t(){}return t.prototype.addOffset=function(t,e){return{left:t.left+e.left,top:t.top+e.top}},t.prototype.align=function(t){return r.align(t)},t.prototype.boundingOffset=function(t){return r.boundingOffset(t)},t.prototype.getWindow=function(){return o.isWindowAvailable()?window:null},t.prototype.isBodyOffset=function(t){return r.isBodyOffset(t)},t.prototype.hasOffsetParent=function(t){if(!t)return!1;var e=t.offsetParent;return e&&!("BODY"===e.nodeName&&"static"===window.getComputedStyle(e).position)},t.prototype.offset=function(t){return t?r.offset(t):null},t.prototype.staticOffset=function(t){if(!t)return null;var e=t.style,n=e.left,o=e.top;t.style.left="0px",t.style.top="0px";var i=r.offset(t);return t.style.left=n,t.style.top=o,i},t.prototype.position=function(t,e){if(!t||!e)return null;var n=r.siblingContainer(t,e);return r.positionWithScroll(t,n)},t.prototype.relativeOffset=function(t,e){return r.applyLocationOffset(this.offset(t),e,this.isBodyOffset(t))},t.prototype.addScroll=function(t,e){return r.addScroll(t,e)},t.prototype.removeScroll=function(t,e){return r.removeScroll(t,e)},t.prototype.restrictToView=function(t){return r.restrictToView(t)},t.prototype.scrollPosition=function(t){return r.scrollPosition(t)},t.prototype.scrollableParents=function(t){return o.scrollableParents(t)},t.prototype.stackingElementOffset=function(t){var e=this.getRelativeContextElement(t);return e?r.offset(e):null},t.prototype.stackingElementScroll=function(t){var e=this.getRelativeContextElement(t);return e?{x:e.scrollLeft,y:e.scrollTop}:{x:0,y:0}},t.prototype.stackingElementViewPort=function(t){var e=this.getRelativeContextElement(t);return e?{height:e.scrollHeight,width:e.scrollWidth}:null},t.prototype.getRelativeContextElement=function(t){if(!t||!o.HAS_RELATIVE_STACKING_CONTEXT)return null;for(var e=t.parentElement;e;){if("none"!==window.getComputedStyle(e).transform)return e;e=e.parentElement}return null},t.prototype.useRelativePosition=function(t){return!!this.getRelativeContextElement(t)},t.prototype.windowViewPort=function(t){return r.getWindowViewPort(t)},t.prototype.zIndex=function(t,e){return o.zIndex(t,e)},t.prototype.zoomLevel=function(){return o.isDocumentAvailable()&&o.isWindowAvailable()?parseFloat((document.documentElement.clientWidth/window.innerWidth).toFixed(2)):1},t.prototype.isZoomed=function(){return 1<this.zoomLevel()},t}();e.DOMService=i},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var d=n(0),o=function(){function t(t){this._dom=t}return t.prototype.positionElement=function(t){var e=t.anchor,n=t.currentLocation,o=t.element,i=t.anchorAlign,r=t.elementAlign,l=t.collisions,s=this._dom,a=t.viewPort||s.stackingElementViewPort(o)||s.windowViewPort(o),c=d.eitherRect(s.offset(e),n),p=d.replaceOffset(s.staticOffset(o),n),f=this.elementRect(o,p),u=s.restrictToView({anchorAlign:i,anchorRect:c,collisions:l,elementAlign:r,elementRect:f,viewPort:a});return{flipped:u.flipped,offset:s.addOffset(p,u.offset)}},t.prototype.elementRect=function(t,e){return this._dom.removeScroll(e,this._dom.scrollPosition(t))},t}();e.PositionService=o}])}}}); | ||
System.register("@progress/kendo-react-popup",["react-dom","react","prop-types","react-dom/server","@progress/kendo-react-common","@progress/kendo-react-animation","@progress/kendo-popup-common"],function(i){var n,o,r,l,s,a,p;function e(t){return t.__useDefault?t.default:t}return{setters:[function(t){n=e(t)},function(t){o=e(t)},function(t){r=e(t)},function(t){l=e(t)},function(t){s=e(t)},function(t){a=e(t)},function(t){p=e(t)}],execute:function(){!function(n){var o={};function i(t){if(o[t])return o[t].exports;var e=o[t]={i:t,l:!1,exports:{}};return n[t].call(e.exports,e,e.exports,i),e.l=!0,e.exports}i.m=n,i.c=o,i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)i.d(n,o,function(t){return e[t]}.bind(null,o));return n},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="",i(i.s=2)}([function(t,r,e){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var i=e(1);r.eitherRect=function(t,e){return t||{height:0,left:e.left,top:e.top,width:0}},r.replaceOffset=function(t,e){return e?{height:t.height,left:e.left,top:e.top,width:t.width}:t},r.removeStackingOffset=function(t,e){return e?{height:t.height,left:t.left-e.left,top:t.top-e.top,width:t.width}:t},r.isDifferentOffset=function(t,e){var n=t.left,o=t.top,i=e.left,r=e.top;return 1<=Math.abs(n-i)||1<=Math.abs(o-r)},r.isDocumentAvailable=function(){return"undefined"!=typeof document&&!!document.body},r.isWindowAvailable=function(){return"undefined"!=typeof window},r.hasBoundingRect=function(t){return!!t.getBoundingClientRect},r.OVERFLOW_REGEXP=/auto|scroll/;r.scrollableParents=function(t){var e,n,o=[];if(!r.isDocumentAvailable()||!r.isWindowAvailable())return o;for(var i=t.parentElement;i;)r.OVERFLOW_REGEXP.test((e=i,void 0,""+(n=window.getComputedStyle(e)).overflow+n.overflowX+n.overflowY))&&o.push(i),i=i.parentElement;return o.push(window),o},r.FRAME_DURATION=1e3/60,r.hasRelativeStackingContext=function(){if(!r.isDocumentAvailable())return!1;var t=document.createElement("div");t.style.transform="matrix(10, 0, 0, 10, 0, 0)",t.innerHTML='<div style="position: fixed; top: 10px;">child</div>',document.body.appendChild(t);var e=10!==t.children[0].getBoundingClientRect().top;return document.body.removeChild(t),e},r.HAS_RELATIVE_STACKING_CONTEXT=r.hasRelativeStackingContext(),r.zIndex=function(t,e){if(!t||!r.isDocumentAvailable()||!r.isWindowAvailable())return null;var n=i.siblingContainer(t,e);if(!n)return null;var o=[t].concat(i.parents(t,n)).reduce(function(t,e){var n=e.style.zIndex||window.getComputedStyle(e).zIndex,o=parseInt(n,10);return t<o?o:t},0);return o?o+1:null},r.CollisionType={fit:"fit",flip:"flip"},r.AlignPoint={left:"left",center:"center",right:"right",bottom:"bottom",top:"top"},r.throttle=function(n,o,i){var r,l,s,a;void 0===i&&(i={});var p=0;i=i||{};var c=function(){p=!1===i.leading?0:(new Date).getTime(),r=null,a=n.apply(l,s),r||(l=s=null)};return function(){var t=(new Date).getTime();p||!1!==i.leading||(p=t);var e=o-(t-p);return l=this,s=arguments,e<=0||o<e?(r&&(clearTimeout(r),r=null),p=t,a=n.apply(l,s),r||(l=s=null)):r||!1===i.trailing||(r=setTimeout(c,e)),a}}},function(t,e){t.exports=p},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=n(3);e.Popup=o.default,function(t){for(var e in t)i(e,t[e])}(e)},function(t,e,n){"use strict";var o,i=this&&this.__extends||(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])},function(t,e){function n(){this.constructor=t}o(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}),m=this&&this.__assign||Object.assign||function(t){for(var e,n=1,o=arguments.length;n<o;n++)for(var i in e=arguments[n])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t};Object.defineProperty(e,"__esModule",{value:!0});var v=n(4),g=n(5),r=n(6),s=n(7),y=n(8),w=n(9),_=n(0),l=n(10),p=n(11),c=n(12),a={left:-1e3,top:0},u="k-animation-container-shown",f=function(t){return g.findDOMNode(t)},d=function(e){function t(t){var a=e.call(this,t)||this;return a._exitingAnimation=!1,a._prevShow=!1,a.onOpened=function(){var t=f(a);a.props.show&&t.classList.add(u),a.attachRepositionHandlers(t),a.props.open&&a.props.open.call(void 0,{target:a})},a.onClosing=function(){a.props.show||f(a).classList.remove(u),a.detachRepositionHandlers()},a.onClosed=function(){a._exitingAnimation&&(a._exitingAnimation=!1,a.forceUpdate()),a.props.close&&a.props.close.call(void 0,{target:a})},a.position=function(t,e,n){var o=t.anchorAlign,i=t.popupAlign,r=t.collision,l=t.offset,s=a._alignService.alignElement({anchor:n,element:e,elementAlign:i,anchorAlign:o,offset:l});return a._positionService.positionElement({anchor:n,anchorAlign:o,collisions:r,element:e,currentLocation:s,elementAlign:i})},a._flipped=!1,a._offset=a.props.offset,a._prevShow=t.show,a._domService=new p.DOMService,a._alignService=new l.AlignService(a._domService),a._positionService=new c.PositionService(a._domService),a.onOpened=a.onOpened.bind(a),a.onClosing=a.onClosing.bind(a),a.reposition=_.throttle(a.reposition.bind(a),_.FRAME_DURATION),a}return i(t,e),t.prototype.componentDidUpdate=function(){this._prevShow=this.props.show},t.prototype.componentWillUnmount=function(){this.detachRepositionHandlers()},t.prototype.render=function(){var t=this.props,e=t.children,n=t.className,o=t.popupClass,i=t.show,r=t.id,l=t.appendTo,s=void 0===l?_.isWindowAvailable()?document.body:void 0:l;if(i){var a=this.calculatePosition(this.props,s);this._offset=a.offset,this._flipped=!!a.flipped}var p=this._flipped&&i?"up":"down",c=this.transitionDuration,u=c.transitionEnterDuration,f=c.transitionExitDuration,d=Object.assign({},{position:"absolute"},this.props.style||{},m({},this._offset));if(this._exitingAnimation=this._exitingAnimation||this._prevShow&&!i,(i||this._exitingAnimation)&&s){var h=v.createElement(y.Slide,{componentChildClassName:w.classNames(o,"k-popup"),className:w.classNames(n),id:r,onEntered:this.onOpened,onExiting:this.onClosing,onExited:this.onClosed,direction:p,style:d,transitionEnterDuration:u,transitionExitDuration:f,appear:!0},i?e:null);return g.createPortal(h,s)}return null},Object.defineProperty(t.prototype,"transitionDuration",{get:function(){var t=this.props.animate,e=0,n=0;return t&&(!0===t?e=n=void 0:(e=t.openDuration,n=t.closeDuration)),{transitionEnterDuration:e,transitionExitDuration:n}},enumerable:!0,configurable:!0}),t.prototype.calculatePosition=function(t,e){if(!e||!_.isWindowAvailable())return{flipped:!1,offset:t.offset};var n=document.createElement("div");e.appendChild(n);var o=Object.assign({},t.style||{},m({visibility:"hidden"},a)),i={className:w.classNames(t.popupClass,"k-popup","k-child-animation-container")},r=v.createElement("div",{className:w.classNames("k-animation-container",u,t.className),style:o},v.Children.map(t.children,function(t,e){return v.createElement("div",m({key:e},i),t)}));n.innerHTML=s.renderToStaticMarkup(r);var l=this.position(t,n.firstChild,t.anchor);return n.parentNode.removeChild(n),l},t.prototype.attachRepositionHandlers=function(t){var e=this;this.detachRepositionHandlers(),this._scrollableParents=this._domService.scrollableParents(this.props.anchor||t),this._scrollableParents.map(function(t){return t.addEventListener("scroll",e.reposition)}),window.addEventListener("resize",this.reposition)},t.prototype.detachRepositionHandlers=function(){var e=this;this._scrollableParents&&(this._scrollableParents.map(function(t){return t.removeEventListener("scroll",e.reposition)}),this._scrollableParents=void 0),window.removeEventListener("resize",this.reposition)},t.prototype.reposition=function(){this.forceUpdate()},t.propTypes={anchor:function(t){var e=t.anchor;if(e&&"number"!=typeof e.nodeType)return new Error("Invalid prop `anchor` supplied to `Kendo React Popup`. Validation failed.")},appendTo:function(t){var e=t.appendTo;if(e&&"number"!=typeof e.nodeType)return new Error("Invalid prop `appendTo` supplied to `Kendo React Popup`. Validation failed.")},className:r.string,id:r.string,popupClass:r.string,collision:r.shape({horizontal:r.oneOf([_.CollisionType.fit,_.CollisionType.flip]),vertical:r.oneOf([_.CollisionType.fit,_.CollisionType.flip])}),anchorAlign:r.shape({horizontal:r.oneOf([_.AlignPoint.left,_.AlignPoint.center,_.AlignPoint.right]),vertical:r.oneOf([_.AlignPoint.top,_.AlignPoint.center,_.AlignPoint.bottom])}),popupAlign:r.shape({horizontal:r.oneOf([_.AlignPoint.left,_.AlignPoint.center,_.AlignPoint.right]),vertical:r.oneOf([_.AlignPoint.top,_.AlignPoint.center,_.AlignPoint.bottom])}),offset:r.shape({left:r.number,top:r.number}),children:r.oneOfType([r.element,r.node]),show:r.bool,animate:r.oneOfType([r.bool,r.shape({openDuration:r.number,closeDuration:r.number})])},t.defaultProps={collision:{horizontal:_.CollisionType.fit,vertical:_.CollisionType.flip},anchorAlign:{horizontal:_.AlignPoint.left,vertical:_.AlignPoint.bottom},popupAlign:{horizontal:_.AlignPoint.left,vertical:_.AlignPoint.top},offset:a,animate:!0,show:!1},t}(v.Component);e.default=d},function(t,e){t.exports=o},function(t,e){t.exports=n},function(t,e){t.exports=r},function(t,e){t.exports=l},function(t,e){t.exports=a},function(t,e){t.exports=s},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var u=n(0),o=function(){function t(t){this._dom=t}return t.prototype.alignElement=function(t){var e=t.anchor,n=t.element,o=t.anchorAlign,i=t.elementAlign,r=t.offset,l=this._dom.hasOffsetParent(n)?this.relativeRect(e,n,r):this.absoluteRect(e,n,r);return this._dom.align({anchorAlign:o,anchorRect:l,elementAlign:i,elementRect:this._dom.offset(n)})},t.prototype.absoluteRect=function(t,e,n){var o=this._dom,i=u.eitherRect(o.offset(t),n),r=o.stackingElementOffset(e),l=u.removeStackingOffset(i,r),s=o.stackingElementScroll(e),a=o.addScroll(l,s),p=this.elementScrollPosition(t,e),c=o.removeScroll(a,p);return c.left+=window.scrollX||window.pageXOffset,c.top+=window.scrollY||window.pageYOffset,c},t.prototype.elementScrollPosition=function(t,e){return t?{x:0,y:0}:this._dom.scrollPosition(e)},t.prototype.relativeRect=function(t,e,n){return u.eitherRect(this._dom.position(t,e),n)},t}();e.AlignService=o},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(1),o=n(0),i=function(){function t(){}return t.prototype.addOffset=function(t,e){return{left:t.left+e.left,top:t.top+e.top}},t.prototype.align=function(t){return r.align(t)},t.prototype.boundingOffset=function(t){return r.boundingOffset(t)},t.prototype.getWindow=function(){return o.isWindowAvailable()?window:null},t.prototype.isBodyOffset=function(t){return r.isBodyOffset(t)},t.prototype.hasOffsetParent=function(t){if(!t)return!1;var e=t.offsetParent;return e&&!("BODY"===e.nodeName&&"static"===window.getComputedStyle(e).position)},t.prototype.offset=function(t){return t?r.offset(t):null},t.prototype.staticOffset=function(t){if(!t)return null;var e=t.style,n=e.left,o=e.top;t.style.left="0px",t.style.top="0px";var i=r.offset(t);return t.style.left=n,t.style.top=o,i},t.prototype.position=function(t,e){if(!t||!e)return null;var n=r.siblingContainer(t,e);return r.positionWithScroll(t,n)},t.prototype.relativeOffset=function(t,e){return r.applyLocationOffset(this.offset(t),e,this.isBodyOffset(t))},t.prototype.addScroll=function(t,e){return r.addScroll(t,e)},t.prototype.removeScroll=function(t,e){return r.removeScroll(t,e)},t.prototype.restrictToView=function(t){return r.restrictToView(t)},t.prototype.scrollPosition=function(t){return r.scrollPosition(t)},t.prototype.scrollableParents=function(t){return o.scrollableParents(t)},t.prototype.stackingElementOffset=function(t){var e=this.getRelativeContextElement(t);return e?r.offset(e):null},t.prototype.stackingElementScroll=function(t){var e=this.getRelativeContextElement(t);return e?{x:e.scrollLeft,y:e.scrollTop}:{x:0,y:0}},t.prototype.stackingElementViewPort=function(t){var e=this.getRelativeContextElement(t);return e?{height:e.scrollHeight,width:e.scrollWidth}:null},t.prototype.getRelativeContextElement=function(t){if(!t||!o.HAS_RELATIVE_STACKING_CONTEXT)return null;for(var e=t.parentElement;e;){if("none"!==window.getComputedStyle(e).transform)return e;e=e.parentElement}return null},t.prototype.useRelativePosition=function(t){return!!this.getRelativeContextElement(t)},t.prototype.windowViewPort=function(t){return r.getWindowViewPort(t)},t.prototype.zIndex=function(t,e){return o.zIndex(t,e)},t.prototype.zoomLevel=function(){return o.isDocumentAvailable()&&o.isWindowAvailable()?parseFloat((document.documentElement.clientWidth/window.innerWidth).toFixed(2)):1},t.prototype.isZoomed=function(){return 1<this.zoomLevel()},t}();e.DOMService=i},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var d=n(0),o=function(){function t(t){this._dom=t}return t.prototype.positionElement=function(t){var e=t.anchor,n=t.currentLocation,o=t.element,i=t.anchorAlign,r=t.elementAlign,l=t.collisions,s=this._dom,a=t.viewPort||s.stackingElementViewPort(o)||s.windowViewPort(o),p=d.eitherRect(s.offset(e),n),c=d.replaceOffset(s.staticOffset(o),n),u=this.elementRect(o,c),f=s.restrictToView({anchorAlign:i,anchorRect:p,collisions:l,elementAlign:r,elementRect:u,viewPort:a});return{flipped:f.flipped,offset:s.addOffset(c,f.offset)}},t.prototype.elementRect=function(t,e){return this._dom.removeScroll(e,this._dom.scrollPosition(t))},t}();e.PositionService=o}])}}}); |
{ | ||
"name": "@progress/kendo-react-popup", | ||
"description": "KendoReact Popup package", | ||
"version": "2.3.3-dev.201811120921", | ||
"version": "2.4.0-dev.201811141803", | ||
"repository": { | ||
@@ -31,4 +31,4 @@ "type": "git", | ||
"@progress/kendo-popup-common": "^1.2.2", | ||
"@progress/kendo-react-animation": "2.3.3-dev.201811120921", | ||
"@progress/kendo-react-common": "2.3.3-dev.201811120921", | ||
"@progress/kendo-react-animation": "2.4.0-dev.201811141803", | ||
"@progress/kendo-react-common": "2.4.0-dev.201811141803", | ||
"prop-types": "^15.6.0" | ||
@@ -35,0 +35,0 @@ }, |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
182810
108
2290
+ Added@progress/kendo-react-animation@2.4.0-dev.201811141803(transitive)
+ Added@progress/kendo-react-common@2.4.0-dev.201811141803(transitive)
- Removed@progress/kendo-react-animation@2.3.3-dev.201811120921(transitive)
- Removed@progress/kendo-react-common@2.3.3-dev.201811120921(transitive)
Updated@progress/kendo-react-animation@2.4.0-dev.201811141803