@progress/kendo-react-layout 8.2.0-develop.3 → 8.2.0-develop.30

package/breadcrumb/BreadcrumbLink.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),t=require("prop-types"),l=require("@progress/kendo-react-common"),m=require("../package-metadata.js");function k(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const c in e)if(c!=="default"){const n=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(r,c,n.get?n:{enumerable:!0,get:()=>e[c]})}}return r.default=e,Object.freeze(r)}const a=k(b),d=a.forwardRef((e,r)=>{l.validatePackage(m.packageMetadata);const c=a.useRef(null),n=a.useRef(null),s=a.useCallback(()=>{n.current&&n.current.focus()},[n]);a.useImperativeHandle(c,()=>({element:n.current,focus:s,props:e})),a.useImperativeHandle(r,()=>c.current);const u=a.useCallback(i=>{e.id&&l.dispatchEvent(e.onItemSelect,i,i.target,{id:e.id})},[e.onItemSelect]),o=a.useCallback(i=>{e.id&&l.dispatchEvent(e.onKeyDown,i,i.target,{id:e.id})},[e.onKeyDown]);return a.createElement("a",{href:"#","aria-current":e.ariaCurrent?e.ariaCurrent:e.isLast,role:"link",id:e.id,ref:n,style:e.style,dir:l.useDir(n,e.dir),tabIndex:l.getTabIndex(e.tabIndex,e.disabled),className:l.classNames({"k-breadcrumb-root-link":e.isFirst,"k-breadcrumb-link":!e.isFirst,"k-breadcrumb-icontext-link":(e.icon!==void 0||e.iconClass!==void 0)&&e.text,"k-breadcrumb-icon-link":(e.icon!==void 0||e.iconClass!==void 0)&&!e.text,"k-disabled":e.disabled}),onClick:i=>{i.preventDefault(),u(i)},onKeyDown:o},e.iconClass?a.createElement("span",{className:l.classNames("k-icon",e.iconClass)}):e.icon?e.icon:"",e.text&&a.createElement("span",{className:"k-breadcrumb-item-text"},e.text))}),f={id:t.string,className:t.string,tabIndex:t.number,style:t.object,dir:t.string,disabled:t.bool,text:t.string,icon:t.node,iconClass:t.string,onClick:t.func,ariaCurrent:t.bool};d.displayName="KendoReactBreadcrumbLink";d.propTypes=f;exports.BreadcrumbLink=d;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),t=require("prop-types"),l=require("@progress/kendo-react-common"),m=require("../package-metadata.js");function k(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const c in e)if(c!=="default"){const n=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(r,c,n.get?n:{enumerable:!0,get:()=>e[c]})}}return r.default=e,Object.freeze(r)}const a=k(b),d=a.forwardRef((e,r)=>{l.validatePackage(m.packageMetadata);const c=a.useRef(null),n=a.useRef(null),s=a.useCallback(()=>{n.current&&n.current.focus()},[n]);a.useImperativeHandle(c,()=>({element:n.current,focus:s,props:e})),a.useImperativeHandle(r,()=>c.current);const u=a.useCallback(i=>{e.id&&l.dispatchEvent(e.onItemSelect,i,i.target,{id:e.id})},[e.onItemSelect]),o=a.useCallback(i=>{e.id&&l.dispatchEvent(e.onKeyDown,i,i.target,{id:e.id})},[e.onKeyDown]);return a.createElement("a",{href:"#","aria-current":e.ariaCurrent?e.ariaCurrent:e.isLast,role:"link",id:e.id,ref:n,style:e.style,dir:l.useDir(n,e.dir),tabIndex:l.getTabIndex(e.tabIndex,e.disabled),className:l.classNames(e.className,{"k-breadcrumb-root-link":e.isFirst,"k-breadcrumb-link":!e.isFirst,"k-breadcrumb-icontext-link":(e.icon!==void 0||e.iconClass!==void 0)&&e.text,"k-breadcrumb-icon-link":(e.icon!==void 0||e.iconClass!==void 0)&&!e.text,"k-disabled":e.disabled}),onClick:i=>{i.preventDefault(),u(i)},onKeyDown:o},e.iconClass?a.createElement("span",{className:l.classNames("k-icon",e.iconClass)}):e.icon?e.icon:"",e.text&&a.createElement("span",{className:"k-breadcrumb-item-text"},e.text))}),f={id:t.string,className:t.string,tabIndex:t.number,style:t.object,dir:t.string,disabled:t.bool,text:t.string,icon:t.node,iconClass:t.string,onClick:t.func,ariaCurrent:t.bool};d.displayName="KendoReactBreadcrumbLink";d.propTypes=f;exports.BreadcrumbLink=d;

package/breadcrumb/BreadcrumbLink.mjs

