@progress/kendo-react-layout 13.3.0-develop.7 → 13.3.0-develop.9

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

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

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-layout",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1768481723,version:"13.3.0-develop.7",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-layout",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1768490933,version:"13.3.0-develop.9",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = Object.freeze({
   productName: "KendoReact",
   productCode: "KENDOUIREACT",
   productCodes: ["KENDOUIREACT"],
-  publishDate: 1768481723,
-  version: "13.3.0-develop.7",
+  publishDate: 1768490933,
+  version: "13.3.0-develop.9",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 });
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-layout",
-  "version": "13.3.0-develop.7",
+  "version": "13.3.0-develop.9",
   "description": "React Layout components enable you to create a perceptive and intuitive layout of web projects. KendoReact Layout package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -26,12 +26,12 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-react-animation": "13.3.0-develop.7",
-    "@progress/kendo-react-buttons": "13.3.0-develop.7",
-    "@progress/kendo-react-common": "13.3.0-develop.7",
-    "@progress/kendo-react-intl": "13.3.0-develop.7",
-    "@progress/kendo-react-popup": "13.3.0-develop.7",
-    "@progress/kendo-react-progressbars": "13.3.0-develop.7",
+    "@progress/kendo-react-animation": "13.3.0-develop.9",
+    "@progress/kendo-react-buttons": "13.3.0-develop.9",
+    "@progress/kendo-react-common": "13.3.0-develop.9",
+    "@progress/kendo-react-intl": "13.3.0-develop.9",
+    "@progress/kendo-react-popup": "13.3.0-develop.9",
+    "@progress/kendo-react-progressbars": "13.3.0-develop.9",
     "@progress/kendo-svg-icons": "^4.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
@@ -76,7 +76,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1768481723,
+      "publishDate": 1768490933,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },