@progress/kendo-react-layout 7.0.0-develop.1 → 7.0.0-develop.3

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

@@ -2,4 +2,4 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------*/
-(function(g,fe){typeof exports=="object"&&typeof module<"u"?fe(exports,require("react"),require("@progress/kendo-react-common"),require("@progress/kendo-react-popup"),require("prop-types"),require("@progress/kendo-svg-icons"),require("@progress/kendo-react-buttons"),require("@progress/kendo-react-animation"),require("@progress/kendo-react-intl"),require("@progress/kendo-react-progressbars"),require("@progress/kendo-licensing")):typeof define=="function"&&define.amd?define(["exports","react","@progress/kendo-react-common","@progress/kendo-react-popup","prop-types","@progress/kendo-svg-icons","@progress/kendo-react-buttons","@progress/kendo-react-animation","@progress/kendo-react-intl","@progress/kendo-react-progressbars","@progress/kendo-licensing"],fe):(g=typeof globalThis<"u"?globalThis:g||self,fe(g.KendoReactLayout={},g.React,g.KendoReactCommon,g.KendoReactPopup,g.PropTypes,g.KendoSvgIcons,g.KendoReactButtons,g.KendoReactAnimation,g.KendoReactIntl,g.KendoReactProgressbars,g.KendoLicensing))})(this,function(g,fe,o,jt,zs,z,Fs,Ce,ge,Ks,ie){"use strict";function Vt(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(i,s,n.get?n:{enumerable:!0,get:()=>e[s]})}}return i.default=e,Object.freeze(i)}const t=Vt(fe),r=Vt(zs),q="",Pe="0",te="_";function be(e,i){if(X(e))return i[Number(e)];{const s=i[Number(le(e))];return s.items?be(Bs(e),s.items):void 0}}function le(e){return ce(e)?e:e.split(te)[0]}function Bs(e){if(ce(e))return e;{const i=e.indexOf(te);return e.substring(i+1)}}function qt(e){return Me("0",e)}function Rs(e,i){return i.indexOf(e)===0?i.length===e.length||i.charAt(e.length)===te:!1}function Me(e,i){return i?i+te+e:e}function oe(e){const i=e.lastIndexOf(te);return i<0?q:e.substring(0,i)}function ce(e){return e===q||e.indexOf(te)<0}function X(e){return e!==q&&e.indexOf(te)<0}function Hs(e){return _s(e)===1}function Ws(e){return st(e)===Pe}function st(e){const i=e.lastIndexOf(te);return i<0?e:e.substring(i+1)}function Gt(e,i,s){return X(i)?e?Number(i)<s-1?(Number(i)+1).toString():"0":Number(i)>0?(Number(i)-1).toString():(s-1).toString():i}function _s(e){return e.split(te).length-1}const Xt={vertical:"top",horizontal:"left"},Yt={vertical:"top",horizontal:"right"},Zt={vertical:"flip",horizontal:"fit"},Jt={vertical:"fit",horizontal:"flip"},Qt={downward:{anchorAlign:{vertical:"bottom",horizontal:"right"},popupAlign:Yt,collision:Zt},leftward:{anchorAlign:{vertical:"top",horizontal:"left"},popupAlign:Yt,collision:Jt}},es={downward:{anchorAlign:{vertical:"bottom",horizontal:"left"},popupAlign:Xt,collision:Zt},rightward:{anchorAlign:{vertical:"top",horizontal:"right"},popupAlign:Xt,collision:Jt}};function Us(e,i,s){const n=ts(e,i,s);return s?n==="downward"?Qt.downward:Qt.leftward:n==="downward"?es.downward:es.rightward}function ts(e,i,s){return X(e)?i?s?"leftward":"rightward":"downward":s?"leftward":"rightward"}function ss(e){return e?"rtl":"ltr"}function it(e,i){return`${e}_${i}`}class nt extends t.Component{render(){return this.props.url?t.createElement("a",{className:this.getMenuItemClassName(),role:"presentation",href:this.props.url,tabIndex:-1},this.props.children):t.createElement("span",{id:this.props.id,className:o.classNames(this.getMenuItemClassName(),this.props.className),style:this.props.style,role:"presentation"},this.props.children)}getMenuItemClassName(){return o.classNames("k-link","k-menu-link",{"k-active":this.props.opened})}}nt.propTypes={opened:r.bool,url:r.string};const is="caret-alt-down",ns="caret-alt-right",rs="caret-alt-left";class rt extends t.Component{render(){return t.createElement(o.IconWrap,{"aria-hidden":!0,...this.getIcon()})}getIcon(){switch(ts(this.props.itemId,this.props.verticalMenu===!0,this.props.dir==="rtl")){case"downward":return{name:is,icon:z.caretAltDownIcon};case"rightward":return{name:ns,icon:z.caretAltRightIcon};case"leftward":return{name:rs,icon:z.caretAltLeftIcon};default:return{}}}}rt.propTypes={itemId:r.string,dir:r.string,verticalMenu:r.bool};class at extends t.Component{constructor(){super(...arguments),this.onMouseOver=i=>{this.props.onMouseOver(this.props.parentItemId),i.stopPropagation()},this.onMouseLeave=i=>{this.props.onMouseLeave(this.props.parentItemId),i.stopPropagation()}}render(){const i=this.props.parentItemId;return t.createElement("ul",{className:this.props.className,role:this.props.role?this.props.role:i!==void 0?"menu":"menubar",id:i!==void 0?it(this.props.menuGuid,i):void 0,onMouseOver:i!==void 0?this.onMouseOver:void 0,onMouseLeave:i!==void 0?this.onMouseLeave:void 0,"aria-orientation":this.props["aria-orientation"]},this.renderChildItems())}renderChildItems(){return this.props.items.length>0?this.props.items.map((i,s)=>t.createElement($s,{item:i,isMenuVertical:this.props.isMenuVertical,isDirectionRightToLeft:this.props.isDirectionRightToLeft,focusedItemId:this.props.focusedItemId,lastItemIdToBeOpened:this.props.lastItemIdToBeOpened,tabbableItemId:this.props.tabbableItemId,itemRender:this.props.itemRender,linkRender:this.props.linkRender,menuGuid:this.props.menuGuid,onMouseOver:this.props.onMouseOver,onMouseLeave:this.props.onMouseLeave,onMouseDown:this.props.onMouseDown,onBlur:this.props.onBlur,onFocus:this.props.onFocus,onClick:this.props.onClick,onOriginalItemNeeded:this.props.onOriginalItemNeeded,key:s})):null}}class $s extends t.Component{constructor(i){super(i),this.isFirstRender=!0,this.onMouseOver=s=>{this.props.onMouseOver(this.props.item.id),s.stopPropagation()},this.onMouseLeave=s=>{this.props.onMouseLeave(this.props.item.id),s.stopPropagation()},this.state={opened:!1}}componentDidMount(){const i=this.props.focusedItemId,s=this.props.item.id;i&&i===s&&this.itemElement.focus(),this.isFirstRender=!1}componentDidUpdate(i){const s=this.props.focusedItemId,n=this.props.item.id;if(s){const a=o.getActiveElement(document);i.focusedItemId!==s&&s===n&&!this.itemElement.contains(a)&&this.itemElement.focus()}}render(){const i=this.props.item,s=i.id,n=it(this.props.menuGuid,s);return t.createElement(t.Fragment,null,t.createElement("li",{id:it(this.props.menuGuid,s),className:this.getMenuItemClassName(i),style:i.cssStyle,tabIndex:s===this.props.tabbableItemId?0:-1,onMouseOver:this.onMouseOver,onMouseLeave:this.onMouseLeave,onMouseDown:a=>this.props.onMouseDown(a),onBlur:a=>this.props.onBlur(s,a),onFocus:()=>this.props.onFocus(s),onClick:a=>this.props.onClick(a,s),role:"menuitem","aria-disabled":i.disabled?!0:void 0,"aria-haspopup":i.items.length>0?!0:void 0,"aria-expanded":i.items.length>0?this.Opened:void 0,"aria-label":i.text,"aria-owns":this.Opened?n:void 0,ref:a=>this.itemElement=a,key:"0"},this.contentRender?this.renderContent():this.renderMenuItemLink()),this.renderPopupIfOpened())}renderContent(){const i=this.props.item.contentParentItemId;return t.createElement("div",{className:"k-content",role:"presentation"},t.createElement(this.contentRender,{item:this.props.onOriginalItemNeeded(i),itemId:i}))}renderMenuItemLink(){const i=this.props.item;if(this.linkRender)return t.createElement(this.linkRender,{item:this.props.onOriginalItemNeeded(i.id),itemId:i.id,opened:this.Opened,dir:ss(this.props.isDirectionRightToLeft)});{const s=this.itemRender?t.createElement(this.itemRender,{item:this.props.onOriginalItemNeeded(i.id),itemId:i.id,key:"1"}):t.createElement("span",{className:"k-menu-link-text"},i.text);return t.createElement(nt,{url:i.url,opened:this.Opened},this.renderMenuIconIfApplicable(),s,this.renderArrowIfApplicable())}}renderPopupIfOpened(){if(this.Opened){const i=this.props.item.id,{anchorAlign:s,popupAlign:n,collision:a}=Us(i,this.props.isMenuVertical,this.props.isDirectionRightToLeft);return t.createElement(jt.Popup,{anchor:this.itemElement,show:!0,popupClass:this.getPopupClassName(),anchorAlign:s,popupAlign:n,collision:a,animate:!1,key:"1"},t.createElement(at,{parentItemId:i,items:this.props.item.items,menuGuid:this.props.menuGuid,focusedItemId:this.props.focusedItemId,lastItemIdToBeOpened:this.props.lastItemIdToBeOpened,tabbableItemId:this.props.tabbableItemId,itemRender:this.props.itemRender,linkRender:this.props.linkRender,isMenuVertical:this.props.isMenuVertical,isDirectionRightToLeft:this.props.isDirectionRightToLeft,className:"k-group k-menu-group k-reset k-menu-group-md",onMouseOver:this.props.onMouseOver,onMouseLeave:this.props.onMouseLeave,onMouseDown:this.props.onMouseDown,onBlur:this.props.onBlur,onFocus:this.props.onFocus,onClick:this.props.onClick,onOriginalItemNeeded:this.props.onOriginalItemNeeded}))}else return null}renderMenuIconIfApplicable(){const{icon:i,svgIcon:s}=this.props.item;return i||s?t.createElement(o.IconWrap,{name:i,icon:s,key:"0"}):null}renderArrowIfApplicable(){return this.props.item.items.length>0?t.createElement("span",{className:"k-menu-expand-arrow","aria-hidden":!0},t.createElement(rt,{itemId:this.props.item.id,verticalMenu:this.props.isMenuVertical,dir:ss(this.props.isDirectionRightToLeft),key:"2"})):null}get itemRender(){return this.props.item.render||this.props.itemRender}get linkRender(){return this.props.item.linkRender||this.props.linkRender}get contentRender(){return this.props.item.contentParentItemId?this.props.item.contentRender:null}get Opened(){const i=this.props;return i.item.items.length>0&&Rs(i.item.id,i.lastItemIdToBeOpened)&&!this.isFirstRender}getPopupClassName(){return o.classNames("k-menu-popup",{"k-rtl":this.props.isDirectionRightToLeft})}getMenuItemClassName(i){return o.classNames("k-item","k-menu-item",{"k-first":Ws(i.id),"k-last":i.isLastFromSiblings,"k-disabled":i.disabled},i.cssClass)}}class as extends t.Component{constructor(i){super(i),this.draggable=null,this.onDrag=(s,n,a)=>{const{event:l}=s,{onDrag:c,index:d}=this.props,u=this.draggable&&this.draggable.element;u&&!this.isStatic&&this.isDraggable&&c(l,u,d,n,a)},this.onFocus=()=>{this.setState({focused:!0})},this.onBlur=()=>{this.setState({focused:!1})},this.onToggle=s=>{const{onToggle:n,index:a,prev:l,next:c}=this.props;(l.collapsible||c.collapsible)&&n(l.collapsible?a:a+1,s)},this.onPrevToggle=s=>{const{onToggle:n,index:a,prev:l}=this.props;l.collapsible&&n(a,s)},this.onNextToggle=s=>{const{onToggle:n,index:a,next:l}=this.props;l.collapsible&&n(a+1,s)},this.onKeyDown=s=>{const n=s&&s.keyCode,a=this.isHorizontal,{index:l}=this.props,c=this.draggable&&this.draggable.element,d=(u,h,p)=>{s.preventDefault(),this.props.onKeyboardResize(u,h,p,s)};c&&(n===o.Keys.enter?(s.preventDefault(),this.onToggle(s)):this.isDraggable&&(a&&n===o.Keys.left?d(c,l,-10):a&&n===o.Keys.right?d(c,l,10):!a&&n===o.Keys.up?d(c,l,-10):!a&&n===o.Keys.down&&d(c,l,10)))},this.state={focused:!1}}get isStatic(){const{prev:i,next:s}=this.props,n=i.resizable&&s.resizable,a=i.collapsible||s.collapsible;return!n&&!a}get isDraggable(){const{prev:i,next:s}=this.props,n=i.resizable&&s.resizable,a=i.collapsed||s.collapsed;return!!n&&!a}get isHorizontal(){return this.props.orientation==="horizontal"}render(){const i=this.isDraggable,s=this.isStatic,n=this.isHorizontal,a=o.classNames("k-splitbar",{["k-focus"]:this.state.focused,["k-splitbar-horizontal"]:n,["k-splitbar-vertical"]:!n,["k-splitbar-draggable-horizontal"]:n&&i,["k-splitbar-draggable-vertical"]:!n&&i,["k-splitbar-static-horizontal"]:n&&s,["k-splitbar-static-vertical"]:!n&&s});return t.createElement(o.Draggable,{onPress:l=>this.onDrag(l,!0,!1),onDrag:l=>this.onDrag(l,!1,!1),onRelease:l=>this.onDrag(l,!1,!0),ref:l=>{this.draggable=l}},t.createElement("div",{tabIndex:s?-1:0,role:"separator","aria-valuenow":0,"aria-label":this.props.ariaLabel,"aria-orientation":n?"vertical":void 0,className:a,style:{touchAction:"none"},onFocus:this.onFocus,onBlur:this.onBlur,onDoubleClick:this.onToggle,onKeyDown:this.onKeyDown},this.props.prev.collapsible&&t.createElement("div",{className:"k-collapse-prev",onClick:this.onPrevToggle},t.createElement(o.IconWrap,{name:this.props.prev.collapsible?n?this.props.prev.collapsed?this.props.isRtl?"caret-alt-left":"caret-alt-right":this.props.isRtl?"caret-alt-right":"caret-alt-left":this.props.prev.collapsed?"caret-alt-down":"caret-alt-up":void 0,icon:this.props.prev.collapsible?n?this.props.prev.collapsed?this.props.isRtl?z.caretAltLeftIcon:z.caretAltRightIcon:this.props.isRtl?z.caretAltRightIcon:z.caretAltLeftIcon:this.props.prev.collapsed?z.caretAltDownIcon:z.caretAltUpIcon:void 0,size:"xsmall"})),t.createElement("div",{className:"k-resize-handle"}),this.props.next.collapsible&&t.createElement("div",{className:"k-collapse-next",onClick:this.onNextToggle},t.createElement(o.IconWrap,{name:this.props.next.collapsible?n?this.props.next.collapsed?this.props.isRtl?"caret-alt-right":"caret-alt-left":this.props.isRtl?"caret-alt-left":"caret-alt-right":this.props.next.collapsed?"caret-alt-up":"caret-alt-down":void 0,icon:this.props.next.collapsible?n?this.props.next.collapsed?this.props.isRtl?z.caretAltRightIcon:z.caretAltLeftIcon:this.props.isRtl?z.caretAltLeftIcon:z.caretAltRightIcon:this.props.next.collapsed?z.caretAltUpIcon:z.caretAltDownIcon:void 0,size:"xsmall"}))))}}class lt extends t.Component{constructor(){super(...arguments),this.itemRef=null,this.focus=()=>{this.itemRef&&(this.itemRef.tabIndex=0,this.itemRef.focus())},this.blur=()=>{this.itemRef&&(this.itemRef.tabIndex=-1,this.itemRef.blur())},this.onClick=()=>{this.props.onSelect&&this.props.onSelect(this.props.index),this.itemRef&&(this.itemRef.tabIndex=0,this.itemRef.focus())}}render(){const{id:i,active:s,disabled:n,title:a="Untitled",first:l,last:c}=this.props;let d={id:i,"aria-selected":s,"aria-controls":i,"aria-disabled":n,"aria-hidden":n,role:"tab",onClick:n?void 0:this.onClick};const u=o.classNames("k-item",{["k-first"]:l,["k-last"]:c,["k-disabled"]:n,["k-active"]:s});return t.createElement("li",{...d,className:u,ref:h=>this.itemRef=h,onBlur:this.blur},t.createElement("span",{className:"k-link"},a))}}lt.propTypes={active:r.bool,disabled:r.bool,index:r.number,onSelect:r.func,title:r.oneOfType([r.string,r.element]),first:r.bool,last:r.bool};const js=e=>Array.apply(null,Array(e)),Vs=e=>e.preventDefault(),ye="smooth",ae="prev",ve="next";class Ae extends t.Component{constructor(i){super(i),this.itemsNavRef=t.createRef(),this.isRtl=()=>this.props.dir==="rtl",this.onWheel=s=>{s.stopPropagation();const n=s.deltaY<0?ae:ve;this.setNewScrollPosition(n,s)},this.arrowClickPrev=s=>{this.handleArrowClick(ae,s)},this.arrowClickNext=s=>{this.handleArrowClick(ve,s)},this.handleArrowClick=(s,n)=>{this.setNewScrollPosition(s,n)},this.setNewScrollPosition=(s,n)=>{const a=this.itemsNavRef.current;if(!a)return;const l=this.horizontalScroll(),c=l?a.scrollWidth-a.offsetWidth:a.scrollHeight-a.offsetHeight,d=(n.type==="click"?this.props.buttonScrollSpeed:this.props.mouseScrollSpeed)||0;let u=l?a.scrollLeft:a.scrollTop,h=l?a.scrollWidth-a.scrollLeft:a.scrollHeight-a.scrollTop,p=a.scrollWidth-a.scrollLeft*-1;this.isRtl()&&this.horizontalScroll()?(s===ae&&u<0&&(u+=d,p+=d),s===ve&&u<c&&(u-=d,p-=d),u=Math.min(0,Math.min(c,u))):(s===ae&&u>0&&(u-=d,h+=d),s===ve&&u<c&&(u+=d,h-=d),u=Math.max(0,Math.min(c,u)));const m=u===0,f=n.type==="click"?ye:void 0;if(l){const I=this.isRtl()?Math.round(p)<=a.clientWidth||Math.floor(p)<=a.clientWidth:Math.round(h)<=a.clientWidth||Math.floor(h)<=a.clientWidth;this.setState({disabledPrev:m,disabledNext:I}),a.scrollTo({left:u,behavior:f})}else this.setState({disabledPrev:m,disabledNext:Math.round(h)<=a.clientHeight||Math.floor(h)<=a.clientHeight}),a.scrollTo({top:u,behavior:f})},this.renderArrow=(s,n)=>{const a=this.horizontalScroll(),l={prev:{arrowTab:"k-tabstrip-prev",fontIcon:a?this.isRtl()?"caret-alt-right":"caret-alt-left":"caret-alt-up",svgIcon:a?this.isRtl()?z.caretAltRightIcon:z.caretAltLeftIcon:z.caretAltUpIcon},next:{arrowTab:"k-tabstrip-next",fontIcon:a?this.isRtl()?"caret-alt-left":"caret-alt-right":"caret-alt-down",svgIcon:a?this.isRtl()?z.caretAltLeftIcon:z.caretAltRightIcon:z.caretAltDownIcon}},c=(s===ae?this.props.prevButton:this.props.nextButton)||Fs.Button,d=s===ae?this.arrowClickPrev:this.arrowClickNext;return t.createElement(c,{disabled:n,className:`${l[s].arrowTab}`,onClick:d,icon:l[s].fontIcon,svgIcon:l[s].svgIcon,onMouseDown:Vs,tabIndex:-1,fillMode:"flat"})},this.state={disabledPrev:this.props.selected===0,disabledNext:this.props.selected===t.Children.count(this.props.children)-1}}componentDidMount(){this.props.scrollable&&this.scrollToSelected()}componentDidUpdate(i){const{scrollable:s,selected:n}=this.props;s&&i.selected!==n&&(this.scrollToSelected(),this.setState({disabledPrev:n===0,disabledNext:n===t.Children.count(this.props.children)-1}))}render(){const{selected:i,tabPosition:s,children:n,onSelect:a,onKeyDown:l}=this.props,c=t.Children.count(n),d=t.Children.toArray(n);let u;n&&(u=js(c).map((m,f,I)=>{const b={active:i===f,disabled:d[f].props.disabled,index:f,title:d[f].props.title,first:f===0,last:f===I.length-1,onSelect:a};return t.createElement(lt,{key:f,...b})}));const h=o.classNames("k-tabstrip-items-wrapper",{"k-hstack":s==="top"||s==="bottom","k-vstack":s==="left"||s==="right"}),p=o.classNames("k-tabstrip-items","k-reset");return t.createElement("div",{className:h},this.props.scrollable?t.createElement(t.Fragment,null,this.renderArrow(ae,this.state.disabledPrev),t.createElement("ul",{ref:this.itemsNavRef,className:p,role:"tablist",tabIndex:this.props.tabIndex,onKeyDown:l,onWheel:this.onWheel},u),this.renderArrow(ve,this.state.disabledNext)):t.createElement("ul",{className:p,role:"tablist",tabIndex:this.props.tabIndex,onKeyDown:l},u))}scrollToSelected(){const i=this.itemsNavRef.current,s=i&&i.children[this.props.selected||0];if(s instanceof HTMLElement&&i instanceof HTMLElement){const n=this.horizontalScroll(),a=n?i.offsetWidth:i.offsetHeight,l=n?s.offsetWidth:s.offsetHeight,c=n?"left":"top";let d=n?i.scrollLeft:i.scrollTop,u=0;if(this.isRtl()){const h=s.offsetLeft;d=d*-1,h<0?(u=h-l+i.offsetLeft,i.scrollTo({[c]:u,behavior:ye})):h+l>a-d&&(u=d+h-l,i.scrollTo({[c]:u,behavior:ye}))}else{const h=n?s.offsetLeft-i.offsetLeft:s.offsetTop-i.offsetTop;d+a<h+l?(u=h+l-a,i.scrollTo({[c]:u,behavior:ye})):d>h&&(u=h,i.scrollTo({[c]:u,behavior:ye}))}}}horizontalScroll(){return/top|bottom/.test(this.props.tabPosition||"top")}}Ae.propTypes={children:r.oneOfType([r.element,r.arrayOf(r.element)]),onSelect:r.func,onKeyDown:r.func,selected:r.number,tabIndex:r.number};class ot extends t.Component{constructor(){super(...arguments),this.contentId=o.guid(),this.childFactory=i=>t.cloneElement(i,{...i.props,in:i.props.children.props.id===String(this.contentId+this.props.selected)})}render(){const{children:i,selected:s}=this.props,n=i&&typeof s=="number"&&t.Children.toArray(i)[s],a=o.classNames("k-tabstrip-content","k-active",n&&n.props.contentClassName);return t.createElement("div",{className:a,style:this.props.style},this.renderContent(i))}renderContent(i){return this.props.keepTabsMounted?t.Children.map(this.props.children,(s,n)=>this.renderChild(s,n)):this.renderChild(t.Children.toArray(i)[this.props.selected],this.props.selected)}renderChild(i,s){const n=s===this.props.selected,a={role:"tabpanel","aria-expanded":!0,"aria-labelledby":s.toString(),style:{display:n?void 0:"none"}},l={position:"initial",display:n?void 0:"none"};return i.props.disabled?null:this.props.animation?t.createElement(Ce.Fade,{appear:!0,exit:this.props.keepTabsMounted,style:l,childFactory:this.props.keepTabsMounted?this.childFactory:void 0},t.createElement("div",{...a,id:String(this.contentId+s),key:s},i.props.children)):t.createElement("div",{...a,key:s},i.props.children)}}ot.propTypes={animation:r.bool,children:r.oneOfType([r.element,r.arrayOf(r.element)]),selected:r.number,style:r.object};const R={name:"@progress/kendo-react-layout",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};class ct extends t.Component{constructor(i){super(i),this._element=null,this.showLicenseWatermark=!1,this.keyBinding={[o.Keys.left]:()=>this.prevNavigatableTab(),[o.Keys.right]:()=>this.nextNavigatableTab(),[o.Keys.down]:()=>this.nextNavigatableTab(),[o.Keys.up]:()=>this.prevNavigatableTab(),[o.Keys.home]:()=>0,[o.Keys.end]:()=>t.Children.count(this.props.children)-1},this.onSelect=s=>{this.props.selected!==s&&this.props.onSelect&&this.props.onSelect({selected:s})},this.onKeyDown=s=>{let n;switch(s.keyCode){case o.Keys.left:n=this.keyBinding[this.invertKeys(o.Keys.left,o.Keys.right)];break;case o.Keys.right:n=this.keyBinding[this.invertKeys(o.Keys.right,o.Keys.left)];break;case o.Keys.up:n=this.keyBinding[o.Keys.up];break;case o.Keys.down:n=this.keyBinding[o.Keys.down];break;case o.Keys.home:n=this.keyBinding[o.Keys.home];break;case o.Keys.end:n=this.keyBinding[o.Keys.end];break}n&&(s.preventDefault(),this.onSelect(n()))},this.renderContent=s=>{const{selected:n,children:a,tabContentStyle:l}=s,c=t.Children.count(a);return n<c&&n>-1?t.createElement(ot,{index:n,...s,style:l}):null},this.firstNavigatableTab=()=>{const s=this.children(),n=t.Children.count(s);if(s){for(let a=0;a<n;a++)if(!s[a].props.disabled)return a}},this.lastNavigatableTab=()=>{const s=this.children(),n=t.Children.count(s);if(s){for(let a=n-1;a>0;a--)if(!s[a].props.disabled)return a}},this.prevNavigatableTab=()=>{const s=this.children(),{selected:n}=this.props,a=n?n-1:-1;if(a<0)return this.lastNavigatableTab();if(s)for(let l=a;l>-1;l--){if(!s[l].props.disabled)return l;if(l===0)return this.lastNavigatableTab()}},this.nextNavigatableTab=()=>{const s=this.children(),{selected:n}=this.props,a=n?n+1:1,l=t.Children.count(s);if(a>=l)return this.firstNavigatableTab();if(s)for(let c=a;c<l;c++){if(!s[c].props.disabled)return c;if(c+1===l)return this.firstNavigatableTab()}},o.validatePackage(R),this.showLicenseWatermark=o.shouldShowValidationUI(R)}render(){const i={...this.props,children:this.children(),onKeyDown:this.onKeyDown,onSelect:this.onSelect},{tabPosition:s,tabIndex:n=0}=i,a=s==="bottom",l=o.classNames("k-tabstrip k-pos-relative",{"k-tabstrip-left":s==="left","k-tabstrip-right":s==="right","k-tabstrip-bottom":s==="bottom","k-tabstrip-top":s==="top","k-tabstrip-scrollable":this.props.scrollable},this.props.className);return t.createElement("div",{id:this.props.id,ref:c=>this._element=c,dir:this.props.dir,className:l,style:this.props.style},!a&&t.createElement(Ae,{...i,tabIndex:n}),this.renderContent(i),a&&t.createElement(Ae,{...i,tabIndex:n}),this.showLicenseWatermark&&t.createElement(o.WatermarkOverlay,null))}invertKeys(i,s){return this._element&&getComputedStyle(this._element).direction==="rtl"||!1?s:i}children(){return t.Children.toArray(this.props.children).filter(i=>i)}}ct.propTypes={animation:r.bool,children:r.node,onSelect:r.func,selected:r.number,style:r.object,tabContentStyle:r.object,tabPosition:r.string,tabIndex:r.number,className:r.string,dir:r.string},ct.defaultProps={animation:!0,tabPosition:"top",keepTabsMounted:!1,buttonScrollSpeed:100,mouseScrollSpeed:10};class ls extends t.Component{render(){return null}}ls.propTypes={disabled:r.bool,contentClassName:r.string,children:r.oneOfType([r.element,r.node]),title:r.oneOfType([r.string,r.element,r.node])};function qs({imageUrl:e,icon:i,svgIcon:s,iconClass:n}){return e?t.createElement("img",{role:"presentation",className:"k-panelbar-item-icon k-image",src:e}):i||s?t.createElement(o.IconWrap,{className:"k-panelbar-item-icon",name:i,icon:s}):n?t.createElement("span",{role:"presentation",className:"k-panelbar-item-icon "+n}):null}class ne extends t.PureComponent{constructor(i){super(i),this.handleItemClick=()=>{const{onSelect:s,disabled:n,id:a}=this.props;s&&!n&&s.call(void 0,{uniquePrivateKey:this.props.uniquePrivateKey,id:a,target:this})},this.childFactory=s=>this.props.keepItemsMounted?t.cloneElement(s,{...s.props,in:this.props.expanded}):s,this.state={show:i.expanded||!1}}render(){const{id:i,children:s,title:n,uniquePrivateKey:a,disabled:l,selected:c,focused:d,expanded:u,className:h,level:p,headerClassName:m,animation:f,keepItemsMounted:I}=this.props,b={role:"treeitem","aria-disabled":l,"aria-hidden":!l&&!u,"aria-selected":!l&&c,"aria-expanded":!l&&u&&!!s},N=o.classNames("k-panelbar-item",{"k-panelbar-header":p===0,"k-expanded":u&&!!s,"k-disabled":l},`k-level-${p}`,h),w=o.classNames("k-link",{"k-selected":!l&&c,"k-focus":!l&&d},m),E={display:"block"},y=qs(this.props),D=!l&&s?t.createElement(o.IconWrap,{name:u?"chevron-up":"chevron-down",icon:u?z.chevronUpIcon:z.chevronDownIcon,className:o.classNames("k-panelbar-toggle",u?"k-panelbar-collapse":"k-panelbar-expand")}):null,O=!l&&u||I?t.createElement("ul",{role:"group","aria-expanded":u,"aria-hidden":!u,className:"k-panelbar-group k-panel k-group",style:{display:I?this.state.show?"block":"none":"block"}},s):null,S=(f===void 0||f)&&!l&&s?t.createElement(Ce.Reveal,{transitionEnterDuration:200,transitionExitDuration:200,key:a+"_animation",style:E,children:O,childFactory:I&&this.childFactory,unmountOnExit:!I,onBeforeEnter:()=>I&&this.setState({show:!0}),onAfterExited:()=>I&&this.setState({show:!1})}):O;return t.createElement("li",{id:i,className:N,...b},t.createElement("span",{className:w,onClick:this.handleItemClick},y,t.createElement("span",{className:"k-panelbar-item-text"},n),D),S)}}ne.propTypes={animation:r.bool,children:r.any,className:r.string,icon:r.string,iconClass:r.string,imageUrl:r.string,svgIcon:o.svgIconPropType,expanded:r.bool,disabled:r.bool,onSelect:r.func,selected:r.bool,level:r.number,title:r.oneOfType([r.string,r.element]),id:r.oneOfType([r.string,r.number]),focused:r.bool,keepItemsMounted:r.bool},ne.defaultProps={title:"Untitled"};const dt=({animation:e=!0,keepItemsMounted:i=!1,state:s,expanded:n,handleSelect:a,children:l,parentExpanded:c=!0,level:d=0,parentPrivateKey:u=[]})=>t.Children.map(l,(h,p)=>{if(h&&h.type===ne){let m,f=ht(h,u,p);if(h.props.children){const I={animation:e,keepItemsMounted:i,state:s,expanded:n,handleSelect:a,children:h.props.children,parentExpanded:(n||[]).indexOf(f)>-1,level:d+1,parentPrivateKey:[...u,f]};m=dt(I)}return t.cloneElement(h,{...h.props,animation:h.props.animation!==void 0?h.props.animation:e,keepItemsMounted:i,id:h.props.id||`k-panelbar-item-default-${f}`,uniquePrivateKey:f,parentUniquePrivateKey:u,parentExpanded:c,level:d,expanded:(n||[]).indexOf(f)>-1,focused:s.focused===f&&s.wrapperFocused,selected:s.selected===f,children:m,onSelect:a})}else return t.createElement("div",{className:"k-panelbar-content k-content"},h)}),os=e=>{const i=t.Children.toArray(e.children)[0];return i?ht(i,[],0):""},ut=(e,i,s={expanded:e.expanded||[],selected:e.selected||"",focused:e.focused||"",wrapperFocused:!1},n=!0,a=[])=>(t.Children.map(e.children,(l,c)=>{if(l&&l.type===ne){let d=ht(l,a,c);!l.props.disabled&&n&&(l.props.selected&&(s.selected=d),l.props.focused&&(s.focused=d),l.props.expanded&&(i==="multiple"?s.expanded.push(d):i==="single"&&(s.expanded=[d])),l.props.children&&(s=ut(l.props,i,s,!!l.props.expanded,[...a,d])))}}),s),ht=(e,i,s)=>e&&e.props&&e.props.id?e.props.id:i.length?i[i.length-1]+`.${s}`:`.${s}`;function cs(e,i=[]){return(e||[]).forEach(s=>{s.disabled||(i.push(s),s.expanded&&s.children&&cs(s.children,i))}),i}function pt(e,i=[]){return t.Children.forEach(e,s=>{s&&s.props&&!s.props.disabled&&(i.push(s),s.props.children&&pt(s.props.children,i))}),i}function mt(e,i=[]){return t.Children.forEach(e,s=>{s&&s.props&&!s.props.disabled&&(s.props.expanded||s.props.parentExpanded)&&(i.push(s),s.props.children&&mt(s.props.children,i))}),i}const Gs=e=>e!=null;g.PanelBarUtils=void 0,(e=>{function i(s){return s.map((n,a)=>{let l;return n.content&&(l=n.content),n.children&&(l=i(n.children)),t.createElement(ne,{...n,children:l,key:n.id||a})})}e.mapItemsToComponents=i})(g.PanelBarUtils||(g.PanelBarUtils={}));const ds=(e,i)=>e.length!==i.length?!1:e.every((s,n)=>s===i[n]);var J=(e=>(e[e.Toggle=0]="Toggle",e[e.Next=1]="Next",e[e.Previous=2]="Previous",e))(J||{});class ft extends t.Component{constructor(i){super(i),this._element=null,this.showLicenseWatermark=!1,this.handleSelect=n=>{this.onSelect(n),this.onFocus(n)},this.onSelect=n=>{const a=pt(t.Children.toArray(this.children));let l,c;switch(a.forEach(d=>{d.props.uniquePrivateKey===(n.uniquePrivateKey||this.state.focused)&&(l=d)}),this.expandMode){case"single":c=[...l.props.parentUniquePrivateKey,l.props.uniquePrivateKey],ds(this.expandedItems,c)&&(l.props.parentUniquePrivateKey?c=[...l.props.parentUniquePrivateKey]:c=[]);break;case"multiple":{c=this.expandedItems.slice();let d=c.indexOf(l.props.uniquePrivateKey);d===-1?c.push(l.props.uniquePrivateKey):c.splice(d,1);break}default:c=this.expandedItems.slice();break}this.setState({selected:l.props.uniquePrivateKey,expanded:c}),this.props.onSelect&&this.props.onSelect.call(void 0,{target:l,expandedItems:c})},this.onFocus=(n,a=0)=>{const l=mt(t.Children.toArray(this.children));let c;l.forEach((d,u)=>{if(d.props.uniquePrivateKey===(n.uniquePrivateKey||this.state.focused)){let h=u+a<0?0:u+a>l.length?l.length-1:u+a;c=l[h]}}),c&&(this.activeDescendant=c.props.id,this.setState({focused:c.props.uniquePrivateKey}))},this.onNavigate=(n,a)=>{let l;switch(a){case J.Previous:l=-1,this.onFocus(n,l);break;case J.Next:l=1,this.onFocus(n,l);break;case J.Toggle:this.onSelect(n);break}},this.handleWrapperFocus=()=>{clearTimeout(this.nextTickId),this.state.wrapperFocused||this.setState({wrapperFocused:!0})},this.handleWrapperBlur=()=>{this.nextTick(()=>{this.setState({wrapperFocused:!1})})},this.handleKeyDown=n=>{const a=this._element&&getComputedStyle(this._element).direction==="rtl"||!1;if(n.target===n.currentTarget){const l=n.keyCode;let c;switch(l){case o.Keys.left:c=a?J.Next:J.Previous;break;case o.Keys.up:c=J.Previous;break;case o.Keys.right:c=a?J.Previous:J.Next;break;case o.Keys.down:c=J.Next;break;case o.Keys.space:case o.Keys.enter:c=J.Toggle;break;default:c=null;break}c!==null&&(n.preventDefault(),this.onNavigate(n,c))}},o.validatePackage(R),this.showLicenseWatermark=o.shouldShowValidationUI(R);const s=ut(i,this.expandMode);s.focused||(s.focused=os(i)),this.state=s}get expandMode(){return this.props.expandMode||"multiple"}get selectedItem(){const{selected:i=this.state.selected}=this.props;return i}get expandedItems(){return this.props.isControlled?this.props.expanded||[]:this.state.expanded}get children(){const i={...this.state,selected:this.selectedItem},s={animation:this.props.animation,keepItemsMounted:this.props.keepItemsMounted,state:i,expanded:this.expandedItems,handleSelect:this.handleSelect,children:this.props.children};return dt(s)}render(){const i={"aria-activedescendant":this.activeDescendant},s=o.classNames("k-panelbar","k-pos-relative",this.props.className);return t.createElement("ul",{ref:n=>{this._element=n},dir:this.props.dir,role:"tree",tabIndex:0,onKeyDown:this.handleKeyDown,onFocus:this.handleWrapperFocus,onBlur:this.handleWrapperBlur,className:s,style:this.props.style,...i},this.children,this.showLicenseWatermark&&t.createElement(o.WatermarkOverlay,null))}nextTick(i){this.nextTickId=window.setTimeout(()=>i())}}ft.propTypes={animation:r.bool,children:function(e,i){const s=e[i];if(s){if(Array.isArray(s)){for(let n of s)if(!n.type||n.type!==ne)return new Error("PanelBar children should be either PanelBarItem or Array of PanelBarItem.")}else if(s.type!==ne)return new Error("PanelBar child should be either PanelBarItem or Array of PanelBarItem.");return null}return null},dir:r.string,selected:r.string,expanded:r.arrayOf(r.string),focused:r.string,expandMode:r.oneOf(["single","multiple"]),className:r.string,keepItemsMounted:r.bool,onSelect:r.func,style:r.object},ft.defaultProps={expandMode:"multiple",animation:!0,keepItemsMounted:!1};class gt extends t.Component{render(){return null}}gt.propTypes={text:r.string,url:r.string,icon:r.string,disabled:r.bool,cssClass:r.string,cssStyle:r.object,render:r.any,linkRender:r.any,contentRender:r.any,data:r.any};function Xs(e,i){if(e&&e.length>0)return{items:yt(e),inputItems:e};if(bt(i).length>0){const s=hs(bt(i));return{items:yt(s),inputItems:s}}else return{items:[],inputItems:[]}}function us(e,i){let s={};const{text:n,url:a,icon:l,svgIcon:c,disabled:d,cssClass:u,cssStyle:h,render:p,linkRender:m,contentRender:f,data:I}=e||i.props;return n!==void 0&&(s.text=n),a!==void 0&&(s.url=a),l!==void 0&&(s.icon=l),c!==void 0&&(s.svgIcon=c),d!==void 0&&(s.disabled=d),u!==void 0&&(s.cssClass=u),h!==void 0&&(s.cssStyle=h),p!==void 0&&(s.render=p),m!==void 0&&(s.linkRender=m),f!==void 0&&(s.contentRender=f),I!==void 0&&(s.data=I),s}function bt(e){return t.Children.toArray(e).filter(i=>i&&i.type===gt)}function hs(e){const i=[];for(let s=0;s<e.length;s++){const n=e[s],a=us(void 0,n),l=hs(bt(n.props.children));l.length>0&&(a.items=l),i.push(a)}return i}function yt(e,i){const s=[];for(let n=0;n<e.length;n++){const a=e[n],l=us(a);l.id=Me(n.toString(),i),l.isLastFromSiblings=n===e.length-1,l.items=Ys(a,l),s.push(l)}return s}function Ys(e,i){return e.contentRender?[{contentParentItemId:i.id,id:Me(Pe,i.id),isLastFromSiblings:!0,contentRender:e.contentRender,items:[]}]:e.items?yt(e.items,i.id):[]}const Zs=/\S/;function Js(e,i,s,n,a,l){const c=P();switch(s){case o.Keys.left:return d();case o.Keys.right:return u();case o.Keys.up:return p();case o.Keys.down:return h();case o.Keys.enter:case o.Keys.space:return m();case o.Keys.home:return f();case o.Keys.end:return I();case o.Keys.esc:return b();default:return S()?N():i}function d(){return a?l?D():E():l?y():w()}function u(){return a?l?E():D():l?w():y()}function h(){return a?L():X(i)?v():L()}function p(){return a?C():X(i)?O():C()}function m(){return c.disabled?i:F()?qt(i):le(i)}function f(){return G()[0].id}function I(){const T=G();return T[T.length-1].id}function b(){return X(i)?i:oe(i)}function N(){const T=n.toLowerCase(),A=G(),j=Number(st(i)),Z=A.slice(j+1).concat(A.slice(0,j+1)).find(re=>(re.text||"").toLowerCase().startsWith(T));return Z?Z.id:i}function w(){return X(i)?C():Hs(i)?v(C(le(i))):oe(i)}function E(){return X(i)?O():oe(i)}function y(){return X(i)?L():v(F()?i:L(le(i)))}function D(){return v(X(i)||F()?i:L(le(i)))}function v(T){return Q(!0,T)}function O(T){return Q(!1,T)}function S(){return n.length===1&&Zs.test(n)}function P(T,A){return T===void 0&&(T=i),A===void 0&&(A=e),be(T,A)}function F(T){return P(T).items.length>0}function C(T){return U(!1,T)}function L(T){return U(!0,T)}function H(T){const A=P(T).items;return A[A.length-1].id}function G(){return X(i)?e:P(oe(i),e).items}function Q(T,A){A===void 0&&(A=i);const j=P(A);return F(A)&&!j.disabled?T?qt(A):H(A):A}function U(T,A){if(A===void 0&&(A=i),X(A))return Gt(T,A,e.length);{const j=oe(A),Y=st(A),Z=P(j).items.length;return Me(Gt(T,Y,Z),j)}}}function Qs(e){return e.hoverOpenDelay!==void 0?e.hoverOpenDelay:e.openOnClick?0:100}function ei(e){return e.hoverCloseDelay!==void 0?e.hoverCloseDelay:100}class ti{constructor(){this.phase="Initialized"}getIsDirectionRightToLeft(){return this.isDirectionRightToLeft}setIsDirectionRightToLeft(i){this.phase=this.phase==="NotInitialized"?"Initialized":"NewValueReceived",this.previousIsDirectionRightToLeft=this.isDirectionRightToLeft,this.isDirectionRightToLeft=i}hasDirectionChanged(){return this.phase==="NewValueReceived"?this.previousIsDirectionRightToLeft!==this.isDirectionRightToLeft:!1}}class si{constructor(i,s,n){this.openOnClick=i,this.resetMenu=s,this.openItem=n,this.mouseDown=!1,this.openOnClick=i,this.isMouseOverEnabled=!i}set OpenOnClick(i){!!i!=!!this.openOnClick&&(this.mouseDown=!1,this.isMouseOverEnabled=!i),this.openOnClick=i}handleItemSelectedViaKeyboard(){this.openOnClick&&(this.isMouseOverEnabled=!1,this.resetMenu())}get IsMouseOverEnabled(){return this.isMouseOverEnabled}handleItemMouseDown(){this.mouseDown=!0}handleItemFocus(){this.openOnClick&&!this.mouseDown&&(this.isMouseOverEnabled=!0),this.mouseDown=!1}handleItemClick(i,s){this.openOnClick&&(this.isMouseOverEnabled?s&&(this.isMouseOverEnabled=!1,this.resetMenu()):(this.isMouseOverEnabled=!0,this.openItem(i)))}}const ps={focusedItemId:q,hoveredItemId:q,tabbableItemId:Pe};class Le extends t.Component{constructor(i){super(i),this.menuWrapperEl=null,this.guid=o.guid(),this.directionHolder=new ti,this.inputItems=[],this.items=[],this.reset=()=>{this.clearItemHoverAndLeaveRequestsIfApplicable(),this.setState(ps)},this.onKeyDown=s=>{if(this.state.focusedItemId!==q){const n=be(this.state.focusedItemId,this.items),a=Js(this.items,n.id,s.keyCode,s.key,this.props.vertical,this.directionHolder.getIsDirectionRightToLeft());n.id!==a&&(s.preventDefault(),this.setFocusedItemId(a)),(s.keyCode===o.Keys.enter||s.keyCode===o.Keys.space)&&!n.disabled&&(this.mouseOverHandler.handleItemSelectedViaKeyboard(),this.dispatchSelectEventIfWired(s,n.id),!s.isDefaultPrevented()&&n.items.length===0&&n.url&&window.location.assign(n.url))}s.keyCode===o.Keys.esc&&this.props.onClose&&this.props.onClose.call(void 0,s)},this.onItemMouseOver=s=>{this.mouseOverHandler.IsMouseOverEnabled&&(this.clearItemHoverAndLeaveRequestsIfApplicable(),this.itemHoverRequest=window.setTimeout(()=>{this.setHoveredItemId(s),this.itemHoverRequest=null},Qs(this.props)))},this.onItemMouseLeave=s=>{this.mouseOverHandler.IsMouseOverEnabled&&this.isItemWithDefaultClose(s)&&(this.clearItemHoverAndLeaveRequestsIfApplicable(),this.itemLeaveRequest=window.setTimeout(()=>{this.setHoveredItemId(q),this.itemLeaveRequest=null},ei(this.props)))},this.onItemMouseDown=()=>{this.mouseOverHandler.handleItemMouseDown()},this.onItemFocus=s=>{this.setFocusedItemId(s),this.mouseOverHandler.handleItemFocus()},this.onItemClick=(s,n)=>{const a=be(n,this.items);a.disabled||(this.setFocusedItemId(n),this.mouseOverHandler.handleItemClick(n,this.isItemWithDefaultClose(n)),this.dispatchSelectEventIfWired(s,n),!s.isDefaultPrevented()&&a.url&&window.location.assign(a.url))},this.onItemBlur=(s,n)=>{if(this.isItemWithDefaultClose(s)&&this.setFocusedItemId(q),n.relatedTarget&&n.relatedTarget.nodeName==="LI"){const a=n.relatedTarget.getAttribute("id");if(a&&a.includes(this.guid))return}this.props.onClose&&this.props.onClose.call(void 0,n)},this.getInputItem=s=>be(s,this.inputItems),o.validatePackage(R),this.mouseOverHandler=new si(this.props.openOnClick,this.reset,this.onItemMouseOver),this.state=Object.assign({},ps,{isFirstRender:!0})}get element(){return this.menuWrapperEl}render(){this.prepareItems(),this.state.isFirstRender||this.directionHolder.setIsDirectionRightToLeft(this.checkIsDirectionRightToLeft());let i=this.state.hoveredItemId?this.state.hoveredItemId:this.state.focusedItemId?oe(this.state.focusedItemId):q;return t.createElement("div",{onKeyDown:this.onKeyDown,style:this.props.style,className:this.directionHolder.getIsDirectionRightToLeft()?"k-rtl":void 0,ref:s=>this.menuWrapperEl=s},t.createElement(at,{className:this.getMenuClassName(),"aria-orientation":this.props.vertical?"vertical":void 0,items:this.items,isMenuVertical:this.props.vertical,isDirectionRightToLeft:this.directionHolder.getIsDirectionRightToLeft(),focusedItemId:this.state.focusedItemId,lastItemIdToBeOpened:i,tabbableItemId:this.state.tabbableItemId,itemRender:this.props.itemRender,linkRender:this.props.linkRender,menuGuid:this.guid,onMouseLeave:this.onItemMouseLeave,onMouseOver:this.onItemMouseOver,onMouseDown:this.onItemMouseDown,onFocus:this.onItemFocus,onClick:this.onItemClick,onBlur:this.onItemBlur,onOriginalItemNeeded:this.getInputItem,role:this.props.role}))}componentDidMount(){this.setState({isFirstRender:!1})}componentDidUpdate(i){(!!i.vertical!=!!this.props.vertical||this.directionHolder.hasDirectionChanged())&&this.reset(),this.mouseOverHandler.OpenOnClick=this.props.openOnClick}componentWillUnmount(){this.clearItemHoverAndLeaveRequestsIfApplicable()}setFocusedItemId(i){this.setState(s=>{const n=i===q?s.tabbableItemId:le(i);return{hoveredItemId:i===q||ce(s.hoveredItemId)&&ce(i)?s.hoveredItemId:q,focusedItemId:i,tabbableItemId:n}})}setHoveredItemId(i){this.setState(s=>ce(i)&&ce(s.focusedItemId)?{hoveredItemId:i,focusedItemId:s.focusedItemId,tabbableItemId:s.tabbableItemId}:{hoveredItemId:i,focusedItemId:q,tabbableItemId:Pe})}getMenuClassName(){return o.classNames("k-reset","k-header","k-menu",{"k-menu-horizontal":!this.props.vertical},{"k-menu-vertical":this.props.vertical},this.props.className)}clearItemHoverAndLeaveRequestsIfApplicable(){this.itemHoverRequest&&(clearTimeout(this.itemHoverRequest),this.itemHoverRequest=null),this.itemLeaveRequest&&(clearTimeout(this.itemLeaveRequest),this.itemLeaveRequest=null)}isItemWithDefaultClose(i){return!this.props.customCloseItemIds||this.props.customCloseItemIds.indexOf(i)===-1}checkIsDirectionRightToLeft(){return!!(this.props.dir!==void 0?this.props.dir==="rtl":this.menuWrapperEl&&getComputedStyle(this.menuWrapperEl).direction==="rtl")}prepareItems(){const{items:i,inputItems:s}=Xs(this.props.items,this.props.children);this.items=i,this.inputItems=s}dispatchSelectEventIfWired(i,s){o.dispatchEvent(this.props.onSelect,i,this,{item:this.getInputItem(s),itemId:s})}}Le.propTypes={vertical:r.bool,items:r.arrayOf(r.object),style:r.object,dir:r.string,hoverOpenDelay:r.number,hoverCloseDelay:r.number,openOnClick:r.bool,itemRender:r.any,linkRender:r.any,customCloseItemIds:r.arrayOf(r.string),onSelect:r.func,role:r.string},Le.defaultProps={vertical:!1};class ms extends t.Component{render(){const{id:i,size:s,collapsed:n,overlay:a,containsSplitter:l,collapsible:c,resizable:d,scrollable:u,keepMounted:h}=this.props,p=s&&s.length>0,m={flexBasis:s},f=o.classNames("k-pane",{["k-hidden"]:n,hidden:n,["k-pane-flex"]:l,["k-pane-static"]:!d&&!c||p,["k-scrollable"]:u});return t.createElement("div",{id:i,role:"group",style:m,className:f},!n||h?this.props.children:void 0,a?t.createElement("div",{className:"k-splitter-overlay k-overlay"}):void 0)}}const vt="splitBarLabel",ii={[vt]:"split bar"},ni={collapsible:!1,collapsed:!1,resizable:!0,scrollable:!0},ri=150;class fs extends t.Component{constructor(i){super(i),this._container=null,this.validatePanes=s=>{if(!s.filter(a=>a.size===void 0).length)throw new Error("The Splitter should have at least one pane without a set size.")},this.mapPaneOptions=(s,n)=>{const a=this.orientation,{dragIndex:l,isDragging:c}=this.state,d=[];for(let u=0;u<n.length;u++){let h=!1;const p=n[u];t.isValidElement(p)&&(h=p.type.displayName==="Splitter");let m=!1;c&&l!==void 0&&(m=l===u||l+1===u),d.push({...ni,orientation:a,containsSplitter:h,overlay:m,...(s||[])[u]})}return d},this.mapSplitterPanes=(s,n)=>{const a=ge.provideLocalizationService(this).toLanguageString(vt,ii[vt]);return s.map((l,c)=>{let d;const u=c*2,h=u+1;if(c+1<s.length){const m=s[c+1];d=t.createElement(as,{key:h,index:c,orientation:l.orientation,prev:l,next:m,ariaLabel:a,onDrag:this.onBarDragResize,onToggle:this.onBarToggle,onKeyboardResize:this.onBarKeyboardResize,isRtl:this.isRtl})}return[t.createElement(ms,{key:u,...l},n[c]),d]})},this.onBarToggle=(s,n)=>{const l=this.panesOptions(this.panesContent).map((c,d)=>{const u=this.getPaneProps(c);return d===s?{...u,collapsed:!c.collapsed}:{...u}});this.props.onChange&&this.props.onChange({newState:l,isLast:!0,nativeEvent:n})},this.onBarDragResize=(s,n,a,l,c)=>{const d=new Date().getTime(),{pageX:u,pageY:h}=s,{prevElement:p,nextElement:m}=this.surroudingPanes(n);if(!p||!m)return;if(l){this.setState({isDragging:!0,dragIndex:a,startTime:d,originalX:u,originalY:h,originalPrevSize:this.elementSize(p),originalNextSize:this.elementSize(m)});return}const{originalPrevSize:f,originalNextSize:I,startTime:b,originalX:N,originalY:w}=this.state;if(!l&&d-b<ri){c&&this.resetDragState();return}let E;this.orientation==="vertical"?E=h-w:this.isRtl?E=N-u:E=u-N,this.resize(a,a+1,f,I,E,c,s),c&&this.resetDragState()},this.onBarKeyboardResize=(s,n,a,l)=>{const{prevElement:c,nextElement:d}=this.surroudingPanes(s),u=this.elementSize(c),h=this.elementSize(d);this.resize(n,n+1,u,h,a,!0,l)},this.containerSize=()=>this._container?this.elementSize(this._container,!0):0,this.panesOptions=s=>this.mapPaneOptions(this.panes,s),this.elementSize=(s,n)=>{const a=n?"client":"offset";return this.orientation==="vertical"?s[`${a}Height`]:s[`${a}Width`]},this.clamp=(s,n,a)=>Math.min(n,Math.max(s,a)),this.fixedSize=s=>s&&s.length>0,o.validatePackage(R),this.state={isDragging:!1,dragIndex:void 0,startTime:0,originalX:0,originalY:0,originalPrevSize:0,originalNextSize:0,panes:i.defaultPanes||[]}}get isControlledState(){return this.props.panes!==void 0}get panes(){return this.panesDuringOnChange!==void 0?this.panesDuringOnChange:this.isControlledState?this.props.panes:this.state.panes}get orientation(){return this.props.orientation||"horizontal"}get isRtl(){return this._container&&getComputedStyle(this._container).direction==="rtl"||!1}get panesContent(){return t.Children.toArray(this.props.children).filter(i=>i)}render(){const i=this.panesContent,s=this.panesOptions(i),n=o.classNames("k-widget","k-splitter","k-splitter-flex",`k-splitter-${this.orientation}`,this.props.className);return this.validatePanes(s),t.createElement("div",{style:this.props.style,ref:a=>this._container=a,className:n},this.mapSplitterPanes(s,i))}surroudingPanes(i){return{prevElement:i.previousElementSibling,nextElement:i.nextElementSibling}}isPercent(i){return/%$/.test(i)}toPixels(i,s){let n=parseInt(i,10);return this.isPercent(i)&&(n=s*n/100),n}resetDragState(){this.setState({isDragging:!1,dragIndex:void 0,startTime:0,originalX:0,originalY:0,originalPrevSize:0,originalNextSize:0})}resize(i,s,n,a,l,c,d){const u=this.panesOptions(this.panesContent),h=u[i],p=u[s],m=n+a,f=this.containerSize(),I=v=>this.toPixels(v,f),b={index:i,initialSize:n,min:I(h.min)||m-I(p.max)||0,max:I(h.max)||m-I(p.min)||m},N={index:s,initialSize:a,min:I(p.min)||m-I(h.max)||0,max:I(p.max)||m-I(h.min)||m},w=(v,O)=>{const S=u[v.index],P=this.clamp(v.min,v.max,v.initialSize+O);return this.isPercent(S.size||"")?100*P/f+"%":P+"px"};let E,y;this.fixedSize(h.size)&&this.fixedSize(p.size)?(E=w(b,l),y=w(N,-l)):p.collapsible||this.fixedSize(p.size)?y=w(N,-l):E=w(b,l);const D=u.map((v,O)=>{const S=this.getPaneProps(v);return O===i?{...S,size:E}:O===s?{...S,size:y}:{...S}});this.panesDuringOnChange=D,this.isControlledState||this.setState({panes:D}),this.props.onChange&&this.props.onChange({newState:D,isLast:c,nativeEvent:d}),this.panesDuringOnChange=void 0}getPaneProps(i){const{orientation:s,overlay:n,containsSplitter:a,...l}=i;return l}}fs.displayName="Splitter";var gs=(e=>(e.TEXT="text",e.IMAGE="image",e.ICON="icon",e))(gs||{}),Ie=(e=>(e.HORIZONTAL="horizontal",e.VERTICAL="vertical",e))(Ie||{}),It=(e=>(e.DEFAULT="default",e.primary="primary",e.INFO="info",e.SUCCESS="success",e.WARNING="warning",e.ERROR="error",e))(It||{}),bs=(e=>(e.START="start",e.CENTER="center",e.END="end",e.STRETCHED="stretched",e))(bs||{});const Ee=t.forwardRef((e,i)=>{o.validatePackage(R);const{children:s,dir:n,style:a,className:l,type:c,orientation:d,...u}=e,h=t.useRef(null),p=t.useRef(null);return t.useImperativeHandle(h,()=>({element:p.current,props:e})),t.useImperativeHandle(i,()=>h.current),t.createElement("div",{dir:n,style:a,ref:p,className:o.classNames("k-card",l,{[`k-card-${c}`]:c!==It.DEFAULT},d!==Ie.HORIZONTAL?"k-card-vertical":"k-card-horizontal"),...u},s)});Ee.displayName="KendoReactCard",Ee.propTypes={children:r.node,className:r.string,dir:r.string,orientation:r.oneOf(["horizontal","vertical"]),style:r.object,type:r.oneOf(["default","primary","info","success","warning","error"])},Ee.defaultProps={type:It.DEFAULT,orientation:Ie.VERTICAL};const Et=e=>t.createElement("div",{style:e.style,className:o.classNames("k-card-header",e.className)},e.children);Et.propTypes={className:r.string};const Nt=e=>t.createElement("div",{style:e.style,className:o.classNames("k-card-title",e.className)},e.children);Nt.propTypes={className:r.string};const kt=e=>t.createElement("div",{style:e.style,className:o.classNames("k-card-body",e.className)},e.children);kt.propTypes={className:r.string};const wt=e=>{const i={layout:bs.START,orientation:Ie.HORIZONTAL,...e};return t.createElement("div",{style:i.style,className:o.classNames("k-card-actions",i.className,`k-card-actions-${i.layout}`,i.orientation!==Ie.VERTICAL?"k-card-actions-horizontal":"k-card-actions-vertical")},i.children)};wt.propTypes={layout:r.oneOf(["stretched","start","center","end"]),orientation:r.oneOf(["horizontal","vertical"])};const St=e=>{const i={src:"",...e};return t.createElement("img",{style:i.style,className:o.classNames("k-card-image",i.className),src:i.src,alt:i.alt})};St.propTypes={className:r.string,src:r.string};const Tt=e=>t.createElement("div",{style:e.style,className:o.classNames("k-card-subtitle",e.className)},e.children);Tt.propTypes={className:r.string};const ys=e=>t.createElement("div",{style:e.style,className:o.classNames("k-card-footer",e.className)},e.children);ys.propTypes={className:r.string};const vs=e=>{const i={type:gs.TEXT,size:"medium",rounded:"full",fillMode:"solid",themeColor:"primary",...e};return o.validatePackage(R),t.createElement("div",{style:i.style,className:o.classNames("k-avatar",{["k-avatar-bordered"]:i.border,[`k-rounded-${o.kendoThemeMaps.roundedMap[i.rounded]||i.rounded}`]:i.rounded,[`k-avatar-${o.kendoThemeMaps.sizeMap[i.size]||i.size}`]:i.size,[`k-avatar-${i.fillMode}`]:i.fillMode,[`k-avatar-${i.fillMode}-${i.themeColor}`]:!!(i.fillMode&&i.themeColor)},i.className)},t.createElement("span",{className:`k-avatar-${i.type}`},i.children))};vs.propTypes={className:r.string,type:r.oneOf(["text","image","icon"]),size:r.oneOf([null,"small","medium","large"]),rounded:r.oneOf([null,"small","medium","large","full"]),fillMode:r.oneOf([null,"solid","outline"]),themeColor:r.oneOf([null,"base","dark","error","info","inverse","inverse","light","primary","secondary","success","tertiary","warning"])};const ai={animation:!0,expanded:!1,mode:"overlay",position:"start",mini:!1,dir:"ltr",width:240,miniWidth:50},xt=t.createContext(ai),ze=t.forwardRef((e,i)=>{const{className:s,style:n,text:a,icon:l,svgIcon:c,separator:d,disabled:u,selected:h,onSelect:p,index:m,tabIndex:f,children:I,...b}=e,{expanded:N,mini:w,item:E}=t.useContext(xt),y=t.useRef(null),D=t.useCallback(()=>{y.current&&y.current.focus()},[]);t.useImperativeHandle(i,()=>({element:y.current,focus:D,props:e}));const v=o.classNames("k-drawer-item",{"k-selected":h,"k-disabled":u},s),O=t.useCallback(P=>{if(p&&!u){const F={element:y.current,focus:D,props:e};p(F,m,P)}},[p,m,u]),S=t.createElement(t.Fragment,null,(l||c)&&t.createElement(o.IconWrap,{name:l&&o.toIconName(l),icon:c}),!N&&w?null:t.createElement("span",{className:"k-item-text"},a));return d?t.createElement("li",{className:"k-drawer-item k-drawer-separator",role:"separator"}):t.createElement("li",{ref:y,className:v,style:n,role:"menuitem","aria-label":a,"aria-disabled":u,onClick:O,tabIndex:o.getTabIndex(f,u),...b},E?I:S)});ze.propTypes={className:r.string,style:r.object,text:r.string,icon:r.string,svgIcon:o.svgIconPropType,separator:r.bool,selected:r.bool,disabled:r.bool,targetItem:r.any},ze.displayName="KendoDrawerItem";const li=240,oi=50,ci={type:"slide",duration:200},di={type:"slide",duration:0},Fe=t.forwardRef((e,i)=>{const{children:s,className:n,style:a}=e;o.validatePackage(R);const l=o.shouldShowValidationUI(R),{animation:c,expanded:d,mode:u,position:h,onOverlayClick:p,mini:m,dir:f,width:I,miniWidth:b,items:N,item:w,onSelect:E}=t.useContext(xt),y=t.useRef(null),D=t.useCallback(()=>{y.current&&y.current.focus()},[]),v=typeof c!="boolean"?c:c===!1?di:ci,O=I||li,S=b||oi;t.useImperativeHandle(i,()=>({element:y.current,focus:D}));const P=t.useMemo(()=>"k-widget k-drawer "+o.classNames({"k-drawer-start":h==="start","k-drawer-end":h==="end"},n),[h]),F={opacity:1,flexBasis:O,WebkitTransition:"all "+(v&&v.duration)+"ms",transition:"all "+(v&&v.duration)+"ms"},C={opacity:1,transform:"translateX(0px)",WebkitTransition:"all "+(v&&v.duration)+"ms",transition:"all "+(v&&v.duration)+"ms"},L={opacity:m?1:0,flexBasis:m?S:0,WebkitTransition:"all "+(v&&v.duration)+"ms",transition:"all "+(v&&v.duration)+"ms"},H={opacity:0,transform:"translateX(-100%)",WebkitTransition:"all "+(v&&v.duration)+"ms",transition:"all "+(v&&v.duration)+"ms"},G={opacity:0,transform:"translateX(100%)",WebkitTransition:"all "+(v&&v.duration)+"ms",transition:"all "+(v&&v.duration)+"ms"},Q={transform:"translateX(0%)",WebkitTransitionDuration:(v&&v.duration)+"ms",transitionDuration:(v&&v.duration)+"ms"},U=d?u==="push"?F:C:u==="push"?L:f==="ltr"&&h==="start"||f==="rtl"&&h==="end"?m?Q:H:m?Q:G,T=N&&t.createElement("ul",{className:"k-drawer-items",role:"menubar","aria-label":"drawer-list","aria-expanded":d},N.map((j,Y)=>{const Z={index:Y,...j,onSelect:E},re=w||ze;return t.createElement(re,{key:Y,...Z})})),A=t.createElement("div",{style:v?{...U,...a}:a,className:P,ref:y},t.createElement("div",{className:"k-drawer-wrapper",style:!d&&m&&u==="overlay"?{width:S}:{width:O}},T||s),l&&t.createElement(o.WatermarkOverlay,null));return u==="overlay"?t.createElement(t.Fragment,null,d&&t.createElement("div",{className:"k-overlay",onClick:p}),A):A});Fe.propTypes={children:r.any,className:r.string,style:r.object,item:r.any,tabIndex:r.number},Fe.displayName="KendoDrawerNavigation";const Ke=t.forwardRef((e,i)=>{o.validatePackage(R);const{expanded:s,mode:n,position:a,className:l,children:c,style:d,animation:u,mini:h,width:p,miniWidth:m,items:f,item:I,tabIndex:b,onOverlayClick:N,onSelect:w}=e,E=t.useRef(null),y=t.useCallback(()=>{E.current&&E.current.focus()},[]);t.useImperativeHandle(i,()=>({element:E.current,focus:y}));const D=t.useCallback((S,P,F)=>{if(f&&w){const C={itemTarget:S,itemIndex:P,syntheticEvent:F,nativeEvent:F&&F.nativeEvent,target:void 0};w.call(void 0,C)}},[f,w]),v=o.useDir(E,e.dir),O=o.classNames({"k-drawer-container":!0,"k-drawer-expanded":s,"k-drawer-overlay":n==="overlay","k-drawer-push":n==="push","k-drawer-mini":h},l);return t.createElement(xt.Provider,{value:{animation:u,expanded:s,mode:n,position:a,mini:h,dir:v,items:f,item:I,width:p,miniWidth:m,onOverlayClick:N,onSelect:D}},t.createElement("div",{className:O,ref:E,dir:v,style:d,tabIndex:b},f&&t.createElement(Fe,null),c))});Ke.propTypes={animation:r.any,expanded:r.bool,children:r.any,className:r.string,dir:r.string,mode:r.string,position:r.string,mini:r.bool,style:r.object,tabIndex:r.number,width:r.number,miniWidth:r.number,selected:r.number,onSelect:r.func,onOverlayClick:r.func};const ui={animation:!0,expanded:!1,mode:"overlay",position:"start",mini:!1,dir:"ltr",width:240,miniWidth:50};Ke.defaultProps=ui,Ke.displayName="KendoDrawer";const Dt=t.forwardRef((e,i)=>{const{children:s,className:n,style:a}=e,l=t.useRef(null);t.useImperativeHandle(i,()=>({element:l.current}));const c=o.classNames({"k-drawer-content":!0},n);return t.createElement("div",{className:c,style:a,ref:l},s)});Dt.propTypes={children:r.any,className:r.string,style:r.object},Dt.displayName="KendoDrawerContent";const hi={linear:!1,mode:"steps",value:0},Is=t.createContext(hi),Es=400,Ns=0,ks="stepper.optionalText",Ot="stepper.progBarAriaLabel",ws={[ks]:"(Optional)",[Ot]:"progressbar"},Ne=t.forwardRef((e,i)=>{const{children:s,className:n,current:a,disabled:l,focused:c,icon:d,svgIcon:u,index:h,isValid:p,label:m,optional:f,style:I,tabIndex:b,text:N,...w}=e,{animationDuration:E,isVertical:y,item:D,linear:v,mode:O,numOfSteps:S,value:P,onChange:F,onFocus:C,successIcon:L,errorIcon:H,successSVGIcon:G,errorSVGIcon:Q}=t.useContext(Is),U=t.useRef(null),T=t.useCallback(()=>{U.current&&o.focusFirstFocusableChild(U.current)},[]),A=t.useCallback(()=>({element:U.current,focus:T}),[T]);t.useImperativeHandle(i,A);const j=!v||h===P-1||h===P||h===P+1,Y=O==="labels"||!!d&&!!m,Z=ge.useLocalization(),ue=(ee=>Z.toLanguageString(ee,ws[ee]))(ks),se=typeof E=="number"?E:E!==!1?Es:Ns,Se=t.useCallback(ee=>{F&&!l&&o.dispatchEvent(F,ee,A(),{value:h})},[F,P,l]),he=t.useCallback(ee=>{C&&!l&&o.dispatchEvent(C,ee,A(),void 0)},[C,l]),W=t.useMemo(()=>o.classNames("k-step",{"k-step-first":h===0,"k-step-last":S&&h===S-1,"k-step-done":h<P,"k-step-current":a,"k-step-optional":f,"k-step-error":p!==void 0&&!p,"k-step-success":p},{"k-disabled":l,"k-focus":c},n),[h,S,P,a,f,l,c,p,n]),_=t.useMemo(()=>({maxWidth:y?void 0:`calc(100% / ${S})`,maxHeight:y?`calc(100% / ${S})`:void 0,pointerEvents:j?void 0:"none",...I}),[y,S,I,j]),B=p?L:H,V=B?t.createElement("span",{className:"k-step-indicator-icon "+B,"aria-hidden":"true"}):t.createElement(o.IconWrap,{className:"k-step-indicator-icon",name:p?"check-circle":"exclamation-circle",icon:p?G||z.checkOutlineIcon:Q||z.exclamationCircleIcon}),pe=t.createElement(t.Fragment,null,O!=="labels"?t.createElement("span",{className:"k-step-indicator","aria-hidden":!0,style:{transitionDuration:se+"ms"}},d||u?!Y&&p!==void 0?V:t.createElement(o.IconWrap,{className:"k-step-indicator-icon",name:d&&o.toIconName(d),icon:u}):p!==void 0?V:t.createElement("span",{className:"k-step-indicator-text"},N||h+1)):null),Te=t.createElement("span",{className:"k-step-label"},m&&t.createElement("span",{className:"k-step-text"},m),Y&&p!==void 0&&V,f&&t.createElement("span",{className:"k-step-label-optional"},ue)),me=t.createElement(t.Fragment,null,pe,Te);return t.createElement("li",{ref:U,className:W,style:_,...w},t.createElement("a",{className:"k-step-link",title:m||void 0,onClick:Se,onFocus:he,tabIndex:b||(c?0:-1),"aria-current":a,"aria-disabled":l||!j||void 0,"aria-invalid":p!==void 0&&!p||void 0},D?s:me))});Ne.propTypes={children:r.any,className:r.string,current:r.bool,disabled:r.bool,icon:r.string,index:r.number,isValid:r.bool,label:r.string,optional:r.bool,style:r.object,tabIndex:r.number,text:r.string};const pi={tabIndex:0};Ne.defaultProps=pi,Ne.displayName="KendoStep";const Be=t.forwardRef((e,i)=>{o.validatePackage(R);const{animationDuration:s,children:n,className:a,disabled:l,errorIcon:c,errorSVGIcon:d,item:u,items:h,linear:p,mode:m,orientation:f,style:I,successIcon:b,successSVGIcon:N,onChange:w,onFocus:E}=e,D=ge.useLocalization().toLanguageString(Ot,ws[Ot]),v=t.useRef(null),O=t.useCallback(()=>{v.current&&o.focusFirstFocusableChild(v.current)},[]),S=t.useCallback(()=>({element:v.current,focus:O}),[O]);t.useImperativeHandle(i,S);const P=e.value||Ss.value,[F,C]=t.useState(P),L=h?h.length:0,H=f==="vertical",G=o.useRtl(v,e.dir),Q=typeof s=="number"?s:s!==!1?Es:Ns;t.useEffect(()=>{C(P)},[P]);const U=t.useCallback((W,_)=>{const B=_===P-1,V=_===P,pe=_===P+1;P!==_&&w&&!l&&(!p||B||V||pe)&&(o.dispatchEvent(w,W,S(),{value:_}),C(_))},[P,p,w,l,C]),T=t.useCallback(W=>{let _=W.value,B=W.syntheticEvent;U(B,_)},[U]),A=t.useCallback(W=>{E&&!l&&o.dispatchEvent(E,W.syntheticEvent,S(),void 0)},[E,l]),j=t.useCallback(W=>{U(W,F)},[U,F]),Y=t.useCallback(W=>{const _=G==="rtl",B=F,V=h.length-1;switch(W.keyCode){case o.Keys.left:W.preventDefault(),!_&&B>0&&C(B-1),_&&B<V&&C(B+1);break;case o.Keys.right:W.preventDefault(),!_&&B<V&&C(B+1),_&&B>0&&C(B-1);break;case o.Keys.up:W.preventDefault(),!_&&B>0&&C(B-1),_&&B>0&&C(B-1);break;case o.Keys.down:W.preventDefault(),!_&&B<V&&C(B+1),_&&B<V&&C(B+1);break;case o.Keys.home:W.preventDefault(),C(0);break;case o.Keys.end:W.preventDefault(),C(V);break;case o.Keys.space:W.preventDefault();break;case o.Keys.enter:W.preventDefault(),h[B].disabled||j(W);break}},[h,C,F,G,j]),Z=t.useMemo(()=>o.classNames("k-stepper",{"k-stepper-linear":p},a),[p,a]),re=t.useMemo(()=>({display:"grid",gridTemplateColumns:H?void 0:"repeat("+L*2+", 1fr)",gridTemplateRows:H?"repeat("+L+", 1fr)":void 0,...I}),[H,L,I]),ue=t.useMemo(()=>o.classNames("k-step-list",{"k-step-list-horizontal":!H,"k-step-list-vertical":H}),[H]),se=t.useMemo(()=>({gridColumnStart:H?void 0:1,gridColumnEnd:H?void 0:-1,gridRowStart:H?1:void 0,gridRowEnd:H?-1:void 0}),[H]),Se=t.useMemo(()=>({gridColumnStart:H?void 0:2,gridColumnEnd:H?void 0:L*2,gridRowStart:H?1:void 0,gridRowEnd:H?L:void 0,top:H?17:void 0}),[H,L]),he=h&&h.map((W,_)=>{const B={index:_,disabled:l||W.disabled,focused:_===F,current:_===P,...W},V=u||Ne;return t.createElement(V,{key:_,...B})});return t.createElement(Is.Provider,{value:{animationDuration:s,isVertical:H,item:u,linear:p,mode:m,numOfSteps:L,value:P,successIcon:b,successSVGIcon:N,errorIcon:c,errorSVGIcon:d,onChange:T,onFocus:A}},t.createElement("nav",{className:Z,style:re,dir:G,onKeyDown:Y},t.createElement("ol",{className:ue,style:se},he||n),t.createElement(Ks.ProgressBar,{style:Se,animation:{duration:Q},ariaLabel:D,"aria-hidden":!0,max:L-1,labelVisible:!1,orientation:f,reverse:f==="vertical",value:P,disabled:l,tabIndex:-1})))});Be.propTypes={animationDuration:r.oneOfType([r.bool,r.number]),children:r.any,className:r.string,dir:r.string,disabled:r.bool,errorIcon:r.string,errorSVGIcon:o.svgIconPropType,item:r.any,items:r.any,linear:r.bool,mode:r.oneOf(["steps","labels"]),orientation:r.oneOf(["horizontal","vertical"]),style:r.object,successIcon:r.string,successSVGIcon:o.svgIconPropType,value:r.number.isRequired,onChange:r.func,onFocus:r.func};const Ss={value:0};Be.defaultProps=Ss,Be.displayName="KendoStepper";const Ct=t.forwardRef((e,i)=>{o.validatePackage(R);const{children:s,className:n,style:a,id:l}=e,c=t.useRef(null),d=t.useCallback(()=>{c.current&&o.focusFirstFocusableChild(c.current)},[]),u=t.useCallback(()=>({element:c.current,focus:d}),[d]);t.useImperativeHandle(i,u);const h=t.useMemo(()=>o.guid(),[]),p=t.useMemo(()=>e.themeColor||Pt.themeColor,[e.themeColor]),m=t.useMemo(()=>e.position||Pt.position,[e.position]),f=t.useMemo(()=>e.positionMode||Pt.positionMode,[e.positionMode]),I=t.useMemo(()=>o.classNames("k-appbar",{"k-appbar-top":m==="top","k-appbar-bottom":m==="bottom","k-appbar-static":f==="static","k-appbar-sticky":f==="sticky","k-appbar-fixed":f==="fixed","k-appbar-light":p==="light","k-appbar-dark":p==="dark","k-appbar-inherit":p==="inherit"},n),[m,f,p,n]);return t.createElement("div",{className:I,style:a,id:l||h},s)});Ct.propTypes={children:r.any,className:r.string,style:r.object,id:r.string,themeColor:r.string,position:r.oneOf(["top","bottom"]),positionMode:r.oneOf(["static","sticky","fixed"])};const Pt={themeColor:"light",position:"top",positionMode:"static"};Ct.displayName="KendoAppBar";const Mt=t.forwardRef((e,i)=>{const{children:s,className:n,style:a}=e,l=t.useRef(null),c=t.useCallback(()=>{l.current&&o.focusFirstFocusableChild(l.current)},[]),d=t.useCallback(()=>({element:l.current,focus:c}),[c]);t.useImperativeHandle(i,d);const u=t.useMemo(()=>o.classNames("k-appbar-section",n),[n]);return t.createElement("div",{className:u,style:a},s)});Mt.propTypes={children:r.any,className:r.string,style:r.object},Mt.displayName="KendoAppBarSection";const At=t.forwardRef((e,i)=>{const{children:s,className:n,style:a}=e,l=t.useRef(null),c=t.useCallback(()=>{l.current&&o.focusFirstFocusableChild(l.current)},[]),d=t.useCallback(()=>({element:l.current,focus:c}),[c]);t.useImperativeHandle(i,d);const u=t.useMemo(()=>o.classNames("k-appbar-spacer",{"k-appbar-spacer-sized":a&&a.width&&a.width!==null},n),[n,a]),h=t.useMemo(()=>({flexBasis:a&&a.width?a.width:void 0}),[a]);return t.createElement("span",{className:u,style:h},s)});At.propTypes={children:r.any,className:r.string,style:r.object},At.displayName="KendoAppBarSpacer";const Lt=e=>t.createElement(o.Draggable,{onPress:e.onPress,onDrag:i=>{e.onResize(i.event,!1,e.d)},onRelease:i=>{e.onResize(i.event,!0,e.d)}},t.createElement("div",{className:"k-resize-handle k-cursor-"+e.d+"-resize",style:{bottom:0,right:0,...e.style}}));class mi extends t.Component{constructor(){super(...arguments),this.handleResize=(i,s,n)=>{i.originalEvent.preventDefault(),this.props.onResize(i,{end:s,direction:n})}}render(){const{resizable:i,onPress:s,rtl:n}=this.props;return i?t.createElement(t.Fragment,null,i!=="vertical"&&t.createElement(Lt,{onPress:s,onResize:this.handleResize,d:"ew",style:n?{top:0,width:9,left:0,right:""}:{top:0,width:9,right:0,left:""}}),i!=="horizontal"&&t.createElement(Lt,{onPress:s,onResize:this.handleResize,d:"ns",style:{left:0,height:9}}),i===!0&&t.createElement(Lt,{onPress:s,onResize:this.handleResize,d:n?"nesw":"nwse",style:n?{width:9,height:9,right:"",left:0}:{width:9,height:9,right:0,left:""}})):null}}const Ts=200,zt=class extends t.Component{constructor(){super(...arguments),this.state={rtl:!1},this.oldSize={},this.draggable=null,this.dragging=!1,this.resizing=!1,this.element=null,this.hintElement=null,this.ignoreDrag=!1,this.pressOffset={x:0,y:0},this.pressXY={x:0,y:0},this.currentTranslate={x:0,y:0},this.preventDataOps=void 0,this.handleResize=(e,i)=>{if(i.end){this.handleRelease();return}if(!this.element||!this.hintElement)return;const s=e.clientX,n=e.clientY;this.resizing=!0;const a=(i.direction!=="ns"?s-this.pressXY.x:0)*(this.state.rtl?-1:1),l=i.direction!=="ew"?n-this.pressXY.y:0;if(this.dragElement&&(this.state.rtl?this.dragElement.style.marginLeft=-a+"px":this.dragElement.style.marginRight=-a+"px",this.dragElement.style.height=`calc(100% + ${l}px)`),this.hintElement.classList.add("k-layout-item-hint-resize"),this.preventDataOps)return;let c=0,d=0;const u=this.element.getBoundingClientRect();a>u.width/this.props.defaultPosition.colSpan/3&&(c=1),a<-u.width/this.props.defaultPosition.colSpan/1.25&&(c=-1),l>u.height/this.props.defaultPosition.rowSpan/3&&(d=1),l<-u.height/this.props.defaultPosition.rowSpan/1.25&&(d=-1),(c!==0||d!==0)&&this.props.update(this.props.index,0,0,d,c)},this.handlePress=e=>{if(!this.dragElement)return;if(this.pressXY={x:e.event.clientX,y:e.event.clientY},this.ignoreDrag=!1,this.props.ignoreDrag&&this.props.ignoreDrag(e.event.originalEvent)){this.ignoreDrag=!0;return}this.element&&this.hintElement&&(this.element.style.zIndex="10",this.hintElement.style.display="block"),this.dragElement.classList.remove("k-cursor-grab"),this.dragElement.classList.add("k-cursor-grabbing");const i=this.dragElement.getBoundingClientRect();this.pressOffset={x:e.event.clientX-i.x,y:e.event.clientY-i.y}},this.handleDrag=e=>{if(this.ignoreDrag)return;const i=this.dragElement;if(e.event.originalEvent.defaultPrevented||!i)return;this.dragging=!0,e.event.originalEvent.preventDefault();const s=i.getBoundingClientRect();if(this.currentTranslate={x:e.event.clientX-s.x-this.pressOffset.x+this.currentTranslate.x,y:e.event.clientY-s.y-this.pressOffset.y+this.currentTranslate.y},i.style.transform=`translate(${this.currentTranslate.x}px, ${this.currentTranslate.y}px)`,i.style.transition="transform 0s",this.preventDataOps)return;let n=0,a=0;this.currentTranslate.y>.7*s.height/this.props.defaultPosition.rowSpan&&(a=1),this.currentTranslate.y<.7*-s.height/this.props.defaultPosition.rowSpan&&(a=-1),this.currentTranslate.x>.7*s.width/this.props.defaultPosition.colSpan&&(n=1),this.currentTranslate.x<.7*-s.width/this.props.defaultPosition.colSpan&&(n=-1),this.props.update(this.props.index,a,this.state.rtl?-n:n,0,0)},this.handleRelease=()=>{this.dragging=this.resizing=!1,this.currentTranslate={x:0,y:0},this.element&&this.hintElement&&(this.element.style.zIndex="1",this.hintElement.classList.remove("k-layout-item-hint-resize"),this.hintElement.style.display="none");const e=this.dragElement;e&&(e.style.transform="translate(0px, 0px)",e.style.transition=`transform ${Ts}ms cubic-bezier(0.2, 0, 0, 1) 0s`,e.style.marginRight="0px",e.style.marginLeft="0px",e.style.height="100%",e.classList.remove("k-cursor-grabbing"),e.classList.add("k-cursor-grab"))}}get reorderable(){return this.props.reorderable!==void 0?this.props.reorderable:zt.defaultProps.reorderable}get dragElement(){return this.draggable?this.draggable.element:void 0}componentDidMount(){this.element&&(getComputedStyle(this.element).direction==="rtl"&&this.setState({rtl:!0}),this.hintElement&&(this.hintElement.style.height=this.element.offsetHeight+"px",this.hintElement.style.width=this.element.offsetWidth+"px"))}render(){clearTimeout&&typeof clearTimeout=="function"&&(clearTimeout(this.preventDataOps),this.preventDataOps=window.setTimeout(()=>{this.preventDataOps=void 0},200));const e=this.props.defaultPosition,i=this.props.resizable!==void 0?this.props.resizable:zt.defaultProps.resizable,s={gridColumnStart:e.col,gridColumnEnd:`span ${e.colSpan}`,gridRowStart:e.row,gridRowEnd:`span ${e.rowSpan}`,outline:"none",order:e.order,display:"none",...this.props.hintStyle},n={gridColumnStart:e.col,gridColumnEnd:`span ${e.colSpan}`,gridRowStart:e.row,gridRowEnd:`span ${e.rowSpan}`,order:e.order},a=t.createElement("div",{ref:l=>{this.draggable=l?{element:l}:null},className:o.classNames("k-tilelayout-item k-card",{"k-cursor-grab":this.reorderable},this.props.className),style:{height:"100%",...n,...this.props.style}},this.props.children,t.createElement(mi,{onPress:this.handlePress,onResize:this.handleResize,resizable:i,rtl:this.state.rtl}));return t.createElement("div",{ref:l=>{this.element=l},style:n},t.createElement("div",{ref:l=>{this.hintElement=l},style:{position:"absolute",...s},className:o.classNames("k-layout-item-hint",this.props.hintClassName)}),t.createElement(o.Draggable,{ref:l=>{this.draggable=l},onDrag:this.props.reorderable?this.handleDrag:void 0,onRelease:this.props.reorderable?this.handleRelease:void 0,onPress:this.props.reorderable?this.handlePress:void 0},a))}getSnapshotBeforeUpdate(e){return this.oldSize={},this.dragElement&&(this.oldSize=this.dragElement.getBoundingClientRect()),null}componentDidUpdate(e){const i=this.dragElement;if(!i)return;const s=i.getBoundingClientRect(),n=this.oldSize;if(this.resizing){const c=s.width-n.width;if(this.state.rtl){const h=parseFloat(i.style.marginLeft||"0");i.style.marginLeft=h-c+"px"}else{const h=parseFloat(i.style.marginRight||"0");i.style.marginRight=h+c+"px"}this.pressXY.x+=this.state.rtl?-c:c;const d=s.height-n.height,u=parseFloat(i.style.height.substring(12));i.style.height=`calc(100% + ${u+d}px)`,this.pressXY.y+=d}const a=n.left-s.left,l=n.top-s.top;if(!(a===0&&l===0)){if(this.dragging){(e.defaultPosition.order!==this.props.defaultPosition.order||e.defaultPosition.col!==this.props.defaultPosition.col)&&(this.currentTranslate.x=0,this.currentTranslate.y=0,i.style.transform="");return}Math.abs(l)<15&&Math.abs(a)<15||requestAnimationFrame(()=>{const c=this.element;c&&(c.style.transform=`translate(${a}px, ${l}px)`,c.style.transition="transform 0s",requestAnimationFrame(()=>{c.style.transform="",c.style.transition=`transform ${Ts}ms cubic-bezier(0.2, 0, 0, 1) 0s`}))})}}};let Re=zt;Re.propTypes={defaultPosition:r.object.isRequired,style:r.object,className:r.string,hintStyle:r.object,hintClassName:r.string,header:r.any,body:r.any,item:r.any,resizable:r.oneOf(["horizontal","vertical",!0,!1]),reorderable:r.bool},Re.displayName="KendoTileLayoutItem",Re.defaultProps={resizable:!0,reorderable:!0};const fi={column:"k-grid-flow-col",row:"k-grid-flow-row","column dense":"k-grid-flow-col-dense","row dense":"k-grid-flow-row-dense",unset:"k-grid-flow-unset"};class Ft extends t.Component{constructor(i){super(i),this._element=null,this.state={positions:(this.props.items||[]).map((s,n)=>Object.assign({order:n,rowSpan:1,colSpan:1},s.defaultPosition))},this.showLicenseWatermark=!1,this.focus=()=>{this._element&&this._element.focus()},this.update=(s,n,a,l=0,c=0)=>{if(n===0&&a===0&&!c&&!l)return;let d=!1;const u=this.state.positions.map(b=>Object.assign({},b)),h=u[s],p=u.find(b=>b.order===h.order+n);p&&p!==h&&(h.order+=n,p.order+=-n,d=!0);const m=h.col+a;a!==0&&m>=1&&m+h.colSpan<=(this.props.columns||3)+1&&(h.col=m,d=!0);const f=h.colSpan+c;c&&f>=1&&f+h.col<=(this.props.columns||3)+1&&(h.colSpan=f,d=!0);const I=h.rowSpan+l;l&&I>=1&&(h.rowSpan=I,d=!0),d&&(this.setState({positions:u}),o.dispatchEvent(this.props.onReposition,{},this,{value:u}))},o.validatePackage(R),this.showLicenseWatermark=o.shouldShowValidationUI(R)}get element(){return this._element}static getDerivedStateFromProps(i,s){return i.positions?{positions:i.positions.map((n,a)=>Object.assign({order:a,rowSpan:1,colSpan:1},n))}:i.items&&(!s.positions||i.items.length!==s.positions.length)?{positions:i.items.map((n,a)=>Object.assign({order:a,rowSpan:1,colSpan:1},n.defaultPosition))}:null}render(){const{className:i,columns:s=3,columnWidth:n="1fr",gap:a,rowHeight:l="1fr",style:c,autoFlow:d="column",items:u=[]}=this.props,h=a?`${typeof a.rows=="number"?a.rows+"px":a.rows} ${typeof a.columns=="number"?a.columns+"px":a.columns}`:16,p={gridTemplateColumns:`repeat(${s}, minmax(0px, ${typeof n=="number"?n+"px":n}))`,gridAutoRows:`minmax(0px, ${typeof l=="number"?l+"px":l})`,gap:h,padding:h,...c};return t.createElement("div",{ref:m=>{this._element=m},dir:this.props.dir,className:o.classNames("k-tilelayout k-pos-relative",fi[d],i),style:p,id:this.props.id,children:u.map((m,f)=>t.createElement(t.Fragment,{key:this.props.dataItemKey?o.getter(this.props.dataItemKey)(m):f},t.createElement(Re,{update:this.update,defaultPosition:this.state.positions[f],index:f,resizable:m.resizable,reorderable:m.reorderable,style:m.style,className:m.className,hintClassName:m.hintClassName,hintStyle:m.hintStyle,ignoreDrag:this.props.ignoreDrag},m.item?m.item:t.createElement(t.Fragment,null,t.createElement("div",{className:"k-tilelayout-item-header k-card-header"},t.isValidElement(m.header)?m.header:t.createElement("h5",{className:"k-card-title"},m.header)),t.createElement("div",{className:"k-tilelayout-item-body k-card-body"},m.body))),this.showLicenseWatermark&&t.createElement(o.WatermarkOverlay,null)))})}}Ft.propTypes={id:r.string,style:r.object,className:r.string,dir:r.string,gap:r.object,columns:r.number,columnWidth:r.oneOfType([r.number,r.string]),rowHeight:r.oneOfType([r.number,r.string]),dataItemKey:r.string,items:r.array,positions:r.array,autoFlow:r.oneOf(["column","row","column dense","row dense","unset"]),onReposition:r.func,ignoreDrag:r.func},Ft.displayName="KendoTileLayout";const gi={vertical:"k-bottom-nav-item-flow-vertical",horizontal:"k-bottom-nav-item-flow-horizontal"},bi={fixed:"k-pos-fixed",sticky:"k-pos-sticky"},ke=t.forwardRef((e,i)=>{o.validatePackage(R);const s=t.useRef(null);t.useImperativeHandle(i,()=>({element:s.current}));const{className:n,style:a,selected:l,disabled:c,item:d,render:u,dataItem:h,icon:p,svgIcon:m,text:f,id:I,onSelect:b,onKeyDown:N,index:w,tabIndex:E}=e,y=t.useMemo(()=>o.classNames("k-bottom-nav-item",{"k-selected":l,"k-disabled":c},n),[l,c,n]),D=t.useCallback(F=>{b&&w!==void 0&&!c&&b(F,w)},[b,w,c]),v=t.useCallback(F=>{N&&w!==void 0&&!c&&N(F,w)},[N,w,c]),O=u,S=d,P=t.createElement("span",{ref:s,className:y,style:a,role:"link",id:I,tabIndex:E,onClick:D,onKeyDown:v,"aria-current":l,"aria-disabled":c},S?t.createElement(S,{itemIndex:w,item:h}):t.createElement(t.Fragment,null,(p||m)&&t.createElement(o.IconWrap,{className:"k-bottom-nav-item-icon",name:p,icon:m,size:"xlarge"}),f&&t.createElement("span",{className:"k-bottom-nav-item-text",style:{userSelect:"none"}},f)));return O!==void 0?O.call(void 0,P,e):P}),yi={tabIndex:0};ke.propTypes={className:r.string,style:r.object,id:r.string,disabled:r.bool,selected:r.bool,icon:r.string,svgIcon:o.svgIconPropType,text:r.string,tabIndex:r.number},ke.defaultProps=yi,ke.displayName="KendoReactBottomNavigationItem";const He=t.forwardRef((e,i)=>{o.validatePackage(R);const s=t.useRef(null),n=t.useCallback(()=>{s.current&&o.focusFirstFocusableChild(s.current)},[]),a=t.useCallback(()=>({element:s.current,focus:n}),[n]);t.useImperativeHandle(i,a);const{positionMode:l=de.positionMode,itemFlow:c=de.itemFlow,border:d=de.border,className:u,items:h,item:p,itemRender:m,disabled:f,style:I,id:b,onSelect:N,onKeyDown:w}=e,E=t.useMemo(()=>o.guid(),[]),y=o.useDir(s,e.dir),D=t.useMemo(()=>e.fillMode===null||e.fill===null?null:e.fill||e.fillMode||de.fillMode,[e.fillMode,e.fill]),v=t.useMemo(()=>e.themeColor||de.themeColor,[e.themeColor]),O=t.useMemo(()=>o.classNames("k-bottom-nav",bi[l],gi[c],{[`k-bottom-nav-${D}`]:D,[`k-bottom-nav-${D}-${v}`]:!!(D&&v),"k-bottom-nav-border":d,"k-disabled":f},u),[l,v,D,c,d,f,u]),S=t.useCallback((C,L)=>{h&&!h[L].disabled&&N&&o.dispatchEvent(N,C,a(),{itemTarget:h[L],itemIndex:L})},[h,N]),P=t.useCallback((C,L)=>{S(C,L)},[S]),F=t.useCallback((C,L)=>{switch(C.keyCode){case o.Keys.enter:case o.Keys.space:S(C,L),C.preventDefault();break}o.dispatchEvent(w,C,a(),void 0)},[S,w]);return t.createElement("nav",{ref:s,className:O,style:I,id:b||E,dir:y},h&&h.map((C,L)=>t.createElement(ke,{...C,key:L,index:L,id:`${b||E}-${L}`,disabled:f||C.disabled,selected:C.selected,dataItem:C,item:p,render:m,onSelect:P,onKeyDown:F})))}),de={themeColor:"primary",fillMode:"flat",itemFlow:"vertical",positionMode:"fixed",border:!0};He.propTypes={className:r.string,style:r.object,id:r.string,dir:r.string,themeColor:r.oneOf(["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"]),fill:r.oneOf(["solid","flat"]),fillMode:r.oneOf(["solid","flat"]),itemFlow:r.oneOf(["vertical","horizontal"]),border:r.bool,disabled:r.bool,selected:r.number,onSelect:r.func},He.defaultProps=de,He.displayName="KendoReactBottomNavigation";const We=t.forwardRef((e,i)=>{ie.validatePackage(R);const s=t.useRef(null),n=t.useCallback(()=>({element:s.current}),[]);t.useImperativeHandle(i,n);const{className:a,style:l,id:c,children:d}=e,u=t.useMemo(()=>o.guid(),[]),h=t.useMemo(()=>e.orientation||_e.orientation,[e.orientation]),p=h==="horizontal",m=t.useMemo(()=>e.align&&e.align.horizontal?e.align.horizontal:_e.hAlign,[e.align]),f=t.useMemo(()=>e.align&&e.align.vertical?e.align.vertical:_e.vAlign,[e.align]),I=t.useMemo(()=>o.classNames("k-stack-layout",{"k-hstack":h==="horizontal","k-vstack":h==="vertical","k-justify-content-start":p&&m==="start"||!p&&f==="top","k-justify-content-center":p&&m==="center"||!p&&f==="middle","k-justify-content-end":p&&m==="end"||!p&&f==="bottom","k-justify-content-stretch":p&&m==="stretch"||!p&&f==="stretch","k-align-items-start":!p&&m==="start"||p&&f==="top","k-align-items-center":!p&&m==="center"||p&&f==="middle","k-align-items-end":!p&&m==="end"||p&&f==="bottom","k-align-items-stretch":!p&&m==="stretch"||p&&f==="stretch"},a),[h,p,m,f,a]),b={gap:`${typeof e.gap=="number"?e.gap+"px":e.gap}`,...l};return t.createElement("div",{ref:s,className:I,style:b,id:c||u},d)}),_e={orientation:"horizontal",hAlign:"stretch",vAlign:"stretch"};We.propTypes={className:r.string,style:r.object,children:r.any,id:r.string,orientation:r.oneOf(["horizontal","vertical"]),gap:r.oneOfType([r.string,r.number]),align:r.shape({vertical:r.oneOf(["top","middle","bottom","stretch"]),horizontal:r.oneOf(["start","center","end","stretch"])})},We.defaultProps=_e,We.displayName="KendoReactStackLayout";const Ue=t.forwardRef((e,i)=>{ie.validatePackage(R);const s=t.useRef(null),n=t.useCallback(()=>({element:s.current}),[]);t.useImperativeHandle(i,n);const{className:a,style:l,id:c,children:d,gap:u}=e,h=t.useMemo(()=>o.guid(),[]),p=t.useMemo(()=>e.align&&e.align.horizontal?e.align.horizontal:Kt.hAlign,[e.align]),m=t.useMemo(()=>e.align&&e.align.vertical?e.align.vertical:Kt.vAlign,[e.align]),f=t.useMemo(()=>o.classNames("k-grid-layout",{"k-justify-items-start":p==="start","k-justify-items-center":p==="center","k-justify-items-end":p==="end","k-justify-items-stretch":p==="stretch","k-align-items-start":m==="top","k-align-items-center":m==="middle","k-align-items-end":m==="bottom","k-align-items-stretch":m==="stretch"},a),[p,m,a]),I=u?`${typeof u.rows=="number"?u.rows+"px":u.rows} ${typeof u.cols=="number"?u.cols+"px":u.cols}`:void 0,b=e.rows&&e.rows.map(E=>`${typeof E.height=="number"?E.height+"px":E.height}`).join(" "),N=e.cols&&e.cols.map(E=>`${typeof E.width=="number"?E.width+"px":E.width}`).join(" "),w={gap:I,gridTemplateColumns:N,gridTemplateRows:b,...l};return t.createElement("div",{ref:s,className:f,style:w,id:c||h},d)}),Kt={hAlign:"stretch",vAlign:"stretch",gap:void 0};Ue.propTypes={className:r.string,style:r.object,children:r.any,id:r.string,gap:r.shape({rows:r.oneOfType([r.string,r.number]),columns:r.oneOfType([r.string,r.number])}),align:r.shape({vertical:r.oneOf(["top","middle","bottom","stretch"]),horizontal:r.oneOf(["start","center","end","stretch"])})},Ue.defaultProps=Kt,Ue.displayName="KendoReactGridLayout";const Bt=t.forwardRef((e,i)=>{ie.validatePackage(R);const s=t.useRef(null),n=t.useCallback(()=>({element:s.current}),[]);t.useImperativeHandle(i,n);const{className:a,style:l,id:c,children:d,row:u,col:h,rowSpan:p,colSpan:m}=e,f=t.useMemo(()=>o.guid(),[]),I={gridArea:`${u||"auto"} / ${h||"auto"} / ${p?"span "+p:"auto"} / ${m?"span "+m:"auto"}`,...l};return t.createElement("div",{ref:s,className:a,style:I,id:c||f},d)});Bt.propTypes={className:r.string,style:r.object,children:r.any,id:r.string},Bt.displayName="KendoReactGridLayoutItem";const $e=t.forwardRef((e,i)=>{ie.validatePackage(R);const s=t.useRef(null),n=t.useRef(null),a=t.useCallback(()=>{n.current&&n.current.focus()},[n]);return t.useImperativeHandle(s,()=>({element:n.current,focus:a,props:e})),t.useImperativeHandle(i,()=>s.current),t.createElement("li",{ref:n,id:e.id,style:e.style,className:o.classNames("k-breadcrumb-item",{"k-breadcrumb-root-item":e.isFirstItem,"k-breadcrumb-last-item":e.isLastItem},e.className)},e.children)}),vi={id:r.string,className:r.string,children:r.any,style:r.object};$e.displayName="KendoReactBreadcrumbListItem",$e.propTypes=vi;const je=t.forwardRef((e,i)=>{ie.validatePackage(R);const s=t.useRef(null),n=t.useRef(null);return t.useImperativeHandle(s,()=>{var a;return{element:((a=n.current)==null?void 0:a.element)||null,props:e}}),t.useImperativeHandle(i,()=>s.current),t.createElement(o.IconWrap,{ref:n,id:e.id,"aria-hidden":!0,tabIndex:e.tabIndex,style:e.style,name:e.dir==="rtl"?"chevron-left":"chevron-right",icon:e.dir==="rtl"?z.chevronLeftIcon:z.chevronRightIcon,className:"k-breadcrumb-delimiter-icon",size:"xsmall"})}),Ii={id:r.string,className:r.string,style:r.object,tabIndex:r.number,dir:r.string};je.displayName="KendoReactBreadcrumbDelimiter",je.propTypes=Ii;const Ve=t.forwardRef((e,i)=>{ie.validatePackage(R);const s=t.useRef(null),n=t.useRef(null),a=t.useCallback(()=>{n.current&&n.current.focus()},[n]);t.useImperativeHandle(s,()=>({element:n.current,focus:a,props:e})),t.useImperativeHandle(i,()=>s.current);const l=t.useCallback(d=>{e.id&&o.dispatchEvent(e.onItemSelect,d,d.target,{id:e.id})},[e.onItemSelect]),c=t.useCallback(d=>{e.id&&o.dispatchEvent(e.onKeyDown,d,d.target,{id:e.id})},[e.onKeyDown]);return t.createElement("span",{"aria-current":e.ariaCurrent?e.ariaCurrent:e.isLast,role:"link",id:e.id,ref:n,style:e.style,dir:o.useDir(n,e.dir),tabIndex:o.getTabIndex(e.tabIndex,e.disabled),className:o.classNames({"k-breadcrumb-root-link":e.isFirst,"k-breadcrumb-link":!e.isFirst,"k-breadcrumb-icontext-link":e.iconClass!==void 0&&e.text,"k-breadcrumb-icon-link":e.iconClass!==void 0&&!e.text,"k-disabled":e.disabled}),onClick:l,onKeyDown:c},e.iconClass?t.createElement("span",{className:o.classNames("k-icon",e.iconClass)}):e.icon?e.icon:"",e.text&&t.createElement("span",{className:"k-breadcrumb-item-text"},e.text))}),Ei={id:r.string,className:r.string,tabIndex:r.number,style:r.object,dir:r.string,disabled:r.bool,text:r.string,icon:r.node,iconClass:r.string,onClick:r.func,ariaCurrent:r.bool};Ve.displayName="KendoReactBreadcrumbLink",Ve.propTypes=Ei;const qe=t.forwardRef((e,i)=>{ie.validatePackage(R);const s=t.useRef(null),n=t.useRef(null);return t.useImperativeHandle(s,()=>({element:n.current,props:e})),t.useImperativeHandle(i,()=>s.current),t.createElement(t.Fragment,null,e.rootItem?t.createElement("ol",{id:e.id,ref:n,style:e.style,dir:o.useDir(n,e.dir),tabIndex:o.getTabIndex(e.tabIndex,e.disabled),className:o.classNames("k-breadcrumb-root-item-container",{"k-disabled":e.disabled},e.className)},e.children):t.createElement("ol",{id:e.id,ref:n,style:e.style,dir:o.useDir(n,e.dir),tabIndex:o.getTabIndex(e.tabIndex,e.disabled),className:o.classNames("k-breadcrumb-container !k-flex-wrap",{"k-disabled":e.disabled},e.className)},e.children))}),Ni={id:r.string,className:r.string,children:r.element,tabIndex:r.number,style:r.object,dir:r.string,disabled:r.bool};qe.displayName="KendoReactBreadcrumbOrderedList",qe.propTypes=Ni;const Ge=t.forwardRef((e,i)=>{ie.validatePackage(R);const s=t.useRef(null),n=t.useRef(null),a=t.useMemo(()=>e.breadcrumbOrderedList||qe,[e.breadcrumbOrderedList]),l=t.useMemo(()=>e.breadcrumbListItem||$e,[e.breadcrumbListItem]),c=t.useMemo(()=>e.breadcrumbDelimiter||je,[e.breadcrumbDelimiter]),d=t.useMemo(()=>e.breadcrumbLink||Ve,[e.breadcrumbLink]),u=t.useCallback(()=>{n.current&&n.current.focus()},[n]),h=t.useMemo(()=>e.disabled||!1,[e.disabled]);t.useImperativeHandle(s,()=>({element:n.current,focus:u,props:e})),t.useImperativeHandle(i,()=>s.current);const p=o.useDir(n,e.dir),m=y=>{s.current&&o.dispatchEvent(e.onItemSelect,y,y.target,{id:y.target.id})},f=y=>{s.current&&o.dispatchEvent(e.onKeyDown,y,y.target,{id:y.target.id})},I=e.valueField||we.valueField,b=e.iconField||we.iconField,N=e.iconClassField||we.iconClassField,w=e.textField||we.textField,E=e.size||"medium";return t.createElement("nav",{"aria-label":e.ariaLabel,id:e.id,style:e.style,ref:n,dir:p,className:o.classNames("k-breadcrumb k-breadcrumb-wrap",{"k-rtl":p==="rtl","k-disabled":h,"k-breadcrumb-md":!e.size,[`k-breadcrumb-${o.kendoThemeMaps.sizeMap[E]||E}`]:E},e.className)},t.createElement(a,{rootItem:!0},t.createElement(t.Fragment,null,e.data.map((y,D,v)=>{const O=y[I];if(D===0)return t.createElement(l,{key:O,isFirstItem:!0,isLastItem:v.length-1===D},t.createElement(d,{isLast:v.length-1===D,isFirst:!0,id:String(O),icon:y[b]||void 0,iconClass:y[N]?String(y[N]):void 0,text:y[w]?String(y[w]):void 0,disabled:y.disabled||!1,onItemSelect:m,onKeyDown:f,...e}))}))),t.createElement(a,{rootItem:!1},t.createElement(t.Fragment,null,e.data.map((y,D,v)=>{const O=y[I];if(D!==0)return t.createElement(l,{key:O,isFirstItem:!1,isLastItem:v.length-1===D},t.createElement(c,{dir:p}),t.createElement(d,{isLast:v.length-1===D,isFirst:!1,id:String(O),icon:y[b]||void 0,iconClass:y[N]?String(y[N]):void 0,text:y[w]?String(y[w]):void 0,disabled:y.disabled||!1,onItemSelect:m,onKeyDown:f,...e}))}))))}),ki={id:r.string,style:r.object,className:r.string,breadcrumbOrderedList:r.elementType,breadcrumbListItem:r.elementType,breadcrumbDelimiter:r.elementType,breadcrumbLink:r.elementType,data:r.arrayOf(r.shape({id:r.string,text:r.string,icon:r.any,iconClass:r.string})),dir:r.oneOf(["ltr","rtl"]),disabled:r.bool,valueField:r.string,textField:r.string,iconField:r.string,iconClassField:r.string,onItemSelect:r.func,ariaLabel:r.string},we={valueField:"id",textField:"text",iconField:"icon",iconClassField:"iconClass"};Ge.displayName="KendoReactBreadcrumb",Ge.propTypes=ki,Ge.defaultProps=we;const Xe=e=>{const i=t.useRef(null),s=t.useCallback(n=>{e.onClick&&e.onClick.call(void 0,{syntheticEvent:n,item:e.item,title:e.title})},[e.item,e.title,e.onClick]);return t.useEffect(()=>{i.current&&e.focused&&i.current.focus()},[e.focused]),t.createElement("span",{style:e.style,tabIndex:e.tabIndex,className:o.classNames("k-actionsheet-item","k-cursor-pointer",e.disabled&&"k-disabled",e.className),ref:i,role:"button","aria-disabled":e.disabled,onClick:s},t.createElement("span",{className:"k-actionsheet-action"},e.icon&&t.createElement("span",{className:"k-icon-wrap"},e.icon),(e.title||e.description)&&t.createElement("span",{className:"k-actionsheet-item-text"},e.title&&t.createElement("span",{className:"k-actionsheet-item-title"},e.title),e.description&&t.createElement("span",{className:"k-actionsheet-item-description"},e.description))))};Xe.propTypes={className:r.string,style:r.object,description:r.string,disabled:r.bool,group:r.oneOf(["top","bottom"]),icon:r.element,title:r.string};const Ye="ActionSheetHeader",Ze=e=>t.createElement("div",{className:o.classNames("k-actionsheet-titlebar",e.className)},e.children);Ze.propTypes={className:r.string},Ze.displayName=Ye,Ze.propTypes={children:r.any};const Rt="ActionSheetFooter",Je=e=>t.createElement("div",{className:o.classNames("k-actionsheet-footer",e.className)},e.children);Je.propTypes={className:r.string},Je.displayName=Rt,Je.propTypes={children:r.any};const Ht="ActionSheetContent",Qe=e=>t.createElement("div",{className:o.classNames("k-actionsheet-content",e.className)},e.children);Qe.propTypes={className:r.string},Qe.displayName=Ht,Qe.propTypes={children:r.any};class et extends t.Component{constructor(i){super(i),this.actionSheetRef=t.createRef(),this.actionSheetTitleClass="k-actionsheet-title",this.ariaLabeledBy=this.actionSheetTitleClass+1,this.animationDuration=300,this.bottomPosition={bottom:"0",width:"100%"},this.handleKeyDown=s=>{this.props.navigatable&&this.navigation.triggerKeyboardEvent(s)},this.onTab=(s,n,a)=>{a.preventDefault(),a.shiftKey?n.focusPrevious(s):n.focusNext(s)},this.handleOverlayClick=s=>{this.props.onOverlayClick&&this.props.onOverlayClick.call(void 0,s),this.props.onClose&&this.props.onClose.call(void 0,s),this.props.animation||this.hideActionSheet()},this.handleItemClick=s=>{this.props.onItemClick&&this.props.onItemClick.call(void 0,s),this.props.onItemSelect&&this.props.onItemSelect.call(void 0,s),this.props.animation||this.hideActionSheet()},this.onEnter=(s,n,a)=>{if(s.ariaDisabled)return;const l=s.className&&s.className.indexOf?s.className.indexOf("k-actionsheet-item")!==-1:!1,c=n.elements.filter(d=>d.className.indexOf("k-actionsheet-item")!==-1);if(l&&this.props.onItemClick){a.preventDefault();const d=this.props.items[c.indexOf(s)];this.props.onItemClick.call(void 0,{syntheticEvent:a,item:d,title:d&&d.title})}if(l&&this.props.onItemSelect){a.preventDefault();const d=this.props.items[c.indexOf(s)];this.props.onItemSelect.call(void 0,{syntheticEvent:a,item:d,title:d&&d.title})}this.props.animation||this.hideActionSheet()},this.onEscape=(s,n,a)=>{this.props.onOverlayClick&&(a.preventDefault(),this.props.onOverlayClick.call(void 0,a)),this.props.onClose&&(a.preventDefault(),this.props.onClose.call(void 0,a)),this.props.animation||this.hideActionSheet()},this.hideActionSheet=()=>{this.setState({show:!1})},this.children=s=>{const n={};return t.Children.forEach(s,a=>{a&&(n[a.type.displayName]=a)}),n},this.state={show:!1,slide:!1},o.validatePackage(R)}componentDidMount(){this.props.expand&&!this.state.show&&this.setState({show:!0})}componentDidUpdate(i,s){const n=this.actionSheetRef.current;if(this.props.expand&&!this.state.show&&this.setState({show:!0}),this.props.expand&&this.state.show&&!this.state.slide&&this.setState({slide:!0}),!this.props.expand&&this.state.show&&this.state.slide&&this.setState({slide:!1}),s!==this.state&&this.state.slide&&n&&!this.props.className&&(n.style.setProperty("--kendo-actionsheet-height","auto"),n.style.setProperty("--kendo-actionsheet-max-height","none")),n&&this.props.navigatable){const l=[".k-actionsheet-item",...[".k-actionsheet-footer",".k-actionsheet-content",".k-actionsheet-titlebar"].map(c=>o.FOCUSABLE_ELEMENTS.concat(this.props.navigatableElements).map(d=>`${c} ${d}`)).flat()];this.navigation=new o.Navigation({tabIndex:this.props.tabIndex||0,root:this.actionSheetRef,rovingTabIndex:!1,selectors:l,keyboardEvents:{keydown:{Tab:this.onTab,Enter:this.onEnter,Escape:this.onEscape}}}),this.navigation.focusElement(this.navigation.first,null)}}render(){const{title:i,subTitle:s,animationStyles:n,animation:a,expand:l,tabIndex:c,items:d}=this.props,u=d==null?void 0:d.filter(b=>!b.group||b.group==="top"),h=d==null?void 0:d.filter(b=>b.group==="bottom"),p=u&&u.length>0&&h&&h.length>0,m=this.children(this.props.children),f=this.props.animationDuration||this.animationDuration,I=this.state.slide&&t.createElement("div",{className:o.classNames("k-actionsheet",this.props.className,{"k-actionsheet-bottom":!this.props.className}),role:"dialog","aria-modal":"true","aria-hidden":!1,"aria-labelledby":this.ariaLabeledBy,ref:this.actionSheetRef,onKeyDown:this.handleKeyDown},m[Ye]&&!i&&!s&&m[Ye],(i||s)&&t.createElement("div",{className:"k-actionsheet-titlebar k-text-center"},t.createElement("div",{className:"k-actionsheet-titlebar-group k-hbox"},t.createElement("div",{className:this.actionSheetTitleClass,id:this.ariaLabeledBy},i&&t.createElement("div",null,i),s&&t.createElement("div",{className:"k-actionsheet-subtitle"},s)))),m[Ht]||t.createElement("div",{className:"k-actionsheet-content"},t.createElement("div",{className:"k-list-ul",role:"group"},u&&u.map((b,N)=>t.createElement(Xe,{...b,id:N,key:N,item:b,tabIndex:c||0,onClick:this.handleItemClick}))),p&&t.createElement("hr",{className:"k-hr"}),t.createElement("div",{className:"k-list-ul",role:"group"},h&&h.map((b,N)=>t.createElement(Xe,{...b,id:N+((u==null?void 0:u.length)||0),key:N,item:b,tabIndex:c||0,onClick:this.handleItemClick})))),m[Rt]);return t.createElement(t.Fragment,null,l||this.state.show?t.createElement(t.Fragment,null,t.createElement("div",{className:"k-actionsheet-container"},t.createElement("div",{className:"k-overlay",onClick:this.handleOverlayClick}),a?t.createElement(Ce.Animation,{transitionName:this.state.slide?"slide-up":"slide-down",onExited:this.hideActionSheet,transitionEnterDuration:f,transitionExitDuration:f,animationEnteringStyle:n||this.bottomPosition,animationEnteredStyle:n||this.bottomPosition,animationExitingStyle:n||this.bottomPosition,exit:!0,enter:!0,appear:!1},I):I)):null)}}et.displayName="KendoReactActionSheet",et.propTypes={items:r.array,subTitle:r.string,title:r.string,navigatable:r.bool,navigatableElements:r.array},et.defaultProps={navigatable:!0,navigatableElements:[]};const Wt=e=>{const{title:s,subtitle:n,actions:a,images:l,description:c}=e.eventData,[d,u]=t.useState(e.eventData.opened||!1),[h,p]=t.useState(e.eventData.opened||!!e.collapsible),m=b=>{if(u(!d),e.onChange){const N={syntheticEvent:b,nativeEvent:b.nativeEvent,eventData:e.eventData};e.onChange.call(void 0,N)}},f=b=>{if(e.onActionClick){const N={syntheticEvent:b,nativeEvent:b.nativeEvent,eventData:e.eventData};e.onActionClick.call(void 0,N)}},I=()=>t.createElement(t.Fragment,null,t.createElement(kt,null,t.createElement("div",{className:"k-card-description"},t.createElement("p",null,c),l&&l.map((b,N)=>t.createElement(St,{key:N,src:b.src})))),t.createElement(wt,null,a&&a.map((b,N)=>t.createElement("a",{key:N,href:b.url,className:"k-button k-button-md k-rounded-md k-button-flat k-button-flat-primary",onClick:f},b.text))));return t.createElement("div",{"data-testid":"k-timeline-card",className:o.classNames("k-timeline-card",{"k-collapsed":e.collapsible&&h})},t.createElement(Ee,{"aria-live":"polite","aria-describedby":e.id,"aria-atomic":"true",tabIndex:e.tabindex,role:e.horizontal?"tabpanel":"button","aria-expanded":e.collapsible&&h},t.createElement("span",{style:e.calloutStyle,className:o.classNames("k-timeline-card-callout","k-card-callout",{"k-callout-n":e.horizontal},{"k-callout-e":e.alternated&&!e.horizontal},{"k-callout-w":!e.alternated&&!e.horizontal})}),t.createElement("div",{className:"k-card-inner"},t.createElement(Et,null,t.createElement(Nt,null,t.createElement("span",{className:"k-event-title"},s),e.collapsible&&t.createElement("span",{onClick:b=>m(b),className:"k-event-collapse k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-icon-button"},t.createElement(o.SvgIcon,{icon:z.chevronRightIcon}))),n&&t.createElement(Tt,null,n)),e.collapsible?t.createElement(Ce.Reveal,{transitionEnterDuration:e.transitionDuration||400,transitionExitDuration:e.transitionDuration||400,onBeforeEnter:()=>p(!1),onAfterExited:()=>p(!0)},d?I():null):I())))};Wt.propTypes={onChange:r.func,onActionClick:r.func};const wi=e=>e.sort((s,n)=>s.date.getTime()-n.date.getTime()),_t=e=>{let i;return e.reduce((n,a)=>(i!==a.date.getFullYear()?(i=a.date.getFullYear(),n.push({yearFlag:i},a)):n.push(a),n),[])},xs=e=>{const n=ge.useInternationalization(),[a,l]=t.useState(!1),[c,d]=t.useState(!0),[u,h]=t.useState(),[p,m]=t.useState(0),[f,I]=t.useState(),[b,N]=t.useState(0),[w,E]=t.useState(0),[y,D]=t.useState(1),[v,O]=t.useState(),[S,P]=t.useState(),[F,C]=t.useState([0,0,0]),[L,H]=t.useState(0),[G,Q]=t.useState(1),U=t.useRef(null),T=t.useRef(null),A=t.useRef(null),{eventsData:j,dateFormat:Y,navigatable:Z,onActionClick:re}=e,ue=f?`${f}%`:"150px",se=t.useRef(new o.Navigation({tabIndex:0,root:U,selectors:[".k-timeline-scrollable-wrap"]}));t.useEffect(()=>{U.current&&e.navigatable&&(setTimeout(()=>{const k=se.current.first;k&&k.setAttribute("tabindex",String(0))},0),se.current.keyboardEvents={keydown:{ArrowRight:he,ArrowLeft:W,End:B,Home:_}})},[e.navigatable,y,b]),t.useEffect(()=>{se.current.update()});const Se=k=>{Z&&se.current&&se.current.triggerKeyboardEvent(k)};t.useEffect(()=>{var K;const k=o.canUseDOM&&window.ResizeObserver&&new window.ResizeObserver(tt),x=T.current,M=((K=U==null?void 0:U.current)==null?void 0:K.offsetWidth)||0;return k&&x&&k.observe(x),V(),tt(),C([M,0,-M]),()=>{k&&k.disconnect()}},[]),t.useEffect(()=>{const k=T.current,x=k&&k.children[y];if(x){const M=x.offsetWidth,K=!(p>=0);if(l(K),S){const $=S.length*M>b*M*((p*-1+100)/100);d($)}(k==null?void 0:k.offsetWidth)*-p/100>=k.children.length*M&&(V(),tt(),m((x.offsetLeft-x.offsetWidth)/(b*x.offsetWidth)*100*-1)),Ms(x)}},[b,f,y]);const he=(k,x,M)=>{if(T.current){const K=T.current.children[y+1],$=K&&K.classList.contains("k-timeline-flag-wrap")?y+2:y+1;if(S&&S.length<=$)return;b+w<=$&&Te(),De($,M)}},W=(k,x,M)=>{if(T.current){const K=T.current&&T.current.children[y-1],$=K&&K.classList.contains("k-timeline-flag-wrap")?y-2:y-1;if($<=0)return;$<w&&pe(),De($,M)}},_=(k,x,M)=>{if(T.current){if(y<=1)return;const K=1;me(!0,K,0,0),De(K,M)}},B=(k,x,M)=>{if(T.current){const K=T.current&&T.current.children.length-1;if(K<=y)return;const $=Math.floor(K/b),Oe=$*-100,$t=$*b;me(!0,K,$t,Oe),De(K,M)}},V=()=>{const k=_t(j);P(k),O([k[y-1],k[y],k[y+1]])},pe=()=>{var x;if(T.current&&S){const M=w-b,K=w-1,$=S[K]&&((x=S[K])!=null&&x.yearFlag)?K-1:K,Oe=p+100>0?0:p+100;me(!1,$,M,Oe)}},Te=()=>{if(T.current&&S){const x=w+b,M=S[x]&&S[x].yearFlag?x+1:x,K=p-100;me(!0,M,x,K)}},me=(k,x,M,K)=>{ee(k,x),tt(),E(M),m(K),D(x)},ee=(k,x)=>{if(v&&S){const M=xe(k,G),K=Object.assign([],v,{[M]:S[x]});O(K),Q(M),H(k?-100:100),setTimeout(()=>{var Ls;const $=(Ls=U.current)==null?void 0:Ls.offsetWidth,Oe=Object.assign([],F,{[M]:0,[xe(!0,M)]:$,[xe(!1,M)]:$&&-$}),$t=Object.assign([],K,{[xe(!0,M)]:{},[xe(!1,M)]:{}});O($t),C(Oe),H(0)},e.transitionDuration||300)}},xe=(k,x)=>{const M=k?x+1:x-1;return v?M<0?v.length-1:M%v.length:0},Ms=k=>{var M;const x=(y-w)*k.offsetWidth+k.offsetWidth/2+(((M=A.current)==null?void 0:M.offsetWidth)||0);h(x)},De=(k,x)=>{x.preventDefault(),k>y?ee(!0,k):k<y&&ee(!1,k),D(k)},tt=t.useCallback(()=>{const k=T.current,x=k&&k.children[y];if(k instanceof HTMLElement&&x){const M=Math.round(k.offsetWidth/150);Ms(x),I(100/M),N(M)}},[]),Si=()=>({transitionDuration:"300ms"}),As=k=>({transform:`translateX(${k}%)`,transformOrigin:"left top"});return t.createElement(t.Fragment,null,t.createElement("div",{className:"k-timeline-track-wrap",ref:U,onKeyDown:Se},t.createElement("a",{ref:A,"aria-hidden":"true",onClick:()=>a&&pe(),className:o.classNames("k-timeline-arrow","k-timeline-arrow-left","k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-icon-button",{"k-disabled":!a})},t.createElement(o.SvgIcon,{icon:z.caretAltLeftIcon})),t.createElement("a",{"aria-hidden":"true",onClick:()=>c&&Te(),className:o.classNames("k-timeline-arrow","k-timeline-arrow-right","k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-icon-button",{"k-disabled":!c})},t.createElement(o.SvgIcon,{icon:z.caretAltRightIcon})),t.createElement("div",{className:"k-timeline-track"},t.createElement("ul",{ref:T,className:"k-timeline-scrollable-wrap",role:"tablist",tabIndex:0,style:{transform:`translateX(${p}%)`}},S&&S.map((k,x)=>k.yearFlag?t.createElement("li",{role:"none",className:"k-timeline-track-item k-timeline-flag-wrap",style:{flex:`1 0 ${ue}`},key:x},t.createElement("span",{className:"k-timeline-flag"},k.yearFlag)):t.createElement("li",{role:"tab",className:o.classNames("k-timeline-track-item",{"k-focus":x===y}),"aria-selected":x===y,style:{flex:`1 0 ${ue}`},key:x},t.createElement("div",{className:"k-timeline-date-wrap"},t.createElement("span",{className:"k-timeline-date"},n.formatDate(k.date,Y))),t.createElement("span",{onClick:M=>De(x,M),className:"k-timeline-circle"})))))),t.createElement("div",{className:"k-timeline-events-list"},t.createElement("ul",{className:"k-timeline-scrollable-wrap",style:L===0?{...As(L)}:{...As(L),...Si()}},v&&v.map((k,x)=>t.createElement("li",{key:x,className:"k-timeline-event",style:{transform:`translate3d(${F[x]}px, 0px, 0px)`}},k&&t.createElement(Wt,{tabindex:F[x]===0?0:-1,eventData:k,onActionClick:re,horizontal:!0,collapsible:!1,calloutStyle:{left:`${u}px`}}))))))};xs.propTypes={onActionClick:r.func};const Ds=e=>{const i=ge.useInternationalization(),[s,n]=t.useState(),{collapsibleEvents:a,transitionDuration:l,eventsData:c,dateFormat:d,alterMode:u,navigatable:h,onChange:p,onActionClick:m}=e,f=t.useRef(null),I=t.useRef(new o.Navigation({tabIndex:0,root:f,selectors:[".k-card-vertical"]}));t.useEffect(()=>{f.current&&e.navigatable&&(setTimeout(()=>{const E=I.current.first;E&&E.setAttribute("tabindex",String(0))},0),I.current.keyboardEvents={keydown:{Space:N,Enter:N}})},[e.navigatable]),t.useEffect(()=>{n(_t(c))},[]),t.useEffect(()=>{I.current.update()});const b=E=>{h&&I.current&&I.current.triggerKeyboardEvent(E)},N=(E,y,D)=>{D.preventDefault();const v=E.querySelector(".k-card-title .k-event-collapse");v&&v.click()};let w=0;return t.createElement("ul",{ref:f,onKeyDown:b},s&&s.map((E,y)=>{const D=o.guid(),v=(y+w)%2===0;return E.yearFlag&&(w+=1),t.createElement(t.Fragment,{key:y},E.yearFlag?t.createElement("li",{className:"k-timeline-flag-wrap"},t.createElement("span",{className:"k-timeline-flag"},E.yearFlag)):t.createElement("li",{className:o.classNames("k-timeline-event",{"k-reverse":v})},t.createElement("div",{className:"k-timeline-date-wrap"},t.createElement("span",{className:"k-timeline-date",id:D},i.formatDate(E.date,d))),t.createElement("a",{className:"k-timeline-circle"}),t.createElement(Wt,{id:D,tabindex:h?0:-1,eventData:E,alternated:u&&v,collapsible:a,transitionDuration:l,onChange:p,onActionClick:m})))}))};Ds.propTypes={onActionClick:r.func};const Os=e=>{const i={alterMode:!1,collapsibleEvents:!0,dateFormat:"MMM dd, yyyy",...e},{collapsibleEvents:s,transitionDuration:n,className:a,alterMode:l,navigatable:c,horizontal:d,events:u,dateFormat:h,onChange:p,onActionClick:m}=i,[f,I]=t.useState(),b=t.useRef(null);return t.useEffect(()=>{b.current&&I(b.current.offsetWidth)},[]),t.createElement("div",{ref:b,className:o.classNames("k-timeline",{"k-timeline-collapsible":s,"k-timeline-vertical":!d,"k-timeline-alternating":l,"k-timeline-horizontal":d},a),style:{width:`${f}px`}},d?t.createElement(xs,{navigatable:c,eventsData:u,dateFormat:h,transitionDuration:n,onActionClick:m}):t.createElement(Ds,{navigatable:c,eventsData:u,dateFormat:h,alterMode:l,collapsibleEvents:s,transitionDuration:n,onChange:p,onActionClick:m}))};Os.propTypes={className:r.string};const Cs=e=>{const i=t.useRef(null);return t.useEffect(()=>{e.show&&setTimeout(()=>{const s=i.current&&i.current.element,n=s&&s.querySelector(".k-menu-item"),a=o.getActiveElement(n&&n.ownerDocument);n&&n!==a&&n.focus()})},[e.show]),t.createElement(jt.Popup,{show:e.show,offset:e.offset,popupClass:"k-menu-popup",animate:!1},t.createElement(Le,{vertical:!0,...e,ref:i,className:o.classNames("k-context-menu",e.className),onClose:e.onClose,role:"menu"},e.children))};Cs.displayName="KendoReactContextMenu";const Ut=t.forwardRef((e,i)=>{o.validatePackage(R);const s=t.useRef(null),[n,a]=t.useState(!1),l=t.useCallback(()=>({element:s.current}),[]);t.useImperativeHandle(i,l);const{expanded:c=!1,disabled:d,title:u,subtitle:h,onAction:p,expandIcon:m,collapseIcon:f,expandSVGIcon:I,collapseSVGIcon:b}=e,N=t.useCallback(O=>{o.dispatchEvent(p,O,l(),{expanded:c})},[p,c]),w=t.useCallback(O=>{(O.keyCode===o.Keys.enter||O.keyCode===o.Keys.space)&&(O.preventDefault(),o.dispatchEvent(p,O,l(),{expanded:c}))},[p,c]),E=t.useCallback(()=>{e.disabled||a(!0)},[e.disabled]),y=t.useCallback(()=>{e.disabled||a(!1)},[e.disabled]),{onFocus:D,onBlur:v}=o.useAsyncFocusBlur({onFocus:E,onBlur:y});return t.createElement("div",{ref:s,className:o.classNames("k-expander",e.className,{"k-expanded":c,"k-focus":n&&!d,"k-disabled":d}),onFocus:D,onBlur:v,style:e.style,id:e.id,dir:o.useRtl(s,e.dir),onKeyDown:d?void 0:w},t.createElement("div",{role:"button","aria-controls":e.ariaControls,"aria-expanded":c,"aria-disabled":d,tabIndex:o.getTabIndex(e.tabIndex,d),className:"k-expander-header",onClick:d?void 0:N},u!==void 0?t.createElement("div",{className:"k-expander-title"},u):void 0,t.createElement("span",{className:"k-spacer"}),h!==void 0?t.createElement("div",{className:"k-expander-sub-title"},h):void 0,t.createElement("span",{className:"k-expander-indicator"},t.createElement(o.IconWrap,{name:c?f?void 0:"chevron-up":m?void 0:"chevron-down",icon:c?!b&&!f?z.chevronUpIcon:b:!I&&!m?z.chevronDownIcon:I,className:o.classNames(c?{[String(f)]:!!f}:{[String(m)]:!!m})}))),e.children)});Ut.propTypes={children:r.node,className:r.string,style:r.object,dir:r.string,id:r.string,tabIndex:r.number,title:r.node,subtitle:r.node,expandIcon:r.string,collapseIcon:r.string,expanded:r.bool,disabled:r.bool,onAction:r.func},Ut.displayName="KendoReactExpansionPanel";const Ps=t.forwardRef((e,i)=>t.createElement("div",{ref:i,...e,className:o.classNames("k-expander-content-wrapper",e.className)},t.createElement("div",{className:"k-expander-content"},e.children)));Ps.displayName="KendoReactExpansionPanelContent",g.ActionSheet=et,g.ActionSheetContent=Qe,g.ActionSheetFooter=Je,g.ActionSheetHeader=Ze,g.ActionSheetItem=Xe,g.AppBar=Ct,g.AppBarSection=Mt,g.AppBarSpacer=At,g.Avatar=vs,g.BottomNavigation=He,g.BottomNavigationItem=ke,g.Breadcrumb=Ge,g.BreadcrumbDelimiter=je,g.BreadcrumbLink=Ve,g.BreadcrumbListItem=$e,g.BreadcrumbOrderedList=qe,g.Card=Ee,g.CardActions=wt,g.CardBody=kt,g.CardFooter=ys,g.CardHeader=Et,g.CardImage=St,g.CardSubtitle=Tt,g.CardTitle=Nt,g.ContextMenu=Cs,g.Drawer=Ke,g.DrawerContent=Dt,g.DrawerItem=ze,g.DrawerNavigation=Fe,g.ExpansionPanel=Ut,g.ExpansionPanelContent=Ps,g.GridLayout=Ue,g.GridLayoutItem=Bt,g.Menu=Le,g.MenuItem=gt,g.MenuItemArrow=rt,g.MenuItemInternalsList=at,g.MenuItemLink=nt,g.PanelBar=ft,g.PanelBarItem=ne,g.Splitter=fs,g.SplitterBar=as,g.SplitterPane=ms,g.StackLayout=We,g.Step=Ne,g.Stepper=Be,g.TabStrip=ct,g.TabStripContent=ot,g.TabStripNavigation=Ae,g.TabStripNavigationItem=lt,g.TabStripTab=ls,g.TileLayout=Ft,g.Timeline=Os,g.addYearsFlags=_t,g.contentDisplayName=Ht,g.downArrowName=is,g.flatChildren=pt,g.flatVisibleChildren=mt,g.flatVisibleItems=cs,g.footerDisplayName=Rt,g.getFirstId=os,g.getInitialState=ut,g.headerDisplayName=Ye,g.isArrayEqual=ds,g.isPresent=Gs,g.leftArrowName=rs,g.renderChildren=dt,g.rightArrowName=ns,g.sortEventList=wi,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})});
+(function(g,fe){typeof exports=="object"&&typeof module<"u"?fe(exports,require("react"),require("@progress/kendo-react-common"),require("@progress/kendo-react-popup"),require("prop-types"),require("@progress/kendo-svg-icons"),require("@progress/kendo-react-buttons"),require("@progress/kendo-react-animation"),require("@progress/kendo-react-intl"),require("@progress/kendo-react-progressbars"),require("@progress/kendo-licensing")):typeof define=="function"&&define.amd?define(["exports","react","@progress/kendo-react-common","@progress/kendo-react-popup","prop-types","@progress/kendo-svg-icons","@progress/kendo-react-buttons","@progress/kendo-react-animation","@progress/kendo-react-intl","@progress/kendo-react-progressbars","@progress/kendo-licensing"],fe):(g=typeof globalThis<"u"?globalThis:g||self,fe(g.KendoReactLayout={},g.React,g.KendoReactCommon,g.KendoReactPopup,g.PropTypes,g.KendoSvgIcons,g.KendoReactButtons,g.KendoReactAnimation,g.KendoReactIntl,g.KendoReactProgressbars,g.KendoLicensing))})(this,function(g,fe,o,jt,zs,z,Fs,Pe,ge,Ks,ie){"use strict";function Vt(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(i,s,n.get?n:{enumerable:!0,get:()=>e[s]})}}return i.default=e,Object.freeze(i)}const t=Vt(fe),r=Vt(zs),q="",Ce="0",te="_";function be(e,i){if(X(e))return i[Number(e)];{const s=i[Number(le(e))];return s.items?be(Bs(e),s.items):void 0}}function le(e){return ce(e)?e:e.split(te)[0]}function Bs(e){if(ce(e))return e;{const i=e.indexOf(te);return e.substring(i+1)}}function qt(e){return Me("0",e)}function Rs(e,i){return i.indexOf(e)===0?i.length===e.length||i.charAt(e.length)===te:!1}function Me(e,i){return i?i+te+e:e}function oe(e){const i=e.lastIndexOf(te);return i<0?q:e.substring(0,i)}function ce(e){return e===q||e.indexOf(te)<0}function X(e){return e!==q&&e.indexOf(te)<0}function Hs(e){return _s(e)===1}function Ws(e){return st(e)===Ce}function st(e){const i=e.lastIndexOf(te);return i<0?e:e.substring(i+1)}function Gt(e,i,s){return X(i)?e?Number(i)<s-1?(Number(i)+1).toString():"0":Number(i)>0?(Number(i)-1).toString():(s-1).toString():i}function _s(e){return e.split(te).length-1}const Xt={vertical:"top",horizontal:"left"},Yt={vertical:"top",horizontal:"right"},Zt={vertical:"flip",horizontal:"fit"},Jt={vertical:"fit",horizontal:"flip"},Qt={downward:{anchorAlign:{vertical:"bottom",horizontal:"right"},popupAlign:Yt,collision:Zt},leftward:{anchorAlign:{vertical:"top",horizontal:"left"},popupAlign:Yt,collision:Jt}},es={downward:{anchorAlign:{vertical:"bottom",horizontal:"left"},popupAlign:Xt,collision:Zt},rightward:{anchorAlign:{vertical:"top",horizontal:"right"},popupAlign:Xt,collision:Jt}};function $s(e,i,s){const n=ts(e,i,s);return s?n==="downward"?Qt.downward:Qt.leftward:n==="downward"?es.downward:es.rightward}function ts(e,i,s){return X(e)?i?s?"leftward":"rightward":"downward":s?"leftward":"rightward"}function ss(e){return e?"rtl":"ltr"}function it(e,i){return`${e}_${i}`}class nt extends t.Component{render(){return this.props.url?t.createElement("a",{className:this.getMenuItemClassName(),role:"presentation",href:this.props.url,tabIndex:-1},this.props.children):t.createElement("span",{id:this.props.id,className:o.classNames(this.getMenuItemClassName(),this.props.className),style:this.props.style,role:"presentation"},this.props.children)}getMenuItemClassName(){return o.classNames("k-link","k-menu-link",{"k-active":this.props.opened})}}nt.propTypes={opened:r.bool,url:r.string};const is="caret-alt-down",ns="caret-alt-right",rs="caret-alt-left";class rt extends t.Component{render(){return t.createElement(o.IconWrap,{"aria-hidden":!0,...this.getIcon()})}getIcon(){switch(ts(this.props.itemId,this.props.verticalMenu===!0,this.props.dir==="rtl")){case"downward":return{name:is,icon:z.caretAltDownIcon};case"rightward":return{name:ns,icon:z.caretAltRightIcon};case"leftward":return{name:rs,icon:z.caretAltLeftIcon};default:return{}}}}rt.propTypes={itemId:r.string,dir:r.string,verticalMenu:r.bool};class at extends t.Component{constructor(){super(...arguments),this.onMouseOver=i=>{this.props.onMouseOver(this.props.parentItemId),i.stopPropagation()},this.onMouseLeave=i=>{this.props.onMouseLeave(this.props.parentItemId),i.stopPropagation()}}render(){const i=this.props.parentItemId;return t.createElement("ul",{className:this.props.className,role:this.props.role?this.props.role:i!==void 0?"menu":"menubar",id:i!==void 0?it(this.props.menuGuid,i):void 0,onMouseOver:i!==void 0?this.onMouseOver:void 0,onMouseLeave:i!==void 0?this.onMouseLeave:void 0,"aria-orientation":this.props["aria-orientation"]},this.renderChildItems())}renderChildItems(){return this.props.items.length>0?this.props.items.map((i,s)=>t.createElement(Us,{item:i,isMenuVertical:this.props.isMenuVertical,isDirectionRightToLeft:this.props.isDirectionRightToLeft,focusedItemId:this.props.focusedItemId,lastItemIdToBeOpened:this.props.lastItemIdToBeOpened,tabbableItemId:this.props.tabbableItemId,itemRender:this.props.itemRender,linkRender:this.props.linkRender,menuGuid:this.props.menuGuid,onMouseOver:this.props.onMouseOver,onMouseLeave:this.props.onMouseLeave,onMouseDown:this.props.onMouseDown,onBlur:this.props.onBlur,onFocus:this.props.onFocus,onClick:this.props.onClick,onOriginalItemNeeded:this.props.onOriginalItemNeeded,key:s})):null}}class Us extends t.Component{constructor(i){super(i),this.isFirstRender=!0,this.onMouseOver=s=>{this.props.onMouseOver(this.props.item.id),s.stopPropagation()},this.onMouseLeave=s=>{this.props.onMouseLeave(this.props.item.id),s.stopPropagation()},this.state={opened:!1}}componentDidMount(){const i=this.props.focusedItemId,s=this.props.item.id;i&&i===s&&this.itemElement.focus(),this.isFirstRender=!1}componentDidUpdate(i){const s=this.props.focusedItemId,n=this.props.item.id;if(s){const a=o.getActiveElement(document);i.focusedItemId!==s&&s===n&&!this.itemElement.contains(a)&&this.itemElement.focus()}}render(){const i=this.props.item,s=i.id,n=it(this.props.menuGuid,s);return t.createElement(t.Fragment,null,t.createElement("li",{id:it(this.props.menuGuid,s),className:this.getMenuItemClassName(i),style:i.cssStyle,tabIndex:s===this.props.tabbableItemId?0:-1,onMouseOver:this.onMouseOver,onMouseLeave:this.onMouseLeave,onMouseDown:a=>this.props.onMouseDown(a),onBlur:a=>this.props.onBlur(s,a),onFocus:()=>this.props.onFocus(s),onClick:a=>this.props.onClick(a,s),role:"menuitem","aria-disabled":i.disabled?!0:void 0,"aria-haspopup":i.items.length>0?!0:void 0,"aria-expanded":i.items.length>0?this.Opened:void 0,"aria-label":i.text,"aria-owns":this.Opened?n:void 0,ref:a=>this.itemElement=a,key:"0"},this.contentRender?this.renderContent():this.renderMenuItemLink()),this.renderPopupIfOpened())}renderContent(){const i=this.props.item.contentParentItemId;return t.createElement("div",{className:"k-content",role:"presentation"},t.createElement(this.contentRender,{item:this.props.onOriginalItemNeeded(i),itemId:i}))}renderMenuItemLink(){const i=this.props.item;if(this.linkRender)return t.createElement(this.linkRender,{item:this.props.onOriginalItemNeeded(i.id),itemId:i.id,opened:this.Opened,dir:ss(this.props.isDirectionRightToLeft)});{const s=this.itemRender?t.createElement(this.itemRender,{item:this.props.onOriginalItemNeeded(i.id),itemId:i.id,key:"1"}):t.createElement("span",{className:"k-menu-link-text"},i.text);return t.createElement(nt,{url:i.url,opened:this.Opened},this.renderMenuIconIfApplicable(),s,this.renderArrowIfApplicable())}}renderPopupIfOpened(){if(this.Opened){const i=this.props.item.id,{anchorAlign:s,popupAlign:n,collision:a}=$s(i,this.props.isMenuVertical,this.props.isDirectionRightToLeft);return t.createElement(jt.Popup,{anchor:this.itemElement,show:!0,popupClass:this.getPopupClassName(),anchorAlign:s,popupAlign:n,collision:a,animate:!1,key:"1"},t.createElement(at,{parentItemId:i,items:this.props.item.items,menuGuid:this.props.menuGuid,focusedItemId:this.props.focusedItemId,lastItemIdToBeOpened:this.props.lastItemIdToBeOpened,tabbableItemId:this.props.tabbableItemId,itemRender:this.props.itemRender,linkRender:this.props.linkRender,isMenuVertical:this.props.isMenuVertical,isDirectionRightToLeft:this.props.isDirectionRightToLeft,className:"k-group k-menu-group k-reset k-menu-group-md",onMouseOver:this.props.onMouseOver,onMouseLeave:this.props.onMouseLeave,onMouseDown:this.props.onMouseDown,onBlur:this.props.onBlur,onFocus:this.props.onFocus,onClick:this.props.onClick,onOriginalItemNeeded:this.props.onOriginalItemNeeded}))}else return null}renderMenuIconIfApplicable(){const{icon:i,svgIcon:s}=this.props.item;return i||s?t.createElement(o.IconWrap,{name:i,icon:s,key:"0"}):null}renderArrowIfApplicable(){return this.props.item.items.length>0?t.createElement("span",{className:"k-menu-expand-arrow","aria-hidden":!0},t.createElement(rt,{itemId:this.props.item.id,verticalMenu:this.props.isMenuVertical,dir:ss(this.props.isDirectionRightToLeft),key:"2"})):null}get itemRender(){return this.props.item.render||this.props.itemRender}get linkRender(){return this.props.item.linkRender||this.props.linkRender}get contentRender(){return this.props.item.contentParentItemId?this.props.item.contentRender:null}get Opened(){const i=this.props;return i.item.items.length>0&&Rs(i.item.id,i.lastItemIdToBeOpened)&&!this.isFirstRender}getPopupClassName(){return o.classNames("k-menu-popup",{"k-rtl":this.props.isDirectionRightToLeft})}getMenuItemClassName(i){return o.classNames("k-item","k-menu-item",{"k-first":Ws(i.id),"k-last":i.isLastFromSiblings,"k-disabled":i.disabled},i.cssClass)}}class as extends t.Component{constructor(i){super(i),this.draggable=null,this.onDrag=(s,n,a)=>{const{event:l}=s,{onDrag:c,index:d}=this.props,u=this.draggable&&this.draggable.element;u&&!this.isStatic&&this.isDraggable&&c(l,u,d,n,a)},this.onFocus=()=>{this.setState({focused:!0})},this.onBlur=()=>{this.setState({focused:!1})},this.onToggle=s=>{const{onToggle:n,index:a,prev:l,next:c}=this.props;(l.collapsible||c.collapsible)&&n(l.collapsible?a:a+1,s)},this.onPrevToggle=s=>{const{onToggle:n,index:a,prev:l}=this.props;l.collapsible&&n(a,s)},this.onNextToggle=s=>{const{onToggle:n,index:a,next:l}=this.props;l.collapsible&&n(a+1,s)},this.onKeyDown=s=>{const n=s&&s.keyCode,a=this.isHorizontal,{index:l}=this.props,c=this.draggable&&this.draggable.element,d=(u,h,p)=>{s.preventDefault(),this.props.onKeyboardResize(u,h,p,s)};c&&(n===o.Keys.enter?(s.preventDefault(),this.onToggle(s)):this.isDraggable&&(a&&n===o.Keys.left?d(c,l,-10):a&&n===o.Keys.right?d(c,l,10):!a&&n===o.Keys.up?d(c,l,-10):!a&&n===o.Keys.down&&d(c,l,10)))},this.state={focused:!1}}get isStatic(){const{prev:i,next:s}=this.props,n=i.resizable&&s.resizable,a=i.collapsible||s.collapsible;return!n&&!a}get isDraggable(){const{prev:i,next:s}=this.props,n=i.resizable&&s.resizable,a=i.collapsed||s.collapsed;return!!n&&!a}get isHorizontal(){return this.props.orientation==="horizontal"}render(){const i=this.isDraggable,s=this.isStatic,n=this.isHorizontal,a=o.classNames("k-splitbar",{["k-focus"]:this.state.focused,["k-splitbar-horizontal"]:n,["k-splitbar-vertical"]:!n,["k-splitbar-draggable-horizontal"]:n&&i,["k-splitbar-draggable-vertical"]:!n&&i,["k-splitbar-static-horizontal"]:n&&s,["k-splitbar-static-vertical"]:!n&&s});return t.createElement(o.Draggable,{onPress:l=>this.onDrag(l,!0,!1),onDrag:l=>this.onDrag(l,!1,!1),onRelease:l=>this.onDrag(l,!1,!0),ref:l=>{this.draggable=l}},t.createElement("div",{tabIndex:s?-1:0,role:"separator","aria-valuenow":0,"aria-label":this.props.ariaLabel,"aria-orientation":n?"vertical":void 0,className:a,style:{touchAction:"none"},onFocus:this.onFocus,onBlur:this.onBlur,onDoubleClick:this.onToggle,onKeyDown:this.onKeyDown},this.props.prev.collapsible&&t.createElement("div",{className:"k-collapse-prev",onClick:this.onPrevToggle},t.createElement(o.IconWrap,{name:this.props.prev.collapsible?n?this.props.prev.collapsed?this.props.isRtl?"caret-alt-left":"caret-alt-right":this.props.isRtl?"caret-alt-right":"caret-alt-left":this.props.prev.collapsed?"caret-alt-down":"caret-alt-up":void 0,icon:this.props.prev.collapsible?n?this.props.prev.collapsed?this.props.isRtl?z.caretAltLeftIcon:z.caretAltRightIcon:this.props.isRtl?z.caretAltRightIcon:z.caretAltLeftIcon:this.props.prev.collapsed?z.caretAltDownIcon:z.caretAltUpIcon:void 0,size:"xsmall"})),t.createElement("div",{className:"k-resize-handle"}),this.props.next.collapsible&&t.createElement("div",{className:"k-collapse-next",onClick:this.onNextToggle},t.createElement(o.IconWrap,{name:this.props.next.collapsible?n?this.props.next.collapsed?this.props.isRtl?"caret-alt-right":"caret-alt-left":this.props.isRtl?"caret-alt-left":"caret-alt-right":this.props.next.collapsed?"caret-alt-up":"caret-alt-down":void 0,icon:this.props.next.collapsible?n?this.props.next.collapsed?this.props.isRtl?z.caretAltRightIcon:z.caretAltLeftIcon:this.props.isRtl?z.caretAltLeftIcon:z.caretAltRightIcon:this.props.next.collapsed?z.caretAltUpIcon:z.caretAltDownIcon:void 0,size:"xsmall"}))))}}class lt extends t.Component{constructor(){super(...arguments),this.itemRef=null,this.focus=()=>{this.itemRef&&(this.itemRef.tabIndex=0,this.itemRef.focus())},this.blur=()=>{this.itemRef&&(this.itemRef.tabIndex=-1,this.itemRef.blur())},this.onClick=()=>{this.props.onSelect&&this.props.onSelect(this.props.index),this.itemRef&&(this.itemRef.tabIndex=0,this.itemRef.focus())}}render(){const{id:i,active:s,disabled:n,title:a="Untitled",first:l,last:c,contentPanelId:d,index:u}=this.props,h={id:`${i}-${u.toString()}`,"aria-selected":s,"aria-controls":s?d:void 0,"aria-disabled":n,role:"tab",onClick:n?void 0:this.onClick},p=o.classNames("k-item",{["k-first"]:l,["k-last"]:c,["k-disabled"]:n,["k-active"]:s});return t.createElement("li",{...h,className:p,ref:m=>this.itemRef=m,onBlur:this.blur},t.createElement("span",{className:"k-link"},a))}}lt.propTypes={active:r.bool,disabled:r.bool,index:r.number,onSelect:r.func,title:r.oneOfType([r.string,r.element]),first:r.bool,last:r.bool};const js=e=>Array.apply(null,Array(e)),Vs=e=>e.preventDefault(),ye="smooth",ae="prev",ve="next";class Ae extends t.Component{constructor(i){super(i),this.itemsNavRef=t.createRef(),this.isRtl=()=>this.props.dir==="rtl",this.onWheel=s=>{s.stopPropagation();const n=s.deltaY<0?ae:ve;this.setNewScrollPosition(n,s)},this.arrowClickPrev=s=>{this.handleArrowClick(ae,s)},this.arrowClickNext=s=>{this.handleArrowClick(ve,s)},this.handleArrowClick=(s,n)=>{this.setNewScrollPosition(s,n)},this.setNewScrollPosition=(s,n)=>{const a=this.itemsNavRef.current;if(!a)return;const l=this.horizontalScroll(),c=l?a.scrollWidth-a.offsetWidth:a.scrollHeight-a.offsetHeight,d=(n.type==="click"?this.props.buttonScrollSpeed:this.props.mouseScrollSpeed)||0;let u=l?a.scrollLeft:a.scrollTop,h=l?a.scrollWidth-a.scrollLeft:a.scrollHeight-a.scrollTop,p=a.scrollWidth-a.scrollLeft*-1;this.isRtl()&&this.horizontalScroll()?(s===ae&&u<0&&(u+=d,p+=d),s===ve&&u<c&&(u-=d,p-=d),u=Math.min(0,Math.min(c,u))):(s===ae&&u>0&&(u-=d,h+=d),s===ve&&u<c&&(u+=d,h-=d),u=Math.max(0,Math.min(c,u)));const m=u===0,f=n.type==="click"?ye:void 0;if(l){const b=this.isRtl()?Math.round(p)<=a.clientWidth||Math.floor(p)<=a.clientWidth:Math.round(h)<=a.clientWidth||Math.floor(h)<=a.clientWidth;this.setState({disabledPrev:m,disabledNext:b}),a.scrollTo({left:u,behavior:f})}else this.setState({disabledPrev:m,disabledNext:Math.round(h)<=a.clientHeight||Math.floor(h)<=a.clientHeight}),a.scrollTo({top:u,behavior:f})},this.renderArrow=(s,n)=>{const a=this.horizontalScroll(),l={prev:{arrowTab:"k-tabstrip-prev",fontIcon:a?this.isRtl()?"caret-alt-right":"caret-alt-left":"caret-alt-up",svgIcon:a?this.isRtl()?z.caretAltRightIcon:z.caretAltLeftIcon:z.caretAltUpIcon},next:{arrowTab:"k-tabstrip-next",fontIcon:a?this.isRtl()?"caret-alt-left":"caret-alt-right":"caret-alt-down",svgIcon:a?this.isRtl()?z.caretAltLeftIcon:z.caretAltRightIcon:z.caretAltDownIcon}},c=(s===ae?this.props.prevButton:this.props.nextButton)||Fs.Button,d=s===ae?this.arrowClickPrev:this.arrowClickNext;return t.createElement(c,{disabled:n,className:`${l[s].arrowTab}`,onClick:d,icon:l[s].fontIcon,svgIcon:l[s].svgIcon,onMouseDown:Vs,tabIndex:-1,fillMode:"flat"})},this.state={disabledPrev:this.props.selected===0,disabledNext:this.props.selected===t.Children.count(this.props.children)-1}}componentDidMount(){this.props.scrollable&&this.scrollToSelected()}componentDidUpdate(i){const{scrollable:s,selected:n}=this.props;s&&i.selected!==n&&(this.scrollToSelected(),this.setState({disabledPrev:n===0,disabledNext:n===t.Children.count(this.props.children)-1}))}render(){const{selected:i,tabPosition:s,children:n,onSelect:a,onKeyDown:l,navItemId:c}=this.props,d=t.Children.count(n),u=t.Children.toArray(n);let h;n&&(h=js(d).map((f,b,y)=>{const N={active:i===b,disabled:u[b].props.disabled,index:b,title:u[b].props.title,first:b===0,last:b===y.length-1,contentPanelId:this.props.contentPanelId,id:c,onSelect:a};return t.createElement(lt,{key:b,...N})}));const p=o.classNames("k-tabstrip-items-wrapper",{"k-hstack":s==="top"||s==="bottom","k-vstack":s==="left"||s==="right"}),m=o.classNames("k-tabstrip-items","k-reset");return t.createElement("div",{className:p},this.props.scrollable?t.createElement(t.Fragment,null,this.renderArrow(ae,this.state.disabledPrev),t.createElement("ul",{ref:this.itemsNavRef,className:m,role:"tablist",tabIndex:this.props.tabIndex,onKeyDown:l,onWheel:this.onWheel,"aria-orientation":s==="left"||s==="right"?"vertical":void 0},h),this.renderArrow(ve,this.state.disabledNext)):t.createElement("ul",{className:m,role:"tablist",tabIndex:this.props.tabIndex,onKeyDown:l},h))}scrollToSelected(){const i=this.itemsNavRef.current,s=i&&i.children[this.props.selected||0];if(s instanceof HTMLElement&&i instanceof HTMLElement){const n=this.horizontalScroll(),a=n?i.offsetWidth:i.offsetHeight,l=n?s.offsetWidth:s.offsetHeight,c=n?"left":"top";let d=n?i.scrollLeft:i.scrollTop,u=0;if(this.isRtl()){const h=s.offsetLeft;d=d*-1,h<0?(u=h-l+i.offsetLeft,i.scrollTo({[c]:u,behavior:ye})):h+l>a-d&&(u=d+h-l,i.scrollTo({[c]:u,behavior:ye}))}else{const h=n?s.offsetLeft-i.offsetLeft:s.offsetTop-i.offsetTop;d+a<h+l?(u=h+l-a,i.scrollTo({[c]:u,behavior:ye})):d>h&&(u=h,i.scrollTo({[c]:u,behavior:ye}))}}}horizontalScroll(){return/top|bottom/.test(this.props.tabPosition||"top")}}Ae.propTypes={children:r.oneOfType([r.element,r.arrayOf(r.element)]),onSelect:r.func,onKeyDown:r.func,selected:r.number,tabIndex:r.number};class ot extends t.Component{constructor(){super(...arguments),this.contentId=o.guid(),this.childFactory=i=>t.cloneElement(i,{...i.props,in:i.props.children.props.id===String(this.contentId+this.props.selected)})}render(){const{children:i,selected:s,contentPanelId:n,keepTabsMounted:a,navItemId:l}=this.props,c=i&&typeof s=="number"&&t.Children.toArray(i)[s],d=o.classNames("k-tabstrip-content","k-active",c&&c.props.contentClassName);return t.createElement("div",{className:d,style:this.props.style,id:n,role:"tabpanel","aria-hidden":a,"aria-describedby":`${l}-${(s||"").toString()}`},this.renderContent(i))}renderContent(i){return this.props.keepTabsMounted?t.Children.map(this.props.children,(s,n)=>this.renderChild(s,n)):this.renderChild(t.Children.toArray(i)[this.props.selected],this.props.selected)}renderChild(i,s){const n=s===this.props.selected,a={style:{display:n?void 0:"none"}},l={position:"initial",display:n?void 0:"none"};return i.props.disabled?null:this.props.animation?t.createElement(Pe.Fade,{appear:!0,exit:this.props.keepTabsMounted,style:l,childFactory:this.props.keepTabsMounted?this.childFactory:void 0},t.createElement("div",{...a,id:String(this.contentId+s),key:s},i.props.children)):t.createElement("div",{...a,key:s},i.props.children)}}ot.propTypes={animation:r.bool,children:r.oneOfType([r.element,r.arrayOf(r.element)]),selected:r.number,style:r.object};const R={name:"@progress/kendo-react-layout",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};class ct extends t.Component{constructor(i){super(i),this._element=null,this.contentPanelId=o.guid(),this.navItemId=o.guid(),this.showLicenseWatermark=!1,this.keyBinding={[o.Keys.left]:()=>this.prevNavigatableTab(),[o.Keys.right]:()=>this.nextNavigatableTab(),[o.Keys.down]:()=>this.nextNavigatableTab(),[o.Keys.up]:()=>this.prevNavigatableTab(),[o.Keys.home]:()=>0,[o.Keys.end]:()=>t.Children.count(this.props.children)-1},this.onSelect=s=>{this.props.selected!==s&&this.props.onSelect&&this.props.onSelect({selected:s})},this.onKeyDown=s=>{let n;switch(s.keyCode){case o.Keys.left:n=this.keyBinding[this.invertKeys(o.Keys.left,o.Keys.right)];break;case o.Keys.right:n=this.keyBinding[this.invertKeys(o.Keys.right,o.Keys.left)];break;case o.Keys.up:n=this.keyBinding[o.Keys.up];break;case o.Keys.down:n=this.keyBinding[o.Keys.down];break;case o.Keys.home:n=this.keyBinding[o.Keys.home];break;case o.Keys.end:n=this.keyBinding[o.Keys.end];break}n&&(s.preventDefault(),this.onSelect(n()))},this.renderContent=s=>{const{selected:n,children:a,tabContentStyle:l}=s,c=t.Children.count(a);return n<c&&n>-1?t.createElement(ot,{index:n,...s,style:l}):null},this.firstNavigatableTab=()=>{const s=this.children(),n=t.Children.count(s);if(s){for(let a=0;a<n;a++)if(!s[a].props.disabled)return a}},this.lastNavigatableTab=()=>{const s=this.children(),n=t.Children.count(s);if(s){for(let a=n-1;a>0;a--)if(!s[a].props.disabled)return a}},this.prevNavigatableTab=()=>{const s=this.children(),{selected:n}=this.props,a=n?n-1:-1;if(a<0)return this.lastNavigatableTab();if(s)for(let l=a;l>-1;l--){if(!s[l].props.disabled)return l;if(l===0)return this.lastNavigatableTab()}},this.nextNavigatableTab=()=>{const s=this.children(),{selected:n}=this.props,a=n?n+1:1,l=t.Children.count(s);if(a>=l)return this.firstNavigatableTab();if(s)for(let c=a;c<l;c++){if(!s[c].props.disabled)return c;if(c+1===l)return this.firstNavigatableTab()}},o.validatePackage(R),this.showLicenseWatermark=o.shouldShowValidationUI(R)}render(){const i={...this.props,children:this.children(),contentPanelId:this.contentPanelId,navItemId:this.navItemId,onKeyDown:this.onKeyDown,onSelect:this.onSelect},{tabPosition:s,tabIndex:n=0}=i,a=s==="bottom",l=o.classNames("k-tabstrip k-pos-relative",{"k-tabstrip-left":s==="left","k-tabstrip-right":s==="right","k-tabstrip-bottom":s==="bottom","k-tabstrip-top":s==="top","k-tabstrip-scrollable":this.props.scrollable},this.props.className);return t.createElement("div",{id:this.props.id,ref:c=>this._element=c,dir:this.props.dir,className:l,style:this.props.style},!a&&t.createElement(Ae,{...i,tabIndex:n}),this.renderContent(i),a&&t.createElement(Ae,{...i,tabIndex:n}),this.showLicenseWatermark&&t.createElement(o.WatermarkOverlay,null))}invertKeys(i,s){return this._element&&getComputedStyle(this._element).direction==="rtl"||!1?s:i}children(){return t.Children.toArray(this.props.children).filter(i=>i)}}ct.propTypes={animation:r.bool,children:r.node,onSelect:r.func,selected:r.number,style:r.object,tabContentStyle:r.object,tabPosition:r.string,tabIndex:r.number,className:r.string,dir:r.string},ct.defaultProps={animation:!0,tabPosition:"top",keepTabsMounted:!1,buttonScrollSpeed:100,mouseScrollSpeed:10};class ls extends t.Component{render(){return null}}ls.propTypes={disabled:r.bool,contentClassName:r.string,children:r.oneOfType([r.element,r.node]),title:r.oneOfType([r.string,r.element,r.node])};function qs({imageUrl:e,icon:i,svgIcon:s,iconClass:n}){return e?t.createElement("img",{role:"presentation",className:"k-panelbar-item-icon k-image",src:e}):i||s?t.createElement(o.IconWrap,{className:"k-panelbar-item-icon",name:i,icon:s}):n?t.createElement("span",{role:"presentation",className:"k-panelbar-item-icon "+n}):null}class ne extends t.PureComponent{constructor(i){super(i),this.handleItemClick=()=>{const{onSelect:s,disabled:n,id:a}=this.props;s&&!n&&s.call(void 0,{uniquePrivateKey:this.props.uniquePrivateKey,id:a,target:this})},this.childFactory=s=>this.props.keepItemsMounted?t.cloneElement(s,{...s.props,in:this.props.expanded}):s,this.state={show:i.expanded||!1}}render(){const{id:i,children:s,title:n,uniquePrivateKey:a,disabled:l,selected:c,focused:d,expanded:u,className:h,level:p,headerClassName:m,animation:f,keepItemsMounted:b}=this.props,y={role:"treeitem","aria-disabled":l,"aria-hidden":!l&&!u,"aria-selected":!l&&c,"aria-expanded":!l&&u&&!!s},N=o.classNames("k-panelbar-item",{"k-panelbar-header":p===0,"k-expanded":u&&!!s,"k-disabled":l},`k-level-${p}`,h),w=o.classNames("k-link",{"k-selected":!l&&c,"k-focus":!l&&d},m),E={display:"block"},v=qs(this.props),D=!l&&s?t.createElement(o.IconWrap,{name:u?"chevron-up":"chevron-down",icon:u?z.chevronUpIcon:z.chevronDownIcon,className:o.classNames("k-panelbar-toggle",u?"k-panelbar-collapse":"k-panelbar-expand")}):null,O=!l&&u||b?t.createElement("ul",{role:"group","aria-expanded":u,"aria-hidden":!u,className:"k-panelbar-group k-panel k-group",style:{display:b?this.state.show?"block":"none":"block"}},s):null,S=(f===void 0||f)&&!l&&s?t.createElement(Pe.Reveal,{transitionEnterDuration:200,transitionExitDuration:200,key:a+"_animation",style:E,children:O,childFactory:b&&this.childFactory,unmountOnExit:!b,onBeforeEnter:()=>b&&this.setState({show:!0}),onAfterExited:()=>b&&this.setState({show:!1})}):O;return t.createElement("li",{id:i,className:N,...y},t.createElement("span",{className:w,onClick:this.handleItemClick},v,t.createElement("span",{className:"k-panelbar-item-text"},n),D),S)}}ne.propTypes={animation:r.bool,children:r.any,className:r.string,icon:r.string,iconClass:r.string,imageUrl:r.string,svgIcon:o.svgIconPropType,expanded:r.bool,disabled:r.bool,onSelect:r.func,selected:r.bool,level:r.number,title:r.oneOfType([r.string,r.element]),id:r.oneOfType([r.string,r.number]),focused:r.bool,keepItemsMounted:r.bool},ne.defaultProps={title:"Untitled"};const dt=({animation:e=!0,keepItemsMounted:i=!1,state:s,expanded:n,handleSelect:a,children:l,parentExpanded:c=!0,level:d=0,parentPrivateKey:u=[]})=>t.Children.map(l,(h,p)=>{if(h&&h.type===ne){let m,f=ht(h,u,p);if(h.props.children){const b={animation:e,keepItemsMounted:i,state:s,expanded:n,handleSelect:a,children:h.props.children,parentExpanded:(n||[]).indexOf(f)>-1,level:d+1,parentPrivateKey:[...u,f]};m=dt(b)}return t.cloneElement(h,{...h.props,animation:h.props.animation!==void 0?h.props.animation:e,keepItemsMounted:i,id:h.props.id||`k-panelbar-item-default-${f}`,uniquePrivateKey:f,parentUniquePrivateKey:u,parentExpanded:c,level:d,expanded:(n||[]).indexOf(f)>-1,focused:s.focused===f&&s.wrapperFocused,selected:s.selected===f,children:m,onSelect:a})}else return t.createElement("div",{className:"k-panelbar-content k-content"},h)}),os=e=>{const i=t.Children.toArray(e.children)[0];return i?ht(i,[],0):""},ut=(e,i,s={expanded:e.expanded||[],selected:e.selected||"",focused:e.focused||"",wrapperFocused:!1},n=!0,a=[])=>(t.Children.map(e.children,(l,c)=>{if(l&&l.type===ne){let d=ht(l,a,c);!l.props.disabled&&n&&(l.props.selected&&(s.selected=d),l.props.focused&&(s.focused=d),l.props.expanded&&(i==="multiple"?s.expanded.push(d):i==="single"&&(s.expanded=[d])),l.props.children&&(s=ut(l.props,i,s,!!l.props.expanded,[...a,d])))}}),s),ht=(e,i,s)=>e&&e.props&&e.props.id?e.props.id:i.length?i[i.length-1]+`.${s}`:`.${s}`;function cs(e,i=[]){return(e||[]).forEach(s=>{s.disabled||(i.push(s),s.expanded&&s.children&&cs(s.children,i))}),i}function pt(e,i=[]){return t.Children.forEach(e,s=>{s&&s.props&&!s.props.disabled&&(i.push(s),s.props.children&&pt(s.props.children,i))}),i}function mt(e,i=[]){return t.Children.forEach(e,s=>{s&&s.props&&!s.props.disabled&&(s.props.expanded||s.props.parentExpanded)&&(i.push(s),s.props.children&&mt(s.props.children,i))}),i}const Gs=e=>e!=null;g.PanelBarUtils=void 0,(e=>{function i(s){return s.map((n,a)=>{let l;return n.content&&(l=n.content),n.children&&(l=i(n.children)),t.createElement(ne,{...n,children:l,key:n.id||a})})}e.mapItemsToComponents=i})(g.PanelBarUtils||(g.PanelBarUtils={}));const ds=(e,i)=>e.length!==i.length?!1:e.every((s,n)=>s===i[n]);var J=(e=>(e[e.Toggle=0]="Toggle",e[e.Next=1]="Next",e[e.Previous=2]="Previous",e))(J||{});class ft extends t.Component{constructor(i){super(i),this._element=null,this.showLicenseWatermark=!1,this.handleSelect=n=>{this.onSelect(n),this.onFocus(n)},this.onSelect=n=>{const a=pt(t.Children.toArray(this.children));let l,c;switch(a.forEach(d=>{d.props.uniquePrivateKey===(n.uniquePrivateKey||this.state.focused)&&(l=d)}),this.expandMode){case"single":c=[...l.props.parentUniquePrivateKey,l.props.uniquePrivateKey],ds(this.expandedItems,c)&&(l.props.parentUniquePrivateKey?c=[...l.props.parentUniquePrivateKey]:c=[]);break;case"multiple":{c=this.expandedItems.slice();let d=c.indexOf(l.props.uniquePrivateKey);d===-1?c.push(l.props.uniquePrivateKey):c.splice(d,1);break}default:c=this.expandedItems.slice();break}this.setState({selected:l.props.uniquePrivateKey,expanded:c}),this.props.onSelect&&this.props.onSelect.call(void 0,{target:l,expandedItems:c})},this.onFocus=(n,a=0)=>{const l=mt(t.Children.toArray(this.children));let c;l.forEach((d,u)=>{if(d.props.uniquePrivateKey===(n.uniquePrivateKey||this.state.focused)){let h=u+a<0?0:u+a>l.length?l.length-1:u+a;c=l[h]}}),c&&(this.activeDescendant=c.props.id,this.setState({focused:c.props.uniquePrivateKey}))},this.onNavigate=(n,a)=>{let l;switch(a){case J.Previous:l=-1,this.onFocus(n,l);break;case J.Next:l=1,this.onFocus(n,l);break;case J.Toggle:this.onSelect(n);break}},this.handleWrapperFocus=()=>{clearTimeout(this.nextTickId),this.state.wrapperFocused||this.setState({wrapperFocused:!0})},this.handleWrapperBlur=()=>{this.nextTick(()=>{this.setState({wrapperFocused:!1})})},this.handleKeyDown=n=>{const a=this._element&&getComputedStyle(this._element).direction==="rtl"||!1;if(n.target===n.currentTarget){const l=n.keyCode;let c;switch(l){case o.Keys.left:c=a?J.Next:J.Previous;break;case o.Keys.up:c=J.Previous;break;case o.Keys.right:c=a?J.Previous:J.Next;break;case o.Keys.down:c=J.Next;break;case o.Keys.space:case o.Keys.enter:c=J.Toggle;break;default:c=null;break}c!==null&&(n.preventDefault(),this.onNavigate(n,c))}},o.validatePackage(R),this.showLicenseWatermark=o.shouldShowValidationUI(R);const s=ut(i,this.expandMode);s.focused||(s.focused=os(i)),this.state=s}get expandMode(){return this.props.expandMode||"multiple"}get selectedItem(){const{selected:i=this.state.selected}=this.props;return i}get expandedItems(){return this.props.isControlled?this.props.expanded||[]:this.state.expanded}get children(){const i={...this.state,selected:this.selectedItem},s={animation:this.props.animation,keepItemsMounted:this.props.keepItemsMounted,state:i,expanded:this.expandedItems,handleSelect:this.handleSelect,children:this.props.children};return dt(s)}render(){const i={"aria-activedescendant":this.activeDescendant},s=o.classNames("k-panelbar","k-pos-relative",this.props.className);return t.createElement("ul",{ref:n=>{this._element=n},dir:this.props.dir,role:"tree",tabIndex:0,onKeyDown:this.handleKeyDown,onFocus:this.handleWrapperFocus,onBlur:this.handleWrapperBlur,className:s,style:this.props.style,...i},this.children,this.showLicenseWatermark&&t.createElement(o.WatermarkOverlay,null))}nextTick(i){this.nextTickId=window.setTimeout(()=>i())}}ft.propTypes={animation:r.bool,children:function(e,i){const s=e[i];if(s){if(Array.isArray(s)){for(let n of s)if(!n.type||n.type!==ne)return new Error("PanelBar children should be either PanelBarItem or Array of PanelBarItem.")}else if(s.type!==ne)return new Error("PanelBar child should be either PanelBarItem or Array of PanelBarItem.");return null}return null},dir:r.string,selected:r.string,expanded:r.arrayOf(r.string),focused:r.string,expandMode:r.oneOf(["single","multiple"]),className:r.string,keepItemsMounted:r.bool,onSelect:r.func,style:r.object},ft.defaultProps={expandMode:"multiple",animation:!0,keepItemsMounted:!1};class gt extends t.Component{render(){return null}}gt.propTypes={text:r.string,url:r.string,icon:r.string,disabled:r.bool,cssClass:r.string,cssStyle:r.object,render:r.any,linkRender:r.any,contentRender:r.any,data:r.any};function Xs(e,i){if(e&&e.length>0)return{items:yt(e),inputItems:e};if(bt(i).length>0){const s=hs(bt(i));return{items:yt(s),inputItems:s}}else return{items:[],inputItems:[]}}function us(e,i){let s={};const{text:n,url:a,icon:l,svgIcon:c,disabled:d,cssClass:u,cssStyle:h,render:p,linkRender:m,contentRender:f,data:b}=e||i.props;return n!==void 0&&(s.text=n),a!==void 0&&(s.url=a),l!==void 0&&(s.icon=l),c!==void 0&&(s.svgIcon=c),d!==void 0&&(s.disabled=d),u!==void 0&&(s.cssClass=u),h!==void 0&&(s.cssStyle=h),p!==void 0&&(s.render=p),m!==void 0&&(s.linkRender=m),f!==void 0&&(s.contentRender=f),b!==void 0&&(s.data=b),s}function bt(e){return t.Children.toArray(e).filter(i=>i&&i.type===gt)}function hs(e){const i=[];for(let s=0;s<e.length;s++){const n=e[s],a=us(void 0,n),l=hs(bt(n.props.children));l.length>0&&(a.items=l),i.push(a)}return i}function yt(e,i){const s=[];for(let n=0;n<e.length;n++){const a=e[n],l=us(a);l.id=Me(n.toString(),i),l.isLastFromSiblings=n===e.length-1,l.items=Ys(a,l),s.push(l)}return s}function Ys(e,i){return e.contentRender?[{contentParentItemId:i.id,id:Me(Ce,i.id),isLastFromSiblings:!0,contentRender:e.contentRender,items:[]}]:e.items?yt(e.items,i.id):[]}const Zs=/\S/;function Js(e,i,s,n,a,l){const c=C();switch(s){case o.Keys.left:return d();case o.Keys.right:return u();case o.Keys.up:return p();case o.Keys.down:return h();case o.Keys.enter:case o.Keys.space:return m();case o.Keys.home:return f();case o.Keys.end:return b();case o.Keys.esc:return y();default:return S()?N():i}function d(){return a?l?D():E():l?v():w()}function u(){return a?l?E():D():l?w():v()}function h(){return a?L():X(i)?I():L()}function p(){return a?P():X(i)?O():P()}function m(){return c.disabled?i:F()?qt(i):le(i)}function f(){return G()[0].id}function b(){const T=G();return T[T.length-1].id}function y(){return X(i)?i:oe(i)}function N(){const T=n.toLowerCase(),A=G(),j=Number(st(i)),Z=A.slice(j+1).concat(A.slice(0,j+1)).find(re=>(re.text||"").toLowerCase().startsWith(T));return Z?Z.id:i}function w(){return X(i)?P():Hs(i)?I(P(le(i))):oe(i)}function E(){return X(i)?O():oe(i)}function v(){return X(i)?L():I(F()?i:L(le(i)))}function D(){return I(X(i)||F()?i:L(le(i)))}function I(T){return Q(!0,T)}function O(T){return Q(!1,T)}function S(){return n.length===1&&Zs.test(n)}function C(T,A){return T===void 0&&(T=i),A===void 0&&(A=e),be(T,A)}function F(T){return C(T).items.length>0}function P(T){return $(!1,T)}function L(T){return $(!0,T)}function H(T){const A=C(T).items;return A[A.length-1].id}function G(){return X(i)?e:C(oe(i),e).items}function Q(T,A){A===void 0&&(A=i);const j=C(A);return F(A)&&!j.disabled?T?qt(A):H(A):A}function $(T,A){if(A===void 0&&(A=i),X(A))return Gt(T,A,e.length);{const j=oe(A),Y=st(A),Z=C(j).items.length;return Me(Gt(T,Y,Z),j)}}}function Qs(e){return e.hoverOpenDelay!==void 0?e.hoverOpenDelay:e.openOnClick?0:100}function ei(e){return e.hoverCloseDelay!==void 0?e.hoverCloseDelay:100}class ti{constructor(){this.phase="Initialized"}getIsDirectionRightToLeft(){return this.isDirectionRightToLeft}setIsDirectionRightToLeft(i){this.phase=this.phase==="NotInitialized"?"Initialized":"NewValueReceived",this.previousIsDirectionRightToLeft=this.isDirectionRightToLeft,this.isDirectionRightToLeft=i}hasDirectionChanged(){return this.phase==="NewValueReceived"?this.previousIsDirectionRightToLeft!==this.isDirectionRightToLeft:!1}}class si{constructor(i,s,n){this.openOnClick=i,this.resetMenu=s,this.openItem=n,this.mouseDown=!1,this.openOnClick=i,this.isMouseOverEnabled=!i}set OpenOnClick(i){!!i!=!!this.openOnClick&&(this.mouseDown=!1,this.isMouseOverEnabled=!i),this.openOnClick=i}handleItemSelectedViaKeyboard(){this.openOnClick&&(this.isMouseOverEnabled=!1,this.resetMenu())}get IsMouseOverEnabled(){return this.isMouseOverEnabled}handleItemMouseDown(){this.mouseDown=!0}handleItemFocus(){this.openOnClick&&!this.mouseDown&&(this.isMouseOverEnabled=!0),this.mouseDown=!1}handleItemClick(i,s){this.openOnClick&&(this.isMouseOverEnabled?s&&(this.isMouseOverEnabled=!1,this.resetMenu()):(this.isMouseOverEnabled=!0,this.openItem(i)))}}const ps={focusedItemId:q,hoveredItemId:q,tabbableItemId:Ce};class Le extends t.Component{constructor(i){super(i),this.menuWrapperEl=null,this.guid=o.guid(),this.directionHolder=new ti,this.inputItems=[],this.items=[],this.reset=()=>{this.clearItemHoverAndLeaveRequestsIfApplicable(),this.setState(ps)},this.onKeyDown=s=>{if(this.state.focusedItemId!==q){const n=be(this.state.focusedItemId,this.items),a=Js(this.items,n.id,s.keyCode,s.key,this.props.vertical,this.directionHolder.getIsDirectionRightToLeft());n.id!==a&&(s.preventDefault(),this.setFocusedItemId(a)),(s.keyCode===o.Keys.enter||s.keyCode===o.Keys.space)&&!n.disabled&&(this.mouseOverHandler.handleItemSelectedViaKeyboard(),this.dispatchSelectEventIfWired(s,n.id),!s.isDefaultPrevented()&&n.items.length===0&&n.url&&window.location.assign(n.url))}s.keyCode===o.Keys.esc&&this.props.onClose&&this.props.onClose.call(void 0,s)},this.onItemMouseOver=s=>{this.mouseOverHandler.IsMouseOverEnabled&&(this.clearItemHoverAndLeaveRequestsIfApplicable(),this.itemHoverRequest=window.setTimeout(()=>{this.setHoveredItemId(s),this.itemHoverRequest=null},Qs(this.props)))},this.onItemMouseLeave=s=>{this.mouseOverHandler.IsMouseOverEnabled&&this.isItemWithDefaultClose(s)&&(this.clearItemHoverAndLeaveRequestsIfApplicable(),this.itemLeaveRequest=window.setTimeout(()=>{this.setHoveredItemId(q),this.itemLeaveRequest=null},ei(this.props)))},this.onItemMouseDown=()=>{this.mouseOverHandler.handleItemMouseDown()},this.onItemFocus=s=>{this.setFocusedItemId(s),this.mouseOverHandler.handleItemFocus()},this.onItemClick=(s,n)=>{const a=be(n,this.items);a.disabled||(this.setFocusedItemId(n),this.mouseOverHandler.handleItemClick(n,this.isItemWithDefaultClose(n)),this.dispatchSelectEventIfWired(s,n),!s.isDefaultPrevented()&&a.url&&window.location.assign(a.url))},this.onItemBlur=(s,n)=>{if(this.isItemWithDefaultClose(s)&&this.setFocusedItemId(q),n.relatedTarget&&n.relatedTarget.nodeName==="LI"){const a=n.relatedTarget.getAttribute("id");if(a&&a.includes(this.guid))return}this.props.onClose&&this.props.onClose.call(void 0,n)},this.getInputItem=s=>be(s,this.inputItems),o.validatePackage(R),this.mouseOverHandler=new si(this.props.openOnClick,this.reset,this.onItemMouseOver),this.state=Object.assign({},ps,{isFirstRender:!0})}get element(){return this.menuWrapperEl}render(){this.prepareItems(),this.state.isFirstRender||this.directionHolder.setIsDirectionRightToLeft(this.checkIsDirectionRightToLeft());let i=this.state.hoveredItemId?this.state.hoveredItemId:this.state.focusedItemId?oe(this.state.focusedItemId):q;return t.createElement("div",{onKeyDown:this.onKeyDown,style:this.props.style,className:this.directionHolder.getIsDirectionRightToLeft()?"k-rtl":void 0,ref:s=>this.menuWrapperEl=s},t.createElement(at,{className:this.getMenuClassName(),"aria-orientation":this.props.vertical?"vertical":void 0,items:this.items,isMenuVertical:this.props.vertical,isDirectionRightToLeft:this.directionHolder.getIsDirectionRightToLeft(),focusedItemId:this.state.focusedItemId,lastItemIdToBeOpened:i,tabbableItemId:this.state.tabbableItemId,itemRender:this.props.itemRender,linkRender:this.props.linkRender,menuGuid:this.guid,onMouseLeave:this.onItemMouseLeave,onMouseOver:this.onItemMouseOver,onMouseDown:this.onItemMouseDown,onFocus:this.onItemFocus,onClick:this.onItemClick,onBlur:this.onItemBlur,onOriginalItemNeeded:this.getInputItem,role:this.props.role}))}componentDidMount(){this.setState({isFirstRender:!1})}componentDidUpdate(i){(!!i.vertical!=!!this.props.vertical||this.directionHolder.hasDirectionChanged())&&this.reset(),this.mouseOverHandler.OpenOnClick=this.props.openOnClick}componentWillUnmount(){this.clearItemHoverAndLeaveRequestsIfApplicable()}setFocusedItemId(i){this.setState(s=>{const n=i===q?s.tabbableItemId:le(i);return{hoveredItemId:i===q||ce(s.hoveredItemId)&&ce(i)?s.hoveredItemId:q,focusedItemId:i,tabbableItemId:n}})}setHoveredItemId(i){this.setState(s=>ce(i)&&ce(s.focusedItemId)?{hoveredItemId:i,focusedItemId:s.focusedItemId,tabbableItemId:s.tabbableItemId}:{hoveredItemId:i,focusedItemId:q,tabbableItemId:Ce})}getMenuClassName(){return o.classNames("k-reset","k-header","k-menu",{"k-menu-horizontal":!this.props.vertical},{"k-menu-vertical":this.props.vertical},this.props.className)}clearItemHoverAndLeaveRequestsIfApplicable(){this.itemHoverRequest&&(clearTimeout(this.itemHoverRequest),this.itemHoverRequest=null),this.itemLeaveRequest&&(clearTimeout(this.itemLeaveRequest),this.itemLeaveRequest=null)}isItemWithDefaultClose(i){return!this.props.customCloseItemIds||this.props.customCloseItemIds.indexOf(i)===-1}checkIsDirectionRightToLeft(){return!!(this.props.dir!==void 0?this.props.dir==="rtl":this.menuWrapperEl&&getComputedStyle(this.menuWrapperEl).direction==="rtl")}prepareItems(){const{items:i,inputItems:s}=Xs(this.props.items,this.props.children);this.items=i,this.inputItems=s}dispatchSelectEventIfWired(i,s){o.dispatchEvent(this.props.onSelect,i,this,{item:this.getInputItem(s),itemId:s})}}Le.propTypes={vertical:r.bool,items:r.arrayOf(r.object),style:r.object,dir:r.string,hoverOpenDelay:r.number,hoverCloseDelay:r.number,openOnClick:r.bool,itemRender:r.any,linkRender:r.any,customCloseItemIds:r.arrayOf(r.string),onSelect:r.func,role:r.string},Le.defaultProps={vertical:!1};class ms extends t.Component{render(){const{id:i,size:s,collapsed:n,overlay:a,containsSplitter:l,collapsible:c,resizable:d,scrollable:u,keepMounted:h}=this.props,p=s&&s.length>0,m={flexBasis:s},f=o.classNames("k-pane",{["k-hidden"]:n,hidden:n,["k-pane-flex"]:l,["k-pane-static"]:!d&&!c||p,["k-scrollable"]:u});return t.createElement("div",{id:i,role:"group",style:m,className:f},!n||h?this.props.children:void 0,a?t.createElement("div",{className:"k-splitter-overlay k-overlay"}):void 0)}}const vt="splitBarLabel",ii={[vt]:"split bar"},ni={collapsible:!1,collapsed:!1,resizable:!0,scrollable:!0},ri=150;class fs extends t.Component{constructor(i){super(i),this._container=null,this.validatePanes=s=>{if(!s.filter(a=>a.size===void 0).length)throw new Error("The Splitter should have at least one pane without a set size.")},this.mapPaneOptions=(s,n)=>{const a=this.orientation,{dragIndex:l,isDragging:c}=this.state,d=[];for(let u=0;u<n.length;u++){let h=!1;const p=n[u];t.isValidElement(p)&&(h=p.type.displayName==="Splitter");let m=!1;c&&l!==void 0&&(m=l===u||l+1===u),d.push({...ni,orientation:a,containsSplitter:h,overlay:m,...(s||[])[u]})}return d},this.mapSplitterPanes=(s,n)=>{const a=ge.provideLocalizationService(this).toLanguageString(vt,ii[vt]);return s.map((l,c)=>{let d;const u=c*2,h=u+1;if(c+1<s.length){const m=s[c+1];d=t.createElement(as,{key:h,index:c,orientation:l.orientation,prev:l,next:m,ariaLabel:a,onDrag:this.onBarDragResize,onToggle:this.onBarToggle,onKeyboardResize:this.onBarKeyboardResize,isRtl:this.isRtl})}return[t.createElement(ms,{key:u,...l},n[c]),d]})},this.onBarToggle=(s,n)=>{const l=this.panesOptions(this.panesContent).map((c,d)=>{const u=this.getPaneProps(c);return d===s?{...u,collapsed:!c.collapsed}:{...u}});this.props.onChange&&this.props.onChange({newState:l,isLast:!0,nativeEvent:n})},this.onBarDragResize=(s,n,a,l,c)=>{const d=new Date().getTime(),{pageX:u,pageY:h}=s,{prevElement:p,nextElement:m}=this.surroudingPanes(n);if(!p||!m)return;if(l){this.setState({isDragging:!0,dragIndex:a,startTime:d,originalX:u,originalY:h,originalPrevSize:this.elementSize(p),originalNextSize:this.elementSize(m)});return}const{originalPrevSize:f,originalNextSize:b,startTime:y,originalX:N,originalY:w}=this.state;if(!l&&d-y<ri){c&&this.resetDragState();return}let E;this.orientation==="vertical"?E=h-w:this.isRtl?E=N-u:E=u-N,this.resize(a,a+1,f,b,E,c,s),c&&this.resetDragState()},this.onBarKeyboardResize=(s,n,a,l)=>{const{prevElement:c,nextElement:d}=this.surroudingPanes(s),u=this.elementSize(c),h=this.elementSize(d);this.resize(n,n+1,u,h,a,!0,l)},this.containerSize=()=>this._container?this.elementSize(this._container,!0):0,this.panesOptions=s=>this.mapPaneOptions(this.panes,s),this.elementSize=(s,n)=>{const a=n?"client":"offset";return this.orientation==="vertical"?s[`${a}Height`]:s[`${a}Width`]},this.clamp=(s,n,a)=>Math.min(n,Math.max(s,a)),this.fixedSize=s=>s&&s.length>0,o.validatePackage(R),this.state={isDragging:!1,dragIndex:void 0,startTime:0,originalX:0,originalY:0,originalPrevSize:0,originalNextSize:0,panes:i.defaultPanes||[]}}get isControlledState(){return this.props.panes!==void 0}get panes(){return this.panesDuringOnChange!==void 0?this.panesDuringOnChange:this.isControlledState?this.props.panes:this.state.panes}get orientation(){return this.props.orientation||"horizontal"}get isRtl(){return this._container&&getComputedStyle(this._container).direction==="rtl"||!1}get panesContent(){return t.Children.toArray(this.props.children).filter(i=>i)}render(){const i=this.panesContent,s=this.panesOptions(i),n=o.classNames("k-widget","k-splitter","k-splitter-flex",`k-splitter-${this.orientation}`,this.props.className);return this.validatePanes(s),t.createElement("div",{style:this.props.style,ref:a=>this._container=a,className:n},this.mapSplitterPanes(s,i))}surroudingPanes(i){return{prevElement:i.previousElementSibling,nextElement:i.nextElementSibling}}isPercent(i){return/%$/.test(i)}toPixels(i,s){let n=parseInt(i,10);return this.isPercent(i)&&(n=s*n/100),n}resetDragState(){this.setState({isDragging:!1,dragIndex:void 0,startTime:0,originalX:0,originalY:0,originalPrevSize:0,originalNextSize:0})}resize(i,s,n,a,l,c,d){const u=this.panesOptions(this.panesContent),h=u[i],p=u[s],m=n+a,f=this.containerSize(),b=I=>this.toPixels(I,f),y={index:i,initialSize:n,min:b(h.min)||m-b(p.max)||0,max:b(h.max)||m-b(p.min)||m},N={index:s,initialSize:a,min:b(p.min)||m-b(h.max)||0,max:b(p.max)||m-b(h.min)||m},w=(I,O)=>{const S=u[I.index],C=this.clamp(I.min,I.max,I.initialSize+O);return this.isPercent(S.size||"")?100*C/f+"%":C+"px"};let E,v;this.fixedSize(h.size)&&this.fixedSize(p.size)?(E=w(y,l),v=w(N,-l)):p.collapsible||this.fixedSize(p.size)?v=w(N,-l):E=w(y,l);const D=u.map((I,O)=>{const S=this.getPaneProps(I);return O===i?{...S,size:E}:O===s?{...S,size:v}:{...S}});this.panesDuringOnChange=D,this.isControlledState||this.setState({panes:D}),this.props.onChange&&this.props.onChange({newState:D,isLast:c,nativeEvent:d}),this.panesDuringOnChange=void 0}getPaneProps(i){const{orientation:s,overlay:n,containsSplitter:a,...l}=i;return l}}fs.displayName="Splitter";var gs=(e=>(e.TEXT="text",e.IMAGE="image",e.ICON="icon",e))(gs||{}),Ie=(e=>(e.HORIZONTAL="horizontal",e.VERTICAL="vertical",e))(Ie||{}),It=(e=>(e.DEFAULT="default",e.primary="primary",e.INFO="info",e.SUCCESS="success",e.WARNING="warning",e.ERROR="error",e))(It||{}),bs=(e=>(e.START="start",e.CENTER="center",e.END="end",e.STRETCHED="stretched",e))(bs||{});const Ee=t.forwardRef((e,i)=>{o.validatePackage(R);const{children:s,dir:n,style:a,className:l,type:c,orientation:d,...u}=e,h=t.useRef(null),p=t.useRef(null);return t.useImperativeHandle(h,()=>({element:p.current,props:e})),t.useImperativeHandle(i,()=>h.current),t.createElement("div",{dir:n,style:a,ref:p,className:o.classNames("k-card",l,{[`k-card-${c}`]:c!==It.DEFAULT},d!==Ie.HORIZONTAL?"k-card-vertical":"k-card-horizontal"),...u},s)});Ee.displayName="KendoReactCard",Ee.propTypes={children:r.node,className:r.string,dir:r.string,orientation:r.oneOf(["horizontal","vertical"]),style:r.object,type:r.oneOf(["default","primary","info","success","warning","error"])},Ee.defaultProps={type:It.DEFAULT,orientation:Ie.VERTICAL};const Et=e=>t.createElement("div",{style:e.style,className:o.classNames("k-card-header",e.className)},e.children);Et.propTypes={className:r.string};const Nt=e=>t.createElement("div",{style:e.style,className:o.classNames("k-card-title",e.className)},e.children);Nt.propTypes={className:r.string};const kt=e=>t.createElement("div",{style:e.style,className:o.classNames("k-card-body",e.className)},e.children);kt.propTypes={className:r.string};const wt=e=>{const i={layout:bs.START,orientation:Ie.HORIZONTAL,...e};return t.createElement("div",{style:i.style,className:o.classNames("k-card-actions",i.className,`k-card-actions-${i.layout}`,i.orientation!==Ie.VERTICAL?"k-card-actions-horizontal":"k-card-actions-vertical")},i.children)};wt.propTypes={layout:r.oneOf(["stretched","start","center","end"]),orientation:r.oneOf(["horizontal","vertical"])};const St=e=>{const i={src:"",...e};return t.createElement("img",{style:i.style,className:o.classNames("k-card-image",i.className),src:i.src,alt:i.alt})};St.propTypes={className:r.string,src:r.string};const Tt=e=>t.createElement("div",{style:e.style,className:o.classNames("k-card-subtitle",e.className)},e.children);Tt.propTypes={className:r.string};const ys=e=>t.createElement("div",{style:e.style,className:o.classNames("k-card-footer",e.className)},e.children);ys.propTypes={className:r.string};const vs=e=>{const i={type:gs.TEXT,size:"medium",rounded:"full",fillMode:"solid",themeColor:"primary",...e};return o.validatePackage(R),t.createElement("div",{style:i.style,className:o.classNames("k-avatar",{["k-avatar-bordered"]:i.border,[`k-rounded-${o.kendoThemeMaps.roundedMap[i.rounded]||i.rounded}`]:i.rounded,[`k-avatar-${o.kendoThemeMaps.sizeMap[i.size]||i.size}`]:i.size,[`k-avatar-${i.fillMode}`]:i.fillMode,[`k-avatar-${i.fillMode}-${i.themeColor}`]:!!(i.fillMode&&i.themeColor)},i.className)},t.createElement("span",{className:`k-avatar-${i.type}`},i.children))};vs.propTypes={className:r.string,type:r.oneOf(["text","image","icon"]),size:r.oneOf([null,"small","medium","large"]),rounded:r.oneOf([null,"small","medium","large","full"]),fillMode:r.oneOf([null,"solid","outline"]),themeColor:r.oneOf([null,"base","dark","error","info","inverse","inverse","light","primary","secondary","success","tertiary","warning"])};const ai={animation:!0,expanded:!1,mode:"overlay",position:"start",mini:!1,dir:"ltr",width:240,miniWidth:50},xt=t.createContext(ai),ze=t.forwardRef((e,i)=>{const{className:s,style:n,text:a,icon:l,svgIcon:c,separator:d,disabled:u,selected:h,onSelect:p,index:m,tabIndex:f,children:b,...y}=e,{expanded:N,mini:w,item:E}=t.useContext(xt),v=t.useRef(null),D=t.useCallback(()=>{v.current&&v.current.focus()},[]);t.useImperativeHandle(i,()=>({element:v.current,focus:D,props:e}));const I=o.classNames("k-drawer-item",{"k-selected":h,"k-disabled":u},s),O=t.useCallback(C=>{if(p&&!u){const F={element:v.current,focus:D,props:e};p(F,m,C)}},[p,m,u]),S=t.createElement(t.Fragment,null,(l||c)&&t.createElement(o.IconWrap,{name:l&&o.toIconName(l),icon:c}),!N&&w?null:t.createElement("span",{className:"k-item-text"},a));return d?t.createElement("li",{className:"k-drawer-item k-drawer-separator",role:"separator"}):t.createElement("li",{ref:v,className:I,style:n,role:"menuitem","aria-label":a,"aria-disabled":u,onClick:O,tabIndex:o.getTabIndex(f,u),...y},E?b:S)});ze.propTypes={className:r.string,style:r.object,text:r.string,icon:r.string,svgIcon:o.svgIconPropType,separator:r.bool,selected:r.bool,disabled:r.bool,targetItem:r.any},ze.displayName="KendoDrawerItem";const li=240,oi=50,ci={type:"slide",duration:200},di={type:"slide",duration:0},Fe=t.forwardRef((e,i)=>{const{children:s,className:n,style:a}=e;o.validatePackage(R);const l=o.shouldShowValidationUI(R),{animation:c,expanded:d,mode:u,position:h,onOverlayClick:p,mini:m,dir:f,width:b,miniWidth:y,items:N,item:w,onSelect:E}=t.useContext(xt),v=t.useRef(null),D=t.useCallback(()=>{v.current&&v.current.focus()},[]),I=typeof c!="boolean"?c:c===!1?di:ci,O=b||li,S=y||oi;t.useImperativeHandle(i,()=>({element:v.current,focus:D}));const C=t.useMemo(()=>"k-widget k-drawer "+o.classNames({"k-drawer-start":h==="start","k-drawer-end":h==="end"},n),[h]),F={opacity:1,flexBasis:O,WebkitTransition:"all "+(I&&I.duration)+"ms",transition:"all "+(I&&I.duration)+"ms"},P={opacity:1,transform:"translateX(0px)",WebkitTransition:"all "+(I&&I.duration)+"ms",transition:"all "+(I&&I.duration)+"ms"},L={opacity:m?1:0,flexBasis:m?S:0,WebkitTransition:"all "+(I&&I.duration)+"ms",transition:"all "+(I&&I.duration)+"ms"},H={opacity:0,transform:"translateX(-100%)",WebkitTransition:"all "+(I&&I.duration)+"ms",transition:"all "+(I&&I.duration)+"ms"},G={opacity:0,transform:"translateX(100%)",WebkitTransition:"all "+(I&&I.duration)+"ms",transition:"all "+(I&&I.duration)+"ms"},Q={transform:"translateX(0%)",WebkitTransitionDuration:(I&&I.duration)+"ms",transitionDuration:(I&&I.duration)+"ms"},$=d?u==="push"?F:P:u==="push"?L:f==="ltr"&&h==="start"||f==="rtl"&&h==="end"?m?Q:H:m?Q:G,T=N&&t.createElement("ul",{className:"k-drawer-items",role:"menubar","aria-label":"drawer-list","aria-expanded":d},N.map((j,Y)=>{const Z={index:Y,...j,onSelect:E},re=w||ze;return t.createElement(re,{key:Y,...Z})})),A=t.createElement("div",{style:I?{...$,...a}:a,className:C,ref:v},t.createElement("div",{className:"k-drawer-wrapper",style:!d&&m&&u==="overlay"?{width:S}:{width:O}},T||s),l&&t.createElement(o.WatermarkOverlay,null));return u==="overlay"?t.createElement(t.Fragment,null,d&&t.createElement("div",{className:"k-overlay",onClick:p}),A):A});Fe.propTypes={children:r.any,className:r.string,style:r.object,item:r.any,tabIndex:r.number},Fe.displayName="KendoDrawerNavigation";const Ke=t.forwardRef((e,i)=>{o.validatePackage(R);const{expanded:s,mode:n,position:a,className:l,children:c,style:d,animation:u,mini:h,width:p,miniWidth:m,items:f,item:b,tabIndex:y,onOverlayClick:N,onSelect:w}=e,E=t.useRef(null),v=t.useCallback(()=>{E.current&&E.current.focus()},[]);t.useImperativeHandle(i,()=>({element:E.current,focus:v}));const D=t.useCallback((S,C,F)=>{if(f&&w){const P={itemTarget:S,itemIndex:C,syntheticEvent:F,nativeEvent:F&&F.nativeEvent,target:void 0};w.call(void 0,P)}},[f,w]),I=o.useDir(E,e.dir),O=o.classNames({"k-drawer-container":!0,"k-drawer-expanded":s,"k-drawer-overlay":n==="overlay","k-drawer-push":n==="push","k-drawer-mini":h},l);return t.createElement(xt.Provider,{value:{animation:u,expanded:s,mode:n,position:a,mini:h,dir:I,items:f,item:b,width:p,miniWidth:m,onOverlayClick:N,onSelect:D}},t.createElement("div",{className:O,ref:E,dir:I,style:d,tabIndex:y},f&&t.createElement(Fe,null),c))});Ke.propTypes={animation:r.any,expanded:r.bool,children:r.any,className:r.string,dir:r.string,mode:r.string,position:r.string,mini:r.bool,style:r.object,tabIndex:r.number,width:r.number,miniWidth:r.number,selected:r.number,onSelect:r.func,onOverlayClick:r.func};const ui={animation:!0,expanded:!1,mode:"overlay",position:"start",mini:!1,dir:"ltr",width:240,miniWidth:50};Ke.defaultProps=ui,Ke.displayName="KendoDrawer";const Dt=t.forwardRef((e,i)=>{const{children:s,className:n,style:a}=e,l=t.useRef(null);t.useImperativeHandle(i,()=>({element:l.current}));const c=o.classNames({"k-drawer-content":!0},n);return t.createElement("div",{className:c,style:a,ref:l},s)});Dt.propTypes={children:r.any,className:r.string,style:r.object},Dt.displayName="KendoDrawerContent";const hi={linear:!1,mode:"steps",value:0},Is=t.createContext(hi),Es=400,Ns=0,ks="stepper.optionalText",Ot="stepper.progBarAriaLabel",ws={[ks]:"(Optional)",[Ot]:"progressbar"},Ne=t.forwardRef((e,i)=>{const{children:s,className:n,current:a,disabled:l,focused:c,icon:d,svgIcon:u,index:h,isValid:p,label:m,optional:f,style:b,tabIndex:y,text:N,...w}=e,{animationDuration:E,isVertical:v,item:D,linear:I,mode:O,numOfSteps:S,value:C,onChange:F,onFocus:P,successIcon:L,errorIcon:H,successSVGIcon:G,errorSVGIcon:Q}=t.useContext(Is),$=t.useRef(null),T=t.useCallback(()=>{$.current&&o.focusFirstFocusableChild($.current)},[]),A=t.useCallback(()=>({element:$.current,focus:T}),[T]);t.useImperativeHandle(i,A);const j=!I||h===C-1||h===C||h===C+1,Y=O==="labels"||!!d&&!!m,Z=ge.useLocalization(),ue=(ee=>Z.toLanguageString(ee,ws[ee]))(ks),se=typeof E=="number"?E:E!==!1?Es:Ns,Se=t.useCallback(ee=>{F&&!l&&o.dispatchEvent(F,ee,A(),{value:h})},[F,C,l]),he=t.useCallback(ee=>{P&&!l&&o.dispatchEvent(P,ee,A(),void 0)},[P,l]),W=t.useMemo(()=>o.classNames("k-step",{"k-step-first":h===0,"k-step-last":S&&h===S-1,"k-step-done":h<C,"k-step-current":a,"k-step-optional":f,"k-step-error":p!==void 0&&!p,"k-step-success":p},{"k-disabled":l,"k-focus":c},n),[h,S,C,a,f,l,c,p,n]),_=t.useMemo(()=>({maxWidth:v?void 0:`calc(100% / ${S})`,maxHeight:v?`calc(100% / ${S})`:void 0,pointerEvents:j?void 0:"none",...b}),[v,S,b,j]),B=p?L:H,V=B?t.createElement("span",{className:"k-step-indicator-icon "+B,"aria-hidden":"true"}):t.createElement(o.IconWrap,{className:"k-step-indicator-icon",name:p?"check-circle":"exclamation-circle",icon:p?G||z.checkOutlineIcon:Q||z.exclamationCircleIcon}),pe=t.createElement(t.Fragment,null,O!=="labels"?t.createElement("span",{className:"k-step-indicator","aria-hidden":!0,style:{transitionDuration:se+"ms"}},d||u?!Y&&p!==void 0?V:t.createElement(o.IconWrap,{className:"k-step-indicator-icon",name:d&&o.toIconName(d),icon:u}):p!==void 0?V:t.createElement("span",{className:"k-step-indicator-text"},N||h+1)):null),Te=t.createElement("span",{className:"k-step-label"},m&&t.createElement("span",{className:"k-step-text"},m),Y&&p!==void 0&&V,f&&t.createElement("span",{className:"k-step-label-optional"},ue)),me=t.createElement(t.Fragment,null,pe,Te);return t.createElement("li",{ref:$,className:W,style:_,...w},t.createElement("a",{className:"k-step-link",title:m||void 0,onClick:Se,onFocus:he,tabIndex:y||(c?0:-1),"aria-current":a,"aria-disabled":l||!j||void 0,"aria-invalid":p!==void 0&&!p||void 0},D?s:me))});Ne.propTypes={children:r.any,className:r.string,current:r.bool,disabled:r.bool,icon:r.string,index:r.number,isValid:r.bool,label:r.string,optional:r.bool,style:r.object,tabIndex:r.number,text:r.string};const pi={tabIndex:0};Ne.defaultProps=pi,Ne.displayName="KendoStep";const Be=t.forwardRef((e,i)=>{o.validatePackage(R);const{animationDuration:s,children:n,className:a,disabled:l,errorIcon:c,errorSVGIcon:d,item:u,items:h,linear:p,mode:m,orientation:f,style:b,successIcon:y,successSVGIcon:N,onChange:w,onFocus:E}=e,D=ge.useLocalization().toLanguageString(Ot,ws[Ot]),I=t.useRef(null),O=t.useCallback(()=>{I.current&&o.focusFirstFocusableChild(I.current)},[]),S=t.useCallback(()=>({element:I.current,focus:O}),[O]);t.useImperativeHandle(i,S);const C=e.value||Ss.value,[F,P]=t.useState(C),L=h?h.length:0,H=f==="vertical",G=o.useRtl(I,e.dir),Q=typeof s=="number"?s:s!==!1?Es:Ns;t.useEffect(()=>{P(C)},[C]);const $=t.useCallback((W,_)=>{const B=_===C-1,V=_===C,pe=_===C+1;C!==_&&w&&!l&&(!p||B||V||pe)&&(o.dispatchEvent(w,W,S(),{value:_}),P(_))},[C,p,w,l,P]),T=t.useCallback(W=>{let _=W.value,B=W.syntheticEvent;$(B,_)},[$]),A=t.useCallback(W=>{E&&!l&&o.dispatchEvent(E,W.syntheticEvent,S(),void 0)},[E,l]),j=t.useCallback(W=>{$(W,F)},[$,F]),Y=t.useCallback(W=>{const _=G==="rtl",B=F,V=h.length-1;switch(W.keyCode){case o.Keys.left:W.preventDefault(),!_&&B>0&&P(B-1),_&&B<V&&P(B+1);break;case o.Keys.right:W.preventDefault(),!_&&B<V&&P(B+1),_&&B>0&&P(B-1);break;case o.Keys.up:W.preventDefault(),!_&&B>0&&P(B-1),_&&B>0&&P(B-1);break;case o.Keys.down:W.preventDefault(),!_&&B<V&&P(B+1),_&&B<V&&P(B+1);break;case o.Keys.home:W.preventDefault(),P(0);break;case o.Keys.end:W.preventDefault(),P(V);break;case o.Keys.space:W.preventDefault();break;case o.Keys.enter:W.preventDefault(),h[B].disabled||j(W);break}},[h,P,F,G,j]),Z=t.useMemo(()=>o.classNames("k-stepper",{"k-stepper-linear":p},a),[p,a]),re=t.useMemo(()=>({display:"grid",gridTemplateColumns:H?void 0:"repeat("+L*2+", 1fr)",gridTemplateRows:H?"repeat("+L+", 1fr)":void 0,...b}),[H,L,b]),ue=t.useMemo(()=>o.classNames("k-step-list",{"k-step-list-horizontal":!H,"k-step-list-vertical":H}),[H]),se=t.useMemo(()=>({gridColumnStart:H?void 0:1,gridColumnEnd:H?void 0:-1,gridRowStart:H?1:void 0,gridRowEnd:H?-1:void 0}),[H]),Se=t.useMemo(()=>({gridColumnStart:H?void 0:2,gridColumnEnd:H?void 0:L*2,gridRowStart:H?1:void 0,gridRowEnd:H?L:void 0,top:H?17:void 0}),[H,L]),he=h&&h.map((W,_)=>{const B={index:_,disabled:l||W.disabled,focused:_===F,current:_===C,...W},V=u||Ne;return t.createElement(V,{key:_,...B})});return t.createElement(Is.Provider,{value:{animationDuration:s,isVertical:H,item:u,linear:p,mode:m,numOfSteps:L,value:C,successIcon:y,successSVGIcon:N,errorIcon:c,errorSVGIcon:d,onChange:T,onFocus:A}},t.createElement("nav",{className:Z,style:re,dir:G,onKeyDown:Y},t.createElement("ol",{className:ue,style:se},he||n),t.createElement(Ks.ProgressBar,{style:Se,animation:{duration:Q},ariaLabel:D,"aria-hidden":!0,max:L-1,labelVisible:!1,orientation:f,reverse:f==="vertical",value:C,disabled:l,tabIndex:-1})))});Be.propTypes={animationDuration:r.oneOfType([r.bool,r.number]),children:r.any,className:r.string,dir:r.string,disabled:r.bool,errorIcon:r.string,errorSVGIcon:o.svgIconPropType,item:r.any,items:r.any,linear:r.bool,mode:r.oneOf(["steps","labels"]),orientation:r.oneOf(["horizontal","vertical"]),style:r.object,successIcon:r.string,successSVGIcon:o.svgIconPropType,value:r.number.isRequired,onChange:r.func,onFocus:r.func};const Ss={value:0};Be.defaultProps=Ss,Be.displayName="KendoStepper";const Pt=t.forwardRef((e,i)=>{o.validatePackage(R);const{children:s,className:n,style:a,id:l}=e,c=t.useRef(null),d=t.useCallback(()=>{c.current&&o.focusFirstFocusableChild(c.current)},[]),u=t.useCallback(()=>({element:c.current,focus:d}),[d]);t.useImperativeHandle(i,u);const h=t.useMemo(()=>o.guid(),[]),p=t.useMemo(()=>e.themeColor||Ct.themeColor,[e.themeColor]),m=t.useMemo(()=>e.position||Ct.position,[e.position]),f=t.useMemo(()=>e.positionMode||Ct.positionMode,[e.positionMode]),b=t.useMemo(()=>o.classNames("k-appbar",{"k-appbar-top":m==="top","k-appbar-bottom":m==="bottom","k-appbar-static":f==="static","k-appbar-sticky":f==="sticky","k-appbar-fixed":f==="fixed","k-appbar-light":p==="light","k-appbar-dark":p==="dark","k-appbar-inherit":p==="inherit"},n),[m,f,p,n]);return t.createElement("div",{className:b,style:a,id:l||h},s)});Pt.propTypes={children:r.any,className:r.string,style:r.object,id:r.string,themeColor:r.string,position:r.oneOf(["top","bottom"]),positionMode:r.oneOf(["static","sticky","fixed"])};const Ct={themeColor:"light",position:"top",positionMode:"static"};Pt.displayName="KendoAppBar";const Mt=t.forwardRef((e,i)=>{const{children:s,className:n,style:a}=e,l=t.useRef(null),c=t.useCallback(()=>{l.current&&o.focusFirstFocusableChild(l.current)},[]),d=t.useCallback(()=>({element:l.current,focus:c}),[c]);t.useImperativeHandle(i,d);const u=t.useMemo(()=>o.classNames("k-appbar-section",n),[n]);return t.createElement("div",{className:u,style:a},s)});Mt.propTypes={children:r.any,className:r.string,style:r.object},Mt.displayName="KendoAppBarSection";const At=t.forwardRef((e,i)=>{const{children:s,className:n,style:a}=e,l=t.useRef(null),c=t.useCallback(()=>{l.current&&o.focusFirstFocusableChild(l.current)},[]),d=t.useCallback(()=>({element:l.current,focus:c}),[c]);t.useImperativeHandle(i,d);const u=t.useMemo(()=>o.classNames("k-appbar-spacer",{"k-appbar-spacer-sized":a&&a.width&&a.width!==null},n),[n,a]),h=t.useMemo(()=>({flexBasis:a&&a.width?a.width:void 0}),[a]);return t.createElement("span",{className:u,style:h},s)});At.propTypes={children:r.any,className:r.string,style:r.object},At.displayName="KendoAppBarSpacer";const Lt=e=>t.createElement(o.Draggable,{onPress:e.onPress,onDrag:i=>{e.onResize(i.event,!1,e.d)},onRelease:i=>{e.onResize(i.event,!0,e.d)}},t.createElement("div",{className:"k-resize-handle k-cursor-"+e.d+"-resize",style:{bottom:0,right:0,...e.style}}));class mi extends t.Component{constructor(){super(...arguments),this.handleResize=(i,s,n)=>{i.originalEvent.preventDefault(),this.props.onResize(i,{end:s,direction:n})}}render(){const{resizable:i,onPress:s,rtl:n}=this.props;return i?t.createElement(t.Fragment,null,i!=="vertical"&&t.createElement(Lt,{onPress:s,onResize:this.handleResize,d:"ew",style:n?{top:0,width:9,left:0,right:""}:{top:0,width:9,right:0,left:""}}),i!=="horizontal"&&t.createElement(Lt,{onPress:s,onResize:this.handleResize,d:"ns",style:{left:0,height:9}}),i===!0&&t.createElement(Lt,{onPress:s,onResize:this.handleResize,d:n?"nesw":"nwse",style:n?{width:9,height:9,right:"",left:0}:{width:9,height:9,right:0,left:""}})):null}}const Ts=200,zt=class extends t.Component{constructor(){super(...arguments),this.state={rtl:!1},this.oldSize={},this.draggable=null,this.dragging=!1,this.resizing=!1,this.element=null,this.hintElement=null,this.ignoreDrag=!1,this.pressOffset={x:0,y:0},this.pressXY={x:0,y:0},this.currentTranslate={x:0,y:0},this.preventDataOps=void 0,this.handleResize=(e,i)=>{if(i.end){this.handleRelease();return}if(!this.element||!this.hintElement)return;const s=e.clientX,n=e.clientY;this.resizing=!0;const a=(i.direction!=="ns"?s-this.pressXY.x:0)*(this.state.rtl?-1:1),l=i.direction!=="ew"?n-this.pressXY.y:0;if(this.dragElement&&(this.state.rtl?this.dragElement.style.marginLeft=-a+"px":this.dragElement.style.marginRight=-a+"px",this.dragElement.style.height=`calc(100% + ${l}px)`),this.hintElement.classList.add("k-layout-item-hint-resize"),this.preventDataOps)return;let c=0,d=0;const u=this.element.getBoundingClientRect();a>u.width/this.props.defaultPosition.colSpan/3&&(c=1),a<-u.width/this.props.defaultPosition.colSpan/1.25&&(c=-1),l>u.height/this.props.defaultPosition.rowSpan/3&&(d=1),l<-u.height/this.props.defaultPosition.rowSpan/1.25&&(d=-1),(c!==0||d!==0)&&this.props.update(this.props.index,0,0,d,c)},this.handlePress=e=>{if(!this.dragElement)return;if(this.pressXY={x:e.event.clientX,y:e.event.clientY},this.ignoreDrag=!1,this.props.ignoreDrag&&this.props.ignoreDrag(e.event.originalEvent)){this.ignoreDrag=!0;return}this.element&&this.hintElement&&(this.element.style.zIndex="10",this.hintElement.style.display="block"),this.dragElement.classList.remove("k-cursor-grab"),this.dragElement.classList.add("k-cursor-grabbing");const i=this.dragElement.getBoundingClientRect();this.pressOffset={x:e.event.clientX-i.x,y:e.event.clientY-i.y}},this.handleDrag=e=>{if(this.ignoreDrag)return;const i=this.dragElement;if(e.event.originalEvent.defaultPrevented||!i)return;this.dragging=!0,e.event.originalEvent.preventDefault();const s=i.getBoundingClientRect();if(this.currentTranslate={x:e.event.clientX-s.x-this.pressOffset.x+this.currentTranslate.x,y:e.event.clientY-s.y-this.pressOffset.y+this.currentTranslate.y},i.style.transform=`translate(${this.currentTranslate.x}px, ${this.currentTranslate.y}px)`,i.style.transition="transform 0s",this.preventDataOps)return;let n=0,a=0;this.currentTranslate.y>.7*s.height/this.props.defaultPosition.rowSpan&&(a=1),this.currentTranslate.y<.7*-s.height/this.props.defaultPosition.rowSpan&&(a=-1),this.currentTranslate.x>.7*s.width/this.props.defaultPosition.colSpan&&(n=1),this.currentTranslate.x<.7*-s.width/this.props.defaultPosition.colSpan&&(n=-1),this.props.update(this.props.index,a,this.state.rtl?-n:n,0,0)},this.handleRelease=()=>{this.dragging=this.resizing=!1,this.currentTranslate={x:0,y:0},this.element&&this.hintElement&&(this.element.style.zIndex="1",this.hintElement.classList.remove("k-layout-item-hint-resize"),this.hintElement.style.display="none");const e=this.dragElement;e&&(e.style.transform="translate(0px, 0px)",e.style.transition=`transform ${Ts}ms cubic-bezier(0.2, 0, 0, 1) 0s`,e.style.marginRight="0px",e.style.marginLeft="0px",e.style.height="100%",e.classList.remove("k-cursor-grabbing"),e.classList.add("k-cursor-grab"))}}get reorderable(){return this.props.reorderable!==void 0?this.props.reorderable:zt.defaultProps.reorderable}get dragElement(){return this.draggable?this.draggable.element:void 0}componentDidMount(){this.element&&(getComputedStyle(this.element).direction==="rtl"&&this.setState({rtl:!0}),this.hintElement&&(this.hintElement.style.height=this.element.offsetHeight+"px",this.hintElement.style.width=this.element.offsetWidth+"px"))}render(){clearTimeout&&typeof clearTimeout=="function"&&(clearTimeout(this.preventDataOps),this.preventDataOps=window.setTimeout(()=>{this.preventDataOps=void 0},200));const e=this.props.defaultPosition,i=this.props.resizable!==void 0?this.props.resizable:zt.defaultProps.resizable,s={gridColumnStart:e.col,gridColumnEnd:`span ${e.colSpan}`,gridRowStart:e.row,gridRowEnd:`span ${e.rowSpan}`,outline:"none",order:e.order,display:"none",...this.props.hintStyle},n={gridColumnStart:e.col,gridColumnEnd:`span ${e.colSpan}`,gridRowStart:e.row,gridRowEnd:`span ${e.rowSpan}`,order:e.order},a=t.createElement("div",{ref:l=>{this.draggable=l?{element:l}:null},className:o.classNames("k-tilelayout-item k-card",{"k-cursor-grab":this.reorderable},this.props.className),style:{height:"100%",...n,...this.props.style}},this.props.children,t.createElement(mi,{onPress:this.handlePress,onResize:this.handleResize,resizable:i,rtl:this.state.rtl}));return t.createElement("div",{ref:l=>{this.element=l},style:n},t.createElement("div",{ref:l=>{this.hintElement=l},style:{position:"absolute",...s},className:o.classNames("k-layout-item-hint",this.props.hintClassName)}),t.createElement(o.Draggable,{ref:l=>{this.draggable=l},onDrag:this.props.reorderable?this.handleDrag:void 0,onRelease:this.props.reorderable?this.handleRelease:void 0,onPress:this.props.reorderable?this.handlePress:void 0},a))}getSnapshotBeforeUpdate(e){return this.oldSize={},this.dragElement&&(this.oldSize=this.dragElement.getBoundingClientRect()),null}componentDidUpdate(e){const i=this.dragElement;if(!i)return;const s=i.getBoundingClientRect(),n=this.oldSize;if(this.resizing){const c=s.width-n.width;if(this.state.rtl){const h=parseFloat(i.style.marginLeft||"0");i.style.marginLeft=h-c+"px"}else{const h=parseFloat(i.style.marginRight||"0");i.style.marginRight=h+c+"px"}this.pressXY.x+=this.state.rtl?-c:c;const d=s.height-n.height,u=parseFloat(i.style.height.substring(12));i.style.height=`calc(100% + ${u+d}px)`,this.pressXY.y+=d}const a=n.left-s.left,l=n.top-s.top;if(!(a===0&&l===0)){if(this.dragging){(e.defaultPosition.order!==this.props.defaultPosition.order||e.defaultPosition.col!==this.props.defaultPosition.col)&&(this.currentTranslate.x=0,this.currentTranslate.y=0,i.style.transform="");return}Math.abs(l)<15&&Math.abs(a)<15||requestAnimationFrame(()=>{const c=this.element;c&&(c.style.transform=`translate(${a}px, ${l}px)`,c.style.transition="transform 0s",requestAnimationFrame(()=>{c.style.transform="",c.style.transition=`transform ${Ts}ms cubic-bezier(0.2, 0, 0, 1) 0s`}))})}}};let Re=zt;Re.propTypes={defaultPosition:r.object.isRequired,style:r.object,className:r.string,hintStyle:r.object,hintClassName:r.string,header:r.any,body:r.any,item:r.any,resizable:r.oneOf(["horizontal","vertical",!0,!1]),reorderable:r.bool},Re.displayName="KendoTileLayoutItem",Re.defaultProps={resizable:!0,reorderable:!0};const fi={column:"k-grid-flow-col",row:"k-grid-flow-row","column dense":"k-grid-flow-col-dense","row dense":"k-grid-flow-row-dense",unset:"k-grid-flow-unset"};class Ft extends t.Component{constructor(i){super(i),this._element=null,this.state={positions:(this.props.items||[]).map((s,n)=>Object.assign({order:n,rowSpan:1,colSpan:1},s.defaultPosition))},this.showLicenseWatermark=!1,this.focus=()=>{this._element&&this._element.focus()},this.update=(s,n,a,l=0,c=0)=>{if(n===0&&a===0&&!c&&!l)return;let d=!1;const u=this.state.positions.map(y=>Object.assign({},y)),h=u[s],p=u.find(y=>y.order===h.order+n);p&&p!==h&&(h.order+=n,p.order+=-n,d=!0);const m=h.col+a;a!==0&&m>=1&&m+h.colSpan<=(this.props.columns||3)+1&&(h.col=m,d=!0);const f=h.colSpan+c;c&&f>=1&&f+h.col<=(this.props.columns||3)+1&&(h.colSpan=f,d=!0);const b=h.rowSpan+l;l&&b>=1&&(h.rowSpan=b,d=!0),d&&(this.setState({positions:u}),o.dispatchEvent(this.props.onReposition,{},this,{value:u}))},o.validatePackage(R),this.showLicenseWatermark=o.shouldShowValidationUI(R)}get element(){return this._element}static getDerivedStateFromProps(i,s){return i.positions?{positions:i.positions.map((n,a)=>Object.assign({order:a,rowSpan:1,colSpan:1},n))}:i.items&&(!s.positions||i.items.length!==s.positions.length)?{positions:i.items.map((n,a)=>Object.assign({order:a,rowSpan:1,colSpan:1},n.defaultPosition))}:null}render(){const{className:i,columns:s=3,columnWidth:n="1fr",gap:a,rowHeight:l="1fr",style:c,autoFlow:d="column",items:u=[]}=this.props,h=a?`${typeof a.rows=="number"?a.rows+"px":a.rows} ${typeof a.columns=="number"?a.columns+"px":a.columns}`:16,p={gridTemplateColumns:`repeat(${s}, minmax(0px, ${typeof n=="number"?n+"px":n}))`,gridAutoRows:`minmax(0px, ${typeof l=="number"?l+"px":l})`,gap:h,padding:h,...c};return t.createElement("div",{ref:m=>{this._element=m},dir:this.props.dir,className:o.classNames("k-tilelayout k-pos-relative",fi[d],i),style:p,id:this.props.id,children:u.map((m,f)=>t.createElement(t.Fragment,{key:this.props.dataItemKey?o.getter(this.props.dataItemKey)(m):f},t.createElement(Re,{update:this.update,defaultPosition:this.state.positions[f],index:f,resizable:m.resizable,reorderable:m.reorderable,style:m.style,className:m.className,hintClassName:m.hintClassName,hintStyle:m.hintStyle,ignoreDrag:this.props.ignoreDrag},m.item?m.item:t.createElement(t.Fragment,null,t.createElement("div",{className:"k-tilelayout-item-header k-card-header"},t.isValidElement(m.header)?m.header:t.createElement("h5",{className:"k-card-title"},m.header)),t.createElement("div",{className:"k-tilelayout-item-body k-card-body"},m.body))),this.showLicenseWatermark&&t.createElement(o.WatermarkOverlay,null)))})}}Ft.propTypes={id:r.string,style:r.object,className:r.string,dir:r.string,gap:r.object,columns:r.number,columnWidth:r.oneOfType([r.number,r.string]),rowHeight:r.oneOfType([r.number,r.string]),dataItemKey:r.string,items:r.array,positions:r.array,autoFlow:r.oneOf(["column","row","column dense","row dense","unset"]),onReposition:r.func,ignoreDrag:r.func},Ft.displayName="KendoTileLayout";const gi={vertical:"k-bottom-nav-item-flow-vertical",horizontal:"k-bottom-nav-item-flow-horizontal"},bi={fixed:"k-pos-fixed",sticky:"k-pos-sticky"},ke=t.forwardRef((e,i)=>{o.validatePackage(R);const s=t.useRef(null);t.useImperativeHandle(i,()=>({element:s.current}));const{className:n,style:a,selected:l,disabled:c,item:d,render:u,dataItem:h,icon:p,svgIcon:m,text:f,id:b,onSelect:y,onKeyDown:N,index:w,tabIndex:E}=e,v=t.useMemo(()=>o.classNames("k-bottom-nav-item",{"k-selected":l,"k-disabled":c},n),[l,c,n]),D=t.useCallback(F=>{y&&w!==void 0&&!c&&y(F,w)},[y,w,c]),I=t.useCallback(F=>{N&&w!==void 0&&!c&&N(F,w)},[N,w,c]),O=u,S=d,C=t.createElement("span",{ref:s,className:v,style:a,role:"link",id:b,tabIndex:E,onClick:D,onKeyDown:I,"aria-current":l,"aria-disabled":c},S?t.createElement(S,{itemIndex:w,item:h}):t.createElement(t.Fragment,null,(p||m)&&t.createElement(o.IconWrap,{className:"k-bottom-nav-item-icon",name:p,icon:m,size:"xlarge"}),f&&t.createElement("span",{className:"k-bottom-nav-item-text",style:{userSelect:"none"}},f)));return O!==void 0?O.call(void 0,C,e):C}),yi={tabIndex:0};ke.propTypes={className:r.string,style:r.object,id:r.string,disabled:r.bool,selected:r.bool,icon:r.string,svgIcon:o.svgIconPropType,text:r.string,tabIndex:r.number},ke.defaultProps=yi,ke.displayName="KendoReactBottomNavigationItem";const He=t.forwardRef((e,i)=>{o.validatePackage(R);const s=t.useRef(null),n=t.useCallback(()=>{s.current&&o.focusFirstFocusableChild(s.current)},[]),a=t.useCallback(()=>({element:s.current,focus:n}),[n]);t.useImperativeHandle(i,a);const{positionMode:l=de.positionMode,itemFlow:c=de.itemFlow,border:d=de.border,className:u,items:h,item:p,itemRender:m,disabled:f,style:b,id:y,onSelect:N,onKeyDown:w}=e,E=t.useMemo(()=>o.guid(),[]),v=o.useDir(s,e.dir),D=t.useMemo(()=>e.fillMode===null||e.fill===null?null:e.fill||e.fillMode||de.fillMode,[e.fillMode,e.fill]),I=t.useMemo(()=>e.themeColor||de.themeColor,[e.themeColor]),O=t.useMemo(()=>o.classNames("k-bottom-nav",bi[l],gi[c],{[`k-bottom-nav-${D}`]:D,[`k-bottom-nav-${D}-${I}`]:!!(D&&I),"k-bottom-nav-border":d,"k-disabled":f},u),[l,I,D,c,d,f,u]),S=t.useCallback((P,L)=>{h&&!h[L].disabled&&N&&o.dispatchEvent(N,P,a(),{itemTarget:h[L],itemIndex:L})},[h,N]),C=t.useCallback((P,L)=>{S(P,L)},[S]),F=t.useCallback((P,L)=>{switch(P.keyCode){case o.Keys.enter:case o.Keys.space:S(P,L),P.preventDefault();break}o.dispatchEvent(w,P,a(),void 0)},[S,w]);return t.createElement("nav",{ref:s,className:O,style:b,id:y||E,dir:v},h&&h.map((P,L)=>t.createElement(ke,{...P,key:L,index:L,id:`${y||E}-${L}`,disabled:f||P.disabled,selected:P.selected,dataItem:P,item:p,render:m,onSelect:C,onKeyDown:F})))}),de={themeColor:"primary",fillMode:"flat",itemFlow:"vertical",positionMode:"fixed",border:!0};He.propTypes={className:r.string,style:r.object,id:r.string,dir:r.string,themeColor:r.oneOf(["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"]),fill:r.oneOf(["solid","flat"]),fillMode:r.oneOf(["solid","flat"]),itemFlow:r.oneOf(["vertical","horizontal"]),border:r.bool,disabled:r.bool,selected:r.number,onSelect:r.func},He.defaultProps=de,He.displayName="KendoReactBottomNavigation";const We=t.forwardRef((e,i)=>{ie.validatePackage(R);const s=t.useRef(null),n=t.useCallback(()=>({element:s.current}),[]);t.useImperativeHandle(i,n);const{className:a,style:l,id:c,children:d}=e,u=t.useMemo(()=>o.guid(),[]),h=t.useMemo(()=>e.orientation||_e.orientation,[e.orientation]),p=h==="horizontal",m=t.useMemo(()=>e.align&&e.align.horizontal?e.align.horizontal:_e.hAlign,[e.align]),f=t.useMemo(()=>e.align&&e.align.vertical?e.align.vertical:_e.vAlign,[e.align]),b=t.useMemo(()=>o.classNames("k-stack-layout",{"k-hstack":h==="horizontal","k-vstack":h==="vertical","k-justify-content-start":p&&m==="start"||!p&&f==="top","k-justify-content-center":p&&m==="center"||!p&&f==="middle","k-justify-content-end":p&&m==="end"||!p&&f==="bottom","k-justify-content-stretch":p&&m==="stretch"||!p&&f==="stretch","k-align-items-start":!p&&m==="start"||p&&f==="top","k-align-items-center":!p&&m==="center"||p&&f==="middle","k-align-items-end":!p&&m==="end"||p&&f==="bottom","k-align-items-stretch":!p&&m==="stretch"||p&&f==="stretch"},a),[h,p,m,f,a]),y={gap:`${typeof e.gap=="number"?e.gap+"px":e.gap}`,...l};return t.createElement("div",{ref:s,className:b,style:y,id:c||u},d)}),_e={orientation:"horizontal",hAlign:"stretch",vAlign:"stretch"};We.propTypes={className:r.string,style:r.object,children:r.any,id:r.string,orientation:r.oneOf(["horizontal","vertical"]),gap:r.oneOfType([r.string,r.number]),align:r.shape({vertical:r.oneOf(["top","middle","bottom","stretch"]),horizontal:r.oneOf(["start","center","end","stretch"])})},We.defaultProps=_e,We.displayName="KendoReactStackLayout";const $e=t.forwardRef((e,i)=>{ie.validatePackage(R);const s=t.useRef(null),n=t.useCallback(()=>({element:s.current}),[]);t.useImperativeHandle(i,n);const{className:a,style:l,id:c,children:d,gap:u}=e,h=t.useMemo(()=>o.guid(),[]),p=t.useMemo(()=>e.align&&e.align.horizontal?e.align.horizontal:Kt.hAlign,[e.align]),m=t.useMemo(()=>e.align&&e.align.vertical?e.align.vertical:Kt.vAlign,[e.align]),f=t.useMemo(()=>o.classNames("k-grid-layout",{"k-justify-items-start":p==="start","k-justify-items-center":p==="center","k-justify-items-end":p==="end","k-justify-items-stretch":p==="stretch","k-align-items-start":m==="top","k-align-items-center":m==="middle","k-align-items-end":m==="bottom","k-align-items-stretch":m==="stretch"},a),[p,m,a]),b=u?`${typeof u.rows=="number"?u.rows+"px":u.rows} ${typeof u.cols=="number"?u.cols+"px":u.cols}`:void 0,y=e.rows&&e.rows.map(E=>`${typeof E.height=="number"?E.height+"px":E.height}`).join(" "),N=e.cols&&e.cols.map(E=>`${typeof E.width=="number"?E.width+"px":E.width}`).join(" "),w={gap:b,gridTemplateColumns:N,gridTemplateRows:y,...l};return t.createElement("div",{ref:s,className:f,style:w,id:c||h},d)}),Kt={hAlign:"stretch",vAlign:"stretch",gap:void 0};$e.propTypes={className:r.string,style:r.object,children:r.any,id:r.string,gap:r.shape({rows:r.oneOfType([r.string,r.number]),columns:r.oneOfType([r.string,r.number])}),align:r.shape({vertical:r.oneOf(["top","middle","bottom","stretch"]),horizontal:r.oneOf(["start","center","end","stretch"])})},$e.defaultProps=Kt,$e.displayName="KendoReactGridLayout";const Bt=t.forwardRef((e,i)=>{ie.validatePackage(R);const s=t.useRef(null),n=t.useCallback(()=>({element:s.current}),[]);t.useImperativeHandle(i,n);const{className:a,style:l,id:c,children:d,row:u,col:h,rowSpan:p,colSpan:m}=e,f=t.useMemo(()=>o.guid(),[]),b={gridArea:`${u||"auto"} / ${h||"auto"} / ${p?"span "+p:"auto"} / ${m?"span "+m:"auto"}`,...l};return t.createElement("div",{ref:s,className:a,style:b,id:c||f},d)});Bt.propTypes={className:r.string,style:r.object,children:r.any,id:r.string},Bt.displayName="KendoReactGridLayoutItem";const Ue=t.forwardRef((e,i)=>{ie.validatePackage(R);const s=t.useRef(null),n=t.useRef(null),a=t.useCallback(()=>{n.current&&n.current.focus()},[n]);return t.useImperativeHandle(s,()=>({element:n.current,focus:a,props:e})),t.useImperativeHandle(i,()=>s.current),t.createElement("li",{ref:n,id:e.id,style:e.style,className:o.classNames("k-breadcrumb-item",{"k-breadcrumb-root-item":e.isFirstItem,"k-breadcrumb-last-item":e.isLastItem},e.className)},e.children)}),vi={id:r.string,className:r.string,children:r.any,style:r.object};Ue.displayName="KendoReactBreadcrumbListItem",Ue.propTypes=vi;const je=t.forwardRef((e,i)=>{ie.validatePackage(R);const s=t.useRef(null),n=t.useRef(null);return t.useImperativeHandle(s,()=>{var a;return{element:((a=n.current)==null?void 0:a.element)||null,props:e}}),t.useImperativeHandle(i,()=>s.current),t.createElement(o.IconWrap,{ref:n,id:e.id,"aria-hidden":!0,tabIndex:e.tabIndex,style:e.style,name:e.dir==="rtl"?"chevron-left":"chevron-right",icon:e.dir==="rtl"?z.chevronLeftIcon:z.chevronRightIcon,className:"k-breadcrumb-delimiter-icon",size:"xsmall"})}),Ii={id:r.string,className:r.string,style:r.object,tabIndex:r.number,dir:r.string};je.displayName="KendoReactBreadcrumbDelimiter",je.propTypes=Ii;const Ve=t.forwardRef((e,i)=>{ie.validatePackage(R);const s=t.useRef(null),n=t.useRef(null),a=t.useCallback(()=>{n.current&&n.current.focus()},[n]);t.useImperativeHandle(s,()=>({element:n.current,focus:a,props:e})),t.useImperativeHandle(i,()=>s.current);const l=t.useCallback(d=>{e.id&&o.dispatchEvent(e.onItemSelect,d,d.target,{id:e.id})},[e.onItemSelect]),c=t.useCallback(d=>{e.id&&o.dispatchEvent(e.onKeyDown,d,d.target,{id:e.id})},[e.onKeyDown]);return t.createElement("span",{"aria-current":e.ariaCurrent?e.ariaCurrent:e.isLast,role:"link",id:e.id,ref:n,style:e.style,dir:o.useDir(n,e.dir),tabIndex:o.getTabIndex(e.tabIndex,e.disabled),className:o.classNames({"k-breadcrumb-root-link":e.isFirst,"k-breadcrumb-link":!e.isFirst,"k-breadcrumb-icontext-link":e.iconClass!==void 0&&e.text,"k-breadcrumb-icon-link":e.iconClass!==void 0&&!e.text,"k-disabled":e.disabled}),onClick:l,onKeyDown:c},e.iconClass?t.createElement("span",{className:o.classNames("k-icon",e.iconClass)}):e.icon?e.icon:"",e.text&&t.createElement("span",{className:"k-breadcrumb-item-text"},e.text))}),Ei={id:r.string,className:r.string,tabIndex:r.number,style:r.object,dir:r.string,disabled:r.bool,text:r.string,icon:r.node,iconClass:r.string,onClick:r.func,ariaCurrent:r.bool};Ve.displayName="KendoReactBreadcrumbLink",Ve.propTypes=Ei;const qe=t.forwardRef((e,i)=>{ie.validatePackage(R);const s=t.useRef(null),n=t.useRef(null);return t.useImperativeHandle(s,()=>({element:n.current,props:e})),t.useImperativeHandle(i,()=>s.current),t.createElement(t.Fragment,null,e.rootItem?t.createElement("ol",{id:e.id,ref:n,style:e.style,dir:o.useDir(n,e.dir),tabIndex:o.getTabIndex(e.tabIndex,e.disabled),className:o.classNames("k-breadcrumb-root-item-container",{"k-disabled":e.disabled},e.className)},e.children):t.createElement("ol",{id:e.id,ref:n,style:e.style,dir:o.useDir(n,e.dir),tabIndex:o.getTabIndex(e.tabIndex,e.disabled),className:o.classNames("k-breadcrumb-container !k-flex-wrap",{"k-disabled":e.disabled},e.className)},e.children))}),Ni={id:r.string,className:r.string,children:r.element,tabIndex:r.number,style:r.object,dir:r.string,disabled:r.bool};qe.displayName="KendoReactBreadcrumbOrderedList",qe.propTypes=Ni;const Ge=t.forwardRef((e,i)=>{ie.validatePackage(R);const s=t.useRef(null),n=t.useRef(null),a=t.useMemo(()=>e.breadcrumbOrderedList||qe,[e.breadcrumbOrderedList]),l=t.useMemo(()=>e.breadcrumbListItem||Ue,[e.breadcrumbListItem]),c=t.useMemo(()=>e.breadcrumbDelimiter||je,[e.breadcrumbDelimiter]),d=t.useMemo(()=>e.breadcrumbLink||Ve,[e.breadcrumbLink]),u=t.useCallback(()=>{n.current&&n.current.focus()},[n]),h=t.useMemo(()=>e.disabled||!1,[e.disabled]);t.useImperativeHandle(s,()=>({element:n.current,focus:u,props:e})),t.useImperativeHandle(i,()=>s.current);const p=o.useDir(n,e.dir),m=v=>{s.current&&o.dispatchEvent(e.onItemSelect,v,v.target,{id:v.target.id})},f=v=>{s.current&&o.dispatchEvent(e.onKeyDown,v,v.target,{id:v.target.id})},b=e.valueField||we.valueField,y=e.iconField||we.iconField,N=e.iconClassField||we.iconClassField,w=e.textField||we.textField,E=e.size||"medium";return t.createElement("nav",{"aria-label":e.ariaLabel,id:e.id,style:e.style,ref:n,dir:p,className:o.classNames("k-breadcrumb k-breadcrumb-wrap",{"k-rtl":p==="rtl","k-disabled":h,"k-breadcrumb-md":!e.size,[`k-breadcrumb-${o.kendoThemeMaps.sizeMap[E]||E}`]:E},e.className)},t.createElement(a,{rootItem:!0},t.createElement(t.Fragment,null,e.data.map((v,D,I)=>{const O=v[b];if(D===0)return t.createElement(l,{key:O,isFirstItem:!0,isLastItem:I.length-1===D},t.createElement(d,{isLast:I.length-1===D,isFirst:!0,id:String(O),icon:v[y]||void 0,iconClass:v[N]?String(v[N]):void 0,text:v[w]?String(v[w]):void 0,disabled:v.disabled||!1,onItemSelect:m,onKeyDown:f,...e}))}))),t.createElement(a,{rootItem:!1},t.createElement(t.Fragment,null,e.data.map((v,D,I)=>{const O=v[b];if(D!==0)return t.createElement(l,{key:O,isFirstItem:!1,isLastItem:I.length-1===D},t.createElement(c,{dir:p}),t.createElement(d,{isLast:I.length-1===D,isFirst:!1,id:String(O),icon:v[y]||void 0,iconClass:v[N]?String(v[N]):void 0,text:v[w]?String(v[w]):void 0,disabled:v.disabled||!1,onItemSelect:m,onKeyDown:f,...e}))}))))}),ki={id:r.string,style:r.object,className:r.string,breadcrumbOrderedList:r.elementType,breadcrumbListItem:r.elementType,breadcrumbDelimiter:r.elementType,breadcrumbLink:r.elementType,data:r.arrayOf(r.shape({id:r.string,text:r.string,icon:r.any,iconClass:r.string})),dir:r.oneOf(["ltr","rtl"]),disabled:r.bool,valueField:r.string,textField:r.string,iconField:r.string,iconClassField:r.string,onItemSelect:r.func,ariaLabel:r.string},we={valueField:"id",textField:"text",iconField:"icon",iconClassField:"iconClass"};Ge.displayName="KendoReactBreadcrumb",Ge.propTypes=ki,Ge.defaultProps=we;const Xe=e=>{const i=t.useRef(null),s=t.useCallback(n=>{e.onClick&&e.onClick.call(void 0,{syntheticEvent:n,item:e.item,title:e.title})},[e.item,e.title,e.onClick]);return t.useEffect(()=>{i.current&&e.focused&&i.current.focus()},[e.focused]),t.createElement("span",{style:e.style,tabIndex:e.tabIndex,className:o.classNames("k-actionsheet-item","k-cursor-pointer",e.disabled&&"k-disabled",e.className),ref:i,role:"button","aria-disabled":e.disabled,onClick:s},t.createElement("span",{className:"k-actionsheet-action"},e.icon&&t.createElement("span",{className:"k-icon-wrap"},e.icon),(e.title||e.description)&&t.createElement("span",{className:"k-actionsheet-item-text"},e.title&&t.createElement("span",{className:"k-actionsheet-item-title"},e.title),e.description&&t.createElement("span",{className:"k-actionsheet-item-description"},e.description))))};Xe.propTypes={className:r.string,style:r.object,description:r.string,disabled:r.bool,group:r.oneOf(["top","bottom"]),icon:r.element,title:r.string};const Ye="ActionSheetHeader",Ze=e=>t.createElement("div",{className:o.classNames("k-actionsheet-titlebar",e.className)},e.children);Ze.propTypes={className:r.string},Ze.displayName=Ye,Ze.propTypes={children:r.any};const Rt="ActionSheetFooter",Je=e=>t.createElement("div",{className:o.classNames("k-actionsheet-footer",e.className)},e.children);Je.propTypes={className:r.string},Je.displayName=Rt,Je.propTypes={children:r.any};const Ht="ActionSheetContent",Qe=e=>t.createElement("div",{className:o.classNames("k-actionsheet-content",e.className)},e.children);Qe.propTypes={className:r.string},Qe.displayName=Ht,Qe.propTypes={children:r.any};class et extends t.Component{constructor(i){super(i),this.actionSheetRef=t.createRef(),this.actionSheetTitleClass="k-actionsheet-title",this.ariaLabeledBy=this.actionSheetTitleClass+1,this.animationDuration=300,this.bottomPosition={bottom:"0",width:"100%"},this.handleKeyDown=s=>{this.props.navigatable&&this.navigation.triggerKeyboardEvent(s)},this.onTab=(s,n,a)=>{a.preventDefault(),a.shiftKey?n.focusPrevious(s):n.focusNext(s)},this.handleOverlayClick=s=>{this.props.onOverlayClick&&this.props.onOverlayClick.call(void 0,s),this.props.onClose&&this.props.onClose.call(void 0,s),this.props.animation||this.hideActionSheet()},this.handleItemClick=s=>{this.props.onItemClick&&this.props.onItemClick.call(void 0,s),this.props.onItemSelect&&this.props.onItemSelect.call(void 0,s),this.props.animation||this.hideActionSheet()},this.onEnter=(s,n,a)=>{if(s.ariaDisabled)return;const l=s.className&&s.className.indexOf?s.className.indexOf("k-actionsheet-item")!==-1:!1,c=n.elements.filter(d=>d.className.indexOf("k-actionsheet-item")!==-1);if(l&&this.props.onItemClick){a.preventDefault();const d=this.props.items[c.indexOf(s)];this.props.onItemClick.call(void 0,{syntheticEvent:a,item:d,title:d&&d.title})}if(l&&this.props.onItemSelect){a.preventDefault();const d=this.props.items[c.indexOf(s)];this.props.onItemSelect.call(void 0,{syntheticEvent:a,item:d,title:d&&d.title})}this.props.animation||this.hideActionSheet()},this.onEscape=(s,n,a)=>{this.props.onOverlayClick&&(a.preventDefault(),this.props.onOverlayClick.call(void 0,a)),this.props.onClose&&(a.preventDefault(),this.props.onClose.call(void 0,a)),this.props.animation||this.hideActionSheet()},this.hideActionSheet=()=>{this.setState({show:!1})},this.children=s=>{const n={};return t.Children.forEach(s,a=>{a&&(n[a.type.displayName]=a)}),n},this.state={show:!1,slide:!1},o.validatePackage(R)}componentDidMount(){this.props.expand&&!this.state.show&&this.setState({show:!0})}componentDidUpdate(i,s){const n=this.actionSheetRef.current;if(this.props.expand&&!this.state.show&&this.setState({show:!0}),this.props.expand&&this.state.show&&!this.state.slide&&this.setState({slide:!0}),!this.props.expand&&this.state.show&&this.state.slide&&this.setState({slide:!1}),s!==this.state&&this.state.slide&&n&&!this.props.className&&(n.style.setProperty("--kendo-actionsheet-height","auto"),n.style.setProperty("--kendo-actionsheet-max-height","none")),n&&this.props.navigatable){const l=[".k-actionsheet-item",...[".k-actionsheet-footer",".k-actionsheet-content",".k-actionsheet-titlebar"].map(c=>o.FOCUSABLE_ELEMENTS.concat(this.props.navigatableElements).map(d=>`${c} ${d}`)).flat()];this.navigation=new o.Navigation({tabIndex:this.props.tabIndex||0,root:this.actionSheetRef,rovingTabIndex:!1,selectors:l,keyboardEvents:{keydown:{Tab:this.onTab,Enter:this.onEnter,Escape:this.onEscape}}}),this.navigation.focusElement(this.navigation.first,null)}}render(){const{title:i,subTitle:s,animationStyles:n,animation:a,expand:l,tabIndex:c,items:d}=this.props,u=d==null?void 0:d.filter(y=>!y.group||y.group==="top"),h=d==null?void 0:d.filter(y=>y.group==="bottom"),p=u&&u.length>0&&h&&h.length>0,m=this.children(this.props.children),f=this.props.animationDuration||this.animationDuration,b=this.state.slide&&t.createElement("div",{className:o.classNames("k-actionsheet",this.props.className,{"k-actionsheet-bottom":!this.props.className}),role:"dialog","aria-modal":"true","aria-hidden":!1,"aria-labelledby":this.ariaLabeledBy,ref:this.actionSheetRef,onKeyDown:this.handleKeyDown},m[Ye]&&!i&&!s&&m[Ye],(i||s)&&t.createElement("div",{className:"k-actionsheet-titlebar k-text-center"},t.createElement("div",{className:"k-actionsheet-titlebar-group k-hbox"},t.createElement("div",{className:this.actionSheetTitleClass,id:this.ariaLabeledBy},i&&t.createElement("div",null,i),s&&t.createElement("div",{className:"k-actionsheet-subtitle"},s)))),m[Ht]||t.createElement("div",{className:"k-actionsheet-content"},t.createElement("div",{className:"k-list-ul",role:"group"},u&&u.map((y,N)=>t.createElement(Xe,{...y,id:N,key:N,item:y,tabIndex:c||0,onClick:this.handleItemClick}))),p&&t.createElement("hr",{className:"k-hr"}),t.createElement("div",{className:"k-list-ul",role:"group"},h&&h.map((y,N)=>t.createElement(Xe,{...y,id:N+((u==null?void 0:u.length)||0),key:N,item:y,tabIndex:c||0,onClick:this.handleItemClick})))),m[Rt]);return t.createElement(t.Fragment,null,l||this.state.show?t.createElement(t.Fragment,null,t.createElement("div",{className:"k-actionsheet-container"},t.createElement("div",{className:"k-overlay",onClick:this.handleOverlayClick}),a?t.createElement(Pe.Animation,{transitionName:this.state.slide?"slide-up":"slide-down",onExited:this.hideActionSheet,transitionEnterDuration:f,transitionExitDuration:f,animationEnteringStyle:n||this.bottomPosition,animationEnteredStyle:n||this.bottomPosition,animationExitingStyle:n||this.bottomPosition,exit:!0,enter:!0,appear:!1},b):b)):null)}}et.displayName="KendoReactActionSheet",et.propTypes={items:r.array,subTitle:r.string,title:r.string,navigatable:r.bool,navigatableElements:r.array},et.defaultProps={navigatable:!0,navigatableElements:[]};const Wt=e=>{const{title:s,subtitle:n,actions:a,images:l,description:c}=e.eventData,[d,u]=t.useState(e.eventData.opened||!1),[h,p]=t.useState(e.eventData.opened||!!e.collapsible),m=y=>{if(u(!d),e.onChange){const N={syntheticEvent:y,nativeEvent:y.nativeEvent,eventData:e.eventData};e.onChange.call(void 0,N)}},f=y=>{if(e.onActionClick){const N={syntheticEvent:y,nativeEvent:y.nativeEvent,eventData:e.eventData};e.onActionClick.call(void 0,N)}},b=()=>t.createElement(t.Fragment,null,t.createElement(kt,null,t.createElement("div",{className:"k-card-description"},t.createElement("p",null,c),l&&l.map((y,N)=>t.createElement(St,{key:N,src:y.src})))),t.createElement(wt,null,a&&a.map((y,N)=>t.createElement("a",{key:N,href:y.url,className:"k-button k-button-md k-rounded-md k-button-flat k-button-flat-primary",onClick:f},y.text))));return t.createElement("div",{"data-testid":"k-timeline-card",className:o.classNames("k-timeline-card",{"k-collapsed":e.collapsible&&h})},t.createElement(Ee,{"aria-live":"polite","aria-describedby":e.id,"aria-atomic":"true",tabIndex:e.tabindex,role:e.horizontal?"tabpanel":"button","aria-expanded":e.collapsible&&h},t.createElement("span",{style:e.calloutStyle,className:o.classNames("k-timeline-card-callout","k-card-callout",{"k-callout-n":e.horizontal},{"k-callout-e":e.alternated&&!e.horizontal},{"k-callout-w":!e.alternated&&!e.horizontal})}),t.createElement("div",{className:"k-card-inner"},t.createElement(Et,null,t.createElement(Nt,null,t.createElement("span",{className:"k-event-title"},s),e.collapsible&&t.createElement("span",{onClick:y=>m(y),className:"k-event-collapse k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-icon-button"},t.createElement(o.SvgIcon,{icon:z.chevronRightIcon}))),n&&t.createElement(Tt,null,n)),e.collapsible?t.createElement(Pe.Reveal,{transitionEnterDuration:e.transitionDuration||400,transitionExitDuration:e.transitionDuration||400,onBeforeEnter:()=>p(!1),onAfterExited:()=>p(!0)},d?b():null):b())))};Wt.propTypes={onChange:r.func,onActionClick:r.func};const wi=e=>e.sort((s,n)=>s.date.getTime()-n.date.getTime()),_t=e=>{let i;return e.reduce((n,a)=>(i!==a.date.getFullYear()?(i=a.date.getFullYear(),n.push({yearFlag:i},a)):n.push(a),n),[])},xs=e=>{const n=ge.useInternationalization(),[a,l]=t.useState(!1),[c,d]=t.useState(!0),[u,h]=t.useState(),[p,m]=t.useState(0),[f,b]=t.useState(),[y,N]=t.useState(0),[w,E]=t.useState(0),[v,D]=t.useState(1),[I,O]=t.useState(),[S,C]=t.useState(),[F,P]=t.useState([0,0,0]),[L,H]=t.useState(0),[G,Q]=t.useState(1),$=t.useRef(null),T=t.useRef(null),A=t.useRef(null),{eventsData:j,dateFormat:Y,navigatable:Z,onActionClick:re}=e,ue=f?`${f}%`:"150px",se=t.useRef(new o.Navigation({tabIndex:0,root:$,selectors:[".k-timeline-scrollable-wrap"]}));t.useEffect(()=>{$.current&&e.navigatable&&(setTimeout(()=>{const k=se.current.first;k&&k.setAttribute("tabindex",String(0))},0),se.current.keyboardEvents={keydown:{ArrowRight:he,ArrowLeft:W,End:B,Home:_}})},[e.navigatable,v,y]),t.useEffect(()=>{se.current.update()});const Se=k=>{Z&&se.current&&se.current.triggerKeyboardEvent(k)};t.useEffect(()=>{var K;const k=o.canUseDOM&&window.ResizeObserver&&new window.ResizeObserver(tt),x=T.current,M=((K=$==null?void 0:$.current)==null?void 0:K.offsetWidth)||0;return k&&x&&k.observe(x),V(),tt(),P([M,0,-M]),()=>{k&&k.disconnect()}},[]),t.useEffect(()=>{const k=T.current,x=k&&k.children[v];if(x){const M=x.offsetWidth,K=!(p>=0);if(l(K),S){const U=S.length*M>y*M*((p*-1+100)/100);d(U)}(k==null?void 0:k.offsetWidth)*-p/100>=k.children.length*M&&(V(),tt(),m((x.offsetLeft-x.offsetWidth)/(y*x.offsetWidth)*100*-1)),Ms(x)}},[y,f,v]);const he=(k,x,M)=>{if(T.current){const K=T.current.children[v+1],U=K&&K.classList.contains("k-timeline-flag-wrap")?v+2:v+1;if(S&&S.length<=U)return;y+w<=U&&Te(),De(U,M)}},W=(k,x,M)=>{if(T.current){const K=T.current&&T.current.children[v-1],U=K&&K.classList.contains("k-timeline-flag-wrap")?v-2:v-1;if(U<=0)return;U<w&&pe(),De(U,M)}},_=(k,x,M)=>{if(T.current){if(v<=1)return;const K=1;me(!0,K,0,0),De(K,M)}},B=(k,x,M)=>{if(T.current){const K=T.current&&T.current.children.length-1;if(K<=v)return;const U=Math.floor(K/y),Oe=U*-100,Ut=U*y;me(!0,K,Ut,Oe),De(K,M)}},V=()=>{const k=_t(j);C(k),O([k[v-1],k[v],k[v+1]])},pe=()=>{var x;if(T.current&&S){const M=w-y,K=w-1,U=S[K]&&((x=S[K])!=null&&x.yearFlag)?K-1:K,Oe=p+100>0?0:p+100;me(!1,U,M,Oe)}},Te=()=>{if(T.current&&S){const x=w+y,M=S[x]&&S[x].yearFlag?x+1:x,K=p-100;me(!0,M,x,K)}},me=(k,x,M,K)=>{ee(k,x),tt(),E(M),m(K),D(x)},ee=(k,x)=>{if(I&&S){const M=xe(k,G),K=Object.assign([],I,{[M]:S[x]});O(K),Q(M),H(k?-100:100),setTimeout(()=>{var Ls;const U=(Ls=$.current)==null?void 0:Ls.offsetWidth,Oe=Object.assign([],F,{[M]:0,[xe(!0,M)]:U,[xe(!1,M)]:U&&-U}),Ut=Object.assign([],K,{[xe(!0,M)]:{},[xe(!1,M)]:{}});O(Ut),P(Oe),H(0)},e.transitionDuration||300)}},xe=(k,x)=>{const M=k?x+1:x-1;return I?M<0?I.length-1:M%I.length:0},Ms=k=>{var M;const x=(v-w)*k.offsetWidth+k.offsetWidth/2+(((M=A.current)==null?void 0:M.offsetWidth)||0);h(x)},De=(k,x)=>{x.preventDefault(),k>v?ee(!0,k):k<v&&ee(!1,k),D(k)},tt=t.useCallback(()=>{const k=T.current,x=k&&k.children[v];if(k instanceof HTMLElement&&x){const M=Math.round(k.offsetWidth/150);Ms(x),b(100/M),N(M)}},[]),Si=()=>({transitionDuration:"300ms"}),As=k=>({transform:`translateX(${k}%)`,transformOrigin:"left top"});return t.createElement(t.Fragment,null,t.createElement("div",{className:"k-timeline-track-wrap",ref:$,onKeyDown:Se},t.createElement("a",{ref:A,"aria-hidden":"true",onClick:()=>a&&pe(),className:o.classNames("k-timeline-arrow","k-timeline-arrow-left","k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-icon-button",{"k-disabled":!a})},t.createElement(o.SvgIcon,{icon:z.caretAltLeftIcon})),t.createElement("a",{"aria-hidden":"true",onClick:()=>c&&Te(),className:o.classNames("k-timeline-arrow","k-timeline-arrow-right","k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-icon-button",{"k-disabled":!c})},t.createElement(o.SvgIcon,{icon:z.caretAltRightIcon})),t.createElement("div",{className:"k-timeline-track"},t.createElement("ul",{ref:T,className:"k-timeline-scrollable-wrap",role:"tablist",tabIndex:0,style:{transform:`translateX(${p}%)`}},S&&S.map((k,x)=>k.yearFlag?t.createElement("li",{role:"none",className:"k-timeline-track-item k-timeline-flag-wrap",style:{flex:`1 0 ${ue}`},key:x},t.createElement("span",{className:"k-timeline-flag"},k.yearFlag)):t.createElement("li",{role:"tab",className:o.classNames("k-timeline-track-item",{"k-focus":x===v}),"aria-selected":x===v,style:{flex:`1 0 ${ue}`},key:x},t.createElement("div",{className:"k-timeline-date-wrap"},t.createElement("span",{className:"k-timeline-date"},n.formatDate(k.date,Y))),t.createElement("span",{onClick:M=>De(x,M),className:"k-timeline-circle"})))))),t.createElement("div",{className:"k-timeline-events-list"},t.createElement("ul",{className:"k-timeline-scrollable-wrap",style:L===0?{...As(L)}:{...As(L),...Si()}},I&&I.map((k,x)=>t.createElement("li",{key:x,className:"k-timeline-event",style:{transform:`translate3d(${F[x]}px, 0px, 0px)`}},k&&t.createElement(Wt,{tabindex:F[x]===0?0:-1,eventData:k,onActionClick:re,horizontal:!0,collapsible:!1,calloutStyle:{left:`${u}px`}}))))))};xs.propTypes={onActionClick:r.func};const Ds=e=>{const i=ge.useInternationalization(),[s,n]=t.useState(),{collapsibleEvents:a,transitionDuration:l,eventsData:c,dateFormat:d,alterMode:u,navigatable:h,onChange:p,onActionClick:m}=e,f=t.useRef(null),b=t.useRef(new o.Navigation({tabIndex:0,root:f,selectors:[".k-card-vertical"]}));t.useEffect(()=>{f.current&&e.navigatable&&(setTimeout(()=>{const E=b.current.first;E&&E.setAttribute("tabindex",String(0))},0),b.current.keyboardEvents={keydown:{Space:N,Enter:N}})},[e.navigatable]),t.useEffect(()=>{n(_t(c))},[]),t.useEffect(()=>{b.current.update()});const y=E=>{h&&b.current&&b.current.triggerKeyboardEvent(E)},N=(E,v,D)=>{D.preventDefault();const I=E.querySelector(".k-card-title .k-event-collapse");I&&I.click()};let w=0;return t.createElement("ul",{ref:f,onKeyDown:y},s&&s.map((E,v)=>{const D=o.guid(),I=(v+w)%2===0;return E.yearFlag&&(w+=1),t.createElement(t.Fragment,{key:v},E.yearFlag?t.createElement("li",{className:"k-timeline-flag-wrap"},t.createElement("span",{className:"k-timeline-flag"},E.yearFlag)):t.createElement("li",{className:o.classNames("k-timeline-event",{"k-reverse":I})},t.createElement("div",{className:"k-timeline-date-wrap"},t.createElement("span",{className:"k-timeline-date",id:D},i.formatDate(E.date,d))),t.createElement("a",{className:"k-timeline-circle"}),t.createElement(Wt,{id:D,tabindex:h?0:-1,eventData:E,alternated:u&&I,collapsible:a,transitionDuration:l,onChange:p,onActionClick:m})))}))};Ds.propTypes={onActionClick:r.func};const Os=e=>{const i={alterMode:!1,collapsibleEvents:!0,dateFormat:"MMM dd, yyyy",...e},{collapsibleEvents:s,transitionDuration:n,className:a,alterMode:l,navigatable:c,horizontal:d,events:u,dateFormat:h,onChange:p,onActionClick:m}=i,[f,b]=t.useState(),y=t.useRef(null);return t.useEffect(()=>{y.current&&b(y.current.offsetWidth)},[]),t.createElement("div",{ref:y,className:o.classNames("k-timeline",{"k-timeline-collapsible":s,"k-timeline-vertical":!d,"k-timeline-alternating":l,"k-timeline-horizontal":d},a),style:{width:`${f}px`}},d?t.createElement(xs,{navigatable:c,eventsData:u,dateFormat:h,transitionDuration:n,onActionClick:m}):t.createElement(Ds,{navigatable:c,eventsData:u,dateFormat:h,alterMode:l,collapsibleEvents:s,transitionDuration:n,onChange:p,onActionClick:m}))};Os.propTypes={className:r.string};const Ps=e=>{const i=t.useRef(null);return t.useEffect(()=>{e.show&&setTimeout(()=>{const s=i.current&&i.current.element,n=s&&s.querySelector(".k-menu-item"),a=o.getActiveElement(n&&n.ownerDocument);n&&n!==a&&n.focus()})},[e.show]),t.createElement(jt.Popup,{show:e.show,offset:e.offset,popupClass:"k-menu-popup",animate:!1},t.createElement(Le,{vertical:!0,...e,ref:i,className:o.classNames("k-context-menu",e.className),onClose:e.onClose,role:"menu"},e.children))};Ps.displayName="KendoReactContextMenu";const $t=t.forwardRef((e,i)=>{o.validatePackage(R);const s=t.useRef(null),[n,a]=t.useState(!1),l=t.useCallback(()=>({element:s.current}),[]);t.useImperativeHandle(i,l);const{expanded:c=!1,disabled:d,title:u,subtitle:h,onAction:p,expandIcon:m,collapseIcon:f,expandSVGIcon:b,collapseSVGIcon:y}=e,N=t.useCallback(O=>{o.dispatchEvent(p,O,l(),{expanded:c})},[p,c]),w=t.useCallback(O=>{(O.keyCode===o.Keys.enter||O.keyCode===o.Keys.space)&&(O.preventDefault(),o.dispatchEvent(p,O,l(),{expanded:c}))},[p,c]),E=t.useCallback(()=>{e.disabled||a(!0)},[e.disabled]),v=t.useCallback(()=>{e.disabled||a(!1)},[e.disabled]),{onFocus:D,onBlur:I}=o.useAsyncFocusBlur({onFocus:E,onBlur:v});return t.createElement("div",{ref:s,className:o.classNames("k-expander",e.className,{"k-expanded":c,"k-focus":n&&!d,"k-disabled":d}),onFocus:D,onBlur:I,style:e.style,id:e.id,dir:o.useRtl(s,e.dir),onKeyDown:d?void 0:w},t.createElement("div",{role:"button","aria-controls":e.ariaControls,"aria-expanded":c,"aria-disabled":d,tabIndex:o.getTabIndex(e.tabIndex,d),className:"k-expander-header",onClick:d?void 0:N},u!==void 0?t.createElement("div",{className:"k-expander-title"},u):void 0,t.createElement("span",{className:"k-spacer"}),h!==void 0?t.createElement("div",{className:"k-expander-sub-title"},h):void 0,t.createElement("span",{className:"k-expander-indicator"},t.createElement(o.IconWrap,{name:c?f?void 0:"chevron-up":m?void 0:"chevron-down",icon:c?!y&&!f?z.chevronUpIcon:y:!b&&!m?z.chevronDownIcon:b,className:o.classNames(c?{[String(f)]:!!f}:{[String(m)]:!!m})}))),e.children)});$t.propTypes={children:r.node,className:r.string,style:r.object,dir:r.string,id:r.string,tabIndex:r.number,title:r.node,subtitle:r.node,expandIcon:r.string,collapseIcon:r.string,expanded:r.bool,disabled:r.bool,onAction:r.func},$t.displayName="KendoReactExpansionPanel";const Cs=t.forwardRef((e,i)=>t.createElement("div",{ref:i,...e,className:o.classNames("k-expander-content-wrapper",e.className)},t.createElement("div",{className:"k-expander-content"},e.children)));Cs.displayName="KendoReactExpansionPanelContent",g.ActionSheet=et,g.ActionSheetContent=Qe,g.ActionSheetFooter=Je,g.ActionSheetHeader=Ze,g.ActionSheetItem=Xe,g.AppBar=Pt,g.AppBarSection=Mt,g.AppBarSpacer=At,g.Avatar=vs,g.BottomNavigation=He,g.BottomNavigationItem=ke,g.Breadcrumb=Ge,g.BreadcrumbDelimiter=je,g.BreadcrumbLink=Ve,g.BreadcrumbListItem=Ue,g.BreadcrumbOrderedList=qe,g.Card=Ee,g.CardActions=wt,g.CardBody=kt,g.CardFooter=ys,g.CardHeader=Et,g.CardImage=St,g.CardSubtitle=Tt,g.CardTitle=Nt,g.ContextMenu=Ps,g.Drawer=Ke,g.DrawerContent=Dt,g.DrawerItem=ze,g.DrawerNavigation=Fe,g.ExpansionPanel=$t,g.ExpansionPanelContent=Cs,g.GridLayout=$e,g.GridLayoutItem=Bt,g.Menu=Le,g.MenuItem=gt,g.MenuItemArrow=rt,g.MenuItemInternalsList=at,g.MenuItemLink=nt,g.PanelBar=ft,g.PanelBarItem=ne,g.Splitter=fs,g.SplitterBar=as,g.SplitterPane=ms,g.StackLayout=We,g.Step=Ne,g.Stepper=Be,g.TabStrip=ct,g.TabStripContent=ot,g.TabStripNavigation=Ae,g.TabStripNavigationItem=lt,g.TabStripTab=ls,g.TileLayout=Ft,g.Timeline=Os,g.addYearsFlags=_t,g.contentDisplayName=Ht,g.downArrowName=is,g.flatChildren=pt,g.flatVisibleChildren=mt,g.flatVisibleItems=cs,g.footerDisplayName=Rt,g.getFirstId=os,g.getInitialState=ut,g.headerDisplayName=Ye,g.isArrayEqual=ds,g.isPresent=Gs,g.leftArrowName=rs,g.renderChildren=dt,g.rightArrowName=ns,g.sortEventList=wi,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})});