@progress/kendo-react-popup 6.1.1 → 7.0.0-develop.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.md +1 -1
- package/{dist/npm/Popup.d.ts → Popup.d.ts} +5 -1
- package/{dist/npm/PopupWithoutContext.d.ts → PopupWithoutContext.d.ts} +5 -1
- package/animation.d.ts +8 -0
- package/dist/cdn/js/kendo-react-popup.js +5 -1
- package/index.d.ts +16 -0
- package/index.js +5 -0
- package/index.mjs +372 -0
- package/{dist/npm/models → models}/Align.d.ts +4 -0
- package/{dist/npm/models → models}/Collision.d.ts +4 -0
- package/{dist/npm/models → models}/CollisionType.d.ts +5 -1
- package/{dist/es/models → models}/Events.d.ts +4 -0
- package/{dist/npm/models → models}/Margin.d.ts +4 -0
- package/models/Offset.d.ts +18 -0
- package/models/PopupAnimation.d.ts +17 -0
- package/{dist/es/models → models}/PopupProps.d.ts +4 -1
- package/models/PositionMode.d.ts +9 -0
- package/package-metadata.d.ts +9 -0
- package/package.json +27 -27
- package/{dist/npm/util.d.ts → util.d.ts} +4 -0
- package/about.md +0 -3
- package/dist/es/Popup.d.ts +0 -27
- package/dist/es/Popup.js +0 -34
- package/dist/es/PopupWithoutContext.d.ts +0 -183
- package/dist/es/PopupWithoutContext.js +0 -485
- package/dist/es/animation.d.ts +0 -4
- package/dist/es/animation.js +0 -59
- package/dist/es/main.d.ts +0 -12
- package/dist/es/main.js +0 -3
- package/dist/es/models/Align.d.ts +0 -24
- package/dist/es/models/Align.js +0 -1
- package/dist/es/models/Collision.d.ts +0 -14
- package/dist/es/models/Collision.js +0 -1
- package/dist/es/models/CollisionType.d.ts +0 -10
- package/dist/es/models/CollisionType.js +0 -1
- package/dist/es/models/Events.js +0 -1
- package/dist/es/models/Margin.d.ts +0 -14
- package/dist/es/models/Margin.js +0 -1
- package/dist/es/models/Offset.d.ts +0 -14
- package/dist/es/models/Offset.js +0 -1
- package/dist/es/models/PopupAnimation.d.ts +0 -13
- package/dist/es/models/PopupAnimation.js +0 -1
- package/dist/es/models/PopupProps.js +0 -1
- package/dist/es/models/PopupSettings.d.ts +0 -87
- package/dist/es/models/PopupSettings.js +0 -2
- package/dist/es/models/PositionMode.d.ts +0 -5
- package/dist/es/models/PositionMode.js +0 -1
- package/dist/es/package-metadata.d.ts +0 -5
- package/dist/es/package-metadata.js +0 -11
- package/dist/es/util.d.ts +0 -17
- package/dist/es/util.js +0 -58
- package/dist/npm/Popup.js +0 -37
- package/dist/npm/PopupWithoutContext.js +0 -488
- package/dist/npm/animation.d.ts +0 -4
- package/dist/npm/animation.js +0 -63
- package/dist/npm/main.d.ts +0 -12
- package/dist/npm/main.js +0 -8
- package/dist/npm/models/Align.js +0 -2
- package/dist/npm/models/Collision.js +0 -2
- package/dist/npm/models/CollisionType.js +0 -2
- package/dist/npm/models/Events.d.ts +0 -36
- package/dist/npm/models/Events.js +0 -2
- package/dist/npm/models/Margin.js +0 -2
- package/dist/npm/models/Offset.d.ts +0 -14
- package/dist/npm/models/Offset.js +0 -2
- package/dist/npm/models/PopupAnimation.d.ts +0 -13
- package/dist/npm/models/PopupAnimation.js +0 -2
- package/dist/npm/models/PopupProps.d.ts +0 -116
- package/dist/npm/models/PopupProps.js +0 -2
- package/dist/npm/models/PopupSettings.d.ts +0 -87
- package/dist/npm/models/PopupSettings.js +0 -3
- package/dist/npm/models/PositionMode.d.ts +0 -5
- package/dist/npm/models/PositionMode.js +0 -2
- package/dist/npm/package-metadata.d.ts +0 -5
- package/dist/npm/package-metadata.js +0 -14
- package/dist/npm/util.js +0 -64
- package/dist/systemjs/kendo-react-popup.js +0 -1
- package/e2e-legacy/basics.tests.ts +0 -164
- package/e2e-next/basic.tests.ts +0 -26
package/LICENSE.md
CHANGED
|
@@ -8,4 +8,4 @@ This is commercial software. To use it, you need to agree to the [**End User Lic
|
|
|
8
8
|
|
|
9
9
|
All available KendoReact commercial licenses may be obtained at the [KendoReact website](https://www.telerik.com/kendo-react-ui/pricing).
|
|
10
10
|
|
|
11
|
-
*Copyright ©
|
|
11
|
+
*Copyright © 2023 Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved.*
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
1
5
|
import * as React from 'react';
|
|
2
6
|
import { PopupWithoutContext } from './PopupWithoutContext';
|
|
3
7
|
import { PopupProps } from './models/PopupProps';
|
|
@@ -24,4 +28,4 @@ export interface PopupHandle extends Pick<PopupWithoutContext, keyof PopupWithou
|
|
|
24
28
|
*/
|
|
25
29
|
export declare const Popup: React.ForwardRefExoticComponent<PopupProps & React.RefAttributes<unknown>>;
|
|
26
30
|
/** @hidden */
|
|
27
|
-
export
|
|
31
|
+
export type Popup = PopupHandle;
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
1
5
|
import * as React from 'react';
|
|
2
6
|
import * as PropTypes from 'prop-types';
|
|
3
7
|
import { ZIndexContext } from '@progress/kendo-react-common';
|
|
@@ -167,7 +171,7 @@ export declare class PopupWithoutContext extends React.Component<PopupProps, Pop
|
|
|
167
171
|
/**
|
|
168
172
|
* @hidden
|
|
169
173
|
*/
|
|
170
|
-
render(): JSX.Element | null;
|
|
174
|
+
render(): import("react/jsx-runtime").JSX.Element | null;
|
|
171
175
|
private show;
|
|
172
176
|
private setPosition;
|
|
173
177
|
private onOpened;
|
package/animation.d.ts
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
/**
|
|
6
|
+
* @hidden
|
|
7
|
+
*/
|
|
8
|
+
export declare const slide: (element: HTMLElement, direction: 'up' | 'down' | 'left' | 'right', duration: number, type: 'enter' | 'exit', callback: Function) => any;
|
|
@@ -1 +1,5 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("react-dom"),require("prop-types"),require("@progress/kendo-licensing")):"function"==typeof define&&define.amd?define(["react","react-dom","prop-types","@progress/kendo-licensing"],t):"object"==typeof exports?exports.KendoReactPopup=t(require("react"),require("react-dom"),require("prop-types"),require("@progress/kendo-licensing")):e.KendoReactPopup=t(e.React,e.ReactDOM,e.PropTypes,e.KendoLicensing)}(self,(function(e,t,n,r){return(()=>{"use strict";var o={980:function(e,t,n){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},r.apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.Popup=t.PopupPropsContext=void 0;var o=n(899),i=n(763);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.PopupWithoutContext,r({ref:n},l))})),t.Popup.displayName="Popup"},763:function(e,t,n){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)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");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},i.apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.PopupWithoutContext=void 0;var l=n(899),a=n(994),c=n(189),u=n(187),s=n(216),f=n(78),p=n(169),d=n(363);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,g={left:-1e3,top:0};!function(e){e.hiding="hiding",e.hidden="hidden",e.showing="showing",e.shown="shown",e.reposition="reposition"}(v||(v={}));var m="k-animation-container-shown",y=function(e){function t(t){var n=e.call(this,t)||this;return n.context=0,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,c=t.margin,u=t.scale,s=t.positionMode,p=e.style,d=p.width,h=p.height;e.style.width=e.offsetWidth+"px",e.style.height=e.offsetHeight+"px";var v=(0,f.alignElement)({anchor:a,anchorAlign:r,element:e,elementAlign:o,offset:l,margin:c,positionMode:s,scale:u}),g=(0,f.positionElement)({anchor:a,anchorAlign:r,element:e,elementAlign:o,collisions:i,currentLocation:v,margin:n.props.margin});if(e.style.top=g.offset.top+"px",e.style.left=g.offset.left+"px",e.style.width=d,e.style.height=h,n._collisions={fit:g.fit,fitted:g.fitted,flip:g.flip,flipped:g.flipped},n.props.onPosition){var m={target:n,flipped:g.flipped,fitted:g.fitted};n.props.onPosition.call(void 0,m)}},n.onOpened=function(){var e=n._popup;e&&(n.props.show&&e.classList.add(m),n.attachRepositionHandlers(e),n.props.onOpen&&n.props.onOpen.call(void 0,{target:n}))},n.animate=function(e,t,r){if(n.props.popupAlign){var o,i=n.props.popupAlign,l=i.horizontal,a=i.vertical;o="left"===l&&"center"===a?"right":"right"===l&&"center"===a?"left":"top"===a?"down":"up",n._collisions&&n._collisions.flipped&&(o={down:"up",up:"down",left:"right",right:"left"}[o]),(0,u.slide)(e,o,n.animationDuration[t],t,r)}},n.onClosing=function(e){n.props.show||e.classList.remove(m),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},(0,s.validatePackage)(d.packageMetadata),n.reposition=(0,p.throttle)(n.reposition.bind(n),p.FRAME_DURATION),n}return o(t,e),Object.defineProperty(t.prototype,"element",{get:function(){return this._popup},enumerable:!1,configurable:!0}),t.getDerivedStateFromProps=function(e,t){var n=e.show,r=e.anchor,o=e.anchorAlign,l=e.appendTo,a=e.collision,c=e.popupAlign,u=e.className,s=e.popupClass,f=e.style,p=e.offset,d=e.contentKey,g=i(i({},t),{props:{show:n,anchor:r,anchorAlign:o,appendTo:l,collision:a,popupAlign:c,className:u,popupClass:s,style:f,offset:p,contentKey:d}});return e.show?t.current===v.hidden||t.current===v.hiding?i(i({},g),{current:v.showing,previous:t.current}):t.current===v.showing?i(i({},g),{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(c,t.props.popupAlign)&&h(f,t.props.style)&&r===t.props.anchor&&s===t.props.popupClass&&u===t.props.className?g:i(i({},g),{current:v.reposition,previous:t.current}):t.current===v.hiding||t.current===v.hidden?i(i({},g),{current:v.hidden,previous:t.current}):i(i({},g),{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,c=t.show,u=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,top:0,left:-1e4},this.props.style||{}),h=this.state.current===v.hiding;if((c||h)&&p){var g=this.getCurrentZIndex(),m=l.createElement(s.ZIndexContext.Provider,{value:g},l.createElement("div",{className:(0,s.classNames)("k-animation-container",r),id:u,ref:function(t){return e._popup=t},style:i({zIndex:g},d)},l.createElement("div",{className:(0,s.classNames)("k-child-animation-container"),style:{transitionDelay:"0ms"}},l.createElement("div",{role:this.props.role,className:(0,s.classNames)("k-popup",o)},n))));return null!==this.props.appendTo?a.createPortal(m,p):m}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:!1,configurable:!0}),t.prototype.attachRepositionHandlers=function(e){var t=this;this.detachRepositionHandlers(),this._scrollableParents=f.domUtils.scrollableParents(this.props.anchor||e),this._scrollableParents&&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:c.oneOfType([c.string,c.arrayOf(c.string),c.object]),id:c.string,popupClass:c.oneOfType([c.string,c.arrayOf(c.string),c.object]),collision:c.shape({horizontal:c.oneOf([f.Collision.fit,f.Collision.flip,f.Collision.none]),vertical:c.oneOf([f.Collision.fit,f.Collision.flip,f.Collision.none])}),anchorAlign:c.shape({horizontal:c.oneOf([f.AlignPoint.left,f.AlignPoint.center,f.AlignPoint.right]),vertical:c.oneOf([f.AlignPoint.top,f.AlignPoint.center,f.AlignPoint.bottom])}),popupAlign:c.shape({horizontal:c.oneOf([f.AlignPoint.left,f.AlignPoint.center,f.AlignPoint.right]),vertical:c.oneOf([f.AlignPoint.top,f.AlignPoint.center,f.AlignPoint.bottom])}),offset:c.shape({left:c.number,top:c.number}),children:c.oneOfType([c.element,c.node]),show:c.bool,animate:c.oneOfType([c.bool,c.shape({openDuration:c.number,closeDuration:c.number})]),margin:c.shape({horizontal:c.number,vertical:c.number}),positionMode:c.oneOf(["fixed","absolute"]),scale:c.number,style:c.object,onClose:c.func,onPosition:c.func,onOpen:c.func},t.defaultProps={collision:{horizontal:f.Collision.fit,vertical:f.Collision.flip},anchorAlign:{horizontal:f.AlignPoint.left,vertical:f.AlignPoint.bottom},popupAlign:{horizontal:f.AlignPoint.left,vertical:f.AlignPoint.top},offset:g,animate:!0,show:!1,margin:{horizontal:0,vertical:0},positionMode:"absolute"},t.contextType=s.ZIndexContext,t.displayName="PopupComponent",t}(l.Component);t.PopupWithoutContext=y},187:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.slide=void 0;var n=function(e){e.style.transitionDuration="",Array.from(e.classList).forEach((function(t){t.startsWith("k-slide-")&&e.classList.remove(t)}))},r="undefined"!=typeof window&&/Firefox/.test(window.navigator.userAgent);t.slide=function(e,t,o,i,l){if(0===o)return l();var a="k-slide-"+t+"-"+i,c=a+"-active",u=function(t){t.target===e&&(e.removeEventListener("transitionend",u),n(e),e.style.display="exit"===i?"none":"",l())};e.addEventListener("transitionend",u);var s=e.ownerDocument;if(s){var f=s.defaultView;if(f){var p=function(){n(e),e.classList.add(a),f.requestAnimationFrame((function(){e.style.transitionDuration=o+"ms",e.classList.add(c)}))};r?f.requestAnimationFrame(p):p()}}}},363:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata=void 0,t.packageMetadata={name:"@progress/kendo-react-popup",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1700063458,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"}},169:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.throttle=t.FRAME_DURATION=t.hasBoundingRect=t.isDifferentOffset=void 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.throttle=function(e,t,n){var r,o,i,l;void 0===n&&(n={});var a=0;n=n||{};var c=function(){a=!1===n.leading?0:(new Date).getTime(),r=void 0,l=e.apply(o,i),r||(o=i=null)};return function(){var u=(new Date).getTime();a||!1!==n.leading||(a=u);var s=t-(u-a);return o=void 0,i=arguments,s<=0||s>t?(r&&(clearTimeout(r),r=void 0),a=u,l=e.apply(o,i),r||(o=i=null)):r||!1===n.trailing||(r=window.setTimeout(c,s)),l}}},78:(e,t,n)=>{n.r(t),n.d(t,{AlignPoint:()=>r,Collision:()=>O,addScroll:()=>i,align:()=>o,alignElement:()=>_,applyLocationOffset:()=>l,boundingOffset:()=>d,domUtils:()=>Q,getDocumentElement:()=>u,getWindow:()=>c,getWindowViewPort:()=>p,isBodyOffset:()=>v,offset:()=>g,offsetParent:()=>h,parentScrollPosition:()=>C,parents:()=>m,position:()=>x,positionElement:()=>K,positionWithScroll:()=>E,removeScroll:()=>w,restrictToView:()=>k,scrollPosition:()=>y,siblingContainer:()=>I,siblings:()=>D,utils:()=>j,zIndex:()=>R});const 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,c=n.vertical,u=i.horizontal,s=i.vertical,f=l.horizontal||0,p=l.vertical||0,d=t.top,h=t.left;return c===r.bottom&&(d+=t.height),c!==r.center&&c!==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)),u===r.right&&(h-=o.width,f*=-1),u!==r.center&&u!==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}const c=function(e){return a(e).defaultView},u=function(e){return a(e).documentElement};var 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=" ",document.body.appendChild(e),s=e.offsetWidth-e.scrollWidth,document.body.removeChild(e)}return s}function p(e){var t=c(e),n=u(e),r={height:t.innerHeight,width:t.innerWidth};return n.scrollHeight-n.clientHeight>0&&(r.width-=f()),r}const 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||u(e)},v=function(e){return h(e)===e.ownerDocument.body},g=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}};function m(e,t){for(var n=[],r=e.parentNode;r&&(n.push(r),r!==t);)r=r.parentNode;return n}function y(e){var t=u(e),n=c(e);return{x:n.pageXOffset||t.scrollLeft||0,y:n.pageYOffset||t.scrollTop||0}}function b(e){return e===(e.ownerDocument||{}).body?y(e):{x:e.scrollLeft,y:e.scrollTop}}function C(e){var t=h(e);return t?b(t):{x:0,y:0}}const x=function(e,t){var n=c(e),r=n.getComputedStyle(e),o=g(e),i=t||h(e),l=e.ownerDocument,a=i!==l.body&&i!==l.documentElement,u={top:0,left:0};if("fixed"!==r.position&&a){var s=n.getComputedStyle(i);(u=g(i)).top+=parseInt(s.borderTopWidth,10),u.left+=parseInt(s.borderLeftWidth,10)}return{top:o.top-u.top,left:o.left-u.left,height:o.height,width:o.width}};function E(e,t,n){void 0===n&&(n=1);var r=t?h(t):null,o=x(e,r),i=o.top,l=o.left,a=o.height,c=o.width,u=function(e,t){return e?b(e):C(t)}(r,e),s=u.x,f=u.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:c}}function w(e,t){return{top:e.top-t.y,left:e.left-t.x,height:e.height,width:e.width}}const O={fit:"fit",flip:"flip",none:"none"};var P=function(e,t,n){var r=0;return e+t>n&&(r=n-(e+t)),e<0&&(r=-e),r},A=function(e){var t=e.offset,n=e.size,o=e.anchorSize,i=e.viewPortSize,l=e.anchorAlignPoint,a=e.elementAlignPoint,c=e.margin,u=0,s=a===r.center||a===r.middle,f=l===r.center||l===r.middle,p=2*c;if(a!==l&&!s&&!f){var d=l===r.top||l===r.left;t<0&&d?t+(u=n+o+p)+n>i&&(u=0):t>=0&&!d&&(t+n>i&&(u+=-(o+n+p)),t+u<0&&(u=0))}return u};const k=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 c=r.top,u=r.left,s=r.height,f=r.width,p=l.height,d=l.width,h=a.horizontal||0,v=a.vertical||0,g=0,m=0,y=i.vertical===O.fit,b=i.horizontal===O.fit,C=i.vertical===O.flip,x=i.horizontal===O.flip;y&&(m+=P(c,s,p)),b&&(g+=P(u,f,d)),C&&(m+=A({margin:v,offset:c,size:s,anchorSize:t.height,viewPortSize:p,anchorAlignPoint:n.vertical,elementAlignPoint:o.vertical})),x&&(g+=A({margin:h,offset:u,size:f,anchorSize:t.width,viewPortSize:d,anchorAlignPoint:n.horizontal,elementAlignPoint:o.horizontal}));var E=C&&0!==m,w=x&&0!==g,k=y&&0!==m,D=b&&0!==g;return{flipped:w||E,fitted:k||D,flip:{horizontal:w,vertical:E},fit:{horizontal:D,vertical:k},offset:{left:g,top:m}}};function D(e){for(var t=[],n=e.parentNode.firstElementChild;n;)n!==e&&t.push(n),n=n.nextElementSibling;return t}function I(e,t){for(var n,r,o=m(e),i=t;i&&(n=D(i),!(r=o.reduce((function(e,t){return e.concat(n.filter((function(e){return e===t})))}),[])[0]));)i=i.parentElement;return r}function R(e,t){if(!e||!t)return null;var n=I(e,t);if(!n)return null;var r=[e].concat(m(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 T,M,N,S=(T=function(e){if(!L())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},N=!1,function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return N||(M=T.apply(void 0,e),N=!0),M}),L=function(){return Boolean("undefined"!=typeof window&&window.document&&window.document.createElement)};const 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:S,canUseDOM:L};var H=["font-size","font-family","font-stretch","font-style","font-weight","line-height"],B=function(){return j.canUseDOM()?window:null},z=/auto|scroll/,F=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)},X=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},Y=function(){return j.canUseDOM()&&parseFloat((document.documentElement.clientWidth/window.innerWidth).toFixed(2))||1},U={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=B();if(!t||!e)return[];var n=t.getComputedStyle(e);return H.map((function(e){return{key:e,value:n[e]}}))},getWindow:B,hasOffsetParent:function(e){return!!e&&Boolean(e.offsetParent)},offset:function(e){return e?g(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=g(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?E(e,t,n||1):null},removeScroll:w,restrictToView:k,scrollPosition:y,scrollableParents:function(e){var t=[];if(!j.canUseDOM())return t;for(var n=e.parentElement;n;)(z.test(F(n))||n.hasAttribute("data-scrollable"))&&t.push(n),n=n.parentElement;return t.push(window),t},getRelativeContextElement:X,stackingElementOffset:function(e){var t=X(e);return t?g(t):null},stackingElementScroll:function(e){var t=X(e);return t?{x:t.scrollLeft,y:t.scrollTop}:{x:0,y:0}},stackingElementViewPort:function(e){var t=X(e);return t?{height:t.scrollHeight,width:t.scrollWidth}:null},useRelativePosition:function(e){return Boolean(X(e))},windowViewPort:p,zoomLevel:Y,isZoomed:function(){return Y()>1},zIndex:function(e,t){if(!e||!j.canUseDOM())return null;var n=I(e,t);if(!n)return null;var r=[e].concat(m(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}};const Q=U;const _=function(e){var t=e.anchor,n=e.element,r=e.anchorAlign,o=e.elementAlign,i=e.margin,l=e.offset,a=e.positionMode,c=e.scale||1,u="fixed"!==a&&Q.hasOffsetParent(n)?function(e,t,n,r){var o=j.eitherRect(Q.position(e,t,r),n);return j.scaleRect(o,r)}(t,n,l,c):function(e,t,n,r){var o=function(e,t){return e?{x:0,y:0}:Q.scrollPosition(t)}(e,t),i=j.eitherRect(Q.offset(e),n),l=2*r,a=Q.stackingElementScroll(t);1!==r&&a&&(a.x/=l,a.y/=l);var c=Q.stackingElementOffset(t);return 1!==r&&c&&(c.left/=l,c.top/=l),Q.removeScroll(Q.addScroll(j.removeStackingOffset(j.scaleRect(i,r),c),a),o)}(t,n,l,c),s=j.scaleRect(Q.offset(n),c);return Q.align({anchorAlign:r,anchorRect:u,elementAlign:o,elementRect:s,margin:i})},K=function(e){var t=e.anchor,n=e.currentLocation,r=e.element,o=e.anchorAlign,i=e.elementAlign,l=e.collisions,a=e.margin,c=e.scale||1,u=Q.offsetAtPoint(r,n),s=j.scaleRect(u,c),f=j.scaleRect(Q.offset(t),c),p=j.eitherRect(f,n),d=e.viewPort||Q.windowViewPort(r);d.width=d.width/c,d.height=d.height/c;var h=Q.restrictToView({anchorAlign:o,anchorRect:p,collisions:l,elementAlign:i,elementRect:s,margin:a,viewPort:d}),v=Q.addOffset(n,h.offset);return{flip:h.flip,flipped:h.flipped,fit:h.fit,fitted:h.fitted,offset:v}}},216:(e,t,n)=>{n.r(t),n.d(t,{AsyncFocusBlur:()=>q,BrowserSupportService:()=>c,COLLECTION_ACTION:()=>ie,DragAndDrop:()=>Ye,Draggable:()=>tt,Droppable:()=>rt,FOCUSABLE_ELEMENTS:()=>at,FormComponent:()=>y,Icon:()=>me,IconWrap:()=>Oe,IconsContext:()=>Ee,Keys:()=>P,Navigation:()=>ct,SortedPublicItemIds:()=>ht,SvgIcon:()=>Ce,TreeFieldsService:()=>dt,Typography:()=>Le,WatermarkOverlay:()=>W,ZIndexContext:()=>i,addItem:()=>Xt,areAllDirectChildrenChecked:()=>Bt,canUseDOM:()=>u,canUseRef:()=>s,classNames:()=>f,clone:()=>d,cloneArray:()=>g,cloneDate:()=>p,cloneObject:()=>h,cloneValue:()=>v,createPropsContext:()=>te,dispatchEvent:()=>V,extendDataItem:()=>B,focusFirstFocusableChild:()=>m,getActiveElement:()=>st,getAllDirectIndirectChildrenIds:()=>Ht,getAllParents:()=>zt,getInnerActiveElement:()=>ut,getItemPath:()=>z,getNestedValue:()=>ft,getScrollbarWidth:()=>k,getTabIndex:()=>b,getter:()=>w,guid:()=>O,hasChildren:()=>Tt,hasRelativeStackingContext:()=>Q,isArray:()=>pt,isEnabledAndAllParentsEnabled:()=>jt,isItemExpandedAndWithChildren:()=>Mt,kendoThemeMaps:()=>ot,mapTree:()=>j,mapTreeItem:()=>H,memoizeOne:()=>lt,noop:()=>A,removeItem:()=>Ft,resolveItemId:()=>Nt,resolveItemsIds:()=>St,setScrollbarWidth:()=>D,setter:()=>T,shouldShowValidationUI:()=>U,svgIconPropType:()=>ve,toIconClass:()=>he,toIconName:()=>de,treeIdUtils:()=>r,updateItem:()=>Lt,useAsyncFocusBlur:()=>G,useCollection:()=>ce,useCustomComponent:()=>ae,useDir:()=>re,useDocument:()=>ue,useDraggable:()=>et,useDroppable:()=>nt,useMouse:()=>le,usePropsContext:()=>$,useRtl:()=>oe,useWindow:()=>se,useZIndexContext:()=>l,validatePackage:()=>Y,withPropsContext:()=>ne});var r={};n.r(r),n.d(r,{EMPTY_ID:()=>vt,SEPARATOR:()=>mt,ZERO_LEVEL_ZERO_NODE_ID:()=>gt,createId:()=>Et,getAllShortIds:()=>At,getDecrementedItemIdAfterRemoval:()=>It,getDirectParentId:()=>wt,getFirstChildId:()=>xt,getIdWithoutRootParentId:()=>Ct,getItemById:()=>yt,getRootParentId:()=>bt,getShortId:()=>kt,isIdEmptyOrZeroLevel:()=>Ot,isIdZeroLevel:()=>Pt,isItemFirstFromSiblings:()=>Dt});var o=n(899),i=o.createContext(0),l=function(){return o.useContext(i)};i.displayName="KendoReactZIndexContext";var a=function(){return"undefined"!=typeof document?document:{}},c=function(){function e(){this.scrollbar=0}return Object.defineProperty(e.prototype,"scrollbarWidth",{get:function(){var e=a();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=" ",e.body.appendChild(t),this.scrollbar=t.offsetWidth-t.scrollWidth,e.body.removeChild(t)}return this.scrollbar},enumerable:!1,configurable:!0}),e}(),u=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement),s=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))},f=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n={},r=function(e){return e.filter((function(e){return!0!==e&&!!e})).map((function(e){return Array.isArray(e)?r(e):function(e){return"object"==typeof e?Object.keys(e).forEach((function(t){n[t]=e[t]})):n[e]=!0}(e)}))};return r(e),Object.keys(n).map((function(e){return n[e]&&e||null})).filter((function(e){return null!==e})).join(" ")},p=function(e){return e?new Date(e.getTime()):null};function d(e){var t={};return h(e,t),t}function h(e,t){for(var n in e)if(e.hasOwnProperty(n)){var r=e[n];t[n]=v(r,t[n])}}function v(e,t){if(Array.isArray(e))return g(e);if(e instanceof Date)return p(e);if(o.isValidElement(e))return o.cloneElement(e,e.props);if(e&&"object"==typeof e){var n=t||{};return h(e,n),n}return e}function g(e){return e.map((function(e){return v(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()}},y=function(){},b=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},C=/\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g;function x(e){var t=[];return e.replace(C,(function(e,n,r,o){t.push(void 0!==n?n:r||o)})),t}var E={};function w(e){if(E[e])return E[e];var t=x(e);return E[e]=function(e){for(var n=e,r=0;r<t.length&&n;r++)n=n[t[r]];return n},E[e]}E.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},P={backspace:8,tab:9,enter:13,shift:16,esc:27,space:32,pageUp:33,pageDown:34,end:35,home:36,left:37,up:38,right:39,down:40,delete:46},A=function(){},k=function(){return!(!u||!document.body)&&(new c).scrollbarWidth},D=function(){if(!u||!document.body)return!1;var e=(new c).scrollbarWidth;document.body.style.setProperty("--kendo-scrollbar-width","".concat(e,"px"))},I={undefined:function(e){return e}},R=function(e,t){return t&&t.arrays&&!isNaN(Number(e))?[]:{}};function T(e){if(I[e])return I[e];var t=x(e);return I[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},I[e]}var M=function(){return M=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},M.apply(this,arguments)},N=function(e,t,n){if(n||2===arguments.length)for(var r,o=0,i=t.length;o<i;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))};function S(e,t,n){var r;return n?M(M({},e),((r={})[t]=n.length?N([],n,!0):void 0,r)):e&&e[t]?N([],e[t],!0):[]}function L(e,t,n){if(e[t]){var r=S(e,t).map((function(e){return L(e,t,n)}));return n(S(e,t,r))}return n(e)}var j=function(e,t,n){return N([],e.map((function(e){return L(e,t,n)})),!0)},H=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,c=t[t.length-1],u=r(a[c]);a.splice(c,1,u)},B=function(e,t,n){var r;return Object.assign({},e,e[t]?((r={})[t]=e[t].slice(),r):{},n||{})},z=function(e,t,n){var r=[],o=N([],t,!0);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},F=n(302),X=["telerik.com","progress.com","stackblitz.io","csb.app"];function Y(e){if(void 0!==F)F.validatePackage(e);else{var t="License activation failed for ".concat(e.name,"\n");t+="The @progress/kendo-licensing script is not loaded.\n",t+="See ".concat(e.licensingDocsUrl," for more information.\n"),console.warn(t)}}function U(e){return!X.some((function(e){var t;return null===(t=globalThis.document)||void 0===t?void 0:t.location.hostname.endsWith(e)}))&&!(null==F?void 0:F.validatePackage(e))}var Q=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)";var r=t.createElement("div");r.appendChild(t.createTextNode("child")),r.style.position="fixed",r.style.top="10px",n.appendChild(r),t.body.appendChild(n);var o=10!==r.getBoundingClientRect().top;return t.body.removeChild(n),o},_=n(994),K=!1,W=function(){var e=o.useState(!0),t=e[0],n=e[1],r=o.useState(!1),i=r[0],l=r[1];o.useEffect((function(){K||(l(!0),K=!0)}),[]);var a=o.createElement(o.Fragment,null,t&&o.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",position:"fixed",top:"16px",right:"16px",padding:"12px",borderRadius:"4px",boxShadow:"0px 4px 5px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.03)",fontSize:"14px",fontWeight:400,lineHeight:"20px",backgroundColor:"#FFC000",color:"#1E1E1E",zIndex:999}},o.createElement("span",{style:{display:"flex",alignSelf:"center",marginRight:"8px"}},o.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 1L0 15H16L8 1ZM7 6V11H9V6H7ZM7 14V12H9V14H7Z",fill:"#1E1E1E"}))),o.createElement("span",null,"No valid license found for KendoReact. Learn how to activate your license."),o.createElement("div",{style:{display:"flex",alignItems:"center",marginLeft:"24px"}},o.createElement("a",{href:"https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-banner",style:{marginRight:"8px",display:"flex"}},o.createElement("button",{title:"Learn More",style:{display:"inline-flex",position:"relative",border:"none",borderRadius:"4px",padding:"5px",backgroundColor:"transparent",transition:"color 0.2s ease-in-out",outline:"none",cursor:"pointer"}},o.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},o.createElement("path",{d:"M15 8C15 11.8656 11.8656 15 8 15C4.13437 15 1 11.8656 1 8C1 4.13437 4.13437 1 8 1C11.8656 1 15 4.13437 15 8ZM14 8C14 4.6875 11.3125 2 8 2C4.6875 2 2 4.6875 2 8C2 11.3125 4.6875 14 8 14C11.3125 14 14 11.3125 14 8ZM11 6C11 7.4125 10.2687 8.05937 9.73125 8.53125C9.25937 8.94688 9 9.17813 9 10H7C7 8.275 7.84688 7.525 8.40938 7.03125C8.84062 6.65312 9 6.50938 9 6C9 5.45 8.55 5 8 5C7.45 5 7 5.45 7 6H5C5 4.34375 6.34375 3 8 3C9.65625 3 11 4.34375 11 6ZM9 13V11H7V13H9Z",fill:"#1E1E1E"})))),o.createElement("button",{title:"Close",style:{display:"inline-flex",position:"relative",border:"none",borderRadius:"4px",padding:"5px",backgroundColor:"transparent",transition:"color 0.2s ease-in-out",outline:"none",cursor:"pointer"},onClick:function(){n(!1)}},o.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},o.createElement("path",{d:"M13 4.41562L9.41563 8L13 11.5844L11.5844 13L8 9.41563L4.41562 13L3 11.5844L6.58437 8L3 4.41562L4.41562 3L8 6.58437L11.5844 3L13 4.41562Z",fill:"#1E1E1E"}))))));return o.createElement(o.Fragment,null,o.createElement("div",{style:{position:"absolute",width:"100%",height:"100%",top:0,left:0,right:0,bottom:0,opacity:.2,zIndex:101,pointerEvents:"none",backgroundImage:"url('data:image/png;base64,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')"}}),i&&_.createPortal(a,document.body))};function V(e,t,n,r){if(e){var o={syntheticEvent:t,nativeEvent:t.nativeEvent,target:n};e.call(void 0,Object.assign(o,r))}}var J=function(e,t,n){if(n||2===arguments.length)for(var r,o=0,i=t.length;o<i;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))};function G(e){var t=e.onFocus,n=e.onBlur,r=e.onSyncFocus,i=e.onSyncBlur,l=o.useRef(!1),a=o.useRef(0),c=o.useCallback((function(e){clearTimeout(a.current),a.current=window.setTimeout((function(){return e()}))}),[a]),u=o.useCallback((function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];clearTimeout(a.current),r&&r.call(void 0,e[0]),l.current||(l.current=!0,t&&t.call.apply(t,J([void 0],e,!1)))}),[l,t,r]),s=o.useCallback((function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];i&&i.call(void 0,e[0]),c((function(){l.current&&n&&(l.current=!1,n.call.apply(n,J([void 0],e,!1)))}))}),[l,c,n,i]);return o.useEffect((function(){return function(){clearTimeout(a.current)}}),[]),{onFocus:u,onBlur:s}}var Z=function(){return Z=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},Z.apply(this,arguments)},q=function(e){var t=e.children,n=G({onFocus:e.onFocus,onBlur:e.onBlur,onSyncFocus:e.onSyncFocus,onSyncBlur:e.onSyncBlur});return o.createElement(o.Fragment,null,t.call(void 0,Z({},n)))},$=function(e,t){return o.useContext(e)(t)},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},ee.apply(this,arguments)},te=function(){return o.createContext((function(e){return e}))},ne=function(e,t){return o.forwardRef((function(n,r){var i=$(e,n);return o.createElement(t,ee({},i,{ref:r}))}))};function re(e,t,n){var r=o.useState(t),i=r[0],l=r[1];return o.useEffect((function(){if(!i&&window&&e.current){var t=window.getComputedStyle(e.current).direction;t&&l(t)}}),n),i}function oe(e,t,n){var r=o.useState(t),i=r[0],l=r[1];return o.useEffect((function(){if(!i&&window&&e.current){var t=window.getComputedStyle(e.current).direction;t&&l(t)}}),n),i}var ie,le=function(e,t,n){void 0===n&&(n={});var r=o.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=o.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:o.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:r,onDoubleClick:o.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:o.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:o.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:o.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:o.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:o.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])}},ae=function(e){return[e,{}]};!function(e){e[e.add=0]="add",e[e.remove=1]="remove"}(ie||(ie={}));var ce=function(e){void 0===e&&(e=[]);var t=o.useRef(e),n=o.useCallback((function(e){switch(e.type){case ie.add:t.current.push(e.item);break;case ie.remove:var n=t.current.indexOf(e.item);t.current.splice(n,1)}}),[]);return[t.current,n]},ue=function(e){var t=o.useCallback((function(){return e.current&&e.current.element?e.current.element:e.current}),[e]);return o.useCallback((function(){var e=t();return e&&e.ownerDocument||document}),[t])},se=function(e){var t=ue(e);return o.useCallback((function(){var e=t();return e&&e.defaultView||window}),[t])},fe=n(189),pe={default:"",xsmall:"k-icon-xs",small:"k-icon-sm",medium:"k-icon-md",large:"k-icon-lg",xlarge:"k-icon-xl",xxlarge:"k-icon-xxl",xxxlarge:"k-icon-xxxl"},de=function(e){return e.replace(/^k-i-/,"")},he=function(e){return"k-i-"+e},ve=fe.shape({name:fe.string.isRequired,content:fe.string.isRequired,viewBox:fe.string.isRequired}),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},ge.apply(this,arguments)},me=o.forwardRef((function(e,t){var n=e.className,r=e.name,i=e.themeColor,l=e.size,a=e.flip,c=e.style,u=e.id,s=e.tabIndex,p=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&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["className","name","themeColor","size","flip","style","id","tabIndex"]),d=o.useRef(null),h=o.useRef(null);o.useImperativeHandle(d,(function(){return{element:h.current}})),o.useImperativeHandle(t,(function(){return d.current}));var v=o.useMemo((function(){return l||ye.size}),[l]),g=o.useMemo((function(){return a||ye.flip}),[a]),m=o.useMemo((function(){var e;return f("k-icon","k-font-icon",r&&he(r),((e={})["k-color-".concat(i)]=i,e["k-flip-h"]="horizontal"===g||"both"===g,e["k-flip-v"]="vertical"===g||"both"===g,e),pe[v],n)}),[r,i,v,g,n]),y=le(e,d);return o.createElement("span",ge({ref:h},p,y,{className:m,id:u,tabIndex:s,style:c,role:"presentation"}))}));me.propTypes={style:fe.object,classNames:fe.string,name:fe.string,themeColor:fe.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"]),size:fe.oneOf(["default","xsmall","small","medium","large","xlarge","xxlarge","xxxlarge"]),flip:fe.oneOf(["default","horizontal","vertical","both"])};var ye={size:"default",flip:"default"};me.displayName="KendoIcon";var 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},be.apply(this,arguments)},Ce=o.forwardRef((function(e,t){var n=e.children,r=e.className,i=e.svgClassName,l=e.icon,a=e.flip,c=e.id,u=e.tabIndex,s=e.size,p=e.style,d=e.svgStyle,h=e.themeColor,v=e.viewBox,g=(e.name,e.onClick),m=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&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["children","className","svgClassName","icon","flip","id","tabIndex","size","style","svgStyle","themeColor","viewBox","name","onClick"]),y=o.useRef(null);o.useImperativeHandle(t,(function(){return{element:y.current}}));var b=o.useMemo((function(){return l?l.name:xe.icon}),[l]),C=o.useMemo((function(){return s||xe.size}),[s]),x=o.useMemo((function(){return a||xe.flip}),[a]),E=o.useMemo((function(){return v||xe.viewBox}),[v]),w=o.useMemo((function(){var e;return f("k-icon","k-svg-icon","k-svg-i-"+b,((e={})["k-color-".concat(h)]=h,e["k-flip-h"]="horizontal"===x||"both"===x,e["k-flip-v"]="vertical"===x||"both"===x,e),pe[C],r)}),[b,h,C,x,r]),O=o.useMemo((function(){return e.width&&e.height?be({width:e.width,height:e.height},p):e.width?be({width:e.width,height:e.width},p):e.height?be({width:e.height,height:e.height},p):be({},p)}),[e.width,e.height,p]);return o.createElement("span",{className:w,style:O,ref:y,onClick:g},o.createElement("svg",be({id:c,className:i,style:d,"aria-hidden":!0,tabIndex:u,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:l?l.viewBox:E,dangerouslySetInnerHTML:l?{__html:l.content}:void 0},m),l?void 0:n))}));Ce.propTypes={style:fe.object,classNames:fe.string,children:fe.any,icon:fe.object,themeColor:fe.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"]),size:fe.oneOf(["default","xsmall","small","medium","large","xlarge","xxlarge","xxxlarge"]),flip:fe.oneOf(["default","horizontal","vertical","both"])};var xe={size:"default",flip:"default",icon:"",viewBox:"0 0 24 24"};Ce.displayName="KendoSvgIcon";var Ee=o.createContext({type:"svg"});Ee.displayName="KendoReactIconsContext";var we=function(){return we=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},we.apply(this,arguments)},Oe=o.forwardRef((function(e,t){var n,r,i=o.useContext(Ee),l=i.type,a=i.icons,c=e.icon,u=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&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["icon"]),s="svg"===l?(null===(n=e.icon)||void 0===n?void 0:n.name)||e.name:e.name||(null===(r=e.icon)||void 0===r?void 0:r.name),f=(s=s&&a&&a[s]&&"string"==typeof a[s]?a[s]:s)&&a&&a[s]&&"string"!=typeof a[s]?a[s]:c;return"svg"===l&&f?o.createElement(Ce,we({},e,{icon:f,ref:t})):o.createElement(me,we({},u,{name:s,ref:t}))}));Oe.displayName="KendoIconWrap";var Pe={xsmall:"k-fs-xs",small:"k-fs-sm",medium:"k-fs-md",large:"k-fs-lg",xlarge:"k-fs-xl"},Ae={light:"k-font-weight-light",normal:"k-font-weight-normal",bold:"k-font-weight-bold"},ke={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"},De={xsmall:"xs",small:"sm",medium:"md",large:"lg",xlarge:"xl",thin:"thin",hair:"hair"},Ie={top:"k-mt-",right:"k-mr-",bottom:"k-mb-",left:"k-ml-"},Re={left:"k-text-left",right:"k-text-right",center:"k-text-center",justify:"k-text-justify"},Te={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"},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},Ne.apply(this,arguments)},Se=function(e){var t=o.forwardRef((function(t,n){var r=t.id,i=t.style,l=t.className,a=t.fontSize,c=t.fontWeight,u=t.textAlign,s=t.textTransform,f=t.themeColor,p=t.margin,d=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&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(t,["id","style","className","fontSize","fontWeight","textAlign","textTransform","themeColor","margin"]),h=o.useRef(null),v=o.useRef(null);o.useImperativeHandle(h,(function(){return{element:v.current,props:t}})),o.useImperativeHandle(n,(function(){return h.current}));var g=e;return o.createElement(g,Ne({id:r,ref:v,className:["k-".concat("p"===e?"paragraph":e),Pe[a],Ae[c],Re[u],Te[s],Me[f],function(){if(void 0!==p){if("string"==typeof p)return[ke[p]];if("number"==typeof p&&p>=0&&p<=24)return["k-m-".concat(p)];if("object"==typeof p){var e=[];return Object.keys(p).forEach((function(t){var n,r,o;null!==p[t]&&void 0!==p[t]&&e.push((n=t,o="string"==typeof(r=p[t])?De[r]:r,"".concat(Ie[n]).concat(o)))})),e.join(" ")}}}(),l].filter((function(e){return void 0!==e})).join(" "),style:i},d),t.children)}));return t.propTypes={style:fe.object,className:fe.string,fontSize:fe.oneOf(["xsmall","small","medium","large","xlarge"]),fontWeight:fe.oneOf(["light","normal","bold"]),margin:fe.oneOfType([fe.number,fe.object,fe.oneOf(["xsmall","small","medium","large","xlarge","thin","hair"])]),textAlign:fe.oneOf(["left","right","center","justify"]),textTransform:fe.oneOf(["lowercase","uppercase","capitalize"]),themeColor:fe.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"])},t.displayName="KendoReactTypography".concat(e.toUpperCase()),t},Le={h1:Se("h1"),h2:Se("h2"),h3:Se("h3"),h4:Se("h4"),h5:Se("h5"),h6:Se("h6"),p:Se("p"),code:Se("code"),pre:Se("pre")},je=function(){return je=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},je.apply(this,arguments)},He=function(e,t,n){var r=o.useState(t||e),i=r[0],l=r[1];return[void 0!==t?t:i,o.useCallback((function(e,t){l(e),n&&n.call(void 0,je(je({},t),{value:e}))}),[n,l])]},Be=o.createContext([void 0,A]),ze=o.createContext([void 0,A]),Fe=o.createContext([[],A,A]),Xe=o.createContext([[],A,A]),Ye=function(e){var t=He(null,void 0),n=t[0],r=t[1],i=He(null,void 0),l=i[0],a=i[1],c=ce([]),u=c[0],s=c[1],f=ce([]),p=f[0],d=f[1];return o.createElement(Be.Provider,{value:[n,r]},o.createElement(ze.Provider,{value:[l,a]},o.createElement(Fe.Provider,{value:[u,function(e){s({type:ie.add,item:e})},function(e){s({type:ie.remove,item:e})}]},o.createElement(Xe.Provider,{value:[p,function(e){d({type:ie.add,item:e})},function(e){d({type:ie.remove,item:e})}]},e.children))))};Ye.displayName="KendoReactDragAndDrop";var Ue,Qe=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},_e=function(e){return e&&e.ownerDocument||window.document},Ke=function(e){var t=Qe(),n=_e(e);return t.edge||t.safari?n.body:n.documentElement},We=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},Ve=function(e){var t=Ke(e);if(!e||e===document.body||e===document.documentElement)return t;for(var n=e;n&&n!==document.body&&n.nodeType!==Node.DOCUMENT_FRAGMENT_NODE&&n.nodeType!==Node.DOCUMENT_NODE&&!We(n);)n=n.parentNode;return!n||n!==document.body&&n.nodeType!==Node.DOCUMENT_FRAGMENT_NODE?n:t};!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"}(Ue||(Ue={}));var Je=function(){},Ge=function(e,t,n){void 0===n&&(n={});var r,o,i,l,a,c=n.onIsPressedChange,u=void 0===c?Je:c,s=n.onIsScrollingChange,f=void 0===s?Je:s,p=n.onVelocityChange,d=void 0===p?Je:p,h=n.onOffsetChange,v=void 0===h?Je:h,g=n.onPageOffsetChange,m=void 0===g?Je:g,y=n.onClientOffsetChange,b=void 0===y?Je:y,C=n.onScrollOffsetChange,x=void 0===C?Je:C,E=n.onInitialScrollOffsetChange,w=void 0===E?Je:E,O=t.payload,P=O.element,A=O.hint,k=e.autoScrollDirection,D=e.scrollableParent,I=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(I.type){case Ue.POINTER_DOWN:if(I.type===Ue.POINTER_DOWN&&(!I.originalEvent.isPrimary||0!==I.originalEvent.button))break;case Ue.MOUSE_DOWN:if(I.type===Ue.MOUSE_DOWN&&I.originalEvent.which&&I.originalEvent.which>1||e.ignoreMouse)break;case Ue.TOUCH_START:if(I.type===Ue.TOUCH_START&&1!==I.originalEvent.touches.length)break;case Ue.START:var R=D||Ve(t.payload.element);w(R instanceof Window?{x:R.scrollX,y:R.scrollY}:{x:R.scrollLeft,y:R.scrollTop}),b({x:I.clientX,y:I.clientY}),m({x:I.pageX,y:I.pageY}),v({x:I.offsetX,y:I.offsetY}),u(!0),O.onPress&&O.onPress(I);break;case Ue.SCROLL:if(I.type===Ue.SCROLL&&!e.pressed)break;var T=D||Ve(P),M=T instanceof Window?{x:T.scrollX,y:T.scrollY}:{x:T.scrollLeft,y:T.scrollTop};I.scrollX=M.x-e.initialScrollOffset.x,I.scrollY=M.y-e.initialScrollOffset.y,x({x:I.scrollX,y:I.scrollY});case Ue.POINTER_MOVE:if(I.type===Ue.POINTER_MOVE&&!I.originalEvent.isPrimary)break;case Ue.MOUSE_MOVE:case Ue.TOUCH_MOVE:if(I.type===Ue.TOUCH_MOVE&&1!==I.originalEvent.touches.length)break;case Ue.MOVE:if(e.pressed){if(e.autoScroll&&"scroll"!==I.originalEvent.type&&P){var N=_e(P),S=D||Ve(N.elementFromPoint(I.clientX,I.clientY)),L=(r=I.clientX,o=I.clientY,i=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}}(S,function(e){var t=_e(e);return t&&t.defaultView||window}(P)),l={x:0,y:0},a=50,r-i.left<a?l.x=-(a-(r-i.left)):i.right-r<a&&(l.x=a-(i.right-r)),o-i.top<a?l.y=-(a-(o-i.top)):i.bottom-o<a&&(l.y=a-(i.bottom-o)),l);d({x:k&&!1===k.horizontal?0:L.x,y:k&&!1===k.vertical?0:L.y}),f(0!==L.y||0!==L.x)}!e.drag&&O.onDragStart&&O.onDragStart(I),O.onDrag&&O.onDrag(I);var j=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),c=l-i,u=a-o;if(i<l&&o<a){var s=r.width*r.height,f=n.width*n.height,p=c*u;return Number((p/(s+f-p)).toFixed(4))}return 0}(e,t);o>n&&(n=o,r=t)}})),r}(A||P,e.drops.map((function(e){return e&&e.element})).filter((function(e){return e!==(A||P)}))),H=e.drops.find((function(e){return e.element===j}));H&&j&&function(e,t,n){var r=n.getBoundingClientRect();return r.top<=t&&r.left<=e&&t<=r.bottom&&e<=r.right}(I.clientX,I.clientY,D||Ve(j))&&j!==P?(e.drop&&e.drop.element)!==j?(e.drop&&e.drop.onDragLeave&&e.drop.onDragLeave(I),H.onDragEnter&&H.onDragEnter(I)):H.onDragOver&&H.onDragOver(I):e.drop&&e.drop.onDragLeave&&e.drop.onDragLeave(I)}b({x:I.clientX,y:I.clientY}),m({x:I.pageX,y:I.pageY});break;case Ue.POINTER_UP:if(I.type===Ue.POINTER_UP&&!I.originalEvent.isPrimary)break;case Ue.MOUSE_UP:case Ue.TOUCH_END:if(I.type===Ue.TOUCH_END&&1!==I.originalEvent.touches.length)break;case Ue.END:u(!1),f(!1),x({x:0,y:0}),O.onRelease&&O.onRelease(I),e.drop&&e.drop.onDrop&&e.drop.onDrop(I),e.drag&&O.onDragEnd&&O.onDragEnd(I);break;case Ue.POINTER_CANCEL:case Ue.CONTEXT_MENU:case Ue.TOUCH_CANCEL:case Ue.CANCEL:u(!1),f(!1),x({x:0,y:0}),O.onDragEnd&&O.onDragEnd(I),e.drop&&e.drop.onDragLeave&&e.drop.onDragLeave(I)}},Ze=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,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)}},qe=function(e,t){var n=o.useContext(e),r=n[0],i=n[1],l=o.useState(t),a=l[0],c=l[1];return[void 0!==r?r:a,function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];void 0!==r?i.apply(void 0,e):c(e[0])}]},$e=2e3;function et(e,t,n){void 0===n&&(n={});var r=t.onPress,i=void 0===r?A:r,l=t.onRelease,a=void 0===l?A:l,c=t.onDragStart,u=void 0===c?A:c,s=t.onDrag,f=void 0===s?A:s,p=t.onDragEnd,d=void 0===p?A:p,h=n.hint,v=void 0===h?null:h,g=n.mouseOnly,m=void 0!==g&&g,y=n.autoScroll,b=void 0===y||y,C=n.scrollContainer,x=void 0===C?null:C,E=o.useState(!1),w=E[0],O=E[1],P=o.useState(!1),k=P[0],D=P[1],I=qe(ze)[0],R=qe(Be),T=R[0],M=R[1],N=o.useContext(Xe)[0],S=o.useContext(Fe),L=S[0],j=S[1],H=S[2],B=o.useRef({x:0,y:0}),z=o.useRef(),F=o.useRef(!1),X=o.useRef(),Y=o.useRef(null),U=o.useRef(!1),Q=o.useRef({x:0,y:0}),_=o.useRef({x:0,y:0}),K=o.useRef({x:0,y:0}),W=o.useRef({x:0,y:0}),V=o.useRef({x:0,y:0}),J=o.useRef({x:0,y:0}),G=Boolean("undefined"!=typeof window&&window.PointerEvent),Z=!m&&G,q=o.useCallback((function(){return e.current&&e.current.element?e.current.element:e.current}),[e]),$=o.useCallback((function(){return v&&v.current&&v.current.element?v.current.element:v?v.current:null}),[v]),ee=o.useCallback((function(){return x&&x.current&&x.current.element?x.current.element:x?x.current:null}),[x]),te=o.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]),ne=o.useRef(null);o.useImperativeHandle(ne,(function(){return{element:q(),hint:$(),onPress:ve,onDragStart:me,onDrag:ye,onDragEnd:be,onRelease:ge,data:e.current}}));var re=o.useCallback((function(){var e=q();return e&&e.ownerDocument||document}),[q]),oe=o.useCallback((function(){var e=re();return e&&e.defaultView||window}),[re]),ie=o.useCallback((function(){return{drag:T?T.current:null,drop:I?I.current:null,drags:L.map((function(e){return e.current})),drops:N.map((function(e){return e.current})),pressed:w,ignoreMouse:F.current,scrollOffset:V.current,offset:Q.current,pageOffset:_.current,initialScrollOffset:J.current,clientOffset:K.current,initialClientOffset:W.current,velocity:B.current,autoScroll:Boolean("object"==typeof b?!1!==b.enabled:b),scrollableParent:te(),autoScrollDirection:"object"==typeof b?b.direction:{horizontal:!0,vertical:!0},isScrolling:k}}),[T,I,L,N,w,b,te,k]),le=o.useCallback((function(e){O(e)}),[]),ae=o.useCallback((function(e){D(e)}),[]),ce=o.useCallback((function(e){B.current=e}),[]),ue=o.useCallback((function(e){Q.current=e}),[]),se=o.useCallback((function(e){K.current=e}),[]),fe=o.useCallback((function(e){_.current=e}),[]),pe=o.useCallback((function(e){W.current=e}),[]),de=o.useCallback((function(e){V.current=e}),[]),he=o.useCallback((function(e){J.current=e}),[]),ve=o.useCallback((function(e){i(e)}),[i]),ge=o.useCallback((function(e){a(e)}),[a]),me=o.useCallback((function(t){M(ne,{target:e.current,event:t}),u(t)}),[M,e,u]),ye=o.useCallback((function(e){f(e)}),[f]),be=o.useCallback((function(t){U.current||(M(null,{target:e.current,event:t}),d(t))}),[d,M,e]),Ce=o.useCallback((function(e){Ge(ie(),{event:e,payload:ne.current},{onVelocityChange:ce,onOffsetChange:ue,onClientOffsetChange:se,onPageOffsetChange:fe,onInitialClientOffsetChange:pe,onScrollOffsetChange:de,onInitialScrollOffsetChange:he,onIsPressedChange:le,onIsScrollingChange:ae})}),[ie,ce,ue,fe,se,pe,he,le,de,ae]),xe=o.useCallback((function(e){Ce(e)}),[Ce]),Ee=o.useCallback((function(e){Ce(e)}),[Ce]),we=o.useCallback((function(e){Ce(e)}),[Ce]),Oe=o.useCallback((function(e){Ce(e)}),[Ce]),Pe=o.useCallback((function(e){Ce(e)}),[Ce]),Ae=o.useCallback((function(e){Ce(e)}),[Ce]),ke=o.useCallback((function(e){Ce(e)}),[Ce]),De=o.useCallback((function(e){e.preventDefault(),Ce(e)}),[Ce]),Ie=o.useCallback((function(e){e.preventDefault(),Ce(e)}),[Ce]),Re=o.useCallback((function(e){e.preventDefault(),Ce(e)}),[Ce]),Te=o.useCallback((function(e){if(0===e.touches.length&&1===e.changedTouches.length){var t=oe();F.current=!0,X.current=t.setTimeout((function(){F.current=!1}),$e)}Ce(e)}),[Ce,oe]),Me=o.useCallback((function(e){Ce(e)}),[Ce]),Ne=o.useCallback((function(){var e=q();if(e){var t=e.style.touchAction;return e.style.touchAction="none",function(){e.style.touchAction=t}}}),[q]),Se=o.useCallback((function(){return j(ne),function(){H(ne)}}),[H,j]);o.useEffect((function(){var e=oe();if(k){var t=ee()||Ve(document.elementFromPoint(K.current.x,K.current.y));e.clearInterval(z.current),z.current=e.setInterval((function(){Ze(t,{x:B.current.x,y:B.current.y})}),50)}return function(){e.clearInterval(z.current)}}),[q,ee,oe,k]),o.useEffect(Ne,[Ne]),o.useEffect((function(){var e=oe(),t=q(),n=re();return Z?(t&&(Y.current=Ve(t),Y.current&&Y.current.addEventListener("scroll",Me,{passive:!0}),t.addEventListener("pointerdown",xe,{passive:!0})),w&&(n.addEventListener("pointermove",Ee),n.addEventListener("pointerup",Oe,!0),n.addEventListener("contextmenu",De),n.addEventListener("pointercancel",we,{passive:!0}))):(e.addEventListener("touchmove",A,{capture:!1,passive:!1}),t&&(t.addEventListener("mousedown",Pe,{passive:!0}),m||(t.addEventListener("touchstart",Ie,{passive:!0}),w&&(t.addEventListener("touchmove",Re,{passive:!0}),t.addEventListener("touchend",Te,{passive:!0})))),w&&(n.addEventListener("mousemove",Ae,{passive:!0}),n.addEventListener("mouseup",ke,{passive:!0}))),function(){Y.current&&Y.current.removeEventListener("scroll",Me),t&&(t.removeEventListener("pointerdown",xe),t.removeEventListener("mousedown",Pe),t.removeEventListener("touchstart",Ie),t.removeEventListener("touchmove",Re),t.removeEventListener("touchend",Te)),n.removeEventListener("pointermove",Ee),n.removeEventListener("pointerup",Oe,!0),n.removeEventListener("contextmenu",De),n.removeEventListener("pointercancel",we),n.removeEventListener("mousemove",Ae),n.removeEventListener("mouseup",ke),e.removeEventListener("touchmove",A),e.clearTimeout(X.current)}}),[w,oe,q,re,m,Z,De,Pe,Ae,ke,we,xe,Ee,Oe,Te,Re,Ie,Me]),o.useEffect((function(){return U.current=!1,function(){U.current=!0}}),[]),o.useLayoutEffect(Se,[Se])}var tt=o.forwardRef((function(e,t){var n=o.useRef(null),r=o.useRef(null),i=o.useCallback((function(){return n.current&&n.current.element?n.current.element:n.current}),[n]);o.useImperativeHandle(r,(function(){return{element:i()||null}})),o.useImperativeHandle(t,(function(){return r.current})),o.useImperativeHandle(e.childRef,(function(){return n.current}));var l=o.useCallback((function(t){e.onPress&&e.onPress({element:i(),target:r.current,event:t})}),[i,e.onPress]),a=o.useCallback((function(t){e.onRelease&&e.onRelease({element:i(),target:r.current,event:t})}),[i,e.onRelease]),c=o.useCallback((function(t){e.onDragStart&&e.onDragStart({element:i(),target:r.current,event:t})}),[e,i]),u=o.useCallback((function(t){e.onDrag&&e.onDrag({element:i(),target:r.current,event:t})}),[i,e.onDrag]),s=o.useCallback((function(t){e.onDragEnd&&e.onDragEnd({element:i(),target:r.current,event:t})}),[i,e.onDragEnd]);return et(n,{onPress:l,onRelease:a,onDragStart:c,onDrag:u,onDragEnd:s},{mouseOnly:e.mouseOnly,autoScroll:e.autoScroll,hint:e.hint,scrollContainer:e.scrollContainer}),e.children?o.cloneElement(o.Children.only(e.children),{ref:n}):null}));function nt(e,t){void 0===t&&(t={onDragEnter:A,onDragOver:A,onDragLeave:A,onDrop:A});var n=t.onDragEnter,r=void 0===n?A:n,i=t.onDragOver,l=void 0===i?A:i,a=t.onDragLeave,c=void 0===a?A:a,u=t.onDrop,s=void 0===u?A:u,f=qe(ze)[1],p=o.useContext(Xe),d=p[1],h=p[2],v=o.useCallback((function(){return e.current&&e.current.element?e.current.element:e.current}),[e]),g=o.useRef(null);o.useImperativeHandle(g,(function(){return{element:v(),onDragEnter:m,onDragOver:y,onDragLeave:b,onDrop:C,data:e.current}}));var m=o.useCallback((function(t){f(g,{target:e.current,event:t}),r(t)}),[f,e,r]),y=o.useCallback((function(e){l(e)}),[l]),b=o.useCallback((function(t){f(null,{target:e.current,event:t}),c(t)}),[f,e,c]),C=o.useCallback((function(t){f(null,{target:e.current,event:t}),s(t)}),[f,e,s]),x=o.useCallback((function(){return d(g),function(){h(g)}}),[h,d]);o.useLayoutEffect(x,[x])}tt.displayName="KendoReactDraggable";var rt=o.forwardRef((function(e,t){var n=o.useRef(null),r=o.useRef(null),i=o.useCallback((function(){return n.current&&n.current.element?n.current.element:n.current}),[n]);o.useImperativeHandle(r,(function(){return{element:i()||void 0}})),o.useImperativeHandle(t,(function(){return r.current})),o.useImperativeHandle(e.childRef,(function(){return n.current}));var l=o.useCallback((function(t){e.onDragEnter&&e.onDragEnter({element:i(),target:r.current,event:t})}),[e.onDragEnter,i]),a=o.useCallback((function(t){e.onDragOver&&e.onDragOver({element:i(),target:r.current,event:t})}),[i,e.onDragOver]),c=o.useCallback((function(t){e.onDragLeave&&e.onDragLeave({element:i(),target:r.current,event:t})}),[e.onDragLeave,i]),u=o.useCallback((function(t){e.onDrop&&e.onDrop({element:i(),target:r.current,event:t})}),[e.onDrop,i]);return nt(n,{onDragEnter:l,onDragOver:a,onDragLeave:c,onDrop:u}),e.children?o.cloneElement(o.Children.only(e.children),{ref:n}):null}));rt.displayName="KendoReactDroppable";var ot={sizeMap:{small:"sm",medium:"md",large:"lg"},roundedMap:{small:"sm",medium:"md",large:"lg"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};function it(e,t){if(e.length!==t.length)return!1;for(var n=0;n<e.length;n++)if(!((r=e[n])===(o=t[n])||Number.isNaN(r)&&Number.isNaN(o)))return!1;var r,o;return!0}function lt(e,t){void 0===t&&(t=it);var n=null;function r(){for(var r=[],o=0;o<arguments.length;o++)r[o]=arguments[o];if(n&&n.lastThis===this&&t(r,n.lastArgs))return n.lastResult;var i=e.apply(this,r);return n={lastResult:i,lastArgs:r,lastThis:this},i}return r.clear=function(){n=null},r}var at=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[contenteditable]"],ct=function(){function e(e){var t=this;this.rovingTabIndex=!0,this.update=function(){},this.focusNextIndex=function(e,n){var r=t.elements,o=r.indexOf(e)+n,i=r[(o=o<0?r.length-1:o)%r.length];return t.focusElement(i,e),i},this.tabIndex=e.tabIndex||0,this.root=e.root,this.selectors=e.selectors,this.focusOptions=e.focusOptions||{preventScroll:!0},this.rovingTabIndex=void 0===e.rovingTabIndex||e.rovingTabIndex,this.mouseEvents=e.mouseEvents||{},this.keyboardEvents=e.keyboardEvents||{}}return Object.defineProperty(e.prototype,"elements",{get:function(){return this.root.current?Array.from(this.root.current.querySelectorAll(this.selectors.join(","))):[]},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"first",{get:function(){return this.root.current&&this.root.current.querySelector(this.selectors.join(","))||null},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"last",{get:function(){var e=this.elements;return e[e.length-1]||null},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"current",{get:function(){return this.elements.find((function(e){return e.matches(":focus")}))||null},enumerable:!1,configurable:!0}),e.prototype.focusNext=function(e){return this.focusNextIndex(e,1)},e.prototype.focusPrevious=function(e){return this.focusNextIndex(e,-1)},e.prototype.triggerKeyboardEvent=function(e,t){var n=e.target instanceof Element&&e.target.closest(this.selectors.join(",")),r=" "===e.key?"Space":e.key,o=e.nativeEvent.type;n&&this.keyboardEvents[o][r]&&this.keyboardEvents[o][r].call(void 0,n,this,e,t)},e.prototype.triggerMouseEvent=function(e){var t=e.target instanceof Element&&e.target.closest(this.selectors.join(",")),n=e.nativeEvent.type;t&&this.mouseEvents[n].call(void 0,t,this,e)},e.prototype.focusElement=function(e,t){e&&(t&&(this.rovingTabIndex&&t.removeAttribute("tabindex"),t.classList.remove("k-focus")),this.rovingTabIndex&&e.setAttribute("tabindex",String(this.tabIndex)),e.focus(this.focusOptions))},e}(),ut=function(e){var t=e.shadowRoot,n=e.contentDocument;return t&&t.activeElement?ut(t.activeElement):n&&n.activeElement?ut(n.activeElement):e},st=function(e){if(e&&e.activeElement)return ut(e.activeElement)};function ft(e,t){var n=(e||"").split("."),r=t;return n.forEach((function(e){r=r?r[e]:void 0})),r}function pt(e){return void 0!==e.length}var dt=function(){function e(e){this.expandField=e.expandField,this.selectField=e.selectField,this.hasChildrenField=e.hasChildrenField,this.childrenField=e.childrenField,this.textField=e.textField,this.disableField=e.disableField,this.checkField=e.checkField,this.checkIndeterminateField=e.checkIndeterminateField,this.focusIdField=e.focusIdField}return e.prototype.expanded=function(e){return ft(this.expandField,e)},e.prototype.selected=function(e){return ft(this.selectField,e)},e.prototype.text=function(e){return ft(this.textField,e)},e.prototype.disabled=function(e){return ft(this.disableField,e)},e.prototype.hasChildren=function(e){return ft(this.hasChildrenField,e)},e.prototype.children=function(e){return ft(this.childrenField,e)||[]},e.prototype.checked=function(e){return ft(this.checkField,e)},e.prototype.checkIndeterminate=function(e){return ft(this.checkIndeterminateField,e)},e.prototype.focusId=function(e){return this.focusIdField&&ft(this.focusIdField,e)},e.prototype.getChildrenField=function(){return this.childrenField},e}(),ht=function(){function e(){this.objects=[]}return e.prototype.init=function(e){for(var t,n=0;n<e.length;n++)n%5e4==0&&(t={},this.objects.push(t)),t[e[n]]=!0},e.prototype.hasId=function(e){return this.objects.some((function(t){return t[e]}))},e}(),vt="",gt="0",mt="_";function yt(e,t,n){if(Pt(e))return t[Number(e)];var r=t[Number(bt(e))],o=r&&r[n]||[];return o.length?yt(Ct(e),o,n):void 0}function bt(e){return Ot(e)?e:e.split(mt)[0]}function Ct(e){if(Ot(e))return e;var t=e.indexOf(mt);return e.substring(t+1)}function xt(e){return Et("0",e)}function Et(e,t){return e=e.toString(),t?t+mt+e:e}function wt(e){var t=e.lastIndexOf(mt);return t<0?vt:e.substring(0,t)}function Ot(e){return e===vt||e.indexOf(mt)<0}function Pt(e){return e!==vt&&e.indexOf(mt)<0}function At(e){return e.split(mt)}function kt(e){var t=e.lastIndexOf(mt);return t<0?e:e.substring(t+1)}function Dt(e){return kt(e)===gt}function It(e,t){var n=t;t="r"+mt+t;var r=wt(e="r"+mt+e)+mt;if(t.startsWith(r)){var o=t.substring(r.length);if(o){var i=bt(o);if(Number(kt(e))<Number(i))return Ct(r+(Number(i)-1).toString()+o.substring(i.length))}}return n}var Rt=function(){return Rt=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},Rt.apply(this,arguments)};function Tt(e,t){var n=ft(t,e);return Boolean(n&&n.length)}function Mt(e,t){return t.expanded(e)&&Tt(e,t.getChildrenField())}function Nt(e,t,n,r){var o=St([e],t,n,r);return o.length?o[0]:void 0}function St(e,t,n,r){var o=[],i=new ht;return i.init(e),Yt(i,t,n,vt,o,r),o}function Lt(e,t,n,r,o){var i,l=Number(bt(t));if(l>=e.length)return e;var a=e,c=e[l];return c[r]||(c=(a=e.slice())[l]=Object.assign({},c,((i={})[r]=!0,i))),Pt(t)?n(c):c[o]&&(c[o]=Lt(c[o],Ct(t),n,r,o)),a}function jt(e,t,n){for(var r=At(e),o=t,i=0;i<r.length;i++){var l=o[Number(r[i])];if(n.disabled(l))return!1;o=l[n.getChildrenField()]}return!0}function Ht(e,t,n,r){return r?function e(t){for(var o=[],i=t[n]||[],l=0;l<i.length;l++)o.push(ft(r,i[l])),o=o.concat(e(i[l]));return o}(e):function e(t,r){for(var o=[],i=t[n]||[],l=0;l<i.length;l++){var a=Et(l,r);o.push(a),o=o.concat(e(i[l],a))}return o}(e,t)}function Bt(e,t,n,r,o){return(e[r]||[]).every((function(e,r){return o.indexOf(n?ft(n,e):Et(r,t))>-1}))}function zt(e,t,n){for(var r=[],o=At(e),i=n,l=0;l<o.length-1&&i;l++){var a=i[Number(o[l])];r.push(a),i=a[t]}return r}function Ft(e,t,n){var r=n.slice();if(Pt(e))r.splice(Number(e),1);else{var o=Number(bt(e)),i=r[o]=Rt({},r[o]);i[t]=Ft(Ct(e),t,i[t])}return r}function Xt(e,t,n,r,o){var i=o.slice();if(Pt(r))if("child"===t){var l=i[Number(r)]=Rt({},i[Number(r)]);l[n]?(l[n]=l[n].slice(),l[n].push(e)):l[n]=[e]}else i.splice(Number(r)+("after"===t?1:0),0,e);else{var a=Number(bt(r)),c=i[a]=Rt({},i[a]);c[n]=Xt(e,t,n,Ct(r),c[n])}return i}function Yt(e,t,n,r,o,i){for(var l=0;l<n.length;l++){var a=n[l],c=Et(l,r);e.hasId(ft(t,a))&&o.push(c),Tt(a,i)&&Yt(e,t,ft(i,a),c,o,i)}}},302:e=>{e.exports=r},189:e=>{e.exports=n},899:t=>{t.exports=e},994:e=>{e.exports=t}},i={};function l(e){var t=i[e];if(void 0!==t)return t.exports;var n=i[e]={exports:{}};return o[e].call(n.exports,n,n.exports,l),n.exports}l.d=(e,t)=>{for(var n in t)l.o(t,n)&&!l.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{var e=a;Object.defineProperty(e,"__esModule",{value:!0}),e.PopupPropsContext=e.PopupWithoutContext=e.Popup=void 0;var t=l(980);Object.defineProperty(e,"Popup",{enumerable:!0,get:function(){return t.Popup}}),Object.defineProperty(e,"PopupPropsContext",{enumerable:!0,get:function(){return t.PopupPropsContext}});var n=l(763);Object.defineProperty(e,"PopupWithoutContext",{enumerable:!0,get:function(){return n.PopupWithoutContext}})})(),a})()}));
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
(function(u,O){typeof exports=="object"&&typeof module<"u"?O(exports,require("react"),require("react-dom"),require("prop-types"),require("@progress/kendo-react-common"),require("@progress/kendo-popup-common")):typeof define=="function"&&define.amd?define(["exports","react","react-dom","prop-types","@progress/kendo-react-common","@progress/kendo-popup-common"],O):(u=typeof globalThis<"u"?globalThis:u||self,O(u.KendoReactPopup={},u.React,u.ReactDOM,u.PropTypes,u.KendoReactCommon,u.KendoPopupCommon))})(this,function(u,O,x,E,w,o){"use strict";function P(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,s.get?s:{enumerable:!0,get:()=>n[t]})}}return e.default=n,Object.freeze(e)}const v=P(O),I=P(x),i=P(E),T=n=>{n.style.transitionDuration="",Array.from(n.classList).forEach(e=>{e.startsWith("k-slide-")&&n.classList.remove(e)})},L=typeof window<"u"&&/Firefox/.test(window.navigator.userAgent),M=(n,e,t,s,l)=>{if(t===0)return l();const r="k-slide-"+e+"-"+s,p=r+"-active",a=d=>{d.target===n&&(n.removeEventListener("transitionend",a),T(n),s==="exit"?n.style.display="none":n.style.display="",l())};n.addEventListener("transitionend",a);const f=n.ownerDocument;if(!f)return;const g=f.defaultView;if(!g)return;const h=()=>{T(n),n.classList.add(r),g.requestAnimationFrame(()=>{n.style.transitionDuration=t+"ms",n.classList.add(p)})};L?g.requestAnimationFrame(h):h()},R=1e3/60,C=function(n,e,t={}){let s,l,r,p,a=0;t=t||{};const f=function(){a=t.leading===!1?0:new Date().getTime(),s=void 0,p=n.apply(l,r),s||(l=r=null)};return function(){const h=new Date().getTime();!a&&t.leading===!1&&(a=h);const d=e-(h-a);return l=void 0,r=arguments,d<=0||d>e?(s&&(clearTimeout(s),s=void 0),a=h,p=n.apply(l,r),s||(l=r=null)):!s&&t.trailing!==!1&&(s=window.setTimeout(f,d)),p}},S={name:"@progress/kendo-react-popup",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},z=100,U=1;function y(n,e){if(n===e)return!0;if(!!n!=!!e)return!1;const t=Object.getOwnPropertyNames(n),s=Object.getOwnPropertyNames(e);if(t.length!==s.length)return!1;for(let l=0;l<t.length;l++){let r=t[l];if(n[r]!==e[r])return!1}return!0}const j={left:-1e3,top:0},K="k-animation-container",b="k-animation-container-shown",F="k-child-animation-container",H="k-popup";class A extends v.Component{constructor(e){super(e),this.context=0,this.state={current:"hidden",previous:"hidden",props:{}},this._popup=null,this.show=t=>{this.setPosition(t),this.animate(t.firstChild,"enter",this.onOpened),this.setState({current:"shown",previous:this.state.current})},this.setPosition=t=>{let{anchorAlign:s,popupAlign:l,collision:r,offset:p,anchor:a,margin:f,scale:g,positionMode:h}=this.props;const{width:d,height:m}=t.style;t.style.width=t.offsetWidth+"px",t.style.height=t.offsetHeight+"px";const _=o.alignElement({anchor:a,anchorAlign:s,element:t,elementAlign:l,offset:p,margin:f,positionMode:h,scale:g}),c=o.positionElement({anchor:a,anchorAlign:s,element:t,elementAlign:l,collisions:r,currentLocation:_,margin:this.props.margin});if(t.style.top=c.offset.top+"px",t.style.left=c.offset.left+"px",t.style.width=d,t.style.height=m,this._collisions={fit:c.fit,fitted:c.fitted,flip:c.flip,flipped:c.flipped},this.props.onPosition){const q={target:this,flipped:c.flipped,fitted:c.fitted};this.props.onPosition.call(void 0,q)}},this.onOpened=()=>{const t=this._popup;t&&(this.props.show&&t.classList.add(b),this.attachRepositionHandlers(t),this.props.onOpen&&this.props.onOpen.call(void 0,{target:this}))},this.animate=(t,s,l)=>{if(!this.props.popupAlign)return;let r;const{horizontal:p,vertical:a}=this.props.popupAlign;p==="left"&&a==="center"?r="right":p==="right"&&a==="center"?r="left":a==="top"?r="down":r="up";const f={down:"up",up:"down",left:"right",right:"left"};this._collisions&&this._collisions.flipped&&(r=f[r]),M(t,r,this.animationDuration[s],s,l)},this.onClosing=t=>{this.props.show||t.classList.remove(b),this.detachRepositionHandlers()},this.onClosed=()=>{this.state.current==="hiding"&&this.state.previous==="shown"&&this.setState({current:"hidden",previous:this.state.current}),this.props.onClose&&this.props.onClose.call(void 0,{target:this})},this.getCurrentZIndex=()=>this.context?this.context+U:z,w.validatePackage(S),this.reposition=C(this.reposition.bind(this),R)}get element(){return this._popup}static getDerivedStateFromProps(e,t){const{show:s,anchor:l,anchorAlign:r,appendTo:p,collision:a,popupAlign:f,className:g,popupClass:h,style:d,offset:m,contentKey:_}=e,c={...t,props:{show:s,anchor:l,anchorAlign:r,appendTo:p,collision:a,popupAlign:f,className:g,popupClass:h,style:d,offset:m,contentKey:_}};return e.show?t.current==="hidden"||t.current==="hiding"?{...c,current:"showing",previous:t.current}:t.current==="showing"?{...c,current:"shown",previous:t.current}:t.current==="shown"&&(!y(m,t.props.offset)||!y(r,t.props.anchorAlign)||!y(p,t.props.appendTo)||!y(a,t.props.collision)||!y(f,t.props.popupAlign)||!y(d,t.props.style)||l!==t.props.anchor||h!==t.props.popupClass||g!==t.props.className)?{...c,current:"reposition",previous:t.current}:c:t.current==="hiding"||t.current==="hidden"?{...c,current:"hidden",previous:t.current}:{...c,current:"hiding",previous:t.current}}componentDidUpdate(e){this.state.current==="showing"&&this._popup?this.show(this._popup):this.state.current==="hiding"&&this._popup?(this.onClosing(this._popup),this.animate(this._popup.firstChild,"exit",this.onClosed)):this.state.current==="reposition"&&this.state.previous==="shown"?this.setState({current:"shown",previous:this.state.current}):this.state.current==="shown"&&e.contentKey!==this.props.contentKey&&this._popup&&this.setPosition(this._popup)}componentDidMount(){this.state.current==="showing"&&this._popup&&this.show(this._popup)}componentWillUnmount(){this.detachRepositionHandlers()}render(){const{children:e,className:t,popupClass:s,show:l,id:r,positionMode:p}=this.props,a=this.props.appendTo?this.props.appendTo:w.canUseDOM?this.props.anchor&&this.props.anchor.ownerDocument?this.props.anchor.ownerDocument.body:document.body:void 0;this.state.current==="reposition"&&this.state.previous==="shown"&&this._popup&&this.setPosition(this._popup);const f=Object.assign({},{position:p,top:0,left:-1e4},this.props.style||{}),g=this.state.current==="hiding";if((l||g)&&a){const h=this.getCurrentZIndex(),d=v.createElement(w.ZIndexContext.Provider,{value:h},v.createElement("div",{className:w.classNames(K,t),id:r,ref:m=>this._popup=m,style:{zIndex:h,...f}},v.createElement("div",{className:w.classNames(F),style:{transitionDelay:"0ms"}},v.createElement("div",{role:this.props.role,className:w.classNames(H,s)},e))));return this.props.appendTo!==null?I.createPortal(d,a):d}return null}get animationDuration(){const e=this.props.animate;let t=0,s=0;return e&&(e===!0?t=s=300:(t=e.openDuration||0,s=e.closeDuration||0)),{enter:t,exit:s}}attachRepositionHandlers(e){this.detachRepositionHandlers(),this._scrollableParents=o.domUtils.scrollableParents(this.props.anchor||e),this._scrollableParents&&this._scrollableParents.map(t=>t.addEventListener("scroll",this.reposition)),window.addEventListener("resize",this.reposition)}detachRepositionHandlers(){this._scrollableParents&&(this._scrollableParents.map(e=>e.removeEventListener("scroll",this.reposition)),this._scrollableParents=void 0),window.removeEventListener("resize",this.reposition)}reposition(){this.setState({current:"reposition",previous:this.state.current})}}A.propTypes={anchor:function(n){const e=n.anchor;return e&&typeof e.nodeType!="number"?new Error("Invalid prop `anchor` supplied to `Kendo React Popup`. Validation failed."):null},appendTo:function(n){const e=n.appendTo;return e&&typeof e.nodeType!="number"?new Error("Invalid prop `appendTo` supplied to `Kendo React Popup`. Validation failed."):null},className:i.oneOfType([i.string,i.arrayOf(i.string),i.object]),id:i.string,popupClass:i.oneOfType([i.string,i.arrayOf(i.string),i.object]),collision:i.shape({horizontal:i.oneOf([o.Collision.fit,o.Collision.flip,o.Collision.none]),vertical:i.oneOf([o.Collision.fit,o.Collision.flip,o.Collision.none])}),anchorAlign:i.shape({horizontal:i.oneOf([o.AlignPoint.left,o.AlignPoint.center,o.AlignPoint.right]),vertical:i.oneOf([o.AlignPoint.top,o.AlignPoint.center,o.AlignPoint.bottom])}),popupAlign:i.shape({horizontal:i.oneOf([o.AlignPoint.left,o.AlignPoint.center,o.AlignPoint.right]),vertical:i.oneOf([o.AlignPoint.top,o.AlignPoint.center,o.AlignPoint.bottom])}),offset:i.shape({left:i.number,top:i.number}),children:i.oneOfType([i.element,i.node]),show:i.bool,animate:i.oneOfType([i.bool,i.shape({openDuration:i.number,closeDuration:i.number})]),margin:i.shape({horizontal:i.number,vertical:i.number}),positionMode:i.oneOf(["fixed","absolute"]),scale:i.number,style:i.object,onClose:i.func,onPosition:i.func,onOpen:i.func},A.defaultProps={collision:{horizontal:o.Collision.fit,vertical:o.Collision.flip},anchorAlign:{horizontal:o.AlignPoint.left,vertical:o.AlignPoint.bottom},popupAlign:{horizontal:o.AlignPoint.left,vertical:o.AlignPoint.top},offset:j,animate:!0,show:!1,margin:{horizontal:0,vertical:0},positionMode:"absolute"},A.contextType=w.ZIndexContext,A.displayName="PopupComponent";const N=v.createContext(n=>n),D=v.forwardRef((n,e)=>{const s=v.useContext(N).call(void 0,n);return v.createElement(A,{ref:e,...s})});D.displayName="Popup",u.Popup=D,u.PopupPropsContext=N,u.PopupWithoutContext=A,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});
|
package/index.d.ts
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { Popup, PopupPropsContext } from './Popup';
|
|
6
|
+
import { PopupWithoutContext } from './PopupWithoutContext';
|
|
7
|
+
import type { PopupProps } from './models/PopupProps';
|
|
8
|
+
import type { Align } from './models/Align';
|
|
9
|
+
import type { Collision } from './models/Collision';
|
|
10
|
+
import type { Offset } from './models/Offset';
|
|
11
|
+
import type { PopupAnimation } from './models/PopupAnimation';
|
|
12
|
+
import type { OpenEvent as PopupOpenEvent, CloseEvent as PopupCloseEvent } from './models/Events';
|
|
13
|
+
import type { Margin } from './models/Margin';
|
|
14
|
+
import type { CollisionType } from './models/CollisionType';
|
|
15
|
+
import type { PositionMode } from './models/PositionMode';
|
|
16
|
+
export { Popup, PopupWithoutContext, PopupPropsContext, PopupProps, Align, Collision, Offset, PopupAnimation, Margin, PositionMode, CollisionType, PopupOpenEvent, PopupCloseEvent };
|
package/index.js
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),D=require("react-dom"),x=require("prop-types"),m=require("@progress/kendo-react-common"),s=require("@progress/kendo-popup-common");function A(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:()=>n[t]})}}return e.default=n,Object.freeze(e)}const g=A(N),E=A(D),o=A(x),O=n=>{n.style.transitionDuration="",Array.from(n.classList).forEach(e=>{e.startsWith("k-slide-")&&n.classList.remove(e)})},I=typeof window<"u"&&/Firefox/.test(window.navigator.userAgent),R=(n,e,t,i,l)=>{if(t===0)return l();const r="k-slide-"+e+"-"+i,a=r+"-active",p=d=>{d.target===n&&(n.removeEventListener("transitionend",p),O(n),i==="exit"?n.style.display="none":n.style.display="",l())};n.addEventListener("transitionend",p);const u=n.ownerDocument;if(!u)return;const f=u.defaultView;if(!f)return;const h=()=>{O(n),n.classList.add(r),f.requestAnimationFrame(()=>{n.style.transitionDuration=t+"ms",n.classList.add(a)})};I?f.requestAnimationFrame(h):h()},L=1e3/60,M=function(n,e,t={}){let i,l,r,a,p=0;t=t||{};const u=function(){p=t.leading===!1?0:new Date().getTime(),i=void 0,a=n.apply(l,r),i||(l=r=null)};return function(){const h=new Date().getTime();!p&&t.leading===!1&&(p=h);const d=e-(h-p);return l=void 0,r=arguments,d<=0||d>e?(i&&(clearTimeout(i),i=void 0),p=h,a=n.apply(l,r),i||(l=r=null)):!i&&t.trailing!==!1&&(i=window.setTimeout(u,d)),a}},k={name:"@progress/kendo-react-popup",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},S=100,z=1;function v(n,e){if(n===e)return!0;if(!!n!=!!e)return!1;const t=Object.getOwnPropertyNames(n),i=Object.getOwnPropertyNames(e);if(t.length!==i.length)return!1;for(let l=0;l<t.length;l++){let r=t[l];if(n[r]!==e[r])return!1}return!0}const U={left:-1e3,top:0},j="k-animation-container",C="k-animation-container-shown",F="k-child-animation-container",H="k-popup";class w extends g.Component{constructor(e){super(e),this.context=0,this.state={current:"hidden",previous:"hidden",props:{}},this._popup=null,this.show=t=>{this.setPosition(t),this.animate(t.firstChild,"enter",this.onOpened),this.setState({current:"shown",previous:this.state.current})},this.setPosition=t=>{let{anchorAlign:i,popupAlign:l,collision:r,offset:a,anchor:p,margin:u,scale:f,positionMode:h}=this.props;const{width:d,height:P}=t.style;t.style.width=t.offsetWidth+"px",t.style.height=t.offsetHeight+"px";const y=s.alignElement({anchor:p,anchorAlign:i,element:t,elementAlign:l,offset:a,margin:u,positionMode:h,scale:f}),c=s.positionElement({anchor:p,anchorAlign:i,element:t,elementAlign:l,collisions:r,currentLocation:y,margin:this.props.margin});if(t.style.top=c.offset.top+"px",t.style.left=c.offset.left+"px",t.style.width=d,t.style.height=P,this._collisions={fit:c.fit,fitted:c.fitted,flip:c.flip,flipped:c.flipped},this.props.onPosition){const T={target:this,flipped:c.flipped,fitted:c.fitted};this.props.onPosition.call(void 0,T)}},this.onOpened=()=>{const t=this._popup;t&&(this.props.show&&t.classList.add(C),this.attachRepositionHandlers(t),this.props.onOpen&&this.props.onOpen.call(void 0,{target:this}))},this.animate=(t,i,l)=>{if(!this.props.popupAlign)return;let r;const{horizontal:a,vertical:p}=this.props.popupAlign;a==="left"&&p==="center"?r="right":a==="right"&&p==="center"?r="left":p==="top"?r="down":r="up";const u={down:"up",up:"down",left:"right",right:"left"};this._collisions&&this._collisions.flipped&&(r=u[r]),R(t,r,this.animationDuration[i],i,l)},this.onClosing=t=>{this.props.show||t.classList.remove(C),this.detachRepositionHandlers()},this.onClosed=()=>{this.state.current==="hiding"&&this.state.previous==="shown"&&this.setState({current:"hidden",previous:this.state.current}),this.props.onClose&&this.props.onClose.call(void 0,{target:this})},this.getCurrentZIndex=()=>this.context?this.context+z:S,m.validatePackage(k),this.reposition=M(this.reposition.bind(this),L)}get element(){return this._popup}static getDerivedStateFromProps(e,t){const{show:i,anchor:l,anchorAlign:r,appendTo:a,collision:p,popupAlign:u,className:f,popupClass:h,style:d,offset:P,contentKey:y}=e,c={...t,props:{show:i,anchor:l,anchorAlign:r,appendTo:a,collision:p,popupAlign:u,className:f,popupClass:h,style:d,offset:P,contentKey:y}};return e.show?t.current==="hidden"||t.current==="hiding"?{...c,current:"showing",previous:t.current}:t.current==="showing"?{...c,current:"shown",previous:t.current}:t.current==="shown"&&(!v(P,t.props.offset)||!v(r,t.props.anchorAlign)||!v(a,t.props.appendTo)||!v(p,t.props.collision)||!v(u,t.props.popupAlign)||!v(d,t.props.style)||l!==t.props.anchor||h!==t.props.popupClass||f!==t.props.className)?{...c,current:"reposition",previous:t.current}:c:t.current==="hiding"||t.current==="hidden"?{...c,current:"hidden",previous:t.current}:{...c,current:"hiding",previous:t.current}}componentDidUpdate(e){this.state.current==="showing"&&this._popup?this.show(this._popup):this.state.current==="hiding"&&this._popup?(this.onClosing(this._popup),this.animate(this._popup.firstChild,"exit",this.onClosed)):this.state.current==="reposition"&&this.state.previous==="shown"?this.setState({current:"shown",previous:this.state.current}):this.state.current==="shown"&&e.contentKey!==this.props.contentKey&&this._popup&&this.setPosition(this._popup)}componentDidMount(){this.state.current==="showing"&&this._popup&&this.show(this._popup)}componentWillUnmount(){this.detachRepositionHandlers()}render(){const{children:e,className:t,popupClass:i,show:l,id:r,positionMode:a}=this.props,p=this.props.appendTo?this.props.appendTo:m.canUseDOM?this.props.anchor&&this.props.anchor.ownerDocument?this.props.anchor.ownerDocument.body:document.body:void 0;this.state.current==="reposition"&&this.state.previous==="shown"&&this._popup&&this.setPosition(this._popup);const u=Object.assign({},{position:a,top:0,left:-1e4},this.props.style||{}),f=this.state.current==="hiding";if((l||f)&&p){const h=this.getCurrentZIndex(),d=g.createElement(m.ZIndexContext.Provider,{value:h},g.createElement("div",{className:m.classNames(j,t),id:r,ref:P=>this._popup=P,style:{zIndex:h,...u}},g.createElement("div",{className:m.classNames(F),style:{transitionDelay:"0ms"}},g.createElement("div",{role:this.props.role,className:m.classNames(H,i)},e))));return this.props.appendTo!==null?E.createPortal(d,p):d}return null}get animationDuration(){const e=this.props.animate;let t=0,i=0;return e&&(e===!0?t=i=300:(t=e.openDuration||0,i=e.closeDuration||0)),{enter:t,exit:i}}attachRepositionHandlers(e){this.detachRepositionHandlers(),this._scrollableParents=s.domUtils.scrollableParents(this.props.anchor||e),this._scrollableParents&&this._scrollableParents.map(t=>t.addEventListener("scroll",this.reposition)),window.addEventListener("resize",this.reposition)}detachRepositionHandlers(){this._scrollableParents&&(this._scrollableParents.map(e=>e.removeEventListener("scroll",this.reposition)),this._scrollableParents=void 0),window.removeEventListener("resize",this.reposition)}reposition(){this.setState({current:"reposition",previous:this.state.current})}}w.propTypes={anchor:function(n){const e=n.anchor;return e&&typeof e.nodeType!="number"?new Error("Invalid prop `anchor` supplied to `Kendo React Popup`. Validation failed."):null},appendTo:function(n){const e=n.appendTo;return e&&typeof e.nodeType!="number"?new Error("Invalid prop `appendTo` supplied to `Kendo React Popup`. Validation failed."):null},className:o.oneOfType([o.string,o.arrayOf(o.string),o.object]),id:o.string,popupClass:o.oneOfType([o.string,o.arrayOf(o.string),o.object]),collision:o.shape({horizontal:o.oneOf([s.Collision.fit,s.Collision.flip,s.Collision.none]),vertical:o.oneOf([s.Collision.fit,s.Collision.flip,s.Collision.none])}),anchorAlign:o.shape({horizontal:o.oneOf([s.AlignPoint.left,s.AlignPoint.center,s.AlignPoint.right]),vertical:o.oneOf([s.AlignPoint.top,s.AlignPoint.center,s.AlignPoint.bottom])}),popupAlign:o.shape({horizontal:o.oneOf([s.AlignPoint.left,s.AlignPoint.center,s.AlignPoint.right]),vertical:o.oneOf([s.AlignPoint.top,s.AlignPoint.center,s.AlignPoint.bottom])}),offset:o.shape({left:o.number,top:o.number}),children:o.oneOfType([o.element,o.node]),show:o.bool,animate:o.oneOfType([o.bool,o.shape({openDuration:o.number,closeDuration:o.number})]),margin:o.shape({horizontal:o.number,vertical:o.number}),positionMode:o.oneOf(["fixed","absolute"]),scale:o.number,style:o.object,onClose:o.func,onPosition:o.func,onOpen:o.func};w.defaultProps={collision:{horizontal:s.Collision.fit,vertical:s.Collision.flip},anchorAlign:{horizontal:s.AlignPoint.left,vertical:s.AlignPoint.bottom},popupAlign:{horizontal:s.AlignPoint.left,vertical:s.AlignPoint.top},offset:U,animate:!0,show:!1,margin:{horizontal:0,vertical:0},positionMode:"absolute"};w.contextType=m.ZIndexContext;w.displayName="PopupComponent";const _=g.createContext(n=>n),b=g.forwardRef((n,e)=>{const i=g.useContext(_).call(void 0,n);return g.createElement(w,{ref:e,...i})});b.displayName="Popup";exports.Popup=b;exports.PopupPropsContext=_;exports.PopupWithoutContext=w;
|