@progress/kendo-react-layout 7.2.4-develop.2 → 7.2.4-develop.4

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