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

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

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

package/drawer/Drawer.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react"),e=require("prop-types"),q=require("./context/DrawerContext.js"),R=require("./DrawerNavigation.js"),u=require("@progress/kendo-react-common"),M=require("../package-metadata.js");function T(t){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(i,n,a.get?a:{enumerable:!0,get:()=>t[n]})}}return i.default=t,Object.freeze(i)}const r=T(j),s=r.forwardRef((t,i)=>{u.validatePackage(M.packageMetadata);const{expanded:n,mode:a,position:p,className:v,children:b,style:w,animation:y,mini:m,width:g,miniWidth:k,items:c,item:h,tabIndex:D,onOverlayClick:N,onSelect:l}=t,o=r.useRef(null),x=r.useCallback(()=>{o.current&&o.current.focus()},[]);r.useImperativeHandle(i,()=>({element:o.current,focus:x}));const C=r.useCallback((P,S,d)=>{if(c&&l){const E={itemTarget:P,itemIndex:S,syntheticEvent:d,nativeEvent:d&&d.nativeEvent,target:void 0};l.call(void 0,E)}},[c,l]),f=u.useDir(o,t.dir),O=u.classNames({"k-drawer-container":!0,"k-drawer-expanded":n,"k-drawer-overlay":a==="overlay","k-drawer-push":a==="push","k-drawer-mini":m},v);return r.createElement(q.DrawerContext.Provider,{value:{animation:y,expanded:n,mode:a,position:p,mini:m,dir:f,items:c,item:h,width:g,miniWidth:k,onOverlayClick:N,onSelect:C}},r.createElement("div",{className:O,ref:o,dir:f,style:w,tabIndex:D},c&&r.createElement(R.DrawerNavigation,null),b))});s.propTypes={animation:e.any,expanded:e.bool,children:e.any,className:e.string,dir:e.string,mode:e.string,position:e.string,mini:e.bool,style:e.object,tabIndex:e.number,width:e.number,miniWidth:e.number,selected:e.number,onSelect:e.func,onOverlayClick:e.func};const I={animation:!0,expanded:!1,mode:"overlay",position:"start",mini:!1,dir:"ltr",width:240,miniWidth:50};s.defaultProps=I;s.displayName="KendoDrawer";exports.Drawer=s;