@progress/kendo-react-popup 4.13.0-dev.202111300702 → 4.13.0

package/dist/cdn/js/kendo-react-popup.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("prop-types"),require("@progress/kendo-licensing"),require("react-dom")):"function"==typeof define&&define.amd?define(["react","prop-types","@progress/kendo-licensing","react-dom"],t):"object"==typeof exports?exports.KendoReactPopup=t(require("react"),require("prop-types"),require("@progress/kendo-licensing"),require("react-dom")):e.KendoReactPopup=t(e.React,e.PropTypes,e.KendoLicensing,e.ReactDOM)}(window,(function(e,t,n,r){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=6)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(5),o=n(3);t.eitherRect=function(e,t){return e||{height:0,left:t.left,top:t.top,width:0}},t.replaceOffset=function(e,t){return t?{height:e.height,left:t.left,top:t.top,width:e.width}:e},t.removeStackingOffset=function(e,t){return t?{height:e.height,left:e.left-t.left,top:e.top-t.top,width:e.width}:e},t.isDifferentOffset=function(e,t){var n=e.left,r=e.top,o=t.left,i=t.top;return Math.abs(n-o)>=1||Math.abs(r-i)>=1},t.hasBoundingRect=function(e){return!!e.getBoundingClientRect},t.OVERFLOW_REGEXP=/auto|scroll/;var i=function(e){var t=window.getComputedStyle(e);return""+t.overflow+t.overflowX+t.overflowY};t.scrollableParents=function(e){var n=[];if(!o.canUseDOM)return n;for(var r=e.parentElement;r;)t.OVERFLOW_REGEXP.test(i(r))&&n.push(r),r=r.parentElement;return n.push(window),n},t.FRAME_DURATION=1e3/60,t.HAS_RELATIVE_STACKING_CONTEXT=o.hasRelativeStackingContext(),t.zIndex=function(e,t){if(!e||!o.canUseDOM)return null;var n=r.siblingContainer(e,t);if(!n)return null;var i=[e].concat(r.parents(e,n)).reduce((function(e,t){var n=t.style.zIndex||window.getComputedStyle(t).zIndex,r=parseInt(n,10);return r>e?r:e}),0);return i?i+1:null},t.CollisionType={fit:"fit",flip:"flip"},t.AlignPoint={left:"left",center:"center",right:"right",bottom:"bottom",top:"top"},t.throttle=function(e,t,n){var r,o,i,l;void 0===n&&(n={});var u=0;n=n||{};var a=function(){u=!1===n.leading?0:(new Date).getTime(),r=null,l=e.apply(o,i),r||(o=i=null)};return function(){var c=(new Date).getTime();u||!1!==n.leading||(u=c);var s=t-(c-u);return o=this,i=arguments,s<=0||s>t?(r&&(clearTimeout(r),r=null),u=c,l=e.apply(o,i),r||(o=i=null)):r||!1===n.trailing||(r=window.setTimeout(a,s)),l}}},function(e,t,n){"use strict";n.r(t),n.d(t,"BrowserSupportService",(function(){return o})),n.d(t,"canUseDOM",(function(){return i})),n.d(t,"canUseRef",(function(){return l})),n.d(t,"classNames",(function(){return u})),n.d(t,"cloneDate",(function(){return c})),n.d(t,"clone",(function(){return s})),n.d(t,"cloneObject",(function(){return f})),n.d(t,"cloneValue",(function(){return p})),n.d(t,"cloneArray",(function(){return d})),n.d(t,"focusFirstFocusableChild",(function(){return h})),n.d(t,"FormComponent",(function(){return v})),n.d(t,"getTabIndex",(function(){return m})),n.d(t,"getter",(function(){return w})),n.d(t,"guid",(function(){return O})),n.d(t,"Keys",(function(){return C})),n.d(t,"noop",(function(){return E})),n.d(t,"getScrollbarWidth",(function(){return k})),n.d(t,"setScrollbarWidth",(function(){return x})),n.d(t,"setter",(function(){return R})),n.d(t,"mapTree",(function(){return M})),n.d(t,"mapTreeItem",(function(){return T})),n.d(t,"extendDataItem",(function(){return A})),n.d(t,"getItemPath",(function(){return L})),n.d(t,"validatePackage",(function(){return j})),n.d(t,"hasRelativeStackingContext",(function(){return I})),n.d(t,"dispatchEvent",(function(){return z})),n.d(t,"AsyncFocusBlur",(function(){return K})),n.d(t,"createPropsContext",(function(){return B})),n.d(t,"withPropsContext",(function(){return V})),n.d(t,"useDir",(function(){return Y})),n.d(t,"useAsyncFocusBlur",(function(){return U})),n.d(t,"useRtl",(function(){return F})),n.d(t,"useMouse",(function(){return G})),n.d(t,"useCustomComponent",(function(){return $})),n.d(t,"usePropsContext",(function(){return W})),n.d(t,"COLLECTION_ACTION",(function(){return q})),n.d(t,"useCollection",(function(){return Z})),n.d(t,"Icon",(function(){return ne})),n.d(t,"SvgIcon",(function(){return le})),n.d(t,"Typography",(function(){return we})),n.d(t,"DragAndDrop",(function(){return Ue})),n.d(t,"Draggable",(function(){return He})),n.d(t,"Droppable",(function(){return Ke})),n.d(t,"useDraggable",(function(){return Ne})),n.d(t,"useDroppable",(function(){return je}));var r=function(){return"undefined"!=typeof document?document:{}},o=function(){function e(){}return Object.defineProperty(e.prototype,"scrollbarWidth",{get:function(){var e=r();if(!this.scrollbar&&e&&e.createElement){var t=e.createElement("div");t.style.cssText="overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block",t.innerHTML="&nbsp;",e.body.appendChild(t),this.scrollbar=t.offsetWidth-t.scrollWidth,e.body.removeChild(t)}return this.scrollbar},enumerable:!0,configurable:!0}),e}(),i=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement),l=function(e){return"string"!=typeof Comment&&(function(e){return Boolean("function"==typeof e&&!!e.prototype.isReactComponent)}(e)||function(e){return Boolean(e.$$typeof&&"function"==typeof e.render)}(e))},u=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter((function(e){return!0!==e&&!!e})).map((function(e){return Array.isArray(e)?u.apply(void 0,e):"object"==typeof e?Object.keys(e).map((function(t,n){return e[n]||e[t]&&t||null})).filter((function(e){return null!==e})).join(" "):e})).filter((function(e){return!!e})).join(" ")},a=n(0),c=function(e){return e?new Date(e.getTime()):null};function s(e){var t={};return f(e,t),t}function f(e,t){for(var n in e)if(e.hasOwnProperty(n)){var r=e[n];t[n]=p(r,t[n])}}function p(e,t){if(Array.isArray(e))return d(e);if(e instanceof Date)return c(e);if(a.isValidElement(e))return a.cloneElement(e,e.props);if(e&&"object"==typeof e){var n=t||{};return f(e,n),n}return e}function d(e){return e.map((function(e){return p(e,void 0)}))}var h=function(e){if(e){if((e instanceof HTMLInputElement||-1!==e.tabIndex)&&e.focus)return void e.focus();var t=e.querySelector('input, [tabindex]:not([tabindex="-1"])');t&&t.focus&&t.focus()}},v=function(){},m=function(e,t,n){var r="string"==typeof e?parseInt(e,void 0):e;if(NaN!==r)return void 0!==r?r:t?n?void 0:-1:0},g=/\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g;function y(e){var t=[];return e.replace(g,(function(e,n,r,o){t.push(void 0!==n?n:r||o)})),t}var b={};function w(e){if(b[e])return b[e];var t=y(e);return b[e]=function(e){for(var n=e,r=0;r<t.length&&n;r++)n=n[t[r]];return n},b[e]}b.undefined=function(){};var O=function(){var e,t,n="";for(e=0;e<32;e++)t=16*Math.random()|0,8!==e&&12!==e&&16!==e&&20!==e||(n+="-"),n+=(12===e?4:16===e?3&t|8:t).toString(16);return n},C={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},E=function(){},k=function(){return!(!i||!document.body)&&(new o).scrollbarWidth},x=function(){if(!i||!document.body)return!1;var e=(new o).scrollbarWidth;document.body.style.setProperty("--kendo-scrollbar-width",e+"px")},P={undefined:function(e){return e}},D=function(e,t){return t&&t.arrays&&!isNaN(Number(e))?[]:{}};function R(e){if(P[e])return P[e];var t=y(e);return P[e]=function(e,n,r){for(var o=e,i=t.length-1,l=0;l<i&&o;l++)o=o[t[l]]=o[t[l]]||D(t[l+1],r);o[t[i]]=n},P[e]}var _=function(){return(_=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function S(e,t,n){var r;return n?_({},e,((r={})[t]=n.length?n.slice():void 0,r)):e&&e[t]?e[t].slice():[]}var M=function(e,t,n){return e.map((function(e){return function e(t,n,r){if(t[n]){var o=S(t,n).map((function(t){return e(t,n,r)}));return r(S(t,n,o))}return r(t)}(e,t,n)})).slice()},T=function(e,t,n,r){for(var o=e,i=[],l=0;l<t.length;l++)o=o[t[l]],o=Array.isArray(o)?o:o[n],i.push(o);var u=i.length>1?i[i.length-2]:e,a=t[t.length-1],c=r(u[a]);u.splice(a,1,c)},A=function(e,t,n){var r;return Object.assign({},e,e[t]?((r={})[t]=e[t].slice(),r):{},n||{})},L=function(e,t,n){var r=[],o=t.slice();if(o.length){var i=e[o.shift()||0];for(r.push(i);o.length&&n;)i=i[n][o.shift()||0],r.push(i)}return r},N=n(4);function j(e){if(void 0!==N)N.validatePackage(e);else{var t="License activation failed for "+e.name+"\n";t+="The @progress/kendo-licensing script is not loaded.\n",t+="See "+e.licensingDocsUrl+" for more information.\n",console.warn(t)}}var I=function(e){if(!i)return!1;var t=e?e.ownerDocument:document;if(!t||!t.body)return!1;var n=t.createElement("div");n.style.transform="matrix(10, 0, 0, 10, 0, 0)",n.innerHTML='<div style="position: fixed; top: 10px;">child</div>',t.body.appendChild(n);var r=10!==n.children[0].getBoundingClientRect().top;return t.body.removeChild(n),r};function z(e,t,n,r){if(e){var o={syntheticEvent:t,nativeEvent:t.nativeEvent,target:n};e.call(void 0,Object.assign(o,r))}}function U(e){var t=e.onFocus,n=e.onBlur,r=e.onSyncFocus,o=e.onSyncBlur,i=a.useRef(!1),l=a.useRef(0),u=a.useCallback((function(e){clearTimeout(l.current),l.current=window.setTimeout((function(){return e()}))}),[l]),c=a.useCallback((function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];clearTimeout(l.current),r&&r.call.apply(r,[void 0].concat(e)),i.current||(i.current=!0,t&&t.call.apply(t,[void 0].concat(e)))}),[i,t,r]),s=a.useCallback((function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];o&&o.call.apply(o,[void 0].concat(e)),u((function(){i.current&&n&&(i.current=!1,n.call.apply(n,[void 0].concat(e)))}))}),[i,u,n,o]);return a.useEffect((function(){return function(){clearTimeout(l.current)}}),[]),{onFocus:c,onBlur:s}}var H=function(){return(H=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},K=function(e){var t=e.children,n=U({onFocus:e.onFocus,onBlur:e.onBlur,onSyncFocus:e.onSyncFocus,onSyncBlur:e.onSyncBlur});return t.call(void 0,H({},n))},W=function(e,t){return a.useContext(e)(t)},X=function(){return(X=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},B=function(){return a.createContext((function(e){return e}))},V=function(e,t){return a.forwardRef((function(n,r){var o=W(e,n);return a.createElement(t,X({},o,{ref:r}))}))};function Y(e,t,n){var r=a.useState(t),o=r[0],i=r[1];return a.useEffect((function(){if(!o&&window&&e.current){var t=window.getComputedStyle(e.current).direction;t&&i(t)}}),n),o}function F(e,t,n){var r=a.useState(t),o=r[0],i=r[1];return a.useEffect((function(){if(!o&&window&&e.current){var t=window.getComputedStyle(e.current).direction;t&&i(t)}}),n),o}var q,G=function(e,t,n){void 0===n&&(n={});var r=a.useCallback((function(r){n.onMouseDown&&n.onMouseDown.call(void 0,r),e.onMouseDown&&e.onMouseDown.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseDown,e.onMouseDown,t]),o=a.useCallback((function(r){n.onMouseUp&&n.onMouseUp.call(void 0,r),e.onMouseUp&&e.onMouseUp.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseUp,e.onMouseUp,t]);return{onClick:a.useCallback((function(r){n.onClick&&n.onClick.call(void 0,r),e.onClick&&e.onClick.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onClick,e.onClick,t]),onMouseUp:o,onMouseDown:r,onDoubleClick:a.useCallback((function(r){n.onDoubleClick&&n.onDoubleClick.call(void 0,r),e.onDoubleClick&&e.onDoubleClick.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onDoubleClick,e.onDoubleClick,t]),onMouseEnter:a.useCallback((function(r){n.onMouseEnter&&n.onMouseEnter.call(void 0,r),e.onMouseEnter&&e.onMouseEnter.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseEnter,e.onMouseEnter,t]),onMouseLeave:a.useCallback((function(r){n.onMouseLeave&&n.onMouseLeave.call(void 0,r),e.onMouseLeave&&e.onMouseLeave.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseLeave,e.onMouseLeave,t]),onMouseMove:a.useCallback((function(r){n.onMouseMove&&n.onMouseMove.call(void 0,r),e.onMouseMove&&e.onMouseMove.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseMove,e.onMouseMove,t]),onMouseOut:a.useCallback((function(r){n.onMouseOut&&n.onMouseOut.call(void 0,r),e.onMouseOut&&e.onMouseOut.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseOut,e.onMouseOut,t]),onMouseOver:a.useCallback((function(r){n.onMouseOver&&n.onMouseOver.call(void 0,r),e.onMouseOver&&e.onMouseOver.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseOver,e.onMouseOver,t])}},$=function(e){return a.isValidElement(e)?[e.type,e.props]:[e,{}]};!function(e){e[e.add=0]="add",e[e.remove=1]="remove"}(q||(q={}));var Z=function(e){void 0===e&&(e=[]);var t=a.useRef(e),n=a.useCallback((function(e){switch(e.type){case q.add:t.current.push(e.item);break;case q.remove:var n=t.current.indexOf(e.item);t.current.splice(n,1)}}),[]);return[t.current,n]},J=n(1),Q={default:"",xsmall:"k-icon-xs",small:"k-icon-sm",medium:"k-icon-md",large:"k-icon-lg",xlarge:"k-icon-xl"},ee=function(){return(ee=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},te=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n},ne=a.forwardRef((function(e,t){var n=e.className,r=e.name,o=e.themeColor,i=e.size,l=e.flip,c=e.style,s=te(e,["className","name","themeColor","size","flip","style"]),f=a.useRef(null),p=a.useRef(null);a.useImperativeHandle(f,(function(){return{element:p.current}})),a.useImperativeHandle(t,(function(){return f.current}));var d=a.useMemo((function(){return o||re.themeColor}),[o]),h=a.useMemo((function(){return i||re.size}),[i]),v=a.useMemo((function(){return l||re.flip}),[l]),m=a.useMemo((function(){return u("k-icon","k-i-"+r,"k-color-"+d,{"k-flip-h":"horizontal"===v||"both"===v,"k-flip-v":"vertical"===v||"both"===v},Q[h],n)}),[r,d,h,v,n]),g=G(e,f);return a.createElement("span",ee({ref:p},s,g,{className:m,style:c,role:"presentation"}))}));ne.propTypes={style:J.object,classNames:J.string,name:J.string,themeColor:J.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"]),size:J.oneOf(["default","xsmall","small","medium","large","xlarge"]),flip:J.oneOf(["default","horizontal","vertical","both"])};var re={size:"default",themeColor:"inherit",flip:"default"};ne.displayName="KendoIcon";var oe=function(){return(oe=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},ie=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n},le=a.forwardRef((function(e,t){var n=e.children,r=e.className,o=e.svgClassName,i=e.icon,l=e.flip,c=e.size,s=e.style,f=e.svgStyle,p=e.themeColor,d=e.viewBox,h=ie(e,["children","className","svgClassName","icon","flip","size","style","svgStyle","themeColor","viewBox"]),v=a.useRef(null);a.useImperativeHandle(t,(function(){return{element:v.current}}));var m=a.useMemo((function(){return i?i.name:ue.icon}),[i]),g=a.useMemo((function(){return p||ue.themeColor}),[p]),y=a.useMemo((function(){return c||ue.size}),[c]),b=a.useMemo((function(){return l||ue.flip}),[l]),w=a.useMemo((function(){return d||ue.viewBox}),[d]),O=a.useMemo((function(){return u("k-svg-icon","k-color-"+g,"k-svg-i-"+m,{"k-flip-h":"horizontal"===b||"both"===b,"k-flip-v":"vertical"===b||"both"===b},Q[y],r)}),[m,g,y,b,r]),C=a.useMemo((function(){return e.width&&e.height?oe({width:e.width,height:e.height},s):e.width?oe({width:e.width,height:e.width},s):e.height?oe({width:e.height,height:e.height},s):oe({},s)}),[e.width,e.height,s]);return a.createElement("span",{className:O,style:C,ref:v},a.createElement("svg",oe({className:o,style:f,"aria-hidden":!0,focusable:"false",xmlns:"http://www.w3.org/2000/svg",viewBox:i?i.viewBox:w,dangerouslySetInnerHTML:i?{__html:i.content}:void 0},h),i?void 0:n))}));le.propTypes={style:J.object,classNames:J.string,children:J.any,icon:J.object,themeColor:J.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"]),size:J.oneOf(["default","xsmall","small","medium","large","xlarge"]),flip:J.oneOf(["default","horizontal","vertical","both"])};var ue={size:"default",themeColor:"inherit",flip:"default",icon:"",viewBox:"0 0 24 24"};le.displayName="KendoSvgIcon";var ae,ce={xsmall:"k-fs-xs",small:"k-fs-sm",medium:"k-fs-md",large:"k-fs-lg",xlarge:"k-fs-xl"},se={light:"k-font-weight-light",normal:"k-font-weight-normal",bold:"k-font-weight-bold"},fe={xsmall:"k-m-xs",small:"k-m-sm",medium:"k-m-md",large:"k-m-lg",xlarge:"k-m-xl",thin:"k-m-thin",hair:"k-m-hair"},pe={xsmall:"xs",small:"sm",medium:"md",large:"lg",xlarge:"xl",thin:"thin",hair:"hair"},de={top:"k-mt-",right:"k-mr-",bottom:"k-mb-",left:"k-ml-"},he={left:"k-text-left",right:"k-text-right",center:"k-text-center",justify:"k-text-justify"},ve={lowercase:"k-text-lowercase",uppercase:"k-text-uppercase",capitalize:"k-text-capitalize"},me={inherit:"k-color-inherit",primary:"k-color-primary",secondary:"k-color-secondary",tertiary:"k-color-tertiary",info:"k-color-info",success:"k-color-success",warning:"k-color-warning",error:"k-color-error",dark:"k-color-dark",light:"k-color-light",inverse:"k-color-inverse"},ge=function(){return(ge=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},ye=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n},be=function(e){var t=a.forwardRef((function(t,n){var r=t.className,o=t.fontSize,i=t.fontWeight,l=t.textAlign,u=t.textTransform,c=t.themeColor,s=t.margin,f=ye(t,["className","fontSize","fontWeight","textAlign","textTransform","themeColor","margin"]),p=a.useRef(null),d=a.useRef(null);a.useImperativeHandle(p,(function(){return{element:d.current,props:t}})),a.useImperativeHandle(n,(function(){return p.current}));var h=e,v=function(){if(void 0!==s){if("string"==typeof s)return[fe[s]];if("number"==typeof s&&s>=0&&s<=24)return["k-m-"+s];if("object"==typeof s){var e=[];return Object.keys(s).forEach((function(t){var n,r;null!==s[t]&&void 0!==s[t]&&e.push((n=t,r=s[t],""+de[n]+("string"==typeof r?pe[r]:r)))})),e.join(" ")}}};return a.createElement(h,ge({ref:d,className:["k-"+("p"===e?"paragraph":e),ce[o],se[i],he[l],ve[u],me[c],v(),r].filter((function(e){return void 0!==e})).join(" ")},f),t.children)}));return t.propTypes={style:J.object,className:J.string,fontSize:J.oneOf(["xsmall","small","medium","large","xlarge"]),fontWeight:J.oneOf(["light","normal","bold"]),margin:J.oneOfType([J.number,J.object,J.oneOf(["xsmall","small","medium","large","xlarge","thin","hair"])]),textAlign:J.oneOf(["left","right","center","justify"]),textTransform:J.oneOf(["lowercase","uppercase","capitalize"]),themeColor:J.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"])},t.displayName="KendoReactTypography"+e.toUpperCase(),t},we={h1:be("h1"),h2:be("h2"),h3:be("h3"),h4:be("h4"),h5:be("h5"),h6:be("h6"),p:be("p"),code:be("code"),pre:be("pre")},Oe=function(e,t){var n=0,r=null;return t.forEach((function(t){if(t&&e){var o=function(e,t){var n=e.getBoundingClientRect(),r=t.getBoundingClientRect(),o=Math.max(r.top,n.top),i=Math.max(r.left,n.left),l=Math.min(r.left+r.width,n.left+n.width),u=Math.min(r.top+r.height,n.top+n.height),a=l-i,c=u-o;if(i<l&&o<u){var s=r.width*r.height,f=n.width*n.height,p=a*c;return Number((p/(s+f-p)).toFixed(4))}return 0}(e,t);o>n&&(n=o,r=t)}})),r},Ce=function(){var e=window&&window.navigator.userAgent;if(!e)return!1;var t=!1,n=[],r={edge:/(edge)[ \/]([\w.]+)/i,webkit:/(chrome|crios)[ \/]([\w.]+)/i,safari:/(webkit)[ \/]([\w.]+)/i,opera:/(opera)(?:.*version|)[ \/]([\w.]+)/i,msie:/(msie\s|trident.*? rv:)([\w.]+)/i,mozilla:/(mozilla)(?:.*? rv:([\w.]+)|)/i};for(var o in r)if(r.hasOwnProperty(o)&&(n=e.match(r[o]))){(t={})[o]=!0,t[n[1].toLowerCase().split(" ")[0].split("/")[0]]=!0,t.version=parseInt(document.DOCUMENT_NODE||n[2],10);break}return t},Ee=function(e){return e&&e.ownerDocument||window.document},ke=function(e){var t=Ce(),n=Ee(e);return t.edge||t.safari?n.body:n.documentElement},xe=function(e){if(e&&e.className&&"string"==typeof e.className&&e.className.indexOf("k-auto-scrollable")>-1)return!0;var t=window.getComputedStyle(e,"overflow").overflow;return t.indexOf("auto")>-1||t.indexOf("scroll")>-1},Pe=function(e){var t=ke(e);if(!e||e===document.body||e===document.documentElement)return t;for(var n=e;n&&!xe(n)&&n!==document.body;)n=n.parentNode;return n===document.body?t:n};!function(e){e.POINTER_DOWN="pointerdown",e.POINTER_MOVE="pointermove",e.POINTER_UP="pointerup",e.POINTER_CANCEL="pointercancel",e.MOUSE_DOWN="mousedown",e.MOUSE_MOVE="mousemove",e.MOUSE_UP="mouseup",e.CONTEXT_MENU="contextmenu",e.TOUCH_START="touchstart",e.TOUCH_MOVE="touchmove",e.TOUCH_END="touchend",e.TOUCH_CANCEL="touchcancel",e.SCROLL="scroll",e.START="KENDO_DRAG_AND_DROP_START",e.MOVE="KENDO_DRAG_AND_DROP_MOVE",e.END="KENDO_DRAG_AND_DROP_END",e.CANCEL="KENDO_DRAG_AND_DROP_CANCEL"}(ae||(ae={}));var De=function(){},Re=function(e,t,n){void 0===n&&(n={});var r,o,i,l,u=n.onIsPressedChange,a=void 0===u?De:u,c=n.onIsScrollingChange,s=void 0===c?De:c,f=n.onVelocityChange,p=void 0===f?De:f,d=n.onOffsetChange,h=void 0===d?De:d,v=n.onPageOffsetChange,m=void 0===v?De:v,g=n.onClientOffsetChange,y=void 0===g?De:g,b=n.onScrollOffsetChange,w=void 0===b?De:b,O=n.onInitialScrollOffsetChange,C=void 0===O?De:O,E=t.payload,k=E.element,x=E.hint,P=e.autoScrollDirection,D=e.scrollableParent,R=function(e,t){return function(e){return/^touch/.test(e.type)}(e)?{pageX:e.changedTouches[0].pageX,pageY:e.changedTouches[0].pageY,clientX:e.changedTouches[0].clientX,clientY:e.changedTouches[0].clientY,scrollX:t.scrollOffset.x,scrollY:t.scrollOffset.y,offsetX:t.offset.x,offsetY:t.offset.y,type:e.type,originalEvent:e,isTouch:!0,altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1}:function(e){return/^(scroll)/.test(e.type)}(e)?{pageX:t.pageOffset.x,pageY:t.pageOffset.y,clientX:t.clientOffset.x,clientY:t.clientOffset.y,scrollX:t.scrollOffset.x,scrollY:t.scrollOffset.y,offsetX:t.offset.x,offsetY:t.offset.y,type:e.type,originalEvent:e,altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1}:{pageX:e.pageX,pageY:e.pageY,clientX:e.clientX,clientY:e.clientY,offsetX:e.offsetX,offsetY:e.offsetY,scrollX:t.scrollOffset.x,scrollY:t.scrollOffset.y,type:e.type,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,metaKey:e.metaKey,originalEvent:e}}(t.event,e);switch(R.type){case ae.POINTER_DOWN:if(R.type===ae.POINTER_DOWN&&(!R.originalEvent.isPrimary||0!==R.originalEvent.button))break;case ae.MOUSE_DOWN:if(R.type===ae.MOUSE_DOWN&&R.originalEvent.which&&R.originalEvent.which>1||e.ignoreMouse)break;case ae.TOUCH_START:if(R.type===ae.TOUCH_START&&1!==R.originalEvent.touches.length)break;case ae.START:var _=D||Pe(t.payload.element);C(_ instanceof Window?{x:_.scrollX,y:_.scrollY}:{x:_.scrollLeft,y:_.scrollTop}),y({x:R.clientX,y:R.clientY}),m({x:R.pageX,y:R.pageY}),h({x:R.offsetX,y:R.offsetY}),a(!0),E.onPress&&E.onPress(R);break;case ae.SCROLL:if(R.type===ae.SCROLL&&!e.pressed)break;var S=D||Pe(k),M=S instanceof Window?{x:S.scrollX,y:S.scrollY}:{x:S.scrollLeft,y:S.scrollTop};R.scrollX=M.x-e.initialScrollOffset.x,R.scrollY=M.y-e.initialScrollOffset.y,w({x:R.scrollX,y:R.scrollY});case ae.POINTER_MOVE:if(R.type===ae.POINTER_MOVE&&!R.originalEvent.isPrimary)break;case ae.MOUSE_MOVE:case ae.TOUCH_MOVE:if(R.type===ae.TOUCH_MOVE&&1!==R.originalEvent.touches.length)break;case ae.MOVE:if(e.pressed){if(e.autoScroll&&"scroll"!==R.originalEvent.type&&k){var T=Ee(k),A=D||Pe(T.elementFromPoint(R.clientX,R.clientY)),L=function(e,t,n){var r={x:0,y:0};return e-n.left<50?r.x=-(50-(e-n.left)):n.right-e<50&&(r.x=50-(n.right-e)),t-n.top<50?r.y=-(50-(t-n.top)):n.bottom-t<50&&(r.y=50-(n.bottom-t)),r}(R.pageX,R.pageY,function(e,t){var n=ke(e);if(e===n)return{top:n.scrollTop,left:n.scrollLeft,bottom:n.scrollTop+t.innerHeight,right:n.scrollLeft+t.innerWidth};var r=e.getBoundingClientRect();return{bottom:r.top+r.height,right:r.left+r.width,left:r.left,top:r.top}}(A,function(e){var t=Ee(e);return t&&t.defaultView||window}(k)));p({x:P&&!1===P.horizontal?0:L.x,y:P&&!1===P.vertical?0:L.y}),s(0!==L.y||0!==L.x)}!e.drag&&E.onDragStart&&E.onDragStart(R),E.onDrag&&E.onDrag(R);var N=Oe(x||k,e.drops.map((function(e){return e&&e.element})).filter((function(e){return e!==(x||k)}))),j=e.drops.find((function(e){return e.element===N}));j&&N&&(r=R.clientX,o=R.clientY,i=D||Pe(N),(l=i.getBoundingClientRect()).top<=o&&l.left<=r&&o<=l.bottom&&r<=l.right)&&N!==k?(e.drop&&e.drop.element)!==N?(e.drop&&e.drop.onDragLeave&&e.drop.onDragLeave(R),j.onDragEnter&&j.onDragEnter(R)):j.onDragOver&&j.onDragOver(R):e.drop&&e.drop.onDragLeave&&e.drop.onDragLeave(R)}y({x:R.clientX,y:R.clientY}),m({x:R.pageX,y:R.pageY});break;case ae.POINTER_UP:if(R.type===ae.POINTER_UP&&!R.originalEvent.isPrimary)break;case ae.MOUSE_UP:case ae.TOUCH_END:if(R.type===ae.TOUCH_END&&1!==R.originalEvent.touches.length)break;case ae.END:a(!1),s(!1),E.onRelease&&E.onRelease(R),e.drop&&e.drop.onDrop&&e.drop.onDrop(R),E.onDragEnd&&E.onDragEnd(R);break;case ae.POINTER_CANCEL:case ae.CONTEXT_MENU:case ae.TOUCH_CANCEL:case ae.CANCEL:a(!1),s(!1),E.onDragEnd&&E.onDragEnd(R),e.drop&&e.drop.onDragLeave&&e.drop.onDragLeave(R)}},_e=function(e,t){if(e){var n,r;e===ke(e)?(n=document.body.scrollHeight>window.innerHeight,r=document.body.scrollWidth>window.innerWidth):(n=e.offsetHeight<=e.scrollHeight,r=e.offsetWidth<=e.scrollWidth);var o=e.scrollTop+t.y,i=n&&o>0&&o<e.scrollHeight,l=e.scrollLeft+t.x,u=r&&l>0&&l<e.scrollWidth;i?e.scrollTop+=t.y:n&&o<0&&(e.scrollTop=0),u?e.scrollLeft+=t.x:r&&l<0&&(e.scrollLeft=0)}},Se=function(e,t){var n=a.useContext(e),r=n[0],o=n[1],i=a.useState(t),l=i[0],u=i[1];return[void 0!==r?r:l,function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];void 0!==r?o.apply(void 0,e):u(e[0])}]},Me=a.createContext([void 0,E]),Te=a.createContext([void 0,E]),Ae=a.createContext([[],E,E]),Le=a.createContext([[],E,E]);function Ne(e,t,n){void 0===n&&(n={});var r=t.onPress,o=void 0===r?E:r,i=t.onRelease,l=void 0===i?E:i,u=t.onDragStart,c=void 0===u?E:u,s=t.onDrag,f=void 0===s?E:s,p=t.onDragEnd,d=void 0===p?E:p,h=n.hint,v=void 0===h?null:h,m=n.mouseOnly,g=void 0!==m&&m,y=n.autoScroll,b=void 0===y||y,w=n.scrollContainer,O=void 0===w?null:w,C=a.useState(!1),k=C[0],x=C[1],P=a.useState(!1),D=P[0],R=P[1],_=Se(Te)[0],S=Se(Me),M=S[0],T=S[1],A=a.useContext(Le)[0],L=a.useContext(Ae),N=L[0],j=L[1],I=L[2],z=a.useRef({x:0,y:0}),U=a.useRef(),H=a.useRef(!1),K=a.useRef(),W=a.useRef(!1),X=a.useRef({x:0,y:0}),B=a.useRef({x:0,y:0}),V=a.useRef({x:0,y:0}),Y=a.useRef({x:0,y:0}),F=a.useRef({x:0,y:0}),q=a.useRef({x:0,y:0}),G=Boolean(window&&"undefined"!=typeof window&&window.PointerEvent),$=!g&&G,Z=a.useCallback((function(){return e.current&&e.current.element?e.current.element:e.current}),[e]),J=a.useCallback((function(){return v&&v.current&&v.current.element?v.current.element:v?v.current:null}),[v]),Q=a.useCallback((function(){return O&&O.current&&O.current.element?O.current.element:O?O.current:null}),[O]),ee=a.useCallback((function(){return"object"==typeof b&&b.boundaryElementRef&&b.boundaryElementRef.current&&b.boundaryElementRef.current.element?b.boundaryElementRef.current.element:"object"==typeof b&&b.boundaryElementRef&&b.boundaryElementRef.current?b.boundaryElementRef.current:null}),[b]),te=a.useRef(null);a.useImperativeHandle(te,(function(){return{element:Z(),hint:J(),onPress:he,onDragStart:me,onDrag:ge,onDragEnd:ye,onRelease:ve,data:e.current}}));var ne=a.useCallback((function(){var e=Z();return e&&e.ownerDocument||document}),[Z]),re=a.useCallback((function(){var e=ne();return e&&e.defaultView||window}),[ne]),oe=a.useCallback((function(){return{drag:M?M.current:null,drop:_?_.current:null,drags:N.map((function(e){return e.current})),drops:A.map((function(e){return e.current})),pressed:k,ignoreMouse:H.current,scrollOffset:F.current,offset:X.current,pageOffset:B.current,initialScrollOffset:q.current,clientOffset:V.current,initialClientOffset:Y.current,velocity:z.current,autoScroll:Boolean("object"==typeof b?!1!==b.enabled:b),scrollableParent:ee(),autoScrollDirection:"object"==typeof b?b.direction:{horizontal:!0,vertical:!0},isScrolling:D}}),[M,_,N,A,k,b,ee,D]),ie=a.useCallback((function(e){x(e)}),[]),le=a.useCallback((function(e){R(e)}),[]),ue=a.useCallback((function(e){z.current=e}),[]),ae=a.useCallback((function(e){X.current=e}),[]),ce=a.useCallback((function(e){V.current=e}),[]),se=a.useCallback((function(e){B.current=e}),[]),fe=a.useCallback((function(e){Y.current=e}),[]),pe=a.useCallback((function(e){F.current=e}),[]),de=a.useCallback((function(e){q.current=e}),[]),he=a.useCallback((function(e){o(e)}),[o]),ve=a.useCallback((function(e){l(e)}),[l]),me=a.useCallback((function(t){T(te,{target:e.current,event:t}),c(t)}),[T,e,c]),ge=a.useCallback((function(e){f(e)}),[f]),ye=a.useCallback((function(t){W.current||(T(null,{target:e.current,event:t}),d(t))}),[d,T,e]),be=a.useCallback((function(e){Re(oe(),{event:e,payload:te.current},{onVelocityChange:ue,onOffsetChange:ae,onClientOffsetChange:ce,onPageOffsetChange:se,onInitialClientOffsetChange:fe,onScrollOffsetChange:pe,onInitialScrollOffsetChange:de,onIsPressedChange:ie,onIsScrollingChange:le})}),[oe,ue,ae,se,ce,fe,de,ie,pe,le]),we=a.useCallback((function(e){be(e)}),[be]),Oe=a.useCallback((function(e){be(e)}),[be]),Ce=a.useCallback((function(e){be(e)}),[be]),Ee=a.useCallback((function(e){be(e)}),[be]),ke=a.useCallback((function(e){be(e)}),[be]),xe=a.useCallback((function(e){be(e)}),[be]),De=a.useCallback((function(e){be(e)}),[be]),Ne=a.useCallback((function(e){e.preventDefault(),be(e)}),[be]),je=a.useCallback((function(e){e.preventDefault(),be(e)}),[be]),Ie=a.useCallback((function(e){e.preventDefault(),be(e)}),[be]),ze=a.useCallback((function(e){if(0===e.touches.length&&1===e.changedTouches.length){var t=re();H.current=!0,K.current=t.setTimeout((function(){H.current=!1}),2e3)}be(e)}),[be,re]),Ue=a.useCallback((function(e){be(e)}),[be]),He=a.useCallback((function(){var e=Z();if(e){var t=e.style.touchAction;return e.style.touchAction="none",function(){e.style.touchAction=t}}}),[Z]),Ke=a.useCallback((function(){return j(te),function(){I(te)}}),[I,j]);a.useEffect((function(){var e=re();if(D){var t=Q()||Pe(document.elementFromPoint(V.current.x,V.current.y));e.clearInterval(U.current),U.current=e.setInterval((function(){_e(t,{x:z.current.x,y:z.current.y})}),50)}return function(){e.clearInterval(U.current)}}),[Z,Q,re,D]),a.useEffect(He,[He]),a.useEffect((function(){var e=re(),t=Z(),n=ne();if($){if(t)Pe(t).addEventListener("scroll",Ue,{passive:!0}),t.addEventListener("pointerdown",we,{passive:!0});k&&(n.addEventListener("pointermove",Oe),n.addEventListener("pointerup",Ee,!0),n.addEventListener("contextmenu",Ne),n.addEventListener("pointercancel",Ce,{passive:!0}))}else e.addEventListener("touchmove",E,{capture:!1,passive:!1}),t&&(t.addEventListener("mousedown",ke,{passive:!0}),g||(t.addEventListener("touchstart",je,{passive:!0}),k&&(t.addEventListener("touchmove",Ie,{passive:!0}),t.addEventListener("touchend",ze,{passive:!0})))),k&&(n.addEventListener("mousemove",xe,{passive:!0}),n.addEventListener("mouseup",De,{passive:!0}));return function(){if(t){var r=Pe(t);r&&r.removeEventListener("scroll",Ue),t.removeEventListener("pointerdown",we),t.removeEventListener("mousedown",ke),t.removeEventListener("touchstart",je),t.removeEventListener("touchmove",Ie),t.removeEventListener("touchend",ze)}n.removeEventListener("pointermove",Oe),n.removeEventListener("pointerup",Ee,!0),n.removeEventListener("contextmenu",Ne),n.removeEventListener("pointercancel",Ce),n.removeEventListener("mousemove",xe),n.removeEventListener("mouseup",De),e.removeEventListener("touchmove",E),e.clearTimeout(K.current)}}),[k,re,Z,ne,g,$,Ne,ke,xe,De,Ce,we,Oe,Ee,ze,Ie,je,Ue]),a.useEffect((function(){return function(){W.current=!0}}),[]),a.useLayoutEffect(Ke,[Ke])}function je(e,t){void 0===t&&(t={onDragEnter:E,onDragOver:E,onDragLeave:E,onDrop:E});var n=t.onDragEnter,r=void 0===n?E:n,o=t.onDragOver,i=void 0===o?E:o,l=t.onDragLeave,u=void 0===l?E:l,c=t.onDrop,s=void 0===c?E:c,f=Se(Te)[1],p=a.useContext(Le),d=p[1],h=p[2],v=a.useCallback((function(){return e.current&&e.current.element?e.current.element:e.current}),[e]),m=a.useRef(null);a.useImperativeHandle(m,(function(){return{element:v(),onDragEnter:g,onDragOver:y,onDragLeave:b,onDrop:w,data:e.current}}));var g=a.useCallback((function(t){f(m,{target:e.current,event:t}),r(t)}),[f,e,r]),y=a.useCallback((function(e){i(e)}),[i]),b=a.useCallback((function(t){f(null,{target:e.current,event:t}),u(t)}),[f,e,u]),w=a.useCallback((function(t){f(null,{target:e.current,event:t}),s(t)}),[f,e,s]),O=a.useCallback((function(){return d(m),function(){h(m)}}),[h,d]);a.useLayoutEffect(O,[O])}var Ie=function(){return(Ie=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},ze=function(e,t,n){var r=a.useState(t||e),o=r[0],i=r[1];return[void 0!==t?t:o,a.useCallback((function(e,t){i(e),n&&n.call(void 0,Ie({},t,{value:e}))}),[n,i])]},Ue=function(e){var t=ze(null,void 0),n=t[0],r=t[1],o=ze(null,void 0),i=o[0],l=o[1],u=Z([]),c=u[0],s=u[1],f=Z([]),p=f[0],d=f[1];return a.createElement(Me.Provider,{value:[n,r]},a.createElement(Te.Provider,{value:[i,l]},a.createElement(Ae.Provider,{value:[c,function(e){s({type:q.add,item:e})},function(e){s({type:q.remove,item:e})}]},a.createElement(Le.Provider,{value:[p,function(e){d({type:q.add,item:e})},function(e){d({type:q.remove,item:e})}]},e.children))))};Ue.displayName="KendoReactDragAndDrop";var He=a.forwardRef((function(e,t){var n=a.useRef(null),r=a.useRef(null),o=a.useCallback((function(){return n.current&&n.current.element?n.current.element:n.current}),[n]);a.useImperativeHandle(r,(function(){return{element:o()||null}})),a.useImperativeHandle(t,(function(){return r.current})),a.useImperativeHandle(e.childRef,(function(){return n.current}));var i=a.useCallback((function(t){e.onPress&&e.onPress({element:o(),target:r.current,event:t})}),[o,e.onPress]),l=a.useCallback((function(t){e.onRelease&&e.onRelease({element:o(),target:r.current,event:t})}),[o,e.onRelease]),u=a.useCallback((function(t){e.onDragStart&&e.onDragStart({element:o(),target:r.current,event:t})}),[e,o]),c=a.useCallback((function(t){e.onDrag&&e.onDrag({element:o(),target:r.current,event:t})}),[o,e.onDrag]),s=a.useCallback((function(t){e.onDragEnd&&e.onDragEnd({element:o(),target:r.current,event:t})}),[o,e.onDragEnd]);return Ne(n,{onPress:i,onRelease:l,onDragStart:u,onDrag:c,onDragEnd:s},{mouseOnly:e.mouseOnly,autoScroll:e.autoScroll,hint:e.hint,scrollContainer:e.scrollContainer}),e.children?a.cloneElement(a.Children.only(e.children),{ref:n}):null}));He.displayName="KendoReactDraggable";var Ke=a.forwardRef((function(e,t){var n=a.useRef(null),r=a.useRef(null),o=a.useCallback((function(){return n.current&&n.current.element?n.current.element:n.current}),[n]);a.useImperativeHandle(r,(function(){return{element:o()||void 0}})),a.useImperativeHandle(t,(function(){return r.current})),a.useImperativeHandle(e.childRef,(function(){return n.current}));var i=a.useCallback((function(t){e.onDragEnter&&e.onDragEnter({element:o(),target:r.current,event:t})}),[e.onDragEnter,o]),l=a.useCallback((function(t){e.onDragOver&&e.onDragOver({element:o(),target:r.current,event:t})}),[o,e.onDragOver]),u=a.useCallback((function(t){e.onDragLeave&&e.onDragLeave({element:o(),target:r.current,event:t})}),[e.onDragLeave,o]),c=a.useCallback((function(t){e.onDrop&&e.onDrop({element:o(),target:r.current,event:t})}),[e.onDrop,o]);return je(n,{onDragEnter:i,onDragOver:l,onDragLeave:u,onDrop:c}),e.children?a.cloneElement(a.Children.only(e.children),{ref:n}):null}));Ke.displayName="KendoReactDroppable"},function(e,t){e.exports=n},function(e,t,n){"use strict";n.r(t),n.d(t,"align",(function(){return o})),n.d(t,"addScroll",(function(){return i})),n.d(t,"applyLocationOffset",(function(){return l})),n.d(t,"boundingOffset",(function(){return d})),n.d(t,"isBodyOffset",(function(){return v})),n.d(t,"offsetParent",(function(){return h})),n.d(t,"offset",(function(){return m})),n.d(t,"parents",(function(){return g})),n.d(t,"parentScrollPosition",(function(){return w})),n.d(t,"position",(function(){return O})),n.d(t,"positionWithScroll",(function(){return C})),n.d(t,"removeScroll",(function(){return E})),n.d(t,"restrictToView",(function(){return D})),n.d(t,"scrollPosition",(function(){return y})),n.d(t,"siblingContainer",(function(){return _})),n.d(t,"siblings",(function(){return R})),n.d(t,"zIndex",(function(){return S})),n.d(t,"getDocumentElement",(function(){return c})),n.d(t,"getWindow",(function(){return a})),n.d(t,"getWindowViewPort",(function(){return p})),n.d(t,"AlignPoint",(function(){return r})),n.d(t,"Collision",(function(){return k}));var r={bottom:"bottom",center:"center",middle:"middle",left:"left",right:"right",top:"top"},o=function(e){var t=e.anchorRect,n=e.anchorAlign,o=e.elementRect,i=e.elementAlign,l=e.margin;void 0===l&&(l={});var u=n.horizontal,a=n.vertical,c=i.horizontal,s=i.vertical,f=l.horizontal||0,p=l.vertical||0,d=t.top,h=t.left;return a===r.bottom&&(d+=t.height),a!==r.center&&a!==r.middle||(d+=Math.round(t.height/2)),s===r.bottom&&(d-=o.height,p*=-1),s!==r.center&&s!==r.middle||(d-=Math.round(o.height/2),p*=-1),u===r.right&&(h+=t.width),u!==r.center&&u!==r.middle||(h+=Math.round(t.width/2)),c===r.right&&(h-=o.width,f*=-1),c!==r.center&&c!==r.middle||(h-=Math.round(o.width/2),f*=-1),{top:d+p,left:h+f}};function i(e,t){return{top:e.top+t.y,left:e.left+t.x,height:e.height,width:e.width}}function l(e,t,n){var r=e.top,o=e.left;return n&&(o=0,r=0),{top:r+t.top,left:o+t.left,height:e.height,width:e.width}}function u(e){return e.ownerDocument||e.document||e}var a=function(e){return u(e).defaultView},c=function(e){return u(e).documentElement},s=0;function f(){if(!s&&"undefined"!=typeof document){var e=document.createElement("div");e.style.cssText="overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block",e.innerHTML="&nbsp;",document.body.appendChild(e),s=e.offsetWidth-e.scrollWidth,document.body.removeChild(e)}return s}function p(e){var t=a(e),n=c(e),r={height:t.innerHeight,width:t.innerWidth};return n.scrollHeight-n.clientHeight>0&&(r.width-=f()),r}var d=function(e){if(!e.getBoundingClientRect){var t=p(e);return{bottom:t.height,left:0,right:t.width,top:0}}var n=e.getBoundingClientRect();return{bottom:n.bottom,left:n.left,right:n.right,top:n.top}},h=function(e){for(var t=e.offsetParent;t&&"static"===t.style.position;)t=t.offsetParent;return t||c(e)},v=function(e){return h(e)===e.ownerDocument.body},m=function(e){var t=e.getBoundingClientRect(),n=t.left,r=t.top;return t.height||t.width||(t=function(e){var t=e.style,n=t.display,r=t.left,o=t.position;e.style.display="",e.style.left="-10000px",e.style.position="absolute";var i=e.getBoundingClientRect();return e.style.display=n,e.style.left=r,e.style.position=o,i}(e)),{top:r,left:n,height:t.height,width:t.width}},g=function(e,t){for(var n=[],r=e.parentNode;r&&(n.push(r),r!==t);)r=r.parentNode;return n};function y(e){var t=c(e),n=a(e);return{x:n.pageXOffset||t.scrollLeft||0,y:n.pageYOffset||t.scrollTop||0}}var b=function(e){return e===(e.ownerDocument||{}).body?y(e):{x:e.scrollLeft,y:e.scrollTop}};function w(e){var t=h(e);return t?b(t):{x:0,y:0}}var O=function(e,t){var n=a(e),r=n.getComputedStyle(e),o=m(e),i=t||h(e),l=e.ownerDocument,u=i!==l.body&&i!==l.documentElement,c={top:0,left:0};if("fixed"!==r.position&&u){var s=n.getComputedStyle(i);(c=m(i)).top+=parseInt(s.borderTopWidth,10),c.left+=parseInt(s.borderLeftWidth,10)}return{top:o.top-c.top,left:o.left-c.left,height:o.height,width:o.width}},C=function(e,t,n){void 0===n&&(n=1);var r=t?h(t):null,o=O(e,r),i=o.top,l=o.left,u=o.height,a=o.width,c=function(e,t){return e?b(e):w(t)}(r,e),s=c.x,f=c.y,p=e.ownerDocument,d=r===p.body||r===p.documentElement?1:n;return{top:i+f*d,left:l+s*d,height:u,width:a}};function E(e,t){return{top:e.top-t.y,left:e.left-t.x,height:e.height,width:e.width}}var k={fit:"fit",flip:"flip"},x=function(e,t,n){var r=0;return e+t>n&&(r=n-(e+t)),e<0&&(r=-e),r},P=function(e){var t=e.offset,n=e.size,o=e.anchorSize,i=e.viewPortSize,l=e.anchorAlignPoint,u=e.elementAlignPoint,a=e.margin,c=0,s=u===r.center||u===r.middle,f=l===r.center||l===r.middle,p=2*a;if(u!==l&&!s&&!f){var d=l===r.top||l===r.left;t<0&&d?t+(c=n+o+p)+n>i&&(c=0):t>=0&&!d&&(t+n>i&&(c+=-(o+n+p)),t+c<0&&(c=0))}return c},D=function(e){var t=e.anchorRect,n=e.anchorAlign,r=e.elementRect,o=e.elementAlign,i=e.collisions,l=e.viewPort,u=e.margin;void 0===u&&(u={});var a=r.top,c=r.left,s=r.height,f=r.width,p=l.height,d=l.width,h=u.horizontal||0,v=u.vertical||0,m=0,g=0,y=i.horizontal===k.flip,b=i.vertical===k.flip;i.vertical===k.fit&&(g+=x(a,s,p)),i.horizontal===k.fit&&(m+=x(c,f,d)),b&&(g+=P({margin:v,offset:a,size:s,anchorSize:t.height,viewPortSize:p,anchorAlignPoint:n.vertical,elementAlignPoint:o.vertical})),y&&(m+=P({margin:h,offset:c,size:f,anchorSize:t.width,viewPortSize:d,anchorAlignPoint:n.horizontal,elementAlignPoint:o.horizontal}));var w=y&&0!==m,O=b&&0!==g;return{flipped:w||O,flip:{horizontal:w,vertical:O},offset:{left:m,top:g}}},R=function(e){for(var t=[],n=e.parentNode.firstElementChild;n;)n!==e&&t.push(n),n=n.nextElementSibling;return t},_=function(e,t){for(var n,r,o=g(e),i=t;i&&(n=R(i),!(r=o.reduce((function(e,t){return e.concat(n.filter((function(e){return e===t})))}),[])[0]));)i=i.parentElement;return r};function S(e,t){if(!e||!t)return null;var n=_(e,t);if(!n)return null;var r=[e].concat(g(e,n)).reduce((function(e,t){var n=t.style.zIndex||window.getComputedStyle(t).zIndex,r=parseInt(n,10);return r>e?r:e}),0);return r?r+1:null}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(7);t.Popup=r.Popup,t.PopupPropsContext=r.PopupPropsContext},function(e,t,n){"use strict";var r=this&&this.__assign||function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0});var o=n(0),i=n(8);t.PopupPropsContext=o.createContext((function(e){return e})),t.Popup=o.forwardRef((function(e,n){var l=o.useContext(t.PopupPropsContext).call(void 0,e);return o.createElement(i.Popup,r({ref:n},l))}))},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=function(e,t){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||function(){return(i=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0});var l=n(0),u=n(9),a=n(1),c=n(10),s=n(3),f=n(2),p=n(11),d=n(12),h=n(13),v=n(3),m=n(14);function g(e,t){if(e===t)return!0;if(!!e!=!!t)return!1;var n=Object.getOwnPropertyNames(e),r=Object.getOwnPropertyNames(t);if(n.length!==r.length)return!1;for(var o=0;o<n.length;o++){var i=n[o];if(e[i]!==t[i])return!1}return!0}var y,b={left:-1e3,top:0};!function(e){e.hiding="hiding",e.hidden="hidden",e.showing="showing",e.shown="shown",e.reposition="reposition"}(y||(y={}));var w=function(e){function t(t){var n=e.call(this,t)||this;return n.state={current:y.hidden,previous:y.hidden,props:{}},n._popup=null,n.show=function(e){n.setPosition(e),n.animate(e.firstChild,"enter",n.onOpened),n.setState({current:y.shown,previous:n.state.current})},n.setPosition=function(e){var t=n.props,r=t.anchorAlign,o=t.popupAlign,i=t.collision,l=t.offset,u=t.anchor,a=e.firstElementChild,c=getComputedStyle(a),s=c.width,f=c.height;a.style.position="absolute",a.style.width=s,a.style.height=f;var p=n._alignService.alignElement({anchor:u,element:a,elementAlign:o,anchorAlign:r,offset:l}),d=n._positionService.positionElement({anchor:u,anchorAlign:r,collisions:i,element:a,currentLocation:p,elementAlign:o});d.offset&&(e.style.top=d.offset.top+"px",e.style.left=d.offset.left+"px",a.style.position="",a.style.width="",a.style.height=""),n._flipped=d.flipped},n.onOpened=function(){var e=n._popup;e&&(n.props.show&&e.classList.add("k-animation-container-shown"),n.attachRepositionHandlers(e),n.props.onOpen&&n.props.onOpen.call(void 0,{target:n}))},n.animate=function(e,t,r){c.slide(e,n._flipped?"up":"down",n.animationDuration[t],t,r)},n.onClosing=function(e){n.props.show||e.classList.remove("k-animation-container-shown"),n.detachRepositionHandlers()},n.onClosed=function(){n.state.current===y.hiding&&n.state.previous===y.shown&&n.setState({current:y.hidden,previous:n.state.current}),n.props.onClose&&n.props.onClose.call(void 0,{target:n})},v.validatePackage(m.packageMetadata),n._domService=new d.DOMService,n._alignService=new p.AlignService(n._domService),n._positionService=new h.PositionService(n._domService),n.reposition=f.throttle(n.reposition.bind(n),f.FRAME_DURATION),n}return o(t,e),t.getDerivedStateFromProps=function(e,t){var n=e.show,r=e.anchor,o=e.anchorAlign,l=e.appendTo,u=e.collision,a=e.popupAlign,c=e.className,s=e.popupClass,f=e.style,p=e.offset,d=e.contentKey,h=i({},t,{props:{show:n,anchor:r,anchorAlign:o,appendTo:l,collision:u,popupAlign:a,className:c,popupClass:s,style:f,offset:p,contentKey:d}});return e.show?t.current===y.hidden||t.current===y.hiding?i({},h,{current:y.showing,previous:t.current}):t.current===y.showing?i({},h,{current:y.shown,previous:t.current}):t.current!==y.shown||g(p,t.props.offset)&&g(o,t.props.anchorAlign)&&g(l,t.props.appendTo)&&g(u,t.props.collision)&&g(a,t.props.popupAlign)&&g(f,t.props.style)&&r===t.props.anchor&&s===t.props.popupClass&&c===t.props.className?h:i({},h,{current:y.reposition,previous:t.current}):t.current===y.hiding||t.current===y.hidden?i({},h,{current:y.hidden,previous:t.current}):i({},h,{current:y.hiding,previous:t.current})},t.prototype.componentDidUpdate=function(e){this.state.current===y.showing&&this._popup?this.show(this._popup):this.state.current===y.hiding&&this._popup?(this.onClosing(this._popup),this.animate(this._popup.firstChild,"exit",this.onClosed)):this.state.current===y.reposition&&this.state.previous===y.shown?this.setState({current:y.shown,previous:this.state.current}):this.state.current===y.shown&&e.contentKey!==this.props.contentKey&&this._popup&&this.setPosition(this._popup)},t.prototype.componentDidMount=function(){this.state.current===y.showing&&this._popup&&this.show(this._popup)},t.prototype.componentWillUnmount=function(){this.detachRepositionHandlers()},t.prototype.render=function(){var e=this,t=this.props,n=t.children,r=t.className,o=t.popupClass,i=t.show,a=t.id,c=this.props.appendTo?this.props.appendTo:s.canUseDOM?this.props.anchor&&this.props.anchor.ownerDocument?this.props.anchor.ownerDocument.body:document.body:void 0;this.state.current===y.reposition&&this.state.previous===y.shown&&this._popup&&this.setPosition(this._popup);var f=Object.assign({},{position:"absolute"},this.props.style||{}),p=this.state.current===y.hiding;if((i||p)&&c){var d=l.createElement("div",{className:s.classNames("k-animation-container","k-animation-container-relative",r),id:a,ref:function(t){return e._popup=t},style:f},l.createElement("div",{className:s.classNames(o,"k-popup","k-child-animation-container"),style:{transitionDelay:"0ms"}},n));return u.createPortal(d,c)}return null},Object.defineProperty(t.prototype,"animationDuration",{get:function(){var e=this.props.animate,t=0,n=0;return e&&(!0===e?t=n=300:(t=e.openDuration||0,n=e.closeDuration||0)),{enter:t,exit:n}},enumerable:!0,configurable:!0}),t.prototype.attachRepositionHandlers=function(e){var t=this;this.detachRepositionHandlers(),this._scrollableParents=this._domService.scrollableParents(this.props.anchor||e),this._scrollableParents.map((function(e){return e.addEventListener("scroll",t.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.setState({current:y.reposition,previous:this.state.current})},t.propTypes={anchor:function(e){var t=e.anchor;return t&&"number"!=typeof t.nodeType?new Error("Invalid prop `anchor` supplied to `Kendo React Popup`. Validation failed."):null},appendTo:function(e){var t=e.appendTo;return t&&"number"!=typeof t.nodeType?new Error("Invalid prop `appendTo` supplied to `Kendo React Popup`. Validation failed."):null},className:a.string,id:a.string,popupClass:a.string,collision:a.shape({horizontal:a.oneOf([f.CollisionType.fit,f.CollisionType.flip]),vertical:a.oneOf([f.CollisionType.fit,f.CollisionType.flip])}),anchorAlign:a.shape({horizontal:a.oneOf([f.AlignPoint.left,f.AlignPoint.center,f.AlignPoint.right]),vertical:a.oneOf([f.AlignPoint.top,f.AlignPoint.center,f.AlignPoint.bottom])}),popupAlign:a.shape({horizontal:a.oneOf([f.AlignPoint.left,f.AlignPoint.center,f.AlignPoint.right]),vertical:a.oneOf([f.AlignPoint.top,f.AlignPoint.center,f.AlignPoint.bottom])}),offset:a.shape({left:a.number,top:a.number}),children:a.oneOfType([a.element,a.node]),show:a.bool,animate:a.oneOfType([a.bool,a.shape({openDuration:a.number,closeDuration:a.number})])},t.defaultProps={collision:{horizontal:f.CollisionType.fit,vertical:f.CollisionType.flip},anchorAlign:{horizontal:f.AlignPoint.left,vertical:f.AlignPoint.bottom},popupAlign:{horizontal:f.AlignPoint.left,vertical:f.AlignPoint.top},offset:b,animate:!0,show:!1},t}(l.Component);t.Popup=w},function(e,t){e.exports=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(e){e.style.transitionDuration="",e.classList.remove("k-slide-down-appear","k-slide-down-appear-active","k-slide-down-exit","k-slide-down-exit-active","k-slide-up-appear","k-slide-up-appear-active","k-slide-up-exit","k-slide-up-exit-active")},o="undefined"!=typeof window&&/Firefox/.test(window.navigator.userAgent);t.slide=function(e,t,n,i,l){if(0===n)return l();var u="k-slide-"+t+"-"+i,a=u+"-active",c=function(){e.removeEventListener("transitionend",c),r(e),l()};e.addEventListener("transitionend",c);var s=e.ownerDocument;if(s){var f=s.defaultView;if(f){var p=function(){r(e),e.classList.add(u),f.requestAnimationFrame((function(){e.style.transitionDuration=n+"ms",e.classList.add(a)}))};o?f.requestAnimationFrame(p):p()}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(2),o=function(){function e(e){this._dom=e}return e.prototype.alignElement=function(e){var t=e.anchor,n=e.element,r=e.anchorAlign,o=e.elementAlign,i=e.offset,l=!this._dom.hasOffsetParent(n)?this.absoluteRect(t,n,i):this.relativeRect(t,n,i);return this._dom.align({anchorAlign:r,anchorRect:l,elementAlign:o,elementRect:this._dom.offset(n)})},e.prototype.absoluteRect=function(e,t,n){var o=this._dom,i=r.eitherRect(o.offset(e),n),l=o.stackingElementOffset(t),u=r.removeStackingOffset(i,l),a=o.stackingElementScroll(t),c=o.addScroll(u,a),s=this.elementScrollPosition(e,t),f=o.removeScroll(c,s);return f.left+=window.scrollX||window.pageXOffset,f.top+=window.scrollY||window.pageYOffset,f},e.prototype.elementScrollPosition=function(e,t){return e?{x:0,y:0}:this._dom.scrollPosition(t)},e.prototype.relativeRect=function(e,t,n){return r.eitherRect(this._dom.position(e,t),n)},e}();t.AlignService=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(5),o=n(2),i=n(3),l=function(){function e(){}return e.prototype.addOffset=function(e,t){return{left:e.left+t.left,top:e.top+t.top}},e.prototype.align=function(e){return r.align(e)},e.prototype.boundingOffset=function(e){return r.boundingOffset(e)},e.prototype.getWindow=function(){return i.canUseDOM?window:null},e.prototype.isBodyOffset=function(e){return r.isBodyOffset(e)},e.prototype.hasOffsetParent=function(e){if(!e)return!1;var t=e.offsetParent;return t&&!("BODY"===t.nodeName&&"static"===window.getComputedStyle(t).position)},e.prototype.offset=function(e){return e?r.offset(e):null},e.prototype.staticOffset=function(e){if(!e)return null;var t=e.style,n=t.left,o=t.top;e.style.left="0px",e.style.top="0px";var i=r.offset(e);return e.style.left=n,e.style.top=o,i},e.prototype.position=function(e,t){if(!e||!t)return null;var n=r.siblingContainer(e,t);return r.positionWithScroll(e,n)},e.prototype.relativeOffset=function(e,t){return r.applyLocationOffset(this.offset(e),t,this.isBodyOffset(e))},e.prototype.addScroll=function(e,t){return r.addScroll(e,t)},e.prototype.removeScroll=function(e,t){return r.removeScroll(e,t)},e.prototype.restrictToView=function(e){return r.restrictToView(e)},e.prototype.scrollPosition=function(e){return r.scrollPosition(e)},e.prototype.scrollableParents=function(e){return o.scrollableParents(e)},e.prototype.stackingElementOffset=function(e){var t=this.getRelativeContextElement(e);return t?r.offset(t):null},e.prototype.stackingElementScroll=function(e){var t=this.getRelativeContextElement(e);return t?{x:t.scrollLeft,y:t.scrollTop}:{x:0,y:0}},e.prototype.stackingElementViewPort=function(e){var t=this.getRelativeContextElement(e);return t?{height:t.scrollHeight,width:t.scrollWidth}:null},e.prototype.getRelativeContextElement=function(e){if(!e||!o.HAS_RELATIVE_STACKING_CONTEXT)return null;for(var t=e.parentElement;t;){if("none"!==window.getComputedStyle(t).transform)return t;t=t.parentElement}return null},e.prototype.useRelativePosition=function(e){return!!this.getRelativeContextElement(e)},e.prototype.windowViewPort=function(e){return r.getWindowViewPort(e)},e.prototype.zIndex=function(e,t){return o.zIndex(e,t)},e.prototype.zoomLevel=function(){return i.canUseDOM?parseFloat((document.documentElement.clientWidth/window.innerWidth).toFixed(2)):1},e.prototype.isZoomed=function(){return this.zoomLevel()>1},e}();t.DOMService=l},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(2),o=function(){function e(e){this._dom=e}return e.prototype.positionElement=function(e){var t=e.anchor,n=e.currentLocation,o=e.element,i=e.anchorAlign,l=e.elementAlign,u=e.collisions,a=this._dom,c=e.viewPort||a.stackingElementViewPort(o)||a.windowViewPort(o),s=r.eitherRect(a.offset(t),n),f=r.replaceOffset(a.staticOffset(o),n),p=this.elementRect(o,f),d=a.restrictToView({anchorAlign:i,anchorRect:s,collisions:u,elementAlign:l,elementRect:p,viewPort:c});return{flipped:d.flipped,offset:a.addOffset(f,d.offset)}},e.prototype.elementRect=function(e,t){return this._dom.removeScroll(t,this._dom.scrollPosition(e))},e}();t.PositionService=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata={name:"@progress/kendo-react-popup",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1638254077,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"}}])}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("prop-types"),require("@progress/kendo-licensing"),require("react-dom")):"function"==typeof define&&define.amd?define(["react","prop-types","@progress/kendo-licensing","react-dom"],t):"object"==typeof exports?exports.KendoReactPopup=t(require("react"),require("prop-types"),require("@progress/kendo-licensing"),require("react-dom")):e.KendoReactPopup=t(e.React,e.PropTypes,e.KendoLicensing,e.ReactDOM)}(window,(function(e,t,n,r){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=3)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t){e.exports=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(4);t.Popup=r.Popup,t.PopupPropsContext=r.PopupPropsContext},function(e,t,n){"use strict";var r=this&&this.__assign||function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0});var o=n(0),i=n(5);t.PopupPropsContext=o.createContext((function(e){return e})),t.Popup=o.forwardRef((function(e,n){var l=o.useContext(t.PopupPropsContext).call(void 0,e);return o.createElement(i.Popup,r({ref:n},l))}))},function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=function(e,t){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||function(){return(i=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0});var l=n(0),a=n(6),u=n(1),c=n(7),s=n(10),f=n(11),p=n(8),d=n(9);function h(e,t){if(e===t)return!0;if(!!e!=!!t)return!1;var n=Object.getOwnPropertyNames(e),r=Object.getOwnPropertyNames(t);if(n.length!==r.length)return!1;for(var o=0;o<n.length;o++){var i=n[o];if(e[i]!==t[i])return!1}return!0}var v,m={left:-1e3,top:0};!function(e){e.hiding="hiding",e.hidden="hidden",e.showing="showing",e.shown="shown",e.reposition="reposition"}(v||(v={}));var g=function(e){function t(t){var n=e.call(this,t)||this;return n.state={current:v.hidden,previous:v.hidden,props:{}},n._popup=null,n.show=function(e){n.setPosition(e),n.animate(e.firstChild,"enter",n.onOpened),n.setState({current:v.shown,previous:n.state.current})},n.setPosition=function(e){var t=n.props,r=t.anchorAlign,o=t.popupAlign,i=t.collision,l=t.offset,a=t.anchor,u=t.margin,c=t.scale,s=t.positionMode;e.style.top="0px",e.style.left="-10000px";var p=f.alignElement({anchor:a,element:e,elementAlign:o,anchorAlign:r,offset:l,margin:u,positionMode:s,scale:c}),d=f.positionElement({anchor:a,anchorAlign:r,collisions:i,element:e,currentLocation:p,elementAlign:o,margin:n.props.margin});e.style.top=d.offset.top+"px",e.style.left=d.offset.left+"px",n._flipped=d.flipped},n.onOpened=function(){var e=n._popup;e&&(n.props.show&&e.classList.add("k-animation-container-shown"),n.attachRepositionHandlers(e),n.props.onOpen&&n.props.onOpen.call(void 0,{target:n}))},n.animate=function(e,t,r){c.slide(e,n._flipped?"up":"down",n.animationDuration[t],t,r)},n.onClosing=function(e){n.props.show||e.classList.remove("k-animation-container-shown"),n.detachRepositionHandlers()},n.onClosed=function(){n.state.current===v.hiding&&n.state.previous===v.shown&&n.setState({current:v.hidden,previous:n.state.current}),n.props.onClose&&n.props.onClose.call(void 0,{target:n})},n.getCurrentZIndex=function(){return n.context?n.context+1:100},s.validatePackage(d.packageMetadata),n.reposition=p.throttle(n.reposition.bind(n),p.FRAME_DURATION),n}return o(t,e),t.getDerivedStateFromProps=function(e,t){var n=e.show,r=e.anchor,o=e.anchorAlign,l=e.appendTo,a=e.collision,u=e.popupAlign,c=e.className,s=e.popupClass,f=e.style,p=e.offset,d=e.contentKey,m=i({},t,{props:{show:n,anchor:r,anchorAlign:o,appendTo:l,collision:a,popupAlign:u,className:c,popupClass:s,style:f,offset:p,contentKey:d}});return e.show?t.current===v.hidden||t.current===v.hiding?i({},m,{current:v.showing,previous:t.current}):t.current===v.showing?i({},m,{current:v.shown,previous:t.current}):t.current!==v.shown||h(p,t.props.offset)&&h(o,t.props.anchorAlign)&&h(l,t.props.appendTo)&&h(a,t.props.collision)&&h(u,t.props.popupAlign)&&h(f,t.props.style)&&r===t.props.anchor&&s===t.props.popupClass&&c===t.props.className?m:i({},m,{current:v.reposition,previous:t.current}):t.current===v.hiding||t.current===v.hidden?i({},m,{current:v.hidden,previous:t.current}):i({},m,{current:v.hiding,previous:t.current})},t.prototype.componentDidUpdate=function(e){this.state.current===v.showing&&this._popup?this.show(this._popup):this.state.current===v.hiding&&this._popup?(this.onClosing(this._popup),this.animate(this._popup.firstChild,"exit",this.onClosed)):this.state.current===v.reposition&&this.state.previous===v.shown?this.setState({current:v.shown,previous:this.state.current}):this.state.current===v.shown&&e.contentKey!==this.props.contentKey&&this._popup&&this.setPosition(this._popup)},t.prototype.componentDidMount=function(){this.state.current===v.showing&&this._popup&&this.show(this._popup)},t.prototype.componentWillUnmount=function(){this.detachRepositionHandlers()},t.prototype.render=function(){var e=this,t=this.props,n=t.children,r=t.className,o=t.popupClass,u=t.show,c=t.id,f=t.positionMode,p=this.props.appendTo?this.props.appendTo:s.canUseDOM?this.props.anchor&&this.props.anchor.ownerDocument?this.props.anchor.ownerDocument.body:document.body:void 0;this.state.current===v.reposition&&this.state.previous===v.shown&&this._popup&&this.setPosition(this._popup);var d=Object.assign({},{position:f},this.props.style||{}),h=this.state.current===v.hiding;if((u||h)&&p){var m=this.getCurrentZIndex(),g=l.createElement(s.ZIndexContext.Provider,{value:m},l.createElement("div",{className:s.classNames("k-animation-container","k-animation-container-relative",r),id:c,ref:function(t){return e._popup=t},style:i({zIndex:m},d)},l.createElement("div",{className:s.classNames(o,"k-popup","k-child-animation-container"),style:{transitionDelay:"0ms"}},n)));return a.createPortal(g,p)}return null},Object.defineProperty(t.prototype,"animationDuration",{get:function(){var e=this.props.animate,t=0,n=0;return e&&(!0===e?t=n=300:(t=e.openDuration||0,n=e.closeDuration||0)),{enter:t,exit:n}},enumerable:!0,configurable:!0}),t.prototype.attachRepositionHandlers=function(e){var t=this;this.detachRepositionHandlers(),this._scrollableParents=f.domUtils.scrollableParents(this.props.anchor||e),this._scrollableParents.map((function(e){return e.addEventListener("scroll",t.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.setState({current:v.reposition,previous:this.state.current})},t.propTypes={anchor:function(e){var t=e.anchor;return t&&"number"!=typeof t.nodeType?new Error("Invalid prop `anchor` supplied to `Kendo React Popup`. Validation failed."):null},appendTo:function(e){var t=e.appendTo;return t&&"number"!=typeof t.nodeType?new Error("Invalid prop `appendTo` supplied to `Kendo React Popup`. Validation failed."):null},className:u.string,id:u.string,popupClass:u.string,collision:u.shape({horizontal:u.oneOf([p.CollisionType.fit,p.CollisionType.flip]),vertical:u.oneOf([p.CollisionType.fit,p.CollisionType.flip])}),anchorAlign:u.shape({horizontal:u.oneOf([f.AlignPoint.left,f.AlignPoint.center,f.AlignPoint.right]),vertical:u.oneOf([f.AlignPoint.top,f.AlignPoint.center,f.AlignPoint.bottom])}),popupAlign:u.shape({horizontal:u.oneOf([f.AlignPoint.left,f.AlignPoint.center,f.AlignPoint.right]),vertical:u.oneOf([f.AlignPoint.top,f.AlignPoint.center,f.AlignPoint.bottom])}),offset:u.shape({left:u.number,top:u.number}),children:u.oneOfType([u.element,u.node]),show:u.bool,animate:u.oneOfType([u.bool,u.shape({openDuration:u.number,closeDuration:u.number})]),margin:u.shape({horizontal:u.number,vertical:u.number}),positionMode:u.oneOf(["fixed","absolute"]),scale:u.number},t.defaultProps={collision:{horizontal:p.CollisionType.fit,vertical:p.CollisionType.flip},anchorAlign:{horizontal:f.AlignPoint.left,vertical:f.AlignPoint.bottom},popupAlign:{horizontal:f.AlignPoint.left,vertical:f.AlignPoint.top},offset:m,animate:!0,show:!1,margin:{horizontal:0,vertical:0},positionMode:"absolute"},t.contextType=s.ZIndexContext,t}(l.Component);t.Popup=g},function(e,t){e.exports=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(e){e.style.transitionDuration="",e.classList.remove("k-slide-down-appear","k-slide-down-appear-active","k-slide-down-exit","k-slide-down-exit-active","k-slide-up-appear","k-slide-up-appear-active","k-slide-up-exit","k-slide-up-exit-active")},o="undefined"!=typeof window&&/Firefox/.test(window.navigator.userAgent);t.slide=function(e,t,n,i,l){if(0===n)return l();var a="k-slide-"+t+"-"+i,u=a+"-active",c=function(){e.removeEventListener("transitionend",c),r(e),l()};e.addEventListener("transitionend",c);var s=e.ownerDocument;if(s){var f=s.defaultView;if(f){var p=function(){r(e),e.classList.add(a),f.requestAnimationFrame((function(){e.style.transitionDuration=n+"ms",e.classList.add(u)}))};o?f.requestAnimationFrame(p):p()}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isDifferentOffset=function(e,t){var n=e.left,r=e.top,o=t.left,i=t.top;return Math.abs(n-o)>=1||Math.abs(r-i)>=1},t.hasBoundingRect=function(e){return!!e.getBoundingClientRect},t.FRAME_DURATION=1e3/60,t.CollisionType={fit:"fit",flip:"flip"},t.throttle=function(e,t,n){var r,o,i,l;void 0===n&&(n={});var a=0;n=n||{};var u=function(){a=!1===n.leading?0:(new Date).getTime(),r=null,l=e.apply(o,i),r||(o=i=null)};return function(){var c=(new Date).getTime();a||!1!==n.leading||(a=c);var s=t-(c-a);return o=this,i=arguments,s<=0||s>t?(r&&(clearTimeout(r),r=null),a=c,l=e.apply(o,i),r||(o=i=null)):r||!1===n.trailing||(r=window.setTimeout(u,s)),l}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata={name:"@progress/kendo-react-popup",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1638879960,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"}},function(e,t,n){"use strict";n.r(t),n.d(t,"ZIndexContext",(function(){return o})),n.d(t,"useZIndexContext",(function(){return i})),n.d(t,"BrowserSupportService",(function(){return a})),n.d(t,"canUseDOM",(function(){return u})),n.d(t,"canUseRef",(function(){return c})),n.d(t,"classNames",(function(){return s})),n.d(t,"cloneDate",(function(){return f})),n.d(t,"clone",(function(){return p})),n.d(t,"cloneObject",(function(){return d})),n.d(t,"cloneValue",(function(){return h})),n.d(t,"cloneArray",(function(){return v})),n.d(t,"focusFirstFocusableChild",(function(){return m})),n.d(t,"FormComponent",(function(){return g})),n.d(t,"getTabIndex",(function(){return y})),n.d(t,"getter",(function(){return C})),n.d(t,"guid",(function(){return E})),n.d(t,"Keys",(function(){return k})),n.d(t,"noop",(function(){return x})),n.d(t,"getScrollbarWidth",(function(){return D})),n.d(t,"setScrollbarWidth",(function(){return P})),n.d(t,"setter",(function(){return T})),n.d(t,"mapTree",(function(){return A})),n.d(t,"mapTreeItem",(function(){return L})),n.d(t,"extendDataItem",(function(){return N})),n.d(t,"getItemPath",(function(){return j})),n.d(t,"validatePackage",(function(){return z})),n.d(t,"hasRelativeStackingContext",(function(){return U})),n.d(t,"dispatchEvent",(function(){return H})),n.d(t,"AsyncFocusBlur",(function(){return W})),n.d(t,"createPropsContext",(function(){return V})),n.d(t,"withPropsContext",(function(){return F})),n.d(t,"useDir",(function(){return q})),n.d(t,"useAsyncFocusBlur",(function(){return K})),n.d(t,"useRtl",(function(){return Z})),n.d(t,"useMouse",(function(){return $})),n.d(t,"useCustomComponent",(function(){return J})),n.d(t,"usePropsContext",(function(){return X})),n.d(t,"COLLECTION_ACTION",(function(){return G})),n.d(t,"useCollection",(function(){return Q})),n.d(t,"Icon",(function(){return oe})),n.d(t,"SvgIcon",(function(){return ue})),n.d(t,"Typography",(function(){return Ce})),n.d(t,"DragAndDrop",(function(){return Ke})),n.d(t,"Draggable",(function(){return Be})),n.d(t,"Droppable",(function(){return We})),n.d(t,"useDraggable",(function(){return Ie})),n.d(t,"useDroppable",(function(){return ze}));var r=n(0),o=r.createContext(0),i=function(){return r.useContext(o)};o.displayName="KendoReactZIndexContext";var l=function(){return"undefined"!=typeof document?document:{}},a=function(){function e(){}return Object.defineProperty(e.prototype,"scrollbarWidth",{get:function(){var e=l();if(!this.scrollbar&&e&&e.createElement){var t=e.createElement("div");t.style.cssText="overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block",t.innerHTML="&nbsp;",e.body.appendChild(t),this.scrollbar=t.offsetWidth-t.scrollWidth,e.body.removeChild(t)}return this.scrollbar},enumerable:!0,configurable:!0}),e}(),u=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement),c=function(e){return"string"!=typeof Comment&&(function(e){return Boolean("function"==typeof e&&!!e.prototype.isReactComponent)}(e)||function(e){return Boolean(e.$$typeof&&"function"==typeof e.render)}(e))},s=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter((function(e){return!0!==e&&!!e})).map((function(e){return Array.isArray(e)?s.apply(void 0,e):"object"==typeof e?Object.keys(e).map((function(t,n){return e[n]||e[t]&&t||null})).filter((function(e){return null!==e})).join(" "):e})).filter((function(e){return!!e})).join(" ")},f=function(e){return e?new Date(e.getTime()):null};function p(e){var t={};return d(e,t),t}function d(e,t){for(var n in e)if(e.hasOwnProperty(n)){var r=e[n];t[n]=h(r,t[n])}}function h(e,t){if(Array.isArray(e))return v(e);if(e instanceof Date)return f(e);if(r.isValidElement(e))return r.cloneElement(e,e.props);if(e&&"object"==typeof e){var n=t||{};return d(e,n),n}return e}function v(e){return e.map((function(e){return h(e,void 0)}))}var m=function(e){if(e){if((e instanceof HTMLInputElement||-1!==e.tabIndex)&&e.focus)return void e.focus();var t=e.querySelector('input, [tabindex]:not([tabindex="-1"])');t&&t.focus&&t.focus()}},g=function(){},y=function(e,t,n){var r="string"==typeof e?parseInt(e,void 0):e;if(NaN!==r)return void 0!==r?r:t?n?void 0:-1:0},b=/\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g;function w(e){var t=[];return e.replace(b,(function(e,n,r,o){t.push(void 0!==n?n:r||o)})),t}var O={};function C(e){if(O[e])return O[e];var t=w(e);return O[e]=function(e){for(var n=e,r=0;r<t.length&&n;r++)n=n[t[r]];return n},O[e]}O.undefined=function(){};var E=function(){var e,t,n="";for(e=0;e<32;e++)t=16*Math.random()|0,8!==e&&12!==e&&16!==e&&20!==e||(n+="-"),n+=(12===e?4:16===e?3&t|8:t).toString(16);return n},k={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},x=function(){},D=function(){return!(!u||!document.body)&&(new a).scrollbarWidth},P=function(){if(!u||!document.body)return!1;var e=(new a).scrollbarWidth;document.body.style.setProperty("--kendo-scrollbar-width",e+"px")},M={undefined:function(e){return e}},R=function(e,t){return t&&t.arrays&&!isNaN(Number(e))?[]:{}};function T(e){if(M[e])return M[e];var t=w(e);return M[e]=function(e,n,r){for(var o=e,i=t.length-1,l=0;l<i&&o;l++)o=o[t[l]]=o[t[l]]||R(t[l+1],r);o[t[i]]=n},M[e]}var S=function(){return(S=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function _(e,t,n){var r;return n?S({},e,((r={})[t]=n.length?n.slice():void 0,r)):e&&e[t]?e[t].slice():[]}var A=function(e,t,n){return e.map((function(e){return function e(t,n,r){if(t[n]){var o=_(t,n).map((function(t){return e(t,n,r)}));return r(_(t,n,o))}return r(t)}(e,t,n)})).slice()},L=function(e,t,n,r){for(var o=e,i=[],l=0;l<t.length;l++)o=o[t[l]],o=Array.isArray(o)?o:o[n],i.push(o);var a=i.length>1?i[i.length-2]:e,u=t[t.length-1],c=r(a[u]);a.splice(u,1,c)},N=function(e,t,n){var r;return Object.assign({},e,e[t]?((r={})[t]=e[t].slice(),r):{},n||{})},j=function(e,t,n){var r=[],o=t.slice();if(o.length){var i=e[o.shift()||0];for(r.push(i);o.length&&n;)i=i[n][o.shift()||0],r.push(i)}return r},I=n(2);function z(e){if(void 0!==I)I.validatePackage(e);else{var t="License activation failed for "+e.name+"\n";t+="The @progress/kendo-licensing script is not loaded.\n",t+="See "+e.licensingDocsUrl+" for more information.\n",console.warn(t)}}var U=function(e){if(!u)return!1;var t=e?e.ownerDocument:document;if(!t||!t.body)return!1;var n=t.createElement("div");n.style.transform="matrix(10, 0, 0, 10, 0, 0)",n.innerHTML='<div style="position: fixed; top: 10px;">child</div>',t.body.appendChild(n);var r=10!==n.children[0].getBoundingClientRect().top;return t.body.removeChild(n),r};function H(e,t,n,r){if(e){var o={syntheticEvent:t,nativeEvent:t.nativeEvent,target:n};e.call(void 0,Object.assign(o,r))}}function K(e){var t=e.onFocus,n=e.onBlur,o=e.onSyncFocus,i=e.onSyncBlur,l=r.useRef(!1),a=r.useRef(0),u=r.useCallback((function(e){clearTimeout(a.current),a.current=window.setTimeout((function(){return e()}))}),[a]),c=r.useCallback((function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];clearTimeout(a.current),o&&o.call.apply(o,[void 0].concat(e)),l.current||(l.current=!0,t&&t.call.apply(t,[void 0].concat(e)))}),[l,t,o]),s=r.useCallback((function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];i&&i.call.apply(i,[void 0].concat(e)),u((function(){l.current&&n&&(l.current=!1,n.call.apply(n,[void 0].concat(e)))}))}),[l,u,n,i]);return r.useEffect((function(){return function(){clearTimeout(a.current)}}),[]),{onFocus:c,onBlur:s}}var B=function(){return(B=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},W=function(e){var t=e.children,n=K({onFocus:e.onFocus,onBlur:e.onBlur,onSyncFocus:e.onSyncFocus,onSyncBlur:e.onSyncBlur});return t.call(void 0,B({},n))},X=function(e,t){return r.useContext(e)(t)},Y=function(){return(Y=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},V=function(){return r.createContext((function(e){return e}))},F=function(e,t){return r.forwardRef((function(n,o){var i=X(e,n);return r.createElement(t,Y({},i,{ref:o}))}))};function q(e,t,n){var o=r.useState(t),i=o[0],l=o[1];return r.useEffect((function(){if(!i&&window&&e.current){var t=window.getComputedStyle(e.current).direction;t&&l(t)}}),n),i}function Z(e,t,n){var o=r.useState(t),i=o[0],l=o[1];return r.useEffect((function(){if(!i&&window&&e.current){var t=window.getComputedStyle(e.current).direction;t&&l(t)}}),n),i}var G,$=function(e,t,n){void 0===n&&(n={});var o=r.useCallback((function(r){n.onMouseDown&&n.onMouseDown.call(void 0,r),e.onMouseDown&&e.onMouseDown.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseDown,e.onMouseDown,t]),i=r.useCallback((function(r){n.onMouseUp&&n.onMouseUp.call(void 0,r),e.onMouseUp&&e.onMouseUp.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseUp,e.onMouseUp,t]);return{onClick:r.useCallback((function(r){n.onClick&&n.onClick.call(void 0,r),e.onClick&&e.onClick.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onClick,e.onClick,t]),onMouseUp:i,onMouseDown:o,onDoubleClick:r.useCallback((function(r){n.onDoubleClick&&n.onDoubleClick.call(void 0,r),e.onDoubleClick&&e.onDoubleClick.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onDoubleClick,e.onDoubleClick,t]),onMouseEnter:r.useCallback((function(r){n.onMouseEnter&&n.onMouseEnter.call(void 0,r),e.onMouseEnter&&e.onMouseEnter.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseEnter,e.onMouseEnter,t]),onMouseLeave:r.useCallback((function(r){n.onMouseLeave&&n.onMouseLeave.call(void 0,r),e.onMouseLeave&&e.onMouseLeave.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseLeave,e.onMouseLeave,t]),onMouseMove:r.useCallback((function(r){n.onMouseMove&&n.onMouseMove.call(void 0,r),e.onMouseMove&&e.onMouseMove.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseMove,e.onMouseMove,t]),onMouseOut:r.useCallback((function(r){n.onMouseOut&&n.onMouseOut.call(void 0,r),e.onMouseOut&&e.onMouseOut.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseOut,e.onMouseOut,t]),onMouseOver:r.useCallback((function(r){n.onMouseOver&&n.onMouseOver.call(void 0,r),e.onMouseOver&&e.onMouseOver.call(void 0,{target:t.current,syntheticEvent:r})}),[n.onMouseOver,e.onMouseOver,t])}},J=function(e){return r.isValidElement(e)?[e.type,e.props]:[e,{}]};!function(e){e[e.add=0]="add",e[e.remove=1]="remove"}(G||(G={}));var Q=function(e){void 0===e&&(e=[]);var t=r.useRef(e),n=r.useCallback((function(e){switch(e.type){case G.add:t.current.push(e.item);break;case G.remove:var n=t.current.indexOf(e.item);t.current.splice(n,1)}}),[]);return[t.current,n]},ee=n(1),te={default:"",xsmall:"k-icon-xs",small:"k-icon-sm",medium:"k-icon-md",large:"k-icon-lg",xlarge:"k-icon-xl"},ne=function(){return(ne=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},re=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n},oe=r.forwardRef((function(e,t){var n=e.className,o=e.name,i=e.themeColor,l=e.size,a=e.flip,u=e.style,c=re(e,["className","name","themeColor","size","flip","style"]),f=r.useRef(null),p=r.useRef(null);r.useImperativeHandle(f,(function(){return{element:p.current}})),r.useImperativeHandle(t,(function(){return f.current}));var d=r.useMemo((function(){return i||ie.themeColor}),[i]),h=r.useMemo((function(){return l||ie.size}),[l]),v=r.useMemo((function(){return a||ie.flip}),[a]),m=r.useMemo((function(){return s("k-icon","k-i-"+o,"k-color-"+d,{"k-flip-h":"horizontal"===v||"both"===v,"k-flip-v":"vertical"===v||"both"===v},te[h],n)}),[o,d,h,v,n]),g=$(e,f);return r.createElement("span",ne({ref:p},c,g,{className:m,style:u,role:"presentation"}))}));oe.propTypes={style:ee.object,classNames:ee.string,name:ee.string,themeColor:ee.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"]),size:ee.oneOf(["default","xsmall","small","medium","large","xlarge"]),flip:ee.oneOf(["default","horizontal","vertical","both"])};var ie={size:"default",themeColor:"inherit",flip:"default"};oe.displayName="KendoIcon";var le=function(){return(le=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},ae=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n},ue=r.forwardRef((function(e,t){var n=e.children,o=e.className,i=e.svgClassName,l=e.icon,a=e.flip,u=e.size,c=e.style,f=e.svgStyle,p=e.themeColor,d=e.viewBox,h=ae(e,["children","className","svgClassName","icon","flip","size","style","svgStyle","themeColor","viewBox"]),v=r.useRef(null);r.useImperativeHandle(t,(function(){return{element:v.current}}));var m=r.useMemo((function(){return l?l.name:ce.icon}),[l]),g=r.useMemo((function(){return p||ce.themeColor}),[p]),y=r.useMemo((function(){return u||ce.size}),[u]),b=r.useMemo((function(){return a||ce.flip}),[a]),w=r.useMemo((function(){return d||ce.viewBox}),[d]),O=r.useMemo((function(){return s("k-svg-icon","k-color-"+g,"k-svg-i-"+m,{"k-flip-h":"horizontal"===b||"both"===b,"k-flip-v":"vertical"===b||"both"===b},te[y],o)}),[m,g,y,b,o]),C=r.useMemo((function(){return e.width&&e.height?le({width:e.width,height:e.height},c):e.width?le({width:e.width,height:e.width},c):e.height?le({width:e.height,height:e.height},c):le({},c)}),[e.width,e.height,c]);return r.createElement("span",{className:O,style:C,ref:v},r.createElement("svg",le({className:i,style:f,"aria-hidden":!0,focusable:"false",xmlns:"http://www.w3.org/2000/svg",viewBox:l?l.viewBox:w,dangerouslySetInnerHTML:l?{__html:l.content}:void 0},h),l?void 0:n))}));ue.propTypes={style:ee.object,classNames:ee.string,children:ee.any,icon:ee.object,themeColor:ee.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"]),size:ee.oneOf(["default","xsmall","small","medium","large","xlarge"]),flip:ee.oneOf(["default","horizontal","vertical","both"])};var ce={size:"default",themeColor:"inherit",flip:"default",icon:"",viewBox:"0 0 24 24"};ue.displayName="KendoSvgIcon";var se,fe={xsmall:"k-fs-xs",small:"k-fs-sm",medium:"k-fs-md",large:"k-fs-lg",xlarge:"k-fs-xl"},pe={light:"k-font-weight-light",normal:"k-font-weight-normal",bold:"k-font-weight-bold"},de={xsmall:"k-m-xs",small:"k-m-sm",medium:"k-m-md",large:"k-m-lg",xlarge:"k-m-xl",thin:"k-m-thin",hair:"k-m-hair"},he={xsmall:"xs",small:"sm",medium:"md",large:"lg",xlarge:"xl",thin:"thin",hair:"hair"},ve={top:"k-mt-",right:"k-mr-",bottom:"k-mb-",left:"k-ml-"},me={left:"k-text-left",right:"k-text-right",center:"k-text-center",justify:"k-text-justify"},ge={lowercase:"k-text-lowercase",uppercase:"k-text-uppercase",capitalize:"k-text-capitalize"},ye={inherit:"k-color-inherit",primary:"k-color-primary",secondary:"k-color-secondary",tertiary:"k-color-tertiary",info:"k-color-info",success:"k-color-success",warning:"k-color-warning",error:"k-color-error",dark:"k-color-dark",light:"k-color-light",inverse:"k-color-inverse"},be=function(){return(be=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},we=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n},Oe=function(e){var t=r.forwardRef((function(t,n){var o=t.className,i=t.fontSize,l=t.fontWeight,a=t.textAlign,u=t.textTransform,c=t.themeColor,s=t.margin,f=we(t,["className","fontSize","fontWeight","textAlign","textTransform","themeColor","margin"]),p=r.useRef(null),d=r.useRef(null);r.useImperativeHandle(p,(function(){return{element:d.current,props:t}})),r.useImperativeHandle(n,(function(){return p.current}));var h=e,v=function(){if(void 0!==s){if("string"==typeof s)return[de[s]];if("number"==typeof s&&s>=0&&s<=24)return["k-m-"+s];if("object"==typeof s){var e=[];return Object.keys(s).forEach((function(t){var n,r;null!==s[t]&&void 0!==s[t]&&e.push((n=t,r=s[t],""+ve[n]+("string"==typeof r?he[r]:r)))})),e.join(" ")}}};return r.createElement(h,be({ref:d,className:["k-"+("p"===e?"paragraph":e),fe[i],pe[l],me[a],ge[u],ye[c],v(),o].filter((function(e){return void 0!==e})).join(" ")},f),t.children)}));return t.propTypes={style:ee.object,className:ee.string,fontSize:ee.oneOf(["xsmall","small","medium","large","xlarge"]),fontWeight:ee.oneOf(["light","normal","bold"]),margin:ee.oneOfType([ee.number,ee.object,ee.oneOf(["xsmall","small","medium","large","xlarge","thin","hair"])]),textAlign:ee.oneOf(["left","right","center","justify"]),textTransform:ee.oneOf(["lowercase","uppercase","capitalize"]),themeColor:ee.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"])},t.displayName="KendoReactTypography"+e.toUpperCase(),t},Ce={h1:Oe("h1"),h2:Oe("h2"),h3:Oe("h3"),h4:Oe("h4"),h5:Oe("h5"),h6:Oe("h6"),p:Oe("p"),code:Oe("code"),pre:Oe("pre")},Ee=function(e,t){var n=0,r=null;return t.forEach((function(t){if(t&&e){var o=function(e,t){var n=e.getBoundingClientRect(),r=t.getBoundingClientRect(),o=Math.max(r.top,n.top),i=Math.max(r.left,n.left),l=Math.min(r.left+r.width,n.left+n.width),a=Math.min(r.top+r.height,n.top+n.height),u=l-i,c=a-o;if(i<l&&o<a){var s=r.width*r.height,f=n.width*n.height,p=u*c;return Number((p/(s+f-p)).toFixed(4))}return 0}(e,t);o>n&&(n=o,r=t)}})),r},ke=function(){var e=window&&window.navigator.userAgent;if(!e)return!1;var t=!1,n=[],r={edge:/(edge)[ \/]([\w.]+)/i,webkit:/(chrome|crios)[ \/]([\w.]+)/i,safari:/(webkit)[ \/]([\w.]+)/i,opera:/(opera)(?:.*version|)[ \/]([\w.]+)/i,msie:/(msie\s|trident.*? rv:)([\w.]+)/i,mozilla:/(mozilla)(?:.*? rv:([\w.]+)|)/i};for(var o in r)if(r.hasOwnProperty(o)&&(n=e.match(r[o]))){(t={})[o]=!0,t[n[1].toLowerCase().split(" ")[0].split("/")[0]]=!0,t.version=parseInt(document.DOCUMENT_NODE||n[2],10);break}return t},xe=function(e){return e&&e.ownerDocument||window.document},De=function(e){var t=ke(),n=xe(e);return t.edge||t.safari?n.body:n.documentElement},Pe=function(e){if(e&&e.className&&"string"==typeof e.className&&e.className.indexOf("k-auto-scrollable")>-1)return!0;var t=window.getComputedStyle(e,"overflow").overflow;return t.indexOf("auto")>-1||t.indexOf("scroll")>-1},Me=function(e){var t=De(e);if(!e||e===document.body||e===document.documentElement)return t;for(var n=e;n&&!Pe(n)&&n!==document.body;)n=n.parentNode;return n===document.body?t:n};!function(e){e.POINTER_DOWN="pointerdown",e.POINTER_MOVE="pointermove",e.POINTER_UP="pointerup",e.POINTER_CANCEL="pointercancel",e.MOUSE_DOWN="mousedown",e.MOUSE_MOVE="mousemove",e.MOUSE_UP="mouseup",e.CONTEXT_MENU="contextmenu",e.TOUCH_START="touchstart",e.TOUCH_MOVE="touchmove",e.TOUCH_END="touchend",e.TOUCH_CANCEL="touchcancel",e.SCROLL="scroll",e.START="KENDO_DRAG_AND_DROP_START",e.MOVE="KENDO_DRAG_AND_DROP_MOVE",e.END="KENDO_DRAG_AND_DROP_END",e.CANCEL="KENDO_DRAG_AND_DROP_CANCEL"}(se||(se={}));var Re=function(){},Te=function(e,t,n){void 0===n&&(n={});var r,o,i,l,a=n.onIsPressedChange,u=void 0===a?Re:a,c=n.onIsScrollingChange,s=void 0===c?Re:c,f=n.onVelocityChange,p=void 0===f?Re:f,d=n.onOffsetChange,h=void 0===d?Re:d,v=n.onPageOffsetChange,m=void 0===v?Re:v,g=n.onClientOffsetChange,y=void 0===g?Re:g,b=n.onScrollOffsetChange,w=void 0===b?Re:b,O=n.onInitialScrollOffsetChange,C=void 0===O?Re:O,E=t.payload,k=E.element,x=E.hint,D=e.autoScrollDirection,P=e.scrollableParent,M=function(e,t){return function(e){return/^touch/.test(e.type)}(e)?{pageX:e.changedTouches[0].pageX,pageY:e.changedTouches[0].pageY,clientX:e.changedTouches[0].clientX,clientY:e.changedTouches[0].clientY,scrollX:t.scrollOffset.x,scrollY:t.scrollOffset.y,offsetX:t.offset.x,offsetY:t.offset.y,type:e.type,originalEvent:e,isTouch:!0,altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1}:function(e){return/^(scroll)/.test(e.type)}(e)?{pageX:t.pageOffset.x,pageY:t.pageOffset.y,clientX:t.clientOffset.x,clientY:t.clientOffset.y,scrollX:t.scrollOffset.x,scrollY:t.scrollOffset.y,offsetX:t.offset.x,offsetY:t.offset.y,type:e.type,originalEvent:e,altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1}:{pageX:e.pageX,pageY:e.pageY,clientX:e.clientX,clientY:e.clientY,offsetX:e.offsetX,offsetY:e.offsetY,scrollX:t.scrollOffset.x,scrollY:t.scrollOffset.y,type:e.type,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,metaKey:e.metaKey,originalEvent:e}}(t.event,e);switch(M.type){case se.POINTER_DOWN:if(M.type===se.POINTER_DOWN&&(!M.originalEvent.isPrimary||0!==M.originalEvent.button))break;case se.MOUSE_DOWN:if(M.type===se.MOUSE_DOWN&&M.originalEvent.which&&M.originalEvent.which>1||e.ignoreMouse)break;case se.TOUCH_START:if(M.type===se.TOUCH_START&&1!==M.originalEvent.touches.length)break;case se.START:var R=P||Me(t.payload.element);C(R instanceof Window?{x:R.scrollX,y:R.scrollY}:{x:R.scrollLeft,y:R.scrollTop}),y({x:M.clientX,y:M.clientY}),m({x:M.pageX,y:M.pageY}),h({x:M.offsetX,y:M.offsetY}),u(!0),E.onPress&&E.onPress(M);break;case se.SCROLL:if(M.type===se.SCROLL&&!e.pressed)break;var T=P||Me(k),S=T instanceof Window?{x:T.scrollX,y:T.scrollY}:{x:T.scrollLeft,y:T.scrollTop};M.scrollX=S.x-e.initialScrollOffset.x,M.scrollY=S.y-e.initialScrollOffset.y,w({x:M.scrollX,y:M.scrollY});case se.POINTER_MOVE:if(M.type===se.POINTER_MOVE&&!M.originalEvent.isPrimary)break;case se.MOUSE_MOVE:case se.TOUCH_MOVE:if(M.type===se.TOUCH_MOVE&&1!==M.originalEvent.touches.length)break;case se.MOVE:if(e.pressed){if(e.autoScroll&&"scroll"!==M.originalEvent.type&&k){var _=xe(k),A=P||Me(_.elementFromPoint(M.clientX,M.clientY)),L=function(e,t,n){var r={x:0,y:0};return e-n.left<50?r.x=-(50-(e-n.left)):n.right-e<50&&(r.x=50-(n.right-e)),t-n.top<50?r.y=-(50-(t-n.top)):n.bottom-t<50&&(r.y=50-(n.bottom-t)),r}(M.pageX,M.pageY,function(e,t){var n=De(e);if(e===n)return{top:n.scrollTop,left:n.scrollLeft,bottom:n.scrollTop+t.innerHeight,right:n.scrollLeft+t.innerWidth};var r=e.getBoundingClientRect();return{bottom:r.top+r.height,right:r.left+r.width,left:r.left,top:r.top}}(A,function(e){var t=xe(e);return t&&t.defaultView||window}(k)));p({x:D&&!1===D.horizontal?0:L.x,y:D&&!1===D.vertical?0:L.y}),s(0!==L.y||0!==L.x)}!e.drag&&E.onDragStart&&E.onDragStart(M),E.onDrag&&E.onDrag(M);var N=Ee(x||k,e.drops.map((function(e){return e&&e.element})).filter((function(e){return e!==(x||k)}))),j=e.drops.find((function(e){return e.element===N}));j&&N&&(r=M.clientX,o=M.clientY,i=P||Me(N),(l=i.getBoundingClientRect()).top<=o&&l.left<=r&&o<=l.bottom&&r<=l.right)&&N!==k?(e.drop&&e.drop.element)!==N?(e.drop&&e.drop.onDragLeave&&e.drop.onDragLeave(M),j.onDragEnter&&j.onDragEnter(M)):j.onDragOver&&j.onDragOver(M):e.drop&&e.drop.onDragLeave&&e.drop.onDragLeave(M)}y({x:M.clientX,y:M.clientY}),m({x:M.pageX,y:M.pageY});break;case se.POINTER_UP:if(M.type===se.POINTER_UP&&!M.originalEvent.isPrimary)break;case se.MOUSE_UP:case se.TOUCH_END:if(M.type===se.TOUCH_END&&1!==M.originalEvent.touches.length)break;case se.END:u(!1),s(!1),E.onRelease&&E.onRelease(M),e.drop&&e.drop.onDrop&&e.drop.onDrop(M),E.onDragEnd&&E.onDragEnd(M);break;case se.POINTER_CANCEL:case se.CONTEXT_MENU:case se.TOUCH_CANCEL:case se.CANCEL:u(!1),s(!1),E.onDragEnd&&E.onDragEnd(M),e.drop&&e.drop.onDragLeave&&e.drop.onDragLeave(M)}},Se=function(e,t){if(e){var n,r;e===De(e)?(n=document.body.scrollHeight>window.innerHeight,r=document.body.scrollWidth>window.innerWidth):(n=e.offsetHeight<=e.scrollHeight,r=e.offsetWidth<=e.scrollWidth);var o=e.scrollTop+t.y,i=n&&o>0&&o<e.scrollHeight,l=e.scrollLeft+t.x,a=r&&l>0&&l<e.scrollWidth;i?e.scrollTop+=t.y:n&&o<0&&(e.scrollTop=0),a?e.scrollLeft+=t.x:r&&l<0&&(e.scrollLeft=0)}},_e=function(e,t){var n=r.useContext(e),o=n[0],i=n[1],l=r.useState(t),a=l[0],u=l[1];return[void 0!==o?o:a,function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];void 0!==o?i.apply(void 0,e):u(e[0])}]},Ae=r.createContext([void 0,x]),Le=r.createContext([void 0,x]),Ne=r.createContext([[],x,x]),je=r.createContext([[],x,x]);function Ie(e,t,n){void 0===n&&(n={});var o=t.onPress,i=void 0===o?x:o,l=t.onRelease,a=void 0===l?x:l,u=t.onDragStart,c=void 0===u?x:u,s=t.onDrag,f=void 0===s?x:s,p=t.onDragEnd,d=void 0===p?x:p,h=n.hint,v=void 0===h?null:h,m=n.mouseOnly,g=void 0!==m&&m,y=n.autoScroll,b=void 0===y||y,w=n.scrollContainer,O=void 0===w?null:w,C=r.useState(!1),E=C[0],k=C[1],D=r.useState(!1),P=D[0],M=D[1],R=_e(Le)[0],T=_e(Ae),S=T[0],_=T[1],A=r.useContext(je)[0],L=r.useContext(Ne),N=L[0],j=L[1],I=L[2],z=r.useRef({x:0,y:0}),U=r.useRef(),H=r.useRef(!1),K=r.useRef(),B=r.useRef(!1),W=r.useRef({x:0,y:0}),X=r.useRef({x:0,y:0}),Y=r.useRef({x:0,y:0}),V=r.useRef({x:0,y:0}),F=r.useRef({x:0,y:0}),q=r.useRef({x:0,y:0}),Z=Boolean(window&&"undefined"!=typeof window&&window.PointerEvent),G=!g&&Z,$=r.useCallback((function(){return e.current&&e.current.element?e.current.element:e.current}),[e]),J=r.useCallback((function(){return v&&v.current&&v.current.element?v.current.element:v?v.current:null}),[v]),Q=r.useCallback((function(){return O&&O.current&&O.current.element?O.current.element:O?O.current:null}),[O]),ee=r.useCallback((function(){return"object"==typeof b&&b.boundaryElementRef&&b.boundaryElementRef.current&&b.boundaryElementRef.current.element?b.boundaryElementRef.current.element:"object"==typeof b&&b.boundaryElementRef&&b.boundaryElementRef.current?b.boundaryElementRef.current:null}),[b]),te=r.useRef(null);r.useImperativeHandle(te,(function(){return{element:$(),hint:J(),onPress:he,onDragStart:me,onDrag:ge,onDragEnd:ye,onRelease:ve,data:e.current}}));var ne=r.useCallback((function(){var e=$();return e&&e.ownerDocument||document}),[$]),re=r.useCallback((function(){var e=ne();return e&&e.defaultView||window}),[ne]),oe=r.useCallback((function(){return{drag:S?S.current:null,drop:R?R.current:null,drags:N.map((function(e){return e.current})),drops:A.map((function(e){return e.current})),pressed:E,ignoreMouse:H.current,scrollOffset:F.current,offset:W.current,pageOffset:X.current,initialScrollOffset:q.current,clientOffset:Y.current,initialClientOffset:V.current,velocity:z.current,autoScroll:Boolean("object"==typeof b?!1!==b.enabled:b),scrollableParent:ee(),autoScrollDirection:"object"==typeof b?b.direction:{horizontal:!0,vertical:!0},isScrolling:P}}),[S,R,N,A,E,b,ee,P]),ie=r.useCallback((function(e){k(e)}),[]),le=r.useCallback((function(e){M(e)}),[]),ae=r.useCallback((function(e){z.current=e}),[]),ue=r.useCallback((function(e){W.current=e}),[]),ce=r.useCallback((function(e){Y.current=e}),[]),se=r.useCallback((function(e){X.current=e}),[]),fe=r.useCallback((function(e){V.current=e}),[]),pe=r.useCallback((function(e){F.current=e}),[]),de=r.useCallback((function(e){q.current=e}),[]),he=r.useCallback((function(e){i(e)}),[i]),ve=r.useCallback((function(e){a(e)}),[a]),me=r.useCallback((function(t){_(te,{target:e.current,event:t}),c(t)}),[_,e,c]),ge=r.useCallback((function(e){f(e)}),[f]),ye=r.useCallback((function(t){B.current||(_(null,{target:e.current,event:t}),d(t))}),[d,_,e]),be=r.useCallback((function(e){Te(oe(),{event:e,payload:te.current},{onVelocityChange:ae,onOffsetChange:ue,onClientOffsetChange:ce,onPageOffsetChange:se,onInitialClientOffsetChange:fe,onScrollOffsetChange:pe,onInitialScrollOffsetChange:de,onIsPressedChange:ie,onIsScrollingChange:le})}),[oe,ae,ue,se,ce,fe,de,ie,pe,le]),we=r.useCallback((function(e){be(e)}),[be]),Oe=r.useCallback((function(e){be(e)}),[be]),Ce=r.useCallback((function(e){be(e)}),[be]),Ee=r.useCallback((function(e){be(e)}),[be]),ke=r.useCallback((function(e){be(e)}),[be]),xe=r.useCallback((function(e){be(e)}),[be]),De=r.useCallback((function(e){be(e)}),[be]),Pe=r.useCallback((function(e){e.preventDefault(),be(e)}),[be]),Re=r.useCallback((function(e){e.preventDefault(),be(e)}),[be]),Ie=r.useCallback((function(e){e.preventDefault(),be(e)}),[be]),ze=r.useCallback((function(e){if(0===e.touches.length&&1===e.changedTouches.length){var t=re();H.current=!0,K.current=t.setTimeout((function(){H.current=!1}),2e3)}be(e)}),[be,re]),Ue=r.useCallback((function(e){be(e)}),[be]),He=r.useCallback((function(){var e=$();if(e){var t=e.style.touchAction;return e.style.touchAction="none",function(){e.style.touchAction=t}}}),[$]),Ke=r.useCallback((function(){return j(te),function(){I(te)}}),[I,j]);r.useEffect((function(){var e=re();if(P){var t=Q()||Me(document.elementFromPoint(Y.current.x,Y.current.y));e.clearInterval(U.current),U.current=e.setInterval((function(){Se(t,{x:z.current.x,y:z.current.y})}),50)}return function(){e.clearInterval(U.current)}}),[$,Q,re,P]),r.useEffect(He,[He]),r.useEffect((function(){var e=re(),t=$(),n=ne();if(G){if(t)Me(t).addEventListener("scroll",Ue,{passive:!0}),t.addEventListener("pointerdown",we,{passive:!0});E&&(n.addEventListener("pointermove",Oe),n.addEventListener("pointerup",Ee,!0),n.addEventListener("contextmenu",Pe),n.addEventListener("pointercancel",Ce,{passive:!0}))}else e.addEventListener("touchmove",x,{capture:!1,passive:!1}),t&&(t.addEventListener("mousedown",ke,{passive:!0}),g||(t.addEventListener("touchstart",Re,{passive:!0}),E&&(t.addEventListener("touchmove",Ie,{passive:!0}),t.addEventListener("touchend",ze,{passive:!0})))),E&&(n.addEventListener("mousemove",xe,{passive:!0}),n.addEventListener("mouseup",De,{passive:!0}));return function(){if(t){var r=Me(t);r&&r.removeEventListener("scroll",Ue),t.removeEventListener("pointerdown",we),t.removeEventListener("mousedown",ke),t.removeEventListener("touchstart",Re),t.removeEventListener("touchmove",Ie),t.removeEventListener("touchend",ze)}n.removeEventListener("pointermove",Oe),n.removeEventListener("pointerup",Ee,!0),n.removeEventListener("contextmenu",Pe),n.removeEventListener("pointercancel",Ce),n.removeEventListener("mousemove",xe),n.removeEventListener("mouseup",De),e.removeEventListener("touchmove",x),e.clearTimeout(K.current)}}),[E,re,$,ne,g,G,Pe,ke,xe,De,Ce,we,Oe,Ee,ze,Ie,Re,Ue]),r.useEffect((function(){return function(){B.current=!0}}),[]),r.useLayoutEffect(Ke,[Ke])}function ze(e,t){void 0===t&&(t={onDragEnter:x,onDragOver:x,onDragLeave:x,onDrop:x});var n=t.onDragEnter,o=void 0===n?x:n,i=t.onDragOver,l=void 0===i?x:i,a=t.onDragLeave,u=void 0===a?x:a,c=t.onDrop,s=void 0===c?x:c,f=_e(Le)[1],p=r.useContext(je),d=p[1],h=p[2],v=r.useCallback((function(){return e.current&&e.current.element?e.current.element:e.current}),[e]),m=r.useRef(null);r.useImperativeHandle(m,(function(){return{element:v(),onDragEnter:g,onDragOver:y,onDragLeave:b,onDrop:w,data:e.current}}));var g=r.useCallback((function(t){f(m,{target:e.current,event:t}),o(t)}),[f,e,o]),y=r.useCallback((function(e){l(e)}),[l]),b=r.useCallback((function(t){f(null,{target:e.current,event:t}),u(t)}),[f,e,u]),w=r.useCallback((function(t){f(null,{target:e.current,event:t}),s(t)}),[f,e,s]),O=r.useCallback((function(){return d(m),function(){h(m)}}),[h,d]);r.useLayoutEffect(O,[O])}var Ue=function(){return(Ue=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},He=function(e,t,n){var o=r.useState(t||e),i=o[0],l=o[1];return[void 0!==t?t:i,r.useCallback((function(e,t){l(e),n&&n.call(void 0,Ue({},t,{value:e}))}),[n,l])]},Ke=function(e){var t=He(null,void 0),n=t[0],o=t[1],i=He(null,void 0),l=i[0],a=i[1],u=Q([]),c=u[0],s=u[1],f=Q([]),p=f[0],d=f[1];return r.createElement(Ae.Provider,{value:[n,o]},r.createElement(Le.Provider,{value:[l,a]},r.createElement(Ne.Provider,{value:[c,function(e){s({type:G.add,item:e})},function(e){s({type:G.remove,item:e})}]},r.createElement(je.Provider,{value:[p,function(e){d({type:G.add,item:e})},function(e){d({type:G.remove,item:e})}]},e.children))))};Ke.displayName="KendoReactDragAndDrop";var Be=r.forwardRef((function(e,t){var n=r.useRef(null),o=r.useRef(null),i=r.useCallback((function(){return n.current&&n.current.element?n.current.element:n.current}),[n]);r.useImperativeHandle(o,(function(){return{element:i()||null}})),r.useImperativeHandle(t,(function(){return o.current})),r.useImperativeHandle(e.childRef,(function(){return n.current}));var l=r.useCallback((function(t){e.onPress&&e.onPress({element:i(),target:o.current,event:t})}),[i,e.onPress]),a=r.useCallback((function(t){e.onRelease&&e.onRelease({element:i(),target:o.current,event:t})}),[i,e.onRelease]),u=r.useCallback((function(t){e.onDragStart&&e.onDragStart({element:i(),target:o.current,event:t})}),[e,i]),c=r.useCallback((function(t){e.onDrag&&e.onDrag({element:i(),target:o.current,event:t})}),[i,e.onDrag]),s=r.useCallback((function(t){e.onDragEnd&&e.onDragEnd({element:i(),target:o.current,event:t})}),[i,e.onDragEnd]);return Ie(n,{onPress:l,onRelease:a,onDragStart:u,onDrag:c,onDragEnd:s},{mouseOnly:e.mouseOnly,autoScroll:e.autoScroll,hint:e.hint,scrollContainer:e.scrollContainer}),e.children?r.cloneElement(r.Children.only(e.children),{ref:n}):null}));Be.displayName="KendoReactDraggable";var We=r.forwardRef((function(e,t){var n=r.useRef(null),o=r.useRef(null),i=r.useCallback((function(){return n.current&&n.current.element?n.current.element:n.current}),[n]);r.useImperativeHandle(o,(function(){return{element:i()||void 0}})),r.useImperativeHandle(t,(function(){return o.current})),r.useImperativeHandle(e.childRef,(function(){return n.current}));var l=r.useCallback((function(t){e.onDragEnter&&e.onDragEnter({element:i(),target:o.current,event:t})}),[e.onDragEnter,i]),a=r.useCallback((function(t){e.onDragOver&&e.onDragOver({element:i(),target:o.current,event:t})}),[i,e.onDragOver]),u=r.useCallback((function(t){e.onDragLeave&&e.onDragLeave({element:i(),target:o.current,event:t})}),[e.onDragLeave,i]),c=r.useCallback((function(t){e.onDrop&&e.onDrop({element:i(),target:o.current,event:t})}),[e.onDrop,i]);return ze(n,{onDragEnter:l,onDragOver:a,onDragLeave:u,onDrop:c}),e.children?r.cloneElement(r.Children.only(e.children),{ref:n}):null}));We.displayName="KendoReactDroppable"},function(e,t,n){"use strict";n.r(t),n.d(t,"align",(function(){return o})),n.d(t,"addScroll",(function(){return i})),n.d(t,"applyLocationOffset",(function(){return l})),n.d(t,"boundingOffset",(function(){return d})),n.d(t,"isBodyOffset",(function(){return v})),n.d(t,"offsetParent",(function(){return h})),n.d(t,"offset",(function(){return m})),n.d(t,"parents",(function(){return g})),n.d(t,"parentScrollPosition",(function(){return w})),n.d(t,"position",(function(){return O})),n.d(t,"positionWithScroll",(function(){return C})),n.d(t,"removeScroll",(function(){return E})),n.d(t,"restrictToView",(function(){return P})),n.d(t,"scrollPosition",(function(){return y})),n.d(t,"siblingContainer",(function(){return R})),n.d(t,"siblings",(function(){return M})),n.d(t,"zIndex",(function(){return T})),n.d(t,"alignElement",(function(){return Y})),n.d(t,"domUtils",(function(){return W})),n.d(t,"utils",(function(){return j})),n.d(t,"positionElement",(function(){return V})),n.d(t,"getDocumentElement",(function(){return c})),n.d(t,"getWindow",(function(){return u})),n.d(t,"getWindowViewPort",(function(){return p})),n.d(t,"AlignPoint",(function(){return r})),n.d(t,"Collision",(function(){return k}));var r={bottom:"bottom",center:"center",middle:"middle",left:"left",right:"right",top:"top"},o=function(e){var t=e.anchorRect,n=e.anchorAlign,o=e.elementRect,i=e.elementAlign,l=e.margin;void 0===l&&(l={});var a=n.horizontal,u=n.vertical,c=i.horizontal,s=i.vertical,f=l.horizontal||0,p=l.vertical||0,d=t.top,h=t.left;return u===r.bottom&&(d+=t.height),u!==r.center&&u!==r.middle||(d+=Math.round(t.height/2)),s===r.bottom&&(d-=o.height,p*=-1),s!==r.center&&s!==r.middle||(d-=Math.round(o.height/2),p*=-1),a===r.right&&(h+=t.width),a!==r.center&&a!==r.middle||(h+=Math.round(t.width/2)),c===r.right&&(h-=o.width,f*=-1),c!==r.center&&c!==r.middle||(h-=Math.round(o.width/2),f*=-1),{top:d+p,left:h+f}};function i(e,t){return{top:e.top+t.y,left:e.left+t.x,height:e.height,width:e.width}}function l(e,t,n){var r=e.top,o=e.left;return n&&(o=0,r=0),{top:r+t.top,left:o+t.left,height:e.height,width:e.width}}function a(e){return e.ownerDocument||e.document||e}var u=function(e){return a(e).defaultView},c=function(e){return a(e).documentElement},s=0;function f(){if(!s&&"undefined"!=typeof document){var e=document.createElement("div");e.style.cssText="overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block",e.innerHTML="&nbsp;",document.body.appendChild(e),s=e.offsetWidth-e.scrollWidth,document.body.removeChild(e)}return s}function p(e){var t=u(e),n=c(e),r={height:t.innerHeight,width:t.innerWidth};return n.scrollHeight-n.clientHeight>0&&(r.width-=f()),r}var d=function(e){if(!e.getBoundingClientRect){var t=p(e);return{bottom:t.height,left:0,right:t.width,top:0}}var n=e.getBoundingClientRect();return{bottom:n.bottom,left:n.left,right:n.right,top:n.top}},h=function(e){for(var t=e.offsetParent;t&&"static"===t.style.position;)t=t.offsetParent;return t||c(e)},v=function(e){return h(e)===e.ownerDocument.body},m=function(e){var t=e.getBoundingClientRect(),n=t.left,r=t.top;return t.height||t.width||(t=function(e){var t=e.style,n=t.display,r=t.left,o=t.position;e.style.display="",e.style.left="-10000px",e.style.position="absolute";var i=e.getBoundingClientRect();return e.style.display=n,e.style.left=r,e.style.position=o,i}(e)),{top:r,left:n,height:t.height,width:t.width}},g=function(e,t){for(var n=[],r=e.parentNode;r&&(n.push(r),r!==t);)r=r.parentNode;return n};function y(e){var t=c(e),n=u(e);return{x:n.pageXOffset||t.scrollLeft||0,y:n.pageYOffset||t.scrollTop||0}}var b=function(e){return e===(e.ownerDocument||{}).body?y(e):{x:e.scrollLeft,y:e.scrollTop}};function w(e){var t=h(e);return t?b(t):{x:0,y:0}}var O=function(e,t){var n=u(e),r=n.getComputedStyle(e),o=m(e),i=t||h(e),l=e.ownerDocument,a=i!==l.body&&i!==l.documentElement,c={top:0,left:0};if("fixed"!==r.position&&a){var s=n.getComputedStyle(i);(c=m(i)).top+=parseInt(s.borderTopWidth,10),c.left+=parseInt(s.borderLeftWidth,10)}return{top:o.top-c.top,left:o.left-c.left,height:o.height,width:o.width}},C=function(e,t,n){void 0===n&&(n=1);var r=t?h(t):null,o=O(e,r),i=o.top,l=o.left,a=o.height,u=o.width,c=function(e,t){return e?b(e):w(t)}(r,e),s=c.x,f=c.y,p=e.ownerDocument,d=r===p.body||r===p.documentElement?1:n;return{top:i+f*d,left:l+s*d,height:a,width:u}};function E(e,t){return{top:e.top-t.y,left:e.left-t.x,height:e.height,width:e.width}}var k={fit:"fit",flip:"flip"},x=function(e,t,n){var r=0;return e+t>n&&(r=n-(e+t)),e<0&&(r=-e),r},D=function(e){var t=e.offset,n=e.size,o=e.anchorSize,i=e.viewPortSize,l=e.anchorAlignPoint,a=e.elementAlignPoint,u=e.margin,c=0,s=a===r.center||a===r.middle,f=l===r.center||l===r.middle,p=2*u;if(a!==l&&!s&&!f){var d=l===r.top||l===r.left;t<0&&d?t+(c=n+o+p)+n>i&&(c=0):t>=0&&!d&&(t+n>i&&(c+=-(o+n+p)),t+c<0&&(c=0))}return c},P=function(e){var t=e.anchorRect,n=e.anchorAlign,r=e.elementRect,o=e.elementAlign,i=e.collisions,l=e.viewPort,a=e.margin;void 0===a&&(a={});var u=r.top,c=r.left,s=r.height,f=r.width,p=l.height,d=l.width,h=a.horizontal||0,v=a.vertical||0,m=0,g=0,y=i.horizontal===k.flip,b=i.vertical===k.flip;i.vertical===k.fit&&(g+=x(u,s,p)),i.horizontal===k.fit&&(m+=x(c,f,d)),b&&(g+=D({margin:v,offset:u,size:s,anchorSize:t.height,viewPortSize:p,anchorAlignPoint:n.vertical,elementAlignPoint:o.vertical})),y&&(m+=D({margin:h,offset:c,size:f,anchorSize:t.width,viewPortSize:d,anchorAlignPoint:n.horizontal,elementAlignPoint:o.horizontal}));var w=y&&0!==m,O=b&&0!==g;return{flipped:w||O,flip:{horizontal:w,vertical:O},offset:{left:m,top:g}}},M=function(e){for(var t=[],n=e.parentNode.firstElementChild;n;)n!==e&&t.push(n),n=n.nextElementSibling;return t},R=function(e,t){for(var n,r,o=g(e),i=t;i&&(n=M(i),!(r=o.reduce((function(e,t){return e.concat(n.filter((function(e){return e===t})))}),[])[0]));)i=i.parentElement;return r};function T(e,t){if(!e||!t)return null;var n=R(e,t);if(!n)return null;var r=[e].concat(g(e,n)).reduce((function(e,t){var n=t.style.zIndex||window.getComputedStyle(t).zIndex,r=parseInt(n,10);return r>e?r:e}),0);return r?r+1:null}var S,_,A,L=(S=function(e){if(!N())return!1;var t=e?e.ownerDocument:document;if(!t||!t.body)return!1;var n=t.createElement("div");n.style.transform="matrix(10, 0, 0, 10, 0, 0)",n.innerHTML='<div style="position: fixed; top: 10px;">child</div>',t.body.appendChild(n);var r=10!==n.children[0].getBoundingClientRect().top;return t.body.removeChild(n),r},A=!1,function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return A||(_=S.apply(void 0,e),A=!0),_}),N=function(){return Boolean("undefined"!=typeof window&&window.document&&window.document.createElement)},j={eitherRect:function(e,t){return e||{height:0,left:t.left,top:t.top,width:0}},scaleRect:function(e,t){return e&&1!==t?{height:e.height/t,left:e.left/t,top:e.top/t,width:e.width/t}:e},removeStackingOffset:function(e,t){return t?{height:e.height,left:e.left-t.left,top:e.top-t.top,width:e.width}:e},hasRelativeStackingContext:L,canUseDOM:N},I=["font-size","font-family","font-stretch","font-style","font-weight","line-height"],z=function(){return j.canUseDOM()?window:null},U=/auto|scroll/,H=function(e){return function(e){return""+e.style.overflow+e.style.overflowX+e.style.overflowY}(e)||function(e){var t=window.getComputedStyle(e);return""+t.overflow+t.overflowX+t.overflowY}(e)},K=function(e){if(!e||!j.hasRelativeStackingContext())return null;for(var t=e.parentElement;t;){if("none"!==window.getComputedStyle(t).transform)return t;t=t.parentElement}return null},B=function(){return j.canUseDOM()&&parseFloat((document.documentElement.clientWidth/window.innerWidth).toFixed(2))||1},W={addOffset:function(e,t){return{left:e.left+t.left,top:e.top+t.top}},addScroll:i,align:o,boundingOffset:d,getFontStyles:function(e){var t=z();if(!t||!e)return[];var n=t.getComputedStyle(e);return I.map((function(e){return{key:e,value:n[e]}}))},getWindow:z,hasOffsetParent:function(e){return!!e&&Boolean(e.offsetParent)},offset:function(e){return e?m(e):null},offsetAtPoint:function(e,t){if(!e)return null;var n=e.style,r=n.left,o=n.top,i=n.transition;e.style.transition="none",e.style.left=t.left+"px",e.style.top=t.top+"px";var l=m(e);return e.style.left=r,e.style.top=o,e.offsetHeight,e.style.transition=i,l},position:function(e,t,n){return e&&t?C(e,t,n||1):null},removeScroll:E,restrictToView:P,scrollPosition:y,scrollableParents:function(e){var t=[];if(!j.canUseDOM())return t;for(var n=e.parentElement;n;)(U.test(H(n))||n.hasAttribute("data-scrollable"))&&t.push(n),n=n.parentElement;return t.push(window),t},getRelativeContextElement:K,stackingElementOffset:function(e){var t=K(e);return t?m(t):null},stackingElementScroll:function(e){var t=K(e);return t?{x:t.scrollLeft,y:t.scrollTop}:{x:0,y:0}},stackingElementViewPort:function(e){var t=K(e);return t?{height:t.scrollHeight,width:t.scrollWidth}:null},useRelativePosition:function(e){return Boolean(K(e))},windowViewPort:p,zoomLevel:B,isZoomed:function(){return B()>1},zIndex:function(e,t){if(!e||!j.canUseDOM())return null;var n=R(e,t);if(!n)return null;var r=[e].concat(g(e,n)).reduce((function(e,t){var n=t.style.zIndex||window.getComputedStyle(t).zIndex,r=parseInt(n,10);return r>e?r:e}),0);return r?r+1:null}},X=function(e,t){return e?{x:0,y:0}:W.scrollPosition(t)},Y=function(e){var t=e.anchor,n=e.element,r=e.anchorAlign,o=e.elementAlign,i=e.margin,l=e.offset,a=e.positionMode,u=e.scale||1,c="fixed"===a||!W.hasOffsetParent(n)?function(e,t,n,r){var o=X(e,t),i=j.eitherRect(W.offset(e),n),l=2*r,a=W.stackingElementScroll(t);1!==r&&a&&(a.x/=l,a.y/=l);var u=W.stackingElementOffset(t);return 1!==r&&u&&(u.left/=l,u.top/=l),W.removeScroll(W.addScroll(j.removeStackingOffset(j.scaleRect(i,r),u),a),o)}(t,n,l,u):function(e,t,n,r){var o=j.eitherRect(W.position(e,t,r),n);return j.scaleRect(o,r)}(t,n,l,u),s=j.scaleRect(W.offset(n),u);return W.align({anchorAlign:r,anchorRect:c,elementAlign:o,elementRect:s,margin:i})},V=function(e){var t=e.anchor,n=e.currentLocation,r=e.element,o=e.anchorAlign,i=e.elementAlign,l=e.collisions,a=e.margin,u=e.scale||1,c=W.offsetAtPoint(r,n),s=j.scaleRect(c,u),f=j.scaleRect(W.offset(t),u),p=j.eitherRect(f,n),d=e.viewPort||W.windowViewPort(r);d.width=d.width/u,d.height=d.height/u;var h=W.restrictToView({anchorAlign:o,anchorRect:p,collisions:l,elementAlign:i,elementRect:s,margin:a,viewPort:d}),v=W.addOffset(n,h.offset);return{flip:h.flip,flipped:h.flipped,offset:v}}}])}));

package/dist/es/Popup.d.ts

@@ -66,6 +66,12 @@ export declare class Popup extends React.Component<PopupProps, PopupState> {
             openDuration: PropTypes.Requireable<number>;
             closeDuration: PropTypes.Requireable<number>;
         }>>;
+        margin: PropTypes.Requireable<PropTypes.InferProps<{
+            horizontal: PropTypes.Requireable<number>;
+            vertical: PropTypes.Requireable<number>;
+        }>>;
+        positionMode: PropTypes.Requireable<string>;
+        scale: PropTypes.Requireable<number>;
     };
     /**
      * @hidden
@@ -89,14 +95,20 @@ export declare class Popup extends React.Component<PopupProps, PopupState> {
         };
         animate: boolean;
         show: boolean;
+        margin: {
+            horizontal: number;
+            vertical: number;
+        };
+        positionMode: string;
     };
+    /**
+     * @hidden
+     */
+    static contextType: React.Context<number>;
     /**
      * @hidden
      */
     readonly state: PopupState;
-    private _alignService;
-    private _positionService;
-    private _domService;
     private _flipped;
     private _scrollableParents;
     private _popup;
@@ -147,5 +159,6 @@ export declare class Popup extends React.Component<PopupProps, PopupState> {
     private attachRepositionHandlers;
     private detachRepositionHandlers;
     private reposition;
+    private getCurrentZIndex;
 }
 export {};

package/dist/es/Popup.js

@@ -26,13 +26,12 @@ import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import * as PropTypes from 'prop-types';
 import { slide } from './animation';
-import { classNames, canUseDOM } from '@progress/kendo-react-common';
-import { CollisionType, AlignPoint, throttle, FRAME_DURATION } from './util';
-import { AlignService } from './services/alignService';
-import { DOMService } from './services/domService';
-import { PositionService } from './services/positionService';
-import { validatePackage } from '@progress/kendo-react-common';
+import { classNames, canUseDOM, ZIndexContext, validatePackage } from '@progress/kendo-react-common';
+import { AlignPoint, alignElement, domUtils, positionElement } from '@progress/kendo-popup-common';
+import { CollisionType, throttle, FRAME_DURATION } from './util';
 import { packageMetadata } from './package-metadata';
+var DEFAULT_POPUP_ZINDEX = 100;
+var ZINDEX_POPUP_STEP = 1;
 function isEquivalent(a, b) {
     if (a === b) {
         return true;
@@ -88,36 +87,30 @@ var Popup = /** @class */ (function (_super) {
             _this.setState({ current: Status.shown, previous: _this.state.current });
         };
         _this.setPosition = function (popup) {
-            var _a = _this.props, anchorAlign = _a.anchorAlign, popupAlign = _a.popupAlign, collision = _a.collision, offset = _a.offset, anchor = _a.anchor;
-            var popupContent = popup.firstElementChild;
-            var _b = getComputedStyle(popupContent), contentWidth = _b.width, contentHeight = _b.height;
-            // The absolute position prevents appearing of a scrollbar which could move the anchor element and breaks the positioning.
-            popupContent.style.position = 'absolute';
-            // Width and height are required since absolute position breaks the element sizing.
-            popupContent.style.width = contentWidth;
-            popupContent.style.height = contentHeight;
-            var alignedOffset = _this._alignService.alignElement({
+            var _a = _this.props, anchorAlign = _a.anchorAlign, popupAlign = _a.popupAlign, collision = _a.collision, offset = _a.offset, anchor = _a.anchor, margin = _a.margin, scale = _a.scale, positionMode = _a.positionMode;
+            popup.style.top = '0px';
+            popup.style.left = '-10000px';
+            var alignedOffset = alignElement({
                 anchor: anchor,
-                element: popupContent,
+                element: popup,
                 elementAlign: popupAlign,
                 anchorAlign: anchorAlign,
-                offset: offset
+                offset: offset,
+                margin: margin,
+                positionMode: positionMode,
+                scale: scale
             });
-            var position = _this._positionService.positionElement({
+            var position = positionElement({
                 anchor: anchor,
                 anchorAlign: anchorAlign,
                 collisions: collision,
-                element: popupContent,
+                element: popup,
                 currentLocation: alignedOffset,
-                elementAlign: popupAlign
+                elementAlign: popupAlign,
+                margin: _this.props.margin
             });
-            if (position.offset) {
-                popup.style.top = position.offset.top + 'px';
-                popup.style.left = position.offset.left + 'px';
-                popupContent.style.position = '';
-                popupContent.style.width = '';
-                popupContent.style.height = '';
-            }
+            popup.style.top = position.offset.top + 'px';
+            popup.style.left = position.offset.left + 'px';
             _this._flipped = position.flipped;
         };
         _this.onOpened = function () {
@@ -150,10 +143,10 @@ var Popup = /** @class */ (function (_super) {
                 _this.props.onClose.call(undefined, { target: _this });
             }
         };
+        _this.getCurrentZIndex = function () {
+            return _this.context ? _this.context + ZINDEX_POPUP_STEP : DEFAULT_POPUP_ZINDEX;
+        };
         validatePackage(packageMetadata);
-        _this._domService = new DOMService();
-        _this._alignService = new AlignService(_this._domService);
-        _this._positionService = new PositionService(_this._domService);
         _this.reposition = throttle(_this.reposition.bind(_this), FRAME_DURATION);
         return _this;
     }
@@ -229,7 +222,7 @@ var Popup = /** @class */ (function (_super) {
      */
     Popup.prototype.render = function () {
         var _this = this;
-        var _a = this.props, children = _a.children, className = _a.className, popupClass = _a.popupClass, show = _a.show, id = _a.id;
+        var _a = this.props, children = _a.children, className = _a.className, popupClass = _a.popupClass, show = _a.show, id = _a.id, positionMode = _a.positionMode;
         var appendTo = this.props.appendTo ?
             this.props.appendTo :
             canUseDOM ?
@@ -238,12 +231,14 @@ var Popup = /** @class */ (function (_super) {
         if (this.state.current === Status.reposition && this.state.previous === Status.shown && this._popup) {
             this.setPosition(this._popup);
         }
-        var style = Object.assign({}, { position: 'absolute' }, this.props.style || {});
+        var style = Object.assign({}, { position: positionMode }, this.props.style || {});
         var closing = this.state.current === Status.hiding;
         if ((show || closing) && appendTo) {
-            var popup = (React.createElement("div", { className: classNames(ANIMATION_CONTAINER, ANIMATION_CONTAINER_RELATIVE, className), id: id, ref: function (e) { return _this._popup = e; }, style: style },
-                React.createElement("div", { className: classNames(popupClass, K_POPUP, ANIMATION_CONTAINER_CHILD), style: { transitionDelay: '0ms' } }, children)));
-            return ReactDOM.createPortal(popup, appendTo);
+            var currentZIndex = this.getCurrentZIndex();
+            var popupElement = (React.createElement(ZIndexContext.Provider, { value: currentZIndex },
+                React.createElement("div", { className: classNames(ANIMATION_CONTAINER, ANIMATION_CONTAINER_RELATIVE, className), id: id, ref: function (e) { return _this._popup = e; }, style: __assign({ zIndex: currentZIndex }, style) },
+                    React.createElement("div", { className: classNames(popupClass, K_POPUP, ANIMATION_CONTAINER_CHILD), style: { transitionDelay: '0ms' } }, children))));
+            return ReactDOM.createPortal(popupElement, appendTo);
         }
         return null;
     };
@@ -269,7 +264,7 @@ var Popup = /** @class */ (function (_super) {
     Popup.prototype.attachRepositionHandlers = function (element) {
         var _this = this;
         this.detachRepositionHandlers();
-        this._scrollableParents = this._domService.scrollableParents(this.props.anchor || element);
+        this._scrollableParents = domUtils.scrollableParents(this.props.anchor || element);
         this._scrollableParents.map(function (p) { return p.addEventListener('scroll', _this.reposition); });
         window.addEventListener('resize', this.reposition);
     };
@@ -354,7 +349,16 @@ var Popup = /** @class */ (function (_super) {
                 openDuration: PropTypes.number,
                 closeDuration: PropTypes.number
             })
-        ])
+        ]),
+        margin: PropTypes.shape({
+            horizontal: PropTypes.number,
+            vertical: PropTypes.number
+        }),
+        positionMode: PropTypes.oneOf([
+            'fixed',
+            'absolute'
+        ]),
+        scale: PropTypes.number
     };
     /**
      * @hidden
@@ -374,9 +378,17 @@ var Popup = /** @class */ (function (_super) {
         },
         offset: DEFAULT_OFFSET,
         animate: true,
-        // appendTo: document.body,
-        show: false
+        show: false,
+        margin: {
+            horizontal: 0,
+            vertical: 0
+        },
+        positionMode: 'absolute'
     };
+    /**
+     * @hidden
+     */
+    Popup.contextType = ZIndexContext;
     return Popup;
 }(React.Component));
 export { Popup };

package/dist/es/models/Align.d.ts

@@ -1,7 +1,8 @@
+import { AlignStrategy } from '@progress/kendo-popup-common';
 /**
  * Defines the horizontal and vertical aligning point of the Popup.
  */
-export interface Align {
+export interface Align extends AlignStrategy {
     /**
      * Defines the possible horizontal point values that are relative to the anchor or the Popup.
      *

package/dist/es/models/Margin.d.ts

@@ -0,0 +1,14 @@
+import { MarginSettings } from '@progress/kendo-popup-common';
+/**
+ * Defines the horizontal and the vertical margin offset of the component.
+ */
+export interface Margin extends MarginSettings {
+    /**
+     * Defines the possible horizontal margin value.
+     */
+    horizontal: number;
+    /**
+     * Defines the possible vertical margin value.
+     */
+    vertical: number;
+}

package/dist/es/models/Offset.d.ts

@@ -1,7 +1,8 @@
+import { OffsetPosition } from '@progress/kendo-popup-common';
 /**
  * The offset position of the Popup.
  */
-export interface Offset {
+export interface Offset extends OffsetPosition {
     /**
      * Defines the top position of the Popup.
      */