@progress/kendo-react-layout 13.4.0-develop.5 → 14.0.0-develop.2

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