@@ -46,6 +46,7 @@ const r = t.forwardRef((e, s) => {
       dir: k(i, e.dir),
       tabIndex: f(e.tabIndex, e.disabled),
       className: d(
+        e.className,
         {
           "k-breadcrumb-root-link": e.isFirst,
           "k-breadcrumb-link": !e.isFirst,

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

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

package/index.d.mts

@@ -3347,7 +3347,7 @@ export declare interface SplitterPaneProps extends KendoReactComponentBaseProps
 /**
  * Represents the options of the Splitter.
  */
-export declare interface SplitterProps {
+export declare interface SplitterProps extends KendoReactComponentBaseProps {
     /**
      * Sets the options of the Splitter panes ([more information and examples]({% slug panes_splitter %})). Can be used for controlled state.
      */
@@ -3360,22 +3360,10 @@ export declare interface SplitterProps {
      * Specifies the orientation of the panes within the Splitter ([more information and examples]({% slug orientation_splitter %})). Panes in a horizontal Splitter are placed horizontally. Panes in a vertical Splitter are placed vertically.
      */
     orientation?: 'vertical' | 'horizontal';
-    /**
-     * Sets the styles of the Splitter.
-     */
-    style?: React_2.CSSProperties;
     /**
      * Fires after a Splitter pane is resized or collapsed. Useful for updating the pane options and triggering layout calculations on components which are positioned inside the panes.
      */
     onChange?: (event: SplitterOnChangeEvent) => void;
-    /**
-     * The pane elements of the Splitter.
-     */
-    children?: React_2.ReactNode;
-    /**
-     * The class name that is set to the Splitter.
-     */
-    className?: string;
 }
 
 /**

package/index.d.ts

@@ -3347,7 +3347,7 @@ export declare interface SplitterPaneProps extends KendoReactComponentBaseProps
 /**
  * Represents the options of the Splitter.
  */
-export declare interface SplitterProps {
+export declare interface SplitterProps extends KendoReactComponentBaseProps {
     /**
      * Sets the options of the Splitter panes ([more information and examples]({% slug panes_splitter %})). Can be used for controlled state.
      */
@@ -3360,22 +3360,10 @@ export declare interface SplitterProps {
      * Specifies the orientation of the panes within the Splitter ([more information and examples]({% slug orientation_splitter %})). Panes in a horizontal Splitter are placed horizontally. Panes in a vertical Splitter are placed vertically.
      */
     orientation?: 'vertical' | 'horizontal';
-    /**
-     * Sets the styles of the Splitter.
-     */
-    style?: React_2.CSSProperties;
     /**
      * Fires after a Splitter pane is resized or collapsed. Useful for updating the pane options and triggering layout calculations on components which are positioned inside the panes.
      */
     onChange?: (event: SplitterOnChangeEvent) => void;
-    /**
-     * The pane elements of the Splitter.
-     */
-    children?: React_2.ReactNode;
-    /**
-     * The class name that is set to the Splitter.
-     */
-    className?: string;
 }
 
 /**

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-layout",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1720164120,
+  publishDate: 1722491408,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-layout",
-  "version": "8.2.0-develop.3",
+  "version": "8.2.0-develop.30",
   "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",
@@ -23,11 +23,11 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-animation": "8.2.0-develop.3",
-    "@progress/kendo-react-common": "8.2.0-develop.3",
-    "@progress/kendo-react-intl": "8.2.0-develop.3",
-    "@progress/kendo-react-popup": "8.2.0-develop.3",
-    "@progress/kendo-react-progressbars": "8.2.0-develop.3",
+    "@progress/kendo-react-animation": "8.2.0-develop.30",
+    "@progress/kendo-react-common": "8.2.0-develop.30",
+    "@progress/kendo-react-intl": "8.2.0-develop.30",
+    "@progress/kendo-react-popup": "8.2.0-develop.30",
+    "@progress/kendo-react-progressbars": "8.2.0-develop.30",
     "@progress/kendo-svg-icons": "^3.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"

package/splitter/Splitter.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),B=require("./SplitterPane.js"),_=require("./SplitterBar.js"),T=require("@progress/kendo-react-common"),k=require("../package-metadata.js"),C=require("./messages/index.js"),N=require("@progress/kendo-react-intl");function w(d){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const e in d)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(d,e);Object.defineProperty(i,e,t.get?t:{enumerable:!0,get:()=>d[e]})}}return i.default=d,Object.freeze(i)}const S=w(R),q={collapsible:!1,collapsed:!1,resizable:!0,scrollable:!0},L=150,b=class b extends S.Component{constructor(i){super(i),this._container=null,this.validatePanes=e=>{if(!e.filter(n=>n.size===void 0).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,l=[];for(let s=0;s<t.length;s++){let o=!1;const p=t[s];S.isValidElement(p)&&(o=p.type.displayName==="Splitter");let h=!1;a&&r!==void 0&&(h=r===s||r+1===s),l.push({...q,orientation:n,containsSplitter:o,overlay:h,...(e||[])[s]})}return l},this.mapSplitterPanes=(e,t)=>{const n=N.provideLocalizationService(this).toLanguageString(C.splitBarLabel,C.messages[C.splitBarLabel]);return e.map((r,a)=>{let l;const s=a*2,o=s+1;if(a+1<e.length){const h=e[a+1];l=S.createElement(_.SplitterBar,{key:o,index:a,orientation:r.orientation,prev:r,next:h,ariaLabel:n,onDrag:this.onBarDragResize,onToggle:this.onBarToggle,onKeyboardResize:this.onBarKeyboardResize,isRtl:this.isRtl})}return[S.createElement(B.SplitterPane,{key:s,...r},t[a]),l]})},this.onBarToggle=(e,t)=>{const r=this.panesOptions(this.panesContent).map((a,l)=>{const s=this.getPaneProps(a);return l===e?{...s,collapsed:!a.collapsed}:{...s}});this.props.onChange&&this.props.onChange({newState:r,isLast:!0,nativeEvent:t})},this.onBarDragResize=(e,t,n,r,a)=>{const l=new Date().getTime(),{pageX:s,pageY:o}=e,{prevElement:p,nextElement:h}=this.surroudingPanes(t);if(!p||!h)return;if(r){this.setState({isDragging:!0,dragIndex:n,startTime:l,originalX:s,originalY:o,originalPrevSize:this.elementSize(p),originalNextSize:this.elementSize(h)});return}const{originalPrevSize:P,originalNextSize:c,startTime:v,originalX:f,originalY:m}=this.state;if(!r&&l-v<L){a&&this.resetDragState();return}let g;this.orientation==="vertical"?g=o-m:this.isRtl?g=f-s:g=s-f,this.resize(n,n+1,P,c,g,a,e),a&&this.resetDragState()},this.onBarKeyboardResize=(e,t,n,r)=>{const{prevElement:a,nextElement:l}=this.surroudingPanes(e),s=this.elementSize(a),o=this.elementSize(l);this.resize(t,t+1,s,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 this.orientation==="vertical"?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,T.validatePackage(k.packageMetadata),this.state={isDragging:!1,dragIndex:void 0,startTime:0,originalX:0,originalY:0,originalPrevSize:0,originalNextSize:0,panes:i.defaultPanes||[]}}get isControlledState(){return this.props.panes!==void 0}get panes(){return this.panesDuringOnChange!==void 0?this.panesDuringOnChange:this.isControlledState?this.props.panes:this.state.panes}get orientation(){return this.props.orientation||"horizontal"}get isRtl(){return this._container&&getComputedStyle(this._container).direction==="rtl"||!1}get panesContent(){return S.Children.toArray(this.props.children).filter(i=>i)}render(){const i=this.panesContent,e=this.panesOptions(i),t=T.classNames("k-splitter","k-splitter-flex",`k-splitter-${this.orientation}`,this.props.className);return this.validatePanes(e),S.createElement("div",{style:this.props.style,ref:n=>this._container=n,className:t},this.mapSplitterPanes(e,i))}surroudingPanes(i){return{prevElement:i.previousElementSibling,nextElement:i.nextElementSibling}}isPercent(i){return/%$/.test(i)}toPixels(i,e){let t=parseInt(i,10);return this.isPercent(i)&&(t=e*t/100),t}resetDragState(){this.setState({isDragging:!1,dragIndex:void 0,startTime:0,originalX:0,originalY:0,originalPrevSize:0,originalNextSize:0})}resize(i,e,t,n,r,a,l){const s=this.panesOptions(this.panesContent),o=s[i],p=s[e],h=t+n,P=this.containerSize(),c=u=>this.toPixels(u,P),v={index:i,initialSize:t,min:c(o.min)||h-c(p.max)||0,max:c(o.max)||h-c(p.min)||h},f={index:e,initialSize:n,min:c(p.min)||h-c(o.max)||0,max:c(p.max)||h-c(o.min)||h},m=(u,x)=>{const z=s[u.index],E=this.clamp(u.min,u.max,u.initialSize+x);return this.isPercent(z.size||"")?100*E/P+"%":E+"px"};let g,O;this.fixedSize(o.size)&&this.fixedSize(p.size)?(g=m(v,r),O=m(f,-r)):p.collapsible||this.fixedSize(p.size)?O=m(f,-r):g=m(v,r);const y=s.map((u,x)=>{const z=this.getPaneProps(u);return x===i?{...z,size:g}:x===e?{...z,size:O}:{...z}});this.panesDuringOnChange=y,this.isControlledState||this.setState({panes:y}),this.props.onChange&&this.props.onChange({newState:y,isLast:a,nativeEvent:l}),this.panesDuringOnChange=void 0}getPaneProps(i){const{orientation:e,overlay:t,containsSplitter:n,...r}=i;return r}};b.displayName="Splitter";let D=b;exports.Splitter=D;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),B=require("./SplitterPane.js"),_=require("./SplitterBar.js"),T=require("@progress/kendo-react-common"),k=require("../package-metadata.js"),C=require("./messages/index.js"),N=require("@progress/kendo-react-intl");function w(d){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const e in d)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(d,e);Object.defineProperty(i,e,t.get?t:{enumerable:!0,get:()=>d[e]})}}return i.default=d,Object.freeze(i)}const S=w(R),q={collapsible:!1,collapsed:!1,resizable:!0,scrollable:!0},L=150,b=class b extends S.Component{constructor(i){super(i),this._container=null,this.validatePanes=e=>{if(!e.filter(n=>n.size===void 0).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,l=[];for(let s=0;s<t.length;s++){let o=!1;const p=t[s];S.isValidElement(p)&&(o=p.type.displayName==="Splitter");let h=!1;a&&r!==void 0&&(h=r===s||r+1===s),l.push({...q,orientation:n,containsSplitter:o,overlay:h,...(e||[])[s]})}return l},this.mapSplitterPanes=(e,t)=>{const n=N.provideLocalizationService(this).toLanguageString(C.splitBarLabel,C.messages[C.splitBarLabel]);return e.map((r,a)=>{let l;const s=a*2,o=s+1;if(a+1<e.length){const h=e[a+1];l=S.createElement(_.SplitterBar,{key:o,index:a,orientation:r.orientation,prev:r,next:h,ariaLabel:n,onDrag:this.onBarDragResize,onToggle:this.onBarToggle,onKeyboardResize:this.onBarKeyboardResize,isRtl:this.isRtl})}return[S.createElement(B.SplitterPane,{key:s,...r},t[a]),l]})},this.onBarToggle=(e,t)=>{const r=this.panesOptions(this.panesContent).map((a,l)=>{const s=this.getPaneProps(a);return l===e?{...s,collapsed:!a.collapsed}:{...s}});this.props.onChange&&this.props.onChange({newState:r,isLast:!0,nativeEvent:t})},this.onBarDragResize=(e,t,n,r,a)=>{const l=new Date().getTime(),{pageX:s,pageY:o}=e,{prevElement:p,nextElement:h}=this.surroudingPanes(t);if(!p||!h)return;if(r){this.setState({isDragging:!0,dragIndex:n,startTime:l,originalX:s,originalY:o,originalPrevSize:this.elementSize(p),originalNextSize:this.elementSize(h)});return}const{originalPrevSize:P,originalNextSize:c,startTime:v,originalX:f,originalY:m}=this.state;if(!r&&l-v<L){a&&this.resetDragState();return}let g;this.orientation==="vertical"?g=o-m:this.isRtl?g=f-s:g=s-f,this.resize(n,n+1,P,c,g,a,e),a&&this.resetDragState()},this.onBarKeyboardResize=(e,t,n,r)=>{const{prevElement:a,nextElement:l}=this.surroudingPanes(e),s=this.elementSize(a),o=this.elementSize(l);this.resize(t,t+1,s,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 this.orientation==="vertical"?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,T.validatePackage(k.packageMetadata),this.state={isDragging:!1,dragIndex:void 0,startTime:0,originalX:0,originalY:0,originalPrevSize:0,originalNextSize:0,panes:i.defaultPanes||[]}}get isControlledState(){return this.props.panes!==void 0}get panes(){return this.panesDuringOnChange!==void 0?this.panesDuringOnChange:this.isControlledState?this.props.panes:this.state.panes}get orientation(){return this.props.orientation||"horizontal"}get isRtl(){return this._container&&getComputedStyle(this._container).direction==="rtl"||!1}get panesContent(){return S.Children.toArray(this.props.children).filter(i=>i)}render(){const i=this.panesContent,e=this.panesOptions(i),t=T.classNames("k-splitter","k-splitter-flex",`k-splitter-${this.orientation}`,this.props.className);return this.validatePanes(e),S.createElement("div",{id:this.props.id,style:this.props.style,ref:n=>this._container=n,className:t},this.mapSplitterPanes(e,i))}surroudingPanes(i){return{prevElement:i.previousElementSibling,nextElement:i.nextElementSibling}}isPercent(i){return/%$/.test(i)}toPixels(i,e){let t=parseInt(i,10);return this.isPercent(i)&&(t=e*t/100),t}resetDragState(){this.setState({isDragging:!1,dragIndex:void 0,startTime:0,originalX:0,originalY:0,originalPrevSize:0,originalNextSize:0})}resize(i,e,t,n,r,a,l){const s=this.panesOptions(this.panesContent),o=s[i],p=s[e],h=t+n,P=this.containerSize(),c=u=>this.toPixels(u,P),v={index:i,initialSize:t,min:c(o.min)||h-c(p.max)||0,max:c(o.max)||h-c(p.min)||h},f={index:e,initialSize:n,min:c(p.min)||h-c(o.max)||0,max:c(p.max)||h-c(o.min)||h},m=(u,x)=>{const z=s[u.index],E=this.clamp(u.min,u.max,u.initialSize+x);return this.isPercent(z.size||"")?100*E/P+"%":E+"px"};let g,O;this.fixedSize(o.size)&&this.fixedSize(p.size)?(g=m(v,r),O=m(f,-r)):p.collapsible||this.fixedSize(p.size)?O=m(f,-r):g=m(v,r);const y=s.map((u,x)=>{const z=this.getPaneProps(u);return x===i?{...z,size:g}:x===e?{...z,size:O}:{...z}});this.panesDuringOnChange=y,this.isControlledState||this.setState({panes:y}),this.props.onChange&&this.props.onChange({newState:y,isLast:a,nativeEvent:l}),this.panesDuringOnChange=void 0}getPaneProps(i){const{orientation:e,overlay:t,containsSplitter:n,...r}=i;return r}};b.displayName="Splitter";let D=b;exports.Splitter=D;

package/splitter/Splitter.mjs

@@ -22,23 +22,23 @@ const k = {
   /**
    * @hidden
    */
-  constructor(s) {
-    super(s), this._container = null, this.validatePanes = (t) => {
+  constructor(n) {
+    super(n), this._container = null, this.validatePanes = (t) => {
       if (!t.filter((i) => i.size === void 0).length)
         throw new Error("The Splitter should have at least one pane without a set size.");
     }, this.mapPaneOptions = (t, e) => {
       const i = this.orientation, { dragIndex: r, isDragging: a } = this.state, l = [];
-      for (let n = 0; n < e.length; n++) {
+      for (let s = 0; s < e.length; s++) {
         let o = !1;
-        const p = e[n];
+        const p = e[s];
         S.isValidElement(p) && (o = p.type.displayName === "Splitter");
         let h = !1;
-        a && r !== void 0 && (h = r === n || r + 1 === n), l.push({
+        a && r !== void 0 && (h = r === s || r + 1 === s), l.push({
           ...k,
           orientation: i,
           containsSplitter: o,
           overlay: h,
-          ...(t || [])[n]
+          ...(t || [])[s]
         });
       }
       return l;
@@ -46,7 +46,7 @@ const k = {
       const i = _(this).toLanguageString(O, w[O]);
       return t.map((r, a) => {
         let l;
-        const n = a * 2, o = n + 1;
+        const s = a * 2, o = s + 1;
         if (a + 1 < t.length) {
           const h = t[a + 1];
           l = /* @__PURE__ */ S.createElement(
@@ -68,7 +68,7 @@ const k = {
         return [/* @__PURE__ */ S.createElement(
           T,
           {
-            key: n,
+            key: s,
             ...r
           },
           e[a]
@@ -76,12 +76,12 @@ const k = {
       });
     }, this.onBarToggle = (t, e) => {
       const r = this.panesOptions(this.panesContent).map((a, l) => {
-        const n = this.getPaneProps(a);
+        const s = this.getPaneProps(a);
         return l === t ? {
-          ...n,
+          ...s,
           collapsed: !a.collapsed
         } : {
-          ...n
+          ...s
         };
       });
       this.props.onChange && this.props.onChange({
@@ -90,7 +90,7 @@ const k = {
         nativeEvent: e
       });
     }, this.onBarDragResize = (t, e, i, r, a) => {
-      const l = (/* @__PURE__ */ new Date()).getTime(), { pageX: n, pageY: o } = t, { prevElement: p, nextElement: h } = this.surroudingPanes(e);
+      const l = (/* @__PURE__ */ new Date()).getTime(), { pageX: s, pageY: o } = t, { prevElement: p, nextElement: h } = this.surroudingPanes(e);
       if (!p || !h)
         return;
       if (r) {
@@ -98,7 +98,7 @@ const k = {
           isDragging: !0,
           dragIndex: i,
           startTime: l,
-          originalX: n,
+          originalX: s,
           originalY: o,
           originalPrevSize: this.elementSize(p),
           originalNextSize: this.elementSize(h)
@@ -111,10 +111,10 @@ const k = {
         return;
       }
       let c;
-      this.orientation === "vertical" ? c = o - u : this.isRtl ? c = f - n : c = n - f, this.resize(i, i + 1, d, g, c, a, t), a && this.resetDragState();
+      this.orientation === "vertical" ? c = o - u : this.isRtl ? c = f - s : c = s - f, this.resize(i, i + 1, d, g, c, a, t), a && this.resetDragState();
     }, this.onBarKeyboardResize = (t, e, i, r) => {
-      const { prevElement: a, nextElement: l } = this.surroudingPanes(t), n = this.elementSize(a), o = this.elementSize(l);
-      this.resize(e, e + 1, n, o, i, !0, r);
+      const { prevElement: a, nextElement: l } = this.surroudingPanes(t), s = this.elementSize(a), o = this.elementSize(l);
+      this.resize(e, e + 1, s, o, i, !0, r);
     }, this.containerSize = () => this._container ? this.elementSize(this._container, !0) : 0, this.panesOptions = (t) => this.mapPaneOptions(this.panes, t), this.elementSize = (t, e) => {
       const i = e ? "client" : "offset";
       return this.orientation === "vertical" ? t[`${i}Height`] : t[`${i}Width`];
@@ -126,7 +126,7 @@ const k = {
       originalY: 0,
       originalPrevSize: 0,
       originalNextSize: 0,
-      panes: s.defaultPanes || []
+      panes: n.defaultPanes || []
     };
   }
   get isControlledState() {
@@ -142,13 +142,13 @@ const k = {
     return this._container && getComputedStyle(this._container).direction === "rtl" || !1;
   }
   get panesContent() {
-    return S.Children.toArray(this.props.children).filter((s) => s);
+    return S.Children.toArray(this.props.children).filter((n) => n);
   }
   /**
    * @hidden
    */
   render() {
-    const s = this.panesContent, t = this.panesOptions(s), e = N(
+    const n = this.panesContent, t = this.panesOptions(n), e = N(
       "k-splitter",
       "k-splitter-flex",
       `k-splitter-${this.orientation}`,
@@ -157,25 +157,26 @@ const k = {
     return this.validatePanes(t), /* @__PURE__ */ S.createElement(
       "div",
       {
+        id: this.props.id,
         style: this.props.style,
         ref: (i) => this._container = i,
         className: e
       },
-      this.mapSplitterPanes(t, s)
+      this.mapSplitterPanes(t, n)
     );
   }
-  surroudingPanes(s) {
+  surroudingPanes(n) {
     return {
-      prevElement: s.previousElementSibling,
-      nextElement: s.nextElementSibling
+      prevElement: n.previousElementSibling,
+      nextElement: n.nextElementSibling
     };
   }
-  isPercent(s) {
-    return /%$/.test(s);
+  isPercent(n) {
+    return /%$/.test(n);
   }
-  toPixels(s, t) {
-    let e = parseInt(s, 10);
-    return this.isPercent(s) && (e = t * e / 100), e;
+  toPixels(n, t) {
+    let e = parseInt(n, 10);
+    return this.isPercent(n) && (e = t * e / 100), e;
   }
   resetDragState() {
     this.setState({
@@ -188,9 +189,9 @@ const k = {
       originalNextSize: 0
     });
   }
-  resize(s, t, e, i, r, a, l) {
-    const n = this.panesOptions(this.panesContent), o = n[s], p = n[t], h = e + i, d = this.containerSize(), g = (m) => this.toPixels(m, d), P = {
-      index: s,
+  resize(n, t, e, i, r, a, l) {
+    const s = this.panesOptions(this.panesContent), o = s[n], p = s[t], h = e + i, d = this.containerSize(), g = (m) => this.toPixels(m, d), P = {
+      index: n,
       initialSize: e,
       min: g(o.min) || h - g(p.max) || 0,
       max: g(o.max) || h - g(p.min) || h
@@ -200,14 +201,14 @@ const k = {
       min: g(p.min) || h - g(o.max) || 0,
       max: g(p.max) || h - g(o.min) || h
     }, u = (m, v) => {
-      const z = n[m.index], E = this.clamp(m.min, m.max, m.initialSize + v);
+      const z = s[m.index], E = this.clamp(m.min, m.max, m.initialSize + v);
       return this.isPercent(z.size || "") ? 100 * E / d + "%" : E + "px";
     };
     let c, x;
     this.fixedSize(o.size) && this.fixedSize(p.size) ? (c = u(P, r), x = u(f, -r)) : p.collapsible || this.fixedSize(p.size) ? x = u(f, -r) : c = u(P, r);
-    const C = n.map((m, v) => {
+    const C = s.map((m, v) => {
       const z = this.getPaneProps(m);
-      return v === s ? {
+      return v === n ? {
         ...z,
         size: c
       } : v === t ? {
@@ -225,8 +226,8 @@ const k = {
       nativeEvent: l
     }), this.panesDuringOnChange = void 0;
   }
-  getPaneProps(s) {
-    const { orientation: t, overlay: e, containsSplitter: i, ...r } = s;
+  getPaneProps(n) {
+    const { orientation: t, overlay: e, containsSplitter: i, ...r } = n;
     return r;
   }
 };

package/splitter/SplitterPane.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),b=require("@progress/kendo-react-common");function k(t){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(l,e,n.get?n:{enumerable:!0,get:()=>t[e]})}}return l.default=t,Object.freeze(l)}const s=k(m);class g extends s.Component{render(){const{id:l,size:e,collapsed:n,overlay:r,containsSplitter:a,collapsible:o,resizable:c,scrollable:i,keepMounted:p}=this.props,d=e&&e.length>0,u={flexBasis:e},f=b.classNames("k-pane",{"k-hidden":n,hidden:n,"k-pane-flex":a,"k-pane-static":!c&&!o||d,"k-scrollable":i});return s.createElement("div",{id:l,role:"group",style:u,className:f},!n||p?this.props.children:void 0,r?s.createElement("div",{className:"k-splitter-overlay k-overlay"}):void 0)}}exports.SplitterPane=g;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),k=require("@progress/kendo-react-common");function g(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const l=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,l.get?l:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const s=g(y);class v extends s.Component{render(){const{id:n,size:e,collapsed:l,overlay:a,containsSplitter:r,collapsible:o,resizable:c,scrollable:i,keepMounted:p,style:d,className:u}=this.props,m=e&&e.length>0,f={flexBasis:e,...d},b=k.classNames("k-pane",{"k-hidden":l,hidden:l,"k-pane-flex":r,"k-pane-static":!c&&!o||m,"k-scrollable":i},u);return s.createElement("div",{id:n,role:"group",style:f,className:b},!l||p?this.props.children:void 0,a?s.createElement("div",{className:"k-splitter-overlay k-overlay"}):void 0)}}exports.SplitterPane=v;

package/splitter/SplitterPane.mjs

@@ -7,8 +7,8 @@
  */
 "use client";
 import * as l from "react";
-import { classNames as k } from "@progress/kendo-react-common";
-class f extends l.Component {
+import { classNames as h } from "@progress/kendo-react-common";
+class x extends l.Component {
   render() {
     const {
       id: t,
@@ -16,29 +16,33 @@ class f extends l.Component {
       collapsed: s,
       overlay: a,
       containsSplitter: o,
-      collapsible: r,
-      resizable: i,
-      scrollable: n,
-      keepMounted: c
-    } = this.props, p = e && e.length > 0, d = {
-      flexBasis: e
-    }, m = k(
+      collapsible: n,
+      resizable: r,
+      scrollable: i,
+      keepMounted: c,
+      style: p,
+      className: d
+    } = this.props, m = e && e.length > 0, k = {
+      flexBasis: e,
+      ...p
+    }, v = h(
       "k-pane",
       {
         "k-hidden": s,
         hidden: s,
         "k-pane-flex": o,
-        "k-pane-static": !i && !r || p,
-        "k-scrollable": n
-      }
+        "k-pane-static": !r && !n || m,
+        "k-scrollable": i
+      },
+      d
     );
     return /* @__PURE__ */ l.createElement(
       "div",
       {
         id: t,
         role: "group",
-        style: d,
-        className: m
+        style: k,
+        className: v
       },
       !s || c ? this.props.children : void 0,
       a ? /* @__PURE__ */ l.createElement("div", { className: "k-splitter-overlay k-overlay" }) : void 0
@@ -46,5 +50,5 @@ class f extends l.Component {
   }
 }
 export {
-  f as SplitterPane
+  x as SplitterPane
 };

package/tabstrip/TabStripNavigation.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),f=require("prop-types"),C=require("./TabStripNavigationItem.js"),k=require("@progress/kendo-react-common"),A=require("@progress/kendo-react-buttons"),m=require("@progress/kendo-svg-icons");function M(h){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(h){for(const t in h)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(h,t);Object.defineProperty(l,t,s.get?s:{enumerable:!0,get:()=>h[t]})}}return l.default=h,Object.freeze(l)}const a=M(R),x=h=>Array.apply(null,Array(h)),L=h=>h.preventDefault(),v="smooth",b="prev",S="next",P=class P extends a.Component{constructor(l){super(l),this.itemsNavRef=a.createRef(),this.isRtl=()=>this.props.dir==="rtl",this.onWheel=t=>{t.stopPropagation();const s=t.deltaY<0?b:S;this.setNewScrollPosition(s,t)},this.arrowClickPrev=t=>{this.handleArrowClick(b,t)},this.arrowClickNext=t=>{this.handleArrowClick(S,t)},this.handleArrowClick=(t,s)=>{this.setNewScrollPosition(t,s)},this.setNewScrollPosition=(t,s)=>{const e=this.itemsNavRef.current;if(!e)return;const n=this.horizontalScroll(),c=n?e.scrollWidth-e.offsetWidth:e.scrollHeight-e.offsetHeight,r=(s.type==="click"?this.props.buttonScrollSpeed:this.props.mouseScrollSpeed)||0;let o=n?e.scrollLeft:e.scrollTop,i=n?e.scrollWidth-e.scrollLeft:e.scrollHeight-e.scrollTop,d=e.scrollWidth-e.scrollLeft*-1;this.isRtl()&&this.horizontalScroll()?(t===b&&o<0&&(o+=r,d+=r),t===S&&o<c&&(o-=r,d-=r),o=Math.min(0,Math.min(c,o))):(t===b&&o>0&&(o-=r,i+=r),t===S&&o<c&&(o+=r,i-=r),o=Math.max(0,Math.min(c,o)));const u=o===0,g=s.type==="click"?v:void 0;if(n){const T=this.isRtl()?Math.round(d)<=e.clientWidth||Math.floor(d)<=e.clientWidth:Math.round(i)<=e.clientWidth||Math.floor(i)<=e.clientWidth;this.setState({disabledPrev:u,disabledNext:T}),e.scrollTo({left:o,behavior:g})}else this.setState({disabledPrev:u,disabledNext:Math.round(i)<=e.clientHeight||Math.floor(i)<=e.clientHeight}),e.scrollTo({top:o,behavior:g})},this.renderArrow=(t,s)=>{const e=this.horizontalScroll(),n={prev:{arrowTab:"k-tabstrip-prev",fontIcon:e?this.isRtl()?"caret-alt-right":"caret-alt-left":"caret-alt-up",svgIcon:e?this.isRtl()?m.caretAltRightIcon:m.caretAltLeftIcon:m.caretAltUpIcon},next:{arrowTab:"k-tabstrip-next",fontIcon:e?this.isRtl()?"caret-alt-left":"caret-alt-right":"caret-alt-down",svgIcon:e?this.isRtl()?m.caretAltLeftIcon:m.caretAltRightIcon:m.caretAltDownIcon}},c=(t===b?this.props.prevButton:this.props.nextButton)||A.Button,r=t===b?this.arrowClickPrev:this.arrowClickNext;return a.createElement(c,{disabled:s,className:`${n[t].arrowTab}`,onClick:r,icon:n[t].fontIcon,svgIcon:n[t].svgIcon,onMouseDown:L,tabIndex:-1,fillMode:"flat"})},this.state={disabledPrev:this.props.selected===0,disabledNext:this.props.selected===a.Children.count(this.props.children)-1}}componentDidMount(){this.props.scrollable&&this.scrollToSelected()}componentDidUpdate(l){const{scrollable:t,selected:s}=this.props;t&&l.selected!==s&&(this.scrollToSelected(),this.setState({disabledPrev:s===0,disabledNext:s===a.Children.count(this.props.children)-1}))}render(){const{selected:l,tabPosition:t,children:s,onSelect:e,onKeyDown:n,navItemId:c,contentPanelId:r,renderAllContent:o}=this.props,i=a.Children.count(s),d=a.Children.toArray(s);let u;s&&(u=x(i).map((y,p,w)=>{const N={active:l===p,disabled:d[p].props.disabled,index:p,title:d[p].props.title,first:p===0,last:p===w.length-1,contentPanelId:r,renderAllContent:o,id:c,onSelect:e};return a.createElement(C.TabStripNavigationItem,{key:p,...N})}));const g=k.classNames("k-tabstrip-items-wrapper",{"k-hstack":t==="top"||t==="bottom","k-vstack":t==="left"||t==="right"}),T=k.classNames("k-tabstrip-items","k-reset");return a.createElement("div",{className:g},this.props.scrollable?a.createElement(a.Fragment,null,this.renderArrow(b,this.state.disabledPrev),a.createElement("ul",{ref:this.itemsNavRef,className:T,role:"tablist",tabIndex:this.props.tabIndex,onKeyDown:n,onWheel:this.onWheel,"aria-orientation":t==="left"||t==="right"?"vertical":void 0},u),this.renderArrow(S,this.state.disabledNext)):a.createElement("ul",{className:T,role:"tablist",tabIndex:this.props.tabIndex,onKeyDown:n},u))}scrollToSelected(){const l=this.itemsNavRef.current,t=l&&l.children[this.props.selected||0];if(t instanceof HTMLElement&&l instanceof HTMLElement){const s=this.horizontalScroll(),e=s?l.offsetWidth:l.offsetHeight,n=s?t.offsetWidth:t.offsetHeight,c=s?"left":"top";let r=s?l.scrollLeft:l.scrollTop,o=0;if(this.isRtl()){const i=t.offsetLeft;r=r*-1,i<0?(o=i-n+l.offsetLeft,l.scrollTo({[c]:o,behavior:v})):i+n>e-r&&(o=r+i-n,l.scrollTo({[c]:o,behavior:v}))}else{const i=s?t.offsetLeft-l.offsetLeft:t.offsetTop-l.offsetTop;r+e<i+n?(o=i+n-e,l.scrollTo({[c]:o,behavior:v})):r>i&&(o=i,l.scrollTo({[c]:o,behavior:v}))}}}horizontalScroll(){return/top|bottom/.test(this.props.tabPosition||"top")}};P.propTypes={children:f.oneOfType([f.element,f.arrayOf(f.element)]),onSelect:f.func,onKeyDown:f.func,selected:f.number,tabIndex:f.number};let I=P;exports.TabStripNavigation=I;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("react"),f=require("prop-types"),C=require("./TabStripNavigationItem.js"),P=require("@progress/kendo-react-common"),x=require("@progress/kendo-react-buttons"),m=require("@progress/kendo-svg-icons"),L=require("@progress/kendo-react-intl"),v=require("./messages/index.js");function M(h){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(h){for(const t in h)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(h,t);Object.defineProperty(l,t,s.get?s:{enumerable:!0,get:()=>h[t]})}}return l.default=h,Object.freeze(l)}const a=M(A),E=h=>Array.apply(null,Array(h)),y=h=>h.preventDefault(),g="smooth",u="prev",S="next",k=class k extends a.Component{constructor(l){super(l),this.itemsNavRef=a.createRef(),this.isRtl=()=>this.props.dir==="rtl",this.onWheel=t=>{t.stopPropagation();const s=t.deltaY<0?u:S;this.setNewScrollPosition(s,t)},this.arrowClickPrev=t=>{this.handleArrowClick(u,t)},this.arrowClickNext=t=>{this.handleArrowClick(S,t)},this.handleArrowClick=(t,s)=>{this.setNewScrollPosition(t,s)},this.setNewScrollPosition=(t,s)=>{const e=this.itemsNavRef.current;if(!e)return;const n=this.horizontalScroll(),c=n?e.scrollWidth-e.offsetWidth:e.scrollHeight-e.offsetHeight,r=(s.type==="click"?this.props.buttonScrollSpeed:this.props.mouseScrollSpeed)||0;let o=n?e.scrollLeft:e.scrollTop,i=n?e.scrollWidth-e.scrollLeft:e.scrollHeight-e.scrollTop,d=e.scrollWidth-e.scrollLeft*-1;this.isRtl()&&this.horizontalScroll()?(t===u&&o<0&&(o+=r,d+=r),t===S&&o<c&&(o-=r,d-=r),o=Math.min(0,Math.min(c,o))):(t===u&&o>0&&(o-=r,i+=r),t===S&&o<c&&(o+=r,i-=r),o=Math.max(0,Math.min(c,o)));const b=o===0,T=s.type==="click"?g:void 0;if(n){const w=this.isRtl()?Math.round(d)<=e.clientWidth||Math.floor(d)<=e.clientWidth:Math.round(i)<=e.clientWidth||Math.floor(i)<=e.clientWidth;this.setState({disabledPrev:b,disabledNext:w}),e.scrollTo({left:o,behavior:T})}else this.setState({disabledPrev:b,disabledNext:Math.round(i)<=e.clientHeight||Math.floor(i)<=e.clientHeight}),e.scrollTo({top:o,behavior:T})},this.renderArrow=(t,s)=>{const e=this.horizontalScroll(),n=L.provideLocalizationService(this),c={prev:{arrowTab:"k-tabstrip-prev",fontIcon:e?this.isRtl()?"caret-alt-right":"caret-alt-left":"caret-alt-up",svgIcon:e?this.isRtl()?m.caretAltRightIcon:m.caretAltLeftIcon:m.caretAltUpIcon,title:n.toLanguageString(v.prevArrowTitle,v.messages[v.prevArrowTitle])},next:{arrowTab:"k-tabstrip-next",fontIcon:e?this.isRtl()?"caret-alt-left":"caret-alt-right":"caret-alt-down",svgIcon:e?this.isRtl()?m.caretAltLeftIcon:m.caretAltRightIcon:m.caretAltDownIcon,title:n.toLanguageString(v.nextArrowTitle,v.messages[v.nextArrowTitle])}},r=(t===u?this.props.prevButton:this.props.nextButton)||x.Button,o=t===u?this.arrowClickPrev:this.arrowClickNext;return a.createElement(r,{disabled:s,className:`${c[t].arrowTab}`,onClick:o,icon:c[t].fontIcon,svgIcon:c[t].svgIcon,onMouseDown:y,tabIndex:-1,fillMode:"flat",title:c[t].title})},this.state={disabledPrev:this.props.selected===0,disabledNext:this.props.selected===a.Children.count(this.props.children)-1}}componentDidMount(){this.props.scrollable&&this.scrollToSelected()}componentDidUpdate(l){const{scrollable:t,selected:s}=this.props;t&&l.selected!==s&&(this.scrollToSelected(),this.setState({disabledPrev:s===0,disabledNext:s===a.Children.count(this.props.children)-1}))}render(){const{selected:l,tabPosition:t,children:s,onSelect:e,onKeyDown:n,navItemId:c,contentPanelId:r,renderAllContent:o}=this.props,i=a.Children.count(s),d=a.Children.toArray(s);let b;s&&(b=E(i).map((z,p,N)=>{const R={active:l===p,disabled:d[p].props.disabled,index:p,title:d[p].props.title,first:p===0,last:p===N.length-1,contentPanelId:r,renderAllContent:o,id:c,onSelect:e};return a.createElement(C.TabStripNavigationItem,{key:p,...R})}));const T=P.classNames("k-tabstrip-items-wrapper",{"k-hstack":t==="top"||t==="bottom","k-vstack":t==="left"||t==="right"}),w=P.classNames("k-tabstrip-items","k-reset");return a.createElement("div",{className:T},this.props.scrollable?a.createElement(a.Fragment,null,this.renderArrow(u,this.state.disabledPrev),a.createElement("ul",{ref:this.itemsNavRef,className:w,role:"tablist",tabIndex:this.props.tabIndex,onKeyDown:n,onWheel:this.onWheel,"aria-orientation":t==="left"||t==="right"?"vertical":void 0},b),this.renderArrow(S,this.state.disabledNext)):a.createElement("ul",{className:w,role:"tablist",tabIndex:this.props.tabIndex,onKeyDown:n},b))}scrollToSelected(){const l=this.itemsNavRef.current,t=l&&l.children[this.props.selected||0];if(t instanceof HTMLElement&&l instanceof HTMLElement){const s=this.horizontalScroll(),e=s?l.offsetWidth:l.offsetHeight,n=s?t.offsetWidth:t.offsetHeight,c=s?"left":"top";let r=s?l.scrollLeft:l.scrollTop,o=0;if(this.isRtl()){const i=t.offsetLeft;r=r*-1,i<0?(o=i-n+l.offsetLeft,l.scrollTo({[c]:o,behavior:g})):i+n>e-r&&(o=r+i-n,l.scrollTo({[c]:o,behavior:g}))}else{const i=s?t.offsetLeft-l.offsetLeft:t.offsetTop-l.offsetTop;r+e<i+n?(o=i+n-e,l.scrollTo({[c]:o,behavior:g})):r>i&&(o=i,l.scrollTo({[c]:o,behavior:g}))}}}horizontalScroll(){return/top|bottom/.test(this.props.tabPosition||"top")}};k.propTypes={children:f.oneOfType([f.element,f.arrayOf(f.element)]),onSelect:f.func,onKeyDown:f.func,selected:f.number,tabIndex:f.number};let I=k;exports.TabStripNavigation=I;

package/tabstrip/TabStripNavigation.mjs

@@ -8,11 +8,13 @@
 "use client";
 import * as a from "react";
 import h from "prop-types";
-import { TabStripNavigationItem as g } from "./TabStripNavigationItem.mjs";
-import { classNames as I } from "@progress/kendo-react-common";
-import { Button as x } from "@progress/kendo-react-buttons";
-import { caretAltRightIcon as P, caretAltLeftIcon as k, caretAltUpIcon as A, caretAltDownIcon as M } from "@progress/kendo-svg-icons";
-const E = (w) => Array.apply(null, Array(w)), L = (w) => w.preventDefault(), b = "smooth", d = "prev", u = "next", T = class T extends a.Component {
+import { TabStripNavigationItem as L } from "./TabStripNavigationItem.mjs";
+import { classNames as T } from "@progress/kendo-react-common";
+import { Button as M } from "@progress/kendo-react-buttons";
+import { caretAltRightIcon as I, caretAltLeftIcon as P, caretAltUpIcon as E, caretAltDownIcon as W } from "@progress/kendo-svg-icons";
+import { provideLocalizationService as z } from "@progress/kendo-react-intl";
+import { prevArrowTitle as k, messages as N, nextArrowTitle as C } from "./messages/index.mjs";
+const D = (g) => Array.apply(null, Array(g)), H = (g) => g.preventDefault(), b = "smooth", d = "prev", u = "next", w = class w extends a.Component {
   constructor(l) {
     super(l), this.itemsNavRef = a.createRef(), this.isRtl = () => this.props.dir === "rtl", this.onWheel = (t) => {
       t.stopPropagation();
@@ -44,29 +46,32 @@ const E = (w) => Array.apply(null, Array(w)), L = (w) => w.preventDefault(), b =
           disabledNext: Math.round(i) <= e.clientHeight || Math.floor(i) <= e.clientHeight
         }), e.scrollTo({ top: o, behavior: v });
     }, this.renderArrow = (t, s) => {
-      const e = this.horizontalScroll(), n = {
+      const e = this.horizontalScroll(), n = z(this), c = {
         prev: {
           arrowTab: "k-tabstrip-prev",
           fontIcon: e ? this.isRtl() ? "caret-alt-right" : "caret-alt-left" : "caret-alt-up",
-          svgIcon: e ? this.isRtl() ? P : k : A
+          svgIcon: e ? this.isRtl() ? I : P : E,
+          title: n.toLanguageString(k, N[k])
         },
         next: {
           arrowTab: "k-tabstrip-next",
           fontIcon: e ? this.isRtl() ? "caret-alt-left" : "caret-alt-right" : "caret-alt-down",
-          svgIcon: e ? this.isRtl() ? k : P : M
+          svgIcon: e ? this.isRtl() ? P : I : W,
+          title: n.toLanguageString(C, N[C])
         }
-      }, c = (t === d ? this.props.prevButton : this.props.nextButton) || x, r = t === d ? this.arrowClickPrev : this.arrowClickNext;
+      }, r = (t === d ? this.props.prevButton : this.props.nextButton) || M, o = t === d ? this.arrowClickPrev : this.arrowClickNext;
       return /* @__PURE__ */ a.createElement(
-        c,
+        r,
         {
           disabled: s,
-          className: `${n[t].arrowTab}`,
-          onClick: r,
-          icon: n[t].fontIcon,
-          svgIcon: n[t].svgIcon,
-          onMouseDown: L,
+          className: `${c[t].arrowTab}`,
+          onClick: o,
+          icon: c[t].fontIcon,
+          svgIcon: c[t].svgIcon,
+          onMouseDown: H,
           tabIndex: -1,
-          fillMode: "flat"
+          fillMode: "flat",
+          title: c[t].title
         }
       );
     }, this.state = {
@@ -96,25 +101,25 @@ const E = (w) => Array.apply(null, Array(w)), L = (w) => w.preventDefault(), b =
   render() {
     const { selected: l, tabPosition: t, children: s, onSelect: e, onKeyDown: n, navItemId: c, contentPanelId: r, renderAllContent: o } = this.props, i = a.Children.count(s), f = a.Children.toArray(s);
     let m;
-    s && (m = E(i).map((W, p, C) => {
-      const R = {
+    s && (m = D(i).map((y, p, x) => {
+      const A = {
         active: l === p,
         disabled: f[p].props.disabled,
         index: p,
         title: f[p].props.title,
         first: p === 0,
-        last: p === C.length - 1,
+        last: p === x.length - 1,
         contentPanelId: r,
         renderAllContent: o,
         id: c,
         onSelect: e
       };
-      return /* @__PURE__ */ a.createElement(g, { key: p, ...R });
+      return /* @__PURE__ */ a.createElement(L, { key: p, ...A });
     }));
-    const v = I("k-tabstrip-items-wrapper", {
+    const v = T("k-tabstrip-items-wrapper", {
       "k-hstack": t === "top" || t === "bottom",
       "k-vstack": t === "left" || t === "right"
-    }), S = I("k-tabstrip-items", "k-reset");
+    }), S = T("k-tabstrip-items", "k-reset");
     return /* @__PURE__ */ a.createElement("div", { className: v }, this.props.scrollable ? /* @__PURE__ */ a.createElement(a.Fragment, null, this.renderArrow(d, this.state.disabledPrev), /* @__PURE__ */ a.createElement(
       "ul",
       {
@@ -156,7 +161,7 @@ const E = (w) => Array.apply(null, Array(w)), L = (w) => w.preventDefault(), b =
     return /top|bottom/.test(this.props.tabPosition || "top");
   }
 };
-T.propTypes = {
+w.propTypes = {
   children: h.oneOfType([
     h.element,
     h.arrayOf(h.element)
@@ -166,7 +171,7 @@ T.propTypes = {
   selected: h.number,
   tabIndex: h.number
 };
-let N = T;
+let R = w;
 export {
-  N as TabStripNavigation
+  R as TabStripNavigation
 };

package/tabstrip/messages/index.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="prevArrow.title",r="nextArrow.title",t={[e]:"Previous tab arrow",[r]:"Next tab arrow"};exports.messages=t;exports.nextArrowTitle=r;exports.prevArrowTitle=e;

package/tabstrip/messages/index.mjs

@@ -0,0 +1,17 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+const r = "prevArrow.title", t = "nextArrow.title", e = {
+  [r]: "Previous tab arrow",
+  [t]: "Next tab arrow"
+};
+export {
+  e as messages,
+  t as nextArrowTitle,
+  r as prevArrowTitle
+};