npm - @progress/kendo-react-layout - Versions diffs - 14.5.0-develop.2 → 14.5.0-develop.3 - Mend

@progress/kendo-react-layout 14.5.0-develop.2 → 14.5.0-develop.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/cdn/js/kendo-react-layout.js +1 -1
package/package-metadata.js +1 -1
package/package-metadata.mjs +2 -2
package/package.json +8 -8

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

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

package/package-metadata.js CHANGED Viewed

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

package/package-metadata.mjs CHANGED Viewed

@@ -7,7 +7,7 @@ export const packageMetadata = Object.freeze({
     productName: 'KendoReact',
     productCode: 'KENDOUIREACT',
     productCodes: ['KENDOUIREACT'],
-    publishDate: 1777917791,
-    version: '14.5.0-develop.2',
+    publishDate: 1777967915,
+    version: '14.5.0-develop.3',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
 });

package/package.json CHANGED Viewed

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