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